hplx-feature-library 1.0.172 → 1.0.173

package/dist/PatientAddEdit/index.js

@@ -0,0 +1,1662 @@
+import { j as l, b as h, K as y, P as m, k as Q, a as Ql, e as Ze, Z as we, A as X, c as Xl, q as ea } from "../index-sG1tIMJ6.js";
+import { g as ae, i as la, d as aa, c as ta, a as ra, b as sa, p as na, e as oa, f as ia, H as ha, h as Ke, j as Qe, v as Xe, k as el, D as je, M as Ce, l as ee, S as da, m as ll, E as Ne, n as fa, o as al, q as ca, u as pa, r as ua, C as Pe, O as De, s as ma, t as ga } from "../APIAction--DyoXs57.js";
+import { M as xa } from "../index-vVtPa2-N.js";
+import { useState as n, useRef as Y, useCallback as q, useEffect as k, useMemo as _a } from "react";
+import { d as le } from "../dayjs.min-BbV4duaj.js";
+const tl = () => /* @__PURE__ */ l.jsx("div", { className: "hfl-h-0 hfl-w-full hfl-border-1 hfl-border-Gray-200" }), ba = ({ conflicts: M, handleAddPatient: v, redirectAction: T }) => {
+  const [N, L] = n(!1);
+  return /* @__PURE__ */ l.jsxs("div", { children: [
+    /* @__PURE__ */ l.jsx("div", { className: "hfl-mx-[20%] hfl-my-5 hfl-text-center", children: /* @__PURE__ */ l.jsx(h, { variant: "Regular", type: "Text md", className: "hfl-text-Error-700", children: "Patient/s with similar information already exists in your Clinic. To continue with an existing patient click on “Continue." }) }),
+    /* @__PURE__ */ l.jsxs("table", { className: "hfl-mx-7", children: [
+      /* @__PURE__ */ l.jsx("thead", { children: /* @__PURE__ */ l.jsxs("tr", { className: "hfl-w-full", children: [
+        /* @__PURE__ */ l.jsx(
+          "th",
+          {
+            className: "hfl-w-[40px] hfl-max-w-[40px] hfl-rounded-tl hfl-border hfl-border-r hfl-border-Blue_gray-100 hfl-bg-Blue_gray-50 hfl-px-2 hfl-py-[6px]",
+            children: /* @__PURE__ */ l.jsx(h, { variant: "Medium", type: "Text sm", className: "hfl-flex hfl-items-center hfl-text-Gray-500", children: "#" })
+          }
+        ),
+        /* @__PURE__ */ l.jsx(
+          "th",
+          {
+            className: "hfl-w-[20%] hfl-max-w-[40px] hfl-rounded-tl hfl-border hfl-border-r hfl-border-Blue_gray-100 hfl-bg-Blue_gray-50 hfl-px-2 hfl-py-[6px]",
+            children: /* @__PURE__ */ l.jsx(h, { variant: "Medium", type: "Text sm", className: "hfl-flex hfl-items-center hfl-text-Gray-500", children: "Name" })
+          }
+        ),
+        /* @__PURE__ */ l.jsx(
+          "th",
+          {
+            className: "hfl-w-[20%] hfl-max-w-[40px] hfl-rounded-tl hfl-border hfl-border-r hfl-border-Blue_gray-100 hfl-bg-Blue_gray-50 hfl-px-2 hfl-py-[6px]",
+            children: /* @__PURE__ */ l.jsx(h, { variant: "Medium", type: "Text sm", className: "hfl-flex hfl-items-center hfl-text-Gray-500", children: "Phone No" })
+          }
+        ),
+        /* @__PURE__ */ l.jsx(
+          "th",
+          {
+            className: "hfl-w-[20%] hfl-max-w-[40px] hfl-rounded-tl hfl-border hfl-border-r hfl-border-Blue_gray-100 hfl-bg-Blue_gray-50 hfl-px-2 hfl-py-[6px]",
+            children: /* @__PURE__ */ l.jsx(h, { variant: "Medium", type: "Text sm", className: "hfl-flex hfl-items-center hfl-text-Gray-500", children: "Email" })
+          }
+        ),
+        /* @__PURE__ */ l.jsx(
+          "th",
+          {
+            className: "hfl-w-[20%] hfl-max-w-[40px] hfl-rounded-tl hfl-border hfl-border-r hfl-border-Blue_gray-100 hfl-bg-Blue_gray-50 hfl-px-2 hfl-py-[6px]",
+            children: /* @__PURE__ */ l.jsx(h, { variant: "Medium", type: "Text sm", className: "hfl-flex hfl-items-center hfl-text-Gray-500", children: "Branch" })
+          }
+        ),
+        /* @__PURE__ */ l.jsx(
+          "th",
+          {
+            className: "hfl-w-[20%] hfl-max-w-[40px] hfl-rounded-tl hfl-rounded-tr hfl-border-b hfl-border-r hfl-border-Blue_gray-100 hfl-bg-Blue_gray-50 hfl-px-2 hfl-py-[6px]"
+          }
+        )
+      ] }) }),
+      M.map((o, p) => /* @__PURE__ */ l.jsxs("tr", { className: "hfl-w-full hfl-border-1 hfl-border-Gray-100", children: [
+        /* @__PURE__ */ l.jsx("td", { className: "hfl-border-Blue_gray-100 hfl-px-2 hfl-py-[6px] ", children: /* @__PURE__ */ l.jsx(h, { variant: "Regular", type: "Text md", className: " hfl-flex hfl-items-center hfl-text-Gray-800", children: p + 1 }) }),
+        /* @__PURE__ */ l.jsx("td", { className: "hfl-border-Blue_gray-100 hfl-px-2 hfl-py-[6px] ", children: /* @__PURE__ */ l.jsx(h, { variant: "Regular", type: "Text md", className: " hfl-flex hfl-items-center hfl-text-Gray-800", children: o.org_person_name || o.name }) }),
+        /* @__PURE__ */ l.jsx("td", { className: "hfl-border-Blue_gray-100 hfl-px-2 hfl-py-[6px] ", children: /* @__PURE__ */ l.jsx(h, { variant: "Regular", type: "Text md", className: " hfl-flex hfl-items-center hfl-text-Gray-500", children: o.org_person_phone || o.phone }) }),
+        /* @__PURE__ */ l.jsx("td", { className: "hfl-border-Blue_gray-100 hfl-px-2 hfl-py-[6px] ", children: /* @__PURE__ */ l.jsx(h, { variant: "Regular", type: "Text md", className: " hfl-flex hfl-items-center hfl-text-Gray-500", children: o.org_person_email || o.email }) }),
+        /* @__PURE__ */ l.jsx("td", { className: "hfl-border-Blue_gray-100 hfl-px-2 hfl-py-[6px] ", children: /* @__PURE__ */ l.jsx(h, { variant: "Regular", type: "Text md", className: " hfl-flex hfl-items-center hfl-text-Gray-500", children: "In Same Branch" }) }),
+        /* @__PURE__ */ l.jsx(
+          "td",
+          {
+            className: "hfl-flex hfl-items-center hfl-justify-center hfl-border-Blue_gray-100 hfl-px-2 hfl-py-[6px] ",
+            children: window.role_id == "11" && /* @__PURE__ */ l.jsx(
+              y,
+              {
+                hierarchy: "Secondary",
+                size: "sm",
+                textField: "Continue",
+                className: "hfl-text-Primary-700",
+                onClick: async () => {
+                  window.location.href.includes("/frontdesk") ? window.location.href = window.origin + "/md/viewPatientDashboard.php?pid=" + o?.person_role_id?.toString() : ae(`viewPatientDashboard.php?pid=${o.person_role_id}`);
+                }
+              }
+            )
+          }
+        )
+      ] }))
+    ] }),
+    /* @__PURE__ */ l.jsx("div", { className: "hfl-my-7 hfl-flex hfl-items-center hfl-justify-center", children: /* @__PURE__ */ l.jsx(h, { variant: "Regular", type: "Text md", className: "hfl-text-Success-800", children: "If your patient is not in the above list" }) }),
+    /* @__PURE__ */ l.jsx("div", { className: "hfl-flex hfl-justify-center", children: /* @__PURE__ */ l.jsx(
+      y,
+      {
+        disabled: N,
+        hierarchy: "Primary",
+        size: "xl",
+        textField: "Create As New Patient",
+        className: "hfl-bg-Primary-700",
+        onClick: () => {
+          L(!0), v(!0, T);
+        }
+      }
+    ) })
+  ] });
+};
+function ya(M) {
+  const { editPatient: v, setEditPatient: T, createAsNew: N, setCreateAsNew: L } = M, o = () => v ? "Primary" : "Secondary", p = () => N ? "Primary" : "Secondary";
+  return /* @__PURE__ */ l.jsxs("div", { className: "hfl-mt-6 hfl-flex hfl-h-20 hfl-w-full hfl-items-center hfl-justify-center hfl-gap-4 hfl-border-1 hfl-border-Error-200 hfl-bg-Error-25", children: [
+    /* @__PURE__ */ l.jsx(h, { variant: "Medium", type: "Text md", className: "hfl-text-Error-700", children: "Are you updating" }),
+    /* @__PURE__ */ l.jsx(
+      y,
+      {
+        hierarchy: o(),
+        size: "lg",
+        textField: "Exisitng Patient",
+        onClick: () => {
+          T(!0), L(!1);
+        }
+      }
+    ),
+    /* @__PURE__ */ l.jsx(h, { variant: "Medium", type: "Text md", className: "hfl-text-Error-700", children: "or creating a" }),
+    /* @__PURE__ */ l.jsx(
+      y,
+      {
+        hierarchy: p(),
+        size: "lg",
+        textField: "New Patient",
+        onClick: () => {
+          L(!0), T(!1);
+        }
+      }
+    )
+  ] });
+}
+const Pa = (M) => {
+  const { closeModal: v, modalIsOpen: T, pref: N, variable: L } = M, { window_var: o, token: p, envName: b } = L, [te, rl] = n(!1), [A, sl] = n({}), [O, nl] = n(!1), [ol, re] = n(""), [il, hl] = n(!1), [Se, dl] = n(!1), [fl, cl] = n([]), [Ee, R] = n(!1), [P, U] = n(""), [g, pl] = n(), [u, c] = n({
+    name: "",
+    phone: "",
+    age: "",
+    gender: "",
+    email: "",
+    aadhar_number: ""
+  }), [W, ul] = n([]), [$, D] = n({
+    name: !1,
+    phone: !1
+  }), [se, ml] = n([]), [ne, gl] = n([]), [oe, xl] = n([]), [_l, ie] = n(!1), [bl, he] = n(!1), [yl, de] = n(!1), [fe, vl] = n([]), [t, j] = n({
+    name: "",
+    phone: "",
+    dob: "",
+    gender: "",
+    //(0 for male, 1 for female, 2 for others),
+    honorific: "",
+    patient_preferred_language: N?.visit_pad_json ? JSON.parse(N?.visit_pad_json)?.defaultLanguage?.rows : "",
+    age: "",
+    age_selector: "years",
+    // 2 for years, 3 for months, 4 for weeks and 5 for days
+    blood_group: "",
+    email: "",
+    address: "",
+    city: "",
+    existingBidStr: "",
+    pincode: "",
+    ref_doc_name: "",
+    ref_doc_spec: "",
+    temp_appnt_id: "",
+    //not used
+    throughChannel: "",
+    refDocId: "",
+    careOf: "",
+    phoneSecondary: "",
+    occupation: "",
+    tag: "",
+    phone_otp: "",
+    regAsNew: "",
+    image_link: "",
+    marital_status: "",
+    spouse_blood_group: "",
+    married_since: "",
+    spouse_name: "",
+    org_person_dob: "",
+    aadhar_number: "",
+    custom_fields: []
+  }), [wl, jl] = n([]), { name: Be, phone: G, age: w, dob: F, gender: Cl } = t, [ke, Te] = n(!1), [Nl, ce] = n(t.gender), [S, Le] = n("Years"), [Ae, Re] = n(""), [Me, pe] = n(!1), [Pl, Dl] = n([]), E = (e, a, r, s) => {
+    Dl([
+      {
+        id: 1,
+        title: e,
+        description: a,
+        type: r,
+        duration: s
+      }
+    ]);
+  }, B = Y(null), Oe = Y(null), [Ge, I] = n(!1), [Fe, J] = n(!1), [Sl, Ie] = n(!1), [El, ue] = n(!1), [ze, Bl] = n(), C = g && g.visit_pad_json && la(g.visit_pad_json) && JSON.parse(g.visit_pad_json), He = aa((...e) => {
+    const [a, r] = e;
+    Il(a, r);
+  }), i = q(
+    (e, a) => {
+      J(!1), j((r) => ({ ...r, [e]: a })), (e === "name" || e === "phone" && a.length >= 3) && He(e, a);
+    },
+    [He]
+  ), kl = (e) => {
+    i("throughChannel", e.value.trim()), ie(!1);
+  }, Tl = (e) => {
+    i("occupation", e.trim()), he(!1);
+  }, Ll = (e) => {
+    i("city", e.trim()), de(!1);
+  }, Al = (e) => {
+    const { value: a } = e.target, r = Ol(a);
+    ml(r);
+  }, Rl = (e) => {
+    const { value: a } = e.target, r = Gl(a);
+    gl(r);
+  }, Ml = (e) => {
+    const { value: a } = e.target, r = Fl(a);
+    vl(r);
+  }, Ol = (e) => {
+    if (oe?.length) {
+      let a = oe;
+      return e?.length && (a = oe.filter(
+        (r) => r.title.toLowerCase().includes(e.toLowerCase())
+        // last keyboad input after ,
+      )), a;
+    } else
+      return [];
+  }, Gl = (e) => {
+    if (De?.length) {
+      let a = De;
+      return e?.length && (a = De.filter(
+        (r) => r.toLowerCase().includes(e.toLowerCase())
+        // last keyboad input after ,
+      )), a;
+    } else
+      return [];
+  }, Fl = (e) => {
+    if (Pe?.length) {
+      let a = Pe;
+      return e?.length && (a = Pe.filter(
+        (r) => r.toLowerCase().includes(e.toLowerCase())
+        // last keyboad input after ,
+      )), a;
+    } else
+      return [];
+  }, Ve = Y(null), Z = Y(null), me = Y(null), Ye = window.location?.pathname.includes("/frontdesk");
+  k(() => {
+    const e = ta(t.age, S);
+    e && j((a) => ({
+      ...a,
+      dob: e
+    }));
+  }, [S, t.age]);
+  const ge = q(
+    (e) => {
+      ce(e), i("gender", e), c((a) => ({
+        ...a,
+        gender: ""
+      }));
+    },
+    [i]
+  ), qe = (e) => {
+    (Ve.current && !Ve.current.contains(e.target) || Z.current && !Z.current.contains(e.target)) && D({ name: !1, phone: !1 }), me.current && !me.current.contains(e.target) && pe(!1);
+  }, Ue = q(() => {
+    U(t.image_link), R(!1), I(!1);
+  }, [t.image_link]), We = q(async () => {
+    const e = await ra(
+      "patient_config",
+      o?.org_branch_id_for_seg?.toString() || "",
+      { token: p, envName: b }
+    );
+    Bl(e);
+  }, [p, b, o?.org_branch_id_for_seg]);
+  k(() => (document.addEventListener("mousedown", qe), () => {
+    document.removeEventListener("mousedown", qe);
+  }), []), k(() => {
+    o.doctor_speciality === "Gynaecologist" && !t.gender && ge("1");
+  }, [t.gender, ge, o.doctor_speciality]), k(() => {
+    t.image_link && Ue(), t.honorific && Re(t.honorific);
+  }, [t.honorific, t.image_link, Ue]), k(() => {
+    Ye && Te(!0);
+  }, [Ye]), k(() => {
+    We();
+  }, [We]), k(() => {
+    (async () => {
+      pl(N);
+      try {
+        const e = await sa({ token: p, envName: b }), { total_ref_doc_details: a, through_channel: r } = e;
+        a.length && jl(na(a)), r.length && xl(oa(r));
+      } catch (e) {
+        console.log("ERROR", e);
+      }
+    })();
+  }, [N, p, b]);
+  const Il = async (e, a) => {
+    const r = {
+      branch_id: o?.org_branch_id_for_seg || "",
+      doctor_id: o?.person_id_for_seg || "",
+      doctor_role_id: o?.doctor_role_id_for_seg || "",
+      term: encodeURIComponent(a),
+      limit: 30
+    }, s = await ua(r, { token: p, envName: b });
+    if (!s) {
+      D({ name: !1, phone: !1 });
+      return;
+    }
+    !s.apiError && Number(s.total_persons) > 0 ? (ul(s.persons), D(e === "name" ? { ...$, name: !0 } : { ...$, phone: !0 })) : D({ name: !1, phone: !1 });
+  }, xe = (e) => {
+    switch (e) {
+      case "Appointment":
+        return "#Appnt";
+      default:
+        return "";
+    }
+  }, _e = (e) => {
+    switch (e) {
+      case "Bill":
+      case "Appointment":
+        return "emrPatientPopUp.php?pid=";
+      default:
+        return Ne.visitpad + "?pid=";
+    }
+  }, zl = q(
+    (e) => {
+      ia({ callback: (r) => {
+        j({
+          name: r?.name || "",
+          phone: r?.phone_number || "",
+          gender: r?.gender || "",
+          honorific: r?.honorific || "",
+          patient_preferred_language: r?.patient_preferred_language || "",
+          ref_doc_spec: r?.ref_doc_spec || "",
+          age: r?.age.toString() || "",
+          age_selector: "2",
+          //hardcoded as suggested by backend
+          dob: r.org_person_dob || "",
+          org_person_dob: r.org_person_dob || "",
+          blood_group: r?.blood_group || "",
+          email: r?.email || "",
+          address: r?.address || "",
+          city: r?.city || "",
+          existingBidStr: r?.org_person_bid_str || "",
+          pincode: r?.pincode || "",
+          ref_doc_name: r?.ref_doc_name || "",
+          temp_appnt_id: "",
+          throughChannel: r?.through_channel || "",
+          refDocId: r?.ref_doc_id || "",
+          careOf: r?.care_of || "",
+          phoneSecondary: r?.phone_secondary || "",
+          occupation: r?.occupation || "",
+          tag: r?.tag || "",
+          phone_otp: "",
+          regAsNew: "",
+          image_link: r?.image_link || "",
+          marital_status: r.marital_status || "",
+          spouse_blood_group: r.spouse_blood_group || "",
+          married_since: r.married_since || "",
+          spouse_name: r.spouse_name || "",
+          aadhar_number: r.aadhar_number || "",
+          custom_fields: r.custom_fields || []
+        }), ce(r?.gender);
+      }, payload: e, token_env: { token: p, envName: b } });
+    },
+    [b, p]
+  ), $e = async (e) => {
+    Ie(!0);
+    const a = {
+      branch_id: o?.org_branch_id_for_seg?.toString() || "",
+      person_id: o?.person_id_for_seg || "",
+      person_role_id: o?.doctor_role_id_for_seg || "",
+      patient_role_id: e.person_role_id || ""
+    };
+    zl(a), D({ name: !1, phone: !1 }), dl(!0), sl(e);
+  }, Hl = () => {
+    let e = !0;
+    return t.name ? t.name.length < 2 && (c((a) => ({
+      ...a,
+      name: "Enter at least 2 letters "
+    })), e = !1) : (c((a) => ({
+      ...a,
+      name: "Enter the Name of the Patient"
+    })), e = !1), (g && g.phone_number_length && t.phone.length != 10 || t.phone.length && t.phone.length != 10) && (c((a) => ({
+      ...a,
+      phone: "Please enter 10 digit number"
+    })), e = !1), t.aadhar_number && t.aadhar_number.length != 12 && (c((a) => ({
+      ...a,
+      aadhar_number: "Please enter 12 digit aadhar number"
+    })), e = !1), z(S).length && F?.length === 0 && (c((a) => ({
+      ...a,
+      age: "Invalid Age."
+    })), e = !1), Cl === "" && (c((a) => ({
+      ...a,
+      gender: "Select Gender"
+    })), e = !1), u.email.length && (t.email && !ll().email().isValidSync(t.email) && c((a) => ({
+      ...a,
+      email: "Email format is wrong"
+    })), e = !1), e;
+  }, K = async (e, a) => {
+    try {
+      if (!Hl()) {
+        E("Invalid form", "Please fill in the required fields", "Error", 3e3);
+        return;
+      }
+      const s = new FormData();
+      s.append("name", t.name), s.append("phone", t.phone), s.append("gender", fa(t.gender)), s.append("honorific", t.honorific), s.append("patient_preferred_language", t.patient_preferred_language), s.append("age", F && F.length ? F : al(t?.age, S) || ""), s.append("age_selector", t.age_selector), s.append("blood_group", t.blood_group), s.append("email", t.email), s.append("address", t.address), s.append("city", t.city), s.append("existing_bid_str", t.existingBidStr), s.append("pincode", t.pincode), s.append("ref_doc_id", t.refDocId), s.append("ref_doc_name", t.ref_doc_name), s.append("ref_doc_spec", t.ref_doc_spec), s.append("through_channel", t.throughChannel), s.append("care_of", t.careOf), s.append("phone_secondary", t.phoneSecondary), s.append("occupation", t.occupation), s.append("tag", t.tag), s.append("marital_status", t.marital_status), s.append("married_since", t.married_since), s.append("spouse_name", t.spouse_name), s.append("spouse_blood_group", t.spouse_blood_group), s.append("aadhar_number", t.aadhar_number), s.append("custom_fields", JSON.stringify(t.custom_fields || [])), e && s.append("reg_as_new", "1");
+      const f = Object.fromEntries(s.entries()), x = Object.fromEntries(
+        Object.entries(f).map(([V, Kl]) => [V, String(Kl)])
+      ), _ = {
+        ...x,
+        custom_fields: JSON.parse(x.custom_fields || "[]"),
+        doctor_role_id: o.doctor_role_id_for_seg || "",
+        doctor_id: o.person_id_for_seg || "",
+        org_branch_id: o.org_branch_id_for_seg || "",
+        source: "emr",
+        ip: ""
+      }, d = await ca(_, { token: p, envName: b });
+      if (d.apiError)
+        E("Error", d.apiError, "Error", 3e3), J(!1);
+      else {
+        if (e) {
+          try {
+            P && await be(d.person_role_id.toString(), d.org_person_bid_str.toString());
+          } catch (V) {
+            console.log(V);
+          }
+          a !== "Rx" && C && C?.mode_of_patient_popup?.include == "1" && typeof o.patientPopupHandler < "u" ? o.patientPopupHandler(
+            "addpatient",
+            d.person_role_id.toString(),
+            d.person_id.toString(),
+            g,
+            C,
+            a
+          ) : ae(_e(a) + d.person_role_id.toString() + xe(a)), v();
+          return;
+        } else {
+          try {
+            P && await be(d.person_role_id.toString(), d.org_person_bid_str.toString());
+          } catch (V) {
+            console.log(V);
+          }
+          H();
+        }
+        d?.conflicts?.length > 0 ? (rl(!0), cl(d.conflicts)) : v(), Array.isArray(d?.person) || E("Success", "Patient Added Successfully", "Success", 3e3), d != null && !d?.conflicts?.length && d?.person_role_id && (a !== "Rx" && C && C?.mode_of_patient_popup?.include == "1" && typeof o.patientPopupHandler < "u" ? o.patientPopupHandler(
+          "addpatient",
+          d.person_role_id.toString(),
+          d.person_id.toString(),
+          g,
+          C,
+          a
+        ) : ae(_e(a) + d.person_role_id.toString() + xe(a)), v());
+      }
+    } catch (r) {
+      console.log(r);
+    }
+  }, Vl = () => {
+    try {
+      const e = {
+        "/md/viewRemoteAppointments.php": ["onlineConsultationHead", "bannerPopupWrap", "calendarViewClassDiv"],
+        [Ne.consultations]: [
+          "onlineConsultationHead",
+          "newPaddingMarginEMR",
+          "bannerPopupWrap",
+          "consultations_mfe"
+        ],
+        [Ne.appointments]: ["appointments_mfe"]
+      }, a = window.location?.pathname || "", r = e[a];
+      if (!r?.length) return;
+      const s = document.getElementById("react_emr_mfe"), f = document.getElementById("react_curtains_mfe"), x = document.querySelector(".offlineEMR3");
+      [s, f, x].forEach((_) => {
+        _ && _.classList.contains("hidden") && _.classList.remove("hidden");
+      });
+      for (const _ of r) {
+        const d = document.getElementsByClassName(_);
+        d.length && !d[0].classList.contains("hidden") && d[0].classList.add("hidden");
+      }
+    } catch (e) {
+      console.error("Error in manipulating DOM:", e);
+    }
+  }, be = async (e, a) => {
+    const r = new FormData();
+    r.append("pid", e), r.append("bidstr", a), r.append("imgData", P);
+    const s = await ma(r, { token: p, envName: b });
+    s.apiError && E("Error", s.apiError, "Error", 3e3);
+  }, ye = async (e) => {
+    const a = {
+      patient_id: A?.person_id,
+      honorific: t?.honorific,
+      name: t?.name,
+      gender: t?.gender,
+      age: t?.age,
+      org_person_dob: t?.dob ? t.dob : al(t?.age, S) || void 0,
+      phone_number: t?.phone,
+      email: t?.email,
+      blood_group: t?.blood_group,
+      patient_preferred_language: t?.patient_preferred_language,
+      address: t?.address,
+      city: t?.city,
+      pincode: t?.pincode,
+      org_person_bid_str: t?.existingBidStr,
+      ref_doc_name: t?.ref_doc_name,
+      ref_doc_spec: t?.ref_doc_spec,
+      through_channel: t?.throughChannel,
+      ref_doc_id: t?.refDocId,
+      care_of: t?.careOf,
+      phone_secondary: t?.phoneSecondary,
+      occupation: t?.occupation,
+      tag: t?.tag,
+      marital_status: t.marital_status,
+      married_since: t.married_since,
+      spouse_name: t.spouse_name,
+      spouse_blood_group: t.spouse_blood_group,
+      image_link: t?.image_link,
+      remote_consultation_id: "0",
+      oc_status: !1,
+      aadhar_number: t?.aadhar_number,
+      person_role_id: o.doctor_role_id_for_seg || "",
+      person_id: o.person_id_for_seg || "",
+      branch_id: o.org_branch_id_for_seg || ""
+    }, r = await pa(a, { token: p, envName: b });
+    if (O) {
+      r && J(!1);
+      const { message: s, status: f } = r || {};
+      if (f) {
+        E("Patient Edited", "Patient Edited Successfully", "Success", 1500);
+        try {
+          t?.image_link && !P ? Yl(A?.person_role_id) : P && El && (ue(!1), await be(A?.person_role_id, t?.existingBidStr));
+        } catch (x) {
+          console.log(x);
+        }
+        e !== "Rx" && C && C?.mode_of_patient_popup?.include == "1" && typeof o.patientPopupHandler < "u" ? o.patientPopupHandler(
+          "addpatient",
+          A?.person_role_id,
+          A?.person_id,
+          g,
+          C,
+          e
+        ) : ae(_e(e) + A?.person_role_id?.toString() + xe(e)), v();
+      } else
+        E("Patient Not Edited", s || "Patient Not Edited", "Failure", 1500);
+    }
+  }, Yl = async (e) => {
+    const a = new FormData();
+    a.append("pid", e);
+    const r = await ga(a, { token: p, envName: b });
+    r.apiError && E("Error", r.apiError, "Error", 3e3);
+  }, z = (e = "") => {
+    const a = e?.toLowerCase();
+    return F !== "" ? "" : w !== "" && Number(w) < 0 && t?.dob === "" ? "Invalid Age" : a === "weeks" && w !== "" && Number(w) < 5907 || a === "days" && w !== "" && Number(w) < 9999 || a === "months" && w !== "" && Number(w) < 1358 || a === "years" && w !== "" && Number(w) < 114 ? "" : "Invalid Age";
+  }, ql = async () => {
+    try {
+      R(!1);
+      const e = await navigator.mediaDevices.getUserMedia({ video: !0 });
+      B.current && (B.current.srcObject = e), I(!0);
+    } catch (e) {
+      console.error("Error accessing camera:", e);
+    }
+  }, Ul = () => {
+    const e = Oe.current, a = B.current;
+    if (e && a) {
+      e.width = a.videoWidth, e.height = a.videoHeight;
+      const r = e.getContext("2d");
+      if (r) {
+        r.drawImage(a, 0, 0, e.width, e.height);
+        const s = e.toDataURL();
+        U(s), R(!1), I(!1), H();
+      }
+    }
+  }, Wl = () => {
+    document.getElementById("upload-local-file")?.click();
+  }, $l = (e) => {
+    R(!1), I(!1);
+    const a = e.target.files?.[0];
+    if (!a) return;
+    const r = new FileReader();
+    r.readAsDataURL(a), r.onloadend = () => {
+      const s = r.result;
+      s && U(s.toString()), e.target.value = "";
+    };
+  }, Je = () => {
+    R(!0), U(""), I(!1), H();
+  }, H = () => {
+    if (B.current) {
+      const e = B.current.srcObject;
+      e instanceof MediaStream && e.getTracks().forEach((a) => a.stop()), B.current.srcObject = null;
+    }
+  }, Jl = _a(() => [...ze?.patient_config?.custom_fields || []].sort((r, s) => r.sort - s.sort).map((r) => {
+    const s = t.custom_fields?.find((f) => f.id === r.id);
+    return {
+      ...r,
+      value: s?.value || "",
+      title: s?.value ? s?.title : r.title
+    };
+  }), [ze?.patient_config?.custom_fields, t.custom_fields]), ve = (e, a, r) => {
+    j((s) => {
+      const f = s.custom_fields?.length ? s.custom_fields.map((_) => _.id === e ? { ..._, value: r } : _) : [];
+      return f.some((_) => _.id === e) || f.push({
+        id: e,
+        value: r,
+        title: a
+      }), {
+        ...s,
+        custom_fields: f
+      };
+    });
+  }, Zl = () => Jl?.map((e) => {
+    const { id: a, type: r, value: s, title: f } = e || {};
+    if (!a || !r || !f) return null;
+    switch (r) {
+      case "text":
+        return /* @__PURE__ */ l.jsx(
+          m,
+          {
+            label: f,
+            labelColor: "hfl-text-Gray-600",
+            labelSize: "Text sm",
+            inputProps: {
+              value: s || "",
+              placeholder: `Enter ${f}`,
+              onChange: (x) => {
+                ve(a, f, x.target.value);
+              }
+            },
+            width: "22em"
+          },
+          a
+        );
+      case "date":
+        return /* @__PURE__ */ l.jsx(
+          we,
+          {
+            label: f,
+            placeholder: `Select ${f}`,
+            selectDate: s ? new Date(s) : null,
+            dateVar: (x) => {
+              ve(a, f, x.toDateString() || "");
+            },
+            isborderRequired: !0,
+            width: "22em",
+            clearDate: (x) => {
+              ve(a, f, x);
+            },
+            openUp: !0,
+            backSpaceClearDate: !0
+          },
+          a
+        );
+      default:
+        return null;
+    }
+  });
+  return /* @__PURE__ */ l.jsx(
+    xa,
+    {
+      isOpen: T,
+      onRequestClose: () => {
+        H(), v();
+      },
+      shouldCloseOnOverlayClick: !1,
+      style: {
+        content: {
+          zIndex: 1030,
+          padding: "0px",
+          maxWidth: "840px",
+          maxHeight: "624px",
+          margin: "auto",
+          borderRadius: "12px"
+        },
+        overlay: {
+          backgroundColor: "rgba(52, 64, 84, 0.5)",
+          position: "fixed",
+          zIndex: 1030
+        }
+      },
+      children: /* @__PURE__ */ l.jsxs("div", { id: "add-patient-modal", children: [
+        /* @__PURE__ */ l.jsxs(
+          "div",
+          {
+            className: "hfl-flex hfl-h-16 hfl-w-full hfl-flex-row hfl-items-center hfl-justify-between hfl-border-b-1 hfl-border-b-Gray-200 hfl-px-6",
+            id: "add-patient-header",
+            "data-qa": "testid_addPatient",
+            children: [
+              /* @__PURE__ */ l.jsx(h, { variant: "Medium", type: "Text xl", children: te ? "Patient(s) with Same phone number or Email" : "Add New Patient" }),
+              /* @__PURE__ */ l.jsx("div", { className: "hfl-items-center", children: /* @__PURE__ */ l.jsx(
+                "span",
+                {
+                  className: "hx_close hfl-ml-4 hover:hfl-cursor-pointer",
+                  onClick: () => {
+                    H(), v();
+                  }
+                }
+              ) })
+            ]
+          }
+        ),
+        te ? /* @__PURE__ */ l.jsx(
+          ba,
+          {
+            conflicts: fl,
+            handleAddPatient: K,
+            redirectAction: ol,
+            manipulateExistingDOM: Vl
+          }
+        ) : /* @__PURE__ */ l.jsxs("div", { className: "hfl-min-h-[400px] hfl-px-10 hfl-py-5", children: [
+          /* @__PURE__ */ l.jsxs("div", { className: "hfl-flex hfl-flex-1 hfl-flex-row hfl-justify-between", children: [
+            /* @__PURE__ */ l.jsxs("div", { children: [
+              /* @__PURE__ */ l.jsx(
+                m,
+                {
+                  label: "Patient Name*",
+                  labelColor: "hfl-text-Gray-600",
+                  labelSize: "Text sm",
+                  prefix: /* @__PURE__ */ l.jsxs(
+                    "div",
+                    {
+                      ref: me,
+                      className: "-hfl-ml-2 hfl-flex hfl-w-16 hfl-items-center hfl-justify-between hfl-bg-Gray-50",
+                      onClick: () => pe((e) => !e),
+                      children: [
+                        /* @__PURE__ */ l.jsx(h, { variant: "Regular", type: "Text md", className: "hfl-px-1 hfl-py-1 hfl-text-Gray-700", children: Ae }),
+                        !Ae.length && /* @__PURE__ */ l.jsx("div", { className: `${Me ? "hx_up" : "hx_down"} -hfl-mr-2` })
+                      ]
+                    }
+                  ),
+                  errorMsg: u.name ? u.name : void 0,
+                  inputProps: {
+                    type: "text",
+                    // onBlur: () => {
+                    //   setShowPatientListDD({ name: false, phone: false });
+                    // },
+                    value: Be,
+                    placeholder: "Enter Name",
+                    onChange: (e) => {
+                      i("name", e.target.value);
+                    },
+                    onBlur: () => {
+                      const e = !(t.name.length > 0);
+                      t.name.length > 0 && t.name.length < 2 && !Sl ? c((a) => ({
+                        ...a,
+                        name: "Enter at least 2 letters  "
+                      })) : c((a) => ({
+                        ...a,
+                        name: e ? "Enter the Name of the Patient" : ""
+                      })), Ie(!1), D({ name: !1, phone: !1 });
+                    }
+                    // onChange: (e) => {
+                    //   handleEditCustomFieldTitle(e);
+                    // },
+                  },
+                  start_icon: "hx_person",
+                  width: "16em"
+                }
+              ),
+              Me && /* @__PURE__ */ l.jsx(
+                "div",
+                {
+                  className: "hfl-absolute hfl-z-[1000] hfl-mt-[2px] hfl-flex hfl-h-[270px] hfl-w-20 hfl-flex-col hfl-overflow-y-auto hfl-rounded-lg hfl-border-1 hfl-border-Gray-300 hfl-bg-White",
+                  style: {
+                    boxShadow: "0px 24px 48px -12px rgba(16, 24, 40, 0.18)"
+                  },
+                  children: ha.map((e) => /* @__PURE__ */ l.jsx(
+                    Q,
+                    {
+                      className: "hfl-text-Primary-700",
+                      label: e.label,
+                      onSelect: () => {
+                        Re(e.label), pe(!1), ce(e.gender), i("honorific", e.label), i("gender", e.gender), j((a) => ({
+                          ...a,
+                          gender: e.gender,
+                          honorific: e.label
+                        }));
+                      }
+                    }
+                  ))
+                }
+              ),
+              $.name && Be.length > 0 && /* @__PURE__ */ l.jsxs(
+                "div",
+                {
+                  className: "hfl-absolute hfl-z-[1000] hfl-mt-[2px] hfl-flex hfl-w-[350px] hfl-flex-col hfl-space-y-2 hfl-rounded-lg hfl-border-1 hfl-border-Gray-300 hfl-bg-White hfl-px-[16px] hfl-py-[10px]",
+                  style: {
+                    boxShadow: "0px 24px 48px -12px rgba(16, 24, 40, 0.18)"
+                  },
+                  ref: Z,
+                  children: [
+                    /* @__PURE__ */ l.jsx(h, { className: "hfl-text-Primary-600", variant: "Regular", type: "Text md", children: "Existing Patients" }),
+                    W && W?.slice(0, 7)?.map((e) => /* @__PURE__ */ l.jsxs(
+                      "div",
+                      {
+                        className: "hfl-flex hfl-cursor-pointer hfl-items-center hfl-justify-between hfl-gap-[36px]",
+                        onMouseDown: () => $e(e),
+                        children: [
+                          /* @__PURE__ */ l.jsxs(
+                            h,
+                            {
+                              variant: "Regular",
+                              type: "Text md",
+                              className: "hfl-px-1 hfl-py-1 hfl-text-Gray-700",
+                              children: [
+                                e?.org_person_name?.length > 13 ? e?.org_person_name?.substring(0, 11) + "..." : e?.org_person_name,
+                                `(${e.ageStr || Ke(e.age)}, ${Qe(
+                                  parseInt(e.org_person_gender.toString())
+                                )})`
+                              ]
+                            }
+                          ),
+                          /* @__PURE__ */ l.jsx(h, { variant: "Regular", type: "Text sm", className: "hfl-text-Gray-500", children: e.org_person_phone || "" })
+                        ]
+                      },
+                      e?.person_role_id
+                    ))
+                  ]
+                }
+              )
+            ] }),
+            /* @__PURE__ */ l.jsxs("div", { children: [
+              /* @__PURE__ */ l.jsx(
+                m,
+                {
+                  label: `Phone Number ${g && g.phone_number_length ? "*" : ""}`,
+                  labelColor: "hfl-text-Gray-600",
+                  labelSize: "Text sm",
+                  errorMsg: u.phone ? u.phone : void 0,
+                  inputProps: {
+                    // value: title,
+                    maxLength: 10,
+                    value: G,
+                    placeholder: "Enter Number",
+                    onChange: (e) => {
+                      i("phone", e.target.value.replace(/[^0-9]/g, ""));
+                    },
+                    onBlur: () => {
+                      const { isError: e = !1, msg: a = "" } = g && g.phone_number_length ? Xe(G) : G ? Xe(G) : {};
+                      c((r) => ({
+                        ...r,
+                        phone: e ? a : ""
+                      })), D({ name: !1, phone: !1 });
+                    }
+                  },
+                  width: "21em",
+                  start_icon: "hx_phone"
+                }
+              ),
+              $.phone && G.length > 0 && /* @__PURE__ */ l.jsxs(
+                "div",
+                {
+                  className: "hfl-absolute hfl-z-[1000] hfl-mt-[2px] hfl-flex hfl-w-[350px] hfl-flex-col hfl-space-y-2 hfl-rounded-lg hfl-border-1 hfl-border-Gray-300 hfl-bg-White hfl-px-[24px] hfl-py-[10px]",
+                  style: {
+                    boxShadow: "0px 24px 48px -12px rgba(16, 24, 40, 0.18)"
+                  },
+                  ref: Z,
+                  children: [
+                    /* @__PURE__ */ l.jsx(h, { className: "hfl-text-Primary-600", variant: "Regular", type: "Text md", children: "Existing Patients" }),
+                    W && W?.slice(0, 7)?.map((e) => /* @__PURE__ */ l.jsxs(
+                      "div",
+                      {
+                        className: "hfl-flex hfl-cursor-pointer hfl-items-center hfl-justify-between hfl-gap-[36px]",
+                        onMouseDown: () => $e(e),
+                        children: [
+                          /* @__PURE__ */ l.jsxs(
+                            h,
+                            {
+                              variant: "Regular",
+                              type: "Text md",
+                              className: "hfl-px-1 hfl-py-1 hfl-text-Gray-700",
+                              children: [
+                                e.org_person_name?.length > 13 ? e.org_person_name?.substring(0, 11) + "..." : e.org_person_name,
+                                `(${e.ageStr || Ke(e.age)}, ${Qe(
+                                  parseInt(e.org_person_gender.toString())
+                                )})`
+                              ]
+                            }
+                          ),
+                          /* @__PURE__ */ l.jsx(h, { variant: "Regular", type: "Text sm", className: "hfl-text-Gray-500", children: e.org_person_phone })
+                        ]
+                      },
+                      e?.person_role_id
+                    ))
+                  ]
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ l.jsxs("div", { className: "hfl-flex hfl-flex-row hfl-justify-between hfl-space-x-2 hfl-pt-4", children: [
+            /* @__PURE__ */ l.jsxs("div", { className: "hfl-h-[40px] hfl-space-y-1", children: [
+              /* @__PURE__ */ l.jsx(h, { variant: "Medium", type: "Text sm", className: "hfl-pb-[1px] hfl-text-Gray-600", children: "Gender*" }),
+              /* @__PURE__ */ l.jsxs("div", { children: [
+                /* @__PURE__ */ l.jsx(
+                  Ql,
+                  {
+                    className: `!hfl-h-[40px] hfl-w-44 ${u.gender ? "hfl-border-Error-300" : ""}`,
+                    options: [
+                      { label: "M", value: "0" },
+                      { label: "F", value: "1" },
+                      { label: "Other", value: "2" }
+                    ],
+                    value: Nl,
+                    onChange: (e) => ge(e),
+                    disabled: !1
+                  }
+                ),
+                !!u.gender && /* @__PURE__ */ l.jsx("div", { className: "hfl-font-inter hfl-text-1 hfl-font-inter-0 hfl-leading-10 hfl-tracking-1 hfl-text-Error-500", children: u.gender })
+              ] })
+            ] }),
+            /* @__PURE__ */ l.jsxs("div", { className: "hfl-flex hfl-space-x-1", children: [
+              /* @__PURE__ */ l.jsx("div", { className: "hfl-space-y-2", children: /* @__PURE__ */ l.jsx(
+                Ze,
+                {
+                  label: "Age or DOB*",
+                  className: "hfl-w-20",
+                  classNamedoubleInput: "hfl-relative",
+                  suffixClassName: "hfl-w-16 hfl-border-0",
+                  suffixDropdownClassName: "hfl-ml-[80px]",
+                  input1value: t.age,
+                  input2value: S,
+                  end_icon: "hx_down",
+                  errorMsg: u.age ? u.age : void 0,
+                  inputProps: {
+                    type: "number",
+                    min: 0,
+                    maxLength: 3,
+                    placeholder: "Age",
+                    onChange: (e) => {
+                      i("age", e.target.value.replace(/[^0-9]/g, "")), j((a) => ({
+                        ...a,
+                        dob: ""
+                      }));
+                    },
+                    onBlur: () => {
+                      c((e) => ({
+                        ...e,
+                        age: z(S)
+                      }));
+                    }
+                  },
+                  onlySuffixDropdownItemsAllowed: !0,
+                  suffixInputProps: { placeholder: "Select format" },
+                  suffixOptions: [
+                    { label: "Years", value: "years" },
+                    { label: "Weeks", value: "weeks" },
+                    { label: "Months", value: "months" },
+                    { label: "Days", value: "days" }
+                  ],
+                  handleValChange: (e) => {
+                    i("age", e), c((a) => ({
+                      ...a,
+                      age: z(S)
+                    }));
+                  },
+                  handleSuffixValChange: (e) => {
+                    Le(e), c((a) => ({
+                      ...a,
+                      age: z(e)
+                    }));
+                  },
+                  onSuffixDropdownClick: (e) => {
+                    Le(e.label), j((a) => ({
+                      ...a,
+                      age_selector: e.value,
+                      dob: ""
+                    })), c((a) => ({
+                      ...a,
+                      age: z(e.value)
+                    }));
+                  }
+                }
+              ) }),
+              /* @__PURE__ */ l.jsx("div", { className: "hfl-mt-[24px] hfl-space-y-1", children: /* @__PURE__ */ l.jsx(
+                we,
+                {
+                  className: "hfl-relative",
+                  placeholder: "DOB",
+                  width: "8em",
+                  height: "!hfl-h-[40px]",
+                  label: "",
+                  labelSize: "Text sm",
+                  labelColor: "hfl-text-Gray-700",
+                  selectDate: t?.dob && el(new Date(t?.dob)) ? new Date(le(new Date(t?.dob)).format("DD-MMM-YYYY")) : "",
+                  dateVar: (e) => {
+                    j((a) => ({
+                      ...a,
+                      dob: le(e).format("YYYY-MM-DD"),
+                      age: ""
+                    })), c((a) => ({
+                      ...a,
+                      age: ""
+                    }));
+                  },
+                  isborderRequired: !0,
+                  maxDate: /* @__PURE__ */ new Date()
+                }
+              ) })
+            ] }),
+            /* @__PURE__ */ l.jsx("div", { className: "hfl-space-y-1", children: /* @__PURE__ */ l.jsx(
+              X,
+              {
+                value: {
+                  label: t?.patient_preferred_language ? je[t.patient_preferred_language] : "English"
+                },
+                placeholder: "English",
+                label: "Preferred Language",
+                onChange: (e) => {
+                  i("patient_preferred_language", e.value);
+                },
+                options: Object.keys(je).map((e) => ({
+                  label: je[e],
+                  value: e
+                })),
+                className: "!hfl-h-[40px] hfl-w-[200px]",
+                "data-qa": "dropdown-language"
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ l.jsxs("div", { className: "hfl-flex hfl-flex-row hfl-justify-between hfl-pb-6 hfl-pt-6", children: [
+            /* @__PURE__ */ l.jsxs("div", { className: "hfl-flex hfl-w-6/12 hfl-flex-col ", children: [
+              /* @__PURE__ */ l.jsxs("div", { className: "hfl-relative", children: [
+                /* @__PURE__ */ l.jsx(
+                  m,
+                  {
+                    label: "City",
+                    labelColor: "hfl-text-Gray-600",
+                    labelSize: "Text sm",
+                    inputProps: {
+                      value: t?.city,
+                      placeholder: "Enter City",
+                      onChange: (e) => {
+                        i("city", e.target.value), de(!0), Ml(e);
+                      },
+                      onBlur: (e) => {
+                        e.stopPropagation(), de(!1);
+                      }
+                    },
+                    width: 23.5 + "em"
+                  }
+                ),
+                yl && fe && fe.length > 0 && /* @__PURE__ */ l.jsx(
+                  "div",
+                  {
+                    className: "hfl-absolute hfl-z-10 hfl-mt-1 hfl-max-h-80 hfl-w-full hfl-overflow-y-auto hfl-rounded-lg hfl-border hfl-border-Blue_gray-200 hfl-bg-Indigo-25 hfl-shadow-md ",
+                    children: fe.map((e) => /* @__PURE__ */ l.jsx(
+                      Q,
+                      {
+                        label: e,
+                        className: "hfl-text-Primary-700",
+                        onSelect: () => (
+                          // handleSuggestionClick({ ...restOptions, title })
+                          Ll(e)
+                        )
+                      }
+                    ))
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ l.jsx("div", { className: "hfl-pt-4", children: /* @__PURE__ */ l.jsx(
+                m,
+                {
+                  className: "hfl-mb-3",
+                  label: "Pin",
+                  labelColor: "hfl-text-Gray-600",
+                  labelSize: "Text sm",
+                  inputProps: {
+                    value: t?.pincode,
+                    placeholder: "Enter Pin",
+                    onChange: (e) => {
+                      i("pincode", e.target.value);
+                    }
+                  },
+                  width: 22.5 + "em"
+                }
+              ) })
+            ] }),
+            /* @__PURE__ */ l.jsx("div", { className: "hfl-flex hfl-h-full hfl-flex-col", style: { height: "100%" }, children: /* @__PURE__ */ l.jsx(
+              Xl,
+              {
+                className: "hfl-w-[355px]",
+                label: "Address",
+                inputProps: {
+                  value: t?.address,
+                  placeholder: "Enter Address",
+                  onChange: (e) => {
+                    i("address", e.target.value);
+                  }
+                },
+                isDynamicHeight: !0,
+                "data-qa": "enter-address"
+              }
+            ) })
+          ] }),
+          Se ? /* @__PURE__ */ l.jsx(
+            ya,
+            {
+              setEditPatient: nl,
+              editPatient: O,
+              createAsNew: il,
+              setCreateAsNew: hl,
+              showEditPrompt: Se
+            }
+          ) : /* @__PURE__ */ l.jsx(l.Fragment, {}),
+          ke ? /* @__PURE__ */ l.jsxs("div", { className: "", children: [
+            /* @__PURE__ */ l.jsxs("div", { className: "hfl-stroke-Gray-200 hfl-stroke-1 hfl-pb-6", children: [
+              /* @__PURE__ */ l.jsxs("div", { className: "hfl-relative", children: [
+                /* @__PURE__ */ l.jsx("span", { className: "hfl-absolute hfl-left-0 hfl-right-0 hfl-top-1/2 hfl-h-px hfl-bg-Gray-200" }),
+                /* @__PURE__ */ l.jsx("span", { className: "hfl-relative hfl-bg-White hfl-px-4", children: /* @__PURE__ */ l.jsx(
+                  h,
+                  {
+                    variant: "Medium",
+                    type: "Text sm",
+                    className: "hfl-ml-2 hfl-inline hfl-bg-White hfl-text-Gray-400",
+                    children: "Marital Status"
+                  }
+                ) })
+              ] }),
+              /* @__PURE__ */ l.jsxs("div", { className: "hfl-flex hfl-flex-1 hfl-flex-row hfl-justify-between hfl-pt-4", children: [
+                /* @__PURE__ */ l.jsxs("div", { className: "hfl-flex hfl-space-x-1", children: [
+                  /* @__PURE__ */ l.jsx("div", { className: "hfl-space-y-2", children: /* @__PURE__ */ l.jsx(
+                    X,
+                    {
+                      value: {
+                        label: t.marital_status && Ce.find((e) => e === t.marital_status) || ""
+                      },
+                      placeholder: "Marital Status",
+                      label: "Marital Status",
+                      onChange: (e) => {
+                        i("marital_status", e.label);
+                      },
+                      options: Ce.map((e) => ({
+                        label: e,
+                        value: e
+                      })),
+                      className: "!hfl-h-[40px] hfl-w-[200px]",
+                      "data-qa": "marital-status"
+                    }
+                  ) }),
+                  /* @__PURE__ */ l.jsx("div", { className: "hfl-mt-[24px] hfl-flex hfl-space-y-2", children: /* @__PURE__ */ l.jsx(
+                    we,
+                    {
+                      className: "hfl-relative",
+                      placeholder: "Since",
+                      width: "8em",
+                      height: "!hfl-h-[40px]",
+                      label: "",
+                      labelSize: "Text sm",
+                      labelColor: "hfl-text-Gray-700",
+                      selectDate: t?.married_since && el(new Date(t?.married_since)) ? new Date(le(new Date(t?.married_since)).format("DD-MMM-YYYY")) : "",
+                      dateVar: (e) => {
+                        j((a) => ({
+                          ...a,
+                          married_since: le(e).format("YYYY-MM-DD")
+                        }));
+                      },
+                      isborderRequired: !0,
+                      maxDate: /* @__PURE__ */ new Date()
+                    }
+                  ) })
+                ] }),
+                /* @__PURE__ */ l.jsx(
+                  X,
+                  {
+                    label: "Blood Group",
+                    placeholder: "Enter blood group",
+                    value: {
+                      label: t.blood_group && ee.find((e) => e.value === t.blood_group)?.label || "Blood group"
+                    },
+                    onChange: (e) => {
+                      i("blood_group", e.value);
+                    },
+                    options: ee,
+                    className: "!hfl-h-11 hfl-w-[370px]",
+                    "data-qa": "blood-group"
+                  }
+                )
+              ] }),
+              t?.marital_status !== Ce[0] && /* @__PURE__ */ l.jsxs("div", { className: "hfl-flex hfl-flex-1 hfl-flex-row hfl-justify-between hfl-pt-4", children: [
+                /* @__PURE__ */ l.jsx(
+                  m,
+                  {
+                    label: "Spouse Name",
+                    start_icon: "hx_person",
+                    labelColor: "hfl-text-Gray-600",
+                    labelSize: "Text sm",
+                    inputProps: {
+                      value: t.spouse_name,
+                      placeholder: "Enter Spouse Name",
+                      onChange: (e) => {
+                        i("spouse_name", e.target.value);
+                      }
+                    },
+                    width: "21em"
+                  }
+                ),
+                /* @__PURE__ */ l.jsx(
+                  X,
+                  {
+                    label: "Spouse Blood Group",
+                    placeholder: "Enter blood group",
+                    value: {
+                      label: t.spouse_blood_group ? ee.find((e) => e.value === t.spouse_blood_group)?.label || "Spouse Blood group" : "Blood group"
+                    },
+                    onChange: (e) => {
+                      i("spouse_blood_group", e.value);
+                    },
+                    options: ee,
+                    className: "!hfl-h-11 hfl-w-[370px]",
+                    "data-qa": "blood-group"
+                  }
+                )
+              ] })
+            ] }),
+            /* @__PURE__ */ l.jsx(tl, {}),
+            /* @__PURE__ */ l.jsx("div", { className: "hfl-flex hfl-flex-1 hfl-flex-row hfl-justify-between hfl-pt-6", children: /* @__PURE__ */ l.jsx(
+              Ze,
+              {
+                classNameDatePicker: "hfl-relative",
+                classNamedoubleInput: "hfl-relative",
+                label: "Referred By",
+                input1value: t.ref_doc_name,
+                input2value: t.ref_doc_spec,
+                end_icon: "hx_down",
+                inputProps: { placeholder: "Doctor Name" },
+                suffixInputProps: { placeholder: "Speciality" },
+                className: "hfl-w-48",
+                suffixClassName: "hfl-w-[100px]",
+                suffixDropdownClassName: "hfl-ml-[160px]",
+                options: wl,
+                suffixOptions: da,
+                handleValChange: (e) => {
+                  i("ref_doc_name", e);
+                },
+                handleSuffixValChange: (e) => {
+                  i("ref_doc_spec", e.value);
+                },
+                onDropdownClick: (e) => {
+                  i("ref_doc_name", e.doctor_name), i("refDocId", e.doctor_id), i("ref_doc_spec", e.specialist);
+                },
+                onSuffixDropdownClick: (e) => {
+                  i("ref_doc_spec", e.value);
+                }
+              }
+            ) }),
+            /* @__PURE__ */ l.jsxs("div", { className: "hfl-flex hfl-flex-row hfl-justify-between hfl-pb-6 hfl-pt-4", children: [
+              /* @__PURE__ */ l.jsx(
+                m,
+                {
+                  label: "Existing ID (if any)",
+                  labelColor: "hfl-text-Gray-600",
+                  labelSize: "Text sm",
+                  inputProps: {
+                    value: t?.existingBidStr,
+                    placeholder: "Enter ID",
+                    onChange: (e) => {
+                      i("existingBidStr", e.target.value);
+                    }
+                  },
+                  width: "23em"
+                }
+              ),
+              /* @__PURE__ */ l.jsx(
+                m,
+                {
+                  label: "Email",
+                  showEmailSuggestions: !0,
+                  labelColor: "hfl-text-Gray-600",
+                  errorMsg: u.email ? u.email : void 0,
+                  labelSize: "Text sm",
+                  start_icon: "hx_mail",
+                  inputProps: {
+                    value: t.email,
+                    placeholder: "Enter Email",
+                    onChange: (e) => {
+                      i("email", e.target.value.trim());
+                    },
+                    onBlur: (e) => {
+                      e.target.value && !ll().email().isValidSync(e.target.value) ? c((a) => ({
+                        ...a,
+                        email: "Email format is wrong"
+                      })) : c((a) => ({
+                        ...a,
+                        email: ""
+                      }));
+                    }
+                  },
+                  width: 20.5 + "em"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ l.jsxs("div", { className: "hfl-inline-flex hfl-flex-row hfl-flex-wrap hfl-justify-between hfl-gap-y-6 hfl-py-6", children: [
+              /* @__PURE__ */ l.jsxs("div", { className: "hfl-flex hfl-flex-1 hfl-flex-row hfl-justify-between", children: [
+                /* @__PURE__ */ l.jsxs("div", { className: "hfl-relative", children: [
+                  /* @__PURE__ */ l.jsx(
+                    m,
+                    {
+                      label: "Channel (How did the patient hear about you?)",
+                      labelColor: "hfl-text-Gray-600",
+                      labelSize: "Text sm",
+                      inputProps: {
+                        value: t?.throughChannel,
+                        placeholder: "Enter Channel",
+                        onChange: (e) => {
+                          i("throughChannel", e.target.value), ie(!0), Al(e);
+                        },
+                        onBlur: (e) => {
+                          e.stopPropagation(), ie(!1);
+                        }
+                      },
+                      width: "22em"
+                    }
+                  ),
+                  _l && se && se.length > 0 && /* @__PURE__ */ l.jsx(
+                    "div",
+                    {
+                      className: "hfl-absolute hfl-z-10 hfl-mt-1 hfl-max-h-80 hfl-w-full hfl-overflow-y-auto hfl-rounded-lg hfl-border hfl-border-Blue_gray-200 hfl-bg-Indigo-25 hfl-shadow-md ",
+                      children: se.map((e) => {
+                        const { title: a, ...r } = e;
+                        return /* @__PURE__ */ l.jsx(
+                          Q,
+                          {
+                            label: a,
+                            className: "hfl-text-Primary-700",
+                            ...r,
+                            onSelect: () => kl({
+                              value: e.value
+                            })
+                          },
+                          e.value
+                        );
+                      })
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ l.jsx(
+                  m,
+                  {
+                    label: "C/O",
+                    labelColor: "hfl-text-Gray-600",
+                    labelSize: "Text sm",
+                    inputProps: {
+                      value: t?.careOf,
+                      placeholder: "Enter C/O",
+                      onChange: (e) => {
+                        i("careOf", e.target.value);
+                      }
+                    },
+                    width: "22em"
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ l.jsxs("div", { className: "hfl-relative", children: [
+                /* @__PURE__ */ l.jsx(
+                  m,
+                  {
+                    label: "Occupation",
+                    labelColor: "hfl-text-Gray-600",
+                    labelSize: "Text sm",
+                    inputProps: {
+                      value: t?.occupation,
+                      placeholder: "Enter Occupation",
+                      onChange: (e) => {
+                        i("occupation", e.target.value), he(!0), Rl(e);
+                      },
+                      onBlur: (e) => {
+                        e.stopPropagation(), he(!1);
+                      }
+                    },
+                    width: "22em"
+                  }
+                ),
+                bl && ne && ne.length > 0 && /* @__PURE__ */ l.jsx(
+                  "div",
+                  {
+                    className: "hfl-absolute hfl-z-10 hfl-mt-1 hfl-max-h-80 hfl-w-full hfl-overflow-y-auto hfl-rounded-lg hfl-border hfl-border-Blue_gray-200 hfl-bg-Indigo-25 hfl-shadow-md ",
+                    children: ne.map((e) => /* @__PURE__ */ l.jsx(
+                      Q,
+                      {
+                        label: e,
+                        className: "hfl-text-Primary-700",
+                        onSelect: () => (
+                          // handleSuggestionClick({ ...restOptions, title })
+                          Tl(e)
+                        )
+                      }
+                    ))
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ l.jsx(
+                m,
+                {
+                  label: "Tag",
+                  labelColor: "hfl-text-Gray-600",
+                  labelSize: "Text sm",
+                  inputProps: {
+                    value: t.tag,
+                    placeholder: "Enter Tag",
+                    onChange: (e) => {
+                      i("tag", e.target.value);
+                    }
+                  },
+                  width: "22em"
+                }
+              ),
+              /* @__PURE__ */ l.jsx(
+                m,
+                {
+                  label: "Mobile 2",
+                  labelColor: "hfl-text-Gray-600",
+                  labelSize: "Text sm",
+                  inputProps: {
+                    value: t.phoneSecondary,
+                    maxLength: 10,
+                    placeholder: "Enter Secondary Number",
+                    onChange: (e) => {
+                      i("phoneSecondary", e.target.value.replace(/[^0-9]/g, ""));
+                    }
+                  },
+                  width: "22em"
+                }
+              ),
+              /* @__PURE__ */ l.jsx(
+                m,
+                {
+                  label: "Aadhar Number",
+                  labelColor: "hfl-text-Gray-600",
+                  errorMsg: u.aadhar_number ? u.aadhar_number : void 0,
+                  labelSize: "Text sm",
+                  inputProps: {
+                    value: t.aadhar_number,
+                    placeholder: "Aadhar Card Number",
+                    maxLength: 12,
+                    onChange: (e) => {
+                      i("aadhar_number", e.target.value);
+                    },
+                    onBlur: () => {
+                      c((e) => ({
+                        ...e,
+                        aadhar_number: t.aadhar_number && t.aadhar_number.length != 12 ? "Please enter 12 digit aadhar number" : ""
+                      }));
+                    }
+                  },
+                  width: "22em"
+                }
+              ),
+              /* @__PURE__ */ l.jsx("div", { className: "hfl-grid hfl-grid-cols-2 hfl-gap-x-11 hfl-gap-y-6", children: Zl() })
+            ] }),
+            /* @__PURE__ */ l.jsx(tl, {}),
+            /* @__PURE__ */ l.jsx("div", { className: "hfl-flex hfl-flex-col hfl-items-start hfl-justify-start hfl-pt-3", children: /* @__PURE__ */ l.jsxs(
+              "div",
+              {
+                className: `hfl-flex hfl-h-[153px] hfl-w-[200px] hfl-items-center hfl-justify-center 
+                    hfl-rounded-3xl hfl-border-4 
+                    hfl-border-White hfl-bg-Primary-50 hfl-shadow-lg`,
+                children: [
+                  /* @__PURE__ */ l.jsxs(
+                    "div",
+                    {
+                      className: `hfl-flex hfl-flex-col hfl-items-center hfl-justify-between 
+                          ${Ee ? "" : "hfl-hidden"}`,
+                      children: [
+                        /* @__PURE__ */ l.jsx(
+                          y,
+                          {
+                            hierarchy: "Primary",
+                            size: "lg",
+                            textField: "Camera",
+                            className: "hfl-mb-2",
+                            onClick: ql,
+                            icon: "Left",
+                            iconFile: "hx_camera"
+                          }
+                        ),
+                        /* @__PURE__ */ l.jsxs("div", { children: [
+                          /* @__PURE__ */ l.jsx(
+                            "input",
+                            {
+                              id: "upload-local-file",
+                              type: "file",
+                              style: { display: "none" },
+                              accept: "image/*",
+                              onChange: $l
+                            }
+                          ),
+                          /* @__PURE__ */ l.jsx(
+                            y,
+                            {
+                              hierarchy: "Secondary",
+                              size: "lg",
+                              textField: "Upload",
+                              icon: "Left",
+                              iconFile: "hx_image-add",
+                              onClick: Wl
+                            }
+                          )
+                        ] })
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ l.jsxs(
+                    "div",
+                    {
+                      className: `hfl-relative hfl-flex
+                          ${Ge ? "" : "hfl-hidden"}`,
+                      children: [
+                        /* @__PURE__ */ l.jsx("canvas", { ref: Oe, style: { display: "none" } }),
+                        /* @__PURE__ */ l.jsx("video", { ref: B, className: "hfl-object-fit hfl-h-full hfl-w-full hfl-rounded-3xl", autoPlay: !0 }),
+                        /* @__PURE__ */ l.jsxs("div", { className: "hfl-absolute hfl-bottom-0 hfl-left-0 hfl-right-0 hfl-flex hfl-justify-around", children: [
+                          /* @__PURE__ */ l.jsx(
+                            y,
+                            {
+                              hierarchy: "Primary",
+                              size: "lg",
+                              textField: "Cancel",
+                              className: "hfl-mb-2 hfl-bg-Error-600 hover:hfl-bg-Error-700",
+                              onClick: Je
+                            }
+                          ),
+                          /* @__PURE__ */ l.jsx(
+                            y,
+                            {
+                              hierarchy: "Primary",
+                              size: "lg",
+                              textField: "Capture",
+                              className: "hfl-mb-2 hfl-bg-Primary-600",
+                              onClick: Ul
+                            }
+                          )
+                        ] })
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ l.jsx(
+                    "div",
+                    {
+                      className: Ee || P || Ge ? "hfl-hidden" : "",
+                      onClick: () => {
+                        ue(!0), R(!0);
+                      },
+                      "data-qa": "profile-img",
+                      children: /* @__PURE__ */ l.jsxs("svg", { width: "76", height: "72", viewBox: "0 0 76 72", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+                        /* @__PURE__ */ l.jsx(
+                          "path",
+                          {
+                            opacity: "0.4",
+                            d: "M75.375 26.0477V57.1667C75.6016 59.1092 75.3857 61.0778 74.7434 62.925C74.1011 64.7722 73.0491 66.4501 71.6663 67.8329C70.2834 69.2158 68.6055 70.2678 66.7583 70.9101C64.9111 71.5524 62.9425 71.7683 61 71.5417H15C13.0575 71.7683 11.0889 71.5524 9.2417 70.9101C7.3945 70.2678 5.71661 69.2158 4.33373 67.8329C2.95086 66.4501 1.89887 64.7722 1.25659 62.925C0.614305 61.0778 0.398381 59.1092 0.624996 57.1667V18.8333C0.398381 16.8908 0.614305 14.9222 1.25659 13.075C1.89887 11.2278 2.95086 9.54994 4.33373 8.16707C5.71661 6.7842 7.3945 5.73221 9.2417 5.08992C11.0889 4.44764 13.0575 4.23172 15 4.45833H48.7333C48.9029 4.46277 49.0695 4.50469 49.221 4.58109C49.3725 4.65748 49.5052 4.76645 49.6096 4.90019C49.7141 5.03393 49.7876 5.18911 49.825 5.35462C49.8624 5.52013 49.8626 5.69187 49.8258 5.8575C48.9214 10.3365 49.831 14.9913 52.355 18.8004C54.879 22.6094 58.8112 25.2613 63.2885 26.1742C66.8321 26.8826 70.5088 26.4602 73.7995 24.9667C73.975 24.8968 74.1649 24.8712 74.3526 24.8921C74.5403 24.9131 74.72 24.9799 74.8757 25.0868C75.0314 25.1936 75.1584 25.3372 75.2455 25.5048C75.3326 25.6724 75.3771 25.8588 75.375 26.0477Z",
+                            fill: "#396CE8"
+                          }
+                        ),
+                        /* @__PURE__ */ l.jsx(
+                          "path",
+                          {
+                            d: "M69.2877 46.2877L52.2217 29.2217C51.4989 28.5016 50.5202 28.0973 49.5 28.0973C48.4798 28.0973 47.5011 28.5016 46.7783 29.2217L27.8417 48.1583C27.4834 48.5095 27.0017 48.7062 26.5 48.7062C25.9983 48.7062 25.5166 48.5095 25.1583 48.1583L21.555 44.555C20.8322 43.835 19.8536 43.4307 18.8333 43.4307C17.8131 43.4307 16.8344 43.835 16.1117 44.555L6.71233 53.9543C6.49661 54.1698 6.37527 54.4621 6.375 54.767V57.1667C6.375 63.2233 8.94333 65.7917 15 65.7917H61C67.0567 65.7917 69.625 63.2233 69.625 57.1667V47.1003C69.6247 46.7954 69.5034 46.5031 69.2877 46.2877Z",
+                            fill: "#396CE8"
+                          }
+                        ),
+                        /* @__PURE__ */ l.jsx(
+                          "path",
+                          {
+                            d: "M22.6667 31.2917C22.0374 31.2939 21.4139 31.1722 20.8317 30.9335C20.2494 30.6948 19.7199 30.3438 19.2734 29.9004C18.3715 29.005 17.8623 27.7881 17.8577 26.5172C17.8532 25.2464 18.3536 24.0258 19.249 23.124C20.1444 22.2221 21.3613 21.7129 22.6322 21.7083H22.6667C23.9375 21.7083 25.1563 22.2132 26.0549 23.1118C26.9535 24.0104 27.4583 25.2292 27.4583 26.5C27.4583 27.7708 26.9535 28.9896 26.0549 29.8882C25.1563 30.7868 23.9375 31.2917 22.6667 31.2917Z",
+                            fill: "#396CE8"
+                          }
+                        ),
+                        /* @__PURE__ */ l.jsx(
+                          "path",
+                          {
+                            d: "M74.5317 7.21833L68.7817 1.46833C68.2421 0.930873 67.5116 0.629108 66.75 0.629108C65.9884 0.629108 65.2579 0.930873 64.7183 1.46833L58.9683 7.21833C58.4605 7.76333 58.184 8.48418 58.1972 9.229C58.2103 9.97382 58.512 10.6845 59.0388 11.2112C59.5655 11.738 60.2762 12.0397 61.021 12.0528C61.7658 12.066 62.4867 11.7895 63.0317 11.2817L63.875 10.4422V18.8333C63.875 19.5958 64.1779 20.3271 64.7171 20.8663C65.2562 21.4054 65.9875 21.7083 66.75 21.7083C67.5125 21.7083 68.2438 21.4054 68.7829 20.8663C69.3221 20.3271 69.625 19.5958 69.625 18.8333V10.4422L70.4683 11.2817C71.0133 11.7895 71.7342 12.066 72.479 12.0528C73.2238 12.0397 73.9345 11.738 74.4612 11.2112C74.988 10.6845 75.2897 9.97382 75.3028 9.229C75.316 8.48418 75.0395 7.76333 74.5317 7.21833Z",
+                            fill: "#396CE8"
+                          }
+                        )
+                      ] })
+                    }
+                  ),
+                  /* @__PURE__ */ l.jsxs(
+                    "div",
+                    {
+                      className: `hfl-relative hfl-h-full hfl-w-full
+                      ${P ? "" : "hfl-hidden"}`,
+                      children: [
+                        /* @__PURE__ */ l.jsx(
+                          "img",
+                          {
+                            src: P,
+                            alt: "ProfilePicturePreview",
+                            className: "hfl-h-full hfl-w-full hfl-rounded-3xl hfl-object-cover"
+                          }
+                        ),
+                        /* @__PURE__ */ l.jsx(
+                          "div",
+                          {
+                            className: `hfl-absolute hfl-right-2 hfl-top-2 hfl-flex hfl-h-[40px] 
+                        hfl-w-[40px] hfl-cursor-pointer hfl-items-center hfl-justify-center hfl-rounded-full hfl-bg-White`,
+                            onClick: () => {
+                              ue(!0), Je();
+                            },
+                            children: /* @__PURE__ */ l.jsx("i", { className: "hx_delete hfl-text-[22px]" })
+                          }
+                        )
+                      ]
+                    }
+                  )
+                ]
+              }
+            ) })
+          ] }) : /* @__PURE__ */ l.jsxs("div", { className: "hfl-flex hfl-flex-row hfl-items-center hfl-justify-center", children: [
+            /* @__PURE__ */ l.jsxs(h, { variant: "Regular", type: "Text md", children: [
+              "If you want to add more details,",
+              " "
+            ] }),
+            /* @__PURE__ */ l.jsx(
+              h,
+              {
+                variant: "Medium",
+                type: "Text md",
+                className: "hfl-cursor-pointer hfl-text-Primary-700",
+                onClick: () => {
+                  Te(!0);
+                },
+                children: "Click Here"
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ l.jsx("div", { className: `${ke ? "" : "hfl-flex hfl-w-full"} hfl-sticky hfl-bottom-0 hfl-bg-White`, children: te ? /* @__PURE__ */ l.jsx(l.Fragment, {}) : /* @__PURE__ */ l.jsxs(
+          "div",
+          {
+            className: "hfl-flex hfl-h-[118px] hfl-w-full hfl-flex-col hfl-items-center hfl-justify-center hfl-gap-1",
+            style: { boxShadow: "-3px -1px 4px rgba(0, 0, 0, 0.25)" },
+            children: [
+              window.location?.href.indexOf("/frontdesk") == -1 && /* @__PURE__ */ l.jsx(
+                y,
+                {
+                  disabled: Fe,
+                  hierarchy: "Primary",
+                  size: "sm",
+                  textField: "Add & Create Rx",
+                  className: "hfl-bg-Primary-600",
+                  onClick: () => {
+                    Fe || (J(!0), re("Rx"), O ? ye("Rx") : K(!1, "Rx"));
+                  }
+                }
+              ),
+              /* @__PURE__ */ l.jsx("div", { children: window.location?.href.indexOf("/frontdesk") == -1 && /* @__PURE__ */ l.jsx(h, { variant: "Regular", type: "Text sm", children: "or" }) }),
+              /* @__PURE__ */ l.jsxs("div", { className: "hfl-flex hfl-items-start hfl-gap-2", children: [
+                /* @__PURE__ */ l.jsx(
+                  y,
+                  {
+                    hierarchy: "Secondary",
+                    size: "sm",
+                    textField: "Add & Create Bill",
+                    className: "hfl-w-[190px] hfl-flex-1 hfl-justify-center hfl-text-Primary-700",
+                    onClick: () => {
+                      re("Bill"), O ? ye("Bill") : K(!1, "Bill");
+                    }
+                  }
+                ),
+                /* @__PURE__ */ l.jsx(
+                  y,
+                  {
+                    hierarchy: "Secondary",
+                    size: "sm",
+                    textField: "Add & Create Appointment",
+                    className: "hfl-w-[190px] hfl-flex-1 hfl-justify-center hfl-text-Primary-700",
+                    onClick: () => {
+                      re("Appointment"), O ? ye("Appointment") : K(!1, "Appointment");
+                    }
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ l.jsx("div", { className: "hfl-absolute hfl-z-[100]", children: /* @__PURE__ */ l.jsx(ea, { toastList: Pl }) })
+            ]
+          }
+        ) })
+      ] })
+    }
+  );
+};
+export {
+  Pa as default
+};