@feedmepos/mf-hrm-portal 2.0.18-dev.2 → 2.0.18-dev.3

package/dist/TeamMemberList-CEqYCWn6.js

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