@chatwidgetai/chat-widget 0.1.1 → 0.1.2

package/dist/index.js

@@ -69,6 +69,19 @@ async function buildApiError(response, defaultMessage) {
 class WidgetApiClient {
     constructor(config) {
         this.config = config;
+        this.detectedTimeZone = WidgetApiClient.detectTimeZone();
+    }
+    static detectTimeZone() {
+        try {
+            const tz = Intl.DateTimeFormat().resolvedOptions().timeZone;
+            return tz && tz.trim().length > 0 ? tz : "UTC";
+        }
+        catch {
+            return "UTC";
+        }
+    }
+    getTimeZone() {
+        return this.detectedTimeZone;
     }
     /**
      * Get widget configuration
@@ -89,7 +102,15 @@ class WidgetApiClient {
     }
     async getOrCreateConversation(conversationId) {
         const baseUrl = `${this.config.apiUrl}/api/widget/${this.config.widgetId}/conversation`;
-        const query = conversationId ? `?conversationId=${encodeURIComponent(conversationId)}` : '';
+        const params = new URLSearchParams();
+        if (conversationId) {
+            params.set('conversationId', conversationId);
+        }
+        const timeZone = this.getTimeZone();
+        if (timeZone) {
+            params.set('timeZone', timeZone);
+        }
+        const query = params.toString() ? `?${params.toString()}` : '';
         const response = await fetch(`${baseUrl}${query}`, {
             method: 'GET',
             headers: {
@@ -136,6 +157,7 @@ class WidgetApiClient {
                 conversationId: conversationId,
                 message,
                 fileIds,
+                timeZone: this.getTimeZone(),
             }),
         });
         if (!response.ok) {
@@ -158,6 +180,7 @@ class WidgetApiClient {
                     conversationId: conversationId,
                     message,
                     fileIds,
+                    timeZone: this.getTimeZone(),
                 }),
             });
             if (!response.ok) {
@@ -234,11 +257,6 @@ class WidgetApiClient {
 /**
  * Generate a unique session ID
  */
-function generateSessionId() {
-    const timestamp = Date.now().toString(36);
-    const randomStr = Math.random().toString(36).substring(2, 15);
-    return `session_${timestamp}_${randomStr}`;
-}
 /**
  * Generate a unique message ID
  */
@@ -293,6 +311,18 @@ function loadConversation(widgetId) {
         return null;
     }
 }
+/**
+ * Clear conversation from localStorage
+ */
+function clearConversation(widgetId) {
+    try {
+        const key = getStorageKey(widgetId);
+        localStorage.removeItem(key);
+    }
+    catch (error) {
+        console.error('Failed to clear conversation:', error);
+    }
+}
 /**
  * Check if localStorage is available
  */
@@ -385,29 +415,43 @@ function useChat(options) {
         config: null,
     });
     const apiClient = react.useRef(new WidgetApiClient({ widgetId, apiKey, apiUrl }));
