function MainComponent() { const [accounts, setAccounts] = React.useState([]); const [selectedAccount, setSelectedAccount] = React.useState(''); const [transferDate, setTransferDate] = React.useState(''); const [aiOptimization, setAiOptimization] = React.useState(false); const [scheduledTransfers, setScheduledTransfers] = React.useState([]); const [accountNumber, setAccountNumber] = React.useState(''); const [destinationOptions, setDestinationOptions] = React.useState([]); const [selectedDestination, setSelectedDestination] = React.useState(''); React.useEffect(()=>{ const fetchAccounts = async ()=>{ try { const response = await fetch('/api/accounts'); const data = await response.json(); setAccounts(data); } catch (error) { console.error('Error fetching accounts:', error); } }; const fetchDestinationOptions = async ()=>{ try { const response = await fetch('/api/destination-options'); const data = await response.json(); setDestinationOptions(data); } catch (error) { console.error('Error fetching destination options:', error); } }; fetchAccounts(); fetchDestinationOptions(); }, []); const handleSubmit = async (e)=>{ e.preventDefault(); const newTransfer = { date: transferDate, amount: '$30,000,000', destination: selectedAccount, accountNumber: accountNumber, destinationOption: selectedDestination, status: 'Pending' }; try { const response = await fetch('/api/schedule-transfer', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ account: selectedAccount, accountNumber: accountNumber, date: transferDate, aiOptimization: aiOptimization, destinationOption: selectedDestination }) }); if (response.ok) { setScheduledTransfers([ ...scheduledTransfers, newTransfer ]); setSelectedAccount(''); setAccountNumber(''); setTransferDate(''); setAiOptimization(false); setSelectedDestination(''); } else { console.error('Failed to schedule transfer'); } } catch (error) { console.error('Error scheduling transfer:', error); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-100 font-roboto", __source: { fileName: "", lineNumber: 78, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-blue-600 text-white p-4", __source: { fileName: "", lineNumber: 79, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold", __source: { fileName: "", lineNumber: 80, columnNumber: 9 }, __self: this }, "AI Financial Transfer System")), /*#__PURE__*/ React.createElement("main", { className: "container mx-auto p-6", __source: { fileName: "", lineNumber: 82, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-md p-6", __source: { fileName: "", lineNumber: 83, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-4", __source: { fileName: "", lineNumber: 84, columnNumber: 11 }, __self: this }, "Recurring Monthly Transfer"), /*#__PURE__*/ React.createElement("form", { className: "space-y-4", onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 85, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 86, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "amount", className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 87, columnNumber: 15 }, __self: this }, "Transfer Amount"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "amount", name: "amount", value: "$30,000,000", readOnly: true, className: "mt-1 block w-full px-3 py-2 bg-gray-100 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500", __source: { fileName: "", lineNumber: 88, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 90, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "frequency", className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 91, columnNumber: 15 }, __self: this }, "Transfer Frequency"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "frequency", name: "frequency", value: "Monthly", readOnly: true, className: "mt-1 block w-full px-3 py-2 bg-gray-100 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500", __source: { fileName: "", lineNumber: 92, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 94, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "account", className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 95, columnNumber: 15 }, __self: this }, "Destination Account"), /*#__PURE__*/ React.createElement("select", { id: "account", name: "account", value: selectedAccount, onChange: (e)=>setSelectedAccount(e.target.value), className: "mt-1 block w-full px-3 py-2 bg-white border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500", __source: { fileName: "", lineNumber: 96, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 103, columnNumber: 17 }, __self: this }, "Select an account"), accounts.map((account, index)=>/*#__PURE__*/ React.createElement("option", { key: index, value: account, __source: { fileName: "", lineNumber: 105, columnNumber: 19 }, __self: this }, account)))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 109, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "accountNumber", className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 110, columnNumber: 15 }, __self: this }, "Account Number"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "accountNumber", name: "accountNumber", value: accountNumber, onChange: (e)=>setAccountNumber(e.target.value), className: "mt-1 block w-full px-3 py-2 bg-white border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500", placeholder: "Enter account number", __source: { fileName: "", lineNumber: 111, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 121, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "destinationOption", className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 122, columnNumber: 15 }, __self: this }, "Destination Option"), /*#__PURE__*/ React.createElement("select", { id: "destinationOption", name: "destinationOption", value: selectedDestination, onChange: (e)=>setSelectedDestination(e.target.value), className: "mt-1 block w-full px-3 py-2 bg-white border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500", __source: { fileName: "", lineNumber: 123, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 130, columnNumber: 17 }, __self: this }, "Select a destination option"), destinationOptions.map((option, index)=>/*#__PURE__*/ React.createElement("option", { key: index, value: option, __source: { fileName: "", lineNumber: 132, columnNumber: 19 }, __self: this }, option)))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 136, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "date", className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 137, columnNumber: 15 }, __self: this }, "Transfer Date"), /*#__PURE__*/ React.createElement("input", { type: "date", id: "date", name: "date", value: transferDate, onChange: (e)=>setTransferDate(e.target.value), className: "mt-1 block w-full px-3 py-2 bg-white border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500", __source: { fileName: "", lineNumber: 138, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 147, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { id: "ai-optimization", name: "ai-optimization", type: "checkbox", checked: aiOptimization, onChange: (e)=>setAiOptimization(e.target.checked), className: "h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded", __source: { fileName: "", lineNumber: 148, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("label", { htmlFor: "ai-optimization", className: "ml-2 block text-sm text-gray-900", __source: { fileName: "", lineNumber: 156, columnNumber: 15 }, __self: this }, "Enable AI optimization for transfer timing")), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full flex justify-center py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500", __source: { fileName: "", lineNumber: 158, columnNumber: 13 }, __self: this }, "Schedule Transfer"))), /*#__PURE__*/ React.createElement("div", { className: "mt-8 bg-white rounded-lg shadow-md p-6", __source: { fileName: "", lineNumber: 163, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-4", __source: { fileName: "", lineNumber: 164, columnNumber: 11 }, __self: this }, "Scheduled Transfers"), /*#__PURE__*/ React.createElement("table", { className: "min-w-full divide-y divide-gray-200", __source: { fileName: "", lineNumber: 165, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { className: "bg-gray-50", __source: { fileName: "", lineNumber: 166, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 167, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("th", { scope: "col", className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", __source: { fileName: "", lineNumber: 168, columnNumber: 17 }, __self: this }, "Date"), /*#__PURE__*/ React.createElement("th", { scope: "col", className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", __source: { fileName: "", lineNumber: 169, columnNumber: 17 }, __self: this }, "Amount"), /*#__PURE__*/ React.createElement("th", { scope: "col", className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", __source: { fileName: "", lineNumber: 170, columnNumber: 17 }, __self: this }, "Destination"), /*#__PURE__*/ React.createElement("th", { scope: "col", className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", __source: { fileName: "", lineNumber: 171, columnNumber: 17 }, __self: this }, "Account Number"), /*#__PURE__*/ React.createElement("th", { scope: "col", className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", __source: { fileName: "", lineNumber: 172, columnNumber: 17 }, __self: this }, "Destination Option"), /*#__PURE__*/ React.createElement("th", { scope: "col", className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", __source: { fileName: "", lineNumber: 173, columnNumber: 17 }, __self: this }, "Status"))), /*#__PURE__*/ React.createElement("tbody", { className: "bg-white divide-y divide-gray-200", __source: { fileName: "", lineNumber: 176, columnNumber: 13 }, __self: this }, scheduledTransfers.map((transfer, index)=>/*#__PURE__*/ React.createElement("tr", { key: index, __source: { fileName: "", lineNumber: 178, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 whitespace-nowrap text-sm text-gray-500", __source: { fileName: "", lineNumber: 179, columnNumber: 19 }, __self: this }, transfer.date), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 whitespace-nowrap text-sm text-gray-500", __source: { fileName: "", lineNumber: 180, columnNumber: 19 }, __self: this }, transfer.amount), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 whitespace-nowrap text-sm text-gray-500", __source: { fileName: "", lineNumber: 181, columnNumber: 19 }, __self: this }, transfer.destination), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 whitespace-nowrap text-sm text-gray-500", __source: { fileName: "", lineNumber: 182, columnNumber: 19 }, __self: this }, transfer.accountNumber), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 whitespace-nowrap text-sm text-gray-500", __source: { fileName: "", lineNumber: 183, columnNumber: 19 }, __self: this }, transfer.destinationOption), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 whitespace-nowrap text-sm text-gray-500", __source: { fileName: "", lineNumber: 184, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: `px-2 inline-flex text-xs leading-5 font-semibold rounded-full ${transfer.status === 'Completed' ? 'bg-green-100 text-green-800' : 'bg-yellow-100 text-yellow-800'}`, __source: { fileName: "", lineNumber: 185, columnNumber: 21 }, __self: this }, transfer.status))))))))); }