@useinsider/guido 2.0.0-beta.5ccd854 → 2.0.0-beta.689d09e

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/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/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

@@ -10,8 +10,10 @@ 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 from esd-config-block) */
+    /** Legacy config format (data-* attributes for migration) */
     configBlockAttributes?: Record<string, string>;
     /** New config format (Stripo V2 nodeConfig from esd-ext-config) */
     nodeConfig?: Partial<ItemsBlockConfig>;

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

@@ -2,7 +2,6 @@ import { OrientationType, ProductType } from '@@/Types/extensions/items';
 import { ImmutableHtmlNode, ImmutableHtmlElementNode, ControlApi, BlockApi } from '@stripoinc/ui-editor-extensions';
 /**
  * Typed configuration object for Items Block.
- * Replaces the deprecated esd-config-block data-* attributes approach.
  * Configuration is stored directly on the block node using Stripo V2's getNodeConfig/setNodeConfig API.
  */
 export interface ItemsBlockConfig {
@@ -16,6 +15,7 @@ export interface ItemsBlockConfig {
     nameControlEnabled: boolean;
     priceHideDiscount: boolean;
     priceFormatted: boolean;
+    priceSinglePrice: boolean;
     priceCurrencySymbol: string;
     priceCurrencyLocation: string;
     priceControlOpened: boolean;
@@ -24,6 +24,8 @@ export interface ItemsBlockConfig {
     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;
@@ -50,7 +52,7 @@ export declare function getItemsBlockContainer(currentNode: ImmutableHtmlNode |
 /**
  * Gets the node configuration from the Items block.
  * Uses Stripo V2's getNodeConfig() API.
- * Falls back to migrating from legacy esd-config-block if nodeConfig is empty.
+ * 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
  */

package/dist/src/extensions/Blocks/common-control.d.ts

@@ -61,13 +61,7 @@ export declare abstract class CommonControl extends Control {
      */
     protected getItemsBlockContainer(): ImmutableHtmlElementNode | null;
     /**
-     * Gets the config block element from the current node (legacy support).
-     * @deprecated Use getNodeConfig() from nodeConfigUtils instead for Stripo V2
-     * @returns The config block element or null if not found
-     */
-    protected getConfigBlock(): ImmutableHtmlElementNode | null;
-    /**
-     * Gets the current block instance ID from the node config (Stripo V2) or legacy config block.
+     * Gets the current block instance ID from the node config (Stripo V2).
      * @returns The block instance ID or null if not found
      */
     protected getBlockInstanceId(): string | null;

package/dist/src/extensions/Blocks/controlFactories.d.ts

@@ -12,8 +12,9 @@
 import { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
 /**
  * Factory function to create text align controls for different block elements
+ * When targetBlockId and containerSelector are not provided, applies directly to root
  */
-export declare function createTextAlignControl(controlId: string, targetBlockId: string, containerSelector: string): {
+export declare function createTextAlignControl(controlId: string, targetBlockId?: string, containerSelector?: string): {
     new (): {
         getId(): string;
         getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
@@ -27,8 +28,9 @@ export declare function createTextAlignControl(controlId: string, targetBlockId:
 };
 /**
  * Factory function to create text color controls for different block elements
+ * When targetBlockId and containerSelector are not provided, applies directly to root
  */
-export declare function createTextColorControl(controlId: string, targetBlockId: string, containerSelector?: string): {
+export declare function createTextColorControl(controlId: string, targetBlockId?: string, containerSelector?: string): {
     new (): {
         getId(): string;
         getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
@@ -42,8 +44,9 @@ export declare function createTextColorControl(controlId: string, targetBlockId:
 };
 /**
  * Factory function to create text size controls for different block elements
+ * When targetBlockId and containerSelector are not provided, applies directly to root
  */
-export declare function createTextSizeControl(controlId: string, targetBlockId: string, containerSelector?: string): {
+export declare function createTextSizeControl(controlId: string, targetBlockId?: string, containerSelector?: string): {
     new (): {
         getId(): string;
         getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
@@ -57,8 +60,9 @@ export declare function createTextSizeControl(controlId: string, targetBlockId:
 };
 /**
  * Factory function to create text style controls for different block elements
+ * When targetBlockId and containerSelector are not provided, applies directly to root
  */
-export declare function createTextStyleControl(controlId: string, targetBlockId: string, containerSelector?: string): {
+export declare function createTextStyleControl(controlId: string, targetBlockId?: string, containerSelector?: string): {
     new (): {
         getId(): string;
         getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
@@ -72,8 +76,9 @@ export declare function createTextStyleControl(controlId: string, targetBlockId:
 };
 /**
  * Factory function to create text font family controls for different block elements
+ * When targetBlockId and containerSelector are not provided, applies directly to root
  */
-export declare function createTextFontFamilyControl(controlId: string, targetBlockId: string, containerSelector?: string): {
+export declare function createTextFontFamilyControl(controlId: string, targetBlockId?: string, containerSelector?: string): {
     new (): {
         getId(): string;
         getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
@@ -87,8 +92,9 @@ export declare function createTextFontFamilyControl(controlId: string, targetBlo
 };
 /**
  * Factory function to create text background color controls for different block elements
+ * When targetBlockId and containerSelector are not provided, applies directly to root
  */
-export declare function createTextBackgroundColorControl(controlId: string, targetBlockId: string, containerSelector?: string): {
+export declare function createTextBackgroundColorControl(controlId: string, targetBlockId?: string, containerSelector?: string): {
     new (): {
         getId(): string;
         getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
@@ -102,8 +108,25 @@ export declare function createTextBackgroundColorControl(controlId: string, targ
 };
 /**
  * Factory function to create paddings controls for different block elements
+ * When targetBlockId and containerSelector are not provided, applies directly to root
  */
-export declare function createPaddingsControl(controlId: string, targetBlockId: string, containerSelector?: string): {
+export declare function createPaddingsControl(controlId: string, targetBlockId?: string, containerSelector?: string): {
+    new (): {
+        getId(): string;
+        getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
+        getParentControlId(): string;
+        api: import("@stripoinc/ui-editor-extensions").ControlApi;
+        getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
+        getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
+        getAdditionalModifications(_root: ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
+        isVisible(_node: ImmutableHtmlNode): boolean;
+    };
+};
+/**
+ * Factory function to create text line spacing controls for different block elements
+ * When targetBlockId and containerSelector are not provided, applies directly to root
+ */
+export declare function createTextLineSpacingControl(controlId: string, targetBlockId?: string, containerSelector?: string): {
     new (): {
         getId(): string;
         getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];