@citizenplatform/core 1.0.6 → 1.0.8

package/dist/index1043.js

@@ -1,97 +0,0 @@
-import e from "./index90.js";
-import t from "./index198.js";
-import n from "./index1039.js";
-import r from "./index1040.js";
-import "react";
-import { Box as i, Card as a, CardContent as o, CardHeader as s, Divider as c, IconButton as l, Stack as u, Typography as d } from "@mui/material";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
-//#region src/libs/shared/UI/outlinedCard/CardDetails.tsx
-var m = ({ title: m, address: h, onEdit: g, onDelete: _, editDisabled: v = !1, deleteDisabled: y = !1, sx: b = {} }) => {
-	let x = e();
-	return /* @__PURE__ */ p(a, {
-		elevation: 0,
-		sx: {
-			borderRadius: 2,
-			overflow: "hidden",
-			...b
-		},
-		children: [
-			/* @__PURE__ */ f(s, {
-				title: /* @__PURE__ */ f(t, {
-					variant: "subtitle1",
-					fontWeight: 600,
-					color: "text.primary",
-					text: m
-				}),
-				sx: {
-					py: 1.5,
-					px: 2,
-					"& .MuiCardHeader-content": { overflow: "hidden" }
-				}
-			}),
-			/* @__PURE__ */ f(c, {}),
-			/* @__PURE__ */ p(o, {
-				sx: {
-					px: 2,
-					py: 1.75,
-					"&:last-child": { pb: 1.5 }
-				},
-				children: [
-					/* @__PURE__ */ f(d, {
-						variant: "body2",
-						color: "text.secondary",
-						sx: {
-							lineHeight: 1.7,
-							whiteSpace: "pre-line",
-							wordBreak: "break-word"
-						},
-						children: h
-					}),
-					/* @__PURE__ */ f(c, {}),
-					/* @__PURE__ */ f(i, {
-						sx: {
-							display: "flex",
-							justifyContent: "flex-end",
-							alignItems: "center",
-							mt: 2
-						},
-						children: /* @__PURE__ */ p(u, {
-							direction: "row",
-							spacing: 1,
-							children: [/* @__PURE__ */ f(l, {
-								size: "small",
-								disabled: v,
-								onClick: g,
-								sx: {
-									width: 36,
-									height: 36,
-									backgroundColor: x.palette.outlinecardbackground,
-									color: "primary.main",
-									"&:hover": { backgroundColor: x.palette.outlinecardbackground }
-								},
-								children: /* @__PURE__ */ f(n, { fontSize: "small" })
-							}), /* @__PURE__ */ f(l, {
-								size: "small",
-								disabled: y,
-								onClick: _,
-								sx: {
-									width: 36,
-									height: 36,
-									backgroundColor: x.palette.error.secondary,
-									border: `1px solid ${x.palette.error.secondary}`,
-									color: x.palette.error.main,
-									"&:hover": { backgroundColor: x.palette.error.secondary }
-								},
-								children: /* @__PURE__ */ f(r, { fontSize: "small" })
-							})]
-						})
-					})
-				]
-			})
-		]
-	});
-};
-//#endregion
-export { m as default };
-
-//# sourceMappingURL=index1043.js.map

