@feedmepos/mf-hrm-portal 2.0.16 → 2.0.17-dev.3

package/dist/FormItem.vue_vue_type_script_setup_true_lang-CoorkndT.js

@@ -0,0 +1,34 @@
+import { createElementBlock as s, openBlock as n, createElementVNode as o, defineComponent as l, renderSlot as r, createCommentVNode as i, toDisplayString as c } from "vue";
+import { _ as a } from "./SelectFilter-DUj7GBtT.js";
+const d = {};
+function m(t, e) {
+  return n(), s("div", null, [...e[0] || (e[0] = [
+    o("div", { class: "h-px w-full bg-fm-color-neutral-gray-100" }, null, -1)
+  ])]);
+}
+const x = /* @__PURE__ */ a(d, [["render", m]]), p = { class: "space-y-8" }, _ = { class: "flex items-center justify-between" }, f = { class: "space-y-8" }, u = { class: "fm-typo-en-body-lg-600" }, y = {
+  key: 0,
+  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
+}, g = /* @__PURE__ */ l({
+  __name: "FormItem",
+  props: {
+    label: {},
+    description: {}
+  },
+  setup(t) {
+    return (e, b) => (n(), s("div", p, [
+      o("div", _, [
+        o("div", f, [
+          o("p", u, c(t.label), 1),
+          t.description ? (n(), s("p", y, c(t.description), 1)) : i("", !0)
+        ]),
+        r(e.$slots, "append")
+      ]),
+      r(e.$slots, "default")
+    ]));
+  }
+});
+export {
+  x as H,
+  g as _
+};

package/dist/FormSection.vue_vue_type_script_setup_true_lang-DknXTYiK.js

