@citizenplatform/core 1.0.5 → 1.0.7

package/dist/index107.js.map

@@ -1 +1 @@
-{"version":3,"file":"index107.js","names":[],"sources":["../node_modules/@mui/material/styles/rootShouldForwardProp.mjs"],"sourcesContent":["import slotShouldForwardProp from \"./slotShouldForwardProp.mjs\";\nconst rootShouldForwardProp = prop => slotShouldForwardProp(prop) && prop !== 'classes';\nexport default rootShouldForwardProp;"],"x_google_ignoreList":[0],"mappings":";;AACA,IAAM,KAAwB,MAAQ,EAAsB,CAAI,KAAK,MAAS"}
+{"version":3,"file":"index107.js","names":["React","useTheme"],"sources":["../node_modules/@mui/system/useMediaQuery/useMediaQuery.mjs"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport useEnhancedEffect from '@mui/utils/useEnhancedEffect';\nimport { getThemeProps } from \"../useThemeProps/index.mjs\";\nimport useTheme from \"../useThemeWithoutDefault/index.mjs\";\n// TODO React 17: Remove `useMediaQueryOld` once React 17 support is removed\nfunction useMediaQueryOld(query, defaultMatches, matchMedia, ssrMatchMedia, noSsr) {\n  const [match, setMatch] = React.useState(() => {\n    if (noSsr && matchMedia) {\n      return matchMedia(query).matches;\n    }\n    if (ssrMatchMedia) {\n      return ssrMatchMedia(query).matches;\n    }\n\n    // Once the component is mounted, we rely on the\n    // event listeners to return the correct matches value.\n    return defaultMatches;\n  });\n  useEnhancedEffect(() => {\n    if (!matchMedia) {\n      return undefined;\n    }\n    const queryList = matchMedia(query);\n    const updateMatch = () => {\n      setMatch(queryList.matches);\n    };\n    updateMatch();\n    queryList.addEventListener('change', updateMatch);\n    return () => {\n      queryList.removeEventListener('change', updateMatch);\n    };\n  }, [query, matchMedia]);\n  return match;\n}\n\n// See https://github.com/mui/material-ui/issues/41190#issuecomment-2040873379 for why\nconst safeReact = {\n  ...React\n};\nconst maybeReactUseSyncExternalStore = safeReact.useSyncExternalStore;\nfunction useMediaQueryNew(query, defaultMatches, matchMedia, ssrMatchMedia, noSsr) {\n  const getDefaultSnapshot = React.useCallback(() => defaultMatches, [defaultMatches]);\n  const getServerSnapshot = React.useMemo(() => {\n    if (noSsr && matchMedia) {\n      return () => matchMedia(query).matches;\n    }\n    if (ssrMatchMedia !== null) {\n      const {\n        matches\n      } = ssrMatchMedia(query);\n      return () => matches;\n    }\n    return getDefaultSnapshot;\n  }, [getDefaultSnapshot, query, ssrMatchMedia, noSsr, matchMedia]);\n  const [getSnapshot, subscribe] = React.useMemo(() => {\n    if (matchMedia === null) {\n      return [getDefaultSnapshot, () => () => {}];\n    }\n    const mediaQueryList = matchMedia(query);\n    return [() => mediaQueryList.matches, notify => {\n      mediaQueryList.addEventListener('change', notify);\n      return () => {\n        mediaQueryList.removeEventListener('change', notify);\n      };\n    }];\n  }, [getDefaultSnapshot, matchMedia, query]);\n  const match = maybeReactUseSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);\n  return match;\n}\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function unstable_createUseMediaQuery(params = {}) {\n  const {\n    themeId\n  } = params;\n  return function useMediaQuery(queryInput, options = {}) {\n    let theme = useTheme();\n    if (theme && themeId) {\n      theme = theme[themeId] || theme;\n    }\n    // Wait for jsdom to support the match media feature.\n    // All the browsers MUI support have this built-in.\n    // This defensive check is here for simplicity.\n    // Most of the time, the match media logic isn't central to people tests.\n    const supportMatchMedia = typeof window !== 'undefined' && typeof window.matchMedia !== 'undefined';\n    const fallbackMatchMedia = supportMatchMedia ? window.matchMedia : null;\n    const {\n      defaultMatches = false,\n      matchMedia: customMatchMedia,\n      ssrMatchMedia = null,\n      noSsr = false\n    } = getThemeProps({\n      name: 'MuiUseMediaQuery',\n      props: options,\n      theme\n    });\n    const matchMedia = React.useMemo(() => {\n      if (customMatchMedia !== undefined) {\n        return customMatchMedia;\n      }\n      if (fallbackMatchMedia === null) {\n        return null;\n      }\n      return fallbackMatchMedia.bind(window);\n    }, [customMatchMedia, fallbackMatchMedia]);\n    if (process.env.NODE_ENV !== 'production') {\n      if (typeof queryInput === 'function' && theme === null) {\n        console.error(['MUI: The `query` argument provided is invalid.', 'You are providing a function without a theme in the context.', 'One of the parent elements needs to use a ThemeProvider.'].join('\\n'));\n      }\n    }\n    let query = typeof queryInput === 'function' ? queryInput(theme) : queryInput;\n    query = query.replace(/^@media( ?)/m, '');\n    if (query.includes('print')) {\n      console.warn([`MUI: You have provided a \\`print\\` query to the \\`useMediaQuery\\` hook.`, 'Using the print media query to modify print styles can lead to unexpected results.', 'Consider using the `displayPrint` field in the `sx` prop instead.', 'More information about `displayPrint` on our docs: https://mui.com/system/display/#display-in-print.'].join('\\n'));\n    }\n    const useMediaQueryImplementation = maybeReactUseSyncExternalStore !== undefined ? useMediaQueryNew : useMediaQueryOld;\n    const match = useMediaQueryImplementation(query, defaultMatches, matchMedia, ssrMatchMedia, noSsr);\n    if (process.env.NODE_ENV !== 'production') {\n      // eslint-disable-next-line react-hooks/rules-of-hooks\n      React.useDebugValue({\n        query,\n        match\n      });\n    }\n    return match;\n  };\n}\nconst useMediaQuery = unstable_createUseMediaQuery();\nexport default useMediaQuery;"],"x_google_ignoreList":[0],"mappings":";;;;;;AAOA,SAAS,EAAiB,GAAO,GAAgB,GAAY,GAAe,GAAO;CACjF,IAAM,CAAC,GAAO,KAAYA,EAAM,eAC1B,KAAS,IACJ,EAAW,CAAK,CAAC,CAAC,UAEvB,IACK,EAAc,CAAK,CAAC,CAAC,UAKvB,CACR;CAeD,OAdA,QAAwB;EACtB,IAAI,CAAC,GACH;EAEF,IAAM,IAAY,EAAW,CAAK,GAC5B,UAAoB;GACxB,EAAS,EAAU,OAAO;EAC5B;EAGA,OAFA,EAAY,GACZ,EAAU,iBAAiB,UAAU,CAAW,SACnC;GACX,EAAU,oBAAoB,UAAU,CAAW;EACrD;CACF,GAAG,CAAC,GAAO,CAAU,CAAC,GACf;AACT;AAMA,IAAM,IAAiC,EAFrC,GAAGA,EAE0C,EAAE;AACjD,SAAS,EAAiB,GAAO,GAAgB,GAAY,GAAe,GAAO;CACjF,IAAM,IAAqBA,EAAM,kBAAkB,GAAgB,CAAC,CAAc,CAAC,GAC7E,IAAoBA,EAAM,cAAc;EAC5C,IAAI,KAAS,GACX,aAAa,EAAW,CAAK,CAAC,CAAC;EAEjC,IAAI,MAAkB,MAAM;GAC1B,IAAM,EACJ,eACE,EAAc,CAAK;GACvB,aAAa;EACf;EACA,OAAO;CACT,GAAG;EAAC;EAAoB;EAAO;EAAe;EAAO;CAAU,CAAC,GAC1D,CAAC,GAAa,KAAaA,EAAM,cAAc;EACnD,IAAI,MAAe,MACjB,OAAO,CAAC,eAAgC,CAAC,CAAC;EAE5C,IAAM,IAAiB,EAAW,CAAK;EACvC,OAAO,OAAO,EAAe,UAAS,OACpC,EAAe,iBAAiB,UAAU,CAAM,SACnC;GACX,EAAe,oBAAoB,UAAU,CAAM;EACrD,EACD;CACH,GAAG;EAAC;EAAoB;EAAY;CAAK,CAAC;CAE1C,OADc,EAA+B,GAAW,GAAa,CAC1D;AACb;AAGA,SAAgB,EAA6B,IAAS,CAAC,GAAG;CACxD,IAAM,EACJ,eACE;CACJ,OAAO,SAAuB,GAAY,IAAU,CAAC,GAAG;EACtD,IAAI,IAAQC,EAAS;EACrB,AAAI,KAAS,MACX,IAAQ,EAAM,MAAY;EAO5B,IAAM,IADoB,OAAO,SAAW,OAAsB,OAAO,eAAe,SACzC,OAAO,aAAa,MAC7D,EACJ,oBAAiB,IACjB,YAAY,GACZ,mBAAgB,MAChB,WAAQ,OACN,EAAc;GAChB,MAAM;GACN,OAAO;GACP;EACF,CAAC,GACK,IAAaD,EAAM,cACnB,MAAqB,KAAA,IAGrB,MAAuB,OAClB,OAEF,EAAmB,KAAK,MAAM,IAL5B,GAMR,CAAC,GAAkB,CAAkB,CAAC;EACzC,AAAA,QAAA,IAAA,aAA6B,gBACvB,OAAO,KAAe,cAAc,MAAU,QAChD,QAAQ,MAAM;GAAC;GAAkD;GAAgE;EAA0D,CAAC,CAAC,KAAK,IAAI,CAAC;EAG3M,IAAI,IAAQ,OAAO,KAAe,aAAa,EAAW,CAAK,IAAI;EAEnE,AADA,IAAQ,EAAM,QAAQ,gBAAgB,EAAE,GACpC,EAAM,SAAS,OAAO,KACxB,QAAQ,KAAK;GAAC;GAA2E;GAAsF;GAAqE;EAAsG,CAAC,CAAC,KAAK,IAAI,CAAC;EAGxW,IAAM,KAD8B,MAAmC,KAAA,IAA+B,IAAnB,EAAmB,CAC5D,GAAO,GAAgB,GAAY,GAAe,CAAK;EAQjG,OAPA,QAAA,IAAA,aAA6B,gBAE3B,EAAM,cAAc;GAClB;GACA;EACF,CAAC,GAEI;CACT;AACF;AACsB,EAA6B"}

