Web Drop-in and Components release notes

Learn about the latest updates on Drop-in and Components for web.

For latest updates to our API, and Components for web, iOS, and Android, refer to Release notes.

Web Drop-in and Components 3.4.0 (December 9, 2019)

New

New supported payment method: Swish

Improvements

You can now configure caretColor when Styling the Card Component.
For Google Pay, googlePayCardNetwork is now included in the state.data returned by the Drop-in/Component. For dual-branded cards, this is the network that the shopper chose when making the payment.
riskData is now included in the state.data returned by the Drop-in/Component.

Fixes

Drop-in
The onSubmit event no longer fires too early when using Apple Pay.
Drop-in
Fixed an issue where the onReady event could not be fired.
Fixed an issue where the Card Component would fire the onChange event twice.

JavaScript and CSS files


Copy code
<script src="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/3.4.0/adyen.js"
     integrity="sha384-ovoLAXi4OqonI5Ey8pZ9ClooN+Vgp8B1Jqz4H/Ye1aIOzxzRPsl4N7Imej6QlHy/"
     crossorigin="anonymous"></script>
 
<link rel="stylesheet"
    href="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/3.4.0/adyen.css"
    integrity="sha384-5bM/6Iz5W7zxJ1WOa4aPRK19/TOH39DBXK2MkaHZhwnkEhL2E0ivo2FeGaAk2n26"
    crossorigin="anonymous">

Web Drop-in and Components 3.3.0 (October 21, 2019)

New

Support for Korean language.
New supported payment methods: Multibanco, Vipps, Online banking India, Wallets India, and Online banking Japan.

Improvements

The browserInfo is now included in the state.data returned by the Drop-in/Component.
We improved the error handing for the Custom Card Component.

Changes

oneClickPaymentMethods has been renamed to storedPaymentMethods

Fixes

The submit button for Google Pay and Redirect Component no longer defaults to hidden.
Apple Pay no longer throws a console error when starting a new session.

JavaScript and CSS files


Copy code
<script src="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/3.3.0/adyen.js"
     integrity="sha384-5DdtwPZy3gL8NTnlD6lPjotsE0uniMqtG2gmk3/onUIXsXkvGGYAzxwDg6oxnHL8"
     crossorigin="anonymous"></script>
 
<link rel="stylesheet"
    href="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/3.3.0/adyen.css"
    integrity="sha384-PXB48ZmlX+GF/f5vRkCk2Txyvp7id/AuN9wkFxpgxZLW8Ty+++AdEiQIzE2KFozL"
    crossorigin="anonymous">

Web Drop-in and Components 3.2.0 (September 16, 2019)

New

Support for Finnish language.
New supported payment methods: Boleto Bancário, OXXO, and eContext Pay-easy ATM.

Improvements

Card placeholders can be now set in the translations object.

Fixes

Card Component and Custom Card Component detects invalid input in an iOS device when a shopper pastes the card number instead of typing it in.

JavaScript and CSS files


Copy code
<script src="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/3.2.0/adyen.js"
     integrity="sha384-64Z/3NWfYJba5NPWjVz7Qt21k0qgItrPNJU8bNlDImoenzjaz2KL+mHzvPFD8O8p"
     crossorigin="anonymous"></script>
 
<link rel="stylesheet"
    href="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/3.2.0/adyen.css"
    integrity="sha384-9dxBU4wgiIoITt5cV98+iL5g4k1gjp8kaUlYnqP/ud1Xt63V0TEO+br8EpUJa5G0"
    crossorigin="anonymous">

Web Drop-in and Components 3.1.0 (August 5, 2019)

New

3D Secure 2 Components now support unmounting, allowing you to provide a Cancel button that the shopper can use if they are unable to complete the challenge.
New supported payment method: Japanese Convenience stores (Konbini)/ 7-Eleven Japan
Components
If you need to perform additional actions in your front end, for example redirecting the shopper, you can now call createFromAction. This will return a new Component that performs the required action. For more information, refer to Web Components.
Components
Components can now show a Pay button. Refer to the showPayButton configuration in Configuring Components.

Improvements

We've improved the design, so that a Component will now take up the whole width of its container.
Components
The Card Component returns the supported schemes in the /paymentMethods response, so you no longer need to configure this manually.
Drop-in
The Drop-in now shows supported brands for credit cards.

JavaScript and CSS files


Copy code
<script src="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/3.1.0/adyen.js"
     integrity="sha384-BT/XdVIiJ6/5tdT/P8zPR3J95tD0MYbYfAl6rKcPm0g/SONZyT1LrVDMY2hK7d4+"
     crossorigin="anonymous"></script>
 
