function TranscriptUploadFeature({ onChange }) { return /*#__PURE__*/ React.createElement("input", { type: "file", name: "transcriptFile", onChange: onChange, className: "mb-4", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }); } function TranscriptUploadFeatureStory() { const handleFileChange = (event)=>{ // This is where the file processing logic would go console.log(`Selected file - ${event.target.files[0].name}`); }; return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 19, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(TranscriptUploadFeature, { onChange: handleFileChange, __source: { fileName: "", lineNumber: 20, columnNumber: 7 }, __self: this })); } function JapaneseUploadButton({ isLoading, buttonText, uploadingText, onSubmit }) { return /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: isLoading, onClick: onSubmit, className: `mt-4 px-6 py-2 text-white font-roboto rounded ${isLoading ? 'bg-gray-500' : 'bg-[#28a745] hover:bg-[#218838]'} transition duration-300 ease-in-out`, __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, isLoading ? uploadingText : buttonText); } function JapaneseUploadButtonStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 16, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(JapaneseUploadButton, { isLoading: true, buttonText: "アップロード", uploadingText: "アップロード中...", onSubmit: ()=>console.log("Uploading..."), __source: { fileName: "", lineNumber: 17, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(JapaneseUploadButton, { isLoading: false, buttonText: "アップロード", uploadingText: "アップロード中...", onSubmit: ()=>console.log("Uploading..."), __source: { fileName: "", lineNumber: 23, columnNumber: 7 }, __self: this })); } function MainComponent() { const [file, setFile] = React.useState(null); const [isLoading, setIsLoading] = React.useState(false); const handleFileChange = (event)=>{ setFile(event.target.files[0]); }; const handleSubmit = async ()=>{ if (!file || isLoading) return; setIsLoading(true); const formData = new FormData(); formData.append('file', file); try { const response = await fetch('/api/upload-transcript', { method: 'POST', body: formData }); const blob = await response.blob(); const url = window.URL.createObjectURL(blob); const link = document.createElement('a'); link.href = url; link.setAttribute('download', `MeetingMinutes_${new Date().toISOString()}.txt`); document.body.appendChild(link); link.click(); link.parentNode.removeChild(link); } catch (error) { console.error('Error:', error); } setIsLoading(false); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#f0f0f5] flex flex-col items-center justify-center", __source: { fileName: "", lineNumber: 37, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-roboto text-[#333] mb-8", __source: { fileName: "", lineNumber: 38, columnNumber: 7 }, __self: this }, "議事録ダウンロードサイト"), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 39, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement(TranscriptUploadFeature, { onChange: handleFileChange, __source: { fileName: "", lineNumber: 40, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 42, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement(JapaneseUploadButton, { isLoading: isLoading, buttonText: "アップロード", uploadingText: "アップロード中...", onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 43, columnNumber: 9 }, __self: this }))); }