@feedmepos/mf-hrm-portal 2.0.20-dev.2 → 2.0.20-dev.3

package/dist/{RoleList-BZ6RZvm2.js → RoleList-L8L1xmJ2.js}

@@ -1,33 +1,33 @@
-import { computed as _, defineComponent as ge, ref as $, watch as se, onMounted as be, resolveComponent as x, createBlock as P, openBlock as d, unref as o, withCtx as b, createElementVNode as p, createVNode as m, createElementBlock as k, Fragment as D, createCommentVNode as de, renderList as te, toDisplayString as N, h as S, createTextVNode as pe, resolveDynamicComponent as ve, withModifiers as Le, nextTick as fe } from "vue";
-import { u as me, e as L } from "./iteration-BVjUzYL5.js";
+import { computed as _, defineComponent as ge, ref as $, watch as se, onMounted as be, resolveComponent as y, createBlock as P, openBlock as p, unref as o, withCtx as b, createElementVNode as d, createVNode as n, createElementBlock as k, Fragment as N, createCommentVNode as de, renderList as le, toDisplayString as A, h as S, createTextVNode as pe, resolveDynamicComponent as ve, withModifiers as Ie, nextTick as fe } from "vue";
+import { u as me, e as L } from "./iteration-Dc-Bz5bA.js";
 import { useI18n as ye } from "@feedmepos/mf-common";