package/dist/index1070.js

@@ -0,0 +1,64 @@
+import { Constants as e } from "./index3.js";
+import { DefaultRulesEnum as t, FieldEnum as n } from "./index4.js";
+import { getDefaultMaximumDate as r, getDefaultMinimumDate as i } from "./index5.js";
+import { DTONames as a } from "./index8.js";
+import { REGULAR_EXPRESSION_ENUM as o, VALIDATION_MAX_LENGTH_ENUM as s } from "./index9.js";
+import { getBaseDTO as c } from "./index18.js";
+//#region src/libs/shared/components/identificationPanel/identificationPanelDTO.ts
+var l = () => ({
+	identificationType: "nationalIdTypeCd",
+	idNumber: "nationalIdNum",
+	passportIssuePlc: "passportIssuePlc",
+	passportIssueDt: "passportIssueDt",
+	idList: "idList"
+}), { REQUIRED: u, TYPE: d, LABEL: f, CLIENT_FORMAT: p, SERVER_FORMAT: m, MINIMUM_DATE: h, MAXIMUM_DATE: g, LENGTH: _, NOT_ALLOWED_STRING: v, IS_NOT_ALLOWED_CHARACTERS: y } = t, b = (t = 0) => {
+	let b = l(), x = {
+		[b.identificationType]: {
+			[d]: n.SELECT,
+			[u]: !1,
+			[f]: "strIdentificationType"
+		},
+		[b.idNumber]: {
+			[d]: n.TEXT,
+			[u]: !1,
+			[f]: "strIdentificationNumber",
+			[_]: s.OTHER_ID,
+			[y]: !0,
+			[v]: o.COMMON_IDENTIFICATION
+		},
+		[b.passportIssuePlc]: {
+			[d]: n.TEXT,
+			[u]: !1,
+			[f]: "strPassportIssuePlace"
+		},
+		[b.passportIssueDt]: {
+			[d]: n.DATE,
+			[u]: !1,
+			[f]: "strPassportIssueDate",
+			[m]: e.DATE_FORMATE.SERVER,
+			[p]: e.DATE_FORMATE.CLIENT,
+			[g]: r(e.DATE_FORMATE.CLIENT),
+			[h]: i(e.DATE_FORMATE.CLIENT)
+		},
+		[b.idList]: {
+			[d]: n.ARRAY,
+			[u]: !1,
+			[f]: "",
+			customValidation(e) {
+				return t === 0 ? "" : (e ?? []).length < t ? "strIdentificationRqd" : "";
+			}
+		}
+	};
+	return {
+		...c(),
+		fieldsName: b,
+		defaultsRules: x,
+		submitJson: { [b.idList]: [] },
+		displayJson: { [b.idList]: [] },
+		dtoName: a.IDENTIFICATION_PANEL
+	};
+};
+//#endregion
+export { b as IdentificationPanelDTO, l as IdentificationPanelFields };
+
+//# sourceMappingURL=index1070.js.map

