@useinsider/guido 3.17.0 → 3.18.0-beta.41e529d

package/dist/src/extensions/Blocks/Recommendation/controls/main/index.d.ts

@@ -9,8 +9,9 @@ import { PricePlacementControl, PRICE_PLACEMENT_CONTROL_ID } from './pricePlacem
 import { ProductCountControl, PRODUCT_COUNT_CONTROL_ID } from './productCount';
 import { ProductLayoutControl, PRODUCT_LAYOUT_CONTROL_ID } from './productLayout';
 import { ShuffleControl, SHUFFLE_CONTROL_ID } from './shuffle';
+import { StrategyControl, STRATEGY_CONTROL_ID } from './strategy';
 export declare const CONTROL_BLOCK_ID = "ui-elements-recommendation-block";
-export { AlgorithmControl, ALGORITHM_CONTROL_ID, LocaleControl, LOCALE_CONTROL_ID, CurrencyControl, CURRENCY_CONTROL_ID, ProductCountControl, PRODUCT_COUNT_CONTROL_ID, ProductLayoutControl, PRODUCT_LAYOUT_CONTROL_ID, FiltersControl, FILTERS_CONTROL_ID, ShuffleControl, SHUFFLE_CONTROL_ID, LayoutOrientationControl, LAYOUT_ORIENTATION_CONTROL_ID, PricePlacementControl, PRICE_PLACEMENT_CONTROL_ID, };
+export { AlgorithmControl, ALGORITHM_CONTROL_ID, LocaleControl, LOCALE_CONTROL_ID, CurrencyControl, CURRENCY_CONTROL_ID, ProductCountControl, PRODUCT_COUNT_CONTROL_ID, ProductLayoutControl, PRODUCT_LAYOUT_CONTROL_ID, FiltersControl, FILTERS_CONTROL_ID, ShuffleControl, SHUFFLE_CONTROL_ID, LayoutOrientationControl, LAYOUT_ORIENTATION_CONTROL_ID, PricePlacementControl, PRICE_PLACEMENT_CONTROL_ID, StrategyControl, STRATEGY_CONTROL_ID, };
 export * from './utils';
 /**
  * Main recommendation block control that composes all sub-controls
@@ -19,7 +20,9 @@ export * from './utils';
 export declare class RecommendationBlockControl extends CommonControl {
     private store;
     private storeUnsubscription;
-    private syncedBlockIds;
+    private syncedConfigs;
+    private pendingNodeConfigWrite;
+    private pendingConfigFlushTimer;
     private algorithmControl;
     private localeControl;
     private currencyControl;
@@ -29,8 +32,12 @@ export declare class RecommendationBlockControl extends CommonControl {
     private shuffleControl;
     private pricePlacementControl;
     private layoutOrientationControl;
+    private strategyControl;
+    private rrsEnabled;
     getId(): string;
+    private get _subControls();
     getTemplate(): string;
+    private _showControlsForBlock;
     onRender(): Promise<void>;
     onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
     onDestroy(): void;
@@ -42,7 +49,6 @@ export declare class RecommendationBlockControl extends CommonControl {
     /**
      * Syncs persisted node config into the Pinia store's block state.
      *
-     * setCurrentBlock() creates a default entry (USD, en_US, mostPopular).
      * For saved templates, the real config lives in the node (e.g., TRY, tr_TR).
      * This method reads it and patches the store so fetchRecommendationProducts()
      * uses the correct values.
@@ -50,6 +56,41 @@ export declare class RecommendationBlockControl extends CommonControl {
      * Uses triggerRefetch: false because the fetch hasn't happened yet —
      * values are being prepared for the upcoming initial fetch.
      */
