From 673c96cfaf9d458e30351098caec7b630506c01c Mon Sep 17 00:00:00 2001
From: Jorge Moya <jorge.moya@bigcommerce.com>
Date: Thu, 4 Apr 2024 10:20:00 -0500
Subject: [PATCH 1/2] feat(core): add tax total in checkout summary

---
 .changeset/tiny-balloons-learn.md                            | 5 +++++
 .../[locale]/(default)/cart/_components/checkout-summary.tsx | 5 +++++
 apps/core/messages/en.json                                   | 1 +
 3 files changed, 11 insertions(+)
 create mode 100644 .changeset/tiny-balloons-learn.md

diff --git a/.changeset/tiny-balloons-learn.md b/.changeset/tiny-balloons-learn.md
new file mode 100644
index 000000000..412e8b0ca
--- /dev/null
+++ b/.changeset/tiny-balloons-learn.md
@@ -0,0 +1,5 @@
+---
+"@bigcommerce/catalyst-core": patch
+---
+
+Add tax total in checkout summary
diff --git a/apps/core/app/[locale]/(default)/cart/_components/checkout-summary.tsx b/apps/core/app/[locale]/(default)/cart/_components/checkout-summary.tsx
index 47a7185d7..801b5cd5c 100644
--- a/apps/core/app/[locale]/(default)/cart/_components/checkout-summary.tsx
+++ b/apps/core/app/[locale]/(default)/cart/_components/checkout-summary.tsx
@@ -47,6 +47,11 @@ export const CheckoutSummary = async ({ cartId, locale }: { cartId: string; loca
         <span>-{currencyFormatter.format(checkout.cart?.discountedAmount.value || 0)}</span>
       </div>
 
+      <div className="flex justify-between border-t border-t-gray-200 py-4">
+        <span className="font-semibold">{t('tax')}</span>
+        <span>{currencyFormatter.format(checkout.taxTotal?.value || 0)}</span>
+      </div>
+
       <div className="flex justify-between border-t border-t-gray-200 py-4 text-xl font-bold lg:text-2xl">
         {t('grandTotal')}
         <span>{currencyFormatter.format(checkout.grandTotal?.value || 0)}</span>
diff --git a/apps/core/messages/en.json b/apps/core/messages/en.json
index e39c24fad..64ec3e6a7 100644
--- a/apps/core/messages/en.json
+++ b/apps/core/messages/en.json
@@ -108,6 +108,7 @@
     "CheckoutSummary": {
       "subTotal": "Subtotal",
       "discounts": "Discounts",
+      "tax": "Tax",
       "grandTotal": "Grand total",
       "shipping": "Shipping",
       "shippingCost": "Shipping Cost",

From cecbc66832221a819386ac06fcb51f430ca5e2e7 Mon Sep 17 00:00:00 2001
From: Jorge Moya <jorge.moya@bigcommerce.com>
Date: Thu, 4 Apr 2024 10:35:17 -0500
Subject: [PATCH 2/2] fix: hide taxes if null

---
 .../(default)/cart/_components/checkout-summary.tsx    | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/apps/core/app/[locale]/(default)/cart/_components/checkout-summary.tsx b/apps/core/app/[locale]/(default)/cart/_components/checkout-summary.tsx
index 801b5cd5c..645575b0e 100644
--- a/apps/core/app/[locale]/(default)/cart/_components/checkout-summary.tsx
+++ b/apps/core/app/[locale]/(default)/cart/_components/checkout-summary.tsx
@@ -47,10 +47,12 @@ export const CheckoutSummary = async ({ cartId, locale }: { cartId: string; loca
         <span>-{currencyFormatter.format(checkout.cart?.discountedAmount.value || 0)}</span>
       </div>
 
-      <div className="flex justify-between border-t border-t-gray-200 py-4">
-        <span className="font-semibold">{t('tax')}</span>
-        <span>{currencyFormatter.format(checkout.taxTotal?.value || 0)}</span>
-      </div>
+      {checkout.taxTotal && (
+        <div className="flex justify-between border-t border-t-gray-200 py-4">
+          <span className="font-semibold">{t('tax')}</span>
+          <span>{currencyFormatter.format(checkout.taxTotal.value)}</span>
+        </div>
+      )}
 
       <div className="flex justify-between border-t border-t-gray-200 py-4 text-xl font-bold lg:text-2xl">
         {t('grandTotal')}