@stripe/react-connect-js - npm Package Compare versions

Comparing version 3.4.2-preview-1 to 3.4.2

dist/react-connect.d.ts

 /// <reference types="react" />
+import * as React from "react";
 import * as connectJs from "@stripe/connect-js";
-import { CollectionOptions, LoadError, LoaderStart, NotificationCount, InstallState, StepChange, IntervalType, ReportName, RecipientDataSource, PaymentsListDefaultFilters, ConnectHTMLElementRecord } from "@stripe/connect-js";
+import { CollectionOptions, LoadError, LoaderStart, NotificationCount, StepChange, PaymentsListDefaultFilters, ConnectHTMLElementRecord } from "@stripe/connect-js";
 type FetchEphemeralKeyFunction = (fetchParams: {
@@ -12,7 +13,2 @@ issuingCard: string;
 }>;
-type FinancingProductType = {
-    productType: "standard" | "refill" | "none";
-    activeFinancingCount: number;
-};
-type FinancingPromotionLayoutType = "full" | "banner";
 type CommonComponentProps = {
@@ -22,21 +18,10 @@ onLoaderStart?: ({ elementTagName }: LoaderStart) => void;
 };
-declare const ConnectAppInstall: ({ app, onAppInstallStateFetch, onAppInstallStateChange, onLoadError, onLoaderStart }: {
-    app: string;
-    onAppInstallStateFetch?: (({ appId, state }: InstallState) => void) | undefined;
-    onAppInstallStateChange?: (({ appId, state }: InstallState) => void) | undefined;
-} & CommonComponentProps) => JSX.Element | null;
-declare const ConnectAppViewport: ({ app, appData, onLoadError, onLoaderStart }: {
-    app: string;
-    appData?: Record<string, string> | undefined;
-} & CommonComponentProps) => JSX.Element | null;
-declare const ConnectBalances: ({ onLoadError, onLoaderStart }: CommonComponentProps) => JSX.Element;
 declare const ConnectPayments: ({ defaultFilters, onLoadError, onLoaderStart }: {
     defaultFilters?: PaymentsListDefaultFilters | undefined;
-} & CommonComponentProps) => JSX.Element;
-declare const ConnectPayouts: ({ onLoadError, onLoaderStart }: CommonComponentProps) => JSX.Element;
-declare const ConnectPayoutsList: ({ onLoadError, onLoaderStart }: CommonComponentProps) => JSX.Element;
+} & CommonComponentProps) => React.JSX.Element;
+declare const ConnectPayouts: ({ onLoadError, onLoaderStart }: CommonComponentProps) => React.JSX.Element;
 declare const ConnectPaymentDetails: ({ payment, onClose, onLoadError, onLoaderStart }: {
     payment: string;
     onClose: () => void;
-} & CommonComponentProps) => JSX.Element | null;
+} & CommonComponentProps) => React.JSX.Element | null;
 declare const ConnectPaymentDisputes: ({ payment, onDisputesLoaded, onLoadError, onLoaderStart }: {
@@ -47,9 +32,4 @@ payment: string;
     }) => void) | undefined;
-} & CommonComponentProps) => JSX.Element | null;
-declare const ConnectDisputesList: ({ onLoadError, onLoaderStart }: CommonComponentProps) => JSX.Element | null;
-declare const ConnectAgenticCommerceSettings: ({ onAgreementUpdated, onLoadError, onLoaderStart }: {
-    onAgreementUpdated?: (({ agreementId }: {
-        agreementId: string;
-    }) => void) | undefined;
-} & CommonComponentProps) => JSX.Element | null;
+} & CommonComponentProps) => React.JSX.Element | null;
+declare const ConnectDisputesList: ({ onLoadError, onLoaderStart }: CommonComponentProps) => React.JSX.Element | null;
 declare const ConnectAccountOnboarding: ({ onExit, recipientTermsOfServiceUrl, fullTermsOfServiceUrl, privacyPolicyUrl, skipTermsOfServiceCollection, collectionOptions, onLoadError, onLoaderStart, onStepChange }: {
@@ -63,14 +43,10 @@ onExit: () => void;
     collectionOptions?: CollectionOptions | undefined;
-} & CommonComponentProps) => JSX.Element | null;
-declare const ConnectPaymentMethodSettings: ({ paymentMethodConfiguration, onLoadError, onLoaderStart }: {
-    paymentMethodConfiguration?: string | undefined;
-} & CommonComponentProps) => JSX.Element;
+} & CommonComponentProps) => React.JSX.Element | null;
 declare const ConnectAccountManagement: ({ collectionOptions, onLoadError, onLoaderStart }: {
     collectionOptions?: CollectionOptions | undefined;
-} & CommonComponentProps) => JSX.Element | null;
-declare const ConnectInstantPayouts: ({ onLoadError, onLoaderStart }: CommonComponentProps) => JSX.Element;
+} & CommonComponentProps) => React.JSX.Element | null;
 declare const ConnectNotificationBanner: ({ collectionOptions, onNotificationsChange, onLoadError, onLoaderStart }: {
     collectionOptions?: CollectionOptions | undefined;
     onNotificationsChange?: (({ total, actionRequired }: NotificationCount) => void) | undefined;
-} & CommonComponentProps) => JSX.Element | null;
+} & CommonComponentProps) => React.JSX.Element | null;
 declare const ConnectIssuingCard: ({ defaultCard, cardSwitching, showSpendControls, fetchEphemeralKey, onLoadError, onLoaderStart }: {
@@ -81,3 +57,3 @@ defaultCard?: string | undefined;
     fetchEphemeralKey?: FetchEphemeralKeyFunction | undefined;
-} & CommonComponentProps) => JSX.Element;
+} & CommonComponentProps) => React.JSX.Element;
 declare const ConnectIssuingCardsList: ({ showSpendControls, issuingProgram, fetchEphemeralKey, onLoadError, onLoaderStart }: {
@@ -87,46 +63,12 @@ showSpendControls?: boolean | undefined;
     fetchEphemeralKey?: FetchEphemeralKeyFunction | undefined;
-} & CommonComponentProps) => JSX.Element;
+} & CommonComponentProps) => React.JSX.Element;
 declare const ConnectFinancialAccount: ({ financialAccount, onLoadError, onLoaderStart }: {
     financialAccount: string;
-} & CommonComponentProps) => JSX.Element;
+} & CommonComponentProps) => React.JSX.Element;
 declare const ConnectFinancialAccountTransactions: ({ financialAccount, onLoadError, onLoaderStart }: {
     financialAccount: string;
-} & CommonComponentProps) => JSX.Element;
-declare const ConnectRecipients: ({ dataSource, onLoadError, onLoaderStart }: {
-    dataSource: RecipientDataSource;
-} & CommonComponentProps) => JSX.Element;
-declare const ConnectCapitalOverview: ({ onLoadError, onLoaderStart }: CommonComponentProps) => JSX.Element;
-declare const ConnectCapitalFinancing: ({ defaultFinancingOffer, showFinancingSelector, howCapitalWorksUrl, supportUrl, onFinancingsLoaded, onLoadError, onLoaderStart }: {
-    defaultFinancingOffer?: string | undefined;
-    showFinancingSelector?: boolean | undefined;
-    howCapitalWorksUrl?: string | undefined;
-    supportUrl?: string | undefined;
-    onFinancingsLoaded?: (({ total }: {
-        total: number;
-    }) => void) | undefined;
-} & CommonComponentProps) => JSX.Element;
-declare const ConnectCapitalFinancingApplication: ({ onApplicationSubmitted, onApplicationStepChange, privacyPolicyUrl, howCapitalWorksUrl, onLoadError, onLoaderStart }: {
-    onApplicationSubmitted: () => void;
-    onApplicationStepChange?: (({ step }: StepChange) => void) | undefined;
-    privacyPolicyUrl?: string | undefined;
-    howCapitalWorksUrl?: string | undefined;
-} & CommonComponentProps) => JSX.Element;
-declare const ConnectCapitalFinancingPromotion: ({ layout, onApplicationSubmitted, onEligibleFinancingOfferLoaded, onApplicationStepChange, privacyPolicyUrl, howCapitalWorksUrl, eligibilityCriteriaUrl, onLoadError, onLoaderStart }: {
-    layout?: FinancingPromotionLayoutType | undefined;
-    onEligibleFinancingOfferLoaded?: (({ productType, activeFinancingCount }: FinancingProductType) => void) | undefined;
-    privacyPolicyUrl?: string | undefined;
-    howCapitalWorksUrl?: string | undefined;
-    eligibilityCriteriaUrl?: string | undefined;
-    onApplicationSubmitted?: (() => void) | undefined;
-    onApplicationStepChange?: (({ step }: StepChange) => void) | undefined;
-} & CommonComponentProps) => JSX.Element;
-declare const ConnectDocuments: ({ onLoadError, onLoaderStart }: CommonComponentProps) => JSX.Element;
-declare const ConnectProductTaxCodeSelector: ({ onLoadError, onLoaderStart, onTaxCodeSelect, hideDescription, disabled, initialTaxCode }: {
-    onTaxCodeSelect?: ((taxCode: string | null, _: {
-        analyticsName: string;
-    } | null) => void) | undefined;
-    hideDescription?: boolean | undefined;
-    disabled?: boolean | undefined;
-    initialTaxCode?: string | undefined;
-} & CommonComponentProps) => JSX.Element;
+} & CommonComponentProps) => React.JSX.Element;
+declare const ConnectDocuments: ({ onLoadError, onLoaderStart }: CommonComponentProps) => React.JSX.Element;
+declare const ConnectPayoutsList: ({ onLoadError, onLoaderStart }: CommonComponentProps) => React.JSX.Element;
+declare const ConnectBalances: ({ onLoadError, onLoaderStart }: CommonComponentProps) => React.JSX.Element;
 declare const ConnectTaxRegistrations: ({ onLoadError, onLoaderStart, displayCountries, onAfterTaxRegistrationAdded, onAfterTaxRegistrationExpired }: {
@@ -140,4 +82,3 @@ displayCountries?: string[] | undefined;
     }) => void) | undefined;
-} & CommonComponentProps) => JSX.Element;
-declare const ConnectExportTaxTransactions: ({ onLoadError, onLoaderStart }: CommonComponentProps) => JSX.Element;
+} & CommonComponentProps) => React.JSX.Element;
 declare const ConnectTaxSettings: ({ onLoadError, onLoaderStart, hideProductTaxCodeSelector, displayHeadOfficeCountries, onTaxSettingsUpdated }: {
@@ -149,12 +90,3 @@ hideProductTaxCodeSelector?: boolean | undefined;
     }) => void) | undefined;
-} & CommonComponentProps) => JSX.Element;
-declare const ConnectTaxThresholdMonitoring: ({ onLoadError, onLoaderStart, displayCountries }: {
-    displayCountries?: string[] | undefined;
-} & CommonComponentProps) => JSX.Element;
-declare const ConnectReportingChart: ({ reportName, intervalStart, intervalEnd, intervalType, onLoadError, onLoaderStart }: {
-    reportName: ReportName;
-    intervalStart?: Date | undefined;
-    intervalEnd?: Date | undefined;
-    intervalType?: IntervalType | undefined;
-} & CommonComponentProps) => JSX.Element | null;
+} & CommonComponentProps) => React.JSX.Element;
 declare const ConnectInstantPayoutsPromotion: ({ onInstantPayoutsPromotionLoaded, onInstantPayoutCreated, onLoadError, onLoaderStart }: {
@@ -167,18 +99,8 @@ onInstantPayoutsPromotionLoaded?: (({ promotionShown }: {
     }) => void) | undefined;
-} & CommonComponentProps) => JSX.Element;
+} & CommonComponentProps) => React.JSX.Element;
 declare const ConnectPayoutDetails: ({ payout, onClose, onLoadError, onLoaderStart }: {
     payout: string;
     onClose: () => void;
-} & CommonComponentProps) => JSX.Element | null;
-declare const ConnectCheckScanning: ({ handleCheckScanSubmitted, onLoadError, onLoaderStart }: {
-    handleCheckScanSubmitted: ({ checkScanToken }: {
-        checkScanToken: string;
-    }) => Promise<void>;
-} & CommonComponentProps) => JSX.Element;
-declare const ConnectNetworkCostPassThroughReport: ({ onLoadError, onLoaderStart }: CommonComponentProps) => JSX.Element;
-declare const ConnectTerminalHardwareOrders: ({ onLoadError, onLoaderStart }: CommonComponentProps) => JSX.Element;
-declare const ConnectTerminalHardwareShop: ({ onCheckoutFinished, onLoadError, onLoaderStart }: {
-    onCheckoutFinished?: (() => void) | undefined;
-} & CommonComponentProps) => JSX.Element;
-declare const ConnectBalanceReport: ({ onLoadError, onLoaderStart }: CommonComponentProps) => JSX.Element;
+} & CommonComponentProps) => React.JSX.Element | null;
+declare const ConnectBalanceReport: ({ onLoadError, onLoaderStart }: CommonComponentProps) => React.JSX.Element;
 declare const ConnectPayoutReconciliationReport: ({ onReportAvailabilityLoaded, onLoadError, onLoaderStart }: {
@@ -188,6 +110,3 @@ onReportAvailabilityLoaded?: (({ isReportAvailable }: {
     }) => void) | undefined;
-} & CommonComponentProps) => JSX.Element;
-declare const ConnectRecipientsList: ({ onLoadError, onLoaderStart }: CommonComponentProps) => JSX.Element;
-declare const ConnectFinancialAccounts: ({ onLoadError, onLoaderStart }: CommonComponentProps) => JSX.Element;
-declare const ConnectFinancialAccountsTransactions: ({ onLoadError, onLoaderStart }: CommonComponentProps) => JSX.Element;
+} & CommonComponentProps) => React.JSX.Element;
 type ConnectComponentsPayload = {
@@ -199,6 +118,6 @@ connectInstance: connectJs.StripeConnectInstance;
     children: any;
-}) => JSX.Element;
+}) => React.JSX.Element;
 declare const useConnectComponents: () => ConnectComponentsPayload;
-declare const useCreateComponent: <T extends "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" | "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" | "check-scanning" | "agentic-commerce-settings" | "terminal-hardware-orders" | "terminal-hardware-shop" | "network-cost-passthrough-report" | "balance-report" | "payout-reconciliation-report" | "recipients-list" | "financial-accounts" | "financial-accounts-transactions">(tagName: T) => {
-    wrapper: JSX.Element;
+declare const useCreateComponent: <T extends "account-onboarding" | "disputes-list" | "payments" | "payment-details" | "payment-disputes" | "payouts" | "payouts-list" | "payout-details" | "balances" | "account-management" | "notification-banner" | "instant-payouts-promotion" | "issuing-card" | "issuing-cards-list" | "financial-account" | "financial-account-transactions" | "documents" | "tax-registrations" | "tax-settings" | "balance-report" | "payout-reconciliation-report">(tagName: T) => {
+    wrapper: React.JSX.Element;
     component: ConnectHTMLElementRecord[T] | null;
@@ -221,14 +140,8 @@ };
 declare const useAttachEvent: (component: HTMLElement | null, eventName: ConnectElementEventNames, listener: () => void) => void;
-declare const useUpdateWithSetter: <T extends HTMLElement, V extends string | boolean | Record<string, string> | FetchEphemeralKeyFunction | CollectionOptions | PaymentsListDefaultFilters | Date | string[] | (() => void) | ((notificationCount: NotificationCount) => void) | ((loaderStart: LoaderStart) => void) | ((loaderError: LoadError) => void) | ((installState: InstallState) => void) | ((productType: FinancingProductType) => void) | ((StepChange: StepChange) => void) | (({ id }: {
+declare const useUpdateWithSetter: <T extends HTMLElement, V extends string | boolean | PaymentsListDefaultFilters | FetchEphemeralKeyFunction | CollectionOptions | string[] | (() => void) | ((notificationCount: NotificationCount) => void) | ((loaderStart: LoaderStart) => void) | ((loaderError: LoadError) => void) | ((stepChange: StepChange) => void) | (({ id }: {
     id: string;
-}) => void) | ((taxCode: string | null, _: {
-    analyticsName: string;
-} | null) => void) | (({ promotionShown }: {
+}) => void) | (({ promotionShown }: {
     promotionShown: boolean;
 }) => void) | (({ payoutId }: {
     payoutId: string;
-}) => void) | (({ checkScanToken }: {
-    checkScanToken: string;
-}) => Promise<void>) | (({ agreementId }: {
-    agreementId: string;
 }) => void) | (({ isReportAvailable }: {
@@ -238,2 +151,2 @@ isReportAvailable: boolean;
 export type { CollectionOptions };
-export { CommonComponentProps, ConnectAppInstall, ConnectAppViewport, ConnectBalances, ConnectPayments, ConnectPayouts, ConnectPayoutsList, ConnectPaymentDetails, ConnectPaymentDisputes, ConnectDisputesList, ConnectAgenticCommerceSettings, ConnectAccountOnboarding, ConnectPaymentMethodSettings, ConnectAccountManagement, ConnectInstantPayouts, ConnectNotificationBanner, ConnectIssuingCard, ConnectIssuingCardsList, ConnectFinancialAccount, ConnectFinancialAccountTransactions, ConnectRecipients, ConnectCapitalOverview, ConnectCapitalFinancing, ConnectCapitalFinancingApplication, ConnectCapitalFinancingPromotion, ConnectDocuments, ConnectProductTaxCodeSelector, ConnectTaxRegistrations, ConnectExportTaxTransactions, ConnectTaxSettings, ConnectTaxThresholdMonitoring, ConnectReportingChart, ConnectInstantPayoutsPromotion, ConnectPayoutDetails, ConnectCheckScanning, ConnectNetworkCostPassThroughReport, ConnectTerminalHardwareOrders, ConnectTerminalHardwareShop, ConnectBalanceReport, ConnectPayoutReconciliationReport, ConnectRecipientsList, ConnectFinancialAccounts, ConnectFinancialAccountsTransactions, ConnectComponentsProvider, useConnectComponents, useCreateComponent, useAttachAttribute, ConnectElementEventNames, useAttachEvent, useUpdateWithSetter };
+export { CommonComponentProps, ConnectPayments, ConnectPayouts, ConnectPaymentDetails, ConnectPaymentDisputes, ConnectDisputesList, ConnectAccountOnboarding, ConnectAccountManagement, ConnectNotificationBanner, ConnectIssuingCard, ConnectIssuingCardsList, ConnectFinancialAccount, ConnectFinancialAccountTransactions, ConnectDocuments, ConnectPayoutsList, ConnectBalances, ConnectTaxRegistrations, ConnectTaxSettings, ConnectInstantPayoutsPromotion, ConnectPayoutDetails, ConnectBalanceReport, ConnectPayoutReconciliationReport, ConnectComponentsProvider, useConnectComponents, useCreateComponent, useAttachAttribute, ConnectElementEventNames, useAttachEvent, useUpdateWithSetter };

dist/react-connect.esm.d.ts

 /// <reference types="react" />
+import * as React from "react";
 import * as connectJs from "@stripe/connect-js";
-import { CollectionOptions, LoadError, LoaderStart, NotificationCount, InstallState, StepChange, IntervalType, ReportName, RecipientDataSource, PaymentsListDefaultFilters, ConnectHTMLElementRecord } from "@stripe/connect-js";
+import { CollectionOptions, LoadError, LoaderStart, NotificationCount, StepChange, PaymentsListDefaultFilters, ConnectHTMLElementRecord } from "@stripe/connect-js";
 type FetchEphemeralKeyFunction = (fetchParams: {
@@ -12,7 +13,2 @@ issuingCard: string;
 }>;
-type FinancingProductType = {
-    productType: "standard" | "refill" | "none";
-    activeFinancingCount: number;
-};
-type FinancingPromotionLayoutType = "full" | "banner";
 type CommonComponentProps = {
@@ -22,21 +18,10 @@ onLoaderStart?: ({ elementTagName }: LoaderStart) => void;
 };
-declare const ConnectAppInstall: ({ app, onAppInstallStateFetch, onAppInstallStateChange, onLoadError, onLoaderStart }: {
-    app: string;
-    onAppInstallStateFetch?: (({ appId, state }: InstallState) => void) | undefined;
-    onAppInstallStateChange?: (({ appId, state }: InstallState) => void) | undefined;
-} & CommonComponentProps) => JSX.Element | null;
-declare const ConnectAppViewport: ({ app, appData, onLoadError, onLoaderStart }: {
-    app: string;
-    appData?: Record<string, string> | undefined;
-} & CommonComponentProps) => JSX.Element | null;
-declare const ConnectBalances: ({ onLoadError, onLoaderStart }: CommonComponentProps) => JSX.Element;
 declare const ConnectPayments: ({ defaultFilters, onLoadError, onLoaderStart }: {
     defaultFilters?: PaymentsListDefaultFilters | undefined;
-} & CommonComponentProps) => JSX.Element;
-declare const ConnectPayouts: ({ onLoadError, onLoaderStart }: CommonComponentProps) => JSX.Element;
-declare const ConnectPayoutsList: ({ onLoadError, onLoaderStart }: CommonComponentProps) => JSX.Element;
+} & CommonComponentProps) => React.JSX.Element;
+declare const ConnectPayouts: ({ onLoadError, onLoaderStart }: CommonComponentProps) => React.JSX.Element;
 declare const ConnectPaymentDetails: ({ payment, onClose, onLoadError, onLoaderStart }: {
     payment: string;
     onClose: () => void;
-} & CommonComponentProps) => JSX.Element | null;
+} & CommonComponentProps) => React.JSX.Element | null;
 declare const ConnectPaymentDisputes: ({ payment, onDisputesLoaded, onLoadError, onLoaderStart }: {
@@ -47,9 +32,4 @@ payment: string;
     }) => void) | undefined;
-} & CommonComponentProps) => JSX.Element | null;
-declare const ConnectDisputesList: ({ onLoadError, onLoaderStart }: CommonComponentProps) => JSX.Element | null;
-declare const ConnectAgenticCommerceSettings: ({ onAgreementUpdated, onLoadError, onLoaderStart }: {
-    onAgreementUpdated?: (({ agreementId }: {
-        agreementId: string;
-    }) => void) | undefined;
-} & CommonComponentProps) => JSX.Element | null;
+} & CommonComponentProps) => React.JSX.Element | null;
+declare const ConnectDisputesList: ({ onLoadError, onLoaderStart }: CommonComponentProps) => React.JSX.Element | null;
 declare const ConnectAccountOnboarding: ({ onExit, recipientTermsOfServiceUrl, fullTermsOfServiceUrl, privacyPolicyUrl, skipTermsOfServiceCollection, collectionOptions, onLoadError, onLoaderStart, onStepChange }: {
@@ -63,14 +43,10 @@ onExit: () => void;
     collectionOptions?: CollectionOptions | undefined;
-} & CommonComponentProps) => JSX.Element | null;
-declare const ConnectPaymentMethodSettings: ({ paymentMethodConfiguration, onLoadError, onLoaderStart }: {
-    paymentMethodConfiguration?: string | undefined;
-} & CommonComponentProps) => JSX.Element;
+} & CommonComponentProps) => React.JSX.Element | null;
 declare const ConnectAccountManagement: ({ collectionOptions, onLoadError, onLoaderStart }: {
     collectionOptions?: CollectionOptions | undefined;
-} & CommonComponentProps) => JSX.Element | null;
-declare const ConnectInstantPayouts: ({ onLoadError, onLoaderStart }: CommonComponentProps) => JSX.Element;
+} & CommonComponentProps) => React.JSX.Element | null;
 declare const ConnectNotificationBanner: ({ collectionOptions, onNotificationsChange, onLoadError, onLoaderStart }: {
     collectionOptions?: CollectionOptions | undefined;
     onNotificationsChange?: (({ total, actionRequired }: NotificationCount) => void) | undefined;
-} & CommonComponentProps) => JSX.Element | null;
+} & CommonComponentProps) => React.JSX.Element | null;
 declare const ConnectIssuingCard: ({ defaultCard, cardSwitching, showSpendControls, fetchEphemeralKey, onLoadError, onLoaderStart }: {
@@ -81,3 +57,3 @@ defaultCard?: string | undefined;
     fetchEphemeralKey?: FetchEphemeralKeyFunction | undefined;
-} & CommonComponentProps) => JSX.Element;
+} & CommonComponentProps) => React.JSX.Element;
 declare const ConnectIssuingCardsList: ({ showSpendControls, issuingProgram, fetchEphemeralKey, onLoadError, onLoaderStart }: {
@@ -87,46 +63,12 @@ showSpendControls?: boolean | undefined;
     fetchEphemeralKey?: FetchEphemeralKeyFunction | undefined;
-} & CommonComponentProps) => JSX.Element;
+} & CommonComponentProps) => React.JSX.Element;
 declare const ConnectFinancialAccount: ({ financialAccount, onLoadError, onLoaderStart }: {
     financialAccount: string;
-} & CommonComponentProps) => JSX.Element;
+} & CommonComponentProps) => React.JSX.Element;
 declare const ConnectFinancialAccountTransactions: ({ financialAccount, onLoadError, onLoaderStart }: {
     financialAccount: string;
-} & CommonComponentProps) => JSX.Element;
-declare const ConnectRecipients: ({ dataSource, onLoadError, onLoaderStart }: {
-    dataSource: RecipientDataSource;
-} & CommonComponentProps) => JSX.Element;
-declare const ConnectCapitalOverview: ({ onLoadError, onLoaderStart }: CommonComponentProps) => JSX.Element;
-declare const ConnectCapitalFinancing: ({ defaultFinancingOffer, showFinancingSelector, howCapitalWorksUrl, supportUrl, onFinancingsLoaded, onLoadError, onLoaderStart }: {
-    defaultFinancingOffer?: string | undefined;
-    showFinancingSelector?: boolean | undefined;
-    howCapitalWorksUrl?: string | undefined;
-    supportUrl?: string | undefined;
-    onFinancingsLoaded?: (({ total }: {
-        total: number;
-    }) => void) | undefined;
-} & CommonComponentProps) => JSX.Element;
-declare const ConnectCapitalFinancingApplication: ({ onApplicationSubmitted, onApplicationStepChange, privacyPolicyUrl, howCapitalWorksUrl, onLoadError, onLoaderStart }: {
-    onApplicationSubmitted: () => void;
-    onApplicationStepChange?: (({ step }: StepChange) => void) | undefined;
-    privacyPolicyUrl?: string | undefined;
-    howCapitalWorksUrl?: string | undefined;
-} & CommonComponentProps) => JSX.Element;
-declare const ConnectCapitalFinancingPromotion: ({ layout, onApplicationSubmitted, onEligibleFinancingOfferLoaded, onApplicationStepChange, privacyPolicyUrl, howCapitalWorksUrl, eligibilityCriteriaUrl, onLoadError, onLoaderStart }: {
-    layout?: FinancingPromotionLayoutType | undefined;
-    onEligibleFinancingOfferLoaded?: (({ productType, activeFinancingCount }: FinancingProductType) => void) | undefined;
-    privacyPolicyUrl?: string | undefined;
-    howCapitalWorksUrl?: string | undefined;
-    eligibilityCriteriaUrl?: string | undefined;
-    onApplicationSubmitted?: (() => void) | undefined;
-    onApplicationStepChange?: (({ step }: StepChange) => void) | undefined;
-} & CommonComponentProps) => JSX.Element;
-declare const ConnectDocuments: ({ onLoadError, onLoaderStart }: CommonComponentProps) => JSX.Element;
-declare const ConnectProductTaxCodeSelector: ({ onLoadError, onLoaderStart, onTaxCodeSelect, hideDescription, disabled, initialTaxCode }: {
-    onTaxCodeSelect?: ((taxCode: string | null, _: {
-        analyticsName: string;
-    } | null) => void) | undefined;
-    hideDescription?: boolean | undefined;
-    disabled?: boolean | undefined;
-    initialTaxCode?: string | undefined;
-} & CommonComponentProps) => JSX.Element;
+} & CommonComponentProps) => React.JSX.Element;
+declare const ConnectDocuments: ({ onLoadError, onLoaderStart }: CommonComponentProps) => React.JSX.Element;
+declare const ConnectPayoutsList: ({ onLoadError, onLoaderStart }: CommonComponentProps) => React.JSX.Element;
+declare const ConnectBalances: ({ onLoadError, onLoaderStart }: CommonComponentProps) => React.JSX.Element;
 declare const ConnectTaxRegistrations: ({ onLoadError, onLoaderStart, displayCountries, onAfterTaxRegistrationAdded, onAfterTaxRegistrationExpired }: {
@@ -140,4 +82,3 @@ displayCountries?: string[] | undefined;
     }) => void) | undefined;
