@citizenplatform/core 1.0.5 → 1.0.7

package/dist/index1046.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index1046.js","names":[],"sources":["../src/libs/shared/UI/radio/RadioButton.tsx"],"sourcesContent":["import React, { memo, useMemo } from \"react\";\r\n\r\nimport { Box, FormControl, FormControlLabel, FormHelperText, Radio, RadioGroup } from \"@mui/material\";\r\n\r\n\r\n\r\nimport { getRadioInputValue, useRadioController } from \"./radioButtonController\";\r\nimport Typography2 from \"ui/typography/Typography2\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { useAppThemeContext } from \"libs/core/context/AppThemeContext\";\r\nimport type { RadioButtonProps } from \"./RadioButton.type\";\r\nimport { useTheme } from \"@mui/system\";\r\n\r\n\r\nconst RadioButton: React.FC<RadioButtonProps> = ({\r\n  id,\r\n  label,\r\n  name,\r\n  value,\r\n  error,\r\n  onChange,\r\n  options = [],\r\n  required = false,\r\n  helperText,\r\n  defaultValue,\r\n  validation,\r\n  disabled = false,\r\n  mt = 0,\r\n  sx,\r\n}) => {\r\n  const {\r\n    handleChange,\r\n\r\n    isRequired,\r\n\r\n    normalizedOptions,\r\n\r\n    radioGroupValue,\r\n  } = useRadioController({\r\n    id,\r\n    value,\r\n    defaultValue,\r\n    options,\r\n    required,\r\n    validation,\r\n    disabled,\r\n    onChange,\r\n  });\r\n  const {t} = useTranslation();\r\n  const {fontSize} = useAppThemeContext();\r\n  const theme = useTheme();\r\n  const renderItems = useMemo(() => {\r\n    return normalizedOptions.map((option) => {\r\n      const optionValue = getRadioInputValue(option.value);\r\n      const isSelected = radioGroupValue === optionValue;\r\n      \r\n      return (\r\n        <FormControlLabel\r\n          key={optionValue}\r\n          value={optionValue}\r\n          disabled={disabled || option.disabled}\r\n          control={\r\n            <Radio\r\n              size=\"small\"\r\n              disableRipple\r\n              sx={{\r\n                padding: 0,\r\n\r\n                marginRight: \"8px\",\r\n\r\n                color: isSelected ? \"primary.main\" : \"#CFCFCF\",\r\n\r\n                \"&.Mui-checked\": {\r\n                  color: \"primary.main\",\r\n                },\r\n\r\n                \"& .MuiSvgIcon-root\": {\r\n                  fontSize: fontSize,\r\n                },\r\n              }}\r\n            />\r\n          }\r\n          label={\r\n            <Typography2\r\n              text={t(option.label)}\r\n              sx={{\r\n                fontSize: \"0.95rem\",\r\n\r\n                fontWeight: 400,\r\n\r\n                lineHeight: 1,\r\n\r\n                color: isSelected ? \"primary.main\" : \"#8F8F8F\",\r\n              }}\r\n            />\r\n          }\r\n          sx={{\r\n            margin: 0,\r\n\r\n            height: \"40px\",\r\n\r\n            minWidth: \"72px\",\r\n\r\n            padding: \"0 16px\",\r\n\r\n            borderRadius: \"999px\",\r\n\r\n            border: isSelected ? \"1.5px solid #142859\": \"1px solid #E5E5E5\",\r\n\r\n            backgroundColor: isSelected ? \"#FAF7FF\" : \"#F7F7F7\",\r\n\r\n            transition: \"all 0.2s ease\",\r\n\r\n            display: \"flex\",\r\n\r\n            alignItems: \"center\",\r\n\r\n            justifyContent: \"center\",\r\n\r\n            boxSizing: \"border-box\",\r\n\r\n            \"& .MuiFormControlLabel-label\": {\r\n              display: \"flex\",\r\n\r\n              alignItems: \"center\",\r\n            },\r\n\r\n            \"&:hover\": {\r\n              backgroundColor: isSelected ? \"#F5F0FF\" : \"#EFEFEF\",\r\n            },\r\n          }}\r\n        />\r\n      );\r\n    });\r\n  }, [disabled, normalizedOptions, radioGroupValue]);\r\n\r\n  return (\r\n    <Box\r\n      sx={{\r\n        mt,\r\n        width: \"100%\",\r\n        ...sx,\r\n      }}\r\n    >\r\n      {/* Label */}\r\n      {label && (\r\n        <Typography2\r\n          text={\r\n            <>\r\n              {t(label)}\r\n\r\n              {isRequired && (\r\n                <span\r\n                  style={{\r\n                    color: \"red\",\r\n                  }}\r\n                >\r\n                  {\" \"}\r\n                  *\r\n                </span>\r\n              )}\r\n            </>\r\n          }\r\n          sx={{\r\n            fontSize: \"1rem\",\r\n            fontWeight: 500,\r\n            mb: 0,\r\n            color: theme.palette.text.primary,\r\n          }}\r\n        />\r\n      )}\r\n\r\n      <FormControl error={!!error} fullWidth>\r\n        <RadioGroup\r\n          row\r\n          id={id}\r\n          name={name || id}\r\n          value={radioGroupValue}\r\n          onChange={handleChange}\r\n          sx={{\r\n            display: \"flex\",\r\n\r\n            gap: 2,\r\n\r\n            alignItems: \"center\",\r\n\r\n            flexWrap: \"wrap\",\r\n          }}\r\n        >\r\n          {renderItems}\r\n        </RadioGroup>\r\n\r\n        {(error || helperText) && (\r\n          <FormHelperText\r\n            sx={{\r\n              ml: 0,\r\n              mt: 1,\r\n            }}\r\n          >\r\n            {error || helperText}\r\n          </FormHelperText>\r\n        )}\r\n      </FormControl>\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport default memo(RadioButton);\r\n"],"mappings":";;;;;;;;AA+MA,IAAA,IAAe,GAjMkC,EAC/C,OACA,UACA,SACA,UACA,UACA,aACA,aAAU,CAAC,GACX,cAAW,IACX,eACA,iBACA,eACA,cAAW,IACX,QAAK,GACL,YACI;CACJ,IAAM,EACJ,iBAEA,eAEA,sBAEA,uBACE,EAAmB;EACrB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC,GACK,EAAC,SAAK,EAAe,GACrB,EAAC,gBAAY,EAAmB,GAChC,IAAQ,EAAS,GACjB,IAAc,QACX,EAAkB,KAAK,MAAW;EACvC,IAAM,IAAc,EAAmB,EAAO,KAAK,GAC7C,IAAa,MAAoB;EAEvC,OACE,kBAAC,GAAD;GAEE,OAAO;GACP,UAAU,KAAY,EAAO;GAC7B,SACE,kBAAC,GAAD;IACE,MAAK;IACL,eAAA;IACA,IAAI;KACF,SAAS;KAET,aAAa;KAEb,OAAO,IAAa,iBAAiB;KAErC,iBAAiB,EACf,OAAO,eACT;KAEA,sBAAsB,EACV,YACZ;IACF;GACD,CAAA;GAEH,OACE,kBAAC,GAAD;IACE,MAAM,EAAE,EAAO,KAAK;IACpB,IAAI;KACF,UAAU;KAEV,YAAY;KAEZ,YAAY;KAEZ,OAAO,IAAa,iBAAiB;IACvC;GACD,CAAA;GAEH,IAAI;IACF,QAAQ;IAER,QAAQ;IAER,UAAU;IAEV,SAAS;IAET,cAAc;IAEd,QAAQ,IAAa,wBAAuB;IAE5C,iBAAiB,IAAa,YAAY;IAE1C,YAAY;IAEZ,SAAS;IAET,YAAY;IAEZ,gBAAgB;IAEhB,WAAW;IAEX,gCAAgC;KAC9B,SAAS;KAET,YAAY;IACd;IAEA,WAAW,EACT,iBAAiB,IAAa,YAAY,UAC5C;GACF;EACD,GAzEM,CAyEN;CAEL,CAAC,GACA;EAAC;EAAU;EAAmB;CAAe,CAAC;CAEjD,OACE,kBAAC,GAAD;EACE,IAAI;GACF;GACA,OAAO;GACP,GAAG;EACL;EALF,UAAA,CAQG,KACC,kBAAC,GAAD;GACE,MACE,kBAAA,GAAA,EAAA,UAAA,CACG,EAAE,CAAK,GAEP,KACC,kBAAC,QAAD;IACE,OAAO,EACL,OAAO,MACT;IAHF,UAAA,CAKG,KAAI,GAED;GAER,CAAA,CAAA,EAAA,CAAA;GAEJ,IAAI;IACF,UAAU;IACV,YAAY;IACZ,IAAI;IACJ,OAAO,EAAM,QAAQ,KAAK;GAC5B;EACD,CAAA,GAGH,kBAAC,GAAD;GAAa,OAAO,CAAC,CAAC;GAAO,WAAA;GAA7B,UAAA,CACE,kBAAC,GAAD;IACE,KAAA;IACI;IACJ,MAAM,KAAQ;IACd,OAAO;IACP,UAAU;IACV,IAAI;KACF,SAAS;KAET,KAAK;KAEL,YAAY;KAEZ,UAAU;IACZ;IAEC,UAAA;GACS,CAAA,IAEV,KAAS,MACT,kBAAC,GAAD;IACE,IAAI;KACF,IAAI;KACJ,IAAI;IACN;IAEC,UAAA,KAAS;GACI,CAAA,CAEP;EACV,CAAA,CAAA;;AAET,CAE+B"}

