@useinsider/guido 1.0.2 → 1.0.3-beta.001f60f

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,66 @@
+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;
+}
+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/slackNotificationService.d.ts

@@ -0,0 +1,110 @@
+/**
+ * Slack notification payload structure
+ */
+export interface SlackNotificationPayload {
+    channel?: string;
+    username?: string;
+    icon_emoji?: string;
+    text?: string;
+    attachments?: SlackAttachment[];
+}
+/**
+ * Slack attachment for formatted messages
+ */
+export interface SlackAttachment {
+    color?: string;
+    title?: string;
+    title_link?: string;
+    text?: string;
+    fields?: SlackField[];
+    footer?: string;
+    ts?: number;
+}
+/**
+ * Slack field for structured data
+ */
+export interface SlackField {
+    title: string;
+    value: string;
+    short?: boolean;
+}
+/**
+ * Slack error notification content
+ */
+export interface SlackErrorNotification {
+    title: string;
+    message: string;
+    errorType: string;
+    severity: 'low' | 'medium' | 'high' | 'critical';
+    context?: Record<string, unknown>;
+    stackTrace?: string;
+    timestamp?: number;
+}
+/**
+ * Service for sending error notifications to Slack
+ * Used to alert team members about critical Stripo errors
+ */
+export declare class SlackNotificationService {
+    private webhookUrl;
+    private channel;
+    private defaultUsername;
+    private enabled;
+    constructor(webhookUrl?: string, options?: {
+        channel?: string;
+        username?: string;
+        enabled?: boolean;
+    });
+    /**
+     * Send an error notification to Slack
+     */
+    sendErrorNotification(notification: SlackErrorNotification): Promise<boolean>;
+    /**
+     * Send a critical error that requires immediate attention
+     */
+    sendCriticalError(title: string, message: string, context?: Record<string, unknown>): Promise<boolean>;
+    /**
+     * Send a CORS error notification
+     */
+    sendCorsErrorNotification(resourceUrl?: string, additionalContext?: Record<string, unknown>): Promise<boolean>;
+    /**
+     * Send a plugin load error notification
+     */
+    sendPluginLoadErrorNotification(reason: string, additionalContext?: Record<string, unknown>): Promise<boolean>;
+    /**
+     * Build Slack message payload from error notification
+     */
+    private buildErrorPayload;
+    /**
+     * Format field title for Slack (e.g., emailId -> Email ID)
+     */
+    private formatFieldTitle;
+    /**
+     * Format field value for Slack display
+     */
+    private formatFieldValue;
+    /**
+     * Check if notifications are enabled
+     */
+    isEnabled(): boolean;
+    /**
+     * Update webhook URL
+     */
+    setWebhookUrl(url: string): void;
+    /**
+     * Update channel
+     */
+    setChannel(channel: string): void;
+    /**
+     * Enable/disable notifications
+     */
+    setEnabled(enabled: boolean): void;
+}
+export declare const getSlackNotificationService: () => SlackNotificationService;
+/**
+ * Initialize or reinitialize Slack notification service
+ */
+export declare const initializeSlackNotificationService: (webhookUrl?: string, options?: {
+    channel?: string;
+    username?: string;
+    enabled?: boolean;
+}) => SlackNotificationService;

package/dist/{services → src/services}/stripoApi.d.ts

@@ -1,5 +1,5 @@
 import type { CustomFont, Template } from '@@/Types/stripo';
-export declare const useStripoApi: () => {
+export declare const useStripoApi: (onTokenRefresh?: () => Promise<string>) => {
     getToken: () => Promise<string>;
     getCustomFonts: () => Promise<(CustomFont & {
         active: boolean;

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

@@ -0,0 +1,75 @@
+/**
+ * Service for handling Stripo error deduplication locally in Guido
+ *
+ * IMPORTANT: These errors are Guido's responsibility, not consuming teams'
+ * - Errors are caught and handled within Guido
+ * - Slack alerts notify Guido team to take action
+ * - Do NOT propagate errors to consuming teams' error tracking
+ * - Do NOT require backend involvement (errors are client-side)
+ *
+ * This keeps Stripo integration issues isolated to Guido's systems
+ */
+export interface StripoErrorDuplication {
+    errorType: string;
+    errorMessage: string;
+    errorCategory: string;
+    context: {
+        emailId?: string;
+        userId?: string;
+        environment?: string;
+        timestamp: string;
+        [key: string]: unknown;
+    };
+    reportedAt: string;
+}
+/**
+ * Service for deduplicating Stripo error alerts locally in Guido
+ * Prevents duplicate Slack notifications for the same error within a session
+ *
+ * Errors are handled entirely on the FE:
+ * - Slack notification alerts Guido team immediately (first occurrence)
+ * - Duplicate alerts suppressed within same session
+ * - Sentry/FullStory logs for analysis
+ * - No backend endpoint required
+ * - No propagation to consuming teams
+ */
+export declare class StripoErrorDeduplicationService {
+    private reportedErrors;
+    constructor();
+    /**
+     * Track an error locally to prevent duplicate Slack alerts
+     * Only sends Slack alert once per unique error within the same session
+     */
+    trackError(errorData: StripoErrorDuplication): boolean;
+    /**
+     * Track plugin load error locally (CORS, script failure, timeout)
+     */
+    trackPluginLoadError(errorMessage: string, context?: Record<string, unknown>): boolean;
+    /**
+     * Track CORS error locally
+     */
+    trackCorsError(errorMessage: string, context?: Record<string, unknown>): boolean;
+    /**
+     * Track authentication error locally (token refresh failure)
+     * Tracks it, but Slack notifier decides whether to alert based on token expiration
+     */
+    trackAuthenticationError(errorMessage: string, context?: Record<string, unknown>): boolean;
+    /**
+     * Generate unique deduplication key for error
+     * Format: "errorType:emailId:userId" to allow same error on different emails
+     */
+    private getDeduplicationKey;
+    /**
+     * Clear tracked errors (for testing or session reset)
+     */
+    clearTrackedErrors(): void;
+    /**
+     * Get count of errors tracked in this session
+     */
+    getTrackedErrorCount(): number;
+}
+export declare const getStripoErrorDeduplicationService: () => StripoErrorDeduplicationService;
+/**
+ * Reset tracked errors (useful for testing or session reset)
+ */
+export declare const resetStripoErrorDeduplicationService: () => void;

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}/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;
 }, {}>;