Release notes

Required API version

This release requires the use of the Checkout API v52 or later.

Fixes

• Fixed an issue where the 3D Secure 2 component was failing without error for uncaught exceptions. When there is an uncaught exception for the 3D Secure Component,this will now be reported by observeErrors().

Required API version

This release requires the use of the Checkout API v52 or later.

Fixes

• Fixed a bug where custom localization was not being applied to the AwaitComponent.

Required API version

This release requires Checkout API v66 or later.

New

• New supported payment method: Amazon Pay. This payment method is only available on Components, not on Drop-in.
• For cards, you can now use the onBinLookup callback. This callback is only available on Drop-in and Components, not on the Custom Card Component.

Improvements

• The supported brands for Apple Pay and Google Pay are now automatically configured based on your account settings, so you no longer need to specify these in the supportedNetworks (for Apple Pay) or in allowedCardNetworks (for Google Pay).
• We added support for new BINs on the Bancontact card Component.
• Accessibility improvement: we've added translations for the aria attributes on the Card Component and the Custom Card Component.

Fixes

• You no longer receive API validation errors when making payment requests for voucher payment methods such as Indonesian bank transfers, Japanese convenience stores, or Philippines convenience stores (Dragonpay).

Updating to this version

npm install @adyen/adyen-web@3.20.0 --save

<script src="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/3.20.0/adyen.js"
     integrity="sha384-UNqekQqUbhwebnism+MhmqRqTuLtMCz7O/dMCjBuMZEoj61mhjM84R+jZDB2BIEg"
     crossorigin="anonymous"></script>

<link rel="stylesheet"
     href="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/3.20.0/adyen.css"
     integrity="sha384-jXPa2gofpP6MkO/994dAS/W4pn9MgcK9IOebe5jKpnRmzMAvnxBspvqQVpU3jjIH"
     crossorigin="anonymous">

Fixes

• Removed a bug in the Apple Pay Component where delegate.didFail() was sometimes called for a successful transaction.
• The Apple Pay icon in the Drop-in payment methods list is now compliant with Apple guidelines. This means any customizations in ListItemStyle are not applied to the Apple Pay icon.

New

• New supported payment method: BLIK.

Required API version

This release requires Checkout API v66 or later.

New

• Support for Boleto Bancário through PrimeiroPay using a redirect payment flow. If using PrimeiroPay, you need to handle action.type: redirect.
• Support for bank transfers through an additional action payment flow. The /payments request returns action.type: bankTransfer.

Changes

• BACS payments now have an additional action payment flow. This means you now need to handle action.type: voucher.

Improvements

• The Gift Card Component flow introduced in Web Components 3.17.0 now has more specific error messages.
• If you don't specify the countryCode for an open invoice payment methods, the Component will show a drop-down menu where the shopper chooses the country.
• The Apple Pay Component now has an onClick event, making it consistent with Google Pay and PayPal.

Fixes

• Fixed an issue where state.data had values for holder.name filled automatically when holder.name was disabled.
• For Java library users, we fixed an issue where initialization would fail if paymentMethodsResponse contained any null values.
• The onDisableStoredPaymentMethod Drop-in event now passes the correct storedPaymentMethodId parameter.
• If you're using the Custom Card Component with separate date fields without providing translations for placeholder values, the Component will use the default translations for the placeholders.
• For dual branded cards, we fixed the error where brand selection didn't work, meaning the shopper could only pay with the default card brand.
• Fixed an issue with the PayPal Component, where setting a invalid color on PayPal Credit would cause an error. The Component now defaults to valid PayPal colors.
• Fixed minor styling issues for the QiwiWallet Component.

Updating to this version

npm install @adyen/adyen-web@3.19.0 --save

<script src="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/3.19.0/adyen.js"
     integrity="sha384-taz+R7EBgv7Zhi89Jt8k00cAmOCtxDK586pbjJhl+owvWp7aipA2nawhG8VmPoVP"
     crossorigin="anonymous"></script>

<link rel="stylesheet"
     href="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/3.19.0/adyen.css"
     integrity="sha384-i7r6Qx/VBv4AYkHxh2Ah3fZd/+4scf5x72ZX6X1rrsxoPrvyr9lGOwacyysZDLWJ"
     crossorigin="anonymous">

New

• For stored cards, you can now show or hide the CVC field separately from the card form. To do this, use PaymentMethodsConfiguration.CardConfiguration.stored.showsSecurityCodeField.

Fixes

• Fixed an issue where the public delegate property of the UILabel could clash with code elsewhere in your integration.

New

• POST /paymentMethods

  • For Apple Pay and Google Pay, the response now contains the brands array.
  • If you enabled Boleto Bancário, the response now contains paymentMethod.type: primeiropay_boleto for Boleto Bancário payments through PrimeroPay.
  • New payment method: bank transfer, with paymentMethod.type: bankTransfer_IBAN.
• POST /payments
  • If you enabled Boleto Bancário, you can now include paymentMethod.type: primeiropay_boleto to make a payment with Boleto Bancário through PrimeroPay.
  • For bank transfers:
    • The request has paymentMethod.type: bankTransfer_IBAN.
    • The response has action.type: bankTransfer and action.paymentMethodType: bankTransfer_IBAN.

Improvements

• POST /paymentMethods
  • Sending a shopperReference of less than 3 characters now results in a validation error:

    {
    "status": 422,
    "errorCode": "216",
    "message": "The shopper reference must be at least 3 characters long.",
    "errorType": "validation",
    "pspReference": "881607079676281E"
    }

• POST /paymentLinks

  • Sending a shopperReference of less than 3 characters now results in a validation error.

• POST /payments

  • Sending a shopperReference of less than 3 characters now results in a validation error:
  • For redirects, except 3D Secure redirects, the response now contains details.key: redirectResult instead of details.key: payload.

• POST /payments/details

  • For redirects, except 3D Secure redirects, redirectResult is now the only way to specify the redirect result in the request, replacing payload.
• GET /paymentLinks/{linkId}
  • In the response, the status field now returns completed instead of paid to avoid confusion for payment methods that require an additional action.

New

• Affirm is now also supported when creating payment links through the Customer Area.
• We added the support for the following shopper locales: Czech, Greek, Hungarian, Croatian, Romanian, Slovak, and Slovenian.

Improvements

When creating payment links through the Customer Area, specifying a Shopper reference of less than 3 characters now results in a validation error.

Improvements

The error messages for client key issues now contain more information about the exact cause of the problem.

Fixes

When using saved payment details to make a payment, the payment no longer fails if you don't specify a paymentMethod.type.

Required API version

This release requires the use of the Checkout API v52 or later.

New

• Support for Swift Package Manager.
• We now support SwiftUI applications. Have a look at our example SwiftUI App on GitHub.
• New supported payment method: BLIK. For more information see the BLIKComponent class reference.
• Updated the 3D Secure SDK to v2.2.1.
• Optional parameter LocalizationParameters.bundle that you can use to override the default translation strings.

Deprecated

We are deprecating the following classes and parameters:

• Header section: showsLargeTitle and FormHeaderItem.
• Footer section: FormFooterItem, FormFooterItemView and FormFooterStyle. Use FormButtonItem and FormLabelItem instead.

Improvements

• Xcode 12 support for CocoaPods and Carthage.
• The card encryption code has been rewritten in Swift.
• You can now hide the CVC field for stored card payments. To do this in:
  • Drop-in, set PaymentMethodsConfiguration.card.showsSecurityCodeField to false.
  • Components, set CardComponent.showsSecurityCodeField to false.
• We removed the footer note from SEPADirectDebitComponent to bring it in line with other Adyen frontend libraries.
• When you're doing zero-value auth, the submit button text is now Confirm preauthorization.

Fixes

• Dismissing ApplePayComponent now correctly invokes the callback.
• Cancelling the web view using a swipe down now calls RedirectComponent.delegate.
• All card types now appear as an icon once you start typing a card number and the card type is detected.
• We fixed an issue where AdyenWeChatPay.xcscheme wasn't being tracked to build AdyenWeChatPay.framework on Carthage.

Required API version

This release requires the use of the Checkout API v65 or later.

Fixes

• We fixed a validation issue in the card component that occurred when a shopper selected a dual branded card.
• The BIN lookup will no longer fail if no brands have been provided in the Card Component configuration.

JavaScript and CSS files

<script src="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/3.18.2/adyen.js"
     integrity="sha384-/5SuEQKK7mLmDWB+eUPAur02KPkNC7pwAqyPez1TuNjeqRjsNDJdAnrbSxrzua2P"
     crossorigin="anonymous"></script>

<link rel="stylesheet"
     href="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/3.18.2/adyen.css"
     integrity="sha384-5K4T5NNVv7ZBvNypROEUSjvOL45HszUg/eYfYadY82UF4b+hc+TPQ4SsfTGXufJp"
     crossorigin="anonymous">

Fixes

• We fixed an Android Drop-in exception that occurred when generating a generic Configuration object with an empty clientKey.

Required API version

This release requires the use of the Checkout API v65 or later.

Improvements

• In the Google Pay Component, we added an onClick event that is triggered when the shopper selects the payment button. This allows you to perform a validation.

Fixes

• With Google Pay, the payment form shows the amount correctly again.

Known issues

• Dual branded cards cause a validation issue in the card component.
• The BIN lookup will fail if no brands have been provided in the Card Component configuration. To avoid this, specify at least one supported card type in the brands field.
• Both these issues are fixed in 3.18.2.

JavaScript and CSS files

<script src="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/3.18.1/adyen.js"
     integrity="sha384-CJ8FSR4EmldZPoNUHfpHrZ7CSOsP2lxp8xzSNIE92icrx46CmCoSxucO4IRE8h7V"
     crossorigin="anonymous"></script>

<link rel="stylesheet"
     href="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/3.18.1/adyen.css"
     integrity="sha384-5K4T5NNVv7ZBvNypROEUSjvOL45HszUg/eYfYadY82UF4b+hc+TPQ4SsfTGXufJp"
     crossorigin="anonymous">

Required API version

This release requires the use of the Checkout API v65 or later.

New

• We added the following languages:

  Language	locale
  Croatian	hr-HR
  Czech	cs-CZ
  Greek	el-GR
  Hungarian	hu-HU
  Romanian	ro-RO
  Slovak	sk-SK
  Slovenian	sl-SI

