@feedmepos/mf-hrm-portal 2.2.5-dev → 2.2.5-dev.3

package/dist/{GrantUserList-BAW0C1bA.js → GrantUserList-B91EBl82.js}

@@ -1,15 +1,15 @@
 import { defineComponent as X, ref as S, computed as f, watch as ue, resolveComponent as v, createElementBlock as D, openBlock as w, Fragment as E, renderSlot as de, createVNode as l, unref as s, withCtx as g, createElementVNode as o, toDisplayString as _, isRef as H, renderList as me, createBlock as pe, createCommentVNode as fe, withModifiers as W, createTextVNode as J, normalizeClass as ve, h as p } from "vue";
-import { d as ge } from "./dayjs.min-Ba4X_9nY.js";
+import { d as ge } from "./dayjs.min-DRqYbe11.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-ATOm0hdn.js";
-import { _ as he } from "./app-8samJY5z.js";
+import { _ as he } from "./app-MXDLzWd6.js";
 import { _ as Q, u as Ue, H as xe } from "./FormItem.vue_vue_type_script_setup_true_lang-DPT2FoIc.js";
 import { _ as be } from "./TableEmptyState.vue_vue_type_script_setup_true_lang-IfAZmWr0.js";
 import { u as te } from "./useLoading-CXzTpIVv.js";
 import { u as ae } from "./grant-user-SNiDV22U.js";
 import { u as se } from "./restaurant-BTpBmfBV.js";
