@useinsider/guido 1.0.3-beta.cdff8ce → 1.0.3-beta.ce3ed00

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;

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

@@ -1,5 +1,5 @@
 import type { OnboardingCardConfig, OnboardingType, OnboardingStoreState } from '@@/Types/onboarding';
-export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoOnboarding", OnboardingStoreState, {
+export declare const useOnboardingStore: import("pinia").StoreDefinition<"onboarding", OnboardingStoreState, {
     getOnboarding: (state: {
         onboardings: {
             newVersionPopup: {
@@ -107,27 +107,6 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
                     backButtonText?: string | undefined;
                 }[];
             };
-            itemsOnboarding: {
-                cardIndex: number;
-                isActive: boolean;
-                config: {
-                    classes: string;
-                    position: string;
-                    left?: string | undefined;
-                    right?: string | undefined;
-                    top?: string | undefined;
-                    bottom?: string | undefined;
-                    title: string;
-                    description: string;
-                    imageSource: string;
-                    backButtonClick: () => void;
-                    nextButtonType: string;
-                    nextButtonText: string;
-                    nextButtonClick: () => void;
-                    backButtonType?: string | undefined;
-                    backButtonText?: string | undefined;
-                }[];
-            };
         };
         userModalState: {
             Guido?: {
@@ -136,7 +115,6 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
                 textBlockOnboarding?: boolean | undefined;
                 versionHistoryOnboarding?: boolean | undefined;
                 ampOnboarding?: boolean | undefined;
-                itemsOnboarding?: boolean | undefined;
             } | undefined;
         };
         isFetched: boolean;
@@ -268,27 +246,6 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
                     backButtonText?: string | undefined;
                 }[];
             };
-            itemsOnboarding: {
-                cardIndex: number;
-                isActive: boolean;
-                config: {
-                    classes: string;
-                    position: string;
-                    left?: string | undefined;
-                    right?: string | undefined;
-                    top?: string | undefined;
-                    bottom?: string | undefined;
-                    title: string;
-                    description: string;
-                    imageSource: string;
-                    backButtonClick: () => void;
-                    nextButtonType: string;
-                    nextButtonText: string;
-                    nextButtonClick: () => void;
-                    backButtonType?: string | undefined;
-                    backButtonText?: string | undefined;
-                }[];
-            };
         };
         userModalState: {
             Guido?: {
@@ -297,7 +254,6 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
                 textBlockOnboarding?: boolean | undefined;
                 versionHistoryOnboarding?: boolean | undefined;
                 ampOnboarding?: boolean | undefined;
-                itemsOnboarding?: boolean | undefined;
             } | undefined;
         };
         isFetched: boolean;
@@ -409,27 +365,6 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
                     backButtonText?: string | undefined;
                 }[];
             };
-            itemsOnboarding: {
-                cardIndex: number;
-                isActive: boolean;
-                config: {
-                    classes: string;
-                    position: string;
-                    left?: string | undefined;
-                    right?: string | undefined;
-                    top?: string | undefined;
-                    bottom?: string | undefined;
-                    title: string;
-                    description: string;
-                    imageSource: string;
-                    backButtonClick: () => void;
-                    nextButtonType: string;
-                    nextButtonText: string;
-                    nextButtonClick: () => void;
-                    backButtonType?: string | undefined;
-                    backButtonText?: string | undefined;
-                }[];
-            };
         };
         userModalState: {
             Guido?: {
@@ -438,7 +373,6 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
                 textBlockOnboarding?: boolean | undefined;
                 versionHistoryOnboarding?: boolean | undefined;
                 ampOnboarding?: boolean | undefined;
-                itemsOnboarding?: boolean | undefined;
             } | undefined;
         };
         isFetched: boolean;
@@ -566,27 +500,6 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
                     backButtonText?: string | undefined;
                 }[];
             };
-            itemsOnboarding: {
-                cardIndex: number;
-                isActive: boolean;
-                config: {
-                    classes: string;
-                    position: string;
-                    left?: string | undefined;
-                    right?: string | undefined;
-                    top?: string | undefined;
-                    bottom?: string | undefined;
-                    title: string;
-                    description: string;
-                    imageSource: string;
-                    backButtonClick: () => void;
-                    nextButtonType: string;
-                    nextButtonText: string;
-                    nextButtonClick: () => void;
-                    backButtonType?: string | undefined;
-                    backButtonText?: string | undefined;
-                }[];
-            };
         };
         userModalState: {
             Guido?: {
@@ -595,7 +508,6 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
                 textBlockOnboarding?: boolean | undefined;
                 versionHistoryOnboarding?: boolean | undefined;
                 ampOnboarding?: boolean | undefined;
-                itemsOnboarding?: boolean | undefined;
             } | undefined;
         };
         isFetched: boolean;
