@dynamic-labs/sdk-react-core 0.17.0-RC.2 → 0.17.0-RC.21

package/src/lib/components/WalletOrSocialMagicIcon/WalletOrSocialMagicIcon.js

@@ -0,0 +1,58 @@
+import { jsx } from 'react/jsx-runtime';
+import { WalletIcon } from '@dynamic-labs/wallet-book';
+import { isSocialWalletConnector } from '@dynamic-labs/wallet-connector-core';
+import '../../utils/constants/colors.js';
+import '@dynamic-labs/multi-wallet';
+import '@dynamic-labs/utils';
+import '@dynamic-labs/sdk-api';
+import '../../shared/logger.js';
+import '@dynamic-labs/iconic';
+import '../../context/ViewContext/ViewContext.js';
+import 'react';
+import 'ethers';
+import { pixelToRem } from '../../utils/functions/pixelToRem/pixelToRem.js';
+import { getReferencedAccount } from '../../utils/functions/getReferencedAccount/getReferencedAccount.js';
+import { getSocialIcon } from '../../utils/functions/getSocialIcon/getSocialIcon.js';
+import { IconWithStatus } from '../IconWithStatus/IconWithStatus.js';
+import { useInternalDynamicContext } from '../../context/DynamicContext/useInternalDynamicContext.js';
+import { WalletIconWithStatus } from '../../widgets/DynamicWidget/components/WalletIconWithStatus/WalletIconWithStatus.js';
+import { useAccessDeniedContext } from '../../context/AccessDeniedContext/AccessDeniedContext.js';
+
+const WalletOrSocialMagicIcon = ({ jwt, iconSize = 64, showStatus, wallet, }) => {
+    const { primaryWallet, selectedWalletConnector } = useInternalDynamicContext();
+    const { deniedOauthProvider, deniedAddress } = useAccessDeniedContext();
+    // when access is denied we don't have jwt set, so we're getting this value out of useAccessDeniedContext
+    if (deniedOauthProvider) {
+        const MagicSocialWalletIcon = getSocialIcon(deniedOauthProvider);
+        return (jsx(MagicSocialWalletIcon, { style: {
+                height: pixelToRem(iconSize),
+                width: pixelToRem(iconSize),
+            } }));
+    }
+    // it means that user tried to login with actual wallet and no magic social and failed to go through the access list
+    if (deniedAddress) {
+        return (jsx(WalletIcon, { walletName: selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.name, style: { height: pixelToRem(iconSize), width: pixelToRem(iconSize) } }));
+    }
+    if (!primaryWallet) {
+        return null;
+    }
+    const walletForIcon = wallet ? wallet : primaryWallet;
+    if (isSocialWalletConnector(walletForIcon.connector)) {
+        const socialAccountDataForWallet = getReferencedAccount(jwt, walletForIcon.id);
+        const MagicSocialWalletIcon = getSocialIcon(socialAccountDataForWallet === null || socialAccountDataForWallet === void 0 ? void 0 : socialAccountDataForWallet.oauthProvider);
+        // to show social icon with status dot
+        if (showStatus) {
+            return (jsx(IconWithStatus, { iconSize: iconSize, Icon: MagicSocialWalletIcon, variant: walletForIcon.connected ? 'green' : 'red' }));
+        }
+        // to show social icon
+        return (jsx(MagicSocialWalletIcon, { style: { height: pixelToRem(iconSize), width: pixelToRem(iconSize) } }));
+    }
+    // to show wallet icon with status dot
+    if (showStatus) {
+        return (jsx(WalletIconWithStatus, { iconSize: iconSize, walletName: walletForIcon.connector.name, connected: walletForIcon.connected, variant: 'secondary' }));
+    }
+    // to show wallet icon without status dot
+    return (jsx(WalletIcon, { walletName: walletForIcon.connector.name, style: { height: pixelToRem(iconSize), width: pixelToRem(iconSize) } }));
+};
+
+export { WalletOrSocialMagicIcon };

package/src/lib/components/WalletOrSocialMagicIcon/index.d.ts

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

package/src/lib/components/index.d.ts

@@ -34,3 +34,6 @@ export * from './ModalHeaderBanner';
 export * from './OTPVerificationView';
 export * from './IconListTile';
 export * from './Transition';
+export * from './Popper';
+export * from './TransactionConfirmationPageLayout';
+export * from './SendBalancePageLayout';

package/src/lib/context/AccessDeniedContext/AccessDeniedContext.cjs

