CHANGELOG

UNRELEASED

Update braintree-web to 3.101.3

1.42.0

Apple Pay
- add error message prompting the customer to click the Apple Pay button when requestPaymentMethod is called.
3D Secure
- Fix issue where paymentMethodRequestable event would fire before 3DS challenge has been completed. (closes #805)
Update braintree-web to 3.99.0

1.41.0

Update braintree-web to 3.97.4
Accessibility improvements
- Add aria-hidden attribute to generic card icon
- Add aria-required attribute to Hosted Fields
Update browser-detection to v1.17.1
Update Google Pay CSP Directives
Updated Apple Pay logo to scale correctly

1.40.2

Fix issue where some assets for the Drop-In would not load from the CDN

1.40.1

Update braintree-web to 3.97.1

1.40.0

Add CA compliance notice of collection
Venmo: add error message prompting the customer to click the Venmo button when requestPaymentMethod is called. (closes #882)

1.39.1

Update braintree-web to v3.96.1

1.39.0

Update braintree-web to v3.96.0

1.38.1

Fix issue where clearSelectedPaymentMethod does not navigate back to the initial view unless we are in the methods view (issue #883)
Add alert role to error message divs beneath card inputs. (Issue #845)

1.38.0

Fix issue where supportedCardBrands overrides were incorrectly showing images for hidden card brands

1.37.0

Drop dependency on promise-polyfill
Drop dependency on @braintree/class-list
Update braintree-web to 3.94.0

1.36.1

Update braintree-web to 3.92.1

1.36.0

Update braintree-web to v3.92.0

1.35.0

Add hiddenVaultedPaymentMethodTypes option to dropin.create
Update braintree-web to v3.91.0

1.34.0

Update braintree-web to v3.90.0

1.33.7

Better handling of card validation cases to ensure new values are re-evaluated.

1.33.6

Update braintree-web to v3.88.4

1.33.5

Update braintree-web to v3.88.3

1.33.4

Update braintree-web to v3.86.0

1.33.3

Update braintree-web to v3.85.5
Fix test app accessibility errors

1.33.2

Update VISA icon (SVG)

1.33.1

Fix issue where Drop-In fields escape Drop-In container when errors are present on multiple inputs
Fix issue where Hipercard icon was not hidden (#812, thanks @tamtamchik)
Update braintree-web to v3.85.3
Update promise-polyfill to v8.2.3

1.33.0

Update braintree-web to v3.85.2
Add support for Elo, Hiper, and Hipercard
Add support for UnionPay

1.32.1

Fix issue where passing true to card results in an error (#775)
Fix SVG inline styles causing CSP errors (#770)
Update promise-polyfill to v8.2.1
Update braintree-web to v3.83.0

1.32.0

Update @braintree/browser-detection to v1.12.1
Update braintree-web to v3.82.0

1.31.2

Fix issue where a methods container for a cusotmer with 15+ payment methods would obscure the "Choose Another Way to Pay" button
Fix issue where Drop-in could get in an unusable state when clearSelectedPaymentMethod was called directly after requestPaymentMethod
Fix issue where an already filled out card form would not trigger paymentMethodRequestable event (#761)
Update braintree-web to v3.80.0

1.31.1

Fix issue where Apple Pay would stop working after a cancellation

1.31.0

Update roles on payment option buttons so that screen readers can read them as buttons
Update braintree-web to v3.79.1
- Fix issue where card form could not tab forward in iOS Safari 14.5+ (tabbing backward is still broken)
- Add support for cardAdd param in 3D Secure
- Support Maestro cards in Google Pay

1.30.1

Update braintree-web to v3.78.2
- Fix where card form could navigate with tab button in Desktop Safari
- Fix where card form could navigate with arrow buttons in iOS Safari (#662)
Fix issue where Apple Pay button would not disable when session begins

1.30.0

Update braintree-web to v3.78.0
- Apple Pay: Support Elo cards
- Google Pay: Support Elo cards
- Venmo: Add paymentMethodUsage and displayName parameter to Venmo create options
Update browser-detection to v1.12.0
Fix issue where cursor didn't change for Apple Pay on hover (#737)
Fix issue where Drop-in couldn't load if paymentOptionPriority is set (#739)

1.29.0

Update braintree-web to v3.76.4
Add threeDSecure.cardinalSDKConfig option to dropin.create
Fix issue where Drop-in would not clear out a tokenized credit card after 3D Secure authentication fails (#694)

1.28.0

Update braintree-web to v3.76.3
Update browser-detection to v1.11.1
Fix issue where card view would not render in a shadow DOM within a shadow DOM
Fix issue where Venmo would setup in Firefox for iOS with allowNewBrowserTab: false set
Improve keyboard navigation
Fix issue where scrollbar appears for saved payment methods (#724)
Fix bug in initialization process where loading spinner would never resolve (#716)
Add changeActiveView event to track when the Drop-in updates the active view presented to the customer
Add option to not vault PayPal accounts with paypal.vault.vaultPayPal = false or paypalCredit.vault.vaultPayPal = false

1.27.0

Update braintree-web to v3.74.0
Fix issue where Drop-in may error or not set up completely due to dependency setup race condition (#700)
Fix issue where Drop-in may report it is ready even though no payment options are actually available
Google Pay
- Fix issue where passing custom button option would caused a developer error in the console (#701)
3D Secure
- Add 3ds:customer-canceled event (#690)
- Add 3ds:authentication-modal-render event
- Add 3ds:authentication-modal-close event

1.26.1

Update braintree-web to v3.73.1
Google Pay
- Update Google Pay Icon to match new brand guidelines

1.26.0

Update braintree-web to v3.71.0
Update promise-polyfill to v8.2.0
Fix issue where payment method text may be clipped
Add ability to let the Braintree API decide which payment method to show first (typically, the last payment method added to the customer) instead of showing the payment method designated as the customer's default in the Braintree control panel
```
braintree.dropin.create({
  // other config options
  showDefaultPaymentMethodFirst: false
});
```
Apple Pay
- Fix issue where Apple Pay view was using canMakePaymentsWithActiveCard incorrectly
PayPal
- Fix issue where PayPal buttons would not render correctly when multiple Drop-in instances were loaded (closes #590)

1.25.0

Pass through all underlying hosted fields events
Update braintree-web to v3.68.0
- Provide CLIENT_AUTHORIZATION_INVALID error when client token has expired or a tokenization key has been deactivated or deleted
- Apple Pay
  - Support Maestro cards
- Card
  - Fix issue where incorrect keyboard would be used for mobile devices that do not support input formatting
  - Fix issue where autocomplete cannot run multiple times
  - Add autofill handling for every hosted field
- Venmo
  - Add allowWebviews configuration to isBrowserSupported
Add new locales:
- ar_EG
- cs_CZ
- el_GR
- en_IN
- es_XC
- fi_FI
- fr_XC
- he_IL
- hu_HU
- sk_SK
- zh_XC
Provide validation to prevent cardholder name fields from being submitted as card numbers
Fix issue where hosted fields would not auto focus on card view selection

1.24.0

Use @braintree/uuid package for uuid generation
Update braintree-web to v3.65.0
Update @braintree/asset-loader to v0.4.4
Update @braintree/browser-detection to v1.10.0
Update @braintree/class-list to v0.2.0
Update @braintree/event-emitter to v0.4.1
Update @braintree/wrap-promise to v2.1.0
Fix issue where threeDSecureInfo was not included in requestPaymentMethod payload
Add getAvailablePaymentOptions method to list what payment options have been presented to the customer (closes #594)
Add support for the shadow DOM for the card view

1.23.0

Add 3DS support for non-network tokenized Google Pay cards
Add threeDSecureInfo to 3DS payload in requestPaymentMethod
Update braintree-web to v3.63.0

1.22.1

Fix issue where payment requestable event would not fire when switching between vaulted payment methods (#499)
Update braintree-web to v3.58.0
- Venmo: fix issue where webview based integrations would break

1.22.0

Update braintree-web to v3.57.0
- Venmo: fix issue where SPA hash navigation may invalidate Venmo tokenization
- 3D Secure: fallback to a v1 flow if the v2 setup fails

1.21.0

Update braintree-web to v3.55.0
- Retry failed connections to Braintree Gateway due to TCP Preconnect errors in all browsers
- Google Pay: Add support for isNetworkTokenized param in parseResponse method
- Card Form: Fix issue where pasting a card number over an Amex number could cut off the last digit
- PayPal: Add support for shipping options (see https://braintree.github.io/braintree-web/current/PayPalCheckout.html#createPayment)
Prevent non-PayPal funding sources from appearing in the PayPal views

1.20.4

Update braintree-web to v3.54.2
- Fix issue with Venmo tokenization failing because of Single Page App routers

1.20.3

Update braintree-web to v3.54.0
- Fix issue where 3D Secure billing address was not sent over if no additional information was sent
Fix issue where PayPal loading would fail when using only PayPal credit

1.20.2

Update braintree-web to v3.53.0
- Fix issue when tabbing between fields on an Android or iOS < 13 software keybaord
Fix issue where error could be thrown when validating card form (closes #471)
Fix issue where css class names could not be passed as an override style for card form (closes #535)
Log developer error for Apple Pay failure when mismatching a Sandbox session with a production iCloud account (closes #522)

1.20.1

Update event-emitter to v0.3.0
Update braintree-web to v3.52.0
- Update songbird.js script urls for 3D Secure
- Fix issue where bin was not being passed to underlying cardinal SDK
Default 3D Secure ACS Window Size to 03 (see acsWindowSize option)
Scope full screen 3D Secure modal to screen sizes with heights of 700px and smaller

1.20.0

Update braintree-web to v3.50.1
- Add threeDSecureInfo to the 3D Secure response
- Add expirationMonth and expirationYear to card tokenization payload
- Fix issue where chrome books could not input correctly with a soft keyboard on card form
- Fix issue where Google Pay would error in Edge
- Fix issue where an error may be thrown when cancelling the 3D Secure flow
- Fix issue where Drop-in would throw an error when creating a 3ds component without a Cardinal Authentication JWT
Update browser-detection to v1.8.0
Fix issue where 3D Secure iframe may not be scrollable on devices with small screens

1.19.0

Update asset-loader to v0.3.1
Update event-emitter to v0.2.0
Update promise-polyfill to v8.1.3
Update braintree-web to v3.47.0
Update wrap-promise to v2.0.0
- Errors thrown in developer provided callbacks will now log in the console
Replace css preprocessor, from Sass to Less
Upgrade to gulp 4
Adjust delete confirmation box css to be consistent, all relative to own parent.
Improved build to properly interpolate current versions in not only docs but also built code
Prevent Drop-in from firing requestable events prematurely (#511)
Add off method for unsubscribing from events without tearing down
Clean up extraneous css rules
Add 3DS 2 support

1.18.0

Add ability to opt out of client side vaulting (cards)
Update Google Pay mark to adhere with brand guidelines

1.17.2

Update braintree-web to v3.44.2
- Google Pay: Fix issue where tokenization details for Google Payments could accidentally be dropped
- PayPal: Fix bug where merchant account id was not being applied in vault flows

1.17.1

Update braintree-web to v3.44.1
- Fixes issue with mobile tabbing in the card form

1.17.0

Fix issue where falsey values were not allowed as CVV placeholders
Add ability to opt out of card view by passing false as the card option
Update braintree-web to v3.44.0
Fix issue where requestable event fires when cancelling payment method deletion (#477)

1.16.0

Allow ApplePaySession version to be set
Fix issue where vaulted payment methods have a UI error when deleting them (#474)
Stop halting Drop-in setup when Data Collector fails to load
Provide error message when payment method is requested on PayPal button view (#433)

1.15.0

Add rawPaymentData to Apple Pay payment method payload
Fix error with toLowerCase on error reporting
Update braintree-web to v3.42.0
Update @braintree/asset-loader to v0.2.1
Fix issue where 3ds modal may not get cleaned up during teardown (#463)
Allow easy Google Pay version 2 configuration

1.14.1

Explicitly opt out of additional PayPal credit button in normal PayPal view

1.14.0

Change Google Pay button to black style to better match Google's brand guidelines
Allow passing in button options to Google Pay configuration
Fix issue where Drop-in would emit noPaymentMethodRequestable and paymentMethodRequestable right after tokenization
Fix issue where Mastercard was styled as MasterCard in vault manager view
Update braintree-web to v3.39.0
Fix issue where PayPal email addresses may overflow the container
Use @braintree/asset-loader@v0.1.0 for asset loading
Use @braintree/class-list@v0.1.0 for manipulating classes

1.13.0

Provide browserified version of Drop-in on npm at dist/browser/dropin.js
Fix issue where Drop-in would throw an error when updating not presented payment method
Fix issue where the keyboard could get stuck when entering card details on iOS (#419)
Update braintree-web to v3.37.0

1.12.0

Update braintree-web to v3.36.0
Fix issue where sass compliation would prevent styling of ApplePay button
Fix slight HTML error for the expiration date field
Fix issue where Drop-in could not load in IE9 and 10
Add feature where payment methods can be deleted from Drop-in
Fix issue where consumed payment methods could not be cleared in 3ds flow (closes #408)

1.11.0

Use generic error with console log when a payment method fails to set up
Fix issue where Mastercard was displayed as MasterCard
Allow card form to not be cleared after succesful tokenization with card.clearFieldsAfterTokenization
Fix atob polyfill
Update braintree-web to v3.34.0
Fix issue where Drop-in would fail to load if something blocked an external script from loading (#379)
Report error for duplicate payment method error
Fix issue where Drop-in would throw an error if another Google script was included on the merchant page
Fix issue where Drop-in would throw an error if a non-checkout.js PayPal script was included in the merchant page
Update Google Pay script to enable it in Desktop Chrome, Firefox, Safari, and others (See Google's documentation)

1.10.0

Enable Venmo support
Enable Google Pay support
Fix issue where non utf-8 encoded sites would show strange characters for card placeholders
Fix issue where card fields could not be focused by clicking on the corresponding label
Update braintree-web to v3.31.0

1.9.4

Update braintree-web to v3.30.0
Update promise-polyfill to v7.0.2
Update jsdoc-template to v3.2.0
Fix issue where 3DS modal would not appear (#352)

1.9.3

Update checkout.js to evergreen link
Update braintree-web to v3.28.0
Update promise-polyfill to v7.0.0
Fix documentation for preselectVaultedPaymentMethod
Fix issue where 3DS modal would not close when no bank frame is added (#335)
Fix issue where liability shift information was only passed back if liabilityShiftPossible was true
Fix issue where vaulted Apple Pay methods were being displayed when they could not be used for transactions
Fix issue where script tag integration could not be instantiated when script tag was not a direct child of the form (#344)

1.9.2

Improve logic for enabling Apple Pay to only trigger with HTTPS (#328 thanks @maxsz)
Fix error for saved ApplePay payment method being displayed with incorrect details (#330 thanks @julka)
Displays "Apple Pay" instead of "undefined" for saved Apple Pay payment methods (#332 thanks @julka)

1.9.1

Normalize label styles
Fixes styling applied by frameworks like Bootstrap
Fix logic for Apple Pay being enabled (#324)
Update checkout.js to v4.0.166

1.9.0

Add 3D Secure support (#208)
Add Apple Pay support (#256)
Limit cardholder name length to 255 characters (#283)
Show error for cardholder name when attempting to tokenize (#318)
Fix cardholder-name in script tag integration
Update braintree-web to v3.26.0
- Fix issue where credit card cannot be pasted in on iOS devices (#299)

1.8.1

Update braintree-web to v3.25.0
Update paypal-checkout to v4.0.148
Fix errors that were not translated when using a locale
Update browser-detection to v1.7.0
Fix issue where the edges of card form inputs were not clickable
- This adds a label element to the Drop-in card form. If you have global styles for the label tag, it may affect the look of the Drop-in card form.
Fix issue where style overrides could not be applied if previous style rule did not exist
Improve accessibility for screenreaders when encountering field errors in card view

1.8.0

Simplify check for checkout.js on the merchant's page
Allow useraction to be set for PayPal button.
Allow vaulted payment methods to not be pre-selected on initialization
Update PayPal Checkout to v4.0.130

1.7.0

Add data collector
Update PayPal Checkout to v4.0.110
Update braintree-web to v3.22.2

1.6.1

Fix svgs not showing up when d3.js is used on page
Use version 3.22.0 of braintree-web

1.6.0

Hide Diners Club logo when Diners Club may not be supported
Add cardholderName option to card configuration
Use version 3.21.1 of braintree-web

1.5.0

Use version 3.20.1 of braintree-web
Update browser-detection to v1.6.0
Add aria-label attribute to payment options
Update checkout.js to v4.0.95
Add clearSelectedPaymentMethod to remove selected payment method
Add paymentMethodIsSelected property on paymentMethodRequestable events

1.4.0

Add paymentOptionSelected event
Add support for PayPal and PayPal credit in the script tag integration
Add support for locale and payment option priority in the script tag integration
dropinInstance.requestPaymentMethod will return a promise if no callback is provided
dropinInstance.teardown will return a promise if no callback is provided
dropin.create will return a promise if no callback is provided
Fix error thrown in console when removing fields with card overrides
Fix bug where Drop-in would not finish loading if inside a hidden div
Improve transition from payment sheet views to payment methods view
Use version 3.19.1 of braintree-web
Improve UI in older versions of iOS Safari

1.3.1

Use version 3.19.0 of braintree-web
Autoprefix CSS, fixing issues in older browsers
Add aria-invalid attribute for cards

1.3.0

Add script tag integration for cards only
Add support for custom translations
Clean up payment option error messages
Update braintree-web to version 3.18.0
Update paypal checkout.js to version 4.0.82
Allow card overrides with Hosted Fields
Use npm scoped version of browser-detection

1.2.0

Adjust styling of saved payment methods
Fix typo in Russian translation
Update browser detection library to 1.4.0
Fix width errors where Drop-in was not aligned with other elements on merchant page
Add ability to style PayPal button
Fail early if PayPal creation errors
Upgrade braintree-web to v3.17.0
Upgrade checkout.js to 4.0.78

1.1.0

Add built css to npm build
Fix typo in Dutch translations
Add ability to pass in a DOM Node to Drop-in as an alternative to a CSS selector
Update braintree-web to version 3.16.0
Update browser-detection to version 1.3.0
Update PayPal Checkout.js to version 4.0.75
Add updateConfiguration method to Drop-in instance for updating PayPal or PayPal Credit configuration
Only load paypal checkout script once

1.0.2

Add timeout for async dependencies in PayPal
Record Drop-in version in metadata

1.0.1

Fix card icon overflow in small browser windows
Show empty field errors only when another field is focused
Use version 3.15.0 of braintree-web

1.0.0

Fix localization for placeholders
Fix error thrown when CVV was not enabled

1.0.0-beta.7

Use PayPal Checkout for PayPal View
Use version 3.14.0 of braintree-web
Use version 4.0.65 of paypal-checkout
Improve loading transition
Add full support for IE 9 and 10
Add support for PayPal Credit
Fix bug where adding a vaulted payment method would duplicate previously added payment methods
Add support for tab navigation
Auto focus the number input when selecting the card view
Add events for paymentMethodRequestable and noPaymentMethodRequestable
Fix bug where PayPal button was not being translated
Fix bug where unusable payment methods would be displayed if saved in the vault
Provide more specific tokenization errors for duplicate payment methods and cvv verification failures
Fix styling bug where hosted fields iframe margin style could be overwritten

1.0.0-beta.6

Disable payment methods if they error when creating
Add paymentOptionPriority option for specifying the ordering of payment options such as card and paypal
Add translations
Use version 3.11.1 of braintree-web

1.0.0-beta.5

Use version 3.10.0 of braintree-web
Doesn't show Card payment option for merchants without cards enabled
Animate payment entry to tokenization
Animate choosing other saved payment methods
Animate choosing a different way to pay
Publish to npm
Fix #85 where the Drop-in would overflow in a small container
Show loading indicator until all components have finished loading

1.0.0-beta.4

Fix bug where PayPal button could not be clicked in some browsers
Fix bug where SVGs did not render correctly in Edge
Fix bug in some browsers that prevented form from appearing with certain configurations
Use version 3.7.0 of braintree-web

1.0.0-beta.3

Fix "insufficient privileges" error when using tokenization keys with cards
Update UI
Add analytics events
Use version 3.6.3 of braintree-web

1.0.0-beta.1

This version of Drop-in uses v3 of Braintree's JS SDK to build a ready-made UI for easily accepting payments on the web. This release includes:

Credit card and PayPal support
Both guest and vaulted checkouts
PCI SAQ A compliance

Updates from the previous version of Drop-in:

Refreshed UI to easily accommodate multiple payment methods
Not in an iframe; feel free to manipulate any elements of Drop-in that don't fit with your checkout
Open source and open development

Features from the previous version not included in this release:

PayPal Credit and Coinbase support
Automatic PayPal configuration; a PayPal configuration object is required for all merchants using PayPal
Automatic injection of payment_method_nonce into your form

Files

CHANGELOG.md

Latest commit

History