@useinsider/guido 1.0.3-beta.3cb36f8 → 1.0.3-beta.3e280d4

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

@@ -0,0 +1,43 @@
+import type { RecommendationProduct } from '@@/Types/recommendation';
+/**
+ * Migration template for converting old recommendation blocks (v1) to new format (v2)
+ *
+ * This template is used by Stripo to migrate existing emails with old recommendation blocks
+ * to the new block structure. It preserves user content while updating the HTML structure.
+ *
+ * Pattern:
+ * - Detects old blocks with class "ins-recommendation-v3-block-1"
+ * - Extracts title from ".ext-recommendation-title"
+ * - Extracts product cards and reconstructs them in new format
+ * - Preserves all product data variables ({{1_0_name}}, {{1_0_price}}, etc.)
+ */
+declare const migrationTemplate = "\n    <td\n        align=\"left\"\n        esd-extension-block-id=\"recommendation-block\"\n        esd-handler-name=\"esd-extension-RecommendationBlock\"\n        class=\"ins-recommendation-v3-block-v2 esd-block-recommendation-v3-block esd-extension-block es-p20\"\n    >\n        <table width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\">\n            <tr>\n                <td align=\"center\">\n                    <table\n                        class=\"container\"\n                        width=\"100%\"\n                        cellpadding=\"0\"\n                        cellspacing=\"0\"\n                        border=\"0\">\n                        <tbody>\n                            <tr>\n                                <td>\n                                    <table\n                                        width=\"100%\"\n                                        cellpadding=\"0\"\n                                        cellspacing=\"0\"\n                                        border=\"0\">\n                                        <tbody>\n                                            <tr>\n                                                {-{-TITLE-}-}\n                                            </tr>\n                                        </tbody>\n                                    </table>\n                                </td>\n                            </tr>\n                            <tr>\n                                <td class=\"spacer\" style=\"height: 20px;\"></td>\n                            </tr>\n                            <tr>\n                                <td>\n                                    <table\n                                        class=\"ins-recommendation-product-container\"\n                                        width=\"100%\"\n                                        cellpadding=\"0\"\n                                        cellspacing=\"0\"\n                                        border=\"0\"\n                                    >\n                                        {-{-PRODUCT_ROWS-}-}\n                                    </table>\n                                </td>\n                            </tr>\n                        </tbody>\n                    </table>\n                </td>\n            </tr>\n        </table>\n    </td>\n";
+/**
+ * Default card composition order
+ */
+export declare const DEFAULT_CARD_COMPOSITION: string[];
+/**
+ * Prepares product rows HTML with customizable composition order
+ * @param products - Array of products to display
+ * @param productsPerRow - Number of products per row
+ * @param composition - Optional array defining order of card elements
+ * @returns HTML string for product rows
+ */
+export declare function prepareProductRows(products: RecommendationProduct[], productsPerRow: number, composition?: string[]): string;
+/**
+ * @returns The default mock products for initial template
+ */
+export declare function getDefaultProducts(): RecommendationProduct[];
+/**
+ * @returns The template for the default checkbox block
+ */
+export declare function getDefaultTemplate(): string;
+/**
+ * Generates the complete HTML template with dynamic products and layout
+ * @param products - Array of products to display
+ * @param productsPerRow - Number of products per row
+ * @param title - Optional title for the block
+ * @returns Complete HTML template
+ */
+export declare function generateTemplate(products: RecommendationProduct[], productsPerRow: number, title?: string): string;
+export default migrationTemplate;

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

@@ -0,0 +1,7 @@
+import type { Filter } from '@@/Types/recommendation';
+/**
+ * Generates the complete query with outer group operators
+ * @param filters Array of Filter objects
+ * @returns Complete query string with outer operators
+ */
+export declare function generateCompleteFilterQuery(filters: Filter[]): string;

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