@@ -0,0 +1,30 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+
+const AccessDeniedContext = React.createContext(undefined);
+const AccessDeniedContextProvider = ({ children, }) => {
+    const [deniedAddress, setDeniedAddress] = React.useState('');
+    const [deniedOauthProvider, setDeniedOauthProvider] = React.useState(undefined);
+    const value = React.useMemo(() => ({
+        deniedAddress,
+        deniedOauthProvider,
+        setDeniedAddress,
+        setDeniedOauthProvider,
+    }), [deniedAddress, deniedOauthProvider]);
+    return (jsxRuntime.jsx(AccessDeniedContext.Provider, Object.assign({ value: value }, { children: children })));
+};
+const useAccessDeniedContext = () => {
+    const context = React.useContext(AccessDeniedContext);
+    if (context === undefined) {
+        throw new Error('usage of useAccessDeniedContext not wrapped in `AccessDeniedContextProvider`.');
+    }
+    return context;
+};
+
+exports.AccessDeniedContext = AccessDeniedContext;
+exports.AccessDeniedContextProvider = AccessDeniedContextProvider;
+exports.useAccessDeniedContext = useAccessDeniedContext;

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

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+import { ProviderEnum } from '@dynamic-labs/sdk-api';
+export type AccessDeniedContextType = {
+    deniedAddress: string;
+    setDeniedAddress(address: string): void;
+    setDeniedOauthProvider(deniedOauthProvider: ProviderEnum | undefined): void;
+    deniedOauthProvider: ProviderEnum | undefined;
+};
+export declare const AccessDeniedContext: import("react").Context<AccessDeniedContextType | undefined>;
+export declare const AccessDeniedContextProvider: ({ children, }: {
+    children: ReactNode;
+}) => JSX.Element;
+export declare const useAccessDeniedContext: () => AccessDeniedContextType;

package/src/lib/context/AccessDeniedContext/AccessDeniedContext.js

