@feedmepos/mf-hrm-portal 2.0.15-dev → 2.0.15-dev.3

package/dist/RoleList-DeE5tN-5.js

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