@feedmepos/mf-hrm-portal 2.1.1-dev.2 → 2.1.1-dev.4

package/dist/TeamMemberList-Byjlca2Y.js

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