@dynamic-labs/sdk-react-core 3.0.0-alpha.5 → 3.0.0-alpha.7

package/CHANGELOG.md

@@ -1,4 +1,44 @@
 
+## [3.0.0-alpha.7](https://github.com/dynamic-labs/DynamicAuth/compare/v3.0.0-alpha.6...v3.0.0-alpha.7) (2024-06-19)
+
+
+### ⚠ BREAKING CHANGES
+
+* add selectedTabIndex and helpers (#6040)
+
+### Features
+
+* add selectedTabIndex and helpers ([#6040](https://github.com/dynamic-labs/DynamicAuth/issues/6040)) ([ae20b80](https://github.com/dynamic-labs/DynamicAuth/commit/ae20b8081376dce97b18fa69c81c9ab73c1ff317))
+* add useRefreshUser to trigger a user state refresh ([#6079](https://github.com/dynamic-labs/DynamicAuth/issues/6079)) ([1236d35](https://github.com/dynamic-labs/DynamicAuth/commit/1236d35fe9fab44ed2114ad9f3c8c6dca7ec27be))
+
+
+### Bug Fixes
+
+* always return userWallets when available ([#6080](https://github.com/dynamic-labs/DynamicAuth/issues/6080)) ([#6083](https://github.com/dynamic-labs/DynamicAuth/issues/6083)) ([11992d2](https://github.com/dynamic-labs/DynamicAuth/commit/11992d2af5a401ba4ff1dc6904e2a9f8ef5904ca))
+* less solana rpc calls and improve fee fetching ([#6019](https://github.com/dynamic-labs/DynamicAuth/issues/6019)) ([e2609db](https://github.com/dynamic-labs/DynamicAuth/commit/e2609db962c7708ff5b127cb23260a25bc5032e3))
+* make account change idemopotent ([#6061](https://github.com/dynamic-labs/DynamicAuth/issues/6061)) ([8c87513](https://github.com/dynamic-labs/DynamicAuth/commit/8c8751390ea14888c4889679895e2f06d75717b9))
+* only run multi wallet prompt when user profile or auth flow are open ([#6073](https://github.com/dynamic-labs/DynamicAuth/issues/6073)) ([d48ca10](https://github.com/dynamic-labs/DynamicAuth/commit/d48ca105359018457a78588fd8d9aa8a91583a02))
+* recompute multiwallet state after merging accounts ([#6078](https://github.com/dynamic-labs/DynamicAuth/issues/6078)) ([e08a274](https://github.com/dynamic-labs/DynamicAuth/commit/e08a274c4d848f2a8360be7106cfbfa00b9a8f9b))
+* stop querying okx for accounts while locked ([#6081](https://github.com/dynamic-labs/DynamicAuth/issues/6081)) ([#6084](https://github.com/dynamic-labs/DynamicAuth/issues/6084)) ([34365ac](https://github.com/dynamic-labs/DynamicAuth/commit/34365ac1981fe020b03e666c24535a247645d2ad))
+* update copy for primary wallet not connected modal ([#6069](https://github.com/dynamic-labs/DynamicAuth/issues/6069)) ([4a3f43c](https://github.com/dynamic-labs/DynamicAuth/commit/4a3f43ce5585983f7fea0c5b97e812c0ade80e2c))
+
+## [3.0.0-alpha.6](https://github.com/dynamic-labs/DynamicAuth/compare/v3.0.0-alpha.5...v3.0.0-alpha.6) (2024-06-18)
+
+
+### Features
+
+* implement useExternalAuth hook to signin using external jwt auth ([#6039](https://github.com/dynamic-labs/DynamicAuth/issues/6039)) ([ba90908](https://github.com/dynamic-labs/DynamicAuth/commit/ba90908509ec21f708a4a0782a7f94861fc3b484))
+
+
+### Bug Fixes
+
+* allow sign-in with different ME BTC wallet after initial connection ([a527b46](https://github.com/dynamic-labs/DynamicAuth/commit/a527b464f321b4fc27730f57c3812e996b5ed878))
+* close sign modal when signing in with a wallet when embedded wallet is enabled ([#6013](https://github.com/dynamic-labs/DynamicAuth/issues/6013)) ([0f4f3c8](https://github.com/dynamic-labs/DynamicAuth/commit/0f4f3c83db162f7a1794a3549b60bbad6b03e2c0))
+* custom network without a valid icon should still display its name in network picker ([#6018](https://github.com/dynamic-labs/DynamicAuth/issues/6018)) ([0b10df6](https://github.com/dynamic-labs/DynamicAuth/commit/0b10df68950bfc9b8492443158a6bb030dc1122c))
+* e2e: remove page pause ([#6045](https://github.com/dynamic-labs/DynamicAuth/issues/6045)) ([55bba00](https://github.com/dynamic-labs/DynamicAuth/commit/55bba0034255055d6ae266b1296542f47ed48e2b))
+* more fixes for connect starknet button ([#6046](https://github.com/dynamic-labs/DynamicAuth/issues/6046)) ([0fb570a](https://github.com/dynamic-labs/DynamicAuth/commit/0fb570a44e65f8dd6d4d2bf5edb2ee54985ec9d4))
+* set verified credentials on embedded wallet creation ([#6044](https://github.com/dynamic-labs/DynamicAuth/issues/6044)) ([b52a96d](https://github.com/dynamic-labs/DynamicAuth/commit/b52a96d321e7efdb30dce9cdb3f6f176c24ceb81))
+
 ## [3.0.0-alpha.5](https://github.com/dynamic-labs/DynamicAuth/compare/v3.0.0-alpha.4...v3.0.0-alpha.5) (2024-06-14)
 
 

package/package.cjs

@@ -3,9 +3,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "3.0.0-alpha.5";
+var version = "3.0.0-alpha.7";
 var dependencies = {
-	"@dynamic-labs/sdk-api-core": "0.0.461",
+	"@dynamic-labs/sdk-api-core": "0.0.470",
 	"@hcaptcha/react-hcaptcha": "1.4.4",
 	"country-list": "2.3.0",
 	formik: "2.2.9",

package/package.js

@@ -1,7 +1,7 @@
 'use client'
-var version = "3.0.0-alpha.5";
+var version = "3.0.0-alpha.7";
 var dependencies = {
-	"@dynamic-labs/sdk-api-core": "0.0.461",
+	"@dynamic-labs/sdk-api-core": "0.0.470",
 	"@hcaptcha/react-hcaptcha": "1.4.4",
 	"country-list": "2.3.0",
 	formik: "2.2.9",

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "3.0.0-alpha.5",
+  "version": "3.0.0-alpha.7",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/dynamic-labs/dynamic-auth.git",
     "directory": "packages/sdk-react-core"
   },
   "dependencies": {
-    "@dynamic-labs/sdk-api-core": "0.0.461",
+    "@dynamic-labs/sdk-api-core": "0.0.470",
     "@hcaptcha/react-hcaptcha": "1.4.4",
     "country-list": "2.3.0",
     "formik": "2.2.9",
@@ -17,15 +17,15 @@
     "react-i18next": "13.5.0",
     "yup": "0.32.11",
     "react-international-phone": "4.2.5",
-    "@dynamic-labs/iconic": "3.0.0-alpha.5",
-    "@dynamic-labs/logger": "3.0.0-alpha.5",
-    "@dynamic-labs/multi-wallet": "3.0.0-alpha.5",
-    "@dynamic-labs/rpc-providers": "3.0.0-alpha.5",
-    "@dynamic-labs/store": "3.0.0-alpha.5",
-    "@dynamic-labs/types": "3.0.0-alpha.5",
-    "@dynamic-labs/utils": "3.0.0-alpha.5",
-    "@dynamic-labs/wallet-book": "3.0.0-alpha.5",
-    "@dynamic-labs/wallet-connector-core": "3.0.0-alpha.5",
+    "@dynamic-labs/iconic": "3.0.0-alpha.7",
+    "@dynamic-labs/logger": "3.0.0-alpha.7",
+    "@dynamic-labs/multi-wallet": "3.0.0-alpha.7",
+    "@dynamic-labs/rpc-providers": "3.0.0-alpha.7",
+    "@dynamic-labs/store": "3.0.0-alpha.7",
+    "@dynamic-labs/types": "3.0.0-alpha.7",
+    "@dynamic-labs/utils": "3.0.0-alpha.7",
+    "@dynamic-labs/wallet-book": "3.0.0-alpha.7",
+    "@dynamic-labs/wallet-connector-core": "3.0.0-alpha.7",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

package/src/index.cjs

@@ -19,7 +19,7 @@ require('react/jsx-runtime');
 var classNames = require('./lib/utils/functions/classNames/classNames.cjs');
 require('./lib/components/Accordion/components/AccordionItem/AccordionItem.cjs');
 require('./lib/components/Alert/Alert.cjs');
-require('./lib/events/dynamicEvents.cjs');
+var useDynamicEvents = require('./lib/utils/hooks/events/useDynamicEvents/useDynamicEvents.cjs');
 var useWalletConnectorEvent = require('./lib/utils/hooks/events/useWalletConnectorEvent/useWalletConnectorEvent.cjs');
 var useAuthenticateConnectedUser = require('./lib/utils/hooks/useAuthenticateConnectedUser/useAuthenticateConnectedUser.cjs');
 var sdkApiCore = require('@dynamic-labs/sdk-api-core');
@@ -58,6 +58,7 @@ var stroke = require('./lib/shared/assets/stroke.cjs');
 require('./lib/shared/consts/index.cjs');
 require('../_virtual/_tslib.cjs');
 require('react-dom');
+require('./lib/events/dynamicEvents.cjs');
 require('./lib/config/ApiEndpoint.cjs');
 require('@dynamic-labs/wallet-connector-core');
 require('@dynamic-labs/multi-wallet');
@@ -115,6 +116,7 @@ var useEmbeddedWalletAuthenticator = require('./lib/utils/hooks/useEmbeddedWalle
 var useDynamicModals = require('./lib/utils/hooks/useDynamicModals/useDynamicModals.cjs');
 var useMfa = require('./lib/utils/hooks/useMfa/useMfa.cjs');
 var useTokenBalances = require('./lib/utils/hooks/useTokenBalances/useTokenBalances.cjs');
+var useRefreshUser = require('./lib/utils/hooks/useRefreshUser/useRefreshUser.cjs');
 var DynamicConnectButton = require('./lib/components/DynamicConnectButton/DynamicConnectButton.cjs');
 require('./lib/components/InlineWidget/InlineWidget.cjs');
 var IsBrowser = require('./lib/components/IsBrowser/IsBrowser.cjs');
@@ -149,6 +151,7 @@ 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');
+var useSwitchNetwork = require('./lib/utils/hooks/useSwitchNetwork/useSwitchNetwork.cjs');
 
 
 
@@ -164,6 +167,7 @@ exports.useDynamicContext = useDynamicContext.useDynamicContext;
 exports.useDynamicScopes = useDynamicScopes.useDynamicScopes;
 exports.useUserWallets = UserWalletsContext.useUserWallets;
 exports.classNames = classNames.classNames;
+exports.useDynamicEvents = useDynamicEvents.useDynamicEvents;
 exports.useWalletConnectorEvent = useWalletConnectorEvent.useWalletConnectorEvent;
 exports.useAuthenticateConnectedUser = useAuthenticateConnectedUser.useAuthenticateConnectedUser;
 Object.defineProperty(exports, 'DynamicJwtFromJSON', {
@@ -213,6 +217,7 @@ exports.useEmbeddedWalletAuthenticator = useEmbeddedWalletAuthenticator.useEmbed
 exports.useDynamicModals = useDynamicModals.useDynamicModals;
 exports.useMfa = useMfa.useMfa;
 exports.useTokenBalances = useTokenBalances.useTokenBalances;
+exports.useRefreshUser = useRefreshUser.useRefreshUser;
 exports.DynamicConnectButton = DynamicConnectButton.DynamicConnectButton;
 exports.IsBrowser = IsBrowser.IsBrowser;
 exports.NoQrNotInstalledView = NoQrNotInstalledView.NoQrNotInstalledView;
@@ -248,3 +253,4 @@ exports.UniswapFilter = index$2.UniswapFilter;
 exports.useSendBalance = SendBalanceContext.useSendBalance;
 exports.useFunding = useFunding.useFunding;
 exports.useConnectWithOtp = useConnectWithOtp.useConnectWithOtp;
+exports.useSwitchNetwork = useSwitchNetwork.useSwitchNetwork;

package/src/index.d.ts

@@ -107,7 +107,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, } from './lib/utils/hooks';
+export { useWalletItemActions, useAuthenticateConnectedUser, useSocialAccounts, useEmbeddedWallet, useEmbeddedWalletAuthenticator, usePasskeyRecovery, useEmbeddedReveal, useIsLoggedIn, useDynamicModals, useMfa, useTokenBalances, useSwitchWallet, useRpcProviders, useRefreshUser, } 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/';
@@ -116,3 +116,5 @@ 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

@@ -15,7 +15,7 @@ import 'react/jsx-runtime';
 export { classNames } from './lib/utils/functions/classNames/classNames.js';
 import './lib/components/Accordion/components/AccordionItem/AccordionItem.js';
 import './lib/components/Alert/Alert.js';
-import './lib/events/dynamicEvents.js';
+export { useDynamicEvents } from './lib/utils/hooks/events/useDynamicEvents/useDynamicEvents.js';
 export { useWalletConnectorEvent } from './lib/utils/hooks/events/useWalletConnectorEvent/useWalletConnectorEvent.js';
 export { useAuthenticateConnectedUser } from './lib/utils/hooks/useAuthenticateConnectedUser/useAuthenticateConnectedUser.js';
 export { DynamicJwtFromJSON } from '@dynamic-labs/sdk-api-core';
@@ -54,6 +54,7 @@ export { ReactComponent as ArrowIcon } from './lib/shared/assets/stroke.js';
 import './lib/shared/consts/index.js';
 import '../_virtual/_tslib.js';
 import 'react-dom';
+import './lib/events/dynamicEvents.js';
 import './lib/config/ApiEndpoint.js';
 import '@dynamic-labs/wallet-connector-core';
 import '@dynamic-labs/multi-wallet';
@@ -111,6 +112,7 @@ export { useEmbeddedWalletAuthenticator } from './lib/utils/hooks/useEmbeddedWal
 export { useDynamicModals } from './lib/utils/hooks/useDynamicModals/useDynamicModals.js';
 export { useMfa } from './lib/utils/hooks/useMfa/useMfa.js';
 export { useTokenBalances } from './lib/utils/hooks/useTokenBalances/useTokenBalances.js';
+export { useRefreshUser } from './lib/utils/hooks/useRefreshUser/useRefreshUser.js';
 export { DynamicConnectButton } from './lib/components/DynamicConnectButton/DynamicConnectButton.js';
 import './lib/components/InlineWidget/InlineWidget.js';
 export { IsBrowser } from './lib/components/IsBrowser/IsBrowser.js';
@@ -145,3 +147,4 @@ export { useFunding } from './lib/context/FundingContext/useFunding/useFunding.j
 import './lib/context/ConnectWithOtpContext/ConnectWithOtpContext.js';
 import './lib/context/ConnectWithOtpContext/constants.js';
 export { useConnectWithOtp } from './lib/context/ConnectWithOtpContext/useConnectWithOtp.js';
+export { useSwitchNetwork } from './lib/utils/hooks/useSwitchNetwork/useSwitchNetwork.js';

package/src/lib/Main.cjs

@@ -84,6 +84,7 @@ var SocialRedirectContext = require('./context/SocialRedirectContext/SocialRedir
 require('./context/WalletGroupContext/WalletGroupContext.cjs');
 require('./widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('./widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+require('./context/WidgetRegistry/WidgetRegistryContextProvider.cjs');
 require('./context/FundingContext/FundingContext.cjs');
 require('./views/WalletList/WalletList.cjs');
 require('./widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');

package/src/lib/Main.js

@@ -80,6 +80,7 @@ import { useSocialRedirectContext } from './context/SocialRedirectContext/Social
 import './context/WalletGroupContext/WalletGroupContext.js';
 import './widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import './widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import './context/WidgetRegistry/WidgetRegistryContextProvider.js';
 import './context/FundingContext/FundingContext.js';
 import './views/WalletList/WalletList.js';
 import './widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';

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

@@ -8,6 +8,7 @@ var utils = require('@dynamic-labs/utils');
 require('@dynamic-labs/iconic');
 require('../../../../context/ViewContext/ViewContext.cjs');
 require('react');
+var error = require('../../../../shared/assets/error.cjs');
 var stroke = require('../../../../shared/assets/stroke.cjs');
 var classNames = require('../../../../utils/functions/classNames/classNames.cjs');
 require('../../../Accordion/components/AccordionItem/AccordionItem.cjs');
@@ -112,7 +113,7 @@ const EvmNetworkControl = ({ evmNetworks, className = '', activeClassName = '',
             [activeClassName]: isOpen,
             'evm-network-control__container': Boolean(walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.supportsNetworkSwitching()),
             'evm-network-control__container--error': !(currentEvmNetwork === null || currentEvmNetwork === void 0 ? void 0 : currentEvmNetwork.name),
-        }), children: [(currentEvmNetwork === null || currentEvmNetwork === void 0 ? void 0 : currentEvmNetwork.name) && ((_b = currentEvmNetwork === null || currentEvmNetwork === void 0 ? void 0 : currentEvmNetwork.iconUrls) === null || _b === void 0 ? void 0 : _b[0]) ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Icon.Icon, { size: 'small', children: jsxRuntime.jsx("img", { src: currentEvmNetwork.iconUrls[0], alt: `${currentEvmNetwork.name} icon` }) }), showNetworkName && (jsxRuntime.jsx(Typography.Typography, { className: 'evm-network-control__network-name', as: 'span', variant: 'body_small', children: currentEvmNetwork.vanityName || currentEvmNetwork.name }))] })) : (jsxRuntime.jsx(UnsupportedNetwork.UnsupportedNetwork, { showMsg: showNetworkName })), evmNetworks && evmNetworks.length > 1 && (jsxRuntime.jsx(Icon.Icon, { color: 'text-primary', size: 'small', className: classNames.classNames('evm-network-control__arrow-icon', {
+        }), children: [(currentEvmNetwork === null || currentEvmNetwork === void 0 ? void 0 : currentEvmNetwork.name) ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Icon.Icon, { size: 'small', children: ((_b = currentEvmNetwork === null || currentEvmNetwork === void 0 ? void 0 : currentEvmNetwork.iconUrls) === null || _b === void 0 ? void 0 : _b[0]) ? (jsxRuntime.jsx("img", { src: currentEvmNetwork.iconUrls[0], alt: `${currentEvmNetwork.name} icon` })) : (jsxRuntime.jsx(error.ReactComponent, {})) }), showNetworkName && (jsxRuntime.jsx(Typography.Typography, { className: 'evm-network-control__network-name', as: 'span', variant: 'body_small', children: currentEvmNetwork.vanityName || currentEvmNetwork.name }))] })) : (jsxRuntime.jsx(UnsupportedNetwork.UnsupportedNetwork, { showMsg: showNetworkName })), evmNetworks && evmNetworks.length > 1 && (jsxRuntime.jsx(Icon.Icon, { color: 'text-primary', size: 'small', className: classNames.classNames('evm-network-control__arrow-icon', {
                     'evm-network-control__arrow-icon--active': isOpen,
                 }), children: jsxRuntime.jsx(stroke.ReactComponent, {}) }))] }));
 };

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

@@ -4,6 +4,7 @@ import { parseChainId } from '@dynamic-labs/utils';
 import '@dynamic-labs/iconic';
 import '../../../../context/ViewContext/ViewContext.js';
 import 'react';
+import { ReactComponent as SvgError } from '../../../../shared/assets/error.js';
 import { ReactComponent as SvgStroke } from '../../../../shared/assets/stroke.js';
 import { classNames } from '../../../../utils/functions/classNames/classNames.js';
 import '../../../Accordion/components/AccordionItem/AccordionItem.js';
@@ -108,7 +109,7 @@ const EvmNetworkControl = ({ evmNetworks, className = '', activeClassName = '',
             [activeClassName]: isOpen,
             'evm-network-control__container': Boolean(walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.supportsNetworkSwitching()),
             'evm-network-control__container--error': !(currentEvmNetwork === null || currentEvmNetwork === void 0 ? void 0 : currentEvmNetwork.name),
-        }), children: [(currentEvmNetwork === null || currentEvmNetwork === void 0 ? void 0 : currentEvmNetwork.name) && ((_b = currentEvmNetwork === null || currentEvmNetwork === void 0 ? void 0 : currentEvmNetwork.iconUrls) === null || _b === void 0 ? void 0 : _b[0]) ? (jsxs(Fragment, { children: [jsx(Icon, { size: 'small', children: jsx("img", { src: currentEvmNetwork.iconUrls[0], alt: `${currentEvmNetwork.name} icon` }) }), showNetworkName && (jsx(Typography, { className: 'evm-network-control__network-name', as: 'span', variant: 'body_small', children: currentEvmNetwork.vanityName || currentEvmNetwork.name }))] })) : (jsx(UnsupportedNetwork, { showMsg: showNetworkName })), evmNetworks && evmNetworks.length > 1 && (jsx(Icon, { color: 'text-primary', size: 'small', className: classNames('evm-network-control__arrow-icon', {
+        }), children: [(currentEvmNetwork === null || currentEvmNetwork === void 0 ? void 0 : currentEvmNetwork.name) ? (jsxs(Fragment, { children: [jsx(Icon, { size: 'small', children: ((_b = currentEvmNetwork === null || currentEvmNetwork === void 0 ? void 0 : currentEvmNetwork.iconUrls) === null || _b === void 0 ? void 0 : _b[0]) ? (jsx("img", { src: currentEvmNetwork.iconUrls[0], alt: `${currentEvmNetwork.name} icon` })) : (jsx(SvgError, {})) }), showNetworkName && (jsx(Typography, { className: 'evm-network-control__network-name', as: 'span', variant: 'body_small', children: currentEvmNetwork.vanityName || currentEvmNetwork.name }))] })) : (jsx(UnsupportedNetwork, { showMsg: showNetworkName })), evmNetworks && evmNetworks.length > 1 && (jsx(Icon, { color: 'text-primary', size: 'small', className: classNames('evm-network-control__arrow-icon', {
                     'evm-network-control__arrow-icon--active': isOpen,
                 }), children: jsx(SvgStroke, {}) }))] }));
 };

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

@@ -0,0 +1,15 @@
+import { ReactElement } from 'react';
+import { QRCodeErrorCorrectionLevel } from 'qrcode';
+type QRCodeProps = {
+    Icon: ReactElement;
+    accentColor?: string;
+    ecl?: QRCodeErrorCorrectionLevel;
+    logoMargin?: number;
+    logoSize?: number;
+    size?: number;
+    value: string;
+    walletKey?: string;
+    showQrCodeImage?: boolean;
+};
+export declare const QRCode: ({ ecl, Icon, logoMargin, logoSize, size, value, accentColor, walletKey, showQrCodeImage, }: QRCodeProps) => JSX.Element;
+export {};

package/src/lib/context/DynamicContext/DynamicContext.cjs

@@ -109,6 +109,7 @@ require('../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetC
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+var WidgetRegistryContextProvider = require('../WidgetRegistry/WidgetRegistryContextProvider.cjs');
 var FundingWidget = require('../../widgets/FundingWidget/FundingWidget.cjs');
 var ConnectWithOtpProvider = require('../ConnectWithOtpContext/ConnectWithOtpProvider.cjs');
 require('../ConnectWithOtpContext/ConnectWithOtpContext.cjs');
@@ -119,6 +120,7 @@ var FundingContext = require('../FundingContext/FundingContext.cjs');
 var PhantomRedirectContext = require('../PhantomRedirectContext/PhantomRedirectContext.cjs');
 var SendBalanceContext = require('../SendBalanceContext/SendBalanceContext.cjs');
 var UseNetworkValidation = require('../UseNetworkValidation/UseNetworkValidation.cjs');
+var useTabState = require('../../views/WalletList/hooks/useTabState.cjs');
 var helpers = require('./helpers/helpers.cjs');
 var useDisplayOrderState = require('./hooks/useDisplayOrderState/useDisplayOrderState.cjs');
 var useEmailLoginState = require('./hooks/useEmailLoginState/useEmailLoginState.cjs');
@@ -173,7 +175,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
     const i18nSDKInstance = locale.Locale.setup(locale$1);
     const isBridgeFlow = Boolean(bridgeChains);
     const deepLinkPreference = helpers.getDeepLinkPreference(deepLinkPreferenceProp, isBridgeFlow);
-    const [defaultTabIndex, setDefaultTabIndex] = React.useState(0);
+    const { selectedTabIndex, setSelectedTabIndex, selectedTabSettings, tabsItems, } = useTabState.useTabState({ settingsOverrides: settings$1.overrides });
     // state to track the full connectivity status of the individual's wallets.
     // Set to true once the predetermined number of wallets is connected.
     const [bridgeOnboardingCompleted, setBridgeOnboardingCompleted, removeBridgeOnboardingCompleted,] = useLocalStorage.useLocalStorage(localStorage$1.BRIDGE_ONBOARDING_COMPLETED, false);
@@ -281,7 +283,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
     const { selectedWalletConnector, setSelectedWalletConnectorKey } = useSelectedWalletConnector.useSelectedWalletConnector({ walletConnectorOptions });
     //selected wallet to perform an action (become primary, unlink, etc)
     const [selectedWalletWithAction, setSelectedWalletWithAction] = React.useState(null);
-    useSetWalletConnectorVerifiedCredentials.useSetWalletConnectorVerifiedCredentials(user, walletConnectorOptions);
+    useSetWalletConnectorVerifiedCredentials.useSetWalletConnectorVerifiedCredentials(user !== null && user !== void 0 ? user : unauthenticatedUser, walletConnectorOptions);
     useSetWalletConnectorFetchers.useSetWalletConnectorFetchers(walletConnectorOptions, environmentId);
     const { didConnectedStateLoad, primaryWallet, showQrcodeModal, secondaryWallets, setPrimaryWallet, setShowQrcodeModal, wallets: linkedOrConnectedWallets, } = useWalletConnectors.useWalletConnectors({
         authMode,
@@ -460,7 +462,6 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
             debugError,
             defaultNumberOfWalletsToShow,
             defaultPhoneInputIso2,
-            defaultTabIndex,
             desktopUri,
             disconnectWallet,
             displaySiweStatement,
@@ -510,6 +511,8 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
             removeConnectedWalletsInfo,
             sdkHasLoaded,
             secondaryWallets,
+            selectedTabIndex,
+            selectedTabSettings,
             selectedWalletConnector,
             selectedWalletWithAction,
             sendWagmiSettings,
@@ -517,7 +520,6 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
             setAuthorizationViewDisplayOrder,
             setBridgeOnboardingCompleted,
             setCallback,
-            setDefaultTabIndex,
             setDesktopUri,
             setIsSingleWalletAccount,
             setLegacyIsVerifying,
@@ -527,6 +529,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
             setPrimaryWallet,
             setPrimaryWalletId,
             setQrcodeUri,
+            setSelectedTabIndex,
             setSelectedWalletConnectorKey,
             setSelectedWalletWithAction,
             setShowAuthFlow,
@@ -549,6 +552,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
             socialMediaLinkText,
             socialMediaUrl,
             socialProvidersFilter,
+            tabsItems,
             termsOfServiceUrl,
             theme,
             toolkitEnabled,
@@ -564,11 +568,8 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
         accessDeniedMessagePrimary,
         accessDeniedMessageSecondary,
         accountSwitchState,
-        handlers,
-        defaultPhoneInputIso2,
         appLogoUrl,
         appName,
-        defaultTabIndex,
         authMode,
         authorizationViewDisplayOrder,
         awaitingSignatureState,
@@ -584,6 +585,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
         customTermsOfServices,
         debugError,
         defaultNumberOfWalletsToShow,
+        defaultPhoneInputIso2,
         desktopUri,
         disconnectWallet,
         displaySiweStatement,
@@ -602,7 +604,6 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
         isSingleWalletAccount,
         legacyIsVerifying,
         user,
-        unauthenticatedUser,
         linkedOrConnectedWallets,
         loadingNetwork,
         loginWithEmail,
@@ -630,6 +631,8 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
         removeConnectedWalletsInfo,
         sdkHasLoaded,
         secondaryWallets,
+        selectedTabIndex,
+        selectedTabSettings,
         selectedWalletConnector,
         selectedWalletWithAction,
         sendWagmiSettings,
@@ -642,6 +645,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
         setPasskeySuccessPopup,
         setPrimaryWallet,
         setPrimaryWalletId,
+        setSelectedTabIndex,
         setSelectedWalletConnectorKey,
         setShowAuthFlow,
         setShowQrcodeModal,
@@ -656,11 +660,13 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
         siweStatement,
         socialMediaIconUrl,
         socialMediaLinkText,
+        tabsItems,
         socialMediaUrl,
         socialProvidersFilter,
         termsOfServiceUrl,
         theme,
         toolkitEnabled,
+        unauthenticatedUser,
         walletConnectorOptions,
         walletUiUtils,
         walletsFilter,
@@ -715,7 +721,7 @@ const DynamicContextProvider = (props) => {
     logger.Logger.setEnvironmentId(props.settings.environmentId);
     logger.Logger.setEmitErrors(props.emitErrors);
     useParentDynamicContextGuard.useParentDynamicContextGuard();
-    return (jsxRuntime.jsx(ErrorBoundary.ErrorBoundary, { children: jsxRuntime.jsx(ErrorContext.ErrorContextProvider, { children: jsxRuntime.jsx(UserWalletsContext.UserWalletsProvider, { children: jsxRuntime.jsx(FieldsStateContext.FieldsStateProvider, { children: jsxRuntime.jsx(IpConfigurationContext.IpConfigurationContextProvider, { children: jsxRuntime.jsx(MfaSettingsContext.MfaSettingsContextProvider, { children: jsxRuntime.jsx(InnerDynamicContextProvider, Object.assign({}, props)) }) }) }) }) }) }));
+    return (jsxRuntime.jsx(ErrorBoundary.ErrorBoundary, { children: jsxRuntime.jsx(ErrorContext.ErrorContextProvider, { children: jsxRuntime.jsx(UserWalletsContext.UserWalletsProvider, { children: jsxRuntime.jsx(FieldsStateContext.FieldsStateProvider, { children: jsxRuntime.jsx(IpConfigurationContext.IpConfigurationContextProvider, { children: jsxRuntime.jsx(MfaSettingsContext.MfaSettingsContextProvider, { children: jsxRuntime.jsx(WidgetRegistryContextProvider.WidgetRegistryContextProvider, { children: jsxRuntime.jsx(InnerDynamicContextProvider, Object.assign({}, props)) }) }) }) }) }) }) }));
 };
 
 exports.DynamicContext = DynamicContext;

package/src/lib/context/DynamicContext/DynamicContext.js

@@ -105,6 +105,7 @@ import '../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCa
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import { WidgetRegistryContextProvider } from '../WidgetRegistry/WidgetRegistryContextProvider.js';
 import { FundingWidget } from '../../widgets/FundingWidget/FundingWidget.js';
 import { ConnectWithOtpProvider } from '../ConnectWithOtpContext/ConnectWithOtpProvider.js';
 import '../ConnectWithOtpContext/ConnectWithOtpContext.js';
@@ -115,6 +116,7 @@ import { FundingContextProvider } from '../FundingContext/FundingContext.js';
 import { PhantomRedirectContextProvider } from '../PhantomRedirectContext/PhantomRedirectContext.js';
 import { SendBalanceContextProvider } from '../SendBalanceContext/SendBalanceContext.js';
 import { UseNetworkValidation } from '../UseNetworkValidation/UseNetworkValidation.js';
+import { useTabState } from '../../views/WalletList/hooks/useTabState.js';
 import { resolveNetworkValidationMode, initExpirationTime, getInitialView, getDeepLinkPreference } from './helpers/helpers.js';
 import { useDisplayOrderState } from './hooks/useDisplayOrderState/useDisplayOrderState.js';
 import { useEmailLoginState } from './hooks/useEmailLoginState/useEmailLoginState.js';
@@ -169,7 +171,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
     const i18nSDKInstance = Locale.setup(locale);
     const isBridgeFlow = Boolean(bridgeChains);
     const deepLinkPreference = getDeepLinkPreference(deepLinkPreferenceProp, isBridgeFlow);
-    const [defaultTabIndex, setDefaultTabIndex] = useState(0);
+    const { selectedTabIndex, setSelectedTabIndex, selectedTabSettings, tabsItems, } = useTabState({ settingsOverrides: settings.overrides });
     // state to track the full connectivity status of the individual's wallets.
     // Set to true once the predetermined number of wallets is connected.
     const [bridgeOnboardingCompleted, setBridgeOnboardingCompleted, removeBridgeOnboardingCompleted,] = useLocalStorage(BRIDGE_ONBOARDING_COMPLETED, false);
@@ -277,7 +279,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
     const { selectedWalletConnector, setSelectedWalletConnectorKey } = useSelectedWalletConnector({ walletConnectorOptions });
     //selected wallet to perform an action (become primary, unlink, etc)
     const [selectedWalletWithAction, setSelectedWalletWithAction] = useState(null);
-    useSetWalletConnectorVerifiedCredentials(user, walletConnectorOptions);
+    useSetWalletConnectorVerifiedCredentials(user !== null && user !== void 0 ? user : unauthenticatedUser, walletConnectorOptions);
     useSetWalletConnectorFetchers(walletConnectorOptions, environmentId);
     const { didConnectedStateLoad, primaryWallet, showQrcodeModal, secondaryWallets, setPrimaryWallet, setShowQrcodeModal, wallets: linkedOrConnectedWallets, } = useWalletConnectors({
         authMode,
@@ -456,7 +458,6 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
             debugError,
             defaultNumberOfWalletsToShow,
             defaultPhoneInputIso2,
-            defaultTabIndex,
             desktopUri,
             disconnectWallet,
             displaySiweStatement,
@@ -506,6 +507,8 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
             removeConnectedWalletsInfo,
             sdkHasLoaded,
             secondaryWallets,
+            selectedTabIndex,
+            selectedTabSettings,
             selectedWalletConnector,
             selectedWalletWithAction,
             sendWagmiSettings,
@@ -513,7 +516,6 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
             setAuthorizationViewDisplayOrder,
             setBridgeOnboardingCompleted,
             setCallback,
-            setDefaultTabIndex,
             setDesktopUri,
             setIsSingleWalletAccount,
             setLegacyIsVerifying,
@@ -523,6 +525,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
             setPrimaryWallet,
             setPrimaryWalletId,
             setQrcodeUri,
+            setSelectedTabIndex,
             setSelectedWalletConnectorKey,
             setSelectedWalletWithAction,
             setShowAuthFlow,
@@ -545,6 +548,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
             socialMediaLinkText,
             socialMediaUrl,
             socialProvidersFilter,
+            tabsItems,
             termsOfServiceUrl,
             theme,
             toolkitEnabled,
@@ -560,11 +564,8 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
         accessDeniedMessagePrimary,
         accessDeniedMessageSecondary,
         accountSwitchState,
-        handlers,
-        defaultPhoneInputIso2,
         appLogoUrl,
         appName,
-        defaultTabIndex,
         authMode,
         authorizationViewDisplayOrder,
         awaitingSignatureState,
@@ -580,6 +581,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
         customTermsOfServices,
         debugError,
         defaultNumberOfWalletsToShow,
+        defaultPhoneInputIso2,
         desktopUri,
         disconnectWallet,
         displaySiweStatement,
@@ -598,7 +600,6 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
         isSingleWalletAccount,
         legacyIsVerifying,
         user,
-        unauthenticatedUser,
         linkedOrConnectedWallets,
         loadingNetwork,
         loginWithEmail,
@@ -626,6 +627,8 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
         removeConnectedWalletsInfo,
         sdkHasLoaded,
         secondaryWallets,
+        selectedTabIndex,
+        selectedTabSettings,
         selectedWalletConnector,
         selectedWalletWithAction,
         sendWagmiSettings,
@@ -638,6 +641,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
         setPasskeySuccessPopup,
         setPrimaryWallet,
         setPrimaryWalletId,
+        setSelectedTabIndex,
         setSelectedWalletConnectorKey,
         setShowAuthFlow,
         setShowQrcodeModal,
@@ -652,11 +656,13 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
         siweStatement,
         socialMediaIconUrl,
         socialMediaLinkText,
+        tabsItems,
         socialMediaUrl,
         socialProvidersFilter,
         termsOfServiceUrl,
         theme,
         toolkitEnabled,
+        unauthenticatedUser,
         walletConnectorOptions,
         walletUiUtils,
         walletsFilter,
@@ -711,7 +717,7 @@ const DynamicContextProvider = (props) => {
     Logger.setEnvironmentId(props.settings.environmentId);
     Logger.setEmitErrors(props.emitErrors);
     useParentDynamicContextGuard();
-    return (jsx(ErrorBoundary, { children: jsx(ErrorContextProvider, { children: jsx(UserWalletsProvider, { children: jsx(FieldsStateProvider, { children: jsx(IpConfigurationContextProvider, { children: jsx(MfaSettingsContextProvider, { children: jsx(InnerDynamicContextProvider, Object.assign({}, props)) }) }) }) }) }) }));
+    return (jsx(ErrorBoundary, { children: jsx(ErrorContextProvider, { children: jsx(UserWalletsProvider, { children: jsx(FieldsStateProvider, { children: jsx(IpConfigurationContextProvider, { children: jsx(MfaSettingsContextProvider, { children: jsx(WidgetRegistryContextProvider, { children: jsx(InnerDynamicContextProvider, Object.assign({}, props)) }) }) }) }) }) }) }));
 };
 
 export { DynamicContext, DynamicContextProvider, InnerDynamicContextProvider, PUBLIC_PROJECT_LIVE_ENVIRONMENT_ID };