hplx-feature-library 1.0.159 → 1.0.160

package/dist/PediatricsCalculatorTable-Dwluo5W0.js

@@ -1,2163 +0,0 @@
-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
-};