{"title":"GoPay React Native Component","category":"default","creationDate":1776961628,"content":"<p>You can add GoPay to your existing integration. The following instructions show only what you must add to your integration specifically for GoPay. <\/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\/gopay\/react-native\/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-2.9.1&quot;:{&quot;sections&quot;:{&quot;not_available&quot;:{&quot;$ref&quot;:&quot;6100cd900d6a538bb314b65f3fc1c404&quot;}},&quot;config&quot;:{&quot;published&quot;:true,&quot;visible&quot;:true,&quot;api_version&quot;:71},&quot;versions&quot;:{&quot;version&quot;:&quot;2.9.1&quot;}},&quot;version-2.8.1&quot;:{&quot;sections&quot;:{&quot;not_available&quot;:{&quot;$ref&quot;:&quot;6100cd900d6a538bb314b65f3fc1c404&quot;}},&quot;config&quot;:{&quot;published&quot;:true,&quot;visible&quot;:true,&quot;api_version&quot;:71},&quot;versions&quot;:{&quot;version&quot;:&quot;2.8.1&quot;}},&quot;version-2.8.0&quot;:{&quot;sections&quot;:{&quot;not_available&quot;:{&quot;$ref&quot;:&quot;6100cd900d6a538bb314b65f3fc1c404&quot;}},&quot;config&quot;:{&quot;published&quot;:true,&quot;visible&quot;:true,&quot;api_version&quot;:71},&quot;versions&quot;:{&quot;version&quot;:&quot;2.8.0&quot;}},&quot;version-2.7.3&quot;:{&quot;sections&quot;:{&quot;not_available&quot;:{&quot;$ref&quot;:&quot;6100cd900d6a538bb314b65f3fc1c404&quot;}},&quot;config&quot;:{&quot;published&quot;:true,&quot;visible&quot;:true,&quot;api_version&quot;:71},&quot;versions&quot;:{&quot;version&quot;:&quot;2.7.3&quot;}},&quot;version-2.7.2&quot;:{&quot;sections&quot;:{&quot;not_available&quot;:{&quot;$ref&quot;:&quot;6100cd900d6a538bb314b65f3fc1c404&quot;}},&quot;config&quot;:{&quot;published&quot;:true,&quot;visible&quot;:true,&quot;api_version&quot;:71},&quot;versions&quot;:{&quot;version&quot;:&quot;2.7.2&quot;}},&quot;version-2.7.1&quot;:{&quot;sections&quot;:{&quot;not_available&quot;:{&quot;$ref&quot;:&quot;6100cd900d6a538bb314b65f3fc1c404&quot;}},&quot;config&quot;:{&quot;published&quot;:true,&quot;visible&quot;:true,&quot;api_version&quot;:71},&quot;versions&quot;:{&quot;version&quot;:&quot;2.7.1&quot;}},&quot;version-2.7.0&quot;:{&quot;sections&quot;:{&quot;not_available&quot;:{&quot;$ref&quot;:&quot;6100cd900d6a538bb314b65f3fc1c404&quot;}},&quot;config&quot;:{&quot;published&quot;:true,&quot;visible&quot;:true,&quot;api_version&quot;:71},&quot;versions&quot;:{&quot;version&quot;:&quot;2.7.0&quot;}},&quot;version-2.6.1&quot;:{&quot;sections&quot;:{&quot;not_available&quot;:{&quot;$ref&quot;:&quot;6100cd900d6a538bb314b65f3fc1c404&quot;}},&quot;config&quot;:{&quot;published&quot;:true,&quot;visible&quot;:true,&quot;api_version&quot;:71},&quot;versions&quot;:{&quot;version&quot;:&quot;2.6.1&quot;}},&quot;version-2.6.0&quot;:{&quot;sections&quot;:{&quot;not_available&quot;:{&quot;$ref&quot;:&quot;6100cd900d6a538bb314b65f3fc1c404&quot;}},&quot;config&quot;:{&quot;published&quot;:true,&quot;visible&quot;:true,&quot;api_version&quot;:71},&quot;versions&quot;:{&quot;version&quot;:&quot;2.6.0&quot;}},&quot;version-2.5.0&quot;:{&quot;sections&quot;:{&quot;not_available&quot;:{&quot;$ref&quot;:&quot;6100cd900d6a538bb314b65f3fc1c404&quot;}},&quot;config&quot;:{&quot;published&quot;:true,&quot;visible&quot;:true,&quot;api_version&quot;:71},&quot;versions&quot;:{&quot;version&quot;:&quot;2.5.0&quot;}},&quot;version-2.4.1&quot;:{&quot;sections&quot;:{&quot;not_available&quot;:{&quot;$ref&quot;:&quot;6100cd900d6a538bb314b65f3fc1c404&quot;}},&quot;config&quot;:{&quot;published&quot;:true,&quot;visible&quot;:true,&quot;api_version&quot;:71},&quot;versions&quot;:{&quot;version&quot;:&quot;2.4.1&quot;}},&quot;version-2.4.0&quot;:{&quot;sections&quot;:{&quot;not_available&quot;:{&quot;$ref&quot;:&quot;6100cd900d6a538bb314b65f3fc1c404&quot;}},&quot;config&quot;:{&quot;published&quot;:true,&quot;visible&quot;:true,&quot;api_version&quot;:71},&quot;versions&quot;:{&quot;version&quot;:&quot;2.4.0&quot;}},&quot;version-2.3.0&quot;:{&quot;sections&quot;:{&quot;not_available&quot;:{&quot;$ref&quot;:&quot;6100cd900d6a538bb314b65f3fc1c404&quot;}},&quot;config&quot;:{&quot;published&quot;:true,&quot;visible&quot;:true,&quot;api_version&quot;:71},&quot;versions&quot;:{&quot;version&quot;:&quot;2.3.0&quot;}},&quot;version-2.2.0&quot;:{&quot;sections&quot;:{&quot;not_available&quot;:{&quot;$ref&quot;:&quot;6100cd900d6a538bb314b65f3fc1c404&quot;}},&quot;config&quot;:{&quot;published&quot;:true,&quot;visible&quot;:true,&quot;api_version&quot;:71},&quot;versions&quot;:{&quot;version&quot;:&quot;2.2.0&quot;}},&quot;version-2.1.0&quot;:{&quot;sections&quot;:{&quot;not_available&quot;:{&quot;$ref&quot;:&quot;6100cd900d6a538bb314b65f3fc1c404&quot;}},&quot;config&quot;:{&quot;published&quot;:true,&quot;visible&quot;:true,&quot;api_version&quot;:71},&quot;versions&quot;:{&quot;version&quot;:&quot;2.1.0&quot;}},&quot;version-2.0.1&quot;:{&quot;sections&quot;:{&quot;not_available&quot;:{&quot;$ref&quot;:&quot;6100cd900d6a538bb314b65f3fc1c404&quot;}},&quot;config&quot;:{&quot;published&quot;:true,&quot;visible&quot;:true,&quot;api_version&quot;:71},&quot;versions&quot;:{&quot;version&quot;:&quot;2.0.1&quot;}},&quot;version-2.0.0&quot;:{&quot;sections&quot;:{&quot;not_available&quot;:{&quot;$ref&quot;:&quot;6100cd900d6a538bb314b65f3fc1c404&quot;}},&quot;config&quot;:{&quot;published&quot;:true,&quot;visible&quot;:true,&quot;api_version&quot;:71},&quot;versions&quot;:{&quot;version&quot;:&quot;2.0.0&quot;}},&quot;version-1.2.1&quot;:{&quot;sections&quot;:{&quot;not_available&quot;:{&quot;$ref&quot;:&quot;6100cd900d6a538bb314b65f3fc1c404&quot;}},&quot;config&quot;:{&quot;published&quot;:true,&quot;visible&quot;:true,&quot;api_version&quot;:71},&quot;versions&quot;:{&quot;version&quot;:&quot;1.2.1&quot;}},&quot;version-1.2.0&quot;:{&quot;sections&quot;:{&quot;not_available&quot;:{&quot;$ref&quot;:&quot;6100cd900d6a538bb314b65f3fc1c404&quot;}},&quot;config&quot;:{&quot;published&quot;:true,&quot;visible&quot;:true,&quot;api_version&quot;:71},&quot;versions&quot;:{&quot;version&quot;:&quot;1.2.0&quot;}},&quot;version-1.1.0&quot;:{&quot;sections&quot;:{&quot;not_available&quot;:{&quot;$ref&quot;:&quot;6100cd900d6a538bb314b65f3fc1c404&quot;}},&quot;config&quot;:{&quot;published&quot;:true,&quot;visible&quot;:true,&quot;api_version&quot;:71},&quot;versions&quot;:{&quot;version&quot;:&quot;1.1.0&quot;}},&quot;version-1.0.0&quot;:{&quot;sections&quot;:{&quot;not_available&quot;:{&quot;$ref&quot;:&quot;6100cd900d6a538bb314b65f3fc1c404&quot;}},&quot;versions&quot;:{&quot;version&quot;:&quot;1.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;6100cd900d6a538bb314b65f3fc1c404&quot;:&quot;&lt;div class=\\&quot;notices red\\&quot;&gt;\\n&lt;p&gt;React Native Components do not support Sessions flow.&lt;\\\/p&gt;\\n&lt;\\\/div&gt;&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-2.9.1&quot;:{&quot;sections&quot;:{&quot;before-you-begin&quot;:{&quot;$ref&quot;:&quot;8ad23689125ec8c333c2eb8ecac88622&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;fadfb317fde818d7e045b9030e6769f8&quot;},&quot;initialize&quot;:{&quot;$ref&quot;:null},&quot;add-parameters-payments-request&quot;:{&quot;$ref&quot;:&quot;143a26977149b7e3961b78b5bc6ebd98&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;1779b4a3d7383b983d4728b265535e64&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;dead1d4a36b78e7b4b7c9c68a5d0bac1&quot;}},&quot;config&quot;:{&quot;published&quot;:true,&quot;visible&quot;:true,&quot;api_version&quot;:null},&quot;versions&quot;:{&quot;version&quot;:&quot;2.9.1&quot;}},&quot;version-2.8.1&quot;:{&quot;sections&quot;:{&quot;before-you-begin&quot;:{&quot;$ref&quot;:&quot;8ad23689125ec8c333c2eb8ecac88622&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;fadfb317fde818d7e045b9030e6769f8&quot;},&quot;initialize&quot;:{&quot;$ref&quot;:null},&quot;add-parameters-payments-request&quot;:{&quot;$ref&quot;:&quot;143a26977149b7e3961b78b5bc6ebd98&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;1779b4a3d7383b983d4728b265535e64&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;dead1d4a36b78e7b4b7c9c68a5d0bac1&quot;}},&quot;config&quot;:{&quot;published&quot;:true,&quot;visible&quot;:true,&quot;api_version&quot;:null},&quot;versions&quot;:{&quot;version&quot;:&quot;2.8.1&quot;}},&quot;version-2.8.0&quot;:{&quot;sections&quot;:{&quot;before-you-begin&quot;:{&quot;$ref&quot;:&quot;8ad23689125ec8c333c2eb8ecac88622&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;fadfb317fde818d7e045b9030e6769f8&quot;},&quot;initialize&quot;:{&quot;$ref&quot;:null},&quot;add-parameters-payments-request&quot;:{&quot;$ref&quot;:&quot;143a26977149b7e3961b78b5bc6ebd98&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;1779b4a3d7383b983d4728b265535e64&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;dead1d4a36b78e7b4b7c9c68a5d0bac1&quot;}},&quot;config&quot;:{&quot;published&quot;:true,&quot;visible&quot;:true,&quot;api_version&quot;:null},&quot;versions&quot;:{&quot;version&quot;:&quot;2.8.0&quot;}},&quot;version-2.7.3&quot;:{&quot;sections&quot;:{&quot;before-you-begin&quot;:{&quot;$ref&quot;:&quot;8ad23689125ec8c333c2eb8ecac88622&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;fadfb317fde818d7e045b9030e6769f8&quot;},&quot;initialize&quot;:{&quot;$ref&quot;:null},&quot;add-parameters-payments-request&quot;:{&quot;$ref&quot;:&quot;143a26977149b7e3961b78b5bc6ebd98&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;1779b4a3d7383b983d4728b265535e64&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;dead1d4a36b78e7b4b7c9c68a5d0bac1&quot;}},&quot;config&quot;:{&quot;published&quot;:true,&quot;visible&quot;:true,&quot;api_version&quot;:null},&quot;versions&quot;:{&quot;version&quot;:&quot;2.7.3&quot;}},&quot;version-2.7.2&quot;:{&quot;sections&quot;:{&quot;before-you-begin&quot;:{&quot;$ref&quot;:&quot;8ad23689125ec8c333c2eb8ecac88622&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;fadfb317fde818d7e045b9030e6769f8&quot;},&quot;initialize&quot;:{&quot;$ref&quot;:null},&quot;add-parameters-payments-request&quot;:{&quot;$ref&quot;:&quot;143a26977149b7e3961b78b5bc6ebd98&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;1779b4a3d7383b983d4728b265535e64&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;dead1d4a36b78e7b4b7c9c68a5d0bac1&quot;}},&quot;config&quot;:{&quot;published&quot;:true,&quot;visible&quot;:true,&quot;api_version&quot;:null},&quot;versions&quot;:{&quot;version&quot;:&quot;2.7.2&quot;}},&quot;version-2.7.1&quot;:{&quot;sections&quot;:{&quot;before-you-begin&quot;:{&quot;$ref&quot;:&quot;8ad23689125ec8c333c2eb8ecac88622&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;fadfb317fde818d7e045b9030e6769f8&quot;},&quot;initialize&quot;:{&quot;$ref&quot;:null},&quot;add-parameters-payments-request&quot;:{&quot;$ref&quot;:&quot;143a26977149b7e3961b78b5bc6ebd98&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;1779b4a3d7383b983d4728b265535e64&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;dead1d4a36b78e7b4b7c9c68a5d0bac1&quot;}},&quot;config&quot;:{&quot;published&quot;:true,&quot;visible&quot;:true,&quot;api_version&quot;:null},&quot;versions&quot;:{&quot;version&quot;:&quot;2.7.1&quot;}},&quot;version-2.7.0&quot;:{&quot;sections&quot;:{&quot;before-you-begin&quot;:{&quot;$ref&quot;:&quot;8ad23689125ec8c333c2eb8ecac88622&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;fadfb317fde818d7e045b9030e6769f8&quot;},&quot;initialize&quot;:{&quot;$ref&quot;:null},&quot;add-parameters-payments-request&quot;:{&quot;$ref&quot;:&quot;143a26977149b7e3961b78b5bc6ebd98&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;1779b4a3d7383b983d4728b265535e64&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;dead1d4a36b78e7b4b7c9c68a5d0bac1&quot;}},&quot;config&quot;:{&quot;published&quot;:true,&quot;visible&quot;:true,&quot;api_version&quot;:null},&quot;versions&quot;:{&quot;version&quot;:&quot;2.7.0&quot;}},&quot;version-2.6.1&quot;:{&quot;sections&quot;:{&quot;before-you-begin&quot;:{&quot;$ref&quot;:&quot;8ad23689125ec8c333c2eb8ecac88622&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;fadfb317fde818d7e045b9030e6769f8&quot;},&quot;initialize&quot;:{&quot;$ref&quot;:null},&quot;add-parameters-payments-request&quot;:{&quot;$ref&quot;:&quot;143a26977149b7e3961b78b5bc6ebd98&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;1779b4a3d7383b983d4728b265535e64&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;dead1d4a36b78e7b4b7c9c68a5d0bac1&quot;}},&quot;config&quot;:{&quot;published&quot;:true,&quot;visible&quot;:true,&quot;api_version&quot;:null},&quot;versions&quot;:{&quot;version&quot;:&quot;2.6.1&quot;}},&quot;version-2.6.0&quot;:{&quot;sections&quot;:{&quot;before-you-begin&quot;:{&quot;$ref&quot;:&quot;8ad23689125ec8c333c2eb8ecac88622&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;fadfb317fde818d7e045b9030e6769f8&quot;},&quot;initialize&quot;:{&quot;$ref&quot;:null},&quot;add-parameters-payments-request&quot;:{&quot;$ref&quot;:&quot;143a26977149b7e3961b78b5bc6ebd98&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;1779b4a3d7383b983d4728b265535e64&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;dead1d4a36b78e7b4b7c9c68a5d0bac1&quot;}},&quot;config&quot;:{&quot;published&quot;:true,&quot;visible&quot;:true,&quot;api_version&quot;:null},&quot;versions&quot;:{&quot;version&quot;:&quot;2.6.0&quot;}},&quot;version-2.5.0&quot;:{&quot;sections&quot;:{&quot;before-you-begin&quot;:{&quot;$ref&quot;:&quot;8ad23689125ec8c333c2eb8ecac88622&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;fadfb317fde818d7e045b9030e6769f8&quot;},&quot;initialize&quot;:{&quot;$ref&quot;:null},&quot;add-parameters-payments-request&quot;:{&quot;$ref&quot;:&quot;143a26977149b7e3961b78b5bc6ebd98&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;1779b4a3d7383b983d4728b265535e64&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;dead1d4a36b78e7b4b7c9c68a5d0bac1&quot;}},&quot;config&quot;:{&quot;published&quot;:true,&quot;visible&quot;:true,&quot;api_version&quot;:null},&quot;versions&quot;:{&quot;version&quot;:&quot;2.5.0&quot;}},&quot;version-2.4.1&quot;:{&quot;sections&quot;:{&quot;before-you-begin&quot;:{&quot;$ref&quot;:&quot;8ad23689125ec8c333c2eb8ecac88622&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;fadfb317fde818d7e045b9030e6769f8&quot;},&quot;initialize&quot;:{&quot;$ref&quot;:null},&quot;add-parameters-payments-request&quot;:{&quot;$ref&quot;:&quot;143a26977149b7e3961b78b5bc6ebd98&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;1779b4a3d7383b983d4728b265535e64&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;dead1d4a36b78e7b4b7c9c68a5d0bac1&quot;}},&quot;config&quot;:{&quot;published&quot;:true,&quot;visible&quot;:true,&quot;api_version&quot;:null},&quot;versions&quot;:{&quot;version&quot;:&quot;2.4.1&quot;}},&quot;version-2.4.0&quot;:{&quot;sections&quot;:{&quot;before-you-begin&quot;:{&quot;$ref&quot;:&quot;8ad23689125ec8c333c2eb8ecac88622&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;fadfb317fde818d7e045b9030e6769f8&quot;},&quot;initialize&quot;:{&quot;$ref&quot;:null},&quot;add-parameters-payments-request&quot;:{&quot;$ref&quot;:&quot;143a26977149b7e3961b78b5bc6ebd98&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;1779b4a3d7383b983d4728b265535e64&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;dead1d4a36b78e7b4b7c9c68a5d0bac1&quot;}},&quot;config&quot;:{&quot;published&quot;:true,&quot;visible&quot;:true,&quot;api_version&quot;:null},&quot;versions&quot;:{&quot;version&quot;:&quot;2.4.0&quot;}},&quot;version-2.3.0&quot;:{&quot;sections&quot;:{&quot;before-you-begin&quot;:{&quot;$ref&quot;:&quot;8ad23689125ec8c333c2eb8ecac88622&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;fadfb317fde818d7e045b9030e6769f8&quot;},&quot;initialize&quot;:{&quot;$ref&quot;:null},&quot;add-parameters-payments-request&quot;:{&quot;$ref&quot;:&quot;143a26977149b7e3961b78b5bc6ebd98&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;1779b4a3d7383b983d4728b265535e64&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;dead1d4a36b78e7b4b7c9c68a5d0bac1&quot;}},&quot;config&quot;:{&quot;published&quot;:true,&quot;visible&quot;:true,&quot;api_version&quot;:null},&quot;versions&quot;:{&quot;version&quot;:&quot;2.3.0&quot;}},&quot;version-2.2.0&quot;:{&quot;sections&quot;:{&quot;before-you-begin&quot;:{&quot;$ref&quot;:&quot;8ad23689125ec8c333c2eb8ecac88622&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;fadfb317fde818d7e045b9030e6769f8&quot;},&quot;initialize&quot;:{&quot;$ref&quot;:null},&quot;add-parameters-payments-request&quot;:{&quot;$ref&quot;:&quot;143a26977149b7e3961b78b5bc6ebd98&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;1779b4a3d7383b983d4728b265535e64&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;dead1d4a36b78e7b4b7c9c68a5d0bac1&quot;}},&quot;config&quot;:{&quot;published&quot;:true,&quot;visible&quot;:true,&quot;api_version&quot;:null},&quot;versions&quot;:{&quot;version&quot;:&quot;2.2.0&quot;}},&quot;version-2.1.0&quot;:{&quot;sections&quot;:{&quot;before-you-begin&quot;:{&quot;$ref&quot;:&quot;8ad23689125ec8c333c2eb8ecac88622&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;fadfb317fde818d7e045b9030e6769f8&quot;},&quot;initialize&quot;:{&quot;$ref&quot;:null},&quot;add-parameters-payments-request&quot;:{&quot;$ref&quot;:&quot;143a26977149b7e3961b78b5bc6ebd98&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;1779b4a3d7383b983d4728b265535e64&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;dead1d4a36b78e7b4b7c9c68a5d0bac1&quot;}},&quot;config&quot;:{&quot;published&quot;:true,&quot;visible&quot;:true,&quot;api_version&quot;:null},&quot;versions&quot;:{&quot;version&quot;:&quot;2.1.0&quot;}},&quot;version-2.0.1&quot;:{&quot;sections&quot;:{&quot;before-you-begin&quot;:{&quot;$ref&quot;:&quot;8ad23689125ec8c333c2eb8ecac88622&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;fadfb317fde818d7e045b9030e6769f8&quot;},&quot;initialize&quot;:{&quot;$ref&quot;:null},&quot;add-parameters-payments-request&quot;:{&quot;$ref&quot;:&quot;143a26977149b7e3961b78b5bc6ebd98&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;1779b4a3d7383b983d4728b265535e64&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;dead1d4a36b78e7b4b7c9c68a5d0bac1&quot;}},&quot;config&quot;:{&quot;published&quot;:true,&quot;visible&quot;:true,&quot;api_version&quot;:null},&quot;versions&quot;:{&quot;version&quot;:&quot;2.0.1&quot;}},&quot;version-2.0.0&quot;:{&quot;sections&quot;:{&quot;before-you-begin&quot;:{&quot;$ref&quot;:&quot;8ad23689125ec8c333c2eb8ecac88622&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;fadfb317fde818d7e045b9030e6769f8&quot;},&quot;initialize&quot;:{&quot;$ref&quot;:null},&quot;add-parameters-payments-request&quot;:{&quot;$ref&quot;:&quot;143a26977149b7e3961b78b5bc6ebd98&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;1779b4a3d7383b983d4728b265535e64&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;dead1d4a36b78e7b4b7c9c68a5d0bac1&quot;}},&quot;config&quot;:{&quot;published&quot;:true,&quot;visible&quot;:true,&quot;api_version&quot;:null},&quot;versions&quot;:{&quot;version&quot;:&quot;2.0.0&quot;}},&quot;version-1.2.1&quot;:{&quot;sections&quot;:{&quot;before-you-begin&quot;:{&quot;$ref&quot;:&quot;8ad23689125ec8c333c2eb8ecac88622&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;fadfb317fde818d7e045b9030e6769f8&quot;},&quot;initialize&quot;:{&quot;$ref&quot;:null},&quot;add-parameters-payments-request&quot;:{&quot;$ref&quot;:&quot;143a26977149b7e3961b78b5bc6ebd98&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;1779b4a3d7383b983d4728b265535e64&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;dead1d4a36b78e7b4b7c9c68a5d0bac1&quot;}},&quot;config&quot;:{&quot;published&quot;:true,&quot;visible&quot;:true,&quot;api_version&quot;:null},&quot;versions&quot;:{&quot;version&quot;:&quot;1.2.1&quot;}},&quot;version-1.2.0&quot;:{&quot;sections&quot;:{&quot;before-you-begin&quot;:{&quot;$ref&quot;:&quot;8ad23689125ec8c333c2eb8ecac88622&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;fadfb317fde818d7e045b9030e6769f8&quot;},&quot;initialize&quot;:{&quot;$ref&quot;:null},&quot;add-parameters-payments-request&quot;:{&quot;$ref&quot;:&quot;143a26977149b7e3961b78b5bc6ebd98&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;1779b4a3d7383b983d4728b265535e64&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;dead1d4a36b78e7b4b7c9c68a5d0bac1&quot;}},&quot;config&quot;:{&quot;published&quot;:true,&quot;visible&quot;:true,&quot;api_version&quot;:null},&quot;versions&quot;:{&quot;version&quot;:&quot;1.2.0&quot;}},&quot;version-1.1.0&quot;:{&quot;sections&quot;:{&quot;before-you-begin&quot;:{&quot;$ref&quot;:&quot;8ad23689125ec8c333c2eb8ecac88622&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;fadfb317fde818d7e045b9030e6769f8&quot;},&quot;initialize&quot;:{&quot;$ref&quot;:null},&quot;add-parameters-payments-request&quot;:{&quot;$ref&quot;:&quot;143a26977149b7e3961b78b5bc6ebd98&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;1779b4a3d7383b983d4728b265535e64&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;dead1d4a36b78e7b4b7c9c68a5d0bac1&quot;}},&quot;config&quot;:{&quot;published&quot;:true,&quot;visible&quot;:true,&quot;api_version&quot;:null},&quot;versions&quot;:{&quot;version&quot;:&quot;1.1.0&quot;}},&quot;version-1.0.0&quot;:{&quot;sections&quot;:{&quot;before-you-begin&quot;:{&quot;$ref&quot;:&quot;8ad23689125ec8c333c2eb8ecac88622&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;fadfb317fde818d7e045b9030e6769f8&quot;},&quot;initialize&quot;:{&quot;$ref&quot;:null},&quot;add-parameters-payments-request&quot;:{&quot;$ref&quot;:&quot;143a26977149b7e3961b78b5bc6ebd98&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;1779b4a3d7383b983d4728b265535e64&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;dead1d4a36b78e7b4b7c9c68a5d0bac1&quot;}},&quot;versions&quot;:{&quot;version&quot;:&quot;1.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;8ad23689125ec8c333c2eb8ecac88622&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=React%2BNative&amp;amp;integration=Drop-in\\&quot;&gt;React Native Components integration&lt;\\\/a&gt;.&lt;\\\/td&gt;\\n&lt;td&gt; &lt;\\\/td&gt;\\n&lt;\\\/tr&gt;\\n&lt;tr&gt;\\n&lt;td style=\\&quot;text-align: left;\\&quot;&gt;&lt;strong&gt;Redirect handling&lt;\\\/strong&gt;&lt;\\\/td&gt;\\n&lt;td style=\\&quot;text-align: left;\\&quot;&gt;Make sure that your existing integration is set up to &lt;a href=\\&quot;\\\/online-payments\\\/build-your-integration\\\/advanced-flow\\\/?platform=React%2BNative&amp;amp;integration=Components#handle-the-redirect\\&quot;&gt;handle the redirect&lt;\\\/a&gt;. &lt;br&gt;  &lt;code&gt;action.type&lt;\\\/code&gt;: &lt;strong&gt;redirect&lt;\\\/strong&gt;&lt;\\\/td&gt;\\n&lt;td&gt;&lt;\\\/td&gt;\\n&lt;\\\/tr&gt;\\n&lt;tr&gt;\\n&lt;td style=\\&quot;text-align: left;\\&quot;&gt;&lt;strong&gt;Setup steps&lt;\\\/strong&gt;&lt;\\\/td&gt;\\n&lt;td style=\\&quot;text-align: left;\\&quot;&gt;Before you begin, &lt;a href=\\&quot;\\\/payment-methods\\\/add-payment-methods\\&quot;&gt;add GoPay 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;fadfb317fde818d7e045b9030e6769f8&quot;:&quot;&lt;h2&gt;Add additional configuration for GoPay&lt;\\\/h2&gt;\\n&lt;p&gt;You do not need to add any configuration parameters for GoPay.&lt;\\\/p&gt;\\n&quot;,&quot;143a26977149b7e3961b78b5bc6ebd98&quot;:&quot;&lt;h2&gt;Add additional parameters to your \\\/payments request&lt;\\\/h2&gt;\\n&lt;p&gt;When you &lt;a href=\\&quot;\\\/online-payments\\\/build-your-integration\\\/advanced-flow\\\/?platform=React%2BNative&amp;amp;integration=Components#make-a-payment\\&quot;&gt;make a payment&lt;\\\/a&gt;, add the following parameters to the  &lt;a href=\\&quot;https:\\\/\\\/docs.adyen.com\\\/api-explorer\\\/Checkout\\\/latest\\\/post\\\/payments\\&quot; class=\\&quot;codeLabel  external-link no-image\\&quot; target=\\&quot;_blank\\&quot; rel=\\&quot;nofollow noopener noreferrer\\&quot;&gt;\\\/payments&lt;\\\/a&gt; request:&lt;\\\/p&gt;\\n&lt;table&gt;\\n&lt;thead&gt;\\n&lt;tr&gt;\\n&lt;th&gt;Parameter&lt;\\\/th&gt;\\n&lt;th&gt;Required&lt;\\\/th&gt;\\n&lt;th&gt;Description&lt;\\\/th&gt;\\n&lt;\\\/tr&gt;\\n&lt;\\\/thead&gt;\\n&lt;tbody&gt;\\n&lt;tr&gt;\\n&lt;td&gt; &lt;a href=\\&quot;https:\\\/\\\/docs.adyen.com\\\/api-explorer\\\/Checkout\\\/latest\\\/post\\\/payments#request-paymentMethod\\&quot; class=\\&quot;codeLabel  external-link no-image\\&quot; target=\\&quot;_blank\\&quot; rel=\\&quot;nofollow noopener noreferrer\\&quot;&gt;paymentMethod.type&lt;\\\/a&gt;&lt;\\\/td&gt;\\n&lt;td&gt;&lt;img title=\\&quot;-white_check_mark-\\&quot; alt=\\&quot;-white_check_mark-\\&quot; class=\\&quot;smileys\\&quot; src=\\&quot;\\\/user\\\/data\\\/smileys\\\/emoji\\\/white_check_mark.png\\&quot; \\\/&gt;&lt;\\\/td&gt;\\n&lt;td&gt;&lt;strong&gt;gopay_wallet&lt;\\\/strong&gt;&lt;\\\/td&gt;\\n&lt;\\\/tr&gt;\\n&lt;tr&gt;\\n&lt;td&gt; &lt;a href=\\&quot;https:\\\/\\\/docs.adyen.com\\\/api-explorer\\\/Checkout\\\/latest\\\/post\\\/payments#request-browserInfo\\&quot; class=\\&quot;codeLabel  external-link no-image\\&quot; target=\\&quot;_blank\\&quot; rel=\\&quot;nofollow noopener noreferrer\\&quot;&gt;browserInfo&lt;\\\/a&gt;&lt;\\\/td&gt;\\n&lt;td&gt;&lt;img title=\\&quot;-white_check_mark-\\&quot; alt=\\&quot;-white_check_mark-\\&quot; class=\\&quot;smileys\\&quot; src=\\&quot;\\\/user\\\/data\\\/smileys\\\/emoji\\\/white_check_mark.png\\&quot; \\\/&gt;&lt;\\\/td&gt;\\n&lt;td&gt;Information about the shopper&#039;s browser.&lt;\\\/td&gt;\\n&lt;\\\/tr&gt;\\n&lt;tr&gt;\\n&lt;td&gt; &lt;a href=\\&quot;https:\\\/\\\/docs.adyen.com\\\/api-explorer\\\/Checkout\\\/latest\\\/post\\\/payments#request-channel\\&quot; class=\\&quot;codeLabel  external-link no-image\\&quot; target=\\&quot;_blank\\&quot; rel=\\&quot;nofollow noopener noreferrer\\&quot;&gt;channel&lt;\\\/a&gt;&lt;\\\/td&gt;\\n&lt;td&gt;&lt;img title=\\&quot;-white_check_mark-\\&quot; alt=\\&quot;-white_check_mark-\\&quot; class=\\&quot;smileys\\&quot; src=\\&quot;\\\/user\\\/data\\\/smileys\\\/emoji\\\/white_check_mark.png\\&quot; \\\/&gt;&lt;\\\/td&gt;\\n&lt;td&gt;Set to the applicable channel, for example &lt;strong&gt;Web&lt;\\\/strong&gt;, &lt;strong&gt;Android&lt;\\\/strong&gt;, &lt;strong&gt;iOS&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;Example payment request for GoPay&#039;\\&quot; :id=\\&quot;&#039;payments-request&#039;\\&quot; :code-data=\\&quot;[{&amp;quot;language&amp;quot;:&amp;quot;bash&amp;quot;,&amp;quot;tabTitle&amp;quot;:&amp;quot;&amp;quot;,&amp;quot;content&amp;quot;:&amp;quot;curl https:\\\\\\\/\\\\\\\/checkout-test.adyen.com\\\\\\\/v72\\\\\\\/payments \\\\\\\\\\\\n-H &#039;x-API-key: ADYEN_API_KEY&#039; \\\\\\\\\\\\n-H &#039;idempotency-key: YOUR_IDEMPOTENCY_KEY&#039; \\\\\\\\\\\\n-H &#039;content-type: application\\\\\\\/json&#039; \\\\\\\\\\\\n-X POST\\\\n-d &#039;{\\\\n  \\\\&amp;quot;amount\\\\&amp;quot;:{\\\\n    \\\\&amp;quot;currency\\\\&amp;quot;:\\\\&amp;quot;IDR\\\\&amp;quot;,\\\\n    \\\\&amp;quot;value\\\\&amp;quot;:1000\\\\n  },\\\\n  \\\\&amp;quot;paymentMethod\\\\&amp;quot;:{\\\\n    \\\\&amp;quot;type\\\\&amp;quot;:\\\\&amp;quot;gopay_wallet\\\\&amp;quot;\\\\n  },\\\\n  \\\\&amp;quot;reference\\\\&amp;quot;:\\\\&amp;quot;YOUR_ORDER_NUMBER\\\\&amp;quot;,\\\\n  \\\\&amp;quot;returnUrl\\\\&amp;quot;:\\\\&amp;quot;https:\\\\\\\/\\\\\\\/your-company.com\\\\\\\/checkout?shopperOrder=12xy..\\\\&amp;quot;,\\\\n  \\\\&amp;quot;merchantAccount\\\\&amp;quot;:\\\\&amp;quot;ADYEN_MERCHANT_ACCOUNT\\\\&amp;quot;,\\\\n  \\\\&amp;quot;browserInfo\\\\&amp;quot;:\\\\&amp;quot;{\\\\n                     \\\\&amp;quot;userAgent\\\\&amp;quot;:\\\\&amp;quot;Mozilla\\\\\\\\\\\\\\\/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit\\\\\\\\\\\\\\\/537.36 (KHTML, like Gecko) Chrome\\\\\\\\\\\\\\\/70.0.3538.110 Safari\\\\\\\\\\\\\\\/537.36\\\\&amp;quot;,\\\\n                     \\\\&amp;quot;acceptHeader\\\\&amp;quot;:\\\\&amp;quot;text\\\\\\\\\\\\\\\/html,application\\\\\\\\\\\\\\\/xhtml+xml,application\\\\\\\\\\\\\\\/xml;q=0.9,image\\\\\\\\\\\\\\\/webp,image\\\\\\\\\\\\\\\/apng,*\\\\\\\\\\\\\\\/*;q=0.8\\\\&amp;quot;,\\\\n                     \\\\&amp;quot;language\\\\&amp;quot;:\\\\&amp;quot;en-ID\\\\&amp;quot;,\\\\n                     \\\\&amp;quot;colorDepth\\\\&amp;quot;:24,\\\\n                     \\\\&amp;quot;screenHeight\\\\&amp;quot;:723,\\\\n                     \\\\&amp;quot;screenWidth\\\\&amp;quot;:1536,\\\\n                     \\\\&amp;quot;timeZoneOffset\\\\&amp;quot;:0,\\\\n                     \\\\&amp;quot;javaEnabled\\\\&amp;quot;:false\\\\n                   }\\\\&amp;quot;,\\\\n  \\\\&amp;quot;channel\\\\&amp;quot;:\\\\&amp;quot;web\\\\&amp;quot;\\\\n}&#039;&amp;quot;}]\\&quot; :enable-copy-link-to-code-block=\\&quot;true\\&quot; :code-sample-card-size=\\&quot;&#039;fullsize&#039;\\&quot;&gt;&lt;\\\/code-sample&gt;\\n&lt;\\\/div&gt;\\n&lt;p&gt;The response includes the &lt;code&gt;action.type&lt;\\\/code&gt;: redirect.&lt;\\\/p&gt;\\n&lt;div data-component-wrapper=\\&quot;code-sample\\&quot;&gt;\\n    &lt;code-sample :title=\\&quot;&#039;Example response with an additional action&#039;\\&quot; :id=\\&quot;&#039;payments-response&#039;\\&quot; :code-data=&#039;[{\\&quot;language\\&quot;:\\&quot;json\\&quot;,\\&quot;tabTitle\\&quot;:\\&quot;\\&quot;,\\&quot;content\\&quot;:\\&quot;{\\\\n    \\\\\\&quot;resultCode\\\\\\&quot;:\\\\\\&quot;RedirectShopper\\\\\\&quot;,\\\\n    \\\\\\&quot;action\\\\\\&quot;:{\\\\n        \\\\\\&quot;paymentMethodType\\\\\\&quot;:\\\\\\&quot;gopay_wallet\\\\\\&quot;,\\\\n        \\\\\\&quot;method\\\\\\&quot;:\\\\\\&quot;GET\\\\\\&quot;,\\\\n        \\\\\\&quot;url\\\\\\&quot;:\\\\\\&quot;https:\\\\\\\/\\\\\\\/checkoutshopper-test.adyen.com\\\\\\\/checkoutshopper\\\\\\\/checkoutPaymentRedirect?redirectData=...\\\\\\&quot;,\\\\n        \\\\\\&quot;type\\\\\\&quot;:\\\\\\&quot;redirect\\\\\\&quot;\\\\n    }\\\\n}\\&quot;}]&#039; :enable-copy-link-to-code-block=\\&quot;true\\&quot; :code-sample-card-size=\\&quot;&#039;fullsize&#039;\\&quot;&gt;&lt;\\\/code-sample&gt;\\n&lt;\\\/div&gt;\\n&quot;,&quot;1779b4a3d7383b983d4728b265535e64&quot;:&quot;&lt;h2&gt;Recurring payments&lt;\\\/h2&gt;\\n&lt;p&gt;GoPay supports recurring payments. The first time your shopper makes a payment, you need to &lt;a href=\\&quot;#create-a-token\\&quot;&gt;create a token&lt;\\\/a&gt;, which you can use later to make &lt;code&gt;Subscription&lt;\\\/code&gt; or &lt;code&gt;CardOnFile&lt;\\\/code&gt; payments. Note that the flows for &lt;code&gt;Subscription&lt;\\\/code&gt; and &lt;code&gt;CardOnFile&lt;\\\/code&gt; payments are different.&lt;\\\/p&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;li&gt; &lt;a href=\\&quot;https:\\\/\\\/docs.adyen.com\\\/api-explorer\\\/Checkout\\\/latest\\\/post\\\/payments#request-recurringProcessingModel\\&quot; class=\\&quot;codeLabel  external-link no-image\\&quot; target=\\&quot;_blank\\&quot; rel=\\&quot;nofollow noopener noreferrer\\&quot;&gt;recurringProcessingModel&lt;\\\/a&gt;: The recurring payment type.&lt;\\\/li&gt;\\n&lt;\\\/ul&gt;\\n&lt;p&gt;When the payment has been settled, 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-subscription\\&quot;&gt;Make a Subscription payment with a token&lt;\\\/h3&gt;\\n&lt;p&gt;To make a recurring &lt;code&gt;Subscription&lt;\\\/code&gt; payment with a token, make a  &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 and include:&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;: your unique identifier for the shopper.&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;&lt;\\\/p&gt;\\n&lt;div data-component-wrapper=\\&quot;code-sample\\&quot;&gt;\\n&lt;code-sample :title=\\&quot;&#039;&#039;\\&quot; :id=\\&quot;&#039;recurring-gopay&#039;\\&quot; :code-data=\\&quot;[{&amp;quot;language&amp;quot;:&amp;quot;bash&amp;quot;,&amp;quot;tabTitle&amp;quot;:&amp;quot;curl&amp;quot;,&amp;quot;content&amp;quot;:&amp;quot;curl https:\\\\\\\/\\\\\\\/checkout-test.adyen.com\\\\\\\/v68\\\\\\\/payments \\\\\\\\\\\\n-H &#039;x-api-key: ADYEN_API_KEY&#039; \\\\\\\\\\\\n-H &#039;content-type: application\\\\\\\/json&#039; \\\\\\\\\\\\n-d &#039;{\\\\n       \\\\&amp;quot;amount\\\\&amp;quot;:{\\\\n          \\\\&amp;quot;value\\\\&amp;quot;:10000,\\\\n          \\\\&amp;quot;currency\\\\&amp;quot;:\\\\&amp;quot;\\\\&amp;quot;\\\\n       },\\\\n       \\\\&amp;quot;paymentMethod\\\\&amp;quot;:{\\\\n          \\\\&amp;quot;type\\\\&amp;quot;:\\\\&amp;quot;\\\\&amp;quot;,\\\\n          \\\\&amp;quot;storedPaymentMethodId\\\\&amp;quot;:\\\\&amp;quot;7219687191761347\\\\&amp;quot;\\\\n       },\\\\n       \\\\&amp;quot;reference\\\\&amp;quot;:\\\\&amp;quot;YOUR_ORDER_NUMBER\\\\&amp;quot;,\\\\n       \\\\&amp;quot;merchantAccount\\\\&amp;quot;:\\\\&amp;quot;YOUR_MERCHANT_ACCOUNT\\\\&amp;quot;,\\\\n       \\\\&amp;quot;shopperReference\\\\&amp;quot;:\\\\&amp;quot;YOUR_UNIQUE_SHOPPER_ID\\\\&amp;quot;,\\\\n       \\\\&amp;quot;shopperInteraction\\\\&amp;quot;:\\\\&amp;quot;ContAuth\\\\&amp;quot;,\\\\n       \\\\&amp;quot;recurringProcessingModel\\\\&amp;quot;: \\\\&amp;quot;Subscription\\\\&amp;quot;,\\\\n       \\\\&amp;quot;returnUrl\\\\&amp;quot;: \\\\&amp;quot;\\\\&amp;quot;\\\\n}&#039;&amp;quot;},{&amp;quot;language&amp;quot;:&amp;quot;java&amp;quot;,&amp;quot;tabTitle&amp;quot;:&amp;quot;Java&amp;quot;,&amp;quot;content&amp;quot;:&amp;quot;\\\\\\\/\\\\\\\/ Set ADYEN_API_KEY with the API key from the Customer Area.\\\\n\\\\\\\/\\\\\\\/ Change to Environment.LIVE and add the Live URL prefix when you are ready to accept live payments.\\\\nClient client = new Client(\\\\&amp;quot;ADYEN_API_KEY\\\\&amp;quot;, Environment.TEST);\\\\nCheckout checkout = new Checkout(client);\\\\n\\\\nPaymentsRequest paymentsRequest = new PaymentsRequest();\\\\n\\\\nString merchantAccount = \\\\&amp;quot;YOUR_MERCHANT_ACCOUNT\\\\&amp;quot;;\\\\npaymentsRequest.setMerchantAccount(merchantAccount);\\\\n\\\\nAmount amount = new Amount();\\\\namount.setCurrency(\\\\&amp;quot;\\\\&amp;quot;);\\\\namount.setValue(10000);\\\\npaymentsRequest.setAmount(amount);\\\\n\\\\nDefaultPaymentMethodDetails paymentMethodDetails = new DefaultPaymentMethodDetails();\\\\npaymentMethodDetails.storedPaymentMethodId(\\\\&amp;quot;7219687191761347\\\\&amp;quot;);\\\\npaymentMethodDetails.setType(\\\\&amp;quot;\\\\&amp;quot;);\\\\npaymentsRequest.setPaymentMethod(paymentMethodDetails);\\\\n\\\\npaymentsRequest.setReference(\\\\&amp;quot;YOUR_ORDER_NUMBER\\\\&amp;quot;);\\\\npaymentsRequest.setReturnUrl(\\\\&amp;quot;\\\\&amp;quot;);\\\\npaymentsRequest.setShopperReference(\\\\&amp;quot;YOUR_UNIQUE_SHOPPER_ID\\\\&amp;quot;);\\\\npaymentsRequest.setShopperInteraction(\\\\&amp;quot;ContAuth\\\\&amp;quot;);\\\\npaymentsRequest.setRecurringProcessingModel(\\\\&amp;quot;Subscription\\\\&amp;quot;);\\\\n\\\\nPaymentsResponse paymentsResponse = checkout.payments(paymentsRequest);&amp;quot;},{&amp;quot;language&amp;quot;:&amp;quot;php&amp;quot;,&amp;quot;tabTitle&amp;quot;:&amp;quot;PHP&amp;quot;,&amp;quot;content&amp;quot;:&amp;quot;\\\\\\\/\\\\\\\/ Set your X-API-KEY with the API key from the Customer Area.\\\\n$client = new \\\\\\\\Adyen\\\\\\\\Client();\\\\n$client-&amp;gt;setXApiKey(\\\\&amp;quot;ADYEN_API_KEY\\\\&amp;quot;);\\\\n$service = new \\\\\\\\Adyen\\\\\\\\Service\\\\\\\\Checkout($client);\\\\n\\\\n$params = array(\\\\n  \\\\&amp;quot;amount\\\\&amp;quot; =&amp;gt; array(\\\\n    \\\\&amp;quot;currency\\\\&amp;quot; =&amp;gt; \\\\&amp;quot;\\\\&amp;quot;,\\\\n    \\\\&amp;quot;value\\\\&amp;quot; =&amp;gt; 10000\\\\n  ),\\\\n  \\\\&amp;quot;reference\\\\&amp;quot; =&amp;gt; \\\\&amp;quot;YOUR_ORDER_NUMBER\\\\&amp;quot;,\\\\n  \\\\&amp;quot;paymentMethod\\\\&amp;quot; =&amp;gt; array(\\\\n    \\\\&amp;quot;type\\\\&amp;quot; =&amp;gt; \\\\&amp;quot;\\\\&amp;quot;,\\\\n    \\\\&amp;quot;storedPaymentMethodId\\\\&amp;quot; =&amp;gt; \\\\&amp;quot;7219687191761347\\\\&amp;quot;\\\\n  ),\\\\n  \\\\&amp;quot;returnUrl\\\\&amp;quot; =&amp;gt; \\\\&amp;quot;\\\\&amp;quot;,\\\\n  \\\\&amp;quot;shopperReference\\\\&amp;quot; =&amp;gt; \\\\&amp;quot;YOUR_UNIQUE_SHOPPER_ID\\\\&amp;quot;,\\\\n  \\\\&amp;quot;recurringProcessingModel\\\\&amp;quot; =&amp;gt; \\\\&amp;quot;Subscription\\\\&amp;quot;,\\\\n  \\\\&amp;quot;shopperInteraction\\\\&amp;quot; =&amp;gt; \\\\&amp;quot;ContAuth\\\\&amp;quot;,\\\\n  \\\\&amp;quot;merchantAccount\\\\&amp;quot; =&amp;gt; \\\\&amp;quot;YOUR_MERCHANT_ACCOUNT\\\\&amp;quot;\\\\n);\\\\n$result = $service-&amp;gt;payments($params);&amp;quot;},{&amp;quot;language&amp;quot;:&amp;quot;cs&amp;quot;,&amp;quot;tabTitle&amp;quot;:&amp;quot;C#&amp;quot;,&amp;quot;content&amp;quot;:&amp;quot;\\\\\\\/\\\\\\\/ Set your X-API-KEY with the API key from the Customer Area.\\\\nvar client = new Client (\\\\&amp;quot;ADYEN_API_KEY\\\\&amp;quot;, Environment.Test);\\\\nvar checkout = new Checkout(client);\\\\n\\\\nvar amount = new Adyen.Model.Checkout.Amount(\\\\&amp;quot;\\\\&amp;quot;, 10000);\\\\nvar details = new Adyen.Model.Checkout.DefaultPaymentMethodDetails{\\\\n  Type = \\\\&amp;quot;\\\\&amp;quot;,\\\\n  StoredPaymentMethodId = \\\\&amp;quot;7219687191761347\\\\&amp;quot;\\\\n};\\\\nvar paymentsRequest = new Adyen.Model.Checkout.PaymentRequest\\\\n{\\\\n  Reference = \\\\&amp;quot;YOUR_ORDER_NUMBER\\\\&amp;quot;,\\\\n  Amount = amount,\\\\n  ReturnUrl = @\\\\&amp;quot;\\\\&amp;quot;,\\\\n  MerchantAccount = \\\\&amp;quot;YOUR_MERCHANT_ACCOUNT\\\\&amp;quot;,\\\\n  ShopperReference = \\\\&amp;quot;YOUR_UNIQUE_SHOPPER_ID\\\\&amp;quot;,\\\\n  RecurringProcessingModel = Adyen.Model.Checkout.PaymentRequest.RecurringProcessingModelEnum.Subscription,\\\\n  ShopperInteraction = Adyen.Model.Checkout.PaymentRequest.ShopperInteractionEnum.ContAuth,\\\\n  PaymentMethod = details\\\\n};\\\\n\\\\nvar paymentResponse = checkout.Payments(paymentsRequest);&amp;quot;},{&amp;quot;language&amp;quot;:&amp;quot;js&amp;quot;,&amp;quot;tabTitle&amp;quot;:&amp;quot;NodeJS (JavaScript)&amp;quot;,&amp;quot;content&amp;quot;:&amp;quot;\\\\\\\/\\\\\\\/ Adyen Node API Library v16.1.0\\\\n\\\\\\\/\\\\\\\/ Require the parts of the module you want to use\\\\nconst { Client, CheckoutAPI } = require(&#039;@adyen\\\\\\\/api-library&#039;);\\\\n\\\\n\\\\\\\/\\\\\\\/ Initialize the client object\\\\nconst client = new Client({apiKey: \\\\&amp;quot;YOUR_X_API_KEY\\\\&amp;quot;, environment: \\\\&amp;quot;TEST\\\\&amp;quot;});\\\\n\\\\n\\\\\\\/\\\\\\\/ Create the request object\\\\nconst paymentRequest = {\\\\n  amount: {\\\\n    value: 10000,\\\\n    currency: \\\\&amp;quot;\\\\&amp;quot;\\\\n  },\\\\n  paymentMethod: {\\\\n    type: \\\\&amp;quot;\\\\&amp;quot;,\\\\n    storedPaymentMethodId: \\\\&amp;quot;7219687191761347\\\\&amp;quot;\\\\n  },\\\\n  reference: \\\\&amp;quot;YOUR_ORDER_NUMBER\\\\&amp;quot;,\\\\n  merchantAccount: \\\\&amp;quot;YOUR_MERCHANT_ACCOUNT\\\\&amp;quot;,\\\\n  shopperReference: \\\\&amp;quot;YOUR_UNIQUE_SHOPPER_ID\\\\&amp;quot;,\\\\n  shopperInteraction: \\\\&amp;quot;ContAuth\\\\&amp;quot;,\\\\n  recurringProcessingModel: \\\\&amp;quot;Subscription\\\\&amp;quot;,\\\\n  returnUrl: \\\\&amp;quot;\\\\&amp;quot;\\\\n}\\\\n\\\\n\\\\\\\/\\\\\\\/ Make the request\\\\nconst checkoutAPI = new CheckoutAPI(client);\\\\nconst response = checkoutAPI.PaymentsApi.payments(paymentRequest, { idempotencyKey: \\\\&amp;quot;UUID\\\\&amp;quot; });&amp;quot;},{&amp;quot;language&amp;quot;:&amp;quot;py&amp;quot;,&amp;quot;tabTitle&amp;quot;:&amp;quot;Python&amp;quot;,&amp;quot;content&amp;quot;:&amp;quot;# Adyen Python API Library v12.0.0\\\\nimport Adyen\\\\n\\\\nadyen = Adyen.Adyen()\\\\nadyen.client.xapikey = \\\\&amp;quot;YOUR_X_API_KEY\\\\&amp;quot;\\\\nadyen.client.platform = \\\\&amp;quot;test\\\\&amp;quot; # The environment to use library in.\\\\n\\\\njson_request = {\\\\n  \\\\&amp;quot;amount\\\\&amp;quot;: {\\\\n    \\\\&amp;quot;value\\\\&amp;quot;: 10000,\\\\n    \\\\&amp;quot;currency\\\\&amp;quot;: \\\\&amp;quot;\\\\&amp;quot;\\\\n  },\\\\n  \\\\&amp;quot;paymentMethod\\\\&amp;quot;: {\\\\n    \\\\&amp;quot;type\\\\&amp;quot;: \\\\&amp;quot;\\\\&amp;quot;,\\\\n    \\\\&amp;quot;storedPaymentMethodId\\\\&amp;quot;: \\\\&amp;quot;7219687191761347\\\\&amp;quot;\\\\n  },\\\\n  \\\\&amp;quot;reference\\\\&amp;quot;: \\\\&amp;quot;YOUR_ORDER_NUMBER\\\\&amp;quot;,\\\\n  \\\\&amp;quot;merchantAccount\\\\&amp;quot;: \\\\&amp;quot;YOUR_MERCHANT_ACCOUNT\\\\&amp;quot;,\\\\n  \\\\&amp;quot;shopperReference\\\\&amp;quot;: \\\\&amp;quot;YOUR_UNIQUE_SHOPPER_ID\\\\&amp;quot;,\\\\n  \\\\&amp;quot;shopperInteraction\\\\&amp;quot;: \\\\&amp;quot;ContAuth\\\\&amp;quot;,\\\\n  \\\\&amp;quot;recurringProcessingModel\\\\&amp;quot;: \\\\&amp;quot;Subscription\\\\&amp;quot;,\\\\n  \\\\&amp;quot;returnUrl\\\\&amp;quot;: \\\\&amp;quot;\\\\&amp;quot;\\\\n}\\\\n\\\\nresult = adyen.checkout.payments_api.payments(request=json_request, idempotency_key=\\\\&amp;quot;UUID\\\\&amp;quot;)&amp;quot;},{&amp;quot;language&amp;quot;:&amp;quot;rb&amp;quot;,&amp;quot;tabTitle&amp;quot;:&amp;quot;Ruby&amp;quot;,&amp;quot;content&amp;quot;:&amp;quot;# Adyen Ruby API Library v9.1.0\\\\nrequire \\\\&amp;quot;adyen-ruby-api-library\\\\&amp;quot;\\\\n\\\\nadyen = Adyen::Client.new\\\\nadyen.api_key = &#039;YOUR_X_API_KEY&#039;\\\\nadyen.env = :test # Set to \\\\&amp;quot;live\\\\&amp;quot; for live environment\\\\n\\\\nrequest_body = {\\\\n  :amount =&amp;gt; {\\\\n    :value =&amp;gt; 10000,\\\\n    :currency =&amp;gt; &#039;&#039;\\\\n  },\\\\n  :paymentMethod =&amp;gt; {\\\\n    :type =&amp;gt; &#039;&#039;,\\\\n    :storedPaymentMethodId =&amp;gt; &#039;7219687191761347&#039;\\\\n  },\\\\n  :reference =&amp;gt; &#039;YOUR_ORDER_NUMBER&#039;,\\\\n  :merchantAccount =&amp;gt; &#039;YOUR_MERCHANT_ACCOUNT&#039;,\\\\n  :shopperReference =&amp;gt; &#039;YOUR_UNIQUE_SHOPPER_ID&#039;,\\\\n  :shopperInteraction =&amp;gt; &#039;ContAuth&#039;,\\\\n  :recurringProcessingModel =&amp;gt; &#039;Subscription&#039;,\\\\n  :returnUrl =&amp;gt; &#039;&#039;\\\\n}\\\\n\\\\nresult = adyen.checkout.payments_api.payments(request_body, headers: { &#039;Idempotency-Key&#039; =&amp;gt; &#039;UUID&#039; })&amp;quot;}]\\&quot; :enable-copy-link-to-code-block=\\&quot;true\\&quot; :code-sample-card-size=\\&quot;&#039;fullsize&#039;\\&quot;&gt;&lt;\\\/code-sample&gt;\\n&lt;\\\/div&gt;\\n&lt;\\\/li&gt;\\n&lt;\\\/ul&gt;\\n&lt;p&gt;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; response contains:&lt;br \\\/&gt;\\n&lt;code&gt;resultCode&lt;\\\/code&gt;: Use this to show your shopper the payment result.&lt;\\\/p&gt;\\n&lt;p&gt;When the payment is processed, you receive the final status of the payment in a &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;eventCode&lt;\\\/code&gt;: &lt;strong&gt;AUTHORISATION&lt;\\\/strong&gt;&lt;\\\/li&gt;\\n&lt;li&gt;&lt;code&gt;success&lt;\\\/code&gt;: &lt;strong&gt;true&lt;\\\/strong&gt;&lt;\\\/li&gt;\\n&lt;\\\/ul&gt;\\n&lt;h3 id=\\&quot;make-payment-with-token-cardonfile\\&quot;&gt;Make a recurring CardOnFile payment with a token&lt;\\\/h3&gt;\\n&lt;p&gt;Recurring &lt;code&gt;CardOnFile&lt;\\\/code&gt; payments with GoPay go through a challenge flow to reduce the likelihood of fraudulent transactions. You must redirect the shopper to GoPay so they can enter their PIN.&lt;br \\\/&gt;\\nTo make a recurring &lt;code&gt;CardOnFile&lt;\\\/code&gt; payment with a token, make a  &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 and include:&lt;\\\/p&gt;\\n&lt;ul&gt;\\n&lt;li&gt;\\n&lt;p&gt;&lt;code&gt;paymentMethod.storedPaymentMethodId&lt;\\\/code&gt;: The shopper&#039;s payment token.&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;: Your unique identifier for the shopper.&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;CardOnFile&lt;\\\/strong&gt;&lt;\\\/p&gt;\\n&lt;\\\/li&gt;\\n&lt;\\\/ul&gt;\\n&lt;p&gt;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; response contains:&lt;\\\/p&gt;\\n&lt;p&gt;&lt;code&gt;resultCode&lt;\\\/code&gt;: &lt;strong&gt;RedirectShopper&lt;\\\/strong&gt;&lt;br \\\/&gt;\\n&lt;code&gt;action&lt;\\\/code&gt;: Contains the &lt;code&gt;url&lt;\\\/code&gt; to redirect the shopper to.&lt;\\\/p&gt;\\n&lt;p&gt;When the shopper is redirected back to your page, call &lt;a href=\\&quot;https:\\\/\\\/docs.adyen.com\\\/api-explorer\\\/#\\\/CheckoutService\\\/latest\\\/post\\\/payments\\\/details\\&quot; class=\\&quot;codeLabel external-link no-image\\&quot; target=\\&quot;_blank\\&quot; rel=\\&quot;nofollow noopener noreferrer\\&quot;&gt;\\\/payments\\\/details&lt;\\\/a&gt; with the &lt;code&gt;redirectResult&lt;\\\/code&gt; to complete the flow and get the status of the payment.&lt;\\\/p&gt;\\n&lt;p&gt;When the payment is processed, you receive a &lt;a href=\\&quot;\\\/development-resources\\\/webhooks\\&quot;&gt;webhook&lt;\\\/a&gt; containing the final status of the payment:&lt;\\\/p&gt;\\n&lt;ul&gt;\\n&lt;li&gt;&lt;code&gt;eventCode&lt;\\\/code&gt;: &lt;strong&gt;AUTHORISATION&lt;\\\/strong&gt;&lt;\\\/li&gt;\\n&lt;li&gt;&lt;code&gt;success&lt;\\\/code&gt;: &lt;strong&gt;true&lt;\\\/strong&gt;&lt;\\\/li&gt;\\n&lt;\\\/ul&gt;&quot;,&quot;dead1d4a36b78e7b4b7c9c68a5d0bac1&quot;:&quot;&lt;h2&gt;Test and go live&lt;\\\/h2&gt;\\n&lt;p&gt;When you want to test GoPay, contact our &lt;a href=\\&quot;https:\\\/\\\/ca-test.adyen.com\\\/ca\\\/ca\\\/contactUs\\\/support.shtml?form=other\\&quot; target=\\&quot;_blank\\&quot; rel=\\&quot;nofollow noopener noreferrer\\&quot; class=\\&quot;external-link no-image\\&quot;&gt;Support Team&lt;\\\/a&gt;.&lt;\\\/p&gt;\\n&lt;p&gt;Refer to GoPay&#039;s &lt;a href=\\&quot;https:\\\/\\\/www.gopay.com\\\/en\\\/integration\\\/\\&quot; target=\\&quot;_blank\\&quot; rel=\\&quot;nofollow noopener noreferrer\\&quot; class=\\&quot;external-link no-image\\&quot;&gt;knowledge base&lt;\\\/a&gt; for more information about testing GoPay payments.&lt;\\\/p&gt;\\n&lt;p&gt;Before you can accept live GoPay payments, you need to submit a request for GoPay 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;}}}}}}\"\n        query-param-tab=\"flow\"\n        query-param-box=\"integration\"\n        query-param-dropdown=\"version\">\n    <\/in-page-filtering>\n<\/div>\n<div class=\"version_docs__image-placeholder u-display-none\">\n    <\/div>\n","url":"https:\/\/docs.adyen.com\/pt\/payment-methods\/gopay\/react-native-component","articleFields":{"description":"Add GoPay to your Components integration.","never_cache_twig":true,"parameters":{"tx_variant":"gopay_wallet","component_class_name":"None","pm_directory":"gopay","payment_method":"GoPay","action_type":"redirect"},"filters_component":true,"filters_config_folder":"payment-methods\/gopay\/react-native\/component"},"algolia":[{"url":"https:\/\/docs.adyen.com\/pt\/payment-methods\/gopay\/react-native-component","title":"GoPay React Native Component","content":"\nReact Native Components do not support Sessions flow.\n","type":"page","locale":"pt","boost":17,"hierarchy":{"lvl0":"Home","lvl1":"Payment methods","lvl2":"GoPay","lvl3":"GoPay React Native 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\/gopay","lvl3":"\/pt\/payment-methods\/gopay\/react-native-component"},"levels":4,"category":"Payment method","category_color":"green","tags":["GoPay","React","Native","Component"]},{"url":"https:\/\/docs.adyen.com\/pt\/payment-methods\/gopay\/react-native-component?flow=Sessions flow&integration=Component","title":"Sessions flow Component","content":"\nReact Native Components do not support Sessions flow.\n","type":"page","locale":"pt","boost":17,"hierarchy":{"lvl0":"Home","lvl1":"Payment methods","lvl2":"GoPay","lvl3":"GoPay React Native 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\/gopay","lvl3":"\/pt\/payment-methods\/gopay\/react-native-component"},"levels":4,"category":"Payment method","category_color":"green","tags":["Sessions flow","Component"]},{"url":"https:\/\/docs.adyen.com\/pt\/payment-methods\/gopay\/react-native-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 React Native Components integration.\n \n\n\nRedirect handling\nMake sure that your existing integration is set up to handle the redirect.   action.type: redirect\n\n\n\nSetup steps\nBefore you begin, add GoPay in your Customer Area.\n\n\n\nAdd additional configuration for GoPay\nYou do not need to add any configuration parameters for GoPay.\nAdd additional parameters to your \/payments request\nWhen you make a payment, add the following parameters to the  \/payments request:\n\n\n\nParameter\nRequired\nDescription\n\n\n\n\n paymentMethod.type\n\ngopay_wallet\n\n\n browserInfo\n\nInformation about the shopper's browser.\n\n\n channel\n\nSet to the applicable channel, for example Web, Android, iOS.\n\n\n\n\n    \n\nThe response includes the action.type: redirect.\n\n    \n\nRecurring payments\nGoPay supports recurring payments. The first time your shopper makes a payment, you need to create a token, which you can use later to make Subscription or CardOnFile payments. Note that the flows for Subscription and CardOnFile payments are different.\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 recurringProcessingModel: The recurring payment type.\n\nWhen the payment has been settled, 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 Subscription payment with a token\nTo make a recurring Subscription payment with a token, make a  \/payments request and include:\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: your unique identifier for the shopper.\n\n\nshopperInteraction: ContAuth\n\n\nrecurringProcessingModel: Subscription\n\n\n\n\n\nThe  \/payments response contains:\nresultCode: Use this to show your shopper the payment result.\nWhen the payment is processed, you receive the final status of the payment in a webhook containing:\n\neventCode: AUTHORISATION\nsuccess: true\n\nMake a recurring CardOnFile payment with a token\nRecurring CardOnFile payments with GoPay go through a challenge flow to reduce the likelihood of fraudulent transactions. You must redirect the shopper to GoPay so they can enter their PIN.\nTo make a recurring CardOnFile payment with a token, make a  \/payments request and include:\n\n\npaymentMethod.storedPaymentMethodId: The shopper's payment token.\n\nYou can also get this value using the  \/listRecurringDetails endpoint.\n\n\n\nshopperReference: Your unique identifier for the shopper.\n\n\nshopperInteraction: ContAuth\n\n\nrecurringProcessingModel: CardOnFile\n\n\nThe  \/payments response contains:\nresultCode: RedirectShopper\naction: Contains the url to redirect the shopper to.\nWhen the shopper is redirected back to your page, call \/payments\/details with the redirectResult to complete the flow and get the status of the payment.\nWhen the payment is processed, you receive a webhook containing the final status of the payment:\n\neventCode: AUTHORISATION\nsuccess: true\nTest and go live\nWhen you want to test GoPay, contact our Support Team.\nRefer to GoPay's knowledge base for more information about testing GoPay payments.\nBefore you can accept live GoPay payments, you need to submit a request for GoPay in your live Customer Area.","type":"page","locale":"pt","boost":17,"hierarchy":{"lvl0":"Home","lvl1":"Payment methods","lvl2":"GoPay","lvl3":"GoPay React Native 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\/gopay","lvl3":"\/pt\/payment-methods\/gopay\/react-native-component"},"levels":4,"category":"Payment method","category_color":"green","tags":["Advanced flow","Component"]}],"articleFiles":{"payments-response.json":"<p alt=\"\">payments-response.json<\/p>","recurring-gopay.js":"<p alt=\"\">recurring-gopay.js<\/p>"}}