@feedmepos/mf-hrm-portal 1.1.0-dev → 1.1.1-dev

package/dist/ResponsiveFabButton.vue_vue_type_script_setup_true_lang-Cn-3MRBO.js

@@ -0,0 +1,38 @@
+import { defineComponent as p, computed as t, resolveComponent as c, createBlock as m, createElementBlock as u, openBlock as n, normalizeProps as v, mergeProps as r, createVNode as d } from "vue";
+import { useBreakpoints as b } from "@feedmepos/ui-library";
+const _ = {
+  key: 1,
+  class: "z-10 fixed bottom-72 right-16"
+}, C = /* @__PURE__ */ p({
+  __name: "ResponsiveFabButton",
+  props: {
+    variant: {},
+    label: {},
+    icon: {},
+    size: {},
+    disabled: { type: Boolean },
+    iconColor: {},
+    borderColor: {},
+    textColor: {},
+    bgColor: {},
+    type: {},
+    iconPosition: {},
+    prependIcon: {},
+    appendIcon: {},
+    loading: { type: Boolean },
+    disableIconStatus: { type: Boolean },
+    overwriteIconOutline: {}
+  },
+  setup(a) {
+    const o = a, i = t(() => o.variant === "primary" || !o.variant ? "fab" : o.variant), s = b(), l = t(() => s.breakpoints.value.xs);
+    return (B, k) => {
+      const e = c("FmButton");
+      return l.value ? (n(), u("div", _, [
+        d(e, r(o, { variant: i.value }), null, 16, ["variant"])
+      ])) : (n(), m(e, v(r({ key: 0 }, o)), null, 16));
+    };
+  }
+});
+export {
+  C as _
+};

package/dist/{RoleList-C5xG7LHg.js → RoleList-mlTepnhN.js}

