@feedmepos/mf-connect 0.1.58-prod → 0.1.60-prod

package/dist/MemberOverview-wL_ailso.js

@@ -0,0 +1,58 @@
+import { defineComponent as c, resolveComponent as r, openBlock as s, createElementBlock as n, Fragment as a, createElementVNode as e, createVNode as v, withCtx as p, renderList as u, normalizeClass as y, toDisplayString as l, createCommentVNode as _ } from "vue";
+const b = { class: "bg-gradient-to-r from-orange-200 p-24 to-blue-200 via-pink-100 mx-[-24px]" }, g = { class: "grid grid-cols-6 xs:grid-cols-2 gap-4 divide-x xs:divide-x-0" }, x = { class: "fm-typo-body-md-400 fm-typo-en-body-md-400 mb-2 text-fm-color-typo-secondary" }, f = { class: "fm-typo-en-title-sm-800" }, w = /* @__PURE__ */ c({
+  __name: "MemberOverview",
+  setup(k) {
+    const m = [
+      {
+        key: "Total member",
+        value: 4
+      },
+      {
+        key: "New member",
+        value: 2
+      },
+      {
+        key: "Member average spend",
+        value: 100
+      },
+      {
+        key: "Average visit time",
+        value: 567
+      },
+      {
+        key: "Member growth",
+        value: "100%"
+      },
+      { key: "Inactive member", value: 0 }
+    ];
+    return (C, o) => {
+      const i = r("FmCard");
+      return r("FmButton"), s(), n(a, null, [
+        e("div", b, [
+          v(i, {
+            variant: "outlined",
+            class: "flex flex-col gap-16 p-16"
+          }, {
+            default: p(() => [
+              o[0] || (o[0] = e("div", { class: "fm-typo-en-body-lg-600" }, "Member overview", -1)),
+              e("div", g, [
+                (s(), n(a, null, u(m, (t, d) => e("div", {
+                  key: t.key,
+                  class: y(["px-8", { "xs:!border-r": d % 2 == 0 }])
+                }, [
+                  e("div", x, l(t.key), 1),
+                  e("div", f, l(t.value), 1)
+                ], 2)), 64))
+              ])
+            ]),
+            _: 1
+          })
+        ]),
+        _("", !0)
+      ], 64);
+    };
+  }
+});
+export {
+  w as default
+};

package/dist/MemberTransactions-Q3phmXfI.js

@@ -0,0 +1,45 @@
+import { defineComponent as d, ref as p, resolveComponent as _, openBlock as a, createElementBlock as f, createVNode as v, unref as o, createBlock as u, createCommentVNode as b } from "vue";
+import { _ as k, a as x } from "./StoreTransactions.vue_vue_type_script_setup_true_lang-Cwt8pmoM.js";
+import { useRouter as y } from "vue-router";
+const C = { class: "flex flex-col gap-y-32 pb-24" }, F = /* @__PURE__ */ d({
+  __name: "MemberTransactions",
+  setup(T) {
+    const r = y(), t = [
+      {
+        label: "Collection",
+        value: "collection"
+      },
+      {
+        label: "Store",
+        value: "store"
+      }
+    ], l = p(
+      t.find(
+        (s) => {
+          var e;
+          return s.value == ((e = r.currentRoute.value.query) == null ? void 0 : e.tab);
+        }
+      ) || t[0]
+    ), n = r.currentRoute.value.params.id;
+    return (s, e) => {
+      const c = _("FmTabs");
+      return a(), f("div", C, [
+        v(c, {
+          "model-value": o(l).value,
+          items: t,
+          "onUpdate:modelValue": e[0] || (e[0] = (m) => l.value = t.find((i) => i.value === m))
+        }, null, 8, ["model-value"]),
+        o(l).value == "collection" ? (a(), u(k, {
+          key: 0,
+          user: o(n)
+        }, null, 8, ["user"])) : o(l).value == "store" ? (a(), u(x, {
+          key: 1,
+          user: o(n)
+        }, null, 8, ["user"])) : b("", !0)
+      ]);
+    };
+  }
+});
+export {
+  F as default
+};