package/dist/index1070.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index1070.js","names":[],"sources":["../src/libs/shared/components/identificationPanel/identificationPanelDTO.ts"],"sourcesContent":["import { Constants } from \"constants/commonConstants\";\r\nimport { DTONames } from \"constants/dtoNames\";\r\nimport { DefaultRulesEnum, FieldEnum } from \"libs/shared/enums/common-enums\";\r\nimport { REGULAR_EXPRESSION_ENUM, VALIDATION_MAX_LENGTH_ENUM } from \"libs/shared/enums/validation-enums\";\r\nimport type { DefaultRulesType, DTO, GridRowData, StringValues } from \"libs/shared/types/common-types\";\r\nimport { getBaseDTO } from \"utils/commonFunctions\";\r\nimport { getDefaultMaximumDate, getDefaultMinimumDate } from \"utils/dateUtilities\";\r\n\r\nexport const IdentificationPanelFields = () => {\r\n  return {\r\n    identificationType: \"nationalIdTypeCd\",\r\n    idNumber: \"nationalIdNum\",\r\n    passportIssuePlc: \"passportIssuePlc\",\r\n    passportIssueDt: \"passportIssueDt\",\r\n    idList: \"idList\",\r\n  } as const;\r\n};\r\n\r\nexport type IdentificationPanelFieldsType = ReturnType<typeof IdentificationPanelFields>;\r\ntype IdentificationPanelFieldsValueType = StringValues<IdentificationPanelFieldsType>;\r\n\r\nconst {\r\n  REQUIRED,\r\n  TYPE,\r\n  LABEL,\r\n  CLIENT_FORMAT,\r\n  SERVER_FORMAT,\r\n  MINIMUM_DATE,\r\n  MAXIMUM_DATE,\r\n  LENGTH,\r\n  NOT_ALLOWED_STRING,\r\n  IS_NOT_ALLOWED_CHARACTERS,\r\n} = DefaultRulesEnum;\r\n\r\nexport const IdentificationPanelDTO = (minRecords: number = 0) => {\r\n  const fieldsName: IdentificationPanelFieldsType = IdentificationPanelFields();\r\n  const defaultsRules: Record<IdentificationPanelFieldsValueType, DefaultRulesType> = {\r\n    [fieldsName.identificationType]: {\r\n      [TYPE]: FieldEnum.SELECT,\r\n      [REQUIRED]: false,\r\n      [LABEL]: \"strIdentificationType\",\r\n    },\r\n    [fieldsName.idNumber]: {\r\n      [TYPE]: FieldEnum.TEXT,\r\n      [REQUIRED]: false,\r\n      [LABEL]: \"strIdentificationNumber\",\r\n      [LENGTH]: VALIDATION_MAX_LENGTH_ENUM.OTHER_ID,\r\n      [IS_NOT_ALLOWED_CHARACTERS]: true,\r\n      [NOT_ALLOWED_STRING]: REGULAR_EXPRESSION_ENUM.COMMON_IDENTIFICATION,\r\n    },\r\n    [fieldsName.passportIssuePlc]: {\r\n      [TYPE]: FieldEnum.TEXT,\r\n      [REQUIRED]: false,\r\n      [LABEL]: \"strPassportIssuePlace\",\r\n    },\r\n    [fieldsName.passportIssueDt]: {\r\n      [TYPE]: FieldEnum.DATE,\r\n      [REQUIRED]: false,\r\n      [LABEL]: \"strPassportIssueDate\",\r\n      [SERVER_FORMAT]: Constants.DATE_FORMATE.SERVER,\r\n      [CLIENT_FORMAT]: Constants.DATE_FORMATE.CLIENT,\r\n      [MAXIMUM_DATE]: getDefaultMaximumDate(Constants.DATE_FORMATE.CLIENT),\r\n      [MINIMUM_DATE]: getDefaultMinimumDate(Constants.DATE_FORMATE.CLIENT),\r\n    },\r\n    [fieldsName.idList]: {\r\n      [TYPE]: FieldEnum.ARRAY,\r\n      [REQUIRED]: false,\r\n      [LABEL]: \"\",\r\n      customValidation(value) {\r\n        if (minRecords === 0) return \"\";\r\n\r\n        const idList = (value as GridRowData[]) ?? [];\r\n        if (idList.length < minRecords) {\r\n          return \"strIdentificationRqd\";\r\n        } else {\r\n          return \"\";\r\n        }\r\n      },\r\n    },\r\n  };\r\n\r\n  type IdListType = {\r\n    [fieldsName.identificationType]: number;\r\n    [fieldsName.idNumber]: string;\r\n    [fieldsName.passportIssuePlc]: string;\r\n    [fieldsName.passportIssueDt]: string;\r\n  };\r\n\r\n  type jsonType = IdListType & {\r\n    [fieldsName.idList]: ({ id: string | number } & IdListType)[];\r\n  };\r\n\r\n  return {\r\n    ...getBaseDTO(),\r\n    fieldsName,\r\n    defaultsRules,\r\n    submitJson: {\r\n      [fieldsName.idList]: [],\r\n    } as unknown as jsonType,\r\n    displayJson: {\r\n      [fieldsName.idList]: [],\r\n    } as unknown as jsonType,\r\n    dtoName: DTONames.IDENTIFICATION_PANEL,\r\n  } satisfies DTO;\r\n};\r\n\r\nexport type IdentificationPanelDTOType = ReturnType<typeof IdentificationPanelDTO>;\r\n"],"mappings":";;;;;;;AAQA,IAAa,WACJ;CACL,oBAAoB;CACpB,UAAU;CACV,kBAAkB;CAClB,iBAAiB;CACjB,QAAQ;AACV,IAMI,EACJ,aACA,SACA,UACA,kBACA,kBACA,iBACA,iBACA,WACA,uBACA,iCACE,GAES,KAA0B,IAAqB,MAAM;CAChE,IAAM,IAA4C,EAA0B,GACtE,IAA8E;GACjF,EAAW,qBAAqB;IAC9B,IAAO,EAAU;IACjB,IAAW;IACX,IAAQ;EACX;GACC,EAAW,WAAW;IACpB,IAAO,EAAU;IACjB,IAAW;IACX,IAAQ;IACR,IAAS,EAA2B;IACpC,IAA4B;IAC5B,IAAqB,EAAwB;EAChD;GACC,EAAW,mBAAmB;IAC5B,IAAO,EAAU;IACjB,IAAW;IACX,IAAQ;EACX;GACC,EAAW,kBAAkB;IAC3B,IAAO,EAAU;IACjB,IAAW;IACX,IAAQ;IACR,IAAgB,EAAU,aAAa;IACvC,IAAgB,EAAU,aAAa;IACvC,IAAe,EAAsB,EAAU,aAAa,MAAM;IAClE,IAAe,EAAsB,EAAU,aAAa,MAAM;EACrE;GACC,EAAW,SAAS;IAClB,IAAO,EAAU;IACjB,IAAW;IACX,IAAQ;GACT,iBAAiB,GAAO;IAOpB,OANE,MAAe,IAAU,MAEb,KAA2B,CAAC,EAAA,CACjC,SAAS,IACX,yBAEA;GAEX;EACF;CACF;CAaA,OAAO;EACL,GAAG,EAAW;EACd;EACA;EACA,YAAY,GACT,EAAW,SAAS,CAAC,EACxB;EACA,aAAa,GACV,EAAW,SAAS,CAAC,EACxB;EACA,SAAS,EAAS;CACpB;AACF"}

package/dist/index1071.js

@@ -0,0 +1,36 @@
+import { handleOnChangeMobile as e } from "./index7.js";
+import { DTONames as t } from "./index8.js";
+import { getNestedValue as n, getOnChangeActionType as r } from "./index18.js";
+import i from "./index208.js";
+import a from "./index220.js";
+import { useDispatch as o, useSelector as s } from "react-redux";
+//#region src/libs/shared/components/mobileVerification/mobileVerificationController.ts
+function c(c) {
+	let l = o(), u = a(t.MOBILE_PANEL, c.parentSliceName), d = i(c.rootSliceName, u), f = s((e) => n(e, u)), { fieldsName: p, submitJson: m } = f, h = r(c.rootSliceName);
+	return {
+		mobileDetailState: f,
+		onChangeField: (t) => {
+			d.onTextChange(t, e);
+		},
+		handleVerify: (e) => {
+			let t = m?.[e];
+			return !(!t || String(t).length < 10);
+		},
+		confirmVerification: () => {
+			l({
+				type: h,
+				payload: {
+					key: p.isVerified,
+					value: !0,
+					valueOrCd: !0,
+					parentSliceName: u,
+					callback: e
+				}
+			});
+		}
+	};
+}
+//#endregion
+export { c as default };
+
+//# sourceMappingURL=index1071.js.map

