{"title":"MobilePay React Component","category":"default","creationDate":1776961628,"content":"<p>You can add MobilePay to your existing integration. The following instructions show only what you must add to your integration specifically for MobilePay. <\/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\/mobilepay\/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;e7081c6f09e1676ef00d0345622c222b&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;f11b342202758648d1d28ca196ea07e1&quot;},&quot;initialize&quot;:{&quot;$ref&quot;:null},&quot;add-parameters-payments-request&quot;:{&quot;$ref&quot;:&quot;929413e528eee1374495f18bced14537&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;fd8588538f911edeee9050ab0b4bf7b4&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;e7081c6f09e1676ef00d0345622c222b&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;f11b342202758648d1d28ca196ea07e1&quot;},&quot;initialize&quot;:{&quot;$ref&quot;:null},&quot;add-parameters-payments-request&quot;:{&quot;$ref&quot;:&quot;929413e528eee1374495f18bced14537&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;fd8588538f911edeee9050ab0b4bf7b4&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;e7081c6f09e1676ef00d0345622c222b&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;f11b342202758648d1d28ca196ea07e1&quot;},&quot;initialize&quot;:{&quot;$ref&quot;:null},&quot;add-parameters-payments-request&quot;:{&quot;$ref&quot;:&quot;929413e528eee1374495f18bced14537&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;fd8588538f911edeee9050ab0b4bf7b4&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;e7081c6f09e1676ef00d0345622c222b&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;f11b342202758648d1d28ca196ea07e1&quot;},&quot;initialize&quot;:{&quot;$ref&quot;:null},&quot;add-parameters-payments-request&quot;:{&quot;$ref&quot;:&quot;929413e528eee1374495f18bced14537&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;fd8588538f911edeee9050ab0b4bf7b4&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;e7081c6f09e1676ef00d0345622c222b&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;f11b342202758648d1d28ca196ea07e1&quot;},&quot;initialize&quot;:{&quot;$ref&quot;:null},&quot;add-parameters-payments-request&quot;:{&quot;$ref&quot;:&quot;929413e528eee1374495f18bced14537&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;fd8588538f911edeee9050ab0b4bf7b4&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;e7081c6f09e1676ef00d0345622c222b&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;f11b342202758648d1d28ca196ea07e1&quot;},&quot;initialize&quot;:{&quot;$ref&quot;:null},&quot;add-parameters-payments-request&quot;:{&quot;$ref&quot;:&quot;929413e528eee1374495f18bced14537&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;fd8588538f911edeee9050ab0b4bf7b4&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;e7081c6f09e1676ef00d0345622c222b&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;f11b342202758648d1d28ca196ea07e1&quot;},&quot;initialize&quot;:{&quot;$ref&quot;:null},&quot;add-parameters-payments-request&quot;:{&quot;$ref&quot;:&quot;929413e528eee1374495f18bced14537&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;fd8588538f911edeee9050ab0b4bf7b4&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;e7081c6f09e1676ef00d0345622c222b&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;f11b342202758648d1d28ca196ea07e1&quot;},&quot;initialize&quot;:{&quot;$ref&quot;:null},&quot;add-parameters-payments-request&quot;:{&quot;$ref&quot;:&quot;929413e528eee1374495f18bced14537&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;fd8588538f911edeee9050ab0b4bf7b4&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;e7081c6f09e1676ef00d0345622c222b&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;f11b342202758648d1d28ca196ea07e1&quot;},&quot;initialize&quot;:{&quot;$ref&quot;:null},&quot;add-parameters-payments-request&quot;:{&quot;$ref&quot;:&quot;929413e528eee1374495f18bced14537&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;fd8588538f911edeee9050ab0b4bf7b4&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;e7081c6f09e1676ef00d0345622c222b&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;f11b342202758648d1d28ca196ea07e1&quot;},&quot;initialize&quot;:{&quot;$ref&quot;:null},&quot;add-parameters-payments-request&quot;:{&quot;$ref&quot;:&quot;929413e528eee1374495f18bced14537&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;fd8588538f911edeee9050ab0b4bf7b4&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;e7081c6f09e1676ef00d0345622c222b&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;f11b342202758648d1d28ca196ea07e1&quot;},&quot;initialize&quot;:{&quot;$ref&quot;:null},&quot;add-parameters-payments-request&quot;:{&quot;$ref&quot;:&quot;929413e528eee1374495f18bced14537&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;fd8588538f911edeee9050ab0b4bf7b4&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;e7081c6f09e1676ef00d0345622c222b&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;f11b342202758648d1d28ca196ea07e1&quot;},&quot;initialize&quot;:{&quot;$ref&quot;:null},&quot;add-parameters-payments-request&quot;:{&quot;$ref&quot;:&quot;929413e528eee1374495f18bced14537&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;fd8588538f911edeee9050ab0b4bf7b4&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;e7081c6f09e1676ef00d0345622c222b&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;f11b342202758648d1d28ca196ea07e1&quot;},&quot;initialize&quot;:{&quot;$ref&quot;:null},&quot;add-parameters-payments-request&quot;:{&quot;$ref&quot;:&quot;929413e528eee1374495f18bced14537&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;fd8588538f911edeee9050ab0b4bf7b4&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;e7081c6f09e1676ef00d0345622c222b&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;f11b342202758648d1d28ca196ea07e1&quot;},&quot;initialize&quot;:{&quot;$ref&quot;:null},&quot;add-parameters-payments-request&quot;:{&quot;$ref&quot;:&quot;929413e528eee1374495f18bced14537&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;fd8588538f911edeee9050ab0b4bf7b4&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;e7081c6f09e1676ef00d0345622c222b&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;f11b342202758648d1d28ca196ea07e1&quot;},&quot;initialize&quot;:{&quot;$ref&quot;:null},&quot;add-parameters-payments-request&quot;:{&quot;$ref&quot;:&quot;929413e528eee1374495f18bced14537&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;fd8588538f911edeee9050ab0b4bf7b4&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;e7081c6f09e1676ef00d0345622c222b&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;f11b342202758648d1d28ca196ea07e1&quot;},&quot;initialize&quot;:{&quot;$ref&quot;:null},&quot;add-parameters-payments-request&quot;:{&quot;$ref&quot;:&quot;929413e528eee1374495f18bced14537&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;fd8588538f911edeee9050ab0b4bf7b4&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;e7081c6f09e1676ef00d0345622c222b&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;f11b342202758648d1d28ca196ea07e1&quot;},&quot;initialize&quot;:{&quot;$ref&quot;:null},&quot;add-parameters-payments-request&quot;:{&quot;$ref&quot;:&quot;929413e528eee1374495f18bced14537&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;fd8588538f911edeee9050ab0b4bf7b4&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;e7081c6f09e1676ef00d0345622c222b&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;f11b342202758648d1d28ca196ea07e1&quot;},&quot;initialize&quot;:{&quot;$ref&quot;:null},&quot;add-parameters-payments-request&quot;:{&quot;$ref&quot;:&quot;929413e528eee1374495f18bced14537&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;fd8588538f911edeee9050ab0b4bf7b4&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;e7081c6f09e1676ef00d0345622c222b&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;f11b342202758648d1d28ca196ea07e1&quot;},&quot;initialize&quot;:{&quot;$ref&quot;:null},&quot;add-parameters-payments-request&quot;:{&quot;$ref&quot;:&quot;929413e528eee1374495f18bced14537&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;fd8588538f911edeee9050ab0b4bf7b4&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;e7081c6f09e1676ef00d0345622c222b&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;f11b342202758648d1d28ca196ea07e1&quot;},&quot;initialize&quot;:{&quot;$ref&quot;:null},&quot;add-parameters-payments-request&quot;:{&quot;$ref&quot;:&quot;929413e528eee1374495f18bced14537&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;fd8588538f911edeee9050ab0b4bf7b4&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;e7081c6f09e1676ef00d0345622c222b&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;f11b342202758648d1d28ca196ea07e1&quot;},&quot;initialize&quot;:{&quot;$ref&quot;:null},&quot;add-parameters-payments-request&quot;:{&quot;$ref&quot;:&quot;929413e528eee1374495f18bced14537&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;fd8588538f911edeee9050ab0b4bf7b4&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;e7081c6f09e1676ef00d0345622c222b&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 MobilePay 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;f11b342202758648d1d28ca196ea07e1&quot;:&quot;&lt;h2&gt;Add additional configuration for MobilePay&lt;\\\/h2&gt;\\n&lt;p&gt;You do not need to add any configuration parameters for MobilePay.&lt;\\\/p&gt;\\n&quot;,&quot;929413e528eee1374495f18bced14537&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=React%2BNative&amp;amp;integration=Components#make-a-payment\\&quot;&gt;make a payment&lt;\\\/a&gt;, unless you make a payment to generate a token for future payouts to MobilePay wallets.&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;mobilepay-payments&#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;merchantAccount\\\\&amp;quot;:\\\\&amp;quot;YOUR_MERCHANT_ACCOUNT\\\\&amp;quot;,\\\\n  \\\\&amp;quot;reference\\\\&amp;quot;:\\\\&amp;quot;YOUR_ORDER_NUMBER\\\\&amp;quot;,\\\\n  \\\\&amp;quot;amount\\\\&amp;quot;:{\\\\n    \\\\&amp;quot;currency\\\\&amp;quot;:\\\\&amp;quot;\\\\&amp;quot;,\\\\n    \\\\&amp;quot;value\\\\&amp;quot;:1000\\\\n  },\\\\n  \\\\&amp;quot;paymentMethod\\\\&amp;quot;:{\\\\n    \\\\&amp;quot;type\\\\&amp;quot;:\\\\&amp;quot;\\\\&amp;quot;\\\\n  },\\\\n  \\\\&amp;quot;returnUrl\\\\&amp;quot;:\\\\&amp;quot;\\\\&amp;quot;,\\\\n  \\\\&amp;quot;{hint:Required when creating a payout token. Optional for normal payment - include for a better shopper experience.}telephoneNumber{\\\\\\\/hint}\\\\&amp;quot;: \\\\&amp;quot;+4512345678\\\\&amp;quot;,\\\\n  \\\\&amp;quot;{hint:Required when creating a payout token.}shopperReference{\\\\\\\/hint}\\\\&amp;quot;: \\\\&amp;quot;YOUR_SHOPPER_REFERENCE\\\\&amp;quot;,\\\\n  \\\\&amp;quot;{hint:Required when creating a payout token.}enablePayOut{\\\\\\\/hint}\\\\&amp;quot;: \\\\&amp;quot;true\\\\&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.\\\\n    Client client = new Client(\\\\&amp;quot;ADYEN_API_KEY\\\\&amp;quot;, Environment.TEST);\\\\n    Checkout checkout = new Checkout(client);\\\\n\\\\n    PaymentsRequest paymentsRequest = new PaymentsRequest();\\\\n\\\\n    String merchantAccount = \\\\&amp;quot;YOUR_MERCHANT_ACCOUNT\\\\&amp;quot;;\\\\n    paymentsRequest.setMerchantAccount(merchantAccount);\\\\n\\\\n    Amount amount = new Amount();\\\\n    amount.setCurrency(\\\\&amp;quot;\\\\&amp;quot;);\\\\n    amount.setValue(1000L);\\\\n    paymentsRequest.setAmount(amount);\\\\n\\\\n    DefaultPaymentMethodDetails paymentMethodDetails = new DefaultPaymentMethodDetails();\\\\n    paymentMethodDetails.setType(\\\\&amp;quot;\\\\&amp;quot;);\\\\n    paymentsRequest.setPaymentMethod(paymentMethodDetails);\\\\n\\\\n    paymentsRequest.setTelephoneNumber(\\\\&amp;quot;+4512345678\\\\&amp;quot;);\\\\n    paymentsRequest.setReference(\\\\&amp;quot;YOUR_ORDER_NUMBER\\\\&amp;quot;);\\\\n    paymentsRequest.setReturnUrl(\\\\&amp;quot;\\\\&amp;quot;);\\\\n\\\\n    PaymentsResponse 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; 1000\\\\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  ),\\\\n    \\\\&amp;quot;telephoneNumber\\\\&amp;quot; =&amp;gt; \\\\&amp;quot;+4512345678\\\\&amp;quot;,\\\\n  \\\\&amp;quot;returnUrl\\\\&amp;quot; =&amp;gt; \\\\&amp;quot;\\\\&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;, 1000);\\\\nvar details = new Adyen.Model.Checkout.DefaultPaymentMethodDetails{\\\\n  Type = \\\\&amp;quot;\\\\&amp;quot;\\\\n};\\\\nvar paymentsRequest = new Adyen.Model.Checkout.PaymentRequest\\\\n{\\\\n  Reference = \\\\&amp;quot;YOUR_ORDER_NUMBER\\\\&amp;quot;,\\\\n  Amount = amount,\\\\n  TelephoneNumber = \\\\&amp;quot;+4512345678\\\\&amp;quot;,\\\\n  ReturnUrl = @\\\\&amp;quot;\\\\&amp;quot;,\\\\n  MerchantAccount = \\\\&amp;quot;YOUR_MERCHANT_ACCOUNT\\\\&amp;quot;,\\\\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  merchantAccount: \\\\&amp;quot;YOUR_MERCHANT_ACCOUNT\\\\&amp;quot;,\\\\n  reference: \\\\&amp;quot;YOUR_ORDER_NUMBER\\\\&amp;quot;,\\\\n  amount: {\\\\n    currency: \\\\&amp;quot;\\\\&amp;quot;,\\\\n    value: 1000\\\\n  },\\\\n  paymentMethod: {\\\\n    type: \\\\&amp;quot;\\\\&amp;quot;\\\\n  },\\\\n  telephoneNumber: \\\\&amp;quot;+4512345678\\\\&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;merchantAccount\\\\&amp;quot;: \\\\&amp;quot;YOUR_MERCHANT_ACCOUNT\\\\&amp;quot;,\\\\n  \\\\&amp;quot;reference\\\\&amp;quot;: \\\\&amp;quot;YOUR_ORDER_NUMBER\\\\&amp;quot;,\\\\n  \\\\&amp;quot;amount\\\\&amp;quot;: {\\\\n    \\\\&amp;quot;currency\\\\&amp;quot;: \\\\&amp;quot;\\\\&amp;quot;,\\\\n    \\\\&amp;quot;value\\\\&amp;quot;: 1000\\\\n  },\\\\n  \\\\&amp;quot;paymentMethod\\\\&amp;quot;: {\\\\n    \\\\&amp;quot;type\\\\&amp;quot;: \\\\&amp;quot;\\\\&amp;quot;\\\\n  },\\\\n  \\\\&amp;quot;telephoneNumber\\\\&amp;quot;: \\\\&amp;quot;+4512345678\\\\&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  :merchantAccount =&amp;gt; &#039;YOUR_MERCHANT_ACCOUNT&#039;,\\\\n  :reference =&amp;gt; &#039;YOUR_ORDER_NUMBER&#039;,\\\\n  :amount =&amp;gt; {\\\\n    :currency =&amp;gt; &#039;&#039;,\\\\n    :value =&amp;gt; 1000\\\\n  },\\\\n  :paymentMethod =&amp;gt; {\\\\n    :type =&amp;gt; &#039;&#039;\\\\n  },\\\\n  :telephoneNumber =&amp;gt; &#039;+4512345678&#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;h3&gt;Payment with payout token creation&lt;\\\/h3&gt;\\n&lt;p&gt;To make a MobilePay payment and generate a token for future &lt;a href=\\&quot;\\\/payment-methods\\\/mobilepay\\\/#payouts\\&quot;&gt;payouts to MobilePay wallets&lt;\\\/a&gt;:&lt;\\\/p&gt;\\n&lt;ol&gt;\\n&lt;li&gt;\\n&lt;p&gt;Make sure that you have &lt;a href=\\&quot;\\\/payment-methods\\\/mobilepay#payouts\\&quot;&gt;set up the recurring lifecycle webhook&lt;\\\/a&gt;.&lt;\\\/p&gt;\\n&lt;\\\/li&gt;\\n&lt;li&gt;\\n&lt;p&gt;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 as usual, but include the parameters to create a token:&lt;\\\/p&gt;\\n&lt;ul&gt;\\n&lt;li&gt;&lt;code&gt;telephoneNumber&lt;\\\/code&gt;&lt;\\\/li&gt;\\n&lt;li&gt;&lt;code&gt;shopperReference&lt;\\\/code&gt;&lt;\\\/li&gt;\\n&lt;li&gt;&lt;code&gt;enablePayout&lt;\\\/code&gt; set to &lt;strong&gt;true&lt;\\\/strong&gt;&lt;\\\/li&gt;\\n&lt;\\\/ul&gt;\\n&lt;\\\/li&gt;\\n&lt;li&gt;\\n&lt;p&gt;When you receive the recurring lifecycle webhook for the payment, save the &lt;code&gt;storedPaymentMethodId&lt;\\\/code&gt; (the token) for your customer, identified by the &lt;code&gt;shopperReference&lt;\\\/code&gt;.&lt;\\\/p&gt;\\n&lt;div data-component-wrapper=\\&quot;code-sample\\&quot;&gt;\\n&lt;code-sample :title=\\&quot;&#039;Webhook containing the payout token&#039;\\&quot; :id=\\&quot;&#039;&#039;\\&quot; :code-data=&#039;[{\\&quot;language\\&quot;:\\&quot;bash\\&quot;,\\&quot;tabTitle\\&quot;:\\&quot;\\&quot;,\\&quot;content\\&quot;:\\&quot;{\\\\n  \\\\\\&quot;createdAt\\\\\\&quot; : \\\\\\&quot;2025-01-29T20:50:37+01:00\\\\\\&quot;,\\\\n  \\\\\\&quot;environment\\\\\\&quot; : \\\\\\&quot;test\\\\\\&quot;,\\\\n  \\\\\\&quot;type\\\\\\&quot; : \\\\\\&quot;recurring.token.created\\\\\\&quot;,\\\\n  \\\\\\&quot;data\\\\\\&quot; : {\\\\n      \\\\\\&quot;merchantAccount\\\\\\&quot; : \\\\\\&quot;YOUR_MERCHANT_ACCOUNT\\\\\\&quot;,\\\\n      \\\\\\&quot;operation\\\\\\&quot; : \\\\\\&quot;created\\\\\\&quot;,\\\\n      \\\\\\&quot;shopperReference\\\\\\&quot; : \\\\\\&quot;YOUR_SHOPPER_REFERENCE\\\\\\&quot;,\\\\n      \\\\\\&quot;storedPaymentMethodId\\\\\\&quot; : \\\\\\&quot;NFX5L4DL4J2ZTL65\\\\\\&quot;,\\\\n      \\\\\\&quot;type\\\\\\&quot; : \\\\\\&quot;visa_mobilepay\\\\\\&quot;\\\\n  },\\\\n  \\\\\\&quot;eventId\\\\\\&quot; : \\\\\\&quot;JF89C8JSHVTFWR82\\\\\\&quot;\\\\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&lt;\\\/li&gt;\\n&lt;li&gt;\\n&lt;p&gt;When you want to &lt;a href=\\&quot;\\\/payouts\\\/payout-service\\\/pay-out-to-cards\\\/card-payout-request\\\/?tab=one-off-request-token_2\\&quot;&gt;make a payout&lt;\\\/a&gt; to the shopper&#039;s MobilePay wallet, send a POST  &lt;a href=\\&quot;https:\\\/\\\/docs.adyen.com\\\/api-explorer\\\/transfers\\\/latest\\\/post\\\/transfers\\&quot; class=\\&quot;codeLabel  external-link no-image\\&quot; target=\\&quot;_blank\\&quot; rel=\\&quot;nofollow noopener noreferrer\\&quot;&gt;\\\/transfers&lt;\\\/a&gt; request specifying the payout token in the  &lt;a href=\\&quot;https:\\\/\\\/docs.adyen.com\\\/api-explorer\\\/transfers\\\/latest\\\/post\\\/transfers#request-counterparty-card-cardIdentification\\&quot; class=\\&quot;codeLabel  external-link no-image\\&quot; target=\\&quot;_blank\\&quot; rel=\\&quot;nofollow noopener noreferrer\\&quot;&gt;counterparty.card.cardIdentification&lt;\\\/a&gt; field.&lt;\\\/p&gt;\\n&lt;\\\/li&gt;\\n&lt;\\\/ol&gt;\\n&quot;,&quot;fd8588538f911edeee9050ab0b4bf7b4&quot;:&quot;&lt;h2&gt;Test and go live&lt;\\\/h2&gt;\\n&lt;p&gt;MobilePay cannot be tested in the test environment. You must make penny test (low-amount) payments in the live environment.&lt;\\\/p&gt;\\n&lt;ol&gt;\\n&lt;li&gt;\\n&lt;p&gt;Submit a request for MobilePay 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;\\n&lt;\\\/li&gt;\\n&lt;li&gt;\\n&lt;p&gt;After MobilePay is added to your live Customer Area, do the following for each test payment:&lt;\\\/p&gt;\\n&lt;ol&gt;\\n&lt;li&gt;Make a MobilePay payment for a low amount.&lt;\\\/li&gt;\\n&lt;li&gt;Get the &lt;a href=\\&quot;\\\/development-resources\\\/webhooks\\\/webhook-types\\\/#default-event-codes\\&quot;&gt;&lt;strong&gt;AUTHORISATION&lt;\\\/strong&gt; webhook&lt;\\\/a&gt; on your server. It includes the status of the payment.&lt;\\\/li&gt;\\n&lt;li&gt;In your live Customer Area, go to &lt;strong&gt;Transactions&lt;\\\/strong&gt; &amp;gt; &lt;strong&gt;Payments&lt;\\\/strong&gt; to see the status of the payment.&lt;\\\/li&gt;\\n&lt;\\\/ol&gt;\\n&lt;\\\/li&gt;\\n&lt;\\\/ol&gt;\\n&lt;h3&gt;Test payouts to MobilePay wallets&lt;\\\/h3&gt;\\n&lt;div class=\\&quot;notices green\\&quot;&gt;\\n&lt;p&gt;The MobilePay payout feature is experimental, and supported only with the &lt;code&gt;\\\/payments&lt;\\\/code&gt; endpoint.&lt;\\\/p&gt;\\n&lt;\\\/div&gt;\\n&lt;p&gt;Do the following to test MobilePay payouts:&lt;\\\/p&gt;\\n&lt;ol&gt;\\n&lt;li&gt;\\n&lt;p&gt;Get a test app following the instructions in the &lt;a href=\\&quot;https:\\\/\\\/developer.vippsmobilepay.com\\\/docs\\\/knowledge-base\\\/test-environment\\\/#app-installation\\&quot; target=\\&quot;_blank\\&quot; rel=\\&quot;nofollow noopener noreferrer\\&quot; class=\\&quot;external-link no-image\\&quot;&gt;VippsMobilePay documentation&lt;\\\/a&gt;. When prompted for a phone number and NIN (national identity number), use one of the following sets:&lt;\\\/p&gt;\\n&lt;ul&gt;\\n&lt;li&gt;\\n&lt;p&gt;NIN 0407640091&lt;br \\\/&gt;\\nPhone +45 22105837&lt;\\\/p&gt;\\n&lt;\\\/li&gt;\\n&lt;li&gt;\\n&lt;p&gt;NIN 0702860109&lt;br \\\/&gt;\\nPhone +45 34817154&lt;\\\/p&gt;\\n&lt;\\\/li&gt;\\n&lt;li&gt;\\n&lt;p&gt;NIN 0111500196&lt;br \\\/&gt;\\nPhone +45 73920021&lt;\\\/p&gt;\\n&lt;\\\/li&gt;\\n&lt;\\\/ul&gt;\\n&lt;\\\/li&gt;\\n&lt;li&gt;\\n&lt;p&gt;Test your integration end-to-end:&lt;\\\/p&gt;\\n&lt;ul&gt;\\n&lt;li&gt;Make a test payment that generates a payout token, using the Vipps MobilePay test app to simulate the customer side.&lt;\\\/li&gt;\\n&lt;li&gt;Check that you receive and process the recurring lifecycle webhook.&lt;\\\/li&gt;\\n&lt;li&gt;Make a  &lt;a href=\\&quot;https:\\\/\\\/docs.adyen.com\\\/api-explorer\\\/transfers\\\/latest\\\/overview\\&quot; class=\\&quot;codeLabel  external-link no-image\\&quot; target=\\&quot;_blank\\&quot; rel=\\&quot;nofollow noopener noreferrer\\&quot;&gt;Transfers API&lt;\\\/a&gt; request using the token that you receive in the webhook.&lt;\\\/li&gt;\\n&lt;\\\/ul&gt;\\n&lt;\\\/li&gt;\\n&lt;\\\/ol&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\/mobilepay\/react-native-component","articleFields":{"description":"Add MobilePay to your Components integration.","never_cache_twig":true,"parameters":{"tx_variant":"mobilepay","component_class_name":"None","pm_directory":"mobilepay","payment_method":"MobilePay","action_type":"redirect"},"filters_component":true,"filters_config_folder":"payment-methods\/mobilepay\/react-native\/component"},"algolia":[{"url":"https:\/\/docs.adyen.com\/pt\/payment-methods\/mobilepay\/react-native-component","title":"MobilePay React Component","content":"\nReact Native Components do not support Sessions flow.\n","type":"page","locale":"pt","boost":17,"hierarchy":{"lvl0":"Home","lvl1":"Payment methods","lvl2":"MobilePay","lvl3":"MobilePay React 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\/mobilepay","lvl3":"\/pt\/payment-methods\/mobilepay\/react-native-component"},"levels":4,"category":"Payment method","category_color":"green","tags":["MobilePay","React","Component"]},{"url":"https:\/\/docs.adyen.com\/pt\/payment-methods\/mobilepay\/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":"MobilePay","lvl3":"MobilePay React 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\/mobilepay","lvl3":"\/pt\/payment-methods\/mobilepay\/react-native-component"},"levels":4,"category":"Payment method","category_color":"green","tags":["Sessions flow","Component"]},{"url":"https:\/\/docs.adyen.com\/pt\/payment-methods\/mobilepay\/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 MobilePay in your Customer Area.\n\n\n\nAdd additional configuration for MobilePay\nYou do not need to add any configuration parameters for MobilePay.\nAdd additional parameters to your \/payments request\nYou do not need to add any parameters to the  \/payments request when you make a payment, unless you make a payment to generate a token for future payouts to MobilePay wallets.\n\n    \n\nPayment with payout token creation\nTo make a MobilePay payment and generate a token for future payouts to MobilePay wallets:\n\n\nMake sure that you have set up the recurring lifecycle webhook.\n\n\nMake a  \/payments request as usual, but include the parameters to create a token:\n\ntelephoneNumber\nshopperReference\nenablePayout set to true\n\n\n\nWhen you receive the recurring lifecycle webhook for the payment, save the storedPaymentMethodId (the token) for your customer, identified by the shopperReference.\n\n\n\n\n\nWhen you want to make a payout to the shopper's MobilePay wallet, send a POST  \/transfers request specifying the payout token in the  counterparty.card.cardIdentification field.\n\n\nTest and go live\nMobilePay cannot be tested in the test environment. You must make penny test (low-amount) payments in the live environment.\n\n\nSubmit a request for MobilePay in your live Customer Area.\n\n\nAfter MobilePay is added to your live Customer Area, do the following for each test payment:\n\nMake a MobilePay payment for a low amount.\nGet the AUTHORISATION webhook on your server. It includes the status of the payment.\nIn your live Customer Area, go to Transactions &gt; Payments to see the status of the payment.\n\n\n\nTest payouts to MobilePay wallets\n\nThe MobilePay payout feature is experimental, and supported only with the \/payments endpoint.\n\nDo the following to test MobilePay payouts:\n\n\nGet a test app following the instructions in the VippsMobilePay documentation. When prompted for a phone number and NIN (national identity number), use one of the following sets:\n\n\nNIN 0407640091\nPhone +45 22105837\n\n\nNIN 0702860109\nPhone +45 34817154\n\n\nNIN 0111500196\nPhone +45 73920021\n\n\n\n\nTest your integration end-to-end:\n\nMake a test payment that generates a payout token, using the Vipps MobilePay test app to simulate the customer side.\nCheck that you receive and process the recurring lifecycle webhook.\nMake a  Transfers API request using the token that you receive in the webhook.\n\n\n","type":"page","locale":"pt","boost":17,"hierarchy":{"lvl0":"Home","lvl1":"Payment methods","lvl2":"MobilePay","lvl3":"MobilePay React 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\/mobilepay","lvl3":"\/pt\/payment-methods\/mobilepay\/react-native-component"},"levels":4,"category":"Payment method","category_color":"green","tags":["Advanced flow","Component"]}],"articleFiles":{"mobilepay-payments.js":"<p alt=\"\">mobilepay-payments.js<\/p>"}}