@@ -1,14 +1,14 @@
-import { defineComponent as ce, ref as T, computed as _, onMounted as pe, watch as xe, resolveComponent as y, openBlock as p, createBlock as C, unref as t, withCtx as b, createElementVNode as f, createVNode as c, createCommentVNode as re, createElementBlock as L, Fragment as q, renderList as G, toDisplayString as D, createTextVNode as ne, resolveDynamicComponent as ie, withModifiers as Fe, h as F, nextTick as ue } from "vue";
-import { u as ve, e as E } from "./role-DGAu9X1X.js";
-import { useI18n as fe, useCoreStore as _e } from "@feedmepos/mf-common";
-import { useSnackbar as he, components as K, useDialog as Ce, useBreakpoints as Re, FmButtonColorThemeVariant as de, FmButtonVariant as Ve } from "@feedmepos/ui-library";
-import { _ as we } from "./app-B4KDGOw1.js";
-import { u as ke, _ as Ie } from "./useLoading-v4m-6mEy.js";
-import { f as Le, r as W, h as le, a as Ue, b as me, c as j } from "./rule-CSj0p2P3.js";
-import { u as Se, a as $e } from "./useRestaurantMap-e9fQJiLC.js";
-import { l as z } from "./lodash-DNzKT_gG.js";
-import { _ as se, a as Ee } from "./FormSection.vue_vue_type_script_setup_true_lang-BY9VGOoM.js";
-const Te = { class: "fm-typo-en-title-md-600" }, Pe = { class: "space-y-40" }, Be = { class: "space-y-8" }, De = { class: "space-y-8" }, Me = {
+import { defineComponent as ce, ref as T, computed as _, onMounted as pe, watch as xe, resolveComponent as y, createBlock as C, openBlock as p, unref as t, withCtx as b, createElementVNode as f, createVNode as c, createCommentVNode as re, createElementBlock as L, Fragment as q, renderList as G, toDisplayString as P, h as F, createTextVNode as ne, resolveDynamicComponent as ie, withModifiers as Fe, nextTick as ue } from "vue";
+import { e as Ce, a as E, r as K, h as le, f as Re, c as de, d as j } from "./index-BsEM84j5.js";
+import { useI18n as ve, useCoreStore as fe } from "@feedmepos/mf-common";
+import { useSnackbar as _e, components as W, useDialog as Ve, useBreakpoints as we, FmButtonColorThemeVariant as me, FmButtonVariant as ke } from "@feedmepos/ui-library";
+import { _ as Ie } from "./app-4LaGLcWC.js";
+import { _ as Le } from "./index.vue_vue_type_script_setup_true_lang-Vc5ARO29.js";
+import { u as he } from "./useAppStore-D0F-tWJO.js";
+import { u as Ue, _ as se, a as Se, b as $e } from "./useRestaurantMap-D5BNPLKh.js";
+import { l as z } from "./lodash-DYaYvsmp.js";
+import { u as Ee } from "./useLoading-DpbOtToC.js";
+const Te = { class: "fm-typo-en-title-md-600" }, Be = { class: "space-y-40" }, De = { class: "space-y-8" }, Pe = { class: "space-y-8" }, Me = {
   key: 0,
   class: "w-50 ml-5 flex flex-row items-start"
 }, Ae = { class: "m-2" }, Ne = { class: "flex gap-8 items-center justify-start" }, Oe = /* @__PURE__ */ ce({
@@ -20,12 +20,14 @@ const Te = { class: "fm-typo-en-title-md-600" }, Pe = { class: "space-y-40" }, B
     }
   },
   setup(te, { expose: H }) {
-    const { t: s } = fe(), Q = _e(), U = T(""), R = _(() => Q.restaurants.value.filter(({ profile: e }) => {
+    const { t: s } = ve(), Q = fe(), U = T(""), R = _(() => Q.restaurants.value.filter(({ profile: e }) => {
       const a = `${e.code ? e.code + "-" : ""}${e.legalName}`;
       return !U.value || a.toLowerCase().includes(U.value.toLowerCase());
-    })), S = ve(), J = he(), X = ke(J), P = te, d = T(!1), Y = () => {
+    })), S = he(), J = _e(), X = Ee(J), B = te, d = T(!1), Y = () => {
       d.value = !d.value, d.value && $();
-    }, Z = _(() => P.id ? s("hr.role.form.update") : s("hr.role.form.add")), M = _(() => P.id ? s("common.update") : s("common.add")), A = _(() => Le.filter((e) => !(e.subject === E.F_RULE_SUBJECT.enum.report && !e.conditions)).map((e) => W(e))), m = _(() => S.roles.value.find((e) => e._id == P.id)), V = () => ({
+    }, Z = _(() => B.id ? s("hr.role.form.update") : s("hr.role.form.add")), M = _(() => B.id ? s("common.update") : s("common.add")), A = _(() => Ce.filter(
+      (e) => !(e.subject === E.F_RULE_SUBJECT.enum.report && !e.conditions)
+    ).map((e) => K(e))), m = _(() => S.roles.value.find((e) => e._id == B.id)), V = () => ({
       name: "",
       restaurantIds: [],
       permissions: [],
@@ -56,8 +58,8 @@ const Te = { class: "fm-typo-en-title-md-600" }, Pe = { class: "space-y-40" }, B
     function $() {
       var e;
       l.value = V(), l.value.name = ((e = m.value) == null ? void 0 : e.name) ?? "", h.value ? (l.value.restaurantIds = R.value.map((a) => a._id), l.value.permissions = A.value.map((a) => a.value)) : m.value && (l.value.restaurantIds = m.value.restaurants.map((a) => a.id), l.value.permissions = m.value.permissions.map(
-        (a) => W(a).value
-      ), l.value.maxDiscountPercentage = me(
+        (a) => K(a).value
+      ), l.value.maxDiscountPercentage = de(
         m.value.permissions
       ));
     }
@@ -68,7 +70,7 @@ const Te = { class: "fm-typo-en-title-md-600" }, Pe = { class: "space-y-40" }, B
       restaurantIds: l.value.restaurantIds,
       role: {
         name: l.value.name,
-        permissions: Ue(l.value.permissions, l.value.maxDiscountPercentage)
+        permissions: Re(l.value.permissions, l.value.maxDiscountPercentage)
       }
     })), o = () => {
       const e = ae.value;
@@ -87,7 +89,7 @@ const Te = { class: "fm-typo-en-title-md-600" }, Pe = { class: "space-y-40" }, B
       i.value === !0 ? l.value.restaurantIds = e : l.value.restaurantIds = R.value.map((a) => a._id);
     }, g = (e) => e.map((v) => v.value).every((v) => l.value.permissions.includes(v)), w = (e) => {
       const a = l.value.permissions.filter(
-        (v) => !e.map((B) => B.value).includes(v)
+        (v) => !e.map((D) => D.value).includes(v)
       );
       g(e) === !0 ? l.value.permissions = a : l.value.permissions = [...a, ...e.map((v) => v.value)];
     };
@@ -97,18 +99,18 @@ const Te = { class: "fm-typo-en-title-md-600" }, Pe = { class: "space-y-40" }, B
         e.length > 0 && (ee.value = "");
       }
     );
-    const O = Se(
+    const O = Ue(
       () => {
-        var e, a, v, B;
+        var e, a, v, D;
         return !z.isEqual(l.value.name, ((e = m.value) == null ? void 0 : e.name) || V().name) || !z.isEqual(
           l.value.restaurantIds,
           ((a = m.value) == null ? void 0 : a.restaurants.map((k) => k.id)) || V().restaurantIds
         ) || !z.isEqual(
           l.value.permissions,
-          ((v = m.value) == null ? void 0 : v.permissions.map((k) => W(k).value)) || V().permissions
+          ((v = m.value) == null ? void 0 : v.permissions.map((k) => K(k).value)) || V().permissions
         ) || !z.isEqual(
           l.value.maxDiscountPercentage,
-          m.value ? me((B = m.value) == null ? void 0 : B.permissions) : V().maxDiscountPercentage
+          m.value ? de((D = m.value) == null ? void 0 : D.permissions) : V().maxDiscountPercentage
         );
       },
       () => {
@@ -119,12 +121,12 @@ const Te = { class: "fm-typo-en-title-md-600" }, Pe = { class: "space-y-40" }, B
       show: d,
       trigger: Y
     }), (e, a) => {
-      const v = y("FmTextField"), B = y("FmSearch"), k = y("FmCheckbox"), ge = y("FmFormGroup"), be = y("FmCard"), oe = y("fm-button"), ye = y("fm-side-sheet");
+      const v = y("FmTextField"), D = y("FmSearch"), k = y("FmCheckbox"), ge = y("FmFormGroup"), be = y("FmCard"), oe = y("fm-button"), ye = y("fm-side-sheet");
       return p(), C(ye, {
         id: "unit-form",
         modelValue: d.value,
         "onUpdate:modelValue": a[7] || (a[7] = (n) => d.value = n),
-        "is-container": t(K).FmForm,
+        "is-container": t(W).FmForm,
         "is-container-props": {
           onValidationSuccess: o,
           blameFormChildOnValidationFailed: !0
@@ -133,7 +135,7 @@ const Te = { class: "fm-typo-en-title-md-600" }, Pe = { class: "space-y-40" }, B
         "onOn:clickedAway": t(O)
       }, {
         "side-sheet-header": b(() => [
-          f("p", Te, D(Z.value), 1)
+          f("p", Te, P(Z.value), 1)
         ]),
         "side-sheet-footer": b(() => [
           f("div", Ne, [
@@ -153,7 +155,7 @@ const Te = { class: "fm-typo-en-title-md-600" }, Pe = { class: "space-y-40" }, B
           ])
         ]),
         default: b(() => [
-          f("div", Pe, [
+          f("div", Be, [
             c(se, { title: "Role detail" }, {
               default: b(() => [
                 c(v, {
@@ -171,7 +173,7 @@ const Te = { class: "fm-typo-en-title-md-600" }, Pe = { class: "space-y-40" }, B
               title: t(s)("hr.role.form.restaurant")
             }, {
               default: b(() => [
-                c(B, {
+                c(D, {
                   modelValue: U.value,
                   "onUpdate:modelValue": a[1] || (a[1] = (n) => U.value = n),
                   placeholder: t(s)("hr.restaurant.search.placeholder")
@@ -182,7 +184,7 @@ const Te = { class: "fm-typo-en-title-md-600" }, Pe = { class: "space-y-40" }, B
                   rules: [(n) => n.length > 0 || t(s)("hr.role.form.atLeastOneRestaurant")]
                 }, {
                   default: b(() => [
-                    f("div", Be, [
+                    f("div", De, [
                       U.value ? re("", !0) : (p(), C(k, {
                         key: 0,
                         "model-value": i.value,
@@ -219,11 +221,11 @@ const Te = { class: "fm-typo-en-title-md-600" }, Pe = { class: "space-y-40" }, B
                   class: "p-16"
                 }, {
                   default: b(() => [
-                    c(Ee, {
+                    c(Se, {
                       label: n.title
                     }, {
                       default: b(() => [
-                        f("div", De, [
+                        f("div", Pe, [
                           c(k, {
                             "model-value": g(n.options),
                             label: "All",
@@ -242,7 +244,7 @@ const Te = { class: "fm-typo-en-title-md-600" }, Pe = { class: "space-y-40" }, B
                               disabled: h.value
                             }, null, 8, ["modelValue", "label", "value", "disabled"]),
                             I.value === "order:discount" && l.value.permissions.includes(I.value) ? (p(), L("div", Me, [
-                              f("div", Ae, D(t(s)("hr.role.form.maxDiscountPercentage")), 1),
+                              f("div", Ae, P(t(s)("hr.role.form.maxDiscountPercentage")), 1),
                               c(v, {
                                 modelValue: l.value.maxDiscountPercentage,
                                 "onUpdate:modelValue": a[5] || (a[5] = (x) => l.value.maxDiscountPercentage = x),
@@ -296,10 +298,10 @@ const Te = { class: "fm-typo-en-title-md-600" }, Pe = { class: "space-y-40" }, B
   }) {
     const {
       t: s
-    } = fe(), Q = _e(), U = _(() => Q.restaurants.value), R = _(() => U.value.map((o) => o._id));
+    } = ve(), Q = fe(), U = _(() => Q.restaurants.value), R = _(() => U.value.map((o) => o._id));
     function S(o, r) {
       const i = j(o, r);
-      return ["-", "All"].includes(i) ? () => null : () => F(K.FmTooltip, {
+      return ["-", "All"].includes(i) ? () => null : () => F(W.FmTooltip, {
         "z-index": "999",
         placement: "top",
         class: "ml-2"
@@ -307,12 +309,12 @@ const Te = { class: "fm-typo-en-title-md-600" }, Pe = { class: "space-y-40" }, B
         content: () => F("div", {
           innerHTML: `
         ${s("hr.role.tooltip.labels.permission")}
-        ${o.filter((u) => u.subject === r).map((u) => `<div>- ${W(u).label}</div>`).join("")}
+        ${o.filter((u) => u.subject === r).map((u) => `<div>- ${K(u).label}</div>`).join("")}
       `
         }),
-        default: () => F(K.FmIcon, {
+        default: () => F(W.FmIcon, {
           name: "info",
-          color: de.NeutralGray400
+          color: me.NeutralGray400
         })
       });
     }
@@ -354,19 +356,19 @@ const Te = { class: "fm-typo-en-title-md-600" }, Pe = { class: "space-y-40" }, B
       },
       cell: (o) => F("div", {
         class: "w-full flex justify-end items-center"
-      }, [F(K.FmButton, {
+      }, [F(W.FmButton, {
         prependIcon: "delete",
-        variant: Ve.Tertiary,
-        textColor: de.NeutralGray400,
+        variant: ke.Tertiary,
+        textColor: me.NeutralGray400,
         disabled: le(o.row.original.permissions),
         onClick: (r) => {
           r.stopPropagation(), l(o.row.original);
         }
       })])
-    }], P = async (o) => {
+    }], B = async (o) => {
       var r;
       $.value = o._id, await ue(), (r = h.value) == null || r.trigger();
-    }, d = ve(), Y = $e(), Z = _(() => (d.roles.value || []).filter((i) => i.restaurants.some((u) => R.value.includes(u.id))).map((i) => {
+    }, d = he(), Y = $e(), Z = _(() => (d.roles.value || []).filter((i) => i.restaurants.some((u) => R.value.includes(u.id))).map((i) => {
       const u = i.restaurants.map((g) => {
         const w = Y.value[g.id];
         return {
@@ -387,9 +389,9 @@ const Te = { class: "fm-typo-en-title-md-600" }, Pe = { class: "space-y-40" }, B
         });
         return g || O;
       });
-    }), A = Ce(), m = he(), {
+    }), A = Ve(), m = _e(), {
       breakpoints: V
-    } = Re(), l = (o) => {
+    } = we(), l = (o) => {
       A.open({
         title: s("hr.role.remove.title"),
         message: s("hr.role.remove.message", {
@@ -441,7 +443,7 @@ const Te = { class: "fm-typo-en-title-md-600" }, Pe = { class: "space-y-40" }, B
         class: "w-[320px] xs:w-full",
         autofocus: "",
         placeholder: t(s)("hr.role.search.placeholder") + " / " + t(s)("hr.restaurant.search.placeholder")
-      }, null, 8, ["modelValue", "placeholder"])]), t(d).roles.value.length > 0 || t(d).isLoading.value ? (p(), C(we, {
+      }, null, 8, ["modelValue", "placeholder"])]), t(d).roles.value.length > 0 || t(d).isLoading.value ? (p(), C(Ie, {
         key: 0,
         class: "overflow-auto"
       }, {
@@ -454,20 +456,20 @@ const Te = { class: "fm-typo-en-title-md-600" }, Pe = { class: "space-y-40" }, B
           "pin-header-row": "",
           "hide-footer": "",
           "shrink-at": !1,
-          onRowClick: r[1] || (r[1] = (e) => P(e.original))
+          onRowClick: r[1] || (r[1] = (e) => B(e.original))
         }, null, 8, ["row-data", "page-size", "loading"]), f("div", je, [c(O, {
           separator: ""
         }, {
           default: b(() => [(p(!0), L(q, null, G(M.value, (e) => (p(), C(w, {
             key: e._id,
             class: "py-12 px-16 items-center justify-between",
-            onClick: (a) => P(e)
+            onClick: (a) => B(e)
           }, {
-            default: b(() => [f("div", ze, [f("p", Ge, D(e.name), 1), f("div", Ke, [f("p", null, D(t(s)("hr.role.labels.restaurantList", {
+            default: b(() => [f("div", ze, [f("p", Ge, P(e.name), 1), f("div", Ke, [f("p", null, P(t(s)("hr.role.labels.restaurantList", {
               items: e.restaurants.map((a) => a.name).join(", ")
-            })), 1), f("p", We, [ne(D(t(s)("hr.role.labels.operationList", {
+            })), 1), f("p", We, [ne(P(t(s)("hr.role.labels.operationList", {
               items: t(j)(e.permissions, t(E.F_RULE_SUBJECT).enum.order)
-            })) + " ", 1), (p(), C(ie(S(e.permissions, t(E.F_RULE_SUBJECT).enum.order))))]), f("p", He, [ne(D(t(s)("hr.role.labels.reportList", {
+            })) + " ", 1), (p(), C(ie(S(e.permissions, t(E.F_RULE_SUBJECT).enum.order))))]), f("p", He, [ne(P(t(s)("hr.role.labels.reportList", {
               items: t(j)(e.permissions, t(E.F_RULE_SUBJECT).enum.report)
             })) + " ", 1), (p(), C(ie(S(e.permissions, t(E.F_RULE_SUBJECT).enum.report))))])])]), c(g, {
               disabled: t(le)(e.permissions),
@@ -481,7 +483,7 @@ const Te = { class: "fm-typo-en-title-md-600" }, Pe = { class: "space-y-40" }, B
           _: 1
         })])]),
         _: 1
-      })) : (p(), C(t(Ie), {
+      })) : (p(), C(t(Le), {
         key: 1,
         title: t(s)("hr.role.noData.title"),
         subtitle: t(s)("hr.role.noData.subtitle")

package/dist/RolePermissionList-tR-Kmlu7.js

@@ -0,0 +1,285 @@
+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-BsEM84j5.js";
+import { u as Z } from "./useLoading-DpbOtToC.js";
+import { a as ee } from "./PortalPermissionEditor.vue_vue_type_script_setup_true_lang-CZKBfM_R.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
+};