{"title":"Alipay HK React Component","category":"default","creationDate":1776961628,"content":"<p>You can add Alipay HK to your existing integration. The following instructions show only what you must add to your integration specifically for Alipay HK.<\/p>\n<p>If an instruction on this page corresponds with a step in the main integration guide, it includes a link to that corresponding step of the main integration guide.<\/p>\n<p>What you must add to your integration 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\/alipayhk\/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;36d15f16b41028e248b7dea58340dc61&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;c146869e341fbff2fb5c75eb06742148&quot;},&quot;initialize&quot;:{&quot;$ref&quot;:null},&quot;add-parameters-payments-request&quot;:{&quot;$ref&quot;:&quot;d77c1e49b2ab4bbfeb0b72084acc04b9&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;ff19db99fc78e00e3cb34d26a8f2fa4f&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;36d15f16b41028e248b7dea58340dc61&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;c146869e341fbff2fb5c75eb06742148&quot;},&quot;initialize&quot;:{&quot;$ref&quot;:null},&quot;add-parameters-payments-request&quot;:{&quot;$ref&quot;:&quot;d77c1e49b2ab4bbfeb0b72084acc04b9&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;ff19db99fc78e00e3cb34d26a8f2fa4f&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;36d15f16b41028e248b7dea58340dc61&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;c146869e341fbff2fb5c75eb06742148&quot;},&quot;initialize&quot;:{&quot;$ref&quot;:null},&quot;add-parameters-payments-request&quot;:{&quot;$ref&quot;:&quot;d77c1e49b2ab4bbfeb0b72084acc04b9&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;ff19db99fc78e00e3cb34d26a8f2fa4f&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;36d15f16b41028e248b7dea58340dc61&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;c146869e341fbff2fb5c75eb06742148&quot;},&quot;initialize&quot;:{&quot;$ref&quot;:null},&quot;add-parameters-payments-request&quot;:{&quot;$ref&quot;:&quot;d77c1e49b2ab4bbfeb0b72084acc04b9&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;ff19db99fc78e00e3cb34d26a8f2fa4f&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;36d15f16b41028e248b7dea58340dc61&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;c146869e341fbff2fb5c75eb06742148&quot;},&quot;initialize&quot;:{&quot;$ref&quot;:null},&quot;add-parameters-payments-request&quot;:{&quot;$ref&quot;:&quot;d77c1e49b2ab4bbfeb0b72084acc04b9&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;ff19db99fc78e00e3cb34d26a8f2fa4f&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;36d15f16b41028e248b7dea58340dc61&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;c146869e341fbff2fb5c75eb06742148&quot;},&quot;initialize&quot;:{&quot;$ref&quot;:null},&quot;add-parameters-payments-request&quot;:{&quot;$ref&quot;:&quot;d77c1e49b2ab4bbfeb0b72084acc04b9&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;ff19db99fc78e00e3cb34d26a8f2fa4f&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;36d15f16b41028e248b7dea58340dc61&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;c146869e341fbff2fb5c75eb06742148&quot;},&quot;initialize&quot;:{&quot;$ref&quot;:null},&quot;add-parameters-payments-request&quot;:{&quot;$ref&quot;:&quot;d77c1e49b2ab4bbfeb0b72084acc04b9&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;ff19db99fc78e00e3cb34d26a8f2fa4f&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;36d15f16b41028e248b7dea58340dc61&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;c146869e341fbff2fb5c75eb06742148&quot;},&quot;initialize&quot;:{&quot;$ref&quot;:null},&quot;add-parameters-payments-request&quot;:{&quot;$ref&quot;:&quot;d77c1e49b2ab4bbfeb0b72084acc04b9&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;ff19db99fc78e00e3cb34d26a8f2fa4f&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;36d15f16b41028e248b7dea58340dc61&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;c146869e341fbff2fb5c75eb06742148&quot;},&quot;initialize&quot;:{&quot;$ref&quot;:null},&quot;add-parameters-payments-request&quot;:{&quot;$ref&quot;:&quot;d77c1e49b2ab4bbfeb0b72084acc04b9&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;ff19db99fc78e00e3cb34d26a8f2fa4f&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;36d15f16b41028e248b7dea58340dc61&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;c146869e341fbff2fb5c75eb06742148&quot;},&quot;initialize&quot;:{&quot;$ref&quot;:null},&quot;add-parameters-payments-request&quot;:{&quot;$ref&quot;:&quot;d77c1e49b2ab4bbfeb0b72084acc04b9&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;ff19db99fc78e00e3cb34d26a8f2fa4f&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;36d15f16b41028e248b7dea58340dc61&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;c146869e341fbff2fb5c75eb06742148&quot;},&quot;initialize&quot;:{&quot;$ref&quot;:null},&quot;add-parameters-payments-request&quot;:{&quot;$ref&quot;:&quot;d77c1e49b2ab4bbfeb0b72084acc04b9&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;ff19db99fc78e00e3cb34d26a8f2fa4f&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;36d15f16b41028e248b7dea58340dc61&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;c146869e341fbff2fb5c75eb06742148&quot;},&quot;initialize&quot;:{&quot;$ref&quot;:null},&quot;add-parameters-payments-request&quot;:{&quot;$ref&quot;:&quot;d77c1e49b2ab4bbfeb0b72084acc04b9&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;ff19db99fc78e00e3cb34d26a8f2fa4f&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;36d15f16b41028e248b7dea58340dc61&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;c146869e341fbff2fb5c75eb06742148&quot;},&quot;initialize&quot;:{&quot;$ref&quot;:null},&quot;add-parameters-payments-request&quot;:{&quot;$ref&quot;:&quot;d77c1e49b2ab4bbfeb0b72084acc04b9&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;ff19db99fc78e00e3cb34d26a8f2fa4f&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;36d15f16b41028e248b7dea58340dc61&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;c146869e341fbff2fb5c75eb06742148&quot;},&quot;initialize&quot;:{&quot;$ref&quot;:null},&quot;add-parameters-payments-request&quot;:{&quot;$ref&quot;:&quot;d77c1e49b2ab4bbfeb0b72084acc04b9&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;ff19db99fc78e00e3cb34d26a8f2fa4f&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;36d15f16b41028e248b7dea58340dc61&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;c146869e341fbff2fb5c75eb06742148&quot;},&quot;initialize&quot;:{&quot;$ref&quot;:null},&quot;add-parameters-payments-request&quot;:{&quot;$ref&quot;:&quot;d77c1e49b2ab4bbfeb0b72084acc04b9&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;ff19db99fc78e00e3cb34d26a8f2fa4f&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;36d15f16b41028e248b7dea58340dc61&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;c146869e341fbff2fb5c75eb06742148&quot;},&quot;initialize&quot;:{&quot;$ref&quot;:null},&quot;add-parameters-payments-request&quot;:{&quot;$ref&quot;:&quot;d77c1e49b2ab4bbfeb0b72084acc04b9&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;ff19db99fc78e00e3cb34d26a8f2fa4f&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;36d15f16b41028e248b7dea58340dc61&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;c146869e341fbff2fb5c75eb06742148&quot;},&quot;initialize&quot;:{&quot;$ref&quot;:null},&quot;add-parameters-payments-request&quot;:{&quot;$ref&quot;:&quot;d77c1e49b2ab4bbfeb0b72084acc04b9&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;ff19db99fc78e00e3cb34d26a8f2fa4f&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;36d15f16b41028e248b7dea58340dc61&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;c146869e341fbff2fb5c75eb06742148&quot;},&quot;initialize&quot;:{&quot;$ref&quot;:null},&quot;add-parameters-payments-request&quot;:{&quot;$ref&quot;:&quot;d77c1e49b2ab4bbfeb0b72084acc04b9&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;ff19db99fc78e00e3cb34d26a8f2fa4f&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;36d15f16b41028e248b7dea58340dc61&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;c146869e341fbff2fb5c75eb06742148&quot;},&quot;initialize&quot;:{&quot;$ref&quot;:null},&quot;add-parameters-payments-request&quot;:{&quot;$ref&quot;:&quot;d77c1e49b2ab4bbfeb0b72084acc04b9&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;ff19db99fc78e00e3cb34d26a8f2fa4f&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;36d15f16b41028e248b7dea58340dc61&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;c146869e341fbff2fb5c75eb06742148&quot;},&quot;initialize&quot;:{&quot;$ref&quot;:null},&quot;add-parameters-payments-request&quot;:{&quot;$ref&quot;:&quot;d77c1e49b2ab4bbfeb0b72084acc04b9&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;ff19db99fc78e00e3cb34d26a8f2fa4f&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;36d15f16b41028e248b7dea58340dc61&quot;},&quot;add-configuration&quot;:{&quot;$ref&quot;:&quot;c146869e341fbff2fb5c75eb06742148&quot;},&quot;initialize&quot;:{&quot;$ref&quot;:null},&quot;add-parameters-payments-request&quot;:{&quot;$ref&quot;:&quot;d77c1e49b2ab4bbfeb0b72084acc04b9&quot;},&quot;test-and-go-live&quot;:{&quot;$ref&quot;:&quot;ff19db99fc78e00e3cb34d26a8f2fa4f&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;36d15f16b41028e248b7dea58340dc61&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 Alipay HK 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;c146869e341fbff2fb5c75eb06742148&quot;:&quot;&lt;h2&gt;Add additional configuration for Alipay HK&lt;\\\/h2&gt;\\n&lt;p&gt;You do not need to add any configuration parameters for Alipay HK.&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;ff19db99fc78e00e3cb34d26a8f2fa4f&quot;:&quot;&lt;h2&gt;Test and go live&lt;\\\/h2&gt;\\n&lt;p&gt;Use the following credentials to test AlipayHK:&lt;\\\/p&gt;\\n&lt;table&gt;\\n&lt;thead&gt;\\n&lt;tr&gt;\\n&lt;th&gt;Username&lt;\\\/th&gt;\\n&lt;th&gt;PIN&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;mailto:hkbuyer_4659@alitest.com\\&quot; class=\\&quot;mailto\\&quot;&gt;hkbuyer_4659@alitest.com&lt;\\\/a&gt;&lt;\\\/td&gt;\\n&lt;td&gt;b111111&lt;\\\/td&gt;\\n&lt;\\\/tr&gt;\\n&lt;\\\/tbody&gt;\\n&lt;\\\/table&gt;\\n&lt;p&gt;Check the status of AlipayHK test payments in your\\u00a0&lt;a href=\\&quot;https:\\\/\\\/ca-test.adyen.com\\\/\\&quot; target=\\&quot;_blank\\&quot; rel=\\&quot;nofollow noopener noreferrer\\&quot; class=\\&quot;external-link no-image\\&quot;&gt;Customer Area&lt;\\\/a&gt;\\u00a0&amp;gt;\\u00a0&lt;strong&gt;Transactions&lt;\\\/strong&gt;\\u00a0&amp;gt;\\u00a0&lt;strong&gt;Payments&lt;\\\/strong&gt;.&lt;\\\/p&gt;\\n&lt;p&gt;&lt;\\\/p&gt;\\n&lt;p&gt;Before you can accept live AlipayHK payments, you need to submit a request for AlipayHK 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\/alipayhk\/react-native-component","articleFields":{"description":"Add Alipay HK to your Components integration.","never_cache_twig":true,"parameters":{"tx_variant":"alipay_hk","component_class_name":"None","pm_directory":"alipayhk","payment_method":"Alipay HK","action_type":"redirect"},"filters_component":true,"filters_config_folder":"payment-methods\/alipayhk\/react-native\/component"},"algolia":[{"url":"https:\/\/docs.adyen.com\/pt\/payment-methods\/alipayhk\/react-native-component","title":"Alipay HK 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":"Alipay HK","lvl3":"Alipay HK 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\/alipayhk","lvl3":"\/pt\/payment-methods\/alipayhk\/react-native-component"},"levels":4,"category":"Payment method","category_color":"green","tags":["Alipay","React","Component"]},{"url":"https:\/\/docs.adyen.com\/pt\/payment-methods\/alipayhk\/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":"Alipay HK","lvl3":"Alipay HK 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\/alipayhk","lvl3":"\/pt\/payment-methods\/alipayhk\/react-native-component"},"levels":4,"category":"Payment method","category_color":"green","tags":["Sessions flow","Component"]},{"url":"https:\/\/docs.adyen.com\/pt\/payment-methods\/alipayhk\/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 Alipay HK in your Customer Area.\n\n\n\nAdd additional configuration for Alipay HK\nYou do not need to add any configuration parameters for Alipay HK.\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\nUse the following credentials to test AlipayHK:\n\n\n\nUsername\nPIN\n\n\n\n\nhkbuyer_4659@alitest.com\nb111111\n\n\n\nCheck the status of AlipayHK test payments in your\u00a0Customer Area\u00a0&gt;\u00a0Transactions\u00a0&gt;\u00a0Payments.\n\nBefore you can accept live AlipayHK payments, you need to submit a request for AlipayHK in your live Customer Area.","type":"page","locale":"pt","boost":17,"hierarchy":{"lvl0":"Home","lvl1":"Payment methods","lvl2":"Alipay HK","lvl3":"Alipay HK 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\/alipayhk","lvl3":"\/pt\/payment-methods\/alipayhk\/react-native-component"},"levels":4,"category":"Payment method","category_color":"green","tags":["Advanced flow","Component"]}]}