@feedmepos/mf-hrm-portal 2.3.1 → 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
+};

package/dist/SelectFilter-ATOm0hdn.js

@@ -0,0 +1,269 @@
+import { ref as $, computed as v, defineComponent as X, watch as Y, nextTick as Z, resolveComponent as A, createElementBlock as d, openBlock as c, createElementVNode as _, createVNode as k, renderSlot as z, withCtx as H, createCommentVNode as S, normalizeStyle as ee, Fragment as w, createBlock as T, unref as C, renderList as R, toDisplayString as N, normalizeClass as le, withModifiers as te } from "vue";
+import "@feedmepos/ui-library";
+/* empty css                                                                      */
+function ae(u, n, h = u) {
+  const l = $(!0), p = v(() => {
+    if (!l.value && !n.value)
+      return !0;
+    if (n.value && n.value.length > 0) {
+      const r = h.value.map((o) => o.value);
+      return n.value.length === r.length && n.value.every((o) => r.includes(o));
+    }
+    return !1;
+  }), t = v(() => {
+    var r, o, y, b;
+    return !!((r = n.value) != null && r.length && ((o = n.value) == null ? void 0 : o.length) > 0 && ((y = n.value) == null ? void 0 : y.length) < ((b = u.value) == null ? void 0 : b.length));
+  });
+  return { allCleared: l, allSelected: p, indeterminate: t, toggleAll: () => {
+    if (p.value) {
+      n.value = void 0, l.value = !0;
+      return;
+    }
+    const r = h.value.map((o) => o.value);
+    r.length === u.value.length ? (n.value = void 0, l.value = !1) : (n.value = r, l.value = !1);
+  }, toggleOption: (r) => {
+    var y, b, B;
+    let o;
+    n.value === void 0 && l.value ? o = [r] : n.value === void 0 && !l.value ? o = (y = u.value.map((m) => m.value)) == null ? void 0 : y.filter((m) => m !== r) : (b = n.value) != null && b.includes(r) ? o = (B = n.value) == null ? void 0 : B.filter((m) => m !== r) : o = [...n.value || [], r], o.length === 0 ? (n.value = void 0, l.value = !0) : o.length === u.value.length ? (n.value = void 0, l.value = !1) : n.value = o;
+  } };
+}
+const ue = { class: "w-full flex flex-col gap-8" }, ne = { class: "flex items-center gap-8" }, re = { class: "inline-flex items-center" }, oe = { class: "flex flex-col w-[360px] min-h-0 gap-8" }, se = {
+  key: 0,
+  class: "flex gap-4 px-[6px] pt-4"
+}, ie = { class: "flex-1" }, ce = {
+  key: 0,
+  class: "px-12 pt-8 pb-4 text-xs font-semibold text-fm-color-typo-secondary select-none"
+}, ve = /* @__PURE__ */ X({
+  __name: "SelectFilter",
+  props: {
+    items: { default: () => [] },
+    modelValue: {},
+    multiple: { type: Boolean, default: !1 },
+    placeholder: { default: "Select..." },
+    searchPlaceholder: { default: "Search" },
+    disabled: { type: Boolean, default: !1 },
+    variant: { default: "default" },
+    clearable: { type: Boolean, default: !1 },
+    searchable: { type: Boolean, default: !0 },
+    autoSelectFirst: { type: Boolean, default: !1 },
+    chipIcon: { default: "filter_list" },
+    showSelectAll: { type: Boolean, default: !0 },
+    maxHeight: { default: 300 },
+    selectedPrefix: { default: "Selected: " },
+    filterFn: {}
+  },
+  emits: ["update:modelValue", "change"],
+  setup(u, { expose: n, emit: h }) {
+    const l = u, p = h, t = v({
+      get: () => l.modelValue,
+      set: (e) => {
+        p("update:modelValue", e), p("change", e);
+      }
+    }), V = $(""), f = v(() => l.items), r = v(() => {
+      const e = V.value.trim();
+      if (!l.searchable || !e) return f.value;
+      if (l.filterFn)
+        return f.value.filter((s) => l.filterFn(s, e));
+      const a = e.toLowerCase();
+      return f.value.filter((s) => s.label.toLowerCase().includes(a));
+    }), o = v(() => f.value.some((e) => !!e.group)), y = v(() => {
+      if (!o.value)
+        return [{ group: "", options: r.value }];
+      const e = [], a = /* @__PURE__ */ new Map();
+      for (const s of r.value) {
+        const F = s.group ?? "";
+        let x = a.get(F);
+        x || (x = [], a.set(F, x), e.push({ group: F, options: x })), x.push(s);
+      }
+      return e;
+    }), b = v(() => {
+      if (!t.value || Array.isArray(t.value) && t.value.length === 0)
+        return l.placeholder;
+      if (Array.isArray(t.value) && t.value.length === 1) {
+        const a = f.value.find((s) => s.value === t.value[0]);
+        return (a == null ? void 0 : a.label) || l.placeholder;
+      }
+      const e = Array.isArray(t.value) ? t.value.length : 0;
+      return `${l.selectedPrefix}${e}`;
+    }), B = v(() => {
+      if (t.value === void 0 || t.value === null || t.value === "")
+        return l.placeholder;
+      const e = f.value.find((a) => a.value === t.value);
+      return (e == null ? void 0 : e.label) || l.placeholder;
+    }), m = v(
+      () => l.multiple ? b.value : B.value
+    ), I = v(() => l.disabled ? "neutral-gray-200" : l.variant === "dark" ? "neutral-black" : "neutral-gray-400"), U = v(() => l.disabled ? "text-fm-color-neutral-gray-200" : l.variant === "dark" ? "text-fm-color-neutral-black" : "text-fm-color-neutral-gray-400"), L = $(void 0), j = new Proxy(L, {
+      get(e, a) {
+        return a === "value" ? Array.isArray(t.value) ? t.value : t.value === void 0 ? void 0 : [t.value] : L[a];
+      },
+      set(e, a, s) {
+        return a === "value" ? (t.value = s, !0) : (L[a] = s, !0);
+      }
+    }), { allSelected: O, toggleAll: q, toggleOption: E, indeterminate: J } = ae(
+      f,
+      j,
+      r
+    );
+    function G(e) {
+      var a;
+      l.multiple || (t.value = e, (a = M.value) == null || a.toggleMenu(!1));
+    }
+    function Q(e) {
+      e.stopPropagation(), !l.disabled && (t.value = null);
+    }
+    Y(
+      () => l.autoSelectFirst,
+      async (e) => {
+        if (e && !l.multiple && (t.value === void 0 || t.value === null)) {
+          await Z();
+          const a = f.value[0];
+          a && (t.value = a.value);
+        }
+      },
+      { immediate: !0 }
+    );
+    const M = $(null);
+    return n({
+      open: () => {
+        var e;
+        return (e = M.value) == null ? void 0 : e.toggleMenu(!0);
+      },
+      close: () => {
+        var e;
+        return (e = M.value) == null ? void 0 : e.toggleMenu(!1);
+      }
+    }), (e, a) => {
+      const s = A("FmIcon"), F = A("FmChip"), x = A("FmSearch"), P = A("FmMenuItem"), W = A("FmMenu");
+      return c(), d("div", ue, [
+        _("div", ne, [
+          k(W, {
+            ref_key: "menuRef",
+            ref: M,
+            "close-on-click": !1,
+            disabled: u.disabled,
+            "z-index": 50,
+            "selector-for-dismiss-away-event-exclusion": ".fm-dialog, .fm-select__menu__wrapper"
+          }, {
+            "menu-button": H(() => [
+              z(e.$slots, "menu-button", {}, () => [
+                _("div", re, [
+                  k(F, { disabled: u.disabled }, {
+                    default: H(() => [
+                      k(s, {
+                        color: I.value,
+                        name: u.chipIcon,
+                        outline: "",
+                        size: "sm"
+                      }, null, 8, ["color", "name"]),
+                      m.value ? (c(), d("div", {
+                        key: 0,
+                        class: le([
+                          "fm-typo-en-body-md-600 select-none text-ellipsis overflow-hidden whitespace-nowrap",
+                          U.value
+                        ])
+                      }, N(m.value), 3)) : S("", !0),
+                      k(s, {
+                        color: I.value,
+                        name: "keyboard_arrow_down",
+                        size: "sm"
+                      }, null, 8, ["color"]),
+                      u.clearable && !u.multiple && t.value != null && t.value !== "" && !u.disabled ? (c(), d("button", {
+                        key: 1,
+                        class: "ml-4 focus:outline-none",
+                        type: "button",
+                        "aria-label": "Clear selection",
+                        onClick: te(Q, ["stop"])
+                      }, [
+                        k(s, {
+                          name: "close",
+                          size: "sm",
+                          color: I.value
+                        }, null, 8, ["color"])
+                      ])) : S("", !0)
+                    ]),
+                    _: 1
+                  }, 8, ["disabled"])
+                ])
+              ], !0)
+            ]),
+            default: H(() => [
+              _("div", oe, [
+                u.searchable ? (c(), d("div", se, [
+                  _("div", ie, [
+                    k(x, {
+                      modelValue: V.value,
+                      "onUpdate:modelValue": a[0] || (a[0] = (i) => V.value = i),
+                      placeholder: u.searchPlaceholder
+                    }, null, 8, ["modelValue", "placeholder"])
+                  ])
+                ])) : S("", !0),
+                _("div", {
+                  class: "flex-1 overflow-y-auto min-h-0",
+                  style: ee({ maxHeight: typeof u.maxHeight == "number" ? u.maxHeight + "px" : u.maxHeight })
+                }, [
+                  u.multiple ? (c(), d(w, { key: 0 }, [
+                    u.showSelectAll ? (c(), T(P, {
+                      key: 0,
+                      label: "All",
+                      "has-checkbox": "",
+                      "model-value": C(O),
+                      indeterminate: C(J),
+                      onClick: C(q)
+                    }, null, 8, ["model-value", "indeterminate", "onClick"])) : S("", !0),
+                    r.value.length ? (c(!0), d(w, { key: 1 }, R(y.value, (i) => (c(), d(w, {
+                      key: i.group
+                    }, [
+                      i.group ? (c(), d("div", ce, N(i.group) + " (" + N(i.options.length) + ") ", 1)) : S("", !0),
+                      (c(!0), d(w, null, R(i.options, (g) => {
+                        var K;
+                        return z(e.$slots, "option", {
+                          key: g.value,
+                          option: g,
+                          selected: C(O) || Array.isArray(t.value) && ((K = t.value) == null ? void 0 : K.includes(g.value)),
+                          toggle: () => C(E)(g.value)
+                        }, () => {
+                          var D;
+                          return [
+                            k(P, {
+                              label: g.label,
+                              "has-checkbox": "",
+                              "model-value": C(O) || Array.isArray(t.value) && ((D = t.value) == null ? void 0 : D.includes(g.value)),
+                              onClick: (fe) => C(E)(g.value)
+                            }, null, 8, ["label", "model-value", "onClick"])
+                          ];
+                        }, !0);
+                      }), 128))
+                    ], 64))), 128)) : S("", !0)
+                  ], 64)) : (c(), d(w, { key: 1 }, [
+                    r.value.length ? (c(!0), d(w, { key: 0 }, R(r.value, (i) => z(e.$slots, "option", {
+                      option: i,
+                      selected: t.value === i.value,
+                      toggle: () => G(i.value)
+                    }, () => [
+                      (c(), T(P, {
+                        key: i.value,
+                        label: i.label,
+                        onClick: (g) => G(i.value)
+                      }, null, 8, ["label", "onClick"]))
+                    ], !0)), 256)) : S("", !0)
+                  ], 64))
+                ], 4)
+              ])
+            ]),
+            _: 3
+          }, 8, ["disabled"]),
+          z(e.$slots, "append-right", {}, void 0, !0)
+        ])
+      ]);
+    };
+  }
+}), de = (u, n) => {
+  const h = u.__vccOpts || u;
+  for (const [l, p] of n)
+    h[l] = p;
+  return h;
+}, pe = /* @__PURE__ */ de(ve, [["__scopeId", "data-v-81cde2b9"]]);
+export {
+  pe as S,
+  de as _
+};