@chatwidgetai/chat-widget 0.1.1 → 0.1.2

package/dist/api/client.d.ts

@@ -19,7 +19,10 @@ export declare class ApiError extends Error {
 }
 export declare class WidgetApiClient {
     private config;
+    private detectedTimeZone;
     constructor(config: ApiClientConfig);
+    private static detectTimeZone;
+    private getTimeZone;
     /**
      * Get widget configuration
      */

package/dist/api/client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../../src/api/client.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,YAAY,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAE7D,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,qBAAa,QAAS,SAAQ,KAAK;IACjC,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;gBAEV,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE;QAAE,OAAO,CAAC,EAAE,OAAO,CAAC;QAAC,YAAY,CAAC,EAAE,MAAM,CAAA;KAAE;CAOpG;AAwDD,qBAAa,eAAe;IAC1B,OAAO,CAAC,MAAM,CAAkB;gBAEpB,MAAM,EAAE,eAAe;IAInC;;OAEG;IACG,SAAS,IAAI,OAAO,CAAC,YAAY,CAAC;IAoBlC,uBAAuB,CAAC,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,mBAAmB,EAAE,CAAA;KAAE,CAAC;IAqBhH;;OAEG;IACG,UAAU,CAAC,cAAc,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,GAAG,OAAO,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IAwB7G;;;OAGG;IACG,WAAW,CAAC,cAAc,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC,mBAAmB,EAAE,CAAC;IAwB9G;;OAEG;IACG,gBAAgB,CACpB,cAAc,EAAE,MAAM,EACtB,OAAO,EAAE,MAAM,EACf,OAAO,CAAC,EAAE,MAAM,EAAE,GACjB,OAAO,CAAC,GAAG,CAAC;IA2Cf;;OAEG;IACG,cAAc,CAClB,SAAS,EAAE,MAAM,EACjB,SAAS,EAAE,MAAM,EACjB,QAAQ,EAAE,UAAU,GAAG,UAAU,GAChC,OAAO,CAAC,IAAI,CAAC;IA4BhB;;OAEG;IACG,cAAc,IAAI,OAAO,CAAC,OAAO,CAAC;CAsBzC"}
+{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../../src/api/client.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,YAAY,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAE7D,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,qBAAa,QAAS,SAAQ,KAAK;IACjC,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;gBAEV,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE;QAAE,OAAO,CAAC,EAAE,OAAO,CAAC;QAAC,YAAY,CAAC,EAAE,MAAM,CAAA;KAAE;CAOpG;AAwDD,qBAAa,eAAe;IAC1B,OAAO,CAAC,MAAM,CAAkB;IAChC,OAAO,CAAC,gBAAgB,CAAS;gBAErB,MAAM,EAAE,eAAe;IAKnC,OAAO,CAAC,MAAM,CAAC,cAAc;IAS7B,OAAO,CAAC,WAAW;IAInB;;OAEG;IACG,SAAS,IAAI,OAAO,CAAC,YAAY,CAAC;IAoBlC,uBAAuB,CAAC,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,mBAAmB,EAAE,CAAA;KAAE,CAAC;IA6BhH;;OAEG;IACG,UAAU,CAAC,cAAc,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,GAAG,OAAO,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IAwB7G;;;OAGG;IACG,WAAW,CAAC,cAAc,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC,mBAAmB,EAAE,CAAC;IAyB9G;;OAEG;IACG,gBAAgB,CACpB,cAAc,EAAE,MAAM,EACtB,OAAO,EAAE,MAAM,EACf,OAAO,CAAC,EAAE,MAAM,EAAE,GACjB,OAAO,CAAC,GAAG,CAAC;IA4Cf;;OAEG;IACG,cAAc,CAClB,SAAS,EAAE,MAAM,EACjB,SAAS,EAAE,MAAM,EACjB,QAAQ,EAAE,UAAU,GAAG,UAAU,GAChC,OAAO,CAAC,IAAI,CAAC;IA4BhB;;OAEG;IACG,cAAc,IAAI,OAAO,CAAC,OAAO,CAAC;CAsBzC"}

package/dist/hooks/useChat.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useChat.d.ts","sourceRoot":"","sources":["../../src/hooks/useChat.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,EAAE,mBAAmB,EAAE,YAAY,EAAa,MAAM,UAAU,CAAC;AAKxE,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACnD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CAClC;AAED,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,mBAAmB,EAAE,CAAC;IAChC,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,MAAM,EAAE,YAAY,GAAG,IAAI,CAAC;IAC5B,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAChD,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,cAAc,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAU,GAAG,UAAU,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACzF;AAkED,wBAAgB,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,aAAa,CAyS9D"}
+{"version":3,"file":"useChat.d.ts","sourceRoot":"","sources":["../../src/hooks/useChat.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,EAAE,mBAAmB,EAAE,YAAY,EAAa,MAAM,UAAU,CAAC;AAKxE,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACnD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CAClC;AAED,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,mBAAmB,EAAE,CAAC;IAChC,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,MAAM,EAAE,YAAY,GAAG,IAAI,CAAC;IAC5B,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAChD,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,cAAc,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAU,GAAG,UAAU,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACzF;AAkED,wBAAgB,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,aAAa,CAiW9D"}

package/dist/index.esm.js

@@ -67,6 +67,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
@@ -87,7 +100,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: {
@@ -134,6 +155,7 @@ class WidgetApiClient {
                 conversationId: conversationId,
                 message,
                 fileIds,
+                timeZone: this.getTimeZone(),
             }),
         });
         if (!response.ok) {
@@ -156,6 +178,7 @@ class WidgetApiClient {
                     conversationId: conversationId,
                     message,
                     fileIds,
+                    timeZone: this.getTimeZone(),
                 }),
             });
             if (!response.ok) {
@@ -232,11 +255,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
  */
@@ -291,6 +309,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
  */
@@ -383,29 +413,43 @@ function useChat(options) {
         config: null,
     });
     const apiClient = useRef(new WidgetApiClient({ widgetId, apiKey, apiUrl }));
-    // Load configuration and conversation on mount
+    // Load configuration on mount and hydrate with existing conversation if available
     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 }));
@@ -413,11 +457,17 @@ function useChat(options) {
             }
         };
         initialize();
+        return () => {
+            isMounted = false;
+        };
     }, [widgetId, apiKey, apiUrl, onError]);
     // Save conversation when messages change
     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]);
@@ -425,13 +475,15 @@ function useChat(options) {
      * Send a message
      */
     const sendMessage = 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: [],
@@ -446,13 +498,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) {
@@ -466,11 +542,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)) {
@@ -582,12 +658,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]);
     /**