@feedmepos/mf-hrm-portal 1.1.0-dev → 1.1.1-dev

package/dist/TeamMemberList-BkRQl6x8.js

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