@aslaluroba/help-center-react 3.0.1 → 3.0.3

package/dist/index.js

@@ -294,6 +294,7 @@ var homeSdk$1 = {
 		description: "We appreciate your feedback! Please take a moment to rate your experience and share your thoughts in the comment section below. Your review helps us improve our services and assists other users in making informed decisions. Thank you!",
 		rating_label: "Rating:",
 		comment_label: "Comment:",
+		comment_placeholder: "Write your comment here...",
 		submit_button: "Submit Review",
 		comment_error: "Comment must be between 10 and 500 characters.",
 		rating_error: "Rating must be between 1 and 5.",
@@ -328,6 +329,7 @@ var homeSdk = {
 		description: "نحن نقدر ملاحظاتك! يُرجى تخصيص لحظة لتقييم تجربتك ومشاركة آرائك في قسم التعليقات أدناه. يساعدنا تقييمك في تحسين خدماتنا ويساعد المستخدمين الآخرين في اتخاذ قرارات مستنيرة. شكرًا لك!",
 		rating_label: "التقييم:",
 		comment_label: "التعليق:",
+		comment_placeholder: "اكتب تعليقك هنا...",
 		submit_button: "إرسال التقييم",
 		comment_error: "يجب أن يكون التعليق بين 10 و500 حرف.",
 		rating_error: "يجب أن يكون التقييم بين 1 و5.",
@@ -337,7 +339,9 @@ var homeSdk = {
 		title: "تأكيد",
 		message: "هل أنت متأكد أنك تريد إنهاء المحادثة؟",
 		confirmation_button: "إنهاء",
-		cancel_button: "إلغاء"
+		cancel_button: "إلغاء",
+		endAndStartNewChatTitle: "إنهاء وبدء محادثة جديدة",
+		endAndStartNewChatMessage: "هل أنت متأكد أنك تريد إنهاء هذه المحادثة وبدء محادثة جديدة؟"
 	}
 };
 var ar = {
@@ -427,7 +431,7 @@ const ReviewDialog = (props) => {
                 React__default["default"].createElement("span", { className: `babylai-text-sm babylai-text-red-500 transition-opacity duration-300 ${error.rating ? 'opacity-100' : 'opacity-0'}` }, error.rating)),
             React__default["default"].createElement("div", { className: "babylai-flex babylai-flex-col babylai-gap-2" },
                 React__default["default"].createElement("label", { htmlFor: 'comment', className: "babylai-text-base babylai-font-medium dark:babylai-text-white" }, t('homeSdk.ReviewDialog.comment_label')),
-                React__default["default"].createElement("textarea", { id: 'comment', className: "babylai-bg-black-white-100 babylai-p-6 babylai-rounded-xl babylai-resize-none dark:babylai-bg-storm-dust-900 dark:babylai-text-white", rows: 4, placeholder: "Write your comment here...", value: comment, onChange: (e) => handleCommentChange(e.target.value) }),
+                React__default["default"].createElement("textarea", { id: 'comment', className: "babylai-bg-black-white-100 babylai-p-6 babylai-rounded-xl babylai-resize-none dark:babylai-bg-storm-dust-900 dark:babylai-text-white", rows: 4, placeholder: t('homeSdk.ReviewDialog.comment_placeholder'), value: comment, onChange: (e) => handleCommentChange(e.target.value) }),
                 React__default["default"].createElement("span", { className: `babylai-text-sm babylai-text-red-500 transition-opacity duration-300 ${error.comment ? 'opacity-100' : 'opacity-0'}` }, error.comment))),
         React__default["default"].createElement("footer", { className: "babylai-flex babylai-justify-between babylai-gap-4 babylai-border-t babylai-pt-4" },
             React__default["default"].createElement("button", { className: "babylai-px-4 babylai-py-2 babylai-rounded-lg babylai-bg-gray-200 babylai-text-gray-700 hover:babylai-bg-gray-300 transition-all", onClick: props.onClose }, t('homeSdk.ReviewDialog.skip_button')),
@@ -11282,59 +11286,26 @@ function HelpPopup({ onClose, helpScreen, status, error, onStartChat, onSendMess
     const hideEndChatConfirmation = React.useCallback(() => {
         setEndChatConfirmation(false);
     }, []);
-    const handleEndAndStartNewChat = React.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');
-                    setShowChat(true);
-                    onStartChat(tempSelectedOption);
-                    setSelectedOption(tempSelectedOption);
-                }
-            }
-            catch (error) {
-                console.error('Error ending current chat:', error);
-                // Even if ending fails, try to start new chat
+            await handleEndChat()
+                .then(() => {
                 setShowChat(true);
                 onStartChat(tempSelectedOption);
                 setSelectedOption(tempSelectedOption);
-            }
-            finally {
+            })
+                .finally(() => {
                 setTempSelectedOption(null);
-            }
+            });
         }
-    }, [
-        onEndChat,
-        onStartChat,
-        setSelectedOption,
-        setTempSelectedOption,
-        tempSelectedOption,
-        setStartNewChatConfirmation,
-        sessionId,
-    ]);
-    const handleEndChat = React.useCallback(() => {
+    };
+    const handleEndChat = async () => {
         setEndChatConfirmation(false);
-        onEndChat();
+        await onEndChat();
         setShowChat(false);
         setSelectedOption(null);
-    }, [selectedOption, onEndChat, setSelectedOption]);
+    };
     const handleShowActiveChat = React.useCallback(() => {
         setShowChat(true);
     }, []);
