initPaymentSheet error

[katiachumakova]

Describe the bug
When using initPaymentSheet it always returns an error:

{code: "Failed", localizedMessage: "There was an unexpected error -- try again in a few seconds", message: "There was an unexpected error -- try again in a few seconds", declineCode: null, type: null, …}

Also getting the same error on presentPaymentSheet (if I use confirmPayment: false the Payment Sheet doesn't open at all, if I don't use it then it opens and closes automatically with the same error).

Using iOS, I haven't tested this on Android.

Versions

• "react-native": "0.64.2"
• "@stripe/stripe-react-native": "0.1.5"

[thorsten-stripe]

Can you please double check that you're setting the correct parameters, e.g. could be this: #290 (comment)

If that doesn't resolve it, please provide your code.

[thorsten-stripe]

Closing due to inactivity. Feel free to reopen with the above requested information.

[katiachumakova]

Sorry for the late reply. Noup, didn't resolve it. My code is literally the example.

Server:

exports.paymentSheet = functions.https.onRequest(
  async (req, res) => {
  const customer = await stripe.customers.create();
  const ephemeralKey = await stripe.ephemeralKeys.create(
    {customer: customer.id},
    {apiVersion: '2020-08-27'}
  );
  const paymentIntent = await stripe.paymentIntents.create({
    amount: 1099,
    currency: 'usd',
    customer: customer.id,
  });
  res.json({
    paymentIntent: paymentIntent.client_secret,
    ephemeralKey: ephemeralKey.secret,
    customer: customer.id
  });
});

Client:

  const fetchPaymentSheetParams = async () => {
    const response = await fetch(`${API_URL}/paymentSheet`, {
      method: 'POST',
      headers: {
        'Content-Type': 'application/json',
      },
    });
    const {paymentIntent, ephemeralKey, customer} = await response.json();

    return {
      paymentIntent,
      ephemeralKey,
      customer,
    };
  };

  const initializePaymentSheet = async () => {
    const {paymentIntent, ephemeralKey, customer} =
      await fetchPaymentSheetParams();

    const {error, paymentOption} = await initPaymentSheet({
      customerId: customer,
      customerEphemeralKeySecret: ephemeralKey,
      paymentIntentClientSecret: paymentIntent,
      customFlow: true,
      merchantDisplayName: 'Example Inc.',
      style: 'alwaysDark',
    });

    setLoading(false);
    if (error) {
      Alert.alert(`Error code: ${error.code}`, error.message);
    }
    // updateButtons(paymentOption);
  };


  useEffect(() => {
    initializePaymentSheet();
  }, []);