Fix ticket submission endpoint

Author: a-pasquale

index.d.ts

@@ -9,6 +9,12 @@ interface QABotProps {
   isLoggedIn?: boolean;
   loginUrl?: string;
   welcome?: string;
+  /** User's email address (when logged in) */
+  userEmail?: string;
+  /** User's display name (when logged in) */
+  userName?: string;
+  /** User's ACCESS ID (when logged in) */
+  accessId?: string;
   [key: string]: any; // Allow additional props
 }
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@snf/access-qa-bot",
-  "version": "2.4.3",
+  "version": "2.4.4",
   "private": false,
   "homepage": ".",
   "description": "ACCESS Q&A Bot React Component with support ticket creation, feedback collection, and ProForma integration",

src/config/constants.js

@@ -7,8 +7,9 @@ export const DEFAULT_CONFIG = {
   API_ENDPOINT: 'https://access-ai.ccs.uky.edu/api/query',
   //API_ENDPOINT: 'https://access-ai.ccs.uky.edu:543/api/query',
 
-  // Netlify function URL
-  netlifyBaseUrl: (typeof process !== 'undefined' && process.env) ? process.env.REACT_APP_NETLIFY_BASE_URL : 'https://access-ai.ccs.uky.edu/api/query',
+  // Netlify function URL - this should point to the Netlify functions endpoint for ticket submission
+  // NOT the Q&A API endpoint
+  netlifyBaseUrl: (typeof process !== 'undefined' && process.env) ? process.env.REACT_APP_NETLIFY_BASE_URL : 'https://access-jsm-api.netlify.app',
 
   ERRORS: {
     API_UNAVAILABLE: 'Unable to contact the Q&A Bot. Please try again later.',

src/utils/api-utils.js

@@ -118,12 +118,38 @@ export const sendPreparedDataToProxy = async (submissionData, endpointName) => {
     });
 
     if (!response.ok) {
-      const errorText = await response.text();
-      console.error('| ❌ Post data to proxy failed:', response.status, errorText);
+      let errorMessage = '';
+      try {
+        const errorText = await response.text();
+        console.error('| ❌ Post data to proxy failed:', response.status, errorText);
+        
+        // Try to parse as JSON to get a better error message
+        try {
+          const errorJson = JSON.parse(errorText);
+          errorMessage = errorJson.message || errorJson.error || errorText;
+        } catch {
+          // If not JSON, use the text as-is
+          errorMessage = errorText;
+        }
+      } catch {
+        errorMessage = `HTTP ${response.status} ${response.statusText}`;
+      }
+      
+      // Add user-friendly message for common HTTP errors
+      if (response.status === 403) {
+        errorMessage = 'The ticket service is temporarily unavailable. Please try again later or contact support directly.';
+      } else if (response.status === 404) {
+        errorMessage = 'Ticket service not found. Please try again later.';
+      } else if (response.status === 500) {
+        errorMessage = 'Server error. Please try again later.';
+      } else if (response.status === 401) {
+        errorMessage = 'Authentication error with the ticket service. Please contact support.';
+      }
+      
       return {
         success: false,
         status: response.status,
-        error: errorText
+        error: errorMessage
       };
     }
 

src/utils/flows/main-menu-flow.js

@@ -10,7 +10,7 @@
 export const createMainMenuFlow = ({
   welcome,
   setTicketForm = () => {},
-  setFeedbackForm = () => {}
+  setFeedbackForm = () => {} // eslint-disable-line no-unused-vars -- Temporarily disabled feedback flow
 }) => {
   return {
     start: {

src/utils/flows/tickets/ticket-flow-utils.js

@@ -77,15 +77,23 @@ export const createSubmissionHandler = (setTicketForm) => {
  * @returns {string} Success message with clickable URL
  */
 export const generateSuccessMessage = (submissionResult, ticketType = 'ticket') => {
-  if (submissionResult && !submissionResult.success) {
-    return `We apologize, but there was an error submitting your ${ticketType}: ${submissionResult.error}\n\nPlease try again or contact our support team directly.`;
-  } else if (submissionResult && submissionResult.success && submissionResult.ticketUrl && submissionResult.ticketKey) {
+  // Handle null/undefined submission result as an error
+  if (!submissionResult) {
+    return `We apologize, but there was an error submitting your ${ticketType}.\n\nPlease try again or contact our support team directly.`;
+  }
+  
+  // Handle explicit failure
+  if (!submissionResult.success) {
+    return `We apologize, but there was an error submitting your ${ticketType}: ${submissionResult.error || 'Unknown error'}\n\nPlease try again or contact our support team directly.`;
+  }
+  
+  // Handle success with ticket URL and key
+  if (submissionResult.ticketUrl && submissionResult.ticketKey) {
     return `Your ${ticketType} has been submitted successfully.\n\nTicket: <a href="${submissionResult.ticketUrl}" target="_blank">${submissionResult.ticketKey}</a>\n\nOur support team will review your request and respond accordingly. Thank you for contacting ACCESS.`;
-  } else if (submissionResult && submissionResult.success) {
-    return `Your ${ticketType} has been submitted successfully.\n\nOur support team will review your request and respond accordingly. Thank you for contacting ACCESS.`;
-  } else {
-    return `Your ${ticketType} has been submitted successfully.\n\nOur support team will review your request and respond accordingly. Thank you for contacting ACCESS.`;
   }
+  
+  // Handle success without ticket URL (but this might indicate a partial failure)
+  return `Your ${ticketType} has been submitted successfully.\n\nOur support team will review your request and respond accordingly. Thank you for contacting ACCESS.`;
 };
 
 /**