@feedmepos/mf-hrm-portal 2.1.1-dev.3 → 2.1.1-dev.4

package/dist/Main-BGONIxo8.js

@@ -0,0 +1,122 @@
+import { defineComponent as F, computed as n, ref as y, watch as S, resolveComponent as f, createBlock as m, openBlock as p, withCtx as _, createElementVNode as b, createVNode as B, createCommentVNode as T, normalizeClass as G, toDisplayString as q, resolveDynamicComponent as x } from "vue";
+import { useRoute as E, useRouter as $ } from "vue-router";
+import { useI18n as I, useCoreStore as z } from "@feedmepos/mf-common";
+import { useSnackbar as M } from "@feedmepos/ui-library";
+import { _ as j } from "./ResponsiveFabButton.vue_vue_type_script_setup_true_lang-QrqYEy8i.js";
+import { _ as H } from "./PageLayout.vue_vue_type_script_setup_true_lang-HKK4cbW8.js";
+import { u as J } from "./restaurant-YOVMuuFY.js";
+import { u as K } from "./role-CzXchcSS.js";
+import { u as Q } from "./grant-user-CQZaTzVt.js";
+import { u as W } from "./approval-code-Q4666xp5.js";
+import { R as u } from "./app-BZwE2coe.js";
+const X = { class: "space-y-24" }, ie = /* @__PURE__ */ F({
+  __name: "Main",
+  setup(Y) {
+    const { t: a } = I(), l = E(), d = $(), V = M(), { sessionUser: h, currentBusiness: A } = z(), { readRestaurants: P } = J(), { readRoles: L } = K(), { readGrantUsers: O } = Q(), { readApprovalCodes: k } = W(), o = n(() => {
+      var t;
+      return !!((t = h.value) != null && t.role.isAdmin);
+    }), R = y(), g = y(), s = n({
+      get: () => l.name === u.POS_GRANT ? "grants" : "codes",
+      set: (t) => {
+        d.push({
+          name: t === "grants" ? u.POS_GRANT : u.APPROVAL_CODE,
+          query: d.currentRoute.value.query
+        });
+      }
+    }), v = n(() => {
+      const t = [];
+      return o.value && t.push({
+        label: a("posAccess.tabs.grants"),
+        subTitle: a("posAccess.tabs.grantsDescription"),
+        value: "grants",
+        createButtonLabel: a("grantUser.actions.create"),
+        createButtonAction: () => {
+          var e;
+          return (e = g.value) == null ? void 0 : e.create();
+        }
+      }), t.push({
+        label: a("posAccess.tabs.codes"),
+        subTitle: a("posAccess.tabs.codesDescription"),
+        value: "codes",
+        createButtonLabel: a("approvalCode.actions.create"),
+        createButtonAction: () => {
+          var e;
+          return (e = R.value) == null ? void 0 : e.create();
+        }
+      }), t;
+    }), c = n(
+      () => v.value.find((t) => t.value === s.value) ?? v.value[0]
+    ), N = n(() => o.value ? a("posAccess.title") : a("approvalCode.title"));
+    return S(
+      [o, () => l.name],
+      () => {
+        !o.value && l.name === u.POS_GRANT && d.replace({ name: u.APPROVAL_CODE, query: l.query });
+      },
+      { immediate: !0 }
+    ), S(
+      [A, o],
+      async () => {
+        var t;
+        if ((t = A.value) != null && t._id)
+          try {
+            const e = [P(), k()];
+            o.value && e.push(L(), O()), await Promise.all(e);
+          } catch (e) {
+            console.error("Failed to load POS access dependencies:", e), V.open({
+              message: e instanceof Error ? e.message : String(e),
+              type: "error"
+            });
+          }
+      },
+      { immediate: !0 }
+    ), (t, e) => {
+      const D = f("FmSpacer"), U = f("FmTabs"), w = f("RouterView");
+      return p(), m(H, { heading: N.value }, {
+        "append-heading": _(() => {
+          var r;
+          return [
+            B(D),
+            (r = c.value) != null && r.createButtonLabel ? (p(), m(j, {
+              key: 0,
+              icon: "add",
+              label: c.value.createButtonLabel,
+              onClick: e[0] || (e[0] = (i) => c.value.createButtonAction())
+            }, null, 8, ["label"])) : T("", !0)
+          ];
+        }),
+        default: _(() => {
+          var r;
+          return [
+            b("div", X, [
+              b("div", null, [
+                o.value ? (p(), m(U, {
+                  key: 0,
+                  modelValue: s.value,
+                  "onUpdate:modelValue": e[1] || (e[1] = (i) => s.value = i),
+                  items: v.value
+                }, null, 8, ["modelValue", "items"])) : T("", !0),
+                b("p", {
+                  class: G(["text-fm-color-typo-secondary", { "mt-8": o.value }])
+                }, q((r = c.value) == null ? void 0 : r.subTitle), 3)
+              ]),
+              B(w, null, {
+                default: _(({ Component: i }) => [
+                  (p(), m(x(i), {
+                    ref: (C) => {
+                      s.value === "codes" && (R.value = C), s.value === "grants" && (g.value = C);
+                    }
+                  }, null, 512))
+                ]),
+                _: 1
+              })
+            ])
+          ];
+        }),
+        _: 1
+      }, 8, ["heading"]);
+    };
+  }
+});
+export {
+  ie as default
+};

