@designcrowd/library.brand-page 5.17.10 → 5.17.11-ai-5

package/lib/src/{CreatedOnBrandCrowd-de-de-DoQhYZz4.js → CreatedOnBrandCrowd-de-de-CB_KiLeP.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-CWXnmOv-.js";
+import { _ as t } from "./lib-BQ8SbgxR.js";
 const i = {}, h = {
   width: "275",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-en-us-B9ar12Is.js → CreatedOnBrandCrowd-en-us-Chr3MqPy.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-CWXnmOv-.js";
+import { _ as t } from "./lib-BQ8SbgxR.js";
 const i = {}, h = {
   width: "251",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-es-es-DutTtFX2.js → CreatedOnBrandCrowd-es-es-Btgp26nW.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-CWXnmOv-.js";
+import { _ as t } from "./lib-BQ8SbgxR.js";
 const i = {}, h = {
   width: "250",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-fr-fr-DPeUPXoU.js → CreatedOnBrandCrowd-fr-ca-DKwrY-sA.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-CWXnmOv-.js";
+import { _ as t } from "./lib-BQ8SbgxR.js";
 const i = {}, h = {
   width: "237",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-fr-ca-DPeUPXoU.js → CreatedOnBrandCrowd-fr-fr-DKwrY-sA.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-CWXnmOv-.js";
+import { _ as t } from "./lib-BQ8SbgxR.js";
 const i = {}, h = {
   width: "237",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-pt-pt-JkpeLUeO.js → CreatedOnBrandCrowd-pt-br-BgeMGsY_.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-CWXnmOv-.js";
+import { _ as t } from "./lib-BQ8SbgxR.js";
 const i = {}, h = {
   width: "263",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-pt-br-JkpeLUeO.js → CreatedOnBrandCrowd-pt-pt-BgeMGsY_.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-CWXnmOv-.js";
+import { _ as t } from "./lib-BQ8SbgxR.js";
 const i = {}, h = {
   width: "263",
   height: "36",

package/lib/src/{CreatedOnDcom-de-de-UDxsoo5Q.js → CreatedOnDcom-de-de-CLEgF9WS.js}

@@ -1,5 +1,5 @@
 import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
-import { _ as e } from "./lib-CWXnmOv-.js";
+import { _ as e } from "./lib-BQ8SbgxR.js";
 const M = {}, Z = {
   width: "242",
   height: "36",

package/lib/src/{CreatedOnDcom-en-us-XAyatLAS.js → CreatedOnDcom-en-us-BmPu7VKK.js}

@@ -1,5 +1,5 @@
 import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
-import { _ as e } from "./lib-CWXnmOv-.js";
+import { _ as e } from "./lib-BQ8SbgxR.js";
 const i = {}, M = {
   width: "231",
   height: "36",

package/lib/src/{CreatedOnDcom-es-es-CbZFMey5.js → CreatedOnDcom-es-es-CwT9TfdG.js}

@@ -1,5 +1,5 @@
 import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
-import { _ as e } from "./lib-CWXnmOv-.js";
+import { _ as e } from "./lib-BQ8SbgxR.js";
 const M = {}, Z = {
   width: "230",
   height: "36",

package/lib/src/{CreatedOnDcom-fr-ca-CxA4chk3.js → CreatedOnDcom-fr-ca-__SPjnP6.js}

@@ -1,5 +1,5 @@
 import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
-import { _ as e } from "./lib-CWXnmOv-.js";
+import { _ as e } from "./lib-BQ8SbgxR.js";
 const i = {}, l = {
   width: "216",
   height: "36",

package/lib/src/{CreatedOnDcom-fr-fr-DWeUjjjN.js → CreatedOnDcom-fr-fr-C140ZYqh.js}

@@ -1,5 +1,5 @@
 import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
-import { _ as e } from "./lib-CWXnmOv-.js";
+import { _ as e } from "./lib-BQ8SbgxR.js";
 const i = {}, l = {
   width: "216",
   height: "36",

package/lib/src/{CreatedOnDcom-pt-br-Bg0aa15z.js → CreatedOnDcom-pt-br-C8zLjrLp.js}

@@ -1,5 +1,5 @@
 import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
-import { _ as M } from "./lib-CWXnmOv-.js";
+import { _ as M } from "./lib-BQ8SbgxR.js";
 const Z = {}, e = {
   width: "232",
   height: "36",

package/lib/src/{CreatedOnDcom-pt-pt-jfNQUP0S.js → CreatedOnDcom-pt-pt-B0me5XND.js}

@@ -1,5 +1,5 @@
 import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
-import { _ as M } from "./lib-CWXnmOv-.js";
+import { _ as M } from "./lib-BQ8SbgxR.js";
 const Z = {}, e = {
   width: "232",
   height: "36",

package/lib/src/brand-page-maker/composables/ai-chat/useAiWebsiteBuilderChat.js

@@ -1,13 +1,15 @@
 import { ref, computed, watch, nextTick, onUnmounted } from 'vue';
 import { getInstance as getAiAssistantClient, AI_ASSISTANT_AGENT_TYPES, buildWebsiteBuilderMessage, } from '../../../clients/ai-assistant-client';
+import { WebSocketGatewayClient, } from '../../../clients/websocket-gateway-client';
 import { minifyBrandPageMetadata } from '../../../utils/minify-brand-page-metadata';
 import { useSnapshotStore, useAiWebsiteBuilderThreadStore } from '../../stores';
 import { useBrandPageMakerStore } from '../../stores';
-import { useUiPageSettingsStore } from '../../../shared/page-settings/store';
 import { useAiMetadataBuilder } from './useAiMetadataBuilder';
 import { Logger } from '../../../metadata-builder/logger';
-const MAX_TOOL_CALL_ITERATIONS = 5;
+const BUILD_TIMEOUT_MS = 600000;
 const aiLogger = new Logger();
+let activeBuildWsClient = null;
+const MAX_TOOL_CALL_ITERATIONS = 5;
 export function useAiWebsiteBuilderChat() {
     const aiThreadStore = useAiWebsiteBuilderThreadStore();
     const snapshotStore = useSnapshotStore();
@@ -38,6 +40,35 @@ export function useAiWebsiteBuilderChat() {
     const isStopped = ref(false);
     const generatedText = ref(null);
     const generatedStyle = ref(null);
+    const SERVICE_UNAVAILABLE_MESSAGE = 'This service is not available right now. Please try again later.';
+    const addServiceUnavailableBubble = () => {
+        threadItems.value.push({
+            id: Date.now().toString(),
+            type: 'text',
+            role: 'agent',
+            text: SERVICE_UNAVAILABLE_MESSAGE,
+            isTyping: false,
+            isError: true,
+            timestamp: new Date(),
+        });
+    };
+    const ensureConnectedAsync = async () => {
+        const existingId = activeBuildWsClient?.getConnectionId();
+        if (activeBuildWsClient && existingId) {
+            return existingId;
+        }
+        if (activeBuildWsClient) {
+            activeBuildWsClient.disconnect();
+        }
+        const wsClient = new WebSocketGatewayClient();
+        const connectionId = await wsClient.connect();
+        wsClient.onDisconnect(() => {
+            activeBuildWsClient = null;
+            addServiceUnavailableBubble();
+        });
+        activeBuildWsClient = wsClient;
+        return connectionId;
+    };
     const buildMessage = (userPrompt) => {
         const minified = minifyBrandPageMetadata(brandPageMakerStore.brandPageData);
         return buildWebsiteBuilderMessage(userPrompt, minified);
@@ -69,81 +100,115 @@ export function useAiWebsiteBuilderChat() {
             aiMessage,
         };
     };
-    const submitToolResults = async (toolResults) => {
-        if (!aiThreadStore.threadId || !aiThreadStore.runId || !toolResults.length)
-            return null;
-        const client = getAiAssistantClient();
-        const { response } = await client.submitWebsiteToolCallOutputAsync(aiThreadStore.threadId, {
-            runId: aiThreadStore.runId,
-            toolCalls: toolResults,
-            agentType: AI_ASSISTANT_AGENT_TYPES.WEBSITE_BUILDER,
-            websiteSnapshot: snapshotStore.snapshotBase64 || undefined,
-        });
-        return response;
-    };
-    const callApiAsync = async (userPrompt) => {
-        generatedText.value = null;
-        generatedStyle.value = null;
-        const client = getAiAssistantClient();
-        let aiAssistantResponse = {};
-        if (!aiThreadStore.threadId) {
-            const { response } = await client.createWebsiteThreadAndSendMessageAsync({
-                message: buildMessage(userPrompt || ''),
-                websiteSnapshot: snapshotStore.snapshotBase64 || undefined,
-                agentType: AI_ASSISTANT_AGENT_TYPES.WEBSITE_BUILDER,
-            });
-            aiAssistantResponse = response;
-            aiThreadStore.threadId = response.threadId;
-            aiThreadStore.runId = response.runId || null;
-        }
-        else {
-            const { response } = await client.sendWebsiteMessageAsync(aiThreadStore.threadId, {
-                message: buildMessage(userPrompt),
-                websiteSnapshot: snapshotStore.snapshotBase64 || undefined,
-                agentType: AI_ASSISTANT_AGENT_TYPES.WEBSITE_BUILDER,
-            });
-            aiAssistantResponse = response;
-        }
-        aiLogger.log('callApiAsync response', { aiAssistantResponse });
-        if (isStopped.value)
-            return { text: null };
-        const handledResponse = await handleAiResponseAsync(aiAssistantResponse);
-        return {
-            text: handledResponse.aiMessage ||
-                'I was unable to make the changes. Please try again.',
-            langChainUrl: aiAssistantResponse.langChainUrl,
-        };
-    };
-    const handleToolResponseAsync = async (response) => {
-        let { shouldContinue, toolResults, aiMessage } = await applyToolCallsAsync(response);
-        let iterations = 0;
-        while (shouldContinue && iterations < MAX_TOOL_CALL_ITERATIONS) {
-            if (isStopped.value)
-                return { aiMessage: '' };
-            const nextResponse = await submitToolResults(toolResults);
-            aiLogger.log('handleToolResponseAsync submitToolResults', {
-                toolResults,
-                nextResponse,
+    const callApiBuildAsync = async (userPrompt) => {
+        const connectionId = await ensureConnectedAsync();
+        const wsClient = activeBuildWsClient;
+        try {
+            const client = getAiAssistantClient();
+            const message = buildMessage(userPrompt);
+            wsClient.sendHeartbeat();
+            let buildResponse;
+            if (!aiThreadStore.threadId) {
+                buildResponse = await client.createWebsiteThreadBuildAsync({
+                    message,
+                    websiteSnapshot: snapshotStore.snapshotBase64 || undefined,
+                    agentType: AI_ASSISTANT_AGENT_TYPES.WEBSITE_BUILDER,
+                    connectionId,
+                });
+            }
+            else {
+                buildResponse = await client.sendWebsiteMessageBuildAsync(aiThreadStore.threadId, {
+                    message,
+                    websiteSnapshot: snapshotStore.snapshotBase64 || undefined,
+                    agentType: AI_ASSISTANT_AGENT_TYPES.WEBSITE_BUILDER,
+                    connectionId,
+                });
+            }
+            aiThreadStore.threadId = buildResponse.threadId;
+            aiThreadStore.buildId = buildResponse.buildId;
+            aiThreadStore.isBuildInProgress = true;
+            aiThreadStore.buildSectionsCompleted = 0;
+            const langChainUrl = buildResponse.langChainUrl;
+            wsClient.setBuildActive(true);
+            wsClient.startResponseHeartbeat();
+            return new Promise((resolve, reject) => {
+                let settled = false;
+                let handler = null;
+                const finishBuild = () => {
+                    aiThreadStore.isBuildInProgress = false;
+                    wsClient.setBuildActive(false);
+                    wsClient.stopResponseHeartbeat();
+                    if (handler)
+                        wsClient.offMessage(handler);
+                };
+                const timeout = setTimeout(() => {
+                    if (settled)
+                        return;
+                    settled = true;
+                    finishBuild();
+                    reject(new Error('Build timeout'));
+                }, BUILD_TIMEOUT_MS);
+                handler = (msg) => {
+                    if (settled)
+                        return;
+                    if (msg.buildId !== aiThreadStore.buildId)
+                        return;
+                    if (isStopped.value) {
+                        settled = true;
+                        clearTimeout(timeout);
+                        finishBuild();
+                        resolve({ text: null });
+                        return;
+                    }
+                    if (msg.type === 'build_complete') {
+                        settled = true;
+                        clearTimeout(timeout);
+                        const toolCalls = (msg.toolCalls || []);
+                        const aiResponse = {
+                            threadId: aiThreadStore.threadId || '',
+                            toolCalls,
+                            message: msg.message || null,
+                            type: 'tool_calls',
+                            totalPaidToolCalls: 0,
+                            timestamp: Date.now(),
+                        };
+                        (async () => {
+                            try {
+                                if (toolCalls.length > 0) {
+                                    await applyToolCallsAsync(aiResponse);
+                                }
+                                finishBuild();
+                                await snapshotStore.refreshSnapshotAsync();
+                                resolve({
+                                    text: aiResponse.message || 'Your website has been updated.',
+                                    langChainUrl,
+                                });
+                            }
+                            catch (err) {
+                                aiLogger.log('build_complete apply error', { err });
+                                finishBuild();
+                                resolve({ text: 'An error occurred applying changes.' });
+                            }
+                        })();
+                    }
+                    if (msg.type === 'build_error') {
+                        settled = true;
+                        clearTimeout(timeout);
+                        finishBuild();
+                        resolve({
+                            text: msg.error || 'An error occurred during the build.',
+                        });
+                    }
+                };
+                wsClient.onMessage(handler);
             });
-            if (!nextResponse)
-                break;
-            const retryResult = await applyToolCallsAsync(nextResponse);
-            shouldContinue = retryResult.shouldContinue;
-            toolResults = retryResult.toolResults;
-            aiMessage = retryResult.aiMessage || aiMessage;
-            iterations += 1;
         }
-        return { aiMessage };
-    };
-    const handleAiResponseAsync = async (response) => {
-        const aiMessageResult = response.message || '';
-        if (response.toolCalls && response.toolCalls.length > 0) {
-            const toolResult = await handleToolResponseAsync(response);
-            // Todo: For now dont show tool result message as it is not functional
-            // aiMessageResult = toolResult.aiMessage || aiMessageResult;
-            aiLogger.log('handleAiResponseAsync toolResult', { toolResult });
+        catch (err) {
+            aiThreadStore.isBuildInProgress = false;
+            wsClient.setBuildActive(false);
+            wsClient.stopResponseHeartbeat();
+            throw err;
         }
-        return { aiMessage: aiMessageResult };
     };
     const sendMessageAsync = async (messageOptions) => {
         const { text, images } = messageOptions;
@@ -182,15 +247,15 @@ export function useAiWebsiteBuilderChat() {
         try {
             aiLogger.startGroup();
             aiLogger.log('sendMessageAsync', { messageOptions });
-            const apiResult = await callApiAsync(text || '');
+            const result = await callApiBuildAsync(text || '');
             if (isStopped.value)
                 return;
             const messageIndex = threadItems.value.findIndex((msg) => msg.id === agentMessageId);
             if (messageIndex !== -1) {
-                if (apiResult.text) {
-                    threadItems.value[messageIndex].text = apiResult.text;
+                if (result.text) {
+                    threadItems.value[messageIndex].text = result.text;
                     threadItems.value[messageIndex].isTyping = false;
-                    threadItems.value[messageIndex].langChainUrl = apiResult.langChainUrl;
+                    threadItems.value[messageIndex].langChainUrl = result.langChainUrl;
                 }
                 else {
                     threadItems.value[messageIndex].text =
@@ -203,10 +268,13 @@ export function useAiWebsiteBuilderChat() {
         catch (error) {
             if (isStopped.value)
                 return;
+            const isConnectionError = error?.message?.includes('WebSocket connection') ||
+                error?.message?.includes('WebSocket connection timeout');
             const messageIndex = threadItems.value.findIndex((msg) => msg.id === agentMessageId);
             if (messageIndex !== -1) {
-                threadItems.value[messageIndex].text =
-                    error?.response?.data?.error ||
+                threadItems.value[messageIndex].text = isConnectionError
+                    ? SERVICE_UNAVAILABLE_MESSAGE
+                    : error?.response?.data?.error ||
                         'An error occurred. Please try again.';
                 threadItems.value[messageIndex].isTyping = false;
                 threadItems.value[messageIndex].isError = true;
@@ -229,6 +297,11 @@ export function useAiWebsiteBuilderChat() {
     };
     const stopGenerationAsync = async () => {
         isStopped.value = true;
+        aiThreadStore.isBuildInProgress = false;
+        if (activeBuildWsClient) {
+            activeBuildWsClient.setBuildActive(false);
+            activeBuildWsClient.stopResponseHeartbeat();
+        }
         if (currentTypingMessageId.value) {
             deleteMessage(currentTypingMessageId.value);
             currentTypingMessageId.value = null;

package/lib/src/brand-page-maker/stores/ai-thread/ai-website-builder-thread-store.d.ts

@@ -3,13 +3,19 @@ export declare const useAiWebsiteBuilderThreadStore: import("pinia").StoreDefini
     runId: import("vue").Ref<string | null, string | null>;
     messages: import("vue").Ref<any[], any[]>;
     isProcessing: import("vue").Ref<boolean, boolean>;
+    buildId: import("vue").Ref<string | null, string | null>;
+    isBuildInProgress: import("vue").Ref<boolean, boolean>;
+    buildSectionsCompleted: import("vue").Ref<number, number>;
     promptText: import("vue").Ref<string, string>;
     stopGeneration: import("vue").Ref<(() => void) | null, (() => void) | null>;
-}, "threadId" | "runId" | "messages" | "isProcessing" | "stopGeneration" | "promptText">, Pick<{
+}, "threadId" | "runId" | "messages" | "isProcessing" | "stopGeneration" | "buildId" | "isBuildInProgress" | "buildSectionsCompleted" | "promptText">, Pick<{
     threadId: import("vue").Ref<string | null, string | null>;
     runId: import("vue").Ref<string | null, string | null>;
     messages: import("vue").Ref<any[], any[]>;
     isProcessing: import("vue").Ref<boolean, boolean>;
+    buildId: import("vue").Ref<string | null, string | null>;
+    isBuildInProgress: import("vue").Ref<boolean, boolean>;
+    buildSectionsCompleted: import("vue").Ref<number, number>;
     promptText: import("vue").Ref<string, string>;
     stopGeneration: import("vue").Ref<(() => void) | null, (() => void) | null>;
 }, never>, Pick<{
@@ -17,6 +23,9 @@ export declare const useAiWebsiteBuilderThreadStore: import("pinia").StoreDefini
     runId: import("vue").Ref<string | null, string | null>;
     messages: import("vue").Ref<any[], any[]>;
     isProcessing: import("vue").Ref<boolean, boolean>;
+    buildId: import("vue").Ref<string | null, string | null>;
+    isBuildInProgress: import("vue").Ref<boolean, boolean>;
+    buildSectionsCompleted: import("vue").Ref<number, number>;
     promptText: import("vue").Ref<string, string>;
     stopGeneration: import("vue").Ref<(() => void) | null, (() => void) | null>;
 }, never>>;

package/lib/src/brand-page-maker/stores/ai-thread/ai-website-builder-thread-store.js

@@ -5,6 +5,9 @@ export const useAiWebsiteBuilderThreadStore = defineStore('aiWebsiteBuilderThrea
     const runId = ref(null);
     const messages = ref([]);
     const isProcessing = ref(false);
+    const buildId = ref(null);
+    const isBuildInProgress = ref(false);
+    const buildSectionsCompleted = ref(0);
     const promptText = ref('');
     const stopGeneration = ref(null);
     return {
@@ -12,6 +15,9 @@ export const useAiWebsiteBuilderThreadStore = defineStore('aiWebsiteBuilderThrea
         runId,
         messages,
         isProcessing,
+        buildId,
+        isBuildInProgress,
+        buildSectionsCompleted,
         promptText,
         stopGeneration,
     };

package/lib/src/clients/ai-assistant-client.d.ts

@@ -48,6 +48,23 @@ export interface WebsiteToolSubmissionRequest {
     websiteSnapshot?: string;
     agentType: AiAssistantAgentType;
 }
+export interface WebsiteCreateThreadBuildRequest {
+    message: string;
+    websiteSnapshot?: string;
+    agentType: AiAssistantAgentType;
+    connectionId: string;
+}
+export interface WebsiteSendMessageBuildRequest {
+    message: string;
+    websiteSnapshot?: string;
+    agentType: AiAssistantAgentType;
+    connectionId: string;
+}
+export interface AiAssistantBuildResponse {
+    threadId: string;
+    buildId: string;
+    langChainUrl?: string;
+}
 export interface AiAssistantResponse {
     threadId: string;
     runId?: string;
@@ -95,6 +112,8 @@ export declare class AiAssistantClient {
         response: AiAssistantResponse;
         creditInfo: AiAssistantCreditInfo;
     }>;
+    createWebsiteThreadBuildAsync(request: WebsiteCreateThreadBuildRequest): Promise<AiAssistantBuildResponse>;
+    sendWebsiteMessageBuildAsync(threadId: string, request: WebsiteSendMessageBuildRequest): Promise<AiAssistantBuildResponse>;
     private handleError;
 }
 /**

package/lib/src/clients/ai-assistant-client.js

@@ -90,6 +90,35 @@ export class AiAssistantClient {
             throw error;
         }
     }
+    async createWebsiteThreadBuildAsync(request) {
+        try {
+            const response = await axios.post(getWebsiteCreateThreadEndpoint(), request, {
+                withCredentials: true,
+                headers: this.getRequestHeaders(),
+            });
+            return response.data;
+        }
+        catch (error) {
+            this.handleError(error);
+            throw error;
+        }
+    }
+    async sendWebsiteMessageBuildAsync(threadId, request) {
+        if (!threadId) {
+            throw new Error('threadId is required');
+        }
+        try {
+            const response = await axios.post(getWebsiteSendMessageEndpoint(threadId), request, {
+                withCredentials: true,
+                headers: this.getRequestHeaders(),
+            });
+            return response.data;
+        }
+        catch (error) {
+            this.handleError(error);
+            throw error;
+        }
+    }
     handleError(error) {
         if (process.env.NODE_ENV !== 'production') {
             const errorData = error.response?.data;

package/lib/src/clients/websocket-gateway-client.d.ts

@@ -0,0 +1,45 @@
+export interface WebSocketConnectResponse {
+    connectionUrl: string;
+}
+export interface WebSocketMessage {
+    type: 'connected' | 'section_complete' | 'build_complete' | 'build_error';
+    buildId?: string;
+    connectionId?: string;
+    pageId?: string;
+    order?: number;
+    sectionType?: string;
+    mode?: string;
+    toolCalls?: unknown[];
+    message?: string;
+    error?: string;
+}
+type MessageHandler = (msg: WebSocketMessage) => void;
+type DisconnectHandler = (reason: 'reconnect_failed' | 'error') => void;
+export declare class WebSocketGatewayClient {
+    private ws;
+    private connectionId;
+    private messageHandlers;
+    private disconnectHandler;
+    private lifetimeTimer;
+    private heartbeatTimer;
+    private isReconnecting;
+    private isBuildActive;
+    private getRequestVerificationToken;
+    connect(): Promise<string>;
+    private openConnection;
+    private openWebSocket;
+    sendHeartbeat(): void;
+    startResponseHeartbeat(): void;
+    stopResponseHeartbeat(): void;
+    setBuildActive(active: boolean): void;
+    onDisconnect(handler: DisconnectHandler): void;
+    onMessage(handler: MessageHandler): void;
+    offMessage(handler: MessageHandler): void;
+    disconnect(): void;
+    getConnectionId(): string | null;
+    private closeSocket;
+    private startLifetimeTimer;
+    private clearLifetimeTimer;
+    private reconnectAsync;
+}
+export {};