@useinsider/guido 2.0.0-beta.5da4dde → 2.0.0-beta.689d09e

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

@@ -1,14 +1,3 @@
-/**
- * Attribute type constants used in templates
- * These are used as keys in ElementRenderer and composition arrays
- */
-export declare const ATTR_PRODUCT_IMAGE = "productImage";
-export declare const ATTR_PRODUCT_NAME = "productName";
-export declare const ATTR_PRODUCT_PRICE = "productPrice";
-export declare const ATTR_PRODUCT_OLD_PRICE = "productOldPrice";
-export declare const ATTR_PRODUCT_OMNIBUS_PRICE = "productOmnibusPrice";
-export declare const ATTR_PRODUCT_OMNIBUS_DISCOUNT = "productOmnibusDiscount";
-export declare const ATTR_PRODUCT_BUTTON = "productButton";
 /**
  * Block IDs used in the Recommendation Extension
  * These IDs are used in the esd-extension-block-id attribute to identify specific blocks
@@ -18,8 +7,6 @@ export declare enum RecommendationBlockId {
     NAME = "recommendation-block-name",
     PRICE = "recommendation-block-price",
     OLD_PRICE = "recommendation-block-old-price",
-    OMNIBUS_PRICE = "recommendation-block-omnibus-price",
-    OMNIBUS_DISCOUNT = "recommendation-block-omnibus-discount",
     IMAGE = "recommendation-block-image"
 }
 /**
@@ -45,7 +32,6 @@ export declare enum RecommendationControlId {
     NAME_PADDINGS = "recommendation-block-name-paddings-control",
     NAME_SIZE = "recommendation-block-name-size-control",
     NAME_STYLE = "recommendation-block-name-style-control",
-    NAME_TEXT_TRIM = "recommendation-block-name-text-trim-control",
     PRICE_ALIGN = "recommendation-block-price-align-control",
     PRICE_BACKGROUND = "recommendation-block-price-background-control",
     PRICE_COLOR = "recommendation-block-price-color-control",
@@ -60,24 +46,6 @@ export declare enum RecommendationControlId {
     OLD_PRICE_PADDINGS = "recommendation-block-old-price-paddings-control",
     OLD_PRICE_SIZE = "recommendation-block-old-price-size-control",
     OLD_PRICE_STYLE = "recommendation-block-old-price-style-control",
-    OMNIBUS_PRICE_ALIGN = "recommendation-block-omnibus-price-align-control",
-    OMNIBUS_PRICE_BACKGROUND = "recommendation-block-omnibus-price-background-control",
-    OMNIBUS_PRICE_COLOR = "recommendation-block-omnibus-price-color-control",
-    OMNIBUS_PRICE_FONT_FAMILY = "recommendation-block-omnibus-price-font-family-control",
-    OMNIBUS_PRICE_PADDINGS = "recommendation-block-omnibus-price-paddings-control",
-    OMNIBUS_PRICE_SIZE = "recommendation-block-omnibus-price-size-control",
-    OMNIBUS_PRICE_STYLE = "recommendation-block-omnibus-price-style-control",
-    OMNIBUS_PRICE_TEXT_BEFORE = "recommendation-block-omnibus-price-text-before-control",
-    OMNIBUS_PRICE_TEXT_AFTER = "recommendation-block-omnibus-price-text-after-control",
-    OMNIBUS_DISCOUNT_ALIGN = "recommendation-block-omnibus-discount-align-control",
-    OMNIBUS_DISCOUNT_BACKGROUND = "recommendation-block-omnibus-discount-background-control",
-    OMNIBUS_DISCOUNT_COLOR = "recommendation-block-omnibus-discount-color-control",
-    OMNIBUS_DISCOUNT_FONT_FAMILY = "recommendation-block-omnibus-discount-font-family-control",
-    OMNIBUS_DISCOUNT_PADDINGS = "recommendation-block-omnibus-discount-paddings-control",
-    OMNIBUS_DISCOUNT_SIZE = "recommendation-block-omnibus-discount-size-control",
-    OMNIBUS_DISCOUNT_STYLE = "recommendation-block-omnibus-discount-style-control",
-    OMNIBUS_DISCOUNT_TEXT_BEFORE = "recommendation-block-omnibus-discount-text-before-control",
-    OMNIBUS_DISCOUNT_TEXT_AFTER = "recommendation-block-omnibus-discount-text-after-control",
     IMAGE_SIZE = "recommendation-block-image-size-control",
     IMAGE_MARGINS = "recommendation-block-image-margins-control"
 }

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

@@ -17,6 +17,8 @@ export declare class RecommendationBlockControl extends CommonControl {
     _getProductLayout(): string;
     _getFilterStatus(): string;
     _getShuffleProducts(): string;
+    _getResponsive(): string;
+    _onFilterChange(value: boolean): void;
     _onFilterSelectClick(): void;
     _onDataChange(item: string, value: string | number | string[]): void;
     /**
@@ -24,11 +26,6 @@ export declare class RecommendationBlockControl extends CommonControl {
      */
     _getCardComposition(): string[];
     _regenerateProductRows(): void;
