@aslaluroba/help-center-react 2.1.1 → 2.1.2

package/dist/index.js

@@ -854,6 +854,11 @@ const ChatWindow = React__default["default"].memo(({ onSendMessage, messages, as
             assistantStatus === 'error' ||
             inputMessage.trim() === '');
     }, [assistantStatus, inputMessage]);
+    React.useEffect(() => {
+        if (isSignalRConnected) {
+            console.log('🔄 SignalR connection status #chat-window', isSignalRConnected);
+        }
+    }, [isSignalRConnected]);
     return (React__default["default"].createElement(React__default["default"].Fragment, null,
         React__default["default"].createElement("div", { className: 'babylai-flex-1 babylai-overflow-y-auto babylai-p-4 babylai-h-full' },
             messagesList,
@@ -1185,11 +1190,50 @@ function HelpPopup({ onClose, helpScreen, status, error, onStartChat, onSendMess
     const handleEndAndStartNewChat = React.useCallback(async () => {
         if (tempSelectedOption) {
             setStartNewChatConfirmation(false);
-            setShowChat(true);
-            onEndChat(tempSelectedOption);
-            setTempSelectedOption(null);
+            try {
+                // First end the current chat and wait for it to complete
+                await onEndChat();
+                // Wait for sessionId to be cleared (indicating the session is fully closed)
+                // We'll use a polling mechanism to wait for the state to update
+                const maxAttempts = 50; // 5 seconds max wait time
+                let attempts = 0;
+                while (sessionId && attempts < maxAttempts) {
+                    await new Promise((resolve) => setTimeout(resolve, 100)); // Wait 100ms
+                    attempts++;
+                }
+                // Only start new chat after current session is fully closed
+                if (!sessionId) {
+                    setShowChat(true);
+                    onStartChat(tempSelectedOption);
+                    setSelectedOption(tempSelectedOption);
+                }
+                else {
+                    console.warn('Session did not close properly, but proceeding with new chat');
+                    setShowChat(true);
+                    onStartChat(tempSelectedOption);
+                    setSelectedOption(tempSelectedOption);
+                }
+            }
+            catch (error) {
+                console.error('Error ending current chat:', error);
+                // Even if ending fails, try to start new chat
+                setShowChat(true);
+                onStartChat(tempSelectedOption);
+                setSelectedOption(tempSelectedOption);
+            }
+            finally {
+                setTempSelectedOption(null);
+            }
         }
-    }, [onEndChat, setTempSelectedOption, tempSelectedOption, setStartNewChatConfirmation]);
+    }, [
+        onEndChat,
+        onStartChat,
+        setSelectedOption,
+        setTempSelectedOption,
+        tempSelectedOption,
+        setStartNewChatConfirmation,
+        sessionId,
+    ]);
     const handleEndChat = React.useCallback(() => {
         setEndChatConfirmation(false);
         onEndChat();
@@ -1248,6 +1292,11 @@ function HelpPopup({ onClose, helpScreen, status, error, onStartChat, onSendMess
             scrollToBottom();
         }
     }, [messages, scrollToBottom]);
+    React.useEffect(() => {
+        if (isSignalRConnected) {
+            console.log('🔄 SignalR connection status #help-popup', isSignalRConnected);
+        }
+    }, [isSignalRConnected]);
     // EARLY RETURNS MUST COME AFTER ALL HOOKS
     // Early returns for performance - moved after all hooks
     if (status === 'loading' && !helpScreen) {
@@ -1278,6 +1327,7 @@ function HelpCenter({ helpScreenId, user, showArrow = true, language = 'en', mes
     const [error, setError] = React.useState('');
     const [selectedOption, setSelectedOption] = React.useState(null);
     const [sessionId, setSessionId] = React.useState(null);
+    const [reviewSessionId, setReviewSessionId] = React.useState(null);
     const [isSignalRConnected, setIsSignalRConnected] = React.useState(false);
     const [isChatClosed, setIsChatClosed] = React.useState(false);
     const [messages, setMessages] = React.useState([]);
@@ -1318,6 +1368,12 @@ function HelpCenter({ helpScreenId, user, showArrow = true, language = 'en', mes
             const response = await apiRequest(`Client/ClientChatSession/${sessionId}/close`, 'POST');
             if (!response.ok)
                 throw new Error('Failed to close chat session');
+            // Store sessionId for review before clearing the main sessionId
+            setReviewSessionId(sessionId);
+            // Clear the sessionId after successfully closing the session
+            setSessionId(null);
+            setSelectedOption(null);
+            setMessages([]);
             setIsReviewDialogOpen(true);
             if (option) {
                 handleStartChat(option);
@@ -1327,17 +1383,22 @@ function HelpCenter({ helpScreenId, user, showArrow = true, language = 'en', mes
             console.error('Error ending chat:', error);
             setError('Failed to end chat session');
             setAssistantStatus('idle');
+            // Even if there's an error, clear the session state to prevent stuck state
+            setReviewSessionId(sessionId); // Store for review even if there's an error
+            setSessionId(null);
+            setSelectedOption(null);
         }
     };
     const handleSendChatReview = async ({ comment, rating }) => {
-        if (!sessionId)
+        if (!reviewSessionId)
             return;
         const payload = { rating, comment };
         try {
-            const response = await apiRequest(`Client/ClientChatSession/${sessionId}/review`, 'POST', payload);
+            const response = await apiRequest(`Client/ClientChatSession/${reviewSessionId}/review`, 'POST', payload);
             if (!response.ok)
                 throw new Error('Failed to send chat review');
             setIsReviewDialogOpen(false);
+            setReviewSessionId(null); // Clear review session ID after review is sent
         }
         catch (error) {
             console.error('Error sending chat review:', error);
@@ -1346,6 +1407,7 @@ function HelpCenter({ helpScreenId, user, showArrow = true, language = 'en', mes
     };
     const handleCloseChatReview = () => {
         setIsReviewDialogOpen(false);
+        setReviewSessionId(null); // Clear review session ID when review is closed
     };
     const handleStartChat = async (option) => {
         await startNewChatSession(option);
@@ -1488,6 +1550,11 @@ function HelpCenter({ helpScreenId, user, showArrow = true, language = 'en', mes
             });
         }
     }, [isOpen, helpScreenId]);
+    React.useEffect(() => {
+        if (isSignalRConnected) {
+            console.log('🔄 SignalR connection status #help-center', isSignalRConnected);
+        }
+    }, [isSignalRConnected]);
     return (React__default["default"].createElement("div", { className: 'babylai-help-center-container mb-4' },
         showArrowAnimation && !isOpen && (React__default["default"].createElement(FloatingMessage, { onClose: handleCloseArrowAnimation, message: messageLabel || t('homeSdk.needAssistance') })),
         React__default["default"].createElement(HelpButton, { onClick: handleTogglePopup }),