package/dist/index1047.js

@@ -0,0 +1,36 @@
+import e from "./index245.js";
+import { useTranslation as t } from "react-i18next";
+import { Stack as n, Typography as r } from "@mui/material";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/libs/shared/UI/rowHeading/Row.tsx
+var o = (o) => {
+	let { t: s } = t(), { title: c, addAction: l, disableAction: u = !1, fontWeight: d = 600, mt: f, actiontitle: p = "strAdd" } = o;
+	return /* @__PURE__ */ a(n, {
+		direction: "row",
+		spacing: 2,
+		sx: {
+			mt: f,
+			width: "100%",
+			justifyContent: "space-between",
+			alignItems: "center"
+		},
+		children: [c && /* @__PURE__ */ i(r, {
+			variant: "subtitle1",
+			sx: {
+				alignSelf: "center",
+				borderLeftWidth: "0.375rem",
+				borderRadius: "0.125rem",
+				fontWeight: d
+			},
+			children: s(c)
+		}), l && !u && /* @__PURE__ */ i(e, {
+			type: "submit",
+			label: p,
+			onClick: l
+		})]
+	});
+};
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=index1047.js.map

package/dist/index1047.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index1047.js","names":[],"sources":["../src/libs/shared/UI/rowHeading/Row.tsx"],"sourcesContent":["import { Stack, Typography } from \"@mui/material\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport AppButton from \"ui/button/AppButton\";\r\n\r\ninterface NewRowProptypes {\r\n    title?: string;\r\n    addAction?: (event: React.MouseEvent<HTMLButtonElement>) => void;\r\n    actiontitle?: string\r\n    disableAction?: boolean\r\n    fontWeight?:string | number,\r\n    mt?:number\r\n}\r\n\r\nconst NewRow = (props: NewRowProptypes) => {\r\n    const { t } = useTranslation();\r\n    const { title, addAction, disableAction= false, fontWeight = 600, mt, actiontitle = \"strAdd\" } = props;\r\n\r\n    return (\r\n        <Stack \r\n             direction=\"row\"\r\n             spacing={2}\r\n             sx={{ mt: mt, width: \"100%\",justifyContent:'space-between',alignItems:'center' }}\r\n        >\r\n            {title && \r\n                <Typography \r\n                    variant=\"subtitle1\"\r\n                    sx={{ \r\n                        alignSelf: 'center', \r\n                        borderLeftWidth: '0.375rem', \r\n                        borderRadius: '0.125rem', \r\n                        fontWeight: fontWeight \r\n                    }}\r\n                >\r\n                {t(title)}\r\n                </Typography>\r\n            }\r\n            \r\n            {addAction && !disableAction &&\r\n                <AppButton\r\n                    type=\"submit\"\r\n                    label={actiontitle}\r\n                    onClick={addAction}\r\n                />\r\n            }\r\n        </Stack>\r\n    );\r\n}\r\n\r\nexport default NewRow;\r\n"],"mappings":";;;;;AAaA,IAAM,KAAU,MAA2B;CACvC,IAAM,EAAE,SAAM,EAAe,GACvB,EAAE,UAAO,cAAW,mBAAe,IAAO,gBAAa,KAAK,OAAI,iBAAc,aAAa;CAEjG,OACI,kBAAC,GAAD;EACK,WAAU;EACV,SAAS;EACT,IAAI;GAAM;GAAI,OAAO;GAAO,gBAAe;GAAgB,YAAW;EAAS;EAHpF,UAAA,CAKK,KACG,kBAAC,GAAD;GACI,SAAQ;GACR,IAAI;IACA,WAAW;IACX,iBAAiB;IACjB,cAAc;IACF;GAChB;GAEH,UAAA,EAAE,CAAK;EACI,CAAA,GAGf,KAAa,CAAC,KACX,kBAAC,GAAD;GACI,MAAK;GACL,OAAO;GACP,SAAS;EACZ,CAAA,CAEF;;AAEf"}

package/dist/index1048.js

@@ -0,0 +1,9 @@
+"use client";
+import e from "./index240.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region node_modules/@mui/icons-material/Check.mjs
+var n = e(/*#__PURE__*/ t("path", { d: "M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z" }), "Check");
+//#endregion
+export { n as default };
+
+//# sourceMappingURL=index1048.js.map

package/dist/index1048.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index1048.js","names":[],"sources":["../node_modules/@mui/icons-material/Check.mjs"],"sourcesContent":["\"use client\";\n\nimport createSvgIcon from \"./utils/createSvgIcon.mjs\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon(/*#__PURE__*/_jsx(\"path\", {\n  d: \"M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\n}), 'Check');"],"x_google_ignoreList":[0],"mappings":";;;;AAIA,IAAA,IAAe,EAA2B,gBAAK,QAAQ,EACrD,GAAG,oDACL,CAAC,GAAG,OAAO"}

package/dist/index1049.js

@@ -0,0 +1,9 @@
+"use client";
+import e from "./index240.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region node_modules/@mui/icons-material/ChevronLeft.mjs
+var n = e(/*#__PURE__*/ t("path", { d: "M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z" }), "ChevronLeft");
+//#endregion
+export { n as default };
+
+//# sourceMappingURL=index1049.js.map

package/dist/index1049.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index1049.js","names":[],"sources":["../node_modules/@mui/icons-material/ChevronLeft.mjs"],"sourcesContent":["\"use client\";\n\nimport createSvgIcon from \"./utils/createSvgIcon.mjs\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon(/*#__PURE__*/_jsx(\"path\", {\n  d: \"M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z\"\n}), 'ChevronLeft');"],"x_google_ignoreList":[0],"mappings":";;;;AAIA,IAAA,IAAe,EAA2B,gBAAK,QAAQ,EACrD,GAAG,gDACL,CAAC,GAAG,aAAa"}

package/dist/index105.js

@@ -1,14 +1,16 @@
 "use client";
-import e from "./index62.js";
-import t from "./index103.js";
-import "./index104.js";
-import * as n from "react";
-//#region node_modules/@mui/material/styles/useTheme.mjs
-function r() {
-	let r = e(t);
-	return process.env.NODE_ENV !== "production" && n.useDebugValue(r), r.$$material || r;
+import e from "./index90.js";
+import t from "./index104.js";
+//#region node_modules/@mui/system/useThemeProps/useThemeProps.mjs
+function n(n) {
+	let { props: r, name: i, defaultTheme: a, themeId: o } = n, s = e(a);
+	return o && (s = s[o] || s), t({
+		theme: s,
+		name: i,
+		props: r
+	});
 }
 //#endregion
-export { r as default };
+export { n as default };
 
 //# sourceMappingURL=index105.js.map

package/dist/index105.js.map

@@ -1 +1 @@
-{"version":3,"file":"index105.js","names":["useThemeSystem"],"sources":["../node_modules/@mui/material/styles/useTheme.mjs"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useTheme as useThemeSystem } from '@mui/system';\nimport defaultTheme from \"./defaultTheme.mjs\";\nimport THEME_ID from \"./identifier.mjs\";\nexport default function useTheme() {\n  const theme = useThemeSystem(defaultTheme);\n  if (process.env.NODE_ENV !== 'production') {\n    // TODO: uncomment once we enable eslint-plugin-react-compiler // eslint-disable-next-line react-compiler/react-compiler\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    React.useDebugValue(theme);\n  }\n  return theme[THEME_ID] || theme;\n}"],"x_google_ignoreList":[0],"mappings":";;;;;;AAMA,SAAwB,IAAW;CACjC,IAAM,IAAQA,EAAe,CAAY;CAMzC,OALA,QAAA,IAAA,aAA6B,gBAG3B,EAAM,cAAc,CAAK,GAEpB,EAAA,cAAmB;AAC5B"}
+{"version":3,"file":"index105.js","names":[],"sources":["../node_modules/@mui/system/useThemeProps/useThemeProps.mjs"],"sourcesContent":["'use client';\n\nimport getThemeProps from \"./getThemeProps.mjs\";\nimport useTheme from \"../useTheme/index.mjs\";\nexport default function useThemeProps(params) {\n  const {\n    props,\n    name,\n    defaultTheme,\n    themeId\n  } = params;\n  let theme = useTheme(defaultTheme);\n  if (themeId) {\n    theme = theme[themeId] || theme;\n  }\n  return getThemeProps({\n    theme,\n    name,\n    props\n  });\n}"],"x_google_ignoreList":[0],"mappings":";;;;AAIA,SAAwB,EAAc,GAAQ;CAC5C,IAAM,EACJ,UACA,SACA,iBACA,eACE,GACA,IAAQ,EAAS,CAAY;CAIjC,OAHI,MACF,IAAQ,EAAM,MAAY,IAErB,EAAc;EACnB;EACA;EACA;CACF,CAAC;AACH"}

