@useinsider/guido 3.8.2 → 3.9.0-beta.1549171

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

@@ -0,0 +1,10 @@
+/**
+ * Substitutes recommendation product variables in compiled preview HTML with the
+ * blocks' fetched sample products, then simulates the email-service hide rule by
+ * emptying the original-price cell (DOM kept) for slots with no real discount.
+ * Returns the input unchanged when there are no reco blocks or no products.
+ */
+export declare function substituteRecommendationPreview(html: string): string;
+export declare const useRecommendationPreview: () => {
+    substituteRecommendationPreview: typeof substituteRecommendationPreview;
+};

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

@@ -3,5 +3,5 @@ import type { CurrencyConfig, RecommendationNodeConfig } from '@@/Extensions/Blo
 import type { LegacyRecommendationConfig } from '@@/Types/config';
 /** Defensive against missing/malformed legacy `currencySettings` — defaults are per-field, not whole-object. */
 export declare function mapCurrency(legacy: unknown): CurrencyConfig;
-export type SettingsPartial = Pick<RecommendationNodeConfig, 'recommendationId' | 'strategy' | 'productIds' | 'size' | 'shuffleProducts' | 'language' | 'currency' | 'filters' | 'layout' | 'cardsInRow' | 'mobileCardsInRow' | 'mobileLayoutEnabled' | 'previousMobileCardsInRow' | 'columnSpacing' | 'rowSpacing' | 'mobileColumnSpacing' | 'mobileRowSpacing' | 'omnibusPrice' | 'omnibusDiscount' | 'configVersion'>;
+export type SettingsPartial = Pick<RecommendationNodeConfig, 'recommendationId' | 'strategy' | 'productIds' | 'size' | 'shuffleProducts' | 'language' | 'currency' | 'filters' | 'layout' | 'cardsInRow' | 'mobileCardsInRow' | 'mobileLayoutEnabled' | 'previousMobileCardsInRow' | 'columnSpacing' | 'rowSpacing' | 'mobileColumnSpacing' | 'mobileRowSpacing' | 'omnibusPrice' | 'omnibusDiscount' | 'priceMovedToNextLine' | 'priceHideIfSameAsDiscounted' | 'configVersion'>;
 export declare function mapSettings(recCfg: LegacyRecommendationConfig, parsed: LegacyProductConfig, id: number): SettingsPartial;

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

@@ -74,11 +74,11 @@ export declare const TextBackgroundControl: {
     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;
-        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/Items/block.d.ts

@@ -24,5 +24,13 @@ export declare class ItemsBlock extends Block {
     getSettingsPanelTitleHtml(): string;
     getTemplate(): string;
     allowInnerBlocksDND(): boolean;
+    canBeSavedAsModule(): boolean;
     onCreated(node: ImmutableHtmlNode): void;
+    /**
+     * Re-seeds nodeConfig from the persisted esd-ext-config when a saved module
+     * surfaces via document load. Stripo strips esd-ext-config and never restores it
+     * into nodeConfig, so without this a reused module would reset to defaults.
+     * Guarded to the nodeConfig-empty case so it runs once and never loops.
+     */
+    onDocumentChanged(node: ImmutableHtmlNode): void;
 }

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

@@ -232,11 +232,11 @@ export declare const OriginalPriceControls: {
         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;
-            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;
         };
     };
@@ -318,11 +318,11 @@ export declare const PriceControls: {
         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;
-            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;
         };
     };
