@citizenplatform/core 1.0.4 → 1.0.6

package/dist/index611.js

@@ -0,0 +1,24 @@
+import e from "react";
+import { Box as t, Checkbox as n, FormControlLabel as r, FormHelperText as i } from "@mui/material";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/libs/shared/UI/checkbox/AppCheckbox.tsx
+function s({ label: e, checked: s, onChange: c, helperText: l, ...u }) {
+	return /* @__PURE__ */ o(t, { children: [/* @__PURE__ */ a(r, {
+		control: /* @__PURE__ */ a(n, {
+			checked: s,
+			onChange: (e) => c?.(e, e.target.checked),
+			...u,
+			sx: {
+				color: "primary.main",
+				"&.Mui-disabled.Mui-checked": { color: "primary.main" },
+				"&.Mui-checked": { color: "primary.main" }
+			}
+		}),
+		label: e
+	}), l && /* @__PURE__ */ a(i, { children: l })] });
+}
+var c = e.memo(s);
+//#endregion
+export { c as default };
+
+//# sourceMappingURL=index611.js.map

package/dist/index611.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index611.js","names":[],"sources":["../src/libs/shared/UI/checkbox/AppCheckbox.tsx"],"sourcesContent":["import {\r\n  FormControlLabel,\r\n  Checkbox,\r\n  FormHelperText,\r\n  Box,\r\n  type CheckboxProps,\r\n} from \"@mui/material\";\r\nimport React from \"react\";\r\n\r\ntype Props = CheckboxProps & {\r\n  label?: string;\r\n  helperText?: string;\r\n};\r\n\r\nfunction AppCheckbox({\r\n  label,\r\n  checked,\r\n  onChange,\r\n  helperText,\r\n  ...rest\r\n}: Readonly<Props>) {\r\n  return (\r\n    <Box>\r\n      <FormControlLabel\r\n        control={\r\n          <Checkbox\r\n            checked={checked}\r\n            onChange={(e) => onChange?.(e, e.target.checked)}\r\n            {...rest}\r\n            sx={{\r\n                color: \"primary.main\",\r\n                '&.Mui-disabled.Mui-checked': { color: \"primary.main\" },\r\n                '&.Mui-checked': { color: \"primary.main\" }\r\n              }}\r\n          />\r\n        }\r\n        label={label}\r\n      />\r\n\r\n      {helperText && <FormHelperText>{helperText}</FormHelperText>}\r\n    </Box>\r\n  );\r\n}\r\n\r\nexport default React.memo(AppCheckbox)"],"mappings":";;;;AAcA,SAAS,EAAY,EACnB,UACA,YACA,aACA,eACA,GAAG,KACe;CAClB,OACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,SACE,kBAAC,GAAD;GACW;GACT,WAAW,MAAM,IAAW,GAAG,EAAE,OAAO,OAAO;GAC/C,GAAI;GACJ,IAAI;IACA,OAAO;IACP,8BAA8B,EAAE,OAAO,eAAe;IACtD,iBAAiB,EAAE,OAAO,eAAe;GAC3C;EACH,CAAA;EAEI;CACR,CAAA,GAEA,KAAc,kBAAC,GAAD,EAAA,UAAiB,EAA2B,CAAA,CACxD,EAAA,CAAA;AAET;AAEA,IAAA,IAAe,EAAM,KAAK,CAAW"}

package/dist/index612.js

@@ -0,0 +1,23 @@
+import { useCallback as e } from "react";
+//#region src/libs/shared/UI/checkbox/useCheckboxListController.ts
+var t = ({ value: t = [], validation: n, disabled: r, t: i }) => {
+	let a = !r && !!n?.required;
+	return {
+		isMandatory: a,
+		handleChange: e((e, n) => {
+			let r = n ? [...t, e] : t.filter((t) => !Object.is(t, e)), o = "";
+			return a && r.length === 0 && (o = i("strOneOptionRequired")), {
+				newValue: r,
+				error: o
+			};
+		}, [
+			t,
+			a,
+			i
+		])
+	};
+};
+//#endregion
+export { t as useCheckboxListController };
+
+//# sourceMappingURL=index612.js.map

package/dist/index612.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index612.js","names":[],"sources":["../src/libs/shared/UI/checkbox/useCheckboxListController.ts"],"sourcesContent":["import type { DefaultRulesType } from \"libs/shared/types/common-types\";\r\nimport { useCallback } from \"react\";\r\nimport type { CheckboxValue } from \"./checkboxTypes\";\r\nimport type { TFunction } from \"i18next\";\r\n\r\ninterface Props<T extends CheckboxValue> {\r\n  value?: T[];\r\n  validation?: DefaultRulesType;\r\n  disabled?: boolean;\r\n  t: TFunction<\"translation\", undefined>;\r\n}\r\n\r\nexport const useCheckboxListController = <T extends CheckboxValue>({ value = [], validation, disabled, t }: Props<T>) => {\r\n  const isMandatory = !disabled && !!validation?.required;\r\n\r\n  const handleChange = useCallback(\r\n    (option: T, checked: boolean) => {\r\n      const newValue = checked ? [...value, option] : value.filter((item) => !Object.is(item, option));\r\n\r\n      let error = \"\";\r\n\r\n      if (isMandatory && newValue.length === 0) {\r\n        error = t(\"strOneOptionRequired\");\r\n      }\r\n\r\n      return {\r\n        newValue,\r\n        error,\r\n      };\r\n    },\r\n    [value, isMandatory, t],\r\n  );\r\n\r\n  return {\r\n    isMandatory,\r\n    handleChange,\r\n  };\r\n};\r\n"],"mappings":";;AAYA,IAAa,KAAsD,EAAE,WAAQ,CAAC,GAAG,eAAY,aAAU,WAAkB;CACvH,IAAM,IAAc,CAAC,KAAY,CAAC,CAAC,GAAY;CAoB/C,OAAO;EACL;EACA,cApBmB,GAClB,GAAW,MAAqB;GAC/B,IAAM,IAAW,IAAU,CAAC,GAAG,GAAO,CAAM,IAAI,EAAM,QAAQ,MAAS,CAAC,OAAO,GAAG,GAAM,CAAM,CAAC,GAE3F,IAAQ;GAMZ,OAJI,KAAe,EAAS,WAAW,MACrC,IAAQ,EAAE,sBAAsB,IAG3B;IACL;IACA;GACF;EACF,GACA;GAAC;GAAO;GAAa;EAAC,CAKtB;CACF;AACF"}