package/dist/index1050.js

@@ -0,0 +1,9 @@
+"use client";
+import e from "./index240.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region node_modules/@mui/icons-material/ChevronRight.mjs
+var n = e(/*#__PURE__*/ t("path", { d: "M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" }), "ChevronRight");
+//#endregion
+export { n as default };
+
+//# sourceMappingURL=index1050.js.map

package/dist/index1050.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index1050.js","names":[],"sources":["../node_modules/@mui/icons-material/ChevronRight.mjs"],"sourcesContent":["\"use client\";\n\nimport createSvgIcon from \"./utils/createSvgIcon.mjs\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon(/*#__PURE__*/_jsx(\"path\", {\n  d: \"M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\"\n}), 'ChevronRight');"],"x_google_ignoreList":[0],"mappings":";;;;AAIA,IAAA,IAAe,EAA2B,gBAAK,QAAQ,EACrD,GAAG,iDACL,CAAC,GAAG,cAAc"}

package/dist/index1051.js

@@ -0,0 +1,139 @@
+import e from "./index90.js";
+import t from "./index206.js";
+import n from "./index1048.js";
+import r from "./index1049.js";
+import i from "./index1050.js";
+import { useTranslation as a } from "react-i18next";
+import { useRef as o } from "react";
+import { Box as s, IconButton as c, Step as l, StepConnector as u, StepLabel as d, Stepper as f } from "@mui/material";
+import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
+//#region src/libs/shared/UI/stepper/components/CustomStepper.tsx
+function g(t) {
+	let { active: r, completed: i, error: a, icon: o } = t, c = e();
+	return /* @__PURE__ */ m(s, {
+		sx: {
+			width: r ? 32 : 28,
+			height: r ? 32 : 28,
+			borderRadius: "50%",
+			display: "flex",
+			alignItems: "center",
+			justifyContent: "center",
+			backgroundColor: r ? c.palette.primary.main : a ? c.palette.error.main : i ? c.palette.success.main : "#F5F5F5",
+			border: `1.5px solid ${r ? c.palette.primary.main : a ? c.palette.error.main : i ? c.palette.success.main : "#D9D9D9"}`,
+			color: r || i || a ? "#fff" : "#1F2937",
+			fontSize: "0.75rem",
+			fontWeight: 600,
+			transition: "all 0.3s ease"
+		},
+		children: i ? /* @__PURE__ */ m(n, { sx: { fontSize: 14 } }) : a ? "!" : o
+	});
+}
+function _({ steps: n, stepper: _ }) {
+	let { activeStep: v, setStep: y, stepErrors: b = [], validatedSteps: x = [] } = _, { t: S } = a(), C = e(), { isMobile: w } = t(), T = o(null);
+	return /* @__PURE__ */ h(s, {
+		sx: {
+			width: "100%",
+			bgcolor: C.palette.background.paper,
+			borderRadius: 1,
+			pt: 2,
+			pb: 1,
+			position: "relative"
+		},
+		children: [w && /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m(c, {
+			onClick: () => {
+				T.current?.scrollBy({
+					left: -270,
+					behavior: "smooth"
+				});
+			},
+			size: "small",
+			sx: {
+				position: "absolute",
+				left: 4,
+				top: "50%",
+				transform: "translateY(-50%)",
+				zIndex: 10,
+				bgcolor: C.palette.background.paper,
+				boxShadow: 1,
+				"&:hover": { bgcolor: "#fff" }
+			},
+			children: /* @__PURE__ */ m(r, {})
+		}), /* @__PURE__ */ m(c, {
+			onClick: () => {
+				T.current?.scrollBy({
+					left: 270,
+					behavior: "smooth"
+				});
+			},
+			size: "small",
+			sx: {
+				position: "absolute",
+				right: 4,
+				top: "50%",
+				transform: "translateY(-50%)",
+				zIndex: 10,
+				bgcolor: "#fff",
+				boxShadow: 1,
+				"&:hover": { bgcolor: "#fff" }
+			},
+			children: /* @__PURE__ */ m(i, {})
+		})] }), /* @__PURE__ */ m(s, {
+			ref: T,
+			sx: {
+				overflowX: "auto",
+				overflowY: "hidden",
+				scrollbarWidth: "none",
+				"&::-webkit-scrollbar": { display: "none" }
+			},
+			children: /* @__PURE__ */ m(f, {
+				activeStep: v,
+				alternativeLabel: !0,
+				connector: /* @__PURE__ */ m(u, { sx: {
+					top: 12,
+					"& .MuiStepConnector-line": {
+						borderTopWidth: 1,
+						borderColor: "#D9D9D9"
+					}
+				} }),
+				sx: { minWidth: w ? `${Math.max(n.length * 180, 600)}px` : "100%" },
+				children: n.map((e, t) => {
+					let n = b[t] ?? !1, r = x.includes(t) && !n;
+					return /* @__PURE__ */ m(l, {
+						completed: r,
+						children: /* @__PURE__ */ m(d, {
+							error: n,
+							slots: { stepIcon: g },
+							onClick: () => y(t),
+							sx: {
+								cursor: "pointer",
+								"& .MuiStepLabel-iconContainer": { cursor: "pointer" },
+								"& .MuiStepLabel-label": {
+									color: C.palette.text.primary,
+									fontWeight: 500,
+									fontSize: {
+										xs: "0.72rem",
+										sm: "0.8rem",
+										md: "0.85rem"
+									},
+									lineHeight: 1.3,
+									whiteSpace: "normal",
+									textAlign: "center"
+								},
+								"& .MuiStepLabel-label.Mui-active": {
+									color: C.palette.text.primary,
+									fontWeight: 600
+								},
+								"& .MuiStepLabel-label.Mui-completed": { color: C.palette.text.primary }
+							},
+							children: S(e.name)
+						})
+					}, e.id);
+				})
+			})
+		})]
+	});
+}
+//#endregion
+export { _ as default };
+
+//# sourceMappingURL=index1051.js.map

