{"title":"PaySafeCard Android Component","category":"default","creationDate":1776961628,"content":"<p>You can add PaySafeCard to your existing integration. The following instructions show only what you must add to your integration specifically for PaySafeCard.<\/p>\n<p>If an instruction on this page corresponds with a step in the main integration guide, it includes a link to corresponding step of the main integration guide.<\/p>\n<p>The additions you must make depends on 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\/paysafecard\/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;b827d82affa0bf6020c6b41c407bcabd&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;80a3ef51bb48c9ea01a853e4dac75216&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;f1d782f34059511c9d49d2be977ae678&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;b1dbb381e00ab91b08d99f27cccfd0a6&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;6a75292f10fd31905e75b257cc61e1aa&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;d41d8cd98f00b204e9800998ecf8427e&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;c31ffaaf08a8b99226a7cead84c955ec&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;b827d82affa0bf6020c6b41c407bcabd&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;80a3ef51bb48c9ea01a853e4dac75216&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;f1d782f34059511c9d49d2be977ae678&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;b1dbb381e00ab91b08d99f27cccfd0a6&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;6a75292f10fd31905e75b257cc61e1aa&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;d41d8cd98f00b204e9800998ecf8427e&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;c31ffaaf08a8b99226a7cead84c955ec&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;b827d82affa0bf6020c6b41c407bcabd&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;80a3ef51bb48c9ea01a853e4dac75216&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;f1d782f34059511c9d49d2be977ae678&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;b1dbb381e00ab91b08d99f27cccfd0a6&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;6a75292f10fd31905e75b257cc61e1aa&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;d41d8cd98f00b204e9800998ecf8427e&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;c31ffaaf08a8b99226a7cead84c955ec&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;b827d82affa0bf6020c6b41c407bcabd&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;80a3ef51bb48c9ea01a853e4dac75216&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;f1d782f34059511c9d49d2be977ae678&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;b1dbb381e00ab91b08d99f27cccfd0a6&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;6a75292f10fd31905e75b257cc61e1aa&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;d41d8cd98f00b204e9800998ecf8427e&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;c31ffaaf08a8b99226a7cead84c955ec&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.13.1&quot;:{&quot;sections&quot;:{&quot;before-you-begin&quot;:{&quot;$ref&quot;:&quot;b827d82affa0bf6020c6b41c407bcabd&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;80a3ef51bb48c9ea01a853e4dac75216&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;f1d782f34059511c9d49d2be977ae678&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;b1dbb381e00ab91b08d99f27cccfd0a6&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;6a75292f10fd31905e75b257cc61e1aa&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;d41d8cd98f00b204e9800998ecf8427e&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;c31ffaaf08a8b99226a7cead84c955ec&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;b827d82affa0bf6020c6b41c407bcabd&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;80a3ef51bb48c9ea01a853e4dac75216&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;f1d782f34059511c9d49d2be977ae678&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;b1dbb381e00ab91b08d99f27cccfd0a6&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;6a75292f10fd31905e75b257cc61e1aa&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;d41d8cd98f00b204e9800998ecf8427e&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;c31ffaaf08a8b99226a7cead84c955ec&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;b827d82affa0bf6020c6b41c407bcabd&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;80a3ef51bb48c9ea01a853e4dac75216&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;f1d782f34059511c9d49d2be977ae678&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;b1dbb381e00ab91b08d99f27cccfd0a6&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;6a75292f10fd31905e75b257cc61e1aa&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;d41d8cd98f00b204e9800998ecf8427e&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;c31ffaaf08a8b99226a7cead84c955ec&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;b827d82affa0bf6020c6b41c407bcabd&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;80a3ef51bb48c9ea01a853e4dac75216&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;f1d782f34059511c9d49d2be977ae678&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;b1dbb381e00ab91b08d99f27cccfd0a6&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;6a75292f10fd31905e75b257cc61e1aa&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;d41d8cd98f00b204e9800998ecf8427e&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;c31ffaaf08a8b99226a7cead84c955ec&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;b827d82affa0bf6020c6b41c407bcabd&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;80a3ef51bb48c9ea01a853e4dac75216&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;f1d782f34059511c9d49d2be977ae678&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;b1dbb381e00ab91b08d99f27cccfd0a6&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;6a75292f10fd31905e75b257cc61e1aa&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;d41d8cd98f00b204e9800998ecf8427e&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;c31ffaaf08a8b99226a7cead84c955ec&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;b827d82affa0bf6020c6b41c407bcabd&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;80a3ef51bb48c9ea01a853e4dac75216&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;f1d782f34059511c9d49d2be977ae678&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;b1dbb381e00ab91b08d99f27cccfd0a6&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;6a75292f10fd31905e75b257cc61e1aa&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;d41d8cd98f00b204e9800998ecf8427e&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;c31ffaaf08a8b99226a7cead84c955ec&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;b827d82affa0bf6020c6b41c407bcabd&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;80a3ef51bb48c9ea01a853e4dac75216&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;f1d782f34059511c9d49d2be977ae678&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;b1dbb381e00ab91b08d99f27cccfd0a6&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;6a75292f10fd31905e75b257cc61e1aa&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;d41d8cd98f00b204e9800998ecf8427e&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;c31ffaaf08a8b99226a7cead84c955ec&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;b827d82affa0bf6020c6b41c407bcabd&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;80a3ef51bb48c9ea01a853e4dac75216&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;f1d782f34059511c9d49d2be977ae678&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;b1dbb381e00ab91b08d99f27cccfd0a6&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;6a75292f10fd31905e75b257cc61e1aa&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;d41d8cd98f00b204e9800998ecf8427e&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;c31ffaaf08a8b99226a7cead84c955ec&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;b827d82affa0bf6020c6b41c407bcabd&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;80a3ef51bb48c9ea01a853e4dac75216&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;f1d782f34059511c9d49d2be977ae678&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;b1dbb381e00ab91b08d99f27cccfd0a6&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;6a75292f10fd31905e75b257cc61e1aa&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;d41d8cd98f00b204e9800998ecf8427e&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;c31ffaaf08a8b99226a7cead84c955ec&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;b827d82affa0bf6020c6b41c407bcabd&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;80a3ef51bb48c9ea01a853e4dac75216&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;f1d782f34059511c9d49d2be977ae678&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;b1dbb381e00ab91b08d99f27cccfd0a6&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;6a75292f10fd31905e75b257cc61e1aa&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;d41d8cd98f00b204e9800998ecf8427e&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;c31ffaaf08a8b99226a7cead84c955ec&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;b827d82affa0bf6020c6b41c407bcabd&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;80a3ef51bb48c9ea01a853e4dac75216&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;f1d782f34059511c9d49d2be977ae678&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;b1dbb381e00ab91b08d99f27cccfd0a6&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;6a75292f10fd31905e75b257cc61e1aa&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;d41d8cd98f00b204e9800998ecf8427e&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;c31ffaaf08a8b99226a7cead84c955ec&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;b827d82affa0bf6020c6b41c407bcabd&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;80a3ef51bb48c9ea01a853e4dac75216&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;f1d782f34059511c9d49d2be977ae678&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;b1dbb381e00ab91b08d99f27cccfd0a6&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;6a75292f10fd31905e75b257cc61e1aa&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;d41d8cd98f00b204e9800998ecf8427e&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;c31ffaaf08a8b99226a7cead84c955ec&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;b827d82affa0bf6020c6b41c407bcabd&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;80a3ef51bb48c9ea01a853e4dac75216&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;f1d782f34059511c9d49d2be977ae678&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;b1dbb381e00ab91b08d99f27cccfd0a6&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;6a75292f10fd31905e75b257cc61e1aa&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;d41d8cd98f00b204e9800998ecf8427e&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;c31ffaaf08a8b99226a7cead84c955ec&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;b827d82affa0bf6020c6b41c407bcabd&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;80a3ef51bb48c9ea01a853e4dac75216&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;f1d782f34059511c9d49d2be977ae678&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;b1dbb381e00ab91b08d99f27cccfd0a6&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;6a75292f10fd31905e75b257cc61e1aa&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;d41d8cd98f00b204e9800998ecf8427e&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;c31ffaaf08a8b99226a7cead84c955ec&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;b827d82affa0bf6020c6b41c407bcabd&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;80a3ef51bb48c9ea01a853e4dac75216&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;f1d782f34059511c9d49d2be977ae678&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;b1dbb381e00ab91b08d99f27cccfd0a6&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;6a75292f10fd31905e75b257cc61e1aa&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;d41d8cd98f00b204e9800998ecf8427e&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;c31ffaaf08a8b99226a7cead84c955ec&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;b827d82affa0bf6020c6b41c407bcabd&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;80a3ef51bb48c9ea01a853e4dac75216&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;f1d782f34059511c9d49d2be977ae678&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;0330b1afec5299ad6807e236de0cc1a4&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;6cacfdf032e067dff5016d7cd098127a&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;d41d8cd98f00b204e9800998ecf8427e&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;c31ffaaf08a8b99226a7cead84c955ec&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;b827d82affa0bf6020c6b41c407bcabd&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;80a3ef51bb48c9ea01a853e4dac75216&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;f1d782f34059511c9d49d2be977ae678&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;0330b1afec5299ad6807e236de0cc1a4&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;6cacfdf032e067dff5016d7cd098127a&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;d41d8cd98f00b204e9800998ecf8427e&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;c31ffaaf08a8b99226a7cead84c955ec&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;b827d82affa0bf6020c6b41c407bcabd&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;80a3ef51bb48c9ea01a853e4dac75216&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;f1d782f34059511c9d49d2be977ae678&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;0330b1afec5299ad6807e236de0cc1a4&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;6cacfdf032e067dff5016d7cd098127a&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;d41d8cd98f00b204e9800998ecf8427e&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;c31ffaaf08a8b99226a7cead84c955ec&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;b827d82affa0bf6020c6b41c407bcabd&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;80a3ef51bb48c9ea01a853e4dac75216&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;f1d782f34059511c9d49d2be977ae678&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;0330b1afec5299ad6807e236de0cc1a4&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;6cacfdf032e067dff5016d7cd098127a&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;d41d8cd98f00b204e9800998ecf8427e&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;c31ffaaf08a8b99226a7cead84c955ec&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;b827d82affa0bf6020c6b41c407bcabd&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;Redirect 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\\\/sessions-flow?platform=Android&amp;amp;integration=Components#handle-the-redirect\\&quot;&gt;handle the redirect&lt;\\\/a&gt;. &lt;br&gt;  &lt;code&gt;action.type&lt;\\\/code&gt;: &lt;strong&gt;redirect&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 PaySafeCard 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;80a3ef51bb48c9ea01a853e4dac75216&quot;:&quot;&lt;h2&gt;Add additional parameters to your \\\/sessions request&lt;\\\/h2&gt;\\n&lt;p&gt;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;, add 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; &lt;a href=\\&quot;https:\\\/\\\/docs.adyen.com\\\/api-explorer\\\/Checkout\\\/latest\\\/post\\\/sessions#request-shopperReference\\&quot; class=\\&quot;codeLabel  external-link no-image\\&quot; target=\\&quot;_blank\\&quot; rel=\\&quot;nofollow noopener noreferrer\\&quot;&gt;shopperReference&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;Your reference to uniquely identify this shopper, for example user ID or account ID.&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 \\\/sessions request&#039;\\&quot; :id=\\&quot;&#039;sessions-request&#039;\\&quot; :code-data=\\&quot;[{&amp;quot;language&amp;quot;:&amp;quot;bash&amp;quot;,&amp;quot;tabTitle&amp;quot;:&amp;quot;curl&amp;quot;,&amp;quot;content&amp;quot;:&amp;quot;curl https:\\\\\\\/\\\\\\\/checkout-test.adyen.com\\\\\\\/v71\\\\\\\/sessions \\\\\\\\\\\\n-H &#039;x-API-key: ADYEN_API_KEY&#039; \\\\\\\\\\\\n-H &#039;Idempotency-Key: YOUR_IDEMPOTENCY_KEY&#039; \\\\\\\\\\\\n-H &#039;content-type: application\\\\\\\/json&#039; \\\\\\\\\\\\n-X POST\\\\n-d &#039;{\\\\n  \\\\&amp;quot;merchantAccount\\\\&amp;quot;: \\\\&amp;quot;ADYEN_MERCHANT_ACCOUNT\\\\&amp;quot;,\\\\n  \\\\&amp;quot;amount\\\\&amp;quot;: {\\\\n      \\\\&amp;quot;value\\\\&amp;quot;: 1000,\\\\n      \\\\&amp;quot;currency\\\\&amp;quot;: \\\\&amp;quot;EUR\\\\&amp;quot;\\\\n  },\\\\n  \\\\&amp;quot;returnUrl\\\\&amp;quot;: \\\\&amp;quot;adyencheckout:\\\\\\\/\\\\\\\/your.package.name\\\\&amp;quot;,\\\\n  \\\\&amp;quot;reference\\\\&amp;quot;: \\\\&amp;quot;YOUR_PAYMENT_REFERENCE\\\\&amp;quot;,\\\\n  \\\\&amp;quot;countryCode\\\\&amp;quot;: \\\\&amp;quot;NL\\\\&amp;quot;,\\\\n  \\\\&amp;quot;shopperReference\\\\&amp;quot;: \\\\&amp;quot;YOUR_SHOPPER_REFERENCE\\\\&amp;quot;\\\\n}&#039;&amp;quot;},{&amp;quot;language&amp;quot;:&amp;quot;java&amp;quot;,&amp;quot;tabTitle&amp;quot;:&amp;quot;Java&amp;quot;,&amp;quot;content&amp;quot;:&amp;quot;\\\\\\\/\\\\\\\/ Adyen Java API Library v40.0.0\\\\nimport com.adyen.Client;\\\\nimport com.adyen.enums.Environment;\\\\nimport com.adyen.model.checkout.*;\\\\nimport java.time.OffsetDateTime;\\\\nimport java.util.*;\\\\nimport com.adyen.model.RequestOptions;\\\\nimport com.adyen.service.checkout.*;\\\\n\\\\n\\\\\\\/\\\\\\\/ For the LIVE environment, also include your liveEndpointUrlPrefix.\\\\nClient client = new Client(\\\\&amp;quot;ADYEN_API_KEY\\\\&amp;quot;, Environment.TEST);\\\\n\\\\n\\\\\\\/\\\\\\\/ Create the request object(s)\\\\n\\\\\\\/\\\\\\\/ Send the request\\\\nPaymentsApi service = new PaymentsApi(client);\\\\nCreateCheckoutSessionResponse response = service.sessions(createCheckoutSessionRequest, new RequestOptions().idempotencyKey(\\\\&amp;quot;UUID\\\\&amp;quot;));&amp;quot;},{&amp;quot;language&amp;quot;:&amp;quot;php&amp;quot;,&amp;quot;tabTitle&amp;quot;:&amp;quot;PHP&amp;quot;,&amp;quot;content&amp;quot;:&amp;quot;&amp;lt;?php\\\\n\\\\\\\/\\\\\\\/ Adyen PHP API Library v28.3.0\\\\nuse Adyen\\\\\\\\Client;\\\\nuse Adyen\\\\\\\\Environment;\\\\nuse Adyen\\\\\\\\Service\\\\\\\\Checkout\\\\\\\\PaymentsApi;\\\\n\\\\n$client = new Client();\\\\n$client-&amp;gt;setXApiKey(\\\\&amp;quot;ADYEN_API_KEY\\\\&amp;quot;);\\\\n\\\\\\\/\\\\\\\/ For the LIVE environment, also include your liveEndpointUrlPrefix.\\\\n$client-&amp;gt;setEnvironment(Environment::TEST);\\\\n\\\\n\\\\n\\\\\\\/\\\\\\\/ Create the request object(s)\\\\n$requestOptions[&#039;idempotencyKey&#039;] = &#039;UUID&#039;;\\\\n\\\\n\\\\\\\/\\\\\\\/ Send the request\\\\n$service = new PaymentsApi($client);\\\\n$response = $service-&amp;gt;sessions($createCheckoutSessionRequest, $requestOptions);&amp;quot;},{&amp;quot;language&amp;quot;:&amp;quot;cs&amp;quot;,&amp;quot;tabTitle&amp;quot;:&amp;quot;C#&amp;quot;,&amp;quot;content&amp;quot;:&amp;quot;\\\\\\\/\\\\\\\/ Adyen .NET API Library v32.2.1\\\\nusing Adyen;\\\\nusing Environment = Adyen.Model.Environment;\\\\nusing Adyen.Model;\\\\nusing Adyen.Model.Checkout;\\\\nusing Adyen.Service.Checkout;\\\\n\\\\n\\\\\\\/\\\\\\\/ For the LIVE environment, also include your liveEndpointUrlPrefix.\\\\nvar config = new Config()\\\\n{\\\\n    XApiKey = \\\\&amp;quot;ADYEN_API_KEY\\\\&amp;quot;,\\\\n    Environment = Environment.Test\\\\n};\\\\nvar client = new Client(config);\\\\n\\\\n\\\\\\\/\\\\\\\/ Create the request object(s)\\\\n\\\\\\\/\\\\\\\/ Send the request\\\\nvar service = new PaymentsService(client);\\\\nvar response = service.Sessions(createCheckoutSessionRequest, requestOptions: new RequestOptions { IdempotencyKey = \\\\&amp;quot;UUID\\\\&amp;quot;});&amp;quot;},{&amp;quot;language&amp;quot;:&amp;quot;js&amp;quot;,&amp;quot;tabTitle&amp;quot;:&amp;quot;NodeJS (JavaScript)&amp;quot;,&amp;quot;content&amp;quot;:&amp;quot;\\\\\\\/\\\\\\\/ Adyen Node API Library v30.0.0\\\\nconst { Client, CheckoutAPI } = require(&#039;@adyen\\\\\\\/api-library&#039;);\\\\n\\\\n\\\\\\\/\\\\\\\/ For the LIVE environment, also include your liveEndpointUrlPrefix.\\\\nconst config = new Config({\\\\n  apiKey: \\\\&amp;quot;ADYEN_API_KEY\\\\&amp;quot;,\\\\n  environment: EnvironmentEnum.TEST\\\\n});\\\\n\\\\nconst client = new Client(config);\\\\n\\\\n\\\\\\\/\\\\\\\/ Create the request object(s)\\\\nconst createCheckoutSessionRequest = {\\\\n  merchantAccount: \\\\&amp;quot;ADYEN_MERCHANT_ACCOUNT\\\\&amp;quot;,\\\\n  amount: {\\\\n    value: 1000,\\\\n    currency: \\\\&amp;quot;EUR\\\\&amp;quot;\\\\n  },\\\\n  returnUrl: \\\\&amp;quot;adyencheckout:\\\\\\\/\\\\\\\/your.package.name\\\\&amp;quot;,\\\\n  reference: \\\\&amp;quot;YOUR_PAYMENT_REFERENCE\\\\&amp;quot;,\\\\n  countryCode: \\\\&amp;quot;NL\\\\&amp;quot;,\\\\n  shopperReference: \\\\&amp;quot;YOUR_SHOPPER_REFERENCE\\\\&amp;quot;\\\\n}\\\\n\\\\n\\\\\\\/\\\\\\\/ Send the request\\\\nconst checkoutAPI = new CheckoutAPI(client);\\\\nconst response = checkoutAPI.PaymentsApi.sessions(createCheckoutSessionRequest, { idempotencyKey: \\\\&amp;quot;UUID\\\\&amp;quot; });&amp;quot;},{&amp;quot;language&amp;quot;:&amp;quot;go&amp;quot;,&amp;quot;tabTitle&amp;quot;:&amp;quot;Go&amp;quot;,&amp;quot;content&amp;quot;:&amp;quot;\\\\\\\/\\\\\\\/ Adyen Go API Library v21.1.0\\\\nimport (\\\\n  \\\\&amp;quot;context\\\\&amp;quot;\\\\n  \\\\&amp;quot;github.com\\\\\\\/adyen\\\\\\\/adyen-go-api-library\\\\\\\/v21\\\\\\\/src\\\\\\\/common\\\\&amp;quot;\\\\n  \\\\&amp;quot;github.com\\\\\\\/adyen\\\\\\\/adyen-go-api-library\\\\\\\/v21\\\\\\\/src\\\\\\\/adyen\\\\&amp;quot;\\\\n  \\\\&amp;quot;github.com\\\\\\\/adyen\\\\\\\/adyen-go-api-library\\\\\\\/v21\\\\\\\/src\\\\\\\/checkout\\\\&amp;quot;\\\\n)\\\\n\\\\\\\/\\\\\\\/ For the LIVE environment, also include your liveEndpointUrlPrefix.\\\\nclient := adyen.NewClient(&amp;amp;common.Config{\\\\n  ApiKey:      \\\\&amp;quot;ADYEN_API_KEY\\\\&amp;quot;,\\\\n  Environment: common.TestEnv,\\\\n})\\\\n\\\\n\\\\\\\/\\\\\\\/ Create the request object(s)\\\\n\\\\\\\/\\\\\\\/ Send the request\\\\nservice := client.Checkout()\\\\nreq := service.PaymentsApi.SessionsInput().IdempotencyKey(\\\\&amp;quot;UUID\\\\&amp;quot;).CreateCheckoutSessionRequest(createCheckoutSessionRequest)\\\\nres, httpRes, err := service.PaymentsApi.Sessions(context.Background(), req)&amp;quot;},{&amp;quot;language&amp;quot;:&amp;quot;py&amp;quot;,&amp;quot;tabTitle&amp;quot;:&amp;quot;Python&amp;quot;,&amp;quot;content&amp;quot;:&amp;quot;# Adyen Python API Library v14.0.0\\\\nimport Adyen\\\\n\\\\nadyen = Adyen.Adyen()\\\\nadyen.client.xapikey = \\\\&amp;quot;ADYEN_API_KEY\\\\&amp;quot;\\\\n# For the LIVE environment, also include your liveEndpointUrlPrefix.\\\\nadyen.client.platform = \\\\&amp;quot;test\\\\&amp;quot; # The environment to use library in.\\\\n\\\\n# Create the request object(s)\\\\njson_request = {\\\\n  \\\\&amp;quot;merchantAccount\\\\&amp;quot;: \\\\&amp;quot;ADYEN_MERCHANT_ACCOUNT\\\\&amp;quot;,\\\\n  \\\\&amp;quot;amount\\\\&amp;quot;: {\\\\n    \\\\&amp;quot;value\\\\&amp;quot;: 1000,\\\\n    \\\\&amp;quot;currency\\\\&amp;quot;: \\\\&amp;quot;EUR\\\\&amp;quot;\\\\n  },\\\\n  \\\\&amp;quot;returnUrl\\\\&amp;quot;: \\\\&amp;quot;adyencheckout:\\\\\\\/\\\\\\\/your.package.name\\\\&amp;quot;,\\\\n  \\\\&amp;quot;reference\\\\&amp;quot;: \\\\&amp;quot;YOUR_PAYMENT_REFERENCE\\\\&amp;quot;,\\\\n  \\\\&amp;quot;countryCode\\\\&amp;quot;: \\\\&amp;quot;NL\\\\&amp;quot;,\\\\n  \\\\&amp;quot;shopperReference\\\\&amp;quot;: \\\\&amp;quot;YOUR_SHOPPER_REFERENCE\\\\&amp;quot;\\\\n}\\\\n\\\\n# Send the request\\\\nresult = adyen.checkout.payments_api.sessions(request=json_request, idempotency_key=\\\\&amp;quot;UUID\\\\&amp;quot;)&amp;quot;},{&amp;quot;language&amp;quot;:&amp;quot;rb&amp;quot;,&amp;quot;tabTitle&amp;quot;:&amp;quot;Ruby&amp;quot;,&amp;quot;content&amp;quot;:&amp;quot;# Adyen Ruby API Library v11.0.0\\\\nrequire \\\\&amp;quot;adyen-ruby-api-library\\\\&amp;quot;\\\\n\\\\nadyen = Adyen::Client.new\\\\nadyen.api_key = &#039;ADYEN_API_KEY&#039;\\\\n# For the LIVE environment, also include your liveEndpointUrlPrefix.\\\\nadyen.env = :test # Set to \\\\&amp;quot;live\\\\&amp;quot; for live environment\\\\n\\\\n# Create the request object(s)\\\\nrequest_body = {\\\\n  :merchantAccount =&amp;gt; &#039;ADYEN_MERCHANT_ACCOUNT&#039;,\\\\n  :amount =&amp;gt; {\\\\n    :value =&amp;gt; 1000,\\\\n    :currency =&amp;gt; &#039;EUR&#039;\\\\n  },\\\\n  :returnUrl =&amp;gt; &#039;adyencheckout:\\\\\\\/\\\\\\\/your.package.name&#039;,\\\\n  :reference =&amp;gt; &#039;YOUR_PAYMENT_REFERENCE&#039;,\\\\n  :countryCode =&amp;gt; &#039;NL&#039;,\\\\n  :shopperReference =&amp;gt; &#039;YOUR_SHOPPER_REFERENCE&#039;\\\\n}\\\\n\\\\n# Send the request\\\\nresult = adyen.checkout.payments_api.sessions(request_body, headers: { &#039;Idempotency-Key&#039; =&amp;gt; &#039;UUID&#039; })&amp;quot;},{&amp;quot;language&amp;quot;:&amp;quot;ts&amp;quot;,&amp;quot;tabTitle&amp;quot;:&amp;quot;NodeJS (TypeScript)&amp;quot;,&amp;quot;content&amp;quot;:&amp;quot;\\\\\\\/\\\\\\\/ Adyen Node API Library v30.0.0\\\\nimport { Client, CheckoutAPI, Types } from \\\\&amp;quot;@adyen\\\\\\\/api-library\\\\&amp;quot;;\\\\n\\\\n\\\\\\\/\\\\\\\/ For the LIVE environment, also include your liveEndpointUrlPrefix.\\\\nconst config = new Config({\\\\n  apiKey: \\\\&amp;quot;ADYEN_API_KEY\\\\&amp;quot;,\\\\n  environment: EnvironmentEnum.TEST\\\\n});\\\\n\\\\nconst client = new Client(config);\\\\n\\\\n\\\\\\\/\\\\\\\/ Create the request object(s)\\\\n\\\\\\\/\\\\\\\/ Send the request\\\\nconst checkoutAPI = new CheckoutAPI(client);\\\\nconst response = checkoutAPI.PaymentsApi.sessions(createCheckoutSessionRequest, { idempotencyKey: \\\\&amp;quot;UUID\\\\&amp;quot; });&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;f1d782f34059511c9d49d2be977ae678&quot;:&quot;&lt;h2&gt;Import the Component for PaySafeCard&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 PaySafeCard.&lt;\\\/p&gt;\\n\\n&lt;div id=\\&quot;tabVIgeJ21520\\&quot;&gt;\\n    &lt;div data-component-wrapper=\\&quot;tabs\\&quot;&gt;\\n        &lt;tabs\\n             :id=\\&quot;&amp;quot;21520&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:instant: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:instant: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;0330b1afec5299ad6807e236de0cc1a4&quot;:&quot;&lt;h2&gt;Add additional configuration for PaySafeCard&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 to &lt;b&gt;false&lt;\\\/b&gt; to hide the submit button. The default is &lt;b&gt;true&lt;\\\/b&gt;.&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 = InstantPaymentConfiguration.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;6cacfdf032e067dff5016d7cd098127a&quot;:&quot;&lt;h2&gt;Launch and show the Component for PaySafeCard&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 PaySafeCard, use the &lt;code&gt;InstantPaymentComponent&lt;\\\/code&gt; class.&lt;\\\/p&gt;\\n\\n&lt;div id=\\&quot;tabkqzmV67728\\&quot;&gt;\\n    &lt;div data-component-wrapper=\\&quot;tabs\\&quot;&gt;\\n        &lt;tabs\\n             :id=\\&quot;&amp;quot;67728&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 ComposableInstantPaymentComponent() {\\\\\\\\n  \\\\\\\\\\\\\\\/\\\\\\\\\\\\\\\/ Keep a reference to this Component in case you need to access it later.\\\\\\\\n  val instantComponent = InstantPaymentComponent.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 = instantComponent,\\\\\\\\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 instantComponent = InstantPaymentComponent.PROVIDER.get(\\\\\\\\n    activity, \\\\\\\\\\\\\\\/\\\\\\\\\\\\\\\/ Your activity or fragment.\\\\\\\\n    checkoutSession,\\\\\\\\n    paymentMethod,\\\\\\\\n    instantConfiguration,\\\\\\\\n    componentCallback,\\\\\\\\n)\\\\\\\\n\\\\\\\\n\\\\\\\\\\\\\\\/\\\\\\\\\\\\\\\/ Attach the Component to your view.\\\\\\\\nbinding.instantView.attach(instantComponent, 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;d41d8cd98f00b204e9800998ecf8427e&quot;:&quot;&quot;,&quot;c31ffaaf08a8b99226a7cead84c955ec&quot;:&quot;&lt;h2&gt;Test and go live&lt;\\\/h2&gt;\\n&lt;p&gt;Before you go live, test your integration using the following credentials:&lt;\\\/p&gt;\\n&lt;ul&gt;\\n&lt;li&gt;&lt;strong&gt;16-digit code&lt;\\\/strong&gt;: 0000 0000 0990 3417&lt;\\\/li&gt;\\n&lt;\\\/ul&gt;\\n&lt;p&gt;Check the status of  test payments in your\\u00a0&lt;a href=\\&quot;https:\\\/\\\/ca-test.adyen.com\\\/\\&quot; target=\\&quot;_blank\\&quot; rel=\\&quot;nofollow noopener noreferrer\\&quot; class=\\&quot;external-link no-image\\&quot;&gt;Customer Area&lt;\\\/a&gt;\\u00a0&amp;gt;\\u00a0&lt;strong&gt;Transactions&lt;\\\/strong&gt;\\u00a0&amp;gt;\\u00a0&lt;strong&gt;Payments&lt;\\\/strong&gt;.&lt;\\\/p&gt;\\n&lt;p&gt; &lt;\\\/p&gt;\\n&lt;p&gt;Before you can accept live payments, contact 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; to add PaySafeCard in your live Customer Area. &lt;\\\/p&gt;&quot;,&quot;b1dbb381e00ab91b08d99f27cccfd0a6&quot;:&quot;&lt;h2&gt;Add additional configuration for PaySafeCard&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 to &lt;b&gt;false&lt;\\\/b&gt; to hide the submit button. The default is &lt;b&gt;true&lt;\\\/b&gt;.&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;6a75292f10fd31905e75b257cc61e1aa&quot;:&quot;&lt;h2&gt;Launch and show the Component for PaySafeCard&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 PaySafeCard, use the &lt;code&gt;InstantPaymentComponent&lt;\\\/code&gt; class.&lt;\\\/p&gt;\\n\\n&lt;div id=\\&quot;tab425Xt38854\\&quot;&gt;\\n    &lt;div data-component-wrapper=\\&quot;tabs\\&quot;&gt;\\n        &lt;tabs\\n             :id=\\&quot;&amp;quot;38854&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 ComposableInstantPaymentComponent() {\\\\\\\\n  \\\\\\\\\\\\\\\/\\\\\\\\\\\\\\\/ Keep a reference to this Component in case you need to access it later.\\\\\\\\n  val instantComponent = InstantPaymentComponent.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 = instantComponent,\\\\\\\\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 instantComponent = InstantPaymentComponent.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.instantView.attach(instantComponent, 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;f845198367313938496095562b475067&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;fa8b1b2770d1bbab9e0e4d7ba1202551&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;6496985552b10c6ec4fcf7fd6d42e7df&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;e3c503f3aa5b8ba5ac3c6060779ec2f2&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;01c6d444da7368bbf5a1d556d5fbe973&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;d41d8cd98f00b204e9800998ecf8427e&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;c31ffaaf08a8b99226a7cead84c955ec&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;f845198367313938496095562b475067&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;fa8b1b2770d1bbab9e0e4d7ba1202551&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;6496985552b10c6ec4fcf7fd6d42e7df&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;e3c503f3aa5b8ba5ac3c6060779ec2f2&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;01c6d444da7368bbf5a1d556d5fbe973&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;d41d8cd98f00b204e9800998ecf8427e&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;c31ffaaf08a8b99226a7cead84c955ec&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;f845198367313938496095562b475067&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;fa8b1b2770d1bbab9e0e4d7ba1202551&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;6496985552b10c6ec4fcf7fd6d42e7df&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;e3c503f3aa5b8ba5ac3c6060779ec2f2&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;01c6d444da7368bbf5a1d556d5fbe973&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;d41d8cd98f00b204e9800998ecf8427e&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;c31ffaaf08a8b99226a7cead84c955ec&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;f845198367313938496095562b475067&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;fa8b1b2770d1bbab9e0e4d7ba1202551&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;6496985552b10c6ec4fcf7fd6d42e7df&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;e3c503f3aa5b8ba5ac3c6060779ec2f2&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;01c6d444da7368bbf5a1d556d5fbe973&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;d41d8cd98f00b204e9800998ecf8427e&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;c31ffaaf08a8b99226a7cead84c955ec&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.13.1&quot;:{&quot;sections&quot;:{&quot;requirements&quot;:{&quot;$ref&quot;:&quot;f845198367313938496095562b475067&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;fa8b1b2770d1bbab9e0e4d7ba1202551&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;6496985552b10c6ec4fcf7fd6d42e7df&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;e3c503f3aa5b8ba5ac3c6060779ec2f2&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;01c6d444da7368bbf5a1d556d5fbe973&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;d41d8cd98f00b204e9800998ecf8427e&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;c31ffaaf08a8b99226a7cead84c955ec&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;f845198367313938496095562b475067&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;fa8b1b2770d1bbab9e0e4d7ba1202551&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;6496985552b10c6ec4fcf7fd6d42e7df&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;e3c503f3aa5b8ba5ac3c6060779ec2f2&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;01c6d444da7368bbf5a1d556d5fbe973&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;d41d8cd98f00b204e9800998ecf8427e&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;c31ffaaf08a8b99226a7cead84c955ec&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;f845198367313938496095562b475067&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;fa8b1b2770d1bbab9e0e4d7ba1202551&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;6496985552b10c6ec4fcf7fd6d42e7df&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;e3c503f3aa5b8ba5ac3c6060779ec2f2&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;01c6d444da7368bbf5a1d556d5fbe973&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;d41d8cd98f00b204e9800998ecf8427e&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;c31ffaaf08a8b99226a7cead84c955ec&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;f845198367313938496095562b475067&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;fa8b1b2770d1bbab9e0e4d7ba1202551&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;6496985552b10c6ec4fcf7fd6d42e7df&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;e3c503f3aa5b8ba5ac3c6060779ec2f2&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;01c6d444da7368bbf5a1d556d5fbe973&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;d41d8cd98f00b204e9800998ecf8427e&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;c31ffaaf08a8b99226a7cead84c955ec&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;f845198367313938496095562b475067&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;fa8b1b2770d1bbab9e0e4d7ba1202551&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;6496985552b10c6ec4fcf7fd6d42e7df&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;e3c503f3aa5b8ba5ac3c6060779ec2f2&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;01c6d444da7368bbf5a1d556d5fbe973&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;d41d8cd98f00b204e9800998ecf8427e&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;c31ffaaf08a8b99226a7cead84c955ec&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;f845198367313938496095562b475067&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;fa8b1b2770d1bbab9e0e4d7ba1202551&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;6496985552b10c6ec4fcf7fd6d42e7df&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;e3c503f3aa5b8ba5ac3c6060779ec2f2&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;01c6d444da7368bbf5a1d556d5fbe973&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;d41d8cd98f00b204e9800998ecf8427e&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;c31ffaaf08a8b99226a7cead84c955ec&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;f845198367313938496095562b475067&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;fa8b1b2770d1bbab9e0e4d7ba1202551&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;6496985552b10c6ec4fcf7fd6d42e7df&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;e3c503f3aa5b8ba5ac3c6060779ec2f2&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;01c6d444da7368bbf5a1d556d5fbe973&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;d41d8cd98f00b204e9800998ecf8427e&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;c31ffaaf08a8b99226a7cead84c955ec&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;f845198367313938496095562b475067&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;fa8b1b2770d1bbab9e0e4d7ba1202551&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;6496985552b10c6ec4fcf7fd6d42e7df&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;e3c503f3aa5b8ba5ac3c6060779ec2f2&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;01c6d444da7368bbf5a1d556d5fbe973&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;d41d8cd98f00b204e9800998ecf8427e&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;c31ffaaf08a8b99226a7cead84c955ec&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;f845198367313938496095562b475067&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;fa8b1b2770d1bbab9e0e4d7ba1202551&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;6496985552b10c6ec4fcf7fd6d42e7df&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;e3c503f3aa5b8ba5ac3c6060779ec2f2&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;01c6d444da7368bbf5a1d556d5fbe973&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;d41d8cd98f00b204e9800998ecf8427e&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;c31ffaaf08a8b99226a7cead84c955ec&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;f845198367313938496095562b475067&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;fa8b1b2770d1bbab9e0e4d7ba1202551&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;6496985552b10c6ec4fcf7fd6d42e7df&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;e3c503f3aa5b8ba5ac3c6060779ec2f2&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;01c6d444da7368bbf5a1d556d5fbe973&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;d41d8cd98f00b204e9800998ecf8427e&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;c31ffaaf08a8b99226a7cead84c955ec&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;f845198367313938496095562b475067&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;fa8b1b2770d1bbab9e0e4d7ba1202551&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;6496985552b10c6ec4fcf7fd6d42e7df&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;e3c503f3aa5b8ba5ac3c6060779ec2f2&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;01c6d444da7368bbf5a1d556d5fbe973&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;d41d8cd98f00b204e9800998ecf8427e&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;c31ffaaf08a8b99226a7cead84c955ec&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;f845198367313938496095562b475067&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;fa8b1b2770d1bbab9e0e4d7ba1202551&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;6496985552b10c6ec4fcf7fd6d42e7df&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;e3c503f3aa5b8ba5ac3c6060779ec2f2&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;01c6d444da7368bbf5a1d556d5fbe973&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;d41d8cd98f00b204e9800998ecf8427e&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;c31ffaaf08a8b99226a7cead84c955ec&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;f845198367313938496095562b475067&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;fa8b1b2770d1bbab9e0e4d7ba1202551&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;6496985552b10c6ec4fcf7fd6d42e7df&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;e3c503f3aa5b8ba5ac3c6060779ec2f2&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;01c6d444da7368bbf5a1d556d5fbe973&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;d41d8cd98f00b204e9800998ecf8427e&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;c31ffaaf08a8b99226a7cead84c955ec&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;f845198367313938496095562b475067&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;fa8b1b2770d1bbab9e0e4d7ba1202551&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;6496985552b10c6ec4fcf7fd6d42e7df&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;e3c503f3aa5b8ba5ac3c6060779ec2f2&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;01c6d444da7368bbf5a1d556d5fbe973&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;d41d8cd98f00b204e9800998ecf8427e&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;c31ffaaf08a8b99226a7cead84c955ec&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;f845198367313938496095562b475067&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;fa8b1b2770d1bbab9e0e4d7ba1202551&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;6496985552b10c6ec4fcf7fd6d42e7df&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;e3c503f3aa5b8ba5ac3c6060779ec2f2&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;01c6d444da7368bbf5a1d556d5fbe973&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;d41d8cd98f00b204e9800998ecf8427e&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;c31ffaaf08a8b99226a7cead84c955ec&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;f845198367313938496095562b475067&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;fa8b1b2770d1bbab9e0e4d7ba1202551&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;6e43e299d7df23f1283319ab874f89f1&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;a51fdfd082f625d18cd3bd57e568385b&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;01c6d444da7368bbf5a1d556d5fbe973&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;d41d8cd98f00b204e9800998ecf8427e&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;c31ffaaf08a8b99226a7cead84c955ec&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;f845198367313938496095562b475067&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;fa8b1b2770d1bbab9e0e4d7ba1202551&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;6e43e299d7df23f1283319ab874f89f1&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;a51fdfd082f625d18cd3bd57e568385b&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;01c6d444da7368bbf5a1d556d5fbe973&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;d41d8cd98f00b204e9800998ecf8427e&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;c31ffaaf08a8b99226a7cead84c955ec&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;f845198367313938496095562b475067&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;fa8b1b2770d1bbab9e0e4d7ba1202551&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;6e43e299d7df23f1283319ab874f89f1&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;a51fdfd082f625d18cd3bd57e568385b&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;01c6d444da7368bbf5a1d556d5fbe973&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;d41d8cd98f00b204e9800998ecf8427e&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;c31ffaaf08a8b99226a7cead84c955ec&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;f845198367313938496095562b475067&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;fa8b1b2770d1bbab9e0e4d7ba1202551&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;6e43e299d7df23f1283319ab874f89f1&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;a51fdfd082f625d18cd3bd57e568385b&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;01c6d444da7368bbf5a1d556d5fbe973&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;d41d8cd98f00b204e9800998ecf8427e&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;c31ffaaf08a8b99226a7cead84c955ec&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;f845198367313938496095562b475067&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#additional-action\\&quot;&gt;handle the additional action&lt;\\\/a&gt;. &lt;br&gt; &lt;code&gt;action.type&lt;\\\/code&gt;: redirect.&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 PaySafeCard in your Customer Area&lt;\\\/a&gt;. &lt;\\\/td&gt;\\n&lt;\\\/tr&gt;\\n&lt;\\\/tbody&gt;\\n&lt;\\\/table&gt;&quot;,&quot;fa8b1b2770d1bbab9e0e4d7ba1202551&quot;:&quot;&lt;h2&gt;Import the Component for PaySafeCard&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 PaySafeCard.&lt;\\\/p&gt;\\n\\n&lt;div id=\\&quot;tabvz7C326041\\&quot;&gt;\\n    &lt;div data-component-wrapper=\\&quot;tabs\\&quot;&gt;\\n        &lt;tabs\\n             :id=\\&quot;&amp;quot;26041&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:instant: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:instant: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;6e43e299d7df23f1283319ab874f89f1&quot;:&quot;&lt;h2&gt;Add additional configuration for PaySafeCard&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 to &lt;b&gt;false&lt;\\\/b&gt; to hide the submit button. The default is &lt;b&gt;true&lt;\\\/b&gt;.&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 = InstantPaymentConfiguration.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;a51fdfd082f625d18cd3bd57e568385b&quot;:&quot;&lt;h2&gt;Launch and show the Component for PaySafeCard&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 PaySafeCard, use the &lt;code&gt;InstantPaymentComponent&lt;\\\/code&gt; class.&lt;\\\/p&gt;\\n\\n&lt;div id=\\&quot;tabhYDfz51570\\&quot;&gt;\\n    &lt;div data-component-wrapper=\\&quot;tabs\\&quot;&gt;\\n        &lt;tabs\\n             :id=\\&quot;&amp;quot;51570&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 ComposableInstantPaymentComponent() {\\\\\\\\n    \\\\\\\\\\\\\\\/\\\\\\\\\\\\\\\/ Keep a reference to this Component in case you need to access it later.\\\\\\\\n    val instantComponent = InstantPaymentComponent.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 = instantComponent,\\\\\\\\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 instantComponent = InstantPaymentComponent.PROVIDER.get(\\\\\\\\n    activity, \\\\\\\\\\\\\\\/\\\\\\\\\\\\\\\/ Your activity or fragment.\\\\\\\\n    paymentMethod,\\\\\\\\n    instantConfiguration,\\\\\\\\n    componentCallback,\\\\\\\\n)\\\\\\\\n\\\\\\\\n\\\\\\\\\\\\\\\/\\\\\\\\\\\\\\\/ Attach the Component to your view.\\\\\\\\nbinding.instantView.attach(instantComponent, 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;01c6d444da7368bbf5a1d556d5fbe973&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-shopperReference\\&quot; class=\\&quot;codeLabel  external-link no-image\\&quot; target=\\&quot;_blank\\&quot; rel=\\&quot;nofollow noopener noreferrer\\&quot;&gt;shopperReference&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;Your reference to uniquely identify this shopper, for example user ID or account ID.&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 payment request for PaySafeCard&#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;curl&amp;quot;,&amp;quot;content&amp;quot;:&amp;quot;curl https:\\\\\\\/\\\\\\\/checkout-test.adyen.com\\\\\\\/v72\\\\\\\/payments \\\\\\\\\\\\n-H &#039;x-API-key: ADYEN_API_KEY&#039; \\\\\\\\\\\\n-H &#039;idempotency-key: YOUR_IDEMPOTENCY_KEY&#039; \\\\\\\\\\\\n-H &#039;content-type: application\\\\\\\/json&#039; \\\\\\\\\\\\n-X POST\\\\n-d &#039;{\\\\n  \\\\&amp;quot;amount\\\\&amp;quot;:{\\\\n    \\\\&amp;quot;currency\\\\&amp;quot;:\\\\&amp;quot;EUR\\\\&amp;quot;,\\\\n    \\\\&amp;quot;value\\\\&amp;quot;:1000\\\\n  },\\\\n  \\\\&amp;quot;reference\\\\&amp;quot;:\\\\&amp;quot;YOUR_ORDER_NUMBER\\\\&amp;quot;,\\\\n  \\\\&amp;quot;returnUrl\\\\&amp;quot;:\\\\&amp;quot;https:\\\\\\\/\\\\\\\/your-company.com\\\\\\\/checkout?shopperOrder=12xy..\\\\&amp;quot;,\\\\n  \\\\&amp;quot;merchantAccount\\\\&amp;quot;:\\\\&amp;quot;ADYEN_MERCHANT_ACCOUNT\\\\&amp;quot;,\\\\n  \\\\&amp;quot;shopperReference\\\\&amp;quot;: \\\\&amp;quot;YOUR_SHOPPER_REFERENCE\\\\&amp;quot;\\\\n}&#039;&amp;quot;},{&amp;quot;language&amp;quot;:&amp;quot;java&amp;quot;,&amp;quot;tabTitle&amp;quot;:&amp;quot;Java&amp;quot;,&amp;quot;content&amp;quot;:&amp;quot;\\\\\\\/\\\\\\\/ Adyen Java API Library v40.0.0\\\\nimport com.adyen.Client;\\\\nimport com.adyen.enums.Environment;\\\\nimport com.adyen.model.checkout.*;\\\\nimport java.time.OffsetDateTime;\\\\nimport java.util.*;\\\\nimport com.adyen.model.RequestOptions;\\\\nimport com.adyen.service.checkout.*;\\\\n\\\\n\\\\\\\/\\\\\\\/ For the LIVE environment, also include your liveEndpointUrlPrefix.\\\\nClient client = new Client(\\\\&amp;quot;ADYEN_API_KEY\\\\&amp;quot;, Environment.TEST);\\\\n\\\\n\\\\\\\/\\\\\\\/ Create the request object(s)\\\\nAmount amount = new Amount()\\\\n  .currency(\\\\&amp;quot;EUR\\\\&amp;quot;)\\\\n  .value(1000L);\\\\n\\\\nPaymentRequest paymentRequest = new PaymentRequest()\\\\n  .reference(\\\\&amp;quot;YOUR_ORDER_NUMBER\\\\&amp;quot;)\\\\n  .amount(amount)\\\\n  .merchantAccount(\\\\&amp;quot;ADYEN_MERCHANT_ACCOUNT\\\\&amp;quot;)\\\\n  .returnUrl(\\\\&amp;quot;https:\\\\\\\/\\\\\\\/your-company.com\\\\\\\/checkout?shopperOrder=12xy..\\\\&amp;quot;)\\\\n  .shopperReference(\\\\&amp;quot;YOUR_SHOPPER_REFERENCE\\\\&amp;quot;);\\\\n\\\\n\\\\\\\/\\\\\\\/ Send the request\\\\nPaymentsApi service = new PaymentsApi(client);\\\\nPaymentResponse response = service.payments(paymentRequest, new RequestOptions().idempotencyKey(\\\\&amp;quot;UUID\\\\&amp;quot;));&amp;quot;},{&amp;quot;language&amp;quot;:&amp;quot;php&amp;quot;,&amp;quot;tabTitle&amp;quot;:&amp;quot;PHP&amp;quot;,&amp;quot;content&amp;quot;:&amp;quot;&amp;lt;?php\\\\n\\\\\\\/\\\\\\\/ Adyen PHP API Library v28.3.0\\\\nuse Adyen\\\\\\\\Client;\\\\nuse Adyen\\\\\\\\Environment;\\\\nuse Adyen\\\\\\\\Model\\\\\\\\Checkout\\\\\\\\Amount;\\\\nuse Adyen\\\\\\\\Model\\\\\\\\Checkout\\\\\\\\PaymentRequest;\\\\nuse Adyen\\\\\\\\Service\\\\\\\\Checkout\\\\\\\\PaymentsApi;\\\\n\\\\n$client = new Client();\\\\n$client-&amp;gt;setXApiKey(\\\\&amp;quot;ADYEN_API_KEY\\\\&amp;quot;);\\\\n\\\\\\\/\\\\\\\/ For the LIVE environment, also include your liveEndpointUrlPrefix.\\\\n$client-&amp;gt;setEnvironment(Environment::TEST);\\\\n\\\\n\\\\n\\\\\\\/\\\\\\\/ Create the request object(s)\\\\n$amount = new Amount();\\\\n$amount\\\\n  -&amp;gt;setCurrency(\\\\&amp;quot;EUR\\\\&amp;quot;)\\\\n  -&amp;gt;setValue(1000);\\\\n\\\\n$paymentRequest = new PaymentRequest();\\\\n$paymentRequest\\\\n  -&amp;gt;setReference(\\\\&amp;quot;YOUR_ORDER_NUMBER\\\\&amp;quot;)\\\\n  -&amp;gt;setAmount($amount)\\\\n  -&amp;gt;setMerchantAccount(\\\\&amp;quot;ADYEN_MERCHANT_ACCOUNT\\\\&amp;quot;)\\\\n  -&amp;gt;setReturnUrl(\\\\&amp;quot;https:\\\\\\\/\\\\\\\/your-company.com\\\\\\\/checkout?shopperOrder=12xy..\\\\&amp;quot;)\\\\n  -&amp;gt;setShopperReference(\\\\&amp;quot;YOUR_SHOPPER_REFERENCE\\\\&amp;quot;);\\\\n\\\\n$requestOptions[&#039;idempotencyKey&#039;] = &#039;UUID&#039;;\\\\n\\\\n\\\\\\\/\\\\\\\/ Send the request\\\\n$service = new PaymentsApi($client);\\\\n$response = $service-&amp;gt;payments($paymentRequest, $requestOptions);&amp;quot;},{&amp;quot;language&amp;quot;:&amp;quot;cs&amp;quot;,&amp;quot;tabTitle&amp;quot;:&amp;quot;C#&amp;quot;,&amp;quot;content&amp;quot;:&amp;quot;\\\\\\\/\\\\\\\/ Adyen .NET API Library v32.2.1\\\\nusing Adyen;\\\\nusing Environment = Adyen.Model.Environment;\\\\nusing Adyen.Model;\\\\nusing Adyen.Model.Checkout;\\\\nusing Adyen.Service.Checkout;\\\\n\\\\n\\\\\\\/\\\\\\\/ For the LIVE environment, also include your liveEndpointUrlPrefix.\\\\nvar config = new Config()\\\\n{\\\\n    XApiKey = \\\\&amp;quot;ADYEN_API_KEY\\\\&amp;quot;,\\\\n    Environment = Environment.Test\\\\n};\\\\nvar client = new Client(config);\\\\n\\\\n\\\\\\\/\\\\\\\/ Create the request object(s)\\\\nAmount amount = new Amount\\\\n{\\\\n  Currency = \\\\&amp;quot;EUR\\\\&amp;quot;,\\\\n  Value = 1000\\\\n};\\\\n\\\\nPaymentRequest paymentRequest = new PaymentRequest\\\\n{\\\\n  Reference = \\\\&amp;quot;YOUR_ORDER_NUMBER\\\\&amp;quot;,\\\\n  Amount = amount,\\\\n  MerchantAccount = \\\\&amp;quot;ADYEN_MERCHANT_ACCOUNT\\\\&amp;quot;,\\\\n  ReturnUrl = \\\\&amp;quot;https:\\\\\\\/\\\\\\\/your-company.com\\\\\\\/checkout?shopperOrder=12xy..\\\\&amp;quot;,\\\\n  ShopperReference = \\\\&amp;quot;YOUR_SHOPPER_REFERENCE\\\\&amp;quot;\\\\n};\\\\n\\\\n\\\\\\\/\\\\\\\/ Send the request\\\\nvar service = new PaymentsService(client);\\\\nvar response = service.Payments(paymentRequest, requestOptions: new RequestOptions { IdempotencyKey = \\\\&amp;quot;UUID\\\\&amp;quot;});&amp;quot;},{&amp;quot;language&amp;quot;:&amp;quot;js&amp;quot;,&amp;quot;tabTitle&amp;quot;:&amp;quot;NodeJS (JavaScript)&amp;quot;,&amp;quot;content&amp;quot;:&amp;quot;\\\\\\\/\\\\\\\/ Adyen Node API Library v30.0.0\\\\nconst { Client, CheckoutAPI } = require(&#039;@adyen\\\\\\\/api-library&#039;);\\\\n\\\\n\\\\\\\/\\\\\\\/ For the LIVE environment, also include your liveEndpointUrlPrefix.\\\\nconst config = new Config({\\\\n  apiKey: \\\\&amp;quot;ADYEN_API_KEY\\\\&amp;quot;,\\\\n  environment: EnvironmentEnum.TEST\\\\n});\\\\n\\\\nconst client = new Client(config);\\\\n\\\\n\\\\\\\/\\\\\\\/ Create the request object(s)\\\\nconst paymentRequest = {\\\\n  amount: {\\\\n    currency: \\\\&amp;quot;EUR\\\\&amp;quot;,\\\\n    value: 1000\\\\n  },\\\\n  reference: \\\\&amp;quot;YOUR_ORDER_NUMBER\\\\&amp;quot;,\\\\n  returnUrl: \\\\&amp;quot;https:\\\\\\\/\\\\\\\/your-company.com\\\\\\\/checkout?shopperOrder=12xy..\\\\&amp;quot;,\\\\n  merchantAccount: \\\\&amp;quot;ADYEN_MERCHANT_ACCOUNT\\\\&amp;quot;,\\\\n  shopperReference: \\\\&amp;quot;YOUR_SHOPPER_REFERENCE\\\\&amp;quot;\\\\n}\\\\n\\\\n\\\\\\\/\\\\\\\/ Send the request\\\\nconst checkoutAPI = new CheckoutAPI(client);\\\\nconst response = checkoutAPI.PaymentsApi.payments(paymentRequest, { idempotencyKey: \\\\&amp;quot;UUID\\\\&amp;quot; });&amp;quot;},{&amp;quot;language&amp;quot;:&amp;quot;go&amp;quot;,&amp;quot;tabTitle&amp;quot;:&amp;quot;Go&amp;quot;,&amp;quot;content&amp;quot;:&amp;quot;\\\\\\\/\\\\\\\/ Adyen Go API Library v21.1.0\\\\nimport (\\\\n  \\\\&amp;quot;context\\\\&amp;quot;\\\\n  \\\\&amp;quot;github.com\\\\\\\/adyen\\\\\\\/adyen-go-api-library\\\\\\\/v21\\\\\\\/src\\\\\\\/common\\\\&amp;quot;\\\\n  \\\\&amp;quot;github.com\\\\\\\/adyen\\\\\\\/adyen-go-api-library\\\\\\\/v21\\\\\\\/src\\\\\\\/adyen\\\\&amp;quot;\\\\n  \\\\&amp;quot;github.com\\\\\\\/adyen\\\\\\\/adyen-go-api-library\\\\\\\/v21\\\\\\\/src\\\\\\\/checkout\\\\&amp;quot;\\\\n)\\\\n\\\\\\\/\\\\\\\/ For the LIVE environment, also include your liveEndpointUrlPrefix.\\\\nclient := adyen.NewClient(&amp;amp;common.Config{\\\\n  ApiKey:      \\\\&amp;quot;ADYEN_API_KEY\\\\&amp;quot;,\\\\n  Environment: common.TestEnv,\\\\n})\\\\n\\\\n\\\\\\\/\\\\\\\/ Create the request object(s)\\\\namount := checkout.Amount{\\\\n  Currency: \\\\&amp;quot;EUR\\\\&amp;quot;,\\\\n  Value: 1000,\\\\n}\\\\n\\\\npaymentRequest := checkout.PaymentRequest{\\\\n  Reference: \\\\&amp;quot;YOUR_ORDER_NUMBER\\\\&amp;quot;,\\\\n  Amount: amount,\\\\n  MerchantAccount: \\\\&amp;quot;ADYEN_MERCHANT_ACCOUNT\\\\&amp;quot;,\\\\n  ReturnUrl: \\\\&amp;quot;https:\\\\\\\/\\\\\\\/your-company.com\\\\\\\/checkout?shopperOrder=12xy..\\\\&amp;quot;,\\\\n  ShopperReference: common.PtrString(\\\\&amp;quot;YOUR_SHOPPER_REFERENCE\\\\&amp;quot;),\\\\n}\\\\n\\\\n\\\\\\\/\\\\\\\/ Send the request\\\\nservice := client.Checkout()\\\\nreq := service.PaymentsApi.PaymentsInput().IdempotencyKey(\\\\&amp;quot;UUID\\\\&amp;quot;).PaymentRequest(paymentRequest)\\\\nres, httpRes, err := service.PaymentsApi.Payments(context.Background(), req)&amp;quot;},{&amp;quot;language&amp;quot;:&amp;quot;py&amp;quot;,&amp;quot;tabTitle&amp;quot;:&amp;quot;Python&amp;quot;,&amp;quot;content&amp;quot;:&amp;quot;# Adyen Python API Library v14.0.0\\\\nimport Adyen\\\\n\\\\nadyen = Adyen.Adyen()\\\\nadyen.client.xapikey = \\\\&amp;quot;ADYEN_API_KEY\\\\&amp;quot;\\\\n# For the LIVE environment, also include your liveEndpointUrlPrefix.\\\\nadyen.client.platform = \\\\&amp;quot;test\\\\&amp;quot; # The environment to use library in.\\\\n\\\\n# Create the request object(s)\\\\njson_request = {\\\\n  \\\\&amp;quot;amount\\\\&amp;quot;: {\\\\n    \\\\&amp;quot;currency\\\\&amp;quot;: \\\\&amp;quot;EUR\\\\&amp;quot;,\\\\n    \\\\&amp;quot;value\\\\&amp;quot;: 1000\\\\n  },\\\\n  \\\\&amp;quot;reference\\\\&amp;quot;: \\\\&amp;quot;YOUR_ORDER_NUMBER\\\\&amp;quot;,\\\\n  \\\\&amp;quot;returnUrl\\\\&amp;quot;: \\\\&amp;quot;https:\\\\\\\/\\\\\\\/your-company.com\\\\\\\/checkout?shopperOrder=12xy..\\\\&amp;quot;,\\\\n  \\\\&amp;quot;merchantAccount\\\\&amp;quot;: \\\\&amp;quot;ADYEN_MERCHANT_ACCOUNT\\\\&amp;quot;,\\\\n  \\\\&amp;quot;shopperReference\\\\&amp;quot;: \\\\&amp;quot;YOUR_SHOPPER_REFERENCE\\\\&amp;quot;\\\\n}\\\\n\\\\n# Send the request\\\\nresult = adyen.checkout.payments_api.payments(request=json_request, idempotency_key=\\\\&amp;quot;UUID\\\\&amp;quot;)&amp;quot;},{&amp;quot;language&amp;quot;:&amp;quot;rb&amp;quot;,&amp;quot;tabTitle&amp;quot;:&amp;quot;Ruby&amp;quot;,&amp;quot;content&amp;quot;:&amp;quot;# Adyen Ruby API Library v11.0.0\\\\nrequire \\\\&amp;quot;adyen-ruby-api-library\\\\&amp;quot;\\\\n\\\\nadyen = Adyen::Client.new\\\\nadyen.api_key = &#039;ADYEN_API_KEY&#039;\\\\n# For the LIVE environment, also include your liveEndpointUrlPrefix.\\\\nadyen.env = :test # Set to \\\\&amp;quot;live\\\\&amp;quot; for live environment\\\\n\\\\n# Create the request object(s)\\\\nrequest_body = {\\\\n  :amount =&amp;gt; {\\\\n    :currency =&amp;gt; &#039;EUR&#039;,\\\\n    :value =&amp;gt; 1000\\\\n  },\\\\n  :reference =&amp;gt; &#039;YOUR_ORDER_NUMBER&#039;,\\\\n  :returnUrl =&amp;gt; &#039;https:\\\\\\\/\\\\\\\/your-company.com\\\\\\\/checkout?shopperOrder=12xy..&#039;,\\\\n  :merchantAccount =&amp;gt; &#039;ADYEN_MERCHANT_ACCOUNT&#039;,\\\\n  :shopperReference =&amp;gt; &#039;YOUR_SHOPPER_REFERENCE&#039;\\\\n}\\\\n\\\\n# Send the request\\\\nresult = adyen.checkout.payments_api.payments(request_body, headers: { &#039;Idempotency-Key&#039; =&amp;gt; &#039;UUID&#039; })&amp;quot;},{&amp;quot;language&amp;quot;:&amp;quot;ts&amp;quot;,&amp;quot;tabTitle&amp;quot;:&amp;quot;NodeJS (TypeScript)&amp;quot;,&amp;quot;content&amp;quot;:&amp;quot;\\\\\\\/\\\\\\\/ Adyen Node API Library v30.0.0\\\\nimport { Client, CheckoutAPI, Types } from \\\\&amp;quot;@adyen\\\\\\\/api-library\\\\&amp;quot;;\\\\n\\\\n\\\\\\\/\\\\\\\/ For the LIVE environment, also include your liveEndpointUrlPrefix.\\\\nconst config = new Config({\\\\n  apiKey: \\\\&amp;quot;ADYEN_API_KEY\\\\&amp;quot;,\\\\n  environment: EnvironmentEnum.TEST\\\\n});\\\\n\\\\nconst client = new Client(config);\\\\n\\\\n\\\\\\\/\\\\\\\/ Create the request object(s)\\\\nconst amount: Types.checkout.Amount = {\\\\n  currency: \\\\&amp;quot;EUR\\\\&amp;quot;,\\\\n  value: 1000\\\\n};\\\\n\\\\nconst paymentRequest: Types.checkout.PaymentRequest = {\\\\n  reference: \\\\&amp;quot;YOUR_ORDER_NUMBER\\\\&amp;quot;,\\\\n  amount: amount,\\\\n  merchantAccount: \\\\&amp;quot;ADYEN_MERCHANT_ACCOUNT\\\\&amp;quot;,\\\\n  returnUrl: \\\\&amp;quot;https:\\\\\\\/\\\\\\\/your-company.com\\\\\\\/checkout?shopperOrder=12xy..\\\\&amp;quot;,\\\\n  shopperReference: \\\\&amp;quot;YOUR_SHOPPER_REFERENCE\\\\&amp;quot;\\\\n};\\\\n\\\\n\\\\\\\/\\\\\\\/ Send the request\\\\nconst checkoutAPI = new CheckoutAPI(client);\\\\nconst response = checkoutAPI.PaymentsApi.payments(paymentRequest, { idempotencyKey: \\\\&amp;quot;UUID\\\\&amp;quot; });&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&lt;p&gt;The response includes the &lt;code&gt;action.type&lt;\\\/code&gt;: redirect.&lt;\\\/p&gt;\\n&lt;div data-component-wrapper=\\&quot;code-sample\\&quot;&gt;\\n    &lt;code-sample :title=\\&quot;&#039;Example response with an additional action&#039;\\&quot; :id=\\&quot;&#039;payments-response&#039;\\&quot; :code-data=&#039;[{\\&quot;language\\&quot;:\\&quot;json\\&quot;,\\&quot;tabTitle\\&quot;:\\&quot;\\&quot;,\\&quot;content\\&quot;:\\&quot;{\\\\n    \\\\\\&quot;resultCode\\\\\\&quot;:\\\\\\&quot;RedirectShopper\\\\\\&quot;,\\\\n    \\\\\\&quot;action\\\\\\&quot;:{\\\\n        \\\\\\&quot;paymentMethodType\\\\\\&quot;:\\\\\\&quot;paysafecard\\\\\\&quot;,\\\\n        \\\\\\&quot;method\\\\\\&quot;:\\\\\\&quot;GET\\\\\\&quot;,\\\\n        \\\\\\&quot;url\\\\\\&quot;:\\\\\\&quot;https:\\\\\\\/\\\\\\\/checkoutshopper-test.adyen.com\\\\\\\/checkoutshopper\\\\\\\/checkoutPaymentRedirect?redirectData=...\\\\\\&quot;,\\\\n        \\\\\\&quot;type\\\\\\&quot;:\\\\\\&quot;redirect\\\\\\&quot;\\\\n    }\\\\n}\\&quot;}]&#039; :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;d41d8cd98f00b204e9800998ecf8427e&quot;:&quot;&quot;,&quot;c31ffaaf08a8b99226a7cead84c955ec&quot;:&quot;&lt;h2&gt;Test and go live&lt;\\\/h2&gt;\\n&lt;p&gt;Before you go live, test your integration using the following credentials:&lt;\\\/p&gt;\\n&lt;ul&gt;\\n&lt;li&gt;&lt;strong&gt;16-digit code&lt;\\\/strong&gt;: 0000 0000 0990 3417&lt;\\\/li&gt;\\n&lt;\\\/ul&gt;\\n&lt;p&gt;Check the status of  test payments in your\\u00a0&lt;a href=\\&quot;https:\\\/\\\/ca-test.adyen.com\\\/\\&quot; target=\\&quot;_blank\\&quot; rel=\\&quot;nofollow noopener noreferrer\\&quot; class=\\&quot;external-link no-image\\&quot;&gt;Customer Area&lt;\\\/a&gt;\\u00a0&amp;gt;\\u00a0&lt;strong&gt;Transactions&lt;\\\/strong&gt;\\u00a0&amp;gt;\\u00a0&lt;strong&gt;Payments&lt;\\\/strong&gt;.&lt;\\\/p&gt;\\n&lt;p&gt; &lt;\\\/p&gt;\\n&lt;p&gt;Before you can accept live payments, contact 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; to add PaySafeCard in your live Customer Area. &lt;\\\/p&gt;&quot;,&quot;6496985552b10c6ec4fcf7fd6d42e7df&quot;:&quot;&lt;h2&gt;Add additional configuration for PaySafeCard&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 to &lt;b&gt;false&lt;\\\/b&gt; to hide the submit button. The default is &lt;b&gt;true&lt;\\\/b&gt;.&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;e3c503f3aa5b8ba5ac3c6060779ec2f2&quot;:&quot;&lt;h2&gt;Launch and show the Component for PaySafeCard&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 PaySafeCard, use the &lt;code&gt;InstantPaymentComponent&lt;\\\/code&gt; class.&lt;\\\/p&gt;\\n\\n&lt;div id=\\&quot;tab7P3rx95053\\&quot;&gt;\\n    &lt;div data-component-wrapper=\\&quot;tabs\\&quot;&gt;\\n        &lt;tabs\\n             :id=\\&quot;&amp;quot;95053&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 ComposableInstantPaymentComponent() {\\\\\\\\n    \\\\\\\\\\\\\\\/\\\\\\\\\\\\\\\/ Keep a reference to this Component in case you need to access it later.\\\\\\\\n    val instantComponent = InstantPaymentComponent.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 = instantComponent,\\\\\\\\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 instantComponent = InstantPaymentComponent.PROVIDER.get(\\\\\\\\n    activity, \\\\\\\\\\\\\\\/\\\\\\\\\\\\\\\/ Your activity or fragment.\\\\\\\\n    paymentMethod,\\\\\\\\n    checkoutConfiguration,\\\\\\\\n    componentCallback,\\\\\\\\n)\\\\\\\\n\\\\\\\\n\\\\\\\\\\\\\\\/\\\\\\\\\\\\\\\/Attach the Component to your view.\\\\\\\\nbinding.instantView.attach(instantComponent, 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\/paysafecard\/android-component","articleFields":{"description":"Add PaySafeCard to your Components integration.","never_cache_twig":true,"filters_component":true,"parameters":{"tx_variant":"paysafecard","component_class_name":"InstantPaymentComponent","component_class_config":"InstantPayment","pm_directory":"paysafecard","payment_method":"PaySafeCard","action_type":"redirect"},"filters_config_folder":"payment-methods\/paysafecard\/android\/component"},"algolia":[{"url":"https:\/\/docs.adyen.com\/pt\/payment-methods\/paysafecard\/android-component","title":"PaySafeCard 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\nRedirect handling\nMake sure that your existing integration is set up to handle the redirect.   action.type: redirect\n\n\n\nSetup steps\nBefore you begin, add PaySafeCard in your Customer Area.\n\n\n\nAdd additional parameters to your \/sessions request\nWhen you create a payment session, add the following parameters:\n\n\n\nParameter\nRequired\nDescription\n\n\n\n\n shopperReference\n\nYour reference to uniquely identify this shopper, for example user ID or account ID.\n\n\n\n\n    \n\nImport the Component for PaySafeCard\nTo import the library and include the module for PaySafeCard.\n\n\n    \n        \n        \n    \n\nAdd additional configuration for PaySafeCard\nAdd a configuration object with the following parameters:\n\n\n\nParameter\nRequired\nDescription\n\n\n\n\nsetSubmitButtonVisible\n\nSet to false to hide the submit button. The default is true.\n\n\n\n\n    \n\nLaunch and show the Component for PaySafeCard\nTo create the Component for PaySafeCard, use the InstantPaymentComponent class.\n\n\n    \n        \n        \n    \n\nTest and go live\nBefore you go live, test your integration using the following credentials:\n\n16-digit code: 0000 0000 0990 3417\n\nCheck the status of  test payments in your\u00a0Customer Area\u00a0&gt;\u00a0Transactions\u00a0&gt;\u00a0Payments.\n \nBefore you can accept live payments, contact our Support Team to add PaySafeCard in your live Customer Area. ","type":"page","locale":"pt","boost":17,"hierarchy":{"lvl0":"Home","lvl1":"Payment methods","lvl2":"PaySafeCard","lvl3":"PaySafeCard 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\/paysafecard","lvl3":"\/pt\/payment-methods\/paysafecard\/android-component"},"levels":4,"category":"Payment method","category_color":"green","tags":["PaySafeCard","Android","Component"]},{"url":"https:\/\/docs.adyen.com\/pt\/payment-methods\/paysafecard\/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\nRedirect handling\nMake sure that your existing integration is set up to handle the redirect.   action.type: redirect\n\n\n\nSetup steps\nBefore you begin, add PaySafeCard in your Customer Area.\n\n\n\nAdd additional parameters to your \/sessions request\nWhen you create a payment session, add the following parameters:\n\n\n\nParameter\nRequired\nDescription\n\n\n\n\n shopperReference\n\nYour reference to uniquely identify this shopper, for example user ID or account ID.\n\n\n\n\n    \n\nImport the Component for PaySafeCard\nTo import the library and include the module for PaySafeCard.\n\n\n    \n        \n        \n    \n\nAdd additional configuration for PaySafeCard\nAdd a configuration object with the following parameters:\n\n\n\nParameter\nRequired\nDescription\n\n\n\n\nsetSubmitButtonVisible\n\nSet to false to hide the submit button. The default is true.\n\n\n\n\n    \n\nLaunch and show the Component for PaySafeCard\nTo create the Component for PaySafeCard, use the InstantPaymentComponent class.\n\n\n    \n        \n        \n    \n\nTest and go live\nBefore you go live, test your integration using the following credentials:\n\n16-digit code: 0000 0000 0990 3417\n\nCheck the status of  test payments in your\u00a0Customer Area\u00a0&gt;\u00a0Transactions\u00a0&gt;\u00a0Payments.\n \nBefore you can accept live payments, contact our Support Team to add PaySafeCard in your live Customer Area. ","type":"page","locale":"pt","boost":17,"hierarchy":{"lvl0":"Home","lvl1":"Payment methods","lvl2":"PaySafeCard","lvl3":"PaySafeCard 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\/paysafecard","lvl3":"\/pt\/payment-methods\/paysafecard\/android-component"},"levels":4,"category":"Payment method","category_color":"green","tags":["Sessions flow","Component"]},{"url":"https:\/\/docs.adyen.com\/pt\/payment-methods\/paysafecard\/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: redirect.\n\n\n\nSetup steps\n Before you begin, add PaySafeCard in your Customer Area. \n\n\nImport the Component for PaySafeCard\nTo import the library and include the module for PaySafeCard.\n\n\n    \n        \n        \n    \n\nAdd additional configuration for PaySafeCard\nAdd a configuration object with the following parameters:\n\n\n\nParameter\nRequired\nDescription\n\n\n\n\nsetSubmitButtonVisible\n\nSet to false to hide the submit button. The default is true.\n\n\n\n\n    \n\nLaunch and show the Component for PaySafeCard\nTo create the Component for PaySafeCard, use the InstantPaymentComponent 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 shopperReference\n\nYour reference to uniquely identify this shopper, for example user ID or account ID.\n\n\n\n\n    \n\nThe response includes the action.type: redirect.\n\n    \n\nTest and go live\nBefore you go live, test your integration using the following credentials:\n\n16-digit code: 0000 0000 0990 3417\n\nCheck the status of  test payments in your\u00a0Customer Area\u00a0&gt;\u00a0Transactions\u00a0&gt;\u00a0Payments.\n \nBefore you can accept live payments, contact our Support Team to add PaySafeCard in your live Customer Area. ","type":"page","locale":"pt","boost":17,"hierarchy":{"lvl0":"Home","lvl1":"Payment methods","lvl2":"PaySafeCard","lvl3":"PaySafeCard 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\/paysafecard","lvl3":"\/pt\/payment-methods\/paysafecard\/android-component"},"levels":4,"category":"Payment method","category_color":"green","tags":["Advanced flow","Component"]}],"articleFiles":{"payments-request.js":"<p alt=\"\">payments-request.js<\/p>","payments-response.json":"<p alt=\"\">payments-response.json<\/p>","sessions-request.js":"<p alt=\"\">sessions-request.js<\/p>"}}
