@aslaluroba/help-center-react 2.1.0 → 2.1.2

package/package.json

@@ -3,7 +3,7 @@
   "main": "dist/index.js",
   "module": "dist/index.esm.js",
   "types": "dist/index.d.ts",
-  "version": "2.1.0",
+  "version": "2.1.2",
   "description": "BabylAI Help Center Widget for React and Next.js",
   "private": false,
   "exports": {
@@ -26,7 +26,10 @@
     "clean": "rimraf dist",
     "version:patch": "npm version patch --no-git-tag-version",
     "version:minor": "npm version minor --no-git-tag-version",
-    "version:major": "npm version major --no-git-tag-version"
+    "version:major": "npm version major --no-git-tag-version",
+    "publish": "yarn clean && yarn build && yarn version:patch && yarn publish --access public",
+    "publish:minor": "yarn clean && yarn build && yarn version:minor && yarn publish --access public",
+    "publish:major": "yarn clean && yarn build && yarn version:major && yarn publish --access public"
   },
   "files": [
     "dist",
@@ -48,27 +51,26 @@
   "author": "BabylAI",
   "license": "MIT",
   "peerDependencies": {
-    "@tabler/icons-react": "^3.0.0",
+    "@tabler/icons-react": "^3.34.0",
     "clsx": "^2.0.0",
-    "i18next": "^23.0.0",
+    "i18next": "^23.0.0 || ^25.0.0",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0",
-    "react-i18next": "^13.0.0",
+    "react-i18next": "^13.0.0 || ^15.0.0",
     "react-markdown": "^10.0.0",
     "tailwind-merge": "^3.0.0"
   },
   "dependencies": {
-    "@babel/core": "^7.26.10",
-    "@babel/preset-env": "^7.26.9",
-    "@babel/preset-react": "^7.26.3",
     "@microsoft/signalr": "^7.0.14",
-    "@rollup/plugin-babel": "^6.0.4",
     "axios": "^1.7.9",
-    "babel-loader": "^10.0.0",
     "class-variance-authority": "^0.7.1"
   },
   "devDependencies": {
+    "@babel/core": "^7.26.10",
+    "@babel/preset-env": "^7.26.9",
+    "@babel/preset-react": "^7.26.3",
     "@rollup/plugin-alias": "^5.1.1",
+    "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-commonjs": "^21.1.0",
     "@rollup/plugin-image": "^3.0.3",
     "@rollup/plugin-json": "^6.1.0",
@@ -81,6 +83,7 @@
     "@types/node": "^16.18.126",
     "@types/react": "^17.0.83",
     "autoprefixer": "^10.4.14",
+    "babel-loader": "^10.0.0",
     "clsx": "^2.1.1",
     "i18next": "^25.2.1",
     "postcss": "^8.4.24",

package/src/ui/help-center.tsx

@@ -41,6 +41,7 @@ export function HelpCenter({
   const [selectedOption, setSelectedOption] = useState<Option | null>(null);
 
   const [sessionId, setSessionId] = useState<string | null>(null);
+  const [reviewSessionId, setReviewSessionId] = useState<string | null>(null);
   const [isSignalRConnected, setIsSignalRConnected] = useState(false);
   const [isChatClosed, setIsChatClosed] = useState(false);
   const [messages, setMessages] = useState<Message[]>([]);
@@ -91,6 +92,14 @@ export function HelpCenter({
       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);
@@ -99,19 +108,24 @@ export function HelpCenter({
       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 }: ReviewProps) => {
-    if (!sessionId) return;
+    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);
       setError('Failed to send chat review');
@@ -120,6 +134,7 @@ export function HelpCenter({
 
   const handleCloseChatReview = () => {
     setIsReviewDialogOpen(false);
+    setReviewSessionId(null); // Clear review session ID when review is closed
   };
 
   const handleStartChat = async (option: Option) => {

package/src/ui/help-popup.tsx

@@ -166,11 +166,51 @@ export function HelpPopup({
   const handleEndAndStartNewChat = 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 = useCallback(() => {
     setEndChatConfirmation(false);