@stripe/stripe-js - npm Package Compare versions

Comparing version 1.20.2 to 1.20.3

dist/pure.esm.js

@@ -57,3 +57,3 @@ function _typeof(obj) {
     name: 'stripe-js',
-    version: "1.20.2",
+    version: "1.20.3",
     startTime: startTime
@@ -60,0 +60,0 @@ });

dist/pure.js

@@ -61,3 +61,3 @@ 'use strict';
     name: 'stripe-js',
-    version: "1.20.2",
+    version: "1.20.3",
     startTime: startTime
@@ -64,0 +64,0 @@ });

dist/stripe.esm.js

@@ -41,3 +41,3 @@ var V3_URL = 'https://js.stripe.com/v3';
     name: 'stripe-js',
-    version: "1.20.2",
+    version: "1.20.3",
     startTime: startTime
@@ -44,0 +44,0 @@ });

dist/stripe.js

@@ -45,3 +45,3 @@ 'use strict';
     name: 'stripe-js',
-    version: "1.20.2",
+    version: "1.20.3",
     startTime: startTime
@@ -48,0 +48,0 @@ });

package.json

 {
   "name": "@stripe/stripe-js",
-  "version": "1.20.2",
+  "version": "1.20.3",
   "description": "Stripe.js loading utility",
@@ -5,0 +5,0 @@ "main": "dist/stripe.js",

types/stripe-js/elements.d.ts

@@ -273,6 +273,5 @@ ///<reference path='./elements/card.d.ts' />
     /**
-     * Requires beta access:
-     * Contact [Stripe support](https://support.stripe.com/) for more information.
+     * Creates a `PaymentElement`.
      *
-     * Creates a `PaymentElement`.
+     * @docs https://stripe.com/docs/payments/payment-element
      */
@@ -285,5 +284,2 @@ create(
     /**
-     * Requires beta access:
-     * Contact [Stripe support](https://support.stripe.com/) for more information.
-     *
      * Looks up a previously created `Element` by its type.
@@ -434,18 +430,12 @@ */
     /**
-     * Used with the Payment Element, requires beta access:
-     * Contact [Stripe support](https://support.stripe.com/) for more information.
+     * Match the Payment Element with the design of your site with the appearance option.
+     * The layout of the Payment Element stays consistent, but you can modify colors, fonts, borders, padding, and more.
      *
-     * Match the design of your site with the appearance option.
-     * The layout of each Element stays consistent, but you can modify colors, fonts, borders, padding, and more.
-     *
      * @docs https://stripe.com/docs/stripe-js/appearance-api
      */
-    appearance?: Record<string, unknown>;
+    appearance?: Appearance;
 
     /**
-     * Used with the Payment Element, requires beta access:
-     * Contact [Stripe support](https://support.stripe.com/) for more information.
+     * The client secret for a PaymentIntent or SetupIntent used by the Payment Element.
      *
-     * The client secret for a PaymentIntent or SetupIntent
-     *
      * @docs https://stripe.com/docs/api/payment_intents/object#payment_intent_object-client_secret
@@ -476,3 +466,3 @@ */
      */
-    appearance?: Record<string, unknown>;
+    appearance?: Appearance;
   }
@@ -529,2 +519,91 @@
   }
+
+  /*
+   * @docs https://stripe.com/docs/stripe-js/appearance-api
+   */
+  interface Appearance {
+    theme?: 'stripe' | 'night' | 'none';
+
+    variables?: {
+      // General font styles
+      fontFamily?: string;
+      fontSmooth?: string;
+      fontVariantLigatures?: string;
+      fontVariationSettings?: string;
+      fontLineHeight?: string;
+
+      // Font sizes
+      fontSizeBase?: string;
+      fontSizeSm?: string;
+      fontSizeXs?: string;
+      fontSize2Xs?: string;
+      fontSize3Xs?: string;
+      fontSizeLg?: string;
+      fontSizeXl?: string;
+
+      // Font weights
+      fontWeightLight?: string;
+      fontWeightNormal?: string;
+      fontWeightMedium?: string;
+      fontWeightBold?: string;
+
+      // Spacing
+      spacingUnit?: string;
+      spacingGridRow?: string;
+      spacingGridColumn?: string;
+      spacingTab?: string;
+
+      // Colors
+      colorPrimary?: string;
+      colorPrimaryText?: string;
+      colorBackground?: string;
+      colorBackgroundText?: string;
+      colorText?: string;
+      colorSuccess?: string;
+      colorSuccessText?: string;
+      colorDanger?: string;
+      colorDangerText?: string;
+      colorWarning?: string;
+      colorWarningText?: string;
+
+      // Text variations
+      colorTextSecondary?: string;
+      colorTextPlaceholder?: string;
+
+      // Icons
+      colorIcon?: string;
+      colorIconHover?: string;
+      colorIconCardError?: string;
+      colorIconCardCvc?: string;
+      colorIconCardCvcError?: string;
+      colorIconCheckmark?: string;
+      colorIconChevronDown?: string;
+      colorIconChevronDownHover?: string;
+      colorIconRedirect?: string;
+      colorIconTab?: string;
+      colorIconTabHover?: string;
+      colorIconTabSelected?: string;
+      colorIconTabMore?: string;
+      colorIconTabMoreHover?: string;
+
+      // Logos
+      colorLogo?: string;
+      colorLogoTab?: string;
+      colorLogoTabSelected?: string;
+      colorLogoBlock?: string;
+
+      // Focus
+      focusBoxShadow?: string;
+      focusOutline?: string;
+
+      // Radius
+      borderRadius?: string;
+    };
+
+    rules?: {
+      [selector: string]: {
+        [cssPropertyName: string]: string;
+      };
+    };
+  }
 }

