@feedmepos/mf-hrm-portal 1.1.3-dev.1 → 1.1.3-dev.11

package/dist/{Main-VjhiuuHr.js → Main-Bjd4gY-V.js}

@@ -1,21 +1,22 @@
-import { defineComponent as V, ref as u, computed as B, watch as A, resolveComponent as c, createBlock as i, openBlock as s, withCtx as p, createElementVNode as C, createVNode as d, resolveDynamicComponent as T, createCommentVNode as k } from "vue";
-import { useRouter as F, useRoute as N } from "vue-router";
-import { useI18n as g } from "@feedmepos/mf-common";
-import { _ as h } from "./ResponsiveFabButton.vue_vue_type_script_setup_true_lang-Cn-3MRBO.js";
-import { _ as w } from "./PageLayout.vue_vue_type_script_setup_true_lang-HKK4cbW8.js";
+import { defineComponent as V, ref as u, computed as B, watch as A, resolveComponent as i, createBlock as s, openBlock as c, withCtx as p, createElementVNode as C, createVNode as d, resolveDynamicComponent as T, createCommentVNode as S } from "vue";
+import { useRouter as k, useRoute as F } from "vue-router";
+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-CgbDOn3W.js";
-import { R as v } from "./app-CfIHEA52.js";
-import "./useAppStore-DCpMNDxE.js";
+import "./index-CUtOR5dv.js";
+import { R as v } from "./app-B6sFazWs.js";
+import "./useAppStore-lxDKLJN1.js";
+import "./index-CUEt2D4C.js";
 /* empty css                                                                      */
 /* empty css                                                                            */
-import "./team-C2muObo8.js";
-const x = { class: "space-y-24" }, J = /* @__PURE__ */ V({
+import "./team-BzRey7P9.js";
+const w = { class: "space-y-24" }, P = /* @__PURE__ */ V({
   __name: "Main",
-  setup(y) {
-    const { t: a } = g(), f = F(), R = N(), _ = u(), b = u(), t = u("member");
+  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 });
     });
@@ -30,42 +31,42 @@ const x = { class: "space-y-24" }, J = /* @__PURE__ */ V({
         }
       },
       {
-        label: a("role.title"),
+        label: a("permissionSet.title"),
         value: "role",
-        createButtonLabel: a("role.createButtonLabel"),
+        createButtonLabel: a("permissionSet.createButtonLabel"),
         createButtonAction: () => {
           var e;
           (e = b.value) == null || e.create();
         }
       }
     ]);
-    return (e, r) => {
-      const L = c("FmSpacer"), E = c("FmTabs"), M = c("RouterView");
-      return s(), i(w, {
-        heading: l.value.label
+    return (e, l) => {
+      const L = i("FmSpacer"), E = i("FmTabs"), M = i("RouterView");
+      return c(), s(h, {
+        heading: r.value.label
       }, {
         "append-heading": p(() => {
           var o;
           return [
             d(L),
-            (o = l.value) != null && o.createButtonLabel ? (s(), i(h, {
+            (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())
-            }, null, 8, ["label"])) : k("", !0)
+              label: r.value.createButtonLabel,
+              onClick: l[0] || (l[0] = (m) => r.value.createButtonAction())
+            }, null, 8, ["label"])) : S("", !0)
           ];
         }),
         default: p(() => [
-          C("div", x, [
+          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, {
               default: p(({ Component: o }) => [
-                (s(), i(T(o), {
+                (c(), s(T(o), {
                   ref: (m) => {
                     t.value === "member" && (_.value = m), t.value === "role" && (b.value = m);
                   }
@@ -81,5 +82,5 @@ const x = { class: "space-y-24" }, J = /* @__PURE__ */ V({
   }
 });
 export {
-  J as default
+  P as default
 };

package/dist/{Main-D5YEKOpl.js → Main-pGBnqjr1.js}

@@ -3,15 +3,16 @@ 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-DCpMNDxE.js";
+import { u as df } from "./useAppStore-lxDKLJN1.js";
 import "@feedmepos/ui-library";
 /* empty css                                                                      */
-import { u as mf } from "./employee-ChJpkvUF.js";
-import "./lodash-0EOIqOEG.js";
-import "./index-CgbDOn3W.js";
-import { R as vt } from "./app-CfIHEA52.js";
-import "./dayjs.min-C8cBXLt-.js";
-import "./timesheet-DTI6G4DD.js";
+import { u as mf } from "./employee-CiqtFaEs.js";
+import "./lodash-CudL7fSp.js";
+import "./index-CUtOR5dv.js";
+import { R as vt } from "./app-B6sFazWs.js";
+import "./useReportPermissions-sw6kd_sS.js";
+import "./dayjs.min-DyrmuWSw.js";
+import "./timesheet-ppNqE2ke.js";
 var In = {};
 /*! xlsx.js (C) 2013-present SheetJS -- http://sheetjs.com */
 var jt = {};
@@ -15482,7 +15483,7 @@ var Yt = {
 const f2 = {
   key: 0,
   class: "mr-16"
-}, l2 = { class: "space-y-24" }, A2 = /* @__PURE__ */ rf({
+}, l2 = { class: "space-y-24" }, y2 = /* @__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({
@@ -15602,5 +15603,5 @@ const f2 = {
   }
 });
 export {
-  A2 as default
+  y2 as default
 };

package/dist/PermissionSetList-De_oM6zJ.js

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