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

package/dist/FormSection.vue_vue_type_script_setup_true_lang-BVb8c4YU.js

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

package/dist/HorizontalSplitter-o860F4xM.js

@@ -0,0 +1,12 @@
+import { createElementBlock as e, openBlock as o, createElementVNode as t } from "vue";
+import { _ as l } from "./SelectFilter-DUj7GBtT.js";
+const n = {};
+function c(s, r) {
+  return o(), e("div", null, [...r[0] || (r[0] = [
+    t("div", { class: "h-px w-full bg-fm-color-neutral-gray-100" }, null, -1)
+  ])]);
+}
+const i = /* @__PURE__ */ l(n, [["render", c]]);
+export {
+  i as H
+};

package/dist/{Main-Dkr5lzbv.js → Main-BAx-c_oZ.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-BVnrWyPF.js";
+import { u as pf } from "./useAppStore-CBb-dugK.js";
 import "@feedmepos/ui-library";
 /* empty css                                                                      */
-import "./employee-DAqAMupR.js";
-import "./lodash-CXLZQQp8.js";
-import "./iteration-Cp1eSTJA.js";
+import "./employee-DJDUT0Wj.js";
+import "./lodash-BBQT31li.js";
+import "./iteration-DqYIXL4P.js";
 /* empty css                                                                      */
-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";
+import { R as vt } from "./app-B0bANDrM.js";
+import "./rule-T7VKkRdN.js";
+import "./useReportPermissions-DyzhBpi8.js";
+import "./dayjs.min-DdUO0d-2.js";
+import "./timesheet-DjtuB4we.js";
 var In = {};
 /*! xlsx.js (C) 2013-present SheetJS -- http://sheetjs.com */
 var Zt = {};

package/dist/{Main-BNXKItvX.js → Main-CfAQYaaW.js}

@@ -4,20 +4,18 @@ 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-vBxopbM_.js";
-import "./lodash-CXLZQQp8.js";
-import "./iteration-Cp1eSTJA.js";
-import "./useAppStore-BVnrWyPF.js";
-import { R as v } from "./app-BjXuSCis.js";
+import "./rule-T7VKkRdN.js";
+import "./iteration-DqYIXL4P.js";
+import { R as v } from "./app-B0bANDrM.js";
+import "./useAppStore-CBb-dugK.js";
 /* empty css                                                                      */
-/* empty css                                                                            */
-import "./team-CnQ_rIx2.js";
-const w = { class: "space-y-24" }, Q = /* @__PURE__ */ V({
+/* empty css                                                                        */
+const w = { class: "space-y-24" }, K = /* @__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 r = B(() => n.value.find((e) => e.value === t.value) || n.value[0]);
+    const l = 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 });
     });
@@ -41,20 +39,20 @@ const w = { class: "space-y-24" }, Q = /* @__PURE__ */ V({
         }
       }
     ]);
-    return (e, l) => {
+    return (e, r) => {
       const L = i("FmSpacer"), E = i("FmTabs"), M = i("RouterView");
       return c(), s(h, {
-        heading: r.value.label
+        heading: l.value.label
       }, {
         "append-heading": p(() => {
           var o;
           return [
             d(L),
-            (o = r.value) != null && o.createButtonLabel ? (c(), s(g, {
+            (o = l.value) != null && o.createButtonLabel ? (c(), s(g, {
               key: 0,
               icon: "add",
-              label: r.value.createButtonLabel,
-              onClick: l[0] || (l[0] = (m) => r.value.createButtonAction())
+              label: l.value.createButtonLabel,
+              onClick: r[0] || (r[0] = (m) => l.value.createButtonAction())
             }, null, 8, ["label"])) : S("", !0)
           ];
         }),
@@ -62,7 +60,7 @@ const w = { class: "space-y-24" }, Q = /* @__PURE__ */ V({
           C("div", w, [
             d(E, {
               modelValue: t.value,
-              "onUpdate:modelValue": l[1] || (l[1] = (o) => t.value = o),
+              "onUpdate:modelValue": r[1] || (r[1] = (o) => t.value = o),
               items: n.value
             }, null, 8, ["modelValue", "items"]),
             d(M, null, {
@@ -83,5 +81,5 @@ const w = { class: "space-y-24" }, Q = /* @__PURE__ */ V({
   }
 });
 export {
-  Q as default
+  K as default
 };

package/dist/{Main--tejoyEP.js → Main-CyReTP3K.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-BVnrWyPF.js";
+import { u as Y } from "./useAppStore-CBb-dugK.js";
 import { defineStore as Ue } from "pinia";
-import { g as z, a as he, b as O } from "./iteration-Cp1eSTJA.js";
+import { g as z, a as he, b as O } from "./iteration-DqYIXL4P.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-BjXuSCis.js";
-import { _ as le, H as ke } from "./FormItem.vue_vue_type_script_setup_true_lang-CoorkndT.js";
+import { _ as we } from "./app-B0bANDrM.js";
+import { H as ke } from "./HorizontalSplitter-o860F4xM.js";
 import { _ as Ve } from "./index.vue_vue_type_script_setup_true_lang-Vc5ARO29.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";
+import { u as Fe } from "./useSearch-B6WK1LBB.js";
+import { u as ue } from "./useLoading-BCOj8y-t.js";
+import { _ as Ie, a as le } from "./FormSection.vue_vue_type_script_setup_true_lang-BVb8c4YU.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/PermissionSetList-DmsJnW2i.js

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