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

package/dist/PermissionSetList-C2fK2pTz.js

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