@@ -723,27 +635,6 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
                     backButtonText?: string | undefined;
                 }[];
             };
-            itemsOnboarding: {
-                cardIndex: number;
-                isActive: boolean;
-                config: {
-                    classes: string;
-                    position: string;
-                    left?: string | undefined;
-                    right?: string | undefined;
-                    top?: string | undefined;
-                    bottom?: string | undefined;
-                    title: string;
-                    description: string;
-                    imageSource: string;
-                    backButtonClick: () => void;
-                    nextButtonType: string;
-                    nextButtonText: string;
-                    nextButtonClick: () => void;
-                    backButtonType?: string | undefined;
-                    backButtonText?: string | undefined;
-                }[];
-            };
         };
         userModalState: {
             Guido?: {
@@ -752,7 +643,6 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
                 textBlockOnboarding?: boolean | undefined;
                 versionHistoryOnboarding?: boolean | undefined;
                 ampOnboarding?: boolean | undefined;
-                itemsOnboarding?: boolean | undefined;
             } | undefined;
         };
         isFetched: boolean;
@@ -880,27 +770,6 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
                     backButtonText?: string | undefined;
                 }[];
             };
-            itemsOnboarding: {
-                cardIndex: number;
-                isActive: boolean;
-                config: {
-                    classes: string;
-                    position: string;
-                    left?: string | undefined;
-                    right?: string | undefined;
-                    top?: string | undefined;
-                    bottom?: string | undefined;
-                    title: string;
-                    description: string;
-                    imageSource: string;
-                    backButtonClick: () => void;
-                    nextButtonType: string;
-                    nextButtonText: string;
-                    nextButtonClick: () => void;
-                    backButtonType?: string | undefined;
-                    backButtonText?: string | undefined;
-                }[];
-            };
         };
         userModalState: {
             Guido?: {
@@ -909,7 +778,6 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
                 textBlockOnboarding?: boolean | undefined;
                 versionHistoryOnboarding?: boolean | undefined;
                 ampOnboarding?: boolean | undefined;
-                itemsOnboarding?: boolean | undefined;
             } | undefined;
         };
         isFetched: boolean;
@@ -1037,184 +905,6 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
                     backButtonText?: string | undefined;
                 }[];
             };
