@useinsider/guido 3.17.0-beta.db80c84 → 3.17.0-beta.e6704da

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

@@ -99,6 +99,7 @@ export declare const useConfig: () => {
             autosave: boolean;
             allowlistEnabled: boolean;
             linkTrackingIds: boolean;
+            reusableRecommendationStrategy: boolean;
         };
         blocks: {
             excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];
@@ -233,6 +234,7 @@ export declare const useConfig: () => {
         autosave: boolean;
         allowlistEnabled: boolean;
         linkTrackingIds: boolean;
+        reusableRecommendationStrategy: boolean;
     } | null>;
     blocks: import("vue").ComputedRef<{
         excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];

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,7 +3,9 @@ import type { RecommendationFeedItem } from '@@/Types/recommendation';
 export declare const URLS: {
     RECOMMENDATION_API_URL: string;
     PRODUCT_ATTRIBUTES_PATH: string;
+    RECOMMENDATION_STRATEGIES_PATH: string;
 };
+export declare const RRS_ACTIVE_EMAIL_FILTER = "[sr_strategies.status][=][active]*[sr_strategies.suitable_channels][~][EMAIL]";
 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

@@ -32,7 +32,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>;
 /**

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';

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,7 +30,10 @@ 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;
     onRender(): Promise<void>;
     onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
@@ -107,8 +111,15 @@ 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 the current filter + strategy state from Pinia store to the
+     * Stripo node config. This ensures they survive template save/reload cycles
+     * (strategyId must be in esd-ext-config before any save — SD-149105).
+     *
+     * `size` rides along because assigning a strategy overwrites it in the
+     * store only. Without this write, `_syncNodeConfigToStore` re-seeds the
+     * store from the stale node config on the next panel open, and a block
+     * whose saved HTML has the strategy's slot count gets rebuilt against the
+     * old one — resetting migrator-applied per-element styles.
      */
     private _persistFiltersToNodeConfig;
 }

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

@@ -0,0 +1,29 @@
+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;
+    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,52 @@ 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. Failures throw
+     * and are NOT cached, so the next attempt retries.
+     *
+     * The revision is part of the key because `full_path` bakes in the
+     * algorithm path and `size=` as they were when it was generated, while
+     * the listing is deliberately never cached — editing a strategy in the
+     * panel and re-assigning it here would otherwise call a stale endpoint.
+     *
+     * A record with no revision is not cached at all: a `<id>:` key can
+     * never change, so it would serve the stale template forever — exactly
+     * what the revision is here to prevent.
+     */
+    resolveStrategyUrlTemplate(strategy: RrsStrategy): 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: the Number of Products control is hidden in RRS
+     * mode (D2), so a block left on the strategy's count would have no UI
+     * to correct it. The pre-assign count is not restored — that would
+     * need a persisted snapshot field; tracked for a later phase.
+     */
+    removeStrategy(): void;
     fetchRecommendationCreateData(): Promise<void>;
     fetchRecommendationFilters(): Promise<void>;
     addFilterGroup(filterGroup: number): void;
@@ -288,5 +475,22 @@ 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 `size` so
+     * in-place content updates (which compare DOM element count vs
+     * products.length) succeed:
+     * - API returned nothing → fill entirely with defaults
+     * - fewer than requested → pad with dummies
+     * - more than requested → clip, preventing the renderer from extending
+     *   its slot grid (which would reset 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;
     /**
      *