@feedmepos/mf-hrm-portal 2.2.4 → 2.2.5-dev

package/dist/TeamMemberList-M6HA9BWu.js

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