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

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

@@ -1,48 +1,47 @@
-import { defineComponent as v, defineAsyncComponent as y, ref as u, computed as l, watch as O } from "vue";
+import { defineComponent as A, defineAsyncComponent as S, ref as T, computed as g, watch as h } from "vue";
 import "@useinsider/design-system-organisms/style";
-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 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({
+import { useToaster as C } from "../../../../composables/useToaster.js";
+import { useTranslations as b } from "../../../../composables/useTranslations.js";
+import { DOTTED_DATE_LOCALE as B } from "../../../../enums/date.js";
+import { URLS as k } from "../../../../enums/extensions/recommendationBlock.js";
+import { ToasterTypeOptions as d } from "../../../../enums/toaster.js";
+import { useRecommendationExtensionStore as R } from "../../../../extensions/Blocks/Recommendation/store/recommendation.js";
+import { commitStrategyChange as _ } from "../../../../extensions/Blocks/Recommendation/utils/strategyCommit.js";
+import N from "./StrategyInfoBoxContent.vue.js";
+import { formatShortDate as P } from "../../../../utils/dateUtil.js";
+import { asText as v } from "../../../../utils/genericUtil.js";
+import { escapeHtml as U } from "../../../../utils/htmlEscape.js";
+import { InSkeleton as L } from "@useinsider/design-system-vue";
+const rt = /* @__PURE__ */ A({
   __name: "AssignStrategyDrawer",
-  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),
+  setup(M) {
+    const m = () => import("@useinsider/design-system-organisms"), u = (t, r) => ({
+      render: (a) => a(L, { props: { sizing: { width: t, height: r } } })
+    }), w = S({
+      loader: async () => (await m()).OrgStrategyDetailModal,
+      loadingComponent: u(480, 240),
       delay: 0
-    }), 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) => {
+    }), D = S({
+      loader: async () => (await m()).OrgStrategyDropdown
+    }), n = "guido-edit-strategy-", o = b(), e = R(), { showToaster: i } = C(), s = T(null), c = T(!1), I = g(() => e.assignStrategyDrawerStatus ? o("email-editor.assign-strategy-description", { url: k.RECOMMENDATION_STRATEGIES_PANEL_PATH }) : "");
+    h(() => e.assignStrategyDrawerStatus, (t) => {
       if (!t)
         return;
       const { strategyId: r } = e.recommendationConfigs;
-      n.value = r || null, i.value = !1, e.fetchStrategies().catch(() => {
-        s({
-          type: m.Error,
+      s.value = r || null, c.value = !1, e.fetchStrategies().catch(() => {
+        i({
+          type: d.Error,
           message: o("discovery-strategy.error-description")
         });
       });
     });
-    const p = (t) => {
-      const r = f(t.updated_at || t.created_at);
+    const y = (t) => {
+      const r = v(t.updated_at || t.created_at);
       if (!r)
         return "";
-      const a = I(r, E);
+      const a = P(r, B);
       return o("recommendation-strategy.last-updated-on", { value: a });
-    }, D = l(() => e.strategies.map((t) => ({
+    }, x = g(() => e.strategies.map((t) => ({
       text: t.name,
       value: t.strategy_id,
       infoBoxProps: {
@@ -50,16 +49,35 @@ const W = /* @__PURE__ */ v({
         theme: "light",
         variant: "information",
         className: "assign-strategy-info-box",
-        titleText: N(f(t.name)),
+        titleText: U(v(t.name)),
         descriptionStatus: !0,
-        descriptionText: p(t),
-        slot: B,
-        slotProps: { strategy: t }
+        descriptionText: y(t),
+        slot: N,
+        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: o("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"
+        }]
       }
-    }))), d = l(() => {
-      const t = e.strategies.find((r) => String(r.strategy_id) === String(n.value ?? ""));
+    }))), 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 a = e.currentRecommendationId;
+      String(s.value ?? "") === r && (s.value = null);
+      const l = e.recommendationConfigs.strategyId === r;
+      l && e.removeStrategy(), e.openStrategyEdit(r), l && a !== null && _(a, "Removed recommendation strategy");
+    }, p = g(() => {
+      const t = e.strategies.find((r) => String(r.strategy_id) === String(s.value ?? ""));
       return t ? { ...t, fallback_config: null } : null;
-    }), w = l(() => ({
+    }), O = g(() => ({
       primaryButton: {
         styling: "solid",
         type: "primary",
@@ -71,36 +89,37 @@ const W = /* @__PURE__ */ v({
         labelText: o("products.cancel")
       }
     }));
-    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: () => {
+    return { __sfc: !0, loadOrganisms: m, skeleton: u, OrgStrategyDetailModal: w, OrgStrategyDropdown: D, EDIT_BUTTON_ID_PREFIX: n, trans: o, store: e, showToaster: i, selectedStrategyId: s, showSelectionError: c, drawerDescription: I, lastUpdatedText: y, strategyOptions: x, onInfoBoxButtonClick: E, selectedStrategy: p, footerButtonGroupOptions: O, closeDrawer: () => {
       e.closeAssignStrategyDrawer();
     }, assignStrategy: async () => {
-      const t = d.value;
+      const t = p.value;
       if (!t) {
-        i.value = !0;
+        c.value = !0;
         return;
       }
       let r = "";
       try {
         r = await e.resolveStrategyUrlTemplate(t, e.recommendationConfigs.currencySettings.value);
-      } catch (a) {
-        console.error("[AssignStrategyDrawer] resolveStrategyUrlTemplate failed", a);
+      } catch (l) {
+        console.error("[AssignStrategyDrawer] resolveStrategyUrlTemplate failed", l);
       }
       if (!r) {
-        s({
-          type: m.Error,
+        i({
+          type: d.Error,
           message: o("email-editor.strategy-assign-failed", { strategyName: t.name })
         });
         return;
       }
-      e.assignStrategy(t), s({
-        type: m.Success,
+      const a = e.currentRecommendationId;
+      e.assignStrategy(t), i({
+        type: d.Success,
         message: o("email-editor.strategy-assigned-success", { strategyName: t.name })
-      }), e.closeAssignStrategyDrawer();
+      }), e.closeAssignStrategyDrawer(), a !== null && await _(a, "Assigned recommendation strategy");
     }, onSelect: (t) => {
-      n.value = t.value, i.value = !1;
+      s.value = t.value, c.value = !1;
     } };
   }
 });
 export {
-  W as default
+  rt as default
 };

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

@@ -1,15 +1,15 @@
-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({
+import { defineComponent as d, computed as a } from "vue";
+import g from "../../../wrappers/WpModal.vue.js";
+import { useToaster as l } 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 { commitStrategyChange as _ } from "../../../../extensions/Blocks/Recommendation/utils/strategyCommit.js";
+import { escapeHtml as T } from "../../../../utils/htmlEscape.js";
+const B = /* @__PURE__ */ d({
   __name: "RemoveStrategyModal",
-  setup(S) {
-    const t = _(), e = T(), { showToaster: a } = f(), i = n(() => ({
+  setup(v) {
+    const t = y(), e = f(), { showToaster: n } = l(), i = a(() => ({
       cancelOrBackButton: {
         type: "secondary",
         labelText: t("products.cancel"),
@@ -19,39 +19,25 @@ const P = /* @__PURE__ */ u({
         type: "danger",
         labelText: t("discovery-strategy.remove")
       }
-    })), m = n(() => {
+    })), m = a(() => {
       var o;
-      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 = () => {
+      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 = () => {
       e.closeRemoveStrategyModal();
     };
-    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,
+    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,
         // The toast renders through a sanitizing v-html, so the name is escaped first.
         message: t("email-editor.strategy-removed-success", {
-          strategyName: `<b>${R(r)}</b>`
+          strategyName: `<b>${T(s)}</b>`
         })
-      }), 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 };
+      }), o !== null && await _(o, "Removed recommendation strategy");
+    }, WpModal: g };
   }
 });
 export {
-  P as default
+  B 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", "disabled-status": !t.isSaving && t.editorStore.isSaveButtonDisabled, "label-text": t.saveLabel, "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", "label-text": "Save", "disabled-status": !t.isSaving && t.editorStore.isSaveButtonDisabled, "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,
-  "f938f128"
+  "1ca6baf0"
 );
 const v = c.exports;
 export {

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

@@ -1,109 +1,79 @@
-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({
+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({
   __name: "EditorActions",
-  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();
+  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();
         return;
       }
-      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(
+      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(
       () => {
-        var t, e;
-        return ((e = (t = p.value) == null ? void 0 : t.features) == null ? void 0 : e.versionHistory) && !o.isPreviewModeOpen;
+        var t, o;
+        return ((o = (t = m.value) == null ? void 0 : t.features) == null ? void 0 : o.versionHistory) && !e.isPreviewModeOpen;
       }
-    ), A = async (t) => {
-      n.value = !0, t || (o.loadingStatus = !0);
-      let e;
+    ), E = async (t) => {
+      a.value = !0, t || (e.loadingStatus = !0);
+      let o;
       try {
-        e = await v(t);
-      } catch (m) {
+        o = await u(t);
+      } catch (n) {
         if (t)
-          throw m;
-        a(m, "Failed to save template");
+          throw n;
+        r(n, "Failed to save template");
       } finally {
-        n.value = !1, !t && !e && (o.loadingStatus = !1);
+        a.value = !1, !t && !o && (e.loadingStatus = !1);
       }
-      return e;
-    }, O = (t) => {
-      var e;
-      if (!t && C.value) {
-        (e = _.value) == null || e.open();
+      return o;
+    }, T = (t) => {
+      var o;
+      if (!t && H.value) {
+        (o = S.value) == null || o.open();
         return;
       }
-      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;
+      return E(t);
+    }, F = async () => {
+      if (c("liquidSyntax")) {
+        e.loadingStatus = !0;
         try {
-          const { html: t } = await V({ minimize: !0, resetDataSavedFlag: !1 }), { compiledHtml: e } = w(t);
-          if (!await T(e))
+          const { html: t } = await v({ minimize: !0, resetDataSavedFlag: !1 }), { compiledHtml: o } = y(t);
+          if (!await g(o))
             return;
         } catch (t) {
-          a(t, "Failed to prepare test email");
+          r(t, "Failed to prepare test email");
           return;
         } finally {
-          o.loadingStatus = !1;
+          e.loadingStatus = !1;
         }
       }
-      l();
+      V();
     };
-    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 };
+    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 };
   }
 });
 export {
-  Ot as default
+  ft as default
 };

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

@@ -1,16 +1,16 @@
 import o from "./LeftSlot.vue2.js";
 /* empty css              */
-import n from "../../../_virtual/_plugin-vue2_normalizer.js";
-var a = function() {
+import a from "../../../_virtual/_plugin-vue2_normalizer.js";
+var n = 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__ */ n(
+}, i = [], r = /* @__PURE__ */ a(
   o,
-  a,
+  n,
   i,
   !1,
   null,
-  "b8f24f34"
+  "73199fa4"
 );
 const f = r.exports;
 export {

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

@@ -1,19 +1,19 @@
-import { defineComponent as m, computed as p, ref as d } from "vue";
+import { defineComponent as l, 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 y } from "../../../stores/editor.js";
+import { useEditorStore as V } from "../../../stores/editor.js";
 import { InButtonV2 as w } from "@useinsider/design-system-vue";
-import { useDebounceFn as V } from "../../../node_modules/@vueuse/shared/index.js";
-const D = /* @__PURE__ */ m({
+import { useDebounceFn as y } from "../../../node_modules/@vueuse/shared/index.js";
+const D = /* @__PURE__ */ l({
   __name: "LeftSlot",
   setup(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 = () => {
+    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 = () => {
       if (e.isVersionHistoryOpen) {
         n();
         return;
@@ -23,15 +23,11 @@ const D = /* @__PURE__ */ m({
         return;
       }
       i();
-    }, c = V(async () => {
-      try {
-        await a();
-      } finally {
-        r.value = !1;
-      }
+    }, a = y(() => {
+      c(), r.value = !1;
     }, 500);
-    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();
+    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();
     }, InButtonV2: w };
   }
 });

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

@@ -1,26 +1,28 @@
 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 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({
+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({
   __name: "OnboardingWrapper",
   emits: ["onboarding-finished"],
-  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 },
+  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 },
       { type: "genericOnboarding", component: v },
-      { type: "textBlockOnboarding", component: S },
-      { type: "versionHistoryOnboarding", component: h },
+      { type: "textBlockOnboarding", component: h },
+      { type: "versionHistoryOnboarding", component: w },
       { type: "ampOnboarding", component: u },
-      { 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)));
+      { 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)));
     return O(async () => {
       await o.fetchUserModalState();
     }), t(
@@ -38,9 +40,9 @@ const G = /* @__PURE__ */ b({
       (n) => {
         !n && o.isActive("ampOnboarding") && o.close("ampOnboarding");
       }
-    ), { __sfc: !0, emit: f, onboardingStore: o, editorStore: r, previewStore: s, isTestPartner: a, isStripoReady: p, isTestPartnerActive: d, onboardingConfigs: m, shouldShow: c, visibleOnboardings: g };
+    ), { __sfc: !0, emit: g, onboardingStore: o, editorStore: r, previewStore: s, isTestPartner: a, isStripoReady: m, isTestPartnerActive: p, onboardingConfigs: d, shouldShow: c, visibleOnboardings: f };
   }
 });
 export {
-  G as default
+  N as default
 };

package/dist/components/organisms/onboarding/RecommendationStrategyOnboarding.vue.js

@@ -0,0 +1,21 @@
+import d from "./RecommendationStrategyOnboarding.vue2.js";
+/* empty css                                      */
+import g from "../../../_virtual/_plugin-vue2_normalizer.js";
+var m = function() {
+  var e, n, r, i, a;
+  var t = this, s = t._self._c, o = t._self._setupProxy;
+  return o.isVisible ? s(o.InOnboard, { key: "guido__recommendation-strategy-onboard", staticClass: "w-21-s p-a z-11", class: (e = o.onboardingStore.getRecommendationStrategyCurrentCard) == null ? void 0 : e.classes, attrs: { id: "guido__recommendation-strategy-onboard", "is-multiple-page": "", visible: "", "image-source": "", title: "", "left-position": (n = o.onboardingStore.getRecommendationStrategyCurrentCard) == null ? void 0 : n.left, "pages-config": o.onboardingStore.onboardings.recommendationStrategyOnboarding.config, "pointer-position": (r = o.onboardingStore.getRecommendationStrategyCurrentCard) == null ? void 0 : r.position, "right-position": (i = o.onboardingStore.getRecommendationStrategyCurrentCard) == null ? void 0 : i.right, "top-position": (a = o.onboardingStore.getRecommendationStrategyCurrentCard) == null ? void 0 : a.top }, on: { close: function(p) {
+    return o.onboardingStore.close(o.ONBOARDING_TYPE);
+  }, nextButtonClick: o.handleNext } }) : t._e();
+}, c = [], _ = /* @__PURE__ */ g(
+  d,
+  m,
+  c,
+  !1,
+  null,
+  "ec2027ff"
+);
+const S = _.exports;
+export {
+  S as default
+};