@useinsider/guido 2.0.0-beta.edc1f0a → 2.0.0-beta.f66b754

package/dist/src/composables/useConfig.d.ts

@@ -91,6 +91,9 @@ export declare const useConfig: () => {
             })[];
             ignoreDefaultRules: boolean;
         };
+        callbacks: {
+            externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
+        };
     } | null>;
     initialized: import("vue").Ref<boolean>;
     identity: import("vue").ComputedRef<{
@@ -177,6 +180,9 @@ export declare const useConfig: () => {
         })[];
         ignoreDefaultRules: boolean;
     } | null>;
+    callbacks: import("vue").ComputedRef<{
+        externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
+    } | null>;
     templateId: import("vue").ComputedRef<string>;
     userId: import("vue").ComputedRef<string>;
     variationId: import("vue").ComputedRef<string>;

package/dist/src/config/migrator/itemsBlockMigrator.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Migrates legacy ItemsBlock templates to v2 format
+ * @param html - HTML string containing legacy items blocks
+ * @returns Migrated HTML with replaced variables and cleaned conditionals
+ */
+export declare function migrateItemsBlock(html: string): string;

package/dist/src/enums/academy.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Centralized Academy Links
+ *
+ * All external academy documentation links should be defined here
+ * for easy maintenance and domain migration.
+ */
+export declare const ACADEMY_LINKS: {
+    readonly EMAIL_EDITOR: "https://academy.insiderone.com//docs/email-drag-and-drop-editor";
+    readonly GLOBAL_UNSUBSCRIBE: "https://academy.insiderone.com//docs/global-unsubscribe-preference-center";
+    readonly AMP_FOR_EMAILS: "https://academy.insiderone.com//docs/amp-for-emails";
+};
+export type AcademyLinkKey = keyof typeof ACADEMY_LINKS;

package/dist/src/enums/onboarding.d.ts

@@ -3,4 +3,3 @@ export declare const UI_EDITOR_SELECTOR = "ui-editor";
 export declare const CARD_COMPOSITION_TAB_SELECTOR = "button[role=\"tab\"][aria-label=\"Card Composition\"]";
 export declare const SETTINGS_TAB_SELECTOR = "button[role=\"tab\"][aria-label=\"Settings\"]";
 export declare const RIBBON_SELECTOR = ".in-ribbons-wrapper";
-export declare const ACADEMY_LINK = "https://academy.useinsider.com/docs/email-drag-drop-editor";

package/dist/src/enums/unsubscribe.d.ts

@@ -17,7 +17,6 @@ export declare const DEFAULT_UNSUBSCRIBE_GROUP: {
     readonly name: "Global Unsubscribe";
     readonly sendGridId: "G";
 };
