@feedmepos/mf-connect 0.1.38-beta.74 → 0.1.38-beta.76

package/dist/MainLayout-BFmqJkE_.js

@@ -0,0 +1,41 @@
+import { defineComponent as n, openBlock as o, createElementBlock as a, createVNode as c, unref as e, ref as m, resolveComponent as u, normalizeClass as _, createBlock as p, createCommentVNode as h, withDirectives as f, createElementVNode as d, vShow as w } from "vue";
+import { _ as v, S as x } from "./LottieAnimation.vue_vue_type_script_setup_true_lang-K8qUYrPk.js";
+import { u as r } from "./app-wDQR6dpb.js";
+import { useRoute as g } from "vue-router";
+const S = { class: "bg-white w-full flex min-h-[calc(100svh-56px)] items-center" }, V = /* @__PURE__ */ n({
+  __name: "Splash",
+  setup(l) {
+    return (s, t) => (o(), a("div", S, [
+      c(v, {
+        class: "flex-1",
+        json: e(x),
+        width: 100,
+        height: 100
+      }, null, 8, ["json"])
+    ]));
+  }
+}), N = /* @__PURE__ */ n({
+  __name: "MainLayout",
+  setup(l) {
+    const s = g(), t = m(s.query.showHeader !== "false");
+    return (b, k) => {
+      const i = u("RouterView");
+      return o(), a("div", {
+        class: _([
+          "bg-fm-color-neutral-white w-full xs:overflow-y-scroll",
+          e(t) ? "min-h-[calc(100svh-56px)] xs:h-[calc(100svh-56px)]" : "min-h-screen"
+        ])
+      }, [
+        e(r)().isGlobalLoading == !0 ? (o(), p(V, { key: 0 })) : h("", !0),
+        f(d("div", null, [
+          c(i)
+        ], 512), [
+          [w, e(r)().isGlobalLoading == !1]
+        ])
+      ], 2);
+    };
+  }
+});
+export {
+  N as default
+};

package/dist/Marketing-BRHQHAWD.js

