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

package/dist/Main-D3TSdtSE.js

@@ -0,0 +1,94 @@
+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-QrqYEy8i.js";
+import { _ as F } from "./PageLayout.vue_vue_type_script_setup_true_lang-HKK4cbW8.js";
+import { u as w } from "./iteration-QRRNYlps.js";
+import "@feedmepos/ui-library";
+import "./rule-Dy7eMChN.js";
+import "./lodash-BlZhpHhM.js";
+import "./useAppStore-CtMoad7V.js";
+import { R as v } from "./app-CJouCBgi.js";
+/* empty css                                                                      */
+import "./PortalUserSearcher.vue_vue_type_style_index_0_scoped_a439fdd8_lang-BHxCP_uW.js";
+const $ = { class: "space-y-24" }, X = /* @__PURE__ */ M({
+  __name: "Main",
+  setup(q) {
+    const { t: o } = k(), b = N(), B = h(), { readRestaurants: T } = w(), _ = R(), f = R(), a = s({
+      get: () => B.name === v.TEAM_ROLE ? "role" : "member",
+      set: (e) => {
+        b.push({
+          name: e === "role" ? v.TEAM_ROLE : v.TEAM_MEMBER,
+          query: b.currentRoute.value.query
+        });
+      }
+    });
+    T();
+    const r = s(() => u.value.find((e) => e.value === a.value) || u.value[0]), u = s(() => [
+      {
+        label: o("team.title"),
+        subTitle: o("team.subtitle"),
+        value: "member",
+        createButtonLabel: o("team.actions.addMember"),
+        createButtonAction: () => {
+          var e;
+          (e = _.value) == null || e.create();
+        }
+      },
+      {
+        label: o("permissionSet.title"),
+        value: "role",
+        createButtonLabel: o("permissionSet.createButtonLabel"),
+        createButtonAction: () => {
+          var e;
+          (e = f.value) == null || e.create();
+        }
+      }
+    ]);
+    return (e, n) => {
+      const L = i("FmSpacer"), V = i("FmTabs"), E = i("RouterView");
+      return p(), c(F, {
+        heading: r.value.label
+      }, {
+        "sub-heading": l(() => [
+          A(C(r.value.subTitle), 1)
+        ]),
+        "append-heading": l(() => {
+          var t;
+          return [
+            d(L),
+            (t = r.value) != null && t.createButtonLabel ? (p(), c(x, {
+              key: 0,
+              icon: "add",
+              label: r.value.createButtonLabel,
+              onClick: n[0] || (n[0] = (m) => r.value.createButtonAction())
+            }, null, 8, ["label"])) : y("", !0)
+          ];
+        }),
+        default: l(() => [
+          S("div", $, [
+            d(V, {
+              modelValue: a.value,
+              "onUpdate:modelValue": n[1] || (n[1] = (t) => a.value = t),
+              items: u.value
+            }, null, 8, ["modelValue", "items"]),
+            d(E, null, {
+              default: l(({ Component: t }) => [
+                (p(), c(g(t), {
+                  ref: (m) => {
+                    a.value === "member" && (_.value = m), a.value === "role" && (f.value = m);
+                  }
+                }, null, 512))
+              ]),
+              _: 1
+            })
+          ])
+        ]),
+        _: 1
+      }, 8, ["heading"]);
+    };
+  }
+});
+export {
+  X as default
+};