@argusoft/medplat-core 1.0.30 → 1.0.32

package/dist/UserList-Cf5B-o_1.js

@@ -0,0 +1,1904 @@
+import { jsx as e, jsxs as a, Fragment as Te } from "react/jsx-runtime";
+import { useTranslateProvider as Xe } from "@/common/languageTranslator/TranslationContext";
+import { g as $t, a as ma, b as It, c as ha, t as fa, d as ua, e as wt } from "./Users-MC7txo1V.js";
+import { showToast as B } from "@/common/toaster/toaster.jsx";
+import pa from "@/hooks/usePagination.js";
+import { getAssignedFeatures as ba } from "@/utils/feature.js";
+import Ct from "@/views/custom-components/CustomConfirmationModal.jsx";
+import xa from "@/views/custom-components/CustomizedTable/CustomizedTableV2";
+import ga from "@/views/custom-components/SideOverlay.jsx";
+import A from "prop-types";
+import { useState as c, useEffect as ue, Suspense as Na, lazy as ya, useRef as Ke, useMemo as Qe, useCallback as kt } from "react";
+import { InputLabel as qe, Switch as Aa, Button as ae, Modal as va, Box as Q, Paper as Ia, Typography as p, IconButton as Re, Alert as wa, CircularProgress as Me, Chip as _e, Tooltip as Se, TextField as Fe, InputAdornment as $e, FormControlLabel as Ca, Checkbox as ka, Card as Ta } from "@mui/material";
+import le from "@mui/material/Grid2";
+import Tt from "@/views/custom-components/CustomDropdown";
+import { useForm as Sa, FormProvider as Ba } from "react-hook-form";
+import jt from "@/hooks/useTrackEvent";
+import { showToast as Ea } from "@/common/toaster/toaster";
+import { useDispatch as Lt, useSelector as St } from "react-redux";
+import { setUserDetails as Je } from "@/store/reducers/AuthenticationReducer";
+import { useLocation as Vt, useNavigate as Ua } from "react-router";
+import { U as Oa, a as Ra, b as Ma, c as Ha } from "./UserListSkeleton-BMKANCtW.js";
+import Ft from "@/common/config/implementationConfig";
+import za from "@mui/icons-material/CloseRounded";
+import Bt from "@mui/icons-material/CheckCircleRounded";
+import je from "@mui/icons-material/ContentCopyRounded";
+import De from "@mui/icons-material/BadgeRounded";
+import Et from "@mui/icons-material/VerifiedUserRounded";
+import _a from "@mui/icons-material/PhoneIphoneRounded";
+import Ut from "@mui/icons-material/FingerprintRounded";
+import $a from "@mui/icons-material/ArrowBackRounded";
+import Ot from "@mui/icons-material/LocationOnRounded";
+import Rt from "@mui/icons-material/ShieldRounded";
+import Mt from "@mui/icons-material/QrCode2Rounded";
+import ja from "@mui/icons-material/RefreshRounded";
+import Le from "@mui/icons-material/CheckRounded";
+import La from "@mui/icons-material/KeyRounded";
+import { useTheme as Va, alpha as K } from "@mui/material/styles";
+import { execute as Fa } from "@/common/services/QueryBuilder";
+import { faPen as Pa, faBars as Wa, faFilePdf as Ht, faFileExcel as zt, faUsers as Ga, faCheckCircle as Ya, faTimesCircle as qa, faUserShield as Da, faPhone as Ka, faHospital as Qa } from "@fortawesome/free-solid-svg-icons";
+import { FontAwesomeIcon as xe } from "@fortawesome/react-fontawesome";
+import { F as Ja } from "./FileSaver.min-CN9EpL2h.js";
+import { x as ke } from "./xlsx.min-D1LFqt_b.js";
+import Xa from "@/hooks/useDownloadPdf.js";
+import Ve from "@/views/custom-components/CustomStatsComponent.jsx";
+import ye from "@/common/services/util/GeneralUtil.js";
+import './UserList.css';const Za = ya(
+  () => import("@/views/feature-components/LocationDirective/LocationDirectiveV2")
+), Pt = ({
+  handleOverlayState: Y,
+  setIsLoading: C,
+  isLoading: n,
+  setLocationId: q,
+  setRoleDetails: ce,
+  roleDetails: s,
+  status: v,
+  setStatus: me,
+  selectedLocation: w,
+  setSelectedLocation: F,
+  filterRequired: $,
+  setUserFilterPreference: se,
+  user: j,
+  setFilterRequired: x,
+  locationIdRef: ge,
+  locations: pe,
+  setLocations: ne,
+  setAdminRoleIdsStats: d
+}) => {
+  const [oe, be] = c([]), D = jt(), { translate: h } = Xe(), T = Sa({ mode: "onChange" }), Ae = Lt(), S = Vt(), {
+    control: he,
+    handleSubmit: g,
+    formState: { errors: J },
+    getValues: ve,
+    setValue: fe,
+    clearErrors: ee
+  } = T, E = async () => {
+    var R, te, L, M;
+    try {
+      const { data: U } = await $t({}, { showLoader: !1 });
+      be(U), s != null && s.id && fe("roleId", s.id), v && fe("status", v), ((R = Object.keys((j == null ? void 0 : j.userFilterPreference) || {})) == null ? void 0 : R.length) > 0 && ((te = S == null ? void 0 : S.state) == null ? void 0 : te.fromManageUser) === !0 && (fe("roleId", (L = j == null ? void 0 : j.userFilterPreference) == null ? void 0 : L.roleid), fe("status", (M = j == null ? void 0 : j.userFilterPreference) == null ? void 0 : M.status));
+    } catch (U) {
+      console.error(U);
+    }
+  };
+  ue(() => {
+    E();
+  }, []);
+  const re = async () => {
+    var R, te;
+    try {
+      C((ie) => !ie), d([]), D("button_click", {
+        button_name: "User Filter-filter-button",
+        button_type: "filter",
+        button_id: "userfilterform-search-button"
+      });
+      const L = ve("status") || "BOTH";
+      L && me(L);
+      const M = {
+        limit: 50,
+        offset: 0,
+        order: "asc",
+        orderby: "userName",
+        status: L
+      }, U = (te = (R = w == null ? void 0 : w.finalSelected) == null ? void 0 : R.optionSelected) == null ? void 0 : te.id;
+      U ? (M.locationId = U, q(U)) : q(null);
+      const P = oe.find(
+        (ie) => ie.id === ve("roleId")
+      );
+      P != null && P.id ? (M.roleid = P.id, ce(P)) : ce(null), se(M), Ae(
+        Je({
+          ...j,
+          userFilterPreference: {
+            ...M,
+            filterRequired: $,
+            selectedLocation: w
+          }
+        })
+      ), D("filter", {
+        filter_type: ["location", "role", "status"],
+        ...M
+      }), C((ie) => !ie), Y();
+    } catch (L) {
+      Ea({ message: `error : ${L == null ? void 0 : L.message}`, type: "error" }), C((M) => !M);
+    }
+  };
+  return /* @__PURE__ */ e(Ba, { ...T, children: /* @__PURE__ */ a(
+    le,
+    {
+      className: "m-[1rem]",
+      component: "form",
+      onSubmit: (R) => {
+        if (Object.keys(J).length > 0) {
+          R.preventDefault();
+          return;
+        }
+        g(re)(R);
+      },
+      "data-testid": "userfilterform-container-grid",
+      noValidate: !0,
+      children: [
+        /* @__PURE__ */ e(Oa, { isLoading: n, children: /* @__PURE__ */ a(le, { className: "flex items-center", children: [
+          /* @__PURE__ */ a(qe, { children: [
+            h("Location Filter Required"),
+            " :"
+          ] }),
+          /* @__PURE__ */ e(
+            Aa,
+            {
+              defaultChecked: !0,
+              checked: $,
+              onChange: (R) => {
+                x(R.target.checked), R.target.checked || (ge.current = null, ee("level1"));
+              }
+            }
+          )
+        ] }) }),
+        $ === !0 && /* @__PURE__ */ e(Na, { children: /* @__PURE__ */ e(
+          Za,
+          {
+            childForm: !0,
+            selectedLocation: w,
+            setSelectedLocation: F,
+            templateType: "inline",
+            disabled: n,
+            locations: pe,
+            setLocations: ne,
+            fetchAccordingToUserAoi: Ft.user.filterLocationsByUserAoi
+          }
+        ) }),
+        /* @__PURE__ */ e(Ra, { isLoading: n, children: /* @__PURE__ */ a(le, { children: [
+          /* @__PURE__ */ e(qe, { "data-testid": "userfilterform-role-label", children: h("Role") }),
+          /* @__PURE__ */ e(
+            Tt,
+            {
+              control: he,
+              name: "roleId",
+              options: oe,
+              displayName: "name",
+              optionValue: "id",
+              errors: J,
+              dataTestId: "userfilterform-role-dropdown",
+              className: "mb-[0.3125rem]"
+            }
+          ),
+          /* @__PURE__ */ e(
+            qe,
+            {
+              className: "mt-2",
+              "data-testid": "userfilterform-status-label",
+              children: h("Status")
+            }
+          ),
+          /* @__PURE__ */ e(
+            Tt,
+            {
+              control: he,
+              name: "status",
+              defaultValue: "BOTH",
+              options: ["ACTIVE", "INACTIVE", "BOTH"],
+              errors: J,
+              dataTestId: "userfilterform-status-dropdown"
+            }
+          ),
+          /* @__PURE__ */ a(
+            le,
+            {
+              container: !0,
+              spacing: 1,
+              marginTop: 1,
+              justifyContent: "flex-end",
+              "data-testid": "userfilterform-buttons-container",
+              children: [
+                /* @__PURE__ */ e(le, { item: !0, "data-testid": "userfilterform-closebutton-item", children: /* @__PURE__ */ e(
+                  ae,
+                  {
+                    variant: "contained",
+                    color: "secondary",
+                    onClick: () => Y(),
+                    "data-testid": "userfilterform-close-button",
+                    children: h("Close")
+                  }
+                ) }),
+                /* @__PURE__ */ e(le, { item: !0, "data-testid": "userfilterform-searchbutton-item", children: /* @__PURE__ */ e(
+                  ae,
+                  {
+                    variant: "contained",
+                    type: "submit",
+                    "data-testid": "userfilterform-search-button",
+                    children: h("Search")
+                  }
+                ) })
+              ]
+            }
+          )
+        ] }) })
+      ]
+    }
+  ) });
+};
+Pt.propTypes = {
+  handleOverlayState: A.any,
+  setUsersData: A.any,
+  setIsLoading: A.any,
+  isLoading: A.any,
+  setLocationId: A.func,
+  setRoleDetails: A.func,
+  roleDetails: A.any,
+  status: A.any,
+  setStatus: A.any,
+  selectedLocation: A.any,
+  setSelectedLocation: A.any,
+  filterRequired: A.any,
+  setFilterRequired: A.any,
+  setUserFilterPreference: A.any,
+  user: A.any,
+  resetLocationDirective: A.any,
+  locationIdRef: A.any,
+  setSelectedLocationId: A.any,
+  locations: A.any,
+  setLocations: A.any,
+  setAdminRoleIdsStats: A.any
+};
+const el = (Y) => {
+  const C = Y.replace(/\D/g, "").slice(0, 12), n = [];
+  for (let q = 0; q < C.length; q += 4)
+    n.push(C.slice(q, q + 4));
+  return n.join(" ");
+}, _t = (Y) => {
+  const C = Y.replace(/\s+/g, "");
+  return /^[2-9]{1}[0-9]{11}$/.test(C);
+};
+function Wt({
+  open: Y,
+  onClose: C,
+  user: n,
+  mode: q = "CREATE",
+  // "CREATE" or "VIEW"
+  onSuccess: ce
+}) {
+  const { translate: s } = Xe(), [v, me] = c(1), [w, F] = c(q), [$, se] = c(""), [j, x] = c(!1), [ge, pe] = c(""), [ne, d] = c(""), [oe, be] = c(""), [D, h] = c(""), [T, Ae] = c(null), [S, he] = c(null), [g, J] = c(!1), [ve, fe] = c(!1), [ee, E] = c(""), [re, R] = c(0), [te, L] = c(!1), M = Ke(null), U = Qe(() => (n == null ? void 0 : n.userId) || (n == null ? void 0 : n.id), [n]), P = Qe(() => n && (n.fullName || `${n.firstName || ""} ${n.lastName || ""}`.trim() || n.userName) || "", [n]), ie = async (b) => {
+    const I = b || U;
+    if (I) {
+      fe(!0), E("");
+      try {
+        const V = await ma(I);
+        V && V.data ? he(V.data) : he(null);
+      } catch (V) {
+        console.warn("Could not fetch details from API, using row data:", V), he(null);
+      } finally {
+        fe(!1);
+      }
+    }
+  };
+  ue(() => {
+    if (Y && n) {
+      const b = !!(n.healthIdNumber || n.healthId), I = q === "VIEW" || b ? "VIEW" : "CREATE";
+      F(I), me(1), se(""), x(!1), pe(""), d(n.contactNumber || ""), be(""), h(""), Ae(null), E(""), R(0), L(!1), I === "VIEW" && ie(n.userId || n.id);
+    } else
+      M.current && clearInterval(M.current);
+  }, [Y, n, q]), ue(() => (re > 0 ? M.current = setTimeout(() => R((b) => b - 1), 1e3) : re === 0 && v === 2 && L(!0), () => {
+    M.current && clearTimeout(M.current);
+  }), [re, v]);
+  const Pe = async () => {
+    var I, V;
+    const b = $.replace(/\s+/g, "");
+    if (!_t(b)) {
+      E(s("Please enter a valid 12-digit Aadhaar number."));
+      return;
+    }
+    if (!j) {
+      E(s("Please accept the voluntary Aadhaar consent to proceed."));
+      return;
+    }
+    J(!0), E("");
+    try {
+      const O = await It({
+        userId: U,
+        aadhaarNumber: b
+      });
+      if (O && O.data) {
+        const { txnId: y, message: H } = O.data;
+        be(y), h(H || s("OTP sent to Aadhaar registered mobile number.")), me(2), R(60), L(!1), pe(""), B({
+          message: H || s("OTP sent successfully to registered mobile."),
+          type: "success"
+        });
+      } else
+        throw new Error(s("Failed to generate Aadhaar OTP."));
+    } catch (k) {
+      const O = ((V = (I = k == null ? void 0 : k.response) == null ? void 0 : I.data) == null ? void 0 : V.message) || (k == null ? void 0 : k.message) || s("Failed to generate OTP. Please try again.");
+      E(O), B({ message: O, type: "error" });
+    } finally {
+      J(!1);
+    }
+  }, Be = async () => {
+    var I, V;
+    if (!te || g) return;
+    const b = $.replace(/\s+/g, "");
+    J(!0), E("");
+    try {
+      const O = await It({
+        userId: U,
+        aadhaarNumber: b
+      });
+      if (O && O.data) {
+        const { txnId: y, message: H } = O.data;
+        be(y), h(H || s("OTP resent successfully.")), R(60), L(!1), pe(""), B({
+          message: H || s("OTP resent to registered mobile number."),
+          type: "success"
+        });
+      }
+    } catch (k) {
+      const O = ((V = (I = k == null ? void 0 : k.response) == null ? void 0 : I.data) == null ? void 0 : V.message) || (k == null ? void 0 : k.message) || s("Failed to resend OTP.");
+      E(O), B({ message: O, type: "error" });
+    } finally {
+      J(!1);
+    }
+  }, Ee = async () => {
+    var k, O;
+    const b = $.replace(/\s+/g, ""), I = ge.trim(), V = ne.trim();
+    if (!I || I.length !== 6) {
+      E(s("Please enter a valid 6-digit OTP."));
+      return;
+    }
+    if (!V || V.length !== 10) {
+      E(s("Please enter a valid 10-digit mobile number."));
+      return;
+    }
+    J(!0), E("");
+    try {
+      const H = await ha({
+        userId: U,
+        txnId: oe,
+        otp: I,
+        aadhaarNumber: b,
+        mobile: V
+      });
+      if (H && H.data) {
+        const X = H.data.healthIdAccountProfileResponse || H.data;
+        Ae(X), me(3), ce && typeof ce == "function" && ce({
+          userId: U,
+          healthId: X.healthId,
+          healthIdNumber: X.healthIdNumber,
+          profile: X
+        }), B({
+          message: s("ABHA Number created successfully!"),
+          type: "success"
+        });
+      } else
+        throw new Error(s("Failed to create ABHA Number."));
+    } catch (y) {
+      const H = ((O = (k = y == null ? void 0 : y.response) == null ? void 0 : k.data) == null ? void 0 : O.message) || (y == null ? void 0 : y.message) || s("Verification failed. Please check OTP and try again.");
+      E(H), B({ message: H, type: "error" });
+    } finally {
+      J(!1);
+    }
+  }, de = (b, I) => {
+    b && (navigator.clipboard.writeText(b), B({
+      message: `${I} ${s("copied to clipboard!")}`,
+      type: "success"
+    }));
+  }, o = T || S || n, Ue = _t($);
+  return /* @__PURE__ */ e(
+    va,
+    {
+      open: Y,
+      onClose: g ? void 0 : C,
+      sx: {
+        "& .MuiBackdrop-root": {
+          backgroundColor: "rgba(15, 23, 42, 0.65)",
+          backdropFilter: "blur(6px)",
+          transition: "all 0.3s ease-in-out"
+        }
+      },
+      "data-testid": "create-abha-modal",
+      children: /* @__PURE__ */ e(
+        Q,
+        {
+          className: "fixed inset-0 z-50 flex items-center justify-center p-3 sm:p-5 outline-none overflow-y-auto",
+          onClick: (b) => {
+            b.target === b.currentTarget && !g && C();
+          },
+          children: /* @__PURE__ */ a(
+            Ia,
+            {
+              elevation: 24,
+              className: "relative w-full max-w-xl bg-white rounded-3xl shadow-2xl overflow-hidden my-auto border border-slate-100 flex flex-col",
+              sx: { maxHeight: "92vh" },
+              children: [
+                /* @__PURE__ */ a("div", { className: "bg-gradient-to-r from-blue-900 via-indigo-900 to-blue-800 text-white px-6 py-4 flex items-center justify-between shadow-md shrink-0", children: [
+                  /* @__PURE__ */ a("div", { className: "flex items-center gap-3.5", children: [
+                    /* @__PURE__ */ e("div", { className: "w-11 h-11 rounded-2xl bg-white/15 backdrop-blur-md flex items-center justify-center text-white border border-white/20 shadow-inner", children: /* @__PURE__ */ e(De, { sx: { fontSize: 26 } }) }),
+                    /* @__PURE__ */ a("div", { children: [
+                      /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
+                        /* @__PURE__ */ e(p, { className: "text-base font-bold tracking-wide leading-tight", children: s(w === "VIEW" ? "Ayushman Bharat Health Account (ABHA)" : "Create ABHA Number") }),
+                        /* @__PURE__ */ e("span", { className: "text-[10px] font-extrabold uppercase px-2 py-0.5 rounded-full bg-blue-500/30 border border-blue-300/30 text-blue-200", children: "ABDM" })
+                      ] }),
+                      /* @__PURE__ */ e(p, { className: "text-xs text-blue-200/90 font-medium mt-0.5", children: P ? `${P}` : "" })
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ e(
+                    Re,
+                    {
+                      size: "small",
+                      onClick: g ? void 0 : C,
+                      disabled: g,
+                      className: "text-white/80 hover:text-white hover:bg-white/10 rounded-xl transition-colors",
+                      "aria-label": "close",
+                      children: /* @__PURE__ */ e(za, {})
+                    }
+                  )
+                ] }),
+                w === "CREATE" && /* @__PURE__ */ e("div", { className: "bg-slate-50/80 px-6 py-3 border-b border-slate-200/80 shrink-0", children: /* @__PURE__ */ a("div", { className: "flex items-center justify-between max-w-md mx-auto", children: [
+                  /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
+                    /* @__PURE__ */ e(
+                      "div",
+                      {
+                        className: `w-7 h-7 rounded-full flex items-center justify-center font-bold text-xs transition-all duration-300 shadow-xs ${v > 1 ? "bg-emerald-500 text-white" : v === 1 ? "bg-blue-600 text-white ring-4 ring-blue-100" : "bg-slate-200 text-slate-500"}`,
+                        children: v > 1 ? /* @__PURE__ */ e(Le, { sx: { fontSize: 16 } }) : "1"
+                      }
+                    ),
+                    /* @__PURE__ */ e("span", { className: `text-xs font-semibold ${v >= 1 ? "text-slate-800" : "text-slate-400"}`, children: s("Aadhaar") })
+                  ] }),
+                  /* @__PURE__ */ e(
+                    "div",
+                    {
+                      className: `h-0.5 flex-1 mx-3 rounded-full transition-colors duration-300 ${v > 1 ? "bg-emerald-500" : "bg-slate-200"}`
+                    }
+                  ),
+                  /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
+                    /* @__PURE__ */ e(
+                      "div",
+                      {
+                        className: `w-7 h-7 rounded-full flex items-center justify-center font-bold text-xs transition-all duration-300 shadow-xs ${v > 2 ? "bg-emerald-500 text-white" : v === 2 ? "bg-blue-600 text-white ring-4 ring-blue-100" : "bg-slate-200 text-slate-500"}`,
+                        children: v > 2 ? /* @__PURE__ */ e(Le, { sx: { fontSize: 16 } }) : "2"
+                      }
+                    ),
+                    /* @__PURE__ */ e("span", { className: `text-xs font-semibold ${v >= 2 ? "text-slate-800" : "text-slate-400"}`, children: s("OTP Verify") })
+                  ] }),
+                  /* @__PURE__ */ e(
+                    "div",
+                    {
+                      className: `h-0.5 flex-1 mx-3 rounded-full transition-colors duration-300 ${v > 2 ? "bg-emerald-500" : "bg-slate-200"}`
+                    }
+                  ),
+                  /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
+                    /* @__PURE__ */ e(
+                      "div",
+                      {
+                        className: `w-7 h-7 rounded-full flex items-center justify-center font-bold text-xs transition-all duration-300 shadow-xs ${v === 3 ? "bg-emerald-500 text-white ring-4 ring-emerald-100" : "bg-slate-200 text-slate-500"}`,
+                        children: /* @__PURE__ */ e(Bt, { sx: { fontSize: 16 } })
+                      }
+                    ),
+                    /* @__PURE__ */ e(
+                      "span",
+                      {
+                        className: `text-xs font-semibold ${v === 3 ? "text-emerald-700 font-bold" : "text-slate-400"}`,
+                        children: s("ABHA Card")
+                      }
+                    )
+                  ] })
+                ] }) }),
+                /* @__PURE__ */ a("div", { className: "p-6 overflow-y-auto flex-1 space-y-5", children: [
+                  ee && /* @__PURE__ */ e(
+                    wa,
+                    {
+                      severity: "error",
+                      onClose: () => E(""),
+                      className: "rounded-2xl border border-red-200 shadow-xs font-medium text-xs",
+                      children: ee
+                    }
+                  ),
+                  w === "VIEW" && /* @__PURE__ */ e("div", { children: ve ? /* @__PURE__ */ a("div", { className: "flex flex-col items-center justify-center py-16 gap-3", children: [
+                    /* @__PURE__ */ e(Me, { size: 38, thickness: 4, color: "primary" }),
+                    /* @__PURE__ */ e(p, { className: "text-sm font-medium text-slate-500 animate-pulse", children: s("Fetching ABHA account profile...") })
+                  ] }) : /* @__PURE__ */ a("div", { className: "space-y-4", children: [
+                    /* @__PURE__ */ a("div", { className: "flex items-center justify-between p-3.5 bg-emerald-50/80 border border-emerald-200/80 rounded-2xl text-emerald-900 shadow-2xs", children: [
+                      /* @__PURE__ */ a("div", { className: "flex items-center gap-2.5", children: [
+                        /* @__PURE__ */ e("div", { className: "w-8 h-8 rounded-full bg-emerald-500 text-white flex items-center justify-center shadow-xs", children: /* @__PURE__ */ e(Le, { sx: { fontSize: 18 } }) }),
+                        /* @__PURE__ */ a("div", { children: [
+                          /* @__PURE__ */ e(p, { className: "text-xs font-bold", children: s("ABHA Number Linked & Active") }),
+                          /* @__PURE__ */ e(p, { className: "text-[11px] text-emerald-700", children: s("This user already has an authentic Ayushman Bharat Health Account.") })
+                        ] })
+                      ] }),
+                      /* @__PURE__ */ e(
+                        _e,
+                        {
+                          icon: /* @__PURE__ */ e(Et, { sx: { fontSize: 15 } }),
+                          label: s("Verified"),
+                          color: "success",
+                          size: "small",
+                          className: "font-bold text-xs"
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ a("div", { className: "relative border-2 border-indigo-200/80 rounded-3xl overflow-hidden bg-gradient-to-br from-indigo-50/40 via-white to-blue-50/30 p-5 shadow-lg", children: [
+                      /* @__PURE__ */ e("div", { className: "flex items-start justify-between pb-3 border-b border-indigo-100", children: /* @__PURE__ */ a("div", { className: "flex items-center gap-2.5", children: [
+                        /* @__PURE__ */ e("div", { className: "w-9 h-9 rounded-xl bg-indigo-600 text-white flex items-center justify-center font-bold text-xs shadow-md", children: /* @__PURE__ */ e(De, { sx: { fontSize: 20 } }) }),
+                        /* @__PURE__ */ a("div", { children: [
+                          /* @__PURE__ */ e(p, { className: "text-[10px] font-extrabold text-indigo-900 tracking-wider uppercase", children: s("National Health Authority") }),
+                          /* @__PURE__ */ e(p, { className: "text-xs font-semibold text-indigo-700", children: s("Ayushman Bharat Digital Mission") })
+                        ] })
+                      ] }) }),
+                      /* @__PURE__ */ a("div", { className: "mt-4 space-y-3", children: [
+                        /* @__PURE__ */ a("div", { className: "flex items-center justify-between pb-1", children: [
+                          /* @__PURE__ */ a("div", { children: [
+                            /* @__PURE__ */ e(p, { className: "text-lg font-extrabold text-slate-800 leading-tight", children: (o == null ? void 0 : o.name) || P }),
+                            /* @__PURE__ */ a(p, { className: "text-xs font-medium text-slate-500 mt-0.5", children: [
+                              (o == null ? void 0 : o.gender) || (n == null ? void 0 : n.gender) || "N/A",
+                              (o == null ? void 0 : o.yearOfBirth) && ` • DOB: ${(o == null ? void 0 : o.dayOfBirth) || "01"}/${(o == null ? void 0 : o.monthOfBirth) || "01"}/${o == null ? void 0 : o.yearOfBirth}`
+                            ] })
+                          ] }),
+                          /* @__PURE__ */ a("div", { className: "text-right", children: [
+                            /* @__PURE__ */ e("span", { className: "text-[10px] font-bold text-slate-400 block uppercase tracking-wider", children: s("User ID") }),
+                            /* @__PURE__ */ e("span", { className: "font-mono text-xs font-bold text-slate-700", children: U })
+                          ] })
+                        ] }),
+                        /* @__PURE__ */ a("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-2.5 text-xs", children: [
+                          /* @__PURE__ */ a("div", { className: "p-3 bg-white/95 rounded-xl border border-indigo-100 shadow-2xs", children: [
+                            /* @__PURE__ */ e(p, { className: "text-[10px] text-slate-400 font-bold uppercase tracking-wider", children: s("ABHA Number") }),
+                            /* @__PURE__ */ a("div", { className: "flex items-center justify-between mt-1", children: [
+                              /* @__PURE__ */ e(p, { className: "font-mono font-extrabold text-base text-indigo-900 tracking-wide", children: (o == null ? void 0 : o.healthIdNumber) || (n == null ? void 0 : n.healthIdNumber) || "N/A" }),
+                              ((o == null ? void 0 : o.healthIdNumber) || (n == null ? void 0 : n.healthIdNumber)) && /* @__PURE__ */ e(Se, { title: s("Copy"), children: /* @__PURE__ */ e(
+                                Re,
+                                {
+                                  size: "small",
+                                  onClick: () => de(
+                                    (o == null ? void 0 : o.healthIdNumber) || (n == null ? void 0 : n.healthIdNumber),
+                                    s("ABHA Number")
+                                  ),
+                                  className: "p-1 hover:bg-indigo-50 text-indigo-600",
+                                  children: /* @__PURE__ */ e(je, { sx: { fontSize: 14 } })
+                                }
+                              ) })
+                            ] })
+                          ] }),
+                          /* @__PURE__ */ a("div", { className: "p-3 bg-white/95 rounded-xl border border-indigo-100 shadow-2xs", children: [
+                            /* @__PURE__ */ e(p, { className: "text-[10px] text-slate-400 font-bold uppercase tracking-wider", children: s("ABHA Address (Health ID)") }),
+                            /* @__PURE__ */ a("div", { className: "flex items-center justify-between mt-1", children: [
+                              /* @__PURE__ */ e(p, { className: "font-mono font-bold text-sm text-indigo-900 truncate", children: (o == null ? void 0 : o.healthId) || (n == null ? void 0 : n.healthId) || "N/A" }),
+                              ((o == null ? void 0 : o.healthId) || (n == null ? void 0 : n.healthId)) && /* @__PURE__ */ e(Se, { title: s("Copy"), children: /* @__PURE__ */ e(
+                                Re,
+                                {
+                                  size: "small",
+                                  onClick: () => de((o == null ? void 0 : o.healthId) || (n == null ? void 0 : n.healthId), s("ABHA Address")),
+                                  className: "p-1 hover:bg-indigo-50 text-indigo-600",
+                                  children: /* @__PURE__ */ e(je, { sx: { fontSize: 14 } })
+                                }
+                              ) })
+                            ] })
+                          ] }),
+                          /* @__PURE__ */ a("div", { className: "p-3 bg-white/95 rounded-xl border border-indigo-100 shadow-2xs", children: [
+                            /* @__PURE__ */ e(p, { className: "text-[10px] text-slate-400 font-bold uppercase tracking-wider", children: s("Registered Mobile Number") }),
+                            /* @__PURE__ */ e(p, { className: "font-semibold text-xs text-slate-800 mt-1", children: (o == null ? void 0 : o.mobile) || (n == null ? void 0 : n.contactNumber) || "N/A" })
+                          ] }),
+                          /* @__PURE__ */ a("div", { className: "p-3 bg-white/95 rounded-xl border border-indigo-100 shadow-2xs flex items-center justify-between", children: [
+                            /* @__PURE__ */ a("div", { children: [
+                              /* @__PURE__ */ e(p, { className: "text-[10px] text-slate-400 font-bold uppercase tracking-wider", children: s("Digital ID") }),
+                              /* @__PURE__ */ a(p, { className: "font-bold text-xs text-emerald-600 mt-1 flex items-center gap-1", children: [
+                                /* @__PURE__ */ e(Rt, { sx: { fontSize: 14 } }),
+                                s("Authenticated")
+                              ] })
+                            ] }),
+                            /* @__PURE__ */ e(Mt, { sx: { fontSize: 24 }, className: "text-slate-500" })
+                          ] })
+                        ] }),
+                        ((o == null ? void 0 : o.address) || (o == null ? void 0 : o.districtName) || (o == null ? void 0 : o.stateName)) && /* @__PURE__ */ a("div", { className: "p-3 bg-white/95 rounded-xl border border-indigo-100 shadow-2xs flex items-start gap-2 text-xs text-slate-600", children: [
+                          /* @__PURE__ */ e(Ot, { sx: { fontSize: 16 }, className: "text-indigo-500 shrink-0 mt-0.5" }),
+                          /* @__PURE__ */ e("span", { className: "font-medium leading-relaxed", children: (o == null ? void 0 : o.address) || [o == null ? void 0 : o.districtName, o == null ? void 0 : o.stateName, o == null ? void 0 : o.pincode].filter(Boolean).join(", ") })
+                        ] })
+                      ] })
+                    ] })
+                  ] }) }),
+                  w === "CREATE" && v === 1 && /* @__PURE__ */ a("div", { className: "space-y-5", children: [
+                    /* @__PURE__ */ a("div", { className: "p-4 bg-gradient-to-r from-blue-50/70 via-indigo-50/40 to-slate-50 border border-blue-100 rounded-2xl flex items-center justify-between shadow-2xs", children: [
+                      /* @__PURE__ */ a("div", { className: "flex items-center gap-3", children: [
+                        /* @__PURE__ */ e("div", { className: "w-10 h-10 rounded-2xl bg-blue-600 text-white flex items-center justify-center font-bold text-sm shadow-sm", children: P.charAt(0).toUpperCase() || "U" }),
+                        /* @__PURE__ */ a("div", { children: [
+                          /* @__PURE__ */ e(p, { className: "font-bold text-sm text-slate-800", children: P }),
+                          /* @__PURE__ */ a(p, { className: "text-xs text-slate-500 font-medium", children: [
+                            n != null && n.roleName ? `${n.roleName} • ` : "",
+                            n != null && n.contactNumber ? `${n.contactNumber} • ` : "",
+                            (n == null ? void 0 : n.userName) || ""
+                          ] })
+                        ] })
+                      ] }),
+                      /* @__PURE__ */ e(
+                        _e,
+                        {
+                          icon: /* @__PURE__ */ e(Rt, { sx: { fontSize: 14 } }),
+                          label: s("ABDM Enrolment"),
+                          size: "small",
+                          color: "primary",
+                          variant: "outlined",
+                          className: "font-bold text-[11px] bg-white"
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ a("div", { className: "space-y-1.5", children: [
+                      /* @__PURE__ */ a("label", { className: "block text-xs font-bold text-slate-700 uppercase tracking-wide", children: [
+                        s("Aadhaar Number"),
+                        /* @__PURE__ */ e("span", { className: "text-red-500 ml-1", children: "*" })
+                      ] }),
+                      /* @__PURE__ */ e(
+                        Fe,
+                        {
+                          fullWidth: !0,
+                          size: "small",
+                          autoFocus: !0,
+                          placeholder: "Enter 12-digit Aadhaar (e.g. 0000 0000 0000)",
+                          value: $,
+                          onChange: (b) => {
+                            const I = el(b.target.value);
+                            se(I);
+                          },
+                          disabled: g,
+                          slotProps: {
+                            input: {
+                              startAdornment: /* @__PURE__ */ e($e, { position: "start", children: /* @__PURE__ */ e(Ut, { className: "text-slate-400", sx: { fontSize: 20 } }) }),
+                              endAdornment: Ue ? /* @__PURE__ */ e($e, { position: "end", children: /* @__PURE__ */ e(Le, { className: "text-emerald-500", sx: { fontSize: 18 } }) }) : null,
+                              className: "text-sm font-medium tracking-wide bg-white rounded-xl",
+                              maxLength: 14
+                            }
+                          },
+                          helperText: s(
+                            "An OTP will be dispatched to the mobile number registered with this Aadhaar in UIDAI records."
+                          )
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ e("div", { className: "p-4 bg-gradient-to-br from-blue-50/80 to-indigo-50/50 border border-blue-200/90 rounded-2xl shadow-2xs", children: /* @__PURE__ */ e(
+                      Ca,
+                      {
+                        control: /* @__PURE__ */ e(
+                          ka,
+                          {
+                            size: "small",
+                            checked: j,
+                            onChange: (b) => x(b.target.checked),
+                            disabled: g,
+                            color: "primary",
+                            className: "mt-0.5"
+                          }
+                        ),
+                        label: /* @__PURE__ */ a("div", { className: "text-xs text-slate-700 leading-relaxed pl-1", children: [
+                          /* @__PURE__ */ e("span", { className: "font-bold text-blue-900 block mb-1", children: s("Consent for Aadhaar Authentication") }),
+                          s(
+                            "I hereby voluntarily consent to provide my Aadhaar number and perform Aadhaar authentication for the sole purpose of generating an Ayushman Bharat Health Account (ABHA) number under the Ayushman Bharat Digital Mission (ABDM). I understand that my Aadhaar number will not be retained or shared."
+                          )
+                        ] }),
+                        className: "items-start m-0"
+                      }
+                    ) })
+                  ] }),
+                  w === "CREATE" && v === 2 && /* @__PURE__ */ a("div", { className: "space-y-5", children: [
+                    D && /* @__PURE__ */ a("div", { className: "p-3.5 bg-blue-50 border border-blue-200 rounded-2xl flex items-center gap-3 text-blue-900 shadow-2xs", children: [
+                      /* @__PURE__ */ e("div", { className: "w-8 h-8 rounded-full bg-blue-600 text-white flex items-center justify-center shrink-0 shadow-xs", children: /* @__PURE__ */ e(_a, { sx: { fontSize: 18 } }) }),
+                      /* @__PURE__ */ e(p, { className: "text-xs font-semibold leading-relaxed", children: D })
+                    ] }),
+                    /* @__PURE__ */ a("div", { className: "p-3.5 bg-slate-50 border border-slate-200 rounded-2xl flex items-center justify-between", children: [
+                      /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
+                        /* @__PURE__ */ e(Ut, { sx: { fontSize: 20 }, className: "text-blue-500" }),
+                        /* @__PURE__ */ a("div", { children: [
+                          /* @__PURE__ */ e(p, { className: "text-[10px] text-slate-400 font-bold uppercase", children: s("Aadhaar Number") }),
+                          /* @__PURE__ */ e(p, { className: "font-mono font-bold text-sm text-slate-800", children: $ })
+                        ] })
+                      ] }),
+                      /* @__PURE__ */ e(
+                        _e,
+                        {
+                          label: s("Txn Active"),
+                          size: "small",
+                          color: "primary",
+                          variant: "outlined",
+                          className: "text-[10px] font-bold"
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ a("div", { className: "space-y-1.5", children: [
+                      /* @__PURE__ */ a("div", { className: "flex items-center justify-between", children: [
+                        /* @__PURE__ */ a("label", { className: "block text-xs font-bold text-slate-700 uppercase tracking-wide", children: [
+                          s("Enter OTP"),
+                          /* @__PURE__ */ e("span", { className: "text-red-500 ml-1", children: "*" })
+                        ] }),
+                        re > 0 ? /* @__PURE__ */ a("span", { className: "text-xs text-slate-500 font-medium flex items-center gap-1.5", children: [
+                          /* @__PURE__ */ e("span", { className: "w-1.5 h-1.5 rounded-full bg-blue-500 animate-pulse" }),
+                          s("Resend available in"),
+                          " ",
+                          /* @__PURE__ */ a("strong", { className: "text-blue-700 font-mono font-bold", children: [
+                            re,
+                            "s"
+                          ] })
+                        ] }) : /* @__PURE__ */ e(
+                          ae,
+                          {
+                            size: "small",
+                            disabled: !te || g,
+                            onClick: Be,
+                            startIcon: /* @__PURE__ */ e(ja, { sx: { fontSize: 14 } }),
+                            className: "p-0 text-xs font-bold normal-case text-blue-600 hover:text-blue-800",
+                            children: s("Resend OTP")
+                          }
+                        )
+                      ] }),
+                      /* @__PURE__ */ e(
+                        Fe,
+                        {
+                          fullWidth: !0,
+                          size: "small",
+                          autoFocus: !0,
+                          placeholder: "Enter 6-digit OTP",
+                          value: ge,
+                          onChange: (b) => {
+                            const I = b.target.value.replace(/\D/g, "").slice(0, 6);
+                            pe(I);
+                          },
+                          disabled: g,
+                          slotProps: {
+                            input: {
+                              startAdornment: /* @__PURE__ */ e($e, { position: "start", children: /* @__PURE__ */ e(La, { className: "text-slate-400", sx: { fontSize: 18 } }) }),
+                              className: "text-sm font-semibold tracking-widest bg-white rounded-xl",
+                              maxLength: 6
+                            }
+                          },
+                          helperText: s(
+                            "Please enter the 6-digit authentication code sent to your registered mobile"
+                          )
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ a("div", { className: "space-y-1.5", children: [
+                      /* @__PURE__ */ a("label", { className: "block text-xs font-bold text-slate-700 uppercase tracking-wide", children: [
+                        s("Mobile Number for ABHA Profile"),
+                        /* @__PURE__ */ e("span", { className: "text-red-500 ml-1", children: "*" })
+                      ] }),
+                      /* @__PURE__ */ e(
+                        Fe,
+                        {
+                          fullWidth: !0,
+                          size: "small",
+                          placeholder: "Enter 10-digit mobile number",
+                          value: ne,
+                          onChange: (b) => {
+                            const I = b.target.value.replace(/\D/g, "").slice(0, 10);
+                            d(I);
+                          },
+                          disabled: g,
+                          slotProps: {
+                            input: {
+                              startAdornment: /* @__PURE__ */ e($e, { position: "start", children: /* @__PURE__ */ e("span", { className: "font-mono text-xs font-bold text-slate-500 mr-1 border-r border-slate-200 pr-2", children: "+91" }) }),
+                              className: "text-sm font-medium bg-white rounded-xl",
+                              maxLength: 10
+                            }
+                          },
+                          helperText: s(
+                            "This mobile number will be registered with your ABHA profile for future communications."
+                          )
+                        }
+                      )
+                    ] })
+                  ] }),
+                  w === "CREATE" && v === 3 && T && /* @__PURE__ */ a("div", { className: "space-y-4", children: [
+                    /* @__PURE__ */ a("div", { className: "p-4 bg-gradient-to-r from-emerald-600 to-teal-700 text-white rounded-2xl flex items-center gap-3.5 shadow-md", children: [
+                      /* @__PURE__ */ e("div", { className: "w-11 h-11 rounded-2xl bg-white/20 backdrop-blur-md flex items-center justify-center shrink-0 border border-white/30 shadow-inner", children: /* @__PURE__ */ e(Bt, { sx: { fontSize: 28 } }) }),
+                      /* @__PURE__ */ a("div", { children: [
+                        /* @__PURE__ */ e(p, { className: "font-extrabold text-base tracking-wide", children: s("ABHA Number Created Successfully!") }),
+                        /* @__PURE__ */ e(p, { className: "text-xs text-emerald-100 font-medium", children: s("ABHA ID has been generated and linked with the user record.") })
+                      ] })
+                    ] }),
+                    /* @__PURE__ */ a("div", { className: "border-2 border-blue-200 rounded-3xl overflow-hidden bg-gradient-to-br from-blue-50/50 via-white to-indigo-50/40 p-5 shadow-lg relative", children: [
+                      /* @__PURE__ */ a("div", { className: "flex items-center justify-between pb-3 border-b border-blue-100", children: [
+                        /* @__PURE__ */ a("div", { className: "flex items-center gap-2.5", children: [
+                          /* @__PURE__ */ e("div", { className: "w-9 h-9 rounded-xl bg-blue-600 text-white flex items-center justify-center font-bold text-xs shadow-md", children: /* @__PURE__ */ e(De, { sx: { fontSize: 20 } }) }),
+                          /* @__PURE__ */ a("div", { children: [
+                            /* @__PURE__ */ e(p, { className: "text-[10px] font-extrabold text-blue-900 tracking-widest uppercase", children: s("National Health Authority") }),
+                            /* @__PURE__ */ e(p, { className: "text-xs font-bold text-blue-700", children: s("Ayushman Bharat Digital Mission (ABDM)") })
+                          ] })
+                        ] }),
+                        /* @__PURE__ */ e(
+                          _e,
+                          {
+                            icon: /* @__PURE__ */ e(Et, { sx: { fontSize: 14 } }),
+                            label: s("KYC Verified"),
+                            color: "success",
+                            size: "small",
+                            className: "font-bold text-xs"
+                          }
+                        )
+                      ] }),
+                      /* @__PURE__ */ a("div", { className: "mt-4 space-y-3", children: [
+                        /* @__PURE__ */ a("div", { className: "flex items-center justify-between pb-1", children: [
+                          /* @__PURE__ */ a("div", { children: [
+                            /* @__PURE__ */ e(p, { className: "text-lg font-black text-slate-800 leading-tight", children: T.name || P }),
+                            /* @__PURE__ */ a(p, { className: "text-xs text-slate-500 font-medium mt-0.5", children: [
+                              T.gender || "N/A",
+                              T.yearOfBirth && ` • DOB: ${T.dayOfBirth || "01"}/${T.monthOfBirth || "01"}/${T.yearOfBirth}`
+                            ] })
+                          ] }),
+                          /* @__PURE__ */ a("div", { className: "text-right", children: [
+                            /* @__PURE__ */ e("span", { className: "text-[10px] font-bold text-slate-400 block uppercase tracking-wider", children: s("User ID") }),
+                            /* @__PURE__ */ e("span", { className: "font-mono text-xs font-bold text-slate-700", children: U })
+                          ] })
+                        ] }),
+                        /* @__PURE__ */ a("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-2.5 text-xs", children: [
+                          /* @__PURE__ */ a("div", { className: "p-3 bg-white/95 rounded-xl border border-blue-100 shadow-2xs", children: [
+                            /* @__PURE__ */ e(p, { className: "text-[10px] text-slate-400 font-bold uppercase tracking-wider", children: s("ABHA Number") }),
+                            /* @__PURE__ */ a("div", { className: "flex items-center justify-between mt-1", children: [
+                              /* @__PURE__ */ e(p, { className: "font-mono font-extrabold text-base text-blue-900 tracking-wide", children: T.healthIdNumber }),
+                              /* @__PURE__ */ e(Se, { title: s("Copy"), children: /* @__PURE__ */ e(
+                                Re,
+                                {
+                                  size: "small",
+                                  onClick: () => de(T.healthIdNumber, s("ABHA Number")),
+                                  className: "p-1 hover:bg-blue-50 text-blue-600",
+                                  children: /* @__PURE__ */ e(je, { sx: { fontSize: 14 } })
+                                }
+                              ) })
+                            ] })
+                          ] }),
+                          /* @__PURE__ */ a("div", { className: "p-3 bg-white/95 rounded-xl border border-blue-100 shadow-2xs", children: [
+                            /* @__PURE__ */ e(p, { className: "text-[10px] text-slate-400 font-bold uppercase tracking-wider", children: s("ABHA Address") }),
+                            /* @__PURE__ */ a("div", { className: "flex items-center justify-between mt-1", children: [
+                              /* @__PURE__ */ e(p, { className: "font-mono font-bold text-sm text-blue-900 truncate", children: T.healthId }),
+                              /* @__PURE__ */ e(Se, { title: s("Copy"), children: /* @__PURE__ */ e(
+                                Re,
+                                {
+                                  size: "small",
+                                  onClick: () => de(T.healthId, s("ABHA Address")),
+                                  className: "p-1 hover:bg-blue-50 text-blue-600",
+                                  children: /* @__PURE__ */ e(je, { sx: { fontSize: 14 } })
+                                }
+                              ) })
+                            ] })
+                          ] }),
+                          /* @__PURE__ */ a("div", { className: "p-3 bg-white/95 rounded-xl border border-blue-100 shadow-2xs", children: [
+                            /* @__PURE__ */ e(p, { className: "text-[10px] text-slate-400 font-bold uppercase tracking-wider", children: s("Mobile") }),
+                            /* @__PURE__ */ e(p, { className: "font-semibold text-xs text-slate-800 mt-1", children: T.mobile || ne })
+                          ] }),
+                          /* @__PURE__ */ a("div", { className: "p-3 bg-white/95 rounded-xl border border-blue-100 shadow-2xs flex items-center justify-between", children: [
+                            /* @__PURE__ */ a("div", { children: [
+                              /* @__PURE__ */ e(p, { className: "text-[10px] text-slate-400 font-bold uppercase tracking-wider", children: s("Status") }),
+                              /* @__PURE__ */ e(p, { className: "font-bold text-xs text-emerald-600 mt-1", children: s("Linked") })
+                            ] }),
+                            /* @__PURE__ */ e(Mt, { sx: { fontSize: 24 }, className: "text-slate-500" })
+                          ] })
+                        ] }),
+                        T.address && /* @__PURE__ */ a("div", { className: "p-3 bg-white/95 rounded-xl border border-blue-100 shadow-2xs flex items-start gap-2 text-xs text-slate-600", children: [
+                          /* @__PURE__ */ e(Ot, { sx: { fontSize: 16 }, className: "text-blue-500 shrink-0 mt-0.5" }),
+                          /* @__PURE__ */ e("span", { className: "font-medium leading-relaxed", children: T.address })
+                        ] })
+                      ] })
+                    ] })
+                  ] })
+                ] }),
+                /* @__PURE__ */ e("div", { className: "px-6 py-4 bg-slate-50/90 border-t border-slate-100 flex items-center justify-end gap-3 shrink-0", children: w === "VIEW" ? /* @__PURE__ */ e(
+                  ae,
+                  {
+                    variant: "contained",
+                    onClick: C,
+                    className: "rounded-xl px-6 normal-case font-bold bg-slate-800 hover:bg-slate-900 text-white shadow-sm",
+                    children: s("Close")
+                  }
+                ) : v === 1 ? /* @__PURE__ */ a(Te, { children: [
+                  /* @__PURE__ */ e(
+                    ae,
+                    {
+                      variant: "outlined",
+                      color: "inherit",
+                      onClick: C,
+                      disabled: g,
+                      className: "rounded-xl px-5 normal-case font-semibold text-slate-600 border-slate-300 hover:bg-slate-100",
+                      children: s("Cancel")
+                    }
+                  ),
+                  /* @__PURE__ */ e(
+                    ae,
+                    {
+                      variant: "contained",
+                      onClick: Pe,
+                      disabled: g || !Ue || !j,
+                      className: `rounded-xl px-6 normal-case font-bold text-white shadow-md transition-all ${Ue && j && !g ? "bg-gradient-to-r from-blue-600 to-indigo-600 hover:from-blue-700 hover:to-indigo-700" : "bg-slate-300"}`,
+                      children: g ? /* @__PURE__ */ e(Me, { size: 20, color: "inherit" }) : s("Generate OTP")
+                    }
+                  )
+                ] }) : v === 2 ? /* @__PURE__ */ a(Te, { children: [
+                  /* @__PURE__ */ e(
+                    ae,
+                    {
+                      variant: "outlined",
+                      color: "inherit",
+                      onClick: () => me(1),
+                      disabled: g,
+                      startIcon: /* @__PURE__ */ e($a, {}),
+                      className: "rounded-xl px-4 normal-case font-semibold text-slate-600 border-slate-300 hover:bg-slate-100",
+                      children: s("Back")
+                    }
+                  ),
+                  /* @__PURE__ */ e(
+                    ae,
+                    {
+                      variant: "contained",
+                      onClick: Ee,
+                      disabled: g || ge.length !== 6 || ne.length !== 10,
+                      className: "rounded-xl px-6 normal-case font-bold bg-gradient-to-r from-emerald-600 to-teal-600 hover:from-emerald-700 hover:to-teal-700 text-white shadow-md",
+                      children: g ? /* @__PURE__ */ e(Me, { size: 20, color: "inherit" }) : s("Verify & Create ABHA")
+                    }
+                  )
+                ] }) : /* @__PURE__ */ e(
+                  ae,
+                  {
+                    variant: "contained",
+                    onClick: C,
+                    className: "rounded-xl px-6 normal-case font-bold bg-blue-600 hover:bg-blue-700 text-white shadow-md",
+                    children: s("Done")
+                  }
+                ) })
+              ]
+            }
+          )
+        }
+      )
+    }
+  );
+}
+Wt.propTypes = {
+  open: A.bool.isRequired,
+  onClose: A.func.isRequired,
+  user: A.object,
+  mode: A.oneOf(["CREATE", "VIEW"]),
+  onSuccess: A.func
+};
+function Yl() {
+  var ft, ut, pt, bt, xt, gt, Nt, yt;
+  const Y = Ua(), C = jt(), [n, q] = c([]);
+  let ce = "#8688ecff", s = "#10b981", v = "#f43f5e", me = "#f59e0b", w = "#ffffffff";
+  const [F, $] = c([]), [se, j] = c([]), [x, ge] = c(null), [pe, ne] = c(!1), d = Va(), oe = d.palette.mode === "dark", [be, D] = c(0), [h, T] = c(null), Ae = Ke(h);
+  ue(() => {
+    Ae.current = h;
+  }, [h]);
+  const [S, he] = c(null), [g, J] = c(""), [ve, fe] = c(""), [ee, E] = c([]), [re, R] = c(!0), [te, L] = c(!1), [M, U] = c(!1), [P, ie] = c("CREATE"), [Pe, Be] = c(null), Ee = St(
+    (t) => {
+      var r;
+      return (r = t == null ? void 0 : t.ImplementationConfig) == null ? void 0 : r.config;
+    }
+  ), de = !!(((ft = Ee == null ? void 0 : Ee.user) == null ? void 0 : ft.enableCreateAbha) ?? ((ut = Ft.user) == null ? void 0 : ut.enableCreateAbha)), o = !!(h && (h["create.manage.users.canABHACreate"] === !0 || h["create.manage.users.canABHACreate"] === "true" || h.canABHACreate === !0 || h.canABHACreate === "true" || h.canAbhaCreate === !0 || h.canAbhaCreate === "true" || h["create.manage.users.canAbhaCreate"] === !0 || h["create.manage.users.canAbhaCreate"] === "true")), Ue = kt(({ userId: t, healthId: r, healthIdNumber: l }) => {
+    E((f) => Array.isArray(f) ? f.map((m) => (ye.isTecho ? m == null ? void 0 : m.userId : m == null ? void 0 : m.id) === t || (m == null ? void 0 : m.id) === t || (m == null ? void 0 : m.userId) === t ? {
+      ...m,
+      healthId: r,
+      healthIdNumber: l
+    } : m) : f);
+  }, []), [b, I] = c({
+    sortColumn: "userName",
+    sortOrder: "asc"
+  }), [V, k] = c(!1), O = 50, { translate: y } = Xe(), [H, X] = c(!1), [He, Ze] = c(null), [W, et] = c(null), [Ne, Ie] = c(null), Z = Vt(), tt = Lt(), { user: z } = St((t) => t == null ? void 0 : t.Authenticate), [Gt, at] = c(
+    ((pt = z == null ? void 0 : z.userFilterPreference) == null ? void 0 : pt.locationId) || null
+  ), lt = Ke(Gt), [Yt, st] = c(
+    ((bt = Z == null ? void 0 : Z.state) == null ? void 0 : bt.fromManageUser) === !0 && ((xt = z == null ? void 0 : z.userFilterPreference) == null ? void 0 : xt.selectedLocation) || {},
+    {}
+  ), [qt, nt] = c(
+    ((gt = Z == null ? void 0 : Z.state) == null ? void 0 : gt.fromManageUser) === !0 && ((Nt = z == null ? void 0 : z.userFilterPreference) == null ? void 0 : Nt.filterRequired) || !1
+  ), [u, we] = c(
+    ((yt = Z == null ? void 0 : Z.state) == null ? void 0 : yt.fromManageUser) === !0 && (z == null ? void 0 : z.userFilterPreference) || {}
+  ), [Dt, ot] = c(0), [Kt, rt] = c([]), Qt = Qe(() => ee == null ? void 0 : ee.map((t, r) => {
+    let l = "";
+    return t != null && t.title && (l += t.title + " "), t != null && t.firstName && (l += t.firstName + " "), t != null && t.lastName && (l += t.lastName), {
+      ...t,
+      index: r + 1,
+      firstName: l.trim()
+    };
+  }), [ee, oe]);
+  ue(() => {
+    (async () => {
+      var r, l;
+      try {
+        if (se.length > 0) {
+          ne(!0);
+          const f = await Fa(
+            {
+              code: "GET_USERS_STATS",
+              parameters: {
+                locationId: (u == null ? void 0 : u.locationId) || He,
+                roleid: (u == null ? void 0 : u.roleid) || (W == null ? void 0 : W.id) || null,
+                roleIds: se == null ? void 0 : se.join(","),
+                loggedInUserId: z == null ? void 0 : z.id
+              }
+            },
+            { showLoader: !1 }
+          );
+          (r = f == null ? void 0 : f.data) != null && r.result && ((l = f == null ? void 0 : f.data) == null ? void 0 : l.result.length) > 0 && ge(f.data.result[0]), ne(!1);
+        }
+      } catch (f) {
+        ne(!1), console.error("Error fetching user stats:", f);
+      }
+    })();
+  }, [u, se]);
+  const We = [
+    { field: "Sr. No.", label: "#", align: "left" },
+    {
+      field: "userName",
+      label: "User Identity".toUpperCase(),
+      sortable: !0,
+      sortOrder: "asc",
+      align: "left",
+      render: (t) => {
+        var r;
+        return /* @__PURE__ */ a("div", { className: "flex items-center w-48 gap-4 h-full", children: [
+          /* @__PURE__ */ e(
+            Q,
+            {
+              className: "w-[15%] h-10 rounded-2xl flex items-center justify-center font-black text-xs shadow-sm transition-transform duration-300 group-hover:scale-110",
+              sx: {
+                background: `linear-gradient(to bottom right, ${K(d.palette.primary.main, 0.05)}, ${K(d.palette.primary.main, 0.2)})`,
+                border: `1px solid ${K(d.palette.primary.main, 0.2)}`,
+                color: d.palette.primary.main
+              },
+              children: (r = t == null ? void 0 : t.firstName) == null ? void 0 : r.split(" ").filter((l) => !["Mr", "Ms", "Mrs"].includes(l)).map((l) => l[0]).join("").toUpperCase()
+            }
+          ),
+          /* @__PURE__ */ a("div", { className: "w-[80%] flex flex-col h-full justify-center pt-2", children: [
+            /* @__PURE__ */ e(
+              Q,
+              {
+                component: "span",
+                className: "text-sm font-black leading-tight transition-colors duration-300",
+                sx: {
+                  color: d.palette.text.primary,
+                  // Dynamic text color
+                  ".group:hover &": {
+                    color: d.palette.primary.main
+                  }
+                },
+                children: t == null ? void 0 : t.firstName
+              }
+            ),
+            /* @__PURE__ */ a(
+              Q,
+              {
+                component: "span",
+                className: "text-md font-bold font-mono flex items-center gap-1.5 transition-colors duration-300",
+                sx: {
+                  color: d.palette.text.secondary
+                  // Dynamic muted color
+                },
+                children: [
+                  /* @__PURE__ */ e(
+                    Q,
+                    {
+                      component: "span",
+                      className: "w-1.5 h-1.5 rounded-full transition-colors duration-300",
+                      sx: {
+                        backgroundColor: d.palette.divider
+                        // Dynamic dot color
+                      }
+                    }
+                  ),
+                  t == null ? void 0 : t.userName
+                ]
+              }
+            ),
+            de && ((t == null ? void 0 : t.healthIdNumber) || (t == null ? void 0 : t.healthId)) && /* @__PURE__ */ e(
+              Se,
+              {
+                title: `${y("ABHA Number")}: ${(t == null ? void 0 : t.healthIdNumber) || (t == null ? void 0 : t.healthId)}`,
+                arrow: !0,
+                placement: "top",
+                children: /* @__PURE__ */ a("span", { className: "inline-flex items-center gap-1.5 px-2 py-0.5 mt-1 rounded-full text-[10px] font-black bg-emerald-50 text-emerald-700 border border-emerald-200/80 shadow-2xs w-fit cursor-default", children: [
+                  /* @__PURE__ */ e("span", { className: "w-1.5 h-1.5 rounded-full bg-emerald-500 animate-pulse" }),
+                  "ABHA Verified"
+                ] })
+              }
+            )
+          ] })
+        ] });
+      }
+    },
+    {
+      field: "contactNumber",
+      label: "Phone number".toUpperCase(),
+      sortable: !0,
+      align: "left",
+      sortOrder: "asc",
+      render: (t) => /* @__PURE__ */ e("div", { className: "flex items-center w-32 gap-4 h-full", children: /* @__PURE__ */ a("div", { className: "flex items-center text-md  tracking-tight", children: [
+        /* @__PURE__ */ e(
+          Q,
+          {
+            className: "w-7 h-7 rounded-xl flex items-center justify-center mr-2 shadow-sm transition-all duration-300",
+            sx: {
+              backgroundColor: d.palette.mode === "dark" ? K(d.palette.common.white, 0.05) : "rgb(248, 250, 252)",
+              color: d.palette.text.disabled,
+              ".group:hover &": {
+                backgroundColor: d.palette.primary.main,
+                color: "white"
+              }
+            },
+            children: /* @__PURE__ */ e(xe, { icon: Ka, className: "text-xs" })
+          }
+        ),
+        /* @__PURE__ */ e(
+          Q,
+          {
+            component: "span",
+            className: "transition-colors duration-300",
+            sx: {
+              color: d.palette.text.primary,
+              ".group:hover &": {
+                color: d.palette.primary.main
+              }
+            },
+            children: (t == null ? void 0 : t.contactNumber) || "N/A"
+          }
+        )
+      ] }) })
+    },
+    {
+      field: "roleName",
+      label: "Role Name".toUpperCase(),
+      sortable: !0,
+      sortOrder: "asc",
+      align: "left",
+      render: (t) => /* @__PURE__ */ e("div", { className: "flex items-center w-auto h-full", children: /* @__PURE__ */ e("div", { className: "flex flex-col gap-1.5", children: /* @__PURE__ */ e(
+        Q,
+        {
+          component: "span",
+          className: "px-2.5 rounded-lg text-[0.6rem] font-black uppercase tracking-widest w-fit whitespace-nowrap",
+          sx: {
+            backgroundColor: K(d.palette.primary.main, 0.1),
+            color: d.palette.primary.main,
+            border: `1px solid ${K(d.palette.primary.main, 0.2)}`
+          },
+          children: t == null ? void 0 : t.roleName
+        }
+      ) }) })
+    },
+    {
+      field: "areaOfIntervention",
+      label: "Area of Intervention".toUpperCase(),
+      align: "left",
+      render: (t) => {
+        var l;
+        const r = (l = t == null ? void 0 : t.areaOfIntervention) == null ? void 0 : l.replace(
+          /<br\s*\/?>/gi,
+          ", "
+        );
+        return /* @__PURE__ */ e("div", { className: "flex items-center w-48 h-full", children: /* @__PURE__ */ e("div", { className: "flex flex-col gap-1.5 w-full min-w-0", children: /* @__PURE__ */ e(
+          Q,
+          {
+            className: "flex items-center text-md pl-2",
+            sx: { color: d.palette.text.primary },
+            children: /* @__PURE__ */ e(
+              Se,
+              {
+                arrow: !0,
+                placement: "top",
+                title: /* @__PURE__ */ e(
+                  "span",
+                  {
+                    dangerouslySetInnerHTML: {
+                      __html: (t == null ? void 0 : t.areaOfIntervention) || "N/A"
+                    }
+                  }
+                ),
+                children: /* @__PURE__ */ e(
+                  "span",
+                  {
+                    className: "cursor-default block w-full whitespace-normal break-words",
+                    dangerouslySetInnerHTML: {
+                      __html: r || "N/A"
+                    }
+                  }
+                )
+              }
+            )
+          }
+        ) }) });
+      }
+    },
+    {
+      field: "healthFacilityName",
+      label: "Health Infrastructure".toUpperCase(),
+      align: "left",
+      render: (t) => {
+        var r;
+        return /* @__PURE__ */ a("div", { className: "flex items-center gap-3 h-full", children: [
+          /* @__PURE__ */ e(
+            Q,
+            {
+              className: "w-8 h-8 rounded-lg flex items-center justify-center transition-all duration-300",
+              sx: {
+                color: d.palette.text.disabled,
+                ".group:hover &": {
+                  color: d.palette.primary.main,
+                  backgroundColor: K(d.palette.primary.main, 0.1)
+                }
+              },
+              children: /* @__PURE__ */ e(xe, { icon: Qa })
+            }
+          ),
+          /* @__PURE__ */ e(
+            Q,
+            {
+              component: "span",
+              className: "text-sm  transition-colors duration-300",
+              sx: {
+                color: d.palette.text.secondary,
+                ".group:hover &": {
+                  color: d.palette.primary.main
+                }
+              },
+              children: /* @__PURE__ */ e("div", { className: "whitespace-pre-line", children: ((r = t == null ? void 0 : t.healthFacilityName) == null ? void 0 : r.replace(/<br\s*\/?>/gi, `
+`)) || "N/A" })
+            }
+          )
+        ] });
+      }
+    },
+    {
+      field: "displayState",
+      label: "User Status".toUpperCase(),
+      align: "left",
+      render: (t) => {
+        const r = (t == null ? void 0 : t.displayState) === "ACTIVE";
+        return /* @__PURE__ */ e("div", { className: "flex items-center justify-center h-full", children: /* @__PURE__ */ a(
+          Q,
+          {
+            className: "inline-flex items-center justify-center rounded-full text-[0.8rem] font-black border transition-all duration-500 shadow-sm px-3 w-auto min-w-[110px]",
+            sx: {
+              backgroundColor: r ? d.palette.mode === "dark" ? K(d.palette.success.main, 0.15) : "rgb(236, 253, 245)" : d.palette.mode === "dark" ? K(d.palette.error.main, 0.15) : "rgb(254, 242, 242)",
+              color: r ? d.palette.mode === "dark" ? d.palette.success.light : "rgb(4, 120, 87)" : d.palette.mode === "dark" ? d.palette.error.light : "rgb(248, 113, 113)",
+              borderColor: r ? K(d.palette.success.main, 0.3) : K(d.palette.error.main, 0.3)
+            },
+            children: [
+              /* @__PURE__ */ e(
+                "span",
+                {
+                  className: `w-2 h-2 rounded-full mr-2 ${r ? "bg-emerald-500 animate-pulse" : "bg-red-400"}`
+                }
+              ),
+              t == null ? void 0 : t.displayState
+            ]
+          }
+        ) });
+      }
+    },
+    {
+      field: "Actions",
+      label: "Actions".toUpperCase(),
+      align: "left"
+    }
+  ], [Jt, it] = c(We);
+  ue(() => {
+    it(We);
+  }, [oe, de]);
+  const Xt = async () => {
+    var r, l, f, m;
+    const t = S.displayState !== "ACTIVE";
+    try {
+      await fa(S, { is_active: t }), D(0), k((N) => !N), B({
+        message: "User State Updated Successfully",
+        type: "success"
+      });
+    } catch (N) {
+      D(0), k((_) => !_);
+      const i = (l = (r = N == null ? void 0 : N.response) == null ? void 0 : r.data) == null ? void 0 : l.errorcode, G = ((m = (f = N == null ? void 0 : N.response) == null ? void 0 : f.data) == null ? void 0 : m.message) || (N == null ? void 0 : N.message) || "Something went wrong";
+      console.log(i, G), i === 400 ? B({
+        message: `${G}`,
+        type: "error"
+      }) : B({
+        message: "Error in Updating User State.",
+        type: "error"
+      });
+    }
+  }, Zt = async () => {
+    try {
+      const t = await ua({
+        userId: (S == null ? void 0 : S.userId) ?? (S == null ? void 0 : S.id)
+      });
+      t && (E((r) => r.map((l) => (l == null ? void 0 : l.userId) === ((S == null ? void 0 : S.userId) ?? (S == null ? void 0 : S.id)) ? { ...l, loginCode: t.data } : l)), B({
+        message: `You have successfully generated your login code. Your login code is : ${t.data}`,
+        type: "success"
+      }));
+    } catch (t) {
+      B({ message: `${t.response.data.message}`, type: "error" });
+    } finally {
+      D(0);
+    }
+  }, ea = (t) => Y(`/ui/medplat/manage/user/${(t == null ? void 0 : t.userId) ?? (t == null ? void 0 : t.id)}`), ta = kt(
+    (t) => [
+      ye.hasCheckRights(h == null ? void 0 : h["update.manage.users"], void 0, !0) && {
+        label: "",
+        icon: /* @__PURE__ */ e(xe, { icon: Pa, "data-testid": "userlist-button-edit" }),
+        onClick: () => {
+          ea(t);
+        },
+        iconColor: d.palette.secondary.main,
+        backgroundColor: K(d.palette.secondary.main, 0.1),
+        hoverBackgroundColor: d.palette.secondary.main,
+        hoverIconColor: "white",
+        borderColor: d.palette.secondary.main,
+        rotateIcon: !0
+      },
+      {
+        label: "",
+        icon: /* @__PURE__ */ e(xe, { icon: Wa, "data-testid": "userlist-button-menu" }),
+        iconColor: d.palette.primary.main,
+        backgroundColor: K(d.palette.primary.main, 0.1),
+        hoverBackgroundColor: d.palette.primary.main,
+        hoverIconColor: "white",
+        borderColor: d.palette.primary.main,
+        menuItems: [
+          {
+            label: y(
+              t.displayState === "ACTIVE" ? "Mark as Inactive" : "Mark as Active"
+            ),
+            onClick: () => {
+              D(1), he(t);
+            }
+          },
+          t.displayState === "ACTIVE" && !(t != null && t.loginCode) && {
+            label: y("Generate SOH Code"),
+            onClick: () => {
+              D(2), he(t);
+            }
+          },
+          de && (t != null && t.healthIdNumber || t != null && t.healthId ? {
+            label: y("View ABHA Details"),
+            onClick: () => {
+              Be(t), ie("VIEW"), U(!0);
+            }
+          } : o && t.displayState === "ACTIVE" && {
+            label: y("Create ABHA Number"),
+            onClick: () => {
+              Be(t), ie("CREATE"), U(!0);
+            }
+          })
+        ].filter(Boolean)
+      }
+    ].filter(Boolean),
+    [y, h, de, o]
+  ), aa = async (t) => {
+    const r = t.sortOrder === "asc" ? "desc" : "asc";
+    it(
+      (l) => l.map((f) => f.field === t.field ? { ...f, sortOrder: r } : f)
+    ), I({ sortColumn: t.field, sortOrder: r });
+  }, dt = () => {
+    C("button_click", {
+      button_name: "User Filter-open-button",
+      button_type: "filter_open",
+      button_id: "userlist-overlay-filter"
+    }), L(!te);
+  };
+  ue(() => {
+    const t = setTimeout(() => {
+      fe(g);
+    }, 1e3);
+    return () => clearTimeout(t);
+  }, [g]);
+  async function la(t, r) {
+    var l;
+    try {
+      if (h === null || ye.hasCheckRights(h == null ? void 0 : h["view.manage.users"], void 0, !0)) {
+        r && X((m) => !m);
+        const f = await wt({
+          limit: t.limit,
+          offset: t.offset,
+          locationId: (u == null ? void 0 : u.locationId) || He,
+          order: b.sortOrder,
+          orderby: b.sortColumn,
+          roleIds: F == null ? void 0 : F.join(","),
+          status: u != null && u.status ? u == null ? void 0 : u.status : Ne || "BOTH",
+          ...u != null && u.roleid ? { roleid: u == null ? void 0 : u.roleid } : (W == null ? void 0 : W.id) && { roleid: W.id },
+          ...g && { searchString: g }
+        });
+        return g !== "" && C("search_tracking", {
+          searchTerm: g,
+          results_count: (l = f == null ? void 0 : f.data) == null ? void 0 : l.length,
+          search_type: "Page Search"
+        }), r && X((m) => !m), f.data;
+      }
+    } catch (f) {
+      B({ message: `error ${f}`, type: "error" }), X((m) => !m);
+    }
+  }
+  const {
+    data: ze,
+    fetchNextPage: sa,
+    hasNextPage: na
+  } = pa({
+    key: [
+      "users",
+      ve,
+      b.sortOrder,
+      b.sortColumn,
+      V,
+      He,
+      W == null ? void 0 : W.id,
+      Ne,
+      h,
+      F
+    ],
+    queryFn: ({ pageParam: t }) => {
+      const r = !(t != null && t.offset) || (t == null ? void 0 : t.offset) === 0;
+      return la(t, r);
+    },
+    limit: O
+  });
+  ue(() => {
+    (async () => {
+      var r;
+      try {
+        const { data: l } = await $t({}, { showLoader: !1 }), f = l == null ? void 0 : l.filter((i) => {
+          var G, _;
+          return (_ = (G = i == null ? void 0 : i.name) == null ? void 0 : G.toLowerCase()) == null ? void 0 : _.includes("admin");
+        }).map((i) => i.id);
+        q(f);
+        const m = l == null ? void 0 : l.map((i) => i.id);
+        j(m), X(!0);
+        const { data: N } = await ba("techo.manage.users");
+        if (N) {
+          const i = typeof N == "string" ? JSON.parse(N) : N;
+          T(i);
+        }
+        (r = Z == null ? void 0 : Z.state) != null && r.fromManageUser || tt(Je({ ...z, userFilterPreference: {} })), X(!1);
+      } catch (l) {
+        X(!1), console.error("Error loading initial data:", l);
+      }
+    })();
+  }, []), ue(() => {
+    var r;
+    const t = ((r = ze == null ? void 0 : ze.pages) == null ? void 0 : r.flat()) || [];
+    R(na), E(t);
+  }, [ze]);
+  const ct = async () => {
+    try {
+      let r = 0, l = [], f = !0;
+      for (; f; ) {
+        const m = await wt({
+          limit: 5e4,
+          offset: r,
+          locationId: (u == null ? void 0 : u.locationId) || He,
+          order: b.sortOrder,
+          orderby: b.sortColumn,
+          roleIds: F == null ? void 0 : F.join(","),
+          status: u != null && u.status ? u == null ? void 0 : u.status : Ne || "BOTH",
+          ...u != null && u.roleid ? { roleid: u == null ? void 0 : u.roleid } : (W == null ? void 0 : W.id) && { roleid: W.id },
+          ...g && { searchString: g }
+        }), N = (m == null ? void 0 : m.data) || [];
+        l = [...l, ...N], N.length < 5e4 ? f = !1 : r += 5e4;
+      }
+      return l;
+    } catch (t) {
+      return console.error(t), B({ message: "Error in retriving all Users", type: "error" }), [];
+    }
+  }, oa = async (t) => {
+    try {
+      const r = /* @__PURE__ */ new Date(), l = r.getMonth() + 1, f = `UserList-${r.getDate()}/${l}/${r.getFullYear().toString().substr(-2)}-${r.getHours()}:${r.getMinutes()}`, m = ke.utils.json_to_sheet(t), N = {
+        font: { bold: !0 },
+        alignment: { horizontal: "center" }
+      };
+      if (t.length > 0) {
+        const Oe = ke.utils.decode_range(m["!ref"]);
+        for (let Ce = Oe.s.c; Ce <= Oe.e.c; ++Ce) {
+          const vt = m[ke.utils.encode_cell({ r: 0, c: Ce })];
+          vt && (vt.s = N);
+        }
+      }
+      const i = ke.utils.book_new();
+      ke.utils.book_append_sheet(i, m, "Sheet1");
+      const G = ke.write(i, {
+        bookType: "xlsx",
+        type: "array"
+      }), _ = new Blob([G], {
+        type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
+      }), At = (_.size / (1024 * 1024)).toFixed(2);
+      Ja.saveAs(_, `${f}.xlsx`), C("file_download", {
+        file_type: "excel",
+        file_name: `${f}.xlsx`,
+        file_size: `${At} MB`,
+        filter_parameters: {
+          taskTypeId: ee.id
+        },
+        download_status: "success"
+      });
+    } catch (r) {
+      console.error("Error generating Excel file:", r), B({ message: "Error generating Excel file", type: "error" });
+    }
+  }, [mt, Ge] = c(!1), ra = async () => {
+    try {
+      Ge(!0);
+      const t = await ct();
+      let r = [];
+      t && t.length > 0 && (r = t.map((l, f) => {
+        var G;
+        let m = "", N;
+        l != null && l.title && (m += l.title + " "), l != null && l.firstName && (m += l.firstName + " "), l != null && l.lastName && (m += l.lastName), l != null && l.areaOfIntervention && (N = (G = l == null ? void 0 : l.areaOfIntervention) == null ? void 0 : G.replace(
+          /<br\s*\/?>/gi,
+          `,
+`
+        ));
+        const i = {
+          "No.": f + 1,
+          NAME: m || "NA",
+          "USER IDENTITY": (l == null ? void 0 : l.userName) || "NA",
+          "MOBILE NUMBER": (l == null ? void 0 : l.contactNumber) || "NA",
+          "USER ROLE": (l == null ? void 0 : l.roleName) || "NA",
+          "AREA OF INTERVENTION": N || "NA",
+          "HEALTH INFRASTRUCTURE": (l == null ? void 0 : l.healthFacilityName) || "NA",
+          "USER STATUS": (l == null ? void 0 : l.displayState) || "NA"
+        };
+        return Object.keys(i).forEach((_) => {
+          _ === "id" ? delete i[_] : i[_] === null ? i[_] = "" : typeof i[_] == "boolean" && (i[_] = i[_] ? "Yes" : "No");
+        }), i;
+      })), oa(r), Ge(!1);
+    } catch (t) {
+      Ge(!1), console.log(t), B({
+        message: "Error in downloading excel",
+        type: "error"
+      });
+    }
+  }, ia = Xa(), [ht, Ye] = c(!1), da = async () => {
+    try {
+      Ye(!0);
+      const t = await ct();
+      if (!t || t.length === 0) return;
+      let r = [], l = [];
+      r.push(y("NAME")), l.push("name"), We.filter(
+        (i) => i.field !== "Actions" && i.field !== "index" && i.field !== "Sr. No."
+      ).forEach((i) => {
+        r.push(y(i.label)), l.push(i.field);
+      });
+      let f = t.map((i) => {
+        var Oe, Ce;
+        let G = "", _;
+        return i != null && i.title && (G += i.title + " "), i != null && i.firstName && (G += i.firstName + " "), i != null && i.lastName && (G += i.lastName), i != null && i.areaOfIntervention && (_ = (Oe = i == null ? void 0 : i.areaOfIntervention) == null ? void 0 : Oe.replace(
+          /<br\s*\/?>/gi,
+          `,
+`
+        )), {
+          ...i,
+          name: G || "NA",
+          areaOfIntervention: _,
+          healthFacilityName: ((Ce = i == null ? void 0 : i.healthFacilityName) == null ? void 0 : Ce.replace(/<br\s*\/?>/gi, `
+`)) || (i == null ? void 0 : i.healthFacilityName) || "NA"
+        };
+      });
+      const m = /* @__PURE__ */ new Date(), N = m.getMonth() + 1;
+      ia({
+        columns: r,
+        keys: l,
+        data: f,
+        fileName: `${y("UserList")}-${m.getDate()}/${N}/${m.getFullYear().toString().substr(-2)}-${m.getHours()}:${m.getMinutes()}`,
+        headerText: y("User List"),
+        footerText: y("User List"),
+        orientation: r.length > 5 ? "landscape" : "portrait"
+      }), Ye(!1);
+    } catch (t) {
+      Ye(!1), console.error(t);
+    }
+  }, ca = () => {
+    Ze(null), et(null), Ie("BOTH"), we({}), nt(!1), rt([]), $([]), tt(Je({ ...z, userFilterPreference: {} })), at(null), st({}), ot((t) => t + 1), lt.current = null, dt();
+  };
+  return !H && h !== null && !ye.hasCheckRights(h == null ? void 0 : h["view.manage.users"], void 0, !0) ? /* @__PURE__ */ e(Q, { className: "flex justify-center items-center w-full h-[80vh]", children: /* @__PURE__ */ e(
+    Ta,
+    {
+      className: "h-80 w-150 flex justify-center items-center",
+      "data-testid": "userlist-no-permission",
+      children: /* @__PURE__ */ e(p, { variant: "h5", className: "text-customBlue", children: "You dont have permission to view Users" })
+    }
+  ) }) : /* @__PURE__ */ a(le, { className: "w-[98%] mt-4 ", children: [
+    /* @__PURE__ */ e(
+      Ct,
+      {
+        open: be === 1,
+        handleClose: () => D(0),
+        handleClick: Xt,
+        title: "CONFIRM ACTION",
+        description: "Are you sure you want toggle the state of this user type?",
+        dataTestId: "userlist-modal-status-confirmation"
+      }
+    ),
+    /* @__PURE__ */ e(
+      Ct,
+      {
+        open: be === 2,
+        handleClose: () => D(0),
+        handleClick: Zt,
+        title: "CONFIRM ACTION",
+        description: "Are you sure you want to Generate SOH code ?",
+        dataTestId: "userlist-modal-generate-soh-confirmation"
+      }
+    ),
+    de && (P === "VIEW" || o) && /* @__PURE__ */ e(
+      Wt,
+      {
+        open: M,
+        onClose: () => {
+          U(!1), Be(null);
+        },
+        user: Pe,
+        mode: P,
+        onSuccess: Ue
+      }
+    ),
+    /* @__PURE__ */ e(Ma, { isLoading: H, children: /* @__PURE__ */ a(
+      le,
+      {
+        container: !0,
+        className: "flex flex-col md:flex-row mb-2 justify-between items-start md:items-center space-y-2 md:space-y-0",
+        children: [
+          /* @__PURE__ */ e(le, { children: /* @__PURE__ */ e(
+            p,
+            {
+              variant: "body2",
+              className: "font-bold font-sans text-lg text-[var(--color-customBlue)] uppercase text-customBlue",
+              "data-testid": "notification-list-typography-title",
+              children: y("User List")
+            }
+          ) }),
+          /* @__PURE__ */ a(le, { className: "flex flex-col md:flex-row w-full md:w-auto space-y-2 md:space-y-0 md:space-x-3", children: [
+            /* @__PURE__ */ e(le, { className: "w-full md:w-auto", children: /* @__PURE__ */ e(
+              Fe,
+              {
+                name: "searchQuery",
+                id: "searchQuery",
+                className: "w-full md:w-auto",
+                placeholder: "Search...",
+                size: "small",
+                onChange: (t) => {
+                  var r;
+                  return J((r = t.target) == null ? void 0 : r.value);
+                },
+                value: g,
+                "data-testid": "userlist-textfield-search",
+                sx: {
+                  "& .MuiInputBase-root": {
+                    backgroundColor: (t) => t.palette.background.paper
+                  }
+                }
+              }
+            ) }),
+            /* @__PURE__ */ a("div", { className: "flex items-center gap-3 flex-wrap md:flex-nowrap", children: [
+              /* @__PURE__ */ a(
+                "div",
+                {
+                  className: `flex items-center rounded-2xl p-1 shadow-sm transition-all duration-300 border ${oe ? "bg-slate-900 border-slate-800" : "bg-white border-slate-200"}`,
+                  children: [
+                    /* @__PURE__ */ e(
+                      "button",
+                      {
+                        disabled: ht,
+                        onClick: da,
+                        className: `px-4 py-2 rounded-xl transition-all flex items-center gap-2 text-xs font-black uppercase tracking-wider ${oe ? "text-slate-400 hover:text-slate-100 hover:bg-slate-800" : "text-slate-600 hover:text-red-600 hover:bg-slate-50"}`,
+                        children: ht ? /* @__PURE__ */ a(Te, { children: [
+                          /* @__PURE__ */ e(Me, { size: 14, sx: { color: "inherit" } }),
+                          /* @__PURE__ */ e(xe, { icon: Ht, className: "mr-1" }),
+                          "Pdf"
+                        ] }) : /* @__PURE__ */ a(Te, { children: [
+                          /* @__PURE__ */ e(xe, { icon: Ht, className: "mr-1" }),
+                          "Pdf"
+                        ] })
+                      }
+                    ),
+                    /* @__PURE__ */ e(
+                      "button",
+                      {
+                        disabled: mt,
+                        onClick: () => ra(),
+                        className: `px-4 py-2 rounded-xl transition-all flex items-center gap-2 text-xs font-black uppercase tracking-wider ml-1 ${oe ? "bg-slate-800 text-slate-100 hover:bg-slate-700" : "bg-[var(--color-tableHeader)] text-white hover:bg-[var(--color-tableHeader)]"}`,
+                        children: mt ? /* @__PURE__ */ a(Te, { children: [
+                          /* @__PURE__ */ e(Me, { size: 14, sx: { color: "inherit" } }),
+                          /* @__PURE__ */ e(xe, { icon: zt, className: "mr-1" }),
+                          "Excel Data"
+                        ] }) : /* @__PURE__ */ a(Te, { children: [
+                          /* @__PURE__ */ e(xe, { icon: zt, className: "mr-1" }),
+                          "Excel Data"
+                        ] })
+                      }
+                    )
+                  ]
+                }
+              ),
+              ye.hasCheckRights(h == null ? void 0 : h["create.manage.users"], void 0, !0) && /* @__PURE__ */ e(
+                ae,
+                {
+                  variant: "contained",
+                  className: "w-auto ml-auto",
+                  onClick: () => {
+                    C("button_click", {
+                      button_name: "add_user",
+                      button_type: "navigate",
+                      button_id: "userlist-button-add"
+                    }), Y("/ui/medplat/manage/user");
+                  },
+                  size: "small",
+                  "data-testid": "userlist-button-add",
+                  children: y("Add")
+                }
+              ),
+              ye.isSevaMandir && ye.hasCheckRights(h == null ? void 0 : h["create.manage.users"], void 0, !0) && /* @__PURE__ */ e(
+                ae,
+                {
+                  variant: "contained",
+                  className: "w-auto ml-auto",
+                  onClick: () => {
+                    C("button_click", {
+                      button_name: "upload_users",
+                      button_type: "navigate",
+                      button_id: "userlist-button-add"
+                    }), Y("/ui/medplat/manage/upload-users");
+                  },
+                  size: "small",
+                  "data-testid": "userlist-button-add",
+                  children: y("Upload Users")
+                }
+              )
+            ] })
+          ] })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ e(Ha, { isLoading: pe, children: x && /* @__PURE__ */ a("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4 mt-4 mb-4", children: [
+      /* @__PURE__ */ e(
+        Ve,
+        {
+          title: "Total Users",
+          value: (x == null ? void 0 : x.total_users) || 0,
+          icon: Ga,
+          bottomIndicator: ce,
+          selected: Ne === "BOTH" && F.length === 0,
+          selectedBgColor: ce,
+          selectedTitleColor: w,
+          selectedValueColor: w,
+          onClick: () => {
+            (x == null ? void 0 : x.total_users) > 0 ? ($([]), Ie("BOTH"), we((t) => ({
+              ...t,
+              status: "BOTH"
+            }))) : B({ message: "No users found", type: "warning" });
+          }
+        }
+      ),
+      /* @__PURE__ */ e(
+        Ve,
+        {
+          title: "Active Users",
+          value: (x == null ? void 0 : x.active_count) || 0,
+          icon: Ya,
+          bottomIndicator: s,
+          selected: Ne === "ACTIVE" && F.length === 0,
+          selectedBgColor: s,
+          selectedTitleColor: w,
+          selectedValueColor: w,
+          onClick: () => {
+            (x == null ? void 0 : x.active_count) > 0 ? ($([]), Ie("ACTIVE"), we((t) => ({
+              ...t,
+              status: "ACTIVE"
+            }))) : B({
+              message: "No active users found",
+              type: "warning"
+            });
+          }
+        }
+      ),
+      /* @__PURE__ */ e(
+        Ve,
+        {
+          title: "Inactive Users",
+          value: (x == null ? void 0 : x.inactive_count) || 0,
+          icon: qa,
+          bottomIndicator: v,
+          selected: Ne === "INACTIVE" && F.length === 0,
+          selectedBgColor: v,
+          selectedTitleColor: w,
+          selectedValueColor: w,
+          onClick: () => {
+            (x == null ? void 0 : x.inactive_count) > 0 ? ($([]), Ie("INACTIVE"), we((t) => ({
+              ...t,
+              status: "INACTIVE"
+            }))) : B({
+              message: "No inactive users found",
+              type: "warning"
+            });
+          }
+        }
+      ),
+      /* @__PURE__ */ e(
+        Ve,
+        {
+          title: "Admins",
+          value: (x == null ? void 0 : x.admin_role_count) || 0,
+          icon: Da,
+          bottomIndicator: me,
+          selected: F.length > 0,
+          selectedBgColor: me,
+          selectedTitleColor: w,
+          selectedValueColor: w,
+          onClick: () => {
+            (x == null ? void 0 : x.admin_role_count) > 0 ? (Ie("BOTH"), we((t) => ({
+              ...t,
+              status: "BOTH"
+            })), $(n)) : B({
+              message: "No active users found",
+              type: "warning"
+            });
+          }
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ e(
+      xa,
+      {
+        columns: Jt,
+        tableData: Qt,
+        actions: ta,
+        paginationConfig: {
+          pagination: !0,
+          paginationType: "infinite-scroll",
+          rowsPerPageInTable: O,
+          hasMore: re,
+          loadMore: () => re && sa({ cancelRefetch: !1 })
+        },
+        styleConfig: { cellStyle: { maxLines: 2 } },
+        isLoading: ee ? H : !0,
+        handleSort: aa,
+        dataTestId: "userlist-table-customized"
+      }
+    ),
+    /* @__PURE__ */ e(
+      ga,
+      {
+        title: "User Filter",
+        resetButtonLabel: "Reset",
+        onResetClick: ca,
+        FormBody: Pt,
+        handleOverlayState: dt,
+        overlayOpen: te,
+        dataTestId: "userlist-overlay-filter",
+        formProps: {
+          setAdminRoleIdsStats: $,
+          setIsLoading: X,
+          isLoading: H,
+          setLocationId: Ze,
+          setRoleDetails: et,
+          roleDetails: W,
+          status: Ne,
+          setStatus: Ie,
+          setSelectedLocation: st,
+          selectedLocation: Yt,
+          filterRequired: qt,
+          setFilterRequired: nt,
+          setUserFilterPreference: we,
+          user: z,
+          userFilterPreference: u,
+          locationIdRef: lt,
+          setSelectedLocationId: at,
+          resetLocationDirective: Dt,
+          setResetLocationDirective: ot,
+          locations: Kt,
+          setLocations: rt
+        }
+      }
+    )
+  ] });
+}
+export {
+  Yl as default
+};
+//# sourceMappingURL=UserList-Cf5B-o_1.js.map