@useinsider/guido 3.19.0-beta.c8d2be8 → 3.19.0-beta.d04f200

package/dist/composables/useAuthError.js

@@ -0,0 +1,52 @@
+import { ToasterTypeOptions as l } from "../enums/toaster.js";
+import { ref as p } from "vue";
+import { useToaster as u } from "./useToaster.js";
+import { useTranslations as f } from "./useTranslations.js";
+const d = ["accessExpired", "domainRestricted", "ipRestricted", "insiderAccessRestricted"], n = p(null), a = (e) => {
+  try {
+    return new URL(e, window.location.href).origin === window.location.origin;
+  } catch {
+    return !0;
+  }
+}, g = (e) => {
+  try {
+    const o = new URL(e, window.location.href);
+    return o.origin === window.location.origin ? o.href : "";
+  } catch {
+    return "";
+  }
+}, w = (e) => {
+  try {
+    const o = JSON.parse(e);
+    return o && typeof o == "object" && Object.keys(o).length ? o : null;
+  } catch {
+    return null;
+  }
+}, y = (e) => typeof (e == null ? void 0 : e.message) == "string" ? e.message : "", s = (e) => y(e) || f()("user-management.collaborate-forbidden-action"), c = (e) => {
+  u().showToaster({ type: l.Error, message: e });
+}, R = (e, o, t) => {
+  if (t && !a(t))
+    return;
+  const r = w(o);
+  if (e === 403) {
+    c(s(r));
+    return;
+  }
+  if (e === 401 && (r == null ? void 0 : r.type) === "groupLevelAccess") {
+    c(s(r));
+    return;
+  }
+  if (e === 401 && typeof (r == null ? void 0 : r.type) == "string" && d.includes(r.type)) {
+    const i = typeof r.redirect == "string" ? g(r.redirect) : "";
+    if (i) {
+      window.location.replace(i);
+      return;
+    }
+  }
+  e !== 401 && e !== 419 || n.value || (window.isSessionExpired = !0, n.value = { status: e, data: r });
+}, T = () => ({ authError: n });
+export {
+  a as isPanelOrigin,
+  R as reportAuthError,
+  T as useAuthError
+};

package/dist/composables/useCodeEditorApi.js

@@ -1,11 +1,25 @@
-const i = () => ({
-  openCodeEditor: () => {
-    window.StripoEditorApi.codeEditorApi.openCodeEditor();
-  },
-  closeCodeEditor: () => {
-    window.StripoEditorApi.codeEditorApi.closeCodeEditor();
-  }
-});
+import { ToasterTypeOptions as d } from "../enums/toaster.js";
+import { findEditorApi as s, EDITOR_NOT_READY_MESSAGE as p } from "../utils/stripoEditorApi.js";
+import { useToaster as E } from "./useToaster.js";
+const T = () => {
+  const { showToaster: i } = E(), t = (o) => {
+    var r;
+    const e = (r = s()) == null ? void 0 : r.codeEditorApi;
+    if (!e) {
+      i({ type: d.Error, message: p });
+      return;
+    }
+    o(e);
+  };
+  return {
+    openCodeEditor: () => {
+      t((o) => o.openCodeEditor());
+    },
+    closeCodeEditor: () => {
+      t((o) => o.closeCodeEditor());
+    }
+  };
+};
 export {
-  i as useCodeEditorApi
+  T as useCodeEditorApi
 };

package/dist/composables/useHttp.js

