@stripe/stripe-js 8.1.0 → 8.3.0

package/dist/index.js

@@ -55,7 +55,7 @@ var registerWrapper = function registerWrapper(stripe, startTime) {
 
   stripe._registerWrapper({
     name: 'stripe-js',
-    version: "8.1.0",
+    version: "8.3.0",
     startTime: startTime
   });
 };
@@ -151,7 +151,7 @@ var initStripe = function initStripe(maybeStripe, args, startTime) {
   var expectedVersion = RELEASE_TRAIN;
 
   if (isTestKey && version !== expectedVersion) {
-    console.warn("Stripe.js@".concat(version, " was loaded on the page, but @stripe/stripe-js@").concat("8.1.0", " expected Stripe.js@").concat(expectedVersion, ". This may result in unexpected behavior. For more information, see https://docs.stripe.com/sdks/stripejs-versioning"));
+    console.warn("Stripe.js@".concat(version, " was loaded on the page, but @stripe/stripe-js@").concat("8.3.0", " expected Stripe.js@").concat(expectedVersion, ". This may result in unexpected behavior. For more information, see https://docs.stripe.com/sdks/stripejs-versioning"));
   }
 
   var stripe = maybeStripe.apply(undefined, args);

package/dist/index.mjs

@@ -51,7 +51,7 @@ var registerWrapper = function registerWrapper(stripe, startTime) {
 
   stripe._registerWrapper({
     name: 'stripe-js',
-    version: "8.1.0",
+    version: "8.3.0",
     startTime: startTime
   });
 };
@@ -147,7 +147,7 @@ var initStripe = function initStripe(maybeStripe, args, startTime) {
   var expectedVersion = RELEASE_TRAIN;
 
   if (isTestKey && version !== expectedVersion) {
-    console.warn("Stripe.js@".concat(version, " was loaded on the page, but @stripe/stripe-js@").concat("8.1.0", " expected Stripe.js@").concat(expectedVersion, ". This may result in unexpected behavior. For more information, see https://docs.stripe.com/sdks/stripejs-versioning"));
+    console.warn("Stripe.js@".concat(version, " was loaded on the page, but @stripe/stripe-js@").concat("8.3.0", " expected Stripe.js@").concat(expectedVersion, ". This may result in unexpected behavior. For more information, see https://docs.stripe.com/sdks/stripejs-versioning"));
   }
 
   var stripe = maybeStripe.apply(undefined, args);

package/dist/pure.js

@@ -71,7 +71,7 @@ var registerWrapper = function registerWrapper(stripe, startTime) {
 
   stripe._registerWrapper({
     name: 'stripe-js',
-    version: "8.1.0",
+    version: "8.3.0",
     startTime: startTime
   });
 };
@@ -167,7 +167,7 @@ var initStripe = function initStripe(maybeStripe, args, startTime) {
   var expectedVersion = RELEASE_TRAIN;
 
   if (isTestKey && version !== expectedVersion) {
-    console.warn("Stripe.js@".concat(version, " was loaded on the page, but @stripe/stripe-js@").concat("8.1.0", " expected Stripe.js@").concat(expectedVersion, ". This may result in unexpected behavior. For more information, see https://docs.stripe.com/sdks/stripejs-versioning"));
+    console.warn("Stripe.js@".concat(version, " was loaded on the page, but @stripe/stripe-js@").concat("8.3.0", " expected Stripe.js@").concat(expectedVersion, ". This may result in unexpected behavior. For more information, see https://docs.stripe.com/sdks/stripejs-versioning"));
   }
 
   var stripe = maybeStripe.apply(undefined, args);

package/dist/pure.mjs

@@ -67,7 +67,7 @@ var registerWrapper = function registerWrapper(stripe, startTime) {
 
   stripe._registerWrapper({
     name: 'stripe-js',
-    version: "8.1.0",
+    version: "8.3.0",
     startTime: startTime
   });
 };
@@ -163,7 +163,7 @@ var initStripe = function initStripe(maybeStripe, args, startTime) {
   var expectedVersion = RELEASE_TRAIN;
 
   if (isTestKey && version !== expectedVersion) {
-    console.warn("Stripe.js@".concat(version, " was loaded on the page, but @stripe/stripe-js@").concat("8.1.0", " expected Stripe.js@").concat(expectedVersion, ". This may result in unexpected behavior. For more information, see https://docs.stripe.com/sdks/stripejs-versioning"));
+    console.warn("Stripe.js@".concat(version, " was loaded on the page, but @stripe/stripe-js@").concat("8.3.0", " expected Stripe.js@").concat(expectedVersion, ". This may result in unexpected behavior. For more information, see https://docs.stripe.com/sdks/stripejs-versioning"));
   }
 
   var stripe = maybeStripe.apply(undefined, args);

package/dist/stripe-js/elements/payment.d.mts

@@ -227,6 +227,12 @@ export interface LayoutObject {
   radios?: boolean;
   spacedAccordionItems?: boolean;
   visibleAccordionItemsCount?: number;
+  /**
+   * The position of the payment method logo in each accordion item.
+   *
+   * By default, the logo is displayed at the start of each accordion item.
+   */
+  paymentMethodLogoPosition?: 'start' | 'end';
 }
 
 export interface StripePaymentElementOptions {

package/dist/stripe-js/elements/payment.d.ts

@@ -227,6 +227,12 @@ export interface LayoutObject {
   radios?: boolean;
   spacedAccordionItems?: boolean;
   visibleAccordionItemsCount?: number;
+  /**
+   * The position of the payment method logo in each accordion item.
+   *
+   * By default, the logo is displayed at the start of each accordion item.
+   */
+  paymentMethodLogoPosition?: 'start' | 'end';
 }
 
 export interface StripePaymentElementOptions {

package/dist/stripe-js/embedded-checkout.d.mts

@@ -44,6 +44,91 @@ export type ResultAction =
   | {type: 'accept'}
   | {type: 'reject'; errorMessage?: string};
 
+/**
+ * Analytics types for Embedded Checkout events
+ */
+export type StripeEmbeddedCheckoutClientMetadata = {
+  [k: string]: string;
+};
+
+export type StripeEmbeddedCheckoutAnalyticsItemsAndTotals = {
+  items?: Array<{
+    quantity?: number;
+    product?: string;
+    amount?: number;
+    rateCard?: string;
+    pricingPlan?: string;
+    price?: string;
+  }>;
+  currency?: string;
+  amount?: number;
+};
+
+export type StripeEmbeddedCheckoutAnalyticsEvent<
+  EventType extends string,
+  EventDetails
+> = {
+  checkoutSession: string;
+  eventType: EventType;
+  details: EventDetails;
+  clientMetadata: StripeEmbeddedCheckoutClientMetadata;
+  /**
+   * The timestamp of the event in unix seconds
+   */
+  timestamp: number;
+};
+
+export type StripeEmbeddedCheckoutSubmittedDetails = StripeEmbeddedCheckoutAnalyticsItemsAndTotals & {
+  paymentMethodType: string;
+};
+
+export type StripeEmbeddedCheckoutRenderedDetails = StripeEmbeddedCheckoutAnalyticsItemsAndTotals;
+
+export type StripeEmbeddedCheckoutDeviceDataDetails = {
+  device: {
+    category: 'mobile' | 'tablet' | 'desktop';
+    language?: string;
+    platform?: string;
+    viewport?: {width: number; height: number};
+  };
+};
+
+export type StripeEmbeddedCheckoutPromotionCodeAppliedDetails = {
+  code: string;
+};
+
+export type StripeEmbeddedCheckoutRenderedEvent = StripeEmbeddedCheckoutAnalyticsEvent<
+  'checkoutRendered',
+  StripeEmbeddedCheckoutRenderedDetails
+>;
+
+export type StripeEmbeddedCheckoutDeviceDataEvent = StripeEmbeddedCheckoutAnalyticsEvent<
+  'deviceData',
+  StripeEmbeddedCheckoutDeviceDataDetails
+>;
+
+export type StripeEmbeddedCheckoutPromotionCodeAppliedEvent = StripeEmbeddedCheckoutAnalyticsEvent<
+  'promotionCodeApplied',
+  StripeEmbeddedCheckoutPromotionCodeAppliedDetails
+>;
+
+export type StripeEmbeddedCheckoutLineItemChangeEvent = StripeEmbeddedCheckoutAnalyticsEvent<
+  'lineItemChange',
+  StripeEmbeddedCheckoutAnalyticsItemsAndTotals
+>;
+
+export type StripeEmbeddedCheckoutSubmittedEvent = StripeEmbeddedCheckoutAnalyticsEvent<
+  'checkoutSubmitted',
+  StripeEmbeddedCheckoutSubmittedDetails
+>;
+
+export type StripeEmbeddedCheckoutAnalyticsEventUnion =
+  | StripeEmbeddedCheckoutRenderedEvent
+  | StripeEmbeddedCheckoutDeviceDataEvent
+  | StripeEmbeddedCheckoutPromotionCodeAppliedEvent
+  | StripeEmbeddedCheckoutLineItemChangeEvent
+  | StripeEmbeddedCheckoutSubmittedEvent;
+
 export interface StripeEmbeddedCheckoutOptions {
   /**
    * The client secret of the [Checkout Session](https://stripe.com/docs/api/checkout/sessions).
@@ -75,6 +160,11 @@ export interface StripeEmbeddedCheckoutOptions {
   onLineItemsChange?: (
     event: StripeEmbeddedCheckoutLineItemsChangeEvent
   ) => Promise<ResultAction>;
+  /**
+   * onAnalyticsEvent is called when analytics events occur during the checkout session.
+   * You can use it to track customer behavior during the checkout session.
+   */
+  onAnalyticsEvent?: (event: StripeEmbeddedCheckoutAnalyticsEventUnion) => void;
 }
 
 export interface StripeEmbeddedCheckout {

package/dist/stripe-js/embedded-checkout.d.ts

@@ -44,6 +44,91 @@ export type ResultAction =
   | {type: 'accept'}
   | {type: 'reject'; errorMessage?: string};
 
+/**
+ * Analytics types for Embedded Checkout events
+ */
+export type StripeEmbeddedCheckoutClientMetadata = {
+  [k: string]: string;
+};
+
+export type StripeEmbeddedCheckoutAnalyticsItemsAndTotals = {
+  items?: Array<{
+    quantity?: number;
+    product?: string;
+    amount?: number;
+    rateCard?: string;
+    pricingPlan?: string;
+    price?: string;
+  }>;
+  currency?: string;
+  amount?: number;
+};
+
+export type StripeEmbeddedCheckoutAnalyticsEvent<
+  EventType extends string,
+  EventDetails
+> = {
+  checkoutSession: string;
+  eventType: EventType;
+  details: EventDetails;
+  clientMetadata: StripeEmbeddedCheckoutClientMetadata;
+  /**
+   * The timestamp of the event in unix seconds
+   */
+  timestamp: number;
+};
+
+export type StripeEmbeddedCheckoutSubmittedDetails = StripeEmbeddedCheckoutAnalyticsItemsAndTotals & {
+  paymentMethodType: string;
+};
+
+export type StripeEmbeddedCheckoutRenderedDetails = StripeEmbeddedCheckoutAnalyticsItemsAndTotals;
+
+export type StripeEmbeddedCheckoutDeviceDataDetails = {
+  device: {
+    category: 'mobile' | 'tablet' | 'desktop';
+    language?: string;
+    platform?: string;
+    viewport?: {width: number; height: number};
+  };
+};
+
+export type StripeEmbeddedCheckoutPromotionCodeAppliedDetails = {
+  code: string;
+};
+
+export type StripeEmbeddedCheckoutRenderedEvent = StripeEmbeddedCheckoutAnalyticsEvent<
+  'checkoutRendered',
+  StripeEmbeddedCheckoutRenderedDetails
+>;
+
+export type StripeEmbeddedCheckoutDeviceDataEvent = StripeEmbeddedCheckoutAnalyticsEvent<
+  'deviceData',
+  StripeEmbeddedCheckoutDeviceDataDetails
+>;
+
+export type StripeEmbeddedCheckoutPromotionCodeAppliedEvent = StripeEmbeddedCheckoutAnalyticsEvent<
+  'promotionCodeApplied',
+  StripeEmbeddedCheckoutPromotionCodeAppliedDetails
+>;
+
+export type StripeEmbeddedCheckoutLineItemChangeEvent = StripeEmbeddedCheckoutAnalyticsEvent<
+  'lineItemChange',
+  StripeEmbeddedCheckoutAnalyticsItemsAndTotals
+>;
+
+export type StripeEmbeddedCheckoutSubmittedEvent = StripeEmbeddedCheckoutAnalyticsEvent<
+  'checkoutSubmitted',
+  StripeEmbeddedCheckoutSubmittedDetails
+>;
+
+export type StripeEmbeddedCheckoutAnalyticsEventUnion =
+  | StripeEmbeddedCheckoutRenderedEvent
+  | StripeEmbeddedCheckoutDeviceDataEvent
+  | StripeEmbeddedCheckoutPromotionCodeAppliedEvent
+  | StripeEmbeddedCheckoutLineItemChangeEvent
+  | StripeEmbeddedCheckoutSubmittedEvent;
+
 export interface StripeEmbeddedCheckoutOptions {
   /**
    * The client secret of the [Checkout Session](https://stripe.com/docs/api/checkout/sessions).
@@ -75,6 +160,11 @@ export interface StripeEmbeddedCheckoutOptions {
   onLineItemsChange?: (
     event: StripeEmbeddedCheckoutLineItemsChangeEvent
   ) => Promise<ResultAction>;
+  /**
+   * onAnalyticsEvent is called when analytics events occur during the checkout session.
+   * You can use it to track customer behavior during the checkout session.
+   */
+  onAnalyticsEvent?: (event: StripeEmbeddedCheckoutAnalyticsEventUnion) => void;
 }
 
 export interface StripeEmbeddedCheckout {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stripe/stripe-js",
-  "version": "8.1.0",
+  "version": "8.3.0",
   "description": "Stripe.js loading utility",
   "repository": "github:stripe/stripe-js",
   "main": "lib/index.js",