package/dist/index613.js

@@ -0,0 +1,65 @@
+import e from "./index90.js";
+import t from "./index198.js";
+import { useCheckboxListController as n } from "./index612.js";
+import { useTranslation as r } from "react-i18next";
+import { memo as i, useCallback as a, useMemo as o } from "react";
+import { Box as s, Checkbox as c, FormControl as l, FormControlLabel as u, FormGroup as d, FormHelperText as f } from "@mui/material";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+var h = i(({ id: i, label: h, value: g = [], error: _, helperText: v, disabled: y, validation: b, options: x, isRow: S, onChange: C }) => {
+	let { t: w } = r(), T = e(), { handleChange: E, isMandatory: D } = n({
+		value: g,
+		validation: b,
+		disabled: y,
+		t: w
+	}), O = o(() => new Set(g), [g]), k = a((e, t) => {
+		let { newValue: n, error: r } = E(e, t);
+		C(i, n, r, !r);
+	}, [
+		E,
+		i,
+		C
+	]);
+	return /* @__PURE__ */ p(s, {
+		sx: { mt: 2 },
+		children: /* @__PURE__ */ m(l, {
+			error: !!_,
+			fullWidth: !0,
+			children: [
+				/* @__PURE__ */ p(t, {
+					text: w(h),
+					isRequired: D,
+					sx: {
+						textAlign: "left",
+						mb: .5
+					}
+				}),
+				/* @__PURE__ */ p(d, {
+					row: S,
+					children: x.map((e) => /* @__PURE__ */ p(u, {
+						control: /* @__PURE__ */ p(c, {
+							checked: O.has(e.value),
+							disabled: y,
+							onChange: (t) => k(e.value, t.target.checked),
+							size: "small",
+							sx: {
+								color: T.palette.checkbox.label,
+								"&.Mui-checked": { color: T.palette.checkbox.checked }
+							}
+						}),
+						label: w(e.label ?? String(e.value)),
+						sx: { "& .MuiFormControlLabel-label": {
+							fontSize: "16px",
+							color: T.palette.checkbox.label
+						} }
+					}, String(e.value)))
+				}),
+				_ && /* @__PURE__ */ p(f, { children: w(_) }),
+				v && /* @__PURE__ */ p(f, { children: w(v) })
+			]
+		})
+	});
+});
+//#endregion
+export { h as default };
+
+//# sourceMappingURL=index613.js.map

