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

package/dist/PermissionSetList-C0FOYrQ6.js

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