@feedmepos/mf-hrm-portal 1.1.3-dev → 1.1.3-dev.10

package/dist/RolePermissionList-Dd8ks5i7.js

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