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

package/dist/FormSection.vue_vue_type_script_setup_true_lang-DLgm6oCz.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-CDCO87ji.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-C71pal0N.js → GrantUserList-BtPTpypR.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-BZ1pM-6M.js";
+import { d as ge } from "./dayjs.min-BW6-XAUB.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-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";
+import { S as A } from "./SelectFilter-voMj4_j1.js";
+import { _ as he } from "./app-CDCO87ji.js";
+import { _ as Ue, a as Q, u as xe, H as be } from "./FormSection.vue_vue_type_script_setup_true_lang-DLgm6oCz.js";
+import { _ as Ve } from "./TableEmptyState.vue_vue_type_script_setup_true_lang-IfAZmWr0.js";
+import { u as te } from "./useLoading-D67DIqfk.js";
+import { u as ae } from "./grant-user-DMtilLJx.js";
+import { u as se } from "./restaurant-BMlLIUqe.js";
+import { u as re } from "./role-DqcBOWHL.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-BF8hlYeV.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-nwpdr7T7.js";
+import { u as P } from "./restaurant-BMlLIUqe.js";
+import "@feedmepos/ui-library";
+import "./rule-B5YNhGJ4.js";
+import "./lodash-snXoiw60.js";
+import "./iteration-CPLGGFBb.js";
+import "./useAppStore-pKAGQL6q.js";
+import { R as B } from "./app-CDCO87ji.js";
+import "./member-grant-CJyOr-q0.js";
+import "./role-DqcBOWHL.js";
+/* empty css                                                                      */
+import "./useReportPermissions-CfgnE0NY.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-CCdTWngg.js → Main-BizCV-_x.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-JDoDFVd9.js";
+import { u as gf } from "./restaurant-BMlLIUqe.js";
+import { u as _f } from "./role-DqcBOWHL.js";
 /* empty css                                                                      */
-import "./employee-HQEU8fjb.js";
-import "./lodash-Def4gaas.js";
-import "./useAppStore-DZCdxlCd.js";
-import "./iteration-ogxW2-Tv.js";
+import "./employee-BaCU-FLC.js";
+import "./lodash-snXoiw60.js";
+import "./useAppStore-pKAGQL6q.js";
+import "./iteration-CPLGGFBb.js";
 /* empty css                                                                      */
-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";
+import { R as pt } from "./app-CDCO87ji.js";
+import "./rule-B5YNhGJ4.js";
+import "./useReportPermissions-CfgnE0NY.js";
+import "./dayjs.min-BW6-XAUB.js";
+import "./TimesheetList.vue_vue_type_style_index_0_scoped_63294af2_lang-h-bWBmpI.js";
 var Nn = {};
 /*! xlsx.js (C) 2013-present SheetJS -- http://sheetjs.com */
 var qt = {};

package/dist/{Main-BWJPyEU1.js → Main-McMZU_cR.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-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";
+import { u as j } from "./restaurant-BMlLIUqe.js";
+import { u as H } from "./role-DqcBOWHL.js";
+import { u as J } from "./grant-user-DMtilLJx.js";
+import { u as K } from "./approval-code-CLE9s5dL.js";
+import { R as n } from "./app-CDCO87ji.js";
 const Q = { class: "space-y-24" }, ue = /* @__PURE__ */ D({
   __name: "Main",
   setup(W) {

package/dist/MyPosProfile-BjeCnBvL.js

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