@feedmepos/mf-hrm-portal 2.3.2-dev → 2.3.3-dev

package/dist/RoleList-CrLxn4_K.js

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