{"title":"Alipay Android Component","category":"default","creationDate":1776961628,"content":"<p>You can add Alipay to your existing integration. The following instructions show only what you must add to your integration specifically for Alipay.<\/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\/alipay\/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;fbf621027ba1cba2a32c31f74f57c82a&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;33c10a7df99600cb9fe87772f2294f66&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;06484ca39322126d8792c06e5935e97d&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;e4417e0d3e32e876a19c9c95ab21bb85&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;250d2c5e76756fef391bf4da7e301f93&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;8a72441ac05c59b9feb634073c488425&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;fbf621027ba1cba2a32c31f74f57c82a&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;33c10a7df99600cb9fe87772f2294f66&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;06484ca39322126d8792c06e5935e97d&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;e4417e0d3e32e876a19c9c95ab21bb85&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;250d2c5e76756fef391bf4da7e301f93&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;8a72441ac05c59b9feb634073c488425&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;fbf621027ba1cba2a32c31f74f57c82a&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;33c10a7df99600cb9fe87772f2294f66&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;06484ca39322126d8792c06e5935e97d&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;e4417e0d3e32e876a19c9c95ab21bb85&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;250d2c5e76756fef391bf4da7e301f93&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;8a72441ac05c59b9feb634073c488425&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;fbf621027ba1cba2a32c31f74f57c82a&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;33c10a7df99600cb9fe87772f2294f66&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;06484ca39322126d8792c06e5935e97d&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;e4417e0d3e32e876a19c9c95ab21bb85&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;250d2c5e76756fef391bf4da7e301f93&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;8a72441ac05c59b9feb634073c488425&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;fbf621027ba1cba2a32c31f74f57c82a&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;33c10a7df99600cb9fe87772f2294f66&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;06484ca39322126d8792c06e5935e97d&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;e4417e0d3e32e876a19c9c95ab21bb85&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;250d2c5e76756fef391bf4da7e301f93&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;8a72441ac05c59b9feb634073c488425&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;fbf621027ba1cba2a32c31f74f57c82a&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;33c10a7df99600cb9fe87772f2294f66&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;06484ca39322126d8792c06e5935e97d&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;e4417e0d3e32e876a19c9c95ab21bb85&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;250d2c5e76756fef391bf4da7e301f93&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;8a72441ac05c59b9feb634073c488425&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;fbf621027ba1cba2a32c31f74f57c82a&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;33c10a7df99600cb9fe87772f2294f66&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;06484ca39322126d8792c06e5935e97d&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;e4417e0d3e32e876a19c9c95ab21bb85&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;250d2c5e76756fef391bf4da7e301f93&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;8a72441ac05c59b9feb634073c488425&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;fbf621027ba1cba2a32c31f74f57c82a&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;33c10a7df99600cb9fe87772f2294f66&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;06484ca39322126d8792c06e5935e97d&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;e4417e0d3e32e876a19c9c95ab21bb85&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;250d2c5e76756fef391bf4da7e301f93&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;8a72441ac05c59b9feb634073c488425&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;fbf621027ba1cba2a32c31f74f57c82a&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;33c10a7df99600cb9fe87772f2294f66&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;06484ca39322126d8792c06e5935e97d&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;e4417e0d3e32e876a19c9c95ab21bb85&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;250d2c5e76756fef391bf4da7e301f93&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;8a72441ac05c59b9feb634073c488425&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;fbf621027ba1cba2a32c31f74f57c82a&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;33c10a7df99600cb9fe87772f2294f66&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;06484ca39322126d8792c06e5935e97d&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;e4417e0d3e32e876a19c9c95ab21bb85&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;250d2c5e76756fef391bf4da7e301f93&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;8a72441ac05c59b9feb634073c488425&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;fbf621027ba1cba2a32c31f74f57c82a&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;33c10a7df99600cb9fe87772f2294f66&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;06484ca39322126d8792c06e5935e97d&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;e4417e0d3e32e876a19c9c95ab21bb85&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;250d2c5e76756fef391bf4da7e301f93&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;8a72441ac05c59b9feb634073c488425&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;fbf621027ba1cba2a32c31f74f57c82a&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;33c10a7df99600cb9fe87772f2294f66&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;06484ca39322126d8792c06e5935e97d&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;e4417e0d3e32e876a19c9c95ab21bb85&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;250d2c5e76756fef391bf4da7e301f93&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;8a72441ac05c59b9feb634073c488425&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;fbf621027ba1cba2a32c31f74f57c82a&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;33c10a7df99600cb9fe87772f2294f66&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;06484ca39322126d8792c06e5935e97d&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;e4417e0d3e32e876a19c9c95ab21bb85&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;250d2c5e76756fef391bf4da7e301f93&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;8a72441ac05c59b9feb634073c488425&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;fbf621027ba1cba2a32c31f74f57c82a&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;33c10a7df99600cb9fe87772f2294f66&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;06484ca39322126d8792c06e5935e97d&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;e4417e0d3e32e876a19c9c95ab21bb85&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;250d2c5e76756fef391bf4da7e301f93&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;8a72441ac05c59b9feb634073c488425&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;fbf621027ba1cba2a32c31f74f57c82a&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;33c10a7df99600cb9fe87772f2294f66&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;06484ca39322126d8792c06e5935e97d&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;e4417e0d3e32e876a19c9c95ab21bb85&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;250d2c5e76756fef391bf4da7e301f93&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;8a72441ac05c59b9feb634073c488425&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;fbf621027ba1cba2a32c31f74f57c82a&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;33c10a7df99600cb9fe87772f2294f66&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;06484ca39322126d8792c06e5935e97d&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;e4417e0d3e32e876a19c9c95ab21bb85&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;250d2c5e76756fef391bf4da7e301f93&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;8a72441ac05c59b9feb634073c488425&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;fbf621027ba1cba2a32c31f74f57c82a&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;33c10a7df99600cb9fe87772f2294f66&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;06484ca39322126d8792c06e5935e97d&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;e4417e0d3e32e876a19c9c95ab21bb85&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;250d2c5e76756fef391bf4da7e301f93&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;8a72441ac05c59b9feb634073c488425&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;fbf621027ba1cba2a32c31f74f57c82a&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;33c10a7df99600cb9fe87772f2294f66&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;06484ca39322126d8792c06e5935e97d&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;e4417e0d3e32e876a19c9c95ab21bb85&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;250d2c5e76756fef391bf4da7e301f93&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;8a72441ac05c59b9feb634073c488425&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;fbf621027ba1cba2a32c31f74f57c82a&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;33c10a7df99600cb9fe87772f2294f66&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;06484ca39322126d8792c06e5935e97d&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;e4417e0d3e32e876a19c9c95ab21bb85&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;250d2c5e76756fef391bf4da7e301f93&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;8a72441ac05c59b9feb634073c488425&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;fbf621027ba1cba2a32c31f74f57c82a&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;33c10a7df99600cb9fe87772f2294f66&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;06484ca39322126d8792c06e5935e97d&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;e4417e0d3e32e876a19c9c95ab21bb85&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;250d2c5e76756fef391bf4da7e301f93&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;8a72441ac05c59b9feb634073c488425&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;fbf621027ba1cba2a32c31f74f57c82a&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;33c10a7df99600cb9fe87772f2294f66&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;06484ca39322126d8792c06e5935e97d&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;a9bd511a1ff68b5267028196fa594c84&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;d85c1f606a3aff4382b534846c045289&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;8a72441ac05c59b9feb634073c488425&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;fbf621027ba1cba2a32c31f74f57c82a&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;33c10a7df99600cb9fe87772f2294f66&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;06484ca39322126d8792c06e5935e97d&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;a9bd511a1ff68b5267028196fa594c84&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;d85c1f606a3aff4382b534846c045289&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;8a72441ac05c59b9feb634073c488425&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;fbf621027ba1cba2a32c31f74f57c82a&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;33c10a7df99600cb9fe87772f2294f66&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;06484ca39322126d8792c06e5935e97d&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;a9bd511a1ff68b5267028196fa594c84&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;d85c1f606a3aff4382b534846c045289&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;8a72441ac05c59b9feb634073c488425&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;fbf621027ba1cba2a32c31f74f57c82a&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;33c10a7df99600cb9fe87772f2294f66&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;06484ca39322126d8792c06e5935e97d&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;a9bd511a1ff68b5267028196fa594c84&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;d85c1f606a3aff4382b534846c045289&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;8a72441ac05c59b9feb634073c488425&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;fbf621027ba1cba2a32c31f74f57c82a&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 Alipay 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;06484ca39322126d8792c06e5935e97d&quot;:&quot;&lt;h2&gt;Import the Component for Alipay&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 Alipay.&lt;\\\/p&gt;\\n\\n&lt;div id=\\&quot;tabQaRjk29097\\&quot;&gt;\\n    &lt;div data-component-wrapper=\\&quot;tabs\\&quot;&gt;\\n        &lt;tabs\\n             :id=\\&quot;&amp;quot;29097&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;a9bd511a1ff68b5267028196fa594c84&quot;:&quot;&lt;h2&gt;Add additional configuration for Alipay&lt;\\\/h2&gt;\\n&lt;p&gt;&lt;a href=\\&quot;\\\/online-payments\\\/build-your-integration\\\/sessions-flow?platform=Android&amp;amp;integration=Components#3-optional-add-a-configuration-object\\&quot;&gt;Add a configuration object&lt;\\\/a&gt; with the following parameters:&lt;\\\/p&gt;\\n&lt;table&gt;\\n&lt;thead&gt;\\n&lt;tr&gt;\\n&lt;th&gt;Parameter&lt;\\\/th&gt;\\n&lt;th&gt;Required&lt;\\\/th&gt;\\n&lt;th&gt;Description&lt;\\\/th&gt;\\n&lt;\\\/tr&gt;\\n&lt;\\\/thead&gt;\\n&lt;tbody&gt;\\n&lt;tr&gt;\\n&lt;td&gt;setSubmitButtonVisible&lt;\\\/td&gt;\\n&lt;td&gt;&lt;\\\/td&gt;\\n&lt;td&gt;Set if you want the submit button to be visible.&lt;\\\/td&gt;\\n&lt;\\\/tr&gt;\\n&lt;\\\/tbody&gt;\\n&lt;\\\/table&gt;\\n&lt;div data-component-wrapper=\\&quot;code-sample\\&quot;&gt;\\n    &lt;code-sample :title=\\&quot;&#039;Add a configuration object&#039;\\&quot; :id=\\&quot;&#039;&#039;\\&quot; :code-data=\\&quot;[{&amp;quot;language&amp;quot;:&amp;quot;kotlin&amp;quot;,&amp;quot;tabTitle&amp;quot;:&amp;quot;&amp;quot;,&amp;quot;content&amp;quot;:&amp;quot;\\\\\\\/\\\\\\\/ Create a configuration object. \\\\nval Configuration = Configuration.Builder(\\\\n    shopperLocale, \\\\\\\/\\\\\\\/ Use your context instead to use the device&#039;s default locale.\\\\n    environment,\\\\n    clientKey\\\\n)\\\\n \\\\n\\\\\\\/\\\\\\\/ Set additional configuration.\\\\n    .setSubmitButtonVisible(value) \\\\n    .build()&amp;quot;}]\\&quot; :enable-copy-link-to-code-block=\\&quot;true\\&quot; :code-sample-card-size=\\&quot;&#039;fullsize&#039;\\&quot;&gt;&lt;\\\/code-sample&gt;\\n&lt;\\\/div&gt;\\n&quot;,&quot;d85c1f606a3aff4382b534846c045289&quot;:&quot;&lt;h2&gt;Launch and show the Component for Alipay&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 Alipay, use the &lt;code&gt;InstantPaymentComponent&lt;\\\/code&gt; class.&lt;\\\/p&gt;\\n\\n&lt;div id=\\&quot;tabJVCI993758\\&quot;&gt;\\n    &lt;div data-component-wrapper=\\&quot;tabs\\&quot;&gt;\\n        &lt;tabs\\n             :id=\\&quot;&amp;quot;93758&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;8a72441ac05c59b9feb634073c488425&quot;:&quot;&lt;h2&gt;Test and go live&lt;\\\/h2&gt;\\n&lt;p&gt;We recommend doing live penny tests:&lt;\\\/p&gt;\\n&lt;ol&gt;\\n&lt;li&gt;Get an Alipay wallet app, set  it up with a credit or debit card, and do live penny tests (payments for a minimal amount).&lt;\\\/li&gt;\\n&lt;li&gt;View the details of your Alipay test payments in your &lt;a href=\\&quot;https:\\\/\\\/ca-live.adyen.com\\\/\\&quot; target=\\&quot;_blank\\&quot; rel=\\&quot;nofollow noopener noreferrer\\&quot; class=\\&quot;external-link no-image\\&quot;&gt;live Customer Area&lt;\\\/a&gt; &amp;gt; &lt;strong&gt;Transactions&lt;\\\/strong&gt; &amp;gt; &lt;strong&gt;Payments&lt;\\\/strong&gt;.\\n&lt;p&gt;&lt;\\\/p&gt;&lt;\\\/li&gt;\\n&lt;\\\/ol&gt;\\n&lt;p&gt;Before you can accept live Alipay payments, you need to submit a request for Alipay in your &lt;a href=\\&quot;https:\\\/\\\/ca-live.adyen.com\\\/\\&quot; target=\\&quot;_blank\\&quot; rel=\\&quot;nofollow noopener noreferrer\\&quot; class=\\&quot;external-link no-image\\&quot;&gt;live Customer Area&lt;\\\/a&gt;.&lt;\\\/p&gt;&quot;,&quot;e4417e0d3e32e876a19c9c95ab21bb85&quot;:&quot;&lt;h2&gt;Add additional configuration for Alipay&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;250d2c5e76756fef391bf4da7e301f93&quot;:&quot;&lt;h2&gt;Launch and show the Component for Alipay&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 Alipay, use the &lt;code&gt;InstantPaymentComponent&lt;\\\/code&gt; class.&lt;\\\/p&gt;\\n\\n&lt;div id=\\&quot;tabQEqN191237\\&quot;&gt;\\n    &lt;div data-component-wrapper=\\&quot;tabs\\&quot;&gt;\\n        &lt;tabs\\n             :id=\\&quot;&amp;quot;91237&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;79478396f727f85af68bd766dc4b6808&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;7c8dc38b296a5e76b0ac883606cff7b1&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;e7087834951d286ee2a0000d64e5c141&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;97f3c8bf0113a4309583dc95d0cfe95f&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;823bede3bc90b3fed9f787a57ac26056&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;8a72441ac05c59b9feb634073c488425&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;79478396f727f85af68bd766dc4b6808&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;7c8dc38b296a5e76b0ac883606cff7b1&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;e7087834951d286ee2a0000d64e5c141&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;97f3c8bf0113a4309583dc95d0cfe95f&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;823bede3bc90b3fed9f787a57ac26056&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;8a72441ac05c59b9feb634073c488425&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;79478396f727f85af68bd766dc4b6808&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;7c8dc38b296a5e76b0ac883606cff7b1&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;e7087834951d286ee2a0000d64e5c141&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;97f3c8bf0113a4309583dc95d0cfe95f&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;823bede3bc90b3fed9f787a57ac26056&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;8a72441ac05c59b9feb634073c488425&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;79478396f727f85af68bd766dc4b6808&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;7c8dc38b296a5e76b0ac883606cff7b1&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;e7087834951d286ee2a0000d64e5c141&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;97f3c8bf0113a4309583dc95d0cfe95f&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;823bede3bc90b3fed9f787a57ac26056&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;8a72441ac05c59b9feb634073c488425&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;79478396f727f85af68bd766dc4b6808&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;7c8dc38b296a5e76b0ac883606cff7b1&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;e7087834951d286ee2a0000d64e5c141&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;97f3c8bf0113a4309583dc95d0cfe95f&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;823bede3bc90b3fed9f787a57ac26056&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;8a72441ac05c59b9feb634073c488425&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;79478396f727f85af68bd766dc4b6808&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;7c8dc38b296a5e76b0ac883606cff7b1&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;e7087834951d286ee2a0000d64e5c141&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;97f3c8bf0113a4309583dc95d0cfe95f&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;823bede3bc90b3fed9f787a57ac26056&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;8a72441ac05c59b9feb634073c488425&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;79478396f727f85af68bd766dc4b6808&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;7c8dc38b296a5e76b0ac883606cff7b1&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;e7087834951d286ee2a0000d64e5c141&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;97f3c8bf0113a4309583dc95d0cfe95f&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;823bede3bc90b3fed9f787a57ac26056&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;8a72441ac05c59b9feb634073c488425&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;79478396f727f85af68bd766dc4b6808&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;7c8dc38b296a5e76b0ac883606cff7b1&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;e7087834951d286ee2a0000d64e5c141&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;97f3c8bf0113a4309583dc95d0cfe95f&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;823bede3bc90b3fed9f787a57ac26056&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;8a72441ac05c59b9feb634073c488425&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;79478396f727f85af68bd766dc4b6808&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;7c8dc38b296a5e76b0ac883606cff7b1&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;e7087834951d286ee2a0000d64e5c141&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;97f3c8bf0113a4309583dc95d0cfe95f&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;823bede3bc90b3fed9f787a57ac26056&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;8a72441ac05c59b9feb634073c488425&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;79478396f727f85af68bd766dc4b6808&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;7c8dc38b296a5e76b0ac883606cff7b1&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;e7087834951d286ee2a0000d64e5c141&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;97f3c8bf0113a4309583dc95d0cfe95f&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;823bede3bc90b3fed9f787a57ac26056&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;8a72441ac05c59b9feb634073c488425&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;79478396f727f85af68bd766dc4b6808&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;7c8dc38b296a5e76b0ac883606cff7b1&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;e7087834951d286ee2a0000d64e5c141&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;97f3c8bf0113a4309583dc95d0cfe95f&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;823bede3bc90b3fed9f787a57ac26056&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;8a72441ac05c59b9feb634073c488425&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;79478396f727f85af68bd766dc4b6808&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;7c8dc38b296a5e76b0ac883606cff7b1&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;e7087834951d286ee2a0000d64e5c141&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;97f3c8bf0113a4309583dc95d0cfe95f&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;823bede3bc90b3fed9f787a57ac26056&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;8a72441ac05c59b9feb634073c488425&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;79478396f727f85af68bd766dc4b6808&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;7c8dc38b296a5e76b0ac883606cff7b1&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;e7087834951d286ee2a0000d64e5c141&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;97f3c8bf0113a4309583dc95d0cfe95f&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;823bede3bc90b3fed9f787a57ac26056&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;8a72441ac05c59b9feb634073c488425&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;79478396f727f85af68bd766dc4b6808&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;7c8dc38b296a5e76b0ac883606cff7b1&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;e7087834951d286ee2a0000d64e5c141&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;97f3c8bf0113a4309583dc95d0cfe95f&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;823bede3bc90b3fed9f787a57ac26056&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;8a72441ac05c59b9feb634073c488425&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;79478396f727f85af68bd766dc4b6808&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;7c8dc38b296a5e76b0ac883606cff7b1&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;e7087834951d286ee2a0000d64e5c141&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;97f3c8bf0113a4309583dc95d0cfe95f&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;823bede3bc90b3fed9f787a57ac26056&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;8a72441ac05c59b9feb634073c488425&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;79478396f727f85af68bd766dc4b6808&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;7c8dc38b296a5e76b0ac883606cff7b1&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;e7087834951d286ee2a0000d64e5c141&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;97f3c8bf0113a4309583dc95d0cfe95f&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;823bede3bc90b3fed9f787a57ac26056&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;8a72441ac05c59b9feb634073c488425&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;79478396f727f85af68bd766dc4b6808&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;7c8dc38b296a5e76b0ac883606cff7b1&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;e7087834951d286ee2a0000d64e5c141&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;97f3c8bf0113a4309583dc95d0cfe95f&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;823bede3bc90b3fed9f787a57ac26056&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;8a72441ac05c59b9feb634073c488425&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;79478396f727f85af68bd766dc4b6808&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;7c8dc38b296a5e76b0ac883606cff7b1&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;e7087834951d286ee2a0000d64e5c141&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;97f3c8bf0113a4309583dc95d0cfe95f&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;823bede3bc90b3fed9f787a57ac26056&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;8a72441ac05c59b9feb634073c488425&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;79478396f727f85af68bd766dc4b6808&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;7c8dc38b296a5e76b0ac883606cff7b1&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;e7087834951d286ee2a0000d64e5c141&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;97f3c8bf0113a4309583dc95d0cfe95f&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;823bede3bc90b3fed9f787a57ac26056&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;8a72441ac05c59b9feb634073c488425&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;79478396f727f85af68bd766dc4b6808&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;7c8dc38b296a5e76b0ac883606cff7b1&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;e7087834951d286ee2a0000d64e5c141&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;97f3c8bf0113a4309583dc95d0cfe95f&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;823bede3bc90b3fed9f787a57ac26056&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;8a72441ac05c59b9feb634073c488425&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;79478396f727f85af68bd766dc4b6808&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;7c8dc38b296a5e76b0ac883606cff7b1&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;fc2233edf16fbc7c8252cb976478cb2e&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;34a0047a901865a3890d2e5eeebd781b&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;823bede3bc90b3fed9f787a57ac26056&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;8a72441ac05c59b9feb634073c488425&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;79478396f727f85af68bd766dc4b6808&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;7c8dc38b296a5e76b0ac883606cff7b1&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;fc2233edf16fbc7c8252cb976478cb2e&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;34a0047a901865a3890d2e5eeebd781b&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;823bede3bc90b3fed9f787a57ac26056&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;8a72441ac05c59b9feb634073c488425&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;79478396f727f85af68bd766dc4b6808&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;7c8dc38b296a5e76b0ac883606cff7b1&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;fc2233edf16fbc7c8252cb976478cb2e&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;34a0047a901865a3890d2e5eeebd781b&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;823bede3bc90b3fed9f787a57ac26056&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;8a72441ac05c59b9feb634073c488425&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;79478396f727f85af68bd766dc4b6808&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;7c8dc38b296a5e76b0ac883606cff7b1&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;fc2233edf16fbc7c8252cb976478cb2e&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;34a0047a901865a3890d2e5eeebd781b&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;823bede3bc90b3fed9f787a57ac26056&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;8a72441ac05c59b9feb634073c488425&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;79478396f727f85af68bd766dc4b6808&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;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\\\/advanced-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 Alipay 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;7c8dc38b296a5e76b0ac883606cff7b1&quot;:&quot;&lt;h2&gt;Import the Component for Alipay&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 Alipay.&lt;\\\/p&gt;\\n\\n&lt;div id=\\&quot;tabUabPE10755\\&quot;&gt;\\n    &lt;div data-component-wrapper=\\&quot;tabs\\&quot;&gt;\\n        &lt;tabs\\n             :id=\\&quot;&amp;quot;10755&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;fc2233edf16fbc7c8252cb976478cb2e&quot;:&quot;&lt;h2&gt;Add additional configuration for Alipay&lt;\\\/h2&gt;\\n&lt;p&gt;&lt;a href=\\&quot;\\\/online-payments\\\/build-your-integration\\\/advanced-flow\\\/?platform=Android&amp;amp;integration=Components#3-optional-add-a-configuration-object\\&quot;&gt;Add a configuration object&lt;\\\/a&gt; with the following parameters:&lt;\\\/p&gt;\\n&lt;table&gt;\\n&lt;thead&gt;\\n&lt;tr&gt;\\n&lt;th&gt;Parameter&lt;\\\/th&gt;\\n&lt;th&gt;Required&lt;\\\/th&gt;\\n&lt;th&gt;Description&lt;\\\/th&gt;\\n&lt;\\\/tr&gt;\\n&lt;\\\/thead&gt;\\n&lt;tbody&gt;\\n&lt;tr&gt;\\n&lt;td&gt;setSubmitButtonVisible&lt;\\\/td&gt;\\n&lt;td&gt;&lt;\\\/td&gt;\\n&lt;td&gt;Set if you want the submit button to be visible.&lt;\\\/td&gt;\\n&lt;\\\/tr&gt;\\n&lt;\\\/tbody&gt;\\n&lt;\\\/table&gt;\\n&lt;div data-component-wrapper=\\&quot;code-sample\\&quot;&gt;\\n    &lt;code-sample :title=\\&quot;&#039;Add a configuration object&#039;\\&quot; :id=\\&quot;&#039;&#039;\\&quot; :code-data=\\&quot;[{&amp;quot;language&amp;quot;:&amp;quot;kotlin&amp;quot;,&amp;quot;tabTitle&amp;quot;:&amp;quot;&amp;quot;,&amp;quot;content&amp;quot;:&amp;quot;\\\\\\\/\\\\\\\/ Create a configuration object. \\\\nval Configuration = Configuration.Builder(\\\\n    shopperLocale, \\\\\\\/\\\\\\\/ Use your context instead to use the device&#039;s default locale.\\\\n    environment,\\\\n    clientKey\\\\n)\\\\n \\\\n\\\\\\\/\\\\\\\/ Set additional configuration.\\\\n    .setSubmitButtonVisible(value) \\\\n    .build()&amp;quot;}]\\&quot; :enable-copy-link-to-code-block=\\&quot;true\\&quot; :code-sample-card-size=\\&quot;&#039;fullsize&#039;\\&quot;&gt;&lt;\\\/code-sample&gt;\\n&lt;\\\/div&gt;\\n&quot;,&quot;34a0047a901865a3890d2e5eeebd781b&quot;:&quot;&lt;h2&gt;Launch and show the Component for Alipay&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 Alipay, use the &lt;code&gt;InstantPaymentComponent&lt;\\\/code&gt; class.&lt;\\\/p&gt;\\n\\n&lt;div id=\\&quot;tabYGu7w747\\&quot;&gt;\\n    &lt;div data-component-wrapper=\\&quot;tabs\\&quot;&gt;\\n        &lt;tabs\\n             :id=\\&quot;&amp;quot;747&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;8a72441ac05c59b9feb634073c488425&quot;:&quot;&lt;h2&gt;Test and go live&lt;\\\/h2&gt;\\n&lt;p&gt;We recommend doing live penny tests:&lt;\\\/p&gt;\\n&lt;ol&gt;\\n&lt;li&gt;Get an Alipay wallet app, set  it up with a credit or debit card, and do live penny tests (payments for a minimal amount).&lt;\\\/li&gt;\\n&lt;li&gt;View the details of your Alipay test payments in your &lt;a href=\\&quot;https:\\\/\\\/ca-live.adyen.com\\\/\\&quot; target=\\&quot;_blank\\&quot; rel=\\&quot;nofollow noopener noreferrer\\&quot; class=\\&quot;external-link no-image\\&quot;&gt;live Customer Area&lt;\\\/a&gt; &amp;gt; &lt;strong&gt;Transactions&lt;\\\/strong&gt; &amp;gt; &lt;strong&gt;Payments&lt;\\\/strong&gt;.\\n&lt;p&gt;&lt;\\\/p&gt;&lt;\\\/li&gt;\\n&lt;\\\/ol&gt;\\n&lt;p&gt;Before you can accept live Alipay payments, you need to submit a request for Alipay in your &lt;a href=\\&quot;https:\\\/\\\/ca-live.adyen.com\\\/\\&quot; target=\\&quot;_blank\\&quot; rel=\\&quot;nofollow noopener noreferrer\\&quot; class=\\&quot;external-link no-image\\&quot;&gt;live Customer Area&lt;\\\/a&gt;.&lt;\\\/p&gt;&quot;,&quot;e7087834951d286ee2a0000d64e5c141&quot;:&quot;&lt;h2&gt;Add additional configuration for Alipay&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;97f3c8bf0113a4309583dc95d0cfe95f&quot;:&quot;&lt;h2&gt;Launch and show the Component for Alipay&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 Alipay, use the &lt;code&gt;InstantPaymentComponent&lt;\\\/code&gt; class.&lt;\\\/p&gt;\\n\\n&lt;div id=\\&quot;tab5LX4h2800\\&quot;&gt;\\n    &lt;div data-component-wrapper=\\&quot;tabs\\&quot;&gt;\\n        &lt;tabs\\n             :id=\\&quot;&amp;quot;2800&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\/alipay\/android-component","articleFields":{"description":"Add Alipay to your Components integration.","never_cache_twig":true,"filters_component":true,"parameters":{"tx_variant":"alipay","component_class_name":"InstantPaymentComponent","component_class_config":"InstantPayment","pm_directory":"alipay","payment_method":"Alipay","action_type":"none"},"filters_config_folder":"payment-methods\/alipay\/android\/component"},"algolia":[{"url":"https:\/\/docs.adyen.com\/pt\/payment-methods\/alipay\/android-component","title":"Alipay 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 Alipay 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 Alipay\nTo import the library and include the module for Alipay.\n\n\n    \n        \n        \n    \n\nAdd additional configuration for Alipay\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 Alipay\nTo create the Component for Alipay, use the InstantPaymentComponent class.\n\n\n    \n        \n        \n    \n\nTest and go live\nWe recommend doing live penny tests:\n\nGet an Alipay wallet app, set  it up with a credit or debit card, and do live penny tests (payments for a minimal amount).\nView the details of your Alipay test payments in your live Customer Area &gt; Transactions &gt; Payments.\n\n\nBefore you can accept live Alipay payments, you need to submit a request for Alipay in your live Customer Area.","type":"page","locale":"pt","boost":17,"hierarchy":{"lvl0":"Home","lvl1":"Payment methods","lvl2":"Alipay","lvl3":"Alipay 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\/alipay","lvl3":"\/pt\/payment-methods\/alipay\/android-component"},"levels":4,"category":"Payment method","category_color":"green","tags":["Alipay","Android","Component"]},{"url":"https:\/\/docs.adyen.com\/pt\/payment-methods\/alipay\/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 Alipay 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 Alipay\nTo import the library and include the module for Alipay.\n\n\n    \n        \n        \n    \n\nAdd additional configuration for Alipay\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 Alipay\nTo create the Component for Alipay, use the InstantPaymentComponent class.\n\n\n    \n        \n        \n    \n\nTest and go live\nWe recommend doing live penny tests:\n\nGet an Alipay wallet app, set  it up with a credit or debit card, and do live penny tests (payments for a minimal amount).\nView the details of your Alipay test payments in your live Customer Area &gt; Transactions &gt; Payments.\n\n\nBefore you can accept live Alipay payments, you need to submit a request for Alipay in your live Customer Area.","type":"page","locale":"pt","boost":17,"hierarchy":{"lvl0":"Home","lvl1":"Payment methods","lvl2":"Alipay","lvl3":"Alipay 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\/alipay","lvl3":"\/pt\/payment-methods\/alipay\/android-component"},"levels":4,"category":"Payment method","category_color":"green","tags":["Sessions flow","Component"]},{"url":"https:\/\/docs.adyen.com\/pt\/payment-methods\/alipay\/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\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 Alipay in your Customer Area.\n\n\n\nImport the Component for Alipay\nTo import the library and include the module for Alipay.\n\n\n    \n        \n        \n    \n\nAdd additional configuration for Alipay\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 Alipay\nTo create the Component for Alipay, 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\nWe recommend doing live penny tests:\n\nGet an Alipay wallet app, set  it up with a credit or debit card, and do live penny tests (payments for a minimal amount).\nView the details of your Alipay test payments in your live Customer Area &gt; Transactions &gt; Payments.\n\n\nBefore you can accept live Alipay payments, you need to submit a request for Alipay in your live Customer Area.","type":"page","locale":"pt","boost":17,"hierarchy":{"lvl0":"Home","lvl1":"Payment methods","lvl2":"Alipay","lvl3":"Alipay 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\/alipay","lvl3":"\/pt\/payment-methods\/alipay\/android-component"},"levels":4,"category":"Payment method","category_color":"green","tags":["Advanced flow","Component"]}]}