@@ -0,0 +1,24 @@
+import { jsx } from 'react/jsx-runtime';
+import { createContext, useState, useMemo, useContext } from 'react';
+
+const AccessDeniedContext = createContext(undefined);
+const AccessDeniedContextProvider = ({ children, }) => {
+    const [deniedAddress, setDeniedAddress] = useState('');
+    const [deniedOauthProvider, setDeniedOauthProvider] = useState(undefined);
+    const value = useMemo(() => ({
+        deniedAddress,
+        deniedOauthProvider,
+        setDeniedAddress,
+        setDeniedOauthProvider,
+    }), [deniedAddress, deniedOauthProvider]);
+    return (jsx(AccessDeniedContext.Provider, Object.assign({ value: value }, { children: children })));
+};
+const useAccessDeniedContext = () => {
+    const context = useContext(AccessDeniedContext);
+    if (context === undefined) {
+        throw new Error('usage of useAccessDeniedContext not wrapped in `AccessDeniedContextProvider`.');
+    }
+    return context;
+};
+
+export { AccessDeniedContext, AccessDeniedContextProvider, useAccessDeniedContext };

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

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

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _tslib = require('../../../../_virtual/_tslib.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
-var multiWallet = require('@dynamic-labs/multi-wallet');
+var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
 var iconic = require('@dynamic-labs/iconic');
 var localStorage$1 = require('../../utils/constants/localStorage.cjs');
 require('../../utils/constants/colors.cjs');
@@ -13,16 +13,21 @@ var values = require('../../utils/constants/values.cjs');
 var decodeJwt = require('../../shared/utils/functions/decodeJwt/decodeJwt.cjs');
 var logger = require('../../shared/logger.cjs');
 var ViewContext = require('../ViewContext/ViewContext.cjs');
+require('@dynamic-labs/utils');
+require('ethers');
 var useLocalStorage = require('../../shared/utils/hooks/useLocalStorage/useLocalStorage.cjs');
+var useGlobalLoading = require('../../shared/utils/hooks/useGlobalLoading/useGlobalLoading.cjs');
 require('../../shared/consts/index.cjs');
 var useFetchProjectSettings = require('../../utils/hooks/useFetchProjectSettings/useFetchProjectSettings.cjs');
 var useFetchNonce = require('../../utils/hooks/useFetchNonce/useFetchNonce.cjs');
 var useWallets = require('../../utils/hooks/useWallets/useWallets.cjs');
 var useWalletConnectors = require('../../utils/hooks/useWalletConnectors/useWalletConnectors.cjs');
 var api = require('../../data/api.cjs');
+require('@dynamic-labs/multi-wallet');
 var getAuthToken = require('../../utils/functions/getAuthToken/getAuthToken.cjs');
 require('@dynamic-labs/sdk-api');
 var ErrorContext = require('../ErrorContext/ErrorContext.cjs');
+var AccessDeniedContext = require('../AccessDeniedContext/AccessDeniedContext.cjs');
 require('react-dom');
 var useWalletUiUtils = require('../../utils/hooks/useWalletUiUtils/useWalletUiUtils.cjs');
 require('../MockContext/MockContext.cjs');
@@ -32,9 +37,9 @@ var ApiEndpoint = require('../../config/ApiEndpoint.cjs');
 var ThemeContext = require('../ThemeContext/ThemeContext.cjs');
 var useFetchNetworkConfigurations = require('../../utils/hooks/useFetchNetworkConfigurations/useFetchNetworkConfigurations.cjs');
 var useMultiWalletWidgetState = require('../../utils/hooks/multiWallet/useMultiWalletWidgetState/useMultiWalletWidgetState.cjs');
+var useSyncPrimaryWallet = require('../../utils/hooks/multiWallet/useSyncPrimaryWallet/useSyncPrimaryWallet.cjs');
 var useWalletEventListeners = require('../../utils/hooks/useWalletEventListeners/useWalletEventListeners.cjs');
 var LoadingContext = require('../LoadingContext/LoadingContext.cjs');
-var useSyncPrimaryWallet = require('../../utils/hooks/multiWallet/useSyncPrimaryWallet/useSyncPrimaryWallet.cjs');
 var useFetchWalletsForChainsMap = require('../../utils/hooks/useFetchWalletsForChainsMap/useFetchWalletsForChainsMap.cjs');
 var useHandleUnlinkWallet = require('../../utils/hooks/useHandleUnlinkWallet/useHandleUnlinkWallet.cjs');
 var app = require('../../app.cjs');
@@ -53,19 +58,34 @@ require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs
 require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../components/IconButton/IconButton.cjs');
+require('../../components/Alert/Alert.cjs');
+require('@dynamic-labs/wallet-book');
+require('../../components/Popper/Popper/Popper.cjs');
+require('../../components/Popper/PopperContext/PopperContext.cjs');
+require('../../components/SendBalanceForm/SendBalanceForm.cjs');
+var FundingContext = require('../FundingContext/FundingContext.cjs');
+require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
+require('qrcode');
+require('../../views/CollectUserDataView/fieldsConfig.cjs');
+require('../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
+require('formik');
+require('yup');
+var FundingWidget = require('../../widgets/FundingWidget/FundingWidget.cjs');
+var SendBalanceContext = require('../SendBalanceContext/SendBalanceContext.cjs');
 var helpers = require('./helpers.cjs');
 var validators = require('./validators.cjs');
 var useCustomerCallbacks = require('./useCustomerCallbacks/useCustomerCallbacks.cjs');
 var useCustomerAuthFlowCallbacks = require('./useCustomerCallbacks/useCustomerAuthFlowCallbacks.cjs');
 var useEmailLoginState = require('./hooks/useEmailLoginState/useEmailLoginState.cjs');
 var useDisplayOrderState = require('./hooks/useDisplayOrderState/useDisplayOrderState.cjs');
+var useNameService = require('./hooks/useNameService/useNameService.cjs');
 
 const EMPTY_INITIAL_USER = undefined;
 const DynamicContext = React.createContext(undefined);
-const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, accessDeniedMessageSecondary, apiBaseUrl, appLogoUrl = 'https://demo.dynamic.xyz/assets/dynamic-logo.svg', appName = 'Dynamic Example', cssOverrides, defaultNumberOfWalletsToShow = values.DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, initialAuthenticationMode = 'connect-and-sign', vendorCredentials, debugError = false, displayTermsOfService = true, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly = true, environmentId, eventsCallbacks, evmNetworks, walletsFilter, logLevel = 'WARN', multiWallet: multiWallet$1 = false, notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, privacyPolicyUrl, signWithEmailWalletName, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled = true, magicLinkConfig, }, children, theme, }) => {
-    var _a, _b;
+const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, accessDeniedMessageSecondary, apiBaseUrl, appLogoUrl = 'https://demo.dynamic.xyz/assets/dynamic-logo.svg', appName = 'Dynamic Example', cssOverrides, defaultNumberOfWalletsToShow = values.DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, flowNetwork, initialAuthenticationMode = 'connect-and-sign', debugError = false, displayTermsOfService = true, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly = true, environmentId, eventsCallbacks, evmNetworks, walletsFilter, logLevel = 'WARN', multiWallet: deprecatedMultiWallet, notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, privacyPolicyUrl, signWithEmailWalletName, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled = true, walletConnectors: walletConnectorsProp, }, children, theme, }) => {
+    var _a, _b, _c, _d, _e;
     logger.logger.setLogLevel(logLevel);
-    multiWallet.logger.setLogLevel(logLevel);
+    walletConnectorCore.logger.setLogLevel(logLevel);
     ApiEndpoint.setBaseUrl((_a = process.env.DYNAMIC_API_BASE_URL) !== null && _a !== void 0 ? _a : apiBaseUrl);
     const isAuthenticated = Boolean(getAuthToken.getAuthToken());
     const [onboardingOnlyJwt, setOnboardingOnlyJwt] = React.useState(undefined);
@@ -80,10 +100,13 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
     const [multiWalletWidgetState, setMultiWalletWidgetState, { awaiting_account_switch: [accountSwitchState], awaiting_signature: [awaitingSignatureState], },] = useMultiWalletWidgetState.useMultiWalletWidgetState();
     const [isVerifying, setIsVerifying] = React.useState(false);
     const { projectSettings, isLoading: isProjectSettingsLoading } = useFetchProjectSettings.useFetchProjectSettings({ authToken: getAuthToken.getAuthToken(), environmentId });
-    const { configurations: serverNetworkConfigurations, removeLsNetworks } = useFetchNetworkConfigurations.useFetchNetworkConfigurations({
+    const multiWallet = (_c = deprecatedMultiWallet !== null && deprecatedMultiWallet !== void 0 ? deprecatedMultiWallet : (_b = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _b === void 0 ? void 0 : _b.multiWallet) !== null && _c !== void 0 ? _c : false;
+    // ensures that when user comes back to site and primary wallet is out of sync, we don't show widget popup
+    const [showWidgetStatePopup, setShowWidgetStatePopup] = React.useState(!multiWallet);
+    const { configurations: serverNetworkConfigurations, handleRemoveLsNetworks, } = useFetchNetworkConfigurations.useFetchNetworkConfigurations({
         authToken: getAuthToken.getAuthToken(),
         environmentId,
-        localNetworks: evmNetworks,
+        evmNetworks,
     });
     const { imageUserInAccessList, imageUserNotInAccessList, displayName, appLogo, } = (projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.general) || {};
     appLogoUrl = appLogo || appLogoUrl;
@@ -98,15 +121,17 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
     const { wallets } = useWallets.useWallets({
         appLogoUrl,
         appName,
-        magicLinkConfig,
+        flowNetwork,
         networkConfigurations: serverNetworkConfigurations,
         projectSettings,
-        vendorCredentials,
+        walletConnectorsProp,
         walletUiUtils,
     });
     const [authMode, setAuthMode] = useLocalStorage.useLocalStorage(localStorage$1.AUTH_MODE, initialAuthenticationMode);
-    const { connectWallet, removeConnectedInfo, connectedWallet, setConnectedWallet, connectWalletByAddressAndChain, } = useConnectWallet.useConnectWallet(wallets, authMode, environmentId, enableVisitTrackingOnConnectOnly);
+    const { connectWallet, removeConnectedInfo, connectedInfo, connectedWallet, setConnectedWallet, connectWalletByAddressAndChain, } = useConnectWallet.useConnectWallet(wallets, authMode, environmentId, enableVisitTrackingOnConnectOnly);
     const [selectedWalletConnector, setSelectedWalletConnector] = React.useState(null);
+    //selected wallet to perform an action (become primary, unlink, etc)
+    const [selectedWalletWithAction, setSelectedWalletWithAction] = React.useState(null);
     const removeAuthTokenAndUser = React.useCallback(() => {
         localStorage.removeItem(localStorage$1.AUTH_TOKEN);
         removeUser();
@@ -119,12 +144,19 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         setQrcodeUri,
         wallets,
     });
-    const walletForUserFacingContext = authMode === 'connect-and-sign' || user ? primaryWallet : connectedWallet;
-    useSyncPrimaryWallet.useSyncPrimaryWallet({
-        multiWalletWidgetState,
+    const { sdkHasLoaded, setSdkHasLoaded } = useGlobalLoading.useGlobalLoading({
+        authMode,
+        connectedInfo,
+        connectedWallet,
         primaryWallet,
-        setMultiWalletWidgetState,
+        projectSettings,
+        user,
+    });
+    const { getNameService, removeConnectedNameService } = useNameService.useNameService({
+        authToken: (_d = getAuthToken.getAuthToken()) !== null && _d !== void 0 ? _d : onboardingOnlyJwt,
+        currentWallet: primaryWallet !== null && primaryWallet !== void 0 ? primaryWallet : connectedWallet,
     });
+    const walletForUserFacingContext = authMode === 'connect-and-sign' || user ? primaryWallet : connectedWallet;
     const { clearAllWalletConnectSessions, clearOphanedWalletConnectSessions } = useClearWalletConnectSessions.useClearWalletConnectSessions({
         connectors: walletConnectors,
     });
@@ -132,7 +164,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         clearOphanedWalletConnectSessions,
     ]);
     const handleLogOut = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        var _c, _d;
+        var _f, _g;
         clearAllWalletConnectSessions();
         const jwt = getAuthToken.getAuthToken();
         if (jwt && user) {
@@ -142,16 +174,17 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         for (const connector of walletConnectors) {
             yield connector.endSession();
         }
-        (_c = connectedWallet === null || connectedWallet === void 0 ? void 0 : connectedWallet.connector) === null || _c === void 0 ? void 0 : _c.endSession();
+        (_f = connectedWallet === null || connectedWallet === void 0 ? void 0 : connectedWallet.connector) === null || _f === void 0 ? void 0 : _f.endSession();
         setShowAuthFlow(false);
         setMultiWalletWidgetState('idle');
         removeAuthTokenAndUser();
         setConnectedWallet(null);
-        removeLsNetworks();
+        handleRemoveLsNetworks();
         setOnboardingOnlyJwt(undefined);
         removeConnectedInfo();
         clearWalletStates();
-        (_d = eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onLogout) === null || _d === void 0 ? void 0 : _d.call(eventsCallbacks, user);
+        removeConnectedNameService();
+        (_g = eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onLogout) === null || _g === void 0 ? void 0 : _g.call(eventsCallbacks, user);
     }), [
         clearAllWalletConnectSessions,
         user,
@@ -159,13 +192,25 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         setMultiWalletWidgetState,
         removeAuthTokenAndUser,
         setConnectedWallet,
-        removeLsNetworks,
+        handleRemoveLsNetworks,
         removeConnectedInfo,
+        removeConnectedNameService,
         clearWalletStates,
         eventsCallbacks,
         environmentId,
         walletConnectors,
     ]);
+    useSyncPrimaryWallet.useSyncPrimaryWallet({
+        computeConnectedStateForWallets,
+        handleLogOut,
+        multiWalletWidgetState,
+        primaryWallet,
+        secondaryWallets,
+        setMultiWalletWidgetState,
+        setPrimaryWallet,
+        setShowWidgetStatePopup,
+        showWidgetStatePopup,
+    });
     const handleUnlinkWallet = useHandleUnlinkWallet.useHandleUnlinkWallet({
         environmentId,
         primaryWalletId,
@@ -177,14 +222,16 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         computeConnectedStateForWallets,
         connectWalletByAddressAndChain,
         handleLogOut,
-        multiWallet: multiWallet$1,
+        multiWallet,
         multiWalletWidgetState,
         primaryWallet: walletForUserFacingContext,
         secondaryWallets,
         selectedWalletConnector,
+        selectedWalletWithAction,
         setMultiWalletWidgetState,
         setPrimaryWalletId,
         setSelectedWalletConnector,
+        setSelectedWalletWithAction,
         user,
     });
     const { walletsForChainsMap } = useFetchWalletsForChainsMap.useFetchWalletsForChainsMap(newToWeb3WalletChainMap);
@@ -267,6 +314,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
             displayTermsOfService,
             environmentId,
             eventsCallbacks,
+            getNameService,
             handleLogOut,
             handleUnlinkWallet,
             isAuthenticated,
@@ -275,7 +323,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
             isVerifying,
             loadingNetwork,
             loginWithEmail,
-            multiWallet: multiWallet$1,
+            multiWallet,
             multiWalletWidgetState,
             network,
             networkConfigurations: serverNetworkConfigurations,
@@ -290,8 +338,10 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
             projectSettings,
             qrcodeUri,
             rpcProviders,
+            sdkHasLoaded,
             secondaryWallets,
             selectedWalletConnector,
+            selectedWalletWithAction,
             setAuthMode,
             setAuthorizationViewDisplayOrder,
             setCallback,
@@ -305,15 +355,19 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
             setPrimaryWallet,
             setPrimaryWalletId,
             setQrcodeUri,
+            setSdkHasLoaded,
             setSelectedWalletConnector,
+            setSelectedWalletWithAction,
             setShowAuthFlow,
             setShowDynamicUserProfile,
             setShowQrcodeModal,
+            setShowWidgetStatePopup,
             setUser,
             shadowDOMEnabled,
             showAuthFlow,
             showDynamicUserProfile,
             showQrcodeModal,
+            showWidgetStatePopup,
             signWithEmailWalletName,
             siweStatement,
             socialMediaIconUrl: ((_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.general) === null || _a === void 0 ? void 0 : _a.supportUrls) || socialMediaIconUrl,
@@ -323,7 +377,6 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
             theme,
             toolkitEnabled,
             user,
-            vendorCredentials,
             walletConnector: (_b = walletForUserFacingContext === null || walletForUserFacingContext === void 0 ? void 0 : walletForUserFacingContext.connector) !== null && _b !== void 0 ? _b : null,
             walletUiUtils,
             wallets,
@@ -333,9 +386,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         accessDeniedMessagePrimary,
         accessDeniedMessageSecondary,
         accountSwitchState,
-        appLogo,
         appLogoUrl,
-        displayName,
         appName,
         authMode,
         authorizationViewDisplayOrder,
@@ -344,26 +395,27 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         computeConnectedStateForWallets,
         connectWallet,
         connectedWallet,
-        defaultNumberOfWalletsToShow,
         primaryWallet,
         secondaryWallets,
         consumeNonce,
         cssOverrides,
         debugError,
         onboardingOnlyJwt,
+        defaultNumberOfWalletsToShow,
         desktopUri,
         displayTermsOfService,
         environmentId,
         eventsCallbacks,
+        getNameService,
         handleLogOut,
         handleUnlinkWallet,
-        user,
+        isAuthenticated,
         isProjectSettingsLoading,
         isSingleWalletAccount,
         isVerifying,
         loadingNetwork,
         loginWithEmail,
-        multiWallet$1,
+        multiWallet,
         multiWalletWidgetState,
         network,
         serverNetworkConfigurations,
@@ -379,7 +431,9 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         projectSettings,
         qrcodeUri,
         rpcProviders,
+        sdkHasLoaded,
         selectedWalletConnector,
+        selectedWalletWithAction,
         setAuthMode,
         setAuthorizationViewDisplayOrder,
         setCallback,
@@ -388,12 +442,15 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         setNetwork,
         setPrimaryWallet,
         setPrimaryWalletId,
+        setSdkHasLoaded,
+        setSelectedWalletWithAction,
         setShowQrcodeModal,
         setUser,
         shadowDOMEnabled,
         showAuthFlow,
         showDynamicUserProfile,
         showQrcodeModal,
+        showWidgetStatePopup,
         signWithEmailWalletName,
         siweStatement,
         socialMediaIconUrl,
@@ -402,7 +459,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         termsOfServiceUrl,
         theme,
         toolkitEnabled,
-        vendorCredentials,
+        user,
         walletUiUtils,
         wallets,
         walletsFilter,
@@ -427,14 +484,15 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
     // DYN-1140 - Opens Widget when multiWalletWidgetState changes
     React.useEffect(() => {
         // If statement to secure SingleWallet widget
-        if (!multiWallet$1)
+        if (!multiWallet && multiWalletWidgetState !== 'awaiting_account_switch') {
             return;
+        }
         // We need to make sure that the user is logged in so that we do not try to display the widget before authorization
         if (user && multiWalletWidgetState !== 'idle' && !showDynamicUserProfile) {
             setShowDynamicUserProfile(true);
         }
-    }, [multiWallet$1, multiWalletWidgetState, showDynamicUserProfile, user]);
-    return (jsxRuntime.jsx(DynamicContext.Provider, Object.assign({ value: value }, { children: jsxRuntime.jsx(ThemeContext.ThemeContextProvider, Object.assign({ customerTheme: parseTheme.parseTheme(theme, ((_b = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design) === null || _b === void 0 ? void 0 : _b.modal) || undefined), designSettings: projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design }, { children: jsxRuntime.jsx(LoadingContext.LoadingContextProvider, { children: jsxRuntime.jsx(ViewContext.ViewContextProvider, Object.assign({ loginWithEmail: loginWithEmail }, { children: jsxRuntime.jsx(QrCodeContext.QrCodeContextProvider, { children: jsxRuntime.jsx(EmailVerificationContext.EmailVerificationContextProvider, { children: jsxRuntime.jsx(ErrorContext.ErrorContextProvider, { children: jsxRuntime.jsx(DynamicWidgetContext.DynamicWidgetContextProvider, { children: jsxRuntime.jsxs(CaptchaContext.CaptchaContextProvider, { children: [jsxRuntime.jsx(app.DynamicAuthFlow, {}), jsxRuntime.jsx(Toolkit.Toolkit, {}), confirmationModal, children] }) }) }) }) }) })) }) })) })));
+    }, [multiWallet, multiWalletWidgetState, showDynamicUserProfile, user]);
+    return (jsxRuntime.jsx(DynamicContext.Provider, Object.assign({ value: value }, { children: jsxRuntime.jsx(ThemeContext.ThemeContextProvider, Object.assign({ customerTheme: parseTheme.parseTheme(theme, ((_e = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design) === null || _e === void 0 ? void 0 : _e.modal) || undefined), designSettings: projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design }, { children: jsxRuntime.jsx(LoadingContext.LoadingContextProvider, { children: jsxRuntime.jsx(ViewContext.ViewContextProvider, Object.assign({ loginWithEmail: loginWithEmail }, { children: jsxRuntime.jsx(QrCodeContext.QrCodeContextProvider, { children: jsxRuntime.jsx(EmailVerificationContext.EmailVerificationContextProvider, { children: jsxRuntime.jsx(ErrorContext.ErrorContextProvider, { children: jsxRuntime.jsx(DynamicWidgetContext.DynamicWidgetContextProvider, { children: jsxRuntime.jsx(CaptchaContext.CaptchaContextProvider, { children: jsxRuntime.jsx(FundingContext.FundingContextProvider, { children: jsxRuntime.jsx(AccessDeniedContext.AccessDeniedContextProvider, { children: jsxRuntime.jsxs(SendBalanceContext.SendBalanceContextProvider, { children: [jsxRuntime.jsx(app.DynamicAuthFlow, {}), jsxRuntime.jsx(Toolkit.Toolkit, {}), jsxRuntime.jsx(FundingWidget.FundingWidget, {}), confirmationModal, children] }) }) }) }) }) }) }) }) })) }) })) })));
 };
 
 exports.DynamicContext = DynamicContext;

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

