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; }