package/dist/index613.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index613.js","names":[],"sources":["../src/libs/shared/UI/checkbox/CheckboxList.tsx"],"sourcesContent":["import { memo, useMemo, useCallback } from \"react\";\r\nimport { Box, Checkbox, FormControl, FormControlLabel, FormGroup, FormHelperText } from \"@mui/material\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { useTheme } from \"@mui/system\";\r\nimport { useCheckboxListController } from \"./useCheckboxListController\";\r\nimport type { CheckboxListProps } from \"./checkboxTypes\";\r\nimport Typography2 from \"ui/typography/Typography2\";\r\n\r\nconst CheckboxList = <T extends string | number | boolean>({\r\n  id,\r\n  label,\r\n  value = [],\r\n  error,\r\n  helperText,\r\n  disabled,\r\n  validation,\r\n  options,\r\n  isRow,\r\n  onChange,\r\n}: CheckboxListProps<T>) => {\r\n  const { t } = useTranslation();\r\n\r\n  const theme = useTheme();\r\n\r\n  const { handleChange, isMandatory } = useCheckboxListController({\r\n    value,\r\n    validation,\r\n    disabled,\r\n    t,\r\n  });\r\n\r\n  const valueSet = useMemo(() => new Set(value), [value]);\r\n\r\n  const onItemChange = useCallback(\r\n    (option: T, checked: boolean) => {\r\n      const { newValue, error } = handleChange(option, checked);\r\n\r\n      onChange(id, newValue, error, !error);\r\n    },\r\n    [handleChange, id, onChange],\r\n  );\r\n\r\n  return (\r\n    <Box sx={{ mt: 2 }}>\r\n      <FormControl error={!!error} fullWidth>\r\n        <Typography2\r\n          text={t(label)}\r\n          isRequired={isMandatory}\r\n          sx={{\r\n            textAlign: \"left\",\r\n            mb: 0.5,\r\n          }}\r\n        />\r\n\r\n        <FormGroup row={isRow} >\r\n          {options.map((option) => (\r\n            <FormControlLabel\r\n              key={String(option.value)}\r\n              control={\r\n                <Checkbox\r\n                  checked={valueSet.has(option.value)}\r\n                  disabled={disabled}\r\n                  onChange={(e) => onItemChange(option.value, e.target.checked)}\r\n                  size=\"small\"\r\n                  sx={{\r\n                    color: theme.palette.checkbox.label,\r\n                    \"&.Mui-checked\": {\r\n                      color: theme.palette.checkbox.checked,\r\n                    },\r\n                  }}\r\n                />\r\n              }\r\n              label={t(option.label ?? String(option.value))}\r\n              sx={{\r\n                \"& .MuiFormControlLabel-label\": {\r\n                  fontSize: '16px', // unable to access theme typography fontSize from theme --- probably need refactor\r\n                  color: theme.palette.checkbox.label,\r\n                },\r\n              }}\r\n            />\r\n          ))}\r\n        </FormGroup>\r\n\r\n        {error && <FormHelperText>{t(error)}</FormHelperText>}\r\n\r\n        {helperText && <FormHelperText>{t(helperText)}</FormHelperText>}\r\n      </FormControl>\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport default memo(CheckboxList) as typeof CheckboxList;\r\n"],"mappings":";;;;;;;AA2FA,IAAA,IAAe,GAnF4C,EACzD,OACA,UACA,WAAQ,CAAC,GACT,UACA,eACA,aACA,eACA,YACA,UACA,kBAC0B;CAC1B,IAAM,EAAE,SAAM,EAAe,GAEvB,IAAQ,EAAS,GAEjB,EAAE,iBAAc,mBAAgB,EAA0B;EAC9D;EACA;EACA;EACA;CACF,CAAC,GAEK,IAAW,QAAc,IAAI,IAAI,CAAK,GAAG,CAAC,CAAK,CAAC,GAEhD,IAAe,GAClB,GAAW,MAAqB;EAC/B,IAAM,EAAE,aAAU,aAAU,EAAa,GAAQ,CAAO;EAExD,EAAS,GAAI,GAAU,GAAO,CAAC,CAAK;CACtC,GACA;EAAC;EAAc;EAAI;CAAQ,CAC7B;CAEA,OACE,kBAAC,GAAD;EAAK,IAAI,EAAE,IAAI,EAAE;EACf,UAAA,kBAAC,GAAD;GAAa,OAAO,CAAC,CAAC;GAAO,WAAA;GAA7B,UAAA;IACE,kBAAC,GAAD;KACE,MAAM,EAAE,CAAK;KACb,YAAY;KACZ,IAAI;MACF,WAAW;MACX,IAAI;KACN;IACD,CAAA;IAED,kBAAC,GAAD;KAAW,KAAK;KACb,UAAA,EAAQ,KAAK,MACZ,kBAAC,GAAD;MAEE,SACE,kBAAC,GAAD;OACE,SAAS,EAAS,IAAI,EAAO,KAAK;OACxB;OACV,WAAW,MAAM,EAAa,EAAO,OAAO,EAAE,OAAO,OAAO;OAC5D,MAAK;OACL,IAAI;QACF,OAAO,EAAM,QAAQ,SAAS;QAC9B,iBAAiB,EACf,OAAO,EAAM,QAAQ,SAAS,QAChC;OACF;MACD,CAAA;MAEH,OAAO,EAAE,EAAO,SAAS,OAAO,EAAO,KAAK,CAAC;MAC7C,IAAI,EACF,gCAAgC;OAC9B,UAAU;OACV,OAAO,EAAM,QAAQ,SAAS;MAChC,EACF;KACD,GAtBM,OAAO,EAAO,KAAK,CAsBzB,CACF;IACQ,CAAA;IAEV,KAAS,kBAAC,GAAD,EAAA,UAAiB,EAAE,CAAK,EAAkB,CAAA;IAEnD,KAAc,kBAAC,GAAD,EAAA,UAAiB,EAAE,CAAU,EAAkB,CAAA;GACnD;;CACV,CAAA;AAET,CAEgC"}

package/dist/index614.js

@@ -0,0 +1,33 @@
+import { useCallback as e, useMemo as t } from "react";
+//#region src/libs/shared/UI/checkbox/useSingleCheckboxController.ts
+var n = ({ validation: n, disabled: r, options: i, t: a }) => {
+	let o = !r && !!n?.required, s = t(() => i?.length === 2 ? i : [{
+		value: !0,
+		label: "strYes"
+	}, {
+		value: !1,
+		label: "strNo"
+	}], [i]), c = s[0].value, l = s[1].value;
+	return {
+		checkedValue: c,
+		uncheckedValue: l,
+		isMandatory: o,
+		handleChange: e((e) => {
+			let t = e ? c : l, n = "";
+			return o && !e && (n = a("strFieldRequired")), {
+				newValue: t,
+				error: n
+			};
+		}, [
+			c,
+			l,
+			o,
+			a
+		]),
+		normalizedOptions: s
+	};
+};
+//#endregion
+export { n as useSingleCheckboxController };
+
+//# sourceMappingURL=index614.js.map

