@dynamic-labs/sdk-react-core 2.0.0-alpha.24 → 2.0.0-alpha.26

package/src/lib/context/ThemeContext/ThemeContext.js

@@ -1,62 +1,58 @@
 import { jsx } from 'react/jsx-runtime';
-import { createContext, useState, useCallback, useEffect, useMemo, useContext } from 'react';
+import { createContext, useState, useRef, useCallback, useEffect, useMemo, useContext } from 'react';
+import '@dynamic-labs/sdk-api';
+import '../../shared/logger.js';
+import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
+import '../ViewContext/ViewContext.js';
+import '@dynamic-labs/wallet-book';
+import { isSSR } from '../../shared/utils/functions/isSSR/isSSR.js';
+import '../../utils/constants/colors.js';
+import '../../utils/constants/values.js';
+import '../../shared/utils/classes/storage/localStorage.js';
+import '@dynamic-labs/utils';
+import '../../shared/consts/index.js';
 import { getThemeConfig, themesData } from './themesData.js';
 import { findOrCreateLinkTag, findOrCreateStyleTag, buildStylesheet } from './utils/stylesheetBuilder/stylesheetBuilder.js';
 
 const ThemeContext = createContext(undefined);
 const ThemeContextProvider = ({ customerTheme, designSettings, children }) => {
-    const [theme, setTheme] = useState(customerTheme || getThemeConfig(designSettings === null || designSettings === void 0 ? void 0 : designSettings.modal));
-    const [linkTag, setLinkTag] = useState();
-    const [styleTag, setStyleTag] = useState();
+    const [theme, _setTheme] = useState(customerTheme || getThemeConfig(designSettings === null || designSettings === void 0 ? void 0 : designSettings.modal));
+    const linkTag = useRef(findOrCreateLinkTag());
+    const styleTag = useRef(findOrCreateStyleTag());
+    const setTheme = useCallback((newTheme) => {
+        _setTheme(newTheme);
+        // SSR won't have document defined, so we can't run this logic in server side
+        if (isSSR() ||
+            linkTag.current === undefined ||
+            styleTag.current === undefined)
+            return;
+        document.body.dataset.dynamicTheme = newTheme.theme.name;
+        document.body.dataset.dynamicThemeBrand = newTheme.brandStyle;
+        const linkHref = newTheme.template === 'default'
+            ? ''
+            : `https://app.dynamic.xyz/assets/templates/${newTheme.template}.css`;
+        if (linkTag.current.href !== linkHref)
+            linkTag.current.href = linkHref;
+        const builtStylesheet = buildStylesheet(newTheme);
+        if (styleTag.current.innerHTML === builtStylesheet)
+            return;
+        styleTag.current.innerHTML = builtStylesheet;
+    }, []);
     const changeTheme = useCallback((passedTheme, footerColor) => {
         var _a;
         const selectedTheme = (_a = themesData.themes) === null || _a === void 0 ? void 0 : _a[passedTheme];
         const updatedThemeData = Object.assign(Object.assign({}, theme), { theme: Object.assign(Object.assign({}, selectedTheme), { colors: Object.assign(Object.assign({}, selectedTheme.colors), { ternary: footerColor !== null && footerColor !== void 0 ? footerColor : selectedTheme.colors.ternary }) }) });
         setTheme(updatedThemeData);
-    }, [theme, setTheme]);
-    const changeTemplate = useCallback((template) => {
-        setTheme(Object.assign(Object.assign({}, theme), { template }));
-    }, [theme, setTheme]);
-    const changeBorder = useCallback((border) => {
-        setTheme(Object.assign(Object.assign({}, theme), { border }));
-    }, [theme, setTheme]);
-    const changeView = useCallback((view) => {
-        setTheme(Object.assign(Object.assign({}, theme), { view }));
-    }, [theme, setTheme]);
-    const changePrimaryColor = useCallback((customColor) => {
-        setTheme(Object.assign(Object.assign({}, theme), { customColor }));
-    }, [theme, setTheme]);
-    const changeBrandStyle = useCallback((brandStyle) => {
-        setTheme(Object.assign(Object.assign({}, theme), { brandStyle }));
-    }, [theme, setTheme]);
-    useEffect(() => {
-        setLinkTag(findOrCreateLinkTag());
-        setStyleTag(findOrCreateStyleTag());
-    }, []);
-    useEffect(() => {
-        const newTheme = customerTheme || getThemeConfig(designSettings === null || designSettings === void 0 ? void 0 : designSettings.modal);
-        return setTheme(newTheme);
-    }, [customerTheme, designSettings === null || designSettings === void 0 ? void 0 : designSettings.modal]);
-    useEffect(() => {
-        if (!linkTag)
-            return;
-        if (!styleTag)
-            return;
-        const linkHref = theme.template === 'default'
-            ? ''
-            : `https://app.dynamic.xyz/assets/templates/${theme.template}.css`;
-        if (linkTag.href !== linkHref) {
-            linkTag.href = linkHref;
-        }
-        const builtStylesheet = buildStylesheet(theme);
-        if (styleTag.innerHTML === builtStylesheet)
-            return;
-        styleTag.innerHTML = builtStylesheet;
-    }, [linkTag, styleTag, theme]);
-    useEffect(() => {
-        document.body.dataset.dynamicTheme = theme.theme.name;
-        document.body.dataset.dynamicThemeBrand = theme.brandStyle;
-    }, [theme.theme.name, theme.brandStyle]);
+    }, [setTheme, theme]);
+    const changeTemplate = useCallback((template) => setTheme(Object.assign(Object.assign({}, theme), { template })), [setTheme, theme]);
+    const changeBorder = useCallback((border) => setTheme(Object.assign(Object.assign({}, theme), { border })), [setTheme, theme]);
+    const changeView = useCallback((view) => setTheme(Object.assign(Object.assign({}, theme), { view })), [setTheme, theme]);
+    const changePrimaryColor = useCallback((customColor) => setTheme(Object.assign(Object.assign({}, theme), { customColor })), [setTheme, theme]);
+    const changeBrandStyle = useCallback((brandStyle) => setTheme(Object.assign(Object.assign({}, theme), { brandStyle })), [setTheme, theme]);
+    // This hook changes theme when customerTheme prop changes
+    // It can be changed by customer code so useEffect makes sense here
+    useEffect(() => setTheme(customerTheme || getThemeConfig(designSettings === null || designSettings === void 0 ? void 0 : designSettings.modal)), [customerTheme, designSettings === null || designSettings === void 0 ? void 0 : designSettings.modal, setTheme]);
     const value = useMemo(() => ({
         changeBorder,
         changeBrandStyle,

package/src/lib/context/ThemeContext/utils/stylesheetBuilder/stylesheetBuilder.cjs

@@ -2,7 +2,24 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('@dynamic-labs/sdk-api');
+require('../../../../shared/logger.cjs');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
+require('react/jsx-runtime');
+require('../../../ViewContext/ViewContext.cjs');
+require('react');
+require('@dynamic-labs/wallet-book');
+var isSSR = require('../../../../shared/utils/functions/isSSR/isSSR.cjs');
+require('../../../../utils/constants/colors.cjs');
+require('../../../../utils/constants/values.cjs');
+require('../../../../shared/utils/classes/storage/localStorage.cjs');
+require('@dynamic-labs/utils');
+require('../../../../shared/consts/index.cjs');
+
 const findOrCreateLinkTag = () => {
+    if (isSSR.isSSR())
+        return;
     const existingStyleTag = document.querySelector('[data-source="dynamic-theme-cdn"]');
     if (existingStyleTag) {
         return existingStyleTag;
@@ -14,6 +31,8 @@ const findOrCreateLinkTag = () => {
     return linkTag;
 };
 const findOrCreateStyleTag = () => {
+    if (isSSR.isSSR())
+        return;
     const existingStyleTag = document.querySelector('[data-source="dynamic-theme"]');
     if (existingStyleTag) {
         return existingStyleTag;

package/src/lib/context/ThemeContext/utils/stylesheetBuilder/stylesheetBuilder.d.ts

@@ -1,4 +1,4 @@
 import { ThemeData } from '../../types';
-export declare const findOrCreateLinkTag: () => HTMLLinkElement;
-export declare const findOrCreateStyleTag: () => Element;
+export declare const findOrCreateLinkTag: () => HTMLLinkElement | undefined;
+export declare const findOrCreateStyleTag: () => Element | undefined;
 export declare const buildStylesheet: (theme: ThemeData) => string;

package/src/lib/context/ThemeContext/utils/stylesheetBuilder/stylesheetBuilder.js

@@ -1,4 +1,21 @@
+import '@dynamic-labs/sdk-api';
+import '../../../../shared/logger.js';
+import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
+import 'react/jsx-runtime';
+import '../../../ViewContext/ViewContext.js';
+import 'react';
+import '@dynamic-labs/wallet-book';
+import { isSSR } from '../../../../shared/utils/functions/isSSR/isSSR.js';
+import '../../../../utils/constants/colors.js';
+import '../../../../utils/constants/values.js';
+import '../../../../shared/utils/classes/storage/localStorage.js';
+import '@dynamic-labs/utils';
+import '../../../../shared/consts/index.js';
+
 const findOrCreateLinkTag = () => {
+    if (isSSR())
+        return;
     const existingStyleTag = document.querySelector('[data-source="dynamic-theme-cdn"]');
     if (existingStyleTag) {
         return existingStyleTag;
@@ -10,6 +27,8 @@ const findOrCreateLinkTag = () => {
     return linkTag;
 };
 const findOrCreateStyleTag = () => {
+    if (isSSR())
+        return;
     const existingStyleTag = document.querySelector('[data-source="dynamic-theme"]');
     if (existingStyleTag) {
         return existingStyleTag;

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

@@ -29,6 +29,7 @@ require('i18next');
 require('../../config/ApiEndpoint.cjs');
 require('../AccessDeniedContext/AccessDeniedContext.cjs');
 require('../AccountExistsContext/AccountExistsContext.cjs');
+require('../UserWalletsContext/UserWalletsContext.cjs');
 require('../VerificationContext/VerificationContext.cjs');
 var useConfirmationModal = require('../../utils/hooks/useConfirmationModal/useConfirmationModal.cjs');
 require('../WalletContext/WalletContext.cjs');
@@ -40,7 +41,6 @@ require('../FieldsStateContext/FieldsStateContext.cjs');
 require('../MockContext/MockContext.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('@dynamic-labs/rpc-providers');
-require('../UserWalletsContext/UserWalletsContext.cjs');
 require('../../components/Alert/Alert.cjs');
 require('react-dom');
 require('../../components/ShadowDOM/ShadowDOM.cjs');

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

@@ -25,6 +25,7 @@ import 'i18next';
 import '../../config/ApiEndpoint.js';
 import '../AccessDeniedContext/AccessDeniedContext.js';
 import '../AccountExistsContext/AccountExistsContext.js';
+import '../UserWalletsContext/UserWalletsContext.js';
 import '../VerificationContext/VerificationContext.js';
 import { useConfirmationModal } from '../../utils/hooks/useConfirmationModal/useConfirmationModal.js';
 import '../WalletContext/WalletContext.js';
@@ -36,7 +37,6 @@ import '../FieldsStateContext/FieldsStateContext.js';
 import '../MockContext/MockContext.js';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '@dynamic-labs/rpc-providers';
-import '../UserWalletsContext/UserWalletsContext.js';
 import '../../components/Alert/Alert.js';
 import 'react-dom';
 import '../../components/ShadowDOM/ShadowDOM.js';

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

@@ -4,14 +4,39 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
+var dynamicEvents = require('../../events/dynamicEvents.cjs');
 
 /** Context for accessing the current user/session's wallets */
 const UserWalletsContext = React.createContext(undefined);
 const UserWalletsProvider = ({ children }) => {
-    const [userWallets, setUserWallets] = React.useState([]);
+    const [userWallets, _setUserWallets] = React.useState([]);
+    const addedWalletsIds = React.useRef([]);
+    const removedWalletsIds = React.useRef([]);
+    const setUserWallets = React.useCallback((returnUpdatedWallets) => {
+        _setUserWallets((prevWallets) => {
+            const updatedWallets = returnUpdatedWallets(prevWallets);
+            addedWalletsIds.current.forEach((walletId) => {
+                const wallet = updatedWallets.find(({ id }) => id === walletId);
+                if (!wallet)
+                    return;
+                dynamicEvents.dynamicEvents.emit('walletAdded', wallet, updatedWallets);
+            });
+            removedWalletsIds.current.forEach((walletId) => {
+                const wallet = prevWallets.find(({ id }) => id === walletId);
+                if (!wallet)
+                    return;
+                dynamicEvents.dynamicEvents.emit('walletRemoved', wallet, updatedWallets);
+            });
+            addedWalletsIds.current = [];
+            removedWalletsIds.current = [];
+            return updatedWallets;
+        });
+    }, []);
     return (jsxRuntime.jsx(UserWalletsContext.Provider, { value: {
+            addedWalletsIds,
             registerUserWallet: (newWallet) => setUserWallets((userWallets) => [...userWallets, newWallet]),
             removeUserWallet: (walletId) => setUserWallets((userWallets) => userWallets.filter(({ id }) => walletId !== id)),
+            removedWalletsIds,
             setUserWallets,
             updateUserWallet: (walletId, newProperties) => setUserWallets((userWallets) => {
                 const walletIndex = userWallets.findIndex(({ id }) => walletId === id);

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

@@ -1,16 +1,18 @@
-import { Dispatch, FC, PropsWithChildren, SetStateAction } from 'react';
+import { Dispatch, FC, MutableRefObject, PropsWithChildren, ReducerWithoutAction } from 'react';
 import { Wallet } from '../../shared';
 export type UserWalletsContextType = {
     /** All wallets related to the current user/session. They are either connected, authenticated to the user, or both */
     userWallets: Wallet[];
     /** Allows setting the userWallets variable directly */
-    setUserWallets: Dispatch<SetStateAction<Wallet[]>>;
+    setUserWallets: Dispatch<ReducerWithoutAction<Wallet[]>>;
     /** Allows registering a user wallet to the sdk's internal state */
     registerUserWallet: (newWallet: Wallet) => void;
     /** Allows updating an existing wallet's data (in the internal sdk state only) */
     updateUserWallet: (walletId: string, newProperties: Partial<Omit<Wallet, 'id'>>) => void;
     /** Allows deleting a wallet from the internal state (does not disconnect or unlink the wallet!) */
     removeUserWallet: (walletId: string) => void;
+    addedWalletsIds: MutableRefObject<string[]>;
+    removedWalletsIds: MutableRefObject<string[]>;
 };
 /** Context for accessing the current user/session's wallets */
 export declare const UserWalletsContext: import("react").Context<UserWalletsContextType | undefined>;

package/src/lib/context/UserWalletsContext/UserWalletsContext.js

@@ -1,13 +1,38 @@
 import { jsx } from 'react/jsx-runtime';
-import { createContext, useContext, useState } from 'react';
+import { createContext, useContext, useState, useRef, useCallback } from 'react';
+import { dynamicEvents } from '../../events/dynamicEvents.js';
 
 /** Context for accessing the current user/session's wallets */
 const UserWalletsContext = createContext(undefined);
 const UserWalletsProvider = ({ children }) => {
-    const [userWallets, setUserWallets] = useState([]);
+    const [userWallets, _setUserWallets] = useState([]);
+    const addedWalletsIds = useRef([]);
+    const removedWalletsIds = useRef([]);
+    const setUserWallets = useCallback((returnUpdatedWallets) => {
+        _setUserWallets((prevWallets) => {
+            const updatedWallets = returnUpdatedWallets(prevWallets);
+            addedWalletsIds.current.forEach((walletId) => {
+                const wallet = updatedWallets.find(({ id }) => id === walletId);
+                if (!wallet)
+                    return;
+                dynamicEvents.emit('walletAdded', wallet, updatedWallets);
+            });
+            removedWalletsIds.current.forEach((walletId) => {
+                const wallet = prevWallets.find(({ id }) => id === walletId);
+                if (!wallet)
+                    return;
+                dynamicEvents.emit('walletRemoved', wallet, updatedWallets);
+            });
+            addedWalletsIds.current = [];
+            removedWalletsIds.current = [];
+            return updatedWallets;
+        });
+    }, []);
     return (jsx(UserWalletsContext.Provider, { value: {
+            addedWalletsIds,
             registerUserWallet: (newWallet) => setUserWallets((userWallets) => [...userWallets, newWallet]),
             removeUserWallet: (walletId) => setUserWallets((userWallets) => userWallets.filter(({ id }) => walletId !== id)),
+            removedWalletsIds,
             setUserWallets,
             updateUserWallet: (walletId, newProperties) => setUserWallets((userWallets) => {
                 const walletIndex = userWallets.findIndex(({ id }) => walletId === id);

package/src/lib/context/WalletContext/WalletContext.cjs

@@ -28,6 +28,7 @@ require('i18next');
 require('../../config/ApiEndpoint.cjs');
 require('../AccessDeniedContext/AccessDeniedContext.cjs');
 require('../AccountExistsContext/AccountExistsContext.cjs');
+require('../UserWalletsContext/UserWalletsContext.cjs');
 require('../VerificationContext/VerificationContext.cjs');
 require('react-dom');
 require('../ThemeContext/ThemeContext.cjs');
@@ -39,7 +40,6 @@ 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');

package/src/lib/context/WalletContext/WalletContext.js

@@ -24,6 +24,7 @@ import 'i18next';
 import '../../config/ApiEndpoint.js';
 import '../AccessDeniedContext/AccessDeniedContext.js';
 import '../AccountExistsContext/AccountExistsContext.js';
+import '../UserWalletsContext/UserWalletsContext.js';
 import '../VerificationContext/VerificationContext.js';
 import 'react-dom';
 import '../ThemeContext/ThemeContext.js';
@@ -35,7 +36,6 @@ 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';

package/src/lib/events/dynamicEvents.d.ts

@@ -29,8 +29,10 @@ export type DynamicEvents = {
     embeddedWalletUpdatePasswordCompleted: (password: string) => void;
     embeddedWalletUpdatePasswordFailed: (error: unknown) => void;
     logout: () => void;
-    /** Triggered when a new wallet is connected in connect-only mode */
-    walletConnected: (wallet: Wallet) => void;
+    /** Triggered when a new wallet is added to user wallets list */
+    walletAdded: (wallet: Wallet, userWallets: Wallet[]) => void;
+    /** Triggered when a wallet is removed from user wallets list */
+    walletRemoved: (wallet: Wallet, userWallets: Wallet[]) => void;
     /** This event is used to trigger logout to be called, DO NOT listen to it. Listen to "logout" instead */
     triggerLogout: () => void;
     farcasterConnectCancelled: () => void;

package/src/lib/layout/DynamicAuthLayout/DynamicAuthLayout.cjs

@@ -32,6 +32,7 @@ require('i18next');
 require('../../config/ApiEndpoint.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
+require('../../context/UserWalletsContext/UserWalletsContext.cjs');
 require('../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
 require('../../context/WalletContext/WalletContext.cjs');
@@ -44,7 +45,6 @@ require('../../context/MockContext/MockContext.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
-require('../../context/UserWalletsContext/UserWalletsContext.cjs');
 var DynamicFooter = require('../../components/DynamicFooter/DynamicFooter.cjs');
 require('../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');

package/src/lib/layout/DynamicAuthLayout/DynamicAuthLayout.js

@@ -28,6 +28,7 @@ import 'i18next';
 import '../../config/ApiEndpoint.js';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
+import '../../context/UserWalletsContext/UserWalletsContext.js';
 import '../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
 import '../../context/WalletContext/WalletContext.js';
@@ -40,7 +41,6 @@ import '../../context/MockContext/MockContext.js';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
-import '../../context/UserWalletsContext/UserWalletsContext.js';
 import { DynamicFooter } from '../../components/DynamicFooter/DynamicFooter.js';
 import '../../components/ShadowDOM/ShadowDOM.js';
 import '../../components/Transition/ZoomTransition/ZoomTransition.js';

package/src/lib/layout/DynamicAuthLayout/Header/header.cjs

@@ -32,6 +32,7 @@ require('i18next');
 require('../../../config/ApiEndpoint.cjs');
 require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 var AccountExistsContext = require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
+require('../../../context/UserWalletsContext/UserWalletsContext.cjs');
 require('../../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
 require('../../../context/WalletContext/WalletContext.cjs');
@@ -44,7 +45,6 @@ require('../../../context/MockContext/MockContext.cjs');
 require('../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
-require('../../../context/UserWalletsContext/UserWalletsContext.cjs');
 var Typography = require('../../../components/Typography/Typography.cjs');
 var useAuthLayoutChecks = require('../../../utils/hooks/useAuthLayoutChecks/useAuthLayoutChecks.cjs');
 require('../../../components/ShadowDOM/ShadowDOM.cjs');

package/src/lib/layout/DynamicAuthLayout/Header/header.js

@@ -28,6 +28,7 @@ import 'i18next';
 import '../../../config/ApiEndpoint.js';
 import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import { useAccountExistsContext } from '../../../context/AccountExistsContext/AccountExistsContext.js';
+import '../../../context/UserWalletsContext/UserWalletsContext.js';
 import '../../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
 import '../../../context/WalletContext/WalletContext.js';
@@ -40,7 +41,6 @@ import '../../../context/MockContext/MockContext.js';
 import '../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
-import '../../../context/UserWalletsContext/UserWalletsContext.js';
 import { Typography } from '../../../components/Typography/Typography.js';
 import { useAuthLayoutChecks } from '../../../utils/hooks/useAuthLayoutChecks/useAuthLayoutChecks.js';
 import '../../../components/ShadowDOM/ShadowDOM.js';

package/src/lib/layout/DynamicAuthLayout/HelpContent/HelpContent.cjs

@@ -28,6 +28,7 @@ require('i18next');
 require('../../../config/ApiEndpoint.cjs');
 require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
+require('../../../context/UserWalletsContext/UserWalletsContext.cjs');
 require('../../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
 require('../../../context/WalletContext/WalletContext.cjs');
@@ -40,7 +41,6 @@ require('../../../context/MockContext/MockContext.cjs');
 require('../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
-require('../../../context/UserWalletsContext/UserWalletsContext.cjs');
 require('../../../components/Alert/Alert.cjs');
 require('../../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../../components/IconButton/IconButton.cjs');

package/src/lib/layout/DynamicAuthLayout/HelpContent/HelpContent.js

@@ -24,6 +24,7 @@ import 'i18next';
 import '../../../config/ApiEndpoint.js';
 import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../context/AccountExistsContext/AccountExistsContext.js';
+import '../../../context/UserWalletsContext/UserWalletsContext.js';
 import '../../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
 import '../../../context/WalletContext/WalletContext.js';
@@ -36,7 +37,6 @@ import '../../../context/MockContext/MockContext.js';
 import '../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
-import '../../../context/UserWalletsContext/UserWalletsContext.js';
 import '../../../components/Alert/Alert.js';
 import '../../../components/ShadowDOM/ShadowDOM.js';
 import '../../../components/IconButton/IconButton.js';

package/src/lib/layout/DynamicAuthLayout/HelpContent/HelpHeader/HelpHeader.cjs

@@ -30,6 +30,7 @@ require('i18next');
 require('../../../../config/ApiEndpoint.cjs');
 require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../../context/AccountExistsContext/AccountExistsContext.cjs');
+require('../../../../context/UserWalletsContext/UserWalletsContext.cjs');
 require('../../../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
 require('../../../../context/WalletContext/WalletContext.cjs');
@@ -42,7 +43,6 @@ require('../../../../context/MockContext/MockContext.cjs');
 require('../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
-require('../../../../context/UserWalletsContext/UserWalletsContext.cjs');
 var Typography = require('../../../../components/Typography/Typography.cjs');
 var useAuthLayoutChecks = require('../../../../utils/hooks/useAuthLayoutChecks/useAuthLayoutChecks.cjs');
 require('../../../../components/ShadowDOM/ShadowDOM.cjs');

package/src/lib/layout/DynamicAuthLayout/HelpContent/HelpHeader/HelpHeader.js

@@ -26,6 +26,7 @@ import 'i18next';
 import '../../../../config/ApiEndpoint.js';
 import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../context/AccountExistsContext/AccountExistsContext.js';
+import '../../../../context/UserWalletsContext/UserWalletsContext.js';
 import '../../../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
 import '../../../../context/WalletContext/WalletContext.js';
@@ -38,7 +39,6 @@ import '../../../../context/MockContext/MockContext.js';
 import '../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
-import '../../../../context/UserWalletsContext/UserWalletsContext.js';
 import { Typography } from '../../../../components/Typography/Typography.js';
 import { useAuthLayoutChecks } from '../../../../utils/hooks/useAuthLayoutChecks/useAuthLayoutChecks.js';
 import '../../../../components/ShadowDOM/ShadowDOM.js';

package/src/lib/layout/DynamicAuthLayout/HelpContent/PasskeyInfoHelper/PasskeyInfoHelper.cjs

@@ -31,6 +31,7 @@ require('i18next');
 require('../../../../config/ApiEndpoint.cjs');
 require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../../context/AccountExistsContext/AccountExistsContext.cjs');
+require('../../../../context/UserWalletsContext/UserWalletsContext.cjs');
 require('../../../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
 require('../../../../context/WalletContext/WalletContext.cjs');
@@ -42,7 +43,6 @@ require('../../../../context/MockContext/MockContext.cjs');
 require('../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
-require('../../../../context/UserWalletsContext/UserWalletsContext.cjs');
 var Typography = require('../../../../components/Typography/Typography.cjs');
 require('../../../../context/FooterAnimationContext/index.cjs');
 require('../../../../components/ShadowDOM/ShadowDOM.cjs');

package/src/lib/layout/DynamicAuthLayout/HelpContent/PasskeyInfoHelper/PasskeyInfoHelper.js

@@ -27,6 +27,7 @@ import 'i18next';
 import '../../../../config/ApiEndpoint.js';
 import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../context/AccountExistsContext/AccountExistsContext.js';
+import '../../../../context/UserWalletsContext/UserWalletsContext.js';
 import '../../../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
 import '../../../../context/WalletContext/WalletContext.js';
@@ -38,7 +39,6 @@ import '../../../../context/MockContext/MockContext.js';
 import '../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
-import '../../../../context/UserWalletsContext/UserWalletsContext.js';
 import { Typography } from '../../../../components/Typography/Typography.js';
 import '../../../../context/FooterAnimationContext/index.js';
 import '../../../../components/ShadowDOM/ShadowDOM.js';

package/src/lib/layout/DynamicAuthLayout/HelpContent/WalletListHelpContent/Item/Item.cjs

@@ -28,6 +28,7 @@ require('i18next');
 require('../../../../../config/ApiEndpoint.cjs');
 require('../../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../../../context/AccountExistsContext/AccountExistsContext.cjs');
+require('../../../../../context/UserWalletsContext/UserWalletsContext.cjs');
 require('../../../../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
 require('../../../../../context/WalletContext/WalletContext.cjs');
@@ -40,7 +41,6 @@ require('../../../../../context/MockContext/MockContext.cjs');
 require('../../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
-require('../../../../../context/UserWalletsContext/UserWalletsContext.cjs');
 var Typography = require('../../../../../components/Typography/Typography.cjs');
 require('../../../../../context/FooterAnimationContext/index.cjs');
 require('../../../../../components/ShadowDOM/ShadowDOM.cjs');

package/src/lib/layout/DynamicAuthLayout/HelpContent/WalletListHelpContent/Item/Item.js

@@ -24,6 +24,7 @@ import 'i18next';
 import '../../../../../config/ApiEndpoint.js';
 import '../../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../../context/AccountExistsContext/AccountExistsContext.js';
+import '../../../../../context/UserWalletsContext/UserWalletsContext.js';
 import '../../../../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
 import '../../../../../context/WalletContext/WalletContext.js';
@@ -36,7 +37,6 @@ import '../../../../../context/MockContext/MockContext.js';
 import '../../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
-import '../../../../../context/UserWalletsContext/UserWalletsContext.js';
 import { Typography } from '../../../../../components/Typography/Typography.js';
 import '../../../../../context/FooterAnimationContext/index.js';
 import '../../../../../components/ShadowDOM/ShadowDOM.js';

package/src/lib/layout/DynamicAuthLayout/HelpContent/WalletListHelpContent/WalletExtensionOrAppContinueButton/WalletExtensionOrAppContinueButton.cjs

@@ -29,6 +29,7 @@ require('i18next');
 require('../../../../../config/ApiEndpoint.cjs');
 require('../../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../../../context/AccountExistsContext/AccountExistsContext.cjs');
+require('../../../../../context/UserWalletsContext/UserWalletsContext.cjs');
 require('../../../../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
 require('../../../../../context/WalletContext/WalletContext.cjs');
@@ -41,7 +42,6 @@ require('../../../../../context/MockContext/MockContext.cjs');
 require('../../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
-require('../../../../../context/UserWalletsContext/UserWalletsContext.cjs');
 var Typography = require('../../../../../components/Typography/Typography.cjs');
 require('../../../../../context/FooterAnimationContext/index.cjs');
 require('../../../../../components/ShadowDOM/ShadowDOM.cjs');

package/src/lib/layout/DynamicAuthLayout/HelpContent/WalletListHelpContent/WalletExtensionOrAppContinueButton/WalletExtensionOrAppContinueButton.js

@@ -25,6 +25,7 @@ import 'i18next';
 import '../../../../../config/ApiEndpoint.js';
 import '../../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../../context/AccountExistsContext/AccountExistsContext.js';
+import '../../../../../context/UserWalletsContext/UserWalletsContext.js';
 import '../../../../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
 import '../../../../../context/WalletContext/WalletContext.js';
@@ -37,7 +38,6 @@ import '../../../../../context/MockContext/MockContext.js';
 import '../../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
-import '../../../../../context/UserWalletsContext/UserWalletsContext.js';
 import { Typography } from '../../../../../components/Typography/Typography.js';
 import '../../../../../context/FooterAnimationContext/index.js';
 import '../../../../../components/ShadowDOM/ShadowDOM.js';