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

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

@@ -7,15 +7,9 @@ import { MissingEnvironmentIdError } from '@dynamic-labs/utils';
 import { useWalletBookCdn, getWalletBookCdnUrl, WalletBookContextProvider } from '@dynamic-labs/wallet-book';
 import { logger as logger$1 } from '@dynamic-labs/wallet-connector-core';
 import { DynamicAuthFlow } from '../../app.js';
-import { useFetchProjectSettings } from '../../utils/hooks/useFetchProjectSettings/useFetchProjectSettings.js';
-import { useFetchNonce } from '../../utils/hooks/useFetchNonce/useFetchNonce.js';
-import { useWallets } from '../../utils/hooks/useWallets/useWallets.js';
-import { useWalletConnectors } from '../../utils/hooks/useWalletConnectors/useWalletConnectors.js';
-import { AccessDeniedContextProvider } from '../AccessDeniedContext/AccessDeniedContext.js';
-import { AccountExistsContextProvider } from '../AccountExistsContext/AccountExistsContext.js';
+import { CaptchaContextProvider } from '../CaptchaContext/CaptchaContext.js';
 import { ErrorContextProvider } from '../ErrorContext/ErrorContext.js';
 import { ViewContextProvider } from '../ViewContext/ViewContext.js';
-import { sendDynamicProps, revokeSession } from '../../data/api.js';
 import { decodeJwt } from '../../shared/utils/functions/decodeJwt/decodeJwt.js';
 import { logger } from '../../shared/logger.js';
 import { IS_FULLY_CONNECTED, AUTH_TOKEN, AUTH_USER, AUTH_MODE, WALLET_PICKER_SEARCH_KEY, IS_MULTI_WALLET_ENABLED } from '../../utils/constants/localStorage.js';
@@ -29,20 +23,26 @@ import '../../shared/consts/index.js';
 import '@dynamic-labs/multi-wallet';
 import { getAuthToken } from '../../utils/functions/getAuthToken/getAuthToken.js';
 import '@dynamic-labs/sdk-api';
-import 'react-dom';
-import { useWalletUiUtils } from '../../utils/hooks/useWalletUiUtils/useWalletUiUtils.js';
-import '../MockContext/MockContext.js';
-import { CaptchaContextProvider } from '../CaptchaContext/CaptchaContext.js';
+import { AccessDeniedContextProvider } from '../AccessDeniedContext/AccessDeniedContext.js';
+import { AccountExistsContextProvider } from '../AccountExistsContext/AccountExistsContext.js';
+import { revokeSession, sendDynamicProps } from '../../data/api.js';
 import { EmailVerificationContextProvider } from '../EmailVerificationContext/EmailVerificationContext.js';
-import { ThemeContextProvider } from '../ThemeContext/ThemeContext.js';
-import { useValidateSession } from '../../utils/hooks/useValidateSession/useValidateSession.js';
+import 'react-dom';
+import { isSameWalletName } from '../../utils/functions/isSameWalletName/isSameWalletName.js';
 import { useEventListener } from '../../utils/hooks/useEventListener/useEventListener.js';
+import { useFetchNonce } from '../../utils/hooks/useFetchNonce/useFetchNonce.js';
+import { useFetchProjectSettings } from '../../utils/hooks/useFetchProjectSettings/useFetchProjectSettings.js';
+import { ThemeContextProvider } from '../ThemeContext/ThemeContext.js';
+import { useSetWalletConnectorVerifiedCredentials } from '../../utils/hooks/useSetWalletConnectorVerifiedCredentials/useSetWalletConnectorVerifiedCredentials.js';
 import '@dynamic-labs/types';
-import { isSameWalletName } from '../../utils/functions/isSameWalletName/isSameWalletName.js';
+import 'yup';
+import '../MockContext/MockContext.js';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import { UserFieldEditorContextProvider } from '../UserFieldEditorContext/UserFieldEditorContext.js';
-import 'yup';
-import { useSetWalletConnectorVerifiedCredentials } from '../../utils/hooks/useSetWalletConnectorVerifiedCredentials/useSetWalletConnectorVerifiedCredentials.js';
+import { useValidateSession } from '../../utils/hooks/useValidateSession/useValidateSession.js';
+import { useWalletConnectorOptions } from '../../utils/hooks/useWalletConnectorOptions/useWalletConnectorOptions.js';
+import { useWalletConnectors } from '../../utils/hooks/useWalletConnectors/useWalletConnectors.js';
+import { useWalletUiUtils } from '../../utils/hooks/useWalletUiUtils/useWalletUiUtils.js';
 import '../../components/Alert/Alert.js';
 import '../../components/ShadowDOM/ShadowDOM.js';
 import '../../components/IconButton/IconButton.js';
