@useinsider/guido 3.18.1-beta.e39fb14 → 3.18.1-beta.e489d08

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

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

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

@@ -0,0 +1,47 @@
+import { defineComponent as g, computed as p, watch as b } from "vue";
+import { useRibbonOffset as u } from "../../../composables/useRibbonOffset.js";
+import { useTranslations as l } from "../../../composables/useTranslations.js";
+import { ACADEMY_LINKS as f } from "../../../enums/academy.js";
+import { useRecommendationExtensionStore as O } from "../../../extensions/Blocks/Recommendation/store/recommendation.js";
+import { useOnboardingStore as _ } from "../../../stores/onboarding.js";
+import { InOnboard as y } from "@useinsider/design-system-vue";
+const h = /* @__PURE__ */ g({
+  __name: "RecommendationStrategyOnboarding",
+  setup(C) {
+    const n = "recommendationStrategyOnboarding", e = l(), t = _(), i = O(), { getTopPosition: r } = u(), a = `<a href="${f.EMAIL_RECOMMENDATION_BLOCK}" target="_blank" rel="noopener noreferrer">${e("action-builder.visit-academy")}</a>`, m = () => [
+      {
+        classes: "guido-recommendation-strategy-onboarding",
+        // Sits in the gap left of the settings panel and points at the strategy section, which
+        // starts 208px down: the panel header and its tab row are fixed chrome above it.
+        right: "426px",
+        top: r(208),
+        position: "Right Top",
+        title: e("email-editor.onboarding-recommendation-strategy-title"),
+        description: e("email-editor.onboarding-recommendation-strategy-description", {
+          academyLink: a
+        }),
+        imageSource: "",
+        backButtonClick: () => {
+        },
+        nextButtonType: "text",
+        nextButtonText: e("action-builder.ok"),
+        nextButtonClick: () => {
+          t.close(n);
+        }
+      }
+    ], c = p(() => i.strategyPanelOpen && t.onboardings.recommendationStrategyOnboarding.config.length > 0 && t.onboardings.recommendationStrategyOnboarding.isActive), d = () => {
+      var o, s;
+      (s = (o = t.getRecommendationStrategyCurrentCard) == null ? void 0 : o.nextButtonClick) == null || s.call(o);
+    };
+    return b(
+      () => t.isActive(n),
+      (o) => {
+        o && t.setConfig(n, m());
+      },
+      { immediate: !0 }
+    ), { __sfc: !0, ONBOARDING_TYPE: n, trans: e, onboardingStore: t, recommendationStore: i, getTopPosition: r, academyLink: a, buildOnboardingCards: m, isVisible: c, handleNext: d, InOnboard: y };
+  }
+});
+export {
+  h as default
+};

package/dist/components/wrappers/WpDrawer.vue.js

@@ -1,19 +1,17 @@
 import r from "./WpDrawer.vue2.js";
 import s from "../../_virtual/_plugin-vue2_normalizer.js";
 var u = function() {
-  var t = this, o = t._self._c, e = t._self._setupProxy;
-  return o(e.InDrawer, { class: t.className, attrs: { id: t.id, "footer-status": "", "close-on-outside-click": t.closeOnOutsideClick, "description-status": t.descriptionStatus, "description-text": t.descriptionText, "footer-button-group-options": t.footerButtonGroupOptions, size: t.size, status: t.status, "title-text": t.titleText }, on: { cancelOrBackButtonEvent: function(n) {
+  var t = this, n = t._self._c, e = t._self._setupProxy;
+  return n(e.InDrawer, { class: t.className, attrs: { id: t.id, "footer-status": "", "close-on-outside-click": t.closeOnOutsideClick, "description-status": t.descriptionStatus, "description-text": t.descriptionText, "footer-button-group-options": t.footerButtonGroupOptions, size: t.size, status: t.status, "title-text": t.titleText }, on: { cancelOrBackButtonEvent: function(o) {
     return e.emit("cancelOrBackButtonEvent");
-  }, onCloseEvent: function(n) {
+  }, onCloseEvent: function(o) {
     return e.emit("onCloseEvent");
-  }, primaryButtonEvent: function(n) {
+  }, primaryButtonEvent: function(o) {
     return e.emit("primaryButtonEvent");
-  }, secondaryButtonEvent: function(n) {
-    return e.emit("secondaryButtonEvent");
   } }, scopedSlots: t._u([t.$slots.headerBottomSlot ? { key: "headerBottomSlot", fn: function() {
     return [t._t("headerBottomSlot")];
   }, proxy: !0 } : null, { key: "contentSlot", fn: function() {
-    return [o("div", [t._t("default")], 2)];
+    return [n("div", [t._t("default")], 2)];
   }, proxy: !0 }], null, !0) });
 }, i = [], c = /* @__PURE__ */ s(
   r,
@@ -23,7 +21,7 @@ var u = function() {
   null,
   null
 );
-const p = c.exports;
+const f = c.exports;
 export {
-  p as default
+  f as default
 };

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

@@ -13,7 +13,7 @@ const r = /* @__PURE__ */ e({
     status: { type: Boolean },
     titleText: null
   },
-  emits: ["cancelOrBackButtonEvent", "onCloseEvent", "primaryButtonEvent", "secondaryButtonEvent"],
+  emits: ["cancelOrBackButtonEvent", "onCloseEvent", "primaryButtonEvent"],
   setup(n, { emit: t }) {
     return { __sfc: !0, emit: t, InDrawer: o };
   }