@useinsider/guido 2.1.0-beta.7d0f92a → 2.1.0-beta.860ef21

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

@@ -0,0 +1,16 @@
+import { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
+import { CommonControl } from '../../common-control';
+/**
+ * Control for enabling/disabling text trimming on product names
+ * When enabled, adds a CSS class that applies text-overflow: ellipsis
+ */
+export declare class NameTextTrimControl extends CommonControl {
+    getId(): string;
+    getTemplate(): string;
+    onRender(): void;
+    onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
+    _setFormValues(): void;
+    _getCurrentTrimState(): boolean;
+    _onTextTrimChange(enabled: boolean): void;
+    _listenToFormUpdates(): void;
+}

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

@@ -1,11 +1,2 @@
-/**
- * Recommendation Block Extension
- *
- * This extension provides a product recommendation block for email templates.
- * Controls are organized by element type in the ./controls directory.
- */
-/**
- * Build and export the Recommendation extension
- */
 declare const _default: import("@stripoinc/ui-editor-extensions").Extension;
 export default _default;

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

@@ -1,211 +1,548 @@
 import type { Orientation, Languages, Currency, NumericSeparator, FiltersResponse, Filter, RecommendationProduct } from '@@/Types/recommendation';
-interface PerBlockConfigs {
-    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: boolean;
-    shuffleProducts: boolean;
-    strategy: string;
-    textTrimming: boolean;
-    unresponsive: boolean;
-    size: string;
-}
-interface PerBlockState {
-    recommendationConfigs: PerBlockConfigs;
-    recommendationProducts: RecommendationProduct[];
-    filterStatus: boolean;
-    filterSelectionDrawerStatus: boolean;
-    filterGroup: number;
-}
 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;
-    blockStates: Record<number, PerBlockState>;
-    currentRecommendationId: number | null;
-    configVersion: number;
+    filterGroup: number;
 }
 export declare const useRecommendationExtensionStore: import("pinia").StoreDefinition<"guidoRecommendationExtension", StoreState, {
-    /**
-     * Proxy getter: delegates to blockStates[currentRecommendationId].recommendationConfigs
-     * This allows all existing code that reads `store.recommendationConfigs` to work unchanged.
-     */
-    recommendationConfigs(state: {
+    hasFilters: (state: {
         recommendationCampaignUrls: Record<string, string>;
-        activePredictiveAlgorithms: number[];
-        languages: Languages;
-        currencyList: {
-            text: string;
-            value: 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;
+            };
         }[];
-        filterList: FiltersResponse;
-        blockStates: Record<number, PerBlockState>;
-        currentRecommendationId: number | null;
-        configVersion: number;
-    } & import("pinia").PiniaCustomStateProperties<StoreState>): PerBlockConfigs;
-    /**
-     * Proxy getter: delegates to blockStates[currentRecommendationId].recommendationProducts
-     */
-    recommendationProducts(state: {
-        recommendationCampaignUrls: Record<string, string>;
         activePredictiveAlgorithms: number[];
         languages: Languages;
         currencyList: {
             text: string;
             value: string;
         }[];
+        filterStatus: boolean;
+        filterSelectionDrawerStatus: boolean;
         filterList: FiltersResponse;
-        blockStates: Record<number, PerBlockState>;
-        currentRecommendationId: number | null;
-        configVersion: number;
-    } & import("pinia").PiniaCustomStateProperties<StoreState>): RecommendationProduct[];
-    /**
-     * Proxy getter: delegates to blockStates[currentRecommendationId].filterSelectionDrawerStatus
-     */
-    filterSelectionDrawerStatus(state: {
+        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;
-        blockStates: Record<number, PerBlockState>;
-        currentRecommendationId: number | null;
-        configVersion: number;
-    } & import("pinia").PiniaCustomStateProperties<StoreState>): boolean;
-    /**
-     * Proxy getter: delegates to blockStates[currentRecommendationId].filterStatus
-     */
-    filterStatus(state: {
+        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;
-        blockStates: Record<number, PerBlockState>;
-        currentRecommendationId: number | null;
-        configVersion: number;
-    } & import("pinia").PiniaCustomStateProperties<StoreState>): boolean;
-    /**
-     * Proxy getter: delegates to blockStates[currentRecommendationId].filterGroup
-     */
-    filterGroup(state: {
+        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;
-        blockStates: Record<number, PerBlockState>;
-        currentRecommendationId: number | null;
-        configVersion: number;
-    } & import("pinia").PiniaCustomStateProperties<StoreState>): number;
-    hasFilters(): boolean;
-    getFilterGroupCount(): number;
-    getActivePredictiveAlgorithms: (state: {
+        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;
-        blockStates: Record<number, PerBlockState>;
-        currentRecommendationId: number | null;
-        configVersion: number;
+        filterGroup: number;
     } & import("pinia").PiniaCustomStateProperties<StoreState>) => {
         text: string;
         value: string;
     }[];
-    getLanguages: (state: {
+    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;
-        blockStates: Record<number, PerBlockState>;
-        currentRecommendationId: number | null;
-        configVersion: number;
+        filterGroup: number;
     } & import("pinia").PiniaCustomStateProperties<StoreState>) => {
         text: string;
         value: string;
+        type: string;
     }[];
-    getCurrencySymbolList: (state: {
+    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;
-        blockStates: Record<number, PerBlockState>;
-        currentRecommendationId: number | null;
-        configVersion: number;
-    } & import("pinia").PiniaCustomStateProperties<StoreState>) => {
-        text: string;
-        value: string;
-    }[];
-    getFilterList(): {
-        text: string;
-        value: string;
+        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;
     }[];
-    getSelectedFilterGroup(): (groupId: number) => Filter[];
 }, {
-    /**
-     * Sets the currently active block ID.
-     * Creates a new entry in blockStates if one doesn't exist.
-     */
-    setCurrentBlock(id: number): void;
-    /**
-     * Removes a block's state from the store.
-     * Resets currentRecommendationId if it was the deleted block.
-     */
-    removeBlockState(id: number): void;
-    /**
-     * Patches the current block's recommendationConfigs.
-     * Replaces `store.$patch({ recommendationConfigs: { ... } })` pattern.
-     */
-    patchCurrentBlockConfig(updates: Partial<PerBlockConfigs>, options?: {
-        triggerRefetch?: boolean;
-    }): void;
-    /**
-     * Opens the filter selection drawer for the current block.
-     * If no filters exist, initializes with a default empty filter
-     * so the user has a starting point for input.
-     */
-    openFilterDrawer(): void;
-    /**
-     * Closes the filter selection drawer for the current block
-     */
-    closeFilterDrawer(): void;
     fetchRecommendationCreateData(): Promise<void>;
     fetchRecommendationFilters(): Promise<void>;
     addFilterGroup(filterGroup: number): void;