-            itemsOnboarding: {
-                cardIndex: number;
-                isActive: boolean;
-                config: {
-                    classes: string;
-                    position: string;
-                    left?: string | undefined;
-                    right?: string | undefined;
-                    top?: string | undefined;
-                    bottom?: string | undefined;
-                    title: string;
-                    description: string;
-                    imageSource: string;
-                    backButtonClick: () => void;
-                    nextButtonType: string;
-                    nextButtonText: string;
-                    nextButtonClick: () => void;
-                    backButtonType?: string | undefined;
-                    backButtonText?: string | undefined;
-                }[];
-            };
-        };
-        userModalState: {
-            Guido?: {
-                newVersionPopup?: boolean | undefined;
-                genericOnboarding?: boolean | undefined;
-                textBlockOnboarding?: boolean | undefined;
-                versionHistoryOnboarding?: boolean | undefined;
-                ampOnboarding?: boolean | undefined;
-                itemsOnboarding?: boolean | undefined;
-            } | undefined;
-        };
-        isFetched: boolean;
-    } & import("pinia").PiniaCustomStateProperties<OnboardingStoreState>) => {
-        classes: string;
-        position: string;
-        left?: string | undefined;
-        right?: string | undefined;
-        top?: string | undefined;
-        bottom?: string | undefined;
-        title: string;
-        description: string;
-        imageSource: string;
-        backButtonClick: () => void;
-        nextButtonType: string;
-        nextButtonText: string;
-        nextButtonClick: () => void;
-        backButtonType?: string | undefined;
-        backButtonText?: string | undefined;
-    };
-    getItemsCurrentCard: (state: {
-        onboardings: {
-            newVersionPopup: {
-                cardIndex: number;
-                isActive: boolean;
-                config: {
-                    classes: string;
-                    position: string;
-                    left?: string | undefined;
-                    right?: string | undefined;
-                    top?: string | undefined;
-                    bottom?: string | undefined;
-                    title: string;
-                    description: string;
-                    imageSource: string;
-                    backButtonClick: () => void;
-                    nextButtonType: string;
-                    nextButtonText: string;
-                    nextButtonClick: () => void;
-                    backButtonType?: string | undefined;
-                    backButtonText?: string | undefined;
-                }[];
-            };
-            genericOnboarding: {
-                cardIndex: number;
-                isActive: boolean;
-                config: {
-                    classes: string;
-                    position: string;
-                    left?: string | undefined;
-                    right?: string | undefined;
-                    top?: string | undefined;
-                    bottom?: string | undefined;
-                    title: string;
-                    description: string;
-                    imageSource: string;
-                    backButtonClick: () => void;
-                    nextButtonType: string;
-                    nextButtonText: string;
-                    nextButtonClick: () => void;
-                    backButtonType?: string | undefined;
-                    backButtonText?: string | undefined;
-                }[];
-            };
-            textBlockOnboarding: {
-                cardIndex: number;
-                isActive: boolean;
-                config: {
-                    classes: string;
-                    position: string;
-                    left?: string | undefined;
-                    right?: string | undefined;
-                    top?: string | undefined;
-                    bottom?: string | undefined;
-                    title: string;
-                    description: string;
-                    imageSource: string;
-                    backButtonClick: () => void;
-                    nextButtonType: string;
-                    nextButtonText: string;
-                    nextButtonClick: () => void;
-                    backButtonType?: string | undefined;
-                    backButtonText?: string | undefined;
-                }[];
-            };
-            versionHistoryOnboarding: {
-                cardIndex: number;
-                isActive: boolean;
-                config: {
-                    classes: string;
-                    position: string;
-                    left?: string | undefined;
-                    right?: string | undefined;
-                    top?: string | undefined;
-                    bottom?: string | undefined;
-                    title: string;
-                    description: string;
-                    imageSource: string;
-                    backButtonClick: () => void;
-                    nextButtonType: string;
-                    nextButtonText: string;
-                    nextButtonClick: () => void;
-                    backButtonType?: string | undefined;
-                    backButtonText?: string | undefined;
-                }[];
-            };
-            ampOnboarding: {
-                cardIndex: number;
-                isActive: boolean;
-                config: {
-                    classes: string;
-                    position: string;
-                    left?: string | undefined;
-                    right?: string | undefined;
-                    top?: string | undefined;
-                    bottom?: string | undefined;
-                    title: string;
-                    description: string;
-                    imageSource: string;
-                    backButtonClick: () => void;
-                    nextButtonType: string;
-                    nextButtonText: string;
-                    nextButtonClick: () => void;
-                    backButtonType?: string | undefined;
-                    backButtonText?: string | undefined;
-                }[];
-            };
-            itemsOnboarding: {
-                cardIndex: number;
-                isActive: boolean;
-                config: {
-                    classes: string;
-                    position: string;
-                    left?: string | undefined;
-                    right?: string | undefined;
-                    top?: string | undefined;
-                    bottom?: string | undefined;
-                    title: string;
-                    description: string;
-                    imageSource: string;
-                    backButtonClick: () => void;
-                    nextButtonType: string;
-                    nextButtonText: string;
-                    nextButtonClick: () => void;
-                    backButtonType?: string | undefined;
-                    backButtonText?: string | undefined;
-                }[];
-            };
         };
         userModalState: {
             Guido?: {
@@ -1223,7 +913,6 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
                 textBlockOnboarding?: boolean | undefined;
                 versionHistoryOnboarding?: boolean | undefined;
                 ampOnboarding?: boolean | undefined;
-                itemsOnboarding?: boolean | undefined;
             } | undefined;
         };
         isFetched: boolean;
@@ -1351,27 +1040,6 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
                     backButtonText?: string | undefined;
                 }[];
             };
-            itemsOnboarding: {
-                cardIndex: number;
-                isActive: boolean;
-                config: {
-                    classes: string;
-                    position: string;
-                    left?: string | undefined;
-                    right?: string | undefined;
-                    top?: string | undefined;
-                    bottom?: string | undefined;
-                    title: string;
-                    description: string;
-                    imageSource: string;
-                    backButtonClick: () => void;
-                    nextButtonType: string;
-                    nextButtonText: string;
-                    nextButtonClick: () => void;
-                    backButtonType?: string | undefined;
-                    backButtonText?: string | undefined;
-                }[];
-            };
         };
         userModalState: {
             Guido?: {
@@ -1380,7 +1048,6 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
                 textBlockOnboarding?: boolean | undefined;
                 versionHistoryOnboarding?: boolean | undefined;
                 ampOnboarding?: boolean | undefined;
-                itemsOnboarding?: boolean | undefined;
             } | undefined;
         };
         isFetched: boolean;
