UPI and EMI option are unavailable

[DevVibhor]

Description

I am not seeing the UPI and EMI options in test mode in Android. Not tested yet on iOS.

Razorpay Package Version :

2.3.0

Java and Gradle Version (android) :

Java- 11.0.17 Gradle - 8.3

What you did:

What happened:

Tried testing the package, everything works fine but I am unable to test UPI and EMI payments as I don't see their option in the list.

According to the docs it should be available to me without approval.

I have re-installed the application several times after adding the package. Tried multiple times by uninstalling the app from simulator, sync with gradle files and invalidating caches and restart on Android Studio.

Steps To Reproduce

Provide a detailed list of steps that reproduce the issue.

1. Created a new react native project using cli, installed react-native-razorpay.

Code example, screenshot, or link to a repository:

It is a bare minimum react native project. I created it just to test the razorpay package and integration.

React Native Info

System:
  OS: macOS 14.2.1
  CPU: (8) arm64 Apple M1
  Memory: 94.88 MB / 8.00 GB
  Shell:
    version: "5.9"
    path: /bin/zsh
Binaries:
  Node:
    version: 20.9.0
    path: ~/.nvm/versions/node/v20.9.0/bin/node
  Yarn:
    version: 1.22.21
    path: /opt/homebrew/bin/yarn
  npm:
    version: 10.1.0
    path: ~/.nvm/versions/node/v20.9.0/bin/npm
  Watchman:
    version: 2023.12.04.00
    path: /opt/homebrew/bin/watchman
Managers:
  CocoaPods:
    version: 1.14.3
    path: /Users/vibhor/.rbenv/shims/pod
SDKs:
  iOS SDK:
    Platforms:
      - DriverKit 23.2
      - iOS 17.2
      - macOS 14.2
      - tvOS 17.2
      - visionOS 1.0
      - watchOS 10.2
  Android SDK:
    API Levels:
      - "25"
      - "28"
      - "31"
      - "33"
      - "34"
    Build Tools:
      - 28.0.3
      - 29.0.3
      - 30.0.2
      - 30.0.3
      - 31.0.0
      - 33.0.0
      - 33.0.1
      - 34.0.0
    System Images:
      - android-33 | Intel x86_64 Atom
      - android-33 | Google APIs ARM 64 v8a
      - android-33 | Google APIs Intel x86_64 Atom
      - android-33 | Google Play ARM 64 v8a
    Android NDK: Not Found
IDEs:
  Android Studio: 2023.1 AI-231.9392.1.2311.11255304
  Xcode:
    version: 15.2/15C500b
    path: /usr/bin/xcodebuild
Languages:
  Java:
    version: 11.0.17
    path: /usr/bin/javac
  Ruby:
    version: 2.7.5
    path: /Users/vibhor/.rbenv/shims/ruby
npmPackages:
  "@react-native-community/cli": Not Found
  react:
    installed: 18.2.0
    wanted: 18.2.0
  react-native:
    installed: 0.73.2
    wanted: 0.73.2
  react-native-macos: Not Found
npmGlobalPackages:
  "*react-native*": Not Found
Android:
  hermesEnabled: true
  newArchEnabled: false
iOS:
  hermesEnabled: Not found
  newArchEnabled: false

import React from 'react';
import RazorpayCheckout from 'react-native-razorpay';
import {SafeAreaView, TouchableOpacity, Text} from 'react-native';

export default App = () => {
  const amount = 50000 * 100;
  const RAZOR_KEY = 'hidden_for_privacy';
  return (
    <SafeAreaView>
      <TouchableOpacity
        onPress={() => {
          var options = {
            description: 'Credits towards consultation',
            image: 'https://i.imgur.com/3g7nmJC.jpg',
            currency: 'INR',
            key: RAZOR_KEY,
            amount: amount,
            name: 'Company',
            order_id: '',
            prefill: {
              email: 'test@test.com',
              contact: '919191919191',
              name: 'Vibhor Kashyap',
            },
            theme: {color: '#fba550'},
          };
          RazorpayCheckout.open(options)
            .then(data => {
              console.log('success', data.razorpay_payment_id);
            })
            .catch(error => {
              console.log('Error', error);
            });
        }}>
        <Text>Pay</Text>
      </TouchableOpacity>
    </SafeAreaView>
  );
};

[vivekshindhe]

@DevVibhor Can you please share a screenshot of the Checkout page which is loaded? Also, would it be possible to share your ApiKey to my email address (vivek.shindhe@razorpay.com)?

[DevVibhor]

@vivekshindhe The checkout page screenshot is attached in the issue. I have emailed you the razor pay key.

[DevVibhor]

@vivekshindhe Were you able to check it?

[GovindaRajbhar]

I am also facing the same issue. UPI option is not displaying on payment page.

[vivekshindhe]

@DevVibhor checked this. looks like during the previous tickets a cofig ID where UPI block is hidden for your MID was created. Have started the process to get it removed

[vivekshindhe]

@GovindaRajbhar can you please share your MID to my email address vivek.shindhe@razorpay.com

[Rahul11111]

@vivekshindhe We are also facing same issue not able to see UPI option on payment page for one MID but for other MID we are able to see UPI option. Can you please help here? Let me know if any further details required.

[vivekshindhe]

@Rahul11111 configs for methods / enablement of methods is handled in the dashboard. I can try to start the process from my end, but you can get a faster resolution TAT by creating a ticket on Razorpay Dashboard.