package/dist/index1051.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index1051.js","names":[],"sources":["../src/libs/shared/UI/stepper/components/CustomStepper.tsx"],"sourcesContent":["import { useRef } from \"react\";\r\nimport {\r\n  Box,\r\n  IconButton,\r\n  Step,\r\n  StepConnector,\r\n  StepLabel,\r\n  Stepper,\r\n  type StepIconProps,\r\n} from \"@mui/material\";\r\nimport CheckIcon from \"@mui/icons-material/Check\";\r\nimport ChevronLeftIcon from \"@mui/icons-material/ChevronLeft\";\r\nimport ChevronRightIcon from \"@mui/icons-material/ChevronRight\";\r\nimport { useTranslation } from \"react-i18next\";\r\n\r\nimport useDevice from \"hooks/useDevice\";\r\nimport type { CustomStepperProps } from \"../types/stepperTypes\";  \r\nimport { useTheme } from \"@mui/system\";\r\n\r\n\r\n\r\nfunction CustomStepIcon(props: Readonly<StepIconProps>) {\r\n  const { active, completed, error, icon } = props;\r\n  const theme = useTheme();\r\n\r\n  const getBackgroundColor = () => {\r\n    if (active) return theme.palette.primary.main;\r\n    if (error) return theme.palette.error.main;\r\n    if (completed) return theme.palette.success.main;\r\n    return \"#F5F5F5\";\r\n  };\r\n\r\n  const getBorderColor = () => {\r\n    if (active) return theme.palette.primary.main;\r\n    if (error) return theme.palette.error.main;\r\n    if (completed) return theme.palette.success.main;\r\n    return \"#D9D9D9\";\r\n  };\r\n\r\n  const renderContent = () => {\r\n    if (completed) {\r\n      return <CheckIcon sx={{ fontSize: 14 }} />;\r\n    }\r\n\r\n    if (error) {\r\n      return \"!\";\r\n    }\r\n\r\n    return icon;\r\n  };\r\n\r\n  return (\r\n    <Box\r\n      sx={{\r\n        width:active? 32:28,\r\n        height:active? 32:28,\r\n        borderRadius: \"50%\",\r\n        display: \"flex\",\r\n        alignItems: \"center\",\r\n        justifyContent: \"center\",\r\n        backgroundColor: getBackgroundColor(),\r\n        border: `1.5px solid ${getBorderColor()}`,\r\n        color:\r\n          active || completed || error\r\n            ? \"#fff\"\r\n            : \"#1F2937\",\r\n        fontSize: \"0.75rem\",\r\n        fontWeight: 600,\r\n        transition: \"all 0.3s ease\",\r\n      }}\r\n    >\r\n      {renderContent()}\r\n    </Box>\r\n  );\r\n}\r\nexport default function CustomStepper({\r\n  steps,\r\n  stepper,\r\n}: Readonly<CustomStepperProps>) {\r\n  const {\r\n    activeStep,\r\n    setStep,\r\n    stepErrors = [],\r\n    validatedSteps = [],\r\n  } = stepper;\r\n\r\n  const { t } = useTranslation();\r\n  const theme = useTheme();\r\n  const { isMobile } = useDevice();\r\n\r\n  const scrollRef = useRef<HTMLDivElement>(null);\r\n\r\n  const scrollLeft = () => {\r\n    scrollRef.current?.scrollBy({\r\n      left: -270,\r\n      behavior: \"smooth\",\r\n    });\r\n  };\r\n\r\n  const scrollRight = () => {\r\n    scrollRef.current?.scrollBy({\r\n      left: 270,\r\n      behavior: \"smooth\",\r\n    });\r\n  };\r\n\r\n  return (\r\n    <Box\r\n      sx={{\r\n        width: \"100%\",\r\n        bgcolor: theme.palette.background.paper,\r\n        borderRadius: 1,\r\n        pt:2,\r\n        pb:1,\r\n        position: \"relative\",\r\n      }}\r\n    >\r\n      {isMobile && (\r\n        <>\r\n          <IconButton\r\n            onClick={scrollLeft}\r\n            size=\"small\"\r\n            sx={{\r\n              position: \"absolute\",\r\n              left: 4,\r\n              top: \"50%\",\r\n              transform: \"translateY(-50%)\",\r\n              zIndex: 10,\r\n              bgcolor: theme.palette.background.paper,\r\n              boxShadow: 1,\r\n              \"&:hover\": {\r\n                bgcolor: \"#fff\",\r\n              },\r\n            }}\r\n          >\r\n            <ChevronLeftIcon />\r\n          </IconButton>\r\n\r\n          <IconButton\r\n            onClick={scrollRight}\r\n            size=\"small\"\r\n            sx={{\r\n              position: \"absolute\",\r\n              right: 4,\r\n              top: \"50%\",\r\n              transform: \"translateY(-50%)\",\r\n              zIndex: 10,\r\n              bgcolor: \"#fff\",\r\n              boxShadow: 1,\r\n              \"&:hover\": {\r\n                bgcolor: \"#fff\",\r\n              },\r\n            }}\r\n          >\r\n            <ChevronRightIcon />\r\n          </IconButton>\r\n        </>\r\n      )}\r\n\r\n      <Box\r\n        ref={scrollRef}\r\n        sx={{\r\n          overflowX: \"auto\",\r\n          overflowY: \"hidden\",\r\n          scrollbarWidth: \"none\",\r\n          \"&::-webkit-scrollbar\": {\r\n            display: \"none\",\r\n          },\r\n        }}\r\n      >\r\n        <Stepper\r\n          activeStep={activeStep}\r\n          alternativeLabel\r\n          connector={\r\n            <StepConnector\r\n              sx={{\r\n                top: 12,\r\n                \"& .MuiStepConnector-line\": {\r\n                  borderTopWidth: 1,\r\n                  borderColor: \"#D9D9D9\",\r\n                },\r\n\r\n                /*\r\n                 * \"&.Mui-active .MuiStepConnector-line\": {\r\n                 *   borderColor: theme.palette.primary.main,\r\n                 * },\r\n                 */\r\n\r\n                /*\r\n                 * \"&.Mui-completed .MuiStepConnector-line\": {\r\n                 *   borderColor: theme.palette.primary.main,\r\n                 * },\r\n                 */\r\n              }}\r\n            />\r\n          }\r\n          sx={{\r\n            minWidth: isMobile\r\n              ? `${Math.max(steps.length * 180, 600)}px`\r\n              : \"100%\",\r\n\r\n          }}\r\n        >\r\n          {steps.map((step, index) => {\r\n            const hasError = stepErrors[index] ?? false;\r\n\r\n            const isCompleted =\r\n              validatedSteps.includes(index) && !hasError;\r\n\r\n            return (\r\n              <Step\r\n                key={step.id}\r\n                completed={isCompleted}\r\n              >\r\n                <StepLabel\r\n                  error={hasError}\r\n                  slots={{\r\n                    stepIcon: CustomStepIcon,\r\n                  }}\r\n                  onClick={() => setStep(index)}\r\n                  sx={{\r\n                    cursor: \"pointer\",\r\n\r\n                    \"& .MuiStepLabel-iconContainer\": {\r\n                      cursor: \"pointer\",\r\n                    },\r\n\r\n                    \"& .MuiStepLabel-label\": {\r\n                      color: theme.palette.text.primary,\r\n                      fontWeight: 500,\r\n                      fontSize: {\r\n                        xs: \"0.72rem\",\r\n                        sm: \"0.8rem\",\r\n                        md: \"0.85rem\",\r\n                      },\r\n                      lineHeight: 1.3,\r\n                      whiteSpace: \"normal\",\r\n                      textAlign: \"center\",\r\n                    },\r\n\r\n                    \"& .MuiStepLabel-label.Mui-active\": {\r\n                      color: theme.palette.text.primary,\r\n                      fontWeight: 600,\r\n                    },\r\n\r\n                    \"& .MuiStepLabel-label.Mui-completed\": {\r\n                      color:theme.palette.text.primary,\r\n                    },\r\n                  }}\r\n                >\r\n                  {t(step.name)}\r\n                </StepLabel>\r\n              </Step>\r\n            );\r\n          })}\r\n        </Stepper>\r\n      </Box>\r\n    </Box>\r\n  );\r\n}"],"mappings":"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"}

package/dist/index1052.js

@@ -0,0 +1,63 @@
+import { sharedFormActionNames as e } from "./index13.js";
+import { constructParentSliceName as t } from "./index18.js";
+import n from "./index90.js";
+import r from "./index198.js";
+import i from "./index242.js";
+import a from "./index245.js";
+import { useTranslation as o } from "react-i18next";
+import { useState as s } from "react";
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+import { useDispatch as d } from "react-redux";
+//#region src/libs/shared/UI/stepper/components/SectionRenderer.tsx
+function f({ sections: f, dtoMap: p, renderSection: m, onNext: h, onClear: g, rootSliceName: _, isViewMode: v }) {
+	let [y, b] = s(0), x = n(), { t: S } = o(), C = d(), w = (e) => p?.[e.dtoName], T = (e) => e.dtoName, E = (t) => {
+		let n = w(t);
+		C({
+			type: `${_}/${e.CLEAR_DTO}`,
+			payload: {
+				key: t.dtoName,
+				value: t.dto(...n?.initialArgs),
+				parentSliceName: _
+			}
+		});
+	}, D = (n) => {
+		C({
+			type: `${_}/${e.VALIDATE_DTO}`,
+			payload: { parentSliceName: t(n, _) }
+		});
+	};
+	return f.map((e, t) => {
+		let n = w(e);
+		return /* @__PURE__ */ l(i, {
+			sectionId: e.id,
+			accordionTitle: /* @__PURE__ */ l(r, {
+				component: "span",
+				text: e.name,
+				sx: {
+					color: n?.menuTextColor ?? x.palette.text.primary,
+					fontWeight: 600
+				}
+			}),
+			expanded: y === t,
+			onChange: (e, n) => {
+				b(n ? t : -1);
+			},
+			footer: /* @__PURE__ */ u(c, { children: [!e.isHiddenClear && !v && /* @__PURE__ */ l(a, {
+				variantType: "outlined",
+				onClick: () => g ? g(e) : E(e),
+				children: S("strClear")
+			}), !e.isHiddenNext && /* @__PURE__ */ l(a, {
+				onClick: () => {
+					let n = T(e);
+					v || (h ? h(n) : D(n)), b(t + 1);
+				},
+				children: S("strNext")
+			})] }),
+			children: y === t && m(e.dtoName)
+		}, e.id);
+	});
+}
+//#endregion
+export { f as default };
+
+//# sourceMappingURL=index1052.js.map