package/dist/index614.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index614.js","names":[],"sources":["../src/libs/shared/UI/checkbox/useSingleCheckboxController.ts"],"sourcesContent":["import { useCallback, useMemo } from \"react\";\r\nimport type { DefaultRulesType } from \"libs/shared/types/common-types\";\r\nimport type { CheckboxOption, CheckboxValue } from \"./checkboxTypes\";\r\nimport type { TFunction } from \"i18next\";\r\n\r\ninterface Props<T extends CheckboxValue> {\r\n  value?: T;\r\n  validation?: DefaultRulesType;\r\n  disabled?: boolean;\r\n  options?: [CheckboxOption<T>, CheckboxOption<T>];\r\n  t: TFunction<\"translation\", undefined>;\r\n}\r\n\r\nexport const useSingleCheckboxController = <T extends CheckboxValue>({ validation, disabled, options, t }: Props<T>) => {\r\n  const isMandatory = !disabled && !!validation?.required;\r\n\r\n  const normalizedOptions = useMemo(() => {\r\n    if (options?.length === 2) {\r\n      return options;\r\n    }\r\n\r\n    return [\r\n      {\r\n        value: true as T,\r\n        label: \"strYes\",\r\n      },\r\n      {\r\n        value: false as T,\r\n        label: \"strNo\",\r\n      },\r\n    ] as [CheckboxOption<T>, CheckboxOption<T>];\r\n  }, [options]);\r\n\r\n  const checkedValue = normalizedOptions[0].value;\r\n  const uncheckedValue = normalizedOptions[1].value;\r\n\r\n  const handleChange = useCallback(\r\n    (checked: boolean) => {\r\n      const newValue = checked ? checkedValue : uncheckedValue;\r\n\r\n      let error = \"\";\r\n\r\n      if (isMandatory && !checked) {\r\n        error = t(\"strFieldRequired\");\r\n      }\r\n\r\n      return {\r\n        newValue,\r\n        error,\r\n      };\r\n    },\r\n    [checkedValue, uncheckedValue, isMandatory, t],\r\n  );\r\n\r\n  return {\r\n    checkedValue,\r\n    uncheckedValue,\r\n    isMandatory,\r\n    handleChange,\r\n    normalizedOptions,\r\n  };\r\n};\r\n"],"mappings":";;AAaA,IAAa,KAAwD,EAAE,eAAY,aAAU,YAAS,WAAkB;CACtH,IAAM,IAAc,CAAC,KAAY,CAAC,CAAC,GAAY,UAEzC,IAAoB,QACpB,GAAS,WAAW,IACf,IAGF,CACL;EACE,OAAO;EACP,OAAO;CACT,GACA;EACE,OAAO;EACP,OAAO;CACT,CACF,GACC,CAAC,CAAO,CAAC,GAEN,IAAe,EAAkB,EAAE,CAAC,OACpC,IAAiB,EAAkB,EAAE,CAAC;CAoB5C,OAAO;EACL;EACA;EACA;EACA,cAtBmB,GAClB,MAAqB;GACpB,IAAM,IAAW,IAAU,IAAe,GAEtC,IAAQ;GAMZ,OAJI,KAAe,CAAC,MAClB,IAAQ,EAAE,kBAAkB,IAGvB;IACL;IACA;GACF;EACF,GACA;GAAC;GAAc;GAAgB;GAAa;EAAC,CAO7C;EACA;CACF;AACF"}

package/dist/index615.js

@@ -0,0 +1,59 @@
+import e from "./index90.js";
+import t from "./index198.js";
+import { useSingleCheckboxController as n } from "./index614.js";
+import { useTranslation as r } from "react-i18next";
+import { memo as i, useCallback as a } from "react";
+import { Box as o, Checkbox as s, FormControl as c, FormControlLabel as l, FormHelperText as u } from "@mui/material";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+var p = i(({ id: i, label: p, name: m, value: h, error: g, helperText: _, disabled: v, validation: y, options: b, onChange: x }) => {
+	let { t: S } = r(), C = e(), { checkedValue: w, handleChange: T, isMandatory: E } = n({
+		value: h,
+		validation: y,
+		disabled: v,
+		options: b,
+		t: S
+	}), D = Object.is(h, w), O = a((e) => {
+		let { newValue: t, error: n } = T(e.target.checked);
+		x(i, t, n, !n);
+	}, [
+		i,
+		T,
+		x
+	]);
+	return /* @__PURE__ */ d(o, {
+		sx: { mt: 2 },
+		children: /* @__PURE__ */ f(c, {
+			error: !!g,
+			children: [
+				/* @__PURE__ */ d(l, {
+					control: /* @__PURE__ */ d(s, {
+						id: i,
+						name: m,
+						checked: D,
+						disabled: v,
+						onChange: O,
+						size: "small",
+						sx: {
+							color: C.palette.checkbox.label,
+							"&.Mui-checked": { color: "primary.main" }
+						}
+					}),
+					label: /* @__PURE__ */ d(t, {
+						text: S(p),
+						isRequired: E,
+						sx: {
+							fontSize: "16px",
+							color: C.palette.checkbox.label
+						}
+					})
+				}),
+				g && /* @__PURE__ */ d(u, { children: S(g) }),
+				_ && /* @__PURE__ */ d(u, { children: S(_) })
+			]
+		})
+	});
+});
+//#endregion
+export { p as default };
+
+//# sourceMappingURL=index615.js.map