-export declare const ACADEMY_LINK = "https://academy.useinsider.com/docs/global-unsubscribe-preference-center";
 export declare const UNSUBSCRIBE_PAGES_LINK = "/email/unsubscribe-pages";
 export declare const PAGE_TYPES: {
     GLOBAL_UNSUBSCRIBE: number;

package/dist/src/extensions/Blocks/Items/controls/button/link.d.ts

@@ -8,7 +8,5 @@ export declare class ButtonLinkControl extends CommonControl {
     getTemplate(): string;
     onRender(): void;
     onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
-    _listenToFormUpdates(): void;
-    _onLinkChange(value: string): void;
     _getLink(): string;
 }

package/dist/src/extensions/Blocks/Items/controls/cardComposition.d.ts

@@ -29,5 +29,14 @@ export declare class ItemsBlockCardCompositionControl extends CommonControl {
     _onProductQuantityChange(value: boolean): void;
     _onProductPriceChange(value: boolean): void;
     _onProductOriginalPriceChange(value: boolean): void;
+    /**
+     * Updates both price cell widths in vertical layout based on priceOrientation and visibility.
+     * - When priceOrientation is 'vertical': both cells are 100% (stacked layout)
+     * - When priceOrientation is 'horizontal':
+     *   - When original price is hidden, price cell expands to 100%
+     *   - When price is hidden, original price cell expands to 100%
+     *   - When both are visible, they share 50% each
+     */
+    _updatePriceCellWidthsForVerticalLayout(): void;
     _onProductButtonChange(value: boolean): void;
 }

package/dist/src/extensions/Blocks/Items/controls/image/link.d.ts

@@ -8,7 +8,5 @@ export declare class ImageLinkControl extends CommonControl {
     getTemplate(): string;
     onRender(): void;
     onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
-    _listenToFormUpdates(): void;
-    _onLinkChange(value: string): void;
     _getLink(): string;
 }

package/dist/src/extensions/Blocks/Items/controls/price/priceOrientation.d.ts

@@ -9,7 +9,7 @@ export declare class PriceOrientationControl extends CommonControl {
     onRender(): void;
     onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
     _onPriceOrientationChange(value: string): void;
-    private _updateHorizontalLayout;
     private _updateVerticalLayout;
+    private _updateHorizontalLayout;
     _getPriceOrientation(): string;
 }

package/dist/src/extensions/Blocks/Items/controls/price/singlePrice.d.ts

@@ -0,0 +1,18 @@
+import { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
+import { CommonControl } from '../../../common-control';
+import { ItemsBlockControlId } from '../../enums/controlEnums';
+export declare const CONTROL_BLOCK_ID = ItemsBlockControlId.PRICE_SINGLE_PRICE;
+export declare class PriceSinglePriceControl extends CommonControl {
+    private store;
+    getId(): string;
+    getTemplate(): string;
+    onRender(): void;
+    onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
+    /**
+     * Syncs single price state from nodeConfig.
+     */
+    private _syncSinglePriceFromNodeConfig;
+    _onSinglePriceChange(value: boolean): void;
+    private _updatePriceBlock;
+    _getSinglePrice(): string;
+}

package/dist/src/extensions/Blocks/Items/controls/settingsControl.d.ts

@@ -31,10 +31,6 @@ export declare class ItemsBlockControl extends CommonControl {
     _updatePrice(price: string): void;
     _updateOriginalPrice(originalPrice: string): void;
     _updateQuantity(quantity: string): void;
-    /**
-     * @todo Optimize template reordering for performance.
-     * @description Reorders the template structure based on current orientation and visibility settings.
-     */
     _reOrderTemplate(): void;
     _updateDataTypeAttributes(itemsType: ProductType): void;
     _updateDataNumberAttributes(itemId: string): void;

package/dist/src/extensions/Blocks/Items/enums/controlEnums.d.ts

@@ -42,6 +42,7 @@ export declare enum ItemsBlockControlId {
     PRICE_PADDINGS = "items-block-price-paddings-control",
     PRICE_HIDE_DISCOUNT = "items-block-price-hide-discount-control",
     PRICE_FORMATTED_PRICE = "items-block-price-formatted-price-control",
+    PRICE_SINGLE_PRICE = "items-block-price-single-price-control",
     PRICE_CURRENCY_SYMBOL = "items-block-price-currency-symbol-control",
     PRICE_CURRENCY_LOCATION = "items-block-price-currency-location-control",
     PRICE_ORIENTATION = "items-block-price-orientation-control",

package/dist/src/extensions/Blocks/Items/enums/productEnums.d.ts

@@ -1,30 +1,4 @@
 export declare const templateFirstLine = "<td align=\"center\" class=\"ins-product-td items-block items-block-v2\">";
-export declare const configAttributes: {
-    TYPE: string;
-    ITEMS_INDEX_SELECT_CONTROL_VALUE: string;
-    ORIENTATION: string;
-    PRODUCT_NAME_TRIMMING: string;
-    PRODUCT_PRICE_HIDE_DISCOUNT: string;
-    PRODUCT_PRICE_FORMATTED: string;
-    PRODUCT_PRICE_CURRENCY_SYMBOL: string;
-    PRODUCT_PRICE_CURRENCY_LOCATION: string;
-    PRODUCT_ORIGINAL_PRICE_CONTROL_ORIENTATION: string;
-    PRODUCT_BUTTON_LINK: string;
-    PRODUCT_IMAGE_LINK: string;
-    PRODUCT_NAME_CONTROL_VALUE: string;
-    PRODUCT_QUANTITY_CONTROL_VALUE: string;
-    PRODUCT_PRICE_CONTROL_VALUE: string;
-    BLOCK_INSTANCE_ID: string;
-    NAME_CONTROL_ENABLED: string;
-    QUANTITY_CONTROL_ENABLED: string;
-    PRICE_CONTROL_OPENED: string;
-    PRODUCT_IMAGE_VISIBLE: string;
-    PRODUCT_NAME_VISIBLE: string;
-    PRODUCT_QUANTITY_VISIBLE: string;
-    PRODUCT_PRICE_VISIBLE: string;
-    PRODUCT_ORIGINAL_PRICE_VISIBLE: string;
-    PRODUCT_BUTTON_VISIBLE: string;
-};
 export declare const productPairs: {
     PAIRS_FOR_EXTENSION: {
         imageSrc: {
@@ -79,25 +53,37 @@ export declare const productPairs: {
             CART_ITEMS: {
                 PRICE: string;
                 PRICE_FORMATTED: string;
+                SINGLE_PRICE: string;
+                SINGLE_PRICE_FORMATTED: string;
                 CURRENCY: string;
                 DEFAULT_PRICE: string;
                 DEFAULT_PRICE_FORMATTED: string;
+                DEFAULT_SINGLE_PRICE: string;
+                DEFAULT_SINGLE_PRICE_FORMATTED: string;
                 DEFAULT_CURRENCY: string;
             };
             BROWSED_ITEMS: {
                 PRICE: string;
                 PRICE_FORMATTED: string;
+                SINGLE_PRICE: string;
+                SINGLE_PRICE_FORMATTED: string;
                 CURRENCY: string;
                 DEFAULT_PRICE: string;
                 DEFAULT_PRICE_FORMATTED: string;
+                DEFAULT_SINGLE_PRICE: string;
+                DEFAULT_SINGLE_PRICE_FORMATTED: string;
                 DEFAULT_CURRENCY: string;
             };
             PURCHASED_ITEMS: {
                 PRICE: string;
                 PRICE_FORMATTED: string;
+                SINGLE_PRICE: string;
+                SINGLE_PRICE_FORMATTED: string;
                 CURRENCY: string;
                 DEFAULT_PRICE: string;
                 DEFAULT_PRICE_FORMATTED: string;
+                DEFAULT_SINGLE_PRICE: string;
+                DEFAULT_SINGLE_PRICE_FORMATTED: string;
                 DEFAULT_CURRENCY: string;
             };
         };
@@ -105,25 +91,37 @@ export declare const productPairs: {
             CART_ITEMS: {
                 PRICE: string;
                 PRICE_FORMATTED: string;
+                SINGLE_PRICE: string;
+                SINGLE_PRICE_FORMATTED: string;
                 CURRENCY: string;
                 DEFAULT_PRICE: string;
                 DEFAULT_PRICE_FORMATTED: string;
+                DEFAULT_SINGLE_PRICE: string;
+                DEFAULT_SINGLE_PRICE_FORMATTED: string;
                 DEFAULT_CURRENCY: string;
             };
             BROWSED_ITEMS: {
                 PRICE: string;
                 PRICE_FORMATTED: string;
+                SINGLE_PRICE: string;
+                SINGLE_PRICE_FORMATTED: string;
                 CURRENCY: string;
                 DEFAULT_PRICE: string;
                 DEFAULT_PRICE_FORMATTED: string;
+                DEFAULT_SINGLE_PRICE: string;
+                DEFAULT_SINGLE_PRICE_FORMATTED: string;
                 DEFAULT_CURRENCY: string;
             };
             PURCHASED_ITEMS: {
                 PRICE: string;
                 PRICE_FORMATTED: string;
+                SINGLE_PRICE: string;
+                SINGLE_PRICE_FORMATTED: string;
                 CURRENCY: string;
                 DEFAULT_PRICE: string;
                 DEFAULT_PRICE_FORMATTED: string;
+                DEFAULT_SINGLE_PRICE: string;
+                DEFAULT_SINGLE_PRICE_FORMATTED: string;
                 DEFAULT_CURRENCY: string;
             };
         };

package/dist/src/extensions/Blocks/Items/enums/settingsEnums.d.ts

@@ -41,6 +41,7 @@ export declare const DefaultConfigValues: {
     productOriginalPriceVisible: string;
     productButtonVisible: string;
     productImageWidth: string;
+    productImageHeight: string;
 };
 export declare const ItemInCartOptions: {
     [x: string]: {

package/dist/src/extensions/Blocks/Items/store/items-block.d.ts

@@ -10,6 +10,7 @@ interface ItemsBlockState {
     currencySymbol: string;
     currencyLocation: string;
     formattedPrice: boolean;
+    singlePrice: boolean;
     priceOrientation: 'vertical' | 'horizontal';
     templateData: {
         imageSrc: string;
@@ -31,6 +32,7 @@ export declare const useItemsBlockStore: import("pinia").StoreDefinition<"guidoI
     setCurrencySymbol(currencySymbol: string): void;
     setCurrencyLocation(currencyLocation: string): void;
     setFormattedPrice(formattedPrice: boolean): void;
+    setSinglePrice(singlePrice: boolean): void;
     setPriceOrientation(priceOrientation: "vertical" | "horizontal"): void;
     setTemplateData(templateData: ItemsBlockState["templateData"]): void;
     updateFromAttributes(attributes: {

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

@@ -1,6 +1,8 @@
+import type { ItemsBlockConfig } from './utils/nodeConfigUtils';
 declare const migrationTemplate = "ADD YOUR MIGRATION HERE";
 type ProductType = 'CART_ITEMS' | 'BROWSED_ITEMS' | 'PURCHASED_ITEMS';
 type OrientationType = 'vertical' | 'horizontal';
+type PriceOrientationType = 'vertical' | 'horizontal';
 type TemplateParameters = {
     orientation: OrientationType;
     itemsType: ProductType;
@@ -8,6 +10,25 @@ type TemplateParameters = {
     currencySymbol?: string;
     currencyLocation?: string;
     formattedPrice?: boolean;
+    /** Whether to show single product price (price divided by quantity) */
+    singlePrice?: boolean;
+    migrate?: boolean;
+    /** Legacy config format (data-* attributes for migration) */
+    configBlockAttributes?: Record<string, string>;
+    /** New config format (Stripo V2 nodeConfig from esd-ext-config) */
+    nodeConfig?: Partial<ItemsBlockConfig>;
+    /** Extracted styles from a[product-attr="name"] for migration */
+    nameStyles?: string;
+    /** Extracted styles from a.es-button for migration */
+    buttonStyles?: string;
+    /** Extracted styles from p[product-attr="price"] for migration */
+    priceStyles?: string;
+    /** Extracted styles from p[product-attr="originalPrice"] for migration */
+    originalPriceStyles?: string;
+    /** Extracted styles from p[product-attr="quantity"] for migration */
+    quantityStyles?: string;
+    /** Price orientation within the card ('vertical' = stacked, 'horizontal' = side-by-side) */
+    priceOrientation?: PriceOrientationType;
 };
 /**
  * Generates the default template for the Items Block.
@@ -20,5 +41,5 @@ type TemplateParameters = {
  * @param params.formattedPrice - Whether to use formatted price display
  * @returns HTML template string for the Items Block
  */
-export declare function getDefaultTemplate({ orientation, itemsType, itemId, currencySymbol, currencyLocation, formattedPrice, }: TemplateParameters): string;
+export declare function getDefaultTemplate({ orientation, itemsType, itemId, currencySymbol, currencyLocation, migrate, formattedPrice, configBlockAttributes, nodeConfig, nameStyles, buttonStyles, priceStyles, originalPriceStyles, quantityStyles, priceOrientation, }: TemplateParameters): string;
 export default migrationTemplate;

package/dist/src/extensions/Blocks/Items/utils/nodeConfigUtils.d.ts

@@ -0,0 +1,73 @@
+import { OrientationType, ProductType } from '@@/Types/extensions/items';
+import { ImmutableHtmlNode, ImmutableHtmlElementNode, ControlApi, BlockApi } from '@stripoinc/ui-editor-extensions';
+/**
+ * Typed configuration object for Items Block.
+ * Configuration is stored directly on the block node using Stripo V2's getNodeConfig/setNodeConfig API.
+ */
+export interface ItemsBlockConfig {
+    initialized: boolean;
+    blockInstanceId: string;
+    source: ProductType;
+    type: ProductType;
+    itemsSelectValue: string;
+    orientation: OrientationType;
+    nameTrimming: boolean;
+    nameControlEnabled: boolean;
+    priceHideDiscount: boolean;
+    priceFormatted: boolean;
+    priceSinglePrice: boolean;
+    priceCurrencySymbol: string;
+    priceCurrencyLocation: string;
+    priceControlOpened: boolean;
+    priceOrientation: 'vertical' | 'horizontal';
+    quantityControlEnabled: boolean;
+    buttonLink: string;
+    imageLink: string;
+    buttonLabel: string;
+    /** Whether button should be full width (true = es-fw class) or inline (false = es-il class) */
+    buttonFullWidth: boolean;
+    imageVisible: boolean;
+    nameVisible: boolean;
+    quantityVisible: boolean;
+    priceVisible: boolean;
+    originalPriceVisible: boolean;
+    buttonVisible: boolean;
+}
+/**
+ * Generates a unique block instance ID.
+ */
+export declare function generateBlockInstanceId(): string;
+/**
+ * Returns default ItemsBlockConfig values.
+ * These are used when initializing a new block or when migrating from legacy format.
+ */
+export declare function getDefaultItemsBlockConfig(): ItemsBlockConfig;
+/**
+ * Gets the Items block container element from the current node.
+ * The container is identified by the `.items-block-v2` class (new) or `.esd-cart-items-block` (legacy).
+ * @param currentNode - The current node from the control (usually this.currentNode)
+ * @returns The container element or null if not found
+ */
+export declare function getItemsBlockContainer(currentNode: ImmutableHtmlNode | undefined): ImmutableHtmlElementNode | null;
+/**
+ * Gets the node configuration from the Items block.
+ * Uses Stripo V2's getNodeConfig() API.
+ * Falls back to migrating from legacy config block if nodeConfig is empty.
+ * @param currentNode - The current node from the control
+ * @returns The ItemsBlockConfig object or null if not found
+ */
+export declare function getItemsBlockConfig(currentNode: ImmutableHtmlNode | undefined): ItemsBlockConfig | null;
+/**
+ * Sets the node configuration on the Items block.
+ * Uses Stripo V2's setNodeConfig() API.
+ * @param currentNode - The current node from the control
+ * @param api - The API object (ControlApi or BlockApi)
+ * @param config - The configuration to set (partial update supported)
+ */
+export declare function setItemsBlockConfig(currentNode: ImmutableHtmlNode | undefined, api: ControlApi | BlockApi, config: Partial<ItemsBlockConfig>): void;
+/**
+ * Gets the block instance ID from the node config.
+ * @param currentNode - The current node from the control
+ * @returns The block instance ID or null if not found
+ */
+export declare function getBlockInstanceIdFromConfig(currentNode: ImmutableHtmlNode | undefined): string | null;

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/controlIds.d.ts → constants.d.ts}

@@ -1,3 +1,14 @@
+/**
+ * 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
@@ -21,7 +32,6 @@ export declare enum RecommendationControlId {
     NAME_PADDINGS = "recommendation-block-name-paddings-control",
     NAME_SIZE = "recommendation-block-name-size-control",
     NAME_STYLE = "recommendation-block-name-style-control",
-    NAME_TEXT_TRIM = "recommendation-block-name-text-trim-control",
     PRICE_ALIGN = "recommendation-block-price-align-control",
     PRICE_BACKGROUND = "recommendation-block-price-background-control",
     PRICE_COLOR = "recommendation-block-price-color-control",
@@ -36,24 +46,6 @@ export declare enum RecommendationControlId {
     OLD_PRICE_PADDINGS = "recommendation-block-old-price-paddings-control",
     OLD_PRICE_SIZE = "recommendation-block-old-price-size-control",
     OLD_PRICE_STYLE = "recommendation-block-old-price-style-control",
-    OMNIBUS_PRICE_ALIGN = "recommendation-block-omnibus-price-align-control",
-    OMNIBUS_PRICE_BACKGROUND = "recommendation-block-omnibus-price-background-control",
-    OMNIBUS_PRICE_COLOR = "recommendation-block-omnibus-price-color-control",
-    OMNIBUS_PRICE_FONT_FAMILY = "recommendation-block-omnibus-price-font-family-control",
-    OMNIBUS_PRICE_PADDINGS = "recommendation-block-omnibus-price-paddings-control",
-    OMNIBUS_PRICE_SIZE = "recommendation-block-omnibus-price-size-control",
-    OMNIBUS_PRICE_STYLE = "recommendation-block-omnibus-price-style-control",
-    OMNIBUS_PRICE_TEXT_BEFORE = "recommendation-block-omnibus-price-text-before-control",
-    OMNIBUS_PRICE_TEXT_AFTER = "recommendation-block-omnibus-price-text-after-control",
-    OMNIBUS_DISCOUNT_ALIGN = "recommendation-block-omnibus-discount-align-control",
-    OMNIBUS_DISCOUNT_BACKGROUND = "recommendation-block-omnibus-discount-background-control",
-    OMNIBUS_DISCOUNT_COLOR = "recommendation-block-omnibus-discount-color-control",
-    OMNIBUS_DISCOUNT_FONT_FAMILY = "recommendation-block-omnibus-discount-font-family-control",
-    OMNIBUS_DISCOUNT_PADDINGS = "recommendation-block-omnibus-discount-paddings-control",
-    OMNIBUS_DISCOUNT_SIZE = "recommendation-block-omnibus-discount-size-control",
-    OMNIBUS_DISCOUNT_STYLE = "recommendation-block-omnibus-discount-style-control",
-    OMNIBUS_DISCOUNT_TEXT_BEFORE = "recommendation-block-omnibus-discount-text-before-control",
-    OMNIBUS_DISCOUNT_TEXT_AFTER = "recommendation-block-omnibus-discount-text-after-control",
     IMAGE_SIZE = "recommendation-block-image-size-control",
     IMAGE_MARGINS = "recommendation-block-image-margins-control"
 }

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

@@ -0,0 +1,35 @@
+import { CommonControl } from '../common-control';
+export declare const CONTROL_BLOCK_ID = "ui-elements-recommendation-block";
+export declare class RecommendationBlockControl extends CommonControl {
+    private store;
+    private storeUnsubscription;
+    private addFilterListener;
+    private addFilterButton;
+    getId(): string;
+    getTemplate(): string;
+    onRender(): Promise<void>;
+    onDestroy(): void;
+    _setFormValues(): void;
+    _initializeSelectItems(): void;
+    _getAlgorithms(): string;
+    _getLanguages(): string;
+    _getCurrency(): string;
+    _getProductLayout(): string;
+    _getFilterStatus(): string;
+    _getShuffleProducts(): string;
+    _getResponsive(): string;
+    _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;
+    _listenToFormUpdates(): void;
+    _listenStateUpdates(): 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[];
+}