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

package/dist/components/Guido.vue2.js

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

package/dist/components/organisms/base/AuthErrorModal.vue.js

@@ -0,0 +1,18 @@
+import e from "./AuthErrorModal.vue2.js";
+/* empty css                    */
+import s from "../../../_virtual/_plugin-vue2_normalizer.js";
+var a = function() {
+  var o = this, r = o._self._c, t = o._self._setupProxy;
+  return t.authError ? r("div", { staticClass: "auth-error-modal" }, [r(t.WpModal, { attrs: { id: "guido__auth-error-modal", state: "warning", "close-button-status": !1, "close-on-outside-click": !1, "footer-button-options": t.footerButtonOptions, title: t.title }, on: { close: t.dismiss, "primary-action": t.recover } }, [r("p", [o._v(o._s(t.message))])])], 1) : o._e();
+}, n = [], i = /* @__PURE__ */ s(
+  e,
+  a,
+  n,
+  !1,
+  null,
+  "b4d7ae51"
+);
+const m = i.exports;
+export {
+  m as default
+};

package/dist/components/organisms/base/AuthErrorModal.vue2.js

@@ -0,0 +1,42 @@
+import { defineComponent as c, computed as n } from "vue";
+import p from "../../wrappers/WpModal.vue.js";
+import { useAuthError as d } from "../../../composables/useAuthError.js";
+import { useTranslations as m } from "../../../composables/useTranslations.js";
+const _ = /* @__PURE__ */ c({
+  __name: "AuthErrorModal",
+  setup(v) {
+    const e = m(), { authError: t } = d(), r = n(() => {
+      var o;
+      return ((o = t.value) == null ? void 0 : o.status) === 419 && t.value.data !== null;
+    }), s = n(() => {
+      var o;
+      return ((o = t.value) == null ? void 0 : o.status) === 419 && t.value.data === null;
+    }), i = n(() => r.value ? e("integration-hub.reload-this-page") : e("action-builder.session-expired")), u = n(() => r.value ? e("auth.error-occurred-refresh") : s.value ? e("settings.session-on-another-device") : e("journey-builder.login-session-expired")), l = n(() => ({
+      primaryButton: {
+        type: "primary",
+        labelText: r.value ? e("integration-hub.reload") : e("journey-builder.login-popup-button")
+      },
+      cancelOrBackButton: {
+        type: "secondary",
+        styling: "ghost",
+        labelText: e("settings.cancel")
+      }
+    })), a = () => {
+      if (r.value) {
+        window.location.reload();
+        return;
+      }
+      window.location.replace("/");
+    };
+    return { __sfc: !0, trans: e, authError: t, isPageExpired: r, isTakenOver: s, title: i, message: u, footerButtonOptions: l, recover: a, dismiss: () => {
+      if (r.value) {
+        t.value = null;
+        return;
+      }
+      a();
+    }, WpModal: p };
+  }
+});
+export {
+  _ as default
+};

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/components/wrappers/WpModal.vue.js

@@ -2,7 +2,7 @@ import r from "./WpModal.vue2.js";
 import s from "../../_virtual/_plugin-vue2_normalizer.js";
 var i = function() {
   var t = this, o = t._self._c, e = t._self._setupProxy;
-  return o(e.InModalV2, { attrs: { id: t.id, "description-status": "", status: "", "close-button-status": t.closeButtonStatus, "close-on-outside-click": t.closeOnOutsideClick, "description-text": t.description, "footer-button-group-options": t.footerButtonOptions, "footer-status": t.footerStatus, size: t.size, "title-text": t.title }, on: { cancelOrBackButtonEvent: function(n) {
+  return o(e.InModalV2, { attrs: { id: t.id, "description-status": "", status: "", "close-button-status": t.closeButtonStatus, "close-on-outside-click": t.closeOnOutsideClick, "description-text": t.description, "footer-button-group-options": t.footerButtonOptions, "footer-status": t.footerStatus, size: t.size, state: t.state, "title-text": t.title }, on: { cancelOrBackButtonEvent: function(n) {
     return e.emit("close");
   }, onCloseEvent: function(n) {
     return e.emit("close");

package/dist/components/wrappers/WpModal.vue2.js

@@ -1,11 +1,12 @@
 import { defineComponent as e } from "vue";
 import { InModalV2 as o } from "@useinsider/design-system-vue";
-const u = /* @__PURE__ */ e({
+const n = /* @__PURE__ */ e({
   __name: "WpModal",
   props: {
     id: null,
     title: null,
     description: { default: "" },
+    state: { default: "default" },
     size: { default: "small" },
     footerButtonOptions: { default: void 0 },
     closeButtonStatus: { type: Boolean, default: !0 },
@@ -13,10 +14,10 @@ const u = /* @__PURE__ */ e({
     footerStatus: { type: Boolean, default: !0 }
   },
   emits: ["close", "primary-action", "secondary-action"],
-  setup(l, { emit: t }) {
+  setup(a, { emit: t }) {
     return { __sfc: !0, emit: t, InModalV2: o };
   }
 });
 export {
-  u as default
+  n as default
 };

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