@@ -55,6 +55,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 { SyncPasskeyFlow } from '../../components/SyncPasskeyFlow/SyncPasskeyFlow.js';
 import { Toolkit } from '../../components/Toolkit/Toolkit.js';
@@ -76,7 +77,6 @@ import { DynamicBridgeWidgetContextProvider } from '../../widgets/DynamicBridgeW
 import { DynamicWidgetContextProvider } from '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.js';
 import '../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
-import 'i18next';
 import '../FooterAnimationContext/index.js';
 import '../SocialRedirectContext/SocialRedirectContext.js';
 import { QrCodeContextProvider } from '../QrCodeContext/QrCodeContext.js';
@@ -84,6 +84,7 @@ import { WalletGroupContextProvider } from '../WalletGroupContext/WalletGroupCon
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import 'qrcode';
 import { LoadingContextProvider } from '../LoadingContext/LoadingContext.js';
+import '@dynamic-labs/viem-utils';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../views/WalletList/WalletList.js';
 import '../../views/viewToComponentMap.js';
@@ -91,6 +92,7 @@ import { FundingWidget } from '../../widgets/FundingWidget/FundingWidget.js';
 import { FundingContextProvider } from '../FundingContext/FundingContext.js';
 import { SendBalanceContextProvider } from '../SendBalanceContext/SendBalanceContext.js';
 import { UseNetworkValidation } from '../UseNetworkValidation/UseNetworkValidation.js';
+import { UserWalletsProvider } from '../UserWalletsContext/UserWalletsContext.js';
 import { WalletContextProvider } from '../WalletContext/WalletContext.js';
 import { handleDisconnectWallet } from './handleDisconnectWallet/handleDisconnectWallet.js';
 import { initExpirationTime, getInitialView } from './helpers.js';
@@ -109,7 +111,8 @@ import { validateAuthUser } from './validators.js';
 const PUBLIC_PROJECT_LIVE_ENVIRONMENT_ID = '2762a57b-faa4-41ce-9f16-abff9300e2c9';
 const EMPTY_INITIAL_USER = undefined;
 const DynamicContext = createContext(undefined);
-const DynamicContextProvider = ({ children, theme, settings, locale, }) => {
+/** The context provider itself we only use internally */
+const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) => {
     var _a, _b, _c, _d, _e, _f, _g, _h;
     const { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, apiBaseUrl, enableForcedNetworkValidation: enableForcedNetworkValidationProp = false, deepLinkPreference = 'native', bridgeChains, cssOverrides, defaultNumberOfWalletsToShow = DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, flowNetwork, initialAuthenticationMode = 'connect-and-sign', debugError = false, displaySiweStatement = true, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly = true, environmentId, localStorageSuffix, eventsCallbacks, evmNetworks, walletsFilter, logLevel = 'WARN', notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, customPrivacyPolicy, privacyPolicyUrl, signWithEmailWalletName, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, customTermsOfServices, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled = true, walletConnectors: walletConnectorsProp, socialProvidersFilter, showLockedWalletView = true, walletConnectPreferredChains, walletConnectorExtensions, } = settings;
     let enableForcedNetworkValidation = enableForcedNetworkValidationProp;
@@ -184,7 +187,7 @@ const DynamicContextProvider = ({ children, theme, settings, locale, }) => {
         appName,
         getAppOrigin: () => window.location.origin,
     });
