Razorpay Checkout not opening in IOS

Description

Razorpay checkout not opening in mobile app, but only in ios. It works fine in android

Razorpay SDK Version :

Bundle version string : 1.2.13 react-native-razorpay": “^2.2.7”

Xcode Version :

Version 12.2 (12B45b)

What you did:

Tried to use checkout by clicking on a button in the app

What happened:

Nothing happens, the loader circles a little but other than that the checkout screen never opens. At least in simulator sometimes it pops up but in production on any device it doesn’t open.

Steps To Reproduce

https://www.loom.com/share/bf4b55f639de403baee817824fea837a

Suggested solution:

Code example, screenshot, or link to a repository:

fetch(https://api.razorpay.com/v1/orders, { method: ‘POST’, headers: new Headers({ Accept: ‘application/json’, ‘Content-Type’: ‘application/json’, ‘Authorization’: Bearer Key Here

  }),
  body: JSON.stringify({
    amount: 100,
    currency: currency,
    payment: {
      capture: "automatic",
      capture_options: {
        refund_speed: "normal"
      }
    },
    transfers: [
      {
        account: linkedAccount,
        amount: 100,
        currency: currency,
        notes: {
          name: '1',
          email: '1'
        },
        linked_account_notes: [name , email]
      },
    ]
  })
})
  .then((res) => {
    return res.json()
  })
  .then((payment) => {

    this.setState({ loading: false })

    // console.log("PAYMENT", payment)

    var options = {
      description: 'Kalzi Membership',
      image: 'jpg here',
      currency: currency,
      key: 'key here', // Your api key
      amount: 100,
      name: 'Hi',
      prefill: {
        email: 'email',
        name: 'name',
      },
      order_id: payment.id,
      theme: { color: 'blue' },
    }

    RazorpayCheckout.open(options).then().catch()
        
})
.catch()

[ramprasadAnand]

Hi @varsh8th, Please refer our sample-app for your reference on SDK integration, we are not facing any problem on opening the checkout page. As per the video reference you shared, there is a loader showing up on tap of pay button. (The open checkout action is not async, it should open immediately on tap of button with options.)

[aditya-keri-betterhalf]

Same issue for me. showing following error and sometimes it opens but most of the time throwing this error

I have faced similar issue in my project and have added a PR for the fix

I’ve tried adding the code you’ve mentioned in the PR in node_modules/react-native-razorpay/ios/RazorpayCheckout.m but still facing the same issue. Am I missing something here ?