@feedmepos/mf-hrm-portal 1.1.4-dev.4 → 2.0.0

package/dist/RoleList-B5L4I_kf.js

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