@feedmepos/mf-hrm-portal 1.1.3-dev → 1.1.3-dev.10

package/dist/RoleList-CWUkSfcS.js

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