-    const { wallets } = useWallets({
+    const { walletConnectorOptions } = useWalletConnectorOptions({
         appLogoUrl,
         appName,
         deepLinkPreference,
@@ -200,7 +203,7 @@ const DynamicContextProvider = ({ children, theme, settings, locale, }) => {
     });
     const [authMode, setAuthMode] = useLocalStorage(AUTH_MODE, initialAuthenticationMode);
     const { clearPrimaryWalletId, primaryWalletId, setPrimaryWalletId } = usePrimaryWalletId();
-    const { connectWallet, removeConnectedWalletsInfo, connectedWalletsInfo, connectedWallet, getConnectedWalletById, connectedWallets, disconnectWallet, refreshConnectedWallet, } = useConnectWallet({
+    const { connectWallet, removeConnectedWalletsInfo, connectedWalletsInfo, getConnectedWalletById, connectedWallets, disconnectWallet, refreshConnectedWallet, } = useConnectWallet({
         authMode,
         clearPrimaryWalletId,
         enableVisitTrackingOnConnectOnly,
@@ -217,13 +220,13 @@ const DynamicContextProvider = ({ children, theme, settings, locale, }) => {
         primaryWalletId,
         setPrimaryWalletId,
         setShowAuthFlow,
-        wallets,
+        walletConnectorOptions,
     });
     useEffect(() => {
         const missingChains = getMissingChains(bridgeChains, connectedWalletsInfo);
         setBridgeChainsToConnect(missingChains);
     }, [bridgeChains]);
-    const { selectedWalletConnector, setSelectedWalletConnectorKey } = useSelectedWalletConnector({ wallets });
+    const { selectedWalletConnector, setSelectedWalletConnectorKey } = useSelectedWalletConnector({ walletConnectorOptions });
     //selected wallet to perform an action (become primary, unlink, etc)
     const [selectedWalletWithAction, setSelectedWalletWithAction] = useState(null);
     const removeAuthTokenAndUser = useCallback(() => {
@@ -232,8 +235,8 @@ const DynamicContextProvider = ({ children, theme, settings, locale, }) => {
     }, [removeUser]);
     // until user completes onboarding, jwt is only stored in onboardingOnlyJwt
     const authToken = (_e = getAuthToken()) !== null && _e !== void 0 ? _e : onboardingOnlyJwt;
-    useSetWalletConnectorVerifiedCredentials(authToken, wallets);
-    const { didConnectedStateLoad, walletConnectors, primaryWallet, showQrcodeModal, secondaryWallets, setPrimaryWallet, setShowQrcodeModal, wallets: linkedOrConnectedWallets, } = useWalletConnectors({
+    useSetWalletConnectorVerifiedCredentials(authToken, walletConnectorOptions);
+    const { didConnectedStateLoad, primaryWallet, showQrcodeModal, secondaryWallets, setPrimaryWallet, setShowQrcodeModal, wallets: linkedOrConnectedWallets, } = useWalletConnectors({
         authMode,
         authToken: getAuthToken() || onboardingOnlyJwt,
         canHaveMultipleWalletsConnected: multiWallet || isBridgeFlow,
@@ -246,12 +249,13 @@ const DynamicContextProvider = ({ children, theme, settings, locale, }) => {
         setPrimaryWalletId,
         setQrcodeUri,
         user,
-        wallets,
+        walletConnectorOptions,
     });
+    const walletConnectors = linkedOrConnectedWallets.map((wallet) => wallet.connector);
     const { sdkHasLoaded, setSdkHasLoaded } = useGlobalLoading({
         authMode,
         connectedInfo: connectedWalletsInfo[0],
-        connectedWallet,
+        connectedWallets,
         primaryWallet,
         projectSettings,
         user,
@@ -263,11 +267,11 @@ const DynamicContextProvider = ({ children, theme, settings, locale, }) => {
         isRenderingEmbeddedAuthFlow,
         setShowAuthFlow,
         user,
-        wallets,
+        walletConnectorOptions,
     });
     const { getNameService, removeConnectedNameService } = useNameService({
         authToken,
-        currentWallet: primaryWallet !== null && primaryWallet !== void 0 ? primaryWallet : connectedWallet,
+        currentWallet: primaryWallet !== null && primaryWallet !== void 0 ? primaryWallet : connectedWallets[0],
     });
     const { clearAllWalletConnectSessions, clearOphanedWalletConnectSessions } = useClearWalletConnectSessions({
         connectors: walletConnectors,
@@ -276,7 +280,7 @@ const DynamicContextProvider = ({ children, theme, settings, locale, }) => {
         clearOphanedWalletConnectSessions,
     ]);
     const handleLogOut = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
-        var _j, _k, _l;
+        var _j, _k;
         setSdkHasLoaded(false);
         clearAllWalletConnectSessions();
         setBridgeChainsToConnect(bridgeChains);
@@ -294,7 +298,8 @@ const DynamicContextProvider = ({ children, theme, settings, locale, }) => {
         for (const connector of walletConnectors) {
             yield connector.endSession();
         }
-        yield ((_j = connectedWallet === null || connectedWallet === void 0 ? void 0 : connectedWallet.connector) === null || _j === void 0 ? void 0 : _j.endSession());
+        for (const connectedWallet of connectedWallets)
+            yield connectedWallet.connector.endSession();
         // Necessary when user logs out in user data collection view
         // Dont require flag to be set though
         if (isVerificationInProgress)
@@ -311,13 +316,13 @@ const DynamicContextProvider = ({ children, theme, settings, locale, }) => {
         removeIsFullyConnected();
         clearPrimaryWalletId();
         removeConnectedNameService();
-        if (connectedWallet) {
-            (_k = eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onDisconnect) === null || _k === void 0 ? void 0 : _k.call(eventsCallbacks, {
+        for (const connectedWallet of connectedWallets) {
+            (_j = eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onDisconnect) === null || _j === void 0 ? void 0 : _j.call(eventsCallbacks, {
                 wallet: connectedWallet,
                 walletConnector: connectedWallet === null || connectedWallet === void 0 ? void 0 : connectedWallet.connector,
             });
         }
-        (_l = eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onLogout) === null || _l === void 0 ? void 0 : _l.call(eventsCallbacks, user);
+        (_k = eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onLogout) === null || _k === void 0 ? void 0 : _k.call(eventsCallbacks, user);
         internalEventsRef.current.emit('logout');
     }), [
         setSdkHasLoaded,
@@ -325,7 +330,6 @@ const DynamicContextProvider = ({ children, theme, settings, locale, }) => {
         bridgeChains,
         toolkitEnabled,
         user,
-        connectedWallet,
         isVerificationInProgress,
         setIsVerificationInProgress,
         setAuthMode,
@@ -341,6 +345,7 @@ const DynamicContextProvider = ({ children, theme, settings, locale, }) => {
         eventsCallbacks,
         environmentId,
         walletConnectors,
+        connectedWallets,
     ]);
     useEventListener('logOut', handleLogOut);
     let wcVersion;
@@ -478,7 +483,6 @@ const DynamicContextProvider = ({ children, theme, settings, locale, }) => {
             bridgeChainsToConnect,
             clearStatesOnBackClick,
             connectWallet,
-            connectedWallet,
             connectedWallets,
             consumeNonce,
             cssOverrides,
@@ -581,8 +585,8 @@ const DynamicContextProvider = ({ children, theme, settings, locale, }) => {
             toolkitEnabled,
             user,
             walletConnector: (_c = primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector) !== null && _c !== void 0 ? _c : null,
+            walletConnectorOptions,
             walletUiUtils,
-            wallets,
             walletsFilter,
         });
     }, [
@@ -599,7 +603,6 @@ const DynamicContextProvider = ({ children, theme, settings, locale, }) => {
         bridgeChainsToConnect,
         clearStatesOnBackClick,
         connectWallet,
-        connectedWallet,
         connectedWallets,
         consumeNonce,
         cssOverrides,
@@ -686,7 +689,7 @@ const DynamicContextProvider = ({ children, theme, settings, locale, }) => {
         theme,
         toolkitEnabled,
         walletUiUtils,
-        wallets,
+        walletConnectorOptions,
         walletsFilter,
     ]);
     useEffect(() => {
@@ -733,5 +736,7 @@ const DynamicContextProvider = ({ children, theme, settings, locale, }) => {
                                     isMultiWalletEnabled: multiWallet,
                                 }), internalEvents: internalEventsRef, children: [enableForcedNetworkValidation && jsx(UseNetworkValidation, {}), jsx(CaptchaContextProvider, { children: jsx(AccountExistsContextProvider, { children: jsx(WalletContextProvider, { canSync: didConnectedStateLoad, children: jsx(QrCodeContextProvider, { children: jsx(EmailVerificationContextProvider, { children: jsx(DynamicWidgetContextProvider, { children: jsx(DynamicBridgeWidgetContextProvider, { children: jsx(FundingContextProvider, { children: jsx(AccessDeniedContextProvider, { children: jsx(SendBalanceContextProvider, { children: jsx(WalletGroupContextProvider, { children: jsxs(UserFieldEditorContextProvider, { children: [jsx(DynamicAuthFlow, {}), jsx(Toolkit, {}), jsx(FundingWidget, {}), jsx(SyncPasskeyFlow, {}), confirmationModal, children] }) }) }) }) }) }) }) }) }) }) }) })] }) }) }) }) }) }) }));
 };
+/** The context provider you need to have access too all of Dynamic's hooks */
+const DynamicContextProvider = (props) => (jsx(UserWalletsProvider, { children: jsx(InnerDynamicContextProvider, Object.assign({}, props)) }));
 
-export { DynamicContext, DynamicContextProvider, PUBLIC_PROJECT_LIVE_ENVIRONMENT_ID };
+export { DynamicContext, DynamicContextProvider, InnerDynamicContextProvider, PUBLIC_PROJECT_LIVE_ENVIRONMENT_ID };

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 
-const useSelectedWalletConnector = ({ wallets, }) => {
+const useSelectedWalletConnector = ({ walletConnectorOptions, }) => {
     const [selectedWalletConnectorKey, setSelectedWalletConnectorKey] = React.useState(null);
     // Instead of storing the selected connector directly, we derive it from the wallets
     // This way if wallets change, the selected connector will be updated too
@@ -12,8 +12,8 @@ const useSelectedWalletConnector = ({ wallets, }) => {
         var _a, _b;
         if (!selectedWalletConnectorKey)
             return null;
-        return ((_b = (_a = wallets.find(({ walletConnector }) => walletConnector.key === selectedWalletConnectorKey)) === null || _a === void 0 ? void 0 : _a.walletConnector) !== null && _b !== void 0 ? _b : null);
-    }, [selectedWalletConnectorKey, wallets]);
+        return ((_b = (_a = walletConnectorOptions.find(({ walletConnector }) => walletConnector.key === selectedWalletConnectorKey)) === null || _a === void 0 ? void 0 : _a.walletConnector) !== null && _b !== void 0 ? _b : null);
+    }, [selectedWalletConnectorKey, walletConnectorOptions]);
     return { selectedWalletConnector, setSelectedWalletConnectorKey };
 };
 

