function MainComponent() { const [transcript, setTranscript] = React.useState(''); const [loading, setLoading] = React.useState(false); const [audioFile, setAudioFile] = React.useState(null); const handleSubmit = async (e)=>{ e.preventDefault(); const formData = new FormData(e.target); setLoading(true); if (audioFile) { await fetch('/integrations/transcribe-audio-2/listen', { method: 'POST', body: audioFile, headers: { 'Content-Type': audioFile.type } }).then((response)=>response.json()).then((data)=>setTranscript(data.results.channels[0].alternatives[0].transcript)).catch((error)=>console.error('Error:', error)); } setLoading(false); }; const handleAudioChange = (e)=>{ setAudioFile(e.target.files[0]); }; return /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 32, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-roboto text-xl text-[#121212] mb-4", __source: { fileName: "", lineNumber: 33, columnNumber: 7 }, __self: this }, "制作会社の見積り作成フォーム"), loading ? /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 34, columnNumber: 18 }, __self: this }, "処理中...") : /*#__PURE__*/ React.createElement("form", { className: "space-y-6", onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 35, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-roboto text-lg text-[#121212] mb-2", __source: { fileName: "", lineNumber: 37, columnNumber: 13 }, __self: this }, "1. 企画概要"), /*#__PURE__*/ React.createElement("input", { name: "planName", className: "block w-full p-2 border rounded mb-2", placeholder: "企画名", __source: { fileName: "", lineNumber: 38, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("textarea", { name: "planDetails", className: "block w-full p-2 border rounded mb-2", placeholder: "企画内容", __source: { fileName: "", lineNumber: 39, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("input", { name: "target", className: "block w-full p-2 border rounded mb-2", placeholder: "ターゲット", __source: { fileName: "", lineNumber: 40, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("input", { name: "objective", className: "block w-full p-2 border rounded mb-2", placeholder: "目的", __source: { fileName: "", lineNumber: 41, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("input", { name: "schedule", className: "block w-full p-2 border rounded mb-2", placeholder: "スケジュール", __source: { fileName: "", lineNumber: 42, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("input", { name: "budget", className: "block w-full p-2 border rounded mb-2", placeholder: "予算", __source: { fileName: "", lineNumber: 43, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-roboto text-lg text-[#121212] mb-2", __source: { fileName: "", lineNumber: 47, columnNumber: 13 }, __self: this }, "2. 制作内容"), /*#__PURE__*/ React.createElement("input", { name: "productionType", className: "block w-full p-2 border rounded mb-2", placeholder: "制作物の種類", __source: { fileName: "", lineNumber: 48, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("textarea", { name: "productionDetails", className: "block w-full p-2 border rounded mb-2", placeholder: "制作物の内容", __source: { fileName: "", lineNumber: 49, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("input", { name: "deliveryFormat", className: "block w-full p-2 border rounded mb-2", placeholder: "納品形式", __source: { fileName: "", lineNumber: 50, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 53, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-roboto text-lg text-[#121212] mb-2", __source: { fileName: "", lineNumber: 54, columnNumber: 13 }, __self: this }, "3. 制作スケジュール"), /*#__PURE__*/ React.createElement("textarea", { name: "productionSchedule", className: "block w-full p-2 border rounded mb-2", placeholder: "各工程のスケジュール", __source: { fileName: "", lineNumber: 55, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("input", { name: "deadline", className: "block w-full p-2 border rounded mb-2", placeholder: "納期", __source: { fileName: "", lineNumber: 56, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 59, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-roboto text-lg text-[#121212] mb-2", __source: { fileName: "", lineNumber: 60, columnNumber: 13 }, __self: this }, "4. 制作費用"), /*#__PURE__*/ React.createElement("textarea", { name: "costDetails", className: "block w-full p-2 border rounded mb-2", placeholder: "制作費用の内訳", __source: { fileName: "", lineNumber: 61, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("input", { name: "paymentMethod", className: "block w-full p-2 border rounded mb-2", placeholder: "支払い方法", __source: { fileName: "", lineNumber: 62, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 65, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-roboto text-lg text-[#121212] mb-2", __source: { fileName: "", lineNumber: 66, columnNumber: 13 }, __self: this }, "5. その他"), /*#__PURE__*/ React.createElement("textarea", { name: "additionalQuestions", className: "block w-full p-2 border rounded mb-2", placeholder: "質問事項", __source: { fileName: "", lineNumber: 67, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("textarea", { name: "notes", className: "block w-full p-2 border rounded mb-2", placeholder: "特記事項", __source: { fileName: "", lineNumber: 68, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 71, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "audioInput", className: "block mb-2 font-roboto text-lg text-[#121212]", __source: { fileName: "", lineNumber: 72, columnNumber: 13 }, __self: this }, "音声ファイル:"), /*#__PURE__*/ React.createElement("input", { id: "audioInput", type: "file", accept: "audio/*", onChange: handleAudioChange, __source: { fileName: "", lineNumber: 73, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full py-2 px-4 bg-[#010101] text-[#FFFFFF] font-roboto rounded", __source: { fileName: "", lineNumber: 76, columnNumber: 11 }, __self: this }, "送信"))); }