NTP-34284| available for next month for csa agent (#1362)

src/pages/AllAgents/AgentForm/AgentForm.tsx

@@ -705,6 +705,11 @@ export const AgentForm = forwardRef((props: AgentFormProps, ref) => {
                   isAgentCenterRequired={isAgentCenterRequired}
                   isEditPanDetailsDisabled={isEditPanDetailsDisabled}
                   isPanDetailsRequired={isPanDetailsRequired}
+                  showActiveNextMonthToggle={showActiveNextMonthToggle as boolean}
+                  isAgentActiveNextMonth={isAgentActiveNextMonth}
+                  setIsAgentActiveNextMonth={setIsAgentActiveNextMonth}
+                  isAgentActiveNextMonthToggleDirty={isAgentActiveNextMonthToggleDirty}
+                  setIsAgentActiveNextMonthToggleDirty={setIsAgentActiveNextMonthToggleDirty}
                 />
               )
             ) : (

src/pages/AllAgents/AgentForm/components/form/DefaultAgentForm.tsx

@@ -19,6 +19,7 @@ import { RootState } from '@cp/src/store';
 import cx from 'classnames';
 import AgentFormDateInput from './AgentFormDateInput';
 import AgentFormDownloadPan from './AgentFormDownloadPan';
+import ActiveNextMonthWrapper from './ActiveNextMonthWrapper';
 
 const DefaultAgentForm = (props: IDefaultAgentFormProps) => {
   const {
@@ -40,7 +41,12 @@ const DefaultAgentForm = (props: IDefaultAgentFormProps) => {
     disableStateEdit,
     isAgentCenterRequired,
     isEditPanDetailsDisabled = false,
-    isPanDetailsRequired = false
+    isPanDetailsRequired = false,
+    showActiveNextMonthToggle = false,
+    isAgentActiveNextMonth,
+    setIsAgentActiveNextMonth,
+    isAgentActiveNextMonthToggleDirty,
+    setIsAgentActiveNextMonthToggleDirty
   } = props;
 
   const bucketGroup = useSelector((state: RootState) => state?.teamLeadDashboard?.bucketGroup);
@@ -61,7 +67,16 @@ const DefaultAgentForm = (props: IDefaultAgentFormProps) => {
           Agent Details
         </Typography>
       </div>
-
+      {showActiveNextMonthToggle ? (
+        <ActiveNextMonthWrapper
+          showActiveNextMonthToggle={showActiveNextMonthToggle}
+          isEditDisabled={isEditDisabled as boolean}
+          isAgentActiveNextMonth={isAgentActiveNextMonth}
+          setIsAgentActiveNextMonth={setIsAgentActiveNextMonth}
+          isAgentActiveNextMonthToggleDirty={isAgentActiveNextMonthToggleDirty}
+          setIsAgentActiveNextMonthToggleDirty={setIsAgentActiveNextMonthToggleDirty}
+        />
+      ) : null}
       <div className={styles.inputContainer}>
         <AgentFormTextbox
           control={control}

src/pages/AllAgents/AgentForm/interfaces/types.ts

@@ -300,4 +300,9 @@ export interface IDefaultAgentFormProps {
   isAgentCenterRequired: boolean;
   isEditPanDetailsDisabled?: boolean;
   isPanDetailsRequired?: boolean;
+  showActiveNextMonthToggle?: boolean;
+  isAgentActiveNextMonth: boolean;
+  setIsAgentActiveNextMonth: (value: boolean) => void;
+  isAgentActiveNextMonthToggleDirty: boolean;
+  setIsAgentActiveNextMonthToggleDirty: (value: boolean) => void;
 }