bitwarden/browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser synced 2025-12-16 16:23:44 +00:00
Code Issues Releases Wiki Activity

Added retry logic when mounting Stripe elements and extended timout to 50 ms (#13142)

Browse Source
This commit is contained in:
Conner Turnbull
2025-02-14 12:00:15 -05:00
committed by GitHub
parent b1701b6e8a
commit c6176ed8a2
1 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
apps/web/src/app/billing/services/stripe.service.ts
View File

@@ -55,15 +55,21 @@ export class StripeService {
* Re-mounts previously created Stripe credit card [elements]{@link https://docs.stripe.com/js/elements_object/create} into the HTML elements * Re-mounts previously created Stripe credit card [elements]{@link https://docs.stripe.com/js/elements_object/create} into the HTML elements
* specified during the {@link loadStripe} call. This is useful for when those HTML elements are removed from the DOM by Angular. * specified during the {@link loadStripe} call. This is useful for when those HTML elements are removed from the DOM by Angular.
*/ */
mountElements() { mountElements(i: number = 0) {
setTimeout(() => { setTimeout(() => {
if (!document.querySelector(this.elementIds.cardNumber) && i < 10) {
this.logService.warning("Stripe container missing, retrying...");
this.mountElements(i + 1);
return;
}
const cardNumber = this.elements.getElement("cardNumber"); const cardNumber = this.elements.getElement("cardNumber");
const cardExpiry = this.elements.getElement("cardExpiry"); const cardExpiry = this.elements.getElement("cardExpiry");
const cardCvc = this.elements.getElement("cardCvc"); const cardCvc = this.elements.getElement("cardCvc");
cardNumber.mount(this.elementIds.cardNumber); cardNumber.mount(this.elementIds.cardNumber);
cardExpiry.mount(this.elementIds.cardExpiry); cardExpiry.mount(this.elementIds.cardExpiry);
cardCvc.mount(this.elementIds.cardCvc); cardCvc.mount(this.elementIds.cardCvc);
}); }, 50);
} }
/** /**