@dynamic-labs/sdk-react-core 1.0.0-alpha.10 → 1.0.0-alpha.12

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

@@ -30,6 +30,7 @@ import '../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js
 import '../../UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
 import '../../../utils/hooks/useWalletConnectorOptions/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
+import '../../UserWalletsContext/UserWalletsContext.js';
 import '../../../components/Alert/Alert.js';
 import '../../../components/ShadowDOM/ShadowDOM.js';
 import '../../../components/IconButton/IconButton.js';
@@ -53,7 +54,6 @@ 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';
 
 const useCustomerAuthFlowCallbacks = ({ eventsCallbacks, showAuthFlow, }) => {
     const prevShowAuthFlow = usePrevious(showAuthFlow);

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

@@ -11,7 +11,7 @@ const useDynamicContext = () => {
     if (context === undefined) {
         throw new Error('useDynamicContext must be used within a DynamicContextProvider');
     }
-    const { accountSwitchState, authMode, authToken, awaitingSignatureState, connectedWallets, getNameService, handleLogOut, handleUnlinkWallet, isAuthenticated, isFullyConnected, isVerificationInProgress, linkedWallets, loadingNetwork, locale, loginWithEmail, multiWalletWidgetState, network, networkConfigurations, qrcodeUri, rpcProviders, sdkHasLoaded, secondaryWallets, setLogInWithEmail, setMultiWalletWidgetState, setNetwork, setPrimaryWallet, setShowAuthFlow, setShowDynamicUserProfile, setShowQrcodeModal, shadowDOMEnabled, showAuthFlow, showQrcodeModal, user, walletConnector, walletConnectorOptions, bridgeChains, bridgeChainsToConnect, primaryWallet, setShowBridgeWidget, sendWagmiSettings, } = context;
+    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, } = context;
     return {
         accountSwitchState,
         authMode,
@@ -19,14 +19,12 @@ const useDynamicContext = () => {
         awaitingSignatureState,
         bridgeChains,
         bridgeChainsToConnect,
-        connectedWallets,
         getNameService,
         handleLogOut,
         handleUnlinkWallet,
         isAuthenticated,
         isFullyConnected,
         isVerificationInProgress,
-        linkedWallets,
         loadingNetwork,
         locale,
         loginWithEmail,
@@ -37,7 +35,6 @@ const useDynamicContext = () => {
         qrcodeUri,
         rpcProviders,
         sdkHasLoaded,
-        secondaryWallets,
         sendWagmiSettings,
         setLogInWithEmail,
         setMultiWalletWidgetState,

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

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

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

@@ -7,7 +7,7 @@ const useDynamicContext = () => {
     if (context === undefined) {
         throw new Error('useDynamicContext must be used within a DynamicContextProvider');
     }
-    const { accountSwitchState, authMode, authToken, awaitingSignatureState, connectedWallets, getNameService, handleLogOut, handleUnlinkWallet, isAuthenticated, isFullyConnected, isVerificationInProgress, linkedWallets, loadingNetwork, locale, loginWithEmail, multiWalletWidgetState, network, networkConfigurations, qrcodeUri, rpcProviders, sdkHasLoaded, secondaryWallets, setLogInWithEmail, setMultiWalletWidgetState, setNetwork, setPrimaryWallet, setShowAuthFlow, setShowDynamicUserProfile, setShowQrcodeModal, shadowDOMEnabled, showAuthFlow, showQrcodeModal, user, walletConnector, walletConnectorOptions, bridgeChains, bridgeChainsToConnect, primaryWallet, setShowBridgeWidget, sendWagmiSettings, } = context;
+    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, } = context;
     return {
         accountSwitchState,
         authMode,
@@ -15,14 +15,12 @@ const useDynamicContext = () => {
         awaitingSignatureState,
         bridgeChains,
         bridgeChainsToConnect,
-        connectedWallets,
         getNameService,
         handleLogOut,
         handleUnlinkWallet,
         isAuthenticated,
         isFullyConnected,
         isVerificationInProgress,
-        linkedWallets,
         loadingNetwork,
         locale,
         loginWithEmail,
@@ -33,7 +31,6 @@ const useDynamicContext = () => {
         qrcodeUri,
         rpcProviders,
         sdkHasLoaded,
-        secondaryWallets,
         sendWagmiSettings,
         setLogInWithEmail,
         setMultiWalletWidgetState,

package/src/lib/context/EmailVerificationContext/EmailVerificationContext.js

@@ -1,5 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
-import { createContext, useState, useMemo, useContext } from 'react';
+import { createContext, useContext, useState, useMemo } from 'react';
 
 const EmailVerificationContext = createContext(undefined);
 // Context used to hold verificationUUID & email between views.

package/src/lib/context/FundingContext/FundingContext.cjs

@@ -30,6 +30,32 @@ const FundingContextProvider = ({ children, }) => {
     const [fundingUrl, setFundingUrl] = React.useState('');
     const { environmentId, network, primaryWallet, projectSettings } = useInternalDynamicContext.useInternalDynamicContext();
     const fundingEnabled = (_b = (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers) === null || _a === void 0 ? void 0 : _a.some((p) => isOnrampProvider.isOnrampProvider(p) && Boolean(p.enabledAt))) !== null && _b !== void 0 ? _b : false;
+    const updateSupportsFunding = React.useCallback(({ address, token } = {}) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        var _c;
+        if (!fundingEnabled)
+            return;
+        if (!primaryWallet)
+            return;
+        const chainName = (_c = walletConnectorCore.getChainInfo(primaryWallet.chain)) === null || _c === void 0 ? void 0 : _c.name;
+        if (!chainName)
+            return;
+        try {
+            const [{ url }] = yield api.getOnrampProviders({
+                chain: chainName,
+                environmentId,
+                networkId: network ? network.toString() : undefined,
+                token,
+                walletAddress: address ? address : primaryWallet.address,
+            });
+            if (!url)
+                throw new Error('No onramp url found');
+            setFundingUrl(url);
+            setSupportsFunding(true);
+        }
+        catch (error) {
+            setSupportsFunding(false);
+        }
+    }), [environmentId, fundingEnabled, network, primaryWallet]);
     const value = React.useMemo(() => ({
         fundingEnabled,
         fundingRef,
@@ -37,35 +63,17 @@ const FundingContextProvider = ({ children, }) => {
         setShowFunding,
         showFunding,
         supportsFunding,
-    }), [fundingEnabled, fundingUrl, showFunding, supportsFunding]);
+        updateSupportsFunding,
+    }), [
+        fundingEnabled,
+        fundingUrl,
+        showFunding,
+        supportsFunding,
+        updateSupportsFunding,
+    ]);
     React.useEffect(() => {
-        const updateSupportsFunding = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-            var _a;
-            if (!fundingEnabled)
-                return;
-            if (!primaryWallet)
-                return;
-            const chainName = (_a = walletConnectorCore.getChainInfo(primaryWallet.chain)) === null || _a === void 0 ? void 0 : _a.name;
-            if (!chainName)
-                return;
-            try {
-                const [{ url }] = yield api.getOnrampProviders({
-                    chain: chainName,
-                    environmentId,
-                    networkId: network ? network.toString() : undefined,
-                    walletAddress: primaryWallet.address,
-                });
-                if (!url)
-                    throw new Error('No onramp url found');
-                setFundingUrl(url);
-                setSupportsFunding(true);
-            }
-            catch (error) {
-                setSupportsFunding(false);
-            }
-        });
         updateSupportsFunding();
-    }, [primaryWallet, network, environmentId, fundingEnabled]);
+    }, [environmentId, fundingEnabled, network, primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.address]);
     return (jsxRuntime.jsx(FundingContext.Provider, { value: value, children: children }));
 };
 const useFundingContext = () => {

package/src/lib/context/FundingContext/FundingContext.d.ts

@@ -1,5 +1,9 @@
 import { ReactNode, SetStateAction, Dispatch } from 'react';
 export type FundingContextProps = {
+    updateSupportsFunding: (props?: {
+        address?: string;
+        token?: string;
+    }) => Promise<void>;
     fundingEnabled: boolean;
     fundingRef: React.RefObject<HTMLDivElement>;
     fundingUrl: string;

package/src/lib/context/FundingContext/FundingContext.js

@@ -1,6 +1,6 @@
 import { __awaiter } from '../../../../_virtual/_tslib.js';
 import { jsx } from 'react/jsx-runtime';
-import { createContext, useRef, useState, useMemo, useEffect, useContext } from 'react';
+import { createContext, useContext, useRef, useState, useCallback, useMemo, useEffect } from 'react';
 import { getChainInfo } from '@dynamic-labs/wallet-connector-core';
 import { getOnrampProviders } from '../../data/api.js';
 import { useInternalDynamicContext } from '../DynamicContext/useInternalDynamicContext.js';
@@ -26,6 +26,32 @@ const FundingContextProvider = ({ children, }) => {
     const [fundingUrl, setFundingUrl] = useState('');
     const { environmentId, network, primaryWallet, projectSettings } = useInternalDynamicContext();
     const fundingEnabled = (_b = (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers) === null || _a === void 0 ? void 0 : _a.some((p) => isOnrampProvider(p) && Boolean(p.enabledAt))) !== null && _b !== void 0 ? _b : false;
+    const updateSupportsFunding = useCallback(({ address, token } = {}) => __awaiter(void 0, void 0, void 0, function* () {
+        var _c;
+        if (!fundingEnabled)
+            return;
+        if (!primaryWallet)
+            return;
+        const chainName = (_c = getChainInfo(primaryWallet.chain)) === null || _c === void 0 ? void 0 : _c.name;
+        if (!chainName)
+            return;
+        try {
+            const [{ url }] = yield getOnrampProviders({
+                chain: chainName,
+                environmentId,
+                networkId: network ? network.toString() : undefined,
+                token,
+                walletAddress: address ? address : primaryWallet.address,
+            });
+            if (!url)
+                throw new Error('No onramp url found');
+            setFundingUrl(url);
+            setSupportsFunding(true);
+        }
+        catch (error) {
+            setSupportsFunding(false);
+        }
+    }), [environmentId, fundingEnabled, network, primaryWallet]);
     const value = useMemo(() => ({
         fundingEnabled,
         fundingRef,
@@ -33,35 +59,17 @@ const FundingContextProvider = ({ children, }) => {
         setShowFunding,
         showFunding,
         supportsFunding,
-    }), [fundingEnabled, fundingUrl, showFunding, supportsFunding]);
+        updateSupportsFunding,
+    }), [
+        fundingEnabled,
+        fundingUrl,
+        showFunding,
+        supportsFunding,
+        updateSupportsFunding,
+    ]);
     useEffect(() => {
-        const updateSupportsFunding = () => __awaiter(void 0, void 0, void 0, function* () {
-            var _a;
-            if (!fundingEnabled)
-                return;
-            if (!primaryWallet)
-                return;
-            const chainName = (_a = getChainInfo(primaryWallet.chain)) === null || _a === void 0 ? void 0 : _a.name;
-            if (!chainName)
-                return;
-            try {
-                const [{ url }] = yield getOnrampProviders({
-                    chain: chainName,
-                    environmentId,
-                    networkId: network ? network.toString() : undefined,
-                    walletAddress: primaryWallet.address,
-                });
-                if (!url)
-                    throw new Error('No onramp url found');
-                setFundingUrl(url);
-                setSupportsFunding(true);
-            }
-            catch (error) {
-                setSupportsFunding(false);
-            }
-        });
         updateSupportsFunding();
-    }, [primaryWallet, network, environmentId, fundingEnabled]);
+    }, [environmentId, fundingEnabled, network, primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.address]);
     return (jsx(FundingContext.Provider, { value: value, children: children }));
 };
 const useFundingContext = () => {

package/src/lib/context/FundingContext/index.d.ts

@@ -1 +1,2 @@
 export * from './FundingContext';
+export * from './useFunding';

package/src/lib/context/FundingContext/useFunding/index.d.ts

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

package/src/lib/context/FundingContext/useFunding/useFunding.cjs

@@ -0,0 +1,39 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../../../../_virtual/_tslib.cjs');
+var React = require('react');
+var utils = require('@dynamic-labs/utils');
+var FundingContext = require('../FundingContext.cjs');
+
+const useFunding = () => {
+    const promiseRef = React.useRef(null);
+    const { fundingEnabled, setShowFunding, showFunding, updateSupportsFunding } = FundingContext.useFundingContext();
+    const openFunding = ({ address, token } = {}) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        if (!fundingEnabled) {
+            throw new Error('Funding is not enabled');
+        }
+        if (promiseRef.current) {
+            return promiseRef.current.promise;
+        }
+        if (address || token) {
+            yield updateSupportsFunding({ address, token });
+        }
+        promiseRef.current = new utils.DeferredPromise();
+        setShowFunding(true);
+        return promiseRef.current.promise;
+    });
+    React.useEffect(() => {
+        if (!showFunding && promiseRef.current) {
+            promiseRef.current.resolve();
+            promiseRef.current = null;
+        }
+    }, [showFunding]);
+    return {
+        enabled: fundingEnabled,
+        openFunding,
+    };
+};
+
+exports.useFunding = useFunding;

