@useinsider/guido 2.0.0-beta.e68b206 → 2.0.0-beta.e73ba15

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

@@ -0,0 +1,8 @@
+import type { ElementRenderer } from '../utils';
+/**
+ * Horizontal 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
+ */
+export declare const horizontalElementRenderer: ElementRenderer;

package/dist/src/extensions/Blocks/Recommendation/templates/horizontal/migration.d.ts

@@ -0,0 +1,25 @@
+import type { RecommendationProduct } from '@@/Types/recommendation';
+import { DEFAULTS, getDefaultProducts } from '../utils';
+/**
+ * Migration template for horizontal layout
+ * Used when migrating old recommendation blocks to horizontal format
+ */
+declare const migrationTemplate = "\n    <td\n        align=\"left\"\n        esd-extension-block-id=\"recommendation-block\"\n        esd-handler-name=\"esd-extension-RecommendationBlock\"\n        class=\"ins-recommendation-v3-block-v2 esd-block-recommendation-v3-block esd-extension-block es-p20\"\n        data-layout=\"horizontal\"\n    >\n        <table width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\">\n            <tr>\n                <td align=\"center\">\n                    <table\n                        class=\"container\"\n                        width=\"100%\"\n                        cellpadding=\"0\"\n                        cellspacing=\"0\"\n                        border=\"0\">\n                        <tbody>\n                            <tr>\n                                <td>\n                                    <table\n                                        width=\"100%\"\n                                        cellpadding=\"0\"\n                                        cellspacing=\"0\"\n                                        border=\"0\">\n                                        <tbody>\n                                            <tr>\n                                                {-{-TITLE-}-}\n                                            </tr>\n                                        </tbody>\n                                    </table>\n                                </td>\n                            </tr>\n                            <tr>\n                                <td class=\"spacer\" style=\"height: 20px;\"></td>\n                            </tr>\n                            <tr>\n                                <td>\n                                    <table\n                                        class=\"ins-recommendation-product-container\"\n                                        width=\"100%\"\n                                        cellpadding=\"0\"\n                                        cellspacing=\"0\"\n                                        border=\"0\"\n                                    >\n                                        {-{-PRODUCT_ROWS-}-}\n                                    </table>\n                                </td>\n                            </tr>\n                        </tbody>\n                    </table>\n                </td>\n            </tr>\n        </table>\n    </td>\n";
+export declare function getMigrationTemplate(): string;
+/**
+ * Generates a custom horizontal migration template with specified products
+ * @param products - Array of products to display
+ * @param title - Optional title for the block
+ * @param composition - Optional array defining order of card elements
+ * @returns Complete HTML template
+ */
+export declare function generateMigrationTemplate(products: RecommendationProduct[], title?: string, composition?: string[]): string;
+/**
+ * Prepares horizontal product rows for migration
+ * @param products - Array of products to display
+ * @param composition - Optional array defining order of card elements
+ * @returns HTML string for product rows
+ */
+export declare function prepareProductRows(products: RecommendationProduct[], composition?: string[]): string;
+export { DEFAULTS, getDefaultProducts };
+export default migrationTemplate;

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

@@ -0,0 +1,18 @@
+import type { RecommendationProduct } from '@@/Types/recommendation';
+/**
+ * Generates a horizontal product card with 3-column layout
+ * Uses horizontalElementRenderer to render Image, Info content, and Button
+ * Layout: [Image (120px)] [Info table (flexible)] [Button (100px)]
+ * @param product - The product data
+ * @returns HTML string for a single product card row
+ */
+export declare function getHorizontalProductCard(product: RecommendationProduct): string;
+/**
+ * Prepares horizontal product rows
+ * Each product is a full-width row with 3-column layout
+ * @param products - Array of products to display
+ * @returns HTML string for product rows
+ */
+export declare function prepareProductRows(products: RecommendationProduct[]): string;
+export declare function getDefaultTemplate(): string;
+export declare function generateBlockTemplate(products: RecommendationProduct[], title?: string): string;

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

