@useinsider/guido 2.0.0-beta.087a24f → 2.0.0-beta.0941bcd

package/dist/src/extensions/Blocks/Recommendation/utils/tagName.d.ts

@@ -0,0 +1,77 @@
+/**
+ * Node Type Guards and Tag Name Utilities
+ *
+ * Provides type-safe utilities for working with ImmutableHtmlNode.
+ * Handles both standard DOM properties and Stripo's custom methods.
+ */
+import type { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
+/** Interface for nodes with standard tagName property */
+interface NodeWithTagName {
+    tagName: string;
+}
+/** Interface for nodes with getStyle method */
+export interface NodeWithGetStyle {
+    getStyle: (property: string) => string | null | undefined;
+}
+/** Interface for nodes with parent method */
+export interface NodeWithParent {
+    parent: () => ImmutableHtmlNode | null;
+}
+/**
+ * Type guard to check if a node has getStyle method
+ * @param node - The node to check
+ */
+export declare function hasGetStyle(node: unknown): node is NodeWithGetStyle;
+/**
+ * Type guard to check if a node has parent method
+ * @param node - The node to check
+ */
+export declare function hasParent(node: unknown): node is NodeWithParent;
+/**
+ * Type guard to check if a node is a TD element
+ * @param node - The node to check
+ */
+export declare function isTdNode(node: unknown): node is ImmutableHtmlNode & NodeWithTagName;
+/**
+ * Safely retrieves a style value from a node
+ * @param node - The node to get the style from
+ * @param property - The CSS property name
+ * @returns The style value or null if not accessible
+ */
+export declare function safeGetStyle(node: ImmutableHtmlNode | null, property: string): string | null | undefined;
+/**
+ * Safely retrieves the parent element of a node
+ * @param node - The node to get the parent from
+ * @returns The parent node or null if not accessible
+ */
+export declare function safeGetParent(node: ImmutableHtmlNode | null): ImmutableHtmlNode | null;
+/**
+ * Safely retrieves the tag name from a node.
+ * Handles both standard DOM tagName property and Stripo's getTagName() method.
+ * @param node - The node to get the tag name from
+ * @param defaultValue - Default value if tag name cannot be determined (default: 'UNKNOWN')
+ * @returns The uppercase tag name
+ */
+export declare function getTagName(node: ImmutableHtmlNode | null | undefined, defaultValue?: string): string;
+/**
+ * Checks if a tag name represents a table cell element.
+ * Includes standard TD and Stripo's custom block types (BLOCK_IMAGE, BLOCK_BUTTON).
+ * @param tagName - The tag name to check (case-insensitive)
+ * @returns True if the tag represents a table cell
+ */
+export declare function isTableCellTag(tagName: string): boolean;
+/**
+ * Checks if a node is a table cell element.
+ * Combines getTagName and isTableCellTag for convenience.
+ * @param node - The node to check
+ * @returns True if the node is a table cell element
+ */
+export declare function isTableCellNode(node: ImmutableHtmlNode | null | undefined): boolean;
+/**
+ * Gets the appropriate CSS display value for showing a table element.
+ * Table cells use 'table-cell', table rows use 'table-row'.
+ * @param node - The table element node
+ * @returns The CSS display value ('table-cell' or 'table-row')
+ */
+export declare function getTableDisplayValue(node: ImmutableHtmlNode | null | undefined): 'table-cell' | 'table-row';
+export {};

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

@@ -56,31 +56,26 @@ export declare abstract class CommonControl extends Control {
     onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
     onDestroy(): void;
     /**
-     * Gets the Items block container element from the current node.
-     * @returns The container element or null if not found
-     */
-    protected getItemsBlockContainer(): ImmutableHtmlElementNode | null;
-    /**
-     * Gets the config block element from the current node (legacy support).
-     * @deprecated Use getNodeConfig() from nodeConfigUtils instead for Stripo V2
+     * Gets the config block element from the current node.
      * @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 config block.
+     * @param blockInstanceIdAttribute - The attribute name for block instance ID (default: 'data-block-instance-id')
      * @returns The block instance ID or null if not found
      */
-    protected getBlockInstanceId(): string | null;
+    protected getBlockInstanceId(blockInstanceIdAttribute?: string): string | null;
     /**
      * Handles block instance change detection and syncing.
-     * This is a helper method for controls that need to sync config when switching between block instances.
-     * Uses Stripo V2 nodeConfig API for block instance tracking.
-     * @param syncFunction - Function to call when block instance changes (to sync from node config)
+     * This is a helper method for controls that need to sync attributes when switching between block instances.
+     * @param syncFunction - Function to call when block instance changes (to sync from attributes)
      * @param updateUI - Function to call to update the UI (called both on change and when same block)
+     * @param blockInstanceIdAttribute - The attribute name for block instance ID (default: 'data-block-instance-id')
      * @returns true if block instance changed, false otherwise
      */
-    protected handleBlockInstanceChange(syncFunction: (node: ImmutableHtmlNode) => void, updateUI: () => void): boolean;
-    _GuLabel({ text, name, position }: LabelProps): string;
+    protected handleBlockInstanceChange(syncFunction: (node: ImmutableHtmlNode) => void, updateUI: () => void, blockInstanceIdAttribute?: string): boolean;
+    _GuLabel({ text, name }: LabelProps): string;
     _GuToggle(name: string): string;
     _GuSelectItem({ text, value }: {
         text: string;

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[];

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

@@ -1,4 +1,4 @@
-import type { GuidoConfig, GuidoConfigInput, IdentityConfig, PartnerConfig, TemplateConfig, EditorConfig, UIConfig, FeaturesConfig, BlocksConfig, CompilerConfig } from '@@/Types/config';
+import type { GuidoConfig, GuidoConfigInput, IdentityConfig, PartnerConfig, TemplateConfig, EditorConfig, UIConfig, FeaturesConfig, BlocksConfig, CompilerConfig, CallbacksConfig } from '@@/Types/config';
 interface ConfigStoreState {
     /** Whether the config has been initialized */
     initialized: boolean;
@@ -36,6 +36,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                     } | undefined;
                 }[];
                 selectedUnsubscribePages: number[];
+                forceRecreate: boolean;
             };
             editor: {
                 locale: string;
@@ -95,6 +96,9 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 })[];
                 ignoreDefaultRules: boolean;
             };
