@useinsider/guido 1.0.3-beta.e1adf59 → 1.0.3-beta.e32f324

package/dist/components/organisms/onboarding/NewVersionPopup.vue.js

@@ -1,17 +1,17 @@
-import s from "./NewVersionPopup.vue2.js";
+import t from "./NewVersionPopup.vue2.js";
 import n from "../../../_virtual/_plugin-vue2_normalizer.js";
-var r = function() {
-  var e = this, t = e._self._c, o = e._self._setupProxy;
-  return o.isVisible ? t(o.WpModal, { attrs: { id: "guido__new-version-popup", "close-on-outside-click": !1, "footer-button-options": o.footerButtonOptions, title: o.trans("email-editor.onboarding-title") }, on: { close: o.handleClose, "primary-action": o.handleDiscoverNow, "secondary-action": o.handleRemindLater } }, [t("div", { staticClass: "d-f f-d-c" }, [t("img", { staticClass: "w-1 h-1 d-b p-e-n mb-5", attrs: { src: o.onboardingImageSvg } }), t("p", { staticClass: "f-s-2 f-w-400", domProps: { innerHTML: e._s(o.trans("email-editor.onboarding-description")) } })])]) : e._e();
-}, i = [], a = /* @__PURE__ */ n(
-  s,
-  r,
+var i = function() {
+  var e = this, s = e._self._c, o = e._self._setupProxy;
+  return o.isVisible ? s(o.WpModal, { attrs: { id: "guido__new-version-popup", size: "medium", "close-on-outside-click": !1, "footer-button-options": o.footerButtonOptions, title: o.popupTitle }, on: { close: o.handleClose, "primary-action": o.handleDiscoverNow, "secondary-action": o.handleRemindLater } }, [s("div", { staticClass: "d-f f-d-c" }, [s("img", { staticClass: "w-1 h-1 d-b p-e-n mb-5", attrs: { src: o.onboardingImageSvg } }), s("p", { staticClass: "f-s-2 f-w-400", domProps: { innerHTML: e._s(o.popupDescription) } })])]) : e._e();
+}, r = [], a = /* @__PURE__ */ n(
+  t,
   i,
+  r,
   !1,
   null,
   null
 );
-const p = a.exports;
+const _ = a.exports;
 export {
-  p as default
+  _ as default
 };

package/dist/components/organisms/onboarding/NewVersionPopup.vue2.js

@@ -1,30 +1,43 @@
-import { defineComponent as s, ref as r } from "vue";
-import a from "../../wrappers/WpModal.vue.js";
-import { useTranslations as i } from "../../../composables/useTranslations.js";
-import l from "../../../static/assets/onboarding-img.svg.js";
-import { useOnboardingStore as m } from "../../../stores/onboarding.js";
-const w = /* @__PURE__ */ s({
+import { defineComponent as g, ref as b, computed as o } from "vue";
+import v from "../../wrappers/WpModal.vue.js";
+import { useConfig as D } from "../../../composables/useConfig.js";
+import { useTranslations as h } from "../../../composables/useTranslations.js";
+import { ACADEMY_LINK as l } from "../../../enums/onboarding.js";
+import y from "../../../static/assets/onboarding-img.svg.js";
+import { useOnboardingStore as _ } from "../../../stores/onboarding.js";
+import { isAfterDate as C, formatShortDate as L } from "../../../utils/dateUtil.js";
+const I = /* @__PURE__ */ g({
   __name: "NewVersionPopup",
-  setup(p) {
-    const n = i(), e = m(), o = r(!0), t = r({
+  emits: ["onboarding-finished"],
+  setup(w, { emit: a }) {
+    const e = h(), t = _(), s = b(!0), { config: p } = D(), i = o(() => p.migrationDate), n = o(() => C(i.value || 0)), d = o(() => L(
+      i.value
+    )), m = o(() => n.value ? e("email-editor.onboarding-popup-sunsetted-title") : e("email-editor.onboarding-title")), c = o(() => n.value ? e("email-editor.onboarding-popup-sunsetted-description", {
+      sunsetDate: d.value,
+      academyLink: l
+    }) : e("email-editor.onboarding-description", {
+      academyLink: l
+    })), u = o(() => n.value ? e("products.cancel") : e("products.remind-me-later")), f = o(() => ({
       primaryButton: {
         type: "primary",
-        labelText: n("left-menu.discover-now")
+        labelText: e("left-menu.discover-now")
       },
       secondaryButton: {
         type: "subtle-primary",
-        labelText: n("products.remind-me-later")
+        labelText: u.value
       }
-    });
-    return { __sfc: !0, trans: n, onboardingStore: e, isVisible: o, footerButtonOptions: t, handleDiscoverNow: () => {
-      e.onDiscoverNowClicked(), o.value = !1;
+    })), r = () => {
+      s.value = !1, a("onboarding-finished");
+    };
+    return { __sfc: !0, emit: a, trans: e, onboardingStore: t, isVisible: s, config: p, migrationDate: i, isAfterMigrationDate: n, formattedSunsetDate: d, popupTitle: m, popupDescription: c, secondaryButtonLabel: u, footerButtonOptions: f, closePopup: r, handleDiscoverNow: () => {
+      t.onDiscoverNowClicked(), r();
     }, handleRemindLater: () => {
-      e.onRemindMeLater(), o.value = !1;
+      t.onRemindMeLater(), r();
     }, handleClose: () => {
-      e.onNewVersionPopupClose(), o.value = !1;
-    }, WpModal: a, onboardingImageSvg: l };
+      t.onNewVersionPopupClose(), r();
+    }, WpModal: v, onboardingImageSvg: y };
   }
 });
 export {
-  w as default
+  I as default
 };

package/dist/components/organisms/onboarding/OnboardingWrapper.vue.js

@@ -1,19 +1,21 @@
-import o from "./OnboardingWrapper.vue2.js";
-import _ from "../../../_virtual/_plugin-vue2_normalizer.js";
+import t from "./OnboardingWrapper.vue2.js";
+import i from "../../../_virtual/_plugin-vue2_normalizer.js";
 var s = function() {
-  var n = this, e = n._self._c, t = n._self._setupProxy;
-  return e("div", n._l(t.visibleOnboardings, function(r) {
-    return e(r.component, { key: r.type, tag: "component" });
+  var n = this, e = n._self._c, r = n._self._setupProxy;
+  return e("div", n._l(r.visibleOnboardings, function(o) {
+    return e(o.component, { key: o.type, tag: "component", on: { "onboarding-finished": function(p) {
+      return r.emit("onboarding-finished");
+    } } });
   }), 1);
-}, a = [], p = /* @__PURE__ */ _(
-  o,
+}, _ = [], a = /* @__PURE__ */ i(
+  t,
   s,
-  a,
+  _,
   !1,
   null,
   null
 );
-const m = p.exports;
+const d = a.exports;
 export {
-  m as default
+  d as default
 };

package/dist/components/organisms/onboarding/OnboardingWrapper.vue2.js

@@ -1,24 +1,25 @@
-import { defineComponent as g, computed as e, onMounted as b, watch as t } from "vue";
-import { usePartner as O } from "../../../composables/usePartner.js";
-import { useEditorStore as u } from "../../../stores/editor.js";
-import { useOnboardingStore as v } from "../../../stores/onboarding.js";
-import { usePreviewStore as l } from "../../../stores/preview.js";
-import y from "./AMPOnboarding.vue.js";
-import S from "./GenericOnboarding.vue.js";
+import { defineComponent as b, computed as e, onMounted as O, watch as t } from "vue";
+import { usePartner as u } from "../../../composables/usePartner.js";
+import { useEditorStore as v } from "../../../stores/editor.js";
+import { useOnboardingStore as l } from "../../../stores/onboarding.js";
+import { usePreviewStore as y } from "../../../stores/preview.js";
+import S from "./AMPOnboarding.vue.js";
+import h from "./GenericOnboarding.vue.js";
 import w from "./NewVersionPopup.vue.js";
 import P from "./TextBlockOnboarding.vue.js";
-import h from "./VersionHistoryOnboarding.vue.js";
-const E = /* @__PURE__ */ g({
+import _ from "./VersionHistoryOnboarding.vue.js";
+const F = /* @__PURE__ */ b({
   __name: "OnboardingWrapper",
-  setup(_) {
-    const o = v(), r = u(), s = l(), { isTestPartner: a } = O(), p = e(() => r.isStripoInitialized), d = e(() => a()), m = [
+  emits: ["onboarding-finished"],
+  setup(A, { emit: f }) {
+    const o = l(), r = v(), s = y(), { isTestPartner: a } = u(), p = e(() => r.isStripoInitialized), d = e(() => a()), m = [
       { type: "newVersionPopup", component: w },
-      { type: "genericOnboarding", component: S },
+      { type: "genericOnboarding", component: h },
       { type: "textBlockOnboarding", component: P },
-      { type: "versionHistoryOnboarding", component: h },
-      { type: "ampOnboarding", component: y }
-    ], c = (n) => d.value || !p.value ? !1 : n === "newVersionPopup" ? o.shouldShowOnboarding(n) : o.isActive(n), f = e(() => m.filter((n) => c(n.type)));
-    return b(async () => {
+      { type: "versionHistoryOnboarding", component: _ },
+      { type: "ampOnboarding", component: S }
+    ], c = (n) => d.value || !p.value ? !1 : n === "newVersionPopup" ? o.shouldShowOnboarding(n) : o.isActive(n), g = e(() => m.filter((n) => c(n.type)));
+    return O(async () => {
       await o.fetchUserModalState();
     }), t(
       () => r.isVersionHistoryOpen,
@@ -35,9 +36,9 @@ const E = /* @__PURE__ */ g({
       (n) => {
         !n && o.isActive("ampOnboarding") && o.close("ampOnboarding");
       }
-    ), { __sfc: !0, onboardingStore: o, editorStore: r, previewStore: s, isTestPartner: a, isStripoReady: p, isTestPartnerActive: d, onboardingConfigs: m, shouldShow: c, visibleOnboardings: f };
+    ), { __sfc: !0, emit: f, onboardingStore: o, editorStore: r, previewStore: s, isTestPartner: a, isStripoReady: p, isTestPartnerActive: d, onboardingConfigs: m, shouldShow: c, visibleOnboardings: g };
   }
 });
 export {
-  E as default
+  F as default
 };

package/dist/composables/useBlocksConfig.js

@@ -0,0 +1,49 @@
+const l = {
+  "amp-accordion": "ampAccordionEnabled",
+  "amp-carousel": "ampCarouselEnabled",
+  "amp-form-controls": "ampFormControlsEnabled",
+  "banner-block": "bannerEnabled",
+  "button-block": "buttonEnabled",
+  "html-block": "htmlEnabled",
+  "image-block": "imageEnabled",
+  "menu-block": "menuEnabled",
+  "social-block": "socialNetEnabled",
+  "spacer-block": "spacerEnabled",
+  "text-block": "textEnabled",
+  "timer-block": "timerEnabled",
+  "video-block": "videoEnabled"
+}, c = {
+  "dynamic-content": () => import("../extensions/DynamicContent/extension.js"),
+  "checkbox-block": () => import("../extensions/Blocks/Checkbox/extension.js"),
+  "radio-button-block": () => import("../extensions/Blocks/RadioButton/extension.js"),
+  "recommendation-block": () => import("../extensions/Blocks/Recommendation/extension.js"),
+  "unsubscribe-block": () => import("../extensions/Blocks/Unsubscribe/extension.js"),
+  "coupon-block": () => import("../extensions/Blocks/CouponBlock/extension.js"),
+  "items-block": null
+  // TODO: Add ItemsBlock extension when available
+}, a = (n) => {
+  if (!n || !n.length)
+    return {};
+  const o = {};
+  return n.forEach((e) => {
+    const t = l[e];
+    t && (o[t] = !1);
+  }), o;
+}, r = async (n) => !n || !n.length ? [] : (await Promise.all(
+  n.map(async (e) => {
+    const t = c[e];
+    return t ? (await t()).default : null;
+  })
+)).filter((e) => e !== null), s = () => ({
+  getStripoBlocksConfig: async () => {
+    var e;
+    const o = (e = window.GuidoConfig) == null ? void 0 : e.blocks;
+    return {
+      baseBlocks: a(o == null ? void 0 : o.excludeDefaults),
+      extensions: await r(o == null ? void 0 : o.includeCustoms)
+    };
+  }
+});
+export {
+  s as useBlocksConfig
+};

package/dist/composables/useGuidoActions.js

@@ -1,6 +1,6 @@
 import { provideValue as o, useInjectedValue as t } from "./useProvideInject.js";
-const r = Symbol.for("guido.back"), n = Symbol.for("guido.save.start"), a = Symbol.for("guido.save.complete"), s = (e) => {
-  o(r, e.onBack), o(n, e.onSaveStart), o(a, e.onSaveComplete);
+const r = Symbol.for("guido.back"), n = Symbol.for("guido.save.start"), c = Symbol.for("guido.save.complete"), a = Symbol.for("guido.test.email.click"), i = (e) => {
+  o(r, e.onBack), o(n, e.onSaveStart), o(c, e.onSaveComplete), o(a, e.onTestEmailClick);
 }, u = () => {
   try {
     return t(r);
@@ -9,7 +9,7 @@ const r = Symbol.for("guido.back"), n = Symbol.for("guido.save.start"), a = Symb
       "useBack: No back handler provided. Make sure Guido component is in the component tree."
     );
   }
-}, d = () => {
+}, l = () => {
   try {
     return t(n);
   } catch {
@@ -17,21 +17,31 @@ const r = Symbol.for("guido.back"), n = Symbol.for("guido.save.start"), a = Symb
       "useSaveStart: No save start handler provided. Make sure Guido component is in the component tree."
     );
   }
-}, i = () => {
+}, d = () => {
   try {
-    return t(a);
+    return t(c);
   } catch {
     throw new Error(
       "useSaveComplete: No save complete handler provided. Make sure Guido component is in the component tree."
     );
   }
+}, m = () => {
+  try {
+    return t(a);
+  } catch {
+    throw new Error(
+      "useTestEmailClick: No test email click handler provided. Make sure Guido component is in the component tree."
+    );
+  }
 };
 export {
   r as BACK_KEY,
-  a as SAVE_COMPLETE_KEY,
+  c as SAVE_COMPLETE_KEY,
   n as SAVE_START_KEY,
-  s as provideGuidoActions,
+  a as TEST_EMAIL_CLICK_KEY,
+  i as provideGuidoActions,
   u as useBack,
-  i as useSaveComplete,
-  d as useSaveStart
+  d as useSaveComplete,
+  l as useSaveStart,
+  m as useTestEmailClick
 };

package/dist/composables/useHttp.js

@@ -1,123 +1,86 @@
-import { getCsrfToken as S } from "../utils/genericUtil.js";
-import { ref as h, computed as w } from "vue";
-let b;
-const g = async () => {
-  if (!b)
-    try {
-      const { useApiErrorTracking: E } = await import("./useApiErrorTracking.js");
-      b = E();
-    } catch {
-    }
-  return b;
-}, M = (E = {}) => {
-  const d = h(!1), i = h(null), l = h(null), P = w(() => d.value), k = w(() => i.value !== null), v = {
+import { getCsrfToken as H } from "../utils/genericUtil.js";
+import { ref as p, computed as T } from "vue";
+const k = (b = {}) => {
+  const h = p(!1), a = p(null), u = p(null), g = T(() => h.value), y = T(() => a.value !== null), v = {
     baseURL: "",
     timeout: 1e4,
     retry: 0,
     retryDelay: 1e3,
     headers: {
       "Content-Type": "application/json",
-      "X-CSRF-TOKEN": S()
+      "X-CSRF-TOKEN": H()
     },
-    ...E
-  }, C = (t, s) => {
-    if (t.startsWith("http://") || t.startsWith("https://"))
-      return t;
-    const e = s || v.baseURL || "";
-    return e.endsWith("/") && t.startsWith("/") ? `${e}${t.slice(1)}` : e.endsWith("/") || t.startsWith("/") ? `${e}${t}` : `${e}/${t}`;
-  }, A = (t) => new Promise((s, e) => {
+    ...b
+  }, w = (e, s) => {
+    if (e.startsWith("http://") || e.startsWith("https://"))
+      return e;
+    const t = s || v.baseURL || "";
+    return t.endsWith("/") && e.startsWith("/") ? `${t}${e.slice(1)}` : t.endsWith("/") || e.startsWith("/") ? `${t}${e}` : `${t}/${e}`;
+  }, P = (e) => new Promise((s, t) => {
     setTimeout(() => {
-      e(new Error("Request timeout"));
-    }, t);
-  }), $ = (t) => new Promise((s) => {
-    setTimeout(() => {
-      s();
-    }, t);
-  }), c = async (t, s, e, L = {}) => {
-    i.value = null, d.value = !0, l.value = new AbortController();
-    const n = { ...v, ...L }, T = C(s, n.baseURL), m = {
-      method: t,
+      t(new Error("Request timeout"));
+    }, e);
+  }), x = (e) => new Promise((s) => {
+    setTimeout(s, e);
+  }), i = async (e, s, t, D = {}) => {
+    a.value = null, h.value = !0, u.value = new AbortController();
+    const n = { ...v, ...D }, L = w(s, n.baseURL), c = {
+      method: e,
       headers: { ...n.headers },
-      signal: l.value.signal,
+      signal: u.value.signal,
       ...n
     };
-    e && ["POST", "PUT", "PATCH"].includes(t) && (e instanceof FormData ? (delete m.headers["Content-Type"], m.body = e) : m.body = JSON.stringify(e));
-    const y = async (f = 0) => {
+    t && ["POST", "PUT", "PATCH"].includes(e) && (t instanceof FormData ? (delete c.headers["Content-Type"], c.body = t) : c.body = JSON.stringify(t));
+    const E = async (m = 0) => {
       try {
-        const o = [fetch(T, m)];
-        n.timeout && o.push(A(n.timeout));
+        const o = [fetch(L, c)];
+        n.timeout && o.push(P(n.timeout));
         const r = await Promise.race(o);
         if (!r.ok) {
-          const O = `HTTP Error: ${r.status} ${r.statusText}`, p = new Error(O);
-          p.status = r.status, p.statusText = r.statusText, p.response = r;
-          const x = await g();
-          throw x && x.captureHttpError(p, T, {
-            method: t,
-            statusCode: r.status,
-            statusText: r.statusText
-          }), p;
+          const O = `HTTP Error: ${r.status} ${r.statusText}`, d = new Error(O);
+          throw d.status = r.status, d.statusText = r.statusText, d.response = r, d;
         }
-        let a;
-        const u = r.headers.get("content-type");
-        return u != null && u.includes("application/json") ? a = await r.json() : u != null && u.includes("text/") ? a = await r.text() : a = await r.blob(), {
-          data: a,
+        let f;
+        const l = r.headers.get("content-type");
+        return l != null && l.includes("application/json") ? f = await r.json() : l != null && l.includes("text/") ? f = await r.text() : f = await r.blob(), {
+          data: f,
           status: r.status,
           statusText: r.statusText,
           headers: r.headers
         };
       } catch (o) {
         const r = o instanceof Error && o.name === "AbortError";
-        if (f < (n.retry || 0) && !r)
-          return await $(n.retryDelay || 1e3), y(f + 1);
-        if (o instanceof Error)
-          if (o.name === "AbortError")
-            i.value = { message: "Request was cancelled" };
-          else {
-            i.value = { message: o.message };
-            const a = await g();
-            a && a.captureNetworkError(o, T, {
-              method: t,
-              attemptNumber: f + 1,
-              timeoutMs: n.timeout
-            });
-          }
-        else {
-          i.value = o;
-          const a = await g();
-          a && o instanceof Error && a.captureNetworkError(o, T, {
-            method: t,
-            attemptNumber: f + 1
-          });
-        }
-        throw o;
+        if (m < (n.retry || 0) && !r)
+          return await x(n.retryDelay || 1e3), E(m + 1);
+        throw o instanceof Error ? o.name === "AbortError" ? a.value = { message: "Request was cancelled" } : a.value = { message: o.message } : a.value = o, o;
       }
     };
     try {
-      return await y();
+      return await E();
     } finally {
-      d.value = !1, l.value = null;
+      h.value = !1, u.value = null;
     }
-  }, R = (t, s) => c("GET", t, void 0, s), U = (t, s, e) => c("POST", t, s, e), N = (t, s, e) => c("PUT", t, s, e), W = (t, s, e) => c("PATCH", t, s, e), q = (t, s) => c("DELETE", t, void 0, s), D = (t) => {
-    l.value && l.value.abort(t);
-  }, H = () => {
-    i.value = null;
+  }, C = (e, s) => i("GET", e, void 0, s), $ = (e, s, t) => i("POST", e, s, t), R = (e, s, t) => i("PUT", e, s, t), U = (e, s, t) => i("PATCH", e, s, t), A = (e, s) => i("DELETE", e, void 0, s), W = (e) => {
+    u.value && u.value.abort(e);
+  }, q = () => {
+    a.value = null;
   };
   return {
     // State
-    loading: P,
-    error: w(() => i.value),
-    hasError: k,
+    loading: g,
+    error: T(() => a.value),
+    hasError: y,
     // Methods
-    request: c,
-    get: R,
-    post: U,
-    put: N,
-    patch: W,
-    delete: q,
-    cancel: D,
-    clearError: H
+    request: i,
+    get: C,
+    post: $,
+    put: R,
+    patch: U,
+    delete: A,
+    cancel: W,
+    clearError: q
   };
 };
 export {
-  M as useHttp
+  k as useHttp
 };