Fixes

• Some changes for Korean cards caused issues with gift cards. These issues are now fixed.
• For open invoice payment methods, we optimized how a delivery address is shown when it is pre-filled.

Known issues

• Dual branded cards cause a validation issue in the card component.
• The BIN lookup will fail if no brands have been provided in the Card Component configuration. To avoid this, specify at least one supported card type in the brands field.
• Both these issues are fixed in 3.18.2.

JavaScript and CSS files

<script src="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/3.18.0/adyen.js"
     integrity="sha384-Ocy41f4hyu9o/iyAfs8EnK/3ykYlYfBh/8M+gr/slw4Ymmpw3Hqe5fsIqmkj1rrA"
     crossorigin="anonymous"></script>

<link rel="stylesheet"
     href="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/3.18.0/adyen.css"
     integrity="sha384-cZIV5piH3KzCM9VwntcX2yQ9zLS8xvo9f0pld8RJe7mUBO2GcsgEmXkc78rH/UA3"
     crossorigin="anonymous">

Required API version

This release requires the use of the Checkout API v64 or later.

Changes

The are some changes in how the payment method details for SEPA Direct Debit and Apple Pay are passed by Drop-in/Components in the state.data.paymentMethod object:

• Apple Pay now outputs applePayToken instead of applepay.token
• SEPA Direct Debit now outputs iban and ownerName instead of sepa.ibanNumber and sepa.ownerName

Improvements

• For the Gift Card Component, we made some improvements to the flow.

Fixes

• For Korean cards, we fixed some issues with the koreanAuthenticationRequired property.

JavaScript and CSS files

<script src="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/3.17.2/adyen.js"
     integrity="sha384-9+nLpCVhoDOcPA/0Ebl0pTB55CIWp+XEMxjyivaRhvFc/Unajqo+Q/7+8I6+MtEO"
     crossorigin="anonymous"></script>

<link rel="stylesheet"
     href="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/3.17.2/adyen.css"
     integrity="sha384-cZIV5piH3KzCM9VwntcX2yQ9zLS8xvo9f0pld8RJe7mUBO2GcsgEmXkc78rH/UA3"
     crossorigin="anonymous">

Required API version

This release requires the use of the Checkout API v64 or later.

Fixes

• The Apple Pay Drop-in and Component can now use the configuration object from the /paymentMethods response.
• For giropay, the showPayButton configuration is now used as expected.

JavaScript and CSS files

<script src="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/3.17.1/adyen.js"
     integrity="sha384-g2XbIbtGW37gzNsvYJCzK0sjzvxuwdFTzRdAwspE9of5k+jU8ny5Pq5Dw96regYV"
     crossorigin="anonymous"></script>

<link rel="stylesheet"
     href="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/3.17.1/adyen.css"
     integrity="sha384-gbQyzqV1xX+snFEMrubEm0IpmYSufBjUnHzTaJZ+dcWCyxl0j94IZhnfC2gbxgeu"
     crossorigin="anonymous">

Fixes

We fixed an issue where making a non-EUR gift card payment with the order object was not working as expected.

Improvements

If no payment methods are available for the amount and countryCode specified in the payment link, the shopper will now see an error.

Fixes

The amount specified in a payment link is now correctly validated against the limit set for your account.

New

• You can now hide the CVC field when accepting payments with cards and stored card details using the CardComponent. To do this, set the hideCvc and hideCvcStoredCard flags to true in the CardConfiguration object.

Fixes

• When accepting payments with stored Bancontact (BCMC) card details, the Component no longer requires a CVC.

Improvements

• We added translations for MB WAY and for the AwaitComponent.

Required API version

This release requires the use of the Checkout API v64 or later.

New

We have redesigned the flow for gift cards.

• The Gift Card Component now calls an onBalanceCheck event when the shopper selects the Redeem button in the Component. You can use this event to trigger making the /paymentMethods/balance request from your server. Pass the response to the Component so that it can present the gift card balance in the UI.
• The Gift Card Component now also calls an onOrderRequest event when the gift card balance is not enough to complete the payment. You'll need to use this event to make an /orders request from your server. The /orders endpoint allows you to combine the gift card with other payment methods to make partial payments.

Known issues

The new gift card flow does not show errors when a balance check fails. In scenarios where the payment amount is lower than the gift card's balance, the Component is unable to call the submit() function. These behaviors are improved in version 3.17.2.

JavaScript and CSS files

<script src="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/3.17.0/adyen.js"
     integrity="sha384-G9jkTAyCOIVdksXbtrNgdur2DyRi85ujYLXbqe5AvvH23rN21d7xiU7cRIqvsEaH"
     crossorigin="anonymous"></script>

<link rel="stylesheet"
     href="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/3.17.0/adyen.css"
     integrity="sha384-gbQyzqV1xX+snFEMrubEm0IpmYSufBjUnHzTaJZ+dcWCyxl0j94IZhnfC2gbxgeu"
     crossorigin="anonymous">

New

• POST /payments: When making partial payments with an order object and without an amount, the API now automatically sets the amount to either the gift card balance or the remainingAmount, whichever is lower.

Fixes

• POST /payments: Fixed an issue that caused updating stored card details using an alias to fail.

Required API version

This release requires the use of the Checkout API v64 or later.

Improvements

This release improves build issues in version 3.16.0.

Fixes

• We fixed an issue with selecting the gender drop-down for open invoice payment methods.
• Components for open invoice payment methods no longer return undefined if the billingAddress and deliveryAddress are set as hidden.

JavaScript and CSS files

<script src="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/3.16.1/adyen.js"
     integrity="sha384-IOreZUn3JSJSXeX/xV17p9zCpXLjIwyB1jVdn1xXVJhhLsrBtC0N4EGmVbILt7eF"
     crossorigin="anonymous"></script>

<link rel="stylesheet"
     href="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/3.16.1/adyen.css"
     integrity="sha384-Ivs7XmKB7ICQBw/FnU9DEmcIqOki5gTiT4M8J5JasU3DjBixkqSBH4QWSBkKPTnr"
     crossorigin="anonymous">

Required API version

This release requires the use of the Checkout API v64 or later.

Improvements

• When configuring the Google Pay Component, you can now include include the transactionInfo parameter.
• The Apple Pay Component now uses the configuration object from the /paymentMethods response, so you no longer need to specify merchantName or merchantIdentifier when you configure the Component.
• We now make the onValidateMerchant call by default for the Apple Pay Component. However, you can also choose to make the call manually, in which case your onValidateMerchant call overrides the default.
• We improved the sourcemaps for the adyen.js files.

Fixes

The warning: paymentMethodsResponse was provided but no payment methods were found. will now only be shown if you provide a paymentMethodsResponse object without any valid payment methods.

JavaScript and CSS files

<script src="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/3.16.0/adyen.js"
     integrity="sha384-CRV5O2tkmxc/chbXyRgG8vsJzVfFulg8F9LXsqAbcavAZKFJzNXRk5fbHBPI9IlW"
     crossorigin="anonymous"></script>

<link rel="stylesheet"
     href="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/3.16.0/adyen.css"
     integrity="sha384-4ppagynsoxB4LNdDTdpX1No72EGOMm13+Y89hg+nz+dAIAWchOBTEnLL7u/hi6eM"
     crossorigin="anonymous">

Required API version

Web Components 3.15.1 requires API v64 or later.

New

• Added translation strings for installmentOptionMonths, installments.oneTime, installments.installments, and installments.revolving.

Improvements

• The BIN lookup functionality is now more reliable because it validates the card number after a new card brand is detected. This means the Card component gets the correct value even if the shopper pastes in a second valid card number.

Fixes

• The MB WAY component now only shows validation errors on blur, that is when it's no longer in focus.

JavaScript and CSS files

<script src="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/3.15.1/adyen.js"
     integrity="sha384-18bB9irNIu0hQBFN+kxYgjeiMARTx7ukMoeFWLw/Autuyi+w0S9nXsf5Fn/VwmI+"
     crossorigin="anonymous"></script>

<link rel="stylesheet"
     href="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/3.15.1/adyen.css"
     integrity="sha384-4ppagynsoxB4LNdDTdpX1No72EGOMm13+Y89hg+nz+dAIAWchOBTEnLL7u/hi6eM"
     crossorigin="anonymous">

New

• All endpoints
  • When a request fails due to validation errors, the response now returns the pspReference in the response body.
• POST /payments
  • You can now send the following additional parameters when providing risk-related information.
    • riskData.profileReference
    • riskData.fraudOffset
    • riskData.customFields
  • When making a payment with a gift card, the API now requires the paymentMethod.brand.
• POST /paymentLinks
  • You can now use the riskData object to send risk-related settings.
• POST /paymentMethods
  • For gift cards, the response now contains the gift card brand in the brand parameter.
• POST /paymentMethods/balance
  • If the gift card has a limit for how much balance can be used in a single transaction, the response now contains this limit in the transactionLimit field.

Changes

• POST /payments
  • BACS payments now have a voucher payment flow. This means the response now contains action.type: voucher instead of redirect.

Removed deprecated fields

• POST /paymentMethods
  • The response no longer contains the following parameters:
    • supportsRecurring
    • oneClickPaymentMethods: Use storedPaymentMethods instead.
    • groups: Use brands instead.

Fixes

• We fixed an issue with authentication for Korean cards.
• We fixed an issue with the PayPal authorisation-only flow.
• Pay by Link API: When you specified an array of allowedPaymentMethods, it was still possible to make payments with card types that were not specified in this array (even though they were not rendered in the UI). We have fixed this, so that it's no longer possible to make payments with card types not specified in the allowedPaymentMethods array.

Fixes

• If using the Klarna widget, you no longer get an error when making a /payments/details request.

Required API version

Web Components 3.15.0 requires API v64 or later.

New

• We introduced a new method for Web Drop-in, closeActivePaymentMethod. This lets you close a selected payment method, for example if you want to reset Drop-in.
• Support for installment options for card payments in Japan.

Improvements

• We improved the Google Pay Component:
  • existingPaymentMethodRequired is now set to false by default.
  • Increased the isAvailable timeout to accommodate higher latencies.
  • Removed the timeout for loading the Google Pay Web SDK file automatically so the Google Pay script can load properly.
