From 244ce6d008d0668921d7927b7eb56193350ee5f2 Mon Sep 17 00:00:00 2001
From: TiaraC <tiaras.coleman@gmail.com>
Date: Thu, 17 Sep 2026 08:35:29 -0400
Subject: [PATCH 1/3] feat: changed copy

---
 .../RecommendLoanForGoal/RecommendLoanForGoalFooter.vue         | 2 +-
 src/components/Thanks/ExpressCheckout/ExpressCheckoutModal.vue  | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/LoanCards/RecommendLoanForGoal/RecommendLoanForGoalFooter.vue b/src/components/LoanCards/RecommendLoanForGoal/RecommendLoanForGoalFooter.vue
index f4d3c6a488c..3781198ea6e 100644
--- a/src/components/LoanCards/RecommendLoanForGoal/RecommendLoanForGoalFooter.vue
+++ b/src/components/LoanCards/RecommendLoanForGoal/RecommendLoanForGoalFooter.vue
@@ -99,7 +99,7 @@ const primaryLabel = computed(() => {
 
 const secondaryLabel = computed(() => {
 	return props.expressCheckoutEnabled
-		? 'Express checkout'
+		? 'Add to basket'
 		: 'Explore more options';
 });
 
diff --git a/src/components/Thanks/ExpressCheckout/ExpressCheckoutModal.vue b/src/components/Thanks/ExpressCheckout/ExpressCheckoutModal.vue
index 50710a8246e..bdbcd4efd40 100644
--- a/src/components/Thanks/ExpressCheckout/ExpressCheckoutModal.vue
+++ b/src/components/Thanks/ExpressCheckout/ExpressCheckoutModal.vue
@@ -1,6 +1,6 @@
 <template>
 	<KvLightbox
-		title="Confirm Payment"
+		title="Add to basket"
 		:visible="lightboxOpen"
 		:prevent-close="!ready || paying"
 		@lightbox-closed="closeLightbox"

From 9eeac5f8f173982467c45517172b0d1f6da2f59e Mon Sep 17 00:00:00 2001
From: TiaraC <tiaras.coleman@gmail.com>
Date: Thu, 17 Sep 2026 13:40:41 -0400
Subject: [PATCH 2/3] feat: additional copy edits

---
 .../Thanks/ExpressCheckout/ExpressCheckoutModal.vue           | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Thanks/ExpressCheckout/ExpressCheckoutModal.vue b/src/components/Thanks/ExpressCheckout/ExpressCheckoutModal.vue
index bdbcd4efd40..5eea671ab29 100644
--- a/src/components/Thanks/ExpressCheckout/ExpressCheckoutModal.vue
+++ b/src/components/Thanks/ExpressCheckout/ExpressCheckoutModal.vue
@@ -1,6 +1,6 @@
 <template>
 	<KvLightbox
-		title="Add to basket"
+		title="Adding to basket"
 		:visible="lightboxOpen"
 		:prevent-close="!ready || paying"
 		@lightbox-closed="closeLightbox"
@@ -45,7 +45,7 @@
 				class="tw-text-caption tw-mt-1 tw-mb-7 md:!tw-mb-2"
 				style="font-weight: 611;"
 			>
-				By clicking &ldquo;Confirm payment&rdquo; you will be funding this loan
+				By clicking &ldquo;Complete order&rdquo; you will be funding this loan
 				and we&rsquo;ll charge your payment method for the selected amount.
 			</p>
 

From d64101708fc694b4fac16fe2849385fc23c09de6 Mon Sep 17 00:00:00 2001
From: TiaraC <tiaras.coleman@gmail.com>
Date: Fri, 18 Sep 2026 10:53:18 -0400
Subject: [PATCH 3/3] feat: revised title format and spec tests context

---
 .../ExpressCheckout/ExpressCheckoutModal.vue     |  4 +++-
 .../ExpressCheckout/ExpressCheckoutModal.spec.js | 16 +++++++++++++++-
 2 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/src/components/Thanks/ExpressCheckout/ExpressCheckoutModal.vue b/src/components/Thanks/ExpressCheckout/ExpressCheckoutModal.vue
index 5eea671ab29..353561e38d5 100644
--- a/src/components/Thanks/ExpressCheckout/ExpressCheckoutModal.vue
+++ b/src/components/Thanks/ExpressCheckout/ExpressCheckoutModal.vue
@@ -1,6 +1,6 @@
 <template>
 	<KvLightbox
-		title="Adding to basket"
+		:title="lightboxTitle"
 		:visible="lightboxOpen"
 		:prevent-close="!ready || paying"
 		@lightbox-closed="closeLightbox"
@@ -130,6 +130,8 @@ let clientTokenPromise = null;
 
 const depositRequired = computed(() => (numeral(totalDue.value).value() ?? 0) > 0);
 
+const lightboxTitle = computed(() => (ready.value ? 'Adding to basket' : 'Confirm payment'));
+
 const paymentButtonState = computed(() => {
 	if (depositRequired.value && !transactionsEnabled.value) {
 		return 'disabled';
diff --git a/test/unit/specs/components/Thanks/ExpressCheckout/ExpressCheckoutModal.spec.js b/test/unit/specs/components/Thanks/ExpressCheckout/ExpressCheckoutModal.spec.js
index 601a5388bd8..ee52abe83e9 100644
--- a/test/unit/specs/components/Thanks/ExpressCheckout/ExpressCheckoutModal.spec.js
+++ b/test/unit/specs/components/Thanks/ExpressCheckout/ExpressCheckoutModal.spec.js
@@ -45,7 +45,8 @@ vi.mock('@kiva/kv-components', () => ({
 	},
 	KvLightbox: {
 		props: ['preventClose', 'title', 'visible'],
-		template: '<div v-if="visible" data-testid="lightbox" :data-prevent-close="preventClose"><slot /></div>',
+		// eslint-disable-next-line max-len
+		template: '<div v-if="visible" data-testid="lightbox" :data-prevent-close="preventClose">{{ title }}<slot /></div>',
 	},
 	KvLoadingPlaceholder: {
 		template: '<div data-testid="loading-placeholder"></div>',
@@ -187,6 +188,11 @@ describe('ExpressCheckoutModal', () => {
 		});
 	});
 
+	it('renders the card with correct heading', async () => {
+		await mountComponent();
+		expect(wrapper.text()).toContain('Adding to basket');
+	});
+
 	// executeOneTimeCheckout runs trackSuccess internally (kv-shop), which fires Meta Purchase + GA +
 	// Optimizely for this checkoutId. Tracking again here would double-count the Purchase.
 	it('does not track the transaction itself — kv-shop already did', async () => {
@@ -343,5 +349,13 @@ describe('ExpressCheckoutModal', () => {
 			expect(wrapper.find('[data-testid="express-checkout-loading"]').exists()).toBe(true);
 			expect(wrapper.find('form').exists()).toBe(false);
 		});
+
+		it('renders the card with correct heading while loading', async () => {
+			mountClosed();
+			wrapper.vm.openLoading();
+			await wrapper.vm.$nextTick();
+
+			expect(wrapper.text()).toContain('Confirm payment');
+		});
 	});
 });