<link rel="stylesheet"
    href="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/3.1.0/adyen.css"
    integrity="sha384-8UqhCgzxeYkWqA7yVN6fIMQOzGYv7/IYj2tJLO50lMUaTTsBDwJVZgU+k4kwJq7k"
    crossorigin="anonymous">

Web Drop-in and Components 3.0.0 (May 17, 2019)

New

Our Drop-in solution, a bundle of all our Components, is now available for use on your payments form. See our Drop-in and Components integration options page for more details. If you are switching from Components to Drop-in or are migrating from version 2.5.0 and earlier, see our migration guide.
New supported payment methods: Doku Voucher, Dotpay, and EPS.

Improvements

Added the environment property to the AdyenCheckout configuration. This replaces the loadingContext property used from version 2.5.0 and below.

Fixes

Card Component and Custom Card Component scrolls automatically back to the component on Safari for iOS.
3D Secure 2 Component returns an error if device fingerprinting or a challenge flow is started right after creating a new AdyenCheckout instance.

JavaScript and CSS files


Copy code
<script src="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/3.0.0/adyen.js"
     integrity="sha384-jX+Gnjglj7ThR6sfK6mUQiClM0EAYxDAHyAe0CcgTwa8EqRotHk3S6YEJXekiFN9"
     crossorigin="anonymous"></script>
 
<link rel="stylesheet"
    href="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/3.0.0/adyen.css"
    integrity="sha384-vhmc774/TE/YewnYzR0An5hPJRE1KengYXRnJ6zwB2gYbjRlZ78BAb1+tMjiMDs9"
    crossorigin="anonymous">

Components 2.5.0 (May 13, 2019)

Improvements

Additional configuration options for Apple Pay are now available on the Apple Pay Component. The options include configuration for supported payment networks, shipping methods, and supported countries/regions.
Support for configuring ARIA labels to set the iframe's title attribute on Custom Card Component.
Improved support in the Card and Custom Card Components for full-width characters (for example, Japanese characters) entered using IME keyboards.

Fixes

Custom Card Component compatibility issues with IE browsers.

Known issue

If you initiate AdyenCheckout and create threeDS2DeviceFingerprint or threeDS2Challenge, the Component might return an error.

We recommend upgrading to version 3.0.0 or to disable the risk element in your current configuration:


Copy code
const configuration = {
  locale: "en_US",
  clientKey: "YOUR_CLIENT_KEY",
  loadingContext: "https://checkoutshopper-test.adyen.com/checkoutshopper/",
  risk: {
      enabled: false
  }
};
const checkout = new AdyenCheckout(configuration);

JavaScript and CSS files


Copy code
<script src="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/2.5.0/adyen.js"
     integrity="sha384-HT/OHDX+RmOBaBoz7u7hqJQ7S4AyNXSRgObYRH9YXMiyCN0Dg8m4l3tK8h70Cpay"
     crossorigin="anonymous"></script>
 
<link rel="stylesheet"
    href="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/2.5.0/adyen.css"
    integrity="sha384-Mv+VVeqBGywogLDPLshYCaETjsvx8zjOgCx7MEUfzOznWpb2dRY132eRwJI3xxk4"
    crossorigin="anonymous">

Components 2.4.2 (April 29, 2019)

This release includes fixes for compatibility issues with Internet Explorer.

JavaScript and CSS files missing


Copy code
<script src="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/2.4.2/adyen.js"
     integrity="sha384-Y+13TktjWudK+oLvBwtl/8P8K5a8wQeAPHaU3eXJ72OfsdlnRC4QgBEX+gIwnTFr"
     crossorigin="anonymous"></script>
 
<link rel="stylesheet"
    href="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/2.4.2/adyen.css"
    integrity="sha384-CgnYtAdVIErhdMSQQRPgOex9hFA4b6+ttXL9K9rhzmfDoeJZp0YLb2wRsON+VS2o"
    crossorigin="anonymous">

Components 2.4.1 (April 23, 2019)

Improvements

Additional supportedNetworks configuration option for Apple Pay Component, which you can use to specify the payment networks you support.

Fixes

Components fail to render if the loadingContext is not passed to the AdyenCheckout constructor.
The zh-CN locale is not recognized when setting custom localizations.
Card Component not clearing validation errors until the field becomes valid.
Minor styling issues.

JavaScript and CSS files


Copy code
<script src="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/2.4.1/adyen.js"
     integrity="sha384-kswUPnE8HjSiPFC0NXcF7GUNGIOfZDdePlhCtKOcFGYreQmG6yU5vQMx8o2xAzt2"
     crossorigin="anonymous"></script>
 
<link rel="stylesheet"
    href="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/2.4.1/adyen.css"
    integrity="sha384-CgnYtAdVIErhdMSQQRPgOex9hFA4b6+ttXL9K9rhzmfDoeJZp0YLb2wRsON+VS2o"
    crossorigin="anonymous">