-    /**
-     * Reapply spacing values after product regeneration
-     * This ensures spacing persists when products are regenerated
-     */
-    _reapplySpacing(): void;
     _debouncedRegenerateProductRows: import("@vueuse/shared").PromisifyFn<() => void>;
     _onCurrencyConfigChange(item: string, value: string | number): void;
     _onCurrencyChange(value: string): void;

package/dist/src/extensions/Blocks/Recommendation/controls/button/align.d.ts

@@ -0,0 +1,5 @@
+import { ImmutableHtmlNode, ButtonAlignBuiltInControl } from '@stripoinc/ui-editor-extensions';
+export declare class ButtonAlignControl extends ButtonAlignBuiltInControl {
+    getId(): string;
+    getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
+}

package/dist/src/extensions/Blocks/Recommendation/controls/button/border.d.ts

@@ -0,0 +1,5 @@
+import { ImmutableHtmlNode, ButtonBorderBuiltInControl } from '@stripoinc/ui-editor-extensions';
+export declare class ButtonBorderControl extends ButtonBorderBuiltInControl {
+    getId(): string;
+    getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
+}

package/dist/src/extensions/Blocks/Recommendation/controls/button/borderRadius.d.ts

@@ -0,0 +1,5 @@
+import { ImmutableHtmlNode, ButtonBorderRadiusBuiltInControl } from '@stripoinc/ui-editor-extensions';
+export declare class ButtonBorderRadiusControl extends ButtonBorderRadiusBuiltInControl {
+    getId(): string;
+    getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
+}

package/dist/src/extensions/Blocks/Recommendation/controls/button/color.d.ts

@@ -0,0 +1,5 @@
+import { ImmutableHtmlNode, ButtonColorBuiltInControl } from '@stripoinc/ui-editor-extensions';
+export declare class ButtonColorControl extends ButtonColorBuiltInControl {
+    getId(): string;
+    getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
+}

package/dist/src/extensions/Blocks/Recommendation/controls/button/fitToContent.d.ts

@@ -0,0 +1,5 @@
+import { ImmutableHtmlNode, ButtonFitToContainerBuiltInControl } from '@stripoinc/ui-editor-extensions';
+export declare class ButtonFitToContentControl extends ButtonFitToContainerBuiltInControl {
+    getId(): string;
+    getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
+}

package/dist/src/extensions/Blocks/Recommendation/controls/button/fontFamily.d.ts

@@ -0,0 +1,5 @@
+import { ImmutableHtmlNode, ButtonFontFamilyBuiltInControl } from '@stripoinc/ui-editor-extensions';
+export declare class ButtonFontFamilyControl extends ButtonFontFamilyBuiltInControl {
+    getId(): string;
+    getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
+}