@@ -0,0 +1,32 @@
+import type { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
+import { Block, BlockCompositionType } from '@stripoinc/ui-editor-extensions';
+export declare const UNSUBSCRIBE_BLOCK_ID = "unsubscribe-block";
+export declare class UnsubscribeBlock extends Block {
+    private selectEventListener;
+    private cancelEventListener;
+    private currentNode?;
+    constructor();
+    getId(): string;
+    getIcon(): string;
+    getBlockCompositionType(): BlockCompositionType;
+    getName(): string;
+    getDescription(): string;
+    getTemplate(): string;
+    onCreated(node: ImmutableHtmlNode): void;
+    onSelect(node: ImmutableHtmlNode): undefined;
+    onDelete(node: ImmutableHtmlNode): undefined;
+    onDestroy(): void;
+    private _setupSelectEventListener;
+    private _removeSelectEventListener;
+    private _setupCancelEventListener;
+    private _removeCancelEventListener;
+    private _handleCancel;
+    private _removeEventListeners;
+    private _updateBlock;
+    private _getMergeTag;
+    private _openDrawer;
+    private _checkExistingBlocks;
+    private _loadBlockState;
+    private _resetStoreState;
+    private _removeBlockTemplatesFromStore;
+}

package/dist/src/extensions/Blocks/Unsubscribe/control.d.ts

@@ -0,0 +1,29 @@
+import type { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
+import { Control } from '@stripoinc/ui-editor-extensions';
+export declare const UNSUBSCRIBE_CONTROL_ID = "ui-elements-unsubscribe";
+export declare class UnsubscribeControl extends Control {
+    private currentPreviewIndex;
+    private currentNode?;
+    private currentPages?;
+    private valueChangeHandlers;
+    private lastParsedAttribute?;
+    getId(): string;
+    getTemplate(): string;
+    onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
+    onRender(): void;
+    onDestroy(): void;
+    private get totalTemplates();
+    private _listenToFormUpdates;
+    private _onButtonClick;
+    private _onPrevClick;
+    private _onNextClick;
+    private _updatePreview;
+    private _updateCounter;
+    private _getPreview;
+    private _getButton;
+    private _getLabel;
+    private _getIconButton;
+    private _getPrevButton;
+    private _getNextButton;
+    private _getCounterText;
+}

package/dist/src/extensions/Blocks/Unsubscribe/elements/preview.d.ts

@@ -0,0 +1,11 @@
+import { UIElement } from '@stripoinc/ui-editor-extensions';
+export declare const PREVIEW_UI_ELEMENT_ID = "unsubscribe-preview";
+export declare class PreviewUIElement extends UIElement {
+    private imgElement?;
+    getId(): string;
+    getTemplate(): string;
+    onRender(container: HTMLElement): void;
+    setValue(value: string): void;
+    getValue(): string;
+    onDestroy(): void;
+}

package/dist/src/extensions/Blocks/Unsubscribe/extension.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("@stripoinc/ui-editor-extensions").Extension;
+export default _default;

package/dist/src/extensions/Blocks/Unsubscribe/iconsRegistry.d.ts

@@ -0,0 +1,4 @@
+import { IconsRegistry } from '@stripoinc/ui-editor-extensions';
+export declare class UnsubscribeIconsRegistry extends IconsRegistry {
+    registerIconsSvg(iconsMap: Record<string, string>): void;
+}

package/dist/src/extensions/Blocks/Unsubscribe/settingsPanel.d.ts

@@ -0,0 +1,4 @@
+import { SettingsPanelRegistry, SettingsPanelTab } from '@stripoinc/ui-editor-extensions';
+export declare class SettingsPanel extends SettingsPanelRegistry {
+    registerBlockControls(blockControlsMap: Record<string, SettingsPanelTab[]>): void;
+}

package/dist/src/extensions/Blocks/Unsubscribe/tagRegistry.d.ts

@@ -0,0 +1,4 @@
+import { UIElementTagRegistry } from '@stripoinc/ui-editor-extensions';
+export declare class UnsubscribeTagRegistry extends UIElementTagRegistry {
+    registerUiElements(uiElementsTagsMap: Record<string, string>): void;
+}

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

@@ -0,0 +1,12 @@
+/**
+ * Migration template for legacy unsubscribe blocks.
+ * This template is used to identify and migrate older versions of the unsubscribe block
+ * that may exist in saved email templates. The migration is detected in the Block's
+ * onCreated() lifecycle method via the 'data-migration' attribute check.
+ *
+ * Note: This template is currently exported but not actively used in the codebase.
+ * It serves as a reference for the expected structure of legacy blocks during migration.
+ */
+declare const migrationTemplate = "\n    <td\n        esd-extension-block-id=\"unsubscribe-block\"\n        class=\"esd-block-text unsubscribe-block-v2 esd-block-unsubscribe esd-unsubscribe-block esd-extension-block\"\n    >\n        {-{-TITLE-}-}\n    </td>\n";
+export declare function getDefaultTemplate(): string;
+export default migrationTemplate;

package/dist/src/extensions/Blocks/Unsubscribe/utils/constants.d.ts

@@ -0,0 +1,9 @@
+export declare const UNSUBSCRIBE_EVENTS: {
+    readonly SELECT: "unsubscribe:select";
+    readonly CANCEL: "unsubscribe:cancel";
+};
+export type UnsubscribeEvent = typeof UNSUBSCRIBE_EVENTS[keyof typeof UNSUBSCRIBE_EVENTS];
+export declare const DATA_ATTRIBUTES: {
+    readonly PAGE_TYPE: "data-unsubscribe-page-type";
+    readonly PAGE_LIST: "data-unsubscribe-page-list";
+};

package/dist/src/extensions/Blocks/Unsubscribe/utils/utils.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Parses a comma-separated list of page IDs into an array of numbers.
+ * Filters out invalid values (NaN, empty strings, negative numbers).
+ * @param pageList - Comma-separated string of page IDs
+ * @returns Array of valid page IDs
+ */
+export declare function parsePageList(pageList: string): number[];

package/dist/{extensions → src/extensions}/Blocks/_Boilerplate/block.d.ts

@@ -1,6 +1,7 @@
 import { Block, BlockCompositionType } from '@stripoinc/ui-editor-extensions';
 export declare const BLOCK_ID = "{{your-block}}";
 export declare class CustomBlock extends Block {
+    constructor();
     getId(): string;
     getIcon(): string;
     getBlockCompositionType(): BlockCompositionType;

package/dist/src/extensions/Blocks/_Boilerplate/extension.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("@stripoinc/ui-editor-extensions").Extension;
+export default _default;

package/dist/src/extensions/Blocks/_Boilerplate/iconsRegistry.d.ts

@@ -0,0 +1,4 @@
+import { IconsRegistry } from '@stripoinc/ui-editor-extensions';
+export declare class MyIconsRegistry extends IconsRegistry {
+    registerIconsSvg(iconsMap: Record<string, string>): void;
+}

package/dist/src/extensions/Blocks/_Boilerplate/settingsPanel.d.ts

@@ -0,0 +1,4 @@
+import { SettingsPanelRegistry, SettingsPanelTab } from '@stripoinc/ui-editor-extensions';
+export declare class SettingsPanel extends SettingsPanelRegistry {
+    registerBlockControls(blockControlsMap: Record<string, SettingsPanelTab[]>): void;
+}

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

@@ -0,0 +1,87 @@
+import { Control, ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
+interface TextInputProps {
+    name: string;
+    placeholder?: string;
+    className?: string;
+}
+interface LabelProps {
+    text: string;
+    name?: string;
+    position?: 'top' | 'left';
+}
+interface IconButtonProps {
+    name: string;
+    icon: string;
+    className?: string;
+}
+interface SelectProps {
+    name: string;
+    placeholder: string;
+    options: {
+        text: string;
+        value: string;
+    }[];
+    className?: string;
+}
+interface CounterProps {
+    name: string;
+    maxValue: number;
+    minValue?: number;
+    step?: number;
+}
+interface ButtonProps {
+    name: string;
+    label: string;
+    id?: string;
+}
+/**
+ * Common control for all blocks which includes common UI Elements.
+ * If you need to add a new UI Element, you can add it here.
+ */
+export declare abstract class CommonControl extends Control {
+    currentNode?: ImmutableHtmlNode;
+    abstract getId(): string;
+    abstract getTemplate(): string;
+    abstract onRender(): Promise<void> | void;
+    getContainer(): ShadowRoot;
+    onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
+    _GuLabel({ text, name, position }: LabelProps): string;
+    _GuToggle(name: string): string;
+    _GuSelectItem({ text, value }: {
+        text: string;
+        value: string;
+    }): string;
+    _GuSelect({ name, placeholder, options, className }: SelectProps): string;
+    _GuTextInput({ name, placeholder, className }: TextInputProps): string;
+    _GuCounter({ name, maxValue, minValue, step }: CounterProps): string;
+    _GuButton({ name, label, id }: ButtonProps): string;
+    /**
+     *
+     * @param param0
+     * @returns It returns a button with an icon.
+     */
+    _GuIconButton({ name, icon, className }: IconButtonProps): string;
+    _GuTwoColumns(children: string[]): string;
+    /**
+     * Creates an orderable (sortable) list control
+     * @param name - The control name for value binding
+     * @param items - Array of item keys/values
+     * @param itemLabels - Optional array of objects with key and label properties for display
+     * @returns HTML string for the orderable control
+     */
+    _GuOrderable(name: string, items: {
+        key: string;
+        label: string;
+        content: string;
+    }[]): string;
+    _GuNestedControl(id: string, content: string): string;
+    _GuExpandable(label: string, content: string): string;
+    _GuColorPicker(name: string): string;
+    _GuFontFamily(name: string, placeholder?: string): string;
+    _GuRadioButtons(name: string, buttons: {
+        text: string;
+        value: string;
+    }[]): string;
+    _GuCheckbox(name: string, caption: string): string;
+}
+export {};

package/dist/src/extensions/DynamicContent/extension.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("@stripoinc/ui-editor-extensions").Extension;
+export default _default;

package/dist/src/mock/api/validator.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("msw").HttpHandler[];
+export default _default;

package/dist/src/services/recommendationApi.d.ts

@@ -0,0 +1,6 @@
+import type { InitialResponse, FiltersResponse, RecommendationProduct, RecommendationProductsParams } from '@@/Types/recommendation';
+export declare const useRecommendationApi: () => {
+    fetchRecommendationCreateData: () => Promise<InitialResponse>;
+    fetchRecommendationFilters: () => Promise<FiltersResponse>;
+    fetchRecommendationProducts: (strategy: string, params: RecommendationProductsParams) => Promise<RecommendationProduct[]>;
+};

package/dist/src/services/unsubscribeApi.d.ts

@@ -0,0 +1,4 @@
+import type { UnsubscribePage } from '@@/Types/unsubscribe';
+export declare const useUnsubscribeApi: () => {
+    getUnsubscribePages: () => Promise<UnsubscribePage[]>;
+};

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

@@ -0,0 +1,96 @@
+import type { GuidoConfig, TemplateConfig } from '@@/Types/generic';
+interface StoreState {
+    guidoConfig: GuidoConfig;
+    templateConfig?: TemplateConfig;
+}
+export declare const useConfigStore: import("pinia").StoreDefinition<"config", StoreState, {
+    getVariationId: (state: {
+        guidoConfig: {
+            translationsPath: string;
+            htmlCompilerRules?: ({
+                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[] | {
+                    exec: (string: string) => RegExpExecArray | null;
+                    test: (string: string) => boolean;
+                    readonly source: string;
+                    readonly global: boolean;
+                    readonly ignoreCase: boolean;
+                    readonly multiline: boolean;
+                    lastIndex: number;
+                    compile: (pattern: string, flags?: string) => RegExp;
+                    readonly flags: string;
+                    readonly sticky: boolean;
+                    readonly unicode: boolean;
+                    readonly dotAll: boolean;
+                    readonly hasIndices: boolean;
+                    [Symbol.match]: (string: string) => RegExpMatchArray | null;
+                    [Symbol.replace]: {
+                        (string: string, replaceValue: string): string;
+                        (string: string, replacer: (substring: string, ...args: any[]) => string): string;
+                    };
+                    [Symbol.search]: (string: string) => number;
+                    [Symbol.split]: (string: string, limit?: number) => string[];
+                    [Symbol.matchAll]: (str: string) => IterableIterator<RegExpMatchArray>;
+                }[];
+                id: string;
+                description?: string | undefined;
+                priority: number;
+            } | {
+                type: "custom";
+                processor: (html: string) => string;
+                id: string;
+                description?: string | undefined;
+                priority: number;
+            })[] | undefined;
+            ignoreDefaultHtmlCompilerRules?: boolean | undefined;
+            useHeader?: boolean | undefined;
+            emailHeader: {
+                senderName: string;
+                subject: string;
+            };
+            partner?: {
+                partnerName: string;
+                productType: number;
+                messageType: number;
+            } | undefined;
+            extensions?: {
+                unsubscribe?: boolean | undefined;
+            } | undefined;
+            features?: {
+                dynamicContent?: boolean | undefined;
+                saveAsTemplate?: boolean | undefined;
+                versionHistory?: boolean | undefined;
+            } | undefined;
+        };
+        templateConfig?: {
+            preselectedDynamicContentList?: {
+                value: string;
+                text: string;
+                fallback?: string | undefined;
+                format?: {
+                    key: string;
+                    value: string;
+                } | undefined;
+            }[] | undefined;
+            selectedUnsubscribePages?: number[] | undefined;
+            variationId?: string | undefined;
+        } | undefined;
+    } & import("pinia").PiniaCustomStateProperties<StoreState>) => string;
+}, {}>;
+export {};

package/dist/{stores → src/stores}/editor.d.ts

@@ -7,6 +7,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
     editorVisualMode: string;
     hasChanges: boolean;
     isStripoInitialized: boolean;
+    templateId: string;
 }, {
     isUndoButtonDisabled: (state: {
         loadingStatus: boolean;
@@ -17,6 +18,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         editorVisualMode: string;
         hasChanges: boolean;
         isStripoInitialized: boolean;
+        templateId: string;
     } & import("pinia").PiniaCustomStateProperties<{
         loadingStatus: boolean;
         isCodeEditorOpen: boolean;
@@ -26,6 +28,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         editorVisualMode: string;
         hasChanges: boolean;
         isStripoInitialized: boolean;
+        templateId: string;
     }>) => boolean;
     isRedoButtonDisabled: (state: {
         loadingStatus: boolean;
@@ -36,6 +39,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         editorVisualMode: string;
         hasChanges: boolean;
         isStripoInitialized: boolean;
+        templateId: string;
     } & import("pinia").PiniaCustomStateProperties<{
         loadingStatus: boolean;
         isCodeEditorOpen: boolean;
@@ -45,6 +49,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         editorVisualMode: string;
         hasChanges: boolean;
         isStripoInitialized: boolean;
+        templateId: string;
     }>) => boolean;
     isCodeEditorButtonDisabled: (state: {
         loadingStatus: boolean;
@@ -55,6 +60,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         editorVisualMode: string;
         hasChanges: boolean;
         isStripoInitialized: boolean;
+        templateId: string;
     } & import("pinia").PiniaCustomStateProperties<{
         loadingStatus: boolean;
         isCodeEditorOpen: boolean;
@@ -64,6 +70,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         editorVisualMode: string;
         hasChanges: boolean;
         isStripoInitialized: boolean;
+        templateId: string;
     }>) => boolean;
     isPreviewButtonDisabled: (state: {
         loadingStatus: boolean;
@@ -74,6 +81,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         editorVisualMode: string;
         hasChanges: boolean;
         isStripoInitialized: boolean;
+        templateId: string;
     } & import("pinia").PiniaCustomStateProperties<{
         loadingStatus: boolean;
         isCodeEditorOpen: boolean;
@@ -83,6 +91,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         editorVisualMode: string;
         hasChanges: boolean;
         isStripoInitialized: boolean;
+        templateId: string;
     }>) => boolean;
     isViewOptionsDisabled: (state: {
         loadingStatus: boolean;
@@ -93,6 +102,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         editorVisualMode: string;
         hasChanges: boolean;
         isStripoInitialized: boolean;
+        templateId: string;
     } & import("pinia").PiniaCustomStateProperties<{
         loadingStatus: boolean;
         isCodeEditorOpen: boolean;
@@ -102,6 +112,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         editorVisualMode: string;
         hasChanges: boolean;
         isStripoInitialized: boolean;
+        templateId: string;
     }>) => boolean;
     isVersionHistoryButtonDisabled: (state: {
         loadingStatus: boolean;
@@ -112,6 +123,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         editorVisualMode: string;
         hasChanges: boolean;
         isStripoInitialized: boolean;
+        templateId: string;
     } & import("pinia").PiniaCustomStateProperties<{
         loadingStatus: boolean;
         isCodeEditorOpen: boolean;
@@ -121,6 +133,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         editorVisualMode: string;
         hasChanges: boolean;
         isStripoInitialized: boolean;
+        templateId: string;
     }>) => boolean;
     isExportButtonDisabled: (state: {
         loadingStatus: boolean;
@@ -131,6 +144,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         editorVisualMode: string;
         hasChanges: boolean;
         isStripoInitialized: boolean;
+        templateId: string;
     } & import("pinia").PiniaCustomStateProperties<{
         loadingStatus: boolean;
         isCodeEditorOpen: boolean;
@@ -140,6 +154,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         editorVisualMode: string;
         hasChanges: boolean;
         isStripoInitialized: boolean;
+        templateId: string;
     }>) => boolean;
     isSaveAsButtonDisabled: (state: {
         loadingStatus: boolean;
@@ -150,6 +165,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         editorVisualMode: string;
         hasChanges: boolean;
         isStripoInitialized: boolean;
+        templateId: string;
     } & import("pinia").PiniaCustomStateProperties<{
         loadingStatus: boolean;
         isCodeEditorOpen: boolean;
@@ -159,6 +175,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         editorVisualMode: string;
         hasChanges: boolean;
         isStripoInitialized: boolean;
+        templateId: string;
     }>) => boolean;
     isTestButtonDisabled: (state: {
         loadingStatus: boolean;
@@ -169,6 +186,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         editorVisualMode: string;
         hasChanges: boolean;
         isStripoInitialized: boolean;
+        templateId: string;
     } & import("pinia").PiniaCustomStateProperties<{
         loadingStatus: boolean;
         isCodeEditorOpen: boolean;
@@ -178,6 +196,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         editorVisualMode: string;
         hasChanges: boolean;
         isStripoInitialized: boolean;
+        templateId: string;
     }>) => boolean;
     isSaveButtonDisabled: (state: {
         loadingStatus: boolean;
@@ -188,6 +207,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         editorVisualMode: string;
         hasChanges: boolean;
         isStripoInitialized: boolean;
+        templateId: string;
     } & import("pinia").PiniaCustomStateProperties<{
         loadingStatus: boolean;
         isCodeEditorOpen: boolean;
@@ -197,5 +217,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         editorVisualMode: string;
         hasChanges: boolean;
         isStripoInitialized: boolean;
+        templateId: string;
     }>) => boolean;
 }, {}>;