@useinsider/guido 2.0.0-beta.6b24cb0 → 2.0.0-beta.6b85cb2

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

@@ -0,0 +1,15 @@
+import { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
+import { CommonControl } from '../../common-control';
+/**
+ * Control for setting text after Omnibus Discount value
+ */
+export declare class OmnibusDiscountTextAfterControl extends CommonControl {
+    getId(): string;
+    getTemplate(): string;
+    onRender(): void;
+    onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
+    _setFormValues(): void;
+    _getCurrentText(): string;
+    _onTextChange(newText: string): void;
+    _listenToFormUpdates(): void;
+}

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

@@ -0,0 +1,15 @@
+import { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
+import { CommonControl } from '../../common-control';
+/**
+ * Control for setting text before Omnibus Discount value
+ */
+export declare class OmnibusDiscountTextBeforeControl extends CommonControl {
+    getId(): string;
+    getTemplate(): string;
+    onRender(): void;
+    onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
+    _setFormValues(): void;
+    _getCurrentText(): string;
+    _onTextChange(newText: string): void;
+    _listenToFormUpdates(): void;
+}

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

@@ -0,0 +1,15 @@
+import { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
+import { CommonControl } from '../../common-control';
+/**
+ * Control for setting text after Omnibus Price value
+ */
+export declare class OmnibusPriceTextAfterControl extends CommonControl {
+    getId(): string;
+    getTemplate(): string;
+    onRender(): void;
+    onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
+    _setFormValues(): void;
+    _getCurrentText(): string;
+    _onTextChange(newText: string): void;
+    _listenToFormUpdates(): void;
+}

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

@@ -0,0 +1,15 @@
+import { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
+import { CommonControl } from '../../common-control';
+/**
+ * Control for setting text before Omnibus Price value
+ */
+export declare class OmnibusPriceTextBeforeControl extends CommonControl {
+    getId(): string;
+    getTemplate(): string;
+    onRender(): void;
+    onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
+    _setFormValues(): void;
+    _getCurrentText(): string;
+    _onTextChange(newText: string): void;
+    _listenToFormUpdates(): void;
+}

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

@@ -0,0 +1,60 @@
+import { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
+import { CommonControl } from '../../common-control';
+export declare const SPACING_CONTROL_ID = "recommendation-spacing-control";
+/**
+ * Control for managing spacing between product cards
+ * - Column spacing: horizontal gap between cards in the same row
+ * - Row spacing: vertical gap between different rows
+ */
+export declare class SpacingControl extends CommonControl {
+    getId(): string;
+    getTemplate(): string;
+    onRender(): void;
+    onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
+    /**
+     * Reads spacing values from data attributes or returns defaults
+     */
+    _setFormValues(): void;
+    /**
+     * Gets stored column spacing from the first product card wrapper's parent element's padding
+     * Reads the actual padding value instead of relying on data attributes
+     *
+     * The padding is applied as "0 {halfSpacing}px" on the parent TD element,
+     * so we need to extract the horizontal padding value and multiply by 2 to get total spacing.
+     */
+    _getStoredColumnSpacing(): number;
+    /**
+     * Gets stored row spacing from the first spacer element's height style
+     * Reads the actual height value instead of relying on data attributes
+     */
+    _getStoredRowSpacing(): number;
+    /**
+     * Handles column spacing changes
+     * Applies horizontal padding to all product card wrappers
+     */
+    _onColumnSpacingChange(spacing: number): void;
+    /**
+     * Handles row spacing changes
+     * Applies height to all spacer elements between product rows
+     */
+    _onRowSpacingChange(spacing: number): void;
+    /**
+     * Stores column spacing value in block data attribute
+     */
+    _storeColumnSpacing(spacing: number): void;
+    /**
+     * Stores row spacing value in block data attribute
+     */
+    _storeRowSpacing(spacing: number): void;
+    _listenToFormUpdates(): void;
+    /**
+     * Debounced version of _onColumnSpacingChange
+     * Prevents excessive DOM updates when user rapidly adjusts the counter
+     */
+    _debouncedOnColumnSpacingChange: import("@vueuse/shared").PromisifyFn<(spacing: number) => void>;
+    /**
+     * Debounced version of _onRowSpacingChange
+     * Prevents excessive DOM updates when user rapidly adjusts the counter
+     */
+    _debouncedOnRowSpacingChange: import("@vueuse/shared").PromisifyFn<(spacing: number) => void>;
+}

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

@@ -1,6 +1,6 @@
 import type { RecommendationProduct } from '@@/Types/recommendation';
-import { DEFAULTS, getDefaultProducts, DEFAULT_CARD_COMPOSITION } from './templateUtils';
-declare const blockTemplate = "\n    <td align=\"left\" class=\"ins-recommendation-v3-block-v2 esd-block-recommendation-v3-block es-p20\">\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                                            <BLOCK_TEXT\n                                                class=\"es-p10t es-p10b es-p20l es-p20r\"\n                                                align=\"center\">\n                                                <p path=\"1\" style=\"font-size: 28px; color: #333333;\">\n                                                    <strong path=\"1,0\">{-{-TITLE-}-}</strong>\n                                                </p>\n                                            </BLOCK_TEXT>\n                                        </tbody>\n                                    </table>\n                                </td>\n                            </tr>\n                            \n    <tr>\n        <td class=\"spacer\" style=\"height: 20px;\"></td>\n    </tr>\n\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";
+import { DEFAULTS, getDefaultProducts, DEFAULT_CARD_COMPOSITION, DEFAULT_CARD_VISIBILITY } from './templateUtils';
+declare const blockTemplate = "\n    <td align=\"left\" class=\"ins-recommendation-v3-block-v2 esd-block-recommendation-v3-block es-p20\">\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                                            <BLOCK_TEXT\n                                                class=\"es-p10t es-p10b es-p20l es-p20r\"\n                                                align=\"center\">\n                                                <p path=\"1\" style=\"font-size: 28px; color: #333333;\">\n                                                    <strong path=\"1,0\">{-{-TITLE-}-}</strong>\n                                                </p>\n                                            </BLOCK_TEXT>\n                                        </tbody>\n                                    </table>\n                                </td>\n                            </tr>\n                            \n    <tr>\n        <td class=\"spacer\" style=\"height: 10px;\"></td>\n    </tr>\n\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 getDefaultTemplate(): string;
 /**
  * Generates a custom template with specified products and layout
@@ -12,5 +12,5 @@ export declare function getDefaultTemplate(): string;
  */
 export declare function generateBlockTemplate(products: RecommendationProduct[], productsPerRow: number, title?: string, composition?: string[]): string;
 export declare function prepareProductRows(products: RecommendationProduct[], productsPerRow: number, composition?: string[]): string;
-export { DEFAULTS, DEFAULT_CARD_COMPOSITION, getDefaultProducts, };
+export { DEFAULTS, DEFAULT_CARD_COMPOSITION, DEFAULT_CARD_VISIBILITY, getDefaultProducts, };
 export default blockTemplate;

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

@@ -1,10 +1,13 @@
 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 interface ElementRenderer {
-    productImage: (product: RecommendationProduct) => string;
-    productName: (product: RecommendationProduct) => string;
-    productPrice: (product: RecommendationProduct) => string;
-    productOldPrice: (product: RecommendationProduct) => string;
-    productButton: (product: RecommendationProduct) => string;
+    [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;
 }
 export interface TemplateConfig {
     spacer: string;
@@ -17,10 +20,15 @@ export declare const DEFAULTS: {
     TITLE: string;
     DESCRIPTION: string;
 };
-export declare const spacer = "\n    <tr>\n        <td class=\"spacer\" style=\"height: 20px;\"></td>\n    </tr>\n";
-export declare const productRow = "\n    <tr>\n        <td>\n            <table width=\"100%\" height=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\">\n                {-{-PRODUCTS-}-}\n            </table>\n        </td>\n    </tr>\n";
+export declare const spacer = "\n    <tr>\n        <td class=\"spacer\" style=\"height: 10px;\"></td>\n    </tr>\n";
+export declare const productRow = "\n    <tr class=\"recommendation-product-row\">\n        <td>\n            <table width=\"100%\" height=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\">\n                {-{-PRODUCTS-}-}\n            </table>\n        </td>\n    </tr>\n";
 export declare const productCardWrapper = "\n    <td width=\"{-{-COLUMN_WIDTH-}-}\" style=\"padding: 0 5px;\" valign=\"top\" height=\"100%\">\n        <table\n            width=\"100%\"\n            height=\"100%\"\n            cellpadding=\"0\"\n            cellspacing=\"0\"\n            border=\"0\"\n            class=\"product-card-wrapper\">\n            <tr>\n                <td\n                    class=\"product-attribute-cell\"\n                    valign=\"top\">\n                    <table cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" width=\"100%\">\n                        <tbody>\n                            {-{-PRODUCT_CONTENT-}-}\n                        </tbody>\n                    </table>\n                </td>\n            </tr>\n        </table>\n    </td>\n";
 export declare const DEFAULT_CARD_COMPOSITION: string[];
+/**
+ * Default visibility settings for card composition elements
+ * Omnibus Price and Omnibus Discount are hidden by default
+ */
+export declare const DEFAULT_CARD_VISIBILITY: Record<string, boolean>;
 export declare function getDefaultProducts(): RecommendationProduct[];
 /**
  * Core template generation logic that works with any element renderer

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

@@ -12,8 +12,9 @@
 import { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
 /**
  * Factory function to create text align controls for different block elements
+ * When targetBlockId and containerSelector are not provided, applies directly to root
  */
-export declare function createTextAlignControl(controlId: string, targetBlockId: string, containerSelector: string): {
+export declare function createTextAlignControl(controlId: string, targetBlockId?: string, containerSelector?: string): {
     new (): {
         getId(): string;
         getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
@@ -27,8 +28,9 @@ export declare function createTextAlignControl(controlId: string, targetBlockId:
 };
 /**
  * Factory function to create text color controls for different block elements
+ * When targetBlockId and containerSelector are not provided, applies directly to root
  */
-export declare function createTextColorControl(controlId: string, targetBlockId: string, containerSelector?: string): {
+export declare function createTextColorControl(controlId: string, targetBlockId?: string, containerSelector?: string): {
     new (): {
         getId(): string;
         getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
@@ -42,8 +44,9 @@ export declare function createTextColorControl(controlId: string, targetBlockId:
 };
 /**
  * Factory function to create text size controls for different block elements
+ * When targetBlockId and containerSelector are not provided, applies directly to root
  */
-export declare function createTextSizeControl(controlId: string, targetBlockId: string, containerSelector?: string): {
+export declare function createTextSizeControl(controlId: string, targetBlockId?: string, containerSelector?: string): {
     new (): {
         getId(): string;
         getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
@@ -57,8 +60,9 @@ export declare function createTextSizeControl(controlId: string, targetBlockId:
 };
 /**
  * Factory function to create text style controls for different block elements
+ * When targetBlockId and containerSelector are not provided, applies directly to root
  */
-export declare function createTextStyleControl(controlId: string, targetBlockId: string, containerSelector?: string): {
+export declare function createTextStyleControl(controlId: string, targetBlockId?: string, containerSelector?: string): {
     new (): {
         getId(): string;
         getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
@@ -72,8 +76,9 @@ export declare function createTextStyleControl(controlId: string, targetBlockId:
 };
 /**
  * Factory function to create text font family controls for different block elements
+ * When targetBlockId and containerSelector are not provided, applies directly to root
  */
-export declare function createTextFontFamilyControl(controlId: string, targetBlockId: string, containerSelector?: string): {
+export declare function createTextFontFamilyControl(controlId: string, targetBlockId?: string, containerSelector?: string): {
     new (): {
         getId(): string;
         getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
@@ -87,8 +92,9 @@ export declare function createTextFontFamilyControl(controlId: string, targetBlo
 };
 /**
  * Factory function to create text background color controls for different block elements
+ * When targetBlockId and containerSelector are not provided, applies directly to root
  */
-export declare function createTextBackgroundColorControl(controlId: string, targetBlockId: string, containerSelector?: string): {
+export declare function createTextBackgroundColorControl(controlId: string, targetBlockId?: string, containerSelector?: string): {
     new (): {
         getId(): string;
         getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
@@ -102,8 +108,25 @@ export declare function createTextBackgroundColorControl(controlId: string, targ
 };
 /**
  * Factory function to create paddings controls for different block elements
+ * When targetBlockId and containerSelector are not provided, applies directly to root
  */
-export declare function createPaddingsControl(controlId: string, targetBlockId: string, containerSelector?: string): {
+export declare function createPaddingsControl(controlId: string, targetBlockId?: string, containerSelector?: string): {
+    new (): {
+        getId(): string;
+        getTargetNodes(root: ImmutableHtmlNode): 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: ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
+        isVisible(_node: ImmutableHtmlNode): boolean;
+    };
+};
+/**
+ * Factory function to create text line spacing controls for different block elements
+ * When targetBlockId and containerSelector are not provided, applies directly to root
+ */
+export declare function createTextLineSpacingControl(controlId: string, targetBlockId?: string, containerSelector?: string): {
     new (): {
         getId(): string;
         getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];

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;
@@ -95,9 +95,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;
     /**
@@ -189,9 +186,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;
     /**
@@ -283,9 +277,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;
     /**
@@ -377,9 +368,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;
     /**
@@ -471,9 +459,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;
     /**
@@ -565,9 +550,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;
     /**
@@ -659,9 +641,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;
     /**
@@ -753,105 +732,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[];
-            };
-            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
      */
@@ -941,9 +823,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;
     /**
@@ -1035,9 +914,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;
     /**
@@ -1129,9 +1005,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;
     /**
@@ -1223,9 +1096,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;
     /**
@@ -1317,9 +1187,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;
     /**
@@ -1411,9 +1278,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;
     /**
@@ -1505,9 +1369,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;
     /**
@@ -1599,9 +1460,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;
     /**
@@ -1693,9 +1551,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

@@ -23,6 +23,19 @@ const n = `.esd-x,
 .ins-recommendation-v3-block-v2 .product-attribute-cell 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
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "2.0.0-beta.6b24cb0",
+  "version": "2.0.0-beta.6b85cb2",
   "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",

package/dist/extensions/Blocks/Recommendation/controls/button/align.js

@@ -1,13 +0,0 @@
-import { ButtonAlignBuiltInControl as t } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { RecommendationControlId as e, RecommendationBlockId as n } from "../../constants.js";
-class c extends t {
-  getId() {
-    return e.BUTTON_ALIGN;
-  }
-  getTargetNodes(o) {
-    return o.closest(".ins-recommendation-product-container").querySelectorAll(`[esd-extension-block-id="${n.BUTTON}"]`);
-  }
-}
-export {
-  c as ButtonAlignControl
-};