{"title":"Android Component","category":"default","creationDate":1776961628,"content":"<p>How you add UPI depends on your integration.<\/p>\n<p>Choose the <a href=\"\/pt\/online-payments\/build-your-integration\">server-side flow<\/a> that your integration uses:<\/p>\n<div data-component-wrapper=\"in-page-filtering\">\n    <in-page-filtering\n        id=\"payment-methods\/upi\/android\/component\"\n        :in-page-filtering=\"{&quot;guides&quot;:{&quot;sessions&quot;:{&quot;label&quot;:&quot;Sessions flow&quot;,&quot;integrations&quot;:{&quot;components&quot;:{&quot;label&quot;:&quot;Component&quot;,&quot;description&quot;:null,&quot;displayVersionDropdown&quot;:true,&quot;visual_content&quot;:null,&quot;visual_images&quot;:null,&quot;external_content&quot;:null,&quot;external_icon&quot;:null,&quot;versions&quot;:{&quot;version-5.17.0&quot;:{&quot;sections&quot;:{&quot;before-you-begin&quot;:{&quot;$ref&quot;:&quot;3dd24071e5aacf1d1ffae1431e0cd7a6&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;33c10a7df99600cb9fe87772f2294f66&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;65db1cfd6beff25acea5eca858fd6eff&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;1ebc1575f49fa05a630a775d3d599b2d&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;bf473013db51f4950e3dbd99cf9c0d4d&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;21ae389f786e33784f88c9128c7b4362&quot;}},&quot;config&quot;:{&quot;published&quot;:true,&quot;visible&quot;:true,&quot;api_version&quot;:71},&quot;versions&quot;:{&quot;version&quot;:&quot;5.17.0&quot;}},&quot;version-5.16.1&quot;:{&quot;sections&quot;:{&quot;before-you-begin&quot;:{&quot;$ref&quot;:&quot;3dd24071e5aacf1d1ffae1431e0cd7a6&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;33c10a7df99600cb9fe87772f2294f66&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;65db1cfd6beff25acea5eca858fd6eff&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;1ebc1575f49fa05a630a775d3d599b2d&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;bf473013db51f4950e3dbd99cf9c0d4d&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;21ae389f786e33784f88c9128c7b4362&quot;}},&quot;config&quot;:{&quot;published&quot;:true,&quot;visible&quot;:true,&quot;api_version&quot;:71},&quot;versions&quot;:{&quot;version&quot;:&quot;5.16.1&quot;}},&quot;version-5.16.0&quot;:{&quot;sections&quot;:{&quot;before-you-begin&quot;:{&quot;$ref&quot;:&quot;3dd24071e5aacf1d1ffae1431e0cd7a6&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;33c10a7df99600cb9fe87772f2294f66&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;65db1cfd6beff25acea5eca858fd6eff&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;1ebc1575f49fa05a630a775d3d599b2d&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;bf473013db51f4950e3dbd99cf9c0d4d&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;21ae389f786e33784f88c9128c7b4362&quot;}},&quot;config&quot;:{&quot;published&quot;:true,&quot;visible&quot;:true,&quot;api_version&quot;:71},&quot;versions&quot;:{&quot;version&quot;:&quot;5.16.0&quot;}},&quot;version-5.15.0&quot;:{&quot;sections&quot;:{&quot;before-you-begin&quot;:{&quot;$ref&quot;:&quot;3dd24071e5aacf1d1ffae1431e0cd7a6&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;33c10a7df99600cb9fe87772f2294f66&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;65db1cfd6beff25acea5eca858fd6eff&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;1ebc1575f49fa05a630a775d3d599b2d&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;bf473013db51f4950e3dbd99cf9c0d4d&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;21ae389f786e33784f88c9128c7b4362&quot;}},&quot;config&quot;:{&quot;published&quot;:true,&quot;visible&quot;:true,&quot;api_version&quot;:71},&quot;versions&quot;:{&quot;version&quot;:&quot;5.15.0&quot;}},&quot;version-5.14.0&quot;:{&quot;sections&quot;:{&quot;before-you-begin&quot;:{&quot;$ref&quot;:&quot;3dd24071e5aacf1d1ffae1431e0cd7a6&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;33c10a7df99600cb9fe87772f2294f66&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;65db1cfd6beff25acea5eca858fd6eff&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;1ebc1575f49fa05a630a775d3d599b2d&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;bf473013db51f4950e3dbd99cf9c0d4d&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;21ae389f786e33784f88c9128c7b4362&quot;}},&quot;config&quot;:{&quot;published&quot;:true,&quot;visible&quot;:true,&quot;api_version&quot;:71},&quot;versions&quot;:{&quot;version&quot;:&quot;5.14.0&quot;}},&quot;version-5.13.1&quot;:{&quot;sections&quot;:{&quot;before-you-begin&quot;:{&quot;$ref&quot;:&quot;3dd24071e5aacf1d1ffae1431e0cd7a6&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;33c10a7df99600cb9fe87772f2294f66&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;65db1cfd6beff25acea5eca858fd6eff&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;1ebc1575f49fa05a630a775d3d599b2d&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;bf473013db51f4950e3dbd99cf9c0d4d&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;21ae389f786e33784f88c9128c7b4362&quot;}},&quot;config&quot;:{&quot;published&quot;:true,&quot;visible&quot;:true,&quot;api_version&quot;:71},&quot;versions&quot;:{&quot;version&quot;:&quot;5.13.1&quot;}},&quot;version-5.13.0&quot;:{&quot;sections&quot;:{&quot;before-you-begin&quot;:{&quot;$ref&quot;:&quot;3dd24071e5aacf1d1ffae1431e0cd7a6&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;33c10a7df99600cb9fe87772f2294f66&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;65db1cfd6beff25acea5eca858fd6eff&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;1ebc1575f49fa05a630a775d3d599b2d&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;bf473013db51f4950e3dbd99cf9c0d4d&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;21ae389f786e33784f88c9128c7b4362&quot;}},&quot;config&quot;:{&quot;published&quot;:true,&quot;visible&quot;:true,&quot;api_version&quot;:71},&quot;versions&quot;:{&quot;version&quot;:&quot;5.13.0&quot;}},&quot;version-5.12.0&quot;:{&quot;sections&quot;:{&quot;before-you-begin&quot;:{&quot;$ref&quot;:&quot;3dd24071e5aacf1d1ffae1431e0cd7a6&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;33c10a7df99600cb9fe87772f2294f66&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;65db1cfd6beff25acea5eca858fd6eff&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;1ebc1575f49fa05a630a775d3d599b2d&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;bf473013db51f4950e3dbd99cf9c0d4d&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;21ae389f786e33784f88c9128c7b4362&quot;}},&quot;config&quot;:{&quot;published&quot;:true,&quot;visible&quot;:true,&quot;api_version&quot;:71},&quot;versions&quot;:{&quot;version&quot;:&quot;5.12.0&quot;}},&quot;version-5.11.0&quot;:{&quot;sections&quot;:{&quot;before-you-begin&quot;:{&quot;$ref&quot;:&quot;3dd24071e5aacf1d1ffae1431e0cd7a6&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;33c10a7df99600cb9fe87772f2294f66&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;65db1cfd6beff25acea5eca858fd6eff&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;1ebc1575f49fa05a630a775d3d599b2d&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;bf473013db51f4950e3dbd99cf9c0d4d&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;21ae389f786e33784f88c9128c7b4362&quot;}},&quot;config&quot;:{&quot;published&quot;:true,&quot;visible&quot;:true,&quot;api_version&quot;:71},&quot;versions&quot;:{&quot;version&quot;:&quot;5.11.0&quot;}},&quot;version-5.10.0&quot;:{&quot;sections&quot;:{&quot;before-you-begin&quot;:{&quot;$ref&quot;:&quot;3dd24071e5aacf1d1ffae1431e0cd7a6&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;33c10a7df99600cb9fe87772f2294f66&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;65db1cfd6beff25acea5eca858fd6eff&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;1ebc1575f49fa05a630a775d3d599b2d&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;bf473013db51f4950e3dbd99cf9c0d4d&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;21ae389f786e33784f88c9128c7b4362&quot;}},&quot;config&quot;:{&quot;published&quot;:true,&quot;visible&quot;:true,&quot;api_version&quot;:71},&quot;versions&quot;:{&quot;version&quot;:&quot;5.10.0&quot;}},&quot;version-5.9.1&quot;:{&quot;sections&quot;:{&quot;before-you-begin&quot;:{&quot;$ref&quot;:&quot;3dd24071e5aacf1d1ffae1431e0cd7a6&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;33c10a7df99600cb9fe87772f2294f66&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;65db1cfd6beff25acea5eca858fd6eff&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;1ebc1575f49fa05a630a775d3d599b2d&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;bf473013db51f4950e3dbd99cf9c0d4d&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;21ae389f786e33784f88c9128c7b4362&quot;}},&quot;config&quot;:{&quot;published&quot;:true,&quot;visible&quot;:true,&quot;api_version&quot;:71},&quot;versions&quot;:{&quot;version&quot;:&quot;5.9.1&quot;}},&quot;version-5.9.0&quot;:{&quot;sections&quot;:{&quot;before-you-begin&quot;:{&quot;$ref&quot;:&quot;3dd24071e5aacf1d1ffae1431e0cd7a6&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;33c10a7df99600cb9fe87772f2294f66&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;65db1cfd6beff25acea5eca858fd6eff&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;1ebc1575f49fa05a630a775d3d599b2d&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;bf473013db51f4950e3dbd99cf9c0d4d&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;21ae389f786e33784f88c9128c7b4362&quot;}},&quot;config&quot;:{&quot;published&quot;:true,&quot;visible&quot;:true,&quot;api_version&quot;:71},&quot;versions&quot;:{&quot;version&quot;:&quot;5.9.0&quot;}},&quot;version-5.8.0&quot;:{&quot;sections&quot;:{&quot;before-you-begin&quot;:{&quot;$ref&quot;:&quot;3dd24071e5aacf1d1ffae1431e0cd7a6&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;33c10a7df99600cb9fe87772f2294f66&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;65db1cfd6beff25acea5eca858fd6eff&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;1ebc1575f49fa05a630a775d3d599b2d&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;bf473013db51f4950e3dbd99cf9c0d4d&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;21ae389f786e33784f88c9128c7b4362&quot;}},&quot;config&quot;:{&quot;published&quot;:true,&quot;visible&quot;:true,&quot;api_version&quot;:71},&quot;versions&quot;:{&quot;version&quot;:&quot;5.8.0&quot;}},&quot;version-5.7.1&quot;:{&quot;sections&quot;:{&quot;before-you-begin&quot;:{&quot;$ref&quot;:&quot;3dd24071e5aacf1d1ffae1431e0cd7a6&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;33c10a7df99600cb9fe87772f2294f66&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;65db1cfd6beff25acea5eca858fd6eff&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;1ebc1575f49fa05a630a775d3d599b2d&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;bf473013db51f4950e3dbd99cf9c0d4d&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;21ae389f786e33784f88c9128c7b4362&quot;}},&quot;config&quot;:{&quot;published&quot;:true,&quot;visible&quot;:true,&quot;api_version&quot;:71},&quot;versions&quot;:{&quot;version&quot;:&quot;5.7.1&quot;}},&quot;version-5.7.0&quot;:{&quot;sections&quot;:{&quot;before-you-begin&quot;:{&quot;$ref&quot;:&quot;3dd24071e5aacf1d1ffae1431e0cd7a6&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;33c10a7df99600cb9fe87772f2294f66&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;65db1cfd6beff25acea5eca858fd6eff&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;1ebc1575f49fa05a630a775d3d599b2d&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;bf473013db51f4950e3dbd99cf9c0d4d&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;21ae389f786e33784f88c9128c7b4362&quot;}},&quot;config&quot;:{&quot;published&quot;:true,&quot;visible&quot;:true,&quot;api_version&quot;:71},&quot;versions&quot;:{&quot;version&quot;:&quot;5.7.0&quot;}},&quot;version-5.6.0&quot;:{&quot;sections&quot;:{&quot;before-you-begin&quot;:{&quot;$ref&quot;:&quot;3dd24071e5aacf1d1ffae1431e0cd7a6&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;33c10a7df99600cb9fe87772f2294f66&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;65db1cfd6beff25acea5eca858fd6eff&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;1ebc1575f49fa05a630a775d3d599b2d&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;bf473013db51f4950e3dbd99cf9c0d4d&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;21ae389f786e33784f88c9128c7b4362&quot;}},&quot;config&quot;:{&quot;published&quot;:true,&quot;visible&quot;:true,&quot;api_version&quot;:71},&quot;versions&quot;:{&quot;version&quot;:&quot;5.6.0&quot;}},&quot;version-5.5.0&quot;:{&quot;sections&quot;:{&quot;before-you-begin&quot;:{&quot;$ref&quot;:&quot;3dd24071e5aacf1d1ffae1431e0cd7a6&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;33c10a7df99600cb9fe87772f2294f66&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;65db1cfd6beff25acea5eca858fd6eff&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;1ebc1575f49fa05a630a775d3d599b2d&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;bf473013db51f4950e3dbd99cf9c0d4d&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;21ae389f786e33784f88c9128c7b4362&quot;}},&quot;config&quot;:{&quot;published&quot;:true,&quot;visible&quot;:true,&quot;api_version&quot;:71},&quot;versions&quot;:{&quot;version&quot;:&quot;5.5.0&quot;}},&quot;version-5.4.0&quot;:{&quot;sections&quot;:{&quot;before-you-begin&quot;:{&quot;$ref&quot;:&quot;3dd24071e5aacf1d1ffae1431e0cd7a6&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;33c10a7df99600cb9fe87772f2294f66&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;65db1cfd6beff25acea5eca858fd6eff&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;1ebc1575f49fa05a630a775d3d599b2d&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;bf473013db51f4950e3dbd99cf9c0d4d&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;21ae389f786e33784f88c9128c7b4362&quot;}},&quot;config&quot;:{&quot;published&quot;:true,&quot;visible&quot;:true,&quot;api_version&quot;:71},&quot;versions&quot;:{&quot;version&quot;:&quot;5.4.0&quot;}},&quot;version-5.3.1&quot;:{&quot;sections&quot;:{&quot;before-you-begin&quot;:{&quot;$ref&quot;:&quot;3dd24071e5aacf1d1ffae1431e0cd7a6&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;33c10a7df99600cb9fe87772f2294f66&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;65db1cfd6beff25acea5eca858fd6eff&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;1ebc1575f49fa05a630a775d3d599b2d&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;bf473013db51f4950e3dbd99cf9c0d4d&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;21ae389f786e33784f88c9128c7b4362&quot;}},&quot;config&quot;:{&quot;published&quot;:true,&quot;visible&quot;:true,&quot;api_version&quot;:71},&quot;versions&quot;:{&quot;version&quot;:&quot;5.3.1&quot;}},&quot;version-5.3.0&quot;:{&quot;sections&quot;:{&quot;before-you-begin&quot;:{&quot;$ref&quot;:&quot;3dd24071e5aacf1d1ffae1431e0cd7a6&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;33c10a7df99600cb9fe87772f2294f66&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;65db1cfd6beff25acea5eca858fd6eff&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;1ebc1575f49fa05a630a775d3d599b2d&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;bf473013db51f4950e3dbd99cf9c0d4d&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;21ae389f786e33784f88c9128c7b4362&quot;}},&quot;versions&quot;:{&quot;version&quot;:&quot;5.3.0&quot;},&quot;config&quot;:{&quot;published&quot;:true,&quot;visible&quot;:true,&quot;api_version&quot;:71}},&quot;version-5.2.0&quot;:{&quot;sections&quot;:{&quot;before-you-begin&quot;:{&quot;$ref&quot;:&quot;3dd24071e5aacf1d1ffae1431e0cd7a6&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;33c10a7df99600cb9fe87772f2294f66&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;65db1cfd6beff25acea5eca858fd6eff&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;27a5e75c42bff6f2a563f38f539c9ff5&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;8f210e4df04c9926f32a41e4b943d382&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;21ae389f786e33784f88c9128c7b4362&quot;}},&quot;config&quot;:{&quot;published&quot;:true,&quot;visible&quot;:true,&quot;api_version&quot;:71},&quot;versions&quot;:{&quot;version&quot;:&quot;5.2.0&quot;}},&quot;version-5.1.0&quot;:{&quot;sections&quot;:{&quot;before-you-begin&quot;:{&quot;$ref&quot;:&quot;3dd24071e5aacf1d1ffae1431e0cd7a6&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;33c10a7df99600cb9fe87772f2294f66&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;65db1cfd6beff25acea5eca858fd6eff&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;27a5e75c42bff6f2a563f38f539c9ff5&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;8f210e4df04c9926f32a41e4b943d382&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;21ae389f786e33784f88c9128c7b4362&quot;}},&quot;config&quot;:{&quot;published&quot;:true,&quot;visible&quot;:true,&quot;api_version&quot;:71},&quot;versions&quot;:{&quot;version&quot;:&quot;5.1.0&quot;}},&quot;version-5.0.1&quot;:{&quot;sections&quot;:{&quot;before-you-begin&quot;:{&quot;$ref&quot;:&quot;3dd24071e5aacf1d1ffae1431e0cd7a6&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;33c10a7df99600cb9fe87772f2294f66&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;65db1cfd6beff25acea5eca858fd6eff&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;27a5e75c42bff6f2a563f38f539c9ff5&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;8f210e4df04c9926f32a41e4b943d382&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;21ae389f786e33784f88c9128c7b4362&quot;}},&quot;config&quot;:{&quot;published&quot;:true,&quot;visible&quot;:true,&quot;api_version&quot;:71},&quot;versions&quot;:{&quot;version&quot;:&quot;5.0.1&quot;}},&quot;version-5.0.0&quot;:{&quot;sections&quot;:{&quot;before-you-begin&quot;:{&quot;$ref&quot;:&quot;3dd24071e5aacf1d1ffae1431e0cd7a6&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;33c10a7df99600cb9fe87772f2294f66&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;65db1cfd6beff25acea5eca858fd6eff&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;27a5e75c42bff6f2a563f38f539c9ff5&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;8f210e4df04c9926f32a41e4b943d382&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;21ae389f786e33784f88c9128c7b4362&quot;}},&quot;versions&quot;:{&quot;version&quot;:&quot;5.0.0&quot;},&quot;config&quot;:{&quot;published&quot;:true,&quot;visible&quot;:true,&quot;api_version&quot;:71}}},&quot;sections&quot;:[],&quot;components&quot;:{&quot;3dd24071e5aacf1d1ffae1431e0cd7a6&quot;:&quot;&lt;h2&gt;Requirements&lt;\\\/h2&gt;\\n&lt;table&gt;\\n&lt;thead&gt;\\n&lt;tr&gt;\\n&lt;th style=\\&quot;text-align: left;\\&quot;&gt;Requirement&lt;\\\/th&gt;\\n&lt;th style=\\&quot;text-align: left;\\&quot;&gt;Description&lt;\\\/th&gt;\\n&lt;\\\/tr&gt;\\n&lt;\\\/thead&gt;\\n&lt;tbody&gt;\\n&lt;tr&gt;\\n&lt;td style=\\&quot;text-align: left;\\&quot;&gt;&lt;strong&gt;Integration type&lt;\\\/strong&gt;&lt;\\\/td&gt;\\n&lt;td style=\\&quot;text-align: left;\\&quot;&gt;Make sure that you have an existing Sessions flow &lt;a href=\\&quot;\\\/online-payments\\\/build-your-integration\\\/sessions-flow?platform=Android\\&quot;&gt;Android Components integration&lt;\\\/a&gt;.&lt;\\\/td&gt;\\n&lt;td&gt;&lt;\\\/td&gt;\\n&lt;\\\/tr&gt;\\n&lt;tr&gt;\\n&lt;td style=\\&quot;text-align: left;\\&quot;&gt;&lt;strong&gt;Checkout API&lt;\\\/strong&gt;&lt;\\\/td&gt;\\n&lt;td style=\\&quot;text-align: left;\\&quot;&gt;Make sure that you use Checkout API v68 or later.&lt;\\\/td&gt;\\n&lt;td&gt; &lt;\\\/td&gt;\\n&lt;\\\/tr&gt;\\n&lt;tr&gt;\\n&lt;td style=\\&quot;text-align: left;\\&quot;&gt;&lt;strong&gt;Setup steps&lt;\\\/strong&gt;&lt;\\\/td&gt;\\n&lt;td style=\\&quot;text-align: left;\\&quot;&gt;Before you begin, &lt;a href=\\&quot;\\\/payment-methods\\\/add-payment-methods\\&quot;&gt;add UPI in your Customer Area&lt;\\\/a&gt;.&lt;\\\/td&gt;\\n&lt;\\\/tr&gt;\\n&lt;\\\/tbody&gt;\\n&lt;\\\/table&gt;\\n&quot;,&quot;33c10a7df99600cb9fe87772f2294f66&quot;:&quot;&lt;h2&gt;Add additional parameters to your \\\/sessions request&lt;\\\/h2&gt;\\n&lt;p&gt;You do not need to add any parameters when you &lt;a href=\\&quot;\\\/online-payments\\\/build-your-integration\\\/sessions-flow?platform=Android&amp;amp;integration=Components#create-a-payment-session\\&quot;&gt;create a payment session&lt;\\\/a&gt;.&lt;\\\/p&gt;\\n&quot;,&quot;65db1cfd6beff25acea5eca858fd6eff&quot;:&quot;&lt;h2&gt;Import the Component for UPI&lt;\\\/h2&gt;\\n&lt;p&gt;To &lt;a href=\\&quot;\\\/online-payments\\\/build-your-integration\\\/sessions-flow?platform=Android&amp;amp;integration=Components#import\\&quot;&gt;import the library&lt;\\\/a&gt; and include the module for UPI.&lt;\\\/p&gt;\\n\\n&lt;div id=\\&quot;tabN5CHM19594\\&quot;&gt;\\n    &lt;div data-component-wrapper=\\&quot;tabs\\&quot;&gt;\\n        &lt;tabs\\n             :id=\\&quot;&amp;quot;19594&amp;quot;\\&quot;             :items=\\&quot;[{&amp;quot;title&amp;quot;:&amp;quot;With Jetpack Compose&amp;quot;,&amp;quot;content&amp;quot;:&amp;quot;\\\\n&amp;lt;div data-component-wrapper=\\\\&amp;quot;code-sample\\\\&amp;quot;&amp;gt;\\\\n    &amp;lt;code-sample :title=\\\\&amp;quot;&amp;#039;Import the module with Compose&amp;#039;\\\\&amp;quot; :id=\\\\&amp;quot;&amp;#039;&amp;#039;\\\\&amp;quot; :code-data=&amp;#039;[{\\\\&amp;quot;language\\\\&amp;quot;:\\\\&amp;quot;java\\\\&amp;quot;,\\\\&amp;quot;tabTitle\\\\&amp;quot;:\\\\&amp;quot;\\\\&amp;quot;,\\\\&amp;quot;content\\\\&amp;quot;:\\\\&amp;quot;implementation \\\\\\\\\\\\&amp;quot;com.adyen.checkout:UPI:YOUR_VERSION\\\\\\\\\\\\&amp;quot;\\\\\\\\nimplementation \\\\\\\\\\\\&amp;quot;com.adyen.checkout:components-compose:YOUR_VERSION\\\\\\\\\\\\&amp;quot;\\\\&amp;quot;}]&amp;#039; :enable-copy-link-to-code-block=\\\\&amp;quot;true\\\\&amp;quot; :code-sample-card-size=\\\\&amp;quot;&amp;#039;fullsize&amp;#039;\\\\&amp;quot;&amp;gt;&amp;lt;\\\\\\\/code-sample&amp;gt;\\\\n&amp;lt;\\\\\\\/div&amp;gt;\\\\n&amp;quot;,&amp;quot;altTitle&amp;quot;:&amp;quot;compose&amp;quot;,&amp;quot;oldTabId&amp;quot;:&amp;quot;compose-import_1&amp;quot;,&amp;quot;relation&amp;quot;:&amp;quot;compose&amp;quot;},{&amp;quot;title&amp;quot;:&amp;quot;Without Jetpack Compose&amp;quot;,&amp;quot;content&amp;quot;:&amp;quot;\\\\n&amp;lt;div data-component-wrapper=\\\\&amp;quot;code-sample\\\\&amp;quot;&amp;gt;\\\\n    &amp;lt;code-sample :title=\\\\&amp;quot;&amp;#039;Import the module without Compose&amp;#039;\\\\&amp;quot; :id=\\\\&amp;quot;&amp;#039;&amp;#039;\\\\&amp;quot; :code-data=&amp;#039;[{\\\\&amp;quot;language\\\\&amp;quot;:\\\\&amp;quot;java\\\\&amp;quot;,\\\\&amp;quot;tabTitle\\\\&amp;quot;:\\\\&amp;quot;\\\\&amp;quot;,\\\\&amp;quot;content\\\\&amp;quot;:\\\\&amp;quot;implementation \\\\\\\\\\\\&amp;quot;com.adyen.checkout:UPI:YOUR_VERSION\\\\\\\\\\\\&amp;quot;\\\\&amp;quot;}]&amp;#039; :enable-copy-link-to-code-block=\\\\&amp;quot;true\\\\&amp;quot; :code-sample-card-size=\\\\&amp;quot;&amp;#039;fullsize&amp;#039;\\\\&amp;quot;&amp;gt;&amp;lt;\\\\\\\/code-sample&amp;gt;\\\\n&amp;lt;\\\\\\\/div&amp;gt;\\\\n&amp;quot;,&amp;quot;altTitle&amp;quot;:&amp;quot;no-compose&amp;quot;,&amp;quot;oldTabId&amp;quot;:&amp;quot;no-compose-import_2&amp;quot;,&amp;quot;relation&amp;quot;:&amp;quot;no-compose&amp;quot;}]\\&quot;\\n            :should-update-when-url-changes=&#039;true&#039;&gt;\\n        &lt;\\\/tabs&gt;\\n    &lt;\\\/div&gt;\\n&lt;\\\/div&gt;\\n&quot;,&quot;27a5e75c42bff6f2a563f38f539c9ff5&quot;:&quot;&lt;h2&gt;Add additional configuration for UPI&lt;\\\/h2&gt;\\n&lt;p&gt;&lt;a href=\\&quot;\\\/online-payments\\\/build-your-integration\\\/sessions-flow?platform=Android&amp;amp;integration=Components#3-optional-add-a-configuration-object\\&quot;&gt;Add a configuration object&lt;\\\/a&gt; with the following parameters:&lt;\\\/p&gt;\\n&lt;table&gt;\\n&lt;thead&gt;\\n&lt;tr&gt;\\n&lt;th&gt;Parameter&lt;\\\/th&gt;\\n&lt;th&gt;Required&lt;\\\/th&gt;\\n&lt;th&gt;Description&lt;\\\/th&gt;\\n&lt;\\\/tr&gt;\\n&lt;\\\/thead&gt;\\n&lt;tbody&gt;\\n&lt;tr&gt;\\n&lt;td&gt;setSubmitButtonVisible&lt;\\\/td&gt;\\n&lt;td&gt;&lt;\\\/td&gt;\\n&lt;td&gt;Set if you want the submit button to be visible.&lt;\\\/td&gt;\\n&lt;\\\/tr&gt;\\n&lt;\\\/tbody&gt;\\n&lt;\\\/table&gt;\\n&lt;div data-component-wrapper=\\&quot;code-sample\\&quot;&gt;\\n    &lt;code-sample :title=\\&quot;&#039;Add a configuration object&#039;\\&quot; :id=\\&quot;&#039;&#039;\\&quot; :code-data=\\&quot;[{&amp;quot;language&amp;quot;:&amp;quot;kotlin&amp;quot;,&amp;quot;tabTitle&amp;quot;:&amp;quot;&amp;quot;,&amp;quot;content&amp;quot;:&amp;quot;\\\\\\\/\\\\\\\/ Create a configuration object. \\\\nval Configuration = Configuration.Builder(\\\\n    shopperLocale, \\\\\\\/\\\\\\\/ Use your context instead to use the device&#039;s default locale.\\\\n    environment,\\\\n    clientKey\\\\n)\\\\n \\\\n\\\\\\\/\\\\\\\/ Set additional configuration.\\\\n    .setSubmitButtonVisible(value) \\\\n    .build()&amp;quot;}]\\&quot; :enable-copy-link-to-code-block=\\&quot;true\\&quot; :code-sample-card-size=\\&quot;&#039;fullsize&#039;\\&quot;&gt;&lt;\\\/code-sample&gt;\\n&lt;\\\/div&gt;\\n&quot;,&quot;8f210e4df04c9926f32a41e4b943d382&quot;:&quot;&lt;h2&gt;Launch and show the Component for UPI&lt;\\\/h2&gt;\\n&lt;p&gt;To &lt;a href=\\&quot;\\\/online-payments\\\/build-your-integration\\\/sessions-flow?platform=Android&amp;amp;integration=Components#launch-and-show\\&quot;&gt;create the Component&lt;\\\/a&gt; for UPI, use the &lt;code&gt;UPI&lt;\\\/code&gt; class.&lt;\\\/p&gt;\\n\\n&lt;div id=\\&quot;tabHCDie29110\\&quot;&gt;\\n    &lt;div data-component-wrapper=\\&quot;tabs\\&quot;&gt;\\n        &lt;tabs\\n             :id=\\&quot;&amp;quot;29110&amp;quot;\\&quot;             :items=\\&quot;[{&amp;quot;title&amp;quot;:&amp;quot;With Jetpack Compose&amp;quot;,&amp;quot;content&amp;quot;:&amp;quot;\\\\n&amp;lt;div data-component-wrapper=\\\\&amp;quot;code-sample\\\\&amp;quot;&amp;gt;\\\\n    &amp;lt;code-sample :title=\\\\&amp;quot;&amp;#039;Launch and show the Component&amp;#039;\\\\&amp;quot; :id=\\\\&amp;quot;&amp;#039;&amp;#039;\\\\&amp;quot; :code-data=&amp;#039;[{\\\\&amp;quot;language\\\\&amp;quot;:\\\\&amp;quot;kotlin\\\\&amp;quot;,\\\\&amp;quot;tabTitle\\\\&amp;quot;:\\\\&amp;quot;\\\\&amp;quot;,\\\\&amp;quot;content\\\\&amp;quot;:\\\\&amp;quot;import com.adyen.checkout.components.compose.get\\\\\\\\n\\\\\\\\n\\\\\\\\\\\\\\\/\\\\\\\\\\\\\\\/ Get the payment method.\\\\\\\\nval paymentMethod = checkoutSession.getPaymentMethod(PaymentMethodTypes.SCHEME)\\\\\\\\n\\\\\\\\n@Composable\\\\\\\\nprivate fun ComposableUPI() {\\\\\\\\n  \\\\\\\\\\\\\\\/\\\\\\\\\\\\\\\/ Keep a reference to this Component in case you need to access it later.\\\\\\\\n  val UPIComponent = UPI.PROVIDER.get(\\\\\\\\n      checkoutSession = checkoutSession,\\\\\\\\n      paymentMethod = paymentMethod,\\\\\\\\n      configuration = configuration,\\\\\\\\n      componentCallback = callback,\\\\\\\\n      \\\\\\\\\\\\\\\/\\\\\\\\\\\\\\\/ This key is required to ensure a new Component gets created for each different screen or payment session.\\\\\\\\n      \\\\\\\\\\\\\\\/\\\\\\\\\\\\\\\/ Generate a new value for this key every time you need to reset the Component.\\\\\\\\n      key = \\\\\\\\\\\\&amp;quot;YOUR_UNIQUE_KEY_FOR_THIS_COMPONENT\\\\\\\\\\\\&amp;quot;,\\\\\\\\n  )\\\\\\\\n\\\\\\\\n  \\\\\\\\\\\\\\\/\\\\\\\\\\\\\\\/ This is your composable, a wrapper around our xml view.\\\\\\\\n  AdyenComponent(\\\\\\\\n     component = UPIComponent,\\\\\\\\n     modifier = YOUR_MODIFIER,\\\\\\\\n  )\\\\\\\\n}\\\\&amp;quot;}]&amp;#039; :enable-copy-link-to-code-block=\\\\&amp;quot;true\\\\&amp;quot; :code-sample-card-size=\\\\&amp;quot;&amp;#039;fullsize&amp;#039;\\\\&amp;quot;&amp;gt;&amp;lt;\\\\\\\/code-sample&amp;gt;\\\\n&amp;lt;\\\\\\\/div&amp;gt;\\\\n&amp;quot;,&amp;quot;altTitle&amp;quot;:null,&amp;quot;oldTabId&amp;quot;:&amp;quot;with_jetpack_compose_0_1&amp;quot;,&amp;quot;relation&amp;quot;:&amp;quot;&amp;quot;},{&amp;quot;title&amp;quot;:&amp;quot;Without Jetpack Compose&amp;quot;,&amp;quot;content&amp;quot;:&amp;quot;\\\\n&amp;lt;div data-component-wrapper=\\\\&amp;quot;code-sample\\\\&amp;quot;&amp;gt;\\\\n    &amp;lt;code-sample :title=\\\\&amp;quot;&amp;#039;&amp;#039;\\\\&amp;quot; :id=\\\\&amp;quot;&amp;#039;&amp;#039;\\\\&amp;quot; :code-data=&amp;#039;[{\\\\&amp;quot;language\\\\&amp;quot;:\\\\&amp;quot;kotlin\\\\&amp;quot;,\\\\&amp;quot;tabTitle\\\\&amp;quot;:\\\\&amp;quot;\\\\&amp;quot;,\\\\&amp;quot;content\\\\&amp;quot;:\\\\&amp;quot;\\\\\\\\\\\\\\\/\\\\\\\\\\\\\\\/ Get the payment method.\\\\\\\\nval paymentMethod = checkoutSession.getPaymentMethod(PaymentMethodTypes.SCHEME)\\\\\\\\n\\\\\\\\nval UPIComponent = UPI.PROVIDER.get(\\\\\\\\n    activity, \\\\\\\\\\\\\\\/\\\\\\\\\\\\\\\/ Your activity or fragment.\\\\\\\\n    checkoutSession,\\\\\\\\n    paymentMethod,\\\\\\\\n    UPIConfiguration,\\\\\\\\n    componentCallback,\\\\\\\\n)\\\\\\\\n\\\\\\\\n\\\\\\\\\\\\\\\/\\\\\\\\\\\\\\\/ Attach the Component to your view.\\\\\\\\nbinding.UPIView.attach(UPIComponent, activity) \\\\\\\\\\\\\\\/\\\\\\\\\\\\\\\/ Your activity or fragment.\\\\&amp;quot;}]&amp;#039; :enable-copy-link-to-code-block=\\\\&amp;quot;true\\\\&amp;quot; :code-sample-card-size=\\\\&amp;quot;&amp;#039;fullsize&amp;#039;\\\\&amp;quot;&amp;gt;&amp;lt;\\\\\\\/code-sample&amp;gt;\\\\n&amp;lt;\\\\\\\/div&amp;gt;\\\\n&amp;quot;,&amp;quot;altTitle&amp;quot;:null,&amp;quot;oldTabId&amp;quot;:&amp;quot;without_jetpack_compose_1_2&amp;quot;,&amp;quot;relation&amp;quot;:&amp;quot;&amp;quot;}]\\&quot;\\n            :should-update-when-url-changes=&#039;false&#039;&gt;\\n        &lt;\\\/tabs&gt;\\n    &lt;\\\/div&gt;\\n&lt;\\\/div&gt;\\n&quot;,&quot;21ae389f786e33784f88c9128c7b4362&quot;:&quot;&lt;h2&gt;Test and go live&lt;\\\/h2&gt;\\n&lt;p&gt;Depending on your account setup, you may have access to the UPI simulator which you can use to test your UPI integration. Contact your Account Manager or our &lt;a href=\\&quot;https:\\\/\\\/ca-test.adyen.com\\\/ca\\\/ca\\\/contactUs\\\/support.shtml?form=other\\&quot; target=\\&quot;_blank\\&quot; rel=\\&quot;nofollow noopener noreferrer\\&quot; class=\\&quot;external-link no-image\\&quot;&gt;Support Team&lt;\\\/a&gt; if you have questions about the simulator.&lt;\\\/p&gt;\\n&lt;p&gt;You can also use your personal account on a UPI app to test your integration by making live payments with a low value.&lt;\\\/p&gt;&quot;,&quot;1ebc1575f49fa05a630a775d3d599b2d&quot;:&quot;&lt;h2&gt;Add additional configuration for UPI&lt;\\\/h2&gt;\\n&lt;p&gt;&lt;a href=\\&quot;\\\/online-payments\\\/build-your-integration\\\/sessions-flow?platform=Android&amp;amp;integration=Components#3-optional-add-a-configuration-object\\&quot;&gt;Add a configuration object&lt;\\\/a&gt; with the following parameters:&lt;\\\/p&gt;\\n&lt;table&gt;\\n&lt;thead&gt;\\n&lt;tr&gt;\\n&lt;th&gt;Parameter&lt;\\\/th&gt;\\n&lt;th&gt;Required&lt;\\\/th&gt;\\n&lt;th&gt;Description&lt;\\\/th&gt;\\n&lt;\\\/tr&gt;\\n&lt;\\\/thead&gt;\\n&lt;tbody&gt;\\n&lt;tr&gt;\\n&lt;td&gt;setSubmitButtonVisible&lt;\\\/td&gt;\\n&lt;td&gt;&lt;\\\/td&gt;\\n&lt;td&gt;Set if you want the submit button to be visible.&lt;\\\/td&gt;\\n&lt;\\\/tr&gt;\\n&lt;\\\/tbody&gt;\\n&lt;\\\/table&gt;\\n&lt;div data-component-wrapper=\\&quot;code-sample\\&quot;&gt;\\n    &lt;code-sample :title=\\&quot;&#039;Add a configuration object&#039;\\&quot; :id=\\&quot;&#039;&#039;\\&quot; :code-data=\\&quot;[{&amp;quot;language&amp;quot;:&amp;quot;kotlin&amp;quot;,&amp;quot;tabTitle&amp;quot;:&amp;quot;&amp;quot;,&amp;quot;content&amp;quot;:&amp;quot; { \\\\n    .setSubmitButtonVisible(value) \\\\n    \\\\n}&amp;quot;}]\\&quot; :enable-copy-link-to-code-block=\\&quot;true\\&quot; :code-sample-card-size=\\&quot;&#039;fullsize&#039;\\&quot;&gt;&lt;\\\/code-sample&gt;\\n&lt;\\\/div&gt;\\n&quot;,&quot;bf473013db51f4950e3dbd99cf9c0d4d&quot;:&quot;&lt;h2&gt;Launch and show the Component for UPI&lt;\\\/h2&gt;\\n&lt;p&gt;To &lt;a href=\\&quot;\\\/online-payments\\\/build-your-integration\\\/sessions-flow?platform=Android&amp;amp;integration=Components#launch-and-show\\&quot;&gt;create the Component&lt;\\\/a&gt; for UPI, use the &lt;code&gt;UPI&lt;\\\/code&gt; class.&lt;\\\/p&gt;\\n\\n&lt;div id=\\&quot;tabxNWDs7505\\&quot;&gt;\\n    &lt;div data-component-wrapper=\\&quot;tabs\\&quot;&gt;\\n        &lt;tabs\\n             :id=\\&quot;&amp;quot;7505&amp;quot;\\&quot;             :items=\\&quot;[{&amp;quot;title&amp;quot;:&amp;quot;With Jetpack Compose&amp;quot;,&amp;quot;content&amp;quot;:&amp;quot;\\\\n&amp;lt;div data-component-wrapper=\\\\&amp;quot;code-sample\\\\&amp;quot;&amp;gt;\\\\n    &amp;lt;code-sample :title=\\\\&amp;quot;&amp;#039;Launch and show the Component&amp;#039;\\\\&amp;quot; :id=\\\\&amp;quot;&amp;#039;&amp;#039;\\\\&amp;quot; :code-data=&amp;#039;[{\\\\&amp;quot;language\\\\&amp;quot;:\\\\&amp;quot;kotlin\\\\&amp;quot;,\\\\&amp;quot;tabTitle\\\\&amp;quot;:\\\\&amp;quot;\\\\&amp;quot;,\\\\&amp;quot;content\\\\&amp;quot;:\\\\&amp;quot;import com.adyen.checkout.components.compose.get\\\\\\\\n\\\\\\\\n\\\\\\\\\\\\\\\/\\\\\\\\\\\\\\\/ Get the payment method.\\\\\\\\nval paymentMethod = checkoutSession.getPaymentMethod(PaymentMethodTypes.SCHEME)\\\\\\\\n\\\\\\\\n@Composable\\\\\\\\nprivate fun ComposableUPI() {\\\\\\\\n  \\\\\\\\\\\\\\\/\\\\\\\\\\\\\\\/ Keep a reference to this Component in case you need to access it later.\\\\\\\\n  val UPIComponent = UPI.PROVIDER.get(\\\\\\\\n      checkoutSession = checkoutSession,\\\\\\\\n      paymentMethod = paymentMethod,\\\\\\\\n      configuration = checkoutConfiguration, \\\\\\\\n      componentCallback = callback,\\\\\\\\n      \\\\\\\\\\\\\\\/\\\\\\\\\\\\\\\/ This key is required to ensure a new Component gets created for each different screen or payment session.\\\\\\\\n      \\\\\\\\\\\\\\\/\\\\\\\\\\\\\\\/ Generate a new value for this key every time you need to reset the Component.\\\\\\\\n      key = \\\\\\\\\\\\&amp;quot;YOUR_UNIQUE_KEY_FOR_THIS_COMPONENT\\\\\\\\\\\\&amp;quot;,\\\\\\\\n  )\\\\\\\\n\\\\\\\\n  \\\\\\\\\\\\\\\/\\\\\\\\\\\\\\\/ This is your composable, a wrapper around our xml view.\\\\\\\\n  AdyenComponent(\\\\\\\\n     component = UPIComponent,\\\\\\\\n     modifier = YOUR_MODIFIER,\\\\\\\\n  )\\\\\\\\n}\\\\&amp;quot;}]&amp;#039; :enable-copy-link-to-code-block=\\\\&amp;quot;true\\\\&amp;quot; :code-sample-card-size=\\\\&amp;quot;&amp;#039;fullsize&amp;#039;\\\\&amp;quot;&amp;gt;&amp;lt;\\\\\\\/code-sample&amp;gt;\\\\n&amp;lt;\\\\\\\/div&amp;gt;\\\\n&amp;quot;,&amp;quot;altTitle&amp;quot;:null,&amp;quot;oldTabId&amp;quot;:&amp;quot;with_jetpack_compose_0_1&amp;quot;,&amp;quot;relation&amp;quot;:&amp;quot;&amp;quot;},{&amp;quot;title&amp;quot;:&amp;quot;Without Jetpack Compose&amp;quot;,&amp;quot;content&amp;quot;:&amp;quot;\\\\n&amp;lt;div data-component-wrapper=\\\\&amp;quot;code-sample\\\\&amp;quot;&amp;gt;\\\\n    &amp;lt;code-sample :title=\\\\&amp;quot;&amp;#039;&amp;#039;\\\\&amp;quot; :id=\\\\&amp;quot;&amp;#039;&amp;#039;\\\\&amp;quot; :code-data=&amp;#039;[{\\\\&amp;quot;language\\\\&amp;quot;:\\\\&amp;quot;kotlin\\\\&amp;quot;,\\\\&amp;quot;tabTitle\\\\&amp;quot;:\\\\&amp;quot;\\\\&amp;quot;,\\\\&amp;quot;content\\\\&amp;quot;:\\\\&amp;quot;\\\\\\\\\\\\\\\/\\\\\\\\\\\\\\\/ Get the payment method.\\\\\\\\nval paymentMethod = checkoutSession.getPaymentMethod(PaymentMethodTypes.SCHEME)\\\\\\\\n\\\\\\\\nval UPIComponent = UPI.PROVIDER.get(\\\\\\\\n    activity, \\\\\\\\\\\\\\\/\\\\\\\\\\\\\\\/ Your activity or fragment.\\\\\\\\n    checkoutSession,\\\\\\\\n    paymentMethod,\\\\\\\\n    checkoutConfiguration, \\\\\\\\n    componentCallback\\\\\\\\n)\\\\\\\\n\\\\\\\\n\\\\\\\\\\\\\\\/\\\\\\\\\\\\\\\/ Attach the Component to your view.\\\\\\\\nbinding.UPIView.attach(UPIComponent, activity) \\\\\\\\\\\\\\\/\\\\\\\\\\\\\\\/ Your activity or fragment.\\\\&amp;quot;}]&amp;#039; :enable-copy-link-to-code-block=\\\\&amp;quot;true\\\\&amp;quot; :code-sample-card-size=\\\\&amp;quot;&amp;#039;fullsize&amp;#039;\\\\&amp;quot;&amp;gt;&amp;lt;\\\\\\\/code-sample&amp;gt;\\\\n&amp;lt;\\\\\\\/div&amp;gt;\\\\n&amp;quot;,&amp;quot;altTitle&amp;quot;:null,&amp;quot;oldTabId&amp;quot;:&amp;quot;without_jetpack_compose_1_2&amp;quot;,&amp;quot;relation&amp;quot;:&amp;quot;&amp;quot;}]\\&quot;\\n            :should-update-when-url-changes=&#039;false&#039;&gt;\\n        &lt;\\\/tabs&gt;\\n    &lt;\\\/div&gt;\\n&lt;\\\/div&gt;\\n&quot;}}}},&quot;advanced&quot;:{&quot;label&quot;:&quot;Advanced flow&quot;,&quot;integrations&quot;:{&quot;components&quot;:{&quot;label&quot;:&quot;Component&quot;,&quot;description&quot;:null,&quot;displayVersionDropdown&quot;:true,&quot;visual_content&quot;:null,&quot;visual_images&quot;:null,&quot;external_content&quot;:null,&quot;external_icon&quot;:null,&quot;versions&quot;:{&quot;version-5.17.0&quot;:{&quot;sections&quot;:{&quot;requirements&quot;:{&quot;$ref&quot;:&quot;d1f80ace300c9b4afd1ec3465b2241db&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;5791785b92dad782e28f95c7d656f4aa&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;e46531c9c4a281accb4b1aa5187997d2&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;930d518e6f0b59e20c36385af42712fa&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;c4c3fb8e5ee723b6b1c694805e575f36&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;21ae389f786e33784f88c9128c7b4362&quot;}},&quot;config&quot;:{&quot;published&quot;:true,&quot;visible&quot;:true,&quot;api_version&quot;:null},&quot;versions&quot;:{&quot;version&quot;:&quot;5.17.0&quot;}},&quot;version-5.16.1&quot;:{&quot;sections&quot;:{&quot;requirements&quot;:{&quot;$ref&quot;:&quot;d1f80ace300c9b4afd1ec3465b2241db&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;5791785b92dad782e28f95c7d656f4aa&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;e46531c9c4a281accb4b1aa5187997d2&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;930d518e6f0b59e20c36385af42712fa&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;c4c3fb8e5ee723b6b1c694805e575f36&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;21ae389f786e33784f88c9128c7b4362&quot;}},&quot;config&quot;:{&quot;published&quot;:true,&quot;visible&quot;:true,&quot;api_version&quot;:null},&quot;versions&quot;:{&quot;version&quot;:&quot;5.16.1&quot;}},&quot;version-5.16.0&quot;:{&quot;sections&quot;:{&quot;requirements&quot;:{&quot;$ref&quot;:&quot;d1f80ace300c9b4afd1ec3465b2241db&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;5791785b92dad782e28f95c7d656f4aa&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;e46531c9c4a281accb4b1aa5187997d2&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;930d518e6f0b59e20c36385af42712fa&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;c4c3fb8e5ee723b6b1c694805e575f36&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;21ae389f786e33784f88c9128c7b4362&quot;}},&quot;config&quot;:{&quot;published&quot;:true,&quot;visible&quot;:true,&quot;api_version&quot;:null},&quot;versions&quot;:{&quot;version&quot;:&quot;5.16.0&quot;}},&quot;version-5.15.0&quot;:{&quot;sections&quot;:{&quot;requirements&quot;:{&quot;$ref&quot;:&quot;d1f80ace300c9b4afd1ec3465b2241db&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;5791785b92dad782e28f95c7d656f4aa&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;e46531c9c4a281accb4b1aa5187997d2&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;930d518e6f0b59e20c36385af42712fa&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;c4c3fb8e5ee723b6b1c694805e575f36&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;21ae389f786e33784f88c9128c7b4362&quot;}},&quot;config&quot;:{&quot;published&quot;:true,&quot;visible&quot;:true,&quot;api_version&quot;:null},&quot;versions&quot;:{&quot;version&quot;:&quot;5.15.0&quot;}},&quot;version-5.14.0&quot;:{&quot;sections&quot;:{&quot;requirements&quot;:{&quot;$ref&quot;:&quot;d1f80ace300c9b4afd1ec3465b2241db&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;5791785b92dad782e28f95c7d656f4aa&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;e46531c9c4a281accb4b1aa5187997d2&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;930d518e6f0b59e20c36385af42712fa&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;c4c3fb8e5ee723b6b1c694805e575f36&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;21ae389f786e33784f88c9128c7b4362&quot;}},&quot;config&quot;:{&quot;published&quot;:true,&quot;visible&quot;:true,&quot;api_version&quot;:null},&quot;versions&quot;:{&quot;version&quot;:&quot;5.14.0&quot;}},&quot;version-5.13.1&quot;:{&quot;sections&quot;:{&quot;requirements&quot;:{&quot;$ref&quot;:&quot;d1f80ace300c9b4afd1ec3465b2241db&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;5791785b92dad782e28f95c7d656f4aa&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;e46531c9c4a281accb4b1aa5187997d2&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;930d518e6f0b59e20c36385af42712fa&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;c4c3fb8e5ee723b6b1c694805e575f36&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;21ae389f786e33784f88c9128c7b4362&quot;}},&quot;config&quot;:{&quot;published&quot;:true,&quot;visible&quot;:true,&quot;api_version&quot;:null},&quot;versions&quot;:{&quot;version&quot;:&quot;5.13.1&quot;}},&quot;version-5.13.0&quot;:{&quot;sections&quot;:{&quot;requirements&quot;:{&quot;$ref&quot;:&quot;d1f80ace300c9b4afd1ec3465b2241db&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;5791785b92dad782e28f95c7d656f4aa&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;e46531c9c4a281accb4b1aa5187997d2&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;930d518e6f0b59e20c36385af42712fa&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;c4c3fb8e5ee723b6b1c694805e575f36&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;21ae389f786e33784f88c9128c7b4362&quot;}},&quot;config&quot;:{&quot;published&quot;:true,&quot;visible&quot;:true,&quot;api_version&quot;:null},&quot;versions&quot;:{&quot;version&quot;:&quot;5.13.0&quot;}},&quot;version-5.12.0&quot;:{&quot;sections&quot;:{&quot;requirements&quot;:{&quot;$ref&quot;:&quot;d1f80ace300c9b4afd1ec3465b2241db&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;5791785b92dad782e28f95c7d656f4aa&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;e46531c9c4a281accb4b1aa5187997d2&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;930d518e6f0b59e20c36385af42712fa&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;c4c3fb8e5ee723b6b1c694805e575f36&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;21ae389f786e33784f88c9128c7b4362&quot;}},&quot;config&quot;:{&quot;published&quot;:true,&quot;visible&quot;:true,&quot;api_version&quot;:null},&quot;versions&quot;:{&quot;version&quot;:&quot;5.12.0&quot;}},&quot;version-5.11.0&quot;:{&quot;sections&quot;:{&quot;requirements&quot;:{&quot;$ref&quot;:&quot;d1f80ace300c9b4afd1ec3465b2241db&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;5791785b92dad782e28f95c7d656f4aa&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;e46531c9c4a281accb4b1aa5187997d2&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;930d518e6f0b59e20c36385af42712fa&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;c4c3fb8e5ee723b6b1c694805e575f36&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;21ae389f786e33784f88c9128c7b4362&quot;}},&quot;config&quot;:{&quot;published&quot;:true,&quot;visible&quot;:true,&quot;api_version&quot;:null},&quot;versions&quot;:{&quot;version&quot;:&quot;5.11.0&quot;}},&quot;version-5.10.0&quot;:{&quot;sections&quot;:{&quot;requirements&quot;:{&quot;$ref&quot;:&quot;d1f80ace300c9b4afd1ec3465b2241db&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;5791785b92dad782e28f95c7d656f4aa&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;e46531c9c4a281accb4b1aa5187997d2&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;930d518e6f0b59e20c36385af42712fa&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;c4c3fb8e5ee723b6b1c694805e575f36&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;21ae389f786e33784f88c9128c7b4362&quot;}},&quot;config&quot;:{&quot;published&quot;:true,&quot;visible&quot;:true,&quot;api_version&quot;:null},&quot;versions&quot;:{&quot;version&quot;:&quot;5.10.0&quot;}},&quot;version-5.9.1&quot;:{&quot;sections&quot;:{&quot;requirements&quot;:{&quot;$ref&quot;:&quot;d1f80ace300c9b4afd1ec3465b2241db&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;5791785b92dad782e28f95c7d656f4aa&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;e46531c9c4a281accb4b1aa5187997d2&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;930d518e6f0b59e20c36385af42712fa&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;c4c3fb8e5ee723b6b1c694805e575f36&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;21ae389f786e33784f88c9128c7b4362&quot;}},&quot;config&quot;:{&quot;published&quot;:true,&quot;visible&quot;:true,&quot;api_version&quot;:null},&quot;versions&quot;:{&quot;version&quot;:&quot;5.9.1&quot;}},&quot;version-5.9.0&quot;:{&quot;sections&quot;:{&quot;requirements&quot;:{&quot;$ref&quot;:&quot;d1f80ace300c9b4afd1ec3465b2241db&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;5791785b92dad782e28f95c7d656f4aa&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;e46531c9c4a281accb4b1aa5187997d2&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;930d518e6f0b59e20c36385af42712fa&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;c4c3fb8e5ee723b6b1c694805e575f36&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;21ae389f786e33784f88c9128c7b4362&quot;}},&quot;config&quot;:{&quot;published&quot;:true,&quot;visible&quot;:true,&quot;api_version&quot;:null},&quot;versions&quot;:{&quot;version&quot;:&quot;5.9.0&quot;}},&quot;version-5.8.0&quot;:{&quot;sections&quot;:{&quot;requirements&quot;:{&quot;$ref&quot;:&quot;d1f80ace300c9b4afd1ec3465b2241db&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;5791785b92dad782e28f95c7d656f4aa&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;e46531c9c4a281accb4b1aa5187997d2&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;930d518e6f0b59e20c36385af42712fa&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;c4c3fb8e5ee723b6b1c694805e575f36&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;21ae389f786e33784f88c9128c7b4362&quot;}},&quot;config&quot;:{&quot;published&quot;:true,&quot;visible&quot;:true,&quot;api_version&quot;:null},&quot;versions&quot;:{&quot;version&quot;:&quot;5.8.0&quot;}},&quot;version-5.7.1&quot;:{&quot;sections&quot;:{&quot;requirements&quot;:{&quot;$ref&quot;:&quot;d1f80ace300c9b4afd1ec3465b2241db&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;5791785b92dad782e28f95c7d656f4aa&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;e46531c9c4a281accb4b1aa5187997d2&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;930d518e6f0b59e20c36385af42712fa&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;c4c3fb8e5ee723b6b1c694805e575f36&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;21ae389f786e33784f88c9128c7b4362&quot;}},&quot;config&quot;:{&quot;published&quot;:true,&quot;visible&quot;:true,&quot;api_version&quot;:null},&quot;versions&quot;:{&quot;version&quot;:&quot;5.7.1&quot;}},&quot;version-5.7.0&quot;:{&quot;sections&quot;:{&quot;requirements&quot;:{&quot;$ref&quot;:&quot;d1f80ace300c9b4afd1ec3465b2241db&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;5791785b92dad782e28f95c7d656f4aa&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;e46531c9c4a281accb4b1aa5187997d2&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;930d518e6f0b59e20c36385af42712fa&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;c4c3fb8e5ee723b6b1c694805e575f36&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;21ae389f786e33784f88c9128c7b4362&quot;}},&quot;config&quot;:{&quot;published&quot;:true,&quot;visible&quot;:true,&quot;api_version&quot;:null},&quot;versions&quot;:{&quot;version&quot;:&quot;5.7.0&quot;}},&quot;version-5.6.0&quot;:{&quot;sections&quot;:{&quot;requirements&quot;:{&quot;$ref&quot;:&quot;d1f80ace300c9b4afd1ec3465b2241db&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;5791785b92dad782e28f95c7d656f4aa&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;e46531c9c4a281accb4b1aa5187997d2&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;930d518e6f0b59e20c36385af42712fa&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;c4c3fb8e5ee723b6b1c694805e575f36&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;21ae389f786e33784f88c9128c7b4362&quot;}},&quot;config&quot;:{&quot;published&quot;:true,&quot;visible&quot;:true,&quot;api_version&quot;:null},&quot;versions&quot;:{&quot;version&quot;:&quot;5.6.0&quot;}},&quot;version-5.5.0&quot;:{&quot;sections&quot;:{&quot;requirements&quot;:{&quot;$ref&quot;:&quot;d1f80ace300c9b4afd1ec3465b2241db&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;5791785b92dad782e28f95c7d656f4aa&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;e46531c9c4a281accb4b1aa5187997d2&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;930d518e6f0b59e20c36385af42712fa&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;c4c3fb8e5ee723b6b1c694805e575f36&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;21ae389f786e33784f88c9128c7b4362&quot;}},&quot;config&quot;:{&quot;published&quot;:true,&quot;visible&quot;:true,&quot;api_version&quot;:null},&quot;versions&quot;:{&quot;version&quot;:&quot;5.5.0&quot;}},&quot;version-5.4.0&quot;:{&quot;sections&quot;:{&quot;requirements&quot;:{&quot;$ref&quot;:&quot;d1f80ace300c9b4afd1ec3465b2241db&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;5791785b92dad782e28f95c7d656f4aa&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;e46531c9c4a281accb4b1aa5187997d2&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;930d518e6f0b59e20c36385af42712fa&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;c4c3fb8e5ee723b6b1c694805e575f36&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;21ae389f786e33784f88c9128c7b4362&quot;}},&quot;config&quot;:{&quot;published&quot;:true,&quot;visible&quot;:true,&quot;api_version&quot;:null},&quot;versions&quot;:{&quot;version&quot;:&quot;5.4.0&quot;}},&quot;version-5.3.1&quot;:{&quot;sections&quot;:{&quot;requirements&quot;:{&quot;$ref&quot;:&quot;d1f80ace300c9b4afd1ec3465b2241db&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;5791785b92dad782e28f95c7d656f4aa&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;e46531c9c4a281accb4b1aa5187997d2&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;930d518e6f0b59e20c36385af42712fa&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;c4c3fb8e5ee723b6b1c694805e575f36&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;21ae389f786e33784f88c9128c7b4362&quot;}},&quot;config&quot;:{&quot;published&quot;:true,&quot;visible&quot;:true,&quot;api_version&quot;:null},&quot;versions&quot;:{&quot;version&quot;:&quot;5.3.1&quot;}},&quot;version-5.3.0&quot;:{&quot;sections&quot;:{&quot;requirements&quot;:{&quot;$ref&quot;:&quot;d1f80ace300c9b4afd1ec3465b2241db&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;5791785b92dad782e28f95c7d656f4aa&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;e46531c9c4a281accb4b1aa5187997d2&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;930d518e6f0b59e20c36385af42712fa&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;c4c3fb8e5ee723b6b1c694805e575f36&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;21ae389f786e33784f88c9128c7b4362&quot;}},&quot;versions&quot;:{&quot;version&quot;:&quot;5.3.0&quot;},&quot;config&quot;:{&quot;published&quot;:true,&quot;visible&quot;:true,&quot;api_version&quot;:null}},&quot;version-5.2.0&quot;:{&quot;sections&quot;:{&quot;requirements&quot;:{&quot;$ref&quot;:&quot;d1f80ace300c9b4afd1ec3465b2241db&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;af75ab6f683f113137265b40fb65fcd4&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;db1e8a9dbe845d95883b1cde29ba3078&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;e0465a8d8c54671ac91226fb6df5185b&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;c4c3fb8e5ee723b6b1c694805e575f36&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;21ae389f786e33784f88c9128c7b4362&quot;}},&quot;config&quot;:{&quot;published&quot;:true,&quot;visible&quot;:true,&quot;api_version&quot;:null},&quot;versions&quot;:{&quot;version&quot;:&quot;5.2.0&quot;}},&quot;version-5.1.0&quot;:{&quot;sections&quot;:{&quot;requirements&quot;:{&quot;$ref&quot;:&quot;d1f80ace300c9b4afd1ec3465b2241db&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;af75ab6f683f113137265b40fb65fcd4&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;db1e8a9dbe845d95883b1cde29ba3078&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;e0465a8d8c54671ac91226fb6df5185b&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;c4c3fb8e5ee723b6b1c694805e575f36&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;21ae389f786e33784f88c9128c7b4362&quot;}},&quot;config&quot;:{&quot;published&quot;:true,&quot;visible&quot;:true,&quot;api_version&quot;:null},&quot;versions&quot;:{&quot;version&quot;:&quot;5.1.0&quot;}},&quot;version-5.0.1&quot;:{&quot;sections&quot;:{&quot;requirements&quot;:{&quot;$ref&quot;:&quot;d1f80ace300c9b4afd1ec3465b2241db&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;af75ab6f683f113137265b40fb65fcd4&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;db1e8a9dbe845d95883b1cde29ba3078&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;e0465a8d8c54671ac91226fb6df5185b&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;c4c3fb8e5ee723b6b1c694805e575f36&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;21ae389f786e33784f88c9128c7b4362&quot;}},&quot;config&quot;:{&quot;published&quot;:true,&quot;visible&quot;:true,&quot;api_version&quot;:null},&quot;versions&quot;:{&quot;version&quot;:&quot;5.0.1&quot;}},&quot;version-5.0.0&quot;:{&quot;sections&quot;:{&quot;requirements&quot;:{&quot;$ref&quot;:&quot;d1f80ace300c9b4afd1ec3465b2241db&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;af75ab6f683f113137265b40fb65fcd4&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;db1e8a9dbe845d95883b1cde29ba3078&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;e0465a8d8c54671ac91226fb6df5185b&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;c4c3fb8e5ee723b6b1c694805e575f36&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;21ae389f786e33784f88c9128c7b4362&quot;}},&quot;versions&quot;:{&quot;version&quot;:&quot;5.0.0&quot;},&quot;config&quot;:{&quot;published&quot;:true,&quot;visible&quot;:true,&quot;api_version&quot;:null}}},&quot;sections&quot;:[],&quot;components&quot;:{&quot;d1f80ace300c9b4afd1ec3465b2241db&quot;:&quot;&lt;h2&gt;Requirements&lt;\\\/h2&gt;\\n&lt;table&gt;\\n&lt;thead&gt;\\n&lt;tr&gt;\\n&lt;th style=\\&quot;text-align: left;\\&quot;&gt;Requirement&lt;\\\/th&gt;\\n&lt;th style=\\&quot;text-align: left;\\&quot;&gt;Description&lt;\\\/th&gt;\\n&lt;\\\/tr&gt;\\n&lt;\\\/thead&gt;\\n&lt;tbody&gt;\\n&lt;tr&gt;\\n&lt;td style=\\&quot;text-align: left;\\&quot;&gt;&lt;strong&gt;Integration type&lt;\\\/strong&gt;&lt;\\\/td&gt;\\n&lt;td style=\\&quot;text-align: left;\\&quot;&gt;Make sure that you have an existing Advanced flow &lt;a href=\\&quot;\\\/online-payments\\\/build-your-integration\\\/advanced-flow?platform=Android\\&quot;&gt;Android Components integration&lt;\\\/a&gt;.&lt;\\\/td&gt;\\n&lt;td&gt; &lt;\\\/td&gt;\\n&lt;\\\/tr&gt;\\n&lt;tr&gt;\\n&lt;td style=\\&quot;text-align: left;\\&quot;&gt;&lt;strong&gt;Action handling&lt;\\\/strong&gt;&lt;\\\/td&gt;\\n&lt;td style=\\&quot;text-align: left;\\&quot;&gt;Make sure that your existing integration is set up to &lt;a href=\\&quot;\\\/online-payments\\\/build-your-integration\\\/advanced-flow\\\/?platform=Android&amp;amp;integration=Components#handle-the-redirect\\&quot;&gt;handle the additional action&lt;\\\/a&gt;. &lt;br&gt; &lt;code&gt;action.type&lt;\\\/code&gt;: &lt;strong&gt;await&lt;\\\/strong&gt;.&lt;\\\/td&gt;\\n&lt;td&gt;&lt;\\\/td&gt;\\n&lt;\\\/tr&gt;\\n&lt;tr&gt;\\n&lt;td style=\\&quot;text-align: left;\\&quot;&gt;&lt;strong&gt;Setup steps&lt;\\\/strong&gt;&lt;\\\/td&gt;\\n&lt;td style=\\&quot;text-align: left;\\&quot;&gt;Before you begin, &lt;a href=\\&quot;\\\/payment-methods\\\/add-payment-methods\\&quot;&gt;add UPI in your Customer Area&lt;\\\/a&gt;.&lt;\\\/td&gt;\\n&lt;\\\/tr&gt;\\n&lt;\\\/tbody&gt;\\n&lt;\\\/table&gt;\\n&quot;,&quot;af75ab6f683f113137265b40fb65fcd4&quot;:&quot;&lt;h2&gt;Import the Component for UPI&lt;\\\/h2&gt;\\n&lt;p&gt;To &lt;a href=\\&quot;\\\/online-payments\\\/build-your-integration\\\/advanced-flow\\\/?platform=Android&amp;amp;integration=Components#import\\&quot;&gt;import the library&lt;\\\/a&gt; and include the module for UPI.&lt;\\\/p&gt;\\n\\n&lt;div id=\\&quot;tabPNnT479367\\&quot;&gt;\\n    &lt;div data-component-wrapper=\\&quot;tabs\\&quot;&gt;\\n        &lt;tabs\\n             :id=\\&quot;&amp;quot;79367&amp;quot;\\&quot;             :items=\\&quot;[{&amp;quot;title&amp;quot;:&amp;quot;With Jetpack Compose&amp;quot;,&amp;quot;content&amp;quot;:&amp;quot;\\\\n&amp;lt;div data-component-wrapper=\\\\&amp;quot;code-sample\\\\&amp;quot;&amp;gt;\\\\n    &amp;lt;code-sample :title=\\\\&amp;quot;&amp;#039;Import the module with Compose&amp;#039;\\\\&amp;quot; :id=\\\\&amp;quot;&amp;#039;&amp;#039;\\\\&amp;quot; :code-data=&amp;#039;[{\\\\&amp;quot;language\\\\&amp;quot;:\\\\&amp;quot;java\\\\&amp;quot;,\\\\&amp;quot;tabTitle\\\\&amp;quot;:\\\\&amp;quot;\\\\&amp;quot;,\\\\&amp;quot;content\\\\&amp;quot;:\\\\&amp;quot;implementation \\\\\\\\\\\\&amp;quot;com.adyen.checkout:UPI:YOUR_VERSION\\\\\\\\\\\\&amp;quot;\\\\\\\\nimplementation \\\\\\\\\\\\&amp;quot;com.adyen.checkout:components-compose:YOUR_VERSION\\\\\\\\\\\\&amp;quot;\\\\&amp;quot;}]&amp;#039; :enable-copy-link-to-code-block=\\\\&amp;quot;true\\\\&amp;quot; :code-sample-card-size=\\\\&amp;quot;&amp;#039;fullsize&amp;#039;\\\\&amp;quot;&amp;gt;&amp;lt;\\\\\\\/code-sample&amp;gt;\\\\n&amp;lt;\\\\\\\/div&amp;gt;\\\\n&amp;quot;,&amp;quot;altTitle&amp;quot;:&amp;quot;compose&amp;quot;,&amp;quot;oldTabId&amp;quot;:&amp;quot;compose-import_1&amp;quot;,&amp;quot;relation&amp;quot;:&amp;quot;compose&amp;quot;},{&amp;quot;title&amp;quot;:&amp;quot;Without Jetpack Compose&amp;quot;,&amp;quot;content&amp;quot;:&amp;quot;\\\\n&amp;lt;div data-component-wrapper=\\\\&amp;quot;code-sample\\\\&amp;quot;&amp;gt;\\\\n    &amp;lt;code-sample :title=\\\\&amp;quot;&amp;#039;Import the module without Compose&amp;#039;\\\\&amp;quot; :id=\\\\&amp;quot;&amp;#039;&amp;#039;\\\\&amp;quot; :code-data=&amp;#039;[{\\\\&amp;quot;language\\\\&amp;quot;:\\\\&amp;quot;java\\\\&amp;quot;,\\\\&amp;quot;tabTitle\\\\&amp;quot;:\\\\&amp;quot;\\\\&amp;quot;,\\\\&amp;quot;content\\\\&amp;quot;:\\\\&amp;quot;implementation \\\\\\\\\\\\&amp;quot;com.adyen.checkout:UPI:YOUR_VERSION\\\\\\\\\\\\&amp;quot;\\\\&amp;quot;}]&amp;#039; :enable-copy-link-to-code-block=\\\\&amp;quot;true\\\\&amp;quot; :code-sample-card-size=\\\\&amp;quot;&amp;#039;fullsize&amp;#039;\\\\&amp;quot;&amp;gt;&amp;lt;\\\\\\\/code-sample&amp;gt;\\\\n&amp;lt;\\\\\\\/div&amp;gt;\\\\n&amp;quot;,&amp;quot;altTitle&amp;quot;:&amp;quot;no-compose&amp;quot;,&amp;quot;oldTabId&amp;quot;:&amp;quot;no-compose-import_2&amp;quot;,&amp;quot;relation&amp;quot;:&amp;quot;no-compose&amp;quot;}]\\&quot;\\n            :should-update-when-url-changes=&#039;true&#039;&gt;\\n        &lt;\\\/tabs&gt;\\n    &lt;\\\/div&gt;\\n&lt;\\\/div&gt;\\n&quot;,&quot;db1e8a9dbe845d95883b1cde29ba3078&quot;:&quot;&lt;h2&gt;Add additional configuration for UPI&lt;\\\/h2&gt;\\n&lt;p&gt;&lt;a href=\\&quot;\\\/online-payments\\\/build-your-integration\\\/advanced-flow\\\/?platform=Android&amp;amp;integration=Components#3-optional-add-a-configuration-object\\&quot;&gt;Add a configuration object&lt;\\\/a&gt; with the following parameters:&lt;\\\/p&gt;\\n&lt;table&gt;\\n&lt;thead&gt;\\n&lt;tr&gt;\\n&lt;th&gt;Parameter&lt;\\\/th&gt;\\n&lt;th&gt;Required&lt;\\\/th&gt;\\n&lt;th&gt;Description&lt;\\\/th&gt;\\n&lt;\\\/tr&gt;\\n&lt;\\\/thead&gt;\\n&lt;tbody&gt;\\n&lt;tr&gt;\\n&lt;td&gt;setSubmitButtonVisible&lt;\\\/td&gt;\\n&lt;td&gt;&lt;\\\/td&gt;\\n&lt;td&gt;Set if you want the submit button to be visible.&lt;\\\/td&gt;\\n&lt;\\\/tr&gt;\\n&lt;\\\/tbody&gt;\\n&lt;\\\/table&gt;\\n&lt;div data-component-wrapper=\\&quot;code-sample\\&quot;&gt;\\n    &lt;code-sample :title=\\&quot;&#039;Add a configuration object&#039;\\&quot; :id=\\&quot;&#039;&#039;\\&quot; :code-data=\\&quot;[{&amp;quot;language&amp;quot;:&amp;quot;kotlin&amp;quot;,&amp;quot;tabTitle&amp;quot;:&amp;quot;&amp;quot;,&amp;quot;content&amp;quot;:&amp;quot;\\\\\\\/\\\\\\\/ Create a configuration object. \\\\nval Configuration = Configuration.Builder(\\\\n    shopperLocale, \\\\\\\/\\\\\\\/ Use your context instead to use the device&#039;s default locale.\\\\n    environment,\\\\n    clientKey\\\\n)\\\\n \\\\n\\\\\\\/\\\\\\\/ Set additional configuration.\\\\n    .setSubmitButtonVisible(value) \\\\n    .build()&amp;quot;}]\\&quot; :enable-copy-link-to-code-block=\\&quot;true\\&quot; :code-sample-card-size=\\&quot;&#039;fullsize&#039;\\&quot;&gt;&lt;\\\/code-sample&gt;\\n&lt;\\\/div&gt;\\n&quot;,&quot;e0465a8d8c54671ac91226fb6df5185b&quot;:&quot;&lt;h2&gt;Launch and show the Component for UPI&lt;\\\/h2&gt;\\n&lt;p&gt;To &lt;a href=\\&quot;\\\/online-payments\\\/build-your-integration\\\/advanced-flow\\\/?platform=Android&amp;amp;integration=Components#launch-and-show\\&quot;&gt;create the Component&lt;\\\/a&gt; for UPI, use the &lt;code&gt;UPI&lt;\\\/code&gt; class.&lt;\\\/p&gt;\\n\\n&lt;div id=\\&quot;tabm9Vyc39681\\&quot;&gt;\\n    &lt;div data-component-wrapper=\\&quot;tabs\\&quot;&gt;\\n        &lt;tabs\\n             :id=\\&quot;&amp;quot;39681&amp;quot;\\&quot;             :items=\\&quot;[{&amp;quot;title&amp;quot;:&amp;quot;With Jetpack Compose&amp;quot;,&amp;quot;content&amp;quot;:&amp;quot;\\\\n&amp;lt;div data-component-wrapper=\\\\&amp;quot;code-sample\\\\&amp;quot;&amp;gt;\\\\n    &amp;lt;code-sample :title=\\\\&amp;quot;&amp;#039;Launch and show the Component&amp;#039;\\\\&amp;quot; :id=\\\\&amp;quot;&amp;#039;&amp;#039;\\\\&amp;quot; :code-data=&amp;#039;[{\\\\&amp;quot;language\\\\&amp;quot;:\\\\&amp;quot;kotlin\\\\&amp;quot;,\\\\&amp;quot;tabTitle\\\\&amp;quot;:\\\\&amp;quot;\\\\&amp;quot;,\\\\&amp;quot;content\\\\&amp;quot;:\\\\&amp;quot;import com.adyen.checkout.components.compose.get\\\\\\\\n\\\\\\\\n\\\\\\\\\\\\\\\/\\\\\\\\\\\\\\\/ Create the payment method object from the \\\\\\\\\\\\\\\/paymentMethods response.\\\\\\\\nval paymentMethod = paymentMethodsApiResponse?.paymentMethods.orEmpty().firstOrNull {\\\\\\\\n  it.type == PaymentMethodTypes.SCHEME\\\\\\\\n}\\\\\\\\n\\\\\\\\n@Composable\\\\\\\\nprivate fun ComposableUPI() {\\\\\\\\n    \\\\\\\\\\\\\\\/\\\\\\\\\\\\\\\/ Keep a reference to this Component in case you need to access it later.\\\\\\\\n    val UPIComponent = UPI.PROVIDER.get(\\\\\\\\n        paymentMethod = paymentMethod,\\\\\\\\n        configuration = configuration,\\\\\\\\n        componentCallback = callback,\\\\\\\\n        \\\\\\\\\\\\\\\/\\\\\\\\\\\\\\\/ This key is required to ensure a new Component gets created for each different screen or payment session.\\\\\\\\n        \\\\\\\\\\\\\\\/\\\\\\\\\\\\\\\/ Generate a new value for this key every time you need to reset the Component.\\\\\\\\n        key = \\\\\\\\\\\\&amp;quot;UNIQUE_KEY_PER_COMPONENT\\\\\\\\\\\\&amp;quot;,\\\\\\\\n    )\\\\\\\\n\\\\\\\\n    \\\\\\\\\\\\\\\/\\\\\\\\\\\\\\\/ This is your composable, a wrapper around our xml view.\\\\\\\\n    AdyenComponent(\\\\\\\\n        component = UPIComponent,\\\\\\\\n        modifier = YOUR_MODIFIER,\\\\\\\\n    )\\\\\\\\n}\\\\&amp;quot;}]&amp;#039; :enable-copy-link-to-code-block=\\\\&amp;quot;true\\\\&amp;quot; :code-sample-card-size=\\\\&amp;quot;&amp;#039;fullsize&amp;#039;\\\\&amp;quot;&amp;gt;&amp;lt;\\\\\\\/code-sample&amp;gt;\\\\n&amp;lt;\\\\\\\/div&amp;gt;\\\\n&amp;quot;,&amp;quot;altTitle&amp;quot;:null,&amp;quot;oldTabId&amp;quot;:&amp;quot;with_jetpack_compose_0_1&amp;quot;,&amp;quot;relation&amp;quot;:&amp;quot;&amp;quot;},{&amp;quot;title&amp;quot;:&amp;quot;Without Jetpack Compose&amp;quot;,&amp;quot;content&amp;quot;:&amp;quot;\\\\n&amp;lt;div data-component-wrapper=\\\\&amp;quot;code-sample\\\\&amp;quot;&amp;gt;\\\\n    &amp;lt;code-sample :title=\\\\&amp;quot;&amp;#039;&amp;#039;\\\\&amp;quot; :id=\\\\&amp;quot;&amp;#039;&amp;#039;\\\\&amp;quot; :code-data=&amp;#039;[{\\\\&amp;quot;language\\\\&amp;quot;:\\\\&amp;quot;kotlin\\\\&amp;quot;,\\\\&amp;quot;tabTitle\\\\&amp;quot;:\\\\&amp;quot;\\\\&amp;quot;,\\\\&amp;quot;content\\\\&amp;quot;:\\\\&amp;quot;\\\\\\\\\\\\\\\/\\\\\\\\\\\\\\\/ Create the payment method object from the \\\\\\\\\\\\\\\/paymentMethods response.\\\\\\\\nval paymentMethod = paymentMethodsApiResponse?.paymentMethods.orEmpty().firstOrNull {\\\\\\\\n    it.type == PaymentMethodTypes.SCHEME\\\\\\\\n}\\\\\\\\n\\\\\\\\nval UPIComponent = UPI.PROVIDER.get(\\\\\\\\n    activity, \\\\\\\\\\\\\\\/\\\\\\\\\\\\\\\/ Your activity or fragment.\\\\\\\\n    paymentMethod,\\\\\\\\n    UPIConfiguration,\\\\\\\\n    componentCallback,\\\\\\\\n)\\\\\\\\n\\\\\\\\n\\\\\\\\\\\\\\\/\\\\\\\\\\\\\\\/ Attach the Component to your view.\\\\\\\\nbinding.UPIView.attach(UPIComponent, activity) \\\\\\\\\\\\\\\/\\\\\\\\\\\\\\\/ Your activity or fragment.\\\\&amp;quot;}]&amp;#039; :enable-copy-link-to-code-block=\\\\&amp;quot;true\\\\&amp;quot; :code-sample-card-size=\\\\&amp;quot;&amp;#039;fullsize&amp;#039;\\\\&amp;quot;&amp;gt;&amp;lt;\\\\\\\/code-sample&amp;gt;\\\\n&amp;lt;\\\\\\\/div&amp;gt;\\\\n&amp;quot;,&amp;quot;altTitle&amp;quot;:null,&amp;quot;oldTabId&amp;quot;:&amp;quot;without_jetpack_compose_1_2&amp;quot;,&amp;quot;relation&amp;quot;:&amp;quot;&amp;quot;}]\\&quot;\\n            :should-update-when-url-changes=&#039;false&#039;&gt;\\n        &lt;\\\/tabs&gt;\\n    &lt;\\\/div&gt;\\n&lt;\\\/div&gt;\\n&quot;,&quot;c4c3fb8e5ee723b6b1c694805e575f36&quot;:&quot;&lt;h2&gt;Add additional parameters to your \\\/payments request&lt;\\\/h2&gt;\\n&lt;p&gt;When you &lt;a href=\\&quot;\\\/online-payments\\\/build-your-integration\\\/advanced-flow\\\/?platform=Android&amp;amp;integration=Components#make-a-payment\\&quot;&gt;make a payment&lt;\\\/a&gt;, add the following parameters to the  &lt;a href=\\&quot;https:\\\/\\\/docs.adyen.com\\\/api-explorer\\\/Checkout\\\/latest\\\/post\\\/payments\\&quot; class=\\&quot;codeLabel  external-link no-image\\&quot; target=\\&quot;_blank\\&quot; rel=\\&quot;nofollow noopener noreferrer\\&quot;&gt;\\\/payments&lt;\\\/a&gt; request:&lt;\\\/p&gt;\\n&lt;table&gt;\\n&lt;thead&gt;\\n&lt;tr&gt;\\n&lt;th&gt;Parameter&lt;\\\/th&gt;\\n&lt;th&gt;Required&lt;\\\/th&gt;\\n&lt;th&gt;Description&lt;\\\/th&gt;\\n&lt;\\\/tr&gt;\\n&lt;\\\/thead&gt;\\n&lt;tbody&gt;\\n&lt;tr&gt;\\n&lt;td&gt; &lt;a href=\\&quot;https:\\\/\\\/docs.adyen.com\\\/api-explorer\\\/Checkout\\\/latest\\\/post\\\/payments#request-paymentMethod-UpiIntentDetails-appId\\&quot; class=\\&quot;codeLabel  external-link no-image\\&quot; target=\\&quot;_blank\\&quot; rel=\\&quot;nofollow noopener noreferrer\\&quot;&gt;paymentMethod.appId&lt;\\\/a&gt;&lt;\\\/td&gt;\\n&lt;td&gt;&lt;img title=\\&quot;-white_check_mark-\\&quot; alt=\\&quot;-white_check_mark-\\&quot; class=\\&quot;smileys\\&quot; src=\\&quot;\\\/user\\\/data\\\/smileys\\\/emoji\\\/white_check_mark.png\\&quot; \\\/&gt;&lt;\\\/td&gt;\\n&lt;td&gt;Required when the payment option is UPI Intent (&lt;code&gt;paymentMethod.type&lt;\\\/code&gt;: &lt;strong&gt;upi_intent&lt;\\\/strong&gt;). &lt;br&gt; The identifier of the Third Party Application Provider (TPAP) that the shopper uses to make the UPI payment. Possible values: &lt;br&gt; - &lt;strong&gt;gpay&lt;\\\/strong&gt;: Google Pay. &lt;br&gt; - &lt;strong&gt;phonepe&lt;\\\/strong&gt;: PhonePe. &lt;br&gt; - &lt;strong&gt;bhim&lt;\\\/strong&gt;: BHIM (Bharat Interface for Money). &lt;br&gt; - &lt;strong&gt;paytm&lt;\\\/strong&gt;: Paytm.&lt;\\\/td&gt;\\n&lt;\\\/tr&gt;\\n&lt;\\\/tbody&gt;\\n&lt;\\\/table&gt;\\n&lt;div data-component-wrapper=\\&quot;code-sample\\&quot;&gt;\\n    &lt;code-sample :title=\\&quot;&#039;Example request for UPI intent&#039;\\&quot; :id=\\&quot;&#039;payments-request&#039;\\&quot; :code-data=\\&quot;[{&amp;quot;language&amp;quot;:&amp;quot;bash&amp;quot;,&amp;quot;tabTitle&amp;quot;:&amp;quot;&amp;quot;,&amp;quot;content&amp;quot;:&amp;quot;curl https:\\\\\\\/\\\\\\\/checkout-test.adyen.com\\\\\\\/v72\\\\\\\/payments \\\\\\\\\\\\n-H \\\\&amp;quot;x-API-key: ADYEN_API_KEY\\\\&amp;quot; \\\\\\\\\\\\n-H \\\\&amp;quot;content-type: application\\\\\\\/json\\\\&amp;quot; \\\\\\\\\\\\n-d &#039;{\\\\n    \\\\&amp;quot;amount\\\\&amp;quot;: {\\\\n        \\\\&amp;quot;currency\\\\&amp;quot;: \\\\&amp;quot;INR\\\\&amp;quot;,\\\\n        \\\\&amp;quot;value\\\\&amp;quot;: 15100\\\\n    },\\\\n    \\\\&amp;quot;countryCode\\\\&amp;quot;: \\\\&amp;quot;IN\\\\&amp;quot;,\\\\n    \\\\&amp;quot;merchantAccount\\\\&amp;quot;: \\\\&amp;quot;ADYEN_MERCHANT_ACCOUNT\\\\&amp;quot;,\\\\n    \\\\&amp;quot;reference\\\\&amp;quot;: \\\\&amp;quot;YOUR_ORDER_NUMBER\\\\&amp;quot;,\\\\n    \\\\&amp;quot;paymentMethod\\\\&amp;quot;: {\\\\n        \\\\&amp;quot;type\\\\&amp;quot;: \\\\&amp;quot;upi_intent\\\\&amp;quot;,\\\\n        \\\\&amp;quot;appId\\\\&amp;quot;: \\\\&amp;quot;gpay\\\\&amp;quot;\\\\n    },\\\\n    \\\\&amp;quot;returnUrl\\\\&amp;quot;: \\\\&amp;quot;https:\\\\\\\/\\\\\\\/your-company.example.com\\\\\\\/checkout?shopperOrder=12xy..\\\\&amp;quot;\\\\n}&#039;&amp;quot;}]\\&quot; :enable-copy-link-to-code-block=\\&quot;true\\&quot; :code-sample-card-size=\\&quot;&#039;fullsize&#039;\\&quot;&gt;&lt;\\\/code-sample&gt;\\n&lt;\\\/div&gt;\\n&quot;,&quot;21ae389f786e33784f88c9128c7b4362&quot;:&quot;&lt;h2&gt;Test and go live&lt;\\\/h2&gt;\\n&lt;p&gt;Depending on your account setup, you may have access to the UPI simulator which you can use to test your UPI integration. Contact your Account Manager or our &lt;a href=\\&quot;https:\\\/\\\/ca-test.adyen.com\\\/ca\\\/ca\\\/contactUs\\\/support.shtml?form=other\\&quot; target=\\&quot;_blank\\&quot; rel=\\&quot;nofollow noopener noreferrer\\&quot; class=\\&quot;external-link no-image\\&quot;&gt;Support Team&lt;\\\/a&gt; if you have questions about the simulator.&lt;\\\/p&gt;\\n&lt;p&gt;You can also use your personal account on a UPI app to test your integration by making live payments with a low value.&lt;\\\/p&gt;&quot;,&quot;5791785b92dad782e28f95c7d656f4aa&quot;:&quot;&lt;h2&gt;Import the Component for UPI&lt;\\\/h2&gt;\\n&lt;p&gt;To &lt;a href=\\&quot;\\\/online-payments\\\/build-your-integration\\\/advanced-flow\\\/?platform=Android&amp;amp;integration=Components#import\\&quot;&gt;import the library&lt;\\\/a&gt; and include the module for UPI.&lt;\\\/p&gt;\\n\\n&lt;div id=\\&quot;tab2IfDH22582\\&quot;&gt;\\n    &lt;div data-component-wrapper=\\&quot;tabs\\&quot;&gt;\\n        &lt;tabs\\n             :id=\\&quot;&amp;quot;22582&amp;quot;\\&quot;             :items=\\&quot;[{&amp;quot;title&amp;quot;:&amp;quot;With Jetpack Compose&amp;quot;,&amp;quot;content&amp;quot;:&amp;quot;\\\\n&amp;lt;div data-component-wrapper=\\\\&amp;quot;code-sample\\\\&amp;quot;&amp;gt;\\\\n    &amp;lt;code-sample :title=\\\\&amp;quot;&amp;#039;Import the module with Compose&amp;#039;\\\\&amp;quot; :id=\\\\&amp;quot;&amp;#039;&amp;#039;\\\\&amp;quot; :code-data=&amp;#039;[{\\\\&amp;quot;language\\\\&amp;quot;:\\\\&amp;quot;java\\\\&amp;quot;,\\\\&amp;quot;tabTitle\\\\&amp;quot;:\\\\&amp;quot;\\\\&amp;quot;,\\\\&amp;quot;content\\\\&amp;quot;:\\\\&amp;quot;implementation \\\\\\\\\\\\&amp;quot;com.adyen.checkout:UPI:YOUR_VERSION\\\\\\\\\\\\&amp;quot;\\\\\\\\nimplementation \\\\\\\\\\\\&amp;quot;com.adyen.checkout:components-compose:YOUR_VERSION\\\\\\\\\\\\&amp;quot;\\\\&amp;quot;}]&amp;#039; :enable-copy-link-to-code-block=\\\\&amp;quot;true\\\\&amp;quot; :code-sample-card-size=\\\\&amp;quot;&amp;#039;fullsize&amp;#039;\\\\&amp;quot;&amp;gt;&amp;lt;\\\\\\\/code-sample&amp;gt;\\\\n&amp;lt;\\\\\\\/div&amp;gt;\\\\n&amp;quot;,&amp;quot;altTitle&amp;quot;:&amp;quot;compose&amp;quot;,&amp;quot;oldTabId&amp;quot;:&amp;quot;compose-import_1&amp;quot;,&amp;quot;relation&amp;quot;:&amp;quot;compose&amp;quot;},{&amp;quot;title&amp;quot;:&amp;quot;Without Jetpack Compose&amp;quot;,&amp;quot;content&amp;quot;:&amp;quot;\\\\n&amp;lt;div data-component-wrapper=\\\\&amp;quot;code-sample\\\\&amp;quot;&amp;gt;\\\\n    &amp;lt;code-sample :title=\\\\&amp;quot;&amp;#039;Import the module without Compose&amp;#039;\\\\&amp;quot; :id=\\\\&amp;quot;&amp;#039;&amp;#039;\\\\&amp;quot; :code-data=&amp;#039;[{\\\\&amp;quot;language\\\\&amp;quot;:\\\\&amp;quot;java\\\\&amp;quot;,\\\\&amp;quot;tabTitle\\\\&amp;quot;:\\\\&amp;quot;\\\\&amp;quot;,\\\\&amp;quot;content\\\\&amp;quot;:\\\\&amp;quot;implementation \\\\\\\\\\\\&amp;quot;com.adyen.checkout:UPI:YOUR_VERSION\\\\\\\\\\\\&amp;quot;\\\\&amp;quot;}]&amp;#039; :enable-copy-link-to-code-block=\\\\&amp;quot;true\\\\&amp;quot; :code-sample-card-size=\\\\&amp;quot;&amp;#039;fullsize&amp;#039;\\\\&amp;quot;&amp;gt;&amp;lt;\\\\\\\/code-sample&amp;gt;\\\\n&amp;lt;\\\\\\\/div&amp;gt;\\\\n&amp;quot;,&amp;quot;altTitle&amp;quot;:&amp;quot;no-compose&amp;quot;,&amp;quot;oldTabId&amp;quot;:&amp;quot;no-compose-import_2&amp;quot;,&amp;quot;relation&amp;quot;:&amp;quot;no-compose&amp;quot;}]\\&quot;\\n            :should-update-when-url-changes=&#039;true&#039;&gt;\\n        &lt;\\\/tabs&gt;\\n    &lt;\\\/div&gt;\\n&lt;\\\/div&gt;\\n&quot;,&quot;e46531c9c4a281accb4b1aa5187997d2&quot;:&quot;&lt;h2&gt;Add additional configuration for UPI&lt;\\\/h2&gt;\\n&lt;p&gt;&lt;a href=\\&quot;\\\/online-payments\\\/build-your-integration\\\/advanced-flow\\\/?platform=Android&amp;amp;integration=Components#3-optional-add-a-configuration-object\\&quot;&gt;Add a configuration object&lt;\\\/a&gt; with the following parameters:&lt;\\\/p&gt;\\n&lt;table&gt;\\n&lt;thead&gt;\\n&lt;tr&gt;\\n&lt;th&gt;Parameter&lt;\\\/th&gt;\\n&lt;th&gt;Required&lt;\\\/th&gt;\\n&lt;th&gt;Description&lt;\\\/th&gt;\\n&lt;\\\/tr&gt;\\n&lt;\\\/thead&gt;\\n&lt;tbody&gt;\\n&lt;tr&gt;\\n&lt;td&gt;setSubmitButtonVisible&lt;\\\/td&gt;\\n&lt;td&gt;&lt;\\\/td&gt;\\n&lt;td&gt;Set if you want the submit button to be visible.&lt;\\\/td&gt;\\n&lt;\\\/tr&gt;\\n&lt;\\\/tbody&gt;\\n&lt;\\\/table&gt;\\n&lt;div data-component-wrapper=\\&quot;code-sample\\&quot;&gt;\\n    &lt;code-sample :title=\\&quot;&#039;Add a configuration object&#039;\\&quot; :id=\\&quot;&#039;&#039;\\&quot; :code-data=\\&quot;[{&amp;quot;language&amp;quot;:&amp;quot;kotlin&amp;quot;,&amp;quot;tabTitle&amp;quot;:&amp;quot;&amp;quot;,&amp;quot;content&amp;quot;:&amp;quot; { \\\\n    .setSubmitButtonVisible(value) \\\\n    \\\\n}&amp;quot;}]\\&quot; :enable-copy-link-to-code-block=\\&quot;true\\&quot; :code-sample-card-size=\\&quot;&#039;fullsize&#039;\\&quot;&gt;&lt;\\\/code-sample&gt;\\n&lt;\\\/div&gt;\\n&quot;,&quot;930d518e6f0b59e20c36385af42712fa&quot;:&quot;&lt;h2&gt;Launch and show the Component for UPI&lt;\\\/h2&gt;\\n&lt;p&gt;To &lt;a href=\\&quot;\\\/online-payments\\\/build-your-integration\\\/advanced-flow\\\/?platform=Android&amp;amp;integration=Components#launch-and-show\\&quot;&gt;create the Component&lt;\\\/a&gt; for UPI, use the &lt;code&gt;UPI&lt;\\\/code&gt; class.&lt;\\\/p&gt;\\n\\n&lt;div id=\\&quot;tab0QwDi90871\\&quot;&gt;\\n    &lt;div data-component-wrapper=\\&quot;tabs\\&quot;&gt;\\n        &lt;tabs\\n             :id=\\&quot;&amp;quot;90871&amp;quot;\\&quot;             :items=\\&quot;[{&amp;quot;title&amp;quot;:&amp;quot;With Jetpack Compose&amp;quot;,&amp;quot;content&amp;quot;:&amp;quot;\\\\n&amp;lt;div data-component-wrapper=\\\\&amp;quot;code-sample\\\\&amp;quot;&amp;gt;\\\\n    &amp;lt;code-sample :title=\\\\&amp;quot;&amp;#039;Launch and show the Component&amp;#039;\\\\&amp;quot; :id=\\\\&amp;quot;&amp;#039;&amp;#039;\\\\&amp;quot; :code-data=&amp;#039;[{\\\\&amp;quot;language\\\\&amp;quot;:\\\\&amp;quot;kotlin\\\\&amp;quot;,\\\\&amp;quot;tabTitle\\\\&amp;quot;:\\\\&amp;quot;\\\\&amp;quot;,\\\\&amp;quot;content\\\\&amp;quot;:\\\\&amp;quot;import com.adyen.checkout.components.compose.get\\\\\\\\n\\\\\\\\n\\\\\\\\\\\\\\\/\\\\\\\\\\\\\\\/ Create the payment method object from the \\\\\\\\\\\\\\\/paymentMethods response.\\\\\\\\nval paymentMethod = paymentMethodsApiResponse?.paymentMethods.orEmpty().firstOrNull {\\\\\\\\n  it.type == PaymentMethodTypes.SCHEME\\\\\\\\n}\\\\\\\\n\\\\\\\\n@Composable\\\\\\\\nprivate fun ComposableUPI() {\\\\\\\\n    \\\\\\\\\\\\\\\/\\\\\\\\\\\\\\\/ Keep a reference to this Component in case you need to access it later.\\\\\\\\n    val UPIComponent = UPI.PROVIDER.get(\\\\\\\\n        paymentMethod = paymentMethod,\\\\\\\\n        configuration = checkoutConfiguration,\\\\\\\\n        componentCallback = callback,\\\\\\\\n        \\\\\\\\\\\\\\\/\\\\\\\\\\\\\\\/ This key is required to ensure a new Component gets created for each different screen or payment session.\\\\\\\\n        \\\\\\\\\\\\\\\/\\\\\\\\\\\\\\\/ Generate a new value for this key every time you need to reset the Component.\\\\\\\\n        key = \\\\\\\\\\\\&amp;quot;UNIQUE_KEY_PER_COMPONENT\\\\\\\\\\\\&amp;quot;,\\\\\\\\n    )\\\\\\\\n\\\\\\\\n    \\\\\\\\\\\\\\\/\\\\\\\\\\\\\\\/ This is your composable, a wrapper around our xml view.\\\\\\\\n    AdyenComponent(\\\\\\\\n        component = UPIComponent,\\\\\\\\n        modifier = YOUR_MODIFIER,\\\\\\\\n    )\\\\\\\\n}\\\\&amp;quot;}]&amp;#039; :enable-copy-link-to-code-block=\\\\&amp;quot;true\\\\&amp;quot; :code-sample-card-size=\\\\&amp;quot;&amp;#039;fullsize&amp;#039;\\\\&amp;quot;&amp;gt;&amp;lt;\\\\\\\/code-sample&amp;gt;\\\\n&amp;lt;\\\\\\\/div&amp;gt;\\\\n&amp;quot;,&amp;quot;altTitle&amp;quot;:null,&amp;quot;oldTabId&amp;quot;:&amp;quot;with_jetpack_compose_0_1&amp;quot;,&amp;quot;relation&amp;quot;:&amp;quot;&amp;quot;},{&amp;quot;title&amp;quot;:&amp;quot;Without Jetpack Compose&amp;quot;,&amp;quot;content&amp;quot;:&amp;quot;\\\\n&amp;lt;div data-component-wrapper=\\\\&amp;quot;code-sample\\\\&amp;quot;&amp;gt;\\\\n    &amp;lt;code-sample :title=\\\\&amp;quot;&amp;#039;&amp;#039;\\\\&amp;quot; :id=\\\\&amp;quot;&amp;#039;&amp;#039;\\\\&amp;quot; :code-data=&amp;#039;[{\\\\&amp;quot;language\\\\&amp;quot;:\\\\&amp;quot;kotlin\\\\&amp;quot;,\\\\&amp;quot;tabTitle\\\\&amp;quot;:\\\\&amp;quot;\\\\&amp;quot;,\\\\&amp;quot;content\\\\&amp;quot;:\\\\&amp;quot;\\\\\\\\\\\\\\\/\\\\\\\\\\\\\\\/ Create the payment method object from the \\\\\\\\\\\\\\\/paymentMethods response.\\\\\\\\nval paymentMethod = paymentMethodsApiResponse?.paymentMethods.orEmpty().firstOrNull {\\\\\\\\n    it.type == PaymentMethodTypes.SCHEME\\\\\\\\n}\\\\\\\\n\\\\\\\\nval UPIComponent = UPI.PROVIDER.get(\\\\\\\\n    activity, \\\\\\\\\\\\\\\/\\\\\\\\\\\\\\\/ Your activity or fragment.\\\\\\\\n    paymentMethod,\\\\\\\\n    checkoutConfiguration,\\\\\\\\n    componentCallback,\\\\\\\\n)\\\\\\\\n\\\\\\\\n\\\\\\\\\\\\\\\/\\\\\\\\\\\\\\\/Attach the Component to your view.\\\\\\\\nbinding.UPIView.attach(UPIComponent, activity) \\\\\\\\\\\\\\\/\\\\\\\\\\\\\\\/ Your activity or fragment.\\\\&amp;quot;}]&amp;#039; :enable-copy-link-to-code-block=\\\\&amp;quot;true\\\\&amp;quot; :code-sample-card-size=\\\\&amp;quot;&amp;#039;fullsize&amp;#039;\\\\&amp;quot;&amp;gt;&amp;lt;\\\\\\\/code-sample&amp;gt;\\\\n&amp;lt;\\\\\\\/div&amp;gt;\\\\n&amp;quot;,&amp;quot;altTitle&amp;quot;:null,&amp;quot;oldTabId&amp;quot;:&amp;quot;without_jetpack_compose_1_2&amp;quot;,&amp;quot;relation&amp;quot;:&amp;quot;&amp;quot;}]\\&quot;\\n            :should-update-when-url-changes=&#039;false&#039;&gt;\\n        &lt;\\\/tabs&gt;\\n    &lt;\\\/div&gt;\\n&lt;\\\/div&gt;\\n&quot;}}}}}}\"\n        query-param-tab=\"flow\"\n        query-param-box=\"integration\"\n        query-param-dropdown=\"version\">\n    <\/in-page-filtering>\n<\/div>\n<div class=\"version_docs__image-placeholder u-display-none\">\n    <\/div>\n","url":"https:\/\/docs.adyen.com\/pt\/payment-methods\/upi\/android-component","articleFields":{"description":"Add UPI to your Components integration.","never_cache_twig":true,"filters_component":true,"parameters":{"tx_variant":"upi","component_class_name":"UPIComponent","pm_directory":"upi"},"filters_config_folder":"payment-methods\/upi\/android\/component"},"algolia":[{"url":"https:\/\/docs.adyen.com\/pt\/payment-methods\/upi\/android-component","title":"Android Component","content":"Requirements\n\n\n\nRequirement\nDescription\n\n\n\n\nIntegration type\nMake sure that you have an existing Sessions flow Android Components 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.\nImport the Component for UPI\nTo import the library and include the module for UPI.\n\n\n    \n        \n        \n    \n\nAdd additional configuration for UPI\nAdd a configuration object with the following parameters:\n\n\n\nParameter\nRequired\nDescription\n\n\n\n\nsetSubmitButtonVisible\n\nSet if you want the submit button to be visible.\n\n\n\n\n    \n\nLaunch and show the Component for UPI\nTo create the Component for UPI, use the UPI class.\n\n\n    \n        \n        \n    \n\nTest and go live\nDepending on your account setup, you may have access to the UPI simulator which you can use to test your UPI integration. Contact your Account Manager or our Support Team if you have questions about the simulator.\nYou can also use your personal account on a UPI app to test your integration by making live payments with a low value.","type":"page","locale":"pt","boost":17,"hierarchy":{"lvl0":"Home","lvl1":"Payment methods","lvl2":"UPI","lvl3":"Android Component"},"hierarchy_url":{"lvl0":"https:\/\/docs.adyen.com\/pt","lvl1":"https:\/\/docs.adyen.com\/pt\/payment-methods","lvl2":"https:\/\/docs.adyen.com\/pt\/payment-methods\/upi","lvl3":"\/pt\/payment-methods\/upi\/android-component"},"levels":4,"category":"Payment method","category_color":"green","tags":["Android","Component"]},{"url":"https:\/\/docs.adyen.com\/pt\/payment-methods\/upi\/android-component?flow=Sessions flow&integration=Component","title":"Sessions flow Component","content":"Requirements\n\n\n\nRequirement\nDescription\n\n\n\n\nIntegration type\nMake sure that you have an existing Sessions flow Android Components 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.\nImport the Component for UPI\nTo import the library and include the module for UPI.\n\n\n    \n        \n        \n    \n\nAdd additional configuration for UPI\nAdd a configuration object with the following parameters:\n\n\n\nParameter\nRequired\nDescription\n\n\n\n\nsetSubmitButtonVisible\n\nSet if you want the submit button to be visible.\n\n\n\n\n    \n\nLaunch and show the Component for UPI\nTo create the Component for UPI, use the UPI class.\n\n\n    \n        \n        \n    \n\nTest and go live\nDepending on your account setup, you may have access to the UPI simulator which you can use to test your UPI integration. Contact your Account Manager or our Support Team if you have questions about the simulator.\nYou can also use your personal account on a UPI app to test your integration by making live payments with a low value.","type":"page","locale":"pt","boost":17,"hierarchy":{"lvl0":"Home","lvl1":"Payment methods","lvl2":"UPI","lvl3":"Android Component"},"hierarchy_url":{"lvl0":"https:\/\/docs.adyen.com\/pt","lvl1":"https:\/\/docs.adyen.com\/pt\/payment-methods","lvl2":"https:\/\/docs.adyen.com\/pt\/payment-methods\/upi","lvl3":"\/pt\/payment-methods\/upi\/android-component"},"levels":4,"category":"Payment method","category_color":"green","tags":["Sessions flow","Component"]},{"url":"https:\/\/docs.adyen.com\/pt\/payment-methods\/upi\/android-component?flow=Advanced flow&integration=Component","title":"Advanced flow Component","content":"Requirements\n\n\n\nRequirement\nDescription\n\n\n\n\nIntegration type\nMake sure that you have an existing Advanced flow Android Components 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\nImport the Component for UPI\nTo import the library and include the module for UPI.\n\n\n    \n        \n        \n    \n\nAdd additional configuration for UPI\nAdd a configuration object with the following parameters:\n\n\n\nParameter\nRequired\nDescription\n\n\n\n\nsetSubmitButtonVisible\n\nSet if you want the submit button to be visible.\n\n\n\n\n    \n\nLaunch and show the Component for UPI\nTo create the Component for UPI, use the UPI class.\n\n\n    \n        \n        \n    \n\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.\n\n\n\n\n    \n\nTest and go live\nDepending on your account setup, you may have access to the UPI simulator which you can use to test your UPI integration. Contact your Account Manager or our Support Team if you have questions about the simulator.\nYou can also use your personal account on a UPI app to test your integration by making live payments with a low value.","type":"page","locale":"pt","boost":17,"hierarchy":{"lvl0":"Home","lvl1":"Payment methods","lvl2":"UPI","lvl3":"Android Component"},"hierarchy_url":{"lvl0":"https:\/\/docs.adyen.com\/pt","lvl1":"https:\/\/docs.adyen.com\/pt\/payment-methods","lvl2":"https:\/\/docs.adyen.com\/pt\/payment-methods\/upi","lvl3":"\/pt\/payment-methods\/upi\/android-component"},"levels":4,"category":"Payment method","category_color":"green","tags":["Advanced flow","Component"]}]}