diff --git a/src/app/donation-start/donation-start-form/donation-start-form.component.html b/src/app/donation-start/donation-start-form/donation-start-form.component.html
index a77cc99cc..9bdedacdb 100644
--- a/src/app/donation-start/donation-start-form/donation-start-form.component.html
+++ b/src/app/donation-start/donation-start-form/donation-start-form.component.html
@@ -402,7 +402,8 @@
How does Big Give u
@if (!donor) {
-
Payment fields require the "captcha" puzzle to be solved before we can show them safely.
+
Sorry, there was an error showing the payment field. Please try again or
+ contact us if the problem persists.
}
diff --git a/src/app/donation-start/donation-start-form/donation-start-form.component.ts b/src/app/donation-start/donation-start-form/donation-start-form.component.ts
index cf05596dc..fdec3e892 100644
--- a/src/app/donation-start/donation-start-form/donation-start-form.component.ts
+++ b/src/app/donation-start/donation-start-form/donation-start-form.component.ts
@@ -584,11 +584,13 @@ export class DonationStartFormComponent implements AfterContentChecked, AfterCon
const stepperHeaders = stepper.getElementsByClassName('mat-step-header');
for (const stepperHeader of stepperHeaders) {
stepperHeader.addEventListener('click', (clickEvent: any) => {
- if (clickEvent.target.index > 0) {
+ if (this.stepper.selectedIndex > 0) {
this.progressToNonAmountsStep(); // Handles amount error if needed, like Continue button does.
return;
}
+ // usages of clickEvent.target may be wrong - wouldn't type check if we typed clickEvent as PointerEvent
+ // instead of Any. But not changing right now as could create regression and doesn't relate to any known bug.
if (clickEvent.target.innerText.includes('Your details') && this.stepper.selected?.label === 'Gift Aid') {
this.triedToLeaveGiftAid = true;
}