package/dist/index1052.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index1052.js","names":[],"sources":["../src/libs/shared/UI/stepper/components/SectionRenderer.tsx"],"sourcesContent":["import { useState } from \"react\";\r\nimport useTheme from \"@mui/system/useTheme\";\r\nimport type { PayloadAction } from \"@reduxjs/toolkit\";\r\nimport type { DTO, Props } from \"libs/shared/types/common-types\";\r\nimport type { ClearDTOPayload } from \"libs/shared/types/sharedFormActionTypes\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport Typography2 from \"ui/typography/Typography2\";\r\nimport { sharedFormActionNames } from \"utils/sharedFormActions\";\r\nimport AccordionItem from \"../../accordian/AccordianSection\";\r\nimport AppButton from \"../../button/AppButton\";\r\nimport type { StepConfig } from \"../types/stepperTypes\";\r\nimport { constructParentSliceName } from \"utils/commonFunctions\";\r\n\r\n\r\n\r\nexport default function SectionRenderer({ sections, dtoMap, renderSection, onNext, onClear, rootSliceName, isViewMode }: Readonly<Props>) {\r\n  const [sectionIndex, setSectionIndex] = useState(0);\r\n  const theme = useTheme();\r\n  const { t } = useTranslation();\r\n\r\n  const dispatch = useDispatch();\r\n\r\n\r\n  const getDto = (section: StepConfig): DTO | undefined => {\r\n    return dtoMap?.[section.dtoName];\r\n  };\r\n\r\n  const getDTOKey = (section: StepConfig) => section.dtoName;\r\n\r\n  const clear = (section: StepConfig) => {\r\n    const dto = getDto(section);\r\n    (dispatch as (action: PayloadAction<ClearDTOPayload>) => PayloadAction<ClearDTOPayload>)({\r\n      type: `${rootSliceName}/${sharedFormActionNames.CLEAR_DTO}`,\r\n      payload: {\r\n        key: section.dtoName,\r\n        value: section.dto(...(dto?.initialArgs as [])),\r\n        parentSliceName: rootSliceName,\r\n      },\r\n    });\r\n  };\r\n\r\n  const validateCurrentSection = (dtoKey: string) => {\r\n    dispatch({\r\n      type: `${rootSliceName}/${sharedFormActionNames.VALIDATE_DTO}`,\r\n      payload: {\r\n        parentSliceName: constructParentSliceName(dtoKey, rootSliceName),\r\n      },\r\n    });\r\n  };\r\n\r\n  return sections.map((section, i) => {\r\n    const dto = getDto(section);\r\n\r\n    return (\r\n      <AccordionItem\r\n        key={section.id}\r\n        sectionId={section.id}\r\n        accordionTitle={\r\n          <Typography2\r\n            component=\"span\"\r\n            text={section.name}\r\n            sx={{\r\n              color: dto?.menuTextColor ?? theme.palette.text.primary,\r\n              fontWeight: 600,\r\n            }}\r\n          />\r\n        }\r\n        expanded={sectionIndex === i}\r\n        onChange={(_, expanded) => {\r\n          setSectionIndex(expanded ? i : -1);\r\n        }}\r\n        footer={\r\n          <>\r\n            {!section.isHiddenClear && !isViewMode && (\r\n              <AppButton variantType=\"outlined\" onClick={() => (onClear ? onClear(section) : clear(section))}>\r\n                {t(\"strClear\")}\r\n              </AppButton>\r\n            )}\r\n            {(!section.isHiddenNext) && (\r\n              <AppButton\r\n                onClick={() => {\r\n                  const dtoKey = getDTOKey(section);\r\n                  if (isViewMode) {\r\n                    setSectionIndex(i + 1);\r\n                  }\r\n                  else {\r\n                    if (onNext) {\r\n                      onNext(dtoKey);\r\n                    } else {\r\n                      validateCurrentSection(dtoKey);\r\n                    }\r\n                    setSectionIndex(i + 1);\r\n                  }\r\n                }}\r\n              >\r\n                {t(\"strNext\")}\r\n              </AppButton>\r\n            )}\r\n          </>\r\n        }\r\n      >\r\n        {sectionIndex === i && renderSection(section.dtoName!)}\r\n      </AccordionItem>\r\n    );\r\n  });\r\n}\r\n"],"mappings":";;;;;;;;;;;AAgBA,SAAwB,EAAgB,EAAE,aAAU,WAAQ,kBAAe,WAAQ,YAAS,kBAAe,iBAA+B;CACxI,IAAM,CAAC,GAAc,KAAmB,EAAS,CAAC,GAC5C,IAAQ,EAAS,GACjB,EAAE,SAAM,EAAe,GAEvB,IAAW,EAAY,GAGvB,KAAU,MACP,IAAS,EAAQ,UAGpB,KAAa,MAAwB,EAAQ,SAE7C,KAAS,MAAwB;EACrC,IAAM,IAAM,EAAO,CAAO;EAC1B,EAAyF;GACvF,MAAM,GAAG,EAAc,GAAG,EAAsB;GAChD,SAAS;IACP,KAAK,EAAQ;IACb,OAAO,EAAQ,IAAI,GAAI,GAAK,WAAkB;IAC9C,iBAAiB;GACnB;EACF,CAAC;CACH,GAEM,KAA0B,MAAmB;EACjD,EAAS;GACP,MAAM,GAAG,EAAc,GAAG,EAAsB;GAChD,SAAS,EACP,iBAAiB,EAAyB,GAAQ,CAAa,EACjE;EACF,CAAC;CACH;CAEA,OAAO,EAAS,KAAK,GAAS,MAAM;EAClC,IAAM,IAAM,EAAO,CAAO;EAE1B,OACE,kBAAC,GAAD;GAEE,WAAW,EAAQ;GACnB,gBACE,kBAAC,GAAD;IACE,WAAU;IACV,MAAM,EAAQ;IACd,IAAI;KACF,OAAO,GAAK,iBAAiB,EAAM,QAAQ,KAAK;KAChD,YAAY;IACd;GACD,CAAA;GAEH,UAAU,MAAiB;GAC3B,WAAW,GAAG,MAAa;IACzB,EAAgB,IAAW,IAAI,EAAE;GACnC;GACA,QACE,kBAAA,GAAA,EAAA,UAAA,CACG,CAAC,EAAQ,iBAAiB,CAAC,KAC1B,kBAAC,GAAD;IAAW,aAAY;IAAW,eAAgB,IAAU,EAAQ,CAAO,IAAI,EAAM,CAAO;IACzF,UAAA,EAAE,UAAU;GACJ,CAAA,GAEX,CAAC,EAAQ,gBACT,kBAAC,GAAD;IACE,eAAe;KACb,IAAM,IAAS,EAAU,CAAO;KAChC,AAAI,MAIE,IACF,EAAO,CAAM,IAEb,EAAuB,CAAM,IAN/B,EAAgB,IAAI,CAAC;IAUzB;IAEC,UAAA,EAAE,SAAS;GACH,CAAA,CAEb,EAAA,CAAA;GAGH,UAAA,MAAiB,KAAK,EAAc,EAAQ,OAAQ;EACxC,GA/CR,EAAQ,EA+CA;CAEnB,CAAC;AACH"}

package/dist/index1053.js

