@useinsider/guido 1.0.2 → 1.0.3-beta.000af7d

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/src/extensions/Blocks/_Boilerplate/block.d.ts

@@ -0,0 +1,11 @@
+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;
+    getName(): string;
+    getDescription(): string;
+    getTemplate(): string;
+}

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

@@ -0,0 +1,17 @@
+import { Control, ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
+export declare const CONTROL_BLOCK_ID = "ui-elements-{{your-control-block}}";
+export declare class CustomControl extends Control {
+    private currentNode?;
+    private selectedUnsubGroup?;
+    private unsubList;
+    getId(): string;
+    _setFormValues(): void;
+    _getLabel(text: string, name?: string): string;
+    _getSelectItem(text: string, value: string): string;
+    _getSelect(): string;
+    getTemplate(): string;
+    _onSelectChange(value: string | number): void;
+    _listenToFormUpdates(): void;
+    onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
+    onRender(): Promise<void>;
+}

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/_Boilerplate/template.d.ts

@@ -0,0 +1,6 @@
+declare const migrationTemplate = "\n    <td \n        align=\"left\" \n        esd-extension-block-id=\"checkbox-block\" \n        class=\"checkbox-block-v2 esd-block-checkbox esd-checkbox-block esd-extension-block es-p20\"\n    >\n        <table cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" width=\"100%\">\n            <tbody>\n                <tr>\n                    <td align=\"left\" width=\"39\" style=\"vertical-align: top\">\n                        <input type=\"checkbox\">\n                    </td>\n                    <td align=\"left\" width=\"816\" style=\"vertical-align: top\">\n                        <table cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" width=\"100%\">\n                            <tbody>\n                                <tr>{-{-TITLE-}-}</tr>\n                                <tr>{-{-DESCRIPTION-}-}</tr>\n                            </tbody>\n                        </table>\n                    </td>\n                </tr>\n            </tbody>\n        </table>\n    </td>\n";
+/**
+ * @returns The template for the default checkbox block
+ */
+export declare function getDefaultTemplate(): string;
+export default migrationTemplate;

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/template-library.d.ts

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

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

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

package/dist/src/mock/api/user-modal-state.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("msw").HttpHandler[];
+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/onboardingApi.d.ts

@@ -0,0 +1,4 @@
+export declare const useOnboardingApi: () => {
+    fetchUserModalState: () => Promise<unknown>;
+    setUserModalState: (modal: string, state: string, page: string) => Promise<unknown>;
+};

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,97 @@
+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;
+            };
+            migrationDate: number;
+            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}/dynamic-content.d.ts

@@ -8,11 +8,19 @@ export declare const useDynamicContentStore: import("pinia").StoreDefinition<"dy
             value: string;
             text: string;
             fallback?: string | undefined;
