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

package/dist/RoleList-B_7UnVNb.js

@@ -0,0 +1,740 @@
+import { computed as y, defineComponent as Pe, ref as V, watch as le, onMounted as Me, resolveComponent as F, createBlock as M, openBlock as v, unref as o, withCtx as g, createElementVNode as u, createVNode as c, createElementBlock as R, Fragment as P, createCommentVNode as _e, renderList as ne, normalizeClass as Ue, toDisplayString as $, h as A, createTextVNode as ge, resolveDynamicComponent as Ee, withModifiers as Ze, nextTick as De } from "vue";
+import { e as D } from "./iteration-ogxW2-Tv.js";
+import { useI18n as Te } from "@feedmepos/mf-common";
+import { useBreakpoints as Be, useSnackbar as je, components as ye, useDialog as es, FmButtonColorThemeVariant as ss } from "@feedmepos/ui-library";
+import { D as ts, k as as, A as ls, S as os, _ as rs } from "./app-D-MUq9Ab.js";
+import { _ as $e } from "./ResponsiveContextMenu.vue_vue_type_script_setup_true_lang-mSJFKo7r.js";
+import { _ as ns } from "./TableEmptyState.vue_vue_type_script_setup_true_lang-IfAZmWr0.js";
+import { r as ie, h as Ae, f as is, s as us, g as Ie, e as cs, a as oe } from "./rule-DPtqlnz-.js";
+import { u as xe } from "./restaurant-D2mfKHaH.js";
+import { u as Oe } from "./role-JDoDFVd9.js";
+import { u as Ne } from "./useReportPermissions-CxV7Dz1B.js";
+import { l as re } from "./lodash-Def4gaas.js";
+import { u as ms, _ as ds, a as Le } from "./ConditionBuilderForm.vue_vue_type_script_setup_true_lang-B0VcRYUg.js";
+import { _ as be } from "./FormSection.vue_vue_type_script_setup_true_lang-DknXTYiK.js";
+import { u as ps } from "./useDiscardConfirm-CzZSPyvh.js";
+import { u as fs } from "./useLoading-Nygx2zn8.js";
+function vs() {
+  const se = xe();
+  return y(() => {
+    const t = {};
+    return se.restaurants.value.forEach((I) => {
+      t[I._id] = I;
+    }), t;
+  });
+}
+const hs = { class: "flex w-full items-center justify-between" }, _s = { class: "fm-typo-en-title-md-600" }, gs = { class: "space-y-40" }, bs = {
+  key: 0,
+  class: "flex justify-center py-16"
+}, ys = { class: "space-y-8" }, xs = { class: "fm-typo-en-title-sm-600" }, Fs = { class: "mt-16 space-y-8" }, Cs = { class: "flex items-center" }, Rs = { class: "h-[24px] w-[24px] flex items-center justify-center" }, ws = { class: "h-[24px] w-[24px] flex items-center justify-center" }, ks = {
+  key: 0,
+  class: "ml-20 mt-8 flex max-w-[320px] flex-row items-start gap-8"
+}, Vs = { class: "mt-8 whitespace-nowrap" }, Ss = { class: "flex gap-8 items-center justify-start" }, Us = "condition-form-select-menu", Es = /* @__PURE__ */ Pe({
+  __name: "RoleForm",
+  props: {
+    id: {
+      type: String,
+      default: void 0
+    }
+  },
+  setup(se, { expose: te }) {
+    const { t } = Te(), { breakpoints: I } = Be(), ue = y(() => I.value.xs || I.value.sm), z = xe(), T = V(""), U = y(() => z.restaurants.value.filter(({ profile: e }) => {
+      const s = `${e.code ? e.code + "-" : ""}${e.legalName}`;
+      return !T.value || s.toLowerCase().includes(T.value.toLowerCase());
+    })), Y = V(z.restaurants.value.length === 0);
+    le(
+      () => z.restaurants.value.length,
+      (e) => {
+        e > 0 && (Y.value = !1);
+      }
+    );
+    const K = Oe(), ce = je(), me = fs(ce), {
+      fetchReportPermissions: J,
+      allReportPermissions: B,
+      availableReportKeys: ae,
+      customReportKeys: de,
+      isLoaded: q
+    } = Ne(), W = se, C = V(!1), pe = () => {
+      C.value = !C.value, C.value && Re();
+    }, fe = y(() => W.id ? t("hr.role.form.update") : t("hr.role.form.add")), Z = y(() => W.id ? t("common.update") : t("common.add")), O = y(() => {
+      const e = ts.filter(
+        (r) => r.subject !== D.F_RULE_SUBJECT.enum.report
+      ).map((r) => ie(r)), s = B.value.map((r) => ie(r));
+      return [...e, ...s];
+    }), h = y(() => K.roles.value.find((e) => e._id == W.id)), N = () => ({
+      name: "",
+      restaurantIds: [],
+      permissions: [],
+      maxDiscountPercentage: 100
+    }), l = V(N()), a = V([]), n = V([]), i = V(/* @__PURE__ */ new Map()), m = ms(i), b = as("report");
+    function w(e) {
+      const s = i.value.get(e);
+      return !!s && Object.keys(s).length > 0;
+    }
+    function _(e, s) {
+      const r = m.getDraft({ subject: e, builderKey: s.builderKey });
+      return r ? r.formValue : s.fromCondition(
+        ls(i.value.get(e), s)
+      );
+    }
+    function j(e, s, r) {
+      m.setDraft({ subject: e, builderKey: s.builderKey }, { formValue: r });
+    }
+    const G = V(null);
+    function Fe(e, s) {
+      if (m.getDraftsForSubject(e).size === 0) {
+        s == null || s();
+        return;
+      }
+      const x = [];
+      for (const L of b) {
+        const Q = m.getDraft({ subject: e, builderKey: L.builderKey });
+        Q && x.push({ builder: L, form: Q.formValue });
+      }
+      if (x.length === 0) {
+        s == null || s();
+        return;
+      }
+      const H = i.value.get(e), S = os(
+        H,
+        x.map(({ builder: L, form: Q }) => ({ builder: L, formValue: Q }))
+      ), E = new Map(i.value);
+      Object.keys(S).length === 0 ? E.delete(e) : E.set(e, S), i.value = E, m.clearDraftsForSubject(e), s == null || s();
+    }
+    function Ce(e) {
+      return m.hasDraftsForSubject(e);
+    }
+    const ze = y(() => [
+      {
+        title: t("hr.role.labels.operation"),
+        filter: (e) => e.isOrderOperation
+      },
+      {
+        title: t("hr.role.labels.report"),
+        filter: (e) => e.isReportPermission
+      },
+      {
+        title: t("hr.role.labels.other"),
+        filter: (e) => !e.isOrderOperation && !e.isReportPermission
+      }
+    ].map((e) => ({
+      title: e.title,
+      options: O.value.filter(e.filter).map(({ label: s, value: r }) => {
+        const x = t(`hr.role.form.permissionLabels.${r}`, s);
+        return r.startsWith(ee) && de.value.has(r.slice(ee.length)) ? {
+          label: `${x} ${t("hr.role.form.v8OnlyReportTag")}`,
+          value: r
+        } : {
+          label: x,
+          value: r
+        };
+      })
+    }))), k = y(() => {
+      var e;
+      return Ae(((e = h.value) == null ? void 0 : e.permissions) || []);
+    }), ee = `${D.F_RULE_SUBJECT.enum.report}:`;
+    function ve(e) {
+      return q.value ? e.filter(
+        (s) => !s.startsWith(ee) || ae.value.has(s.slice(ee.length))
+      ) : e;
+    }
+    function Re() {
+      var e;
+      if (l.value = N(), i.value = /* @__PURE__ */ new Map(), a.value = [], l.value.name = ((e = h.value) == null ? void 0 : e.name) ?? "", k.value)
+        l.value.restaurantIds = U.value.map((s) => s._id), l.value.permissions = O.value.map((s) => s.value);
+      else if (h.value) {
+        l.value.restaurantIds = h.value.restaurants.map((S) => S.id);
+        const s = new Set(O.value.map((S) => S.value)), { values: r, passthrough: x, dropped: H } = us(
+          h.value.permissions,
+          s
+        );
+        a.value = x, H.length > 0 && console.warn("Dropping corrupted role permissions (repaired on save):", H), l.value.permissions = ve(r), l.value.maxDiscountPercentage = Ie(
+          h.value.permissions
+        );
+        for (const S of h.value.permissions) {
+          const E = ie(S), L = cs(S);
+          L && i.value.set(E.value, L);
+        }
+      }
+      n.value = [...l.value.permissions];
+    }
+    Me(async () => {
+      await z.readRestaurants(), await J(), Re();
+    }), le(C, async (e) => {
+      e && await J();
+    }), le(ae, () => {
+      if (C.value && h.value && !k.value) {
+        l.value.permissions = ve(l.value.permissions), n.value = ve(n.value);
+        const e = new Map(i.value);
+        for (const s of e.keys())
+          s.startsWith(ee) && !l.value.permissions.includes(s) && e.delete(s);
+        i.value = e;
+      }
+    });
+    const Ke = V(""), Je = y(() => ({
+      restaurantIds: l.value.restaurantIds,
+      role: {
+        name: l.value.name,
+        permissions: [
+          ...is(
+            l.value.permissions,
+            l.value.maxDiscountPercentage,
+            i.value
+          ),
+          ...a.value
+        ]
+      }
+    })), qe = async () => {
+      const e = Je.value;
+      await me.minor(
+        async () => {
+          h.value ? await K.updateRole(h.value._id, e) : await K.createRole(e);
+        },
+        {
+          successMessage: h.value ? t("hr.role.update.successMessage", { name: e.role.name }) : t("hr.role.add.successMessage", { name: e.role.name })
+        }
+      ), C.value = !1;
+    }, we = y(
+      () => l.value.restaurantIds.filter((e) => U.value.some((s) => s._id === e))
+    ), ke = y(() => U.value.length > 0 && U.value.length === we.value.length), We = () => {
+      const e = l.value.restaurantIds.filter((s) => !we.value.includes(s));
+      ke.value === !0 ? l.value.restaurantIds = e : l.value.restaurantIds = U.value.map((s) => s._id);
+    }, Ve = (e) => e.map((r) => r.value).every((r) => l.value.permissions.includes(r)), Ge = (e) => {
+      const s = l.value.permissions.filter(
+        (r) => !e.map((x) => x.value).includes(r)
+      );
+      Ve(e) === !0 ? l.value.permissions = s : l.value.permissions = [...s, ...e.map((r) => r.value)];
+    };
+    le(
+      () => l.value.restaurantIds,
+      (e) => {
+        e.length > 0 && (Ke.value = "");
+      }
+    );
+    const he = ps(
+      () => {
+        var e, s, r;
+        return !re.isEqual(l.value.name, ((e = h.value) == null ? void 0 : e.name) || N().name) || !re.isEqual(
+          l.value.restaurantIds,
+          ((s = h.value) == null ? void 0 : s.restaurants.map((x) => x.id)) || N().restaurantIds
+        ) || !re.isEqual(l.value.permissions, n.value) || !re.isEqual(
+          l.value.maxDiscountPercentage,
+          h.value ? Ie((r = h.value) == null ? void 0 : r.permissions) : N().maxDiscountPercentage
+        );
+      },
+      () => {
+        C.value = !1;
+      }
+    );
+    return te({
+      show: C,
+      trigger: pe
+    }), (e, s) => {
+      const r = F("FmIcon"), x = F("FmTextField"), H = F("FmCircularProgress"), S = F("FmSearch"), E = F("FmCheckbox"), L = F("FmFormGroup"), Q = F("FmBottomSheet"), He = F("FmPopover"), Qe = F("FmCard"), Se = F("fm-button"), Xe = F("fm-side-sheet");
+      return v(), M(Xe, {
+        id: "unit-form",
+        modelValue: C.value,
+        "onUpdate:modelValue": s[6] || (s[6] = (p) => C.value = p),
+        "is-container": o(ye).FmForm,
+        "is-container-props": {
+          onValidationSuccess: qe,
+          blameFormChildOnValidationFailed: !0
+        },
+        "max-width": 960,
+        "close-button": !1,
+        "onOn:clickedAway": o(he)
+      }, {
+        "side-sheet-header": g(() => [
+          u("div", hs, [
+            u("p", _s, $(fe.value), 1),
+            c(r, {
+              name: "close",
+              size: "md",
+              class: "cursor-pointer",
+              onClick: o(he)
+            }, null, 8, ["onClick"])
+          ])
+        ]),
+        "side-sheet-footer": g(() => [
+          u("div", Ss, [
+            c(Se, {
+              label: Z.value,
+              size: "lg",
+              type: "submit",
+              variant: "primary",
+              disabled: k.value
+            }, null, 8, ["label", "disabled"]),
+            c(Se, {
+              label: o(t)("common.cancel"),
+              size: "lg",
+              variant: "tertiary",
+              onClick: o(he)
+            }, null, 8, ["label", "onClick"])
+          ])
+        ]),
+        default: g(() => [
+          u("div", gs, [
+            c(be, {
+              title: o(t)("hr.role.form.roleDetail")
+            }, {
+              default: g(() => [
+                c(x, {
+                  modelValue: l.value.name,
+                  "onUpdate:modelValue": s[0] || (s[0] = (p) => l.value.name = p),
+                  autofocus: "",
+                  rules: [(p) => !!p || o(t)("hr.role.form.required")],
+                  label: o(t)("hr.role.form.name"),
+                  disabled: k.value
+                }, null, 8, ["modelValue", "rules", "label", "disabled"])
+              ]),
+              _: 1
+            }, 8, ["title"]),
+            c(be, {
+              title: o(t)("hr.role.form.restaurant")
+            }, {
+              default: g(() => [
+                Y.value ? (v(), R("div", bs, [
+                  c(H)
+                ])) : (v(), R(P, { key: 1 }, [
+                  c(S, {
+                    modelValue: T.value,
+                    "onUpdate:modelValue": s[1] || (s[1] = (p) => T.value = p),
+                    placeholder: o(t)("hr.restaurant.search.placeholder")
+                  }, null, 8, ["modelValue", "placeholder"]),
+                  c(L, {
+                    modelValue: l.value.restaurantIds,
+                    "onUpdate:modelValue": s[3] || (s[3] = (p) => l.value.restaurantIds = p),
+                    rules: [(p) => p.length > 0 || o(t)("hr.role.form.atLeastOneRestaurant")]
+                  }, {
+                    default: g(() => [
+                      u("div", ys, [
+                        T.value ? _e("", !0) : (v(), R(P, { key: 0 }, [
+                          c(E, {
+                            "model-value": ke.value,
+                            label: o(t)("hr.role.form.all"),
+                            value: "1",
+                            disabled: k.value,
+                            "onUpdate:modelValue": We
+                          }, null, 8, ["model-value", "label", "disabled"]),
+                          s[7] || (s[7] = u("div", { class: "h-px w-full bg-fm-color-neutral-gray-200" }, null, -1))
+                        ], 64)),
+                        (v(!0), R(P, null, ne(U.value, (p) => (v(), R("div", {
+                          key: p._id
+                        }, [
+                          c(E, {
+                            modelValue: l.value.restaurantIds,
+                            "onUpdate:modelValue": s[2] || (s[2] = (d) => l.value.restaurantIds = d),
+                            label: `${p.profile.code ? p.profile.code + "-" : ""}${p.profile.name}`,
+                            value: p._id,
+                            disabled: k.value
+                          }, null, 8, ["modelValue", "label", "value", "disabled"])
+                        ]))), 128))
+                      ])
+                    ]),
+                    _: 1
+                  }, 8, ["modelValue", "rules"])
+                ], 64))
+              ]),
+              _: 1
+            }, 8, ["title"]),
+            c(be, {
+              title: o(t)("hr.role.form.permissions")
+            }, {
+              default: g(() => [
+                (v(!0), R(P, null, ne(ze.value, (p) => (v(), M(Qe, {
+                  key: p.title,
+                  variant: "outlined",
+                  class: "p-16"
+                }, {
+                  default: g(() => [
+                    c(ds, null, {
+                      title: g(() => [
+                        u("p", xs, $(p.title), 1)
+                      ]),
+                      default: g(() => [
+                        u("div", Fs, [
+                          c(E, {
+                            "model-value": Ve(p.options),
+                            label: o(t)("hr.role.form.all"),
+                            value: "1",
+                            disabled: k.value,
+                            "onUpdate:modelValue": (d) => Ge(p.options)
+                          }, null, 8, ["model-value", "label", "disabled", "onUpdate:modelValue"]),
+                          s[8] || (s[8] = u("div", { class: "h-px w-full bg-fm-color-neutral-gray-200" }, null, -1)),
+                          (v(!0), R(P, null, ne(p.options, (d) => (v(), R("div", {
+                            key: d.value
+                          }, [
+                            u("div", Cs, [
+                              c(E, {
+                                modelValue: l.value.permissions,
+                                "onUpdate:modelValue": s[4] || (s[4] = (f) => l.value.permissions = f),
+                                label: d.label,
+                                value: d.value,
+                                disabled: k.value,
+                                class: "flex-1"
+                              }, null, 8, ["modelValue", "label", "value", "disabled"]),
+                              d.value.startsWith("report:") ? (v(), R(P, { key: 0 }, [
+                                l.value.permissions.includes(d.value) ? (v(), R(P, { key: 0 }, [
+                                  ue.value ? (v(), M(Q, {
+                                    key: 0,
+                                    "model-value": G.value === d.value,
+                                    header: d.label,
+                                    "dismiss-away": "",
+                                    "z-index": 100,
+                                    class: "h-5 flex items-center",
+                                    "onUpdate:modelValue": (f) => {
+                                      G.value = f ? d.value : null, f || o(m).clearDraftsForSubject(d.value);
+                                    }
+                                  }, {
+                                    "bottom-sheet-button": g(() => [
+                                      u("div", Rs, [
+                                        c(r, {
+                                          name: "settings",
+                                          size: "sm",
+                                          class: Ue([
+                                            "cursor-pointer transition-colors",
+                                            w(d.value) ? "text-fm-color-primary-main" : "text-fm-color-neutral-gray-400 hover:text-fm-color-neutral-gray-600"
+                                          ])
+                                        }, null, 8, ["class"])
+                                      ])
+                                    ]),
+                                    default: g(() => [
+                                      c(Le, {
+                                        builders: o(b),
+                                        "form-value-for": (f) => _(d.value, f),
+                                        "has-changes": Ce(d.value),
+                                        disable: k.value,
+                                        "full-width": !0,
+                                        onUpdateForm: ({ builder: f, form: X }) => j(d.value, f, X),
+                                        onApply: (f) => Fe(d.value, () => G.value = null)
+                                      }, null, 8, ["builders", "form-value-for", "has-changes", "disable", "onUpdateForm", "onApply"])
+                                    ]),
+                                    _: 2
+                                  }, 1032, ["model-value", "header", "onUpdate:modelValue"])) : (v(), M(He, {
+                                    key: 1,
+                                    disabled: k.value,
+                                    "z-index": 100,
+                                    "exclude-el-from-click-outside": [Us],
+                                    class: "h-5 flex items-center",
+                                    onPopoverChanged: (f) => {
+                                      f || o(m).clearDraftsForSubject(d.value);
+                                    }
+                                  }, {
+                                    "popover-button": g(() => [
+                                      u("div", ws, [
+                                        c(r, {
+                                          name: "settings",
+                                          size: "sm",
+                                          class: Ue([
+                                            "cursor-pointer transition-colors",
+                                            w(d.value) ? "text-fm-color-primary-main" : "text-fm-color-neutral-gray-400 hover:text-fm-color-neutral-gray-600"
+                                          ])
+                                        }, null, 8, ["class"])
+                                      ])
+                                    ]),
+                                    default: g(({ hide: f }) => [
+                                      c(Le, {
+                                        title: d.label,
+                                        builders: o(b),
+                                        "form-value-for": (X) => _(d.value, X),
+                                        "has-changes": Ce(d.value),
+                                        disable: k.value,
+                                        onUpdateForm: ({ builder: X, form: Ye }) => j(d.value, X, Ye),
+                                        onApply: (X) => Fe(d.value, f)
+                                      }, null, 8, ["title", "builders", "form-value-for", "has-changes", "disable", "onUpdateForm", "onApply"])
+                                    ]),
+                                    _: 2
+                                  }, 1032, ["disabled", "exclude-el-from-click-outside", "onPopoverChanged"]))
+                                ], 64)) : (v(), M(r, {
+                                  key: 1,
+                                  name: "settings",
+                                  size: "sm",
+                                  class: "invisible"
+                                }))
+                              ], 64)) : _e("", !0)
+                            ]),
+                            d.value === "order:discount" && l.value.permissions.includes(d.value) ? (v(), R("div", ks, [
+                              u("div", Vs, $(o(t)("hr.role.form.maxDiscountPercentage")), 1),
+                              c(x, {
+                                modelValue: l.value.maxDiscountPercentage,
+                                "onUpdate:modelValue": s[5] || (s[5] = (f) => l.value.maxDiscountPercentage = f),
+                                rules: [
+                                  (f) => !!f || o(t)("hr.role.form.required"),
+                                  (f) => !isNaN(f) || o(t)("hr.role.form.onlyContainsNumber"),
+                                  (f) => f <= 100 || o(t)("hr.role.form.maxValueIs", { max: 100 }),
+                                  (f) => f >= 0 || o(t)("hr.role.form.minValueIs", { min: 0 })
+                                ],
+                                "append-text": "%",
+                                disabled: k.value
+                              }, null, 8, ["modelValue", "rules", "disabled"])
+                            ])) : _e("", !0)
+                          ]))), 128))
+                        ])
+                      ]),
+                      _: 2
+                    }, 1024)
+                  ]),
+                  _: 2
+                }, 1024))), 128))
+              ]),
+              _: 1
+            }, 8, ["title"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue", "is-container", "is-container-props", "onOn:clickedAway"]);
+    };
+  }
+}), Ds = {
+  class: "space-y-8"
+}, $s = {
+  class: "flex justify-end xs:px-16"
+}, Is = {
+  class: "flex flex-col h-full overflow-auto"
+}, Ls = {
+  class: "pb-64 sm:hidden md:hidden lg:hidden"
+}, Ps = {
+  class: "space-y-4"
+}, Ms = {
+  class: "fm-typo-en-body-lg-600"
+}, Ts = {
+  class: "text-fm-color-typo-secondary"
+}, Bs = {
+  class: "line-clamp-2"
+}, js = {
+  class: "font-bold"
+}, As = {
+  class: "flex items-start gap-4"
+}, Os = {
+  class: "line-clamp-2"
+}, Ns = {
+  class: "font-bold"
+}, zs = {
+  class: "flex items-start gap-4"
+}, Ks = {
+  class: "line-clamp-2"
+}, Js = {
+  class: "font-bold"
+}, it = /* @__PURE__ */ Pe({
+  __name: "RoleList",
+  setup(se, {
+    expose: te
+  }) {
+    const {
+      t
+    } = Te(), {
+      allReportPermissions: I
+    } = Ne(), ue = xe(), z = y(() => ue.restaurants.value), T = y(() => z.value.map((a) => a._id));
+    function U(a, n) {
+      const i = n === D.F_RULE_SUBJECT.enum.report ? I.value : void 0, m = oe(a, n, i);
+      return ["-", "All"].includes(m) ? () => null : () => A(ye.FmTooltip, {
+        "z-index": "999",
+        placement: "top",
+        class: "ml-2"
+      }, {
+        content: () => A("div", [t("hr.role.tooltip.labels.permission"), ...a.filter((b) => b.subject === n).map((b) => A("div", ["- ", ie(b).label]))]),
+        default: () => A(ye.FmIcon, {
+          name: "info",
+          color: ss.NeutralGray400
+        })
+      });
+    }
+    function Y(a, n) {
+      const i = n === D.F_RULE_SUBJECT.enum.report ? I.value : void 0, m = oe(a, n, i);
+      return () => m === "All" ? m : A("div", {
+        class: "flex items-center"
+      }, [m, U(a, n)()]);
+    }
+    function K(a) {
+      return [{
+        label: t("hr.role.form.update"),
+        onClick: () => J(a)
+      }, {
+        label: t("hr.role.remove.title"),
+        onClick: () => fe(a),
+        itemClass: "text-fm-color-typo-error",
+        disabled: Ae(a.permissions)
+      }];
+    }
+    const ce = ({
+      role: a,
+      className: n = ""
+    }) => c("div", {
+      class: n,
+      onClick: (i) => {
+        i.stopPropagation();
+      }
+    }, [c($e, {
+      items: K(a)
+    }, null)]), me = [{
+      accessorKey: "name",
+      header: () => t("hr.role.columns.name"),
+      enableSorting: !1
+    }, {
+      accessorKey: "operation",
+      header: () => t("hr.role.columns.operation"),
+      cell: (a) => A(Y(a.row.original.permissions, D.F_RULE_SUBJECT.enum.order)),
+      enableSorting: !1
+    }, {
+      accessorKey: "report",
+      header: () => t("hr.role.columns.report"),
+      cell: (a) => A(Y(a.row.original.permissions, D.F_RULE_SUBJECT.enum.report)),
+      enableSorting: !1
+    }, {
+      accessorKey: "restaurants",
+      header: () => t("hr.role.columns.restaurants"),
+      cell: (a) => a.row.original.restaurants.map((n, i) => {
+        const m = n.code, b = `${m ? m + " - " : ""}${n.name}`;
+        return A("div", (i ? `
+ ` : "") + b);
+      }),
+      enableSorting: !1
+    }, {
+      id: "action",
+      size: 52,
+      meta: {
+        cellClass: "pl-16",
+        headerContentClass: "-mx-16"
+      },
+      cell: (a) => ce({
+        role: a.row.original,
+        className: "flex w-full items-center justify-end"
+      })
+    }], J = async (a) => {
+      var n;
+      h.value = a._id, await De(), (n = O.value) == null || n.trigger();
+    }, B = Oe(), ae = vs(), de = y(() => {
+      const a = B.roles.value || [];
+      return (T.value.length === 0 ? a : a.filter((i) => i.restaurants.some((m) => T.value.includes(m.id)))).map((i) => {
+        const m = i.restaurants.map((b) => {
+          const w = ae.value[b.id];
+          return {
+            ...b,
+            // Prefer live data from restaurantMap so names populate reactively
+            // even when restaurants loaded after roles.
+            name: (w == null ? void 0 : w.profile.name) || b.name,
+            code: w == null ? void 0 : w.profile.code
+          };
+        });
+        return {
+          ...i,
+          restaurants: m
+        };
+      });
+    }), q = y(() => {
+      var n;
+      return (n = de.value) == null ? void 0 : n.filter((i) => {
+        const m = Z.value.toLowerCase(), b = i.name.toLowerCase().includes(m), _ = (i.restaurants || []).some((j) => {
+          var G;
+          return j.name.toLowerCase().includes(m) || ((G = j.code) == null ? void 0 : G.toLowerCase().includes(m));
+        });
+        return b || _;
+      });
+    }), W = es(), C = je(), {
+      breakpoints: pe
+    } = Be(), fe = (a) => {
+      W.open({
+        title: t("hr.role.remove.title"),
+        message: t("hr.role.remove.message", {
+          name: a.name
+        }),
+        minWidth: pe.value.lg ? 588 : 0,
+        primaryActions: {
+          text: t("common.remove"),
+          close: !1,
+          variant: "destructive"
+        },
+        secondaryActions: {
+          text: t("common.cancel"),
+          close: !0
+        }
+      }).onPrimary(async () => {
+        await B.deleteRole(a).then(() => C.open({
+          message: t("hr.role.remove.successMessage", {
+            name: a.name
+          }),
+          type: "success"
+        })).catch((n) => C.open({
+          message: n,
+          type: "error"
+        })), W.close();
+      });
+    }, Z = V(""), O = V(), h = V(void 0);
+    async function N() {
+      var a;
+      h.value = void 0, await De(), (a = O.value) == null || a.trigger();
+    }
+    async function l() {
+      if (B.roles.value.length === 0)
+        try {
+          await B.readRoles();
+        } catch (a) {
+          console.error("Failed to load roles:", a), C.open({
+            message: a instanceof Error ? a.message : String(a),
+            type: "error"
+          });
+        }
+    }
+    return Me(() => {
+      l();
+    }), te({
+      create: N
+    }), (a, n) => {
+      const i = F("FmSearch"), m = F("FmTable"), b = F("FmListItem"), w = F("FmList");
+      return v(), R(P, null, [(v(), M(Es, {
+        id: h.value,
+        key: h.value,
+        ref_key: "roleFormRef",
+        ref: O
+      }, null, 8, ["id"])), u("div", Ds, [u("div", $s, [c(i, {
+        modelValue: Z.value,
+        "onUpdate:modelValue": n[0] || (n[0] = (_) => Z.value = _),
+        class: "w-[320px] xs:w-full",
+        autofocus: "",
+        placeholder: o(t)("hr.role.search.placeholder") + " / " + o(t)("hr.restaurant.search.placeholder")
+      }, null, 8, ["modelValue", "placeholder"])]), c(rs, null, {
+        default: g(() => [u("div", Is, [c(ns, {
+          "is-loading": o(B).isLoading.value,
+          "is-empty": q.value.length === 0,
+          "collapse-at": "xs",
+          title: o(t)("hr.role.noData.title"),
+          subtitle: o(t)("hr.role.noData.subtitle")
+        }, {
+          default: g(() => [c(m, {
+            class: "xs:hidden",
+            "column-defs": me,
+            "row-data": q.value,
+            "page-size": q.value.length,
+            loading: o(B).isLoading.value,
+            "pin-header-row": "",
+            "hide-footer": "",
+            "shrink-at": !1,
+            onRowClick: n[1] || (n[1] = (_) => J(_.original))
+          }, null, 8, ["row-data", "page-size", "loading"])]),
+          _: 1
+        }, 8, ["is-loading", "is-empty", "title", "subtitle"]), u("div", Ls, [c(w, {
+          separator: ""
+        }, {
+          default: g(() => [(v(!0), R(P, null, ne(q.value, (_) => (v(), M(b, {
+            key: _._id,
+            class: "py-12 px-16 items-center justify-between",
+            onClick: (j) => J(_)
+          }, {
+            default: g(() => [u("div", Ps, [u("p", Ms, $(_.name), 1), u("div", Ts, [u("p", Bs, [u("span", js, $(o(t)("hr.role.labels.restaurant")) + ":", 1), ge(" " + $(_.restaurants.map((j) => j.name).join(", ")), 1)]), u("p", As, [u("span", Os, [u("span", Ns, $(o(t)("hr.role.labels.operation")) + ":", 1), ge(" " + $(o(oe)(_.permissions, o(D.F_RULE_SUBJECT).enum.order)), 1)]), (v(), M(Ee(U(_.permissions, o(D.F_RULE_SUBJECT).enum.order))))]), u("p", zs, [u("span", Ks, [u("span", Js, $(o(t)("hr.role.labels.report")) + ":", 1), ge(" " + $(o(oe)(_.permissions, o(D.F_RULE_SUBJECT).enum.report, o(I))), 1)]), (v(), M(Ee(U(_.permissions, o(D.F_RULE_SUBJECT).enum.report))))])])]), u("div", {
+              onClick: n[2] || (n[2] = Ze(() => {
+              }, ["stop"]))
+            }, [c($e, {
+              items: K(_)
+            }, null, 8, ["items"])])]),
+            _: 2
+          }, 1032, ["onClick"]))), 128))]),
+          _: 1
+        })])])]),
+        _: 1
+      })])], 64);
+    };
+  }
+});
+export {
+  it as default
+};