package/dist/{Main-DLlpEU3j.js → Main-DQj4xtkB.js}

@@ -1,18 +1,18 @@
 import { defineComponent as M, ref as R, computed as s, resolveComponent as i, createBlock as c, openBlock as p, withCtx as l, createElementVNode as S, createVNode as d, resolveDynamicComponent as g, createCommentVNode as y, createTextVNode as A, toDisplayString as C } from "vue";
 import { useRouter as N, useRoute as h } from "vue-router";
 import { useI18n as k } from "@feedmepos/mf-common";
-import { _ as x } from "./ResponsiveFabButton.vue_vue_type_script_setup_true_lang-Cn-3MRBO.js";
+import { _ as x } from "./ResponsiveFabButton.vue_vue_type_script_setup_true_lang-QrqYEy8i.js";
 import { _ as F } from "./PageLayout.vue_vue_type_script_setup_true_lang-HKK4cbW8.js";
 import { u as w } from "./restaurant-YOVMuuFY.js";
 import "@feedmepos/ui-library";
-import "./rule-BB-3S-2R.js";
-import "./lodash-ClKqCmlZ.js";
-import "./iteration-Cfaqt-0s.js";
+import "./rule-BO6xj2Xa.js";
+import "./lodash-CUIS1iIz.js";
+import "./iteration-BCbIbdHR.js";
 import "./useAppStore-DNTlIeMv.js";
-import { R as v } from "./app-DX-PG6wx.js";
-import "./role-CR_-nBDY.js";
+import { R as v } from "./app-BZwE2coe.js";
+import "./role-CzXchcSS.js";
 /* empty css                                                                      */