@@ -0,0 +1,49 @@
+import { defineComponent as c, createElementBlock as s, openBlock as l, normalizeClass as r, renderSlot as n, createCommentVNode as o, createVNode as d, createElementVNode as a, toDisplayString as i, withCtx as f } from "vue";
+const h = /* @__PURE__ */ c({
+  __name: "FormColumn",
+  props: {
+    shrinkable: { type: Boolean }
+  },
+  setup(e) {
+    return (t, m) => (l(), s("div", {
+      class: r(["flex-1 flex flex-col space-y-24", { "min-h-0": e.shrinkable }])
+    }, [
+      n(t.$slots, "default")
+    ], 2));
+  }
+}), u = {
+  key: 0,
+  class: "flex flex-row justify-between items-center"
+}, y = { class: "space-y-4" }, p = { class: "fm-typo-en-title-sm-600" }, b = {
+  key: 0,
+  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
+}, x = /* @__PURE__ */ c({
+  __name: "FormSection",
+  props: {
+    title: {},
+    subTitle: {},
+    shrinkable: { type: Boolean }
+  },
+  setup(e) {
+    return (t, m) => (l(), s("div", {
+      class: r(["flex flex-col space-y-16", { "min-h-0": e.shrinkable }])
+    }, [
+      e.title ? (l(), s("div", u, [
+        a("div", y, [
+          a("p", p, i(e.title), 1),
+          e.subTitle ? (l(), s("p", b, i(e.subTitle), 1)) : o("", !0)
+        ]),
+        n(t.$slots, "append-title")
+      ])) : o("", !0),
+      d(h, { shrinkable: e.shrinkable }, {
+        default: f(() => [
+          n(t.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["shrinkable"])
+    ], 2));
+  }
+});
+export {
+  x as _
+};

package/dist/{Main-CVLdj0vm.js → Main--tejoyEP.js}

@@ -1,17 +1,17 @@
 import { ref as S, defineComponent as J, computed as F, watch as ce, resolveComponent as h, createElementBlock as D, openBlock as I, Fragment as W, renderSlot as ge, createVNode as n, unref as s, withCtx as x, createElementVNode as l, toDisplayString as k, createBlock as K, isRef as ae, renderList as fe, createCommentVNode as ve, withModifiers as se, createTextVNode as re, normalizeClass as _e, h as _ } from "vue";
 import { useCoreStore as Q, useI18n as X, RestaurantSelector as oe } from "@feedmepos/mf-common";
 import { _ as ye } from "./PageLayout.vue_vue_type_script_setup_true_lang-HKK4cbW8.js";
-import { u as Y } from "./useAppStore-tV67t5M2.js";
+import { u as Y } from "./useAppStore-BVnrWyPF.js";
 import { defineStore as Ue } from "pinia";
-import { g as z, a as he, b as O } from "./iteration-CzlBzD5p.js";
+import { g as z, a as he, b as O } from "./iteration-Cp1eSTJA.js";
 import { useSnackbar as ie, components as E, useDialog as xe, useBreakpoints as be, FmButtonVariant as q } from "@feedmepos/ui-library";
 import { S as ne } from "./SelectFilter-DUj7GBtT.js";
-import { _ as we } from "./app-Deq-BbQg.js";
-import { H as ke } from "./HorizontalSplitter-o860F4xM.js";
+import { _ as we } from "./app-BjXuSCis.js";
+import { _ as le, H as ke } from "./FormItem.vue_vue_type_script_setup_true_lang-CoorkndT.js";
 import { _ as Ve } from "./index.vue_vue_type_script_setup_true_lang-Vc5ARO29.js";
-import { u as Fe } from "./useSearch-B6WK1LBB.js";
-import { u as ue } from "./useLoading-DWaMwG8t.js";
-import { _ as Ie, a as le } from "./FormSection.vue_vue_type_script_setup_true_lang-BVb8c4YU.js";
+import { u as Fe } from "./useSearch-BAPEUu1R.js";
+import { u as ue } from "./useLoading-7ia-Bps7.js";
+import { _ as Ie } from "./FormSection.vue_vue_type_script_setup_true_lang-DknXTYiK.js";
 const H = {
   async getGrantUsers() {
     return z(await O("grant").get(""));
@@ -247,7 +247,7 @@ const H = {
     } = Y(), r = F(() => b.grantUsers), {
       searchKey: c,
       filter: i
-    } = Fe(""), w = F(() => {
+    } = Fe(), w = F(() => {
       var t;
       return (t = r.value) == null ? void 0 : t.filter((e) => {
         const v = !U.value || U.value.includes(e.restaurantId), T = !B.value || B.value.includes(e.status), A = C.value[e.restaurantId] || "", j = V.value[e.roleId] || "";

package/dist/{Main-C-_jj0hE.js → Main-BNXKItvX.js}

@@ -4,18 +4,20 @@ import { useI18n as N } from "@feedmepos/mf-common";
 import { _ as g } from "./ResponsiveFabButton.vue_vue_type_script_setup_true_lang-Cn-3MRBO.js";
 import { _ as h } from "./PageLayout.vue_vue_type_script_setup_true_lang-HKK4cbW8.js";
 import "@feedmepos/ui-library";
-import "./rule-BYb8TfeP.js";
-import "./iteration-CzlBzD5p.js";
-import { R as v } from "./app-Deq-BbQg.js";
-import "./useAppStore-tV67t5M2.js";
+import "./rule-vBxopbM_.js";
+import "./lodash-CXLZQQp8.js";
+import "./iteration-Cp1eSTJA.js";
+import "./useAppStore-BVnrWyPF.js";
+import { R as v } from "./app-BjXuSCis.js";
 /* empty css                                                                      */
-/* empty css                                                                        */
-const w = { class: "space-y-24" }, K = /* @__PURE__ */ V({
+/* empty css                                                                            */
+import "./team-CnQ_rIx2.js";
+const w = { class: "space-y-24" }, Q = /* @__PURE__ */ V({
   __name: "Main",
   setup(x) {
     const { t: a } = N(), f = k(), R = F(), _ = u(), b = u(), t = u("member");
     R.name === v.TEAM_ROLE ? t.value = "role" : t.value = "member";
-    const l = B(() => n.value.find((e) => e.value === t.value) || n.value[0]);
+    const r = B(() => n.value.find((e) => e.value === t.value) || n.value[0]);
     A(t, (e) => {
       e === "member" ? f.replace({ name: v.TEAM_MEMBER }) : e === "role" && f.replace({ name: v.TEAM_ROLE });
     });
@@ -39,20 +41,20 @@ const w = { class: "space-y-24" }, K = /* @__PURE__ */ V({
         }
       }
     ]);
-    return (e, r) => {
+    return (e, l) => {
       const L = i("FmSpacer"), E = i("FmTabs"), M = i("RouterView");
       return c(), s(h, {
-        heading: l.value.label
+        heading: r.value.label
       }, {
         "append-heading": p(() => {
           var o;
           return [
             d(L),
-            (o = l.value) != null && o.createButtonLabel ? (c(), s(g, {
+            (o = r.value) != null && o.createButtonLabel ? (c(), s(g, {
               key: 0,
               icon: "add",
-              label: l.value.createButtonLabel,
-              onClick: r[0] || (r[0] = (m) => l.value.createButtonAction())
+              label: r.value.createButtonLabel,
+              onClick: l[0] || (l[0] = (m) => r.value.createButtonAction())
             }, null, 8, ["label"])) : S("", !0)
           ];
         }),
@@ -60,7 +62,7 @@ const w = { class: "space-y-24" }, K = /* @__PURE__ */ V({
           C("div", w, [
             d(E, {
               modelValue: t.value,
-              "onUpdate:modelValue": r[1] || (r[1] = (o) => t.value = o),
+              "onUpdate:modelValue": l[1] || (l[1] = (o) => t.value = o),
               items: n.value
             }, null, 8, ["modelValue", "items"]),
             d(M, null, {
@@ -81,5 +83,5 @@ const w = { class: "space-y-24" }, K = /* @__PURE__ */ V({
   }
 });
 export {
-  K as default
+  Q as default
 };

package/dist/{Main-Br1NK5Nk.js → Main-Dkr5lzbv.js}

@@ -3,18 +3,18 @@ import { useRouter as lf, useRoute as of } from "vue-router";
 import { useCoreStore as cf, useI18n as hf } from "@feedmepos/mf-common";
 import { _ as uf } from "./ResponsiveFabButton.vue_vue_type_script_setup_true_lang-Cn-3MRBO.js";
 import { _ as vf } from "./PageLayout.vue_vue_type_script_setup_true_lang-HKK4cbW8.js";
-import { u as pf } from "./useAppStore-tV67t5M2.js";
+import { u as pf } from "./useAppStore-BVnrWyPF.js";
 import "@feedmepos/ui-library";
 /* empty css                                                                      */
-import "./employee-CSb8K1_S.js";
-import "./lodash-BxgA1s7j.js";
-import "./iteration-CzlBzD5p.js";
+import "./employee-DAqAMupR.js";
+import "./lodash-CXLZQQp8.js";
+import "./iteration-Cp1eSTJA.js";
 /* empty css                                                                      */
-import { R as vt } from "./app-Deq-BbQg.js";
-import "./rule-BYb8TfeP.js";
-import "./useReportPermissions-DJvfurhn.js";
-import "./dayjs.min-BC7eDcw3.js";
-import "./timesheet-BlHG7Fw5.js";
+import { R as vt } from "./app-BjXuSCis.js";
+import "./rule-vBxopbM_.js";
+import "./useReportPermissions-C8HMek35.js";
+import "./dayjs.min-z-vrgFCL.js";
+import "./timesheet-BlPhOifI.js";
 var In = {};
 /*! xlsx.js (C) 2013-present SheetJS -- http://sheetjs.com */
 var Zt = {};

package/dist/PermissionSetList-B_Sdvbu7.js

@@ -0,0 +1,340 @@
+import { defineComponent as H, ref as p, computed as P, resolveComponent as _, createBlock as M, openBlock as L, unref as m, withCtx as E, createVNode as f, createElementVNode as D, toDisplayString as te, nextTick as ne, onMounted as ie, createElementBlock as ae, Fragment as le, h as b } from "vue";
+import { useI18n as Q, useCoreStore as re } from "@feedmepos/mf-common";
+import { useSnackbar as Y, useDialog as me, useBreakpoints as ce, components as J } from "@feedmepos/ui-library";
+import { _ as ue } from "./index.vue_vue_type_script_setup_true_lang-Vc5ARO29.js";
+import { u as de, _ as pe } from "./useDiscardConfirm-DPhEV6v0.js";
+import { u as Z, c as ee, d as se, p as X, i as fe, b as ve, m as A, k as Se, l as be, s as Pe, n as _e, q as ge } from "./rule-vBxopbM_.js";
+import { l as W } from "./lodash-CXLZQQp8.js";
+import { d as he, A as ye } from "./iteration-Cp1eSTJA.js";
+import { u as we } from "./useLoading-7ia-Bps7.js";
+import { p as G } from "./app-BjXuSCis.js";
+import { _ as Fe } from "./PortalPermissionEditor.vue_vue_type_script_setup_true_lang-BBsaxaXu.js";
+const Ve = { class: "fm-typo-en-title-md-600" }, ke = { class: "flex items-center justify-start gap-8" }, xe = /* @__PURE__ */ H({
+  __name: "PermissionSetForm",
+  props: {
+    modelValue: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  setup(K, { expose: N }) {
+    const o = K, { t: l } = Q(), v = p(!1), j = P(() => {
+      var e;
+      return (e = o.modelValue) != null && e.id ? l("permissionSet.form.update.title") : l("permissionSet.form.create.title");
+    }), V = p(), O = Y(), k = we(O), g = Z(), a = p({ ...o.modelValue }), i = p([]), c = p([]), x = [(e) => !!e || "Permission set name is required"], U = P(() => {
+      var e;
+      return (e = o.modelValue) != null && e.id ? l("permissionSet.form.update.confirmButtonLabel") : l("permissionSet.form.create.confirmButtonLabel");
+    }), $ = P(
+      () => g.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 }))
+    ), y = P(
+      () => ee(i.value, g.permissionSets.value)
+    ), { customReportPermissions: B, isLoaded: q } = se(), n = new Set(
+      X.filter((e) => e.subject.startsWith(fe)).map((e) => e.subject)
+    ), t = P(() => {
+      const e = new Set(n);
+      for (const s of B.value) e.add(s.subject);
+      return e;
+    }), r = P(() => {
+      const e = /* @__PURE__ */ new Set();
+      for (const s of X)
+        s.category === G.reports && e.add(s.subject);
+      for (const s of B.value)
+        s.category === G.reports && e.add(s.subject);
+      return e;
+    }), u = p({ name: "", permissionSetIds: [], userPermissions: [] });
+    async function C() {
+      var s, d;
+      await ne(), v.value = !v.value, a.value = { ...o.modelValue }, i.value = ((s = o.modelValue) == null ? void 0 : s.permissionSetIds) ?? [];
+      const e = ((d = o.modelValue) == null ? void 0 : d.permissions) ?? [];
+      c.value = ve(
+        A(y.value),
+        e
+      ), u.value = {
+        name: a.value.name ?? "",
+        permissionSetIds: [...i.value],
+        userPermissions: he(c.value)
+      };
+    }
+    const S = de(
+      () => !W.isEqual(a.value.name ?? "", u.value.name) || !W.isEqual(i.value, u.value.permissionSetIds) || !W.isEqual(c.value, u.value.userPermissions),
+      () => {
+        v.value = !1;
+      }
+    );
+    function T() {
+      const e = A(y.value), s = q.value ? t.value : n, d = Se(c.value, s), w = be(d, r.value), F = Pe(w);
+      return _e(e, F);
+    }
+    function z() {
+      c.value = A(y.value);
+    }
+    async function oe() {
+      var d, w;
+      const e = await ((d = V.value) == null ? void 0 : d.validateInputsWithoutSubmit()), s = (w = re().currentBusiness.value) == null ? void 0 : w.id;
+      !(e != null && e.length) && s && k.minor(async () => {
+        var R;
+        const F = T();
+        if ((R = o.modelValue) != null && R.id) {
+          const I = {
+            name: a.value.name,
+            permissions: F,
+            permissionSetIds: i.value,
+            businessId: a.value.businessId
+          };
+          await g.updatePermissionSet(o.modelValue.id, I);
+        } else {
+          const I = {
+            name: a.value.name,
+            businessId: s,
+            permissions: F,
+            permissionSetIds: i.value
+          };
+          await g.createPermissionSet(I);
+        }
+        v.value = !1;
+      });
+    }
+    return N({
+      trigger: C
+    }), (e, s) => {
+      const d = _("FmTextField"), w = _("FmSelect"), F = _("FmForm"), R = _("FmButton"), I = _("FmSideSheet");
+      return L(), M(I, {
+        modelValue: v.value,
+        "onUpdate:modelValue": s[3] || (s[3] = (h) => v.value = h),
+        "max-width": 960,
+        "onOn:clickedAway": m(S)
+      }, {
+        "side-sheet-header": E(() => [
+          D("p", Ve, te(j.value), 1)
+        ]),
+        "side-sheet-footer": E(() => [
+          D("div", ke, [
+            f(R, {
+              label: U.value,
+              size: "md",
+              variant: "primary",
+              type: "submit",
+              onClick: oe
+            }, null, 8, ["label"]),
+            f(R, {
+              label: m(l)("common.cancel"),
+              size: "md",
+              variant: "secondary",
+              onClick: m(S)
+            }, null, 8, ["label", "onClick"])
+          ])
+        ]),
+        default: E(() => [
+          f(F, {
+            ref_key: "formRef",
+            ref: V
+          }, {
+            default: E(() => [
+              f(d, {
+                modelValue: a.value.name,
+                "onUpdate:modelValue": s[0] || (s[0] = (h) => a.value.name = h),
+                label: m(l)("permissionSet.form.name"),
+                placeholder: m(l)("permissionSet.form.namePlaceholder"),
+                rules: x
+              }, null, 8, ["modelValue", "label", "placeholder"]),
+              f(w, {
+                modelValue: i.value,
+                "onUpdate:modelValue": [
+                  s[1] || (s[1] = (h) => i.value = h),
+                  z
+                ],
+                multiselect: "",
+                searchable: "",
+                "search-debounce": 300,
+                items: $.value,
+                label: m(l)("permissionSet.form.includedSets"),
+                placeholder: m(l)("permissionSet.form.includedSetsPlaceholder"),
+                class: "mt-16"
+              }, null, 8, ["modelValue", "items", "label", "placeholder"]),
+              f(Fe, {
+                modelValue: c.value,
+                "onUpdate:modelValue": s[2] || (s[2] = (h) => c.value = h),
+                "inherit-permissions": y.value,
+                class: "mt-24"
+              }, null, 8, ["modelValue", "inherit-permissions"])
+            ]),
+            _: 1
+          }, 512)
+        ]),
+        _: 1
+      }, 8, ["modelValue", "onOn:clickedAway"]);
+    };
+  }
+}), Ce = { class: "space-y-8" }, Re = { class: "flex justify-end xs:px-16" }, Ue = /* @__PURE__ */ H({
+  __name: "PermissionSetList",
+  setup(K, { expose: N }) {
+    const { t: o } = Q(), { customReportPermissions: l, fetchCustomReportPermissions: v } = se(), j = Y(), V = me(), { breakpoints: O } = ce(), k = p(""), g = P(() => {
+      var n;
+      return (n = c.value) == null ? void 0 : n.filter((t) => {
+        const r = k.value.toLowerCase();
+        return t.name.toLowerCase().includes(r);
+      });
+    }), a = p(), i = Z(), c = P(
+      () => i.permissionSets.value
+    ), x = p();
+    async function U() {
+      await i.readPermissionSets();
+    }
+    function $(n) {
+      var t;
+      x.value = n, (t = a.value) == null || t.trigger();
+    }
+    const y = [
+      {
+        accessorKey: "name",
+        header: () => o("permissionSet.table.columns.name")
+      },
+      {
+        accessorKey: "permission",
+        header: () => o("permissionSet.table.columns.permissions"),
+        enableSorting: !1,
+        cell(n) {
+          const t = n.row.original, r = ee(
+            [t.id],
+            i.permissionSets.value
+          ), u = A(r), C = u.length, S = ge(
+            u,
+            l.value
+          );
+          return b("div", { class: "flex items-center gap-8" }, [
+            b("span", o("team.labels.allowed", { count: C })),
+            b(
+              J.FmTooltip,
+              { variant: "plain", placement: "top" },
+              {
+                default: () => b(J.FmIcon, {
+                  name: "info",
+                  class: "cursor-pointer text-fm-color-neutral-gray-300"
+                }),
+                content: () => b("div", [
+                  o("team.labels.permission"),
+                  ...S.map(
+                    (T, z) => b("div", { key: `${T}-${z}` }, `- ${T}`)
+                  )
+                ])
+              }
+            )
+          ]);
+        }
+      },
+      {
+        id: "action",
+        size: 52,
+        meta: {
+          cellClass: "pl-16",
+          headerContentClass: "-mx-16"
+        },
+        cell(n) {
+          const t = n.row.original;
+          return b(
+            "div",
+            {
+              class: "flex w-full items-center justify-end",
+              onClick: (r) => r.stopPropagation()
+            },
+            [
+              b(pe, {
+                items: [
+                  { label: o("common.update"), onClick: () => $(t) },
+                  {
+                    label: o("common.remove"),
+                    onClick: () => q(t),
+                    itemClass: "text-fm-color-typo-error"
+                  }
+                ]
+              })
+            ]
+          );
+        },
+        enableSorting: !1
+      }
+    ];
+    function B() {
+      var n;
+      x.value = void 0, (n = a.value) == null || n.trigger();
+    }
+    async function q(n) {
+      V.open({
+        title: o("permissionSet.form.delete.title"),
+        message: o("permissionSet.form.delete.confirmationMessage", { permissionSetName: n.name }),
+        minWidth: O.value.lg ? 588 : 0,
+        primaryActions: {
+          text: o("common.remove"),
+          close: !1,
+          variant: "destructive"
+        },
+        secondaryActions: { text: o("common.cancel"), close: !0 }
+      }).onPrimary(async () => {
+        try {
+          await i.deletePermissionSet(n.id), j.open({
+            message: o("permissionSet.form.delete.successMessage", { permissionSetName: n.name }),
+            type: "success"
+          });
+        } catch (t) {
+          const r = t instanceof ye && 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}`;
+          j.open({ message: r, type: "error" });
+        }
+        V.close();
+      });
+    }
+    return ie(() => {
+      U(), v();
+    }), N({
+      create: B
+    }), (n, t) => {
+      const r = _("FmSearch"), u = _("FmTable"), C = _("FullWrapper");
+      return L(), ae(le, null, [
+        f(xe, {
+          ref_key: "permissionSetFormRef",
+          ref: a,
+          "model-value": x.value
+        }, null, 8, ["model-value"]),
+        D("div", Ce, [
+          D("div", Re, [
+            f(r, {
+              modelValue: k.value,
+              "onUpdate:modelValue": t[0] || (t[0] = (S) => k.value = S),
+              class: "w-[320px] xs:w-full",
+              autofocus: "",
+              placeholder: m(o)("permissionSet.search.placeholder")
+            }, null, 8, ["modelValue", "placeholder"])
+          ]),
+          c.value.length > 0 ? (L(), M(C, {
+            key: 0,
+            class: "overflow-auto"
+          }, {
+            default: E(() => [
+              f(u, {
+                "column-defs": y,
+                "row-data": g.value,
+                "page-size": g.value.length,
+                "pin-header-row": "",
+                "hide-footer": "",
+                "shrink-at": !1,
+                onRowClick: t[1] || (t[1] = (S) => $(S.original))
+              }, null, 8, ["row-data", "page-size"])
+            ]),
+            _: 1
+          })) : (L(), M(m(ue), {
+            key: 1,
+            title: m(o)("permissionSet.noData.title"),
+            subtitle: m(o)("permissionSet.noData.subtitle")
+          }, null, 8, ["title", "subtitle"]))
+        ])
+      ], 64);
+    };
+  }
+});
+export {
+  Ue as default
+};