@stripe/stripe-js 2.3.0 → 3.0.0

package/README.md

@@ -16,6 +16,10 @@ of features of Stripe.js.
 
 [![npm version](https://img.shields.io/npm/v/@stripe/stripe-js.svg?style=flat-square)](https://www.npmjs.com/package/@stripe/stripe-js)
 
+## Minimum requirements
+
+- Node.js: v12.16
+
 ## Installation
 
 Use `npm` to install the Stripe.js module:

package/dist/pure.js

@@ -58,7 +58,7 @@ var registerWrapper = function registerWrapper(stripe, startTime) {
 
   stripe._registerWrapper({
     name: 'stripe-js',
-    version: "2.3.0",
+    version: "3.0.0",
     startTime: startTime
   });
 };

package/dist/{pure.esm.js → pure.mjs}

@@ -54,7 +54,7 @@ var registerWrapper = function registerWrapper(stripe, startTime) {
 
   stripe._registerWrapper({
     name: 'stripe-js',
-    version: "2.3.0",
+    version: "3.0.0",
     startTime: startTime
   });
 };

package/dist/stripe.js

@@ -42,7 +42,7 @@ var registerWrapper = function registerWrapper(stripe, startTime) {
 
   stripe._registerWrapper({
     name: 'stripe-js',
-    version: "2.3.0",
+    version: "3.0.0",
     startTime: startTime
   });
 };

package/dist/{stripe.esm.js → stripe.mjs}

@@ -38,7 +38,7 @@ var registerWrapper = function registerWrapper(stripe, startTime) {
 
   stripe._registerWrapper({
     name: 'stripe-js',
-    version: "2.3.0",
+    version: "3.0.0",
     startTime: startTime
   });
 };

package/package.json

@@ -1,11 +1,21 @@
 {
   "name": "@stripe/stripe-js",
-  "version": "2.3.0",
+  "version": "3.0.0",
   "description": "Stripe.js loading utility",
   "repository": "github:stripe/stripe-js",
   "main": "dist/stripe.js",
-  "module": "dist/stripe.esm.js",
-  "jsnext:main": "dist/stripe.esm.js",
+  "module": "dist/stripe.mjs",
+  "exports": {
+    ".": {
+      "import": "./dist/stripe.mjs",
+      "default": "./dist/stripe.js"
+    },
+    "./pure": {
+      "import": "./dist/pure.mjs",
+      "default": "./dist/pure.js"
+    }
+  },
+  "jsnext:main": "dist/stripe.mjs",
   "types": "types/index.d.ts",
   "typings": "types/index.d.ts",
   "scripts": {
@@ -31,10 +41,11 @@
   "files": [
     "dist",
     "src",
-    "types",
-    "pure.js",
-    "pure.d.ts"
+    "types"
   ],
+  "engines": {
+    "node": ">=12.16"
+  },
   "devDependencies": {
     "@babel/core": "^7.7.2",
     "@babel/preset-env": "^7.7.1",

package/types/stripe-js/elements/card-number.d.ts

@@ -4,6 +4,7 @@ import {
   StripeElementClasses,
   StripeElementChangeEvent,
 } from './base';
+import {CardNetworkBrand} from '../elements-group';
 
 export type StripeCardNumberElement = StripeElementBase & {
   /**
@@ -109,7 +110,7 @@ export type StripeCardNumberElement = StripeElementBase & {
    * The styles of an `Element` can be dynamically changed using `element.update`.
    * This method can be used to simulate CSS media queries that automatically adjust the size of elements when viewed on different devices.
    */
-  update(options: Partial<StripeCardNumberElementOptions>): void;
+  update(options: Partial<StripeCardNumberElementUpdateOptions>): void;
 };
 
 export interface StripeCardNumberElementOptions {
@@ -121,7 +122,47 @@ export interface StripeCardNumberElementOptions {
 
   /**
    * Applies a disabled state to the Element such that user input is not accepted.
-   * Default is false.
+   * Default is `false`.
+   */
+  disabled?: boolean;
+
+  /**
+   * Show a card brand icon in the Element.
+   * Default is `false`.
+   */
+  showIcon?: boolean;
+
+  /**
+   * Appearance of the brand icon in the Element.
+   */
+  iconStyle?: 'default' | 'solid';
+
+  /**
+   * Hides and disables the Link Button in the Card Element.
+   * Default is `false`.
+   */
+  disableLink?: boolean;
+
+  /**
+   * Specifies a network preference for Card Brand Choice. The first network in the array which is a valid
+   * network on the entered card will be selected as the default in the Card Brand Choice dropdown upon
+   * entry of a co-branded card.
+   *
+   * Default is an empty array, meaning no default selection will be made in the Card Brand choice dropdown.
+   */
+  preferredNetwork?: Array<CardNetworkBrand>;
+}
+
+export interface StripeCardNumberElementUpdateOptions {
+  classes?: StripeElementClasses;
+
+  style?: StripeElementStyle;
+
+  placeholder?: string;
+
+  /**
+   * Applies a disabled state to the Element such that user input is not accepted.
+   * Default is `false`.
    */
   disabled?: boolean;
 

package/types/stripe-js/elements/card.d.ts

@@ -4,6 +4,7 @@ import {
   StripeElementClasses,
   StripeElementChangeEvent,
 } from './base';
+import {CardNetworkBrand} from '../elements-group';
 
 export type StripeCardElement = StripeElementBase & {
   /**
@@ -143,15 +144,24 @@ export interface StripeCardElementOptions {
 
   /**
    * Applies a disabled state to the Element such that user input is not accepted.
-   * Default is false.
+   * Default is `false`.
    */
   disabled?: boolean;
 
   /**
    * Hides and disables the Link Button in the Card Element.
-   * Default is false.
+   * Default is `false`.
    */
   disableLink?: boolean;
+
+  /**
+   * Specifies a network preference for Card Brand Choice. The first network in the array which is a valid
+   * network on the entered card will be selected as the default in the Card Brand Choice dropdown upon
+   * entry of a co-branded card.
+   *
+   * Default is an empty array, meaning no default selection will be made in the Card Brand choice dropdown.
+   */
+  preferredNetwork?: Array<CardNetworkBrand>;
 }
 
 export interface StripeCardElementUpdateOptions {
@@ -185,7 +195,7 @@ export interface StripeCardElementUpdateOptions {
 
   /**
    * Applies a disabled state to the Element such that user input is not accepted.
-   * Default is false.
+   * Default is `false`.
    */
   disabled?: boolean;
 }

package/types/stripe-js/elements-group.d.ts

@@ -617,6 +617,26 @@ export type StripeElementLocale =
   | 'zh-HK'
   | 'zh-TW';
 
+export type CardNetworkBrand =
+  | 'accel'
+  | 'amex'
+  | 'carnet'
+  | 'cartes_bancaires'
+  | 'diners'
+  | 'discover'
+  | 'eftpos_au'
+  | 'elo'
+  | 'girocard'
+  | 'interac'
+  | 'jcb'
+  | 'mastercard'
+  | 'nyce'
+  | 'pulse'
+  | 'rupay'
+  | 'star'
+  | 'unionpay'
+  | 'visa';
+
 type PaymentMethodOptions = {
   card?: {require_cvc_recollection?: boolean};
   us_bank_account?: {

package/pure.js

@@ -1 +0,0 @@
-module.exports = require('./dist/pure.js');