@feedmepos/mf-connect 0.1.117-prod → 0.1.118-dev

package/dist/Marketing-BvRYzFV8.js

@@ -1,236 +0,0 @@
-import { defineComponent as b, resolveComponent as v, openBlock as s, createBlock as N, unref as c, ref as f, watch as R, createElementBlock as d, createVNode as i, withCtx as S, createElementVNode as n, toDisplayString as w, withModifiers as T, createStaticVNode as U, computed as L, onMounted as P, nextTick as H, onUnmounted as V, Fragment as I, renderList as B, createCommentVNode as j } from "vue";
-import { _ as D } from "./campaign-CpzFl8Vr.js";
-import { u as M } from "./vue-i18n-y7bHQpNx.js";
-import { u as G, m as q } from "./useMarketingMaterialActions-CNk3LR9M.js";
-import { u as O } from "./remy-Qz_pNsUS.js";
-import { useRouter as z } from "vue-router";
-import "./index-CuyzSc1l.js";
-import { R as K } from "./app-B_doYklh.js";
-const Z = /* @__PURE__ */ b({
-  __name: "GenerateMaterialButton",
-  setup(l) {
-    const { t: r } = M(), u = O();
-    function a() {
-      u.activate({
-        command: "generateMarketingMaterial",
-        fullscreen: !0,
-        forceNewConversation: !0
-      });
-    }
-    return (t, e) => {
-      const m = v("FmButton");
-      return s(), N(m, {
-        label: c(r)("connect.marketing.emptyState.action"),
-        "prepend-icon": "wand_stars",
-        onClick: a
-      }, null, 8, ["label"]);
-    };
-  }
-}), J = /* @__PURE__ */ b({
-  __name: "MarketingMaterialItemActionButton",
-  props: {
-    material: {}
-  },
-  emits: ["update:menuOpened"],
-  setup(l, { emit: r }) {
-    const u = l, a = r, { t } = M(), e = f(!1);
-    R(e, (x) => {
-      a("update:menuOpened", x);
-    });
-    const { shareMaterial: m, downloadMaterialImage: _, copyMaterialLink: p } = G();
-    async function C() {
-      e.value = !1, await m(u.material);
-    }
-    async function A() {
-      e.value = !1, await _(u.material.imageUrl);
-    }
-    async function h() {
-      e.value = !1, await p(u.material.imageUrl);
-    }
-    return (x, o) => {
-      const k = v("FmButton"), y = v("FmMenuItem"), F = v("FmMenu");
-      return s(), d("div", null, [
-        i(F, {
-          placement: "right-start",
-          shift: !0,
-          "model-value": e.value,
-          onMenuChanged: o[0] || (o[0] = (g) => e.value = g)
-        }, {
-          "menu-button": S(() => [
-            i(k, {
-              icon: "more_vert",
-              variant: "tertiary",
-              size: "md"
-            })
-          ]),
-          default: S(() => [
-            i(y, {
-              icon: "share",
-              label: c(t)("connect.marketing.actions.share"),
-              onClick: C
-            }, null, 8, ["label"]),
-            i(y, {
-              icon: "download",
-              label: c(t)("connect.marketing.actions.download"),
-              onClick: A
-            }, null, 8, ["label"]),
-            i(y, {
-              icon: "content_copy",
-              label: c(t)("connect.marketing.actions.copyLink"),
-              onClick: h
-            }, null, 8, ["label"])
-          ]),
-          _: 1
-        }, 8, ["model-value"])
-      ]);
-    };
-  }
-}), Q = { class: "h-[205.5px] w-full overflow-hidden bg-fm-color-neutral-gray-100" }, W = ["src", "alt"], X = { class: "p-3" }, Y = { class: "flex items-start justify-between gap-2" }, ee = { class: "space-y-1 overflow-hidden" }, te = { class: "font-semibold text-sm text-gray-900 truncate" }, ne = { class: "text-xs text-gray-500 line-clamp-2" }, ae = {
-  key: 1,
-  class: "rounded-lg overflow-hidden border border-transparent fm-shadow-light-100 animate-pulse bg-white"
-}, $ = /* @__PURE__ */ b({
-  __name: "MarketingMaterialItem",
-  props: {
-    material: {}
-  },
-  setup(l) {
-    const { t: r } = M(), u = z(), a = f(!1);
-    return (t, e) => l.material ? (s(), d("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: e[2] || (e[2] = () => {
-        a.value || c(u).push({
-          name: c(K)["$connect-MARKETING_MATERIAL_EDIT"],
-          query: { id: l.material._id }
-        });
-      })
-    }, [
-      n("div", Q, [
-        n("img", {
-          src: l.material.imageUrl,
-          alt: c(r)("connect.marketing.title"),
-          class: "w-full h-full object-cover"
-        }, null, 8, W)
-      ]),
-      n("div", X, [
-        n("div", Y, [
-          n("div", ee, [
-            n("p", te, w(l.material.headline), 1),
-            n("p", ne, w(l.material.caption), 1)
-          ]),
-          i(J, {
-            material: l.material,
-            "onUpdate:menuOpened": e[0] || (e[0] = (m) => a.value = m),
-            onClick: e[1] || (e[1] = T(() => {
-            }, ["stop"]))
-          }, null, 8, ["material"])
-        ])
-      ])
-    ])) : (s(), d("div", ae, [...e[3] || (e[3] = [
-      U('<div class="h-[205.5px] w-full bg-fm-color-neutral-gray-100"></div><div class="p-3 space-y-2"><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)
-    ])]));
-  }
-}), oe = {
-  key: 0,
-  class: "px-24 xs:px-12 flex flex-col gap-y-16 py-24 xs:py-16"
-}, le = { class: "fm-typo-en-title-sm-800 text-center" }, re = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary w-4/6 xs:w-full text-center" }, se = {
-  key: 1,
-  class: "px-24 xs:px-12 flex flex-col gap-y-24 xs:gap-y-16 pt-24 xs:pt-16"
-}, ie = { class: "grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-16" }, E = 20, _e = /* @__PURE__ */ b({
-  __name: "Marketing",
-  setup(l) {
-    const { t: r } = M(), u = O(), a = f([]), t = f(!0), e = f(!0), m = f(null), _ = f(null);
-    let p = null;
-    const C = L(() => ({
-      label: r("connect.marketing.emptyState.action"),
-      value: "generate",
-      isPrimary: !0,
-      prependIcon: "wand_stars"
-    }));
-    function A(o) {
-      o === "generate" && u.activate({
-        command: "generateMarketingMaterial",
-        fullscreen: !0,
-        forceNewConversation: !0
-      });
-    }
-    async function h() {
-      const o = await q.listMarketingMaterials(
-        m.value,
-        E
-      );
-      a.value.push(...o.resources), m.value = o.meta.nextCursor, e.value = !!o.meta.nextCursor;
-    }
-    function x() {
-      p = new IntersectionObserver(
-        async ([o]) => {
-          if (!(!o.isIntersecting || !e.value || t.value)) {
-            t.value = !0;
-            try {
-              await h();
-            } catch {
-            } finally {
-              t.value = !1;
-            }
-          }
-        },
-        { rootMargin: "200px" }
-      ), _.value && p.observe(_.value);
-    }
-    return P(async () => {
-      try {
-        await h();
-      } catch {
-      } finally {
-        t.value = !1, await H(), x();
-      }
-    }), V(() => {
-      p == null || p.disconnect();
-    }), (o, k) => {
-      const y = v("FmPageHead"), F = v("FmCard");
-      return s(), d(I, null, [
-        i(y, {
-          title: c(r)("connect.marketing.title"),
-          actions: a.value.length > 0 ? [C.value] : [],
-          "onClick:action": A
-        }, null, 8, ["title", "actions"]),
-        !t.value && a.value.length === 0 ? (s(), d("div", oe, [
-          i(F, {
-            variant: "outlined",
-            class: "w-full justify-center items-center flex flex-col p-[24px] xs:p-16 gap-[24px] xs:gap-16"
-          }, {
-            default: S(() => [
-              k[0] || (k[0] = n("img", {
-                src: D,
-                class: "w-[150px]"
-              }, null, -1)),
-              n("p", le, w(c(r)("connect.marketing.emptyState.title")), 1),
-              n("p", re, w(c(r)("connect.marketing.emptyState.description")), 1),
-              i(Z)
-            ]),
-            _: 1
-          })
-        ])) : (s(), d("div", se, [
-          n("div", ie, [
-            (s(!0), d(I, null, B(a.value, (g) => (s(), N($, {
-              key: g._id,
-              material: g
-            }, null, 8, ["material"]))), 128)),
-            t.value ? (s(), d(I, { key: 0 }, B(E, (g) => i($, {
-              key: `skeleton-${g}`,
-              material: null
-            })), 64)) : j("", !0)
-          ]),
-          n("div", {
-            ref_key: "sentinel",
-            ref: _,
-            class: "h-1"
-          }, null, 512)
-        ]))
-      ], 64);
-    };
-  }
-});
-export {
-  _e as default
-};

