{"title":"PayPay Android Component","category":"default","creationDate":1776961628,"content":"<p>You can add PayPay to your existing integration. The following instructions show only what you must add to your integration specifically for PayPay.<\/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\/paypay\/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;96aaeabab66a093e4fb766046db12a37&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;33c10a7df99600cb9fe87772f2294f66&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;4202848798a9586901640d960dc74f05&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;670c00c3daa5e20ce6e19e0f02eac6db&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;3f847d6cc47f41290d060f65c64351db&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;233cd75c3c67a2e9b9556375d7b7082d&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;96aaeabab66a093e4fb766046db12a37&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;33c10a7df99600cb9fe87772f2294f66&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;4202848798a9586901640d960dc74f05&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;670c00c3daa5e20ce6e19e0f02eac6db&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;3f847d6cc47f41290d060f65c64351db&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;233cd75c3c67a2e9b9556375d7b7082d&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;96aaeabab66a093e4fb766046db12a37&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;33c10a7df99600cb9fe87772f2294f66&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;4202848798a9586901640d960dc74f05&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;670c00c3daa5e20ce6e19e0f02eac6db&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;3f847d6cc47f41290d060f65c64351db&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;233cd75c3c67a2e9b9556375d7b7082d&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;96aaeabab66a093e4fb766046db12a37&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;33c10a7df99600cb9fe87772f2294f66&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;4202848798a9586901640d960dc74f05&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;670c00c3daa5e20ce6e19e0f02eac6db&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;3f847d6cc47f41290d060f65c64351db&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;233cd75c3c67a2e9b9556375d7b7082d&quot;}},&quot;config&quot;:{&quot;published&quot;:true,&quot;visible&quot;:true,&quot;api_version&quot;:71},&quot;versions&quot;:{&quot;version&quot;:&quot;5.15.0&quot;}},&quot;version-5.14.0&quot;:{&quot;sections&quot;:{&quot;before-you-begin&quot;:{&quot;$ref&quot;:&quot;96aaeabab66a093e4fb766046db12a37&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;33c10a7df99600cb9fe87772f2294f66&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;4202848798a9586901640d960dc74f05&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;670c00c3daa5e20ce6e19e0f02eac6db&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;3f847d6cc47f41290d060f65c64351db&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;233cd75c3c67a2e9b9556375d7b7082d&quot;}},&quot;config&quot;:{&quot;published&quot;:true,&quot;visible&quot;:true,&quot;api_version&quot;:71},&quot;versions&quot;:{&quot;version&quot;:&quot;5.14.0&quot;}},&quot;version-5.13.1&quot;:{&quot;sections&quot;:{&quot;before-you-begin&quot;:{&quot;$ref&quot;:&quot;96aaeabab66a093e4fb766046db12a37&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;33c10a7df99600cb9fe87772f2294f66&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;4202848798a9586901640d960dc74f05&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;670c00c3daa5e20ce6e19e0f02eac6db&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;3f847d6cc47f41290d060f65c64351db&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;233cd75c3c67a2e9b9556375d7b7082d&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;96aaeabab66a093e4fb766046db12a37&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;33c10a7df99600cb9fe87772f2294f66&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;4202848798a9586901640d960dc74f05&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;670c00c3daa5e20ce6e19e0f02eac6db&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;3f847d6cc47f41290d060f65c64351db&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;233cd75c3c67a2e9b9556375d7b7082d&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;96aaeabab66a093e4fb766046db12a37&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;33c10a7df99600cb9fe87772f2294f66&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;4202848798a9586901640d960dc74f05&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;670c00c3daa5e20ce6e19e0f02eac6db&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;3f847d6cc47f41290d060f65c64351db&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;233cd75c3c67a2e9b9556375d7b7082d&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;96aaeabab66a093e4fb766046db12a37&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;33c10a7df99600cb9fe87772f2294f66&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;4202848798a9586901640d960dc74f05&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;670c00c3daa5e20ce6e19e0f02eac6db&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;3f847d6cc47f41290d060f65c64351db&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;233cd75c3c67a2e9b9556375d7b7082d&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;96aaeabab66a093e4fb766046db12a37&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;33c10a7df99600cb9fe87772f2294f66&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;4202848798a9586901640d960dc74f05&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;670c00c3daa5e20ce6e19e0f02eac6db&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;3f847d6cc47f41290d060f65c64351db&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;233cd75c3c67a2e9b9556375d7b7082d&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;96aaeabab66a093e4fb766046db12a37&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;33c10a7df99600cb9fe87772f2294f66&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;4202848798a9586901640d960dc74f05&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;670c00c3daa5e20ce6e19e0f02eac6db&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;3f847d6cc47f41290d060f65c64351db&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;233cd75c3c67a2e9b9556375d7b7082d&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;96aaeabab66a093e4fb766046db12a37&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;33c10a7df99600cb9fe87772f2294f66&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;4202848798a9586901640d960dc74f05&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;670c00c3daa5e20ce6e19e0f02eac6db&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;3f847d6cc47f41290d060f65c64351db&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;233cd75c3c67a2e9b9556375d7b7082d&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;96aaeabab66a093e4fb766046db12a37&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;33c10a7df99600cb9fe87772f2294f66&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;4202848798a9586901640d960dc74f05&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;670c00c3daa5e20ce6e19e0f02eac6db&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;3f847d6cc47f41290d060f65c64351db&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;233cd75c3c67a2e9b9556375d7b7082d&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;96aaeabab66a093e4fb766046db12a37&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;33c10a7df99600cb9fe87772f2294f66&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;4202848798a9586901640d960dc74f05&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;670c00c3daa5e20ce6e19e0f02eac6db&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;3f847d6cc47f41290d060f65c64351db&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;233cd75c3c67a2e9b9556375d7b7082d&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;96aaeabab66a093e4fb766046db12a37&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;33c10a7df99600cb9fe87772f2294f66&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;4202848798a9586901640d960dc74f05&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;670c00c3daa5e20ce6e19e0f02eac6db&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;3f847d6cc47f41290d060f65c64351db&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;233cd75c3c67a2e9b9556375d7b7082d&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;96aaeabab66a093e4fb766046db12a37&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;33c10a7df99600cb9fe87772f2294f66&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;4202848798a9586901640d960dc74f05&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;670c00c3daa5e20ce6e19e0f02eac6db&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;3f847d6cc47f41290d060f65c64351db&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;233cd75c3c67a2e9b9556375d7b7082d&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;96aaeabab66a093e4fb766046db12a37&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;33c10a7df99600cb9fe87772f2294f66&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;4202848798a9586901640d960dc74f05&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;670c00c3daa5e20ce6e19e0f02eac6db&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;3f847d6cc47f41290d060f65c64351db&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;233cd75c3c67a2e9b9556375d7b7082d&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;96aaeabab66a093e4fb766046db12a37&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;33c10a7df99600cb9fe87772f2294f66&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;4202848798a9586901640d960dc74f05&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;670c00c3daa5e20ce6e19e0f02eac6db&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;3f847d6cc47f41290d060f65c64351db&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;233cd75c3c67a2e9b9556375d7b7082d&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;96aaeabab66a093e4fb766046db12a37&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;33c10a7df99600cb9fe87772f2294f66&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;4202848798a9586901640d960dc74f05&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;670c00c3daa5e20ce6e19e0f02eac6db&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;3f847d6cc47f41290d060f65c64351db&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;233cd75c3c67a2e9b9556375d7b7082d&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;96aaeabab66a093e4fb766046db12a37&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;33c10a7df99600cb9fe87772f2294f66&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;4202848798a9586901640d960dc74f05&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;670c00c3daa5e20ce6e19e0f02eac6db&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;3f847d6cc47f41290d060f65c64351db&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;233cd75c3c67a2e9b9556375d7b7082d&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;96aaeabab66a093e4fb766046db12a37&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;33c10a7df99600cb9fe87772f2294f66&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;4202848798a9586901640d960dc74f05&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;ffa4d063f6b6b534bf9e62a908e0d6dc&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;91f495686b1641ae47fadbcad3022506&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;233cd75c3c67a2e9b9556375d7b7082d&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;96aaeabab66a093e4fb766046db12a37&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;33c10a7df99600cb9fe87772f2294f66&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;4202848798a9586901640d960dc74f05&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;ffa4d063f6b6b534bf9e62a908e0d6dc&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;91f495686b1641ae47fadbcad3022506&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;233cd75c3c67a2e9b9556375d7b7082d&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;96aaeabab66a093e4fb766046db12a37&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;33c10a7df99600cb9fe87772f2294f66&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;4202848798a9586901640d960dc74f05&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;ffa4d063f6b6b534bf9e62a908e0d6dc&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;91f495686b1641ae47fadbcad3022506&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;233cd75c3c67a2e9b9556375d7b7082d&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;96aaeabab66a093e4fb766046db12a37&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;33c10a7df99600cb9fe87772f2294f66&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;4202848798a9586901640d960dc74f05&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;ffa4d063f6b6b534bf9e62a908e0d6dc&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;91f495686b1641ae47fadbcad3022506&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;233cd75c3c67a2e9b9556375d7b7082d&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;96aaeabab66a093e4fb766046db12a37&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 PayPay in your Customer Area&lt;\\\/a&gt;.&lt;\\\/td&gt;\\n&lt;\\\/tr&gt;\\n&lt;\\\/tbody&gt;\\n&lt;\\\/table&gt;\\n&quot;,&quot;33c10a7df99600cb9fe87772f2294f66&quot;:&quot;&lt;h2&gt;Add additional parameters to your \\\/sessions request&lt;\\\/h2&gt;\\n&lt;p&gt;You do not need to add any parameters when you &lt;a href=\\&quot;\\\/online-payments\\\/build-your-integration\\\/sessions-flow?platform=Android&amp;amp;integration=Components#create-a-payment-session\\&quot;&gt;create a payment session&lt;\\\/a&gt;.&lt;\\\/p&gt;\\n&quot;,&quot;4202848798a9586901640d960dc74f05&quot;:&quot;&lt;h2&gt;Import the Component for PayPay&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 PayPay.&lt;\\\/p&gt;\\n\\n&lt;div id=\\&quot;tabIdM5032834\\&quot;&gt;\\n    &lt;div data-component-wrapper=\\&quot;tabs\\&quot;&gt;\\n        &lt;tabs\\n             :id=\\&quot;&amp;quot;32834&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;ffa4d063f6b6b534bf9e62a908e0d6dc&quot;:&quot;&lt;h2&gt;Add additional configuration for PayPay&lt;\\\/h2&gt;\\n&lt;p&gt;&lt;a href=\\&quot;\\\/online-payments\\\/build-your-integration\\\/sessions-flow?platform=Android&amp;amp;integration=Components#3-optional-add-a-configuration-object\\&quot;&gt;Add a configuration object&lt;\\\/a&gt; with the following parameters:&lt;\\\/p&gt;\\n&lt;table&gt;\\n&lt;thead&gt;\\n&lt;tr&gt;\\n&lt;th&gt;Parameter&lt;\\\/th&gt;\\n&lt;th&gt;Required&lt;\\\/th&gt;\\n&lt;th&gt;Description&lt;\\\/th&gt;\\n&lt;\\\/tr&gt;\\n&lt;\\\/thead&gt;\\n&lt;tbody&gt;\\n&lt;tr&gt;\\n&lt;td&gt;setSubmitButtonVisible&lt;\\\/td&gt;\\n&lt;td&gt;&lt;\\\/td&gt;\\n&lt;td&gt;Set if you want the submit button to be visible.&lt;\\\/td&gt;\\n&lt;\\\/tr&gt;\\n&lt;\\\/tbody&gt;\\n&lt;\\\/table&gt;\\n&lt;div data-component-wrapper=\\&quot;code-sample\\&quot;&gt;\\n    &lt;code-sample :title=\\&quot;&#039;Add a configuration object&#039;\\&quot; :id=\\&quot;&#039;&#039;\\&quot; :code-data=\\&quot;[{&amp;quot;language&amp;quot;:&amp;quot;kotlin&amp;quot;,&amp;quot;tabTitle&amp;quot;:&amp;quot;&amp;quot;,&amp;quot;content&amp;quot;:&amp;quot;\\\\\\\/\\\\\\\/ Create a configuration object. \\\\nval Configuration = 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;91f495686b1641ae47fadbcad3022506&quot;:&quot;&lt;h2&gt;Launch and show the Component for PayPay&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 PayPay, use the &lt;code&gt;InstantPaymentComponent&lt;\\\/code&gt; class.&lt;\\\/p&gt;\\n\\n&lt;div id=\\&quot;tab3gHUJ99376\\&quot;&gt;\\n    &lt;div data-component-wrapper=\\&quot;tabs\\&quot;&gt;\\n        &lt;tabs\\n             :id=\\&quot;&amp;quot;99376&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;233cd75c3c67a2e9b9556375d7b7082d&quot;:&quot;&lt;h2&gt;Test and go live&lt;\\\/h2&gt;\\n&lt;p&gt;To test PayPay payments:&lt;\\\/p&gt;\\n&lt;ol&gt;\\n&lt;li&gt;Download the PayPay app for iOS or Android.&lt;\\\/li&gt;\\n&lt;li&gt;&lt;a href=\\&quot;https:\\\/\\\/developer.paypay.ne.jp\\\/account\\\/signup\\&quot; target=\\&quot;_blank\\&quot; rel=\\&quot;nofollow noopener noreferrer\\&quot; class=\\&quot;external-link no-image\\&quot;&gt;Sign up for a PayPay developer account&lt;\\\/a&gt; and create a test user.&lt;\\\/li&gt;\\n&lt;li&gt;&lt;a href=\\&quot;https:\\\/\\\/integration.paypay.ne.jp\\\/hc\\\/en-us\\\/articles\\\/4414061901199-Can-I-use-the-PayPay-app-in-a-test-environment\\&quot; target=\\&quot;_blank\\&quot; rel=\\&quot;nofollow noopener noreferrer\\&quot; class=\\&quot;external-link no-image\\&quot;&gt;Switch the PayPay app to the sandbox app&lt;\\\/a&gt;, and log in with the credentials of the test user.&lt;\\\/li&gt;\\n&lt;\\\/ol&gt;\\n&lt;p&gt;You can check the status of PayPay test account transactions in your Customer Area at &lt;strong&gt;Transactions&lt;\\\/strong&gt; &amp;gt; &lt;strong&gt;Payments&lt;\\\/strong&gt;.&lt;\\\/p&gt;&quot;,&quot;670c00c3daa5e20ce6e19e0f02eac6db&quot;:&quot;&lt;h2&gt;Add additional configuration for PayPay&lt;\\\/h2&gt;\\n&lt;p&gt;&lt;a href=\\&quot;\\\/online-payments\\\/build-your-integration\\\/sessions-flow?platform=Android&amp;amp;integration=Components#3-optional-add-a-configuration-object\\&quot;&gt;Add a configuration object&lt;\\\/a&gt; with the following parameters:&lt;\\\/p&gt;\\n&lt;table&gt;\\n&lt;thead&gt;\\n&lt;tr&gt;\\n&lt;th&gt;Parameter&lt;\\\/th&gt;\\n&lt;th&gt;Required&lt;\\\/th&gt;\\n&lt;th&gt;Description&lt;\\\/th&gt;\\n&lt;\\\/tr&gt;\\n&lt;\\\/thead&gt;\\n&lt;tbody&gt;\\n&lt;tr&gt;\\n&lt;td&gt;setSubmitButtonVisible&lt;\\\/td&gt;\\n&lt;td&gt;&lt;\\\/td&gt;\\n&lt;td&gt;Set if you want the submit button to be visible.&lt;\\\/td&gt;\\n&lt;\\\/tr&gt;\\n&lt;\\\/tbody&gt;\\n&lt;\\\/table&gt;\\n&lt;div data-component-wrapper=\\&quot;code-sample\\&quot;&gt;\\n    &lt;code-sample :title=\\&quot;&#039;Add a configuration object&#039;\\&quot; :id=\\&quot;&#039;&#039;\\&quot; :code-data=\\&quot;[{&amp;quot;language&amp;quot;:&amp;quot;kotlin&amp;quot;,&amp;quot;tabTitle&amp;quot;:&amp;quot;&amp;quot;,&amp;quot;content&amp;quot;:&amp;quot; { \\\\n    .setSubmitButtonVisible(value) \\\\n    \\\\n}&amp;quot;}]\\&quot; :enable-copy-link-to-code-block=\\&quot;true\\&quot; :code-sample-card-size=\\&quot;&#039;fullsize&#039;\\&quot;&gt;&lt;\\\/code-sample&gt;\\n&lt;\\\/div&gt;\\n&quot;,&quot;3f847d6cc47f41290d060f65c64351db&quot;:&quot;&lt;h2&gt;Launch and show the Component for PayPay&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 PayPay, use the &lt;code&gt;InstantPaymentComponent&lt;\\\/code&gt; class.&lt;\\\/p&gt;\\n\\n&lt;div id=\\&quot;tabn5hxd41261\\&quot;&gt;\\n    &lt;div data-component-wrapper=\\&quot;tabs\\&quot;&gt;\\n        &lt;tabs\\n             :id=\\&quot;&amp;quot;41261&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;cfed2e3eb8d52d6b068eff9ef175f238&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;b965d79211956e5966077dfe248fa3dc&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;67c9ed084ad8409fcb439c9e69205f03&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;8f35d1d3e29413ca2641f40da7301c8b&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;823bede3bc90b3fed9f787a57ac26056&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;233cd75c3c67a2e9b9556375d7b7082d&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;cfed2e3eb8d52d6b068eff9ef175f238&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;b965d79211956e5966077dfe248fa3dc&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;67c9ed084ad8409fcb439c9e69205f03&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;8f35d1d3e29413ca2641f40da7301c8b&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;823bede3bc90b3fed9f787a57ac26056&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;233cd75c3c67a2e9b9556375d7b7082d&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;cfed2e3eb8d52d6b068eff9ef175f238&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;b965d79211956e5966077dfe248fa3dc&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;67c9ed084ad8409fcb439c9e69205f03&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;8f35d1d3e29413ca2641f40da7301c8b&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;823bede3bc90b3fed9f787a57ac26056&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;233cd75c3c67a2e9b9556375d7b7082d&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;cfed2e3eb8d52d6b068eff9ef175f238&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;b965d79211956e5966077dfe248fa3dc&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;67c9ed084ad8409fcb439c9e69205f03&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;8f35d1d3e29413ca2641f40da7301c8b&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;823bede3bc90b3fed9f787a57ac26056&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;233cd75c3c67a2e9b9556375d7b7082d&quot;}},&quot;config&quot;:{&quot;published&quot;:true,&quot;visible&quot;:true,&quot;api_version&quot;:null},&quot;versions&quot;:{&quot;version&quot;:&quot;5.15.0&quot;}},&quot;version-5.14.0&quot;:{&quot;sections&quot;:{&quot;requirements&quot;:{&quot;$ref&quot;:&quot;cfed2e3eb8d52d6b068eff9ef175f238&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;b965d79211956e5966077dfe248fa3dc&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;67c9ed084ad8409fcb439c9e69205f03&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;8f35d1d3e29413ca2641f40da7301c8b&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;823bede3bc90b3fed9f787a57ac26056&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;233cd75c3c67a2e9b9556375d7b7082d&quot;}},&quot;config&quot;:{&quot;published&quot;:true,&quot;visible&quot;:true,&quot;api_version&quot;:null},&quot;versions&quot;:{&quot;version&quot;:&quot;5.14.0&quot;}},&quot;version-5.13.1&quot;:{&quot;sections&quot;:{&quot;requirements&quot;:{&quot;$ref&quot;:&quot;cfed2e3eb8d52d6b068eff9ef175f238&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;b965d79211956e5966077dfe248fa3dc&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;67c9ed084ad8409fcb439c9e69205f03&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;8f35d1d3e29413ca2641f40da7301c8b&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;823bede3bc90b3fed9f787a57ac26056&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;233cd75c3c67a2e9b9556375d7b7082d&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;cfed2e3eb8d52d6b068eff9ef175f238&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;b965d79211956e5966077dfe248fa3dc&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;67c9ed084ad8409fcb439c9e69205f03&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;8f35d1d3e29413ca2641f40da7301c8b&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;823bede3bc90b3fed9f787a57ac26056&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;233cd75c3c67a2e9b9556375d7b7082d&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;cfed2e3eb8d52d6b068eff9ef175f238&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;b965d79211956e5966077dfe248fa3dc&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;67c9ed084ad8409fcb439c9e69205f03&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;8f35d1d3e29413ca2641f40da7301c8b&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;823bede3bc90b3fed9f787a57ac26056&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;233cd75c3c67a2e9b9556375d7b7082d&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;cfed2e3eb8d52d6b068eff9ef175f238&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;b965d79211956e5966077dfe248fa3dc&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;67c9ed084ad8409fcb439c9e69205f03&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;8f35d1d3e29413ca2641f40da7301c8b&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;823bede3bc90b3fed9f787a57ac26056&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;233cd75c3c67a2e9b9556375d7b7082d&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;cfed2e3eb8d52d6b068eff9ef175f238&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;b965d79211956e5966077dfe248fa3dc&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;67c9ed084ad8409fcb439c9e69205f03&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;8f35d1d3e29413ca2641f40da7301c8b&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;823bede3bc90b3fed9f787a57ac26056&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;233cd75c3c67a2e9b9556375d7b7082d&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;cfed2e3eb8d52d6b068eff9ef175f238&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;b965d79211956e5966077dfe248fa3dc&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;67c9ed084ad8409fcb439c9e69205f03&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;8f35d1d3e29413ca2641f40da7301c8b&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;823bede3bc90b3fed9f787a57ac26056&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;233cd75c3c67a2e9b9556375d7b7082d&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;cfed2e3eb8d52d6b068eff9ef175f238&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;b965d79211956e5966077dfe248fa3dc&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;67c9ed084ad8409fcb439c9e69205f03&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;8f35d1d3e29413ca2641f40da7301c8b&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;823bede3bc90b3fed9f787a57ac26056&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;233cd75c3c67a2e9b9556375d7b7082d&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;cfed2e3eb8d52d6b068eff9ef175f238&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;b965d79211956e5966077dfe248fa3dc&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;67c9ed084ad8409fcb439c9e69205f03&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;8f35d1d3e29413ca2641f40da7301c8b&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;823bede3bc90b3fed9f787a57ac26056&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;233cd75c3c67a2e9b9556375d7b7082d&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;cfed2e3eb8d52d6b068eff9ef175f238&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;b965d79211956e5966077dfe248fa3dc&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;67c9ed084ad8409fcb439c9e69205f03&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;8f35d1d3e29413ca2641f40da7301c8b&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;823bede3bc90b3fed9f787a57ac26056&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;233cd75c3c67a2e9b9556375d7b7082d&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;cfed2e3eb8d52d6b068eff9ef175f238&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;b965d79211956e5966077dfe248fa3dc&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;67c9ed084ad8409fcb439c9e69205f03&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;8f35d1d3e29413ca2641f40da7301c8b&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;823bede3bc90b3fed9f787a57ac26056&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;233cd75c3c67a2e9b9556375d7b7082d&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;cfed2e3eb8d52d6b068eff9ef175f238&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;b965d79211956e5966077dfe248fa3dc&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;67c9ed084ad8409fcb439c9e69205f03&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;8f35d1d3e29413ca2641f40da7301c8b&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;823bede3bc90b3fed9f787a57ac26056&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;233cd75c3c67a2e9b9556375d7b7082d&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;cfed2e3eb8d52d6b068eff9ef175f238&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;b965d79211956e5966077dfe248fa3dc&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;67c9ed084ad8409fcb439c9e69205f03&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;8f35d1d3e29413ca2641f40da7301c8b&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;823bede3bc90b3fed9f787a57ac26056&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;233cd75c3c67a2e9b9556375d7b7082d&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;cfed2e3eb8d52d6b068eff9ef175f238&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;b965d79211956e5966077dfe248fa3dc&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;67c9ed084ad8409fcb439c9e69205f03&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;8f35d1d3e29413ca2641f40da7301c8b&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;823bede3bc90b3fed9f787a57ac26056&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;233cd75c3c67a2e9b9556375d7b7082d&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;cfed2e3eb8d52d6b068eff9ef175f238&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;b965d79211956e5966077dfe248fa3dc&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;67c9ed084ad8409fcb439c9e69205f03&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;8f35d1d3e29413ca2641f40da7301c8b&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;823bede3bc90b3fed9f787a57ac26056&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;233cd75c3c67a2e9b9556375d7b7082d&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;cfed2e3eb8d52d6b068eff9ef175f238&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;b965d79211956e5966077dfe248fa3dc&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;67c9ed084ad8409fcb439c9e69205f03&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;8f35d1d3e29413ca2641f40da7301c8b&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;823bede3bc90b3fed9f787a57ac26056&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;233cd75c3c67a2e9b9556375d7b7082d&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;cfed2e3eb8d52d6b068eff9ef175f238&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;b965d79211956e5966077dfe248fa3dc&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;22369c93d9ef2aee49f6916f41b3b87f&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;e43e21fb1fa3dadfd5e2279024edd03d&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;823bede3bc90b3fed9f787a57ac26056&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;233cd75c3c67a2e9b9556375d7b7082d&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;cfed2e3eb8d52d6b068eff9ef175f238&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;b965d79211956e5966077dfe248fa3dc&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;22369c93d9ef2aee49f6916f41b3b87f&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;e43e21fb1fa3dadfd5e2279024edd03d&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;823bede3bc90b3fed9f787a57ac26056&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;233cd75c3c67a2e9b9556375d7b7082d&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;cfed2e3eb8d52d6b068eff9ef175f238&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;b965d79211956e5966077dfe248fa3dc&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;22369c93d9ef2aee49f6916f41b3b87f&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;e43e21fb1fa3dadfd5e2279024edd03d&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;823bede3bc90b3fed9f787a57ac26056&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;233cd75c3c67a2e9b9556375d7b7082d&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;cfed2e3eb8d52d6b068eff9ef175f238&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;b965d79211956e5966077dfe248fa3dc&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;22369c93d9ef2aee49f6916f41b3b87f&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;e43e21fb1fa3dadfd5e2279024edd03d&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;823bede3bc90b3fed9f787a57ac26056&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;233cd75c3c67a2e9b9556375d7b7082d&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;cfed2e3eb8d52d6b068eff9ef175f238&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 PayPay in your Customer Area&lt;\\\/a&gt;. &lt;\\\/td&gt;\\n&lt;\\\/tr&gt;\\n&lt;\\\/tbody&gt;\\n&lt;\\\/table&gt;&quot;,&quot;b965d79211956e5966077dfe248fa3dc&quot;:&quot;&lt;h2&gt;Import the Component for PayPay&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 PayPay.&lt;\\\/p&gt;\\n\\n&lt;div id=\\&quot;tabvc9rC90824\\&quot;&gt;\\n    &lt;div data-component-wrapper=\\&quot;tabs\\&quot;&gt;\\n        &lt;tabs\\n             :id=\\&quot;&amp;quot;90824&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;22369c93d9ef2aee49f6916f41b3b87f&quot;:&quot;&lt;h2&gt;Add additional configuration for PayPay&lt;\\\/h2&gt;\\n&lt;p&gt;&lt;a href=\\&quot;\\\/online-payments\\\/build-your-integration\\\/advanced-flow\\\/?platform=Android&amp;amp;integration=Components#3-optional-add-a-configuration-object\\&quot;&gt;Add a configuration object&lt;\\\/a&gt; with the following parameters:&lt;\\\/p&gt;\\n&lt;table&gt;\\n&lt;thead&gt;\\n&lt;tr&gt;\\n&lt;th&gt;Parameter&lt;\\\/th&gt;\\n&lt;th&gt;Required&lt;\\\/th&gt;\\n&lt;th&gt;Description&lt;\\\/th&gt;\\n&lt;\\\/tr&gt;\\n&lt;\\\/thead&gt;\\n&lt;tbody&gt;\\n&lt;tr&gt;\\n&lt;td&gt;setSubmitButtonVisible&lt;\\\/td&gt;\\n&lt;td&gt;&lt;\\\/td&gt;\\n&lt;td&gt;Set if you want the submit button to be visible.&lt;\\\/td&gt;\\n&lt;\\\/tr&gt;\\n&lt;\\\/tbody&gt;\\n&lt;\\\/table&gt;\\n&lt;div data-component-wrapper=\\&quot;code-sample\\&quot;&gt;\\n    &lt;code-sample :title=\\&quot;&#039;Add a configuration object&#039;\\&quot; :id=\\&quot;&#039;&#039;\\&quot; :code-data=\\&quot;[{&amp;quot;language&amp;quot;:&amp;quot;kotlin&amp;quot;,&amp;quot;tabTitle&amp;quot;:&amp;quot;&amp;quot;,&amp;quot;content&amp;quot;:&amp;quot;\\\\\\\/\\\\\\\/ Create a configuration object. \\\\nval Configuration = 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;e43e21fb1fa3dadfd5e2279024edd03d&quot;:&quot;&lt;h2&gt;Launch and show the Component for PayPay&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 PayPay, use the &lt;code&gt;InstantPaymentComponent&lt;\\\/code&gt; class.&lt;\\\/p&gt;\\n\\n&lt;div id=\\&quot;tabD0szc71770\\&quot;&gt;\\n    &lt;div data-component-wrapper=\\&quot;tabs\\&quot;&gt;\\n        &lt;tabs\\n             :id=\\&quot;&amp;quot;71770&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;823bede3bc90b3fed9f787a57ac26056&quot;:&quot;&lt;h2&gt;Add additional parameters to your \\\/payments request&lt;\\\/h2&gt;\\n&lt;p&gt;You do not need to add any 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 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;.&lt;\\\/p&gt;\\n&quot;,&quot;233cd75c3c67a2e9b9556375d7b7082d&quot;:&quot;&lt;h2&gt;Test and go live&lt;\\\/h2&gt;\\n&lt;p&gt;To test PayPay payments:&lt;\\\/p&gt;\\n&lt;ol&gt;\\n&lt;li&gt;Download the PayPay app for iOS or Android.&lt;\\\/li&gt;\\n&lt;li&gt;&lt;a href=\\&quot;https:\\\/\\\/developer.paypay.ne.jp\\\/account\\\/signup\\&quot; target=\\&quot;_blank\\&quot; rel=\\&quot;nofollow noopener noreferrer\\&quot; class=\\&quot;external-link no-image\\&quot;&gt;Sign up for a PayPay developer account&lt;\\\/a&gt; and create a test user.&lt;\\\/li&gt;\\n&lt;li&gt;&lt;a href=\\&quot;https:\\\/\\\/integration.paypay.ne.jp\\\/hc\\\/en-us\\\/articles\\\/4414061901199-Can-I-use-the-PayPay-app-in-a-test-environment\\&quot; target=\\&quot;_blank\\&quot; rel=\\&quot;nofollow noopener noreferrer\\&quot; class=\\&quot;external-link no-image\\&quot;&gt;Switch the PayPay app to the sandbox app&lt;\\\/a&gt;, and log in with the credentials of the test user.&lt;\\\/li&gt;\\n&lt;\\\/ol&gt;\\n&lt;p&gt;You can check the status of PayPay test account transactions in your Customer Area at &lt;strong&gt;Transactions&lt;\\\/strong&gt; &amp;gt; &lt;strong&gt;Payments&lt;\\\/strong&gt;.&lt;\\\/p&gt;&quot;,&quot;67c9ed084ad8409fcb439c9e69205f03&quot;:&quot;&lt;h2&gt;Add additional configuration for PayPay&lt;\\\/h2&gt;\\n&lt;p&gt;&lt;a href=\\&quot;\\\/online-payments\\\/build-your-integration\\\/advanced-flow\\\/?platform=Android&amp;amp;integration=Components#3-optional-add-a-configuration-object\\&quot;&gt;Add a configuration object&lt;\\\/a&gt; with the following parameters:&lt;\\\/p&gt;\\n&lt;table&gt;\\n&lt;thead&gt;\\n&lt;tr&gt;\\n&lt;th&gt;Parameter&lt;\\\/th&gt;\\n&lt;th&gt;Required&lt;\\\/th&gt;\\n&lt;th&gt;Description&lt;\\\/th&gt;\\n&lt;\\\/tr&gt;\\n&lt;\\\/thead&gt;\\n&lt;tbody&gt;\\n&lt;tr&gt;\\n&lt;td&gt;setSubmitButtonVisible&lt;\\\/td&gt;\\n&lt;td&gt;&lt;\\\/td&gt;\\n&lt;td&gt;Set if you want the submit button to be visible.&lt;\\\/td&gt;\\n&lt;\\\/tr&gt;\\n&lt;\\\/tbody&gt;\\n&lt;\\\/table&gt;\\n&lt;div data-component-wrapper=\\&quot;code-sample\\&quot;&gt;\\n    &lt;code-sample :title=\\&quot;&#039;Add a configuration object&#039;\\&quot; :id=\\&quot;&#039;&#039;\\&quot; :code-data=\\&quot;[{&amp;quot;language&amp;quot;:&amp;quot;kotlin&amp;quot;,&amp;quot;tabTitle&amp;quot;:&amp;quot;&amp;quot;,&amp;quot;content&amp;quot;:&amp;quot; { \\\\n    .setSubmitButtonVisible(value) \\\\n    \\\\n}&amp;quot;}]\\&quot; :enable-copy-link-to-code-block=\\&quot;true\\&quot; :code-sample-card-size=\\&quot;&#039;fullsize&#039;\\&quot;&gt;&lt;\\\/code-sample&gt;\\n&lt;\\\/div&gt;\\n&quot;,&quot;8f35d1d3e29413ca2641f40da7301c8b&quot;:&quot;&lt;h2&gt;Launch and show the Component for PayPay&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 PayPay, use the &lt;code&gt;InstantPaymentComponent&lt;\\\/code&gt; class.&lt;\\\/p&gt;\\n\\n&lt;div id=\\&quot;tabeDaKi44700\\&quot;&gt;\\n    &lt;div data-component-wrapper=\\&quot;tabs\\&quot;&gt;\\n        &lt;tabs\\n             :id=\\&quot;&amp;quot;44700&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\/paypay\/android-component","articleFields":{"description":"Add PayPay to your Components integration.","never_cache_twig":true,"filters_component":true,"parameters":{"tx_variant":"paypay","component_class_name":"InstantPaymentComponent","component_class_config":"InstantPayment","pm_directory":"paypay","payment_method":"PayPay","action_type":"redirect"},"filters_config_folder":"payment-methods\/paypay\/android\/component"},"algolia":[{"url":"https:\/\/docs.adyen.com\/pt\/payment-methods\/paypay\/android-component","title":"PayPay 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 PayPay in your Customer Area.\n\n\n\nAdd additional parameters to your \/sessions request\nYou do not need to add any parameters when you create a payment session.\nImport the Component for PayPay\nTo import the library and include the module for PayPay.\n\n\n    \n        \n        \n    \n\nAdd additional configuration for PayPay\nAdd a configuration object with the following parameters:\n\n\n\nParameter\nRequired\nDescription\n\n\n\n\nsetSubmitButtonVisible\n\nSet if you want the submit button to be visible.\n\n\n\n\n    \n\nLaunch and show the Component for PayPay\nTo create the Component for PayPay, use the InstantPaymentComponent class.\n\n\n    \n        \n        \n    \n\nTest and go live\nTo test PayPay payments:\n\nDownload the PayPay app for iOS or Android.\nSign up for a PayPay developer account and create a test user.\nSwitch the PayPay app to the sandbox app, and log in with the credentials of the test user.\n\nYou can check the status of PayPay test account transactions in your Customer Area at Transactions &gt; Payments.","type":"page","locale":"pt","boost":17,"hierarchy":{"lvl0":"Home","lvl1":"Payment methods","lvl2":"PayPay","lvl3":"PayPay 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\/paypay","lvl3":"\/pt\/payment-methods\/paypay\/android-component"},"levels":4,"category":"Payment method","category_color":"green","tags":["PayPay","Android","Component"]},{"url":"https:\/\/docs.adyen.com\/pt\/payment-methods\/paypay\/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 PayPay in your Customer Area.\n\n\n\nAdd additional parameters to your \/sessions request\nYou do not need to add any parameters when you create a payment session.\nImport the Component for PayPay\nTo import the library and include the module for PayPay.\n\n\n    \n        \n        \n    \n\nAdd additional configuration for PayPay\nAdd a configuration object with the following parameters:\n\n\n\nParameter\nRequired\nDescription\n\n\n\n\nsetSubmitButtonVisible\n\nSet if you want the submit button to be visible.\n\n\n\n\n    \n\nLaunch and show the Component for PayPay\nTo create the Component for PayPay, use the InstantPaymentComponent class.\n\n\n    \n        \n        \n    \n\nTest and go live\nTo test PayPay payments:\n\nDownload the PayPay app for iOS or Android.\nSign up for a PayPay developer account and create a test user.\nSwitch the PayPay app to the sandbox app, and log in with the credentials of the test user.\n\nYou can check the status of PayPay test account transactions in your Customer Area at Transactions &gt; Payments.","type":"page","locale":"pt","boost":17,"hierarchy":{"lvl0":"Home","lvl1":"Payment methods","lvl2":"PayPay","lvl3":"PayPay 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\/paypay","lvl3":"\/pt\/payment-methods\/paypay\/android-component"},"levels":4,"category":"Payment method","category_color":"green","tags":["Sessions flow","Component"]},{"url":"https:\/\/docs.adyen.com\/pt\/payment-methods\/paypay\/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 PayPay in your Customer Area. \n\n\nImport the Component for PayPay\nTo import the library and include the module for PayPay.\n\n\n    \n        \n        \n    \n\nAdd additional configuration for PayPay\nAdd a configuration object with the following parameters:\n\n\n\nParameter\nRequired\nDescription\n\n\n\n\nsetSubmitButtonVisible\n\nSet if you want the submit button to be visible.\n\n\n\n\n    \n\nLaunch and show the Component for PayPay\nTo create the Component for PayPay, use the InstantPaymentComponent class.\n\n\n    \n        \n        \n    \n\nAdd additional parameters to your \/payments request\nYou do not need to add any parameters to the  \/payments request when you make a payment.\nTest and go live\nTo test PayPay payments:\n\nDownload the PayPay app for iOS or Android.\nSign up for a PayPay developer account and create a test user.\nSwitch the PayPay app to the sandbox app, and log in with the credentials of the test user.\n\nYou can check the status of PayPay test account transactions in your Customer Area at Transactions &gt; Payments.","type":"page","locale":"pt","boost":17,"hierarchy":{"lvl0":"Home","lvl1":"Payment methods","lvl2":"PayPay","lvl3":"PayPay 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\/paypay","lvl3":"\/pt\/payment-methods\/paypay\/android-component"},"levels":4,"category":"Payment method","category_color":"green","tags":["Advanced flow","Component"]}]}