package/dist/index1043.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index1043.js","names":[],"sources":["../src/libs/shared/UI/outlinedCard/CardDetails.tsx"],"sourcesContent":["import React from \"react\";\r\nimport {\r\n    Card,\r\n    CardContent,\r\n    CardHeader,\r\n    Divider,\r\n    Typography,\r\n    Stack,\r\n    IconButton,\r\n    Box,\r\n} from \"@mui/material\";\r\nimport EditOutlinedIcon from \"@mui/icons-material/EditOutlined\";\r\nimport DeleteOutlineOutlinedIcon from \"@mui/icons-material/DeleteOutlineOutlined\";\r\nimport Typography2 from \"ui/typography/Typography2\";\r\nimport { useTheme } from \"@mui/system\";\r\n\r\nexport interface AddressCardProps {\r\n    title: string;\r\n    address: string;\r\n    onEdit?: () => void;\r\n    onDelete?: () => void;\r\n    editDisabled?: boolean;\r\n    deleteDisabled?: boolean;\r\n    sx?: object;\r\n}\r\n\r\nconst CardDetails: React.FC<AddressCardProps> = ({\r\n    title,\r\n    address,\r\n    onEdit,\r\n    onDelete,\r\n    editDisabled = false,\r\n    deleteDisabled = false,\r\n    sx = {},\r\n}) => {\r\n    const theme = useTheme();\r\n    return (\r\n        <Card\r\n            elevation={0}\r\n            sx={{\r\n                borderRadius: 2,\r\n                overflow: \"hidden\",\r\n                ...sx,\r\n            }}\r\n        >\r\n            <CardHeader\r\n                title={\r\n                    <Typography2\r\n                        variant=\"subtitle1\"\r\n                        fontWeight={600}\r\n                        color=\"text.primary\" text={title} />\r\n                }\r\n                sx={{\r\n                    py: 1.5,\r\n                    px: 2,\r\n                    \"& .MuiCardHeader-content\": {\r\n                        overflow: \"hidden\",\r\n                    },\r\n                }}\r\n            />\r\n\r\n        <Divider />\r\n\r\n        <CardContent\r\n            sx={{\r\n                px: 2,\r\n                py: 1.75,\r\n                \"&:last-child\": {\r\n                    pb: 1.5,\r\n                },\r\n            }}\r\n        >\r\n            <Typography\r\n                variant=\"body2\"\r\n                color=\"text.secondary\"\r\n                sx={{\r\n                    lineHeight: 1.7,\r\n                    whiteSpace: \"pre-line\",\r\n                    wordBreak: \"break-word\",\r\n                }}\r\n            >\r\n                {address}\r\n            </Typography>\r\n            <Divider />\r\n            <Box\r\n                sx={{ display: 'flex', justifyContent: 'flex-end', alignItems: 'center', mt: 2 }}\r\n            >\r\n                <Stack direction=\"row\" spacing={1}>\r\n                    <IconButton\r\n                        size=\"small\"\r\n                        disabled={editDisabled}\r\n                        onClick={onEdit}\r\n                        sx={{\r\n                            width: 36,\r\n                            height: 36,\r\n                            backgroundColor: theme.palette.outlinecardbackground,\r\n                            // border: \"1px solid #E2D8FF\",\r\n                            color: \"primary.main\",\r\n                            \"&:hover\": {\r\n                                backgroundColor: theme.palette.outlinecardbackground,\r\n                            },\r\n                        }}\r\n                    >\r\n                        <EditOutlinedIcon fontSize=\"small\" />\r\n                    </IconButton>\r\n\r\n                    <IconButton\r\n                        size=\"small\"\r\n                        disabled={deleteDisabled}\r\n                        onClick={onDelete}\r\n                        sx={{\r\n                            width: 36,\r\n                            height: 36,\r\n                            backgroundColor: theme.palette.error.secondary,\r\n                            border: `1px solid ${theme.palette.error.secondary}`,\r\n                            color: theme.palette.error.main,\r\n                            \"&:hover\": {\r\n                                backgroundColor: theme.palette.error.secondary\r\n                            },\r\n                        }}\r\n                    >\r\n                        <DeleteOutlineOutlinedIcon fontSize=\"small\" />\r\n                    </IconButton>\r\n                </Stack>\r\n            </Box>\r\n        </CardContent>\r\n    </Card>\r\n);\r\n};\r\n\r\nexport default CardDetails;"],"mappings":";;;;;;;;AA0BA,IAAM,KAA2C,EAC7C,UACA,YACA,WACA,aACA,kBAAe,IACf,oBAAiB,IACjB,QAAK,CAAC,QACJ;CACF,IAAM,IAAQ,EAAS;CACvB,OACI,kBAAC,GAAD;EACI,WAAW;EACX,IAAI;GACA,cAAc;GACd,UAAU;GACV,GAAG;EACP;EANJ,UAAA;GAQI,kBAAC,GAAD;IACI,OACI,kBAAC,GAAD;KACI,SAAQ;KACR,YAAY;KACZ,OAAM;KAAe,MAAM;IAAQ,CAAA;IAE3C,IAAI;KACA,IAAI;KACJ,IAAI;KACJ,4BAA4B,EACxB,UAAU,SACd;IACJ;GACH,CAAA;GAEL,kBAAC,GAAD,CAAU,CAAA;GAEV,kBAAC,GAAD;IACI,IAAI;KACA,IAAI;KACJ,IAAI;KACJ,gBAAgB,EACZ,IAAI,IACR;IACJ;IAPJ,UAAA;KASI,kBAAC,GAAD;MACI,SAAQ;MACR,OAAM;MACN,IAAI;OACA,YAAY;OACZ,YAAY;OACZ,WAAW;MACf;MAEC,UAAA;KACO,CAAA;KACZ,kBAAC,GAAD,CAAU,CAAA;KACV,kBAAC,GAAD;MACI,IAAI;OAAE,SAAS;OAAQ,gBAAgB;OAAY,YAAY;OAAU,IAAI;MAAE;MAE/E,UAAA,kBAAC,GAAD;OAAO,WAAU;OAAM,SAAS;OAAhC,UAAA,CACI,kBAAC,GAAD;QACI,MAAK;QACL,UAAU;QACV,SAAS;QACT,IAAI;SACA,OAAO;SACP,QAAQ;SACR,iBAAiB,EAAM,QAAQ;SAE/B,OAAO;SACP,WAAW,EACP,iBAAiB,EAAM,QAAQ,sBACnC;QACJ;QAEA,UAAA,kBAAC,GAAD,EAAkB,UAAS,QAAS,CAAA;OAC5B,CAAA,GAEZ,kBAAC,GAAD;QACI,MAAK;QACL,UAAU;QACV,SAAS;QACT,IAAI;SACA,OAAO;SACP,QAAQ;SACR,iBAAiB,EAAM,QAAQ,MAAM;SACrC,QAAQ,aAAa,EAAM,QAAQ,MAAM;SACzC,OAAO,EAAM,QAAQ,MAAM;SAC3B,WAAW,EACP,iBAAiB,EAAM,QAAQ,MAAM,UACzC;QACJ;QAEA,UAAA,kBAAC,GAAD,EAA2B,UAAS,QAAS,CAAA;OACrC,CAAA,CACT;;KACN,CAAA;IACI;;EACX;;AAEV"}

