@useinsider/guido 3.19.0-beta.4b9be3a → 3.19.0-beta.4e3e6c4

package/dist/composables/useHttp.js

@@ -1,88 +1,95 @@
-import { getCsrfToken as O } from "../utils/genericUtil.js";
-import { ref as m, computed as T } from "vue";
-const X = (b = {}) => {
-  const p = m(!1), a = m(null), u = m(null), g = T(() => p.value), y = T(() => a.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 h = T(!1), n = T(null), c = T(null), b = w(() => h.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",
+      // Without this a guest fetch gets a 302 to the login page, never an auth status.
       "X-Requested-With": "XMLHttpRequest"
     },
-    ...b
-  }, w = (e, s) => {
+    ...g
+  }, x = (e, r) => {
     if (e.startsWith("http://") || e.startsWith("https://"))
       return e;
-    const t = s || 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((s, t) => {
+  }, P = (e) => new Promise((r, t) => {
     setTimeout(() => {
       t(new Error("Request timeout"));
     }, e);
-  }), x = (e) => new Promise((s) => {
-    setTimeout(s, e);
-  }), i = async (e, s, t, L = {}) => {
-    a.value = null, p.value = !0, u.value = new AbortController();
-    const n = { ...v, ...L }, D = w(s, n.baseURL), c = {
+  }), R = (e) => new Promise((r) => {
+    setTimeout(r, e);
+  }), i = async (e, r, t, W = {}) => {
+    n.value = null, h.value = !0, c.value = new AbortController();
+    const a = { ...E, ...W }, p = x(r, a.baseURL), f = {
       method: e,
-      headers: { ...n.headers },
-      signal: u.value.signal,
-      ...n
+      headers: { ...a.headers },
+      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 E = async (h = 0) => {
+    t && ["POST", "PUT", "PATCH"].includes(e) && (t instanceof FormData ? (delete f.headers["Content-Type"], f.body = t) : f.body = JSON.stringify(t));
+    const v = async (m = 0) => {
+      if (window.isSessionExpired)
+        throw n.value = { message: "Session expired" }, new Error("Session expired");
       try {
-        const o = [fetch(D, c)];
-        n.timeout && o.push(P(n.timeout));
-        const r = await Promise.race(o);
-        if (!r.ok) {
-          const H = `HTTP Error: ${r.status} ${r.statusText}`, d = new Error(H);
-          throw d.status = r.status, d.statusText = r.statusText, d.response = r, d;
+        const o = [fetch(p, f)];
+        a.timeout && o.push(P(a.timeout));
+        const s = await Promise.race(o);
+        if (!s.ok) {
+          const H = `HTTP Error: ${s.status} ${s.statusText}`, u = new Error(H);
+          throw u.status = s.status, u.statusText = s.statusText, u.response = s, u.authReported = k.includes(s.status) && j(p), u.authReported && Promise.resolve().then(() => s.clone().text().catch(() => "")).then((O) => X(
+            s.status,
+            O,
+            new URL(p, window.location.href).href
+          )).catch(() => {
+          }), u;
         }
-        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
+        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,
+          status: s.status,
+          statusText: s.statusText,
+          headers: s.headers
         };
       } catch (o) {
-        const r = o instanceof Error && o.name === "AbortError";
-        if (h < (n.retry || 0) && !r)
-          return await x(n.retryDelay || 1e3), E(h + 1);
-        throw o instanceof Error ? o.name === "AbortError" ? a.value = { message: "Request was cancelled" } : a.value = { message: o.message } : a.value = o, o;
+        const s = o instanceof Error && o.name === "AbortError";
+        if (m < (a.retry || 0) && !s)
+          return await R(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 E();
+      return await v();
     } finally {
-      p.value = !1, u.value = null;
+      h.value = !1, c.value = null;
     }
-  }, C = (e, s) => i("GET", e, void 0, s), R = (e, s, t) => i("POST", e, s, t), $ = (e, s, t) => i("PUT", e, s, t), q = (e, s, t) => i("PATCH", e, s, t), A = (e, s) => i("DELETE", e, void 0, s), U = (e) => {
-    u.value && u.value.abort(e);
-  }, W = () => {
-    a.value = null;
+  }, 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: g,
-    error: T(() => a.value),
+    loading: b,
+    error: w(() => n.value),
     hasError: y,
-    // Methods
     request: i,
-    get: C,
-    post: R,
-    put: $,
-    patch: q,
-    delete: A,
-    cancel: U,
-    clearError: W
+    get: A,
+    post: S,
+    put: U,
+    patch: C,
+    delete: $,
+    cancel: q,
+    clearError: L
   };
 };
 export {
-  X as useHttp
+  _ as useHttp
 };

package/dist/composables/useLegacyStrategyConversion.js

@@ -0,0 +1,61 @@
+import { useRecommendation as I } from "./useRecommendation.js";
+import { useToaster as C } 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";
+const F = () => {
+  const e = b(), r = k(), { buildCampaignUrl: m } = I(), { showToaster: i } = C(), c = 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({
+      campaignId: r.campaignId,
+      templateLibraryId: r.templateLibraryId
+    }), S = T({
+      blockId: t,
+      url: m(String(t)),
+      campaignId: r.campaignId,
+      variationId: r.variationId,
+      strategy: d,
+      productIds: y,
+      target: s
+    });
+    let o;
+    try {
+      o = await e.convertLegacyStrategy(S, s);
+    } catch (n) {
+      return console.error("[useLegacyStrategyConversion] migration failed", n), i({
+        type: g.Error,
+        message: c("email-editor.legacy-strategy-update-failed")
+      }), "";
+    }
+    try {
+      await e.fetchStrategyProductsForBlock(t);
+    } catch (n) {
+      console.error("[useLegacyStrategyConversion] product refetch failed", n);
+    }
+    const a = e.blockStates[t];
+    return a ? h(
+      t,
+      {
+        strategyId: o,
+        size: a.recommendationConfigs.size,
+        configVersion: L
+      },
+      a.recommendationProducts,
+      "Converted legacy recommendation strategy"
+    ) ? (e.currentRecommendationId === t && e.openLegacyStrategyUpdatedModal(), o) : (console.error("[useLegacyStrategyConversion] node write failed", t), e.revertLegacyConversion(t, f), i({
+      type: g.Error,
+      message: c("email-editor.legacy-strategy-update-failed")
+    }), "") : o;
+  } };
+};
+export {
+  F as useLegacyStrategyConversion
+};

package/dist/composables/useRecommendation.js

@@ -1,23 +1,23 @@
 import { getRecommendationFeedSourceMaps as y, URLS as I } from "../enums/extensions/recommendationBlock.js";
 import { MinDeviceViewport as C, DefaultPadding as R } from "../enums/recommendation.js";
-import { useRecommendationExtensionStore as l } from "../extensions/Blocks/Recommendation/store/recommendation.js";
+import { useRecommendationExtensionStore as g } from "../extensions/Blocks/Recommendation/store/recommendation.js";
 import { generateCompleteFilterQuery as b } from "../extensions/Blocks/Recommendation/utils/filterUtil.js";
 import { getPartnerRecommendationParams as h } from "../extensions/Blocks/Recommendation/utils/partnerCustomizations.js";
 import { sanitizeProductIds as x } from "../extensions/Blocks/Recommendation/utils/productIds.js";
 import { useConfigStore as P } from "../stores/config.js";
 const B = () => ({
   calculateCardWidth: ({
-    mobileLeftPadding: i,
+    mobileLeftPadding: s,
     mobileRightPadding: c,
-    cardsInRow: s,
-    unresponsive: n
+    cardsInRow: o,
+    unresponsive: a
   }) => {
-    const o = n ? s : 1, e = i + c + (o - 1) * R;
-    return (C - e) / o;
+    const i = a ? o : 1, e = s + c + (i - 1) * R;
+    return (C - e) / i;
   },
-  getRecommendationCampaignData: (i) => {
-    const c = l(), s = Number(i), n = c.blockStates[s];
-    if (!n)
+  getRecommendationCampaignData: (s) => {
+    const c = g(), o = Number(s), a = c.blockStates[o];
+    if (!a)
       return {
         textTrimming: !1,
         orientation: "vertical",
@@ -30,54 +30,59 @@ const B = () => ({
         discountBeforeTextValue: "",
         discountAfterTextValue: ""
       };
-    const { recommendationConfigs: o } = n, e = o.orientation === "grid" ? "vertical" : "horizontal";
+    const { recommendationConfigs: i } = a, e = i.orientation === "grid" ? "vertical" : "horizontal";
     return {
-      textTrimming: o.textTrimming,
+      textTrimming: i.textTrimming,
       orientation: e,
       mobileLeftPadding: 0,
       mobileRightPadding: 0,
-      cardsInRow: o.cardsInRow,
-      unresponsive: o.unresponsive,
+      cardsInRow: i.cardsInRow,
+      unresponsive: i.unresponsive,
       priceBeforeTextValue: "",
       priceAfterTextValue: "",
       discountBeforeTextValue: "",
       discountAfterTextValue: ""
     };
   },
-  buildCampaignUrl: (i, c) => {
-    var m;
-    const s = l(), n = P(), o = Number(i);
+  buildCampaignUrl: (s, c) => {
+    var l;
+    const o = g(), a = P(), i = Number(s);
     let e;
     if (c)
       e = c;
     else {
-      const a = s.blockStates[o];
-      if (!a)
+      const r = o.blockStates[i];
+      if (!r)
         return "";
-      const { recommendationConfigs: r } = a;
+      const { recommendationConfigs: n } = r;
       e = {
-        strategy: r.strategy,
-        strategyId: r.strategyId,
-        language: r.language,
-        currencyCode: r.currencySettings.value,
-        size: r.size,
-        productIds: r.productIds,
-        filters: r.filters,
-        shuffleProducts: r.shuffleProducts
+        strategy: n.strategy,
+        strategyId: n.strategyId,
+        language: n.language,
+        currencyCode: n.currencySettings.value,
+        size: n.size,
+        productIds: n.productIds,
+        filters: n.filters,
+        shuffleProducts: n.shuffleProducts
       };
     }
-    if (e.strategyId && n.isFeatureEnabled("reusableRecommendationStrategy"))
-      return s.recommendationCampaignUrls[i] = {
+    if (e.strategyId && a.isFeatureEnabled("reusableRecommendationStrategy"))
+      return o.recommendationCampaignUrls[s] = {
         strategyId: e.strategyId,
         locale: e.language,
         currency: e.currencyCode
       }, "";
-    const g = ((m = y().find((a) => a.key === e.strategy)) == null ? void 0 : m.path) || "", t = new URLSearchParams();
-    t.set("locale", e.language), t.set("currency", e.currencyCode), t.set("partnerName", n.partnerName), t.set("size", e.size), t.set("details", "true"), t.set("campaignId", n.variationId), e.strategy === "manualMerchandising" ? t.set("productId", x(e.productIds)) : e.strategy === "similarViewed" && t.set("productId", "{itemId}"), e.strategy === "userBased" && t.set("userId", "{user_id}");
-    const f = e.filters.filter((a) => a.isValid), d = b(f);
-    d && t.set("filter", d), e.shuffleProducts && t.set("shuffle", "true"), Object.entries(h(n.partnerName, e.strategy)).forEach(([a, r]) => t.set(a, r));
-    const p = decodeURIComponent(t.toString()), u = `${I.RECOMMENDATION_API_URL}/v2/${g}?${p}`;
-    return s.recommendationCampaignUrls[i] = u, u;
+    const d = ((l = y().find((r) => r.key === e.strategy)) == null ? void 0 : l.path) || "";
+    if (!d) {
+      const r = { ...o.recommendationCampaignUrls };
+      return delete r[s], o.recommendationCampaignUrls = r, "";
+    }
+    const t = new URLSearchParams();
+    t.set("locale", e.language), t.set("currency", e.currencyCode), t.set("partnerName", a.partnerName), t.set("size", e.size), t.set("details", "true"), t.set("campaignId", a.variationId), e.strategy === "manualMerchandising" ? t.set("productId", x(e.productIds)) : e.strategy === "similarViewed" && t.set("productId", "{itemId}"), e.strategy === "userBased" && t.set("userId", "{user_id}");
+    const f = e.filters.filter((r) => r.isValid), m = b(f);
+    m && t.set("filter", m), e.shuffleProducts && t.set("shuffle", "true"), Object.entries(h(a.partnerName, e.strategy)).forEach(([r, n]) => t.set(r, n));
+    const p = decodeURIComponent(t.toString()), u = `${I.RECOMMENDATION_API_URL}/v2/${d}?${p}`;
+    return o.recommendationCampaignUrls[s] = u, u;
   }
 });
 export {

package/dist/composables/useStripo.js

@@ -1,23 +1,23 @@
-import { useActionsApi as x } from "./useActionsApi.js";
-import { useBlocksConfig as L } from "./useBlocksConfig.js";
-import { useConfig as O } from "./useConfig.js";
-import { useCustomInterfaceAppearance as H } from "./useCustomInterfaceAppearance.js";
+import { useActionsApi as L } from "./useActionsApi.js";
+import { useBlocksConfig as O } from "./useBlocksConfig.js";
+import { useConfig as H } from "./useConfig.js";
+import { useCustomInterfaceAppearance as w } from "./useCustomInterfaceAppearance.js";
 import { useFullStoryBridge as N } from "./useFullStoryBridge.js";
 import { useModuleRepair as j } from "./useModuleRepair.js";
 import { useStripoEventHandler as z } from "./useStripoEventHandler.js";
 import { useStripoNotifications as $ } from "./useStripoNotifications.js";
 import { useToaster as G } from "./useToaster.js";
 import { localePatch as J } from "../config/i18n/index.js";
-import { en as w } from "../config/i18n/en/index.js";
+import { en as b } from "../config/i18n/en/index.js";
 import { ToasterTypeOptions as X } from "../enums/toaster.js";
 import { useStripoApi as K } from "../services/stripoApi.js";
 import Q from "../static/styles/customEditorStyle.css.js";
-import { useEditorStore as b } from "../stores/editor.js";
+import { useEditorStore as k } 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 Ce = () => {
-  const { features: c, template: u, isFeatureEnabled: m } = O(), { handleError: p, showToaster: k } = G(), { getToken: B, getCustomFonts: M, getSyncModulesStatus: T } = K(), { handleEvent: v } = z(), { handleModuleAdd: F } = j(), { getStripoBlocksConfig: A } = L(), { getStripoNotifications: V } = $(), f = () => n || (n = new Promise((i, s) => {
+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) => {
     var d;
     if (document.getElementById("UiEditorScript")) {
       i();
@@ -29,16 +29,16 @@ const Ce = () => {
     }, document.body.appendChild(e);
   }), n.catch(() => {
     n = null;
-  }), n), _ = async (i, s, o, a = [], r = !1) => {
+  }), n), D = async (i, s, o, a = [], r = !1) => {
     var y, E, h, C;
-    const e = b(), { html: d, 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 = !!d || (((h = u.value) == null ? void 0 : h.forceRecreate) ?? !1);
-    await window.UIEditor.initEditor(
+    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";
+    w().importCss(), await window.UIEditor.initEditor(
       document.querySelector("#guido-editor"),
       {
         metadata: s,
         html: d,
-        css: D,
-        forceRecreate: U,
+        css: R,
+        forceRecreate: I,
         locale: "en",
         undoButtonSelector: "#guido__undo-button",
         redoButtonSelector: "#guido__redo-button",
@@ -52,7 +52,7 @@ const Ce = () => {
         conditionsEnabled: S,
         customConditionsEnabled: S,
         enableXSSSecurity: !0,
-        modulesDisabled: P,
+        modulesDisabled: U,
         syncModulesEnabled: r,
         messageSettingsEnabled: !0,
         displayGmailAnnotations: !0,
@@ -62,7 +62,7 @@ const Ce = () => {
         displayUTM: !1,
         selectElementAfterDrop: !0,
         sameFontSizeForOutlook: !0,
-        allowedScriptSourceDomains: "https://email-static.useinsider.com https://edge.fullstory.com https://rs.fullstory.com",
+        allowedScriptSourceDomains: q,
         ...g ? { baseBlocks: g } : {},
         editorFonts: {
           showDefaultStandardFonts: !0,
@@ -80,7 +80,7 @@ const Ce = () => {
         ],
         async onTokenRefreshRequest(t) {
           try {
-            const l = await B();
+            const l = await M();
             t(l);
           } catch (l) {
             p(l, "Failed to refresh token");
@@ -88,8 +88,8 @@ const Ce = () => {
         },
         onTemplateLoaded() {
           try {
-            const { importCss: t } = H(), { activateCustomViewStyles: l, updateTimerInClonedTemplate: I } = x(), { injectFullStory: q } = N();
-            t(), l(), q(), I(), o.onReady(), e.isStripoInitialized = !0, e.loadingStatus = !1, setTimeout(() => {
+            const { activateCustomViewStyles: t, updateTimerInClonedTemplate: l } = L(), { injectFullStory: x } = N();
+            w().importCss(), t(), x(), l(), o.onReady(), e.isStripoInitialized = !0, e.loadingStatus = !1, setTimeout(() => {
               e.hasChanges = !1;
             }, 1e3);
           } catch (t) {
@@ -108,34 +108,34 @@ const Ce = () => {
         onDataChanged() {
           e.hasChanges = !0, e.changeSeq += 1;
         },
-        onEvent: v,
-        onModuleAdd: F,
-        notifications: V(),
+        onEvent: F,
+        onModuleAdd: A,
+        notifications: _(),
         ignoreClickOutsideSelectors: [
           "#guido-dynamic-content-modal",
           ".in-on-board-wrapper",
           ".in-drawer__container"
         ],
-        extensions: R,
+        extensions: P,
         localePatch: J
       }
     );
   };
   return { initPlugin: async (i, s, o) => {
-    const a = b();
+    const a = k();
     try {
       await f();
       const [r, e] = await Promise.all([
-        M(),
-        T()
+        T(),
+        v()
       ]);
-      a.syncModulesEnabled = e, await _(i, s, o, r, e);
+      a.syncModulesEnabled = e, await D(i, s, o, r, e);
     } catch {
-      a.loadingStatus = !1, k({
+      a.loadingStatus = !1, B({
         type: X.Error,
-        message: w["An error has occurred. Please report the error code to support."],
+        message: b["An error has occurred. Please report the error code to support."],
         actionButton: {
-          text: w["Reload page"],
+          text: b["Reload page"],
           onClick: () => window.location.reload()
         }
       });
@@ -146,5 +146,5 @@ const Ce = () => {
   } };
 };
 export {
-  Ce as useStripo
+  he as useStripo
 };

package/dist/composables/useToaster.js

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