@dynamic-labs/sdk-react-core 4.3.2 → 4.4.0

package/CHANGELOG.md

@@ -1,4 +1,13 @@
 
+## [4.4.0](https://github.com/dynamic-labs/dynamic-auth/compare/v4.3.2...v4.4.0) (2025-01-24)
+
+
+### Features
+
+* allow override of rpc urls in evmNetworks overrides ([#7874](https://github.com/dynamic-labs/dynamic-auth/issues/7874)) ([41c5030](https://github.com/dynamic-labs/dynamic-auth/commit/f0fef3c06bb82457da92c7f5655a0a6daf57e3aa))
+* add ZeroDev v3 migration support ([#7854](https://github.com/dynamic-labs/dynamic-auth/issues/7854)) ([8e34ea0](https://github.com/dynamic-labs/dynamic-auth/commit/8e34ea0ec2451ded6df1138f53354b0a53140ecc))
+* adds view for choosing funds deposit method ([#7813](https://github.com/dynamic-labs/dynamic-auth/issues/7813)) ([41c5030](https://github.com/dynamic-labs/dynamic-auth/commit/41c50309c94da61525bff5ea5f36dc1f68a4c79d))
+
 ### [4.3.2](https://github.com/dynamic-labs/dynamic-auth/compare/v4.3.1...v4.3.2) (2025-01-24)
 
 ### [4.3.1](https://github.com/dynamic-labs/dynamic-auth/compare/v4.3.0...v4.3.1) (2025-01-23)

package/package.cjs

@@ -3,7 +3,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "4.3.2";
+var version = "4.4.0";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.599",
 	"@hcaptcha/react-hcaptcha": "1.4.4",

package/package.js

@@ -1,5 +1,5 @@
 'use client'
-var version = "4.3.2";
+var version = "4.4.0";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.599",
 	"@hcaptcha/react-hcaptcha": "1.4.4",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "4.3.2",
+  "version": "4.4.0",
   "dependencies": {
     "@dynamic-labs/sdk-api-core": "0.0.599",
     "@hcaptcha/react-hcaptcha": "1.4.4",
@@ -13,16 +13,16 @@
     "react-i18next": "13.5.0",
     "yup": "0.32.11",
     "react-international-phone": "4.2.5",
-    "@dynamic-labs/assert-package-version": "4.3.2",
-    "@dynamic-labs/iconic": "4.3.2",
-    "@dynamic-labs/logger": "4.3.2",
-    "@dynamic-labs/multi-wallet": "4.3.2",
-    "@dynamic-labs/rpc-providers": "4.3.2",
-    "@dynamic-labs/store": "4.3.2",
-    "@dynamic-labs/types": "4.3.2",
-    "@dynamic-labs/utils": "4.3.2",
-    "@dynamic-labs/wallet-book": "4.3.2",
-    "@dynamic-labs/wallet-connector-core": "4.3.2",
+    "@dynamic-labs/assert-package-version": "4.4.0",
+    "@dynamic-labs/iconic": "4.4.0",
+    "@dynamic-labs/logger": "4.4.0",
+    "@dynamic-labs/multi-wallet": "4.4.0",
+    "@dynamic-labs/rpc-providers": "4.4.0",
+    "@dynamic-labs/store": "4.4.0",
+    "@dynamic-labs/types": "4.4.0",
+    "@dynamic-labs/utils": "4.4.0",
+    "@dynamic-labs/wallet-book": "4.4.0",
+    "@dynamic-labs/wallet-connector-core": "4.4.0",
     "bs58": "5.0.0",
     "eventemitter3": "5.0.1"
   },

package/src/index.cjs

@@ -71,6 +71,7 @@ require('./lib/locale/locale.cjs');
 require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
 var mergeNetworks = require('./lib/utils/functions/mergeNetworks/mergeNetworks.cjs');
+var overrideNetworkRpcUrl = require('./lib/utils/functions/overrideNetworkRpcUrl/overrideNetworkRpcUrl.cjs');
 require('./lib/store/state/nonce/nonce.cjs');
 var isAuthenticatedWithAWallet = require('./lib/utils/functions/isAuthenticatedWithAWallet/isAuthenticatedWithAWallet.cjs');
 require('./lib/store/state/dynamicContextProps/dynamicContextProps.cjs');
@@ -126,6 +127,10 @@ var useEmbeddedReveal = require('./lib/utils/hooks/useEmbeddedReveal/useEmbedded
 var useEmbeddedWallet = require('./lib/utils/hooks/useEmbeddedWallet/useEmbeddedWallet.cjs');
 var constants = require('./lib/utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
 var useEmbeddedWalletAuthenticator = require('./lib/utils/hooks/useEmbeddedWalletAuthenticator/useEmbeddedWalletAuthenticator.cjs');
+require('./lib/context/OnrampContext/OnrampContext.cjs');
+var index$2 = require('./lib/utils/functions/walletFilters/index.cjs');
+var useFunding = require('./lib/utils/hooks/useFunding/useFunding.cjs');
+require('qrcode');
 require('./lib/widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.cjs');
 var NoQrNotInstalledView = require('./lib/views/NoQrNotInstalledView/NoQrNotInstalledView.cjs');
 var CollectUserDataView = require('./lib/views/CollectUserDataView/CollectUserDataView.cjs');
@@ -152,7 +157,6 @@ var IsBrowser = require('./lib/components/IsBrowser/IsBrowser.cjs');
 require('./lib/components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('./lib/components/Popper/Popper/Popper.cjs');
 require('./lib/components/Popper/PopperContext/PopperContext.cjs');
-require('qrcode');
 require('@dynamic-labs/rpc-providers');
 var DynamicBridgeWidget = require('./lib/widgets/DynamicBridgeWidget/DynamicBridgeWidget.cjs');
 var DynamicEmbeddedAuthFlow = require('./lib/widgets/DynamicEmbeddedWidget/DynamicEmbeddedAuthFlow/DynamicEmbeddedAuthFlow.cjs');
@@ -165,10 +169,7 @@ var FundingWidget = require('./lib/widgets/FundingWidget/FundingWidget.cjs');
 var DynamicMultiWalletPromptsWidget = require('./lib/widgets/DynamicMultiWalletPromptsWidget/DynamicMultiWalletPromptsWidget.cjs');
 var themesData = require('./lib/context/ThemeContext/themesData.cjs');
 var getNetwork = require('./lib/utils/functions/getNetwork/getNetwork.cjs');
-var index$2 = require('./lib/utils/functions/walletFilters/index.cjs');
 var SendBalanceContext = require('./lib/context/SendBalanceContext/SendBalanceContext.cjs');
-require('./lib/context/FundingContext/FundingContext.cjs');
-var useFunding = require('./lib/context/FundingContext/useFunding/useFunding.cjs');
 require('./lib/context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
 require('./lib/context/ConnectWithOtpContext/constants.cjs');
 var useConnectWithOtp = require('./lib/context/ConnectWithOtpContext/useConnectWithOtp.cjs');
@@ -224,6 +225,7 @@ exports.ArrowIcon = stroke.ReactComponent;
 exports.dynamicEvents = dynamicEvents.publicDynamicEvents;
 exports.apiClient = api.sdkApi;
 exports.mergeNetworks = mergeNetworks.mergeNetworks;
+exports.overrideNetworkRpcUrl = overrideNetworkRpcUrl.overrideNetworkRpcUrl;
 exports.isAuthenticatedWithAWallet = isAuthenticatedWithAWallet.isAuthenticatedWithAWallet;
 exports.useIsLoggedIn = useIsLoggedIn.useIsLoggedIn;
 exports.useOtpVerificationRequest = useOtpVerificationRequest.useOtpVerificationRequest;
@@ -245,6 +247,14 @@ Object.defineProperty(exports, 'EmbeddedWalletVersion', {
   get: function () { return constants.EmbeddedWalletVersion; }
 });
 exports.useEmbeddedWalletAuthenticator = useEmbeddedWalletAuthenticator.useEmbeddedWalletAuthenticator;
+exports.FilterAndSortWallets = index$2.FilterAndSortWallets;
+exports.FilterBridgeChainsName = index$2.FilterBridgeChainsName;
+exports.FilterChain = index$2.FilterChain;
+exports.FilterWallets = index$2.FilterWallets;
+exports.RemoveWallets = index$2.RemoveWallets;
+exports.SortWallets = index$2.SortWallets;
+exports.UniswapFilter = index$2.UniswapFilter;
+exports.useFunding = useFunding.useFunding;
 exports.NoQrNotInstalledView = NoQrNotInstalledView.NoQrNotInstalledView;
 exports.CollectUserDataView = CollectUserDataView.CollectUserDataView;
 exports.EmailConfirmationWaitingView = EmailConfirmationWaitingView.EmailConfirmationWaitingView;
@@ -279,15 +289,7 @@ exports.getDefaultColor = themesData.getDefaultColor;
 exports.getThemeConfig = themesData.getThemeConfig;
 exports.themesData = themesData.themesData;
 exports.getNetwork = getNetwork.getNetwork;
-exports.FilterAndSortWallets = index$2.FilterAndSortWallets;
-exports.FilterBridgeChainsName = index$2.FilterBridgeChainsName;
-exports.FilterChain = index$2.FilterChain;
-exports.FilterWallets = index$2.FilterWallets;
-exports.RemoveWallets = index$2.RemoveWallets;
-exports.SortWallets = index$2.SortWallets;
-exports.UniswapFilter = index$2.UniswapFilter;
 exports.useSendBalance = SendBalanceContext.useSendBalance;
-exports.useFunding = useFunding.useFunding;
 exports.useConnectWithOtp = useConnectWithOtp.useConnectWithOtp;
 exports.useSwitchNetwork = useSwitchNetwork.useSwitchNetwork;
 exports.useReinitialize = ReinitializeContextProvider.useReinitialize;

package/src/index.d.ts

@@ -102,6 +102,7 @@ AuthMethod as AuthType, AuthMethod, } from '@dynamic-labs/types';
 export { publicDynamicEvents as dynamicEvents } from './lib/events/dynamicEvents';
 export { type UserWalletsChangedParams } from './lib/events';
 export { mergeNetworks } from './lib/utils/functions/mergeNetworks';
+export { overrideNetworkRpcUrl } from './lib/utils/functions/overrideNetworkRpcUrl';
 export { 
 /** @deprecated use https://www.npmjs.com/package/classnames */
 classNames, } from './lib/utils/functions/classNames';
@@ -111,13 +112,13 @@ export {
 /** @deprecated */
 DynamicWidgetContextProvider, } from './lib/widgets/DynamicWidget/context';
 export { useWalletItemActions, useAuthenticateConnectedUser, useSocialAccounts, useEmbeddedWallet, useEmbeddedWalletAuthenticator, usePasskeyRecovery, useEmbeddedReveal, useIsLoggedIn, useDynamicModals, useMfa, useTokenBalances, useSwitchWallet, useRpcProviders, useRefreshUser, useWalletOptions, useSmartWallets, EmbeddedWalletVersion, useTelegramLogin, useUpgradeEmbeddedWallet, } from './lib/utils/hooks';
+export { useFunding } from './lib/utils/hooks/useFunding';
 export { useUserUpdateRequest, useWalletConnectorEvent, } from './lib/utils/hooks';
 export { type VerifyOtp, useOtpVerificationRequest, } from './lib/utils/hooks/authenticationHooks/';
 export type { UpdateUserFieldsArg } from './lib/utils/hooks/';
 export { type DynamicJwt, DynamicJwtFromJSON, } from '@dynamic-labs/sdk-api-core';
 export { useSendBalance } from './lib/context/SendBalanceContext';
 export type { LocaleResource } from './lib/locale';
-export { useFunding } from './lib/context/FundingContext';
 export { useConnectWithOtp } from './lib/context/ConnectWithOtpContext';
 export { useDynamicEvents } from './lib/utils/hooks/events/useDynamicEvents';
 export { useSwitchNetwork } from './lib/utils/hooks/useSwitchNetwork';

package/src/index.js

@@ -67,6 +67,7 @@ import './lib/locale/locale.js';
 import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
 export { mergeNetworks } from './lib/utils/functions/mergeNetworks/mergeNetworks.js';
+export { overrideNetworkRpcUrl } from './lib/utils/functions/overrideNetworkRpcUrl/overrideNetworkRpcUrl.js';
 import './lib/store/state/nonce/nonce.js';
 export { isAuthenticatedWithAWallet } from './lib/utils/functions/isAuthenticatedWithAWallet/isAuthenticatedWithAWallet.js';
 import './lib/store/state/dynamicContextProps/dynamicContextProps.js';
@@ -122,6 +123,10 @@ export { useEmbeddedReveal } from './lib/utils/hooks/useEmbeddedReveal/useEmbedd
 export { useEmbeddedWallet } from './lib/utils/hooks/useEmbeddedWallet/useEmbeddedWallet.js';
 export { EmbeddedWalletVersion } from './lib/utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
 export { useEmbeddedWalletAuthenticator } from './lib/utils/hooks/useEmbeddedWalletAuthenticator/useEmbeddedWalletAuthenticator.js';
+import './lib/context/OnrampContext/OnrampContext.js';
+export { FilterAndSortWallets, FilterBridgeChainsName, FilterChain, FilterWallets, RemoveWallets, SortWallets, UniswapFilter } from './lib/utils/functions/walletFilters/index.js';
+export { useFunding } from './lib/utils/hooks/useFunding/useFunding.js';
+import 'qrcode';
 import './lib/widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.js';
 export { NoQrNotInstalledView } from './lib/views/NoQrNotInstalledView/NoQrNotInstalledView.js';
 export { CollectUserDataView } from './lib/views/CollectUserDataView/CollectUserDataView.js';
@@ -148,7 +153,6 @@ export { IsBrowser } from './lib/components/IsBrowser/IsBrowser.js';
 import './lib/components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import './lib/components/Popper/Popper/Popper.js';
 import './lib/components/Popper/PopperContext/PopperContext.js';
-import 'qrcode';
 import '@dynamic-labs/rpc-providers';
 export { DynamicBridgeWidget } from './lib/widgets/DynamicBridgeWidget/DynamicBridgeWidget.js';
 export { DynamicEmbeddedAuthFlow } from './lib/widgets/DynamicEmbeddedWidget/DynamicEmbeddedAuthFlow/DynamicEmbeddedAuthFlow.js';
@@ -161,10 +165,7 @@ export { FundingWidget } from './lib/widgets/FundingWidget/FundingWidget.js';
 export { DynamicMultiWalletPromptsWidget } from './lib/widgets/DynamicMultiWalletPromptsWidget/DynamicMultiWalletPromptsWidget.js';
 export { getDefaultColor, getThemeConfig, themesData } from './lib/context/ThemeContext/themesData.js';
 export { getNetwork } from './lib/utils/functions/getNetwork/getNetwork.js';
-export { FilterAndSortWallets, FilterBridgeChainsName, FilterChain, FilterWallets, RemoveWallets, SortWallets, UniswapFilter } from './lib/utils/functions/walletFilters/index.js';
 export { useSendBalance } from './lib/context/SendBalanceContext/SendBalanceContext.js';
-import './lib/context/FundingContext/FundingContext.js';
-export { useFunding } from './lib/context/FundingContext/useFunding/useFunding.js';
 import './lib/context/ConnectWithOtpContext/ConnectWithOtpContext.js';
 import './lib/context/ConnectWithOtpContext/constants.js';
 export { useConnectWithOtp } from './lib/context/ConnectWithOtpContext/useConnectWithOtp.js';

package/src/lib/components/Accordion/components/AccordionItem/AccordionItem.cjs

@@ -85,6 +85,7 @@ require('../../../OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');
 require('../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+require('../../../../context/OnrampContext/OnrampContext.cjs');
 require('../../../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.cjs');
 require('../../../../../index.cjs');
 require('../../../../store/state/tokenBalances.cjs');

package/src/lib/components/Accordion/components/AccordionItem/AccordionItem.js

@@ -81,6 +81,7 @@ import '../../../OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';
 import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import '../../../../context/OnrampContext/OnrampContext.js';
 import '../../../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.js';
 import '../../../../../index.js';
 import '../../../../store/state/tokenBalances.js';

package/src/lib/components/Alert/Alert.cjs

@@ -24,10 +24,6 @@ var classNames = require('../../utils/functions/classNames/classNames.cjs');
 const errorIconMap = {
     error: jsxRuntime.jsx(error.ReactComponent, {}),
 };
-const Alert = ({ children, icon, variant = 'error', contentDataTestId, className = '', }) => (jsxRuntime.jsxs("div", { className: classNames.classNames('alert', {
-        'alert--error': variant === 'error',
-        'alert--info': variant === 'info',
-        'alert--warning': variant === 'warning',
-    }, className), children: [icon && (jsxRuntime.jsx(Icon.Icon, { size: 'small', className: 'alert__icon', children: typeof icon === 'string' ? errorIconMap[icon] : icon })), jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', "data-testid": contentDataTestId, children: children })] }));
+const Alert = ({ children, icon, variant = 'error', contentDataTestId, className = '', }) => (jsxRuntime.jsxs("div", { className: classNames.classNames('alert', `alert--${variant}`, className), children: [icon && (jsxRuntime.jsx(Icon.Icon, { size: 'small', className: 'alert__icon', children: typeof icon === 'string' ? errorIconMap[icon] : icon })), jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', "data-testid": contentDataTestId, color: 'current-color', children: children })] }));
 
 exports.Alert = Alert;

package/src/lib/components/Alert/Alert.d.ts

@@ -1,2 +1,10 @@
-import { AlertComponent } from './Alert.types';
-export declare const Alert: AlertComponent;
+import { FC, PropsWithChildren, ReactElement } from 'react';
+import { CopyKey } from '../../shared';
+export type AlertIcons = 'error';
+export type AlertProps = PropsWithChildren & {
+    contentDataTestId?: string;
+    icon?: ReactElement | AlertIcons;
+    variant?: 'error' | 'warning' | 'info' | 'success';
+    className?: string;
+} & CopyKey;
+export declare const Alert: FC<AlertProps>;

package/src/lib/components/Alert/Alert.js

@@ -20,10 +20,6 @@ import { classNames } from '../../utils/functions/classNames/classNames.js';
 const errorIconMap = {
     error: jsx(SvgError, {}),
 };
-const Alert = ({ children, icon, variant = 'error', contentDataTestId, className = '', }) => (jsxs("div", { className: classNames('alert', {
-        'alert--error': variant === 'error',
-        'alert--info': variant === 'info',
-        'alert--warning': variant === 'warning',
-    }, className), children: [icon && (jsx(Icon, { size: 'small', className: 'alert__icon', children: typeof icon === 'string' ? errorIconMap[icon] : icon })), jsx(Typography, { variant: 'body_small', "data-testid": contentDataTestId, children: children })] }));
+const Alert = ({ children, icon, variant = 'error', contentDataTestId, className = '', }) => (jsxs("div", { className: classNames('alert', `alert--${variant}`, className), children: [icon && (jsx(Icon, { size: 'small', className: 'alert__icon', children: typeof icon === 'string' ? errorIconMap[icon] : icon })), jsx(Typography, { variant: 'body_small', "data-testid": contentDataTestId, color: 'current-color', children: children })] }));
 
 export { Alert };

package/src/lib/components/Alert/index.d.ts

@@ -1 +1 @@
-export { Alert } from './Alert';
+export * from './Alert';

package/src/lib/components/AnimatePresence/AnimatePresence.cjs

@@ -86,6 +86,7 @@ require('../OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+require('../../context/OnrampContext/OnrampContext.cjs');
 require('../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.cjs');
 require('../../../index.cjs');
 require('../../store/state/tokenBalances.cjs');

package/src/lib/components/AnimatePresence/AnimatePresence.js

@@ -82,6 +82,7 @@ import '../OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import '../../context/OnrampContext/OnrampContext.js';
 import '../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.js';
 import '../../../index.js';
 import '../../store/state/tokenBalances.js';

package/src/lib/components/AuthProviderIcon/AuthProviderIcon.cjs

@@ -90,6 +90,7 @@ require('../OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+require('../../context/OnrampContext/OnrampContext.cjs');
 require('../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.cjs');
 require('../../../index.cjs');
 require('../../store/state/tokenBalances.cjs');

package/src/lib/components/AuthProviderIcon/AuthProviderIcon.js

@@ -86,6 +86,7 @@ import '../OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import '../../context/OnrampContext/OnrampContext.js';
 import '../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.js';
 import '../../../index.js';
 import '../../store/state/tokenBalances.js';

package/src/lib/components/Button/Button.cjs

@@ -9,27 +9,14 @@ var React = require('react');
 var classNames = require('../../utils/functions/classNames/classNames.cjs');
 var spinner = require('../Spinner/spinner.cjs');
 
-const Button = ({ buttonClassName = '', className, style, buttonPadding = 'medium', buttonVariant = 'primary', buttonRef, children, feedback, expanded, dataTestId, disabled = false, showInternalLoading = true, loading = false, onClick, type, startSlot, endSlot, }) => {
+const defaultButtonVariant = 'primary';
+const Button = ({ buttonClassName = '', className, style, buttonPadding = 'medium', buttonVariant = defaultButtonVariant, buttonRef, children, feedback, expanded, dataTestId, disabled = false, showInternalLoading = true, loading = false, onClick, type, startSlot, endSlot, }) => {
     const [internalButtonLoading, setInternalButtonLoading] = React.useState(false);
     const [isFeedbackVisible, setIsFeedbackVisible] = React.useState(false);
-    const buttonVariantClassNameMap = {
-        'brand-primary': 'button--brand-primary',
-        primary: 'button--primary',
-        secondary: 'button--secondary',
-        tertiary: 'button--tertiary',
-    };
-    const buttonPaddingClassNameMap = {
-        default: 'button--padding-default',
-        large: 'button--padding-large',
-        'login-screen-height': 'button--padding-login-screen-height',
-        medium: 'button--padding-medium',
-        none: 'button--padding-none',
-        small: 'button--padding-small',
-    };
     const buttonEffectiveClassName = classNames.classNames('button', {
         'button--expanded': Boolean(expanded),
         'button--loading': Boolean(loading),
-    }, buttonPadding ? buttonPaddingClassNameMap[buttonPadding] : '', buttonVariant ? buttonVariantClassNameMap[buttonVariant] : '', buttonClassName, className);
+    }, buttonPadding ? `button--padding-${buttonPadding}` : '', buttonVariant ? `button--${buttonVariant}` : '', buttonClassName, className);
     const handleClick = (e) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         if (onClick) {
             const onClickResult = onClick(e);
@@ -58,3 +45,4 @@ const Button = ({ buttonClassName = '', className, style, buttonPadding = 'mediu
 };
 
 exports.Button = Button;
+exports.defaultButtonVariant = defaultButtonVariant;

package/src/lib/components/Button/Button.d.ts

@@ -1,8 +1,9 @@
-import { ButtonHTMLAttributes, FC, LegacyRef, MouseEventHandler, ReactNode } from 'react';
+import { ButtonHTMLAttributes, FC, LegacyRef, MouseEventHandler, PropsWithChildren, ReactNode } from 'react';
 import { ClassStyleProps } from '../../utils/types/ClassStyleProps';
-type ButtonVariant = 'primary' | 'secondary' | 'tertiary' | 'brand-primary';
+type ButtonVariant = 'primary' | 'secondary' | 'tertiary' | 'brand-primary' | 'card';
 type ButtonPadding = 'small' | 'medium' | 'large' | 'none' | 'default' | 'login-screen-height';
-export type ButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick'> & ClassStyleProps & {
+export declare const defaultButtonVariant: ButtonVariant;
+export type ButtonProps = ClassStyleProps & PropsWithChildren & {
     buttonClassName?: string;
     buttonPadding?: ButtonPadding;
     buttonVariant?: ButtonVariant;
@@ -16,6 +17,7 @@ export type ButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick
     loading?: boolean;
     startSlot?: JSX.Element;
     onClick?: MouseEventHandler<HTMLButtonElement> | (() => Promise<void>);
+    type?: ButtonHTMLAttributes<HTMLButtonElement>['type'];
 };
 export declare const Button: FC<ButtonProps>;
 export {};

package/src/lib/components/Button/Button.js

@@ -5,27 +5,14 @@ import { useState } from 'react';
 import { classNames } from '../../utils/functions/classNames/classNames.js';
 import { Spinner } from '../Spinner/spinner.js';
 
-const Button = ({ buttonClassName = '', className, style, buttonPadding = 'medium', buttonVariant = 'primary', buttonRef, children, feedback, expanded, dataTestId, disabled = false, showInternalLoading = true, loading = false, onClick, type, startSlot, endSlot, }) => {
+const defaultButtonVariant = 'primary';
+const Button = ({ buttonClassName = '', className, style, buttonPadding = 'medium', buttonVariant = defaultButtonVariant, buttonRef, children, feedback, expanded, dataTestId, disabled = false, showInternalLoading = true, loading = false, onClick, type, startSlot, endSlot, }) => {
     const [internalButtonLoading, setInternalButtonLoading] = useState(false);
     const [isFeedbackVisible, setIsFeedbackVisible] = useState(false);
-    const buttonVariantClassNameMap = {
-        'brand-primary': 'button--brand-primary',
-        primary: 'button--primary',
-        secondary: 'button--secondary',
-        tertiary: 'button--tertiary',
-    };
-    const buttonPaddingClassNameMap = {
-        default: 'button--padding-default',
-        large: 'button--padding-large',
-        'login-screen-height': 'button--padding-login-screen-height',
-        medium: 'button--padding-medium',
-        none: 'button--padding-none',
-        small: 'button--padding-small',
-    };
     const buttonEffectiveClassName = classNames('button', {
         'button--expanded': Boolean(expanded),
         'button--loading': Boolean(loading),
-    }, buttonPadding ? buttonPaddingClassNameMap[buttonPadding] : '', buttonVariant ? buttonVariantClassNameMap[buttonVariant] : '', buttonClassName, className);
+    }, buttonPadding ? `button--padding-${buttonPadding}` : '', buttonVariant ? `button--${buttonVariant}` : '', buttonClassName, className);
     const handleClick = (e) => __awaiter(void 0, void 0, void 0, function* () {
         if (onClick) {
             const onClickResult = onClick(e);
@@ -53,4 +40,4 @@ const Button = ({ buttonClassName = '', className, style, buttonPadding = 'mediu
     return (jsxs("button", { type: type, ref: buttonRef, onClick: handleClick, className: buttonEffectiveClassName, disabled: disabled || internalButtonLoading || loading, "data-testid": dataTestId, style: style, children: [(internalButtonLoading || loading) && (jsx("div", { className: 'button__spinner-container', "data-testid": 'button__spinner', children: jsx(Spinner, { className: 'button__spinner' }) })), buttonContent] }));
 };
 
-export { Button };
+export { Button, defaultButtonVariant };

package/src/lib/components/Button/index.d.ts

@@ -1 +1 @@
-export { Button } from './Button';
+export * from './Button';

package/src/lib/components/Captcha/Captcha.cjs

@@ -84,6 +84,7 @@ require('../OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+require('../../context/OnrampContext/OnrampContext.cjs');
 require('../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.cjs');
 require('../../../index.cjs');
 require('../../store/state/tokenBalances.cjs');

package/src/lib/components/Captcha/Captcha.js

@@ -80,6 +80,7 @@ import '../OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import '../../context/OnrampContext/OnrampContext.js';
 import '../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.js';
 import '../../../index.js';
 import '../../store/state/tokenBalances.js';

package/src/lib/components/Divider/Divider.cjs

@@ -75,6 +75,8 @@ require('../OverlayCard/OverlayCard.cjs');
 require('../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+require('../../context/OnrampContext/OnrampContext.cjs');
+require('qrcode');
 require('../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.cjs');
 require('../../../index.cjs');
 require('../../context/IpConfigurationContext/IpConfigurationContext.cjs');
@@ -89,7 +91,6 @@ require('../InlineWidget/InlineWidget.cjs');
 require('../IsBrowser/IsBrowser.cjs');
 require('../Popper/Popper/Popper.cjs');
 require('../Popper/PopperContext/PopperContext.cjs');
-require('qrcode');
 
 const Divider = ({ text, className, style, fullWidth = false, children, }) => (jsxRuntime.jsxs("div", { className: classNames.classNames('divider', className, {
         'divider__full-width': fullWidth,

package/src/lib/components/Divider/Divider.js

@@ -71,6 +71,8 @@ import '../OverlayCard/OverlayCard.js';
 import '../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../context/PasskeyContext/PasskeyContext.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import '../../context/OnrampContext/OnrampContext.js';
+import 'qrcode';
 import '../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.js';
 import '../../../index.js';
 import '../../context/IpConfigurationContext/IpConfigurationContext.js';
@@ -85,7 +87,6 @@ import '../InlineWidget/InlineWidget.js';
 import '../IsBrowser/IsBrowser.js';
 import '../Popper/Popper/Popper.js';
 import '../Popper/PopperContext/PopperContext.js';
-import 'qrcode';
 
 const Divider = ({ text, className, style, fullWidth = false, children, }) => (jsxs("div", { className: classNames('divider', className, {
         'divider__full-width': fullWidth,

package/src/lib/components/DynamicConnectButton/DynamicConnectButton.cjs

@@ -85,6 +85,7 @@ require('../OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+require('../../context/OnrampContext/OnrampContext.cjs');
 require('../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.cjs');
 require('../../../index.cjs');
 require('../../store/state/tokenBalances.cjs');

package/src/lib/components/DynamicConnectButton/DynamicConnectButton.js

@@ -81,6 +81,7 @@ import '../OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import '../../context/OnrampContext/OnrampContext.js';
 import '../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.js';
 import '../../../index.js';
 import '../../store/state/tokenBalances.js';

package/src/lib/components/EmailForm/EmailForm.cjs

@@ -76,6 +76,8 @@ require('../OverlayCard/OverlayCard.cjs');
 require('../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+require('../../context/OnrampContext/OnrampContext.cjs');
+require('qrcode');
 require('../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.cjs');
 require('../../../index.cjs');
 require('../../context/IpConfigurationContext/IpConfigurationContext.cjs');
@@ -91,7 +93,6 @@ require('../InlineWidget/InlineWidget.cjs');
 require('../IsBrowser/IsBrowser.cjs');
 require('../Popper/Popper/Popper.cjs');
 require('../Popper/PopperContext/PopperContext.cjs');
-require('qrcode');
 
 const EmailForm = ({ isLoading, onSubmit, isEmailInvalid = false, currentEmail, emailSubmitButtonInsideInput = false, buttonCopyKey = 'dyn_login.email_form.submit_button.label', isDisabled = false, className, style, }) => {
     const { t } = reactI18next.useTranslation();

package/src/lib/components/EmailForm/EmailForm.js

@@ -72,6 +72,8 @@ import '../OverlayCard/OverlayCard.js';
 import '../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../context/PasskeyContext/PasskeyContext.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import '../../context/OnrampContext/OnrampContext.js';
+import 'qrcode';
 import '../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.js';
 import '../../../index.js';
 import '../../context/IpConfigurationContext/IpConfigurationContext.js';
@@ -87,7 +89,6 @@ import '../InlineWidget/InlineWidget.js';
 import '../IsBrowser/IsBrowser.js';
 import '../Popper/Popper/Popper.js';
 import '../Popper/PopperContext/PopperContext.js';
-import 'qrcode';
 
 const EmailForm = ({ isLoading, onSubmit, isEmailInvalid = false, currentEmail, emailSubmitButtonInsideInput = false, buttonCopyKey = 'dyn_login.email_form.submit_button.label', isDisabled = false, className, style, }) => {
     const { t } = useTranslation();

package/src/lib/components/LogoutButton/LogoutButton.cjs

@@ -86,6 +86,7 @@ require('../OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+require('../../context/OnrampContext/OnrampContext.cjs');
 require('../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.cjs');
 require('../../../index.cjs');
 require('../../store/state/tokenBalances.cjs');

package/src/lib/components/LogoutButton/LogoutButton.js

@@ -82,6 +82,7 @@ import '../OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import '../../context/OnrampContext/OnrampContext.js';
 import '../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.js';
 import '../../../index.js';
 import '../../store/state/tokenBalances.js';

package/src/lib/components/Modal/Modal.cjs

@@ -85,6 +85,7 @@ require('../OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+require('../../context/OnrampContext/OnrampContext.cjs');
 require('../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.cjs');
 require('../../../index.cjs');
 require('../../store/state/tokenBalances.cjs');

package/src/lib/components/Modal/Modal.js

@@ -81,6 +81,7 @@ import '../OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import '../../context/OnrampContext/OnrampContext.js';
 import '../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.js';
 import '../../../index.js';
 import '../../store/state/tokenBalances.js';

package/src/lib/components/NeedHelpSection/NeedHelpSection.cjs

@@ -89,6 +89,7 @@ require('../OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+require('../../context/OnrampContext/OnrampContext.cjs');
 require('../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.cjs');
 require('../../../index.cjs');
 require('../../store/state/tokenBalances.cjs');

package/src/lib/components/NeedHelpSection/NeedHelpSection.js

@@ -85,6 +85,7 @@ import '../OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import '../../context/OnrampContext/OnrampContext.js';
 import '../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.js';
 import '../../../index.js';
 import '../../store/state/tokenBalances.js';

package/src/lib/components/NetworkPicker/NetworkPicker.cjs

@@ -90,6 +90,7 @@ require('../OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+require('../../context/OnrampContext/OnrampContext.cjs');
 require('../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.cjs');
 require('../../../index.cjs');
 require('../../store/state/tokenBalances.cjs');

package/src/lib/components/NetworkPicker/NetworkPicker.js

@@ -86,6 +86,7 @@ import '../OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import '../../context/OnrampContext/OnrampContext.js';
 import '../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.js';
 import '../../../index.js';
 import '../../store/state/tokenBalances.js';