package/src/lib/context/FundingContext/useFunding/useFunding.d.ts

@@ -0,0 +1,9 @@
+type OpenFundingProps = {
+    address?: string;
+    token?: string;
+};
+export declare const useFunding: () => {
+    enabled: boolean;
+    openFunding: ({ address, token }?: OpenFundingProps) => Promise<void>;
+};
+export {};

package/src/lib/context/FundingContext/useFunding/useFunding.js

@@ -0,0 +1,35 @@
+import { __awaiter } from '../../../../../_virtual/_tslib.js';
+import { useRef, useEffect } from 'react';
+import { DeferredPromise } from '@dynamic-labs/utils';
+import { useFundingContext } from '../FundingContext.js';
+
+const useFunding = () => {
+    const promiseRef = useRef(null);
+    const { fundingEnabled, setShowFunding, showFunding, updateSupportsFunding } = useFundingContext();
+    const openFunding = ({ address, token } = {}) => __awaiter(void 0, void 0, void 0, function* () {
+        if (!fundingEnabled) {
+            throw new Error('Funding is not enabled');
+        }
+        if (promiseRef.current) {
+            return promiseRef.current.promise;
+        }
+        if (address || token) {
+            yield updateSupportsFunding({ address, token });
+        }
+        promiseRef.current = new DeferredPromise();
+        setShowFunding(true);
+        return promiseRef.current.promise;
+    });
+    useEffect(() => {
+        if (!showFunding && promiseRef.current) {
+            promiseRef.current.resolve();
+            promiseRef.current = null;
+        }
+    }, [showFunding]);
+    return {
+        enabled: fundingEnabled,
+        openFunding,
+    };
+};
+
+export { useFunding };

