Merge pull request #40 from necyberteam/react-prep

feat: upgrade to react-chatbotify v2.2.0 with compatibility improvements and qa chat loop improvements

Author: bacalj

CHANGELOG.md

@@ -16,13 +16,18 @@
 - **Community Interest Targeting**: Community involvement question now only shown to users who provide contact information
 - **Anonymous Feedback Improvements**: Community interest field hidden from summary for anonymous submissions
 - **Focus Management**: Fixed keyboard focus jumping to previous questions; now properly targets current question only
+- **Q&A Response System**: Replaced unreliable `streamMessage` with direct API calls using `injectMessage` for consistent response display
 
 ### Fixed
+- **Critical Q&A Display Issue**: Fixed problem where Q&A responses stopped displaying after 3-4 questions due to react-chatbotify's `streamMessage` accumulating state
+- **Query ID Generation**: Implemented UUID-based query ID generation directly in QA flow to ensure proper feedback tracking
+- **Response Reliability**: Q&A responses now display consistently regardless of conversation length
 - Resolved form state persistence issues where previous session data would interfere with new submissions
 - Fixed multiple checkbox selection display in feedback summary (was showing only one selection)
 - Corrected timing issues with form context updates using chatState.userInput pattern
 - Fixed anonymous feedback showing previous contact information in summary
 - Improved keyboard accessibility for checkboxes with proper focus management
+- Removed broken fallback loop flow that used deprecated `streamMessage` approach
 
 ## [2.0.0-rc.1] - 2025-05-28
 

README.md

@@ -52,7 +52,6 @@ The bot supports several conversation flows:
 - Built-in feedback system with thumbs up/down options after each response
 - Automatic feedback tracking and analytics
 - Users can provide feedback or continue asking questions immediately
-- Negative feedback offers direct path to support ticket creation
 - Requires user to be logged in
 
 ### 🎫 Support Ticket Flows
@@ -238,7 +237,7 @@ REACT_APP_API_KEY=your-api-key-here
 
 The bot integrates with the ACCESS Q&A API and JSM (Jira Service Management) for ticket creation. Configure your backend endpoints to handle:
 
-- Q&A queries with streaming responses
+- Q&A queries with JSON responses
 - Support ticket creation with ProForma field mapping
 - File upload processing
 - User authentication and session management

build/static/css/main.css

@@ -22,22 +22,22 @@ <h3>Bot Configuration</h3>
             <label for="user-logged-in">User logged in</label>
             <i>(toggle to control the bots login state)</i>
         </div>
-        
+
         <div class="form-group">
             <label for="user-email">User Email:</label>
             <input type="email" id="user-email" placeholder="[email protected]" />
         </div>
-        
+
         <div class="form-group">
             <label for="user-name">User Name:</label>
             <input type="text" id="user-name" placeholder="John Doe" />
         </div>
-        
+
         <div class="form-group">
             <label for="accessId">ACCESS ID:</label>
             <input type="text" id="accessId" placeholder="johndoe123" />
         </div>
-        
+
         <button id="update-bot" class="update-button">Update Bot Configuration</button>
         <p class="help-text">Enter user information above and click "Update Bot Configuration" to test pre-populated ticket forms when logged in.</p>
     </div>

build/static/css/main.css.map

@@ -91,11 +91,11 @@ function recreateBots() {
         bot2Controller.destroy();
         bot2Controller = null;
     }
-    
+
     // Clear containers
     document.getElementById('qa-bot').innerHTML = '';
     document.getElementById('custom-qa-bot').innerHTML = '';
-    
+
     // Recreate with new user info
     initializeQABot();
     initializeEmbeddedBot();

build/static/js/main.js

@@ -1,6 +1,6 @@
 {
   "name": "@snf/access-qa-bot",
-  "version": "2.4.7",
+  "version": "2.6.0-debug.3",
   "private": false,
   "homepage": ".",
   "description": "ACCESS Q&A Bot React Component with support ticket creation, feedback collection, and ProForma integration",
@@ -24,7 +24,7 @@
     "@rcb-plugins/html-renderer": "^0.3.1",
     "@rcb-plugins/input-validator": "^0.3.0",
     "@rcb-plugins/markdown-renderer": "^0.3.1",
-    "react-chatbotify": "^2.1.0",
+    "react-chatbotify": "^2.2.0",
     "uuid": "^11.1.0"
   },
   "peerDependencies": {
@@ -45,6 +45,7 @@
     "@eslint/js": "^9.31.0",
     "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-commonjs": "^25.0.7",
+    "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-node-resolve": "^15.2.3",
     "@rollup/plugin-replace": "^5.0.7",
     "@rollup/plugin-terser": "^0.4.4",