@@ -0,0 +1,64 @@
+import { constructParentSliceName as e } from "./index18.js";
+import t from "./index198.js";
+import n from "./index237.js";
+import r from "./index242.js";
+import i from "./index245.js";
+import { useTranslation as a } from "react-i18next";
+import { useEffect as o, useState as s } from "react";
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/libs/shared/UI/stepper/components/StepRenderer.tsx
+function d({ activeSectionId: d, stepper: f, dtoMap: p, renderSection: m, onNext: h, onClear: g, isViewMode: _ }) {
+	let { currentStep: v, activeStep: y, totalSteps: b, validateCurrentSection: x } = f, [S, C] = s(d ?? 0), { t: w } = a();
+	o(() => {
+		C(0);
+	}, [v?.id]), o(() => {
+		d && d !== -1 && C(d);
+	}, [d]);
+	let T = v.sections?.length ? v.sections : v.dtoName ? [{
+		id: v.id,
+		name: v.name,
+		dtoName: v.dtoName,
+		dto: v.dto
+	}] : [], E = S === T.length - 1, D = y === b - 1, O = (e) => v.dtoName === e.dtoName ? p?.[e.dtoName] : (p?.[v.dtoName]).fieldsName?.[e.dtoName], k = (t) => v.dtoName === t.dtoName ? t.dtoName : e(t.dtoName, v.dtoName);
+	return v.isHiddenAccordion ? m(v.dtoName) : /* @__PURE__ */ l(n, {
+		title: w(v.name),
+		children: T.map((e, n) => {
+			let a = O(e);
+			return /* @__PURE__ */ l(r, {
+				sectionId: e.id,
+				accordionTitle: /* @__PURE__ */ l(t, {
+					component: "span",
+					text: e.name,
+					color: a.menuTextColor ?? "",
+					sx: { fontWeight: 600 }
+				}),
+				expanded: S === n,
+				onChange: (e, t) => {
+					C(t ? n : -1);
+				},
+				footer: /* @__PURE__ */ u(c, { children: [!e.isHiddenClear && !_ && /* @__PURE__ */ l(i, {
+					variantType: "outlined",
+					onClick: () => g ? g(e) : f.clear(e),
+					children: w("strClear")
+				}), !D && !e.isHiddenNext && /* @__PURE__ */ l(i, {
+					onClick: () => {
+						if (E) _ ? f.setStep(f.activeStep + 1) : h ? h(E) : f.next();
+						else {
+							if (e.dtoName && x && !_) {
+								let t = k(e);
+								h ? h(E, t) : x(t);
+							}
+							C(n + 1);
+						}
+					},
+					children: w("strNext")
+				})] }),
+				children: S === n && m(e.dtoName)
+			}, e.id);
+		})
+	});
+}
+//#endregion
+export { d as default };
+
+//# sourceMappingURL=index1053.js.map

package/dist/index1053.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index1053.js","names":[],"sources":["../src/libs/shared/UI/stepper/components/StepRenderer.tsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\r\n\r\nimport type { DTO, FieldObject } from \"libs/shared/types/common-types\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport Typography2 from \"ui/typography/Typography2\";\r\nimport { constructParentSliceName } from \"utils/commonFunctions\";\r\nimport AccordionGroup from \"../../accordian/AccordianGroup\";\r\nimport AccordionItem from \"../../accordian/AccordianSection\";\r\nimport AppButton from \"../../button/AppButton\";\r\nimport type { StepConfig, StepperResult } from \"../types/stepperTypes\";\r\n\r\ninterface Props {\r\n  activeSectionId?: number,\r\n  stepper: StepperResult;\r\n  dtoMap: FieldObject<string | DTO>; // need to clarify\r\n  renderSection: (dtoName: string) => React.ReactNode;\r\n  onNext?: (isLastSection: boolean, dtoKey?: string) => void;\r\n  onClear?: (section: StepConfig) => void;\r\n  isViewMode?: boolean;\r\n}\r\nexport default function StepRenderer({\r\n  activeSectionId,\r\n  stepper,\r\n  dtoMap,\r\n  renderSection,\r\n  onNext,\r\n  onClear,\r\n  isViewMode\r\n}: Readonly<Props>) {\r\n  const {\r\n    currentStep: step,\r\n    activeStep,\r\n    totalSteps,\r\n    validateCurrentSection,\r\n  } = stepper;\r\n  const [sectionIndex, setSectionIndex] = useState(activeSectionId ?? 0);\r\n  const { t } = useTranslation()\r\n\r\n  useEffect(() => {\r\n    setSectionIndex(0);\r\n  }, [step?.id]);\r\n\r\n  useEffect(() => {\r\n    if (activeSectionId && activeSectionId !== -1) {\r\n      setSectionIndex(activeSectionId)\r\n    }\r\n  }, [activeSectionId])\r\n\r\n  const sectionsToRender = step.sections?.length\r\n    ? step.sections\r\n    : step.dtoName\r\n      ? [{ id: step.id, name: step.name, dtoName: step.dtoName, dto: step.dto }]\r\n      : [];\r\n\r\n  const isLastSection = sectionIndex === sectionsToRender.length - 1;\r\n  const isLastStep = activeStep === totalSteps - 1;\r\n\r\n  const getDto = (section: StepConfig): DTO => {\r\n    if (step.dtoName === section.dtoName) {\r\n      return dtoMap?.[section.dtoName] as DTO\r\n    } else {\r\n      return (dtoMap?.[step.dtoName] as DTO).fieldsName?.[section.dtoName] as DTO\r\n    }\r\n  }\r\n\r\n  const getDTOKey = (section: StepConfig) => {\r\n    return step.dtoName === section.dtoName ? section.dtoName : constructParentSliceName(section.dtoName!, step.dtoName);\r\n  };\r\n\r\n  if (step.isHiddenAccordion) {\r\n    return renderSection(step.dtoName!);\r\n  }\r\n\r\n  return (\r\n    <AccordionGroup title={t(step.name)}>\r\n      {sectionsToRender.map((section, i) => {\r\n        const dto = getDto(section);\r\n\r\n        return (\r\n          <AccordionItem\r\n            key={section.id}\r\n            sectionId={section.id}\r\n            accordionTitle={\r\n              <Typography2\r\n                component=\"span\"\r\n                text={section.name}\r\n                color={dto.menuTextColor ?? \"\"}\r\n                sx={{\r\n                  fontWeight: 600,\r\n                }}\r\n              />\r\n            }\r\n            expanded={sectionIndex === i}\r\n            onChange={(_, expanded) => {\r\n              setSectionIndex(expanded ? i : -1);\r\n            }}\r\n            footer={\r\n              <>\r\n                {!section.isHiddenClear && !isViewMode && <AppButton variantType=\"outlined\"\r\n                  onClick={() => onClear ? onClear(section) : stepper.clear(section)}\r\n                >\r\n                  {t(\"strClear\")}\r\n                </AppButton>}\r\n                {!isLastStep && !section.isHiddenNext && (\r\n                  <AppButton\r\n                    onClick={() => {\r\n                      if (isLastSection) {\r\n                        if (isViewMode) {\r\n                          stepper.setStep(stepper.activeStep + 1);\r\n                        } else {\r\n                          if (onNext) {\r\n                            onNext(isLastSection);\r\n                          } else {\r\n                            stepper.next();\r\n                          }\r\n                        }\r\n\r\n                      } else {\r\n                        if (section.dtoName && validateCurrentSection && !isViewMode) {\r\n                          const dtoKey = getDTOKey(section)\r\n                          if (onNext) {\r\n                            onNext(isLastSection, dtoKey)\r\n                          } else {\r\n                            validateCurrentSection(dtoKey)\r\n                          }\r\n                        }\r\n                        setSectionIndex(i + 1);\r\n                      }\r\n                    }}\r\n                  >\r\n                    {t(\"strNext\")}\r\n                  </AppButton>\r\n                )}\r\n                {/* {isLastSection && isLastStep && (\r\n                  <AppButton onClick={onSubmit}>Submit</AppButton>\r\n                )} */}\r\n              </>\r\n            }\r\n          >\r\n            {sectionIndex === i && renderSection(section.dtoName!)}\r\n          </AccordionItem>\r\n        );\r\n      })}\r\n    </AccordionGroup>\r\n  );\r\n}"],"mappings":";;;;;;;;;AAoBA,SAAwB,EAAa,EACnC,oBACA,YACA,WACA,kBACA,WACA,YACA,iBACkB;CAClB,IAAM,EACJ,aAAa,GACb,eACA,eACA,8BACE,GACE,CAAC,GAAc,KAAmB,EAAS,KAAmB,CAAC,GAC/D,EAAE,SAAM,EAAe;CAM7B,AAJA,QAAgB;EACd,EAAgB,CAAC;CACnB,GAAG,CAAC,GAAM,EAAE,CAAC,GAEb,QAAgB;EACd,AAAI,KAAmB,MAAoB,MACzC,EAAgB,CAAe;CAEnC,GAAG,CAAC,CAAe,CAAC;CAEpB,IAAM,IAAmB,EAAK,UAAU,SACpC,EAAK,WACL,EAAK,UACH,CAAC;EAAE,IAAI,EAAK;EAAI,MAAM,EAAK;EAAM,SAAS,EAAK;EAAS,KAAK,EAAK;CAAI,CAAC,IACvE,CAAC,GAED,IAAgB,MAAiB,EAAiB,SAAS,GAC3D,IAAa,MAAe,IAAa,GAEzC,KAAU,MACV,EAAK,YAAY,EAAQ,UACpB,IAAS,EAAQ,YAEhB,IAAS,EAAK,SAAA,CAAiB,aAAa,EAAQ,UAI1D,KAAa,MACV,EAAK,YAAY,EAAQ,UAAU,EAAQ,UAAU,EAAyB,EAAQ,SAAU,EAAK,OAAO;CAOrH,OAJI,EAAK,oBACA,EAAc,EAAK,OAAQ,IAIlC,kBAAC,GAAD;EAAgB,OAAO,EAAE,EAAK,IAAI;EAC/B,UAAA,EAAiB,KAAK,GAAS,MAAM;GACpC,IAAM,IAAM,EAAO,CAAO;GAE1B,OACE,kBAAC,GAAD;IAEE,WAAW,EAAQ;IACnB,gBACE,kBAAC,GAAD;KACE,WAAU;KACV,MAAM,EAAQ;KACd,OAAO,EAAI,iBAAiB;KAC5B,IAAI,EACF,YAAY,IACd;IACD,CAAA;IAEH,UAAU,MAAiB;IAC3B,WAAW,GAAG,MAAa;KACzB,EAAgB,IAAW,IAAI,EAAE;IACnC;IACA,QACE,kBAAA,GAAA,EAAA,UAAA,CACG,CAAC,EAAQ,iBAAiB,CAAC,KAAc,kBAAC,GAAD;KAAW,aAAY;KAC/D,eAAe,IAAU,EAAQ,CAAO,IAAI,EAAQ,MAAM,CAAO;KAEhE,UAAA,EAAE,UAAU;IACJ,CAAA,GACV,CAAC,KAAc,CAAC,EAAQ,gBACvB,kBAAC,GAAD;KACE,eAAe;MACb,IAAI,GACF,AAAI,IACF,EAAQ,QAAQ,EAAQ,aAAa,CAAC,IAElC,IACF,EAAO,CAAa,IAEpB,EAAQ,KAAK;WAIZ;OACL,IAAI,EAAQ,WAAW,KAA0B,CAAC,GAAY;QAC5D,IAAM,IAAS,EAAU,CAAO;QAChC,AAAI,IACF,EAAO,GAAe,CAAM,IAE5B,EAAuB,CAAM;OAEjC;OACA,EAAgB,IAAI,CAAC;MACvB;KACF;KAEC,UAAA,EAAE,SAAS;IACH,CAAA,CAKb,EAAA,CAAA;IAGH,UAAA,MAAiB,KAAK,EAAc,EAAQ,OAAQ;GACxC,GA5DR,EAAQ,EA4DA;EAEnB,CAAC;CACa,CAAA;AAEpB"}