+    /**
+     * Re-syncs the store when the node config moved since we last read it.
+     *
+     * Undo/redo, the code editor and version-history restore rewrite the node
+     * config behind the store's back — Stripo exposes no undo signal, so a
+     * fingerprint diff on this hook is the only way to notice (SD-149105).
+     * An unchanged fingerprint means the move came from us, so runtime store
+     * edits are never clobbered (SD-141049).
+     */
+    private _syncNodeConfigIfChanged;
+    private _capturePendingNodeConfigWrite;
+    /**
+     * Accumulates the pending write into `documentModifier` without applying, so the
+     * caller's apply() commits config and re-render as ONE undo entry.
+     *
+     * Deliberately does not consume the pending record: the product helpers call
+     * apply() only when they actually changed something, so this batch may never be
+     * committed and the flush has to stay able to write it standalone.
+     * @param documentModifier - The batch to accumulate into
+     * @returns Whether anything was staged
+     */
+    private _stagePendingNodeConfig;
+    /**
+     * Arms the guaranteed fallback write, once the product fetch has settled. The
+     * delay only has to outlast the re-render debounce that fetch triggers — firing
+     * earlier writes the config on its own and the undo entry splits in two again.
+     */
+    private _scheduleConfigFlush;
+    private _clearConfigFlush;
+    /**
+     * Writes the deferred change standalone when the batch it was staged into never
+     * committed. Always targets the LIVE node — the captured one is an immutable
+     * snapshot the intervening re-render staled, and saveConfig swallows that failure.
+     */
+    private _flushPendingNodeConfig;
     private _syncNodeConfigToStore;
     /**
      * Fetches initial data for a block in three phases:
@@ -106,9 +147,4 @@ export declare class RecommendationBlockControl extends CommonControl {
      * We skip that tick and update tracking references instead.
      */
     private _listenStateUpdates;
-    /**
-     * Persists the current filter state from Pinia store to the Stripo node config.
-     * This ensures filters survive template save/reload cycles.
-     */
-    private _persistFiltersToNodeConfig;
 }

package/dist/src/extensions/Blocks/Recommendation/controls/main/strategy.d.ts

@@ -0,0 +1,17 @@
+import { CommonControl } from '../../../common-control';
+export declare const STRATEGY_CONTROL_ID = "recommendation-strategy-control";
+export declare class StrategyControl extends CommonControl {
+    private store;
+    private legacyConversion;
+    private storeUnsubscription;
+    private listeners;
+    private lastPaintedState;
+    getId(): string;
+    getTemplate(): string;
+    private _strategyAction;
+    onRender(): void;
+    onDestroy(): void;
+    private _teardown;
+    private _setupButtonListeners;
+    private _renderState;
+}

package/dist/src/extensions/Blocks/Recommendation/controls/main/utils.d.ts

@@ -70,6 +70,7 @@ export interface RegenerateProductRowsOptions {
     /** Optional: pass composition directly to avoid stale DOM reads after setAttribute */
     composition?: string[];
 }
+export declare function getMainContainerTbody(currentNode: ImmutableHtmlNode): ImmutableHtmlNode | null;
 /**
  * Regenerates only the mobile product container rows and commits in a single apply().
  * Standalone entry point for callers that change mobile-only settings

package/dist/src/extensions/Blocks/Recommendation/controls/title/index.d.ts

@@ -0,0 +1,86 @@
+export declare const TitleControls: {
+    readonly align: {
+        new (): {
+            getId(): string;
+            getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
+            getParentControlId(): string;
+            api: import("@stripoinc/ui-editor-extensions").ControlApi;
+            getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
+            getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
+            getAdditionalModifications(_root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
+            isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
+        };
+    };
+    readonly color: {
+        new (): {
+            getId(): string;
+            getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
+            getParentControlId(): string;
+            api: import("@stripoinc/ui-editor-extensions").ControlApi;
+            getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
+            getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
+            getAdditionalModifications(_root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
+            isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
+        };
+    };
+    readonly size: {
+        new (): {
+            getId(): string;
+            getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
+            getParentControlId(): string;
+            api: import("@stripoinc/ui-editor-extensions").ControlApi;
+            getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
+            getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
+            getAdditionalModifications(_root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
+            isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
+        };
+    };
+    readonly style: {
+        new (): {
+            getId(): string;
+            getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
+            getParentControlId(): string;
+            api: import("@stripoinc/ui-editor-extensions").ControlApi;
+            getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
+            getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
+            getAdditionalModifications(_root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
+            isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
+        };
+    };
+    readonly fontFamily: {
+        new (): {
+            getId(): string;
+            getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
+            getParentControlId(): string;
+            api: import("@stripoinc/ui-editor-extensions").ControlApi;
+            getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
+            getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
+            getAdditionalModifications(_root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
+            isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
+        };
+    };
+    readonly background: {
+        new (): {
+            getId(): string;
+            getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
+            getAdditionalModifications(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
+            getParentControlId(): string;
+            api: import("@stripoinc/ui-editor-extensions").ControlApi;
+            getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
+            getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
+            isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
+        };
+    };
+    readonly paddings: {
+        new (): {
+            getId(): string;
+            getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
+            getParentControlId(): string;
+            api: import("@stripoinc/ui-editor-extensions").ControlApi;
+            getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
+            getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
+            getAdditionalModifications(_root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
+            isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
+        };
+    };
+};

package/dist/src/extensions/Blocks/Recommendation/services/configService.d.ts

@@ -25,7 +25,7 @@ import { ModificationDescription } from '@stripoinc/ui-editor-extensions';
  * Stripo Extension API interface for document modifications
  * Extracted to allow type-safe usage without importing full Stripo types
  */