• Swapped the order for the shopperEmail and telephoneNumber input fields in the personal details component. The email appears first, followed by the telepohone number.

Changes

• Removed the shopperEmail field from the MB WAY Component because it is no longer required by the payment method.

Fixes

• The formatData field for the ACH payment method is now properly checking the format, and the margin is fixed when no holder name is shown.
• When a shopper pastes a value into the card number field, we now correctly trigger the BIN lookup, clear the error and allow the shopper to make the payment.

JavaScript and CSS files

<script src="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/3.15.0/adyen.js"
     integrity="sha384-wRJEmCkwtDr3QqIA1UqInI8kmB6XerK8zxfIhP0bSk34lK/kyvE9bSewbrleIQwo"
     crossorigin="anonymous"></script>

<link rel="stylesheet"
     href="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/3.15.0/adyen.css"
     integrity="sha384-4ppagynsoxB4LNdDTdpX1No72EGOMm13+Y89hg+nz+dAIAWchOBTEnLL7u/hi6eM"
     crossorigin="anonymous">

New

• New supported payment method: MB WAY, MBWayComponent.
• Added the AwaitComponent to handle the await action type for payment methods like MB WAY.
• Added the client key to remove the need for configuring the cardPublicKey in your integration. The client key fetches your client encryption public key automatically from your Customer Area.
• Enabled programmatic dismissal for the RedirectComponent using the dismiss(animated:completion:) method.
• Added a closure callback to the ApplePayComponent which will be called when the user closes the payment sheet.
• Added support to exclude card brands from the ApplePayComponent.
• Support for JCB cards in the ApplePayComponent.
• Enabled customisation for the presentation style of the RedirectComponentby adding modalPresentationStyle to RedirectComponentStyle.
• Added didCancel(component:from:) to the DropInComponentDelegate to call back client code when a managed component is dismissed by the shopper.
• Updated the 3D Secure SDK to v2.1.0-rc6.

Improvements

• More accurate card brand detection for the CardComponent using the new client key.

Known issues

• The clientKey must be set in instances of CardComponent and BCMCComponent even when you use the initializer that receives the client key.

Fixes

We fixed an issue where single-use payment links were creating multiple payments.

Required API version

Web Components 3.14.1 requires API v64 or later.

Improvements

This release improves build issues in version 3.14.0.

JavaScript and CSS files

<script src="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/3.14.1/adyen.js"
     integrity="sha384-6CKCjdBJ5e8ODBkoPb8aS4NUVZUT84+EwcOq/EdHIQJsHXZyRy4Hzmlo3Cm/3VX3"
     crossorigin="anonymous"></script>

<link rel="stylesheet"
    href="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/3.14.1/adyen.css"
    integrity="sha384-dNVP3hcwQ/DJnbhWtKjt/xpYSDyS1Ch8m8tnxNehvZoGzcrjeGuKk9/dGstY+vxu"
    crossorigin="anonymous">

Required API version

Web Components 3.14.0 requires API v64 or later.

New

• New supported payment method: AfterPay B2B.

Improvements

• It is now possible to set the aria-label iframeTitle on the card fields.

Fixes

• Full-width characters such as Japanese Katakana characters are now validated correctly.
• We increased the time-out for loading device fingerprinting files, to prevent df-timeout errors from the onChange event when loading large device fingerprinting files.
• Fixed an issue that occurred in some situations with prefilled data when redirecting.
• Fixed an issue where the PayPal Component was not passing the correct component reference to the onCancel and onError events.
• Clicking on the icon for a dual-branded card to select the card brand is working as expected again.

JavaScript and CSS files

<script src="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/3.14.0/adyen.js"
     integrity="sha384-r16x+HZ6vkyWhMem7f3BaKcu23f64fnhpxflGasRv04Ii4ucIHagihmZj0Q5QSvA"
     crossorigin="anonymous"></script>

<link rel="stylesheet"
    href="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/3.14.0/adyen.css"
    integrity="sha384-dNVP3hcwQ/DJnbhWtKjt/xpYSDyS1Ch8m8tnxNehvZoGzcrjeGuKk9/dGstY+vxu"
    crossorigin="anonymous">

Required API version

Web Components 3.13.1 requires API v64 or later.

Fixes

• Fixed issues with Google Pay and Drop-in:
  • Google Pay can no longer trigger the submit flow twice on the Drop-in.
  • Safari now correctly resolves the initial isReadyToPay promise on Drop-in when automatically loading the Google Pay API JavaScript library.

JavaScript and CSS files

<script src="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/3.13.1/adyen.js"
     integrity="sha384-43SJm/Fc8D/N/UL7GYd+lUawkh0xQgdepGgkMMaoWKl0shiuU4yQrz6xYRMJvVI1"
     crossorigin="anonymous"></script>

<link rel="stylesheet"
    href="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/3.13.1/adyen.css"
    integrity="sha384-AtxcD/Ax9ZRBLJ63s/bwCMrfe/mXWt4TF7F+Vltoxo0WgAwWjVNDsfyMAgY+9nBi"
    crossorigin="anonymous">

New

Pay by Link API: When making a /paymentLinks request, you can now include the deliverAt parameter.

Fixes

• We fixed the Finnish translations for the terms and conditions prompt.
• Pay by Link API: We fixed an issue where payments would fail when you provided a delivery address but no billing address.

Improvements

For African eWallets and eBanking, the shopperEmail, shopperName, and the telephoneNumber are no longer required parameters for the /payments request.

Fixes

We fixed an issue in v64 where valid fields could trigger a validation error.

New

• New supported payment method: MB WAY.
• AwaitComponent to handle action.type: await.
• Added support for ClientKey which will replace PublicKey for client-side authentication in future versions.

Fixes

If the final status of the payment can not yet be determined, the shopper now sees a message of Pending instead of Something went wrong.

Required API version

Web Components 3.13.0 requires API v64 or later.

Improvements

• Added field validation for:
  • telephoneNumber in E-Context payments.
  • dateOfBirth in Open Invoice payment methods.
• For SEPA Direct Debit payments, the IBAN and name fields can now be filled in automatically. To do this, pass ibanNumber and ownerName to paymentMethodsConfiguration.
• Apple Pay now uses the highest version supported by the shopper's device by default. You can override this setting in your Apple Pay configuration.
• The Google Pay Component now uses the configuration object from the /paymentMethods response, so you no longer need to specify merchantIdentifier when configuring the Component.
• Accessibility improvements:
  • If there is no aria configuration object, the component creates one with the default iframeTitle and error properties.
  • If an iframeTitle or error property is missing from the configuration object you defined, they are added automatically.
  • If no placeholder configuration object exists, one is created with a default and translated value.
  • For errors, the components use aria-live="polite". For example, if an error comes up when filling in the form, the screen reader will read the error text after it finishes reading the current text.
  • Screen readers no longer read a description for the payment method icons which are decorative. Instead, they read the text announcing the payment method.
• The Web Drop-in integration now has a 1 second timeout for the isAvailable filter. This means that if a payment method fails to load, Web Drop-in continues to load the form for all other payment methods. The end result will not contain an error, it will be the Drop-in form without the payment method that failed to load.

Fixes

• The PayPal Component no longer returns an error when calling unmount().
• The aria label iframeTitle works correctly for the card and custom card integrations.

JavaScript and CSS files

<script src="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/3.13.0/adyen.js"
     integrity="sha384-cMH19I9HPj31iL3b/lcBcpsqbieCGSLyNef+RzjS7g3h5DhP2BI6j68/ogKSQCAh"
     crossorigin="anonymous"></script>

<link rel="stylesheet"
     href="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/3.13.0/adyen.css"
     integrity="sha384-AtxcD/Ax9ZRBLJ63s/bwCMrfe/mXWt4TF7F+Vltoxo0WgAwWjVNDsfyMAgY+9nBi"
     crossorigin="anonymous">

Fixes

The QR code for WeChatPay is now rendering correctly.

Required API version

Web Components 3.12.1 requires API v51 or later.

Fixes

• For giropay, setting the showPayButton: false now hides the Pay button.

JavaScript and CSS files

<script src="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/3.12.1/adyen.js"
     integrity="sha384-Z40LrT7R1YX9m5TJsqwQA5H3YqKvPA/DKBnPwXa4SwaDEs/feQSThsSph6PjbCQ1"
     crossorigin="anonymous"></script>

<link rel="stylesheet"
     href="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/3.12.1/adyen.css"
     integrity="sha384-GYuZ2hTudNw7WyFFpYgZ2+Dd1a1QqD0d0u7p6RE9F6q2yNnIEe6gPNs+Ml0QI5Mt"
     crossorigin="anonymous">

Required API version

Web Components 3.12.0 requires API v51 or later.

New

• New supported payment method: Affirm.

Improvements

• The Swish Component now displays a pending message, warning shoppers about multiple charges if they try to pay again while the status is pending.
• We improved the translation strings:
  • confirmPurchase is now Confirm purchase instead of Confirm Purchase.
  • voucher.collectionInstitutionNumber and installmentOption are now available for all supported languages.
• PayEasy (econtext_atm) vouchers now show the Collection Institutions Number.

Fixes

• state.data now only returns fields that contain data for open invoice payment methods.
• The billingAddress object now only shows the fields that contain data.

JavaScript and CSS files

<script src="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/3.12.0/adyen.js"
     integrity="sha384-jH1pzFwMGYFHB6rut7oqTmHBMBdFhO+8vkYRhoX93CJePN7Ulx+US7H8lUkz/NP1"
     crossorigin="anonymous"></script>

<link rel="stylesheet"
     href="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/3.12.0/adyen.css"
     integrity="sha384-GYuZ2hTudNw7WyFFpYgZ2+Dd1a1QqD0d0u7p6RE9F6q2yNnIEe6gPNs+Ml0QI5Mt"
     crossorigin="anonymous">

Improvements

The payment update to your email now contains the payment method used for the payment.

Fixes

• We fixed an issue where redirecting back from the Swish app would start a new Swish payment.
• Pay by Link API: Specifying cup in the allowedPaymentMethods or the blockedPaymentMethods array now works as expected.

Required API version

Web Components 3.11.4 requires API v51 or later.

Fixes

• If you're using a client key with wildcards in the allowed origins, the card fields now load even after changing domains, for example when the shopper switches country. The browser no longer caches the origin so you can use more than one origin in a browser session.

