Checkout icon

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

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

New

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

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

New

Improvements

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

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 displays supported brands for credit cards.

JavaScript and CSS files

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

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:

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

Components 2.4.2 (April 29, 2019)

This release includes fixes for compatibility issues with Internet Explorer.

JavaScript and CSS files missing

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

Components 2.4.0 (April 8, 2019)

New

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

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

Components 2.2.0 (March 4, 2019)

New

Improvements

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

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

Components 2.0 (December 3, 2018)

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

JavaScript and CSS files