@feedmepos/mf-hrm-portal 2.3.1 → 2.3.3-dev

package/dist/PasscodePinField.vue_vue_type_script_setup_true_lang-TXPEqa46.js

@@ -0,0 +1,126 @@
+import { defineComponent as c, createElementBlock as s, openBlock as m, normalizeStyle as b, resolveComponent as u, Fragment as p, createVNode as r, createCommentVNode as g, toDisplayString as y, createElementVNode as v } from "vue";
+const B = /* @__PURE__ */ c({
+  __name: "Skeleton",
+  props: {
+    width: { default: "160px" }
+  },
+  setup(t) {
+    return (l, n) => (m(), s("div", {
+      class: "h-16 animate-pulse rounded bg-fm-color-neutral-gray-200",
+      style: b({ width: t.width })
+    }, null, 4));
+  }
+});
+function f(t) {
+  return t.map((l) => l.restaurantId).filter(Boolean);
+}
+function x(t, l, n) {
+  const o = f(l);
+  return t.filter((e) => e.managable || e._id === n).map((e) => ({
+    label: `${e.profile.code ? `${e.profile.code} - ` : ""}${e.profile.name}`,
+    value: e._id,
+    disabled: o.includes(e._id) && e._id !== n
+  }));
+}
+function k(t, l, n, o) {
+  return l ? t.filter((e) => e.restaurants.some((a) => a.id == l)).map((e) => ({
+    label: e.name,
+    value: e._id,
+    disabled: !o.isRoleUsable(e, l) && e._id !== n
+  })) : [];
+}
+function V(t, l, n, o) {
+  var a, i;
+  const e = k(t, l, n, o);
+  return ((a = e.find((d) => d.value === n && !d.disabled)) == null ? void 0 : a.value) ?? ((i = e.find((d) => !d.disabled)) == null ? void 0 : i.value) ?? "";
+}
+function C(t, l) {
+  const n = f(l), o = t.some(
+    (a) => a.managable && !n.includes(a._id)
+  ), e = l.every((a) => a.restaurantId && a.roleId);
+  return o && e;
+}
+function R(t, l, n, o) {
+  var a;
+  const e = ((a = t[l]) == null ? void 0 : a.restaurantId) ?? "";
+  return o.isRestaurantLocked(e) ? t : t.length === 1 ? [n()] : t.filter((i, d) => d !== l);
+}
+const F = {
+  key: 0,
+  class: "fm-typo-body-sm-400 text-fm-color-typo-secondary"
+}, I = /* @__PURE__ */ c({
+  __name: "PasscodeGenerateButton",
+  props: {
+    label: {},
+    hint: {},
+    disabled: { type: Boolean, default: !1 },
+    loading: { type: Boolean, default: !1 }
+  },
+  emits: ["click"],
+  setup(t) {
+    return (l, n) => {
+      const o = u("FmButton");
+      return m(), s(p, null, [
+        r(o, {
+          variant: "secondary",
+          "text-color": "primary",
+          "border-color": "primary",
+          label: t.label,
+          size: "md",
+          loading: t.loading,
+          disabled: t.disabled,
+          onClick: n[0] || (n[0] = (e) => l.$emit("click"))
+        }, null, 8, ["label", "loading", "disabled"]),
+        t.disabled ? (m(), s("div", F, y(t.hint), 1)) : g("", !0)
+      ], 64);
+    };
+  }
+}), _ = { class: "flex items-center gap-8" }, $ = ["aria-label"], P = /* @__PURE__ */ c({
+  __name: "PasscodePinField",
+  props: {
+    modelValue: {},
+    masked: { type: Boolean },
+    length: { default: 4 },
+    toggleLabel: {}
+  },
+  emits: ["update:modelValue", "update:masked", "complete"],
+  setup(t, { emit: l }) {
+    const n = l;
+    return (o, e) => {
+      const a = u("FmPinField"), i = u("FmIcon");
+      return m(), s("div", _, [
+        r(a, {
+          "model-value": t.modelValue,
+          length: t.length,
+          masked: t.masked,
+          "onUpdate:modelValue": e[0] || (e[0] = (d) => n("update:modelValue", d)),
+          onComplete: e[1] || (e[1] = (d) => n("complete", d)),
+          onFocus: e[2] || (e[2] = (d) => n("update:masked", !1))
+        }, null, 8, ["model-value", "length", "masked"]),
+        v("button", {
+          type: "button",
+          class: "flex items-center justify-center rounded-full p-4 hover:bg-fm-color-neutral-gray-100",
+          "aria-label": t.toggleLabel,
+          onClick: e[3] || (e[3] = (d) => n("update:masked", !t.masked))
+        }, [
+          r(i, {
+            name: t.masked ? "visibility" : "visibility_off",
+            size: "md",
+            class: "text-fm-color-neutral-gray-300"
+          }, null, 8, ["name"])
+        ], 8, $)
+      ]);
+    };
+  }
+});
+export {
+  P as _,
+  k as a,
+  x as b,
+  C as c,
+  I as d,
+  B as e,
+  V as p,
+  R as r,
+  f as s
+};