+            callbacks: {
+                externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
+            };
         } | null;
     } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => IdentityConfig | null;
     /**
@@ -127,6 +131,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                     } | undefined;
                 }[];
                 selectedUnsubscribePages: number[];
+                forceRecreate: boolean;
             };
             editor: {
                 locale: string;
@@ -186,6 +191,9 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 })[];
                 ignoreDefaultRules: boolean;
             };
+            callbacks: {
+                externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
+            };
         } | null;
     } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => PartnerConfig | null;
     /**
@@ -218,6 +226,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                     } | undefined;
                 }[];
                 selectedUnsubscribePages: number[];
+                forceRecreate: boolean;
             };
             editor: {
                 locale: string;
@@ -277,6 +286,9 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 })[];
                 ignoreDefaultRules: boolean;
             };
+            callbacks: {
+                externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
+            };
         } | null;
     } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => TemplateConfig | null;
     /**
@@ -309,6 +321,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                     } | undefined;
                 }[];
                 selectedUnsubscribePages: number[];
+                forceRecreate: boolean;
             };
             editor: {
                 locale: string;
@@ -368,6 +381,9 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 })[];
                 ignoreDefaultRules: boolean;
             };
+            callbacks: {
+                externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
+            };
         } | null;
     } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => EditorConfig | null;
     /**
@@ -400,6 +416,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                     } | undefined;
                 }[];
                 selectedUnsubscribePages: number[];
+                forceRecreate: boolean;
             };
             editor: {
                 locale: string;
@@ -459,6 +476,9 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 })[];
                 ignoreDefaultRules: boolean;
             };
+            callbacks: {
+                externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
+            };
         } | null;
     } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => UIConfig | null;
     /**
@@ -491,6 +511,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                     } | undefined;
                 }[];
                 selectedUnsubscribePages: number[];
+                forceRecreate: boolean;
             };
             editor: {
                 locale: string;
@@ -550,6 +571,9 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 })[];
                 ignoreDefaultRules: boolean;
             };
+            callbacks: {
+                externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
+            };
         } | null;
     } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => FeaturesConfig | null;
     /**
@@ -582,6 +606,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                     } | undefined;
                 }[];
                 selectedUnsubscribePages: number[];
+                forceRecreate: boolean;
             };
             editor: {
                 locale: string;
@@ -641,6 +666,9 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 })[];
                 ignoreDefaultRules: boolean;
             };
+            callbacks: {
+                externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
+            };
         } | null;
     } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => BlocksConfig | null;
     /**
@@ -673,6 +701,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                     } | undefined;
                 }[];
                 selectedUnsubscribePages: number[];
+                forceRecreate: boolean;
             };
             editor: {
                 locale: string;
@@ -732,8 +761,106 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 })[];
                 ignoreDefaultRules: boolean;
             };
+            callbacks: {
+                externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
+            };
         } | null;
     } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => CompilerConfig | null;
+    /**
+     * Get the callbacks configuration
+     */
+    callbacks: (state: {
+        initialized: boolean;
+        config: {
+            identity: {
+                templateId: string;
+                userId: string;
+                variationId?: string | undefined;
+            };
+            partner: {
+                name: string;
+                productType: 60 | 49 | 97;
+                messageType: 1 | 2;
+                username: string;
+            };
+            template: {
+                html: string;
+                css: string;
+                preselectedDynamicContent: {
+                    text: string;
+                    value: string;
+                    fallback?: string | undefined;
+                    format?: {
+                        key: string;
+                        value: string;
+                    } | undefined;
+                }[];
+                selectedUnsubscribePages: number[];
+                forceRecreate: boolean;
+            };
+            editor: {
+                locale: string;
+                translationsPath: string;
+                migrationDate: number;
+                emailHeader: {
+                    senderName: string;
+                    subject: string;
+                };
+            };
+            ui: {
+                showHeader: boolean;
+                backButtonLabel?: string | undefined;
+            };
+            features: {
+                dynamicContent: boolean;
+                saveAsTemplate: boolean;
+                versionHistory: boolean;
+                testMessage: boolean;
+                displayConditions: boolean;
+                unsubscribe: boolean;
+                modulesDisabled: boolean;
+            };
+            blocks: {
+                excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];
+                includeCustoms: ("dynamic-content" | "checkbox-block" | "radio-button-block" | "recommendation-block" | "unsubscribe-block" | "coupon-block" | "items-block")[];
+            };
+            compiler: {
+                customRules: ({
+                    type: "replace";
+                    search: string;
+                    replacement: string;
+                    replaceAll?: boolean | undefined;
+                    id: string;
+                    description?: string | undefined;
+                    priority: number;
+                } | {
+                    type: "regex";
+                    pattern: string;
+                    replacement: string;
+                    flags?: string | undefined;
+                    id: string;
+                    description?: string | undefined;
+                    priority: number;
+                } | {
+                    type: "remove";
+                    targets: string[];
+                    id: string;
+                    description?: string | undefined;
+                    priority: number;
+                } | {
+                    type: "custom";
+                    processor: (html: string) => string;
+                    id: string;
+                    description?: string | undefined;
+                    priority: number;
+                })[];
+                ignoreDefaultRules: boolean;
+            };
+            callbacks: {
+                externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
+            };
+        } | null;
+    } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => CallbacksConfig | null;
     /**
      * Get the template ID
      */
