@useinsider/guido 1.0.3-beta.8646ecc → 1.0.3-beta.87cb92a

package/dist/node_modules/lodash-es/toNumber.js

@@ -0,0 +1,22 @@
+import n from "./_baseTrim.js";
+import f from "./isObject.js";
+import o from "./isSymbol.js";
+var s = NaN, m = /^[-+]0x[0-9a-f]+$/i, p = /^0b[01]+$/i, e = /^0o[0-7]+$/i, b = parseInt;
+function O(r) {
+  if (typeof r == "number")
+    return r;
+  if (o(r))
+    return s;
+  if (f(r)) {
+    var t = typeof r.valueOf == "function" ? r.valueOf() : r;
+    r = f(t) ? t + "" : t;
+  }
+  if (typeof r != "string")
+    return r === 0 ? r : +r;
+  r = n(r);
+  var i = p.test(r);
+  return i || e.test(r) ? b(r.slice(2), i ? 2 : 8) : m.test(r) ? s : +r;
+}
+export {
+  O as default
+};

package/dist/node_modules/lodash-es/toString.js

@@ -0,0 +1,7 @@
+import r from "./_baseToString.js";
+function o(t) {
+  return t == null ? "" : r(t);
+}
+export {
+  o as default
+};

package/dist/package.json.js

