@useinsider/guido 3.15.0-beta.3794b87 → 3.15.0-beta.afdb685

package/dist/components/organisms/header/EditorActions.vue.js

@@ -15,7 +15,7 @@ var u = function() {
   p,
   !1,
   null,
-  "16e8682a"
+  "6e711fd7"
 );
 const v = c.exports;
 export {

package/dist/components/organisms/header/EditorActions.vue2.js

@@ -1,75 +1,66 @@
-import { defineComponent as q, ref as a, computed as h } from "vue";
-import { useActionsApi as D } from "../../../composables/useActionsApi.js";
+import { defineComponent as O, ref as n, computed as h } from "vue";
+import { useActionsApi as q } from "../../../composables/useActionsApi.js";
 import { useConfig as b } from "../../../composables/useConfig.js";
 import { useExport as k } from "../../../composables/useExport.js";
 import { useTestEmailClick as B } from "../../../composables/useGuidoActions.js";
-import { useHtmlCompiler as F } from "../../../composables/useHtmlCompiler.js";
-import { useSave as I } from "../../../composables/useSave.js";
-import { useToaster as L } from "../../../composables/useToaster.js";
-import { useTranslations as R } from "../../../composables/useTranslations.js";
-import { useVersionHistoryApi as z } from "../../../composables/useVersionHistoryApi.js";
-import { useLiquidValidator as G } from "../../../composables/validators/useLiquidValidator.js";
-import { ToasterTypeOptions as P } from "../../../enums/toaster.js";
-import { useEditorStore as U } from "../../../stores/editor.js";
-import { useTemplateStore as j } from "../../../stores/template.js";
-import { getTooltipOptions as J } from "../../../utils/tooltipUtils.js";
-import { InButtonV2 as K } from "@useinsider/design-system-vue";
-import { storeToRefs as N } from "pinia";
-import Q from "./MigrationConfirmModal.vue.js";
-const yo = /* @__PURE__ */ q({
+import { useHtmlCompiler as D } from "../../../composables/useHtmlCompiler.js";
+import { useSave as F } from "../../../composables/useSave.js";
+import { useTranslations as L } from "../../../composables/useTranslations.js";
+import { useVersionHistoryApi as R } from "../../../composables/useVersionHistoryApi.js";
+import { useLiquidValidator as z } from "../../../composables/validators/useLiquidValidator.js";
+import { useEditorStore as I } from "../../../stores/editor.js";
+import { useTemplateStore as P } from "../../../stores/template.js";
+import { getTooltipOptions as j } from "../../../utils/tooltipUtils.js";
+import { InButtonV2 as G } from "@useinsider/design-system-vue";
+import { storeToRefs as J } from "pinia";
+import K from "./MigrationConfirmModal.vue.js";
+const ut = /* @__PURE__ */ O({
   __name: "EditorActions",
-  setup(W, { expose: w }) {
-    const { config: n, isFeatureEnabled: l } = b(), { exportHtml: m } = k(), { save: c } = I(), { openVersionHistory: u, closeVersionHistory: p } = z(), { getCompiledEmail: f } = D(), { compileHtml: d } = F(), { validateLiquidSyntax: v } = G(), { showToaster: y } = L(), e = U(), g = j(), { hasMigrations: S } = N(g), r = R(), s = a(!1), i = a(!1), H = a(), T = B(), x = () => {
+  setup(N, { expose: x }) {
+    const { config: a, isFeatureEnabled: l } = b(), { exportHtml: m } = k(), { save: u } = F(), { openVersionHistory: c, closeVersionHistory: p } = R(), { getCompiledEmail: f } = q(), { compileHtml: d } = D(), { validateLiquidSyntax: v } = z(), e = I(), y = P(), { hasMigrations: g } = J(y), s = L(), i = n(!1), r = n(!1), S = n(), H = B(), T = () => {
       if (e.isVersionHistoryOpen) {
         p();
         return;
       }
-      u();
-    }, _ = async () => {
-      s.value = !0, await m(), s.value = !1;
-    }, A = () => {
+      c();
+    }, w = async () => {
+      i.value = !0, await m(), i.value = !1;
+    }, _ = () => {
       e.isSaveAsTemplateDrawerOpen = !0;
-    }, C = h(() => e.isVersionHistoryOpen ? r("newsletter.close-version-history") : r("newsletter.version-history")), O = h(
+    }, C = h(() => e.isVersionHistoryOpen ? s("newsletter.close-version-history") : s("newsletter.version-history")), A = h(
       () => {
-        var o, t;
-        return ((t = (o = n.value) == null ? void 0 : o.features) == null ? void 0 : t.versionHistory) && !e.isPreviewModeOpen;
+        var t, o;
+        return ((o = (t = a.value) == null ? void 0 : t.features) == null ? void 0 : o.versionHistory) && !e.isPreviewModeOpen;
       }
-    ), V = async (o) => {
-      i.value = !0, o || (e.loadingStatus = !0);
-      try {
-        const t = await c(o);
-        return !o && !t && (e.loadingStatus = !1), t;
-      } catch (t) {
-        console.error("[GUIDO_SAVE] save failed", t), o || (y({ type: P.Error, message: r("products.error-occurred") }), e.loadingStatus = !1);
+    ), V = async (t) => {
+      r.value = !0, t || (e.loadingStatus = !0);
+      const o = await u(t);
+      return r.value = !1, !t && !o && (e.loadingStatus = !1), o;
+    }, E = (t) => {
+      var o;
+      if (!t && g.value) {
+        (o = S.value) == null || o.open();
         return;
-      } finally {
-        i.value = !1;
       }
-    }, E = (o) => {
-      var t;
-      if (!o && S.value) {
-        (t = H.value) == null || t.open();
-        return;
-      }
-      return V(o);
+      return V(t);
     }, M = async () => {
       if (l("liquidSyntax")) {
         e.loadingStatus = !0;
         try {
-          const { html: o } = await f({ minimize: !0, resetDataSavedFlag: !1 }), { compiledHtml: t } = d(o);
-          if (!await v(t))
+          const { html: t } = await f({ minimize: !0, resetDataSavedFlag: !1 }), { compiledHtml: o } = d(t);
+          if (!await v(o))
             return;
         } finally {
           e.loadingStatus = !1;
         }
       }
-      T();
+      H();
     };
-    return w({
+    return x({
       handleSave: E
-    }), { __sfc: !0, config: n, isFeatureEnabled: l, exportHtml: m, save: c, openVersionHistory: u, closeVersionHistory: p, getCompiledEmail: f, compileHtml: d, validateLiquidSyntax: v, showToaster: y, editorStore: e, templateStore: g, hasMigrations: S, trans: r, isExporting: s, isSaving: i, migrationModalRef: H, testEmailClick: T, handleVersionHistory: x, handleExport: _, handleSaveAs: A, versionHistoryTooltipText: C, isVersionHistoryButtonVisible: O, executeSave: V, handleSave: E, handleTestEmail: M, getTooltipOptions: J, InButtonV2: K, MigrationConfirmModal: Q };
+    }), { __sfc: !0, config: a, isFeatureEnabled: l, exportHtml: m, save: u, openVersionHistory: c, closeVersionHistory: p, getCompiledEmail: f, compileHtml: d, validateLiquidSyntax: v, editorStore: e, templateStore: y, hasMigrations: g, trans: s, isExporting: i, isSaving: r, migrationModalRef: S, testEmailClick: H, handleVersionHistory: T, handleExport: w, handleSaveAs: _, versionHistoryTooltipText: C, isVersionHistoryButtonVisible: A, executeSave: V, handleSave: E, handleTestEmail: M, getTooltipOptions: j, InButtonV2: G, MigrationConfirmModal: K };
   }
 });
 export {
-  yo as default
+  ut as default
 };

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

@@ -1,48 +1,46 @@
-import { defineComponent as O, computed as e, onMounted as b, watch as t } from "vue";
+import { defineComponent as b, computed as e, onMounted as O, watch as t } from "vue";
 import u from "./AMPOnboarding.vue.js";
-import l from "./GenericOnboarding.vue.js";
-import v from "./ItemsOnboarding.vue.js";
-import h from "./NewVersionPopup.vue.js";
-import y from "./TextBlockOnboarding.vue.js";
-import S from "./VersionHistoryOnboarding.vue.js";
-import { usePartner as P } from "../../../composables/usePartner.js";
-import { useEditorStore as w } from "../../../stores/editor.js";
+import v from "./GenericOnboarding.vue.js";
+import l from "./ItemsOnboarding.vue.js";
+import y from "./NewVersionPopup.vue.js";
+import S from "./TextBlockOnboarding.vue.js";
+import h from "./VersionHistoryOnboarding.vue.js";
+import { usePartner as w } from "../../../composables/usePartner.js";
+import { useEditorStore as P } from "../../../stores/editor.js";
 import { useOnboardingStore as _ } from "../../../stores/onboarding.js";
 import { usePreviewStore as A } from "../../../stores/preview.js";
-const R = /* @__PURE__ */ O({
+const G = /* @__PURE__ */ b({
   __name: "OnboardingWrapper",
   emits: ["onboarding-finished"],
   setup(H, { emit: f }) {
-    const r = _(), n = w(), s = A(), { isTestPartner: a } = P(), p = e(() => n.isStripoInitialized), d = e(() => a()), m = [
-      { type: "newVersionPopup", component: h },
-      { type: "genericOnboarding", component: l },
-      { type: "textBlockOnboarding", component: y },
-      { type: "versionHistoryOnboarding", component: S },
+    const o = _(), r = P(), s = A(), { isTestPartner: a } = w(), p = e(() => r.isStripoInitialized), d = e(() => a()), m = [
+      { type: "newVersionPopup", component: y },
+      { type: "genericOnboarding", component: v },
+      { type: "textBlockOnboarding", component: S },
+      { type: "versionHistoryOnboarding", component: h },
       { type: "ampOnboarding", component: u },
-      { type: "itemsOnboarding", component: v }
-    ], c = (o) => d.value || !p.value ? !1 : o === "newVersionPopup" ? r.shouldShowOnboarding(o) : r.isActive(o), g = e(() => m.filter((o) => c(o.type)));
-    return b(() => {
-      r.fetchUserModalState().catch((o) => {
-        console.error("[GUIDO_ONBOARDING] user modal state prefetch failed", o);
-      });
+      { type: "itemsOnboarding", component: l }
+    ], 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(
-      () => n.isVersionHistoryOpen,
-      (o, i) => {
-        o && !i && r.shouldShowOnboarding("versionHistoryOnboarding") && r.start("versionHistoryOnboarding"), !o && i && r.isActive("versionHistoryOnboarding") && r.close("versionHistoryOnboarding");
+      () => r.isVersionHistoryOpen,
+      (n, i) => {
+        n && !i && o.shouldShowOnboarding("versionHistoryOnboarding") && o.start("versionHistoryOnboarding"), !n && i && o.isActive("versionHistoryOnboarding") && o.close("versionHistoryOnboarding");
       }
     ), t(
       () => s.emailFormat,
-      (o, i) => {
-        i !== "AMP" && o === "AMP" && r.shouldShowOnboarding("ampOnboarding") && r.start("ampOnboarding");
+      (n, i) => {
+        i !== "AMP" && n === "AMP" && o.shouldShowOnboarding("ampOnboarding") && o.start("ampOnboarding");
       }
     ), t(
-      () => n.isPreviewModeOpen,
-      (o) => {
-        !o && r.isActive("ampOnboarding") && r.close("ampOnboarding");
+      () => r.isPreviewModeOpen,
+      (n) => {
+        !n && o.isActive("ampOnboarding") && o.close("ampOnboarding");
       }
-    ), { __sfc: !0, emit: f, onboardingStore: r, editorStore: n, previewStore: s, isTestPartner: a, isStripoReady: p, isTestPartnerActive: d, onboardingConfigs: m, shouldShow: c, visibleOnboardings: g };
+    ), { __sfc: !0, emit: f, onboardingStore: o, editorStore: r, previewStore: s, isTestPartner: a, isStripoReady: p, isTestPartnerActive: d, onboardingConfigs: m, shouldShow: c, visibleOnboardings: g };
   }
 });
 export {
-  R as default
+  G as default
 };

package/dist/composables/useHttp.js

@@ -1,119 +1,86 @@
-import { getCsrfToken as k } from "../utils/genericUtil.js";
-import { ref as w, computed as C } from "vue";
-const F = "TimeoutError", I = ($ = {}) => {
-  const T = w(!1), i = w(null), E = w(null), P = C(() => T.value), x = C(() => i.value !== null), A = {
+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": k()
+      "X-CSRF-TOKEN": H()
     },
-    ...$
-  }, L = (e, t) => {
+    ...b
+  }, w = (e, s) => {
     if (e.startsWith("http://") || e.startsWith("https://"))
       return e;
-    const r = t || A.baseURL || "";
-    return r.endsWith("/") && e.startsWith("/") ? `${r}${e.slice(1)}` : r.endsWith("/") || e.startsWith("/") ? `${r}${e}` : `${r}/${e}`;
-  }, O = (e, t, r, d) => {
-    let o;
-    return { promise: new Promise((m, a) => {
-      o = setTimeout(() => {
-        const l = new Error(
-          `Request timeout after ${e}ms: ${t} ${r.split("?")[0]}`
-        );
-        l.name = F, l.url = r, l.method = t, l.timeout = e, a(l), d.abort(l);
-      }, e);
-    }), clear: () => clearTimeout(o) };
-  }, b = (e) => {
-    if (e instanceof Error)
-      return e;
-    const t = new Error(typeof e == "string" ? e : "Request was cancelled");
-    return t.name = "AbortError", t;
-  }, U = (e, t) => {
-    let r;
-    return new Promise((d, o) => {
-      if (t.aborted) {
-        o(b(t.reason));
-        return;
-      }
-      const c = () => {
-        clearTimeout(r), o(b(t.reason));
-      };
-      r = setTimeout(() => {
-        t.removeEventListener("abort", c), d();
-      }, e), t.addEventListener("abort", c, { once: !0 });
-    });
-  }, u = async (e, t, r, d = {}) => {
-    i.value = null, T.value = !0;
-    const o = { ...A, ...d }, c = L(t, o.baseURL), m = {
+    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(() => {
+      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: { ...o.headers },
-      ...o
+      headers: { ...n.headers },
+      signal: u.value.signal,
+      ...n
     };
-    r && ["POST", "PUT", "PATCH"].includes(e) && (r instanceof FormData ? (delete m.headers["Content-Type"], m.body = r) : m.body = JSON.stringify(r));
-    const a = new AbortController();
-    E.value = a;
-    const l = async (v = 0) => {
-      const h = new AbortController(), g = () => h.abort(a.signal.reason);
-      a.signal.aborted ? g() : a.signal.addEventListener("abort", g, { once: !0 });
-      const R = { ...m, signal: h.signal }, y = o.timeout ? O(o.timeout, e, c, h) : null;
+    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 s = await (y ? Promise.race([fetch(c, R), y.promise]).finally(y.clear) : fetch(c, R));
-        if (!s.ok) {
-          const j = `HTTP Error: ${s.status} ${s.statusText}`, p = new Error(j);
-          throw p.status = s.status, p.statusText = s.statusText, p.response = s, p;
+        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}`, d = new Error(O);
+          throw d.status = r.status, d.statusText = r.statusText, d.response = r, d;
         }
         let f;
-        const n = s.headers.get("content-type");
-        return n != null && n.includes("application/json") ? f = await s.json() : n != null && n.includes("text/") ? f = await s.text() : f = await s.blob(), {
+        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: s.status,
-          statusText: s.statusText,
-          headers: s.headers
+          status: r.status,
+          statusText: r.statusText,
+          headers: r.headers
         };
-      } catch (s) {
-        const f = s instanceof Error && s.name === "AbortError";
-        let n = s;
-        if (v < (o.retry || 0) && !f) {
-          if (await U(o.retryDelay || 1e3, a.signal).catch(() => {
-          }), !a.signal.aborted)
-            return await l(v + 1);
-          n = b(a.signal.reason);
-        }
-        throw n instanceof Error ? n.name === "AbortError" ? i.value = { message: "Request was cancelled" } : i.value = { message: n.message } : i.value = n, n;
-      } finally {
-        a.signal.removeEventListener("abort", g);
+      } catch (o) {
+        const r = o instanceof Error && o.name === "AbortError";
+        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 l();
+      return await E();
     } finally {
-      T.value = !1, E.value = null;
+      h.value = !1, u.value = null;
     }
-  }, H = (e, t) => u("GET", e, void 0, t), W = (e, t, r) => u("POST", e, t, r), q = (e, t, r) => u("PUT", e, t, r), D = (e, t, r) => u("PATCH", e, t, r), S = (e, t) => u("DELETE", e, void 0, t), N = (e) => {
-    E.value && E.value.abort(b(e));
-  }, _ = () => {
-    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: C(() => i.value),
-    hasError: x,
+    loading: g,
+    error: T(() => a.value),
+    hasError: y,
     // Methods
-    request: u,
-    get: H,
-    post: W,
-    put: q,
-    patch: D,
-    delete: S,
-    cancel: N,
-    clearError: _
+    request: i,
+    get: C,
+    post: $,
+    put: R,
+    patch: U,
+    delete: A,
+    cancel: W,
+    clearError: q
   };
 };
 export {
-  F as TIMEOUT_ERROR_NAME,
-  I as useHttp
+  k as useHttp
 };

package/dist/composables/useStripo.js

@@ -16,22 +16,22 @@ import { useEditorStore as b } from "../stores/editor.js";
 import { buildMergeTagEntries as W, flattenDynamicContentList as Y } from "../utils/genericUtil.js";
 import Z from "../package.json.js";
 let n = null;
-const Ct = () => {
-  const { features: c, template: u, isFeatureEnabled: m } = q(), { handleError: p, showToaster: k } = G(), { getToken: T, getCustomFonts: v, getSyncModulesStatus: B } = K(), { handleEvent: F } = z(), { handleModuleAdd: M } = j(), { getStripoBlocksConfig: A } = O(), { getStripoNotifications: V } = $(), f = () => n || (n = new Promise((i, s) => {
+const Ce = () => {
+  const { features: c, template: u, isFeatureEnabled: m } = q(), { handleError: p, showToaster: k } = G(), { getToken: M, getCustomFonts: T, getSyncModulesStatus: v } = K(), { handleEvent: B } = z(), { handleModuleAdd: F } = j(), { getStripoBlocksConfig: A } = O(), { getStripoNotifications: V } = $(), f = () => n || (n = new Promise((i, s) => {
     var l;
     if (document.getElementById("UiEditorScript")) {
       i();
       return;
     }
-    const o = Z.guido, r = `https://email-static.useinsider.com/guido/${(l = o == null ? void 0 : o.stripo) == null ? void 0 : l.version}/UIEditor.js`, t = document.createElement("script");
-    t.id = "UiEditorScript", t.type = "module", t.src = r, t.onload = () => i(), t.onerror = () => {
-      t.remove(), s(new Error(`Failed to load Stripo UIEditor script from S3: ${r}`));
-    }, document.body.appendChild(t);
+    const o = Z.guido, r = `https://email-static.useinsider.com/guido/${(l = o == null ? void 0 : o.stripo) == null ? void 0 : l.version}/UIEditor.js`, e = document.createElement("script");
+    e.id = "UiEditorScript", e.type = "module", e.src = r, e.onload = () => i(), e.onerror = () => {
+      e.remove(), s(new Error(`Failed to load Stripo UIEditor script from S3: ${r}`));
+    }, document.body.appendChild(e);
   }), n.catch(() => {
     n = null;
   }), n), _ = async (i, s, o, a = [], r = !1) => {
     var y, E, h, C;
-    const t = b(), { html: l, css: D } = i, { baseBlocks: g, extensions: R } = await A(), S = ((y = c.value) == null ? void 0 : y.displayConditions) ?? !0, P = ((E = c.value) == null ? void 0 : E.modulesDisabled) ?? !1, U = ((h = u.value) == null ? void 0 : h.forceRecreate) ?? !1;
+    const e = b(), { html: l, css: D } = i, { baseBlocks: g, extensions: R } = await A(), S = ((y = c.value) == null ? void 0 : y.displayConditions) ?? !0, P = ((E = c.value) == null ? void 0 : E.modulesDisabled) ?? !1, U = ((h = u.value) == null ? void 0 : h.forceRecreate) ?? !1;
     await window.UIEditor.initEditor(
       document.querySelector("#guido-editor"),
       {
@@ -57,6 +57,7 @@ const Ct = () => {
         messageSettingsEnabled: !0,
         displayGmailAnnotations: !0,
         displayHiddenPreheader: !1,
+        keepModuleStylesEnabled: !0,
         displayTitle: !1,
         displayUTM: !1,
         selectElementAfterDrop: !0,
@@ -77,38 +78,38 @@ const Ct = () => {
             )
           }
         ],
-        async onTokenRefreshRequest(e) {
+        async onTokenRefreshRequest(t) {
           try {
-            const d = await T();
-            e(d);
+            const d = await M();
+            t(d);
           } catch (d) {
             p(d, "Failed to refresh token");
           }
         },
         onTemplateLoaded() {
           try {
-            const { importCss: e } = H(), { activateCustomViewStyles: d, updateTimerInClonedTemplate: I } = L(), { injectFullStory: x } = N();
-            e(), d(), x(), I(), o.onReady(), t.isStripoInitialized = !0, t.loadingStatus = !1, setTimeout(() => {
-              t.hasChanges = !1;
+            const { importCss: t } = H(), { activateCustomViewStyles: d, updateTimerInClonedTemplate: I } = L(), { injectFullStory: x } = N();
+            t(), d(), x(), I(), o.onReady(), e.isStripoInitialized = !0, e.loadingStatus = !1, setTimeout(() => {
+              e.hasChanges = !1;
             }, 1e3);
-          } catch (e) {
-            p(e, "Failed to load custom interface appearance");
+          } catch (t) {
+            p(t, "Failed to load custom interface appearance");
           }
         },
-        onCodeEditorVisibilityChanged(e) {
-          t.isCodeEditorOpen = e;
+        onCodeEditorVisibilityChanged(t) {
+          e.isCodeEditorOpen = t;
         },
-        onEditorVisualModeChanged(e) {
-          t.editorVisualMode = e.toLowerCase();
+        onEditorVisualModeChanged(t) {
+          e.editorVisualMode = t.toLowerCase();
         },
-        onVersionHistoryVisibilityChanged(e) {
-          t.isVersionHistoryOpen = e;
+        onVersionHistoryVisibilityChanged(t) {
+          e.isVersionHistoryOpen = t;
         },
         onDataChanged() {
-          t.hasChanges = !0;
+          e.hasChanges = !0;
         },
-        onEvent: F,
-        onModuleAdd: M,
+        onEvent: B,
+        onModuleAdd: F,
         notifications: V(),
         ignoreClickOutsideSelectors: [
           "#guido-dynamic-content-modal",
@@ -124,11 +125,11 @@ const Ct = () => {
     const a = b();
     try {
       await f();
-      const [r, t] = await Promise.all([
-        v(),
-        B()
+      const [r, e] = await Promise.all([
+        T(),
+        v()
       ]);
-      a.syncModulesEnabled = t, await _(i, s, o, r, t);
+      a.syncModulesEnabled = e, await _(i, s, o, r, e);
     } catch {
       a.loadingStatus = !1, k({
         type: X.Error,
@@ -145,5 +146,5 @@ const Ct = () => {
   } };
 };
 export {
-  Ct as useStripo
+  Ce as useStripo
 };

package/dist/guido.css

@@ -1 +1 @@
-.gap-16[data-v-5553d071],.gap-16[data-v-0e1b0c54]{gap:16px}[data-v-73199fa4] .in-button-v2__wrapper{line-height:0}[data-v-22226124] .in-segments-wrapper__button_selected,[data-v-22226124] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb;color:#0010ac;border-color:#0010ac}[data-v-2cb418af] .in-progress-wrapper__progress p span:last-child{display:none!important}[data-v-2cb418af] .in-progress-description-status{display:none!important}.view-options-wrapper[data-v-87033101]{position:relative;display:inline-block}.new-tag[data-v-87033101]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-87033101] .guido__view-option-selection-desktop svg,[data-v-87033101] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-87033101] .in-segments-wrapper__button_selected,[data-v-87033101] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-87033101] .in-tooltip-wrapper-v2__icon{cursor:pointer}.editor-toolbar[data-v-173c3a40]{gap:4px}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history[data-v-fad98586]{gap:8px}.version-history__toolbar[data-v-fad98586]{gap:4px}.view-options-wrapper[data-v-6ebabfe4]{position:relative;display:inline-block}.new-tag[data-v-6ebabfe4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-6ebabfe4] .guido__verion-history-view-option-selection-desktop svg,[data-v-6ebabfe4] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-6ebabfe4] .in-segments-wrapper__button_selected,[data-v-6ebabfe4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-6ebabfe4] .in-tooltip-wrapper-v2__icon{cursor:pointer}.auto-save-toggle[data-v-2c964af4]{position:relative}.auto-save-toggle__info-box[data-v-2c964af4]{position:absolute;top:100%;left:0;z-index:10;width:280px}.editor-actions[data-v-16e8682a]{gap:4px}.header-wrapper[data-v-d11dd577]{min-width:1000px}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.guido-editor__wrapper[data-v-5079a1c8]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-5079a1c8]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-5079a1c8]{height:calc(100vh - 75px - var(--ribbon-offset))}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-91a26acd]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-91a26acd]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-91a26acd]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-91a26acd]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-91a26acd]{object-fit:cover;transform:scale(1)}[data-v-b9a93c6e] .guido__verion-history-view-option-selection-desktop svg,[data-v-b9a93c6e] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-b9a93c6e] .in-segments-wrapper__button_selected,[data-v-b9a93c6e] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.error-list[data-v-c3fd5d4b]{gap:16px}.desktop-browser-header[data-v-d86c5af5]{height:79px;min-height:79px}.desktop-browser-header__left[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:378px}.desktop-browser-header__center[data-v-d86c5af5]{height:79px;background-repeat:repeat-x;background-size:auto 100%;background-position:left top}.desktop-browser-header__right[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:112px}.desktop-preview[data-v-cf946232]{min-width:602px;height:70vh;min-height:583px;border-radius:10px}.desktop-preview iframe[data-v-cf946232]{min-height:504px}.iframe-wrapper[data-v-f255b2bb]{width:258px}.iframe-scaled[data-v-f255b2bb]{width:320px;height:124.0310077519%;transform:scale(.80625);transform-origin:top left}.cropped-text[data-v-eb3d05d7]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-preview-wrapper__phone[data-v-3f472f96]{width:282px}.mobile-preview-wrapper__phone img[data-v-3f472f96]{object-fit:cover;border-radius:44px}.mobile-preview-wrapper__content[data-v-3f472f96]{width:258px;height:450px;left:12px}[data-v-6bcaca8a] .vueperslides__parallax-wrapper{padding-bottom:110px!important}[data-v-f16f20f8] .vueperslides__bullets{pointer-events:none!important}[data-v-f16f20f8] .vueperslides__parallax-wrapper{padding-bottom:110px!important}[data-v-bb3cca55] .vueperslides__bullets{pointer-events:none!important}[data-v-bb3cca55] .vueperslides__parallax-wrapper{height:110px!important;padding-bottom:110px!important}[data-v-b09e80c4] .vueperslides__bullets{pointer-events:none!important}[data-v-b09e80c4] .vueperslides__parallax-wrapper{height:110px!important;padding-bottom:110px!important}[data-v-9bdef600] .vueperslides__parallax-wrapper{padding-bottom:110px!important}
+.gap-16[data-v-5553d071],.gap-16[data-v-0e1b0c54]{gap:16px}[data-v-73199fa4] .in-button-v2__wrapper{line-height:0}[data-v-22226124] .in-segments-wrapper__button_selected,[data-v-22226124] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb;color:#0010ac;border-color:#0010ac}[data-v-2cb418af] .in-progress-wrapper__progress p span:last-child{display:none!important}[data-v-2cb418af] .in-progress-description-status{display:none!important}.view-options-wrapper[data-v-87033101]{position:relative;display:inline-block}.new-tag[data-v-87033101]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-87033101] .guido__view-option-selection-desktop svg,[data-v-87033101] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-87033101] .in-segments-wrapper__button_selected,[data-v-87033101] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-87033101] .in-tooltip-wrapper-v2__icon{cursor:pointer}.editor-toolbar[data-v-173c3a40]{gap:4px}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history[data-v-fad98586]{gap:8px}.version-history__toolbar[data-v-fad98586]{gap:4px}.view-options-wrapper[data-v-6ebabfe4]{position:relative;display:inline-block}.new-tag[data-v-6ebabfe4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-6ebabfe4] .guido__verion-history-view-option-selection-desktop svg,[data-v-6ebabfe4] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-6ebabfe4] .in-segments-wrapper__button_selected,[data-v-6ebabfe4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-6ebabfe4] .in-tooltip-wrapper-v2__icon{cursor:pointer}.auto-save-toggle[data-v-2c964af4]{position:relative}.auto-save-toggle__info-box[data-v-2c964af4]{position:absolute;top:100%;left:0;z-index:10;width:280px}.editor-actions[data-v-6e711fd7]{gap:4px}.header-wrapper[data-v-d11dd577]{min-width:1000px}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.guido-editor__wrapper[data-v-5079a1c8]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-5079a1c8]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-5079a1c8]{height:calc(100vh - 75px - var(--ribbon-offset))}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-91a26acd]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-91a26acd]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-91a26acd]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-91a26acd]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-91a26acd]{object-fit:cover;transform:scale(1)}[data-v-b9a93c6e] .guido__verion-history-view-option-selection-desktop svg,[data-v-b9a93c6e] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-b9a93c6e] .in-segments-wrapper__button_selected,[data-v-b9a93c6e] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.error-list[data-v-c3fd5d4b]{gap:16px}.desktop-browser-header[data-v-d86c5af5]{height:79px;min-height:79px}.desktop-browser-header__left[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:378px}.desktop-browser-header__center[data-v-d86c5af5]{height:79px;background-repeat:repeat-x;background-size:auto 100%;background-position:left top}.desktop-browser-header__right[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:112px}.desktop-preview[data-v-cf946232]{min-width:602px;height:70vh;min-height:583px;border-radius:10px}.desktop-preview iframe[data-v-cf946232]{min-height:504px}.iframe-wrapper[data-v-f255b2bb]{width:258px}.iframe-scaled[data-v-f255b2bb]{width:320px;height:124.0310077519%;transform:scale(.80625);transform-origin:top left}.cropped-text[data-v-eb3d05d7]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-preview-wrapper__phone[data-v-3f472f96]{width:282px}.mobile-preview-wrapper__phone img[data-v-3f472f96]{object-fit:cover;border-radius:44px}.mobile-preview-wrapper__content[data-v-3f472f96]{width:258px;height:450px;left:12px}[data-v-6bcaca8a] .vueperslides__parallax-wrapper{padding-bottom:110px!important}[data-v-f16f20f8] .vueperslides__bullets{pointer-events:none!important}[data-v-f16f20f8] .vueperslides__parallax-wrapper{padding-bottom:110px!important}[data-v-bb3cca55] .vueperslides__bullets{pointer-events:none!important}[data-v-bb3cca55] .vueperslides__parallax-wrapper{height:110px!important;padding-bottom:110px!important}[data-v-b09e80c4] .vueperslides__bullets{pointer-events:none!important}[data-v-b09e80c4] .vueperslides__parallax-wrapper{height:110px!important;padding-bottom:110px!important}[data-v-9bdef600] .vueperslides__parallax-wrapper{padding-bottom:110px!important}

package/dist/{composables → src/composables}/useHttp.d.ts

@@ -17,12 +17,6 @@ export interface HttpError {
     statusText?: string;
     response?: Response;
 }
-export declare const TIMEOUT_ERROR_NAME = "TimeoutError";
-export interface TimeoutErrorContext {
-    url: string;
-    method: HttpMethod;
-    timeout: number;
-}
 export declare const useHttp: (defaultOptions?: HttpOptions) => {
     loading: import("vue").ComputedRef<boolean>;
     error: import("vue").ComputedRef<{

package/dist/stores/onboarding.js

@@ -1,22 +1,22 @@
-import { useOnboardingApi as e } from "../services/onboardingApi.js";
-import { defineStore as d } from "pinia";
-const r = () => ({
+import { useOnboardingApi as r } from "../services/onboardingApi.js";
+import { defineStore as e } from "pinia";
+const t = () => ({
   cardIndex: 0,
   isActive: !1,
   config: []
-}), c = () => ({
+}), a = () => ({
   onboardings: {
-    newVersionPopup: r(),
-    genericOnboarding: r(),
-    textBlockOnboarding: r(),
-    versionHistoryOnboarding: r(),
-    ampOnboarding: r(),
-    itemsOnboarding: r()
+    newVersionPopup: t(),
+    genericOnboarding: t(),
+    textBlockOnboarding: t(),
+    versionHistoryOnboarding: t(),
+    ampOnboarding: t(),
+    itemsOnboarding: t()
   },
   userModalState: {},
   isFetched: !1
-}), h = d("guidoOnboarding", {
-  state: () => c(),
+}), c = e("guidoOnboarding", {
+  state: () => a(),
   getters: {
     getOnboarding: (n) => (i) => n.onboardings[i],
     isActive: (n) => (i) => n.onboardings[i].isActive,
@@ -45,8 +45,6 @@ const r = () => ({
       return i.config[i.cardIndex];
     },
     shouldShowOnboarding: (n) => (i) => {
-      if (!n.isFetched)
-        return !1;
       const o = n.userModalState.Guido;
       return i === "newVersionPopup" && (o != null && o.genericOnboarding) ? !1 : o ? !o[i] : !0;
     }
@@ -74,8 +72,8 @@ const r = () => ({
       this.onboardings[n].cardIndex > 0 && this.onboardings[n].cardIndex--;
     },
     updateCardPosition(n, i, o) {
-      const t = this.onboardings[n].config[i];
-      t && (t.top = o.top, t.position = o.position);
+      const s = this.onboardings[n].config[i];
+      s && (s.top = o.top, s.position = o.position);
     },
     setConfig(n, i) {
       this.onboardings[n].config = i ?? [], this.onboardings[n].cardIndex >= this.onboardings[n].config.length && (this.onboardings[n].cardIndex = 0);
@@ -95,20 +93,15 @@ const r = () => ({
     async fetchUserModalState() {
       if (this.isFetched)
         return;
-      const { fetchUserModalState: n } = e(), i = await n();
+      const { fetchUserModalState: n } = r(), i = await n();
       this.userModalState = i, this.isFetched = !0;
     },
     async setUserModalState(n, i, o) {
-      const { setUserModalState: t, fetchUserModalState: s } = e();
-      await t(n, i, o);
-      try {
-        this.userModalState = await s(), this.isFetched = !0;
-      } catch (a) {
-        this.isFetched = !1, console.error("[GUIDO_ONBOARDING] user modal state refresh failed", a);
-      }
+      const { setUserModalState: s } = r();
+      await s(n, i, o), this.isFetched = !1, await this.fetchUserModalState();
     }
   }
 });
 export {
-  h as useOnboardingStore
+  c as useOnboardingStore
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.15.0-beta.3794b87",
+  "version": "3.15.0-beta.afdb685",
   "description": "Guido is a Vue + TypeScript wrapper for Email Plugin. Easily embed the email editor in your Vue applications.",
   "main": "./dist/guido.umd.cjs",
   "module": "./dist/library.js",