@citizenplatform/core 1.0.4 → 1.0.6

package/dist/index1042.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index1042.js","names":[],"sources":["../src/libs/shared/UI/outlinedCard/OutlinedCard.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport Card from \"@mui/material/Card\";\r\nimport CardHeader from \"@mui/material/CardHeader\";\r\nimport CardContent from \"@mui/material/CardContent\";\r\nimport {\r\n  Divider,\r\n  Typography,\r\n  Stack,\r\n  Box,\r\n  IconButton,\r\n} from \"@mui/material\";\r\nimport EditOutlinedIcon from \"@mui/icons-material/EditOutlined\";\r\nimport DeleteOutlineOutlinedIcon from \"@mui/icons-material/DeleteOutlineOutlined\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport useTheme from \"@mui/system/useTheme\";\r\nimport { AppButton } from \"ui/index\";\r\nimport NoDataIconSvg from \"assets/icons/NoDataIcon\";\r\nimport Typography2 from \"ui/typography/Typography2\";\r\nimport type { OutlinedCardProps } from \"libs/shared/types/common-types\";\r\n\r\n\r\nconst OutlinedCard: React.FC<OutlinedCardProps> = ({\r\n  title,\r\n  subTitle,\r\n  children,\r\n  sx,\r\n  showNoData = false,\r\n  noDataText = \"strNoDataFound\",\r\n  showButton = false,\r\n  buttonLabel = \"strClear\",\r\n  onButtonClick,\r\n  buttonVariant = \"outlined\",\r\n  content,\r\n  showActions = false,\r\n  onEdit,\r\n  onDelete,\r\n  disableEdit = false,\r\n  disableDelete = false,\r\n  showMultipleAddButton = false,\r\n  isRequired = false\r\n}) => {\r\n  const { t } = useTranslation();\r\n  const theme = useTheme();\r\n\r\n  return (\r\n    <Card\r\n      sx={{\r\n        borderRadius: 2,\r\n        overflow: \"hidden\",\r\n        ...sx,\r\n      }}\r\n    >\r\n       {title && \r\n      <CardHeader\r\n        sx={{\r\n          backgroundColor: theme.palette.datagrid.rowbg,\r\n          minHeight: \"3rem\",\r\n          \"& .MuiCardHeader-action\": {\r\n            alignSelf: \"center\",\r\n            margin: 0,\r\n          },\r\n          \"& .MuiCardHeader-content\": {\r\n            overflow: \"hidden\",\r\n          },\r\n        }}\r\n        title={\r\n          <Box\r\n            sx={{\r\n              display: \"flex\",\r\n              alignItems: \"center\",\r\n              gap: 0.5,\r\n            }}\r\n          >\r\n            <Typography2\r\n              text={title}\r\n              sx={{ fontWeight: 700 }}\r\n            />\r\n\r\n            {isRequired && (\r\n              <Typography\r\n                component=\"span\"\r\n                color=\"error\"\r\n                sx={{\r\n                  fontWeight: 700,\r\n                  fontSize: \"1rem\", \r\n                  lineHeight: 1,\r\n                }}\r\n              >\r\n                *\r\n              </Typography>\r\n            )}\r\n          </Box>\r\n        }\r\n\r\n        subheader={\r\n          subTitle && (\r\n            <Typography2\r\n              text={subTitle}>\r\n              {t(subTitle)}\r\n            </Typography2>\r\n          )\r\n        }\r\n        action={\r\n          showMultipleAddButton && (\r\n            <AppButton\r\n              label={buttonLabel}\r\n              variant={buttonVariant}\r\n              onClick={onButtonClick}\r\n              sx={{\r\n                minWidth: 110,\r\n                height: 36,\r\n              }}\r\n            />\r\n          )\r\n        }\r\n      />\r\n}\r\n    {title &&  <Divider /> }\r\n     \r\n      <CardContent\r\n        sx={{\r\n          backgroundColor: theme.palette.datagrid.rowbg,\r\n          minHeight: 'auto',\r\n          display: \"flex\",\r\n          flexDirection: \"column\",\r\n          justifyContent: \"space-between\",\r\n          p: 2,\r\n          \"&:last-child\": {\r\n            pb: 2,\r\n          },\r\n        }}\r\n      >\r\n        <Box\r\n          sx={{\r\n            flex: 1,\r\n            display: \"flex\"\r\n          }}\r\n        >\r\n          {content ? (\r\n            <Stack sx={{ width: '100%', display: 'flex', justifyContent: 'flex-start', alignItems: 'flex-start' }}>\r\n              {content}\r\n            </Stack>\r\n\r\n          ) : children ? (\r\n            children\r\n          ) : (\r\n            <Stack\r\n              spacing={2}\r\n              sx={{ width: '100%', justifyContent: 'center', alignItems: 'center' }}\r\n            >\r\n              {showNoData && (\r\n                <Typography\r\n                  variant=\"body2\"\r\n                  color=\"text.secondary\"\r\n                  align=\"center\"\r\n                  sx={{\r\n                    display: \"flex\",\r\n                    alignItems: \"center\",\r\n                    justifyContent: \"center\",\r\n                    gap: 1,\r\n                    mt: 2,\r\n                  }}\r\n                >\r\n                  <NoDataIconSvg />\r\n                  <span>{t(noDataText)}</span>\r\n                </Typography>\r\n              )}\r\n\r\n              {showButton && (\r\n                <AppButton\r\n                  label={buttonLabel}\r\n                  variant={buttonVariant}\r\n                  onClick={onButtonClick}\r\n                />\r\n              )}\r\n            </Stack>\r\n          )}\r\n        </Box>\r\n        {content && title && (\r\n          <Divider />)}\r\n        {showActions && (\r\n          <Stack\r\n            direction=\"row\"\r\n            spacing={1}\r\n            sx={{ mt: 2, justifyContent: 'flex-end' }}\r\n          >\r\n            <IconButton\r\n              size=\"small\"\r\n              disabled={disableEdit}\r\n              onClick={onEdit}\r\n              sx={{\r\n                width: 36,\r\n                height: 36,\r\n                backgroundColor: theme.palette.datagrid.rowbg,\r\n                color: \"primary.main\",\r\n                \"&:hover\": {\r\n                  backgroundColor: theme.palette.datagrid.rowbg,\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={disableDelete}\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        )}\r\n      </CardContent>\r\n    </Card>\r\n  );\r\n};\r\n\r\nexport default OutlinedCard;"],"mappings":";;;;;;;;;;;;;;;AAqBA,IAAM,KAA6C,EACjD,UACA,aACA,aACA,OACA,gBAAa,IACb,gBAAa,kBACb,gBAAa,IACb,iBAAc,YACd,kBACA,mBAAgB,YAChB,YACA,iBAAc,IACd,WACA,aACA,iBAAc,IACd,mBAAgB,IAChB,2BAAwB,IACxB,gBAAa,SACT;CACJ,IAAM,EAAE,SAAM,EAAe,GACvB,IAAQ,EAAS;CAEvB,OACE,kBAAC,GAAD;EACE,IAAI;GACF,cAAc;GACd,UAAU;GACV,GAAG;EACL;EALF,UAAA;GAOI,KACF,kBAAC,GAAD;IACE,IAAI;KACF,iBAAiB,EAAM,QAAQ,SAAS;KACxC,WAAW;KACX,2BAA2B;MACzB,WAAW;MACX,QAAQ;KACV;KACA,4BAA4B,EAC1B,UAAU,SACZ;IACF;IACA,OACE,kBAAC,GAAD;KACE,IAAI;MACF,SAAS;MACT,YAAY;MACZ,KAAK;KACP;KALF,UAAA,CAOE,kBAAC,GAAD;MACE,MAAM;MACN,IAAI,EAAE,YAAY,IAAI;KACvB,CAAA,GAEA,KACC,kBAAC,GAAD;MACE,WAAU;MACV,OAAM;MACN,IAAI;OACF,YAAY;OACZ,UAAU;OACV,YAAY;MACd;MACD,UAAA;KAEW,CAAA,CAEX;;IAGP,WACE,KACE,kBAAC,GAAD;KACE,MAAM;KACL,UAAA,EAAE,CAAQ;IACA,CAAA;IAGjB,QACE,KACE,kBAAC,GAAD;KACE,OAAO;KACP,SAAS;KACT,SAAS;KACT,IAAI;MACF,UAAU;MACV,QAAQ;KACV;IACD,CAAA;GAGN,CAAA;GAEF,KAAU,kBAAC,GAAD,CAAU,CAAA;GAEnB,kBAAC,GAAD;IACE,IAAI;KACF,iBAAiB,EAAM,QAAQ,SAAS;KACxC,WAAW;KACX,SAAS;KACT,eAAe;KACf,gBAAgB;KAChB,GAAG;KACH,gBAAgB,EACd,IAAI,EACN;IACF;IAXF,UAAA;KAaE,kBAAC,GAAD;MACE,IAAI;OACF,MAAM;OACN,SAAS;MACX;MAEC,UAAA,IACC,kBAAC,GAAD;OAAO,IAAI;QAAE,OAAO;QAAQ,SAAS;QAAQ,gBAAgB;QAAc,YAAY;OAAa;OACjG,UAAA;MACI,CAAA,IAEL,KAGF,kBAAC,GAAD;OACE,SAAS;OACT,IAAI;QAAE,OAAO;QAAQ,gBAAgB;QAAU,YAAY;OAAS;OAFtE,UAAA,CAIG,KACC,kBAAC,GAAD;QACE,SAAQ;QACR,OAAM;QACN,OAAM;QACN,IAAI;SACF,SAAS;SACT,YAAY;SACZ,gBAAgB;SAChB,KAAK;SACL,IAAI;QACN;QAVF,UAAA,CAYE,kBAAC,GAAD,CAAgB,CAAA,GAChB,kBAAC,QAAD,EAAA,UAAO,EAAE,CAAU,EAAQ,CAAA,CACjB;OAGb,CAAA,GAAA,KACC,kBAAC,GAAD;QACE,OAAO;QACP,SAAS;QACT,SAAS;OACV,CAAA,CAEE;;KAEN,CAAA;KACJ,KAAW,KACV,kBAAC,GAAD,CAAU,CAAA;KACX,KACC,kBAAC,GAAD;MACE,WAAU;MACV,SAAS;MACT,IAAI;OAAE,IAAI;OAAG,gBAAgB;MAAW;MAH1C,UAAA,CAKE,kBAAC,GAAD;OACE,MAAK;OACL,UAAU;OACV,SAAS;OACT,IAAI;QACF,OAAO;QACP,QAAQ;QACR,iBAAiB,EAAM,QAAQ,SAAS;QACxC,OAAO;QACP,WAAW,EACT,iBAAiB,EAAM,QAAQ,SAAS,MAC1C;OACF;OAEA,UAAA,kBAAC,GAAD,EAAkB,UAAS,QAAS,CAAA;MAC1B,CAAA,GAEZ,kBAAC,GAAD;OACE,MAAK;OACL,UAAU;OACV,SAAS;OACT,IAAI;QACF,OAAO;QACP,QAAQ;QACR,iBAAiB,EAAM,QAAQ,MAAM;QACrC,QAAQ,aAAa,EAAM,QAAQ,MAAM;QACzC,OAAO,EAAM,QAAQ,MAAM;QAC3B,WAAW,EACT,iBAAiB,EAAM,QAAQ,MAAM,UACvC;OACF;OAEA,UAAA,kBAAC,GAAD,EAA2B,UAAS,QAAS,CAAA;MACnC,CAAA,CACP;;IAEE;;EACT;;AAEV"}

package/dist/index1043.js

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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