@dynamic-labs/sdk-react-core 3.0.0-alpha.13 → 3.0.0-alpha.15

package/src/lib/context/ConnectWithOtpContext/ConnectWithOtpProvider.js

@@ -75,11 +75,20 @@ import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidget
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import '../../../polyfills.js';
+import '../ErrorBoundary/ErrorBoundaryBase.js';
+import '../ErrorBoundary/ErrorBoundaryContext.js';
+import '../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.js';
+import '../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.js';
+import '../WidgetRegistry/WidgetRegistryContextProvider.js';
+import '../FundingContext/FundingContext.js';
+import '../SendBalanceContext/SendBalanceContext.js';
 import { ConnectWithOtpContext } from './ConnectWithOtpContext.js';
 import { createEmailHandler } from './utils/createEmailHandler.js';
 import { createMagicHandler } from './utils/createMagicHandler.js';
 import { createSmsHandler } from './utils/createSmsHandler.js';
 import { findEmailProvider } from './utils/findEmailProvider.js';
+import '../ReinitializeContext/ReinitializeContextProvider.js';
 
 const { Provider } = ConnectWithOtpContext;
 const ConnectWithOtpProvider = ({ children }) => {

package/src/lib/context/ConnectWithOtpContext/utils/createEmailHandler.cjs

@@ -77,6 +77,17 @@ require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWi
 require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+require('../../../../polyfills.cjs');
+require('../../ErrorBoundary/ErrorBoundaryBase.cjs');
+require('../../ErrorBoundary/ErrorBoundaryContext.cjs');
+require('../../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.cjs');
+require('../../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.cjs');
+require('../../WidgetRegistry/WidgetRegistryContextProvider.cjs');
+require('../../FundingContext/FundingContext.cjs');
+require('../../SendBalanceContext/SendBalanceContext.cjs');
+require('../ConnectWithOtpContext.cjs');
+require('../constants.cjs');
+require('../../ReinitializeContext/ReinitializeContextProvider.cjs');
 
 const createEmailHandler = (environmentId) => (email$1) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
     const { verificationUUID } = yield email.createEmailVerification({

package/src/lib/context/ConnectWithOtpContext/utils/createEmailHandler.js

@@ -73,6 +73,17 @@ import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWid
 import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import '../../../../polyfills.js';
+import '../../ErrorBoundary/ErrorBoundaryBase.js';
+import '../../ErrorBoundary/ErrorBoundaryContext.js';
+import '../../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.js';
+import '../../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.js';
+import '../../WidgetRegistry/WidgetRegistryContextProvider.js';
+import '../../FundingContext/FundingContext.js';
+import '../../SendBalanceContext/SendBalanceContext.js';
+import '../ConnectWithOtpContext.js';
+import '../constants.js';
+import '../../ReinitializeContext/ReinitializeContextProvider.js';
 
 const createEmailHandler = (environmentId) => (email) => __awaiter(void 0, void 0, void 0, function* () {
     const { verificationUUID } = yield createEmailVerification({

package/src/lib/context/ConnectWithOtpContext/utils/createSmsHandler.cjs

@@ -76,6 +76,17 @@ require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWi
 require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+require('../../../../polyfills.cjs');
+require('../../ErrorBoundary/ErrorBoundaryBase.cjs');
+require('../../ErrorBoundary/ErrorBoundaryContext.cjs');
+require('../../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.cjs');
+require('../../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.cjs');
+require('../../WidgetRegistry/WidgetRegistryContextProvider.cjs');
+require('../../FundingContext/FundingContext.cjs');
+require('../../SendBalanceContext/SendBalanceContext.cjs');
+require('../ConnectWithOtpContext.cjs');
+require('../constants.cjs');
+require('../../ReinitializeContext/ReinitializeContextProvider.cjs');
 var sms = require('../../../data/api/sms/sms.cjs');
 
 const createSmsHandler = (environmentId) => (phone) => _tslib.__awaiter(void 0, void 0, void 0, function* () {

package/src/lib/context/ConnectWithOtpContext/utils/createSmsHandler.js

@@ -72,6 +72,17 @@ import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWid
 import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import '../../../../polyfills.js';
+import '../../ErrorBoundary/ErrorBoundaryBase.js';
+import '../../ErrorBoundary/ErrorBoundaryContext.js';
+import '../../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.js';
+import '../../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.js';
+import '../../WidgetRegistry/WidgetRegistryContextProvider.js';
+import '../../FundingContext/FundingContext.js';
+import '../../SendBalanceContext/SendBalanceContext.js';
+import '../ConnectWithOtpContext.js';
+import '../constants.js';
+import '../../ReinitializeContext/ReinitializeContextProvider.js';
 import { createSmsVerification, signInWithSmsVerification } from '../../../data/api/sms/sms.js';
 
 const createSmsHandler = (environmentId) => (phone) => __awaiter(void 0, void 0, void 0, function* () {

package/src/lib/context/ConnectWithOtpContext/utils/findEmailProvider.cjs

@@ -76,7 +76,17 @@ require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWi
 require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+require('../../../../polyfills.cjs');
+require('../../ErrorBoundary/ErrorBoundaryBase.cjs');
+require('../../ErrorBoundary/ErrorBoundaryContext.cjs');
+require('../../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.cjs');
+require('../../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.cjs');
+require('../../WidgetRegistry/WidgetRegistryContextProvider.cjs');
+require('../../FundingContext/FundingContext.cjs');
+require('../../SendBalanceContext/SendBalanceContext.cjs');
+require('../ConnectWithOtpContext.cjs');
 var constants = require('../constants.cjs');
+require('../../ReinitializeContext/ReinitializeContextProvider.cjs');
 
 const findEmailProvider = (environmentId, email$1) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
     const { emailProvider } = yield email.getEmailProvider({

package/src/lib/context/ConnectWithOtpContext/utils/findEmailProvider.js

@@ -72,7 +72,17 @@ import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWid
 import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import '../../../../polyfills.js';
+import '../../ErrorBoundary/ErrorBoundaryBase.js';
+import '../../ErrorBoundary/ErrorBoundaryContext.js';
+import '../../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.js';
+import '../../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.js';
+import '../../WidgetRegistry/WidgetRegistryContextProvider.js';
+import '../../FundingContext/FundingContext.js';
+import '../../SendBalanceContext/SendBalanceContext.js';
+import '../ConnectWithOtpContext.js';
 import { allSupportedProviders } from '../constants.js';
+import '../../ReinitializeContext/ReinitializeContextProvider.js';
 
 const findEmailProvider = (environmentId, email) => __awaiter(void 0, void 0, void 0, function* () {
     const { emailProvider } = yield getEmailProvider({

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

@@ -26,6 +26,7 @@ var localStorage = require('../../shared/utils/classes/storage/localStorage.cjs'
 var sessionStorage = require('../../shared/utils/classes/storage/sessionStorage.cjs');
 var useGlobalLoading = require('../../shared/utils/hooks/useGlobalLoading/useGlobalLoading.cjs');
 var useLocalStorage = require('../../shared/utils/hooks/useLocalStorage/useLocalStorage.cjs');
+var usePrefetch = require('../../shared/utils/hooks/usePrefetch/usePrefetch.cjs');
 require('../../shared/consts/index.cjs');
 var CaptchaContext = require('../CaptchaContext/CaptchaContext.cjs');
 var ErrorContext = require('../ErrorContext/ErrorContext.cjs');
@@ -103,6 +104,7 @@ var useFetchWalletsForChainsMap = require('../../utils/hooks/useFetchWalletsForC
 var useHandleUnlinkWallet = require('../../utils/hooks/useHandleUnlinkWallet/useHandleUnlinkWallet.cjs');
 var usePrimaryWalletId = require('../../utils/hooks/usePrimaryWalletId/usePrimaryWalletId.cjs');
 var useWalletEventListeners = require('../../utils/hooks/useWalletEventListeners/useWalletEventListeners.cjs');
+var useTabState = require('../../views/WalletList/hooks/useTabState.cjs');
 var DynamicBridgeWidgetContext = require('../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.cjs');
 var DynamicWidgetContext = require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.cjs');
@@ -118,10 +120,9 @@ var ErrorBoundaryExclude = require('../ErrorBoundary/ErrorBoundaryExclude.cjs');
 require('../ErrorBoundary/ErrorBoundaryBase.cjs');
 var FundingContext = require('../FundingContext/FundingContext.cjs');
 var PhantomRedirectContext = require('../PhantomRedirectContext/PhantomRedirectContext.cjs');
+var ReinitializeContextProvider = require('../ReinitializeContext/ReinitializeContextProvider.cjs');
 var SendBalanceContext = require('../SendBalanceContext/SendBalanceContext.cjs');
 var UseNetworkValidation = require('../UseNetworkValidation/UseNetworkValidation.cjs');
-var useTabState = require('../../views/WalletList/hooks/useTabState.cjs');
-var ReinitializeContextProvider = require('../ReinitializeContext/ReinitializeContextProvider.cjs');
 var helpers = require('./helpers/helpers.cjs');
 var useDisplayOrderState = require('./hooks/useDisplayOrderState/useDisplayOrderState.cjs');
 var useEmailLoginState = require('./hooks/useEmailLoginState/useEmailLoginState.cjs');
@@ -133,15 +134,15 @@ var usePasskeySuccessPopup = require('./hooks/usePasskeySuccessPopup/usePasskeyS
 var useTieCallbacksToEvents = require('./hooks/useTieCallbacksToEvents/useTieCallbacksToEvents.cjs');
 var useMultiWallet = require('./hooks/useMultiWallet/useMultiWallet.cjs');
 var useIsAuthenticated = require('./hooks/useIsAuthenticated/useIsAuthenticated.cjs');
-var useParentDynamicContextGuard = require('./hooks/useParentDynamicContextGuard/useParentDynamicContextGuard.cjs');
-var useCustomerCallbacks = require('./useCustomerCallbacks/useCustomerCallbacks.cjs');
 var useMultiAsset = require('./hooks/useMultiAsset/useMultiAsset.cjs');
+var useParentDynamicContextGuard = require('./hooks/useParentDynamicContextGuard/useParentDynamicContextGuard.cjs');
 var useShowFiat = require('./hooks/useShowFiat/useShowFiat.cjs');
+var useCustomerCallbacks = require('./useCustomerCallbacks/useCustomerCallbacks.cjs');
 
 const PUBLIC_PROJECT_LIVE_ENVIRONMENT_ID = '2762a57b-faa4-41ce-9f16-abff9300e2c9';
 const DynamicContext = React.createContext(undefined);
 /** The context provider itself we only use internally */
-const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, locale: locale$1, }) => {
+const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, locale: locale$1, enableInstrumentation = false, }) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
     const { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, defaultPhoneInputIso2, apiBaseUrl, coinbaseWalletPreference, enableConnectOnlyFallback = false, deepLinkPreference: deepLinkPreferenceProp = 'native', bridgeChains, cssOverrides, defaultNumberOfWalletsToShow = values.DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, flowNetwork, initialAuthenticationMode = 'connect-and-sign', debugError = false, displaySiweStatement = true, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly = true, environmentId, walletsFilter, logLevel = 'WARN', mobileExperience = 'in-app-browser', notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, customPrivacyPolicy, privacyPolicyUrl, signWithEmailWalletName, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, customTermsOfServices, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled = true, walletConnectors: walletConnectorsProp, socialProvidersFilter, showLockedWalletView = false, walletConnectPreferredChains, walletConnectorExtensions, recommendedWallets, hideEmbeddedWalletTransactionUIs, handlers, headless = false, } = settings$1;
     localStorage.LocalStorage.setSuffix(settings$1.localStorageSuffix);
@@ -305,12 +306,14 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
     }, [bridgeChainsToConnect, primaryWallet]);
     const walletConnectors = linkedOrConnectedWallets.map((wallet) => wallet.connector);
     const sdkHasLoaded = useGlobalLoading.useGlobalLoading({
+        appName,
         authMode,
         connectedInfo: connectedWalletsInfo[0],
         connectedWallets,
+        enableInstrumentation,
         primaryWallet,
         projectSettings,
-        user,
+        user: user !== null && user !== void 0 ? user : unauthenticatedUser,
         walletBook: walletBook$1,
     });
     const { getNameService, removeConnectedNameService } = useNameService.useNameService({
@@ -673,31 +676,18 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
         walletUiUtils,
         walletsFilter,
     ]);
-    React.useEffect(() => {
-        const addPrefetch = (attr) => {
-            if (!document.head.querySelector(`#${attr.id}`)) {
-                const element = document.createElement('link');
-                element.setAttribute('id', attr.id);
-                element.setAttribute('rel', 'prefetch');
-                element.setAttribute('href', attr.href);
-                element.setAttribute('as', attr.as);
-                element.setAttribute('type', attr.type);
-                document.head.insertAdjacentElement('beforeend', element);
-            }
-        };
-        addPrefetch({
-            as: 'image',
-            href: iconic.getIconicSpriteUrl(),
-            id: 'sprite',
-            type: 'image/svg+xml',
-        });
-        addPrefetch({
-            as: 'fetch',
-            href: walletBook.getWalletBookCdnUrl(),
-            id: 'wallet-book',
-            type: 'application/json',
-        });
-    }, []);
+    usePrefetch.usePrefetch({
+        as: 'image',
+        href: iconic.getIconicSpriteUrl(),
+        id: 'sprite',
+        type: 'image/svg+xml',
+    });
+    usePrefetch.usePrefetch({
+        as: 'fetch',
+        href: walletBook.getWalletBookCdnUrl(),
+        id: 'wallet-book',
+        type: 'application/json',
+    });
     // DYN-1140 - Opens Widget when multiWalletWidgetState changes
     React.useEffect(() => {
         // If statement to secure SingleWallet widget

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

@@ -1,100 +1,6 @@
-import { FC, ReactNode } from 'react';
-import { CountryIso2 } from 'react-international-phone';
-import { LogLevel } from '@dynamic-labs/logger';
-import { type CoinbaseWalletPreference, type SocialProviderFilter } from '@dynamic-labs/types';
-import { DeepLinkVariant, WalletConnectorExtension, WalletConnectorsMethod } from '@dynamic-labs/wallet-connector-core';
-import { LocaleResource } from '../../locale';
-import { AccessDeniedCustomButton, AuthModeType, ChainToWalletMap, DynamicEventsCallbacks, RecommendedWallet, WalletOption } from '../../shared';
-import { DynamicHandlers } from '../../shared/types/dynamicHandlers';
-import { SocialNetworkIconType } from '../../utils/functions/getSocialNetworkIcon';
-import { ThemeData, ThemeSetting } from '../ThemeContext';
-import { ChainsToConnect, IDynamicContext, NetworkValidationMode, SettingsOverrides } from './types';
+import { FC } from 'react';
+import { DynamicContextProps, IDynamicContext } from './types';
 export declare const PUBLIC_PROJECT_LIVE_ENVIRONMENT_ID = "2762a57b-faa4-41ce-9f16-abff9300e2c9";
-export interface DynamicContextProps {
-    children: ReactNode;
-    locale?: LocaleResource;
-    settings: {
-        accessDeniedButton?: AccessDeniedCustomButton;
-        accessDeniedMessagePrimary?: string;
-        accessDeniedMessageSecondary?: string;
-        apiBaseUrl?: string;
-        appLogoUrl?: string;
-        appName?: string;
-        bridgeChains?: ChainsToConnect[];
-        coinbaseWalletPreference?: CoinbaseWalletPreference;
-        cssOverrides?: string | JSX.Element;
-        customPrivacyPolicy?: ReactNode;
-        defaultPhoneInputIso2?: CountryIso2;
-        customTermsOfServices?: ReactNode;
-        debugError?: boolean;
-        /**
-         * Used to control the type of deep link used when connecting
-         * a mobile wallet. Defaults to 'native'. This is useful for
-         * example if your app is running in a webview of a native
-         * mobile app, and you want to be able to link out to any
-         * wallet without having to modify your iOS build config.
-         * In this case, you can set this to 'universal'.
-         */
-        deepLinkPreference?: DeepLinkVariant;
-        defaultNumberOfWalletsToShow?: number;
-        displaySiweStatement?: boolean;
-        enableConnectOnlyFallback?: boolean;
-        enableVisitTrackingOnConnectOnly?: boolean;
-        environmentId: string;
-        /**
-         * @deprecated Use events instead
-         */
-        eventsCallbacks?: DynamicEventsCallbacks;
-        events?: DynamicEventsCallbacks;
-        /**
-         * @deprecated Set flow network in dashboard instead
-         */
-        flowNetwork?: 'testnet' | 'mainnet';
-        handlers?: DynamicHandlers;
-        headless?: boolean;
-        /**
-         * @deprecated Set this property in the dashboard instead
-         */
-        hideEmbeddedWalletTransactionUIs?: boolean;
-        initialAuthenticationMode?: AuthModeType;
-        localStorageSuffix?: string;
-        /**
-         * The log level to use for client side logging with our SDK
-         * @default WARN
-         */
-        logLevel?: keyof typeof LogLevel;
-        mobileExperience?: 'in-app-browser' | 'redirect';
-        networkValidationMode?: NetworkValidationMode;
-        newToWeb3WalletChainMap?: ChainToWalletMap;
-        notInTheListImageUrl?: string;
-        onboardingImageUrl?: string;
-        overrides?: SettingsOverrides;
-        policiesConsentInnerComponent?: ReactNode | ReactNode[];
-        privacyPolicyUrl?: string;
-        recommendedWallets?: RecommendedWallet[];
-        redirectUrl?: string;
-        signWithEmailWalletName?: string;
-        siweStatement?: string;
-        shadowDOMEnabled?: boolean;
-        showLockedWalletView?: boolean;
-        socialMediaIconUrl?: Record<string, string> | Record<SocialNetworkIconType, string>;
-        socialMediaLinkText?: string;
-        socialMediaUrl?: string;
-        socialProvidersFilter?: SocialProviderFilter;
-        termsOfServiceUrl?: string;
-        toolkitEnabled?: boolean;
-        walletConnectors?: WalletConnectorsMethod[];
-        walletConnectorExtensions?: WalletConnectorExtension[];
-        walletConnectPreferredChains?: `eip155:${number}`[];
-        walletsFilter?: (options: WalletOption[]) => WalletOption[];
-    };
-    theme?: ThemeData | ThemeSetting;
-    /**
-     * Emit errors to Dynamic API for debugging purposes
-     * @default true
-     */
-    emitErrors?: boolean;
-}
 export declare const DynamicContext: import("react").Context<IDynamicContext | undefined>;
 /** The context provider itself we only use internally */
 export declare const InnerDynamicContextProvider: FC<DynamicContextProps>;

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

@@ -22,6 +22,7 @@ import { LocalStorage } from '../../shared/utils/classes/storage/localStorage.js
 import { SessionStorage } from '../../shared/utils/classes/storage/sessionStorage.js';
 import { useGlobalLoading } from '../../shared/utils/hooks/useGlobalLoading/useGlobalLoading.js';
 import { useLocalStorage } from '../../shared/utils/hooks/useLocalStorage/useLocalStorage.js';
+import { usePrefetch } from '../../shared/utils/hooks/usePrefetch/usePrefetch.js';
 import '../../shared/consts/index.js';
 import { CaptchaContextProvider } from '../CaptchaContext/CaptchaContext.js';
 import { ErrorContextProvider } from '../ErrorContext/ErrorContext.js';
@@ -99,6 +100,7 @@ import { useFetchWalletsForChainsMap } from '../../utils/hooks/useFetchWalletsFo
 import { useHandleUnlinkWallet } from '../../utils/hooks/useHandleUnlinkWallet/useHandleUnlinkWallet.js';
 import { usePrimaryWalletId } from '../../utils/hooks/usePrimaryWalletId/usePrimaryWalletId.js';
 import { useWalletEventListeners } from '../../utils/hooks/useWalletEventListeners/useWalletEventListeners.js';
+import { useTabState } from '../../views/WalletList/hooks/useTabState.js';
 import { DynamicBridgeWidgetContextProvider } from '../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.js';
 import { DynamicWidgetContextProvider } from '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.js';
@@ -114,10 +116,9 @@ import { ErrorBoundaryExclude } from '../ErrorBoundary/ErrorBoundaryExclude.js';
 import '../ErrorBoundary/ErrorBoundaryBase.js';
 import { FundingContextProvider } from '../FundingContext/FundingContext.js';
 import { PhantomRedirectContextProvider } from '../PhantomRedirectContext/PhantomRedirectContext.js';
+import { ReinitializeContextProvider } from '../ReinitializeContext/ReinitializeContextProvider.js';
 import { SendBalanceContextProvider } from '../SendBalanceContext/SendBalanceContext.js';
 import { UseNetworkValidation } from '../UseNetworkValidation/UseNetworkValidation.js';
-import { useTabState } from '../../views/WalletList/hooks/useTabState.js';
-import { ReinitializeContextProvider } from '../ReinitializeContext/ReinitializeContextProvider.js';
 import { resolveNetworkValidationMode, initExpirationTime, getInitialView, getDeepLinkPreference } from './helpers/helpers.js';
 import { useDisplayOrderState } from './hooks/useDisplayOrderState/useDisplayOrderState.js';
 import { useEmailLoginState } from './hooks/useEmailLoginState/useEmailLoginState.js';
@@ -129,15 +130,15 @@ import { usePasskeySuccessPopup } from './hooks/usePasskeySuccessPopup/usePasske
 import { useTieCallbacksToEvents } from './hooks/useTieCallbacksToEvents/useTieCallbacksToEvents.js';
 import { useMultiWallet } from './hooks/useMultiWallet/useMultiWallet.js';
 import { useIsAuthenticated } from './hooks/useIsAuthenticated/useIsAuthenticated.js';
-import { useParentDynamicContextGuard } from './hooks/useParentDynamicContextGuard/useParentDynamicContextGuard.js';
-import { useCustomerCallbacks } from './useCustomerCallbacks/useCustomerCallbacks.js';
 import { useMultiAsset } from './hooks/useMultiAsset/useMultiAsset.js';
+import { useParentDynamicContextGuard } from './hooks/useParentDynamicContextGuard/useParentDynamicContextGuard.js';
 import { useShowFiat } from './hooks/useShowFiat/useShowFiat.js';
+import { useCustomerCallbacks } from './useCustomerCallbacks/useCustomerCallbacks.js';
 
 const PUBLIC_PROJECT_LIVE_ENVIRONMENT_ID = '2762a57b-faa4-41ce-9f16-abff9300e2c9';
 const DynamicContext = createContext(undefined);
 /** The context provider itself we only use internally */
-const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) => {
+const InnerDynamicContextProvider = ({ children, theme, settings, locale, enableInstrumentation = false, }) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
     const { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, defaultPhoneInputIso2, apiBaseUrl, coinbaseWalletPreference, enableConnectOnlyFallback = false, deepLinkPreference: deepLinkPreferenceProp = 'native', bridgeChains, cssOverrides, defaultNumberOfWalletsToShow = DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, flowNetwork, initialAuthenticationMode = 'connect-and-sign', debugError = false, displaySiweStatement = true, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly = true, environmentId, walletsFilter, logLevel = 'WARN', mobileExperience = 'in-app-browser', notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, customPrivacyPolicy, privacyPolicyUrl, signWithEmailWalletName, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, customTermsOfServices, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled = true, walletConnectors: walletConnectorsProp, socialProvidersFilter, showLockedWalletView = false, walletConnectPreferredChains, walletConnectorExtensions, recommendedWallets, hideEmbeddedWalletTransactionUIs, handlers, headless = false, } = settings;
     LocalStorage.setSuffix(settings.localStorageSuffix);
@@ -301,12 +302,14 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
     }, [bridgeChainsToConnect, primaryWallet]);
     const walletConnectors = linkedOrConnectedWallets.map((wallet) => wallet.connector);
     const sdkHasLoaded = useGlobalLoading({
+        appName,
         authMode,
         connectedInfo: connectedWalletsInfo[0],
         connectedWallets,
+        enableInstrumentation,
         primaryWallet,
         projectSettings,
-        user,
+        user: user !== null && user !== void 0 ? user : unauthenticatedUser,
         walletBook,
     });
     const { getNameService, removeConnectedNameService } = useNameService({
@@ -669,31 +672,18 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
         walletUiUtils,
         walletsFilter,
     ]);
-    useEffect(() => {
-        const addPrefetch = (attr) => {
-            if (!document.head.querySelector(`#${attr.id}`)) {
-                const element = document.createElement('link');
-                element.setAttribute('id', attr.id);
-                element.setAttribute('rel', 'prefetch');
-                element.setAttribute('href', attr.href);
-                element.setAttribute('as', attr.as);
-                element.setAttribute('type', attr.type);
-                document.head.insertAdjacentElement('beforeend', element);
-            }
-        };
-        addPrefetch({
-            as: 'image',
-            href: getIconicSpriteUrl(),
-            id: 'sprite',
-            type: 'image/svg+xml',
-        });
-        addPrefetch({
-            as: 'fetch',
-            href: getWalletBookCdnUrl(),
-            id: 'wallet-book',
-            type: 'application/json',
-        });
-    }, []);
+    usePrefetch({
+        as: 'image',
+        href: getIconicSpriteUrl(),
+        id: 'sprite',
+        type: 'image/svg+xml',
+    });
+    usePrefetch({
+        as: 'fetch',
+        href: getWalletBookCdnUrl(),
+        id: 'wallet-book',
+        type: 'application/json',
+    });
     // DYN-1140 - Opens Widget when multiWalletWidgetState changes
     useEffect(() => {
         // If statement to secure SingleWallet widget

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

@@ -76,6 +76,17 @@ require('../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/Dynami
 require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+require('../../../../../polyfills.cjs');
+require('../../../ErrorBoundary/ErrorBoundaryBase.cjs');
+require('../../../ErrorBoundary/ErrorBoundaryContext.cjs');
+require('../../../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.cjs');
+require('../../../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.cjs');
+require('../../../WidgetRegistry/WidgetRegistryContextProvider.cjs');
+require('../../../FundingContext/FundingContext.cjs');
+require('../../../SendBalanceContext/SendBalanceContext.cjs');
+require('../../../ConnectWithOtpContext/ConnectWithOtpContext.cjs');
+require('../../../ConnectWithOtpContext/constants.cjs');
+require('../../../ReinitializeContext/ReinitializeContextProvider.cjs');
 
 const useEmailLoginState = (providers, user) => {
     const [loginWithEmail, _setLoginWithEmail] = React.useState(null);

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

@@ -72,6 +72,17 @@ import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/Dynamic
 import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import '../../../../../polyfills.js';
+import '../../../ErrorBoundary/ErrorBoundaryBase.js';
+import '../../../ErrorBoundary/ErrorBoundaryContext.js';
+import '../../../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.js';
+import '../../../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.js';
+import '../../../WidgetRegistry/WidgetRegistryContextProvider.js';
+import '../../../FundingContext/FundingContext.js';
+import '../../../SendBalanceContext/SendBalanceContext.js';
+import '../../../ConnectWithOtpContext/ConnectWithOtpContext.js';
+import '../../../ConnectWithOtpContext/constants.js';
+import '../../../ReinitializeContext/ReinitializeContextProvider.js';
 
 const useEmailLoginState = (providers, user) => {
     const [loginWithEmail, _setLoginWithEmail] = useState(null);

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

@@ -78,6 +78,17 @@ require('../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/Dynami
 require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+require('../../../../../polyfills.cjs');
+require('../../../ErrorBoundary/ErrorBoundaryBase.cjs');
+require('../../../ErrorBoundary/ErrorBoundaryContext.cjs');
+require('../../../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.cjs');
+require('../../../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.cjs');
+require('../../../WidgetRegistry/WidgetRegistryContextProvider.cjs');
+require('../../../FundingContext/FundingContext.cjs');
+require('../../../SendBalanceContext/SendBalanceContext.cjs');
+require('../../../ConnectWithOtpContext/ConnectWithOtpContext.cjs');
+require('../../../ConnectWithOtpContext/constants.cjs');
+require('../../../ReinitializeContext/ReinitializeContextProvider.cjs');
 var session = require('../../../../data/api/session/session.cjs');
 
 const clearFromLocalStorage = [

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

@@ -74,6 +74,17 @@ import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/Dynamic
 import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import '../../../../../polyfills.js';
+import '../../../ErrorBoundary/ErrorBoundaryBase.js';
+import '../../../ErrorBoundary/ErrorBoundaryContext.js';
+import '../../../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.js';
+import '../../../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.js';
+import '../../../WidgetRegistry/WidgetRegistryContextProvider.js';
+import '../../../FundingContext/FundingContext.js';
+import '../../../SendBalanceContext/SendBalanceContext.js';
+import '../../../ConnectWithOtpContext/ConnectWithOtpContext.js';
+import '../../../ConnectWithOtpContext/constants.js';
+import '../../../ReinitializeContext/ReinitializeContextProvider.js';
 import { revokeSession } from '../../../../data/api/session/session.js';
 
 const clearFromLocalStorage = [

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

@@ -40,7 +40,7 @@ const useNameService = ({ currentWallet, user }) => {
         lastFetchedNameServiceNetwork.current = network;
         let ns;
         try {
-            ns = yield connector.getNameService();
+            ns = yield wallet.getNameService();
         }
         catch (e) {
             // do nothing

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

@@ -36,7 +36,7 @@ const useNameService = ({ currentWallet, user }) => {
         lastFetchedNameServiceNetwork.current = network;
         let ns;
         try {
-            ns = yield connector.getNameService();
+            ns = yield wallet.getNameService();
         }
         catch (e) {
             // do nothing

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

@@ -76,6 +76,17 @@ require('../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/Dynami
 require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+require('../../../../../polyfills.cjs');
+require('../../../ErrorBoundary/ErrorBoundaryBase.cjs');
+require('../../../ErrorBoundary/ErrorBoundaryContext.cjs');
+require('../../../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.cjs');
+require('../../../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.cjs');
+require('../../../WidgetRegistry/WidgetRegistryContextProvider.cjs');
+require('../../../FundingContext/FundingContext.cjs');
+require('../../../SendBalanceContext/SendBalanceContext.cjs');
+require('../../../ConnectWithOtpContext/ConnectWithOtpContext.cjs');
+require('../../../ConnectWithOtpContext/constants.cjs');
+require('../../../ReinitializeContext/ReinitializeContextProvider.cjs');
 
 /** Ties the customer callbacks to our events, such that our events will also trigger the callbacks */
 const useTieCallbacksToEvents = ({ clientCallbacks, user, setHasLoggedOut, }) => {

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

@@ -72,6 +72,17 @@ import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/Dynamic
 import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import '../../../../../polyfills.js';
+import '../../../ErrorBoundary/ErrorBoundaryBase.js';
+import '../../../ErrorBoundary/ErrorBoundaryContext.js';
+import '../../../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.js';
+import '../../../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.js';
+import '../../../WidgetRegistry/WidgetRegistryContextProvider.js';
+import '../../../FundingContext/FundingContext.js';
+import '../../../SendBalanceContext/SendBalanceContext.js';
+import '../../../ConnectWithOtpContext/ConnectWithOtpContext.js';
+import '../../../ConnectWithOtpContext/constants.js';
+import '../../../ReinitializeContext/ReinitializeContextProvider.js';
 
 /** Ties the customer callbacks to our events, such that our events will also trigger the callbacks */
 const useTieCallbacksToEvents = ({ clientCallbacks, user, setHasLoggedOut, }) => {

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

@@ -1 +1,2 @@
 export * from './DynamicContext';
+export * from './types';