@feedmepos/mf-hrm-portal 2.0.17-dev.5 → 2.0.18-dev

package/dist/{RoleList-DMFJsUZv.js → RoleList-DR3eVJ9f.js}

@@ -1,23 +1,23 @@
-import { computed as _, defineComponent as ge, ref as P, watch as se, onMounted as be, resolveComponent as C, createBlock as L, openBlock as d, unref as o, withCtx as y, createElementVNode as f, createVNode as c, createElementBlock as V, Fragment as A, createCommentVNode as de, renderList as te, toDisplayString as D, h as S, createTextVNode as pe, resolveDynamicComponent as ve, withModifiers as Le, nextTick as fe } from "vue";
-import { e as k } from "./iteration-JOKbtlLf.js";
-import { useCoreStore as me, useI18n as ye } from "@feedmepos/mf-common";
+import { computed as _, defineComponent as ge, ref as P, watch as se, onMounted as be, resolveComponent as R, createBlock as L, openBlock as d, unref as o, withCtx as y, createElementVNode as f, createVNode as c, createElementBlock as V, Fragment as A, createCommentVNode as de, renderList as le, toDisplayString as D, h as S, createTextVNode as pe, resolveDynamicComponent as ve, withModifiers as Le, nextTick as fe } from "vue";
+import { u as me, e as k } from "./iteration-UBGGRoxQ.js";
+import { useI18n as ye } from "@feedmepos/mf-common";
 import { useSnackbar as xe, components as ue, useDialog as Ue, useBreakpoints as Ee, FmButtonColorThemeVariant as Ie } from "@feedmepos/ui-library";
-import { _ as Se } from "./app-COJbSNM4.js";
+import { _ as Se } from "./app-R5EioPr4.js";
 import { u as Pe, _ as he } from "./useDiscardConfirm-DPhEV6v0.js";
 import { _ as $e } from "./index.vue_vue_type_script_setup_true_lang-Vc5ARO29.js";
-import { e as Te, r as W, h as Ce, f as Me, g as _e, a as ae } from "./rule-3sXHiW0y.js";
-import { u as Re } from "./useAppStore-CvmsaYSG.js";
-import { u as Fe } from "./useReportPermissions-CWMFFb8E.js";
-import { l as le } from "./lodash-D5xlVzib.js";
+import { e as Te, r as W, h as Re, f as Me, g as _e, a as ae } from "./rule-B519XbW6.js";
+import { u as Ce } from "./useAppStore-Akl8AoVN.js";
+import { u as Fe } from "./useReportPermissions-BOEZU86S.js";
+import { l as te } from "./lodash-CC6qHVUo.js";
 import { _ as Be } from "./CollapsibleWrapper.vue_vue_type_script_setup_true_lang-BLJlmPVa.js";
 import { _ as ie } from "./FormSection.vue_vue_type_script_setup_true_lang-DknXTYiK.js";
