@feedmepos/mf-connect 0.1.38-beta.83 → 0.1.38-beta.85

package/dist/{Marketing-DL5qQws0.js → Marketing-C19yd_BK.js}

@@ -1,39 +1,39 @@
-import { defineComponent as M, resolveComponent as w, openBlock as u, createBlock as I, unref as p, ref as v, watch as R, createElementBlock as f, createVNode as d, withCtx as F, createElementVNode as c, toDisplayString as x, createStaticVNode as N, computed as j, onMounted as P, nextTick as T, onUnmounted as D, Fragment as S, renderList as $, createCommentVNode as B } from "vue";
+import { defineComponent as M, resolveComponent as w, openBlock as m, createBlock as E, unref as v, ref as g, watch as O, createElementBlock as p, createVNode as d, withCtx as S, createElementVNode as i, toDisplayString as x, createStaticVNode as R, computed as N, onMounted as j, nextTick as P, onUnmounted as T, Fragment as I, renderList as U, createCommentVNode as D } from "vue";
 import { _ as H } from "./campaign-CpzFl8Vr.js";
-import { u as U } from "./vue-i18n-C8QhQx73.js";
-import { ChatPanel as V } from "@feedmepos/mf-remy-panel";
-import { u as O, m as G } from "./remy-BnbV5Fsx.js";
-import { useRouter as q } from "vue-router";
-import "./index-sFHmfWSg.js";
-import { useSnackbar as z } from "@feedmepos/ui-library";
-import { c as K } from "./plugins-DXS2Wod6.js";
-import { R as W } from "./app-DwodX_i8.js";
-const Z = /* @__PURE__ */ M({
+import { u as F } from "./vue-i18n-VE9cLms0.js";
+import { m as V } from "./index-DBXGg3yg.js";
+import { u as L } from "./remy-D_Deb3ue.js";
+import { useRouter as G } from "vue-router";
+import "./index-DWi7IG9Q.js";
+import { useSnackbar as q } from "@feedmepos/ui-library";
+import { c as z } from "./plugins-DATxgRFK.js";
+import { R as K } from "./app-Bd1PovAE.js";
+const W = /* @__PURE__ */ M({
   __name: "GenerateMaterialButton",
   setup(a) {
-    const { t: l } = U(), s = O();
+    const { t: l } = F(), c = L();
     function o() {
-      s.activate({
+      c.activate({
         command: "generateMarketingMaterial",
         fullscreen: !0,
         forceNewConversation: !0
       });
     }
     return (e, n) => {
-      const i = w("FmButton");
-      return u(), I(i, {
-        label: p(l)("connect.marketing.emptyState.action"),
+      const s = w("FmButton");
+      return m(), E(s, {
+        label: v(l)("connect.marketing.emptyState.action"),
         "prepend-icon": "wand_stars",
         onClick: o
       }, null, 8, ["label"]);
     };
   }
 });
-function J() {
-  const a = z();
+function Z() {
+  const a = q();
   async function l(e) {
     if (!e) return;
-    const { headline: n, caption: i, imageUrl: r } = e;
+    const { headline: n, caption: s, imageUrl: r } = e;
     if (!navigator.share) {
       a.open({
         message: "Web Share API is not supported in your browser.",
@@ -44,14 +44,14 @@ function J() {
     try {
       const t = {
         title: n,
-        text: i
+        text: s
       };
       if (navigator.canShare)
         try {
-          const y = await (await fetch(r)).blob(), g = [new File([y], "marketing-material.jpg", {
+          const y = await (await fetch(r)).blob(), f = [new File([y], "marketing-material.jpg", {
             type: y.type || "image/jpeg"
           })];
-          navigator.canShare({ files: g }) ? t.files = g : t.url = r;
+          navigator.canShare({ files: f }) ? t.files = f : t.url = r;
         } catch {
           t.url = r;
         }
@@ -65,75 +65,75 @@ function J() {
       });
     }
   }
-  async function s(e) {
+  async function c(e) {
     if (e != null && e.imageUrl)
       try {
-        const i = await (await fetch(e.imageUrl)).blob(), r = URL.createObjectURL(i), t = document.createElement("a");
+        const s = await (await fetch(e.imageUrl)).blob(), r = URL.createObjectURL(s), t = document.createElement("a");
         t.href = r, t.download = "marketing-material", t.click(), URL.revokeObjectURL(r);
       } catch {
         window.open(e.imageUrl, "_blank");
       }
   }
   async function o(e) {
-    e != null && e.imageUrl && await K(e.imageUrl, {
+    e != null && e.imageUrl && await z(e.imageUrl, {
       successMessage: "Image link copied to clipboard"
     });
   }
   return {
     shareMaterial: l,
-    downloadMaterialImage: s,
+    downloadMaterialImage: c,
     copyMaterialLink: o
   };
 }
-const Q = /* @__PURE__ */ M({
+const J = /* @__PURE__ */ M({
   __name: "MarketingMaterialItemActionButton",
   props: {
     material: {}
   },
   emits: ["update:menuOpened"],
   setup(a, { emit: l }) {
-    const s = a, o = l, e = v(!1);
-    R(e, (h) => {
-      o("update:menuOpened", h);
+    const c = a, o = l, e = g(!1);
+    O(e, (_) => {
+      o("update:menuOpened", _);
     });
-    const { shareMaterial: n, downloadMaterialImage: i, copyMaterialLink: r } = J();
+    const { shareMaterial: n, downloadMaterialImage: s, copyMaterialLink: r } = Z();
     async function t() {
-      e.value = !1, await n(s.material);
+      e.value = !1, await n(c.material);
     }
     async function k() {
-      e.value = !1, await i(s.material);
+      e.value = !1, await s(c.material);
     }
     async function y() {
-      e.value = !1, await r(s.material);
+      e.value = !1, await r(c.material);
     }
-    return (h, g) => {
-      const m = w("FmButton"), _ = w("FmMenuItem"), C = w("FmMenu");
-      return u(), f("div", null, [
+    return (_, f) => {
+      const u = w("FmButton"), h = w("FmMenuItem"), C = w("FmMenu");
+      return m(), p("div", null, [
         d(C, {
           placement: "right-start",
           shift: !0,
           "model-value": e.value,
-          onMenuChanged: g[0] || (g[0] = (A) => e.value = A)
+          onMenuChanged: f[0] || (f[0] = (A) => e.value = A)
         }, {
-          "menu-button": F(() => [
-            d(m, {
+          "menu-button": S(() => [
+            d(u, {
               icon: "more_vert",
               variant: "tertiary",
               size: "md"
             })
           ]),
-          default: F(() => [
-            d(_, {
+          default: S(() => [
+            d(h, {
               icon: "share",
               label: "Share",
               onClick: t
             }),
-            d(_, {
+            d(h, {
               icon: "download",
               label: "Download",
               onClick: k
             }),
-            d(_, {
+            d(h, {
               icon: "content_copy",
               label: "Copy Link",
               onClick: y
@@ -144,87 +144,87 @@ const Q = /* @__PURE__ */ M({
       ]);
     };
   }
-}), X = { class: "h-[205.5px] w-full overflow-hidden bg-fm-color-neutral-gray-100" }, Y = ["src", "alt"], ee = { class: "p-3" }, te = { class: "flex items-start justify-between gap-2" }, ne = { class: "space-y-1 overflow-hidden" }, ae = { class: "font-semibold text-sm text-gray-900 truncate" }, oe = { class: "text-xs text-gray-500 line-clamp-2" }, re = {
+}), Q = { class: "h-[205.5px] w-full overflow-hidden bg-fm-color-neutral-gray-100" }, X = ["src", "alt"], Y = { class: "p-3" }, ee = { class: "flex items-start justify-between gap-2" }, te = { class: "space-y-1 overflow-hidden" }, ne = { class: "font-semibold text-sm text-gray-900 truncate" }, ae = { class: "text-xs text-gray-500 line-clamp-2" }, oe = {
   key: 1,
   class: "p-16 rounded-lg overflow-hidden fm-shadow-light-100 animate-pulse"
-}, E = /* @__PURE__ */ M({
+}, $ = /* @__PURE__ */ M({
   __name: "MarketingMaterialItem",
   props: {
     material: {}
   },
   setup(a) {
-    const { t: l } = U(), s = q(), o = v(!1);
-    return (e, n) => a.material ? (u(), f("div", {
+    const { t: l } = F(), c = G(), o = g(!1);
+    return (e, n) => a.material ? (m(), p("div", {
       key: 0,
       class: "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: n[1] || (n[1] = () => {
-        o.value || p(s).push({
-          name: p(W)["$connect-MARKETING_MATERIAL_EDIT"],
+        o.value || v(c).push({
+          name: v(K)["$connect-MARKETING_MATERIAL_EDIT"],
           query: { id: a.material._id }
         });
       })
     }, [
-      c("div", X, [
-        c("img", {
+      i("div", Q, [
+        i("img", {
           src: a.material.imageUrl,
-          alt: p(l)("connect.marketing.title"),
+          alt: v(l)("connect.marketing.title"),
           class: "w-full h-full object-cover"
-        }, null, 8, Y)
+        }, null, 8, X)
       ]),
-      c("div", ee, [
-        c("div", te, [
-          c("div", ne, [
-            c("p", ae, x(a.material.headline), 1),
-            c("p", oe, x(a.material.caption), 1)
+      i("div", Y, [
+        i("div", ee, [
+          i("div", te, [
+            i("p", ne, x(a.material.headline), 1),
+            i("p", ae, x(a.material.caption), 1)
           ]),
-          d(Q, {
+          d(J, {
             material: a.material,
-            "onUpdate:menuOpened": n[0] || (n[0] = (i) => o.value = i)
+            "onUpdate:menuOpened": n[0] || (n[0] = (s) => o.value = s)
           }, null, 8, ["material"])
         ])
       ])
-    ])) : (u(), f("div", re, [...n[2] || (n[2] = [
-      N('<div class="h-[205.5px] 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)
+    ])) : (m(), p("div", oe, [...n[2] || (n[2] = [
+      R('<div class="h-[205.5px] 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)
     ])]));
   }
-}), le = {
+}), re = {
   key: 0,
   class: "px-24 flex flex-col gap-y-16 py-24"
-}, se = { class: "fm-typo-en-title-sm-800" }, ie = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary w-4/6 text-center" }, ce = {
+}, le = { class: "fm-typo-en-title-sm-800" }, se = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary w-4/6 text-center" }, ie = {
   key: 1,
   class: "px-24 flex flex-col gap-y-24 pt-24"
-}, ue = { class: "grid grid-cols-2 gap-[16px] sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-4" }, L = 20, ke = /* @__PURE__ */ M({
+}, ce = { class: "grid grid-cols-2 gap-[16px] sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-4" }, B = 20, we = /* @__PURE__ */ M({
   __name: "Marketing",
   setup(a) {
-    const { t: l } = U(), s = O(), o = v([]), e = v(!0), n = v(!0), i = v(null), r = v(null);
+    const { t: l } = F(), c = L(), o = g([]), e = g(!0), n = g(!0), s = g(null), r = g(null);
     let t = null;
-    const k = j(() => ({
+    const k = N(() => ({
       label: l("connect.marketing.emptyState.action"),
       value: "generate",
       isPrimary: !0,
       prependIcon: "wand_stars"
     }));
-    function y(m) {
-      m === "generate" && s.activate({
+    function y(u) {
+      u === "generate" && c.activate({
         command: "generateMarketingMaterial",
         fullscreen: !0,
         forceNewConversation: !0
       });
     }
-    async function h() {
-      const m = await G.listMarketingMaterials(
-        i.value,
-        L
+    async function _() {
+      const u = await V.listMarketingMaterials(
+        s.value,
+        B
       );
-      o.value.push(...m.resources), i.value = m.meta.nextCursor, n.value = !!m.meta.nextCursor;
+      o.value.push(...u.resources), s.value = u.meta.nextCursor, n.value = !!u.meta.nextCursor;
     }
-    function g() {
+    function f() {
       t = new IntersectionObserver(
-        async ([m]) => {
-          if (!(!m.isIntersecting || !n.value)) {
+        async ([u]) => {
+          if (!(!u.isIntersecting || !n.value)) {
             e.value = !0;
             try {
-              await h();
+              await _();
             } catch {
             } finally {
               e.value = !1;
@@ -234,61 +234,60 @@ const Q = /* @__PURE__ */ M({
         { rootMargin: "200px" }
       ), r.value && t.observe(r.value);
     }
-    return P(async () => {
+    return j(async () => {
       try {
-        await h();
+        await _();
       } catch {
       } finally {
-        e.value = !1, await T(), g();
+        e.value = !1, await P(), f();
       }
-    }), D(() => {
+    }), T(() => {
       t == null || t.disconnect();
-    }), (m, _) => {
+    }), (u, h) => {
       const C = w("FmPageHead"), A = w("FmCard");
-      return u(), f(S, null, [
+      return m(), p(I, null, [
         d(C, {
-          title: p(l)("connect.marketing.title"),
+          title: v(l)("connect.marketing.title"),
           actions: o.value.length > 0 ? [k.value] : [],
           "onClick:action": y
         }, null, 8, ["title", "actions"]),
-        !e.value && o.value.length === 0 ? (u(), f("div", le, [
+        !e.value && o.value.length === 0 ? (m(), p("div", re, [
           d(A, {
             variant: "outlined",
             class: "w-full justify-center items-center flex flex-col p-[24px] gap-[24px]"
           }, {
-            default: F(() => [
-              _[0] || (_[0] = c("img", {
+            default: S(() => [
+              h[0] || (h[0] = i("img", {
                 src: H,
                 class: "w-[150px]"
               }, null, -1)),
-              c("p", se, x(p(l)("connect.marketing.emptyState.title")), 1),
-              c("p", ie, x(p(l)("connect.marketing.emptyState.description")), 1),
-              d(Z)
+              i("p", le, x(v(l)("connect.marketing.emptyState.title")), 1),
+              i("p", se, x(v(l)("connect.marketing.emptyState.description")), 1),
+              d(W)
             ]),
             _: 1
           })
-        ])) : (u(), f("div", ce, [
-          c("div", ue, [
-            (u(!0), f(S, null, $(o.value, (b) => (u(), I(E, {
+        ])) : (m(), p("div", ie, [
+          i("div", ce, [
+            (m(!0), p(I, null, U(o.value, (b) => (m(), E($, {
               key: b._id,
               material: b
             }, null, 8, ["material"]))), 128)),
-            e.value ? (u(), f(S, { key: 0 }, $(L, (b) => d(E, {
+            e.value ? (m(), p(I, { key: 0 }, U(B, (b) => d($, {
               key: `skeleton-${b}`,
               material: null
-            })), 64)) : B("", !0)
+            })), 64)) : D("", !0)
           ]),
-          c("div", {
+          i("div", {
             ref_key: "sentinel",
             ref: r,
             class: "h-1"
           }, null, 512)
-        ])),
-        p(s).dialogShowing ? (u(), I(p(V), { key: 2 })) : B("", !0)
+        ]))
       ], 64);
     };
   }
 });
 export {
-  ke as default
+  we as default
 };