@@ -1,4 +1,4 @@
-const o = { stripo: { version: "2.42.0" } }, s = {
+const o = { stripo: { version: "2.47.0" } }, s = {
   guido: o
 };
 export {

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

@@ -7,6 +7,7 @@ type Features = {
     saveAsTemplate?: boolean;
     versionHistory?: boolean;
     testMessage?: boolean;
+    displayConditions?: boolean;
 };
 type Partner = {
     partnerName: string;
@@ -37,15 +38,39 @@ export type TemplateConfig = {
     selectedUnsubscribePages?: number[];
     variationId?: string;
 };
-export type DynamicContent = {
+export type BaseDynamicContent = {
     value: string;
-    text: string;
     fallback?: string;
     format?: {
         key: string;
         value: string;
     };
 };
+export type DynamicContent = BaseDynamicContent & {
+    text: string;
+};
+export type MergeTag = BaseDynamicContent & {
+    label: string;
+    selStart?: number;
+    selEnd?: number;
+    hidden?: boolean;
+};
+export type PositionData = {
+    x: number;
+    y: number;
+    width?: number;
+    height?: number;
+};
+export type DynamicContentEvent = {
+    attribute: DynamicContent;
+    position?: PositionData;
+};
+export type MergeTagClickEvent = {
+    position: PositionData;
+    element: HTMLElement;
+    tagValue: string | null;
+    tagLabel: string | null;
+};
 export interface EmailHeader {
     senderName: string;
     subject: string;
@@ -61,10 +86,6 @@ export interface TooltipOptions {
     };
     preventXss?: boolean;
 }
-export type MergeTag = {
-    label: string;
-    value: string;
-};
 export type TextValueObject = {
     text: string;
     value: string;

package/dist/src/components/Guido.vue.d.ts

@@ -1,4 +1,4 @@
-import type { DynamicContent, GuidoConfig, TemplateConfig } from '@@/Types/generic';
+import type { DynamicContent, GuidoConfig, PositionData, TemplateConfig } from '@@/Types/generic';
 import type { SavedTemplateDetails } from '@@/Types/stripo';
 type __VLS_Props = {
     templateId: string;
@@ -20,13 +20,14 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<__
     hasChanges: import("vue").ComputedRef<boolean>;
     saveSilent: () => Promise<SavedTemplateDetails | undefined> | undefined;
 }, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {
-    "dynamic-content:open": (detail: DynamicContent | null) => void;
+    "dynamic-content:open": (detail: DynamicContent | null, position?: PositionData | undefined) => void;
     back: () => void;
     "save:start": () => void;
     "save:complete": (data: Omit<SavedTemplateDetails, "forceRecreate">) => void;
     "on-change": (hasChanges: boolean) => void;
     ready: () => void;
     "onboarding:finished": () => void;
+    "test-email:click": () => void;
 }, string, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<__VLS_Props>>>, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/dist/src/components/organisms/onboarding/ItemsOnboarding.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

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

@@ -3,9 +3,11 @@ import type { InjectionKey } from 'vue';
 export type BackHandler = () => void;
 export type SaveStartHandler = () => void;
 export type SaveCompleteHandler = (template: Omit<SavedTemplateDetails, 'forceRecreate'>) => void;
+export type TestEmailClickHandler = () => void;
 export declare const BACK_KEY: InjectionKey<BackHandler>;
 export declare const SAVE_START_KEY: InjectionKey<SaveStartHandler>;
 export declare const SAVE_COMPLETE_KEY: InjectionKey<SaveCompleteHandler>;
+export declare const TEST_EMAIL_CLICK_KEY: InjectionKey<TestEmailClickHandler>;
 /**
  * Provides Guido action handlers to child components
  */
@@ -13,6 +15,7 @@ export declare const provideGuidoActions: (actions: {
     onBack: BackHandler;
     onSaveStart: SaveStartHandler;
     onSaveComplete: SaveCompleteHandler;
+    onTestEmailClick: TestEmailClickHandler;
 }) => void;
 /**
  * Provides individual Guido action handlers
@@ -35,6 +38,11 @@ export declare const useSaveStart: () => SaveStartHandler;
  * @returns Save complete function
  */
 export declare const useSaveComplete: () => SaveCompleteHandler;
+/**
+ * Hook to use the test email click handler
+ * @returns Test email click function
+ */
+export declare const useTestEmailClick: () => TestEmailClickHandler;
 /**
  * Convenience hook to get all Guido actions
  * @returns Object containing all action handlers
@@ -43,4 +51,5 @@ export declare const useGuidoActions: () => {
     back: BackHandler;
     saveStart: SaveStartHandler;
     saveComplete: SaveCompleteHandler;
+    testEmailClick: TestEmailClickHandler;
 };

package/dist/src/config/compiler/itemsCompilerRules.d.ts

@@ -0,0 +1,2 @@
+import type { CompilerRule } from '@@/Types/html-compiler';
+export declare const itemsCompilerRules: CompilerRule[];

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

@@ -1,2 +1,6 @@
 export declare const SERVICE_HOVER_SELECTORS: string[];
+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/extensions/Blocks/Checkbox/template.d.ts

@@ -1,4 +1,4 @@
-declare const migrationTemplate = "\n    <td \n        align=\"left\" \n        esd-extension-block-id=\"checkbox-block\" \n        class=\"checkbox-block-v2 esd-block-checkbox esd-checkbox-block esd-extension-block es-p20\"\n    >\n        <table cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" width=\"100%\">\n            <tbody>\n            <tr>\n                <td align=\"left\" width=\"39\" style=\"vertical-align: top\">\n                <input type=\"checkbox\">\n                </td>\n                <td align=\"left\" width=\"816\" 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            </tr>\n            </tbody>\n        </table>\n    </td>\n";
+declare const migrationTemplate = "\n    <td\n        align=\"left\"\n        esd-extension-block-id=\"checkbox-block\"\n        class=\"\n            checkbox-block\n            checkbox-block-v2\n            esd-block-checkbox\n            esd-checkbox-block\n            esd-extension-block es-p20\"\n    >\n        <table cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" width=\"100%\">\n            <tbody>\n            <tr>\n                <td align=\"left\" width=\"39\" style=\"vertical-align: top\">\n                <input type=\"checkbox\">\n                </td>\n                <td align=\"left\" width=\"816\" 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            </tr>\n            </tbody>\n        </table>\n    </td>\n";
 /**
  * @returns The template for the default checkbox block
  */

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

@@ -1,5 +1,19 @@
 import { Block, BlockCompositionType, ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
 export declare const BLOCK_ID = "items-block";
+/**
+ * Items Block extension for Stripo email editor.
+ *
+ * Displays personalized product items (cart items, browsed items, or purchased items)
+ * in a configurable card layout with horizontal or vertical orientation.
+ *
+ * Features:
+ * - Multiple product data sources (cart, browsed, purchased)
+ * - Configurable card composition (image, name, price, quantity, button)
+ * - Orientation control (horizontal/vertical)
+ * - Price formatting and currency display options
+ * - Product name trimming
+ * - Onboarding support
+ */
 export declare class ItemsBlock extends Block {
     getId(): string;
     getIcon(): string;

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

@@ -1,20 +1,33 @@
+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;
     onRender(): void;
-    onDestroy(): void;
+    onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
     _getToggleContainer({ name, label }: {
         name: string;
         label: string;
     }): string;
     _initializeToggles(): void;
+    _updateTogglesFromState(): void;
+    _syncVisibilityFromAttributes(): void;
+    /**
+     * If itemsType is not BROWSED_ITEMS, show quantity
+     * If itemsType is BROWSED_ITEMS, hide quantity
+     * and mark it as '0'
+     */
+    _handleBrowsedItemsQuantity(): void;
+    _applyVisibilityStyles(): void;
+    _updateVisibilityAttribute(elementName: string, isVisible: boolean): void;
     _listenToFormUpdates(): void;
-    _onProductImageChange(value: string): void;
-    _onProductNameChange(value: string): void;
-    _onProductQuantityChange(value: string): void;
-    _onProductPriceChange(value: string): void;
-    _onProductOriginalPriceChange(value: string): void;
-    _onProductButtonChange(value: string): void;
+    _onProductImageChange(value: boolean): void;
+    _onProductNameChange(value: boolean): void;
+    _onProductQuantityChange(value: boolean): void;
+    _onProductPriceChange(value: boolean): void;
+    _onProductOriginalPriceChange(value: boolean): void;
+    _onProductButtonChange(value: boolean): void;
 }

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

@@ -1,3 +1,4 @@
+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";
@@ -12,7 +13,7 @@ export declare class ItemsBlockControl extends CommonControl {
     _getOrientation(): string;
     _getItemInCart(): string;
     _onOrientationChange(value: string): void;
-    _onItemsTypeChange(value: string, oldValue: string): void;
+    _onItemsTypeChange(value: string): void;
     _onItemIdsChange(value: string): void;
     _initializeSelectItems(): void;
     _listenToFormUpdates(): void;
@@ -30,8 +31,13 @@ export declare class ItemsBlockControl extends CommonControl {
     _updatePrice(price: string): void;
     _updateOriginalPrice(originalPrice: string): void;
     _updateQuantity(quantity: string): void;
-    _updateButton(button: 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;
     _reFillTemplate(): void;
     _recalculateTrimming(): void;
     private _getParagraphFromBlock;

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

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

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

@@ -34,6 +34,12 @@ 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,7 +10,15 @@ type TemplateParameters = {
     formattedPrice?: boolean;
 };
 /**
- * @returns The template for the default checkbox block
+ * 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
  */
 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=\"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";
+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";
 /**
  * @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<"recommendationExtension", StoreState, {
+export declare const useRecommendationExtensionStore: import("pinia").StoreDefinition<"guidoRecommendationExtension", StoreState, {
     hasFilters: (state: {
         recommendationCampaignUrls: Record<string, string>;
         recommendationConfigs: {

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

@@ -1,6 +1,13 @@
-import type { DynamicContent } from '@@/Types/generic';
+import type { DynamicContent, PositionData } from '@@/Types/generic';
 export declare class ExternalMergeTagsLibrary {
     selectedDynamicContent: DynamicContent | null;
     dataSelectCallback: (data: DynamicContent) => void;
-    openMergeTagsLibrary(dynamicContent: DynamicContent, onDataSelectCallback: (data: DynamicContent) => void): 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;
 }

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

@@ -1,16 +1,66 @@
+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 selectedDynamicContent;
+    private clickListener;
+    private lastClickedElement;
+    private lastClickedFrame;
+    private mousedownListener;
     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<"config", StoreState, {
+export declare const useConfigStore: import("pinia").StoreDefinition<"guidoConfig", StoreState, {
     getVariationId: (state: {
         guidoConfig: {
             translationsPath: string;
@@ -78,6 +78,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"config", S
                 saveAsTemplate?: boolean | undefined;
                 versionHistory?: boolean | undefined;
                 testMessage?: boolean | undefined;
+                displayConditions?: boolean | undefined;
             } | undefined;
             blocks?: {
                 excludeDefaults?: import("@@/Types/generic").GuidoBlockType[] | undefined;
@@ -88,12 +89,12 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"config", S
         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<"dynamicContent", {
+export declare const useDynamicContentStore: import("pinia").StoreDefinition<"guidoDynamicContent", {
     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<"editor", {
+export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEditor", {
     loadingStatus: boolean;
     isCodeEditorOpen: boolean;
     isSaveAsTemplateDrawerOpen: boolean;