@aslaluroba/help-center-react 3.0.1 → 3.0.2

package/package.json

@@ -3,7 +3,7 @@
   "main": "dist/index.js",
   "module": "dist/index.esm.js",
   "types": "dist/index.d.ts",
-  "version": "3.0.1",
+  "version": "3.0.2",
   "description": "BabylAI Help Center Widget for React and Next.js",
   "private": false,
   "exports": {

package/src/ui/help-center.tsx

@@ -78,7 +78,7 @@ export function HelpCenter({
     setAssistantStatus('idle');
   };
 
-  const handleEndChat = async (option?: Option) => {
+  const handleEndChat = async () => {
     if (!sessionId || !selectedOption) return;
 
     try {
@@ -98,9 +98,7 @@ export function HelpCenter({
       setMessages([]);
 
       setIsReviewDialogOpen(true);
-      if (option) {
-        handleStartChat(option);
-      }
+
     } catch (error) {
       console.error('Error ending chat:', error);
       setError('Failed to end chat session');
@@ -121,8 +119,7 @@ export function HelpCenter({
       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);
+      handleCloseChatReview()
     } catch (error) {
       console.error('Error sending chat review:', error);
       setError('Failed to send chat review');
@@ -139,9 +136,6 @@ export function HelpCenter({
   };
 
   const startNewChatSession = async (option: Option) => {
-    if (isAblyConnected || sessionId) {
-      handleEndChat();
-    }
 
     try {
       setStatus('loading');
@@ -346,7 +340,7 @@ export function HelpCenter({
           showHelpScreen={showHelpScreen}
         />
       )}
-      {isOpen && !!isReviewDialogOpen && (
+      {isOpen && !!isReviewDialogOpen && reviewSessionId && (
         <ReviewDialog handleSubmit={handleSendChatReview} onClose={handleCloseChatReview} />
       )}
     </div>

package/src/ui/help-popup.tsx

@@ -121,61 +121,28 @@ export function HelpPopup({
     setEndChatConfirmation(false);
   }, []);
 
-  const handleEndAndStartNewChat = useCallback(async () => {
+  const handleEndAndStartNewChat = async () => {
     if (tempSelectedOption) {
       setStartNewChatConfirmation(false);
 
-      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');
+      await handleEndChat()
+        .then(() => {
           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);
-      }
+        })
+        .finally(() => {
+          setTempSelectedOption(null);
+        })
     }
-  }, [
-    onEndChat,
-    onStartChat,
-    setSelectedOption,
-    setTempSelectedOption,
-    tempSelectedOption,
-    setStartNewChatConfirmation,
-    sessionId,
-  ]);
+  };
 
-  const handleEndChat = useCallback(() => {
+  const handleEndChat = async () => {
     setEndChatConfirmation(false);
-    onEndChat();
+    await onEndChat();
     setShowChat(false);
     setSelectedOption(null);
-  }, [selectedOption, onEndChat, setSelectedOption]);
+  };
 
   const handleShowActiveChat = useCallback(() => {
     setShowChat(true);