@useinsider/guido 1.0.3-beta.8496f2a → 1.0.3-beta.8646ecc

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

@@ -1,4 +1,3 @@
-import { ProductType } from '@@/Types/extensions/items';
 import { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
 import { CommonControl } from '../../common-control';
 export declare const CONTROL_BLOCK_ID = "ui-elements-items-block";
@@ -13,7 +12,7 @@ export declare class ItemsBlockControl extends CommonControl {
     _getOrientation(): string;
     _getItemInCart(): string;
     _onOrientationChange(value: string): void;
-    _onItemsTypeChange(value: string): void;
+    _onItemsTypeChange(value: string, oldValue: string): void;
     _onItemIdsChange(value: string): void;
     _initializeSelectItems(): void;
     _listenToFormUpdates(): void;
@@ -31,13 +30,8 @@ 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.
-     */
+    _updateButton(button: string): void;
     _reOrderTemplate(): void;
-    _updateDataTypeAttributes(itemsType: ProductType): void;
-    _updateDataNumberAttributes(itemId: string): void;
     _reFillTemplate(): void;
     _recalculateTrimming(): void;
     private _getParagraphFromBlock;

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

@@ -1,4 +1,3 @@
-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;
@@ -17,12 +16,6 @@ export declare const configAttributes: {
     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: {
@@ -159,4 +152,3 @@ export declare const productPairs: {
         };
     };
 };
-export declare const itemsBlockDynamicVariables: string[];

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

@@ -34,12 +34,6 @@ export declare const DefaultConfigValues: {
     productNameControlTrim: string;
     productQuantityControlEnabled: string;
     productPriceControlOpened: string;
-    productImageVisible: string;
-    productNameVisible: string;
-    productQuantityVisible: string;
-    productPriceVisible: string;
-    productOriginalPriceVisible: string;
-    productButtonVisible: string;
 };
 export declare const ItemInCartOptions: {
     [x: string]: {

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

@@ -10,15 +10,7 @@ type TemplateParameters = {
     formattedPrice?: boolean;
 };
 /**
- * Generates the default template for the Items Block.
- * @param params - Template parameters including orientation, items type, item ID, and formatting options
- * @param params.orientation - Layout orientation ('vertical' or 'horizontal')
- * @param params.itemsType - Product data source type ('CART_ITEMS', 'BROWSED_ITEMS', or 'PURCHASED_ITEMS')
- * @param params.itemId - The merge tag for the item (e.g., '{{Abandoned Cart Item (1) Url}}')
- * @param params.currencySymbol - Currency symbol to display (e.g., 'USD')
- * @param params.currencyLocation - Currency position ('0' for before, '1' for after)
- * @param params.formattedPrice - Whether to use formatted price display
- * @returns HTML template string for the Items Block
+ * @returns The template for the default checkbox block
  */
 export declare function getDefaultTemplate({ orientation, itemsType, itemId, currencySymbol, currencyLocation, formattedPrice, }: TemplateParameters): string;
 export default migrationTemplate;

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

@@ -1,4 +1,4 @@
-declare const migrationTemplate = "\n    <td\n        align=\"left\"\n        esd-extension-block-id=\"radio-button-block\"\n        esd-handler-name=\"esd-extension-RadioButtonBlock\"\n        class=\"\n            radio-button\n            radio-button-v2\n            esd-block-ra\n            esd-radio-button-block\n            esd-extension-block\n            es-p10t\n            es-p10b\n            es-p30r\n            es-p30l\"\n    >\n        <table cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" width=\"100%\">\n            <tbody>\n                <tr>\n                    <td align=\"left\" width=\"70%\" style=\"vertical-align: top;\">\n                        <table cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" width=\"100%\">\n                            <tbody>\n                                <tr>\n                                    {-{-TITLE-}-}\n                                </tr>\n                                <tr>\n                                    {-{-DESCRIPTION-}-}\n                                </tr>\n                            </tbody>\n                        </table>\n                    </td>\n                    <td align=\"right\" width=\"30%\" style=\"vertical-align: middle;\">\n                        <table cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" width=\"100%\">\n                            <tbody>\n                                <tr>\n                                    <td width=\"50%\">\n                                        <table width=\"100%\">\n                                            <tr>\n                                                <td width=\"24\">\n                                                    <input\n                                                        type=\"radio\"\n                                                        id=\"radioYes\"\n                                                        name=\"unsubscribe\"\n                                                        data-cke-editable=\"1\"\n                                                        style=\"margin: 0px; vertical-align: middle;>\n                                                    </td>\n                                                {-{-YES-}-}\n                                            </tr>\n                                        </table>\n                                    </td>\n                                    <td width=\"50%\">\n                                        <table width=\"100%\">\n                                            <tr>\n                                                <td width=\"24\">\n                                                    <input\n                                                        type=\"radio\"\n                                                        id=\"radioNo\"\n                                                        name=\"unsubscribe\"\n                                                        data-cke-editable=\"1\"\n                                                        style=\"margin: 0px; vertical-align: middle;\">\n                                                </td>\n                                                {-{-NO-}-}\n                                            </tr>\n                                        </table>\n                                    </td>\n                                </tr>\n                            </tbody>\n                        </table>\n                    </td>\n                </tr>\n            </tbody>\n        </table>\n    </td>\n";
+declare const migrationTemplate = "\n    <td \n        align=\"left\" \n        esd-extension-block-id=\"radio-button-block\" \n        esd-handler-name=\"esd-extension-RadioButtonBlock\"\n        class=\"radio-button-v2 esd-block-ra esd-radio-button-block esd-extension-block es-p10t es-p10b es-p30r es-p30l\"\n    >\n        <table cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" width=\"100%\">\n            <tbody>\n                <tr>\n                    <td align=\"left\" width=\"70%\" style=\"vertical-align: top;\">\n                        <table cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" width=\"100%\">\n                            <tbody>\n                                <tr>\n                                    {-{-TITLE-}-}\n                                </tr>\n                                <tr>\n                                    {-{-DESCRIPTION-}-}\n                                </tr>\n                            </tbody>\n                        </table>\n                    </td>\n                    <td align=\"right\" width=\"30%\" style=\"vertical-align: middle;\">\n                        <table cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" width=\"100%\">\n                            <tbody>\n                                <tr>\n                                    <td width=\"50%\">\n                                        <table width=\"100%\">\n                                            <tr>\n                                                <td width=\"24\">\n                                                    <input\n                                                        type=\"radio\"\n                                                        id=\"radioYes\"\n                                                        name=\"unsubscribe\"\n                                                        data-cke-editable=\"1\"\n                                                        style=\"margin: 0px; vertical-align: middle;>\n                                                    </td>\n                                                {-{-YES-}-}\n                                            </tr>\n                                        </table>\n                                    </td>\n                                    <td width=\"50%\">\n                                        <table width=\"100%\">\n                                            <tr>\n                                                <td width=\"24\">\n                                                    <input\n                                                        type=\"radio\"\n                                                        id=\"radioNo\"\n                                                        name=\"unsubscribe\"\n                                                        data-cke-editable=\"1\"\n                                                        style=\"margin: 0px; vertical-align: middle;\">\n                                                </td>\n                                                {-{-NO-}-}\n                                            </tr>\n                                        </table>\n                                    </td>\n                                </tr>\n                            </tbody>\n                        </table>\n                    </td>\n                </tr>\n            </tbody>\n        </table>\n    </td>\n";
 /**
  * @returns The template for the default checkbox block
  */

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

@@ -34,7 +34,7 @@ interface StoreState {
     filterList: FiltersResponse;
     filterGroup: number;
 }
-export declare const useRecommendationExtensionStore: import("pinia").StoreDefinition<"guidoRecommendationExtension", StoreState, {
+export declare const useRecommendationExtensionStore: import("pinia").StoreDefinition<"recommendationExtension", StoreState, {
     hasFilters: (state: {
         recommendationCampaignUrls: Record<string, string>;
         recommendationConfigs: {

package/dist/src/extensions/DynamicContent/dynamic-content-modal.d.ts

@@ -1,13 +1,6 @@
-import type { DynamicContent, PositionData } from '@@/Types/generic';
+import type { DynamicContent } from '@@/Types/generic';
 export declare class ExternalMergeTagsLibrary {
     selectedDynamicContent: DynamicContent | null;
     dataSelectCallback: (data: DynamicContent) => void;
-    private closeDynamicContentHandler;
-    /**
-     * Opens the merge tags library modal
-     * @param dynamicContent - Currently selected dynamic content (if any)
-     * @param onDataSelectCallback - Callback invoked when user selects a merge tag
-     * @param position - Optional position data to place the modal
-     */
-    openMergeTagsLibrary(dynamicContent: DynamicContent, onDataSelectCallback: (data: DynamicContent) => void, position?: PositionData): void;
+    openMergeTagsLibrary(dynamicContent: DynamicContent, onDataSelectCallback: (data: DynamicContent) => void): void;
 }

package/dist/src/extensions/DynamicContent/dynamic-content.d.ts

@@ -1,66 +1,16 @@
-import type { MergeTag } from '@@/Types/generic';
 import { UIElementType, UIElement, UIElementTagRegistry } from '@stripoinc/ui-editor-extensions';
 export declare class DynamicContentTagRegistry extends UIElementTagRegistry {
     registerUiElements(uiElementsTagsMap: Record<UIElementType, string>): void;
 }
 export declare class DynamicContentUiElementExtension extends UIElement {
     private mergeTagsButton;
+    private listener;
     private mergeTagsLibrary;
-    private clickListener;
-    private lastClickedElement;
-    private lastClickedFrame;
-    private mousedownListener;
+    private selectedDynamicContent;
     getId(): string;
     onRender(container: HTMLElement): void;
     onDestroy(): void;
     _onClick(): void;
-    /**
-     * Called when Stripo detects merge tag interactions
-     * This is the key method that receives notifications about merge tag clicks
-     * @param name - Attribute name (e.g., 'mergeTag')
-     * @param value - MergeTag object with label, value, selStart, selEnd, etc.
-     */
-    onAttributeUpdated(name: string, value: MergeTag | null | undefined): void;
     openMergeTagLibrary(): void;
-    /**
-     * Opens the dynamic content library for external apps
-     * Dispatches event with dynamic content data and position
-     */
-    private _openDynamicContentLibrary;
-    /**
-     * Gets the button's position on the screen
-     * Used to position the modal or anything else near the button
-     */
-    private _getButtonPosition;
-    /**
-     * Sets up coordinate tracking for merge tag clicks in the iframe
-     * Workaround from Stripo intercepting click events - tracks mousedown events instead
-     */
-    private _setupCoordinateTracking;
-    /**
-     * Gets the editor iframe element
-     */
-    private _getEditorFrame;
-    /**
-     * Finds merge tag element in the element tree
-     */
-    private _findMergeTagElement;
-    /**
-     * Gets the position of the last clicked element, calculated on-demand
-     * This ensures we always use the correct element's position even with rapid clicks
-     */
-    private _getLastClickedPosition;
-    /**
-     * Calculates absolute position of element relative to page
-     */
-    private _calculateAbsolutePosition;
-    /**
-     * Cleans up the coordinate tracking event listener
-     */
-    private _cleanupCoordinateTracking;
-    /**
-     * Returns the HTML template for the "Add Dynamic Content" button
-     * This button is placed in the merge tags selector UI
-     */
     getTemplate(): string;
 }

package/dist/src/stores/config.d.ts

@@ -3,7 +3,7 @@ interface StoreState {
     guidoConfig: GuidoConfig;
     templateConfig?: TemplateConfig;
 }
-export declare const useConfigStore: import("pinia").StoreDefinition<"guidoConfig", StoreState, {
+export declare const useConfigStore: import("pinia").StoreDefinition<"config", StoreState, {
     getVariationId: (state: {
         guidoConfig: {
             translationsPath: string;
@@ -78,7 +78,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guidoConfi
                 saveAsTemplate?: boolean | undefined;
                 versionHistory?: boolean | undefined;
                 testMessage?: boolean | undefined;
-                displayConditions?: boolean | undefined;
             } | undefined;
             blocks?: {
                 excludeDefaults?: import("@@/Types/generic").GuidoBlockType[] | undefined;
@@ -89,12 +88,12 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guidoConfi
         templateConfig?: {
             preselectedDynamicContentList?: {
                 value: string;
+                text: string;
                 fallback?: string | undefined;
                 format?: {
                     key: string;
                     value: string;
                 } | undefined;
-                text: string;
             }[] | undefined;
             selectedUnsubscribePages?: number[] | undefined;
             variationId?: string | undefined;

package/dist/src/stores/dynamic-content.d.ts

@@ -1,26 +1,26 @@
 import type { DynamicContent } from '@@/Types/generic';
-export declare const useDynamicContentStore: import("pinia").StoreDefinition<"guidoDynamicContent", {
+export declare const useDynamicContentStore: import("pinia").StoreDefinition<"dynamicContent", {
     selectedDynamicContent: DynamicContent;
     selectedDynamicContentList: DynamicContent[];
 }, {
     getSelectedDynamicContentList: (state: {
         selectedDynamicContent: {
             value: string;
+            text: string;
             fallback?: string | undefined;
             format?: {
                 key: string;
                 value: string;
             } | undefined;
-            text: string;
         };
         selectedDynamicContentList: {
             value: string;
+            text: string;
             fallback?: string | undefined;
             format?: {
                 key: string;
                 value: string;
             } | undefined;
-            text: string;
         }[];
     } & import("pinia").PiniaCustomStateProperties<{
         selectedDynamicContent: DynamicContent;

package/dist/src/stores/editor.d.ts

@@ -1,4 +1,4 @@
-export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEditor", {
+export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
     loadingStatus: boolean;
     isCodeEditorOpen: boolean;
     isSaveAsTemplateDrawerOpen: boolean;