@dynamic-labs/sdk-react-core 1.0.0-alpha.1 → 1.0.0-alpha.11

package/src/lib/utils/functions/index.d.ts

@@ -1,45 +1,48 @@
-export * from './getEnabledKYC';
-export * from './storeAuthToken';
+export * from './createUserProfile';
+export * from './digestSHA256';
+export * from './encodeBase64URL';
+export * from './findEmbeddedWalletFromVerifiedCredentials';
+export * from './findTurnkeyWallet';
 export * from './generateMessages';
+export * from './getActiveOauthCredential';
+export * from './getAppOrigin';
 export * from './getAuthToken';
-export * from './isWalletConnected';
-export * from './getVerifyArgs';
-export * from './createUserProfile';
-export * from './requiresTwoStepAuthentication';
-export * from './isSupportedNetwork';
-export * from './isEmailProviderEnabled';
-export * from './getEnabledProviders';
-export * from './pixelToRem';
-export * from './isProgrammableNetworkSwitchSupported';
+export * from './getEnabledKYC';
 export * from './getEnabledOAuthProviders';
-export * from './shouldManuallyReconnectOnRefresh';
-export * from './isNetworkUnsupported';
+export * from './getEnabledProviders';
+export * from './getEnabledSocialSignInProvidersAsProviderEnum';
+export * from './getOauthLoginUrl';
+export * from './getOrdinalNumber';
+export * from './getProviderByType';
+export * from './getProviderEnumForSocialSignInProvider';
+export * from './getRedirectURIOrigin';
 export * from './getReferencedAccount';
-export * from './getAppOrigin';
+export * from './getSocialSignInProviderForProviderEnum';
+export * from './getSocialSignInProviderFromString';
+export * from './getUserProfileFields';
+export * from './getUserWalletsFromVerifiedCredentials';
+export * from './getVerifyArgs';
+export * from './getWalletConnectorNetworks/getWalletConnectorNetworks';
 export * from './groupBy';
-export * from './isProviderEnabled';
+export * from './isEmailProviderEnabled';
+export * from './isEmbeddedWalletPresent';
+export * from './isMagicConnector';
+export * from './isNetworkUnsupported';
 export * from './isOnrampProvider';
-export * from './getWalletConnectorNetworks/getWalletConnectorNetworks';
+export * from './isProgrammableNetworkSwitchSupported';
+export * from './isProviderEnabled';
 export * from './isSocialKycEnabled';
-export * from './getUserProfileFields';
-export * from './isMagicConnector';
+export * from './isSupportedNetwork';
+export * from './isTestnet';
+export * from './isTurnkeyEnabled';
+export * from './isWalletConnected';
+export * from './pixelToRem';
 export * from './randomString';
-export * from './stringifyURIQuery';
-export * from './digestSHA256';
-export * from './encodeBase64URL';
-export * from './getRedirectURIOrigin';
+export * from './requiresTwoStepAuthentication';
 export * from './sendTransactionWithAutoNonce';
-export * from './getProviderEnumForSocialSignInProvider';
-export * from './getEnabledSocialSignInProvidersAsProviderEnum';
-export * from './getActiveOauthCredential';
-export * from './getSocialSignInProviderForProviderEnum';
-export * from './getSocialSignInProviderFromString';
-export * from './getOauthLoginUrl';
-export * from './isTurnkeyEnabled';
-export * from './isEmbeddedWalletPresent';
-export * from './findEmbeddedWalletFromVerifiedCredentials';
-export * from './findTurnkeyWallet';
-export * from './isTestnet';
-export * from './getOrdinalNumber';
-export * from './getProviderByType';
-export * from './getUserWalletsFromVerifiedCredentials';
+export * from './shouldManuallyReconnectOnRefresh';
+export * from './storeAuthToken';
+export * from './stringifyURIQuery';
+export * from './removeElementById';
+export * from './isAccountAbstractionWallet';
+export * from './createOwnerWallet';

package/src/lib/utils/functions/isAccountAbstractionWallet/index.d.ts

@@ -0,0 +1 @@
+export { isAccountAbstractionWallet } from './isAccountAbstractionWallet';

