Pre-fill user info for Link in the Payment Element (block checkout) (#3620)

* Prefill user email and phone for Link in the Payment Element

* Add changelog and readme entries

---------

Co-authored-by: Wesley Rosa <[email protected]>

Author: annemirasol

changelog.txt

@@ -1,6 +1,7 @@
 *** Changelog ***
 
 = 9.0.0 - xxxx-xx-xx =
+* Add - Pre-fill user email and phone number for Link in the Payment Element and block checkout.
 * Remove - Remove Link autofill modal feature.
 * Update - Improve accuracy of webhook status information displayed in settings page.
 * Tweak - Standardize ECE Express payment buttons on Pay for Order page to match cart and checkout itemization behavior.

client/blocks/upe/upe-deferred-intent-creation/payment-processor.js

@@ -20,14 +20,15 @@ import {
 	maybeShowCashAppLimitNotice,
 	removeCashAppLimitNotice,
 } from 'wcstripe/stripe-utils/cash-app-limit-notice-handler';
+import { isLinkEnabled } from 'wcstripe/stripe-utils';
 
 /**
  * Gets the Stripe element options.
  *
  * @return {Object} The Stripe element options.
  */
 const getStripeElementOptions = () => {
-	const options = {
+	let options = {
 		fields: {
 			billingDetails: {
 				name: 'never',
@@ -49,6 +50,26 @@ const getStripeElementOptions = () => {
 		},
 	};
 
+	// Prefill Link customer data if available.
+	if ( isLinkEnabled() ) {
+		const userEmail = document.getElementById( 'email' )?.value;
+		if ( userEmail ) {
+			const userPhone =
+				document.getElementById( 'billing-phone' )?.value ||
+				document.getElementById( 'shipping-phone' )?.value;
+
+			options = {
+				...options,
+				defaultValues: {
+					billingDetails: {
+						email: userEmail,
+						phone: userPhone,
+					},
+				},
+			};
+		}
+	}
+
 	return options;
 };
 

readme.txt

@@ -111,6 +111,7 @@ If you get stuck, you can ask for help in the [Plugin Forum](https://wordpress.o
 == Changelog ==
 
 = 9.0.0 - xxxx-xx-xx =
+* Add - Pre-fill user email and phone number for Link in the Payment Element and block checkout.
 * Remove - Remove Link autofill modal feature.
 * Update - Improve accuracy of webhook status information displayed in settings page.
 * Tweak - Standardize ECE Express payment buttons on Pay for Order page to match cart and checkout itemization behavior.