{"title":"PayNow React Native Component","category":"default","creationDate":1776961628,"content":"<p>You can add PayNow to your existing integration. The following instructions show only what you must add to your integration specifically for PayNow. <\/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\/paynow\/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;391d90cbeb51dd019531f926dc7dd190&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;c531550c1102522246046679fe1e3da0&quot;},&quot;initialize&quot;:{&quot;$ref&quot;:null},&quot;add-parameters-payments-request&quot;:{&quot;$ref&quot;:&quot;d77c1e49b2ab4bbfeb0b72084acc04b9&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;d41d8cd98f00b204e9800998ecf8427e&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;38eeeff2c807bfc21fb9e69db5636533&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;391d90cbeb51dd019531f926dc7dd190&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;c531550c1102522246046679fe1e3da0&quot;},&quot;initialize&quot;:{&quot;$ref&quot;:null},&quot;add-parameters-payments-request&quot;:{&quot;$ref&quot;:&quot;d77c1e49b2ab4bbfeb0b72084acc04b9&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;d41d8cd98f00b204e9800998ecf8427e&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;38eeeff2c807bfc21fb9e69db5636533&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;391d90cbeb51dd019531f926dc7dd190&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;c531550c1102522246046679fe1e3da0&quot;},&quot;initialize&quot;:{&quot;$ref&quot;:null},&quot;add-parameters-payments-request&quot;:{&quot;$ref&quot;:&quot;d77c1e49b2ab4bbfeb0b72084acc04b9&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;d41d8cd98f00b204e9800998ecf8427e&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;38eeeff2c807bfc21fb9e69db5636533&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;391d90cbeb51dd019531f926dc7dd190&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;c531550c1102522246046679fe1e3da0&quot;},&quot;initialize&quot;:{&quot;$ref&quot;:null},&quot;add-parameters-payments-request&quot;:{&quot;$ref&quot;:&quot;d77c1e49b2ab4bbfeb0b72084acc04b9&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;d41d8cd98f00b204e9800998ecf8427e&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;38eeeff2c807bfc21fb9e69db5636533&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;391d90cbeb51dd019531f926dc7dd190&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;c531550c1102522246046679fe1e3da0&quot;},&quot;initialize&quot;:{&quot;$ref&quot;:null},&quot;add-parameters-payments-request&quot;:{&quot;$ref&quot;:&quot;d77c1e49b2ab4bbfeb0b72084acc04b9&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;d41d8cd98f00b204e9800998ecf8427e&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;38eeeff2c807bfc21fb9e69db5636533&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;391d90cbeb51dd019531f926dc7dd190&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;c531550c1102522246046679fe1e3da0&quot;},&quot;initialize&quot;:{&quot;$ref&quot;:null},&quot;add-parameters-payments-request&quot;:{&quot;$ref&quot;:&quot;d77c1e49b2ab4bbfeb0b72084acc04b9&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;d41d8cd98f00b204e9800998ecf8427e&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;38eeeff2c807bfc21fb9e69db5636533&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;391d90cbeb51dd019531f926dc7dd190&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;c531550c1102522246046679fe1e3da0&quot;},&quot;initialize&quot;:{&quot;$ref&quot;:null},&quot;add-parameters-payments-request&quot;:{&quot;$ref&quot;:&quot;d77c1e49b2ab4bbfeb0b72084acc04b9&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;d41d8cd98f00b204e9800998ecf8427e&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;38eeeff2c807bfc21fb9e69db5636533&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;391d90cbeb51dd019531f926dc7dd190&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;c531550c1102522246046679fe1e3da0&quot;},&quot;initialize&quot;:{&quot;$ref&quot;:null},&quot;add-parameters-payments-request&quot;:{&quot;$ref&quot;:&quot;d77c1e49b2ab4bbfeb0b72084acc04b9&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;d41d8cd98f00b204e9800998ecf8427e&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;38eeeff2c807bfc21fb9e69db5636533&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;391d90cbeb51dd019531f926dc7dd190&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;c531550c1102522246046679fe1e3da0&quot;},&quot;initialize&quot;:{&quot;$ref&quot;:null},&quot;add-parameters-payments-request&quot;:{&quot;$ref&quot;:&quot;d77c1e49b2ab4bbfeb0b72084acc04b9&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;d41d8cd98f00b204e9800998ecf8427e&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;38eeeff2c807bfc21fb9e69db5636533&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;391d90cbeb51dd019531f926dc7dd190&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;c531550c1102522246046679fe1e3da0&quot;},&quot;initialize&quot;:{&quot;$ref&quot;:null},&quot;add-parameters-payments-request&quot;:{&quot;$ref&quot;:&quot;d77c1e49b2ab4bbfeb0b72084acc04b9&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;d41d8cd98f00b204e9800998ecf8427e&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;38eeeff2c807bfc21fb9e69db5636533&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;391d90cbeb51dd019531f926dc7dd190&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;c531550c1102522246046679fe1e3da0&quot;},&quot;initialize&quot;:{&quot;$ref&quot;:null},&quot;add-parameters-payments-request&quot;:{&quot;$ref&quot;:&quot;d77c1e49b2ab4bbfeb0b72084acc04b9&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;d41d8cd98f00b204e9800998ecf8427e&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;38eeeff2c807bfc21fb9e69db5636533&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;391d90cbeb51dd019531f926dc7dd190&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;c531550c1102522246046679fe1e3da0&quot;},&quot;initialize&quot;:{&quot;$ref&quot;:null},&quot;add-parameters-payments-request&quot;:{&quot;$ref&quot;:&quot;d77c1e49b2ab4bbfeb0b72084acc04b9&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;d41d8cd98f00b204e9800998ecf8427e&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;38eeeff2c807bfc21fb9e69db5636533&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;391d90cbeb51dd019531f926dc7dd190&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;c531550c1102522246046679fe1e3da0&quot;},&quot;initialize&quot;:{&quot;$ref&quot;:null},&quot;add-parameters-payments-request&quot;:{&quot;$ref&quot;:&quot;d77c1e49b2ab4bbfeb0b72084acc04b9&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;d41d8cd98f00b204e9800998ecf8427e&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;38eeeff2c807bfc21fb9e69db5636533&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;391d90cbeb51dd019531f926dc7dd190&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;c531550c1102522246046679fe1e3da0&quot;},&quot;initialize&quot;:{&quot;$ref&quot;:null},&quot;add-parameters-payments-request&quot;:{&quot;$ref&quot;:&quot;d77c1e49b2ab4bbfeb0b72084acc04b9&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;d41d8cd98f00b204e9800998ecf8427e&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;38eeeff2c807bfc21fb9e69db5636533&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;391d90cbeb51dd019531f926dc7dd190&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;c531550c1102522246046679fe1e3da0&quot;},&quot;initialize&quot;:{&quot;$ref&quot;:null},&quot;add-parameters-payments-request&quot;:{&quot;$ref&quot;:&quot;d77c1e49b2ab4bbfeb0b72084acc04b9&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;d41d8cd98f00b204e9800998ecf8427e&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;38eeeff2c807bfc21fb9e69db5636533&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;391d90cbeb51dd019531f926dc7dd190&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;c531550c1102522246046679fe1e3da0&quot;},&quot;initialize&quot;:{&quot;$ref&quot;:null},&quot;add-parameters-payments-request&quot;:{&quot;$ref&quot;:&quot;d77c1e49b2ab4bbfeb0b72084acc04b9&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;d41d8cd98f00b204e9800998ecf8427e&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;38eeeff2c807bfc21fb9e69db5636533&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;391d90cbeb51dd019531f926dc7dd190&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;c531550c1102522246046679fe1e3da0&quot;},&quot;initialize&quot;:{&quot;$ref&quot;:null},&quot;add-parameters-payments-request&quot;:{&quot;$ref&quot;:&quot;d77c1e49b2ab4bbfeb0b72084acc04b9&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;d41d8cd98f00b204e9800998ecf8427e&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;38eeeff2c807bfc21fb9e69db5636533&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;391d90cbeb51dd019531f926dc7dd190&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;c531550c1102522246046679fe1e3da0&quot;},&quot;initialize&quot;:{&quot;$ref&quot;:null},&quot;add-parameters-payments-request&quot;:{&quot;$ref&quot;:&quot;d77c1e49b2ab4bbfeb0b72084acc04b9&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;d41d8cd98f00b204e9800998ecf8427e&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;38eeeff2c807bfc21fb9e69db5636533&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;391d90cbeb51dd019531f926dc7dd190&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;c531550c1102522246046679fe1e3da0&quot;},&quot;initialize&quot;:{&quot;$ref&quot;:null},&quot;add-parameters-payments-request&quot;:{&quot;$ref&quot;:&quot;d77c1e49b2ab4bbfeb0b72084acc04b9&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;d41d8cd98f00b204e9800998ecf8427e&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;38eeeff2c807bfc21fb9e69db5636533&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;391d90cbeb51dd019531f926dc7dd190&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;c531550c1102522246046679fe1e3da0&quot;},&quot;initialize&quot;:{&quot;$ref&quot;:null},&quot;add-parameters-payments-request&quot;:{&quot;$ref&quot;:&quot;d77c1e49b2ab4bbfeb0b72084acc04b9&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;d41d8cd98f00b204e9800998ecf8427e&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;38eeeff2c807bfc21fb9e69db5636533&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;391d90cbeb51dd019531f926dc7dd190&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;c531550c1102522246046679fe1e3da0&quot;},&quot;initialize&quot;:{&quot;$ref&quot;:null},&quot;add-parameters-payments-request&quot;:{&quot;$ref&quot;:&quot;d77c1e49b2ab4bbfeb0b72084acc04b9&quot;},&quot;recurring&quot;:{&quot;$ref&quot;:&quot;d41d8cd98f00b204e9800998ecf8427e&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;38eeeff2c807bfc21fb9e69db5636533&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;391d90cbeb51dd019531f926dc7dd190&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;Action handling&lt;\\\/strong&gt;&lt;\\\/td&gt;\\n&lt;td style=\\&quot;text-align: left;\\&quot;&gt;Make sure that your existing integration is set up to &lt;a href=\\&quot;\\\/online-payments\\\/build-your-integration\\\/advanced-flow\\\/?platform=React%2BNative&amp;amp;integration=Components#handle-the-redirect\\&quot;&gt;handle the additional action&lt;\\\/a&gt;. &lt;br&gt; &lt;code&gt;action.type&lt;\\\/code&gt;: &lt;strong&gt;qrCode&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 PayNow 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;c531550c1102522246046679fe1e3da0&quot;:&quot;&lt;h2&gt;Add additional configuration for PayNow&lt;\\\/h2&gt;\\n&lt;p&gt;You do not need to add any configuration parameters for PayNow.&lt;\\\/p&gt;\\n&quot;,&quot;d77c1e49b2ab4bbfeb0b72084acc04b9&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;.&lt;\\\/p&gt;\\n&quot;,&quot;d41d8cd98f00b204e9800998ecf8427e&quot;:&quot;&quot;,&quot;38eeeff2c807bfc21fb9e69db5636533&quot;:&quot;&lt;h2&gt;Test and go live&lt;\\\/h2&gt;\\n&lt;p&gt;Before you can accept live  payments, you must 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; to add PayNow 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;p&gt;You can penny test PayNow payments in your &lt;strong&gt;live&lt;\\\/strong&gt; Customer Area, using small amounts and a real banking app to scan a test QR.&lt;\\\/p&gt;\\n&lt;p&gt;You can check the status of PayNow payments in your &lt;a href=\\&quot;https:\\\/\\\/ca-live.adyen.com\\\/\\&quot; target=\\&quot;_blank\\&quot; rel=\\&quot;nofollow noopener noreferrer\\&quot; class=\\&quot;external-link no-image\\&quot;&gt;live Customer Area&lt;\\\/a&gt; &amp;gt; &lt;strong&gt;Transactions&lt;\\\/strong&gt; &amp;gt; &lt;strong&gt;Payments&lt;\\\/strong&gt;.&lt;\\\/p&gt;\\n&lt;div class=\\&quot;notices blue\\&quot;&gt;\\n&lt;p&gt;We recommend not to test PayNow payments in your test Customer Area. You cannot reverse bank transfers in the test environment, and the funds will be deducted from the bank account.&lt;\\\/p&gt;\\n&lt;\\\/div&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\/paynow\/react-native-component","articleFields":{"description":"Add PayNow to your Components integration.","never_cache_twig":true,"parameters":{"tx_variant":"paynow","component_class_name":"None","pm_directory":"paynow","payment_method":"PayNow","action_type":"qrCode"},"filters_component":true,"filters_config_folder":"payment-methods\/paynow\/react-native\/component"},"algolia":[{"url":"https:\/\/docs.adyen.com\/pt\/payment-methods\/paynow\/react-native-component","title":"PayNow 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":"PayNow","lvl3":"PayNow 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\/paynow","lvl3":"\/pt\/payment-methods\/paynow\/react-native-component"},"levels":4,"category":"Payment method","category_color":"green","tags":["PayNow","React","Native","Component"]},{"url":"https:\/\/docs.adyen.com\/pt\/payment-methods\/paynow\/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":"PayNow","lvl3":"PayNow 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\/paynow","lvl3":"\/pt\/payment-methods\/paynow\/react-native-component"},"levels":4,"category":"Payment method","category_color":"green","tags":["Sessions flow","Component"]},{"url":"https:\/\/docs.adyen.com\/pt\/payment-methods\/paynow\/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\nAction handling\nMake sure that your existing integration is set up to handle the additional action.  action.type: qrCode.\n\n\n\nSetup steps\nBefore you begin, add PayNow in your Customer Area.\n\n\n\nAdd additional configuration for PayNow\nYou do not need to add any configuration parameters for PayNow.\nAdd additional parameters to your \/payments request\nYou do not need to add any parameters to the  \/payments request when you make a payment.\nTest and go live\nBefore you can accept live  payments, you must contact our Support Team to add PayNow in your live Customer Area.\nYou can penny test PayNow payments in your live Customer Area, using small amounts and a real banking app to scan a test QR.\nYou can check the status of PayNow payments in your live Customer Area &gt; Transactions &gt; Payments.\n\nWe recommend not to test PayNow payments in your test Customer Area. You cannot reverse bank transfers in the test environment, and the funds will be deducted from the bank account.\n","type":"page","locale":"pt","boost":17,"hierarchy":{"lvl0":"Home","lvl1":"Payment methods","lvl2":"PayNow","lvl3":"PayNow 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\/paynow","lvl3":"\/pt\/payment-methods\/paynow\/react-native-component"},"levels":4,"category":"Payment method","category_color":"green","tags":["Advanced flow","Component"]}]}