@useinsider/guido 3.19.0 → 3.20.0-beta.0849ec7

package/dist/src/stores/recommendation.d.ts

@@ -6,5 +6,10 @@ type RecommendationConfig = {
 interface StoreState {
     recommendationConfigs: RecommendationConfig[];
 }
+/**
+ * @deprecated recommendationConfigs has no writer in src/, so the store is
+ * permanently empty and its only readers (useHtmlValidator.ts:496-497) are a
+ * no-op. Slated for deletion, see the SD-667788 dead-code ledger.
+ */
 export declare const useRecommendationStore: import("pinia").StoreDefinition<"guidoRecommendation", StoreState, {}, {}>;
 export {};

package/dist/src/stores/save-validation.d.ts

@@ -0,0 +1,22 @@
+import type { SaveValidationError, SaveValidationIntent } from '@@/Types/save-validation';
+interface SaveValidationState {
+    errors: SaveValidationError[];
+    isDrawerOpen: boolean;
+    intent: SaveValidationIntent | null;
+}
+export declare const useSaveValidationStore: import("pinia").StoreDefinition<"guidoSaveValidation", SaveValidationState, {
+    errorCount: (state: {
+        errors: {
+            rule: import("../enums/save-validation").SaveValidationRule;
+            message: string;
+            detail?: string | undefined;
+            type: import("../enums/toaster").ToasterTypeOptions;
+        }[];
+        isDrawerOpen: boolean;
+        intent: SaveValidationIntent | null;
+    } & import("pinia").PiniaCustomStateProperties<SaveValidationState>) => number;
+}, {
+    open(errors: SaveValidationError[], intent: SaveValidationIntent): void;
+    close(): void;
+}>;
+export {};

package/dist/src/utils/dateUtil.d.ts

@@ -3,12 +3,22 @@
  * en-US -> MM/DD/YYYY
  * en-GB -> DD/MM/YYYY
  * tr-TR -> DD.MM.YYYY
+ *
+ * The non-string branches below are unreachable: the only caller chain is
+ * formatShortDate -> AssignStrategyDrawer.vue:74, which passes a non-empty string.
+ * The function itself is live — do not delete it with them.
  */
 export declare const convertToDateObject: (date: string | number | Date | null | undefined) => Date;
 export declare const locale: () => string;
 export declare const localTz: string;
 export declare const timezone: () => string;
+/**
+ * @deprecated No caller in src/ and not exported from library.ts. Slated for deletion, see the SD-667788 dead-code ledger.
+ */
 export declare const hour12: () => boolean;
+/**
+ * @deprecated No caller in src/ and not exported from library.ts. Slated for deletion, see the SD-667788 dead-code ledger.
+ */
 export declare const dateFormat: () => string;
 /**
  * @example 04/22/2024

package/dist/src/utils/genericUtil.d.ts

@@ -24,6 +24,9 @@ export declare const getCsrfToken: () => string;
  */
 export declare const getUrlParams: () => URLSearchParams;
 export declare const getUrlParam: (paramName: string, defaultValue?: string) => string;
+/**
+ * @deprecated No caller in src/. Slated for deletion, see the SD-667788 dead-code ledger.
+ */
 export declare const replaceString: (string?: string, values?: Record<string, string | number>, isRemoveEmptyValues?: boolean) => string;
 /**
  * Narrows an unknown API value to a printable string; anything that is neither

package/dist/src/utils/stripoEditorApi.d.ts

@@ -0,0 +1,4 @@
+import type { StripoEditorApi } from '@@/Types/stripo';
+export declare const EDITOR_NOT_READY_MESSAGE = "The editor is not ready yet. Please wait for it to load and try again.";
+export declare const findEditorApi: () => StripoEditorApi | undefined;
+export declare const getEditorApi: () => StripoEditorApi;

package/dist/src/utils/templatePreparation.d.ts

@@ -15,6 +15,36 @@ import type { SavedTemplateDetails } from '@@/Types/stripo';
  * same source), so it is reliably present regardless of how the block was added.
  */
 export declare function getHtmlReferencedUnsubscribePages(html: string): number[];
+/**
+ * Hydrates the recommendation extension store from the persisted `esd-ext-config`
+ * JSON blob on each `.recommendation-block-v2` element in the raw editor HTML.
+ *
+ * Why this runs before `compileHtml`:
+ *   The HTML compiler's `prepareRecommendationBlocks` rule asks
+ *   `useRecommendation.buildCampaignUrl(id)` to assemble each block's API URL
+ *   from `blockStates[id].recommendationConfigs`. That Pinia entry is normally
+ *   populated by `RecommendationBlockControl._syncNodeConfigToStore`, which
+ *   only fires when the user *selects* the block. Saving without ever
+ *   selecting a migrated block would otherwise build the URL from empty/
+ *   default state and the campaign URL would not be saved.
+ *
+ * Why we read raw HTML, not compiled HTML:
+ *   Stripo's `compileEmail()` strips editor-only attributes (`esd-*`) from the
+ *   compiled output, so `esd-ext-config` is gone by the time the compiler
+ *   pipeline sees the HTML. The raw HTML from `getTemplateData()` preserves
+ *   the attribute as the migrator wrote it.
+ *
+ * Reference data pre-load:
+ *   When the template has recommendation blocks, this also pre-loads the
+ *   shared reference data (languages / currency list) so the save-time
+ *   required-fields validator can check each block's locale and currency
+ *   against the partner's real options. Best-effort — on a fetch failure the
+ *   validator degrades to its empty-list guard (`requiredFields.ts`) instead
+ *   of blocking the save or stranding the Save button.
+ */
+declare function hydrateRecommendationStoreFromRawHtml(rawHtml: string): Promise<void>;
 export declare const useTemplatePreparation: () => {
     prepareTemplateDetails: () => Promise<Omit<SavedTemplateDetails, "metadata">>;
+    hydrateRecommendationStore: typeof hydrateRecommendationStoreFromRawHtml;
 };
+export {};

package/dist/static/assets/icons/filled-arrow-rising.svg.js

@@ -0,0 +1,5 @@
+const C = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12.9403 5.51003L17.6328 11.0273C17.8845 11.3769 18.0068 11.8382 17.9997 12.2963L18 12.3333C18 13.2538 17.4627 14 16.8 14H15V15C15 15.5523 14.5523 16 14 16H10C9.44772 16 9 15.5523 9 15V14H7.2C6.53726 14 6 13.2538 6 12.3333L6.00029 12.2963C5.9932 11.8382 6.11551 11.3769 6.36722 11.0273L11.0597 5.51003C11.3182 5.15101 11.6615 4.98153 12 5.00159C12.3386 4.98153 12.6818 5.15101 12.9403 5.51003Z"/><path d="M10 18C9.44772 18 9 18.4477 9 19C9 19.5523 9.44772 20 10 20H14C14.5523 20 15 19.5523 15 19C15 18.4477 14.5523 18 14 18H10Z"/></svg>
+`;
+export {
+  C as default
+};

package/dist/static/assets/icons/line-info.svg.js

@@ -0,0 +1,5 @@
+const C = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 4C14.1217 4 16.1566 4.84285 17.6569 6.34315C19.1571 7.84344 20 9.87827 20 12C20 14.1217 19.1571 16.1566 17.6569 17.6569C16.1566 19.1571 14.1217 20 12 20C9.87827 20 7.84344 19.1571 6.34315 17.6569C4.84285 16.1566 4 14.1217 4 12C4 9.87827 4.84285 7.84344 6.34315 6.34315C7.84344 4.84285 9.87827 4 12 4ZM12 5.6C10.3026 5.6 8.67475 6.27428 7.47452 7.47452C6.27428 8.67475 5.6 10.3026 5.6 12C5.6 13.6974 6.27428 15.3253 7.47452 16.5255C8.67475 17.7257 10.3026 18.4 12 18.4C13.6974 18.4 15.3253 17.7257 16.5255 16.5255C17.7257 15.3253 18.4 13.6974 18.4 12C18.4 10.3026 17.7257 8.67475 16.5255 7.47452C15.3253 6.27428 13.6974 5.6 12 5.6ZM11.496 10.448C11.928 10.448 12.264 10.552 12.496 10.768C12.736 10.976 12.848 11.248 12.848 11.584V11.688L12.824 11.944C12.816 12.064 12.8 12.176 12.776 12.28L12.736 12.432L12.288 14.024L12.248 14.152C12.1976 14.376 12.1629 14.6032 12.144 14.832C12.144 15.04 12.192 15.184 12.288 15.264C12.384 15.344 12.544 15.376 12.776 15.376C12.888 15.376 13.016 15.36 13.152 15.32L13.392 15.24L13.448 15.216L13.328 15.712L12.848 15.896L12.584 15.992L12.464 16.032C12.248 16.112 12 16.144 11.72 16.144C11.28 16.144 10.944 16.04 10.696 15.824C10.5803 15.7241 10.488 15.5998 10.4258 15.4602C10.3636 15.3205 10.3329 15.1689 10.336 15.016C10.3355 14.787 10.3624 14.5587 10.416 14.336L10.448 14.176L10.896 12.576L10.936 12.424L11 12.144C11.024 12.008 11.04 11.88 11.04 11.768C11.04 11.56 11 11.424 10.912 11.344C10.832 11.264 10.672 11.224 10.432 11.224C10.312 11.224 10.192 11.24 10.072 11.272L9.856 11.352L9.76 11.376L9.88 10.888L10.168 10.776C10.36 10.696 10.544 10.632 10.728 10.576C11 10.496 11.256 10.448 11.496 10.448ZM12.496 7.536C12.792 7.536 13.04 7.632 13.248 7.832C13.464 8.024 13.568 8.264 13.568 8.544C13.568 8.816 13.464 9.056 13.248 9.248C13.04 9.44 12.792 9.544 12.496 9.544C12.2 9.544 11.944 9.44 11.736 9.248C11.52 9.056 11.416 8.816 11.416 8.544C11.416 8.264 11.52 8.024 11.736 7.824C11.944 7.632 12.2 7.536 12.496 7.536Z"/></svg>
+`;
+export {
+  C as default
+};

package/dist/static/styles/components/recommendation-strategy.css.js

@@ -26,6 +26,49 @@ const n = `.strategy-control-header {
     text-decoration: underline;
 }
 
+.strategy-control-notice-row {
+    padding: 0 16px 16px;
+}
+
+.strategy-control-notice {
+    display: flex;
+    gap: 8px;
+    align-items: center;
+    padding: 12px;
+    border: 1px solid var(--guido-color-border-onpage-message-info);
+    border-radius: 4px;
+    background-color: var(--guido-color-background-onpage-message-info);
+}
+
+.strategy-control-notice::before {
+    content: '';
+    flex: none;
+    width: 24px;
+    height: 24px;
+    background-color: var(--guido-color-border-onpage-message-info);
+    mask-image: var(--guido-icon-line-info);
+    mask-repeat: no-repeat;
+    mask-position: center;
+    mask-size: 24px 24px;
+}
+
+.strategy-control-notice--error {
+    border-color: var(--guido-color-border-onpage-message-error);
+    background-color: var(--guido-color-background-onpage-message-error);
+}
+
+.strategy-control-notice--error::before {
+    background-color: var(--guido-color-border-onpage-message-error);
+}
+
+.strategy-control-notice-text {
+    margin: 0;
+    padding: 4px 0;
+    color: var(--guido-color-neutral-700);
+    font-size: 13px;
+    line-height: 16px;
+}
+
 .recommendation-controls-container .container.strategy-control-cta-row {
     grid-template-columns: repeat(2, minmax(0, 180px));
     justify-content: start;
@@ -49,11 +92,8 @@ const n = `.strategy-control-header {
     white-space: nowrap;
 }
 
-.strategy-control-cta.primary > .button:disabled,
-.strategy-control-cta.primary > .button.disabled {
-    opacity: 1;
+.strategy-control-cta.primary > .button {
     color: var(--guido-color-gray-800);
-    cursor: default;
 }
 
 .strategy-control-name-band {
@@ -64,6 +104,14 @@ const n = `.strategy-control-header {
     background-color: var(--guido-color-gray-0);
 }
 
+/* Figma gives the legacy band a 59px row: 17.5px above and below its 24px content. */
+[data-strategy-legacy-state] .strategy-control-name-band {
+    gap: 8px;
+    justify-content: space-between;
+    min-height: auto;
+    padding: 17.5px 16px;
+}
+
 .strategy-control-name {
     color: var(--guido-color-gray-800);
     font-size: 15px;
@@ -71,6 +119,39 @@ const n = `.strategy-control-header {
     line-height: 24px;
 }
 
+/* Each skeleton mirrors the footprint of the element it stands in for, so retiring
+   the loading state does not shift the panel. */
+.guido-skeleton--strategy-title {
+    width: 366px;
+    height: 38px;
+}
+
+.guido-skeleton--strategy-description {
+    width: 366px;
+    height: 48px;
+}
+
+.guido-skeleton--strategy-cta {
+    width: 175px;
+    height: 40px;
+}
+
+.guido-skeleton--strategy-name {
+    width: 398px;
+    height: 48px;
+}
+
+.strategy-control-skeleton-row {
+    display: flex;
+    gap: 16px;
+    padding: 0 16px 16px;
+}
+
+[data-strategy-loading-state] .guido-skeleton {
+    display: block;
+}
+
+
 .strategy-control-actions {
     display: flex;
     align-items: center;
@@ -117,6 +198,15 @@ const n = `.strategy-control-header {
     mask-image: var(--guido-icon-line-plus);
 }
 
+.strategy-control-action--update::before {
+    mask-image: var(--guido-icon-filled-arrow-rising);
+}
+
+.strategy-control-name-band .strategy-control-action > span {
+    padding: 0 0 0 8px;
+}
+
+.strategy-control-action--update,
 .strategy-control-action--change {
     color: var(--guido-color-primary-500);
 }
@@ -129,24 +219,38 @@ const n = `.strategy-control-header {
     text-decoration: underline;
 }
 
-.recommendation-controls-container:not(.strategy-block) .strategy-control-container,
+.strategy-control-action:disabled,
+.strategy-control-action:disabled:hover {
+    color: var(--guido-color-gray-700);
+    text-decoration: none;
+    cursor: default;
+}
+
+.recommendation-controls-container:not(.strategy-block):not(.legacy-strategy-block) .strategy-control-container,
 .recommendation-controls-container.strategy-block .product-count-control-container,
 .recommendation-controls-container.strategy-block .algorithm-control-container,
 .recommendation-controls-container.strategy-block .filters-control-container,
-.recommendation-controls-container.strategy-block .shuffle-control-container {
+.recommendation-controls-container.strategy-block .shuffle-control-container,
+.recommendation-controls-container.legacy-strategy-block .product-count-control-container,
+.recommendation-controls-container.legacy-strategy-block .algorithm-control-container,
+.recommendation-controls-container.legacy-strategy-block .filters-control-container,
+.recommendation-controls-container.legacy-strategy-block .shuffle-control-container {
     display: none;
 }
 
-.recommendation-controls-container.strategy-block {
+.recommendation-controls-container.strategy-block,
+.recommendation-controls-container.legacy-strategy-block {
     display: flex;
     flex-direction: column;
 }
 
-.recommendation-controls-container.strategy-block .price-placement-control-container {
+.recommendation-controls-container.strategy-block .price-placement-control-container,
+.recommendation-controls-container.legacy-strategy-block .price-placement-control-container {
     order: 1;
 }
 
-.recommendation-controls-container.strategy-block .product-layout-control-container {
+.recommendation-controls-container.strategy-block .product-layout-control-container,
+.recommendation-controls-container.legacy-strategy-block .product-layout-control-container {
     order: 2;
 }
 `;

package/dist/static/styles/components/skeleton.css.js

@@ -0,0 +1,23 @@
+const e = `/*
+ * Mirrors the design system's InSkeleton 1:1 (gradient stops, 200% size, 1.6s linear).
+ * The Stripo panel lives in the editor's shadow root and is built from raw HTML strings,
+ * so the Vue component cannot be used there. Hex values are literal in the DS too.
+ *
+ * Base only: each panel sizes its own \`.guido-skeleton--*\` modifier to the footprint of
+ * the element it stands in for.
+ */
+.guido-skeleton {
+    display: none;
+    border-radius: 4px;
+    background: linear-gradient(90deg, #f0f0f0 39.5%, #e1e1e1 66.02%, #f0f0f0 89.42%);
+    background-size: 200% 100%;
+    animation: guido-skeleton-shine 1.6s linear infinite;
+}
+
+@keyframes guido-skeleton-shine {
+    to { background-position-x: -200%; }
+}
+`;
+export {
+  e as default
+};

package/dist/static/styles/components/version-history.css.js

@@ -1,4 +1,4 @@
-const n = `.patch-session-container {
+const r = `.patch-session-container {
     row-gap: 16px;
 }
 
@@ -28,11 +28,7 @@ ue-vh-patch.selected .patch-wrapper {
 .change-history-panel-wrapper .control-panel-header {
     padding: 16px 0 16px 16px;
 }
-
-.change-history-panel-wrapper .header-control-panel-label {
-    grid-area: 1 / 1 / 2 / 12;
-}
 `;
 export {
-  n as default
+  r as default
 };

package/dist/stores/config.js

@@ -1,8 +1,8 @@
-import "../@types/config/schemas.js";
+import { MessageType as r } from "../@types/config/schemas.js";
 import "../@types/config/defaults.js";
-import { parseConfig as o } from "../@types/config/validator.js";
-import { defineStore as r } from "pinia";
-const f = r("guido-config", {
+import { parseConfig as a } from "../@types/config/validator.js";
+import { defineStore as o } from "pinia";
+const g = o("guido-config", {
   state: () => ({
     initialized: !1,
     config: null
@@ -75,57 +75,88 @@ const f = r("guido-config", {
      * Get the template ID
      */
     templateId: (i) => {
-      var e, n;
-      return ((n = (e = i.config) == null ? void 0 : e.identity) == null ? void 0 : n.templateId) ?? "";
+      var e, t;
+      return ((t = (e = i.config) == null ? void 0 : e.identity) == null ? void 0 : t.templateId) ?? "";
     },
     /**
      * Get the user ID
      */
     userId: (i) => {
-      var e, n;
-      return ((n = (e = i.config) == null ? void 0 : e.identity) == null ? void 0 : n.userId) ?? "";
+      var e, t;
+      return ((t = (e = i.config) == null ? void 0 : e.identity) == null ? void 0 : t.userId) ?? "";
     },
     /**
      * Get the variation ID
      */
     variationId: (i) => {
-      var e, n;
-      return ((n = (e = i.config) == null ? void 0 : e.identity) == null ? void 0 : n.variationId) ?? "";
+      var e, t;
+      return ((t = (e = i.config) == null ? void 0 : e.identity) == null ? void 0 : t.variationId) ?? "";
+    },
+    /**
+     * Get the campaign ID
+     */
+    campaignId: (i) => {
+      var e, t;
+      return ((t = (e = i.config) == null ? void 0 : e.identity) == null ? void 0 : t.campaignId) ?? "";
+    },
+    /**
+     * Get the template-library ID of the host template
+     */
+    templateLibraryId: (i) => {
+      var e, t;
+      return ((t = (e = i.config) == null ? void 0 : e.identity) == null ? void 0 : t.templateLibraryId) ?? "";
     },
     /**
      * Get the partner name
      */
     partnerName: (i) => {
-      var e, n;
-      return ((n = (e = i.config) == null ? void 0 : e.partner) == null ? void 0 : n.name) ?? "";
+      var e, t;
+      return ((t = (e = i.config) == null ? void 0 : e.partner) == null ? void 0 : t.name) ?? "";
     },
     /**
      * Get the product type
      */
     productType: (i) => {
-      var e, n;
-      return ((n = (e = i.config) == null ? void 0 : e.partner) == null ? void 0 : n.productType) ?? 60;
+      var e, t;
+      return ((t = (e = i.config) == null ? void 0 : e.partner) == null ? void 0 : t.productType) ?? 60;
     },
     /**
      * Get the message type
      */
     messageType: (i) => {
-      var e, n;
-      return ((n = (e = i.config) == null ? void 0 : e.partner) == null ? void 0 : n.messageType) ?? 1;
+      var e, t;
+      return ((t = (e = i.config) == null ? void 0 : e.partner) == null ? void 0 : t.messageType) ?? 1;
+    },
+    /**
+     * Transactional campaigns keep the hard save block. Reactive getter, so
+     * consumers stay safe in setup where a raw config read snapshots null (SD-147945).
+     */
+    isTransactional() {
+      return this.messageType === r.TRANSACTIONAL;
+    },
+    /**
+     * Soft-save policy: may the editor persist a template with validation errors?
+     * Default true (host sets features.allowSaveWithErrors=false for transactional +
+     * unsub). Reactive getter defaulting true — reading via isFeatureEnabled would
+     * floor to false pre-init and momentarily hide the soft-save option (SD-147430).
+     */
+    allowSaveWithErrors() {
+      var i;
+      return ((i = this.features) == null ? void 0 : i.allowSaveWithErrors) ?? !0;
     },
     /**
      * Get the username
      */
     username: (i) => {
-      var e, n;
-      return ((n = (e = i.config) == null ? void 0 : e.partner) == null ? void 0 : n.username) ?? "Guido User";
+      var e, t;
+      return ((t = (e = i.config) == null ? void 0 : e.partner) == null ? void 0 : t.username) ?? "Guido User";
     },
     /**
      * Check if header should be shown
      */
     showHeader: (i) => {
-      var e, n;
-      return ((n = (e = i.config) == null ? void 0 : e.ui) == null ? void 0 : n.showHeader) ?? !0;
+      var e, t;
+      return ((t = (e = i.config) == null ? void 0 : e.ui) == null ? void 0 : t.showHeader) ?? !0;
     },
     /**
      * Check if a specific feature is enabled.
@@ -134,8 +165,8 @@ const f = r("guido-config", {
      */
     // eslint-disable-next-line @stylistic/max-len
     isFeatureEnabled: (i) => (e) => {
-      var n, t;
-      return ((t = (n = i.config) == null ? void 0 : n.features) == null ? void 0 : t[e]) ?? !1;
+      var t, n;
+      return ((n = (t = i.config) == null ? void 0 : t.features) == null ? void 0 : n[e]) ?? !1;
     }
   },
   actions: {
@@ -143,7 +174,7 @@ const f = r("guido-config", {
      * Initialize the config store with validated configuration
      */
     init(i) {
-      const e = o(i);
+      const e = a(i);
       this.config = e, this.initialized = !0;
     },
     /**
@@ -155,5 +186,5 @@ const f = r("guido-config", {
   }
 });
 export {
-  f as useConfigStore
+  g as useConfigStore
 };

package/dist/stores/guido-email-editor.js

@@ -4,7 +4,9 @@ const d = e("guidoEmailEditor", {
     html: "",
     css: "",
     lastUpdatedAt: 0,
-    templateId: ""
+    templateId: "",
+    bridgeActive: !1,
+    applyAcks: {}
   }),
   getters: {
     /** True once the bridge has published at least one snapshot. */

package/dist/stores/onboarding.js

@@ -1,5 +1,5 @@
-import { useOnboardingApi as s } from "../services/onboardingApi.js";
-import { defineStore as e } from "pinia";
+import { useOnboardingApi as e } from "../services/onboardingApi.js";
+import { defineStore as s } from "pinia";
 const t = () => ({
   cardIndex: 0,
   isActive: !1,
@@ -11,49 +11,61 @@ const t = () => ({
     textBlockOnboarding: t(),
     versionHistoryOnboarding: t(),
     ampOnboarding: t(),
-    itemsOnboarding: t()
+    itemsOnboarding: t(),
+    recommendationStrategyOnboarding: t(),
+    recommendationLegacyStrategyOnboarding: t()
   },
   userModalState: {},
   isFetched: !1
-}), c = e("guidoOnboarding", {
+}), c = s("guidoOnboarding", {
   state: () => a(),
   getters: {
-    getOnboarding: (n) => (i) => n.onboardings[i],
-    isActive: (n) => (i) => n.onboardings[i].isActive,
-    getCurrentCard: (n) => (i) => {
-      const o = n.onboardings[i];
-      return o.config[o.cardIndex];
+    /** @deprecated Components use the type-specific getters. Slated for deletion, see the SD-667788 dead-code ledger. */
+    getOnboarding: (n) => (o) => n.onboardings[o],
+    isActive: (n) => (o) => n.onboardings[o].isActive,
+    /** @deprecated Components use getGenericCurrentCard / getTextBlockCurrentCard. Slated for deletion, see the SD-667788 dead-code ledger. */
+    getCurrentCard: (n) => (o) => {
+      const i = n.onboardings[o];
+      return i.config[i.cardIndex];
     },
     getGenericCurrentCard: (n) => {
-      const { genericOnboarding: i } = n.onboardings;
-      return i.config[i.cardIndex];
+      const { genericOnboarding: o } = n.onboardings;
+      return o.config[o.cardIndex];
     },
     getTextBlockCurrentCard: (n) => {
-      const { textBlockOnboarding: i } = n.onboardings;
-      return i.config[i.cardIndex];
+      const { textBlockOnboarding: o } = n.onboardings;
+      return o.config[o.cardIndex];
     },
     getVersionHistoryCurrentCard: (n) => {
-      const { versionHistoryOnboarding: i } = n.onboardings;
-      return i.config[i.cardIndex];
+      const { versionHistoryOnboarding: o } = n.onboardings;
+      return o.config[o.cardIndex];
     },
     getAmpCurrentCard: (n) => {
-      const { ampOnboarding: i } = n.onboardings;
-      return i.config[i.cardIndex];
+      const { ampOnboarding: o } = n.onboardings;
+      return o.config[o.cardIndex];
     },
     getItemsCurrentCard: (n) => {
-      const { itemsOnboarding: i } = n.onboardings;
-      return i.config[i.cardIndex];
+      const { itemsOnboarding: o } = n.onboardings;
+      return o.config[o.cardIndex];
+    },
+    getRecommendationStrategyCurrentCard: (n) => {
+      const { recommendationStrategyOnboarding: o } = n.onboardings;
+      return o.config[o.cardIndex];
+    },
+    getRecommendationLegacyStrategyCurrentCard: (n) => {
+      const { recommendationLegacyStrategyOnboarding: o } = n.onboardings;
+      return o.config[o.cardIndex];
     },
-    shouldShowOnboarding: (n) => (i) => {
-      const o = n.userModalState.Guido;
-      return i === "newVersionPopup" && (o != null && o.genericOnboarding) ? !1 : o ? !o[i] : !0;
+    shouldShowOnboarding: (n) => (o) => {
+      const i = n.userModalState.Guido;
+      return o === "newVersionPopup" && (i != null && i.genericOnboarding) ? !1 : i ? !i[o] : !0;
     }
   },
   actions: {
     closeOtherOnboardings(n) {
-      Object.keys(this.onboardings).forEach((i) => {
-        const o = i;
-        o !== n && this.onboardings[o].isActive && (this.onboardings[o].isActive = !1, this.onboardings[o].cardIndex = 0, this.onboardings[o].config = []);
+      Object.keys(this.onboardings).forEach((o) => {
+        const i = o;
+        i !== n && this.onboardings[i].isActive && (this.onboardings[i].isActive = !1, this.onboardings[i].cardIndex = 0, this.onboardings[i].config = []);
       });
     },
     start(n) {
@@ -71,12 +83,13 @@ const t = () => ({
     previous(n) {
       this.onboardings[n].cardIndex > 0 && this.onboardings[n].cardIndex--;
     },
-    updateCardPosition(n, i, o) {
-      const r = this.onboardings[n].config[i];
-      r && (r.top = o.top, r.position = o.position);
+    /** @deprecated No caller in src/. Slated for deletion, see the SD-667788 dead-code ledger. */
+    updateCardPosition(n, o, i) {
+      const r = this.onboardings[n].config[o];
+      r && (r.top = i.top, r.position = i.position);
     },
-    setConfig(n, i) {
-      this.onboardings[n].config = i ?? [], this.onboardings[n].cardIndex >= this.onboardings[n].config.length && (this.onboardings[n].cardIndex = 0);
+    setConfig(n, o) {
+      this.onboardings[n].config = o ?? [], this.onboardings[n].cardIndex >= this.onboardings[n].config.length && (this.onboardings[n].cardIndex = 0);
     },
     async onDiscoverNowClicked() {
       await this.setUserModalState("newVersionPopup", "true", "Guido"), await this.setUserModalState("genericOnboarding", "true", "Guido"), this.start("genericOnboarding");
@@ -87,22 +100,23 @@ const t = () => ({
     async onNewVersionPopupClose() {
       await this.setUserModalState("newVersionPopup", "true", "Guido");
     },
+    /** @deprecated No caller in src/. Slated for deletion, see the SD-667788 dead-code ledger. */
     isOnboardingActive() {
       return Object.values(this.onboardings).some((n) => n.isActive);
     },
     async fetchUserModalState() {
       if (this.isFetched)
         return;
-      const { fetchUserModalState: n } = s();
+      const { fetchUserModalState: n } = e();
       try {
-        const i = await n();
-        this.userModalState = i, this.isFetched = !0;
+        const o = await n();
+        this.userModalState = o, this.isFetched = !0;
       } catch {
       }
     },
-    async setUserModalState(n, i, o) {
-      const { setUserModalState: r } = s();
-      await r(n, i, o), this.isFetched = !1, await this.fetchUserModalState();
+    async setUserModalState(n, o, i) {
+      const { setUserModalState: r } = e();
+      await r(n, o, i), this.isFetched = !1, await this.fetchUserModalState();
     }
   }
 });