-import { u as re } from "./role-BViYS7RK.js";
+import { u as re } from "./role-Ds1yN3BN.js";
 import { _ as Ve } from "./FormSection.vue_vue_type_script_setup_true_lang-DknXTYiK.js";
 const ke = { class: "fm-typo-en-title-md-600" }, Fe = { class: "space-y-40" }, we = { class: "flex gap-8 items-center justify-start" }, Se = /* @__PURE__ */ X({
   __name: "GrantUserForm",

package/dist/{Main-B7Nn8CLQ.js → Main-C_tQuQsU.js}

@@ -5,18 +5,18 @@ 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-BTpBmfBV.js";
-import { u as _f } from "./role-BViYS7RK.js";
+import { u as _f } from "./role-Ds1yN3BN.js";
 /* empty css                                                                      */
-import "./employee-BcFgm8Rt.js";
-import "./lodash-CJ3mHku0.js";
+import "./employee-zsQMMIVM.js";
+import "./lodash-BwY7earz.js";
 import "./useAppStore-DCwd8GWN.js";
-import "./iteration-Dhdew1jW.js";
+import "./iteration-CtN8sidV.js";
 /* empty css                                                                      */
-import { R as pt } from "./app-8samJY5z.js";
-import "./rule-Dxt1ZSQS.js";
-import "./useReportPermissions-BiyAfGvZ.js";
-import "./dayjs.min-Ba4X_9nY.js";
-import "./TimesheetList.vue_vue_type_style_index_0_scoped_63294af2_lang-C99Jr6Ax.js";
+import { R as pt } from "./app-MXDLzWd6.js";
+import "./rule-DkG2eGGH.js";
+import "./useReportPermissions-B_YakoB-.js";
+import "./dayjs.min-DRqYbe11.js";
+import "./TimesheetList.vue_vue_type_style_index_0_scoped_63294af2_lang-QbQ7tbJP.js";
 var Nn = {};
 /*! xlsx.js (C) 2013-present SheetJS -- http://sheetjs.com */
 var qt = {};

package/dist/{Main-Wr6cTqfM.js → Main-DeqJPnm7.js}

@@ -5,10 +5,10 @@ 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-BTpBmfBV.js";
-import { u as H } from "./role-BViYS7RK.js";
+import { u as H } from "./role-Ds1yN3BN.js";
 import { u as J } from "./grant-user-SNiDV22U.js";
 import { u as K } from "./approval-code-jIjkeVEb.js";
-import { R as n } from "./app-8samJY5z.js";
+import { R as n } from "./app-MXDLzWd6.js";
 const Q = { class: "space-y-24" }, ue = /* @__PURE__ */ D({
   __name: "Main",
   setup(W) {

package/dist/{Main-NzpdRNB3.js → Main-TuG-h_qY.js}

@@ -5,12 +5,12 @@ import { _ as x } from "./ResponsiveFabButton.vue_vue_type_script_setup_true_lan
 import { _ as F } from "./PageLayout.vue_vue_type_script_setup_true_lang-HKK4cbW8.js";
 import { u as w } from "./restaurant-BTpBmfBV.js";
 import "@feedmepos/ui-library";
-import "./rule-Dxt1ZSQS.js";
-import "./lodash-CJ3mHku0.js";
-import "./iteration-Dhdew1jW.js";
+import "./rule-DkG2eGGH.js";
+import "./lodash-BwY7earz.js";
+import "./iteration-CtN8sidV.js";
 import "./useAppStore-DCwd8GWN.js";
-import { R as v } from "./app-8samJY5z.js";
-import "./role-BViYS7RK.js";
+import { R as v } from "./app-MXDLzWd6.js";
+import "./role-Ds1yN3BN.js";
 /* empty css                                                                      */
 import "./PortalUserSearcher.vue_vue_type_style_index_0_scoped_827dfd60_lang-XHuHin8t.js";
 const $ = { class: "space-y-24" }, Z = /* @__PURE__ */ M({

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
+};

package/dist/{PermissionSetList-D6AFOleD.js → PermissionSetList-qVaYkiQ4.js}

@@ -1,14 +1,14 @@
 import { defineComponent as Z, ref as v, computed as b, watch as ue, resolveComponent as h, createBlock as de, openBlock as ee, unref as r, withCtx as C, createVNode as m, createElementVNode as y, toDisplayString as G, nextTick as pe, onMounted as fe, createElementBlock as ve, Fragment as Se, h as S } from "vue";
 import { useI18n as se, useCoreStore as be } from "@feedmepos/mf-common";
 import { useSnackbar as oe, useDialog as te, useBreakpoints as ne, components as H } from "@feedmepos/ui-library";
-import { b as Q, _ as he } from "./app-8samJY5z.js";
+import { b as Q, _ as he } from "./app-MXDLzWd6.js";
 import { _ as _e } from "./TableEmptyState.vue_vue_type_script_setup_true_lang-IfAZmWr0.js";
 import { u as ge, _ as Pe } from "./useDiscardConfirm-DPhEV6v0.js";
-import { u as ie, c as M, d as ae, p as Y, i as ye, b as we, m as A, o as xe, q as Fe, l as ke, n as Ce, w as Ie } from "./rule-Dxt1ZSQS.js";
-import { l as T } from "./lodash-CJ3mHku0.js";
-import { c as Ve } from "./iteration-Dhdew1jW.js";
+import { u as ie, c as M, d as ae, p as Y, i as ye, b as we, m as A, n as xe, o as Fe, k as ke, l as Ce, v as Ie } from "./rule-DkG2eGGH.js";
+import { l as T } from "./lodash-BwY7earz.js";
+import { c as Ve } from "./iteration-CtN8sidV.js";
 import { u as Re } from "./useLoading-CXzTpIVv.js";
-import { _ as Ee } from "./PortalPermissionEditor.vue_vue_type_script_setup_true_lang-Bzq2_BMn.js";
+import { _ as Ee } from "./PortalPermissionEditor.vue_vue_type_script_setup_true_lang-DcpNr0M4.js";
 import { A as je } from "./restaurant-BTpBmfBV.js";
 const Te = { class: "flex w-full items-center justify-between" }, $e = { class: "fm-typo-en-title-md-600" }, Be = { class: "fm-typo-en-title-sm-600 mt-24" }, Le = { class: "flex items-center justify-start gap-8" }, Ae = /* @__PURE__ */ Z({
   __name: "PermissionSetForm",
@@ -22,10 +22,10 @@ const Te = { class: "flex w-full items-center justify-between" }, $e = { class:
     const o = K, { t: i } = se(), f = v(!1), $ = b(() => {
       var e;
       return (e = o.modelValue) != null && e.id ? i("permissionSet.form.update.title") : i("permissionSet.form.create.title");
-    }), I = v(), q = oe(), w = te(), { breakpoints: V } = ne(), R = Re(q), l = ie(), d = v({ ...o.modelValue }), a = v([]), p = v([]), B = [(e) => !!e || i("permissionSet.form.nameRequired")], N = b(() => {
+    }), I = v(), N = oe(), w = te(), { breakpoints: V } = ne(), R = Re(N), l = ie(), d = v({ ...o.modelValue }), a = v([]), p = v([]), B = [(e) => !!e || i("permissionSet.form.nameRequired")], O = b(() => {
       var e;
       return (e = o.modelValue) != null && e.id ? i("permissionSet.form.update.confirmButtonLabel") : i("permissionSet.form.create.confirmButtonLabel");
-    }), O = b(
+    }), q = b(
       () => l.permissionSets.value.filter((e) => {
         var s;
         return e.id !== ((s = o.modelValue) == null ? void 0 : s.id);
@@ -162,7 +162,7 @@ const Te = { class: "flex w-full items-center justify-between" }, $e = { class:
         "side-sheet-footer": C(() => [
           y("div", Le, [
             m(k, {
-              label: N.value,
+              label: O.value,
               size: "md",
               variant: "primary",
               type: "submit",
@@ -194,7 +194,7 @@ const Te = { class: "flex w-full items-center justify-between" }, $e = { class:
                 multiselect: "",
                 searchable: "",
                 "search-debounce": 300,
-                items: O.value,
+                items: q.value,
                 label: r(i)("permissionSet.form.includedSets"),
                 placeholder: r(i)("permissionSet.form.includedSetsPlaceholder"),
                 class: "mt-16",
@@ -215,10 +215,10 @@ const Te = { class: "flex w-full items-center justify-between" }, $e = { class:
       }, 8, ["modelValue", "onOn:clickedAway"]);
     };
   }
-}), De = { class: "space-y-8" }, qe = { class: "flex justify-end xs:px-16" }, Ne = { class: "flex flex-col h-full overflow-auto" }, Ze = /* @__PURE__ */ Z({
+}), De = { class: "space-y-8" }, Ne = { class: "flex justify-end xs:px-16" }, Oe = { class: "flex flex-col h-full overflow-auto" }, Ze = /* @__PURE__ */ Z({
   __name: "PermissionSetList",
   setup(K, { expose: D }) {
-    const { t: o } = se(), { customReportPermissions: i, fetchCustomReportPermissions: f } = ae(), $ = oe(), I = te(), { breakpoints: q } = ne(), w = v(""), V = b(() => {
+    const { t: o } = se(), { customReportPermissions: i, fetchCustomReportPermissions: f } = ae(), $ = oe(), I = te(), { breakpoints: N } = ne(), w = v(""), V = b(() => {
       var n;
       return (n = d.value) == null ? void 0 : n.filter((t) => {
         const c = w.value.toLowerCase();
@@ -234,7 +234,7 @@ const Te = { class: "flex w-full items-center justify-between" }, $e = { class:
       var t;
       a.value = n, (t = R.value) == null || t.trigger();
     }
-    const N = [
+    const O = [
       {
         accessorKey: "name",
         header: () => o("permissionSet.table.columns.name")
@@ -304,7 +304,7 @@ const Te = { class: "flex w-full items-center justify-between" }, $e = { class:
         enableSorting: !1
       }
     ];
-    function O() {
+    function q() {
       var n;
       a.value = void 0, (n = R.value) == null || n.trigger();
     }
@@ -312,7 +312,7 @@ const Te = { class: "flex w-full items-center justify-between" }, $e = { class:
       I.open({
         title: o("permissionSet.form.delete.title"),
         message: o("permissionSet.form.delete.confirmationMessage", { permissionSetName: n.name }),
-        minWidth: q.value.lg ? 588 : 0,
+        minWidth: N.value.lg ? 588 : 0,
         primaryActions: {
           text: o("common.remove"),
           close: !1,
@@ -337,7 +337,7 @@ const Te = { class: "flex w-full items-center justify-between" }, $e = { class:
     return fe(() => {
       p(), f();
     }), D({
-      create: O
+      create: q
     }), (n, t) => {
       const c = h("FmSearch"), _ = h("FmTable");
       return ee(), ve(Se, null, [
@@ -347,7 +347,7 @@ const Te = { class: "flex w-full items-center justify-between" }, $e = { class:
           "model-value": a.value
         }, null, 8, ["model-value"]),
         y("div", De, [
-          y("div", qe, [
+          y("div", Ne, [
             m(c, {
               modelValue: w.value,
               "onUpdate:modelValue": t[0] || (t[0] = (g) => w.value = g),
@@ -358,7 +358,7 @@ const Te = { class: "flex w-full items-center justify-between" }, $e = { class:
           ]),
           m(he, null, {
             default: C(() => [
-              y("div", Ne, [
+              y("div", Oe, [
                 m(_e, {
                   "is-loading": r(l).isLoading.value,
                   "is-empty": V.value.length === 0,
@@ -368,7 +368,7 @@ const Te = { class: "flex w-full items-center justify-between" }, $e = { class:
                 }, {
                   default: C(() => [
                     m(_, {
-                      "column-defs": N,
+                      "column-defs": O,
                       "row-data": V.value,
                       "page-size": V.value.length,
                       loading: r(l).isLoading.value,