-import "./PortalUserSearcher.vue_vue_type_style_index_0_scoped_a439fdd8_lang-BJp9hEfv.js";
+import "./PortalUserSearcher.vue_vue_type_style_index_0_scoped_827dfd60_lang-DVVSBIx2.js";
 const $ = { class: "space-y-24" }, Z = /* @__PURE__ */ M({
   __name: "Main",
   setup(q) {

package/dist/PermissionSetList-4uIU9FvN.js

@@ -0,0 +1,393 @@
+import { defineComponent as Z, ref as f, computed as h, watch as ue, resolveComponent as _, createBlock as de, openBlock as ee, unref as r, withCtx as C, createVNode as m, createElementVNode as y, toDisplayString as G, nextTick as pe, onMounted as fe, createElementBlock as ve, Fragment as Se, h as S } from "vue";
+import { useI18n as se, useCoreStore as he } from "@feedmepos/mf-common";
+import { useSnackbar as oe, useDialog as te, useBreakpoints as ne, components as H } from "@feedmepos/ui-library";
+import { v as Q, _ as _e } from "./app-BZwE2coe.js";
+import { _ as be } from "./TableEmptyState.vue_vue_type_script_setup_true_lang-IfAZmWr0.js";
+import { u as ge, _ as Pe } from "./useDiscardConfirm-DPhEV6v0.js";
+import { u as ie, c as M, i as ae, p as Y, j as ye, d as we, m as L, o as xe, q as Fe, s as ke, n as Ce, w as Ie } from "./rule-BO6xj2Xa.js";
+import { l as j } from "./lodash-CUIS1iIz.js";
+import { c as Re } from "./iteration-BCbIbdHR.js";
+import { u as Ve } from "./useLoading-BH02lYns.js";
+import { _ as Ee } from "./PortalPermissionEditor.vue_vue_type_script_setup_true_lang-D0luaKDb.js";
+import { A as je } from "./restaurant-YOVMuuFY.js";
+const Te = { class: "flex w-full items-center justify-between" }, $e = { class: "fm-typo-en-title-md-600" }, Be = { class: "fm-typo-en-title-sm-600 mt-24" }, Le = { class: "flex items-center justify-start gap-8" }, Ae = /* @__PURE__ */ Z({
+  __name: "PermissionSetForm",
+  props: {
+    modelValue: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  setup(K, { expose: A }) {
+    const o = K, { t: i } = se(), v = f(!1), T = h(() => {
+      var e;
+      return (e = o.modelValue) != null && e.id ? i("permissionSet.form.update.title") : i("permissionSet.form.create.title");
+    }), I = f(), D = oe(), w = te(), { breakpoints: R } = ne(), V = Ve(D), l = ie(), d = f({ ...o.modelValue }), a = f([]), p = f([]), $ = [(e) => !!e || i("permissionSet.form.nameRequired")], q = h(() => {
+      var e;
+      return (e = o.modelValue) != null && e.id ? i("permissionSet.form.update.confirmButtonLabel") : i("permissionSet.form.create.confirmButtonLabel");
+    }), N = h(
+      () => l.permissionSets.value.filter((e) => {
+        var s;
+        return e.id !== ((s = o.modelValue) == null ? void 0 : s.id);
+      }).map((e) => ({ label: e.name, value: e.id }))
+    ), E = h(
+      () => M(a.value, l.permissionSets.value)
+    ), {
+      fetchCustomReportPermissions: n,
+      customReportPermissions: t,
+      isLoaded: c
+    } = ae(), b = new Set(
+      Y.filter((e) => e.subject.startsWith(ye)).map((e) => e.subject)
+    ), g = h(() => {
+      const e = new Set(b);
+      for (const s of t.value) e.add(s.subject);
+      return e;
+    }), O = h(() => {
+      const e = /* @__PURE__ */ new Set();
+      for (const s of Y)
+        s.category === Q.reports && e.add(s.subject);
+      for (const s of t.value)
+        s.category === Q.reports && e.add(s.subject);
+      return e;
+    }), P = f({ name: "", permissionSetIds: [], userPermissions: [] });
+    async function z() {
+      var s, u;
+      await pe(), v.value = !v.value, d.value = { ...o.modelValue }, a.value = ((s = o.modelValue) == null ? void 0 : s.permissionSetIds) ?? [];
+      const e = ((u = o.modelValue) == null ? void 0 : u.permissions) ?? [];
+      p.value = we(
+        L(E.value),
+        e
+      ), P.value = {
+        name: d.value.name ?? "",
+        permissionSetIds: [...a.value],
+        userPermissions: Re(p.value)
+      };
+    }
+    ue(v, async (e) => {
+      e && await n();
+    });
+    const U = ge(
+      () => !j.isEqual(d.value.name ?? "", P.value.name) || !j.isEqual(a.value, P.value.permissionSetIds) || !j.isEqual(p.value, P.value.userPermissions),
+      () => {
+        v.value = !1;
+      }
+    );
+    function re() {
+      const e = L(E.value), s = c.value ? g.value : b, u = xe(p.value, s), x = Fe(u, O.value), F = ke(x);
+      return Ce(e, F);
+    }
+    function J(e) {
+      return L(
+        M(e, l.permissionSets.value)
+      );
+    }
+    function X(e) {
+      p.value = J(e);
+    }
+    function le(e) {
+      const s = [...e ?? []];
+      if (j.isEqual(s, a.value)) return;
+      const u = !j.isEqual(
+        p.value,
+        J(a.value)
+      );
+      if (a.value = s, !u) {
+        X(s);
+        return;
+      }
+      w.open({
+        title: i("permissionSet.form.overrideInherited.title"),
+        message: i("permissionSet.form.overrideInherited.message"),
+        minWidth: R.value.lg ? 588 : 0,
+        primaryActions: {
+          text: i("permissionSet.form.overrideInherited.override"),
+          close: !1
+        },
+        secondaryActions: {
+          text: i("permissionSet.form.overrideInherited.keepCurrent"),
+          close: !0
+        }
+      }).onPrimary(() => {
+        X(s), w.close();
+      });
+    }
+    async function me() {
+      var u, x;
+      const e = await ((u = I.value) == null ? void 0 : u.validateInputsWithoutSubmit()), s = (x = he().currentBusiness.value) == null ? void 0 : x.id;
+      !(e != null && e.length) && s && V.minor(async () => {
+        var B;
+        const F = re();
+        if ((B = o.modelValue) != null && B.id) {
+          const k = {
+            name: d.value.name,
+            permissions: F,
+            permissionSetIds: a.value,
+            businessId: d.value.businessId
+          };
+          await l.updatePermissionSet(o.modelValue.id, k);
+        } else {
+          const k = {
+            name: d.value.name,
+            businessId: s,
+            permissions: F,
+            permissionSetIds: a.value
+          };
+          await l.createPermissionSet(k);
+        }
+        v.value = !1;
+      });
+    }
+    return A({
+      trigger: z
+    }), (e, s) => {
+      const u = _("FmIcon"), x = _("FmTextField"), F = _("FmSelect"), B = _("FmForm"), k = _("FmButton"), ce = _("FmSideSheet");
+      return ee(), de(ce, {
+        "model-value": v.value,
+        "max-width": 960,
+        "close-button": !1,
+        "onOn:clickedAway": r(U)
+      }, {
+        "side-sheet-header": C(() => [
+          y("div", Te, [
+            y("p", $e, G(T.value), 1),
+            m(u, {
+              name: "close",
+              size: "md",
+              class: "cursor-pointer",
+              onClick: r(U)
+            }, null, 8, ["onClick"])
+          ])
+        ]),
+        "side-sheet-footer": C(() => [
+          y("div", Le, [
+            m(k, {
+              label: q.value,
+              size: "md",
+              variant: "primary",
+              type: "submit",
+              onClick: me
+            }, null, 8, ["label"]),
+            m(k, {
+              label: r(i)("common.cancel"),
+              size: "md",
+              variant: "secondary",
+              onClick: r(U)
+            }, null, 8, ["label", "onClick"])
+          ])
+        ]),
+        default: C(() => [
+          m(B, {
+            ref_key: "formRef",
+            ref: I
+          }, {
+            default: C(() => [
+              m(x, {
+                modelValue: d.value.name,
+                "onUpdate:modelValue": s[0] || (s[0] = (W) => d.value.name = W),
+                label: r(i)("permissionSet.form.name"),
+                placeholder: r(i)("permissionSet.form.namePlaceholder"),
+                rules: $
+              }, null, 8, ["modelValue", "label", "placeholder"]),
+              m(F, {
+                "model-value": a.value,
+                multiselect: "",
+                searchable: "",
+                "search-debounce": 300,
+                items: N.value,
+                label: r(i)("permissionSet.form.includedSets"),
+                placeholder: r(i)("permissionSet.form.includedSetsPlaceholder"),
+                class: "mt-16",
+                "onUpdate:modelValue": le
+              }, null, 8, ["model-value", "items", "label", "placeholder"]),
+              y("div", Be, G(r(i)("team.memberForm.permissions.title")), 1),
+              m(Ee, {
+                modelValue: p.value,
+                "onUpdate:modelValue": s[1] || (s[1] = (W) => p.value = W),
+                "inherit-permissions": E.value,
+                class: "mt-16"
+              }, null, 8, ["modelValue", "inherit-permissions"])
+            ]),
+            _: 1
+          }, 512)
+        ]),
+        _: 1
+      }, 8, ["model-value", "onOn:clickedAway"]);
+    };
+  }
+}), De = { class: "space-y-8" }, qe = { class: "flex justify-end xs:px-16" }, Ne = { class: "flex flex-col h-full overflow-auto" }, Ze = /* @__PURE__ */ Z({
+  __name: "PermissionSetList",
+  setup(K, { expose: A }) {
+    const { t: o } = se(), { customReportPermissions: i, fetchCustomReportPermissions: v } = ae(), T = oe(), I = te(), { breakpoints: D } = ne(), w = f(""), R = h(() => {
+      var n;
+      return (n = d.value) == null ? void 0 : n.filter((t) => {
+        const c = w.value.toLowerCase();
+        return t.name.toLowerCase().includes(c);
+      });
+    }), V = f(), l = ie(), d = h(
+      () => l.permissionSets.value
+    ), a = f();
+    async function p() {
+      await l.readPermissionSets();
+    }
+    function $(n) {
+      var t;
+      a.value = n, (t = V.value) == null || t.trigger();
+    }
+    const q = [
+      {
+        accessorKey: "name",
+        header: () => o("permissionSet.table.columns.name")
+      },
+      {
+        accessorKey: "permission",
+        header: () => o("permissionSet.table.columns.permissions"),
+        enableSorting: !1,
+        cell(n) {
+          const t = n.row.original, c = M(
+            [t.id],
+            l.permissionSets.value
+          ), b = L(c), g = b.length, O = Ie(
+            b,
+            i.value
+          );
+          return S("div", { class: "flex items-center gap-8" }, [
+            S("span", o("team.labels.allowed", { count: g })),
+            S(
+              H.FmTooltip,
+              { variant: "plain", placement: "top" },
+              {
+                default: () => S(H.FmIcon, {
+                  name: "info",
+                  class: "cursor-pointer text-fm-color-neutral-gray-300"
+                }),
+                content: () => S("div", [
+                  o("team.labels.permission"),
+                  ...O.map(
+                    (P, z) => S("div", { key: `${P}-${z}` }, `- ${P}`)
+                  )
+                ])
+              }
+            )
+          ]);
+        }
+      },
+      {
+        id: "action",
+        size: 52,
+        meta: {
+          cellClass: "pl-16",
+          headerContentClass: "-mx-16"
+        },
+        cell(n) {
+          const t = n.row.original;
+          return S(
+            "div",
+            {
+              class: "flex w-full items-center justify-end",
+              onClick: (c) => c.stopPropagation()
+            },
+            [
+              S(Pe, {
+                items: [
+                  { label: o("common.update"), onClick: () => $(t) },
+                  {
+                    label: o("common.remove"),
+                    onClick: () => E(t),
+                    itemClass: "text-fm-color-typo-error"
+                  }
+                ]
+              })
+            ]
+          );
+        },
+        enableSorting: !1
+      }
+    ];
+    function N() {
+      var n;
+      a.value = void 0, (n = V.value) == null || n.trigger();
+    }
+    async function E(n) {
+      I.open({
+        title: o("permissionSet.form.delete.title"),
+        message: o("permissionSet.form.delete.confirmationMessage", { permissionSetName: n.name }),
+        minWidth: D.value.lg ? 588 : 0,
+        primaryActions: {
+          text: o("common.remove"),
+          close: !1,
+          variant: "destructive"
+        },
+        secondaryActions: { text: o("common.cancel"), close: !0 }
+      }).onPrimary(async () => {
+        try {
+          await l.deletePermissionSet(n.id), T.open({
+            message: o("permissionSet.form.delete.successMessage", { permissionSetName: n.name }),
+            type: "success"
+          });
+        } catch (t) {
+          const c = t instanceof je && t.status === 409 ? t.message.includes("referenced by") ? o("permissionSet.form.delete.setReferencedConflictError", {
+            permissionSetName: n.name
+          }) : o("permissionSet.form.delete.conflictError", { permissionSetName: n.name }) : t instanceof Error ? t.message : `${t}`;
+          T.open({ message: c, type: "error" });
+        }
+        I.close();
+      });
+    }
+    return fe(() => {
+      p(), v();
+    }), A({
+      create: N
+    }), (n, t) => {
+      const c = _("FmSearch"), b = _("FmTable");
+      return ee(), ve(Se, null, [
+        m(Ae, {
+          ref_key: "permissionSetFormRef",
+          ref: V,
+          "model-value": a.value
+        }, null, 8, ["model-value"]),
+        y("div", De, [
+          y("div", qe, [
+            m(c, {
+              modelValue: w.value,
+              "onUpdate:modelValue": t[0] || (t[0] = (g) => w.value = g),
+              class: "w-[320px] xs:w-full",
+              autofocus: "",
+              placeholder: r(o)("permissionSet.search.placeholder")
+            }, null, 8, ["modelValue", "placeholder"])
+          ]),
+          m(_e, null, {
+            default: C(() => [
+              y("div", Ne, [
+                m(be, {
+                  "is-loading": r(l).isLoading.value,
+                  "is-empty": R.value.length === 0,
+                  "collapse-at": !1,
+                  title: r(o)("permissionSet.noData.title"),
+                  subtitle: r(o)("permissionSet.noData.subtitle")
+                }, {
+                  default: C(() => [
+                    m(b, {
+                      "column-defs": q,
+                      "row-data": R.value,
+                      "page-size": R.value.length,
+                      loading: r(l).isLoading.value,
+                      "pin-header-row": "",
+                      "hide-footer": "",
+                      "shrink-at": !1,
+                      onRowClick: t[1] || (t[1] = (g) => $(g.original))
+                    }, null, 8, ["row-data", "page-size", "loading"])
+                  ]),
+                  _: 1
+                }, 8, ["is-loading", "is-empty", "title", "subtitle"])
+              ])
+            ]),
+            _: 1
+          })
+        ])
+      ], 64);
+    };
+  }
+});
+export {
+  Ze as default
+};