@@ -764,6 +891,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                     } | undefined;
                 }[];
                 selectedUnsubscribePages: number[];
+                forceRecreate: boolean;
             };
             editor: {
                 locale: string;
@@ -823,6 +951,9 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 })[];
                 ignoreDefaultRules: boolean;
             };
+            callbacks: {
+                externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
+            };
         } | null;
     } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => string;
     /**
@@ -855,6 +986,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                     } | undefined;
                 }[];
                 selectedUnsubscribePages: number[];
+                forceRecreate: boolean;
             };
             editor: {
                 locale: string;
@@ -914,6 +1046,9 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 })[];
                 ignoreDefaultRules: boolean;
             };
+            callbacks: {
+                externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
+            };
         } | null;
     } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => string;
     /**
@@ -946,6 +1081,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                     } | undefined;
                 }[];
                 selectedUnsubscribePages: number[];
+                forceRecreate: boolean;
             };
             editor: {
                 locale: string;
@@ -1005,6 +1141,9 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 })[];
                 ignoreDefaultRules: boolean;
             };
+            callbacks: {
+                externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
+            };
         } | null;
     } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => string;
     /**
@@ -1037,6 +1176,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                     } | undefined;
                 }[];
                 selectedUnsubscribePages: number[];
+                forceRecreate: boolean;
             };
             editor: {
                 locale: string;
@@ -1096,6 +1236,9 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 })[];
                 ignoreDefaultRules: boolean;
             };
+            callbacks: {
+                externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
+            };
         } | null;
     } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => string;
     /**
@@ -1128,6 +1271,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                     } | undefined;
                 }[];
                 selectedUnsubscribePages: number[];
+                forceRecreate: boolean;
             };
             editor: {
                 locale: string;
@@ -1187,6 +1331,9 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 })[];
                 ignoreDefaultRules: boolean;
             };
+            callbacks: {
+                externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
+            };
         } | null;
     } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => number;
     /**
@@ -1219,6 +1366,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                     } | undefined;
                 }[];
                 selectedUnsubscribePages: number[];
+                forceRecreate: boolean;
             };
             editor: {
                 locale: string;
@@ -1278,6 +1426,9 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 })[];
                 ignoreDefaultRules: boolean;
             };
+            callbacks: {
+                externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
+            };
         } | null;
     } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => number;
     /**
@@ -1310,6 +1461,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                     } | undefined;
                 }[];
                 selectedUnsubscribePages: number[];
+                forceRecreate: boolean;
             };
             editor: {
                 locale: string;
@@ -1369,6 +1521,9 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 })[];
                 ignoreDefaultRules: boolean;
             };
+            callbacks: {
+                externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
+            };
         } | null;
     } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => string;
     /**
@@ -1401,6 +1556,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                     } | undefined;
                 }[];
                 selectedUnsubscribePages: number[];
+                forceRecreate: boolean;
             };
             editor: {
                 locale: string;
@@ -1460,6 +1616,9 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 })[];
                 ignoreDefaultRules: boolean;
             };
+            callbacks: {
+                externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
+            };
         } | null;
     } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => boolean;
     /**
@@ -1492,6 +1651,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                     } | undefined;
                 }[];
                 selectedUnsubscribePages: number[];
+                forceRecreate: boolean;
             };
             editor: {
                 locale: string;
@@ -1551,6 +1711,9 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 })[];
                 ignoreDefaultRules: boolean;
             };
+            callbacks: {
+                externalValidation?: import("@@/Types/config").ExternalValidationHandler | undefined;
+            };
         } | null;
     } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => (feature: keyof FeaturesConfig) => boolean;
 }, {

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

@@ -9,6 +9,27 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
     isStripoInitialized: boolean;
     templateId: string;
 }, {
+    isEditorToolbarVisible: (state: {
+        loadingStatus: boolean;
+        isCodeEditorOpen: boolean;
+        isSaveAsTemplateDrawerOpen: boolean;
+        isVersionHistoryOpen: boolean;
+        isPreviewModeOpen: boolean;
+        editorVisualMode: string;
+        hasChanges: boolean;
+        isStripoInitialized: boolean;
+        templateId: string;
+    } & import("pinia").PiniaCustomStateProperties<{
+        loadingStatus: boolean;
+        isCodeEditorOpen: boolean;
+        isSaveAsTemplateDrawerOpen: boolean;
+        isVersionHistoryOpen: boolean;
+        isPreviewModeOpen: boolean;
+        editorVisualMode: string;
+        hasChanges: boolean;
+        isStripoInitialized: boolean;
+        templateId: string;
+    }>) => boolean;
     isUndoButtonDisabled: (state: {
         loadingStatus: boolean;
         isCodeEditorOpen: boolean;

package/dist/static/assets/desktop/desktop-mockup-center.svg.js

@@ -0,0 +1,4 @@
+const e = "data:image/svg+xml,%3csvg%20width='2'%20height='79'%20viewBox='0%200%202%2079'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20filter='url(%23filter0_d_14_463)'%3e%3crect%20y='42'%20width='2'%20height='36'%20fill='white'/%3e%3c/g%3e%3cg%20clip-path='url(%23clip0_14_463)'%3e%3crect%20y='46'%20width='2'%20height='28'%20fill='%23F0F3F4'/%3e%3c/g%3e%3cg%20clip-path='url(%23clip1_14_463)'%3e%3cpath%20d='M0%200H2V42H0V0Z'%20fill='%23DFE1E5'/%3e%3c/g%3e%3cdefs%3e%3cfilter%20id='filter0_d_14_463'%20x='0'%20y='42'%20width='2'%20height='37'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeColorMatrix%20in='SourceAlpha'%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200'%20result='hardAlpha'/%3e%3cfeOffset%20dy='1'/%3e%3cfeColorMatrix%20type='matrix'%20values='0%200%200%200%200.858824%200%200%200%200%200.862745%200%200%200%200%200.866667%200%200%200%201%200'/%3e%3cfeBlend%20mode='normal'%20in2='BackgroundImageFix'%20result='effect1_dropShadow_14_463'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='effect1_dropShadow_14_463'%20result='shape'/%3e%3c/filter%3e%3cclipPath%20id='clip0_14_463'%3e%3crect%20width='2'%20height='28'%20fill='white'%20transform='translate(0%2046)'/%3e%3c/clipPath%3e%3cclipPath%20id='clip1_14_463'%3e%3crect%20width='2'%20height='42'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e";
+export {
+  e as default
+};

package/dist/static/assets/desktop/desktop-mockup-left.svg.js

@@ -0,0 +1,4 @@
+const L = "data:image/svg+xml,%3csvg%20width='378'%20height='79'%20viewBox='0%200%20378%2079'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20filter='url(%23filter0_d_1_981)'%3e%3crect%20y='42'%20width='378'%20height='36'%20fill='white'/%3e%3c/g%3e%3cg%20clip-path='url(%23clip0_1_981)'%3e%3cpath%20d='M108%2060C108%2052.268%20114.268%2046%20122%2046H378V74H122C114.268%2074%20108%2067.732%20108%2060V60Z'%20fill='%23F0F3F4'/%3e%3cpath%20d='M126%2055C127.381%2055.0002%20128.5%2056.1194%20128.5%2057.5V58.5H129C129.552%2058.5%20130%2058.9477%20130%2059.5V64.5C130%2065.0523%20129.552%2065.5%20129%2065.5H123C122.448%2065.5%20122%2065.0523%20122%2064.5V59.5C122%2058.9477%20122.448%2058.5%20123%2058.5H123.5V57.5C123.5%2056.1194%20124.619%2055.0002%20126%2055ZM126%2056C125.172%2056.0002%20124.5%2056.6717%20124.5%2057.5V58.5H127.5V57.5C127.5%2056.6717%20126.828%2056.0002%20126%2056Z'%20fill='%235F6367'/%3e%3c/g%3e%3cpath%20d='M86%2053.5C87.9218%2053.5001%2089.6479%2054.3352%2090.8379%2055.6611L89.7754%2056.7236C88.8587%2055.6683%2087.5076%2055.0001%2086%2055C83.2387%2055.0001%2081%2057.2386%2081%2060C81%2062.7614%2083.2387%2064.9999%2086%2065C88.2387%2064.9999%2090.1333%2063.5284%2090.7705%2061.5H92.3242C91.6469%2064.3664%2089.0733%2066.4999%2086%2066.5C82.4102%2066.4999%2079.5%2063.5898%2079.5%2060C79.5%2056.4102%2082.4102%2053.5001%2086%2053.5ZM93%2059H87.5L93%2053.5V59Z'%20fill='%235F6367'/%3e%3cpath%20d='M53.9824%2053.957C54.2823%2053.6714%2054.7573%2053.6827%2055.043%2053.9824L60.043%2059.2324L60.1172%2059.3242C60.3158%2059.6117%2060.2912%2060.0069%2060.043%2060.2676L55.043%2065.5176L54.9609%2065.5918C54.6727%2065.8167%2054.2551%2065.8027%2053.9824%2065.543L53.9082%2065.4609C53.6833%2065.1727%2053.6973%2064.7551%2053.957%2064.4824L57.75%2060.5H48.25C47.8358%2060.5%2047.5%2060.1642%2047.5%2059.75C47.5%2059.3358%2047.8358%2059%2048.25%2059H57.75L53.957%2055.0176L53.8867%2054.9316C53.6762%2054.6329%2053.71%2054.2167%2053.9824%2053.957Z'%20fill='%23BABCBE'/%3e%3cpath%20d='M20.9575%2053.9823C21.2432%2053.6827%2021.7173%2053.6714%2022.0171%2053.9569C22.2898%2054.2166%2022.3244%2054.6327%2022.1138%2054.9315L22.0435%2055.0174L18.2505%2058.9999H27.7505C28.1646%2059%2028.5005%2059.3357%2028.5005%2059.7499C28.5005%2060.164%2028.1646%2060.4997%2027.7505%2060.4999H18.2505L22.0435%2064.4823C22.3032%2064.755%2022.3173%2065.1726%2022.0923%2065.4608L22.0171%2065.5428C21.7444%2065.8024%2021.3277%2065.8165%2021.0396%2065.5917L20.9575%2065.5174L15.9575%2060.2674C15.7093%2060.0068%2015.6838%2059.6116%2015.8824%2059.3241L15.9575%2059.2323L20.9575%2053.9823Z'%20fill='%235F6367'/%3e%3cg%20clip-path='url(%23clip1_1_981)'%3e%3cpath%20d='M0%200H378V42H0V0Z'%20fill='%23DFE1E5'/%3e%3cpath%20d='M355%2019C355.552%2019%20356%2019.4477%20356%2020V24H360C360.552%2024%20361%2024.4477%20361%2025C361%2025.5523%20360.552%2026%20360%2026H356V30C356%2030.5523%20355.552%2031%20355%2031C354.448%2031%20354%2030.5523%20354%2030V26H350C349.448%2026%20349%2025.5523%20349%2025C349%2024.4477%20349.448%2024%20350%2024H354V20C354%2019.4477%20354.448%2019%20355%2019Z'%20fill='%233C4043'/%3e%3cg%20clip-path='url(%23clip2_1_981)'%3e%3cpath%20d='M320.2%208C324.68%208%20326.921%208.00015%20328.632%208.87207C330.137%209.63906%20331.361%2010.8629%20332.128%2012.3682C333%2014.0794%20333%2016.3195%20333%2020.7998V33C333%2037.9706%20337.029%2042%20342%2042H84C88.9706%2042%2093%2037.9706%2093%2033V20.7998C93%2016.3195%2093.0001%2014.0794%2093.8721%2012.3682C94.6391%2010.8629%2095.8629%209.63906%2097.3682%208.87207C99.0794%208.00015%20101.32%208%20105.8%208H320.2Z'%20fill='white'/%3e%3cpath%20d='M320.147%2021.1466L319.793%2020.7931L320.147%2021.1466ZM320.854%2021.1466L321.207%2020.7931L321.207%2020.7931L320.854%2021.1466ZM320.854%2021.8536L321.207%2022.2072L320.854%2021.8536ZM317.707%2025.0001L317.354%2024.6466L317%2025.0001L317.354%2025.3537L317.707%2025.0001ZM320.854%2028.1466L321.207%2027.7931L321.207%2027.7931L320.854%2028.1466ZM320.854%2028.8536L321.207%2029.2072V29.2072L320.854%2028.8536ZM320.147%2028.8536L319.793%2029.2072L319.793%2029.2073L320.147%2028.8536ZM317%2025.7072L317.354%2025.3536L317%2025L316.647%2025.3536L317%2025.7072ZM313.854%2028.8536L314.207%2029.2072L313.854%2028.8536ZM313.147%2028.8536L312.793%2029.2072L312.793%2029.2073L313.147%2028.8536ZM313.147%2028.1466L313.5%2028.5002L313.147%2028.1466ZM316.293%2025.0001L316.647%2025.3537L317%2025.0001L316.647%2024.6466L316.293%2025.0001ZM313.147%2021.8536L312.793%2022.2072L313.147%2021.8536ZM313.147%2021.1466L312.793%2020.7931V20.7931L313.147%2021.1466ZM313.854%2021.1466L314.207%2020.7931L313.854%2021.1466ZM317%2024.2931L316.647%2024.6466L317%2025.0002L317.354%2024.6466L317%2024.2931ZM320.147%2021.1466L320.5%2021.5002H320.5L320.854%2021.1466L321.207%2020.7931C320.817%2020.4025%20320.184%2020.4025%20319.793%2020.7931L320.147%2021.1466ZM320.854%2021.1466L320.5%2021.5001L320.5%2021.5001L320.854%2021.8536L321.207%2022.2072C321.598%2021.8166%20321.597%2021.1836%20321.207%2020.7931L320.854%2021.1466ZM320.854%2021.8536L320.5%2021.5001L317.354%2024.6466L317.707%2025.0001L318.061%2025.3537L321.207%2022.2072L320.854%2021.8536ZM317.707%2025.0001L317.354%2025.3537L320.5%2028.5002L320.854%2028.1466L321.207%2027.7931L318.061%2024.6466L317.707%2025.0001ZM320.854%2028.1466L320.5%2028.5001L320.5%2028.5001L320.854%2028.8536L321.207%2029.2072C321.598%2028.8166%20321.597%2028.1836%20321.207%2027.7931L320.854%2028.1466ZM320.854%2028.8536L320.5%2028.5001L320.5%2028.5L320.147%2028.8536L319.793%2029.2073C320.184%2029.5975%20320.817%2029.5978%20321.207%2029.2072L320.854%2028.8536ZM320.147%2028.8536L320.5%2028.5001L317.354%2025.3536L317%2025.7072L316.647%2026.0607L319.793%2029.2072L320.147%2028.8536ZM317%2025.7072L316.647%2025.3536L313.5%2028.5001L313.854%2028.8536L314.207%2029.2072L317.354%2026.0607L317%2025.7072ZM313.854%2028.8536L313.5%2028.5001L313.5%2028.5L313.147%2028.8536L312.793%2029.2073C313.184%2029.5975%20313.817%2029.5978%20314.207%2029.2072L313.854%2028.8536ZM313.147%2028.8536L313.5%2028.5001V28.5002L313.147%2028.1466L312.793%2027.7931C312.402%2028.1836%20312.402%2028.8167%20312.793%2029.2072L313.147%2028.8536ZM313.147%2028.1466L313.5%2028.5002L316.647%2025.3537L316.293%2025.0001L315.94%2024.6466L312.793%2027.7931L313.147%2028.1466ZM316.293%2025.0001L316.647%2024.6466L313.5%2021.5001L313.147%2021.8536L312.793%2022.2072L315.94%2025.3537L316.293%2025.0001ZM313.147%2021.8536L313.5%2021.5001V21.5002L313.147%2021.1466L312.793%2020.7931C312.402%2021.1836%20312.402%2021.8167%20312.793%2022.2072L313.147%2021.8536ZM313.147%2021.1466L313.5%2021.5002H313.5L313.854%2021.1466L314.207%2020.7931C313.817%2020.4025%20313.184%2020.4025%20312.793%2020.7931L313.147%2021.1466ZM313.854%2021.1466L313.5%2021.5002L316.647%2024.6466L317%2024.2931L317.354%2023.9395L314.207%2020.7931L313.854%2021.1466ZM317%2024.2931L317.354%2024.6466L320.5%2021.5002L320.147%2021.1466L319.793%2020.7931L316.647%2023.9395L317%2024.2931Z'%20fill='%239D9FA1'/%3e%3crect%20x='105'%20y='17'%20width='16'%20height='16'%20rx='8'%20fill='%23F0F0F0'/%3e%3c/g%3e%3ccircle%20cx='67'%20cy='21'%20r='6'%20fill='%2361C554'/%3e%3ccircle%20cx='67'%20cy='21'%20r='5.75'%20stroke='black'%20stroke-opacity='0.2'%20stroke-width='0.5'/%3e%3ccircle%20cx='47'%20cy='21'%20r='6'%20fill='%23F4BF4F'/%3e%3ccircle%20cx='47'%20cy='21'%20r='5.75'%20stroke='black'%20stroke-opacity='0.2'%20stroke-width='0.5'/%3e%3ccircle%20cx='27'%20cy='21'%20r='6'%20fill='%23ED6A5F'/%3e%3ccircle%20cx='27'%20cy='21'%20r='5.75'%20stroke='black'%20stroke-opacity='0.2'%20stroke-width='0.5'/%3e%3c/g%3e%3cdefs%3e%3cfilter%20id='filter0_d_1_981'%20x='0'%20y='42'%20width='378'%20height='37'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeColorMatrix%20in='SourceAlpha'%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200'%20result='hardAlpha'/%3e%3cfeOffset%20dy='1'/%3e%3cfeColorMatrix%20type='matrix'%20values='0%200%200%200%200.858824%200%200%200%200%200.862745%200%200%200%200%200.866667%200%200%200%201%200'/%3e%3cfeBlend%20mode='normal'%20in2='BackgroundImageFix'%20result='effect1_dropShadow_1_981'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='effect1_dropShadow_1_981'%20result='shape'/%3e%3c/filter%3e%3cclipPath%20id='clip0_1_981'%3e%3crect%20width='270'%20height='28'%20fill='white'%20transform='translate(108%2046)'/%3e%3c/clipPath%3e%3cclipPath%20id='clip1_1_981'%3e%3crect%20width='378'%20height='42'%20fill='white'/%3e%3c/clipPath%3e%3cclipPath%20id='clip2_1_981'%3e%3crect%20width='258'%20height='34'%20fill='white'%20transform='translate(84%208)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e";
+export {
+  L as default
+};