@dynamic-labs/sdk-react-core 1.0.0-alpha.9 → 1.0.1

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

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

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

@@ -1 +1 @@
-export * from './verifyMagicIsSetup';
+export * from './verifyRequiredConnectorsAreSetup';

package/src/lib/utils/hooks/useWalletConnectorOptions/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs

@@ -3,7 +3,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var sdkApi = require('@dynamic-labs/sdk-api');
-var utils = require('@dynamic-labs/utils');
 require('../../../../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
@@ -14,11 +13,12 @@ require('@dynamic-labs/wallet-book');
 require('../../../../constants/colors.cjs');
 require('../../../../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
+require('@dynamic-labs/utils');
 require('../../../../../shared/consts/index.cjs');
 require('@dynamic-labs/multi-wallet');
 var isProviderEnabled = require('../../../../functions/isProviderEnabled/isProviderEnabled.cjs');
+var ConnectorSetupError = require('../errors/ConnectorSetupError.cjs');
 
-const MissingMagicSetupError = new utils.DynamicError('Magic is enabled but @dynamic-labs/magic package is not set up.\nSee https://docs.dynamic.xyz/docs/reduce-bundle-size-with-modular-sdk for more information');
 const magicEmailOtpWalletConnectorKey = 'magicemailotp';
 const magicSocialWalletConnectorKey = 'magicsocial';
 const verifyMagicIsSetup = (projectSettings, walletConnectors) => {
@@ -26,10 +26,8 @@ const verifyMagicIsSetup = (projectSettings, walletConnectors) => {
     const isMagicEnabled = isProviderEnabled.isProviderEnabled((_a = projectSettings.providers) !== null && _a !== void 0 ? _a : [], sdkApi.ProviderEnum.MagicLink);
     const isMagicWalletConnectorPresent = walletConnectors.some(({ key }) => [magicEmailOtpWalletConnectorKey, magicSocialWalletConnectorKey].includes(key));
     if (isMagicEnabled && !isMagicWalletConnectorPresent) {
-        throw MissingMagicSetupError;
+        throw new ConnectorSetupError.ConnectorSetupError('Magic', 'MagicWalletConnectors');
     }
 };
 
-exports.MissingMagicSetupError = MissingMagicSetupError;
-exports.magicEmailOtpWalletConnectorKey = magicEmailOtpWalletConnectorKey;
 exports.verifyMagicIsSetup = verifyMagicIsSetup;

package/src/lib/utils/hooks/useWalletConnectorOptions/utils/verifyMagicIsSetup/verifyMagicIsSetup.d.ts

@@ -1,6 +1,3 @@
 import { ProjectSettings } from '@dynamic-labs/sdk-api';
 import { WalletConnector } from '@dynamic-labs/wallet-connector-core';
-import { DynamicError } from '@dynamic-labs/utils';
-export declare const MissingMagicSetupError: DynamicError;
-export declare const magicEmailOtpWalletConnectorKey = "magicemailotp";
 export declare const verifyMagicIsSetup: (projectSettings: ProjectSettings, walletConnectors: WalletConnector[]) => void;

package/src/lib/utils/hooks/useWalletConnectorOptions/utils/verifyMagicIsSetup/verifyMagicIsSetup.js

@@ -1,5 +1,4 @@
 import { ProviderEnum } from '@dynamic-labs/sdk-api';
-import { DynamicError } from '@dynamic-labs/utils';
 import '../../../../../shared/logger.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
@@ -10,11 +9,12 @@ import '@dynamic-labs/wallet-book';
 import '../../../../constants/colors.js';
 import '../../../../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
+import '@dynamic-labs/utils';
 import '../../../../../shared/consts/index.js';
 import '@dynamic-labs/multi-wallet';
 import { isProviderEnabled } from '../../../../functions/isProviderEnabled/isProviderEnabled.js';
+import { ConnectorSetupError } from '../errors/ConnectorSetupError.js';
 
-const MissingMagicSetupError = new DynamicError('Magic is enabled but @dynamic-labs/magic package is not set up.\nSee https://docs.dynamic.xyz/docs/reduce-bundle-size-with-modular-sdk for more information');
 const magicEmailOtpWalletConnectorKey = 'magicemailotp';
 const magicSocialWalletConnectorKey = 'magicsocial';
 const verifyMagicIsSetup = (projectSettings, walletConnectors) => {
@@ -22,8 +22,8 @@ const verifyMagicIsSetup = (projectSettings, walletConnectors) => {
     const isMagicEnabled = isProviderEnabled((_a = projectSettings.providers) !== null && _a !== void 0 ? _a : [], ProviderEnum.MagicLink);
     const isMagicWalletConnectorPresent = walletConnectors.some(({ key }) => [magicEmailOtpWalletConnectorKey, magicSocialWalletConnectorKey].includes(key));
     if (isMagicEnabled && !isMagicWalletConnectorPresent) {
-        throw MissingMagicSetupError;
+        throw new ConnectorSetupError('Magic', 'MagicWalletConnectors');
     }
 };
 
-export { MissingMagicSetupError, magicEmailOtpWalletConnectorKey, verifyMagicIsSetup };
+export { verifyMagicIsSetup };

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

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

package/src/lib/utils/hooks/useWalletConnectorOptions/utils/verifyRequiredConnectorsAreSetup/verifyRequiredConnectorsAreSetup.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var verifyMagicIsSetup = require('../verifyMagicIsSetup/verifyMagicIsSetup.cjs');
+var verifyZeroDevIsSetup = require('../verifyZeroDevIsSetup/verifyZeroDevIsSetup.cjs');
+
+const verifyRequiredConnectorsAreSetup = (projectSettings, walletConnectors) => {
+    verifyMagicIsSetup.verifyMagicIsSetup(projectSettings, walletConnectors);
+    verifyZeroDevIsSetup.verifyZeroDevIsSetup(projectSettings, walletConnectors);
+};
+
+exports.verifyRequiredConnectorsAreSetup = verifyRequiredConnectorsAreSetup;

package/src/lib/utils/hooks/useWalletConnectorOptions/utils/verifyRequiredConnectorsAreSetup/verifyRequiredConnectorsAreSetup.d.ts

@@ -0,0 +1,3 @@
+import { ProjectSettings } from '@dynamic-labs/sdk-api';
+import { WalletConnector } from '@dynamic-labs/wallet-connector-core';
+export declare const verifyRequiredConnectorsAreSetup: (projectSettings: ProjectSettings, walletConnectors: WalletConnector[]) => void;

package/src/lib/utils/hooks/useWalletConnectorOptions/utils/verifyRequiredConnectorsAreSetup/verifyRequiredConnectorsAreSetup.js

@@ -0,0 +1,9 @@
+import { verifyMagicIsSetup } from '../verifyMagicIsSetup/verifyMagicIsSetup.js';
+import { verifyZeroDevIsSetup } from '../verifyZeroDevIsSetup/verifyZeroDevIsSetup.js';
+
+const verifyRequiredConnectorsAreSetup = (projectSettings, walletConnectors) => {
+    verifyMagicIsSetup(projectSettings, walletConnectors);
+    verifyZeroDevIsSetup(projectSettings, walletConnectors);
+};
+
+export { verifyRequiredConnectorsAreSetup };

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

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

package/src/lib/utils/hooks/useWalletConnectorOptions/utils/verifyZeroDevIsSetup/verifyZeroDevIsSetup.cjs

@@ -0,0 +1,32 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var sdkApi = require('@dynamic-labs/sdk-api');
+require('../../../../../shared/logger.cjs');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
+require('react/jsx-runtime');
+require('../../../../../context/ViewContext/ViewContext.cjs');
+require('react');
+require('@dynamic-labs/wallet-book');
+require('../../../../constants/colors.cjs');
+require('../../../../../shared/utils/classes/storage/localStorage.cjs');
+require('viem');
+require('@dynamic-labs/utils');
+require('../../../../../shared/consts/index.cjs');
+require('@dynamic-labs/multi-wallet');
+var isProviderEnabled = require('../../../../functions/isProviderEnabled/isProviderEnabled.cjs');
+var ConnectorSetupError = require('../errors/ConnectorSetupError.cjs');
+
+const zeroDevWalletConnectorKey = 'zerodev';
+const verifyZeroDevIsSetup = (projectSettings, walletConnectors) => {
+    var _a;
+    const isZeroDevEnabled = isProviderEnabled.isProviderEnabled((_a = projectSettings.providers) !== null && _a !== void 0 ? _a : [], sdkApi.ProviderEnum.Zerodev);
+    const isZeroDevWalletConnectorPresent = walletConnectors.some(({ key }) => key === zeroDevWalletConnectorKey);
+    if (isZeroDevEnabled && !isZeroDevWalletConnectorPresent) {
+        throw new ConnectorSetupError.ConnectorSetupError('ZeroDev', 'ZeroDevSmartWalletConnectors');
+    }
+};
+
+exports.verifyZeroDevIsSetup = verifyZeroDevIsSetup;

package/src/lib/utils/hooks/useWalletConnectorOptions/utils/verifyZeroDevIsSetup/verifyZeroDevIsSetup.d.ts

@@ -0,0 +1,3 @@
+import { ProjectSettings } from '@dynamic-labs/sdk-api';
+import { WalletConnector } from '@dynamic-labs/wallet-connector-core';
+export declare const verifyZeroDevIsSetup: (projectSettings: ProjectSettings, walletConnectors: WalletConnector[]) => void;

package/src/lib/utils/hooks/useWalletConnectorOptions/utils/verifyZeroDevIsSetup/verifyZeroDevIsSetup.js

@@ -0,0 +1,28 @@
+import { ProviderEnum } from '@dynamic-labs/sdk-api';
+import '../../../../../shared/logger.js';
+import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
+import 'react/jsx-runtime';
+import '../../../../../context/ViewContext/ViewContext.js';
+import 'react';
+import '@dynamic-labs/wallet-book';
+import '../../../../constants/colors.js';
+import '../../../../../shared/utils/classes/storage/localStorage.js';
+import 'viem';
+import '@dynamic-labs/utils';
+import '../../../../../shared/consts/index.js';
+import '@dynamic-labs/multi-wallet';
+import { isProviderEnabled } from '../../../../functions/isProviderEnabled/isProviderEnabled.js';
+import { ConnectorSetupError } from '../errors/ConnectorSetupError.js';
+
+const zeroDevWalletConnectorKey = 'zerodev';
+const verifyZeroDevIsSetup = (projectSettings, walletConnectors) => {
+    var _a;
+    const isZeroDevEnabled = isProviderEnabled((_a = projectSettings.providers) !== null && _a !== void 0 ? _a : [], ProviderEnum.Zerodev);
+    const isZeroDevWalletConnectorPresent = walletConnectors.some(({ key }) => key === zeroDevWalletConnectorKey);
+    if (isZeroDevEnabled && !isZeroDevWalletConnectorPresent) {
+        throw new ConnectorSetupError('ZeroDev', 'ZeroDevSmartWalletConnectors');
+    }
+};
+
+export { verifyZeroDevIsSetup };

package/src/lib/utils/hooks/useWalletConnectors/useWalletConnectors.cjs

@@ -6,6 +6,7 @@ var _tslib = require('../../../../../_virtual/_tslib.cjs');
 var React = require('react');
 var utils = require('@dynamic-labs/utils');
 var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
+var UserWalletsContext = require('../../../context/UserWalletsContext/UserWalletsContext.cjs');
 require('@dynamic-labs/sdk-api');
 var logger = require('../../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
@@ -20,6 +21,7 @@ var isSameWalletName = require('../../functions/isSameWalletName/isSameWalletNam
 var useWalletsConnectionState = require('../useWalletsConnectionState/useWalletsConnectionState.cjs');
 var reconnectSocialWallet = require('./reconnectSocialWallet.cjs');
 var createLinkedWalletsFromWalletOptions = require('./utils/createLinkedWalletsFromWalletOptions/createLinkedWalletsFromWalletOptions.cjs');
+var updateUserWalletsFromLinkedWallets = require('./utils/updateUserWalletsFromLinkedWallets/updateUserWalletsFromLinkedWallets.cjs');
 
 const useWalletConnectors = ({ authMode, authToken, connectedWallets, walletConnectorOptions, multiWalletWidgetState, setDesktopUri, setMultiWalletWidgetState, setQrcodeUri, primaryWalletId, setPrimaryWalletId, user, onboardingOnlyJwt, canHaveMultipleWalletsConnected, }) => {
     const [showQrcodeModal, setShowQrcodeModal] = React.useState(false);
@@ -64,6 +66,11 @@ const useWalletConnectors = ({ authMode, authToken, connectedWallets, walletConn
     }), [walletsBasedOnAuthMode]);
     const { connectedWalletMap, didConnectedStateLoad } = useWalletsConnectionState.useWalletsConnectionState(walletsBasedOnAuthMode);
     const wallets = React.useMemo(() => walletsBasedOnAuthMode.map((wallet) => (Object.assign(Object.assign({}, wallet), { connected: Boolean(connectedWalletMap[wallet.id]) }))), [connectedWalletMap, walletsBasedOnAuthMode]);
+    const { setUserWallets } = UserWalletsContext.useInternalUserWallets();
+    // Keep userWallets in sync whenever linkedWallets changes
+    React.useEffect(() => {
+        setUserWallets((userWallets) => updateUserWalletsFromLinkedWallets.updateUserWalletsFromLinkedWallets(userWallets, wallets));
+    }, [setUserWallets, wallets]);
     const primaryWallet = React.useMemo(() => { var _a; return (_a = wallets.find((wallet) => wallet.id === primaryWalletId)) !== null && _a !== void 0 ? _a : null; }, [primaryWalletId, wallets]);
     const secondaryWallets = React.useMemo(() => canHaveMultipleWalletsConnected
         ? wallets.filter((wallet) => wallet.id !== primaryWalletId)

package/src/lib/utils/hooks/useWalletConnectors/useWalletConnectors.js

@@ -2,6 +2,7 @@ import { __awaiter } from '../../../../../_virtual/_tslib.js';
 import { useState, useMemo, useEffect, useCallback } from 'react';
 import { DynamicError } from '@dynamic-labs/utils';
 import { isEmbeddedConnector, isEmailWalletConnector, isSocialWalletConnector } from '@dynamic-labs/wallet-connector-core';
+import { useInternalUserWallets } from '../../../context/UserWalletsContext/UserWalletsContext.js';
 import '@dynamic-labs/sdk-api';
 import { logger } from '../../../shared/logger.js';
 import '@dynamic-labs/iconic';
@@ -16,6 +17,7 @@ import { isSameWalletName } from '../../functions/isSameWalletName/isSameWalletN
 import { useWalletsConnectionState } from '../useWalletsConnectionState/useWalletsConnectionState.js';
 import { reconnectSocialWallet } from './reconnectSocialWallet.js';
 import { createLinkedWalletsFromWalletOptions } from './utils/createLinkedWalletsFromWalletOptions/createLinkedWalletsFromWalletOptions.js';
+import { updateUserWalletsFromLinkedWallets } from './utils/updateUserWalletsFromLinkedWallets/updateUserWalletsFromLinkedWallets.js';
 
 const useWalletConnectors = ({ authMode, authToken, connectedWallets, walletConnectorOptions, multiWalletWidgetState, setDesktopUri, setMultiWalletWidgetState, setQrcodeUri, primaryWalletId, setPrimaryWalletId, user, onboardingOnlyJwt, canHaveMultipleWalletsConnected, }) => {
     const [showQrcodeModal, setShowQrcodeModal] = useState(false);
@@ -60,6 +62,11 @@ const useWalletConnectors = ({ authMode, authToken, connectedWallets, walletConn
     }), [walletsBasedOnAuthMode]);
     const { connectedWalletMap, didConnectedStateLoad } = useWalletsConnectionState(walletsBasedOnAuthMode);
     const wallets = useMemo(() => walletsBasedOnAuthMode.map((wallet) => (Object.assign(Object.assign({}, wallet), { connected: Boolean(connectedWalletMap[wallet.id]) }))), [connectedWalletMap, walletsBasedOnAuthMode]);
+    const { setUserWallets } = useInternalUserWallets();
+    // Keep userWallets in sync whenever linkedWallets changes
+    useEffect(() => {
+        setUserWallets((userWallets) => updateUserWalletsFromLinkedWallets(userWallets, wallets));
+    }, [setUserWallets, wallets]);
     const primaryWallet = useMemo(() => { var _a; return (_a = wallets.find((wallet) => wallet.id === primaryWalletId)) !== null && _a !== void 0 ? _a : null; }, [primaryWalletId, wallets]);
     const secondaryWallets = useMemo(() => canHaveMultipleWalletsConnected
         ? wallets.filter((wallet) => wallet.id !== primaryWalletId)

package/src/lib/utils/hooks/useWalletConnectors/utils/createLinkedWalletsFromWalletOptions/createLinkedWalletsFromWalletOptions.cjs

@@ -54,6 +54,7 @@ const createLinkedWalletsFromWalletOptions = ({ authToken, walletConnectorOption
             }
             return {
                 address: account.address,
+                authenticated: true,
                 chain: account.chain,
                 connected: false,
                 connector: wallet.walletConnector,

package/src/lib/utils/hooks/useWalletConnectors/utils/createLinkedWalletsFromWalletOptions/createLinkedWalletsFromWalletOptions.js

@@ -50,6 +50,7 @@ const createLinkedWalletsFromWalletOptions = ({ authToken, walletConnectorOption
             }
             return {
                 address: account.address,
+                authenticated: true,
                 chain: account.chain,
                 connected: false,
                 connector: wallet.walletConnector,

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

@@ -0,0 +1 @@
+export * from './updateUserWalletsFromLinkedWallets';

package/src/lib/utils/hooks/useWalletConnectors/utils/updateUserWalletsFromLinkedWallets/updateUserWalletsFromLinkedWallets.cjs

@@ -0,0 +1,34 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+/**
+ * This takes a userWallets and linkedWallets array, and returns a new userWallets array
+ * updated to match the linkedWallets array.
+ * It will add any missing wallets, update properties that don't match, and remove wallets that aren't
+ * in the linkedWallets.
+ */
+const updateUserWalletsFromLinkedWallets = (userWallets, authenticatedWallets) => {
+    const userWalletsCopy = [...userWallets];
+    /** We will use this to find wallets addresses that were removed */
+    const newWalletsAddresses = new Set();
+    // First pass: add missing wallets and update changed properties
+    for (const authenticatedWallet of authenticatedWallets) {
+        newWalletsAddresses.add(authenticatedWallet.address);
+        const respectiveIndex = userWalletsCopy.findIndex((wallet) => wallet.address === authenticatedWallet.address);
+        // Catch new wallets
+        if (respectiveIndex === -1) {
+            userWalletsCopy.push(authenticatedWallet);
+            continue;
+        }
+        // If already present, just update to match the new state
+        userWalletsCopy[respectiveIndex] = authenticatedWallet;
+        // NOTE: this will actually update the wallet's ID if it changed, which happens when a wallet is signed
+        // It initially has a id in the format "connected-wallet-X", and after being signed it changes to a hash
+    }
+    // This filter is to remove a wallet that was previously added to userWallets but is not present
+    // among the verified credentials wallets anymore
+    return userWalletsCopy.filter((userWallet) => newWalletsAddresses.has(userWallet.address));
+};
+
+exports.updateUserWalletsFromLinkedWallets = updateUserWalletsFromLinkedWallets;

package/src/lib/utils/hooks/useWalletConnectors/utils/updateUserWalletsFromLinkedWallets/updateUserWalletsFromLinkedWallets.d.ts

@@ -0,0 +1,8 @@
+import { Wallet } from '../../../../../shared';
+/**
+ * This takes a userWallets and linkedWallets array, and returns a new userWallets array
+ * updated to match the linkedWallets array.
+ * It will add any missing wallets, update properties that don't match, and remove wallets that aren't
+ * in the linkedWallets.
+ */
+export declare const updateUserWalletsFromLinkedWallets: (userWallets: Wallet[], authenticatedWallets: Wallet[]) => Wallet[];

package/src/lib/utils/hooks/useWalletConnectors/utils/updateUserWalletsFromLinkedWallets/updateUserWalletsFromLinkedWallets.js

@@ -0,0 +1,30 @@
+/**
+ * This takes a userWallets and linkedWallets array, and returns a new userWallets array
+ * updated to match the linkedWallets array.
+ * It will add any missing wallets, update properties that don't match, and remove wallets that aren't
+ * in the linkedWallets.
+ */
+const updateUserWalletsFromLinkedWallets = (userWallets, authenticatedWallets) => {
+    const userWalletsCopy = [...userWallets];
+    /** We will use this to find wallets addresses that were removed */
+    const newWalletsAddresses = new Set();
+    // First pass: add missing wallets and update changed properties
+    for (const authenticatedWallet of authenticatedWallets) {
+        newWalletsAddresses.add(authenticatedWallet.address);
+        const respectiveIndex = userWalletsCopy.findIndex((wallet) => wallet.address === authenticatedWallet.address);
+        // Catch new wallets
+        if (respectiveIndex === -1) {
+            userWalletsCopy.push(authenticatedWallet);
+            continue;
+        }
+        // If already present, just update to match the new state
+        userWalletsCopy[respectiveIndex] = authenticatedWallet;
+        // NOTE: this will actually update the wallet's ID if it changed, which happens when a wallet is signed
+        // It initially has a id in the format "connected-wallet-X", and after being signed it changes to a hash
+    }
+    // This filter is to remove a wallet that was previously added to userWallets but is not present
+    // among the verified credentials wallets anymore
+    return userWalletsCopy.filter((userWallet) => newWalletsAddresses.has(userWallet.address));
+};
+
+export { updateUserWalletsFromLinkedWallets };

package/src/lib/utils/hooks/useWalletEventListeners/useWalletEventListeners.cjs

@@ -43,7 +43,7 @@ const useWalletEventListeners = ({ handleLogOut, multiWallet, multiWalletWidgetS
         logger.logger.debug('primary wallet disconnect');
         handleLogOut();
     });
-    useWalletConnectorEvent.useWalletConnectorEvent(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector, 'chainChange', (_, { chain }) => {
+    useWalletConnectorEvent.useWalletConnectorEvent(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector, 'chainChange', ({ chain }) => {
         logger.logger.debug('primary wallet chain change', { chain });
         if (!primaryWallet) {
             return;
@@ -57,7 +57,7 @@ const useWalletEventListeners = ({ handleLogOut, multiWallet, multiWalletWidgetS
             setNetwork(parseInt(chain));
         }
     });
-    useWalletConnectorEvent.useWalletConnectorEvent(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector, 'accountChange', (_, { accounts }) => {
+    useWalletConnectorEvent.useWalletConnectorEvent(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector, 'accountChange', ({ accounts }) => {
         logger.logger.debug('primary wallet account change', {
             accounts,
         });
@@ -112,7 +112,7 @@ const useWalletEventListeners = ({ handleLogOut, multiWallet, multiWalletWidgetS
         }
         return Array.from(allWalletConnectors);
     }, [secondaryWallets, selectedWalletConnector, primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector]);
-    useWalletConnectorEvent.useWalletConnectorEvent(uniqueNonPrimaryWallets, 'accountChange', (changedConnector) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+    useWalletConnectorEvent.useWalletConnectorEvent(uniqueNonPrimaryWallets, 'accountChange', (_, changedConnector) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         logger.logger.debug('secondary wallet account change');
         if (authMode === 'connect-only' && secondaryWallets.length) {
             const affectedWallets = secondaryWallets.filter(({ connector }) => connector.key === changedConnector.key);
@@ -124,7 +124,7 @@ const useWalletEventListeners = ({ handleLogOut, multiWallet, multiWalletWidgetS
             handleAccountChangeWhenAwaitingAccountSwitch(false, (selectedWalletWithAction === null || selectedWalletWithAction === void 0 ? void 0 : selectedWalletWithAction.wallet.address) || '');
         }
     }));
-    useWalletConnectorEvent.useWalletConnectorEvent(uniqueNonPrimaryWallets, 'chainChange', (changedConnector) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+    useWalletConnectorEvent.useWalletConnectorEvent(uniqueNonPrimaryWallets, 'chainChange', (_, changedConnector) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         logger.logger.debug('secondary wallet chain change');
         // Get all wallets with this connector
         const affectedWallets = secondaryWallets.filter(({ connector }) => connector.key === changedConnector.key);

package/src/lib/utils/hooks/useWalletEventListeners/useWalletEventListeners.js

@@ -39,7 +39,7 @@ const useWalletEventListeners = ({ handleLogOut, multiWallet, multiWalletWidgetS
         logger.debug('primary wallet disconnect');
         handleLogOut();
     });
-    useWalletConnectorEvent(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector, 'chainChange', (_, { chain }) => {
+    useWalletConnectorEvent(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector, 'chainChange', ({ chain }) => {
         logger.debug('primary wallet chain change', { chain });
         if (!primaryWallet) {
             return;
@@ -53,7 +53,7 @@ const useWalletEventListeners = ({ handleLogOut, multiWallet, multiWalletWidgetS
             setNetwork(parseInt(chain));
         }
     });
-    useWalletConnectorEvent(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector, 'accountChange', (_, { accounts }) => {
+    useWalletConnectorEvent(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector, 'accountChange', ({ accounts }) => {
         logger.debug('primary wallet account change', {
             accounts,
         });
@@ -108,7 +108,7 @@ const useWalletEventListeners = ({ handleLogOut, multiWallet, multiWalletWidgetS
         }
         return Array.from(allWalletConnectors);
     }, [secondaryWallets, selectedWalletConnector, primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector]);
-    useWalletConnectorEvent(uniqueNonPrimaryWallets, 'accountChange', (changedConnector) => __awaiter(void 0, void 0, void 0, function* () {
+    useWalletConnectorEvent(uniqueNonPrimaryWallets, 'accountChange', (_, changedConnector) => __awaiter(void 0, void 0, void 0, function* () {
         logger.debug('secondary wallet account change');
         if (authMode === 'connect-only' && secondaryWallets.length) {
             const affectedWallets = secondaryWallets.filter(({ connector }) => connector.key === changedConnector.key);
@@ -120,7 +120,7 @@ const useWalletEventListeners = ({ handleLogOut, multiWallet, multiWalletWidgetS
             handleAccountChangeWhenAwaitingAccountSwitch(false, (selectedWalletWithAction === null || selectedWalletWithAction === void 0 ? void 0 : selectedWalletWithAction.wallet.address) || '');
         }
     }));
-    useWalletConnectorEvent(uniqueNonPrimaryWallets, 'chainChange', (changedConnector) => __awaiter(void 0, void 0, void 0, function* () {
+    useWalletConnectorEvent(uniqueNonPrimaryWallets, 'chainChange', (_, changedConnector) => __awaiter(void 0, void 0, void 0, function* () {
         logger.debug('secondary wallet chain change');
         // Get all wallets with this connector
         const affectedWallets = secondaryWallets.filter(({ connector }) => connector.key === changedConnector.key);

package/src/lib/utils/hooks/useWalletUiUtils/useWalletUiUtils.cjs

@@ -33,7 +33,7 @@ require('../../../context/MockContext/MockContext.cjs');
 require('../useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
-require('../useWalletConnectorOptions/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
+require('../../../context/UserWalletsContext/UserWalletsContext.cjs');
 require('../../../components/Alert/Alert.cjs');
 require('react-dom');
 require('../../../components/ShadowDOM/ShadowDOM.cjs');
@@ -47,6 +47,7 @@ require('../../../components/Popper/Popper/Popper.cjs');
 require('../../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
 require('formik');
+require('i18next');
 require('../../../components/OverlayCard/OverlayCard.context.cjs');
 require('../../../context/FooterAnimationContext/index.cjs');
 require('../../../context/QrCodeContext/QrCodeContext.cjs');
@@ -54,9 +55,9 @@ require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('qrcode');
 require('../../../context/LoadingContext/LoadingContext.cjs');
-require('i18next');
 require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
+require('@dynamic-labs/viem-utils');
 require('../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var SignMessageConfirmationModal = require('../../../modals/SignMessageConfirmationModal/SignMessageConfirmationModal.cjs');
 var TransactionConfirmationModal = require('../../../modals/TransactionConfirmationModal/TransactionConfirmationModal.cjs');

package/src/lib/utils/hooks/useWalletUiUtils/useWalletUiUtils.js

@@ -29,7 +29,7 @@ import '../../../context/MockContext/MockContext.js';
 import '../useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
-import '../useWalletConnectorOptions/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
+import '../../../context/UserWalletsContext/UserWalletsContext.js';
 import '../../../components/Alert/Alert.js';
 import 'react-dom';
 import '../../../components/ShadowDOM/ShadowDOM.js';
@@ -43,6 +43,7 @@ import '../../../components/Popper/Popper/Popper.js';
 import '../../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
 import 'formik';
+import 'i18next';
 import '../../../components/OverlayCard/OverlayCard.context.js';
 import '../../../context/FooterAnimationContext/index.js';
 import '../../../context/QrCodeContext/QrCodeContext.js';
@@ -50,9 +51,9 @@ import '../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import 'qrcode';
 import '../../../context/LoadingContext/LoadingContext.js';
-import 'i18next';
 import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
+import '@dynamic-labs/viem-utils';
 import '../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import { SignMessageConfirmationModal } from '../../../modals/SignMessageConfirmationModal/SignMessageConfirmationModal.js';
 import { TransactionConfirmationModal } from '../../../modals/TransactionConfirmationModal/TransactionConfirmationModal.js';

package/src/lib/views/AccountExistsView/AccountExistsView.cjs

@@ -36,7 +36,7 @@ require('../../context/MockContext/MockContext.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
-require('../../utils/hooks/useWalletConnectorOptions/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
+require('../../context/UserWalletsContext/UserWalletsContext.cjs');
 require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
@@ -56,6 +56,7 @@ require('../../components/UserProfile/parts/UserProfileField/components/Verified
 require('formik');
 require('../../components/IconButton/IconButton.cjs');
 require('../../components/Alert/Alert.cjs');
+require('@dynamic-labs/viem-utils');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var IconListTile = require('../../components/IconListTile/IconListTile.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');

package/src/lib/views/AccountExistsView/AccountExistsView.js

@@ -32,7 +32,7 @@ import '../../context/MockContext/MockContext.js';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
-import '../../utils/hooks/useWalletConnectorOptions/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
+import '../../context/UserWalletsContext/UserWalletsContext.js';
 import '../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../components/Transition/OpacityTransition/OpacityTransition.js';
@@ -52,6 +52,7 @@ import '../../components/UserProfile/parts/UserProfileField/components/VerifiedE
 import 'formik';
 import '../../components/IconButton/IconButton.js';
 import '../../components/Alert/Alert.js';
+import '@dynamic-labs/viem-utils';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import { IconListTile } from '../../components/IconListTile/IconListTile.js';
 import '../../components/InlineWidget/InlineWidget.js';

package/src/lib/views/CaptchaVerifyUser/CaptchaVerifyUser.cjs

@@ -33,7 +33,7 @@ require('../../context/MockContext/MockContext.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
-require('../../utils/hooks/useWalletConnectorOptions/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
+require('../../context/UserWalletsContext/UserWalletsContext.cjs');
 require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
@@ -53,6 +53,7 @@ require('../../components/UserProfile/parts/UserProfileField/components/Verified
 require('formik');
 require('../../components/IconButton/IconButton.cjs');
 require('../../components/Alert/Alert.cjs');
+require('@dynamic-labs/viem-utils');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');

package/src/lib/views/CaptchaVerifyUser/CaptchaVerifyUser.js

@@ -29,7 +29,7 @@ import '../../context/MockContext/MockContext.js';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
-import '../../utils/hooks/useWalletConnectorOptions/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
+import '../../context/UserWalletsContext/UserWalletsContext.js';
 import '../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../components/Transition/OpacityTransition/OpacityTransition.js';
@@ -49,6 +49,7 @@ import '../../components/UserProfile/parts/UserProfileField/components/VerifiedE
 import 'formik';
 import '../../components/IconButton/IconButton.js';
 import '../../components/Alert/Alert.js';
+import '@dynamic-labs/viem-utils';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../components/InlineWidget/InlineWidget.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';

package/src/lib/views/CollectUserDataView/CollectUserDataView.cjs

@@ -37,7 +37,7 @@ require('../../context/MockContext/MockContext.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
-require('../../utils/hooks/useWalletConnectorOptions/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
+require('../../context/UserWalletsContext/UserWalletsContext.cjs');
 require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
@@ -59,6 +59,7 @@ require('formik');
 require('../../components/IconButton/IconButton.cjs');
 var Icon = require('../../components/Icon/Icon.cjs');
 require('../../components/Alert/Alert.cjs');
+require('@dynamic-labs/viem-utils');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var TextButton = require('../../components/TextButton/TextButton.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');

package/src/lib/views/CollectUserDataView/CollectUserDataView.js

@@ -33,7 +33,7 @@ import '../../context/MockContext/MockContext.js';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
-import '../../utils/hooks/useWalletConnectorOptions/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
+import '../../context/UserWalletsContext/UserWalletsContext.js';
 import '../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../components/Transition/OpacityTransition/OpacityTransition.js';
@@ -55,6 +55,7 @@ import 'formik';
 import '../../components/IconButton/IconButton.js';
 import { Icon } from '../../components/Icon/Icon.js';
 import '../../components/Alert/Alert.js';
+import '@dynamic-labs/viem-utils';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import { TextButton } from '../../components/TextButton/TextButton.js';
 import '../../components/InlineWidget/InlineWidget.js';

package/src/lib/views/CollectUserDataView/OnboardingUserDataForm/OnboardingUserDataForm.cjs

@@ -35,7 +35,7 @@ var useUserUpdateRequest = require('../../../utils/hooks/useUserUpdateRequest/us
 require('../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('@dynamic-labs/rpc-providers');
-require('../../../utils/hooks/useWalletConnectorOptions/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
+require('../../../context/UserWalletsContext/UserWalletsContext.cjs');
 require('../../../context/MockContext/MockContext.cjs');
 require('react-i18next');
 require('../../../components/Transition/ZoomTransition/ZoomTransition.cjs');
@@ -57,6 +57,7 @@ var index = require('../UserDataFields/index.cjs');
 var Button = require('../../../components/Button/Button.cjs');
 require('../../../components/IconButton/IconButton.cjs');
 require('../../../components/Alert/Alert.cjs');
+require('@dynamic-labs/viem-utils');
 require('../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../../components/InlineWidget/InlineWidget.cjs');
 require('../../../components/MenuList/Dropdown/Dropdown.cjs');