package/dist/index1044.js

@@ -1,30 +0,0 @@
-import { useCallback as e, useMemo as t } from "react";
-//#region src/libs/shared/UI/radio/radioButtonController.ts
-var n = [{
-	label: "strYes",
-	value: !0
-}, {
-	label: "strNo",
-	value: !1
-}], r = (e) => e != null && e !== "", i = (e) => r(e) ? String(e) : "", a = ({ id: a, value: o, defaultValue: s, options: c = [], required: l = !1, validation: u, disabled: d = !1, onChange: f }) => {
-	let p = !d && !!(u?.required || l), m = t(() => c.length > 0 ? c : n, [c]), h = t(() => r(o) ? o : s, [o, s]), g = t(() => i(m.find((e) => Object.is(e.value, h))?.value), [m, h]);
-	return {
-		handleChange: e((e, t) => {
-			let n = m.find((e) => i(e.value) === t), o = n.value, s = n.label, c = p && !r(o) ? "Field Required" : "";
-			f(e, o, s, c, c === "", a);
-		}, [
-			a,
-			p,
-			m,
-			f
-		]),
-		isRequired: p,
-		normalizedOptions: m,
-		radioGroupValue: g,
-		selectedValue: h
-	};
-};
-//#endregion
-export { n as DEFAULT_BOOLEAN_OPTIONS, i as getRadioInputValue, r as isRadioValueProvided, a as useRadioController };
-
-//# sourceMappingURL=index1044.js.map

