@feedmepos/mf-hrm-portal 2.2.2-dev → 2.2.2-dev.3

package/dist/RoleList-p_9KHzqF.js

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