package/dist/index615.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index615.js","names":[],"sources":["../src/libs/shared/UI/checkbox/SingleCheckbox.tsx"],"sourcesContent":["import React, { memo, useCallback } from \"react\";\r\nimport { Checkbox, FormControl, FormControlLabel, FormHelperText, Box } from \"@mui/material\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { useSingleCheckboxController } from \"./useSingleCheckboxController\";\r\nimport Typography2 from \"ui/typography/Typography2\";\r\nimport type { SingleCheckboxProps } from \"./checkboxTypes\";\r\nimport { useTheme } from \"@mui/system\";\r\n\r\nconst SingleCheckbox = <T extends string | number | boolean>({ id, label, name, value, error, helperText, disabled, validation, options, onChange }: SingleCheckboxProps<T>) => {\r\n  const { t } = useTranslation();\r\n\r\n  const theme = useTheme();\r\n\r\n  const { checkedValue, handleChange, isMandatory } = useSingleCheckboxController({\r\n    value,\r\n    validation,\r\n    disabled,\r\n    options,\r\n    t,\r\n  });\r\n\r\n  const checked = Object.is(value, checkedValue);\r\n\r\n  const onCheckboxChange = useCallback(\r\n    (e: React.ChangeEvent<HTMLInputElement>) => {\r\n      const { newValue, error } = handleChange(e.target.checked);\r\n\r\n      onChange(id, newValue, error, !error);\r\n    },\r\n    [id, handleChange, onChange],\r\n  );\r\n\r\n  return (\r\n    <Box sx={{ mt: 2 }}>\r\n      <FormControl error={!!error}>\r\n        <FormControlLabel\r\n          control={\r\n            <Checkbox\r\n              id={id}\r\n              name={name}\r\n              checked={checked}\r\n              disabled={disabled}\r\n              onChange={onCheckboxChange}\r\n              size=\"small\"\r\n              sx={{\r\n                color: theme.palette.checkbox.label,\r\n                \"&.Mui-checked\": {\r\n                  color: 'primary.main',\r\n                },\r\n              }}\r\n            />\r\n          }\r\n          label={\r\n            <Typography2\r\n              text={t(label)}\r\n              isRequired={isMandatory}\r\n              sx={{\r\n                fontSize: '16px', // unable to access theme typography fontSize from theme --- probably need refactor\r\n                color: theme.palette.checkbox.label,\r\n              }}\r\n            />\r\n          }\r\n        />\r\n\r\n        {error && <FormHelperText>{t(error)}</FormHelperText>}\r\n\r\n        {helperText && <FormHelperText>{t(helperText)}</FormHelperText>}\r\n      </FormControl>\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport default memo(SingleCheckbox) as typeof SingleCheckbox;\r\n"],"mappings":";;;;;;;AAwEA,IAAA,IAAe,GAhE8C,EAAE,OAAI,UAAO,SAAM,UAAO,UAAO,eAAY,aAAU,eAAY,YAAS,kBAAuC;CAC9K,IAAM,EAAE,SAAM,EAAe,GAEvB,IAAQ,EAAS,GAEjB,EAAE,iBAAc,iBAAc,mBAAgB,EAA4B;EAC9E;EACA;EACA;EACA;EACA;CACF,CAAC,GAEK,IAAU,OAAO,GAAG,GAAO,CAAY,GAEvC,IAAmB,GACtB,MAA2C;EAC1C,IAAM,EAAE,aAAU,aAAU,EAAa,EAAE,OAAO,OAAO;EAEzD,EAAS,GAAI,GAAU,GAAO,CAAC,CAAK;CACtC,GACA;EAAC;EAAI;EAAc;CAAQ,CAC7B;CAEA,OACE,kBAAC,GAAD;EAAK,IAAI,EAAE,IAAI,EAAE;EACf,UAAA,kBAAC,GAAD;GAAa,OAAO,CAAC,CAAC;GAAtB,UAAA;IACE,kBAAC,GAAD;KACE,SACE,kBAAC,GAAD;MACM;MACE;MACG;MACC;MACV,UAAU;MACV,MAAK;MACL,IAAI;OACF,OAAO,EAAM,QAAQ,SAAS;OAC9B,iBAAiB,EACf,OAAO,eACT;MACF;KACD,CAAA;KAEH,OACE,kBAAC,GAAD;MACE,MAAM,EAAE,CAAK;MACb,YAAY;MACZ,IAAI;OACF,UAAU;OACV,OAAO,EAAM,QAAQ,SAAS;MAChC;KACD,CAAA;IAEJ,CAAA;IAEA,KAAS,kBAAC,GAAD,EAAA,UAAiB,EAAE,CAAK,EAAkB,CAAA;IAEnD,KAAc,kBAAC,GAAD,EAAA,UAAiB,EAAE,CAAU,EAAkB,CAAA;GACnD;;CACV,CAAA;AAET,CAEkC"}

package/dist/index616.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/Close.mjs
+var n = e(/*#__PURE__*/ t("path", { d: "M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" }), "Close");
+//#endregion
+export { n as default };
+
+//# sourceMappingURL=index616.js.map

package/dist/index616.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index616.js","names":[],"sources":["../node_modules/@mui/icons-material/Close.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: \"M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\"\n}), 'Close');"],"x_google_ignoreList":[0],"mappings":";;;;AAIA,IAAA,IAAe,EAA2B,gBAAK,QAAQ,EACrD,GAAG,wGACL,CAAC,GAAG,OAAO"}

package/dist/index617.js

@@ -0,0 +1,76 @@
+import { alpha as e } from "./index109.js";
+import t from "./index166.js";
+import n from "./index198.js";
+import r from "./index616.js";
+import { useTranslation as i } from "react-i18next";
+import a from "react";
+import { Chip as o, Stack as s, Tooltip as c } from "@mui/material";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+var d = a.memo(({ label: a, required: d = !1, tooltip: f, variantType: p = "soft", startIcon: m, endIcon: h, removable: g = !1, backgroundColor: _, textColor: v, borderColor: y, fullWidth: b = !1, disabled: x = !1, sx: S, onDelete: C, ...w }) => {
+	let { t: T } = i(), E = t(), D = _ ?? e(E.palette.primary.main, .12), O = v ?? E.palette.primary.main, k = y ?? E.palette.primary.main;
+	return /* @__PURE__ */ u(s, {
+		spacing: .5,
+		sx: { width: b ? "auto" : "fit-content" },
+		children: [w.title && /* @__PURE__ */ l(n, {
+			text: String(w.title),
+			isRequired: d,
+			fontWeight: 400
+		}), /* @__PURE__ */ l(c, {
+			title: f ? T(f) : "",
+			disableInteractive: !f,
+			children: /* @__PURE__ */ l("span", { children: /* @__PURE__ */ l(o, {
+				...w,
+				disabled: x,
+				label: typeof a == "string" ? T(a) : a,
+				icon: m,
+				deleteIcon: h ?? /* @__PURE__ */ l(r, { fontSize: "small" }),
+				onDelete: g ? C : void 0,
+				clickable: w.clickable,
+				sx: {
+					width: b ? "100%" : "fit-content",
+					justifyContent: "flex-start",
+					borderRadius: "999px",
+					height: 34,
+					fontSize: 13,
+					fontWeight: 500,
+					transition: ".2s",
+					...p === "filled" && {
+						bgcolor: D,
+						color: O
+					},
+					...p === "outlined" && {
+						bgcolor: "transparent",
+						color: O,
+						border: `1px solid ${k}`
+					},
+					...p === "soft" && {
+						bgcolor: e(k, .12),
+						color: O,
+						border: `1px solid ${e(k, .2)}`
+					},
+					"& .MuiChip-label": {
+						px: 1.5,
+						overflow: "hidden",
+						whiteSpace: "nowrap",
+						textOverflow: "ellipsis"
+					},
+					"& .MuiChip-icon": {
+						color: O,
+						ml: .5
+					},
+					"& .MuiChip-deleteIcon": {
+						color: O,
+						mr: .5,
+						"&:hover": { color: E.palette.error.main }
+					},
+					"&:hover": { boxShadow: x ? "none" : E.shadows[2] },
+					...S
+				}
+			}) })
+		})]
+	});
+});
+//#endregion
+export { d as default };
+
+//# sourceMappingURL=index617.js.map

