function SignInSuite({ view, onSignIn, onCreateProfile, professions }) { const signInView = /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center h-screen bg-[#f7f7f7]", __source: { fileName: "", lineNumber: 4, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-xs", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("form", { className: "bg-white shadow-md rounded px-8 pt-6 pb-8 mb-4", onSubmit: onSignIn, __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 text-sm font-roboto mb-2", htmlFor: "username", __source: { fileName: "", lineNumber: 8, columnNumber: 13 }, __self: this }, "Username"), /*#__PURE__*/ React.createElement("input", { className: "shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline", id: "username", type: "text", placeholder: "Username", name: "username", required: true, autoComplete: "username", __source: { fileName: "", lineNumber: 11, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 21, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 text-sm font-roboto mb-2", htmlFor: "password", __source: { fileName: "", lineNumber: 22, columnNumber: 13 }, __self: this }, "Password"), /*#__PURE__*/ React.createElement("input", { className: "shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 mb-3 leading-tight focus:outline-none focus:shadow-outline", id: "password", type: "password", placeholder: "******************", name: "password", required: true, autoComplete: "current-password", __source: { fileName: "", lineNumber: 25, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex mb-4", __source: { fileName: "", lineNumber: 35, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { id: "dataPrivacy", type: "checkbox", name: "dataPrivacy", className: "mr-2", required: true, __source: { fileName: "", lineNumber: 36, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("label", { htmlFor: "dataPrivacy", className: "font-roboto font-bold text-sm", __source: { fileName: "", lineNumber: 43, columnNumber: 13 }, __self: this }, "I agree to the Data Privacy and Security Policy")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 47, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-blue-500 hover:bg-blue-700 text-white font-roboto font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline", type: "submit", __source: { fileName: "", lineNumber: 48, columnNumber: 13 }, __self: this }, "Sign In"))))); const createProfileView = /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center h-screen bg-[#f7f7f7]", __source: { fileName: "", lineNumber: 61, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-lg", __source: { fileName: "", lineNumber: 62, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("form", { className: "bg-white shadow-md rounded px-8 pt-6 pb-8 mb-4", onSubmit: onCreateProfile, __source: { fileName: "", lineNumber: 63, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 64, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 text-sm font-roboto font-bold mb-2", htmlFor: "fullName", __source: { fileName: "", lineNumber: 65, columnNumber: 13 }, __self: this }, "Name"), /*#__PURE__*/ React.createElement("input", { className: "shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline", id: "fullName", type: "text", placeholder: "Full Name", name: "fullName", required: true, __source: { fileName: "", lineNumber: 68, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 77, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 text-sm font-roboto font-bold mb-2", htmlFor: "profession", __source: { fileName: "", lineNumber: 78, columnNumber: 13 }, __self: this }, "Profession"), /*#__PURE__*/ React.createElement("select", { className: "shadow border rounded w-full py-2 px-3 text-gray-700 mb-3 leading-tight focus:outline-none focus:shadow-outline", id: "profession", name: "profession", required: true, __source: { fileName: "", lineNumber: 81, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 87, columnNumber: 15 }, __self: this }, "Select Profession"), professions && professions.map((profession)=>/*#__PURE__*/ React.createElement("option", { key: profession, value: profession, __source: { fileName: "", lineNumber: 89, columnNumber: 17 }, __self: this }, profession.charAt(0).toUpperCase() + profession.slice(1))))), /*#__PURE__*/ React.createElement("div", { className: "flex mb-4", __source: { fileName: "", lineNumber: 95, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { id: "dataPrivacyCreate", type: "checkbox", name: "dataPrivacy", className: "mr-2", required: true, __source: { fileName: "", lineNumber: 96, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("label", { htmlFor: "dataPrivacyCreate", className: "font-roboto font-bold text-sm", __source: { fileName: "", lineNumber: 103, columnNumber: 13 }, __self: this }, "I agree to the Data Privacy and Security Policy")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 107, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-blue-500 hover:bg-blue-700 text-white font-roboto font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline", type: "submit", __source: { fileName: "", lineNumber: 108, columnNumber: 13 }, __self: this }, "Create Profile"))))); return view === "signIn" ? signInView : createProfileView; } function SignInSuiteStory({ onSignIn, onCreateProfile }) { const professions = [ 'farmer', 'student', 'researcher', 'scientist', 'professor', 'entrepreneur', 'business', 'startup', 'employee' ]; return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 137, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(SignInSuite, { view: "signIn", onSignIn: onSignIn, __source: { fileName: "", lineNumber: 138, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(SignInSuite, { view: "createProfile", onCreateProfile: onCreateProfile, professions: professions, __source: { fileName: "", lineNumber: 139, columnNumber: 7 }, __self: this })); } function MainComponent() { const [weather, setWeather] = React.useState(null); const [translation, setTranslation] = React.useState(''); const [transcription, setTranscription] = React.useState(''); const [city, setCity] = React.useState(''); const [textToTranslate, setTextToTranslate] = React.useState(''); const [view, setView] = React.useState('signIn'); const [language, setLanguage] = React.useState('en'); const isRecording = React.useRef(false); const handleSignIn = async (event)=>{ event.preventDefault(); // Sign-in logic can be implemented here }; const handleCreateProfile = async (event)=>{ event.preventDefault(); // Profile creation logic can be implemented here }; const handleTranslate = async (event)=>{ event.preventDefault(); const response = await fetch('/integrations/google-translate/language/translate/v2', { method: 'POST', body: new URLSearchParams({ q: textToTranslate, target: language }) }); const data = await response.json(); setTranslation(data.data.translations[0].translatedText); }; const handleWeatherSearch = async (event)=>{ event.preventDefault(); const response = await fetch(`/integrations/weather-by-city/weather/${city}`, { method: 'GET' }); const data = await response.json(); setWeather(data); }; const handleAudioTranscription = async (audioFile)=>{ const response = await fetch('/integrations/transcribe-audio-2/listen', { method: 'POST', body: audioFile, headers: { 'Content-Type': audioFile.type } }); const data = await response.json(); setTranscription(data.results.channels[0].alternatives[0].transcript); }; const startRecording = ()=>{ if (navigator.mediaDevices && navigator.mediaDevices.getUserMedia && !isRecording.current) { navigator.mediaDevices.getUserMedia({ audio: true }).then((stream)=>{ const mediaRecorder = new MediaRecorder(stream); mediaRecorder.start(); const audioChunks = []; mediaRecorder.addEventListener("dataavailable", (event)=>{ audioChunks.push(event.data); }); mediaRecorder.addEventListener("stop", ()=>{ const audioBlob = new Blob(audioChunks); handleAudioTranscription(audioBlob); }); setTimeout(()=>{ mediaRecorder.stop(); }, 5000); }); isRecording.current = true; setTimeout(()=>isRecording.current = false, 5000); } }; const weatherInfo = weather ? /*#__PURE__*/ React.createElement("div", { className: "text-sm md:text-base", __source: { fileName: "", lineNumber: 82, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-bold", __source: { fileName: "", lineNumber: 83, columnNumber: 7 }, __self: this }, "Weather in ", weather.location.name, ":"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 84, columnNumber: 7 }, __self: this }, "Temperature: ", weather.current.temp_c, "°C / ", weather.current.temp_f, "°F"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 85, columnNumber: 7 }, __self: this }, "Condition: ", weather.current.condition.text), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 86, columnNumber: 7 }, __self: this }, "Wind: ", weather.current.wind_kph, "kph ", weather.current.wind_dir), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 87, columnNumber: 7 }, __self: this }, "Humidity: ", weather.current.humidity, "%")) : null; const professions = [ 'farmer', 'agronomist', 'horticulturist', 'agricultural scientist' ]; return /*#__PURE__*/ React.createElement("div", { className: "font-roboto bg-[#fefae0]", __source: { fileName: "", lineNumber: 94, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-6 md:p-10 lg:p-14", __source: { fileName: "", lineNumber: 95, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement(SignInSuite, { view: view, onSignIn: handleSignIn, onCreateProfile: handleCreateProfile, professions: professions, __source: { fileName: "", lineNumber: 96, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("form", { onSubmit: handleWeatherSearch, className: "mb-4", __source: { fileName: "", lineNumber: 97, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", value: city, onChange: (e)=>setCity(e.target.value), placeholder: "Enter City for Weather", className: "text-lg p-2 border border-green-500 rounded w-full mb-4", name: "city", __source: { fileName: "", lineNumber: 98, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "text-white bg-green-500 hover:bg-green-700 font-bold py-2 px-4 rounded w-full", type: "submit", __source: { fileName: "", lineNumber: 106, columnNumber: 11 }, __self: this }, "Get Weather")), weatherInfo, /*#__PURE__*/ React.createElement("form", { onSubmit: handleTranslate, className: "mb-4", __source: { fileName: "", lineNumber: 114, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { value: textToTranslate, onChange: (e)=>setTextToTranslate(e.target.value), placeholder: "Enter text to translate", className: "text-lg p-2 border border-green-500 rounded w-full my-4", name: "textToTranslate", __source: { fileName: "", lineNumber: 115, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex justify-end mb-4", __source: { fileName: "", lineNumber: 122, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: startRecording, type: "button", className: `text-white bg-green-500 hover:bg-green-700 font-bold py-2 px-4 rounded-full ${isRecording.current ? 'opacity-50 cursor-not-allowed' : ''}`, disabled: isRecording.current, __source: { fileName: "", lineNumber: 123, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas fa-microphone${isRecording.current ? '' : '-alt'}`, __source: { fileName: "", lineNumber: 129, columnNumber: 15 }, __self: this }))), /*#__PURE__*/ React.createElement("select", { value: language, onChange: (e)=>setLanguage(e.target.value), className: "text-lg p-2 border border-green-500 rounded w-full my-4", name: "language", __source: { fileName: "", lineNumber: 132, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "en", __source: { fileName: "", lineNumber: 138, columnNumber: 13 }, __self: this }, "English"), /*#__PURE__*/ React.createElement("option", { value: "es", __source: { fileName: "", lineNumber: 139, columnNumber: 13 }, __self: this }, "Spanish"), /*#__PURE__*/ React.createElement("option", { value: "fr", __source: { fileName: "", lineNumber: 140, columnNumber: 13 }, __self: this }, "French"), /*#__PURE__*/ React.createElement("option", { value: "zh", __source: { fileName: "", lineNumber: 141, columnNumber: 13 }, __self: this }, "Chinese")), /*#__PURE__*/ React.createElement("button", { className: "text-white bg-green-700 hover:bg-green-800 font-bold py-2 px-4 rounded w-full", type: "submit", __source: { fileName: "", lineNumber: 143, columnNumber: 11 }, __self: this }, "Translate")), /*#__PURE__*/ React.createElement("div", { className: "text-lg bg-[#D2E3D5] p-4 rounded my-4", __source: { fileName: "", lineNumber: 150, columnNumber: 9 }, __self: this }, translation), /*#__PURE__*/ React.createElement("div", { className: "text-lg bg-[#D2E3D5] p-4 rounded my-4", __source: { fileName: "", lineNumber: 151, columnNumber: 9 }, __self: this }, transcription))); }