package/src/lib/context/DynamicContext/hooks/useSelectedWalletConnector/useSelectedWalletConnector.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 import { WalletOption } from '../../../../shared';
 type useSelectedWalletConnectorProps = {
-    wallets: WalletOption[];
+    walletConnectorOptions: WalletOption[];
 };
-export declare const useSelectedWalletConnector: ({ wallets, }: useSelectedWalletConnectorProps) => {
+export declare const useSelectedWalletConnector: ({ walletConnectorOptions, }: useSelectedWalletConnectorProps) => {
     selectedWalletConnector: import("dist/packages/wallet-connector-core/src").WalletConnectorCore.WalletConnector | null;
     setSelectedWalletConnectorKey: import("react").Dispatch<import("react").SetStateAction<string | null>>;
 };

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

@@ -1,6 +1,6 @@
 import { useState, useMemo } from 'react';
 
-const useSelectedWalletConnector = ({ wallets, }) => {
+const useSelectedWalletConnector = ({ walletConnectorOptions, }) => {
     const [selectedWalletConnectorKey, setSelectedWalletConnectorKey] = useState(null);
     // Instead of storing the selected connector directly, we derive it from the wallets
     // This way if wallets change, the selected connector will be updated too
@@ -8,8 +8,8 @@ const useSelectedWalletConnector = ({ wallets, }) => {
         var _a, _b;
         if (!selectedWalletConnectorKey)
             return null;
-        return ((_b = (_a = wallets.find(({ walletConnector }) => walletConnector.key === selectedWalletConnectorKey)) === null || _a === void 0 ? void 0 : _a.walletConnector) !== null && _b !== void 0 ? _b : null);
-    }, [selectedWalletConnectorKey, wallets]);
+        return ((_b = (_a = walletConnectorOptions.find(({ walletConnector }) => walletConnector.key === selectedWalletConnectorKey)) === null || _a === void 0 ? void 0 : _a.walletConnector) !== null && _b !== void 0 ? _b : null);
+    }, [selectedWalletConnectorKey, walletConnectorOptions]);
     return { selectedWalletConnector, setSelectedWalletConnectorKey };
 };
 

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

