From 9875270bcfee6a46ea0793013abd20d1fda23a03 Mon Sep 17 00:00:00 2001
From: Daveed <daveed@santocabron.com>
Date: Sat, 4 Jan 2025 22:51:44 -0500
Subject: [PATCH] fixed the receipt

---
 src/pages/receipt.astro   | 12 +++++++++---
 src/scripts/ui.receipt.ts | 11 ++++++++---
 2 files changed, 17 insertions(+), 6 deletions(-)

diff --git a/src/pages/receipt.astro b/src/pages/receipt.astro
index 98340c1..acac2bc 100644
--- a/src/pages/receipt.astro
+++ b/src/pages/receipt.astro
@@ -73,20 +73,26 @@ const store = stores?.find(
             Order Summary
           </h3>
           <p class="mb-2 text-gray-700 dark:text-gray-300">
-            <strong>Total Amount:</strong>
+            <strong>Total Amount:&nbsp;</strong>
             <span data-output="total-amount"></span>
           </p>
           <!-- <p class="mb-2 text-gray-700 dark:text-gray-300">
             Payment Status: <span data-output="payment-status"></span>
           </p> -->
           <p class="mb-2 text-gray-700 dark:text-gray-300">
-            <strong>Customer Email:</strong><span data-output="customer-email">
+            <strong>Customer Email:&nbsp;</strong><span
+              data-output="customer-email"
+            >
             </span>
           </p>
           <p class="mb-2 text-gray-700 dark:text-gray-300">
-            <strong>Shipping Address:</strong>
+            <strong>Shipping Address:&nbsp;</strong>
             <span data-output="shipping-address"></span>
           </p>
+          <p class="mb-2 text-gray-700 dark:text-gray-300">
+            <strong>Stripe Session ID:&nbsp;</strong>
+            <code data-output="session-id"></code>
+          </p>
         </div>
       </section>
 
diff --git a/src/scripts/ui.receipt.ts b/src/scripts/ui.receipt.ts
index a8ba540..7b50999 100644
--- a/src/scripts/ui.receipt.ts
+++ b/src/scripts/ui.receipt.ts
@@ -20,18 +20,23 @@ export const receiptPage = async (session_id: string) => {
   const addressOutput = document.querySelector('[data-output="shipping-address"]');
   const amountOutput = document.querySelector('[data-output="total-amount"]');
   const emailOutput = document.querySelector('[data-output="customer-email"]');
+  const sessionIdOutput = document.querySelector('[data-output="session-id"]');
 
   if (addressOutput) {
-    const address = response?.data?.link?.shipping_details?.address;
+    const address = response?.data?.link?.response?.shipping_details?.address;
     addressOutput.innerHTML = address ? `${address.line1} ${address.line2} - ${address.city} ${address.state} ${address.postal_code}` : '';
   }
 
   if (amountOutput) {
-    amountOutput.innerHTML = ((response?.data?.link?.amount_total || 0) / 100).toString();
+    amountOutput.innerHTML = ((response?.data?.link?.response?.amount_total || 0) / 100).toString();
   }
 
   if (emailOutput) {
-    emailOutput.innerHTML = response?.data?.link?.customer_details?.email || '';
+    emailOutput.innerHTML = response?.data?.link?.response?.customer_details?.email || '';
+  }
+
+  if (sessionIdOutput) {
+    sessionIdOutput.innerHTML = response?.data?.link?.body?.session_id || '';
   }
 
   console.log({ request });