@@ -1,99 +1,98 @@
-import { getCsrfToken as O } from "../utils/genericUtil.js";
-import { ref as m, computed as w } from "vue";
-const k = (g = {}) => {
-  const h = m(!1), n = m(null), u = m(null), b = w(() => h.value), y = w(() => n.value !== null), v = {
+import { getCsrfToken as D } from "../utils/genericUtil.js";
+import { ref as T, computed as w } from "vue";
+import { isPanelOrigin as j, reportAuthError as X } from "./useAuthError.js";
+const k = [401, 403, 419], _ = (g = {}) => {
+  const f = T(!1), n = T(null), c = T(null), b = w(() => f.value), y = w(() => n.value !== null), E = {
     baseURL: "",
     timeout: 1e4,
     retry: 0,
     retryDelay: 1e3,
     headers: {
       "Content-Type": "application/json",
-      "X-CSRF-TOKEN": O(),
+      "X-CSRF-TOKEN": D(),
       Accept: "application/json",
-      // The panel backend only answers 401/419 to ajax requests; without this a guest
-      // fetch gets a 302 to the login page and never sees an auth status.
+      // Without this a guest fetch gets a 302 to the login page, never an auth status.
       "X-Requested-With": "XMLHttpRequest"
     },
     ...g
   }, x = (e, r) => {
     if (e.startsWith("http://") || e.startsWith("https://"))
       return e;
-    const t = r || v.baseURL || "";
+    const t = r || E.baseURL || "";
     return t.endsWith("/") && e.startsWith("/") ? `${t}${e.slice(1)}` : t.endsWith("/") || e.startsWith("/") ? `${t}${e}` : `${t}/${e}`;
-  }, P = (e) => new Promise((r, t) => {
+  }, R = (e) => new Promise((r, t) => {
     setTimeout(() => {
       t(new Error("Request timeout"));
     }, e);
-  }), C = (e) => new Promise((r) => {
+  }), P = (e) => new Promise((r) => {
     setTimeout(r, e);
   }), i = async (e, r, t, W = {}) => {
-    n.value = null, h.value = !0, u.value = new AbortController();
-    const a = { ...v, ...W }, E = x(r, a.baseURL), c = {
+    n.value = null, f.value = !0, c.value = new AbortController();
+    const a = { ...E, ...W }, p = x(r, a.baseURL), d = {
       method: e,
       headers: { ...a.headers },
-      signal: u.value.signal,
+      signal: c.value.signal,
       ...a
     };
-    t && ["POST", "PUT", "PATCH"].includes(e) && (t instanceof FormData ? (delete c.headers["Content-Type"], c.body = t) : c.body = JSON.stringify(t));
-    const T = async (p = 0) => {
-      if (window.isSessionExpired)
-        throw n.value = { message: "Session expired" }, new Error("Session expired");
+    t && ["POST", "PUT", "PATCH"].includes(e) && (t instanceof FormData ? (delete d.headers["Content-Type"], d.body = t) : d.body = JSON.stringify(t));
+    const v = async (m = 0) => {
+      if (window.isSessionExpired) {
+        n.value = { message: "Session expired", authReported: !0 };
+        const o = new Error("Session expired");
+        throw o.authReported = !0, o;
+      }
       try {
-        const o = [fetch(E, c)];
-        a.timeout && o.push(P(a.timeout));
+        const o = [fetch(p, d)];
+        a.timeout && o.push(R(a.timeout));
         const s = await Promise.race(o);
         if (!s.ok) {
-          const D = `HTTP Error: ${s.status} ${s.statusText}`, f = new Error(D);
-          throw f.status = s.status, f.statusText = s.statusText, f.response = s, [401, 403, 419].includes(s.status) && Promise.resolve().then(() => s.clone().text().catch(() => "")).then((H) => window.dispatchEvent(new CustomEvent("insider:http-auth-error", {
-            detail: {
-              status: s.status,
-              body: H,
-              url: new URL(E, window.location.href).href
-            }
-          }))).catch(() => {
-          }), f;
+          const H = `HTTP Error: ${s.status} ${s.statusText}`, l = new Error(H);
+          throw l.status = s.status, l.statusText = s.statusText, l.response = s, l.authReported = k.includes(s.status) && j(p), l.authReported && Promise.resolve().then(() => s.clone().text().catch(() => "")).then((O) => X(
+            s.status,
+            O,
+            new URL(p, window.location.href).href
+          )).catch(() => {
+          }), l;
         }
-        let d;
-        const l = s.headers.get("content-type");
-        return l != null && l.includes("application/json") ? d = await s.json() : l != null && l.includes("text/") ? d = await s.text() : d = await s.blob(), {
-          data: d,
+        let h;
+        const u = s.headers.get("content-type");
+        return u != null && u.includes("application/json") ? h = await s.json() : u != null && u.includes("text/") ? h = await s.text() : h = await s.blob(), {
+          data: h,
           status: s.status,
           statusText: s.statusText,
           headers: s.headers
         };
       } catch (o) {
         const s = o instanceof Error && o.name === "AbortError";
-        if (p < (a.retry || 0) && !s)
-          return await C(a.retryDelay || 1e3), T(p + 1);
+        if (m < (a.retry || 0) && !s)
+          return await P(a.retryDelay || 1e3), v(m + 1);
         throw o instanceof Error ? o.name === "AbortError" ? n.value = { message: "Request was cancelled" } : n.value = { message: o.message } : n.value = o, o;
       }
     };
     try {
-      return await T();
+      return await v();
     } finally {
-      h.value = !1, u.value = null;
+      f.value = !1, c.value = null;
     }
-  }, R = (e, r) => i("GET", e, void 0, r), U = (e, r, t) => i("POST", e, r, t), $ = (e, r, t) => i("PUT", e, r, t), q = (e, r, t) => i("PATCH", e, r, t), A = (e, r) => i("DELETE", e, void 0, r), L = (e) => {
-    u.value && u.value.abort(e);
-  }, S = () => {
+  }, A = (e, r) => i("GET", e, void 0, r), S = (e, r, t) => i("POST", e, r, t), U = (e, r, t) => i("PUT", e, r, t), C = (e, r, t) => i("PATCH", e, r, t), $ = (e, r) => i("DELETE", e, void 0, r), q = (e) => {
+    c.value && c.value.abort(e);
+  }, L = () => {
     n.value = null;
   };
   return {
-    // State
     loading: b,
     error: w(() => n.value),
     hasError: y,
-    // Methods
     request: i,
-    get: R,
-    post: U,
-    put: $,
-    patch: q,
-    delete: A,
-    cancel: L,
-    clearError: S
+    get: A,
+    post: S,
+    put: U,
+    patch: C,
+    delete: $,
+    cancel: q,
+    clearError: L
   };
 };
 export {
-  k as useHttp
+  _ as useHttp
 };

package/dist/composables/useLegacyStrategyConversion.js

@@ -1,23 +1,23 @@
-import { useRecommendation as I } from "./useRecommendation.js";
-import { useToaster as C } from "./useToaster.js";
+import { useRecommendation as C } from "./useRecommendation.js";
+import { useToaster as I } from "./useToaster.js";
 import { useTranslations as v } from "./useTranslations.js";
 import { ToasterTypeOptions as g } from "../enums/toaster.js";
 import "../extensions/Blocks/Recommendation/constants/selectors.js";
 import { CURRENT_CONFIG_VERSION as L } from "../extensions/Blocks/Recommendation/constants/defaultConfig.js";
 import { useRecommendationExtensionStore as b } from "../extensions/Blocks/Recommendation/store/recommendation.js";
-import { resolveMigrationTarget as R, buildLegacyMigrationPayload as T } from "../extensions/Blocks/Recommendation/utils/legacyStrategyMigration.js";
-import { commitBlockChangeOutsidePanel as h } from "../extensions/Blocks/Recommendation/utils/nodeConfigWriter.js";
-import { useConfigStore as k } from "../stores/config.js";
+import { resolveMigrationTarget as k, buildLegacyMigrationPayload as R } from "../extensions/Blocks/Recommendation/utils/legacyStrategyMigration.js";
+import { commitBlockChangeOutsidePanel as T } from "../extensions/Blocks/Recommendation/utils/nodeConfigWriter.js";
+import { useConfigStore as h } from "../stores/config.js";
 const F = () => {
-  const e = b(), r = k(), { buildCampaignUrl: m } = I(), { showToaster: i } = C(), c = v();
+  const e = b(), r = h(), { buildCampaignUrl: m } = C(), { showToaster: c } = I(), a = v();
   return { convertLegacyStrategy: async () => {
     const t = e.currentRecommendationId;
     if (t === null || !e.isLegacyStrategyBlock || e.legacyConversionLoading)
       return "";
-    const { strategy: d, productIds: y, size: l, strategyId: p, nodeConfigVersion: u } = e.recommendationConfigs, f = { strategyId: p, size: l, nodeConfigVersion: u }, s = R({
+    const { strategy: d, productIds: y, size: l, strategyId: p, nodeConfigVersion: u } = e.recommendationConfigs, f = { strategyId: p, size: l, nodeConfigVersion: u }, s = k({
       campaignId: r.campaignId,
       templateLibraryId: r.templateLibraryId
-    }), S = T({
+    }), S = R({
       blockId: t,
       url: m(String(t)),
       campaignId: r.campaignId,
@@ -29,30 +29,34 @@ const F = () => {
     let o;
     try {
       o = await e.convertLegacyStrategy(S, s);
-    } catch (n) {
-      return console.error("[useLegacyStrategyConversion] migration failed", n), i({
+    } catch (i) {
+      return console.error("[useLegacyStrategyConversion] migration failed", i), c({
         type: g.Error,
-        message: c("email-editor.legacy-strategy-update-failed")
+        message: a("email-editor.legacy-strategy-migration-failed"),
+        actionButton: {
+          text: a("ds-steps.create-recommendation-strategy"),
+          onClick: () => e.openStrategyCreation()
+        }
       }), "";
     }
     try {
       await e.fetchStrategyProductsForBlock(t);
-    } catch (n) {
-      console.error("[useLegacyStrategyConversion] product refetch failed", n);
+    } catch (i) {
+      console.error("[useLegacyStrategyConversion] product refetch failed", i);
     }
-    const a = e.blockStates[t];
-    return a ? h(
+    const n = e.blockStates[t];
+    return n ? T(
       t,
       {
         strategyId: o,
-        size: a.recommendationConfigs.size,
+        size: n.recommendationConfigs.size,
         configVersion: L
       },
-      a.recommendationProducts,
+      n.recommendationProducts,
       "Converted legacy recommendation strategy"
-    ) ? (e.currentRecommendationId === t && e.openLegacyStrategyUpdatedModal(), o) : (console.error("[useLegacyStrategyConversion] node write failed", t), e.revertLegacyConversion(t, f), i({
+    ) ? (e.currentRecommendationId === t && e.openLegacyStrategyUpdatedModal(), o) : (console.error("[useLegacyStrategyConversion] node write failed", t), e.revertLegacyConversion(t, f), c({
       type: g.Error,
-      message: c("email-editor.legacy-strategy-update-failed")
+      message: a("email-editor.legacy-strategy-update-failed")
     }), "") : o;
   } };
 };

package/dist/composables/useStripo.js

@@ -17,21 +17,21 @@ import { buildMergeTagEntries as W, flattenDynamicContentList as Y } from "../ut
 import Z from "../package.json.js";
 let n = null;
 const he = () => {
-  const { features: c, template: u, isFeatureEnabled: m } = H(), { handleError: p, showToaster: B } = G(), { getToken: M, getCustomFonts: T, getSyncModulesStatus: v } = K(), { handleEvent: F } = z(), { handleModuleAdd: A } = j(), { getStripoBlocksConfig: V } = O(), { getStripoNotifications: _ } = $(), f = () => n || (n = new Promise((i, s) => {
+  const { features: c, template: u, isFeatureEnabled: p } = H(), { handleError: m, showToaster: v } = G(), { getToken: B, getCustomFonts: M, getSyncModulesStatus: T } = K(), { handleEvent: F } = z(), { handleModuleAdd: A } = j(), { getStripoBlocksConfig: V } = O(), { getStripoNotifications: _ } = $(), f = () => n || (n = new Promise((r, s) => {
     var d;
     if (document.getElementById("UiEditorScript")) {
-      i();
+      r();
       return;
     }
-    const o = Z.guido, r = `https://email-static.useinsider.com/guido/${(d = o == null ? void 0 : o.stripo) == null ? void 0 : d.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}`));
+    const o = Z.guido, i = `https://email-static.useinsider.com/guido/${(d = o == null ? void 0 : o.stripo) == null ? void 0 : d.version}/UIEditor.js`, e = document.createElement("script");
+    e.id = "UiEditorScript", e.type = "module", e.src = i, e.onload = () => r(), e.onerror = () => {
+      e.remove(), s(new Error(`Failed to load Stripo UIEditor script from S3: ${i}`));
     }, document.body.appendChild(e);
   }), n.catch(() => {
     n = null;
-  }), n), D = async (i, s, o, a = [], r = !1) => {
+  }), n), D = async (r, s, o, a = [], i = !1) => {
     var y, E, h, C;
-    const e = k(), { html: d, css: R } = i, { baseBlocks: g, extensions: P } = await V(), S = ((y = c.value) == null ? void 0 : y.displayConditions) ?? !0, U = ((E = c.value) == null ? void 0 : E.modulesDisabled) ?? !1, I = !!d || (((h = u.value) == null ? void 0 : h.forceRecreate) ?? !1), q = "https://email-static.useinsider.com https://edge.fullstory.com https://rs.fullstory.com";
+    const e = k(), { html: d, css: R } = r, { baseBlocks: g, extensions: P } = await V(), S = ((y = c.value) == null ? void 0 : y.displayConditions) ?? !0, U = ((E = c.value) == null ? void 0 : E.modulesDisabled) ?? !1, I = !!d || (((h = u.value) == null ? void 0 : h.forceRecreate) ?? !1), q = "https://email-static.useinsider.com https://edge.fullstory.com https://rs.fullstory.com";
     w().importCss(), await window.UIEditor.initEditor(
       document.querySelector("#guido-editor"),
       {
@@ -45,7 +45,7 @@ const he = () => {
         mobileViewButtonSelector: ".guido__view-option-selection-mobile",
         desktopViewButtonSelector: ".guido__view-option-selection-desktop",
         codeEditorButtonSelector: "#guido__code-button",
-        customAppearanceMergetags: !m("liquidSyntax"),
+        customAppearanceMergetags: !p("liquidSyntax"),
         customAppearanceMergetagsBorderColor: "#f1f3fe",
         customAppearanceMergetagsBackgroundColor: "#f1f3fe",
         customViewStyles: Q,
@@ -53,7 +53,7 @@ const he = () => {
         customConditionsEnabled: S,
         enableXSSSecurity: !0,
         modulesDisabled: U,
-        syncModulesEnabled: r,
+        syncModulesEnabled: i,
         messageSettingsEnabled: !0,
         displayGmailAnnotations: !0,
         displayHiddenPreheader: !1,
@@ -74,16 +74,16 @@ const he = () => {
             entries: W(
               o.preselectedDynamicContentList,
               Y((C = u.value) == null ? void 0 : C.dynamicContentList),
-              m("liquidSyntax")
+              p("liquidSyntax")
             )
           }
         ],
         async onTokenRefreshRequest(t) {
           try {
-            const l = await M();
+            const l = await B();
             t(l);
           } catch (l) {
-            p(l, "Failed to refresh token");
+            m(l, "Failed to refresh token");
           }
         },
         onTemplateLoaded() {
@@ -93,7 +93,7 @@ const he = () => {
               e.hasChanges = !1;
             }, 1e3);
           } catch (t) {
-            p(t, "Failed to load custom interface appearance");
+            m(t, "Failed to load custom interface appearance");
           }
         },
         onCodeEditorVisibilityChanged(t) {
@@ -111,27 +111,31 @@ const he = () => {
         onEvent: F,
         onModuleAdd: A,
         notifications: _(),
+        // Stripo deselects the block on any click outside the canvas, so every surface
+        // that belongs to the block's own flow has to be listed here (SD-153273).
         ignoreClickOutsideSelectors: [
           "#guido-dynamic-content-modal",
           ".in-on-board-wrapper",
-          ".in-drawer__container"
+          ".in-drawer__container",
+          ".in-modal-v2-wrapper",
+          ".in-toasts-wrapper"
         ],
         extensions: P,
         localePatch: J
       }
     );
   };
-  return { initPlugin: async (i, s, o) => {
+  return { initPlugin: async (r, s, o) => {
     const a = k();
     try {
       await f();
-      const [r, e] = await Promise.all([
-        T(),
-        v()
+      const [i, e] = await Promise.all([
+        M(),
+        T()
       ]);
-      a.syncModulesEnabled = e, await D(i, s, o, r, e);
+      a.syncModulesEnabled = e, await D(r, s, o, i, e);
     } catch {
-      a.loadingStatus = !1, B({
+      a.loadingStatus = !1, v({
         type: X.Error,
         message: b["An error has occurred. Please report the error code to support."],
         actionButton: {

package/dist/composables/useToaster.js

@@ -1,26 +1,28 @@
 import { ToasterTypeOptions as T } from "../enums/toaster.js";
-import { useToasterStore as c } from "../stores/toaster.js";
-import { nextTick as u } from "vue";
+import { useToasterStore as u } from "../stores/toaster.js";
+import { nextTick as c } from "vue";
 const s = /* @__PURE__ */ new WeakMap(), p = () => {
-  const e = c(), o = () => {
-    const t = s.get(e);
-    t && (clearTimeout(t), s.delete(e));
+  const t = u(), o = () => {
+    const e = s.get(t);
+    e && (clearTimeout(e), s.delete(t));
   };
-  function r(t = { message: "" }) {
-    o(), e.hideToaster(), u(() => {
-      e.showToaster(t), e.shouldAutoHide && s.set(e, setTimeout(() => {
-        e.hideToaster(), o();
+  function i(e = { message: "" }) {
+    o(), t.hideToaster(), c(() => {
+      t.showToaster(e), t.shouldAutoHide && s.set(t, setTimeout(() => {
+        t.hideToaster(), o();
       }, 6e3));
     });
   }
-  function i() {
-    o(), e.hideToaster();
+  function n() {
+    o(), t.hideToaster();
   }
-  function n(t, a) {
-    const m = t instanceof Error ? t.message : String(t);
-    r({ type: T.Error, message: `${a}: ${m}` });
+  function a(e, r) {
+    if (e != null && e.authReported)
+      return;
+    const m = e instanceof Error ? e.message : String(e);
+    i({ type: T.Error, message: `${r}: ${m}` });
   }
-  return { showToaster: r, hideToaster: i, handleError: n };
+  return { showToaster: i, hideToaster: n, handleError: a };
 };
 export {
   p as useToaster

package/dist/composables/useTranslations.js

@@ -6,9 +6,10 @@ import { useConfig } from "./useConfig.js";
 const useTranslations = () => {
   var o, e;
   const { config } = useConfig(), translationsPath = ((e = (o = config.value) == null ? void 0 : o.editor) == null ? void 0 : e.translationsPath) || DEFAULT_EDITOR.translationsPath, translations = ref(eval(translationsPath)), trans = (t, n) => {
-    const r = translations.value[t];
+    var s;
+    const r = (s = translations.value) == null ? void 0 : s[t];
     return r ? n ? Object.entries(n).reduce(
-      (s, [i, a]) => s.replace(new RegExp(`{${i}}`, "g"), String(a)),
+      (i, [a, l]) => i.replace(new RegExp(`{${a}}`, "g"), String(l)),
       r
     ) : r : (console.warn(`Translation key not found: ${t}`), t);
   };

package/dist/composables/useVersionHistoryApi.js

@@ -1,54 +1,63 @@
 import { ToasterTypeOptions as t } from "../enums/toaster.js";
-import { useVersionHistoryStore as c } from "../stores/version-history.js";
-import { useToaster as w } from "./useToaster.js";
-const S = () => {
-  const i = c(), { showToaster: s } = w(), n = (e) => {
-    i.$reset(), i.updateState(e);
-  }, p = () => {
-    i.$reset();
+import { useVersionHistoryStore as m } from "../stores/version-history.js";
+import { findEditorApi as w, EDITOR_NOT_READY_MESSAGE as y } from "../utils/stripoEditorApi.js";
+import { useToaster as V } from "./useToaster.js";
+const d = () => {
+  const n = m(), { showToaster: i } = V(), o = (e) => {
+    var s;
+    const r = (s = w()) == null ? void 0 : s.versionHistoryApi;
+    if (!r) {
+      i({ type: t.Error, message: y });
+      return;
+    }
+    e(r);
+  }, p = (e) => {
+    n.$reset(), n.updateState(e);
+  }, a = () => {
+    n.$reset();
   };
   return {
     openVersionHistory: () => {
-      window.StripoEditorApi.versionHistoryApi.openVersionHistory(n, p);
+      o((e) => e.openVersionHistory(p, a));
     },
     closeVersionHistory: () => {
-      window.StripoEditorApi.versionHistoryApi.closeVersionHistory();
+      o((e) => e.closeVersionHistory());
     },
     switchToDesktopPreview: () => {
-      window.StripoEditorApi.versionHistoryApi.switchToDesktopPreview();
+      o((e) => e.switchToDesktopPreview());
     },
     switchToMobilePreview: () => {
-      window.StripoEditorApi.versionHistoryApi.switchToMobilePreview();
+      o((e) => e.switchToMobilePreview());
     },
     previewVersion: (e) => {
-      window.StripoEditorApi.versionHistoryApi.previewVersion(e, (o) => {
-        const r = o instanceof Error ? o.message : String(o);
-        s({
+      o((r) => r.previewVersion(e, (s) => {
+        const c = s instanceof Error ? s.message : String(s);
+        i({
           type: t.Error,
-          message: `Error compiling email: ${r}`
+          message: `Error compiling email: ${c}`
         });
-      });
+      }));
     },
     restoreVersion: (e) => {
-      window.StripoEditorApi.versionHistoryApi.restoreVersion(
+      o((r) => r.restoreVersion(
         e,
         () => {
-          s({
+          i({
             type: t.Success,
             message: "Your version has been restored successfully."
           });
         },
-        (o) => {
-          const r = o instanceof Error ? o.message : String(o);
-          s({
+        (s) => {
+          const c = s instanceof Error ? s.message : String(s);
+          i({
             type: t.Error,
-            message: `Error compiling email: ${r}`
+            message: `Error compiling email: ${c}`
           });
         }
-      );
+      ));
     }
   };
 };
 export {
-  S as useVersionHistoryApi
+  d as useVersionHistoryApi
 };

package/dist/composables/validators/useLiquidValidator.js

@@ -1,13 +1,13 @@
-import { ToasterTypeOptions as a } from "../../enums/toaster.js";
+import { ToasterTypeOptions as r } from "../../enums/toaster.js";
 import { base64EncodeWithSpecialChars as u } from "../../utils/base64.js";
 import { useHttp as d } from "../useHttp.js";
-import { useToaster as c } from "../useToaster.js";
-import { useTranslations as p } from "../useTranslations.js";
+import { useToaster as p } from "../useToaster.js";
+import { useTranslations as c } from "../useTranslations.js";
 const v = () => {
-  const { post: i } = d(), { showToaster: e } = c(), s = p();
+  const { post: i } = d(), { showToaster: t } = p(), s = c();
   return { validateLiquidSyntax: async (o) => {
     try {
-      const t = await i("/newsletter/contents/validate-syntax", [{
+      const e = await i("/newsletter/contents/validate-syntax", [{
         identifier: "default",
         syntax: "liquid",
         contents: {
@@ -17,21 +17,21 @@ const v = () => {
           ampHtml: null
         }
       }]);
-      if (!Array.isArray(t.data)) {
-        const l = t.data;
-        return e({
-          type: a.Warning,
+      if (!Array.isArray(e.data)) {
+        const l = e.data;
+        return t({
+          type: r.Warning,
           message: l.message ?? s("journey-builder.liquid-validation-failed")
         }), !1;
       }
-      const [r] = t.data, n = Object.values((r == null ? void 0 : r.errors) ?? {});
-      return n.length ? (e({
-        type: a.Warning,
+      const [a] = e.data, n = Object.values((a == null ? void 0 : a.errors) ?? {});
+      return n.length ? (t({
+        type: r.Warning,
         message: n[0].replace(/^line \d+:\s*/, "")
       }), !1) : !0;
-    } catch {
-      return e({
-        type: a.Error,
+    } catch (e) {
+      return e != null && e.authReported || t({
+        type: r.Error,
         message: s("journey-builder.liquid-validation-failed")
       }), !1;
     }