package/src/lib/utils/functions/isAccountAbstractionWallet/isAccountAbstractionWallet.cjs

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
+
+const isAccountAbstractionWallet = (wallet) => {
+    if (!wallet ||
+        wallet === undefined ||
+        wallet === null ||
+        typeof wallet !== 'object' ||
+        !('connector' in wallet)) {
+        return false;
+    }
+    return walletConnectorCore.isAccountAbstractionConnector(wallet.connector);
+};
+
+exports.isAccountAbstractionWallet = isAccountAbstractionWallet;

package/src/lib/utils/functions/isAccountAbstractionWallet/isAccountAbstractionWallet.d.ts

@@ -0,0 +1,2 @@
+import { Wallet } from '../../../shared';
+export declare const isAccountAbstractionWallet: (wallet: Wallet | unknown) => wallet is Wallet;

package/src/lib/utils/functions/isAccountAbstractionWallet/isAccountAbstractionWallet.js

@@ -0,0 +1,14 @@
+import { isAccountAbstractionConnector } from '@dynamic-labs/wallet-connector-core';
+
+const isAccountAbstractionWallet = (wallet) => {
+    if (!wallet ||
+        wallet === undefined ||
+        wallet === null ||
+        typeof wallet !== 'object' ||
+        !('connector' in wallet)) {
+        return false;
+    }
+    return isAccountAbstractionConnector(wallet.connector);
+};
+
+export { isAccountAbstractionWallet };

package/src/lib/utils/functions/removeElementById/index.d.ts

@@ -0,0 +1 @@
+export { removeElementById } from './removeElementById';

package/src/lib/utils/functions/removeElementById/removeElementById.cjs

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const removeElementById = (elementId) => {
+    let modalRootElement;
+    if (typeof window !== 'undefined') {
+        modalRootElement = window.document.getElementById(elementId);
+        if (!modalRootElement) {
+            return;
+        }
+        window.document.body.removeChild(modalRootElement);
+    }
+};
+
+exports.removeElementById = removeElementById;

package/src/lib/utils/functions/removeElementById/removeElementById.d.ts

@@ -0,0 +1 @@
+export declare const removeElementById: (elementId: string) => void;

package/src/lib/utils/functions/removeElementById/removeElementById.js

@@ -0,0 +1,12 @@
+const removeElementById = (elementId) => {
+    let modalRootElement;
+    if (typeof window !== 'undefined') {
+        modalRootElement = window.document.getElementById(elementId);
+        if (!modalRootElement) {
+            return;
+        }
+        window.document.body.removeChild(modalRootElement);
+    }
+};
+
+export { removeElementById };

package/src/lib/utils/functions/walletFilters/index.cjs

@@ -24,7 +24,7 @@ const SortWallets = (sortedWalletKeys) => (wallets) => [...wallets].sort((wallet
 });
 const FilterWallets = (walletKeys) => (wallets) => wallets.filter((wallet) => walletKeys.includes(wallet.key));
 const RemoveWallets = (walletKeys) => (wallets) => wallets.filter((wallet) => !walletKeys.includes(wallet.key));
