@feedmepos/mf-hrm-portal 1.1.3-dev.4 → 1.1.3-dev.7

package/dist/PermissionSetList-EsoA_anf.js

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