package/dist/index617.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index617.js","names":[],"sources":["../src/libs/shared/UI/chip/AppChip.tsx"],"sourcesContent":["import React, { type JSX } from \"react\";\r\nimport {\r\n  Chip,\r\n  Stack,\r\n  Tooltip,\r\n} from \"@mui/material\";\r\nimport CloseIcon from \"@mui/icons-material/Close\";\r\nimport { alpha, useTheme } from \"@mui/material/styles\";\r\nimport { useTranslation } from \"react-i18next\";\r\n\r\nimport Typography2 from \"../typography/Typography2\";\r\nimport type { AppChipProps } from \"libs/shared/types/common-types\";\r\n\r\n\r\n\r\nconst AppChip: React.FC<AppChipProps> = ({\r\n  label,\r\n  required = false,\r\n  tooltip,\r\n  variantType = \"soft\",\r\n  startIcon,\r\n  endIcon,\r\n  removable = false,\r\n  backgroundColor,\r\n  textColor,\r\n  borderColor,\r\n  fullWidth = false,\r\n  disabled = false,\r\n  sx,\r\n  onDelete,\r\n\r\n  ...props\r\n}): JSX.Element => {\r\n  const { t } = useTranslation();\r\n  const theme = useTheme();\r\n  const bgColor =  backgroundColor ?? alpha(theme.palette.primary.main, 0.12);\r\n  const chipColor =  textColor ?? theme.palette.primary.main;\r\n  const chipBorder = borderColor ?? theme.palette.primary.main;\r\n\r\n  return (\r\n    <Stack\r\n      spacing={0.5}\r\n      sx={{\r\n        width: fullWidth ? \"auto\" : \"fit-content\",\r\n      }}\r\n    >\r\n      {props.title && (\r\n        <Typography2\r\n          text={String(props.title)}\r\n          isRequired={required}\r\n          fontWeight={400}\r\n        />\r\n      )}\r\n\r\n      <Tooltip\r\n        title={tooltip ? t(tooltip) : \"\"}\r\n        disableInteractive={!tooltip}\r\n      >\r\n        <span>\r\n          <Chip\r\n            {...props}\r\n            disabled={disabled}\r\n            label={\r\n              typeof label === \"string\"\r\n                ? t(label)\r\n                : label\r\n            }\r\n            icon={startIcon}\r\n            deleteIcon={ endIcon ?? <CloseIcon fontSize=\"small\" /> }\r\n            onDelete={ removable ? onDelete : undefined }\r\n            clickable={props.clickable}\r\n            sx={{ width: fullWidth ? \"100%\" : \"fit-content\",justifyContent: \"flex-start\",borderRadius: \"999px\", height: 34, fontSize: 13, fontWeight: 500, transition: \".2s\",\r\n              ...(variantType === \"filled\" && {\r\n                bgcolor: bgColor,\r\n                color: chipColor,\r\n              }),\r\n\r\n              ...(variantType === \"outlined\" && {\r\n                bgcolor: \"transparent\",\r\n                color: chipColor,\r\n                border: `1px solid ${chipBorder}`,\r\n              }),\r\n\r\n              ...(variantType === \"soft\" && {\r\n                bgcolor: alpha(chipBorder, 0.12),\r\n                color: chipColor,\r\n                border: `1px solid ${alpha(\r\n                  chipBorder,\r\n                  0.2\r\n                )}`,\r\n              }),\r\n\r\n              \"& .MuiChip-label\": {\r\n                px: 1.5,\r\n                overflow: \"hidden\",\r\n                whiteSpace: \"nowrap\",\r\n                textOverflow: \"ellipsis\",\r\n              },\r\n\r\n              \"& .MuiChip-icon\": {\r\n                color: chipColor,\r\n                ml: 0.5,\r\n              },\r\n\r\n              \"& .MuiChip-deleteIcon\": {\r\n                color: chipColor,\r\n                mr: 0.5,\r\n\r\n                \"&:hover\": {\r\n                  color:\r\n                    theme.palette.error.main,\r\n                },\r\n              },\r\n\r\n              \"&:hover\": {\r\n                boxShadow: disabled\r\n                  ? \"none\"\r\n                  : theme.shadows[2],\r\n              },\r\n\r\n              ...sx,\r\n            }}\r\n          />\r\n        </span>\r\n      </Tooltip>\r\n    </Stack>\r\n  );\r\n};\r\n\r\nexport default React.memo(AppChip);"],"mappings":";;;;;;;;AAiIA,IAAA,IAAe,EAAM,MAlHoB,EACvC,UACA,cAAW,IACX,YACA,iBAAc,QACd,cACA,YACA,eAAY,IACZ,oBACA,cACA,gBACA,eAAY,IACZ,cAAW,IACX,OACA,aAEA,GAAG,QACc;CACjB,IAAM,EAAE,SAAM,EAAe,GACvB,IAAQ,EAAS,GACjB,IAAW,KAAmB,EAAM,EAAM,QAAQ,QAAQ,MAAM,GAAI,GACpE,IAAa,KAAa,EAAM,QAAQ,QAAQ,MAChD,IAAa,KAAe,EAAM,QAAQ,QAAQ;CAExD,OACE,kBAAC,GAAD;EACE,SAAS;EACT,IAAI,EACF,OAAO,IAAY,SAAS,cAC9B;EAJF,UAAA,CAMG,EAAM,SACL,kBAAC,GAAD;GACE,MAAM,OAAO,EAAM,KAAK;GACxB,YAAY;GACZ,YAAY;EACb,CAAA,GAGH,kBAAC,GAAD;GACE,OAAO,IAAU,EAAE,CAAO,IAAI;GAC9B,oBAAoB,CAAC;GAErB,UAAA,kBAAC,QAAD,EAAA,UACE,kBAAC,GAAD;IACE,GAAI;IACM;IACV,OACE,OAAO,KAAU,WACb,EAAE,CAAK,IACP;IAEN,MAAM;IACN,YAAa,KAAW,kBAAC,GAAD,EAAW,UAAS,QAAS,CAAA;IACrD,UAAW,IAAY,IAAW,KAAA;IAClC,WAAW,EAAM;IACjB,IAAI;KAAE,OAAO,IAAY,SAAS;KAAc,gBAAgB;KAAa,cAAc;KAAS,QAAQ;KAAI,UAAU;KAAI,YAAY;KAAK,YAAY;KACzJ,GAAI,MAAgB,YAAY;MAC9B,SAAS;MACT,OAAO;KACT;KAEA,GAAI,MAAgB,cAAc;MAChC,SAAS;MACT,OAAO;MACP,QAAQ,aAAa;KACvB;KAEA,GAAI,MAAgB,UAAU;MAC5B,SAAS,EAAM,GAAY,GAAI;MAC/B,OAAO;MACP,QAAQ,aAAa,EACnB,GACA,EACF;KACF;KAEA,oBAAoB;MAClB,IAAI;MACJ,UAAU;MACV,YAAY;MACZ,cAAc;KAChB;KAEA,mBAAmB;MACjB,OAAO;MACP,IAAI;KACN;KAEA,yBAAyB;MACvB,OAAO;MACP,IAAI;MAEJ,WAAW,EACT,OACE,EAAM,QAAQ,MAAM,KACxB;KACF;KAEA,WAAW,EACT,WAAW,IACP,SACA,EAAM,QAAQ,GACpB;KAEA,GAAG;IACL;GACD,CAAA,EACG,CAAA;EACC,CAAA,CACJ;;AAEX,CAEiC"}