package/dist/src/extensions/Blocks/Recommendation/controls/button/margins.d.ts

@@ -0,0 +1,5 @@
+import { ImmutableHtmlNode, ButtonMarginsBuiltInControl } from '@stripoinc/ui-editor-extensions';
+export declare class ButtonMarginsControl extends ButtonMarginsBuiltInControl {
+    getId(): string;
+    getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
+}

package/dist/src/extensions/Blocks/Recommendation/controls/button/paddings.d.ts

@@ -0,0 +1,5 @@
+import { ImmutableHtmlNode, ButtonPaddingsBuiltInControl } from '@stripoinc/ui-editor-extensions';
+export declare class ButtonPaddingsControl extends ButtonPaddingsBuiltInControl {
+    getId(): string;
+    getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
+}

package/dist/src/extensions/Blocks/Recommendation/controls/button/text.d.ts

@@ -0,0 +1,5 @@
+import { ImmutableHtmlNode, ButtonTextBuiltInControl } from '@stripoinc/ui-editor-extensions';
+export declare class ButtonTextControl extends ButtonTextBuiltInControl {
+    getId(): string;
+    getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
+}

package/dist/src/extensions/Blocks/Recommendation/controls/button/textSize.d.ts

@@ -0,0 +1,5 @@
+import { ImmutableHtmlNode, ButtonTextSizeBuiltInControl } from '@stripoinc/ui-editor-extensions';
+export declare class ButtonTextSizeControl extends ButtonTextSizeBuiltInControl {
+    getId(): string;
+    getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
+}

package/dist/src/extensions/Blocks/Recommendation/controls/button/textStyleAndFontColor.d.ts

@@ -0,0 +1,5 @@
+import { ImmutableHtmlNode, ButtonTextStyleAndFontColorBuiltInControl } from '@stripoinc/ui-editor-extensions';
+export declare class ButtonTextStyleAndFontColorControl extends ButtonTextStyleAndFontColorBuiltInControl {
+    getId(): string;
+    getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
+}

package/dist/src/extensions/Blocks/Recommendation/controls/image/margins.d.ts

@@ -0,0 +1,5 @@
+import { ImmutableHtmlNode, ImageMarginsBuiltInControl } from '@stripoinc/ui-editor-extensions';
+export declare class ImageMarginsControl extends ImageMarginsBuiltInControl {
+    getId(): string;
+    getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
+}

package/dist/src/extensions/Blocks/Recommendation/controls/image/size.d.ts

@@ -0,0 +1,5 @@
+import { ImmutableHtmlNode, ImageSizeBuiltInControl } from '@stripoinc/ui-editor-extensions';
+export declare class ImageSizeControl extends ImageSizeBuiltInControl {
+    getId(): string;
+    getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
+}

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

@@ -0,0 +1,5 @@
+import { ImmutableHtmlNode, TextAlignBuiltInControl } from '@stripoinc/ui-editor-extensions';
+export declare class NameAlignControl extends TextAlignBuiltInControl {
+    getId(): string;
+    getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
+}

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

@@ -0,0 +1,5 @@
+import { ImmutableHtmlNode, TextBlockBackgroundBuiltInControl } from '@stripoinc/ui-editor-extensions';
+export declare class NameBackgroundControl extends TextBlockBackgroundBuiltInControl {
+    getId(): string;
+    getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
+}

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

@@ -0,0 +1,5 @@
+import { ImmutableHtmlNode, TextColorBuiltInControl } from '@stripoinc/ui-editor-extensions';
+export declare class NameColorControl extends TextColorBuiltInControl {
+    getId(): string;
+    getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
+}

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

@@ -0,0 +1,5 @@
+import { ImmutableHtmlNode, TextFontFamilyBuiltInControl } from '@stripoinc/ui-editor-extensions';
+export declare class NameFontFamilyControl extends TextFontFamilyBuiltInControl {
+    getId(): string;
+    getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
+}

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

