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

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, wallets, 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,
@@ -48,7 +45,7 @@ const useDynamicContext = () => {
         showQrcodeModal,
         user,
         walletConnector,
-        wallets,
+        walletConnectorOptions,
     };
 };
 

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

@@ -10,42 +10,44 @@ var index = require('../FooterAnimationContext/index.cjs');
 var ThemeContext = require('../ThemeContext/ThemeContext.cjs');
 var ViewContext = require('../ViewContext/ViewContext.cjs');
 require('@dynamic-labs/utils');
+require('../DynamicContext/DynamicContext.cjs');
+require('@dynamic-labs/wallet-connector-core');
+require('../CaptchaContext/CaptchaContext.cjs');
 require('@dynamic-labs/sdk-api');
-require('../../config/ApiEndpoint.cjs');
 require('../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
-require('@dynamic-labs/wallet-connector-core');
 require('../../utils/constants/colors.cjs');
 require('../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
 require('../../shared/consts/index.cjs');
 require('@dynamic-labs/multi-wallet');
-require('@dynamic-labs/rpc-providers');
-require('../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
 require('../AccessDeniedContext/AccessDeniedContext.cjs');
 require('../AccountExistsContext/AccountExistsContext.cjs');
-require('../DynamicContext/DynamicContext.cjs');
+require('../../config/ApiEndpoint.cjs');
+require('../EmailVerificationContext/EmailVerificationContext.cjs');
 require('react-dom');
+require('@dynamic-labs/types');
+require('yup');
 require('react-i18next');
+require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
+require('../UserFieldEditorContext/UserFieldEditorContext.cjs');
+require('@dynamic-labs/rpc-providers');
+require('../UserWalletsContext/UserWalletsContext.cjs');
 var DynamicAuthModal = require('../../modals/DynamicAuthModal/DynamicAuthModal.cjs');
 require('../../components/IconButton/IconButton.cjs');
 require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../components/Alert/Alert.cjs');
+require('@dynamic-labs/viem-utils');
 require('formik');
-require('yup');
 require('../../components/ShadowDOM/ShadowDOM.cjs');
-require('../CaptchaContext/CaptchaContext.cjs');
-require('../EmailVerificationContext/EmailVerificationContext.cjs');
-require('@dynamic-labs/types');
-require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
-require('../UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../components/Popper/Popper/Popper.cjs');
 var PopperContext = require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
+require('i18next');
 require('../../components/OverlayCard/OverlayCard.context.cjs');
 var index$1 = require('./constants/index.cjs');
 

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

@@ -6,42 +6,44 @@ import { FooterAnimationContextProvider } from '../FooterAnimationContext/index.
 import { ThemeContextProvider } from '../ThemeContext/ThemeContext.js';
 import { ViewContext } from '../ViewContext/ViewContext.js';
 import '@dynamic-labs/utils';
+import '../DynamicContext/DynamicContext.js';
+import '@dynamic-labs/wallet-connector-core';
+import '../CaptchaContext/CaptchaContext.js';
 import '@dynamic-labs/sdk-api';
-import '../../config/ApiEndpoint.js';
 import '../../shared/logger.js';
 import '@dynamic-labs/iconic';
-import '@dynamic-labs/wallet-connector-core';
 import '../../utils/constants/colors.js';
 import '../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
 import '../../shared/consts/index.js';
 import '@dynamic-labs/multi-wallet';
-import '@dynamic-labs/rpc-providers';
-import '../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
 import '../AccessDeniedContext/AccessDeniedContext.js';
 import '../AccountExistsContext/AccountExistsContext.js';
-import '../DynamicContext/DynamicContext.js';
+import '../../config/ApiEndpoint.js';
+import '../EmailVerificationContext/EmailVerificationContext.js';
 import 'react-dom';
+import '@dynamic-labs/types';
+import 'yup';
 import 'react-i18next';
+import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
+import '../UserFieldEditorContext/UserFieldEditorContext.js';
+import '@dynamic-labs/rpc-providers';
+import '../UserWalletsContext/UserWalletsContext.js';
 import { DynamicAuthModal } from '../../modals/DynamicAuthModal/DynamicAuthModal.js';
 import '../../components/IconButton/IconButton.js';
 import '../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../components/Alert/Alert.js';
+import '@dynamic-labs/viem-utils';
 import 'formik';
-import 'yup';
 import '../../components/ShadowDOM/ShadowDOM.js';
-import '../CaptchaContext/CaptchaContext.js';
-import '../EmailVerificationContext/EmailVerificationContext.js';
-import '@dynamic-labs/types';
-import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
-import '../UserFieldEditorContext/UserFieldEditorContext.js';
 import '../../components/InlineWidget/InlineWidget.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
 import '../../components/Popper/Popper/Popper.js';
 import { PopperProvider } from '../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
+import 'i18next';
 import '../../components/OverlayCard/OverlayCard.context.js';
 import { walletBookMock } from './constants/index.js';
 

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

@@ -5,30 +5,38 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 require('@dynamic-labs/utils');
+require('../DynamicContext/DynamicContext.cjs');
+require('@dynamic-labs/wallet-connector-core');
+require('../CaptchaContext/CaptchaContext.cjs');
+require('../ErrorContext/ErrorContext.cjs');
+require('../ViewContext/ViewContext.cjs');
 require('@dynamic-labs/sdk-api');
-require('../../config/ApiEndpoint.cjs');
 require('../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
-require('@dynamic-labs/wallet-connector-core');
-require('../ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
 require('../../utils/constants/colors.cjs');
 require('../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
 require('../../shared/consts/index.cjs');
 require('@dynamic-labs/multi-wallet');
-require('@dynamic-labs/rpc-providers');
-require('../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
 require('../AccessDeniedContext/AccessDeniedContext.cjs');
 require('../AccountExistsContext/AccountExistsContext.cjs');
-require('../DynamicContext/DynamicContext.cjs');
-require('../ErrorContext/ErrorContext.cjs');
+require('../../config/ApiEndpoint.cjs');
+require('../EmailVerificationContext/EmailVerificationContext.cjs');
 require('react-dom');
+var useDefaultQrCode = require('../../utils/hooks/useDefaultQrCode/useDefaultQrCode.cjs');
+require('../ThemeContext/ThemeContext.cjs');
+require('@dynamic-labs/types');
+require('yup');
 require('react-i18next');
+require('../MockContext/MockContext.cjs');
+require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
+require('../UserFieldEditorContext/UserFieldEditorContext.cjs');
+require('@dynamic-labs/rpc-providers');
+require('../UserWalletsContext/UserWalletsContext.cjs');
 require('../../components/Alert/Alert.cjs');
 require('../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../components/IconButton/IconButton.cjs');
-require('../ThemeContext/ThemeContext.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');
@@ -38,24 +46,17 @@ require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
 require('formik');
-require('yup');
+require('i18next');
 require('../../components/OverlayCard/OverlayCard.context.cjs');
 require('../FooterAnimationContext/index.cjs');
-require('../MockContext/MockContext.cjs');
 require('../WalletGroupContext/WalletGroupContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('../CaptchaContext/CaptchaContext.cjs');
-require('../EmailVerificationContext/EmailVerificationContext.cjs');
 require('qrcode');
 require('../LoadingContext/LoadingContext.cjs');
-require('i18next');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
-require('@dynamic-labs/types');
-require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
-require('../UserFieldEditorContext/UserFieldEditorContext.cjs');
+require('@dynamic-labs/viem-utils');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
-var useDefaultQrCode = require('../../utils/hooks/useDefaultQrCode/useDefaultQrCode.cjs');
 
 const QrCodeContext = React.createContext(undefined);
 const QrCodeContextProvider = ({ children, }) => {

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

@@ -1,30 +1,38 @@
 import { jsx } from 'react/jsx-runtime';
 import { createContext, useContext } from 'react';
 import '@dynamic-labs/utils';
+import '../DynamicContext/DynamicContext.js';
+import '@dynamic-labs/wallet-connector-core';
+import '../CaptchaContext/CaptchaContext.js';
+import '../ErrorContext/ErrorContext.js';
+import '../ViewContext/ViewContext.js';
 import '@dynamic-labs/sdk-api';
-import '../../config/ApiEndpoint.js';
 import '../../shared/logger.js';
 import '@dynamic-labs/iconic';
-import '@dynamic-labs/wallet-connector-core';
-import '../ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
 import '../../utils/constants/colors.js';
 import '../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
 import '../../shared/consts/index.js';
 import '@dynamic-labs/multi-wallet';
-import '@dynamic-labs/rpc-providers';
-import '../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
 import '../AccessDeniedContext/AccessDeniedContext.js';
 import '../AccountExistsContext/AccountExistsContext.js';
-import '../DynamicContext/DynamicContext.js';
-import '../ErrorContext/ErrorContext.js';
+import '../../config/ApiEndpoint.js';
+import '../EmailVerificationContext/EmailVerificationContext.js';
 import 'react-dom';
+import { useDefaultQrCode } from '../../utils/hooks/useDefaultQrCode/useDefaultQrCode.js';
+import '../ThemeContext/ThemeContext.js';
+import '@dynamic-labs/types';
+import 'yup';
 import 'react-i18next';
+import '../MockContext/MockContext.js';
+import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
+import '../UserFieldEditorContext/UserFieldEditorContext.js';
+import '@dynamic-labs/rpc-providers';
+import '../UserWalletsContext/UserWalletsContext.js';
 import '../../components/Alert/Alert.js';
 import '../../components/ShadowDOM/ShadowDOM.js';
 import '../../components/IconButton/IconButton.js';
-import '../ThemeContext/ThemeContext.js';
 import '../../components/InlineWidget/InlineWidget.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
 import '../../components/Transition/ZoomTransition/ZoomTransition.js';
@@ -34,24 +42,17 @@ import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
 import 'formik';
-import 'yup';
+import 'i18next';
 import '../../components/OverlayCard/OverlayCard.context.js';
 import '../FooterAnimationContext/index.js';
-import '../MockContext/MockContext.js';
 import '../WalletGroupContext/WalletGroupContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import '../CaptchaContext/CaptchaContext.js';
-import '../EmailVerificationContext/EmailVerificationContext.js';
 import 'qrcode';
 import '../LoadingContext/LoadingContext.js';
-import 'i18next';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
-import '@dynamic-labs/types';
-import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
-import '../UserFieldEditorContext/UserFieldEditorContext.js';
+import '@dynamic-labs/viem-utils';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
-import { useDefaultQrCode } from '../../utils/hooks/useDefaultQrCode/useDefaultQrCode.js';
 
 const QrCodeContext = createContext(undefined);
 const QrCodeContextProvider = ({ children, }) => {