hplx-feature-library 1.0.169 → 1.0.171

package/dist/PediatricsCalculatorTable-Dwluo5W0.js

@@ -0,0 +1,2163 @@
+import { j as n, b as $, O as at, K as be, u as Ct, N as Ot, c as _e, g as ot, r as st, a as Nt } from "./useOutsideClick-CYAjbj1N.js";
+import ye, { createContext as Et, useContext as St, useEffect as re, useState as K, useRef as we, useMemo as ve, useCallback as G, forwardRef as Mt, useImperativeHandle as jt } from "react";
+import { C_MedicineCalculatorList as De, C_FrequencyDosageMap as Ue, C_MedicineTypeList as Ie, C_MedicineFrequencyList as $e, C_DefaultMgKgFields as Tt, C_DefaultMlKgFields as Dt, C_Table_Column_Name as It } from "./constants/PediatricsCalculatorConstants/index.js";
+import Rt from "react-dom";
+const it = Et(null), ct = () => {
+  const l = St(it);
+  if (!l) throw new Error("usePediatricsCalculatorTableContext must be used inside a MedicineTableProvider");
+  return l;
+}, Ft = ({
+  effectiveEditMode: l,
+  rowData: r,
+  isSavedToLibrary: y,
+  onSave: u,
+  onCancel: f,
+  onEdit: b,
+  onCheckboxToggle: m
+}) => {
+  const { variant: t, externallyTriggeredEditMode: C, setRowToDelete: x, openPopupForRow: h } = ct();
+  return t === "standard" ? l ? /* @__PURE__ */ n.jsxs("div", { className: "hfl-grid hfl-grid-cols-[1fr_1fr] hfl-border-1 hfl-border-Gray-200 hfl-rounded-lg ", children: [
+    /* @__PURE__ */ n.jsx(
+      "button",
+      {
+        className: "hfl-px-3 hfl-py-1 hfl-text-Blue_gray-800 hfl-border-r-1 hover:hfl-bg-Primary-50",
+        onClick: u,
+        children: /* @__PURE__ */ n.jsx($, { variant: "Medium", type: "Text xs", className: "hfl-text-Blue_gray-800", children: "Save" })
+      }
+    ),
+    /* @__PURE__ */ n.jsx("button", { className: "hfl-px-3 hfl-py-2 hfl-text-Error-600 hover:hfl-bg-Error-50", onClick: f, children: /* @__PURE__ */ n.jsx($, { variant: "Medium", type: "Text xs", className: "", children: "Cancel" }) })
+  ] }) : /* @__PURE__ */ n.jsxs("div", { className: "hfl-grid hfl-grid-cols-[1fr_1fr_1fr] hfl-border-1 hfl-border-Gray-200 hfl-rounded-lg", children: [
+    /* @__PURE__ */ n.jsx("button", { className: "hfl-px-3 hfl-py-1 hfl-text-Blue_gray-800 hover:hfl-bg-Primary-50", onClick: b, children: /* @__PURE__ */ n.jsx($, { variant: "Medium", type: "Text xs", className: "", children: "Edit" }) }),
+    /* @__PURE__ */ n.jsx(
+      "button",
+      {
+        className: "hfl-px-3 hfl-py-2 hfl-text-Blue_gray-800 hfl-border-x-1 hover:hfl-bg-Primary-50",
+        onClick: () => h?.(r),
+        children: /* @__PURE__ */ n.jsx($, { variant: "Medium", type: "Text xs", className: "", children: "Copy" })
+      }
+    ),
+    /* @__PURE__ */ n.jsx(
+      "button",
+      {
+        className: "hx_delete hfl-px-3 hfl-py-2 hfl-text-Error-500 hover:hfl-bg-Error-50",
+        onClick: () => x?.(r.rowId)
+      }
+    )
+  ] }) : /* @__PURE__ */ n.jsx(
+    at,
+    {
+      disabled: !C,
+      text: "Save this to Pediatric Calculator Library ",
+      id: r.rowId,
+      size: "md",
+      onClick: m,
+      isMarked: y ?? !1,
+      checkboxClasses: "hfl-mt-2",
+      checkBoxInnerDivClasses: "hfl-text-Blue-600 hfl-bg-Blue-50"
+    },
+    r.rowId
+  );
+}, At = (l, r) => {
+  re(() => {
+    const y = (u) => {
+      l.current && !l.current.contains(u.target) && r();
+    };
+    return document.addEventListener("mousedown", y), () => {
+      document.removeEventListener("mousedown", y);
+    };
+  }, [l, r]);
+};
+function Lt(l) {
+  const { options: r, selectedOption: y, onChangeHandler: u } = l;
+  return /* @__PURE__ */ n.jsx("div", { className: "hfl-flex hfl-gap-2 hfl-h-full hfl-items-center hfl-px-4 hfl-justify-center hfl-py-1", children: r?.map((f) => /* @__PURE__ */ n.jsx("div", { className: "hfl-bg-White hfl-rounded-lg", children: /* @__PURE__ */ n.jsx(
+    be,
+    {
+      onClick: () => u && u(f),
+      hierarchy: y?.label === f.label ? "Primary" : "Secondary-Grey",
+      size: "sm",
+      textField: f.label,
+      className: y?.label === f.label ? "hfl-bg-Blue-600" : ""
+    }
+  ) }, f.label)) });
+}
+const kt = "data:image/svg+xml,%3csvg%20width='10'%20height='6'%20viewBox='0%200%2010%206'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M0.480062%200.819173C0.650418%200.648817%200.92662%200.648817%201.09698%200.819173L4.71454%204.43674L8.3321%200.819173C8.50246%200.648817%208.77866%200.648817%208.94902%200.819173C9.11937%200.98953%209.11937%201.26573%208.94902%201.43609L5.023%205.36211C4.85264%205.53246%204.57644%205.53246%204.40608%205.36211L0.480062%201.43609C0.309706%201.26573%200.309706%200.98953%200.480062%200.819173Z'%20fill='%23667085'/%3e%3c/svg%3e";
+function B(l) {
+  const {
+    label: r,
+    labelClassName: y,
+    hideDropdownIcon: u,
+    showClearOption: f,
+    isRequiredField: b,
+    btnClassName: m,
+    placeholder: t,
+    options: C,
+    selectedOption: x,
+    onChangeHandler: h,
+    inputValue: o,
+    inputChangeHandler: v,
+    onInputFocusOutEvent: g,
+    inputClassName: s,
+    isSearchable: w,
+    inputType: M,
+    showInput: D,
+    inputSuffix: A,
+    selectedLabel: W,
+    suffixPadding: H,
+    disableInputAutoSize: N,
+    selectedOptions: I,
+    isMulti: T,
+    dropDownItemClickHandler: R,
+    showToggle: k,
+    toggleChangeHandler: L,
+    selectedToggleOption: p,
+    toggleOptionsList: a,
+    border: O,
+    height: i,
+    disabled: c,
+    fieldColor: E,
+    errorMsg: e,
+    showErrorMsg: d,
+    placeholderStyle: _,
+    onInputKeyDown: S,
+    showEmptyDropdownPopup: j = !0,
+    isDropdownFixed: q = !1,
+    dropdownClassName: z = "",
+    wrapperClass: te = "",
+    maxInputLength: ce,
+    alternateListBgStyle: oe,
+    showLabelTooltip: P = !1,
+    labelToolTipContent: Z = "",
+    inputContainerClasses: le = "",
+    onInputFocus: ue
+  } = l, [se, de] = K(!1), [pe, vt] = K(null), xe = we(null), Se = we(null), Pe = we(null), Me = we([]), yt = ve(() => C?.filter((F) => F ? F.label.toLowerCase().includes((o ?? "").toLowerCase()) : void 0), [o, C]), [bt, je] = K(!1), xt = () => {
+    de(!1), T && v && v(""), vt(null);
+  }, qe = G(
+    (F) => {
+      F.stopPropagation(), c || de((U) => !U);
+    },
+    [c]
+  ), He = (o?.length || 0) + 2 + Number(H || 0);
+  Ct(xe, xt), re(() => {
+    pe !== null && Me.current[pe] && Me.current[pe].scrollIntoView({ block: "nearest" });
+  }, [pe]);
+  const he = G(() => {
+    if (q && se) {
+      const F = D ? Se.current : Pe.current, U = xe.current;
+      if (F && U) {
+        const Q = F.getBoundingClientRect();
+        U.style.position = "fixed", U.style.top = `${window.scrollY ? Q.bottom + window.scrollY : Q.bottom}px`, U.style.left = `${Q.left}px`, U.style.width = `${Q.width}px`;
+      }
+    }
+  }, [q, se, D]);
+  re(() => {
+    if (q)
+      return se ? (he(), window.addEventListener("scroll", he, !0)) : window.removeEventListener("scroll", he, !0), () => {
+        window.removeEventListener("scroll", he, !0);
+      };
+  }, [q, he, se]), At(xe, () => {
+    bt && g && g();
+  });
+  const We = (F) => {
+    if (T && R) {
+      const U = I?.some((Q) => Q.value === F.value);
+      R(!!U, F);
+    }
+  }, _t = G(
+    async (F) => {
+      F.stopPropagation(), se || de(!0), ue && await ue();
+    },
+    [ue, se]
+  );
+  return /* @__PURE__ */ n.jsxs("div", { className: `hfl-relative hfl-inline-block hfl-text-left ${te || ""}`, children: [
+    !!r && /* @__PURE__ */ n.jsxs("div", { className: "hfl-text-Gray-700 hfl-mb-1 hfl-flex", children: [
+      /* @__PURE__ */ n.jsx($, { type: "Text sm", variant: "Medium", className: y || "", children: `${r}` }),
+      b && /* @__PURE__ */ n.jsx("span", { className: "hfl-ml-1 hfl-text-Error-600", children: "*" }),
+      P && /* @__PURE__ */ n.jsx(Ot, { variant: "Right", text: Z, theme: "dark", children: /* @__PURE__ */ n.jsx("i", { className: "hx_info-filled" }) })
+    ] }),
+    D ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+      /* @__PURE__ */ n.jsxs(
+        "div",
+        {
+          className: `hfl-flex hfl-items-center hfl-shadow-xs hfl-px-2 ${le || ""} ${O || "hfl-border-1"} hfl-rounded-lg hfl-overflow-x-auto  ${e ? "hfl-border-Error-300" : "hfl-border-Gray-300"} ${i || "hfl-h-10"} ${c ? "!hfl-bg-Gray-50 !hfl-pointer-events-none" : E || "hfl-bg-White"} hover:hfl-border-Primary-300 hover:hfl-shadow-xs-primary`,
+          onClick: c ? () => {
+          } : qe,
+          children: [
+            I?.map((F, U) => /* @__PURE__ */ n.jsxs(
+              "div",
+              {
+                className: "hfl-flex hfl-items-center hfl-bg-Blue-100 hfl-mr-2 hfl-py-1 hfl-px-2 hfl-rounded-sm hfl-font-inter-0 hfl-text-nowrap",
+                children: [
+                  /* @__PURE__ */ n.jsx("span", { className: "hfl-pointer-events-none", children: F.label }),
+                  /* @__PURE__ */ n.jsx(
+                    "span",
+                    {
+                      onClick: (Q) => {
+                        Q.stopPropagation(), We(F);
+                      },
+                      className: "hx_close hfl-text-Gray-500 hfl-my-0 hfl-text-[14px] hfl-ml-[1px] hfl-cursor-pointer"
+                    }
+                  )
+                ]
+              },
+              `${F.label}-${U}`
+            )),
+            Object.keys(_ || {}).length > 0 && /* @__PURE__ */ n.jsx("style", { children: `
+                  input.input-placeholder::placeholder {
+                  font-family: ${_?.fontFamily};
+                  font-weight: ${_?.fontWeight};
+                  line-height: ${_?.lineHeight};
+                  font-size: ${_?.fontSize};
+                  color: ${_?.color};
+                  }
+                ` }),
+            /* @__PURE__ */ n.jsx(
+              "input",
+              {
+                ref: Se,
+                style: N ? {} : { width: `${Number(o?.length) > 4 ? (o?.length || 0) + 5 : 12}ch` },
+                type: M,
+                placeholder: t,
+                value: o,
+                className: `input-placeholder hfl-flex-1 hfl-pl-2 hfl-placeholder hfl-py-1 focus-visible:hfl-outline-0 focus-visible:hfl-outline-none hfl-border-0 focus:hfl-border-0 ${c ? "!hfl-bg-Gray-50 !hfl-cursor-not-allowed" : E || "hfl-bg-White"} ${s || ""}`,
+                onChange: (F) => {
+                  v && v(F.target.value), je(!0);
+                },
+                onClick: _t,
+                onKeyDown: (F) => S && S(F, de, Se),
+                maxLength: ce ?? ce,
+                ...l.inputProps || {}
+              }
+            ),
+            !u && !f && /* @__PURE__ */ n.jsx("i", { className: "hx_down hfl-mx-2" }),
+            f && /* @__PURE__ */ n.jsx(
+              "i",
+              {
+                className: `${o ? "hx_close hfl-cursor-pointer" : "hx_down"} hfl-mx-2`,
+                onClick: () => {
+                  (x?.value || o) && (v && v(""), je(!0));
+                }
+              }
+            ),
+            A ? /* @__PURE__ */ n.jsx(
+              "span",
+              {
+                style: { left: `${He < 2 ? "3" : He}ch` },
+                className: "hfl-absolute hfl-top-1/2 hfl--translate-y-1/2 hfl-pointer-events-none",
+                children: A
+              }
+            ) : null
+          ]
+        }
+      ),
+      d && /* @__PURE__ */ n.jsx("span", { className: "hfl-text-0 hfl-text-Error-600", children: e })
+    ] }) : /* @__PURE__ */ n.jsxs(
+      "button",
+      {
+        ref: Pe,
+        onClick: qe,
+        className: `hfl-w-full hfl-bg-White hfl-py-[6px] hfl-px-4 hfl-rounded-lg hfl-inline-flex hfl-justify-between hfl-items-center ${m || ""} ${O || "hfl-border-1"} ${e ? "hfl-border-Error-300" : "hfl-border-Gray-300"} ${i || "hfl-h-[40px]"} ${c ? "!hfl-bg-Gray-50 !hfl-cursor-not-allowed" : ""}`,
+        style: W || x?.label ? {} : _ ? {
+          fontFamily: _?.fontFamily,
+          fontSize: _?.fontSize,
+          fontWeight: _?.fontWeight,
+          lineHeight: _?.lineHeight,
+          color: _?.color
+        } : {},
+        children: [
+          /* @__PURE__ */ n.jsx("span", { className: "hfl-pr-4", children: W || x?.label || t || "Select an option" }),
+          /* @__PURE__ */ n.jsx("img", { src: kt, alt: "down arrow" })
+        ]
+      }
+    ),
+    C && C?.length >= 0 && /* @__PURE__ */ n.jsxs(
+      "ul",
+      {
+        ref: xe,
+        className: `custom-dropdown-menu ${se ? "hfl-visible" : "hfl-invisible"} hfl-absolute hfl-z-50 hfl-grid hfl-gap-1 hfl-mt-3 hfl-w-full hfl-rounded-lg hfl-shadow-lg hfl-bg-White hfl-font-inter-0 hfl-p-1 hfl-px-2 ${T ? "hfl-min-w-[20em]" : "hfl-min-w-[16em]"} hfl-max-h-[330px] hfl-overflow-y-scroll ${z}`,
+        role: "menu",
+        "aria-orientation": "vertical",
+        "aria-labelledby": "options-menu",
+        children: [
+          k ? /* @__PURE__ */ n.jsx(
+            Lt,
+            {
+              onChangeHandler: L,
+              selectedOption: p,
+              options: a
+            }
+          ) : !1,
+          (w ? yt : C)?.map((F, U) => {
+            const Q = T ? !!I?.some((Te) => Te.value === F?.value) : !1, Be = x?.value === F?.value, wt = pe === U;
+            return F ? /* @__PURE__ */ n.jsx(
+              "li",
+              {
+                onClick: () => {
+                  T ? We(F) : (h && h(F), de(!1), je(!1));
+                },
+                className: `hfl-text-1 hfl-block hfl-px-4 hfl-py-2 hfl-rounded-md hover:hfl-bg-Blue-50 hfl-cursor-pointer custom_dropdown_item ${oe ? "odd:hfl-bg-Gray-100" : ""}  ${Be ? "hfl-bg-Blue-50 hfl-text-Blue-500" : ""}`,
+                role: "menuitem",
+                "aria-selected": Be,
+                tabIndex: wt ? 0 : -1,
+                ref: (Te) => {
+                  Me.current[U] = Te;
+                },
+                children: T ? /* @__PURE__ */ n.jsx(
+                  at,
+                  {
+                    size: "sm",
+                    disabled: !1,
+                    text: /* @__PURE__ */ n.jsx("span", { children: F.label }),
+                    secondaryText: "",
+                    id: `${F.label}-${U}`,
+                    isMarked: Q
+                  }
+                ) : F.label
+              },
+              `${F.label}-${U}`
+            ) : null;
+          }),
+          C?.length === 0 && j && /* @__PURE__ */ n.jsx(
+            "li",
+            {
+              className: "hfl-block hfl-px-4 hfl-py-2 hfl-rounded-md hover:hfl-bg-Blue-50 hfl-cursor-pointer custom_dropdown_item",
+              children: "No items found, please change the search criteria"
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+var Re, ze;
+function Pt() {
+  if (ze) return Re;
+  ze = 1;
+  var l = "Expected a function", r = NaN, y = "[object Symbol]", u = /^\s+|\s+$/g, f = /^[-+]0x[0-9a-f]+$/i, b = /^0b[01]+$/i, m = /^0o[0-7]+$/i, t = parseInt, C = typeof _e == "object" && _e && _e.Object === Object && _e, x = typeof self == "object" && self && self.Object === Object && self, h = C || x || Function("return this")(), o = Object.prototype, v = o.toString, g = Math.max, s = Math.min, w = function() {
+    return h.Date.now();
+  };
+  function M(N, I, T) {
+    var R, k, L, p, a, O, i = 0, c = !1, E = !1, e = !0;
+    if (typeof N != "function")
+      throw new TypeError(l);
+    I = H(I) || 0, D(T) && (c = !!T.leading, E = "maxWait" in T, L = E ? g(H(T.maxWait) || 0, I) : L, e = "trailing" in T ? !!T.trailing : e);
+    function d(P) {
+      var Z = R, le = k;
+      return R = k = void 0, i = P, p = N.apply(le, Z), p;
+    }
+    function _(P) {
+      return i = P, a = setTimeout(q, I), c ? d(P) : p;
+    }
+    function S(P) {
+      var Z = P - O, le = P - i, ue = I - Z;
+      return E ? s(ue, L - le) : ue;
+    }
+    function j(P) {
+      var Z = P - O, le = P - i;
+      return O === void 0 || Z >= I || Z < 0 || E && le >= L;
+    }
+    function q() {
+      var P = w();
+      if (j(P))
+        return z(P);
+      a = setTimeout(q, S(P));
+    }
+    function z(P) {
+      return a = void 0, e && R ? d(P) : (R = k = void 0, p);
+    }
+    function te() {
+      a !== void 0 && clearTimeout(a), i = 0, R = O = k = a = void 0;
+    }
+    function ce() {
+      return a === void 0 ? p : z(w());
+    }
+    function oe() {
+      var P = w(), Z = j(P);
+      if (R = arguments, k = this, O = P, Z) {
+        if (a === void 0)
+          return _(O);
+        if (E)
+          return a = setTimeout(q, I), d(O);
+      }
+      return a === void 0 && (a = setTimeout(q, I)), p;
+    }
+    return oe.cancel = te, oe.flush = ce, oe;
+  }
+  function D(N) {
+    var I = typeof N;
+    return !!N && (I == "object" || I == "function");
+  }
+  function A(N) {
+    return !!N && typeof N == "object";
+  }
+  function W(N) {
+    return typeof N == "symbol" || A(N) && v.call(N) == y;
+  }
+  function H(N) {
+    if (typeof N == "number")
+      return N;
+    if (W(N))
+      return r;
+    if (D(N)) {
+      var I = typeof N.valueOf == "function" ? N.valueOf() : N;
+      N = D(I) ? I + "" : I;
+    }
+    if (typeof N != "string")
+      return N === 0 ? N : +N;
+    N = N.replace(u, "");
+    var T = b.test(N);
+    return T || m.test(N) ? t(N.slice(2), T ? 2 : 8) : f.test(N) ? r : +N;
+  }
+  return Re = M, Re;
+}
+var qt = Pt();
+const Ht = /* @__PURE__ */ ot(qt), Fe = (l, r) => {
+  const y = parseFloat(l), u = parseFloat(r);
+  if (!l || !r || isNaN(y) || isNaN(u) || u === 0)
+    return "";
+  const f = y / u;
+  return Number.isInteger(f) ? f.toString(10) : f.toFixed(3).replace(/\.?0+$/, "");
+}, ne = (l) => /^(\d+)?(\.)?(\d*)?$/.test(l), Y = ({ label: l, children: r }) => /* @__PURE__ */ n.jsxs(
+  $,
+  {
+    variant: "Regular",
+    type: "Text sm",
+    className: "hfl-grid hfl-grid-cols-2 hfl-items-center hfl-text-Blue_gray-800 hfl-justify-between hfl-gap-8",
+    children: [
+      /* @__PURE__ */ n.jsxs("span", { className: "hfl-flex-shrink-0", children: [
+        l,
+        ":"
+      ] }),
+      /* @__PURE__ */ n.jsx("div", { className: "hfl-flex-1 hfl-min-w-0", children: r })
+    ]
+  }
+), J = ({ label: l, value: r }) => /* @__PURE__ */ n.jsxs($, { variant: "Regular", type: "Text sm", className: "hfl-flex hfl-text-Blue_gray-800 hfl-gap-1", children: [
+  /* @__PURE__ */ n.jsxs("span", { className: "hfl-flex-shrink-0", children: [
+    l,
+    ":"
+  ] }),
+  /* @__PURE__ */ n.jsx($, { variant: "Bold", type: "Text sm", className: "hfl-text-Blue_gray-800 hfl-break-words hfl-min-w-0", children: r || "--" })
+] }), me = ({ children: l, className: r = "" }) => /* @__PURE__ */ n.jsx(
+  $,
+  {
+    variant: "Regular",
+    type: "Text sm",
+    className: `hfl-text-Blue_gray-800 hfl-px-2 hfl-break-words hfl-overflow-wrap-anywhere hfl-min-w-0 ${r}`,
+    children: l
+  }
+), Wt = ye.memo(
+  function({ rowData: r, isEditing: y, setIsEditing: u, onSaveRow: f, allowCustomMedicineInput: b }) {
+    const {
+      variant: m,
+      externallyTriggeredEditMode: t,
+      externallyTriggeredEditRowIds: C,
+      getMedicineOptions: x,
+      onRowChange: h,
+      onRowDelete: o
+    } = ct(), [v, g] = K([]), [s, w] = K(r), [M, D] = K(r.medicine_name);
+    re(() => {
+      y || D(r.medicine_name);
+    }, [r.medicine_name, y]), re(() => {
+      y || w(r);
+    }, [r, y]);
+    const A = async (e) => (await x?.(e))?.map((_) => ({
+      label: _.doctorMedicineName,
+      value: _
+    })) || [], H = t || C?.includes(r.rowId) || y, N = ve(() => s.out_of_range || r.out_of_range, [s.out_of_range, r.out_of_range]), I = ve(() => s?.isDosageMismatch || r?.isDosageMismatch, [s?.isDosageMismatch, r?.isDosageMismatch]), T = ye.useMemo(() => s.calculation_type === De[0] ? s.calculation_fields : null, [s.calculation_fields, s.calculation_type]), R = ye.useMemo(() => s.calculation_type === De[1] ? s.calculation_fields : null, [s.calculation_fields, s.calculation_type]), k = (e, d) => {
+      let _;
+      if (e === "calculation_type") {
+        const S = d, j = {
+          frequency: s.calculation_fields.frequency,
+          pedia_dosage: m === "standard" ? s.calculation_fields.pedia_dosage : s.pedia_dosage
+        };
+        _ = {
+          ...s,
+          calculation_type: S,
+          calculation_fields: S === "mg/kg/dose" ? { ...Tt, ...j } : { ...Dt, ...j }
+        };
+      } else
+        _ = {
+          ...s,
+          [e]: d
+        };
+      w(_), m === "prescription" && L(_, e);
+    }, L = ve(
+      () => Ht((e, d) => {
+        h?.(e, d || void 0);
+      }, 500),
+      [h]
+    ), p = ve(() => /* @__PURE__ */ n.jsxs("div", { className: "hfl-mb-1 hfl-flex hfl-w-max hfl-items-center hfl-rounded hfl-border-1 hfl-border-Warning-400 hfl-bg-Warning-50 hfl-p-1 hfl-px-2", children: [
+      /* @__PURE__ */ n.jsx("div", { className: "hx_warning hfl-text-Error-400" }),
+      /* @__PURE__ */ n.jsx($, { variant: "Regular", type: "Text sm", className: "hfl-px-2 hfl-text-1 hfl-text-Error-500", children: "Dosage exceed safety limits" })
+    ] }), []);
+    re(() => () => {
+      L.cancel();
+    }, [L]);
+    const a = G(
+      (e, d) => {
+        w((_) => {
+          let S = { ..._.calculation_fields, [e]: d };
+          if (e === "frequency" && m === "standard") {
+            const q = Ue[d] || [];
+            q.length > 0 && (S = {
+              ...S,
+              pedia_dosage: q[0]
+            });
+          }
+          const j = {
+            ..._,
+            calculation_fields: S
+          };
+          return m === "prescription" && L(j, e), j;
+        });
+      },
+      [L, m]
+    ), O = async () => {
+      const e = {
+        ...s,
+        calculation_fields: { ...s.calculation_fields }
+      };
+      await f?.(e) && L({ ...e, isNewlyAdded: !1, isEditing: !1 });
+    }, i = async () => {
+      if (!r.medicine_name || r.medicine_name.trim() === "") {
+        o?.(r.rowId);
+        return;
+      }
+      w(r), m === "standard" && u(!1);
+    }, c = (e) => m === "prescription" && (e === "medicine_name" || e === "generic_name" || e === "type" || e === "calculation_type") ? !1 : H, E = () => {
+      const e = !(s?.isSavedToLibrary ?? !1), d = { ...s, isSavedToLibrary: e };
+      w(d), L(d, "isSavedToLibrary");
+    };
+    return /* @__PURE__ */ n.jsxs(
+      "div",
+      {
+        className: `medicine-row hfl-grid hfl-grid-cols-[1.36fr_1.36fr_1.02fr_1.25fr_2.27fr_1.36fr_1.36fr] hfl-gap-2 hfl-px-2 hfl-py-1 hfl-border-b-1 hfl-border-Gray-200 ${H ? "hfl-bg-gradient-to-b hfl-from-White_20 hfl-to-Primary-50" : ""} ${m === "prescription" && !s.pedia_data_available ? "hfl-hidden" : ""}`,
+        children: [
+          /* @__PURE__ */ n.jsx("div", { className: "hfl-w-full hfl-py-2.5 hfl-min-w-0", children: c("medicine_name") ? /* @__PURE__ */ n.jsx(
+            B,
+            {
+              wrapperClass: "hfl-w-full",
+              btnClassName: "hfl-w-full",
+              inputClassName: "hfl-w-full",
+              inputValue: s.medicine_name,
+              showInput: !0,
+              disableInputAutoSize: !0,
+              inputChangeHandler: async (e) => {
+                if (k("medicine_name", e), e.trim()) {
+                  const d = await A(e);
+                  g(d);
+                } else
+                  g([]);
+              },
+              onInputFocus: async () => {
+                const e = await A(s.medicine_name);
+                g(e);
+              },
+              onChangeHandler: (e) => {
+                const d = e.value, _ = Ie.find((S) => S.val === d.medicineType);
+                w((S) => ({
+                  ...S,
+                  medicine_name: d.doctorMedicineName,
+                  medicine_id: d.medicineId,
+                  generic_name: d.doctorGenericName,
+                  type: _?.type ?? ""
+                })), D(d.doctorMedicineName);
+              },
+              options: v,
+              isSearchable: !0,
+              placeholder: "Search medicine",
+              disabled: !s?.isNewlyAdded,
+              inputProps: {
+                onBlur: (e) => {
+                  const d = e.relatedTarget;
+                  if (!(d && d.closest(".custom-dropdown-menu")) && !b) {
+                    const _ = s.medicine_name?.trim() || "";
+                    v.some((j) => j.label === _) || w((j) => ({ ...j, medicine_name: M }));
+                  }
+                }
+              }
+            }
+          ) : /* @__PURE__ */ n.jsx(me, { children: r.medicine_name }) }),
+          /* @__PURE__ */ n.jsx("div", { className: "hfl-w-full hfl-py-2.5 hfl-min-w-0", children: c("generic_name") ? /* @__PURE__ */ n.jsx(
+            B,
+            {
+              wrapperClass: "hfl-w-full",
+              inputClassName: "hfl-w-full",
+              btnClassName: "hfl-w-full",
+              inputValue: s.generic_name,
+              showInput: !0,
+              disableInputAutoSize: !0,
+              inputChangeHandler: (e) => k("generic_name", e),
+              hideDropdownIcon: !0
+            }
+          ) : /* @__PURE__ */ n.jsx(me, { children: r.generic_name }) }),
+          /* @__PURE__ */ n.jsx("div", { className: "hfl-w-full hfl-py-2.5 hfl-min-w-0", children: c("type") ? /* @__PURE__ */ n.jsx(
+            B,
+            {
+              wrapperClass: "hfl-w-full",
+              btnClassName: "hfl-w-full",
+              placeholder: "Select",
+              showInput: !1,
+              disableInputAutoSize: !0,
+              selectedOption: (() => {
+                const e = Ie.find((d) => d.type === s.type);
+                return e ? { label: e.type, value: e.type } : void 0;
+              })(),
+              options: Ie.map((e) => ({
+                label: e.type,
+                value: e.type
+              })),
+              onChangeHandler: (e) => k("type", e.value)
+            }
+          ) : /* @__PURE__ */ n.jsx(me, { children: r.type || "" }) }),
+          /* @__PURE__ */ n.jsx("div", { className: "hfl-w-full hfl-py-2.5 hfl-min-w-0", children: c("calculation_type") ? /* @__PURE__ */ n.jsx(
+            B,
+            {
+              wrapperClass: "hfl-w-full",
+              btnClassName: "hfl-w-full",
+              placeholder: "Select",
+              showInput: !1,
+              disableInputAutoSize: !0,
+              selectedOption: { label: s.calculation_type, value: s.calculation_type },
+              options: De.map((e) => ({ label: e, value: e })),
+              onChangeHandler: (e) => k("calculation_type", e.value)
+            }
+          ) : /* @__PURE__ */ n.jsx(me, { children: r.calculation_type }) }),
+          /* @__PURE__ */ n.jsx("div", { className: "hfl-flex hfl-w-full hfl-flex-col hfl-gap-2 hfl-py-2.5 hfl-px-2", children: c("calculation_fields") ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+            T && /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+              /* @__PURE__ */ n.jsx(Y, { label: "Drug Strength", children: /* @__PURE__ */ n.jsx(
+                B,
+                {
+                  wrapperClass: "hfl-w-full",
+                  placeholder: "e.g., 250",
+                  showInput: !0,
+                  hideDropdownIcon: !0,
+                  disableInputAutoSize: !0,
+                  inputType: "text",
+                  inputValue: T.drug_strength || "",
+                  inputChangeHandler: (e) => {
+                    ne(e) && a("drug_strength", e);
+                  }
+                }
+              ) }),
+              /* @__PURE__ */ n.jsx(Y, { label: "Dose/mg/kg", children: /* @__PURE__ */ n.jsx(
+                B,
+                {
+                  wrapperClass: "hfl-w-full",
+                  placeholder: "e.g., 15",
+                  showInput: !0,
+                  hideDropdownIcon: !0,
+                  disableInputAutoSize: !0,
+                  inputType: "text",
+                  inputValue: T.dose_mg_kg || "",
+                  inputChangeHandler: (e) => {
+                    ne(e) && a("dose_mg_kg", e);
+                  }
+                }
+              ) }),
+              /* @__PURE__ */ n.jsx(Y, { label: "Frequency", children: /* @__PURE__ */ n.jsx(
+                B,
+                {
+                  wrapperClass: "hfl-w-full",
+                  placeholder: "Frequency",
+                  showInput: !1,
+                  selectedOption: s.calculation_fields.frequency ? {
+                    label: s.calculation_fields.frequency,
+                    value: s.calculation_fields.frequency
+                  } : void 0,
+                  options: $e.map((e) => ({ label: e, value: e })),
+                  onChangeHandler: (e) => {
+                    a("frequency", e.value);
+                  }
+                }
+              ) }),
+              /* @__PURE__ */ n.jsx(Y, { label: "Max Dose (mg)", children: /* @__PURE__ */ n.jsx(
+                B,
+                {
+                  wrapperClass: "hfl-w-full",
+                  placeholder: "Max mg/dose",
+                  showInput: !0,
+                  hideDropdownIcon: !0,
+                  disableInputAutoSize: !0,
+                  inputType: "text",
+                  inputValue: T.max_mg_dose || "",
+                  inputChangeHandler: (e) => {
+                    ne(e) && a("max_mg_dose", e);
+                  }
+                }
+              ) }),
+              /* @__PURE__ */ n.jsx(Y, { label: "Max Day (mg)", children: /* @__PURE__ */ n.jsx(
+                B,
+                {
+                  wrapperClass: "hfl-w-full",
+                  placeholder: "Max mg/day",
+                  showInput: !0,
+                  hideDropdownIcon: !0,
+                  disableInputAutoSize: !0,
+                  inputType: "text",
+                  inputValue: T.max_mg_day || "",
+                  inputChangeHandler: (e) => {
+                    ne(e) && a("max_mg_day", e);
+                  }
+                }
+              ) })
+            ] }),
+            R && /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+              /* @__PURE__ */ n.jsx(Y, { label: "Drug Strength/mL", children: /* @__PURE__ */ n.jsx(
+                B,
+                {
+                  wrapperClass: "hfl-w-full",
+                  placeholder: "e.g., 250",
+                  showInput: !0,
+                  hideDropdownIcon: !0,
+                  disableInputAutoSize: !0,
+                  inputType: "text",
+                  inputValue: R.drug_strength || "",
+                  inputChangeHandler: (e) => {
+                    ne(e) && (a("drug_strength", e), a("dose_ml_kg", Fe(R.dose_mg_kg, e)));
+                  }
+                }
+              ) }),
+              /* @__PURE__ */ n.jsx(Y, { label: "Dose/mg/kg", children: /* @__PURE__ */ n.jsx(
+                B,
+                {
+                  wrapperClass: "hfl-w-full",
+                  placeholder: "e.g., 15",
+                  showInput: !0,
+                  hideDropdownIcon: !0,
+                  disableInputAutoSize: !0,
+                  inputType: "text",
+                  inputValue: R.dose_mg_kg || "",
+                  inputChangeHandler: (e) => {
+                    ne(e) && (a("dose_mg_kg", e), a("dose_ml_kg", Fe(e, R.drug_strength)));
+                  }
+                }
+              ) }),
+              /* @__PURE__ */ n.jsx(Y, { label: "Dose/mL/kg", children: /* @__PURE__ */ n.jsx(
+                B,
+                {
+                  wrapperClass: "hfl-w-full",
+                  disabled: !0,
+                  placeholder: "e.g., 5",
+                  showInput: !0,
+                  hideDropdownIcon: !0,
+                  disableInputAutoSize: !0,
+                  inputType: "text",
+                  inputValue: Fe(R.dose_mg_kg, R.drug_strength) || "",
+                  inputChangeHandler: (e) => {
+                    ne(e) && a("dose_ml_kg", e);
+                  }
+                }
+              ) }),
+              /* @__PURE__ */ n.jsx(Y, { label: "Frequency", children: /* @__PURE__ */ n.jsx(
+                B,
+                {
+                  wrapperClass: "hfl-w-full",
+                  placeholder: "Frequency",
+                  showInput: !1,
+                  selectedOption: s.calculation_fields.frequency ? {
+                    label: s.calculation_fields.frequency,
+                    value: s.calculation_fields.frequency
+                  } : void 0,
+                  options: $e.map((e) => ({ label: e, value: e })),
+                  onChangeHandler: (e) => {
+                    a("frequency", e.value);
+                  }
+                }
+              ) }),
+              /* @__PURE__ */ n.jsx(Y, { label: "Max Dose (mL)", children: /* @__PURE__ */ n.jsx(
+                B,
+                {
+                  wrapperClass: "hfl-w-full",
+                  placeholder: "Max mL/dose",
+                  showInput: !0,
+                  hideDropdownIcon: !0,
+                  disableInputAutoSize: !0,
+                  inputType: "text",
+                  inputValue: R.max_ml_dose || "",
+                  inputChangeHandler: (e) => {
+                    ne(e) && a("max_ml_dose", e);
+                  }
+                }
+              ) }),
+              /* @__PURE__ */ n.jsx(Y, { label: "Max Day (mL)", children: /* @__PURE__ */ n.jsx(
+                B,
+                {
+                  wrapperClass: "hfl-w-full",
+                  placeholder: "Max mL/day",
+                  showInput: !0,
+                  hideDropdownIcon: !0,
+                  disableInputAutoSize: !0,
+                  inputType: "text",
+                  inputValue: R.max_ml_day || "",
+                  inputChangeHandler: (e) => {
+                    ne(e) && a("max_ml_day", e);
+                  }
+                }
+              ) })
+            ] })
+          ] }) : /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+            T && /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+              /* @__PURE__ */ n.jsx(J, { label: "Drug Strength", value: T.drug_strength }),
+              /* @__PURE__ */ n.jsx(J, { label: "Dose/mg/kg", value: T.dose_mg_kg }),
+              /* @__PURE__ */ n.jsx(J, { label: "Frequency", value: T.frequency }),
+              /* @__PURE__ */ n.jsx(J, { label: "Max Dose (mg)", value: T.max_mg_dose }),
+              /* @__PURE__ */ n.jsx(J, { label: "Max Day (mg)", value: T.max_mg_day })
+            ] }),
+            R && /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+              /* @__PURE__ */ n.jsx(J, { label: "Drug Strength/mL", value: R.drug_strength }),
+              /* @__PURE__ */ n.jsx(J, { label: "Dose/mg/kg", value: R.dose_mg_kg }),
+              /* @__PURE__ */ n.jsx(J, { label: "Dose/mL/kg", value: R.dose_ml_kg }),
+              /* @__PURE__ */ n.jsx(J, { label: "Frequency", value: R.frequency }),
+              /* @__PURE__ */ n.jsx(J, { label: "Max Dose (mL)", value: R.max_ml_dose }),
+              /* @__PURE__ */ n.jsx(J, { label: "Max Day (mL)", value: R.max_ml_day })
+            ] })
+          ] }) }),
+          /* @__PURE__ */ n.jsx("div", { className: "hfl-w-full hfl-py-2.5 hfl-min-w-0", children: c("pedia_dosage") ? (() => {
+            const e = s.calculation_fields.frequency, d = Ue[e] || [];
+            return /* @__PURE__ */ n.jsx(n.Fragment, { children: /* @__PURE__ */ n.jsx(
+              B,
+              {
+                wrapperClass: "hfl-w-full",
+                btnClassName: "hfl-w-full",
+                inputClassName: "hfl-w-full",
+                placeholder: "Select",
+                showInput: m !== "standard",
+                disableInputAutoSize: !0,
+                inputValue: m === "standard" ? s.calculation_fields.pedia_dosage : s.pedia_dosage,
+                inputChangeHandler: (_) => m === "prescription" ? k("pedia_dosage", _) : a("pedia_dosage", _),
+                selectedOption: m === "standard" ? {
+                  label: s.calculation_fields.pedia_dosage,
+                  value: s.calculation_fields.pedia_dosage
+                } : void 0,
+                options: m !== "prescription" ? d.map((_) => ({ label: _, value: _ })) : void 0,
+                onChangeHandler: m !== "prescription" ? (_) => a("pedia_dosage", _.value) : void 0,
+                hideDropdownIcon: m === "prescription",
+                showEmptyDropdownPopup: m !== "prescription",
+                showErrorMsg: m === "prescription" ? N || I : !1,
+                errorMsg: m === "prescription" && N ? "Dosage Exceeds Safety Limits" : m === "prescription" && I ? "Dosage is in mismatch with selected type of Frequency" : ""
+              }
+            ) });
+          })() : /* @__PURE__ */ n.jsxs("div", { className: "hfl-flex hfl-flex-col hfl-h-full hfl-justify-between hfl-min-w-0", children: [
+            /* @__PURE__ */ n.jsx(me, { children: m === "prescription" ? r.pedia_dosage : r.calculation_fields.pedia_dosage }),
+            N && p
+          ] }) }),
+          /* @__PURE__ */ n.jsx("div", { className: "hfl-w-full hfl-py-2.5 hfl-min-w-0", children: /* @__PURE__ */ n.jsx(
+            Ft,
+            {
+              effectiveEditMode: H,
+              rowData: r,
+              isSavedToLibrary: s.isSavedToLibrary ?? !1,
+              onSave: O,
+              onCancel: i,
+              onEdit: () => u(!0),
+              onCheckboxToggle: E
+            }
+          ) })
+        ]
+      }
+    );
+  },
+  (l, r) => l.isEditing === r.isEditing && l.rowData.rowId === r.rowData.rowId && l.rowData.isEditing === r.rowData.isEditing && l.rowData.medicine_name === r.rowData.medicine_name && l.rowData.generic_name === r.rowData.generic_name && l.rowData.type === r.rowData.type && l.rowData.pedia_dosage === r.rowData.pedia_dosage && l.rowData.calculation_type === r.rowData.calculation_type && JSON.stringify(l.rowData.calculation_fields) === JSON.stringify(r.rowData.calculation_fields) && l.rowData.out_of_range === r.rowData.out_of_range && l.rowData.isDosageMismatch === r.rowData.isDosageMismatch && l.rowData.calculation_fields.pedia_dosage === r.rowData.calculation_fields.pedia_dosage && l.rowData?.isNewlyAdded === r.rowData?.isNewlyAdded && l.rowData?.pedia_data_available === r.rowData?.pedia_data_available
+);
+var Ce = { exports: {} }, ae = {}, Oe = { exports: {} }, V = {}, Ne = { exports: {} }, Ve;
+function ut() {
+  return Ve || (Ve = 1, function(l, r) {
+    Object.defineProperty(r, "__esModule", {
+      value: !0
+    }), r.default = h;
+    /*!
+     * Adapted from jQuery UI core
+     *
+     * http://jqueryui.com
+     *
+     * Copyright 2014 jQuery Foundation and other contributors
+     * Released under the MIT license.
+     * http://jquery.org/license
+     *
+     * http://api.jqueryui.com/category/ui-core/
+     */
+    var y = "none", u = "contents", f = /^(input|select|textarea|button|object|iframe)$/;
+    function b(o, v) {
+      return v.getPropertyValue("overflow") !== "visible" || // if 'overflow: visible' set, check if there is actually any overflow
+      o.scrollWidth <= 0 && o.scrollHeight <= 0;
+    }
+    function m(o) {
+      var v = o.offsetWidth <= 0 && o.offsetHeight <= 0;
+      if (v && !o.innerHTML) return !0;
+      try {
+        var g = window.getComputedStyle(o), s = g.getPropertyValue("display");
+        return v ? s !== u && b(o, g) : s === y;
+      } catch {
+        return console.warn("Failed to inspect element style"), !1;
+      }
+    }
+    function t(o) {
+      for (var v = o, g = o.getRootNode && o.getRootNode(); v && v !== document.body; ) {
+        if (g && v === g && (v = g.host.parentNode), m(v)) return !1;
+        v = v.parentNode;
+      }
+      return !0;
+    }
+    function C(o, v) {
+      var g = o.nodeName.toLowerCase(), s = f.test(g) && !o.disabled || g === "a" && o.href || v;
+      return s && t(o);
+    }
+    function x(o) {
+      var v = o.getAttribute("tabindex");
+      v === null && (v = void 0);
+      var g = isNaN(v);
+      return (g || v >= 0) && C(o, !g);
+    }
+    function h(o) {
+      var v = [].slice.call(o.querySelectorAll("*"), 0).reduce(function(g, s) {
+        return g.concat(s.shadowRoot ? h(s.shadowRoot) : [s]);
+      }, []);
+      return v.filter(x);
+    }
+    l.exports = r.default;
+  }(Ne, Ne.exports)), Ne.exports;
+}
+var Ge;
+function Bt() {
+  if (Ge) return V;
+  Ge = 1, Object.defineProperty(V, "__esModule", {
+    value: !0
+  }), V.resetState = m, V.log = t, V.handleBlur = C, V.handleFocus = x, V.markForFocusLater = h, V.returnFocus = o, V.popWithoutFocus = v, V.setupScopedFocus = g, V.teardownScopedFocus = s;
+  var l = ut(), r = y(l);
+  function y(w) {
+    return w && w.__esModule ? w : { default: w };
+  }
+  var u = [], f = null, b = !1;
+  function m() {
+    u = [];
+  }
+  function t() {
+    process.env.NODE_ENV !== "production" && (console.log("focusManager ----------"), u.forEach(function(w) {
+      var M = w || {};
+      console.log(M.nodeName, M.className, M.id);
+    }), console.log("end focusManager ----------"));
+  }
+  function C() {
+    b = !0;
+  }
+  function x() {
+    if (b) {
+      if (b = !1, !f)
+        return;
+      setTimeout(function() {
+        if (!f.contains(document.activeElement)) {
+          var w = (0, r.default)(f)[0] || f;
+          w.focus();
+        }
+      }, 0);
+    }
+  }
+  function h() {
+    u.push(document.activeElement);
+  }
+  function o() {
+    var w = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !1, M = null;
+    try {
+      u.length !== 0 && (M = u.pop(), M.focus({ preventScroll: w }));
+      return;
+    } catch {
+      console.warn(["You tried to return focus to", M, "but it is not in the DOM anymore"].join(" "));
+    }
+  }
+  function v() {
+    u.length > 0 && u.pop();
+  }
+  function g(w) {
+    f = w, window.addEventListener ? (window.addEventListener("blur", C, !1), document.addEventListener("focus", x, !0)) : (window.attachEvent("onBlur", C), document.attachEvent("onFocus", x));
+  }
+  function s() {
+    f = null, window.addEventListener ? (window.removeEventListener("blur", C), document.removeEventListener("focus", x)) : (window.detachEvent("onBlur", C), document.detachEvent("onFocus", x));
+  }
+  return V;
+}
+var Ee = { exports: {} }, Ke;
+function Ut() {
+  return Ke || (Ke = 1, function(l, r) {
+    Object.defineProperty(r, "__esModule", {
+      value: !0
+    }), r.default = m;
+    var y = ut(), u = f(y);
+    function f(t) {
+      return t && t.__esModule ? t : { default: t };
+    }
+    function b() {
+      var t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : document;
+      return t.activeElement.shadowRoot ? b(t.activeElement.shadowRoot) : t.activeElement;
+    }
+    function m(t, C) {
+      var x = (0, u.default)(t);
+      if (!x.length) {
+        C.preventDefault();
+        return;
+      }
+      var h = void 0, o = C.shiftKey, v = x[0], g = x[x.length - 1], s = b();
+      if (t === s) {
+        if (!o) return;
+        h = g;
+      }
+      if (g === s && !o && (h = v), v === s && o && (h = g), h) {
+        C.preventDefault(), h.focus();
+        return;
+      }
+      var w = /(\bChrome\b|\bSafari\b)\//.exec(navigator.userAgent), M = w != null && w[1] != "Chrome" && /\biPod\b|\biPad\b/g.exec(navigator.userAgent) == null;
+      if (M) {
+        var D = x.indexOf(s);
+        if (D > -1 && (D += o ? -1 : 1), h = x[D], typeof h > "u") {
+          C.preventDefault(), h = o ? g : v, h.focus();
+          return;
+        }
+        C.preventDefault(), h.focus();
+      }
+    }
+    l.exports = r.default;
+  }(Ee, Ee.exports)), Ee.exports;
+}
+var X = {}, Ae, Ye;
+function $t() {
+  if (Ye) return Ae;
+  Ye = 1;
+  var l = process.env.NODE_ENV !== "production", r = function() {
+  };
+  if (l) {
+    var y = function(f, b) {
+      var m = arguments.length;
+      b = new Array(m > 1 ? m - 1 : 0);
+      for (var t = 1; t < m; t++)
+        b[t - 1] = arguments[t];
+      var C = 0, x = "Warning: " + f.replace(/%s/g, function() {
+        return b[C++];
+      });
+      typeof console < "u" && console.error(x);
+      try {
+        throw new Error(x);
+      } catch {
+      }
+    };
+    r = function(u, f, b) {
+      var m = arguments.length;
+      b = new Array(m > 2 ? m - 2 : 0);
+      for (var t = 2; t < m; t++)
+        b[t - 2] = arguments[t];
+      if (f === void 0)
+        throw new Error(
+          "`warning(condition, format, ...args)` requires a warning message argument"
+        );
+      u || y.apply(null, [f].concat(b));
+    };
+  }
+  return Ae = r, Ae;
+}
+var ee = {}, Le = { exports: {} };
+/*!
+  Copyright (c) 2015 Jed Watson.
+  Based on code that is Copyright 2013-2015, Facebook, Inc.
+  All rights reserved.
+*/
+var Je;
+function zt() {
+  return Je || (Je = 1, function(l) {
+    (function() {
+      var r = !!(typeof window < "u" && window.document && window.document.createElement), y = {
+        canUseDOM: r,
+        canUseWorkers: typeof Worker < "u",
+        canUseEventListeners: r && !!(window.addEventListener || window.attachEvent),
+        canUseViewport: r && !!window.screen
+      };
+      l.exports ? l.exports = y : window.ExecutionEnvironment = y;
+    })();
+  }(Le)), Le.exports;
+}
+var Xe;
+function ke() {
+  if (Xe) return ee;
+  Xe = 1, Object.defineProperty(ee, "__esModule", {
+    value: !0
+  }), ee.canUseDOM = ee.SafeNodeList = ee.SafeHTMLCollection = void 0;
+  var l = zt(), r = y(l);
+  function y(b) {
+    return b && b.__esModule ? b : { default: b };
+  }
+  var u = r.default, f = u.canUseDOM ? window.HTMLElement : {};
+  return ee.SafeHTMLCollection = u.canUseDOM ? window.HTMLCollection : {}, ee.SafeNodeList = u.canUseDOM ? window.NodeList : {}, ee.canUseDOM = u.canUseDOM, ee.default = f, ee;
+}
+var Ze;
+function ft() {
+  if (Ze) return X;
+  Ze = 1, Object.defineProperty(X, "__esModule", {
+    value: !0
+  }), X.resetState = b, X.log = m, X.assertNodeList = t, X.setElement = C, X.validateElement = x, X.hide = h, X.show = o, X.documentNotReadyOrSSRTesting = v;
+  var l = $t(), r = u(l), y = ke();
+  function u(g) {
+    return g && g.__esModule ? g : { default: g };
+  }
+  var f = null;
+  function b() {
+    f && (f.removeAttribute ? f.removeAttribute("aria-hidden") : f.length != null ? f.forEach(function(g) {
+      return g.removeAttribute("aria-hidden");
+    }) : document.querySelectorAll(f).forEach(function(g) {
+      return g.removeAttribute("aria-hidden");
+    })), f = null;
+  }
+  function m() {
+    if (process.env.NODE_ENV !== "production") {
+      var g = f || {};
+      console.log("ariaAppHider ----------"), console.log(g.nodeName, g.className, g.id), console.log("end ariaAppHider ----------");
+    }
+  }
+  function t(g, s) {
+    if (!g || !g.length)
+      throw new Error("react-modal: No elements were found for selector " + s + ".");
+  }
+  function C(g) {
+    var s = g;
+    if (typeof s == "string" && y.canUseDOM) {
+      var w = document.querySelectorAll(s);
+      t(w, s), s = w;
+    }
+    return f = s || f, f;
+  }
+  function x(g) {
+    var s = g || f;
+    return s ? Array.isArray(s) || s instanceof HTMLCollection || s instanceof NodeList ? s : [s] : ((0, r.default)(!1, ["react-modal: App element is not defined.", "Please use `Modal.setAppElement(el)` or set `appElement={el}`.", "This is needed so screen readers don't see main content", "when modal is opened. It is not recommended, but you can opt-out", "by setting `ariaHideApp={false}`."].join(" ")), []);
+  }
+  function h(g) {
+    var s = !0, w = !1, M = void 0;
+    try {
+      for (var D = x(g)[Symbol.iterator](), A; !(s = (A = D.next()).done); s = !0) {
+        var W = A.value;
+        W.setAttribute("aria-hidden", "true");
+      }
+    } catch (H) {
+      w = !0, M = H;
+    } finally {
+      try {
+        !s && D.return && D.return();
+      } finally {
+        if (w)
+          throw M;
+      }
+    }
+  }
+  function o(g) {
+    var s = !0, w = !1, M = void 0;
+    try {
+      for (var D = x(g)[Symbol.iterator](), A; !(s = (A = D.next()).done); s = !0) {
+        var W = A.value;
+        W.removeAttribute("aria-hidden");
+      }
+    } catch (H) {
+      w = !0, M = H;
+    } finally {
+      try {
+        !s && D.return && D.return();
+      } finally {
+        if (w)
+          throw M;
+      }
+    }
+  }
+  function v() {
+    f = null;
+  }
+  return X;
+}
+var ie = {}, Qe;
+function Vt() {
+  if (Qe) return ie;
+  Qe = 1, Object.defineProperty(ie, "__esModule", {
+    value: !0
+  }), ie.resetState = u, ie.log = f;
+  var l = {}, r = {};
+  function y(x, h) {
+    x.classList.remove(h);
+  }
+  function u() {
+    var x = document.getElementsByTagName("html")[0];
+    for (var h in l)
+      y(x, l[h]);
+    var o = document.body;
+    for (var v in r)
+      y(o, r[v]);
+    l = {}, r = {};
+  }
+  function f() {
+    if (process.env.NODE_ENV !== "production") {
+      var x = document.getElementsByTagName("html")[0].className, h = `Show tracked classes:
+
+`;
+      h += "<html /> (" + x + `):
+  `;
+      for (var o in l)
+        h += "  " + o + " " + l[o] + `
+  `;
+      x = document.body.className, h += `
+
+doc.body (` + x + `):
+  `;
+      for (var v in r)
+        h += "  " + v + " " + r[v] + `
+  `;
+      h += `
+`, console.log(h);
+    }
+  }
+  var b = function(h, o) {
+    return h[o] || (h[o] = 0), h[o] += 1, o;
+  }, m = function(h, o) {
+    return h[o] && (h[o] -= 1), o;
+  }, t = function(h, o, v) {
+    v.forEach(function(g) {
+      b(o, g), h.add(g);
+    });
+  }, C = function(h, o, v) {
+    v.forEach(function(g) {
+      m(o, g), o[g] === 0 && h.remove(g);
+    });
+  };
+  return ie.add = function(h, o) {
+    return t(h.classList, h.nodeName.toLowerCase() == "html" ? l : r, o.split(" "));
+  }, ie.remove = function(h, o) {
+    return C(h.classList, h.nodeName.toLowerCase() == "html" ? l : r, o.split(" "));
+  }, ie;
+}
+var fe = {}, et;
+function dt() {
+  if (et) return fe;
+  et = 1, Object.defineProperty(fe, "__esModule", {
+    value: !0
+  }), fe.log = u, fe.resetState = f;
+  function l(b, m) {
+    if (!(b instanceof m))
+      throw new TypeError("Cannot call a class as a function");
+  }
+  var r = function b() {
+    var m = this;
+    l(this, b), this.register = function(t) {
+      if (m.openInstances.indexOf(t) !== -1) {
+        process.env.NODE_ENV !== "production" && console.warn("React-Modal: Cannot register modal instance that's already open");
+        return;
+      }
+      m.openInstances.push(t), m.emit("register");
+    }, this.deregister = function(t) {
+      var C = m.openInstances.indexOf(t);
+      if (C === -1) {
+        process.env.NODE_ENV !== "production" && console.warn("React-Modal: Unable to deregister " + t + " as it was never registered");
+        return;
+      }
+      m.openInstances.splice(C, 1), m.emit("deregister");
+    }, this.subscribe = function(t) {
+      m.subscribers.push(t);
+    }, this.emit = function(t) {
+      m.subscribers.forEach(function(C) {
+        return C(
+          t,
+          // shallow copy to avoid accidental mutation
+          m.openInstances.slice()
+        );
+      });
+    }, this.openInstances = [], this.subscribers = [];
+  }, y = new r();
+  function u() {
+    console.log("portalOpenInstances ----------"), console.log(y.openInstances.length), y.openInstances.forEach(function(b) {
+      return console.log(b);
+    }), console.log("end portalOpenInstances ----------");
+  }
+  function f() {
+    y = new r();
+  }
+  return fe.default = y, fe;
+}
+var ge = {}, tt;
+function Gt() {
+  if (tt) return ge;
+  tt = 1, Object.defineProperty(ge, "__esModule", {
+    value: !0
+  }), ge.resetState = m, ge.log = t;
+  var l = dt(), r = y(l);
+  function y(h) {
+    return h && h.__esModule ? h : { default: h };
+  }
+  var u = void 0, f = void 0, b = [];
+  function m() {
+    for (var h = [u, f], o = 0; o < h.length; o++) {
+      var v = h[o];
+      v && v.parentNode && v.parentNode.removeChild(v);
+    }
+    u = f = null, b = [];
+  }
+  function t() {
+    console.log("bodyTrap ----------"), console.log(b.length);
+    for (var h = [u, f], o = 0; o < h.length; o++) {
+      var v = h[o], g = v || {};
+      console.log(g.nodeName, g.className, g.id);
+    }
+    console.log("edn bodyTrap ----------");
+  }
+  function C() {
+    if (b.length === 0) {
+      process.env.NODE_ENV !== "production" && console.warn("React-Modal: Open instances > 0 expected");
+      return;
+    }
+    b[b.length - 1].focusContent();
+  }
+  function x(h, o) {
+    !u && !f && (u = document.createElement("div"), u.setAttribute("data-react-modal-body-trap", ""), u.style.position = "absolute", u.style.opacity = "0", u.setAttribute("tabindex", "0"), u.addEventListener("focus", C), f = u.cloneNode(), f.addEventListener("focus", C)), b = o, b.length > 0 ? (document.body.firstChild !== u && document.body.insertBefore(u, document.body.firstChild), document.body.lastChild !== f && document.body.appendChild(f)) : (u.parentElement && u.parentElement.removeChild(u), f.parentElement && f.parentElement.removeChild(f));
+  }
+  return r.default.subscribe(x), ge;
+}
+var nt;
+function Kt() {
+  return nt || (nt = 1, function(l, r) {
+    Object.defineProperty(r, "__esModule", {
+      value: !0
+    });
+    var y = Object.assign || function(i) {
+      for (var c = 1; c < arguments.length; c++) {
+        var E = arguments[c];
+        for (var e in E)
+          Object.prototype.hasOwnProperty.call(E, e) && (i[e] = E[e]);
+      }
+      return i;
+    }, u = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(i) {
+      return typeof i;
+    } : function(i) {
+      return i && typeof Symbol == "function" && i.constructor === Symbol && i !== Symbol.prototype ? "symbol" : typeof i;
+    }, f = /* @__PURE__ */ function() {
+      function i(c, E) {
+        for (var e = 0; e < E.length; e++) {
+          var d = E[e];
+          d.enumerable = d.enumerable || !1, d.configurable = !0, "value" in d && (d.writable = !0), Object.defineProperty(c, d.key, d);
+        }
+      }
+      return function(c, E, e) {
+        return E && i(c.prototype, E), e && i(c, e), c;
+      };
+    }(), b = ye, m = /* @__PURE__ */ st(), t = N(m), C = Bt(), x = H(C), h = Ut(), o = N(h), v = ft(), g = H(v), s = Vt(), w = H(s), M = ke(), D = N(M), A = dt(), W = N(A);
+    Gt();
+    function H(i) {
+      if (i && i.__esModule)
+        return i;
+      var c = {};
+      if (i != null)
+        for (var E in i)
+          Object.prototype.hasOwnProperty.call(i, E) && (c[E] = i[E]);
+      return c.default = i, c;
+    }
+    function N(i) {
+      return i && i.__esModule ? i : { default: i };
+    }
+    function I(i, c) {
+      if (!(i instanceof c))
+        throw new TypeError("Cannot call a class as a function");
+    }
+    function T(i, c) {
+      if (!i)
+        throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+      return c && (typeof c == "object" || typeof c == "function") ? c : i;
+    }
+    function R(i, c) {
+      if (typeof c != "function" && c !== null)
+        throw new TypeError("Super expression must either be null or a function, not " + typeof c);
+      i.prototype = Object.create(c && c.prototype, { constructor: { value: i, enumerable: !1, writable: !0, configurable: !0 } }), c && (Object.setPrototypeOf ? Object.setPrototypeOf(i, c) : i.__proto__ = c);
+    }
+    var k = {
+      overlay: "ReactModal__Overlay",
+      content: "ReactModal__Content"
+    }, L = function(c) {
+      return c.code === "Tab" || c.keyCode === 9;
+    }, p = function(c) {
+      return c.code === "Escape" || c.keyCode === 27;
+    }, a = 0, O = function(i) {
+      R(c, i);
+      function c(E) {
+        I(this, c);
+        var e = T(this, (c.__proto__ || Object.getPrototypeOf(c)).call(this, E));
+        return e.setOverlayRef = function(d) {
+          e.overlay = d, e.props.overlayRef && e.props.overlayRef(d);
+        }, e.setContentRef = function(d) {
+          e.content = d, e.props.contentRef && e.props.contentRef(d);
+        }, e.afterClose = function() {
+          var d = e.props, _ = d.appElement, S = d.ariaHideApp, j = d.htmlOpenClassName, q = d.bodyOpenClassName, z = d.parentSelector, te = z && z().ownerDocument || document;
+          q && w.remove(te.body, q), j && w.remove(te.getElementsByTagName("html")[0], j), S && a > 0 && (a -= 1, a === 0 && g.show(_)), e.props.shouldFocusAfterRender && (e.props.shouldReturnFocusAfterClose ? (x.returnFocus(e.props.preventScroll), x.teardownScopedFocus()) : x.popWithoutFocus()), e.props.onAfterClose && e.props.onAfterClose(), W.default.deregister(e);
+        }, e.open = function() {
+          e.beforeOpen(), e.state.afterOpen && e.state.beforeClose ? (clearTimeout(e.closeTimer), e.setState({ beforeClose: !1 })) : (e.props.shouldFocusAfterRender && (x.setupScopedFocus(e.node), x.markForFocusLater()), e.setState({ isOpen: !0 }, function() {
+            e.openAnimationFrame = requestAnimationFrame(function() {
+              e.setState({ afterOpen: !0 }), e.props.isOpen && e.props.onAfterOpen && e.props.onAfterOpen({
+                overlayEl: e.overlay,
+                contentEl: e.content
+              });
+            });
+          }));
+        }, e.close = function() {
+          e.props.closeTimeoutMS > 0 ? e.closeWithTimeout() : e.closeWithoutTimeout();
+        }, e.focusContent = function() {
+          return e.content && !e.contentHasFocus() && e.content.focus({ preventScroll: !0 });
+        }, e.closeWithTimeout = function() {
+          var d = Date.now() + e.props.closeTimeoutMS;
+          e.setState({ beforeClose: !0, closesAt: d }, function() {
+            e.closeTimer = setTimeout(e.closeWithoutTimeout, e.state.closesAt - Date.now());
+          });
+        }, e.closeWithoutTimeout = function() {
+          e.setState({
+            beforeClose: !1,
+            isOpen: !1,
+            afterOpen: !1,
+            closesAt: null
+          }, e.afterClose);
+        }, e.handleKeyDown = function(d) {
+          L(d) && (0, o.default)(e.content, d), e.props.shouldCloseOnEsc && p(d) && (d.stopPropagation(), e.requestClose(d));
+        }, e.handleOverlayOnClick = function(d) {
+          e.shouldClose === null && (e.shouldClose = !0), e.shouldClose && e.props.shouldCloseOnOverlayClick && (e.ownerHandlesClose() ? e.requestClose(d) : e.focusContent()), e.shouldClose = null;
+        }, e.handleContentOnMouseUp = function() {
+          e.shouldClose = !1;
+        }, e.handleOverlayOnMouseDown = function(d) {
+          !e.props.shouldCloseOnOverlayClick && d.target == e.overlay && d.preventDefault();
+        }, e.handleContentOnClick = function() {
+          e.shouldClose = !1;
+        }, e.handleContentOnMouseDown = function() {
+          e.shouldClose = !1;
+        }, e.requestClose = function(d) {
+          return e.ownerHandlesClose() && e.props.onRequestClose(d);
+        }, e.ownerHandlesClose = function() {
+          return e.props.onRequestClose;
+        }, e.shouldBeClosed = function() {
+          return !e.state.isOpen && !e.state.beforeClose;
+        }, e.contentHasFocus = function() {
+          return document.activeElement === e.content || e.content.contains(document.activeElement);
+        }, e.buildClassName = function(d, _) {
+          var S = (typeof _ > "u" ? "undefined" : u(_)) === "object" ? _ : {
+            base: k[d],
+            afterOpen: k[d] + "--after-open",
+            beforeClose: k[d] + "--before-close"
+          }, j = S.base;
+          return e.state.afterOpen && (j = j + " " + S.afterOpen), e.state.beforeClose && (j = j + " " + S.beforeClose), typeof _ == "string" && _ ? j + " " + _ : j;
+        }, e.attributesFromObject = function(d, _) {
+          return Object.keys(_).reduce(function(S, j) {
+            return S[d + "-" + j] = _[j], S;
+          }, {});
+        }, e.state = {
+          afterOpen: !1,
+          beforeClose: !1
+        }, e.shouldClose = null, e.moveFromContentToOverlay = null, e;
+      }
+      return f(c, [{
+        key: "componentDidMount",
+        value: function() {
+          this.props.isOpen && this.open();
+        }
+      }, {
+        key: "componentDidUpdate",
+        value: function(e, d) {
+          process.env.NODE_ENV !== "production" && (e.bodyOpenClassName !== this.props.bodyOpenClassName && console.warn('React-Modal: "bodyOpenClassName" prop has been modified. This may cause unexpected behavior when multiple modals are open.'), e.htmlOpenClassName !== this.props.htmlOpenClassName && console.warn('React-Modal: "htmlOpenClassName" prop has been modified. This may cause unexpected behavior when multiple modals are open.')), this.props.isOpen && !e.isOpen ? this.open() : !this.props.isOpen && e.isOpen && this.close(), this.props.shouldFocusAfterRender && this.state.isOpen && !d.isOpen && this.focusContent();
+        }
+      }, {
+        key: "componentWillUnmount",
+        value: function() {
+          this.state.isOpen && this.afterClose(), clearTimeout(this.closeTimer), cancelAnimationFrame(this.openAnimationFrame);
+        }
+      }, {
+        key: "beforeOpen",
+        value: function() {
+          var e = this.props, d = e.appElement, _ = e.ariaHideApp, S = e.htmlOpenClassName, j = e.bodyOpenClassName, q = e.parentSelector, z = q && q().ownerDocument || document;
+          j && w.add(z.body, j), S && w.add(z.getElementsByTagName("html")[0], S), _ && (a += 1, g.hide(d)), W.default.register(this);
+        }
+        // Don't steal focus from inner elements
+      }, {
+        key: "render",
+        value: function() {
+          var e = this.props, d = e.id, _ = e.className, S = e.overlayClassName, j = e.defaultStyles, q = e.children, z = _ ? {} : j.content, te = S ? {} : j.overlay;
+          if (this.shouldBeClosed())
+            return null;
+          var ce = {
+            ref: this.setOverlayRef,
+            className: this.buildClassName("overlay", S),
+            style: y({}, te, this.props.style.overlay),
+            onClick: this.handleOverlayOnClick,
+            onMouseDown: this.handleOverlayOnMouseDown
+          }, oe = y({
+            id: d,
+            ref: this.setContentRef,
+            style: y({}, z, this.props.style.content),
+            className: this.buildClassName("content", _),
+            tabIndex: "-1",
+            onKeyDown: this.handleKeyDown,
+            onMouseDown: this.handleContentOnMouseDown,
+            onMouseUp: this.handleContentOnMouseUp,
+            onClick: this.handleContentOnClick,
+            role: this.props.role,
+            "aria-label": this.props.contentLabel
+          }, this.attributesFromObject("aria", y({ modal: !0 }, this.props.aria)), this.attributesFromObject("data", this.props.data || {}), {
+            "data-testid": this.props.testId
+          }), P = this.props.contentElement(oe, q);
+          return this.props.overlayElement(ce, P);
+        }
+      }]), c;
+    }(b.Component);
+    O.defaultProps = {
+      style: {
+        overlay: {},
+        content: {}
+      },
+      defaultStyles: {}
+    }, O.propTypes = {
+      isOpen: t.default.bool.isRequired,
+      defaultStyles: t.default.shape({
+        content: t.default.object,
+        overlay: t.default.object
+      }),
+      style: t.default.shape({
+        content: t.default.object,
+        overlay: t.default.object
+      }),
+      className: t.default.oneOfType([t.default.string, t.default.object]),
+      overlayClassName: t.default.oneOfType([t.default.string, t.default.object]),
+      parentSelector: t.default.func,
+      bodyOpenClassName: t.default.string,
+      htmlOpenClassName: t.default.string,
+      ariaHideApp: t.default.bool,
+      appElement: t.default.oneOfType([t.default.instanceOf(D.default), t.default.instanceOf(M.SafeHTMLCollection), t.default.instanceOf(M.SafeNodeList), t.default.arrayOf(t.default.instanceOf(D.default))]),
+      onAfterOpen: t.default.func,
+      onAfterClose: t.default.func,
+      onRequestClose: t.default.func,
+      closeTimeoutMS: t.default.number,
+      shouldFocusAfterRender: t.default.bool,
+      shouldCloseOnOverlayClick: t.default.bool,
+      shouldReturnFocusAfterClose: t.default.bool,
+      preventScroll: t.default.bool,
+      role: t.default.string,
+      contentLabel: t.default.string,
+      aria: t.default.object,
+      data: t.default.object,
+      children: t.default.node,
+      shouldCloseOnEsc: t.default.bool,
+      overlayRef: t.default.func,
+      contentRef: t.default.func,
+      id: t.default.string,
+      overlayElement: t.default.func,
+      contentElement: t.default.func,
+      testId: t.default.string
+    }, r.default = O, l.exports = r.default;
+  }(Oe, Oe.exports)), Oe.exports;
+}
+function pt() {
+  var l = this.constructor.getDerivedStateFromProps(this.props, this.state);
+  l != null && this.setState(l);
+}
+function ht(l) {
+  function r(y) {
+    var u = this.constructor.getDerivedStateFromProps(l, y);
+    return u ?? null;
+  }
+  this.setState(r.bind(this));
+}
+function mt(l, r) {
+  try {
+    var y = this.props, u = this.state;
+    this.props = l, this.state = r, this.__reactInternalSnapshotFlag = !0, this.__reactInternalSnapshot = this.getSnapshotBeforeUpdate(
+      y,
+      u
+    );
+  } finally {
+    this.props = y, this.state = u;
+  }
+}
+pt.__suppressDeprecationWarning = !0;
+ht.__suppressDeprecationWarning = !0;
+mt.__suppressDeprecationWarning = !0;
+function Yt(l) {
+  var r = l.prototype;
+  if (!r || !r.isReactComponent)
+    throw new Error("Can only polyfill class components");
+  if (typeof l.getDerivedStateFromProps != "function" && typeof r.getSnapshotBeforeUpdate != "function")
+    return l;
+  var y = null, u = null, f = null;
+  if (typeof r.componentWillMount == "function" ? y = "componentWillMount" : typeof r.UNSAFE_componentWillMount == "function" && (y = "UNSAFE_componentWillMount"), typeof r.componentWillReceiveProps == "function" ? u = "componentWillReceiveProps" : typeof r.UNSAFE_componentWillReceiveProps == "function" && (u = "UNSAFE_componentWillReceiveProps"), typeof r.componentWillUpdate == "function" ? f = "componentWillUpdate" : typeof r.UNSAFE_componentWillUpdate == "function" && (f = "UNSAFE_componentWillUpdate"), y !== null || u !== null || f !== null) {
+    var b = l.displayName || l.name, m = typeof l.getDerivedStateFromProps == "function" ? "getDerivedStateFromProps()" : "getSnapshotBeforeUpdate()";
+    throw Error(
+      `Unsafe legacy lifecycles will not be called for components using new component APIs.
+
+` + b + " uses " + m + " but also contains the following legacy lifecycles:" + (y !== null ? `
+  ` + y : "") + (u !== null ? `
+  ` + u : "") + (f !== null ? `
+  ` + f : "") + `
+
+The above lifecycles should be removed. Learn more about this warning here:
+https://fb.me/react-async-component-lifecycle-hooks`
+    );
+  }
+  if (typeof l.getDerivedStateFromProps == "function" && (r.componentWillMount = pt, r.componentWillReceiveProps = ht), typeof r.getSnapshotBeforeUpdate == "function") {
+    if (typeof r.componentDidUpdate != "function")
+      throw new Error(
+        "Cannot polyfill getSnapshotBeforeUpdate() for components that do not define componentDidUpdate() on the prototype"
+      );
+    r.componentWillUpdate = mt;
+    var t = r.componentDidUpdate;
+    r.componentDidUpdate = function(x, h, o) {
+      var v = this.__reactInternalSnapshotFlag ? this.__reactInternalSnapshot : o;
+      t.call(this, x, h, v);
+    };
+  }
+  return l;
+}
+const Jt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  polyfill: Yt
+}, Symbol.toStringTag, { value: "Module" })), Xt = /* @__PURE__ */ Nt(Jt);
+var rt;
+function Zt() {
+  if (rt) return ae;
+  rt = 1, Object.defineProperty(ae, "__esModule", {
+    value: !0
+  }), ae.bodyOpenClassName = ae.portalClassName = void 0;
+  var l = Object.assign || function(p) {
+    for (var a = 1; a < arguments.length; a++) {
+      var O = arguments[a];
+      for (var i in O)
+        Object.prototype.hasOwnProperty.call(O, i) && (p[i] = O[i]);
+    }
+    return p;
+  }, r = /* @__PURE__ */ function() {
+    function p(a, O) {
+      for (var i = 0; i < O.length; i++) {
+        var c = O[i];
+        c.enumerable = c.enumerable || !1, c.configurable = !0, "value" in c && (c.writable = !0), Object.defineProperty(a, c.key, c);
+      }
+    }
+    return function(a, O, i) {
+      return O && p(a.prototype, O), i && p(a, i), a;
+    };
+  }(), y = ye, u = M(y), f = Rt, b = M(f), m = /* @__PURE__ */ st(), t = M(m), C = Kt(), x = M(C), h = ft(), o = w(h), v = ke(), g = M(v), s = Xt;
+  function w(p) {
+    if (p && p.__esModule)
+      return p;
+    var a = {};
+    if (p != null)
+      for (var O in p)
+        Object.prototype.hasOwnProperty.call(p, O) && (a[O] = p[O]);
+    return a.default = p, a;
+  }
+  function M(p) {
+    return p && p.__esModule ? p : { default: p };
+  }
+  function D(p, a) {
+    if (!(p instanceof a))
+      throw new TypeError("Cannot call a class as a function");
+  }
+  function A(p, a) {
+    if (!p)
+      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    return a && (typeof a == "object" || typeof a == "function") ? a : p;
+  }
+  function W(p, a) {
+    if (typeof a != "function" && a !== null)
+      throw new TypeError("Super expression must either be null or a function, not " + typeof a);
+    p.prototype = Object.create(a && a.prototype, { constructor: { value: p, enumerable: !1, writable: !0, configurable: !0 } }), a && (Object.setPrototypeOf ? Object.setPrototypeOf(p, a) : p.__proto__ = a);
+  }
+  var H = ae.portalClassName = "ReactModalPortal", N = ae.bodyOpenClassName = "ReactModal__Body--open", I = v.canUseDOM && b.default.createPortal !== void 0, T = function(a) {
+    return document.createElement(a);
+  }, R = function() {
+    return I ? b.default.createPortal : b.default.unstable_renderSubtreeIntoContainer;
+  };
+  function k(p) {
+    return p();
+  }
+  var L = function(p) {
+    W(a, p);
+    function a() {
+      var O, i, c, E;
+      D(this, a);
+      for (var e = arguments.length, d = Array(e), _ = 0; _ < e; _++)
+        d[_] = arguments[_];
+      return E = (i = (c = A(this, (O = a.__proto__ || Object.getPrototypeOf(a)).call.apply(O, [this].concat(d))), c), c.removePortal = function() {
+        !I && b.default.unmountComponentAtNode(c.node);
+        var S = k(c.props.parentSelector);
+        S && S.contains(c.node) ? S.removeChild(c.node) : console.warn('React-Modal: "parentSelector" prop did not returned any DOM element. Make sure that the parent element is unmounted to avoid any memory leaks.');
+      }, c.portalRef = function(S) {
+        c.portal = S;
+      }, c.renderPortal = function(S) {
+        var j = R(), q = j(c, u.default.createElement(x.default, l({ defaultStyles: a.defaultStyles }, S)), c.node);
+        c.portalRef(q);
+      }, i), A(c, E);
+    }
+    return r(a, [{
+      key: "componentDidMount",
+      value: function() {
+        if (v.canUseDOM) {
+          I || (this.node = T("div")), this.node.className = this.props.portalClassName;
+          var i = k(this.props.parentSelector);
+          i.appendChild(this.node), !I && this.renderPortal(this.props);
+        }
+      }
+    }, {
+      key: "getSnapshotBeforeUpdate",
+      value: function(i) {
+        var c = k(i.parentSelector), E = k(this.props.parentSelector);
+        return { prevParent: c, nextParent: E };
+      }
+    }, {
+      key: "componentDidUpdate",
+      value: function(i, c, E) {
+        if (v.canUseDOM) {
+          var e = this.props, d = e.isOpen, _ = e.portalClassName;
+          i.portalClassName !== _ && (this.node.className = _);
+          var S = E.prevParent, j = E.nextParent;
+          j !== S && (S.removeChild(this.node), j.appendChild(this.node)), !(!i.isOpen && !d) && !I && this.renderPortal(this.props);
+        }
+      }
+    }, {
+      key: "componentWillUnmount",
+      value: function() {
+        if (!(!v.canUseDOM || !this.node || !this.portal)) {
+          var i = this.portal.state, c = Date.now(), E = i.isOpen && this.props.closeTimeoutMS && (i.closesAt || c + this.props.closeTimeoutMS);
+          E ? (i.beforeClose || this.portal.closeWithTimeout(), setTimeout(this.removePortal, E - c)) : this.removePortal();
+        }
+      }
+    }, {
+      key: "render",
+      value: function() {
+        if (!v.canUseDOM || !I)
+          return null;
+        !this.node && I && (this.node = T("div"));
+        var i = R();
+        return i(u.default.createElement(x.default, l({
+          ref: this.portalRef,
+          defaultStyles: a.defaultStyles
+        }, this.props)), this.node);
+      }
+    }], [{
+      key: "setAppElement",
+      value: function(i) {
+        o.setElement(i);
+      }
+      /* eslint-disable react/no-unused-prop-types */
+      /* eslint-enable react/no-unused-prop-types */
+    }]), a;
+  }(y.Component);
+  return L.propTypes = {
+    isOpen: t.default.bool.isRequired,
+    style: t.default.shape({
+      content: t.default.object,
+      overlay: t.default.object
+    }),
+    portalClassName: t.default.string,
+    bodyOpenClassName: t.default.string,
+    htmlOpenClassName: t.default.string,
+    className: t.default.oneOfType([t.default.string, t.default.shape({
+      base: t.default.string.isRequired,
+      afterOpen: t.default.string.isRequired,
+      beforeClose: t.default.string.isRequired
+    })]),
+    overlayClassName: t.default.oneOfType([t.default.string, t.default.shape({
+      base: t.default.string.isRequired,
+      afterOpen: t.default.string.isRequired,
+      beforeClose: t.default.string.isRequired
+    })]),
+    appElement: t.default.oneOfType([t.default.instanceOf(g.default), t.default.instanceOf(v.SafeHTMLCollection), t.default.instanceOf(v.SafeNodeList), t.default.arrayOf(t.default.instanceOf(g.default))]),
+    onAfterOpen: t.default.func,
+    onRequestClose: t.default.func,
+    closeTimeoutMS: t.default.number,
+    ariaHideApp: t.default.bool,
+    shouldFocusAfterRender: t.default.bool,
+    shouldCloseOnOverlayClick: t.default.bool,
+    shouldReturnFocusAfterClose: t.default.bool,
+    preventScroll: t.default.bool,
+    parentSelector: t.default.func,
+    aria: t.default.object,
+    data: t.default.object,
+    role: t.default.string,
+    contentLabel: t.default.string,
+    shouldCloseOnEsc: t.default.bool,
+    overlayRef: t.default.func,
+    contentRef: t.default.func,
+    id: t.default.string,
+    overlayElement: t.default.func,
+    contentElement: t.default.func
+  }, L.defaultProps = {
+    isOpen: !1,
+    portalClassName: H,
+    bodyOpenClassName: N,
+    role: "dialog",
+    ariaHideApp: !0,
+    closeTimeoutMS: 0,
+    shouldFocusAfterRender: !0,
+    shouldCloseOnEsc: !0,
+    shouldCloseOnOverlayClick: !0,
+    shouldReturnFocusAfterClose: !0,
+    preventScroll: !1,
+    parentSelector: function() {
+      return document.body;
+    },
+    overlayElement: function(a, O) {
+      return u.default.createElement(
+        "div",
+        a,
+        O
+      );
+    },
+    contentElement: function(a, O) {
+      return u.default.createElement(
+        "div",
+        a,
+        O
+      );
+    }
+  }, L.defaultStyles = {
+    overlay: {
+      position: "fixed",
+      top: 0,
+      left: 0,
+      right: 0,
+      bottom: 0,
+      backgroundColor: "rgba(255, 255, 255, 0.75)"
+    },
+    content: {
+      position: "absolute",
+      top: "40px",
+      left: "40px",
+      right: "40px",
+      bottom: "40px",
+      border: "1px solid #ccc",
+      background: "#fff",
+      overflow: "auto",
+      WebkitOverflowScrolling: "touch",
+      borderRadius: "4px",
+      outline: "none",
+      padding: "20px"
+    }
+  }, (0, s.polyfill)(L), process.env.NODE_ENV !== "production" && (L.setCreateHTMLElement = function(p) {
+    return T = p;
+  }), ae.default = L, ae;
+}
+var lt;
+function Qt() {
+  return lt || (lt = 1, function(l, r) {
+    Object.defineProperty(r, "__esModule", {
+      value: !0
+    });
+    var y = Zt(), u = f(y);
+    function f(b) {
+      return b && b.__esModule ? b : { default: b };
+    }
+    r.default = u.default, l.exports = r.default;
+  }(Ce, Ce.exports)), Ce.exports;
+}
+var en = Qt();
+const gt = /* @__PURE__ */ ot(en), tn = (l) => {
+  const {
+    openState: r,
+    closePopupCallback: y,
+    headingIconFile: u,
+    headingText: f,
+    subHeadingText: b,
+    positiveButtonText: m,
+    negativeButtonText: t,
+    classNamePositiveBtn: C,
+    classNameNegativeBtn: x,
+    positiveActionCallback: h,
+    negativeActionCallback: o
+  } = l;
+  return /* @__PURE__ */ n.jsxs(
+    gt,
+    {
+      isOpen: r,
+      onRequestClose: y,
+      shouldCloseOnOverlayClick: !1,
+      style: {
+        overlay: {
+          backgroundColor: "rgba(52, 64, 84, 0.5)",
+          position: "fixed",
+          alignContent: "center",
+          justifyContent: "center",
+          zIndex: 1030,
+          display: r ? "block" : "none"
+        },
+        content: {
+          zIndex: 1030,
+          padding: "24px",
+          maxWidth: "750px",
+          maxHeight: "600px",
+          width: "400px",
+          height: "fit-content",
+          margin: "auto",
+          borderRadius: "12px",
+          overflow: "unset",
+          display: r ? "block" : "none"
+        }
+      },
+      children: [
+        u == "warning" && /* @__PURE__ */ n.jsx("div", { className: "hfl-hx_warning hfl-mb-4 hfl-flex hfl-h-12 hfl-w-12 hfl-items-center hfl-justify-center hfl-rounded-full hfl-border-8 hfl-border-Warning-50 hfl-bg-Warning-100 hfl-text-Warning-600", children: /* @__PURE__ */ n.jsx("i", { className: "hx_warning hfl-text-5" }) }),
+        /* @__PURE__ */ n.jsx($, { variant: "Medium", type: "Text xl", className: "hfl-mt-5 hfl-text-Gray-900", children: f }),
+        b && /* @__PURE__ */ n.jsx($, { variant: "Regular", type: "Text sm", className: "hfl-mt-1 hfl-text-Gray-500 ", children: b }),
+        /* @__PURE__ */ n.jsxs("div", { className: "hfl-mt-4 hfl-flex hfl-items-center hfl-justify-center hfl-gap-4", children: [
+          t && /* @__PURE__ */ n.jsx(
+            be,
+            {
+              size: "md",
+              textField: t,
+              hierarchy: "Primary",
+              className: x || "",
+              onClick: o,
+              "data-qa": "negative-action"
+            }
+          ),
+          m && /* @__PURE__ */ n.jsx(
+            be,
+            {
+              size: "md",
+              textField: m,
+              hierarchy: "Secondary",
+              className: C || "",
+              onClick: h,
+              "data-qa": "positive-action"
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}, nn = ({ open: l, onCancel: r, onCopySave: y, rowMedicineData: u, getMedicineOptions: f }) => {
+  const [b, m] = K([]), [t, C] = K(""), [x, h] = K([]), o = G(
+    async (w) => {
+      const D = (await f?.(w))?.map(
+        (A) => ({
+          label: A.doctorMedicineName,
+          value: A
+        })
+      );
+      h(D || []);
+    },
+    [f]
+  );
+  re(() => {
+    l && o(t);
+  }, [t, o, l]);
+  const v = (w) => {
+    const M = w.value;
+    b.some(
+      (A) => A.medicineId === M.medicineId && A.doctorMedicineName.trim().toLowerCase() === M.doctorMedicineName.trim().toLowerCase()
+    ) || m((A) => [...A, M]), C(""), h([]);
+  }, g = (w) => {
+    m((M) => M.filter((D) => D.medicineId !== w));
+  }, s = async () => {
+    t.trim() || await o("");
+  };
+  return /* @__PURE__ */ n.jsxs(
+    gt,
+    {
+      isOpen: l,
+      onRequestClose: r,
+      shouldCloseOnOverlayClick: !1,
+      style: {
+        overlay: {
+          backgroundColor: "rgba(52, 64, 84, 0.5)",
+          zIndex: 1030
+        },
+        content: {
+          zIndex: 1031,
+          maxWidth: "600px",
+          maxHeight: "50vh",
+          height: "auto",
+          margin: "auto",
+          borderRadius: "12px",
+          padding: "0px",
+          display: "flex",
+          flexDirection: "column"
+        }
+      },
+      children: [
+        /* @__PURE__ */ n.jsx(
+          $,
+          {
+            variant: "Bold",
+            type: "Text lg",
+            className: "hfl-text-White hfl-bg-gradient_primary_600_500_90 hfl-px-6 hfl-py-2",
+            children: "Please select medicine to copy"
+          }
+        ),
+        /* @__PURE__ */ n.jsxs("div", { className: "hfl-px-6 hfl-py-5 hfl-flex hfl-flex-col hfl-gap-6 hfl-overflow-y-auto hfl-flex-1", children: [
+          /* @__PURE__ */ n.jsx(
+            B,
+            {
+              inputValue: t,
+              showInput: !0,
+              isSearchable: !0,
+              disableInputAutoSize: !0,
+              inputChangeHandler: C,
+              onChangeHandler: v,
+              onInputFocus: s,
+              options: x,
+              placeholder: "Search for medicines"
+            }
+          ),
+          /* @__PURE__ */ n.jsx("div", { className: "hfl-flex hfl-flex-wrap hfl-gap-2", children: b.map((w) => /* @__PURE__ */ n.jsxs(
+            "div",
+            {
+              className: "hfl-flex hfl-items-center hfl-bg-Gray-100 hfl-px-2 hfl-py-0.5 hfl-rounded-md hfl-gap-1",
+              children: [
+                /* @__PURE__ */ n.jsx($, { variant: "Regular", type: "Text sm", className: "hfl-text-nowrap", children: w.doctorMedicineName }),
+                /* @__PURE__ */ n.jsx("button", { className: "hfl-text-Blue_gray-800", onClick: () => g(w.medicineId), children: /* @__PURE__ */ n.jsx("i", { className: "hx_close" }) })
+              ]
+            },
+            w.doctorMedicineName + w.medicineId
+          )) })
+        ] }),
+        /* @__PURE__ */ n.jsxs("div", { className: "hfl-flex hfl-justify-end hfl-gap-2.5 hfl-bg-Gray-50 hfl-px-7 hfl-py-3 hfl-border-t hfl-border-Gray-200", children: [
+          /* @__PURE__ */ n.jsx(be, { size: "md", textField: "Cancel", onClick: r, hierarchy: "Secondary-Grey" }),
+          /* @__PURE__ */ n.jsx(
+            be,
+            {
+              size: "md",
+              textField: "Save",
+              disabled: !b || b.length == 0,
+              onClick: async () => {
+                await y(u, b) && r();
+              },
+              className: "hfl-bg-Primary-600 hfl-text-White disabled:hfl-opacity-50 disabled:hfl-cursor-not-allowed",
+              hierarchy: "Primary"
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}, sn = Mt(
+  ({
+    data: l = [],
+    variant: r,
+    externallyTriggeredEditRowIds: y = [],
+    externallyTriggeredEditMode: u = !1,
+    allowCustomMedicineInput: f = !0,
+    getMedicineOptions: b,
+    onRowChange: m,
+    onRowDelete: t,
+    onRowCopy: C,
+    onSaveRow: x,
+    externalSaveTrigger: h,
+    setSearchDisabled: o
+  }, v) => {
+    const [g, s] = K(null), [w, M] = K(!1), [D, A] = K(), W = G(
+      (p, a, O) => {
+        const i = l.find((E) => E.rowId === p);
+        if (!i) return;
+        const c = { ...i, ...a };
+        m?.(c, O || void 0);
+      },
+      [l, m]
+    ), H = G(async () => {
+      const p = l.filter((a) => a.isEditing && a.medicine_name);
+      if (p.length !== 0)
+        try {
+          await x?.(p) && p.forEach((O) => {
+            m?.({ ...O, isEditing: !1 });
+          });
+        } catch (a) {
+          console.error("Bulk save failed", a);
+        } finally {
+          o?.(!1);
+        }
+    }, [l, x, m, o]);
+    re(() => {
+      h && H();
+    }, [h, H]), re(() => {
+      const p = l.some((a) => a.isEditing);
+      o?.(p);
+    }, [l, o]);
+    const N = G((p) => {
+      A(p), M(!0);
+    }, []), I = G(async () => {
+      if (g)
+        try {
+          await t?.(g);
+        } catch (p) {
+          console.error("Delete failed", p);
+        } finally {
+          s(null);
+        }
+    }, [g, t]), T = G(() => {
+      s(null);
+    }, []), R = G(
+      async (p) => {
+        try {
+          return await x?.([p]) ? (m?.({ ...p, isEditing: !1 }), !0) : !1;
+        } catch (a) {
+          return console.error("Save row failed", a), !1;
+        }
+      },
+      [x, m]
+    ), k = G(async () => {
+      const p = l.filter((a) => a.isEditing && a.medicine_name);
+      if (p.length === 0) return !0;
+      try {
+        const a = await x?.(p);
+        return a && l.map((i) => i.isEditing ? { ...i, isEditing: !1 } : i).forEach((i) => m?.(i)), !!a;
+      } catch (a) {
+        return console.error("External bulk save failed", a), !1;
+      }
+    }, [l, x, m]);
+    jt(v, () => ({
+      triggerExternalSave: k
+    }));
+    const L = {
+      variant: r,
+      externallyTriggeredEditMode: u,
+      externallyTriggeredEditRowIds: y,
+      getMedicineOptions: b,
+      onRowChange: (p, a) => {
+        W(p.rowId, p, a), m?.(p, a);
+      },
+      onRowDelete: t,
+      onRowCopy: C,
+      setRowToDelete: s,
+      openPopupForRow: N
+    };
+    return /* @__PURE__ */ n.jsxs("div", { className: "hfl-border-1 hfl-border-Gray-200", children: [
+      /* @__PURE__ */ n.jsx("div", { className: "table-header hfl-grid hfl-grid-cols-[1.36fr_1.36fr_1.02fr_1.25fr_2.27fr_1.36fr_1.36fr] hfl-gap-2 hfl-py-2 hfl-px-2 hfl-font-bold hfl-border-b-1 hfl-border-Gray-200 hfl-bg-Blue_gray-50", children: It.map((p) => /* @__PURE__ */ n.jsx($, { variant: "Medium", type: "Text sm", className: "hfl-text-Blue_gray-600", children: p }, p)) }),
+      /* @__PURE__ */ n.jsxs(it.Provider, { value: L, children: [
+        /* @__PURE__ */ n.jsx("div", { className: "table-body", children: l.length === 0 ? /* @__PURE__ */ n.jsx($, { variant: "Medium", type: "Text sm", className: "hfl-text-Blue_gray-600 hfl-px-2 hfl-py-3", children: "No medicines added" }) : l.map((p) => /* @__PURE__ */ n.jsx(
+          Wt,
+          {
+            rowData: p,
+            isEditing: p.isEditing || !1,
+            setIsEditing: (a) => W(p.rowId, { isEditing: a }),
+            onSaveRow: R,
+            allowCustomMedicineInput: f
+          },
+          p.rowId
+        )) }),
+        /* @__PURE__ */ n.jsx(
+          tn,
+          {
+            headingText: "Delete Medicine",
+            subHeadingText: "Are you sure you want to delete this medicine?",
+            openState: !!g,
+            positiveButtonText: "Delete",
+            negativeButtonText: "Cancel",
+            positiveActionCallback: I,
+            negativeActionCallback: T,
+            classNameNegativeBtn: "hfl-bg-Blue-600",
+            classNamePositiveBtn: "hfl-bg-Error-500 hover:hfl-bg-Error-700 hfl-text-White",
+            closePopupCallback: T
+          }
+        ),
+        /* @__PURE__ */ n.jsx(
+          nn,
+          {
+            open: w,
+            onCancel: () => M(!1),
+            onCopySave: C,
+            rowMedicineData: D,
+            getMedicineOptions: b
+          }
+        )
+      ] })
+    ] });
+  }
+);
+export {
+  sn as P
+};