package/dist/index1071.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index1071.js","names":[],"sources":["../src/libs/shared/components/mobileVerification/mobileVerificationController.ts"],"sourcesContent":["import { DTONames } from \"constants/dtoNames\";\r\nimport useOnChangeHandlers from \"hooks/useOnChangeHandlers\"; \r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport type { RootState } from \"store/store\";\r\nimport { getNestedValue, getOnChangeActionType } from \"utils/commonFunctions\";\r\nimport type { MobileVerificationDTOType } from \"./mobileVerificationDTO\";\r\nimport type { MobileVerificationProps } from \"./mobileVerificationTypes\";\r\nimport { handleOnChangeMobile } from \"./validateMobileVerification\";\r\nimport useParentSliceName from \"hooks/useParentSliceName\";\r\nexport default function useMobileVerificationController(props: MobileVerificationProps) {\r\n  const dispatch = useDispatch();\r\n  const parentSliceName = useParentSliceName(DTONames.MOBILE_PANEL, props.parentSliceName,);\r\n\r\n  const handlers = useOnChangeHandlers(props.rootSliceName, parentSliceName);\r\n\r\n  const mobileDetailState = useSelector((state: RootState) => getNestedValue<MobileVerificationDTOType>(state, parentSliceName));\r\n\r\n  const { fieldsName, submitJson } = mobileDetailState;\r\n\r\n  const type = getOnChangeActionType(props.rootSliceName)\r\n\r\n  const onChangeField = (event: React.ChangeEvent<HTMLInputElement, Element>) => {\r\n    handlers.onTextChange(event, handleOnChangeMobile)\r\n  };\r\n\r\n  const handleVerify = (mobileField: string) => {\r\n    const currentMobile = submitJson?.[mobileField];\r\n    return !(!currentMobile || String(currentMobile).length < 10);\r\n  };\r\n\r\n  const confirmVerification = () => {\r\n    dispatch({\r\n      type,\r\n      payload: {\r\n        key: fieldsName.isVerified,\r\n        value: true,\r\n        valueOrCd: true,\r\n        parentSliceName,\r\n        callback: handleOnChangeMobile,\r\n      },\r\n    });\r\n  };\r\n  return {\r\n    mobileDetailState,\r\n    onChangeField,\r\n    handleVerify,\r\n    confirmVerification,\r\n  };\r\n}\r\n"],"mappings":";;;;;;;AASA,SAAwB,EAAgC,GAAgC;CACtF,IAAM,IAAW,EAAY,GACvB,IAAkB,EAAmB,EAAS,cAAc,EAAM,eAAgB,GAElF,IAAW,EAAoB,EAAM,eAAe,CAAe,GAEnE,IAAoB,GAAa,MAAqB,EAA0C,GAAO,CAAe,CAAC,GAEvH,EAAE,eAAY,kBAAe,GAE7B,IAAO,EAAsB,EAAM,aAAa;CAuBtD,OAAO;EACL;EACA,gBAvBqB,MAAwD;GAC7E,EAAS,aAAa,GAAO,CAAoB;EACnD;EAsBE,eApBoB,MAAwB;GAC5C,IAAM,IAAgB,IAAa;GACnC,OAAO,EAAE,CAAC,KAAiB,OAAO,CAAa,CAAC,CAAC,SAAS;EAC5D;EAkBE,2BAhBgC;GAChC,EAAS;IACP;IACA,SAAS;KACP,KAAK,EAAW;KAChB,OAAO;KACP,WAAW;KACX;KACA,UAAU;IACZ;GACF,CAAC;EACH;CAMA;AACF"}

package/dist/index1072.js

@@ -0,0 +1,8 @@
+//#region src/libs/shared/components/mobileVerification/mobileVerificationTypes.ts
+var e = /* @__PURE__ */ function(e) {
+	return e.OTP = "otp", e.SUCCESS = "success", e.ERROR = "error", e;
+}({});
+//#endregion
+export { e as ModalStatusEnum };
+
+//# sourceMappingURL=index1072.js.map

package/dist/index1072.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index1072.js","names":[],"sources":["../src/libs/shared/components/mobileVerification/mobileVerificationTypes.ts"],"sourcesContent":["import type { CommonProps } from \"libs/shared/types/common-types\";\r\n\r\nexport interface MobileVerificationProps extends CommonProps {\r\n  label?: string;\r\n  mobileField?: string;\r\n  countryCodeField?: string;\r\n  showVerifiedButton?: boolean;\r\n  isMobileVerifyRequired?: boolean;\r\n}\r\n\r\nexport enum ModalStatusEnum {\r\n    OTP = \"otp\",\r\n    SUCCESS = \"success\",\r\n    ERROR = \"error\"\r\n}\r\nexport interface OtpModalRef {\r\n  openModal: () => void;\r\n  closeModal: () => void;\r\n}\r\nexport type ModalStatus = ModalStatusEnum;"],"mappings":";AAUA,IAAY,IAAL,yBAAA,GAAA;QACH,EAAA,MAAA,OACA,EAAA,UAAA,WACA,EAAA,QAAA;AACJ,EAAA,CAAA,CAAA"}

package/dist/index1073.js

@@ -0,0 +1,177 @@
+import { DefaultRulesEnum as e, FieldEnum as t } from "./index4.js";
+import { REGULAR_EXPRESSION_ENUM as n } from "./index9.js";
+import r from "./index198.js";
+import i from "./index617.js";
+import a from "./index1015.js";
+import { ModalStatusEnum as o } from "./index1072.js";
+import { useTranslation as s } from "react-i18next";
+import c, { useEffect as l, useRef as u, useState as d } from "react";
+import { Box as f, Button as p, IconButton as m, Link as h, Modal as g, Stack as _, useTheme as v } from "@mui/material";
+import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
+//#region src/libs/shared/components/mobileVerification/modal/OtpModal.tsx
+var S = {
+	position: "absolute",
+	top: "50%",
+	left: "50%",
+	transform: "translate(-50%, -50%)",
+	width: 420,
+	bgcolor: "background.paper",
+	borderRadius: 2,
+	boxShadow: 24,
+	p: 4,
+	textAlign: "center"
+}, C = c.memo(({ open: c, onClose: C, mobileNumber: w, onVerified: T }) => {
+	let [E, D] = d(o.OTP), [O, k] = d([
+		,
+		,
+		,
+		,
+		,
+		,
+	].fill("")), [A, j] = d(60), [M, N] = d(""), P = v(), F = u([]), { t: I } = s();
+	l(() => {
+		c && E === o.OTP && requestAnimationFrame(() => {
+			F.current[0]?.focus();
+		});
+	}, [c, E]), l(() => {
+		if (E !== o.OTP || !c) return;
+		let e = setInterval(() => {
+			j((e) => e <= 1 ? 0 : e - 1);
+		}, 1e3);
+		return () => clearInterval(e);
+	}, [E, c]);
+	let L = (e, t) => {
+		let n = [...O];
+		n[e] = t, k(n), t && e < 5 && F.current[e + 1]?.focus(), !t && e > 0 && F.current[e - 1]?.focus();
+	}, R = () => {
+		O.join("") === "111111" ? (T(), D(o.SUCCESS)) : (D(o.ERROR), N("Invalid OTP. Please try again."));
+	}, z = () => {
+		k([
+			,
+			,
+			,
+			,
+			,
+			,
+		].fill("")), j(60), D(o.OTP), setTimeout(() => {
+			F.current[0]?.focus();
+		}, 100);
+	}, B = () => {
+		D(o.OTP), k([
+			,
+			,
+			,
+			,
+			,
+			,
+		].fill("")), N(""), C();
+	};
+	return /* @__PURE__ */ b(g, {
+		open: c,
+		onClose: B,
+		children: /* @__PURE__ */ x(f, {
+			sx: S,
+			children: [
+				/* @__PURE__ */ b(m, {
+					onClick: B,
+					sx: {
+						position: "absolute",
+						top: 8,
+						right: 8
+					},
+					children: /* @__PURE__ */ b(i, {})
+				}),
+				E === o.OTP && /* @__PURE__ */ x(y, { children: [
+					/* @__PURE__ */ b(r, {
+						text: "strMobileVerification",
+						fontWeight: 600
+					}),
+					/* @__PURE__ */ b(r, {
+						text: `strSixdigitCode ${w}`,
+						color: "text.secondary",
+						sx: {
+							mb: 3,
+							mt: 1
+						}
+					}),
+					/* @__PURE__ */ b(_, {
+						direction: "row",
+						spacing: 2,
+						sx: { "&.MuiStack-root": { marginBottom: 2 } },
+						children: O.map((r, i) => /* @__PURE__ */ b(a, {
+							inputRef: (e) => {
+								F.current[i] = e;
+							},
+							value: r,
+							type: t.TEXT,
+							validation: {
+								[e.REQUIRED]: !1,
+								[e.TYPE]: t.TEXT,
+								[e.LABEL]: "",
+								[e.LENGTH]: 1,
+								[e.IS_NOT_ALLOWED_CHARACTERS]: !0,
+								[e.NOT_ALLOWED_STRING]: n.ONLY_NUMERIC
+							},
+							onChange: (e) => L(i, e.target.value),
+							sx: {
+								width: 48,
+								mb: 4
+							}
+						}, i))
+					}),
+					/* @__PURE__ */ b(p, {
+						variant: "contained",
+						fullWidth: !0,
+						onClick: R,
+						disabled: O.join("").length !== 6,
+						children: I("strVerify")
+					}),
+					/* @__PURE__ */ b(r, {
+						text: A > 0 ? I("strResendOTP", { timer: A }) : I("strDidntReceive"),
+						sx: { mt: 2 }
+					}),
+					A === 0 && /* @__PURE__ */ b(h, {
+						component: "button",
+						onClick: z,
+						underline: "hover",
+						sx: { fontSize: "0.875rem" },
+						children: I("strResend")
+					})
+				] }),
+				E === "error" && /* @__PURE__ */ x(y, { children: [
+					/* @__PURE__ */ b(r, {
+						text: "strVerificationFailed",
+						color: P.palette.error.main,
+						fontWeight: 600
+					}),
+					/* @__PURE__ */ b(r, {
+						text: M || "strInvalidOtp",
+						color: P.palette.error.main,
+						sx: { my: 2 }
+					}),
+					/* @__PURE__ */ b(p, {
+						variant: "contained",
+						fullWidth: !0,
+						onClick: () => {
+							k([
+								,
+								,
+								,
+								,
+								,
+								,
+							].fill("")), D(o.OTP), setTimeout(() => {
+								F.current[0]?.focus();
+							}, 100);
+						},
+						children: I("strTryAgain")
+					})
+				] })
+			]
+		})
+	});
+});
+//#endregion
+export { C as default };
+
+//# sourceMappingURL=index1073.js.map

