@feedmepos/mf-hrm-portal 2.0.20-dev.1 → 2.0.20-dev.2

package/dist/Main-CdHW4UkN.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-BVjUzYL5.js";
+import "@feedmepos/ui-library";
+import "./rule-BlQ5YZ9Z.js";
+import "./lodash-CrwgACp2.js";
+import "./useAppStore-DMAL8VFY.js";
+import { R as v } from "./app-CLL3p27X.js";
+/* empty css                                                                      */
+/* empty css                                                                            */
+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
+};