@@ -0,0 +1,39 @@
+/**
+ * Unified Template API for Recommendation Block
+ *
+ * This module provides a single entry point for working with recommendation
+ * block templates, abstracting away the layout-specific implementations.
+ */
+import type { RecommendationProduct } from '@@/Types/recommendation';
+import { type Orientation, type PrepareProductRowsOptions } from './utils';
+export { DEFAULTS, DEFAULT_CARD_COMPOSITION, DEFAULT_CARD_VISIBILITY, getDefaultProducts, spacer, createBlockTemplate, type Orientation, type PrepareProductRowsOptions, type ElementRenderer, type ProductCardGetter, } from './utils';
+/**
+ * Unified function to prepare product rows for any layout.
+ * Delegates to the appropriate layout-specific implementation.
+ * @example
+ * // Horizontal layout (full-width rows)
+ * prepareProductRows(products, 'horizontal');
+ * @example
+ * // Vertical layout (grid)
+ * prepareProductRows(products, 'vertical', { productsPerRow: 3 });
+ * @param products - Array of products to display
+ * @param layout - The layout orientation ('horizontal' or 'vertical')
+ * @param options - Layout-specific options
+ * @returns HTML string for product rows
+ */
+export declare function prepareProductRows(products: RecommendationProduct[], layout: Orientation, options?: PrepareProductRowsOptions): string;
+/**
+ * Generates the default template for a given layout.
+ * @param layout - The layout orientation ('horizontal' or 'vertical')
+ * @returns Complete HTML template with default products
+ */
+export declare function getDefaultTemplate(layout?: Orientation): string;
+/**
+ * Generates a complete block template with custom products.
+ * @param products - Array of products to display
+ * @param layout - The layout orientation ('horizontal' or 'vertical')
+ * @param title - Title for the block
+ * @param options - Layout-specific options
+ * @returns Complete HTML template
+ */
+export declare function generateBlockTemplate(products: RecommendationProduct[], layout: Orientation, title?: string, options?: PrepareProductRowsOptions): string;

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

