@feedmepos/mf-hrm-portal 2.3.1-dev.1 → 2.3.2-dev

package/dist/{FormItem.vue_vue_type_script_setup_true_lang-Clh43Y-8.js → FormItem.vue_vue_type_script_setup_true_lang-DPT2FoIc.js}

@@ -1,5 +1,5 @@
-import { createElementBlock as r, openBlock as c, createElementVNode as o, ref as m, computed as f, defineComponent as p, renderSlot as l, createCommentVNode as _, toDisplayString as i } from "vue";
-import { a as y } from "./app-DFL6Nv_p.js";
+import { createElementBlock as r, openBlock as c, createElementVNode as o, ref as m, computed as f, defineComponent as p, renderSlot as a, createCommentVNode as _, toDisplayString as i } from "vue";
+import { _ as y } from "./SelectFilter-ATOm0hdn.js";
 const h = {};
 function v(t, e) {
   return c(), r("div", null, [...e[0] || (e[0] = [
@@ -11,9 +11,9 @@ const C = /* @__PURE__ */ y(h, [["render", v]]), V = (t) => {
   function s(n) {
     return `${n}`.trim().toLowerCase();
   }
-  const a = f(() => s(e.value));
+  const l = f(() => s(e.value));
   function d(n) {
-    return a.value ? n.some((u) => s(u).includes(a.value)) : !0;
+    return l.value ? n.some((u) => s(u).includes(l.value)) : !0;
   }
   return { searchKey: e, filter: d };
 }, b = { class: "space-y-8" }, x = { class: "flex items-center justify-between" }, S = { class: "space-y-8" }, g = { class: "fm-typo-en-body-lg-600" }, $ = {
@@ -32,9 +32,9 @@ const C = /* @__PURE__ */ y(h, [["render", v]]), V = (t) => {
           o("p", g, i(t.label), 1),
           t.description ? (c(), r("p", $, i(t.description), 1)) : _("", !0)
         ]),
-        l(e.$slots, "append")
+        a(e.$slots, "append")
       ]),
-      l(e.$slots, "default")
+      a(e.$slots, "default")
     ]));
   }
 });

package/dist/{GrantUserList-Cw8RkFqf.js → GrantUserList-CUkuf3VV.js}

@@ -1,15 +1,15 @@
 import { defineComponent as X, ref as S, computed as f, watch as ue, resolveComponent as v, createElementBlock as D, openBlock as w, Fragment as E, renderSlot as de, createVNode as l, unref as s, withCtx as g, createElementVNode as o, toDisplayString as _, isRef as H, renderList as me, createBlock as pe, createCommentVNode as fe, withModifiers as W, createTextVNode as J, normalizeClass as ve, h as p } from "vue";
-import { d as ge } from "./dayjs.min-CH-gVmsz.js";
+import { d as ge } from "./dayjs.min-BO8bcI17.js";
 import { useI18n as Z } from "@feedmepos/mf-common";
 import { useSnackbar as ee, components as K, useDialog as _e, useBreakpoints as ye, FmButtonVariant as O } from "@feedmepos/ui-library";
-import { S as A } from "./SelectFilter-CeBV_Kug.js";
-import { _ as he } from "./app-DFL6Nv_p.js";
-import { _ as Q, u as Ue, H as xe } from "./FormItem.vue_vue_type_script_setup_true_lang-Clh43Y-8.js";
+import { S as A } from "./SelectFilter-ATOm0hdn.js";
+import { _ as he } from "./app-CdrnR_Pw.js";
+import { _ as Q, u as Ue, H as xe } from "./FormItem.vue_vue_type_script_setup_true_lang-DPT2FoIc.js";
 import { _ as be } from "./TableEmptyState.vue_vue_type_script_setup_true_lang-IfAZmWr0.js";