JavaScript and CSS files

<script src="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/3.11.4/adyen.js"
     integrity="sha384-r6VzatKWD1SDwT5pfnl6sfkNJYAsTAUlUOO6PEbIhMwWFkPrE28R/8cjAKBp9yCd"
     crossorigin="anonymous"></script>

<link rel="stylesheet"
    href="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/3.11.4/adyen.css"
    integrity="sha384-gTrHdtmLDTaHuDUKM1okZAVgBTwjiI+E66Tz3K71+10Lhd7zxvtUF5lrHc35cNIR"
    crossorigin="anonymous">

Required API version

Web Components 3.11.3 requires API v51 or later.

Improvements

• Added support for auto-completing the card expiry date in different formats. All non-numerical characters in date strings, such as ., -, and / are supported.

JavaScript and CSS files

<script src="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/3.11.3/adyen.js"
     integrity="sha384-2t2P/ImpM1vBj1hfrMp6pHPcNk7U4OSZMADKPINi7Y9JEt5m2ul3COhwTMsrA3ab"
     crossorigin="anonymous"></script>

<link rel="stylesheet"
    href="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/3.11.3/adyen.css"
    integrity="sha384-gTrHdtmLDTaHuDUKM1okZAVgBTwjiI+E66Tz3K71+10Lhd7zxvtUF5lrHc35cNIR"
    crossorigin="anonymous">

Fixes

• Fixed an issue where shoppers did not get redirected correctly when using 3D Secure.

Improvements

• We now accept shopperLocale with both underscores (for example en_US) and hyphens (for example en-US).

Required API version

Web Components 3.11.1 requires API v51 or later.

New

• The Google Pay Component now automatically loads the Google Pay script if the Component doesn't detect the script in your front end. In previous versions, you had to handle this in your front end, making sure that you load the Google Pay API JavaScript library before the Adyen JS script.

Improvements

• Components for payment methods that use QR codes (such as Swish or WeChat Pay) now also calls onAdditionalDetails when the Component receives an error.
• When using the Swish Component, the timeout for status checks is now increased to 15 minutes. The timeout used to be 3 minutes.

Fixes

• We fixed the loading state for multiple Components (such as BLIK and Multibanco). In earlier versions, some Components didn't have a loading state so the Components weren't displaying the spinner while initializing.
• We made the following fixes for the Card Component:
  • The Card Component now allows focus on optional security code fields.
  • We fixed the logic when validating extra fields required for AVS and for authentication for Korean cards.
  • We fixed the valid state of ExpirationDate.

JavaScript and CSS files

<script src="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/3.11.1/adyen.js"
     integrity="sha384-Br76hCQAZTck3C/I3hObqUc/2xXMC48wJfBURX/e25bpuI2wV4wHYPqbXXovHQ0D"
     crossorigin="anonymous"></script>

<link rel="stylesheet"
    href="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/3.11.1/adyen.css"
    integrity="sha384-gTrHdtmLDTaHuDUKM1okZAVgBTwjiI+E66Tz3K71+10Lhd7zxvtUF5lrHc35cNIR"
    crossorigin="anonymous">  

New

• All endpoints
  • If an API request contains a field that is not recognized, or if the format is not valid, we now return an error message with error code 702 instead of dropping the field. The error message contains information about why the validation failed, for example:

    {
    "status": 400,
    "errorCode": "702",
    "message": "Structure of PaymentRequest contains the following unmapped fields exampleErrorField",
    "errorType": "validation"
    }

• POST /payments
  • For Boleto Bancário, when a shopperEmail is provided, we now send an email with the Boleto code to the shopper.

Improvements

• POST /payments
  • For Bancontact mobile and WeChat Pay, when making a request with paymentMethod.type bcmc_mobile_QR or wechatpayQR, the response now returns Pending instead of PresentToShopper result code. This result code is now consistent with other QR code payment methods such as BLIK and Swish.

Changes

• POST /paymentMethods

  • The response for Amazon Pay, Google Pay, PayPal, and Korean cards now contains a configuration object. Example for Google Pay:

    {
    "paymentMethods":[
      {
         "name":"Google Pay",
         "type":"paywithgoogle",
         "configuration":{
            "merchantId":"0123456789"
         }
      }
    ]
    }

• POST /payments
  • For UnionPay Secureplus, telephoneNumber is now an optional field.

Deprecated

• POST /payments

  • In the response, we have marked a number of fields as deprecated. Although they are deprecated, these fields have not yet been removed from the response and you can still use them.

    In a future version of the API, the deprecated fields will be removed and replaced by fields in the action object. We recommend that you start using the fields in the action object in the response.

    This applies to the following fields:

    Response field	Solution
    authentication	Use the action object instead to get the values to be used in further calls to the /payments/details endpoint. Applies to 3D Secure 2 payments.
    details [InputDetail]	Use the action object instead to get all the fields needed to submit in the /payments/details call.
    outputDetails	Use the action object instead to get the details that will be presented to the shopper.
    paymentData	Use action.Paymentdata instead.
    redirect	Use the action object instead to get information about the redirect URL for payment flows that require a redirect.

New

• New supported payment methods: Google Pay, Korean cards.
• We added support for the PayPal authorisation-only flow.

Required API version

Web Components 3.11.0 requires API v51 or later.

New

Unsupported cards are now blocked on the frontend. When a shopper provides an unsupported card type, the Component disables the payment form, and displays an Unsupported card error message.

In previous versions, you'd only find out if a shopper provided an unsupported card type when you receive an errorCode: 905 in the /payments response. In this version, the Component triggers an onError callback after it detects that the card type is unsupported. The callback also returns a detectedBrands array that indicates what type of card the shopper used.

Improvements

• The Bancontact card brand property now defaults to bcmc.

Fixes

• Apple Pay now uses the configuration.merchantName property as the default label for the total line item if the totalPriceLabel is not provided.

JavaScript and CSS files

<script src="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/3.11.0/adyen.js"
     integrity="sha384-sR3tFyFWM09aya/mpkzB0fV4t+g6b4i64izXXy+lSSTmrgL/9/cdNFURV5T9gUbI"
     crossorigin="anonymous"></script>

<link rel="stylesheet"
    href="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/3.11.0/adyen.css"
    integrity="sha384-8ofgICZZ/k5cC5N7xegqFZOA73H9RQ7H13439JfAZW8Gj3qjuKL2isaTD3GMIhDE"
    crossorigin="anonymous">  

New

• POST /paymentLinks
  • The response now returns the payment link id along with all other parameters sent in the request. In previous versions, the response only contained the URL, expiry date, reference, and amount.
• POST /payments
  • When making a request with paymentMethod.type bcmc_mobile, the response now returns both url and qrCodeData. This allows you to offer both QR code and app redirect to your shoppers.
  • We now return an error if the origin in the request contains more than 80 characters or if the URL is invalid.

Improvements

• POST /paymentMethods
  • For giropay, the bic is no longer returned in the response. If you're using Web Drop-in or Components, the front end will no longer require a BIC. When shoppers select to pay with giropay, they are now redirected to giropay's website where they can provide their BIC.
  • For Bancontact mobile, the response now only returns bcmc_mobile. This new payment method type combines the bcmc_mobile_QR and bcmc_mobile_app types from previous versions of the API.
  • If transaction rules for payment methods are set up for your account, these are now evaluated when you send a /paymentMethods request.
• POST /paymentLinks
  • If a request is successful, the response now returns HTTP 201 instead of an HTTP 200 result code.

Required API version

Web Components 3.10.1 requires API v51 or later.

Fixes

• Setting only the clientKey property in the configuration object, without the originKey, now works as expected.

JavaScript and CSS files

<script src="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/3.10.1/adyen.js"
     integrity="sha384-wG2z9zSQo61EIvyXmiFCo+zB3y0ZB4hsrXVcANmpP8HLthjoQJQPBh7tZKJSV8jA"
     crossorigin="anonymous"></script>

<link rel="stylesheet"
    href="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/3.10.1/adyen.css"
    integrity="sha384-8ofgICZZ/k5cC5N7xegqFZOA73H9RQ7H13439JfAZW8Gj3qjuKL2isaTD3GMIhDE"
    crossorigin="anonymous">

Required API version

Web Components 3.10.0 requires API v51 or later.

New

• Added support for callbackIntents on the Google Pay component. This allows for updating the price dynamically when certain information changes. Refer to PaymentDataCallbacks.

Improvements

• Added support for plurals and string interpolation on translations.
• We now generate one set of SRI hashes, so now you can use the same SRI hash regardless of where you're loading Adyen JS and CSS files from—test or live, including from live region-specific URLs.

Fixes

• With Web Drop-in the dropin.submit() is once again working with Google Pay.
• Fixed an issue in Web Drop-in where selecting "Pay" on stored cards didn't trigger the onSubmit() callback due to the billingAddressRequired property.
• Chrome autofill on iOS now works as expected, and setting the value of placeholder to null no longer throws an error.

JavaScript and CSS files

<script src="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/3.10.0/adyen.js"
     integrity="sha384-ghytckjc6RtqM4eKYE4LBJRtqZWcxPv/sGamiebH2dY3tyiQYUOZnPJ0s27de7vB"
     crossorigin="anonymous"></script>

<link rel="stylesheet"
    href="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/3.10.0/adyen.css"
    integrity="sha384-8ofgICZZ/k5cC5N7xegqFZOA73H9RQ7H13439JfAZW8Gj3qjuKL2isaTD3GMIhDE"
    crossorigin="anonymous">

New

• Notifications for Pay by Link payments now include the paymentLinkId.

Fixes

• Fixed an issue where in some cases split payment data were not retained with iDEAL payments.

Fixes

• When risk data are included in the payments request, this no longer results in an invalid signature calculation.

Fixes

• We fixed an issue where a non-reusable payment link can still be reused after paying with Klarna.

New

• You can now choose to show or hide the security code field, and we added a delegate for onBrand and onBin to the Card Component.
• AnyCardPaymentMethod now contains CardFundingSource.
• When the app goes to the background, sensitive form components are blurred in the UI.
• You can now customize rounded corners, and we added a customized tintColorand separator.
• We introduced a new issue type Assistance needed on GitHub.
• We have enabled dynamic font adjustments. When iPhone users change the font size in their settings, our SDK now supports that.

Improvements

