@dynamic-labs/sdk-react-core 4.0.1 → 4.2.0

package/CHANGELOG.md

@@ -1,4 +1,31 @@
 
+## [4.2.0](https://github.com/dynamic-labs/dynamic-auth/compare/v4.1.0...v4.2.0) (2025-01-14)
+
+
+### Features
+
+* add EthereumWalletConnectorsWithConfig ([#7796](https://github.com/dynamic-labs/dynamic-auth/issues/7796)) ([52146c3](https://github.com/dynamic-labs/dynamic-auth/commit/52146c38acbbe9ad31d5f047527b06ea44846065))
+* add new userWalletsChanged event that aggregates all user wallet events ([#7797](https://github.com/dynamic-labs/dynamic-auth/issues/7797)) ([058e629](https://github.com/dynamic-labs/dynamic-auth/commit/058e629f0e760ad9dff2b03f86354355c6f8bffe))
+* add support for connect with OKX Wallet on Eclipse ([#7793](https://github.com/dynamic-labs/dynamic-auth/issues/7793)) ([b6cd047](https://github.com/dynamic-labs/dynamic-auth/commit/b6cd04781402868443b02cbce269dd3c02c358b5))
+
+
+### Bug Fixes
+
+* getWalletClient method not returning client with chain for Coinbase ([#7799](https://github.com/dynamic-labs/dynamic-auth/issues/7799)) ([e075493](https://github.com/dynamic-labs/dynamic-auth/commit/e0754936582c19850c905fc3d62c3621df7c274c))
+
+## [4.1.0](https://github.com/dynamic-labs/dynamic-auth/compare/v4.0.1...v4.1.0) (2025-01-14)
+
+
+### Features
+
+* add hook for upgrading embedded wallets ([#7743](https://github.com/dynamic-labs/dynamic-auth/issues/7743)) ([f0f49b3](https://github.com/dynamic-labs/dynamic-auth/commit/f0f49b335fcf99402fcd8722ae0af137d6f313d1))
+* add setting to require transaction confirmation ([#7770](https://github.com/dynamic-labs/dynamic-auth/issues/7770)) ([0a92485](https://github.com/dynamic-labs/dynamic-auth/commit/0a924852b241e786ad608c55e593d7363c1661c1))
+
+
+### Bug Fixes
+
+* correctly detect MetaMask installation in the browser ([#7789](https://github.com/dynamic-labs/dynamic-auth/issues/7789)) ([d499497](https://github.com/dynamic-labs/dynamic-auth/commit/d499497c0b9e052962b3f16fc418a7de99e3bb34))
+
 ### [4.0.1](https://github.com/dynamic-labs/dynamic-auth/compare/v4.0.0...v4.0.1) (2025-01-10)
 
 

package/package.cjs

@@ -3,9 +3,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "4.0.1";
+var version = "4.2.0";
 var dependencies = {
-	"@dynamic-labs/sdk-api-core": "0.0.578",
+	"@dynamic-labs/sdk-api-core": "0.0.586",
 	"@hcaptcha/react-hcaptcha": "1.4.4",
 	"@thumbmarkjs/thumbmarkjs": "0.16.0",
 	"country-list": "2.3.0",

package/package.js

@@ -1,7 +1,7 @@
 'use client'
-var version = "4.0.1";
+var version = "4.2.0";
 var dependencies = {
-	"@dynamic-labs/sdk-api-core": "0.0.578",
+	"@dynamic-labs/sdk-api-core": "0.0.586",
 	"@hcaptcha/react-hcaptcha": "1.4.4",
 	"@thumbmarkjs/thumbmarkjs": "0.16.0",
 	"country-list": "2.3.0",

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "4.0.1",
+  "version": "4.2.0",
   "dependencies": {
-    "@dynamic-labs/sdk-api-core": "0.0.578",
+    "@dynamic-labs/sdk-api-core": "0.0.586",
     "@hcaptcha/react-hcaptcha": "1.4.4",
     "@thumbmarkjs/thumbmarkjs": "0.16.0",
     "country-list": "2.3.0",
@@ -13,17 +13,17 @@
     "react-i18next": "13.5.0",
     "yup": "0.32.11",
     "react-international-phone": "4.2.5",
-    "@dynamic-labs/assert-package-version": "4.0.1",
-    "@dynamic-labs/ethereum-aa": "4.0.1",
-    "@dynamic-labs/iconic": "4.0.1",
-    "@dynamic-labs/logger": "4.0.1",
-    "@dynamic-labs/multi-wallet": "4.0.1",
-    "@dynamic-labs/rpc-providers": "4.0.1",
-    "@dynamic-labs/store": "4.0.1",
-    "@dynamic-labs/types": "4.0.1",
-    "@dynamic-labs/utils": "4.0.1",
-    "@dynamic-labs/wallet-book": "4.0.1",
-    "@dynamic-labs/wallet-connector-core": "4.0.1",
+    "@dynamic-labs/assert-package-version": "4.2.0",
+    "@dynamic-labs/ethereum-aa": "4.2.0",
+    "@dynamic-labs/iconic": "4.2.0",
+    "@dynamic-labs/logger": "4.2.0",
+    "@dynamic-labs/multi-wallet": "4.2.0",
+    "@dynamic-labs/rpc-providers": "4.2.0",
+    "@dynamic-labs/store": "4.2.0",
+    "@dynamic-labs/types": "4.2.0",
+    "@dynamic-labs/utils": "4.2.0",
+    "@dynamic-labs/wallet-book": "4.2.0",
+    "@dynamic-labs/wallet-connector-core": "4.2.0",
     "bs58": "5.0.0",
     "eventemitter3": "5.0.1"
   },

package/src/index.cjs

@@ -40,8 +40,6 @@ require('@dynamic-labs/wallet-book');
 require('./lib/store/state/loadingAndLifecycle.cjs');
 var useLocalStorage = require('./lib/shared/utils/hooks/useLocalStorage/useLocalStorage.cjs');
 var index$1 = require('./lib/shared/utils/hooks/useOnClickOutside/index.cjs');
-require('@dynamic-labs/iconic');
-require('./lib/context/ViewContext/ViewContext.cjs');
 var arrowLeft = require('./lib/shared/assets/arrow-left.cjs');
 var arrowRight = require('./lib/shared/assets/arrow-right.cjs');
 var checkCircle = require('./lib/shared/assets/check-circle.cjs');
@@ -60,6 +58,8 @@ var logout = require('./lib/shared/assets/logout.cjs');
 var pencil = require('./lib/shared/assets/pencil.cjs');
 var spinner = require('./lib/shared/assets/spinner.cjs');
 var stroke = require('./lib/shared/assets/stroke.cjs');
+require('@dynamic-labs/iconic');
+require('./lib/context/ViewContext/ViewContext.cjs');
 require('./lib/shared/consts/index.cjs');
 require('../_virtual/_tslib.cjs');
 require('react-dom');
@@ -76,17 +76,12 @@ require('./lib/store/state/primaryWalletId/primaryWalletId.cjs');
 require('./lib/store/state/user/user.cjs');
 require('./lib/locale/locale.cjs');
 require('./lib/utils/functions/compareChains/compareChains.cjs');
-var useEmbeddedWallet = require('./lib/utils/hooks/useEmbeddedWallet/useEmbeddedWallet.cjs');
-require('./lib/context/WalletContext/WalletContext.cjs');
-var useSmartWallets = require('./lib/utils/hooks/useSmartWallets/useSmartWallets.cjs');
-var usePasskeyRecovery = require('./lib/utils/hooks/usePasskeyRecovery/usePasskeyRecovery.cjs');
-var constants = require('./lib/utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
-require('./lib/context/ErrorContext/ErrorContext.cjs');
 require('./lib/context/ThemeContext/ThemeContext.cjs');
 var useIsLoggedIn = require('./lib/utils/hooks/useIsLoggedIn/useIsLoggedIn.cjs');
 require('./lib/context/VerificationContext/VerificationContext.cjs');
 var useOtpVerificationRequest = require('./lib/utils/hooks/authenticationHooks/useOtpVerificationRequest/useOtpVerificationRequest.cjs');
 require('./lib/utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
+var usePasskeyRecovery = require('./lib/utils/hooks/usePasskeyRecovery/usePasskeyRecovery.cjs');
 var useSocialAccounts = require('./lib/utils/hooks/useSocialAccounts/useSocialAccounts.cjs');
 require('yup');
 var MockContext = require('./lib/context/MockContext/MockContext.cjs');
@@ -97,9 +92,11 @@ require('./lib/context/FieldsStateContext/FieldsStateContext.cjs');
 var useRpcProviders = require('./lib/utils/hooks/useRpcProviders/useRpcProviders.cjs');
 require('./lib/context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('./lib/context/AccountExistsContext/AccountExistsContext.cjs');
+require('./lib/context/ErrorContext/ErrorContext.cjs');
 require('./lib/store/state/walletOptions/walletOptions.cjs');
 var useWalletItemActions = require('./lib/utils/hooks/useWalletItemActions/useWalletItemActions.cjs');
 require('react-i18next');
+var useSmartWallets = require('./lib/utils/hooks/useSmartWallets/useSmartWallets.cjs');
 require('./lib/context/FooterAnimationContext/index.cjs');
 var ShadowDOM = require('./lib/components/ShadowDOM/ShadowDOM.cjs');
 require('./lib/components/Transition/ZoomTransition/ZoomTransition.cjs');
@@ -112,6 +109,7 @@ require('./lib/widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidge
 require('react-focus-lock');
 require('./lib/context/LoadingContext/LoadingContext.cjs');
 var useMultiWalletPromptState = require('./lib/widgets/DynamicWidget/hooks/useMultiWalletPromptState/useMultiWalletPromptState.cjs');
+require('./lib/context/WalletContext/WalletContext.cjs');
 require('./lib/context/CaptchaContext/CaptchaContext.cjs');
 var DynamicWidgetContext = require('./lib/widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('./lib/components/IconButton/IconButton.cjs');
@@ -126,6 +124,8 @@ require('./lib/views/TransactionConfirmationView/TransactionConfirmationView.cjs
 require('./lib/context/PasskeyContext/PasskeyContext.cjs');
 require('./lib/widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var useEmbeddedReveal = require('./lib/utils/hooks/useEmbeddedReveal/useEmbeddedReveal.cjs');
+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');
 var NoQrNotInstalledView = require('./lib/views/NoQrNotInstalledView/NoQrNotInstalledView.cjs');
 var CollectUserDataView = require('./lib/views/CollectUserDataView/CollectUserDataView.cjs');
@@ -145,6 +145,7 @@ var useRefreshUser = require('./lib/utils/hooks/useRefreshUser/useRefreshUser.cj
 var useWalletOptions = require('./lib/utils/hooks/useWalletOptions/useWalletOptions.cjs');
 var useSyncMfaFlow = require('./lib/utils/hooks/useSyncMfaFlow/useSyncMfaFlow.cjs');
 var useTelegramLogin = require('./lib/utils/hooks/useTelegramLogin/useTelegramLogin.cjs');
+var useUpgradeEmbeddedWallet = require('./lib/utils/hooks/useUpgradeEmbeddedWallet/useUpgradeEmbeddedWallet.cjs');
 var DynamicConnectButton = require('./lib/components/DynamicConnectButton/DynamicConnectButton.cjs');
 require('./lib/components/InlineWidget/InlineWidget.cjs');
 var IsBrowser = require('./lib/components/IsBrowser/IsBrowser.cjs');
@@ -225,25 +226,25 @@ exports.dynamicEvents = dynamicEvents.publicDynamicEvents;
 exports.apiClient = api.sdkApi;
 exports.mergeNetworks = mergeNetworks.mergeNetworks;
 exports.isAuthenticatedWithAWallet = isAuthenticatedWithAWallet.isAuthenticatedWithAWallet;
-exports.useEmbeddedWallet = useEmbeddedWallet.useEmbeddedWallet;
-exports.useSmartWallets = useSmartWallets.useSmartWallets;
-exports.usePasskeyRecovery = usePasskeyRecovery.usePasskeyRecovery;
-Object.defineProperty(exports, 'EmbeddedWalletVersion', {
-  enumerable: true,
-  get: function () { return constants.EmbeddedWalletVersion; }
-});
 exports.useIsLoggedIn = useIsLoggedIn.useIsLoggedIn;
 exports.useOtpVerificationRequest = useOtpVerificationRequest.useOtpVerificationRequest;
+exports.usePasskeyRecovery = usePasskeyRecovery.usePasskeyRecovery;
 exports.useSocialAccounts = useSocialAccounts.useSocialAccounts;
 exports.MockContextProvider = MockContext.MockContextProvider;
 exports.useUserUpdateRequest = useUserUpdateRequest.useUserUpdateRequest;
 exports.useRpcProviders = useRpcProviders.useRpcProviders;
 exports.useWalletItemActions = useWalletItemActions.useWalletItemActions;
+exports.useSmartWallets = useSmartWallets.useSmartWallets;
 exports.ShadowDOM = ShadowDOM.ShadowDOM;
 exports.useMultiWalletPromptState = useMultiWalletPromptState.useMultiWalletPromptState;
 exports.DynamicWidgetContextProvider = DynamicWidgetContext.DynamicWidgetContextProvider;
 exports.useSwitchWallet = useSwitchWallet.useSwitchWallet;
 exports.useEmbeddedReveal = useEmbeddedReveal.useEmbeddedReveal;
+exports.useEmbeddedWallet = useEmbeddedWallet.useEmbeddedWallet;
+Object.defineProperty(exports, 'EmbeddedWalletVersion', {
+  enumerable: true,
+  get: function () { return constants.EmbeddedWalletVersion; }
+});
 exports.useEmbeddedWalletAuthenticator = useEmbeddedWalletAuthenticator.useEmbeddedWalletAuthenticator;
 exports.NoQrNotInstalledView = NoQrNotInstalledView.NoQrNotInstalledView;
 exports.CollectUserDataView = CollectUserDataView.CollectUserDataView;
@@ -263,6 +264,7 @@ exports.useRefreshUser = useRefreshUser.useRefreshUser;
 exports.useWalletOptions = useWalletOptions.useWalletOptions;
 exports.useSyncMfaFlow = useSyncMfaFlow.useSyncMfaFlow;
 exports.useTelegramLogin = useTelegramLogin.useTelegramLogin;
+exports.useUpgradeEmbeddedWallet = useUpgradeEmbeddedWallet.useUpgradeEmbeddedWallet;
 exports.DynamicConnectButton = DynamicConnectButton.DynamicConnectButton;
 exports.IsBrowser = IsBrowser.IsBrowser;
 exports.DynamicBridgeWidget = DynamicBridgeWidget.DynamicBridgeWidget;

package/src/index.d.ts

@@ -100,6 +100,7 @@ AuthOptions as AuthOption, AuthOptions,
 /** @deprecated use AuthMethod instead */
 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 { 
 /** @deprecated use https://www.npmjs.com/package/classnames */
@@ -109,7 +110,7 @@ export { FilterAndSortWallets, FilterBridgeChainsName, FilterChain, FilterWallet
 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, } from './lib/utils/hooks';
+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 { useUserUpdateRequest, useWalletConnectorEvent, } from './lib/utils/hooks';
 export { type VerifyOtp, useOtpVerificationRequest, } from './lib/utils/hooks/authenticationHooks/';
 export type { UpdateUserFieldsArg } from './lib/utils/hooks/';

package/src/index.js

@@ -36,8 +36,6 @@ import '@dynamic-labs/wallet-book';
 import './lib/store/state/loadingAndLifecycle.js';
 export { useLocalStorage } from './lib/shared/utils/hooks/useLocalStorage/useLocalStorage.js';
 export { useOnClickOutside } from './lib/shared/utils/hooks/useOnClickOutside/index.js';
-import '@dynamic-labs/iconic';
-import './lib/context/ViewContext/ViewContext.js';
 export { ReactComponent as ArrowLeftIcon } from './lib/shared/assets/arrow-left.js';
 export { ReactComponent as ArrowRightIcon } from './lib/shared/assets/arrow-right.js';
 export { ReactComponent as CheckCircleIcon } from './lib/shared/assets/check-circle.js';
@@ -56,6 +54,8 @@ export { ReactComponent as LogoutIcon } from './lib/shared/assets/logout.js';
 export { ReactComponent as PencilIcon } from './lib/shared/assets/pencil.js';
 export { ReactComponent as SpinnerIcon } from './lib/shared/assets/spinner.js';
 export { ReactComponent as ArrowIcon } from './lib/shared/assets/stroke.js';
+import '@dynamic-labs/iconic';
+import './lib/context/ViewContext/ViewContext.js';
 import './lib/shared/consts/index.js';
 import '../_virtual/_tslib.js';
 import 'react-dom';
@@ -72,17 +72,12 @@ import './lib/store/state/primaryWalletId/primaryWalletId.js';
 import './lib/store/state/user/user.js';
 import './lib/locale/locale.js';
 import './lib/utils/functions/compareChains/compareChains.js';
-export { useEmbeddedWallet } from './lib/utils/hooks/useEmbeddedWallet/useEmbeddedWallet.js';
-import './lib/context/WalletContext/WalletContext.js';
-export { useSmartWallets } from './lib/utils/hooks/useSmartWallets/useSmartWallets.js';
-export { usePasskeyRecovery } from './lib/utils/hooks/usePasskeyRecovery/usePasskeyRecovery.js';
-export { EmbeddedWalletVersion } from './lib/utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
-import './lib/context/ErrorContext/ErrorContext.js';
 import './lib/context/ThemeContext/ThemeContext.js';
 export { useIsLoggedIn } from './lib/utils/hooks/useIsLoggedIn/useIsLoggedIn.js';
 import './lib/context/VerificationContext/VerificationContext.js';
 export { useOtpVerificationRequest } from './lib/utils/hooks/authenticationHooks/useOtpVerificationRequest/useOtpVerificationRequest.js';
 import './lib/utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
+export { usePasskeyRecovery } from './lib/utils/hooks/usePasskeyRecovery/usePasskeyRecovery.js';
 export { useSocialAccounts } from './lib/utils/hooks/useSocialAccounts/useSocialAccounts.js';
 import 'yup';
 export { MockContextProvider } from './lib/context/MockContext/MockContext.js';
@@ -93,9 +88,11 @@ import './lib/context/FieldsStateContext/FieldsStateContext.js';
 export { useRpcProviders } from './lib/utils/hooks/useRpcProviders/useRpcProviders.js';
 import './lib/context/AccessDeniedContext/AccessDeniedContext.js';
 import './lib/context/AccountExistsContext/AccountExistsContext.js';
+import './lib/context/ErrorContext/ErrorContext.js';
 import './lib/store/state/walletOptions/walletOptions.js';
 export { useWalletItemActions } from './lib/utils/hooks/useWalletItemActions/useWalletItemActions.js';
 import 'react-i18next';
+export { useSmartWallets } from './lib/utils/hooks/useSmartWallets/useSmartWallets.js';
 import './lib/context/FooterAnimationContext/index.js';
 export { ShadowDOM } from './lib/components/ShadowDOM/ShadowDOM.js';
 import './lib/components/Transition/ZoomTransition/ZoomTransition.js';
@@ -108,6 +105,7 @@ import './lib/widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidget
 import 'react-focus-lock';
 import './lib/context/LoadingContext/LoadingContext.js';
 export { useMultiWalletPromptState } from './lib/widgets/DynamicWidget/hooks/useMultiWalletPromptState/useMultiWalletPromptState.js';
+import './lib/context/WalletContext/WalletContext.js';
 import './lib/context/CaptchaContext/CaptchaContext.js';
 export { DynamicWidgetContextProvider } from './lib/widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import './lib/components/IconButton/IconButton.js';
@@ -122,6 +120,8 @@ import './lib/views/TransactionConfirmationView/TransactionConfirmationView.js';
 import './lib/context/PasskeyContext/PasskeyContext.js';
 import './lib/widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 export { useEmbeddedReveal } from './lib/utils/hooks/useEmbeddedReveal/useEmbeddedReveal.js';
+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';
 export { NoQrNotInstalledView } from './lib/views/NoQrNotInstalledView/NoQrNotInstalledView.js';
 export { CollectUserDataView } from './lib/views/CollectUserDataView/CollectUserDataView.js';
@@ -141,6 +141,7 @@ export { useRefreshUser } from './lib/utils/hooks/useRefreshUser/useRefreshUser.
 export { useWalletOptions } from './lib/utils/hooks/useWalletOptions/useWalletOptions.js';
 export { useSyncMfaFlow } from './lib/utils/hooks/useSyncMfaFlow/useSyncMfaFlow.js';
 export { useTelegramLogin } from './lib/utils/hooks/useTelegramLogin/useTelegramLogin.js';
+export { useUpgradeEmbeddedWallet } from './lib/utils/hooks/useUpgradeEmbeddedWallet/useUpgradeEmbeddedWallet.js';
 export { DynamicConnectButton } from './lib/components/DynamicConnectButton/DynamicConnectButton.js';
 import './lib/components/InlineWidget/InlineWidget.js';
 export { IsBrowser } from './lib/components/IsBrowser/IsBrowser.js';

package/src/lib/Main.cjs

@@ -44,12 +44,12 @@ var isConnectOnly = require('./utils/hooks/authenticationHooks/helpers/isConnect
 require('./context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
 require('./utils/functions/compareChains/compareChains.cjs');
-require('./context/WalletContext/WalletContext.cjs');
-require('./utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
 require('./context/ThemeContext/ThemeContext.cjs');
 require('./utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
 require('@dynamic-labs/types');
 require('./context/LoadingContext/LoadingContext.cjs');
+require('./context/WalletContext/WalletContext.cjs');
+require('./utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
 require('yup');
 require('./context/MockContext/MockContext.cjs');
 require('./views/CollectUserDataView/useFields.cjs');

package/src/lib/Main.js

@@ -40,12 +40,12 @@ import { isConnectOnly } from './utils/hooks/authenticationHooks/helpers/isConne
 import './context/VerificationContext/VerificationContext.js';
 import 'react-dom';
 import './utils/functions/compareChains/compareChains.js';
-import './context/WalletContext/WalletContext.js';
-import './utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
 import './context/ThemeContext/ThemeContext.js';
 import './utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
 import '@dynamic-labs/types';
 import './context/LoadingContext/LoadingContext.js';
+import './context/WalletContext/WalletContext.js';
+import './utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
 import 'yup';
 import './context/MockContext/MockContext.js';
 import './views/CollectUserDataView/useFields.js';

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

@@ -37,13 +37,13 @@ require('../../../../context/UserWalletsContext/UserWalletsContext.cjs');
 require('../../../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
 require('../../../../utils/functions/compareChains/compareChains.cjs');
-require('../../../../context/WalletContext/WalletContext.cjs');
-require('../../../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
 require('../../../../context/ThemeContext/ThemeContext.cjs');
 require('../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
 var useResizeObserver = require('../../../../utils/hooks/useResizeObserver/useResizeObserver.cjs');
 require('@dynamic-labs/types');
 require('../../../../context/LoadingContext/LoadingContext.cjs');
+require('../../../../context/WalletContext/WalletContext.cjs');
+require('../../../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
 require('yup');
 require('../../../../context/MockContext/MockContext.cjs');
 require('../../../../views/CollectUserDataView/useFields.cjs');

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

@@ -33,13 +33,13 @@ import '../../../../context/UserWalletsContext/UserWalletsContext.js';
 import '../../../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
 import '../../../../utils/functions/compareChains/compareChains.js';
-import '../../../../context/WalletContext/WalletContext.js';
-import '../../../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
 import '../../../../context/ThemeContext/ThemeContext.js';
 import '../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
 import { useResizeObserver } from '../../../../utils/hooks/useResizeObserver/useResizeObserver.js';
 import '@dynamic-labs/types';
 import '../../../../context/LoadingContext/LoadingContext.js';
+import '../../../../context/WalletContext/WalletContext.js';
+import '../../../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
 import 'yup';
 import '../../../../context/MockContext/MockContext.js';
 import '../../../../views/CollectUserDataView/useFields.js';

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

@@ -8,9 +8,9 @@ require('@dynamic-labs/sdk-api-core');
 require('../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
-require('../../context/ViewContext/ViewContext.cjs');
 require('react');
 var error = require('../../shared/assets/error.cjs');
+require('../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
 require('@dynamic-labs/utils');
 require('../../utils/constants/colors.cjs');

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

@@ -4,9 +4,9 @@ import '@dynamic-labs/sdk-api-core';
 import '../../shared/logger.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
-import '../../context/ViewContext/ViewContext.js';
 import 'react';
 import { ReactComponent as SvgError } from '../../shared/assets/error.js';
+import '../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
 import '@dynamic-labs/utils';
 import '../../utils/constants/colors.js';

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

@@ -36,14 +36,14 @@ require('../../context/UserWalletsContext/UserWalletsContext.cjs');
 require('../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
 require('../../utils/functions/compareChains/compareChains.cjs');
-require('../../context/WalletContext/WalletContext.cjs');
-require('../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
 require('../../context/ThemeContext/ThemeContext.cjs');
 var useForceUpdate = require('../../utils/hooks/useForceUpdate/useForceUpdate.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
 var usePrevious = require('../../utils/hooks/usePrevious/usePrevious.cjs');
 require('@dynamic-labs/types');
 require('../../context/LoadingContext/LoadingContext.cjs');
+require('../../context/WalletContext/WalletContext.cjs');
+require('../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
 require('yup');
 require('../../context/MockContext/MockContext.cjs');
 require('../../views/CollectUserDataView/useFields.cjs');

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

@@ -32,14 +32,14 @@ import '../../context/UserWalletsContext/UserWalletsContext.js';
 import '../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
 import '../../utils/functions/compareChains/compareChains.js';
-import '../../context/WalletContext/WalletContext.js';
-import '../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
 import '../../context/ThemeContext/ThemeContext.js';
 import { useForceUpdate } from '../../utils/hooks/useForceUpdate/useForceUpdate.js';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
 import { usePrevious } from '../../utils/hooks/usePrevious/usePrevious.js';
 import '@dynamic-labs/types';
 import '../../context/LoadingContext/LoadingContext.js';
+import '../../context/WalletContext/WalletContext.js';
+import '../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
 import 'yup';
 import '../../context/MockContext/MockContext.js';
 import '../../views/CollectUserDataView/useFields.js';

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

@@ -12,9 +12,9 @@ require('react');
 require('../../context/DynamicContext/DynamicContext.cjs');
 require('@dynamic-labs/sdk-api-core');
 var logger = require('../../shared/logger.cjs');
-require('../../context/ViewContext/ViewContext.cjs');
 var embeddedWalletIcon = require('../../shared/assets/embedded-wallet-icon.cjs');
 var smartWallet = require('../../shared/assets/smart-wallet.cjs');
+require('../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/utils');
 require('../../utils/constants/colors.cjs');
 require('../../utils/constants/values.cjs');
@@ -40,13 +40,13 @@ require('../../context/UserWalletsContext/UserWalletsContext.cjs');
 require('../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
 require('../../utils/functions/compareChains/compareChains.cjs');
-var WalletContext = require('../../context/WalletContext/WalletContext.cjs');
-require('../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
 var useFindSocialIcon = require('../../utils/hooks/useFindSocialIcon/useFindSocialIcon.cjs');
 require('../../context/ThemeContext/ThemeContext.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
 require('@dynamic-labs/types');
 require('../../context/LoadingContext/LoadingContext.cjs');
+var WalletContext = require('../../context/WalletContext/WalletContext.cjs');
+require('../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
 require('yup');
 require('../../context/MockContext/MockContext.cjs');
 require('../../views/CollectUserDataView/useFields.cjs');

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

@@ -8,9 +8,9 @@ import 'react';
 import '../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/sdk-api-core';
 import { logger } from '../../shared/logger.js';
-import '../../context/ViewContext/ViewContext.js';
 import { ReactComponent as SvgEmbeddedWalletIcon } from '../../shared/assets/embedded-wallet-icon.js';
 import { ReactComponent as SvgSmartWallet } from '../../shared/assets/smart-wallet.js';
+import '../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/utils';
 import '../../utils/constants/colors.js';
 import '../../utils/constants/values.js';
@@ -36,13 +36,13 @@ import '../../context/UserWalletsContext/UserWalletsContext.js';
 import '../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
 import '../../utils/functions/compareChains/compareChains.js';
-import { useWalletContext } from '../../context/WalletContext/WalletContext.js';
-import '../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
 import { useFindSocialIcon } from '../../utils/hooks/useFindSocialIcon/useFindSocialIcon.js';
 import '../../context/ThemeContext/ThemeContext.js';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
 import '@dynamic-labs/types';
 import '../../context/LoadingContext/LoadingContext.js';
+import { useWalletContext } from '../../context/WalletContext/WalletContext.js';
+import '../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
 import 'yup';
 import '../../context/MockContext/MockContext.js';
 import '../../views/CollectUserDataView/useFields.js';

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

@@ -9,7 +9,7 @@ var React = require('react');
 var classNames = require('../../utils/functions/classNames/classNames.cjs');
 var spinner = require('../Spinner/spinner.cjs');
 
-const Button = ({ buttonClassName = '', buttonPadding = 'medium', buttonVariant = 'primary', buttonRef, children, feedback, expanded, dataTestId, disabled = false, showInternalLoading = true, loading = false, onClick, type, startSlot, endSlot, }) => {
+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 [internalButtonLoading, setInternalButtonLoading] = React.useState(false);
     const [isFeedbackVisible, setIsFeedbackVisible] = React.useState(false);
     const buttonVariantClassNameMap = {
@@ -29,7 +29,7 @@ const Button = ({ buttonClassName = '', buttonPadding = 'medium', buttonVariant
     const buttonEffectiveClassName = classNames.classNames('button', {
         'button--expanded': Boolean(expanded),
         'button--loading': Boolean(loading),
-    }, buttonPadding ? buttonPaddingClassNameMap[buttonPadding] : '', buttonVariant ? buttonVariantClassNameMap[buttonVariant] : '', buttonClassName);
+    }, buttonPadding ? buttonPaddingClassNameMap[buttonPadding] : '', buttonVariant ? buttonVariantClassNameMap[buttonVariant] : '', buttonClassName, className);
     const handleClick = (e) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         if (onClick) {
             const onClickResult = onClick(e);
@@ -54,7 +54,7 @@ const Button = ({ buttonClassName = '', buttonPadding = 'medium', buttonVariant
     });
     const buttonContent = (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [startSlot && jsxRuntime.jsx("div", { className: 'button__start-slot', children: startSlot }), (feedback || children) &&
                 (isFeedbackVisible && feedback ? feedback : children), endSlot && jsxRuntime.jsx("div", { className: 'button__end-slot', children: endSlot })] }));
-    return (jsxRuntime.jsxs("button", { type: type, ref: buttonRef, onClick: handleClick, className: buttonEffectiveClassName, disabled: disabled || internalButtonLoading || loading, "data-testid": dataTestId, children: [(internalButtonLoading || loading) && (jsxRuntime.jsx("div", { className: 'button__spinner-container', "data-testid": 'button__spinner', children: jsxRuntime.jsx(spinner.Spinner, { className: 'button__spinner' }) })), buttonContent] }));
+    return (jsxRuntime.jsxs("button", { type: type, ref: buttonRef, onClick: handleClick, className: buttonEffectiveClassName, disabled: disabled || internalButtonLoading || loading, "data-testid": dataTestId, style: style, children: [(internalButtonLoading || loading) && (jsxRuntime.jsx("div", { className: 'button__spinner-container', "data-testid": 'button__spinner', children: jsxRuntime.jsx(spinner.Spinner, { className: 'button__spinner' }) })), buttonContent] }));
 };
 
 exports.Button = Button;

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

@@ -1,11 +1,12 @@
-import { ButtonHTMLAttributes, FC, MouseEventHandler, ReactNode, RefObject } from 'react';
+import { ButtonHTMLAttributes, FC, LegacyRef, MouseEventHandler, ReactNode } from 'react';
+import { ClassStyleProps } from '../../utils/types/ClassStyleProps';
 type ButtonVariant = 'primary' | 'secondary' | 'tertiary' | 'brand-primary';
 type ButtonPadding = 'small' | 'medium' | 'large' | 'none' | 'default' | 'login-screen-height';
-export type ButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick'> & {
+export type ButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick'> & ClassStyleProps & {
     buttonClassName?: string;
     buttonPadding?: ButtonPadding;
     buttonVariant?: ButtonVariant;
-    buttonRef?: RefObject<HTMLButtonElement>;
+    buttonRef?: LegacyRef<HTMLButtonElement>;
     dataTestId?: string;
     disabled?: boolean;
     endSlot?: JSX.Element;

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

@@ -5,7 +5,7 @@ import { useState } from 'react';
 import { classNames } from '../../utils/functions/classNames/classNames.js';
 import { Spinner } from '../Spinner/spinner.js';
 
-const Button = ({ buttonClassName = '', buttonPadding = 'medium', buttonVariant = 'primary', buttonRef, children, feedback, expanded, dataTestId, disabled = false, showInternalLoading = true, loading = false, onClick, type, startSlot, endSlot, }) => {
+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 [internalButtonLoading, setInternalButtonLoading] = useState(false);
     const [isFeedbackVisible, setIsFeedbackVisible] = useState(false);
     const buttonVariantClassNameMap = {
@@ -25,7 +25,7 @@ const Button = ({ buttonClassName = '', buttonPadding = 'medium', buttonVariant
     const buttonEffectiveClassName = classNames('button', {
         'button--expanded': Boolean(expanded),
         'button--loading': Boolean(loading),
-    }, buttonPadding ? buttonPaddingClassNameMap[buttonPadding] : '', buttonVariant ? buttonVariantClassNameMap[buttonVariant] : '', buttonClassName);
+    }, buttonPadding ? buttonPaddingClassNameMap[buttonPadding] : '', buttonVariant ? buttonVariantClassNameMap[buttonVariant] : '', buttonClassName, className);
     const handleClick = (e) => __awaiter(void 0, void 0, void 0, function* () {
         if (onClick) {
             const onClickResult = onClick(e);
@@ -50,7 +50,7 @@ const Button = ({ buttonClassName = '', buttonPadding = 'medium', buttonVariant
     });
     const buttonContent = (jsxs(Fragment, { children: [startSlot && jsx("div", { className: 'button__start-slot', children: startSlot }), (feedback || children) &&
                 (isFeedbackVisible && feedback ? feedback : children), endSlot && jsx("div", { className: 'button__end-slot', children: endSlot })] }));
-    return (jsxs("button", { type: type, ref: buttonRef, onClick: handleClick, className: buttonEffectiveClassName, disabled: disabled || internalButtonLoading || loading, "data-testid": dataTestId, children: [(internalButtonLoading || loading) && (jsx("div", { className: 'button__spinner-container', "data-testid": 'button__spinner', children: jsx(Spinner, { className: 'button__spinner' }) })), buttonContent] }));
+    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 };

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

@@ -37,12 +37,12 @@ require('../../context/UserWalletsContext/UserWalletsContext.cjs');
 require('../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
 require('../../utils/functions/compareChains/compareChains.cjs');
-require('../../context/WalletContext/WalletContext.cjs');
-require('../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
 require('../../context/ThemeContext/ThemeContext.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
 require('@dynamic-labs/types');
 require('../../context/LoadingContext/LoadingContext.cjs');
+require('../../context/WalletContext/WalletContext.cjs');
+require('../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
 require('yup');
 require('../../context/MockContext/MockContext.cjs');
 require('../../views/CollectUserDataView/useFields.cjs');

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

@@ -33,12 +33,12 @@ import '../../context/UserWalletsContext/UserWalletsContext.js';
 import '../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
 import '../../utils/functions/compareChains/compareChains.js';
-import '../../context/WalletContext/WalletContext.js';
-import '../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
 import '../../context/ThemeContext/ThemeContext.js';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
 import '@dynamic-labs/types';
 import '../../context/LoadingContext/LoadingContext.js';
+import '../../context/WalletContext/WalletContext.js';
+import '../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
 import 'yup';
 import '../../context/MockContext/MockContext.js';
 import '../../views/CollectUserDataView/useFields.js';

package/src/lib/components/Checkbox/Checkbox.cjs

@@ -8,9 +8,9 @@ require('@dynamic-labs/sdk-api-core');
 require('../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
-require('../../context/ViewContext/ViewContext.cjs');
 require('react');
 var check = require('../../shared/assets/check.cjs');
+require('../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
 require('@dynamic-labs/utils');
 require('../../utils/constants/colors.cjs');