package/dist/index618.js

@@ -0,0 +1,32 @@
+import { SnackbarEnum as e } from "./index4.js";
+import { useTranslation as t } from "react-i18next";
+import { Alert as n, Snackbar as r } from "@mui/material";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/libs/shared/UI/CustomSnackbar.tsx
+var a = ({ open: a, message: o, values: s, type: c = e.SUCCESS, autoHideDuration: l = 3e3, onClose: u }) => {
+	let { t: d } = t();
+	return /* @__PURE__ */ i(r, {
+		open: a,
+		autoHideDuration: l,
+		onClose: u,
+		anchorOrigin: {
+			vertical: "top",
+			horizontal: "right"
+		},
+		children: /* @__PURE__ */ i(n, {
+			severity: c,
+			variant: "filled",
+			onClose: u,
+			sx: {
+				width: "100%",
+				minWidth: 300,
+				borderRadius: 2
+			},
+			children: d(o, s)
+		})
+	});
+};
+//#endregion
+export { a as default };
+
+//# sourceMappingURL=index618.js.map

package/dist/index618.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index618.js","names":[],"sources":["../src/libs/shared/UI/CustomSnackbar.tsx"],"sourcesContent":["import { Snackbar, Alert } from \"@mui/material\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { SnackbarEnum } from \"libs/shared/enums/common-enums\";\r\n\r\ninterface SnackbarComponentProps {\r\n  open: boolean;\r\n  message: string;\r\n  values?: Record<string, unknown>;\r\n  type?: SnackbarEnum;\r\n  autoHideDuration?: number;\r\n  onClose: () => void;\r\n}\r\n\r\nconst SnackbarComponent = ({\r\n  open,\r\n  message,\r\n  values,\r\n  type = SnackbarEnum.SUCCESS,\r\n  autoHideDuration = 3000,\r\n  onClose,\r\n}: SnackbarComponentProps) => {\r\n  const { t } = useTranslation();\r\n\r\n  return (\r\n    <Snackbar\r\n      open={open}\r\n      autoHideDuration={autoHideDuration}\r\n      onClose={onClose}\r\n      anchorOrigin={{\r\n        vertical: \"top\",\r\n        horizontal: \"right\",\r\n      }}\r\n    >\r\n      <Alert\r\n        severity={type}\r\n        variant=\"filled\"\r\n        onClose={onClose}\r\n        sx={{\r\n          width: \"100%\",\r\n          minWidth: 300,\r\n          borderRadius: 2,\r\n        }}\r\n      >\r\n      {t(message, values)}\r\n      </Alert>\r\n    </Snackbar>\r\n  );\r\n};\r\n\r\nexport default SnackbarComponent;"],"mappings":";;;;;AAaA,IAAM,KAAqB,EACzB,SACA,YACA,WACA,UAAO,EAAa,SACpB,sBAAmB,KACnB,iBAC4B;CAC5B,IAAM,EAAE,SAAM,EAAe;CAE7B,OACE,kBAAC,GAAD;EACQ;EACY;EACT;EACT,cAAc;GACZ,UAAU;GACV,YAAY;EACd;EAEA,UAAA,kBAAC,GAAD;GACE,UAAU;GACV,SAAQ;GACC;GACT,IAAI;IACF,OAAO;IACP,UAAU;IACV,cAAc;GAChB;GAED,UAAA,EAAE,GAAS,CAAM;EACX,CAAA;CACC,CAAA;AAEd"}

