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

package/dist/PermissionSetList-BLmeu-lo.js

@@ -1,283 +0,0 @@
-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-nVxD4_on.js";
-import { u as ee } from "./useLoading-CjyXOp7A.js";
-import { a as te } from "./PortalPermissionEditor.vue_vue_type_script_setup_true_lang-DqWrIJPe.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
-};