@useinsider/guido 1.0.3-beta.dbf4a88 → 1.0.3-beta.ddb7e87

package/dist/src/extensions/Blocks/Recommendation/store/recommendation.d.ts

@@ -0,0 +1,555 @@
+import type { Orientation, Languages, Currency, NumericSeparator, FiltersResponse, Filter, RecommendationProduct } from '@@/Types/recommendation';
+interface StoreState {
+    recommendationCampaignUrls: Record<string, string>;
+    recommendationConfigs: {
+        cardsInRow: number;
+        currencySettings: {
+            name: string;
+            value: string;
+            symbol: string;
+            alignment: string;
+            decimalCount: string;
+            decimalSeparator: NumericSeparator;
+            thousandSeparator: NumericSeparator;
+        };
+        filters: Filter[];
+        id: number;
+        language: string;
+        orientation: Orientation;
+        productIds: string[];
+        recommendedProducts: [];
+        sendProductRequestFlag: false;
+        shuffleProducts: false;
+        strategy: string;
+        textTrimming: boolean;
+        unresponsive: boolean;
+        size: string;
+    };
+    recommendationProducts: RecommendationProduct[];
+    activePredictiveAlgorithms: number[];
+    languages: Languages;
+    currencyList: Currency[];
+    filterStatus: boolean;
+    filterSelectionDrawerStatus: boolean;
+    filterList: FiltersResponse;
+    filterGroup: number;
+}
+export declare const useRecommendationExtensionStore: import("pinia").StoreDefinition<"guidoRecommendationExtension", StoreState, {
+    hasFilters: (state: {
+        recommendationCampaignUrls: Record<string, string>;
+        recommendationConfigs: {
+            cardsInRow: number;
+            currencySettings: {
+                name: string;
+                value: string;
+                symbol: string;
+                alignment: string;
+                decimalCount: string;
+                decimalSeparator: NumericSeparator;
+                thousandSeparator: NumericSeparator;
+            };
+            filters: {
+                type: string;
+                attribute: string;
+                operatorReplace: string;
+                operator: string;
+                innerGroupOperator: string;
+                outerGroupOperator: string;
+                value: string;
+                filterGroup: number;
+                filterNumber: number;
+                isValid: boolean;
+            }[];
+            id: number;
+            language: string;
+            orientation: Orientation;
+            productIds: string[];
+            recommendedProducts: [];
+            sendProductRequestFlag: false;
+            shuffleProducts: false;
+            strategy: string;
+            textTrimming: boolean;
+            unresponsive: boolean;
+            size: string;
+        };
+        recommendationProducts: {
+            image_url: string;
+            name: string;
+            item_id: string;
+            url: string;
+            in_stock: number;
+            price: {
+                [key: string]: number;
+            };
+            locale: string;
+            product_attributes: {
+                [key: string]: string;
+            };
+            category: string[];
+            discount: {
+                [key: string]: number;
+            };
+            original_price: {
+                [key: string]: number;
+            };
+        }[];
+        activePredictiveAlgorithms: number[];
+        languages: Languages;
+        currencyList: {
+            text: string;
+            value: string;
+        }[];
+        filterStatus: boolean;
+        filterSelectionDrawerStatus: boolean;
+        filterList: FiltersResponse;
+        filterGroup: number;
+    } & import("pinia").PiniaCustomStateProperties<StoreState>) => boolean;
+    getFilterGroupCount: (state: {
+        recommendationCampaignUrls: Record<string, string>;
+        recommendationConfigs: {
+            cardsInRow: number;
+            currencySettings: {
+                name: string;
+                value: string;
+                symbol: string;
+                alignment: string;
+                decimalCount: string;
+                decimalSeparator: NumericSeparator;
+                thousandSeparator: NumericSeparator;
+            };
+            filters: {
+                type: string;
+                attribute: string;
+                operatorReplace: string;
+                operator: string;
+                innerGroupOperator: string;
+                outerGroupOperator: string;
+                value: string;
+                filterGroup: number;
+                filterNumber: number;
+                isValid: boolean;
+            }[];
+            id: number;
+            language: string;
+            orientation: Orientation;
+            productIds: string[];
+            recommendedProducts: [];
+            sendProductRequestFlag: false;
+            shuffleProducts: false;
+            strategy: string;
+            textTrimming: boolean;
+            unresponsive: boolean;
+            size: string;
+        };
+        recommendationProducts: {
+            image_url: string;
+            name: string;
+            item_id: string;
+            url: string;
+            in_stock: number;
+            price: {
+                [key: string]: number;
+            };
+            locale: string;
+            product_attributes: {
+                [key: string]: string;
+            };
+            category: string[];
+            discount: {
+                [key: string]: number;
+            };
+            original_price: {
+                [key: string]: number;
+            };
+        }[];
+        activePredictiveAlgorithms: number[];
+        languages: Languages;
+        currencyList: {
+            text: string;
+            value: string;
+        }[];
+        filterStatus: boolean;
+        filterSelectionDrawerStatus: boolean;
+        filterList: FiltersResponse;
+        filterGroup: number;
+    } & import("pinia").PiniaCustomStateProperties<StoreState>) => number;
+    getActivePredictiveAlgorithms: (state: {
+        recommendationCampaignUrls: Record<string, string>;
+        recommendationConfigs: {
+            cardsInRow: number;
+            currencySettings: {
+                name: string;
+                value: string;
+                symbol: string;
+                alignment: string;
+                decimalCount: string;
+                decimalSeparator: NumericSeparator;
+                thousandSeparator: NumericSeparator;
+            };
+            filters: {
+                type: string;
+                attribute: string;
+                operatorReplace: string;
+                operator: string;
+                innerGroupOperator: string;
+                outerGroupOperator: string;
+                value: string;
+                filterGroup: number;
+                filterNumber: number;
+                isValid: boolean;
+            }[];
+            id: number;
+            language: string;
+            orientation: Orientation;
+            productIds: string[];
+            recommendedProducts: [];
+            sendProductRequestFlag: false;
+            shuffleProducts: false;
+            strategy: string;
+            textTrimming: boolean;
+            unresponsive: boolean;
+            size: string;
+        };
+        recommendationProducts: {
+            image_url: string;
+            name: string;
+            item_id: string;
+            url: string;
+            in_stock: number;
+            price: {
+                [key: string]: number;
+            };
+            locale: string;
+            product_attributes: {
+                [key: string]: string;
+            };
+            category: string[];
+            discount: {
+                [key: string]: number;
+            };
+            original_price: {
+                [key: string]: number;
+            };
+        }[];
+        activePredictiveAlgorithms: number[];
+        languages: Languages;
+        currencyList: {
+            text: string;
+            value: string;
+        }[];
+        filterStatus: boolean;
+        filterSelectionDrawerStatus: boolean;
+        filterList: FiltersResponse;
+        filterGroup: number;
+    } & import("pinia").PiniaCustomStateProperties<StoreState>) => {
+        text: string;
+        value: string;
+    }[];
+    getLanguages: (state: {
+        recommendationCampaignUrls: Record<string, string>;
+        recommendationConfigs: {
+            cardsInRow: number;
+            currencySettings: {
+                name: string;
+                value: string;
+                symbol: string;
+                alignment: string;
+                decimalCount: string;
+                decimalSeparator: NumericSeparator;
+                thousandSeparator: NumericSeparator;
+            };
+            filters: {
+                type: string;
+                attribute: string;
+                operatorReplace: string;
+                operator: string;
+                innerGroupOperator: string;
+                outerGroupOperator: string;
+                value: string;
+                filterGroup: number;
+                filterNumber: number;
+                isValid: boolean;
+            }[];
+            id: number;
+            language: string;
+            orientation: Orientation;
+            productIds: string[];
+            recommendedProducts: [];
+            sendProductRequestFlag: false;
+            shuffleProducts: false;
+            strategy: string;
+            textTrimming: boolean;
+            unresponsive: boolean;
+            size: string;
+        };
+        recommendationProducts: {
+            image_url: string;
+            name: string;
+            item_id: string;
+            url: string;
+            in_stock: number;
+            price: {
+                [key: string]: number;
+            };
+            locale: string;
+            product_attributes: {
+                [key: string]: string;
+            };
+            category: string[];
+            discount: {
+                [key: string]: number;
+            };
+            original_price: {
+                [key: string]: number;
+            };
+        }[];
+        activePredictiveAlgorithms: number[];
+        languages: Languages;
+        currencyList: {
+            text: string;
+            value: string;
+        }[];
+        filterStatus: boolean;
+        filterSelectionDrawerStatus: boolean;
+        filterList: FiltersResponse;
+        filterGroup: number;
+    } & import("pinia").PiniaCustomStateProperties<StoreState>) => {
+        text: string;
+        value: string;
+    }[];
+    getCurrencySymbolList: (state: {
+        recommendationCampaignUrls: Record<string, string>;
+        recommendationConfigs: {
+            cardsInRow: number;
+            currencySettings: {
+                name: string;
+                value: string;
+                symbol: string;
+                alignment: string;
+                decimalCount: string;
+                decimalSeparator: NumericSeparator;
+                thousandSeparator: NumericSeparator;
+            };
+            filters: {
+                type: string;
+                attribute: string;
+                operatorReplace: string;
+                operator: string;
+                innerGroupOperator: string;
+                outerGroupOperator: string;
+                value: string;
+                filterGroup: number;
+                filterNumber: number;
+                isValid: boolean;
+            }[];
+            id: number;
+            language: string;
+            orientation: Orientation;
+            productIds: string[];
+            recommendedProducts: [];
+            sendProductRequestFlag: false;
+            shuffleProducts: false;
+            strategy: string;
+            textTrimming: boolean;
+            unresponsive: boolean;
+            size: string;
+        };
+        recommendationProducts: {
+            image_url: string;
+            name: string;
+            item_id: string;
+            url: string;
+            in_stock: number;
+            price: {
+                [key: string]: number;
+            };
+            locale: string;
+            product_attributes: {
+                [key: string]: string;
+            };
+            category: string[];
+            discount: {
+                [key: string]: number;
+            };
+            original_price: {
+                [key: string]: number;
+            };
+        }[];
+        activePredictiveAlgorithms: number[];
+        languages: Languages;
+        currencyList: {
+            text: string;
+            value: string;
+        }[];
+        filterStatus: boolean;
+        filterSelectionDrawerStatus: boolean;
+        filterList: FiltersResponse;
+        filterGroup: number;
+    } & import("pinia").PiniaCustomStateProperties<StoreState>) => {
+        text: string;
+        value: string;
+    }[];
+    getFilterList: (state: {
+        recommendationCampaignUrls: Record<string, string>;
+        recommendationConfigs: {
+            cardsInRow: number;
+            currencySettings: {
+                name: string;
+                value: string;
+                symbol: string;
+                alignment: string;
+                decimalCount: string;
+                decimalSeparator: NumericSeparator;
+                thousandSeparator: NumericSeparator;
+            };
+            filters: {
+                type: string;
+                attribute: string;
+                operatorReplace: string;
+                operator: string;
+                innerGroupOperator: string;
+                outerGroupOperator: string;
+                value: string;
+                filterGroup: number;
+                filterNumber: number;
+                isValid: boolean;
+            }[];
+            id: number;
+            language: string;
+            orientation: Orientation;
+            productIds: string[];
+            recommendedProducts: [];
+            sendProductRequestFlag: false;
+            shuffleProducts: false;
+            strategy: string;
+            textTrimming: boolean;
+            unresponsive: boolean;
+            size: string;
+        };
+        recommendationProducts: {
+            image_url: string;
+            name: string;
+            item_id: string;
+            url: string;
+            in_stock: number;
+            price: {
+                [key: string]: number;
+            };
+            locale: string;
+            product_attributes: {
+                [key: string]: string;
+            };
+            category: string[];
+            discount: {
+                [key: string]: number;
+            };
+            original_price: {
+                [key: string]: number;
+            };
+        }[];
+        activePredictiveAlgorithms: number[];
+        languages: Languages;
+        currencyList: {
+            text: string;
+            value: string;
+        }[];
+        filterStatus: boolean;
+        filterSelectionDrawerStatus: boolean;
+        filterList: FiltersResponse;
+        filterGroup: number;
+    } & import("pinia").PiniaCustomStateProperties<StoreState>) => {
+        text: string;
+        value: string;
+        type: string;
+    }[];
+    getSelectedFilterGroup: (state: {
+        recommendationCampaignUrls: Record<string, string>;
+        recommendationConfigs: {
+            cardsInRow: number;
+            currencySettings: {
+                name: string;
+                value: string;
+                symbol: string;
+                alignment: string;
+                decimalCount: string;
+                decimalSeparator: NumericSeparator;
+                thousandSeparator: NumericSeparator;
+            };
+            filters: {
+                type: string;
+                attribute: string;
+                operatorReplace: string;
+                operator: string;
+                innerGroupOperator: string;
+                outerGroupOperator: string;
+                value: string;
+                filterGroup: number;
+                filterNumber: number;
+                isValid: boolean;
+            }[];
+            id: number;
+            language: string;
+            orientation: Orientation;
+            productIds: string[];
+            recommendedProducts: [];
+            sendProductRequestFlag: false;
+            shuffleProducts: false;
+            strategy: string;
+            textTrimming: boolean;
+            unresponsive: boolean;
+            size: string;
+        };
+        recommendationProducts: {
+            image_url: string;
+            name: string;
+            item_id: string;
+            url: string;
+            in_stock: number;
+            price: {
+                [key: string]: number;
+            };
+            locale: string;
+            product_attributes: {
+                [key: string]: string;
+            };
+            category: string[];
+            discount: {
+                [key: string]: number;
+            };
+            original_price: {
+                [key: string]: number;
+            };
+        }[];
+        activePredictiveAlgorithms: number[];
+        languages: Languages;
+        currencyList: {
+            text: string;
+            value: string;
+        }[];
+        filterStatus: boolean;
+        filterSelectionDrawerStatus: boolean;
+        filterList: FiltersResponse;
+        filterGroup: number;
+    } & import("pinia").PiniaCustomStateProperties<StoreState>) => (groupId: number) => {
+        type: string;
+        attribute: string;
+        operatorReplace: string;
+        operator: string;
+        innerGroupOperator: string;
+        outerGroupOperator: string;
+        value: string;
+        filterGroup: number;
+        filterNumber: number;
+        isValid: boolean;
+    }[];
+}, {
+    fetchRecommendationCreateData(): Promise<void>;
+    fetchRecommendationFilters(): Promise<void>;
+    addFilterGroup(filterGroup: number): void;
+    updateFilter(updatedFilter: Filter): void;
+    deleteFilter(filter: Filter): void;
+    addFilter(filter: Filter): void;
+    generateFilterQuery(): string;
+    fetchRecommendationProducts(): Promise<void>;
+}>;
+export {};

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/Recommendation/utils/filterUtil.d.ts