@@ -404,11 +404,11 @@ export declare const NameControls: {
         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;
-            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/Items/template.d.ts

@@ -3,6 +3,13 @@ declare const migrationTemplate = "ADD YOUR MIGRATION HERE";
 type ProductType = 'CART_ITEMS' | 'BROWSED_ITEMS' | 'PURCHASED_ITEMS';
 type OrientationType = 'vertical' | 'horizontal';
 type PriceOrientationType = 'vertical' | 'horizontal';
+/**
+ * Wraps a bare migrate-block `<td>` in a `<tr>` so it forms a valid table row.
+ * Stripo renders its `BlockType.*` tags as full rows, so both the migrate template
+ * (here) and the orientation-change rebuild (settingsControl._reOrderTemplate) must
+ * emit `<tr><td>` — otherwise the code editor flags the bare cell as invalid.
+ */
+export declare const wrapInTableRow: (html: string) => string;
 type TemplateParameters = {
     orientation: OrientationType;
     itemsType: ProductType;

package/dist/src/extensions/Blocks/Items/utils/nodeConfigUtils.d.ts

@@ -55,7 +55,7 @@ export declare function getItemsBlockContainer(currentNode: ImmutableHtmlNode |
 /**
  * Gets the node configuration from the Items block.
  * Uses Stripo V2's getNodeConfig() API.
- * Falls back to migrating from legacy config block if nodeConfig is empty.
+ * Falls back to the persisted esd-ext-config (saved modules), then legacy config block.
  * @param currentNode - The current node from the control
  * @returns The ItemsBlockConfig object or null if not found
  */

package/dist/src/extensions/Blocks/Recommendation/block.d.ts

@@ -117,6 +117,16 @@ export declare class RecommendationBlock extends Block {
      * added classes via setAttribute.
      */
     private _assignRecommendationId;
+    /**
+     * Stamps the `hide-price` attribute (read by email-service at send time) on
+     * the block element from the config flag.
+     */
+    private _stampHidePrice;
+    /**
+     * Stamps `hide-price` from config only when the block lacks the attribute —
+     * heals templates saved before this feature without dirtying current ones.
+     */
+    private _healHidePriceAttr;
     /**
      * Gets the recommendation-id from a block node
      */

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

@@ -50,6 +50,15 @@ export declare class RecommendationCardCompositionControl extends CommonControl
      */
     private _tryReorderInPlace;
     private _createBuiltInItemHtml;
+    /**
+     * Inline mode: the merged "Product Prices" group item. It moves as a unit in
+     * the main list (both keys stay adjacent) and contains a nested 2-item drag
+     * to reorder Product Price ↔ Product Original Price — which flips the inline
+     * render order via `resolveInlinePriceOrder`. The group keeps a single
+     * visibility toggle (`data-action-for="productPrice"`). Nested sub-items use a
+     * plain drag handle (no UE button → untouched by the reorder-icon rescue).
+     */
+    private _createPriceGroupItemHtml;
     private _createCustomItemHtml;
     /**
      * Builds select options from the store's filterList.
@@ -105,7 +114,23 @@ export declare class RecommendationCardCompositionControl extends CommonControl
      */
     private _rescueReorderIconsToStore;
     private _setupEventListeners;
+    /**
+     * Builds the composition key order from the orderable list, expanding the
+     * inline "Product Prices" group into its two sub-keys (in nested DOM order)
+     * so both price keys stay adjacent and in the user-chosen order.
+     */
+    private _extractCompositionOrder;
     private _setupDragAndDrop;
+    /**
+     * Wires drag/drop reordering for one item level on the shared list. Both the
+     * top-level items and the nested price sub-items use this; they never fight
+     * because each only sets its `dragged` ref when its own `itemSelector` matches
+     * at dragstart (and the top-level one additionally ignores drags originating
+     * inside `ignoreSelector`). Every drop re-reads the full composition via
+     * `_extractCompositionOrder`, so both levels commit through `_onReorder`
+     * identically.
+     */
+    private _registerDragHandlers;
     private _setupDeleteHandler;
     private _onAddAttribute;
     /**
@@ -162,9 +187,10 @@ export declare class RecommendationCardCompositionControl extends CommonControl
     private _extractSegmentBgFromCard;
     private _getControlContainer;
     /**
-     * Adds/removes orderable-disabled class based on layout orientation.
-     * List layout hides drag handles via CSS and disables draggable attribute
-     * to prevent native browser drag-and-drop from working without the handle.
+     * Ensures composition reorder is enabled. Both grid and list layouts now
+     * support reordering — top-level items and the nested price sub-items are all
+     * draggable. (Items render with `draggable="true"`; this just clears any stale
+     * disabled state.)
      */
     private _updateOrderableState;
     /**

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

@@ -9,7 +9,7 @@
  * // Or individual imports
  * import { NameAlignControl, ButtonColorControl } from './controls';
  */
-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, } from './main';
+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 { NameControls } from './name';
 export { PriceControls } from './price';

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

@@ -5,11 +5,12 @@ import { CurrencyControl, CURRENCY_CONTROL_ID } from './currency';
 import { FiltersControl, FILTERS_CONTROL_ID } from './filters';
 import { LayoutOrientationControl, LAYOUT_ORIENTATION_CONTROL_ID } from './layoutOrientation';
 import { LocaleControl, LOCALE_CONTROL_ID } from './locale';
+import { PricePlacementControl, PRICE_PLACEMENT_CONTROL_ID } from './pricePlacement';
 import { ProductCountControl, PRODUCT_COUNT_CONTROL_ID } from './productCount';
 import { ProductLayoutControl, PRODUCT_LAYOUT_CONTROL_ID } from './productLayout';
 import { ShuffleControl, SHUFFLE_CONTROL_ID } from './shuffle';
 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, };
+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 * from './utils';
 /**
  * Main recommendation block control that composes all sub-controls
@@ -26,6 +27,7 @@ export declare class RecommendationBlockControl extends CommonControl {
     private productLayoutControl;
     private filtersControl;
     private shuffleControl;
+    private pricePlacementControl;
     private layoutOrientationControl;
     getId(): string;
     getTemplate(): string;

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

@@ -0,0 +1,59 @@
+/**
+ * Price Placement Control
+ *
+ * Two block-level price settings ported from the legacy product block, shown
+ * above the Currency control in the main Settings tab:
+ *
+ * - "Product Price Orientation" (`priceMovedToNextLine`): a vertical/horizontal
+ *   icon radio (mirrors the Items block control). `vertical` (default) keeps the
+ *   price and original price on separate stacked rows (current Guido look);
+ *   `horizontal` renders them inline on the same line and Card Composition
+ *   collapses them into a single "Product Prices" entry.
+ * - "Hide if same as discounted" (`priceHideIfSameAsDiscounted`): a toggle.
+ *   When ON, email-service blanks the redundant original price at send time when
+ *   it equals the sale price (see the `hide-price` block attribute below).
+ *
+ * Orientation re-renders the rows (it changes the saved template layout).
+ * Hide-if-same NEVER touches the template — it only persists config + stamps the
+ * `hide-price` attribute; the visual hide is simulated in the preview and applied
+ * for real server-side by email-service.
+ */
+import type { RecommendationNodeConfig } from '../../types/nodeConfig';
+import type { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
+import { CommonControl } from '../../../common-control';
+export declare const PRICE_PLACEMENT_CONTROL_ID = "recommendation-price-placement-control";
+type Orientation = 'vertical' | 'horizontal';
+/**
+ * Control for the block-level price orientation radio + hide-if-same toggle.
+ */
+export declare class PricePlacementControl extends CommonControl {
+    private store;
+    getId(): string;
+    getTemplate(): string;
+    onRender(): void;
+    onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
+    _setFormValues(config: RecommendationNodeConfig): void;
+    _initializeHideToggle(config: RecommendationNodeConfig): void;
+    /**
+     * Disables the orientation radio when a price element is hidden via Card
+     * Composition — orientation is meaningless without both prices visible.
+     * Visibility lives on the attribute rows' `data-visibility` (set by the Card
+     * Composition control). Inline mode has no standalone original-price row, so
+     * the merged "Product Prices" entry (the price row) governs.
+     */
+    _updateOrientationDisabled(): void;
+    _onOrientationChange(orientation: Orientation): void;
+    _onHideIfSameChange(value: boolean): void;
+    /**
+     * Mirrors the hide-if-same flag onto the durable `hide-price` block attribute
+     * read by email-service at send time.
+     */
+    _stampHideIfSameAttr(value: boolean): void;
+    /**
+     * Rebuilds the product rows so the renderer re-reads the inline/stacked
+     * layout flag from the store. Used by the orientation change only.
+     */
+    _regenerate(): void;
+    _listenToFormUpdates(): void;
+}
+export {};

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

@@ -73,11 +73,11 @@ export declare const NameControls: {
         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;
-            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/controls/oldPrice/index.d.ts

@@ -72,11 +72,11 @@ export declare const OldPriceControls: {
         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;
-            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/controls/omnibusDiscount/index.d.ts

@@ -75,11 +75,11 @@ export declare const OmnibusDiscountControls: {
         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;
-            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/controls/omnibusPrice/index.d.ts

@@ -75,11 +75,11 @@ export declare const OmnibusPriceControls: {
         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;
-            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/controls/price/index.d.ts

@@ -72,11 +72,11 @@ export declare const PriceControls: {
         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;
-            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

@@ -25,6 +25,8 @@ export interface PerBlockConfigs {
     unresponsive: boolean;
     size: string;
     customAttributes: string[];
+    priceMovedToNextLine: boolean;
+    priceHideIfSameAsDiscounted: boolean;
 }
 interface PerBlockState {
     recommendationConfigs: PerBlockConfigs;

package/dist/src/extensions/Blocks/Recommendation/templates/grid/elementRenderer.d.ts

@@ -1,4 +1,5 @@
-import { type ElementRenderer } from '../utils';
+import type { RecommendationProduct } from '@@/Types/recommendation';
+import { type ElementRenderer, type CellRenderOptions } from '../utils';
 /**
  * Grid element renderer
  * Each element returns a `<td>` containing a nested table structure:
@@ -24,4 +25,15 @@ export declare const ATTRIBUTE_CELL_CLASS = "attribute-cell";
  * card-composition control so both render identical filler markup.
  */
 export declare function buildFillerCell(columnWidth: string, padding?: string): string;
+/**
+ * Renders the inline price cell used when "Move to next line" is OFF: the sale
+ * price and original price sit side by side in a single attribute cell, each
+ * keeping its own `esd-extension-block-id` + `product-*` class so the per-element
+ * style controls and the compiler keep working.
+ *
+ * `originalFirst` preserves the card-composition order (original before sale when
+ * `productOldPrice` precedes `productPrice` in the composition) so the side-by-side
+ * order matches the stacked order.
+ */
+export declare function renderInlineGridPriceCell(product: RecommendationProduct, originalFirst?: boolean, priceOptions?: CellRenderOptions, oldPriceOptions?: CellRenderOptions, cardBackgroundColor?: string): string;
 export declare const gridElementRenderer: ElementRenderer;

package/dist/src/extensions/Blocks/Recommendation/templates/grid/template.d.ts

@@ -1,5 +1,5 @@
 import type { FiltersResponse, RecommendationProduct } from '@@/Types/recommendation';
-import { type ElementRenderer, type RenderOptions } from '../utils';
+import { type ElementRenderer, type PricePlacementFlags, type RenderOptions } from '../utils';
 /**
  * Generates attribute-aligned product rows for grid layout.
  * Creates rows where each row contains one attribute type from all products.
@@ -9,7 +9,7 @@ import { type ElementRenderer, type RenderOptions } from '../utils';
  * @param composition - Array defining order of card elements
  * @returns HTML string for attribute-aligned rows
  */
-export declare function prepareGridAttributeRows(products: RecommendationProduct[], productsPerRow: number, elementRenderer: ElementRenderer, composition?: string[], filterList?: FiltersResponse, renderOptions?: RenderOptions): string;
+export declare function prepareGridAttributeRows(products: RecommendationProduct[], productsPerRow: number, elementRenderer: ElementRenderer, composition?: string[], filterList?: FiltersResponse, renderOptions?: RenderOptions & PricePlacementFlags): string;
 /**
  * Prepares grid product rows with attribute-aligned structure
  * Groups products into rows, then generates attribute-aligned HTML for each group
@@ -19,7 +19,7 @@ export declare function prepareGridAttributeRows(products: RecommendationProduct
  * @param composition - Array defining order of card elements
  * @returns HTML string for all product rows
  */
-export declare function prepareGridProductRows(products: RecommendationProduct[], productsPerRow: number, elementRenderer: ElementRenderer, composition?: string[], filterList?: FiltersResponse, renderOptions?: RenderOptions): string;
+export declare function prepareGridProductRows(products: RecommendationProduct[], productsPerRow: number, elementRenderer: ElementRenderer, composition?: string[], filterList?: FiltersResponse, renderOptions?: RenderOptions & PricePlacementFlags): string;
 /**
  * Prepares grid product rows with attribute-aligned structure.
  * Uses row-based rendering where each attribute type forms a single row across all products.
@@ -28,6 +28,6 @@ export declare function prepareGridProductRows(products: RecommendationProduct[]
  * @param composition - Array defining element order
  * @returns HTML string for product rows
  */
-export declare function prepareProductRows(products: RecommendationProduct[], productsPerRow: number, composition?: string[], filterList?: FiltersResponse, renderOptions?: RenderOptions): string;
+export declare function prepareProductRows(products: RecommendationProduct[], productsPerRow: number, composition?: string[], filterList?: FiltersResponse, renderOptions?: RenderOptions & PricePlacementFlags): string;
 export declare function getDefaultTemplate(recommendationId?: number): string;
 export declare function generateBlockTemplate(products: RecommendationProduct[], productsPerRow: number, title?: string, composition?: string[], mobileProductsPerRow?: number): string;

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

@@ -6,7 +6,7 @@
  */
 import type { RecommendationProduct } from '@@/Types/recommendation';
 import { type Orientation, type PrepareProductRowsOptions } from './utils';
-export { DEFAULTS, DEFAULT_CARD_COMPOSITION, DEFAULT_CARD_VISIBILITY, getDefaultProducts, spacer, sanitizeImageUrl, createBlockTemplate, toDisplayableAttributeValue, type Orientation, type PrepareProductRowsOptions, type ElementRenderer, type ProductCardGetter, type AttributeStyleTemplate, type AttributeStyleTemplates, type CellBackgroundColors, type CellAlignments, type CellClasses, type OmnibusTexts, } from './utils';
+export { DEFAULTS, DEFAULT_CARD_COMPOSITION, DEFAULT_CARD_VISIBILITY, getDefaultProducts, isSamePrice, spacer, sanitizeImageUrl, createBlockTemplate, toDisplayableAttributeValue, type Orientation, type PrepareProductRowsOptions, type ElementRenderer, type ProductCardGetter, type AttributeStyleTemplate, type AttributeStyleTemplates, type CellBackgroundColors, type CellAlignments, type CellClasses, type OmnibusTexts, } from './utils';
 /**
  * Unified function to prepare product rows for any layout.
  * Delegates to the appropriate layout-specific implementation.

package/dist/src/extensions/Blocks/Recommendation/templates/list/elementRenderer.d.ts

@@ -1,8 +1,17 @@
-import { type ElementRenderer } from '../utils';
+import type { RecommendationProduct } from '@@/Types/recommendation';
+import { type ElementRenderer, type CellRenderOptions } from '../utils';
 /**
  * List element renderer
  * - Image and Button return `<td>` cells for the 3-column layout
  * - Name and Prices return `<tr><td>` rows for the info cell table
  * All elements have esd-block-* classes for Stripo selection
  */
+/**
+ * Inline price info row used when "Move to next line" is OFF: the sale price and
+ * original price sit in two cells of one row. Each keeps its block id + class so
+ * style controls and the compiler keep working. `originalFirst` preserves the
+ * card-composition order (original before sale by default) so it matches the
+ * stacked order.
+ */
+export declare function renderInlineListPriceRow(product: RecommendationProduct, originalFirst?: boolean, priceOptions?: CellRenderOptions, oldPriceOptions?: CellRenderOptions): string;
 export declare const listElementRenderer: ElementRenderer;

package/dist/src/extensions/Blocks/Recommendation/templates/list/template.d.ts

@@ -1,5 +1,5 @@
 import type { FiltersResponse, RecommendationProduct } from '@@/Types/recommendation';
-import { type RenderOptions } from '../utils';
+import { type PricePlacementFlags, type RenderOptions } from '../utils';
 /**
  * Generates a list product card with 3-column layout
  * Uses buildElementRenderer to render Image, Info content, and Button
@@ -12,7 +12,7 @@ import { type RenderOptions } from '../utils';
  * @param composition - Array defining order of card elements
  * @returns HTML string for a single product card row
  */
-export declare function getListProductCard(product: RecommendationProduct, composition?: string[], filterList?: FiltersResponse, renderOptions?: RenderOptions): string;
+export declare function getListProductCard(product: RecommendationProduct, composition?: string[], filterList?: FiltersResponse, renderOptions?: RenderOptions & PricePlacementFlags): string;
 /**
  * Prepares list product rows
  * Each product is a full-width row with 3-column layout
@@ -20,6 +20,6 @@ export declare function getListProductCard(product: RecommendationProduct, compo
  * @param composition - Array defining order of card elements
  * @returns HTML string for product rows
  */
-export declare function prepareProductRows(products: RecommendationProduct[], composition?: string[], filterList?: FiltersResponse, renderOptions?: RenderOptions): string;
+export declare function prepareProductRows(products: RecommendationProduct[], composition?: string[], filterList?: FiltersResponse, renderOptions?: RenderOptions & PricePlacementFlags): string;
 export declare function getDefaultTemplate(): string;
 export declare function generateBlockTemplate(products: RecommendationProduct[], title?: string, composition?: string[]): string;

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

@@ -1,10 +1,39 @@
+import type { CurrencyConfig } from '../types/nodeConfig';
 import type { FiltersResponse, RecommendationProduct } from '@@/Types/recommendation';
 import { ATTR_PRODUCT_IMAGE, ATTR_PRODUCT_NAME, ATTR_PRODUCT_PRICE, ATTR_PRODUCT_OLD_PRICE, ATTR_PRODUCT_OMNIBUS_PRICE, ATTR_PRODUCT_OMNIBUS_DISCOUNT, ATTR_PRODUCT_BUTTON } from '../constants';
+type PriceKey = 'price' | 'original_price' | 'discount';
+/**
+ * Current currency configuration from the store, in CurrencyConfig shape.
+ */
+export declare function getCurrentCurrencyConfig(): CurrencyConfig;
+/**
+ * Formats a product price using current currency settings. Falls back to the
+ * first available currency, then 0, when the active currency has no value.
+ */
+export declare function formatProductPrice(product: RecommendationProduct, priceKey?: PriceKey): string;
+/**
+ * True when the formatted sale price equals the formatted original price.
+ * Mirrors the email-service / preview hide-if-same comparison semantics
+ * (formatted-string equality, same currency fallback chain).
+ */
+export declare function isSamePrice(product: RecommendationProduct): boolean;
 /**
  * Converts a snake_case attribute name to Title Case display name.
  * e.g., "rating_star" → "Rating Star"
  */
 export declare function toDisplayName(attrName: string): string;
+/**
+ * Resolves the inline (side-by-side) price layout from the composition order so
+ * it matches the stacked order. `anchor` is whichever of price / original price
+ * comes first in the composition (the merged cell renders there); `skip` is the
+ * other (dropped, since it's merged in); `originalFirst` puts the original price
+ * on the left when it precedes the sale price (the default composition order).
+ */
+export declare function resolveInlinePriceOrder(composition: string[]): {
+    originalFirst: boolean;
+    anchor: string;
+    skip: string;
+};
 /**
  * Reduces a raw product-attribute value to a displayable scalar string.
  * Array-type attributes (filter types `Strings`/`Numbers`) are substituted with
@@ -150,10 +179,24 @@ export interface RenderOptions {
     /** Per-attribute visibility (show/hide) re-applied across regeneration; falls back to defaults. */
     visibility?: AttributeVisibility;
 }
+/**
+ * Builds the per-attribute `CellRenderOptions` for one composition key from the block-level
+ * `RenderOptions`. Single source for both the stacked per-cell options and the two inline
+ * (price + old-price) option sets, so style capture → re-bake stays consistent across layouts.
+ */
+export declare function buildCellOptions(attrType: string, renderOptions: RenderOptions): CellRenderOptions;
 /**
  * Options for prepareProductRows unified function
  */
-export interface PrepareProductRowsOptions extends RenderOptions {
+/**
+ * Block-level price placement flags threaded into the row builders.
+ * - `priceInline`: render sale + original price on one line (skip the standalone
+ *   original-price row).
+ */
+export interface PricePlacementFlags {
+    priceInline?: boolean;
+}
+export interface PrepareProductRowsOptions extends PricePlacementFlags, RenderOptions {
     /** Number of products per row (only for grid layout, defaults to 3) */
     productsPerRow?: number;
     /** Number of products per row on mobile (only for grid layout, defaults to 1) */
@@ -223,6 +266,12 @@ export declare function renderStyledParagraph(text: string, defaults: {
  * base style. Returns '' when there is nothing to set.
  */
 export declare function resolveSegmentBgStyle(baseStyle: string, cardBackgroundColor?: string): string;
+/**
+ * The ` background-color: …;` CSS fragment for a captured "Block Background Color", or ''.
+ * Use this when merging into an existing `style="…"` attribute; use `cellBgStyleAttr` when the
+ * cell has no other inline style and needs the whole attribute.
+ */
+export declare function bgColorFragment(color?: string): string;
 /**
  * Builds the ` style="background-color: …"` attribute for a text attribute's
  * `[esd-extension-block-id]` cell, baking in the captured "Block Background Color".
@@ -278,3 +327,4 @@ export declare function getDefaultProducts(count?: number): RecommendationProduc
  * @returns HTML template string with {-{-TITLE-}-}, {-{-PRODUCT_ROWS-}-}, and {-{-MOBILE_PRODUCT_ROWS-}-} (grid only) placeholders
  */
 export declare function createBlockTemplate(layout?: Orientation, instanceClass?: string): string;
+export {};

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

@@ -152,6 +152,21 @@ export interface RecommendationNodeConfig {
      * Whether to trim long product names with ellipsis
      */
     textTrimming: boolean;
+    /**
+     * Whether the price and original price render on separate stacked lines.
+     * - true (default): each on its own attribute row (current Guido look)
+     * - false: both rendered inline on the same line, and Card Composition
+     *   collapses them into a single "Product Prices" entry
+     * Ported from the legacy product block's `isPriceMovedToNextLine`.
+     */
+    priceMovedToNextLine: boolean;
+    /**
+     * Whether to hide the redundant original price when it equals the sale
+     * price (no real discount). Enforced in the real email via a liquid
+     * condition and mirrored in the editor on mock data.
+     * Ported from the legacy product block's `isPriceDeletedForZeroSale`.
+     */
+    priceHideIfSameAsDiscounted: boolean;
     /**
      * Configuration version for future migrations
      * Increment when making breaking changes to schema

package/dist/src/extensions/Blocks/controlFactories.d.ts

@@ -98,11 +98,20 @@ export declare function createTextBackgroundColorControl(controlId: string, targ
     new (): {
         getId(): string;
         getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
+        /**
+         * Mirrors the picked background onto each target cell as an INLINE style.
+         *
+         * Stripo's built-in applies the background as a stylesheet rule, not inline. On
+         * regeneration we re-bake the captured color inline (cellBgStyleAttr); inline then
+         * outranks Stripo's rule in the cascade, so a later re-edit silently has no effect
+         * (SD-143023). Writing the inline here keeps it the single source of truth and in
+         * sync on every edit. Merged into the parent control's single patch (no extra apply).
+         */
+        getAdditionalModifications(root: 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;
-        getAdditionalModifications(_root: ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
         isVisible(_node: ImmutableHtmlNode): boolean;
     };
 };