@dynamic-labs/sdk-react-core 0.18.0-RC.2 → 0.18.0-RC.3

package/CHANGELOG.md

@@ -1,4 +1,16 @@
 
+## [0.18.0-RC.3](https://github.com/dynamic-labs/DynamicAuth/compare/v0.18.0-RC.2...v0.18.0-RC.3) (2023-06-16)
+
+
+### Features
+
+* add skeleton to walletlistfooter ([#2361](https://github.com/dynamic-labs/DynamicAuth/issues/2361)) ([676be6c](https://github.com/dynamic-labs/DynamicAuth/commit/676be6c108dff8df7175f0587cf0568658276e4e))
+
+
+### Bug Fixes
+
+* **local-storage:** load auth token when stringified ([#2368](https://github.com/dynamic-labs/DynamicAuth/issues/2368)) ([3a54266](https://github.com/dynamic-labs/DynamicAuth/commit/3a54266fde3cd1f7362ccc490f89b8925132271b))
+
 ## [0.18.0-RC.2](https://github.com/dynamic-labs/DynamicAuth/compare/v0.18.0-RC.1...v0.18.0-RC.2) (2023-06-16)
 
 

package/package.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "0.18.0-RC.2";
+var version = "0.18.0-RC.3";
 var dependencies = {
 	"react-focus-lock": "2.9.2",
 	"@dynamic-labs/iconic": "0.1.23",

package/package.js

@@ -1,4 +1,4 @@
-var version = "0.18.0-RC.2";
+var version = "0.18.0-RC.3";
 var dependencies = {
 	"react-focus-lock": "2.9.2",
 	"@dynamic-labs/iconic": "0.1.23",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "0.18.0-RC.2",
+  "version": "0.18.0-RC.3",
   "repository": {
     "type": "git",
     "url": "https://github.com/dynamic-labs/DynamicAuth.git",
@@ -16,13 +16,13 @@
     "formik": "2.2.9",
     "qrcode": "1.5.1",
     "ethers": "5.7.2",
-    "@dynamic-labs/logger": "0.18.0-RC.2",
-    "@dynamic-labs/multi-wallet": "0.18.0-RC.2",
-    "@dynamic-labs/rpc-providers": "0.18.0-RC.2",
-    "@dynamic-labs/types": "0.18.0-RC.2",
-    "@dynamic-labs/utils": "0.18.0-RC.2",
-    "@dynamic-labs/wallet-book": "0.18.0-RC.2",
-    "@dynamic-labs/wallet-connector-core": "0.18.0-RC.2"
+    "@dynamic-labs/logger": "0.18.0-RC.3",
+    "@dynamic-labs/multi-wallet": "0.18.0-RC.3",
+    "@dynamic-labs/rpc-providers": "0.18.0-RC.3",
+    "@dynamic-labs/types": "0.18.0-RC.3",
+    "@dynamic-labs/utils": "0.18.0-RC.3",
+    "@dynamic-labs/wallet-book": "0.18.0-RC.3",
+    "@dynamic-labs/wallet-connector-core": "0.18.0-RC.3"
   },
   "devDependencies": {
     "semver": "7.3.8"

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

@@ -170,6 +170,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         primaryWallet,
         projectSettings,
         user,
+        walletBook: walletBook$1,
     });
     const setShowAuthFlowWithInit = useSetShowAuthFlowWithInit.useSetShowAuthFlowWithInit({
         setShowAuthFlow,

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

@@ -166,6 +166,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         primaryWallet,
         projectSettings,
         user,
+        walletBook,
     });
     const setShowAuthFlowWithInit = useSetShowAuthFlowWithInit({
         setShowAuthFlow,

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

@@ -35,6 +35,7 @@ require('../../../../context/ErrorContext/ErrorContext.cjs');
 require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../../components/IconButton/IconButton.cjs');
 require('../../../../components/Alert/Alert.cjs');
+var Skeleton = require('../../../../components/Skeleton/Skeleton.cjs');
 require('../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('../../../../context/MockContext/MockContext.cjs');
 require('../../../../context/CaptchaContext/CaptchaContext.cjs');
@@ -49,7 +50,7 @@ var Item = require('./Item/Item.cjs');
 var WalletExtensionOrAppContinueButton = require('./WalletExtensionOrAppContinueButton/WalletExtensionOrAppContinueButton.cjs');
 
 const WalletListFooterContent = ({ chains, newToWeb3WalletChainMap, }) => {
-    var _a;
+    var _a, _b;
     const { wallets } = useInternalDynamicContext.useInternalDynamicContext();
     const { walletBook: walletBook$1 } = walletBook.useWalletBookContext();
     const [selectedUrl, setSelectedUrl] = React.useState('');
@@ -79,6 +80,9 @@ const WalletListFooterContent = ({ chains, newToWeb3WalletChainMap, }) => {
             url: links.android,
         },
     ];
+    if (!Object.keys((_b = walletBook$1 === null || walletBook$1 === void 0 ? void 0 : walletBook$1.wallets) !== null && _b !== void 0 ? _b : {}).length) {
+        return jsxRuntime.jsx(Skeleton.Skeleton, { className: 'walletlist-footer-content__container' });
+    }
     return (jsxRuntime.jsx("div", Object.assign({ className: 'walletlist-footer-content__container' }, { children: jsxRuntime.jsxs(EnterTileAnimation.EnterTileAnimation, Object.assign({ delay: '300ms' }, { children: [jsxRuntime.jsx("div", Object.assign({ className: 'walletlist-footer-content__icon' }, { children: jsxRuntime.jsx(walletBook.WalletIcon, { walletName: walletName, style: { height: pixelToRem.pixelToRem(56), width: pixelToRem.pixelToRem(56) } }) })), jsxRuntime.jsxs("div", Object.assign({ className: 'walletlist-footer-content__typography-wrapper' }, { children: [jsxRuntime.jsxs(Typography.Typography, Object.assign({ as: 'p', variant: 'title', weight: 'medium' }, { children: ["We recommend installing", ' ', walletBook.getWalletBookWallet(walletBook$1, walletName).name] })), jsxRuntime.jsx(Typography.Typography, Object.assign({ as: 'label', variant: 'body_normal', weight: 'regular', color: 'secondary', className: 'walletlist-footer-content__typography--label' }, { children: "Select your preferred option below:" }))] })), jsxRuntime.jsx("div", Object.assign({ className: 'walletlist-footer-content__buttons-wrapper' }, { children: walletLinksElements.map((element, i) => element.isEnabled ? (jsxRuntime.jsx("button", Object.assign({ onClick: () => setSelectedUrl(element.url) }, { children: jsxRuntime.jsx(Item.Item, { StartIcon: element.icon, heading: element.content, url: element.url }) }), i)) : undefined) })), isCustodialServiceWallet && (jsxRuntime.jsxs("div", Object.assign({ className: 'walletlist-footer-content__custodial-wallet-area' }, { children: [jsxRuntime.jsx(Typography.Typography, Object.assign({ className: 'walletlist-footer-content__custodial-wallet-area--title', as: 'p', color: 'secondary', variant: 'body_normal', weight: 'regular' }, { children: "If you don't want to install a wallet, then use:" })), jsxRuntime.jsx(NewToWeb3WalletItem.NewToWeb3WalletItem, { wallet: newToWeb3Wallet })] }))), jsxRuntime.jsx(WalletExtensionOrAppContinueButton.WalletExtensionOrAppContinueButton, { selectedUrl: selectedUrl, wallet: newToWeb3Wallet })] })) })));
 };
 

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

@@ -31,6 +31,7 @@ import '../../../../context/ErrorContext/ErrorContext.js';
 import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../components/IconButton/IconButton.js';
 import '../../../../components/Alert/Alert.js';
+import { Skeleton } from '../../../../components/Skeleton/Skeleton.js';
 import '../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '../../../../context/MockContext/MockContext.js';
 import '../../../../context/CaptchaContext/CaptchaContext.js';
@@ -45,7 +46,7 @@ import { Item } from './Item/Item.js';
 import { WalletExtensionOrAppContinueButton } from './WalletExtensionOrAppContinueButton/WalletExtensionOrAppContinueButton.js';
 
 const WalletListFooterContent = ({ chains, newToWeb3WalletChainMap, }) => {
-    var _a;
+    var _a, _b;
     const { wallets } = useInternalDynamicContext();
     const { walletBook } = useWalletBookContext();
     const [selectedUrl, setSelectedUrl] = useState('');
@@ -75,6 +76,9 @@ const WalletListFooterContent = ({ chains, newToWeb3WalletChainMap, }) => {
             url: links.android,
         },
     ];
+    if (!Object.keys((_b = walletBook === null || walletBook === void 0 ? void 0 : walletBook.wallets) !== null && _b !== void 0 ? _b : {}).length) {
+        return jsx(Skeleton, { className: 'walletlist-footer-content__container' });
+    }
     return (jsx("div", Object.assign({ className: 'walletlist-footer-content__container' }, { children: jsxs(EnterTileAnimation, Object.assign({ delay: '300ms' }, { children: [jsx("div", Object.assign({ className: 'walletlist-footer-content__icon' }, { children: jsx(WalletIcon, { walletName: walletName, style: { height: pixelToRem(56), width: pixelToRem(56) } }) })), jsxs("div", Object.assign({ className: 'walletlist-footer-content__typography-wrapper' }, { children: [jsxs(Typography, Object.assign({ as: 'p', variant: 'title', weight: 'medium' }, { children: ["We recommend installing", ' ', getWalletBookWallet(walletBook, walletName).name] })), jsx(Typography, Object.assign({ as: 'label', variant: 'body_normal', weight: 'regular', color: 'secondary', className: 'walletlist-footer-content__typography--label' }, { children: "Select your preferred option below:" }))] })), jsx("div", Object.assign({ className: 'walletlist-footer-content__buttons-wrapper' }, { children: walletLinksElements.map((element, i) => element.isEnabled ? (jsx("button", Object.assign({ onClick: () => setSelectedUrl(element.url) }, { children: jsx(Item, { StartIcon: element.icon, heading: element.content, url: element.url }) }), i)) : undefined) })), isCustodialServiceWallet && (jsxs("div", Object.assign({ className: 'walletlist-footer-content__custodial-wallet-area' }, { children: [jsx(Typography, Object.assign({ className: 'walletlist-footer-content__custodial-wallet-area--title', as: 'p', color: 'secondary', variant: 'body_normal', weight: 'regular' }, { children: "If you don't want to install a wallet, then use:" })), jsx(NewToWeb3WalletItem, { wallet: newToWeb3Wallet })] }))), jsx(WalletExtensionOrAppContinueButton, { selectedUrl: selectedUrl, wallet: newToWeb3Wallet })] })) })));
 };
 

package/src/lib/shared/utils/classes/storage/localStorage.cjs

@@ -2,6 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var localStorage = require('../../../../utils/constants/localStorage.cjs');
+require('../../../../utils/constants/colors.cjs');
 var logger = require('../../../logger.cjs');
 
 class LocalStorage {
@@ -14,6 +16,24 @@ class LocalStorage {
             LocalStorage.__suffix__ = suffix;
         }
     }
+    // Will be refactored on INC-155
+    static getAuthTokenValue() {
+        if (typeof window === 'undefined') {
+            return undefined;
+        }
+        const value = window.localStorage.getItem(LocalStorage.getDynamicLSKey(localStorage.AUTH_TOKEN));
+        try {
+            if (value) {
+                return JSON.parse(value);
+            }
+        }
+        catch (e) {
+            logger.logger.error(e);
+            // Return auth token string for backwards compatibility
+            return value || undefined;
+        }
+        return undefined;
+    }
     static getFromLS(key) {
         if (typeof window === 'undefined') {
             return undefined;

package/src/lib/shared/utils/classes/storage/localStorage.d.ts

@@ -3,6 +3,7 @@ export declare class LocalStorage {
     static getSuffix: () => string;
     private static getDynamicLSKey;
     static setSuffix(localStorageSuffix?: string): void;
+    static getAuthTokenValue(): string | undefined;
     static getFromLS<T = any>(key: string): T | undefined;
     static removeFromLS(key: string): void;
     static setToLS<T = any>(key: string, value: T): void;

package/src/lib/shared/utils/classes/storage/localStorage.js

@@ -1,3 +1,5 @@
+import { AUTH_TOKEN } from '../../../../utils/constants/localStorage.js';
+import '../../../../utils/constants/colors.js';
 import { logger } from '../../../logger.js';
 
 class LocalStorage {
@@ -10,6 +12,24 @@ class LocalStorage {
             LocalStorage.__suffix__ = suffix;
         }
     }
+    // Will be refactored on INC-155
+    static getAuthTokenValue() {
+        if (typeof window === 'undefined') {
+            return undefined;
+        }
+        const value = window.localStorage.getItem(LocalStorage.getDynamicLSKey(AUTH_TOKEN));
+        try {
+            if (value) {
+                return JSON.parse(value);
+            }
+        }
+        catch (e) {
+            logger.error(e);
+            // Return auth token string for backwards compatibility
+            return value || undefined;
+        }
+        return undefined;
+    }
     static getFromLS(key) {
         if (typeof window === 'undefined') {
             return undefined;

package/src/lib/shared/utils/hooks/useGlobalLoading/useGlobalLoading.cjs

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var index = require('../../functions/lastAuthenticatedAccount/index.cjs');
 
-const useGlobalLoading = ({ authMode, connectedInfo, connectedWallet, projectSettings, primaryWallet, user, }) => {
+const useGlobalLoading = ({ authMode, connectedInfo, connectedWallet, projectSettings, primaryWallet, user, walletBook, }) => {
     var _a;
     const [sdkHasLoaded, setSdkHasLoaded] = React.useState(false);
     const primaryWalletIsLoading = user &&
@@ -13,6 +13,10 @@ const useGlobalLoading = ({ authMode, connectedInfo, connectedWallet, projectSet
         !primaryWallet;
     const connectOnlyUserIsLoading = authMode === 'connect-only' && connectedInfo && !connectedWallet;
     React.useEffect(() => {
+        var _a;
+        if (!Object.keys((_a = walletBook === null || walletBook === void 0 ? void 0 : walletBook.wallets) !== null && _a !== void 0 ? _a : {}).length) {
+            return;
+        }
         if (projectSettings) {
             if (primaryWalletIsLoading || connectOnlyUserIsLoading) {
                 return;
@@ -25,6 +29,7 @@ const useGlobalLoading = ({ authMode, connectedInfo, connectedWallet, projectSet
         user,
         primaryWalletIsLoading,
         connectOnlyUserIsLoading,
+        walletBook,
     ]);
     return {
         sdkHasLoaded,

package/src/lib/shared/utils/hooks/useGlobalLoading/useGlobalLoading.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { ProjectSettings } from '@dynamic-labs/sdk-api';
+import { WalletBookSchema } from '@dynamic-labs/wallet-book';
 import { UserProfile, Wallet } from '../../../types';
 import { ConnectedWalletConnectorType } from '../../../../utils/hooks/useConnectWallet/useConnectWallet';
 type Props = {
@@ -9,8 +10,9 @@ type Props = {
     primaryWallet: Wallet | null;
     projectSettings: ProjectSettings | undefined;
     user: UserProfile | undefined;
+    walletBook: WalletBookSchema;
 };
-export declare const useGlobalLoading: ({ authMode, connectedInfo, connectedWallet, projectSettings, primaryWallet, user, }: Props) => {
+export declare const useGlobalLoading: ({ authMode, connectedInfo, connectedWallet, projectSettings, primaryWallet, user, walletBook, }: Props) => {
     sdkHasLoaded: boolean;
     setSdkHasLoaded: import("react").Dispatch<import("react").SetStateAction<boolean>>;
 };

package/src/lib/shared/utils/hooks/useGlobalLoading/useGlobalLoading.js

@@ -1,7 +1,7 @@
 import { useState, useEffect } from 'react';
 import { lastAuthenticatedAccount } from '../../functions/lastAuthenticatedAccount/index.js';
 
-const useGlobalLoading = ({ authMode, connectedInfo, connectedWallet, projectSettings, primaryWallet, user, }) => {
+const useGlobalLoading = ({ authMode, connectedInfo, connectedWallet, projectSettings, primaryWallet, user, walletBook, }) => {
     var _a;
     const [sdkHasLoaded, setSdkHasLoaded] = useState(false);
     const primaryWalletIsLoading = user &&
@@ -9,6 +9,10 @@ const useGlobalLoading = ({ authMode, connectedInfo, connectedWallet, projectSet
         !primaryWallet;
     const connectOnlyUserIsLoading = authMode === 'connect-only' && connectedInfo && !connectedWallet;
     useEffect(() => {
+        var _a;
+        if (!Object.keys((_a = walletBook === null || walletBook === void 0 ? void 0 : walletBook.wallets) !== null && _a !== void 0 ? _a : {}).length) {
+            return;
+        }
         if (projectSettings) {
             if (primaryWalletIsLoading || connectOnlyUserIsLoading) {
                 return;
@@ -21,6 +25,7 @@ const useGlobalLoading = ({ authMode, connectedInfo, connectedWallet, projectSet
         user,
         primaryWalletIsLoading,
         connectOnlyUserIsLoading,
+        walletBook,
     ]);
     return {
         sdkHasLoaded,

package/src/lib/utils/functions/getAuthToken/getAuthToken.cjs

@@ -2,8 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var localStorage$1 = require('../../constants/localStorage.cjs');
-require('../../constants/colors.cjs');
 var helpers = require('../../../context/DynamicContext/helpers.cjs');
 require('@dynamic-labs/sdk-api');
 require('../../../shared/logger.cjs');
@@ -14,6 +12,7 @@ require('../../../context/ViewContext/ViewContext.cjs');
 require('react');
 require('@dynamic-labs/wallet-book');
 require('@dynamic-labs/utils');
+require('../../constants/colors.cjs');
 var localStorage = require('../../../shared/utils/classes/storage/localStorage.cjs');
 require('ethers');
 require('../../../shared/consts/index.cjs');
@@ -22,7 +21,7 @@ const getAuthToken = () => {
     if (typeof window === 'undefined') {
         return undefined;
     }
-    const token = localStorage.LocalStorage.getFromLS(localStorage$1.AUTH_TOKEN) || undefined;
+    const token = localStorage.LocalStorage.getAuthTokenValue();
     if (!token) {
         return undefined;
     }

package/src/lib/utils/functions/getAuthToken/getAuthToken.d.ts

@@ -1 +1 @@
-export declare const getAuthToken: () => any;
+export declare const getAuthToken: () => string | undefined;

package/src/lib/utils/functions/getAuthToken/getAuthToken.js

@@ -1,5 +1,3 @@
-import { AUTH_TOKEN } from '../../constants/localStorage.js';
-import '../../constants/colors.js';
 import { isAuthTokenExpired } from '../../../context/DynamicContext/helpers.js';
 import '@dynamic-labs/sdk-api';
 import '../../../shared/logger.js';
@@ -10,6 +8,7 @@ import '../../../context/ViewContext/ViewContext.js';
 import 'react';
 import '@dynamic-labs/wallet-book';
 import '@dynamic-labs/utils';
+import '../../constants/colors.js';
 import { LocalStorage } from '../../../shared/utils/classes/storage/localStorage.js';
 import 'ethers';
 import '../../../shared/consts/index.js';
@@ -18,7 +17,7 @@ const getAuthToken = () => {
     if (typeof window === 'undefined') {
         return undefined;
     }
-    const token = LocalStorage.getFromLS(AUTH_TOKEN) || undefined;
+    const token = LocalStorage.getAuthTokenValue();
     if (!token) {
         return undefined;
     }

package/src/lib/utils/hooks/authenticationHooks/useEmailVerificationRequest/useEmailVerificationRequest.cjs

@@ -9,7 +9,6 @@ var api = require('../../../../data/api.cjs');
 var index = require('../../../functions/storeAuthToken/index.cjs');
 require('@dynamic-labs/multi-wallet');
 require('@dynamic-labs/utils');
-require('../../../constants/colors.cjs');
 require('@dynamic-labs/sdk-api');
 require('../../../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
@@ -17,6 +16,7 @@ require('@dynamic-labs/wallet-connector-core');
 require('react/jsx-runtime');
 require('../../../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
+require('../../../constants/colors.cjs');
 require('../../../../shared/utils/classes/storage/localStorage.cjs');
 require('ethers');
 require('../../../../shared/consts/index.cjs');

package/src/lib/utils/hooks/authenticationHooks/useEmailVerificationRequest/useEmailVerificationRequest.js

@@ -5,7 +5,6 @@ import { verifyEmail } from '../../../../data/api.js';
 import { storeAuthToken } from '../../../functions/storeAuthToken/index.js';
 import '@dynamic-labs/multi-wallet';
 import '@dynamic-labs/utils';
-import '../../../constants/colors.js';
 import '@dynamic-labs/sdk-api';
 import '../../../../shared/logger.js';
 import '@dynamic-labs/iconic';
@@ -13,6 +12,7 @@ import '@dynamic-labs/wallet-connector-core';
 import 'react/jsx-runtime';
 import '../../../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
+import '../../../constants/colors.js';
 import '../../../../shared/utils/classes/storage/localStorage.js';
 import 'ethers';
 import '../../../../shared/consts/index.js';

package/src/lib/utils/hooks/useVerifyWallet/useVerifyWallet.cjs

@@ -8,8 +8,6 @@ var utils = require('@dynamic-labs/utils');
 var api = require('../../../data/api.cjs');
 var index = require('../../functions/storeAuthToken/index.cjs');
 require('@dynamic-labs/multi-wallet');
-var localStorage$1 = require('../../constants/localStorage.cjs');
-require('../../constants/colors.cjs');
 var decodeJwt = require('../../../shared/utils/functions/decodeJwt/decodeJwt.cjs');
 require('@dynamic-labs/iconic');
 require('react/jsx-runtime');
@@ -17,6 +15,8 @@ var ViewContext = require('../../../context/ViewContext/ViewContext.cjs');
 require('react');
 var logger = require('../../../shared/logger.cjs');
 require('@dynamic-labs/wallet-book');
+var localStorage$1 = require('../../constants/localStorage.cjs');
+require('../../constants/colors.cjs');
 var localStorage = require('../../../shared/utils/classes/storage/localStorage.cjs');
 require('ethers');
 require('../../../shared/consts/index.cjs');

package/src/lib/utils/hooks/useVerifyWallet/useVerifyWallet.js

@@ -4,8 +4,6 @@ import { DynamicError, WalletUsedError, ChainalysisError, NoAccessError } from '
 import { verifyWallet, linkWallet } from '../../../data/api.js';
 import { storeAuthToken } from '../../functions/storeAuthToken/index.js';
 import '@dynamic-labs/multi-wallet';
-import { LAST_USED_WALLET } from '../../constants/localStorage.js';
-import '../../constants/colors.js';
 import { decodeJwt } from '../../../shared/utils/functions/decodeJwt/decodeJwt.js';
 import '@dynamic-labs/iconic';
 import 'react/jsx-runtime';
@@ -13,6 +11,8 @@ import { useViewContext } from '../../../context/ViewContext/ViewContext.js';
 import 'react';
 import { logger } from '../../../shared/logger.js';
 import '@dynamic-labs/wallet-book';
+import { LAST_USED_WALLET } from '../../constants/localStorage.js';
+import '../../constants/colors.js';
 import { LocalStorage } from '../../../shared/utils/classes/storage/localStorage.js';
 import 'ethers';
 import '../../../shared/consts/index.js';