package/dist/{PermissionSetList-ig3oxdhh.js → PermissionSetList-BT1oUm8M.js}

@@ -1,16 +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 { defineComponent as Z, ref as v, computed as h, watch as ue, resolveComponent as b, 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 he } from "@feedmepos/mf-common";
 import { useSnackbar as oe, useDialog as te, useBreakpoints as ne, components as H } from "@feedmepos/ui-library";
-import { v as Q, _ as he } from "./app-DKHtjxyC.js";
-import { _ as _e } from "./TableEmptyState.vue_vue_type_script_setup_true_lang-IfAZmWr0.js";
-import { _ as ge } from "./ResponsiveContextMenu.vue_vue_type_script_setup_true_lang-mSJFKo7r.js";
-import { u as ie, c as M, d as ae, p as Y, i as Pe, b as ye, m as A, n as we, o as xe, k as Fe, l as ke, v as Ce } from "./rule-BWvSqhBk.js";
-import { l as T } from "./lodash-g-62RoFP.js";
-import { c as Ie } from "./iteration-DkcNkScw.js";
-import { u as Ve } from "./useDiscardConfirm-CzZSPyvh.js";
-import { u as Re } from "./useLoading-sgL8DRUz.js";
-import { _ as Ee } from "./PortalPermissionEditor.vue_vue_type_script_setup_true_lang-ClG4YhnF.js";
-import { A as je } from "./restaurant-CHpkjUPy.js";
+import { k as Q, _ as be, s as _e } from "./app-BsAwRWj0.js";
+import { _ as ge } from "./TableEmptyState.vue_vue_type_script_setup_true_lang-IfAZmWr0.js";
+import { u as Pe, _ as ye } from "./useDiscardConfirm-DPhEV6v0.js";
+import { u as ie, c as M, a as ae, p as Y, R as we, g as xe, m as A, l as Fe, n as ke, o as Ce, q as Ie, v as Ve } from "./rule-Bgcb9R7I.js";
+import { l as T } from "./lodash-DjYVoggD.js";
+import { c as Re } from "./iteration-Dat4Ismm.js";
+import { u as Ee } from "./useLoading-B47q5dVg.js";
+import { _ as je } from "./PortalPermissionEditor.vue_vue_type_script_setup_true_lang-BRrhFF3y.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",
   props: {
@@ -20,30 +18,30 @@ const Te = { class: "flex w-full items-center justify-between" }, $e = { class:
     }
   },
   setup(K, { expose: D }) {
-    const o = K, { t: i } = se(), f = v(!1), $ = b(() => {
+    const o = K, { t: i } = se(), f = v(!1), $ = h(() => {
       var e;
       return (e = o.modelValue) != null && e.id ? i("permissionSet.form.update.title") : i("permissionSet.form.create.title");
-    }), 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(() => {
+    }), I = v(), q = oe(), w = te(), { breakpoints: V } = ne(), R = Ee(q), l = ie(), d = v({ ...o.modelValue }), a = v([]), p = v([]), B = [(e) => !!e || i("permissionSet.form.nameRequired")], N = h(() => {
       var e;
       return (e = o.modelValue) != null && e.id ? i("permissionSet.form.update.confirmButtonLabel") : i("permissionSet.form.create.confirmButtonLabel");
-    }), q = b(
+    }), O = h(
       () => l.permissionSets.value.filter((e) => {
         var s;
         return e.id !== ((s = o.modelValue) == null ? void 0 : s.id);
       }).map((e) => ({ label: e.name, value: e.id }))
-    ), E = b(
+    ), E = h(
       () => M(a.value, l.permissionSets.value)
     ), {
       fetchCustomReportPermissions: n,
       customReportPermissions: t,
       isLoaded: c
     } = ae(), _ = new Set(
-      Y.filter((e) => e.subject.startsWith(Pe)).map((e) => e.subject)
-    ), g = b(() => {
+      Y.filter((e) => e.subject.startsWith(we)).map((e) => e.subject)
+    ), g = h(() => {
       const e = new Set(_);
       for (const s of t.value) e.add(s.subject);
       return e;
-    }), z = b(() => {
+    }), z = h(() => {
       const e = /* @__PURE__ */ new Set();
       for (const s of Y)
         s.category === Q.reports && e.add(s.subject);
@@ -55,27 +53,27 @@ const Te = { class: "flex w-full items-center justify-between" }, $e = { class:
       var s, u;
       await pe(), f.value = !f.value, d.value = { ...o.modelValue }, a.value = ((s = o.modelValue) == null ? void 0 : s.permissionSetIds) ?? [];
       const e = ((u = o.modelValue) == null ? void 0 : u.permissions) ?? [];
-      p.value = ye(
+      p.value = xe(
         A(E.value),
         e
       ), P.value = {
         name: d.value.name ?? "",
         permissionSetIds: [...a.value],
-        userPermissions: Ie(p.value)
+        userPermissions: Re(p.value)
       };
     }
     ue(f, async (e) => {
       e && await n();
     });
-    const W = Ve(
+    const W = Pe(
       () => !T.isEqual(d.value.name ?? "", P.value.name) || !T.isEqual(a.value, P.value.permissionSetIds) || !T.isEqual(p.value, P.value.userPermissions),
       () => {
         f.value = !1;
       }
     );
     function re() {
-      const e = A(E.value), s = c.value ? g.value : _, u = we(p.value, s), x = xe(u, z.value), F = Fe(x);
-      return ke(e, F);
+      const e = A(E.value), s = c.value ? g.value : _, u = Fe(p.value, s), x = ke(u, z.value), F = Ce(x);
+      return Ie(e, F);
     }
     function J(e) {
       return A(
@@ -114,7 +112,7 @@ const Te = { class: "flex w-full items-center justify-between" }, $e = { class:
     }
     async function me() {
       var u, x;
-      const e = await ((u = I.value) == null ? void 0 : u.validateInputsWithoutSubmit()), s = (x = be().currentBusiness.value) == null ? void 0 : x.id;
+      const e = await ((u = I.value) == null ? void 0 : u.validateInputsWithoutSubmit()), s = (x = he().currentBusiness.value) == null ? void 0 : x.id;
       !(e != null && e.length) && s && R.minor(async () => {
         var L;
         const F = re();
@@ -141,7 +139,7 @@ const Te = { class: "flex w-full items-center justify-between" }, $e = { class:
     return D({
       trigger: U
     }), (e, s) => {
-      const u = h("FmIcon"), x = h("FmTextField"), F = h("FmSelect"), L = h("FmForm"), k = h("FmButton"), ce = h("FmSideSheet");
+      const u = b("FmIcon"), x = b("FmTextField"), F = b("FmSelect"), L = b("FmForm"), k = b("FmButton"), ce = b("FmSideSheet");
       return ee(), de(ce, {
         modelValue: f.value,
         "onUpdate:modelValue": s[2] || (s[2] = (j) => f.value = j),
@@ -163,7 +161,7 @@ const Te = { class: "flex w-full items-center justify-between" }, $e = { class:
         "side-sheet-footer": C(() => [
           y("div", Le, [
             m(k, {
-              label: O.value,
+              label: N.value,
               size: "md",
               variant: "primary",
               type: "submit",
@@ -195,14 +193,14 @@ const Te = { class: "flex w-full items-center justify-between" }, $e = { class:
                 multiselect: "",
                 searchable: "",
                 "search-debounce": 300,
-                items: q.value,
+                items: O.value,
                 label: r(i)("permissionSet.form.includedSets"),
                 placeholder: r(i)("permissionSet.form.includedSetsPlaceholder"),
                 class: "mt-16",
                 "onUpdate:modelValue": le
               }, null, 8, ["model-value", "items", "label", "placeholder"]),
               y("div", Be, G(r(i)("team.memberForm.permissions.title")), 1),
-              m(Ee, {
+              m(je, {
                 modelValue: p.value,
                 "onUpdate:modelValue": s[1] || (s[1] = (j) => p.value = j),
                 "inherit-permissions": E.value,
@@ -216,16 +214,16 @@ const Te = { class: "flex w-full items-center justify-between" }, $e = { class:
       }, 8, ["modelValue", "onOn:clickedAway"]);
     };
   }
-}), De = { class: "space-y-8" }, Ne = { class: "flex justify-end xs:px-16" }, Oe = { class: "flex flex-col h-full overflow-auto" }, es = /* @__PURE__ */ Z({
+}), De = { class: "space-y-8" }, qe = { class: "flex justify-end xs:px-16" }, Ne = { class: "flex flex-col h-full overflow-auto" }, Ye = /* @__PURE__ */ Z({
   __name: "PermissionSetList",
   setup(K, { expose: D }) {
-    const { t: o } = se(), { customReportPermissions: i, fetchCustomReportPermissions: f } = ae(), $ = oe(), I = te(), { breakpoints: N } = ne(), w = v(""), V = b(() => {
+    const { t: o } = se(), { customReportPermissions: i, fetchCustomReportPermissions: f } = ae(), $ = oe(), I = te(), { breakpoints: q } = ne(), w = v(""), V = h(() => {
       var n;
       return (n = d.value) == null ? void 0 : n.filter((t) => {
         const c = w.value.toLowerCase();
         return t.name.toLowerCase().includes(c);
       });
-    }), R = v(), l = ie(), d = b(
+    }), R = v(), l = ie(), d = h(
       () => l.permissionSets.value
     ), a = v();
     async function p() {
@@ -235,7 +233,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 O = [
+    const N = [
       {
         accessorKey: "name",
         header: () => o("permissionSet.table.columns.name")
@@ -248,7 +246,7 @@ const Te = { class: "flex w-full items-center justify-between" }, $e = { class:
           const t = n.row.original, c = M(
             [t.id],
             l.permissionSets.value
-          ), _ = A(c), g = _.length, z = Ce(
+          ), _ = A(c), g = _.length, z = Ve(
             _,
             i.value
           );
@@ -289,7 +287,7 @@ const Te = { class: "flex w-full items-center justify-between" }, $e = { class:
               onClick: (c) => c.stopPropagation()
             },
             [
-              S(ge, {
+              S(ye, {
                 items: [
                   { label: o("common.update"), onClick: () => B(t) },
                   {
@@ -305,7 +303,7 @@ const Te = { class: "flex w-full items-center justify-between" }, $e = { class:
         enableSorting: !1
       }
     ];
-    function q() {
+    function O() {
       var n;
       a.value = void 0, (n = R.value) == null || n.trigger();
     }
@@ -313,7 +311,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: N.value.lg ? 588 : 0,
+        minWidth: q.value.lg ? 588 : 0,
         primaryActions: {
           text: o("common.remove"),
           close: !1,
@@ -327,7 +325,7 @@ const Te = { class: "flex w-full items-center justify-between" }, $e = { class:
             type: "success"
           });
         } catch (t) {
-          const c = t instanceof je && t.status === 409 ? t.message.includes("referenced by") ? o("permissionSet.form.delete.setReferencedConflictError", {
+          const c = t instanceof _e && t.status === 409 ? t.message.includes("referenced by") ? o("permissionSet.form.delete.setReferencedConflictError", {
             permissionSetName: n.name
           }) : o("permissionSet.form.delete.conflictError", { permissionSetName: n.name }) : t instanceof Error ? t.message : `${t}`;
           $.open({ message: c, type: "error" });
@@ -338,9 +336,9 @@ const Te = { class: "flex w-full items-center justify-between" }, $e = { class:
     return fe(() => {
       p(), f();
     }), D({
-      create: q
+      create: O
     }), (n, t) => {
-      const c = h("FmSearch"), _ = h("FmTable");
+      const c = b("FmSearch"), _ = b("FmTable");
       return ee(), ve(Se, null, [
         m(Ae, {
           ref_key: "permissionSetFormRef",
@@ -348,7 +346,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", Ne, [
+          y("div", qe, [
             m(c, {
               modelValue: w.value,
               "onUpdate:modelValue": t[0] || (t[0] = (g) => w.value = g),
@@ -357,10 +355,10 @@ const Te = { class: "flex w-full items-center justify-between" }, $e = { class:
               placeholder: r(o)("permissionSet.search.placeholder")
             }, null, 8, ["modelValue", "placeholder"])
           ]),
-          m(he, null, {
+          m(be, null, {
             default: C(() => [
-              y("div", Oe, [
-                m(_e, {
+              y("div", Ne, [
+                m(ge, {
                   "is-loading": r(l).isLoading.value,
                   "is-empty": V.value.length === 0,
                   "collapse-at": !1,
@@ -369,7 +367,7 @@ const Te = { class: "flex w-full items-center justify-between" }, $e = { class:
                 }, {
                   default: C(() => [
                     m(_, {
-                      "column-defs": O,
+                      "column-defs": N,
                       "row-data": V.value,
                       "page-size": V.value.length,
                       loading: r(l).isLoading.value,
@@ -391,5 +389,5 @@ const Te = { class: "flex w-full items-center justify-between" }, $e = { class:
   }
 });
 export {
-  es as default
+  Ye as default
 };