package/dist/index1054.js

@@ -0,0 +1,63 @@
+import { MenuTextColorEnum as e } from "./index4.js";
+import { sharedFormActionNames as t } from "./index13.js";
+import { constructParentSliceName as n } from "./index18.js";
+import { useMemo as r, useState as i } from "react";
+import { useDispatch as a, useSelector as o } from "react-redux";
+//#region src/libs/shared/UI/stepper/hooks/useStepper.ts
+function s(e) {
+	return e.sections?.length ? e.sections : e.dtoName ? [e] : [];
+}
+function c(c, l, u = !1) {
+	let d = a(), [f, p] = i(0), [m, h] = i([]), g = r(() => c[f], [c, f]), _ = o((e) => e[l]), v = (e, t) => e.dtoName === t.dtoName ? _?.fieldsName[t.dtoName] : (_?.fieldsName[e.dtoName]).fieldsName?.[t.dtoName];
+	return {
+		activeStep: f,
+		currentStep: g,
+		next: (e) => {
+			if (u) {
+				p((e) => e < c.length - 1 ? e + 1 : e);
+				return;
+			}
+			s(g).forEach((e) => {
+				let r = g.dtoName === e.dtoName ? e.dtoName : n(e.dtoName, g.dtoName);
+				d({
+					type: `${l}/${t.VALIDATE_DTO}`,
+					payload: { parentSliceName: `${l}.${r}` }
+				});
+			}), h((e) => e.includes(f) ? e : [...e, f]), p((e) => e < c.length - 1 ? e + 1 : e), e?.();
+		},
+		prev: () => {
+			p((e) => e > 0 ? e - 1 : e);
+		},
+		clear: (e) => {
+			let r = v(g, e);
+			d({
+				type: `${l}/${t.CLEAR_DTO}`,
+				payload: {
+					key: e.dtoName,
+					value: e.dto(...r?.initialArgs),
+					parentSliceName: g.sections ? n(g.dtoName, l) : l
+				}
+			});
+		},
+		setStep: p,
+		stepErrors: r(() => c.map((t) => s(t).some((n) => v(t, n)?.menuTextColor === e.RED)), [c, _]),
+		validatedSteps: m,
+		validateAllSteps: () => {
+			h(c.map((e, t) => t));
+		},
+		validateCurrentSection: (e) => {
+			d({
+				type: `${l}/${t.VALIDATE_DTO}`,
+				payload: { parentSliceName: `${l}.${e}` }
+			});
+		},
+		totalSteps: c.length,
+		reset: () => {
+			p(0), h([]);
+		}
+	};
+}
+//#endregion
+export { c as default };
+
+//# sourceMappingURL=index1054.js.map