-} & CommonComponentProps) => JSX.Element;
-declare const ConnectExportTaxTransactions: ({ onLoadError, onLoaderStart }: CommonComponentProps) => JSX.Element;
+} & CommonComponentProps) => React.JSX.Element;
 declare const ConnectTaxSettings: ({ onLoadError, onLoaderStart, hideProductTaxCodeSelector, displayHeadOfficeCountries, onTaxSettingsUpdated }: {
@@ -149,12 +90,3 @@ hideProductTaxCodeSelector?: boolean | undefined;
     }) => void) | undefined;
-} & CommonComponentProps) => JSX.Element;
-declare const ConnectTaxThresholdMonitoring: ({ onLoadError, onLoaderStart, displayCountries }: {
-    displayCountries?: string[] | undefined;
-} & CommonComponentProps) => JSX.Element;
-declare const ConnectReportingChart: ({ reportName, intervalStart, intervalEnd, intervalType, onLoadError, onLoaderStart }: {
-    reportName: ReportName;
-    intervalStart?: Date | undefined;
-    intervalEnd?: Date | undefined;
-    intervalType?: IntervalType | undefined;
-} & CommonComponentProps) => JSX.Element | null;
+} & CommonComponentProps) => React.JSX.Element;
 declare const ConnectInstantPayoutsPromotion: ({ onInstantPayoutsPromotionLoaded, onInstantPayoutCreated, onLoadError, onLoaderStart }: {
@@ -167,18 +99,8 @@ onInstantPayoutsPromotionLoaded?: (({ promotionShown }: {
     }) => void) | undefined;
-} & CommonComponentProps) => JSX.Element;
+} & CommonComponentProps) => React.JSX.Element;
 declare const ConnectPayoutDetails: ({ payout, onClose, onLoadError, onLoaderStart }: {
     payout: string;
     onClose: () => void;
-} & CommonComponentProps) => JSX.Element | null;
-declare const ConnectCheckScanning: ({ handleCheckScanSubmitted, onLoadError, onLoaderStart }: {
-    handleCheckScanSubmitted: ({ checkScanToken }: {
-        checkScanToken: string;
-    }) => Promise<void>;
-} & CommonComponentProps) => JSX.Element;
-declare const ConnectNetworkCostPassThroughReport: ({ onLoadError, onLoaderStart }: CommonComponentProps) => JSX.Element;
-declare const ConnectTerminalHardwareOrders: ({ onLoadError, onLoaderStart }: CommonComponentProps) => JSX.Element;
-declare const ConnectTerminalHardwareShop: ({ onCheckoutFinished, onLoadError, onLoaderStart }: {
-    onCheckoutFinished?: (() => void) | undefined;
-} & CommonComponentProps) => JSX.Element;
-declare const ConnectBalanceReport: ({ onLoadError, onLoaderStart }: CommonComponentProps) => JSX.Element;
+} & CommonComponentProps) => React.JSX.Element | null;
+declare const ConnectBalanceReport: ({ onLoadError, onLoaderStart }: CommonComponentProps) => React.JSX.Element;
 declare const ConnectPayoutReconciliationReport: ({ onReportAvailabilityLoaded, onLoadError, onLoaderStart }: {
@@ -188,6 +110,3 @@ onReportAvailabilityLoaded?: (({ isReportAvailable }: {
     }) => void) | undefined;
-} & CommonComponentProps) => JSX.Element;
-declare const ConnectRecipientsList: ({ onLoadError, onLoaderStart }: CommonComponentProps) => JSX.Element;
-declare const ConnectFinancialAccounts: ({ onLoadError, onLoaderStart }: CommonComponentProps) => JSX.Element;
-declare const ConnectFinancialAccountsTransactions: ({ onLoadError, onLoaderStart }: CommonComponentProps) => JSX.Element;
+} & CommonComponentProps) => React.JSX.Element;
 type ConnectComponentsPayload = {
@@ -199,6 +118,6 @@ connectInstance: connectJs.StripeConnectInstance;
     children: any;
-}) => JSX.Element;
+}) => React.JSX.Element;
 declare const useConnectComponents: () => ConnectComponentsPayload;
