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

Comparing version 3.4.4-preview.0 to 3.4.5-preview.0

dist/react-connect.d.ts

@@ -183,2 +183,3 @@ /// <reference types="react" />
 declare const ConnectFinancialAccountsTransactions: ({ onLoadError, onLoaderStart }: CommonComponentProps) => JSX.Element;
+declare const ConnectBills: ({ onLoadError, onLoaderStart }: CommonComponentProps) => JSX.Element;
 type ConnectComponentsPayload = {
@@ -192,3 +193,3 @@ connectInstance: connectJs.StripeConnectInstance;
 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) => {
+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" | "bills">(tagName: T) => {
     wrapper: JSX.Element;
@@ -228,2 +229,2 @@ component: ConnectHTMLElementRecord[T] | null;
 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, 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, ConnectBills, ConnectComponentsProvider, useConnectComponents, useCreateComponent, useAttachAttribute, ConnectElementEventNames, useAttachEvent, useUpdateWithSetter };

dist/react-connect.esm.d.ts

@@ -183,2 +183,3 @@ /// <reference types="react" />
 declare const ConnectFinancialAccountsTransactions: ({ onLoadError, onLoaderStart }: CommonComponentProps) => JSX.Element;
+declare const ConnectBills: ({ onLoadError, onLoaderStart }: CommonComponentProps) => JSX.Element;
 type ConnectComponentsPayload = {
@@ -192,3 +193,3 @@ connectInstance: connectJs.StripeConnectInstance;
 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) => {
+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" | "bills">(tagName: T) => {
     wrapper: JSX.Element;
@@ -228,2 +229,2 @@ component: ConnectHTMLElementRecord[T] | null;
 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, 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, ConnectBills, ConnectComponentsProvider, useConnectComponents, useCreateComponent, useAttachAttribute, ConnectElementEventNames, useAttachEvent, useUpdateWithSetter };

dist/react-connect.esm.js

@@ -96,3 +96,3 @@ import * as React from 'react';
         try {
-          newComponent.setAttribute('reactSdkAnalytics', '3.4.3-preview-1');
+          newComponent.setAttribute('reactSdkAnalytics', '3.4.4-preview.0');
         } catch (e) {
@@ -994,2 +994,16 @@ console.log('Error setting React Sdk version with error message: ', e);
 };
+var ConnectBills = function ConnectBills(_ref43) {
+  var onLoadError = _ref43.onLoadError,
+    onLoaderStart = _ref43.onLoaderStart;
+  var _useCreateComponent43 = useCreateComponent('bills'),
+    wrapper = _useCreateComponent43.wrapper,
+    bills = _useCreateComponent43.component;
+  useUpdateWithSetter(bills, onLoaderStart, function (comp, val) {
+    comp.setOnLoaderStart(val);
+  });
+  useUpdateWithSetter(bills, onLoadError, function (comp, val) {
+    comp.setOnLoadError(val);
+  });
+  return wrapper;
+};
 
@@ -1035,2 +1049,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, ConnectAgenticCommerceSettings, ConnectAppInstall, ConnectAppViewport, ConnectBalanceReport, ConnectBalances, ConnectBills, 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 };

dist/react-connect.js

@@ -122,3 +122,3 @@ 'use strict';
         try {
-          newComponent.setAttribute('reactSdkAnalytics', '3.4.3-preview-1');
+          newComponent.setAttribute('reactSdkAnalytics', '3.4.4-preview.0');
         } catch (e) {
@@ -1020,2 +1020,16 @@ console.log('Error setting React Sdk version with error message: ', e);
 };
+var ConnectBills = function ConnectBills(_ref43) {
+  var onLoadError = _ref43.onLoadError,
+    onLoaderStart = _ref43.onLoaderStart;
+  var _useCreateComponent43 = useCreateComponent('bills'),
+    wrapper = _useCreateComponent43.wrapper,
+    bills = _useCreateComponent43.component;
+  useUpdateWithSetter(bills, onLoaderStart, function (comp, val) {
+    comp.setOnLoaderStart(val);
+  });
+  useUpdateWithSetter(bills, onLoadError, function (comp, val) {
+    comp.setOnLoadError(val);
+  });
+  return wrapper;
+};
 
@@ -1068,2 +1082,3 @@ /**
 exports.ConnectBalances = ConnectBalances;
+exports.ConnectBills = ConnectBills;
 exports.ConnectCapitalFinancing = ConnectCapitalFinancing;
@@ -1070,0 +1085,0 @@ exports.ConnectCapitalFinancingApplication = ConnectCapitalFinancingApplication;

package.json

 {
   "name": "@stripe/react-connect-js",
-  "version": "3.4.4-preview.0",
+  "version": "3.4.5-preview.0",
   "description": "React components for Connect.js and Connect embedded components",
@@ -5,0 +5,0 @@ "main": "dist/react-connect.js",

src/Components.tsx

@@ -1204,2 +1204,19 @@ import {useCreateComponent} from './useCreateComponent';
   return wrapper;
+};
+
+export const ConnectBills = ({
+  onLoadError,
+  onLoaderStart,
+}: CommonComponentProps): JSX.Element => {
+  const {wrapper, component: bills} =
+    useCreateComponent('bills');
+
+  useUpdateWithSetter(bills, onLoaderStart, (comp, val) => {
+    comp.setOnLoaderStart(val);
+  });
+  useUpdateWithSetter(bills, onLoadError, (comp, val) => {
+    comp.setOnLoadError(val);
+  });
+
+  return wrapper;
 };

No alert changes

Improved metrics

Total package byte prevSize

165986

1.04%

Lines of code

3901

1.17%

No dependency changes