@@ -0,0 +1,5 @@
+import { ImmutableHtmlNode, TextPaddingsBuiltInControl } from '@stripoinc/ui-editor-extensions';
+export declare class NamePaddingsControl extends TextPaddingsBuiltInControl {
+    getId(): string;
+    getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
+}

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

@@ -0,0 +1,5 @@
+import { ImmutableHtmlNode, TextSizeBuiltInControl } from '@stripoinc/ui-editor-extensions';
+export declare class NameSizeControl extends TextSizeBuiltInControl {
+    getId(): string;
+    getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
+}

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

@@ -0,0 +1,5 @@
+import { ImmutableHtmlNode, TextStyleBuiltInControl } from '@stripoinc/ui-editor-extensions';
+export declare class NameStyleControl extends TextStyleBuiltInControl {
+    getId(): string;
+    getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
+}

package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/align.d.ts

@@ -0,0 +1,5 @@
+import { ImmutableHtmlNode, TextAlignBuiltInControl } from '@stripoinc/ui-editor-extensions';
+export declare class OldPriceAlignControl extends TextAlignBuiltInControl {
+    getId(): string;
+    getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
+}

package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/background.d.ts

@@ -0,0 +1,5 @@
+import { ImmutableHtmlNode, TextBlockBackgroundBuiltInControl } from '@stripoinc/ui-editor-extensions';
+export declare class OldPriceBackgroundControl extends TextBlockBackgroundBuiltInControl {
+    getId(): string;
+    getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
+}

package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/color.d.ts

@@ -0,0 +1,5 @@
+import { ImmutableHtmlNode, TextColorBuiltInControl } from '@stripoinc/ui-editor-extensions';
+export declare class OldPriceColorControl extends TextColorBuiltInControl {
+    getId(): string;
+    getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
+}

package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/fontFamily.d.ts

@@ -0,0 +1,5 @@
+import { ImmutableHtmlNode, TextFontFamilyBuiltInControl } from '@stripoinc/ui-editor-extensions';
+export declare class OldPriceFontFamilyControl extends TextFontFamilyBuiltInControl {
+    getId(): string;
+    getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
+}

package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/paddings.d.ts

@@ -0,0 +1,5 @@
+import { ImmutableHtmlNode, TextPaddingsBuiltInControl } from '@stripoinc/ui-editor-extensions';
+export declare class OldPricePaddingsControl extends TextPaddingsBuiltInControl {
+    getId(): string;
+    getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
+}

package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/size.d.ts

@@ -0,0 +1,5 @@
+import { ImmutableHtmlNode, TextSizeBuiltInControl } from '@stripoinc/ui-editor-extensions';
+export declare class OldPriceSizeControl extends TextSizeBuiltInControl {
+    getId(): string;
+    getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
+}

package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/style.d.ts

@@ -0,0 +1,5 @@
+import { ImmutableHtmlNode, TextStyleBuiltInControl } from '@stripoinc/ui-editor-extensions';
+export declare class OldPriceStyleControl extends TextStyleBuiltInControl {
+    getId(): string;
+    getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
+}

package/dist/src/extensions/Blocks/Recommendation/controls/price/align.d.ts

@@ -0,0 +1,5 @@
+import { ImmutableHtmlNode, TextAlignBuiltInControl } from '@stripoinc/ui-editor-extensions';
+export declare class PriceAlignControl extends TextAlignBuiltInControl {
+    getId(): string;
+    getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
+}

package/dist/src/extensions/Blocks/Recommendation/controls/price/background.d.ts

@@ -0,0 +1,5 @@
+import { ImmutableHtmlNode, TextBlockBackgroundBuiltInControl } from '@stripoinc/ui-editor-extensions';
+export declare class PriceBackgroundControl extends TextBlockBackgroundBuiltInControl {
+    getId(): string;
+    getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
+}

package/dist/src/extensions/Blocks/Recommendation/controls/price/color.d.ts