-import { u as te } from "./useLoading-Nygx2zn8.js";
-import { u as ae } from "./grant-user-CBJ3gEgW.js";
-import { u as se } from "./restaurant-D2mfKHaH.js";
-import { u as re } from "./role-B7nu6hH1.js";
+import { u as te } from "./useLoading-BBjBUzGJ.js";
+import { u as ae } from "./grant-user-whFOaPZI.js";
+import { u as se } from "./restaurant-CKhT6kgj.js";
+import { u as re } from "./role-C6hFKOfU.js";
 import { _ as Ve } from "./FormSection.vue_vue_type_script_setup_true_lang-DknXTYiK.js";
 const ke = { class: "fm-typo-en-title-md-600" }, Fe = { class: "space-y-40" }, we = { class: "flex gap-8 items-center justify-start" }, Se = /* @__PURE__ */ X({
   __name: "GrantUserForm",

package/dist/Main-BSHf8gTE.js

@@ -0,0 +1,100 @@
+import { defineComponent as M, ref as R, computed as i, watch as g, resolveComponent as c, createBlock as p, openBlock as d, withCtx as u, createElementVNode as A, createVNode as v, resolveDynamicComponent as h, createCommentVNode as k, createTextVNode as N, toDisplayString as w } from "vue";
+import { useRouter as x, useRoute as F } from "vue-router";
+import { useI18n as I, useCoreStore as O } from "@feedmepos/mf-common";
+import { _ as $ } from "./ResponsiveFabButton.vue_vue_type_script_setup_true_lang-QrqYEy8i.js";
+import { _ as q } from "./PageLayout.vue_vue_type_script_setup_true_lang-HKK4cbW8.js";
+import { u as D } from "./PortalUserSearcher.vue_vue_type_style_index_0_scoped_827dfd60_lang-B5QDOF0L.js";
+import { u as P } from "./restaurant-CKhT6kgj.js";
+import "@feedmepos/ui-library";
+import "./rule-BlMymDXm.js";
+import "./lodash-7SZBZ8VQ.js";
+import "./iteration-ZpERYj3o.js";
+import "./useAppStore-CL6EEDuw.js";
+import { R as B } from "./app-CdrnR_Pw.js";
+import "./member-grant-C46lvrh2.js";
+import "./role-C6hFKOfU.js";
+/* empty css                                                                      */
+const U = { class: "space-y-24" }, ue = /* @__PURE__ */ M({
+  __name: "Main",
+  setup(j) {
+    const { t: o } = I(), b = x(), S = F(), T = O(), { readRestaurants: V } = P(), { loadProviders: L } = D(), f = R(), _ = R(), s = {
+      member: B.TEAM_MEMBER,
+      role: B.TEAM_ROLE
+    }, a = i({
+      get: () => Object.keys(s).find((e) => s[e] === S.name) ?? "member",
+      set: (e) => {
+        b.push({
+          name: s[e],
+          query: b.currentRoute.value.query
+        });
+      }
+    });
+    V(), g(T.currentBusiness, () => L(), { immediate: !0 });
+    const r = i(() => l.value.find((e) => e.value === a.value) || l.value[0]), l = i(() => [
+      {
+        label: o("team.title"),
+        subTitle: o("team.subtitle"),
+        value: "member",
+        createButtonLabel: o("team.actions.addMember"),
+        createButtonAction: () => {
+          var e;
+          (e = f.value) == null || e.create();
+        }
+      },
+      {
+        label: o("permissionSet.title"),
+        value: "role",
+        createButtonLabel: o("permissionSet.createButtonLabel"),
+        createButtonAction: () => {
+          var e;
+          (e = _.value) == null || e.create();
+        }
+      }
+    ]);
+    return (e, n) => {
+      const y = c("FmSpacer"), C = c("FmTabs"), E = c("RouterView");
+      return d(), p(q, {
+        heading: r.value.label
+      }, {
+        "sub-heading": u(() => [
+          N(w(r.value.subTitle), 1)
+        ]),
+        "append-heading": u(() => {
+          var t;
+          return [
+            v(y),
+            (t = r.value) != null && t.createButtonLabel ? (d(), p($, {
+              key: 0,
+              icon: "add",
+              label: r.value.createButtonLabel,
+              onClick: n[0] || (n[0] = (m) => r.value.createButtonAction())
+            }, null, 8, ["label"])) : k("", !0)
+          ];
+        }),
+        default: u(() => [
+          A("div", U, [
+            v(C, {
+              modelValue: a.value,
+              "onUpdate:modelValue": n[1] || (n[1] = (t) => a.value = t),
+              items: l.value
+            }, null, 8, ["modelValue", "items"]),
+            v(E, null, {
+              default: u(({ Component: t }) => [
+                (d(), p(h(t), {
+                  ref: (m) => {
+                    a.value === "member" && (f.value = m), a.value === "role" && (_.value = m);
+                  }
+                }, null, 512))
+              ]),
+              _: 1
+            })
+          ])
+        ]),
+        _: 1
+      }, 8, ["heading"]);
+    };
+  }
+});
+export {
+  ue as default
+};

package/dist/{Main-Dlar77Zq.js → Main-BcixH7R5.js}

@@ -4,19 +4,19 @@ import { useCoreStore as uf, useI18n as vf } from "@feedmepos/mf-common";
 import { useSnackbar as pf } from "@feedmepos/ui-library";
 import { _ as df } from "./ResponsiveFabButton.vue_vue_type_script_setup_true_lang-QrqYEy8i.js";
 import { _ as mf } from "./PageLayout.vue_vue_type_script_setup_true_lang-HKK4cbW8.js";
-import { u as gf } from "./restaurant-D2mfKHaH.js";
-import { u as _f } from "./role-B7nu6hH1.js";
+import { u as gf } from "./restaurant-CKhT6kgj.js";
+import { u as _f } from "./role-C6hFKOfU.js";
 /* empty css                                                                      */
-import "./employee-3xpIjR6i.js";
-import "./lodash-D5kU1nPN.js";
-import "./useAppStore-DZCdxlCd.js";
-import "./iteration-D6wutq5U.js";
+import "./employee-Dg-J9goA.js";
+import "./lodash-7SZBZ8VQ.js";
+import "./useAppStore-CL6EEDuw.js";
+import "./iteration-ZpERYj3o.js";
 /* empty css                                                                      */
-import { R as pt } from "./app-DFL6Nv_p.js";
-import "./rule-CMd6SL3n.js";
-import "./useReportPermissions-BcxIKxlF.js";
-import "./dayjs.min-CH-gVmsz.js";
-import "./TimesheetList.vue_vue_type_style_index_0_scoped_63294af2_lang-oIBUAjtv.js";
+import { R as pt } from "./app-CdrnR_Pw.js";
+import "./rule-BlMymDXm.js";
+import "./useReportPermissions-Bg0fma6m.js";
+import "./dayjs.min-BO8bcI17.js";
+import "./TimesheetList.vue_vue_type_style_index_0_scoped_63294af2_lang-RIyoAmeb.js";
 var Nn = {};
 /*! xlsx.js (C) 2013-present SheetJS -- http://sheetjs.com */
 var qt = {};

package/dist/{Main-BxcRbcce.js → Main-Cg9SOzcz.js}

@@ -4,11 +4,11 @@ import { useI18n as E, useCoreStore as $ } from "@feedmepos/mf-common";
 import { useSnackbar as I } from "@feedmepos/ui-library";
 import { _ as z } from "./ResponsiveFabButton.vue_vue_type_script_setup_true_lang-QrqYEy8i.js";
 import { _ as M } from "./PageLayout.vue_vue_type_script_setup_true_lang-HKK4cbW8.js";
-import { u as j } from "./restaurant-D2mfKHaH.js";
-import { u as H } from "./role-B7nu6hH1.js";
-import { u as J } from "./grant-user-CBJ3gEgW.js";
-import { u as K } from "./approval-code-BXUiojPH.js";
-import { R as n } from "./app-DFL6Nv_p.js";
+import { u as j } from "./restaurant-CKhT6kgj.js";
+import { u as H } from "./role-C6hFKOfU.js";
+import { u as J } from "./grant-user-whFOaPZI.js";
+import { u as K } from "./approval-code-Bwvwehz9.js";
+import { R as n } from "./app-CdrnR_Pw.js";
 const Q = { class: "space-y-24" }, ue = /* @__PURE__ */ D({
   __name: "Main",
   setup(W) {

package/dist/MyPosProfile-CN8Bj3aV.js

@@ -0,0 +1,301 @@
+import { defineComponent as V, ref as r, computed as k, resolveComponent as P, createBlock as $, openBlock as l, withCtx as F, createElementVNode as t, createElementBlock as n, Fragment as M, renderList as j, toDisplayString as c, unref as s, createVNode as i, onUnmounted as Q, watch as X, createCommentVNode as Y, h as B } from "vue";
+import { useI18n as L, useCoreStore as Z, FeedMeAuth as ee } from "@feedmepos/mf-common";
+import { useSnackbar as oe, useDialog as te, useBreakpoints as se, components as ae, SnackbarPosition as le } from "@feedmepos/ui-library";
+import { _ as ne } from "./PageLayout.vue_vue_type_script_setup_true_lang-HKK4cbW8.js";
+import { t as re, f as ie, a as ce, r as de, i as U, c as ue, d as me, p as pe, o as fe } from "./app-CdrnR_Pw.js";
+import { _ as ye } from "./index.vue_vue_type_script_setup_true_lang-BVVwfd7B.js";
+const _e = { class: "flex w-full flex-col items-center gap-8 pt-[4px]" }, ge = { class: "fm-typo-en-title-sm-600 text-center" }, ve = { class: "py-[4px]" }, Pe = {
+  class: "flex items-center justify-center gap-4 rounded-[12px] bg-fm-color-neutral-gray-100 px-16 py-[20px]",
+  "data-testid": "new-passcode"
+}, he = { class: "fm-typo-en-body-md-400 pt-16 text-center text-fm-color-typo-primary" }, xe = /* @__PURE__ */ V({
+  __name: "PasscodeChangedDialog",
+  setup(R, { expose: e }) {
+    const { t: h } = L(), y = r(!1), x = r(""), b = k(() => x.value.split("")), C = (_) => {
+      x.value = _, y.value = !0;
+    }, d = () => {
+      y.value = !1, x.value = "";
+    };
+    return e({ open: C }), (_, a) => {
+      const g = P("FmIcon"), v = P("FmButton"), u = P("FmDialog");
+      return l(), $(u, {
+        modelValue: y.value,
+        "onUpdate:modelValue": [
+          a[0] || (a[0] = (m) => y.value = m),
+          a[1] || (a[1] = (m) => !m && d())
+        ],
+        "min-width": 360,
+        "max-width": 460,
+        "close-button": !1,
+        "dismiss-away": !1
+      }, {
+        "dialog-header": F(() => [
+          t("div", _e, [
+            i(g, {
+              name: "check_circle",
+              size: "xl",
+              outline: "",
+              color: "typo-success"
+            }),
+            t("p", ge, c(s(h)("myPosProfile.changed.title")), 1)
+          ])
+        ]),
+        "dialog-footer": F(() => [
+          i(v, {
+            class: "w-full",
+            variant: "primary",
+            label: s(h)("myPosProfile.changed.done"),
+            onClick: d
+          }, null, 8, ["label"])
+        ]),
+        default: F(() => [
+          t("div", ve, [
+            t("div", Pe, [
+              (l(!0), n(M, null, j(b.value, (m, w) => (l(), n("span", {
+                key: w,
+                class: "flex h-[56px] w-[52px] items-center justify-center text-[48px] font-bold leading-[56px] text-fm-color-typo-primary"
+              }, c(m), 1))), 128))
+            ]),
+            t("p", he, c(s(h)("myPosProfile.changed.message")), 1)
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+}), be = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, we = {
+  key: 1,
+  class: "flex flex-1 items-center justify-center"
+}, ke = {
+  key: 2,
+  class: "space-y-24"
+}, Fe = {
+  key: 0,
+  role: "alert",
+  "data-testid": "pos-user-shared",
+  class: "flex items-center gap-[10px] rounded-[12px] bg-fm-color-system-warning-100 px-16 py-[14px]"
+}, Se = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-primary" }, Ae = { class: "space-y-12" }, Ce = { class: "fm-typo-en-body-lg-600" }, De = { class: "flex items-center gap-24 rounded-[12px] border border-fm-color-neutral-gray-100 p-24 xs:flex-wrap" }, Be = { class: "flex h-48 w-48 shrink-0 items-center justify-center rounded-[12px] bg-fm-color-neutral-gray-100" }, Ue = { class: "min-w-0 flex-1" }, $e = { class: "flex items-center gap-8" }, Me = ["aria-label"], Ee = {
+  key: 0,
+  class: "h-[14px] w-[14px] rounded-full bg-fm-color-typo-primary"
+}, Ie = {
+  key: 1,
+  class: "fm-typo-en-title-sm-600 text-fm-color-typo-primary"
+}, ze = {
+  key: 0,
+  class: "fm-typo-en-body-md-400 pt-[6px] text-fm-color-typo-secondary"
+}, Ve = { class: "flex flex-wrap items-center gap-[10px] rounded-[12px] bg-fm-color-neutral-gray-100 px-16 py-[14px]" }, je = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Le = 4, Ke = /* @__PURE__ */ V({
+  __name: "MyPosProfile",
+  setup(R) {
+    const { t: e, locale: h } = L(), y = Z(), x = oe(), b = te(), { breakpoints: C } = se(), d = r(null), _ = r(!0), a = r(null), g = r(!1), v = r(!1), u = r(!1), m = r(), w = r(Date.now()), T = setInterval(() => w.value = Date.now(), 3e4);
+    Q(() => clearInterval(T));
+    const S = k(() => {
+      var o;
+      return ((o = d.value) == null ? void 0 : o.profile) ?? null;
+    }), N = k(() => S.value ? re(S.value) : []), E = k(
+      () => {
+        var o;
+        return ie(
+          ((o = S.value) == null ? void 0 : o.passcodeUpdatedAt) ?? null,
+          e,
+          String(h.value),
+          w.value
+        );
+      }
+    ), O = k(
+      () => a.value ? a.value.split("") : Array.from({ length: Le }, () => null)
+    ), G = [
+      {
+        id: "name",
+        header: () => e("myPosProfile.table.columns.name"),
+        enableSorting: !1,
+        cell: (o) => {
+          const f = o.row.original.name;
+          return f ? B("div", { class: "flex items-center gap-8" }, [
+            B(ae.FmAvatar, { name: f, size: "sm", class: "shrink-0" }),
+            B("span", { class: "truncate" }, f)
+          ]) : "";
+        }
+      },
+      {
+        id: "contact",
+        header: () => e("myPosProfile.table.columns.contact"),
+        enableSorting: !1,
+        cell: (o) => o.row.original.contact ?? ""
+      },
+      {
+        id: "restaurant",
+        header: () => e("myPosProfile.table.columns.restaurant"),
+        enableSorting: !1,
+        cell: (o) => o.row.original.restaurant
+      },
+      {
+        id: "role",
+        header: () => e("myPosProfile.table.columns.role"),
+        enableSorting: !1,
+        cell: (o) => o.row.original.role
+      }
+    ];
+    function A(o) {
+      x.open({ type: "error", title: o, position: le.BOTTOM });
+    }
+    async function H() {
+      _.value = !0, u.value = !1, a.value = null;
+      try {
+        d.value = await de();
+      } catch (o) {
+        d.value = null, U(o) ? u.value = !0 : A(e("myPosProfile.loadFailed"));
+      } finally {
+        _.value = !1;
+      }
+    }
+    X(
+      y.currentBusiness,
+      (o) => {
+        o && H();
+      },
+      { immediate: !0 }
+    );
+    async function K() {
+      if (a.value) {
+        a.value = null;
+        return;
+      }
+      if (!g.value) {
+        g.value = !0;
+        try {
+          a.value = (await ue()).passcode;
+        } catch (o) {
+          U(o) ? u.value = !0 : A(e("myPosProfile.passcode.revealFailed"));
+        } finally {
+          g.value = !1;
+        }
+      }
+    }
+    function W() {
+      b.open({
+        title: e("myPosProfile.change.title"),
+        message: e("myPosProfile.change.message"),
+        minWidth: C.value.lg ? 598 : 0,
+        primaryActions: {
+          text: e("common.confirm"),
+          close: !1,
+          isLoading: v
+        },
+        secondaryActions: { text: e("common.cancel"), close: !0 }
+      }).onPrimary(async () => {
+        var o, f;
+        if (!v.value) {
+          v.value = !0;
+          try {
+            const { passcode: p, passcodeUpdatedAt: D } = await me();
+            a.value = null, (o = d.value) != null && o.profile && (d.value.profile.passcodeUpdatedAt = D), w.value = Date.now(), b.close(), (f = m.value) == null || f.open(p);
+          } catch (p) {
+            b.close(), U(p) ? u.value = !0 : A(e(pe(p)));
+          } finally {
+            v.value = !1;
+          }
+        }
+      });
+    }
+    function q() {
+      fe(ee) || A(e("myPosProfile.manageAccount.failed"));
+    }
+    return (o, f) => {
+      const p = P("FmIcon"), D = P("FmTable"), I = P("FmButton");
+      return l(), $(ne, {
+        heading: s(e)("myPosProfile.title")
+      }, {
+        "sub-heading": F(() => [
+          t("p", be, c(s(e)("myPosProfile.subtitle")), 1)
+        ]),
+        default: F(() => [
+          _.value ? (l(), $(ce, { key: 0 })) : !S.value && !u.value ? (l(), n("div", we, [
+            i(s(ye), {
+              title: s(e)("myPosProfile.noPosUser.title"),
+              subtitle: s(e)("myPosProfile.noPosUser.description")
+            }, null, 8, ["title", "subtitle"])
+          ])) : (l(), n("div", ke, [
+            u.value ? (l(), n("div", Fe, [
+              i(p, {
+                name: "warning",
+                size: "sm",
+                outline: "",
+                color: "typo-warning"
+              }),
+              t("span", Se, c(s(e)("myPosProfile.shared.message")), 1)
+            ])) : (l(), n(M, { key: 1 }, [
+              i(D, {
+                "column-defs": G,
+                "row-data": N.value,
+                "page-size": 100,
+                "hide-footer": ""
+              }, null, 8, ["row-data"]),
+              t("section", Ae, [
+                t("p", Ce, c(s(e)("myPosProfile.passcode.title")), 1),
+                t("div", De, [
+                  t("div", Be, [
+                    i(p, {
+                      name: "lock",
+                      outline: ""
+                    })
+                  ]),
+                  t("div", Ue, [
+                    t("div", $e, [
+                      t("div", {
+                        class: "flex h-24 items-center gap-[10px]",
+                        "data-testid": "passcode",
+                        "aria-label": a.value ? void 0 : s(e)("myPosProfile.passcode.title")
+                      }, [
+                        (l(!0), n(M, null, j(O.value, (z, J) => (l(), n("span", {
+                          key: J,
+                          class: "flex w-[20px] items-center justify-center"
+                        }, [
+                          z === null ? (l(), n("span", Ee)) : (l(), n("span", Ie, c(z), 1))
+                        ]))), 128))
+                      ], 8, Me),
+                      i(I, {
+                        variant: "tertiary",
+                        "prepend-icon": a.value ? "visibility_off" : "visibility",
+                        loading: g.value,
+                        "aria-label": a.value ? s(e)("myPosProfile.passcode.hide") : s(e)("myPosProfile.passcode.show"),
+                        onClick: K
+                      }, null, 8, ["prepend-icon", "loading", "aria-label"])
+                    ]),
+                    E.value ? (l(), n("p", ze, c(E.value), 1)) : Y("", !0)
+                  ]),
+                  i(I, {
+                    variant: "secondary",
+                    size: "md",
+                    label: s(e)("myPosProfile.passcode.change"),
+                    onClick: W
+                  }, null, 8, ["label"])
+                ])
+              ])
+            ], 64)),
+            t("div", Ve, [
+              i(p, {
+                name: "info",
+                size: "sm",
+                outline: "",
+                color: "typo-secondary"
+              }),
+              t("span", je, c(s(e)("myPosProfile.manageAccount.message")), 1),
+              t("button", {
+                type: "button",
+                class: "fm-typo-en-body-md-600 text-fm-color-system-info-300",
+                onClick: q
+              }, c(s(e)("myPosProfile.manageAccount.link")), 1)
+            ])
+          ])),
+          i(xe, {
+            ref_key: "changedDialogRef",
+            ref: m
+          }, null, 512)
+        ]),
+        _: 1
+      }, 8, ["heading"]);
+    };
+  }
+});
+export {
+  Ke as default
+};

package/dist/PasscodePinField.vue_vue_type_script_setup_true_lang-TXPEqa46.js

@@ -0,0 +1,126 @@
+import { defineComponent as c, createElementBlock as s, openBlock as m, normalizeStyle as b, resolveComponent as u, Fragment as p, createVNode as r, createCommentVNode as g, toDisplayString as y, createElementVNode as v } from "vue";
+const B = /* @__PURE__ */ c({
+  __name: "Skeleton",
+  props: {
+    width: { default: "160px" }
+  },
+  setup(t) {
+    return (l, n) => (m(), s("div", {
+      class: "h-16 animate-pulse rounded bg-fm-color-neutral-gray-200",
+      style: b({ width: t.width })
+    }, null, 4));
+  }
+});
+function f(t) {
+  return t.map((l) => l.restaurantId).filter(Boolean);
+}
+function x(t, l, n) {
+  const o = f(l);
+  return t.filter((e) => e.managable || e._id === n).map((e) => ({
+    label: `${e.profile.code ? `${e.profile.code} - ` : ""}${e.profile.name}`,
+    value: e._id,
+    disabled: o.includes(e._id) && e._id !== n
+  }));
+}
+function k(t, l, n, o) {
+  return l ? t.filter((e) => e.restaurants.some((a) => a.id == l)).map((e) => ({
+    label: e.name,
+    value: e._id,
+    disabled: !o.isRoleUsable(e, l) && e._id !== n
+  })) : [];
+}
+function V(t, l, n, o) {
+  var a, i;
+  const e = k(t, l, n, o);
+  return ((a = e.find((d) => d.value === n && !d.disabled)) == null ? void 0 : a.value) ?? ((i = e.find((d) => !d.disabled)) == null ? void 0 : i.value) ?? "";
+}
+function C(t, l) {
+  const n = f(l), o = t.some(
+    (a) => a.managable && !n.includes(a._id)
+  ), e = l.every((a) => a.restaurantId && a.roleId);
+  return o && e;
+}
+function R(t, l, n, o) {
+  var a;
+  const e = ((a = t[l]) == null ? void 0 : a.restaurantId) ?? "";
+  return o.isRestaurantLocked(e) ? t : t.length === 1 ? [n()] : t.filter((i, d) => d !== l);
+}
+const F = {
+  key: 0,
+  class: "fm-typo-body-sm-400 text-fm-color-typo-secondary"
+}, I = /* @__PURE__ */ c({
+  __name: "PasscodeGenerateButton",
+  props: {
+    label: {},
+    hint: {},
+    disabled: { type: Boolean, default: !1 },
+    loading: { type: Boolean, default: !1 }
+  },
+  emits: ["click"],
+  setup(t) {
+    return (l, n) => {
+      const o = u("FmButton");
+      return m(), s(p, null, [
+        r(o, {
+          variant: "secondary",
+          "text-color": "primary",
+          "border-color": "primary",
+          label: t.label,
+          size: "md",
+          loading: t.loading,
+          disabled: t.disabled,
+          onClick: n[0] || (n[0] = (e) => l.$emit("click"))
+        }, null, 8, ["label", "loading", "disabled"]),
+        t.disabled ? (m(), s("div", F, y(t.hint), 1)) : g("", !0)
+      ], 64);
+    };
+  }
+}), _ = { class: "flex items-center gap-8" }, $ = ["aria-label"], P = /* @__PURE__ */ c({
+  __name: "PasscodePinField",
+  props: {
+    modelValue: {},
+    masked: { type: Boolean },
+    length: { default: 4 },
+    toggleLabel: {}
+  },
+  emits: ["update:modelValue", "update:masked", "complete"],
+  setup(t, { emit: l }) {
+    const n = l;
+    return (o, e) => {
+      const a = u("FmPinField"), i = u("FmIcon");
+      return m(), s("div", _, [
+        r(a, {
+          "model-value": t.modelValue,
+          length: t.length,
+          masked: t.masked,
+          "onUpdate:modelValue": e[0] || (e[0] = (d) => n("update:modelValue", d)),
+          onComplete: e[1] || (e[1] = (d) => n("complete", d)),
+          onFocus: e[2] || (e[2] = (d) => n("update:masked", !1))
+        }, null, 8, ["model-value", "length", "masked"]),
+        v("button", {
+          type: "button",
+          class: "flex items-center justify-center rounded-full p-4 hover:bg-fm-color-neutral-gray-100",
+          "aria-label": t.toggleLabel,
+          onClick: e[3] || (e[3] = (d) => n("update:masked", !t.masked))
+        }, [
+          r(i, {
+            name: t.masked ? "visibility" : "visibility_off",
+            size: "md",
+            class: "text-fm-color-neutral-gray-300"
+          }, null, 8, ["name"])
+        ], 8, $)
+      ]);
+    };
+  }
+});
+export {
+  P as _,
+  k as a,
+  x as b,
+  C as c,
+  I as d,
+  B as e,
+  V as p,
+  R as r,
+  f as s
+};