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

package/dist/PermissionSetList-B8qNOWH6.js

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