order attribution values

client/tokenized-payment-request/compatibility/wc-order-attribution.js

@@ -0,0 +1,37 @@
+/* global jQuery */
+
+/**
+ * External dependencies
+ */
+import { addFilter } from '@wordpress/hooks';
+
+addFilter(
+	'wcpay.payment-request.cart-place-order-extension-data',
+	'automattic/wcpay/payment-request',
+	( extensionData ) => {
+		const orderAttributionValues = jQuery(
+			'#wcpay-express-checkout__order-attribution-inputs input'
+		);
+
+		if ( ! orderAttributionValues.length ) {
+			return extensionData;
+		}
+
+		const orderAttributionData = {};
+		orderAttributionValues.each( function () {
+			const name = jQuery( this )
+				.attr( 'name' )
+				.replace( 'wc_order_attribution_', '' );
+			const value = jQuery( this ).val();
+
+			if ( name && value ) {
+				orderAttributionData[ name ] = value;
+			}
+		} );
+
+		return {
+			...extensionData,
+			'woocommerce/order-attribution': orderAttributionData,
+		};
+	}
+);

client/tokenized-payment-request/index.js

@@ -12,6 +12,7 @@ import PaymentRequestCartApi from './cart-api';
 import WooPaymentsPaymentRequest from './payment-request';
 import paymentRequestButtonUi from './button-ui';
 import './compatibility/wc-deposits';
+import './compatibility/wc-order-attribution';
 import './compatibility/wc-product-variations';
 
 import '../checkout/express-checkout-buttons.scss';

client/tokenized-payment-request/payment-request.js

@@ -3,7 +3,12 @@
  * External dependencies
  */
 import { __ } from '@wordpress/i18n';
-import { doAction, addAction, removeAction } from '@wordpress/hooks';
+import {
+	doAction,
+	addAction,
+	removeAction,
+	applyFilters,
+} from '@wordpress/hooks';
 
 /**
  * Internal dependencies
@@ -281,9 +286,15 @@ export default class WooPaymentsPaymentRequest {
 		paymentRequest.on( 'paymentmethod', async ( event ) => {
 			// TODO: this works for PDPs - need to handle checkout scenarios for pay-for-order, cart, checkout.
 			try {
-				const response = await _self.paymentRequestCartApi.placeOrder(
-					transformStripePaymentMethodForStoreApi( event )
-				);
+				const response = await _self.paymentRequestCartApi.placeOrder( {
+					// adding extension data as a separate action,
+					// so that we make it harder for external plugins to modify or intercept checkout data.
+					...transformStripePaymentMethodForStoreApi( event ),
+					extensions: applyFilters(
+						'wcpay.payment-request.cart-place-order-extension-data',
+						{}
+					),
+				} );
 
 				const confirmationRequest = _self.wcpayApi.confirmIntent(
 					response.payment_result.redirect_url

includes/express-checkout/class-wc-payments-express-checkout-button-display-handler.php

@@ -118,6 +118,7 @@ public function display_express_checkout_buttons() {
 			}
 				$this->payment_request_button_handler->display_payment_request_button_html();
 			?>
+			<wc-order-attribution-inputs id="wcpay-express-checkout__order-attribution-inputs"></wc-order-attribution-inputs>
 			</div >
 			<?php
 			$this->display_express_checkout_separator_if_necessary( $separator_starts_hidden );