@feedmepos/mf-hrm-portal 2.0.17 → 2.0.18-dev.2

package/dist/Main-XmxzThcC.js

@@ -0,0 +1,86 @@
+import { defineComponent as A, ref as u, computed as R, watch as C, resolveComponent as s, createBlock as i, openBlock as c, withCtx as p, createElementVNode as S, createVNode as d, resolveDynamicComponent as T, createCommentVNode as k } from "vue";
+import { useRouter as F, useRoute as N } from "vue-router";
+import { useI18n as g } from "@feedmepos/mf-common";
+import { _ as h } from "./ResponsiveFabButton.vue_vue_type_script_setup_true_lang-Cn-3MRBO.js";
+import { _ as w } from "./PageLayout.vue_vue_type_script_setup_true_lang-HKK4cbW8.js";
+import { u as x } from "./iteration-QZxp7XeE.js";
+import "@feedmepos/ui-library";
+import "./rule-CSsgDC6F.js";
+import "./lodash-DrksHyHu.js";
+import "./useAppStore-BDADkWuX.js";
+import { R as v } from "./app-SadE2J6-.js";
+/* empty css                                                                      */
+/* empty css                                                                            */
+const y = { class: "space-y-24" }, W = /* @__PURE__ */ A({
+  __name: "Main",
+  setup($) {
+    const { t: a } = g(), f = F(), B = N(), { readRestaurants: L } = x(), _ = u(), b = u(), t = u("member");
+    B.name === v.TEAM_ROLE ? t.value = "role" : t.value = "member", L();
+    const r = R(() => l.value.find((e) => e.value === t.value) || l.value[0]);
+    C(t, (e) => {
+      e === "member" ? f.replace({ name: v.TEAM_MEMBER }) : e === "role" && f.replace({ name: v.TEAM_ROLE });
+    });
+    const l = R(() => [
+      {
+        label: a("team.title"),
+        value: "member",
+        createButtonLabel: a("team.actions.addMember"),
+        createButtonAction: () => {
+          var e;
+          (e = _.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(w, {
+        heading: r.value.label
+      }, {
+        "append-heading": p(() => {
+          var o;
+          return [
+            d(E),
+            (o = r.value) != null && o.createButtonLabel ? (c(), i(h, {
+              key: 0,
+              icon: "add",
+              label: r.value.createButtonLabel,
+              onClick: n[0] || (n[0] = (m) => r.value.createButtonAction())
+            }, null, 8, ["label"])) : k("", !0)
+          ];
+        }),
+        default: p(() => [
+          S("div", y, [
+            d(M, {
+              modelValue: t.value,
+              "onUpdate:modelValue": n[1] || (n[1] = (o) => t.value = o),
+              items: l.value
+            }, null, 8, ["modelValue", "items"]),
+            d(V, null, {
+              default: p(({ Component: o }) => [
+                (c(), i(T(o), {
+                  ref: (m) => {
+                    t.value === "member" && (_.value = m), t.value === "role" && (b.value = m);
+                  }
+                }, null, 512))
+              ]),
+              _: 1
+            })
+          ])
+        ]),
+        _: 1
+      }, 8, ["heading"]);
+    };
+  }
+});
+export {
+  W as default
+};