Components 2.4.0 (April 8, 2019)

New

New Custom Card Component that you can use when you build your own payment form for cards.

Improvements

Update in UI style.
Improvements and fixes to the Card component, including the new holderName configuration object parameter for prefilling the cardholder name.
Performance optimizations for Bancontact and WeChat Pay Components.

Components 2.3.0 (March 25, 2019)

New

New supported payment methods: BCMC Mobile, and Dragonpay.

Improvements

Updated Secured Fields to version 2.0.5.

JavaScript and CSS files


Copy code
<script src="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/2.3.0/adyen.js"
     integrity="sha384-wZmS+Xw7ijGexHpzaQpffofffD1zi6R8441jzUDcOhsl8pVP3AODwdmEg8oDKWap"
     crossorigin="anonymous"></script>
 
<link rel="stylesheet"
    href="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/2.3.0/adyen.css"
    integrity="sha384-qnUX2Os1OwczQBJBFoOV/Hg/2/0elS0El+DYOlASdZM6iG0LJhhfHJuw0dIMeAys"
    crossorigin="anonymous">

Components 2.2.1 (March 11, 2019)

Improvements

We updated the version of Secured Fields used in the Card Component to version 2.0.4.

JavaScript and CSS files


Copy code
<script src="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/2.2.1/adyen.js"
     integrity="sha384-keBNXjK+aSAOYIKb5YUet9C9qJfEEtsJT3p+j3jnraAH2rmE3i2TUxYHDwxBtAq/"
     crossorigin="anonymous"></script>
 
<link rel="stylesheet"
    href="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/2.2.1/adyen.css"
    integrity="sha384-CvBvWhWqSxwCugWTEpy/ofjUyGaLMFR/Qz0uhxWil/gAeN4RHd3n4dqMk28GyI7c"
    crossorigin="anonymous">

Components 2.2.0 (March 4, 2019)

New

Support for 3D Secure 2 Component.
New supported payment methods: MOLPay and Open Banking.

Improvements

Additional configuration options for Google Pay are now available on the Google Pay Component.

Known issue

Checkout Components do not work in Internet Explorer 10 and Internet Explorer 11. We recommend upgrading to version 2.4.2.

JavaScript and CSS files


Copy code
<script src="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/2.2.0/adyen.js"
     integrity="sha384-zEf4pxDfQmGUUkBi+z09320Vw1ua7gx4AVFSHLHaIziLNslD1IFus5OHv4vKgKbz"
     crossorigin="anonymous"></script>
 
<link rel="stylesheet"
    href="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/2.2.0/adyen.css"
    integrity="sha384-vvdPfLSEB3RfGVj/Bn35TeJ89FmHHLYe+3zuyq4gtfmJKgPaB8PtBx8esrmBcya7"
    crossorigin="anonymous">

Components 2.1.0 (February 4, 2019)

New

Support for passing a selector in the mount() method for all Components.
Support for Japanese language.
New supported payment method: QiwiWallet.

Improvements

Improved error messages on the Card component for scenarios when shopper fails to type a card number or provides an invalid date or invalid security code.
Improved IBAN validation for SEPA component, including error messages and UI elements when a field is valid.
Compatibility improvements with older browsers.

JavaScript and CSS files


Copy code
<script src="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/2.1.0/adyen.js"
     integrity="sha384-PVev/ECnnrl4kHTImMMQ0t6UPxKIssn6K2rPzZEC46Xq3z5pTPdxoYxNPvGKLxVM"
     crossorigin="anonymous"></script>
 
<link rel="stylesheet"
    href="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/2.1.0/adyen.css"
    integrity="sha384-50dOnvmIvNwyPPAUE6+g6OFqjtA7VfFHDUAPELhlmZiD5Qcj+se6u34WjhkwDQ+H"
    crossorigin="anonymous">

Components 2.0 (December 3, 2018)

The first release of Components. This version includes support for the following payment methods:

JavaScript and CSS files


Copy code
<script src="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/2.0.0/adyen.js"
     integrity="sha384-l4jawzn4M+/zhVdkNJMoYDbsKhZpxsybhFdTxWL8yrJvF0z8H3iYVgMDVwlIkN1R"
     crossorigin="anonymous"></script>
 
<link rel="stylesheet"
    href="https://checkoutshopper-live.adyen.com/checkoutshopper/sdk/2.0.0/adyen.css"
    integrity="sha384-5AjuSLHhjh5zfLvcYiQvBKs9codvNUjuvMUA8yzlcFcDco/JrGenc912ZuQl/IXt"
    crossorigin="anonymous">