{"title":"Apple Pay Drop-in integration","category":"default","creationDate":1776961628,"content":"<p>This page explains how to add Apple Pay to your existing React-Native Drop-in integration.<\/p>\n<h2>Requirements<\/h2>\n<p>Select which endpoint you are using:<\/p>\n\n<div id=\"tab6geuB\">\n    <div data-component-wrapper=\"tabs\">\n        <tabs\n                        :items=\"[{&quot;title&quot;:&quot;&lt;code&gt;\\\/sessions&lt;\\\/code&gt;&quot;,&quot;content&quot;:&quot;\\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 built a Sessions flow &lt;a href=\\&quot;\\\/pt\\\/online-payments\\\/build-your-integration\\\/sessions-flow?platform=React-Native&amp;amp;integration=Drop-in\\&quot;&gt;React-Native Drop-in integration&lt;\\\/a&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;&lt;a href=\\&quot;\\\/pt\\\/development-resources\\\/api-credentials\\\/roles\\\/\\&quot;&gt;API credential roles&lt;\\\/a&gt;&lt;\\\/strong&gt;&lt;\\\/td&gt;\\n&lt;td style=\\&quot;text-align: left;\\&quot;&gt;To &lt;a href=\\&quot;#going-live\\&quot;&gt;process live Apple Pay payments&lt;\\\/a&gt; make sure that you have the following role: &lt;ul&gt;&lt;li markdown=\\&quot;1\\&quot;&gt;&lt;strong&gt;API Clientside Encryption Payments role&lt;\\\/strong&gt;.&lt;\\\/li&gt;&lt;\\\/ul&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, make sure that you have: &lt;ul&gt;&lt;li markdown=\\&quot;1\\&quot;&gt;&lt;a href=\\&quot;\\\/pt\\\/payment-methods\\\/apple-pay\\\/apple-pay-certificate\\\/ios\\&quot;&gt;Set up Apple Pay with your own certificate&lt;\\\/a&gt;.&lt;\\\/li&gt;&lt;li&gt; &lt;a href=\\&quot;\\\/pt\\\/payment-methods\\\/apple-pay\\\/apple-pay-certificate\\\/ios#add-apple-pay-as-a-payment-method-ios\\&quot;&gt;Added Apple Pay 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;altTitle&quot;:&quot;sessions&quot;,&quot;oldTabId&quot;:&quot;sessions-requirements_1&quot;,&quot;relation&quot;:&quot;sessions&quot;},{&quot;title&quot;:&quot;&lt;code&gt;\\\/payments&lt;\\\/code&gt;&quot;,&quot;content&quot;:&quot;\\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 built an Advanced flow &lt;a href=\\&quot;\\\/pt\\\/online-payments\\\/build-your-integration\\\/advanced-flow?platform=React-Native&amp;amp;integration=Drop-in\\&quot;&gt;React-Native Drop-in integration&lt;\\\/a&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;&lt;a href=\\&quot;\\\/pt\\\/development-resources\\\/api-credentials\\\/roles\\\/\\&quot;&gt;API credential roles&lt;\\\/a&gt;&lt;\\\/strong&gt;&lt;\\\/td&gt;\\n&lt;td style=\\&quot;text-align: left;\\&quot;&gt;To &lt;a href=\\&quot;#going-live\\&quot;&gt;process live Apple Pay payments&lt;\\\/a&gt; make sure that you have the following role &lt;ul&gt;&lt;li markdown=\\&quot;1\\&quot;&gt;&lt;strong&gt;API Clientside Encryption Payments role&lt;\\\/strong&gt;.&lt;\\\/li&gt;&lt;\\\/ul&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, make sure that you have: &lt;ul&gt;&lt;li markdown=\\&quot;1\\&quot;&gt;&lt;a href=\\&quot;\\\/pt\\\/payment-methods\\\/apple-pay\\\/apple-pay-certificate\\\/ios\\&quot;&gt;Set up Apple Pay with your own certificate&lt;\\\/a&gt;.&lt;\\\/li&gt;&lt;li&gt; &lt;a href=\\&quot;\\\/pt\\\/payment-methods\\\/apple-pay\\\/apple-pay-certificate\\\/ios#add-apple-pay-as-a-payment-method-ios\\&quot;&gt;Added Apple Pay 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;altTitle&quot;:&quot;advanced&quot;,&quot;oldTabId&quot;:&quot;advanced-requirements_2&quot;,&quot;relation&quot;:&quot;advanced&quot;}]\"\n            :should-update-when-url-changes='true'>\n        <\/tabs>\n    <\/div>\n<\/div>\n\n<h2>API reference<\/h2>\n<p>You do not need to send additional fields for Apple Pay. See the  <a href=\"https:\/\/docs.adyen.com\/api-explorer\/Checkout\/latest\/post\/payments\" class=\"codeLabel  external-link no-image\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">\/payments<\/a> endpoint API reference for the optional fields you can send.<\/p>\n<p>If you run into an error, refer to <a href=\"\/pt\/payment-methods\/apple-pay\/handle-apple-pay-errors\">Handle Apple Pay errors<\/a>.<\/p>\n<h2 id=\"configuration\">Drop-in configuration<\/h2>\n<p>When you <a href=\"\/pt\/online-payments\/react-native\/drop-in#configure-adyen-checkout\">create configuration object for <code>AdyenCheckout<\/code><\/a>, you must add additional properties for Apple Pay.<\/p>\n<table>\n<thead>\n<tr>\n<th>Property<\/th>\n<th>Description<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td><code>merchantID<\/code><\/td>\n<td>Your Apple Pay <a href=\"\/pt\/payment-methods\/apple-pay\/apple-pay-certificate\/ios#create-merchant-identifier\">merchant identifier<\/a>.<\/td>\n<\/tr>\n<tr>\n<td><code>merchantName<\/code><\/td>\n<td>Your merchant name. This is used to generate <a href=\"https:\/\/developer.apple.com\/documentation\/passkit\/pkpaymentsummaryitem\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"external-link no-image\">\n  <code>PKPaymentSummaryItem<\/code>\n<\/a>.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<div data-component-wrapper=\"code-sample\">\n    <code-sample :title=\"'Configure Apple Pay'\" :id=\"''\" :code-data=\"[{&quot;language&quot;:&quot;js&quot;,&quot;tabTitle&quot;:&quot;&quot;,&quot;content&quot;:&quot;const configuration: Configuration = {\\n  environment: 'test', \\\/\\\/ When you're ready to accept real payments, change the value to a suitable live environment.\\n  clientKey: 'YOUR_CLIENT_KEY',\\n  returnUrl: 'your-app:\\\/\\\/',\\n  countryCode: 'NL',\\n  amount: {\\n      currency: 'EUR',\\n      value: 1000\\n  },\\n  applepay: {\\n    merchantID: 'APPLE_PAY_MERCHANT_ID',\\n    merchantName: 'APPLE_PAY_MERCHANT_NAME'\\n  }\\n};&quot;}]\" :enable-copy-link-to-code-block=\"true\" :code-sample-card-size=\"'fullsize'\"><\/code-sample>\n<\/div>\n<h3 id=\"optional-configuration\">Optional configuration<\/h3>\n<p>You can optionally include the following properties when you <a href=\"\/pt\/online-payments\/react-native\/drop-in#configure\">configure <code>AdyenCheckout<\/code><\/a>:<\/p>\n<table>\n<thead>\n<tr>\n<th>Property<\/th>\n<th>Description<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td><code>allowOnboarding<\/code><\/td>\n<td>Set to <strong>true<\/strong> to let the shopper add new cards to their Apple Pay wallet if there are none or if their cards are not supported for the payment.<br>By default this is set to <strong>false<\/strong>, and Apple Pay isn't shown as an available payment method if there are no cards in their Apple Pay wallet.<\/td>\n<\/tr>\n<tr>\n<td><a href=\"https:\/\/developer.apple.com\/documentation\/passkit_apple_pay_and_wallet\/pkpaymentrequest\/1619231-paymentsummaryitems\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"external-link no-image\">\n  <code>summaryItems<\/code>\n<\/a><\/td>\n<td>An array of the items included in the purchase that summarize the payment amount. The last item must have the same value as the <code>amount<\/code> you send in your  <a href=\"https:\/\/docs.adyen.com\/api-explorer\/Checkout\/latest\/post\/payments\" class=\"codeLabel  external-link no-image\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">\/payments<\/a> request.<\/td>\n<\/tr>\n<tr>\n<td><a href=\"https:\/\/developer.apple.com\/documentation\/apple_pay_on_the_web\/applepaypaymentrequest\/2216121-requiredshippingcontactfields\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"external-link no-image\">\n  <code>requiredShippingContactFields<\/code>\n<\/a><\/td>\n<td>Shipping information fields that you require from the shopper to fulfill the order. Refer to Apple Pay documentation for sample values.<\/td>\n<\/tr>\n<tr>\n<td><a href=\"https:\/\/developer.apple.com\/documentation\/apple_pay_on_the_web\/applepaypaymentrequest\/2216120-requiredbillingcontactfields\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"external-link no-image\">\n  <code>requiredBillingContactFields<\/code>\n<\/a><\/td>\n<td>Billing information fields that you require from the shopper to process the transaction. Refer to Apple Pay documentation for sample values.<\/td>\n<\/tr>\n<tr>\n<td><a href=\"https:\/\/developer.apple.com\/documentation\/apple_pay_on_the_web\/applepaypaymentrequest\/1916125-billingcontact\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"external-link no-image\">\n  <code>billingContact<\/code>\n<\/a><\/td>\n<td>A prefilled billing address.<\/td>\n<\/tr>\n<tr>\n<td><a href=\"https:\/\/developer.apple.com\/documentation\/apple_pay_on_the_web\/applepaypaymentrequest\/1916127-shippingcontact\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"external-link no-image\">\n  <code>shippingContact<\/code>\n<\/a><\/td>\n<td>A prefilled shipping address.<\/td>\n<\/tr>\n<tr>\n<td><a href=\"https:\/\/developer.apple.com\/documentation\/apple_pay_on_the_web\/applepaypaymentrequest\/1916128-shippingtype\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"external-link no-image\">\n  <code>shippingType<\/code>\n<\/a><\/td>\n<td>The type of shipping displayed, for example <strong>Pick Up<\/strong>, <strong>Ship To<\/strong>, or <strong>Deliver To<\/strong>. This is localized. <br> Default: <strong>PKShippingTypeShipping<\/strong> = <strong>.shipping<\/strong>.<\/td>\n<\/tr>\n<tr>\n<td><a href=\"https:\/\/developer.apple.com\/documentation\/apple_pay_on_the_web\/applepaypaymentrequest\/2928612-supportedcountries\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"external-link no-image\">\n  <code>supportedCountries<\/code>\n<\/a><\/td>\n<td>Specify the <a href=\"https:\/\/www.iso.org\/iso-3166-country-codes.html\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"external-link no-image\">ISO 3166 country codes<\/a> if you only support payments from cards issued in specific countries.<\/td>\n<\/tr>\n<tr>\n<td><a href=\"https:\/\/developer.apple.com\/documentation\/apple_pay_on_the_web\/applepayshippingmethod\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"external-link no-image\">\n  <code>shippingMethods<\/code>\n<\/a><\/td>\n<td>List of available methods for shipping physical goods. Refer to Apple Pay documentation for sample values.<\/td>\n<\/tr>\n<tr>\n<td><code>recurringPaymentRequest<\/code><\/td>\n<td>Required for <a href=\"#recurring-payments\">recurring payments<\/a> to specify that the payment is a recurring payment. Corresponds to <a href=\"https:\/\/developer.apple.com\/documentation\/passkit_apple_pay_and_wallet\/pkrecurringpaymentrequest\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"external-link no-image\">\n  <code>PKRecurringPaymentRequest<\/code>\n<\/a>.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2 id=\"recurring-payments\">Recurring payments<\/h2>\n<p>To enable recurring payments, you must include <code>recurringPaymentRequest<\/code> <a href=\"#optional-configuration\">when configuring Apple Pay<\/a>, and include the <a href=\"#recurring-payment-props\">recurring payment properties<\/a>.<\/p>\n<p>To make recurring Apple Pay payments, you have to <a href=\"\/pt\/online-payments\/tokenization\/create-tokens\">create a token<\/a> and then <a href=\"\/pt\/online-payments\/tokenization\/make-token-payments\">make subsequent recurring transactions<\/a> with the token.<\/p>\n<h3 id=\"recurring-payment-props\">Recurring payment properties<\/h3>\n<p>In the <code>recurringPaymentRequest<\/code> property, include the following:<\/p>\n<table>\n<thead>\n<tr>\n<th>Property<\/th>\n<th>Required<\/th>\n<th>Description<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td><a href=\"https:\/\/developer.apple.com\/documentation\/apple_pay_on_the_web\/applepayrecurringpaymentrequest\/3955956-paymentdescription\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"external-link no-image\">\n  <code>paymentDescription<\/code>\n<\/a><\/td>\n<td><img title=\"-white_check_mark-\" alt=\"-white_check_mark-\" class=\"smileys\" src=\"\/user\/data\/smileys\/emoji\/white_check_mark.png\" \/><\/td>\n<td>The description of the recurring payment that Apple Pay shows to the user in the payment sheet.<\/td>\n<\/tr>\n<tr>\n<td><a href=\"https:\/\/developer.apple.com\/documentation\/apple_pay_on_the_web\/applepayrecurringpaymentrequest\/3955957-regularbilling\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"external-link no-image\">\n  <code>regularBilling<\/code>\n<\/a><\/td>\n<td><img title=\"-white_check_mark-\" alt=\"-white_check_mark-\" class=\"smileys\" src=\"\/user\/data\/smileys\/emoji\/white_check_mark.png\" \/><\/td>\n<td>The regular billing cycle for the recurring payment, including start and end dates, an interval, and an interval count.<\/td>\n<\/tr>\n<tr>\n<td><a href=\"https:\/\/developer.apple.com\/documentation\/apple_pay_on_the_web\/applepayrecurringpaymentrequest\/3955955-managementurl\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"external-link no-image\">\n  <code>managementURL<\/code>\n<\/a><\/td>\n<td><img title=\"-white_check_mark-\" alt=\"-white_check_mark-\" class=\"smileys\" src=\"\/user\/data\/smileys\/emoji\/white_check_mark.png\" \/><\/td>\n<td>A URL to a web page where the user can update or delete the payment method for the recurring payment.<\/td>\n<\/tr>\n<tr>\n<td><a href=\"https:\/\/developer.apple.com\/documentation\/apple_pay_on_the_web\/applepayrecurringpaymentrequest\/3955959-trialbilling\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"external-link no-image\">\n  <code>trialBilling<\/code>\n<\/a><\/td>\n<td><\/td>\n<td>If the recurring payment has a trial period, the trial billing cycle for the recurring payment.<\/td>\n<\/tr>\n<tr>\n<td><a href=\"https:\/\/developer.apple.com\/documentation\/apple_pay_on_the_web\/applepayrecurringpaymentrequest\/3955958-tokennotificationurl\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"external-link no-image\">\n  <code>tokenNotificationURL<\/code>\n<\/a><\/td>\n<td><\/td>\n<td>A URL you provide for receiving lifecycle updates from Apple Pay about the merchant token, for example, when the card issuer or the user deletes the merchant token.<\/td>\n<\/tr>\n<tr>\n<td><a href=\"https:\/\/developer.apple.com\/documentation\/apple_pay_on_the_web\/applepayrecurringpaymentrequest\/3955954-billingagreement\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"external-link no-image\">\n  <code>billingAgreement<\/code>\n<\/a><\/td>\n<td><\/td>\n<td>A localized billing agreement that the payment sheet shows to the user before the user authorizes the payment.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>For example:<\/p>\n<div data-component-wrapper=\"code-sample\">\n    <code-sample :title=\"'Configure Apple Pay for recurring payments'\" :id=\"''\" :code-data=\"[{&quot;language&quot;:&quot;js&quot;,&quot;tabTitle&quot;:&quot;&quot;,&quot;content&quot;:&quot;const configuration = {\\n  environment: 'test',\\n  clientKey: 'YOUR_CLIENT_KEY',\\n  \\\/\\\/ Your other configurations...\\n  applepay: {\\n      merchantID: 'YOUR_APPLE_PAY_MERCHANT_ID',\\n      merchantName: 'YOUR_APPLE_PAY_MERCHANT_NAME',\\n      \\\/\\\/ Your other optional Apple Pay configurations...\\n      recurringPaymentRequest: {\\n          description: 'My subscription'\\n          regularBilling: {\\n              amount: 1000,\\n              label: 'Monthly subscription payment',\\n              intervalCount: 1,\\n              intervalUnit: 'month',\\n              startDate: new Date('2025-04-28'),\\n              },\\n          managementURL: 'https:\\\/\\\/my-domain.com\\\/managementURL'\\n      }\\n  }\\n}&quot;}]\" :enable-copy-link-to-code-block=\"true\" :code-sample-card-size=\"'fullsize'\"><\/code-sample>\n<\/div>\n<h2 id=\"test-and-go-live\">Test and go live<\/h2>\n<p>Use Apple's test\u00a0card numbers\u00a0to\u00a0test your integration.<\/p>\n<p>For a full list of test cards and instructions how to add these to your test device, see <a href=\"https:\/\/developer.apple.com\/apple-pay\/sandbox-testing\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"external-link no-image\">Sandbox testing<\/a>\u00a0on\u00a0Apple's Developer website.<\/p>\n<p> <\/p>\n<p>Check the status of an Apple Pay test payment in your\u00a0<a href=\"https:\/\/ca-test.adyen.com\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"external-link no-image\">Customer Area<\/a>\u00a0&gt;\u00a0<strong>Transactions<\/strong>\u00a0&gt; <strong>\u00a0Payments<\/strong>.<\/p>\n<h3>Going live<\/h3>\n<p>To process live Apple Pay payments, your API credential needs to have the <strong>API Clientside Encryption Payments role<\/strong>. You can check this in your <a href=\"https:\/\/ca-live.adyen.com\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"external-link no-image\">live Customer Area<\/a> or ask your Admin user to verify.<\/p>\n<p> <\/p>\n<p><a href=\"\/pt\/payment-methods\/apple-pay\/apple-pay-certificate\/ios\">Set up Apple Pay<\/a> on your Apple Pay Developer account for your live merchant identifier.<\/p>\n<h2 id=\"see-also\">See also<\/h2>\n<div class=\"see-also-links output-inline\" id=\"see-also\">\n<ul><li><a href=\"\/online-payments\/react-native\/drop-in\"\n                        target=\"_self\"\n                        >\n                    Drop-in integration guide\n                <\/a><\/li><li><a href=\"\/online-payments\/tokenization\"\n                        target=\"_self\"\n                        >\n                    Tokenization\n                <\/a><\/li><li><a href=\"\/development-resources\/error-codes#apple-pay-error-codes\"\n                        target=\"_self\"\n                        >\n                    Apple Pay error codes\n                <\/a><\/li><li><a href=\"https:\/\/docs.adyen.com\/api-explorer\/#\/CheckoutService\/latest\/overview\"\n                        target=\"_blank\"\n                         class=\"external\">\n                    API Explorer\n                <\/a><\/li><\/ul><\/div>\n","url":"https:\/\/docs.adyen.com\/pt\/payment-methods\/apple-pay\/react-native-drop-in","articleFields":{"description":"Add Apple Pay to an existing Drop-in integration.","parameters":{"integration":"Drop-in","integration_guide_url":"react-native\/drop-in","component_name":"Drop-in","platform":"React-Native","component_name_capitalized":"Drop-in","payment_method":"Apple Pay","payment_method_type":"applepay","integration_type":"mobile"}},"algolia":{"url":"https:\/\/docs.adyen.com\/pt\/payment-methods\/apple-pay\/react-native-drop-in","title":"Apple Pay Drop-in integration","content":"This page explains how to add Apple Pay to your existing React-Native Drop-in integration.\nRequirements\nSelect which endpoint you are using:\n\n\n    \n        \n        \n    \n\n\nAPI reference\nYou do not need to send additional fields for Apple Pay. See the  \/payments endpoint API reference for the optional fields you can send.\nIf you run into an error, refer to Handle Apple Pay errors.\nDrop-in configuration\nWhen you create configuration object for AdyenCheckout, you must add additional properties for Apple Pay.\n\n\n\nProperty\nDescription\n\n\n\n\nmerchantID\nYour Apple Pay merchant identifier.\n\n\nmerchantName\nYour merchant name. This is used to generate \n  PKPaymentSummaryItem\n.\n\n\n\n\n    \n\nOptional configuration\nYou can optionally include the following properties when you configure AdyenCheckout:\n\n\n\nProperty\nDescription\n\n\n\n\nallowOnboarding\nSet to true to let the shopper add new cards to their Apple Pay wallet if there are none or if their cards are not supported for the payment.By default this is set to false, and Apple Pay isn't shown as an available payment method if there are no cards in their Apple Pay wallet.\n\n\n\n  summaryItems\n\nAn array of the items included in the purchase that summarize the payment amount. The last item must have the same value as the amount you send in your  \/payments request.\n\n\n\n  requiredShippingContactFields\n\nShipping information fields that you require from the shopper to fulfill the order. Refer to Apple Pay documentation for sample values.\n\n\n\n  requiredBillingContactFields\n\nBilling information fields that you require from the shopper to process the transaction. Refer to Apple Pay documentation for sample values.\n\n\n\n  billingContact\n\nA prefilled billing address.\n\n\n\n  shippingContact\n\nA prefilled shipping address.\n\n\n\n  shippingType\n\nThe type of shipping displayed, for example Pick Up, Ship To, or Deliver To. This is localized.  Default: PKShippingTypeShipping = .shipping.\n\n\n\n  supportedCountries\n\nSpecify the ISO 3166 country codes if you only support payments from cards issued in specific countries.\n\n\n\n  shippingMethods\n\nList of available methods for shipping physical goods. Refer to Apple Pay documentation for sample values.\n\n\nrecurringPaymentRequest\nRequired for recurring payments to specify that the payment is a recurring payment. Corresponds to \n  PKRecurringPaymentRequest\n.\n\n\n\nRecurring payments\nTo enable recurring payments, you must include recurringPaymentRequest when configuring Apple Pay, and include the recurring payment properties.\nTo make recurring Apple Pay payments, you have to create a token and then make subsequent recurring transactions with the token.\nRecurring payment properties\nIn the recurringPaymentRequest property, include the following:\n\n\n\nProperty\nRequired\nDescription\n\n\n\n\n\n  paymentDescription\n\n\nThe description of the recurring payment that Apple Pay shows to the user in the payment sheet.\n\n\n\n  regularBilling\n\n\nThe regular billing cycle for the recurring payment, including start and end dates, an interval, and an interval count.\n\n\n\n  managementURL\n\n\nA URL to a web page where the user can update or delete the payment method for the recurring payment.\n\n\n\n  trialBilling\n\n\nIf the recurring payment has a trial period, the trial billing cycle for the recurring payment.\n\n\n\n  tokenNotificationURL\n\n\nA URL you provide for receiving lifecycle updates from Apple Pay about the merchant token, for example, when the card issuer or the user deletes the merchant token.\n\n\n\n  billingAgreement\n\n\nA localized billing agreement that the payment sheet shows to the user before the user authorizes the payment.\n\n\n\nFor example:\n\n    \n\nTest and go live\nUse Apple's test\u00a0card numbers\u00a0to\u00a0test your integration.\nFor a full list of test cards and instructions how to add these to your test device, see Sandbox testing\u00a0on\u00a0Apple's Developer website.\n \nCheck the status of an Apple Pay test payment in your\u00a0Customer Area\u00a0&gt;\u00a0Transactions\u00a0&gt; \u00a0Payments.\nGoing live\nTo process live Apple Pay payments, your API credential needs to have the API Clientside Encryption Payments role. You can check this in your live Customer Area or ask your Admin user to verify.\n \nSet up Apple Pay on your Apple Pay Developer account for your live merchant identifier.\nSee also\n\n\n                    Drop-in integration guide\n                \n                    Tokenization\n                \n                    Apple Pay error codes\n                \n                    API Explorer\n                \n","type":"page","locale":"pt","boost":17,"hierarchy":{"lvl0":"Home","lvl1":"Payment methods","lvl2":"Apple Pay","lvl3":"Apple Pay Drop-in integration"},"hierarchy_url":{"lvl0":"https:\/\/docs.adyen.com\/pt","lvl1":"https:\/\/docs.adyen.com\/pt\/payment-methods","lvl2":"https:\/\/docs.adyen.com\/pt\/payment-methods\/apple-pay","lvl3":"\/pt\/payment-methods\/apple-pay\/react-native-drop-in"},"levels":4,"category":"Payment method","category_color":"green","tags":["Apple","Drop-in","integration"]}}