package/dist/index1073.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index1073.js","names":[],"sources":["../src/libs/shared/components/mobileVerification/modal/OtpModal.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\r\nimport {\r\n  Box,\r\n  Modal,\r\n  Button,\r\n  IconButton,\r\n  Stack,\r\n  Link,\r\n  useTheme\r\n} from '@mui/material';\r\nimport CloseIcon from '@mui/icons-material/Close';\r\nimport Typography2 from 'ui/typography/Typography2';\r\nimport { ModalStatusEnum } from '../mobileVerificationTypes';\r\nimport TextInputField from 'ui/textInput/TextInputField';\r\nimport { DefaultRulesEnum, FieldEnum } from 'libs/shared/enums/common-enums';\r\nimport { REGULAR_EXPRESSION_ENUM } from 'libs/shared/enums/validation-enums';\r\nimport { useTranslation } from 'react-i18next';\r\nconst style = {\r\n  position: 'absolute' as const,\r\n  top: '50%',\r\n  left: '50%',\r\n  transform: 'translate(-50%, -50%)',\r\n  width: 420,\r\n  bgcolor: 'background.paper',\r\n  borderRadius: 2,\r\n  boxShadow: 24,\r\n  p: 4,\r\n  textAlign: 'center'\r\n};\r\n\r\ninterface OtpModalProps {\r\n  open: boolean;\r\n  onClose: () => void;\r\n  onVerified: () => void;\r\n  mobileNumber: string;\r\n}\r\nconst OtpModal = ({ open, onClose, mobileNumber, onVerified }: OtpModalProps) => {\r\n  const [status, setStatus] = useState<ModalStatusEnum>(ModalStatusEnum.OTP);\r\n  const [otp, setOtp] = useState(new Array(6).fill(''));\r\n  const [timer, setTimer] = useState(60);\r\n  const [errorMessage, setErrorMessage] = useState('');\r\n  const theme = useTheme();\r\n  const otpRefs = useRef<(HTMLInputElement | null)[]>([]);\r\n  const { t } = useTranslation();\r\n  useEffect(() => {\r\n    if (open && status === ModalStatusEnum.OTP) {\r\n      requestAnimationFrame(() => {\r\n        otpRefs.current[0]?.focus();\r\n      });\r\n    }\r\n  }, [open, status]);\r\n  useEffect(() => {\r\n    if (status !== ModalStatusEnum.OTP || !open) return;\r\n    const interval = setInterval(() => {\r\n      setTimer((prev) => (prev <= 1 ? 0 : prev - 1));\r\n    }, 1000);\r\n    return () => clearInterval(interval);\r\n  }, [status, open]);\r\n\r\n  const handleChange = (index: number, value: string) => {\r\n    const newOtp = [...otp];\r\n    newOtp[index] = value;\r\n    setOtp(newOtp);\r\n\r\n    if (value && index < 5) {\r\n      otpRefs.current[index + 1]?.focus();\r\n    }\r\n\r\n    if (!value && index > 0) {\r\n      otpRefs.current[index - 1]?.focus();\r\n    }\r\n  };\r\n\r\n  const handleVerify = () => {\r\n    const otpCode = otp.join('');\r\n    if (otpCode === \"111111\") {\r\n      onVerified();\r\n      setStatus(ModalStatusEnum.SUCCESS);\r\n    } else {\r\n      setStatus(ModalStatusEnum.ERROR);\r\n      setErrorMessage('Invalid OTP. Please try again.');\r\n    }\r\n  };\r\n\r\n  const handleResend = () => {\r\n    setOtp(new Array(6).fill(''));\r\n    setTimer(60);\r\n    setStatus(ModalStatusEnum.OTP);\r\n\r\n    setTimeout(() => {\r\n      otpRefs.current[0]?.focus();\r\n    }, 100);\r\n  };\r\n\r\n  const handleClose = () => {\r\n    setStatus(ModalStatusEnum.OTP);\r\n    setOtp(new Array(6).fill(''));\r\n    setErrorMessage('');\r\n    onClose();\r\n  };\r\n\r\n  return (\r\n    <Modal open={open} onClose={handleClose}>\r\n      <Box sx={style}>\r\n        <IconButton onClick={handleClose} sx={{ position: 'absolute', top: 8, right: 8 }}>\r\n          <CloseIcon />\r\n        </IconButton>\r\n        {/* OTP Screen */}\r\n        {status === ModalStatusEnum.OTP && (\r\n          <>\r\n            <Typography2\r\n              text=\"strMobileVerification\"\r\n              fontWeight={600}\r\n            />\r\n            <Typography2\r\n              text={`strSixdigitCode ${mobileNumber}`}\r\n              color=\"text.secondary\"\r\n              sx={{ mb: 3, mt: 1 }}\r\n            />\r\n            <Stack direction=\"row\" spacing={2} sx={{\r\n              '&.MuiStack-root': {\r\n                marginBottom: 2\r\n              }\r\n            }}>\r\n              {otp.map((digit, index) => (\r\n                <TextInputField\r\n                  key={index}\r\n                  inputRef={(el:HTMLInputElement) => {\r\n                    otpRefs.current[index] = el;\r\n                  }}\r\n                  value={digit}\r\n                  type={FieldEnum.TEXT}\r\n                  validation={{\r\n                    [DefaultRulesEnum.REQUIRED]: false,\r\n                    [DefaultRulesEnum.TYPE]: FieldEnum.TEXT,\r\n                    [DefaultRulesEnum.LABEL]: \"\",\r\n                    [DefaultRulesEnum.LENGTH]: 1,\r\n                    [DefaultRulesEnum.IS_NOT_ALLOWED_CHARACTERS]: true,\r\n                    [DefaultRulesEnum.NOT_ALLOWED_STRING]: REGULAR_EXPRESSION_ENUM.ONLY_NUMERIC,\r\n                  }}\r\n                  onChange={(e:React.ChangeEvent<HTMLInputElement>) => handleChange(index, e.target.value)}\r\n                  sx={{ width: 48, mb: 4 }}\r\n                />\r\n              ))}\r\n            </Stack>\r\n            <Button\r\n              variant=\"contained\"\r\n              fullWidth\r\n              onClick={handleVerify}\r\n              disabled={otp.join('').length !== 6}\r\n            >\r\n              {t('strVerify')}\r\n            </Button>\r\n            <Typography2\r\n              text={\r\n                timer > 0\r\n\r\n                  ? t(\"strResendOTP\", { timer })\r\n                  : t('strDidntReceive')\r\n              }\r\n              sx={{ mt: 2 }}\r\n            />\r\n            {timer === 0 && (\r\n              <Link\r\n                component=\"button\"\r\n                onClick={handleResend}\r\n                underline=\"hover\"\r\n                sx={{ fontSize: '0.875rem' }}\r\n              >\r\n                {t('strResend')}\r\n              </Link>\r\n            )}\r\n          </>\r\n        )}\r\n        {/* Error Screen */}\r\n        {status === 'error' && (\r\n          <>\r\n            <Typography2\r\n              text=\"strVerificationFailed\"\r\n              color={theme.palette.error.main}\r\n              fontWeight={600}\r\n            />\r\n            <Typography2\r\n              text={errorMessage || 'strInvalidOtp'}\r\n              color={theme.palette.error.main}\r\n              sx={{ my: 2 }}\r\n            />\r\n            <Button\r\n              variant=\"contained\"\r\n              fullWidth\r\n              onClick={() => {\r\n                setOtp(new Array(6).fill(\"\"));\r\n                setStatus(ModalStatusEnum.OTP);\r\n\r\n                setTimeout(() => {\r\n                  otpRefs.current[0]?.focus();\r\n                }, 100);\r\n              }}\r\n            >\r\n              {t('strTryAgain')}\r\n            </Button>\r\n          </>\r\n        )}\r\n      </Box>\r\n    </Modal>\r\n  );\r\n};\r\nexport default React.memo(OtpModal);"],"mappings":"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"}

package/dist/index1074.js

@@ -0,0 +1,58 @@
+import "./index3.js";
+import e from "./index245.js";
+import t from "./index1013.js";
+import n from "./index1015.js";
+import r from "./index1017.js";
+import i from "./index1071.js";
+import a from "./index1073.js";
+import o, { useState as s } from "react";
+import { useTheme as c } from "@mui/material";
+import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
+var f = o.memo((o) => {
+	let { mobileDetailState: f, onChangeField: p, handleVerify: m, confirmVerification: h } = i(o), { submitJson: g, fieldsName: _, defaultsRules: v, fieldError: y } = f, { mobileField: b = _.mobileNumber, showVerifiedButton: x = !0, isMobileVerifyRequired: S = !1 } = o, [C, w] = s(!1), T = c();
+	if (!f) return null;
+	let { mobileNumber: E } = _, D = g[b] ?? "", O = !o.isViewMode && S && x, k = !!g?.[_.isVerified], A = k && !O;
+	return /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u(t, {
+		columnSpacing: 2,
+		sx: {
+			alignItems: "flex-start",
+			mt: 0
+		},
+		children: /* @__PURE__ */ u(r, {
+			size: 12,
+			children: /* @__PURE__ */ u(n, {
+				id: E,
+				label: v[E]?.label,
+				value: g[E],
+				validation: v[E],
+				error: !!y[E],
+				helperText: y[E],
+				disabled: o.isViewMode || v[E]?.isDisabled,
+				onChange: p,
+				slotProps: { input: { endAdornment: (O || A) && /* @__PURE__ */ u(e, {
+					bgColor: k ? T.palette.success.main : String(D).length === 10 ? void 0 : T.palette.disabled.main,
+					textColor: T.palette.text.secondary,
+					disabled: k || A || o.isViewMode || !D || String(D).length !== 10,
+					onClick: () => {
+						m(b) && w(!0);
+					},
+					label: k || A ? "strVerified" : "strVerify",
+					sx: { borderRadius: 1.5 }
+				}) } }
+			})
+		})
+	}), C && /* @__PURE__ */ u(a, {
+		open: C,
+		mobileNumber: String(D),
+		onVerified: () => {
+			h(), w(!1);
+		},
+		onClose: () => {
+			w(!1);
+		}
+	})] });
+});
+//#endregion
+export { f as default };
+
+//# sourceMappingURL=index1074.js.map