• We now accept card expiry dates up to 30 years in the future when we validate card data.
• We made the AmountFormatter public and added a helper function to convert major unit double values into minor unit Int values.
• We enabled a loading state for the PaymentMethodListComponent.
• We improved warnings, tests coverage, documentation and translation.

Fixes

• While a payment is in progress, you can't cancel a payment using Drop-in and the open all button is disabled.
• We adjusted the preselected payment method component height for iOS 10 and fixed bug with the iOS 10 PreselectedComponent.
• We fixed the background for ListItemView, focusing on CVC field and navigation glitches for half-screen presentation.

other

• barTintColor and barBackgroundColor in NavigationStyle have been deprecated.
• We currently present Redirect from the top most viewController on keyWindow and we deprecated RedirectComponent.presenterViewController.

Required API version

Web Components 3.9.5 requires API v51 or later.

Fixes

• When using the Component to collect billing address, countries with state datasets now get correctly validated when the state field value changes.

Improvements

• Components for payment methods where you receive an await action type (such as MBWAY and BLIK) now always calls onAdditionalDetails when the Component receives an error.

• The storePaymentMethod field is now sent in the state.data object as long as enableStoreDetails is set to true (the Save details for next time checkbox is shown in the UI). If the shopper doesn't select the checkbox, the state.data.storePaymentMethod field will have a value of false.

JavaScript and CSS files

<script src="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/3.9.5/adyen.js"
     integrity="sha384-uOrvYLSC+gNG9rRi6gKnzTwPsO7Hi5KHOlZGl8CR3tA0s/0HLOvU9ViyJTWEcNk1"
     crossorigin="anonymous"></script>

<link rel="stylesheet"
    href="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/3.9.5/adyen.css"
    integrity="sha384-6qrXvoxlnBlrflZQ9g5Yf5oZapUSSXctPxacP9oRcEukbEO7lXisuSyMKG8pDX8V"
    crossorigin="anonymous">

<script src="https://checkoutshopper-live-au.adyen.com/checkoutshopper/sdk/3.9.5/adyen.js"
     integrity="sha384-iZt3PdCyPwmL0/kLOGgFfASMmKfrP3qsruDvBYdjPVr/mZ9zjxNdfpiQRNONechR"
     crossorigin="anonymous"></script>

<link rel="stylesheet"
    href="https://checkoutshopper-live-au.adyen.com/checkoutshopper/sdk/3.9.5/adyen.css"
    integrity="sha384-6qrXvoxlnBlrflZQ9g5Yf5oZapUSSXctPxacP9oRcEukbEO7lXisuSyMKG8pDX8V"
    crossorigin="anonymous">

<script src="https://checkoutshopper-live-us.adyen.com/checkoutshopper/sdk/3.9.5/adyen.js"
     integrity="sha384-XgOIbSPeGkwWBwvEI5niWrvG/BiWfOrIW+9PQLLkBFSz9EeGG2jb1JWfZMXHfiaH"
     crossorigin="anonymous"></script>

<link rel="stylesheet"
    href="https://checkoutshopper-live-us.adyen.com/checkoutshopper/sdk/3.9.5/adyen.css"
    integrity="sha384-6qrXvoxlnBlrflZQ9g5Yf5oZapUSSXctPxacP9oRcEukbEO7lXisuSyMKG8pDX8V"
    crossorigin="anonymous">

Fixes

• We fixed an issue where if you upload a logo for your payment page, the favicon did not reflect the logo. Now you can see the logo on the payment page and in your browser's favicon.
• We resolved an issue where payment links can still be used even if you sent reusable: false in your request.

Required API version

Web Components 3.9.4 requires API v51 or later.

Fixes

• Fixed an issue regarding validation of the billing address in the Card Component where a pre-filled country with no states available still waits for a state or province field to be provided.
• Fixed an issue where the Card Component state does not update the address data until the country is changed.
• Fixed an issue where MBWay Component accepted different names for shopperEmail and telephoneNumber parameters in the request.
• Fixed an issue regarding validation when a namePrefix is passed to the personalDetails shopper input fields.

JavaScript and CSS files

<script src="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/3.9.4/adyen.js"
     integrity="sha384-/rpftrZptnl7EIuIvqz4PAEehQoysKXmwqUAGyH9lK3WHgcvY0lWj/S5LH7xrbf+"
     crossorigin="anonymous"></script>

<link rel="stylesheet"
    href="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/3.9.4/adyen.css"
    integrity="sha384-6qrXvoxlnBlrflZQ9g5Yf5oZapUSSXctPxacP9oRcEukbEO7lXisuSyMKG8pDX8V"
    crossorigin="anonymous">

<script src="https://checkoutshopper-live-au.adyen.com/checkoutshopper/sdk/3.9.4/adyen.js"
     integrity="sha384-x5nR4QlJjqyxVBCSrtwcObqGmUX1o8GRmZAq/kzkAoInnPv9302Kx3IaNmXimXm8"
     crossorigin="anonymous"></script>

<link rel="stylesheet"
    href="https://checkoutshopper-live-au.adyen.com/checkoutshopper/sdk/3.9.4/adyen.css"
    integrity="sha384-6qrXvoxlnBlrflZQ9g5Yf5oZapUSSXctPxacP9oRcEukbEO7lXisuSyMKG8pDX8V"
    crossorigin="anonymous">

<script src="https://checkoutshopper-live-us.adyen.com/checkoutshopper/sdk/3.9.4/adyen.js"
     integrity="sha384-IByFWjXawq+IAPig1kOIzXhtVvwVfLitFBWEuRH2UnzkErm7Ueq3AtZ5b14v1i2/"
     crossorigin="anonymous"></script>

<link rel="stylesheet"
    href="https://checkoutshopper-live-us.adyen.com/checkoutshopper/sdk/3.9.4/adyen.css"
    integrity="sha384-6qrXvoxlnBlrflZQ9g5Yf5oZapUSSXctPxacP9oRcEukbEO7lXisuSyMKG8pDX8V"
    crossorigin="anonymous">

Required API version

Web Components 3.9.3 requires API v51 or later.

JavaScript and CSS files

<script src="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/3.9.3/adyen.js"
     integrity="sha384-q0+/vVCY8/PdVap8fjVJm5zYIy08aNdQuBhvk6pnocoDW3IqqdeyCMQH1i+M1EEt"
     crossorigin="anonymous"></script>

<link rel="stylesheet"
    href="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/3.9.3/adyen.css"
    integrity="sha384-6qrXvoxlnBlrflZQ9g5Yf5oZapUSSXctPxacP9oRcEukbEO7lXisuSyMKG8pDX8V"
    crossorigin="anonymous">

<script src="https://checkoutshopper-live-au.adyen.com/checkoutshopper/sdk/3.9.3/adyen.js"
     integrity="sha384-5Fd4uutISWQGO+soWjfXrVsKxtNz0spAD8b/CN7AibB9xVaA2aSnQ3j0USdYI0tZ"
     crossorigin="anonymous"></script>

<link rel="stylesheet"
    href="https://checkoutshopper-live-au.adyen.com/checkoutshopper/sdk/3.9.3/adyen.css"
    integrity="sha384-6qrXvoxlnBlrflZQ9g5Yf5oZapUSSXctPxacP9oRcEukbEO7lXisuSyMKG8pDX8V"
    crossorigin="anonymous">

<script src="https://checkoutshopper-live-us.adyen.com/checkoutshopper/sdk/3.9.3/adyen.js"
     integrity="sha384-upVt2eJorVIMwWuGQzv/8+LnE47q8SuV8hVji61X+1AZiXVkk4izu2CkXKNo/yNI"
     crossorigin="anonymous"></script>

<link rel="stylesheet"
    href="https://checkoutshopper-live.adyen-us.com/checkoutshopper/sdk/3.9.3/adyen.css"
    integrity="sha384-6qrXvoxlnBlrflZQ9g5Yf5oZapUSSXctPxacP9oRcEukbEO7lXisuSyMKG8pDX8V"
    crossorigin="anonymous">

Required API version

Web Components 3.9.2 requires API v51 or later.

JavaScript and CSS files

<script src="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/3.9.2/adyen.js"
     integrity="sha384-0CZVjqVYBiMd+93KP09SDniCpCV0cP2g40JBhpN0+7Oq5hzI+JqdzJu9S1+B5tDn"
     crossorigin="anonymous"></script>

<link rel="stylesheet"
    href="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/3.9.2/adyen.css"
    integrity="sha384-6qrXvoxlnBlrflZQ9g5Yf5oZapUSSXctPxacP9oRcEukbEO7lXisuSyMKG8pDX8V"
    crossorigin="anonymous">

<script src="https://checkoutshopper-live-au.adyen.com/checkoutshopper/sdk/3.9.2/adyen.js"
     integrity="sha384-icrcWShOxmycBy8YaYD6uUaLOwHUHwt2Z2vGM/gNm5U/1TJntSrDLWu8kl/60wa9"
     crossorigin="anonymous"></script>

<link rel="stylesheet"
    href="https://checkoutshopper-live-au.adyen.com/checkoutshopper/sdk/3.9.2/adyen.css"
    integrity="sha384-6qrXvoxlnBlrflZQ9g5Yf5oZapUSSXctPxacP9oRcEukbEO7lXisuSyMKG8pDX8V"
    crossorigin="anonymous">

<script src="https://checkoutshopper-live-us.adyen.com/checkoutshopper/sdk/3.9.2/adyen.js"
     integrity="sha384-VKfWLzBuYRmJ+qmS5SFqjxyaxyQoBZq1vpWSb2WgS6gsqZGsi0PZZKP9Yir9phA5"
     crossorigin="anonymous"></script>

<link rel="stylesheet"
    href="https://checkoutshopper-live.adyen-us.com/checkoutshopper/sdk/3.9.2/adyen.css"
    integrity="sha384-6qrXvoxlnBlrflZQ9g5Yf5oZapUSSXctPxacP9oRcEukbEO7lXisuSyMKG8pDX8V"
    crossorigin="anonymous">

Required API version

Web Components 3.9.1 requires API v51 or later.

Fixes

• The state.data.paymentMethod.brand field now shows the brand of the stored cards again.
• We fixed the translation strings for da-DK and added the missing translation strings for ko-KR.
• If an invalid blikCode is entered on the front-end, the error message is now correctly reflected.

