@feedmepos/mf-hrm-portal 2.0.17-dev.3 → 2.0.17-dev.4

package/dist/RoleList-CKB8L-BW.js

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