@useinsider/guido 3.17.0-beta.edf4165 → 3.17.0-beta.f7536b7

package/README.md

@@ -162,7 +162,6 @@ const config: GuidoConfigInput = {
     liquidSyntax?: boolean,       // Default: false - Enable Liquid template syntax
     autosave?: boolean,           // Default: false - Show the Auto Save toggle in the header. See wiki/AUTOSAVE.md.
     allowlistEnabled?: boolean,   // Default: false - Pre-save domain-allowlist check (opt-in). Guido self-serves the block toaster (role lookup, deep-link, copy from window.trans).
-    reusableRecommendationStrategy?: boolean, // Default: false - Assign an RRS strategy to recommendation blocks instead of per-block algorithm/filters/shuffle/product-count settings.
   },
 
   // Optional: Callbacks

package/dist/@types/config/schemas.js

@@ -1,5 +1,5 @@
 import { ModuleFolderDefaults as f } from "../../enums/defaults.js";
-import { object as a, number as n, optional as e, string as t, picklist as i, pipe as m, minLength as b, custom as y, boolean as o, array as c, transform as C, record as k, fallback as R, literal as u, looseObject as g, variant as T, union as h, unknown as r, lazy as I } from "../../node_modules/valibot/dist/index.js";
+import { object as a, number as n, optional as e, string as t, picklist as i, pipe as m, minLength as b, custom as k, boolean as o, array as c, transform as C, record as y, fallback as R, literal as u, looseObject as g, variant as T, union as h, unknown as r, lazy as I } from "../../node_modules/valibot/dist/index.js";
 const p = {
   /** Promotional/marketing emails */
   PROMOTIONAL: 1,
@@ -76,7 +76,7 @@ const p = {
   children: e(c(S)),
   // eslint-disable-next-line camelcase -- backend field name
   select_items: e(c(S))
-})), N = k(
+})), N = y(
   t(),
   R(c(S), [])
 ), P = g({
@@ -132,7 +132,7 @@ const p = {
    * strategy, currency, locale, and layout data.
    */
   recommendationConfigs: e(
-    k(t(), P),
+    y(t(), P),
     {}
   )
 }), x = a({
@@ -219,8 +219,7 @@ const p = {
   /** Enable pre-save domain-allowlist validation (opt-in; Guido self-serves the block toaster) */
   allowlistEnabled: e(o(), !1),
   /** Enable persistent link tracking-id assignment for the click heatmap (opt-in) */
-  linkTrackingIds: e(o(), !1),
-  reusableRecommendationStrategy: e(o(), !1)
+  linkTrackingIds: e(o(), !1)
 }), B = i([
   "amp-accordion",
   "amp-carousel",
@@ -288,7 +287,7 @@ const p = {
   ...d.entries,
   type: u("custom"),
   /** Custom processor function */
-  processor: y(
+  processor: k(
     (s) => typeof s == "function",
     "processor must be a function"
   )
@@ -308,7 +307,7 @@ const p = {
    * Return false to cancel the save operation.
    */
   externalValidation: e(
-    y(
+    k(
       (s) => typeof s == "function",
       "externalValidation must be a function"
     )

package/dist/components/Guido.vue.js

@@ -1,20 +1,20 @@
-import a from "./Guido.vue2.js";
+import i from "./Guido.vue2.js";
 /* empty css           */
-import i from "../_virtual/_plugin-vue2_normalizer.js";
+import a from "../_virtual/_plugin-vue2_normalizer.js";
 var t = function() {
   var o = this, r = o._self._c, e = o._self._setupProxy;
-  return r("div", { ref: "wrapperRef", staticClass: "guido-editor__wrapper", class: { "guido-editor__no-header": e.noHeader } }, [r(e.HeaderWrapper, { ref: "headerWrapperRef" }), r(e.AutoSaveController), e.editorStore.isPreviewModeOpen ? r(e.PreviewContainer) : o._e(), r("div", { directives: [{ name: "show", rawName: "v-show", value: !e.previewStore.isLoaded, expression: "!previewStore.isLoaded" }], staticClass: "guido-editor__container", class: { "guido-editor__no-header": e.noHeader }, attrs: { id: "guido-editor" } }), r(e.Toaster), r(e.FilterSelectionDrawer), e.isRrsEnabled || e.hasAssignedStrategy ? r(e.AssignStrategyDrawer) : o._e(), r(e.SaveAsTemplateDrawer), e.isTestPartner() ? o._e() : r(e.OnboardingWrapper, { on: { "onboarding-finished": function(p) {
+  return r("div", { ref: "wrapperRef", staticClass: "guido-editor__wrapper", class: { "guido-editor__no-header": e.noHeader } }, [r(e.HeaderWrapper, { ref: "headerWrapperRef" }), r(e.AutoSaveController), e.editorStore.isPreviewModeOpen ? r(e.PreviewContainer) : o._e(), r("div", { directives: [{ name: "show", rawName: "v-show", value: !e.previewStore.isLoaded, expression: "!previewStore.isLoaded" }], staticClass: "guido-editor__container", class: { "guido-editor__no-header": e.noHeader }, attrs: { id: "guido-editor" } }), r(e.Toaster), r(e.FilterSelectionDrawer), r(e.SaveAsTemplateDrawer), e.isTestPartner() ? o._e() : r(e.OnboardingWrapper, { on: { "onboarding-finished": function(p) {
     return e.emit("onboarding:finished");
   } } }), r(e.UnsubscribeWrapper), r(e.LoadingWrapper)], 1);
-}, s = [], n = /* @__PURE__ */ i(
-  a,
+}, n = [], s = /* @__PURE__ */ a(
+  i,
   t,
-  s,
+  n,
   !1,
   null,
-  "e6f99d29"
+  "1f2703e5"
 );
-const l = n.exports;
+const l = s.exports;
 export {
   l as default
 };

package/dist/components/Guido.vue2.js

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

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

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