@argusoft/medplat-form-engine 1.0.8 → 1.0.10

package/dist/AppModal-BgZyfrd--CNvWjWhL.js

@@ -0,0 +1,428 @@
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { useRef as de, useState as r, useEffect as _ } from "react";
+import n from "prop-types";
+import { useForm as pe } from "react-hook-form";
+import { yupResolver as ce } from "@hookform/resolvers/yup";
+import t from "@mui/material/Grid2";
+import * as b from "yup";
+import { Modal as me, Typography as ue, IconButton as fe, Button as v, FormControl as z, Box as s } from "@mui/material";
+import K from "@/views/custom-components/CustomTextField";
+import { showToast as p } from "@/common/toaster/toaster";
+import { g as he, A as ye, u as W, c as ge } from "./ManageTranslation-BTxvSYKb-CwT975cy.js";
+import be from "@/views/custom-components/CustomConfirmationModal";
+import ve from "@/hooks/useTrackEvent";
+import { useTranslateProvider as xe } from "@/common/languageTranslator/TranslationContext";
+import { faXmark as Ae, faPen as we, faBars as Ce } from "@fortawesome/free-solid-svg-icons";
+import { FontAwesomeIcon as x } from "@fortawesome/react-fontawesome";
+import ke from "@/views/custom-components/CustomizedTable/CustomizedTableV2";
+const Ne = ({
+  open: D,
+  handleClose: F,
+  languages: A,
+  refresh: w,
+  refetch: C,
+  selectedApp: P,
+  setSelectedApp: R
+}) => {
+  const k = de(null), h = ve(), [X, q] = r([]), [c, H] = r([]), [N, m] = r(!1), [O, S] = r(!1), { translate: i } = xe(), [$, y] = r(!1), [G, L] = r(""), [U, Y] = r(""), [d, J] = r({}), [V, I] = r(!1), Q = b.object().shape({
+    appValue: b.string().required("Select App Value"),
+    appKey: b.string().required("Enter App key")
+  }), {
+    control: j,
+    handleSubmit: Z,
+    reset: M,
+    setValue: u,
+    formState: { errors: T }
+  } = pe({
+    defaultValues: {},
+    resolver: ce(Q),
+    mode: "onChange"
+  }), ee = [
+    { field: "Sr. No.", label: "Sr.No", align: "left" },
+    { field: "appValue", label: "App", align: "left" },
+    { field: "stateValue", label: "State", align: "left" },
+    { field: "Actions", label: "Actions" }
+  ], ae = (e) => {
+    u("appKey", e == null ? void 0 : e.appKey), u("appValue", e == null ? void 0 : e.appValue), u("id", e == null ? void 0 : e.id), u("isActive", e == null ? void 0 : e.isActive), S(!0), m(!0);
+  }, te = (e) => {
+    L(
+      (e == null ? void 0 : e.stateValue) === "Active" ? "Mark as Inactive" : "Mark as Active"
+    ), Y(
+      (e == null ? void 0 : e.stateValue) === "Active" ? "Are you sure you want to change the state from active to inactive?" : "Are you sure you want to change the state from inactive to active?"
+    ), J(e);
+  }, le = () => {
+    y((e) => !e);
+  }, oe = async () => {
+    try {
+      d.isActive = !d.isActive, await W(d), g(), P === (d == null ? void 0 : d.id) && R(null), await w(), C(), y((e) => !e);
+    } catch (e) {
+      console.error(e), p({ message: "Error in Toggle State", type: "error" });
+    }
+  }, ie = [
+    { label: i(G), onClick: le }
+  ], re = [
+    {
+      label: "",
+      icon: /* @__PURE__ */ a(x, { icon: we }),
+      onClick: ae,
+      dataTestId: "app-modal-edit-icon"
+    },
+    {
+      label: "",
+      icon: /* @__PURE__ */ a(x, { icon: Ce }),
+      menuClick: te,
+      menuItems: ie,
+      dataTestId: "app-modal-menu-icon"
+    }
+  ], ne = () => {
+    M(), S(!1), m(!0);
+  };
+  _(() => {
+    if (c) {
+      const e = [];
+      c == null || c.forEach((l) => {
+        let f = { ...l };
+        l != null && l.isActive ? f.stateValue = "Active" : f.stateValue = "Inactive", A == null || A.forEach((E) => {
+          l.language === E.id && (f.languagevalue = E.languageValue);
+        }), e.push(f);
+      }), q(e);
+    }
+  }, [c]), _(() => {
+    g();
+  }, []);
+  const g = async () => {
+    I((e) => !e);
+    try {
+      const e = await he();
+      H(e == null ? void 0 : e.data);
+    } catch (e) {
+      console.error(e), p({ message: "Error in loading apps", type: "error" });
+    } finally {
+      I((e) => !e);
+    }
+  }, B = () => {
+    F();
+  }, se = async (e) => {
+    try {
+      h("button_click", {
+        button_name: "add-app-add-button",
+        button_type: "submit",
+        button_id: "add-app-submit-button"
+      });
+      let l = { ...e };
+      O ? (await W(l), p({ message: "App Updated Succesfully", type: "success" })) : (l.isActive = !0, await ge(l), p({ message: "App added Succesfully", type: "success" })), h("conversion_event", {
+        form: k.current,
+        form_name: "Add app Configuration",
+        submit: !0
+      }), g(), await w(), C(), m(!1);
+    } catch (l) {
+      console.error(l), p({ message: "Error in Adding App", type: "error" });
+    }
+  };
+  return /* @__PURE__ */ a(
+    me,
+    {
+      "data-testid": "appModal-modal",
+      open: D,
+      onClose: () => {
+        B(), M();
+      },
+      className: "translation-modal",
+      children: /* @__PURE__ */ o(
+        t,
+        {
+          container: !0,
+          sx: {
+            display: "flex",
+            flexDirection: "column",
+            position: "absolute",
+            top: 20,
+            left: "50%",
+            transform: "translateX(-50%)",
+            width: "95%",
+            maxW: "100%",
+            maxWidth: { sm: 600, md: 700, lg: 800 },
+            bgcolor: "background.paper",
+            boxShadow: 24,
+            border: 1,
+            borderColor: "divider",
+            borderRadius: 0.5
+          },
+          children: [
+            /* @__PURE__ */ a(
+              be,
+              {
+                description: U,
+                title: "CONFIRM ACTION",
+                handleClick: oe,
+                open: $,
+                handleClose: () => {
+                  y((e) => !e);
+                },
+                "data-testid": "app-modal-customconfirmation"
+              }
+            ),
+            /* @__PURE__ */ o(
+              t,
+              {
+                sx: {
+                  p: 1.25,
+                  px: 3,
+                  display: "flex",
+                  justifyContent: "space-between",
+                  alignItems: "center",
+                  borderBottom: 1,
+                  borderColor: "divider",
+                  flexWrap: "wrap",
+                  gap: 1
+                },
+                "data-testid": "appModal-header",
+                children: [
+                  /* @__PURE__ */ a(
+                    ue,
+                    {
+                      variant: "body1",
+                      className: "text-customBlue",
+                      sx: { fontWeight: "medium", fontSize: "1.125rem" },
+                      children: i("Manage Apps")
+                    }
+                  ),
+                  /* @__PURE__ */ a(
+                    fe,
+                    {
+                      size: "small",
+                      onClick: () => {
+                        B();
+                      },
+                      "data-testid": "appModal-close-button",
+                      children: /* @__PURE__ */ a(x, { icon: Ae })
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ a(
+              t,
+              {
+                item: !0,
+                sx: {
+                  overflowY: "auto",
+                  maxHeight: "80vh",
+                  width: "100%",
+                  overflowX: "auto"
+                },
+                children: /* @__PURE__ */ a(
+                  t,
+                  {
+                    sx: {
+                      p: 1.25,
+                      px: 3,
+                      display: "flex",
+                      justifyContent: "space-between",
+                      alignItems: "center",
+                      borderBottom: 1,
+                      borderColor: "divider",
+                      flexWrap: "wrap",
+                      gap: 1
+                    },
+                    children: /* @__PURE__ */ o(t, { item: !0, className: "w-full", children: [
+                      !N && /* @__PURE__ */ a(t, { container: !0, justifyContent: "flex-end", className: "pb-[10px]", children: /* @__PURE__ */ a(ye, { isLoading: V, children: /* @__PURE__ */ a(t, { item: !0, children: /* @__PURE__ */ o(
+                        v,
+                        {
+                          size: "small",
+                          variant: "contained",
+                          "data-testid": "add-app-button",
+                          color: "primary",
+                          onClick: ne,
+                          children: [
+                            i("Add"),
+                            " ",
+                            i("App")
+                          ]
+                        }
+                      ) }) }) }),
+                      N && /* @__PURE__ */ a(t, { container: !0, justifyContent: "flex-start", sx: { pb: 1.25 }, children: /* @__PURE__ */ o("form", { onSubmit: Z(se), className: "w-full", children: [
+                        /* @__PURE__ */ a(t, { item: !0, className: "pb-[5px]", children: /* @__PURE__ */ a(
+                          z,
+                          {
+                            variant: "outlined",
+                            className: "w-full",
+                            "data-testid": "app-value-field",
+                            children: /* @__PURE__ */ o(
+                              s,
+                              {
+                                sx: {
+                                  display: "flex",
+                                  alignItems: "center",
+                                  gap: 2,
+                                  mb: 1,
+                                  width: "100%"
+                                },
+                                children: [
+                                  /* @__PURE__ */ o(s, { sx: { width: "100%" }, children: [
+                                    i("App"),
+                                    /* @__PURE__ */ a(
+                                      s,
+                                      {
+                                        component: "span",
+                                        sx: { color: "error.main", ml: 0.5 },
+                                        children: "*"
+                                      }
+                                    )
+                                  ] }),
+                                  /* @__PURE__ */ a(
+                                    K,
+                                    {
+                                      control: j,
+                                      id: "appValue",
+                                      name: "appValue",
+                                      errors: T,
+                                      label: "",
+                                      size: "small",
+                                      className: "w-full",
+                                      "data-testid": "app-value-input"
+                                    }
+                                  )
+                                ]
+                              }
+                            )
+                          }
+                        ) }),
+                        /* @__PURE__ */ a(t, { item: !0, className: "pb-[5px]", children: /* @__PURE__ */ a(
+                          z,
+                          {
+                            variant: "outlined",
+                            className: "w-full",
+                            "data-testid": "app-key-field",
+                            children: /* @__PURE__ */ o(
+                              s,
+                              {
+                                sx: {
+                                  display: "flex",
+                                  alignItems: "center",
+                                  gap: 2,
+                                  mb: 1,
+                                  width: "100%"
+                                },
+                                children: [
+                                  /* @__PURE__ */ o(s, { sx: { width: "100%" }, children: [
+                                    i("App"),
+                                    " ",
+                                    i("Key"),
+                                    /* @__PURE__ */ a(
+                                      s,
+                                      {
+                                        component: "span",
+                                        sx: { color: "error.main", ml: 0.5 },
+                                        children: "*"
+                                      }
+                                    )
+                                  ] }),
+                                  /* @__PURE__ */ a(
+                                    K,
+                                    {
+                                      control: j,
+                                      id: "appKey",
+                                      name: "appKey",
+                                      errors: T,
+                                      label: "",
+                                      size: "small",
+                                      className: "w-full",
+                                      "data-testid": "app-key-input"
+                                    }
+                                  )
+                                ]
+                              }
+                            )
+                          }
+                        ) }),
+                        /* @__PURE__ */ a(
+                          t,
+                          {
+                            item: !0,
+                            sx: {
+                              pb: 0.625,
+                              display: "flex",
+                              justifyContent: "flex-end",
+                              width: "100%"
+                            },
+                            children: /* @__PURE__ */ o(
+                              s,
+                              {
+                                sx: {
+                                  display: "flex",
+                                  flexDirection: { xs: "column", sm: "row" },
+                                  gap: 1,
+                                  width: { xs: "100%", sm: "auto" },
+                                  justifyContent: "flex-end"
+                                },
+                                children: [
+                                  /* @__PURE__ */ a(
+                                    v,
+                                    {
+                                      size: "small",
+                                      variant: "contained",
+                                      "data-testid": "add-app-cancel",
+                                      color: "secondary",
+                                      onClick: () => {
+                                        m(!1), h("conversion_event", {
+                                          form: k.current,
+                                          form_name: "Add App Configuration",
+                                          submit: !1
+                                        });
+                                      },
+                                      children: i("Cancel")
+                                    }
+                                  ),
+                                  /* @__PURE__ */ a(
+                                    v,
+                                    {
+                                      type: "submit",
+                                      size: "small",
+                                      variant: "contained",
+                                      "data-testid": "add-app-save",
+                                      color: "primary",
+                                      children: i("Save")
+                                    }
+                                  )
+                                ]
+                              }
+                            )
+                          }
+                        )
+                      ] }) }),
+                      /* @__PURE__ */ a(t, { className: "w-full block", children: /* @__PURE__ */ a(
+                        ke,
+                        {
+                          columns: ee,
+                          tableData: X,
+                          actions: re,
+                          paginationConfig: { pagination: !1 },
+                          styleConfig: { tableStyle: { maxHeight: 120 } },
+                          isLoading: V
+                        }
+                      ) })
+                    ] })
+                  }
+                )
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+};
+Ne.propTypes = {
+  open: n.any,
+  handleClose: n.any,
+  languages: n.any,
+  refresh: n.any,
+  refetch: n.any,
+  selectedApp: n.any,
+  setSelectedApp: n.any
+};
+export {
+  Ne as default
+};
+//# sourceMappingURL=AppModal-BgZyfrd--CNvWjWhL.js.map

package/dist/AppModal-BgZyfrd--CNvWjWhL.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppModal-BgZyfrd--CNvWjWhL.js","sources":["../../core/dist/AppModal-BgZyfrd-.js"],"sourcesContent":["import { jsx as t, jsxs as i } from \"react/jsx-runtime\";\nimport { useRef as ce, useState as l, useEffect as _ } from \"react\";\nimport n from \"prop-types\";\nimport { useForm as pe } from \"react-hook-form\";\nimport { yupResolver as de } from \"@hookform/resolvers/yup\";\nimport a from \"@mui/material/Grid2\";\nimport * as v from \"yup\";\nimport { Modal as me, Typography as ue, IconButton as fe, Button as x, FormControl as B, Box as r } from \"@mui/material\";\nimport D from \"@/views/custom-components/CustomTextField\";\nimport { showToast as d } from \"@/common/toaster/toaster\";\nimport { g as he, A as ye, u as F, c as ge } from \"./ManageTranslation-BTxvSYKb.js\";\nimport be from \"@/views/custom-components/CustomConfirmationModal\";\nimport ve from \"@/hooks/useTrackEvent\";\nimport { useTranslateProvider as xe } from \"@/common/languageTranslator/TranslationContext\";\nimport { faXmark as Ae, faPen as Ce, faBars as Se } from \"@fortawesome/free-solid-svg-icons\";\nimport { FontAwesomeIcon as A } from \"@fortawesome/react-fontawesome\";\nimport ke from \"@/views/custom-components/CustomizedTable/CustomizedTableV2\";\nconst we = ({\n  open: K,\n  handleClose: L,\n  languages: h,\n  refresh: C,\n  refetch: S,\n  selectedApp: O,\n  setSelectedApp: R\n}) => {\n  const k = ce(null), y = ve(), [W, P] = l([]), [p, X] = l([]), [w, m] = l(!1), [q, T] = l(!1), { translate: s } = xe(), [H, g] = l(!1), [G, U] = l(\"\"), [Y, J] = l(\"\"), [c, Q] = l({}), [I, N] = l(!1), Z = v.object().shape({\n    appValue: v.string().required(\"Select App Value\"),\n    appKey: v.string().required(\"Enter App key\")\n  }), {\n    control: V,\n    handleSubmit: $,\n    reset: E,\n    setValue: u,\n    formState: { errors: M }\n  } = pe({\n    defaultValues: {},\n    resolver: de(Z),\n    mode: \"onChange\"\n  }), ee = [\n    { field: \"Sr. No.\", label: \"Sr.No\", align: \"left\" },\n    { field: \"appValue\", label: \"App\", align: \"left\" },\n    { field: \"stateValue\", label: \"State\", align: \"left\" },\n    { field: \"Actions\", label: \"Actions\" }\n  ], te = (e) => {\n    u(\"appKey\", e == null ? void 0 : e.appKey), u(\"appValue\", e == null ? void 0 : e.appValue), u(\"id\", e == null ? void 0 : e.id), u(\"isActive\", e == null ? void 0 : e.isActive), T(!0), m(!0);\n  }, ae = (e) => {\n    U(\n      (e == null ? void 0 : e.stateValue) === \"Active\" ? \"Mark as Inactive\" : \"Mark as Active\"\n    ), J(\n      (e == null ? void 0 : e.stateValue) === \"Active\" ? \"Are you sure you want to change the state from active to inactive?\" : \"Are you sure you want to change the state from inactive to active?\"\n    ), Q(e);\n  }, oe = () => {\n    g((e) => !e);\n  }, ie = async () => {\n    try {\n      c.isActive = !c.isActive, await F(c), b(), O === (c == null ? void 0 : c.id) && R(null), await C(), S(), g((e) => !e);\n    } catch (e) {\n      console.error(e), d({ message: \"Error in Toggle State\", type: \"error\" });\n    }\n  }, se = [\n    { label: s(G), onClick: oe }\n  ], le = [\n    {\n      label: \"\",\n      icon: /* @__PURE__ */ t(A, { icon: Ce }),\n      onClick: te,\n      dataTestId: \"app-modal-edit-icon\"\n    },\n    {\n      label: \"\",\n      icon: /* @__PURE__ */ t(A, { icon: Se }),\n      menuClick: ae,\n      menuItems: se,\n      dataTestId: \"app-modal-menu-icon\"\n    }\n  ], ne = () => {\n    E(), T(!1), m(!0);\n  };\n  _(() => {\n    if (p) {\n      const e = [];\n      p == null || p.forEach((o) => {\n        let f = { ...o };\n        o != null && o.isActive ? f.stateValue = \"Active\" : f.stateValue = \"Inactive\", h == null || h.forEach((z) => {\n          o.language === z.id && (f.languagevalue = z.languageValue);\n        }), e.push(f);\n      }), P(e);\n    }\n  }, [p]), _(() => {\n    b();\n  }, []);\n  const b = async () => {\n    N((e) => !e);\n    try {\n      const e = await he();\n      X(e == null ? void 0 : e.data);\n    } catch (e) {\n      console.error(e), d({ message: \"Error in loading apps\", type: \"error\" });\n    } finally {\n      N((e) => !e);\n    }\n  }, j = () => {\n    L();\n  }, re = async (e) => {\n    try {\n      y(\"button_click\", {\n        button_name: \"add-app-add-button\",\n        button_type: \"submit\",\n        button_id: \"add-app-submit-button\"\n      });\n      let o = { ...e };\n      q ? (await F(o), d({ message: \"App Updated Succesfully\", type: \"success\" })) : (o.isActive = !0, await ge(o), d({ message: \"App added Succesfully\", type: \"success\" })), y(\"conversion_event\", {\n        form: k.current,\n        form_name: \"Add app Configuration\",\n        submit: !0\n      }), b(), await C(), S(), m(!1);\n    } catch (o) {\n      console.error(o), d({ message: \"Error in Adding App\", type: \"error\" });\n    }\n  };\n  return /* @__PURE__ */ t(\n    me,\n    {\n      \"data-testid\": \"appModal-modal\",\n      open: K,\n      onClose: () => {\n        j(), E();\n      },\n      className: \"translation-modal\",\n      children: /* @__PURE__ */ i(\n        a,\n        {\n          container: !0,\n          sx: {\n            display: \"flex\",\n            flexDirection: \"column\",\n            position: \"absolute\",\n            top: 20,\n            left: \"50%\",\n            transform: \"translateX(-50%)\",\n            width: \"95%\",\n            maxW: \"100%\",\n            maxWidth: { sm: 600, md: 700, lg: 800 },\n            bgcolor: \"background.paper\",\n            boxShadow: 24,\n            border: 1,\n            borderColor: \"divider\",\n            borderRadius: 0.5\n          },\n          children: [\n            /* @__PURE__ */ t(\n              be,\n              {\n                description: Y,\n                title: \"CONFIRM ACTION\",\n                handleClick: ie,\n                open: H,\n                handleClose: () => {\n                  g((e) => !e);\n                },\n                \"data-testid\": \"app-modal-customconfirmation\"\n              }\n            ),\n            /* @__PURE__ */ i(\n              a,\n              {\n                sx: {\n                  p: 1.25,\n                  px: 3,\n                  display: \"flex\",\n                  justifyContent: \"space-between\",\n                  alignItems: \"center\",\n                  borderBottom: 1,\n                  borderColor: \"divider\",\n                  flexWrap: \"wrap\",\n                  gap: 1\n                },\n                \"data-testid\": \"appModal-header\",\n                children: [\n                  /* @__PURE__ */ t(\n                    ue,\n                    {\n                      variant: \"body1\",\n                      className: \"text-customBlue\",\n                      sx: { fontWeight: \"medium\", fontSize: \"1.125rem\" },\n                      children: s(\"Manage Apps\")\n                    }\n                  ),\n                  /* @__PURE__ */ t(\n                    fe,\n                    {\n                      size: \"small\",\n                      onClick: () => {\n                        j();\n                      },\n                      \"data-testid\": \"appModal-close-button\",\n                      children: /* @__PURE__ */ t(A, { icon: Ae })\n                    }\n                  )\n                ]\n              }\n            ),\n            /* @__PURE__ */ t(\n              a,\n              {\n                item: !0,\n                sx: {\n                  overflowY: \"auto\",\n                  maxHeight: \"80vh\",\n                  width: \"100%\",\n                  overflowX: \"auto\"\n                },\n                children: /* @__PURE__ */ t(\n                  a,\n                  {\n                    sx: {\n                      p: 1.25,\n                      px: 3,\n                      display: \"flex\",\n                      justifyContent: \"space-between\",\n                      alignItems: \"center\",\n                      borderBottom: 1,\n                      borderColor: \"divider\",\n                      flexWrap: \"wrap\",\n                      gap: 1\n                    },\n                    children: /* @__PURE__ */ i(a, { item: !0, className: \"w-full\", children: [\n                      !w && /* @__PURE__ */ t(a, { container: !0, justifyContent: \"flex-end\", className: \"pb-[10px]\", children: /* @__PURE__ */ t(ye, { isLoading: I, children: /* @__PURE__ */ t(a, { item: !0, children: /* @__PURE__ */ i(\n                        x,\n                        {\n                          size: \"small\",\n                          variant: \"contained\",\n                          \"data-testid\": \"add-app-button\",\n                          color: \"primary\",\n                          onClick: ne,\n                          children: [\n                            s(\"Add\"),\n                            \" \",\n                            s(\"App\")\n                          ]\n                        }\n                      ) }) }) }),\n                      w && /* @__PURE__ */ t(a, { container: !0, justifyContent: \"flex-start\", sx: { pb: 1.25 }, children: /* @__PURE__ */ i(\"form\", { onSubmit: $(re), className: \"w-full\", children: [\n                        /* @__PURE__ */ t(a, { item: !0, className: \"pb-[5px]\", children: /* @__PURE__ */ t(\n                          B,\n                          {\n                            variant: \"outlined\",\n                            className: \"w-full\",\n                            \"data-testid\": \"app-value-field\",\n                            children: /* @__PURE__ */ i(\n                              r,\n                              {\n                                sx: {\n                                  display: \"flex\",\n                                  alignItems: \"center\",\n                                  gap: 2,\n                                  mb: 1,\n                                  width: \"100%\"\n                                },\n                                children: [\n                                  /* @__PURE__ */ i(r, { sx: { width: \"100%\" }, children: [\n                                    s(\"App\"),\n                                    /* @__PURE__ */ t(\n                                      r,\n                                      {\n                                        component: \"span\",\n                                        sx: { color: \"error.main\", ml: 0.5 },\n                                        children: \"*\"\n                                      }\n                                    )\n                                  ] }),\n                                  /* @__PURE__ */ t(\n                                    D,\n                                    {\n                                      control: V,\n                                      id: \"appValue\",\n                                      name: \"appValue\",\n                                      errors: M,\n                                      label: \"\",\n                                      size: \"small\",\n                                      className: \"w-full\",\n                                      \"data-testid\": \"app-value-input\"\n                                    }\n                                  )\n                                ]\n                              }\n                            )\n                          }\n                        ) }),\n                        /* @__PURE__ */ t(a, { item: !0, className: \"pb-[5px]\", children: /* @__PURE__ */ t(\n                          B,\n                          {\n                            variant: \"outlined\",\n                            className: \"w-full\",\n                            \"data-testid\": \"app-key-field\",\n                            children: /* @__PURE__ */ i(\n                              r,\n                              {\n                                sx: {\n                                  display: \"flex\",\n                                  alignItems: \"center\",\n                                  gap: 2,\n                                  mb: 1,\n                                  width: \"100%\"\n                                },\n                                children: [\n                                  /* @__PURE__ */ i(r, { sx: { width: \"100%\" }, children: [\n                                    s(\"App\"),\n                                    \" \",\n                                    s(\"Key\"),\n                                    /* @__PURE__ */ t(\n                                      r,\n                                      {\n                                        component: \"span\",\n                                        sx: { color: \"error.main\", ml: 0.5 },\n                                        children: \"*\"\n                                      }\n                                    )\n                                  ] }),\n                                  /* @__PURE__ */ t(\n                                    D,\n                                    {\n                                      control: V,\n                                      id: \"appKey\",\n                                      name: \"appKey\",\n                                      errors: M,\n                                      label: \"\",\n                                      size: \"small\",\n                                      className: \"w-full\",\n                                      \"data-testid\": \"app-key-input\"\n                                    }\n                                  )\n                                ]\n                              }\n                            )\n                          }\n                        ) }),\n                        /* @__PURE__ */ t(\n                          a,\n                          {\n                            item: !0,\n                            sx: {\n                              pb: 0.625,\n                              display: \"flex\",\n                              justifyContent: \"flex-end\",\n                              width: \"100%\"\n                            },\n                            children: /* @__PURE__ */ i(\n                              r,\n                              {\n                                sx: {\n                                  display: \"flex\",\n                                  flexDirection: { xs: \"column\", sm: \"row\" },\n                                  gap: 1,\n                                  width: { xs: \"100%\", sm: \"auto\" },\n                                  justifyContent: \"flex-end\"\n                                },\n                                children: [\n                                  /* @__PURE__ */ t(\n                                    x,\n                                    {\n                                      size: \"small\",\n                                      variant: \"contained\",\n                                      \"data-testid\": \"add-app-cancel\",\n                                      color: \"secondary\",\n                                      onClick: () => {\n                                        m(!1), y(\"conversion_event\", {\n                                          form: k.current,\n                                          form_name: \"Add App Configuration\",\n                                          submit: !1\n                                        });\n                                      },\n                                      children: s(\"Cancel\")\n                                    }\n                                  ),\n                                  /* @__PURE__ */ t(\n                                    x,\n                                    {\n                                      type: \"submit\",\n                                      size: \"small\",\n                                      variant: \"contained\",\n                                      \"data-testid\": \"add-app-save\",\n                                      color: \"primary\",\n                                      children: s(\"Save\")\n                                    }\n                                  )\n                                ]\n                              }\n                            )\n                          }\n                        )\n                      ] }) }),\n                      /* @__PURE__ */ t(a, { className: \"w-full block\", children: /* @__PURE__ */ t(\n                        ke,\n                        {\n                          columns: ee,\n                          tableData: W,\n                          actions: le,\n                          paginationConfig: { pagination: !1 },\n                          styleConfig: { tableStyle: { maxHeight: 120 } },\n                          isLoading: I\n                        }\n                      ) })\n                    ] })\n                  }\n                )\n              }\n            )\n          ]\n        }\n      )\n    }\n  );\n};\nwe.propTypes = {\n  open: n.any,\n  handleClose: n.any,\n  languages: n.any,\n  refresh: n.any,\n  refetch: n.any,\n  selectedApp: n.any,\n  setSelectedApp: n.any\n};\nexport {\n  we as default\n};\n//# sourceMappingURL=AppModal-BgZyfrd-.js.map\n"],"names":["we","K","L","h","C","S","O","ce","y","ve","W","P","l","p","X","w","q","T","s","xe","H","g","U","Y","J","c","Q","I","N","Z","v","V","$","E","M","pe","de","te","ae","oe","ie","F","b","d","se","le","t","A","Ce","Se","_","o","z","he","j","re","ge","me","i","a","be","ue","fe","Ae","ye","x","B","r","D","ke","n"],"mappings":"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"}

package/dist/ChangePasswordModal-MV7g8tkA-BDA1Pw0i.js

@@ -0,0 +1,176 @@
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import { yupResolver as j } from "@hookform/resolvers/yup";
+import c from "prop-types";
+import { Modal as q, Paper as W, Card as B, CardHeader as E, Typography as m, CardContent as F, Button as g } from "@mui/material";
+import s from "@mui/material/Grid2";
+import * as t from "yup";
+import { useRef as y, useEffect as H } from "react";
+import { useForm as M } from "react-hook-form";
+import { P as b, a as O } from "./ManageUser-PHiTNyF8-Bddmh2CC.js";
+import R from "@/hooks/useAESEncryption.js";
+import { F as _ } from "./UserListSkeleton-cglK2SaU-B_Tj5gUp.js";
+import { showToast as C } from "@/common/toaster/toaster.jsx";
+import $ from "@/hooks/useTrackEvent";
+import { useTranslateProvider as k } from "@/common/languageTranslator/TranslationContext";
+const A = t.object().shape({
+  password: t.string().required("Password is required").matches(
+    /^(?=.*[a-z])(?=.*[A-Z])(?=.*[@$!%*?&#]).{8,}$/,
+    "Password must be at least 8 characters long with one uppercase letter and one special character"
+  ),
+  confirmPassword: t.string().required("Confirm Password is required").oneOf([t.ref("password"), null], "Passwords do not match")
+}), G = ({ open: P, onClose: n, userId: x, ...v }) => {
+  const {
+    control: p,
+    formState: { errors: h },
+    handleSubmit: N,
+    watch: z
+  } = M({ resolver: j(A), mode: "onChange" }), d = y(null), u = y(!1), S = $(), T = R(), { translate: a } = k(), I = async ({ password: o }) => {
+    var f, w;
+    try {
+      const i = await T.encrypt(o);
+      try {
+        await _({
+          oldPassword: i,
+          userId: x
+        }), n(), C({
+          message: "Password Changed Successfully",
+          type: "success"
+        }), u.current = !0;
+      } catch (l) {
+        console.error(l), C({
+          message: ((w = (f = l == null ? void 0 : l.response) == null ? void 0 : f.data) == null ? void 0 : w.message) || "Something Went Wrong",
+          type: "error"
+        });
+      }
+    } catch (i) {
+      console.error(i);
+    }
+  };
+  return H(() => {
+    let o = d.current;
+    return () => {
+      o && S("conversion_event", {
+        form: o,
+        form_name: "Change Password",
+        submit: u.current
+      });
+    };
+  }, [d.current]), /* @__PURE__ */ e(q, { open: P, onClose: n, ...v, children: /* @__PURE__ */ e(W, { className: "absolute mt-[12rem] top-[10%] left-1/2 transform -translate-x-1/2 -translate-y-1/2 w-[90%] md:w-[60%]", children: /* @__PURE__ */ r(
+    B,
+    {
+      className: "m-0",
+      elevation: 5,
+      component: "form",
+      ref: d,
+      onSubmit: N(I),
+      noValidate: !0,
+      children: [
+        /* @__PURE__ */ e(
+          E,
+          {
+            className: "manage-user-type-header",
+            subheader: /* @__PURE__ */ r(m, { className: "subheader-style text-customBlue text-lg", children: [
+              a("Change Password"),
+              " "
+            ] }),
+            "data-testid": "changepasswordmodal-cardheader-subheader"
+          }
+        ),
+        /* @__PURE__ */ r(F, { children: [
+          /* @__PURE__ */ r(s, { container: !0, spacing: 2, alignItems: "space-between", children: [
+            /* @__PURE__ */ e(s, { size: { xs: 10 }, children: /* @__PURE__ */ r(m, { variant: "body1", className: "flex items-center", children: [
+              a("New Password"),
+              " ",
+              /* @__PURE__ */ e("span", { className: "text-red-500 ml-1", children: "*" })
+            ] }) }),
+            /* @__PURE__ */ e(
+              s,
+              {
+                size: { xs: 12 },
+                "data-testid": "changepasswordmodal-grid-newpasswordfield",
+                children: /* @__PURE__ */ e(
+                  b,
+                  {
+                    control: p,
+                    name: "password",
+                    errors: h
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ e(
+              s,
+              {
+                size: { xs: 12 },
+                "data-testid": "changepasswordmodal-grid-passwordstrengthbar",
+                children: /* @__PURE__ */ e(O, { password: z("password") })
+              }
+            ),
+            /* @__PURE__ */ e(
+              s,
+              {
+                size: { xs: 12 },
+                "data-testid": "changepasswordmodal-grid-confirmpasswordlabel",
+                children: /* @__PURE__ */ r(m, { variant: "body1", className: "flex items-center", children: [
+                  a("Confirm Password"),
+                  " ",
+                  /* @__PURE__ */ e("span", { className: "text-red-500 ml-1", children: "*" })
+                ] })
+              }
+            ),
+            /* @__PURE__ */ e(
+              s,
+              {
+                size: { xs: 12 },
+                "data-testid": "changepaConfirm Passwordsswordmodal-grid-confirmpasswordfield",
+                children: /* @__PURE__ */ e(
+                  b,
+                  {
+                    control: p,
+                    name: "confirmPassword",
+                    errors: h
+                  }
+                )
+              }
+            )
+          ] }),
+          /* @__PURE__ */ r(s, { container: !0, wrap: "nowrap", gap: 1, justifyContent: "flex-end", children: [
+            /* @__PURE__ */ e(
+              g,
+              {
+                type: "submit",
+                variant: "contained",
+                size: "small",
+                color: "primary",
+                className: "mt-[1rem]",
+                "data-testid": "changepasswordmodal-button-submit",
+                children: a("Change Password")
+              }
+            ),
+            /* @__PURE__ */ e(
+              g,
+              {
+                variant: "contained",
+                onClick: n,
+                className: "mt-[1rem]",
+                color: "secondary",
+                size: "small",
+                "data-testid": "changepasswordmodal-button-cancel",
+                children: a("Cancel")
+              }
+            )
+          ] })
+        ] })
+      ]
+    }
+  ) }) });
+};
+G.propTypes = {
+  open: c.any,
+  onClose: c.any,
+  userId: c.any
+};
+export {
+  G as default
+};
+//# sourceMappingURL=ChangePasswordModal-MV7g8tkA-BDA1Pw0i.js.map