types/stripe-js/elements/payment.d.ts

@@ -127,2 +127,4 @@ ///<reference path='./base.d.ts' />
     sofort?: TermOption;
+    auBecsDebit?: TermOption;
+    usBankAccount?: TermOption;
   }
@@ -154,4 +156,3 @@
 
-  interface StripePaymentElementChangeEvent
-    extends Omit<StripeElementChangeEvent, 'error'> {
+  interface StripePaymentElementChangeEvent {
     /**
@@ -163,2 +164,12 @@ * The type of element that emitted this event.
     /**
+     * `true` if the all inputs in the Payment Element are empty.
+     */
+    empty: boolean;
+
+    /**
+     * `true` if the every input in the Payment Element is well-formed and potentially complete.
+     */
+    complete: boolean;
+
+    /**
      * Whether or not the Payment Element is currently collapsed.
@@ -169,3 +180,3 @@ */
     /**
-     * An object containing the currently selected PaymentMethod type.
+     * An object containing the currently selected PaymentMethod type (in snake_case, for example "afterpay_clearpay").
      */
@@ -172,0 +183,0 @@ value: {type: string};

types/stripe-js/index.d.ts

@@ -44,6 +44,11 @@ ///<reference path='./checkout.d.ts' />
     /**
-     * Requires beta access:
-     * Contact [Stripe support](https://support.stripe.com/) for more information.
+     * Use `stripe.confirmPayment` to confirm a PaymentIntent using data collected by the [Payment Element](https://stripe.com/docs/js/element/payment_element).
+     * When called, `stripe.confirmPayment` will attempt to complete any [required actions](https://stripe.com/docs/payments/intents), such as authenticating your user by displaying a 3DS dialog or redirecting them to a bank authorization page.
+     * Your user will be redirected to the return_url you pass once the confirmation is complete.
      *
-     * @docs https://stripe.com/docs/stripe-js/payment-element/accept-a-payment-manual
+     * By default, stripe.`confirmPayment` will always redirect to your return_url after a successful confirmation.
+     * If you set `redirect: "if_required"`, then `stripe.confirmPayment` will only redirect if your user chooses a redirect-based payment method.
+     * Setting `if_required` requires that you handle successful confirmations for redirect-based and non-redirect based payment methods separately.
+     *
+     * @docs https://stripe.com/docs/js/payment_intents/confirm_payment
      */
@@ -57,6 +62,7 @@ confirmPayment(options: {
     /**
-     * Requires beta access:
-     * Contact [Stripe support](https://support.stripe.com/) for more information.
+     * Use `stripe.confirmPayment` to confirm a PaymentIntent using data collected by the [Payment Element](https://stripe.com/docs/js/element/payment_element).
+     * When called, `stripe.confirmPayment` will attempt to complete any [required actions](https://stripe.com/docs/payments/intents), such as authenticating your user by displaying a 3DS dialog or redirecting them to a bank authorization page.
+     * Your user will be redirected to the return_url you pass once the confirmation is complete.
      *
-     * @docs https://stripe.com/docs/stripe-js/payment-element/accept-a-payment-manual
+     * @docs https://stripe.com/docs/js/payment_intents/confirm_payment
      */
@@ -494,6 +500,11 @@ confirmPayment(options: {
     /**
-     * Requires beta access:
-     * Contact [Stripe support](https://support.stripe.com/) for more information.
+     * Use `stripe.confirmSetup` to confirm a SetupIntent using data collected by the [Payment Element](https://stripe.com/docs/js/element/payment_element).
+     * When called, `stripe.confirmSetup` will attempt to complete any [required actions](https://stripe.com/docs/payments/intents), such as authenticating your user by displaying a 3DS dialog or redirecting them to a bank authorization page.
+     * Your user will be redirected to the return_url you pass once the confirmation is complete.
      *
-     * @docs https://stripe.com/docs/stripe-js/payment-element/set-up-payment-manual
+     * By default, stripe.`confirmSetup` will always redirect to your return_url after a successful confirmation.
+     * If you set `redirect: "if_required"`, then `stripe.confirmSetup` will only redirect if your user chooses a redirect-based payment method.
+     * Setting `if_required` requires that you handle successful confirmations for redirect-based and non-redirect based payment methods separately.
+     *
+     * @docs https://stripe.com/docs/js/setup_intents/confirm_setup
      */
@@ -507,6 +518,7 @@ confirmSetup(options: {
     /**
-     * Requires beta access:
-     * Contact [Stripe support](https://support.stripe.com/) for more information.
+     * Use `stripe.confirmSetup` to confirm a SetupIntent using data collected by the [Payment Element](https://stripe.com/docs/js/element/payment_element).
+     * When called, `stripe.confirmSetup` will attempt to complete any [required actions](https://stripe.com/docs/payments/intents), such as authenticating your user by displaying a 3DS dialog or redirecting them to a bank authorization page.
+     * Your user will be redirected to the return_url you pass once the confirmation is complete.
      *
-     * @docs https://stripe.com/docs/stripe-js/payment-element/set-up-payment-manual
+     * @docs https://stripe.com/docs/js/setup_intents/confirm_setup
      */
@@ -513,0 +525,0 @@ confirmSetup(options: {

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

338807

increased by1.31%

Lines of code

8616

increased by1.03%

No dependency changes