-const FilterWalletsByChainName = (chainName) => (wallets) => wallets.filter((wallet) => wallet.walletConnector.supportedChains.includes(chainName));
+const FilterBridgeChainsName = (chainName) => (wallets) => wallets.filter((wallet) => wallet.walletConnector.supportedChains.includes(chainName));
 /**
  * Filters and sorts the wallet selection by the provided sortedWalletKeys.
  * This filter should be used when you only want specific wallets to be available
@@ -37,8 +37,8 @@ const FilterAndSortWallets = (sortedWalletKeys) => (wallets) => {
 const UniswapFilter = () => (wallets) => FilterAndSortWallets(['uniswap', 'metamask', 'coinbase', 'walletconnect'])(wallets);
 
 exports.FilterAndSortWallets = FilterAndSortWallets;
+exports.FilterBridgeChainsName = FilterBridgeChainsName;
 exports.FilterWallets = FilterWallets;
-exports.FilterWalletsByChainName = FilterWalletsByChainName;
 exports.RemoveWallets = RemoveWallets;
 exports.SortWallets = SortWallets;
 exports.UniswapFilter = UniswapFilter;

package/src/lib/utils/functions/walletFilters/index.d.ts

@@ -10,7 +10,7 @@ import { WalletOption } from '../../../shared';
 export declare const SortWallets: (sortedWalletKeys: string[]) => (wallets: WalletOption[]) => WalletOption[];
 export declare const FilterWallets: (walletKeys: string[]) => (wallets: WalletOption[]) => WalletOption[];
 export declare const RemoveWallets: (walletKeys: string[]) => (wallets: WalletOption[]) => WalletOption[];
-export declare const FilterWalletsByChainName: (chainName: Chain) => (wallets: WalletOption[]) => WalletOption[];
+export declare const FilterBridgeChainsName: (chainName: Chain) => (wallets: WalletOption[]) => WalletOption[];
 /**
  * Filters and sorts the wallet selection by the provided sortedWalletKeys.
  * This filter should be used when you only want specific wallets to be available

package/src/lib/utils/functions/walletFilters/index.js

@@ -20,7 +20,7 @@ const SortWallets = (sortedWalletKeys) => (wallets) => [...wallets].sort((wallet
 });
 const FilterWallets = (walletKeys) => (wallets) => wallets.filter((wallet) => walletKeys.includes(wallet.key));
 const RemoveWallets = (walletKeys) => (wallets) => wallets.filter((wallet) => !walletKeys.includes(wallet.key));
-const FilterWalletsByChainName = (chainName) => (wallets) => wallets.filter((wallet) => wallet.walletConnector.supportedChains.includes(chainName));
+const FilterBridgeChainsName = (chainName) => (wallets) => wallets.filter((wallet) => wallet.walletConnector.supportedChains.includes(chainName));
 /**
  * Filters and sorts the wallet selection by the provided sortedWalletKeys.
  * This filter should be used when you only want specific wallets to be available
@@ -32,4 +32,4 @@ const FilterAndSortWallets = (sortedWalletKeys) => (wallets) => {
 };
 const UniswapFilter = () => (wallets) => FilterAndSortWallets(['uniswap', 'metamask', 'coinbase', 'walletconnect'])(wallets);
 
-export { FilterAndSortWallets, FilterWallets, FilterWalletsByChainName, RemoveWallets, SortWallets, UniswapFilter };
+export { FilterAndSortWallets, FilterBridgeChainsName, FilterWallets, RemoveWallets, SortWallets, UniswapFilter };

package/src/lib/utils/hooks/authenticationHooks/useConnectAndSign/useConnectAndSign.cjs

@@ -4,11 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _tslib = require('../../../../../../_virtual/_tslib.cjs');
 var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
-var showPendingConnectView = require('../helpers/showPendingConnectView.cjs');
-var isConnectOnly = require('../helpers/isConnectOnly.cjs');
+var CaptchaContext = require('../../../../context/CaptchaContext/CaptchaContext.cjs');
 var useInternalDynamicContext = require('../../../../context/DynamicContext/useInternalDynamicContext.cjs');
-var ViewContext = require('../../../../context/ViewContext/ViewContext.cjs');
 var ErrorContext = require('../../../../context/ErrorContext/ErrorContext.cjs');
+var ViewContext = require('../../../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/sdk-api');
 var logger = require('../../../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
@@ -21,12 +20,13 @@ var localStorage = require('../../../../shared/utils/classes/storage/localStorag
 require('viem');
 require('@dynamic-labs/utils');
 require('../../../../shared/consts/index.cjs');
-var useVerifyWallet = require('../../useVerifyWallet/useVerifyWallet.cjs');
-var CaptchaContext = require('../../../../context/CaptchaContext/CaptchaContext.cjs');
-var useHandleWalletsToConnect = require('../../useHandleWalletsToConnect/useHandleWalletsToConnect.cjs');
 require('@dynamic-labs/multi-wallet');
-var isSupportedNetwork = require('../../../functions/isSupportedNetwork/isSupportedNetwork.cjs');
 var isProgrammableNetworkSwitchSupported = require('../../../functions/isProgrammableNetworkSwitchSupported/isProgrammableNetworkSwitchSupported.cjs');
+var isSupportedNetwork = require('../../../functions/isSupportedNetwork/isSupportedNetwork.cjs');
+var useHandleWalletsToConnect = require('../../useHandleWalletsToConnect/useHandleWalletsToConnect.cjs');
+var useVerifyWallet = require('../../useVerifyWallet/useVerifyWallet.cjs');
+var showPendingConnectView = require('../helpers/showPendingConnectView.cjs');
+var isConnectOnly = require('../helpers/isConnectOnly.cjs');
 
 const useConnectAndSign = ({ shouldUpdateWallets = true, shouldCallCallback = true, } = {}) => {
     const { setView, goToInitialView } = ViewContext.useViewContext();
@@ -82,22 +82,32 @@ const useConnectAndSign = ({ shouldUpdateWallets = true, shouldCallCallback = tr
                     setView('wait-for-email-confirmation-view');
                 }
             }
-            const publicWalletAddress = yield connectWallet(walletConnector, fetchPublicAddressOpts, shouldCallCallback);
-            if (!publicWalletAddress) {
+            const connectionResult = yield connectWallet(walletConnector, fetchPublicAddressOpts, shouldCallCallback);
+            if (!(connectionResult === null || connectionResult === void 0 ? void 0 : connectionResult.address)) {
                 return;
             }
+            const { address, id } = connectionResult;
             const walletNetwork = yield walletConnector.getNetwork();
+            // When we switch networks on MM/walletconnect, it breaks the flow and doesn't always display the sign message
+            // Since it the network doesn't matter for the sign, we don't need to force the user to switch to the supported
+            // network at this stage and they can switch when doing a transaction
+            // Note: not checking specifically for MM since user can choose walletconnect connector to use with MM
+            const shouldForceSupportedNetwork = !walletConnector.isWalletConnect;
             const usesSupportedNetwork = isSupportedNetwork.isSupportedNetwork({
                 network: walletNetwork,
                 walletConnector,
             });
             if (!usesSupportedNetwork) {
-                if (isProgrammableNetworkSwitchSupported.isProgrammableNetworkSwitchSupported(walletConnector)) {
+                if (!isProgrammableNetworkSwitchSupported.isProgrammableNetworkSwitchSupported(walletConnector)) {
+                    return setView('network-not-supported-manual');
+                }
+                if (shouldForceSupportedNetwork) {
                     return setView('network-not-supported');
                 }
-                return setView('network-not-supported-manual');
             }
-            setCallback('connectSuccess');
+            setCallback('connectSuccess', {
+                walletId: id,
+            });
             if (isConnectOnly.isConnectOnly(user, authMode)) {
                 localStorage.LocalStorage.setToLS(localStorage$1.LAST_USED_WALLET, walletConnector.key);
                 if (shouldUpdateWallets) {
@@ -110,7 +120,7 @@ const useConnectAndSign = ({ shouldUpdateWallets = true, shouldCallCallback = tr
                     authMethod: 'wallet',
                     onCaptchaSuccess: (captchaToken) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
                         try {
-                            yield handleWalletVerify(walletConnector, publicWalletAddress, captchaToken);
+                            yield handleWalletVerify(walletConnector, address, captchaToken);
                         }
                         catch (e) {
                             handleWalletVerifyError(e);
@@ -119,7 +129,7 @@ const useConnectAndSign = ({ shouldUpdateWallets = true, shouldCallCallback = tr
                 });
                 return;
             }
-            yield handleWalletVerify(walletConnector, publicWalletAddress, getCaptchaToken());
+            yield handleWalletVerify(walletConnector, address, getCaptchaToken());
         }
         catch (err) {
             handleWalletVerifyError(err);

package/src/lib/utils/hooks/authenticationHooks/useConnectAndSign/useConnectAndSign.js

@@ -1,10 +1,9 @@
 import { __awaiter } from '../../../../../../_virtual/_tslib.js';
 import { isEmailWalletConnector, isEmailOTPWalletConnector, isBloctoConnector } from '@dynamic-labs/wallet-connector-core';
-import { showPendingConnectView } from '../helpers/showPendingConnectView.js';
-import { isConnectOnly } from '../helpers/isConnectOnly.js';
+import { useCaptchaContext } from '../../../../context/CaptchaContext/CaptchaContext.js';
 import { useInternalDynamicContext } from '../../../../context/DynamicContext/useInternalDynamicContext.js';
-import { useViewContext } from '../../../../context/ViewContext/ViewContext.js';
 import { useErrorContext } from '../../../../context/ErrorContext/ErrorContext.js';
+import { useViewContext } from '../../../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/sdk-api';
 import { logger } from '../../../../shared/logger.js';
 import '@dynamic-labs/iconic';
@@ -17,12 +16,13 @@ import { LocalStorage } from '../../../../shared/utils/classes/storage/localStor
 import 'viem';
 import '@dynamic-labs/utils';
 import '../../../../shared/consts/index.js';
-import { useVerifyWallet } from '../../useVerifyWallet/useVerifyWallet.js';
-import { useCaptchaContext } from '../../../../context/CaptchaContext/CaptchaContext.js';
-import { useHandleWalletsToConnect } from '../../useHandleWalletsToConnect/useHandleWalletsToConnect.js';
 import '@dynamic-labs/multi-wallet';
-import { isSupportedNetwork } from '../../../functions/isSupportedNetwork/isSupportedNetwork.js';
 import { isProgrammableNetworkSwitchSupported } from '../../../functions/isProgrammableNetworkSwitchSupported/isProgrammableNetworkSwitchSupported.js';
+import { isSupportedNetwork } from '../../../functions/isSupportedNetwork/isSupportedNetwork.js';
+import { useHandleWalletsToConnect } from '../../useHandleWalletsToConnect/useHandleWalletsToConnect.js';
+import { useVerifyWallet } from '../../useVerifyWallet/useVerifyWallet.js';
+import { showPendingConnectView } from '../helpers/showPendingConnectView.js';
+import { isConnectOnly } from '../helpers/isConnectOnly.js';
 
 const useConnectAndSign = ({ shouldUpdateWallets = true, shouldCallCallback = true, } = {}) => {
     const { setView, goToInitialView } = useViewContext();
@@ -78,22 +78,32 @@ const useConnectAndSign = ({ shouldUpdateWallets = true, shouldCallCallback = tr
                     setView('wait-for-email-confirmation-view');
                 }
             }
-            const publicWalletAddress = yield connectWallet(walletConnector, fetchPublicAddressOpts, shouldCallCallback);
-            if (!publicWalletAddress) {
+            const connectionResult = yield connectWallet(walletConnector, fetchPublicAddressOpts, shouldCallCallback);
+            if (!(connectionResult === null || connectionResult === void 0 ? void 0 : connectionResult.address)) {
                 return;
             }
+            const { address, id } = connectionResult;
             const walletNetwork = yield walletConnector.getNetwork();
+            // When we switch networks on MM/walletconnect, it breaks the flow and doesn't always display the sign message
+            // Since it the network doesn't matter for the sign, we don't need to force the user to switch to the supported
+            // network at this stage and they can switch when doing a transaction
+            // Note: not checking specifically for MM since user can choose walletconnect connector to use with MM
+            const shouldForceSupportedNetwork = !walletConnector.isWalletConnect;
             const usesSupportedNetwork = isSupportedNetwork({
                 network: walletNetwork,
                 walletConnector,
             });
             if (!usesSupportedNetwork) {
-                if (isProgrammableNetworkSwitchSupported(walletConnector)) {
+                if (!isProgrammableNetworkSwitchSupported(walletConnector)) {
+                    return setView('network-not-supported-manual');
+                }
+                if (shouldForceSupportedNetwork) {
                     return setView('network-not-supported');
                 }
-                return setView('network-not-supported-manual');
             }
-            setCallback('connectSuccess');
+            setCallback('connectSuccess', {
+                walletId: id,
+            });
             if (isConnectOnly(user, authMode)) {
                 LocalStorage.setToLS(LAST_USED_WALLET, walletConnector.key);
                 if (shouldUpdateWallets) {
@@ -106,7 +116,7 @@ const useConnectAndSign = ({ shouldUpdateWallets = true, shouldCallCallback = tr
                     authMethod: 'wallet',
                     onCaptchaSuccess: (captchaToken) => __awaiter(void 0, void 0, void 0, function* () {
                         try {
-                            yield handleWalletVerify(walletConnector, publicWalletAddress, captchaToken);
+                            yield handleWalletVerify(walletConnector, address, captchaToken);
                         }
                         catch (e) {
                             handleWalletVerifyError(e);
@@ -115,7 +125,7 @@ const useConnectAndSign = ({ shouldUpdateWallets = true, shouldCallCallback = tr
                 });
                 return;
             }
-            yield handleWalletVerify(walletConnector, publicWalletAddress, getCaptchaToken());
+            yield handleWalletVerify(walletConnector, address, getCaptchaToken());
         }
         catch (err) {
             handleWalletVerifyError(err);

package/src/lib/utils/hooks/authenticationHooks/useConnectAndSignSplitSteps/useConnectAndSignSplitSteps.cjs

@@ -48,8 +48,10 @@ const useConnectAndSignSplitSteps = () => {
         setIsVerificationInProgress(true);
         yield showPendingConnectView.showPendingConnectView(walletConnector, setView);
         try {
-            yield connectWallet(walletConnector, fetchPublicAddressOpts);
-            setCallback('connectSuccess');
+            const connectionResult = yield connectWallet(walletConnector, fetchPublicAddressOpts);
+            setCallback('connectSuccess', {
+                walletId: connectionResult === null || connectionResult === void 0 ? void 0 : connectionResult.id,
+            });
             if (isConnectOnly.isConnectOnly(user, authMode)) {
                 localStorage.LocalStorage.setToLS(localStorage$1.LAST_USED_WALLET, walletConnector.key);
                 handleWalletsToConnect({ walletConnector });
@@ -82,13 +84,13 @@ const useConnectAndSignSplitSteps = () => {
         // Raise verification ongoing flag
         setIsVerificationInProgress(true);
         try {
-            const publicWalletAddress = yield connectWallet(walletConnector, fetchPublicAddressOpts);
-            if (!publicWalletAddress) {
+            const connectionResult = yield connectWallet(walletConnector, fetchPublicAddressOpts);
+            if (!(connectionResult === null || connectionResult === void 0 ? void 0 : connectionResult.address)) {
                 return;
             }
             yield verifyWallet({
                 captchaToken: getCaptchaToken(),
-                publicWalletAddress,
+                publicWalletAddress: connectionResult.address,
                 walletConnector,
             });
         }

package/src/lib/utils/hooks/authenticationHooks/useConnectAndSignSplitSteps/useConnectAndSignSplitSteps.js

@@ -44,8 +44,10 @@ const useConnectAndSignSplitSteps = () => {
         setIsVerificationInProgress(true);
         yield showPendingConnectView(walletConnector, setView);
         try {
-            yield connectWallet(walletConnector, fetchPublicAddressOpts);
-            setCallback('connectSuccess');
+            const connectionResult = yield connectWallet(walletConnector, fetchPublicAddressOpts);
+            setCallback('connectSuccess', {
+                walletId: connectionResult === null || connectionResult === void 0 ? void 0 : connectionResult.id,
+            });
             if (isConnectOnly(user, authMode)) {
                 LocalStorage.setToLS(LAST_USED_WALLET, walletConnector.key);
                 handleWalletsToConnect({ walletConnector });
@@ -78,13 +80,13 @@ const useConnectAndSignSplitSteps = () => {
         // Raise verification ongoing flag
         setIsVerificationInProgress(true);
         try {
-            const publicWalletAddress = yield connectWallet(walletConnector, fetchPublicAddressOpts);
-            if (!publicWalletAddress) {
+            const connectionResult = yield connectWallet(walletConnector, fetchPublicAddressOpts);
+            if (!(connectionResult === null || connectionResult === void 0 ? void 0 : connectionResult.address)) {
                 return;
             }
             yield verifyWallet({
                 captchaToken: getCaptchaToken(),
-                publicWalletAddress,
+                publicWalletAddress: connectionResult.address,
                 walletConnector,
             });
         }

package/src/lib/utils/hooks/authenticationHooks/useSignConnectOnlyUser/useSignConnectOnlyUser.cjs

@@ -48,13 +48,13 @@ const useSignConnectOnlyUser = () => {
             setShowAuthFlow(true);
             // Wallet should be already connected at this point
             // We just need to verify it
-            const publicWalletAddress = yield connectWallet(walletConnector, fetchPublicAddressOpts);
-            if (!publicWalletAddress) {
+            const connectionResult = yield connectWallet(walletConnector, fetchPublicAddressOpts);
+            if (!(connectionResult === null || connectionResult === void 0 ? void 0 : connectionResult.address)) {
                 return;
             }
             yield verifyWallet({
                 captchaToken: getCaptchaToken(),
-                publicWalletAddress,
+                publicWalletAddress: connectionResult.address,
                 walletConnector,
             });
         }

package/src/lib/utils/hooks/authenticationHooks/useSignConnectOnlyUser/useSignConnectOnlyUser.js

@@ -44,13 +44,13 @@ const useSignConnectOnlyUser = () => {
             setShowAuthFlow(true);
             // Wallet should be already connected at this point
             // We just need to verify it
-            const publicWalletAddress = yield connectWallet(walletConnector, fetchPublicAddressOpts);
-            if (!publicWalletAddress) {
+            const connectionResult = yield connectWallet(walletConnector, fetchPublicAddressOpts);
+            if (!(connectionResult === null || connectionResult === void 0 ? void 0 : connectionResult.address)) {
                 return;
             }
             yield verifyWallet({
                 captchaToken: getCaptchaToken(),
-                publicWalletAddress,
+                publicWalletAddress: connectionResult.address,
                 walletConnector,
             });
         }

package/src/lib/utils/hooks/index.d.ts

@@ -1,42 +1,44 @@
-export { useFetchProjectSettings } from './useFetchProjectSettings';
-export { useFetchNonce } from './useFetchNonce';
-export { useWallets } from './useWallets';
-export { useWalletConnectors } from './useWalletConnectors';
-export { useVerifyWallet } from './useVerifyWallet';
-export { useKeyboardHeight } from './useKeyboardHeight';
-export { useElementById } from './useElementById';
-export { useResizeObserver } from './useResizeObserver';
-export { useIsFirstRender } from './useIsFirstRender';
-export { useUpdateEffect } from './useUpdateEffect';
-export { useTransition } from './useTransition';
-export { usePrevious } from './usePrevious';
+export { useAuthenticateConnectedUser } from './useAuthenticateConnectedUser';
+export { useColorSchemePreference } from './useColorSchemePreference';
 export { useConfirmationModal } from './useConfirmationModal';
-export { useWalletUiUtils } from './useWalletUiUtils';
-export { useForceUpdate } from './useForceUpdate';
-export { useKYCFlag } from './useKYCFlag';
+export { useCountdown } from './useCountdown/useCountdown';
+export * from './useCreateDynamicEmbeddedWalletMutation';
 export { useDefaultQrCode } from './useDefaultQrCode';
-export { useWalletItemActions } from './useWalletItemActions';
-export { usePromise } from './usePromise';
-export { useMutation } from './useMutation';
-export { useColorSchemePreference } from './useColorSchemePreference';
+export { useDynamicScopes } from './useDynamicScopes';
+export { useElementById } from './useElementById';
+export { useEmbeddedWallet } from './useEmbeddedWallet';
+export { useEventListener } from './useEventListener';
+export { useFetchNonce } from './useFetchNonce';
+export { useFetchProjectSettings } from './useFetchProjectSettings';
 export { useFindSocialIcon } from './useFindSocialIcon';
+export { useForceUpdate } from './useForceUpdate';
 export { useIconThemeVariant } from './useIconThemeVariant';
 export type { IconThemeVariant } from './useIconThemeVariant';
+export { useInterval } from './useInterval/useInterval';
+export { useIsFirstRender } from './useIsFirstRender';
+export * from './useIsLoggedIn';
 export { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect/useIsomorphicLayoutEffect';
+export { useKYCFlag } from './useKYCFlag';
+export { useKeyboardHeight } from './useKeyboardHeight';
+export { useMutation } from './useMutation';
+export * from './useOnUnmount';
+export { usePasskeyRecovery } from './usePasskeyRecovery';
+export { usePrevious } from './usePrevious';
+export { usePromise } from './usePromise';
+export { useResizeObserver } from './useResizeObserver';
+export { useSetWalletConnectorVerifiedCredentials } from './useSetWalletConnectorVerifiedCredentials';
+export { useSocialAccounts } from './useSocialAccounts';
 export { useTimeout } from './useTimeout/useTimeout';
-export { useInterval } from './useInterval/useInterval';
-export { useCountdown } from './useCountdown/useCountdown';
-export { useValidateSession } from './useValidateSession';
-export { useEventListener } from './useEventListener';
-export { useWalletConnectorEvent } from './useWalletConnectorEvent';
-export { useTransactionWithGasPrice } from './useTransactionWithGasPrice';
 export { useTransactionEstimatedGas } from './useTransactionEstimatedGas';
-export { useDynamicScopes } from './useDynamicScopes';
-export { useAuthenticateConnectedUser } from './useAuthenticateConnectedUser';
-export { useSocialAccounts } from './useSocialAccounts';
-export * from './useUserUpdateRequest';
+export { useTransactionWithGasPrice } from './useTransactionWithGasPrice';
+export { useTransition } from './useTransition';
+export { useUpdateEffect } from './useUpdateEffect';
 export * from './useUserDataForm';
-export * from './useOnUnmount';
-export { useSetWalletConnectorVerifiedCredentials } from './useSetWalletConnectorVerifiedCredentials';
-export { useEmbeddedWallet } from './useEmbeddedWallet';
-export * from './useIsLoggedIn';
+export * from './useUserUpdateRequest';
+export { useValidateSession } from './useValidateSession';
+export { useVerifyWallet } from './useVerifyWallet';
+export { useWalletConnectorEvent } from './useWalletConnectorEvent';
+export { useWalletConnectorOptions } from './useWalletConnectorOptions';
+export { useWalletConnectors } from './useWalletConnectors';
+export { useWalletItemActions } from './useWalletItemActions';
+export { useWalletUiUtils } from './useWalletUiUtils';

package/src/lib/utils/hooks/multiWallet/useSyncPrimaryWallet/useSyncPrimaryWallet.cjs

@@ -11,7 +11,7 @@ var useInternalDynamicContext = require('../../../../context/DynamicContext/useI
 var errors = require('../../../constants/errors.cjs');
 
 const useSyncPrimaryWallet = (canSync = true) => {
-    const { setShowAuthFlow, isAuthenticated, authMode, computeConnectedStateForWallets, connectWallet, handleLogOut, multiWalletWidgetState, primaryWallet, secondaryWallets, setMultiWalletWidgetState, setPrimaryWallet, setShowWidgetStatePopup, showLockedWalletView, showWidgetStatePopup, setSelectedWalletWithAction, } = useInternalDynamicContext.useInternalDynamicContext();
+    const { setShowAuthFlow, isAuthenticated, authMode, connectWallet, handleLogOut, multiWalletWidgetState, primaryWallet, secondaryWallets, setMultiWalletWidgetState, setPrimaryWallet, setShowWidgetStatePopup, showLockedWalletView, showWidgetStatePopup, setSelectedWalletWithAction, } = useInternalDynamicContext.useInternalDynamicContext();
     const { setView } = ViewContext.useViewContext();
     const handlePrimaryWalletNotActive = React.useCallback((connectedAddress) => {
         if (!primaryWallet)
@@ -38,7 +38,6 @@ const useSyncPrimaryWallet = (canSync = true) => {
                 return;
             }
             setPrimaryWallet(connectedSecondaryWallet.id);
-            computeConnectedStateForWallets();
             return;
         }
         if (showWidgetStatePopup) {
@@ -52,7 +51,6 @@ const useSyncPrimaryWallet = (canSync = true) => {
             walletConnectorCore.isSameAddress(wallet.address, connectedAddress, wallet.chain));
         if (connectedWallet) {
             setPrimaryWallet(connectedWallet.id);
-            computeConnectedStateForWallets();
             return;
         }
         setMultiWalletWidgetState('awaiting_account_switch', 'primary_not_connected');
@@ -63,7 +61,6 @@ const useSyncPrimaryWallet = (canSync = true) => {
         showWidgetStatePopup,
         setMultiWalletWidgetState,
         setPrimaryWallet,
-        computeConnectedStateForWallets,
         setShowWidgetStatePopup,
         connectWallet,
     ]);
@@ -92,7 +89,6 @@ const useSyncPrimaryWallet = (canSync = true) => {
             const connectedSecondaryWallet = secondaryWallets.find((wallet) => wallet.connected);
             if (connectedSecondaryWallet) {
                 setPrimaryWallet(connectedSecondaryWallet.id);
-                computeConnectedStateForWallets();
                 return;
             }
             // user is logged in (has valid jwt), but no wallet is connected
@@ -114,7 +110,6 @@ const useSyncPrimaryWallet = (canSync = true) => {
         secondaryWallets,
         multiWalletWidgetState,
         setMultiWalletWidgetState,
-        computeConnectedStateForWallets,
         handlePrimaryWalletNotActive,
         handleLogOut,
         setPrimaryWallet,