From 6761100e4806480afb173788afbea99b5719a0d8 Mon Sep 17 00:00:00 2001
From: K1NGD4VID <adesanyafuhad5@gmail.com>
Date: Mon, 13 Jul 2026 08:07:09 +0100
Subject: [PATCH 1/3] fix(web): resolve named export in dynamic import of
 TransactionPending

Fixes TypeScript type error blocking `next build` on main. Same pattern as PR #379 for InvoiceForm.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 apps/web/app/lp/page.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/web/app/lp/page.tsx b/apps/web/app/lp/page.tsx
index aa9b299..8b582da 100644
--- a/apps/web/app/lp/page.tsx
+++ b/apps/web/app/lp/page.tsx
@@ -34,7 +34,7 @@ import { useQuery } from "@tanstack/react-query";
 import { getPoolSnapshots } from "@/lib/api";
 import { usePoolChartData } from "@/hooks/usePoolChartData";
 
-const TransactionPending = dynamic(() => import("@/components/shared/TransactionPending"), {
+const TransactionPending = dynamic(() => import("@/components/shared/TransactionPending").then((m) => m.TransactionPending), {
   ssr: false,
   loading: () => (
     <div className="fixed inset-0 flex items-center justify-center z-50 bg-black/50">

From da4ab8b8fbf29e10281cda5b846256979f913b57 Mon Sep 17 00:00:00 2001
From: K1NGD4VID <adesanyafuhad5@gmail.com>
Date: Mon, 13 Jul 2026 08:11:29 +0100
Subject: [PATCH 2/3] fix(web): use motion.path for animated line in
 lp/page.tsx

The <path> element was receiving framer-motion props (initial/animate/transition), causing a TypeScript type error against SVGProps<SVGPathElement>. Switching to <motion.path> makes the props type-compatible. Fixes `next build` on main.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 apps/web/app/lp/page.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/web/app/lp/page.tsx b/apps/web/app/lp/page.tsx
index 8b582da..8769150 100644
--- a/apps/web/app/lp/page.tsx
+++ b/apps/web/app/lp/page.tsx
@@ -477,7 +477,7 @@ export default function LPDashboard() {
                       <path d={chartLines.areaD} fill="url(#chartGlow)" />
 
                       {/* Line path */}
-                      <path
+                      <motion.path
                         d={chartLines.lineD}
                         fill="transparent"
                         stroke="#00d4aa"

From 61c98520e02404a9127985e4d5353e3f49edfafc Mon Sep 17 00:00:00 2001
From: K1NGD4VID <adesanyafuhad5@gmail.com>
Date: Mon, 13 Jul 2026 08:16:42 +0100
Subject: [PATCH 3/3] fix(web): resolve showRegModal TDZ in profile/page.tsx
 (#269)

useFocusTrap(showRegModal, ...) referenced showRegModal before its useState declaration. Moved the state hook above the useFocusTrap call to eliminate the temporal-dead-zone error blocking `next build`.

Partial fix for #269 (TDZ portion).

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 apps/web/app/profile/page.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/apps/web/app/profile/page.tsx b/apps/web/app/profile/page.tsx
index 79f19c1..c37b558 100644
--- a/apps/web/app/profile/page.tsx
+++ b/apps/web/app/profile/page.tsx
@@ -38,11 +38,12 @@ export default function ProfilePage() {
     registerError,
   } = useProfile();
 
+  // Registration Form States
+  const [showRegModal, setShowRegModal] = useState(false);
+
   // Modal Refs
   const modalRef = useFocusTrap<HTMLDivElement>(showRegModal, () => setShowRegModal(false));
 
-  // Registration Form States
-  const [showRegModal, setShowRegModal] = useState(false);
   const [regRole, setRegRole] = useState<"issuer" | "buyer">("issuer");
   const [companyName, setCompanyName] = useState("");
   const [taxId, setTaxId] = useState("");