\n <\/in-page-filtering>\n<\/div>\n\n <\/div>\n","url":"https:\/\/docs.adyen.com\/payment-methods\/upi\/react-native-drop-in","articleFields":{"description":"Add UPI to your Drop-in integration.","parameters":{"tx_variant":"upi","component_class_name":"InstantPaymentComponent","pm_directory":"upi"},"filters_component":true,"filters_config_folder":"payment-methods\/upi\/react-native\/drop-in"},"algolia":[{"url":"https:\/\/docs.adyen.com\/payment-methods\/upi\/react-native-drop-in","title":"UPI React Native Drop-in","content":"Requirements\n\n\n\nRequirement\nDescription\n\n\n\n\nIntegration type\nMake sure that you have an existing Sessions flow React Native Drop-in integration.\n\n\n\nCheckout API\nMake sure that you use Checkout API v68 or later.\n \n\n\nSetup steps\nBefore you begin, add UPI in your Customer Area.\n\n\n\nAdd additional parameters to your \/sessions request\nYou do not need to add any parameters when you create a payment session.\nAdd additional configuration for UPI\nYou do not need to add any configuration parameters for UPI.\nTest and go live\nYou can test UPI payments using our Payment Simulator. \nIn your test environment, using your checkout integration:\n\nSubmit a test payment, selecting UPI as the payment method.\nFor UPI Intent: We redirect you to an Adyen-hosted Payment Simulator page.\nFor UPI QR (on web): Scan the QR code to go to an Adyen-hosted Payment Simulator page.\nOn the Payment Simulator page, select the payment outcome to test.\nValidate that your integration can handle the outcome that you selected.\nConfirm that you get the payment outcome in the following:\n\nYour webhook server: Your server must accept the corresponding webhook message with eventCode: AUTHORISED.\nYour Customer Area: On the Payments page, confirm that the transaction details from the corresponding transaction are on the list.\n\n\nAfter testing payment outcomes, we recommend that you also test payment modifications.","type":"page","locale":"en","boost":17,"hierarchy":{"lvl0":"Home","lvl1":"Payment methods","lvl2":"UPI","lvl3":"UPI React Native Drop-in"},"hierarchy_url":{"lvl0":"https:\/\/docs.adyen.com\/","lvl1":"https:\/\/docs.adyen.com\/payment-methods","lvl2":"https:\/\/docs.adyen.com\/payment-methods\/upi","lvl3":"\/payment-methods\/upi\/react-native-drop-in"},"levels":4,"category":"Payment method","category_color":"green","tags":["React","Native","Drop-in"]},{"url":"https:\/\/docs.adyen.com\/payment-methods\/upi\/react-native-drop-in?flow=Sessions flow&integration=Drop-in","title":"Sessions flow Drop-in","content":"Requirements\n\n\n\nRequirement\nDescription\n\n\n\n\nIntegration type\nMake sure that you have an existing Sessions flow React Native Drop-in integration.\n\n\n\nCheckout API\nMake sure that you use Checkout API v68 or later.\n \n\n\nSetup steps\nBefore you begin, add UPI in your Customer Area.\n\n\n\nAdd additional parameters to your \/sessions request\nYou do not need to add any parameters when you create a payment session.\nAdd additional configuration for UPI\nYou do not need to add any configuration parameters for UPI.\nTest and go live\nYou can test UPI payments using our Payment Simulator. \nIn your test environment, using your checkout integration:\n\nSubmit a test payment, selecting UPI as the payment method.\nFor UPI Intent: We redirect you to an Adyen-hosted Payment Simulator page.\nFor UPI QR (on web): Scan the QR code to go to an Adyen-hosted Payment Simulator page.\nOn the Payment Simulator page, select the payment outcome to test.\nValidate that your integration can handle the outcome that you selected.\nConfirm that you get the payment outcome in the following:\n\nYour webhook server: Your server must accept the corresponding webhook message with eventCode: AUTHORISED.\nYour Customer Area: On the Payments page, confirm that the transaction details from the corresponding transaction are on the list.\n\n\nAfter testing payment outcomes, we recommend that you also test payment modifications.","type":"page","locale":"en","boost":17,"hierarchy":{"lvl0":"Home","lvl1":"Payment methods","lvl2":"UPI","lvl3":"UPI React Native Drop-in"},"hierarchy_url":{"lvl0":"https:\/\/docs.adyen.com\/","lvl1":"https:\/\/docs.adyen.com\/payment-methods","lvl2":"https:\/\/docs.adyen.com\/payment-methods\/upi","lvl3":"\/payment-methods\/upi\/react-native-drop-in"},"levels":4,"category":"Payment method","category_color":"green","tags":["Sessions flow","Drop-in"]},{"url":"https:\/\/docs.adyen.com\/payment-methods\/upi\/react-native-drop-in?flow=Advanced flow&integration=Drop-in","title":"Advanced flow Drop-in","content":"Requirements\n\n\n\nRequirement\nDescription\n\n\n\n\nIntegration type\nMake sure that you have an existing Advanced flow React Native Drop-in integration.\n \n\n\nAction handling\nMake sure that your existing integration is set up to handle the additional action. action.type: await.\n\n\n\nSetup steps\nBefore you begin, add UPI in your Customer Area.\n\n\n\nAdd additional configuration for UPI\nYou do not need to add any configuration parameters for UPI.\nAdd additional parameters to your \/payments request\nWhen you make a payment, add the following parameters to the \/payments request:\n\n\n\nParameter\nRequired\nDescription\n\n\n\n\n paymentMethod.appId\n\nRequired when the payment option is UPI Intent (paymentMethod.type: upi_intent). The identifier of the Third Party Application Provider (TPAP) that the shopper uses to make the UPI payment. Possible values: - gpay: Google Pay - phonepe: PhonePe - bhim: BHIM (Bharat Interface for Money) - paytm: Paytm - amazonpay: Amazon Pay - cred: Cred - wapay: WhatsApp Pay - jupiter: Jupiter - navi: navi - supermoney: Super.money - mobikwik: MobiKwik - freecharge: Freecharge\n\n\n\n\n \n\nTest and go live\nYou can test UPI payments using our Payment Simulator. \nIn your test environment, using your checkout integration:\n\nSubmit a test payment, selecting UPI as the payment method.\nFor UPI Intent: We redirect you to an Adyen-hosted Payment Simulator page.\nFor UPI QR (on web): Scan the QR code to go to an Adyen-hosted Payment Simulator page.\nOn the Payment Simulator page, select the payment outcome to test.\nValidate that your integration can handle the outcome that you selected.\nConfirm that you get the payment outcome in the following:\n\nYour webhook server: Your server must accept the corresponding webhook message with eventCode: AUTHORISED.\nYour Customer Area: On the Payments page, confirm that the transaction details from the corresponding transaction are on the list.\n\n\nAfter testing payment outcomes, we recommend that you also test payment modifications.","type":"page","locale":"en","boost":17,"hierarchy":{"lvl0":"Home","lvl1":"Payment methods","lvl2":"UPI","lvl3":"UPI React Native Drop-in"},"hierarchy_url":{"lvl0":"https:\/\/docs.adyen.com\/","lvl1":"https:\/\/docs.adyen.com\/payment-methods","lvl2":"https:\/\/docs.adyen.com\/payment-methods\/upi","lvl3":"\/payment-methods\/upi\/react-native-drop-in"},"levels":4,"category":"Payment method","category_color":"green","tags":["Advanced flow","Drop-in"]}]}