function AiIntegrationHub() { const [messages, setMessages] = React.useState([ { role: 'user', content: '' } ]); const [loading, setLoading] = React.useState(false); const [result, setResult] = React.useState(''); const [imageUrl, setImageUrl] = React.useState(''); const [prompt, setPrompt] = React.useState(''); const [integration, setIntegration] = React.useState(''); const handleSubmit = async ()=>{ setLoading(true); let response, data; switch(integration){ case 'CHAT_GPT': response = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', body: JSON.stringify({ messages }), headers: { 'Content-Type': 'application/json' } }); data = await response.json(); setResult(data.choices[0].message.content); break; case 'DALL_E_3': response = await fetch(`/integrations/dall-e-3/?prompt=${encodeURIComponent(prompt)}`, { method: 'GET' }); data = await response.json(); setImageUrl(data.data[0]); break; case 'STABLE_DIFFUSION_V3': response = await fetch(`/integrations/stable-diffusion-v-3/?prompt=${encodeURIComponent(prompt)}`, { method: 'GET' }); data = await response.json(); setImageUrl(data.data[0]); break; case 'LOCAL_BUSINESS_DATA': response = await fetch(`/integrations/local-business-data/search?query=${encodeURIComponent(prompt)}`, { method: 'GET' }); data = await response.json(); setResult(JSON.stringify(data.data, null, 2)); break; case 'GOOGLE_SEARCH': response = await fetch(`/integrations/google-search/search?q=${encodeURIComponent(prompt)}`, { method: 'GET' }); data = await response.json(); setResult(JSON.stringify(data.items, null, 2)); break; case 'GPT_VISION': const base64Image = prompt; response = await fetch('/integrations/gpt-vision/', { method: 'POST', body: JSON.stringify({ messages: [ { role: 'user', content: [ { type: 'image_url', image_url: { url: base64Image } } ] } ] }), headers: { 'Content-Type': 'application/json' } }); data = await response.json(); setResult(data.choices[0].message.content); break; case 'WEB_SCRAPING': response = await fetch('/integrations/web-scraping/post', { method: 'POST', body: JSON.stringify({ url: prompt, getText: true }), headers: { 'Content-Type': 'application/json' } }); data = await response.text(); setResult(data); break; case 'GOOGLE_GEMINI_1_5_FLASH': response = await fetch('/integrations/google-gemini-1-5-flash/', { method: 'POST', body: JSON.stringify({ messages }), headers: { 'Content-Type': 'application/json' } }); data = await response.json(); setResult(data.choices[0].message.content); break; case 'GOOGLE_GEMINI_1_5': response = await fetch('/integrations/google-gemini-1-5/', { method: 'POST', body: JSON.stringify({ messages }), headers: { 'Content-Type': 'application/json' } }); data = await response.json(); setResult(data.choices[0].message.content); break; case 'GOOGLE_GEMINI': response = await fetch('/integrations/google-gemini/', { method: 'POST', body: JSON.stringify({ messages }), headers: { 'Content-Type': 'application/json' } }); data = await response.json(); setResult(data.choices[0].message.content); break; case 'COHERE_COMMAND_R_PLUS': response = await fetch('/integrations/cohere-command-r-plus/', { method: 'POST', body: JSON.stringify({ messages }), headers: { 'Content-Type': 'application/json' } }); data = await response.json(); setResult(data.choices[0].message.content); break; case 'FILE_CONVERTER': const formData = new FormData(); formData.append('inputFile', new Blob([ prompt ]), 'file.txt'); formData.append('outputType', 'pdf'); response = await fetch('/integrations/file-converter/convert', { method: 'POST', body: formData }); const fileBlob = await response.blob(); const fileUrl = URL.createObjectURL(fileBlob); setImageUrl(fileUrl); break; case 'CODE_RUNNER': response = await fetch('/integrations/code-runner/', { method: 'POST', body: JSON.stringify({ code: prompt, language: 'python' }), headers: { 'Content-Type': 'application/json' } }); data = await response.json(); setResult(data.stdout); break; case 'DOMAIN_WHOIS': response = await fetch(`/integrations/domain-whois/whois?domain=${encodeURIComponent(prompt)}`, { method: 'GET' }); data = await response.json(); setResult(JSON.stringify(data, null, 2)); break; case 'GOOGLE_TRANSLATE': response = await fetch('/integrations/google-translate/language/translate/v2', { method: 'POST', body: new URLSearchParams({ q: prompt, target: 'es' }) }); data = await response.json(); setResult(data.data.translations[0].translatedText); break; case 'EMAIL_CHECK_2': response = await fetch(`/integrations/email-check-2/v1/email/verify?email=${encodeURIComponent(prompt)}`, { method: 'GET' }); data = await response.json(); setResult(JSON.stringify(data, null, 2)); break; case 'TEXT_TO_SPEECH': const audioResponse = await fetch(`/integrations/text-to-speech/speech?text=${encodeURIComponent(prompt)}`, { method: 'GET' }); const audioBlob = await audioResponse.blob(); const audioUrl = URL.createObjectURL(audioBlob); setImageUrl(audioUrl); break; case 'WEATHER_BY_CITY': response = await fetch(`/integrations/weather-by-city/weather/${encodeURIComponent(prompt)}`, { method: 'GET' }); data = await response.json(); setResult(JSON.stringify(data, null, 2)); break; } setLoading(false); }; return /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 149, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 150, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("select", { className: "border p-2 w-full", value: integration, onChange: (e)=>setIntegration(e.target.value), __source: { fileName: "", lineNumber: 151, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", disabled: true, __source: { fileName: "", lineNumber: 152, columnNumber: 11 }, __self: this }, "Select Integration"), /*#__PURE__*/ React.createElement("option", { value: "CHAT_GPT", __source: { fileName: "", lineNumber: 153, columnNumber: 11 }, __self: this }, "ChatGPT"), /*#__PURE__*/ React.createElement("option", { value: "DALL_E_3", __source: { fileName: "", lineNumber: 154, columnNumber: 11 }, __self: this }, "DALL-E 3"), /*#__PURE__*/ React.createElement("option", { value: "STABLE_DIFFUSION_V3", __source: { fileName: "", lineNumber: 155, columnNumber: 11 }, __self: this }, "Stable Diffusion v3"), /*#__PURE__*/ React.createElement("option", { value: "LOCAL_BUSINESS_DATA", __source: { fileName: "", lineNumber: 156, columnNumber: 11 }, __self: this }, "Local Business Data"), /*#__PURE__*/ React.createElement("option", { value: "GOOGLE_SEARCH", __source: { fileName: "", lineNumber: 157, columnNumber: 11 }, __self: this }, "Google Search"), /*#__PURE__*/ React.createElement("option", { value: "GPT_VISION", __source: { fileName: "", lineNumber: 158, columnNumber: 11 }, __self: this }, "GPT Vision"), /*#__PURE__*/ React.createElement("option", { value: "WEB_SCRAPING", __source: { fileName: "", lineNumber: 159, columnNumber: 11 }, __self: this }, "Web Scraping"), /*#__PURE__*/ React.createElement("option", { value: "GOOGLE_GEMINI_1_5_FLASH", __source: { fileName: "", lineNumber: 160, columnNumber: 11 }, __self: this }, "Google Gemini 1.5 Flash"), /*#__PURE__*/ React.createElement("option", { value: "GOOGLE_GEMINI_1_5", __source: { fileName: "", lineNumber: 161, columnNumber: 11 }, __self: this }, "Google Gemini 1.5"), /*#__PURE__*/ React.createElement("option", { value: "GOOGLE_GEMINI", __source: { fileName: "", lineNumber: 162, columnNumber: 11 }, __self: this }, "Google Gemini"), /*#__PURE__*/ React.createElement("option", { value: "COHERE_COMMAND_R_PLUS", __source: { fileName: "", lineNumber: 163, columnNumber: 11 }, __self: this }, "Cohere Command R Plus"), /*#__PURE__*/ React.createElement("option", { value: "FILE_CONVERTER", __source: { fileName: "", lineNumber: 164, columnNumber: 11 }, __self: this }, "File Converter"), /*#__PURE__*/ React.createElement("option", { value: "CODE_RUNNER", __source: { fileName: "", lineNumber: 165, columnNumber: 11 }, __self: this }, "Code Runner"), /*#__PURE__*/ React.createElement("option", { value: "DOMAIN_WHOIS", __source: { fileName: "", lineNumber: 166, columnNumber: 11 }, __self: this }, "Domain WHOIS"), /*#__PURE__*/ React.createElement("option", { value: "GOOGLE_TRANSLATE", __source: { fileName: "", lineNumber: 167, columnNumber: 11 }, __self: this }, "Google Translate"), /*#__PURE__*/ React.createElement("option", { value: "EMAIL_CHECK_2", __source: { fileName: "", lineNumber: 168, columnNumber: 11 }, __self: this }, "Email Check"), /*#__PURE__*/ React.createElement("option", { value: "TEXT_TO_SPEECH", __source: { fileName: "", lineNumber: 169, columnNumber: 11 }, __self: this }, "Text to Speech"), /*#__PURE__*/ React.createElement("option", { value: "WEATHER_BY_CITY", __source: { fileName: "", lineNumber: 170, columnNumber: 11 }, __self: this }, "Weather by City"))), integration === 'CHAT_GPT' && /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 174, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { name: "chatgpt_prompt", className: "border p-2 w-full", value: messages[0].content, onChange: (e)=>setMessages([ { role: 'user', content: e.target.value } ]), placeholder: "Enter your message for ChatGPT", __source: { fileName: "", lineNumber: 175, columnNumber: 11 }, __self: this })), (integration === 'DALL_E_3' || integration === 'STABLE_DIFFUSION_V3' || integration === 'LOCAL_BUSINESS_DATA' || integration === 'GOOGLE_SEARCH' || integration === 'WEB_SCRAPING' || integration === 'DOMAIN_WHOIS' || integration === 'GOOGLE_TRANSLATE' || integration === 'EMAIL_CHECK_2' || integration === 'WEATHER_BY_CITY') && /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 187, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { name: "text_prompt", className: "border p-2 w-full", value: prompt, onChange: (e)=>setPrompt(e.target.value), placeholder: integration === 'WEB_SCRAPING' ? 'Enter URL for web scraping' : 'Enter your prompt', __source: { fileName: "", lineNumber: 188, columnNumber: 11 }, __self: this })), integration === 'GPT_VISION' && /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 198, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { name: "gpt_vision_prompt", className: "border p-2 w-full", value: prompt, onChange: (e)=>setPrompt(e.target.value), placeholder: "Enter base64 encoded image URL for GPT Vision", __source: { fileName: "", lineNumber: 199, columnNumber: 11 }, __self: this })), integration === 'TEXT_TO_SPEECH' && /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 209, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { name: "text_to_speech_prompt", className: "border p-2 w-full", value: prompt, onChange: (e)=>setPrompt(e.target.value), placeholder: "Enter text for Text to Speech", __source: { fileName: "", lineNumber: 210, columnNumber: 11 }, __self: this })), integration === 'FILE_CONVERTER' && /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 220, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { name: "file_converter_prompt", className: "border p-2 w-full", value: prompt, onChange: (e)=>setPrompt(e.target.value), placeholder: "Enter or paste text to convert to PDF", __source: { fileName: "", lineNumber: 221, columnNumber: 11 }, __self: this })), integration === 'CODE_RUNNER' && /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 231, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { name: "code_runner_prompt", className: "border p-2 w-full", value: prompt, onChange: (e)=>setPrompt(e.target.value), placeholder: "Enter Python code to execute", __source: { fileName: "", lineNumber: 232, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "bg-blue-500 text-white p-2 w-full", onClick: handleSubmit, disabled: loading, __source: { fileName: "", lineNumber: 241, columnNumber: 7 }, __self: this }, loading ? 'Loading...' : 'Submit'), result && /*#__PURE__*/ React.createElement("div", { className: "mt-4 p-4 border text-[#121212]", __source: { fileName: "", lineNumber: 248, columnNumber: 18 }, __self: this }, result), imageUrl && /*#__PURE__*/ React.createElement("img", { src: imageUrl, alt: "Generated Image", className: "mt-4 w-[400px] h-[400px] object-cover", __source: { fileName: "", lineNumber: 249, columnNumber: 20 }, __self: this }), imageUrl && integration === 'TEXT_TO_SPEECH' && /*#__PURE__*/ React.createElement("audio", { controls: true, className: "mt-4 w-full", __source: { fileName: "", lineNumber: 250, columnNumber: 56 }, __self: this }, /*#__PURE__*/ React.createElement("source", { src: imageUrl, type: "audio/mpeg", __source: { fileName: "", lineNumber: 250, columnNumber: 96 }, __self: this }))); } function AiIntegrationHubStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 257, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(AiIntegrationHub, { __source: { fileName: "", lineNumber: 258, columnNumber: 7 }, __self: this })); } function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "bg-[#121212] text-white min-h-screen p-4", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(AiIntegrationHub, { __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this })); } function AiIntegrationHub() { const [messages, setMessages] = React.useState([ { role: 'user', content: '' } ]); const [loading, setLoading] = React.useState(false); const [result, setResult] = React.useState(''); const [imageUrl, setImageUrl] = React.useState(''); const [prompt, setPrompt] = React.useState(''); const [integration, setIntegration] = React.useState(''); const handleSubmit = async ()=>{ setLoading(true); let response, data; switch(integration){ case 'CHAT_GPT': response = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', body: JSON.stringify({ messages }), headers: { 'Content-Type': 'application/json' } }); data = await response.json(); setResult(data.choices[0].message.content); break; case 'DALL_E_3': response = await fetch(`/integrations/dall-e-3/?prompt=${encodeURIComponent(prompt)}`, { method: 'GET' }); data = await response.json(); setImageUrl(data.data[0]); break; case 'STABLE_DIFFUSION_V3': response = await fetch(`/integrations/stable-diffusion-v-3/?prompt=${encodeURIComponent(prompt)}`, { method: 'GET' }); data = await response.json(); setImageUrl(data.data[0]); break; case 'LOCAL_BUSINESS_DATA': response = await fetch(`/integrations/local-business-data/search?query=${encodeURIComponent(prompt)}`, { method: 'GET' }); data = await response.json(); setResult(JSON.stringify(data.data, null, 2)); break; case 'GOOGLE_SEARCH': response = await fetch(`/integrations/google-search/search?q=${encodeURIComponent(prompt)}`, { method: 'GET' }); data = await response.json(); setResult(JSON.stringify(data.items, null, 2)); break; case 'GPT_VISION': const base64Image = prompt; response = await fetch('/integrations/gpt-vision/', { method: 'POST', body: JSON.stringify({ messages: [ { role: 'user', content: [ { type: 'image_url', image_url: { url: base64Image } } ] } ] }), headers: { 'Content-Type': 'application/json' } }); data = await response.json(); setResult(data.choices[0].message.content); break; case 'WEB_SCRAPING': response = await fetch('/integrations/web-scraping/post', { method: 'POST', body: JSON.stringify({ url: prompt, getText: true }), headers: { 'Content-Type': 'application/json' } }); data = await response.text(); setResult(data); break; case 'GOOGLE_GEMINI_1_5_FLASH': response = await fetch('/integrations/google-gemini-1-5-flash/', { method: 'POST', body: JSON.stringify({ messages }), headers: { 'Content-Type': 'application/json' } }); data = await response.json(); setResult(data.choices[0].message.content); break; case 'GOOGLE_GEMINI_1_5': response = await fetch('/integrations/google-gemini-1-5/', { method: 'POST', body: JSON.stringify({ messages }), headers: { 'Content-Type': 'application/json' } }); data = await response.json(); setResult(data.choices[0].message.content); break; case 'GOOGLE_GEMINI': response = await fetch('/integrations/google-gemini/', { method: 'POST', body: JSON.stringify({ messages }), headers: { 'Content-Type': 'application/json' } }); data = await response.json(); setResult(data.choices[0].message.content); break; case 'COHERE_COMMAND_R_PLUS': response = await fetch('/integrations/cohere-command-r-plus/', { method: 'POST', body: JSON.stringify({ messages }), headers: { 'Content-Type': 'application/json' } }); data = await response.json(); setResult(data.choices[0].message.content); break; case 'FILE_CONVERTER': const formData = new FormData(); formData.append('inputFile', new Blob([ prompt ]), 'file.txt'); formData.append('outputType', 'pdf'); response = await fetch('/integrations/file-converter/convert', { method: 'POST', body: formData }); const fileBlob = await response.blob(); const fileUrl = URL.createObjectURL(fileBlob); setImageUrl(fileUrl); break; case 'CODE_RUNNER': response = await fetch('/integrations/code-runner/', { method: 'POST', body: JSON.stringify({ code: prompt, language: 'python' }), headers: { 'Content-Type': 'application/json' } }); data = await response.json(); setResult(data.stdout); break; case 'DOMAIN_WHOIS': response = await fetch(`/integrations/domain-whois/whois?domain=${encodeURIComponent(prompt)}`, { method: 'GET' }); data = await response.json(); setResult(JSON.stringify(data, null, 2)); break; case 'GOOGLE_TRANSLATE': response = await fetch('/integrations/google-translate/language/translate/v2', { method: 'POST', body: new URLSearchParams({ q: prompt, target: 'es' }) }); data = await response.json(); setResult(data.data.translations[0].translatedText); break; case 'EMAIL_CHECK_2': response = await fetch(`/integrations/email-check-2/v1/email/verify?email=${encodeURIComponent(prompt)}`, { method: 'GET' }); data = await response.json(); setResult(JSON.stringify(data, null, 2)); break; case 'TEXT_TO_SPEECH': const audioResponse = await fetch(`/integrations/text-to-speech/speech?text=${encodeURIComponent(prompt)}`, { method: 'GET' }); const audioBlob = await audioResponse.blob(); const audioUrl = URL.createObjectURL(audioBlob); setImageUrl(audioUrl); break; case 'WEATHER_BY_CITY': response = await fetch(`/integrations/weather-by-city/weather/${encodeURIComponent(prompt)}`, { method: 'GET' }); data = await response.json(); setResult(JSON.stringify(data, null, 2)); break; } setLoading(false); }; return /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 157, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 158, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("select", { className: "border p-2 w-full bg-[#2c2c2c] text-white", value: integration, onChange: (e)=>setIntegration(e.target.value), __source: { fileName: "", lineNumber: 159, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", disabled: true, __source: { fileName: "", lineNumber: 160, columnNumber: 11 }, __self: this }, "Select Integration"), /*#__PURE__*/ React.createElement("option", { value: "CHAT_GPT", __source: { fileName: "", lineNumber: 161, columnNumber: 11 }, __self: this }, "ChatGPT"), /*#__PURE__*/ React.createElement("option", { value: "DALL_E_3", __source: { fileName: "", lineNumber: 162, columnNumber: 11 }, __self: this }, "DALL-E 3"), /*#__PURE__*/ React.createElement("option", { value: "STABLE_DIFFUSION_V3", __source: { fileName: "", lineNumber: 163, columnNumber: 11 }, __self: this }, "Stable Diffusion v3"), /*#__PURE__*/ React.createElement("option", { value: "LOCAL_BUSINESS_DATA", __source: { fileName: "", lineNumber: 164, columnNumber: 11 }, __self: this }, "Local Business Data"), /*#__PURE__*/ React.createElement("option", { value: "GOOGLE_SEARCH", __source: { fileName: "", lineNumber: 165, columnNumber: 11 }, __self: this }, "Google Search"), /*#__PURE__*/ React.createElement("option", { value: "GPT_VISION", __source: { fileName: "", lineNumber: 166, columnNumber: 11 }, __self: this }, "GPT Vision"), /*#__PURE__*/ React.createElement("option", { value: "WEB_SCRAPING", __source: { fileName: "", lineNumber: 167, columnNumber: 11 }, __self: this }, "Web Scraping"), /*#__PURE__*/ React.createElement("option", { value: "GOOGLE_GEMINI_1_5_FLASH", __source: { fileName: "", lineNumber: 168, columnNumber: 11 }, __self: this }, "Google Gemini 1.5 Flash"), /*#__PURE__*/ React.createElement("option", { value: "GOOGLE_GEMINI_1_5", __source: { fileName: "", lineNumber: 169, columnNumber: 11 }, __self: this }, "Google Gemini 1.5"), /*#__PURE__*/ React.createElement("option", { value: "GOOGLE_GEMINI", __source: { fileName: "", lineNumber: 170, columnNumber: 11 }, __self: this }, "Google Gemini"), /*#__PURE__*/ React.createElement("option", { value: "COHERE_COMMAND_R_PLUS", __source: { fileName: "", lineNumber: 171, columnNumber: 11 }, __self: this }, "Cohere Command R Plus"), /*#__PURE__*/ React.createElement("option", { value: "FILE_CONVERTER", __source: { fileName: "", lineNumber: 172, columnNumber: 11 }, __self: this }, "File Converter"), /*#__PURE__*/ React.createElement("option", { value: "CODE_RUNNER", __source: { fileName: "", lineNumber: 173, columnNumber: 11 }, __self: this }, "Code Runner"), /*#__PURE__*/ React.createElement("option", { value: "DOMAIN_WHOIS", __source: { fileName: "", lineNumber: 174, columnNumber: 11 }, __self: this }, "Domain WHOIS"), /*#__PURE__*/ React.createElement("option", { value: "GOOGLE_TRANSLATE", __source: { fileName: "", lineNumber: 175, columnNumber: 11 }, __self: this }, "Google Translate"), /*#__PURE__*/ React.createElement("option", { value: "EMAIL_CHECK_2", __source: { fileName: "", lineNumber: 176, columnNumber: 11 }, __self: this }, "Email Check"), /*#__PURE__*/ React.createElement("option", { value: "TEXT_TO_SPEECH", __source: { fileName: "", lineNumber: 177, columnNumber: 11 }, __self: this }, "Text to Speech"), /*#__PURE__*/ React.createElement("option", { value: "WEATHER_BY_CITY", __source: { fileName: "", lineNumber: 178, columnNumber: 11 }, __self: this }, "Weather by City"))), integration === 'CHAT_GPT' && /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 182, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { name: "chatgpt_prompt", className: "border p-2 w-full bg-[#2c2c2c] text-white", value: messages[0].content, onChange: (e)=>setMessages([ { role: 'user', content: e.target.value } ]), placeholder: "Enter your message for ChatGPT", __source: { fileName: "", lineNumber: 183, columnNumber: 11 }, __self: this })), (integration === 'DALL_E_3' || integration === 'STABLE_DIFFUSION_V3' || integration === 'LOCAL_BUSINESS_DATA' || integration === 'GOOGLE_SEARCH' || integration === 'WEB_SCRAPING' || integration === 'DOMAIN_WHOIS' || integration === 'GOOGLE_TRANSLATE' || integration === 'EMAIL_CHECK_2' || integration === 'WEATHER_BY_CITY') && /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 195, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { name: "text_prompt", className: "border p-2 w-full bg-[#2c2c2c] text-white", value: prompt, onChange: (e)=>setPrompt(e.target.value), placeholder: integration === 'WEB_SCRAPING' ? 'Enter URL for web scraping' : 'Enter your prompt', __source: { fileName: "", lineNumber: 196, columnNumber: 11 }, __self: this })), integration === 'GPT_VISION' && /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 206, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { name: "gpt_vision_prompt", className: "border p-2 w-full bg-[#2c2c2c] text-white", value: prompt, onChange: (e)=>setPrompt(e.target.value), placeholder: "Enter base64 encoded image URL for GPT Vision", __source: { fileName: "", lineNumber: 207, columnNumber: 11 }, __self: this })), integration === 'TEXT_TO_SPEECH' && /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 217, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { name: "text_to_speech_prompt", className: "border p-2 w-full bg-[#2c2c2c] text-white", value: prompt, onChange: (e)=>setPrompt(e.target.value), placeholder: "Enter text for Text to Speech", __source: { fileName: "", lineNumber: 218, columnNumber: 11 }, __self: this })), integration === 'FILE_CONVERTER' && /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 228, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { name: "file_converter_prompt", className: "border p-2 w-full bg-[#2c2c2c] text-white", value: prompt, onChange: (e)=>setPrompt(e.target.value), placeholder: "Enter or paste text to convert to PDF", __source: { fileName: "", lineNumber: 229, columnNumber: 11 }, __self: this })), integration === 'CODE_RUNNER' && /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 239, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { name: "code_runner_prompt", className: "border p-2 w-full bg-[#2c2c2c] text-white", value: prompt, onChange: (e)=>setPrompt(e.target.value), placeholder: "Enter Python code to execute", __source: { fileName: "", lineNumber: 240, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "bg-blue-500 text-white p-2 w-full", onClick: handleSubmit, disabled: loading, __source: { fileName: "", lineNumber: 249, columnNumber: 7 }, __self: this }, loading ? 'Loading...' : 'Submit'), result && /*#__PURE__*/ React.createElement("div", { className: "mt-4 p-4 border bg-[#2c2c2c] text-white whitespace-pre-wrap break-words", __source: { fileName: "", lineNumber: 256, columnNumber: 18 }, __self: this }, result), imageUrl && /*#__PURE__*/ React.createElement("img", { src: imageUrl, alt: "Generated content representing user's input", className: "mt-4 w-[400px] h-[400px] object-cover", __source: { fileName: "", lineNumber: 257, columnNumber: 20 }, __self: this }), imageUrl && integration === 'TEXT_TO_SPEECH' && /*#__PURE__*/ React.createElement("audio", { controls: true, className: "mt-4 w-full", __source: { fileName: "", lineNumber: 258, columnNumber: 56 }, __self: this }, /*#__PURE__*/ React.createElement("source", { src: imageUrl, type: "audio/mpeg", __source: { fileName: "", lineNumber: 258, columnNumber: 96 }, __self: this }))); }