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

package/dist/TeamMemberList-DtXoUa5K.js

@@ -0,0 +1,1508 @@
+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
+};