-import { u as De } from "./useLoading-4TNmhm5N.js";
+import { u as De } from "./useLoading-rbrVwWuj.js";
 function Ne() {
   const j = me();
   return _(() => {
     const s = {};
-    return j.restaurants.value.forEach((w) => {
-      s[w._id] = w;
+    return j.restaurants.value.forEach((C) => {
+      s[C._id] = C;
     }), s;
   });
 }
@@ -36,29 +36,29 @@ const Ae = { class: "fm-typo-en-title-md-600" }, Oe = { class: "space-y-40" }, J
     }
   },
   setup(j, { expose: G }) {
-    const { t: s } = ye(), w = me(), $ = P(""), U = _(() => w.restaurants.value.filter(({ profile: e }) => {
+    const { t: s } = ye(), C = me(), $ = P(""), U = _(() => C.restaurants.value.filter(({ profile: e }) => {
       const a = `${e.code ? e.code + "-" : ""}${e.legalName}`;
       return !$.value || a.toLowerCase().includes($.value.toLowerCase());
-    })), O = P(w.restaurants.value.length === 0);
+    })), O = P(C.restaurants.value.length === 0);
     se(
-      () => w.restaurants.value.length,
+      () => C.restaurants.value.length,
       (e) => {
         e > 0 && (O.value = !1);
       }
     );
-    const T = Re(), H = xe(), Q = De(H), { fetchReportPermissions: X, allReportPermissions: oe, availableReportKeys: M } = Fe(), R = j, b = P(!1), re = () => {
+    const T = Ce(), H = xe(), Q = De(H), { fetchReportPermissions: X, allReportPermissions: oe, availableReportKeys: M } = Fe(), F = j, b = P(!1), re = () => {
       b.value = !b.value, b.value && Z();
-    }, J = _(() => R.id ? s("hr.role.form.update") : s("hr.role.form.add")), Y = _(() => R.id ? s("common.update") : s("common.add")), q = _(() => {
+    }, J = _(() => F.id ? s("hr.role.form.update") : s("hr.role.form.add")), Y = _(() => F.id ? s("common.update") : s("common.add")), q = _(() => {
       const e = Te.filter(
         (i) => i.subject !== k.F_RULE_SUBJECT.enum.report
       ).map((i) => W(i)), a = oe.value.map((i) => W(i));
       return [...e, ...a];
-    }), p = _(() => T.roles.value.find((e) => e._id == R.id)), E = () => ({
+    }), p = _(() => T.roles.value.find((e) => e._id == F.id)), E = () => ({
       name: "",
       restaurantIds: [],
       permissions: [],
       maxDiscountPercentage: 100
-    }), l = P(E()), z = _(() => [
+    }), t = P(E()), z = _(() => [
       {
         title: s("hr.role.labels.operation"),
         filter: (e) => e.isOrderOperation
@@ -79,29 +79,29 @@ const Ae = { class: "fm-typo-en-title-md-600" }, Oe = { class: "space-y-40" }, J
       }))
     }))), g = _(() => {
       var e;
-      return Ce(((e = p.value) == null ? void 0 : e.permissions) || []);
+      return Re(((e = p.value) == null ? void 0 : e.permissions) || []);
     });
     function Z() {
       var e;
-      l.value = E(), l.value.name = ((e = p.value) == null ? void 0 : e.name) ?? "", g.value ? (l.value.restaurantIds = U.value.map((a) => a._id), l.value.permissions = q.value.map((a) => a.value)) : p.value && (l.value.restaurantIds = p.value.restaurants.map((a) => a.id), l.value.permissions = p.value.permissions.map((a) => W(a).value).filter((a) => a.startsWith("report:") ? M.value.has(a.split(":")[1]) : !0), l.value.maxDiscountPercentage = _e(
+      t.value = E(), t.value.name = ((e = p.value) == null ? void 0 : e.name) ?? "", g.value ? (t.value.restaurantIds = U.value.map((a) => a._id), t.value.permissions = q.value.map((a) => a.value)) : p.value && (t.value.restaurantIds = p.value.restaurants.map((a) => a.id), t.value.permissions = p.value.permissions.map((a) => W(a).value).filter((a) => a.startsWith("report:") ? M.value.has(a.split(":")[1]) : !0), t.value.maxDiscountPercentage = _e(
         p.value.permissions
       ));
     }
     be(async () => {
-      await X(), Z();
+      await C.readRestaurants(), await X(), Z();
     }), se(b, async (e) => {
       e && await X();
     }), se(M, () => {
-      b.value && p.value && !g.value && (l.value.permissions = l.value.permissions.filter((e) => e.startsWith("report:") ? M.value.has(e.split(":")[1]) : !0));
+      b.value && p.value && !g.value && (t.value.permissions = t.value.permissions.filter((e) => e.startsWith("report:") ? M.value.has(e.split(":")[1]) : !0));
     });
-    const ne = P(""), t = _(() => ({
-      restaurantIds: l.value.restaurantIds,
+    const ne = P(""), l = _(() => ({
+      restaurantIds: t.value.restaurantIds,
       role: {
-        name: l.value.name,
-        permissions: Me(l.value.permissions, l.value.maxDiscountPercentage)
+        name: t.value.name,
+        permissions: Me(t.value.permissions, t.value.maxDiscountPercentage)
       }
     })), r = async () => {
-      const e = t.value;
+      const e = l.value;
       await Q.minor(
         async () => {
           p.value ? await T.updateRole(p.value._id, e) : await T.createRole(e);
@@ -111,18 +111,18 @@ const Ae = { class: "fm-typo-en-title-md-600" }, Oe = { class: "space-y-40" }, J
         }
       ), b.value = !1;
     }, m = _(
-      () => l.value.restaurantIds.filter((e) => U.value.some((a) => a._id === e))
+      () => t.value.restaurantIds.filter((e) => U.value.some((a) => a._id === e))
     ), u = _(() => U.value.length > 0 && U.value.length === m.value.length), h = () => {
-      const e = l.value.restaurantIds.filter((a) => !m.value.includes(a));
-      u.value === !0 ? l.value.restaurantIds = e : l.value.restaurantIds = U.value.map((a) => a._id);
-    }, x = (e) => e.map((i) => i.value).every((i) => l.value.permissions.includes(i)), v = (e) => {
-      const a = l.value.permissions.filter(
+      const e = t.value.restaurantIds.filter((a) => !m.value.includes(a));
+      u.value === !0 ? t.value.restaurantIds = e : t.value.restaurantIds = U.value.map((a) => a._id);
+    }, x = (e) => e.map((i) => i.value).every((i) => t.value.permissions.includes(i)), v = (e) => {
+      const a = t.value.permissions.filter(
         (i) => !e.map((N) => N.value).includes(i)
       );
-      x(e) === !0 ? l.value.permissions = a : l.value.permissions = [...a, ...e.map((i) => i.value)];
+      x(e) === !0 ? t.value.permissions = a : t.value.permissions = [...a, ...e.map((i) => i.value)];
     };
     se(
-      () => l.value.restaurantIds,
+      () => t.value.restaurantIds,
       (e) => {
         e.length > 0 && (ne.value = "");
       }
@@ -130,14 +130,14 @@ const Ae = { class: "fm-typo-en-title-md-600" }, Oe = { class: "space-y-40" }, J
     const B = Pe(
       () => {
         var e, a, i, N;
-        return !le.isEqual(l.value.name, ((e = p.value) == null ? void 0 : e.name) || E().name) || !le.isEqual(
-          l.value.restaurantIds,
+        return !te.isEqual(t.value.name, ((e = p.value) == null ? void 0 : e.name) || E().name) || !te.isEqual(
+          t.value.restaurantIds,
           ((a = p.value) == null ? void 0 : a.restaurants.map((K) => K.id)) || E().restaurantIds
-        ) || !le.isEqual(
-          l.value.permissions,
+        ) || !te.isEqual(
+          t.value.permissions,
           ((i = p.value) == null ? void 0 : i.permissions.map((K) => W(K).value)) || E().permissions
-        ) || !le.isEqual(
-          l.value.maxDiscountPercentage,
+        ) || !te.isEqual(
+          t.value.maxDiscountPercentage,
           p.value ? _e((N = p.value) == null ? void 0 : N.permissions) : E().maxDiscountPercentage
         );
       },
@@ -149,7 +149,7 @@ const Ae = { class: "fm-typo-en-title-md-600" }, Oe = { class: "space-y-40" }, J
       show: b,
       trigger: re
     }), (e, a) => {
-      const i = C("FmTextField"), N = C("FmCircularProgress"), K = C("FmSearch"), ee = C("FmCheckbox"), we = C("FmFormGroup"), Ve = C("FmCard"), ce = C("fm-button"), ke = C("fm-side-sheet");
+      const i = R("FmTextField"), N = R("FmCircularProgress"), K = R("FmSearch"), ee = R("FmCheckbox"), we = R("FmFormGroup"), Ve = R("FmCard"), ce = R("fm-button"), ke = R("fm-side-sheet");
       return d(), L(ke, {
         id: "unit-form",
         modelValue: b.value,
@@ -187,8 +187,8 @@ const Ae = { class: "fm-typo-en-title-md-600" }, Oe = { class: "space-y-40" }, J
             c(ie, { title: "Role detail" }, {
               default: y(() => [
                 c(i, {
-                  modelValue: l.value.name,
-                  "onUpdate:modelValue": a[0] || (a[0] = (n) => l.value.name = n),
+                  modelValue: t.value.name,
+                  "onUpdate:modelValue": a[0] || (a[0] = (n) => t.value.name = n),
                   autofocus: "",
                   rules: [(n) => !!n || o(s)("hr.role.form.required")],
                   label: o(s)("hr.role.form.name"),
@@ -210,8 +210,8 @@ const Ae = { class: "fm-typo-en-title-md-600" }, Oe = { class: "space-y-40" }, J
                     placeholder: o(s)("hr.restaurant.search.placeholder")
                   }, null, 8, ["modelValue", "placeholder"]),
                   c(we, {
-                    modelValue: l.value.restaurantIds,
-                    "onUpdate:modelValue": a[3] || (a[3] = (n) => l.value.restaurantIds = n),
+                    modelValue: t.value.restaurantIds,
+                    "onUpdate:modelValue": a[3] || (a[3] = (n) => t.value.restaurantIds = n),
                     rules: [(n) => n.length > 0 || o(s)("hr.role.form.atLeastOneRestaurant")]
                   }, {
                     default: y(() => [
@@ -224,12 +224,12 @@ const Ae = { class: "fm-typo-en-title-md-600" }, Oe = { class: "space-y-40" }, J
                           disabled: g.value,
                           "onUpdate:modelValue": h
                         }, null, 8, ["model-value", "label", "disabled"])),
-                        (d(!0), V(A, null, te(U.value, (n) => (d(), V("div", {
+                        (d(!0), V(A, null, le(U.value, (n) => (d(), V("div", {
                           key: n._id
                         }, [
                           c(ee, {
-                            modelValue: l.value.restaurantIds,
-                            "onUpdate:modelValue": a[2] || (a[2] = (I) => l.value.restaurantIds = I),
+                            modelValue: t.value.restaurantIds,
+                            "onUpdate:modelValue": a[2] || (a[2] = (I) => t.value.restaurantIds = I),
                             label: `${n.profile.code ? n.profile.code + "-" : ""}${n.profile.name}`,
                             value: n._id,
                             disabled: g.value
@@ -247,7 +247,7 @@ const Ae = { class: "fm-typo-en-title-md-600" }, Oe = { class: "space-y-40" }, J
               title: o(s)("hr.role.form.permissions")
             }, {
               default: y(() => [
-                (d(!0), V(A, null, te(z.value, (n) => (d(), L(Ve, {
+                (d(!0), V(A, null, le(z.value, (n) => (d(), L(Ve, {
                   key: n.title,
                   variant: "outlined",
                   class: "p-16"
@@ -266,26 +266,26 @@ const Ae = { class: "fm-typo-en-title-md-600" }, Oe = { class: "space-y-40" }, J
                             disabled: g.value,
                             "onUpdate:modelValue": (I) => v(n.options)
                           }, null, 8, ["model-value", "label", "disabled", "onUpdate:modelValue"]),
-                          (d(!0), V(A, null, te(n.options, (I) => (d(), V("div", {
+                          (d(!0), V(A, null, le(n.options, (I) => (d(), V("div", {
                             key: I.value
                           }, [
                             c(ee, {
-                              modelValue: l.value.permissions,
-                              "onUpdate:modelValue": a[4] || (a[4] = (F) => l.value.permissions = F),
+                              modelValue: t.value.permissions,
+                              "onUpdate:modelValue": a[4] || (a[4] = (w) => t.value.permissions = w),
                               label: I.label,
                               value: I.value,
                               disabled: g.value
                             }, null, 8, ["modelValue", "label", "value", "disabled"]),
-                            I.value === "order:discount" && l.value.permissions.includes(I.value) ? (d(), V("div", We, [
+                            I.value === "order:discount" && t.value.permissions.includes(I.value) ? (d(), V("div", We, [
                               f("div", je, D(o(s)("hr.role.form.maxDiscountPercentage")), 1),
                               c(i, {
-                                modelValue: l.value.maxDiscountPercentage,
-                                "onUpdate:modelValue": a[5] || (a[5] = (F) => l.value.maxDiscountPercentage = F),
+                                modelValue: t.value.maxDiscountPercentage,
+                                "onUpdate:modelValue": a[5] || (a[5] = (w) => t.value.maxDiscountPercentage = w),
                                 rules: [
-                                  (F) => !!F || o(s)("hr.role.form.required"),
-                                  (F) => !isNaN(F) || o(s)("hr.role.form.onlyContainsNumber"),
-                                  (F) => F <= 100 || o(s)("hr.role.form.maxValueIs", { max: 100 }),
-                                  (F) => F >= 0 || o(s)("hr.role.form.minValueIs", { min: 0 })
+                                  (w) => !!w || o(s)("hr.role.form.required"),
+                                  (w) => !isNaN(w) || o(s)("hr.role.form.onlyContainsNumber"),
+                                  (w) => w <= 100 || o(s)("hr.role.form.maxValueIs", { max: 100 }),
+                                  (w) => w >= 0 || o(s)("hr.role.form.minValueIs", { min: 0 })
                                 ],
                                 "append-text": "%",
                                 disabled: g.value
@@ -322,7 +322,7 @@ const Ae = { class: "fm-typo-en-title-md-600" }, Oe = { class: "space-y-40" }, J
   class: "text-fm-color-typo-secondary"
 }, as = {
   class: "flex"
-}, ls = {
+}, ts = {
   class: "flex"
 }, gs = /* @__PURE__ */ ge({
   __name: "RoleList",
@@ -332,41 +332,41 @@ const Ae = { class: "fm-typo-en-title-md-600" }, Oe = { class: "space-y-40" }, J
     const {
       t: s
     } = ye(), {
-      allReportPermissions: w
-    } = Fe(), $ = me(), U = _(() => $.restaurants.value), O = _(() => U.value.map((t) => t._id));
-    function T(t, r) {
-      const m = r === k.F_RULE_SUBJECT.enum.report ? w.value : void 0, u = ae(t, r, m);
+      allReportPermissions: C
+    } = Fe(), $ = me(), U = _(() => $.restaurants.value), O = _(() => U.value.map((l) => l._id));
+    function T(l, r) {
+      const m = r === k.F_RULE_SUBJECT.enum.report ? C.value : void 0, u = ae(l, r, m);
       return ["-", "All"].includes(u) ? () => null : () => S(ue.FmTooltip, {
         "z-index": "999",
         placement: "top",
         class: "ml-2"
       }, {
-        content: () => S("div", [s("hr.role.tooltip.labels.permission"), ...t.filter((h) => h.subject === r).map((h) => S("div", ["- ", W(h).label]))]),
+        content: () => S("div", [s("hr.role.tooltip.labels.permission"), ...l.filter((h) => h.subject === r).map((h) => S("div", ["- ", W(h).label]))]),
         default: () => S(ue.FmIcon, {
           name: "info",
           color: Ie.NeutralGray400
         })
       });
     }
-    function H(t, r) {
-      const m = r === k.F_RULE_SUBJECT.enum.report ? w.value : void 0, u = ae(t, r, m);
+    function H(l, r) {
+      const m = r === k.F_RULE_SUBJECT.enum.report ? C.value : void 0, u = ae(l, r, m);
       return () => u === "All" ? u : S("div", {
         class: "flex items-center"
-      }, [u, T(t, r)()]);
+      }, [u, T(l, r)()]);
     }
-    function Q(t) {
+    function Q(l) {
       return [{
         label: s("hr.role.form.update"),
-        onClick: () => M(t)
+        onClick: () => M(l)
       }, {
         label: s("hr.role.remove.title"),
-        onClick: () => E(t),
+        onClick: () => E(l),
         itemClass: "text-fm-color-typo-error",
-        disabled: Ce(t.permissions)
+        disabled: Re(l.permissions)
       }];
     }
     const X = ({
-      role: t,
+      role: l,
       className: r = ""
     }) => c("div", {
       class: r,
@@ -374,7 +374,7 @@ const Ae = { class: "fm-typo-en-title-md-600" }, Oe = { class: "space-y-40" }, J
         m.stopPropagation();
       }
     }, [c(he, {
-      items: Q(t)
+      items: Q(l)
     }, null)]), oe = [{
       accessorKey: "name",
       header: () => s("hr.role.columns.name"),
@@ -382,17 +382,17 @@ const Ae = { class: "fm-typo-en-title-md-600" }, Oe = { class: "space-y-40" }, J
     }, {
       accessorKey: "operation",
       header: () => s("hr.role.columns.operation"),
-      cell: (t) => S(H(t.row.original.permissions, k.F_RULE_SUBJECT.enum.order)),
+      cell: (l) => S(H(l.row.original.permissions, k.F_RULE_SUBJECT.enum.order)),
       enableSorting: !1
     }, {
       accessorKey: "report",
       header: () => s("hr.role.columns.report"),
-      cell: (t) => S(H(t.row.original.permissions, k.F_RULE_SUBJECT.enum.report)),
+      cell: (l) => S(H(l.row.original.permissions, k.F_RULE_SUBJECT.enum.report)),
       enableSorting: !1
     }, {
       accessorKey: "restaurants",
       header: () => s("hr.role.columns.restaurants"),
-      cell: (t) => t.row.original.restaurants.map((r, m) => {
+      cell: (l) => l.row.original.restaurants.map((r, m) => {
         const u = r.code, h = `${u ? u + " - " : ""}${r.name}`;
         return S("div", (m ? `
  ` : "") + h);
@@ -405,16 +405,16 @@ const Ae = { class: "fm-typo-en-title-md-600" }, Oe = { class: "space-y-40" }, J
         cellClass: "pl-16",
         headerContentClass: "-mx-16"
       },
-      cell: (t) => X({
-        role: t.row.original,
+      cell: (l) => X({
+        role: l.row.original,
         className: "flex w-full items-center justify-end"
       })
-    }], M = async (t) => {
+    }], M = async (l) => {
       var r;
-      g.value = t._id, await fe(), (r = z.value) == null || r.trigger();
-    }, R = Re(), b = Ne(), re = _(() => {
-      const t = R.roles.value || [];
-      return (O.value.length === 0 ? t : t.filter((m) => m.restaurants.some((u) => O.value.includes(u.id)))).map((m) => {
+      g.value = l._id, await fe(), (r = z.value) == null || r.trigger();
+    }, F = Ce(), b = Ne(), re = _(() => {
+      const l = F.roles.value || [];
+      return (O.value.length === 0 ? l : l.filter((m) => m.restaurants.some((u) => O.value.includes(u.id)))).map((m) => {
         const u = m.restaurants.map((h) => {
           const x = b.value[h.id];
           return {
@@ -433,7 +433,7 @@ const Ae = { class: "fm-typo-en-title-md-600" }, Oe = { class: "space-y-40" }, J
     }), J = _(() => {
       var r;
       return (r = re.value) == null ? void 0 : r.filter((m) => {
-        const u = l.value.toLowerCase(), h = m.name.toLowerCase().includes(u), v = (m.restaurants || []).some((B) => {
+        const u = t.value.toLowerCase(), h = m.name.toLowerCase().includes(u), v = (m.restaurants || []).some((B) => {
           var e;
           return B.name.toLowerCase().includes(u) || ((e = B.code) == null ? void 0 : e.toLowerCase().includes(u));
         });
@@ -441,11 +441,11 @@ const Ae = { class: "fm-typo-en-title-md-600" }, Oe = { class: "space-y-40" }, J
       });
     }), Y = Ue(), q = xe(), {
       breakpoints: p
-    } = Ee(), E = (t) => {
+    } = Ee(), E = (l) => {
       Y.open({
         title: s("hr.role.remove.title"),
         message: s("hr.role.remove.message", {
-          name: t.name
+          name: l.name
         }),
         minWidth: p.value.lg ? 588 : 0,
         primaryActions: {
@@ -458,9 +458,9 @@ const Ae = { class: "fm-typo-en-title-md-600" }, Oe = { class: "space-y-40" }, J
           close: !0
         }
       }).onPrimary(async () => {
-        await R.deleteRole(t).then(() => q.open({
+        await F.deleteRole(l).then(() => q.open({
           message: s("hr.role.remove.successMessage", {
-            name: t.name
+            name: l.name
           }),
           type: "success"
         })).catch((r) => q.open({
@@ -468,32 +468,32 @@ const Ae = { class: "fm-typo-en-title-md-600" }, Oe = { class: "space-y-40" }, J
           type: "error"
         })), Y.close();
       });
-    }, l = P(""), z = P(), g = P(void 0);
+    }, t = P(""), z = P(), g = P(void 0);
     async function Z() {
-      var t;
-      g.value = void 0, await fe(), (t = z.value) == null || t.trigger();
+      var l;
+      g.value = void 0, await fe(), (l = z.value) == null || l.trigger();
     }
     async function ne() {
-      R.roles.value.length === 0 && await R.readRoles();
+      F.roles.value.length === 0 && await F.readRoles();
     }
     return be(() => {
       ne();
     }), G({
       create: Z
-    }), (t, r) => {
-      const m = C("FmSearch"), u = C("FmTable"), h = C("FmListItem"), x = C("FmList");
+    }), (l, r) => {
+      const m = R("FmSearch"), u = R("FmTable"), h = R("FmListItem"), x = R("FmList");
       return d(), V(A, null, [(d(), L(He, {
         id: g.value,
         key: g.value,
         ref_key: "roleFormRef",
         ref: z
       }, null, 8, ["id"])), f("div", Qe, [f("div", Xe, [c(m, {
-        modelValue: l.value,
-        "onUpdate:modelValue": r[0] || (r[0] = (v) => l.value = v),
+        modelValue: t.value,
+        "onUpdate:modelValue": r[0] || (r[0] = (v) => t.value = v),
         class: "w-[320px] xs:w-full",
         autofocus: "",
         placeholder: o(s)("hr.role.search.placeholder") + " / " + o(s)("hr.restaurant.search.placeholder")
-      }, null, 8, ["modelValue", "placeholder"])]), o(R).roles.value.length > 0 || o(R).isLoading.value ? (d(), L(Se, {
+      }, null, 8, ["modelValue", "placeholder"])]), o(F).roles.value.length > 0 || o(F).isLoading.value ? (d(), L(Se, {
         key: 0,
         class: "overflow-auto"
       }, {
@@ -502,7 +502,7 @@ const Ae = { class: "fm-typo-en-title-md-600" }, Oe = { class: "space-y-40" }, J
           "column-defs": oe,
           "row-data": J.value,
           "page-size": J.value.length,
-          loading: o(R).isLoading.value,
+          loading: o(F).isLoading.value,
           "pin-header-row": "",
           "hide-footer": "",
           "shrink-at": !1,
@@ -510,7 +510,7 @@ const Ae = { class: "fm-typo-en-title-md-600" }, Oe = { class: "space-y-40" }, J
         }, null, 8, ["row-data", "page-size", "loading"]), f("div", Ye, [c(x, {
           separator: ""
         }, {
-          default: y(() => [(d(!0), V(A, null, te(J.value, (v) => (d(), L(h, {
+          default: y(() => [(d(!0), V(A, null, le(J.value, (v) => (d(), L(h, {
             key: v._id,
             class: "py-12 px-16 items-center justify-between",
             onClick: (B) => M(v)
@@ -519,8 +519,8 @@ const Ae = { class: "fm-typo-en-title-md-600" }, Oe = { class: "space-y-40" }, J
               items: v.restaurants.map((B) => B.name).join(", ")
             })), 1), f("p", as, [pe(D(o(s)("hr.role.labels.operationList", {
               items: o(ae)(v.permissions, o(k.F_RULE_SUBJECT).enum.order)
-            })) + " ", 1), (d(), L(ve(T(v.permissions, o(k.F_RULE_SUBJECT).enum.order))))]), f("p", ls, [pe(D(o(s)("hr.role.labels.reportList", {
-              items: o(ae)(v.permissions, o(k.F_RULE_SUBJECT).enum.report, o(w))
+            })) + " ", 1), (d(), L(ve(T(v.permissions, o(k.F_RULE_SUBJECT).enum.order))))]), f("p", ts, [pe(D(o(s)("hr.role.labels.reportList", {
+              items: o(ae)(v.permissions, o(k.F_RULE_SUBJECT).enum.report, o(C))
             })) + " ", 1), (d(), L(ve(T(v.permissions, o(k.F_RULE_SUBJECT).enum.report))))])])]), f("div", {
               onClick: r[2] || (r[2] = Le(() => {
               }, ["stop"]))