@useinsider/guido 3.19.0-beta.acb00a2 → 3.19.0-beta.c0e1797

package/dist/components/Guido.vue.js

@@ -12,7 +12,7 @@ var t = function() {
   s,
   !1,
   null,
-  "59690055"
+  "36867e2e"
 );
 const g = n.exports;
 export {

package/dist/components/Guido.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as re, defineAsyncComponent as m, ref as x, computed as p, watch as W, onMounted as se, onUnmounted as ae } from "vue";
+import { defineComponent as re, defineAsyncComponent as m, ref as O, computed as u, watch as x, onMounted as se, onUnmounted as ae } from "vue";
 import { useCortexBlueprintBridge as ie } from "../composables/useCortexBlueprintBridge.js";
 import { useEditorLock as ce } from "../composables/useEditorLock.js";
 import { provideGuidoActions as de } from "../composables/useGuidoActions.js";
@@ -6,25 +6,25 @@ import { useGuidoStateBridge as me } from "../composables/useGuidoStateBridge.js
 import { usePartner as le } from "../composables/usePartner.js";
 import { useStripo as ue } from "../composables/useStripo.js";
 import { useTimerClone as pe } from "../composables/useTimerClone.js";
-import { migrate as G } from "../config/migrator/index.js";
-import { ModuleFolderDefaults as z } from "../enums/defaults.js";
+import { migrate as W } from "../config/migrator/index.js";
+import { ModuleFolderDefaults as G } from "../enums/defaults.js";
 import { RIBBON_SELECTOR as fe } from "../enums/onboarding.js";
-import { useRecommendationExtensionStore as E } from "../extensions/Blocks/Recommendation/store/recommendation.js";
+import { useRecommendationExtensionStore as h } from "../extensions/Blocks/Recommendation/store/recommendation.js";
 import ye from "./organisms/AutoSaveController.vue.js";
 import ge from "./organisms/base/Toaster.vue.js";
 import ve from "./organisms/extensions/recommendation/FilterSelectionDrawer.vue.js";
 import Se from "./organisms/header/HeaderWrapper.vue.js";
-import he from "./organisms/LoadingWrapper.vue.js";
-import be from "./organisms/save-as-template/SaveAsTemplateDrawer.vue.js";
+import be from "./organisms/LoadingWrapper.vue.js";
+import he from "./organisms/save-as-template/SaveAsTemplateDrawer.vue.js";
 import Ee from "./organisms/unsubscribe/UnsubscribeWrapper.vue.js";
 import { useStripoApi as we } from "../services/stripoApi.js";
 import { useConfigStore as Ce } from "../stores/config.js";
 import { useDynamicContentStore as De } from "../stores/dynamic-content.js";
-import { useEditorStore as w } from "../stores/editor.js";
+import { useEditorStore as H } from "../stores/editor.js";
 import { usePreviewStore as ke } from "../stores/preview.js";