JavaScript and CSS files

<script src="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/3.9.1/adyen.js"
     integrity="sha384-5RGbm/PP27SIGIeNaNn7l1S152uTFxajye1u1O7iVhQDPo5+uJ9uzT+D01cWFT1k"
     crossorigin="anonymous"></script>

<link rel="stylesheet"
    href="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/3.9.1/adyen.css"
    integrity="sha384-6qrXvoxlnBlrflZQ9g5Yf5oZapUSSXctPxacP9oRcEukbEO7lXisuSyMKG8pDX8V"
    crossorigin="anonymous">

<script src="https://checkoutshopper-live-au.adyen.com/checkoutshopper/sdk/3.9.1/adyen.js"
     integrity="sha384-ERDmjx3RpG2KkBBn0Y19E+QHgo14JKC50xIbt/uEiT9JXvQQvyMVzug34vBTFv/8"
     crossorigin="anonymous"></script>

<link rel="stylesheet"
    href="https://checkoutshopper-live-au.adyen.com/checkoutshopper/sdk/3.9.1/adyen.css"
    integrity="sha384-6qrXvoxlnBlrflZQ9g5Yf5oZapUSSXctPxacP9oRcEukbEO7lXisuSyMKG8pDX8V"
    crossorigin="anonymous">

<script src="https://checkoutshopper-live-us.adyen.com/checkoutshopper/sdk/3.9.1/adyen.js"
     integrity="sha384-lBtqxf0Hp6M513UeAsEA39Zk73W4BJcRwzYq2iailbxSFIgYppkhQKte3ZxKSQ+N"
     crossorigin="anonymous"></script>

<link rel="stylesheet"
    href="https://checkoutshopper-live-us.adyen.com/checkoutshopper/sdk/3.9.1/adyen.css"
    integrity="sha384-6qrXvoxlnBlrflZQ9g5Yf5oZapUSSXctPxacP9oRcEukbEO7lXisuSyMKG8pDX8V"
    crossorigin="anonymous">

New

You can now see the /paymentLinks endpoint in your Customer Area, under Accounts > API URLs.

Improvements

Pay by Link now only shows one option for WeChat Pay in the payment method selection list.

Fixes

Ratepay Direct Debits payments using Austrian (AT) IBANs is now working.

New

The paymentLinkId is now sent in the AUTHORISATION notification webhook. You can use this to reconcile payments to payment links.

Required API version

Web Components 3.9.0 requires API v51 or later.

New

• New supported payment method: BLIK.
• Client-side authentication using the client key. The client key allows for more flexible and efficient origin management than the origin key. If you are using origin keys, see how to migrate to using the client key.

Improvements

• We improved the UI for the Bancontact mobile Pay button.
• Added new localization fields for BLIK and improved localization fields for credit cards.

Fixes

• Double-clicking a Google Pay button started a session twice, resulting in an error. We fixed this so you can now double-click a Google Pay button without initiating a new session.
• The 3D Secure 2 Component no longer tries to parse invalid postMessages.
• We fixed an issue where the CVC field for saved Maestro cards was required even when it is optional.
• When a shopper entered a credit card number using copy and paste or auto-fill, the onBinValue callback triggered by the Custom Card Component provided an encrypted BIN number. Now, the onBinValue callback provides the actual BIN number, no matter how the card number is filled in.

JavaScript and CSS files

<script src="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/3.9.0/adyen.js"
     integrity="sha384-3aCAMK3oy4UGDOFOxcOniJ10zapprDSOh8hhrBgZ4wkDiw2bVy6MvABAE8UKvhS5"
     crossorigin="anonymous"></script>

<link rel="stylesheet"
    href="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/3.9.0/adyen.css"
    integrity="sha384-ECaUNUNaCM7I7c5adYdR56IIBUZtY3ax03DAYSyGIFls9wP7+6ZyHxlBNzAG5qT7"
    crossorigin="anonymous">

<script src="https://checkoutshopper-live-au.adyen.com/checkoutshopper/sdk/3.9.0/adyen.js"
     integrity="sha384-MamFtQizCzBwHcQbXmqPhemfVrHNPAUkPU7cIpvJvI5/GQu6kK6Wei+Xa+BexlE0"
     crossorigin="anonymous"></script>

<link rel="stylesheet"
    href="https://checkoutshopper-live-au.adyen.com/checkoutshopper/sdk/3.9.0/adyen.css"
    integrity="sha384-ECaUNUNaCM7I7c5adYdR56IIBUZtY3ax03DAYSyGIFls9wP7+6ZyHxlBNzAG5qT7"
    crossorigin="anonymous">

<script src="https://checkoutshopper-live-us.adyen.com/checkoutshopper/sdk/3.9.0/adyen.js"
     integrity="sha384-dfSN6xmBP4tpAvYbC72stxZV//+kj14AmeeuFH550sCkuPtm/stqh18jKi5hvCeR"
     crossorigin="anonymous"></script>

<link rel="stylesheet"
    href="https://checkoutshopper-live-us.adyen.com/checkoutshopper/sdk/3.9.0/adyen.css"
    integrity="sha384-ECaUNUNaCM7I7c5adYdR56IIBUZtY3ax03DAYSyGIFls9wP7+6ZyHxlBNzAG5qT7"
    crossorigin="anonymous">

Fixes

• onBinValue now works when a card number is pasted into the field. For more information, see Web Components 3.9.0.

Fixes

• We fixed an issue where a non-reusable payment link can be used to pay multiple times when using Internet Explorer. To fix this issue, we added a no-cache header to the Pay by Link request.

Improvements

• We improved the /paymentMethods response when getting a list of available payment methods in Sweden. This means that if you are using Drop-in or Components and send a /paymentMethods request with countryCode: SE, you'll see the following UI improvements in line with Swedish regulations.
  • The payment method title has been changed to Card.
  • From API version v49 and later: If you support Maestro, the icon for Maestro is shown first.

Improvements

• If a Klarna payment request is missing invoice lines, you will now receive the following error message: No InvoiceLines provided.

Required API version

Web Components 3.8.1 requires API v51 or later.

JavaScript and CSS files

<script src="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/3.8.1/adyen.js"
     integrity="sha384-pLfJ6XKllmblOK86IVevGarh2cfeBr6lWAEkumlMA3hgTqKpEgNn8ID7zq4HsC6H"
     crossorigin="anonymous"></script>

<link rel="stylesheet"
    href="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/3.8.1/adyen.css"
    integrity="sha384-y1lKqffK5z+ENzddmGIfP3bcMRobxkjDt/9lyPAvV9H3JXbJYxCSD6L8TdyRMCGM"
    crossorigin="anonymous">

<script src="https://checkoutshopper-live-au.adyen.com/checkoutshopper/sdk/3.8.1/adyen.js"
     integrity="sha384-GKk31uVf6pZX/zpl+otZYXfqKTC2BU0h3mhi39xZF6cLY6NLM8xA6CpthEt3FT7u"
     crossorigin="anonymous"></script>

<link rel="stylesheet"
    href="https://checkoutshopper-live-au.adyen.com/checkoutshopper/sdk/3.8.1/adyen.css"
    integrity="sha384-y1lKqffK5z+ENzddmGIfP3bcMRobxkjDt/9lyPAvV9H3JXbJYxCSD6L8TdyRMCGM"
    crossorigin="anonymous">

<script src="https://checkoutshopper-live-us.adyen.com/checkoutshopper/sdk/3.8.0/adyen.js"
     integrity="sha384-5Xksm+UzQiQdrkdijc+3tQseeCieGAjaN6bElDcYfsXxIyYYXojsiMClLPDOiW1c"
     crossorigin="anonymous"></script>

<link rel="stylesheet"
    href="https://checkoutshopper-live-us.adyen.com/checkoutshopper/sdk/3.8.1/adyen.css"
    integrity="sha384-y1lKqffK5z+ENzddmGIfP3bcMRobxkjDt/9lyPAvV9H3JXbJYxCSD6L8TdyRMCGM"
    crossorigin="anonymous">

Improvements

• Masking on date inputs is now supported on browsers that do not have native support for date inputs (such as Safari and Internet Explorer).
• Age validation is now supported in the Date of birth field on the AfterPay and the Oney3x4x Components.
• Installment options for credit cards are now hidden when the amount is set to 0.

Fixes

• Resolved a Google Pay issue where double-clicking the Google Pay button would initiate two separate payments.
• Resolved a Google Pay issue where Drop-in would, in some cases, open up a new payment sheet when selecting Continue on the Google Pay sheet.

Fixes

• Optional shopper information sent in an Oxxo payment request will now show up in the Offers tab in your Customer Area.

New

• We added a Common issues section on the GitHub README.
• The new action type sdk replaces the action type wechatpaySDK.

Fixes

The WeChatPay Component now correctly triggers the observer automatically.

New

The 3D Secure 2 SDK was updated to version 2.1.0-rc08.

Improvements

• Whenever CardView is present, we add a FLAG_SECURE to the window.
• We now accept dates up to 30 years in the future when we validate card data.

Fixes

• We adressed a localization issue and now use LocaleUtil.fromLanguageTag() to parse user locale.
• Fixed a typo in CUP regex validation.

New

• New supported payment methods: open invoice payment methods such as Klarna, AfterPay, and Zip.
• Credit card installments
• When using Adyen for Platforms, you can now add split information to payment links.

Improvements

• The redirect URL for Oney 3x4x payments has been shortened.

Improvements

• We improved the reliability of 3D Secure 1 authentications after partial payments with gift cards.

Required API version

Web Components 3.8.0 requires API v51 or later.

New

• Credit card installments are now supported on the Card Component and Drop-in.

Improvements

• allowCreditCards configuration is now available on the Google Pay Component and Drop-in.
• The PayU NetBanking Component and the PayU CashCard Component now provide drop-down issuer lists.

JavaScript and CSS files

<script src="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/3.8.0/adyen.js"
     integrity="sha384-rwJ33r9d5uXn5L8KSr4UqcaSaAHs2NQNjtNCvclBkZ8P36yDAXQq65YPX+q1LiEr"
     crossorigin="anonymous"></script>

<link rel="stylesheet"
    href="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/3.8.0/adyen.css"
    integrity="sha384-y1lKqffK5z+ENzddmGIfP3bcMRobxkjDt/9lyPAvV9H3JXbJYxCSD6L8TdyRMCGM"
    crossorigin="anonymous">

