Update static/script.js

static/script.js

@@ -3,7 +3,6 @@ let conversation = [
 ];
 let selectedItems = [];
 let selectionBoxVisible = false;
-let suggestionDropdown = null;
 
 function addMessage(role, message) {
     const chatMessages = document.getElementById('chatMessages');
@@ -99,30 +98,18 @@ function updateSelectionBox() {
         selectionBox.appendChild(itemContainer);
     });
 
-    const textInputContainer = document.createElement('div');
-    textInputContainer.className = 'text-input-container';
-
     const textInput = document.createElement('input');
     textInput.type = 'text';
-    textInput.placeholder = 'Search or add Sector_Detail__c item...';
+    textInput.placeholder = 'Add Sector_Detail__c item...';
     textInput.className = 'manual-input';
-    textInput.addEventListener('input', () => searchSectorItems(textInput.value));
     textInput.addEventListener('keypress', (e) => {
         if (e.key === 'Enter' && textInput.value.trim()) {
             const itemName = textInput.value.trim();
             fetchSectorItemDetails(itemName);
             textInput.value = '';
-            removeSuggestions();
         }
     });
-    textInputContainer.appendChild(textInput);
-
-    const suggestionBox = document.createElement('div');
-    suggestionBox.className = 'suggestion-box';
-    suggestionBox.id = 'suggestionBox';
-    textInputContainer.appendChild(suggestionBox);
-
-    selectionBox.appendChild(textInputContainer);
+    selectionBox.appendChild(textInput);
 
     if (selectedItems.length > 0) {
         const submitButton = document.createElement('button');
@@ -154,6 +141,7 @@ function handleResponse(userInput) {
         fetchMenuItems(lowerInput);
         return;
     } else {
+        // Treat input as an item name and fetch details
         botResponse = `Looking up details for "${userInput}"...`;
         addMessage('bot', botResponse);
         fetchItemDetailsByName(userInput);
@@ -186,13 +174,8 @@ function fetchMenuItems(dietaryPreference) {
         });
 }
 
-function searchSectorItems(searchTerm) {
-    if (!searchTerm) {
-        removeSuggestions();
-        return;
-    }
-
-    fetch('/get_menu_items', {
+function suggestItems(searchTerm) {
+    fetch('/suggest_items', {
         method: 'POST',
         headers: { 'Content-Type': 'application/json' },
         body: JSON.stringify({ search_term: searchTerm })
@@ -200,43 +183,21 @@ function searchSectorItems(searchTerm) {
         .then(response => response.json())
         .then(data => {
             if (data.error) {
-                console.error(`Search error: ${data.error}`);
-                removeSuggestions();
-            } else if (data.menu_items.length > 0) {
-                displaySuggestions(data.menu_items);
+                addMessage('bot', `Couldn’t find anything for "${searchTerm}": ${data.error}. Got another idea?`);
+            } else if (data.suggestions.length > 0) {
+                addMessage('bot', `Check out these suggestions for "${searchTerm}" from Ingredient_Object__c:`);
+                displayItemsList(data.suggestions, 'suggestionsList', false);
             } else {
-                removeSuggestions();
+                addMessage('bot', `No matches for "${searchTerm}" in Ingredient_Object__c. Try "chicken" or "paneer"?`);
             }
+            console.log(`Suggestions for ${searchTerm}:`, data.suggestions);
         })
         .catch(error => {
-            console.error(`Search error: ${error.message}`);
-            removeSuggestions();
+            addMessage('bot', `Error fetching suggestions: ${error.message}. Retrying...`);
+            setTimeout(() => suggestItems(searchTerm), 2000);
         });
 }
 
-function displaySuggestions(items) {
-    const suggestionBox = document.getElementById('suggestionBox');
-    if (!suggestionBox) return;
-
-    suggestionBox.innerHTML = '';
-    items.forEach(item => {
-        const suggestionItem = document.createElement('div');
-        suggestionItem.className = 'suggestion-item';
-        suggestionItem.textContent = item.name;
-        suggestionItem.onclick = () => {
-            fetchSectorItemDetails(item.name);
-            document.querySelector('.manual-input').value = '';
-            removeSuggestions();
-        };
-        suggestionBox.appendChild(suggestionItem);
-    });
-}
-
-function removeSuggestions() {
-    const suggestionBox = document.getElementById('suggestionBox');
-    if (suggestionBox) suggestionBox.innerHTML = '';
-}
-
 function fetchItemDetails(itemName) {
     fetch('/get_item_details', {
         method: 'POST',
@@ -457,8 +418,8 @@ function submitToSalesforce() {
 
     const itemsToSubmit = selectedItems.map(item => ({
         name: item.name,
-        category: item.category || 'Unknown',
-        description: item.description || 'No description available'
+        category: item.category || 'Unknown',  // Include Category__c
+        description: item.description || 'No description available'  // Ensure description
     }));
 
     fetch('/submit_items', {