-import { useTemplateStore as Fe } from "../stores/template.js";
-import { useUnsubscribeStore as Te } from "../stores/unsubscribe.js";
-import { readTrackFloor as H } from "../utils/linkTrackingIds.js";
+import { useTemplateStore as Te } from "../stores/template.js";
+import { useUnsubscribeStore as Fe } from "../stores/unsubscribe.js";
+import { readTrackFloor as $ } from "../utils/linkTrackingIds.js";
 const tt = /* @__PURE__ */ re({
   __name: "Guido",
   props: {
@@ -32,8 +32,8 @@ const tt = /* @__PURE__ */ re({
     ready: { type: Boolean, default: !0 }
   },
   emits: ["dynamic-content:open", "back", "save:start", "save:complete", "on-change", "ready", "onboarding:finished", "test-email:click"],
-  setup($, { expose: q, emit: r }) {
-    const a = $, K = m(
+  setup(z, { expose: q, emit: r }) {
+    const a = z, K = m(
       () => import("./organisms/email-preview/PreviewContainer.vue.js")
     ), V = m(
       () => import("./organisms/onboarding/OnboardingWrapper.vue.js")
@@ -43,32 +43,32 @@ const tt = /* @__PURE__ */ re({
       () => import("./organisms/extensions/recommendation/RemoveStrategyModal.vue.js")
     ), Q = m(
       () => import("./organisms/extensions/recommendation/LegacyStrategyUpdatedModal.vue.js")
-    ), C = x(), f = x(), y = De(), D = Te(), o = Ce();
+    ), E = O(), p = O(), f = De(), w = Fe(), o = Ce();
     a.ready && o.init(a.config);
-    const c = w(), X = ke(), l = p(() => c.hasChanges), { isTestPartner: Y } = le(), k = () => {
+    const c = H(), X = ke(), l = u(() => c.hasChanges), { isTestPartner: Y } = le(), C = () => {
       var t;
-      return (t = C.value) == null ? void 0 : t.handleSave(!0);
-    }, F = (t) => {
+      return (t = E.value) == null ? void 0 : t.handleSave(!0);
+    }, D = (t) => {
       c.loadingStatus = t;
     };
     ie(), me();
-    const g = () => {
+    const y = () => {
       var t, e;
       return {
         emailId: o.templateId,
         userId: o.userId,
         username: o.username,
         partnerName: o.partnerName,
-        savedModulesFolderName: ((t = o.editor) == null ? void 0 : t.savedModulesFolderName) || z.SAVED_MODULES,
-        defaultModulesFolderName: ((e = o.editor) == null ? void 0 : e.defaultModulesFolderName) || z.DEFAULT_MODULES
+        savedModulesFolderName: ((t = o.editor) == null ? void 0 : t.savedModulesFolderName) || G.SAVED_MODULES,
+        defaultModulesFolderName: ((e = o.editor) == null ? void 0 : e.defaultModulesFolderName) || G.DEFAULT_MODULES
       };
-    }, { initPlugin: T, preloadRuntime: I } = ue(), { runExclusive: M, beginMount: R, isCurrentMount: v } = ce();
-    let u = 0;
-    const { getDefaultTemplate: L } = we(), { cloneTimersOnSave: B, hasTimerBlocks: U } = pe(), Z = p(() => {
+    }, { initPlugin: k, preloadRuntime: T } = ue(), { runExclusive: F, beginMount: M, isCurrentMount: R } = ce();
+    let g = 0;
+    const { getDefaultTemplate: I } = we(), { cloneTimersOnSave: L, hasTimerBlocks: B } = pe(), Z = u(() => {
       var t;
       return !((t = o.ui) != null && t.showHeader);
-    }), ee = p(() => o.isFeatureEnabled("reusableRecommendationStrategy")), te = p(
-      () => !!E().recommendationConfigs.strategyId
+    }), ee = u(() => o.isFeatureEnabled("reusableRecommendationStrategy")), te = u(
+      () => !!h().recommendationConfigs.strategyId
     );
     de({
       onBack: () => {
@@ -78,76 +78,70 @@ const tt = /* @__PURE__ */ re({
         console.debug("guido:save:start"), r("save:start");
       },
       onSaveComplete: (t) => {
-        const e = { ...t, metadata: g() };
+        const e = { ...t, metadata: y() };
         console.debug("guido:save:complete", e), r("save:complete", e);
       },
       onTestEmailClick: () => {
         console.debug("guido:test-email:click"), r("test-email:click");
       }
     });
-    const A = (t) => {
-      console.debug("dynamic-content:close", t), y.setSelectedDynamicContent(t), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: t }));
-    }, P = () => {
+    const U = (t) => {
+      console.debug("dynamic-content:close", t), f.setSelectedDynamicContent(t), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: t }));
+    }, A = () => {
       console.debug("dynamic-content:close", "Without Data"), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: { text: "", value: "" } }));
     };
-    W(() => l.value, () => {
+    x(() => l.value, () => {
       r("on-change", l.value);
     });
-    const S = (t) => {
+    const v = (t) => {
       const e = t, { attribute: s, position: d } = e.detail;
       console.debug("dynamic-content:open", e.detail), r("dynamic-content:open", s, d);
     };
     let i = null;
-    const h = () => {
+    const S = () => {
       var e;
       const t = document.querySelector(fe);
-      (e = f.value) == null || e.style.setProperty("--ribbon-offset", `${(t == null ? void 0 : t.offsetHeight) ?? 0}px`);
+      (e = p.value) == null || e.style.setProperty("--ribbon-offset", `${(t == null ? void 0 : t.offsetHeight) ?? 0}px`);
     }, b = async () => {
       var t;
       try {
         o.initialized || o.init(a.config), c.templateId = o.templateId;
-        const e = o.template, s = (e == null ? void 0 : e.html) || "", d = (e == null ? void 0 : e.css) || "", _ = (e == null ? void 0 : e.preselectedDynamicContent) || [];
-        D.selectedUnsubscribePages = (e == null ? void 0 : e.selectedUnsubscribePages) || [];
-        const N = ((t = e == null ? void 0 : e.migration) == null ? void 0 : t.recommendationConfigs) ?? {}, O = o.isFeatureEnabled("linkTrackingIds");
+        const e = o.template, s = (e == null ? void 0 : e.html) || "", d = (e == null ? void 0 : e.css) || "", P = (e == null ? void 0 : e.preselectedDynamicContent) || [];
+        w.selectedUnsubscribePages = (e == null ? void 0 : e.selectedUnsubscribePages) || [];
+        const _ = ((t = e == null ? void 0 : e.migration) == null ? void 0 : t.recommendationConfigs) ?? {}, N = o.isFeatureEnabled("linkTrackingIds");
         let n = {
-          html: s && await G(s, N),
+          html: s && await W(s, _),
           css: d
         };
-        n.html || (n = await L(), n.html = await G(n.html, N));
-        const oe = O ? H(n.html, (e == null ? void 0 : e.trackIdCounter) || 0) : 0;
-        U(n.html) && (n.html = await B(n.html)), O && (c.trackIdSessionFloor = Math.max(oe, H(n.html)));
+        n.html || (n = await I(), n.html = await W(n.html, _));
+        const oe = N ? $(n.html, (e == null ? void 0 : e.trackIdCounter) || 0) : 0;
+        B(n.html) && (n.html = await L(n.html)), N && (c.trackIdSessionFloor = Math.max(oe, $(n.html)));
         const ne = {
-          preselectedDynamicContentList: _,
+          preselectedDynamicContentList: P,
           onReady: () => {
             console.debug("guido:ready"), r("ready");
           }
         };
-        u = R(), await T(n, g(), ne), y.selectedDynamicContentList = _;
+        g = M(), await k(n, y(), ne), f.selectedDynamicContentList = P;
       } catch (e) {
         console.error("Failed to initialize Stripo editor:", e);
       }
     };
     return se(async () => {
       var e;
-      console.debug("Guido says happy coding 🎉"), console.debug("🚗 Ka-Chow"), E().$reset(), w().$reset(), Fe().$reset(), h();
-      const t = (e = f.value) == null ? void 0 : e.parentElement;
-      if (t && (i = new ResizeObserver(h), i.observe(t)), I(), a.ready)
+      console.debug("Guido says happy coding 🎉"), console.debug("🚗 Ka-Chow"), h().$reset(), H().$reset(), Te().$reset(), S();
+      const t = (e = p.value) == null ? void 0 : e.parentElement;
+      if (t && (i = new ResizeObserver(S), i.observe(t)), T(), a.ready)
         await b();
       else {
-        const s = W(() => a.ready, (d) => {
+        const s = x(() => a.ready, (d) => {
           d && (s(), b());
         });
       }
-      document.addEventListener("dynamic-content:open", S);
+      document.addEventListener("dynamic-content:open", v);
     }), ae(() => {
-      if (i == null || i.disconnect(), document.removeEventListener("dynamic-content:open", S), E().disposeStrategyPageReturn(), v(u))
-        try {
-          w().isStripoInitialized = !1;
-        } catch (t) {
-          console.debug("Failed to close the editor readiness gate on unmount", t);
-        }
-      M(async () => {
-        if (v(u))
+      i == null || i.disconnect(), document.removeEventListener("dynamic-content:open", v), h().disposeStrategyPageReturn(), F(async () => {
+        if (R(g))
           try {
             window.UIEditor.removeEditor();
           } catch {
@@ -156,13 +150,13 @@ const tt = /* @__PURE__ */ re({
       }), o.reset();
     }), q({
       dynamicContent: {
-        insert: A,
-        close: P
+        insert: U,
+        close: A
       },
       hasChanges: l,
-      saveSilent: k,
-      setLoading: F
-    }), { __sfc: !0, PreviewContainer: K, OnboardingWrapper: V, AssignStrategyDrawer: j, RemoveStrategyModal: J, LegacyStrategyUpdatedModal: Q, headerWrapperRef: C, wrapperRef: f, dynamicContentStore: y, unsubscribeStore: D, props: a, configStore: o, editorStore: c, previewStore: X, hasChanges: l, isTestPartner: Y, saveSilent: k, setLoading: F, emit: r, buildMetadata: g, initPlugin: T, preloadRuntime: I, runExclusive: M, beginMount: R, isCurrentMount: v, mountGeneration: u, getDefaultTemplate: L, cloneTimersOnSave: B, hasTimerBlocks: U, noHeader: Z, isRrsEnabled: ee, hasAssignedStrategy: te, insertDynamicContent: A, closeDynamicContent: P, handleDynamicContentOpen: S, ribbonObserver: i, updateRibbonOffset: h, startEditor: b, AutoSaveController: ye, Toaster: ge, FilterSelectionDrawer: ve, HeaderWrapper: Se, LoadingWrapper: he, SaveAsTemplateDrawer: be, UnsubscribeWrapper: Ee };
+      saveSilent: C,
+      setLoading: D
+    }), { __sfc: !0, PreviewContainer: K, OnboardingWrapper: V, AssignStrategyDrawer: j, RemoveStrategyModal: J, LegacyStrategyUpdatedModal: Q, headerWrapperRef: E, wrapperRef: p, dynamicContentStore: f, unsubscribeStore: w, props: a, configStore: o, editorStore: c, previewStore: X, hasChanges: l, isTestPartner: Y, saveSilent: C, setLoading: D, emit: r, buildMetadata: y, initPlugin: k, preloadRuntime: T, runExclusive: F, beginMount: M, isCurrentMount: R, mountGeneration: g, getDefaultTemplate: I, cloneTimersOnSave: L, hasTimerBlocks: B, noHeader: Z, isRrsEnabled: ee, hasAssignedStrategy: te, insertDynamicContent: U, closeDynamicContent: A, handleDynamicContentOpen: v, ribbonObserver: i, updateRibbonOffset: S, startEditor: b, AutoSaveController: ye, Toaster: ge, FilterSelectionDrawer: ve, HeaderWrapper: Se, LoadingWrapper: be, SaveAsTemplateDrawer: he, UnsubscribeWrapper: Ee };
   }
 });
 export {

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

@@ -9,15 +9,15 @@ var u = function() {
   } } }), e(t.MigrationConfirmModal, { ref: "migrationModalRef", on: { confirm: function(r) {
     return t.executeSave(!1);
   } } })], 1);
-}, p = [], c = /* @__PURE__ */ d(
+}, c = [], p = /* @__PURE__ */ d(
   l,
   u,
-  p,
+  c,
   !1,
   null,
-  "1ca6baf0"
+  "c61cc8ea"
 );
-const v = c.exports;
+const v = p.exports;
 export {
   v as default
 };

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

@@ -1,4 +1,4 @@
-import { defineComponent as q, ref as l, computed as w } from "vue";
+import { defineComponent as q, ref as n, computed as x } from "vue";
 import { useActionsApi as b } from "../../../composables/useActionsApi.js";
 import { useConfig as k } from "../../../composables/useConfig.js";
 import { useExport as B } from "../../../composables/useExport.js";
@@ -17,48 +17,46 @@ import { storeToRefs as Q } from "pinia";
 import U from "./MigrationConfirmModal.vue.js";
 const ft = /* @__PURE__ */ q({
   __name: "EditorActions",
-  setup(W, { expose: x }) {
-    const { config: m, isFeatureEnabled: c } = k(), { exportHtml: p } = B(), { save: u } = R(), { openVersionHistory: f, closeVersionHistory: d } = P(), { getCompiledEmail: v } = b(), { compileHtml: y } = L(), { validateLiquidSyntax: g } = j(), { handleError: r } = z(), e = G(), h = J(), { hasMigrations: H } = Q(h), s = I(), i = l(!1), a = l(!1), S = l(), V = D(), _ = () => {
+  setup(W, { expose: w }) {
+    const { config: l, isFeatureEnabled: m } = k(), { exportHtml: c } = B(), { save: p } = R(), { openVersionHistory: u, closeVersionHistory: f } = P(), { getCompiledEmail: d } = b(), { compileHtml: v } = L(), { validateLiquidSyntax: y } = j(), { handleError: r } = z(), e = G(), g = J(), { hasMigrations: S } = Q(g), s = I(), i = n(!1), a = n(!1), H = n(), h = D(), _ = () => {
       if (e.isVersionHistoryOpen) {
-        d();
+        f();
         return;
       }
-      f();
+      u();
     }, C = async () => {
-      i.value = !0, await p(), i.value = !1;
+      i.value = !0, await c(), i.value = !1;
     }, A = () => {
       e.isSaveAsTemplateDrawerOpen = !0;
-    }, M = w(() => e.isVersionHistoryOpen ? s("newsletter.close-version-history") : s("newsletter.version-history")), O = w(
+    }, M = x(() => e.isVersionHistoryOpen ? s("newsletter.close-version-history") : s("newsletter.version-history")), O = x(
       () => {
         var t, o;
-        return ((o = (t = m.value) == null ? void 0 : t.features) == null ? void 0 : o.versionHistory) && !e.isPreviewModeOpen;
+        return ((o = (t = l.value) == null ? void 0 : t.features) == null ? void 0 : o.versionHistory) && !e.isPreviewModeOpen;
       }
-    ), E = async (t) => {
+    ), V = async (t) => {
       a.value = !0, t || (e.loadingStatus = !0);
       let o;
       try {
-        o = await u(t);
-      } catch (n) {
-        if (t)
-          throw n;
-        r(n, "Failed to save template");
+        o = await p(t);
+      } catch (T) {
+        r(T, "Failed to save template");
       } finally {
         a.value = !1, !t && !o && (e.loadingStatus = !1);
       }
       return o;
-    }, T = (t) => {
+    }, E = (t) => {
       var o;
-      if (!t && H.value) {
-        (o = S.value) == null || o.open();
+      if (!t && S.value) {
+        (o = H.value) == null || o.open();
         return;
       }
-      return E(t);
+      return V(t);
     }, F = async () => {
-      if (c("liquidSyntax")) {
+      if (m("liquidSyntax")) {
         e.loadingStatus = !0;
         try {
-          const { html: t } = await v({ minimize: !0, resetDataSavedFlag: !1 }), { compiledHtml: o } = y(t);
-          if (!await g(o))
+          const { html: t } = await d({ minimize: !0, resetDataSavedFlag: !1 }), { compiledHtml: o } = v(t);
+          if (!await y(o))
             return;
         } catch (t) {
           r(t, "Failed to prepare test email");
@@ -67,11 +65,11 @@ const ft = /* @__PURE__ */ q({
           e.loadingStatus = !1;
         }
       }
-      V();
+      h();
     };
-    return x({
-      handleSave: T
-    }), { __sfc: !0, config: m, isFeatureEnabled: c, exportHtml: p, save: u, openVersionHistory: f, closeVersionHistory: d, getCompiledEmail: v, compileHtml: y, validateLiquidSyntax: g, handleError: r, editorStore: e, templateStore: h, hasMigrations: H, trans: s, isExporting: i, isSaving: a, migrationModalRef: S, testEmailClick: V, handleVersionHistory: _, handleExport: C, handleSaveAs: A, versionHistoryTooltipText: M, isVersionHistoryButtonVisible: O, executeSave: E, handleSave: T, handleTestEmail: F, getTooltipOptions: K, InButtonV2: N, MigrationConfirmModal: U };
+    return w({
+      handleSave: E
+    }), { __sfc: !0, config: l, isFeatureEnabled: m, exportHtml: c, save: p, openVersionHistory: u, closeVersionHistory: f, getCompiledEmail: d, compileHtml: v, validateLiquidSyntax: y, handleError: r, editorStore: e, templateStore: g, hasMigrations: S, trans: s, isExporting: i, isSaving: a, migrationModalRef: H, testEmailClick: h, handleVersionHistory: _, handleExport: C, handleSaveAs: A, versionHistoryTooltipText: M, isVersionHistoryButtonVisible: O, executeSave: V, handleSave: E, handleTestEmail: F, getTooltipOptions: K, InButtonV2: N, MigrationConfirmModal: U };
   }
 });
 export {

package/dist/composables/useActionsApi.js

@@ -1,22 +1,23 @@
-import { filterAmpErrors as v } from "../utils/ampErrorFilter.js";
-import { useToaster as y } from "./useToaster.js";
-const D = 1e4, T = 3e4, p = (n, l, w) => new Promise((A, s) => {
-  const c = setTimeout(
-    () => s(new Error(`${n} did not report completion within ${l}ms`)),
+import { filterAmpErrors as y } from "../utils/ampErrorFilter.js";
+import { getEditorApi as s } from "../utils/stripoEditorApi.js";
+import { useToaster as D } from "./useToaster.js";
+const h = 1e4, T = 3e4, r = (n, l, A) => new Promise((C, p) => {
+  const f = setTimeout(
+    () => p(new Error(`${n} did not report completion within ${l}ms`)),
     l
-  ), d = (r) => (t) => {
-    clearTimeout(c), r(t);
-  };
+  ), c = (t) => (e) => {
+    clearTimeout(f), t(e);
+  }, d = c(p);
   try {
-    w(d(A), d(s));
-  } catch (r) {
-    clearTimeout(c), s(r instanceof Error ? r : new Error(String(r)));
+    A(c(C), d);
+  } catch (t) {
+    d(t);
   }
-}), I = () => {
-  const { handleError: n } = y(), l = (t = {}) => p(
+}), P = () => {
+  const { handleError: n } = D(), l = (t = {}) => r(
     "compileEmail",
     T,
-    (e, a) => {
+    (e, i) => {
       const o = { ...{
         minimize: !0,
         utmEntity: {
@@ -37,52 +38,52 @@ const D = 1e4, T = 3e4, p = (n, l, w) => new Promise((A, s) => {
         resetDataSavedFlag: !1,
         disableLineHeightsReplace: !0
       }, ...t }, u = {
-        callback: (m, C, f, S, g) => {
-          m ? a(m) : e({
-            html: C,
-            ampHtml: f,
-            ampErrors: v(S ?? []),
-            displayConditions: g
+        callback: (m, g, w, S, v) => {
+          m ? i(m) : e({
+            html: g,
+            ampHtml: w,
+            ampErrors: y(S ?? []),
+            displayConditions: v
           });
         },
         ...o
       };
-      window.StripoEditorApi.actionsApi.compileEmail(u);
+      s().actionsApi.compileEmail(u);
     }
   );
   return {
     getCompiledEmail: l,
-    getTemplateData: () => p(
+    getTemplateData: () => r(
       "getTemplateData",
       T,
       (t) => {
-        const e = ({ html: a, css: i, width: o, height: E, utmParams: u, syncModulesIds: m }) => t({
-          html: a,
-          css: i,
+        const e = ({ html: i, css: a, width: o, height: E, utmParams: u, syncModulesIds: m }) => t({
+          html: i,
+          css: a,
           width: o,
           height: E,
           utmParams: u,
           syncModulesIds: m
         });
-        window.StripoEditorApi.actionsApi.getTemplateData(e);
+        s().actionsApi.getTemplateData(e);
       }
     ),
     activateCustomViewStyles: (t = !0) => {
-      window.StripoEditorApi.actionsApi.activateCustomViewStyles(t);
+      s().actionsApi.activateCustomViewStyles(t);
     },
     getPreviewData: async (t) => {
       try {
         const {
           html: e,
-          displayConditions: a,
-          ampHtml: i = "",
+          displayConditions: i,
+          ampHtml: a = "",
           ampErrors: o = []
         } = await l({ minimize: !1, resetDataSavedFlag: !1, ...t });
         return {
           html: e,
-          ampHtml: i,
+          ampHtml: a,
           ampErrors: o,
-          displayConditions: a
+          displayConditions: i
         };
       } catch (e) {
         return n(e, "Error loading preview"), {
@@ -94,30 +95,30 @@ const D = 1e4, T = 3e4, p = (n, l, w) => new Promise((A, s) => {
       }
     },
     updateTimerInClonedTemplate: () => new Promise((t) => {
-      var e, a;
-      if (typeof ((a = (e = window.StripoEditorApi) == null ? void 0 : e.actionsApi) == null ? void 0 : a.updateTimerInClonedTemplate) != "function") {
+      var e, i;
+      if (typeof ((i = (e = window.StripoEditorApi) == null ? void 0 : e.actionsApi) == null ? void 0 : i.updateTimerInClonedTemplate) != "function") {
         t(null);
         return;
       }
       try {
-        window.StripoEditorApi.actionsApi.updateTimerInClonedTemplate((i, o) => {
-          i ? (n(i, "Failed to update timer in cloned template"), t(null)) : t(o || null);
+        window.StripoEditorApi.actionsApi.updateTimerInClonedTemplate((a, o) => {
+          a ? (n(a, "Failed to update timer in cloned template"), t(null)) : t(o || null);
         });
-      } catch (i) {
-        n(i, "Failed to call updateTimerInClonedTemplate"), t(null);
+      } catch (a) {
+        n(a, "Failed to call updateTimerInClonedTemplate"), t(null);
       }
     }),
     updateHtmlAndCss: (t, e) => {
-      const { actionsApi: a } = window.StripoEditorApi;
-      return p("updateHtmlAndCss", D, (i) => {
-        a.updateHtmlAndCss(t, e, () => i());
+      const { actionsApi: i } = s();
+      return r("updateHtmlAndCss", h, (a) => {
+        i.updateHtmlAndCss(t, e, () => a());
       });
     },
-    editorSave: () => p(
+    editorSave: () => r(
       "save",
       T,
       (t) => {
-        window.StripoEditorApi.actionsApi.save((e) => {
+        s().actionsApi.save((e) => {
           if (e) {
             n(e, "Failed to save template"), t(!1);
             return;
@@ -129,5 +130,5 @@ const D = 1e4, T = 3e4, p = (n, l, w) => new Promise((A, s) => {
   };
 };
 export {
-  I as useActionsApi
+  P as useActionsApi
 };

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
 };