@wealthx/shadcn 1.2.2 → 1.3.1

package/dist/chunk-4GAWMKMI.mjs

@@ -0,0 +1,710 @@
+import {
+  EditAboutApplicantModal,
+  EditAssetsModal,
+  EditDebtsModal,
+  EditExpensesModal,
+  EditIncomeModal,
+  EditLoanScenarioModal,
+  PROPERTY_ASSET_TYPES
+} from "./chunk-IAE3F7DR.mjs";
+import {
+  AboutCard,
+  DebtCard,
+  ExpensesCard,
+  IncomeCard,
+  PropertyCard
+} from "./chunk-IOJRDS6V.mjs";
+import {
+  FinancialDetailField,
+  FinancialLineItem,
+  FinancialSectionLabel,
+  FinancialSubtotalBlock,
+  FinancialSubtotalFrame
+} from "./chunk-OGOYQ7BG.mjs";
+import {
+  formatCurrency
+} from "./chunk-MN5NYQCL.mjs";
+import {
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger
+} from "./chunk-JHJHG4GO.mjs";
+import {
+  Button
+} from "./chunk-XREGSKX3.mjs";
+import {
+  cn
+} from "./chunk-VLQZANBF.mjs";
+import {
+  __spreadProps,
+  __spreadValues
+} from "./chunk-FWCSY2DS.mjs";
+
+// src/components/ui/opportunity-summary-tab.tsx
+import { useState } from "react";
+import { ChevronDown, ChevronUp, Mail, Pencil, Phone } from "lucide-react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function toMonthly(amount, freq) {
+  return freq === "Monthly" ? amount : amount * 52 / 12;
+}
+function assetToPropertyCard(item) {
+  return {
+    address: item.address || item.assetType,
+    type: item.usedAs,
+    estimated: formatCurrency(item.value),
+    isLinkedToBank: false
+  };
+}
+function debtToCard(debt) {
+  return {
+    lenderName: debt.lender || debt.debtType,
+    currentLoanAmount: formatCurrency(debt.amountOwing),
+    interestRate: debt.interestRate ? `${debt.interestRate}% p.a.` : void 0,
+    originalLoanAmount: debt.originalLoanAmount ? formatCurrency(debt.originalLoanAmount) : void 0,
+    monthlyRepayments: debt.repaymentAmount ? `${formatCurrency(debt.repaymentAmount)} / ${debt.repaymentFrequency}` : void 0
+  };
+}
+function lvrColorClass(pct) {
+  if (pct <= 0) return "text-muted-foreground";
+  if (pct < 80) return "text-emerald-600";
+  if (pct < 90) return "text-amber-600";
+  return "text-destructive";
+}
+function serviceabilityInfo(surplus) {
+  if (surplus > 1500)
+    return {
+      label: "Likely Serviceable",
+      badgeClass: "bg-emerald-50 text-emerald-700 border border-emerald-200"
+    };
+  if (surplus > 0)
+    return {
+      label: "Borderline",
+      badgeClass: "bg-amber-50 text-amber-700 border border-amber-200"
+    };
+  return {
+    label: "At Risk",
+    badgeClass: "bg-red-50 text-destructive border border-red-200"
+  };
+}
+function SectionEditButton({
+  onClick,
+  title = "Edit"
+}) {
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      type: "button",
+      variant: "ghost",
+      size: "icon",
+      className: "size-6 shrink-0 text-muted-foreground hover:text-foreground",
+      onClick: (e) => {
+        e.stopPropagation();
+        onClick();
+      },
+      "aria-label": title,
+      title,
+      children: /* @__PURE__ */ jsx(Pencil, { className: "size-3.5" })
+    }
+  );
+}
+function HeroBand({
+  mainAbout,
+  coAbout,
+  isJoint,
+  loanAmount,
+  propertyEstimate,
+  cashEquity,
+  netSurplus
+}) {
+  const lvrPct = propertyEstimate > 0 ? loanAmount / propertyEstimate * 100 : 0;
+  const svc = serviceabilityInfo(netSurplus);
+  const mainName = [mainAbout.firstName, mainAbout.lastName].filter(Boolean).join(" ") || "Main Applicant";
+  const coName = coAbout ? [coAbout.firstName, coAbout.lastName].filter(Boolean).join(" ") : "";
+  const surplusAbs = Math.abs(Math.round(netSurplus));
+  const surplusDisplay = `${netSurplus >= 0 ? "+" : "-"}${formatCurrency(surplusAbs)}`;
+  return /* @__PURE__ */ jsxs("div", { className: "mb-4 border border-border bg-muted/40", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-4 px-4 py-3", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0.5", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-foreground", children: mainName }),
+        isJoint && coName && /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground", children: [
+          "+ ",
+          coName,
+          " \xB7 Joint Application"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+        mainAbout.phone && /* @__PURE__ */ jsx(
+          "a",
+          {
+            href: `tel:${mainAbout.phone}`,
+            className: "inline-flex size-7 items-center justify-center text-muted-foreground hover:text-foreground",
+            title: `Call: ${mainAbout.phone}`,
+            children: /* @__PURE__ */ jsx(Phone, { className: "size-3.5" })
+          }
+        ),
+        mainAbout.email && /* @__PURE__ */ jsx(
+          "a",
+          {
+            href: `mailto:${mainAbout.email}`,
+            className: "inline-flex size-7 items-center justify-center text-muted-foreground hover:text-foreground",
+            title: `Email: ${mainAbout.email}`,
+            children: /* @__PURE__ */ jsx(Mail, { className: "size-3.5" })
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-4 divide-x divide-border border-t border-border", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col px-4 py-2.5", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-xs uppercase tracking-wide text-muted-foreground", children: "Loan Amount" }),
+        /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold text-foreground", children: formatCurrency(loanAmount) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col px-4 py-2.5", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-xs uppercase tracking-wide text-muted-foreground", children: "Property" }),
+        /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold text-foreground", children: propertyEstimate > 0 ? formatCurrency(propertyEstimate) : "\u2014" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col px-4 py-2.5", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-xs uppercase tracking-wide text-muted-foreground", children: "LVR" }),
+        /* @__PURE__ */ jsx("span", { className: cn("text-sm font-semibold", lvrColorClass(lvrPct)), children: lvrPct > 0 ? `${lvrPct.toFixed(1)}%` : "\u2014" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col px-4 py-2.5", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-xs uppercase tracking-wide text-muted-foreground", children: "Cash / Deposit" }),
+        /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold text-foreground", children: formatCurrency(cashEquity) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between border-t border-border px-4 py-2.5", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0.5", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-xs uppercase tracking-wide text-muted-foreground", children: "Net Surplus / Month" }),
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: cn(
+              "text-sm font-semibold",
+              netSurplus >= 0 ? "text-emerald-600" : "text-destructive"
+            ),
+            children: surplusDisplay
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: cn("px-2.5 py-1 text-xs font-medium", svc.badgeClass), children: svc.label })
+    ] })
+  ] });
+}
+function ApplicantCardTab({
+  about,
+  income,
+  expenses,
+  onEditAbout,
+  onEditIncome,
+  onEditExpenses
+}) {
+  const totalMonthlyIncome = formatCurrency(
+    income.items.reduce(
+      (sum, i) => sum + toMonthly(i.incomeAmount, i.frequency),
+      0
+    )
+  );
+  const totalMonthlyExpenses = formatCurrency(
+    expenses.items.reduce(
+      (sum, e) => sum + toMonthly(e.amount, e.frequency),
+      0
+    )
+  );
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 py-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsx(FinancialSectionLabel, { children: "About" }),
+        /* @__PURE__ */ jsx(SectionEditButton, { onClick: onEditAbout, title: "Edit About" })
+      ] }),
+      /* @__PURE__ */ jsx(
+        AboutCard,
+        {
+          title: about.title,
+          firstName: about.firstName,
+          lastName: about.lastName,
+          phone: about.phone,
+          email: about.email,
+          dob: about.dob,
+          gender: about.gender,
+          maritalStatus: about.maritalStatus,
+          numDependants: about.numDependants,
+          citizenStatus: about.citizenStatus,
+          residentialAddress: about.residentialAddress,
+          residentialStatus: about.residentialStatus,
+          timeAtAddressYears: about.timeAtAddressYears,
+          timeAtAddressMonths: about.timeAtAddressMonths,
+          driversLicence: about.driversLicence,
+          passport: about.passport,
+          propertyInTrust: about.propertyInTrust,
+          companyOwnership: about.companyOwnership
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsx(FinancialSectionLabel, { children: "Income" }),
+        /* @__PURE__ */ jsx(SectionEditButton, { onClick: onEditIncome, title: "Edit Income" })
+      ] }),
+      /* @__PURE__ */ jsx(
+        IncomeCard,
+        {
+          items: income.items.map((i) => ({
+            incomeType: i.incomeType,
+            jobTitle: i.jobTitle,
+            companyName: i.companyName,
+            companyAddress: i.companyAddress,
+            startDate: i.startDate,
+            stillInPosition: i.stillInPosition,
+            endDate: i.endDate,
+            companyType: i.companyType,
+            amountLabel: `${formatCurrency(i.incomeAmount)} / ${i.frequency}`
+          })),
+          totalMonthly: totalMonthlyIncome
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsx(FinancialSectionLabel, { children: "Expenses" }),
+        /* @__PURE__ */ jsx(SectionEditButton, { onClick: onEditExpenses, title: "Edit Expenses" })
+      ] }),
+      /* @__PURE__ */ jsx(
+        ExpensesCard,
+        {
+          items: expenses.items.map((e) => ({
+            expenseType: e.expenseType,
+            amountLabel: `${formatCurrency(e.amount)} / ${e.frequency}`
+          })),
+          totalMonthly: totalMonthlyExpenses
+        }
+      )
+    ] })
+  ] });
+}
+function OpportunitySummaryTab({
+  isJoint = false,
+  loanScenario,
+  onLoanScenarioChange,
+  assets,
+  onAssetsChange,
+  debts,
+  onDebtsChange,
+  mainAbout,
+  onMainAboutChange,
+  mainIncome,
+  onMainIncomeChange,
+  mainExpenses,
+  onMainExpensesChange,
+  coAbout,
+  onCoAboutChange,
+  coIncome,
+  onCoIncomeChange,
+  coExpenses,
+  onCoExpensesChange
+}) {
+  var _a, _b;
+  const [portalEl, setPortalEl] = useState(null);
+  const [summarySubTab, setSummarySubTab] = useState(
+    "joint"
+  );
+  const [loanScenarioExpanded, setLoanScenarioExpanded] = useState(true);
+  const [editLoanOpen, setEditLoanOpen] = useState(false);
+  const [editAssetsOpen, setEditAssetsOpen] = useState(false);
+  const [editDebtsOpen, setEditDebtsOpen] = useState(false);
+  const [editMainAboutOpen, setEditMainAboutOpen] = useState(false);
+  const [editCoAboutOpen, setEditCoAboutOpen] = useState(false);
+  const [editMainIncomeOpen, setEditMainIncomeOpen] = useState(false);
+  const [editCoIncomeOpen, setEditCoIncomeOpen] = useState(false);
+  const [editMainExpensesOpen, setEditMainExpensesOpen] = useState(false);
+  const [editCoExpensesOpen, setEditCoExpensesOpen] = useState(false);
+  const totalAssetsAmount = assets.reduce((sum, a) => sum + a.value, 0);
+  const totalDebtsAmount = debts.reduce((sum, d) => sum + d.amountOwing, 0);
+  const totalAssets = formatCurrency(totalAssetsAmount);
+  const totalDebts = formatCurrency(totalDebtsAmount);
+  const allIncomeItems = [...mainIncome.items, ...(_a = coIncome == null ? void 0 : coIncome.items) != null ? _a : []];
+  const allExpenseItems = [...mainExpenses.items, ...(_b = coExpenses == null ? void 0 : coExpenses.items) != null ? _b : []];
+  const combinedMonthlyIncome = allIncomeItems.reduce(
+    (sum, i) => sum + toMonthly(i.incomeAmount, i.frequency),
+    0
+  );
+  const combinedMonthlyExpenses = allExpenseItems.reduce(
+    (sum, e) => sum + toMonthly(e.amount, e.frequency),
+    0
+  );
+  const netSurplus = combinedMonthlyIncome - combinedMonthlyExpenses;
+  const mainName = [mainAbout.firstName, mainAbout.lastName].filter(Boolean).join(" ");
+  const coName = coAbout ? [coAbout.firstName, coAbout.lastName].filter(Boolean).join(" ") : "Co-Applicant";
+  const propertyCards = assets.filter((a) => PROPERTY_ASSET_TYPES.has(a.assetType)).map(assetToPropertyCard);
+  const anyModalOpen = editLoanOpen || editAssetsOpen || editDebtsOpen || editMainAboutOpen || editCoAboutOpen || editMainIncomeOpen || editCoIncomeOpen || editMainExpensesOpen || editCoExpensesOpen;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      HeroBand,
+      {
+        mainAbout,
+        coAbout,
+        isJoint,
+        loanAmount: loanScenario.loanAmount,
+        propertyEstimate: loanScenario.propertyEstimate,
+        cashEquity: loanScenario.cashEquity,
+        netSurplus
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "mb-4 border border-border", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-4 py-2.5", children: [
+        /* @__PURE__ */ jsxs(
+          Button,
+          {
+            type: "button",
+            variant: "ghost",
+            className: "h-auto flex-1 justify-start gap-2 px-0 text-left",
+            onClick: () => setLoanScenarioExpanded((v) => !v),
+            "aria-expanded": loanScenarioExpanded,
+            children: [
+              /* @__PURE__ */ jsx(FinancialSectionLabel, { children: "Loan Scenario" }),
+              loanScenarioExpanded ? /* @__PURE__ */ jsx(ChevronUp, { className: "size-3.5 text-muted-foreground" }) : /* @__PURE__ */ jsx(ChevronDown, { className: "size-3.5 text-muted-foreground" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          SectionEditButton,
+          {
+            onClick: () => setEditLoanOpen(true),
+            title: "Edit Loan Scenario"
+          }
+        )
+      ] }),
+      loanScenarioExpanded && /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-4 gap-x-6 gap-y-4 border-t border-border p-4", children: [
+        /* @__PURE__ */ jsx(FinancialDetailField, { label: "Lending Type", value: "Home Loan" }),
+        /* @__PURE__ */ jsx(
+          FinancialDetailField,
+          {
+            label: "Purpose of Loan",
+            value: loanScenario.loanPurpose
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          FinancialDetailField,
+          {
+            label: "Loan Amount",
+            value: formatCurrency(loanScenario.loanAmount)
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          FinancialDetailField,
+          {
+            label: "Property Estimate",
+            value: formatCurrency(loanScenario.propertyEstimate)
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          FinancialDetailField,
+          {
+            label: "Cash / Deposit",
+            value: formatCurrency(loanScenario.cashEquity)
+          }
+        ),
+        /* @__PURE__ */ jsx(FinancialDetailField, { label: "Property Address", value: "\u2014" }),
+        /* @__PURE__ */ jsx(
+          FinancialDetailField,
+          {
+            label: "Duration",
+            value: `${loanScenario.loanDuration} years`
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          FinancialDetailField,
+          {
+            label: "Important Features",
+            value: [
+              loanScenario.featureVariableRate && "Variable Rate",
+              loanScenario.featureFixedRate && "Fixed Rate",
+              loanScenario.featureRedrawFacility && "Redraw Facility",
+              loanScenario.feature100Offset && "100% Offset",
+              loanScenario.featureSplitLoan && "Split Loan",
+              loanScenario.featureInterestOnly && "Interest Only"
+            ].filter(Boolean).join(", ") || "\u2014"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          FinancialDetailField,
+          {
+            label: "Top Priorities",
+            value: loanScenario.priorities.join(", ") || "\u2014"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(
+      Tabs,
+      {
+        value: summarySubTab,
+        onValueChange: (v) => setSummarySubTab(v),
+        className: "pb-6",
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "sticky top-0 z-10 bg-background pb-1 pt-2", children: /* @__PURE__ */ jsxs(TabsList, { className: "w-full", children: [
+            /* @__PURE__ */ jsx(TabsTrigger, { value: "joint", children: "Joint" }),
+            /* @__PURE__ */ jsx(TabsTrigger, { value: "main", children: mainName }),
+            isJoint && /* @__PURE__ */ jsx(TabsTrigger, { value: "co", children: coName })
+          ] }) }),
+          /* @__PURE__ */ jsxs(TabsContent, { value: "joint", className: "flex flex-col gap-4 pb-6 pt-4", children: [
+            /* @__PURE__ */ jsxs("div", { className: "border border-border", children: [
+              /* @__PURE__ */ jsx("div", { className: "px-4 py-2.5", children: /* @__PURE__ */ jsx(FinancialSectionLabel, { children: "Financial Overview" }) }),
+              /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 divide-x divide-border border-t border-border", children: [
+                /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+                  /* @__PURE__ */ jsx("div", { className: "px-4 pb-2 pt-3", children: /* @__PURE__ */ jsx(FinancialSectionLabel, { children: "Cashflow" }) }),
+                  /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col px-4 pb-4", children: [
+                    /* @__PURE__ */ jsx(
+                      FinancialLineItem,
+                      {
+                        label: "Monthly Income",
+                        value: formatCurrency(Math.round(combinedMonthlyIncome))
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      FinancialLineItem,
+                      {
+                        label: "Monthly Expenses",
+                        value: formatCurrency(Math.round(combinedMonthlyExpenses)),
+                        destructive: true
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ jsx(FinancialSubtotalFrame, { children: /* @__PURE__ */ jsx(
+                    FinancialSubtotalBlock,
+                    {
+                      monthlyAverage: formatCurrency(
+                        Math.abs(Math.round(netSurplus))
+                      ),
+                      label: netSurplus < 0 ? "Net Deficit" : "Net Surplus"
+                    }
+                  ) })
+                ] }),
+                /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+                  /* @__PURE__ */ jsx("div", { className: "px-4 pb-2 pt-3", children: /* @__PURE__ */ jsx(FinancialSectionLabel, { children: "Balance Sheet" }) }),
+                  /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col px-4 pb-4", children: [
+                    /* @__PURE__ */ jsx(FinancialLineItem, { label: "Total Assets", value: totalAssets }),
+                    /* @__PURE__ */ jsx(
+                      FinancialLineItem,
+                      {
+                        label: "Total Liabilities",
+                        value: totalDebts,
+                        destructive: true
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ jsx(FinancialSubtotalFrame, { children: /* @__PURE__ */ jsx(
+                    FinancialSubtotalBlock,
+                    {
+                      monthlyAverage: formatCurrency(
+                        Math.abs(
+                          Math.round(totalAssetsAmount - totalDebtsAmount)
+                        )
+                      ),
+                      label: totalAssetsAmount < totalDebtsAmount ? "Net Deficit" : "Net Position"
+                    }
+                  ) })
+                ] })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "border border-border", children: [
+              /* @__PURE__ */ jsx("div", { className: "px-4 py-2.5", children: /* @__PURE__ */ jsx(FinancialSectionLabel, { children: "Documents" }) }),
+              /* @__PURE__ */ jsx("div", { className: "p-4", children: /* @__PURE__ */ jsx("p", { className: "text-body-small text-muted-foreground", children: "No documents uploaded yet." }) })
+            ] }),
+            propertyCards.length > 0 && /* @__PURE__ */ jsxs("div", { className: "border border-border", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-4 py-2.5", children: [
+                /* @__PURE__ */ jsx(FinancialSectionLabel, { children: "Property Holdings" }),
+                /* @__PURE__ */ jsx(
+                  SectionEditButton,
+                  {
+                    onClick: () => setEditAssetsOpen(true),
+                    title: "Edit Assets"
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: cn(
+                    "grid divide-x divide-border border-t border-border",
+                    propertyCards.length === 1 ? "grid-cols-1" : propertyCards.length === 2 ? "grid-cols-2" : "grid-cols-3"
+                  ),
+                  children: propertyCards.map((card, i) => /* @__PURE__ */ jsx("div", { className: "p-4", children: /* @__PURE__ */ jsx(PropertyCard, __spreadProps(__spreadValues({}, card), { borderless: true })) }, card.address + i))
+                }
+              )
+            ] }),
+            debts.length > 0 && /* @__PURE__ */ jsxs("div", { className: "border border-border", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-4 py-2.5", children: [
+                /* @__PURE__ */ jsx(FinancialSectionLabel, { children: "Mortgages & Loans" }),
+                /* @__PURE__ */ jsx(
+                  SectionEditButton,
+                  {
+                    onClick: () => setEditDebtsOpen(true),
+                    title: "Edit Debts"
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-3 p-4", children: debts.map((debt) => /* @__PURE__ */ jsx(DebtCard, __spreadValues({}, debtToCard(debt)), debt.id)) })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx(TabsContent, { value: "main", children: /* @__PURE__ */ jsx(
+            ApplicantCardTab,
+            {
+              about: mainAbout,
+              income: mainIncome,
+              expenses: mainExpenses,
+              onEditAbout: () => setEditMainAboutOpen(true),
+              onEditIncome: () => setEditMainIncomeOpen(true),
+              onEditExpenses: () => setEditMainExpensesOpen(true)
+            }
+          ) }),
+          isJoint && coAbout && coIncome && coExpenses && /* @__PURE__ */ jsx(TabsContent, { value: "co", children: /* @__PURE__ */ jsx(
+            ApplicantCardTab,
+            {
+              about: coAbout,
+              income: coIncome,
+              expenses: coExpenses,
+              onEditAbout: () => setEditCoAboutOpen(true),
+              onEditIncome: () => setEditCoIncomeOpen(true),
+              onEditExpenses: () => setEditCoExpensesOpen(true)
+            }
+          ) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      EditLoanScenarioModal,
+      {
+        open: editLoanOpen,
+        onOpenChange: setEditLoanOpen,
+        initialData: loanScenario,
+        container: portalEl,
+        onSave: (data) => {
+          onLoanScenarioChange == null ? void 0 : onLoanScenarioChange(data);
+          setEditLoanOpen(false);
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      EditAssetsModal,
+      {
+        open: editAssetsOpen,
+        onOpenChange: setEditAssetsOpen,
+        initialItems: assets,
+        container: portalEl,
+        onSave: (items) => {
+          onAssetsChange == null ? void 0 : onAssetsChange(items);
+          setEditAssetsOpen(false);
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      EditDebtsModal,
+      {
+        open: editDebtsOpen,
+        onOpenChange: setEditDebtsOpen,
+        initialItems: debts,
+        container: portalEl,
+        onSave: (items) => {
+          onDebtsChange == null ? void 0 : onDebtsChange(items);
+          setEditDebtsOpen(false);
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      EditAboutApplicantModal,
+      {
+        open: editMainAboutOpen,
+        onOpenChange: setEditMainAboutOpen,
+        applicantLabel: "Main Applicant",
+        initialData: mainAbout,
+        container: portalEl,
+        onSave: (data) => {
+          onMainAboutChange == null ? void 0 : onMainAboutChange(data);
+          setEditMainAboutOpen(false);
+        }
+      }
+    ),
+    coAbout && /* @__PURE__ */ jsx(
+      EditAboutApplicantModal,
+      {
+        open: editCoAboutOpen,
+        onOpenChange: setEditCoAboutOpen,
+        applicantLabel: "Co-Applicant",
+        initialData: coAbout,
+        container: portalEl,
+        onSave: (data) => {
+          onCoAboutChange == null ? void 0 : onCoAboutChange(data);
+          setEditCoAboutOpen(false);
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      EditIncomeModal,
+      {
+        open: editMainIncomeOpen,
+        onOpenChange: setEditMainIncomeOpen,
+        applicantLabel: "Main Applicant",
+        initialData: mainIncome,
+        container: portalEl,
+        onSave: (data) => {
+          onMainIncomeChange == null ? void 0 : onMainIncomeChange(data);
+          setEditMainIncomeOpen(false);
+        }
+      }
+    ),
+    coIncome && /* @__PURE__ */ jsx(
+      EditIncomeModal,
+      {
+        open: editCoIncomeOpen,
+        onOpenChange: setEditCoIncomeOpen,
+        applicantLabel: "Co-Applicant",
+        initialData: coIncome,
+        container: portalEl,
+        onSave: (data) => {
+          onCoIncomeChange == null ? void 0 : onCoIncomeChange(data);
+          setEditCoIncomeOpen(false);
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      EditExpensesModal,
+      {
+        open: editMainExpensesOpen,
+        onOpenChange: setEditMainExpensesOpen,
+        applicantLabel: "Main Applicant",
+        initialData: mainExpenses,
+        container: portalEl,
+        onSave: (data) => {
+          onMainExpensesChange == null ? void 0 : onMainExpensesChange(data);
+          setEditMainExpensesOpen(false);
+        }
+      }
+    ),
+    coExpenses && /* @__PURE__ */ jsx(
+      EditExpensesModal,
+      {
+        open: editCoExpensesOpen,
+        onOpenChange: setEditCoExpensesOpen,
+        applicantLabel: "Co-Applicant",
+        initialData: coExpenses,
+        container: portalEl,
+        onSave: (data) => {
+          onCoExpensesChange == null ? void 0 : onCoExpensesChange(data);
+          setEditCoExpensesOpen(false);
+        }
+      }
+    ),
+    anyModalOpen && /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "fixed inset-0 z-[49] bg-foreground/50",
+        "aria-hidden": "true"
+      }
+    ),
+    /* @__PURE__ */ jsx("div", { ref: setPortalEl, "data-shadcn-scope": "" })
+  ] });
+}
+
+export {
+  OpportunitySummaryTab
+};