function MainComponent() { const [shareholders, setShareholders] = useState([]); const [fundingRounds, setFundingRounds] = useState([]); const [activeTab, setActiveTab] = useState("shareholders"); const [isModalOpen, setIsModalOpen] = useState(false); const [modalType, setModalType] = useState("shareholder"); const [editIndex, setEditIndex] = useState(null); const [quickActionMenu, setQuickActionMenu] = useState({ show: false, index: null }); const [metrics, setMetrics] = useState({ revenue: "", expenses: "", cashBalance: "", burnRate: "", runway: "", valuation: "" }); const [roundDetails, setRoundDetails] = useState({ name: "", date: "", pricePerShare: "", sharesIssued: "", preMoneyValuation: "", postMoneyValuation: "", investors: [] }); const [formData, setFormData] = useState({ name: "", type: "founder", shares: "", shareClass: "Common", pricePerShare: "", investmentAmount: "", roundId: "", vestingSchedule: { cliff: 12, total: 48, percentage: 100, startDate: "", acceleratedVesting: false }, dateIssued: "", liquidationPreference: 1, participatingPreference: false, exercisePrice: "", exerciseWindow: 90, earlyExercise: false, proRataRights: false, boardSeat: false, votingRights: true, notes: "" }); const [shareClasses, setShareClasses] = useState([ { name: "Common", liquidationPreference: 1, priority: 4, votingRights: true, convertible: false, antidilution: "none" }, { name: "Series A", liquidationPreference: 1.5, priority: 2, votingRights: true, convertible: true, antidilution: "broad-based", dividendRights: 0.08, participatingPreferred: true, participation: "capped", participationCap: 3 } ]); const [optionPool, setOptionPool] = useState({ size: 1000000, allocated: 0, remaining: 1000000, exercisePrice: 1.0, lastValuation: 10000000, reserveIncreaseHistory: [], grants: [] }); const handleSubmit = (e)=>{ e.preventDefault(); if (modalType === "shareholder") { const newShareholder = { ...formData, id: crypto.randomUUID(), value: Number(formData.shares) * Number(formData.pricePerShare), vestedShares: 0, exercisePrice: formData.shareClass === "Options" ? Number(formData.exercisePrice) : 0, vestingSchedule: { cliff: formData.vestingSchedule?.cliff || 0, total: formData.vestingSchedule?.total || 48, percentage: formData.vestingSchedule?.percentage || 100, startDate: formData.vestingSchedule?.startDate || formData.dateIssued, acceleratedVesting: formData.vestingSchedule?.acceleratedVesting || false }, historicalTransactions: [ { date: new Date().toISOString(), type: "initial_grant", shares: Number(formData.shares), pricePerShare: Number(formData.pricePerShare) } ] }; if (editIndex !== null) { const updatedShareholders = [ ...shareholders ]; newShareholder.historicalTransactions = [ ...updatedShareholders[editIndex].historicalTransactions, { date: new Date().toISOString(), type: "update", changes: getDifferences(updatedShareholders[editIndex], newShareholder) } ]; updatedShareholders[editIndex] = newShareholder; setShareholders(updatedShareholders); setEditIndex(null); } else { setShareholders([ ...shareholders, newShareholder ]); if (formData.shareClass === "Options") { setOptionPool((prev)=>({ ...prev, allocated: prev.allocated + Number(formData.shares), remaining: prev.remaining - Number(formData.shares), grants: [ ...prev.grants, { granteeId: newShareholder.id, shares: Number(formData.shares), exercisePrice: Number(formData.exercisePrice), dateGranted: formData.dateIssued } ] })); } if (formData.roundId) { setFundingRounds((prev)=>prev.map((round)=>{ if (round.id === formData.roundId) { return { ...round, participants: [ ...round.participants, { shareholderId: newShareholder.id, investment: Number(formData.investmentAmount), shares: Number(formData.shares) } ] }; } return round; })); } } } setFormData({ name: "", type: "founder", shares: "", shareClass: "Common", pricePerShare: "", investmentAmount: "", roundId: "", vestingSchedule: { cliff: 12, total: 48, percentage: 100, startDate: "", acceleratedVesting: false }, dateIssued: "", liquidationPreference: 1, participatingPreference: false, exercisePrice: "", exerciseWindow: 90, earlyExercise: false, proRataRights: false, boardSeat: false, votingRights: true, notes: "" }); setIsModalOpen(false); }; const getDifferences = (oldObj, newObj)=>{ const changes = {}; for (const [key, value] of Object.entries(newObj)){ if (JSON.stringify(oldObj[key]) !== JSON.stringify(value)) { changes[key] = { from: oldObj[key], to: value }; } } return changes; }; const calculateOwnership = ()=>{ const totalShares = shareholders.reduce((sum, s)=>sum + Number(s.shares), 0); return shareholders.map((s)=>({ ...s, ownership: Number(s.shares) / totalShares * 100 })); }; const modelDilution = (newShares)=>{ const currentShares = shareholders.reduce((sum, s)=>sum + Number(s.shares), 0); const newTotal = currentShares + Number(newShares); return shareholders.map((s)=>({ ...s, dilutedShares: Number(s.shares), dilutedOwnership: Number(s.shares) / newTotal * 100, dilution: (Number(s.shares) / currentShares - Number(s.shares) / newTotal) * 100 })); }; const generateCapTableReport = ()=>{ const ownership = calculateOwnership(); const byClass = groupBy(ownership, "shareClass"); const byType = groupBy(ownership, "type"); return { summary: { totalShares: ownership.reduce((sum, s)=>sum + Number(s.shares), 0), totalShareholders: ownership.length, shareClasses: Object.keys(byClass).length }, byShareClass: byClass, byType: byType, detailedOwnership: ownership }; }; const groupBy = (array, key)=>{ return array.reduce((result, item)=>({ ...result, [item[key]]: [ ...result[item[key]] || [], item ] }), {}); }; useEffect(()=>{ setShareholders([ { id: "1", name: "Sarah Chen", type: "founder", shares: 5000000, shareClass: "Common", pricePerShare: 0.001, dateIssued: "2023-01-01", vestingSchedule: { cliff: 12, total: 48, percentage: 100, startDate: "2023-01-01", acceleratedVesting: true } }, { id: "2", name: "Michael Rodriguez", type: "founder", shares: 5000000, shareClass: "Common", pricePerShare: 0.001, dateIssued: "2023-01-01", vestingSchedule: { cliff: 12, total: 48, percentage: 100, startDate: "2023-01-01", acceleratedVesting: true } }, { id: "3", name: "Acme Ventures", type: "investor", shares: 2000000, shareClass: "Series A", pricePerShare: 1.0, dateIssued: "2023-06-15" } ]); setOptionPool((prev)=>({ ...prev, grants: [ { granteeId: "4", shares: 100000, exercisePrice: 0.1, dateGranted: "2023-03-01", name: "Alex Kumar", vestingSchedule: { cliff: 12, total: 48, startDate: "2023-03-01" } }, { granteeId: "5", shares: 75000, exercisePrice: 0.1, dateGranted: "2023-04-15", name: "Emma Wilson", vestingSchedule: { cliff: 12, total: 48, startDate: "2023-04-15" } } ], allocated: 175000, remaining: 825000 })); setFundingRounds([ { id: "1", name: "Series A", date: "2023-06-15", pricePerShare: 1.0, sharesIssued: 2000000, preMoneyValuation: 10000000, postMoneyValuation: 12000000, participants: [ { shareholderId: "3", investment: 2000000, shares: 2000000 } ] } ]); setMetrics({ revenue: "250000", expenses: "180000", cashBalance: "1800000", burnRate: "180000", runway: "10", valuation: "12000000" }); }, []); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-br from-[#0f172a] to-[#1e293b]", __source: { fileName: "", lineNumber: 373, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "bg-gradient-to-br from-white/5 to-white/10 backdrop-blur-lg border-b border-white/10", __source: { fileName: "", lineNumber: 374, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", __source: { fileName: "", lineNumber: 375, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between h-16", __source: { fileName: "", lineNumber: 376, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex", __source: { fileName: "", lineNumber: 377, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-shrink-0 flex items-center", __source: { fileName: "", lineNumber: 378, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "text-xl font-bold text-white", __source: { fileName: "", lineNumber: 379, columnNumber: 17 }, __self: this }, "bl00p")), /*#__PURE__*/ React.createElement("div", { className: "hidden sm:ml-6 sm:flex sm:space-x-8", __source: { fileName: "", lineNumber: 383, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/dashboard", className: "text-gray-300 hover:text-white border-transparent hover:border-white/50 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium", __source: { fileName: "", lineNumber: 384, columnNumber: 17 }, __self: this }, "Dashboard"), /*#__PURE__*/ React.createElement("a", { href: "/cap-table", className: "text-white border-white inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium", __source: { fileName: "", lineNumber: 390, columnNumber: 17 }, __self: this }, "Cap Table"), /*#__PURE__*/ React.createElement("a", { href: "/data-room", className: "text-gray-300 hover:text-white border-transparent hover:border-white/50 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium", __source: { fileName: "", lineNumber: 396, columnNumber: 17 }, __self: this }, "Data Room"))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-4", __source: { fileName: "", lineNumber: 404, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "text-gray-300 hover:text-white", __source: { fileName: "", lineNumber: 405, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-bell", __source: { fileName: "", lineNumber: 406, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "text-gray-300 hover:text-white", __source: { fileName: "", lineNumber: 408, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user-circle", __source: { fileName: "", lineNumber: 409, columnNumber: 17 }, __self: this })))))), /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8", __source: { fileName: "", lineNumber: 416, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "bg-gradient-to-br from-white/5 to-white/10 backdrop-blur-lg rounded-lg border border-white/10 mb-8", __source: { fileName: "", lineNumber: 417, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", __source: { fileName: "", lineNumber: 418, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between h-16", __source: { fileName: "", lineNumber: 419, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex", __source: { fileName: "", lineNumber: 420, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-shrink-0 flex items-center", __source: { fileName: "", lineNumber: 421, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-2xl font-bold text-white", __source: { fileName: "", lineNumber: 422, columnNumber: 19 }, __self: this }, "Cap Table")), /*#__PURE__*/ React.createElement("div", { className: "hidden sm:ml-6 sm:flex sm:space-x-8", __source: { fileName: "", lineNumber: 426, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveTab("shareholders"), className: `${activeTab === "shareholders" ? "border-blue-500 text-white" : "border-transparent text-gray-300"} inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium`, __source: { fileName: "", lineNumber: 427, columnNumber: 19 }, __self: this }, "Shareholders"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveTab("esop"), className: `${activeTab === "esop" ? "border-blue-500 text-white" : "border-transparent text-gray-300"} inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium`, __source: { fileName: "", lineNumber: 433, columnNumber: 19 }, __self: this }, "ESOP"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveTab("rounds"), className: `${activeTab === "rounds" ? "border-blue-500 text-white" : "border-transparent text-gray-300"} inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium`, __source: { fileName: "", lineNumber: 439, columnNumber: 19 }, __self: this }, "Rounds"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveTab("metrics"), className: `${activeTab === "metrics" ? "border-blue-500 text-white" : "border-transparent text-gray-300"} inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium`, __source: { fileName: "", lineNumber: 445, columnNumber: 19 }, __self: this }, "Metrics"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveTab("dilution"), className: `${activeTab === "dilution" ? "border-blue-500 text-white" : "border-transparent text-gray-300"} inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium`, __source: { fileName: "", lineNumber: 451, columnNumber: 19 }, __self: this }, "Dilution"))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 459, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ setModalType("shareholder"); setIsModalOpen(true); }, className: "bg-blue-500 text-white px-4 py-2 rounded-lg hover:bg-blue-600 transition-colors shadow-lg shadow-blue-500/20", __source: { fileName: "", lineNumber: 460, columnNumber: 17 }, __self: this }, "Add Shareholder"))))), activeTab === "metrics" && /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow p-6", __source: { fileName: "", lineNumber: 475, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-4", __source: { fileName: "", lineNumber: 476, columnNumber: 13 }, __self: this }, "Financial Metrics"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-6", __source: { fileName: "", lineNumber: 477, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 478, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 479, columnNumber: 17 }, __self: this }, "Revenue (Monthly)"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "revenue", value: metrics.revenue, onChange: (e)=>setMetrics((prev)=>({ ...prev, revenue: e.target.value })), className: "mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500", __source: { fileName: "", lineNumber: 482, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 492, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 493, columnNumber: 17 }, __self: this }, "Expenses (Monthly)"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "expenses", value: metrics.expenses, onChange: (e)=>setMetrics((prev)=>({ ...prev, expenses: e.target.value })), className: "mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500", __source: { fileName: "", lineNumber: 496, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 509, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 510, columnNumber: 17 }, __self: this }, "Cash Balance"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "cashBalance", value: metrics.cashBalance, onChange: (e)=>setMetrics((prev)=>({ ...prev, cashBalance: e.target.value })), className: "mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500", __source: { fileName: "", lineNumber: 513, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 526, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 527, columnNumber: 17 }, __self: this }, "Burn Rate"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "burnRate", value: metrics.burnRate, onChange: (e)=>setMetrics((prev)=>({ ...prev, burnRate: e.target.value })), className: "mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500", __source: { fileName: "", lineNumber: 530, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 543, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 544, columnNumber: 17 }, __self: this }, "Runway (Months)"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "runway", value: metrics.runway, onChange: (e)=>setMetrics((prev)=>({ ...prev, runway: e.target.value })), className: "mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500", __source: { fileName: "", lineNumber: 547, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 557, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 558, columnNumber: 17 }, __self: this }, "Current Valuation"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "valuation", value: metrics.valuation, onChange: (e)=>setMetrics((prev)=>({ ...prev, valuation: e.target.value })), className: "mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500", __source: { fileName: "", lineNumber: 561, columnNumber: 17 }, __self: this })))), activeTab === "rounds" && /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow p-6", __source: { fileName: "", lineNumber: 579, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-4", __source: { fileName: "", lineNumber: 580, columnNumber: 13 }, __self: this }, "Funding Rounds"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 581, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 582, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 583, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 584, columnNumber: 19 }, __self: this }, "Round Name"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "roundName", value: roundDetails.name, onChange: (e)=>setRoundDetails((prev)=>({ ...prev, name: e.target.value })), className: "mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500", __source: { fileName: "", lineNumber: 587, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 600, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 601, columnNumber: 19 }, __self: this }, "Date"), /*#__PURE__*/ React.createElement("input", { type: "date", name: "roundDate", value: roundDetails.date, onChange: (e)=>setRoundDetails((prev)=>({ ...prev, date: e.target.value })), className: "mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500", __source: { fileName: "", lineNumber: 604, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 617, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 618, columnNumber: 19 }, __self: this }, "Price Per Share"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "pricePerShare", value: roundDetails.pricePerShare, onChange: (e)=>setRoundDetails((prev)=>({ ...prev, pricePerShare: e.target.value })), className: "mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500", __source: { fileName: "", lineNumber: 621, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 634, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 635, columnNumber: 19 }, __self: this }, "Shares Issued"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "sharesIssued", value: roundDetails.sharesIssued, onChange: (e)=>setRoundDetails((prev)=>({ ...prev, sharesIssued: e.target.value })), className: "mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500", __source: { fileName: "", lineNumber: 638, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 651, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 652, columnNumber: 19 }, __self: this }, "Pre-Money Valuation"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "preMoneyValuation", value: roundDetails.preMoneyValuation, onChange: (e)=>setRoundDetails((prev)=>({ ...prev, preMoneyValuation: e.target.value })), className: "mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500", __source: { fileName: "", lineNumber: 655, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 668, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 669, columnNumber: 19 }, __self: this }, "Post-Money Valuation"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "postMoneyValuation", value: roundDetails.postMoneyValuation, onChange: (e)=>setRoundDetails((prev)=>({ ...prev, postMoneyValuation: e.target.value })), className: "mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500", __source: { fileName: "", lineNumber: 672, columnNumber: 19 }, __self: this }))), /*#__PURE__*/ React.createElement("button", { className: "mt-4 bg-blue-600 text-white px-4 py-2 rounded-lg hover:bg-blue-700", __source: { fileName: "", lineNumber: 686, columnNumber: 15 }, __self: this }, "Add Round"))), activeTab === "shareholders" && /*#__PURE__*/ React.createElement("div", { className: "bg-white/5 backdrop-blur-lg rounded-lg p-6 border border-white/10", __source: { fileName: "", lineNumber: 694, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "overflow-x-auto", __source: { fileName: "", lineNumber: 695, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "inline-block min-w-full align-middle", __source: { fileName: "", lineNumber: 696, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "overflow-hidden shadow-sm ring-1 ring-white/10", __source: { fileName: "", lineNumber: 697, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("table", { className: "min-w-full divide-y divide-white/10", __source: { fileName: "", lineNumber: 698, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { className: "bg-white/5", __source: { fileName: "", lineNumber: 699, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 700, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("th", { scope: "col", className: "px-3 py-3.5 text-left text-sm font-semibold text-white", __source: { fileName: "", lineNumber: 701, columnNumber: 25 }, __self: this }, "Name"), /*#__PURE__*/ React.createElement("th", { scope: "col", className: "px-3 py-3.5 text-left text-sm font-semibold text-white", __source: { fileName: "", lineNumber: 707, columnNumber: 25 }, __self: this }, "Type"), /*#__PURE__*/ React.createElement("th", { scope: "col", className: "px-3 py-3.5 text-left text-sm font-semibold text-white", __source: { fileName: "", lineNumber: 713, columnNumber: 25 }, __self: this }, "Shares"), /*#__PURE__*/ React.createElement("th", { scope: "col", className: "px-3 py-3.5 text-left text-sm font-semibold text-white", __source: { fileName: "", lineNumber: 719, columnNumber: 25 }, __self: this }, "Class"), /*#__PURE__*/ React.createElement("th", { scope: "col", className: "px-3 py-3.5 text-left text-sm font-semibold text-white", __source: { fileName: "", lineNumber: 725, columnNumber: 25 }, __self: this }, "Price/Share"), /*#__PURE__*/ React.createElement("th", { scope: "col", className: "px-3 py-3.5 text-left text-sm font-semibold text-white", __source: { fileName: "", lineNumber: 731, columnNumber: 25 }, __self: this }, "Ownership %"))), /*#__PURE__*/ React.createElement("tbody", { className: "divide-y divide-white/10 bg-transparent", __source: { fileName: "", lineNumber: 739, columnNumber: 21 }, __self: this }, calculateOwnership().map((shareholder, index)=>/*#__PURE__*/ React.createElement("tr", { key: shareholder.id, className: "hover:bg-white/5", __source: { fileName: "", lineNumber: 741, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "whitespace-nowrap px-3 py-4 text-sm", __source: { fileName: "", lineNumber: 742, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", value: shareholder.name, onChange: (e)=>{ const updatedShareholders = [ ...shareholders ]; updatedShareholders[index].name = e.target.value; setShareholders(updatedShareholders); }, className: "bg-transparent text-white border-0 border-b border-transparent hover:border-white/20 focus:ring-0 focus:border-white/40 w-full", __source: { fileName: "", lineNumber: 743, columnNumber: 29 }, __self: this })), /*#__PURE__*/ React.createElement("td", { className: "whitespace-nowrap px-3 py-4 text-sm", __source: { fileName: "", lineNumber: 755, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("select", { value: shareholder.type, onChange: (e)=>{ const updatedShareholders = [ ...shareholders ]; updatedShareholders[index].type = e.target.value; setShareholders(updatedShareholders); }, className: "bg-transparent text-white border-0 border-b border-transparent hover:border-white/20 focus:ring-0 focus:border-white/40 w-full", __source: { fileName: "", lineNumber: 756, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "founder", className: "bg-gray-900", __source: { fileName: "", lineNumber: 766, columnNumber: 31 }, __self: this }, "Founder"), /*#__PURE__*/ React.createElement("option", { value: "investor", className: "bg-gray-900", __source: { fileName: "", lineNumber: 769, columnNumber: 31 }, __self: this }, "Investor"), /*#__PURE__*/ React.createElement("option", { value: "employee", className: "bg-gray-900", __source: { fileName: "", lineNumber: 772, columnNumber: 31 }, __self: this }, "Employee"), /*#__PURE__*/ React.createElement("option", { value: "advisor", className: "bg-gray-900", __source: { fileName: "", lineNumber: 775, columnNumber: 31 }, __self: this }, "Advisor"))), /*#__PURE__*/ React.createElement("td", { className: "whitespace-nowrap px-3 py-4 text-sm", __source: { fileName: "", lineNumber: 780, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "number", value: shareholder.shares, onChange: (e)=>{ const updatedShareholders = [ ...shareholders ]; updatedShareholders[index].shares = e.target.value; setShareholders(updatedShareholders); }, className: "bg-transparent text-white border-0 border-b border-transparent hover:border-white/20 focus:ring-0 focus:border-white/40 w-full", __source: { fileName: "", lineNumber: 781, columnNumber: 29 }, __self: this })), /*#__PURE__*/ React.createElement("td", { className: "whitespace-nowrap px-3 py-4 text-sm", __source: { fileName: "", lineNumber: 793, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("select", { value: shareholder.shareClass, onChange: (e)=>{ const updatedShareholders = [ ...shareholders ]; updatedShareholders[index].shareClass = e.target.value; setShareholders(updatedShareholders); }, className: "bg-transparent text-white border-0 border-b border-transparent hover:border-white/20 focus:ring-0 focus:border-white/40 w-full", __source: { fileName: "", lineNumber: 794, columnNumber: 29 }, __self: this }, shareClasses.map((sc)=>/*#__PURE__*/ React.createElement("option", { key: sc.name, value: sc.name, className: "bg-gray-900", __source: { fileName: "", lineNumber: 805, columnNumber: 33 }, __self: this }, sc.name)))), /*#__PURE__*/ React.createElement("td", { className: "whitespace-nowrap px-3 py-4 text-sm", __source: { fileName: "", lineNumber: 815, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "number", value: shareholder.pricePerShare, onChange: (e)=>{ const updatedShareholders = [ ...shareholders ]; updatedShareholders[index].pricePerShare = e.target.value; setShareholders(updatedShareholders); }, className: "bg-transparent text-white border-0 border-b border-transparent hover:border-white/20 focus:ring-0 focus:border-white/40 w-full", __source: { fileName: "", lineNumber: 816, columnNumber: 29 }, __self: this })), /*#__PURE__*/ React.createElement("td", { className: "whitespace-nowrap px-3 py-4 text-sm text-white", __source: { fileName: "", lineNumber: 828, columnNumber: 27 }, __self: this }, shareholder.ownership.toFixed(2), "%"))))))))), activeTab === "esop" && /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow p-6", __source: { fileName: "", lineNumber: 842, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 843, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-medium text-gray-900", __source: { fileName: "", lineNumber: 844, columnNumber: 15 }, __self: this }, "Option Pool Overview"), /*#__PURE__*/ React.createElement("div", { className: "mt-4 grid grid-cols-1 md:grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 847, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-gray-50 p-4 rounded-lg", __source: { fileName: "", lineNumber: 848, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 849, columnNumber: 19 }, __self: this }, "Total Pool Size"), /*#__PURE__*/ React.createElement("p", { className: "text-xl font-semibold", __source: { fileName: "", lineNumber: 850, columnNumber: 19 }, __self: this }, optionPool.size.toLocaleString())), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-50 p-4 rounded-lg", __source: { fileName: "", lineNumber: 854, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 855, columnNumber: 19 }, __self: this }, "Allocated"), /*#__PURE__*/ React.createElement("p", { className: "text-xl font-semibold", __source: { fileName: "", lineNumber: 856, columnNumber: 19 }, __self: this }, optionPool.allocated.toLocaleString())), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-50 p-4 rounded-lg", __source: { fileName: "", lineNumber: 860, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 861, columnNumber: 19 }, __self: this }, "Remaining"), /*#__PURE__*/ React.createElement("p", { className: "text-xl font-semibold", __source: { fileName: "", lineNumber: 862, columnNumber: 19 }, __self: this }, optionPool.remaining.toLocaleString())))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 869, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-medium text-gray-900 mb-4", __source: { fileName: "", lineNumber: 870, columnNumber: 15 }, __self: this }, "Option Grants"), /*#__PURE__*/ React.createElement("div", { className: "overflow-x-auto", __source: { fileName: "", lineNumber: 873, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("table", { className: "min-w-full divide-y divide-gray-200", __source: { fileName: "", lineNumber: 874, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { className: "bg-gray-50", __source: { fileName: "", lineNumber: 875, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 876, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", __source: { fileName: "", lineNumber: 877, columnNumber: 23 }, __self: this }, "Grantee"), /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", __source: { fileName: "", lineNumber: 880, columnNumber: 23 }, __self: this }, "Shares"), /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", __source: { fileName: "", lineNumber: 883, columnNumber: 23 }, __self: this }, "Exercise Price"), /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", __source: { fileName: "", lineNumber: 886, columnNumber: 23 }, __self: this }, "Grant Date"))), /*#__PURE__*/ React.createElement("tbody", { className: "bg-white divide-y divide-gray-200", __source: { fileName: "", lineNumber: 891, columnNumber: 19 }, __self: this }, optionPool.grants.map((grant)=>{ const shareholder = shareholders.find((s)=>s.id === grant.granteeId); return /*#__PURE__*/ React.createElement("tr", { key: grant.granteeId, __source: { fileName: "", lineNumber: 897, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900", __source: { fileName: "", lineNumber: 898, columnNumber: 27 }, __self: this }, shareholder?.name), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 whitespace-nowrap text-sm text-gray-500", __source: { fileName: "", lineNumber: 901, columnNumber: 27 }, __self: this }, grant.shares.toLocaleString()), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 whitespace-nowrap text-sm text-gray-500", __source: { fileName: "", lineNumber: 904, columnNumber: 27 }, __self: this }, "$", grant.exercisePrice), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 whitespace-nowrap text-sm text-gray-500", __source: { fileName: "", lineNumber: 907, columnNumber: 27 }, __self: this }, new Date(grant.dateGranted).toLocaleDateString())); })))))), activeTab === "dilution" && /*#__PURE__*/ React.createElement("div", { className: "bg-white/5 backdrop-blur-lg rounded-lg p-6 border border-white/10", __source: { fileName: "", lineNumber: 921, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-4 text-white", __source: { fileName: "", lineNumber: 922, columnNumber: 13 }, __self: this }, "Dilution Calculator"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", __source: { fileName: "", lineNumber: 925, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 926, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-300", __source: { fileName: "", lineNumber: 927, columnNumber: 17 }, __self: this }, "New Shares to Issue"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "newShares", onChange: (e)=>modelDilution(e.target.value), className: "mt-1 block w-full rounded-md bg-white/5 border-white/10 text-white placeholder-gray-400", placeholder: "Enter number of new shares", __source: { fileName: "", lineNumber: 930, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "overflow-x-auto", __source: { fileName: "", lineNumber: 938, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("table", { className: "min-w-full divide-y divide-white/10", __source: { fileName: "", lineNumber: 939, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { __source: { fileName: "", lineNumber: 940, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 941, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-300 uppercase", __source: { fileName: "", lineNumber: 942, columnNumber: 23 }, __self: this }, "Shareholder"), /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-300 uppercase", __source: { fileName: "", lineNumber: 945, columnNumber: 23 }, __self: this }, "Current %"), /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-300 uppercase", __source: { fileName: "", lineNumber: 948, columnNumber: 23 }, __self: this }, "Diluted %"), /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-300 uppercase", __source: { fileName: "", lineNumber: 951, columnNumber: 23 }, __self: this }, "Change"))), /*#__PURE__*/ React.createElement("tbody", { className: "divide-y divide-white/10", __source: { fileName: "", lineNumber: 956, columnNumber: 19 }, __self: this }, calculateOwnership().map((s)=>/*#__PURE__*/ React.createElement("tr", { key: s.id, __source: { fileName: "", lineNumber: 958, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 whitespace-nowrap text-sm text-white", __source: { fileName: "", lineNumber: 959, columnNumber: 25 }, __self: this }, s.name), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 whitespace-nowrap text-sm text-gray-300", __source: { fileName: "", lineNumber: 962, columnNumber: 25 }, __self: this }, s.ownership.toFixed(2), "%"), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 whitespace-nowrap text-sm text-gray-300", __source: { fileName: "", lineNumber: 965, columnNumber: 25 }, __self: this }, s.dilutedOwnership?.toFixed(2) || s.ownership.toFixed(2), "%"), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 whitespace-nowrap text-sm text-red-400", __source: { fileName: "", lineNumber: 970, columnNumber: 25 }, __self: this }, s.dilution ? s.dilution.toFixed(2) + "%" : "-")))))))), isModalOpen && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50", __source: { fileName: "", lineNumber: 983, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg p-6 max-w-lg w-full", __source: { fileName: "", lineNumber: 984, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-4", __source: { fileName: "", lineNumber: 985, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-medium text-gray-900", __source: { fileName: "", lineNumber: 986, columnNumber: 17 }, __self: this }, editIndex !== null ? "Edit" : "Add", " Shareholder"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setIsModalOpen(false), className: "text-gray-400 hover:text-gray-500", __source: { fileName: "", lineNumber: 989, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times", __source: { fileName: "", lineNumber: 993, columnNumber: 19 }, __self: this }))), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 997, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 998, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 999, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 1000, columnNumber: 21 }, __self: this }, "Name"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "name", value: formData.name, onChange: (e)=>setFormData((prev)=>({ ...prev, name: e.target.value })), className: "mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500", required: true, __source: { fileName: "", lineNumber: 1003, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1018, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 1019, columnNumber: 21 }, __self: this }, "Type"), /*#__PURE__*/ React.createElement("select", { name: "type", value: formData.type, onChange: (e)=>setFormData((prev)=>({ ...prev, type: e.target.value })), className: "mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500", __source: { fileName: "", lineNumber: 1022, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "founder", __source: { fileName: "", lineNumber: 1033, columnNumber: 23 }, __self: this }, "Founder"), /*#__PURE__*/ React.createElement("option", { value: "investor", __source: { fileName: "", lineNumber: 1034, columnNumber: 23 }, __self: this }, "Investor"), /*#__PURE__*/ React.createElement("option", { value: "employee", __source: { fileName: "", lineNumber: 1035, columnNumber: 23 }, __self: this }, "Employee"), /*#__PURE__*/ React.createElement("option", { value: "advisor", __source: { fileName: "", lineNumber: 1036, columnNumber: 23 }, __self: this }, "Advisor"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1040, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 1041, columnNumber: 21 }, __self: this }, "Share Class"), /*#__PURE__*/ React.createElement("select", { name: "shareClass", value: formData.shareClass, onChange: (e)=>setFormData((prev)=>({ ...prev, shareClass: e.target.value })), className: "mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500", __source: { fileName: "", lineNumber: 1044, columnNumber: 21 }, __self: this }, shareClasses.map((sc)=>/*#__PURE__*/ React.createElement("option", { key: sc.name, value: sc.name, __source: { fileName: "", lineNumber: 1056, columnNumber: 25 }, __self: this }, sc.name)), /*#__PURE__*/ React.createElement("option", { value: "Options", __source: { fileName: "", lineNumber: 1060, columnNumber: 23 }, __self: this }, "Options"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1064, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 1065, columnNumber: 21 }, __self: this }, "Number of Shares"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "shares", value: formData.shares, onChange: (e)=>setFormData((prev)=>({ ...prev, shares: e.target.value })), className: "mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500", required: true, __source: { fileName: "", lineNumber: 1068, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1083, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 1084, columnNumber: 21 }, __self: this }, "Price Per Share"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "pricePerShare", value: formData.pricePerShare, onChange: (e)=>setFormData((prev)=>({ ...prev, pricePerShare: e.target.value })), className: "mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500", required: true, __source: { fileName: "", lineNumber: 1087, columnNumber: 21 }, __self: this })), formData.shareClass === "Options" && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1103, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 1104, columnNumber: 23 }, __self: this }, "Exercise Price"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "exercisePrice", value: formData.exercisePrice, onChange: (e)=>setFormData((prev)=>({ ...prev, exercisePrice: e.target.value })), className: "mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500", required: true, __source: { fileName: "", lineNumber: 1107, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1123, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 1124, columnNumber: 21 }, __self: this }, "Date Issued"), /*#__PURE__*/ React.createElement("input", { type: "date", name: "dateIssued", value: formData.dateIssued, onChange: (e)=>setFormData((prev)=>({ ...prev, dateIssued: e.target.value })), className: "mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500", required: true, __source: { fileName: "", lineNumber: 1127, columnNumber: 21 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "mt-6 flex justify-end", __source: { fileName: "", lineNumber: 1143, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "button", onClick: ()=>setIsModalOpen(false), className: "mr-3 px-4 py-2 text-sm font-medium text-gray-700 hover:text-gray-500", __source: { fileName: "", lineNumber: 1144, columnNumber: 19 }, __self: this }, "Cancel"), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-blue-600 text-white px-4 py-2 rounded-lg hover:bg-blue-700", __source: { fileName: "", lineNumber: 1151, columnNumber: 19 }, __self: this }, editIndex !== null ? "Save Changes" : "Add Shareholder"))))))); }