@@ -1,9 +1,9 @@
 import { Dispatch, SetStateAction, ReactNode } from 'react';
-import { EvmNetwork, VendorCredentials, NetworkConfigurationMap, WalletUiUtils, MagicLinkConfig } from '@dynamic-labs/multi-wallet';
-import { WalletConnector, FetchPublicAddressOpts } from '@dynamic-labs/wallet-connector-core';
-import { DynamicJwt, ProjectSettings } from '@dynamic-labs/sdk-api';
+import { WalletConnector, FetchPublicAddressOpts, WalletConnectorsMethod } from '@dynamic-labs/wallet-connector-core';
+import { DynamicJwt, NameServiceData, ProjectSettings } from '@dynamic-labs/sdk-api';
 import { LogLevel } from '@dynamic-labs/logger';
-import { WalletOption, UserProfile, Wallet, MultiWalletWidgetState, AccountSwitchState, AwaitingSignatureState, ChainToWalletMap, AuthModeType, DynamicRPCProviders, DynamicEventsCallbacks } from '../../shared';
+import { EvmNetwork, NetworkConfigurationMap, WalletUiUtils } from '@dynamic-labs/types';
+import { WalletOption, UserProfile, Wallet, MultiWalletWidgetState, AccountSwitchState, AwaitingSignatureState, ChainToWalletMap, AuthModeType, DynamicRPCProviders, DynamicEventsCallbacks, WalletWithAction } from '../../shared';
 import { ThemeData, ThemeSetting } from '../ThemeContext';
 import { MultiWalletWidgetStateSetter } from '../../utils/hooks/multiWallet';
 import { SocialNetworkIconType } from '../../utils/functions/getSocialNetworkIcon';
