{"title":"Android Component","category":"default","creationDate":1776961628,"content":"<p>You can add Twint to your existing integration. The following instructions show only what you must add to your integration specifically for Twint.<\/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\/twint\/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;d20019e3e5d938faec6ba92a4615e10f&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;33c10a7df99600cb9fe87772f2294f66&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;72da52baced1b00f47a1cb75c46f2ceb&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;1da2df7565542a6bef6d936cc3e509e9&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;4ad073789f37a2e4552f00c4e85273b6&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;bc54adb79846f0b5b403b95130ee7837&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;676ac466388675f2f3089a8571eadbd0&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;d20019e3e5d938faec6ba92a4615e10f&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;33c10a7df99600cb9fe87772f2294f66&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;72da52baced1b00f47a1cb75c46f2ceb&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;1da2df7565542a6bef6d936cc3e509e9&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;4ad073789f37a2e4552f00c4e85273b6&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;bc54adb79846f0b5b403b95130ee7837&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;676ac466388675f2f3089a8571eadbd0&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;d20019e3e5d938faec6ba92a4615e10f&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;33c10a7df99600cb9fe87772f2294f66&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;72da52baced1b00f47a1cb75c46f2ceb&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;1da2df7565542a6bef6d936cc3e509e9&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;4ad073789f37a2e4552f00c4e85273b6&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;bc54adb79846f0b5b403b95130ee7837&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;676ac466388675f2f3089a8571eadbd0&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;d20019e3e5d938faec6ba92a4615e10f&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;33c10a7df99600cb9fe87772f2294f66&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;72da52baced1b00f47a1cb75c46f2ceb&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;1da2df7565542a6bef6d936cc3e509e9&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;4ad073789f37a2e4552f00c4e85273b6&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;bc54adb79846f0b5b403b95130ee7837&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;676ac466388675f2f3089a8571eadbd0&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;d20019e3e5d938faec6ba92a4615e10f&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;33c10a7df99600cb9fe87772f2294f66&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;72da52baced1b00f47a1cb75c46f2ceb&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;1da2df7565542a6bef6d936cc3e509e9&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;4ad073789f37a2e4552f00c4e85273b6&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;bc54adb79846f0b5b403b95130ee7837&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;676ac466388675f2f3089a8571eadbd0&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;d20019e3e5d938faec6ba92a4615e10f&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;33c10a7df99600cb9fe87772f2294f66&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;72da52baced1b00f47a1cb75c46f2ceb&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;1da2df7565542a6bef6d936cc3e509e9&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;4ad073789f37a2e4552f00c4e85273b6&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;bc54adb79846f0b5b403b95130ee7837&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;676ac466388675f2f3089a8571eadbd0&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;d20019e3e5d938faec6ba92a4615e10f&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;33c10a7df99600cb9fe87772f2294f66&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;72da52baced1b00f47a1cb75c46f2ceb&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;1da2df7565542a6bef6d936cc3e509e9&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;4ad073789f37a2e4552f00c4e85273b6&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;bc54adb79846f0b5b403b95130ee7837&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;676ac466388675f2f3089a8571eadbd0&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;d20019e3e5d938faec6ba92a4615e10f&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;33c10a7df99600cb9fe87772f2294f66&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;72da52baced1b00f47a1cb75c46f2ceb&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;1da2df7565542a6bef6d936cc3e509e9&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;4ad073789f37a2e4552f00c4e85273b6&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;bc54adb79846f0b5b403b95130ee7837&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;676ac466388675f2f3089a8571eadbd0&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;d20019e3e5d938faec6ba92a4615e10f&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;33c10a7df99600cb9fe87772f2294f66&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;72da52baced1b00f47a1cb75c46f2ceb&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;1da2df7565542a6bef6d936cc3e509e9&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;4ad073789f37a2e4552f00c4e85273b6&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;bc54adb79846f0b5b403b95130ee7837&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;676ac466388675f2f3089a8571eadbd0&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;d20019e3e5d938faec6ba92a4615e10f&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;33c10a7df99600cb9fe87772f2294f66&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;72da52baced1b00f47a1cb75c46f2ceb&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;1da2df7565542a6bef6d936cc3e509e9&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;4ad073789f37a2e4552f00c4e85273b6&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;bc54adb79846f0b5b403b95130ee7837&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;676ac466388675f2f3089a8571eadbd0&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;d20019e3e5d938faec6ba92a4615e10f&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;33c10a7df99600cb9fe87772f2294f66&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;72da52baced1b00f47a1cb75c46f2ceb&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;1da2df7565542a6bef6d936cc3e509e9&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;4ad073789f37a2e4552f00c4e85273b6&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;bc54adb79846f0b5b403b95130ee7837&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;676ac466388675f2f3089a8571eadbd0&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;d20019e3e5d938faec6ba92a4615e10f&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;33c10a7df99600cb9fe87772f2294f66&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;72da52baced1b00f47a1cb75c46f2ceb&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;1da2df7565542a6bef6d936cc3e509e9&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;4ad073789f37a2e4552f00c4e85273b6&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;bc54adb79846f0b5b403b95130ee7837&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;676ac466388675f2f3089a8571eadbd0&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;d20019e3e5d938faec6ba92a4615e10f&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;33c10a7df99600cb9fe87772f2294f66&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;72da52baced1b00f47a1cb75c46f2ceb&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;1da2df7565542a6bef6d936cc3e509e9&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;4ad073789f37a2e4552f00c4e85273b6&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;bc54adb79846f0b5b403b95130ee7837&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;676ac466388675f2f3089a8571eadbd0&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;d20019e3e5d938faec6ba92a4615e10f&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;33c10a7df99600cb9fe87772f2294f66&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;72da52baced1b00f47a1cb75c46f2ceb&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;1da2df7565542a6bef6d936cc3e509e9&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;4ad073789f37a2e4552f00c4e85273b6&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;bc54adb79846f0b5b403b95130ee7837&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;676ac466388675f2f3089a8571eadbd0&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;d20019e3e5d938faec6ba92a4615e10f&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;33c10a7df99600cb9fe87772f2294f66&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;72da52baced1b00f47a1cb75c46f2ceb&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;1da2df7565542a6bef6d936cc3e509e9&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;4ad073789f37a2e4552f00c4e85273b6&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;bc54adb79846f0b5b403b95130ee7837&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;676ac466388675f2f3089a8571eadbd0&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;d20019e3e5d938faec6ba92a4615e10f&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;33c10a7df99600cb9fe87772f2294f66&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;72da52baced1b00f47a1cb75c46f2ceb&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;1da2df7565542a6bef6d936cc3e509e9&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;4ad073789f37a2e4552f00c4e85273b6&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;bc54adb79846f0b5b403b95130ee7837&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;676ac466388675f2f3089a8571eadbd0&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;d20019e3e5d938faec6ba92a4615e10f&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;33c10a7df99600cb9fe87772f2294f66&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;72da52baced1b00f47a1cb75c46f2ceb&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;1da2df7565542a6bef6d936cc3e509e9&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;4ad073789f37a2e4552f00c4e85273b6&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;bc54adb79846f0b5b403b95130ee7837&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;676ac466388675f2f3089a8571eadbd0&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;d20019e3e5d938faec6ba92a4615e10f&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;33c10a7df99600cb9fe87772f2294f66&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;72da52baced1b00f47a1cb75c46f2ceb&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;1da2df7565542a6bef6d936cc3e509e9&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;4ad073789f37a2e4552f00c4e85273b6&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;bc54adb79846f0b5b403b95130ee7837&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;676ac466388675f2f3089a8571eadbd0&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;d20019e3e5d938faec6ba92a4615e10f&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;33c10a7df99600cb9fe87772f2294f66&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;72da52baced1b00f47a1cb75c46f2ceb&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;1da2df7565542a6bef6d936cc3e509e9&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;4ad073789f37a2e4552f00c4e85273b6&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;bc54adb79846f0b5b403b95130ee7837&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;676ac466388675f2f3089a8571eadbd0&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;d20019e3e5d938faec6ba92a4615e10f&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;33c10a7df99600cb9fe87772f2294f66&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;72da52baced1b00f47a1cb75c46f2ceb&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;1da2df7565542a6bef6d936cc3e509e9&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;4ad073789f37a2e4552f00c4e85273b6&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;bc54adb79846f0b5b403b95130ee7837&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;676ac466388675f2f3089a8571eadbd0&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;d20019e3e5d938faec6ba92a4615e10f&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;33c10a7df99600cb9fe87772f2294f66&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;72da52baced1b00f47a1cb75c46f2ceb&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;f0bab2506773bc53acdd2fc42fff9ce2&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;276b51fe4fcbdfc82c2efe14172fa012&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;bc54adb79846f0b5b403b95130ee7837&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;676ac466388675f2f3089a8571eadbd0&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;d20019e3e5d938faec6ba92a4615e10f&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;33c10a7df99600cb9fe87772f2294f66&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;72da52baced1b00f47a1cb75c46f2ceb&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;f0bab2506773bc53acdd2fc42fff9ce2&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;276b51fe4fcbdfc82c2efe14172fa012&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;bc54adb79846f0b5b403b95130ee7837&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;676ac466388675f2f3089a8571eadbd0&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;d20019e3e5d938faec6ba92a4615e10f&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;33c10a7df99600cb9fe87772f2294f66&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;72da52baced1b00f47a1cb75c46f2ceb&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;f0bab2506773bc53acdd2fc42fff9ce2&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;276b51fe4fcbdfc82c2efe14172fa012&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;bc54adb79846f0b5b403b95130ee7837&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;676ac466388675f2f3089a8571eadbd0&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;d20019e3e5d938faec6ba92a4615e10f&quot;},&quot;add-parameters-sessions-request&quot;:{&quot;$ref&quot;:&quot;33c10a7df99600cb9fe87772f2294f66&quot;},&quot;import-component&quot;:{&quot;$ref&quot;:&quot;72da52baced1b00f47a1cb75c46f2ceb&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;f0bab2506773bc53acdd2fc42fff9ce2&quot;},&quot;launch-and-show&quot;:{&quot;$ref&quot;:&quot;276b51fe4fcbdfc82c2efe14172fa012&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;bc54adb79846f0b5b403b95130ee7837&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;676ac466388675f2f3089a8571eadbd0&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;d20019e3e5d938faec6ba92a4615e10f&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&amp;amp;integration=Components\\&quot;&gt;Android Components integration&lt;\\\/a&gt;.&lt;\\\/td&gt;\\n&lt;td&gt;&lt;\\\/td&gt;\\n&lt;\\\/tr&gt;\\n&lt;tr&gt;\\n&lt;td style=\\&quot;text-align: left;\\&quot;&gt;&lt;strong&gt;Checkout API&lt;\\\/strong&gt;&lt;\\\/td&gt;\\n&lt;td style=\\&quot;text-align: left;\\&quot;&gt;Make sure that you use Checkout API v68 or later.&lt;\\\/td&gt;\\n&lt;td&gt; &lt;\\\/td&gt;\\n&lt;\\\/tr&gt;\\n&lt;tr&gt;\\n&lt;td style=\\&quot;text-align: left;\\&quot;&gt;&lt;strong&gt;Setup steps&lt;\\\/strong&gt;&lt;\\\/td&gt;\\n&lt;td style=\\&quot;text-align: left;\\&quot;&gt;Before you begin, &lt;a href=\\&quot;\\\/payment-methods\\\/add-payment-methods\\&quot;&gt;add Twint 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;72da52baced1b00f47a1cb75c46f2ceb&quot;:&quot;&lt;h2&gt;Import the Component for Twint&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 Twint.&lt;\\\/p&gt;\\n\\n&lt;div id=\\&quot;tabU5FGD96018\\&quot;&gt;\\n    &lt;div data-component-wrapper=\\&quot;tabs\\&quot;&gt;\\n        &lt;tabs\\n             :id=\\&quot;&amp;quot;96018&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:twint: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:twint: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;f0bab2506773bc53acdd2fc42fff9ce2&quot;:&quot;&lt;h2&gt;Add additional configuration for Twint&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;tr&gt;\\n&lt;td&gt;setActionHandlingMethod&lt;\\\/td&gt;\\n&lt;td&gt;&lt;\\\/td&gt;\\n&lt;td&gt;Use this parameter to configure the method used to handle actions.&lt;\\\/td&gt;\\n&lt;\\\/tr&gt;\\n&lt;tr&gt;\\n&lt;td&gt;setShowStorePaymentField&lt;\\\/td&gt;\\n&lt;td&gt;&lt;\\\/td&gt;\\n&lt;td&gt;Set if the option to store the shopper&#039;s account for future payments should be shown as an input field. Default is &lt;strong&gt;true&lt;\\\/strong&gt;.&lt;\\\/td&gt;\\n&lt;\\\/tr&gt;\\n&lt;\\\/tbody&gt;\\n&lt;\\\/table&gt;\\n&lt;div data-component-wrapper=\\&quot;code-sample\\&quot;&gt;\\n    &lt;code-sample :title=\\&quot;&#039;Add a configuration object&#039;\\&quot; :id=\\&quot;&#039;&#039;\\&quot; :code-data=\\&quot;[{&amp;quot;language&amp;quot;:&amp;quot;kotlin&amp;quot;,&amp;quot;tabTitle&amp;quot;:&amp;quot;&amp;quot;,&amp;quot;content&amp;quot;:&amp;quot;\\\\\\\/\\\\\\\/ Create a configuration object.\\\\nval Configuration = 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    .setActionHandlingMethod(value),\\\\n    .setShowStorePaymentField(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;276b51fe4fcbdfc82c2efe14172fa012&quot;:&quot;&lt;h2&gt;Launch and show the Component for Twint&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 Twint, use the &lt;code&gt;TwintComponent&lt;\\\/code&gt; class.&lt;\\\/p&gt;\\n\\n&lt;div id=\\&quot;tabEszay36238\\&quot;&gt;\\n    &lt;div data-component-wrapper=\\&quot;tabs\\&quot;&gt;\\n        &lt;tabs\\n             :id=\\&quot;&amp;quot;36238&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.TWINT)\\\\\\\\n\\\\\\\\n@Composable\\\\\\\\nprivate fun ComposableTwintComponent() {\\\\\\\\n  \\\\\\\\\\\\\\\/\\\\\\\\\\\\\\\/ Keep a reference to this Component in case you need to access it later.\\\\\\\\n  val twintComponent = TwintComponent.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 = twintComponent,\\\\\\\\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.TWINT)\\\\\\\\n\\\\\\\\nval twintComponent = TwintComponent.PROVIDER.get(\\\\\\\\n    activity, \\\\\\\\\\\\\\\/\\\\\\\\\\\\\\\/ Your activity or fragment.\\\\\\\\n    checkoutSession,\\\\\\\\n    paymentMethod,\\\\\\\\n    twintConfiguration,\\\\\\\\n    componentCallback,\\\\\\\\n)\\\\\\\\n\\\\\\\\n\\\\\\\\\\\\\\\/\\\\\\\\\\\\\\\/ Attach the Component to your view.\\\\\\\\nbinding.twintView.attach(twintComponent, 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;bc54adb79846f0b5b403b95130ee7837&quot;:&quot;&lt;h2&gt;Recurring payments&lt;\\\/h2&gt;\\n&lt;p&gt;To make recurring payments for TWINT, you need to:&lt;\\\/p&gt;\\n&lt;ol&gt;\\n&lt;li&gt;&lt;a href=\\&quot;#create-a-token\\&quot;&gt;Create a shopper token&lt;\\\/a&gt;.&lt;\\\/li&gt;\\n&lt;li&gt;&lt;a href=\\&quot;#make-payment-with-token\\&quot;&gt;Use the token to make future payments for the shopper&lt;\\\/a&gt;.&lt;\\\/li&gt;\\n&lt;\\\/ol&gt;\\n&lt;h3 id=\\&quot;create-a-token\\&quot;&gt;Create a token&lt;\\\/h3&gt;\\n&lt;p&gt;To create a token, include in your  &lt;a href=\\&quot;https:\\\/\\\/docs.adyen.com\\\/api-explorer\\\/Checkout\\\/latest\\\/post\\\/payments\\&quot; class=\\&quot;codeLabel  external-link no-image\\&quot; target=\\&quot;_blank\\&quot; rel=\\&quot;nofollow noopener noreferrer\\&quot;&gt;\\\/payments&lt;\\\/a&gt; request:&lt;\\\/p&gt;\\n&lt;ul&gt;\\n&lt;li&gt;&lt;code&gt;storePaymentMethod&lt;\\\/code&gt;: &lt;strong&gt;true&lt;\\\/strong&gt;&lt;\\\/li&gt;\\n&lt;li&gt; &lt;a href=\\&quot;https:\\\/\\\/docs.adyen.com\\\/api-explorer\\\/Checkout\\\/latest\\\/post\\\/payments#request-shopperReference\\&quot; class=\\&quot;codeLabel  external-link no-image\\&quot; target=\\&quot;_blank\\&quot; rel=\\&quot;nofollow noopener noreferrer\\&quot;&gt;shopperReference&lt;\\\/a&gt;&amp;#58; Your unique identifier for the shopper (minimum length three characters).&lt;\\\/li&gt;\\n&lt;\\\/ul&gt;\\n&lt;p&gt;When the payment details have been stored, you receive a  &lt;a href=\\&quot;https:\\\/\\\/docs.adyen.com\\\/api-explorer\\\/Tokenization-webhooks\\\/latest\\\/post\\\/recurring.token.created\\&quot; class=\\&quot;codeLabel  external-link no-image\\&quot; target=\\&quot;_blank\\&quot; rel=\\&quot;nofollow noopener noreferrer\\&quot;&gt;recurring.token.created&lt;\\\/a&gt; &lt;a href=\\&quot;\\\/development-resources\\\/webhooks\\&quot;&gt;webhook&lt;\\\/a&gt; containing:&lt;\\\/p&gt;\\n&lt;ul&gt;\\n&lt;li&gt;&lt;code&gt;type&lt;\\\/code&gt;: &lt;strong&gt;recurring.token.created&lt;\\\/strong&gt;&lt;\\\/li&gt;\\n&lt;li&gt;&lt;code&gt;shopperReference&lt;\\\/code&gt;: your unique identifier for the shopper.&lt;\\\/li&gt;\\n&lt;li&gt;&lt;code&gt;eventId&lt;\\\/code&gt;: the &lt;code&gt;pspReference&lt;\\\/code&gt; of the initial payment.&lt;\\\/li&gt;\\n&lt;li&gt;&lt;code&gt;storedPaymentMethodId&lt;\\\/code&gt;: the token that you need to make recurring payments for this shopper.&lt;\\\/li&gt;\\n&lt;\\\/ul&gt;\\n&lt;div class=\\&quot;notices green\\&quot;&gt;\\n&lt;p&gt;Make sure that your server is able to receive the &lt;a href=\\&quot;\\\/development-resources\\\/webhooks\\\/webhook-types\\\/#other-webhooks\\&quot;&gt;Recurring tokens life cycle events&lt;\\\/a&gt; webhook. You can &lt;a href=\\&quot;\\\/development-resources\\\/webhooks\\\/#set-up-webhooks-in-your-customer-area\\&quot;&gt;set up this webhook in your Customer Area&lt;\\\/a&gt;.&lt;\\\/p&gt;\\n&lt;\\\/div&gt;\\n&lt;h3 id=\\&quot;make-payment-with-token\\&quot;&gt;Make a payment with a token&lt;\\\/h3&gt;\\n&lt;p&gt;To make a payment with the token, include in your  &lt;a href=\\&quot;https:\\\/\\\/docs.adyen.com\\\/api-explorer\\\/Checkout\\\/latest\\\/post\\\/payments\\&quot; class=\\&quot;codeLabel  external-link no-image\\&quot; target=\\&quot;_blank\\&quot; rel=\\&quot;nofollow noopener noreferrer\\&quot;&gt;\\\/payments&lt;\\\/a&gt; request:&lt;\\\/p&gt;\\n&lt;ul&gt;\\n&lt;li&gt;\\n&lt;p&gt;&lt;code&gt;paymentMethod.storedPaymentMethodId&lt;\\\/code&gt;: The &lt;code&gt;storedPaymentMethodId&lt;\\\/code&gt; from the  &lt;a href=\\&quot;https:\\\/\\\/docs.adyen.com\\\/api-explorer\\\/Tokenization-webhooks\\\/latest\\\/post\\\/recurring.token.created\\&quot; class=\\&quot;codeLabel  external-link no-image\\&quot; target=\\&quot;_blank\\&quot; rel=\\&quot;nofollow noopener noreferrer\\&quot;&gt;recurring.token.created&lt;\\\/a&gt; webhook.&lt;\\\/p&gt;\\n&lt;div class=\\&quot;notices green\\&quot;&gt;\\n&lt;p&gt;You can also get this value using the  &lt;a href=\\&quot;https:\\\/\\\/docs.adyen.com\\\/api-explorer\\\/Recurring\\\/latest\\\/post\\\/listRecurringDetails\\&quot; class=\\&quot;codeLabel  external-link no-image\\&quot; target=\\&quot;_blank\\&quot; rel=\\&quot;nofollow noopener noreferrer\\&quot;&gt;\\\/listRecurringDetails&lt;\\\/a&gt; endpoint.&lt;\\\/p&gt;\\n&lt;\\\/div&gt;\\n&lt;\\\/li&gt;\\n&lt;li&gt;\\n&lt;p&gt;&lt;code&gt;shopperReference&lt;\\\/code&gt;: The unique shopper identifier that you specified when creating the token (minimum length three characters).&lt;\\\/p&gt;\\n&lt;\\\/li&gt;\\n&lt;li&gt;\\n&lt;p&gt;&lt;code&gt;shopperInteraction&lt;\\\/code&gt;: &lt;strong&gt;ContAuth&lt;\\\/strong&gt;.&lt;\\\/p&gt;\\n&lt;\\\/li&gt;\\n&lt;li&gt;\\n&lt;p&gt;&lt;code&gt;recurringProcessingModel&lt;\\\/code&gt;: &lt;strong&gt;Subscription&lt;\\\/strong&gt; or &lt;strong&gt;UnscheduledCardOnFile&lt;\\\/strong&gt;.&lt;\\\/p&gt;\\n&lt;\\\/li&gt;\\n&lt;\\\/ul&gt;\\n&lt;p&gt;For more information about the &lt;code&gt;shopperInteraction&lt;\\\/code&gt; and &lt;code&gt;recurringProcessingModel&lt;\\\/code&gt; fields, refer to &lt;a href=\\&quot;\\\/online-payments\\\/tokenization\\\/\\&quot;&gt;Tokenization&lt;\\\/a&gt;.&lt;\\\/p&gt;&quot;,&quot;676ac466388675f2f3089a8571eadbd0&quot;:&quot;&lt;h2&gt;Test and go live&lt;\\\/h2&gt;\\n&lt;p&gt;Check the status of TWINT test payments in your\\u00a0&lt;a href=\\&quot;https:\\\/\\\/ca-test.adyen.com\\\/\\&quot; target=\\&quot;_blank\\&quot; rel=\\&quot;nofollow noopener noreferrer\\&quot; class=\\&quot;external-link no-image\\&quot;&gt;Customer Area&lt;\\\/a&gt;\\u00a0&amp;gt;\\u00a0&lt;strong&gt;Transactions&lt;\\\/strong&gt;\\u00a0&amp;gt;\\u00a0&lt;strong&gt;Payments&lt;\\\/strong&gt;.&lt;\\\/p&gt;\\n&lt;p&gt;Before you can accept live TWINT payments, you need to &lt;a href=\\&quot;\\\/payment-methods\\\/add-payment-methods\\&quot;&gt;submit a request for TWINT&lt;\\\/a&gt; 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;1da2df7565542a6bef6d936cc3e509e9&quot;:&quot;&lt;h2&gt;Add additional configuration for Twint&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;tr&gt;\\n&lt;td&gt;setActionHandlingMethod&lt;\\\/td&gt;\\n&lt;td&gt;&lt;\\\/td&gt;\\n&lt;td&gt;Use this parameter to configure the method used to handle actions.&lt;\\\/td&gt;\\n&lt;\\\/tr&gt;\\n&lt;tr&gt;\\n&lt;td&gt;setShowStorePaymentField&lt;\\\/td&gt;\\n&lt;td&gt;&lt;\\\/td&gt;\\n&lt;td&gt;Set if the option to store the shopper&#039;s account for future payments should be shown as an input field. Default is &lt;strong&gt;true&lt;\\\/strong&gt;.&lt;\\\/td&gt;\\n&lt;\\\/tr&gt;\\n&lt;\\\/tbody&gt;\\n&lt;\\\/table&gt;\\n&lt;div data-component-wrapper=\\&quot;code-sample\\&quot;&gt;\\n    &lt;code-sample :title=\\&quot;&#039;Add a configuration object&#039;\\&quot; :id=\\&quot;&#039;&#039;\\&quot; :code-data=&#039;[{\\&quot;language\\&quot;:\\&quot;kotlin\\&quot;,\\&quot;tabTitle\\&quot;:\\&quot;\\&quot;,\\&quot;content\\&quot;:\\&quot;CheckoutConfiguration(\\\\n    ...\\\\n) {\\\\n    twint {\\\\n        setSubmitButtonVisible(value)\\\\n        setActionHandlingMethod(value)\\\\n        setShowStorePaymentField(value)\\\\n    }\\\\n}\\&quot;}]&#039; :enable-copy-link-to-code-block=\\&quot;true\\&quot; :code-sample-card-size=\\&quot;&#039;fullsize&#039;\\&quot;&gt;&lt;\\\/code-sample&gt;\\n&lt;\\\/div&gt;\\n&quot;,&quot;4ad073789f37a2e4552f00c4e85273b6&quot;:&quot;&lt;h2&gt;Launch and show the Component for Twint&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 Twint, use the &lt;code&gt;TwintComponent&lt;\\\/code&gt; class.&lt;\\\/p&gt;\\n\\n&lt;div id=\\&quot;tab6ZCMW34664\\&quot;&gt;\\n    &lt;div data-component-wrapper=\\&quot;tabs\\&quot;&gt;\\n        &lt;tabs\\n             :id=\\&quot;&amp;quot;34664&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.TWINT)\\\\\\\\n\\\\\\\\n@Composable\\\\\\\\nprivate fun ComposableTwintComponent() {\\\\\\\\n  \\\\\\\\\\\\\\\/\\\\\\\\\\\\\\\/ Keep a reference to this Component in case you need to access it later.\\\\\\\\n  val twintComponent = TwintComponent.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 = twintComponent,\\\\\\\\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.TWINT)\\\\\\\\n\\\\\\\\nval twintComponent = TwintComponent.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.twintView.attach(twintComponent, 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;be07a7a517867fc3d21d0886f3e740a1&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;ce0b3a76adadb96fad2ffd36073f8ca7&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;b39f8aea588c415713012f16988297ca&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;da5e9e3f3956798d7e9b66735b8d07f6&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;823bede3bc90b3fed9f787a57ac26056&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;bc54adb79846f0b5b403b95130ee7837&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;676ac466388675f2f3089a8571eadbd0&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;be07a7a517867fc3d21d0886f3e740a1&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;ce0b3a76adadb96fad2ffd36073f8ca7&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;b39f8aea588c415713012f16988297ca&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;da5e9e3f3956798d7e9b66735b8d07f6&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;823bede3bc90b3fed9f787a57ac26056&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;bc54adb79846f0b5b403b95130ee7837&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;676ac466388675f2f3089a8571eadbd0&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;be07a7a517867fc3d21d0886f3e740a1&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;ce0b3a76adadb96fad2ffd36073f8ca7&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;b39f8aea588c415713012f16988297ca&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;da5e9e3f3956798d7e9b66735b8d07f6&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;823bede3bc90b3fed9f787a57ac26056&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;bc54adb79846f0b5b403b95130ee7837&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;676ac466388675f2f3089a8571eadbd0&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;be07a7a517867fc3d21d0886f3e740a1&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;ce0b3a76adadb96fad2ffd36073f8ca7&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;b39f8aea588c415713012f16988297ca&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;da5e9e3f3956798d7e9b66735b8d07f6&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;823bede3bc90b3fed9f787a57ac26056&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;bc54adb79846f0b5b403b95130ee7837&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;676ac466388675f2f3089a8571eadbd0&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;be07a7a517867fc3d21d0886f3e740a1&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;ce0b3a76adadb96fad2ffd36073f8ca7&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;b39f8aea588c415713012f16988297ca&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;da5e9e3f3956798d7e9b66735b8d07f6&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;823bede3bc90b3fed9f787a57ac26056&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;bc54adb79846f0b5b403b95130ee7837&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;676ac466388675f2f3089a8571eadbd0&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;be07a7a517867fc3d21d0886f3e740a1&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;ce0b3a76adadb96fad2ffd36073f8ca7&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;b39f8aea588c415713012f16988297ca&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;da5e9e3f3956798d7e9b66735b8d07f6&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;823bede3bc90b3fed9f787a57ac26056&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;bc54adb79846f0b5b403b95130ee7837&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;676ac466388675f2f3089a8571eadbd0&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;be07a7a517867fc3d21d0886f3e740a1&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;ce0b3a76adadb96fad2ffd36073f8ca7&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;b39f8aea588c415713012f16988297ca&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;da5e9e3f3956798d7e9b66735b8d07f6&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;823bede3bc90b3fed9f787a57ac26056&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;bc54adb79846f0b5b403b95130ee7837&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;676ac466388675f2f3089a8571eadbd0&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;be07a7a517867fc3d21d0886f3e740a1&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;ce0b3a76adadb96fad2ffd36073f8ca7&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;b39f8aea588c415713012f16988297ca&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;da5e9e3f3956798d7e9b66735b8d07f6&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;823bede3bc90b3fed9f787a57ac26056&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;bc54adb79846f0b5b403b95130ee7837&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;676ac466388675f2f3089a8571eadbd0&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;be07a7a517867fc3d21d0886f3e740a1&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;ce0b3a76adadb96fad2ffd36073f8ca7&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;b39f8aea588c415713012f16988297ca&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;da5e9e3f3956798d7e9b66735b8d07f6&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;823bede3bc90b3fed9f787a57ac26056&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;bc54adb79846f0b5b403b95130ee7837&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;676ac466388675f2f3089a8571eadbd0&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;be07a7a517867fc3d21d0886f3e740a1&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;ce0b3a76adadb96fad2ffd36073f8ca7&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;b39f8aea588c415713012f16988297ca&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;da5e9e3f3956798d7e9b66735b8d07f6&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;823bede3bc90b3fed9f787a57ac26056&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;bc54adb79846f0b5b403b95130ee7837&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;676ac466388675f2f3089a8571eadbd0&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;be07a7a517867fc3d21d0886f3e740a1&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;ce0b3a76adadb96fad2ffd36073f8ca7&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;b39f8aea588c415713012f16988297ca&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;da5e9e3f3956798d7e9b66735b8d07f6&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;823bede3bc90b3fed9f787a57ac26056&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;bc54adb79846f0b5b403b95130ee7837&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;676ac466388675f2f3089a8571eadbd0&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;be07a7a517867fc3d21d0886f3e740a1&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;ce0b3a76adadb96fad2ffd36073f8ca7&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;b39f8aea588c415713012f16988297ca&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;da5e9e3f3956798d7e9b66735b8d07f6&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;823bede3bc90b3fed9f787a57ac26056&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;bc54adb79846f0b5b403b95130ee7837&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;676ac466388675f2f3089a8571eadbd0&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;be07a7a517867fc3d21d0886f3e740a1&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;ce0b3a76adadb96fad2ffd36073f8ca7&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;b39f8aea588c415713012f16988297ca&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;da5e9e3f3956798d7e9b66735b8d07f6&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;823bede3bc90b3fed9f787a57ac26056&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;bc54adb79846f0b5b403b95130ee7837&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;676ac466388675f2f3089a8571eadbd0&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;be07a7a517867fc3d21d0886f3e740a1&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;ce0b3a76adadb96fad2ffd36073f8ca7&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;b39f8aea588c415713012f16988297ca&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;da5e9e3f3956798d7e9b66735b8d07f6&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;823bede3bc90b3fed9f787a57ac26056&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;bc54adb79846f0b5b403b95130ee7837&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;676ac466388675f2f3089a8571eadbd0&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;be07a7a517867fc3d21d0886f3e740a1&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;ce0b3a76adadb96fad2ffd36073f8ca7&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;b39f8aea588c415713012f16988297ca&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;da5e9e3f3956798d7e9b66735b8d07f6&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;823bede3bc90b3fed9f787a57ac26056&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;bc54adb79846f0b5b403b95130ee7837&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;676ac466388675f2f3089a8571eadbd0&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;be07a7a517867fc3d21d0886f3e740a1&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;ce0b3a76adadb96fad2ffd36073f8ca7&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;b39f8aea588c415713012f16988297ca&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;da5e9e3f3956798d7e9b66735b8d07f6&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;823bede3bc90b3fed9f787a57ac26056&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;bc54adb79846f0b5b403b95130ee7837&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;676ac466388675f2f3089a8571eadbd0&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;be07a7a517867fc3d21d0886f3e740a1&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;ce0b3a76adadb96fad2ffd36073f8ca7&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;b39f8aea588c415713012f16988297ca&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;da5e9e3f3956798d7e9b66735b8d07f6&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;823bede3bc90b3fed9f787a57ac26056&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;bc54adb79846f0b5b403b95130ee7837&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;676ac466388675f2f3089a8571eadbd0&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;be07a7a517867fc3d21d0886f3e740a1&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;ce0b3a76adadb96fad2ffd36073f8ca7&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;b39f8aea588c415713012f16988297ca&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;da5e9e3f3956798d7e9b66735b8d07f6&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;823bede3bc90b3fed9f787a57ac26056&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;bc54adb79846f0b5b403b95130ee7837&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;676ac466388675f2f3089a8571eadbd0&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;be07a7a517867fc3d21d0886f3e740a1&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;ce0b3a76adadb96fad2ffd36073f8ca7&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;b39f8aea588c415713012f16988297ca&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;da5e9e3f3956798d7e9b66735b8d07f6&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;823bede3bc90b3fed9f787a57ac26056&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;bc54adb79846f0b5b403b95130ee7837&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;676ac466388675f2f3089a8571eadbd0&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;be07a7a517867fc3d21d0886f3e740a1&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;ce0b3a76adadb96fad2ffd36073f8ca7&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;b39f8aea588c415713012f16988297ca&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;da5e9e3f3956798d7e9b66735b8d07f6&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;823bede3bc90b3fed9f787a57ac26056&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;bc54adb79846f0b5b403b95130ee7837&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;676ac466388675f2f3089a8571eadbd0&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;be07a7a517867fc3d21d0886f3e740a1&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;cbfd5eef5d1bb8dddf81d70c7f6a13c3&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;074520083c1acc3b7a6d020655f4839b&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;c03dfb0701e11066a6615ab2f6a7515c&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;823bede3bc90b3fed9f787a57ac26056&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;bc54adb79846f0b5b403b95130ee7837&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;676ac466388675f2f3089a8571eadbd0&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;be07a7a517867fc3d21d0886f3e740a1&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;cbfd5eef5d1bb8dddf81d70c7f6a13c3&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;074520083c1acc3b7a6d020655f4839b&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;c03dfb0701e11066a6615ab2f6a7515c&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;823bede3bc90b3fed9f787a57ac26056&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;bc54adb79846f0b5b403b95130ee7837&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;676ac466388675f2f3089a8571eadbd0&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;be07a7a517867fc3d21d0886f3e740a1&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;cbfd5eef5d1bb8dddf81d70c7f6a13c3&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;074520083c1acc3b7a6d020655f4839b&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;c03dfb0701e11066a6615ab2f6a7515c&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;823bede3bc90b3fed9f787a57ac26056&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;bc54adb79846f0b5b403b95130ee7837&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;676ac466388675f2f3089a8571eadbd0&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;be07a7a517867fc3d21d0886f3e740a1&quot;},&quot;import&quot;:{&quot;$ref&quot;:&quot;cbfd5eef5d1bb8dddf81d70c7f6a13c3&quot;},&quot;add_configuration&quot;:{&quot;$ref&quot;:&quot;074520083c1acc3b7a6d020655f4839b&quot;},&quot;launch_and_show&quot;:{&quot;$ref&quot;:&quot;c03dfb0701e11066a6615ab2f6a7515c&quot;},&quot;add_parameters_payments_request&quot;:{&quot;$ref&quot;:&quot;823bede3bc90b3fed9f787a57ac26056&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;bc54adb79846f0b5b403b95130ee7837&quot;},&quot;test_and_go_live&quot;:{&quot;$ref&quot;:&quot;676ac466388675f2f3089a8571eadbd0&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;be07a7a517867fc3d21d0886f3e740a1&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&amp;amp;integration=Components\\&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 or sdk.&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 Twint in your Customer Area&lt;\\\/a&gt;. &lt;\\\/td&gt;\\n&lt;\\\/tr&gt;\\n&lt;\\\/tbody&gt;\\n&lt;\\\/table&gt;&quot;,&quot;cbfd5eef5d1bb8dddf81d70c7f6a13c3&quot;:&quot;&lt;h2&gt;Import the Component for Twint&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 Twint.&lt;\\\/p&gt;\\n\\n&lt;div id=\\&quot;tabR4WtO26384\\&quot;&gt;\\n    &lt;div data-component-wrapper=\\&quot;tabs\\&quot;&gt;\\n        &lt;tabs\\n             :id=\\&quot;&amp;quot;26384&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:twint: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:twint: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;074520083c1acc3b7a6d020655f4839b&quot;:&quot;&lt;h2&gt;Add additional configuration for Twint&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;tr&gt;\\n&lt;td&gt;setActionHandlingMethod&lt;\\\/td&gt;\\n&lt;td&gt;&lt;\\\/td&gt;\\n&lt;td&gt;Use this parameter to configure the method used to handle actions.&lt;\\\/td&gt;\\n&lt;\\\/tr&gt;\\n&lt;tr&gt;\\n&lt;td&gt;setShowStorePaymentField&lt;\\\/td&gt;\\n&lt;td&gt;&lt;\\\/td&gt;\\n&lt;td&gt;Set if the option to store the shopper&#039;s account for future payments should be shown as an input field. Default is &lt;strong&gt;true&lt;\\\/strong&gt;.&lt;\\\/td&gt;\\n&lt;\\\/tr&gt;\\n&lt;\\\/tbody&gt;\\n&lt;\\\/table&gt;\\n&lt;div data-component-wrapper=\\&quot;code-sample\\&quot;&gt;\\n    &lt;code-sample :title=\\&quot;&#039;Add a configuration object&#039;\\&quot; :id=\\&quot;&#039;&#039;\\&quot; :code-data=\\&quot;[{&amp;quot;language&amp;quot;:&amp;quot;kotlin&amp;quot;,&amp;quot;tabTitle&amp;quot;:&amp;quot;&amp;quot;,&amp;quot;content&amp;quot;:&amp;quot;\\\\\\\/\\\\\\\/ Create a configuration object.\\\\nval Configuration = 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    .setActionHandlingMethod(value),\\\\n    .setShowStorePaymentField(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;c03dfb0701e11066a6615ab2f6a7515c&quot;:&quot;&lt;h2&gt;Launch and show the Component for Twint&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 Twint, use the &lt;code&gt;TwintComponent&lt;\\\/code&gt; class.&lt;\\\/p&gt;\\n\\n&lt;div id=\\&quot;tabiM3Bq2541\\&quot;&gt;\\n    &lt;div data-component-wrapper=\\&quot;tabs\\&quot;&gt;\\n        &lt;tabs\\n             :id=\\&quot;&amp;quot;2541&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.TWINT\\\\\\\\n}\\\\\\\\n\\\\\\\\n@Composable\\\\\\\\nprivate fun ComposableTwintComponent() {\\\\\\\\n    \\\\\\\\\\\\\\\/\\\\\\\\\\\\\\\/ Keep a reference to this Component in case you need to access it later.\\\\\\\\n    val twintComponent = TwintComponent.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 = twintComponent,\\\\\\\\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.TWINT\\\\\\\\n}\\\\\\\\n\\\\\\\\nval twintComponent = TwintComponent.PROVIDER.get(\\\\\\\\n    activity, \\\\\\\\\\\\\\\/\\\\\\\\\\\\\\\/ Your activity or fragment.\\\\\\\\n    paymentMethod,\\\\\\\\n    twintConfiguration,\\\\\\\\n    componentCallback,\\\\\\\\n)\\\\\\\\n\\\\\\\\n\\\\\\\\\\\\\\\/\\\\\\\\\\\\\\\/ Attach the Component to your view.\\\\\\\\nbinding.twintView.attach(twintComponent, 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;bc54adb79846f0b5b403b95130ee7837&quot;:&quot;&lt;h2&gt;Recurring payments&lt;\\\/h2&gt;\\n&lt;p&gt;To make recurring payments for TWINT, you need to:&lt;\\\/p&gt;\\n&lt;ol&gt;\\n&lt;li&gt;&lt;a href=\\&quot;#create-a-token\\&quot;&gt;Create a shopper token&lt;\\\/a&gt;.&lt;\\\/li&gt;\\n&lt;li&gt;&lt;a href=\\&quot;#make-payment-with-token\\&quot;&gt;Use the token to make future payments for the shopper&lt;\\\/a&gt;.&lt;\\\/li&gt;\\n&lt;\\\/ol&gt;\\n&lt;h3 id=\\&quot;create-a-token\\&quot;&gt;Create a token&lt;\\\/h3&gt;\\n&lt;p&gt;To create a token, include in your  &lt;a href=\\&quot;https:\\\/\\\/docs.adyen.com\\\/api-explorer\\\/Checkout\\\/latest\\\/post\\\/payments\\&quot; class=\\&quot;codeLabel  external-link no-image\\&quot; target=\\&quot;_blank\\&quot; rel=\\&quot;nofollow noopener noreferrer\\&quot;&gt;\\\/payments&lt;\\\/a&gt; request:&lt;\\\/p&gt;\\n&lt;ul&gt;\\n&lt;li&gt;&lt;code&gt;storePaymentMethod&lt;\\\/code&gt;: &lt;strong&gt;true&lt;\\\/strong&gt;&lt;\\\/li&gt;\\n&lt;li&gt; &lt;a href=\\&quot;https:\\\/\\\/docs.adyen.com\\\/api-explorer\\\/Checkout\\\/latest\\\/post\\\/payments#request-shopperReference\\&quot; class=\\&quot;codeLabel  external-link no-image\\&quot; target=\\&quot;_blank\\&quot; rel=\\&quot;nofollow noopener noreferrer\\&quot;&gt;shopperReference&lt;\\\/a&gt;&amp;#58; Your unique identifier for the shopper (minimum length three characters).&lt;\\\/li&gt;\\n&lt;\\\/ul&gt;\\n&lt;p&gt;When the payment details have been stored, you receive a  &lt;a href=\\&quot;https:\\\/\\\/docs.adyen.com\\\/api-explorer\\\/Tokenization-webhooks\\\/latest\\\/post\\\/recurring.token.created\\&quot; class=\\&quot;codeLabel  external-link no-image\\&quot; target=\\&quot;_blank\\&quot; rel=\\&quot;nofollow noopener noreferrer\\&quot;&gt;recurring.token.created&lt;\\\/a&gt; &lt;a href=\\&quot;\\\/development-resources\\\/webhooks\\&quot;&gt;webhook&lt;\\\/a&gt; containing:&lt;\\\/p&gt;\\n&lt;ul&gt;\\n&lt;li&gt;&lt;code&gt;type&lt;\\\/code&gt;: &lt;strong&gt;recurring.token.created&lt;\\\/strong&gt;&lt;\\\/li&gt;\\n&lt;li&gt;&lt;code&gt;shopperReference&lt;\\\/code&gt;: your unique identifier for the shopper.&lt;\\\/li&gt;\\n&lt;li&gt;&lt;code&gt;eventId&lt;\\\/code&gt;: the &lt;code&gt;pspReference&lt;\\\/code&gt; of the initial payment.&lt;\\\/li&gt;\\n&lt;li&gt;&lt;code&gt;storedPaymentMethodId&lt;\\\/code&gt;: the token that you need to make recurring payments for this shopper.&lt;\\\/li&gt;\\n&lt;\\\/ul&gt;\\n&lt;div class=\\&quot;notices green\\&quot;&gt;\\n&lt;p&gt;Make sure that your server is able to receive the &lt;a href=\\&quot;\\\/development-resources\\\/webhooks\\\/webhook-types\\\/#other-webhooks\\&quot;&gt;Recurring tokens life cycle events&lt;\\\/a&gt; webhook. You can &lt;a href=\\&quot;\\\/development-resources\\\/webhooks\\\/#set-up-webhooks-in-your-customer-area\\&quot;&gt;set up this webhook in your Customer Area&lt;\\\/a&gt;.&lt;\\\/p&gt;\\n&lt;\\\/div&gt;\\n&lt;h3 id=\\&quot;make-payment-with-token\\&quot;&gt;Make a payment with a token&lt;\\\/h3&gt;\\n&lt;p&gt;To make a payment with the token, include in your  &lt;a href=\\&quot;https:\\\/\\\/docs.adyen.com\\\/api-explorer\\\/Checkout\\\/latest\\\/post\\\/payments\\&quot; class=\\&quot;codeLabel  external-link no-image\\&quot; target=\\&quot;_blank\\&quot; rel=\\&quot;nofollow noopener noreferrer\\&quot;&gt;\\\/payments&lt;\\\/a&gt; request:&lt;\\\/p&gt;\\n&lt;ul&gt;\\n&lt;li&gt;\\n&lt;p&gt;&lt;code&gt;paymentMethod.storedPaymentMethodId&lt;\\\/code&gt;: The &lt;code&gt;storedPaymentMethodId&lt;\\\/code&gt; from the  &lt;a href=\\&quot;https:\\\/\\\/docs.adyen.com\\\/api-explorer\\\/Tokenization-webhooks\\\/latest\\\/post\\\/recurring.token.created\\&quot; class=\\&quot;codeLabel  external-link no-image\\&quot; target=\\&quot;_blank\\&quot; rel=\\&quot;nofollow noopener noreferrer\\&quot;&gt;recurring.token.created&lt;\\\/a&gt; webhook.&lt;\\\/p&gt;\\n&lt;div class=\\&quot;notices green\\&quot;&gt;\\n&lt;p&gt;You can also get this value using the  &lt;a href=\\&quot;https:\\\/\\\/docs.adyen.com\\\/api-explorer\\\/Recurring\\\/latest\\\/post\\\/listRecurringDetails\\&quot; class=\\&quot;codeLabel  external-link no-image\\&quot; target=\\&quot;_blank\\&quot; rel=\\&quot;nofollow noopener noreferrer\\&quot;&gt;\\\/listRecurringDetails&lt;\\\/a&gt; endpoint.&lt;\\\/p&gt;\\n&lt;\\\/div&gt;\\n&lt;\\\/li&gt;\\n&lt;li&gt;\\n&lt;p&gt;&lt;code&gt;shopperReference&lt;\\\/code&gt;: The unique shopper identifier that you specified when creating the token (minimum length three characters).&lt;\\\/p&gt;\\n&lt;\\\/li&gt;\\n&lt;li&gt;\\n&lt;p&gt;&lt;code&gt;shopperInteraction&lt;\\\/code&gt;: &lt;strong&gt;ContAuth&lt;\\\/strong&gt;.&lt;\\\/p&gt;\\n&lt;\\\/li&gt;\\n&lt;li&gt;\\n&lt;p&gt;&lt;code&gt;recurringProcessingModel&lt;\\\/code&gt;: &lt;strong&gt;Subscription&lt;\\\/strong&gt; or &lt;strong&gt;UnscheduledCardOnFile&lt;\\\/strong&gt;.&lt;\\\/p&gt;\\n&lt;\\\/li&gt;\\n&lt;\\\/ul&gt;\\n&lt;p&gt;For more information about the &lt;code&gt;shopperInteraction&lt;\\\/code&gt; and &lt;code&gt;recurringProcessingModel&lt;\\\/code&gt; fields, refer to &lt;a href=\\&quot;\\\/online-payments\\\/tokenization\\\/\\&quot;&gt;Tokenization&lt;\\\/a&gt;.&lt;\\\/p&gt;&quot;,&quot;676ac466388675f2f3089a8571eadbd0&quot;:&quot;&lt;h2&gt;Test and go live&lt;\\\/h2&gt;\\n&lt;p&gt;Check the status of TWINT test payments in your\\u00a0&lt;a href=\\&quot;https:\\\/\\\/ca-test.adyen.com\\\/\\&quot; target=\\&quot;_blank\\&quot; rel=\\&quot;nofollow noopener noreferrer\\&quot; class=\\&quot;external-link no-image\\&quot;&gt;Customer Area&lt;\\\/a&gt;\\u00a0&amp;gt;\\u00a0&lt;strong&gt;Transactions&lt;\\\/strong&gt;\\u00a0&amp;gt;\\u00a0&lt;strong&gt;Payments&lt;\\\/strong&gt;.&lt;\\\/p&gt;\\n&lt;p&gt;Before you can accept live TWINT payments, you need to &lt;a href=\\&quot;\\\/payment-methods\\\/add-payment-methods\\&quot;&gt;submit a request for TWINT&lt;\\\/a&gt; 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;ce0b3a76adadb96fad2ffd36073f8ca7&quot;:&quot;&lt;h2&gt;Import the Component for Twint&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 Twint.&lt;\\\/p&gt;\\n\\n&lt;div id=\\&quot;tabHTwiz95894\\&quot;&gt;\\n    &lt;div data-component-wrapper=\\&quot;tabs\\&quot;&gt;\\n        &lt;tabs\\n             :id=\\&quot;&amp;quot;95894&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:twint: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:twint: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;b39f8aea588c415713012f16988297ca&quot;:&quot;&lt;h2&gt;Add additional configuration for Twint&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;tr&gt;\\n&lt;td&gt;setActionHandlingMethod&lt;\\\/td&gt;\\n&lt;td&gt;&lt;\\\/td&gt;\\n&lt;td&gt;Use this parameter to configure the method used to handle actions.&lt;\\\/td&gt;\\n&lt;\\\/tr&gt;\\n&lt;tr&gt;\\n&lt;td&gt;setShowStorePaymentField&lt;\\\/td&gt;\\n&lt;td&gt;&lt;\\\/td&gt;\\n&lt;td&gt;Set if the option to store the shopper&#039;s account for future payments should be shown as an input field. Default is &lt;strong&gt;true&lt;\\\/strong&gt;.&lt;\\\/td&gt;\\n&lt;\\\/tr&gt;\\n&lt;\\\/tbody&gt;\\n&lt;\\\/table&gt;\\n&lt;div data-component-wrapper=\\&quot;code-sample\\&quot;&gt;\\n    &lt;code-sample :title=\\&quot;&#039;Add a configuration object&#039;\\&quot; :id=\\&quot;&#039;&#039;\\&quot; :code-data=&#039;[{\\&quot;language\\&quot;:\\&quot;kotlin\\&quot;,\\&quot;tabTitle\\&quot;:\\&quot;\\&quot;,\\&quot;content\\&quot;:\\&quot;CheckoutConfiguration(\\\\n    ...\\\\n) {\\\\n    twint {\\\\n        setSubmitButtonVisible(value)\\\\n        setActionHandlingMethod(value)\\\\n        setShowStorePaymentField(value)\\\\n    }\\\\n}\\&quot;}]&#039; :enable-copy-link-to-code-block=\\&quot;true\\&quot; :code-sample-card-size=\\&quot;&#039;fullsize&#039;\\&quot;&gt;&lt;\\\/code-sample&gt;\\n&lt;\\\/div&gt;\\n&quot;,&quot;da5e9e3f3956798d7e9b66735b8d07f6&quot;:&quot;&lt;h2&gt;Launch and show the Component for Twint&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 Twint, use the &lt;code&gt;TwintComponent&lt;\\\/code&gt; class.&lt;\\\/p&gt;\\n\\n&lt;div id=\\&quot;tabn1psC96787\\&quot;&gt;\\n    &lt;div data-component-wrapper=\\&quot;tabs\\&quot;&gt;\\n        &lt;tabs\\n             :id=\\&quot;&amp;quot;96787&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.TWINT\\\\\\\\n}\\\\\\\\n\\\\\\\\n@Composable\\\\\\\\nprivate fun ComposableTwintComponent() {\\\\\\\\n    \\\\\\\\\\\\\\\/\\\\\\\\\\\\\\\/ Keep a reference to this Component in case you need to access it later.\\\\\\\\n    val twintComponent = TwintComponent.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 = twintComponent,\\\\\\\\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.TWINT\\\\\\\\n}\\\\\\\\n\\\\\\\\nval twintComponent = TwintComponent.PROVIDER.get(\\\\\\\\n    activity, \\\\\\\\\\\\\\\/\\\\\\\\\\\\\\\/ Your activity or fragment.\\\\\\\\n    paymentMethod,\\\\\\\\n    checkoutConfiguration,\\\\\\\\n    componentCallback,\\\\\\\\n)\\\\\\\\n\\\\\\\\n\\\\\\\\\\\\\\\/\\\\\\\\\\\\\\\/Attach the Component to your view.\\\\\\\\nbinding.twintView.attach(twintComponent, 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\n<h2>Recurring payments<\/h2>\n<p>To make recurring payments for TWINT, you need to:<\/p>\n<ol>\n<li><a href=\"#create-a-token\">Create a shopper token<\/a>.<\/li>\n<li><a href=\"#make-payment-with-token\">Use the token to make future payments for the shopper<\/a>.<\/li>\n<\/ol>\n<h3 id=\"create-a-token\">Create a token<\/h3>\n<p>To create a token, include in your  <a href=\"https:\/\/docs.adyen.com\/api-explorer\/Checkout\/latest\/post\/payments\" class=\"codeLabel  external-link no-image\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">\/payments<\/a> request:<\/p>\n<ul>\n<li><code>storePaymentMethod<\/code>: <strong>true<\/strong><\/li>\n<li> <a href=\"https:\/\/docs.adyen.com\/api-explorer\/Checkout\/latest\/post\/payments#request-shopperReference\" class=\"codeLabel  external-link no-image\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">shopperReference<\/a>&#58; Your unique identifier for the shopper (minimum length three characters).<\/li>\n<\/ul>\n<p>When the payment details have been stored, you receive a  <a href=\"https:\/\/docs.adyen.com\/api-explorer\/Tokenization-webhooks\/latest\/post\/recurring.token.created\" class=\"codeLabel  external-link no-image\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">recurring.token.created<\/a> <a href=\"\/pt\/development-resources\/webhooks\">webhook<\/a> containing:<\/p>\n<ul>\n<li><code>type<\/code>: <strong>recurring.token.created<\/strong><\/li>\n<li><code>shopperReference<\/code>: your unique identifier for the shopper.<\/li>\n<li><code>eventId<\/code>: the <code>pspReference<\/code> of the initial payment.<\/li>\n<li><code>storedPaymentMethodId<\/code>: the token that you need to make recurring payments for this shopper.<\/li>\n<\/ul>\n<div class=\"notices green\">\n<p>Make sure that your server is able to receive the <a href=\"\/pt\/development-resources\/webhooks\/webhook-types\/#other-webhooks\">Recurring tokens life cycle events<\/a> webhook. You can <a href=\"\/pt\/development-resources\/webhooks\/#set-up-webhooks-in-your-customer-area\">set up this webhook in your Customer Area<\/a>.<\/p>\n<\/div>\n<h3 id=\"make-payment-with-token\">Make a payment with a token<\/h3>\n<p>Recurring payments can be made with Sessions or Advanced flow.<\/p>\n\n<div id=\"tabDSia2\">\n    <div data-component-wrapper=\"tabs\">\n        <tabs\n                        :items=\"[{&quot;title&quot;:&quot;Sessions flow&quot;,&quot;content&quot;:&quot;\\n&lt;p&gt;When using Sessions flow, do the following:&lt;\\\/p&gt;\\n&lt;ul&gt;\\n&lt;li&gt;Include the &lt;code&gt;storedPaymentMethodMode&lt;\\\/code&gt; and &lt;code&gt;shopperReference&lt;\\\/code&gt; parameter in your  &lt;a href=\\&quot;https:\\\/\\\/docs.adyen.com\\\/api-explorer\\\/Checkout\\\/latest\\\/post\\\/sessions\\&quot; class=\\&quot;codeLabel  external-link no-image\\&quot; target=\\&quot;_blank\\&quot; rel=\\&quot;nofollow noopener noreferrer\\&quot;&gt;\\\/sessions&lt;\\\/a&gt; request.&lt;\\\/li&gt;\\n&lt;li&gt;The API response will contain a list of the shopper&#039;s stored payment methods.&lt;\\\/li&gt;\\n&lt;li&gt;For drop-in, pass the API response as explained in the &lt;a href=\\&quot;https:\\\/\\\/docs.adyen.com\\\/online-payments\\\/build-your-integration\\\/sessions-flow\\\/?platform=Android&amp;amp;integration=Drop-in&amp;amp;version=5.7.1#set-up\\&quot; target=\\&quot;_blank\\&quot; rel=\\&quot;nofollow noopener noreferrer\\&quot; class=\\&quot;external-link no-image\\&quot;&gt;integration guide&lt;\\\/a&gt; to show the stored payment methods.&lt;\\\/li&gt;\\n&lt;li&gt;For components, get the Twint &lt;code&gt;StoredPaymentMethod&lt;\\\/code&gt; from the list and pass it when creating the &lt;code&gt;TwintComponent&lt;\\\/code&gt;:&lt;\\\/li&gt;\\n&lt;\\\/ul&gt;\\n&lt;div data-component-wrapper=\\&quot;code-sample\\&quot;&gt;\\n    &lt;code-sample :title=\\&quot;&#039;Create TwintComponent&#039;\\&quot; :id=\\&quot;&#039;&#039;\\&quot; :code-data=&#039;[{\\&quot;language\\&quot;:\\&quot;java\\&quot;,\\&quot;tabTitle\\&quot;:\\&quot;\\&quot;,\\&quot;content\\&quot;:\\&quot;val storedPaymentMethods = checkoutSession.sessionSetupResponse.paymentMethodsApiResponse?.storedPaymentMethods\\\\nval storedPaymentMethod = storedPaymentMethods?.firstOrNull { TwintComponent.PROVIDER.isPaymentMethodSupported(it) }\\\\n\\\\nval component = TwintComponent.PROVIDER.get(\\\\n    activity = activity, \\\\\\\/\\\\\\\/ or fragment = fragment\\\\n    checkoutSession = checkoutSession,\\\\n    storedPaymentMethod = storedPaymentMethod,\\\\n    configuration = checkoutConfiguration,\\\\n    componentCallback = callback,\\\\n)\\&quot;}]&#039; :enable-copy-link-to-code-block=\\&quot;true\\&quot; :code-sample-card-size=\\&quot;&#039;fullsize&#039;\\&quot;&gt;&lt;\\\/code-sample&gt;\\n&lt;\\\/div&gt;\\n&quot;,&quot;altTitle&quot;:&quot;sessions&quot;,&quot;oldTabId&quot;:&quot;sessions-rec_1&quot;,&quot;relation&quot;:&quot;sessions&quot;},{&quot;title&quot;:&quot;Advanced flow&quot;,&quot;content&quot;:&quot;\\n&lt;p&gt;When using Advanced flow, do the following:&lt;\\\/p&gt;\\n&lt;ul&gt;\\n&lt;li&gt;When a shopper chooses to pay, they are provided with the option to store their payment details. To remove the option to store payment details with our &lt;a href=\\&quot;\\\/pt\\\/online-payments\\\/tokenization\\&quot;&gt;Tokenization feature&lt;\\\/a&gt;, add &lt;code&gt;setShowStorePaymentField&lt;\\\/code&gt;: &lt;strong&gt;false&lt;\\\/strong&gt; when configuring Twint.&lt;\\\/li&gt;\\n&lt;li&gt;The &lt;code&gt;PaymentComponentState&lt;\\\/code&gt; will contain the shopper&#039;s choice in &lt;code&gt;data.storePaymentMethod&lt;\\\/code&gt;.&lt;\\\/li&gt;\\n&lt;li&gt;Include &lt;code&gt;storePaymentMethod&lt;\\\/code&gt; and &lt;code&gt;shopperReference&lt;\\\/code&gt; in the  &lt;a href=\\&quot;https:\\\/\\\/docs.adyen.com\\\/api-explorer\\\/Checkout\\\/latest\\\/post\\\/payments\\&quot; class=\\&quot;codeLabel  external-link no-image\\&quot; target=\\&quot;_blank\\&quot; rel=\\&quot;nofollow noopener noreferrer\\&quot;&gt;\\\/payments&lt;\\\/a&gt; request.&lt;\\\/li&gt;\\n&lt;li&gt;Include the &lt;code&gt;shopperReference&lt;\\\/code&gt; in the  &lt;a href=\\&quot;https:\\\/\\\/docs.adyen.com\\\/api-explorer\\\/Checkout\\\/latest\\\/post\\\/paymentMethods\\&quot; class=\\&quot;codeLabel  external-link no-image\\&quot; target=\\&quot;_blank\\&quot; rel=\\&quot;nofollow noopener noreferrer\\&quot;&gt;\\\/paymentMethods&lt;\\\/a&gt; request and the response will contain a list of the shopper&#039;s stored payment methods.&lt;\\\/li&gt;\\n&lt;li&gt;For drop-in, pass the API response as explained in the &lt;a href=\\&quot;https:\\\/\\\/docs.adyen.com\\\/online-payments\\\/build-your-integration\\\/advanced-flow\\\/?platform=Android&amp;amp;integration=Drop-in&amp;amp;version=5.7.1#set-up\\&quot; target=\\&quot;_blank\\&quot; rel=\\&quot;nofollow noopener noreferrer\\&quot; class=\\&quot;external-link no-image\\&quot;&gt;integration guide&lt;\\\/a&gt; to show the stored payment methods.&lt;\\\/li&gt;\\n&lt;li&gt;For components, get the Twint &lt;code&gt;StoredPaymentMethod&lt;\\\/code&gt; from the list and pass it when creating the &lt;code&gt;TwintComponent&lt;\\\/code&gt;:&lt;\\\/li&gt;\\n&lt;\\\/ul&gt;\\n&lt;div data-component-wrapper=\\&quot;code-sample\\&quot;&gt;\\n    &lt;code-sample :title=\\&quot;&#039;Create TwintComponent&#039;\\&quot; :id=\\&quot;&#039;&#039;\\&quot; :code-data=&#039;[{\\&quot;language\\&quot;:\\&quot;java\\&quot;,\\&quot;tabTitle\\&quot;:\\&quot;\\&quot;,\\&quot;content\\&quot;:\\&quot;val storedPaymentMethods = paymentMethodsApiResponse?.storedPaymentMethods\\\\nval storedPaymentMethod = storedPaymentMethods?.firstOrNull { TwintComponent.PROVIDER.isPaymentMethodSupported(it) }\\\\n\\\\nval component = TwintComponent.PROVIDER.get(\\\\n    activity = activity, \\\\\\\/\\\\\\\/ or fragment = fragment\\\\n    storedPaymentMethod = storedPaymentMethod,\\\\n    configuration = checkoutConfiguration,\\\\n    componentCallback = callback,\\\\n)\\&quot;}]&#039; :enable-copy-link-to-code-block=\\&quot;true\\&quot; :code-sample-card-size=\\&quot;&#039;fullsize&#039;\\&quot;&gt;&lt;\\\/code-sample&gt;\\n&lt;\\\/div&gt;\\n&quot;,&quot;altTitle&quot;:&quot;advanced&quot;,&quot;oldTabId&quot;:&quot;advanced-rec_2&quot;,&quot;relation&quot;:&quot;advanced&quot;}]\"\n            :should-update-when-url-changes='true'>\n        <\/tabs>\n    <\/div>\n<\/div>\n","url":"https:\/\/docs.adyen.com\/pt\/payment-methods\/twint\/android-component","articleFields":{"description":"Add Twint to your Components integration.","never_cache_twig":true,"filters_component":true,"parameters":{"tx_variant":"twint","component_class_name":"TwintComponent","pm_directory":"twint"},"filters_config_folder":"payment-methods\/twint\/android\/component"},"algolia":[{"url":"https:\/\/docs.adyen.com\/pt\/payment-methods\/twint\/android-component","title":"Android Component","content":"Requirements\n\n\n\nRequirement\nDescription\n\n\n\n\nIntegration type\nMake sure that you have an existing Sessions flow Android Components integration.\n\n\n\nCheckout API\nMake sure that you use Checkout API v68 or later.\n \n\n\nSetup steps\nBefore you begin, add Twint 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 Twint\nTo import the library and include the module for Twint.\n\n\n    \n        \n        \n    \n\nAdd additional configuration for Twint\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\nsetActionHandlingMethod\n\nUse this parameter to configure the method used to handle actions.\n\n\nsetShowStorePaymentField\n\nSet if the option to store the shopper's account for future payments should be shown as an input field. Default is true.\n\n\n\n\n    \n\nLaunch and show the Component for Twint\nTo create the Component for Twint, use the TwintComponent class.\n\n\n    \n        \n        \n    \n\nRecurring payments\nTo make recurring payments for TWINT, you need to:\n\nCreate a shopper token.\nUse the token to make future payments for the shopper.\n\nCreate a token\nTo create a token, include in your  \/payments request:\n\nstorePaymentMethod: true\n shopperReference&#58; Your unique identifier for the shopper (minimum length three characters).\n\nWhen the payment details have been stored, you receive a  recurring.token.created webhook containing:\n\ntype: recurring.token.created\nshopperReference: your unique identifier for the shopper.\neventId: the pspReference of the initial payment.\nstoredPaymentMethodId: the token that you need to make recurring payments for this shopper.\n\n\nMake sure that your server is able to receive the Recurring tokens life cycle events webhook. You can set up this webhook in your Customer Area.\n\nMake a payment with a token\nTo make a payment with the token, include in your  \/payments request:\n\n\npaymentMethod.storedPaymentMethodId: The storedPaymentMethodId from the  recurring.token.created webhook.\n\nYou can also get this value using the  \/listRecurringDetails endpoint.\n\n\n\nshopperReference: The unique shopper identifier that you specified when creating the token (minimum length three characters).\n\n\nshopperInteraction: ContAuth.\n\n\nrecurringProcessingModel: Subscription or UnscheduledCardOnFile.\n\n\nFor more information about the shopperInteraction and recurringProcessingModel fields, refer to Tokenization.Test and go live\nCheck the status of TWINT test payments in your\u00a0Customer Area\u00a0&gt;\u00a0Transactions\u00a0&gt;\u00a0Payments.\nBefore you can accept live TWINT payments, you need to submit a request for TWINT in your live Customer Area.","type":"page","locale":"pt","boost":17,"hierarchy":{"lvl0":"Home","lvl1":"Payment methods","lvl2":"TWINT","lvl3":"Android Component"},"hierarchy_url":{"lvl0":"https:\/\/docs.adyen.com\/pt","lvl1":"https:\/\/docs.adyen.com\/pt\/payment-methods","lvl2":"https:\/\/docs.adyen.com\/pt\/payment-methods\/twint","lvl3":"\/pt\/payment-methods\/twint\/android-component"},"levels":4,"category":"Payment method","category_color":"green","tags":["Android","Component"]},{"url":"https:\/\/docs.adyen.com\/pt\/payment-methods\/twint\/android-component?flow=Sessions flow&integration=Component","title":"Sessions flow Component","content":"Requirements\n\n\n\nRequirement\nDescription\n\n\n\n\nIntegration type\nMake sure that you have an existing Sessions flow Android Components integration.\n\n\n\nCheckout API\nMake sure that you use Checkout API v68 or later.\n \n\n\nSetup steps\nBefore you begin, add Twint 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 Twint\nTo import the library and include the module for Twint.\n\n\n    \n        \n        \n    \n\nAdd additional configuration for Twint\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\nsetActionHandlingMethod\n\nUse this parameter to configure the method used to handle actions.\n\n\nsetShowStorePaymentField\n\nSet if the option to store the shopper's account for future payments should be shown as an input field. Default is true.\n\n\n\n\n    \n\nLaunch and show the Component for Twint\nTo create the Component for Twint, use the TwintComponent class.\n\n\n    \n        \n        \n    \n\nRecurring payments\nTo make recurring payments for TWINT, you need to:\n\nCreate a shopper token.\nUse the token to make future payments for the shopper.\n\nCreate a token\nTo create a token, include in your  \/payments request:\n\nstorePaymentMethod: true\n shopperReference&#58; Your unique identifier for the shopper (minimum length three characters).\n\nWhen the payment details have been stored, you receive a  recurring.token.created webhook containing:\n\ntype: recurring.token.created\nshopperReference: your unique identifier for the shopper.\neventId: the pspReference of the initial payment.\nstoredPaymentMethodId: the token that you need to make recurring payments for this shopper.\n\n\nMake sure that your server is able to receive the Recurring tokens life cycle events webhook. You can set up this webhook in your Customer Area.\n\nMake a payment with a token\nTo make a payment with the token, include in your  \/payments request:\n\n\npaymentMethod.storedPaymentMethodId: The storedPaymentMethodId from the  recurring.token.created webhook.\n\nYou can also get this value using the  \/listRecurringDetails endpoint.\n\n\n\nshopperReference: The unique shopper identifier that you specified when creating the token (minimum length three characters).\n\n\nshopperInteraction: ContAuth.\n\n\nrecurringProcessingModel: Subscription or UnscheduledCardOnFile.\n\n\nFor more information about the shopperInteraction and recurringProcessingModel fields, refer to Tokenization.Test and go live\nCheck the status of TWINT test payments in your\u00a0Customer Area\u00a0&gt;\u00a0Transactions\u00a0&gt;\u00a0Payments.\nBefore you can accept live TWINT payments, you need to submit a request for TWINT in your live Customer Area.","type":"page","locale":"pt","boost":17,"hierarchy":{"lvl0":"Home","lvl1":"Payment methods","lvl2":"TWINT","lvl3":"Android Component"},"hierarchy_url":{"lvl0":"https:\/\/docs.adyen.com\/pt","lvl1":"https:\/\/docs.adyen.com\/pt\/payment-methods","lvl2":"https:\/\/docs.adyen.com\/pt\/payment-methods\/twint","lvl3":"\/pt\/payment-methods\/twint\/android-component"},"levels":4,"category":"Payment method","category_color":"green","tags":["Sessions flow","Component"]},{"url":"https:\/\/docs.adyen.com\/pt\/payment-methods\/twint\/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 or sdk.\n\n\n\nSetup steps\n Before you begin, add Twint in your Customer Area. \n\n\nImport the Component for Twint\nTo import the library and include the module for Twint.\n\n\n    \n        \n        \n    \n\nAdd additional configuration for Twint\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\nsetActionHandlingMethod\n\nUse this parameter to configure the method used to handle actions.\n\n\nsetShowStorePaymentField\n\nSet if the option to store the shopper's account for future payments should be shown as an input field. Default is true.\n\n\n\n\n    \n\nLaunch and show the Component for Twint\nTo create the Component for Twint, use the TwintComponent 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.\nRecurring payments\nTo make recurring payments for TWINT, you need to:\n\nCreate a shopper token.\nUse the token to make future payments for the shopper.\n\nCreate a token\nTo create a token, include in your  \/payments request:\n\nstorePaymentMethod: true\n shopperReference&#58; Your unique identifier for the shopper (minimum length three characters).\n\nWhen the payment details have been stored, you receive a  recurring.token.created webhook containing:\n\ntype: recurring.token.created\nshopperReference: your unique identifier for the shopper.\neventId: the pspReference of the initial payment.\nstoredPaymentMethodId: the token that you need to make recurring payments for this shopper.\n\n\nMake sure that your server is able to receive the Recurring tokens life cycle events webhook. You can set up this webhook in your Customer Area.\n\nMake a payment with a token\nTo make a payment with the token, include in your  \/payments request:\n\n\npaymentMethod.storedPaymentMethodId: The storedPaymentMethodId from the  recurring.token.created webhook.\n\nYou can also get this value using the  \/listRecurringDetails endpoint.\n\n\n\nshopperReference: The unique shopper identifier that you specified when creating the token (minimum length three characters).\n\n\nshopperInteraction: ContAuth.\n\n\nrecurringProcessingModel: Subscription or UnscheduledCardOnFile.\n\n\nFor more information about the shopperInteraction and recurringProcessingModel fields, refer to Tokenization.Test and go live\nCheck the status of TWINT test payments in your\u00a0Customer Area\u00a0&gt;\u00a0Transactions\u00a0&gt;\u00a0Payments.\nBefore you can accept live TWINT payments, you need to submit a request for TWINT in your live Customer Area.","type":"page","locale":"pt","boost":17,"hierarchy":{"lvl0":"Home","lvl1":"Payment methods","lvl2":"TWINT","lvl3":"Android Component"},"hierarchy_url":{"lvl0":"https:\/\/docs.adyen.com\/pt","lvl1":"https:\/\/docs.adyen.com\/pt\/payment-methods","lvl2":"https:\/\/docs.adyen.com\/pt\/payment-methods\/twint","lvl3":"\/pt\/payment-methods\/twint\/android-component"},"levels":4,"category":"Payment method","category_color":"green","tags":["Advanced flow","Component"]}]}
