function MainComponent() { const [meetingLink, setMeetingLink] = React.useState(''); const [message, setMessage] = React.useState(''); const fileInputRef = React.useRef(null); const handleMeetingLinkChange = (event)=>{ setMeetingLink(event.target.value); }; const handleMessageChange = (event)=>{ setMessage(event.target.value); }; const handleSubmitMeeting = ()=>{ window.open(meetingLink, '_blank'); }; const handleFileChange = async (event)=>{ const file = event.target.files[0]; if (file) { const response = await fetch('/integrations/transcribe-audio-2/listen', { method: 'POST', headers: { 'Content-Type': file.type }, body: file }); const data = await response.json(); const transcript = data.results.channels[0].alternatives[0].transcript; setMessage(transcript); } }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center h-screen bg-gray-100", __source: { fileName: "", lineNumber: 35, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow-md w-[400px]", __source: { fileName: "", lineNumber: 36, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-roboto mb-4 text-center", __source: { fileName: "", lineNumber: 37, columnNumber: 9 }, __self: this }, "Virtual Counselor"), /*#__PURE__*/ React.createElement("p", { className: "mb-4 text-center text-gray-600", __source: { fileName: "", lineNumber: 38, columnNumber: 9 }, __self: this }, "Share your thoughts and feelings with our AI avatar."), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center mb-4", __source: { fileName: "", lineNumber: 39, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-video text-3xl text-blue-500", __source: { fileName: "", lineNumber: 40, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col space-y-4", __source: { fileName: "", lineNumber: 42, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", className: "border p-2 rounded w-full", placeholder: "Enter Google Meet Link", name: "meetingLink", onChange: handleMeetingLinkChange, value: meetingLink, __source: { fileName: "", lineNumber: 43, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "bg-blue-500 text-white py-2 rounded", onClick: handleSubmitMeeting, __source: { fileName: "", lineNumber: 44, columnNumber: 11 }, __self: this }, "Join Meeting"), /*#__PURE__*/ React.createElement("textarea", { className: "border p-2 rounded w-full", placeholder: "Enter or transcribe your message", name: "message", onChange: handleMessageChange, value: message, __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "file", ref: fileInputRef, onChange: handleFileChange, className: "mt-4", __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this }))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 49, columnNumber: 7 }, __self: this }, ` .fade-in { animation: fade-in 1s ease-in-out; } @keyframes fade-in { from { opacity: 0; } to { opacity: 1; } } `)); }