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

package/dist/FormSection.vue_vue_type_script_setup_true_lang-Cl053Tg1.js

@@ -0,0 +1,90 @@
+import { createElementBlock as s, openBlock as o, createElementVNode as n, ref as y, computed as h, defineComponent as d, renderSlot as r, createCommentVNode as i, toDisplayString as a, normalizeClass as m, createVNode as _, withCtx as b } from "vue";
+import { a as x } from "./app-n6d4AmtP.js";
+const $ = {};
+function k(e, t) {
+  return o(), s("div", null, [...t[0] || (t[0] = [
+    n("div", { class: "h-px w-full bg-fm-color-neutral-gray-100" }, null, -1)
+  ])]);
+}
+const E = /* @__PURE__ */ x($, [["render", k]]), H = (e) => {
+  const t = y("");
+  function l(c) {
+    return `${c}`.trim().toLowerCase();
+  }
+  const u = h(() => l(t.value));
+  function f(c) {
+    return u.value ? c.some((p) => l(p).includes(u.value)) : !0;
+  }
+  return { searchKey: t, filter: f };
+}, v = { class: "space-y-8" }, w = { class: "flex items-center justify-between" }, C = { class: "space-y-8" }, S = { class: "fm-typo-en-body-lg-600" }, g = {
+  key: 0,
+  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
+}, K = /* @__PURE__ */ d({
+  __name: "FormItem",
+  props: {
+    label: {},
+    description: {}
+  },
+  setup(e) {
+    return (t, l) => (o(), s("div", v, [
+      n("div", w, [
+        n("div", C, [
+          n("p", S, a(e.label), 1),
+          e.description ? (o(), s("p", g, a(e.description), 1)) : i("", !0)
+        ]),
+        r(t.$slots, "append")
+      ]),
+      r(t.$slots, "default")
+    ]));
+  }
+}), B = /* @__PURE__ */ d({
+  __name: "FormColumn",
+  props: {
+    shrinkable: { type: Boolean }
+  },
+  setup(e) {
+    return (t, l) => (o(), s("div", {
+      class: m(["flex-1 flex flex-col space-y-24", { "min-h-0": e.shrinkable }])
+    }, [
+      r(t.$slots, "default")
+    ], 2));
+  }
+}), V = {
+  key: 0,
+  class: "flex flex-row justify-between items-center"
+}, F = { class: "space-y-4" }, N = { class: "fm-typo-en-title-sm-600" }, T = {
+  key: 0,
+  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
+}, D = /* @__PURE__ */ d({
+  __name: "FormSection",
+  props: {
+    title: {},
+    subTitle: {},
+    shrinkable: { type: Boolean }
+  },
+  setup(e) {
+    return (t, l) => (o(), s("div", {
+      class: m(["flex flex-col space-y-16", { "min-h-0": e.shrinkable }])
+    }, [
+      e.title ? (o(), s("div", V, [
+        n("div", F, [
+          n("p", N, a(e.title), 1),
+          e.subTitle ? (o(), s("p", T, a(e.subTitle), 1)) : i("", !0)
+        ]),
+        r(t.$slots, "append-title")
+      ])) : i("", !0),
+      _(B, { shrinkable: e.shrinkable }, {
+        default: b(() => [
+          r(t.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["shrinkable"])
+    ], 2));
+  }
+});
+export {
+  E as H,
+  D as _,
+  K as a,
+  H as u
+};

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

@@ -1,16 +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-CNNMpacl.js";
+import { d as ge } from "./dayjs.min-DdNivv4b.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-r-QOCO99.js";
-import { _ as he } from "./app-DKHtjxyC.js";
-import { _ as Q, u as Ue, H as xe } from "./FormItem.vue_vue_type_script_setup_true_lang-4XV2qPxn.js";
-import { _ as be } from "./TableEmptyState.vue_vue_type_script_setup_true_lang-IfAZmWr0.js";
-import { u as te } from "./useLoading-sgL8DRUz.js";
-import { u as ae } from "./grant-user-uZmvD_bw.js";
-import { u as se } from "./restaurant-CHpkjUPy.js";
-import { u as re } from "./role-CkxDtfst.js";
-import { _ as Ve } from "./FormSection.vue_vue_type_script_setup_true_lang-DknXTYiK.js";
+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";
 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 }) {
@@ -88,7 +87,7 @@ const ke = { class: "fm-typo-en-title-md-600" }, Fe = { class: "space-y-40" }, w
           ]),
           default: g(() => [
             o("div", Fe, [
-              l(Ve, {
+              l(Ue, {
                 title: s(d)("grantUser.form.section")
               }, {
                 default: g(() => [
@@ -172,7 +171,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"
-}, rt = /* @__PURE__ */ X({
+}, st = /* @__PURE__ */ X({
   __name: "GrantUserList",
   setup(le, {
     expose: M
@@ -186,7 +185,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
-    } = Ue(), U = f(() => {
+    } = xe(), 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] || "";
@@ -395,7 +394,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(xe), o("div", Re, [l(A, {
+      }, null, 8, ["modelValue", "placeholder"])]), l(be), o("div", Re, [l(A, {
         modelValue: y.value,
         "onUpdate:modelValue": t[4] || (t[4] = (r) => y.value = r),
         multiple: "",
@@ -413,7 +412,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(be, {
+        default: g(() => [o("div", ze, [l(Ve, {
           "is-loading": s(x).isLoading,
           "is-empty": U.value.length === 0,
           title: s(a)("grantUser.noData.title"),
@@ -460,5 +459,5 @@ const ke = { class: "fm-typo-en-title-md-600" }, Fe = { class: "space-y-40" }, w
   }
 });
 export {
-  rt as default
+  st as default
 };

package/dist/{Main-CD8OS1rM.js → Main-BWKb-QIE.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-CHpkjUPy.js";
-import { u as _f } from "./role-CkxDtfst.js";
+import { u as gf } from "./restaurant-Dl6yx37M.js";
+import { u as _f } from "./role-DfZi7Ssk.js";
 /* empty css                                                                      */
-import "./employee-H2J0xRqJ.js";
-import "./lodash-g-62RoFP.js";
-import "./useAppStore-Bp0PwbAN.js";
-import "./iteration-DkcNkScw.js";
+import "./employee-BlfleiCU.js";
+import "./lodash-B2eWEGH4.js";
+import "./useAppStore-BPARQyvJ.js";
+import "./iteration-y_jodvfN.js";
 /* empty css                                                                      */
-import { R as pt } from "./app-DKHtjxyC.js";
-import "./rule-BWvSqhBk.js";
-import "./useReportPermissions-CcIHwTRI.js";
-import "./dayjs.min-CNNMpacl.js";
-import "./TimesheetList.vue_vue_type_style_index_0_scoped_63294af2_lang-D3--3EhR.js";
+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";
 var Nn = {};
 /*! xlsx.js (C) 2013-present SheetJS -- http://sheetjs.com */
 var qt = {};

package/dist/Main-CVGiOYpC.js

@@ -0,0 +1,101 @@
+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-DRGTxOMW.js";
+import { u as P } from "./restaurant-Dl6yx37M.js";
+import "@feedmepos/ui-library";
+import "./rule-ChmhcGgA.js";
+import "./lodash-B2eWEGH4.js";
+import "./iteration-y_jodvfN.js";
+import "./useAppStore-BPARQyvJ.js";
+import { R as B } from "./app-n6d4AmtP.js";
+import "./member-grant-CzZUdO_s.js";
+import "./role-DfZi7Ssk.js";
+/* empty css                                                                      */
+import "./useReportPermissions-By-BoJZb.js";
+const U = { class: "space-y-24" }, se = /* @__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 {
+  se as default
+};

package/dist/{Main-R0qyd8Ea.js → Main-PBJjfzBg.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-CHpkjUPy.js";
-import { u as H } from "./role-CkxDtfst.js";
-import { u as J } from "./grant-user-uZmvD_bw.js";
-import { u as K } from "./approval-code-BIpLingm.js";
-import { R as n } from "./app-DKHtjxyC.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";
 const Q = { class: "space-y-24" }, ue = /* @__PURE__ */ D({
   __name: "Main",
   setup(W) {

package/dist/MyPosProfile-BQCBFMFw.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, c as ce, r as de, i as U, d as ue, e as me, p as pe, o as fe } from "./app-n6d4AmtP.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
+};