braintree-web-drop-in - npm Package Compare versions

Comparing version 1.0.0-beta.7 to 1.0.0

CHANGELOG.md

 CHANGELOG
 =========
 
+1.0.0
+-----
+- Fix localization for placeholders
+- Fix error thrown when CVV was not enabled
+
 1.0.0-beta.7
@@ -5,0 +10,0 @@ ----------

dropin.js

@@ -20,3 +20,3 @@ 'use strict';
 var DEFAULT_CHECKOUTJS_LOG_LEVEL = 'warn';
-var VERSION = "1.0.0-beta.7";
+var VERSION = "1.0.0";
 
@@ -23,0 +23,0 @@ function Dropin(options) {

index.js

@@ -10,3 +10,3 @@ 'use strict';
 
-var VERSION = "1.0.0-beta.7";
+var VERSION = "1.0.0";
 
@@ -13,0 +13,0 @@ function create(options, callback) {

package.json

 {
   "name": "braintree-web-drop-in",
-  "version": "1.0.0-beta.7",
+  "version": "1.0.0",
   "main": "index.js",
@@ -5,0 +5,0 @@ "scripts": {

README.md

@@ -5,3 +5,3 @@ # Braintree Web Drop-in
 
-Because we're still in beta, the API and designs are subject to change. If you have any feedback in these areas, create an [issue](https://github.com/braintree/braintree-web-drop-in/issues) or email us at [[e-mail]](mailto:[e-mail]).
+If you have any feedback or questions, create an [issue](https://github.com/braintree/braintree-web-drop-in/issues) or [contact Braintree support](https://developers.braintreepayments.com/forms/contact).
 
@@ -12,2 +12,3 @@ ## What's new
 - Not in an iframe; feel free to style Drop-in to blend in with your website
+- Now available in [23 languages](#localization)
 - Open source and open development
@@ -20,3 +21,3 @@
 ```html
-<script src="https://js.braintreegateway.com/web/dropin/1.0.0-beta.7/js/dropin.min.js"></script>
+<script src="https://js.braintreegateway.com/web/dropin/1.0.0/js/dropin.min.js"></script>
 ```
@@ -118,3 +119,3 @@
 
-    <script src="https://js.braintreegateway.com/web/dropin/1.0.0-beta.7/js/dropin.min.js"></script>
+    <script src="https://js.braintreegateway.com/web/dropin/1.0.0/js/dropin.min.js"></script>
 
@@ -255,13 +256,1 @@ <script>
 Drop-in is supported in all browsers supported by the [Braintree JavaScript Client SDK](http://braintree.github.io/braintree-web/current/#browser-support).
-
-## Beta notes
-
-While in beta, we're still actively working on Drop-in. This means you might have to change your integration when upgrading your Drop-in version. This includes any custom CSS styling applied to `data-braintree-id` attributes.
-
-Much of the behavior in this version of Drop-in differs from the [previous version](https://developers.braintreepayments.com/guides/drop-in/javascript/v2). At this point, adding the hidden `payment_method_nonce` input and automatic form submission (the default behavior in the previous version) are not available.
-
-Here are some of the features we're still working on:
-
- - Event API: An event system to indicate when a payment method can be requested
- - Full documentation in the [Braintree developer docs](https://developers.braintreepayments.com/guides/overview) and an API reference
- - Support for additional types of payment methods

translations/da_DK.js

@@ -33,2 +33,3 @@ 'use strict';
   "expirationDateLabelSubheading": "(MM/ÅÅ)",
+  "expirationDatePlaceholder": "MM/ÅÅ",
   "postalCodeLabel": "Postnummer",
@@ -35,0 +36,0 @@ "payWithCard": "Betal med kort",

translations/de_DE.js

@@ -33,2 +33,3 @@ 'use strict';
   "expirationDateLabelSubheading": "(MM/JJ)",
+  "expirationDatePlaceholder": "MM/JJ",
   "postalCodeLabel": "PLZ",
@@ -35,0 +36,0 @@ "payWithCard": "Mit Kreditkarte zahlen",

translations/en_AU.js

@@ -33,2 +33,3 @@ 'use strict';
   "expirationDateLabelSubheading": "(MM/YY)",
+  "expirationDatePlaceholder": "MM/YY",
   "postalCodeLabel": "Postcode",
@@ -35,0 +36,0 @@ "payWithCard": "Pay with credit or debit card",

translations/en_GB.js

@@ -33,2 +33,3 @@ 'use strict';
   "expirationDateLabelSubheading": "(MM/YY)",
+  "expirationDatePlaceholder": "MM/YY",
   "postalCodeLabel": "Postcode",
@@ -35,0 +36,0 @@ "payWithCard": "Pay with card",

translations/en.js

@@ -34,2 +34,3 @@ 'use strict';
   expirationDateLabelSubheading: '(MM/YY)',
+  expirationDatePlaceholder: 'MM/YY',
   postalCodeLabel: 'Postal Code',
@@ -36,0 +37,0 @@ payWithCard: 'Pay with card',

translations/es_ES.js

@@ -33,2 +33,3 @@ 'use strict';
   "expirationDateLabelSubheading": "(MM/AA)",
+  "expirationDatePlaceholder": "MM/AA",
   "postalCodeLabel": "Código postal",
@@ -35,0 +36,0 @@ "payWithCard": "Pagar con tarjeta",

translations/fr_CA.js

@@ -33,2 +33,3 @@ 'use strict';
   "expirationDateLabelSubheading": "(MM/AA)",
+  "expirationDatePlaceholder": "MM/AA",
   "postalCodeLabel": "Code postal",
@@ -35,0 +36,0 @@ "payWithCard": "Payer par carte",

translations/fr_FR.js

@@ -33,2 +33,3 @@ 'use strict';
   "expirationDateLabelSubheading": "(MM/AA)",
+  "expirationDatePlaceholder": "MM/AA",
   "postalCodeLabel": "Code postal",
@@ -35,0 +36,0 @@ "payWithCard": "Payer par carte",

translations/id_ID.js

@@ -33,2 +33,3 @@ 'use strict';
   "expirationDateLabelSubheading": "(BB/TT)",
+  "expirationDatePlaceholder": "BB/TT",
   "postalCodeLabel": "Kode Pos",
@@ -35,0 +36,0 @@ "payWithCard": "Bayar dengan kartu",

translations/it_IT.js

@@ -33,2 +33,3 @@ 'use strict';
   "expirationDateLabelSubheading": "(MM/AA)",
+  "expirationDatePlaceholder": "MM/AA",
   "postalCodeLabel": "CAP",
@@ -35,0 +36,0 @@ "payWithCard": "Paga con una carta",

translations/ja_JP.js

@@ -33,2 +33,3 @@ 'use strict';
   "expirationDateLabelSubheading": "(MM/YY)",
+  "expirationDatePlaceholder": "MM/YY",
   "postalCodeLabel": "郵便番号",
@@ -35,0 +36,0 @@ "payWithCard": "カードで支払う",

translations/ko_KR.js

@@ -33,2 +33,3 @@ 'use strict';
   "expirationDateLabelSubheading": "(MM/YY)",
+  "expirationDatePlaceholder": "MM/YY",
   "postalCodeLabel": "우편번호",
@@ -35,0 +36,0 @@ "payWithCard": "카드로 결제",

translations/nl_NL.js

@@ -33,2 +33,3 @@ 'use strict';
   "expirationDateLabelSubheading": "(MM/JJ)",
+  "expirationDatePlaceholder": "MM/JJ",
   "postalCodeLabel": "Postcode",
@@ -35,0 +36,0 @@ "payWithCard": "Betalen met creditcard",

translations/no_NO.js

@@ -33,2 +33,3 @@ 'use strict';
   "expirationDateLabelSubheading": "(MM/ÅÅ)",
+  "expirationDatePlaceholder": "MM/ÅÅ",
   "postalCodeLabel": "Postnummer",
@@ -35,0 +36,0 @@ "payWithCard": "Betal med kort",

translations/pl_PL.js

@@ -33,2 +33,3 @@ 'use strict';
   "expirationDateLabelSubheading": "(MM/RR)",
+  "expirationDatePlaceholder": "MM/RR",
   "postalCodeLabel": "Kod pocztowy",
@@ -35,0 +36,0 @@ "payWithCard": "Zapłać kartą",

translations/pt_BR.js

@@ -33,2 +33,3 @@ 'use strict';
   "expirationDateLabelSubheading": "(MM/AA)",
+  "expirationDatePlaceholder": "MM/AA",
   "postalCodeLabel": "CEP",
@@ -35,0 +36,0 @@ "payWithCard": "Pague com seu cartão",

translations/pt_PT.js

@@ -33,2 +33,3 @@ 'use strict';
   "expirationDateLabelSubheading": "(MM/AA)",
+  "expirationDatePlaceholder": "MM/AA",
   "postalCodeLabel": "Código postal",
@@ -35,0 +36,0 @@ "payWithCard": "Pagar com cartão",

translations/ru_RU.js

@@ -33,2 +33,3 @@ 'use strict';
   "expirationDateLabelSubheading": "(ММ/ГГ)",
+  "expirationDatePlaceholder": "ММ/ГГ",
   "postalCodeLabel": "Индекс",
@@ -35,0 +36,0 @@ "payWithCard": "Оплатить картой",

translations/sv_SE.js

@@ -33,2 +33,3 @@ 'use strict';
   "expirationDateLabelSubheading": "(MM/ÅÅ)",
+  "expirationDatePlaceholder": "MM/ÅÅ",
   "postalCodeLabel": "Postnummer",
@@ -35,0 +36,0 @@ "payWithCard": "Betala med kort",

translations/th_TH.js

@@ -33,2 +33,3 @@ 'use strict';
   "expirationDateLabelSubheading": "(ดด/ปป)",
+  "expirationDatePlaceholder": "ดด/ปป",
   "postalCodeLabel": "รหัสไปรษณีย์",
@@ -35,0 +36,0 @@ "payWithCard": "ชำระเงินด้วยบัตร",

translations/zh_CN.js

@@ -33,2 +33,3 @@ 'use strict';
   "expirationDateLabelSubheading": "（MM/YY）",
+  "expirationDatePlaceholder": "MM/YY",
   "postalCodeLabel": "邮政编码",
@@ -35,0 +36,0 @@ "payWithCard": "用卡付款",

translations/zh_HK.js

@@ -33,2 +33,3 @@ 'use strict';
   "expirationDateLabelSubheading": "(MM/YY)",
+  "expirationDatePlaceholder": "MM/YY",
   "postalCodeLabel": "郵遞區號",
@@ -35,0 +36,0 @@ "payWithCard": "使用信用卡付款",

translations/zh_TW.js

@@ -33,2 +33,3 @@ 'use strict';
   "expirationDateLabelSubheading": "（月 / 年）",
+  "expirationDatePlaceholder": "月 / 年",
   "postalCodeLabel": "郵遞區號",
@@ -35,0 +36,0 @@ "payWithCard": "使用信用卡 / 扣帳卡付款",

views/payment-sheet-views/card-view.js

@@ -38,3 +38,3 @@ 'use strict';
         selector: this._generateFieldSelector('expiration'),
-        placeholder: 'MM / YY'
+        placeholder: this.strings.expirationDatePlaceholder
       },
@@ -46,4 +46,3 @@ cvv: {
       postalCode: {
-        selector: this._generateFieldSelector('postal-code'),
-        placeholder: 'ZIP'
+        selector: this._generateFieldSelector('postal-code')
       }
@@ -81,2 +80,3 @@ },
 
+  this.hasCVV = hasCVV;
   this.cardNumberIcon = this.getElementById('card-number-icon');
@@ -306,9 +306,12 @@ this.cardNumberIconSvg = this.getElementById('card-number-icon-svg');
   this.cardNumberIconSvg.setAttribute('xlink:href', cardNumberHrefLink);
-  this.cvvIconSvg.setAttribute('xlink:href', cvvHrefLink);
-  this.cvvLabelDescriptor.textContent = cvvDescriptor;
-  this.hostedFieldsInstance.setAttribute({
-    field: 'cvv',
-    attribute: 'placeholder',
-    value: cvvPlaceholder
-  });
+
+  if (this.hasCVV) {
+    this.cvvIconSvg.setAttribute('xlink:href', cvvHrefLink);
+    this.cvvLabelDescriptor.textContent = cvvDescriptor;
+    this.hostedFieldsInstance.setAttribute({
+      field: 'cvv',
+      attribute: 'placeholder',
+      value: cvvPlaceholder
+    });
+  }
 };
@@ -315,0 +318,0 @@

Fixed alerts

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

171487

increased by0.09%

Lines of code

2788

increased by0.9%

Number of low quality alerts

1

decreased by-50%

Worsened metrics

Number of lines in readme file

252

decreased by-4.18%

No dependency changes