package/dist/index1044.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index1044.js","names":[],"sources":["../src/libs/shared/UI/radio/radioButtonController.ts"],"sourcesContent":["import { useCallback, useMemo } from \"react\";\r\n\r\nexport type RadioOptionValue = string | number | boolean;\r\n\r\nexport type RadioOption = {\r\n  label: string;\r\n  value: RadioOptionValue;\r\n  disabled?: boolean;\r\n};\r\n\r\nexport type RadioChangeHandler = (e: React.ChangeEvent<HTMLInputElement>, value: RadioOptionValue, label?: string ,error?: string, status?: boolean, fieldName?: string) => void;\r\n\r\nexport interface RadioValidationRule {\r\n  required?: boolean;\r\n}\r\nexport const DEFAULT_BOOLEAN_OPTIONS: RadioOption[] = [\r\n  {\r\n    label: \"strYes\",\r\n    value: true,\r\n  },\r\n  {\r\n    label: \"strNo\",\r\n    value: false,\r\n  },\r\n];\r\n\r\nexport const isRadioValueProvided = (radioValue?: RadioOptionValue): boolean => {\r\n  return radioValue !== undefined && radioValue !== null && radioValue !== \"\";\r\n};\r\n\r\nexport const getRadioInputValue = (radioValue?: RadioOptionValue): string => {\r\n  return isRadioValueProvided(radioValue) ? String(radioValue) : \"\";\r\n};\r\n\r\ninterface UseRadioControllerProps {\r\n  id: string;\r\n  value?: RadioOptionValue;\r\n  defaultValue?: RadioOptionValue;\r\n  options?: RadioOption[];\r\n  required?: boolean;\r\n  validation?: RadioValidationRule;\r\n  disabled?: boolean;\r\n  onChange: RadioChangeHandler;\r\n}\r\n\r\nexport const useRadioController = ({ id, value, defaultValue, options = [], required = false, validation, disabled = false, onChange }: UseRadioControllerProps) => {\r\n  const isRequired = !disabled && Boolean(validation?.required || required);\r\n  const normalizedOptions = useMemo(() => (options.length > 0 ? options : DEFAULT_BOOLEAN_OPTIONS), [options]);\r\n\r\n  const selectedValue = useMemo(() => {\r\n    return isRadioValueProvided(value) ? value : defaultValue;\r\n  }, [value, defaultValue]);\r\n\r\n  const radioGroupValue = useMemo(() => {\r\n    const selectedOption = normalizedOptions.find((option) => Object.is(option.value, selectedValue));\r\n\r\n    return getRadioInputValue(selectedOption?.value);\r\n  }, [normalizedOptions, selectedValue]);\r\n\r\n  const handleChange = useCallback(\r\n    (e: React.ChangeEvent<HTMLInputElement>, selectedInputValue: string) => {\r\n      const selectedOption = normalizedOptions.find((option) => getRadioInputValue(option.value) === selectedInputValue);\r\n\r\n      const selectedOptionValue = selectedOption!.value;\r\n      const selectedOptionLabel = selectedOption!.label;\r\n\r\n      const validationError = isRequired && !isRadioValueProvided(selectedOptionValue) ? \"Field Required\" : \"\";\r\n\r\n      onChange(e, selectedOptionValue, selectedOptionLabel,validationError, validationError === \"\", id);\r\n    },\r\n    [id, isRequired, normalizedOptions, onChange],\r\n  );\r\n\r\n  return {\r\n    handleChange,\r\n    isRequired,\r\n    normalizedOptions,\r\n    radioGroupValue,\r\n    selectedValue,\r\n  };\r\n};\r\n"],"mappings":";;AAeA,IAAa,IAAyC,CACpD;CACE,OAAO;CACP,OAAO;AACT,GACA;CACE,OAAO;CACP,OAAO;AACT,CACF,GAEa,KAAwB,MAC5B,KAA2C,QAAQ,MAAe,IAG9D,KAAsB,MAC1B,EAAqB,CAAU,IAAI,OAAO,CAAU,IAAI,IAcpD,KAAsB,EAAE,OAAI,UAAO,iBAAc,aAAU,CAAC,GAAG,cAAW,IAAO,eAAY,cAAW,IAAO,kBAAwC;CAClK,IAAM,IAAa,CAAC,KAAY,GAAQ,GAAY,YAAY,IAC1D,IAAoB,QAAe,EAAQ,SAAS,IAAI,IAAU,GAA0B,CAAC,CAAO,CAAC,GAErG,IAAgB,QACb,EAAqB,CAAK,IAAI,IAAQ,GAC5C,CAAC,GAAO,CAAY,CAAC,GAElB,IAAkB,QAGf,EAFgB,EAAkB,MAAM,MAAW,OAAO,GAAG,EAAO,OAAO,CAAa,CAErE,CAAA,EAAgB,KAAK,GAC9C,CAAC,GAAmB,CAAa,CAAC;CAgBrC,OAAO;EACL,cAfmB,GAClB,GAAwC,MAA+B;GACtE,IAAM,IAAiB,EAAkB,MAAM,MAAW,EAAmB,EAAO,KAAK,MAAM,CAAkB,GAE3G,IAAsB,EAAgB,OACtC,IAAsB,EAAgB,OAEtC,IAAkB,KAAc,CAAC,EAAqB,CAAmB,IAAI,mBAAmB;GAEtG,EAAS,GAAG,GAAqB,GAAoB,GAAiB,MAAoB,IAAI,CAAE;EAClG,GACA;GAAC;GAAI;GAAY;GAAmB;EAAQ,CAI5C;EACA;EACA;EACA;EACA;CACF;AACF"}

package/dist/index1045.js