package/src/lib/context/LoadingContext/LoadingContext.js

@@ -1,5 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
-import { createContext, useState, useEffect, useMemo, useContext } from 'react';
+import { createContext, useContext, useState, useEffect, useMemo } from 'react';
 import { useInternalDynamicContext } from '../DynamicContext/useInternalDynamicContext.js';
 
 const LoadingContext = createContext(undefined);

package/src/lib/context/MockContext/MockContext.cjs

@@ -33,6 +33,7 @@ require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs'
 require('../UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../../utils/hooks/useWalletConnectorOptions/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
+require('../UserWalletsContext/UserWalletsContext.cjs');
 var DynamicAuthModal = require('../../modals/DynamicAuthModal/DynamicAuthModal.cjs');
 require('../../components/IconButton/IconButton.cjs');
 require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');

package/src/lib/context/MockContext/MockContext.js

@@ -29,6 +29,7 @@ import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
 import '../../utils/hooks/useWalletConnectorOptions/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
+import '../UserWalletsContext/UserWalletsContext.js';
 import { DynamicAuthModal } from '../../modals/DynamicAuthModal/DynamicAuthModal.js';
 import '../../components/IconButton/IconButton.js';
 import '../../components/Transition/ZoomTransition/ZoomTransition.js';

package/src/lib/context/QrCodeContext/QrCodeContext.cjs

@@ -34,6 +34,7 @@ require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs'
 require('../UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../../utils/hooks/useWalletConnectorOptions/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
+require('../UserWalletsContext/UserWalletsContext.cjs');
 require('../../components/Alert/Alert.cjs');
 require('../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../components/IconButton/IconButton.cjs');
@@ -56,7 +57,6 @@ 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');
 
 const QrCodeContext = React.createContext(undefined);
 const QrCodeContextProvider = ({ children, }) => {

package/src/lib/context/QrCodeContext/QrCodeContext.js

@@ -30,6 +30,7 @@ import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
 import '../../utils/hooks/useWalletConnectorOptions/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
+import '../UserWalletsContext/UserWalletsContext.js';
 import '../../components/Alert/Alert.js';
 import '../../components/ShadowDOM/ShadowDOM.js';
 import '../../components/IconButton/IconButton.js';
@@ -52,7 +53,6 @@ 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';
 
 const QrCodeContext = createContext(undefined);
 const QrCodeContextProvider = ({ children, }) => {

package/src/lib/context/SendBalanceContext/SendBalanceContext.cjs

@@ -34,6 +34,7 @@ require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs'
 require('../UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../../utils/hooks/useWalletConnectorOptions/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
+require('../UserWalletsContext/UserWalletsContext.cjs');
 require('../../components/Alert/Alert.cjs');
 require('react-dom');
 require('../../components/ShadowDOM/ShadowDOM.cjs');
@@ -58,7 +59,6 @@ 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 SendBalanceModal = require('../../modals/SendBalanceModal/SendBalanceModal.cjs');
 var SendBalanceContext_errors = require('./SendBalanceContext.errors.cjs');
 

package/src/lib/context/SendBalanceContext/SendBalanceContext.js

@@ -30,6 +30,7 @@ import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
 import '../../utils/hooks/useWalletConnectorOptions/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
+import '../UserWalletsContext/UserWalletsContext.js';
 import '../../components/Alert/Alert.js';
 import 'react-dom';
 import '../../components/ShadowDOM/ShadowDOM.js';
@@ -54,7 +55,6 @@ 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 { SendBalanceModal } from '../../modals/SendBalanceModal/SendBalanceModal.js';
 import { noWalletError, invalidWalletTypeError } from './SendBalanceContext.errors.js';
 

package/src/lib/context/SocialRedirectContext/SocialRedirectContext.cjs

@@ -34,6 +34,7 @@ require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs'
 require('../UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../../utils/hooks/useWalletConnectorOptions/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
+require('../UserWalletsContext/UserWalletsContext.cjs');
 require('../../components/Alert/Alert.cjs');
 require('../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../components/IconButton/IconButton.cjs');
@@ -59,7 +60,6 @@ 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');
 
 const SocialRedirectContext = React.createContext(undefined);
 const SocialRedirectContextProvider = ({ children, }) => {

package/src/lib/context/SocialRedirectContext/SocialRedirectContext.js

@@ -30,6 +30,7 @@ import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
 import '../../utils/hooks/useWalletConnectorOptions/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
+import '../UserWalletsContext/UserWalletsContext.js';
 import '../../components/Alert/Alert.js';
 import '../../components/ShadowDOM/ShadowDOM.js';
 import '../../components/IconButton/IconButton.js';
@@ -55,7 +56,6 @@ 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';
 
 const SocialRedirectContext = createContext(undefined);
 const SocialRedirectContextProvider = ({ children, }) => {

package/src/lib/context/UserFieldEditorContext/UserFieldEditorContext.cjs

@@ -34,6 +34,7 @@ require('../MockContext/MockContext.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../../utils/hooks/useWalletConnectorOptions/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
+require('../UserWalletsContext/UserWalletsContext.cjs');
 require('../../components/Alert/Alert.cjs');
 require('react-dom');
 require('../../components/ShadowDOM/ShadowDOM.cjs');
@@ -58,7 +59,6 @@ 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');
 
 const UserFieldEditorContext = React.createContext(undefined);
 const UserFieldEditorContextProvider = ({ children, }) => {

package/src/lib/context/UserFieldEditorContext/UserFieldEditorContext.js

@@ -30,6 +30,7 @@ import '../MockContext/MockContext.js';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '@dynamic-labs/rpc-providers';
 import '../../utils/hooks/useWalletConnectorOptions/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
+import '../UserWalletsContext/UserWalletsContext.js';
 import '../../components/Alert/Alert.js';
 import 'react-dom';
 import '../../components/ShadowDOM/ShadowDOM.js';
@@ -54,7 +55,6 @@ 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';
 
 const UserFieldEditorContext = createContext(undefined);
 const UserFieldEditorContextProvider = ({ children, }) => {

package/src/lib/context/UserWalletsContext/UserWalletsContext.cjs

@@ -0,0 +1,52 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+
+/** Context for accessing the current user/session's wallets */
+const UserWalletsContext = React.createContext(undefined);
+const UserWalletsProvider = ({ children }) => {
+    const [userWallets, setUserWallets] = React.useState([]);
+    return (jsxRuntime.jsx(UserWalletsContext.Provider, { value: {
+            registerUserWallet: (newWallet) => setUserWallets((userWallets) => [...userWallets, newWallet]),
+            removeUserWallet: (walletId) => setUserWallets((userWallets) => userWallets.filter(({ id }) => walletId !== id)),
+            setUserWallets,
+            updateUserWallet: (walletId, newProperties) => setUserWallets((userWallets) => {
+                const walletIndex = userWallets.findIndex(({ id }) => walletId === id);
+                // Forbid updating the id
+                if ('id' in newProperties)
+                    delete newProperties['id'];
+                // Also forbid setting a field to undefined
+                for (const untypedKey in newProperties) {
+                    const key = untypedKey;
+                    if (newProperties[key] === undefined ||
+                        newProperties[key] === null)
+                        delete newProperties[key];
+                }
+                userWallets[walletIndex] = Object.assign(Object.assign({}, userWallets[walletIndex]), newProperties);
+                return [...userWallets];
+            }),
+            userWallets,
+        }, children: children }));
+};
+/** Provides access to state and setters of the current user/session wallets array */
+const useInternalUserWallets = () => {
+    const context = React.useContext(UserWalletsContext);
+    if (!context)
+        throw new Error('Can only call useInternalUserWallets inside UserWalletsProvider');
+    return context;
+};
+/** Provides access to the current user/session wallets */
+const useUserWallets = () => {
+    const context = React.useContext(UserWalletsContext);
+    if (!context)
+        throw new Error('Can only call useUserWallets inside UserWalletsProvider');
+    return context.userWallets;
+};
+
+exports.UserWalletsContext = UserWalletsContext;
+exports.UserWalletsProvider = UserWalletsProvider;
+exports.useInternalUserWallets = useInternalUserWallets;
+exports.useUserWallets = useUserWallets;

package/src/lib/context/UserWalletsContext/UserWalletsContext.d.ts

@@ -1,8 +1,10 @@
-import { FC, PropsWithChildren } from 'react';
+import { Dispatch, FC, PropsWithChildren, SetStateAction } from 'react';
 import { Wallet } from '../../shared';
 export type UserWalletsContextType = {
     /** All wallets related to the current user/session. They are either connected, authenticated to the user, or both */
     userWallets: Wallet[];
+    /** Allows setting the userWallets variable directly */
+    setUserWallets: Dispatch<SetStateAction<Wallet[]>>;
     /** Allows registering a user wallet to the sdk's internal state */
     registerUserWallet: (newWallet: Wallet) => void;
     /** Allows updating an existing wallet's data (in the internal sdk state only) */