@dynamic-labs/sdk-react-core 2.0.0-alpha.10 → 2.0.0-alpha.11

package/CHANGELOG.md

@@ -1,4 +1,31 @@
 
+## [2.0.0-alpha.11](https://github.com/dynamic-labs/DynamicAuth/compare/v2.0.0-alpha.10...v2.0.0-alpha.11) (2024-03-12)
+
+
+### ⚠ BREAKING CHANGES
+
+* rename FetchPublicAddressOpts to GetAddressOpts (#4910)
+* remove use effect in useWalletEventListeners (#4843)
+* rename fetchPublicAddress to getAddress (#4851)
+
+### Features
+
+* Add farcaster to iconic ([#4925](https://github.com/dynamic-labs/DynamicAuth/issues/4925)) ([ab282dc](https://github.com/dynamic-labs/DynamicAuth/commit/ab282dc9cdcc0fe11f014d002b056ef4d3b34234))
+* use transaction confirmation ui on signAndSendTransaction for solana embedded wallets ([#4909](https://github.com/dynamic-labs/DynamicAuth/issues/4909)) ([d77e89e](https://github.com/dynamic-labs/DynamicAuth/commit/d77e89ecff9dfc67ed48537f541a9995b2662e1e))
+
+
+### Bug Fixes
+
+* add back connect button css variables ([#4922](https://github.com/dynamic-labs/DynamicAuth/issues/4922)) ([1119d62](https://github.com/dynamic-labs/DynamicAuth/commit/1119d62c2db6504952393060930524c3823e4a00))
+* keep adaptive wallet list height ([#4916](https://github.com/dynamic-labs/DynamicAuth/issues/4916)) ([62aa54e](https://github.com/dynamic-labs/DynamicAuth/commit/62aa54e81d563082f7aa519f2ff2b5132e7dd83d))
+* pass account and chain to walletClient ([#4865](https://github.com/dynamic-labs/DynamicAuth/issues/4865)) ([17a143f](https://github.com/dynamic-labs/DynamicAuth/commit/17a143f87a77e56227b2517038c20cf67f8e08bf))
+* update walletbook to fix zerion in-app browser detection issue ([#4917](https://github.com/dynamic-labs/DynamicAuth/issues/4917)) ([48b05d7](https://github.com/dynamic-labs/DynamicAuth/commit/48b05d78e4f7add09787b64505723d4eca34d3e0))
+
+
+* remove use effect in useWalletEventListeners ([#4843](https://github.com/dynamic-labs/DynamicAuth/issues/4843)) ([2e948bb](https://github.com/dynamic-labs/DynamicAuth/commit/2e948bbca0dbdceab7460a844d0988eacd47f581))
+* rename fetchPublicAddress to getAddress ([#4851](https://github.com/dynamic-labs/DynamicAuth/issues/4851)) ([668e7dd](https://github.com/dynamic-labs/DynamicAuth/commit/668e7dd62e1f323dbe64209b5c59c2cd0ee45d61))
+* rename FetchPublicAddressOpts to GetAddressOpts ([#4910](https://github.com/dynamic-labs/DynamicAuth/issues/4910)) ([e5e4b1b](https://github.com/dynamic-labs/DynamicAuth/commit/e5e4b1b08a4e010afa44f8abb0bf6af7f236a86a))
+
 ## [2.0.0-alpha.10](https://github.com/dynamic-labs/DynamicAuth/compare/v2.0.0-alpha.9...v2.0.0-alpha.10) (2024-03-08)
 
 

package/package.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "2.0.0-alpha.10";
+var version = "2.0.0-alpha.11";
 var dependencies = {
 	"@dynamic-labs/sdk-api": "0.0.376",
 	"@hcaptcha/react-hcaptcha": "1.4.4",

package/package.js

@@ -1,4 +1,4 @@
-var version = "2.0.0-alpha.10";
+var version = "2.0.0-alpha.11";
 var dependencies = {
 	"@dynamic-labs/sdk-api": "0.0.376",
 	"@hcaptcha/react-hcaptcha": "1.4.4",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "2.0.0-alpha.10",
+  "version": "2.0.0-alpha.11",
   "repository": {
     "type": "git",
     "url": "https://github.com/dynamic-labs/DynamicAuth.git",
@@ -17,18 +17,18 @@
     "react-i18next": "13.5.0",
     "yup": "0.32.11",
     "react-international-phone": "4.2.5",
-    "@dynamic-labs/ethereum": "2.0.0-alpha.10",
-    "@dynamic-labs/iconic": "2.0.0-alpha.10",
-    "@dynamic-labs/logger": "2.0.0-alpha.10",
-    "@dynamic-labs/multi-wallet": "2.0.0-alpha.10",
-    "@dynamic-labs/rpc-provider-ethereum": "2.0.0-alpha.10",
-    "@dynamic-labs/rpc-provider-solana": "2.0.0-alpha.10",
-    "@dynamic-labs/rpc-providers": "2.0.0-alpha.10",
-    "@dynamic-labs/types": "2.0.0-alpha.10",
-    "@dynamic-labs/utils": "2.0.0-alpha.10",
-    "@dynamic-labs/viem-utils": "2.0.0-alpha.10",
-    "@dynamic-labs/wallet-book": "2.0.0-alpha.10",
-    "@dynamic-labs/wallet-connector-core": "2.0.0-alpha.10",
+    "@dynamic-labs/ethereum": "2.0.0-alpha.11",
+    "@dynamic-labs/iconic": "2.0.0-alpha.11",
+    "@dynamic-labs/logger": "2.0.0-alpha.11",
+    "@dynamic-labs/multi-wallet": "2.0.0-alpha.11",
+    "@dynamic-labs/rpc-provider-ethereum": "2.0.0-alpha.11",
+    "@dynamic-labs/rpc-provider-solana": "2.0.0-alpha.11",
+    "@dynamic-labs/rpc-providers": "2.0.0-alpha.11",
+    "@dynamic-labs/types": "2.0.0-alpha.11",
+    "@dynamic-labs/utils": "2.0.0-alpha.11",
+    "@dynamic-labs/viem-utils": "2.0.0-alpha.11",
+    "@dynamic-labs/wallet-book": "2.0.0-alpha.11",
+    "@dynamic-labs/wallet-connector-core": "2.0.0-alpha.11",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

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

@@ -82,7 +82,7 @@ var useInternalDynamicContext = require('../../context/DynamicContext/useDynamic
 const NetworkPicker = ({ activeClassName = '', buttonClassName = '', checkboxClassName = '', connector, evmNetworks, isNetworkPickerOpen, listClassName = '', mainClassName = '', setIsNetworkPickerOpen, showNetworkName, customCallbackOnSuccess, currentNetwork, isLoading = false, }) => {
     const pickerRef = React.useRef(null);
     const [newNetworkId, setNewNetworkId] = React.useState(undefined);
-    const { loadingNetwork, primaryWallet, setNetwork } = useInternalDynamicContext.useInternalDynamicContext();
+    const { loadingNetwork } = useInternalDynamicContext.useInternalDynamicContext();
     const { data: supportedWalletNetworks } = usePromise.usePromise(() => walletConnectorCore.isWalletConnectConnector(connector)
         ? connector.getSupportedNetworks()
         : Promise.resolve(evmNetworks.map(({ networkId }) => `${networkId}`)), { deps: [connector, evmNetworks, isNetworkPickerOpen] });
@@ -96,9 +96,6 @@ const NetworkPicker = ({ activeClassName = '', buttonClassName = '', checkboxCla
             yield (connector === null || connector === void 0 ? void 0 : connector.switchNetwork({
                 networkChainId: networkId,
             }));
-            const chainId = yield (connector === null || connector === void 0 ? void 0 : connector.getNetwork());
-            if ((primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector.key) === (connector === null || connector === void 0 ? void 0 : connector.key))
-                setNetwork(chainId);
             customCallbackOnSuccess === null || customCallbackOnSuccess === void 0 ? void 0 : customCallbackOnSuccess();
         }
         catch (error) {

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

@@ -78,7 +78,7 @@ import { useInternalDynamicContext } from '../../context/DynamicContext/useDynam
 const NetworkPicker = ({ activeClassName = '', buttonClassName = '', checkboxClassName = '', connector, evmNetworks, isNetworkPickerOpen, listClassName = '', mainClassName = '', setIsNetworkPickerOpen, showNetworkName, customCallbackOnSuccess, currentNetwork, isLoading = false, }) => {
     const pickerRef = useRef(null);
     const [newNetworkId, setNewNetworkId] = useState(undefined);
-    const { loadingNetwork, primaryWallet, setNetwork } = useInternalDynamicContext();
+    const { loadingNetwork } = useInternalDynamicContext();
     const { data: supportedWalletNetworks } = usePromise(() => isWalletConnectConnector(connector)
         ? connector.getSupportedNetworks()
         : Promise.resolve(evmNetworks.map(({ networkId }) => `${networkId}`)), { deps: [connector, evmNetworks, isNetworkPickerOpen] });
@@ -92,9 +92,6 @@ const NetworkPicker = ({ activeClassName = '', buttonClassName = '', checkboxCla
             yield (connector === null || connector === void 0 ? void 0 : connector.switchNetwork({
                 networkChainId: networkId,
             }));
-            const chainId = yield (connector === null || connector === void 0 ? void 0 : connector.getNetwork());
-            if ((primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector.key) === (connector === null || connector === void 0 ? void 0 : connector.key))
-                setNetwork(chainId);
             customCallbackOnSuccess === null || customCallbackOnSuccess === void 0 ? void 0 : customCallbackOnSuccess();
         }
         catch (error) {

package/src/lib/components/UserAddress/UserAddress.cjs

@@ -81,7 +81,7 @@ const UserAddress = ({ userProfile, walletConnector }) => {
     var _a;
     const walletAddress = (_a = userProfile === null || userProfile === void 0 ? void 0 : userProfile.verifiedCredentials.find((verifiedCredential) => verifiedCredential.id === userProfile.lastVerifiedCredentialId)) === null || _a === void 0 ? void 0 : _a.address;
     const nameService = useFetchNameService.useFetchNameService(walletAddress);
-    const { data: walletConnectorAddress } = usePromise.usePromise(() => walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.fetchPublicAddress(), {
+    const { data: walletConnectorAddress } = usePromise.usePromise(() => walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.getAddress(), {
         enabled: !userProfile && Boolean(walletConnector),
     });
     return (jsxRuntime.jsxs("div", { className: 'user-address__container', children: [jsxRuntime.jsx(StatusDot.StatusDot, { variant: 'green', containerClassName: 'user-address__status-dot' }), (nameService === null || nameService === void 0 ? void 0 : nameService.name) ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Typography.Typography, { variant: 'numbers_big', color: 'primary', className: 'user-address', children: nameService.name }), jsxRuntime.jsx("div", { className: 'dynamic-widget-wallet-header__seperator' }), jsxRuntime.jsx(Typography.Typography, { variant: 'numbers_medium', color: 'secondary', className: 'user-address', children: shortenWalletAddress.shortenWalletAddress(walletAddress, 3, 3) })] })) : (jsxRuntime.jsx(Typography.Typography, { variant: 'numbers_big', color: 'primary', className: 'user-address', children: shortenWalletAddress.shortenWalletAddress(walletAddress || walletConnectorAddress, 4, 4) }))] }));

package/src/lib/components/UserAddress/UserAddress.js

@@ -77,7 +77,7 @@ const UserAddress = ({ userProfile, walletConnector }) => {
     var _a;
     const walletAddress = (_a = userProfile === null || userProfile === void 0 ? void 0 : userProfile.verifiedCredentials.find((verifiedCredential) => verifiedCredential.id === userProfile.lastVerifiedCredentialId)) === null || _a === void 0 ? void 0 : _a.address;
     const nameService = useFetchNameService(walletAddress);
-    const { data: walletConnectorAddress } = usePromise(() => walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.fetchPublicAddress(), {
+    const { data: walletConnectorAddress } = usePromise(() => walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.getAddress(), {
         enabled: !userProfile && Boolean(walletConnector),
     });
     return (jsxs("div", { className: 'user-address__container', children: [jsx(StatusDot, { variant: 'green', containerClassName: 'user-address__status-dot' }), (nameService === null || nameService === void 0 ? void 0 : nameService.name) ? (jsxs(Fragment, { children: [jsx(Typography, { variant: 'numbers_big', color: 'primary', className: 'user-address', children: nameService.name }), jsx("div", { className: 'dynamic-widget-wallet-header__seperator' }), jsx(Typography, { variant: 'numbers_medium', color: 'secondary', className: 'user-address', children: shortenWalletAddress(walletAddress, 3, 3) })] })) : (jsx(Typography, { variant: 'numbers_big', color: 'primary', className: 'user-address', children: shortenWalletAddress(walletAddress || walletConnectorAddress, 4, 4) }))] }));

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

@@ -49,7 +49,9 @@ var useValidateSession = require('../../utils/hooks/useValidateSession/useValida
 var useWalletConnectorOptions = require('../../utils/hooks/useWalletConnectorOptions/useWalletConnectorOptions.cjs');
 var useWalletConnectors = require('../../utils/hooks/useWalletConnectors/useWalletConnectors.cjs');
 var useWalletUiUtils = require('../../utils/hooks/useWalletUiUtils/useWalletUiUtils.cjs');
+var useWalletConnectorNetwork = require('../../utils/hooks/useWalletConnectorNetwork/useWalletConnectorNetwork.cjs');
 var useSetWalletConnectorFetchers = require('../../utils/hooks/useSetWalletConnectorFetchers/useSetWalletConnectorFetchers.cjs');
+var useSendDynamicProps = require('../../utils/hooks/useSendDynamicProps/useSendDynamicProps.cjs');
 require('../../components/Alert/Alert.cjs');
 require('../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../components/IconButton/IconButton.cjs');
@@ -162,11 +164,11 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale: locale
     const [qrcodeUri, setQrcodeUri] = React.useState('');
     const [desktopUri, setDesktopUri] = React.useState('');
     const [multiWalletWidgetState, setMultiWalletWidgetState, { awaiting_account_switch: [accountSwitchState], awaiting_signature: [awaitingSignatureState], },] = useMultiWalletWidgetState.useMultiWalletWidgetState();
-    const { projectSettings, isLoading: isProjectSettingsLoading, removeLsSettings, } = useFetchProjectSettings.useFetchProjectSettings({
+    const { projectSettings, isLoading: isProjectSettingsLoading } = useFetchProjectSettings.useFetchProjectSettings({
         authToken: getAuthToken.getAuthToken(),
-        dynamicContextProps: { settings },
         environmentId,
     });
+    useSendDynamicProps.useSendDynamicProps({ environmentId, settings });
     const { multiWallet, setMultiWallet } = useMultiWallet.useMultiWallet({
         isBridgeFlow,
         multiWalletSettings: (_b = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _b === void 0 ? void 0 : _b.multiWallet,
@@ -305,7 +307,6 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale: locale
         removeConnectedNameService,
         removeConnectedWalletsInfo,
         removeIsFullyConnected,
-        removeLsSettings,
         removeUser,
         resetLoginWithEmail,
         setAuthMode,
@@ -335,7 +336,8 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale: locale
         user,
         verifiedCredentials: (user === null || user === void 0 ? void 0 : user.verifiedCredentials) || [],
     });
-    const { loadingNetwork, network, setNetwork } = useWalletEventListeners.useWalletEventListeners({
+    const { isLoading: loadingNetwork, network } = useWalletConnectorNetwork.useWalletConnectorNetwork(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector);
+    useWalletEventListeners.useWalletEventListeners({
         authMode,
         handleLogOut,
         multiWallet,
@@ -361,7 +363,6 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale: locale
     const { setCallback } = useCustomerCallbacks.useCustomerCallbacks({
         callbacks: {
             onAuthSuccess: eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onAuthSuccess,
-            onEmbeddedWalletCreated: eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onEmbeddedWalletCreated,
             onLinkSuccess: eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onLinkSuccess,
             onUserProfileUpdate: eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onUserProfileUpdate,
         },
@@ -504,7 +505,6 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale: locale
             setLogInWithEmail,
             setMultiWallet,
             setMultiWalletWidgetState,
-            setNetwork,
             setOnboardingOnlyJwt,
             setPasskeySuccessPopup,
             setPrimaryWallet,
@@ -616,7 +616,6 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale: locale
         setLogInWithEmail,
         setMultiWallet,
         setMultiWalletWidgetState,
-        setNetwork,
         setPrimaryWallet,
         setPrimaryWalletId,
         setSelectedWalletConnectorKey,

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

@@ -45,7 +45,9 @@ import { useValidateSession } from '../../utils/hooks/useValidateSession/useVali
 import { useWalletConnectorOptions } from '../../utils/hooks/useWalletConnectorOptions/useWalletConnectorOptions.js';
 import { useWalletConnectors } from '../../utils/hooks/useWalletConnectors/useWalletConnectors.js';
 import { useWalletUiUtils } from '../../utils/hooks/useWalletUiUtils/useWalletUiUtils.js';
+import { useWalletConnectorNetwork } from '../../utils/hooks/useWalletConnectorNetwork/useWalletConnectorNetwork.js';
 import { useSetWalletConnectorFetchers } from '../../utils/hooks/useSetWalletConnectorFetchers/useSetWalletConnectorFetchers.js';
+import { useSendDynamicProps } from '../../utils/hooks/useSendDynamicProps/useSendDynamicProps.js';
 import '../../components/Alert/Alert.js';
 import '../../components/ShadowDOM/ShadowDOM.js';
 import '../../components/IconButton/IconButton.js';
@@ -158,11 +160,11 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
     const [qrcodeUri, setQrcodeUri] = useState('');
     const [desktopUri, setDesktopUri] = useState('');
     const [multiWalletWidgetState, setMultiWalletWidgetState, { awaiting_account_switch: [accountSwitchState], awaiting_signature: [awaitingSignatureState], },] = useMultiWalletWidgetState();
-    const { projectSettings, isLoading: isProjectSettingsLoading, removeLsSettings, } = useFetchProjectSettings({
+    const { projectSettings, isLoading: isProjectSettingsLoading } = useFetchProjectSettings({
         authToken: getAuthToken(),
-        dynamicContextProps: { settings },
         environmentId,
     });
+    useSendDynamicProps({ environmentId, settings });
     const { multiWallet, setMultiWallet } = useMultiWallet({
         isBridgeFlow,
         multiWalletSettings: (_b = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _b === void 0 ? void 0 : _b.multiWallet,
@@ -301,7 +303,6 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
         removeConnectedNameService,
         removeConnectedWalletsInfo,
         removeIsFullyConnected,
-        removeLsSettings,
         removeUser,
         resetLoginWithEmail,
         setAuthMode,
@@ -331,7 +332,8 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
         user,
         verifiedCredentials: (user === null || user === void 0 ? void 0 : user.verifiedCredentials) || [],
     });
-    const { loadingNetwork, network, setNetwork } = useWalletEventListeners({
+    const { isLoading: loadingNetwork, network } = useWalletConnectorNetwork(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector);
+    useWalletEventListeners({
         authMode,
         handleLogOut,
         multiWallet,
@@ -357,7 +359,6 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
     const { setCallback } = useCustomerCallbacks({
         callbacks: {
             onAuthSuccess: eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onAuthSuccess,
-            onEmbeddedWalletCreated: eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onEmbeddedWalletCreated,
             onLinkSuccess: eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onLinkSuccess,
             onUserProfileUpdate: eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onUserProfileUpdate,
         },
@@ -500,7 +501,6 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
             setLogInWithEmail,
             setMultiWallet,
             setMultiWalletWidgetState,
-            setNetwork,
             setOnboardingOnlyJwt,
             setPasskeySuccessPopup,
             setPrimaryWallet,
@@ -612,7 +612,6 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
         setLogInWithEmail,
         setMultiWallet,
         setMultiWalletWidgetState,
-        setNetwork,
         setPrimaryWallet,
         setPrimaryWalletId,
         setSelectedWalletConnectorKey,

package/src/lib/context/DynamicContext/hooks/useHandleLogout/types.d.ts

@@ -23,7 +23,6 @@ export type UseHandleLogoutParams = {
     initialAuthenticationMode: AuthModeType;
     setShowAuthFlow: SetShowAuthFlow;
     setMultiWalletWidgetState: MultiWalletWidgetStateSetter;
-    removeLsSettings: () => void;
     handleRemoveLsNetworks: () => void;
     setOnboardingOnlyJwt: Dispatch<SetStateAction<string | undefined>>;
     removeConnectedWalletsInfo: () => void;

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

@@ -109,7 +109,6 @@ const useHandleLogout = (params) => {
             performMultiWalletChecks: false,
         });
         p.setMultiWalletWidgetState('idle');
-        p.removeLsSettings();
         p.handleRemoveLsNetworks();
         p.setOnboardingOnlyJwt(undefined);
         p.removeConnectedWalletsInfo();

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

@@ -105,7 +105,6 @@ const useHandleLogout = (params) => {
             performMultiWalletChecks: false,
         });
         p.setMultiWalletWidgetState('idle');
-        p.removeLsSettings();
         p.handleRemoveLsNetworks();
         p.setOnboardingOnlyJwt(undefined);
         p.removeConnectedWalletsInfo();

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

@@ -95,6 +95,10 @@ const useTieCallbacksToEvents = ({ clientCallbacks, connectedWallets, user, }) =
         var _a;
         (_a = clientCallbacks === null || clientCallbacks === void 0 ? void 0 : clientCallbacks.onConnect) === null || _a === void 0 ? void 0 : _a.call(clientCallbacks, { wallet });
     });
+    useDynamicEvents.useInternalDynamicEvents('embeddedWalletCreated', (_wallet, jwtVerifiedCredential) => {
+        var _a;
+        (_a = clientCallbacks === null || clientCallbacks === void 0 ? void 0 : clientCallbacks.onEmbeddedWalletCreated) === null || _a === void 0 ? void 0 : _a.call(clientCallbacks, jwtVerifiedCredential);
+    });
     useDynamicEvents.useInternalDynamicEvents('logout', () => {
         var _a;
         if (clientCallbacks === null || clientCallbacks === void 0 ? void 0 : clientCallbacks.onDisconnect)

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

@@ -91,6 +91,10 @@ const useTieCallbacksToEvents = ({ clientCallbacks, connectedWallets, user, }) =
         var _a;
         (_a = clientCallbacks === null || clientCallbacks === void 0 ? void 0 : clientCallbacks.onConnect) === null || _a === void 0 ? void 0 : _a.call(clientCallbacks, { wallet });
     });
+    useInternalDynamicEvents('embeddedWalletCreated', (_wallet, jwtVerifiedCredential) => {
+        var _a;
+        (_a = clientCallbacks === null || clientCallbacks === void 0 ? void 0 : clientCallbacks.onEmbeddedWalletCreated) === null || _a === void 0 ? void 0 : _a.call(clientCallbacks, jwtVerifiedCredential);
+    });
     useInternalDynamicEvents('logout', () => {
         var _a;
         if (clientCallbacks === null || clientCallbacks === void 0 ? void 0 : clientCallbacks.onDisconnect)

package/src/lib/context/DynamicContext/types/index.d.ts

@@ -1,7 +1,7 @@
 import { Dispatch, MutableRefObject, ReactElement, ReactNode, SetStateAction } from 'react';
 import { DynamicJwt, NameServiceData, ProjectSettings, SdkView } from '@dynamic-labs/sdk-api';
 import { GenericNetwork, NetworkConfigurationMap, SocialProviderFilter, WalletUiUtils } from '@dynamic-labs/types';
-import { Chain, FetchPublicAddressOpts, WalletConnector } from '@dynamic-labs/wallet-connector-core';
+import { Chain, GetAddressOpts, WalletConnector } from '@dynamic-labs/wallet-connector-core';
 import { PasskeySuccessEnum } from '../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner';
 import { AccessDeniedCustomButton, AccountSwitchState, AuthModeType, AwaitingSignatureState, ChainToWalletMap, DynamicEventsCallbacks, DynamicRPCProviders, MultiWalletWidgetState, RecommendedWallet, UserProfile, Wallet, WalletOption, WalletWithAction } from '../../../shared';
 import { SocialNetworkIconType } from '../../../utils/functions/getSocialNetworkIcon';
@@ -65,7 +65,7 @@ export interface IDynamicContext {
     authorizationViewDisplayOrder: DisplayOrder;
     awaitingSignatureState: AwaitingSignatureState;
     clearStatesOnBackClick: () => void;
-    connectWallet: (walletConnector: WalletConnector, fetchPublicAddressOpts?: FetchPublicAddressOpts, options?: ConnectWalletOptions) => Promise<ConnectWalletResult | undefined>;
+    connectWallet: (walletConnector: WalletConnector, getAddressOpts?: GetAddressOpts, options?: ConnectWalletOptions) => Promise<ConnectWalletResult | undefined>;
     connectedWallets: Wallet[];
     linkedWallets: Wallet[];
     locale: {
@@ -128,7 +128,6 @@ export interface IDynamicContext {
     setLogInWithEmail: Dispatch<SetStateAction<boolean>>;
     setMultiWallet: (value: boolean) => void;
     setMultiWalletWidgetState: MultiWalletWidgetStateSetter;
-    setNetwork: Dispatch<SetStateAction<number | string | undefined>>;
     setOnboardingOnlyJwt: Dispatch<SetStateAction<string | undefined>>;
     setPrimaryWallet: (walletId: string) => Promise<void>;
     setPrimaryWalletId: (walletId: string) => void;

package/src/lib/context/DynamicContext/useCustomerCallbacks/types.d.ts

@@ -1,7 +1,7 @@
 import { JwtVerifiedCredential } from '@dynamic-labs/sdk-api';
-import { OnAuthSuccess, OnEmbeddedWalletCreated, OnLinkSuccess, OnUserProfileUpdate, UserProfile, Wallet } from '../../../shared/types';
+import { OnAuthSuccess, OnLinkSuccess, OnUserProfileUpdate, UserProfile, Wallet } from '../../../shared/types';
 import { IDynamicContext } from '../types';
-export type Callback = 'authSuccess' | 'linkSuccess' | 'userProfileUpdate' | 'embeddedWalletCreated';
+export type Callback = 'authSuccess' | 'linkSuccess' | 'userProfileUpdate';
 export type CallbackParams = {
     /** For embedded wallet events */
     email?: string;
@@ -14,7 +14,6 @@ export type UseCustomerCallbacksArgs = {
         onAuthSuccess?: OnAuthSuccess;
         onLinkSuccess?: OnLinkSuccess;
         onUserProfileUpdate?: OnUserProfileUpdate;
-        onEmbeddedWalletCreated?: OnEmbeddedWalletCreated;
     };
     handleLogOut: () => Promise<void>;
     isAuthenticated: boolean;

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

@@ -23,7 +23,7 @@ require('viem');
 require('viem/chains');
 require('../../../config/ApiEndpoint.cjs');
 
-const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onLinkSuccess, onUserProfileUpdate, onEmbeddedWalletCreated, }, handleLogOut, primaryWallet, secondaryWallets, user, isAuthenticated, setIsVerificationInProgress, }) => {
+const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onLinkSuccess, onUserProfileUpdate }, handleLogOut, primaryWallet, secondaryWallets, user, isAuthenticated, setIsVerificationInProgress, }) => {
     const [callbackQueue, setCallbackQueue] = React.useState([]);
     /** Gets the wallet from its id */
     const getWallet = React.useCallback((id) => {
@@ -33,7 +33,7 @@ const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onLinkSuccess, onUse
             : undefined;
     }, [primaryWallet, secondaryWallets]);
     const handleNextCallback = React.useCallback((next, authToken, user) => {
-        var _a, _b;
+        var _a;
         switch (next === null || next === void 0 ? void 0 : next.callback) {
             case 'authSuccess': {
                 try {
@@ -74,21 +74,12 @@ const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onLinkSuccess, onUse
                 }
                 break;
             }
-            case 'embeddedWalletCreated': {
-                try {
-                    onEmbeddedWalletCreated === null || onEmbeddedWalletCreated === void 0 ? void 0 : onEmbeddedWalletCreated((_b = next.params) === null || _b === void 0 ? void 0 : _b.verifiedCredential);
-                }
-                catch (e) {
-                    logger.logger.error('Error calling onEmbeddedWalletCreated: ', e);
-                }
-            }
         }
     }, [
         getWallet,
         handleLogOut,
         isAuthenticated,
         onAuthSuccess,
-        onEmbeddedWalletCreated,
         onLinkSuccess,
         onUserProfileUpdate,
         primaryWallet,

package/src/lib/context/DynamicContext/useCustomerCallbacks/useCustomerCallbacks.d.ts

@@ -1,4 +1,4 @@
 import { SetCallbackType, UseCustomerCallbacksArgs } from './types';
-export declare const useCustomerCallbacks: ({ callbacks: { onAuthSuccess, onLinkSuccess, onUserProfileUpdate, onEmbeddedWalletCreated, }, handleLogOut, primaryWallet, secondaryWallets, user, isAuthenticated, setIsVerificationInProgress, }: UseCustomerCallbacksArgs) => {
+export declare const useCustomerCallbacks: ({ callbacks: { onAuthSuccess, onLinkSuccess, onUserProfileUpdate }, handleLogOut, primaryWallet, secondaryWallets, user, isAuthenticated, setIsVerificationInProgress, }: UseCustomerCallbacksArgs) => {
     setCallback: SetCallbackType;
 };

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

@@ -19,7 +19,7 @@ import 'viem';
 import 'viem/chains';
 import '../../../config/ApiEndpoint.js';
 
-const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onLinkSuccess, onUserProfileUpdate, onEmbeddedWalletCreated, }, handleLogOut, primaryWallet, secondaryWallets, user, isAuthenticated, setIsVerificationInProgress, }) => {
+const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onLinkSuccess, onUserProfileUpdate }, handleLogOut, primaryWallet, secondaryWallets, user, isAuthenticated, setIsVerificationInProgress, }) => {
     const [callbackQueue, setCallbackQueue] = useState([]);
     /** Gets the wallet from its id */
     const getWallet = useCallback((id) => {
@@ -29,7 +29,7 @@ const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onLinkSuccess, onUse
             : undefined;
     }, [primaryWallet, secondaryWallets]);
     const handleNextCallback = useCallback((next, authToken, user) => {
-        var _a, _b;
+        var _a;
         switch (next === null || next === void 0 ? void 0 : next.callback) {
             case 'authSuccess': {
                 try {
@@ -70,21 +70,12 @@ const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onLinkSuccess, onUse
                 }
                 break;
             }
-            case 'embeddedWalletCreated': {
-                try {
-                    onEmbeddedWalletCreated === null || onEmbeddedWalletCreated === void 0 ? void 0 : onEmbeddedWalletCreated((_b = next.params) === null || _b === void 0 ? void 0 : _b.verifiedCredential);
-                }
-                catch (e) {
-                    logger.error('Error calling onEmbeddedWalletCreated: ', e);
-                }
-            }
         }
     }, [
         getWallet,
         handleLogOut,
         isAuthenticated,
         onAuthSuccess,
-        onEmbeddedWalletCreated,
         onLinkSuccess,
         onUserProfileUpdate,
         primaryWallet,

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

@@ -12,7 +12,7 @@ const useDynamicContext = () => {
     if (context === undefined) {
         throw new Error('useDynamicContext must be used within a DynamicContextProvider');
     }
-    const { accountSwitchState, authMode, authToken, awaitingSignatureState, getNameService, handleLogOut, handleUnlinkWallet, isAuthenticated, isFullyConnected, isVerificationInProgress, loadingNetwork, locale, loginWithEmail, multiWalletWidgetState, network, networkConfigurations, qrcodeUri, rpcProviders, sdkHasLoaded, setLogInWithEmail, setMultiWalletWidgetState, setNetwork, setPrimaryWallet, setShowAuthFlow, setShowDynamicUserProfile, setShowQrcodeModal, shadowDOMEnabled, showAuthFlow, showQrcodeModal, user, walletConnector, walletConnectorOptions, bridgeChains, bridgeChainsToConnect, primaryWallet, setShowBridgeWidget, sendWagmiSettings, showDynamicUserProfile, } = context;
+    const { accountSwitchState, authMode, authToken, awaitingSignatureState, getNameService, handleLogOut, handleUnlinkWallet, isAuthenticated, isFullyConnected, isVerificationInProgress, loadingNetwork, locale, loginWithEmail, multiWalletWidgetState, network, networkConfigurations, qrcodeUri, rpcProviders, sdkHasLoaded, setLogInWithEmail, setMultiWalletWidgetState, setPrimaryWallet, setShowAuthFlow, setShowDynamicUserProfile, setShowQrcodeModal, shadowDOMEnabled, showAuthFlow, showQrcodeModal, user, walletConnector, walletConnectorOptions, bridgeChains, bridgeChainsToConnect, primaryWallet, setShowBridgeWidget, sendWagmiSettings, showDynamicUserProfile, } = context;
     const { setAuthMode } = useOverrides.useOverrides(context);
     return {
         accountSwitchState,
@@ -41,7 +41,6 @@ const useDynamicContext = () => {
         setAuthMode,
         setLogInWithEmail,
         setMultiWalletWidgetState,
-        setNetwork,
         setPrimaryWallet,
         setShowAuthFlow: (value) => setShowAuthFlow(value, {
             clearErrors: true,

package/src/lib/context/DynamicContext/useDynamicContext/useDynamicContext.d.ts

@@ -1,6 +1,6 @@
 import { Dispatch, SetStateAction } from 'react';
 import { IDynamicContext } from '../types';
-export type UseDynamicContext = Pick<IDynamicContext, 'accountSwitchState' | 'authMode' | 'authToken' | 'awaitingSignatureState' | 'getNameService' | 'handleLogOut' | 'handleUnlinkWallet' | 'isAuthenticated' | 'isFullyConnected' | 'isVerificationInProgress' | 'loadingNetwork' | 'locale' | 'loginWithEmail' | 'multiWalletWidgetState' | 'network' | 'networkConfigurations' | 'primaryWallet' | 'qrcodeUri' | 'rpcProviders' | 'sdkHasLoaded' | 'setLogInWithEmail' | 'setMultiWalletWidgetState' | 'setNetwork' | 'setPrimaryWallet' | 'setShowDynamicUserProfile' | 'setShowQrcodeModal' | 'shadowDOMEnabled' | 'showAuthFlow' | 'showQrcodeModal' | 'user' | 'walletConnector' | 'walletConnectorOptions' | 'bridgeChains' | 'bridgeChainsToConnect' | 'setShowBridgeWidget' | 'sendWagmiSettings' | 'showDynamicUserProfile' | 'setAuthMode'> & {
+export type UseDynamicContext = Pick<IDynamicContext, 'accountSwitchState' | 'authMode' | 'authToken' | 'awaitingSignatureState' | 'getNameService' | 'handleLogOut' | 'handleUnlinkWallet' | 'isAuthenticated' | 'isFullyConnected' | 'isVerificationInProgress' | 'loadingNetwork' | 'locale' | 'loginWithEmail' | 'multiWalletWidgetState' | 'network' | 'networkConfigurations' | 'primaryWallet' | 'qrcodeUri' | 'rpcProviders' | 'sdkHasLoaded' | 'setLogInWithEmail' | 'setMultiWalletWidgetState' | 'setPrimaryWallet' | 'setShowDynamicUserProfile' | 'setShowQrcodeModal' | 'shadowDOMEnabled' | 'showAuthFlow' | 'showQrcodeModal' | 'user' | 'walletConnector' | 'walletConnectorOptions' | 'bridgeChains' | 'bridgeChainsToConnect' | 'setShowBridgeWidget' | 'sendWagmiSettings' | 'showDynamicUserProfile' | 'setAuthMode'> & {
     setShowAuthFlow: Dispatch<SetStateAction<boolean>>;
 };
 export declare const useDynamicContext: () => UseDynamicContext;

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

@@ -8,7 +8,7 @@ const useDynamicContext = () => {
     if (context === undefined) {
         throw new Error('useDynamicContext must be used within a DynamicContextProvider');
     }
-    const { accountSwitchState, authMode, authToken, awaitingSignatureState, getNameService, handleLogOut, handleUnlinkWallet, isAuthenticated, isFullyConnected, isVerificationInProgress, loadingNetwork, locale, loginWithEmail, multiWalletWidgetState, network, networkConfigurations, qrcodeUri, rpcProviders, sdkHasLoaded, setLogInWithEmail, setMultiWalletWidgetState, setNetwork, setPrimaryWallet, setShowAuthFlow, setShowDynamicUserProfile, setShowQrcodeModal, shadowDOMEnabled, showAuthFlow, showQrcodeModal, user, walletConnector, walletConnectorOptions, bridgeChains, bridgeChainsToConnect, primaryWallet, setShowBridgeWidget, sendWagmiSettings, showDynamicUserProfile, } = context;
+    const { accountSwitchState, authMode, authToken, awaitingSignatureState, getNameService, handleLogOut, handleUnlinkWallet, isAuthenticated, isFullyConnected, isVerificationInProgress, loadingNetwork, locale, loginWithEmail, multiWalletWidgetState, network, networkConfigurations, qrcodeUri, rpcProviders, sdkHasLoaded, setLogInWithEmail, setMultiWalletWidgetState, setPrimaryWallet, setShowAuthFlow, setShowDynamicUserProfile, setShowQrcodeModal, shadowDOMEnabled, showAuthFlow, showQrcodeModal, user, walletConnector, walletConnectorOptions, bridgeChains, bridgeChainsToConnect, primaryWallet, setShowBridgeWidget, sendWagmiSettings, showDynamicUserProfile, } = context;
     const { setAuthMode } = useOverrides(context);
     return {
         accountSwitchState,
@@ -37,7 +37,6 @@ const useDynamicContext = () => {
         setAuthMode,
         setLogInWithEmail,
         setMultiWalletWidgetState,
-        setNetwork,
         setPrimaryWallet,
         setShowAuthFlow: (value) => setShowAuthFlow(value, {
             clearErrors: true,

package/src/lib/context/ErrorContext/ErrorContext.cjs

@@ -8,10 +8,13 @@ var React = require('react');
 const errorMessageMap = {
     '-32000': 'Message signature denied',
     '-32002': 'Please unlock your wallet extension and try again.',
+    '-32003': 'Message signature denied.',
     '-32602': 'Invalid parameters. Please try again.',
     '-32603': 'There was an internal error. Please try again.',
     0: 'Message signature denied.',
     4001: 'Message signature denied.',
+    4100: 'Please unlock your wallet extension and try again.',
+    4900: 'There was an internal error. Please try again.',
     5001: 'Message signature denied.',
     5002: 'Message signature denied.',
     account_already_linked_to_different_profile: 'This social account is already linked to a different profile.',

package/src/lib/context/ErrorContext/ErrorContext.js

@@ -4,10 +4,13 @@ import { createContext, useState, useCallback, useContext } from 'react';
 const errorMessageMap = {
     '-32000': 'Message signature denied',
     '-32002': 'Please unlock your wallet extension and try again.',
+    '-32003': 'Message signature denied.',
     '-32602': 'Invalid parameters. Please try again.',
     '-32603': 'There was an internal error. Please try again.',
     0: 'Message signature denied.',
     4001: 'Message signature denied.',
+    4100: 'Please unlock your wallet extension and try again.',
+    4900: 'There was an internal error. Please try again.',
     5001: 'Message signature denied.',
     5002: 'Message signature denied.',
     account_already_linked_to_different_profile: 'This social account is already linked to a different profile.',

package/src/lib/context/PhantomRedirectContext/PhantomRedirectContext.cjs

@@ -77,14 +77,21 @@ var useResponseHandlers = require('./useResponseHandlers.cjs');
 const PhantomRedirectContext = React.createContext(undefined);
 const PhantomRedirectContextProvider = ({ children, }) => {
     const { sdkHasLoaded } = useInternalDynamicContext.useInternalDynamicContext();
-    const { phantomRedirectConnector, handleConnectResponse, handleUserResponse, } = useResponseHandlers.useResponseHandlers();
+    const { phantomRedirectConnector, handleConnectResponse, handleUserResponse, handleErrorResponse, } = useResponseHandlers.useResponseHandlers();
     React.useEffect(() => {
         if (!phantomRedirectConnector || !utils.isMobile() || !sdkHasLoaded) {
             return;
         }
         const params = new URLSearchParams(window.location.search);
-        if (params.has('error')) {
-            // implement error handling
+        if (params.has('errorCode')) {
+            const errorCode = params.get('errorCode');
+            if (!errorCode)
+                return;
+            handleErrorResponse(errorCode);
+            params.delete('errorCode');
+            params.delete('errorMessage');
+            // eslint-disable-next-line no-restricted-globals
+            history.replaceState(null, '', `${window.location.origin}${window.location.pathname}?${params.toString()}`);
             return;
         }
         // handle response of connect method
@@ -101,6 +108,7 @@ const PhantomRedirectContextProvider = ({ children, }) => {
     }, [
         handleConnectResponse,
         handleUserResponse,
+        handleErrorResponse,
         phantomRedirectConnector,
         sdkHasLoaded,
     ]);

package/src/lib/context/PhantomRedirectContext/PhantomRedirectContext.js

@@ -73,14 +73,21 @@ import { useResponseHandlers } from './useResponseHandlers.js';
 const PhantomRedirectContext = createContext(undefined);
 const PhantomRedirectContextProvider = ({ children, }) => {
     const { sdkHasLoaded } = useInternalDynamicContext();
-    const { phantomRedirectConnector, handleConnectResponse, handleUserResponse, } = useResponseHandlers();
+    const { phantomRedirectConnector, handleConnectResponse, handleUserResponse, handleErrorResponse, } = useResponseHandlers();
     useEffect(() => {
         if (!phantomRedirectConnector || !isMobile() || !sdkHasLoaded) {
             return;
         }
         const params = new URLSearchParams(window.location.search);
-        if (params.has('error')) {
-            // implement error handling
+        if (params.has('errorCode')) {
+            const errorCode = params.get('errorCode');
+            if (!errorCode)
+                return;
+            handleErrorResponse(errorCode);
+            params.delete('errorCode');
+            params.delete('errorMessage');
+            // eslint-disable-next-line no-restricted-globals
+            history.replaceState(null, '', `${window.location.origin}${window.location.pathname}?${params.toString()}`);
             return;
         }
         // handle response of connect method
@@ -97,6 +104,7 @@ const PhantomRedirectContextProvider = ({ children, }) => {
     }, [
         handleConnectResponse,
         handleUserResponse,
+        handleErrorResponse,
         phantomRedirectConnector,
         sdkHasLoaded,
     ]);