function MainComponent() { const [query, setQuery] = React.useState(''); const [city, setCity] = React.useState(''); const [requirements, setRequirements] = React.useState(''); const [searchPhrase, setSearchPhrase] = React.useState(''); const [loading, setLoading] = React.useState(false); const [googleSearchResults, setGoogleSearchResults] = React.useState([]); const [finalRecommendations, setFinalRecommendations] = React.useState(''); const handleQueryChange = (e)=>{ setQuery(e.target.value); }; const handleCityChange = (e)=>{ setCity(e.target.value); }; const handleRequirementsChange = (e)=>{ setRequirements(e.target.value); }; const handleSubmit = async (e)=>{ e.preventDefault(); setLoading(true); const chatGPTResponse = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages: [ { role: "user", content: `Find activities in ${city} related to ${query}. Requirements: ${requirements}` } ], system_prompt: 'Generate a search phrase' }) }).then((response)=>response.json()); setSearchPhrase(chatGPTResponse.result); const googleSearchResponse = await fetch(`/integrations/google-search/search?q=${encodeURIComponent(chatGPTResponse.result)}`, { method: 'GET' }).then((response)=>response.json()); setGoogleSearchResults(googleSearchResponse.items); const finalRecommendationResponse = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages: [ { role: "system", content: `Search results for "${chatGPTResponse.result}" in ${city} for ${query} with ${requirements}` }, ...googleSearchResponse.items.map((item)=>({ role: "system", content: item.link })) ], system_prompt: 'Provide recommendations based on these search results' }) }).then((response)=>response.json()); setFinalRecommendations(finalRecommendationResponse.result); setLoading(false); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col p-5 space-y-4", __source: { fileName: "", lineNumber: 71, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "flex flex-col space-y-4", __source: { fileName: "", lineNumber: 72, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "What activity?", value: query, onChange: handleQueryChange, className: "input border p-2", name: "query", __source: { fileName: "", lineNumber: 73, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Which city?", value: city, onChange: handleCityChange, className: "input border p-2", name: "city", __source: { fileName: "", lineNumber: 81, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("textarea", { placeholder: "Any requirements or preferences?", value: requirements, onChange: handleRequirementsChange, className: "textarea border p-2", name: "requirements", __source: { fileName: "", lineNumber: 89, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-blue-500 text-white font-semibold p-2", disabled: loading, __source: { fileName: "", lineNumber: 96, columnNumber: 9 }, __self: this }, loading ? 'Loading...' : 'Find Recommendations')), searchPhrase && /*#__PURE__*/ React.createElement("div", { className: "border p-2", __source: { fileName: "", lineNumber: 104, columnNumber: 24 }, __self: this }, "Search Phrase: ", searchPhrase), googleSearchResults.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "border p-2", __source: { fileName: "", lineNumber: 106, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-semibold", __source: { fileName: "", lineNumber: 107, columnNumber: 11 }, __self: this }, "Google Search Results:"), /*#__PURE__*/ React.createElement("ul", { __source: { fileName: "", lineNumber: 108, columnNumber: 11 }, __self: this }, googleSearchResults.map((result, index)=>/*#__PURE__*/ React.createElement("li", { key: index, __source: { fileName: "", lineNumber: 110, columnNumber: 15 }, __self: this }, result.link)))), finalRecommendations && /*#__PURE__*/ React.createElement("div", { className: "border p-2", __source: { fileName: "", lineNumber: 115, columnNumber: 32 }, __self: this }, "Recommendations: ", finalRecommendations)); }