@@ -0,0 +1,45 @@
+import type { 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';
+export type Orientation = 'horizontal' | 'vertical';
+/**
+ * Options for prepareProductRows unified function
+ */
+export interface PrepareProductRowsOptions {
+    /** Number of products per row (only for vertical layout, defaults to 3) */
+    productsPerRow?: number;
+    /** Array defining order of card elements */
+    composition?: string[];
+}
+/**
+ * Element renderer interface for product card elements
+ * Keys are ATTR_PRODUCT_* constants for consistent naming
+ */
+export interface ElementRenderer {
+    [ATTR_PRODUCT_IMAGE]: (product: RecommendationProduct) => string;
+    [ATTR_PRODUCT_NAME]: (product: RecommendationProduct) => string;
+    [ATTR_PRODUCT_PRICE]: (product: RecommendationProduct) => string;
+    [ATTR_PRODUCT_OLD_PRICE]: (product: RecommendationProduct) => string;
+    [ATTR_PRODUCT_OMNIBUS_PRICE]: (product: RecommendationProduct) => string;
+    [ATTR_PRODUCT_OMNIBUS_DISCOUNT]: (product: RecommendationProduct) => string;
+    [ATTR_PRODUCT_BUTTON]: (product: RecommendationProduct) => string;
+}
+/**
+ * Product card getter function type
+ * Used by prepareProductRows to generate individual product cards
+ */
+export type ProductCardGetter = (product: RecommendationProduct, composition?: string[]) => string;
+export declare const DEFAULTS: {
+    TITLE: string;
+    DESCRIPTION: string;
+};
+export declare const DEFAULT_CARD_COMPOSITION: string[];
+export declare const DEFAULT_CARD_VISIBILITY: Record<string, boolean>;
+export declare const spacer = "\n    <tr>\n        <td class=\"spacer\" style=\"height: 10px;\"></td>\n    </tr>\n";
+export declare function getDefaultProducts(): RecommendationProduct[];
+/**
+ * Creates the block template wrapper HTML for recommendation blocks.
+ * The template includes title placeholder and product container.
+ * @param layout - The layout orientation ('horizontal' or 'vertical')
+ * @returns HTML template string with {-{-TITLE-}-} and {-{-PRODUCT_ROWS-}-} placeholders
+ */
+export declare function createBlockTemplate(layout?: Orientation): string;

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

@@ -0,0 +1,7 @@
+import type { ElementRenderer } from '../utils';
+/**
+ * Class name for outer cells in attribute rows
+ * Used by controls to reliably select direct children for spacing adjustments
+ */
+export declare const ATTRIBUTE_CELL_CLASS = "attribute-cell";
+export declare const verticalElementRenderer: ElementRenderer;

package/dist/src/extensions/Blocks/Recommendation/templates/{migrationTemplate.d.ts → vertical/migration.d.ts}

@@ -1,9 +1,17 @@
 import type { RecommendationProduct } from '@@/Types/recommendation';
-import { DEFAULTS, getDefaultProducts } from './templateUtils';
+import { DEFAULTS, getDefaultProducts, DEFAULT_CARD_COMPOSITION, DEFAULT_CARD_VISIBILITY } from '../utils';
 declare const migrationTemplate = "\n    <td\n        align=\"left\"\n        esd-extension-block-id=\"recommendation-block\"\n        esd-handler-name=\"esd-extension-RecommendationBlock\"\n        class=\"ins-recommendation-v3-block-v2 esd-block-recommendation-v3-block esd-extension-block es-p20\"\n    >\n        <table width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\">\n            <tr>\n                <td align=\"center\">\n                    <table\n                        class=\"container\"\n                        width=\"100%\"\n                        cellpadding=\"0\"\n                        cellspacing=\"0\"\n                        border=\"0\">\n                        <tbody>\n                            <tr>\n                                <td>\n                                    <table\n                                        width=\"100%\"\n                                        cellpadding=\"0\"\n                                        cellspacing=\"0\"\n                                        border=\"0\">\n                                        <tbody>\n                                            <tr>\n                                                {-{-TITLE-}-}\n                                            </tr>\n                                        </tbody>\n                                    </table>\n                                </td>\n                            </tr>\n                            <tr>\n                                <td class=\"spacer\" style=\"height: 20px;\"></td>\n                            </tr>\n                            <tr>\n                                <td>\n                                    <table\n                                        class=\"ins-recommendation-product-container\"\n                                        width=\"100%\"\n                                        cellpadding=\"0\"\n                                        cellspacing=\"0\"\n                                        border=\"0\"\n                                    >\n                                        {-{-PRODUCT_ROWS-}-}\n                                    </table>\n                                </td>\n                            </tr>\n                        </tbody>\n                    </table>\n                </td>\n            </tr>\n        </table>\n    </td>\n";
+/**
+ * Prepares migration product rows with attribute-aligned structure.
+ * @param products - Array of products to display
+ * @param productsPerRow - Number of products per row
+ * @param composition - Array defining element order
+ * @returns HTML string for product rows
+ */
+export declare function prepareProductRows(products: RecommendationProduct[], productsPerRow: number, composition?: string[]): string;
 export declare function getMigrationTemplate(): string;
 /**
- * Generates a custom migration template with specified products and layout
+ * Generates a custom migration template with specified products and layout.
  * @param products - Array of products to display
  * @param productsPerRow - Number of products per row
  * @param title - Optional title for the block
@@ -11,6 +19,5 @@ export declare function getMigrationTemplate(): string;
  * @returns Complete HTML template
  */
 export declare function generateMigrationTemplate(products: RecommendationProduct[], productsPerRow: number, title?: string, composition?: string[]): string;
-export declare function prepareProductRows(products: RecommendationProduct[], productsPerRow: number, composition?: string[]): string;
-export { DEFAULTS, getDefaultProducts };
+export { DEFAULTS, DEFAULT_CARD_COMPOSITION, DEFAULT_CARD_VISIBILITY, getDefaultProducts, };
 export default migrationTemplate;

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

@@ -0,0 +1,33 @@
+import type { RecommendationProduct } from '@@/Types/recommendation';
+import { type ElementRenderer } from '../utils';
+/**
+ * Generates attribute-aligned product rows for vertical layout.
+ * Creates rows where each row contains one attribute type from all products.
+ * @param products - Array of products in this row group
+ * @param productsPerRow - Number of products per row (for column width calculation)
+ * @param elementRenderer - Object mapping attribute types to render functions
+ * @param composition - Array defining order of card elements
+ * @returns HTML string for attribute-aligned rows
+ */
+export declare function prepareVerticalAttributeRows(products: RecommendationProduct[], productsPerRow: number, elementRenderer: ElementRenderer, composition?: string[]): string;
+/**
+ * Prepares vertical product rows with attribute-aligned structure
+ * Groups products into rows, then generates attribute-aligned HTML for each group
+ * @param products - Array of products to display
+ * @param productsPerRow - Number of products per row
+ * @param elementRenderer - Object mapping attribute types to render functions
+ * @param composition - Array defining order of card elements
+ * @returns HTML string for all product rows
+ */
+export declare function prepareVerticalProductRows(products: RecommendationProduct[], productsPerRow: number, elementRenderer: ElementRenderer, composition?: string[]): string;
+/**
+ * Prepares vertical product rows with attribute-aligned structure.
+ * Uses row-based rendering where each attribute type forms a single row across all products.
+ * @param products - Array of products to display
+ * @param productsPerRow - Number of products per row
+ * @param composition - Array defining element order
+ * @returns HTML string for product rows
+ */
+export declare function prepareProductRows(products: RecommendationProduct[], productsPerRow: number, composition?: string[]): string;
+export declare function getDefaultTemplate(): string;
+export declare function generateBlockTemplate(products: RecommendationProduct[], productsPerRow: number, title?: string, composition?: string[]): string;

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

@@ -0,0 +1,19 @@
+/**
+ * Utility for preserving text styling when updating innerHTML
+ */
+import type { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
+/**
+ * Preserves existing style tags when updating text content
+ *
+ * When users apply text styles (bold, italic, etc.) in Stripo, the editor wraps
+ * content in tags like <strong>, <em>, <u>, <s>. This function extracts those
+ * style tags from the original HTML and re-applies them to the new text content.
+ * @example
+ * // Original: <span class="omnibus-text-before"><strong>Lowest price: </strong></span>
+ * // After calling preserveTextStyles(element, 'Best price: ')
+ * // Result: <strong>Best price: </strong>
+ * @param element - The DOM element or ImmutableHtmlNode containing the styled text
+ * @param newText - The new text content to insert
+ * @returns The new text wrapped in the original style tags
+ */
+export declare function preserveTextStyles(element: ImmutableHtmlNode | Element, newText: string): string;

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

@@ -56,24 +56,25 @@ export declare abstract class CommonControl extends Control {
     onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
     onDestroy(): void;
     /**
-     * Gets the Items block container element from the current node.
-     * @returns The container element or null if not found
+     * Gets the config block element from the current node.
+     * @returns The config block element or null if not found
      */
-    protected getItemsBlockContainer(): ImmutableHtmlElementNode | null;
+    protected getConfigBlock(): ImmutableHtmlElementNode | null;
     /**
-     * Gets the current block instance ID from the node config (Stripo V2).
+     * Gets the current block instance ID from the config block.
+     * @param blockInstanceIdAttribute - The attribute name for block instance ID (default: 'data-block-instance-id')
      * @returns The block instance ID or null if not found
      */
-    protected getBlockInstanceId(): string | null;
+    protected getBlockInstanceId(blockInstanceIdAttribute?: string): string | null;
     /**
      * Handles block instance change detection and syncing.
-     * This is a helper method for controls that need to sync config when switching between block instances.
-     * Uses Stripo V2 nodeConfig API for block instance tracking.
-     * @param syncFunction - Function to call when block instance changes (to sync from node config)
+     * This is a helper method for controls that need to sync attributes when switching between block instances.
+     * @param syncFunction - Function to call when block instance changes (to sync from attributes)
      * @param updateUI - Function to call to update the UI (called both on change and when same block)
+     * @param blockInstanceIdAttribute - The attribute name for block instance ID (default: 'data-block-instance-id')
      * @returns true if block instance changed, false otherwise
      */
-    protected handleBlockInstanceChange(syncFunction: (node: ImmutableHtmlNode) => void, updateUI: () => void): boolean;
+    protected handleBlockInstanceChange(syncFunction: (node: ImmutableHtmlNode) => void, updateUI: () => void, blockInstanceIdAttribute?: string): boolean;
     _GuLabel({ text, name, position }: LabelProps): string;
     _GuToggle(name: string): string;
     _GuSelectItem({ text, value }: {

package/dist/src/stores/config.d.ts

@@ -1,4 +1,4 @@
-import type { GuidoConfig, GuidoConfigInput, IdentityConfig, PartnerConfig, TemplateConfig, EditorConfig, UIConfig, FeaturesConfig, BlocksConfig, CompilerConfig, CallbacksConfig } from '@@/Types/config';
+import type { GuidoConfig, GuidoConfigInput, IdentityConfig, PartnerConfig, TemplateConfig, EditorConfig, UIConfig, FeaturesConfig, BlocksConfig, CompilerConfig } from '@@/Types/config';
 interface ConfigStoreState {
     /** Whether the config has been initialized */
     initialized: boolean;
@@ -96,9 +96,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 })[];
                 ignoreDefaultRules: boolean;
             };
-            callbacks: {
-                externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
-            };
         } | null;
     } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => IdentityConfig | null;
     /**
@@ -191,9 +188,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 })[];
                 ignoreDefaultRules: boolean;
             };
-            callbacks: {
-                externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
-            };
         } | null;
     } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => PartnerConfig | null;
     /**
@@ -286,9 +280,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 })[];
                 ignoreDefaultRules: boolean;
             };
-            callbacks: {
-                externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
-            };
         } | null;
     } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => TemplateConfig | null;
     /**
@@ -381,9 +372,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 })[];
                 ignoreDefaultRules: boolean;
             };
-            callbacks: {
-                externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
-            };
         } | null;
     } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => EditorConfig | null;
     /**
@@ -476,9 +464,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 })[];
                 ignoreDefaultRules: boolean;
             };
-            callbacks: {
-                externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
-            };
         } | null;
     } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => UIConfig | null;
     /**
@@ -571,9 +556,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 })[];
                 ignoreDefaultRules: boolean;
             };
-            callbacks: {
-                externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
-            };
         } | null;
     } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => FeaturesConfig | null;
     /**
@@ -666,9 +648,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 })[];
                 ignoreDefaultRules: boolean;
             };
-            callbacks: {
-                externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
-            };
         } | null;
     } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => BlocksConfig | null;
     /**
@@ -761,106 +740,8 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 })[];
                 ignoreDefaultRules: boolean;
             };
-            callbacks: {
-                externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
-            };
         } | null;
     } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => CompilerConfig | null;
-    /**
-     * Get the callbacks configuration
-     */
-    callbacks: (state: {
-        initialized: boolean;
-        config: {
-            identity: {
-                templateId: string;
-                userId: string;
-                variationId?: string | undefined;
-            };
-            partner: {
-                name: string;
-                productType: 60 | 49 | 97;
-                messageType: 1 | 2;
-                username: string;
-            };
-            template: {
-                html: string;
-                css: string;
-                preselectedDynamicContent: {
-                    text: string;
-                    value: string;
-                    fallback?: string | undefined;
-                    format?: {
-                        key: string;
-                        value: string;
-                    } | undefined;
-                }[];
-                selectedUnsubscribePages: number[];
-                forceRecreate: boolean;
-            };
-            editor: {
-                locale: string;
-                translationsPath: string;
-                migrationDate: number;
-                emailHeader: {
-                    senderName: string;
-                    subject: string;
-                };
-            };
-            ui: {
-                showHeader: boolean;
-                backButtonLabel?: string | undefined;
-            };
-            features: {
-                dynamicContent: boolean;
-                saveAsTemplate: boolean;
-                versionHistory: boolean;
-                testMessage: boolean;
-                displayConditions: boolean;
-                unsubscribe: boolean;
-                modulesDisabled: 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")[];
-                includeCustoms: ("dynamic-content" | "checkbox-block" | "radio-button-block" | "recommendation-block" | "unsubscribe-block" | "coupon-block" | "items-block")[];
-            };
-            compiler: {
-                customRules: ({
-                    type: "replace";
-                    search: string;
-                    replacement: string;
-                    replaceAll?: boolean | undefined;
-                    id: string;
-                    description?: string | undefined;
-                    priority: number;
-                } | {
-                    type: "regex";
-                    pattern: string;
-                    replacement: string;
-                    flags?: string | undefined;
-                    id: string;
-                    description?: string | undefined;
-                    priority: number;
-                } | {
-                    type: "remove";
-                    targets: string[];
-                    id: string;
-                    description?: string | undefined;
-                    priority: number;
-                } | {
-                    type: "custom";
-                    processor: (html: string) => string;
-                    id: string;
-                    description?: string | undefined;
-                    priority: number;
-                })[];
-                ignoreDefaultRules: boolean;
-            };
-            callbacks: {
-                externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
-            };
-        } | null;
-    } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => CallbacksConfig | null;
     /**
      * Get the template ID
      */
@@ -951,9 +832,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 })[];
                 ignoreDefaultRules: boolean;
             };