<script src="https://checkoutshopper-live-au.adyen.com/checkoutshopper/sdk/3.8.0/adyen.js"
     integrity="sha384-avpSB6KxKproYEUN8fw5KPlxIL4XDcAR0Av/cyql9/v0ttzkddTK2XmILq5L1/4/"
     crossorigin="anonymous"></script>

<link rel="stylesheet"
    href="https://checkoutshopper-live-au.adyen.com/checkoutshopper/sdk/3.8.0/adyen.css"
    integrity="sha384-y1lKqffK5z+ENzddmGIfP3bcMRobxkjDt/9lyPAvV9H3JXbJYxCSD6L8TdyRMCGM"
    crossorigin="anonymous">

<script src="https://checkoutshopper-live-us.adyen.com/checkoutshopper/sdk/3.8.0/adyen.js"
     integrity="sha384-PMZ9/6gZBDAjIgGNH+Q0ZjeAdGmxGD0Qq7mBJQgU68dx7ps5w2Jei4pys6dsinzw"
     crossorigin="anonymous"></script>

<link rel="stylesheet"
    href="https://checkoutshopper-live-us.adyen.com/checkoutshopper/sdk/3.8.0/adyen.css"
    integrity="sha384-y1lKqffK5z+ENzddmGIfP3bcMRobxkjDt/9lyPAvV9H3JXbJYxCSD6L8TdyRMCGM"
    crossorigin="anonymous">

Changes

• The countryCode is no longer a required parameter for the /paymentLinks request.

Fixes

• The shopper can no longer make multiple payments when a single-use payment link is open in multiple tabs.

Fixes

• We fixed an issue where the 3D Secure 2 flow could break when receiving an unsupported screen.colorDepth value on Google Chrome v83 or v84.
• We fixed an issue where metadata was not being sent back in the notification webhook.

Required API version

Web Components 3.7.0 requires API v51 or later.

Changes

• Drop-in/Components no longer support the native Klarna integration. Klarna is now only supported through the redirect integration.

New

• New supported payment methods: Oney 3x4x, MB WAY, RatePAY.

Improvements

• The Card Component/Drop-in now show a visual hint for the location of the CVC/CVV on the card.
• We improved the UI for AfterPay.
• We added VPay to the card brands recognized by the Card Component/Drop-in.

Fixes

• A saved card is no longer breaking if the card type is not recognized.
• When using Internet Explorer 11, the card number can no longer cause the browser to freeze.

JavaScript and CSS files

<script src="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/3.7.0/adyen.js"
     integrity="sha384-QCQYNjVhSRlEZczHTuiZWQuyFi5btsJ/c2otY6apbNM32EdkEDC6rdlJXeubWs9V"
     crossorigin="anonymous"></script>

<link rel="stylesheet"
    href="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/3.7.0/adyen.css"
    integrity="sha384-y1lKqffK5z+ENzddmGIfP3bcMRobxkjDt/9lyPAvV9H3JXbJYxCSD6L8TdyRMCGM"
    crossorigin="anonymous">

<script src="https://checkoutshopper-live-au.adyen.com/checkoutshopper/sdk/3.7.0/adyen.js"
     integrity="sha384-dmFHS6I2HZMmYiSaymClZP/xAC6sJmo87EjNSSnClpcRNURXdc8s/KslDT/sMm9w"
     crossorigin="anonymous"></script>

<link rel="stylesheet"
    href="https://checkoutshopper-live-au.adyen.com/checkoutshopper/sdk/3.7.0/adyen.css"
    integrity="sha384-y1lKqffK5z+ENzddmGIfP3bcMRobxkjDt/9lyPAvV9H3JXbJYxCSD6L8TdyRMCGM"
    crossorigin="anonymous">

<script src="https://checkoutshopper-live-us.adyen.com/checkoutshopper/sdk/3.7.0/adyen.js"
     integrity="sha384-khW7tO7ch8grNxkgbXH3E0mnBIA64klXz5jSAiyyR5YCGbbB9uJYXeq9bFPqcexj"
     crossorigin="anonymous"></script>

<link rel="stylesheet"
    href="https://checkoutshopper-live-us.adyen.com/checkoutshopper/sdk/3.7.0/adyen.css"
    integrity="sha384-y1lKqffK5z+ENzddmGIfP3bcMRobxkjDt/9lyPAvV9H3JXbJYxCSD6L8TdyRMCGM"
    crossorigin="anonymous">

New

• The browserInfo is now included in the PaymentComponentData returned by Drop-in/Component.
• We added UI customization options to the preselected payment screen rendered by Drop-in.
• Inline validation for text entry is now supported for the Card Component, the SEPA Direct Debit Component, and others.

Fixes

• The Redirect Component can now deal with a native app redirect.
• We fixed an issue where the Apple Pay Component would freeze in the payment screen rendered by Drop-in.
• We fixed an issue where the keyboard would cover the UI.

New

Added support for the Gift Card Component.

Fixes

• We fixed an issue where the Custom Card Component would not auto-complete the date when using separate date fields.
• We fixed an issue where Elo and Hipercard cards were not validating correctly in the Card and Custom Card Components.

JavaScript and CSS files

<script src="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/3.6.3/adyen.js"
     integrity="sha384-sW7LTx7Q+1PgLUEUyxTGnmFsfMuZHDpIoIz2Tds1KroBZiT29OnTXZmV+nGhRxvO"
     crossorigin="anonymous"></script>

<link rel="stylesheet"
    href="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/3.6.3/adyen.css"
    integrity="sha384-l5/gSrWMFWCKnEqoG1F21fvhDesLnZt/JlXjkA0FWp6E68Pc/9mxg+nPvvx+uB4G"
    crossorigin="anonymous">

<script src="https://checkoutshopper-live-au.adyen.com/checkoutshopper/sdk/3.6.3/adyen.js"
     integrity="sha384-wfN/7ToQRb5uKdjj6pIhP+/MAE7pIlzvHKphIvCXELe5ryrAm9Qh3BlQy043cxYb"
     crossorigin="anonymous"></script>

<link rel="stylesheet"
    href="https://checkoutshopper-live-au.adyen.com/checkoutshopper/sdk/3.6.3/adyen.css"
    integrity="sha384-l5/gSrWMFWCKnEqoG1F21fvhDesLnZt/JlXjkA0FWp6E68Pc/9mxg+nPvvx+uB4G"
    crossorigin="anonymous">

<script src="https://checkoutshopper-live-us.adyen.com/checkoutshopper/sdk/3.6.3/adyen.js"
     integrity="sha384-G/ItUIfwMkQTr3YJik0FOw6w70+nTukM2/Ko6SimPnNJJN/+HH7gfgp5mBdM/zwY"
     crossorigin="anonymous"></script>

<link rel="stylesheet"
    href="https://checkoutshopper-live-us.adyen.com/checkoutshopper/sdk/3.6.3/adyen.css"
    integrity="sha384-l5/gSrWMFWCKnEqoG1F21fvhDesLnZt/JlXjkA0FWp6E68Pc/9mxg+nPvvx+uB4G"
    crossorigin="anonymous">

Fixes

Before this version, the /paymentMethods response would return wechatpayMiniProgram and wechatpaySDK if channel:Web. These payment methods are now only when channel:Android or channel:iOS.

Fixes

The CardSecurityCodeValidator and CardSecurityCodeFormatter are now public.

New

• By default, payment links can now only be used to make one successful payment. To create a reusable link, you can override the default behavior when creating the payment link.
• You can now view previously created payment links in a dashboard in your Customer Area (only for payment links created through the Customer Area).
• You'll receive an email when a payment link has successfully been paid for (only for payment links created through the Customer Area).

Improvements

The payment link URL has been shortened.

Fixes

We fixed an issue that didn't allow creating payment links if you only had one store ID under your merchant account.

New

• New supported payment methods: WeChat Pay, Qiwi wallet
• Drop-in has a new, half-screen presentation style.
• The Card Component shows a visual hint for the location of the CVC/CVV on the card.

Improvements

• Drop-in shows the first available stored payment method prominently.
• We improved the card brand recognition by the Card Component.
• PaymentMethodDetails now allows encoding without access to the concrete type.
• You can now use the Apple Pay Component to collect the billing and delivery address of the shopper.

Fixes

• The Card Component now only allows card expiry dates from 3 months in the past to 15 years in the future.
• The Card Component no longer crashes when receiving non-numerical input.

New

Added a new Component for making donations, using Adyen Giving.

Fixes

• We fixed an issue where the Custom Card Component would throw an error if no onError event was set.
• We fixed an issue where the Custom Card Component would return an invalid object in the onError callback.

JavaScript and CSS files

<script src="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/3.6.2/adyen.js"
     integrity="sha384-xSgkLL5lvMeIIIngOV++b3U0H89TafFDytrHgPVydPopZ/WuAw1Ry8xbGeeLMqQM"
     crossorigin="anonymous"></script>

<link rel="stylesheet"
    href="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/3.6.2/adyen.css"
    integrity="sha384-l5/gSrWMFWCKnEqoG1F21fvhDesLnZt/JlXjkA0FWp6E68Pc/9mxg+nPvvx+uB4G"
    crossorigin="anonymous">

<script src="https://checkoutshopper-live-au.adyen.com/checkoutshopper/sdk/3.6.2/adyen.js"
     integrity="sha384-2Lbe3G3To2KqowDPbZC10oR1HlKgtr39nwYlyFuAoSi443hYATW+sNVbbKlF/nsV"
     crossorigin="anonymous"></script>

<link rel="stylesheet"
    href="https://checkoutshopper-live-au.adyen.com/checkoutshopper/sdk/3.6.2/adyen.css"
    integrity="sha384-l5/gSrWMFWCKnEqoG1F21fvhDesLnZt/JlXjkA0FWp6E68Pc/9mxg+nPvvx+uB4G"
    crossorigin="anonymous">

<script src="https://checkoutshopper-live-us.adyen.com/checkoutshopper/sdk/3.6.2/adyen.js"
     integrity="sha384-zDXlTt+ilW6/gz/vxsrqiriqZl70HJ16/24BMPbk0wlRzqGihyWQSmESdS6pG0u2"
     crossorigin="anonymous"></script>

