@feedmepos/mf-hrm-portal 2.3.2-dev.4 → 2.3.2-dev.6

package/dist/{MyPosProfile-Bp7-pATz.js → MyPosProfile-DaUdREQX.js}

@@ -1,27 +1,27 @@
-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 { 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 ie, c as ce, r as de, i as U, d as ue, e as me, p as pe, o as fe } from "./app-BHQJX4L4.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 = {
+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-DOFDND9j.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" }, xe = /* @__PURE__ */ V({
+}, he = { class: "fm-typo-en-body-md-400 pt-16 text-center text-fm-color-typo-primary" }, Pe = /* @__PURE__ */ j({
   __name: "PasscodeChangedDialog",
-  setup(R, { expose: e }) {
-    const { t: h } = L(), y = r(!1), x = r(""), b = k(() => x.value.split("")), C = (_) => {
+  setup(T, { expose: e }) {
+    const { t: P } = R(), y = u(!1), x = u(""), b = v(() => x.value.split("")), A = (_) => {
       x.value = _, y.value = !0;
-    }, d = () => {
+    }, i = () => {
       y.value = !1, x.value = "";
     };
-    return e({ open: C }), (_, a) => {
-      const g = P("FmIcon"), v = P("FmButton"), u = P("FmDialog");
-      return l(), $(u, {
+    return e({ open: A }), (_, n) => {
+      const g = h("FmIcon"), p = h("FmButton"), S = h("FmDialog");
+      return a(), $(S, {
         modelValue: y.value,
         "onUpdate:modelValue": [
-          a[0] || (a[0] = (m) => y.value = m),
-          a[1] || (a[1] = (m) => !m && d())
+          n[0] || (n[0] = (d) => y.value = d),
+          n[1] || (n[1] = (d) => !d && i())
         ],
         "min-width": 360,
         "max-width": 460,
@@ -29,79 +29,82 @@ const _e = { class: "flex w-full flex-col items-center gap-8 pt-[4px]" }, ge = {
         "dismiss-away": !1
       }, {
         "dialog-header": F(() => [
-          t("div", _e, [
-            i(g, {
+          t("div", ye, [
+            r(g, {
               name: "check_circle",
               size: "xl",
               outline: "",
               color: "typo-success"
             }),
-            t("p", ge, c(s(h)("myPosProfile.changed.title")), 1)
+            t("p", _e, c(s(P)("myPosProfile.changed.title")), 1)
           ])
         ]),
         "dialog-footer": F(() => [
-          i(v, {
+          r(p, {
             class: "w-full",
             variant: "primary",
-            label: s(h)("myPosProfile.changed.done"),
-            onClick: d
+            label: s(P)("myPosProfile.changed.done"),
+            onClick: i
           }, 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,
+          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(m), 1))), 128))
+              }, c(d), 1))), 128))
             ]),
-            t("p", he, c(s(h)("myPosProfile.changed.message")), 1)
+            t("p", he, c(s(P)("myPosProfile.changed.message")), 1)
           ])
         ]),
         _: 1
       }, 8, ["modelValue"]);
     };
   }
-}), be = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, we = {
+}), xe = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, be = {
   key: 1,
   class: "flex flex-1 items-center justify-center"
-}, ke = {
+}, we = {
   key: 2,
   class: "space-y-24"
-}, Fe = {
+}, 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]"
-}, 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 = {
+}, 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"
-}, ze = {
+}, Me = {
   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({
+}, 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(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(() => {
+  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 = d.value) == null ? void 0 : o.profile) ?? null;
-    }), N = k(() => S.value ? re(S.value) : []), E = k(
+      return ((o = i.value) == null ? void 0 : o.profile) ?? null;
+    }), N = v(() => w.value ? re(w.value) : []), I = v(
       () => {
         var o;
-        return ie(
-          ((o = S.value) == null ? void 0 : o.passcodeUpdatedAt) ?? null,
+        return ce(
+          ((o = w.value) == null ? void 0 : o.passcodeUpdatedAt) ?? null,
           e,
-          String(h.value),
-          w.value
+          String(P.value),
+          d.value
         );
       }
-    ), O = k(
-      () => a.value ? a.value.split("") : Array.from({ length: Le }, () => null)
+    ), 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",
@@ -109,9 +112,9 @@ const _e = { class: "flex w-full flex-col items-center gap-8 pt-[4px]" }, ge = {
         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)
+          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)
           ]) : "";
         }
       },
@@ -134,15 +137,15 @@ const _e = { class: "flex w-full flex-col items-center gap-8 pt-[4px]" }, ge = {
         cell: (o) => o.row.original.role
       }
     ];
