@useinsider/guido 1.0.3-beta.413aef4 → 1.0.3-beta.46b1cdf

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

@@ -0,0 +1,28 @@
+import { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
+import { CommonControl } from '../common-control';
+export declare const COMPOSITION_CONTROL_BLOCK_ID = "ui-elements-recommendation-card-composition";
+export interface CardCompositionItem {
+    key: string;
+    label: string;
+    visible: boolean;
+}
+export declare class RecommendationCardCompositionControl extends CommonControl {
+    private currentComposition;
+    private currentVisibility;
+    getId(): string;
+    getTemplate(): string;
+    onRender(): void;
+    onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
+    /**
+     * Initialize the composition order and visibility from the block or use defaults
+     */
+    private _initializeComposition;
+    /**
+     * Apply the reordered composition to the block's HTML structure
+     */
+    private _applyCompositionToBlock;
+    /**
+     * Apply visibility changes to the block's HTML structure
+     */
+    private _applyVisibilityToBlock;
+}

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

@@ -0,0 +1,51 @@
+/**
+ * Block IDs used in the Recommendation Extension
+ * These IDs are used in the esd-extension-block-id attribute to identify specific blocks
+ */
+export declare enum RecommendationBlockId {
+    BUTTON = "recommendation-block-button",
+    NAME = "recommendation-block-name",
+    PRICE = "recommendation-block-price",
+    OLD_PRICE = "recommendation-block-old-price",
+    IMAGE = "recommendation-block-image"
+}
+/**
+ * Control IDs used in the Recommendation Extension
+ * These IDs are returned by the getId() method of each control
+ */
+export declare enum RecommendationControlId {
+    BUTTON_ALIGN = "recommendation-block-button-align-control",
+    BUTTON_BORDER = "recommendation-block-button-border-control",
+    BUTTON_BORDER_RADIUS = "recommendation-block-button-border-radius-control",
+    BUTTON_COLOR = "recommendation-block-button-color-control",
+    BUTTON_FIT_TO_CONTENT = "recommendation-block-button-fit-to-content-control",
+    BUTTON_FONT_FAMILY = "recommendation-block-button-font-family-control",
+    BUTTON_MARGINS = "recommendation-block-button-margins-control",
+    BUTTON_PADDINGS = "recommendation-block-button-paddings-control",
+    BUTTON_TEXT = "recommendation-block-button-text-control",
+    BUTTON_TEXT_SIZE = "recommendation-block-button-text-size-control",
+    BUTTON_TEXT_STYLE_AND_FONT_COLOR = "recommendation-block-button-text-style-and-font-color-control",
+    NAME_ALIGN = "recommendation-block-name-align-control",
+    NAME_BACKGROUND = "recommendation-block-name-background-control",
+    NAME_COLOR = "recommendation-block-name-color-control",
+    NAME_FONT_FAMILY = "recommendation-block-name-font-family-control",
+    NAME_PADDINGS = "recommendation-block-name-paddings-control",
+    NAME_SIZE = "recommendation-block-name-size-control",
+    NAME_STYLE = "recommendation-block-name-style-control",
+    PRICE_ALIGN = "recommendation-block-price-align-control",
+    PRICE_BACKGROUND = "recommendation-block-price-background-control",
+    PRICE_COLOR = "recommendation-block-price-color-control",
+    PRICE_FONT_FAMILY = "recommendation-block-price-font-family-control",
+    PRICE_PADDINGS = "recommendation-block-price-paddings-control",
+    PRICE_SIZE = "recommendation-block-price-size-control",
+    PRICE_STYLE = "recommendation-block-price-style-control",
+    OLD_PRICE_ALIGN = "recommendation-block-old-price-align-control",
+    OLD_PRICE_BACKGROUND = "recommendation-block-old-price-background-control",
+    OLD_PRICE_COLOR = "recommendation-block-old-price-color-control",
+    OLD_PRICE_FONT_FAMILY = "recommendation-block-old-price-font-family-control",
+    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",
+    IMAGE_SIZE = "recommendation-block-image-size-control",
+    IMAGE_MARGINS = "recommendation-block-image-margins-control"
+}

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

@@ -21,6 +21,12 @@ export declare class RecommendationBlockControl extends CommonControl {
     _onFilterChange(value: boolean): void;
     _onFilterSelectClick(): void;
     _onDataChange(item: string, value: string | number | string[]): void;
+    /**
+     * Get the current card composition from block data attribute or use default
+     */
+    _getCardComposition(): string[];
+    _regenerateProductRows(): void;
+    _debouncedRegenerateProductRows: import("@vueuse/shared").PromisifyFn<() => void>;
     _onCurrencyConfigChange(item: string, value: string | number): void;
     _onCurrencyChange(value: string): void;
     _setProductIdsVisibility(): 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

@@ -0,0 +1,16 @@
+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";
+export declare function getDefaultTemplate(): string;
+/**
+ * Generates a custom 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
+ * @param composition - Optional array defining order of card elements
+ * @returns Complete HTML template
+ */
+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 default blockTemplate;

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

@@ -0,0 +1,16 @@
+import type { RecommendationProduct } from '@@/Types/recommendation';
+import { DEFAULTS, getDefaultProducts } from './templateUtils';
+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";
+export declare function getMigrationTemplate(): string;
+/**
+ * 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
+ * @param composition - Optional array defining order of card elements
+ * @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 default migrationTemplate;

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

@@ -0,0 +1,44 @@
+import type { RecommendationProduct } from '@@/Types/recommendation';
+export interface ElementRenderer {
+    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;
+    blockTemplate: string;
+    productRow: string;
+    productCardWrapper: string;
+    elementRenderer: ElementRenderer;
+}
+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 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[];
+export declare function getDefaultProducts(): RecommendationProduct[];
+/**
+ * Core template generation logic that works with any element renderer
+ * @param products - Array of products to display
+ * @param productsPerRow - Number of products per row
+ * @param elementRenderer - Object with methods to render each product element
+ * @param composition - Optional array defining order of card elements
+ * @returns HTML string for product rows
+ */
+export declare function prepareProductRows(products: RecommendationProduct[], productsPerRow: number, elementRenderer: ElementRenderer, composition?: string[]): string;
+/**
+ * Generates complete HTML template with dynamic products and layout
+ * @param blockTemplate - The base block template string
+ * @param products - Array of products to display
+ * @param productsPerRow - Number of products per row
+ * @param elementRenderer - Element renderer for generating product HTML
+ * @param title - Title for the block
+ * @param composition - Optional array defining order of card elements
+ * @returns Complete HTML template
+ */
+export declare function generateTemplate(blockTemplate: string, products: RecommendationProduct[], productsPerRow: number, elementRenderer: ElementRenderer, title?: string, composition?: string[]): string;

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

@@ -62,5 +62,26 @@ export declare abstract class CommonControl extends Control {
      */
     _GuIconButton({ name, icon, className }: IconButtonProps): string;
     _GuTwoColumns(children: string[]): string;
+    /**
+     * Creates an orderable (sortable) list control
+     * @param name - The control name for value binding
+     * @param items - Array of item keys/values
+     * @param itemLabels - Optional array of objects with key and label properties for display
+     * @returns HTML string for the orderable control
+     */
+    _GuOrderable(name: string, items: {
+        key: string;
+        label: string;
+        content: string;
+    }[]): string;
+    _GuNestedControl(id: string, content: string): string;
+    _GuExpandable(label: string, content: string): string;
+    _GuColorPicker(name: string): string;
+    _GuFontFamily(name: string, placeholder?: string): string;
+    _GuRadioButtons(name: string, buttons: {
+        text: string;
+        value: string;
+    }[]): string;
+    _GuCheckbox(name: string, caption: string): string;
 }
 export {};

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

@@ -64,6 +64,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"config", S
                 senderName: string;
                 subject: string;
             };
+            migrationDate: number;
             partner?: {
                 partnerName: string;
                 productType: number;

package/dist/src/utils/dateUtil.d.ts

@@ -1 +1,22 @@
+/**
+ * Locale List:
+ * en-US -> MM/DD/YYYY
+ * en-GB -> DD/MM/YYYY
+ * tr-TR -> DD.MM.YYYY
+ */
+export declare const convertToDateObject: (date: string | number | Date | null | undefined) => Date;
+export declare const locale: () => string;
+export declare const localTz: string;
+export declare const timezone: () => string;
+export declare const hour12: () => boolean;
+export declare const dateFormat: () => string;
+/**
+ * @example 04/22/2024
+ * @param date - The date or timestamp input
+ * @param specificLocale - Locale to use for formatting
+ * @param tz - Timezone [window.l10n.timezone]
+ * @returns Formatted date string
+ */
+export declare const formatShortDate: (date: string | number | Date, specificLocale?: string, tz?: string) => string;
 export declare const formatPatchDate: (timestamp: number) => string;
+export declare const isAfterDate: (timestamp: number) => boolean;

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

@@ -18,6 +18,11 @@ const n = `.esd-x,
     border-radius: 0;
     box-shadow: none;
 }
+
+.ins-recommendation-v3-block-v2 .product-attribute-cell ue-node-actions,
+.ins-recommendation-v3-block-v2 .product-attribute-cell ue-node-panel {
+    display: none !important;
+}
 `;
 export {
   n as default

package/dist/utils/dateUtil.js

@@ -1,4 +1,19 @@
-const o = (t) => {
+import { DEFAULT_LOCALE as r, DEFAULT as a, DEFAULT_TZ as c } from "../enums/date.js";
+const m = (t) => t ? t instanceof Date ? t : typeof t == "string" ? t.length === 10 ? new Date(Number(t) * 1e3) : new Date(t) : typeof t == "number" ? t.toString().length === 10 ? new Date(t * 1e3) : new Date(t) : /* @__PURE__ */ new Date() : /* @__PURE__ */ new Date(), s = () => {
+  const t = window.l10n;
+  return (t == null ? void 0 : t.locale) === a ? r : (t == null ? void 0 : t.locale) || r;
+}, u = new Intl.DateTimeFormat().resolvedOptions().timeZone, f = () => {
+  const t = window.l10n;
+  return (t == null ? void 0 : t.timezone) || u || c;
+}, D = (t, e = s(), n = f()) => {
+  const o = {
+    year: "numeric",
+    month: "2-digit",
+    day: "2-digit",
+    timeZone: n
+  }, i = m(t);
+  return new Intl.DateTimeFormat(e, o).format(i);
+}, T = (t) => {
   if (!t)
     return "";
   const e = new Date(t);
@@ -10,7 +25,13 @@ const o = (t) => {
     second: "2-digit",
     hour12: !1
   }).format(e);
-};
+}, h = (t) => t ? Math.floor(Date.now() / 1e3) >= t : !1;
 export {
-  o as formatPatchDate
+  m as convertToDateObject,
+  T as formatPatchDate,
+  D as formatShortDate,
+  h as isAfterDate,
+  u as localTz,
+  s as locale,
+  f as timezone
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "1.0.3-beta.413aef4",
+  "version": "1.0.3-beta.46b1cdf",
   "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",
@@ -31,7 +31,7 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@stripoinc/ui-editor-extensions": "3.0.0",
+    "@stripoinc/ui-editor-extensions": "3.1.0",
     "@useinsider/design-system-vue": "0.14.20",
     "@vueuse/core": "11.3.0",
     "lodash-es": "4.17.21",
@@ -83,7 +83,7 @@
   },
   "guido": {
     "stripo": {
-      "version": "2.43.0"
+      "version": "2.42.0"
     }
   }
 }