package/dist/ReviewFacebookCallback-jVlm2O8f.js

@@ -1,238 +0,0 @@
-import { defineComponent as C, computed as M, openBlock as l, createElementBlock as g, normalizeClass as j, createElementVNode as u, createBlock as T, unref as e, toDisplayString as h, createCommentVNode as S, createVNode as y, onMounted as B, ref as P, Fragment as $, renderList as U, resolveComponent as z, isRef as V } from "vue";
-import { u as R } from "./vue-i18n-y7bHQpNx.js";
-import { components as I } from "@feedmepos/ui-library";
-import { r as L } from "./index-Cj6oxbl0.js";
-import { u as A } from "./business-DdVGtTvx.js";
-import { _ as H } from "./LocationPicker.vue_vue_type_script_setup_true_lang-BlCg-jI7.js";
-import { R as D } from "./app-B_doYklh.js";
-import { useRouter as G } from "vue-router";
-const O = ["src"], W = { class: "fm-typo-en-body-md-600 flex-1 truncate" }, q = {
-  key: 2,
-  class: "fm-typo-en-body-sm-400 text-fm-color-primary-500 shrink-0"
-}, J = /* @__PURE__ */ C({
-  __name: "FacebookPageConfig",
-  props: {
-    page: {},
-    expanded: { type: Boolean },
-    availableLocations: {}
-  },
-  emits: ["toggleExpand", "toggleLocation"],
-  setup(s, { emit: n }) {
-    const _ = s, f = n, { t: i } = R(), m = M(() => _.page.locationIds);
-    return (w, p) => (l(), g("div", {
-      class: j([
-        "rounded-lg border overflow-hidden transition-colors",
-        s.expanded ? "border-fm-color-primary-500" : "border-fm-color-neutral-gray-200"
-      ])
-    }, [
-      u("button", {
-        class: "w-full flex items-center gap-12 p-16 bg-white text-left hover:bg-fm-color-neutral-gray-50 transition-colors",
-        onClick: p[0] || (p[0] = (c) => f("toggleExpand"))
-      }, [
-        s.page.pageProfileImageUrl ? (l(), g("img", {
-          key: 0,
-          src: s.page.pageProfileImageUrl,
-          class: "w-32 h-32 rounded-full shrink-0 object-cover"
-        }, null, 8, O)) : (l(), T(e(I).FmIcon, {
-          key: 1,
-          name: "thumb_up",
-          class: "text-fm-color-neutral-gray-400 shrink-0"
-        })),
-        u("span", W, h(s.page.pageName), 1),
-        s.page.locationIds.length > 0 ? (l(), g("span", q, h(e(i)("connect.review.locationsSelected", s.page.locationIds.length)), 1)) : S("", !0),
-        y(e(I).FmIcon, {
-          name: s.expanded ? "expand_less" : "expand_more",
-          class: "text-fm-color-neutral-gray-400 shrink-0"
-        }, null, 8, ["name"])
-      ]),
-      s.expanded ? (l(), T(H, {
-        key: 0,
-        locations: s.availableLocations,
-        "selected-ids": e(m),
-        onToggle: p[1] || (p[1] = (c) => f("toggleLocation", c))
-      }, null, 8, ["locations", "selected-ids"])) : S("", !0)
-    ], 2));
-  }
-}), K = { class: "flex flex-col gap-8" }, Q = /* @__PURE__ */ C({
-  __name: "FacebookPageLocationMapping",
-  props: {
-    pages: {}
-  },
-  emits: ["update:pages"],
-  setup(s, { emit: n }) {
-    const _ = s, f = A();
-    B(() => f.readLocations());
-    const i = n, m = P(null), w = M(() => {
-      const r = /* @__PURE__ */ new Set();
-      for (const v of _.pages)
-        v.locationIds.forEach((a) => r.add(a));
-      return r;
-    });
-    function p(r) {
-      const v = new Set(r.locationIds);
-      return f.locations.filter((a) => {
-        const b = a._id.toString();
-        return !w.value.has(b) || v.has(b);
-      });
-    }
-    function c(r, v) {
-      const a = v._id.toString(), b = _.pages.map((o) => {
-        if (o.facebookPageId !== r) return o;
-        const t = o.locationIds.includes(a);
-        return {
-          ...o,
-          locationIds: t ? o.locationIds.filter((k) => k !== a) : [...o.locationIds, a]
-        };
-      });
-      i("update:pages", b);
-    }
-    function F(r) {
-      m.value = m.value === r ? null : r;
-    }
-    return (r, v) => (l(), g("div", K, [
-      (l(!0), g($, null, U(s.pages, (a) => (l(), T(J, {
-        key: a.facebookPageId,
-        page: a,
-        expanded: e(m) === a.facebookPageId,
-        "available-locations": p(a),
-        onToggleExpand: (b) => F(a.facebookPageId),
-        onToggleLocation: (b) => c(a.facebookPageId, b)
-      }, null, 8, ["page", "expanded", "available-locations", "onToggleExpand", "onToggleLocation"]))), 128))
-    ]));
-  }
-}), X = { class: "flex flex-col min-h-full gap-16 p-24" }, Y = {
-  key: 0,
-  class: "flex flex-col items-center justify-center flex-1 gap-16"
-}, Z = { class: "fm-typo-en-body-md-400 text-fm-color-neutral-gray-400" }, ee = {
-  key: 1,
-  class: "flex flex-col items-center justify-center flex-1 gap-16"
-}, oe = { class: "fm-typo-en-body-lg-600" }, te = { class: "fm-typo-en-body-md-400 text-fm-color-neutral-gray-400" }, ne = {
-  key: 2,
-  class: "flex flex-col items-center justify-center flex-1 gap-16"
-}, ae = { class: "fm-typo-en-body-lg-600" }, se = { class: "fm-typo-en-body-md-400 text-fm-color-neutral-gray-400" }, ce = { class: "fm-typo-en-body-lg-600" }, le = { class: "flex gap-8 justify-end mt-auto pt-8" }, ve = /* @__PURE__ */ C({
-  __name: "ReviewFacebookCallback",
-  setup(s) {
-    const { t: n } = R(), _ = G();
-    function f() {
-      return _.replace({ name: D["$connect-REVIEW_SETTINGS"] });
-    }
-    const i = P([]), m = P(!1), w = P(!1), p = P(!1), c = P(null), F = M(
-      () => i.value.some((o) => o.locationIds.length > 0)
-    );
-    function r(o, t) {
-      const k = new Map(
-        t.map((d) => [d.facebookPageId, d])
-      );
-      return o.map((d) => {
-        var x;
-        return {
-          ...d,
-          locationIds: ((x = k.get(d.facebookPageId)) == null ? void 0 : x.locationIds) ?? []
-        };
-      });
-    }
-    function v(o, t) {
-      return o instanceof Error ? o.message : t;
-    }
-    async function a() {
-      var d;
-      const o = window.location.hash;
-      if (!o) {
-        c.value = n("connect.review.noToken");
-        return;
-      }
-      const k = new URLSearchParams(o.slice(1)).get("access_token");
-      if (!k) {
-        c.value = n("connect.review.noToken");
-        return;
-      }
-      m.value = !0;
-      try {
-        const x = await L.getSource(), N = ((d = x == null ? void 0 : x.facebook) == null ? void 0 : d.pages) ?? [], E = await L.connectFacebook(k);
-        i.value = r((E == null ? void 0 : E.pages) ?? [], N), i.value.length === 0 && (c.value = n("connect.review.facebook.noPages"));
-      } catch (x) {
-        c.value = v(x, n("connect.review.facebook.failed"));
-      } finally {
-        m.value = !1;
-      }
-    }
-    async function b() {
-      const o = i.value.filter((t) => t.locationIds.length > 0).map((t) => ({
-        facebookPageId: t.facebookPageId,
-        locationIds: t.locationIds
-      }));
-      if (o.length === 0) {
-        c.value = n("connect.review.noMappings");
-        return;
-      }
-      w.value = !0;
-      try {
-        await L.updateFacebookPages(o), p.value = !0, setTimeout(f, 2e3);
-      } catch (t) {
-        c.value = v(t, n("connect.review.facebook.failed"));
-      } finally {
-        w.value = !1;
-      }
-    }
-    return B(a), (o, t) => {
-      const k = z("FmPageHead");
-      return l(), g($, null, [
-        y(k, {
-          title: e(n)("connect.navigation.review")
-        }, null, 8, ["title"]),
-        u("div", X, [
-          e(m) ? (l(), g("div", Y, [
-            y(e(I).FmIcon, {
-              name: "sync",
-              size: "xl",
-              class: "animate-spin text-fm-color-neutral-gray-400"
-            }),
-            u("p", Z, h(e(n)("connect.review.facebook.fetching")), 1)
-          ])) : e(p) ? (l(), g("div", ee, [
-            y(e(I).FmIcon, {
-              name: "check_circle",
-              size: "xl",
-              class: "text-fm-color-typo-success"
-            }),
-            u("p", oe, h(e(n)("connect.review.facebook.success")), 1),
-            u("p", te, h(e(n)("connect.review.redirecting")), 1)
-          ])) : e(c) ? (l(), g("div", ne, [
-            y(e(I).FmIcon, {
-              name: "error",
-              size: "xl",
-              class: "text-fm-color-system-error-500"
-            }),
-            u("p", ae, h(e(n)("connect.review.errorTitle")), 1),
-            u("p", se, h(e(c)), 1),
-            y(e(I).FmButton, {
-              label: e(n)("connect.review.goBack"),
-              onClick: t[0] || (t[0] = (d) => f())
-            }, null, 8, ["label"])
-          ])) : e(i).length > 0 ? (l(), g($, { key: 3 }, [
-            u("p", ce, h(e(n)("connect.review.facebook.selectPage")), 1),
-            y(Q, {
-              pages: e(i),
-              "onUpdate:pages": t[1] || (t[1] = (d) => V(i) ? i.value = d : null)
-            }, null, 8, ["pages"]),
-            u("div", le, [
-              y(e(I).FmButton, {
-                variant: "outlined",
-                label: e(n)("connect.review.cancel"),
-                onClick: t[2] || (t[2] = (d) => f())
-              }, null, 8, ["label"]),
-              y(e(I).FmButton, {
-                label: e(n)("connect.review.connect"),
-                disabled: !e(F),
-                loading: e(w),
-                onClick: b
-              }, null, 8, ["label", "disabled", "loading"])
-            ])
-          ], 64)) : S("", !0)
-        ])
-      ], 64);
-    };
-  }
-});
-export {
-  ve as default
-};