@@ -27,12 +27,14 @@ export interface IDynamicContext {
     consumeNonce: () => string | undefined;
     cssOverrides?: string | JSX.Element;
     debugError: boolean;
+    decodedAuthToken: Omit<DynamicJwt, 'jwt'> | undefined;
     decodedOnboardingOnlyToken: Omit<DynamicJwt, 'jwt'> | undefined;
     defaultNumberOfWalletsToShow: number;
     desktopUri: string;
     displayTermsOfService: boolean;
     environmentId: string;
     eventsCallbacks?: DynamicEventsCallbacks;
+    getNameService: (address?: string) => Promise<NameServiceData | undefined>;
     handleLogOut: () => Promise<void>;
     handleUnlinkWallet(walletId: string): Promise<void>;
     isAuthenticated: boolean;
@@ -43,7 +45,7 @@ export interface IDynamicContext {
     loginWithEmail: boolean;
     multiWallet: boolean;
     multiWalletWidgetState: MultiWalletWidgetState;
-    network: number | undefined;
+    network: number | string | undefined;
     networkConfigurations: NetworkConfigurationMap | undefined;
     newToWeb3WalletChainMap: ChainToWalletMap;
     notInTheListImageUrl?: string;
@@ -56,8 +58,10 @@ export interface IDynamicContext {
     projectSettings: ProjectSettings | undefined;
     qrcodeUri: string;
     rpcProviders: DynamicRPCProviders;
+    sdkHasLoaded: boolean;
     secondaryWallets: Wallet[];
     selectedWalletConnector: WalletConnector | null;
+    selectedWalletWithAction: WalletWithAction | null;
     setAuthMode: Dispatch<SetStateAction<AuthModeType>>;
     setAuthorizationViewDisplayOrder: SetDisplayOrderPriority;
     setCallback: (callback: Callback) => void;
@@ -66,20 +70,23 @@ export interface IDynamicContext {
     setIsVerifying: Dispatch<SetStateAction<boolean>>;
     setLogInWithEmail: Dispatch<SetStateAction<boolean>>;
     setMultiWalletWidgetState: MultiWalletWidgetStateSetter;
-    setNetwork: Dispatch<SetStateAction<number | undefined>>;
+    setNetwork: Dispatch<SetStateAction<number | string | undefined>>;
     setOnboardingOnlyJwt: Dispatch<SetStateAction<string | undefined>>;
-    setPrimaryWallet: (walletId: string) => void;
+    setPrimaryWallet: (walletId: string) => Promise<void>;
     setPrimaryWalletId: (walletId: string) => void;
     setQrcodeUri: Dispatch<SetStateAction<string>>;
     setSelectedWalletConnector: (connector: WalletConnector | null) => void;
+    setSelectedWalletWithAction: (walletWithAction: WalletWithAction | null) => void;
     setShowAuthFlow: Dispatch<SetStateAction<boolean>>;
     setShowDynamicUserProfile: Dispatch<SetStateAction<boolean>>;
     setShowQrcodeModal: Dispatch<SetStateAction<boolean>>;
+    setShowWidgetStatePopup: Dispatch<SetStateAction<boolean>>;
     setUser: Dispatch<SetStateAction<UserProfile | undefined>>;
     shadowDOMEnabled: boolean;
     showAuthFlow: boolean;
     showDynamicUserProfile: boolean;
     showQrcodeModal: boolean;
+    showWidgetStatePopup: boolean;
     signWithEmailWalletName?: string;
     siweStatement?: string;
     socialMediaIconUrl?: Record<string, string> | Record<SocialNetworkIconType, string>;
@@ -89,7 +96,6 @@ export interface IDynamicContext {
     theme?: ThemeData | ThemeSetting;
     toolkitEnabled?: boolean;
     user: UserProfile | undefined;
-    vendorCredentials?: VendorCredentials;
     walletConnector: WalletConnector | null;
     walletUiUtils: WalletUiUtils;
     wallets: WalletOption[];
@@ -111,13 +117,17 @@ export interface DynamicContextProps {
         environmentId: string;
         eventsCallbacks?: DynamicEventsCallbacks;
         evmNetworks?: EvmNetwork[];
+        /**
+         * @deprecated Set flow network in dashboard instead
+         */
+        flowNetwork?: 'testnet' | 'mainnet';
         initialAuthenticationMode?: AuthModeType;
         /**
          * The log level to use for client side logging with our SDK
          * @default WARN
          */
         logLevel?: keyof typeof LogLevel;
-        magicLinkConfig?: MagicLinkConfig;
+        /** @deprecated enable multi wallet in the bashboard settings instead */
         multiWallet?: boolean;
         newToWeb3WalletChainMap?: ChainToWalletMap;
         notInTheListImageUrl?: string;
@@ -132,10 +142,10 @@ export interface DynamicContextProps {
         socialMediaUrl?: string;
         termsOfServiceUrl?: string;
         toolkitEnabled?: boolean;
-        vendorCredentials?: VendorCredentials;
+        walletConnectors?: WalletConnectorsMethod[];
         walletsFilter?: (options: WalletOption[]) => WalletOption[];
     };
     theme?: ThemeData | ThemeSetting;
 }
 export declare const DynamicContext: import("react").Context<IDynamicContext | undefined>;
-export declare const DynamicContextProvider: ({ settings: { accessDeniedMessagePrimary, accessDeniedMessageSecondary, apiBaseUrl, appLogoUrl, appName, cssOverrides, defaultNumberOfWalletsToShow, initialAuthenticationMode, vendorCredentials, debugError, displayTermsOfService, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly, environmentId, eventsCallbacks, evmNetworks, walletsFilter, logLevel, multiWallet, notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, privacyPolicyUrl, signWithEmailWalletName, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled, magicLinkConfig, }, children, theme, }: DynamicContextProps) => JSX.Element;
+export declare const DynamicContextProvider: ({ settings: { accessDeniedMessagePrimary, accessDeniedMessageSecondary, apiBaseUrl, appLogoUrl, appName, cssOverrides, defaultNumberOfWalletsToShow, flowNetwork, initialAuthenticationMode, debugError, displayTermsOfService, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly, environmentId, eventsCallbacks, evmNetworks, walletsFilter, logLevel, multiWallet: deprecatedMultiWallet, notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, privacyPolicyUrl, signWithEmailWalletName, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled, walletConnectors: walletConnectorsProp, }, children, theme, }: DynamicContextProps) => JSX.Element;