@useinsider/guido 3.17.0-beta.e23d5cd → 3.17.0-beta.e324492

package/dist/src/config/migrator/recommendationTitleMigrator.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Runs before the document reaches the editor, so a legacy title is already a
+ * composition item on the first render — no post-load adoption pass.
+ */
+export declare function migrateRecommendationTitle(html: string): string;

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

@@ -10,5 +10,6 @@ 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"
+    CUSTOM_ATTRIBUTE = "recommendation-block-custom-attribute",
+    TITLE = "recommendation-block-title"
 }

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

@@ -65,5 +65,12 @@ 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

@@ -34,6 +34,7 @@ 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_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 { 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 { 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, PRE_RRS_CONFIG_VERSION, EXCLUDED_ALGORITHM_IDS, } from './defaultConfig';

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

@@ -58,6 +58,10 @@ 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
@@ -68,12 +72,20 @@ export declare const ATTR_CUSTOM_PREFIX = "customAttr:";
 export declare const ATTR_DATA_CUSTOM_ATTRIBUTES = "data-custom-attributes";
 /** HTML data attribute on the block root holding the comma-joined composition order */
 export declare const ATTR_DATA_CARD_COMPOSITION = "data-card-composition";
+/** HTML attribute on the block root carrying its per-document unique id */
+export declare const RECOMMENDATION_ID_ATTR = "recommendation-id";
 /** 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,6 +33,8 @@ export declare class RecommendationCardCompositionControl extends CommonControl
     private _normalizeComposition;
     private _readCustomAttributesFromNode;
     private _readVisibilityFromRows;
+    private _withTitlePresence;
+    private _hasTitle;
     private _getDefaultVisibilities;
     private _extractVisibilityFromRows;
     private _parseVisibilityValue;
@@ -187,6 +189,15 @@ export declare class RecommendationCardCompositionControl extends CommonControl
      */
     private _buildCompositionHtml;
     private _applyVisibilityToBlock;
+    private _applyTitleVisibilityToBlock;
+    private _resolveTitleInjection;
+    private _readTitleHtml;
+    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,6 +11,7 @@
  */
 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

@@ -20,7 +20,6 @@ export * from './utils';
 export declare class RecommendationBlockControl extends CommonControl {
     private store;
     private storeUnsubscription;
-    private syncedConfigs;
     private pendingNodeConfigWrite;
     private pendingConfigFlushTimer;
     private algorithmControl;
@@ -64,6 +63,11 @@ export declare class RecommendationBlockControl extends CommonControl {
      * 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).
+     *
+     * The fingerprint is kept on the block's own store state so deleting the
+     * block drops it with the state it describes. A control-owned memo outlived
+     * that state and made a re-dropped saved module keep the defaults its wiped
+     * state was rebuilt with (SD-150347).
      */
     private _syncNodeConfigIfChanged;
     private _capturePendingNodeConfigWrite;
@@ -79,9 +83,9 @@ export declare class RecommendationBlockControl extends CommonControl {
      */
     private _stagePendingNodeConfig;
     /**
-     * Arms the guaranteed fallback write. The delay has to outlast the product fetch
-     * and the re-render debounce it triggers — firing earlier writes the config on
-     * its own and the undo entry splits in two again.
+     * 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;

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/store/recommendation.d.ts

@@ -35,11 +35,22 @@ interface PerBlockState {
     filterStatus: boolean;
     filterSelectionDrawerStatus: boolean;
     assignStrategyDrawerStatus: boolean;
+    removeStrategyModalStatus: 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;
+    /**
+     * Fingerprint of the node config as this block's state last adopted it.
+     *
+     * Lives here, not on the control, because it is a claim ABOUT this state —
+     * "the store already holds that node config". Held on the control it
+     * outlived the state it described: `removeBlockState` tore the state down
+     * while the fingerprint survived, so re-dropping a saved module under the
+     * same id skipped the re-sync and kept the defaults (SD-150347).
+     */
+    syncedConfigFingerprint: string | null;
 }
 /**
  * Persisted-config subset used by `seedBlockUrlConfig` to reconstruct
@@ -56,6 +67,8 @@ export interface PerBlockUrlConfig {
     filters: Filter[];
     shuffleProducts: boolean;
     currencyCode: string;
+    /** The displayed symbol, which is not the code — a TRY block shows `₺`. */
+    currencySymbol: string;
     currencyAlignment: 'before' | 'after';
     currencyDecimalCount: number;
     currencyDecimalSeparator: string;
@@ -177,6 +190,29 @@ export declare const useRecommendationExtensionStore: import("pinia").StoreDefin
         currentRecommendationId: number | null;
         configVersion: number;
     } & import("pinia").PiniaCustomStateProperties<StoreState>): boolean;