+            format?: {
+                key: string;
+                value: string;
+            } | undefined;
         };
         selectedDynamicContentList: {
             value: string;
             text: string;
             fallback?: string | undefined;
+            format?: {
+                key: string;
+                value: string;
+            } | undefined;
         }[];
     } & import("pinia").PiniaCustomStateProperties<{
         selectedDynamicContent: DynamicContent;
@@ -21,6 +29,10 @@ export declare const useDynamicContentStore: import("pinia").StoreDefinition<"dy
         text: string;
         value: string;
         fallback: string | undefined;
+        format: {
+            key: string;
+            value: string;
+        } | undefined;
     }[];
 }, {
     setSelectedDynamicContent(dynamicContent: DynamicContent): void;

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

@@ -6,6 +6,8 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
     isPreviewModeOpen: boolean;
     editorVisualMode: string;
     hasChanges: boolean;
+    isStripoInitialized: boolean;
+    templateId: string;
 }, {
     isUndoButtonDisabled: (state: {
         loadingStatus: boolean;
@@ -15,6 +17,8 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         isPreviewModeOpen: boolean;
         editorVisualMode: string;
         hasChanges: boolean;
+        isStripoInitialized: boolean;
+        templateId: string;
     } & import("pinia").PiniaCustomStateProperties<{
         loadingStatus: boolean;
         isCodeEditorOpen: boolean;
@@ -23,6 +27,8 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         isPreviewModeOpen: boolean;
         editorVisualMode: string;
         hasChanges: boolean;
+        isStripoInitialized: boolean;
+        templateId: string;
     }>) => boolean;
     isRedoButtonDisabled: (state: {
         loadingStatus: boolean;
@@ -32,6 +38,8 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         isPreviewModeOpen: boolean;
         editorVisualMode: string;
         hasChanges: boolean;
+        isStripoInitialized: boolean;
+        templateId: string;
     } & import("pinia").PiniaCustomStateProperties<{
         loadingStatus: boolean;
         isCodeEditorOpen: boolean;
@@ -40,6 +48,8 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         isPreviewModeOpen: boolean;
         editorVisualMode: string;
         hasChanges: boolean;
+        isStripoInitialized: boolean;
+        templateId: string;
     }>) => boolean;
     isCodeEditorButtonDisabled: (state: {
         loadingStatus: boolean;
@@ -49,6 +59,8 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         isPreviewModeOpen: boolean;
         editorVisualMode: string;
         hasChanges: boolean;
+        isStripoInitialized: boolean;
+        templateId: string;
     } & import("pinia").PiniaCustomStateProperties<{
         loadingStatus: boolean;
         isCodeEditorOpen: boolean;
@@ -57,6 +69,8 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         isPreviewModeOpen: boolean;
         editorVisualMode: string;
         hasChanges: boolean;
+        isStripoInitialized: boolean;
+        templateId: string;
     }>) => boolean;
     isPreviewButtonDisabled: (state: {
         loadingStatus: boolean;
@@ -66,6 +80,8 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         isPreviewModeOpen: boolean;
         editorVisualMode: string;
         hasChanges: boolean;
+        isStripoInitialized: boolean;
+        templateId: string;
     } & import("pinia").PiniaCustomStateProperties<{
         loadingStatus: boolean;
         isCodeEditorOpen: boolean;
@@ -74,6 +90,8 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         isPreviewModeOpen: boolean;
         editorVisualMode: string;
         hasChanges: boolean;
+        isStripoInitialized: boolean;
+        templateId: string;
     }>) => boolean;
     isViewOptionsDisabled: (state: {
         loadingStatus: boolean;
@@ -83,6 +101,8 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         isPreviewModeOpen: boolean;
         editorVisualMode: string;
         hasChanges: boolean;
+        isStripoInitialized: boolean;
+        templateId: string;
     } & import("pinia").PiniaCustomStateProperties<{
         loadingStatus: boolean;
         isCodeEditorOpen: boolean;
@@ -91,6 +111,8 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         isPreviewModeOpen: boolean;
         editorVisualMode: string;
         hasChanges: boolean;
+        isStripoInitialized: boolean;
+        templateId: string;
     }>) => boolean;
     isVersionHistoryButtonDisabled: (state: {
         loadingStatus: boolean;
@@ -100,6 +122,8 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         isPreviewModeOpen: boolean;
         editorVisualMode: string;
         hasChanges: boolean;
+        isStripoInitialized: boolean;
+        templateId: string;
     } & import("pinia").PiniaCustomStateProperties<{
         loadingStatus: boolean;
         isCodeEditorOpen: boolean;
@@ -108,6 +132,8 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         isPreviewModeOpen: boolean;
         editorVisualMode: string;
         hasChanges: boolean;
+        isStripoInitialized: boolean;
+        templateId: string;
     }>) => boolean;
     isExportButtonDisabled: (state: {
         loadingStatus: boolean;
@@ -117,6 +143,8 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         isPreviewModeOpen: boolean;
         editorVisualMode: string;
         hasChanges: boolean;
+        isStripoInitialized: boolean;
+        templateId: string;
     } & import("pinia").PiniaCustomStateProperties<{
         loadingStatus: boolean;
         isCodeEditorOpen: boolean;
@@ -125,6 +153,8 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         isPreviewModeOpen: boolean;
         editorVisualMode: string;
         hasChanges: boolean;
+        isStripoInitialized: boolean;
+        templateId: string;
     }>) => boolean;
     isSaveAsButtonDisabled: (state: {
         loadingStatus: boolean;
@@ -134,6 +164,8 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         isPreviewModeOpen: boolean;
         editorVisualMode: string;
         hasChanges: boolean;
+        isStripoInitialized: boolean;
+        templateId: string;
     } & import("pinia").PiniaCustomStateProperties<{
         loadingStatus: boolean;
         isCodeEditorOpen: boolean;
@@ -142,6 +174,8 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         isPreviewModeOpen: boolean;
         editorVisualMode: string;
         hasChanges: boolean;
+        isStripoInitialized: boolean;
+        templateId: string;
     }>) => boolean;
     isTestButtonDisabled: (state: {
         loadingStatus: boolean;
@@ -151,6 +185,8 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         isPreviewModeOpen: boolean;
         editorVisualMode: string;
         hasChanges: boolean;
+        isStripoInitialized: boolean;
+        templateId: string;
     } & import("pinia").PiniaCustomStateProperties<{
         loadingStatus: boolean;
         isCodeEditorOpen: boolean;
@@ -159,6 +195,8 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         isPreviewModeOpen: boolean;
         editorVisualMode: string;
         hasChanges: boolean;
+        isStripoInitialized: boolean;
+        templateId: string;
     }>) => boolean;
     isSaveButtonDisabled: (state: {
         loadingStatus: boolean;
@@ -168,6 +206,8 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         isPreviewModeOpen: boolean;
         editorVisualMode: string;
         hasChanges: boolean;
+        isStripoInitialized: boolean;
+        templateId: string;
     } & import("pinia").PiniaCustomStateProperties<{
         loadingStatus: boolean;
         isCodeEditorOpen: boolean;
@@ -176,5 +216,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         isPreviewModeOpen: boolean;
         editorVisualMode: string;
         hasChanges: boolean;
+        isStripoInitialized: boolean;
+        templateId: string;
     }>) => boolean;
 }, {}>;