TP-45652 | generatePassword fix (#802)

* Basic Layout AmeyoUtility| Varshitha

* Added new components| Varshitha

* UploadNumbers layout| Varshitha

* Some Api's,success and error msgs| Varshitha

* Drawer with pagination,Api's | Varshitha

* Api response catch error| Varshitha

* Integration and Design changes| Varshitha

* Added Loader| Varshitha

* Added Loader| Varshitha

* polling and msg change| Varshitha

* toast and seperator added| Varshitha

* changed file download| Varshitha

* constants changed| Varshitha

* separator changes| Varshitha

* design changes| Varshitha

* design changes| Varshitha

* Height fix| Varshitha

* successToast msg| Varshitha

* uat changes| Varshitha

* polling issue fix| Varshitha

* routes fix from merge conflicts, removed unused code| Varshitha

* TP-45652| no row data handle| Varshitha

* TP-45652 | review resolve pr

* TP- 45652 | pr changes| Varshitha

* failed case added| Varshitha

* TP-45652 | message handle| Varshitha

* uat changes| Varshitha

* pr review changes| Varshitha

* updated roles| Varshitha

* TP-45652 | whitelist change

* TP-45652 | whitelist change | Varshitha

* TP-45652 | generatePassword fix| Varshitha

* TP-45652 | flagResponse Change| Varshitha

---------

Co-authored-by: Varnit Goyal <varnit.goyal@navi.com>

src/components/sidebar/SideNavBar.tsx

@@ -73,7 +73,8 @@ function SideNavBar({ isDc97User, isHRCChatUser }: ISideNavbarProps) {
     isPincodeMappingVisible,
     isInternalTeamLead,
     fieldTLAndClusterAndZonalManagers,
-    isAmeyoUtilityVisible
+    isAmeyoUtilityVisible,
+    isAmeyoGeneratePasswordVisible
   } = useSelector((state: RootState) => ({
     user: state.common.userData,
     isPerformanceDashboardVisible: state?.common?.isPerformanceDashboardVisible,
@@ -82,7 +83,8 @@ function SideNavBar({ isDc97User, isHRCChatUser }: ISideNavbarProps) {
     isTeamLead: state?.common?.isTeamLead,
     isInternalTeamLead: state?.common?.isInternalTeamLead,
     fieldTLAndClusterAndZonalManagers: state?.common?.fieldTLAndClusterAndZonalManagers,
-    isAmeyoUtilityVisible: state?.common?.isAmeyoUtilityVisible
+    isAmeyoUtilityVisible: state?.common?.isAmeyoUtilityVisible,
+    isAmeyoGeneratePasswordVisible: state?.common?.isAmeyoGeneratePasswordVisible
   }));
 
   const newDashboard = user?.revampedDashboardViewAllowed;
@@ -416,6 +418,21 @@ function SideNavBar({ isDc97User, isHRCChatUser }: ISideNavbarProps) {
                 clickStreamEvent={CLICKSTREAM_EVENT_NAMES.LH_LEAVE_MANAGEMENT_PAGE_CLICKED}
               />
             ) : null}
+            {!isAmeyoUtilityVisible && isAmeyoGeneratePasswordVisible ? (
+              <SidebarLinks
+                key={APP_ROUTES.TL_GENERATE_AMEYO_PASSWORD.path}
+                activeIcon={<GenerateAmeyoPasswordIcon />}
+                inActiveIcon={<GenerateAmeyoPasswordIcon strokeColor="var(--navigation-blue-c2)" />}
+                name={'Ameyo Password'}
+                route={APP_ROUTES.TL_GENERATE_AMEYO_PASSWORD.path}
+                linkClickHandler={linkClickHandler}
+                currentPathname={pathname}
+                currentSearch={search}
+                clickStreamEvent={
+                  CLICKSTREAM_EVENT_NAMES.LH_TL_GENERATE_AMEYO_PASSWORD_SidePanelIconClick
+                }
+              />
+            ) : null}
             {isAmeyoUtilityVisible ? (
               <SidebarLinks
                 key={APP_ROUTES.AMEYO_UTILITY.path}

src/layout/Routes.tsx

@@ -116,6 +116,11 @@ const APP_ROUTES = {
   NOT_FOUND: {
     path: '*',
     element: <NotFound />
+  },
+  TL_GENERATE_AMEYO_PASSWORD: {
+    path: '/generate-ameyo-password',
+    element: <GenerateAmeyoPassword />,
+    exact: true
   }
 };
 

src/reducers/commonSlice.ts

@@ -244,6 +244,7 @@ export interface CommonState {
   feedbackFilters: string;
   serverDate: Date | string;
   isAmeyoUtilityVisible?: boolean;
+  isAmeyoGeneratePasswordVisible?: boolean;
 }
 
 export const CHECK_LOGIN = 'CHECK_LOGIN';
@@ -283,6 +284,7 @@ const initialState = {
   isPerformanceDashboardVisible: false,
   isPincodeMappingVisible: false,
   isAmeyoUtilityVisible: false,
+  isAmeyoGeneratePasswordVisible: false,
   isIdCardApprovalVisible: false,
   humanReminderCustomerDetailsLoading: false,
   generateAmeyoPassword: {
@@ -323,9 +325,12 @@ export const commonSlice = createSlice({
 
         const isPincodeMappingVisible = action.payload?.featureFlags?.agencyServiceability ?? false;
         const isAmeyoUtilityVisible = action.payload?.featureFlags?.ameyoSelfServeFlag ?? false;
+        const isAmeyoGeneratePasswordVisible =
+          action.payload?.featureFlags?.ameyoGeneratePasswordFlag ?? false;
 
         state.isIdCardApprovalVisible = isIdCardApprovalVisible;
         state.isAmeyoUtilityVisible = isAmeyoUtilityVisible;
+        state.isAmeyoGeneratePasswordVisible = isAmeyoGeneratePasswordVisible;
         state.isPincodeMappingVisible = isPincodeMappingVisible;
 
         state.isCallingAgent = roles?.includes(Roles.ROLE_CALLING_AGENT);

src/service/clickStream.constant.ts

@@ -74,6 +74,10 @@ export const CLICKSTREAM_EVENT_NAMES = Object.freeze({
     name: 'LH_AMEYO_UTILITY_PAGE_CLICKED',
     description: 'Click on Ameyo Utility option on Side Panel'
   },
+  LH_TL_GENERATE_AMEYO_PASSWORD_SidePanelIconClick: {
+    name: 'LH_TL_GENERATE_AMEYO_PASSWORD_SidePanelIconClick',
+    description: 'Click on TL Generate ameyo password option on Side Panel'
+  },
   LH_LEAVE_MANAGEMENT_PAGE_CLICKED: {
     name: 'LH_LEAVE_MANAGEMENT_PAGE_CLICKED',
     description: 'Click on leave management option on Side Panel'