-            callbacks: {
-                externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
-            };
         } | null;
     } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => string;
     /**
@@ -1046,9 +924,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 })[];
                 ignoreDefaultRules: boolean;
             };
-            callbacks: {
-                externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
-            };
         } | null;
     } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => string;
     /**
@@ -1141,9 +1016,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 })[];
                 ignoreDefaultRules: boolean;
             };
-            callbacks: {
-                externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
-            };
         } | null;
     } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => string;
     /**
@@ -1236,9 +1108,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 })[];
                 ignoreDefaultRules: boolean;
             };
-            callbacks: {
-                externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
-            };
         } | null;
     } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => string;
     /**
@@ -1331,9 +1200,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 })[];
                 ignoreDefaultRules: boolean;
             };
-            callbacks: {
-                externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
-            };
         } | null;
     } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => number;
     /**
@@ -1426,9 +1292,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 })[];
                 ignoreDefaultRules: boolean;
             };
-            callbacks: {
-                externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
-            };
         } | null;
     } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => number;
     /**
@@ -1521,9 +1384,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 })[];
                 ignoreDefaultRules: boolean;
             };
-            callbacks: {
-                externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
-            };
         } | null;
     } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => string;
     /**
@@ -1616,9 +1476,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 })[];
                 ignoreDefaultRules: boolean;
             };
-            callbacks: {
-                externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
-            };
         } | null;
     } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => boolean;
     /**
@@ -1711,9 +1568,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 })[];
                 ignoreDefaultRules: boolean;
             };
-            callbacks: {
-                externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
-            };
         } | null;
     } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => (feature: keyof FeaturesConfig) => boolean;
 }, {

package/dist/static/styles/components/button.css.js

@@ -48,7 +48,7 @@ const o = `.control-shadow-wrapper:has(.button) {
 }
 
 .e2e-text-insert-controls .control-shadow-wrapper:not(:last-of-type) {
-    margin-right: 6px;
+    margin-right: 16px;
 }
 
 .flat-white > .button {

package/dist/static/styles/components/wide-panel.css.js

@@ -6,10 +6,6 @@ ue-main-editor-container[panel-position=SETTINGS_BLOCKS] ue-wide-panel {
     right: calc(100% - calc(var(--ue-spacing-step, 5px) * 3) - 425px);
 }
 
-ue-main-tabs-panel-component .fixed-panel-header {
-    display: none;
-}
-
 /* Remove with this writing task DT-28355 */
 ue-description a {
     display: none;

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

@@ -19,10 +19,46 @@ const n = `.esd-x,
     box-shadow: none;
 }
 .ins-product-cart ue-node-actions,
-.ins-recommendation-v3-block-v2 .product-attribute-cell ue-node-actions,
-.ins-recommendation-v3-block-v2 .product-attribute-cell ue-node-panel {
+/* Horizontal layout - hide for info, image, and button cells */
+.ins-recommendation-v3-block-v2 .product-info-cell ue-node-actions,
+.ins-recommendation-v3-block-v2 .product-info-cell ue-node-panel,
+.ins-recommendation-v3-block-v2 .product-image-cell ue-node-actions,
+.ins-recommendation-v3-block-v2 .product-image-cell ue-node-panel,
+.ins-recommendation-v3-block-v2 .button-cell ue-node-actions,
+.ins-recommendation-v3-block-v2 .button-cell ue-node-panel,
+/* Vertical layout - hide for product-card-segment inner cells */
+.ins-recommendation-v3-block-v2 .product-card-segment ue-node-actions,
+.ins-recommendation-v3-block-v2 .product-card-segment ue-node-panel,
+/* Hide for specific product attribute cells in both layouts */
+.ins-recommendation-v3-block-v2 .product-image ue-node-actions,
+.ins-recommendation-v3-block-v2 .product-image ue-node-panel,
+.ins-recommendation-v3-block-v2 .product-name ue-node-actions,
+.ins-recommendation-v3-block-v2 .product-name ue-node-panel,
+.ins-recommendation-v3-block-v2 .product-price ue-node-actions,
+.ins-recommendation-v3-block-v2 .product-price ue-node-panel,
+.ins-recommendation-v3-block-v2 .product-old-price ue-node-actions,
+.ins-recommendation-v3-block-v2 .product-old-price ue-node-panel,
+.ins-recommendation-v3-block-v2 .product-omnibus-price ue-node-actions,
+.ins-recommendation-v3-block-v2 .product-omnibus-price ue-node-panel,
+.ins-recommendation-v3-block-v2 .product-omnibus-discount ue-node-actions,
+.ins-recommendation-v3-block-v2 .product-omnibus-discount ue-node-panel,
+.ins-recommendation-v3-block-v2 .product-button ue-node-actions,
+.ins-recommendation-v3-block-v2 .product-button ue-node-panel {
     display: none !important;
 }
+
+/* Apply to the table cell (td) with text-trim-enabled class */
+.text-trim-enabled {
+    max-width: 0 !important;
+}
+
+.text-trim-enabled p {
+    overflow: hidden !important;
+    text-overflow: ellipsis !important;
+    white-space: nowrap !important;
+    margin: 0 !important;
+    display: block !important;
+}
 `;
 export {
   n as default

package/dist/stores/config.js

@@ -64,13 +64,6 @@ const s = o("guido-config", {
       var e;
       return ((e = i.config) == null ? void 0 : e.compiler) ?? null;
     },
-    /**
-     * Get the callbacks configuration
-     */
-    callbacks: (i) => {
-      var e;
-      return ((e = i.config) == null ? void 0 : e.callbacks) ?? null;
-    },
     /**
      * Get the template ID
      */