@@ -11447,7 +11418,7 @@ function HelpCenter({ helpScreenId, user, showArrow = true, language = 'en', mes
         });
         setAssistantStatus('idle');
     };
-    const handleEndChat = async (option) => {
+    const handleEndChat = async () => {
         if (!sessionId || !selectedOption)
             return;
         try {
@@ -11464,9 +11435,6 @@ function HelpCenter({ helpScreenId, user, showArrow = true, language = 'en', mes
             setSelectedOption(null);
             setMessages([]);
             setIsReviewDialogOpen(true);
-            if (option) {
-                handleStartChat(option);
-            }
         }
         catch (error) {
             console.error('Error ending chat:', error);
@@ -11486,8 +11454,7 @@ function HelpCenter({ helpScreenId, user, showArrow = true, language = 'en', mes
             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);
@@ -11503,9 +11470,6 @@ function HelpCenter({ helpScreenId, user, showArrow = true, language = 'en', mes
     };
     const startNewChatSession = async (option) => {
         var _a;
-        if (isAblyConnected || sessionId) {
-            handleEndChat();
-        }
         try {
             setStatus('loading');
             setError('');
@@ -11644,7 +11608,7 @@ function HelpCenter({ helpScreenId, user, showArrow = true, language = 'en', mes
         showArrowAnimation && !isOpen && (React__default["default"].createElement(FloatingMessage, { onClose: handleCloseArrowAnimation, message: messageLabel || t('homeSdk.needAssistance') })),
         React__default["default"].createElement(HelpButton, { onClick: handleTogglePopup }),
         isOpen && (React__default["default"].createElement(HelpPopup, { isOpen: isOpen, onClose: () => setIsOpen(false), helpScreen: helpScreenData, status: status, error: error, user: user, onStartChat: handleStartChat, onSendMessage: handleSendMessage, onEndChat: handleEndChat, messages: messages, needsAgent: needsAgent, assistantStatus: assistantStatus, sessionId: sessionId, isChatClosed: isChatClosed, isAblyConnected: isAblyConnected, selectedOption: selectedOption, setSelectedOption: setSelectedOption, showHelpScreen: showHelpScreen })),
-        isOpen && !!isReviewDialogOpen && (React__default["default"].createElement(ReviewDialog, { handleSubmit: handleSendChatReview, onClose: handleCloseChatReview }))));
+        isOpen && !!isReviewDialogOpen && reviewSessionId && (React__default["default"].createElement(ReviewDialog, { handleSubmit: handleSendChatReview, onClose: handleCloseChatReview }))));
 }
 
 class ApiService {