package/dist/index1074.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index1074.js","names":[],"sources":["../src/libs/shared/components/mobileVerification/MobileVerification.tsx"],"sourcesContent":["import { useTheme } from \"@mui/material\";\r\nimport { ONE_COLUMN_LAYOUT } from \"constants/commonConstants\";\r\nimport type { DefaultRulesType } from \"libs/shared/types/common-types\";\r\nimport AppButton from \"libs/shared/UI/button/AppButton\";\r\nimport GridContainer from \"libs/shared/UI/grid/GridContainer\";\r\nimport GridItem from \"libs/shared/UI/grid/GridItem\";\r\nimport TextInputField from \"libs/shared/UI/textInput/TextInputField\";\r\nimport React, { useState } from \"react\";\r\nimport useMobileVerificationController from \"./mobileVerificationController\";\r\nimport type { MobileVerificationProps } from \"./mobileVerificationTypes\";\r\nimport OtpModal from \"./modal/OtpModal\";\r\n\r\nconst MobileVerification = (props: MobileVerificationProps) => {\r\n  const { mobileDetailState, onChangeField, handleVerify, confirmVerification } =\r\n    useMobileVerificationController(props);\r\n\r\n  const { submitJson, fieldsName: fields, defaultsRules, fieldError } = mobileDetailState;\r\n\r\n  const { mobileField = fields.mobileNumber, showVerifiedButton = true, isMobileVerifyRequired = false } = props;\r\n\r\n  const [openOtpModal, setOpenOtpModal] = useState(false);\r\n\r\n  const theme = useTheme();\r\n\r\n  if (!mobileDetailState) return null;\r\n\r\n  const { mobileNumber } = fields;\r\n\r\n  const currentMobile = submitJson[mobileField] ?? \"\";\r\n\r\n  const showVerify = !props.isViewMode && isMobileVerifyRequired && showVerifiedButton;\r\n\r\n  const isOtpVerified = Boolean(submitJson?.[fields.isVerified]);\r\n  const showVerifiedBadge = isOtpVerified && !showVerify;\r\n\r\n  const handleVerifyClick = () => {\r\n    const canOpen = handleVerify(mobileField);\r\n    if (canOpen) {\r\n      setOpenOtpModal(true);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <>\r\n      <GridContainer columnSpacing={2} sx={{ alignItems: \"flex-start\", mt: 0 }}>\r\n        <GridItem size={ONE_COLUMN_LAYOUT}>\r\n          <TextInputField\r\n            id={mobileNumber}\r\n            label={defaultsRules[mobileNumber]?.label}\r\n            value={submitJson[mobileNumber]}\r\n            validation={defaultsRules[mobileNumber]}\r\n            error={Boolean(fieldError[mobileNumber])}\r\n            helperText={fieldError[mobileNumber]}\r\n            disabled={props.isViewMode || (defaultsRules[mobileNumber] as DefaultRulesType)?.isDisabled}\r\n            onChange={onChangeField}\r\n            slotProps={{\r\n              input: {\r\n                endAdornment: (showVerify || showVerifiedBadge) && (\r\n                  <AppButton\r\n                    bgColor={isOtpVerified ? theme.palette.success.main : String(currentMobile).length !== 10 ? theme.palette.disabled.main : undefined}\r\n                    textColor={theme.palette.text.secondary}\r\n                    disabled={\r\n                      isOtpVerified ||\r\n                      showVerifiedBadge ||\r\n                      props.isViewMode ||\r\n                      !currentMobile ||\r\n                      String(currentMobile).length !== 10\r\n                    }\r\n                    onClick={handleVerifyClick}\r\n                    label={isOtpVerified || showVerifiedBadge ? \"strVerified\" : \"strVerify\"}\r\n                    sx={{\r\n                      borderRadius: 1.5\r\n                    }}\r\n                  />\r\n                ),\r\n              },\r\n            }}\r\n          />\r\n        </GridItem>\r\n      </GridContainer>\r\n      {openOtpModal && (\r\n        <OtpModal\r\n          open={openOtpModal}\r\n          mobileNumber={String(currentMobile)}\r\n          onVerified={() => {\r\n            confirmVerification();\r\n            setOpenOtpModal(false);\r\n          }}\r\n          onClose={() => {\r\n            setOpenOtpModal(false);\r\n          }}\r\n        />\r\n      )}\r\n    </>\r\n  );\r\n};\r\n\r\nexport default React.memo(MobileVerification);\r\n"],"mappings":";;;;;;;;;;AAiGA,IAAA,IAAe,EAAM,MArFO,MAAmC;CAC7D,IAAM,EAAE,sBAAmB,kBAAe,iBAAc,2BACtD,EAAgC,CAAK,GAEjC,EAAE,eAAY,YAAY,GAAQ,kBAAe,kBAAe,GAEhE,EAAE,iBAAc,EAAO,cAAc,wBAAqB,IAAM,4BAAyB,OAAU,GAEnG,CAAC,GAAc,KAAmB,EAAS,EAAK,GAEhD,IAAQ,EAAS;CAEvB,IAAI,CAAC,GAAmB,OAAO;CAE/B,IAAM,EAAE,oBAAiB,GAEnB,IAAgB,EAAW,MAAgB,IAE3C,IAAa,CAAC,EAAM,cAAc,KAA0B,GAE5D,IAAgB,EAAQ,IAAa,EAAO,aAC5C,IAAoB,KAAiB,CAAC;CAS5C,OACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EAAe,eAAe;EAAG,IAAI;GAAE,YAAY;GAAc,IAAI;EAAE;EACrE,UAAA,kBAAC,GAAD;GAAU,MAAA;GACR,UAAA,kBAAC,GAAD;IACE,IAAI;IACJ,OAAO,EAAc,EAAa,EAAE;IACpC,OAAO,EAAW;IAClB,YAAY,EAAc;IAC1B,OAAO,EAAQ,EAAW;IAC1B,YAAY,EAAW;IACvB,UAAU,EAAM,cAAe,EAAc,EAAa,EAAuB;IACjF,UAAU;IACV,WAAW,EACT,OAAO,EACL,eAAe,KAAc,MAC3B,kBAAC,GAAD;KACE,SAAS,IAAgB,EAAM,QAAQ,QAAQ,OAAO,OAAO,CAAa,CAAC,CAAC,WAAW,KAAmC,KAAA,IAA9B,EAAM,QAAQ,SAAS;KACnH,WAAW,EAAM,QAAQ,KAAK;KAC9B,UACE,KACA,KACA,EAAM,cACN,CAAC,KACD,OAAO,CAAa,CAAC,CAAC,WAAW;KAEnC,eAjCc;MAE9B,AADgB,EAAa,CACzB,KACF,EAAgB,EAAI;KAExB;KA6BkB,OAAO,KAAiB,IAAoB,gBAAgB;KAC5D,IAAI,EACF,cAAc,IAChB;IACD,CAAA,EAEL,EACF;GACD,CAAA;EACO,CAAA;CACG,CAAA,GACd,KACC,kBAAC,GAAD;EACE,MAAM;EACN,cAAc,OAAO,CAAa;EAClC,kBAAkB;GAEhB,AADA,EAAoB,GACpB,EAAgB,EAAK;EACvB;EACA,eAAe;GACb,EAAgB,EAAK;EACvB;CACD,CAAA,CAEH,EAAA,CAAA;AAEN,CAE4C"}

