@feedmepos/mf-hrm-portal 2.0.6-dev → 2.0.6-dev.1

package/dist/{Main-B8tSMq-U.js → Main-DC9H9bAs.js}

@@ -3,16 +3,17 @@ import { useRouter as of, useRoute as cf } from "vue-router";
 import { useCoreStore as hf, useI18n as uf } from "@feedmepos/mf-common";
 import { _ as vf } from "./ResponsiveFabButton.vue_vue_type_script_setup_true_lang-Cn-3MRBO.js";
 import { _ as pf } from "./PageLayout.vue_vue_type_script_setup_true_lang-HKK4cbW8.js";
-import { u as df } from "./useAppStore-CqrjwnF_.js";
+import { u as df } from "./useAppStore-WGnUS7Wm.js";
 import "@feedmepos/ui-library";
 /* empty css                                                                      */
-import { u as mf } from "./employee-DPfiL6rd.js";
-import "./lodash-D1uG3PY3.js";
-import "./index-CBxn7cxI.js";
-import { R as vt } from "./app-BPlaahxK.js";
-import "./useReportPermissions-C4Q29AQJ.js";
-import "./dayjs.min-LweNOSZ_.js";
-import "./timesheet-rte2utJf.js";
+import { u as mf } from "./employee-BK4sYiRy.js";
+import "./lodash-CeTePH4O.js";
+import "./iteration-BSGKcAZm.js";
+import { R as vt } from "./app-D0xH_99A.js";
+import "./index-C2ubYSVV.js";
+import "./useReportPermissions--LOfl1e-.js";
+import "./dayjs.min-C1rTVn8X.js";
+import "./timesheet-C8oy-bxz.js";
 var In = {};
 /*! xlsx.js (C) 2013-present SheetJS -- http://sheetjs.com */
 var jt = {};
@@ -15483,7 +15484,7 @@ var Yt = {
 const f2 = {
   key: 0,
   class: "mr-16"
-}, l2 = { class: "space-y-24" }, y2 = /* @__PURE__ */ rf({
+}, l2 = { class: "space-y-24" }, O2 = /* @__PURE__ */ rf({
   __name: "Main",
   setup(e) {
     const t = of(), r = cf(), { readTeamMemberPosUserIds: n } = mf(), { restaurants: a, currentBusiness: i, readRestaurants: s } = hf(), { readRoles: f, roles: o } = df(), { t: l } = uf(), c = yn(), d = yn(), p = yn(), v = On({
@@ -15603,5 +15604,5 @@ const f2 = {
   }
 });
 export {
-  y2 as default
+  O2 as default
 };

package/dist/{Main-CtH5MCty.js → Main-k56Iy_zg.js}

@@ -4,14 +4,15 @@ 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 "./index-CBxn7cxI.js";
-import { R as v } from "./app-BPlaahxK.js";
-import "./useAppStore-CqrjwnF_.js";
-import "./index-BAhsHYNv.js";
+import "./index-C2ubYSVV.js";
+import "./iteration-BSGKcAZm.js";
+import { R as v } from "./app-D0xH_99A.js";
+import "./useAppStore-WGnUS7Wm.js";
+import "./index-DSAB4vz3.js";
 /* empty css                                                                      */
 /* empty css                                                                            */
-import "./team-B1osnB4U.js";
-const w = { class: "space-y-24" }, P = /* @__PURE__ */ V({
+import "./team-B25hRkju.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");
@@ -82,5 +83,5 @@ const w = { class: "space-y-24" }, P = /* @__PURE__ */ V({
   }
 });
 export {
-  P as default
+  Q as default
 };

package/dist/PermissionSetList-B8tJCNpR.js

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