@useinsider/guido 2.1.0-beta.febc521 → 2.1.0-beta.ff9b498

package/dist/src/@types/config/schemas.d.ts

@@ -116,7 +116,7 @@ export declare const EditorSchema: v.ObjectSchema<{
     /** Locale for the editor UI */
     readonly locale: v.OptionalSchema<v.StringSchema<undefined>, "en">;
     /** Path to translations object */
-    readonly translationsPath: v.OptionalSchema<v.StringSchema<undefined>, "window.trans.en">;
+    readonly translationsPath: v.OptionalSchema<v.StringSchema<undefined>, "window.trans[Object.keys(window.trans)[0]]">;
     /** Migration date for template compatibility */
     readonly migrationDate: v.OptionalSchema<v.NumberSchema<undefined>, 1759696858>;
     /** Email header settings */
@@ -129,6 +129,10 @@ export declare const EditorSchema: v.ObjectSchema<{
         readonly senderName: "";
         readonly subject: "";
     }>;
+    /** Folder name for user-saved modules (used by Stripo plugin panel for path construction) */
+    readonly savedModulesFolderName: v.OptionalSchema<v.StringSchema<undefined>, "savedModules">;
+    /** Folder name for default/prebuilt modules (used by Stripo plugin panel for path construction) */
+    readonly defaultModulesFolderName: v.OptionalSchema<v.StringSchema<undefined>, "defaultModules">;
 }, undefined>;
 /**
  * UI configuration - visual elements and layout
@@ -428,7 +432,7 @@ export declare const GuidoConfigSchema: v.ObjectSchema<{
         /** Locale for the editor UI */
         readonly locale: v.OptionalSchema<v.StringSchema<undefined>, "en">;
         /** Path to translations object */
-        readonly translationsPath: v.OptionalSchema<v.StringSchema<undefined>, "window.trans.en">;
+        readonly translationsPath: v.OptionalSchema<v.StringSchema<undefined>, "window.trans[Object.keys(window.trans)[0]]">;
         /** Migration date for template compatibility */
         readonly migrationDate: v.OptionalSchema<v.NumberSchema<undefined>, 1759696858>;
         /** Email header settings */
@@ -441,6 +445,10 @@ export declare const GuidoConfigSchema: v.ObjectSchema<{
             readonly senderName: "";
             readonly subject: "";
         }>;
