@feedmepos/mf-hrm-portal 2.0.25-dev.2 → 2.1.0-dev

package/dist/RoleList-CgSg0ydf.js

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