@feedmepos/mf-hrm-portal 2.0.11-dev.3 → 2.0.12-dev

package/dist/RoleList-DuXjqXwQ.js

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