@@ -0,0 +1,5 @@
+import { ImmutableHtmlNode, TextColorBuiltInControl } from '@stripoinc/ui-editor-extensions';
+export declare class PriceColorControl extends TextColorBuiltInControl {
+    getId(): string;
+    getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
+}

package/dist/src/extensions/Blocks/Recommendation/controls/price/fontFamily.d.ts

@@ -0,0 +1,5 @@
+import { ImmutableHtmlNode, TextFontFamilyBuiltInControl } from '@stripoinc/ui-editor-extensions';
+export declare class PriceFontFamilyControl extends TextFontFamilyBuiltInControl {
+    getId(): string;
+    getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
+}

package/dist/src/extensions/Blocks/Recommendation/controls/price/paddings.d.ts

@@ -0,0 +1,5 @@
+import { ImmutableHtmlNode, TextPaddingsBuiltInControl } from '@stripoinc/ui-editor-extensions';
+export declare class PricePaddingsControl extends TextPaddingsBuiltInControl {
+    getId(): string;
+    getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
+}

package/dist/src/extensions/Blocks/Recommendation/controls/price/size.d.ts

@@ -0,0 +1,5 @@
+import { ImmutableHtmlNode, TextSizeBuiltInControl } from '@stripoinc/ui-editor-extensions';
+export declare class PriceSizeControl extends TextSizeBuiltInControl {
+    getId(): string;
+    getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
+}

package/dist/src/extensions/Blocks/Recommendation/controls/price/style.d.ts

@@ -0,0 +1,5 @@
+import { ImmutableHtmlNode, TextStyleBuiltInControl } from '@stripoinc/ui-editor-extensions';
+export declare class PriceStyleControl extends TextStyleBuiltInControl {
+    getId(): string;
+    getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
+}

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, 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";
+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";
 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, DEFAULT_CARD_VISIBILITY, getDefaultProducts, };
+export { DEFAULTS, DEFAULT_CARD_COMPOSITION, getDefaultProducts, };
 export default blockTemplate;

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

@@ -1,13 +1,10 @@
 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 {
-    [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;
+    productImage: (product: RecommendationProduct) => string;
+    productName: (product: RecommendationProduct) => string;
+    productPrice: (product: RecommendationProduct) => string;
+    productOldPrice: (product: RecommendationProduct) => string;
+    productButton: (product: RecommendationProduct) => string;
 }
 export interface TemplateConfig {
     spacer: string;
@@ -20,15 +17,10 @@ export declare const DEFAULTS: {
     TITLE: string;
     DESCRIPTION: string;
 };
-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 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 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/common-control.d.ts

@@ -56,25 +56,24 @@ export declare abstract class CommonControl extends Control {
     onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
     onDestroy(): void;
     /**
-     * Gets the config block element from the current node.
-     * @returns The config block element or null if not found
+     * Gets the Items block container element from the current node.
+     * @returns The container element or null if not found
      */
-    protected getConfigBlock(): ImmutableHtmlElementNode | null;
+    protected getItemsBlockContainer(): ImmutableHtmlElementNode | null;
     /**
-     * Gets the current block instance ID from the config block.
-     * @param blockInstanceIdAttribute - The attribute name for block instance ID (default: 'data-block-instance-id')
+     * Gets the current block instance ID from the node config (Stripo V2).
      * @returns The block instance ID or null if not found
      */
-    protected getBlockInstanceId(blockInstanceIdAttribute?: string): string | null;
+    protected getBlockInstanceId(): string | null;
     /**
      * Handles block instance change detection and syncing.
-     * 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)
+     * 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)
      * @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, blockInstanceIdAttribute?: string): boolean;
+    protected handleBlockInstanceChange(syncFunction: (node: ImmutableHtmlNode) => void, updateUI: () => void): boolean;
     _GuLabel({ text, name, position }: LabelProps): string;
     _GuToggle(name: string): string;
     _GuSelectItem({ text, value }: {