@feedmepos/mf-hrm-portal 1.1.6-dev → 2.0.0

package/dist/TeamMemberList-DtXoUa5K.js

@@ -1,1508 +0,0 @@
-import { defineComponent as z, ref as j, resolveComponent as M, openBlock as m, createBlock as I, withCtx as q, createElementVNode as u, renderSlot as Q, withModifiers as Re, createCommentVNode as O, nextTick as _e, createElementBlock as P, normalizeClass as oe, createTextVNode as xe, toDisplayString as A, computed as R, Fragment as ne, renderList as pe, createVNode as v, unref as d, useSlots as Ae, normalizeStyle as de, onMounted as Me, onUnmounted as Ie, watch as Ve, isRef as ye, createSlots as De } from "vue";
-import { useI18n as ee, Permission as G, useCoreStore as re, fullPermission as ce, baseClientInstance as Fe, RestaurantSelector as $e } from "@feedmepos/mf-common";
-import { useBreakpoints as Be, useSnackbar as we, useDialog as qe, components as Ee } from "@feedmepos/ui-library";
-import { u as je, _ as Le, S as Ue } from "./useSearch-C25VELOk.js";
-import { _ as Te } from "./app-G_Dbs0OJ.js";
-import { _ as ze } from "./PageLayout.vue_vue_type_script_setup_true_lang-DuwNwJDM.js";
-import { E as We } from "./empty-placeholder-ey8LJtN1.js";
-import { c as Z, i as ke, g as ge, b as Ke, u as Oe, a as Ge, d as Se } from "./rule-CM7JgjNr.js";
-import { p as ue, t as me } from "./index-8ift6lz3.js";
-const Je = /* @__PURE__ */ z({
-  __name: "BottomSheetMenu",
-  setup(l) {
-    const t = j(!1);
-    async function e() {
-      await _e(), t.value = !t.value;
-    }
-    return (i, r) => {
-      const n = M("FmButton"), k = M("FmBottomSheet");
-      return m(), I(k, {
-        modelValue: t.value,
-        "onUpdate:modelValue": r[1] || (r[1] = ($) => t.value = $),
-        "dismiss-away": "",
-        "no-header": "",
-        "z-index": 110
-      }, {
-        "bottom-sheet-button": q(() => [
-          i.$slots.button ? O("", !0) : (m(), I(n, {
-            key: 0,
-            icon: "more_vert",
-            variant: "tertiary",
-            onClick: Re(e, ["stop"])
-          })),
-          Q(i.$slots, "button")
-        ]),
-        default: q(() => [
-          u("div", {
-            onClick: r[0] || (r[0] = ($) => t.value = !1)
-          }, [
-            Q(i.$slots, "default")
-          ])
-        ]),
-        _: 3
-      }, 8, ["modelValue"]);
-    };
-  }
-}), He = { class: "py-8 px-12 hover:bg-fm-color-neutral-gray-100" }, Ye = /* @__PURE__ */ z({
-  __name: "BottomSheetMenuItem",
-  props: {
-    label: {},
-    icon: {},
-    disabled: { type: Boolean },
-    itemClass: {}
-  },
-  setup(l) {
-    const t = l;
-    return (e, i) => {
-      const r = M("FmIcon");
-      return m(), P("div", He, [
-        e.$slots.content ? O("", !0) : (m(), P("div", {
-          key: 0,
-          class: oe(["flex items-center", {
-            "text-fm-color-typo-disabled": t.disabled,
-            "cursor-pointer": !t.disabled,
-            "cursor-not-allowed": t.disabled,
-            [t.itemClass || ""]: t.itemClass && !t.disabled
-          }])
-        }, [
-          l.icon ? (m(), I(r, {
-            key: 0,
-            name: l.icon
-          }, null, 8, ["name"])) : O("", !0),
-          xe(" " + A(l.label), 1)
-        ], 2)),
-        Q(e.$slots, "content")
-      ]);
-    };
-  }
-}), Qe = /* @__PURE__ */ z({
-  __name: "ResponsiveContextMenu",
-  props: {
-    items: {}
-  },
-  setup(l) {
-    const t = Be(), e = R(() => t.breakpoints.value.xs);
-    return (i, r) => {
-      const n = M("FmButton"), k = M("FmMenuItem"), $ = M("FmMenu");
-      return e.value ? (m(), I(Je, { key: 0 }, {
-        default: q(() => [
-          (m(!0), P(ne, null, pe(l.items, ({ icon: p, label: y, disabled: F, itemClass: s, onClick: _ }) => (m(), I(Ye, {
-            key: y,
-            icon: p,
-            label: y,
-            disabled: F,
-            itemClass: s,
-            onClick: () => {
-              !F && (_ == null || _());
-            }
-          }, null, 8, ["icon", "label", "disabled", "itemClass", "onClick"]))), 128))
-        ]),
-        _: 1
-      })) : (m(), I($, {
-        key: 1,
-        "stop-click-propagation": "",
-        shift: !0
-      }, {
-        "menu-button": q(() => [
-          v(n, {
-            type: "button",
-            variant: "tertiary",
-            icon: "more_vert",
-            "text-color": "neutral-gray-400",
-            size: "md"
-          })
-        ]),
-        default: q(() => [
-          (m(!0), P(ne, null, pe(l.items, ({ label: p, disabled: y, itemClass: F, onClick: s }) => (m(), I(k, {
-            key: p,
-            disabled: y,
-            label: p,
-            onClick: () => {
-              !y && (s == null || s());
-            }
-          }, {
-            label: q(() => [
-              u("span", {
-                class: oe(y ? "text-fm-color-typo-disabled" : F)
-              }, A(p), 3)
-            ]),
-            _: 2
-          }, 1032, ["disabled", "label", "onClick"]))), 128))
-        ]),
-        _: 1
-      }));
-    };
-  }
-});
-var ae = /* @__PURE__ */ ((l) => (l.Update = "Update", l.Remove = "Remove", l))(ae || {});
-const Xe = { class: "w-full flex flex-col gap-16" }, Ze = { class: "flex items-center gap-16" }, el = { class: "space-y-4 min-w-0 flex-1" }, ll = { class: "text-fm-color-typo-secondary fm-typo-en-body-lg-400" }, tl = { class: "fm-typo-en-body-lg-600 truncate" }, sl = { class: "w-full flex gap-16 items-center" }, al = { class: "flex-1 flex flex-col gap-4 min-w-0" }, ol = { class: "text-fm-color-typo-secondary fm-typo-en-body-lg-400" }, nl = { class: "fm-typo-en-body-lg-600 truncate" }, rl = { class: "flex-1 flex flex-col gap-4 min-w-0" }, il = { class: "text-fm-color-typo-secondary fm-typo-en-body-lg-400" }, ul = { class: "fm-typo-en-body-lg-600 truncate" }, ml = /* @__PURE__ */ z({
-  __name: "MemberInfo",
-  props: {
-    data: {}
-  },
-  setup(l) {
-    const { t } = ee();
-    return (e, i) => {
-      const r = M("FmAvatar");
-      return m(), P("div", Xe, [
-        u("div", Ze, [
-          v(r, {
-            size: "xl",
-            initials: l.data.name
-          }, null, 8, ["initials"]),
-          u("div", el, [
-            u("p", ll, A(d(t)("team.memberForm.memberInfo.memberName")), 1),
-            u("p", tl, A(l.data.name || "--"), 1)
-          ])
-        ]),
-        u("div", sl, [
-          u("div", al, [
-            u("p", ol, A(d(t)("team.memberForm.memberInfo.mobileNumber")), 1),
-            u("p", nl, A(l.data.phoneNumber || "--"), 1)
-          ]),
-          u("div", rl, [
-            u("p", il, A(d(t)("team.memberForm.memberInfo.emailAddress")), 1),
-            u("p", ul, A(l.data.email || "--"), 1)
-          ])
-        ])
-      ]);
-    };
-  }
-}), dl = { class: "space-y-16" }, cl = {
-  key: 0,
-  class: "flex fm-typo-en-title-sm-600"
-}, pl = {
-  key: 0,
-  class: "q-mr-xs text-red col"
-}, fl = { class: "form-input" }, vl = /* @__PURE__ */ z({
-  __name: "AppForm",
-  props: {
-    title: {
-      type: String,
-      default: void 0
-    },
-    required: {
-      type: [Boolean, String],
-      default: !1
-    },
-    inline: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  setup(l) {
-    const t = l;
-    return (e, i) => (m(), P("div", dl, [
-      Q(e.$slots, "top", {}, () => [
-        t.title ? (m(), P("div", cl, [
-          u("div", null, [
-            t.required ? (m(), P("span", pl, "*")) : O("", !0),
-            xe(A(t.title), 1)
-          ]),
-          Q(e.$slots, "title-right")
-        ])) : O("", !0)
-      ]),
-      u("div", fl, [
-        Q(e.$slots, "default")
-      ])
-    ]));
-  }
-});
-function bl(l, t) {
-  let e = "", i = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
-  const r = i.length;
-  for (let n = 0; n < l; n++)
-    e += i.charAt(Math.floor(Math.random() * r));
-  return e;
-}
-const hl = { class: "col flex items-center" }, yl = {
-  key: 1,
-  class: "q-pa-sm form-error-message text-error"
-}, ie = /* @__PURE__ */ z({
-  __name: "CheckboxInput",
-  props: {
-    options: {
-      type: Array,
-      required: !0
-    },
-    title: {
-      type: String,
-      required: !0
-    },
-    modelValue: {
-      type: Array,
-      required: !0
-    },
-    showAllToggle: {
-      type: [Boolean, String],
-      default: !0
-    },
-    includeDisabledOptionsWhenSelectAll: {
-      type: Boolean,
-      default: !1
-    },
-    disable: {
-      type: Boolean,
-      default: !1
-    },
-    min: {
-      type: Number,
-      default: 0
-    },
-    max: {
-      type: Number,
-      default: void 0
-    },
-    showIntermediate: {
-      type: Boolean,
-      default: !0
-    },
-    gutter: {
-      type: Number,
-      default: void 0
-    },
-    falsyShowSlot: {
-      type: Boolean,
-      default: !1
-    },
-    bottomSlotIndent: {
-      type: String,
-      default: "36px"
-    },
-    alignCenter: {
-      type: Boolean,
-      default: !0
-    }
-  },
-  emits: ["update:model-value"],
-  setup(l, { emit: t }) {
-    const e = l, i = t, { t: r } = ee(), n = j(!1), k = Ae(), $ = R(() => e.modelValue.length < e.min ? `Min selection ${e.min}` : e.max !== void 0 && e.modelValue.length > e.max ? `Max selection ${e.max}` : !0), p = `checkbox-${bl(6)}`, y = R(() => $.value !== !0), F = R(
-      () => e.modelValue.filter((V) => e.options.some((U) => U.value === V))
-    ), s = R(
-      () => typeof e.showAllToggle == "boolean" ? r("team.labels.all") : e.showAllToggle
-    ), _ = R(() => e.options.length > 0 && e.options.length === F.value.length);
-    function N() {
-      const V = e.modelValue.filter((U) => !F.value.includes(U));
-      if (_.value === !0)
-        i("update:model-value", V);
-      else {
-        const U = e.includeDisabledOptionsWhenSelectAll ? e.options.map((C) => C.value) : e.options.filter((C) => !C.disabled).map((C) => C.value);
-        i("update:model-value", [...V, ...U]);
-      }
-    }
-    function B(V, U) {
-      let C = Z(e.modelValue);
-      U ? C.every((b) => b !== V) && C.push(V) : C = C.filter((b) => b !== V), i("update:model-value", C);
-    }
-    return (V, U) => {
-      const C = M("FmCheckbox");
-      return m(), I(vl, {
-        id: p,
-        title: l.title,
-        required: !1
-      }, {
-        top: q(() => [
-          Q(V.$slots, "top")
-        ]),
-        default: q(() => [
-          e.showAllToggle ? (m(), I(C, {
-            key: 0,
-            "model-value": _.value,
-            disabled: l.disable,
-            label: s.value,
-            style: de(`margin-bottom: ${e.gutter}px`),
-            size: "sm",
-            dense: "",
-            value: s.value,
-            "onUpdate:modelValue": N
-          }, null, 8, ["model-value", "disabled", "label", "style", "value"])) : O("", !0),
-          (m(!0), P(ne, null, pe(l.options, (b, c) => (m(), P("div", {
-            key: b.value,
-            style: de(`margin-bottom: ${c < l.options.length - 1 ? e.gutter : 0}px`),
-            class: oe(c < l.options.length - 1 ? "q-mb-sm" : "")
-          }, [
-            u("div", {
-              class: oe(["row justify-between", l.alignCenter ? "items-center" : "items-start"])
-            }, [
-              u("div", hl, [
-                v(C, {
-                  "model-value": l.modelValue.includes(b.value),
-                  disabled: l.disable || b.disabled,
-                  size: "sm",
-                  label: b.label,
-                  value: b.label,
-                  "onUpdate:modelValue": (h) => B(b.value, h)
-                }, null, 8, ["model-value", "disabled", "label", "value", "onUpdate:modelValue"])
-              ]),
-              d(k)[`checkbox-${b.key || b.value}-end`] && (l.modelValue.includes(b.value) || l.falsyShowSlot) ? (m(), P("div", {
-                key: 0,
-                class: oe([{ "q-checkbox disabled": l.disable || b.disabled }, "col"])
-              }, [
-                Q(V.$slots, `checkbox-${b.key || b.value}-end`, {
-                  option: b,
-                  value: l.modelValue.includes(b.value),
-                  disable: l.disable || b.disabled
-                })
-              ], 2)) : O("", !0)
-            ], 2),
-            d(k)[`checkbox-${b.key || b.value}-bottom`] && (l.modelValue.includes(b.value) || l.falsyShowSlot) ? (m(), P("div", {
-              key: 0,
-              class: oe(["q-mt-sm", { "q-checkbox disabled": l.disable || b.disabled }]),
-              style: de(`margin-left: ${l.bottomSlotIndent}`)
-            }, [
-              Q(V.$slots, `checkbox-${b.key || b.value}-bottom`, {
-                option: b,
-                disable: l.disable || b.disabled,
-                value: l.modelValue.includes(b.value)
-              })
-            ], 6)) : O("", !0)
-          ], 6))), 128)),
-          n.value && y.value ? (m(), P("div", yl, A($.value), 1)) : O("", !0)
-        ]),
-        _: 3
-      }, 8, ["title"]);
-    };
-  }
-}), gl = { class: "flex flex-col gap-16" }, _l = /* @__PURE__ */ z({
-  __name: "TeamMemberBasePermission",
-  props: {
-    modelValue: {
-      type: Array,
-      required: !0
-    },
-    disable: {
-      type: Boolean,
-      default: !1
-    },
-    excludedSubjects: {
-      type: Array,
-      required: !0
-    }
-  },
-  emits: ["update:model-value"],
-  setup(l, { emit: t }) {
-    const e = l, i = t, { t: r } = ee(), n = R(() => ue.filter((s) => !e.excludedSubjects.includes(s.subject)).filter((s) => !ke.includes(s.subject)).map((s) => ({
-      label: s.label,
-      value: s.subject
-    }))), k = R(() => ue.filter((s) => ke.includes(s.subject)).map((s) => ({
-      label: s.label,
-      value: s.subject
-    }))), $ = R(() => e.modelValue.filter((s) => n.value.some((_) => _.value === s.subject)).map((s) => s.subject)), p = R(() => e.modelValue.filter((s) => k.value.some((_) => _.value === s.subject)).map((s) => s.subject));
-    function y(s) {
-      i("update:model-value", [
-        // Keep non-general permissions unchanged
-        ...e.modelValue.filter((_) => !n.value.some((N) => N.value === _.subject)),
-        // Add selected general permissions
-        ...ue.filter((_) => s.includes(_.subject))
-      ]);
-    }
-    function F(s) {
-      i("update:model-value", [
-        // Keep non-inventory permissions unchanged
-        ...e.modelValue.filter(
-          (_) => !k.value.some((N) => N.value === _.subject)
-        ),
-        // Add selected inventory permissions
-        ...ue.filter((_) => s.includes(_.subject))
-      ]);
-    }
-    return (s, _) => (m(), P("div", gl, [
-      v(ie, {
-        "model-value": $.value,
-        options: n.value,
-        disable: l.disable,
-        title: d(r)("team.memberForm.permissions.general"),
-        "onUpdate:modelValue": y
-      }, null, 8, ["model-value", "options", "disable", "title"]),
-      k.value.length > 0 ? (m(), I(ie, {
-        key: 0,
-        "model-value": p.value,
-        options: k.value,
-        disable: l.disable,
-        title: d(r)("team.memberForm.permissions.stock"),
-        "onUpdate:modelValue": F
-      }, null, 8, ["model-value", "options", "disable", "title"])) : O("", !0)
-    ]));
-  }
-}), xl = { class: "flex items-center" }, Vl = { class: "ml-auto" }, wl = /* @__PURE__ */ z({
-  __name: "CollapsibleWrapper",
-  props: {
-    title: { default: "" },
-    initiallyCollapsed: { type: Boolean, default: !1 }
-  },
-  setup(l) {
-    const e = j(l.initiallyCollapsed), i = j(), r = j(0);
-    let n;
-    function k() {
-      e.value = !e.value;
-    }
-    function $() {
-      i.value && (r.value = i.value.scrollHeight);
-    }
-    return Me(async () => {
-      await _e(), i.value && (n = new ResizeObserver(() => {
-        $();
-      }), n.observe(i.value));
-    }), Ie(() => {
-      n == null || n.disconnect();
-    }), (p, y) => {
-      const F = M("FmButton");
-      return m(), P(ne, null, [
-        u("div", { onClick: k }, [
-          u("div", xl, [
-            Q(p.$slots, "title"),
-            u("div", Vl, [
-              v(F, {
-                icon: e.value ? "keyboard_arrow_down" : "keyboard_arrow_up",
-                "text-color": "neutral-gray-400",
-                variant: "tertiary",
-                size: "md"
-              }, null, 8, ["icon"])
-            ])
-          ])
-        ]),
-        u("div", {
-          ref_key: "contentRef",
-          ref: i,
-          class: "transition-all duration-300 ease-in-out overflow-hidden",
-          style: de({ maxHeight: e.value ? "0" : r.value + "px" })
-        }, [
-          Q(p.$slots, "default")
-        ], 4)
-      ], 64);
-    };
-  }
-}), Fl = { class: "fm-typo-en-title-sm-600" }, ve = "includedFuture", Ce = /* @__PURE__ */ z({
-  __name: "TeamMemberConditionPermission",
-  props: {
-    modelValue: {
-      type: Array,
-      default: null
-    },
-    options: {
-      type: Array,
-      required: !0
-    },
-    disable: {
-      type: Boolean,
-      default: !1
-    },
-    context: {
-      type: String,
-      required: !0
-    }
-  },
-  emits: ["update:model-value"],
-  setup(l, { emit: t }) {
-    const e = l, i = t, { t: r } = ee(), n = R(() => [
-      {
-        label: r("team.memberForm.permissions.includedFuture", { context: e.context }),
-        value: ve,
-        // Can only be selected if all other options are selected
-        disable: !!e.modelValue && e.options.length > e.modelValue.length
-      },
-      ...e.options.filter(
-        (y) => y.label.toLocaleLowerCase().includes(p.value.toLocaleLowerCase())
-      )
-    ]), k = R(() => e.modelValue ? e.modelValue : [ve, ...e.options.map((y) => y.value)]);
-    function $(y) {
-      const F = y.length === n.value.length;
-      i("update:model-value", F ? null : y.filter((s) => s !== ve));
-    }
-    const p = j("");
-    return (y, F) => {
-      const s = M("fm-search");
-      return m(), I(wl, null, {
-        title: q(() => [
-          u("p", Fl, A(d(r)("team.memberForm.permissions.manageable", { context: l.context })), 1)
-        ]),
-        default: q(() => [
-          l.options.length > 1 ? (m(), I(s, {
-            key: 0,
-            modelValue: p.value,
-            "onUpdate:modelValue": F[0] || (F[0] = (_) => p.value = _),
-            class: "mt-16",
-            placeholder: d(r)("team.memberForm.permissions.search", { context: l.context })
-          }, null, 8, ["modelValue", "placeholder"])) : O("", !0),
-          v(ie, {
-            "model-value": k.value,
-            options: n.value,
-            "show-intermediate": !1,
-            "show-all-toggle": !0,
-            disable: l.disable,
-            "include-disabled-options-when-select-all": !0,
-            title: "",
-            class: "mt-16",
-            "onUpdate:modelValue": $
-          }, null, 8, ["model-value", "options", "disable"])
-        ]),
-        _: 1
-      });
-    };
-  }
-}), $l = { class: "flex flex-col gap-40" }, Ul = { class: "flex items-center" }, kl = { class: "flex-1 flex flex-col" }, Sl = { class: "fm-typo-en-title-sm-600" }, Cl = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Pl = { class: "flex flex-row gap-16" }, Rl = { class: "flex flex-col gap-8" }, Ml = { class: "fm-typo-en-body-lg-400" }, Bl = { class: "p-16 fm-corner-radius-lg border border-fm-color-neutral-gray-200" }, be = 4, jl = /* @__PURE__ */ z({
-  __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(l, { emit: t }) {
-    const e = l, i = t, { t: r } = ee(), { searchKey: n, filter: k } = je(""), $ = j(!0), p = j([]), y = R(() => {
-      const c = {};
-      return e.roles.forEach((h) => {
-        c[h.value] = h.label;
-      }), c;
-    }), F = R(() => {
-      var h;
-      const c = {};
-      return (h = e.modelValue) == null || h.roles.forEach((E) => {
-        c[E.restaurantId] = E.roleId;
-      }), c;
-    }), s = R(() => e.restaurants.filter((c) => k([c.profile.name, c.profile.code, N(c._id)])).map((c) => ({
-      label: `${c.profile.code ? c.profile.code + "-" : ""}${c.profile.name}`,
-      value: c._id,
-      slot: `checkbox-${c._id}-bottom`,
-      disable: e.roles.filter((h) => !h.disabled).length === 0,
-      roleOptions: e.roles
-    }))), _ = R(() => {
-      const c = e.roles.find((h) => !h.disabled);
-      return c ? c.value : null;
-    });
-    function N(c) {
-      const h = F.value[c] ?? "";
-      return y.value[h] || "";
-    }
-    function B(c) {
-      c ? e.modelValue || i("update:model-value", {
-        code: "",
-        name: e.fallbackName,
-        roles: [],
-        passcode: e.fallbackPasscode || ""
-      }) : i("update:model-value", void 0);
-    }
-    function V(c, h) {
-      if (!e.modelValue || c === "passcode" && e.modelValue.passcode === h)
-        return;
-      const E = Z(e.modelValue);
-      E[c] = h, i("update:model-value", E);
-    }
-    function U(c) {
-      V(
-        "roles",
-        c.map((h) => {
-          var Y, g, a;
-          const E = (g = (Y = s.value.find((w) => w.value === h)) == null ? void 0 : Y.roleOptions.find((w) => !w.disabled)) == null ? void 0 : g.value, L = (a = e.modelValue) == null ? void 0 : a.roles.find((w) => w.restaurantId === h);
-          return {
-            restaurantId: h,
-            roleId: (L == null ? void 0 : L.roleId) || E
-          };
-        })
-      );
-    }
-    function C(c, h) {
-      V("roles", [
-        ...e.modelValue.roles.filter(
-          (E) => E.restaurantId !== c
-        ),
-        {
-          restaurantId: c,
-          roleId: h
-        }
-      ]);
-    }
-    function b() {
-      $.value && ($.value = !1, p.value = [], V("passcode", ""));
-    }
-    return Ve(
-      () => {
-        var c;
-        return (c = e.modelValue) == null ? void 0 : c.passcode;
-      },
-      (c) => {
-        c && c.length === be ? (p.value = c.split(""), $.value = !0) : (p.value = [], $.value = !1);
-      },
-      { immediate: !0 }
-    ), (c, h) => {
-      const E = M("FmSwitch"), L = M("FmTextField"), Y = M("FmPinField"), g = M("FmFormGroup"), a = M("FmSearch"), w = M("FmSelect");
-      return m(), P("div", $l, [
-        u("div", Ul, [
-          u("div", kl, [
-            u("div", Sl, A(d(r)("team.memberForm.masterUser.title")), 1),
-            u("div", Cl, A(d(r)("team.memberForm.masterUser.sublabel")), 1)
-          ]),
-          u("div", null, [
-            v(E, {
-              "model-value": !!l.modelValue,
-              value: "master-user",
-              "onUpdate:modelValue": B
-            }, null, 8, ["model-value"])
-          ])
-        ]),
-        l.modelValue ? (m(), P(ne, { key: 0 }, [
-          u("div", Pl, [
-            v(L, {
-              "model-value": l.modelValue.code,
-              label: d(r)("team.memberForm.masterUser.code"),
-              "onUpdate:modelValue": h[0] || (h[0] = (f) => V("code", f))
-            }, null, 8, ["model-value", "label"]),
-            v(L, {
-              "model-value": l.modelValue.name,
-              class: "w-full",
-              label: d(r)("team.memberForm.masterUser.name"),
-              rules: [(f) => !!f || d(r)("team.memberForm.masterUser.nameEmptyError")],
-              "onUpdate:modelValue": h[1] || (h[1] = (f) => V("name", f))
-            }, null, 8, ["model-value", "label", "rules"])
-          ]),
-          u("div", Rl, [
-            u("div", Ml, A(d(r)("team.memberForm.masterUser.passcode")), 1),
-            v(g, {
-              modelValue: p.value,
-              "onUpdate:modelValue": h[4] || (h[4] = (f) => p.value = f),
-              rules: [
-                (f) => (f == null ? void 0 : f.filter((S) => !!S).length) !== be ? d(r)("team.memberForm.masterUser.passcodeRequired") : !0
-              ]
-            }, {
-              default: q(() => [
-                (m(), I(Y, {
-                  key: `pin-field-${$.value}`,
-                  modelValue: p.value,
-                  "onUpdate:modelValue": h[2] || (h[2] = (f) => p.value = f),
-                  length: be,
-                  masked: $.value,
-                  onComplete: h[3] || (h[3] = (f) => V("passcode", f)),
-                  onFocus: b
-                }, null, 8, ["modelValue", "masked"]))
-              ]),
-              _: 1
-            }, 8, ["modelValue", "rules"])
-          ]),
-          u("div", Bl, [
-            v(a, {
-              modelValue: d(n),
-              "onUpdate:modelValue": h[5] || (h[5] = (f) => ye(n) ? n.value = f : null),
-              placeholder: d(r)("team.memberForm.role.placeholder"),
-              class: "mb-16"
-            }, null, 8, ["modelValue", "placeholder"]),
-            v(ie, {
-              "model-value": l.modelValue.roles.map((f) => f.restaurantId),
-              options: s.value,
-              min: 1,
-              title: d(r)("team.memberForm.masterUser.role"),
-              "onUpdate:modelValue": U
-            }, De({ _: 2 }, [
-              pe(s.value, (f) => ({
-                name: f.slot,
-                fn: q(() => {
-                  var S;
-                  return [
-                    u("div", null, [
-                      v(w, {
-                        "model-value": ((S = l.modelValue.roles.find((D) => D.restaurantId === f.value)) == null ? void 0 : S.roleId) || _.value,
-                        items: f.roleOptions,
-                        "onUpdate:modelValue": (D) => C(f.value, D)
-                      }, null, 8, ["model-value", "items", "onUpdate:modelValue"])
-                    ])
-                  ];
-                })
-              }))
-            ]), 1032, ["model-value", "options", "title"])
-          ])
-        ], 64)) : O("", !0)
-      ]);
-    };
-  }
-}), he = "includedNewRole", Ol = /* @__PURE__ */ z({
-  __name: "TeamMemberRolePermission",
-  props: {
-    modelValue: {
-      type: Array,
-      default: null
-    },
-    roles: {
-      type: Array,
-      required: !0
-    },
-    restaurantIds: {
-      type: Array,
-      default: null
-    },
-    disable: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  emits: ["update:model-value"],
-  setup(l, { emit: t }) {
-    const e = l, i = t, { t: r } = ee(), n = R(() => {
-      const p = e.restaurantIds;
-      return [
-        {
-          label: r("team.memberForm.permissions.includedNewRole"),
-          value: he,
-          disable: !!e.modelValue && e.roles.length > e.modelValue.length
-        },
-        ...e.roles.map((y) => ({
-          label: y.name,
-          value: y._id,
-          disable: !!p && y.restaurants.every(({ id: F }) => !p.includes(F))
-        }))
-      ];
-    }), k = R(() => e.modelValue ? e.modelValue : [he, ...e.roles.map((p) => p._id)]);
-    function $(p) {
-      const y = p.length === n.value.length;
-      i("update:model-value", y ? null : p.filter((F) => F !== he));
-    }
-    return (p, y) => (m(), I(ie, {
-      "model-value": k.value,
-      options: n.value,
-      "show-intermediate": !1,
-      "show-all-toggle": !1,
-      disable: l.disable,
-      title: d(r)("team.memberForm.permissions.roles"),
-      "onUpdate:modelValue": $
-    }, null, 8, ["model-value", "options", "disable", "title"]));
-  }
-}), Nl = {
-  async readWarehouses() {
-    return ge(await Ke().get("/warehouses"));
-  }
-}, Al = { class: "flex flex-col gap-40" }, Il = {
-  key: 0,
-  class: "p-16 fm-corner-radius-lg border border-fm-color-neutral-gray-200"
-}, Dl = {
-  key: 1,
-  class: "p-16 fm-corner-radius-lg border border-fm-color-neutral-gray-200"
-}, ql = {
-  key: 2,
-  class: "p-16 fm-corner-radius-lg border border-fm-color-neutral-gray-200"
-}, El = {
-  key: 3,
-  class: "p-16 fm-corner-radius-lg border border-fm-color-neutral-gray-200"
-}, Ll = /* @__PURE__ */ z({
-  __name: "PortalPermissionEditor",
-  props: {
-    initialValue: {
-      type: Object,
-      default: void 0
-    },
-    username: {
-      type: String,
-      required: !0
-    },
-    disable: {
-      type: Boolean,
-      default: !1
-    },
-    isOwner: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  emits: ["permissionChanged"],
-  setup(l, { emit: t }) {
-    const e = l, i = t, { t: r } = ee(), n = j({
-      permissions: []
-    }), k = [
-      G.Subject.Business.restaurant,
-      G.Subject.Business.role,
-      G.Subject.Business.stock,
-      G.Subject.Restaurant.restaurant
-    ], $ = R(() => {
-      var a;
-      const g = (a = n.value) == null ? void 0 : a.permissions.find(
-        (w) => w.subject === G.Subject.Business.stock
-      );
-      return g ? g.conditions ? JSON.parse(g.conditions).warehouseId.$in : null : [];
-    }), p = j([]);
-    Me(async () => {
-      e.initialValue && (n.value = e.initialValue), p.value = await Nl.readWarehouses();
-    });
-    function y(g) {
-      const a = F(n.value.permissions, g);
-      n.value = {
-        ...n.value,
-        permissions: a,
-        posUser: h(n.value.posUser, a)
-      };
-    }
-    function F(g, a) {
-      let w = Z(
-        g.filter((f) => f.subject !== G.Subject.Business.stock)
-      );
-      if (!a || a.length > 0) {
-        const f = {
-          actions: [G.Action.manage],
-          subject: G.Subject.Business.stock
-        };
-        a && (f.conditions = JSON.stringify({ warehouseId: { $in: a } })), w.push(f);
-      }
-      return w;
-    }
-    const { restaurants: s } = re(), _ = Oe().roles, N = R(() => s.value.reduce((g, a) => (g[a._id] = _.value.filter((w) => w.restaurants.some((f) => f.id === a._id)).map((w) => w._id), g), {})), B = R(() => Ge(n.value.permissions));
-    function V(g) {
-      const a = C(n.value.permissions, g);
-      n.value = {
-        ...n.value,
-        permissions: a,
-        posUser: h(n.value.posUser, a)
-      };
-    }
-    const U = R(() => Se(n.value.permissions));
-    function C(g, a) {
-      var S;
-      let w = Z(
-        g.filter(
-          (D) => D.subject !== G.Subject.Business.restaurant && D.subject !== G.Subject.Restaurant.restaurant
-        )
-      );
-      if (!a || a.length > 0) {
-        w.push(ce.restaurant);
-        const D = {
-          actions: [G.Action.manage],
-          subject: G.Subject.Restaurant.restaurant
-        };
-        a && (D.conditions = JSON.stringify({ restaurantId: { $in: a } })), w.push(D);
-      }
-      if (a) {
-        const D = [
-          ...new Set(a.map((W) => N.value[W]).flatMap((W) => W))
-        ], le = _.value.map((W) => W._id);
-        D.length !== le.length && (w = f(
-          w,
-          (S = U.value || le) == null ? void 0 : S.filter((W) => D.includes(W))
-        ));
-      }
-      function f(D, le) {
-        let W = Z(
-          D.filter((fe) => fe.subject !== G.Subject.Business.role)
-        );
-        const se = Z(ce.role);
-        return le && (se.conditions = JSON.stringify({ roleId: { $in: le } })), W.push(se), W;
-      }
-      return w;
-    }
-    function b(g) {
-      const a = c(n.value.permissions, g);
-      n.value = {
-        ...n.value,
-        permissions: a,
-        posUser: h(n.value.posUser, a)
-      };
-    }
-    function c(g, a) {
-      let w = Z(
-        g.filter((S) => S.subject !== G.Subject.Business.role)
-      );
-      const f = Z(ce.role);
-      return a && (f.conditions = JSON.stringify({ roleId: { $in: a } })), w.push(f), w;
-    }
-    function h(g, a) {
-      if (!g) return;
-      const w = Se(a);
-      if (!w) return g;
-      const f = Z(g);
-      return f.roles = f.roles.reduce((S, D) => (w.includes(D.roleId) && S.push(D), S), []), f;
-    }
-    const E = R(() => {
-      const g = U.value;
-      return _.value.map((a) => ({
-        label: a.name,
-        value: a._id,
-        disabled: !!g && !g.includes(a._id)
-      }));
-    }), L = j();
-    async function Y() {
-      await _e(), L.value && L.value.$el.scrollIntoView({ behavior: "smooth", block: "start" });
-    }
-    return Ve(
-      n,
-      (g) => {
-        i("permissionChanged", g);
-      },
-      { deep: !0 }
-    ), (g, a) => {
-      var w, f;
-      return m(), P("div", Al, [
-        l.isOwner ? O("", !0) : (m(), P("div", Il, [
-          v(_l, {
-            modelValue: n.value.permissions,
-            "onUpdate:modelValue": a[0] || (a[0] = (S) => n.value.permissions = S),
-            disable: l.isOwner,
-            "excluded-subjects": k
-          }, null, 8, ["modelValue", "disable"])
-        ])),
-        l.isOwner ? O("", !0) : (m(), P("div", Dl, [
-          v(Ce, {
-            "model-value": $.value,
-            options: p.value.map((S) => ({
-              label: S.profile.name,
-              value: S._id
-            })),
-            context: d(r)("team.labels.warehouse"),
-            "onUpdate:modelValue": y
-          }, null, 8, ["model-value", "options", "context"])
-        ])),
-        l.isOwner ? O("", !0) : (m(), P("div", ql, [
-          v(Ce, {
-            "model-value": B.value,
-            options: d(s).map((S) => ({
-              label: `${S.profile.code ? S.profile.code + "-" : ""}${S.profile.name}`,
-              value: S._id
-            })),
-            context: d(r)("team.labels.restaurant"),
-            "onUpdate:modelValue": V
-          }, null, 8, ["model-value", "options", "context"])
-        ])),
-        l.isOwner ? O("", !0) : (m(), P("div", El, [
-          v(Ol, {
-            roles: d(_),
-            "model-value": U.value,
-            "restaurant-ids": B.value,
-            "onUpdate:modelValue": b
-          }, null, 8, ["roles", "model-value", "restaurant-ids"])
-        ])),
-        u("div", null, [
-          v(jl, {
-            ref_key: "masterUserContentRef",
-            ref: L,
-            modelValue: n.value.posUser,
-            "onUpdate:modelValue": [
-              a[1] || (a[1] = (S) => n.value.posUser = S),
-              Y
-            ],
-            "fallback-name": l.username,
-            "fallback-passcode": (f = (w = l.initialValue) == null ? void 0 : w.posUser) == null ? void 0 : f.passcode,
-            restaurants: d(s),
-            roles: E.value
-          }, null, 8, ["modelValue", "fallback-name", "fallback-passcode", "restaurants", "roles"])
-        ])
-      ]);
-    };
-  }
-}), Pe = {
-  async readPermissionUserByPhoneNo(l) {
-    var e;
-    const { currentBusiness: t } = re();
-    return ge(
-      await Fe("/").get(`/user/b/${(e = t.value) == null ? void 0 : e._id}/phone/${l}`)
-    );
-  },
-  async readPermissionUserByEmail(l) {
-    var e;
-    const { currentBusiness: t } = re();
-    return ge(
-      await Fe("/").get(`/user/b/${(e = t.value) == null ? void 0 : e._id}/email/${l}`)
-    );
-  }
-}, Tl = { class: "flex flex-col gap-24 w-full" }, zl = {
-  key: 0,
-  class: "flex flex-col gap-8"
-}, Wl = { class: "user-info-icon user-info-icon--lg" }, Kl = { class: "flex-1 overflow-hidden" }, Gl = { class: "profile-displayName" }, Jl = { class: "profile-email" }, Hl = { class: "profile-phone" }, Yl = { key: 2 }, Ql = /* @__PURE__ */ z({
-  __name: "PortalUserSearcher",
-  emits: ["invite"],
-  setup(l, { emit: t }) {
-    const e = t, { t: i } = ee(), r = we(), n = re(), k = j("phone"), $ = j(""), p = j(""), y = j();
-    async function F() {
-      if (!$.value && !p.value) {
-        r.open({
-          type: "error",
-          title: i("team.memberForm.searchUser.emptyError")
-        });
-        return;
-      }
-      const V = k.value === "phone" ? await Pe.readPermissionUserByPhoneNo($.value.replace(/ /g, "")) : await Pe.readPermissionUserByEmail(p.value);
-      V || r.open({
-        type: "error",
-        title: i("team.memberForm.searchUser.userNotFound")
-      }), y.value = V;
-    }
-    const s = R(() => {
-      var b;
-      let V = ((b = y.value) == null ? void 0 : b.displayName) ?? "";
-      V || (V = "Feed Me");
-      const [U, C] = V.split(" ");
-      return C ? `${U[0]}${C[0]}` : U.slice(0, 2);
-    }), _ = j(!1);
-    function N(V) {
-      e("invite", V), _.value = !0;
-    }
-    function B() {
-      _.value = !1;
-    }
-    return (V, U) => {
-      var L, Y, g;
-      const C = M("FmRadio"), b = M("FmPhoneNumber"), c = M("FmTextField"), h = M("FmRadioGroup"), E = M("FmButton");
-      return m(), P("div", Tl, [
-        _.value ? O("", !0) : (m(), P("div", zl, [
-          v(h, {
-            modelValue: k.value,
-            "onUpdate:modelValue": U[2] || (U[2] = (a) => k.value = a)
-          }, {
-            default: q(() => [
-              v(C, {
-                value: "phone",
-                label: d(i)("team.memberForm.searchUser.phoneNumber")
-              }, null, 8, ["label"]),
-              k.value === "phone" ? (m(), I(b, {
-                key: 0,
-                modelValue: $.value,
-                "onUpdate:modelValue": U[0] || (U[0] = (a) => $.value = a),
-                "extra-country-codes": d(n).enabledCountries.value,
-                class: "ml-8"
-              }, null, 8, ["modelValue", "extra-country-codes"])) : O("", !0),
-              v(C, {
-                value: "email",
-                label: d(i)("team.memberForm.searchUser.email")
-              }, null, 8, ["label"]),
-              k.value === "email" ? (m(), I(c, {
-                key: 1,
-                modelValue: p.value,
-                "onUpdate:modelValue": U[1] || (U[1] = (a) => p.value = a),
-                placeholder: d(i)("team.memberForm.searchUser.emailPlaceholder"),
-                class: "ml-8"
-              }, null, 8, ["modelValue", "placeholder"])) : O("", !0)
-            ]),
-            _: 1
-          }, 8, ["modelValue"]),
-          v(E, {
-            label: d(i)("team.memberForm.searchUser.search"),
-            variant: "secondary",
-            onClick: F
-          }, null, 8, ["label"])
-        ])),
-        y.value ? (m(), P("div", {
-          key: 1,
-          class: "profile-menu--profile cursor-pointer hover:bg-fm-color-opacity-sm",
-          onClick: U[3] || (U[3] = (a) => N(y.value))
-        }, [
-          u("div", Wl, A(s.value), 1),
-          u("div", Kl, [
-            u("p", Gl, A((L = y.value) == null ? void 0 : L.displayName), 1),
-            u("p", Jl, A((Y = y.value) == null ? void 0 : Y.email), 1),
-            u("p", Hl, A((g = y.value) == null ? void 0 : g.phoneNumber), 1)
-          ])
-        ])) : O("", !0),
-        _.value ? (m(), P("div", Yl, [
-          v(E, {
-            label: d(i)("team.memberForm.searchUser.changeUser"),
-            variant: "secondary",
-            onClick: B
-          }, null, 8, ["label"])
-        ])) : O("", !0)
-      ]);
-    };
-  }
-}), Xl = /* @__PURE__ */ Le(Ql, [["__scopeId", "data-v-c2c7ed35"]]), Zl = { class: "flex w-full pb-24" }, et = /* @__PURE__ */ z({
-  __name: "AddMemberForm",
-  props: {
-    initialValue: {
-      type: Object
-    },
-    roleErrorMessage: {
-      type: String,
-      default: ""
-    }
-  },
-  setup(l, { expose: t }) {
-    const e = l, i = j(), r = j({
-      permissions: []
-    });
-    function n(F) {
-      i.value = F;
-    }
-    function k(F) {
-      r.value = { ...r.value, ...F };
-    }
-    function $() {
-      var F, s, _, N, B, V, U, C;
-      return {
-        email: ((F = i.value) == null ? void 0 : F.email) ?? void 0,
-        phoneNumber: ((s = i.value) == null ? void 0 : s.phoneNumber) ?? void 0,
-        permissions: r.value.permissions,
-        posUser: r.value.posUser ? {
-          ...r.value.posUser,
-          name: r.value.posUser.name || ((N = (_ = e.initialValue) == null ? void 0 : _.posUser) == null ? void 0 : N.name) || ((B = e.initialValue) == null ? void 0 : B.name) || ((V = i.value) == null ? void 0 : V.displayName) || "",
-          code: r.value.posUser.code || ((C = (U = e.initialValue) == null ? void 0 : U.posUser) == null ? void 0 : C.code) || "",
-          passcode: r.value.posUser.passcode,
-          roles: r.value.posUser.roles.filter((b) => !!b.roleId)
-        } : void 0
-      };
-    }
-    const p = j();
-    async function y() {
-      return (await p.value.validateInputsWithoutSubmit()).length ? null : $();
-    }
-    return t({
-      readFormData: $,
-      validate: y
-    }), (F, s) => {
-      const _ = M("FmForm");
-      return m(), I(_, {
-        ref_key: "formRef",
-        ref: p,
-        class: "mx-4 flex flex-col"
-      }, {
-        default: q(() => {
-          var N, B, V;
-          return [
-            u("div", Zl, [
-              e.initialValue ? (m(), I(ml, {
-                key: 1,
-                data: e.initialValue
-              }, null, 8, ["data"])) : (m(), I(Xl, {
-                key: 0,
-                onInvite: s[0] || (s[0] = (U) => n(U))
-              }))
-            ]),
-            i.value || l.initialValue ? (m(), I(Ll, {
-              key: 0,
-              username: ((N = l.initialValue) == null ? void 0 : N.name) || ((B = i.value) == null ? void 0 : B.displayName) || "",
-              initialValue: l.initialValue,
-              isOwner: (V = l.initialValue) == null ? void 0 : V.isOwner,
-              onPermissionChanged: s[1] || (s[1] = (U) => k(U))
-            }, null, 8, ["username", "initialValue", "isOwner"])) : O("", !0)
-          ];
-        }),
-        _: 1
-      }, 512);
-    };
-  }
-});
-function lt() {
-  const l = we();
-  function t(i) {
-    l.open({ title: i, type: "success" });
-  }
-  function e(i) {
-    l.open({ title: i, type: "error" });
-  }
-  return {
-    success: t,
-    error: e
-  };
-}
-const tt = {
-  class: "space-y-24"
-}, st = {
-  class: "space-y-8"
-}, at = {
-  class: "xs:hidden flex w-full items-start justify-between px-16"
-}, ot = {
-  class: "flex items-start gap-8"
-}, nt = {
-  class: "space-y-4 hidden xs:block px-16"
-}, rt = {
-  class: "flex items-start gap-8"
-}, it = {
-  key: 0
-}, ut = {
-  key: 1,
-  class: "bg-fm-color-neutral-white shadow-light-300 flex max-h-dvh items-center justify-center gap-24 self-stretch p-24"
-}, mt = {
-  class: "flex flex-col items-center justify-center gap-16"
-}, dt = ["src"], ct = {
-  class: "fm-typo-title-sm-700"
-}, pt = {
-  class: "fm-typo-body-md-400 text-center text-gray-500"
-}, ft = {
-  class: "flex items-center justify-start gap-8"
-};
-var H = /* @__PURE__ */ function(l) {
-  return l[l.ADD = 0] = "ADD", l[l.UPDATE = 1] = "UPDATE", l[l.CLOSED = 2] = "CLOSED", l;
-}(H || {});
-const Ft = /* @__PURE__ */ z({
-  __name: "TeamMemberList",
-  setup(l) {
-    const {
-      t
-    } = ee(), e = re(), i = Oe(), {
-      success: r,
-      error: n
-    } = lt(), k = ({
-      member: o,
-      className: x = ""
-    }) => {
-      const K = {
-        label: t("common.update"),
-        onClick: () => s(ae.Update, o)
-      }, J = {
-        label: t("common.remove"),
-        onClick: () => s(ae.Remove, o),
-        itemClass: "text-fm-color-typo-error"
-      }, X = o.doc.isOwner ? [K] : [K, J];
-      return v(Qe, {
-        class: x,
-        items: X
-      }, null);
-    }, $ = (o) => o.doc.isOwner ? t("team.labels.businessOwner") : o.restaurants.join(", "), p = [{
-      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(o) {
-        const x = o.row.original;
-        return $(x);
-      }
-    }, {
-      accessorKey: "permission",
-      header: () => t("team.table.columns.permission"),
-      enableSorting: !1,
-      cell(o) {
-        const x = o.row.original;
-        return y(x);
-      },
-      meta: {
-        width: "200px"
-      }
-    }, {
-      id: "action",
-      meta: {
-        cellClass: "pl-16",
-        headerContentClass: "-mx-16"
-      },
-      cell(o) {
-        const x = o.row.original;
-        return k({
-          member: x,
-          className: "flex justify-end w-full"
-        });
-      },
-      enableSorting: !1
-    }];
-    function y(o) {
-      return o.doc.isOwner ? t("team.labels.businessOwner") : v("div", {
-        class: "flex flex-row items-center gap-8"
-      }, [v("span", null, [t("team.labels.allowed", {
-        count: o.permissions.length
-      })]), v(Ee.FmTooltip, {
-        variant: "plain",
-        placement: "top"
-      }, {
-        default: () => v(M("componentsFmIcon"), {
-          name: "info",
-          class: "cursor-pointer text-fm-color-neutral-gray-300"
-        }, null),
-        content: () => v("div", null, [t("team.labels.permission"), o.permissions.map((x) => v("div", null, [xe("- "), x]))])
-      })]);
-    }
-    function F(o) {
-      var x, K, J, X;
-      return {
-        id: o.id,
-        isOwner: o.doc.isOwner,
-        name: o.name,
-        phoneNumber: o.phoneNumber,
-        email: o.email,
-        permissions: o.doc.permissions,
-        posUser: o.doc.posUser ? {
-          code: ((x = o.doc.posUser) == null ? void 0 : x.code) ?? "",
-          name: ((K = o.doc.posUser) == null ? void 0 : K.name) ?? o.name,
-          passcode: ((J = o.doc.posUser) == null ? void 0 : J.passcode) ?? "",
-          roles: ((X = o.doc.posUser) == null ? void 0 : X.roles) ?? []
-        } : void 0
-      };
-    }
-    const s = (o, x) => {
-      if (o == ae.Update) {
-        const K = F(x);
-        b.value = K, B.value = H.UPDATE;
-      }
-      o == ae.Remove && L(x);
-    }, _ = we(), N = qe(), B = j(H.CLOSED), V = R(() => B.value !== H.CLOSED), U = R(() => B.value === H.ADD ? t("common.add") : t("common.update")), C = R(() => B.value === H.ADD ? t("team.actions.addMember") : t("team.actions.updateMember")), b = j();
-    function c(o) {
-      o || (B.value = H.CLOSED);
-    }
-    function h() {
-      B.value = H.CLOSED;
-    }
-    const {
-      breakpoints: E
-    } = Be(), L = (o) => {
-      N.open({
-        title: t("team.actions.removeMember"),
-        message: t("team.removeMember.confirmationMessage", {
-          memberName: o.name
-        }),
-        minWidth: E.value.lg ? 588 : 0,
-        primaryActions: {
-          text: "Remove",
-          close: !1,
-          variant: "destructive"
-        },
-        secondaryActions: {
-          text: "Cancel",
-          close: !0
-        }
-      }).onPrimary(async () => {
-        await me.deleteTeamMember(o.id).then(() => _.open({
-          message: t("team.removeMember.successMessage", {
-            memberName: o.name
-          }),
-          type: "success"
-        })).catch((x) => n(x)), N.close(), W();
-      });
-    }, Y = () => {
-      b.value = null, B.value = H.ADD;
-    }, g = j([]), a = j(), w = j(), f = R(() => Object.values(ce).map((o) => ({
-      label: o.label,
-      value: o.subject
-    }))), {
-      searchKey: S,
-      filter: D
-    } = je(""), le = R(() => g.value.filter((o) => {
-      var X;
-      const x = !a.value || o.managableRestaurantIds.some((te) => a.value.includes(te)), K = ((X = o.doc.permissions) == null ? void 0 : X.map((te) => te.subject).flat().filter(Boolean)) || [], J = !w.value || K.some((te) => w.value.includes(te));
-      return x && J && D([o.name, o.phoneNumber, $(o)]);
-    }));
-    async function W(o = !0) {
-      const x = await me.readTeamMembers();
-      g.value = x.sort((K, J) => K.doc.isOwner ? -1 : K.name.localeCompare(J.name)), o || await i.readRoles();
-    }
-    const se = j();
-    async function fe() {
-      if (se.value) {
-        const o = await se.value.validate();
-        if (!o) return;
-        try {
-          await (B.value === H.ADD ? me.createTeamMember(o) : me.updateTeamMember(b.value.id, o)), await W(), B.value === H.ADD ? r(t("team.addMember.successMessage", {
-            memberName: o.name
-          })) : r(t("team.updateMember.successMessage", {
-            memberName: o.name
-          }));
-        } catch (x) {
-          n(x);
-        }
-      }
-      B.value = H.CLOSED;
-    }
-    return Ve(e.currentBusiness, () => {
-      var o;
-      (o = e.currentBusiness.value) != null && o._id && W(!1);
-    }, {
-      immediate: !0
-    }), (o, x) => {
-      const K = M("FmSpacer"), J = M("FmButton"), X = M("FmSearch"), te = M("FmTable"), Ne = M("FmSideSheet");
-      return m(), P(ne, null, [v(ze, {
-        heading: d(t)("team.title")
-      }, {
-        "append-heading": q(() => [v(K), v(J, {
-          "prepend-icon": "add",
-          label: d(t)("team.actions.addMember"),
-          onClick: Y
-        }, null, 8, ["label"])]),
-        default: q(() => [u("div", tt, [u("div", st, [u("div", at, [u("div", ot, [v(d($e), {
-          modelValue: a.value,
-          "onUpdate:modelValue": x[0] || (x[0] = (T) => a.value = T),
-          "managable-only": !1,
-          multiple: "",
-          variant: "dark",
-          class: "!w-auto"
-        }, null, 8, ["modelValue"]), v(Ue, {
-          modelValue: w.value,
-          "onUpdate:modelValue": x[1] || (x[1] = (T) => w.value = T),
-          multiple: "",
-          variant: "dark",
-          items: f.value,
-          "selected-prefix": d(t)("team.filter.selected_permission_prefix"),
-          placeholder: d(t)("team.filter.permission_placeholder")
-        }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"])]), v(X, {
-          modelValue: d(S),
-          "onUpdate:modelValue": x[2] || (x[2] = (T) => ye(S) ? S.value = T : null),
-          class: "w-[320px] xs:w-full xs:mt-8",
-          autofocus: "",
-          placeholder: d(t)("team.search.placeholder")
-        }, null, 8, ["modelValue", "placeholder"])]), u("div", nt, [v(X, {
-          modelValue: d(S),
-          "onUpdate:modelValue": x[3] || (x[3] = (T) => ye(S) ? S.value = T : null),
-          class: "w-[320px] xs:w-full xs:mt-8",
-          autofocus: "",
-          placeholder: d(t)("team.search.placeholder")
-        }, null, 8, ["modelValue", "placeholder"]), u("div", rt, [v(d($e), {
-          modelValue: a.value,
-          "onUpdate:modelValue": x[4] || (x[4] = (T) => a.value = T),
-          "managable-only": !1,
-          multiple: "",
-          variant: "dark",
-          class: "!w-auto"
-        }, null, 8, ["modelValue"]), v(Ue, {
-          modelValue: w.value,
-          "onUpdate:modelValue": x[5] || (x[5] = (T) => w.value = T),
-          multiple: "",
-          variant: "dark",
-          items: f.value,
-          "selected-prefix": d(t)("team.filter.selected_permission_prefix"),
-          placeholder: d(t)("team.filter.permission_placeholder")
-        }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"])])]), g.value && g.value.length > 0 ? (m(), P("div", it, [v(Te, null, {
-          default: q(() => [v(te, {
-            "column-defs": p,
-            "row-data": le.value,
-            "page-size": le.value.length,
-            "pin-header-row": "",
-            "hide-footer": "",
-            "shrink-at": !1,
-            onRowClick: x[6] || (x[6] = (T) => s(d(ae).Update, T.original))
-          }, null, 8, ["row-data", "page-size"])]),
-          _: 1
-        })])) : (m(), P("div", ut, [u("div", mt, [u("div", null, [u("img", {
-          src: d(We),
-          alt: "List is empty"
-        }, null, 8, dt)]), u("p", ct, A(d(t)("team.emptyState.title")), 1), u("p", pt, A(d(t)("team.emptyState.description")), 1)])]))])])]),
-        _: 1
-      }, 8, ["heading"]), v(Ne, {
-        header: C.value,
-        "model-value": V.value,
-        "max-width": 560,
-        "dismiss-away": "",
-        "onUpdate:modelValue": x[7] || (x[7] = (T) => c(T))
-      }, {
-        "side-sheet-footer": q(() => [u("div", ft, [v(J, {
-          label: U.value,
-          size: "md",
-          variant: "primary",
-          onClick: Re(fe, ["prevent"])
-        }, null, 8, ["label"]), v(J, {
-          label: d(t)("common.cancel"),
-          size: "md",
-          variant: "secondary",
-          onClick: h
-        }, null, 8, ["label"])])]),
-        default: q(() => [v(et, {
-          ref_key: "memberForm",
-          ref: se,
-          initialValue: b.value,
-          class: "gap-8"
-        }, null, 8, ["initialValue"])]),
-        _: 1
-      }, 8, ["header", "model-value"])], 64);
-    };
-  }
-});
-export {
-  Ft as default
-};