+    removeStrategyModalStatus(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[];
@@ -406,6 +442,8 @@ export declare const useRecommendationExtensionStore: import("pinia").StoreDefin
     cancelFilterDrawer(): void;
     openAssignStrategyDrawer(): void;
     closeAssignStrategyDrawer(): void;
+    openRemoveStrategyModal(): void;
+    closeRemoveStrategyModal(): void;
     fetchStrategies(): Promise<void>;
     resolveStrategyUrlTemplate(strategy: RrsStrategy, currency: string): Promise<string>;
     assignStrategy(strategy: RrsStrategy): void;

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

@@ -139,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

package/dist/src/extensions/Blocks/Recommendation/utils/nodeConfigWriter.d.ts

@@ -0,0 +1,31 @@
+import type { DocumentModifier } from '../services/configService';
+import type { PartialNodeConfig } from '../types/nodeConfig';
+import type { RecommendationProduct } from '@@/Types/recommendation';
+import { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
+interface ConfigWriterApi {
+    getDocumentModifier: () => DocumentModifier;
+    getDocumentRootHtmlNode: () => ImmutableHtmlNode;
+}
+/**
+ * Keeps a document handle alive for writes the settings panel can no longer make.
+ * Deliberately not cleared on deselect — that is the exact moment the handle is
+ * needed. It is replaced on the next render, and goes stale only if the editor
+ * itself is torn down.
+ */
+export declare function registerNodeConfigWriter(api: ConfigWriterApi): void;
+/**
+ * Commits a config change and its product re-render straight to the document,
+ * bypassing the settings panel.
+ *
+ * Host-rendered UI (the remove-strategy modal) lives outside `ui-editor`, and
+ * Stripo deselects the block on the first click that lands there — destroying the
+ * control that normally does both, before the store change even happens.
+ *
+ * Mirrors the control's regenerate routine so config and cards land in ONE undo
+ * entry, and so partner-managed blocks keep their hand-authored cells.
+ * @param description - labels the undo entry only when there are no cards to
+ * re-render; the product helpers label their own batch.
+ * @returns whether the write reached a node
+ */
+export declare function commitBlockChangeOutsidePanel(blockId: number, updates: PartialNodeConfig, products: RecommendationProduct[], description: string): boolean;
+export {};

package/dist/static/styles/customEditorStyle.css.js

@@ -43,7 +43,9 @@ const n = `.esd-x,
 .recommendation-block-v2 .product-omnibus-discount ue-node-actions,
 .recommendation-block-v2 .product-omnibus-discount ue-node-panel,
 .recommendation-block-v2 .product-button ue-node-actions,
-.recommendation-block-v2 .product-button ue-node-panel {
+.recommendation-block-v2 .product-button ue-node-panel,
+.recommendation-block-v2 .ins-recommendation-title ue-node-actions,
+.recommendation-block-v2 .ins-recommendation-title ue-node-panel {
     display: none !important;
 }
 

package/dist/utils/templatePreparation.js

@@ -1,30 +1,30 @@
 import { useActionsApi as k } from "../composables/useActionsApi.js";
 import { useConfig as U } from "../composables/useConfig.js";
 import { useHtmlCompiler as x } from "../composables/useHtmlCompiler.js";
-import { DEFAULT_CURRENCY as d, DEFAULT_NODE_CONFIG as a } from "../extensions/Blocks/Recommendation/constants/defaultConfig.js";
-import { useRecommendationExtensionStore as C } from "../extensions/Blocks/Recommendation/store/recommendation.js";
+import { DEFAULT_CURRENCY as m, DEFAULT_NODE_CONFIG as a } from "../extensions/Blocks/Recommendation/constants/defaultConfig.js";
+import { useRecommendationExtensionStore as T } from "../extensions/Blocks/Recommendation/store/recommendation.js";
 import { mapLegacyStrategy as L } from "../extensions/Blocks/Recommendation/utils/legacyStrategyMap.js";
-import { DATA_ATTRIBUTES as A } from "../extensions/Blocks/Unsubscribe/utils/constants.js";
+import { DATA_ATTRIBUTES as C } from "../extensions/Blocks/Unsubscribe/utils/constants.js";
 import { parsePageList as R } from "../extensions/Blocks/Unsubscribe/utils/utils.js";
 import { useDynamicContentStore as N } from "../stores/dynamic-content.js";
 import { useEditorStore as z } from "../stores/editor.js";
 import { useUnsubscribeStore as _ } from "../stores/unsubscribe.js";
 import { assignTrackingIds as v } from "./linkTrackingIds.js";
-function O(m) {
-  const i = new DOMParser().parseFromString(m, "text/html").querySelectorAll(`[${A.PAGE_LIST}]`), t = [];
-  return i.forEach((s) => {
-    const o = s.getAttribute(A.PAGE_LIST);
+function O(l) {
+  const c = new DOMParser().parseFromString(l, "text/html").querySelectorAll(`[${C.PAGE_LIST}]`), t = [];
+  return c.forEach((i) => {
+    const o = i.getAttribute(C.PAGE_LIST);
     o && t.push(...R(o));
   }), [...new Set(t)];
 }
-async function M(m) {
-  const n = new DOMParser().parseFromString(m, "text/html").querySelectorAll(".recommendation-block-v2");
+async function M(l) {
+  const n = new DOMParser().parseFromString(l, "text/html").querySelectorAll(".recommendation-block-v2");
   if (n.length === 0)
     return;
-  const i = C();
+  const c = T();
   n.forEach((t) => {
-    var r, l, g, f, c;
-    const s = t.getAttribute("recommendation-id"), o = s ? Number(s) : NaN;
+    var r, d, g, f, s, y;
+    const i = t.getAttribute("recommendation-id"), o = i ? Number(i) : NaN;
     if (!Number.isFinite(o))
       return;
     const p = t.getAttribute("esd-ext-config");
@@ -38,7 +38,7 @@ async function M(m) {
     }
     if (!e || typeof e != "object" || Array.isArray(e))
       return;
-    const h = {
+    const b = {
       // Normalize legacy strategy keys (e.g. `mostViewed` → `mostPopular`) so
       // already-saved blocks that never re-run the migrator don't emit a
       // strategy-less campaign URL. `||` also catches '' / undefined (SD-144882).
@@ -51,16 +51,17 @@ async function M(m) {
       productIds: e.productIds ?? [...a.productIds],
       filters: e.filters ?? [...a.filters],
       shuffleProducts: e.shuffleProducts ?? a.shuffleProducts,
-      currencyCode: ((r = e.currency) == null ? void 0 : r.code) ?? d.code,
-      currencyAlignment: ((l = e.currency) == null ? void 0 : l.alignment) ?? d.alignment,
-      currencyDecimalCount: ((g = e.currency) == null ? void 0 : g.decimalCount) ?? d.decimalCount,
-      currencyDecimalSeparator: ((f = e.currency) == null ? void 0 : f.decimalSeparator) ?? d.decimalSeparator,
-      currencyThousandSeparator: ((c = e.currency) == null ? void 0 : c.thousandSeparator) ?? d.thousandSeparator
+      currencyCode: ((r = e.currency) == null ? void 0 : r.code) ?? m.code,
+      currencySymbol: ((d = e.currency) == null ? void 0 : d.symbol) ?? m.symbol,
+      currencyAlignment: ((g = e.currency) == null ? void 0 : g.alignment) ?? m.alignment,
+      currencyDecimalCount: ((f = e.currency) == null ? void 0 : f.decimalCount) ?? m.decimalCount,
+      currencyDecimalSeparator: ((s = e.currency) == null ? void 0 : s.decimalSeparator) ?? m.decimalSeparator,
+      currencyThousandSeparator: ((y = e.currency) == null ? void 0 : y.thousandSeparator) ?? m.thousandSeparator
     };
-    i.seedBlockUrlConfig(o, h);
+    c.seedBlockUrlConfig(o, b);
   });
   try {
-    await i.fetchRecommendationCreateData();
+    await c.fetchRecommendationCreateData();
   } catch (t) {
     console.warn(
       "Recommendation reference data pre-load failed; validator will skip the availability check.",
@@ -69,44 +70,44 @@ async function M(m) {
   }
 }
 const Z = () => {
-  const m = N(), u = z(), n = _(), { getCompiledEmail: i, getTemplateData: t, updateHtmlAndCss: s } = k(), { compileHtml: o, compileAmpHtml: p } = x(), { isFeatureEnabled: e } = U();
+  const l = N(), u = z(), n = _(), { getCompiledEmail: c, getTemplateData: t, updateHtmlAndCss: i } = k(), { compileHtml: o, compileAmpHtml: p } = x(), { isFeatureEnabled: e } = U();
   return {
     prepareTemplateDetails: async () => {
-      let { html: r, css: l, syncModulesIds: g = [] } = await t();
+      let { html: r, css: d, syncModulesIds: g = [] } = await t();
       if (e("linkTrackingIds"))
         try {
-          const { html: S, changed: F, nextSeq: H } = v(r, u.trackIdSessionFloor);
-          u.trackIdSessionFloor = H, F && (r = S, await s(S, l));
-        } catch (S) {
-          console.error("Tracking-id step failed, saving anyway:", S);
+          const { html: h, changed: F, nextSeq: H } = v(r, u.trackIdSessionFloor);
+          u.trackIdSessionFloor = H, F && (r = h, await i(h, d));
+        } catch (h) {
+          console.error("Tracking-id step failed, saving anyway:", h);
         }
-      const { html: f, ampHtml: c = "", ampErrors: T = [] } = await i({
+      const { html: f, ampHtml: s = "", ampErrors: y = [] } = await c({
         minimize: !0,
         resetDataSavedFlag: !1
       });
       n.selectedUnsubscribePages.length && await n.fetchTemplates(), await M(r);
-      const { compiledHtml: I, stats: y, appliedRules: w } = o(f), D = c && p(c).compiledHtml, E = m.getSelectedDynamicContentList, P = C(), b = O(r);
+      const { compiledHtml: I, stats: S, appliedRules: w } = o(f), D = s && p(s).compiledHtml, E = l.getSelectedDynamicContentList, P = T(), A = O(r);
       return console.debug("HTML Compilation Stats:", {
-        originalSize: y.originalSize,
-        compiledSize: y.compiledSize,
-        reduction: `${y.reductionPercentage.toFixed(2)}%`,
+        originalSize: S.originalSize,
+        compiledSize: S.compiledSize,
+        reduction: `${S.reductionPercentage.toFixed(2)}%`,
         appliedRules: w,
-        executionTime: `${y.executionTime.toFixed(2)}ms`
+        executionTime: `${S.executionTime.toFixed(2)}ms`
       }), {
         dynamicContentList: E,
         compiledHtml: I,
         rawHtml: r,
-        css: l,
+        css: d,
         ampHtml: D,
-        ampErrors: T,
+        ampErrors: y,
         modules: g.map(Number),
         recommendation: {
           campaignUrls: P.recommendationCampaignUrls,
           configs: {}
         },
         unsubscribe: {
-          status: b.length > 0,
-          config: b
+          status: A.length > 0,
+          config: A
         }
       };
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.17.0-beta.e23d5cd",
+  "version": "3.17.0-beta.e324492",
   "description": "Guido is a Vue + TypeScript wrapper for Email Plugin. Easily embed the email editor in your Vue applications.",
   "main": "./dist/guido.umd.cjs",
   "module": "./dist/library.js",