-declare const useCreateComponent: <T extends "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" | "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" | "check-scanning" | "agentic-commerce-settings" | "terminal-hardware-orders" | "terminal-hardware-shop" | "network-cost-passthrough-report" | "balance-report" | "payout-reconciliation-report" | "recipients-list" | "financial-accounts" | "financial-accounts-transactions">(tagName: T) => {
-    wrapper: JSX.Element;
+declare const useCreateComponent: <T extends "account-onboarding" | "disputes-list" | "payments" | "payment-details" | "payment-disputes" | "payouts" | "payouts-list" | "payout-details" | "balances" | "account-management" | "notification-banner" | "instant-payouts-promotion" | "issuing-card" | "issuing-cards-list" | "financial-account" | "financial-account-transactions" | "documents" | "tax-registrations" | "tax-settings" | "balance-report" | "payout-reconciliation-report">(tagName: T) => {
+    wrapper: React.JSX.Element;
     component: ConnectHTMLElementRecord[T] | null;
@@ -221,14 +140,8 @@ };
 declare const useAttachEvent: (component: HTMLElement | null, eventName: ConnectElementEventNames, listener: () => void) => void;
-declare const useUpdateWithSetter: <T extends HTMLElement, V extends string | boolean | Record<string, string> | FetchEphemeralKeyFunction | CollectionOptions | PaymentsListDefaultFilters | Date | string[] | (() => void) | ((notificationCount: NotificationCount) => void) | ((loaderStart: LoaderStart) => void) | ((loaderError: LoadError) => void) | ((installState: InstallState) => void) | ((productType: FinancingProductType) => void) | ((StepChange: StepChange) => void) | (({ id }: {
+declare const useUpdateWithSetter: <T extends HTMLElement, V extends string | boolean | PaymentsListDefaultFilters | FetchEphemeralKeyFunction | CollectionOptions | string[] | (() => void) | ((notificationCount: NotificationCount) => void) | ((loaderStart: LoaderStart) => void) | ((loaderError: LoadError) => void) | ((stepChange: StepChange) => void) | (({ id }: {
     id: string;
-}) => void) | ((taxCode: string | null, _: {
-    analyticsName: string;
-} | null) => void) | (({ promotionShown }: {
+}) => void) | (({ promotionShown }: {
     promotionShown: boolean;
 }) => void) | (({ payoutId }: {
     payoutId: string;
-}) => void) | (({ checkScanToken }: {
-    checkScanToken: string;
-}) => Promise<void>) | (({ agreementId }: {
-    agreementId: string;
 }) => void) | (({ isReportAvailable }: {
@@ -238,2 +151,2 @@ isReportAvailable: boolean;
 export type { CollectionOptions };
-export { CommonComponentProps, ConnectAppInstall, ConnectAppViewport, ConnectBalances, ConnectPayments, ConnectPayouts, ConnectPayoutsList, ConnectPaymentDetails, ConnectPaymentDisputes, ConnectDisputesList, ConnectAgenticCommerceSettings, ConnectAccountOnboarding, ConnectPaymentMethodSettings, ConnectAccountManagement, ConnectInstantPayouts, ConnectNotificationBanner, ConnectIssuingCard, ConnectIssuingCardsList, ConnectFinancialAccount, ConnectFinancialAccountTransactions, ConnectRecipients, ConnectCapitalOverview, ConnectCapitalFinancing, ConnectCapitalFinancingApplication, ConnectCapitalFinancingPromotion, ConnectDocuments, ConnectProductTaxCodeSelector, ConnectTaxRegistrations, ConnectExportTaxTransactions, ConnectTaxSettings, ConnectTaxThresholdMonitoring, ConnectReportingChart, ConnectInstantPayoutsPromotion, ConnectPayoutDetails, ConnectCheckScanning, ConnectNetworkCostPassThroughReport, ConnectTerminalHardwareOrders, ConnectTerminalHardwareShop, ConnectBalanceReport, ConnectPayoutReconciliationReport, ConnectRecipientsList, ConnectFinancialAccounts, ConnectFinancialAccountsTransactions, ConnectComponentsProvider, useConnectComponents, useCreateComponent, useAttachAttribute, ConnectElementEventNames, useAttachEvent, useUpdateWithSetter };
+export { CommonComponentProps, ConnectPayments, ConnectPayouts, ConnectPaymentDetails, ConnectPaymentDisputes, ConnectDisputesList, ConnectAccountOnboarding, ConnectAccountManagement, ConnectNotificationBanner, ConnectIssuingCard, ConnectIssuingCardsList, ConnectFinancialAccount, ConnectFinancialAccountTransactions, ConnectDocuments, ConnectPayoutsList, ConnectBalances, ConnectTaxRegistrations, ConnectTaxSettings, ConnectInstantPayoutsPromotion, ConnectPayoutDetails, ConnectBalanceReport, ConnectPayoutReconciliationReport, ConnectComponentsProvider, useConnectComponents, useCreateComponent, useAttachAttribute, ConnectElementEventNames, useAttachEvent, useUpdateWithSetter };

dist/react-connect.esm.js

 import * as React from 'react';
 import React__default from 'react';
 
-function _arrayLikeToArray(r, a) {
-  (null == a || a > r.length) && (a = r.length);
-  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
-  return n;
-}
-function _arrayWithHoles(r) {
-  if (Array.isArray(r)) return r;
-}
 function _iterableToArrayLimit(r, l) {
@@ -39,15 +31,24 @@ var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
 }
+function _slicedToArray(arr, i) {
+  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+}
+function _arrayWithHoles(arr) {
+  if (Array.isArray(arr)) return arr;
+}
+function _unsupportedIterableToArray(o, minLen) {
+  if (!o) return;
+  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+  var n = Object.prototype.toString.call(o).slice(8, -1);
+  if (n === "Object" && o.constructor) n = o.constructor.name;
+  if (n === "Map" || n === "Set") return Array.from(o);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+}
+function _arrayLikeToArray(arr, len) {
+  if (len == null || len > arr.length) len = arr.length;
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+  return arr2;
+}
 function _nonIterableRest() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _slicedToArray(r, e) {
-  return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
-}
-function _unsupportedIterableToArray(r, a) {
-  if (r) {
-    if ("string" == typeof r) return _arrayLikeToArray(r, a);
-    var t = {}.toString.call(r).slice(8, -1);
-    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
-  }
-}
 
@@ -97,3 +98,3 @@ var ConnectComponentsContext = /*#__PURE__*/React.createContext(null);
         try {
-          newComponent.setAttribute('reactSdkAnalytics', '3.4.2-preview-1');
+          newComponent.setAttribute('reactSdkAnalytics', '3.4.2');
         } catch (e) {
@@ -127,71 +128,9 @@ console.log('Error setting React Sdk version with error message: ', e);
 
-var ConnectAppInstall = function ConnectAppInstall(_ref) {
-  var app = _ref.app,
-    onAppInstallStateFetch = _ref.onAppInstallStateFetch,
-    onAppInstallStateChange = _ref.onAppInstallStateChange,
+var ConnectPayments = function ConnectPayments(_ref) {
+  var defaultFilters = _ref.defaultFilters,
     onLoadError = _ref.onLoadError,
     onLoaderStart = _ref.onLoaderStart;
-  var _useCreateComponent = useCreateComponent('app-install'),
+  var _useCreateComponent = useCreateComponent('payments'),
     wrapper = _useCreateComponent.wrapper,
-    appInstall = _useCreateComponent.component;
-  useUpdateWithSetter(appInstall, app, function (comp, val) {
-    return comp.setApp(val);
-  });
-  useUpdateWithSetter(appInstall, onAppInstallStateFetch, function (comp, val) {
-    return comp.setOnAppInstallStateFetched(val);
-  });
-  useUpdateWithSetter(appInstall, onAppInstallStateChange, function (comp, val) {
-    return comp.setOnAppInstallStateChanged(val);
-  });
-  useUpdateWithSetter(appInstall, onLoaderStart, function (comp, val) {
-    comp.setOnLoaderStart(val);
-  });
-  useUpdateWithSetter(appInstall, onLoadError, function (comp, val) {
-    comp.setOnLoadError(val);
-  });
-  return wrapper;
-};
-var ConnectAppViewport = function ConnectAppViewport(_ref2) {
-  var app = _ref2.app,
-    appData = _ref2.appData,
-    onLoadError = _ref2.onLoadError,
-    onLoaderStart = _ref2.onLoaderStart;
-  var _useCreateComponent2 = useCreateComponent('app-viewport'),
-    wrapper = _useCreateComponent2.wrapper,
-    appViewport = _useCreateComponent2.component;
-  useUpdateWithSetter(appViewport, app, function (comp, val) {
-    return comp.setApp(val);
-  });
-  useUpdateWithSetter(appViewport, appData, function (comp, val) {
-    return comp.setAppData(val);
-  });
-  useUpdateWithSetter(appViewport, onLoaderStart, function (comp, val) {
-    comp.setOnLoaderStart(val);
-  });
-  useUpdateWithSetter(appViewport, onLoadError, function (comp, val) {
-    comp.setOnLoadError(val);
-  });
-  return wrapper;
-};
-var ConnectBalances = function ConnectBalances(_ref3) {
-  var onLoadError = _ref3.onLoadError,
-    onLoaderStart = _ref3.onLoaderStart;
-  var _useCreateComponent3 = useCreateComponent('balances'),
-    wrapper = _useCreateComponent3.wrapper,
-    balances = _useCreateComponent3.component;
-  useUpdateWithSetter(balances, onLoaderStart, function (comp, val) {
-    comp.setOnLoaderStart(val);
-  });
-  useUpdateWithSetter(balances, onLoadError, function (comp, val) {
-    comp.setOnLoadError(val);
-  });
-  return wrapper;
-};
-var ConnectPayments = function ConnectPayments(_ref4) {
-  var defaultFilters = _ref4.defaultFilters,
-    onLoadError = _ref4.onLoadError,
-    onLoaderStart = _ref4.onLoaderStart;
-  var _useCreateComponent4 = useCreateComponent('payments'),
-    wrapper = _useCreateComponent4.wrapper,
-    payments = _useCreateComponent4.component;
+    payments = _useCreateComponent.component;
   useUpdateWithSetter(payments, onLoaderStart, function (comp, val) {
@@ -208,8 +147,8 @@ comp.setOnLoaderStart(val);
 };
-var ConnectPayouts = function ConnectPayouts(_ref5) {
-  var onLoadError = _ref5.onLoadError,
-    onLoaderStart = _ref5.onLoaderStart;
-  var _useCreateComponent5 = useCreateComponent('payouts'),
-    wrapper = _useCreateComponent5.wrapper,
-    payouts = _useCreateComponent5.component;
+var ConnectPayouts = function ConnectPayouts(_ref2) {
+  var onLoadError = _ref2.onLoadError,
+    onLoaderStart = _ref2.onLoaderStart;
+  var _useCreateComponent2 = useCreateComponent('payouts'),
+    wrapper = _useCreateComponent2.wrapper,
+    payouts = _useCreateComponent2.component;
   useUpdateWithSetter(payouts, onLoaderStart, function (comp, val) {
@@ -223,24 +162,10 @@ comp.setOnLoaderStart(val);
 };
-var ConnectPayoutsList = function ConnectPayoutsList(_ref6) {
-  var onLoadError = _ref6.onLoadError,
-    onLoaderStart = _ref6.onLoaderStart;
-  var _useCreateComponent6 = useCreateComponent('payouts-list'),
-    wrapper = _useCreateComponent6.wrapper,
-    payoutsList = _useCreateComponent6.component;
-  useUpdateWithSetter(payoutsList, onLoaderStart, function (comp, val) {
-    comp.setOnLoaderStart(val);
-  });
-  useUpdateWithSetter(payoutsList, onLoadError, function (comp, val) {
-    comp.setOnLoadError(val);
-  });
-  return wrapper;
-};
-var ConnectPaymentDetails = function ConnectPaymentDetails(_ref7) {
-  var payment = _ref7.payment,
-    onClose = _ref7.onClose,
-    onLoadError = _ref7.onLoadError,
-    onLoaderStart = _ref7.onLoaderStart;
-  var _useCreateComponent7 = useCreateComponent('payment-details'),
-    wrapper = _useCreateComponent7.wrapper,
-    paymentDetails = _useCreateComponent7.component;
+var ConnectPaymentDetails = function ConnectPaymentDetails(_ref3) {
+  var payment = _ref3.payment,
+    onClose = _ref3.onClose,
+    onLoadError = _ref3.onLoadError,
+    onLoaderStart = _ref3.onLoaderStart;
+  var _useCreateComponent3 = useCreateComponent('payment-details'),
+    wrapper = _useCreateComponent3.wrapper,
+    paymentDetails = _useCreateComponent3.component;
   useUpdateWithSetter(paymentDetails, payment, function (comp, val) {
@@ -260,10 +185,10 @@ return comp.setPayment(val);
 };
-var ConnectPaymentDisputes = function ConnectPaymentDisputes(_ref8) {
-  var payment = _ref8.payment,
-    onDisputesLoaded = _ref8.onDisputesLoaded,
-    onLoadError = _ref8.onLoadError,
-    onLoaderStart = _ref8.onLoaderStart;
-  var _useCreateComponent8 = useCreateComponent('payment-disputes'),
-    wrapper = _useCreateComponent8.wrapper,
-    component = _useCreateComponent8.component;
+var ConnectPaymentDisputes = function ConnectPaymentDisputes(_ref4) {
+  var payment = _ref4.payment,
+    onDisputesLoaded = _ref4.onDisputesLoaded,
+    onLoadError = _ref4.onLoadError,
+    onLoaderStart = _ref4.onLoaderStart;
+  var _useCreateComponent4 = useCreateComponent('payment-disputes'),
+    wrapper = _useCreateComponent4.wrapper,
+    component = _useCreateComponent4.component;
   useUpdateWithSetter(component, payment, function (comp, val) {
@@ -283,8 +208,8 @@ return comp.setPayment(val);
 };
-var ConnectDisputesList = function ConnectDisputesList(_ref9) {
-  var onLoadError = _ref9.onLoadError,
-    onLoaderStart = _ref9.onLoaderStart;
-  var _useCreateComponent9 = useCreateComponent('disputes-list'),
-    wrapper = _useCreateComponent9.wrapper,
-    component = _useCreateComponent9.component;
+var ConnectDisputesList = function ConnectDisputesList(_ref5) {
+  var onLoadError = _ref5.onLoadError,
+    onLoaderStart = _ref5.onLoaderStart;
+  var _useCreateComponent5 = useCreateComponent('disputes-list'),
+    wrapper = _useCreateComponent5.wrapper,
+    component = _useCreateComponent5.component;
   useUpdateWithSetter(component, onLoaderStart, function (comp, val) {
@@ -298,33 +223,15 @@ comp.setOnLoaderStart(val);
 };
-var ConnectAgenticCommerceSettings = function ConnectAgenticCommerceSettings(_ref10) {
-  var onAgreementUpdated = _ref10.onAgreementUpdated,
-    onLoadError = _ref10.onLoadError,
-    onLoaderStart = _ref10.onLoaderStart;
-  var _useCreateComponent10 = useCreateComponent('agentic-commerce-settings'),
-    wrapper = _useCreateComponent10.wrapper,
-    component = _useCreateComponent10.component;
-  useUpdateWithSetter(component, onLoaderStart, function (comp, val) {
-    comp.setOnLoaderStart(val);
-  });
-  useUpdateWithSetter(component, onLoadError, function (comp, val) {
-    comp.setOnLoadError(val);
-  });
-  useUpdateWithSetter(component, onAgreementUpdated, function (comp, val) {
-    comp.setOnAgreementUpdated(val);
-  });
-  return wrapper;
-};
-var ConnectAccountOnboarding = function ConnectAccountOnboarding(_ref11) {
-  var onExit = _ref11.onExit,
-    recipientTermsOfServiceUrl = _ref11.recipientTermsOfServiceUrl,
-    fullTermsOfServiceUrl = _ref11.fullTermsOfServiceUrl,
-    privacyPolicyUrl = _ref11.privacyPolicyUrl,
-    skipTermsOfServiceCollection = _ref11.skipTermsOfServiceCollection,
-    collectionOptions = _ref11.collectionOptions,
-    onLoadError = _ref11.onLoadError,
-    onLoaderStart = _ref11.onLoaderStart,
-    onStepChange = _ref11.onStepChange;
-  var _useCreateComponent11 = useCreateComponent('account-onboarding'),
-    wrapper = _useCreateComponent11.wrapper,
-    onboarding = _useCreateComponent11.component;
+var ConnectAccountOnboarding = function ConnectAccountOnboarding(_ref6) {
+  var onExit = _ref6.onExit,
+    recipientTermsOfServiceUrl = _ref6.recipientTermsOfServiceUrl,
+    fullTermsOfServiceUrl = _ref6.fullTermsOfServiceUrl,
+    privacyPolicyUrl = _ref6.privacyPolicyUrl,
+    skipTermsOfServiceCollection = _ref6.skipTermsOfServiceCollection,
+    collectionOptions = _ref6.collectionOptions,
+    onLoadError = _ref6.onLoadError,
+    onLoaderStart = _ref6.onLoaderStart,
+    onStepChange = _ref6.onStepChange;
+  var _useCreateComponent6 = useCreateComponent('account-onboarding'),
+    wrapper = _useCreateComponent6.wrapper,
+    onboarding = _useCreateComponent6.component;
   useUpdateWithSetter(onboarding, recipientTermsOfServiceUrl, function (comp, val) {
@@ -359,27 +266,9 @@ return comp.setRecipientTermsOfServiceUrl(val);
 };
-var ConnectPaymentMethodSettings = function ConnectPaymentMethodSettings(_ref12) {
-  var paymentMethodConfiguration = _ref12.paymentMethodConfiguration,
-    onLoadError = _ref12.onLoadError,
-    onLoaderStart = _ref12.onLoaderStart;
-  var _useCreateComponent12 = useCreateComponent('payment-method-settings'),
-    wrapper = _useCreateComponent12.wrapper,
-    paymentMethodSettings = _useCreateComponent12.component;
-  useUpdateWithSetter(paymentMethodSettings, paymentMethodConfiguration, function (comp, val) {
-    return comp.setPaymentMethodConfiguration(val);
-  });
-  useUpdateWithSetter(paymentMethodSettings, onLoaderStart, function (comp, val) {
-    comp.setOnLoaderStart(val);
-  });
-  useUpdateWithSetter(paymentMethodSettings, onLoadError, function (comp, val) {
-    comp.setOnLoadError(val);
-  });
-  return wrapper;
-};
-var ConnectAccountManagement = function ConnectAccountManagement(_ref13) {
-  var collectionOptions = _ref13.collectionOptions,
-    onLoadError = _ref13.onLoadError,
-    onLoaderStart = _ref13.onLoaderStart;
-  var _useCreateComponent13 = useCreateComponent('account-management'),
-    wrapper = _useCreateComponent13.wrapper,
-    accountManagement = _useCreateComponent13.component;
+var ConnectAccountManagement = function ConnectAccountManagement(_ref7) {
+  var collectionOptions = _ref7.collectionOptions,
+    onLoadError = _ref7.onLoadError,
+    onLoaderStart = _ref7.onLoaderStart;
+  var _useCreateComponent7 = useCreateComponent('account-management'),
+    wrapper = _useCreateComponent7.wrapper,
+    accountManagement = _useCreateComponent7.component;
   useUpdateWithSetter(accountManagement, collectionOptions, function (comp, val) {
@@ -396,24 +285,10 @@ return comp.setCollectionOptions(val);
 };
-var ConnectInstantPayouts = function ConnectInstantPayouts(_ref14) {
-  var onLoadError = _ref14.onLoadError,
-    onLoaderStart = _ref14.onLoaderStart;
-  var _useCreateComponent14 = useCreateComponent('instant-payouts'),
-    wrapper = _useCreateComponent14.wrapper,
-    instantPayouts = _useCreateComponent14.component;
-  useUpdateWithSetter(instantPayouts, onLoaderStart, function (comp, val) {
-    comp.setOnLoaderStart(val);
-  });
-  useUpdateWithSetter(instantPayouts, onLoadError, function (comp, val) {
-    comp.setOnLoadError(val);
-  });
-  return wrapper;
-};
-var ConnectNotificationBanner = function ConnectNotificationBanner(_ref15) {
-  var collectionOptions = _ref15.collectionOptions,
-    onNotificationsChange = _ref15.onNotificationsChange,
-    onLoadError = _ref15.onLoadError,
-    onLoaderStart = _ref15.onLoaderStart;
-  var _useCreateComponent15 = useCreateComponent('notification-banner'),
-    wrapper = _useCreateComponent15.wrapper,
-    notificationBanner = _useCreateComponent15.component;
+var ConnectNotificationBanner = function ConnectNotificationBanner(_ref8) {
+  var collectionOptions = _ref8.collectionOptions,
+    onNotificationsChange = _ref8.onNotificationsChange,
+    onLoadError = _ref8.onLoadError,
+    onLoaderStart = _ref8.onLoaderStart;
+  var _useCreateComponent8 = useCreateComponent('notification-banner'),
+    wrapper = _useCreateComponent8.wrapper,
+    notificationBanner = _useCreateComponent8.component;
   useUpdateWithSetter(notificationBanner, collectionOptions, function (comp, val) {
@@ -433,12 +308,12 @@ return comp.setCollectionOptions(val);
 };
-var ConnectIssuingCard = function ConnectIssuingCard(_ref16) {
-  var defaultCard = _ref16.defaultCard,
-    cardSwitching = _ref16.cardSwitching,
-    showSpendControls = _ref16.showSpendControls,
-    fetchEphemeralKey = _ref16.fetchEphemeralKey,
-    onLoadError = _ref16.onLoadError,
-    onLoaderStart = _ref16.onLoaderStart;
-  var _useCreateComponent16 = useCreateComponent('issuing-card'),
-    wrapper = _useCreateComponent16.wrapper,
-    issuingCard = _useCreateComponent16.component;
+var ConnectIssuingCard = function ConnectIssuingCard(_ref9) {
+  var defaultCard = _ref9.defaultCard,
+    cardSwitching = _ref9.cardSwitching,
+    showSpendControls = _ref9.showSpendControls,
+    fetchEphemeralKey = _ref9.fetchEphemeralKey,
+    onLoadError = _ref9.onLoadError,
+    onLoaderStart = _ref9.onLoaderStart;
+  var _useCreateComponent9 = useCreateComponent('issuing-card'),
+    wrapper = _useCreateComponent9.wrapper,
+    issuingCard = _useCreateComponent9.component;
   useUpdateWithSetter(issuingCard, defaultCard, function (comp, val) {
@@ -464,11 +339,11 @@ return comp.setDefaultCard(val);
 };
-var ConnectIssuingCardsList = function ConnectIssuingCardsList(_ref17) {
-  var showSpendControls = _ref17.showSpendControls,
-    issuingProgram = _ref17.issuingProgram,
-    fetchEphemeralKey = _ref17.fetchEphemeralKey,
-    onLoadError = _ref17.onLoadError,
-    onLoaderStart = _ref17.onLoaderStart;
-  var _useCreateComponent17 = useCreateComponent('issuing-cards-list'),
-    wrapper = _useCreateComponent17.wrapper,
-    issuingCardsList = _useCreateComponent17.component;
+var ConnectIssuingCardsList = function ConnectIssuingCardsList(_ref10) {
+  var showSpendControls = _ref10.showSpendControls,
+    issuingProgram = _ref10.issuingProgram,
+    fetchEphemeralKey = _ref10.fetchEphemeralKey,
+    onLoadError = _ref10.onLoadError,
+    onLoaderStart = _ref10.onLoaderStart;
+  var _useCreateComponent10 = useCreateComponent('issuing-cards-list'),
+    wrapper = _useCreateComponent10.wrapper,
+    issuingCardsList = _useCreateComponent10.component;
   useUpdateWithSetter(issuingCardsList, showSpendControls, function (comp, val) {
@@ -491,9 +366,9 @@ return comp.setShowSpendControls(val);
 };
-var ConnectFinancialAccount = function ConnectFinancialAccount(_ref18) {
-  var financialAccount = _ref18.financialAccount,
-    onLoadError = _ref18.onLoadError,
-    onLoaderStart = _ref18.onLoaderStart;
-  var _useCreateComponent18 = useCreateComponent('financial-account'),
-    wrapper = _useCreateComponent18.wrapper,
-    financialAccountComponent = _useCreateComponent18.component;
+var ConnectFinancialAccount = function ConnectFinancialAccount(_ref11) {
+  var financialAccount = _ref11.financialAccount,
+    onLoadError = _ref11.onLoadError,
+    onLoaderStart = _ref11.onLoaderStart;
+  var _useCreateComponent11 = useCreateComponent('financial-account'),
+    wrapper = _useCreateComponent11.wrapper,
+    financialAccountComponent = _useCreateComponent11.component;
   useUpdateWithSetter(financialAccountComponent, financialAccount, function (comp, val) {
@@ -510,9 +385,9 @@ return comp.setFinancialAccount(val);
 };
-var ConnectFinancialAccountTransactions = function ConnectFinancialAccountTransactions(_ref19) {
-  var financialAccount = _ref19.financialAccount,
-    onLoadError = _ref19.onLoadError,
-    onLoaderStart = _ref19.onLoaderStart;
-  var _useCreateComponent19 = useCreateComponent('financial-account-transactions'),
-    wrapper = _useCreateComponent19.wrapper,
-    financialAccountTransactionsComponent = _useCreateComponent19.component;
+var ConnectFinancialAccountTransactions = function ConnectFinancialAccountTransactions(_ref12) {
+  var financialAccount = _ref12.financialAccount,
+    onLoadError = _ref12.onLoadError,
+    onLoaderStart = _ref12.onLoaderStart;
+  var _useCreateComponent12 = useCreateComponent('financial-account-transactions'),
+    wrapper = _useCreateComponent12.wrapper,
+    financialAccountTransactionsComponent = _useCreateComponent12.component;
   useUpdateWithSetter(financialAccountTransactionsComponent, financialAccount, function (comp, val) {
@@ -529,16 +404,12 @@ return comp.setFinancialAccount(val);
 };
-var ConnectRecipients = function ConnectRecipients(_ref20) {
-  var dataSource = _ref20.dataSource,
-    onLoadError = _ref20.onLoadError,
-    onLoaderStart = _ref20.onLoaderStart;
-  var _useCreateComponent20 = useCreateComponent('recipients'),
-    wrapper = _useCreateComponent20.wrapper,
-    recipientsComponent = _useCreateComponent20.component;
-  useUpdateWithSetter(recipientsComponent, dataSource, function (comp, val) {
-    return comp.setDataSource(val);
-  });
-  useUpdateWithSetter(recipientsComponent, onLoaderStart, function (comp, val) {
+var ConnectDocuments = function ConnectDocuments(_ref13) {
+  var onLoadError = _ref13.onLoadError,
+    onLoaderStart = _ref13.onLoaderStart;
+  var _useCreateComponent13 = useCreateComponent('documents'),
+    wrapper = _useCreateComponent13.wrapper,
+    documents = _useCreateComponent13.component;
+  useUpdateWithSetter(documents, onLoaderStart, function (comp, val) {
     comp.setOnLoaderStart(val);
   });
-  useUpdateWithSetter(recipientsComponent, onLoadError, function (comp, val) {
+  useUpdateWithSetter(documents, onLoadError, function (comp, val) {
     comp.setOnLoadError(val);
@@ -548,12 +419,12 @@ });
 };
-var ConnectCapitalOverview = function ConnectCapitalOverview(_ref21) {
-  var onLoadError = _ref21.onLoadError,
-    onLoaderStart = _ref21.onLoaderStart;
-  var _useCreateComponent21 = useCreateComponent('capital-overview'),
-    wrapper = _useCreateComponent21.wrapper,
-    capitalOverview = _useCreateComponent21.component;
-  useUpdateWithSetter(capitalOverview, onLoaderStart, function (comp, val) {
+var ConnectPayoutsList = function ConnectPayoutsList(_ref14) {
+  var onLoadError = _ref14.onLoadError,
+    onLoaderStart = _ref14.onLoaderStart;
+  var _useCreateComponent14 = useCreateComponent('payouts-list'),
+    wrapper = _useCreateComponent14.wrapper,
+    payoutsList = _useCreateComponent14.component;
+  useUpdateWithSetter(payoutsList, onLoaderStart, function (comp, val) {
     comp.setOnLoaderStart(val);
   });
-  useUpdateWithSetter(capitalOverview, onLoadError, function (comp, val) {
+  useUpdateWithSetter(payoutsList, onLoadError, function (comp, val) {
     comp.setOnLoadError(val);
@@ -563,32 +434,12 @@ });
 };
-var ConnectCapitalFinancing = function ConnectCapitalFinancing(_ref22) {
-  var defaultFinancingOffer = _ref22.defaultFinancingOffer,
-    showFinancingSelector = _ref22.showFinancingSelector,
-    howCapitalWorksUrl = _ref22.howCapitalWorksUrl,
-    supportUrl = _ref22.supportUrl,
-    onFinancingsLoaded = _ref22.onFinancingsLoaded,
-    onLoadError = _ref22.onLoadError,
-    onLoaderStart = _ref22.onLoaderStart;
-  var _useCreateComponent22 = useCreateComponent('capital-financing'),
-    wrapper = _useCreateComponent22.wrapper,
-    capitalFinancing = _useCreateComponent22.component;
-  useUpdateWithSetter(capitalFinancing, defaultFinancingOffer, function (comp, val) {
-    return comp.setDefaultFinancingOffer(val);
-  });
-  useUpdateWithSetter(capitalFinancing, showFinancingSelector, function (comp, val) {
-    return comp.setShowFinancingSelector(val);
-  });
-  useUpdateWithSetter(capitalFinancing, howCapitalWorksUrl, function (comp, val) {
-    return comp.setHowCapitalWorksUrl(val);
-  });
-  useUpdateWithSetter(capitalFinancing, supportUrl, function (comp, val) {
-    return comp.setSupportUrl(val);
-  });
-  useUpdateWithSetter(capitalFinancing, onFinancingsLoaded, function (comp, val) {
-    return comp.setOnFinancingsLoaded(val);
-  });
-  useUpdateWithSetter(capitalFinancing, onLoaderStart, function (comp, val) {
+var ConnectBalances = function ConnectBalances(_ref15) {
+  var onLoadError = _ref15.onLoadError,
+    onLoaderStart = _ref15.onLoaderStart;
+  var _useCreateComponent15 = useCreateComponent('balances'),
+    wrapper = _useCreateComponent15.wrapper,
+    balances = _useCreateComponent15.component;
+  useUpdateWithSetter(balances, onLoaderStart, function (comp, val) {
     comp.setOnLoaderStart(val);
   });
-  useUpdateWithSetter(capitalFinancing, onLoadError, function (comp, val) {
+  useUpdateWithSetter(balances, onLoadError, function (comp, val) {
     comp.setOnLoadError(val);
@@ -598,127 +449,11 @@ });
 };
-var ConnectCapitalFinancingApplication = function ConnectCapitalFinancingApplication(_ref23) {
-  var onApplicationSubmitted = _ref23.onApplicationSubmitted,
-    onApplicationStepChange = _ref23.onApplicationStepChange,
-    privacyPolicyUrl = _ref23.privacyPolicyUrl,
-    howCapitalWorksUrl = _ref23.howCapitalWorksUrl,
-    onLoadError = _ref23.onLoadError,
-    onLoaderStart = _ref23.onLoaderStart;
-  var _useCreateComponent23 = useCreateComponent('capital-financing-application'),
-    wrapper = _useCreateComponent23.wrapper,
-    capitalFinancingApplication = _useCreateComponent23.component;
-  useUpdateWithSetter(capitalFinancingApplication, onApplicationSubmitted, function (comp, val) {
-    return comp.setOnApplicationSubmitted(val);
-  });
-  useUpdateWithSetter(capitalFinancingApplication, onApplicationStepChange, function (comp, val) {
-    return comp.setOnApplicationStepChange(val);
-  });
-  useUpdateWithSetter(capitalFinancingApplication, privacyPolicyUrl, function (comp, val) {
-    return comp.setPrivacyPolicyUrl(val);
-  });
-  useUpdateWithSetter(capitalFinancingApplication, howCapitalWorksUrl, function (comp, val) {
-    return comp.setHowCapitalWorksUrl(val);
-  });
-  useUpdateWithSetter(capitalFinancingApplication, onLoaderStart, function (comp, val) {
-    comp.setOnLoaderStart(val);
-  });
-  useUpdateWithSetter(capitalFinancingApplication, onLoadError, function (comp, val) {
-    comp.setOnLoadError(val);
-  });
-  return wrapper;
-};
-var ConnectCapitalFinancingPromotion = function ConnectCapitalFinancingPromotion(_ref24) {
-  var layout = _ref24.layout,
-    onApplicationSubmitted = _ref24.onApplicationSubmitted,
-    onEligibleFinancingOfferLoaded = _ref24.onEligibleFinancingOfferLoaded,
-    onApplicationStepChange = _ref24.onApplicationStepChange,
-    privacyPolicyUrl = _ref24.privacyPolicyUrl,
-    howCapitalWorksUrl = _ref24.howCapitalWorksUrl,
-    eligibilityCriteriaUrl = _ref24.eligibilityCriteriaUrl,
-    onLoadError = _ref24.onLoadError,
-    onLoaderStart = _ref24.onLoaderStart;
-  var _useCreateComponent24 = useCreateComponent('capital-financing-promotion'),
-    wrapper = _useCreateComponent24.wrapper,
-    capitalPromotion = _useCreateComponent24.component;
-  useUpdateWithSetter(capitalPromotion, layout, function (comp, val) {
-    return comp.setLayout(val);
-  });
-  useUpdateWithSetter(capitalPromotion, privacyPolicyUrl, function (comp, val) {
-    return comp.setPrivacyPolicyUrl(val);
-  });
-  useUpdateWithSetter(capitalPromotion, howCapitalWorksUrl, function (comp, val) {
-    return comp.setHowCapitalWorksUrl(val);
-  });
-  useUpdateWithSetter(capitalPromotion, eligibilityCriteriaUrl, function (comp, val) {
-    return comp.setEligibilityCriteriaUrl(val);
-  });
-  useUpdateWithSetter(capitalPromotion, onApplicationSubmitted, function (comp, val) {
-    return comp.setOnApplicationSubmitted(val);
-  });
-  useUpdateWithSetter(capitalPromotion, onApplicationStepChange, function (comp, val) {
-    return comp.setOnApplicationStepChange(val);
-  });
-  useUpdateWithSetter(capitalPromotion, onEligibleFinancingOfferLoaded, function (comp, val) {
-    return comp.setOnEligibleFinancingOfferLoaded(val);
-  });
-  useUpdateWithSetter(capitalPromotion, onLoaderStart, function (comp, val) {
-    comp.setOnLoaderStart(val);
-  });
-  useUpdateWithSetter(capitalPromotion, onLoadError, function (comp, val) {
-    comp.setOnLoadError(val);
-  });
-  return wrapper;
-};
-var ConnectDocuments = function ConnectDocuments(_ref25) {
-  var onLoadError = _ref25.onLoadError,
-    onLoaderStart = _ref25.onLoaderStart;
-  var _useCreateComponent25 = useCreateComponent('documents'),
-    wrapper = _useCreateComponent25.wrapper,
-    documents = _useCreateComponent25.component;
-  useUpdateWithSetter(documents, onLoaderStart, function (comp, val) {
-    comp.setOnLoaderStart(val);
-  });
-  useUpdateWithSetter(documents, onLoadError, function (comp, val) {
-    comp.setOnLoadError(val);
-  });
-  return wrapper;
-};
-var ConnectProductTaxCodeSelector = function ConnectProductTaxCodeSelector(_ref26) {
-  var onLoadError = _ref26.onLoadError,
-    onLoaderStart = _ref26.onLoaderStart,
-    onTaxCodeSelect = _ref26.onTaxCodeSelect,
-    hideDescription = _ref26.hideDescription,
-    disabled = _ref26.disabled,
-    initialTaxCode = _ref26.initialTaxCode;
-  var _useCreateComponent26 = useCreateComponent('product-tax-code-selector'),
-    wrapper = _useCreateComponent26.wrapper,
-    productTaxCodeSelector = _useCreateComponent26.component;
-  useUpdateWithSetter(productTaxCodeSelector, onLoaderStart, function (comp, val) {
-    comp.setOnLoaderStart(val);
-  });
-  useUpdateWithSetter(productTaxCodeSelector, onLoadError, function (comp, val) {
-    comp.setOnLoadError(val);
-  });
-  useUpdateWithSetter(productTaxCodeSelector, onTaxCodeSelect, function (comp, val) {
-    comp.setOnTaxCodeSelect(val);
-  });
-  useUpdateWithSetter(productTaxCodeSelector, hideDescription, function (comp, val) {
-    comp.setHideDescription(val);
-  });
-  useUpdateWithSetter(productTaxCodeSelector, disabled, function (comp, val) {
-    comp.setDisabled(val);
-  });
-  useUpdateWithSetter(productTaxCodeSelector, initialTaxCode, function (comp, val) {
-    comp.setInitialTaxCode(val);
-  });
-  return wrapper;
-};
-var ConnectTaxRegistrations = function ConnectTaxRegistrations(_ref27) {
-  var onLoadError = _ref27.onLoadError,
-    onLoaderStart = _ref27.onLoaderStart,
-    displayCountries = _ref27.displayCountries,
-    onAfterTaxRegistrationAdded = _ref27.onAfterTaxRegistrationAdded,
-    onAfterTaxRegistrationExpired = _ref27.onAfterTaxRegistrationExpired;
-  var _useCreateComponent27 = useCreateComponent('tax-registrations'),
-    wrapper = _useCreateComponent27.wrapper,
-    taxRegistrations = _useCreateComponent27.component;
+var ConnectTaxRegistrations = function ConnectTaxRegistrations(_ref16) {
+  var onLoadError = _ref16.onLoadError,
+    onLoaderStart = _ref16.onLoaderStart,
+    displayCountries = _ref16.displayCountries,
+    onAfterTaxRegistrationAdded = _ref16.onAfterTaxRegistrationAdded,
+    onAfterTaxRegistrationExpired = _ref16.onAfterTaxRegistrationExpired;
+  var _useCreateComponent16 = useCreateComponent('tax-registrations'),
+    wrapper = _useCreateComponent16.wrapper,
+    taxRegistrations = _useCreateComponent16.component;
   useUpdateWithSetter(taxRegistrations, onLoaderStart, function (comp, val) {
@@ -741,25 +476,11 @@ comp.setOnLoaderStart(val);
 };
-var ConnectExportTaxTransactions = function ConnectExportTaxTransactions(_ref28) {
-  var onLoadError = _ref28.onLoadError,
-    onLoaderStart = _ref28.onLoaderStart;
-  var _useCreateComponent28 = useCreateComponent('export-tax-transactions'),
-    wrapper = _useCreateComponent28.wrapper,
-    exportTaxTransactions = _useCreateComponent28.component;
-  useUpdateWithSetter(exportTaxTransactions, onLoaderStart, function (comp, val) {
-    comp.setOnLoaderStart(val);
-  });
-  useUpdateWithSetter(exportTaxTransactions, onLoadError, function (comp, val) {
-    comp.setOnLoadError(val);
-  });
-  return wrapper;
-};
-var ConnectTaxSettings = function ConnectTaxSettings(_ref29) {
-  var onLoadError = _ref29.onLoadError,
-    onLoaderStart = _ref29.onLoaderStart,
-    hideProductTaxCodeSelector = _ref29.hideProductTaxCodeSelector,
-    displayHeadOfficeCountries = _ref29.displayHeadOfficeCountries,
-    onTaxSettingsUpdated = _ref29.onTaxSettingsUpdated;
-  var _useCreateComponent29 = useCreateComponent('tax-settings'),
-    wrapper = _useCreateComponent29.wrapper,
-    taxSettings = _useCreateComponent29.component;
+var ConnectTaxSettings = function ConnectTaxSettings(_ref17) {
+  var onLoadError = _ref17.onLoadError,
+    onLoaderStart = _ref17.onLoaderStart,
+    hideProductTaxCodeSelector = _ref17.hideProductTaxCodeSelector,
+    displayHeadOfficeCountries = _ref17.displayHeadOfficeCountries,
+    onTaxSettingsUpdated = _ref17.onTaxSettingsUpdated;
+  var _useCreateComponent17 = useCreateComponent('tax-settings'),
+    wrapper = _useCreateComponent17.wrapper,
+    taxSettings = _useCreateComponent17.component;
   useUpdateWithSetter(taxSettings, onLoaderStart, function (comp, val) {
@@ -782,58 +503,10 @@ comp.setOnLoaderStart(val);
 };
-var ConnectTaxThresholdMonitoring = function ConnectTaxThresholdMonitoring(_ref30) {
-  var onLoadError = _ref30.onLoadError,
-    onLoaderStart = _ref30.onLoaderStart,
-    displayCountries = _ref30.displayCountries;
-  var _useCreateComponent30 = useCreateComponent('tax-threshold-monitoring'),
-    wrapper = _useCreateComponent30.wrapper,
-    taxSettings = _useCreateComponent30.component;
-  useUpdateWithSetter(taxSettings, onLoaderStart, function (comp, val) {
-    comp.setOnLoaderStart(val);
-  });
-  useUpdateWithSetter(taxSettings, onLoadError, function (comp, val) {
-    comp.setOnLoadError(val);
-  });
-  useUpdateWithSetter(taxSettings, displayCountries, function (comp, val) {
-    comp.setDisplayCountries(val);
-  });
-  return wrapper;
-};
-var ConnectReportingChart = function ConnectReportingChart(_ref31) {
-  var reportName = _ref31.reportName,
-    intervalStart = _ref31.intervalStart,
-    intervalEnd = _ref31.intervalEnd,
-    intervalType = _ref31.intervalType,
-    onLoadError = _ref31.onLoadError,
-    onLoaderStart = _ref31.onLoaderStart;
-  var _useCreateComponent31 = useCreateComponent('reporting-chart'),
-    wrapper = _useCreateComponent31.wrapper,
-    reportingChart = _useCreateComponent31.component;
-  useUpdateWithSetter(reportingChart, reportName, function (comp, val) {
-    return comp.setReportName(val);
-  });
-  useUpdateWithSetter(reportingChart, intervalStart, function (comp, val) {
-    return comp.setIntervalStart(val);
-  });
-  useUpdateWithSetter(reportingChart, intervalEnd, function (comp, val) {
-    return comp.setIntervalEnd(val);
-  });
-  useUpdateWithSetter(reportingChart, intervalType, function (comp, val) {
-    return comp.setIntervalType(val);
-  });
-  useUpdateWithSetter(reportingChart, onLoaderStart, function (comp, val) {
-    comp.setOnLoaderStart(val);
-  });
-  useUpdateWithSetter(reportingChart, onLoadError, function (comp, val) {
-    comp.setOnLoadError(val);
-  });
-  return wrapper;
-};
-var ConnectInstantPayoutsPromotion = function ConnectInstantPayoutsPromotion(_ref32) {
-  var onInstantPayoutsPromotionLoaded = _ref32.onInstantPayoutsPromotionLoaded,
-    onInstantPayoutCreated = _ref32.onInstantPayoutCreated,
-    onLoadError = _ref32.onLoadError,
-    onLoaderStart = _ref32.onLoaderStart;
-  var _useCreateComponent32 = useCreateComponent('instant-payouts-promotion'),
-    wrapper = _useCreateComponent32.wrapper,
-    instantPayoutsPromotion = _useCreateComponent32.component;
+var ConnectInstantPayoutsPromotion = function ConnectInstantPayoutsPromotion(_ref18) {
+  var onInstantPayoutsPromotionLoaded = _ref18.onInstantPayoutsPromotionLoaded,
+    onInstantPayoutCreated = _ref18.onInstantPayoutCreated,
+    onLoadError = _ref18.onLoadError,
+    onLoaderStart = _ref18.onLoaderStart;
+  var _useCreateComponent18 = useCreateComponent('instant-payouts-promotion'),
+    wrapper = _useCreateComponent18.wrapper,
+    instantPayoutsPromotion = _useCreateComponent18.component;
   useUpdateWithSetter(instantPayoutsPromotion, onLoaderStart, function (comp, val) {
@@ -853,10 +526,10 @@ comp.setOnLoaderStart(val);
 };
-var ConnectPayoutDetails = function ConnectPayoutDetails(_ref33) {
-  var payout = _ref33.payout,
-    onClose = _ref33.onClose,
-    onLoadError = _ref33.onLoadError,
-    onLoaderStart = _ref33.onLoaderStart;
-  var _useCreateComponent33 = useCreateComponent('payout-details'),
-    wrapper = _useCreateComponent33.wrapper,
-    payoutDetails = _useCreateComponent33.component;
+var ConnectPayoutDetails = function ConnectPayoutDetails(_ref19) {
+  var payout = _ref19.payout,
+    onClose = _ref19.onClose,
+    onLoadError = _ref19.onLoadError,
+    onLoaderStart = _ref19.onLoaderStart;
+  var _useCreateComponent19 = useCreateComponent('payout-details'),
+    wrapper = _useCreateComponent19.wrapper,
+    payoutDetails = _useCreateComponent19.component;
   useUpdateWithSetter(payoutDetails, payout, function (comp, val) {
@@ -876,72 +549,8 @@ return comp.setPayout(val);
 };
-var ConnectCheckScanning = function ConnectCheckScanning(_ref34) {
-  var handleCheckScanSubmitted = _ref34.handleCheckScanSubmitted,
-    onLoadError = _ref34.onLoadError,
-    onLoaderStart = _ref34.onLoaderStart;
-  var _useCreateComponent34 = useCreateComponent('check-scanning'),
-    wrapper = _useCreateComponent34.wrapper,
-    checkScanning = _useCreateComponent34.component;
-  useUpdateWithSetter(checkScanning, handleCheckScanSubmitted, function (comp, val) {
-    comp.setHandleCheckScanSubmitted(val);
-  });
-  useUpdateWithSetter(checkScanning, onLoaderStart, function (comp, val) {
-    comp.setOnLoaderStart(val);
-  });
-  useUpdateWithSetter(checkScanning, onLoadError, function (comp, val) {
-    comp.setOnLoadError(val);
-  });
-  return wrapper;
-};
-var ConnectNetworkCostPassThroughReport = function ConnectNetworkCostPassThroughReport(_ref35) {
-  var onLoadError = _ref35.onLoadError,
-    onLoaderStart = _ref35.onLoaderStart;
-  var _useCreateComponent35 = useCreateComponent('network-cost-passthrough-report'),
-    wrapper = _useCreateComponent35.wrapper,
-    networkCostPassThroughReport = _useCreateComponent35.component;
-  useUpdateWithSetter(networkCostPassThroughReport, onLoaderStart, function (comp, val) {
-    comp.setOnLoaderStart(val);
-  });
-  useUpdateWithSetter(networkCostPassThroughReport, onLoadError, function (comp, val) {
-    comp.setOnLoadError(val);
-  });
-  return wrapper;
-};
-var ConnectTerminalHardwareOrders = function ConnectTerminalHardwareOrders(_ref36) {
-  var onLoadError = _ref36.onLoadError,
-    onLoaderStart = _ref36.onLoaderStart;
-  var _useCreateComponent36 = useCreateComponent('terminal-hardware-orders'),
-    wrapper = _useCreateComponent36.wrapper,
-    terminalHardwareOrders = _useCreateComponent36.component;
-  useUpdateWithSetter(terminalHardwareOrders, onLoaderStart, function (comp, val) {
-    comp.setOnLoaderStart(val);
-  });
-  useUpdateWithSetter(terminalHardwareOrders, onLoadError, function (comp, val) {
-    comp.setOnLoadError(val);
-  });
-  return wrapper;
-};
-var ConnectTerminalHardwareShop = function ConnectTerminalHardwareShop(_ref37) {
-  var onCheckoutFinished = _ref37.onCheckoutFinished,
-    onLoadError = _ref37.onLoadError,
-    onLoaderStart = _ref37.onLoaderStart;
-  var _useCreateComponent37 = useCreateComponent('terminal-hardware-shop'),
-    wrapper = _useCreateComponent37.wrapper,
-    terminalHardwareShop = _useCreateComponent37.component;
-  useUpdateWithSetter(terminalHardwareShop, onCheckoutFinished, function (comp, val) {
-    comp.setOnCheckoutFinished(val);
-  });
-  useUpdateWithSetter(terminalHardwareShop, onLoaderStart, function (comp, val) {
-    comp.setOnLoaderStart(val);
-  });
-  useUpdateWithSetter(terminalHardwareShop, onLoadError, function (comp, val) {
-    comp.setOnLoadError(val);
-  });
-  return wrapper;
-};
-var ConnectBalanceReport = function ConnectBalanceReport(_ref38) {
-  var onLoadError = _ref38.onLoadError,
-    onLoaderStart = _ref38.onLoaderStart;
-  var _useCreateComponent38 = useCreateComponent('balance-report'),
-    wrapper = _useCreateComponent38.wrapper,
-    balanceReport = _useCreateComponent38.component;
+var ConnectBalanceReport = function ConnectBalanceReport(_ref20) {
+  var onLoadError = _ref20.onLoadError,
+    onLoaderStart = _ref20.onLoaderStart;
+  var _useCreateComponent20 = useCreateComponent('balance-report'),
+    wrapper = _useCreateComponent20.wrapper,
+    balanceReport = _useCreateComponent20.component;
   useUpdateWithSetter(balanceReport, onLoaderStart, function (comp, val) {
@@ -955,9 +564,9 @@ comp.setOnLoaderStart(val);
 };
-var ConnectPayoutReconciliationReport = function ConnectPayoutReconciliationReport(_ref39) {
-  var onReportAvailabilityLoaded = _ref39.onReportAvailabilityLoaded,
-    onLoadError = _ref39.onLoadError,
-    onLoaderStart = _ref39.onLoaderStart;
-  var _useCreateComponent39 = useCreateComponent('payout-reconciliation-report'),
-    wrapper = _useCreateComponent39.wrapper,
-    payoutReconciliationReport = _useCreateComponent39.component;
+var ConnectPayoutReconciliationReport = function ConnectPayoutReconciliationReport(_ref21) {
+  var onReportAvailabilityLoaded = _ref21.onReportAvailabilityLoaded,
+    onLoadError = _ref21.onLoadError,
+    onLoaderStart = _ref21.onLoaderStart;
+  var _useCreateComponent21 = useCreateComponent('payout-reconciliation-report'),
+    wrapper = _useCreateComponent21.wrapper,
+    payoutReconciliationReport = _useCreateComponent21.component;
   useUpdateWithSetter(payoutReconciliationReport, onReportAvailabilityLoaded, function (comp, val) {
@@ -974,44 +583,2 @@ comp.setOnReportAvailabilityLoaded(val);
 };
-var ConnectRecipientsList = function ConnectRecipientsList(_ref40) {
-  var onLoadError = _ref40.onLoadError,
-    onLoaderStart = _ref40.onLoaderStart;
-  var _useCreateComponent40 = useCreateComponent('recipients-list'),
-    wrapper = _useCreateComponent40.wrapper,
-    recipientsList = _useCreateComponent40.component;
-  useUpdateWithSetter(recipientsList, onLoaderStart, function (comp, val) {
-    comp.setOnLoaderStart(val);
-  });
-  useUpdateWithSetter(recipientsList, onLoadError, function (comp, val) {
-    comp.setOnLoadError(val);
-  });
-  return wrapper;
-};
-var ConnectFinancialAccounts = function ConnectFinancialAccounts(_ref41) {
-  var onLoadError = _ref41.onLoadError,
-    onLoaderStart = _ref41.onLoaderStart;
-  var _useCreateComponent41 = useCreateComponent('financial-accounts'),
-    wrapper = _useCreateComponent41.wrapper,
-    financialAccounts = _useCreateComponent41.component;
-  useUpdateWithSetter(financialAccounts, onLoaderStart, function (comp, val) {
-    comp.setOnLoaderStart(val);
-  });
-  useUpdateWithSetter(financialAccounts, onLoadError, function (comp, val) {
-    comp.setOnLoadError(val);
-  });
-  return wrapper;
-};
-var ConnectFinancialAccountsTransactions = function ConnectFinancialAccountsTransactions(_ref42) {
-  var onLoadError = _ref42.onLoadError,
-    onLoaderStart = _ref42.onLoaderStart;
-  var _useCreateComponent42 = useCreateComponent('financial-accounts-transactions'),
-    wrapper = _useCreateComponent42.wrapper,
-    financialAccountsTransactions = _useCreateComponent42.component;
-  useUpdateWithSetter(financialAccountsTransactions, onLoaderStart, function (comp, val) {
-    comp.setOnLoaderStart(val);
-  });
-  useUpdateWithSetter(financialAccountsTransactions, onLoadError, function (comp, val) {
-    comp.setOnLoadError(val);
-  });
-  return wrapper;
-};
 
@@ -1057,2 +624,2 @@ /**
 
-export { ConnectAccountManagement, ConnectAccountOnboarding, ConnectAgenticCommerceSettings, ConnectAppInstall, ConnectAppViewport, ConnectBalanceReport, ConnectBalances, ConnectCapitalFinancing, ConnectCapitalFinancingApplication, ConnectCapitalFinancingPromotion, ConnectCapitalOverview, ConnectCheckScanning, ConnectComponentsProvider, ConnectDisputesList, ConnectDocuments, ConnectElementEventNames, ConnectExportTaxTransactions, ConnectFinancialAccount, ConnectFinancialAccountTransactions, ConnectFinancialAccounts, ConnectFinancialAccountsTransactions, ConnectInstantPayouts, ConnectInstantPayoutsPromotion, ConnectIssuingCard, ConnectIssuingCardsList, ConnectNetworkCostPassThroughReport, ConnectNotificationBanner, ConnectPaymentDetails, ConnectPaymentDisputes, ConnectPaymentMethodSettings, ConnectPayments, ConnectPayoutDetails, ConnectPayoutReconciliationReport, ConnectPayouts, ConnectPayoutsList, ConnectProductTaxCodeSelector, ConnectRecipients, ConnectRecipientsList, ConnectReportingChart, ConnectTaxRegistrations, ConnectTaxSettings, ConnectTaxThresholdMonitoring, ConnectTerminalHardwareOrders, ConnectTerminalHardwareShop, useAttachAttribute, useAttachEvent, useConnectComponents, useCreateComponent, useUpdateWithSetter };
+export { ConnectAccountManagement, ConnectAccountOnboarding, ConnectBalanceReport, ConnectBalances, ConnectComponentsProvider, ConnectDisputesList, ConnectDocuments, ConnectElementEventNames, ConnectFinancialAccount, ConnectFinancialAccountTransactions, ConnectInstantPayoutsPromotion, ConnectIssuingCard, ConnectIssuingCardsList, ConnectNotificationBanner, ConnectPaymentDetails, ConnectPaymentDisputes, ConnectPayments, ConnectPayoutDetails, ConnectPayoutReconciliationReport, ConnectPayouts, ConnectPayoutsList, ConnectTaxRegistrations, ConnectTaxSettings, useAttachAttribute, useAttachEvent, useConnectComponents, useCreateComponent, useUpdateWithSetter };

dist/react-connect.js

@@ -30,10 +30,2 @@ 'use strict';
 
-function _arrayLikeToArray(r, a) {
-  (null == a || a > r.length) && (a = r.length);
-  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
-  return n;
-}
-function _arrayWithHoles(r) {
-  if (Array.isArray(r)) return r;
-}
 function _iterableToArrayLimit(r, l) {
@@ -66,15 +58,24 @@ var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
 }
+function _slicedToArray(arr, i) {
+  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+}
+function _arrayWithHoles(arr) {
+  if (Array.isArray(arr)) return arr;
+}
+function _unsupportedIterableToArray(o, minLen) {
+  if (!o) return;
+  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+  var n = Object.prototype.toString.call(o).slice(8, -1);
+  if (n === "Object" && o.constructor) n = o.constructor.name;
+  if (n === "Map" || n === "Set") return Array.from(o);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+}
+function _arrayLikeToArray(arr, len) {
+  if (len == null || len > arr.length) len = arr.length;
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+  return arr2;
+}
 function _nonIterableRest() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _slicedToArray(r, e) {
-  return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
-}
-function _unsupportedIterableToArray(r, a) {
-  if (r) {
-    if ("string" == typeof r) return _arrayLikeToArray(r, a);
-    var t = {}.toString.call(r).slice(8, -1);
-    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
-  }
-}
 
@@ -124,3 +125,3 @@ var ConnectComponentsContext = /*#__PURE__*/React__namespace.createContext(null);
         try {
-          newComponent.setAttribute('reactSdkAnalytics', '3.4.2-preview-1');
+          newComponent.setAttribute('reactSdkAnalytics', '3.4.2');
         } catch (e) {
@@ -154,71 +155,9 @@ console.log('Error setting React Sdk version with error message: ', e);
 
-var ConnectAppInstall = function ConnectAppInstall(_ref) {
-  var app = _ref.app,
-    onAppInstallStateFetch = _ref.onAppInstallStateFetch,
-    onAppInstallStateChange = _ref.onAppInstallStateChange,
+var ConnectPayments = function ConnectPayments(_ref) {
+  var defaultFilters = _ref.defaultFilters,
     onLoadError = _ref.onLoadError,
     onLoaderStart = _ref.onLoaderStart;
-  var _useCreateComponent = useCreateComponent('app-install'),
+  var _useCreateComponent = useCreateComponent('payments'),
     wrapper = _useCreateComponent.wrapper,
-    appInstall = _useCreateComponent.component;
-  useUpdateWithSetter(appInstall, app, function (comp, val) {
-    return comp.setApp(val);
-  });
-  useUpdateWithSetter(appInstall, onAppInstallStateFetch, function (comp, val) {
-    return comp.setOnAppInstallStateFetched(val);
-  });
-  useUpdateWithSetter(appInstall, onAppInstallStateChange, function (comp, val) {
-    return comp.setOnAppInstallStateChanged(val);
-  });
-  useUpdateWithSetter(appInstall, onLoaderStart, function (comp, val) {
-    comp.setOnLoaderStart(val);
-  });
-  useUpdateWithSetter(appInstall, onLoadError, function (comp, val) {
-    comp.setOnLoadError(val);
-  });
-  return wrapper;
-};
-var ConnectAppViewport = function ConnectAppViewport(_ref2) {
-  var app = _ref2.app,
-    appData = _ref2.appData,
-    onLoadError = _ref2.onLoadError,
-    onLoaderStart = _ref2.onLoaderStart;
-  var _useCreateComponent2 = useCreateComponent('app-viewport'),
-    wrapper = _useCreateComponent2.wrapper,
-    appViewport = _useCreateComponent2.component;
-  useUpdateWithSetter(appViewport, app, function (comp, val) {
-    return comp.setApp(val);
-  });
-  useUpdateWithSetter(appViewport, appData, function (comp, val) {
-    return comp.setAppData(val);
-  });
-  useUpdateWithSetter(appViewport, onLoaderStart, function (comp, val) {
-    comp.setOnLoaderStart(val);
-  });
-  useUpdateWithSetter(appViewport, onLoadError, function (comp, val) {
-    comp.setOnLoadError(val);
-  });
-  return wrapper;
-};
-var ConnectBalances = function ConnectBalances(_ref3) {
-  var onLoadError = _ref3.onLoadError,
-    onLoaderStart = _ref3.onLoaderStart;
-  var _useCreateComponent3 = useCreateComponent('balances'),
-    wrapper = _useCreateComponent3.wrapper,
-    balances = _useCreateComponent3.component;
-  useUpdateWithSetter(balances, onLoaderStart, function (comp, val) {
-    comp.setOnLoaderStart(val);
-  });
-  useUpdateWithSetter(balances, onLoadError, function (comp, val) {
-    comp.setOnLoadError(val);
-  });
-  return wrapper;
-};
-var ConnectPayments = function ConnectPayments(_ref4) {
-  var defaultFilters = _ref4.defaultFilters,
-    onLoadError = _ref4.onLoadError,
-    onLoaderStart = _ref4.onLoaderStart;
-  var _useCreateComponent4 = useCreateComponent('payments'),
-    wrapper = _useCreateComponent4.wrapper,
-    payments = _useCreateComponent4.component;
+    payments = _useCreateComponent.component;
   useUpdateWithSetter(payments, onLoaderStart, function (comp, val) {
@@ -235,8 +174,8 @@ comp.setOnLoaderStart(val);
 };
-var ConnectPayouts = function ConnectPayouts(_ref5) {
-  var onLoadError = _ref5.onLoadError,
-    onLoaderStart = _ref5.onLoaderStart;
-  var _useCreateComponent5 = useCreateComponent('payouts'),
-    wrapper = _useCreateComponent5.wrapper,
-    payouts = _useCreateComponent5.component;
+var ConnectPayouts = function ConnectPayouts(_ref2) {
+  var onLoadError = _ref2.onLoadError,
+    onLoaderStart = _ref2.onLoaderStart;
+  var _useCreateComponent2 = useCreateComponent('payouts'),
+    wrapper = _useCreateComponent2.wrapper,
+    payouts = _useCreateComponent2.component;
   useUpdateWithSetter(payouts, onLoaderStart, function (comp, val) {
@@ -250,24 +189,10 @@ comp.setOnLoaderStart(val);
 };
-var ConnectPayoutsList = function ConnectPayoutsList(_ref6) {
-  var onLoadError = _ref6.onLoadError,
-    onLoaderStart = _ref6.onLoaderStart;
-  var _useCreateComponent6 = useCreateComponent('payouts-list'),
-    wrapper = _useCreateComponent6.wrapper,
-    payoutsList = _useCreateComponent6.component;
-  useUpdateWithSetter(payoutsList, onLoaderStart, function (comp, val) {
-    comp.setOnLoaderStart(val);
-  });
-  useUpdateWithSetter(payoutsList, onLoadError, function (comp, val) {
-    comp.setOnLoadError(val);
-  });
-  return wrapper;
-};
-var ConnectPaymentDetails = function ConnectPaymentDetails(_ref7) {
-  var payment = _ref7.payment,
-    onClose = _ref7.onClose,
-    onLoadError = _ref7.onLoadError,
-    onLoaderStart = _ref7.onLoaderStart;
-  var _useCreateComponent7 = useCreateComponent('payment-details'),
-    wrapper = _useCreateComponent7.wrapper,
-    paymentDetails = _useCreateComponent7.component;
+var ConnectPaymentDetails = function ConnectPaymentDetails(_ref3) {
+  var payment = _ref3.payment,
+    onClose = _ref3.onClose,
+    onLoadError = _ref3.onLoadError,
+    onLoaderStart = _ref3.onLoaderStart;
+  var _useCreateComponent3 = useCreateComponent('payment-details'),
+    wrapper = _useCreateComponent3.wrapper,
+    paymentDetails = _useCreateComponent3.component;
   useUpdateWithSetter(paymentDetails, payment, function (comp, val) {
@@ -287,10 +212,10 @@ return comp.setPayment(val);
 };
-var ConnectPaymentDisputes = function ConnectPaymentDisputes(_ref8) {
-  var payment = _ref8.payment,
-    onDisputesLoaded = _ref8.onDisputesLoaded,
-    onLoadError = _ref8.onLoadError,
-    onLoaderStart = _ref8.onLoaderStart;
-  var _useCreateComponent8 = useCreateComponent('payment-disputes'),
-    wrapper = _useCreateComponent8.wrapper,
-    component = _useCreateComponent8.component;
+var ConnectPaymentDisputes = function ConnectPaymentDisputes(_ref4) {
+  var payment = _ref4.payment,
+    onDisputesLoaded = _ref4.onDisputesLoaded,
+    onLoadError = _ref4.onLoadError,
+    onLoaderStart = _ref4.onLoaderStart;
+  var _useCreateComponent4 = useCreateComponent('payment-disputes'),
+    wrapper = _useCreateComponent4.wrapper,
+    component = _useCreateComponent4.component;
   useUpdateWithSetter(component, payment, function (comp, val) {
@@ -310,8 +235,8 @@ return comp.setPayment(val);
 };
-var ConnectDisputesList = function ConnectDisputesList(_ref9) {
-  var onLoadError = _ref9.onLoadError,
-    onLoaderStart = _ref9.onLoaderStart;
-  var _useCreateComponent9 = useCreateComponent('disputes-list'),
-    wrapper = _useCreateComponent9.wrapper,
-    component = _useCreateComponent9.component;
+var ConnectDisputesList = function ConnectDisputesList(_ref5) {
+  var onLoadError = _ref5.onLoadError,
+    onLoaderStart = _ref5.onLoaderStart;
+  var _useCreateComponent5 = useCreateComponent('disputes-list'),
+    wrapper = _useCreateComponent5.wrapper,
+    component = _useCreateComponent5.component;
   useUpdateWithSetter(component, onLoaderStart, function (comp, val) {
@@ -325,33 +250,15 @@ comp.setOnLoaderStart(val);
 };
-var ConnectAgenticCommerceSettings = function ConnectAgenticCommerceSettings(_ref10) {
-  var onAgreementUpdated = _ref10.onAgreementUpdated,
-    onLoadError = _ref10.onLoadError,
-    onLoaderStart = _ref10.onLoaderStart;
-  var _useCreateComponent10 = useCreateComponent('agentic-commerce-settings'),
-    wrapper = _useCreateComponent10.wrapper,
-    component = _useCreateComponent10.component;
-  useUpdateWithSetter(component, onLoaderStart, function (comp, val) {
-    comp.setOnLoaderStart(val);
-  });
-  useUpdateWithSetter(component, onLoadError, function (comp, val) {
-    comp.setOnLoadError(val);
-  });
-  useUpdateWithSetter(component, onAgreementUpdated, function (comp, val) {
-    comp.setOnAgreementUpdated(val);
-  });
-  return wrapper;
-};
-var ConnectAccountOnboarding = function ConnectAccountOnboarding(_ref11) {
-  var onExit = _ref11.onExit,
-    recipientTermsOfServiceUrl = _ref11.recipientTermsOfServiceUrl,
-    fullTermsOfServiceUrl = _ref11.fullTermsOfServiceUrl,
-    privacyPolicyUrl = _ref11.privacyPolicyUrl,
-    skipTermsOfServiceCollection = _ref11.skipTermsOfServiceCollection,
-    collectionOptions = _ref11.collectionOptions,
-    onLoadError = _ref11.onLoadError,
-    onLoaderStart = _ref11.onLoaderStart,
-    onStepChange = _ref11.onStepChange;
-  var _useCreateComponent11 = useCreateComponent('account-onboarding'),
-    wrapper = _useCreateComponent11.wrapper,
-    onboarding = _useCreateComponent11.component;
+var ConnectAccountOnboarding = function ConnectAccountOnboarding(_ref6) {
+  var onExit = _ref6.onExit,
+    recipientTermsOfServiceUrl = _ref6.recipientTermsOfServiceUrl,
+    fullTermsOfServiceUrl = _ref6.fullTermsOfServiceUrl,
+    privacyPolicyUrl = _ref6.privacyPolicyUrl,
+    skipTermsOfServiceCollection = _ref6.skipTermsOfServiceCollection,
+    collectionOptions = _ref6.collectionOptions,
+    onLoadError = _ref6.onLoadError,
+    onLoaderStart = _ref6.onLoaderStart,
+    onStepChange = _ref6.onStepChange;
+  var _useCreateComponent6 = useCreateComponent('account-onboarding'),
+    wrapper = _useCreateComponent6.wrapper,
+    onboarding = _useCreateComponent6.component;
   useUpdateWithSetter(onboarding, recipientTermsOfServiceUrl, function (comp, val) {
@@ -386,27 +293,9 @@ return comp.setRecipientTermsOfServiceUrl(val);
 };
-var ConnectPaymentMethodSettings = function ConnectPaymentMethodSettings(_ref12) {
-  var paymentMethodConfiguration = _ref12.paymentMethodConfiguration,
-    onLoadError = _ref12.onLoadError,
-    onLoaderStart = _ref12.onLoaderStart;
-  var _useCreateComponent12 = useCreateComponent('payment-method-settings'),
-    wrapper = _useCreateComponent12.wrapper,
-    paymentMethodSettings = _useCreateComponent12.component;
-  useUpdateWithSetter(paymentMethodSettings, paymentMethodConfiguration, function (comp, val) {
-    return comp.setPaymentMethodConfiguration(val);
-  });
-  useUpdateWithSetter(paymentMethodSettings, onLoaderStart, function (comp, val) {
-    comp.setOnLoaderStart(val);
-  });
-  useUpdateWithSetter(paymentMethodSettings, onLoadError, function (comp, val) {
-    comp.setOnLoadError(val);
-  });
-  return wrapper;
-};
-var ConnectAccountManagement = function ConnectAccountManagement(_ref13) {
-  var collectionOptions = _ref13.collectionOptions,
-    onLoadError = _ref13.onLoadError,
-    onLoaderStart = _ref13.onLoaderStart;
-  var _useCreateComponent13 = useCreateComponent('account-management'),
-    wrapper = _useCreateComponent13.wrapper,
-    accountManagement = _useCreateComponent13.component;
+var ConnectAccountManagement = function ConnectAccountManagement(_ref7) {
+  var collectionOptions = _ref7.collectionOptions,
+    onLoadError = _ref7.onLoadError,
+    onLoaderStart = _ref7.onLoaderStart;
+  var _useCreateComponent7 = useCreateComponent('account-management'),
+    wrapper = _useCreateComponent7.wrapper,
+    accountManagement = _useCreateComponent7.component;
   useUpdateWithSetter(accountManagement, collectionOptions, function (comp, val) {
@@ -423,24 +312,10 @@ return comp.setCollectionOptions(val);
 };
-var ConnectInstantPayouts = function ConnectInstantPayouts(_ref14) {
-  var onLoadError = _ref14.onLoadError,
-    onLoaderStart = _ref14.onLoaderStart;
-  var _useCreateComponent14 = useCreateComponent('instant-payouts'),
-    wrapper = _useCreateComponent14.wrapper,
-    instantPayouts = _useCreateComponent14.component;
-  useUpdateWithSetter(instantPayouts, onLoaderStart, function (comp, val) {
-    comp.setOnLoaderStart(val);
-  });
-  useUpdateWithSetter(instantPayouts, onLoadError, function (comp, val) {
-    comp.setOnLoadError(val);
-  });
-  return wrapper;
-};
-var ConnectNotificationBanner = function ConnectNotificationBanner(_ref15) {
-  var collectionOptions = _ref15.collectionOptions,
-    onNotificationsChange = _ref15.onNotificationsChange,
-    onLoadError = _ref15.onLoadError,
-    onLoaderStart = _ref15.onLoaderStart;
-  var _useCreateComponent15 = useCreateComponent('notification-banner'),
-    wrapper = _useCreateComponent15.wrapper,
-    notificationBanner = _useCreateComponent15.component;
+var ConnectNotificationBanner = function ConnectNotificationBanner(_ref8) {
+  var collectionOptions = _ref8.collectionOptions,
+    onNotificationsChange = _ref8.onNotificationsChange,
+    onLoadError = _ref8.onLoadError,
+    onLoaderStart = _ref8.onLoaderStart;
+  var _useCreateComponent8 = useCreateComponent('notification-banner'),
+    wrapper = _useCreateComponent8.wrapper,
+    notificationBanner = _useCreateComponent8.component;
   useUpdateWithSetter(notificationBanner, collectionOptions, function (comp, val) {
@@ -460,12 +335,12 @@ return comp.setCollectionOptions(val);
 };
-var ConnectIssuingCard = function ConnectIssuingCard(_ref16) {
-  var defaultCard = _ref16.defaultCard,
-    cardSwitching = _ref16.cardSwitching,
-    showSpendControls = _ref16.showSpendControls,
-    fetchEphemeralKey = _ref16.fetchEphemeralKey,
-    onLoadError = _ref16.onLoadError,
-    onLoaderStart = _ref16.onLoaderStart;
-  var _useCreateComponent16 = useCreateComponent('issuing-card'),
-    wrapper = _useCreateComponent16.wrapper,
-    issuingCard = _useCreateComponent16.component;
+var ConnectIssuingCard = function ConnectIssuingCard(_ref9) {
+  var defaultCard = _ref9.defaultCard,
+    cardSwitching = _ref9.cardSwitching,
+    showSpendControls = _ref9.showSpendControls,
+    fetchEphemeralKey = _ref9.fetchEphemeralKey,
+    onLoadError = _ref9.onLoadError,
+    onLoaderStart = _ref9.onLoaderStart;
+  var _useCreateComponent9 = useCreateComponent('issuing-card'),
+    wrapper = _useCreateComponent9.wrapper,
+    issuingCard = _useCreateComponent9.component;
   useUpdateWithSetter(issuingCard, defaultCard, function (comp, val) {
@@ -491,11 +366,11 @@ return comp.setDefaultCard(val);
 };
-var ConnectIssuingCardsList = function ConnectIssuingCardsList(_ref17) {
-  var showSpendControls = _ref17.showSpendControls,
-    issuingProgram = _ref17.issuingProgram,
-    fetchEphemeralKey = _ref17.fetchEphemeralKey,
-    onLoadError = _ref17.onLoadError,
-    onLoaderStart = _ref17.onLoaderStart;
-  var _useCreateComponent17 = useCreateComponent('issuing-cards-list'),
-    wrapper = _useCreateComponent17.wrapper,
-    issuingCardsList = _useCreateComponent17.component;
+var ConnectIssuingCardsList = function ConnectIssuingCardsList(_ref10) {
+  var showSpendControls = _ref10.showSpendControls,
+    issuingProgram = _ref10.issuingProgram,
+    fetchEphemeralKey = _ref10.fetchEphemeralKey,
+    onLoadError = _ref10.onLoadError,
+    onLoaderStart = _ref10.onLoaderStart;
+  var _useCreateComponent10 = useCreateComponent('issuing-cards-list'),
+    wrapper = _useCreateComponent10.wrapper,
+    issuingCardsList = _useCreateComponent10.component;
   useUpdateWithSetter(issuingCardsList, showSpendControls, function (comp, val) {
@@ -518,9 +393,9 @@ return comp.setShowSpendControls(val);
 };
-var ConnectFinancialAccount = function ConnectFinancialAccount(_ref18) {
-  var financialAccount = _ref18.financialAccount,
-    onLoadError = _ref18.onLoadError,
-    onLoaderStart = _ref18.onLoaderStart;
-  var _useCreateComponent18 = useCreateComponent('financial-account'),
-    wrapper = _useCreateComponent18.wrapper,
-    financialAccountComponent = _useCreateComponent18.component;
+var ConnectFinancialAccount = function ConnectFinancialAccount(_ref11) {
+  var financialAccount = _ref11.financialAccount,
+    onLoadError = _ref11.onLoadError,
+    onLoaderStart = _ref11.onLoaderStart;
+  var _useCreateComponent11 = useCreateComponent('financial-account'),
+    wrapper = _useCreateComponent11.wrapper,
+    financialAccountComponent = _useCreateComponent11.component;
   useUpdateWithSetter(financialAccountComponent, financialAccount, function (comp, val) {
@@ -537,9 +412,9 @@ return comp.setFinancialAccount(val);
 };
-var ConnectFinancialAccountTransactions = function ConnectFinancialAccountTransactions(_ref19) {
-  var financialAccount = _ref19.financialAccount,
-    onLoadError = _ref19.onLoadError,
-    onLoaderStart = _ref19.onLoaderStart;
-  var _useCreateComponent19 = useCreateComponent('financial-account-transactions'),
-    wrapper = _useCreateComponent19.wrapper,
-    financialAccountTransactionsComponent = _useCreateComponent19.component;
+var ConnectFinancialAccountTransactions = function ConnectFinancialAccountTransactions(_ref12) {
+  var financialAccount = _ref12.financialAccount,
+    onLoadError = _ref12.onLoadError,
+    onLoaderStart = _ref12.onLoaderStart;
+  var _useCreateComponent12 = useCreateComponent('financial-account-transactions'),
+    wrapper = _useCreateComponent12.wrapper,
+    financialAccountTransactionsComponent = _useCreateComponent12.component;
   useUpdateWithSetter(financialAccountTransactionsComponent, financialAccount, function (comp, val) {
@@ -556,16 +431,12 @@ return comp.setFinancialAccount(val);
 };
-var ConnectRecipients = function ConnectRecipients(_ref20) {
-  var dataSource = _ref20.dataSource,
-    onLoadError = _ref20.onLoadError,
-    onLoaderStart = _ref20.onLoaderStart;
-  var _useCreateComponent20 = useCreateComponent('recipients'),
-    wrapper = _useCreateComponent20.wrapper,
-    recipientsComponent = _useCreateComponent20.component;
-  useUpdateWithSetter(recipientsComponent, dataSource, function (comp, val) {
-    return comp.setDataSource(val);
-  });
-  useUpdateWithSetter(recipientsComponent, onLoaderStart, function (comp, val) {
+var ConnectDocuments = function ConnectDocuments(_ref13) {
+  var onLoadError = _ref13.onLoadError,
+    onLoaderStart = _ref13.onLoaderStart;
+  var _useCreateComponent13 = useCreateComponent('documents'),
+    wrapper = _useCreateComponent13.wrapper,
+    documents = _useCreateComponent13.component;
+  useUpdateWithSetter(documents, onLoaderStart, function (comp, val) {
     comp.setOnLoaderStart(val);
   });
-  useUpdateWithSetter(recipientsComponent, onLoadError, function (comp, val) {
+  useUpdateWithSetter(documents, onLoadError, function (comp, val) {
     comp.setOnLoadError(val);
@@ -575,12 +446,12 @@ });
 };
-var ConnectCapitalOverview = function ConnectCapitalOverview(_ref21) {
-  var onLoadError = _ref21.onLoadError,
-    onLoaderStart = _ref21.onLoaderStart;
-  var _useCreateComponent21 = useCreateComponent('capital-overview'),
-    wrapper = _useCreateComponent21.wrapper,
-    capitalOverview = _useCreateComponent21.component;
-  useUpdateWithSetter(capitalOverview, onLoaderStart, function (comp, val) {
+var ConnectPayoutsList = function ConnectPayoutsList(_ref14) {
+  var onLoadError = _ref14.onLoadError,
+    onLoaderStart = _ref14.onLoaderStart;
+  var _useCreateComponent14 = useCreateComponent('payouts-list'),
+    wrapper = _useCreateComponent14.wrapper,
+    payoutsList = _useCreateComponent14.component;
+  useUpdateWithSetter(payoutsList, onLoaderStart, function (comp, val) {
     comp.setOnLoaderStart(val);
   });
-  useUpdateWithSetter(capitalOverview, onLoadError, function (comp, val) {
+  useUpdateWithSetter(payoutsList, onLoadError, function (comp, val) {
     comp.setOnLoadError(val);
@@ -590,32 +461,12 @@ });
 };
-var ConnectCapitalFinancing = function ConnectCapitalFinancing(_ref22) {
-  var defaultFinancingOffer = _ref22.defaultFinancingOffer,
-    showFinancingSelector = _ref22.showFinancingSelector,
-    howCapitalWorksUrl = _ref22.howCapitalWorksUrl,
-    supportUrl = _ref22.supportUrl,
-    onFinancingsLoaded = _ref22.onFinancingsLoaded,
-    onLoadError = _ref22.onLoadError,
-    onLoaderStart = _ref22.onLoaderStart;
-  var _useCreateComponent22 = useCreateComponent('capital-financing'),
-    wrapper = _useCreateComponent22.wrapper,
-    capitalFinancing = _useCreateComponent22.component;
-  useUpdateWithSetter(capitalFinancing, defaultFinancingOffer, function (comp, val) {
-    return comp.setDefaultFinancingOffer(val);
-  });
-  useUpdateWithSetter(capitalFinancing, showFinancingSelector, function (comp, val) {
-    return comp.setShowFinancingSelector(val);
-  });
-  useUpdateWithSetter(capitalFinancing, howCapitalWorksUrl, function (comp, val) {
-    return comp.setHowCapitalWorksUrl(val);
-  });
-  useUpdateWithSetter(capitalFinancing, supportUrl, function (comp, val) {
-    return comp.setSupportUrl(val);
-  });
-  useUpdateWithSetter(capitalFinancing, onFinancingsLoaded, function (comp, val) {
-    return comp.setOnFinancingsLoaded(val);
-  });
-  useUpdateWithSetter(capitalFinancing, onLoaderStart, function (comp, val) {
+var ConnectBalances = function ConnectBalances(_ref15) {
+  var onLoadError = _ref15.onLoadError,
+    onLoaderStart = _ref15.onLoaderStart;
+  var _useCreateComponent15 = useCreateComponent('balances'),
+    wrapper = _useCreateComponent15.wrapper,
+    balances = _useCreateComponent15.component;
+  useUpdateWithSetter(balances, onLoaderStart, function (comp, val) {
     comp.setOnLoaderStart(val);
   });
-  useUpdateWithSetter(capitalFinancing, onLoadError, function (comp, val) {
+  useUpdateWithSetter(balances, onLoadError, function (comp, val) {
     comp.setOnLoadError(val);
@@ -625,127 +476,11 @@ });
 };
-var ConnectCapitalFinancingApplication = function ConnectCapitalFinancingApplication(_ref23) {
-  var onApplicationSubmitted = _ref23.onApplicationSubmitted,
-    onApplicationStepChange = _ref23.onApplicationStepChange,
-    privacyPolicyUrl = _ref23.privacyPolicyUrl,
-    howCapitalWorksUrl = _ref23.howCapitalWorksUrl,
-    onLoadError = _ref23.onLoadError,
-    onLoaderStart = _ref23.onLoaderStart;
-  var _useCreateComponent23 = useCreateComponent('capital-financing-application'),
-    wrapper = _useCreateComponent23.wrapper,
-    capitalFinancingApplication = _useCreateComponent23.component;
-  useUpdateWithSetter(capitalFinancingApplication, onApplicationSubmitted, function (comp, val) {
-    return comp.setOnApplicationSubmitted(val);
-  });
-  useUpdateWithSetter(capitalFinancingApplication, onApplicationStepChange, function (comp, val) {
-    return comp.setOnApplicationStepChange(val);
-  });
-  useUpdateWithSetter(capitalFinancingApplication, privacyPolicyUrl, function (comp, val) {
-    return comp.setPrivacyPolicyUrl(val);
-  });
-  useUpdateWithSetter(capitalFinancingApplication, howCapitalWorksUrl, function (comp, val) {
-    return comp.setHowCapitalWorksUrl(val);
-  });
-  useUpdateWithSetter(capitalFinancingApplication, onLoaderStart, function (comp, val) {
-    comp.setOnLoaderStart(val);
-  });
-  useUpdateWithSetter(capitalFinancingApplication, onLoadError, function (comp, val) {
-    comp.setOnLoadError(val);
-  });
-  return wrapper;
-};
-var ConnectCapitalFinancingPromotion = function ConnectCapitalFinancingPromotion(_ref24) {
-  var layout = _ref24.layout,
-    onApplicationSubmitted = _ref24.onApplicationSubmitted,
-    onEligibleFinancingOfferLoaded = _ref24.onEligibleFinancingOfferLoaded,
-    onApplicationStepChange = _ref24.onApplicationStepChange,
-    privacyPolicyUrl = _ref24.privacyPolicyUrl,
-    howCapitalWorksUrl = _ref24.howCapitalWorksUrl,
-    eligibilityCriteriaUrl = _ref24.eligibilityCriteriaUrl,
-    onLoadError = _ref24.onLoadError,
-    onLoaderStart = _ref24.onLoaderStart;
-  var _useCreateComponent24 = useCreateComponent('capital-financing-promotion'),
-    wrapper = _useCreateComponent24.wrapper,
-    capitalPromotion = _useCreateComponent24.component;
-  useUpdateWithSetter(capitalPromotion, layout, function (comp, val) {
-    return comp.setLayout(val);
-  });
-  useUpdateWithSetter(capitalPromotion, privacyPolicyUrl, function (comp, val) {
-    return comp.setPrivacyPolicyUrl(val);
-  });
-  useUpdateWithSetter(capitalPromotion, howCapitalWorksUrl, function (comp, val) {
-    return comp.setHowCapitalWorksUrl(val);
-  });
-  useUpdateWithSetter(capitalPromotion, eligibilityCriteriaUrl, function (comp, val) {
-    return comp.setEligibilityCriteriaUrl(val);
-  });
-  useUpdateWithSetter(capitalPromotion, onApplicationSubmitted, function (comp, val) {
-    return comp.setOnApplicationSubmitted(val);
-  });
-  useUpdateWithSetter(capitalPromotion, onApplicationStepChange, function (comp, val) {
-    return comp.setOnApplicationStepChange(val);
-  });
-  useUpdateWithSetter(capitalPromotion, onEligibleFinancingOfferLoaded, function (comp, val) {
-    return comp.setOnEligibleFinancingOfferLoaded(val);
-  });
-  useUpdateWithSetter(capitalPromotion, onLoaderStart, function (comp, val) {
-    comp.setOnLoaderStart(val);
-  });
-  useUpdateWithSetter(capitalPromotion, onLoadError, function (comp, val) {
-    comp.setOnLoadError(val);
-  });
-  return wrapper;
-};
-var ConnectDocuments = function ConnectDocuments(_ref25) {
-  var onLoadError = _ref25.onLoadError,
-    onLoaderStart = _ref25.onLoaderStart;
-  var _useCreateComponent25 = useCreateComponent('documents'),
-    wrapper = _useCreateComponent25.wrapper,
-    documents = _useCreateComponent25.component;
-  useUpdateWithSetter(documents, onLoaderStart, function (comp, val) {
-    comp.setOnLoaderStart(val);
-  });
-  useUpdateWithSetter(documents, onLoadError, function (comp, val) {
-    comp.setOnLoadError(val);
-  });
-  return wrapper;
-};
-var ConnectProductTaxCodeSelector = function ConnectProductTaxCodeSelector(_ref26) {
-  var onLoadError = _ref26.onLoadError,
-    onLoaderStart = _ref26.onLoaderStart,
-    onTaxCodeSelect = _ref26.onTaxCodeSelect,
-    hideDescription = _ref26.hideDescription,
-    disabled = _ref26.disabled,
-    initialTaxCode = _ref26.initialTaxCode;
-  var _useCreateComponent26 = useCreateComponent('product-tax-code-selector'),
-    wrapper = _useCreateComponent26.wrapper,
-    productTaxCodeSelector = _useCreateComponent26.component;
-  useUpdateWithSetter(productTaxCodeSelector, onLoaderStart, function (comp, val) {
-    comp.setOnLoaderStart(val);
-  });
-  useUpdateWithSetter(productTaxCodeSelector, onLoadError, function (comp, val) {
-    comp.setOnLoadError(val);
-  });
-  useUpdateWithSetter(productTaxCodeSelector, onTaxCodeSelect, function (comp, val) {
-    comp.setOnTaxCodeSelect(val);
-  });
-  useUpdateWithSetter(productTaxCodeSelector, hideDescription, function (comp, val) {
-    comp.setHideDescription(val);
-  });
-  useUpdateWithSetter(productTaxCodeSelector, disabled, function (comp, val) {
-    comp.setDisabled(val);
-  });
-  useUpdateWithSetter(productTaxCodeSelector, initialTaxCode, function (comp, val) {
-    comp.setInitialTaxCode(val);
-  });
-  return wrapper;
-};
-var ConnectTaxRegistrations = function ConnectTaxRegistrations(_ref27) {
-  var onLoadError = _ref27.onLoadError,
-    onLoaderStart = _ref27.onLoaderStart,
-    displayCountries = _ref27.displayCountries,
-    onAfterTaxRegistrationAdded = _ref27.onAfterTaxRegistrationAdded,
-    onAfterTaxRegistrationExpired = _ref27.onAfterTaxRegistrationExpired;
-  var _useCreateComponent27 = useCreateComponent('tax-registrations'),
-    wrapper = _useCreateComponent27.wrapper,
-    taxRegistrations = _useCreateComponent27.component;
+var ConnectTaxRegistrations = function ConnectTaxRegistrations(_ref16) {
+  var onLoadError = _ref16.onLoadError,
+    onLoaderStart = _ref16.onLoaderStart,
+    displayCountries = _ref16.displayCountries,
+    onAfterTaxRegistrationAdded = _ref16.onAfterTaxRegistrationAdded,
+    onAfterTaxRegistrationExpired = _ref16.onAfterTaxRegistrationExpired;
+  var _useCreateComponent16 = useCreateComponent('tax-registrations'),
+    wrapper = _useCreateComponent16.wrapper,
+    taxRegistrations = _useCreateComponent16.component;
   useUpdateWithSetter(taxRegistrations, onLoaderStart, function (comp, val) {
@@ -768,25 +503,11 @@ comp.setOnLoaderStart(val);
 };
-var ConnectExportTaxTransactions = function ConnectExportTaxTransactions(_ref28) {
-  var onLoadError = _ref28.onLoadError,
-    onLoaderStart = _ref28.onLoaderStart;
-  var _useCreateComponent28 = useCreateComponent('export-tax-transactions'),
-    wrapper = _useCreateComponent28.wrapper,
-    exportTaxTransactions = _useCreateComponent28.component;
-  useUpdateWithSetter(exportTaxTransactions, onLoaderStart, function (comp, val) {
-    comp.setOnLoaderStart(val);
-  });
-  useUpdateWithSetter(exportTaxTransactions, onLoadError, function (comp, val) {
-    comp.setOnLoadError(val);
-  });
-  return wrapper;
-};
-var ConnectTaxSettings = function ConnectTaxSettings(_ref29) {
-  var onLoadError = _ref29.onLoadError,
-    onLoaderStart = _ref29.onLoaderStart,
-    hideProductTaxCodeSelector = _ref29.hideProductTaxCodeSelector,
-    displayHeadOfficeCountries = _ref29.displayHeadOfficeCountries,
-    onTaxSettingsUpdated = _ref29.onTaxSettingsUpdated;
-  var _useCreateComponent29 = useCreateComponent('tax-settings'),
-    wrapper = _useCreateComponent29.wrapper,
-    taxSettings = _useCreateComponent29.component;
+var ConnectTaxSettings = function ConnectTaxSettings(_ref17) {
+  var onLoadError = _ref17.onLoadError,
+    onLoaderStart = _ref17.onLoaderStart,
+    hideProductTaxCodeSelector = _ref17.hideProductTaxCodeSelector,
+    displayHeadOfficeCountries = _ref17.displayHeadOfficeCountries,
+    onTaxSettingsUpdated = _ref17.onTaxSettingsUpdated;
+  var _useCreateComponent17 = useCreateComponent('tax-settings'),
+    wrapper = _useCreateComponent17.wrapper,
+    taxSettings = _useCreateComponent17.component;
   useUpdateWithSetter(taxSettings, onLoaderStart, function (comp, val) {
@@ -809,58 +530,10 @@ comp.setOnLoaderStart(val);
 };
-var ConnectTaxThresholdMonitoring = function ConnectTaxThresholdMonitoring(_ref30) {
-  var onLoadError = _ref30.onLoadError,
-    onLoaderStart = _ref30.onLoaderStart,
-    displayCountries = _ref30.displayCountries;
-  var _useCreateComponent30 = useCreateComponent('tax-threshold-monitoring'),
-    wrapper = _useCreateComponent30.wrapper,
-    taxSettings = _useCreateComponent30.component;
-  useUpdateWithSetter(taxSettings, onLoaderStart, function (comp, val) {
-    comp.setOnLoaderStart(val);
-  });
-  useUpdateWithSetter(taxSettings, onLoadError, function (comp, val) {
-    comp.setOnLoadError(val);
-  });
-  useUpdateWithSetter(taxSettings, displayCountries, function (comp, val) {
-    comp.setDisplayCountries(val);
-  });
-  return wrapper;
-};
-var ConnectReportingChart = function ConnectReportingChart(_ref31) {
-  var reportName = _ref31.reportName,
-    intervalStart = _ref31.intervalStart,
-    intervalEnd = _ref31.intervalEnd,
-    intervalType = _ref31.intervalType,
-    onLoadError = _ref31.onLoadError,
-    onLoaderStart = _ref31.onLoaderStart;
-  var _useCreateComponent31 = useCreateComponent('reporting-chart'),
-    wrapper = _useCreateComponent31.wrapper,
-    reportingChart = _useCreateComponent31.component;
-  useUpdateWithSetter(reportingChart, reportName, function (comp, val) {
-    return comp.setReportName(val);
-  });
-  useUpdateWithSetter(reportingChart, intervalStart, function (comp, val) {
-    return comp.setIntervalStart(val);
-  });
-  useUpdateWithSetter(reportingChart, intervalEnd, function (comp, val) {
-    return comp.setIntervalEnd(val);
-  });
-  useUpdateWithSetter(reportingChart, intervalType, function (comp, val) {
-    return comp.setIntervalType(val);
-  });
-  useUpdateWithSetter(reportingChart, onLoaderStart, function (comp, val) {
-    comp.setOnLoaderStart(val);
-  });
-  useUpdateWithSetter(reportingChart, onLoadError, function (comp, val) {
-    comp.setOnLoadError(val);
-  });
-  return wrapper;
-};
-var ConnectInstantPayoutsPromotion = function ConnectInstantPayoutsPromotion(_ref32) {
-  var onInstantPayoutsPromotionLoaded = _ref32.onInstantPayoutsPromotionLoaded,
-    onInstantPayoutCreated = _ref32.onInstantPayoutCreated,
-    onLoadError = _ref32.onLoadError,
-    onLoaderStart = _ref32.onLoaderStart;
-  var _useCreateComponent32 = useCreateComponent('instant-payouts-promotion'),
-    wrapper = _useCreateComponent32.wrapper,
-    instantPayoutsPromotion = _useCreateComponent32.component;
+var ConnectInstantPayoutsPromotion = function ConnectInstantPayoutsPromotion(_ref18) {
+  var onInstantPayoutsPromotionLoaded = _ref18.onInstantPayoutsPromotionLoaded,
+    onInstantPayoutCreated = _ref18.onInstantPayoutCreated,
+    onLoadError = _ref18.onLoadError,
+    onLoaderStart = _ref18.onLoaderStart;
+  var _useCreateComponent18 = useCreateComponent('instant-payouts-promotion'),
+    wrapper = _useCreateComponent18.wrapper,
+    instantPayoutsPromotion = _useCreateComponent18.component;
   useUpdateWithSetter(instantPayoutsPromotion, onLoaderStart, function (comp, val) {
@@ -880,10 +553,10 @@ comp.setOnLoaderStart(val);
 };
-var ConnectPayoutDetails = function ConnectPayoutDetails(_ref33) {
-  var payout = _ref33.payout,
-    onClose = _ref33.onClose,
-    onLoadError = _ref33.onLoadError,
-    onLoaderStart = _ref33.onLoaderStart;
-  var _useCreateComponent33 = useCreateComponent('payout-details'),
-    wrapper = _useCreateComponent33.wrapper,
-    payoutDetails = _useCreateComponent33.component;
+var ConnectPayoutDetails = function ConnectPayoutDetails(_ref19) {
+  var payout = _ref19.payout,
+    onClose = _ref19.onClose,
+    onLoadError = _ref19.onLoadError,
+    onLoaderStart = _ref19.onLoaderStart;
+  var _useCreateComponent19 = useCreateComponent('payout-details'),
+    wrapper = _useCreateComponent19.wrapper,
+    payoutDetails = _useCreateComponent19.component;
   useUpdateWithSetter(payoutDetails, payout, function (comp, val) {
@@ -903,72 +576,8 @@ return comp.setPayout(val);
 };
-var ConnectCheckScanning = function ConnectCheckScanning(_ref34) {
-  var handleCheckScanSubmitted = _ref34.handleCheckScanSubmitted,
-    onLoadError = _ref34.onLoadError,
-    onLoaderStart = _ref34.onLoaderStart;
-  var _useCreateComponent34 = useCreateComponent('check-scanning'),
-    wrapper = _useCreateComponent34.wrapper,
-    checkScanning = _useCreateComponent34.component;
-  useUpdateWithSetter(checkScanning, handleCheckScanSubmitted, function (comp, val) {
-    comp.setHandleCheckScanSubmitted(val);
-  });
-  useUpdateWithSetter(checkScanning, onLoaderStart, function (comp, val) {
-    comp.setOnLoaderStart(val);
-  });
-  useUpdateWithSetter(checkScanning, onLoadError, function (comp, val) {
-    comp.setOnLoadError(val);
-  });
-  return wrapper;
-};
-var ConnectNetworkCostPassThroughReport = function ConnectNetworkCostPassThroughReport(_ref35) {
-  var onLoadError = _ref35.onLoadError,
-    onLoaderStart = _ref35.onLoaderStart;
-  var _useCreateComponent35 = useCreateComponent('network-cost-passthrough-report'),
-    wrapper = _useCreateComponent35.wrapper,
-    networkCostPassThroughReport = _useCreateComponent35.component;
-  useUpdateWithSetter(networkCostPassThroughReport, onLoaderStart, function (comp, val) {
-    comp.setOnLoaderStart(val);
-  });
-  useUpdateWithSetter(networkCostPassThroughReport, onLoadError, function (comp, val) {
-    comp.setOnLoadError(val);
-  });
-  return wrapper;
-};
-var ConnectTerminalHardwareOrders = function ConnectTerminalHardwareOrders(_ref36) {
-  var onLoadError = _ref36.onLoadError,
-    onLoaderStart = _ref36.onLoaderStart;
-  var _useCreateComponent36 = useCreateComponent('terminal-hardware-orders'),
-    wrapper = _useCreateComponent36.wrapper,
-    terminalHardwareOrders = _useCreateComponent36.component;
-  useUpdateWithSetter(terminalHardwareOrders, onLoaderStart, function (comp, val) {
-    comp.setOnLoaderStart(val);
-  });
-  useUpdateWithSetter(terminalHardwareOrders, onLoadError, function (comp, val) {
-    comp.setOnLoadError(val);
-  });
-  return wrapper;
-};
-var ConnectTerminalHardwareShop = function ConnectTerminalHardwareShop(_ref37) {
-  var onCheckoutFinished = _ref37.onCheckoutFinished,
-    onLoadError = _ref37.onLoadError,
-    onLoaderStart = _ref37.onLoaderStart;
-  var _useCreateComponent37 = useCreateComponent('terminal-hardware-shop'),
-    wrapper = _useCreateComponent37.wrapper,
-    terminalHardwareShop = _useCreateComponent37.component;
-  useUpdateWithSetter(terminalHardwareShop, onCheckoutFinished, function (comp, val) {
-    comp.setOnCheckoutFinished(val);
-  });
-  useUpdateWithSetter(terminalHardwareShop, onLoaderStart, function (comp, val) {
-    comp.setOnLoaderStart(val);
-  });
-  useUpdateWithSetter(terminalHardwareShop, onLoadError, function (comp, val) {
-    comp.setOnLoadError(val);
-  });
-  return wrapper;
-};
-var ConnectBalanceReport = function ConnectBalanceReport(_ref38) {
-  var onLoadError = _ref38.onLoadError,
-    onLoaderStart = _ref38.onLoaderStart;
-  var _useCreateComponent38 = useCreateComponent('balance-report'),
-    wrapper = _useCreateComponent38.wrapper,
-    balanceReport = _useCreateComponent38.component;
+var ConnectBalanceReport = function ConnectBalanceReport(_ref20) {
+  var onLoadError = _ref20.onLoadError,
+    onLoaderStart = _ref20.onLoaderStart;
+  var _useCreateComponent20 = useCreateComponent('balance-report'),
+    wrapper = _useCreateComponent20.wrapper,
+    balanceReport = _useCreateComponent20.component;
   useUpdateWithSetter(balanceReport, onLoaderStart, function (comp, val) {
@@ -982,9 +591,9 @@ comp.setOnLoaderStart(val);
 };
-var ConnectPayoutReconciliationReport = function ConnectPayoutReconciliationReport(_ref39) {
-  var onReportAvailabilityLoaded = _ref39.onReportAvailabilityLoaded,
-    onLoadError = _ref39.onLoadError,
-    onLoaderStart = _ref39.onLoaderStart;
-  var _useCreateComponent39 = useCreateComponent('payout-reconciliation-report'),
-    wrapper = _useCreateComponent39.wrapper,
-    payoutReconciliationReport = _useCreateComponent39.component;
+var ConnectPayoutReconciliationReport = function ConnectPayoutReconciliationReport(_ref21) {
+  var onReportAvailabilityLoaded = _ref21.onReportAvailabilityLoaded,
+    onLoadError = _ref21.onLoadError,
+    onLoaderStart = _ref21.onLoaderStart;
+  var _useCreateComponent21 = useCreateComponent('payout-reconciliation-report'),
+    wrapper = _useCreateComponent21.wrapper,
+    payoutReconciliationReport = _useCreateComponent21.component;
   useUpdateWithSetter(payoutReconciliationReport, onReportAvailabilityLoaded, function (comp, val) {
@@ -1001,44 +610,2 @@ comp.setOnReportAvailabilityLoaded(val);
 };
-var ConnectRecipientsList = function ConnectRecipientsList(_ref40) {
-  var onLoadError = _ref40.onLoadError,
-    onLoaderStart = _ref40.onLoaderStart;
-  var _useCreateComponent40 = useCreateComponent('recipients-list'),
-    wrapper = _useCreateComponent40.wrapper,
-    recipientsList = _useCreateComponent40.component;
-  useUpdateWithSetter(recipientsList, onLoaderStart, function (comp, val) {
-    comp.setOnLoaderStart(val);
-  });
-  useUpdateWithSetter(recipientsList, onLoadError, function (comp, val) {
-    comp.setOnLoadError(val);
-  });
-  return wrapper;
-};
-var ConnectFinancialAccounts = function ConnectFinancialAccounts(_ref41) {
-  var onLoadError = _ref41.onLoadError,
-    onLoaderStart = _ref41.onLoaderStart;
-  var _useCreateComponent41 = useCreateComponent('financial-accounts'),
-    wrapper = _useCreateComponent41.wrapper,
-    financialAccounts = _useCreateComponent41.component;
-  useUpdateWithSetter(financialAccounts, onLoaderStart, function (comp, val) {
-    comp.setOnLoaderStart(val);
-  });
-  useUpdateWithSetter(financialAccounts, onLoadError, function (comp, val) {
-    comp.setOnLoadError(val);
-  });
-  return wrapper;
-};
-var ConnectFinancialAccountsTransactions = function ConnectFinancialAccountsTransactions(_ref42) {
-  var onLoadError = _ref42.onLoadError,
-    onLoaderStart = _ref42.onLoaderStart;
-  var _useCreateComponent42 = useCreateComponent('financial-accounts-transactions'),
-    wrapper = _useCreateComponent42.wrapper,
-    financialAccountsTransactions = _useCreateComponent42.component;
-  useUpdateWithSetter(financialAccountsTransactions, onLoaderStart, function (comp, val) {
-    comp.setOnLoaderStart(val);
-  });
-  useUpdateWithSetter(financialAccountsTransactions, onLoadError, function (comp, val) {
-    comp.setOnLoadError(val);
-  });
-  return wrapper;
-};
 
@@ -1086,29 +653,15 @@ /**
 exports.ConnectAccountOnboarding = ConnectAccountOnboarding;
-exports.ConnectAgenticCommerceSettings = ConnectAgenticCommerceSettings;
-exports.ConnectAppInstall = ConnectAppInstall;
-exports.ConnectAppViewport = ConnectAppViewport;
 exports.ConnectBalanceReport = ConnectBalanceReport;
 exports.ConnectBalances = ConnectBalances;
-exports.ConnectCapitalFinancing = ConnectCapitalFinancing;
-exports.ConnectCapitalFinancingApplication = ConnectCapitalFinancingApplication;
-exports.ConnectCapitalFinancingPromotion = ConnectCapitalFinancingPromotion;
-exports.ConnectCapitalOverview = ConnectCapitalOverview;
-exports.ConnectCheckScanning = ConnectCheckScanning;
 exports.ConnectComponentsProvider = ConnectComponentsProvider;
 exports.ConnectDisputesList = ConnectDisputesList;
 exports.ConnectDocuments = ConnectDocuments;
-exports.ConnectExportTaxTransactions = ConnectExportTaxTransactions;
 exports.ConnectFinancialAccount = ConnectFinancialAccount;
 exports.ConnectFinancialAccountTransactions = ConnectFinancialAccountTransactions;
-exports.ConnectFinancialAccounts = ConnectFinancialAccounts;
-exports.ConnectFinancialAccountsTransactions = ConnectFinancialAccountsTransactions;
-exports.ConnectInstantPayouts = ConnectInstantPayouts;
 exports.ConnectInstantPayoutsPromotion = ConnectInstantPayoutsPromotion;
 exports.ConnectIssuingCard = ConnectIssuingCard;
 exports.ConnectIssuingCardsList = ConnectIssuingCardsList;
-exports.ConnectNetworkCostPassThroughReport = ConnectNetworkCostPassThroughReport;
 exports.ConnectNotificationBanner = ConnectNotificationBanner;
 exports.ConnectPaymentDetails = ConnectPaymentDetails;
 exports.ConnectPaymentDisputes = ConnectPaymentDisputes;
-exports.ConnectPaymentMethodSettings = ConnectPaymentMethodSettings;
 exports.ConnectPayments = ConnectPayments;
@@ -1119,11 +672,4 @@ exports.ConnectPayoutDetails = ConnectPayoutDetails;
 exports.ConnectPayoutsList = ConnectPayoutsList;
-exports.ConnectProductTaxCodeSelector = ConnectProductTaxCodeSelector;
-exports.ConnectRecipients = ConnectRecipients;
-exports.ConnectRecipientsList = ConnectRecipientsList;
-exports.ConnectReportingChart = ConnectReportingChart;
 exports.ConnectTaxRegistrations = ConnectTaxRegistrations;
 exports.ConnectTaxSettings = ConnectTaxSettings;
-exports.ConnectTaxThresholdMonitoring = ConnectTaxThresholdMonitoring;
-exports.ConnectTerminalHardwareOrders = ConnectTerminalHardwareOrders;
-exports.ConnectTerminalHardwareShop = ConnectTerminalHardwareShop;
 exports.useAttachAttribute = useAttachAttribute;
@@ -1130,0 +676,0 @@ exports.useAttachEvent = useAttachEvent;

package.json

 {
   "name": "@stripe/react-connect-js",
-  "version": "3.4.2-preview-1",
+  "version": "3.4.2",
   "description": "React components for Connect.js and Connect embedded components",
@@ -54,3 +54,3 @@ "main": "dist/react-connect.js",
     "@rollup/plugin-replace": "^2.3.1",
-    "@stripe/connect-js": "3.4.2-preview-1",
+    "@stripe/connect-js": "3.4.3",
     "@types/jest": "^24.0.25",
@@ -91,6 +91,6 @@ "@types/react": "^16.8.0",
     "yalc": "^1.0.0-pre.53",
-    "zx": "^8.8.5"
+    "zx": "^4.2.0"
   },
   "peerDependencies": {
-    "@stripe/connect-js": ">=3.4.2-preview-1",
+    "@stripe/connect-js": ">=3.4.3",
     "react": ">=16.8.0",
@@ -97,0 +97,0 @@ "react-dom": ">=16.8.0"

src/Components.tsx

@@ -0,9 +1,6 @@
+import type * as React from 'react';
+import type {FetchEphemeralKeyFunction} from './types';
 import {useCreateComponent} from './useCreateComponent';
 import {useUpdateWithSetter} from './utils/useUpdateWithSetter';
 import type {
-  FetchEphemeralKeyFunction,
-  FinancingProductType,
-  FinancingPromotionLayoutType,
-} from './types';
-import type {
   CollectionOptions,
@@ -13,8 +10,4 @@ LoadError,
   NotificationCount,
-  InstallState,
   StepChange,
-  IntervalType,
-  ReportName,
-  RecipientDataSource,
-  PaymentsListDefaultFilters
+  PaymentsListDefaultFilters,
 } from '@stripe/connect-js';
@@ -28,71 +21,2 @@
 
-export const ConnectAppInstall = ({
-  app,
-  onAppInstallStateFetch,
-  onAppInstallStateChange,
-  onLoadError,
-  onLoaderStart,
-}: {
-  app: string;
-  onAppInstallStateFetch?: (({appId, state}: InstallState) => void) | undefined;
-  onAppInstallStateChange?:
-    | (({appId, state}: InstallState) => void)
-    | undefined;
-} & CommonComponentProps): JSX.Element | null => {
-  const {wrapper, component: appInstall} = useCreateComponent('app-install');
-  useUpdateWithSetter(appInstall, app, (comp, val) => comp.setApp(val));
-  useUpdateWithSetter(appInstall, onAppInstallStateFetch, (comp, val) =>
-    comp.setOnAppInstallStateFetched(val)
-  );
-  useUpdateWithSetter(appInstall, onAppInstallStateChange, (comp, val) =>
-    comp.setOnAppInstallStateChanged(val)
-  );
-  useUpdateWithSetter(appInstall, onLoaderStart, (comp, val) => {
-    comp.setOnLoaderStart(val);
-  });
-  useUpdateWithSetter(appInstall, onLoadError, (comp, val) => {
-    comp.setOnLoadError(val);
-  });
-  return wrapper;
-};
-
-export const ConnectAppViewport = ({
-  app,
-  appData,
-  onLoadError,
-  onLoaderStart,
-}: {
-  app: string;
-  appData?: Record<string, string>;
-} & CommonComponentProps): JSX.Element | null => {
-  const {wrapper, component: appViewport} = useCreateComponent('app-viewport');
-  useUpdateWithSetter(appViewport, app, (comp, val) => comp.setApp(val));
-  useUpdateWithSetter(appViewport, appData, (comp, val) =>
-    comp.setAppData(val)
-  );
-  useUpdateWithSetter(appViewport, onLoaderStart, (comp, val) => {
-    comp.setOnLoaderStart(val);
-  });
-  useUpdateWithSetter(appViewport, onLoadError, (comp, val) => {
-    comp.setOnLoadError(val);
-  });
-  return wrapper;
-};
-
-export const ConnectBalances = ({
-  onLoadError,
-  onLoaderStart,
-}: CommonComponentProps): JSX.Element => {
-  const {wrapper, component: balances} = useCreateComponent('balances');
-
-  useUpdateWithSetter(balances, onLoaderStart, (comp, val) => {
-    comp.setOnLoaderStart(val);
-  });
-  useUpdateWithSetter(balances, onLoadError, (comp, val) => {
-    comp.setOnLoadError(val);
-  });
-
-  return wrapper;
-};
-
 export const ConnectPayments = ({
@@ -102,3 +26,5 @@ defaultFilters,
   onLoaderStart,
-}: {defaultFilters?: PaymentsListDefaultFilters} & CommonComponentProps): JSX.Element => {
+}: {
+  defaultFilters?: PaymentsListDefaultFilters;
+} & CommonComponentProps): React.JSX.Element => {
   const {wrapper, component: payments} = useCreateComponent('payments');
@@ -122,3 +48,3 @@
   onLoaderStart,
-}: CommonComponentProps): JSX.Element => {
+}: CommonComponentProps): React.JSX.Element => {
   const {wrapper, component: payouts} = useCreateComponent('payouts');
@@ -136,18 +62,2 @@
 
-export const ConnectPayoutsList = ({
-  onLoadError,
-  onLoaderStart,
-}: CommonComponentProps): JSX.Element => {
-  const {wrapper, component: payoutsList} = useCreateComponent('payouts-list');
-
-  useUpdateWithSetter(payoutsList, onLoaderStart, (comp, val) => {
-    comp.setOnLoaderStart(val);
-  });
-  useUpdateWithSetter(payoutsList, onLoadError, (comp, val) => {
-    comp.setOnLoadError(val);
-  });
-
-  return wrapper;
-};
-
 export const ConnectPaymentDetails = ({
@@ -164,3 +74,3 @@ payment,
   onClose: () => void;
-} & CommonComponentProps): JSX.Element | null => {
+} & CommonComponentProps): React.JSX.Element | null => {
   const {wrapper, component: paymentDetails} =
@@ -195,9 +105,6 @@ useCreateComponent('payment-details');
   onDisputesLoaded?: ({total}: {total: number}) => void;
-} & CommonComponentProps): JSX.Element | null => {
-  const {wrapper, component} =
-    useCreateComponent('payment-disputes');
+} & CommonComponentProps): React.JSX.Element | null => {
+  const {wrapper, component} = useCreateComponent('payment-disputes');
 
-  useUpdateWithSetter(component, payment, (comp, val) =>
-    comp.setPayment(val)
-  );
+  useUpdateWithSetter(component, payment, (comp, val) => comp.setPayment(val));
   useUpdateWithSetter(component, onDisputesLoaded, (comp, val) =>
@@ -218,5 +125,4 @@ comp.setOnDisputesLoaded(val)
   onLoaderStart,
-}: CommonComponentProps): JSX.Element | null => {
-  const {wrapper, component} =
-    useCreateComponent('disputes-list');
+}: CommonComponentProps): React.JSX.Element | null => {
+  const {wrapper, component} = useCreateComponent('disputes-list');
 
@@ -232,24 +138,2 @@ useUpdateWithSetter(component, onLoaderStart, (comp, val) => {
 
-export const ConnectAgenticCommerceSettings = ({
-  onAgreementUpdated,
-  onLoadError,
-  onLoaderStart,
-}: {
-  onAgreementUpdated?: ({agreementId}: {agreementId: string}) => void;
-} & CommonComponentProps): JSX.Element | null => {
-  const {wrapper, component} =
-    useCreateComponent('agentic-commerce-settings');
-
-  useUpdateWithSetter(component, onLoaderStart, (comp, val) => {
-    comp.setOnLoaderStart(val);
-  });
-  useUpdateWithSetter(component, onLoadError, (comp, val) => {
-    comp.setOnLoadError(val);
-  });
-  useUpdateWithSetter(component, onAgreementUpdated, (comp, val) => {
-    comp.setOnAgreementUpdated(val);
-  });
-  return wrapper;
-};
-
 export const ConnectAccountOnboarding = ({
@@ -273,3 +157,3 @@ onExit,
   collectionOptions?: CollectionOptions;
-} & CommonComponentProps): JSX.Element | null => {
+} & CommonComponentProps): React.JSX.Element | null => {
   const {wrapper, component: onboarding} =
@@ -307,29 +191,2 @@ useCreateComponent('account-onboarding');
 
-export const ConnectPaymentMethodSettings = ({
-  paymentMethodConfiguration,
-  onLoadError,
-  onLoaderStart,
-}: {
-  paymentMethodConfiguration?: string;
-} & CommonComponentProps): JSX.Element => {
-  const {wrapper, component: paymentMethodSettings} = useCreateComponent(
-    'payment-method-settings'
-  );
-
-  useUpdateWithSetter(
-    paymentMethodSettings,
-    paymentMethodConfiguration,
-    (comp, val) => comp.setPaymentMethodConfiguration(val)
-  );
-
-  useUpdateWithSetter(paymentMethodSettings, onLoaderStart, (comp, val) => {
-    comp.setOnLoaderStart(val);
-  });
-  useUpdateWithSetter(paymentMethodSettings, onLoadError, (comp, val) => {
-    comp.setOnLoadError(val);
-  });
-
-  return wrapper;
-};
-
 export const ConnectAccountManagement = ({
@@ -341,3 +198,3 @@ collectionOptions,
   collectionOptions?: CollectionOptions;
-} & CommonComponentProps): JSX.Element | null => {
+} & CommonComponentProps): React.JSX.Element | null => {
   const {wrapper, component: accountManagement} =
@@ -359,18 +216,2 @@ useCreateComponent('account-management');
 
-export const ConnectInstantPayouts = ({
-  onLoadError,
-  onLoaderStart,
-}: CommonComponentProps): JSX.Element => {
-  const {wrapper, component: instantPayouts} =
-    useCreateComponent('instant-payouts');
-
-  useUpdateWithSetter(instantPayouts, onLoaderStart, (comp, val) => {
-    comp.setOnLoaderStart(val);
-  });
-  useUpdateWithSetter(instantPayouts, onLoadError, (comp, val) => {
-    comp.setOnLoadError(val);
-  });
-  return wrapper;
-};
-
 export const ConnectNotificationBanner = ({
@@ -384,3 +225,3 @@ collectionOptions,
   onNotificationsChange?: ({total, actionRequired}: NotificationCount) => void;
-} & CommonComponentProps): JSX.Element | null => {
+} & CommonComponentProps): React.JSX.Element | null => {
   const {wrapper, component: notificationBanner} = useCreateComponent(
@@ -418,3 +259,3 @@ 'notification-banner'
   fetchEphemeralKey?: FetchEphemeralKeyFunction;
-} & CommonComponentProps): JSX.Element => {
+} & CommonComponentProps): React.JSX.Element => {
   const {wrapper, component: issuingCard} = useCreateComponent('issuing-card');
@@ -454,3 +295,3 @@
   fetchEphemeralKey?: FetchEphemeralKeyFunction;
-} & CommonComponentProps): JSX.Element => {
+} & CommonComponentProps): React.JSX.Element => {
   const {wrapper, component: issuingCardsList} =
@@ -484,3 +325,3 @@ useCreateComponent('issuing-cards-list');
   financialAccount: string;
-} & CommonComponentProps): JSX.Element => {
+} & CommonComponentProps): React.JSX.Element => {
   const {wrapper, component: financialAccountComponent} =
@@ -510,3 +351,3 @@ useCreateComponent('financial-account');
   financialAccount: string;
-} & CommonComponentProps): JSX.Element => {
+} & CommonComponentProps): React.JSX.Element => {
   const {wrapper, component: financialAccountTransactionsComponent} =
@@ -538,19 +379,12 @@ useCreateComponent('financial-account-transactions');
 
-export const ConnectRecipients = ({
-  dataSource,
+export const ConnectDocuments = ({
   onLoadError,
   onLoaderStart,
-}: {
-  dataSource: RecipientDataSource;
-} & CommonComponentProps): JSX.Element => {
-  const {wrapper, component: recipientsComponent} =
-    useCreateComponent('recipients');
+}: CommonComponentProps): React.JSX.Element => {
+  const {wrapper, component: documents} = useCreateComponent('documents');
 
-  useUpdateWithSetter(recipientsComponent, dataSource, (comp, val) =>
-    comp.setDataSource(val)
-  );
-  useUpdateWithSetter(recipientsComponent, onLoaderStart, (comp, val) => {
+  useUpdateWithSetter(documents, onLoaderStart, (comp, val) => {
     comp.setOnLoaderStart(val);
   });
-  useUpdateWithSetter(recipientsComponent, onLoadError, (comp, val) => {
+  useUpdateWithSetter(documents, onLoadError, (comp, val) => {
     comp.setOnLoadError(val);
@@ -562,61 +396,27 @@ });
 
-export const ConnectCapitalOverview = ({
+export const ConnectPayoutsList = ({
   onLoadError,
   onLoaderStart,
-}: CommonComponentProps): JSX.Element => {
-  const {wrapper, component: capitalOverview} =
-    useCreateComponent('capital-overview');
+}: CommonComponentProps): React.JSX.Element => {
+  const {wrapper, component: payoutsList} = useCreateComponent('payouts-list');
 
-  useUpdateWithSetter(capitalOverview, onLoaderStart, (comp, val) => {
+  useUpdateWithSetter(payoutsList, onLoaderStart, (comp, val) => {
     comp.setOnLoaderStart(val);
   });
-  useUpdateWithSetter(capitalOverview, onLoadError, (comp, val) => {
+  useUpdateWithSetter(payoutsList, onLoadError, (comp, val) => {
     comp.setOnLoadError(val);
   });
-
   return wrapper;
 };
 
-export const ConnectCapitalFinancing = ({
-  defaultFinancingOffer,
-  showFinancingSelector,
-  howCapitalWorksUrl,
-  supportUrl,
-  onFinancingsLoaded,
+export const ConnectBalances = ({
   onLoadError,
   onLoaderStart,
-}: {
-  defaultFinancingOffer?: string;
-  showFinancingSelector?: boolean;
-  howCapitalWorksUrl?: string;
-  supportUrl?: string;
-  onFinancingsLoaded?: ({total}: {total: number}) => void;
-} & CommonComponentProps): JSX.Element => {
-  const {wrapper, component: capitalFinancing} =
-    useCreateComponent('capital-financing');
+}: CommonComponentProps): React.JSX.Element => {
+  const {wrapper, component: balances} = useCreateComponent('balances');
 
-  useUpdateWithSetter(capitalFinancing, defaultFinancingOffer, (comp, val) =>
-    comp.setDefaultFinancingOffer(val)
-  );
-
-  useUpdateWithSetter(capitalFinancing, showFinancingSelector, (comp, val) =>
-    comp.setShowFinancingSelector(val)
-  );
-
-  useUpdateWithSetter(capitalFinancing, howCapitalWorksUrl, (comp, val) =>
-    comp.setHowCapitalWorksUrl(val)
-  );
-
-  useUpdateWithSetter(capitalFinancing, supportUrl, (comp, val) =>
-    comp.setSupportUrl(val)
-  );
-
-  useUpdateWithSetter(capitalFinancing, onFinancingsLoaded, (comp, val) =>
-    comp.setOnFinancingsLoaded(val)
-  );
-
-  useUpdateWithSetter(capitalFinancing, onLoaderStart, (comp, val) => {
+  useUpdateWithSetter(balances, onLoaderStart, (comp, val) => {
     comp.setOnLoaderStart(val);
   });
-  useUpdateWithSetter(capitalFinancing, onLoadError, (comp, val) => {
+  useUpdateWithSetter(balances, onLoadError, (comp, val) => {
     comp.setOnLoadError(val);
@@ -628,173 +428,2 @@ });
 
-export const ConnectCapitalFinancingApplication = ({
-  onApplicationSubmitted,
-  onApplicationStepChange,
-  privacyPolicyUrl,
-  howCapitalWorksUrl,
-  onLoadError,
-  onLoaderStart,
-}: {
-  onApplicationSubmitted: () => void;
-  onApplicationStepChange?: ({step}: StepChange) => void;
-  privacyPolicyUrl?: string;
-  howCapitalWorksUrl?: string;
-} & CommonComponentProps): JSX.Element => {
-  const {wrapper, component: capitalFinancingApplication} = useCreateComponent(
-    'capital-financing-application'
-  );
-
-  useUpdateWithSetter(
-    capitalFinancingApplication,
-    onApplicationSubmitted,
-    (comp, val) => comp.setOnApplicationSubmitted(val)
-  );
-
-  useUpdateWithSetter(
-    capitalFinancingApplication,
-    onApplicationStepChange,
-    (comp, val) => comp.setOnApplicationStepChange(val)
-  );
-
-  useUpdateWithSetter(
-    capitalFinancingApplication,
-    privacyPolicyUrl,
-    (comp, val) => comp.setPrivacyPolicyUrl(val)
-  );
-  useUpdateWithSetter(
-    capitalFinancingApplication,
-    howCapitalWorksUrl,
-    (comp, val) => comp.setHowCapitalWorksUrl(val)
-  );
-
-  useUpdateWithSetter(
-    capitalFinancingApplication,
-    onLoaderStart,
-    (comp, val) => {
-      comp.setOnLoaderStart(val);
-    }
-  );
-  useUpdateWithSetter(capitalFinancingApplication, onLoadError, (comp, val) => {
-    comp.setOnLoadError(val);
-  });
-
-  return wrapper;
-};
-
-export const ConnectCapitalFinancingPromotion = ({
-  layout,
-  onApplicationSubmitted,
-  onEligibleFinancingOfferLoaded,
-  onApplicationStepChange,
-  privacyPolicyUrl,
-  howCapitalWorksUrl,
-  eligibilityCriteriaUrl,
-  onLoadError,
-  onLoaderStart,
-}: {
-  layout?: FinancingPromotionLayoutType;
-  onEligibleFinancingOfferLoaded?: ({
-    productType,
-    activeFinancingCount,
-  }: FinancingProductType) => void;
-  privacyPolicyUrl?: string;
-  howCapitalWorksUrl?: string;
-  eligibilityCriteriaUrl?: string;
-  onApplicationSubmitted?: () => void;
-  onApplicationStepChange?: ({step}: StepChange) => void;
-} & CommonComponentProps): JSX.Element => {
-  const {wrapper, component: capitalPromotion} = useCreateComponent(
-    'capital-financing-promotion'
-  );
-
-  useUpdateWithSetter(capitalPromotion, layout, (comp, val) =>
-    comp.setLayout(val)
-  );
-  useUpdateWithSetter(capitalPromotion, privacyPolicyUrl, (comp, val) =>
-    comp.setPrivacyPolicyUrl(val)
-  );
-  useUpdateWithSetter(capitalPromotion, howCapitalWorksUrl, (comp, val) =>
-    comp.setHowCapitalWorksUrl(val)
-  );
-  useUpdateWithSetter(capitalPromotion, eligibilityCriteriaUrl, (comp, val) =>
-    comp.setEligibilityCriteriaUrl(val)
-  );
-
-  useUpdateWithSetter(capitalPromotion, onApplicationSubmitted, (comp, val) =>
-    comp.setOnApplicationSubmitted(val)
-  );
-  useUpdateWithSetter(capitalPromotion, onApplicationStepChange, (comp, val) =>
-    comp.setOnApplicationStepChange(val)
-  );
-
-  useUpdateWithSetter(
-    capitalPromotion,
-    onEligibleFinancingOfferLoaded,
-    (comp, val) => comp.setOnEligibleFinancingOfferLoaded(val)
-  );
-
-  useUpdateWithSetter(capitalPromotion, onLoaderStart, (comp, val) => {
-    comp.setOnLoaderStart(val);
-  });
-  useUpdateWithSetter(capitalPromotion, onLoadError, (comp, val) => {
-    comp.setOnLoadError(val);
-  });
-
-  return wrapper;
-};
-
-export const ConnectDocuments = ({
-  onLoadError,
-  onLoaderStart,
-}: CommonComponentProps): JSX.Element => {
-  const {wrapper, component: documents} = useCreateComponent('documents');
-
-  useUpdateWithSetter(documents, onLoaderStart, (comp, val) => {
-    comp.setOnLoaderStart(val);
-  });
-  useUpdateWithSetter(documents, onLoadError, (comp, val) => {
-    comp.setOnLoadError(val);
-  });
-
-  return wrapper;
-};
-
-export const ConnectProductTaxCodeSelector = ({
-  onLoadError,
-  onLoaderStart,
-  onTaxCodeSelect,
-  hideDescription,
-  disabled,
-  initialTaxCode
-}: {
-  onTaxCodeSelect?: (taxCode: string | null, _: { analyticsName: string } | null) => void;
-  hideDescription?: boolean;
-  disabled?: boolean;
-  initialTaxCode?: string;
-} & CommonComponentProps): JSX.Element => {
-  const {wrapper, component: productTaxCodeSelector} =
-    useCreateComponent('product-tax-code-selector');
-
-  useUpdateWithSetter(productTaxCodeSelector, onLoaderStart, (comp, val) => {
-    comp.setOnLoaderStart(val);
-  });
-  useUpdateWithSetter(productTaxCodeSelector, onLoadError, (comp, val) => {
-    comp.setOnLoadError(val);
-  });
-
-  useUpdateWithSetter(productTaxCodeSelector, onTaxCodeSelect, (comp, val) => {
-    comp.setOnTaxCodeSelect(val);
-  });
-  useUpdateWithSetter(productTaxCodeSelector, hideDescription, (comp, val) => {
-    comp.setHideDescription(val);
-  });
-  useUpdateWithSetter(productTaxCodeSelector, disabled, (comp, val) => {
-    comp.setDisabled(val);
-  });
-  useUpdateWithSetter(productTaxCodeSelector, initialTaxCode, (comp, val) => {
-    comp.setInitialTaxCode(val);
-  });
-
-  return wrapper;
-};
-
 export const ConnectTaxRegistrations = ({
@@ -810,3 +439,3 @@ onLoadError,
   onAfterTaxRegistrationExpired?: ({id}: {id: string}) => void;
-} & CommonComponentProps): JSX.Element => {
+} & CommonComponentProps): React.JSX.Element => {
   const {wrapper, component: taxRegistrations} =
@@ -846,19 +475,2 @@ useCreateComponent('tax-registrations');
 
-export const ConnectExportTaxTransactions = ({
-  onLoadError,
-  onLoaderStart,
-}: CommonComponentProps): JSX.Element => {
-  const {wrapper, component: exportTaxTransactions} = 
-    useCreateComponent('export-tax-transactions');
-
-  useUpdateWithSetter(exportTaxTransactions, onLoaderStart, (comp, val) => {
-    comp.setOnLoaderStart(val);
-  });
-
-  useUpdateWithSetter(exportTaxTransactions, onLoadError, (comp, val) => {
-    comp.setOnLoadError(val);
-  });
-  return wrapper;
-};
-
 export const ConnectTaxSettings = ({
@@ -874,3 +486,3 @@ onLoadError,
   onTaxSettingsUpdated?: ({id}: {id: string}) => void;
-} & CommonComponentProps): JSX.Element => {
+} & CommonComponentProps): React.JSX.Element => {
   const {wrapper, component: taxSettings} = useCreateComponent('tax-settings');
@@ -900,75 +512,2 @@
 
-export const ConnectTaxThresholdMonitoring = ({
-  onLoadError,
-  onLoaderStart,
-  displayCountries,
-}: {
-  displayCountries?: string[];
-} & CommonComponentProps): JSX.Element => {
-  const {wrapper, component: taxSettings} = useCreateComponent(
-    'tax-threshold-monitoring'
-  );
-
-  useUpdateWithSetter(taxSettings, onLoaderStart, (comp, val) => {
-    comp.setOnLoaderStart(val);
-  });
-  useUpdateWithSetter(taxSettings, onLoadError, (comp, val) => {
-    comp.setOnLoadError(val);
-  });
-
-  useUpdateWithSetter(taxSettings, displayCountries, (comp, val) => {
-    comp.setDisplayCountries(val);
-  });
-
-  return wrapper;
-};
-
-export const ConnectReportingChart = ({
-  reportName,
-  intervalStart,
-  intervalEnd,
-  intervalType,
-  onLoadError,
-  onLoaderStart,
-}: {
-  /**
-   * @param reportName The name of the report to render as a chart.
-   * @param intervalStart The start date of the report interval.
-   * @param intervalEnd The end date of the report interval.
-   * @param intervalType The type of the report interval.
-   */
-  reportName: ReportName;
-  intervalStart?: Date;
-  intervalEnd?: Date;
-  intervalType?: IntervalType;
-} & CommonComponentProps): JSX.Element | null => {
-  const {wrapper, component: reportingChart} =
-    useCreateComponent('reporting-chart');
-
-  useUpdateWithSetter(reportingChart, reportName, (comp, val) =>
-    comp.setReportName(val)
-  );
-
-  useUpdateWithSetter(reportingChart, intervalStart, (comp, val) =>
-    comp.setIntervalStart(val)
-  );
-
-  useUpdateWithSetter(reportingChart, intervalEnd, (comp, val) =>
-    comp.setIntervalEnd(val)
-  );
-
-  useUpdateWithSetter(reportingChart, intervalType, (comp, val) =>
-    comp.setIntervalType(val)
-  );
-
-  useUpdateWithSetter(reportingChart, onLoaderStart, (comp, val) => {
-    comp.setOnLoaderStart(val);
-  });
-  useUpdateWithSetter(reportingChart, onLoadError, (comp, val) => {
-    comp.setOnLoadError(val);
-  });
-
-  return wrapper;
-};
-
 export const ConnectInstantPayoutsPromotion = ({
@@ -986,3 +525,3 @@ onInstantPayoutsPromotionLoaded,
   onInstantPayoutCreated?: ({payoutId}: {payoutId: string}) => void;
-} & CommonComponentProps): JSX.Element => {
+} & CommonComponentProps): React.JSX.Element => {
   const {wrapper, component: instantPayoutsPromotion} = useCreateComponent(
@@ -1027,3 +566,3 @@ 'instant-payouts-promotion'
   onClose: () => void;
-} & CommonComponentProps): JSX.Element | null => {
+} & CommonComponentProps): React.JSX.Element | null => {
   const {wrapper, component: payoutDetails} =
@@ -1047,92 +586,6 @@ useCreateComponent('payout-details');
 
-export const ConnectCheckScanning = ({
-  handleCheckScanSubmitted,
-  onLoadError,
-  onLoaderStart,
-}: {
-  handleCheckScanSubmitted: ({checkScanToken}: {checkScanToken: string}) => Promise<void>;
-} & CommonComponentProps): JSX.Element => {
-  const {wrapper, component: checkScanning} =
-    useCreateComponent('check-scanning');
-
-  useUpdateWithSetter(
-    checkScanning,
-    handleCheckScanSubmitted,
-    (comp, val) => {
-      comp.setHandleCheckScanSubmitted(val);
-    }
-  );
-  useUpdateWithSetter(checkScanning, onLoaderStart, (comp, val) => {
-    comp.setOnLoaderStart(val);
-  });
-  useUpdateWithSetter(checkScanning, onLoadError, (comp, val) => {
-    comp.setOnLoadError(val);
-  });
-
-  return wrapper;
-};
-
-export const ConnectNetworkCostPassThroughReport = ({
-  onLoadError,
-  onLoaderStart,
-}: CommonComponentProps): JSX.Element => {
-  const {wrapper, component: networkCostPassThroughReport} =
-    useCreateComponent('network-cost-passthrough-report');
-
-  useUpdateWithSetter(networkCostPassThroughReport, onLoaderStart, (comp, val) => {
-    comp.setOnLoaderStart(val);
-  });
-  useUpdateWithSetter(networkCostPassThroughReport, onLoadError, (comp, val) => {
-    comp.setOnLoadError(val);
-  });
-
-  return wrapper;
-};
-
-export const ConnectTerminalHardwareOrders = ({
-  onLoadError,
-  onLoaderStart,
-}: CommonComponentProps): JSX.Element => {
-  const {wrapper, component: terminalHardwareOrders} = useCreateComponent(
-    'terminal-hardware-orders'
-  );
-
-  useUpdateWithSetter(terminalHardwareOrders, onLoaderStart, (comp, val) => {
-    comp.setOnLoaderStart(val);
-  });
-  useUpdateWithSetter(terminalHardwareOrders, onLoadError, (comp, val) => {
-    comp.setOnLoadError(val);
-  });
-
-  return wrapper;
-};
-
-export const ConnectTerminalHardwareShop = ({
-  onCheckoutFinished,
-  onLoadError,
-  onLoaderStart,
-}: {
-  onCheckoutFinished?: () => void
-} & CommonComponentProps): JSX.Element => {
-  const {wrapper, component: terminalHardwareShop} = useCreateComponent(
-    'terminal-hardware-shop'
-  );
-
-  useUpdateWithSetter(terminalHardwareShop, onCheckoutFinished, (comp, val) => {
-    comp.setOnCheckoutFinished(val)
-  });
-  useUpdateWithSetter(terminalHardwareShop, onLoaderStart, (comp, val) => {
-    comp.setOnLoaderStart(val);
-  });
-  useUpdateWithSetter(terminalHardwareShop, onLoadError, (comp, val) => {
-    comp.setOnLoadError(val);
-  });
-
-  return wrapper;
-};
-
 export const ConnectBalanceReport = ({
   onLoadError,
   onLoaderStart,
-}: CommonComponentProps): JSX.Element => {
+}: CommonComponentProps): React.JSX.Element => {
   const {wrapper, component: balanceReport} =
@@ -1161,3 +614,3 @@ useCreateComponent('balance-report');
   }) => void;
-} & CommonComponentProps): JSX.Element => {
+} & CommonComponentProps): React.JSX.Element => {
   const {wrapper, component: payoutReconciliationReport} = useCreateComponent(
@@ -1183,52 +636,1 @@ 'payout-reconciliation-report'
 };
-
-export const ConnectRecipientsList = ({
-  onLoadError,
-  onLoaderStart,
-}: CommonComponentProps): JSX.Element => {
-  const {wrapper, component: recipientsList} =
-    useCreateComponent('recipients-list');
-
-  useUpdateWithSetter(recipientsList, onLoaderStart, (comp, val) => {
-    comp.setOnLoaderStart(val);
-  });
-  useUpdateWithSetter(recipientsList, onLoadError, (comp, val) => {
-    comp.setOnLoadError(val);
-  });
-
-  return wrapper;
-};
-
-export const ConnectFinancialAccounts = ({
-  onLoadError,
-  onLoaderStart,
-}: CommonComponentProps): JSX.Element => {
-  const {wrapper, component: financialAccounts} =
-    useCreateComponent('financial-accounts');
-
-  useUpdateWithSetter(financialAccounts, onLoaderStart, (comp, val) => {
-    comp.setOnLoaderStart(val);
-  });
-  useUpdateWithSetter(financialAccounts, onLoadError, (comp, val) => {
-    comp.setOnLoadError(val);
-  });
-
-  return wrapper;
-};
-
-export const ConnectFinancialAccountsTransactions = ({
-  onLoadError,
-  onLoaderStart,
-}: CommonComponentProps): JSX.Element => {
-  const {wrapper, component: financialAccountsTransactions} =
-    useCreateComponent('financial-accounts-transactions');
-
-  useUpdateWithSetter(financialAccountsTransactions, onLoaderStart, (comp, val) => {
-    comp.setOnLoaderStart(val);
-  });
-  useUpdateWithSetter(financialAccountsTransactions, onLoadError, (comp, val) => {
-    comp.setOnLoadError(val);
-  });
-
-  return wrapper;
-};

src/ConnectComponents.tsx

@@ -19,3 +19,3 @@ import * as React from 'react';
   children: any;
-}): JSX.Element => {
+}): React.JSX.Element => {
   return (
@@ -22,0 +22,0 @@ <ConnectComponentsContext.Provider value={{connectInstance}}>

src/types.ts

@@ -9,8 +9,1 @@ export type FetchEphemeralKeyFunction = (fetchParams: {
 }>;
-
-export type FinancingProductType = {
-  productType: 'standard' | 'refill' | 'none';
-  activeFinancingCount: number;
-};
-
-export type FinancingPromotionLayoutType = 'full' | 'banner';

src/useCreateComponent.tsx

@@ -11,3 +11,3 @@ /* eslint-disable react-hooks/exhaustive-deps */
   tagName: T
-): {wrapper: JSX.Element; component: ConnectHTMLElementRecord[T] | null} => {
+): {wrapper: React.JSX.Element; component: ConnectHTMLElementRecord[T] | null} => {
   const [component, setComponent] = React.useState<
@@ -14,0 +14,0 @@ ConnectHTMLElementRecord[T] | null

src/utils/useUpdateWithSetter.ts

 import React from 'react';
+import type {CollectionOptions} from '../Components';
 import type {
-  FetchEphemeralKeyFunction,
-  FinancingProductType,
-} from '../types';
-import type {
-  CollectionOptions,
   LoadError,
   LoaderStart,
-  InstallState,
   NotificationCount,
@@ -15,2 +10,3 @@ StepChange,
 } from '@stripe/connect-js';
+import type {FetchEphemeralKeyFunction} from '../types';
 
@@ -23,20 +19,13 @@ export const useUpdateWithSetter = <
     | string[]
-    | Record<string, string>
+    | PaymentsListDefaultFilters
     | (() => void)
     | FetchEphemeralKeyFunction
     | CollectionOptions
-    | PaymentsListDefaultFilters
     | ((notificationCount: NotificationCount) => void)
     | ((loaderStart: LoaderStart) => void)
     | ((loaderError: LoadError) => void)
-    | ((installState: InstallState) => void)
-    | ((productType: FinancingProductType) => void)
-    | ((StepChange: StepChange) => void)
-    | Date
+    | ((stepChange: StepChange) => void)
     | (({id}: {id: string}) => void)
-    | ((taxCode: string | null, _: {analyticsName: string} | null) => void)
     | (({promotionShown}: {promotionShown: boolean}) => void)
     | (({payoutId}: {payoutId: string}) => void)
-    | (({checkScanToken}: {checkScanToken: string}) => Promise<void>)
-    | (({agreementId}: {agreementId: string}) => void)
     | (({isReportAvailable}: {isReportAvailable: boolean}) => void)
@@ -43,0 +32,0 @@ | undefined

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

Number of low quality alerts

0

-100%

Worsened metrics

Total package byte prevSize

95171

-42.07%

Lines of code

2248

-41.7%

No dependency changes