Integrate Turbo UPI UI

1. Integration Steps

Follow these steps:

1. Initialise the SDK and set up the Checkout instance (Razorpay) to handle payment outcomes like success and errors by listening to delegate methods.

   SwiftObjective C

   copy

   var razorpay = RazorpayCheckout.initWithKey(
    "merchant_key",
    andDelegate: self,
    withPaymentWebView: wkWebView,
    UIPlugin: RazorpayTurboUPI.UIPluginInstance
   )

2. You need to link the customer's UPI account with your app. Use the below code samples to fetch the UPI account.

   Watch Out!

   If the device binding is not completed and getLinkedUpiAccounts is triggered, it will return an OnError with a DEVICE_BINDING_INCOMPLETE error message.

   • Get the customer's linked UpiAccount list using the below code. This function can be called from anywhere in the application, providing multiple entry points for customers to link their UPI account with your app.
   SwiftObjective C

   copy

   razorpay?.upiTurboUI?.getLinkedUpiAccounts("<mobile_num>", resultDelegate: self)

   Request Parameters

   mobile_num

   string The customer's mobile number.

   Delegate

   object The Delegate to be sent is of type UpiTurboResultDelegate.

   • If your customer has already linked the UPI account, use the following code to fetch it. If there are no linked UPI accounts, an empty list is returned.

     SwiftObjective C

     copy

     extension ViewController: UPITurboResultDelegate {
      func onSuccessFetchingLinkedAcc(_ accList: [UpiAccount]) {
          if accList.count > 0 {
             print("Success Fetching Accounts")
          } else {
             // call linkNewUpiAccount()
          }
      }
     
      func onErrorFetchingLinkedAcc(_ error: TurboUpiPlugin.TurboError?) {
         print("Error: \(error?.errorDescription)")
         print("Error code: \(error?.errorCode)")
      }
     }

3. If the customer has not linked any UPI account, there are two methods to link UPI accounts:

   • Link one UPI account at a time:
     Use the following code to link the newly created UPI account with your app. This function can be called from anywhere in the application, providing multiple entry points for customers to link their UPI account with your app.
   SwiftObjective C

   copy

   self.razorpay?.upiTurboUI?.linkNewUpiAccount(
    mobileNumber: "<mobile_num>",
    color: "<accent-color>",
    completionHandler: { upiAccounts, error in
        print(upiAccounts)
    }
   )

   • Prefetch and Link multiple accounts together:
     Use the following code to prefetch and link multiple UPI accounts from popular banks. The list of prefetch banks can be configured from the Merchant admin dashboard. This function is versatile and can be called from anywhere in the application, offering customers multiple entry points to link their UPI accounts with your app.
   SwiftObjective C

   copy

   self.razorpay?
       .upiTurboUI?
       .setCustomerMobile(mobile: "<mobile_num>")
       .setColor(color: "<accent-color>")
       .prefetchAndLinkUpiAccountsWithUI(completionHandler: { accounts, error in
           if let allAccounts = accounts as? UpiAllAccounts {
               if let bankAccount = allAccounts.accountsWithPinSet?[0] as? UpiBankAccount {
                   switch bankAccount.state {
                   case .linkingInProgress:
                       // Show account is linking
                       break
                   case .linkingFailed:
                       // Show account linking failed
                       break
                   default:
                       // Not possible in prefetch flow
                       break
                   }
               } else if let upiAccount = allAccounts.accountsWithPinSet?[0] as? UpiAccount {
                   // Continue payment
               }
               // Display accountsWithPinNotSet in expandable section - with Set Pin button
           }
       })

   Request Parameters

   mobile_num

   mandatory

   string Customer's mobile number needed to initialise the SDKs.

   color

   string Colour in HEX format.

   • Use the following function to set the UPI PIN for accounts where the PIN has not been set.
   SwiftObjective C

   copy

   self.razorpay?
   .upiTurboUI?
   .setUPIPinWithUI(account, completionHandler: { upiAccount, error in
       print(upiAccount)
   })

   Request Parameter

   account

   mandatory

   UpiBankAccount This is the bank account the user wants to set UPI PIN.

4. To accept payments, call Custom Checkout’s submit method with the following payload:

   SwiftObjective C

   copy

   let payload: [String: AnyHashable] = [
    "currency": "INR",
    "amount": "700",
    "email": "gaurav.kumar@example.com",
    "contact": "9999999999",
    "method": "upi",
    "upi": [
        "flow": "in_app"
    ],
    "order_id": "order_L2MUBUOeFItcpU",  //optional
   ]
   var turboPayload: [String: Any] = [:]
   turboPayload["upiAccount"] = upiAccount
   turboPayload["payload"] = payload
   
   razorpay?.authorize(turboPayload)

   Request Parameters

   customer_id

   optional

   string Unique identifier of the customer to whom the Customer Identifier must be tagged. Create a customer using the

   Customer API

   amount

   mandatory

   integer The transaction amount expressed in the currency subunit. For example, for an actual amount of ₹299.35, the value of this field should be 29935.

   currency

   mandatory

   string The currency in which the transaction should be made.

   email

   mandatory

   string Email address of the customer.

   contact

   mandatory

   string Customer's phone number.

   order_id

   optional

   string Order id generated via the

   Orders API

   .

   method

   mandatory

   string The payment method used by the customer on Checkout. In this case, it is upi (default).

   upi

   mandatory

   Details of the UPI payment.

   flow

   string Type of the UPI method. In this case, it is in_app.

Non-Transactional Flow

You can directly interact with the exposed methods of the Turbo Framework to perform the non-transactional flows listed below.

self.razorpay?.upiTurboUI?.manageUpiAccount(
    mobileNumber: "<mobile_num>",
    color: "<accent-color>"
)

Additional Features

To get the device binding status, please use the variable razorpay.upiTurbo.deviceBindingDone of type boolean. It indicates whether the device binding, which is a prerequisite for adding UPI accounts, is done with the user's mobile number.

if self.razorpay?.upiTurboUI?.deviceBindingDone {
    // Device Binded       
} else {
    // Call Link New Account for Device Binding
}

Models Exposed from the SDKs

The SDKs given below provide access to exposed models for seamless integration.

2. Test Integration

We recommend the following:

• Complete the integration on UAT before using the prod builds.
• Perform the UAT using the Razorpay-provided API keys.

3. Go-live Checklist

Complete these steps to take your integration live:

• You should get your app id whitelisted by Razorpay to test on prod.

  Handy Tips

  Contact our

  integrations team

  to get your mobile number and app whitelisted.

• Import the prod library from the Github repository → https://github.com/upi-turbo/ios-sample-app custom_ui/turbo_ui branch.

• Switch to Prod environment and podfile.

• Replace the UAT credential with the

  Razorpay live keys

  for prod testing.