@feedmepos/mf-hrm-portal 2.0.25 → 2.1.0-dev.2

package/dist/TeamMemberList-BYQnNIhT.js

@@ -0,0 +1,1169 @@
+import { defineComponent as Ve, resolveComponent as P, createElementBlock as N, openBlock as b, createElementVNode as r, createVNode as d, toDisplayString as C, unref as l, ref as f, computed as R, createCommentVNode as q, withCtx as ue, createBlock as K, watch as pe, Fragment as Ae, renderList as rs, withKeys as Te, withModifiers as Fe, nextTick as is, onUnmounted as us, h as ms, createTextVNode as ds } from "vue";
+import { useI18n as we, useCoreStore as je, baseClientInstance as qe } from "@feedmepos/mf-common";
+import { useSnackbar as Qe, useDialog as Ye, useBreakpoints as He, components as Oe } from "@feedmepos/ui-library";
+import { u as cs } from "./useDebounce-B8ZPVS5C.js";
+import { _ as ps, S as be } from "./SelectFilter-ATOm0hdn.js";
+import { v as Ke, m as vs, b as fs, _ as bs, a as hs } from "./app-CJouCBgi.js";
+import { u as ys, _ as _s } from "./useDiscardConfirm-DPhEV6v0.js";
+import { _ as gs } from "./TableEmptyState.vue_vue_type_script_setup_true_lang-Ci_MVqGK.js";
+import { _ as xs } from "./Skeleton.vue_vue_type_script_setup_true_lang-B4PxNMwq.js";
+import { u as Ss } from "./useLoading-CNqlchYO.js";
+import { l as Se } from "./lodash-BlZhpHhM.js";
+import { g as ze, d as ve, u as es } from "./iteration-QRRNYlps.js";
+import { u as ss, c as Be, d as Ge, m as Ne, i as ts, p as We, j as Us, k as Je, l as Xe, n as Fs, o as Vs, s as ws, q as Ps, v as Is, t as Ue } from "./rule-Dy7eMChN.js";
+import { u as as } from "./useAppStore-CtMoad7V.js";
+import { u as ls } from "./PortalUserSearcher.vue_vue_type_style_index_0_scoped_a439fdd8_lang-BHxCP_uW.js";
+import { _ as ks } from "./PortalPermissionEditor.vue_vue_type_script_setup_true_lang-Bk6ub3Dv.js";
+var ye = /* @__PURE__ */ ((c) => (c.Update = "Update", c.Remove = "Remove", c))(ye || {});
+const $s = { class: "w-full flex flex-col gap-16" }, Rs = { class: "flex items-center gap-16" }, Cs = { class: "space-y-4 min-w-0 flex-1" }, Ms = { class: "text-fm-color-typo-secondary fm-typo-en-body-lg-400" }, Ns = { class: "fm-typo-en-body-lg-600 truncate" }, As = { class: "w-full flex gap-16 items-center" }, Ds = { class: "flex-1 flex flex-col gap-4 min-w-0" }, Os = { class: "text-fm-color-typo-secondary fm-typo-en-body-lg-400" }, Bs = { class: "fm-typo-en-body-lg-600 truncate" }, Es = { class: "flex-1 flex flex-col gap-4 min-w-0" }, js = { class: "text-fm-color-typo-secondary fm-typo-en-body-lg-400" }, Ls = { class: "fm-typo-en-body-lg-600 truncate" }, Ts = /* @__PURE__ */ Ve({
+  __name: "MemberInfo",
+  props: {
+    data: {}
+  },
+  setup(c) {
+    const { t: A } = we();
+    return (n, a) => {
+      const p = P("FmAvatar");
+      return b(), N("div", $s, [
+        r("div", Rs, [
+          d(p, {
+            size: "xl",
+            name: c.data.name
+          }, null, 8, ["name"]),
+          r("div", Cs, [
+            r("p", Ms, C(l(A)("team.memberForm.memberInfo.memberName")), 1),
+            r("p", Ns, C(c.data.name || "--"), 1)
+          ])
+        ]),
+        r("div", As, [
+          r("div", Ds, [
+            r("p", Os, C(l(A)("team.memberForm.memberInfo.mobileNumber")), 1),
+            r("p", Bs, C(c.data.phoneNumber || "--"), 1)
+          ]),
+          r("div", Es, [
+            r("p", js, C(l(A)("team.memberForm.memberInfo.emailAddress")), 1),
+            r("p", Ls, C(c.data.email || "--"), 1)
+          ])
+        ])
+      ]);
+    };
+  }
+}), Ze = {
+  async readPermissionUserByPhoneNo(c) {
+    var n;
+    const { currentBusiness: A } = je();
+    return ze(
+      await qe("/").get(`/user/b/${(n = A.value) == null ? void 0 : n._id}/phone/${c}`)
+    );
+  },
+  async readPermissionUserByEmail(c) {
+    var n;
+    const { currentBusiness: A } = je();
+    return ze(
+      await qe("/").get(`/user/b/${(n = A.value) == null ? void 0 : n._id}/email/${c}`)
+    );
+  }
+}, qs = { class: "flex flex-col gap-24 w-full" }, Ks = {
+  key: 0,
+  class: "flex flex-col gap-8"
+}, zs = { class: "user-info-icon user-info-icon--lg" }, Gs = { class: "flex-1 overflow-hidden" }, Ws = { class: "profile-displayName" }, Js = { class: "profile-email" }, Xs = { class: "profile-phone" }, Zs = { key: 2 }, Qs = /* @__PURE__ */ Ve({
+  __name: "PortalUserSearcher",
+  emits: ["invite"],
+  setup(c, { emit: A }) {
+    const n = A, { t: a } = we(), p = Qe(), { supportedCountries: D, ready: I } = ls(), U = f("phone"), z = f(""), k = f(""), h = f();
+    async function v() {
+      if (!z.value && !k.value) {
+        p.open({
+          type: "error",
+          title: a("team.memberForm.searchUser.emptyError")
+        });
+        return;
+      }
+      const y = U.value === "phone" ? await Ze.readPermissionUserByPhoneNo(z.value.replace(/ /g, "")) : await Ze.readPermissionUserByEmail(k.value);
+      y || p.open({
+        type: "error",
+        title: a("team.memberForm.searchUser.userNotFound")
+      }), h.value = y;
+    }
+    const g = R(() => {
+      var W;
+      let y = ((W = h.value) == null ? void 0 : W.displayName) ?? "";
+      y || (y = "Feed Me");
+      const [V, E] = y.split(" ");
+      return E ? `${V[0]}${E[0]}` : V.slice(0, 2);
+    }), X = f(!1);
+    function G(y) {
+      n("invite", y), X.value = !0;
+    }
+    function j() {
+      X.value = !1;
+    }
+    return (y, V) => {
+      var Z, Q, O;
+      const E = P("FmRadio"), W = P("FmPhoneNumber"), i = P("FmCircularProgress"), o = P("FmTextField"), _ = P("FmRadioGroup"), w = P("FmButton");
+      return b(), N("div", qs, [
+        X.value ? q("", !0) : (b(), N("div", Ks, [
+          d(_, {
+            modelValue: U.value,
+            "onUpdate:modelValue": V[2] || (V[2] = ($) => U.value = $)
+          }, {
+            default: ue(() => [
+              d(E, {
+                value: "phone",
+                label: l(a)("team.memberForm.searchUser.phoneNumber")
+              }, null, 8, ["label"]),
+              U.value === "phone" && l(I) ? (b(), K(W, {
+                key: 0,
+                modelValue: z.value,
+                "onUpdate:modelValue": V[0] || (V[0] = ($) => z.value = $),
+                "extra-country-codes": l(D),
+                class: "ml-8"
+              }, null, 8, ["modelValue", "extra-country-codes"])) : U.value === "phone" ? (b(), K(i, {
+                key: 1,
+                class: "ml-8"
+              })) : q("", !0),
+              d(E, {
+                value: "email",
+                label: l(a)("team.memberForm.searchUser.email")
+              }, null, 8, ["label"]),
+              U.value === "email" ? (b(), K(o, {
+                key: 2,
+                modelValue: k.value,
+                "onUpdate:modelValue": V[1] || (V[1] = ($) => k.value = $),
+                placeholder: l(a)("team.memberForm.searchUser.emailPlaceholder"),
+                class: "ml-8"
+              }, null, 8, ["modelValue", "placeholder"])) : q("", !0)
+            ]),
+            _: 1
+          }, 8, ["modelValue"]),
+          d(w, {
+            label: l(a)("team.memberForm.searchUser.search"),
+            variant: "secondary",
+            onClick: v
+          }, null, 8, ["label"])
+        ])),
+        h.value ? (b(), N("div", {
+          key: 1,
+          class: "profile-menu--profile cursor-pointer hover:bg-fm-color-opacity-sm",
+          onClick: V[3] || (V[3] = ($) => G(h.value))
+        }, [
+          r("div", zs, C(g.value), 1),
+          r("div", Gs, [
+            r("p", Ws, C((Z = h.value) == null ? void 0 : Z.displayName), 1),
+            r("p", Js, C((Q = h.value) == null ? void 0 : Q.email), 1),
+            r("p", Xs, C((O = h.value) == null ? void 0 : O.phoneNumber), 1)
+          ])
+        ])) : q("", !0),
+        X.value ? (b(), N("div", Zs, [
+          d(w, {
+            label: l(a)("team.memberForm.searchUser.changeUser"),
+            variant: "secondary",
+            onClick: j
+          }, null, 8, ["label"])
+        ])) : q("", !0)
+      ]);
+    };
+  }
+}), Ys = /* @__PURE__ */ ps(Qs, [["__scopeId", "data-v-a439fdd8"]]), Hs = { class: "flex flex-col gap-40" }, et = { class: "flex items-center" }, st = { class: "flex-1 flex flex-col" }, tt = { class: "fm-typo-en-title-sm-600" }, at = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, lt = { class: "flex flex-row gap-16" }, ot = { class: "flex flex-col gap-8" }, nt = { class: "fm-typo-en-body-lg-400" }, rt = { class: "space-y-16 rounded-lg border border-fm-color-neutral-gray-200 p-16" }, it = { class: "fm-typo-en-title-sm-600" }, ut = { class: "space-y-16" }, mt = { class: "grid grid-cols-[minmax(0,1fr)_minmax(0,1fr)_auto] gap-16" }, dt = { class: "text-sm font-semibold text-fm-color-typo-primary" }, ct = { class: "text-sm font-semibold text-fm-color-typo-primary" }, pt = { class: "flex justify-self-end" }, vt = ["aria-label", "onClick", "onKeydown"], Ee = 4, ft = /* @__PURE__ */ Ve({
+  __name: "TeamMemberMasterUser",
+  props: {
+    modelValue: {
+      type: Object,
+      default: void 0
+    },
+    fallbackName: {
+      type: String,
+      required: !0
+    },
+    fallbackPasscode: {
+      type: String,
+      default: void 0
+    },
+    restaurants: {
+      type: Array,
+      required: !0
+    },
+    roles: {
+      type: Array,
+      required: !0
+    }
+  },
+  emits: ["update:model-value"],
+  setup(c, { emit: A }) {
+    const n = c, a = A, { t: p } = we(), D = f(!0), I = f([]);
+    function U() {
+      return { restaurantId: "", roleId: "" };
+    }
+    const z = R(
+      () => {
+        var i;
+        return ((i = n.modelValue) == null ? void 0 : i.roles.map((o) => o.restaurantId).filter(Boolean)) ?? [];
+      }
+    );
+    function k(i) {
+      i ? n.modelValue || a("update:model-value", {
+        code: "",
+        name: n.fallbackName,
+        roles: [U()],
+        passcode: n.fallbackPasscode || ""
+      }) : a("update:model-value", null);
+    }
+    function h(i, o) {
+      if (!n.modelValue || i === "passcode" && n.modelValue.passcode === o) return;
+      const _ = ve(n.modelValue);
+      _[i] = o, a("update:model-value", _);
+    }
+    function v(i = "") {
+      return n.restaurants.filter((o) => o.managable || o._id === i).map((o) => ({
+        label: `${o.profile.code ? `${o.profile.code} - ` : ""}${o.profile.name}`,
+        value: o._id,
+        disabled: z.value.includes(o._id) && o._id !== i
+      }));
+    }
+    function g(i = "") {
+      return n.roles.map((o) => ({
+        label: o.label,
+        value: o.value,
+        disabled: !!o.disabled && o.value !== i
+      }));
+    }
+    function X(i, o) {
+      var O, $, Y;
+      if (!n.modelValue) return;
+      const _ = n.modelValue.roles.length > 0 ? [...n.modelValue.roles] : [U()], w = ((O = _[i]) == null ? void 0 : O.roleId) ?? "", Z = g(w), Q = (($ = Z.find((m) => m.value === w && !m.disabled)) == null ? void 0 : $.value) ?? ((Y = Z.find((m) => !m.disabled)) == null ? void 0 : Y.value) ?? "";
+      _[i] = { restaurantId: o, roleId: Q }, h("roles", _);
+    }
+    function G(i, o) {
+      var w;
+      if (!n.modelValue) return;
+      const _ = n.modelValue.roles.length > 0 ? [...n.modelValue.roles] : [U()];
+      _[i] = {
+        restaurantId: ((w = _[i]) == null ? void 0 : w.restaurantId) ?? "",
+        roleId: o
+      }, h("roles", _);
+    }
+    function j() {
+      n.modelValue && h("roles", [...n.modelValue.roles, U()]);
+    }
+    function y(i) {
+      if (!n.modelValue) return;
+      const o = n.modelValue.roles.length > 0 ? [...n.modelValue.roles] : [U()];
+      h(
+        "roles",
+        o.length === 1 ? [U()] : o.filter((_, w) => w !== i)
+      );
+    }
+    const V = R(() => {
+      if (!n.modelValue) return !1;
+      const i = n.restaurants.some(
+        (_) => _.managable && !z.value.includes(_._id)
+      ), o = n.modelValue.roles.every(
+        (_) => _.restaurantId && _.roleId
+      );
+      return i && o;
+    });
+    function E() {
+      D.value && (D.value = !1, I.value = [], h("passcode", ""));
+    }
+    pe(
+      () => {
+        var i;
+        return (i = n.modelValue) == null ? void 0 : i.passcode;
+      },
+      (i) => {
+        i && i.length === Ee ? (I.value = i.split(""), D.value = !0) : (I.value = [], D.value = !1);
+      },
+      { immediate: !0 }
+    ), pe(
+      () => {
+        var i;
+        return (i = n.modelValue) == null ? void 0 : i.roles;
+      },
+      (i) => {
+        n.modelValue && (!i || i.length === 0) && h("roles", [U()]);
+      },
+      { immediate: !0, deep: !0 }
+    );
+    const W = R({
+      get: () => {
+        var i;
+        return ((i = n.modelValue) == null ? void 0 : i.roles) ?? [];
+      },
+      set: () => {
+      }
+    });
+    return (i, o) => {
+      const _ = P("FmSwitch"), w = P("FmTextField"), Z = P("FmPinField"), Q = P("FmFormGroup"), O = P("FmSelect"), $ = P("FmIcon"), Y = P("FmButton");
+      return b(), N("div", Hs, [
+        r("div", et, [
+          r("div", st, [
+            r("div", tt, C(l(p)("team.memberForm.masterUser.title")), 1),
+            r("div", at, C(l(p)("team.memberForm.masterUser.sublabel")), 1)
+          ]),
+          r("div", null, [
+            d(_, {
+              "model-value": !!c.modelValue,
+              value: "master-user",
+              "onUpdate:modelValue": k
+            }, null, 8, ["model-value"])
+          ])
+        ]),
+        c.modelValue ? (b(), N(Ae, { key: 0 }, [
+          r("div", lt, [
+            d(w, {
+              "model-value": c.modelValue.code,
+              label: l(p)("team.memberForm.masterUser.code"),
+              "onUpdate:modelValue": o[0] || (o[0] = (m) => h("code", m))
+            }, null, 8, ["model-value", "label"]),
+            d(w, {
+              "model-value": c.modelValue.name,
+              class: "w-full",
+              label: l(p)("team.memberForm.masterUser.name"),
+              rules: [(m) => !!m || l(p)("team.memberForm.masterUser.nameEmptyError")],
+              "onUpdate:modelValue": o[1] || (o[1] = (m) => h("name", m))
+            }, null, 8, ["model-value", "label", "rules"])
+          ]),
+          r("div", ot, [
+            r("div", nt, C(l(p)("team.memberForm.masterUser.passcode")), 1),
+            d(Q, {
+              modelValue: I.value,
+              "onUpdate:modelValue": o[4] || (o[4] = (m) => I.value = m),
+              rules: [
+                (m) => (m == null ? void 0 : m.filter((x) => !!x).length) !== Ee ? l(p)("team.memberForm.masterUser.passcodeRequired") : !0
+              ]
+            }, {
+              default: ue(() => [
+                (b(), K(Z, {
+                  key: `pin-field-${D.value}`,
+                  modelValue: I.value,
+                  "onUpdate:modelValue": o[2] || (o[2] = (m) => I.value = m),
+                  length: Ee,
+                  masked: D.value,
+                  onComplete: o[3] || (o[3] = (m) => h("passcode", m)),
+                  onFocus: E
+                }, null, 8, ["modelValue", "masked"]))
+              ]),
+              _: 1
+            }, 8, ["modelValue", "rules"])
+          ]),
+          d(Q, {
+            tag: "div",
+            modelValue: W.value,
+            "onUpdate:modelValue": o[5] || (o[5] = (m) => W.value = m),
+            rules: [
+              (m) => !m || m.length === 0 || m.every((x) => !x.restaurantId) ? l(p)("team.memberForm.masterUser.restaurantRequired") : m.some((x) => !x.restaurantId || !x.roleId) ? l(p)("team.memberForm.masterUser.roleRequired") : !0
+            ]
+          }, {
+            default: ue(() => [
+              r("div", rt, [
+                r("div", it, C(l(p)("team.memberForm.masterUser.assignmentSection")), 1),
+                r("div", ut, [
+                  r("div", mt, [
+                    r("div", dt, C(l(p)("team.table.columns.restaurant")), 1),
+                    r("div", ct, C(l(p)("team.memberForm.masterUser.role")), 1),
+                    o[6] || (o[6] = r("div", null, null, -1))
+                  ]),
+                  (b(!0), N(Ae, null, rs(c.modelValue.roles, (m, x) => (b(), N("div", {
+                    key: `${m.restaurantId || "new"}-${x}`,
+                    class: "grid grid-cols-[minmax(0,1fr)_minmax(0,1fr)_auto] items-center gap-16"
+                  }, [
+                    d(O, {
+                      class: "min-w-0",
+                      "model-value": m.restaurantId,
+                      items: v(m.restaurantId),
+                      multiselect: !1,
+                      placeholder: l(p)("team.table.columns.restaurant"),
+                      "onUpdate:modelValue": (H) => X(x, H)
+                    }, null, 8, ["model-value", "items", "placeholder", "onUpdate:modelValue"]),
+                    d(O, {
+                      class: "min-w-0",
+                      "model-value": m.roleId,
+                      items: g(m.roleId),
+                      multiselect: !1,
+                      placeholder: l(p)("team.memberForm.masterUser.role"),
+                      disabled: !m.restaurantId,
+                      "onUpdate:modelValue": (H) => G(x, H)
+                    }, null, 8, ["model-value", "items", "placeholder", "disabled", "onUpdate:modelValue"]),
+                    r("div", pt, [
+                      c.modelValue.roles.length > 1 ? (b(), N("div", {
+                        key: 0,
+                        role: "button",
+                        tabindex: "0",
+                        class: "inline-flex h-40 w-40 shrink-0 cursor-pointer items-center justify-center rounded-lg text-fm-color-neutral-gray-400 transition-colors hover:bg-fm-color-neutral-gray-100 focus:outline-none focus:ring-2 focus:ring-fm-color-primary",
+                        "aria-label": l(p)("common.remove"),
+                        onClick: Fe((H) => y(x), ["stop"]),
+                        onKeydown: [
+                          Te(Fe((H) => y(x), ["prevent", "stop"]), ["enter"]),
+                          Te(Fe((H) => y(x), ["prevent", "stop"]), ["space"])
+                        ]
+                      }, [
+                        d($, {
+                          name: "delete",
+                          size: "md"
+                        })
+                      ], 40, vt)) : q("", !0)
+                    ])
+                  ]))), 128))
+                ]),
+                d(Y, {
+                  type: "button",
+                  variant: "secondary",
+                  "text-color": "primary",
+                  "border-color": "primary",
+                  "prepend-icon": "add",
+                  label: l(p)("team.memberForm.masterUser.addAnother"),
+                  size: "md",
+                  disabled: !V.value,
+                  onClick: Fe(j, ["stop"])
+                }, null, 8, ["label", "disabled"])
+              ])
+            ]),
+            _: 1
+          }, 8, ["modelValue", "rules"])
+        ], 64)) : q("", !0)
+      ]);
+    };
+  }
+}), bt = { class: "flex flex-col gap-32" }, ht = { class: "flex w-full" }, yt = {
+  key: 0,
+  class: "space-y-24"
+}, _t = { class: "space-y-16 rounded-lg border border-fm-color-neutral-gray-200 p-16" }, gt = { class: "fm-typo-en-title-sm-600" }, xt = { class: "space-y-16" }, St = { class: "fm-typo-en-title-sm-600" }, Ut = {
+  key: 1,
+  class: "flex items-center justify-center py-64"
+}, Ft = /* @__PURE__ */ Ve({
+  __name: "AddMemberForm",
+  props: {
+    initialValue: {
+      type: Object
+    },
+    roleErrorMessage: {
+      type: String,
+      default: ""
+    },
+    loading: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(c, { expose: A }) {
+    var $e, Re, se;
+    const n = c, { t: a } = we(), p = Ye(), { breakpoints: D } = He(), I = f(), U = ss(), z = R(
+      () => U.permissionSets.value.map((s) => ({
+        label: s.name,
+        value: s.id
+      }))
+    ), k = f((($e = n.initialValue) == null ? void 0 : $e.permissionSetIds) || []), h = R(
+      () => Be(k.value, U.permissionSets.value)
+    ), v = f((Re = n.initialValue) == null ? void 0 : Re.posUser), g = f(
+      Ge(
+        Ne(h.value),
+        ((se = n.initialValue) == null ? void 0 : se.permissions) || []
+      )
+    ), { customReportPermissions: X, isLoaded: G } = ts(), j = new Set(
+      We.filter((s) => s.subject.startsWith(Us)).map((s) => s.subject)
+    ), y = R(() => {
+      const s = new Set(j);
+      for (const u of X.value) s.add(u.subject);
+      return s;
+    }), V = R(() => {
+      const s = /* @__PURE__ */ new Set();
+      for (const u of We)
+        u.category === Ke.reports && s.add(u.subject);
+      for (const u of X.value)
+        u.category === Ke.reports && s.add(u.subject);
+      return s;
+    }), E = es(), W = as().roles, i = R(() => Je(g.value)), o = R(() => {
+      const s = Xe(g.value);
+      return s === null ? E.restaurants.value : E.restaurants.value.filter((u) => s.includes(u._id));
+    }), _ = R(() => {
+      const s = i.value;
+      return W.value.map(
+        (u) => ({
+          label: u.name,
+          value: u._id,
+          disabled: !!s && !s.includes(u._id)
+        })
+      );
+    }), w = f({ permissionSetIds: [], userPermissions: [], posUser: void 0 });
+    function Z(s) {
+      I.value = void 0, k.value = [...(s == null ? void 0 : s.permissionSetIds) ?? []], g.value = Ge(
+        Ne(
+          Be(
+            k.value,
+            U.permissionSets.value
+          )
+        ),
+        (s == null ? void 0 : s.permissions) || []
+      ), v.value = s != null && s.posUser ? ee(ve(s.posUser), g.value) : void 0, fe.value = !!v.value, w.value = {
+        permissionSetIds: [...k.value],
+        userPermissions: ve(g.value),
+        posUser: v.value ? ve(v.value) : void 0
+      };
+    }
+    function Q() {
+      return !n.initialValue && I.value ? !0 : !Se.isEqual(k.value, w.value.permissionSetIds) || !Se.isEqual(g.value, w.value.userPermissions) || !Se.isEqual(v.value, w.value.posUser);
+    }
+    function O(s) {
+      I.value = s;
+    }
+    function $(s) {
+      v.value = ee(v.value, s);
+    }
+    function Y(s) {
+      return Ne(
+        Be(s, U.permissionSets.value)
+      );
+    }
+    function m(s) {
+      g.value = Y(s);
+    }
+    function x(s) {
+      const u = [...s ?? []];
+      if (Se.isEqual(u, k.value)) return;
+      const B = !Se.isEqual(
+        g.value,
+        Y(k.value)
+      );
+      if (k.value = u, !B) {
+        m(u);
+        return;
+      }
+      p.open({
+        title: a("permissionSet.form.overrideInherited.title"),
+        message: a("permissionSet.form.overrideInherited.message"),
+        minWidth: D.value.lg ? 588 : 0,
+        primaryActions: {
+          text: a("permissionSet.form.overrideInherited.override"),
+          close: !1
+        },
+        secondaryActions: {
+          text: a("permissionSet.form.overrideInherited.keepCurrent"),
+          close: !0
+        }
+      }).onPrimary(() => {
+        m(u), p.close();
+      });
+    }
+    function H() {
+      const s = Ne(h.value), u = G.value ? y.value : j, B = Fs(g.value, u), L = Vs(B, V.value), T = ws(L);
+      return Ps(s, T);
+    }
+    function Pe() {
+      var B, L, T, te, ae, de, le, oe, ne, Ce;
+      const s = H(), u = g.value.filter((ce) => !ce.inverted);
+      return {
+        email: ((B = I.value) == null ? void 0 : B.email) ?? void 0,
+        phoneNumber: ((L = I.value) == null ? void 0 : L.phoneNumber) ?? void 0,
+        customPermissions: s,
+        permissions: u.map((ce) => ({
+          ...ce,
+          subject: vs(ce.subject)
+        })),
+        permissionSetIds: k.value,
+        name: ((T = I.value) == null ? void 0 : T.displayName) || ((te = n.initialValue) == null ? void 0 : te.name) || "",
+        posUser: v.value ? {
+          ...v.value,
+          name: v.value.name || ((de = (ae = n.initialValue) == null ? void 0 : ae.posUser) == null ? void 0 : de.name) || ((le = n.initialValue) == null ? void 0 : le.name) || ((oe = I.value) == null ? void 0 : oe.displayName) || "",
+          code: v.value.code || ((Ce = (ne = n.initialValue) == null ? void 0 : ne.posUser) == null ? void 0 : Ce.code) || "",
+          passcode: v.value.passcode,
+          roles: v.value.roles.filter((ce) => !!ce.roleId)
+        } : v.value === null ? null : void 0
+      };
+    }
+    const _e = f();
+    function ee(s, u) {
+      if (!s) return s;
+      const B = Je(u), L = Xe(u);
+      if (B === null && L === null) return s;
+      const T = ve(s);
+      return T.roles = T.roles.filter(
+        (te) => (B === null || B.includes(te.roleId)) && (L === null || L.includes(te.restaurantId))
+      ), T;
+    }
+    const fe = f(!!v.value), me = f(!1);
+    function ge(s) {
+      v.value = s, me.value = !0;
+    }
+    pe(
+      () => !!v.value,
+      async (s) => {
+        s && !fe.value && me.value && (await is(), _e.value && _e.value.$el.scrollIntoView({ behavior: "smooth", block: "start" })), fe.value = s;
+      }
+    );
+    const Ie = f();
+    async function ke() {
+      return (await Ie.value.validateInputsWithoutSubmit()).length ? null : Pe();
+    }
+    return pe(
+      () => n.initialValue,
+      (s, u) => {
+        if (!u || !s || u.id !== s.id) {
+          me.value = !1, Z(s);
+          return;
+        }
+        s.posUser !== void 0 && !me.value && (v.value = s.posUser ? ee(ve(s.posUser), g.value) : void 0, w.value = {
+          ...w.value,
+          posUser: v.value ? ve(v.value) : void 0
+        });
+      },
+      { immediate: !0 }
+    ), pe(
+      g,
+      (s) => {
+        v.value = ee(v.value, s);
+      },
+      { deep: !0 }
+    ), A({
+      readFormData: Pe,
+      validate: ke,
+      isModified: Q
+    }), (s, u) => {
+      const B = P("FmSelect"), L = P("FmCircularProgress"), T = P("FmForm");
+      return b(), K(T, {
+        ref_key: "formRef",
+        ref: Ie,
+        class: "mx-4"
+      }, {
+        default: ue(() => {
+          var te, ae, de, le, oe;
+          return [
+            r("div", bt, [
+              r("div", ht, [
+                c.initialValue ? (b(), K(Ts, {
+                  key: 1,
+                  data: c.initialValue
+                }, null, 8, ["data"])) : (b(), K(Ys, {
+                  key: 0,
+                  onInvite: u[0] || (u[0] = (ne) => O(ne))
+                }))
+              ]),
+              I.value || c.initialValue ? (b(), N(Ae, { key: 0 }, [
+                (te = c.initialValue) != null && te.isOwner ? q("", !0) : (b(), N("div", yt, [
+                  r("div", _t, [
+                    r("div", gt, C(l(a)("team.memberForm.permissionSet.title")), 1),
+                    d(B, {
+                      "model-value": k.value,
+                      multiselect: "",
+                      searchable: "",
+                      "search-debounce": 300,
+                      items: z.value,
+                      placeholder: l(a)("team.memberForm.permissionSet.selectPlaceholder"),
+                      "onUpdate:modelValue": x
+                    }, null, 8, ["model-value", "items", "placeholder"])
+                  ]),
+                  r("div", xt, [
+                    r("div", St, C(l(a)("team.memberForm.permissions.title")), 1),
+                    d(ks, {
+                      modelValue: g.value,
+                      "onUpdate:modelValue": u[1] || (u[1] = (ne) => g.value = ne),
+                      "inherit-permissions": h.value,
+                      onPermissionChanged: $
+                    }, null, 8, ["modelValue", "inherit-permissions"])
+                  ])
+                ])),
+                c.loading ? (b(), N("div", Ut, [
+                  d(L, { size: "xl" })
+                ])) : (b(), K(ft, {
+                  key: 2,
+                  ref_key: "masterUserContentRef",
+                  ref: _e,
+                  "model-value": v.value,
+                  "fallback-name": ((ae = c.initialValue) == null ? void 0 : ae.name) || ((de = I.value) == null ? void 0 : de.displayName) || "",
+                  "fallback-passcode": (oe = (le = c.initialValue) == null ? void 0 : le.posUser) == null ? void 0 : oe.passcode,
+                  roles: _.value,
+                  restaurants: o.value,
+                  "onUpdate:modelValue": ge
+                }, null, 8, ["model-value", "fallback-name", "fallback-passcode", "roles", "restaurants"]))
+              ], 64)) : q("", !0)
+            ])
+          ];
+        }),
+        _: 1
+      }, 512);
+    };
+  }
+}), Vt = {
+  class: "space-y-24"
+}, wt = {
+  class: "space-y-8"
+}, Pt = {
+  key: 0,
+  class: "flex w-full items-start justify-between px-16"
+}, It = {
+  class: "flex items-start gap-8"
+}, kt = {
+  key: 1,
+  class: "space-y-4 px-16"
+}, $t = {
+  class: "flex items-start gap-8"
+}, Rt = {
+  class: "flex h-full flex-col overflow-auto"
+}, Ct = {
+  class: "flex w-full items-center justify-between"
+}, Mt = {
+  class: "fm-typo-en-title-md-600"
+}, Nt = {
+  class: "flex items-center justify-start gap-8"
+}, he = 100;
+var re = /* @__PURE__ */ function(c) {
+  return c[c.ADD = 0] = "ADD", c[c.UPDATE = 1] = "UPDATE", c[c.CLOSED = 2] = "CLOSED", c;
+}(re || {});
+const Qt = /* @__PURE__ */ Ve({
+  __name: "TeamMemberList",
+  setup(c, {
+    expose: A
+  }) {
+    const {
+      fetchCustomReportPermissions: n
+    } = ts();
+    ls();
+    const {
+      t: a
+    } = we(), p = je(), D = es(), I = as(), U = Qe(), z = Ss(U), k = ss(), h = Is(), v = f(!0), g = f(!1), X = R(() => D.isLoading.value), G = f([]), j = f(0), y = f(1), V = f(""), E = f("");
+    pe(D.restaurants, (e) => {
+      if (e.length > 0 && G.value.length > 0) {
+        const t = new Map(e.map((F) => [F._id, F.profile.name])), S = e.map((F) => F.profile.name).sort();
+        G.value = G.value.map((F) => ({
+          ...F,
+          restaurants: F.managableRestaurantIds === null ? S : F.managableRestaurantIds.map((J) => t.get(J) ?? "").filter(Boolean).sort()
+        }));
+      }
+    });
+    const W = R(() => D.restaurants.value.map((e) => ({
+      label: `${e.profile.code ? `${e.profile.code} - ` : ""}${e.profile.name}`,
+      value: e._id
+    }))), i = ({
+      member: e,
+      className: t = ""
+    }) => {
+      const S = {
+        label: a("team.actions.updateMember"),
+        onClick: () => Y(ye.Update, e)
+      }, F = {
+        label: a("team.actions.removeMember"),
+        onClick: () => Y(ye.Remove, e),
+        itemClass: "text-fm-color-typo-error"
+      }, J = e.doc.isOwner ? [S] : [S, F];
+      return d(_s, {
+        class: t,
+        items: J
+      }, null);
+    }, o = (e) => e.doc.isOwner ? a("team.labels.businessOwner") : e.restaurants.join(", "), _ = [{
+      accessorKey: "name",
+      header: () => a("team.table.columns.name"),
+      enableSorting: !1,
+      cell(e) {
+        const t = e.row.original;
+        return d("div", {
+          class: "flex items-center gap-8"
+        }, [d(Oe.FmAvatar, {
+          name: t.name,
+          size: "sm",
+          class: "shrink-0"
+        }, null), d("span", {
+          class: "truncate"
+        }, [t.name])]);
+      }
+    }, {
+      accessorKey: "phoneNumber",
+      header: () => a("team.table.columns.phoneNumber"),
+      enableSorting: !1
+    }, {
+      accessorKey: "restaurant",
+      header: () => a("team.table.columns.restaurant"),
+      enableSorting: !1,
+      cell(e) {
+        if (X.value)
+          return ms(xs);
+        const t = e.row.original;
+        return o(t);
+      }
+    }, {
+      accessorKey: "assignedRoles",
+      header: () => a("team.table.columns.assignedRoles"),
+      enableSorting: !1,
+      cell(e) {
+        const t = e.row.original, S = h.getPermissionAssignmentByUserId(t.id), F = (S == null ? void 0 : S.permissionSetIds) || t.doc.permissionSetIds || [];
+        return k.permissionSets.value.filter((ie) => F.includes(ie.id)).map((ie) => ie.name).join(", ");
+      }
+    }, {
+      accessorKey: "permission",
+      header: () => a("team.table.columns.permission"),
+      enableSorting: !1,
+      cell(e) {
+        const t = e.row.original;
+        return w(t);
+      },
+      meta: {
+        width: "200px"
+      }
+    }, {
+      id: "action",
+      meta: {
+        cellClass: "pl-16",
+        headerContentClass: "-mx-16"
+      },
+      cell(e) {
+        const t = e.row.original;
+        return i({
+          member: t,
+          className: "flex justify-end w-full"
+        });
+      },
+      enableSorting: !1
+    }];
+    function w(e) {
+      if (e.doc.isOwner)
+        return a("team.labels.businessOwner");
+      const t = d(Oe.FmTooltip, {
+        variant: "plain",
+        placement: "top"
+      }, {
+        default: () => d(Oe.FmIcon, {
+          name: "info",
+          class: "cursor-pointer text-fm-color-neutral-gray-300"
+        }, null),
+        content: () => d("div", null, [a("team.labels.permission"), e.permissionLabels.map((S) => d("div", null, [ds("- "), S]))])
+      });
+      return d("div", {
+        class: "flex flex-row items-center gap-8"
+      }, [d("span", null, [a("team.labels.allowed", {
+        count: e.permissionLabels.length
+      })]), e.permissionLabels.length > 0 && t]);
+    }
+    function Z(e) {
+      var J, ie, Me, xe;
+      const t = h.getPermissionAssignmentByUserId(e.id), S = (t == null ? void 0 : t.customPermissions) ?? e.permissions ?? [], F = (t == null ? void 0 : t.permissionSetIds) ?? e.doc.permissionSetIds ?? [];
+      return {
+        id: e.id,
+        isOwner: e.doc.isOwner,
+        name: e.name,
+        phoneNumber: e.phoneNumber,
+        email: e.email,
+        permissions: S,
+        permissionSetIds: F,
+        posUser: e.doc.posUser ? {
+          code: ((J = e.doc.posUser) == null ? void 0 : J.code) ?? "",
+          name: ((ie = e.doc.posUser) == null ? void 0 : ie.name) ?? e.name,
+          passcode: ((Me = e.doc.posUser) == null ? void 0 : Me.passcode) ?? "",
+          roles: ((xe = e.doc.posUser) == null ? void 0 : xe.roles) ?? []
+        } : void 0
+      };
+    }
+    function Q(e) {
+      const t = h.getPermissionAssignmentByUserId(e.id), S = (t == null ? void 0 : t.customPermissions) ?? e.permissions ?? [], F = (t == null ? void 0 : t.permissionSetIds) ?? e.doc.permissionSetIds ?? [];
+      return {
+        id: e.id,
+        isOwner: e.doc.isOwner,
+        name: e.name,
+        phoneNumber: e.phoneNumber,
+        email: e.email,
+        permissions: S,
+        permissionSetIds: F,
+        posUser: void 0
+      };
+    }
+    const O = f(!1);
+    let $ = 0;
+    const Y = async (e, t) => {
+      if (e == ye.Update) {
+        const S = ++$;
+        ee.value = Q(t), x.value = re.UPDATE, O.value = t.doc.hasPosUser === !0;
+        try {
+          const F = await Ue.readTeamMember(t.id);
+          if (S !== $) return;
+          ee.value = Z(F);
+        } catch {
+          if (S !== $) return;
+          U.open({
+            message: a("common.error"),
+            type: "error"
+          }), ge();
+        } finally {
+          S === $ && (O.value = !1);
+        }
+      }
+      e == ye.Remove && $e(t);
+    }, m = Ye(), x = f(re.CLOSED), H = R(() => x.value !== re.CLOSED), Pe = R(() => x.value === re.ADD ? a("common.add") : a("common.update")), _e = R(() => x.value === re.ADD ? a("team.actions.addMember") : a("team.actions.updateMember")), ee = f();
+    function fe() {
+      $++, O.value = !1, x.value = re.CLOSED;
+    }
+    const me = ys(() => {
+      var e;
+      return ((e = le.value) == null ? void 0 : e.isModified()) ?? !1;
+    }, fe);
+    function ge() {
+      me();
+    }
+    function Ie(e) {
+      e || ge();
+    }
+    const {
+      breakpoints: ke
+    } = He(), $e = (e) => {
+      m.open({
+        title: a("team.actions.removeMember"),
+        message: a("team.removeMember.confirmationMessage", {
+          memberName: e.name
+        }),
+        minWidth: ke.value.lg ? 588 : 0,
+        primaryActions: {
+          text: "Remove",
+          close: !1,
+          variant: "destructive",
+          isLoading: ne
+        },
+        secondaryActions: {
+          text: "Cancel",
+          close: !0
+        }
+      }).onPrimary(async () => {
+        ne.value || (await z.minor(async () => {
+          await Ue.deleteTeamMember(e.id), await de();
+        }, {
+          isLoading: ne,
+          successMessage: a("team.removeMember.successMessage", {
+            memberName: e.name
+          })
+        }), m.close());
+      });
+    }, Re = () => {
+      ee.value = null, x.value = re.ADD;
+    }, se = f(), s = f(), u = f(), B = R(() => {
+      var e;
+      return JSON.stringify({
+        businessId: ((e = p.currentBusiness.value) == null ? void 0 : e._id) ?? "",
+        search: E.value.trim(),
+        restaurantIds: [...se.value ?? []].sort(),
+        permissionSubjects: [...s.value ?? []].sort(),
+        permissionSetIds: [...u.value ?? []].sort()
+      });
+    }), L = R(() => Object.values(fs).map((e) => ({
+      label: e.label,
+      value: e.subject
+    }))), T = R(() => k.permissionSets.value.map((e) => ({
+      label: e.name,
+      value: e.id
+    })));
+    async function te() {
+      await I.readRoles();
+    }
+    async function ae(e = y.value) {
+      var t, S, F;
+      v.value = !0;
+      try {
+        const J = await Ue.readTeamMembersPage({
+          limit: he,
+          offset: (e - 1) * he,
+          search: E.value.trim() || void 0,
+          restaurantIds: (t = se.value) != null && t.length ? se.value : void 0,
+          permissionSubjects: (S = s.value) != null && S.length ? s.value : void 0,
+          permissionSetIds: (F = u.value) != null && F.length ? u.value : void 0
+        });
+        G.value = J.items, j.value = J.total;
+      } finally {
+        v.value = !1;
+      }
+    }
+    async function de() {
+      var t;
+      if (!((t = p.currentBusiness.value) != null && t._id)) return;
+      await ae(y.value);
+      const e = Math.max(1, Math.ceil(j.value / he));
+      y.value > e && (y.value = e, await ae(y.value));
+    }
+    const le = f(), oe = f(!1), ne = f(!1);
+    async function Ce() {
+      if (!le.value) return;
+      const e = await le.value.validate();
+      if (!e) return;
+      const t = x.value === re.ADD;
+      await z.minor(async () => {
+        await (t ? Ue.createTeamMember(e) : Ue.updateTeamMember(ee.value.id, e)), fe(), await Le(), await de();
+      }, {
+        successMessage: t ? a("team.addMember.successMessage", {
+          memberName: e.name
+        }) : a("team.updateMember.successMessage", {
+          memberName: e.name
+        }),
+        isLoading: oe
+      }), x.value = re.CLOSED;
+    }
+    async function ce() {
+      await k.readPermissionSets();
+    }
+    async function Le() {
+      await h.readPermissionAssignments();
+    }
+    let De = !1;
+    async function os({
+      pageIndex: e
+    }) {
+      var t;
+      if ((t = p.currentBusiness.value) != null && t._id && !De && !(e === 0 && y.value === 1 && G.value.length > 0)) {
+        De = !0, y.value = e + 1;
+        try {
+          await ae(y.value);
+        } finally {
+          De = !1;
+        }
+      }
+    }
+    const ns = cs(V, () => {
+      E.value = V.value;
+    });
+    return us(ns), pe(B, async () => {
+      var e;
+      y.value = 1, g.value = !1, (e = p.currentBusiness.value) != null && e._id && (await ae(1), g.value = !0);
+    }, {
+      immediate: !0
+    }), pe(p.currentBusiness, async () => {
+      var e;
+      if ((e = p.currentBusiness.value) != null && e._id)
+        try {
+          await Promise.all([D.readRestaurants(), ce(), Le(), n(), te()]);
+        } catch (t) {
+          console.error("Failed to load team member dependencies:", t), U.open({
+            message: t instanceof Error ? t.message : String(t),
+            type: "error"
+          });
+        }
+    }, {
+      immediate: !0
+    }), A({
+      create: Re
+    }), (e, t) => {
+      var xe;
+      const S = P("FmSearch"), F = P("FmTable"), J = P("FmIcon"), ie = P("FmButton"), Me = P("FmSideSheet");
+      return b(), N(Ae, null, [r("div", Vt, [r("div", wt, [l(ke).xs ? (b(), N("div", kt, [d(S, {
+        modelValue: V.value,
+        "onUpdate:modelValue": t[4] || (t[4] = (M) => V.value = M),
+        class: "w-[320px] xs:w-full xs:mt-8",
+        placeholder: l(a)("team.search.placeholder")
+      }, null, 8, ["modelValue", "placeholder"]), r("div", $t, [d(be, {
+        modelValue: se.value,
+        "onUpdate:modelValue": t[5] || (t[5] = (M) => se.value = M),
+        multiple: "",
+        items: W.value,
+        variant: "dark",
+        "selected-prefix": l(a)("team.table.columns.restaurant"),
+        placeholder: l(a)("team.table.columns.restaurant"),
+        class: "!w-auto"
+      }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"]), d(be, {
+        modelValue: s.value,
+        "onUpdate:modelValue": t[6] || (t[6] = (M) => s.value = M),
+        multiple: "",
+        variant: "dark",
+        items: L.value,
+        "selected-prefix": l(a)("team.filter.selected_permission_prefix"),
+        placeholder: l(a)("team.filter.permission_placeholder")
+      }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"]), d(be, {
+        modelValue: u.value,
+        "onUpdate:modelValue": t[7] || (t[7] = (M) => u.value = M),
+        multiple: "",
+        variant: "dark",
+        items: T.value,
+        "selected-prefix": l(a)("team.filter.selected_assigned_role_prefix"),
+        placeholder: l(a)("team.filter.assigned_role_placeholder")
+      }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"])])])) : (b(), N("div", Pt, [r("div", It, [d(be, {
+        modelValue: se.value,
+        "onUpdate:modelValue": t[0] || (t[0] = (M) => se.value = M),
+        multiple: "",
+        items: W.value,
+        variant: "dark",
+        "selected-prefix": l(a)("team.table.columns.restaurant"),
+        placeholder: l(a)("team.table.columns.restaurant"),
+        class: "!w-auto"
+      }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"]), d(be, {
+        modelValue: s.value,
+        "onUpdate:modelValue": t[1] || (t[1] = (M) => s.value = M),
+        multiple: "",
+        variant: "dark",
+        items: L.value,
+        "selected-prefix": l(a)("team.filter.selected_permission_prefix"),
+        placeholder: l(a)("team.filter.permission_placeholder")
+      }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"]), d(be, {
+        modelValue: u.value,
+        "onUpdate:modelValue": t[2] || (t[2] = (M) => u.value = M),
+        multiple: "",
+        variant: "dark",
+        items: T.value,
+        "selected-prefix": l(a)("team.filter.selected_assigned_role_prefix"),
+        placeholder: l(a)("team.filter.assigned_role_placeholder")
+      }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"])]), d(S, {
+        modelValue: V.value,
+        "onUpdate:modelValue": t[3] || (t[3] = (M) => V.value = M),
+        class: "w-[320px] xs:w-full xs:mt-8",
+        autofocus: "",
+        placeholder: l(a)("team.search.placeholder")
+      }, null, 8, ["modelValue", "placeholder"])])), (xe = l(p).currentBusiness.value) != null && xe._id ? (b(), K(bs, {
+        key: 2
+      }, {
+        default: ue(() => [r("div", Rt, [g.value ? q("", !0) : (b(), K(hs, {
+          key: 0
+        })), g.value ? (b(), K(gs, {
+          key: 1,
+          "is-loading": v.value,
+          "is-empty": j.value === 0,
+          title: l(a)("team.emptyState.title"),
+          subtitle: l(a)("team.emptyState.description")
+        }, {
+          default: ue(() => [(b(), K(F, {
+            key: B.value,
+            "column-defs": _,
+            "row-data": G.value,
+            "page-size": he,
+            "page-count": Math.ceil(j.value / he),
+            "row-count": j.value,
+            "fetch-fn": os,
+            "hide-footer": j.value <= he,
+            loading: v.value,
+            "pin-header-row": "",
+            onRowClick: t[8] || (t[8] = (M) => Y(l(ye).Update, M.original))
+          }, null, 8, ["row-data", "page-count", "row-count", "hide-footer", "loading"]))]),
+          _: 1
+        }, 8, ["is-loading", "is-empty", "title", "subtitle"])) : q("", !0)])]),
+        _: 1
+      })) : q("", !0)])]), d(Me, {
+        "model-value": H.value,
+        "max-width": 960,
+        "close-button": !1,
+        "onUpdate:modelValue": Ie,
+        "onOn:clickedAway": l(me)
+      }, {
+        "side-sheet-header": ue(() => [r("div", Ct, [r("p", Mt, C(_e.value), 1), d(J, {
+          name: "close",
+          size: "md",
+          class: "cursor-pointer",
+          onClick: l(me)
+        }, null, 8, ["onClick"])])]),
+        "side-sheet-footer": ue(() => [r("div", Nt, [d(ie, {
+          label: Pe.value,
+          size: "md",
+          variant: "primary",
+          "is-loading": oe.value,
+          disabled: oe.value,
+          onClick: Fe(Ce, ["prevent"])
+        }, null, 8, ["label", "is-loading", "disabled"]), d(ie, {
+          label: l(a)("common.cancel"),
+          size: "md",
+          variant: "secondary",
+          disabled: oe.value,
+          onClick: ge
+        }, null, 8, ["label", "disabled"])])]),
+        default: ue(() => [H.value ? (b(), K(Ft, {
+          key: 0,
+          ref_key: "memberForm",
+          ref: le,
+          initialValue: ee.value,
+          loading: O.value,
+          class: "gap-8"
+        }, null, 8, ["initialValue", "loading"])) : q("", !0)]),
+        _: 1
+      }, 8, ["model-value", "onOn:clickedAway"])], 64);
+    };
+  }
+});
+export {
+  Qt as default
+};