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

package/dist/Main-DcKVuIjB.js

@@ -0,0 +1,90 @@
+import { defineComponent as T, ref as R, computed as m, resolveComponent as s, createBlock as i, openBlock as c, withCtx as p, createElementVNode as A, createVNode as d, resolveDynamicComponent as C, createCommentVNode as S } from "vue";
+import { useRouter as y, useRoute as g } from "vue-router";
+import { useI18n as k } from "@feedmepos/mf-common";
+import { _ as F } from "./ResponsiveFabButton.vue_vue_type_script_setup_true_lang-Cn-3MRBO.js";
+import { _ as N } from "./PageLayout.vue_vue_type_script_setup_true_lang-HKK4cbW8.js";
+import { u as h } from "./iteration-LEYoQKiI.js";
+import "@feedmepos/ui-library";
+import "./rule-CJC6Cq6S.js";
+import "./lodash-Bq6_eZZ0.js";
+import "./useAppStore-BGsfYWAR.js";
+import { R as v } from "./app-DRnSocX8.js";
+/* empty css                                                                      */
+import "./PortalUserSearcher.vue_vue_type_style_index_0_scoped_a439fdd8_lang-D-14ca2J.js";
+const w = { class: "space-y-24" }, Q = /* @__PURE__ */ T({
+  __name: "Main",
+  setup(x) {
+    const { t: a } = k(), _ = y(), B = g(), { readRestaurants: L } = h(), f = R(), b = R(), o = m({
+      get: () => B.name === v.TEAM_ROLE ? "role" : "member",
+      set: (e) => {
+        _.push({
+          name: e === "role" ? v.TEAM_ROLE : v.TEAM_MEMBER,
+          query: _.currentRoute.value.query
+        });
+      }
+    });
+    L();
+    const r = m(() => l.value.find((e) => e.value === o.value) || l.value[0]), l = m(() => [
+      {
+        label: a("team.title"),
+        value: "member",
+        createButtonLabel: a("team.actions.addMember"),
+        createButtonAction: () => {
+          var e;
+          (e = f.value) == null || e.create();
+        }
+      },
+      {
+        label: a("permissionSet.title"),
+        value: "role",
+        createButtonLabel: a("permissionSet.createButtonLabel"),
+        createButtonAction: () => {
+          var e;
+          (e = b.value) == null || e.create();
+        }
+      }
+    ]);
+    return (e, n) => {
+      const E = s("FmSpacer"), M = s("FmTabs"), V = s("RouterView");
+      return c(), i(N, {
+        heading: r.value.label
+      }, {
+        "append-heading": p(() => {
+          var t;
+          return [
+            d(E),
+            (t = r.value) != null && t.createButtonLabel ? (c(), i(F, {
+              key: 0,
+              icon: "add",
+              label: r.value.createButtonLabel,
+              onClick: n[0] || (n[0] = (u) => r.value.createButtonAction())
+            }, null, 8, ["label"])) : S("", !0)
+          ];
+        }),
+        default: p(() => [
+          A("div", w, [
+            d(M, {
+              modelValue: o.value,
+              "onUpdate:modelValue": n[1] || (n[1] = (t) => o.value = t),
+              items: l.value
+            }, null, 8, ["modelValue", "items"]),
+            d(V, null, {
+              default: p(({ Component: t }) => [
+                (c(), i(C(t), {
+                  ref: (u) => {
+                    o.value === "member" && (f.value = u), o.value === "role" && (b.value = u);
+                  }
+                }, null, 512))
+              ]),
+              _: 1
+            })
+          ])
+        ]),
+        _: 1
+      }, 8, ["heading"]);
+    };
+  }
+});
+export {
+  Q as default
+};

package/dist/PermissionSetList-CQpTa0eY.js

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