@@ -12,7 +12,7 @@ var React = require('react');
  * "Connect" button in the WalletConnect modal, there is a uri ready to go
  * to immediately trigger the deep link on mobile
  */
-const useSetShowAuthFlowWithInit = ({ setShowAuthFlow, wallets, user, isMultiWalletEnabled, isRenderingEmbeddedAuthFlow, }) => {
+const useSetShowAuthFlowWithInit = ({ setShowAuthFlow, walletConnectorOptions, user, isMultiWalletEnabled, isRenderingEmbeddedAuthFlow, }) => {
     const setShowAuthFlowWithInit = React.useCallback((value) => {
         var _a;
         if (value) {
@@ -22,11 +22,11 @@ const useSetShowAuthFlowWithInit = ({ setShowAuthFlow, wallets, user, isMultiWal
             if ((user && !isMultiWalletEnabled) ||
                 isRenderingEmbeddedAuthFlow.current)
                 return;
-            (_a = wallets
+            (_a = walletConnectorOptions
                 .find((wallet) => wallet.walletConnector.key === 'walletconnect')) === null || _a === void 0 ? void 0 : _a.walletConnector.init();
         }
         setShowAuthFlow(value);
-    }, [setShowAuthFlow, wallets, user, isMultiWalletEnabled]);
+    }, [setShowAuthFlow, walletConnectorOptions, user, isMultiWalletEnabled]);
     return setShowAuthFlowWithInit;
 };
 

package/src/lib/context/DynamicContext/hooks/useSetShowAuthFlowWithInit/useSetShowAuthFlowWithInit.d.ts

@@ -9,10 +9,10 @@ import { IDynamicContext } from '../../types';
  * "Connect" button in the WalletConnect modal, there is a uri ready to go
  * to immediately trigger the deep link on mobile
  */
-export declare const useSetShowAuthFlowWithInit: ({ setShowAuthFlow, wallets, user, isMultiWalletEnabled, isRenderingEmbeddedAuthFlow, }: {
+export declare const useSetShowAuthFlowWithInit: ({ setShowAuthFlow, walletConnectorOptions, user, isMultiWalletEnabled, isRenderingEmbeddedAuthFlow, }: {
     setShowAuthFlow: Dispatch<SetStateAction<boolean>>;
     isRenderingEmbeddedAuthFlow: IDynamicContext['isRenderingEmbeddedAuthFlow'];
-    wallets: WalletOption[];
+    walletConnectorOptions: WalletOption[];
     user?: UserProfile | undefined;
     isMultiWalletEnabled?: boolean | undefined;
 }) => Dispatch<SetStateAction<boolean>>;

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

@@ -8,7 +8,7 @@ import { useCallback } from 'react';
  * "Connect" button in the WalletConnect modal, there is a uri ready to go
  * to immediately trigger the deep link on mobile
  */
-const useSetShowAuthFlowWithInit = ({ setShowAuthFlow, wallets, user, isMultiWalletEnabled, isRenderingEmbeddedAuthFlow, }) => {
+const useSetShowAuthFlowWithInit = ({ setShowAuthFlow, walletConnectorOptions, user, isMultiWalletEnabled, isRenderingEmbeddedAuthFlow, }) => {
     const setShowAuthFlowWithInit = useCallback((value) => {
         var _a;
         if (value) {
@@ -18,11 +18,11 @@ const useSetShowAuthFlowWithInit = ({ setShowAuthFlow, wallets, user, isMultiWal
             if ((user && !isMultiWalletEnabled) ||
                 isRenderingEmbeddedAuthFlow.current)
                 return;
-            (_a = wallets
+            (_a = walletConnectorOptions
                 .find((wallet) => wallet.walletConnector.key === 'walletconnect')) === null || _a === void 0 ? void 0 : _a.walletConnector.init();
         }
         setShowAuthFlow(value);
-    }, [setShowAuthFlow, wallets, user, isMultiWalletEnabled]);
+    }, [setShowAuthFlow, walletConnectorOptions, user, isMultiWalletEnabled]);
     return setShowAuthFlowWithInit;
 };
 

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

@@ -34,7 +34,6 @@ export interface IDynamicContext {
     awaitingSignatureState: AwaitingSignatureState;
     clearStatesOnBackClick: () => void;
     connectWallet: (walletConnector: WalletConnector, fetchPublicAddressOpts?: FetchPublicAddressOpts, shouldCallCallback?: boolean) => Promise<ConnectWalletResult | undefined>;
-    connectedWallet: Wallet | null;
     connectedWallets: Wallet[];
     linkedWallets: Wallet[];
     locale: {
@@ -139,7 +138,7 @@ export interface IDynamicContext {
     disconnectWallet: (walletId: string) => void;
     walletConnector: WalletConnector | null;
     walletUiUtils: WalletUiUtils<WalletConnector>;
-    wallets: WalletOption[];
+    walletConnectorOptions: WalletOption[];
     walletsFilter?: (options: WalletOption[]) => WalletOption[];
     removeConnectedWalletsInfo: () => void;
     /** Whether any verifications are ongoing for the current user (ex. connect, sign and email login verifications) */

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

@@ -1,4 +1,4 @@
-import { JwtVerifiedCredential } from '@dynamic-labs/sdk-api/src/models/JwtVerifiedCredential';
+import { JwtVerifiedCredential } from '@dynamic-labs/sdk-api';
 import { AuthModeType, OnAuthSuccess, onConnect, OnEmailVerificationFailure, OnEmailVerificationSuccess, OnEmbeddedWalletCreated, OnLinkSuccess, OnUserProfileUpdate, UserProfile, Wallet } from '../../../shared/types';
 import { IDynamicContext } from '../types';
 export type Callback = 'authSuccess' | 'linkSuccess' | 'emailVerificationSuccess' | 'emailVerificationFailure' | 'userProfileUpdate' | 'connectSuccess' | 'embeddedWalletCreated';

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

@@ -4,32 +4,39 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 require('@dynamic-labs/utils');
+require('../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('react/jsx-runtime');
-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.cjs');
-require('../../ErrorContext/ErrorContext.cjs');
-var usePrevious = require('../../../utils/hooks/usePrevious/usePrevious.cjs');
+require('../../../config/ApiEndpoint.cjs');
+require('../../EmailVerificationContext/EmailVerificationContext.cjs');
 require('react-dom');
+require('../../ThemeContext/ThemeContext.cjs');
+var usePrevious = require('../../../utils/hooks/usePrevious/usePrevious.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');
@@ -39,23 +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('../../QrCodeContext/QrCodeContext.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');
 
 const useCustomerAuthFlowCallbacks = ({ eventsCallbacks, showAuthFlow, }) => {

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

@@ -1,31 +1,38 @@
 import { useEffect } from 'react';
 import '@dynamic-labs/utils';
+import '../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 'react/jsx-runtime';
-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.js';
-import '../../ErrorContext/ErrorContext.js';
-import { usePrevious } from '../../../utils/hooks/usePrevious/usePrevious.js';
+import '../../../config/ApiEndpoint.js';
+import '../../EmailVerificationContext/EmailVerificationContext.js';
 import 'react-dom';
+import '../../ThemeContext/ThemeContext.js';
+import { usePrevious } from '../../../utils/hooks/usePrevious/usePrevious.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';
@@ -35,23 +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 '../../QrCodeContext/QrCodeContext.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';
 
 const useCustomerAuthFlowCallbacks = ({ eventsCallbacks, 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, 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,
@@ -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,
@@ -52,7 +49,7 @@ const useDynamicContext = () => {
         showQrcodeModal,
         user,
         walletConnector,
-        wallets,
+        walletConnectorOptions,
     };
 };
 

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' | 'wallets' | '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;