@stripe/connect-js 3.3.38-preview-1 → 3.3.38

package/types/config.ts

@@ -13,6 +13,13 @@ export type FetchEphemeralKeyFunction = (fetchParams: {
 export type CollectionOptions = {
   fields: "currently_due" | "eventually_due";
   futureRequirements?: "omit" | "include";
+  requirements?:
+    | {
+        only: string[];
+      }
+    | {
+        exclude: string[];
+      };
 };
 
 export type Status =
@@ -134,11 +141,6 @@ export type NotificationCount = {
   actionRequired: number;
 };
 
-export type InstallState = {
-  appId: string;
-  state: "INSTALLED" | "UNINSTALLED";
-};
-
 export type LoaderStart = {
   elementTagName: string;
 };
@@ -157,19 +159,6 @@ export type EmbeddedError = {
   message?: string;
 };
 
-export type FinancingProductType = {
-  productType: "standard" | "refill" | "none";
-  activeFinancingCount: number;
-};
-
-export type FinancingPromotionLayoutType = "full" | "banner";
-
-export type IntervalType = "day" | "week" | "month" | "quarter" | "year";
-
-export type ReportName = "gross_volume" | "net_volume";
-
-export type RecipientDataSource = "customers";
-
 export type EmbeddedErrorType =
   /**
    * Failure to connect to Stripe's API.
@@ -191,6 +180,10 @@ export type EmbeddedErrorType =
    * Too many requests hit the API too quickly.
    */
   | "rate_limit_error"
+  /**
+   * Failure to render the component, typically caused by browser extensions or network issues
+   */
+  | "render_error"
   /**
    * API errors covering any other type of problem (e.g., a temporary problem with Stripe's servers), and are extremely uncommon.
    */
@@ -206,21 +199,6 @@ export const ConnectElementCommonMethodConfig = {
 };
 
 export const ConnectElementCustomMethodConfig = {
-  payments: {
-    setDefaultFilters: (
-      _filters: PaymentsListDefaultFilters | undefined
-    ): void => {},
-  },
-  "payment-details": {
-    setPayment: (_payment: string | undefined): void => {},
-    setOnClose: (_listener: (() => void) | undefined): void => {},
-  },
-  "payment-disputes": {
-    setPayment: (_payment: string | undefined): void => {},
-    setOnDisputesLoaded: (
-      _listener: (({ total }: { total: number }) => void) | undefined
-    ): void => {},
-  },
   "account-onboarding": {
     setFullTermsOfServiceUrl: (
       _termOfServiceUrl: string | undefined
@@ -286,84 +264,21 @@ export const ConnectElementCustomMethodConfig = {
   "financial-account-transactions": {
     setFinancialAccount: (_financialAccount: string): void => {},
   },
-  recipients: {
-    setDataSource: (_dataSource: RecipientDataSource): void => {},
-  },
-  "app-install": {
-    setApp: (_app: string | undefined): void => {},
-    setOnAppInstallStateFetched: (
-      _listener: (({ appId, state }: InstallState) => void) | undefined
-    ): void => {},
-    setOnAppInstallStateChanged: (
-      _listener: (({ appId, state }: InstallState) => void) | undefined
+  payments: {
+    setDefaultFilters: (
+      _filters: PaymentsListDefaultFilters | undefined
     ): void => {},
   },
-  "app-viewport": {
-    setApp: (_app: string | undefined): void => {},
-    setAppData: (_appData: Record<string, string> | undefined): void => {},
-  },
-  "payment-method-settings": {
-    setPaymentMethodConfiguration: (
-      _paymentMethodConfiguration: string | undefined
-    ): void => {},
+  "payment-details": {
+    setPayment: (_payment: string | undefined): void => {},
+    setOnClose: (_listener: (() => void) | undefined): void => {},
   },
-  "capital-financing": {
-    setDefaultFinancingOffer: (
-      _defaultFinancingOffer: string | undefined
-    ): void => {},
-    setShowFinancingSelector: (
-      _showFinancingSelector: boolean | undefined
-    ): void => {},
-    setHowCapitalWorksUrl: (
-      _howCapitalWorksUrl: string | undefined
-    ): void => {},
-    setSupportUrl: (_supportUrl: string | undefined): void => {},
-    setOnFinancingsLoaded: (
+  "payment-disputes": {
+    setPayment: (_payment: string | undefined): void => {},
+    setOnDisputesLoaded: (
       _listener: (({ total }: { total: number }) => void) | undefined
     ): void => {},
   },
-  "capital-financing-application": {
-    setOnApplicationSubmitted: (
-      _listener: (() => void) | undefined
-    ): void => {},
-    setPrivacyPolicyUrl: (_privacyPolicyUrl: string | undefined): void => {},
-    setHowCapitalWorksUrl: (
-      _howCapitalWorksUrl: string | undefined
-    ): void => {},
-    setOnApplicationStepChange: (
-      _listener: (({ step }: StepChange) => void) | undefined
-    ): void => {},
-  },
-  "capital-financing-promotion": {
-    setLayout: (_layout: FinancingPromotionLayoutType | undefined): void => {},
-    setOnApplicationSubmitted: (
-      _listener: (() => void) | undefined
-    ): void => {},
-    setOnEligibleFinancingOfferLoaded: (
-      _listener:
-        | (({
-            productType,
-            activeFinancingCount,
-          }: FinancingProductType) => void)
-        | undefined
-    ): void => {},
-    setPrivacyPolicyUrl: (_privacyPolicyUrl: string | undefined): void => {},
-    setHowCapitalWorksUrl: (
-      _howCapitalWorksUrl: string | undefined
-    ): void => {},
-    setEligibilityCriteriaUrl: (
-      _eligibilityCriteriaUrl: string | undefined
-    ): void => {},
-    setOnApplicationStepChange: (
-      _listener: (({ step }: StepChange) => void) | undefined
-    ): void => {},
-  },
-  "reporting-chart": {
-    setReportName: (_reportName: ReportName): void => {},
-    setIntervalStart: (_intervalStart: Date | undefined): void => {},
-    setIntervalEnd: (_intervalEnd: Date | undefined): void => {},
-    setIntervalType: (_intervalType: IntervalType | undefined): void => {},
-  },
   "tax-settings": {
     setHideProductTaxCodeSelector: (_hidden: boolean | undefined): void => {},
     setDisplayHeadOfficeCountries: (
@@ -378,26 +293,19 @@ export const ConnectElementCustomMethodConfig = {
       _listener: (({ id }: { id: string }) => void) | undefined
     ): void => {},
     setDisplayCountries: (_countries: string[] | undefined): void => {},
-  },
-  "tax-threshold-monitoring": {
-    setDisplayCountries: (_countries: string[] | undefined): void => {},
-  },
-  "product-tax-code-selector": {
-    setOnTaxCodeSelect: (
-      _listener:
-        | ((
-            taxCode: string,
-            { analyticsName }: { analyticsName: string }
-          ) => void)
-        | undefined
+    setOnAfterTaxRegistrationExpired: (
+      _listener: (({ id }: { id: string }) => void) | undefined
     ): void => {},
-    setHideDescription: (_hideDescription: boolean | undefined): void => {},
-    setDisabled: (_disabled: boolean | undefined): void => {},
-    setInitialTaxCode: (_initialTaxCode: string | undefined): void => {},
   },
-  "export-tax-transactions": {},
   "payout-details": {
     setPayout: (_payout: string | undefined): void => {},
     setOnClose: (_listener: (() => void) | undefined): void => {},
   },
+  "payout-reconciliation-report": {
+    setOnReportAvailabilityLoaded: (
+      _listener:
+        | (({ isReportAvailable }: { isReportAvailable: boolean }) => void)
+        | undefined
+    ): void => {},
+  },
 };

package/types/shared.d.ts

@@ -2,6 +2,7 @@ import type {
   ConnectElementCustomMethodConfig,
   ConnectElementCommonMethodConfig,
 } from "./config";
+
 export declare type LoadConnectAndInitialize = (
   initParams: IStripeConnectInitParams
 ) => StripeConnectInstance;
@@ -142,6 +143,44 @@ export declare type AppearanceVariables = {
    */
   buttonSecondaryColorText?: string;
 
+  // Danger Button Colors
+  /**
+   * The color used as a background for danger buttons to indicate destructive actions. This accepts hex values or RGB/HSL strings.
+   */
+  buttonDangerColorBackground?: string;
+  /**
+   * The color used as a border for danger buttons to indicate destructive actions. This accepts hex values or RGB/HSL strings.
+   */
+  buttonDangerColorBorder?: string;
+  /**
+   * The text color used for danger buttons to indicate destructive actions. This accepts hex values or RGB/HSL strings.
+   */
+  buttonDangerColorText?: string;
+
+  // Button Padding
+  /**
+   * The horizontal padding used for buttons. This supports pixel values only.
+   */
+  buttonPaddingX?: string;
+  /**
+   * The vertical padding used for buttons. This supports pixel values only.
+   */
+  buttonPaddingY?: string;
+
+  // Button Label Typography
+  /**
+   * The font size for button label typography. Button label typography variables accept a valid font size value ranging from 1px to 200px, 0.1em to 12em, and 0.1rem to 12rem.
+   */
+  buttonLabelFontSize?: string;
+  /**
+   * The font weight for button label typography. Button label typography variables accept a valid font weight value.
+   */
+  buttonLabelFontWeight?: string;
+  /**
+   * The text transform for button label typography. Button label typography variables accept a valid text transform value.
+   */
+  buttonLabelTextTransform?: string;
+
   /**
    * The color used for secondary text. This accepts hex values or RGB/RGBA/HSL strings.
    */
@@ -166,6 +205,10 @@ export declare type AppearanceVariables = {
    * The thickness of text decoration of primary actions and links. This accepts a valid text decoration thickness value.
    */
   actionPrimaryTextDecorationThickness?: string;
+  /**
+   * The text transform for the primary actions and links. This accepts a valid text transform value.
+   */
+  actionPrimaryTextTransform?: string;
   /**
    * The color used for secondary actions and links. This accepts hex values or RGB/HSL strings.
    */
@@ -186,6 +229,10 @@ export declare type AppearanceVariables = {
    * The thickness of text decoration of secondary actions and links. This accepts a valid text decoration thickness value.
    */
   actionSecondaryTextDecorationThickness?: string;
+  /**
+   * The text transform for the secondary actions and links. This accepts a valid text transform value.
+   */
+  actionSecondaryTextTransform?: string;
 
   // Neutral Badge Colors
   /**
@@ -243,6 +290,30 @@ export declare type AppearanceVariables = {
    */
   badgeDangerColorBorder?: string;
 
+  // Badge Padding
+  /**
+   * The horizontal padding used for badges. This supports pixel values only.
+   */
+  badgePaddingX?: string;
+  /**
+   * The vertical padding used for badges. This supports pixel values only.
+   */
+  badgePaddingY?: string;
+
+  // Badge Label Typography
+  /**
+   * The font size for badge label typography. Badge label typography variables accept a valid font size value ranging from 1px to 200px, 0.1em to 12em, and 0.1rem to 12rem.
+   */
+  badgeLabelFontSize?: string;
+  /**
+   * The font weight for badge label typography. Badge label typography variables accept a valid font weight value.
+   */
+  badgeLabelFontWeight?: string;
+  /**
+   * The text transform for badge label typography. Badge label typography variables accept a valid text transform value.
+   */
+  badgeLabelTextTransform?: string;
+
   // Background
   /**
    * The background color used when highlighting information, like the selected row on a table or particular piece of UI. This accepts hex values or RGB/HSL strings.
@@ -267,6 +338,24 @@ export declare type AppearanceVariables = {
    * The color used for to fill in form items like checkboxes, radio buttons and switches. This accepts hex values or RGB/HSL strings.
    */
   formAccentColor?: string;
+  /**
+   * The color used for placeholder text in form items. This accepts hex values or RGB/HSL strings.
+   */
+  formPlaceholderTextColor?: string;
+  /**
+   * The horizontal padding used for input fields in forms. This supports pixel values only.
+   */
+  inputFieldPaddingX?: string;
+  /**
+   * The vertical padding used for input fields in forms. This supports pixel values only.
+   */
+  inputFieldPaddingY?: string;
+
+  // Table
+  /**
+   * The vertical padding used for table rows. This supports pixel values only.
+   */
+  tableRowPaddingY?: string;
 
   // Border Sizing
   /**
@@ -487,35 +576,24 @@ export interface StripeConnectInstance {
  * Tagnames to be used with the `create` method of the Connect instance.
  */
 export type ConnectElementTagName =
+  | "account-onboarding"
+  | "disputes-list"
   | "payments"
-  | "payouts"
   | "payment-details"
   | "payment-disputes"
-  | "disputes-list"
-  | "account-onboarding"
-  | "payment-method-settings"
   | "account-management"
   | "notification-banner"
-  | "instant-payouts"
   | "instant-payouts-promotion"
   | "issuing-card"
   | "issuing-cards-list"
   | "financial-account"
   | "financial-account-transactions"
-  | "recipients"
-  | "capital-financing"
-  | "capital-financing-application"
-  | "capital-financing-promotion"
-  | "capital-overview"
+  | "payouts"
+  | "payouts-list"
+  | "payout-details"
+  | "balances"
   | "documents"
-  | "product-tax-code-selector"
-  | "export-tax-transactions"
   | "tax-registrations"
   | "tax-settings"
-  | "tax-threshold-monitoring"
-  | "balances"
-  | "payouts-list"
-  | "payout-details"
-  | "app-install"
-  | "app-viewport"
-  | "reporting-chart";
+  | "balance-report"
+  | "payout-reconciliation-report";