@feedmepos/mf-hrm-portal 2.0.2 → 2.0.3-dev.3

package/dist/PermissionSetList-BConvvPI.js

@@ -1,323 +0,0 @@
-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-BNwH5i7v.js";
-import { u as ue } from "./useLoading-TD1OqZ-E.js";
-import { a as ce } from "./PortalPermissionEditor.vue_vue_type_script_setup_true_lang-Bh8iS3gP.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
-};