package/dist/index619.js

@@ -0,0 +1,13 @@
+"use client";
+import * as e from "react";
+//#region node_modules/@mui/utils/useForcedRerendering/useForcedRerendering.mjs
+function t() {
+	let [, t] = e.useState({});
+	return e.useCallback(() => {
+		t({});
+	}, []);
+}
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=index619.js.map

package/dist/index619.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index619.js","names":["React"],"sources":["../node_modules/@mui/utils/useForcedRerendering/useForcedRerendering.mjs"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\n/**\n * Copied from @base-ui/utils\n *\n * Returns a function that forces a rerender.\n */\nexport default function useForcedRerendering() {\n  const [, setState] = React.useState({});\n  return React.useCallback(() => {\n    setState({});\n  }, []);\n}"],"x_google_ignoreList":[0],"mappings":";;;AASA,SAAwB,IAAuB;CAC7C,IAAM,GAAG,KAAYA,EAAM,SAAS,CAAC,CAAC;CACtC,OAAOA,EAAM,kBAAkB;EAC7B,EAAS,CAAC,CAAC;CACb,GAAG,CAAC,CAAC;AACP"}

package/dist/index62.js

@@ -1,12 +1,16 @@
-"use client";
-import e from "./index60.js";
-import t from "./index61.js";
-//#region node_modules/@mui/system/useTheme/useTheme.mjs
-var n = e();
-function r(e = n) {
-	return t(e);
-}
+import { __commonJSMin as e } from "./index2.js";
+import { require_react_is as t } from "./index55.js";
+import { require_factoryWithTypeCheckers as n } from "./index60.js";
+import { require_factoryWithThrowingShims as r } from "./index61.js";
+//#region node_modules/prop-types/index.js
+var i = /* @__PURE__ */ e(((e, i) => {
+	if (process.env.NODE_ENV !== "production") {
+		var a = t();
+		i.exports = n()(a.isElement, !0);
+	} else i.exports = r()();
+}));
 //#endregion
-export { r as default, n as systemDefaultTheme };
+export default i();
+export { i as require_prop_types };
 
 //# sourceMappingURL=index62.js.map

package/dist/index62.js.map

@@ -1 +1 @@
-{"version":3,"file":"index62.js","names":[],"sources":["../node_modules/@mui/system/useTheme/useTheme.mjs"],"sourcesContent":["'use client';\n\nimport createTheme from \"../createTheme/index.mjs\";\nimport useThemeWithoutDefault from \"../useThemeWithoutDefault/index.mjs\";\nexport const systemDefaultTheme = createTheme();\nfunction useTheme(defaultTheme = systemDefaultTheme) {\n  return useThemeWithoutDefault(defaultTheme);\n}\nexport default useTheme;"],"x_google_ignoreList":[0],"mappings":";;;;AAIA,IAAa,IAAqB,EAAY;AAC9C,SAAS,EAAS,IAAe,GAAoB;CACnD,OAAO,EAAuB,CAAY;AAC5C"}
+{"version":3,"file":"index62.js","names":[],"sources":["../node_modules/prop-types/index.js"],"sourcesContent":["/**\n * Copyright (c) 2013-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nif (process.env.NODE_ENV !== 'production') {\n  var ReactIs = require('react-is');\n\n  // By explicitly using `prop-types` you are opting into new development behavior.\n  // http://fb.me/prop-types-in-prod\n  var throwOnDirectAccess = true;\n  module.exports = require('./factoryWithTypeCheckers')(ReactIs.isElement, throwOnDirectAccess);\n} else {\n  // By explicitly using `prop-types` you are opting into new production behavior.\n  // http://fb.me/prop-types-in-prod\n  module.exports = require('./factoryWithThrowingShims')();\n}\n"],"x_google_ignoreList":[0],"mappings":";;;;;;CAOA,IAAA,QAAA,IAAA,aAA6B,cAAc;EACzC,IAAI,IAAA,EAAA;EAKJ,EAAO,UAAA,EAAA,CAAA,CAA+C,EAAQ,WAAW,CAD/C,CACkE;CAC9F,OAGE,EAAO,UAAA,EAAA,CAAA,CAAgD"}

package/dist/index620.js

@@ -0,0 +1,13 @@
+"use client";
+import * as e from "react";
+//#region node_modules/@mui/utils/usePreviousProps/usePreviousProps.mjs
+function t(t) {
+	let n = e.useRef({});
+	return e.useEffect(() => {
+		n.current = t;
+	}), n.current;
+}
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=index620.js.map

package/dist/index620.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index620.js","names":["React"],"sources":["../node_modules/@mui/utils/usePreviousProps/usePreviousProps.mjs"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nfunction usePreviousProps(value) {\n  const ref = React.useRef({});\n  React.useEffect(() => {\n    ref.current = value;\n  });\n  return ref.current;\n}\nexport default usePreviousProps;"],"x_google_ignoreList":[0],"mappings":";;;AAGA,SAAS,EAAiB,GAAO;CAC/B,IAAM,IAAMA,EAAM,OAAO,CAAC,CAAC;CAI3B,OAHA,EAAM,gBAAgB;EACpB,EAAI,UAAU;CAChB,CAAC,GACM,EAAI;AACb"}