-    function A(o) {
+    function D(o) {
       x.open({ type: "error", title: o, position: le.BOTTOM });
     }
     async function H() {
-      _.value = !0, u.value = !1, a.value = null;
+      _.value = !0, p.value = !1, n.value = !1;
       try {
-        d.value = await de();
+        i.value = await de();
       } catch (o) {
-        d.value = null, U(o) ? u.value = !0 : A(e("myPosProfile.loadFailed"));
+        i.value = null, V(o) ? p.value = !0 : D(e("myPosProfile.loadFailed"));
       } finally {
         _.value = !1;
       }
@@ -154,115 +157,101 @@ const _e = { class: "flex w-full flex-col items-center gap-8 pt-[4px]" }, ge = {
       },
       { 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 K() {
+      n.value = !n.value;
     }
     function W() {
       b.open({
         title: e("myPosProfile.change.title"),
         message: e("myPosProfile.change.message"),
-        minWidth: C.value.lg ? 598 : 0,
+        minWidth: A.value.lg ? 598 : 0,
         primaryActions: {
           text: e("common.confirm"),
           close: !1,
-          isLoading: v
+          isLoading: g
         },
         secondaryActions: { text: e("common.cancel"), close: !0 }
       }).onPrimary(async () => {
         var o, f;
-        if (!v.value) {
-          v.value = !0;
+        if (!g.value) {
+          g.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)));
+            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 {
-            v.value = !1;
+            g.value = !1;
           }
         }
       });
     }
     function q() {
-      fe(ee) || A(e("myPosProfile.manageAccount.failed"));
+      pe(ee) || D(e("myPosProfile.manageAccount.failed"));
     }
     return (o, f) => {
-      const p = P("FmIcon"), D = P("FmTable"), I = P("FmButton");
-      return l(), $(ne, {
+      const m = h("FmIcon"), B = h("FmTable"), M = h("FmButton");
+      return a(), $(ne, {
         heading: s(e)("myPosProfile.title")
       }, {
         "sub-heading": F(() => [
-          t("p", be, c(s(e)("myPosProfile.subtitle")), 1)
+          t("p", xe, c(s(e)("myPosProfile.subtitle")), 1)
         ]),
         default: F(() => [
-          _.value ? (l(), $(ce, { key: 0 })) : !S.value && !u.value ? (l(), n("div", we, [
-            i(s(ye), {
+          _.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"])
-          ])) : (l(), n("div", ke, [
-            u.value ? (l(), n("div", Fe, [
-              i(p, {
+          ])) : (a(), l("div", we, [
+            p.value ? (a(), l("div", ke, [
+              r(m, {
                 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, {
+              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", Ae, [
-                t("p", Ce, c(s(e)("myPosProfile.passcode.title")), 1),
-                t("div", De, [
-                  t("div", Be, [
-                    i(p, {
+              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", Ue, [
-                    t("div", $e, [
+                  t("div", Be, [
+                    t("div", Ue, [
                       t("div", {
                         class: "flex h-24 items-center gap-[10px]",
                         "data-testid": "passcode",
-                        "aria-label": a.value ? void 0 : s(e)("myPosProfile.passcode.title")
+                        "aria-label": k.value ? void 0 : s(e)("myPosProfile.passcode.title")
                       }, [
-                        (l(!0), n(M, null, j(O.value, (z, J) => (l(), n("span", {
+                        (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 ? (l(), n("span", Ee)) : (l(), n("span", Ie, c(z), 1))
+                          z === null ? (a(), l("span", Ee)) : (a(), l("span", Ie, c(z), 1))
                         ]))), 128))
-                      ], 8, Me),
-                      i(I, {
+                      ], 8, $e),
+                      r(M, {
                         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"),
+                        "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", "loading", "aria-label"])
+                      }, null, 8, ["prepend-icon", "aria-label"])
                     ]),
-                    E.value ? (l(), n("p", ze, c(E.value), 1)) : Y("", !0)
+                    I.value ? (a(), l("p", Me, c(I.value), 1)) : Y("", !0)
                   ]),
-                  i(I, {
+                  r(M, {
                     variant: "secondary",
                     size: "md",
                     label: s(e)("myPosProfile.passcode.change"),
@@ -271,14 +260,14 @@ const _e = { class: "flex w-full flex-col items-center gap-8 pt-[4px]" }, ge = {
                 ])
               ])
             ], 64)),
-            t("div", Ve, [
-              i(p, {
+            t("div", ze, [
+              r(m, {
                 name: "info",
                 size: "sm",
                 outline: "",
                 color: "typo-secondary"
               }),
-              t("span", je, c(s(e)("myPosProfile.manageAccount.message")), 1),
+              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",
@@ -286,9 +275,9 @@ const _e = { class: "flex w-full flex-col items-center gap-8 pt-[4px]" }, ge = {
               }, c(s(e)("myPosProfile.manageAccount.link")), 1)
             ])
           ])),
-          i(xe, {
+          r(Pe, {
             ref_key: "changedDialogRef",
-            ref: m
+            ref: S
           }, null, 512)
         ]),
         _: 1
@@ -297,5 +286,5 @@ const _e = { class: "flex w-full flex-col items-center gap-8 pt-[4px]" }, ge = {
   }
 });
 export {
-  Ke as default
+  He as default
 };