<link rel="stylesheet"
    href="https://checkoutshopper-live-us.adyen.com/checkoutshopper/sdk/3.6.2/adyen.css"
    integrity="sha384-l5/gSrWMFWCKnEqoG1F21fvhDesLnZt/JlXjkA0FWp6E68Pc/9mxg+nPvvx+uB4G"
    crossorigin="anonymous">

New

To force a card transaction to use a debit funding source, you can now include in the /payments request: paymentMethod.fundingSource: debit .

Fixes

• The /paymentMethods response now returns ACH also when the request includes amount.value: 0.
• The deviceFingerprint is now correctly propagated for all payment methods.

Fixes

• We fixed a Custom Card Component compatibility issue on IE11.
• In AfterPay, shopper input fields that are set to hidden are no longer validated.
• In Boleto Bancário, the CPF/CNPJ field is now properly validated.

JavaScript and CSS files

<script src="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/3.6.1/adyen.js"
     integrity="sha384-hUb/CFxzLJZWUbDBmQfccbVjE3LFxAx3Wt4O37edYVLZmNhcmVUyYLgn6kWk3Hz+"
     crossorigin="anonymous"></script>

<link rel="stylesheet"
    href="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/3.6.1/adyen.css"
    integrity="sha384-l5/gSrWMFWCKnEqoG1F21fvhDesLnZt/JlXjkA0FWp6E68Pc/9mxg+nPvvx+uB4G"
    crossorigin="anonymous">

<script src="https://checkoutshopper-live-au.adyen.com/checkoutshopper/sdk/3.6.1/adyen.js"
     integrity="sha384-gLmJG+Hjd3tXlmzRLtQUyGoA+NUHPfyKtI10wFBpziEfcqmxPvOcdxjlRIsIJ9AS"
     crossorigin="anonymous"></script>

<link rel="stylesheet"
    href="https://checkoutshopper-live-au.adyen.com/checkoutshopper/sdk/3.6.1/adyen.css"
    integrity="sha384-l5/gSrWMFWCKnEqoG1F21fvhDesLnZt/JlXjkA0FWp6E68Pc/9mxg+nPvvx+uB4G"
    crossorigin="anonymous">

<script src="https://checkoutshopper-live-us.adyen.com/checkoutshopper/sdk/3.6.1/adyen.js"
     integrity="sha384-DbrjhtreSI+nsVLOMcdt7D0dAXX7DZtR8UbvbdiLodrRvASh6x5NfHN2nYJbiXag"
     crossorigin="anonymous"></script>

<link rel="stylesheet"
    href="https://checkoutshopper-live-us.adyen.com/checkoutshopper/sdk/3.6.1/adyen.css"
    integrity="sha384-l5/gSrWMFWCKnEqoG1F21fvhDesLnZt/JlXjkA0FWp6E68Pc/9mxg+nPvvx+uB4G"
    crossorigin="anonymous">

Improvements

When updating saved payment details, you can now send in an unencrypted expiration date.

New

Stored payment methods are now available for payment links created through the API.

New

• New supported payment method: Automated Clearing House (ACH). We also support sending in encrypted ACH details.
• Added support for handleAction in Components integrations.

Fixes

• The Custom Card Component now supports brands configuration.
• We fixed an issue with card holder name validation when auto-completing card details in Chrome.

JavaScript and CSS files

<script src="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/3.6.0/adyen.js"
     integrity="sha384-Ae3bpVd/uyREJxla2lRiuEXoYQA/WReCh/h1+sek9TFeq6iwAVBu9tDyMJNzpZHc"
     crossorigin="anonymous"></script>

<link rel="stylesheet"
    href="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/3.6.0/adyen.css"
    integrity="sha384-NzXIrom1g7+1OMBJWAyapJ4yYXLFHdsE1ZxOVstMQVwURFl3RXldhYENYkBaBjL8"
    crossorigin="anonymous">

<script src="https://checkoutshopper-live-au.adyen.com/checkoutshopper/sdk/3.6.0/adyen.js"
     integrity="sha384-APh+Fm6NjzwYOOj1X4AY97qq6TWGJK3sZ/w/Rtzk7TZcU+4iuCsYyAPbX0RpJdPL"
     crossorigin="anonymous"></script>

<link rel="stylesheet"
    href="https://checkoutshopper-live-au.adyen.com/checkoutshopper/sdk/3.6.0/adyen.css"
    integrity="sha384-NzXIrom1g7+1OMBJWAyapJ4yYXLFHdsE1ZxOVstMQVwURFl3RXldhYENYkBaBjL8"
    crossorigin="anonymous">

<script src="https://checkoutshopper-live-us.adyen.com/checkoutshopper/sdk/3.6.0/adyen.js"
     integrity="sha384-f3icCu8UAhXshOTLd+UwVjt926hDlsiQ+MfIZLMB1eWCpEYxjpw9DlRlG2+wQhvt"
     crossorigin="anonymous"></script>

<link rel="stylesheet"
    href="https://checkoutshopper-live-us.adyen.com/checkoutshopper/sdk/3.6.0/adyen.css"
    integrity="sha384-NzXIrom1g7+1OMBJWAyapJ4yYXLFHdsE1ZxOVstMQVwURFl3RXldhYENYkBaBjL8"
    crossorigin="anonymous">

New

The 3D Secure 2 SDK was updated to version 2.1.0-rc07.

Fixes

We removed a warning about string formatting that you might have seen when compiling the app.

New

Drop-in/Components will now forcefully try to get localized strings from the ShopperLocale set in the configuration object.

Improvements

If you don't provide a custom array of supported card brands in the cardConfiguration object, CardComponent initialization will now get it from the PaymentMethod object, instead of using the default values as before.

Fixes

• We fixed an issue with 19 digit card numbers.
• We added missing translated strings.
• We fixed a synchronization issue that could trigger an OOB exception in CardType detection.
• We added proper return type for some Configuration Builder methods.

New

• Support for Subresource Integrity (SRI) hashes

  You can now use SRI hashes to ensure that the files you are loading from Adyen have not been manipulated or tampered with by malicious actors.

  To use the SRI hash, you need to add an integrity attribute when specifying <script> or <link> elements. Browsers will also check for the crossorigin attribute to ensure that the origin allows Cross-Origin Resource Sharing (CORS). If a browser detects that the file's hash does not match the specified hash, the browser will not load the resource. To know which browsers support SRI, refer to this browser compatibility list.

  For example, here is how you specify version 3.5.0 adyen.js and adyen.css resources:

  <script src="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/3.5.0/adyen.js"
     integrity="sha384-MpcW2OFcC1/y5nwF6UmvRfDXGISpg1rowHVybiS+wJObkUwgFpvbdpJxR2/bwmeA"
     crossorigin="anonymous"></script>

  <link rel="stylesheet"
    href="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/3.5.0/adyen.css"
    integrity="sha384-aWycvW8Dygg+6QHTq56FJMi4CJBjQt4LbRO3zWUuyfbv0A8g3rb5FR/vHyHKfiY0"
    crossorigin="anonymous">

  You can find the SRI hashes for all previous versions of our JavaScript and CSS files added in their corresponding release notes.

• You can now render billing address fields in Drop-in and Card Component to collect the shopper's billing address for Address Verification System (AVS) implementation.
• Drop-in and Components for payment methods that support saving payment details for recurring transactions can now show a preauthorization button. Instead of a Pay button, the button prompts the shopper to confirm the preauthorization. The preauthorization button is shown when you send a zero value amount (zero-auth transaction).

Improvements

shippingOptionRequired and shippingOptionParameters configuration are now available on Google Pay Component and in Drop-in.

Fixes

• The showPayButton configuration is now working for Multibanco Component.
• The preselected bank is now shown if you specify an issuer ID in the issuer configuration for iDEAL Component and in Drop-in.

JavaScript and CSS files

<script src="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/3.5.0/adyen.js"
     integrity="sha384-MpcW2OFcC1/y5nwF6UmvRfDXGISpg1rowHVybiS+wJObkUwgFpvbdpJxR2/bwmeA"
     crossorigin="anonymous"></script>

<link rel="stylesheet"
    href="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/3.5.0/adyen.css"
    integrity="sha384-aWycvW8Dygg+6QHTq56FJMi4CJBjQt4LbRO3zWUuyfbv0A8g3rb5FR/vHyHKfiY0"
    crossorigin="anonymous">

<script src="https://checkoutshopper-live-au.adyen.com/checkoutshopper/sdk/3.5.0/adyen.js"
     integrity="sha384-J6S0GtOk/o/tm9TIo+GPlOrDgUnGhQlXELKJIw26p6H7Llnk4g4gloC52yrJADjp"
     crossorigin="anonymous"></script>

<link rel="stylesheet"
    href="https://checkoutshopper-live-au.adyen.com/checkoutshopper/sdk/3.5.0/adyen.css"
    integrity="sha384-aWycvW8Dygg+6QHTq56FJMi4CJBjQt4LbRO3zWUuyfbv0A8g3rb5FR/vHyHKfiY0"
    crossorigin="anonymous">

<script src="https://checkoutshopper-live-us.adyen.com/checkoutshopper/sdk/3.5.0/adyen.js"
     integrity="sha384-lJhGzflfCcHgc4UWBHW391LAtgh8rOQTartaIaLoWCS9+n8J41rSpoMlWJhqt3uQ"
     crossorigin="anonymous"></script>

<link rel="stylesheet"
    href="https://checkoutshopper-live-us.adyen.com/checkoutshopper/sdk/3.5.0/adyen.css"
    integrity="sha384-aWycvW8Dygg+6QHTq56FJMi4CJBjQt4LbRO3zWUuyfbv0A8g3rb5FR/vHyHKfiY0"
    crossorigin="anonymous">

Improvements

• We improved the error validation design: invalid shopper input will now be highlighted after the shopper clicks the Pay button.
• ComponentView classes now have highlightValidationErrors() method.
• Drop-in/Components use the correct separation format for American Express.
• If the shopper cancels the 3D Secure authentication, you will now receive a Cancelled3DS2Exception.
• We added new translation string files for supported locales.

New

• We added options for customizing the Component appearance, for example with fonts and text colors.
• You can now specify a custom localization key separator.

Fixes

We fixed an issue where a custom localization table name would apply to default localizations.