-import { useSnackbar as xe, components as ue, useDialog as Ee, useBreakpoints as Ue, FmButtonColorThemeVariant as Ie } from "@feedmepos/ui-library";
-import { _ as Se } from "./app-CLL3p27X.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 Re, f as Me, g as _e, a as ae } from "./rule-BlQ5YZ9Z.js";
-import { u as Ce } from "./useAppStore-DMAL8VFY.js";
-import { u as Fe } from "./useReportPermissions-hODG0Xx3.js";
-import { l as le } from "./lodash-CrwgACp2.js";
-import { _ as Be } from "./CollapsibleWrapper.vue_vue_type_script_setup_true_lang-BLJlmPVa.js";
+import { useSnackbar as xe, components as ue, useDialog as Ee, useBreakpoints as Ue, FmButtonColorThemeVariant as Se } from "@feedmepos/ui-library";
+import { _ as Pe } from "./app-g_SrJtfC.js";
+import { u as $e, _ as he } from "./useDiscardConfirm-DPhEV6v0.js";
+import { _ as Te } from "./index.vue_vue_type_script_setup_true_lang-Vc5ARO29.js";
+import { e as Me, r as K, h as Ce, f as Be, g as _e, a as ae } from "./rule-ClRtpdqO.js";
+import { u as Re } from "./useAppStore-CTBRpqmO.js";
+import { u as Fe } from "./useReportPermissions-nivbQm9V.js";
+import { l as te } from "./lodash-Cxw1GZ6L.js";
+import { _ as De } 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-AFTjRLyO.js";
-function Ne() {
-  const j = me();
+import { u as Ne } from "./useLoading-XvrLj1VM.js";
+function Ae() {
+  const W = me();
   return _(() => {
     const s = {};
-    return j.restaurants.value.forEach((R) => {
-      s[R._id] = R;
+    return W.restaurants.value.forEach((C) => {
+      s[C._id] = C;
     }), s;
   });
 }
-const Oe = { class: "fm-typo-en-title-md-600" }, Ae = { class: "space-y-40" }, Je = {
+const Oe = { class: "flex w-full items-center justify-between" }, Je = { class: "fm-typo-en-title-md-600" }, qe = { class: "space-y-40" }, ze = {
   key: 0,
   class: "flex justify-center py-16"
-}, qe = { class: "space-y-8" }, ze = { class: "fm-typo-en-title-sm-600" }, Ke = { class: "mt-16 space-y-8" }, We = {
+}, je = { class: "space-y-8" }, Ke = { class: "fm-typo-en-title-sm-600" }, We = { class: "mt-16 space-y-8" }, Ge = {
   key: 0,
   class: "ml-20 mt-8 flex max-w-[320px] flex-row items-start gap-8"
-}, je = { class: "mt-8 whitespace-nowrap" }, Ge = { class: "flex gap-8 items-center justify-start" }, He = /* @__PURE__ */ ge({
+}, He = { class: "mt-8 whitespace-nowrap" }, Qe = { class: "flex gap-8 items-center justify-start" }, Xe = /* @__PURE__ */ ge({
   __name: "RoleForm",
   props: {
     id: {
@@ -35,30 +35,30 @@ const Oe = { class: "fm-typo-en-title-md-600" }, Ae = { class: "space-y-40" }, J
       default: void 0
     }
   },
-  setup(j, { expose: G }) {
-    const { t: s } = ye(), R = me(), T = $(""), E = _(() => R.restaurants.value.filter(({ profile: e }) => {
+  setup(W, { expose: G }) {
+    const { t: s } = ye(), C = me(), T = $(""), I = _(() => C.restaurants.value.filter(({ profile: e }) => {
       const a = `${e.code ? e.code + "-" : ""}${e.legalName}`;
       return !T.value || a.toLowerCase().includes(T.value.toLowerCase());
-    })), J = $(R.restaurants.value.length === 0);
+    })), J = $(C.restaurants.value.length === 0);
     se(
-      () => R.restaurants.value.length,
+      () => C.restaurants.value.length,
       (e) => {
         e > 0 && (J.value = !1);
       }
     );
-    const M = Ce(), H = xe(), Q = De(H), { fetchReportPermissions: X, allReportPermissions: oe, availableReportKeys: B } = Fe(), C = j, F = $(!1), re = () => {
+    const M = Re(), H = xe(), Q = Ne(H), { fetchReportPermissions: X, allReportPermissions: oe, availableReportKeys: B } = Fe(), R = W, F = $(!1), re = () => {
       F.value = !F.value, F.value && Z();
-    }, q = _(() => C.id ? s("hr.role.form.update") : s("hr.role.form.add")), Y = _(() => C.id ? s("common.update") : s("common.add")), O = _(() => {
-      const e = Te.filter(
-        (n) => n.subject !== L.F_RULE_SUBJECT.enum.report
-      ).map((n) => W(n)), a = oe.value.map((n) => W(n));
+    }, q = _(() => R.id ? s("hr.role.form.update") : s("hr.role.form.add")), Y = _(() => R.id ? s("common.update") : s("common.add")), O = _(() => {
+      const e = Me.filter(
+        (u) => u.subject !== L.F_RULE_SUBJECT.enum.report
+      ).map((u) => K(u)), a = oe.value.map((u) => K(u));
       return [...e, ...a];
-    }), v = _(() => M.roles.value.find((e) => e._id == C.id)), U = () => ({
+    }), v = _(() => M.roles.value.find((e) => e._id == R.id)), E = () => ({
       name: "",
       restaurantIds: [],
       permissions: [],
       maxDiscountPercentage: 100
-    }), t = $(U()), z = _(() => [
+    }), l = $(E()), z = _(() => [
       {
         title: s("hr.role.labels.operation"),
         filter: (e) => e.isOrderOperation
@@ -73,35 +73,35 @@ const Oe = { class: "fm-typo-en-title-md-600" }, Ae = { class: "space-y-40" }, J
       }
     ].map((e) => ({
       title: e.title,
-      options: O.value.filter(e.filter).map(({ label: a, value: n }) => ({
-        label: s(`hr.role.form.permissionLabels.${n}`, a),
-        value: n
+      options: O.value.filter(e.filter).map(({ label: a, value: u }) => ({
+        label: s(`hr.role.form.permissionLabels.${u}`, a),
+        value: u
       }))
     }))), g = _(() => {
       var e;
-      return Re(((e = v.value) == null ? void 0 : e.permissions) || []);
+      return Ce(((e = v.value) == null ? void 0 : e.permissions) || []);
     });
     function Z() {
       var e;
-      t.value = U(), t.value.name = ((e = v.value) == null ? void 0 : e.name) ?? "", g.value ? (t.value.restaurantIds = E.value.map((a) => a._id), t.value.permissions = O.value.map((a) => a.value)) : v.value && (t.value.restaurantIds = v.value.restaurants.map((a) => a.id), t.value.permissions = v.value.permissions.map((a) => W(a).value).filter((a) => a.startsWith("report:") ? B.value.has(a.split(":")[1]) : !0), t.value.maxDiscountPercentage = _e(
+      l.value = E(), l.value.name = ((e = v.value) == null ? void 0 : e.name) ?? "", g.value ? (l.value.restaurantIds = I.value.map((a) => a._id), l.value.permissions = O.value.map((a) => a.value)) : v.value && (l.value.restaurantIds = v.value.restaurants.map((a) => a.id), l.value.permissions = v.value.permissions.map((a) => K(a).value).filter((a) => a.startsWith("report:") ? B.value.has(a.split(":")[1]) : !0), l.value.maxDiscountPercentage = _e(
         v.value.permissions
       ));
     }
     be(async () => {
-      await R.readRestaurants(), await X(), Z();
+      await C.readRestaurants(), await X(), Z();
     }), se(F, async (e) => {
       e && await X();
     }), se(B, () => {
-      F.value && v.value && !g.value && (t.value.permissions = t.value.permissions.filter((e) => e.startsWith("report:") ? B.value.has(e.split(":")[1]) : !0));
+      F.value && v.value && !g.value && (l.value.permissions = l.value.permissions.filter((e) => e.startsWith("report:") ? B.value.has(e.split(":")[1]) : !0));
     });
-    const ne = $(""), l = _(() => ({
-      restaurantIds: t.value.restaurantIds,
+    const ne = $(""), t = _(() => ({
+      restaurantIds: l.value.restaurantIds,
       role: {
-        name: t.value.name,
-        permissions: Me(t.value.permissions, t.value.maxDiscountPercentage)
+        name: l.value.name,
+        permissions: Be(l.value.permissions, l.value.maxDiscountPercentage)
       }
     })), r = async () => {
-      const e = l.value;
+      const e = t.value;
       await Q.minor(
         async () => {
           v.value ? await M.updateRole(v.value._id, e) : await M.createRole(e);
@@ -111,34 +111,34 @@ const Oe = { class: "fm-typo-en-title-md-600" }, Ae = { class: "space-y-40" }, J
         }
       ), F.value = !1;
     }, c = _(
-      () => t.value.restaurantIds.filter((e) => E.value.some((a) => a._id === e))
-    ), i = _(() => E.value.length > 0 && E.value.length === c.value.length), h = () => {
-      const e = t.value.restaurantIds.filter((a) => !c.value.includes(a));
-      i.value === !0 ? t.value.restaurantIds = e : t.value.restaurantIds = E.value.map((a) => a._id);
-    }, y = (e) => e.map((n) => n.value).every((n) => t.value.permissions.includes(n)), f = (e) => {
-      const a = t.value.permissions.filter(
-        (n) => !e.map((A) => A.value).includes(n)
+      () => l.value.restaurantIds.filter((e) => I.value.some((a) => a._id === e))
+    ), i = _(() => I.value.length > 0 && I.value.length === c.value.length), h = () => {
+      const e = l.value.restaurantIds.filter((a) => !c.value.includes(a));
+      i.value === !0 ? l.value.restaurantIds = e : l.value.restaurantIds = I.value.map((a) => a._id);
+    }, x = (e) => e.map((u) => u.value).every((u) => l.value.permissions.includes(u)), f = (e) => {
+      const a = l.value.permissions.filter(
+        (u) => !e.map((D) => D.value).includes(u)
       );
-      y(e) === !0 ? t.value.permissions = a : t.value.permissions = [...a, ...e.map((n) => n.value)];
+      x(e) === !0 ? l.value.permissions = a : l.value.permissions = [...a, ...e.map((u) => u.value)];
     };
     se(
-      () => t.value.restaurantIds,
+      () => l.value.restaurantIds,
       (e) => {
         e.length > 0 && (ne.value = "");
       }
     );
-    const V = Pe(
+    const V = $e(
       () => {
-        var e, a, n, A;
-        return !le.isEqual(t.value.name, ((e = v.value) == null ? void 0 : e.name) || U().name) || !le.isEqual(
-          t.value.restaurantIds,
-          ((a = v.value) == null ? void 0 : a.restaurants.map((K) => K.id)) || U().restaurantIds
-        ) || !le.isEqual(
-          t.value.permissions,
-          ((n = v.value) == null ? void 0 : n.permissions.map((K) => W(K).value)) || U().permissions
-        ) || !le.isEqual(
-          t.value.maxDiscountPercentage,
-          v.value ? _e((A = v.value) == null ? void 0 : A.permissions) : U().maxDiscountPercentage
+        var e, a, u, D;
+        return !te.isEqual(l.value.name, ((e = v.value) == null ? void 0 : e.name) || E().name) || !te.isEqual(
+          l.value.restaurantIds,
+          ((a = v.value) == null ? void 0 : a.restaurants.map((j) => j.id)) || E().restaurantIds
+        ) || !te.isEqual(
+          l.value.permissions,
+          ((u = v.value) == null ? void 0 : u.permissions.map((j) => K(j).value)) || E().permissions
+        ) || !te.isEqual(
+          l.value.maxDiscountPercentage,
+          v.value ? _e((D = v.value) == null ? void 0 : D.permissions) : E().maxDiscountPercentage
         );
       },
       () => {
@@ -149,8 +149,8 @@ const Oe = { class: "fm-typo-en-title-md-600" }, Ae = { class: "space-y-40" }, J
       show: F,
       trigger: re
     }), (e, a) => {
-      const n = x("FmTextField"), A = x("FmCircularProgress"), K = x("FmSearch"), ee = x("FmCheckbox"), we = x("FmFormGroup"), ke = x("FmCard"), ce = x("fm-button"), Ve = x("fm-side-sheet");
-      return d(), P(Ve, {
+      const u = y("FmIcon"), D = y("FmTextField"), j = y("FmCircularProgress"), we = y("FmSearch"), ee = y("FmCheckbox"), ke = y("FmFormGroup"), Ve = y("FmCard"), ce = y("fm-button"), Le = y("fm-side-sheet");
+      return p(), P(Le, {
         id: "unit-form",
         "model-value": F.value,
         "is-container": o(ue).FmForm,
@@ -159,22 +159,30 @@ const Oe = { class: "fm-typo-en-title-md-600" }, Ae = { class: "space-y-40" }, J
           blameFormChildOnValidationFailed: !0
         },
         "max-width": 960,
-        "onOn:clickedAway": o(V),
-        "onOn:close": o(V)
+        "close-button": !1,
+        "onOn:clickedAway": o(V)
       }, {
         "side-sheet-header": b(() => [
-          p("p", Oe, N(q.value), 1)
+          d("div", Oe, [
+            d("p", Je, A(q.value), 1),
+            n(u, {
+              name: "close",
+              size: "md",
+              class: "cursor-pointer",
+              onClick: o(V)
+            }, null, 8, ["onClick"])
+          ])
         ]),
         "side-sheet-footer": b(() => [
-          p("div", Ge, [
-            m(ce, {
+          d("div", Qe, [
+            n(ce, {
               label: Y.value,
               size: "lg",
               type: "submit",
               variant: "primary",
               disabled: g.value
             }, null, 8, ["label", "disabled"]),
-            m(ce, {
+            n(ce, {
               label: o(s)("common.cancel"),
               size: "lg",
               variant: "tertiary",
@@ -183,57 +191,57 @@ const Oe = { class: "fm-typo-en-title-md-600" }, Ae = { class: "space-y-40" }, J
           ])
         ]),
         default: b(() => [
-          p("div", Ae, [
-            m(ie, { title: "Role detail" }, {
+          d("div", qe, [
+            n(ie, { title: "Role detail" }, {
               default: b(() => [
-                m(n, {
-                  modelValue: t.value.name,
-                  "onUpdate:modelValue": a[0] || (a[0] = (u) => t.value.name = u),
+                n(D, {
+                  modelValue: l.value.name,
+                  "onUpdate:modelValue": a[0] || (a[0] = (m) => l.value.name = m),
                   autofocus: "",
-                  rules: [(u) => !!u || o(s)("hr.role.form.required")],
+                  rules: [(m) => !!m || o(s)("hr.role.form.required")],
                   label: o(s)("hr.role.form.name"),
                   disabled: g.value
                 }, null, 8, ["modelValue", "rules", "label", "disabled"])
               ]),
               _: 1
             }),
-            m(ie, {
+            n(ie, {
               title: o(s)("hr.role.form.restaurant")
             }, {
               default: b(() => [
-                J.value ? (d(), k("div", Je, [
-                  m(A)
-                ])) : (d(), k(D, { key: 1 }, [
-                  m(K, {
+                J.value ? (p(), k("div", ze, [
+                  n(j)
+                ])) : (p(), k(N, { key: 1 }, [
+                  n(we, {
                     modelValue: T.value,
-                    "onUpdate:modelValue": a[1] || (a[1] = (u) => T.value = u),
+                    "onUpdate:modelValue": a[1] || (a[1] = (m) => T.value = m),
                     placeholder: o(s)("hr.restaurant.search.placeholder")
                   }, null, 8, ["modelValue", "placeholder"]),
-                  m(we, {
-                    modelValue: t.value.restaurantIds,
-                    "onUpdate:modelValue": a[3] || (a[3] = (u) => t.value.restaurantIds = u),
-                    rules: [(u) => u.length > 0 || o(s)("hr.role.form.atLeastOneRestaurant")]
+                  n(ke, {
+                    modelValue: l.value.restaurantIds,
+                    "onUpdate:modelValue": a[3] || (a[3] = (m) => l.value.restaurantIds = m),
+                    rules: [(m) => m.length > 0 || o(s)("hr.role.form.atLeastOneRestaurant")]
                   }, {
                     default: b(() => [
-                      p("div", qe, [
-                        T.value ? de("", !0) : (d(), k(D, { key: 0 }, [
-                          m(ee, {
+                      d("div", je, [
+                        T.value ? de("", !0) : (p(), k(N, { key: 0 }, [
+                          n(ee, {
                             "model-value": i.value,
                             label: o(s)("hr.role.form.all"),
                             value: "1",
                             disabled: g.value,
                             "onUpdate:modelValue": h
                           }, null, 8, ["model-value", "label", "disabled"]),
-                          a[6] || (a[6] = p("div", { class: "h-px w-full bg-fm-color-neutral-gray-200" }, null, -1))
+                          a[6] || (a[6] = d("div", { class: "h-px w-full bg-fm-color-neutral-gray-200" }, null, -1))
                         ], 64)),
-                        (d(!0), k(D, null, te(E.value, (u) => (d(), k("div", {
-                          key: u._id
+                        (p(!0), k(N, null, le(I.value, (m) => (p(), k("div", {
+                          key: m._id
                         }, [
-                          m(ee, {
-                            modelValue: t.value.restaurantIds,
-                            "onUpdate:modelValue": a[2] || (a[2] = (I) => t.value.restaurantIds = I),
-                            label: `${u.profile.code ? u.profile.code + "-" : ""}${u.profile.name}`,
-                            value: u._id,
+                          n(ee, {
+                            modelValue: l.value.restaurantIds,
+                            "onUpdate:modelValue": a[2] || (a[2] = (U) => l.value.restaurantIds = U),
+                            label: `${m.profile.code ? m.profile.code + "-" : ""}${m.profile.name}`,
+                            value: m._id,
                             disabled: g.value
                           }, null, 8, ["modelValue", "label", "value", "disabled"])
                         ]))), 128))
@@ -245,45 +253,45 @@ const Oe = { class: "fm-typo-en-title-md-600" }, Ae = { class: "space-y-40" }, J
               ]),
               _: 1
             }, 8, ["title"]),
-            m(ie, {
+            n(ie, {
               title: o(s)("hr.role.form.permissions")
             }, {
               default: b(() => [
-                (d(!0), k(D, null, te(z.value, (u) => (d(), P(ke, {
-                  key: u.title,
+                (p(!0), k(N, null, le(z.value, (m) => (p(), P(Ve, {
+                  key: m.title,
                   variant: "outlined",
                   class: "p-16"
                 }, {
                   default: b(() => [
-                    m(Be, null, {
+                    n(De, null, {
                       title: b(() => [
-                        p("p", ze, N(u.title), 1)
+                        d("p", Ke, A(m.title), 1)
                       ]),
                       default: b(() => [
-                        p("div", Ke, [
-                          m(ee, {
-                            "model-value": y(u.options),
+                        d("div", We, [
+                          n(ee, {
+                            "model-value": x(m.options),
                             label: o(s)("hr.role.form.all"),
                             value: "1",
                             disabled: g.value,
-                            "onUpdate:modelValue": (I) => f(u.options)
+                            "onUpdate:modelValue": (U) => f(m.options)
                           }, null, 8, ["model-value", "label", "disabled", "onUpdate:modelValue"]),
-                          a[7] || (a[7] = p("div", { class: "h-px w-full bg-fm-color-neutral-gray-200" }, null, -1)),
-                          (d(!0), k(D, null, te(u.options, (I) => (d(), k("div", {
-                            key: I.value
+                          a[7] || (a[7] = d("div", { class: "h-px w-full bg-fm-color-neutral-gray-200" }, null, -1)),
+                          (p(!0), k(N, null, le(m.options, (U) => (p(), k("div", {
+                            key: U.value
                           }, [
-                            m(ee, {
-                              modelValue: t.value.permissions,
-                              "onUpdate:modelValue": a[4] || (a[4] = (w) => t.value.permissions = w),
-                              label: I.label,
-                              value: I.value,
+                            n(ee, {
+                              modelValue: l.value.permissions,
+                              "onUpdate:modelValue": a[4] || (a[4] = (w) => l.value.permissions = w),
+                              label: U.label,
+                              value: U.value,
                               disabled: g.value
                             }, null, 8, ["modelValue", "label", "value", "disabled"]),
-                            I.value === "order:discount" && t.value.permissions.includes(I.value) ? (d(), k("div", We, [
-                              p("div", je, N(o(s)("hr.role.form.maxDiscountPercentage")), 1),
-                              m(n, {
-                                modelValue: t.value.maxDiscountPercentage,
-                                "onUpdate:modelValue": a[5] || (a[5] = (w) => t.value.maxDiscountPercentage = w),
+                            U.value === "order:discount" && l.value.permissions.includes(U.value) ? (p(), k("div", Ge, [
+                              d("div", He, A(o(s)("hr.role.form.maxDiscountPercentage")), 1),
+                              n(D, {
+                                modelValue: l.value.maxDiscountPercentage,
+                                "onUpdate:modelValue": a[5] || (a[5] = (w) => l.value.maxDiscountPercentage = w),
                                 rules: [
                                   (w) => !!w || o(s)("hr.role.form.required"),
                                   (w) => !isNaN(w) || o(s)("hr.role.form.onlyContainsNumber"),
@@ -308,76 +316,76 @@ const Oe = { class: "fm-typo-en-title-md-600" }, Ae = { class: "space-y-40" }, J
           ])
         ]),
         _: 1
-      }, 8, ["model-value", "is-container", "is-container-props", "onOn:clickedAway", "onOn:close"]);
+      }, 8, ["model-value", "is-container", "is-container-props", "onOn:clickedAway"]);
     };
   }
-}), Qe = {
+}), Ye = {
   class: "space-y-8"
-}, Xe = {
+}, Ze = {
   class: "flex justify-end xs:px-16"
-}, Ye = {
+}, es = {
   class: "pb-64 sm:hidden md:hidden lg:hidden"
-}, Ze = {
+}, ss = {
   class: "space-y-4"
-}, es = {
+}, as = {
   class: "fm-typo-en-body-lg-600"
-}, ss = {
+}, ts = {
   class: "text-fm-color-typo-secondary"
-}, as = {
-  class: "flex"
 }, ls = {
   class: "flex"
-}, gs = /* @__PURE__ */ ge({
+}, os = {
+  class: "flex"
+}, ys = /* @__PURE__ */ ge({
   __name: "RoleList",
-  setup(j, {
+  setup(W, {
     expose: G
   }) {
     const {
       t: s
     } = ye(), {
-      allReportPermissions: R
-    } = Fe(), T = me(), E = _(() => T.restaurants.value), J = _(() => E.value.map((l) => l._id));
-    function M(l, r) {
-      const c = r === L.F_RULE_SUBJECT.enum.report ? R.value : void 0, i = ae(l, r, c);
+      allReportPermissions: C
+    } = Fe(), T = me(), I = _(() => T.restaurants.value), J = _(() => I.value.map((t) => t._id));
+    function M(t, r) {
+      const c = r === L.F_RULE_SUBJECT.enum.report ? C.value : void 0, i = ae(t, r, c);
       return ["-", "All"].includes(i) ? () => null : () => S(ue.FmTooltip, {
         "z-index": "999",
         placement: "top",
         class: "ml-2"
       }, {
-        content: () => S("div", [s("hr.role.tooltip.labels.permission"), ...l.filter((h) => h.subject === r).map((h) => S("div", ["- ", W(h).label]))]),
+        content: () => S("div", [s("hr.role.tooltip.labels.permission"), ...t.filter((h) => h.subject === r).map((h) => S("div", ["- ", K(h).label]))]),
         default: () => S(ue.FmIcon, {
           name: "info",
-          color: Ie.NeutralGray400
+          color: Se.NeutralGray400
         })
       });
     }
-    function H(l, r) {
-      const c = r === L.F_RULE_SUBJECT.enum.report ? R.value : void 0, i = ae(l, r, c);
+    function H(t, r) {
+      const c = r === L.F_RULE_SUBJECT.enum.report ? C.value : void 0, i = ae(t, r, c);
       return () => i === "All" ? i : S("div", {
         class: "flex items-center"
-      }, [i, M(l, r)()]);
+      }, [i, M(t, r)()]);
     }
-    function Q(l) {
+    function Q(t) {
       return [{
         label: s("hr.role.form.update"),
-        onClick: () => B(l)
+        onClick: () => B(t)
       }, {
         label: s("hr.role.remove.title"),
-        onClick: () => U(l),
+        onClick: () => E(t),
         itemClass: "text-fm-color-typo-error",
-        disabled: Re(l.permissions)
+        disabled: Ce(t.permissions)
       }];
     }
     const X = ({
-      role: l,
+      role: t,
       className: r = ""
-    }) => m("div", {
+    }) => n("div", {
       class: r,
       onClick: (c) => {
         c.stopPropagation();
       }
-    }, [m(he, {
-      items: Q(l)
+    }, [n(he, {
+      items: Q(t)
     }, null)]), oe = [{
       accessorKey: "name",
       header: () => s("hr.role.columns.name"),
@@ -385,17 +393,17 @@ const Oe = { class: "fm-typo-en-title-md-600" }, Ae = { class: "space-y-40" }, J
     }, {
       accessorKey: "operation",
       header: () => s("hr.role.columns.operation"),
-      cell: (l) => S(H(l.row.original.permissions, L.F_RULE_SUBJECT.enum.order)),
+      cell: (t) => S(H(t.row.original.permissions, L.F_RULE_SUBJECT.enum.order)),
       enableSorting: !1
     }, {
       accessorKey: "report",
       header: () => s("hr.role.columns.report"),
-      cell: (l) => S(H(l.row.original.permissions, L.F_RULE_SUBJECT.enum.report)),
+      cell: (t) => S(H(t.row.original.permissions, L.F_RULE_SUBJECT.enum.report)),
       enableSorting: !1
     }, {
       accessorKey: "restaurants",
       header: () => s("hr.role.columns.restaurants"),
-      cell: (l) => l.row.original.restaurants.map((r, c) => {
+      cell: (t) => t.row.original.restaurants.map((r, c) => {
         const i = r.code, h = `${i ? i + " - " : ""}${r.name}`;
         return S("div", (c ? `
  ` : "") + h);
@@ -408,24 +416,24 @@ const Oe = { class: "fm-typo-en-title-md-600" }, Ae = { class: "space-y-40" }, J
         cellClass: "pl-16",
         headerContentClass: "-mx-16"
       },
-      cell: (l) => X({
-        role: l.row.original,
+      cell: (t) => X({
+        role: t.row.original,
         className: "flex w-full items-center justify-end"
       })
-    }], B = async (l) => {
+    }], B = async (t) => {
       var r;
-      g.value = l._id, await fe(), (r = z.value) == null || r.trigger();
-    }, C = Ce(), F = Ne(), re = _(() => {
-      const l = C.roles.value || [];
-      return (J.value.length === 0 ? l : l.filter((c) => c.restaurants.some((i) => J.value.includes(i.id)))).map((c) => {
+      g.value = t._id, await fe(), (r = z.value) == null || r.trigger();
+    }, R = Re(), F = Ae(), re = _(() => {
+      const t = R.roles.value || [];
+      return (J.value.length === 0 ? t : t.filter((c) => c.restaurants.some((i) => J.value.includes(i.id)))).map((c) => {
         const i = c.restaurants.map((h) => {
-          const y = F.value[h.id];
+          const x = F.value[h.id];
           return {
             ...h,
             // Prefer live data from restaurantMap so names populate reactively
             // even when restaurants loaded after roles.
-            name: (y == null ? void 0 : y.profile.name) || h.name,
-            code: y == null ? void 0 : y.profile.code
+            name: (x == null ? void 0 : x.profile.name) || h.name,
+            code: x == null ? void 0 : x.profile.code
           };
         });
         return {
@@ -436,7 +444,7 @@ const Oe = { class: "fm-typo-en-title-md-600" }, Ae = { class: "space-y-40" }, J
     }), q = _(() => {
       var r;
       return (r = re.value) == null ? void 0 : r.filter((c) => {
-        const i = t.value.toLowerCase(), h = c.name.toLowerCase().includes(i), f = (c.restaurants || []).some((V) => {
+        const i = l.value.toLowerCase(), h = c.name.toLowerCase().includes(i), f = (c.restaurants || []).some((V) => {
           var e;
           return V.name.toLowerCase().includes(i) || ((e = V.code) == null ? void 0 : e.toLowerCase().includes(i));
         });
@@ -444,11 +452,11 @@ const Oe = { class: "fm-typo-en-title-md-600" }, Ae = { class: "space-y-40" }, J
       });
     }), Y = Ee(), O = xe(), {
       breakpoints: v
-    } = Ue(), U = (l) => {
+    } = Ue(), E = (t) => {
       Y.open({
         title: s("hr.role.remove.title"),
         message: s("hr.role.remove.message", {
-          name: l.name
+          name: t.name
         }),
         minWidth: v.value.lg ? 588 : 0,
         primaryActions: {
@@ -461,9 +469,9 @@ const Oe = { class: "fm-typo-en-title-md-600" }, Ae = { class: "space-y-40" }, J
           close: !0
         }
       }).onPrimary(async () => {
-        await C.deleteRole(l).then(() => O.open({
+        await R.deleteRole(t).then(() => O.open({
           message: s("hr.role.remove.successMessage", {
-            name: l.name
+            name: t.name
           }),
           type: "success"
         })).catch((r) => O.open({
@@ -471,18 +479,18 @@ const Oe = { class: "fm-typo-en-title-md-600" }, Ae = { class: "space-y-40" }, J
           type: "error"
         })), Y.close();
       });
-    }, t = $(""), z = $(), g = $(void 0);
+    }, l = $(""), z = $(), g = $(void 0);
     async function Z() {
-      var l;
-      g.value = void 0, await fe(), (l = z.value) == null || l.trigger();
+      var t;
+      g.value = void 0, await fe(), (t = z.value) == null || t.trigger();
     }
     async function ne() {
-      if (C.roles.value.length === 0)
+      if (R.roles.value.length === 0)
         try {
-          await C.readRoles();
-        } catch (l) {
-          console.error("Failed to load roles:", l), O.open({
-            message: l instanceof Error ? l.message : String(l),
+          await R.readRoles();
+        } catch (t) {
+          console.error("Failed to load roles:", t), O.open({
+            message: t instanceof Error ? t.message : String(t),
             type: "error"
           });
         }
@@ -491,51 +499,51 @@ const Oe = { class: "fm-typo-en-title-md-600" }, Ae = { class: "space-y-40" }, J
       ne();
     }), G({
       create: Z
-    }), (l, r) => {
-      const c = x("FmSearch"), i = x("FmTable"), h = x("FmListItem"), y = x("FmList");
-      return d(), k(D, null, [(d(), P(He, {
+    }), (t, r) => {
+      const c = y("FmSearch"), i = y("FmTable"), h = y("FmListItem"), x = y("FmList");
+      return p(), k(N, null, [(p(), P(Xe, {
         id: g.value,
         key: g.value,
         ref_key: "roleFormRef",
         ref: z
-      }, null, 8, ["id"])), p("div", Qe, [p("div", Xe, [m(c, {
-        modelValue: t.value,
-        "onUpdate:modelValue": r[0] || (r[0] = (f) => t.value = f),
+      }, null, 8, ["id"])), d("div", Ye, [d("div", Ze, [n(c, {
+        modelValue: l.value,
+        "onUpdate:modelValue": r[0] || (r[0] = (f) => l.value = f),
         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(C).roles.value.length > 0 || o(C).isLoading.value ? (d(), P(Se, {
+      }, null, 8, ["modelValue", "placeholder"])]), o(R).roles.value.length > 0 || o(R).isLoading.value ? (p(), P(Pe, {
         key: 0,
         class: "overflow-auto"
       }, {
-        default: b(() => [m(i, {
+        default: b(() => [n(i, {
           class: "xs:hidden",
           "column-defs": oe,
           "row-data": q.value,
           "page-size": q.value.length,
-          loading: o(C).isLoading.value,
+          loading: o(R).isLoading.value,
           "pin-header-row": "",
           "hide-footer": "",
           "shrink-at": !1,
           onRowClick: r[1] || (r[1] = (f) => B(f.original))
-        }, null, 8, ["row-data", "page-size", "loading"]), p("div", Ye, [m(y, {
+        }, null, 8, ["row-data", "page-size", "loading"]), d("div", es, [n(x, {
           separator: ""
         }, {
-          default: b(() => [(d(!0), k(D, null, te(q.value, (f) => (d(), P(h, {
+          default: b(() => [(p(!0), k(N, null, le(q.value, (f) => (p(), P(h, {
             key: f._id,
             class: "py-12 px-16 items-center justify-between",
             onClick: (V) => B(f)
           }, {
-            default: b(() => [p("div", Ze, [p("p", es, N(f.name), 1), p("div", ss, [p("p", null, N(o(s)("hr.role.labels.restaurantList", {
+            default: b(() => [d("div", ss, [d("p", as, A(f.name), 1), d("div", ts, [d("p", null, A(o(s)("hr.role.labels.restaurantList", {
               items: f.restaurants.map((V) => V.name).join(", ")
-            })), 1), p("p", as, [pe(N(o(s)("hr.role.labels.operationList", {
+            })), 1), d("p", ls, [pe(A(o(s)("hr.role.labels.operationList", {
               items: o(ae)(f.permissions, o(L.F_RULE_SUBJECT).enum.order)
-            })) + " ", 1), (d(), P(ve(M(f.permissions, o(L.F_RULE_SUBJECT).enum.order))))]), p("p", ls, [pe(N(o(s)("hr.role.labels.reportList", {
-              items: o(ae)(f.permissions, o(L.F_RULE_SUBJECT).enum.report, o(R))
-            })) + " ", 1), (d(), P(ve(M(f.permissions, o(L.F_RULE_SUBJECT).enum.report))))])])]), p("div", {
-              onClick: r[2] || (r[2] = Le(() => {
+            })) + " ", 1), (p(), P(ve(M(f.permissions, o(L.F_RULE_SUBJECT).enum.order))))]), d("p", os, [pe(A(o(s)("hr.role.labels.reportList", {
+              items: o(ae)(f.permissions, o(L.F_RULE_SUBJECT).enum.report, o(C))
+            })) + " ", 1), (p(), P(ve(M(f.permissions, o(L.F_RULE_SUBJECT).enum.report))))])])]), d("div", {
+              onClick: r[2] || (r[2] = Ie(() => {
               }, ["stop"]))
-            }, [m(he, {
+            }, [n(he, {
               items: Q(f)
             }, null, 8, ["items"])])]),
             _: 2
@@ -543,7 +551,7 @@ const Oe = { class: "fm-typo-en-title-md-600" }, Ae = { class: "space-y-40" }, J
           _: 1
         })])]),
         _: 1
-      })) : (d(), P(o($e), {
+      })) : (p(), P(o(Te), {
         key: 1,
         title: o(s)("hr.role.noData.title"),
         subtitle: o(s)("hr.role.noData.subtitle")
@@ -552,5 +560,5 @@ const Oe = { class: "fm-typo-en-title-md-600" }, Ae = { class: "space-y-40" }, J
   }
 });
 export {
-  gs as default
+  ys as default
 };