-interface DocumentModifier {
+export interface DocumentModifier {
     modifyHtml: (node: ImmutableHtmlNode) => {
         setNodeConfig: (config: Record<string, unknown>) => DocumentModifier;
         setAttribute: (name: string, value: string) => DocumentModifier;
@@ -90,6 +90,17 @@ export declare class RecommendationConfigService {
      * @returns The new complete configuration
      */
     static updateConfig(api: DocumentModifierApi, node: ImmutableHtmlNode, updates: PartialNodeConfig, description: string): RecommendationNodeConfig;
+    /**
+     * Accumulate a config update into an existing modifier batch, WITHOUT applying.
+     *
+     * The caller owns the apply(), so the write shares one undo entry with the rest
+     * of that batch — a change whose visible result only lands after an async product
+     * fetch would otherwise cost the user two undo presses (SD-149105).
+     * @param documentModifier - The batch to accumulate into (caller applies)
+     * @param node - The immutable HTML node to write to
+     * @param updates - Partial config with values to update
+     */
+    static stageConfig(documentModifier: DocumentModifier, node: ImmutableHtmlNode, updates: PartialNodeConfig): void;
     /**
      * Initialize configuration for a new block
      *

package/dist/src/extensions/Blocks/Recommendation/store/recommendation.d.ts

@@ -1,4 +1,4 @@
-import type { Orientation, Languages, Currency, NumericSeparator, FiltersResponse, Filter, RecommendationProduct } from '@@/Types/recommendation';
+import type { Orientation, Languages, Currency, NumericSeparator, FiltersResponse, Filter, RecommendationCampaignUrlValue, RecommendationProduct, RrsMigrationPayload, RrsStrategy } from '@@/Types/recommendation';
 export interface PerBlockConfigs {
     cardsInRow: number;
     currencySettings: {
@@ -21,6 +21,8 @@ export interface PerBlockConfigs {
     sendProductRequestFlag: boolean;
     shuffleProducts: boolean;
     strategy: string;
+    strategyId: string;
+    nodeConfigVersion: number;
     textTrimming: boolean;
     unresponsive: boolean;
     size: string;
@@ -33,11 +35,15 @@ interface PerBlockState {
     recommendationProducts: RecommendationProduct[];
     filterStatus: boolean;
     filterSelectionDrawerStatus: boolean;
+    assignStrategyDrawerStatus: boolean;
+    removeStrategyModalStatus: boolean;
+    legacyStrategyUpdatedModalStatus: boolean;
     filterGroup: number;
     /** Whether initial API data (filters, algorithms, products) has been fetched for this block */
     isInitialized: boolean;
     /** Snapshot of filters taken when the drawer opens, used to revert on cancel */
     filterSnapshot: Filter[] | null;
+    legacyConversionLoading: boolean;
 }
 /**
  * Persisted-config subset used by `seedBlockUrlConfig` to reconstruct
@@ -47,6 +53,7 @@ interface PerBlockState {
  */
 export interface PerBlockUrlConfig {
     strategy: string;
+    strategyId: string;
     language: string;
     size: string;
     productIds: string[];
@@ -59,11 +66,14 @@ export interface PerBlockUrlConfig {
     currencyThousandSeparator: string;
 }
 interface StoreState {
-    recommendationCampaignUrls: Record<string, string>;
+    recommendationCampaignUrls: Record<string, RecommendationCampaignUrlValue>;
     activePredictiveAlgorithms: number[];
     languages: Languages;
     currencyList: Currency[];
     filterList: FiltersResponse;
+    strategies: RrsStrategy[];
+    strategiesLoading: boolean;
+    strategyUrlTemplates: Record<string, string>;
     blockStates: Record<number, PerBlockState>;
     currentRecommendationId: number | null;
     configVersion: number;
@@ -74,7 +84,7 @@ export declare const useRecommendationExtensionStore: import("pinia").StoreDefin
      * This allows all existing code that reads `store.recommendationConfigs` to work unchanged.
      */
     recommendationConfigs(state: {
-        recommendationCampaignUrls: Record<string, string>;
+        recommendationCampaignUrls: Record<string, RecommendationCampaignUrlValue>;
         activePredictiveAlgorithms: number[];
         languages: Languages;
         currencyList: {
@@ -82,6 +92,16 @@ export declare const useRecommendationExtensionStore: import("pinia").StoreDefin
             value: string;
         }[];
         filterList: FiltersResponse;
+        strategies: {
+            [x: string]: unknown;
+            strategy_id: number;
+            name: string;
+            status: string;
+            suitable_channels: string;
+            size?: (number | string) | undefined;
+        }[];
+        strategiesLoading: boolean;
+        strategyUrlTemplates: Record<string, string>;
         blockStates: Record<number, PerBlockState>;
         currentRecommendationId: number | null;
         configVersion: number;
@@ -90,7 +110,7 @@ export declare const useRecommendationExtensionStore: import("pinia").StoreDefin
      * Proxy getter: delegates to blockStates[currentRecommendationId].recommendationProducts
      */
     recommendationProducts(state: {
-        recommendationCampaignUrls: Record<string, string>;
+        recommendationCampaignUrls: Record<string, RecommendationCampaignUrlValue>;
         activePredictiveAlgorithms: number[];
         languages: Languages;
         currencyList: {
@@ -98,6 +118,16 @@ export declare const useRecommendationExtensionStore: import("pinia").StoreDefin
             value: string;
         }[];
         filterList: FiltersResponse;
+        strategies: {
+            [x: string]: unknown;
+            strategy_id: number;
+            name: string;
+            status: string;
+            suitable_channels: string;
+            size?: (number | string) | undefined;
+        }[];
+        strategiesLoading: boolean;
+        strategyUrlTemplates: Record<string, string>;
         blockStates: Record<number, PerBlockState>;
         currentRecommendationId: number | null;
         configVersion: number;
@@ -106,7 +136,53 @@ export declare const useRecommendationExtensionStore: import("pinia").StoreDefin
      * Proxy getter: delegates to blockStates[currentRecommendationId].filterSelectionDrawerStatus
      */
     filterSelectionDrawerStatus(state: {
-        recommendationCampaignUrls: Record<string, string>;
+        recommendationCampaignUrls: Record<string, RecommendationCampaignUrlValue>;
+        activePredictiveAlgorithms: number[];
+        languages: Languages;
+        currencyList: {
+            text: string;
+            value: string;
+        }[];
+        filterList: FiltersResponse;
+        strategies: {
+            [x: string]: unknown;
+            strategy_id: number;
+            name: string;
+            status: string;
+            suitable_channels: string;
+            size?: (number | string) | undefined;
+        }[];
+        strategiesLoading: boolean;
+        strategyUrlTemplates: Record<string, string>;
+        blockStates: Record<number, PerBlockState>;
+        currentRecommendationId: number | null;
+        configVersion: number;
+    } & import("pinia").PiniaCustomStateProperties<StoreState>): boolean;
+    assignStrategyDrawerStatus(state: {
+        recommendationCampaignUrls: Record<string, RecommendationCampaignUrlValue>;
+        activePredictiveAlgorithms: number[];
+        languages: Languages;
+        currencyList: {
+            text: string;
+            value: string;
+        }[];
+        filterList: FiltersResponse;
+        strategies: {
+            [x: string]: unknown;
+            strategy_id: number;
+            name: string;
+            status: string;
+            suitable_channels: string;
+            size?: (number | string) | undefined;
+        }[];
+        strategiesLoading: boolean;
+        strategyUrlTemplates: Record<string, string>;
+        blockStates: Record<number, PerBlockState>;
+        currentRecommendationId: number | null;
+        configVersion: number;
+    } & import("pinia").PiniaCustomStateProperties<StoreState>): boolean;
+    removeStrategyModalStatus(state: {
+        recommendationCampaignUrls: Record<string, RecommendationCampaignUrlValue>;
         activePredictiveAlgorithms: number[];
         languages: Languages;
         currencyList: {
@@ -114,15 +190,95 @@ export declare const useRecommendationExtensionStore: import("pinia").StoreDefin
             value: string;
         }[];
         filterList: FiltersResponse;
+        strategies: {
+            [x: string]: unknown;
+            strategy_id: number;
+            name: string;
+            status: string;
+            suitable_channels: string;
+            size?: (number | string) | undefined;
+        }[];
+        strategiesLoading: boolean;
+        strategyUrlTemplates: Record<string, string>;
         blockStates: Record<number, PerBlockState>;
         currentRecommendationId: number | null;
         configVersion: number;
     } & import("pinia").PiniaCustomStateProperties<StoreState>): boolean;
+    isLegacyStrategyBlock(): boolean;
+    legacyConversionLoading(state: {
+        recommendationCampaignUrls: Record<string, RecommendationCampaignUrlValue>;
+        activePredictiveAlgorithms: number[];
+        languages: Languages;
+        currencyList: {
+            text: string;
+            value: string;
+        }[];
+        filterList: FiltersResponse;
+        strategies: {
+            [x: string]: unknown;
+            strategy_id: number;
+            name: string;
+            status: string;
+            suitable_channels: string;
+            size?: (number | string) | undefined;
+        }[];
+        strategiesLoading: boolean;
+        strategyUrlTemplates: Record<string, string>;
+        blockStates: Record<number, PerBlockState>;
+        currentRecommendationId: number | null;
+        configVersion: number;
+    } & import("pinia").PiniaCustomStateProperties<StoreState>): boolean;
+    legacyStrategyUpdatedModalStatus(state: {
+        recommendationCampaignUrls: Record<string, RecommendationCampaignUrlValue>;
+        activePredictiveAlgorithms: number[];
+        languages: Languages;
+        currencyList: {
+            text: string;
+            value: string;
+        }[];
+        filterList: FiltersResponse;
+        strategies: {
+            [x: string]: unknown;
+            strategy_id: number;
+            name: string;
+            status: string;
+            suitable_channels: string;
+            size?: (number | string) | undefined;
+        }[];
+        strategiesLoading: boolean;
+        strategyUrlTemplates: Record<string, string>;
+        blockStates: Record<number, PerBlockState>;
+        currentRecommendationId: number | null;
+        configVersion: number;
+    } & import("pinia").PiniaCustomStateProperties<StoreState>): boolean;
+    assignedStrategy(state: {
+        recommendationCampaignUrls: Record<string, RecommendationCampaignUrlValue>;
+        activePredictiveAlgorithms: number[];
+        languages: Languages;
+        currencyList: {
+            text: string;
+            value: string;
+        }[];
+        filterList: FiltersResponse;
+        strategies: {
+            [x: string]: unknown;
+            strategy_id: number;
+            name: string;
+            status: string;
+            suitable_channels: string;
+            size?: (number | string) | undefined;
+        }[];
+        strategiesLoading: boolean;
+        strategyUrlTemplates: Record<string, string>;
+        blockStates: Record<number, PerBlockState>;
+        currentRecommendationId: number | null;
+        configVersion: number;
+    } & import("pinia").PiniaCustomStateProperties<StoreState>): RrsStrategy | null;
     /**
      * Proxy getter: delegates to blockStates[currentRecommendationId].filterStatus
      */
     filterStatus(state: {
-        recommendationCampaignUrls: Record<string, string>;
+        recommendationCampaignUrls: Record<string, RecommendationCampaignUrlValue>;
         activePredictiveAlgorithms: number[];
         languages: Languages;
         currencyList: {
@@ -130,6 +286,16 @@ export declare const useRecommendationExtensionStore: import("pinia").StoreDefin
             value: string;
         }[];
         filterList: FiltersResponse;
+        strategies: {
+            [x: string]: unknown;
+            strategy_id: number;
+            name: string;
+            status: string;
+            suitable_channels: string;
+            size?: (number | string) | undefined;
+        }[];
+        strategiesLoading: boolean;
+        strategyUrlTemplates: Record<string, string>;
         blockStates: Record<number, PerBlockState>;
         currentRecommendationId: number | null;
         configVersion: number;
@@ -138,7 +304,7 @@ export declare const useRecommendationExtensionStore: import("pinia").StoreDefin
      * Proxy getter: delegates to blockStates[currentRecommendationId].filterGroup
      */
     filterGroup(state: {
-        recommendationCampaignUrls: Record<string, string>;
+        recommendationCampaignUrls: Record<string, RecommendationCampaignUrlValue>;
         activePredictiveAlgorithms: number[];
         languages: Languages;
         currencyList: {
@@ -146,6 +312,16 @@ export declare const useRecommendationExtensionStore: import("pinia").StoreDefin
             value: string;
         }[];
         filterList: FiltersResponse;
+        strategies: {
+            [x: string]: unknown;
+            strategy_id: number;
+            name: string;
+            status: string;
+            suitable_channels: string;
+            size?: (number | string) | undefined;
+        }[];
+        strategiesLoading: boolean;
+        strategyUrlTemplates: Record<string, string>;
         blockStates: Record<number, PerBlockState>;
         currentRecommendationId: number | null;
         configVersion: number;
@@ -155,7 +331,7 @@ export declare const useRecommendationExtensionStore: import("pinia").StoreDefin
     getFilterGroupCount(): number;
     getUniqueFilterGroups(): number[];
     getActivePredictiveAlgorithms: (state: {
-        recommendationCampaignUrls: Record<string, string>;
+        recommendationCampaignUrls: Record<string, RecommendationCampaignUrlValue>;
         activePredictiveAlgorithms: number[];
         languages: Languages;
         currencyList: {
@@ -163,6 +339,16 @@ export declare const useRecommendationExtensionStore: import("pinia").StoreDefin
             value: string;
         }[];
         filterList: FiltersResponse;
+        strategies: {
+            [x: string]: unknown;
+            strategy_id: number;
+            name: string;
+            status: string;
+            suitable_channels: string;
+            size?: (number | string) | undefined;
+        }[];
+        strategiesLoading: boolean;
+        strategyUrlTemplates: Record<string, string>;
         blockStates: Record<number, PerBlockState>;
         currentRecommendationId: number | null;
         configVersion: number;
@@ -171,7 +357,7 @@ export declare const useRecommendationExtensionStore: import("pinia").StoreDefin
         value: string;
     }[];
     getLanguages: (state: {
-        recommendationCampaignUrls: Record<string, string>;
+        recommendationCampaignUrls: Record<string, RecommendationCampaignUrlValue>;
         activePredictiveAlgorithms: number[];
         languages: Languages;
         currencyList: {
@@ -179,6 +365,16 @@ export declare const useRecommendationExtensionStore: import("pinia").StoreDefin
             value: string;
         }[];
         filterList: FiltersResponse;
+        strategies: {
+            [x: string]: unknown;
+            strategy_id: number;
+            name: string;
+            status: string;
+            suitable_channels: string;
+            size?: (number | string) | undefined;
+        }[];
+        strategiesLoading: boolean;
+        strategyUrlTemplates: Record<string, string>;
         blockStates: Record<number, PerBlockState>;
         currentRecommendationId: number | null;
         configVersion: number;
@@ -187,7 +383,7 @@ export declare const useRecommendationExtensionStore: import("pinia").StoreDefin
         value: string;
     }[];
     getCurrencySymbolList: (state: {
-        recommendationCampaignUrls: Record<string, string>;
+        recommendationCampaignUrls: Record<string, RecommendationCampaignUrlValue>;
         activePredictiveAlgorithms: number[];
         languages: Languages;
         currencyList: {
@@ -195,6 +391,16 @@ export declare const useRecommendationExtensionStore: import("pinia").StoreDefin
             value: string;
         }[];
         filterList: FiltersResponse;
+        strategies: {
+            [x: string]: unknown;
+            strategy_id: number;
+            name: string;
+            status: string;
+            suitable_channels: string;
+            size?: (number | string) | undefined;
+        }[];
+        strategiesLoading: boolean;
+        strategyUrlTemplates: Record<string, string>;
         blockStates: Record<number, PerBlockState>;
         currentRecommendationId: number | null;
         configVersion: number;
@@ -272,6 +478,17 @@ export declare const useRecommendationExtensionStore: import("pinia").StoreDefin
      * to the snapshot taken when the drawer was opened.
      */
     cancelFilterDrawer(): void;
+    openAssignStrategyDrawer(): void;
+    closeAssignStrategyDrawer(): void;
+    openLegacyStrategyUpdatedModal(): void;
+    closeLegacyStrategyUpdatedModal(): void;
+    openRemoveStrategyModal(): void;
+    closeRemoveStrategyModal(): void;
+    fetchStrategies(): Promise<void>;
+    resolveStrategyUrlTemplate(strategy: RrsStrategy, currency: string): Promise<string>;
+    assignStrategy(strategy: RrsStrategy): void;
+    convertLegacyStrategy(payload: RrsMigrationPayload): Promise<string>;
+    removeStrategy(): void;
     fetchRecommendationCreateData(): Promise<void>;
     fetchRecommendationFilters(): Promise<void>;
     addFilterGroup(filterGroup: number): void;
@@ -288,5 +505,7 @@ export declare const useRecommendationExtensionStore: import("pinia").StoreDefin
     hasInvalidBlock(): boolean;
     fetchRecommendationProducts(): Promise<void>;
     _doFetchProducts(): Promise<void>;
+    _doFetchStrategyProducts(blockId: number): Promise<void>;
+    _setBlockProducts(blockId: number, products: RecommendationProduct[], size: number): void;
 }>;
 export {};

package/dist/src/extensions/Blocks/Recommendation/templates/titleRows.d.ts

@@ -0,0 +1,13 @@
+export declare const DEFAULT_TITLE_TEXT = "You May Also Like!";
+export declare const DEFAULT_TITLE_PARAGRAPH: string;
+/**
+ * Builds the two block-level title rows: the title itself and the spacer below it.
+ * Both carry the same `recommendation-attribute-row` tagging a card attribute row has,
+ * so the Card Composition toggle hides the pair together and the compiler's
+ * `[data-visibility="0"]` sweep drops both — no leading gap when the title is off.
+ * @param paragraphHtml - Full `<p>` markup rendered inside the title cell
+ * @param visible - Whether the title starts visible
+ * @param spacerHeightPx - Height of the spacer row below the title
+ * @returns HTML string with the title row followed by its spacer row
+ */
+export declare function buildTitleRows(paragraphHtml?: string, visible?: boolean, spacerHeightPx?: number): string;

package/dist/src/extensions/Blocks/Recommendation/types/nodeConfig.d.ts

@@ -82,6 +82,7 @@ export interface RecommendationNodeConfig {
      * Uses existing Filter interface from recommendation types
      */
     filters: Filter[];
+    strategyId: string;
     /**
      * Layout orientation
      * - 'grid': Products in a grid, attributes aligned across products
@@ -138,6 +139,12 @@ export interface RecommendationNodeConfig {
      * Keys are ATTR_PRODUCT_* constants
      */
     visibility: Record<string, boolean>;
+    /**
+     * Snapshot of the block title's row markup before it's removed.
+     * Restored verbatim when the title is re-enabled.
+     * @default ''
+     */
+    previousTitleHtml: string;
     /**
      * Omnibus price text configuration
      * For EU Omnibus Directive compliance