From b32afc725e129a5e6775c8f0f46e3b54397fbee4 Mon Sep 17 00:00:00 2001 From: devinwalker Date: Wed, 27 Apr 2022 13:59:34 -0700 Subject: [PATCH 1/5] Add initial support for Stripe Link --- src/donationForm.js | 9 +++++++-- 1 file changed, 7 insertions(+), 2 deletions(-) diff --git a/src/donationForm.js b/src/donationForm.js index d137e7e..f8c45fd 100644 --- a/src/donationForm.js +++ b/src/donationForm.js @@ -49,7 +49,9 @@ const DonationForm = (props) => { } return props.backend ? null - : Stripe(props.attributes.liveMode ? props.attributes.stripeLivePubKey : props.attributes.stripeTestPubKey); + : Stripe(props.attributes.liveMode ? props.attributes.stripeLivePubKey : props.attributes.stripeTestPubKey, { + betas: ['link_beta_3'], + }); }, [props.attributes.stripeLivePubKey, props.attributes.stripeTestPubKey, props.backend]); const elements = useRef(null); const currencyFormatter = new Intl.NumberFormat(window.navigator.language); @@ -124,7 +126,9 @@ const DonationForm = (props) => { }, }; elements.current = stripe.elements({appearance, clientSecret}); + const linkAuthenticationElement = elements.current.create('linkAuthentication', {defaultValues: {email: email}}); const paymentElement = elements.current.create('payment'); + linkAuthenticationElement.mount(`.donation-form-link-authentication-element-${props.attributes.formId}`); paymentElement.mount(`.donation-form-payment-intent-${props.attributes.formId}`); paymentElement.on('ready', function (event) { setIsLoading(false); @@ -446,7 +450,6 @@ const DonationForm = (props) => { {__('Please complete your payment below 👇', 'donation-form-block')}

-
+
+
{errorMessage && {errorMessage}} -
-
{errorMessage && {errorMessage}}