@feedmepos/mf-hrm-portal 2.0.11 → 2.0.12-dev

package/dist/TeamMemberList-D65MpqIr.js

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