@feedmepos/mf-hrm-portal 2.0.16-dev.1 → 2.0.17-dev.2

package/dist/ResponsiveContextMenu.vue_vue_type_script_setup_true_lang-mSJFKo7r.js

@@ -0,0 +1,132 @@
+import { defineComponent as B, ref as C, resolveComponent as m, createBlock as s, openBlock as t, withCtx as l, createElementVNode as x, renderSlot as v, createCommentVNode as k, withModifiers as $, nextTick as V, createElementBlock as _, normalizeClass as M, createTextVNode as w, toDisplayString as g, computed as S, Fragment as F, renderList as h, createVNode as I } from "vue";
+import { useBreakpoints as N } from "@feedmepos/ui-library";
+const z = /* @__PURE__ */ B({
+  __name: "BottomSheetMenu",
+  setup(o) {
+    const e = C(!1);
+    async function r() {
+      await V(), e.value = !e.value;
+    }
+    return (u, n) => {
+      const f = m("FmButton"), y = m("FmBottomSheet");
+      return t(), s(y, {
+        modelValue: e.value,
+        "onUpdate:modelValue": n[1] || (n[1] = (d) => e.value = d),
+        "dismiss-away": "",
+        "no-header": "",
+        "z-index": 110
+      }, {
+        "bottom-sheet-button": l(() => [
+          u.$slots.button ? k("", !0) : (t(), s(f, {
+            key: 0,
+            icon: "more_vert",
+            variant: "tertiary",
+            onClick: $(r, ["stop"])
+          })),
+          v(u.$slots, "button")
+        ]),
+        default: l(() => [
+          x("div", {
+            onClick: n[0] || (n[0] = (d) => e.value = !1)
+          }, [
+            v(u.$slots, "default")
+          ])
+        ]),
+        _: 3
+      }, 8, ["modelValue"]);
+    };
+  }
+}), E = { class: "py-8 px-12 hover:bg-fm-color-neutral-gray-100" }, T = /* @__PURE__ */ B({
+  __name: "BottomSheetMenuItem",
+  props: {
+    label: {},
+    icon: {},
+    disabled: { type: Boolean },
+    itemClass: {}
+  },
+  setup(o) {
+    const e = o;
+    return (r, u) => {
+      const n = m("FmIcon");
+      return t(), _("div", E, [
+        r.$slots.content ? k("", !0) : (t(), _("div", {
+          key: 0,
+          class: M(["flex items-center", {
+            "text-fm-color-typo-disabled": e.disabled,
+            "cursor-pointer": !e.disabled,
+            "cursor-not-allowed": e.disabled,
+            [e.itemClass || ""]: e.itemClass && !e.disabled
+          }])
+        }, [
+          o.icon ? (t(), s(n, {
+            key: 0,
+            name: o.icon
+          }, null, 8, ["name"])) : k("", !0),
+          w(" " + g(o.label), 1)
+        ], 2)),
+        v(r.$slots, "content")
+      ]);
+    };
+  }
+}), R = /* @__PURE__ */ B({
+  __name: "ResponsiveContextMenu",
+  props: {
+    items: {}
+  },
+  setup(o) {
+    const e = N(), r = S(() => e.breakpoints.value.xs);
+    return (u, n) => {
+      const f = m("FmButton"), y = m("FmMenuItem"), d = m("FmMenu");
+      return r.value ? (t(), s(z, { key: 0 }, {
+        default: l(() => [
+          (t(!0), _(F, null, h(o.items, ({ icon: i, label: a, disabled: p, itemClass: c, onClick: b }) => (t(), s(T, {
+            key: a,
+            icon: i,
+            label: a,
+            disabled: p,
+            itemClass: c,
+            onClick: () => {
+              !p && (b == null || b());
+            }
+          }, null, 8, ["icon", "label", "disabled", "itemClass", "onClick"]))), 128))
+        ]),
+        _: 1
+      })) : (t(), s(d, {
+        key: 1,
+        "stop-click-propagation": "",
+        shift: !0
+      }, {
+        "menu-button": l(() => [
+          I(f, {
+            type: "button",
+            variant: "tertiary",
+            icon: "more_vert",
+            "text-color": "neutral-gray-400",
+            size: "md"
+          })
+        ]),
+        default: l(() => [
+          (t(!0), _(F, null, h(o.items, ({ label: i, disabled: a, itemClass: p, onClick: c }) => (t(), s(y, {
+            key: i,
+            disabled: a,
+            label: i,
+            onClick: () => {
+              !a && (c == null || c());
+            }
+          }, {
+            label: l(() => [
+              x("span", {
+                class: M(a ? "text-fm-color-typo-disabled" : p)
+              }, g(i), 3)
+            ]),
+            _: 2
+          }, 1032, ["disabled", "label", "onClick"]))), 128))
+        ]),
+        _: 1
+      }));
+    };
+  }
+});
+export {
+  R as _
+};

