@feedmepos/mf-hrm-portal 2.3.2-dev → 2.3.2-dev.11

package/dist/RoleList-BXkyCeH0.js

@@ -0,0 +1,265 @@
+import { defineComponent as Z, computed as y, ref as S, onMounted as ee, resolveComponent as C, createElementBlock as $, openBlock as _, Fragment as A, createBlock as x, createElementVNode as r, createVNode as m, unref as a, withCtx as R, h as u, renderList as oe, toDisplayString as p, createTextVNode as T, resolveDynamicComponent as M, withModifiers as se, nextTick as z } from "vue";
+import { e as d } from "./index-DPiNc7mn.js";
+import { useI18n as te } from "@feedmepos/mf-common";
+import { useDialog as ne, useSnackbar as re, useBreakpoints as ae, components as K, FmButtonColorThemeVariant as le } from "@feedmepos/ui-library";
+import { _ as ie } from "./app-C37qvNnc.js";
+import { _ as D } from "./ResponsiveContextMenu.vue_vue_type_script_setup_true_lang-mSJFKo7r.js";
+import { _ as ce } from "./TableEmptyState.vue_vue_type_script_setup_true_lang-IfAZmWr0.js";
+import { f as b, r as me, h as ue } from "./rule-EYBPBkv_.js";
+import { u as de } from "./restaurant-BgvuJL8G.js";
+import { u as pe } from "./role-D8G5QOG1.js";
+import { u as fe } from "./useReportPermissions-C8z7EA7v.js";
+import { _ as _e } from "./RoleForm.vue_vue_type_script_setup_true_lang-o4mXv2hT.js";
+const he = {
+  class: "space-y-8"
+}, ve = {
+  class: "flex justify-end xs:px-16"
+}, ge = {
+  class: "flex flex-col h-full overflow-auto"
+}, ye = {
+  class: "pb-64 sm:hidden md:hidden lg:hidden"
+}, Ce = {
+  class: "space-y-4"
+}, xe = {
+  class: "fm-typo-en-body-lg-600"
+}, Re = {
+  class: "text-fm-color-typo-secondary"
+}, be = {
+  class: "line-clamp-2"
+}, we = {
+  class: "font-bold"
+}, Fe = {
+  class: "flex items-start gap-4"
+}, Le = {
+  class: "line-clamp-2"
+}, Ee = {
+  class: "font-bold"
+}, ke = {
+  class: "flex items-start gap-4"
+}, Ue = {
+  class: "line-clamp-2"
+}, Se = {
+  class: "font-bold"
+}, We = /* @__PURE__ */ Z({
+  __name: "RoleList",
+  setup(Te, {
+    expose: W
+  }) {
+    const {
+      t: s
+    } = te(), {
+      allReportPermissions: w
+    } = fe(), B = de(), j = y(() => B.restaurants.value), I = y(() => j.value.map((e) => e._id));
+    function F(e, o) {
+      const n = o === d.F_RULE_SUBJECT.enum.report ? w.value : void 0, t = b(e, o, n);
+      return ["-", "All"].includes(t) ? () => null : () => u(K.FmTooltip, {
+        "z-index": "999",
+        placement: "top",
+        class: "ml-2"
+      }, {
+        content: () => u("div", [s("hr.role.tooltip.labels.permission"), ...e.filter((i) => i.subject === o).map((i) => u("div", ["- ", me(i).label]))]),
+        default: () => u(K.FmIcon, {
+          name: "info",
+          color: le.NeutralGray400
+        })
+      });
+    }
+    function J(e, o) {
+      const n = o === d.F_RULE_SUBJECT.enum.report ? w.value : void 0, t = b(e, o, n);
+      return () => t === "All" ? t : u("div", {
+        class: "flex items-center"
+      }, [t, F(e, o)()]);
+    }
+    function N(e) {
+      return [{
+        label: s("hr.role.form.update"),
+        onClick: () => L(e)
+      }, {
+        label: s("hr.role.remove.title"),
+        onClick: () => Q(e),
+        itemClass: "text-fm-color-typo-error",
+        disabled: ue(e.permissions)
+      }];
+    }
+    const G = ({
+      role: e,
+      className: o = ""
+    }) => m("div", {
+      class: o,
+      onClick: (n) => {
+        n.stopPropagation();
+      }
+    }, [m(D, {
+      items: N(e)
+    }, null)]), q = [{
+      accessorKey: "name",
+      header: () => s("hr.role.columns.name"),
+      enableSorting: !1
+    }, {
+      accessorKey: "operation",
+      header: () => s("hr.role.columns.operation"),
+      cell: (e) => u(J(e.row.original.permissions, d.F_RULE_SUBJECT.enum.order)),
+      enableSorting: !1
+    }, {
+      accessorKey: "report",
+      header: () => s("hr.role.columns.report"),
+      cell: (e) => u(J(e.row.original.permissions, d.F_RULE_SUBJECT.enum.report)),
+      enableSorting: !1
+    }, {
+      accessorKey: "restaurants",
+      header: () => s("hr.role.columns.restaurants"),
+      cell: (e) => e.row.original.restaurants.map((o, n) => {
+        const t = o.code, i = `${t ? t + " - " : ""}${o.name}`;
+        return u("div", (n ? `
+ ` : "") + i);
+      }),
+      enableSorting: !1
+    }, {
+      id: "action",
+      size: 52,
+      meta: {
+        cellClass: "pl-16",
+        headerContentClass: "-mx-16"
+      },
+      cell: (e) => G({
+        role: e.row.original,
+        className: "flex w-full items-center justify-end"
+      })
+    }], L = async (e) => {
+      var o;
+      g.value = e._id, await z(), (o = U.value) == null || o.trigger();
+    }, f = pe(), H = y(() => {
+      const e = f.roles.value || [];
+      return (I.value.length === 0 ? e : e.filter((n) => n.restaurants.some((t) => I.value.includes(t.id)))).map((n) => {
+        const t = n.restaurants.map((i) => {
+          const c = B.restaurantsById.value.get(i.id);
+          return {
+            ...i,
+            // Prefer live data from restaurantStore so names populate reactively
+            // even when restaurants loaded after roles.
+            name: (c == null ? void 0 : c.profile.name) || i.name,
+            code: c == null ? void 0 : c.profile.code
+          };
+        });
+        return {
+          ...n,
+          restaurants: t
+        };
+      });
+    }), v = y(() => {
+      var o;
+      return (o = H.value) == null ? void 0 : o.filter((n) => {
+        const t = k.value.toLowerCase(), i = n.name.toLowerCase().includes(t), l = (n.restaurants || []).some((h) => {
+          var V;
+          return h.name.toLowerCase().includes(t) || ((V = h.code) == null ? void 0 : V.toLowerCase().includes(t));
+        });
+        return i || l;
+      });
+    }), P = ne(), E = re(), {
+      breakpoints: O
+    } = ae(), Q = (e) => {
+      P.open({
+        title: s("hr.role.remove.title"),
+        message: s("hr.role.remove.message", {
+          name: e.name
+        }),
+        minWidth: O.value.lg ? 588 : 0,
+        primaryActions: {
+          text: s("common.remove"),
+          close: !1,
+          variant: "destructive"
+        },
+        secondaryActions: {
+          text: s("common.cancel"),
+          close: !0
+        }
+      }).onPrimary(async () => {
+        await f.deleteRole(e).then(() => E.open({
+          message: s("hr.role.remove.successMessage", {
+            name: e.name
+          }),
+          type: "success"
+        })).catch((o) => E.open({
+          message: o,
+          type: "error"
+        })), P.close();
+      });
+    }, k = S(""), U = S(), g = S(void 0);
+    async function X() {
+      var e;
+      g.value = void 0, await z(), (e = U.value) == null || e.trigger();
+    }
+    async function Y() {
+      if (f.roles.value.length === 0)
+        try {
+          await f.readRoles();
+        } catch (e) {
+          console.error("Failed to load roles:", e), E.open({
+            message: e instanceof Error ? e.message : String(e),
+            type: "error"
+          });
+        }
+    }
+    return ee(() => {
+      Y();
+    }), W({
+      create: X
+    }), (e, o) => {
+      const n = C("FmSearch"), t = C("FmTable"), i = C("FmListItem"), c = C("FmList");
+      return _(), $(A, null, [(_(), x(_e, {
+        id: g.value,
+        key: g.value,
+        ref_key: "roleFormRef",
+        ref: U
+      }, null, 8, ["id"])), r("div", he, [r("div", ve, [m(n, {
+        modelValue: k.value,
+        "onUpdate:modelValue": o[0] || (o[0] = (l) => k.value = l),
+        class: "w-[320px] xs:w-full",
+        autofocus: "",
+        placeholder: a(s)("hr.role.search.placeholder") + " / " + a(s)("hr.restaurant.search.placeholder")
+      }, null, 8, ["modelValue", "placeholder"])]), m(ie, null, {
+        default: R(() => [r("div", ge, [m(ce, {
+          "is-loading": a(f).isLoading.value,
+          "is-empty": v.value.length === 0,
+          "collapse-at": "xs",
+          title: a(s)("hr.role.noData.title"),
+          subtitle: a(s)("hr.role.noData.subtitle")
+        }, {
+          default: R(() => [m(t, {
+            class: "xs:hidden",
+            "column-defs": q,
+            "row-data": v.value,
+            "page-size": v.value.length,
+            loading: a(f).isLoading.value,
+            "pin-header-row": "",
+            "hide-footer": "",
+            "shrink-at": !1,
+            onRowClick: o[1] || (o[1] = (l) => L(l.original))
+          }, null, 8, ["row-data", "page-size", "loading"])]),
+          _: 1
+        }, 8, ["is-loading", "is-empty", "title", "subtitle"]), r("div", ye, [m(c, {
+          separator: ""
+        }, {
+          default: R(() => [(_(!0), $(A, null, oe(v.value, (l) => (_(), x(i, {
+            key: l._id,
+            class: "py-12 px-16 items-center justify-between",
+            onClick: (h) => L(l)
+          }, {
+            default: R(() => [r("div", Ce, [r("p", xe, p(l.name), 1), r("div", Re, [r("p", be, [r("span", we, p(a(s)("hr.role.labels.restaurant")) + ":", 1), T(" " + p(l.restaurants.map((h) => h.name).join(", ")), 1)]), r("p", Fe, [r("span", Le, [r("span", Ee, p(a(s)("hr.role.labels.operation")) + ":", 1), T(" " + p(a(b)(l.permissions, a(d.F_RULE_SUBJECT).enum.order)), 1)]), (_(), x(M(F(l.permissions, a(d.F_RULE_SUBJECT).enum.order))))]), r("p", ke, [r("span", Ue, [r("span", Se, p(a(s)("hr.role.labels.report")) + ":", 1), T(" " + p(a(b)(l.permissions, a(d.F_RULE_SUBJECT).enum.report, a(w))), 1)]), (_(), x(M(F(l.permissions, a(d.F_RULE_SUBJECT).enum.report))))])])]), r("div", {
+              onClick: o[2] || (o[2] = se(() => {
+              }, ["stop"]))
+            }, [m(D, {
+              items: N(l)
+            }, null, 8, ["items"])])]),
+            _: 2
+          }, 1032, ["onClick"]))), 128))]),
+          _: 1
+        })])])]),
+        _: 1
+      })])], 64);
+    };
+  }
+});
+export {
+  We as default
+};