Update static/script.js

static/script.js

@@ -38,7 +38,6 @@ function handleResponse(userInput) {
     const lowerInput = userInput.toLowerCase();
     let botResponse = '';
 
-    // Step 1: After name input
     if (conversation.length === 2) {
         botResponse = `Nice to meet you, ${userInput}! 😊 What type of food would you like to explore today?`;
         displayOptions([
@@ -46,17 +45,13 @@ function handleResponse(userInput) {
             { text: 'Non-Vegetarian', class: 'red' },
             { text: 'Both', class: 'gray' }
         ]);
-    }
-    // Step 2: After dietary preference
-    else if (lowerInput === 'vegetarian' || lowerInput === 'non-vegetarian' || lowerInput === 'both') {
-        botResponse = `Awesome! Let me fetch some ${lowerInput} menu items for you...`;
+    } else if (lowerInput === 'vegetarian' || lowerInput === 'non-vegetarian' || lowerInput === 'both') {
+        botResponse = `Awesome! Fetching some ${lowerInput} menu items for you...`;
         addMessage('bot', botResponse);
         fetchMenuItems(lowerInput);
         return;
-    }
-    // Step 3: Search for specific items
-    else {
-        botResponse = `Looking for something with "${userInput}"...`;
+    } else {
+        botResponse = `Searching for "${userInput}"...`;
         addMessage('bot', botResponse);
         suggestItems(userInput);
         return;
@@ -65,7 +60,6 @@ function handleResponse(userInput) {
     addMessage('bot', botResponse);
 }
 
-// Fetch menu items from Salesforce
 function fetchMenuItems(dietaryPreference) {
     fetch('/get_menu_items', { method: 'GET' })
         .then(response => response.json())
@@ -75,10 +69,9 @@ function fetchMenuItems(dietaryPreference) {
             } else {
                 const filteredItems = data.menu_items.filter(item => {
                     if (dietaryPreference === 'both') return true;
-                    // Client-side filtering (update if Salesforce supports this)
                     return dietaryPreference === 'vegetarian' 
-                        ? item.name.toLowerCase().includes('veg') 
-                        : !item.name.toLowerCase().includes('veg');
+                        ? item.category === 'Veg' 
+                        : item.category === 'Non-Veg';
                 });
                 if (filteredItems.length > 0) {
                     addMessage('bot', `Here are some ${dietaryPreference} menu items:`);
@@ -90,12 +83,11 @@ function fetchMenuItems(dietaryPreference) {
             }
         })
         .catch(error => {
-            addMessage('bot', `Error connecting to the database: ${error.message}. I’ll try again soon!`);
-            setTimeout(() => fetchMenuItems(dietaryPreference), 2000); // Retry after 2 seconds
+            addMessage('bot', `Error connecting to Salesforce: ${error.message}. Retrying...`);
+            setTimeout(() => fetchMenuItems(dietaryPreference), 2000);
         });
 }
 
-// Fetch suggestions from Salesforce
 function suggestItems(searchTerm) {
     fetch('/suggest_items', {
         method: 'POST',
@@ -110,17 +102,16 @@ function suggestItems(searchTerm) {
                 addMessage('bot', `Found these suggestions for "${searchTerm}":`);
                 displayItemsList(data.suggestions, 'suggestionsList');
             } else {
-                addMessage('bot', `No matches for "${searchTerm}". Maybe try "chicken" or "rice"?`);
+                addMessage('bot', `No matches for "${searchTerm}". Try "chicken" or "rice"?`);
             }
             console.log(`Suggestions for ${searchTerm}:`, data.suggestions);
         })
         .catch(error => {
             addMessage('bot', `Error fetching suggestions: ${error.message}. Retrying...`);
-            setTimeout(() => suggestItems(searchTerm), 2000); // Retry after 2 seconds
+            setTimeout(() => suggestItems(searchTerm), 2000);
         });
 }
 
-// Fetch item details from Salesforce with improved error handling
 function fetchItemDetails(itemName) {
     fetch('/get_item_details', {
         method: 'POST',
@@ -130,27 +121,26 @@ function fetchItemDetails(itemName) {
         .then(response => response.json())
         .then(data => {
             if (data.error) {
-                addMessage('bot', `Sorry, couldn’t get details for "${itemName}": ${data.error}. Does it exist in our menu?`);
+                addMessage('bot', `Sorry, couldn’t get details for "${itemName}": ${data.error}. Check the name?`);
             } else {
                 const details = data.item_details;
                 selectedItems.push(details);
-                addMessage('bot', `Here’s what I found for "${itemName}":`);
+                addMessage('bot', `Added "${itemName}"! Here are the details:`);
                 displaySelectedItems();
-                console.log(`Details fetched for ${itemName}:`, details);
+                console.log(`Details for ${itemName}:`, details);
             }
         })
         .catch(error => {
-            addMessage('bot', `Error fetching details for "${itemName}": ${error.message}. I’ll retry...`);
-            setTimeout(() => fetchItemDetails(itemName), 2000); // Retry after 2 seconds
+            addMessage('bot', `Error fetching details for "${itemName}": ${error.message}. Retrying...`);
+            setTimeout(() => fetchItemDetails(itemName), 2000);
         });
 }
 
-// Display items (menu items or suggestions)
 function displayItemsList(items, containerId) {
     const container = document.getElementById(containerId);
     if (!container) {
         console.error(`${containerId} container not found!`);
-        addMessage('bot', 'Something went wrong with the display. Please try again!');
+        addMessage('bot', 'Display issue. Please try again!');
         return;
     }
     container.innerHTML = '';
@@ -176,12 +166,10 @@ function displayItemsList(items, containerId) {
     });
 }
 
-// Display selected items with details
 function displaySelectedItems() {
     const selectedArea = document.getElementById('itemDetails');
     if (!selectedArea) {
         console.error('Item details container not found!');
-        addMessage('bot', 'Can’t show details right now. Try again later!');
         return;
     }
     selectedArea.innerHTML = '';
@@ -197,9 +185,8 @@ function displaySelectedItems() {
     }
 }
 
-// Display options (Vegetarian, Non-Vegetarian, Both)
 function displayOptions(options) {
-    const chatMessages = document.getElementId('chatMessages');
+    const chatMessages = document.getElementById('chatMessages');
     if (!chatMessages) {
         console.error('Chat messages container not found for options!');
         return;
@@ -230,7 +217,6 @@ function displayOptions(options) {
     chatMessages.appendChild(optionsDiv);
 }
 
-// Reset conversation
 function resetConversation() {
     const userName = conversation.length > 1 ? conversation[1].message : 'Friend';
     conversation = [
@@ -252,10 +238,8 @@ function resetConversation() {
     displaySelectedItems();
 }
 
-// Event listeners
 document.getElementById('userInput').addEventListener('keypress', (e) => {
     if (e.key === 'Enter') sendMessage();
 });
 
-// Initial load
 console.log('Chef Bot script loaded successfully!');