package/dist/index1075.js

@@ -0,0 +1,87 @@
+import { Constants as e } from "./index3.js";
+import { DefaultRulesEnum as t } from "./index4.js";
+import { DTONames as n } from "./index8.js";
+import { MASTER_DATA_KEYS as r } from "./index17.js";
+import { getNestedValue as i, getOnChangeActionType as a, getSelectInputFieldName as o, setStateObjValue as s } from "./index18.js";
+import { addressKeysMap as c, changeAddressInfoRules as l } from "./index1056.js";
+import { useDispatch as u, useSelector as d } from "react-redux";
+//#region src/libs/shared/components/singleAddress/singleAddressController.ts
+function f(f) {
+	let p = u(), m = `${f.parentSliceName}.${f.dtoName ?? n.SINGLE_ADDRESS}`, h = a(f.rootSliceName), g = d((e) => i(e, m)), _ = (e, t) => {
+		let { fieldError: n, submitJson: r, helperText: i, displayJson: a } = e;
+		t.forEach((e) => {
+			s(n, e, ""), s(i, e, ""), delete r[e], delete a[e];
+		});
+	}, v = (n, r) => {
+		let i = n.key, { fieldsName: a, defaultsRules: o } = r, { country: c, state: u, district: d, subDistrict: f, village: p, policeStation: m } = a;
+		switch (i) {
+			case c:
+				l(r, n.valueOrCd === e.GENERAL.INDIACONTRYCODE), _(r, [
+					u,
+					d,
+					f,
+					p,
+					m
+				]);
+				break;
+			case u:
+				[
+					u,
+					d,
+					f,
+					p
+				].forEach((e) => s(o[e], t.REQUIRED, !0)), _(r, [
+					d,
+					f,
+					p,
+					m
+				]);
+				break;
+			case d:
+				_(r, [
+					f,
+					p,
+					m
+				]);
+				break;
+			case f: _(r, [p]);
+		}
+	};
+	return {
+		singleAddressState: g,
+		onChangeTextInputField: (e) => {
+			let t = e.target.value || "", n = e.target.id || "";
+			p({
+				type: h,
+				payload: {
+					key: n,
+					valueOrCd: t,
+					value: t,
+					parentSliceName: m,
+					callback: v
+				}
+			});
+		},
+		onChangeMaster: (e, t) => {
+			let n = e.target.id || "", i = o(n), a = c[i] ?? {
+				codeKey: r.CODE,
+				valueKey: r.VALUE
+			}, s = t?.[a.codeKey] ?? -1, l = t?.[a.valueKey] ?? "";
+			p({
+				type: h,
+				payload: {
+					key: i,
+					valueOrCd: s,
+					value: l,
+					parentSliceName: m,
+					callback: v
+				}
+			});
+		},
+		parentSliceName: m
+	};
+}
+//#endregion
+export { f as default, f as useSingleAddressController };
+
+//# sourceMappingURL=index1075.js.map

