@useinsider/guido 1.0.2 → 1.0.3-beta.001f60f

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<"recommendationExtension", 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/template.d.ts

@@ -0,0 +1,6 @@
+declare const migrationTemplate = "ADD YOUR MIGRATION HERE";
+/**
+ * @returns The template for the default checkbox block
+ */
+export declare function getDefaultTemplate(): string;
+export default migrationTemplate;

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

@@ -0,0 +1,32 @@
+import type { ImmutableHtmlNode } 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 {
+    private selectEventListener;
+    private cancelEventListener;
+    private currentNode?;
+    constructor();
+    getId(): string;
+    getIcon(): string;
+    getBlockCompositionType(): BlockCompositionType;
+    getName(): string;
+    getDescription(): string;
+    getTemplate(): string;
+    onCreated(node: ImmutableHtmlNode): void;
+    onSelect(node: ImmutableHtmlNode): undefined;
+    onDelete(node: ImmutableHtmlNode): undefined;
+    onDestroy(): void;
+    private _setupSelectEventListener;
+    private _removeSelectEventListener;
+    private _setupCancelEventListener;
+    private _removeCancelEventListener;
+    private _handleCancel;
+    private _removeEventListeners;
+    private _updateBlock;
+    private _getMergeTag;
+    private _openDrawer;
+    private _checkExistingBlocks;
+    private _loadBlockState;
+    private _resetStoreState;
+    private _removeBlockTemplatesFromStore;
+}

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

@@ -0,0 +1,29 @@
+import type { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
+import { Control } from '@stripoinc/ui-editor-extensions';
+export declare const UNSUBSCRIBE_CONTROL_ID = "ui-elements-unsubscribe";
+export declare class UnsubscribeControl extends Control {
+    private currentPreviewIndex;
+    private currentNode?;
+    private currentPages?;
+    private valueChangeHandlers;
+    private lastParsedAttribute?;
+    getId(): string;
+    getTemplate(): string;
+    onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
+    onRender(): void;
+    onDestroy(): void;
+    private get totalTemplates();
+    private _listenToFormUpdates;
+    private _onButtonClick;
+    private _onPrevClick;
+    private _onNextClick;
+    private _updatePreview;
+    private _updateCounter;
+    private _getPreview;
+    private _getButton;
+    private _getLabel;
+    private _getIconButton;
+    private _getPrevButton;
+    private _getNextButton;
+    private _getCounterText;
+}

package/dist/src/extensions/Blocks/Unsubscribe/elements/preview.d.ts

@@ -0,0 +1,11 @@
+import { UIElement } from '@stripoinc/ui-editor-extensions';
+export declare const PREVIEW_UI_ELEMENT_ID = "unsubscribe-preview";
+export declare class PreviewUIElement extends UIElement {
+    private imgElement?;
+    getId(): string;
+    getTemplate(): string;
+    onRender(container: HTMLElement): void;
+    setValue(value: string): void;
+    getValue(): string;
+    onDestroy(): void;
+}

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

@@ -0,0 +1,2 @@
+declare const _default: import("@stripoinc/ui-editor-extensions").Extension;
+export default _default;

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

@@ -0,0 +1,4 @@
+import { IconsRegistry } from '@stripoinc/ui-editor-extensions';
+export declare class UnsubscribeIconsRegistry extends IconsRegistry {
+    registerIconsSvg(iconsMap: Record<string, string>): void;
+}

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

@@ -0,0 +1,4 @@
+import { SettingsPanelRegistry, SettingsPanelTab } from '@stripoinc/ui-editor-extensions';
+export declare class SettingsPanel extends SettingsPanelRegistry {
+    registerBlockControls(blockControlsMap: Record<string, SettingsPanelTab[]>): void;
+}

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

@@ -0,0 +1,4 @@
+import { UIElementTagRegistry } from '@stripoinc/ui-editor-extensions';
+export declare class UnsubscribeTagRegistry extends UIElementTagRegistry {
+    registerUiElements(uiElementsTagsMap: Record<string, string>): void;
+}

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

@@ -0,0 +1,12 @@
+/**
+ * Migration template for legacy unsubscribe blocks.
+ * This template is used to identify and migrate older versions of the unsubscribe block
+ * that may exist in saved email templates. The migration is detected in the Block's
+ * onCreated() lifecycle method via the 'data-migration' attribute check.
+ *
+ * Note: This template is currently exported but not actively used in the codebase.
+ * It serves as a reference for the expected structure of legacy blocks during migration.
+ */
+declare const migrationTemplate = "\n    <td\n        esd-extension-block-id=\"unsubscribe-block\"\n        class=\"esd-block-text unsubscribe-block-v2 esd-block-unsubscribe esd-unsubscribe-block esd-extension-block\"\n    >\n        {-{-TITLE-}-}\n    </td>\n";
+export declare function getDefaultTemplate(): string;
+export default migrationTemplate;

package/dist/src/extensions/Blocks/Unsubscribe/utils/constants.d.ts

@@ -0,0 +1,9 @@
+export declare const UNSUBSCRIBE_EVENTS: {
+    readonly SELECT: "unsubscribe:select";
+    readonly CANCEL: "unsubscribe:cancel";
+};
+export type UnsubscribeEvent = typeof UNSUBSCRIBE_EVENTS[keyof typeof UNSUBSCRIBE_EVENTS];
+export declare const DATA_ATTRIBUTES: {
+    readonly PAGE_TYPE: "data-unsubscribe-page-type";
+    readonly PAGE_LIST: "data-unsubscribe-page-list";
+};

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

@@ -0,0 +1,7 @@
+/**
+ * Parses a comma-separated list of page IDs into an array of numbers.
+ * Filters out invalid values (NaN, empty strings, negative numbers).
+ * @param pageList - Comma-separated string of page IDs
+ * @returns Array of valid page IDs
+ */
+export declare function parsePageList(pageList: string): number[];