@@ -0,0 +1,7 @@
+import type { Filter } from '@@/Types/recommendation';
+/**
+ * Generates the complete query with outer group operators
+ * @param filters Array of Filter objects
+ * @returns Complete query string with outer operators
+ */
+export declare function generateCompleteFilterQuery(filters: Filter[]): string;

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

@@ -1,4 +1,4 @@
-import type { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
+import type { ImmutableHtmlElementNode } from '@stripoinc/ui-editor-extensions';
 import { Block, BlockCompositionType } from '@stripoinc/ui-editor-extensions';
 export declare const UNSUBSCRIBE_BLOCK_ID = "unsubscribe-block";
 export declare class UnsubscribeBlock extends Block {
@@ -12,9 +12,8 @@ export declare class UnsubscribeBlock extends Block {
     getName(): string;
     getDescription(): string;
     getTemplate(): string;
-    onCreated(node: ImmutableHtmlNode): void;
-    onSelect(node: ImmutableHtmlNode): undefined;
-    onDelete(node: ImmutableHtmlNode): undefined;
+    onSelect(node: ImmutableHtmlElementNode): void;
+    onDelete(node: ImmutableHtmlElementNode): void;
     onDestroy(): void;
     private _setupSelectEventListener;
     private _removeSelectEventListener;