package/dist/index1075.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index1075.js","names":[],"sources":["../src/libs/shared/components/singleAddress/singleAddressController.ts"],"sourcesContent":["import { useDispatch, useSelector } from \"react-redux\";\r\nimport type { PayloadAction } from \"@reduxjs/toolkit\";\r\nimport type {  MasterResponseDataType, StateDistrictPSDataType } from \"../../types/common-types\";\r\nimport { DTONames } from \"../../../core/constants/dtoNames\";\r\nimport { getNestedValue, getOnChangeActionType, getSelectInputFieldName, setStateObjValue } from \"../../../core/utils/commonFunctions\";\r\nimport type { RootState } from \"../../store/store\";\r\nimport type { SingleAddressDTOType, SingleAddressFieldsType } from \"./singleAddressDto\";\r\nimport { MASTER_DATA_KEYS } from \"constants/masterCodes\";\r\nimport { DefaultRulesEnum } from \"libs/shared/enums/common-enums\";\r\nimport { Constants } from \"constants/commonConstants\";\r\nimport type { FieldPayload, ChangeFieldPayload } from \"libs/shared/types/sharedFormActionTypes\";\r\nimport { addressKeysMap, changeAddressInfoRules } from \"components/addressMultiple/addressUtils\";\r\nimport type { SingleAddressProps } from \"./SingleAddress\";\r\n\r\nexport function useSingleAddressController(props: SingleAddressProps) {\r\n  const dispatch = useDispatch();\r\n  const parentSliceName = `${props.parentSliceName}.${props.dtoName ?? DTONames.SINGLE_ADDRESS}`;\r\n  const type = getOnChangeActionType(props.rootSliceName);\r\n\r\n  const singleAddressState = useSelector((state: RootState) => getNestedValue<SingleAddressDTOType>(state, parentSliceName));\r\n\r\n  // const [isOtherCountry, setIsOtherCountry] = useState(isViewMode)\r\n\r\n  const addressSetterHelper = (dto: SingleAddressDTOType, fields: SingleAddressFieldsType[keyof SingleAddressFieldsType][]) => {\r\n    const { fieldError, submitJson, helperText, displayJson } = dto;\r\n    fields.forEach(field => {\r\n      setStateObjValue(fieldError, field, \"\");\r\n      setStateObjValue(helperText, field, \"\");\r\n      delete submitJson[field];\r\n      delete displayJson[field];\r\n    })\r\n  }\r\n\r\n  const onChangeCallback = (data: FieldPayload, dto: SingleAddressDTOType) => {\r\n    const key = data.key as SingleAddressFieldsType[keyof SingleAddressFieldsType];\r\n    const { fieldsName, defaultsRules } = dto\r\n    const { country, state, district, subDistrict, village, policeStation } = fieldsName\r\n\r\n    switch (key) {\r\n      case country:\r\n        // setIsOtherCountry(data.valueOrCd !== Constants.GENERAL.INDIACONTRYCODE)// other country check\r\n        changeAddressInfoRules(dto, data.valueOrCd === Constants.GENERAL.INDIACONTRYCODE);\r\n        addressSetterHelper(dto, [state, district, subDistrict, village, policeStation]);\r\n        break\r\n\r\n      case state:\r\n        [state, district, subDistrict, village].forEach(key => setStateObjValue(defaultsRules[key], DefaultRulesEnum.REQUIRED, true))\r\n        addressSetterHelper(dto, [district, subDistrict, village, policeStation]);\r\n        break\r\n\r\n      case district:\r\n        addressSetterHelper(dto, [subDistrict, village, policeStation]);\r\n        break\r\n\r\n      case subDistrict:\r\n        addressSetterHelper(dto, [village]);\r\n        break\r\n\r\n      default:\r\n        break\r\n    }\r\n  }\r\n\r\n  const onChangeTextInputField = (event: React.ChangeEvent<HTMLInputElement>) => {\r\n    const value = event.target.value || '';\r\n    const key = event.target.id || '';\r\n\r\n    (dispatch as (action: PayloadAction<ChangeFieldPayload<SingleAddressDTOType>>) => PayloadAction<ChangeFieldPayload<SingleAddressDTOType>>)({\r\n      type,\r\n      payload: { key, valueOrCd: value, value, parentSliceName, callback: onChangeCallback },\r\n    });\r\n  };\r\n\r\n  const onChangeMaster = (event: React.BaseSyntheticEvent, data: MasterResponseDataType | StateDistrictPSDataType) => {\r\n    const key = event.target.id || '';\r\n    const fieldName = getSelectInputFieldName(key);\r\n    const activeKeys = addressKeysMap[fieldName] ?? {\r\n      codeKey: MASTER_DATA_KEYS.CODE,\r\n      valueKey: MASTER_DATA_KEYS.VALUE,\r\n    };\r\n\r\n    const valueOrCd = (data?.[activeKeys.codeKey] as number) ?? -1;\r\n    const value = (data?.[activeKeys.valueKey] as string) ?? \"\";\r\n\r\n    (dispatch as (action: PayloadAction<ChangeFieldPayload<SingleAddressDTOType>>) => PayloadAction<ChangeFieldPayload<SingleAddressDTOType>>)({\r\n      type,\r\n      payload: { key: fieldName, valueOrCd: valueOrCd, value, parentSliceName, callback: onChangeCallback },\r\n    });\r\n  }\r\n\r\n  return { singleAddressState, onChangeTextInputField, onChangeMaster, parentSliceName, };\r\n}\r\n\r\nexport default useSingleAddressController;"],"mappings":";;;;;;;;AAcA,SAAgB,EAA2B,GAA2B;CACpE,IAAM,IAAW,EAAY,GACvB,IAAkB,GAAG,EAAM,gBAAgB,GAAG,EAAM,WAAW,EAAS,kBACxE,IAAO,EAAsB,EAAM,aAAa,GAEhD,IAAqB,GAAa,MAAqB,EAAqC,GAAO,CAAe,CAAC,GAInH,KAAuB,GAA2B,MAAqE;EAC3H,IAAM,EAAE,eAAY,eAAY,eAAY,mBAAgB;EAC5D,EAAO,SAAQ,MAAS;GAItB,AAHA,EAAiB,GAAY,GAAO,EAAE,GACtC,EAAiB,GAAY,GAAO,EAAE,GACtC,OAAO,EAAW,IAClB,OAAO,EAAY;EACrB,CAAC;CACH,GAEM,KAAoB,GAAoB,MAA8B;EAC1E,IAAM,IAAM,EAAK,KACX,EAAE,eAAY,qBAAkB,GAChC,EAAE,YAAS,UAAO,aAAU,gBAAa,YAAS,qBAAkB;EAE1E,QAAQ,GAAR;GACE,KAAK;IAGH,AADA,EAAuB,GAAK,EAAK,cAAc,EAAU,QAAQ,eAAe,GAChF,EAAoB,GAAK;KAAC;KAAO;KAAU;KAAa;KAAS;IAAa,CAAC;IAC/E;GAEF,KAAK;IAEH,AADA;KAAC;KAAO;KAAU;KAAa;IAAO,CAAC,CAAC,SAAQ,MAAO,EAAiB,EAAc,IAAM,EAAiB,UAAU,EAAI,CAAC,GAC5H,EAAoB,GAAK;KAAC;KAAU;KAAa;KAAS;IAAa,CAAC;IACxE;GAEF,KAAK;IACH,EAAoB,GAAK;KAAC;KAAa;KAAS;IAAa,CAAC;IAC9D;GAEF,KAAK,GACH,EAAoB,GAAK,CAAC,CAAO,CAAC;EAKtC;CACF;CA6BA,OAAO;EAAE;EAAoB,yBA3BG,MAA+C;GAC7E,IAAM,IAAQ,EAAM,OAAO,SAAS,IAC9B,IAAM,EAAM,OAAO,MAAM;GAE/B,EAA2I;IACzI;IACA,SAAS;KAAE;KAAK,WAAW;KAAO;KAAO;KAAiB,UAAU;IAAiB;GACvF,CAAC;EACH;EAmBqD,iBAjB7B,GAAiC,MAA2D;GAClH,IAAM,IAAM,EAAM,OAAO,MAAM,IACzB,IAAY,EAAwB,CAAG,GACvC,IAAa,EAAe,MAAc;IAC9C,SAAS,EAAiB;IAC1B,UAAU,EAAiB;GAC7B,GAEM,IAAa,IAAO,EAAW,YAAuB,IACtD,IAAS,IAAO,EAAW,aAAwB;GAEzD,EAA2I;IACzI;IACA,SAAS;KAAE,KAAK;KAAsB;KAAW;KAAO;KAAiB,UAAU;IAAiB;GACtG,CAAC;EACH;EAEqE;CAAiB;AACxF"}