expo: Stripe paymentRequestWithApplePayAsync doesn't create an actual payment in Stripe

🐛 Bug Report

Summary of Issue

When I follow the docs by expo and stripe and attempt to call paymentRequestWithApplePayAsync I get a successful response token back and no errors but a payment is never actually created in the stripe dashboard.

Environment - output of expo diagnostics & the platform(s) you’re targeting

Expo SDK 37 “expo-payments-stripe”: “~8.1.0”

Expo CLI 3.28.2 environment info: System: OS: macOS 11.0.1 Shell: 3.2.57 - /bin/bash Binaries: Node: 12.16.2 - /usr/local/bin/node npm: 6.14.4 - /usr/local/bin/npm Watchman: 4.7.0 - /usr/local/bin/watchman Managers: CocoaPods: 1.8.4 - /usr/local/bin/pod SDKs: iOS SDK: Platforms: iOS 14.3, DriverKit 20.2, macOS 11.1, tvOS 14.3, watchOS 7.2 Android SDK: API Levels: 23, 27, 28, 29 Build Tools: 26.0.3, 27.0.3, 28.0.0, 28.0.3 Android NDK: 20.0.5594570 IDEs: Android Studio: 3.4 AI-183.5429.30.34.5452501 Xcode: 12.3/12C33 - /usr/bin/xcodebuild npmPackages: expo: ^37.0.0 => 37.0.12 react: 16.9.0 => 16.9.0 react-native: https://github.com/expo/react-native/archive/sdk-37.0.1.tar.gz => 0.61.4 react-navigation: ^4.1.1 => 4.3.9 npmGlobalPackages: expo-cli: 3.28.2 Expo Workflow: managed

Reproducible Demo

` payPressed = async () => { console.log(‘pay pressed’);

	const amount = '10.00';
	const label = 'some label';

	try {
		const deviceSupportsAndUserHasExisting =
			Platform.OS === 'ios' ? await Stripe.canMakeApplePayPaymentsAsync() : await Stripe.canMakeAndroidPayPaymentsAsync();

		const deviceSupportsPayment = Platform.OS === 'ios' ? await Stripe.deviceSupportsApplePayAsync() : await Stripe.deviceSupportsAndroidPayAsync();

		console.log('canMake, deviceSupports: ', deviceSupportsAndUserHasExisting, deviceSupportsPayment);

		if (deviceSupportsAndUserHasExisting && deviceSupportsPayment) {
			const items = [
				{
					label,
					amount,
				},
				{
					label: 'Example, Inc',
					amount,
				},
			];

			const options = {
				total_price: amount,
				currency_code: 'USD',
				line_items: [
					{
						currency_code: 'USD',
						description: label,
						total_price: amount,
						unit_price: amount,
						quantity: '1',
					},
				],
			};

			console.log('trying things with items: ', items);
			const token =
				Platform.OS === 'ios' ? await Stripe.paymentRequestWithApplePayAsync(items, {}) : await Stripe.paymentRequestWithAndroidPayAsync(options);

			console.log('token: ', token);

			if (token) {
				console.log('paymentResp token: ', token);
				if (Platform.OS === 'ios') {
					console.log('complete the apple pay');
					const completeResp = await Stripe.completeApplePayRequestAsync();
					console.log('complete the apple pay resp: ', completeResp);
				}
			} else {
				console.log('no paymentReq token :(');

				if (Platform.OS === 'ios') {
					Stripe.cancelApplePayRequestAsync();
				}

				this.setState({ paymentNotSupportedMsg: 'Somehting went wrong with your payment.', showCustySupport: true });
			}
		} else {
			// tell them if it's there device or if the devices has no existing payment method
			let paymentNotSupportedMsg = '';

			const payProvider = Platform.OS === 'ios' ? 'Apple' : 'Google';

			if (!deviceSupportsPayment) {
				paymentNotSupportedMsg = `Example app uses ${payProvider} Pay for this piece. Your device does not support ${payProvider} Pay.`;
			} else if (!deviceSupportsAndUserHasExisting) {
				paymentNotSupportedMsg = `Example app uses ${payProvider} Pay for this piece. You need to setup a payment method in ${payProvider} Pay.`;
			}

			this.setState({ paymentNotSupportedMsg, showCustySupport: true });
		}
	} catch (err) {
		console.log('payPressed err: ', err);
		if (Platform.OS === 'ios') {
			Stripe.cancelApplePayRequestAsync();
		}
	}
};

`

Steps to Reproduce

Expected Behavior vs Actual Behavior

If something is failing with the call to paymentRequestWithApplePayAsync I would expect to see an error message so I can correct something. The actual behavior is that something isn’t actually creating a payment in the stripe dashboard and I have no visibility into why.

Relevant Information

I am doing all this in “test mode” of stripe with my test api keys. I can see “successful” api token responses in the stripe developers/logs section just nothing ever shows up in the payments section of the dashboard.

Also of note, I started this process of troubleshooting by going through 3 levels of Stripe support thinking that I had something mis-configured on that end. They insisted that I try and get to the bottom of it with someone from expo that I had things configured ok on the stripe end. Their exact words were: “As long as you’re not seeing the successful payment under Payment page it means the checkout is not working.”

Thank you in advance for any help or guidance that you can provide.