@@ -1388,7 +1055,6 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
 }, {
     closeOtherOnboardings(exceptType: OnboardingType): void;
     start(type: OnboardingType): void;
-    startOnboarding(type: OnboardingType): void;
     close(type: OnboardingType): Promise<void>;
     next(type: OnboardingType): void;
     previous(type: OnboardingType): void;

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

@@ -1,5 +1,5 @@
 import type { PreviewState, EmailFormat } from '@@/Types/preview';
-export declare const usePreviewStore: import("pinia").StoreDefinition<"guidoPreview", PreviewState, {
+export declare const usePreviewStore: import("pinia").StoreDefinition<"preview", PreviewState, {
     isAMPModeEnabled: (state: {
         emailFormat: EmailFormat;
         ampHtml: string;

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

@@ -6,5 +6,5 @@ type RecommendationConfig = {
 interface StoreState {
     recommendationConfigs: RecommendationConfig[];
 }
-export declare const useRecommendationStore: import("pinia").StoreDefinition<"guidoRecommendation", StoreState, {}, {}>;
+export declare const useRecommendationStore: import("pinia").StoreDefinition<"recommendation", StoreState, {}, {}>;
 export {};

package/dist/src/stores/save-as-template.d.ts

@@ -17,7 +17,7 @@ interface StoreState {
         message: number;
     };
 }
-export declare const useSaveAsTemplateStore: import("pinia").StoreDefinition<"guidoSaveAsTemplate", StoreState, {
+export declare const useSaveAsTemplateStore: import("pinia").StoreDefinition<"saveAsTemplate", StoreState, {
     getTemplateName: (state: {
         templateName: string;
         categories: {

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

@@ -1,5 +1,5 @@
 import type { ToasterState, ToasterOptions } from '@@/Types/toaster';
-export declare const useToasterStore: import("pinia").StoreDefinition<"guidoToaster", ToasterState, {
+export declare const useToasterStore: import("pinia").StoreDefinition<"toaster", ToasterState, {
     shouldAutoHide: (s: {
         status: boolean;
         type: import("@@/Types/toaster").ToasterType;

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

@@ -11,7 +11,7 @@ interface StoreState {
     isGlobalUnsubscribeDisabled: boolean;
     isSubscriptionPreferencesCenterDisabled: boolean;
 }
-export declare const useUnsubscribeStore: import("pinia").StoreDefinition<"guidoUnsubscribe", StoreState, {
+export declare const useUnsubscribeStore: import("pinia").StoreDefinition<"unsubscribe", StoreState, {
     getSelectedCollection: (state: {
         templates: {
             id: number;

package/dist/src/stores/version-history.d.ts

@@ -2,7 +2,7 @@ import type { VersionHistoryState } from '@@/Types/version-history-api';
 export interface StoreState extends VersionHistoryState {
     editorVisualMode: 'desktop' | 'mobile';
 }
-export declare const useVersionHistoryStore: import("pinia").StoreDefinition<"guidoVersionHistory", StoreState, {
+export declare const useVersionHistoryStore: import("pinia").StoreDefinition<"versionHistory", StoreState, {
     hasPreviousPatch: (state: {
         editorVisualMode: "desktop" | "mobile";
         previousPatch: {

package/dist/src/utils/genericUtil.d.ts

@@ -1,5 +1,4 @@
 import type { DynamicContent, MergeTag } from '@@/Types/generic';
-export declare const mergeTagToDynamicContent: (mergeTag: MergeTag) => DynamicContent;
 export declare const dynamicContentToMergeTags: (dynamicContentList: DynamicContent[]) => MergeTag[];
 export declare const getCsrfToken: () => string;
 /**

package/dist/stores/config.js

@@ -1,8 +1,8 @@
-import { DefaultGuidoConfig as i } from "../enums/defaults.js";
-import { defineStore as e } from "pinia";
-const n = e("guidoConfig", {
+import { DefaultGuidoConfig as e } from "../enums/defaults.js";
+import { defineStore as i } from "pinia";
+const r = i("config", {
   state: () => ({
-    guidoConfig: i,
+    guidoConfig: e,
     templateConfig: {}
   }),
   getters: {
@@ -13,5 +13,5 @@ const n = e("guidoConfig", {
   }
 });
 export {
-  n as useConfigStore
+  r as useConfigStore
 };