@useinsider/guido 3.17.0-beta.3ff6ea0 → 3.17.0-beta.6255bfc

package/dist/src/composables/useRecommendation.d.ts

@@ -18,6 +18,7 @@ export declare const useRecommendation: () => {
     getRecommendationCampaignData: (id: string) => CampaignData;
     buildCampaignUrl: (campaignId: string, overrides?: {
         strategy: string;
+        strategyId: string;
         language: string;
         currencyCode: string;
         size: string;

package/dist/src/config/migrator/recommendation/extractors.d.ts

@@ -1,12 +1,4 @@
 export declare function extractTitleText(block: Element): string;
-/**
- * Fallback for legacy configs that carry no `p_recommendation_title` variable:
- * the rendered HTML decides. A missing or `display: none` title container means
- * the user never saw a title, so the migrated block keeps it toggled off.
- * @param block - The legacy recommendation block element
- * @returns True when the legacy block renders a visible title
- */
-export declare function hasVisibleTitle(block: Element): boolean;
 /**
  * Card background lives on either the block (`bgcolor`/`style`) or per-card
  * cells (`.product-card`). Returns empty string when no background is set —

package/dist/src/enums/academy.d.ts

@@ -8,5 +8,6 @@ export declare const ACADEMY_LINKS: {
     readonly EMAIL_EDITOR: "https://academy.insiderone.com/docs/email-drag-and-drop-editor";
     readonly GLOBAL_UNSUBSCRIBE: "https://academy.insiderone.com/docs/global-unsubscribe-preference-center";
     readonly AMP_FOR_EMAILS: "https://academy.insiderone.com/docs/amp-for-emails";
+    readonly EMAIL_RECOMMENDATION_BLOCK: "https://academy.insiderone.com/docs/new-editor-email-recommendation-block";
 };
 export type AcademyLinkKey = keyof typeof ACADEMY_LINKS;

package/dist/src/enums/extensions/recommendationBlock.d.ts

@@ -3,6 +3,8 @@ import type { RecommendationFeedItem } from '@@/Types/recommendation';
 export declare const URLS: {
     RECOMMENDATION_API_URL: string;
     PRODUCT_ATTRIBUTES_PATH: string;
+    RECOMMENDATION_STRATEGIES_PATH: string;
+    RECOMMENDATION_STRATEGIES_PANEL_PATH: string;
 };
 export declare const QUERY_PARAMS: {
     CLIENT_ID: string;

package/dist/src/extensions/Blocks/Recommendation/constants/blockIds.d.ts

@@ -10,6 +10,5 @@ export declare enum RecommendationBlockId {
     OMNIBUS_PRICE = "recommendation-block-omnibus-price",
     OMNIBUS_DISCOUNT = "recommendation-block-omnibus-discount",
     IMAGE = "recommendation-block-image",
-    CUSTOM_ATTRIBUTE = "recommendation-block-custom-attribute",
-    TITLE = "recommendation-block-title"
+    CUSTOM_ATTRIBUTE = "recommendation-block-custom-attribute"
 }

package/dist/src/extensions/Blocks/Recommendation/constants/controlIds.d.ts

@@ -65,12 +65,5 @@ export declare enum RecommendationControlId {
     CUSTOM_ATTR_SIZE = "recommendation-block-custom-attr-size-control",
     CUSTOM_ATTR_STYLE = "recommendation-block-custom-attr-style-control",
     CUSTOM_ATTR_TEXT_TRIM = "recommendation-block-custom-attr-text-trim-control",
-    TITLE_ALIGN = "recommendation-block-title-align-control",
-    TITLE_BACKGROUND = "recommendation-block-title-background-control",
-    TITLE_COLOR = "recommendation-block-title-color-control",
-    TITLE_FONT_FAMILY = "recommendation-block-title-font-family-control",
-    TITLE_PADDINGS = "recommendation-block-title-paddings-control",
-    TITLE_SIZE = "recommendation-block-title-size-control",
-    TITLE_STYLE = "recommendation-block-title-style-control",
     SYNC_INFO_MESSAGE = "recommendation-block-sync-info-message"
 }

package/dist/src/extensions/Blocks/Recommendation/constants/defaultConfig.d.ts

@@ -8,6 +8,13 @@
  * - Merging partial updates with existing config
  */
 import type { RecommendationNodeConfig, CurrencyConfig, OmnibusTextConfig } from '../types/nodeConfig';
+/**
+ * Config version, doubling as an era marker: v1 blocks predate the reusable
+ * recommendation strategy, v2 blocks can carry one. A v1 block is a valid
+ * terminal state — it is preserved, never migrated up (SD-149105).
+ */
+export declare const PRE_RRS_CONFIG_VERSION = 1;
+export declare const CURRENT_CONFIG_VERSION = 2;
 /**
  * Default currency configuration
  * Uses USD as the base currency with standard formatting
@@ -32,7 +39,6 @@ export declare const DEFAULT_COMPOSITION: string[];
 /**
  * Default visibility settings for card elements
  * Omnibus elements are hidden by default (not all regions require them)
- * The block-level title is visible on a fresh drop.
  */
 export declare const DEFAULT_VISIBILITY: Record<string, boolean>;
 /**
@@ -48,9 +54,3 @@ export declare const DEFAULT_NODE_CONFIG: RecommendationNodeConfig;
  * View Together and Purchase Together algorithms are disabled because these require product id.
  */
 export declare const EXCLUDED_ALGORITHM_IDS: number[];
-/**
- * Current configuration version
- * Increment this when making breaking changes to the schema
- * Used for migration detection
- */
-export declare const CURRENT_CONFIG_VERSION = 1;

package/dist/src/extensions/Blocks/Recommendation/constants/index.d.ts

@@ -8,6 +8,6 @@
  */
 export { RecommendationBlockId } from './blockIds';
 export { RecommendationControlId } from './controlIds';
-export { BLOCK_ROOT_SELECTOR, CONTAINER_SELECTOR, DESKTOP_CONTAINER_SELECTOR, MOBILE_CONTAINER_SELECTOR, MOBILE_ROW_SELECTOR, CSS_CLASS_RECO_BUTTON, CSS_CLASS_SKIP_COMPILE, RECOMMENDATION_VARIABLE_BUILTIN_ATTRIBUTES, CURRENCY_ATTR, ATTR_PRODUCT_IMAGE, ATTR_PRODUCT_NAME, ATTR_PRODUCT_PRICE, ATTR_PRODUCT_OLD_PRICE, ATTR_PRODUCT_OMNIBUS_PRICE, ATTR_PRODUCT_OMNIBUS_DISCOUNT, ATTR_PRODUCT_BUTTON, ATTR_RECOMMENDATION_TITLE, SELECTOR_TITLE_CELL, ATTR_CUSTOM_PREFIX, ATTR_DATA_CARD_COMPOSITION, ATTR_DATA_CUSTOM_ATTRIBUTES, ATTR_PRODUCT_ATTR, CSS_CLASS_ATTRIBUTE_ROW, CSS_CLASS_SPACER, SELECTOR_ATTRIBUTE_ROW, ATTR_DATA_ATTRIBUTE_TYPE, ATTR_DATA_VISIBILITY, PRODUCT_ATTRIBUTE_PREFIX, BUILT_IN_DEFAULT_ATTRIBUTES, } from './selectors';
+export { BLOCK_ROOT_SELECTOR, CONTAINER_SELECTOR, DESKTOP_CONTAINER_SELECTOR, MOBILE_CONTAINER_SELECTOR, MOBILE_ROW_SELECTOR, CSS_CLASS_RECO_BUTTON, CSS_CLASS_SKIP_COMPILE, RECOMMENDATION_VARIABLE_BUILTIN_ATTRIBUTES, CURRENCY_ATTR, ATTR_PRODUCT_IMAGE, ATTR_PRODUCT_NAME, ATTR_PRODUCT_PRICE, ATTR_PRODUCT_OLD_PRICE, ATTR_PRODUCT_OMNIBUS_PRICE, ATTR_PRODUCT_OMNIBUS_DISCOUNT, ATTR_PRODUCT_BUTTON, ATTR_CUSTOM_PREFIX, ATTR_DATA_CARD_COMPOSITION, ATTR_DATA_CUSTOM_ATTRIBUTES, ATTR_PRODUCT_ATTR, SELECTOR_ATTRIBUTE_ROW, ATTR_DATA_ATTRIBUTE_TYPE, PRODUCT_ATTRIBUTE_PREFIX, BUILT_IN_DEFAULT_ATTRIBUTES, } from './selectors';
 export { LAYOUT_VALUES, LAYOUT_OPTIONS, DEFAULT_PRODUCTS_PER_ROW, DEFAULT_CARDS_IN_ROW, DEFAULT_MOBILE_CARDS_IN_ROW, MAX_PRODUCT_COUNT, MIN_PRODUCT_COUNT, MAX_PRODUCTS_PER_ROW, MIN_PRODUCTS_PER_ROW, MAX_MOBILE_PRODUCTS_PER_ROW, MIN_MOBILE_PRODUCTS_PER_ROW, DEFAULT_COLUMN_SPACING, DEFAULT_ROW_SPACING, DEFAULT_MOBILE_COLUMN_SPACING, DEFAULT_MOBILE_ROW_SPACING, MIN_SPACING, MAX_SPACING, SPACING_STEP, } from './layout';
-export { DEFAULT_NODE_CONFIG, DEFAULT_CURRENCY, DEFAULT_COMPOSITION, DEFAULT_VISIBILITY, CURRENT_CONFIG_VERSION, EXCLUDED_ALGORITHM_IDS, } from './defaultConfig';
+export { DEFAULT_NODE_CONFIG, DEFAULT_CURRENCY, DEFAULT_COMPOSITION, DEFAULT_VISIBILITY, CURRENT_CONFIG_VERSION, PRE_RRS_CONFIG_VERSION, EXCLUDED_ALGORITHM_IDS, } from './defaultConfig';

package/dist/src/extensions/Blocks/Recommendation/constants/selectors.d.ts

@@ -58,10 +58,6 @@ export declare const ATTR_PRODUCT_OLD_PRICE = "productOldPrice";
 export declare const ATTR_PRODUCT_OMNIBUS_PRICE = "productOmnibusPrice";
 export declare const ATTR_PRODUCT_OMNIBUS_DISCOUNT = "productOmnibusDiscount";
 export declare const ATTR_PRODUCT_BUTTON = "productButton";
-export declare const ATTR_RECOMMENDATION_TITLE = "recommendationTitle";
-export declare const CSS_CLASS_TITLE_CELL = "ins-recommendation-title";
-/** Title cell — the only `esd-block-text` living outside the product containers. */
-export declare const SELECTOR_TITLE_CELL = ".ins-recommendation-title";
 /**
  * Custom attribute constants
  * Used for dynamically added product attributes in Card Composition
@@ -74,16 +70,10 @@ export declare const ATTR_DATA_CUSTOM_ATTRIBUTES = "data-custom-attributes";
 export declare const ATTR_DATA_CARD_COMPOSITION = "data-card-composition";
 /** HTML attribute on <td> elements identifying the product attribute for compiler template variable generation */
 export declare const ATTR_PRODUCT_ATTR = "product-attr";
-/** Class every composition attribute row carries — the visibility toggle and the compiler both key on it */
-export declare const CSS_CLASS_ATTRIBUTE_ROW = "recommendation-attribute-row";
 /** Row wrapper of one composition entry inside a product card */
 export declare const SELECTOR_ATTRIBUTE_ROW = ".recommendation-attribute-row";
 /** HTML attribute on an attribute row holding its composition key */
 export declare const ATTR_DATA_ATTRIBUTE_TYPE = "data-attribute-type";
-/** HTML attribute on an attribute row holding its visibility (`1` / `0`) */
-export declare const ATTR_DATA_VISIBILITY = "data-visibility";
-/** Class on the spacer cell of the row that trails a title */
-export declare const CSS_CLASS_SPACER = "spacer";
 /** Prefix `resolveProductAttrValue` puts on custom (non-default) product attributes in `product-attr` values */
 export declare const PRODUCT_ATTRIBUTE_PREFIX = "product_attribute.";
 /**

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

@@ -33,8 +33,6 @@ export declare class RecommendationCardCompositionControl extends CommonControl
     private _normalizeComposition;
     private _readCustomAttributesFromNode;
     private _readVisibilityFromRows;
-    private _withTitlePresence;
-    private _hasTitle;
     private _getDefaultVisibilities;
     private _extractVisibilityFromRows;
     private _parseVisibilityValue;
@@ -189,14 +187,6 @@ export declare class RecommendationCardCompositionControl extends CommonControl
      */
     private _buildCompositionHtml;
     private _applyVisibilityToBlock;
-    private _applyTitleVisibilityToBlock;
-    private _resolveTitleInjection;
-    private _findTitleRows;
-    private _findTitleRowsByClass;
-    private _isSpacerRow;
-    private _findTitleContainerBody;
-    private _readInnerHtml;
-    private _defaultTitleParagraph;
     /**
      * Finds the composition array index for the Nth custom attribute (0-based).
      * Scans left-to-right, counting only entries with the custom prefix.

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

@@ -11,7 +11,6 @@
  */
 export { RecommendationBlockControl, CONTROL_BLOCK_ID, 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, } from './main';
 export * from './main/utils';
-export { TitleControls } from './title';
 export { NameControls } from './name';
 export { PriceControls } from './price';
 export { OldPriceControls } from './oldPrice';

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
@@ -29,8 +30,17 @@ export declare class RecommendationBlockControl extends CommonControl {
     private shuffleControl;
     private pricePlacementControl;
     private layoutOrientationControl;
+    private strategyControl;
     getId(): string;
+    /** Every sub-control the coordinator owns, in panel order. */
+    private get _subControls();
     getTemplate(): string;
+    /**
+     * Shows the selected block's own set of controls. A block is strategy-backed
+     * when a flag-on session stamped its config version, or when it already
+     * carries a strategy — an assignment must stay editable however it arrived.
+     */
+    private _showControlsForBlock;
     onRender(): Promise<void>;
     onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
     onDestroy(): void;
@@ -107,8 +117,10 @@ export declare class RecommendationBlockControl extends CommonControl {
      */
     private _listenStateUpdates;
     /**
-     * Persists the current filter state from Pinia store to the Stripo node config.
-     * This ensures filters survive template save/reload cycles.
+     * Persists filter + strategy state to the Stripo node config so it survives
+     * save/reload (strategyId must reach esd-ext-config before any save).
+     * `size` rides along: assigning a strategy writes it to the store only, and a
+     * stale node config would rebuild the block against the old slot count.
      */
     private _persistFiltersToNodeConfig;
 }

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

@@ -0,0 +1,30 @@
+import { CommonControl } from '../../../common-control';
+export declare const STRATEGY_CONTROL_ID = "recommendation-strategy-control";
+export declare class StrategyControl extends CommonControl {
+    private store;
+    private storeUnsubscription;
+    private listeners;
+    private lastPaintedState;
+    getId(): string;
+    getTemplate(): string;
+    /**
+     * Change / Remove are icon+text actions in the design, not buttons — and
+     * `ue-button` cannot pair a caption with an arbitrary icon, so these are
+     * plain elements. Click wiring is by id, which works on any element.
+     *
+     * The icon is a CSS mask, not inline SVG: Stripo re-creates the control's
+     * markup through Angular, which rebuilds `<svg>` outside the SVG namespace
+     * (the view-box attribute comes back lowercased) and it never paints.
+     */
+    private _strategyAction;
+    onRender(): void;
+    onDestroy(): void;
+    private _teardown;
+    private _setupButtonListeners;
+    /**
+     * Toggles empty vs assigned state from the store's current block config.
+     * Display name comes from the listing; falls back to the raw id while the
+     * listing loads (or when the strategy is no longer listed).
+     */
+    private _renderState;
+}

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

@@ -70,7 +70,6 @@ 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/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, RrsStrategy } from '@@/Types/recommendation';
 export interface PerBlockConfigs {
     cardsInRow: number;
     currencySettings: {
@@ -21,6 +21,8 @@ export interface PerBlockConfigs {
     sendProductRequestFlag: boolean;
     shuffleProducts: boolean;
     strategy: string;
+    /** Assigned RRS id ('' = none) — mirrors RecommendationNodeConfig.strategyId (SD-149105) */
+    strategyId: string;
     textTrimming: boolean;
     unresponsive: boolean;
     size: string;
@@ -33,6 +35,8 @@ interface PerBlockState {
     recommendationProducts: RecommendationProduct[];
     filterStatus: boolean;
     filterSelectionDrawerStatus: boolean;
+    /** Assign Recommendation Strategy drawer visibility (SD-149105) */
+    assignStrategyDrawerStatus: boolean;
     filterGroup: number;
     /** Whether initial API data (filters, algorithms, products) has been fetched for this block */
     isInitialized: boolean;
@@ -47,6 +51,7 @@ interface PerBlockState {
  */
 export interface PerBlockUrlConfig {
     strategy: string;
+    strategyId: string;
     language: string;
     size: string;
     productIds: string[];
@@ -59,11 +64,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 +82,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 +90,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 +108,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 +116,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 +134,33 @@ 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;
+    /**
+     * Proxy getter: delegates to blockStates[currentRecommendationId].assignStrategyDrawerStatus
+     */
+    assignStrategyDrawerStatus(state: {
+        recommendationCampaignUrls: Record<string, RecommendationCampaignUrlValue>;
         activePredictiveAlgorithms: number[];
         languages: Languages;
         currencyList: {
@@ -114,15 +168,52 @@ 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;
+    /**
+     * The current block's assigned strategy record from the listing,
+     * or null when nothing is assigned / the strategy is no longer listed.
+     */
+    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 +221,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 +239,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 +247,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 +266,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 +274,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 +292,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 +300,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 +318,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 +326,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 +413,47 @@ export declare const useRecommendationExtensionStore: import("pinia").StoreDefin
      * to the snapshot taken when the drawer was opened.
      */
     cancelFilterDrawer(): void;
+    /**
+     * Opens the Assign Strategy drawer for the current block.
+     * Selection state lives in the drawer component until Assign is
+     * pressed, so closing without assigning needs no snapshot/revert.
+     */
+    openAssignStrategyDrawer(): void;
+    closeAssignStrategyDrawer(): void;
+    /**
+     * Fetches the active + EMAIL strategy listing. Always fetches fresh
+     * (dead-strategy detection and post-create refresh need freshness);
+     * only concurrent in-flight calls share one request.
+     */
+    fetchStrategies(): Promise<void>;
+    /**
+     * Resolves a strategy's recommendation endpoint template via
+     * endpoint-generate, cached per strategy id + revision + currency.
+     * Failures throw and are NOT cached, so the next attempt retries.
+     *
+     * `full_path` bakes in the algorithm path and `size=` as they were when
+     * generated, so the revision keys the cache — and a record with no
+     * revision is not cached at all, since its key could never change.
+     * Currency joins the key because it is sent in the request body, so two
+     * currencies can resolve to different paths for the same revision.
+     */
+    resolveStrategyUrlTemplate(strategy: RrsStrategy, currency: string): Promise<string>;
+    /**
+     * Assigns a strategy to the current block. The config write is
+     * synchronous (before any await) so a block switch cannot misdirect
+     * it; the configVersion bump persists it to node config and triggers
+     * the product refetch via the coordinator control's subscription.
+     */
+    assignStrategy(strategy: RrsStrategy): void;
+    /**
+     * Clears the current block's strategy; it falls back to the per-block
+     * algorithm settings.
+     *
+     * `size` goes back to the default rather than staying on the removed
+     * strategy's count: with Number of Products hidden in RRS mode, a block
+     * left on that count would have no UI to correct it.
+     */
+    removeStrategy(): void;
     fetchRecommendationCreateData(): Promise<void>;
     fetchRecommendationFilters(): Promise<void>;
     addFilterGroup(filterGroup: number): void;
@@ -288,5 +470,19 @@ export declare const useRecommendationExtensionStore: import("pinia").StoreDefin
     hasInvalidBlock(): boolean;
     fetchRecommendationProducts(): Promise<void>;
     _doFetchProducts(): Promise<void>;
+    /**
+     * Fetches products for a strategy-backed block: listing lookup →
+     * endpoint-generate template → fill {locale}/{currency}, drop
+     * {user_id} (resolved at send time) → fetch. Any failure (dead
+     * strategy, resolution error) falls back to placeholder products.
+     */
+    _doFetchStrategyProducts(blockId: number): Promise<void>;
+    /**
+     * Writes products to a block's state, padded/clipped to exactly `size`:
+     * in-place content updates compare the DOM element count against
+     * products.length, and a longer list makes the renderer extend its slot
+     * grid, which resets migrator-applied styles.
+     */
+    _setBlockProducts(blockId: number, products: RecommendationProduct[], size: number): void;
 }>;
 export {};

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

@@ -82,6 +82,12 @@ export interface RecommendationNodeConfig {
      * Uses existing Filter interface from recommendation types
      */
     filters: Filter[];
+    /**
+     * Assigned Reusable Recommendation Strategy id (SD-149105).
+     * '' = no strategy assigned; block uses the per-block settings above.
+     * When set, algorithm/size/filters/shuffle come from the strategy record.
+     */
+    strategyId: string;
     /**
      * Layout orientation
      * - 'grid': Products in a grid, attributes aligned across products

package/dist/src/extensions/Blocks/common-control.d.ts

@@ -56,6 +56,9 @@ interface ButtonProps {
     name: string;
     label: string;
     id?: string;
+    className?: string;
+    icon?: string;
+    disabled?: boolean;
 }
 /**
  * Common control for all blocks which includes common UI Elements.
@@ -116,7 +119,7 @@ export declare abstract class CommonControl extends Control {
         icon?: string;
     }): string;
     _GuRadioButton({ name, buttons, id }: RadioButtonProps): string;
-    _GuButton({ name, label, id }: ButtonProps): string;
+    _GuButton({ name, label, id, className, icon, disabled }: ButtonProps): string;
     _GuIcon({ src, className }: IconProps): string;
     /**
      *