@useinsider/guido 3.18.2-beta.ec25841 → 3.18.2-beta.eedafd2

package/dist/components/organisms/extensions/recommendation/AssignStrategyDrawer.vue2.js

@@ -1,47 +1,48 @@
-import { defineComponent as I, defineAsyncComponent as S, ref as T, computed as l, watch as h } from "vue";
+import { defineComponent as v, defineAsyncComponent as y, ref as u, computed as l, watch as O } from "vue";
 import "@useinsider/design-system-organisms/style";
-import { useToaster as A } from "../../../../composables/useToaster.js";
-import { useTranslations as C } from "../../../../composables/useTranslations.js";
-import { DOTTED_DATE_LOCALE as B } from "../../../../enums/date.js";
-import { URLS as b } from "../../../../enums/extensions/recommendationBlock.js";
+import { useToaster as x } from "../../../../composables/useToaster.js";
+import { useTranslations as A } from "../../../../composables/useTranslations.js";
+import { DOTTED_DATE_LOCALE as E } from "../../../../enums/date.js";
+import { URLS as h } from "../../../../enums/extensions/recommendationBlock.js";
 import { ToasterTypeOptions as m } from "../../../../enums/toaster.js";
-import { useRecommendationExtensionStore as k } from "../../../../extensions/Blocks/Recommendation/store/recommendation.js";
-import { commitStrategyDetach as N } from "../../../../extensions/Blocks/Recommendation/utils/strategyDetach.js";
-import R from "./StrategyInfoBoxContent.vue.js";
-import { formatShortDate as P } from "../../../../utils/dateUtil.js";
-import { asText as _ } from "../../../../utils/genericUtil.js";
-import { escapeHtml as U } from "../../../../utils/htmlEscape.js";
-import { InSkeleton as L } from "@useinsider/design-system-vue";
-const rt = /* @__PURE__ */ I({
+import { useRecommendationExtensionStore as C } from "../../../../extensions/Blocks/Recommendation/store/recommendation.js";
+import B from "./StrategyInfoBoxContent.vue.js";
+import { formatShortDate as I } from "../../../../utils/dateUtil.js";
+import { asText as f } from "../../../../utils/genericUtil.js";
+import { escapeHtml as N } from "../../../../utils/htmlEscape.js";
+import { InSkeleton as b } from "@useinsider/design-system-vue";
+const W = /* @__PURE__ */ v({
   __name: "AssignStrategyDrawer",
-  setup(M) {
-    const g = () => import("@useinsider/design-system-organisms"), d = (t, r) => ({
-      render: (o) => o(L, { props: { sizing: { width: t, height: r } } })
-    }), D = S({
-      loader: async () => (await g()).OrgStrategyDetailModal,
-      loadingComponent: d(480, 240),
+  setup(k) {
+    const c = () => import("@useinsider/design-system-organisms"), g = (t, r) => ({
+      render: (a) => a(b, { props: { sizing: { width: t, height: r } } })
+    }), S = y({
+      loader: async () => (await c()).OrgStrategyDetailModal,
+      loadingComponent: g(480, 240),
       delay: 0
-    }), v = S({
-      loader: async () => (await g()).OrgStrategyDropdown
-    }), n = "guido-edit-strategy-", s = C(), e = k(), { showToaster: i } = A(), a = T(null), c = T(!1), w = l(() => e.assignStrategyDrawerStatus ? s("email-editor.assign-strategy-description", { url: b.RECOMMENDATION_STRATEGIES_PANEL_PATH }) : "");
-    h(() => e.assignStrategyDrawerStatus, (t) => {
+    }), T = y({
+      loader: async () => (await c()).OrgStrategyDropdown,
+      loadingComponent: g(240, 42),
+      delay: 0
+    }), o = A(), e = C(), { showToaster: s } = x(), n = u(null), i = u(!1), _ = l(() => e.assignStrategyDrawerStatus ? o("email-editor.assign-strategy-description", { url: h.RECOMMENDATION_STRATEGIES_PANEL_PATH }) : "");
+    O(() => e.assignStrategyDrawerStatus, (t) => {
       if (!t)
         return;
       const { strategyId: r } = e.recommendationConfigs;
-      a.value = r || null, c.value = !1, e.fetchStrategies().catch(() => {
-        i({
+      n.value = r || null, i.value = !1, e.fetchStrategies().catch(() => {
+        s({
           type: m.Error,
-          message: s("discovery-strategy.error-description")
+          message: o("discovery-strategy.error-description")
         });
       });
     });
-    const u = (t) => {
-      const r = _(t.updated_at || t.created_at);
+    const p = (t) => {
+      const r = f(t.updated_at || t.created_at);
       if (!r)
         return "";
-      const o = P(r, B);
-      return s("recommendation-strategy.last-updated-on", { value: o });
-    }, x = l(() => e.strategies.map((t) => ({
+      const a = I(r, E);
+      return o("recommendation-strategy.last-updated-on", { value: a });
+    }, D = l(() => e.strategies.map((t) => ({
       text: t.name,
       value: t.strategy_id,
       infoBoxProps: {
@@ -49,76 +50,57 @@ const rt = /* @__PURE__ */ I({
         theme: "light",
         variant: "information",
         className: "assign-strategy-info-box",
-        titleText: U(_(t.name)),
+        titleText: N(f(t.name)),
         descriptionStatus: !0,
-        descriptionText: u(t),
-        slot: R,
-        slotProps: { strategy: t },
-        // The info box drops the option's value/text, so the id is the only channel
-        // that can carry the strategy back to the click handler.
-        buttonOptions: [{
-          id: `${n}${t.strategy_id}`,
-          text: s("eureka.edit-strategy"),
-          type: "text",
-          // Resolved from Guido's own public/sprite.svg by InIcons; an unknown name would
-          // silently render blank space instead of failing.
-          icon: "line-open-website"
-        }]
+        descriptionText: p(t),
+        slot: B,
+        slotProps: { strategy: t }
       }
-    }))), E = (t) => {
-      var f;
-      const r = (f = t == null ? void 0 : t.id) != null && f.startsWith(n) ? t.id.slice(n.length) : "";
-      if (!r)
-        return;
-      const o = e.currentRecommendationId;
-      String(a.value ?? "") === r && (a.value = null);
-      const y = e.recommendationConfigs.strategyId === r;
-      y && e.removeStrategy(), e.openStrategyEdit(r), y && o !== null && N(o);
-    }, p = l(() => {
-      const t = e.strategies.find((r) => String(r.strategy_id) === String(a.value ?? ""));
+    }))), d = l(() => {
+      const t = e.strategies.find((r) => String(r.strategy_id) === String(n.value ?? ""));
       return t ? { ...t, fallback_config: null } : null;
-    }), O = l(() => ({
+    }), w = l(() => ({
       primaryButton: {
         styling: "solid",
         type: "primary",
-        labelText: s("products.assign-btn")
+        labelText: o("products.assign-btn")
       },
       cancelOrBackButton: {
         styling: "ghost",
         type: "secondary",
-        labelText: s("products.cancel")
+        labelText: o("products.cancel")
       }
     }));
-    return { __sfc: !0, loadOrganisms: g, skeleton: d, OrgStrategyDetailModal: D, OrgStrategyDropdown: v, EDIT_BUTTON_ID_PREFIX: n, trans: s, store: e, showToaster: i, selectedStrategyId: a, showSelectionError: c, drawerDescription: w, lastUpdatedText: u, strategyOptions: x, onInfoBoxButtonClick: E, selectedStrategy: p, footerButtonGroupOptions: O, closeDrawer: () => {
+    return { __sfc: !0, loadOrganisms: c, skeleton: g, OrgStrategyDetailModal: S, OrgStrategyDropdown: T, trans: o, store: e, showToaster: s, selectedStrategyId: n, showSelectionError: i, drawerDescription: _, lastUpdatedText: p, strategyOptions: D, selectedStrategy: d, footerButtonGroupOptions: w, closeDrawer: () => {
       e.closeAssignStrategyDrawer();
     }, assignStrategy: async () => {
-      const t = p.value;
+      const t = d.value;
       if (!t) {
-        c.value = !0;
+        i.value = !0;
         return;
       }
       let r = "";
       try {
         r = await e.resolveStrategyUrlTemplate(t, e.recommendationConfigs.currencySettings.value);
-      } catch (o) {
-        console.error("[AssignStrategyDrawer] resolveStrategyUrlTemplate failed", o);
+      } catch (a) {
+        console.error("[AssignStrategyDrawer] resolveStrategyUrlTemplate failed", a);
       }
       if (!r) {
-        i({
+        s({
           type: m.Error,
-          message: s("email-editor.strategy-assign-failed", { strategyName: t.name })
+          message: o("email-editor.strategy-assign-failed", { strategyName: t.name })
         });
         return;
       }
-      e.assignStrategy(t), i({
+      e.assignStrategy(t), s({
         type: m.Success,
-        message: s("email-editor.strategy-assigned-success", { strategyName: t.name })
+        message: o("email-editor.strategy-assigned-success", { strategyName: t.name })
       }), e.closeAssignStrategyDrawer();
     }, onSelect: (t) => {
-      a.value = t.value, c.value = !1;
+      n.value = t.value, i.value = !1;
     } };
   }
 });
 export {
-  rt as default
+  W as default
 };

package/dist/components/organisms/extensions/recommendation/RemoveStrategyModal.vue2.js

@@ -1,15 +1,15 @@
-import { defineComponent as l, computed as a } from "vue";
-import d from "../../../wrappers/WpModal.vue.js";
-import { useToaster as g } from "../../../../composables/useToaster.js";
-import { useTranslations as y } from "../../../../composables/useTranslations.js";
-import { ToasterTypeOptions as u } from "../../../../enums/toaster.js";
-import { useRecommendationExtensionStore as f } from "../../../../extensions/Blocks/Recommendation/store/recommendation.js";
-import { commitStrategyDetach as _ } from "../../../../extensions/Blocks/Recommendation/utils/strategyDetach.js";
-import { escapeHtml as T } from "../../../../utils/htmlEscape.js";
-const C = /* @__PURE__ */ l({
+import { defineComponent as u, computed as n } from "vue";
+import y from "../../../wrappers/WpModal.vue.js";
+import { useToaster as f } from "../../../../composables/useToaster.js";
+import { useTranslations as _ } from "../../../../composables/useTranslations.js";
+import { ToasterTypeOptions as v } from "../../../../enums/toaster.js";
+import { useRecommendationExtensionStore as T } from "../../../../extensions/Blocks/Recommendation/store/recommendation.js";
+import { commitBlockChangeOutsidePanel as h } from "../../../../extensions/Blocks/Recommendation/utils/nodeConfigWriter.js";
+import { escapeHtml as R } from "../../../../utils/htmlEscape.js";
+const P = /* @__PURE__ */ u({
   __name: "RemoveStrategyModal",
-  setup(v) {
-    const t = y(), e = f(), { showToaster: n } = g(), i = a(() => ({
+  setup(S) {
+    const t = _(), e = T(), { showToaster: a } = f(), i = n(() => ({
       cancelOrBackButton: {
         type: "secondary",
         labelText: t("products.cancel"),
@@ -19,25 +19,39 @@ const C = /* @__PURE__ */ l({
         type: "danger",
         labelText: t("discovery-strategy.remove")
       }
-    })), m = a(() => {
+    })), m = n(() => {
       var o;
-      const { strategyId: s } = e.recommendationConfigs;
-      return ((o = e.assignedStrategy) == null ? void 0 : o.name) || `#${s}`;
-    }), r = "__STRATEGY_NAME__", p = a(() => t("email-editor.remove-strategy-confirm-message", { strategyName: r }).split(r)), c = () => {
+      const { strategyId: r } = e.recommendationConfigs;
+      return ((o = e.assignedStrategy) == null ? void 0 : o.name) || `#${r}`;
+    }), s = "__STRATEGY_NAME__", d = n(() => t("email-editor.remove-strategy-confirm-message", { strategyName: s }).split(s)), c = () => {
       e.closeRemoveStrategyModal();
     };
-    return { __sfc: !0, trans: t, store: e, showToaster: n, footerButtonOptions: i, strategyName: m, NAME_TOKEN: r, messageParts: p, close: c, handleConfirm: async () => {
-      const s = m.value, o = e.currentRecommendationId;
-      e.removeStrategy(), c(), n({
-        type: u.Success,
+    return { __sfc: !0, trans: t, store: e, showToaster: a, footerButtonOptions: i, strategyName: m, NAME_TOKEN: s, messageParts: d, close: c, handleConfirm: async () => {
+      const r = m.value, o = e.currentRecommendationId;
+      e.removeStrategy(), c();
+      const { strategyId: l, size: g } = e.recommendationConfigs;
+      if (a({
+        type: v.Success,
         // The toast renders through a sanitizing v-html, so the name is escaped first.
         message: t("email-editor.strategy-removed-success", {
-          strategyName: `<b>${T(s)}</b>`
+          strategyName: `<b>${R(r)}</b>`
         })
-      }), o !== null && await _(o);
-    }, WpModal: d };
+      }), o !== null) {
+        try {
+          await e.fetchRecommendationProducts();
+        } catch (p) {
+          console.error("[RemoveStrategyModal] product refetch failed", p);
+        }
+        h(
+          o,
+          { strategyId: l, size: g },
+          e.recommendationProducts,
+          "Removed recommendation strategy"
+        );
+      }
+    }, WpModal: y };
   }
 });
 export {
-  C as default
+  P as default
 };

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

@@ -4,7 +4,7 @@ import d from "../../../_virtual/_plugin-vue2_normalizer.js";
 var u = function() {
   var s, i, n, a;
   var o = this, e = o._self._c, t = o._self._setupProxy;
-  return e("div", { staticClass: "d-f editor-actions" }, [t.isVersionHistoryButtonVisible ? e(t.InButtonV2, { attrs: { id: "guido__history-button", "left-icon": "line-architect-version-history", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isVersionHistoryButtonDisabled, "label-text-status": !1, "selected-status": t.editorStore.isVersionHistoryOpen, "tooltip-options": t.getTooltipOptions("guido__history-button"), "tooltip-text": t.versionHistoryTooltipText }, on: { click: t.handleVersionHistory } }) : o._e(), e(t.InButtonV2, { attrs: { id: "guido__export-button", "left-icon": "line-export", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isExportButtonDisabled, "label-text-status": !1, "loading-status": t.isExporting, "tooltip-options": t.getTooltipOptions("guido__export-button"), "tooltip-text": t.trans("newsletter.export") }, on: { click: t.handleExport } }), (i = (s = t.config) == null ? void 0 : s.features) != null && i.saveAsTemplate ? e(t.InButtonV2, { attrs: { id: "guido__save-as-button", "left-icon": "line-newsletter-save-as-template", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isSaveAsButtonDisabled, "label-text-status": !1, "tooltip-options": t.getTooltipOptions("guido__save-as-button"), "tooltip-text": t.trans("newsletter.save-templates") }, on: { click: t.handleSaveAs } }) : o._e(), (a = (n = t.config) == null ? void 0 : n.features) != null && a.testMessage ? e(t.InButtonV2, { attrs: { id: "guido__test-button", "left-icon": "line-architect-test-journey", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isTestButtonDisabled, "label-text-status": !1, "tooltip-options": t.getTooltipOptions("guido__test-button", { staticPosition: "bottom right" }), "tooltip-text": t.trans("newsletter.test-email") }, on: { click: t.handleTestEmail } }) : o._e(), t.editorStore.isPreviewModeOpen ? o._e() : e(t.InButtonV2, { staticClass: "ml-3", attrs: { id: "guido__save-button", "label-text": "Save", "disabled-status": !t.isSaving && t.editorStore.isSaveButtonDisabled, "loading-status": t.isSaving }, on: { click: function(r) {
+  return e("div", { staticClass: "d-f editor-actions" }, [t.isVersionHistoryButtonVisible ? e(t.InButtonV2, { attrs: { id: "guido__history-button", "left-icon": "line-architect-version-history", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isVersionHistoryButtonDisabled, "label-text-status": !1, "selected-status": t.editorStore.isVersionHistoryOpen, "tooltip-options": t.getTooltipOptions("guido__history-button"), "tooltip-text": t.versionHistoryTooltipText }, on: { click: t.handleVersionHistory } }) : o._e(), e(t.InButtonV2, { attrs: { id: "guido__export-button", "left-icon": "line-export", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isExportButtonDisabled, "label-text-status": !1, "loading-status": t.isExporting, "tooltip-options": t.getTooltipOptions("guido__export-button"), "tooltip-text": t.trans("newsletter.export") }, on: { click: t.handleExport } }), (i = (s = t.config) == null ? void 0 : s.features) != null && i.saveAsTemplate ? e(t.InButtonV2, { attrs: { id: "guido__save-as-button", "left-icon": "line-newsletter-save-as-template", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isSaveAsButtonDisabled, "label-text-status": !1, "tooltip-options": t.getTooltipOptions("guido__save-as-button"), "tooltip-text": t.trans("newsletter.save-templates") }, on: { click: t.handleSaveAs } }) : o._e(), (a = (n = t.config) == null ? void 0 : n.features) != null && a.testMessage ? e(t.InButtonV2, { attrs: { id: "guido__test-button", "left-icon": "line-architect-test-journey", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isTestButtonDisabled, "label-text-status": !1, "tooltip-options": t.getTooltipOptions("guido__test-button", { staticPosition: "bottom right" }), "tooltip-text": t.trans("newsletter.test-email") }, on: { click: t.handleTestEmail } }) : o._e(), t.editorStore.isPreviewModeOpen ? o._e() : e(t.InButtonV2, { staticClass: "ml-3", attrs: { id: "guido__save-button", "disabled-status": !t.isSaving && t.editorStore.isSaveButtonDisabled, "label-text": t.saveLabel, "loading-status": t.isSaving }, on: { click: function(r) {
     return t.handleSave(!1);
   } } }), e(t.MigrationConfirmModal, { ref: "migrationModalRef", on: { confirm: function(r) {
     return t.executeSave(!1);
@@ -15,7 +15,7 @@ var u = function() {
   p,
   !1,
   null,
-  "1ca6baf0"
+  "f938f128"
 );
 const v = c.exports;
 export {

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

@@ -1,79 +1,109 @@
-import { defineComponent as q, ref as l, computed as w } 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({
+import { defineComponent as D, computed as u, ref as c } from "vue";
+import { useActionsApi as z } from "../../../composables/useActionsApi.js";
+import { useConfig as I } from "../../../composables/useConfig.js";
+import { useExport as P } from "../../../composables/useExport.js";
+import { useTestEmailClick as W } from "../../../composables/useGuidoActions.js";
+import { useHtmlCompiler as j } from "../../../composables/useHtmlCompiler.js";
+import { useSave as G } from "../../../composables/useSave.js";
+import { useSaveValidation as J } from "../../../composables/useSaveValidation.js";
+import { useSaveValidationRollout as K } from "../../../composables/useSaveValidationRollout.js";
+import { useToaster as N } from "../../../composables/useToaster.js";
+import { useTranslations as Q } from "../../../composables/useTranslations.js";
+import { useVersionHistoryApi as U } from "../../../composables/useVersionHistoryApi.js";
+import { useLiquidValidator as X } from "../../../composables/validators/useLiquidValidator.js";
+import { ToasterTypeOptions as Y } from "../../../enums/toaster.js";
+import { useConfigStore as Z } from "../../../stores/config.js";
+import { useEditorStore as $ } from "../../../stores/editor.js";
+import { useSaveValidationStore as tt } from "../../../stores/save-validation.js";
+import { useTemplateStore as et } from "../../../stores/template.js";
+import { getTooltipOptions as ot } from "../../../utils/tooltipUtils.js";
+import { InButtonV2 as rt } from "@useinsider/design-system-vue";
+import { storeToRefs as it } from "pinia";
+import at from "./MigrationConfirmModal.vue.js";
+const Ot = /* @__PURE__ */ D({
   __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(), _ = () => {
-      if (e.isVersionHistoryOpen) {
-        d();
+  setup(st, { expose: M }) {
+    const { config: p, isFeatureEnabled: f } = I(), { exportHtml: d } = P(), { save: v } = G(), { validateCurrentTemplate: y } = J(), { isEnabled: i } = K(), { showToaster: S, handleError: a } = N(), { openVersionHistory: g, closeVersionHistory: h } = U(), { getCompiledEmail: V } = z(), { compileHtml: w } = j(), { validateLiquidSyntax: T } = X(), E = Z(), o = $(), H = tt(), x = et(), { hasMigrations: C } = it(x), r = Q(), b = u(() => i.value && E.allowSaveWithErrors ? r("email-editor.save-and-continue") : "Save"), s = c(!1), n = c(!1), _ = c(), l = W(), k = () => {
+      if (o.isVersionHistoryOpen) {
+        h();
         return;
       }
-      f();
-    }, C = async () => {
-      i.value = !0, await p(), i.value = !1;
-    }, A = () => {
-      e.isSaveAsTemplateDrawerOpen = !0;
-    }, M = w(() => e.isVersionHistoryOpen ? s("newsletter.close-version-history") : s("newsletter.version-history")), O = w(
+      g();
+    }, F = async () => {
+      s.value = !0, await d(), s.value = !1;
+    }, q = () => {
+      o.isSaveAsTemplateDrawerOpen = !0;
+    }, B = u(() => o.isVersionHistoryOpen ? r("newsletter.close-version-history") : r("newsletter.version-history")), L = u(
       () => {
-        var t, o;
-        return ((o = (t = m.value) == null ? void 0 : t.features) == null ? void 0 : o.versionHistory) && !e.isPreviewModeOpen;
+        var t, e;
+        return ((e = (t = p.value) == null ? void 0 : t.features) == null ? void 0 : e.versionHistory) && !o.isPreviewModeOpen;
       }
-    ), E = async (t) => {
-      a.value = !0, t || (e.loadingStatus = !0);
-      let o;
+    ), A = async (t) => {
+      n.value = !0, t || (o.loadingStatus = !0);
+      let e;
       try {
-        o = await u(t);
-      } catch (n) {
+        e = await v(t);
+      } catch (m) {
         if (t)
-          throw n;
-        r(n, "Failed to save template");
+          throw m;
+        a(m, "Failed to save template");
       } finally {
-        a.value = !1, !t && !o && (e.loadingStatus = !1);
+        n.value = !1, !t && !e && (o.loadingStatus = !1);
       }
-      return o;
-    }, T = (t) => {
-      var o;
-      if (!t && H.value) {
-        (o = S.value) == null || o.open();
+      return e;
+    }, O = (t) => {
+      var e;
+      if (!t && C.value) {
+        (e = _.value) == null || e.open();
         return;
       }
-      return E(t);
-    }, F = async () => {
-      if (c("liquidSyntax")) {
-        e.loadingStatus = !0;
+      return A(t);
+    }, R = async () => {
+      if (i.value) {
+        o.loadingStatus = !0;
+        let t = [];
+        try {
+          t = await y();
+        } catch (e) {
+          console.warn("Test-path validation failed; sending without the drawer.", e);
+        } finally {
+          o.loadingStatus = !1;
+        }
+        if (t.length) {
+          S({
+            type: Y.Error,
+            message: r("email-editor.validation-errors-found"),
+            actionButton: {
+              text: r("email-editor.check-errors"),
+              onClick: () => H.open(t, "test")
+            },
+            autoHide: !1
+          });
+          return;
+        }
+        l();
+        return;
+      }
+      if (f("liquidSyntax")) {
+        o.loadingStatus = !0;
         try {
-          const { html: t } = await v({ minimize: !0, resetDataSavedFlag: !1 }), { compiledHtml: o } = y(t);
-          if (!await g(o))
+          const { html: t } = await V({ minimize: !0, resetDataSavedFlag: !1 }), { compiledHtml: e } = w(t);
+          if (!await T(e))
             return;
         } catch (t) {
-          r(t, "Failed to prepare test email");
+          a(t, "Failed to prepare test email");
           return;
         } finally {
-          e.loadingStatus = !1;
+          o.loadingStatus = !1;
         }
       }
-      V();
+      l();
     };
-    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 M({
+      handleSave: O
+    }), { __sfc: !0, config: p, isFeatureEnabled: f, exportHtml: d, save: v, validateCurrentTemplate: y, isEnabled: i, showToaster: S, handleError: a, openVersionHistory: g, closeVersionHistory: h, getCompiledEmail: V, compileHtml: w, validateLiquidSyntax: T, configStore: E, editorStore: o, saveValidationStore: H, templateStore: x, hasMigrations: C, trans: r, saveLabel: b, isExporting: s, isSaving: n, migrationModalRef: _, testEmailClick: l, handleVersionHistory: k, handleExport: F, handleSaveAs: q, versionHistoryTooltipText: B, isVersionHistoryButtonVisible: L, executeSave: A, handleSave: O, handleTestEmail: R, getTooltipOptions: ot, InButtonV2: rt, MigrationConfirmModal: at };
   }
 });
 export {
-  ft as default
+  Ot as default
 };

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

@@ -1,16 +1,16 @@
 import o from "./LeftSlot.vue2.js";
 /* empty css              */
-import a from "../../../_virtual/_plugin-vue2_normalizer.js";
-var n = function() {
+import n from "../../../_virtual/_plugin-vue2_normalizer.js";
+var a = function() {
   var e = this, s = e._self._c, t = e._self._setupProxy;
   return s("div", { staticClass: "d-f a-i-c" }, [s(t.InButtonV2, { attrs: { id: "guido__back-button", "left-icon": "line-arrow-left", styling: "ghost", type: "secondary", "disabled-status": t.isBackButtonDisabled, "label-text": t.backButtonLabel, "skeleton-sizing": { width: 150, height: 26 }, "skeleton-status": t.editorStore.loadingStatus }, on: { click: t.handleBackClick } })], 1);
-}, i = [], r = /* @__PURE__ */ a(
+}, i = [], r = /* @__PURE__ */ n(
   o,
-  n,
+  a,
   i,
   !1,
   null,
-  "73199fa4"
+  "b8f24f34"
 );
 const f = r.exports;
 export {

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

@@ -1,19 +1,19 @@
-import { defineComponent as l, computed as p, ref as d } from "vue";
+import { defineComponent as m, computed as p, ref as d } from "vue";
 import { useConfig as k } from "../../../composables/useConfig.js";
 import { useBack as B } from "../../../composables/useGuidoActions.js";
 import { usePreviewMode as b } from "../../../composables/usePreviewMode.js";
 import { useTranslations as v } from "../../../composables/useTranslations.js";
 import { useVersionHistoryApi as _ } from "../../../composables/useVersionHistoryApi.js";
-import { useEditorStore as V } from "../../../stores/editor.js";
+import { useEditorStore as y } from "../../../stores/editor.js";
 import { InButtonV2 as w } from "@useinsider/design-system-vue";
-import { useDebounceFn as y } from "../../../node_modules/@vueuse/shared/index.js";
-const D = /* @__PURE__ */ l({
+import { useDebounceFn as V } from "../../../node_modules/@vueuse/shared/index.js";
+const D = /* @__PURE__ */ m({
   __name: "LeftSlot",
   setup(C) {
-    const e = V(), i = B(), { closeVersionHistory: n } = _(), { closePreviewMode: s } = b(), o = v(), { config: t } = k(), f = p(() => {
-      var u, m;
-      return e.isVersionHistoryOpen || e.isPreviewModeOpen ? o("email-editor.back-to-editor") : (m = (u = t.value) == null ? void 0 : u.ui) != null && m.backButtonLabel ? t.value.ui.backButtonLabel : o("email-editor.back-to-design");
-    }), r = d(!1), c = () => {
+    const e = y(), i = B(), { closeVersionHistory: n } = _(), { closePreviewMode: s } = b(), o = v(), { config: t } = k(), l = p(() => {
+      var u, f;
+      return e.isVersionHistoryOpen || e.isPreviewModeOpen ? o("email-editor.back-to-editor") : (f = (u = t.value) == null ? void 0 : u.ui) != null && f.backButtonLabel ? t.value.ui.backButtonLabel : o("email-editor.back-to-design");
+    }), r = d(!1), a = () => {
       if (e.isVersionHistoryOpen) {
         n();
         return;
@@ -23,11 +23,15 @@ const D = /* @__PURE__ */ l({
         return;
       }
       i();
-    }, a = y(() => {
-      c(), r.value = !1;
+    }, c = V(async () => {
+      try {
+        await a();
+      } finally {
+        r.value = !1;
+      }
     }, 500);
-    return { __sfc: !0, editorStore: e, handleBack: i, closeVersionHistory: n, closePreviewMode: s, trans: o, config: t, backButtonLabel: f, isBackButtonDisabled: r, executeBackAction: c, debouncedBackAction: a, handleBackClick: () => {
-      r.value = !0, a();
+    return { __sfc: !0, editorStore: e, handleBack: i, closeVersionHistory: n, closePreviewMode: s, trans: o, config: t, backButtonLabel: l, isBackButtonDisabled: r, executeBackAction: a, debouncedBackAction: c, handleBackClick: () => {
+      r.value = !0, c();
     }, InButtonV2: w };
   }
 });

package/dist/components/organisms/onboarding/OnboardingWrapper.vue2.js

@@ -1,28 +1,26 @@
 import { defineComponent as b, computed as e, onMounted as O, watch as t } from "vue";
 import u from "./AMPOnboarding.vue.js";
 import v from "./GenericOnboarding.vue.js";
-import y from "./ItemsOnboarding.vue.js";
-import l from "./NewVersionPopup.vue.js";
-import S from "./RecommendationStrategyOnboarding.vue.js";
-import h from "./TextBlockOnboarding.vue.js";
-import w from "./VersionHistoryOnboarding.vue.js";
-import { usePartner as P } from "../../../composables/usePartner.js";
-import { useEditorStore as _ } from "../../../stores/editor.js";
-import { useOnboardingStore as A } from "../../../stores/onboarding.js";
-import { usePreviewStore as H } from "../../../stores/preview.js";
-const N = /* @__PURE__ */ b({
+import l from "./ItemsOnboarding.vue.js";
+import y from "./NewVersionPopup.vue.js";
+import S from "./TextBlockOnboarding.vue.js";
+import h from "./VersionHistoryOnboarding.vue.js";
+import { usePartner as w } from "../../../composables/usePartner.js";
+import { useEditorStore as P } from "../../../stores/editor.js";
+import { useOnboardingStore as _ } from "../../../stores/onboarding.js";
+import { usePreviewStore as A } from "../../../stores/preview.js";
+const G = /* @__PURE__ */ b({
   __name: "OnboardingWrapper",
   emits: ["onboarding-finished"],
-  setup(M, { emit: g }) {
-    const o = A(), r = _(), s = H(), { isTestPartner: a } = P(), m = e(() => r.isStripoInitialized), p = e(() => a()), d = [
-      { type: "newVersionPopup", component: l },
+  setup(H, { emit: f }) {
+    const o = _(), r = P(), s = A(), { isTestPartner: a } = w(), p = e(() => r.isStripoInitialized), d = e(() => a()), m = [
+      { type: "newVersionPopup", component: y },
       { type: "genericOnboarding", component: v },
-      { type: "textBlockOnboarding", component: h },
-      { type: "versionHistoryOnboarding", component: w },
+      { type: "textBlockOnboarding", component: S },
+      { type: "versionHistoryOnboarding", component: h },
       { type: "ampOnboarding", component: u },
-      { type: "itemsOnboarding", component: y },
-      { type: "recommendationStrategyOnboarding", component: S }
-    ], c = (n) => p.value || !m.value ? !1 : n === "newVersionPopup" ? o.shouldShowOnboarding(n) : o.isActive(n), f = e(() => d.filter((n) => c(n.type)));
+      { type: "itemsOnboarding", component: l }
+    ], c = (n) => d.value || !p.value ? !1 : n === "newVersionPopup" ? o.shouldShowOnboarding(n) : o.isActive(n), g = e(() => m.filter((n) => c(n.type)));
     return O(async () => {
       await o.fetchUserModalState();
     }), t(
@@ -40,9 +38,9 @@ const N = /* @__PURE__ */ b({
       (n) => {
         !n && o.isActive("ampOnboarding") && o.close("ampOnboarding");
       }
-    ), { __sfc: !0, emit: g, onboardingStore: o, editorStore: r, previewStore: s, isTestPartner: a, isStripoReady: m, isTestPartnerActive: p, onboardingConfigs: d, shouldShow: c, visibleOnboardings: f };
+    ), { __sfc: !0, emit: f, onboardingStore: o, editorStore: r, previewStore: s, isTestPartner: a, isStripoReady: p, isTestPartnerActive: d, onboardingConfigs: m, shouldShow: c, visibleOnboardings: g };
   }
 });
 export {
-  N as default
+  G as default
 };