@@ -0,0 +1,145 @@
+import { defineComponent as $, openBlock as n, createElementBlock as a, unref as o, createElementVNode as e, toDisplayString as p, createStaticVNode as S, ref as c, onMounted as B, nextTick as V, onUnmounted as j, resolveComponent as _, Fragment as y, createVNode as d, withCtx as G, renderList as M, createBlock as H, createCommentVNode as O } from "vue";
+import { _ as P } from "./campaign-CpzFl8Vr.js";
+import { u as A } from "./vue-i18n-BvqmcBWZ.js";
+import { useRouter as I } from "vue-router";
+import { m as U } from "./index-Bj0TV_D5.js";
+import "./index-Dp1J9Fxa.js";
+import { R as N } from "./app-6lG4w5PT.js";
+const D = { class: "aspect-video w-full overflow-hidden bg-fm-color-neutral-gray-100" }, K = ["src", "alt"], L = { class: "p-3 space-y-1" }, q = { class: "font-semibold text-sm text-gray-900 truncate" }, Z = { class: "text-xs text-gray-500 line-clamp-2" }, z = {
+  key: 1,
+  class: "p-16 rounded-lg overflow-hidden fm-shadow-light-100 animate-pulse"
+}, C = /* @__PURE__ */ $({
+  __name: "MarketingMaterialItem",
+  props: {
+    material: {}
+  },
+  setup(r) {
+    const { t: l } = A(), f = I();
+    return (u, t) => r.material ? (n(), a("div", {
+      key: 0,
+      class: "p-16 group rounded-lg overflow-hidden cursor-pointer border border-transparent hover:border-blue-500 hover:bg-blue-50 transition-[border-color,background-color] fm-shadow-light-100 hover:fm-shadow-light-300",
+      onClick: t[0] || (t[0] = (g) => o(f).push({
+        name: o(N)["$connect-MARKETING_MATERIAL_EDIT"],
+        query: { id: r.material._id }
+      }))
+    }, [
+      e("div", D, [
+        e("img", {
+          src: r.material.imageUrl,
+          alt: o(l)("connect.marketing.title"),
+          class: "w-full h-full object-cover"
+        }, null, 8, K)
+      ]),
+      e("div", L, [
+        e("p", q, p(r.material.headline), 1),
+        e("p", Z, p(r.material.caption), 1)
+      ])
+    ])) : (n(), a("div", z, [...t[1] || (t[1] = [
+      S('<div class="aspect-video w-full bg-fm-color-neutral-gray-100 rounded"></div><div class="p-3 space-y-1"><div class="h-[16px] w-3/4 rounded bg-fm-color-neutral-gray-100"></div><div class="h-12 w-full rounded bg-fm-color-neutral-gray-100"></div><div class="h-12 w-2/3 rounded bg-fm-color-neutral-gray-100"></div></div>', 2)
+    ])]));
+  }
+}), J = {
+  key: 0,
+  class: "px-24 flex flex-col gap-y-16"
+}, Q = { class: "fm-typo-en-title-sm-800" }, W = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary w-4/6 text-center" }, X = {
+  key: 1,
+  class: "px-24 flex flex-col gap-y-16"
+}, Y = { class: "flex justify-end" }, ee = { class: "grid grid-cols-2 gap-12 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-4" }, E = 20, ie = /* @__PURE__ */ $({
+  __name: "Marketing",
+  setup(r) {
+    const { t: l } = A(), f = I(), u = c([]), t = c(!0), g = c(!0), h = c(null), v = c(null);
+    let i = null;
+    async function x() {
+      const s = await U.listMarketingMaterials(
+        h.value,
+        E
+      );
+      u.value.push(...s.resources), h.value = s.meta.nextCursor, g.value = !!s.meta.nextCursor;
+    }
+    function T() {
+      i = new IntersectionObserver(
+        async ([s]) => {
+          if (!(!s.isIntersecting || !g.value)) {
+            t.value = !0;
+            try {
+              await x();
+            } catch {
+            } finally {
+              t.value = !1;
+            }
+          }
+        },
+        { rootMargin: "200px" }
+      ), v.value && i.observe(v.value);
+    }
+    B(async () => {
+      try {
+        await x();
+      } catch {
+      } finally {
+        t.value = !1, await V(), T();
+      }
+    }), j(() => {
+      i == null || i.disconnect();
+    });
+    function k() {
+      f.push({ name: N["$connect-MARKETING_GENERATE"] });
+    }
+    return (s, b) => {
+      const F = _("FmPageHead"), w = _("FmButton"), R = _("FmCard");
+      return n(), a(y, null, [
+        d(F, {
+          title: o(l)("connect.marketing.title"),
+          class: "xs:hidden"
+        }, null, 8, ["title"]),
+        !t.value && u.value.length === 0 ? (n(), a("div", J, [
+          d(R, {
+            variant: "outlined",
+            class: "w-full justify-center items-center flex flex-col p-[24px] gap-[24px]"
+          }, {
+            default: G(() => [
+              b[0] || (b[0] = e("img", {
+                src: P,
+                class: "w-[150px]"
+              }, null, -1)),
+              e("p", Q, p(o(l)("connect.marketing.emptyState.title")), 1),
+              e("p", W, p(o(l)("connect.marketing.emptyState.description")), 1),
+              d(w, {
+                label: o(l)("connect.marketing.emptyState.action"),
+                "prepend-icon": "add",
+                onClick: k
+              }, null, 8, ["label"])
+            ]),
+            _: 1
+          })
+        ])) : (n(), a("div", X, [
+          e("div", Y, [
+            d(w, {
+              label: o(l)("connect.marketing.emptyState.action"),
+              "prepend-icon": "add",
+              onClick: k
+            }, null, 8, ["label"])
+          ]),
+          e("div", ee, [
+            (n(!0), a(y, null, M(u.value, (m) => (n(), H(C, {
+              key: m._id,
+              material: m
+            }, null, 8, ["material"]))), 128)),
+            t.value ? (n(), a(y, { key: 0 }, M(E, (m) => d(C, {
+              key: `skeleton-${m}`,
+              material: null
+            })), 64)) : O("", !0)
+          ]),
+          e("div", {
+            ref_key: "sentinel",
+            ref: v,
+            class: "h-1"
+          }, null, 512)
+        ]))
+      ], 64);
+    };
+  }
+});
+export {
+  ie as default
+};