+        /** Folder name for user-saved modules (used by Stripo plugin panel for path construction) */
+        readonly savedModulesFolderName: v.OptionalSchema<v.StringSchema<undefined>, "savedModules">;
+        /** Folder name for default/prebuilt modules (used by Stripo plugin panel for path construction) */
+        readonly defaultModulesFolderName: v.OptionalSchema<v.StringSchema<undefined>, "defaultModules">;
     }, undefined>, {}>;
     /** UI configuration */
     readonly ui: v.OptionalSchema<v.ObjectSchema<{

package/dist/src/@types/events.d.ts

@@ -1,6 +1,38 @@
-export type StripoEventType = 'save' | 'export' | 'close' | 'autosave' | 'publish' | 'export:requested' | 'export:ready';
+export type StripoEventType = 'save' | 'export' | 'close' | 'autosave' | 'publish' | 'export:requested' | 'export:ready' | 'module_updated' | 'module_dropped';
+export interface ModuleUpdatedParams {
+    target: string;
+    blockType: string;
+    moduleId: number;
+    moduleCategory: string | null;
+    syncModule: boolean;
+}
+export interface ModuleDroppedParams {
+    target: string;
+    blockType: string;
+    moduleId: number;
+    syncModule: boolean;
+}
+export interface SyncModuleUnsubscribePayload {
+    stripoModuleId: string;
+    unsubscriptionPreferencePages: number[];
+    type: string;
+}
+export interface SyncModuleResponse {
+    id: number;
+    stripoId: number;
+    unsubscriptionPreferencePages: UnsubscriptionPreferencePage[];
+}
+export interface UnsubscriptionPreferencePage {
+    id: number;
+    name: string;
+    type: number;
+    status: number;
+    isVisible: number;
+    thumbnail: string;
+    createdAt: string;
+}
 export interface EventHandler {
-    (params: Record<string, string>): void | Promise<void>;
+    (params: Record<string, unknown>): void | Promise<void>;
 }
 export interface EventHandlers {
     [eventType: string]: EventHandler;

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

@@ -41,6 +41,8 @@ export declare const useConfig: () => {
                 senderName: string;
                 subject: string;
             };
+            savedModulesFolderName: string;
+            defaultModulesFolderName: string;
         };
         ui: {
             showHeader: boolean;
@@ -130,6 +132,8 @@ export declare const useConfig: () => {
             senderName: string;
             subject: string;
         };
+        savedModulesFolderName: string;
+        defaultModulesFolderName: string;
     } | null>;
     ui: import("vue").ComputedRef<{
         showHeader: boolean;

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

@@ -0,0 +1,4 @@
+import type { SyncModuleUnsubscribePayload } from '@@/Types/events';
+export declare const useSyncModuleExtractor: () => {
+    extractSyncModuleUnsubscribeData: (html: string) => SyncModuleUnsubscribePayload[];
+};

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

@@ -9,3 +9,7 @@ export declare const TemplateTypes: {
 export declare const EditorType: number;
 export declare const MAX_DEFAULT_TEMPLATE_ID = 13;
 export declare const ProductIds: Record<string, number>;
+export declare const ModuleFolderDefaults: {
+    readonly SAVED_MODULES: "savedModules";
+    readonly DEFAULT_MODULES: "defaultModules";
+};

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

@@ -25,6 +25,9 @@ export declare const PAGE_TYPES: {
     SUBSCRIPTION_PREFERENCE_CONFIRMATION: number;
     RESUBSCRIBE: number;
 };
+export declare const UNSUBSCRIBE_SYNC_MODULE_TYPES: {
+    [x: number]: string;
+};
 export declare const TYPE_COLLECTIONS: {
     [x: number]: number[];
 };

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

@@ -23,5 +23,4 @@ export declare class ItemsBlock extends Block {
     getTemplate(): string;
     allowInnerBlocksDND(): boolean;
     onCreated(node: ImmutableHtmlNode): void;
-    onSelect(node: ImmutableHtmlNode): void;
 }

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

@@ -3,7 +3,6 @@ import { CommonControl } from '../../../common-control';
 import { ItemsBlockControlId } from '../../enums/controlEnums';
 export declare const CONTROL_BLOCK_ID = ItemsBlockControlId.BUTTON_LINK;
 export declare class ButtonLinkControl extends CommonControl {
-    private store;
     getId(): string;
     getTemplate(): string;
     onRender(): void;

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

@@ -2,7 +2,6 @@ import { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
 import { CommonControl } from '../../common-control';
 export declare const COMPOSITION_CONTROL_BLOCK_ID = "ui-elements-items-card-composition-block";
 export declare class ItemsBlockCardCompositionControl extends CommonControl {
-    private store;
     private visibilityState;
     getId(): string;
     getTemplate(): string;
@@ -19,10 +18,11 @@ export declare class ItemsBlockCardCompositionControl extends CommonControl {
      * If itemsType is not BROWSED_ITEMS, show quantity
      * If itemsType is BROWSED_ITEMS, hide quantity
      * and mark it as '0'
+     * @param syncOnly - If true, only sync local state and UI without modifying the document
      */
-    _handleBrowsedItemsQuantity(): void;
-    _applyVisibilityStyles(): void;
-    _updateVisibilityAttribute(elementName: string, isVisible: boolean): void;
+    _handleBrowsedItemsQuantity(syncOnly?: boolean): void;
+    _applyVisibilityStyles(modifier?: ReturnType<typeof this.api.getDocumentModifier>): void;
+    _updateVisibilityAttribute(elementName: string, isVisible: boolean, modifier?: ReturnType<typeof this.api.getDocumentModifier>): void;
     _listenToFormUpdates(): void;
     _onProductImageChange(value: boolean): void;
     _onProductNameChange(value: boolean): void;
@@ -37,6 +37,6 @@ export declare class ItemsBlockCardCompositionControl extends CommonControl {
      *   - When price is hidden, original price cell expands to 100%
      *   - When both are visible, they share 50% each
      */
-    _updatePriceCellWidthsForVerticalLayout(): void;
+    _updatePriceCellWidthsForVerticalLayout(modifier?: ReturnType<typeof this.api.getDocumentModifier>): void;
     _onProductButtonChange(value: boolean): void;
 }

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

@@ -3,7 +3,6 @@ import { CommonControl } from '../../../common-control';
 import { ItemsBlockControlId } from '../../enums/controlEnums';
 export declare const CONTROL_BLOCK_ID = ItemsBlockControlId.IMAGE_LINK;
 export declare class ImageLinkControl extends CommonControl {
-    private store;
     getId(): string;
     getTemplate(): string;
     onRender(): void;

package/dist/src/extensions/Blocks/Items/controls/name/trimming.d.ts

@@ -3,7 +3,6 @@ import { CommonControl } from '../../../common-control';
 import { ItemsBlockControlId } from '../../enums/controlEnums';
 export declare const CONTROL_BLOCK_ID = ItemsBlockControlId.NAME_TRIMMING;
 export declare class NameTrimmingControl extends CommonControl {
-    private store;
     getId(): string;
     getTemplate(): string;
     onRender(): void;

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

@@ -3,7 +3,6 @@ import { CommonControl } from '../../../common-control';
 import { ItemsBlockControlId } from '../../enums/controlEnums';
 export declare const CONTROL_BLOCK_ID = ItemsBlockControlId.PRICE_CURRENCY_LOCATION;
 export declare class PriceCurrencyLocationControl extends CommonControl {
-    private store;
     getId(): string;
     getTemplate(): string;
     onRender(): void;

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

@@ -3,7 +3,6 @@ import { CommonControl } from '../../../common-control';
 import { ItemsBlockControlId } from '../../enums/controlEnums';
 export declare const CONTROL_BLOCK_ID = ItemsBlockControlId.PRICE_CURRENCY_SYMBOL;
 export declare class PriceCurrencySymbolControl extends CommonControl {
-    private store;
     private originalPriceContents;
     getId(): string;
     getTemplate(): string;

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

@@ -3,7 +3,6 @@ import { CommonControl } from '../../../common-control';
 import { ItemsBlockControlId } from '../../enums/controlEnums';
 export declare const CONTROL_BLOCK_ID = ItemsBlockControlId.PRICE_FORMATTED_PRICE;
 export declare class PriceFormattedPriceControl extends CommonControl {
-    private store;
     getId(): string;
     getTemplate(): string;
     onRender(): void;

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

@@ -3,7 +3,6 @@ import { CommonControl } from '../../../common-control';
 import { ItemsBlockControlId } from '../../enums/controlEnums';
 export declare const CONTROL_BLOCK_ID = ItemsBlockControlId.PRICE_HIDE_DISCOUNT;
 export declare class PriceHideDiscountControl extends CommonControl {
-    private store;
     getId(): string;
     getTemplate(): string;
     onRender(): void;

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

@@ -3,7 +3,6 @@ import { CommonControl } from '../../../common-control';
 import { ItemsBlockControlId } from '../../enums/controlEnums';
 export declare const CONTROL_BLOCK_ID = ItemsBlockControlId.PRICE_ORIENTATION;
 export declare class PriceOrientationControl extends CommonControl {
-    private store;
     getId(): string;
     getTemplate(): string;
     onRender(): void;

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

@@ -3,15 +3,10 @@ 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

@@ -3,12 +3,10 @@ import { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
 import { CommonControl } from '../../common-control';
 export declare const CONTROL_BLOCK_ID = "ui-elements-items-block";
 export declare class ItemsBlockControl extends CommonControl {
-    private store;
     getId(): string;
     getTemplate(): string;
     onRender(): void;
     onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
-    onDestroy(): void;
     _getItemsType(): string;
     _getOrientation(): string;
     _getItemInCart(): string;
@@ -18,7 +16,7 @@ export declare class ItemsBlockControl extends CommonControl {
     _initializeSelectItems(): void;
     _listenToFormUpdates(): void;
     _renderTemplate(): void;
-    _getTemplateData(): {
+    _getTemplateData(itemsTypeOverride?: ProductType, itemIdOverride?: string): {
         imageSrc: string;
         name: string;
         price: string;
@@ -26,15 +24,15 @@ export declare class ItemsBlockControl extends CommonControl {
         quantity: string;
         button: string;
     };
-    _updateImageSrc(imageSrc: string): void;
-    _updateName(name: string): void;
-    _updatePrice(price: string): void;
-    _updateOriginalPrice(originalPrice: string): void;
-    _updateQuantity(quantity: string): void;
-    _reOrderTemplate(): void;
-    _updateDataTypeAttributes(itemsType: ProductType): void;
-    _updateDataNumberAttributes(itemId: string): void;
-    _reFillTemplate(): void;
+    _updateImageSrc(imageSrc: string, modifier: ReturnType<typeof this.api.getDocumentModifier>): void;
+    _updateName(name: string, modifier: ReturnType<typeof this.api.getDocumentModifier>): void;
+    _updatePrice(price: string, modifier: ReturnType<typeof this.api.getDocumentModifier>): void;
+    _updateOriginalPrice(originalPrice: string, modifier: ReturnType<typeof this.api.getDocumentModifier>): void;
+    _updateQuantity(quantity: string, itemsTypeOverride: ProductType | undefined, modifier: ReturnType<typeof this.api.getDocumentModifier>): void;
+    _reOrderTemplate(modifier?: ReturnType<typeof this.api.getDocumentModifier>): void;
+    _updateDataTypeAttributes(itemsType: ProductType, modifier: ReturnType<typeof this.api.getDocumentModifier>): void;
+    _updateDataNumberAttributes(itemId: string, modifier: ReturnType<typeof this.api.getDocumentModifier>): void;
+    _reFillTemplate(itemsType?: ProductType): void;
     _recalculateTrimming(): void;
     private _getParagraphFromBlock;
     private _escapeRegex;

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

@@ -66,8 +66,9 @@ export declare function getItemsBlockConfig(currentNode: ImmutableHtmlNode | und
  * @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)
+ * @param modifier - Optional document modifier for batching updates
  */
-export declare function setItemsBlockConfig(currentNode: ImmutableHtmlNode | undefined, api: ControlApi | BlockApi, config: Partial<ItemsBlockConfig>): void;
+export declare function setItemsBlockConfig(currentNode: ImmutableHtmlNode | undefined, api: ControlApi | BlockApi, config: Partial<ItemsBlockConfig>, modifier?: ReturnType<typeof api.getDocumentModifier>): void;
 /**
  * Gets the block instance ID from the node config.
  * @param currentNode - The current node from the control

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

@@ -7,22 +7,69 @@ export interface CardCompositionItem {
     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
+     * Creates the HTML content for an orderable item with label and toggle
+     */
+    private _createItemContent;
+    /**
+     * Registers event listeners for composition and visibility changes
+     */
+    private _registerValueChangeListeners;
+    /**
+     * Initializes composition order and visibility state from the current node
      */
     private _initializeComposition;
+    /**
+     * Reads composition order from node's data-card-composition attribute
+     * Falls back to default order if attribute is not present
+     */
+    private _readCompositionFromNode;
+    /**
+     * Builds visibility values object from the visibility map
+     */
+    private _buildVisibilityValues;
+    /**
+     * Read visibility state from individual row elements' data-visibility attributes
+     * This ensures toggles reflect the actual DOM state
+     */
+    private _readVisibilityFromRows;
+    /**
+     * Returns default visibility values for all items
+     */
+    private _getDefaultVisibilities;
+    /**
+     * Extracts visibility values from DOM nodes
+     */
+    private _extractVisibilityFromRows;
+    /**
+     * Parses visibility value from string to boolean
+     * Accepts "1", "true" as true, everything else as false
+     */
+    private _parseVisibilityValue;
+    /**
+     * Merges extracted visibilities with default values for missing keys
+     */
+    private _mergeWithDefaults;
     /**
      * Apply the reordered composition to the block's HTML structure
+     * Updates the data-card-composition attribute and reorders product attributes
      */
     private _applyCompositionToBlock;
+    /**
+     * Reorders attribute rows within each product row based on composition order
+     */
+    private _reorderProductAttributes;
+    /**
+     * Builds HTML string with attributes ordered according to composition
+     */
+    private _buildCompositionHtml;
     /**
      * Apply visibility changes to the block's HTML structure
+     * Updates display style and data-visibility attribute for all matching rows
      */
     private _applyVisibilityToBlock;
 }

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

@@ -1,3 +1,14 @@
+/**
+ * Attribute type constants used in templates
+ * These are used as keys in ElementRenderer and composition arrays
+ */
+export declare const ATTR_PRODUCT_IMAGE = "productImage";
+export declare const ATTR_PRODUCT_NAME = "productName";
+export declare const ATTR_PRODUCT_PRICE = "productPrice";
+export declare const ATTR_PRODUCT_OLD_PRICE = "productOldPrice";
+export declare const ATTR_PRODUCT_OMNIBUS_PRICE = "productOmnibusPrice";
+export declare const ATTR_PRODUCT_OMNIBUS_DISCOUNT = "productOmnibusDiscount";
+export declare const ATTR_PRODUCT_BUTTON = "productButton";
 /**
  * Block IDs used in the Recommendation Extension
  * These IDs are used in the esd-extension-block-id attribute to identify specific blocks
@@ -7,6 +18,8 @@ export declare enum RecommendationBlockId {
     NAME = "recommendation-block-name",
     PRICE = "recommendation-block-price",
     OLD_PRICE = "recommendation-block-old-price",
+    OMNIBUS_PRICE = "recommendation-block-omnibus-price",
+    OMNIBUS_DISCOUNT = "recommendation-block-omnibus-discount",
     IMAGE = "recommendation-block-image"
 }
 /**
@@ -32,6 +45,7 @@ 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",
@@ -46,6 +60,24 @@ 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

@@ -17,8 +17,6 @@ export declare class RecommendationBlockControl extends CommonControl {
     _getProductLayout(): string;
     _getFilterStatus(): string;
     _getShuffleProducts(): string;
-    _getResponsive(): string;
-    _onFilterChange(value: boolean): void;
     _onFilterSelectClick(): void;
     _onDataChange(item: string, value: string | number | string[]): void;
     /**
@@ -26,6 +24,11 @@ export declare class RecommendationBlockControl extends CommonControl {
      */
     _getCardComposition(): string[];
     _regenerateProductRows(): void;
+    /**
+     * Reapply spacing values after product regeneration
+     * This ensures spacing persists when products are regenerated
+     */
+    _reapplySpacing(): void;
     _debouncedRegenerateProductRows: import("@vueuse/shared").PromisifyFn<() => void>;
     _onCurrencyConfigChange(item: string, value: string | number): void;
     _onCurrencyChange(value: string): void;

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

@@ -0,0 +1,25 @@
+import { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
+import { CommonControl } from '../../common-control';
+export declare const CARD_BACKGROUND_COLOR_CONTROL_ID = "recommendation-card-background-color-control";
+/**
+ * Control for managing recommendation card background color
+ * This control is displayed in the Styles tab
+ */
+export declare class CardBackgroundColorControl extends CommonControl {
+    getId(): string;
+    getTemplate(): string;
+    onRender(): void;
+    onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
+    _setFormValues(): void;
+    /**
+     * Reads the current background color from the first product card wrapper
+     * @returns The background color value or 'transparent' if not found
+     */
+    _getCurrentCardBackgroundColor(): string;
+    /**
+     * Handles card background color changes
+     * Applies the color to all product card wrapper elements
+     */
+    _onCardBackgroundColorChange(color: string): void;
+    _listenToFormUpdates(): void;
+}