Merge pull request #26913 from thchia/react-stripe-elements-payment-request

[react-stripe-elements] - Add payment request to StripeProps

types/react-stripe-elements/index.d.ts

@@ -34,8 +34,8 @@ export namespace ReactStripeElements {
 
 	interface StripeProps {
 		createSource(sourceData?: SourceOptions): Promise<SourceResponse>;
-
 		createToken(options?: TokenOptions): Promise<PatchedTokenResponse>;
+		paymentRequest: stripe.Stripe['paymentRequest'];
 	}
 
 	interface InjectOptions {

types/react-stripe-elements/react-stripe-elements-tests.tsx

@@ -110,6 +110,22 @@ interface ComponentProps {
 class WrappedComponent extends React.Component<
     ComponentProps & InjectedStripeProps
 > {
+    constructor(props: ComponentProps & InjectedStripeProps) {
+        super(props);
+        // Test for paymentRequest
+        const paymentRequest = props.stripe && props.stripe.paymentRequest({
+            country: 'US',
+            currency: 'usd',
+            total: {
+                label: 'Demo total',
+                amount: 1
+            }
+        });
+        if (paymentRequest) {
+            paymentRequest.on('token', ({complete, token, ...data}) => undefined);
+            paymentRequest.canMakePayment().then(res => undefined);
+        }
+    }
     onSubmit = () => {
         this.props.stripe!
             .createToken({