@@ -1,115 +0,0 @@
-import { useAppThemeContext as e } from "./index26.js";
-import t from "./index90.js";
-import n from "./index198.js";
-import { getRadioInputValue as r, useRadioController as i } from "./index1044.js";
-import { useTranslation as a } from "react-i18next";
-import { memo as o, useMemo as s } from "react";
-import { Box as c, FormControl as l, FormControlLabel as u, FormHelperText as d, Radio as f, RadioGroup as p } from "@mui/material";
-import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
-var _ = o(({ id: o, label: _, name: v, value: y, error: b, onChange: x, options: S = [], required: C = !1, helperText: w, defaultValue: T, validation: E, disabled: D = !1, mt: O = 0, sx: k }) => {
-	let { handleChange: A, isRequired: j, normalizedOptions: M, radioGroupValue: N } = i({
-		id: o,
-		value: y,
-		defaultValue: T,
-		options: S,
-		required: C,
-		validation: E,
-		disabled: D,
-		onChange: x
-	}), { t: P } = a(), { fontSize: F } = e(), I = t(), L = s(() => M.map((e) => {
-		let t = r(e.value), i = N === t;
-		return /* @__PURE__ */ h(u, {
-			value: t,
-			disabled: D || e.disabled,
-			control: /* @__PURE__ */ h(f, {
-				size: "small",
-				disableRipple: !0,
-				sx: {
-					padding: 0,
-					marginRight: "8px",
-					color: i ? "primary.main" : "#CFCFCF",
-					"&.Mui-checked": { color: "primary.main" },
-					"& .MuiSvgIcon-root": { fontSize: F }
-				}
-			}),
-			label: /* @__PURE__ */ h(n, {
-				text: P(e.label),
-				sx: {
-					fontSize: "0.95rem",
-					fontWeight: 400,
-					lineHeight: 1,
-					color: i ? "primary.main" : "#8F8F8F"
-				}
-			}),
-			sx: {
-				margin: 0,
-				height: "40px",
-				minWidth: "72px",
-				padding: "0 16px",
-				borderRadius: "999px",
-				border: i ? "1.5px solid #142859" : "1px solid #E5E5E5",
-				backgroundColor: i ? "#FAF7FF" : "#F7F7F7",
-				transition: "all 0.2s ease",
-				display: "flex",
-				alignItems: "center",
-				justifyContent: "center",
-				boxSizing: "border-box",
-				"& .MuiFormControlLabel-label": {
-					display: "flex",
-					alignItems: "center"
-				},
-				"&:hover": { backgroundColor: i ? "#F5F0FF" : "#EFEFEF" }
-			}
-		}, t);
-	}), [
-		D,
-		M,
-		N
-	]);
-	return /* @__PURE__ */ g(c, {
-		sx: {
-			mt: O,
-			width: "100%",
-			...k
-		},
-		children: [_ && /* @__PURE__ */ h(n, {
-			text: /* @__PURE__ */ g(m, { children: [P(_), j && /* @__PURE__ */ g("span", {
-				style: { color: "red" },
-				children: [" ", "*"]
-			})] }),
-			sx: {
-				fontSize: "1rem",
-				fontWeight: 500,
-				mb: 0,
-				color: I.palette.text.primary
-			}
-		}), /* @__PURE__ */ g(l, {
-			error: !!b,
-			fullWidth: !0,
-			children: [/* @__PURE__ */ h(p, {
-				row: !0,
-				id: o,
-				name: v || o,
-				value: N,
-				onChange: A,
-				sx: {
-					display: "flex",
-					gap: 2,
-					alignItems: "center",
-					flexWrap: "wrap"
-				},
-				children: L
-			}), (b || w) && /* @__PURE__ */ h(d, {
-				sx: {
-					ml: 0,
-					mt: 1
-				},
-				children: b || w
-			})]
-		})]
-	});
-});
-//#endregion
-export { _ as default };
-
-//# sourceMappingURL=index1045.js.map

package/dist/index1045.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index1045.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/index1046.js

@@ -1,36 +0,0 @@
-import e from "./index244.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=index1046.js.map

package/dist/index1046.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index1046.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/index1047.js

@@ -1,9 +0,0 @@
-"use client";
-import e from "./index239.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=index1047.js.map

package/dist/index1047.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index1047.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/index1048.js

@@ -1,9 +0,0 @@
-"use client";
-import e from "./index239.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=index1048.js.map

package/dist/index1048.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index1048.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/index1049.js

@@ -1,9 +0,0 @@
-"use client";
-import e from "./index239.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=index1049.js.map

package/dist/index1049.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index1049.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/index105.js

@@ -1,16 +0,0 @@
-"use client";
-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 { n as default };
-
-//# sourceMappingURL=index105.js.map

package/dist/index105.js.map

@@ -1 +0,0 @@
-{"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

@@ -1,139 +0,0 @@
-import e from "./index90.js";
-import t from "./index206.js";
-import n from "./index1047.js";
-import r from "./index1048.js";
-import i from "./index1049.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=index1050.js.map

package/dist/index1050.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index1050.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/index1051.js

@@ -1,63 +0,0 @@
-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 "./index241.js";
-import a from "./index244.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=index1051.js.map

package/dist/index1051.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index1051.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"}