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

package/dist/FormItem.vue_vue_type_script_setup_true_lang-cLEnrtC6.js

@@ -0,0 +1,45 @@
+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-D-MUq9Ab.js";
+const h = {};
+function v(t, e) {
+  return c(), r("div", null, [...e[0] || (e[0] = [
+    o("div", { class: "h-px w-full bg-fm-color-neutral-gray-100" }, null, -1)
+  ])]);
+}
+const C = /* @__PURE__ */ y(h, [["render", v]]), V = (t) => {
+  const e = m("");
+  function s(n) {
+    return `${n}`.trim().toLowerCase();
+  }
+  const a = f(() => s(e.value));
+  function d(n) {
+    return a.value ? n.some((u) => s(u).includes(a.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" }, $ = {
+  key: 0,
+  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
+}, B = /* @__PURE__ */ p({
+  __name: "FormItem",
+  props: {
+    label: {},
+    description: {}
+  },
+  setup(t) {
+    return (e, s) => (c(), r("div", b, [
+      o("div", x, [
+        o("div", S, [
+          o("p", g, i(t.label), 1),
+          t.description ? (c(), r("p", $, i(t.description), 1)) : _("", !0)
+        ]),
+        l(e.$slots, "append")
+      ]),
+      l(e.$slots, "default")
+    ]));
+  }
+});
+export {
+  C as H,
+  B as _,
+  V as u
+};

package/dist/FormSection.vue_vue_type_script_setup_true_lang-DknXTYiK.js

@@ -0,0 +1,49 @@
+import { defineComponent as c, createElementBlock as s, openBlock as l, normalizeClass as r, renderSlot as n, createCommentVNode as o, createVNode as d, createElementVNode as a, toDisplayString as i, withCtx as f } from "vue";
+const h = /* @__PURE__ */ c({
+  __name: "FormColumn",
+  props: {
+    shrinkable: { type: Boolean }
+  },
+  setup(e) {
+    return (t, m) => (l(), s("div", {
+      class: r(["flex-1 flex flex-col space-y-24", { "min-h-0": e.shrinkable }])
+    }, [
+      n(t.$slots, "default")
+    ], 2));
+  }
+}), u = {
+  key: 0,
+  class: "flex flex-row justify-between items-center"
+}, y = { class: "space-y-4" }, p = { class: "fm-typo-en-title-sm-600" }, b = {
+  key: 0,
+  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
+}, x = /* @__PURE__ */ c({
+  __name: "FormSection",
+  props: {
+    title: {},
+    subTitle: {},
+    shrinkable: { type: Boolean }
+  },
+  setup(e) {
+    return (t, m) => (l(), s("div", {
+      class: r(["flex flex-col space-y-16", { "min-h-0": e.shrinkable }])
+    }, [
+      e.title ? (l(), s("div", u, [
+        a("div", y, [
+          a("p", p, i(e.title), 1),
+          e.subTitle ? (l(), s("p", b, i(e.subTitle), 1)) : o("", !0)
+        ]),
+        n(t.$slots, "append-title")
+      ])) : o("", !0),
+      d(h, { shrinkable: e.shrinkable }, {
+        default: f(() => [
+          n(t.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["shrinkable"])
+    ], 2));
+  }
+});
+export {
+  x as _
+};

package/dist/{GrantUserList-LWpqhl-5.js → GrantUserList-C71pal0N.js}

@@ -1,15 +1,16 @@
 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-DdNivv4b.js";
+import { d as ge } from "./dayjs.min-BZ1pM-6M.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-D9T0nFvG.js";
-import { _ as he } from "./app-n6d4AmtP.js";
-import { _ as Ue, a as Q, u as xe, H as be } from "./FormSection.vue_vue_type_script_setup_true_lang-Cl053Tg1.js";
-import { _ as Ve } from "./TableEmptyState.vue_vue_type_script_setup_true_lang-IfAZmWr0.js";
-import { u as te } from "./useLoading-iPESFb6R.js";
-import { u as ae } from "./grant-user-BmTyexk3.js";
-import { u as se } from "./restaurant-Dl6yx37M.js";
-import { u as re } from "./role-DfZi7Ssk.js";
+import { S as A } from "./SelectFilter-BXeVKgHN.js";
+import { _ as he } from "./app-D-MUq9Ab.js";
+import { _ as Q, u as Ue, H as xe } from "./FormItem.vue_vue_type_script_setup_true_lang-cLEnrtC6.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-JDoDFVd9.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",
   setup(le, { expose: M }) {
@@ -87,7 +88,7 @@ const ke = { class: "fm-typo-en-title-md-600" }, Fe = { class: "space-y-40" }, w
           ]),
           default: g(() => [
             o("div", Fe, [
-              l(Ue, {
+              l(Ve, {
                 title: s(d)("grantUser.form.section")
               }, {
                 default: g(() => [
@@ -171,7 +172,7 @@ const ke = { class: "fm-typo-en-title-md-600" }, Fe = { class: "space-y-40" }, w
 }, Ee = {
   key: 0,
   class: "flex flex-col gap-4"
-}, st = /* @__PURE__ */ X({
+}, rt = /* @__PURE__ */ X({
   __name: "GrantUserList",
   setup(le, {
     expose: M
@@ -185,7 +186,7 @@ const ke = { class: "fm-typo-en-title-md-600" }, Fe = { class: "space-y-40" }, w
     } = re(), h = f(() => x.grantUsers), {
       searchKey: n,
       filter: B
-    } = xe(), U = f(() => {
+    } = Ue(), U = f(() => {
       var e;
       return (e = h.value) == null ? void 0 : e.filter((t) => {
         const m = !y.value || y.value.includes(t.restaurantId), G = !k.value || k.value.includes(t.status), L = b.value[t.restaurantId] || "", j = V.value[t.roleId] || "";
@@ -394,7 +395,7 @@ const ke = { class: "fm-typo-en-title-md-600" }, Fe = { class: "space-y-40" }, w
         "onUpdate:modelValue": t[3] || (t[3] = (r) => H(n) ? n.value = r : null),
         autofocus: "",
         placeholder: s(a)("grantUser.search.placeholder")
-      }, null, 8, ["modelValue", "placeholder"])]), l(be), o("div", Re, [l(A, {
+      }, null, 8, ["modelValue", "placeholder"])]), l(xe), o("div", Re, [l(A, {
         modelValue: y.value,
         "onUpdate:modelValue": t[4] || (t[4] = (r) => y.value = r),
         multiple: "",
@@ -412,7 +413,7 @@ const ke = { class: "fm-typo-en-title-md-600" }, Fe = { class: "space-y-40" }, w
         "selected-prefix": s(a)("grantUser.filter.selected_status_prefix"),
         placeholder: s(a)("grantUser.filter.status_placeholder")
       }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"])])]), l(he, null, {
-        default: g(() => [o("div", ze, [l(Ve, {
+        default: g(() => [o("div", ze, [l(be, {
           "is-loading": s(x).isLoading,
           "is-empty": U.value.length === 0,
           title: s(a)("grantUser.noData.title"),
@@ -459,5 +460,5 @@ const ke = { class: "fm-typo-en-title-md-600" }, Fe = { class: "space-y-40" }, w
   }
 });
 export {
-  st as default
+  rt as default
 };

package/dist/{Main-PBJjfzBg.js → Main-BWJPyEU1.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-Dl6yx37M.js";
-import { u as H } from "./role-DfZi7Ssk.js";
-import { u as J } from "./grant-user-BmTyexk3.js";
-import { u as K } from "./approval-code-1j1OoXt1.js";
-import { R as n } from "./app-n6d4AmtP.js";
+import { u as j } from "./restaurant-D2mfKHaH.js";
+import { u as H } from "./role-JDoDFVd9.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-D-MUq9Ab.js";
 const Q = { class: "space-y-24" }, ue = /* @__PURE__ */ D({
   __name: "Main",
   setup(W) {

package/dist/{Main-BWKb-QIE.js → Main-CCdTWngg.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-Dl6yx37M.js";
-import { u as _f } from "./role-DfZi7Ssk.js";
+import { u as gf } from "./restaurant-D2mfKHaH.js";
+import { u as _f } from "./role-JDoDFVd9.js";
 /* empty css                                                                      */
-import "./employee-BlfleiCU.js";
-import "./lodash-B2eWEGH4.js";
-import "./useAppStore-BPARQyvJ.js";
-import "./iteration-y_jodvfN.js";
+import "./employee-HQEU8fjb.js";
+import "./lodash-Def4gaas.js";
+import "./useAppStore-DZCdxlCd.js";
+import "./iteration-ogxW2-Tv.js";
 /* empty css                                                                      */
-import { R as pt } from "./app-n6d4AmtP.js";
-import "./rule-ChmhcGgA.js";
-import "./useReportPermissions-By-BoJZb.js";
-import "./dayjs.min-DdNivv4b.js";
-import "./TimesheetList.vue_vue_type_style_index_0_scoped_63294af2_lang-BLqgALLe.js";
+import { R as pt } from "./app-D-MUq9Ab.js";
+import "./rule-DPtqlnz-.js";
+import "./useReportPermissions-CxV7Dz1B.js";
+import "./dayjs.min-BZ1pM-6M.js";
+import "./TimesheetList.vue_vue_type_style_index_0_scoped_63294af2_lang-D0zAVqCa.js";
 var Nn = {};
 /*! xlsx.js (C) 2013-present SheetJS -- http://sheetjs.com */
 var qt = {};

package/dist/Main-DGf0bQvy.js

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

package/dist/PasscodePinField.vue_vue_type_script_setup_true_lang-CqG0v0Sz.js

@@ -0,0 +1,243 @@
+import { defineComponent as I, createElementBlock as u, openBlock as m, normalizeStyle as P, computed as x, resolveComponent as k, createElementVNode as r, createVNode as p, toDisplayString as _, Fragment as L, renderList as S, createCommentVNode as $, withKeys as F, withModifiers as V, normalizeClass as j } from "vue";
+const ee = /* @__PURE__ */ I({
+  __name: "Skeleton",
+  props: {
+    width: { default: "160px" }
+  },
+  setup(e) {
+    return (a, t) => (m(), u("div", {
+      class: "h-16 animate-pulse rounded bg-fm-color-neutral-gray-200",
+      style: P({ width: e.width })
+    }, null, 4));
+  }
+});
+function B(e) {
+  return e.map((a) => a.restaurantId).filter(Boolean);
+}
+function w(e, a, t) {
+  const o = B(a);
+  return e.filter((l) => l.managable || l._id === t).map((l) => ({
+    label: `${l.profile.code ? `${l.profile.code} - ` : ""}${l.profile.name}`,
+    value: l._id,
+    disabled: o.includes(l._id) && l._id !== t
+  }));
+}
+function C(e, a, t, o) {
+  return a ? e.filter((l) => l.restaurants.some((s) => s.id == a)).map((l) => ({
+    label: l.name,
+    value: l._id,
+    disabled: !o.isRoleUsable(l, a) && l._id !== t
+  })) : [];
+}
+function K(e, a, t, o) {
+  var s, c;
+  const l = C(e, a, t, o);
+  return ((s = l.find((n) => n.value === t && !n.disabled)) == null ? void 0 : s.value) ?? ((c = l.find((n) => !n.disabled)) == null ? void 0 : c.value) ?? "";
+}
+function N(e, a) {
+  const t = B(a), o = e.some(
+    (s) => s.managable && !t.includes(s._id)
+  ), l = a.every((s) => s.restaurantId && s.roleId);
+  return o && l;
+}
+function E(e, a, t, o) {
+  var s;
+  const l = ((s = e[a]) == null ? void 0 : s.restaurantId) ?? "";
+  return o.isRestaurantLocked(l) ? e : e.length === 1 ? [t()] : e.filter((c, n) => n !== a);
+}
+const M = { class: "rounded-lg border border-fm-color-neutral-gray-200 p-16 space-y-16" }, D = { class: "fm-typo-en-title-sm-600" }, G = { class: "space-y-16" }, q = { class: "grid grid-cols-[minmax(0,1fr)_minmax(0,1fr)_auto] gap-16" }, H = { class: "text-sm font-semibold text-fm-color-typo-primary" }, J = { class: "text-sm font-semibold text-fm-color-typo-primary" }, Q = { class: "flex justify-self-end" }, T = ["tabindex", "aria-disabled", "aria-label", "onClick", "onKeydown"], te = /* @__PURE__ */ I({
+  __name: "OutletRoleAssignment",
+  props: {
+    modelValue: {},
+    restaurants: {},
+    roles: {},
+    isRoleUsable: {},
+    isRestaurantLocked: { type: Function, default: () => !1 },
+    createRow: {},
+    title: {},
+    restaurantLabel: {},
+    roleLabel: {},
+    addLabel: {},
+    removeLabel: {}
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: a }) {
+    const t = e, o = a, l = x(() => ({
+      isRoleUsable: t.isRoleUsable,
+      isRestaurantLocked: t.isRestaurantLocked
+    }));
+    function s(d) {
+      return w(t.restaurants, t.modelValue, d);
+    }
+    function c(d) {
+      return C(t.roles, d.restaurantId, d.roleId, l.value);
+    }
+    function n(d) {
+      return t.isRestaurantLocked(d);
+    }
+    function U(d, f) {
+      const b = t.modelValue[d], v = K(t.roles, f, b.roleId, l.value), h = [...t.modelValue];
+      h[d] = { ...b, restaurantId: f, roleId: v }, o("update:modelValue", h);
+    }
+    function z(d, f) {
+      const b = t.modelValue[d], v = [...t.modelValue];
+      v[d] = { ...b, roleId: f }, o("update:modelValue", v);
+    }
+    function O() {
+      o("update:modelValue", [...t.modelValue, t.createRow()]);
+    }
+    function R(d) {
+      o(
+        "update:modelValue",
+        E(t.modelValue, d, t.createRow, l.value)
+      );
+    }
+    const A = x(() => N(t.restaurants, t.modelValue));
+    return (d, f) => {
+      const b = k("FmSelect"), v = k("FmIcon"), h = k("FmButton");
+      return m(), u("div", M, [
+        r("div", D, _(e.title), 1),
+        r("div", G, [
+          r("div", q, [
+            r("div", H, _(e.restaurantLabel), 1),
+            r("div", J, _(e.roleLabel), 1),
+            f[0] || (f[0] = r("div", null, null, -1))
+          ]),
+          (m(!0), u(L, null, S(e.modelValue, (i, y) => (m(), u("div", {
+            key: `${i.restaurantId || "new"}-${y}`,
+            class: "grid grid-cols-[minmax(0,1fr)_minmax(0,1fr)_auto] items-center gap-16"
+          }, [
+            p(b, {
+              class: "min-w-0",
+              "model-value": i.restaurantId,
+              items: s(i.restaurantId),
+              multiselect: !1,
+              searchable: "",
+              "search-debounce": 300,
+              placeholder: e.restaurantLabel,
+              disabled: n(i.restaurantId),
+              "onUpdate:modelValue": (g) => U(y, g)
+            }, null, 8, ["model-value", "items", "placeholder", "disabled", "onUpdate:modelValue"]),
+            p(b, {
+              class: "min-w-0",
+              "model-value": i.roleId,
+              items: c(i),
+              multiselect: !1,
+              placeholder: e.roleLabel,
+              disabled: !i.restaurantId || n(i.restaurantId),
+              "onUpdate:modelValue": (g) => z(y, g)
+            }, null, 8, ["model-value", "items", "placeholder", "disabled", "onUpdate:modelValue"]),
+            r("div", Q, [
+              e.modelValue.length > 1 ? (m(), u("div", {
+                key: 0,
+                role: "button",
+                tabindex: n(i.restaurantId) ? -1 : 0,
+                "aria-disabled": n(i.restaurantId),
+                class: j(["inline-flex h-40 w-40 shrink-0 items-center justify-center rounded-lg text-fm-color-neutral-gray-400 transition-colors hover:bg-fm-color-neutral-gray-100 focus:outline-none focus:ring-2 focus:ring-fm-color-primary disabled:cursor-not-allowed disabled:text-fm-color-neutral-gray-200 disabled:hover:bg-transparent", {
+                  "cursor-pointer": !n(i.restaurantId),
+                  "pointer-events-none": n(i.restaurantId)
+                }]),
+                "aria-label": e.removeLabel,
+                onClick: V((g) => R(y), ["stop"]),
+                onKeydown: [
+                  F(V((g) => R(y), ["prevent", "stop"]), ["enter"]),
+                  F(V((g) => R(y), ["prevent", "stop"]), ["space"])
+                ]
+              }, [
+                p(v, {
+                  name: "delete",
+                  size: "md"
+                })
+              ], 42, T)) : $("", !0)
+            ])
+          ]))), 128))
+        ]),
+        p(h, {
+          type: "button",
+          variant: "secondary",
+          "text-color": "primary",
+          "border-color": "primary",
+          "prepend-icon": "add",
+          label: e.addLabel,
+          size: "md",
+          disabled: !A.value,
+          onClick: V(O, ["stop"])
+        }, null, 8, ["label", "disabled"])
+      ]);
+    };
+  }
+}), W = {
+  key: 0,
+  class: "fm-typo-body-sm-400 text-fm-color-typo-secondary"
+}, le = /* @__PURE__ */ I({
+  __name: "PasscodeGenerateButton",
+  props: {
+    label: {},
+    hint: {},
+    disabled: { type: Boolean, default: !1 },
+    loading: { type: Boolean, default: !1 }
+  },
+  emits: ["click"],
+  setup(e) {
+    return (a, t) => {
+      const o = k("FmButton");
+      return m(), u(L, null, [
+        p(o, {
+          variant: "secondary",
+          "text-color": "primary",
+          "border-color": "primary",
+          label: e.label,
+          size: "md",
+          loading: e.loading,
+          disabled: e.disabled,
+          onClick: t[0] || (t[0] = (l) => a.$emit("click"))
+        }, null, 8, ["label", "loading", "disabled"]),
+        e.disabled ? (m(), u("div", W, _(e.hint), 1)) : $("", !0)
+      ], 64);
+    };
+  }
+}), X = { class: "flex items-center gap-8" }, Y = ["aria-label"], ae = /* @__PURE__ */ I({
+  __name: "PasscodePinField",
+  props: {
+    modelValue: {},
+    masked: { type: Boolean },
+    length: { default: 4 },
+    toggleLabel: {}
+  },
+  emits: ["update:modelValue", "update:masked", "complete"],
+  setup(e, { emit: a }) {
+    const t = a;
+    return (o, l) => {
+      const s = k("FmPinField"), c = k("FmIcon");
+      return m(), u("div", X, [
+        p(s, {
+          "model-value": e.modelValue,
+          length: e.length,
+          masked: e.masked,
+          "onUpdate:modelValue": l[0] || (l[0] = (n) => t("update:modelValue", n)),
+          onComplete: l[1] || (l[1] = (n) => t("complete", n)),
+          onFocus: l[2] || (l[2] = (n) => t("update:masked", !1))
+        }, null, 8, ["model-value", "length", "masked"]),
+        r("button", {
+          type: "button",
+          class: "flex items-center justify-center rounded-full p-4 hover:bg-fm-color-neutral-gray-100",
+          "aria-label": e.toggleLabel,
+          onClick: l[3] || (l[3] = (n) => t("update:masked", !e.masked))
+        }, [
+          p(c, {
+            name: e.masked ? "visibility" : "visibility_off",
+            size: "md",
+            class: "text-fm-color-neutral-gray-300"
+          }, null, 8, ["name"])
+        ], 8, Y)
+      ]);
+    };
+  }
+});
+export {
+  ae as _,
+  le as a,
+  te as b,
+  ee as c,
+  B as s
+};