-    // Load configuration and conversation on mount
+    // Load configuration on mount and hydrate with existing conversation if available
     react.useEffect(() => {
+        let isMounted = true;
         const initialize = async () => {
             try {
-                // Load config
                 const config = await apiClient.current.getConfig();
-                // Get or create conversation
                 const persistConversation = config.behavior.persistConversation ?? true;
-                let conversationId;
+                let conversationId = '';
+                let messages = [];
                 if (persistConversation && isStorageAvailable()) {
                     const stored = loadConversation(widgetId);
-                    conversationId = stored?.conversationId || stored?.sessionId; // Support old sessionId for backwards compatibility
+                    const storedId = stored?.conversationId || stored?.sessionId;
+                    if (storedId) {
+                        try {
+                            const conversation = await apiClient.current.getOrCreateConversation(storedId);
+                            conversationId = conversation.id;
+                            messages = conversation.messages;
+                        }
+                        catch (conversationError) {
+                            console.warn('Failed to load existing conversation:', conversationError);
+                        }
+                    }
+                }
+                if (!isMounted) {
+                    return;
                 }
-                // Get conversation from backend
-                const conversation = await apiClient.current.getOrCreateConversation(conversationId);
                 setState(prev => ({
                     ...prev,
                     config,
-                    conversationId: conversation.id,
-                    messages: conversation.messages,
+                    conversationId,
+                    messages,
                 }));
             }
             catch (error) {
+                if (!isMounted) {
+                    return;
+                }
                 const errorInfo = deriveErrorInfo(error);
                 const err = error instanceof Error ? error : new Error(errorInfo.message);
                 setState(prev => ({ ...prev, error: errorInfo.message }));
@@ -415,11 +459,17 @@ function useChat(options) {
             }
         };
         initialize();
+        return () => {
+            isMounted = false;
+        };
     }, [widgetId, apiKey, apiUrl, onError]);
     // Save conversation when messages change
     react.useEffect(() => {
         const persistConversation = state.config?.behavior.persistConversation ?? true;
-        if (persistConversation && isStorageAvailable() && state.messages.length > 0) {
+        if (persistConversation &&
+            isStorageAvailable() &&
+            state.messages.length > 0 &&
+            state.conversationId) {
             saveConversation(widgetId, state.conversationId, state.messages);
         }
     }, [widgetId, state.messages, state.conversationId, state.config?.behavior.persistConversation]);
@@ -427,13 +477,15 @@ function useChat(options) {
      * Send a message
      */
     const sendMessage = react.useCallback(async (content, files) => {
-        if (!content.trim() && (!files || files.length === 0))
+        const trimmedContent = content.trim();
+        const hasFiles = !!files && files.length > 0;
+        if (!trimmedContent && !hasFiles)
             return;
         const userMessage = {
             id: generateMessageId(),
             message: {
                 type: 'human',
-                content: content.trim(),
+                content: trimmedContent,
             },
             timestamp: new Date().toISOString(),
             sources: [],
@@ -448,13 +500,37 @@ function useChat(options) {
         }));
         onMessage?.(userMessage);
         try {
+            let conversationId = state.conversationId;
+            if (!conversationId) {
+                const conversation = await apiClient.current.getOrCreateConversation();
+                conversationId = conversation.id;
+                setState(prev => {
+                    const serverMessages = conversation.messages ?? [];
+                    if (serverMessages.length === 0) {
+                        return {
+                            ...prev,
+                            conversationId,
+                        };
+                    }
+                    const serverIds = new Set(serverMessages.map(msg => msg.id));
+                    const mergedMessages = [
+                        ...serverMessages,
+                        ...prev.messages.filter(msg => !serverIds.has(msg.id)),
+                    ];
+                    return {
+                        ...prev,
+                        conversationId,
+                        messages: mergedMessages,
+                    };
+                });
+            }
             // Upload files if provided
             let fileIds;
             if (files && files.length > 0) {
                 fileIds = [];
                 for (const file of files) {
                     try {
-                        const uploadedFile = await apiClient.current.uploadFile(state.conversationId, file);
+                        const uploadedFile = await apiClient.current.uploadFile(conversationId, file);
                         fileIds.push(uploadedFile.id);
                     }
                     catch (uploadError) {
@@ -468,11 +544,11 @@ function useChat(options) {
             let response;
             if (useAgent) {
                 // Use agent endpoint - returns ConversationMessage[]
-                response = await apiClient.current.sendAgentMessage(state.conversationId, content.trim(), fileIds);
+                response = await apiClient.current.sendAgentMessage(conversationId, trimmedContent, fileIds);
             }
             else {
                 // Use standard chat endpoint
-                response = await apiClient.current.sendMessage(state.conversationId, content.trim(), fileIds);
+                response = await apiClient.current.sendMessage(conversationId, trimmedContent, fileIds);
             }
             // Both endpoints now return ConversationMessage[] array (FULL conversation)
             if (Array.isArray(response)) {
@@ -584,12 +660,12 @@ function useChat(options) {
         setState(prev => ({
             ...prev,
             messages: [],
-            conversationId: generateSessionId(),
+            conversationId: '',
             error: null,
         }));
         const persistConversation = state.config?.behavior.persistConversation ?? true;
         if (persistConversation && isStorageAvailable()) {
-            saveConversation(widgetId, generateSessionId(), []);
+            clearConversation(widgetId);
         }
     }, [widgetId, state.config?.behavior.persistConversation]);
     /**