@feedmepos/mf-hrm-portal 2.0.11-dev → 2.0.11-dev.3

package/dist/TeamMemberList-DwxhZcrA.js

@@ -1,1081 +0,0 @@
-import { defineComponent as ue, ref as y, resolveComponent as x, createBlock as w, openBlock as v, withCtx as T, createElementVNode as m, renderSlot as we, createCommentVNode as j, withModifiers as Le, nextTick as je, createElementBlock as K, normalizeClass as Ee, createTextVNode as Ae, toDisplayString as L, computed as I, Fragment as he, renderList as Pe, createVNode as p, unref as u, watch as ye, isRef as Ze, createSlots as Qe, withDirectives as Ye, vShow as He } from "vue";
-import { u as es, T as ss } from "./useDebounce-Cnv3r01W.js";
-import { useI18n as ge, useCoreStore as _e, baseClientInstance as Re, RestaurantSelector as $e } from "@feedmepos/mf-common";
-import { useBreakpoints as Te, useSnackbar as Ke, useDialog as ts, components as Ie } from "@feedmepos/ui-library";
-import { _ as as, S as Me } from "./SelectFilter-DUj7GBtT.js";
-import { p as Ce, f as ls, k as os, _ as ns } from "./app-h2mRYtCE.js";
-import { _ as rs } from "./index.vue_vue_type_script_setup_true_lang-Vc5ARO29.js";
-import { u as is } from "./useLoading-fH82N_CS.js";
-import { g as Ne, d as ze } from "./iteration-J_5O7DIo.js";
-import { u as qe, c as us, d as Se, m as ve, j as Ge, p as Be, k as ms, l as De, n as cs, o as ds, s as ps, q as vs, v as fs, t as fe } from "./index-BLm_-G4e.js";
-import "./index-CBgvOHm7.js";
-import { u as We } from "./useAppStore-CEidzV7L.js";
-/* empty css                                                                            */
-import { _ as bs, a as ys } from "./PortalPermissionEditor.vue_vue_type_script_setup_true_lang-CDA9oDkd.js";
-import { u as hs } from "./useSearch-B6WK1LBB.js";
-const _s = /* @__PURE__ */ ue({
-  __name: "BottomSheetMenu",
-  setup(a) {
-    const b = y(!1);
-    async function o() {
-      await je(), b.value = !b.value;
-    }
-    return (t, n) => {
-      const E = x("FmButton"), C = x("FmBottomSheet");
-      return v(), w(C, {
-        modelValue: b.value,
-        "onUpdate:modelValue": n[1] || (n[1] = (_) => b.value = _),
-        "dismiss-away": "",
-        "no-header": "",
-        "z-index": 110
-      }, {
-        "bottom-sheet-button": T(() => [
-          t.$slots.button ? j("", !0) : (v(), w(E, {
-            key: 0,
-            icon: "more_vert",
-            variant: "tertiary",
-            onClick: Le(o, ["stop"])
-          })),
-          we(t.$slots, "button")
-        ]),
-        default: T(() => [
-          m("div", {
-            onClick: n[0] || (n[0] = (_) => b.value = !1)
-          }, [
-            we(t.$slots, "default")
-          ])
-        ]),
-        _: 3
-      }, 8, ["modelValue"]);
-    };
-  }
-}), gs = { class: "py-8 px-12 hover:bg-fm-color-neutral-gray-100" }, xs = /* @__PURE__ */ ue({
-  __name: "BottomSheetMenuItem",
-  props: {
-    label: {},
-    icon: {},
-    disabled: { type: Boolean },
-    itemClass: {}
-  },
-  setup(a) {
-    const b = a;
-    return (o, t) => {
-      const n = x("FmIcon");
-      return v(), K("div", gs, [
-        o.$slots.content ? j("", !0) : (v(), K("div", {
-          key: 0,
-          class: Ee(["flex items-center", {
-            "text-fm-color-typo-disabled": b.disabled,
-            "cursor-pointer": !b.disabled,
-            "cursor-not-allowed": b.disabled,
-            [b.itemClass || ""]: b.itemClass && !b.disabled
-          }])
-        }, [
-          a.icon ? (v(), w(n, {
-            key: 0,
-            name: a.icon
-          }, null, 8, ["name"])) : j("", !0),
-          Ae(" " + L(a.label), 1)
-        ], 2)),
-        we(o.$slots, "content")
-      ]);
-    };
-  }
-}), Fs = /* @__PURE__ */ ue({
-  __name: "ResponsiveContextMenu",
-  props: {
-    items: {}
-  },
-  setup(a) {
-    const b = Te(), o = I(() => b.breakpoints.value.xs);
-    return (t, n) => {
-      const E = x("FmButton"), C = x("FmMenuItem"), _ = x("FmMenu");
-      return o.value ? (v(), w(_s, { key: 0 }, {
-        default: T(() => [
-          (v(!0), K(he, null, Pe(a.items, ({ icon: h, label: c, disabled: S, itemClass: F, onClick: N }) => (v(), w(xs, {
-            key: c,
-            icon: h,
-            label: c,
-            disabled: S,
-            itemClass: F,
-            onClick: () => {
-              !S && (N == null || N());
-            }
-          }, null, 8, ["icon", "label", "disabled", "itemClass", "onClick"]))), 128))
-        ]),
-        _: 1
-      })) : (v(), w(_, {
-        key: 1,
-        "stop-click-propagation": "",
-        shift: !0
-      }, {
-        "menu-button": T(() => [
-          p(E, {
-            type: "button",
-            variant: "tertiary",
-            icon: "more_vert",
-            "text-color": "neutral-gray-400",
-            size: "md"
-          })
-        ]),
-        default: T(() => [
-          (v(!0), K(he, null, Pe(a.items, ({ label: h, disabled: c, itemClass: S, onClick: F }) => (v(), w(C, {
-            key: h,
-            disabled: c,
-            label: h,
-            onClick: () => {
-              !c && (F == null || F());
-            }
-          }, {
-            label: T(() => [
-              m("span", {
-                class: Ee(c ? "text-fm-color-typo-disabled" : S)
-              }, L(h), 3)
-            ]),
-            _: 2
-          }, 1032, ["disabled", "label", "onClick"]))), 128))
-        ]),
-        _: 1
-      }));
-    };
-  }
-});
-var de = /* @__PURE__ */ ((a) => (a.Update = "Update", a.Remove = "Remove", a))(de || {});
-const Vs = { class: "w-full flex flex-col gap-16" }, Ss = { class: "flex items-center gap-16" }, Us = { class: "space-y-4 min-w-0 flex-1" }, ws = { class: "text-fm-color-typo-secondary fm-typo-en-body-lg-400" }, Ps = { class: "fm-typo-en-body-lg-600 truncate" }, ks = { class: "w-full flex gap-16 items-center" }, Rs = { class: "flex-1 flex flex-col gap-4 min-w-0" }, $s = { class: "text-fm-color-typo-secondary fm-typo-en-body-lg-400" }, Is = { class: "fm-typo-en-body-lg-600 truncate" }, Ms = { class: "flex-1 flex flex-col gap-4 min-w-0" }, Cs = { class: "text-fm-color-typo-secondary fm-typo-en-body-lg-400" }, Ns = { class: "fm-typo-en-body-lg-600 truncate" }, Bs = /* @__PURE__ */ ue({
-  __name: "MemberInfo",
-  props: {
-    data: {}
-  },
-  setup(a) {
-    const { t: b } = ge();
-    return (o, t) => {
-      const n = x("FmAvatar");
-      return v(), K("div", Vs, [
-        m("div", Ss, [
-          p(n, {
-            size: "xl",
-            initials: a.data.name
-          }, null, 8, ["initials"]),
-          m("div", Us, [
-            m("p", ws, L(u(b)("team.memberForm.memberInfo.memberName")), 1),
-            m("p", Ps, L(a.data.name || "--"), 1)
-          ])
-        ]),
-        m("div", ks, [
-          m("div", Rs, [
-            m("p", $s, L(u(b)("team.memberForm.memberInfo.mobileNumber")), 1),
-            m("p", Is, L(a.data.phoneNumber || "--"), 1)
-          ]),
-          m("div", Ms, [
-            m("p", Cs, L(u(b)("team.memberForm.memberInfo.emailAddress")), 1),
-            m("p", Ns, L(a.data.email || "--"), 1)
-          ])
-        ])
-      ]);
-    };
-  }
-}), Oe = {
-  async readPermissionUserByPhoneNo(a) {
-    var o;
-    const { currentBusiness: b } = _e();
-    return Ne(
-      await Re("/").get(`/user/b/${(o = b.value) == null ? void 0 : o._id}/phone/${a}`)
-    );
-  },
-  async readPermissionUserByEmail(a) {
-    var o;
-    const { currentBusiness: b } = _e();
-    return Ne(
-      await Re("/").get(`/user/b/${(o = b.value) == null ? void 0 : o._id}/email/${a}`)
-    );
-  }
-}, Ds = { class: "flex flex-col gap-24 w-full" }, Os = {
-  key: 0,
-  class: "flex flex-col gap-8"
-}, Ls = { class: "user-info-icon user-info-icon--lg" }, js = { class: "flex-1 overflow-hidden" }, Es = { class: "profile-displayName" }, As = { class: "profile-email" }, Ts = { class: "profile-phone" }, Ks = { key: 2 }, zs = /* @__PURE__ */ ue({
-  __name: "PortalUserSearcher",
-  emits: ["invite"],
-  setup(a, { emit: b }) {
-    const o = b, { t } = ge(), n = Ke(), E = _e(), C = y("phone"), _ = y(""), h = y(""), c = y();
-    async function S() {
-      if (!_.value && !h.value) {
-        n.open({
-          type: "error",
-          title: t("team.memberForm.searchUser.emptyError")
-        });
-        return;
-      }
-      const g = C.value === "phone" ? await Oe.readPermissionUserByPhoneNo(_.value.replace(/ /g, "")) : await Oe.readPermissionUserByEmail(h.value);
-      g || n.open({
-        type: "error",
-        title: t("team.memberForm.searchUser.userNotFound")
-      }), c.value = g;
-    }
-    const F = I(() => {
-      var H;
-      let g = ((H = c.value) == null ? void 0 : H.displayName) ?? "";
-      g || (g = "Feed Me");
-      const [P, X] = g.split(" ");
-      return X ? `${P[0]}${X[0]}` : P.slice(0, 2);
-    }), N = y(!1);
-    function W(g) {
-      o("invite", g), N.value = !0;
-    }
-    function B() {
-      N.value = !1;
-    }
-    return (g, P) => {
-      var R, z, M;
-      const X = x("FmRadio"), H = x("FmPhoneNumber"), se = x("FmTextField"), l = x("FmRadioGroup"), r = x("FmButton");
-      return v(), K("div", Ds, [
-        N.value ? j("", !0) : (v(), K("div", Os, [
-          p(l, {
-            modelValue: C.value,
-            "onUpdate:modelValue": P[2] || (P[2] = (U) => C.value = U)
-          }, {
-            default: T(() => [
-              p(X, {
-                value: "phone",
-                label: u(t)("team.memberForm.searchUser.phoneNumber")
-              }, null, 8, ["label"]),
-              C.value === "phone" ? (v(), w(H, {
-                key: 0,
-                modelValue: _.value,
-                "onUpdate:modelValue": P[0] || (P[0] = (U) => _.value = U),
-                "extra-country-codes": u(E).enabledCountries.value,
-                class: "ml-8"
-              }, null, 8, ["modelValue", "extra-country-codes"])) : j("", !0),
-              p(X, {
-                value: "email",
-                label: u(t)("team.memberForm.searchUser.email")
-              }, null, 8, ["label"]),
-              C.value === "email" ? (v(), w(se, {
-                key: 1,
-                modelValue: h.value,
-                "onUpdate:modelValue": P[1] || (P[1] = (U) => h.value = U),
-                placeholder: u(t)("team.memberForm.searchUser.emailPlaceholder"),
-                class: "ml-8"
-              }, null, 8, ["modelValue", "placeholder"])) : j("", !0)
-            ]),
-            _: 1
-          }, 8, ["modelValue"]),
-          p(r, {
-            label: u(t)("team.memberForm.searchUser.search"),
-            variant: "secondary",
-            onClick: S
-          }, null, 8, ["label"])
-        ])),
-        c.value ? (v(), K("div", {
-          key: 1,
-          class: "profile-menu--profile cursor-pointer hover:bg-fm-color-opacity-sm",
-          onClick: P[3] || (P[3] = (U) => W(c.value))
-        }, [
-          m("div", Ls, L(F.value), 1),
-          m("div", js, [
-            m("p", Es, L((R = c.value) == null ? void 0 : R.displayName), 1),
-            m("p", As, L((z = c.value) == null ? void 0 : z.email), 1),
-            m("p", Ts, L((M = c.value) == null ? void 0 : M.phoneNumber), 1)
-          ])
-        ])) : j("", !0),
-        N.value ? (v(), K("div", Ks, [
-          p(r, {
-            label: u(t)("team.memberForm.searchUser.changeUser"),
-            variant: "secondary",
-            onClick: B
-          }, null, 8, ["label"])
-        ])) : j("", !0)
-      ]);
-    };
-  }
-}), qs = /* @__PURE__ */ as(zs, [["__scopeId", "data-v-c2c7ed35"]]), Gs = { class: "flex flex-col gap-40" }, Ws = { class: "flex items-center" }, Js = { class: "flex-1 flex flex-col" }, Xs = { class: "fm-typo-en-title-sm-600" }, Zs = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Qs = { class: "flex flex-row gap-16" }, Ys = { class: "flex flex-col gap-8" }, Hs = { class: "fm-typo-en-body-lg-400" }, et = { class: "p-16 fm-corner-radius-lg border border-fm-color-neutral-gray-200" }, Ue = 4, st = /* @__PURE__ */ ue({
-  __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(a, { emit: b }) {
-    const o = a, t = b, { t: n } = ge(), { searchKey: E, filter: C } = hs(""), _ = y(!0), h = y([]), c = I(() => {
-      const l = {};
-      return o.roles.forEach((r) => {
-        l[r.value] = r.label;
-      }), l;
-    }), S = I(() => {
-      var r;
-      const l = {};
-      return (r = o.modelValue) == null || r.roles.forEach((R) => {
-        l[R.restaurantId] = R.roleId;
-      }), l;
-    }), F = I(() => o.restaurants.filter((l) => C([l.profile.name, l.profile.code, W(l._id)])).map((l) => ({
-      label: `${l.profile.code ? l.profile.code + "-" : ""}${l.profile.name}`,
-      value: l._id,
-      slot: `checkbox-${l._id}-bottom`,
-      disable: o.roles.filter((r) => !r.disabled).length === 0,
-      roleOptions: o.roles
-    }))), N = I(() => {
-      const l = o.roles.find((r) => !r.disabled);
-      return l ? l.value : null;
-    });
-    function W(l) {
-      const r = S.value[l] ?? "";
-      return c.value[r] || "";
-    }
-    function B(l) {
-      l ? o.modelValue || t("update:model-value", {
-        code: "",
-        name: o.fallbackName,
-        roles: [],
-        passcode: o.fallbackPasscode || ""
-      }) : t("update:model-value", null);
-    }
-    function g(l, r) {
-      if (!o.modelValue || l === "passcode" && o.modelValue.passcode === r)
-        return;
-      const R = ze(o.modelValue);
-      R[l] = r, t("update:model-value", R);
-    }
-    function P(l) {
-      g(
-        "roles",
-        l.map((r) => {
-          var M, U, ee;
-          const R = (U = (M = F.value.find((q) => q.value === r)) == null ? void 0 : M.roleOptions.find((q) => !q.disabled)) == null ? void 0 : U.value, z = (ee = o.modelValue) == null ? void 0 : ee.roles.find((q) => q.restaurantId === r);
-          return {
-            restaurantId: r,
-            roleId: (z == null ? void 0 : z.roleId) || R
-          };
-        })
-      );
-    }
-    function X(l, r) {
-      g("roles", [
-        ...o.modelValue.roles.filter(
-          (R) => R.restaurantId !== l
-        ),
-        {
-          restaurantId: l,
-          roleId: r
-        }
-      ]);
-    }
-    function H() {
-      _.value && (_.value = !1, h.value = [], g("passcode", ""));
-    }
-    ye(
-      () => {
-        var l;
-        return (l = o.modelValue) == null ? void 0 : l.passcode;
-      },
-      (l) => {
-        l && l.length === Ue ? (h.value = l.split(""), _.value = !0) : (h.value = [], _.value = !1);
-      },
-      { immediate: !0 }
-    );
-    const se = I({
-      get: () => {
-        var l;
-        return ((l = o.modelValue) == null ? void 0 : l.roles) ?? [];
-      },
-      set: () => {
-      }
-    });
-    return (l, r) => {
-      const R = x("FmSwitch"), z = x("FmTextField"), M = x("FmPinField"), U = x("FmFormGroup"), ee = x("FmSearch"), q = x("FmSelect");
-      return v(), K("div", Gs, [
-        m("div", Ws, [
-          m("div", Js, [
-            m("div", Xs, L(u(n)("team.memberForm.masterUser.title")), 1),
-            m("div", Zs, L(u(n)("team.memberForm.masterUser.sublabel")), 1)
-          ]),
-          m("div", null, [
-            p(R, {
-              "model-value": !!a.modelValue,
-              value: "master-user",
-              "onUpdate:modelValue": B
-            }, null, 8, ["model-value"])
-          ])
-        ]),
-        a.modelValue ? (v(), K(he, { key: 0 }, [
-          m("div", Qs, [
-            p(z, {
-              "model-value": a.modelValue.code,
-              label: u(n)("team.memberForm.masterUser.code"),
-              "onUpdate:modelValue": r[0] || (r[0] = (d) => g("code", d))
-            }, null, 8, ["model-value", "label"]),
-            p(z, {
-              "model-value": a.modelValue.name,
-              class: "w-full",
-              label: u(n)("team.memberForm.masterUser.name"),
-              rules: [(d) => !!d || u(n)("team.memberForm.masterUser.nameEmptyError")],
-              "onUpdate:modelValue": r[1] || (r[1] = (d) => g("name", d))
-            }, null, 8, ["model-value", "label", "rules"])
-          ]),
-          m("div", Ys, [
-            m("div", Hs, L(u(n)("team.memberForm.masterUser.passcode")), 1),
-            p(U, {
-              modelValue: h.value,
-              "onUpdate:modelValue": r[4] || (r[4] = (d) => h.value = d),
-              rules: [
-                (d) => (d == null ? void 0 : d.filter((k) => !!k).length) !== Ue ? u(n)("team.memberForm.masterUser.passcodeRequired") : !0
-              ]
-            }, {
-              default: T(() => [
-                (v(), w(M, {
-                  key: `pin-field-${_.value}`,
-                  modelValue: h.value,
-                  "onUpdate:modelValue": r[2] || (r[2] = (d) => h.value = d),
-                  length: Ue,
-                  masked: _.value,
-                  onComplete: r[3] || (r[3] = (d) => g("passcode", d)),
-                  onFocus: H
-                }, null, 8, ["modelValue", "masked"]))
-              ]),
-              _: 1
-            }, 8, ["modelValue", "rules"])
-          ]),
-          p(U, {
-            modelValue: se.value,
-            "onUpdate:modelValue": r[6] || (r[6] = (d) => se.value = d),
-            rules: [
-              (d) => !d || d.length === 0 ? u(n)("team.memberForm.masterUser.restaurantRequired") : d.some((k) => !k.roleId) ? u(n)("team.memberForm.masterUser.roleRequired") : !0
-            ]
-          }, {
-            default: T(() => [
-              m("div", et, [
-                p(ee, {
-                  modelValue: u(E),
-                  "onUpdate:modelValue": r[5] || (r[5] = (d) => Ze(E) ? E.value = d : null),
-                  placeholder: u(n)("team.memberForm.posRole.placeholder"),
-                  class: "mb-16"
-                }, null, 8, ["modelValue", "placeholder"]),
-                p(bs, {
-                  "model-value": a.modelValue.roles.map((d) => d.restaurantId),
-                  options: F.value,
-                  min: 1,
-                  title: u(n)("team.memberForm.masterUser.role"),
-                  "onUpdate:modelValue": P
-                }, Qe({ _: 2 }, [
-                  Pe(F.value, (d) => ({
-                    name: d.slot,
-                    fn: T(() => {
-                      var k;
-                      return [
-                        m("div", null, [
-                          p(q, {
-                            "model-value": ((k = a.modelValue.roles.find((me) => me.restaurantId === d.value)) == null ? void 0 : k.roleId) || N.value,
-                            items: d.roleOptions,
-                            "onUpdate:modelValue": (me) => X(d.value, me)
-                          }, null, 8, ["model-value", "items", "onUpdate:modelValue"])
-                        ])
-                      ];
-                    })
-                  }))
-                ]), 1032, ["model-value", "options", "title"])
-              ])
-            ]),
-            _: 1
-          }, 8, ["modelValue", "rules"])
-        ], 64)) : j("", !0)
-      ]);
-    };
-  }
-}), tt = { class: "flex flex-col gap-32" }, at = { class: "flex w-full" }, lt = {
-  key: 2,
-  class: "flex items-center justify-center py-24"
-}, ot = /* @__PURE__ */ ue({
-  __name: "AddMemberForm",
-  props: {
-    initialValue: {
-      type: Object
-    },
-    roleErrorMessage: {
-      type: String,
-      default: ""
-    },
-    isLoadingMasterUser: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  setup(a, { expose: b }) {
-    var xe, Fe, te;
-    const o = a, { t } = ge(), n = y(), E = qe(), C = I(
-      () => E.permissionSets.value.map((i) => ({
-        label: i.name,
-        value: i.id
-      }))
-    ), _ = y(((xe = o.initialValue) == null ? void 0 : xe.permissionSetIds) || []), h = I(
-      () => us(_.value, E.permissionSets.value)
-    ), c = y((Fe = o.initialValue) == null ? void 0 : Fe.posUser), S = y(!1), F = y(
-      Se(
-        ve(h.value),
-        ((te = o.initialValue) == null ? void 0 : te.permissions) || []
-      )
-    ), { customReportPermissions: N, isLoaded: W } = Ge(), B = new Set(
-      Be.filter((i) => i.subject.startsWith(ms)).map((i) => i.subject)
-    ), g = I(() => {
-      const i = new Set(B);
-      for (const f of N.value) i.add(f.subject);
-      return i;
-    }), P = I(() => {
-      const i = /* @__PURE__ */ new Set();
-      for (const f of Be)
-        f.category === Ce.reports && i.add(f.subject);
-      for (const f of N.value)
-        f.category === Ce.reports && i.add(f.subject);
-      return i;
-    }), { restaurants: X } = _e(), H = We().roles, se = I(() => De(F.value)), l = I(() => {
-      const i = se.value;
-      return H.value.map(
-        (f) => ({
-          label: f.name,
-          value: f._id,
-          disabled: !!i && !i.includes(f._id)
-        })
-      );
-    });
-    function r(i) {
-      n.value = i;
-    }
-    function R(i) {
-      const f = q(c.value, i);
-      f !== c.value && (S.value = !0), c.value = f;
-    }
-    function z() {
-      const i = ve(h.value), f = W.value ? g.value : B, Z = cs(F.value, f), J = ds(Z, P.value), Q = ps(J);
-      return vs(i, Q);
-    }
-    function M() {
-      var Z, J, Q, D, G, ae, le, ce, oe, O;
-      const i = z(), f = F.value.filter((ne) => !ne.inverted);
-      return {
-        email: ((Z = n.value) == null ? void 0 : Z.email) ?? void 0,
-        phoneNumber: ((J = n.value) == null ? void 0 : J.phoneNumber) ?? void 0,
-        customPermissions: i,
-        // Deprecated: keep for backward compatibility, will be removed in the future
-        permissions: f.map((ne) => ({
-          ...ne,
-          subject: ls(ne.subject)
-        })),
-        permissionSetIds: _.value,
-        name: ((Q = n.value) == null ? void 0 : Q.displayName) || ((D = o.initialValue) == null ? void 0 : D.name) || "",
-        posUser: !o.initialValue || S.value ? c.value != null ? {
-          ...c.value,
-          name: c.value.name || ((ae = (G = o.initialValue) == null ? void 0 : G.posUser) == null ? void 0 : ae.name) || ((le = o.initialValue) == null ? void 0 : le.name) || ((ce = n.value) == null ? void 0 : ce.displayName) || "",
-          code: c.value.code || ((O = (oe = o.initialValue) == null ? void 0 : oe.posUser) == null ? void 0 : O.code) || "",
-          passcode: c.value.passcode,
-          roles: c.value.roles.filter((ne) => !!ne.roleId)
-        } : c.value : void 0
-        // update mode, POS not touched → signal no change to backend
-      };
-    }
-    const U = y();
-    ye(
-      () => o.initialValue,
-      (i) => {
-        if (!i) {
-          _.value = [], c.value = void 0, S.value = !1, F.value = Se(ve([]), []);
-          return;
-        }
-        _.value = i.permissionSetIds || [], (!S.value || i.posUser !== void 0) && (c.value = i.posUser), F.value = Se(
-          ve(h.value),
-          i.permissions || []
-        ), S.value = !1;
-      },
-      { immediate: !0 }
-    );
-    function ee() {
-      F.value = ve(h.value);
-    }
-    function q(i, f) {
-      if (!i) return i;
-      const Z = De(f);
-      if (!Z) return i;
-      const J = ze(i);
-      return J.roles = J.roles.reduce((Q, D) => (Z.includes(D.roleId) && Q.push(D), Q), []), J;
-    }
-    async function d() {
-      await je(), U.value && U.value.$el.scrollIntoView({ behavior: "smooth", block: "start" });
-    }
-    const k = y();
-    async function me() {
-      return (await k.value.validateInputsWithoutSubmit()).length ? null : M();
-    }
-    return b({
-      readFormData: M,
-      validate: me
-    }), (i, f) => {
-      const Z = x("FmSelect"), J = x("FmCircularProgress"), Q = x("FmForm");
-      return v(), w(Q, {
-        ref_key: "formRef",
-        ref: k,
-        class: "mx-4"
-      }, {
-        default: T(() => {
-          var D, G, ae, le, ce, oe;
-          return [
-            m("div", tt, [
-              m("div", at, [
-                a.initialValue ? (v(), w(Bs, {
-                  key: 1,
-                  data: a.initialValue
-                }, null, 8, ["data"])) : (v(), w(qs, {
-                  key: 0,
-                  onInvite: f[0] || (f[0] = (O) => r(O))
-                }))
-              ]),
-              n.value || a.initialValue ? (v(), K(he, { key: 0 }, [
-                (D = a.initialValue) != null && D.isOwner ? j("", !0) : (v(), w(Z, {
-                  key: 0,
-                  modelValue: _.value,
-                  "onUpdate:modelValue": [
-                    f[1] || (f[1] = (O) => _.value = O),
-                    ee
-                  ],
-                  multiselect: "",
-                  searchable: "",
-                  "search-debounce": 300,
-                  items: C.value,
-                  label: u(t)("team.memberForm.permissionSet.title"),
-                  placeholder: u(t)("team.memberForm.permissionSet.selectPlaceholder")
-                }, null, 8, ["modelValue", "items", "label", "placeholder"])),
-                (G = a.initialValue) != null && G.isOwner ? j("", !0) : (v(), w(ys, {
-                  key: 1,
-                  modelValue: F.value,
-                  "onUpdate:modelValue": f[2] || (f[2] = (O) => F.value = O),
-                  "inherit-permissions": h.value,
-                  onPermissionChanged: R
-                }, null, 8, ["modelValue", "inherit-permissions"])),
-                a.isLoadingMasterUser ? (v(), K("div", lt, [
-                  p(J)
-                ])) : (v(), w(st, {
-                  key: 3,
-                  ref_key: "masterUserContentRef",
-                  ref: U,
-                  "model-value": c.value,
-                  "fallback-name": ((ae = a.initialValue) == null ? void 0 : ae.name) || ((le = n.value) == null ? void 0 : le.displayName) || "",
-                  "fallback-passcode": (oe = (ce = a.initialValue) == null ? void 0 : ce.posUser) == null ? void 0 : oe.passcode,
-                  roles: l.value,
-                  restaurants: u(X),
-                  "onUpdate:modelValue": f[3] || (f[3] = (O) => {
-                    c.value = O, S.value = !0, d();
-                  })
-                }, null, 8, ["model-value", "fallback-name", "fallback-passcode", "roles", "restaurants"]))
-              ], 64)) : j("", !0)
-            ])
-          ];
-        }),
-        _: 1
-      }, 512);
-    };
-  }
-}), nt = {
-  class: "space-y-24"
-}, rt = {
-  class: "space-y-8"
-}, it = {
-  class: "xs:hidden flex w-full items-start justify-between px-16"
-}, ut = {
-  class: "flex items-start gap-8"
-}, mt = {
-  class: "space-y-4 sm:hidden md:hidden lg:hidden px-16"
-}, ct = {
-  class: "flex items-start gap-8"
-}, dt = {
-  class: "flex h-full flex-col"
-}, pt = {
-  class: "flex items-center justify-start gap-8"
-}, be = 100;
-var Y = /* @__PURE__ */ function(a) {
-  return a[a.ADD = 0] = "ADD", a[a.UPDATE = 1] = "UPDATE", a[a.CLOSED = 2] = "CLOSED", a;
-}(Y || {});
-const Rt = /* @__PURE__ */ ue({
-  __name: "TeamMemberList",
-  setup(a, {
-    expose: b
-  }) {
-    const {
-      fetchCustomReportPermissions: o
-    } = Ge(), {
-      t
-    } = ge(), n = _e(), E = We(), C = Ke(), _ = is(C), h = qe(), c = fs(), S = y(!0), F = y(n.restaurants.value.length === 0), N = y([]), W = y(0), B = y(1), g = y(""), P = y(""), X = ye(n.restaurants, (e) => {
-      e.length > 0 && (F.value = !1, X());
-    }), H = ({
-      member: e,
-      className: s = ""
-    }) => {
-      const V = {
-        label: t("common.update"),
-        onClick: () => U(de.Update, e)
-      }, A = {
-        label: t("common.remove"),
-        onClick: () => U(de.Remove, e),
-        itemClass: "text-fm-color-typo-error"
-      }, re = e.doc.isOwner ? [V] : [V, A];
-      return p(Fs, {
-        class: s,
-        items: re
-      }, null);
-    }, se = (e) => e.doc.isOwner ? t("team.labels.businessOwner") : e.managableRestaurantIds.map((s) => {
-      var V;
-      return ((V = n.restaurants.value.find((A) => A._id === s)) == null ? void 0 : V.profile.name) ?? "";
-    }).filter(Boolean).sort().join(", "), l = [{
-      accessorKey: "name",
-      header: () => t("team.table.columns.name"),
-      enableSorting: !1
-    }, {
-      accessorKey: "phoneNumber",
-      header: () => t("team.table.columns.phoneNumber"),
-      enableSorting: !1
-    }, {
-      accessorKey: "restaurant",
-      header: () => t("team.table.columns.restaurant"),
-      enableSorting: !1,
-      cell(e) {
-        const s = e.row.original;
-        return F.value && !s.doc.isOwner ? p("div", {
-          class: "h-16 w-[120px] animate-pulse rounded bg-fm-color-neutral-gray-200"
-        }, null) : se(s);
-      }
-    }, {
-      accessorKey: "assignedRoles",
-      header: () => t("team.table.columns.assignedRoles"),
-      enableSorting: !1,
-      cell(e) {
-        const s = e.row.original, V = c.getPermissionAssignmentByUserId(s.id), A = (V == null ? void 0 : V.permissionSetIds) || s.doc.permissionSetIds || [];
-        return h.permissionSets.value.filter((ie) => A.includes(ie.id)).map((ie) => ie.name).join(", ");
-      }
-    }, {
-      accessorKey: "permission",
-      header: () => t("team.table.columns.permission"),
-      enableSorting: !1,
-      cell(e) {
-        const s = e.row.original;
-        return r(s);
-      },
-      meta: {
-        width: "200px"
-      }
-    }, {
-      id: "action",
-      meta: {
-        cellClass: "pl-16",
-        headerContentClass: "-mx-16"
-      },
-      cell(e) {
-        const s = e.row.original;
-        return H({
-          member: s,
-          className: "flex justify-end w-full"
-        });
-      },
-      enableSorting: !1
-    }];
-    function r(e) {
-      if (e.doc.isOwner)
-        return t("team.labels.businessOwner");
-      const s = p(Ie.FmTooltip, {
-        variant: "plain",
-        placement: "top"
-      }, {
-        default: () => p(Ie.FmIcon, {
-          name: "info",
-          class: "cursor-pointer text-fm-color-neutral-gray-300"
-        }, null),
-        content: () => p("div", null, [t("team.labels.permission"), e.permissionLabels.map((V) => p("div", null, [Ae("- "), V]))])
-      });
-      return p("div", {
-        class: "flex flex-row items-center gap-8"
-      }, [p("span", null, [t("team.labels.allowed", {
-        count: e.permissionLabels.length
-      })]), e.permissionLabels.length > 0 && s]);
-    }
-    function R(e) {
-      var re, ie, pe, $;
-      const s = c.getPermissionAssignmentByUserId(e.id), V = (s == null ? void 0 : s.customPermissions) || e.permissions || [], A = (s == null ? void 0 : s.permissionSetIds) || [];
-      return {
-        id: e.id,
-        isOwner: e.doc.isOwner,
-        name: e.name,
-        phoneNumber: e.phoneNumber,
-        email: e.email,
-        permissions: V,
-        permissionSetIds: A,
-        posUser: e.doc.posUser ? {
-          code: ((re = e.doc.posUser) == null ? void 0 : re.code) ?? "",
-          name: ((ie = e.doc.posUser) == null ? void 0 : ie.name) ?? e.name,
-          passcode: ((pe = e.doc.posUser) == null ? void 0 : pe.passcode) ?? "",
-          roles: (($ = e.doc.posUser) == null ? void 0 : $.roles) ?? []
-        } : void 0
-      };
-    }
-    function z(e) {
-      const s = c.getPermissionAssignmentByUserId(e.id), V = (s == null ? void 0 : s.customPermissions) || e.permissions || [], A = (s == null ? void 0 : s.permissionSetIds) || [];
-      return {
-        id: e.id,
-        isOwner: e.doc.isOwner,
-        name: e.name,
-        phoneNumber: e.phoneNumber,
-        email: e.email,
-        permissions: V,
-        permissionSetIds: A,
-        posUser: void 0
-      };
-    }
-    const M = y(!1), U = async (e, s) => {
-      if (e == de.Update) {
-        te.value = z(s), k.value = Y.UPDATE, M.value = s.doc.hasPosUser === !0;
-        try {
-          const V = await fe.readTeamMember(s.id);
-          te.value = R(V);
-        } catch {
-          C.open({
-            message: t("common.error"),
-            type: "error"
-          }), f();
-        } finally {
-          M.value = !1;
-        }
-      }
-      e == de.Remove && J(s);
-    }, ee = ts(), q = y(!1), d = y(!1), k = y(Y.CLOSED), me = I(() => k.value !== Y.CLOSED), xe = I(() => k.value === Y.ADD ? t("common.add") : t("common.update")), Fe = I(() => k.value === Y.ADD ? t("team.actions.addMember") : t("team.actions.updateMember")), te = y();
-    function i(e) {
-      e || (M.value = !1, k.value = Y.CLOSED);
-    }
-    function f() {
-      M.value = !1, k.value = Y.CLOSED;
-    }
-    const {
-      breakpoints: Z
-    } = Te(), J = (e) => {
-      ee.open({
-        title: t("team.actions.removeMember"),
-        message: t("team.removeMember.confirmationMessage", {
-          memberName: e.name
-        }),
-        minWidth: Z.value.lg ? 588 : 0,
-        primaryActions: {
-          text: "Remove",
-          close: !1,
-          variant: "destructive",
-          isLoading: d
-        },
-        secondaryActions: {
-          text: "Cancel",
-          close: !0
-        }
-      }).onPrimary(async () => {
-        d.value || (await _.minor(async () => {
-          await fe.deleteTeamMember(e.id), await O();
-        }, {
-          isLoading: d,
-          successMessage: t("team.removeMember.successMessage", {
-            memberName: e.name
-          })
-        }).catch(() => {
-        }), ee.close());
-      });
-    }, Q = () => {
-      te.value = null, k.value = Y.ADD;
-    }, D = y(), G = y(), ae = I(() => {
-      var e;
-      return JSON.stringify({
-        businessId: ((e = n.currentBusiness.value) == null ? void 0 : e._id) ?? "",
-        search: P.value.trim(),
-        restaurantIds: [...D.value ?? []].sort(),
-        permissionSubjects: [...G.value ?? []].sort()
-      });
-    }), le = I(() => Object.values(os).map((e) => ({
-      label: e.label,
-      value: e.subject
-    })));
-    async function ce() {
-      await E.readRoles();
-    }
-    async function oe(e = B.value) {
-      var s, V;
-      S.value = !0;
-      try {
-        const A = await fe.readTeamMembersPage({
-          limit: be,
-          offset: (e - 1) * be,
-          search: P.value.trim() || void 0,
-          restaurantIds: (s = D.value) != null && s.length ? D.value : void 0,
-          permissionSubjects: (V = G.value) != null && V.length ? G.value : void 0
-        });
-        N.value = A.items, W.value = A.total;
-      } finally {
-        S.value = !1;
-      }
-    }
-    async function O() {
-      var s;
-      if (!((s = n.currentBusiness.value) != null && s._id)) return;
-      await oe(B.value);
-      const e = Math.max(1, Math.ceil(W.value / be));
-      B.value > e && (B.value = e, await oe(B.value));
-    }
-    async function ne(e) {
-      e !== B.value && (B.value = e, await O());
-    }
-    const Ve = y();
-    async function Je() {
-      if (!Ve.value) return;
-      const e = await Ve.value.validate();
-      if (!e) return;
-      const s = k.value === Y.ADD;
-      await _.minor(async () => {
-        await (s ? fe.createTeamMember(e) : fe.updateTeamMember(te.value.id, e)), f(), await ke(), await O();
-      }, {
-        isLoading: q,
-        successMessage: s ? t("team.addMember.successMessage", {
-          memberName: e.name
-        }) : t("team.updateMember.successMessage", {
-          memberName: e.name
-        })
-      }), k.value = Y.CLOSED;
-    }
-    async function Xe() {
-      await h.readPermissionSets();
-    }
-    async function ke() {
-      await c.readPermissionAssignments();
-    }
-    return es(g, () => {
-      P.value = g.value;
-    }), ye(ae, async () => {
-      var e;
-      (e = n.currentBusiness.value) != null && e._id && (B.value = 1, await O());
-    }, {
-      immediate: !0
-    }), ye(n.currentBusiness, async () => {
-      var e;
-      (e = n.currentBusiness.value) != null && e._id && (await Promise.all([Xe(), ke(), o()]), ce());
-    }, {
-      immediate: !0
-    }), b({
-      create: Q
-    }), (e, s) => {
-      var pe;
-      const V = x("FmSearch"), A = x("FmTable"), re = x("FmButton"), ie = x("FmSideSheet");
-      return v(), K(he, null, [m("div", nt, [m("div", rt, [m("div", it, [m("div", ut, [p(u($e), {
-        modelValue: D.value,
-        "onUpdate:modelValue": s[0] || (s[0] = ($) => D.value = $),
-        "managable-only": !1,
-        multiple: "",
-        variant: "dark",
-        class: "!w-auto"
-      }, null, 8, ["modelValue"]), p(Me, {
-        modelValue: G.value,
-        "onUpdate:modelValue": s[1] || (s[1] = ($) => G.value = $),
-        multiple: "",
-        variant: "dark",
-        items: le.value,
-        "selected-prefix": u(t)("team.filter.selected_permission_prefix"),
-        placeholder: u(t)("team.filter.permission_placeholder")
-      }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"])]), p(V, {
-        modelValue: g.value,
-        "onUpdate:modelValue": s[2] || (s[2] = ($) => g.value = $),
-        class: "w-[320px] xs:w-full xs:mt-8",
-        autofocus: "",
-        placeholder: u(t)("team.search.placeholder")
-      }, null, 8, ["modelValue", "placeholder"])]), m("div", mt, [p(V, {
-        modelValue: g.value,
-        "onUpdate:modelValue": s[3] || (s[3] = ($) => g.value = $),
-        class: "w-[320px] xs:w-full xs:mt-8",
-        autofocus: "",
-        placeholder: u(t)("team.search.placeholder")
-      }, null, 8, ["modelValue", "placeholder"]), m("div", ct, [p(u($e), {
-        modelValue: D.value,
-        "onUpdate:modelValue": s[4] || (s[4] = ($) => D.value = $),
-        "managable-only": !1,
-        multiple: "",
-        variant: "dark",
-        class: "!w-auto"
-      }, null, 8, ["modelValue"]), p(Me, {
-        modelValue: G.value,
-        "onUpdate:modelValue": s[5] || (s[5] = ($) => G.value = $),
-        multiple: "",
-        variant: "dark",
-        items: le.value,
-        "selected-prefix": u(t)("team.filter.selected_permission_prefix"),
-        placeholder: u(t)("team.filter.permission_placeholder")
-      }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"])])]), (pe = u(n).currentBusiness.value) != null && pe._id ? (v(), w(ns, {
-        key: 0
-      }, {
-        default: T(() => [m("div", dt, [W.value === 0 && !S.value ? (v(), w(u(rs), {
-          key: 0,
-          title: u(t)("team.emptyState.title"),
-          subtitle: u(t)("team.emptyState.description")
-        }, null, 8, ["title", "subtitle"])) : j("", !0), Ye((v(), w(A, {
-          key: ae.value,
-          "column-defs": l,
-          "row-data": N.value,
-          "page-size": be,
-          loading: S.value,
-          "hide-footer": "",
-          class: "min-h-0 flex-1",
-          "pin-header-row": "",
-          onRowClick: s[6] || (s[6] = ($) => U(u(de).Update, $.original))
-        }, null, 8, ["row-data", "loading"])), [[He, W.value > 0 || S.value]]), W.value > 0 ? (v(), w(ss, {
-          key: 1,
-          "current-page": B.value,
-          "page-size": be,
-          "total-items": W.value,
-          disabled: S.value,
-          "onUpdate:currentPage": ne
-        }, null, 8, ["current-page", "total-items", "disabled"])) : j("", !0)])]),
-        _: 1
-      })) : j("", !0)])]), p(ie, {
-        header: Fe.value,
-        "model-value": me.value,
-        "max-width": 560,
-        "dismiss-away": "",
-        class: "absolute",
-        "onUpdate:modelValue": s[7] || (s[7] = ($) => i($))
-      }, {
-        "side-sheet-footer": T(() => [m("div", pt, [p(re, {
-          label: xe.value,
-          size: "md",
-          variant: "primary",
-          disabled: q.value || M.value,
-          onClick: Le(Je, ["prevent"])
-        }, null, 8, ["label", "disabled"]), p(re, {
-          label: u(t)("common.cancel"),
-          size: "md",
-          variant: "secondary",
-          disabled: q.value,
-          onClick: f
-        }, null, 8, ["label", "disabled"])])]),
-        default: T(() => [p(ot, {
-          ref_key: "memberForm",
-          ref: Ve,
-          initialValue: te.value,
-          "is-loading-master-user": M.value
-        }, null, 8, ["initialValue", "is-loading-master-user"])]),
-        _: 1
-      }, 8, ["header", "model-value"])], 64);
-    };
-  }
-});
-export {
-  Rt as default
-};