package/dist/index1054.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index1054.js","names":[],"sources":["../src/libs/shared/UI/stepper/hooks/useStepper.ts"],"sourcesContent":["import { useMemo, useState } from \"react\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport type { StepConfig } from \"../types/stepperTypes\";\r\nimport { sharedFormActionNames } from \"../../../../core/utils/sharedFormActions\";\r\nimport { constructParentSliceName } from \"utils/commonFunctions\";\r\nimport type { DTO } from \"libs/shared/types/common-types\";\r\nimport { MenuTextColorEnum } from \"libs/shared/enums/common-enums\";\r\nimport type { PayloadAction } from \"@reduxjs/toolkit\";\r\nimport type { ClearDTOPayload } from \"libs/shared/types/sharedFormActionTypes\";\r\nimport type { RootState } from \"store/store\";\r\n\r\nfunction getSections(step: StepConfig) {\r\n  if (step.sections?.length) return step.sections;\r\n  if (step.dtoName) return [step];\r\n  return [];\r\n}\r\n\r\nexport default function useStepper<T extends DTO>(steps: StepConfig[], rootSliceName: string, isViewMode: boolean = false) {\r\n  const dispatch = useDispatch();\r\n  const [activeStep, setActiveStep] = useState(0);\r\n  const [validatedSteps, setValidatedSteps] = useState<number[]>([]);\r\n  const currentStep = useMemo(() => steps[activeStep]!, [steps, activeStep]);\r\n\r\n  const rootState = useSelector((state: RootState) => state[rootSliceName]) as T;\r\n\r\n  const getDto = (step: StepConfig, section: StepConfig): DTO => {\r\n    if (step.dtoName === section.dtoName) {\r\n      return rootState?.fieldsName[section.dtoName] as DTO\r\n    } else {\r\n      return (rootState?.fieldsName[step.dtoName] as T).fieldsName?.[section.dtoName] as DTO\r\n    }\r\n  }\r\n\r\n  const stepErrors = useMemo(() => {\r\n    return steps.map((step) => {\r\n      const sections = getSections(step);\r\n      return sections.some((section: StepConfig) => {\r\n        const dto = getDto(step, section)\r\n        return dto?.menuTextColor === MenuTextColorEnum.RED;\r\n      });\r\n    });\r\n  }, [steps, rootState]);\r\n\r\n  const next = (onSuccess?: () => void) => {\r\n     if (isViewMode) {\r\n      setActiveStep((prev) =>\r\n        prev < steps.length - 1 ? prev + 1 : prev\r\n      );\r\n      return;\r\n    }\r\n    const sections = getSections(currentStep);\r\n    sections.forEach((section: StepConfig) => {\r\n      const dtoKey = currentStep.dtoName === section.dtoName ? section.dtoName\r\n        : constructParentSliceName(section.dtoName, currentStep.dtoName);\r\n\r\n      dispatch({\r\n        type: `${rootSliceName}/${sharedFormActionNames.VALIDATE_DTO}`,\r\n        payload: {\r\n          parentSliceName: `${rootSliceName}.${dtoKey}`,\r\n        },\r\n      });\r\n    });\r\n    setValidatedSteps((prev) =>\r\n      prev.includes(activeStep)\r\n        ? prev\r\n        : [...prev, activeStep]\r\n    );\r\n    setActiveStep((prev) =>\r\n      prev < steps.length - 1 ? prev + 1 : prev\r\n    );\r\n    onSuccess?.();\r\n  };\r\n  const prev = () => {\r\n    setActiveStep((prev) => (prev > 0 ? prev - 1 : prev));\r\n  };\r\n\r\n  const clear = (section: StepConfig) => {\r\n    const dto = getDto(currentStep, section);\r\n    (dispatch as (action: PayloadAction<ClearDTOPayload>) => PayloadAction<ClearDTOPayload>)({\r\n      type: `${rootSliceName}/${sharedFormActionNames.CLEAR_DTO}`,\r\n      payload: {\r\n        key: section.dtoName,\r\n        value: section.dto(...(dto?.initialArgs as [])),\r\n        parentSliceName: currentStep.sections ? constructParentSliceName(currentStep.dtoName, rootSliceName) : rootSliceName\r\n      }\r\n    })\r\n  }\r\n\r\n  const validateCurrentSection = (dtoKey: string) => {\r\n    dispatch({\r\n      type: `${rootSliceName}/${sharedFormActionNames.VALIDATE_DTO}`,\r\n      payload: {\r\n        parentSliceName: `${rootSliceName}.${dtoKey}`,\r\n      },\r\n    });\r\n  };\r\n\r\n  const validateAllSteps = () => {\r\n    setValidatedSteps(steps.map((_, idx) => idx));\r\n  }\r\nconst reset = () => {\r\n  setActiveStep(0);\r\n  setValidatedSteps([]);\r\n};\r\n\r\n  return {\r\n    activeStep,\r\n    currentStep,\r\n    next,\r\n    prev,\r\n    clear,\r\n    setStep: setActiveStep,\r\n    stepErrors,\r\n    validatedSteps,\r\n    validateAllSteps,\r\n    validateCurrentSection,\r\n    totalSteps: steps.length,\r\n    reset\r\n  };\r\n}\r\n"],"mappings":";;;;;;AAWA,SAAS,EAAY,GAAkB;CAGrC,OAFI,EAAK,UAAU,SAAe,EAAK,WACnC,EAAK,UAAgB,CAAC,CAAI,IACvB,CAAC;AACV;AAEA,SAAwB,EAA0B,GAAqB,GAAuB,IAAsB,IAAO;CACzH,IAAM,IAAW,EAAY,GACvB,CAAC,GAAY,KAAiB,EAAS,CAAC,GACxC,CAAC,GAAgB,KAAqB,EAAmB,CAAC,CAAC,GAC3D,IAAc,QAAc,EAAM,IAAc,CAAC,GAAO,CAAU,CAAC,GAEnE,IAAY,GAAa,MAAqB,EAAM,EAAc,GAElE,KAAU,GAAkB,MAC5B,EAAK,YAAY,EAAQ,UACpB,GAAW,WAAW,EAAQ,YAE7B,GAAW,WAAW,EAAK,SAAA,CAAe,aAAa,EAAQ;CA4E3E,OAAO;EACL;EACA;EACA,OAjEY,MAA2B;GACtC,IAAI,GAAY;IACf,GAAe,MACb,IAAO,EAAM,SAAS,IAAI,IAAO,IAAI,CACvC;IACA;GACF;GAqBA,AAnBA,EAD6B,CAC7B,CAAA,CAAS,SAAS,MAAwB;IACxC,IAAM,IAAS,EAAY,YAAY,EAAQ,UAAU,EAAQ,UAC7D,EAAyB,EAAQ,SAAS,EAAY,OAAO;IAEjE,EAAS;KACP,MAAM,GAAG,EAAc,GAAG,EAAsB;KAChD,SAAS,EACP,iBAAiB,GAAG,EAAc,GAAG,IACvC;IACF,CAAC;GACH,CAAC,GACD,GAAmB,MACjB,EAAK,SAAS,CAAU,IACpB,IACA,CAAC,GAAG,GAAM,CAAU,CAC1B,GACA,GAAe,MACb,IAAO,EAAM,SAAS,IAAI,IAAO,IAAI,CACvC,GACA,IAAY;EACd;EAsCE,YArCiB;GACjB,GAAe,MAAU,IAAO,IAAI,IAAO,IAAI,CAAK;EACtD;EAoCE,QAlCa,MAAwB;GACrC,IAAM,IAAM,EAAO,GAAa,CAAO;GACvC,EAAyF;IACvF,MAAM,GAAG,EAAc,GAAG,EAAsB;IAChD,SAAS;KACP,KAAK,EAAQ;KACb,OAAO,EAAQ,IAAI,GAAI,GAAK,WAAkB;KAC9C,iBAAiB,EAAY,WAAW,EAAyB,EAAY,SAAS,CAAa,IAAI;IACzG;GACF,CAAC;EACH;EAyBE,SAAS;EACT,YA/EiB,QACV,EAAM,KAAK,MACC,EAAY,CACtB,CAAA,CAAS,MAAM,MACR,EAAO,GAAM,CAClB,CAAA,EAAK,kBAAkB,EAAkB,GACjD,CACF,GACA,CAAC,GAAO,CAAS,CAuElB;EACA;EACA,wBAjB6B;GAC7B,EAAkB,EAAM,KAAK,GAAG,MAAQ,CAAG,CAAC;EAC9C;EAgBE,yBA3B8B,MAAmB;GACjD,EAAS;IACP,MAAM,GAAG,EAAc,GAAG,EAAsB;IAChD,SAAS,EACP,iBAAiB,GAAG,EAAc,GAAG,IACvC;GACF,CAAC;EACH;EAqBE,YAAY,EAAM;EAClB,aAjBgB;GAElB,AADA,EAAc,CAAC,GACf,EAAkB,CAAC,CAAC;EACtB;CAeE;AACF"}

package/dist/index1055.js

@@ -0,0 +1,42 @@
+import e from "./index198.js";
+import t from "./index237.js";
+import n from "./index242.js";
+import r from "./index245.js";
+import i from "./index246.js";
+import a from "./index247.js";
+import o from "./index609.js";
+import s from "./index610.js";
+import c from "./index611.js";
+import l from "./index612.js";
+import u from "./index614.js";
+import d from "./index616.js";
+import f from "./index618.js";
+import p from "./index619.js";
+import m from "./index1002.js";
+import h from "./index1007.js";
+import g from "./index1008.js";
+import _ from "./index1009.js";
+import v from "./index1011.js";
+import y from "./index1013.js";
+import b from "./index1015.js";
+import x from "./index1016.js";
+import S from "./index1017.js";
+import C from "./index1018.js";
+import w from "./index1023.js";
+import T from "./index1024.js";
+import E from "./index1025.js";
+import D from "./index1026.js";
+import O from "./index1028.js";
+import k from "./index1030.js";
+import A from "./index1031.js";
+import j from "./index1032.js";
+import M from "./index1033.js";
+import N from "./index1043.js";
+import P from "./index1044.js";
+import F from "./index1046.js";
+import I from "./index1047.js";
+import L from "./index1051.js";
+import R from "./index1052.js";
+import z from "./index1053.js";
+import B from "./index1054.js";
+export { t as AccordionGroup, n as AccordionItem, r as AppButton, l as AppCheckbox, f as AppChip, b as AppInput, _ as AutoCompleteInputField, T as AutoSaveIndicator, P as CardDetails, u as CheckboxList, D as CommonModal, O as ConfirmationModal, g as CustomDataGrid, c as CustomDatePicker, C as CustomHeading, L as CustomStepper, m as CustomizedTooltip, i as FooterButton, A as GlobalConfirmationModal, j as GlobalSnackbar, y as GridContainer, S as GridItem, o as HelperTextCommon, w as InfoPair, E as MainCard, M as NotFound, N as OutlinedCard, s as PreviewText, F as RadioButton, I as Row, R as SectionRenderer, v as SelectInputField, x as SelectTextInputField, d as SingleCheckbox, p as SnackbarComponent, z as StepRenderer, k as SubmitModal, a as TestButton, b as TextInputField, e as Typography2, h as useGridView, B as useStepper };