package/dist/RoleList-CDBP2W5v.js

@@ -0,0 +1,544 @@
+import { computed as _, defineComponent as ge, ref as P, watch as ne, onMounted as be, resolveComponent as C, createBlock as L, openBlock as d, unref as o, withCtx as b, createElementVNode as f, createVNode as c, createElementBlock as V, Fragment as N, createCommentVNode as de, renderList as ae, toDisplayString as D, h as S, createTextVNode as pe, resolveDynamicComponent as ve, withModifiers as Le, nextTick as fe } from "vue";
+import { e as k } from "./iteration-D23fqAQH.js";
+import { useCoreStore as me, useI18n as ye } from "@feedmepos/mf-common";
+import { useSnackbar as xe, components as ue, useDialog as Ue, useBreakpoints as Ee, FmButtonColorThemeVariant as Ie } from "@feedmepos/ui-library";
+import { _ as Se } from "./app-hS6MBhCw.js";
+import { _ as he } from "./ResponsiveContextMenu.vue_vue_type_script_setup_true_lang-mSJFKo7r.js";
+import { _ as Pe } from "./index.vue_vue_type_script_setup_true_lang-Vc5ARO29.js";
+import { e as $e, r as W, h as Ce, f as Te, g as _e, a as ee } from "./rule-BBJzenE1.js";
+import { u as Re } from "./useAppStore-Du6PRBq0.js";
+import { u as Fe } from "./useReportPermissions-DhhjBwPs.js";
+import { l as se } from "./lodash-Cqc7y4P5.js";
+import { _ as Me } 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 Be } from "./useDiscardConfirm-BHni0LNu.js";
+import { u as De } from "./useLoading-DkTCR5A7.js";
+function Ae() {
+  const j = me();
+  return _(() => {
+    const a = {};
+    return j.restaurants.value.forEach((w) => {
+      a[w._id] = w;
+    }), a;
+  });
+}
+const Ne = { class: "fm-typo-en-title-md-600" }, Oe = { class: "space-y-40" }, Je = {
+  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 = {
+  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({
+  __name: "RoleForm",
+  props: {
+    id: {
+      type: String,
+      default: void 0
+    }
+  },
+  setup(j, { expose: G }) {
+    const { t: a } = ye(), w = me(), $ = P(""), U = _(() => w.restaurants.value.filter(({ profile: e }) => {
+      const s = `${e.code ? e.code + "-" : ""}${e.legalName}`;
+      return !$.value || s.toLowerCase().includes($.value.toLowerCase());
+    })), O = P(w.restaurants.value.length === 0);
+    ne(
+      () => w.restaurants.value.length,
+      (e) => {
+        e > 0 && (O.value = !1);
+      }
+    );
+    const T = Re(), H = xe(), Q = De(H), { fetchReportPermissions: te, allReportPermissions: le, availableReportKeys: M } = Fe(), R = j, y = P(!1), oe = () => {
+      y.value = !y.value, y.value && Y();
+    }, J = _(() => R.id ? a("hr.role.form.update") : a("hr.role.form.add")), X = _(() => R.id ? a("common.update") : a("common.add")), q = _(() => {
+      const e = $e.filter(
+        (u) => u.subject !== k.F_RULE_SUBJECT.enum.report
+      ).map((u) => W(u)), s = le.value.map((u) => W(u));
+      return [...e, ...s];
+    }), p = _(() => T.roles.value.find((e) => e._id == R.id)), E = () => ({
+      name: "",
+      restaurantIds: [],
+      permissions: [],
+      maxDiscountPercentage: 100
+    }), t = P(E()), z = _(() => [
+      {
+        title: a("hr.role.labels.operation"),
+        filter: (e) => e.isOrderOperation
+      },
+      {
+        title: a("hr.role.labels.report"),
+        filter: (e) => e.isReportPermission
+      },
+      {
+        title: a("hr.role.labels.other"),
+        filter: (e) => !e.isOrderOperation && !e.isReportPermission
+      }
+    ].map((e) => ({
+      title: e.title,
+      options: q.value.filter(e.filter).map(({ label: s, value: u }) => ({
+        label: s,
+        value: u
+      }))
+    }))), g = _(() => {
+      var e;
+      return Ce(((e = p.value) == null ? void 0 : e.permissions) || []);
+    });
+    function Y() {
+      var e;
+      t.value = E(), t.value.name = ((e = p.value) == null ? void 0 : e.name) ?? "", g.value ? (t.value.restaurantIds = U.value.map((s) => s._id), t.value.permissions = q.value.map((s) => s.value)) : p.value && (t.value.restaurantIds = p.value.restaurants.map((s) => s.id), t.value.permissions = p.value.permissions.map((s) => W(s).value).filter((s) => s.startsWith("report:") ? M.value.has(s.split(":")[1]) : !0), t.value.maxDiscountPercentage = _e(
+        p.value.permissions
+      ));
+    }
+    be(async () => {
+      await te(), Y();
+    }), ne(M, () => {
+      y.value && p.value && !g.value && (t.value.permissions = t.value.permissions.filter((e) => e.startsWith("report:") ? M.value.has(e.split(":")[1]) : !0));
+    });
+    const re = P(""), l = _(() => ({
+      restaurantIds: t.value.restaurantIds,
+      role: {
+        name: t.value.name,
+        permissions: Te(t.value.permissions, t.value.maxDiscountPercentage)
+      }
+    })), r = async () => {
+      const e = l.value;
+      await Q.minor(
+        async () => {
+          p.value ? await T.updateRole(p.value._id, e) : await T.createRole(e);
+        },
+        {
+          successMessage: p.value ? a("hr.role.update.successMessage", { name: e.role.name }) : a("hr.role.add.successMessage", { name: e.role.name })
+        }
+      ), y.value = !1;
+    }, m = _(
+      () => t.value.restaurantIds.filter((e) => U.value.some((s) => s._id === e))
+    ), i = _(() => U.value.length > 0 && U.value.length === m.value.length), h = () => {
+      const e = t.value.restaurantIds.filter((s) => !m.value.includes(s));
+      i.value === !0 ? t.value.restaurantIds = e : t.value.restaurantIds = U.value.map((s) => s._id);
+    }, x = (e) => e.map((u) => u.value).every((u) => t.value.permissions.includes(u)), v = (e) => {
+      const s = t.value.permissions.filter(
+        (u) => !e.map((A) => A.value).includes(u)
+      );
+      x(e) === !0 ? t.value.permissions = s : t.value.permissions = [...s, ...e.map((u) => u.value)];
+    };
+    ne(
+      () => t.value.restaurantIds,
+      (e) => {
+        e.length > 0 && (re.value = "");
+      }
+    );
+    const B = Be(
+      () => {
+        var e, s, u, A;
+        return !se.isEqual(t.value.name, ((e = p.value) == null ? void 0 : e.name) || E().name) || !se.isEqual(
+          t.value.restaurantIds,
+          ((s = p.value) == null ? void 0 : s.restaurants.map((K) => K.id)) || E().restaurantIds
+        ) || !se.isEqual(
+          t.value.permissions,
+          ((u = p.value) == null ? void 0 : u.permissions.map((K) => W(K).value)) || E().permissions
+        ) || !se.isEqual(
+          t.value.maxDiscountPercentage,
+          p.value ? _e((A = p.value) == null ? void 0 : A.permissions) : E().maxDiscountPercentage
+        );
+      },
+      () => {
+        y.value = !1;
+      }
+    );
+    return G({
+      show: y,
+      trigger: oe
+    }), (e, s) => {
+      const u = C("FmTextField"), A = C("FmCircularProgress"), K = C("FmSearch"), Z = C("FmCheckbox"), we = C("FmFormGroup"), Ve = C("FmCard"), ce = C("fm-button"), ke = C("fm-side-sheet");
+      return d(), L(ke, {
+        id: "unit-form",
+        modelValue: y.value,
+        "onUpdate:modelValue": s[7] || (s[7] = (n) => y.value = n),
+        "is-container": o(ue).FmForm,
+        "is-container-props": {
+          onValidationSuccess: r,
+          blameFormChildOnValidationFailed: !0
+        },
+        "max-width": 960,
+        "onOn:clickedAway": o(B)
+      }, {
+        "side-sheet-header": b(() => [
+          f("p", Ne, D(J.value), 1)
+        ]),
+        "side-sheet-footer": b(() => [
+          f("div", Ge, [
+            c(ce, {
+              label: X.value,
+              size: "lg",
+              type: "submit",
+              variant: "primary",
+              disabled: g.value
+            }, null, 8, ["label", "disabled"]),
+            c(ce, {
+              label: o(a)("common.cancel"),
+              size: "lg",
+              variant: "tertiary",
+              onClick: s[6] || (s[6] = () => y.value = !1)
+            }, null, 8, ["label"])
+          ])
+        ]),
+        default: b(() => [
+          f("div", Oe, [
+            c(ie, { title: "Role detail" }, {
+              default: b(() => [
+                c(u, {
+                  modelValue: t.value.name,
+                  "onUpdate:modelValue": s[0] || (s[0] = (n) => t.value.name = n),
+                  autofocus: "",
+                  rules: [(n) => !!n || o(a)("hr.role.form.required")],
+                  label: o(a)("hr.role.form.name"),
+                  disabled: g.value
+                }, null, 8, ["modelValue", "rules", "label", "disabled"])
+              ]),
+              _: 1
+            }),
+            c(ie, {
+              title: o(a)("hr.role.form.restaurant")
+            }, {
+              default: b(() => [
+                O.value ? (d(), V("div", Je, [
+                  c(A)
+                ])) : (d(), V(N, { key: 1 }, [
+                  c(K, {
+                    modelValue: $.value,
+                    "onUpdate:modelValue": s[1] || (s[1] = (n) => $.value = n),
+                    placeholder: o(a)("hr.restaurant.search.placeholder")
+                  }, null, 8, ["modelValue", "placeholder"]),
+                  c(we, {
+                    modelValue: t.value.restaurantIds,
+                    "onUpdate:modelValue": s[3] || (s[3] = (n) => t.value.restaurantIds = n),
+                    rules: [(n) => n.length > 0 || o(a)("hr.role.form.atLeastOneRestaurant")]
+                  }, {
+                    default: b(() => [
+                      f("div", qe, [
+                        $.value ? de("", !0) : (d(), L(Z, {
+                          key: 0,
+                          "model-value": i.value,
+                          label: "All",
+                          value: "1",
+                          disabled: g.value,
+                          "onUpdate:modelValue": h
+                        }, null, 8, ["model-value", "disabled"])),
+                        (d(!0), V(N, null, ae(U.value, (n) => (d(), V("div", {
+                          key: n._id
+                        }, [
+                          c(Z, {
+                            modelValue: t.value.restaurantIds,
+                            "onUpdate:modelValue": s[2] || (s[2] = (I) => t.value.restaurantIds = I),
+                            label: `${n.profile.code ? n.profile.code + "-" : ""}${n.profile.name}`,
+                            value: n._id,
+                            disabled: g.value
+                          }, null, 8, ["modelValue", "label", "value", "disabled"])
+                        ]))), 128))
+                      ])
+                    ]),
+                    _: 1
+                  }, 8, ["modelValue", "rules"])
+                ], 64))
+              ]),
+              _: 1
+            }, 8, ["title"]),
+            c(ie, {
+              title: o(a)("hr.role.form.permissions")
+            }, {
+              default: b(() => [
+                (d(!0), V(N, null, ae(z.value, (n) => (d(), L(Ve, {
+                  key: n.title,
+                  variant: "outlined",
+                  class: "p-16"
+                }, {
+                  default: b(() => [
+                    c(Me, null, {
+                      title: b(() => [
+                        f("p", ze, D(n.title), 1)
+                      ]),
+                      default: b(() => [
+                        f("div", Ke, [
+                          c(Z, {
+                            "model-value": x(n.options),
+                            label: "All",
+                            value: "1",
+                            disabled: g.value,
+                            "onUpdate:modelValue": (I) => v(n.options)
+                          }, null, 8, ["model-value", "disabled", "onUpdate:modelValue"]),
+                          (d(!0), V(N, null, ae(n.options, (I) => (d(), V("div", {
+                            key: I.value
+                          }, [
+                            c(Z, {
+                              modelValue: t.value.permissions,
+                              "onUpdate:modelValue": s[4] || (s[4] = (F) => t.value.permissions = F),
+                              label: I.label,
+                              value: I.value,
+                              disabled: g.value
+                            }, null, 8, ["modelValue", "label", "value", "disabled"]),
+                            I.value === "order:discount" && t.value.permissions.includes(I.value) ? (d(), V("div", We, [
+                              f("div", je, D(o(a)("hr.role.form.maxDiscountPercentage")), 1),
+                              c(u, {
+                                modelValue: t.value.maxDiscountPercentage,
+                                "onUpdate:modelValue": s[5] || (s[5] = (F) => t.value.maxDiscountPercentage = F),
+                                rules: [
+                                  (F) => !!F || o(a)("hr.role.form.required"),
+                                  (F) => !isNaN(F) || o(a)("hr.role.form.onlyContainsNumber"),
+                                  (F) => F <= 100 || o(a)("hr.role.form.maxValueIs", { max: 100 }),
+                                  (F) => F >= 0 || o(a)("hr.role.form.minValueIs", { min: 0 })
+                                ],
+                                "append-text": "%",
+                                disabled: g.value
+                              }, null, 8, ["modelValue", "rules", "disabled"])
+                            ])) : de("", !0)
+                          ]))), 128))
+                        ])
+                      ]),
+                      _: 2
+                    }, 1024)
+                  ]),
+                  _: 2
+                }, 1024))), 128))
+              ]),
+              _: 1
+            }, 8, ["title"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue", "is-container", "is-container-props", "onOn:clickedAway"]);
+    };
+  }
+}), Qe = {
+  class: "space-y-8"
+}, Xe = {
+  class: "flex justify-end xs:px-16"
+}, Ye = {
+  class: "pb-64 sm:hidden md:hidden lg:hidden"
+}, Ze = {
+  class: "space-y-4"
+}, es = {
+  class: "fm-typo-en-body-lg-600"
+}, ss = {
+  class: "text-fm-color-typo-secondary"
+}, as = {
+  class: "flex"
+}, ts = {
+  class: "flex"
+}, bs = /* @__PURE__ */ ge({
+  __name: "RoleList",
+  setup(j, {
+    expose: G
+  }) {
+    const {
+      t: a
+    } = ye(), {
+      allReportPermissions: w
+    } = Fe(), $ = me(), U = _(() => $.restaurants.value), O = _(() => U.value.map((l) => l._id));
+    function T(l, r) {
+      const m = r === k.F_RULE_SUBJECT.enum.report ? w.value : void 0, i = ee(l, r, m);
+      return ["-", "All"].includes(i) ? () => null : () => S(ue.FmTooltip, {
+        "z-index": "999",
+        placement: "top",
+        class: "ml-2"
+      }, {
+        content: () => S("div", [a("hr.role.tooltip.labels.permission"), ...l.filter((h) => h.subject === r).map((h) => S("div", ["- ", W(h).label]))]),
+        default: () => S(ue.FmIcon, {
+          name: "info",
+          color: Ie.NeutralGray400
+        })
+      });
+    }
+    function H(l, r) {
+      const m = r === k.F_RULE_SUBJECT.enum.report ? w.value : void 0, i = ee(l, r, m);
+      return () => i === "All" ? i : S("div", {
+        class: "flex items-center"
+      }, [i, T(l, r)()]);
+    }
+    function Q(l) {
+      return [{
+        label: a("hr.role.form.update"),
+        onClick: () => M(l)
+      }, {
+        label: a("hr.role.remove.title"),
+        onClick: () => E(l),
+        itemClass: "text-fm-color-typo-error",
+        disabled: Ce(l.permissions)
+      }];
+    }
+    const te = ({
+      role: l,
+      className: r = ""
+    }) => c("div", {
+      class: r,
+      onClick: (m) => {
+        m.stopPropagation();
+      }
+    }, [c(he, {
+      items: Q(l)
+    }, null)]), le = [{
+      accessorKey: "name",
+      header: () => a("hr.role.columns.name"),
+      enableSorting: !1
+    }, {
+      accessorKey: "operation",
+      header: () => a("hr.role.columns.operation"),
+      cell: (l) => S(H(l.row.original.permissions, k.F_RULE_SUBJECT.enum.order)),
+      enableSorting: !1
+    }, {
+      accessorKey: "report",
+      header: () => a("hr.role.columns.report"),
+      cell: (l) => S(H(l.row.original.permissions, k.F_RULE_SUBJECT.enum.report)),
+      enableSorting: !1
+    }, {
+      accessorKey: "restaurants",
+      header: () => a("hr.role.columns.restaurants"),
+      cell: (l) => l.row.original.restaurants.map((r, m) => {
+        const i = r.code, h = `${i ? i + " - " : ""}${r.name}`;
+        return S("div", (m ? `
+ ` : "") + h);
+      }),
+      enableSorting: !1
+    }, {
+      id: "action",
+      size: 52,
+      meta: {
+        cellClass: "pl-16",
+        headerContentClass: "-mx-16"
+      },
+      cell: (l) => te({
+        role: l.row.original,
+        className: "flex w-full items-center justify-end"
+      })
+    }], M = async (l) => {
+      var r;
+      g.value = l._id, await fe(), (r = z.value) == null || r.trigger();
+    }, R = Re(), y = Ae(), oe = _(() => {
+      const l = R.roles.value || [];
+      return (O.value.length === 0 ? l : l.filter((m) => m.restaurants.some((i) => O.value.includes(i.id)))).map((m) => {
+        const i = m.restaurants.map((h) => {
+          const x = y.value[h.id];
+          return {
+            ...h,
+            // Prefer live data from restaurantMap so names populate reactively
+            // even when restaurants loaded after roles.
+            name: (x == null ? void 0 : x.profile.name) || h.name,
+            code: x == null ? void 0 : x.profile.code
+          };
+        });
+        return {
+          ...m,
+          restaurants: i
+        };
+      });
+    }), J = _(() => {
+      var r;
+      return (r = oe.value) == null ? void 0 : r.filter((m) => {
+        const i = t.value.toLowerCase(), h = m.name.toLowerCase().includes(i), v = (m.restaurants || []).some((B) => {
+          var e;
+          return B.name.toLowerCase().includes(i) || ((e = B.code) == null ? void 0 : e.toLowerCase().includes(i));
+        });
+        return h || v;
+      });
+    }), X = Ue(), q = xe(), {
+      breakpoints: p
+    } = Ee(), E = (l) => {
+      X.open({
+        title: a("hr.role.remove.title"),
+        message: a("hr.role.remove.message", {
+          name: l.name
+        }),
+        minWidth: p.value.lg ? 588 : 0,
+        primaryActions: {
+          text: a("common.remove"),
+          close: !1,
+          variant: "destructive"
+        },
+        secondaryActions: {
+          text: a("common.cancel"),
+          close: !0
+        }
+      }).onPrimary(async () => {
+        await R.deleteRole(l).then(() => q.open({
+          message: a("hr.role.remove.successMessage", {
+            name: l.name
+          }),
+          type: "success"
+        })).catch((r) => q.open({
+          message: r,
+          type: "error"
+        })), X.close();
+      });
+    }, t = P(""), z = P(), g = P(void 0);
+    async function Y() {
+      var l;
+      g.value = void 0, await fe(), (l = z.value) == null || l.trigger();
+    }
+    async function re() {
+      R.roles.value.length === 0 && await R.readRoles();
+    }
+    return be(() => {
+      re();
+    }), G({
+      create: Y
+    }), (l, r) => {
+      const m = C("FmSearch"), i = C("FmTable"), h = C("FmListItem"), x = C("FmList");
+      return d(), V(N, null, [(d(), L(He, {
+        id: g.value,
+        key: g.value,
+        ref_key: "roleFormRef",
+        ref: z
+      }, null, 8, ["id"])), f("div", Qe, [f("div", Xe, [c(m, {
+        modelValue: t.value,
+        "onUpdate:modelValue": r[0] || (r[0] = (v) => t.value = v),
+        class: "w-[320px] xs:w-full",
+        autofocus: "",
+        placeholder: o(a)("hr.role.search.placeholder") + " / " + o(a)("hr.restaurant.search.placeholder")
+      }, null, 8, ["modelValue", "placeholder"])]), o(R).roles.value.length > 0 || o(R).isLoading.value ? (d(), L(Se, {
+        key: 0,
+        class: "overflow-auto"
+      }, {
+        default: b(() => [c(i, {
+          class: "xs:hidden",
+          "column-defs": le,
+          "row-data": J.value,
+          "page-size": J.value.length,
+          loading: o(R).isLoading.value,
+          "pin-header-row": "",
+          "hide-footer": "",
+          "shrink-at": !1,
+          onRowClick: r[1] || (r[1] = (v) => M(v.original))
+        }, null, 8, ["row-data", "page-size", "loading"]), f("div", Ye, [c(x, {
+          separator: ""
+        }, {
+          default: b(() => [(d(!0), V(N, null, ae(J.value, (v) => (d(), L(h, {
+            key: v._id,
+            class: "py-12 px-16 items-center justify-between",
+            onClick: (B) => M(v)
+          }, {
+            default: b(() => [f("div", Ze, [f("p", es, D(v.name), 1), f("div", ss, [f("p", null, D(o(a)("hr.role.labels.restaurantList", {
+              items: v.restaurants.map((B) => B.name).join(", ")
+            })), 1), f("p", as, [pe(D(o(a)("hr.role.labels.operationList", {
+              items: o(ee)(v.permissions, o(k.F_RULE_SUBJECT).enum.order)
+            })) + " ", 1), (d(), L(ve(T(v.permissions, o(k.F_RULE_SUBJECT).enum.order))))]), f("p", ts, [pe(D(o(a)("hr.role.labels.reportList", {
+              items: o(ee)(v.permissions, o(k.F_RULE_SUBJECT).enum.report, o(w))
+            })) + " ", 1), (d(), L(ve(T(v.permissions, o(k.F_RULE_SUBJECT).enum.report))))])])]), f("div", {
+              onClick: r[2] || (r[2] = Le(() => {
+              }, ["stop"]))
+            }, [c(he, {
+              items: Q(v)
+            }, null, 8, ["items"])])]),
+            _: 2
+          }, 1032, ["onClick"]))), 128))]),
+          _: 1
+        })])]),
+        _: 1
+      })) : (d(), L(o(Pe), {
+        key: 1,
+        title: o(a)("hr.role.noData.title"),
+        subtitle: o(a)("hr.role.noData.subtitle")
+      }, null, 8, ["title", "subtitle"]))])], 64);
+    };
+  }
+});
+export {
+  bs as default
+};