@dynamic-labs/sdk-react-core 0.19.0 → 0.19.2

package/CHANGELOG.md

@@ -1,4 +1,29 @@
 
+### [0.19.2](https://github.com/dynamic-labs/DynamicAuth/compare/v0.19.1...v0.19.2) (2023-11-17)
+
+
+### Features
+
+* feat: add support for forced network validation via DynamicContext setting ([#3907](https://github.com/dynamic-labs/DynamicAuth/issues/3907)) ([87e31e4](https://github.com/dynamic-labs/DynamicAuth/commit/87e31e40b0874eb344fa161defdfb36819d9019b)), closes [#3879](https://github.com/dynamic-labs/DynamicAuth/issues/3879)
+* feat: add help section to sign message modal  ([4e0a0c4](https://github.com/dynamic-labs/DynamicAuth/commit/4e0a0c4cde73f802bfcaa99351d295060244382f))
+
+### Bug Fixes
+
+* fix(embedded wallets): allow switching primary wallet ([#3796](https://github.com/dynamic-labs/DynamicAuth/issues/3796)) ([#3797](https://github.com/dynamic-labs/DynamicAuth/issues/3797)) ([a01af71](https://github.com/dynamic-labs/DynamicAuth/commit/a01af71ce0c79a791c4c4bb7d3f3d41bd7fe8edf))
+* fix(embedded wallets): improve logic to check for enabled providers ([5189b96](https://github.com/dynamic-labs/DynamicAuth/commit/5189b96d8fa82e656c916cad130619be6e3b7afd))
+* fix(single wallet): improve account switching UX ([#3742](https://github.com/dynamic-labs/DynamicAuth/issues/3742)) ([#3856](https://github.com/dynamic-labs/DynamicAuth/issues/3856)) ([1efffab](https://github.com/dynamic-labs/DynamicAuth/commit/1efffabf4a668f266564ecaa4405f3fb063bbf38))
+* fix(wagmi): ensure chain is defined on wallet client ([#3888](https://github.com/dynamic-labs/DynamicAuth/issues/3888)) ([#3897](https://github.com/dynamic-labs/DynamicAuth/issues/3897)) ([3ee4885](https://github.com/dynamic-labs/DynamicAuth/commit/3ee4885b129ee619bc82ce09e39a3d5934afd734))
+* fix(ui): remove the coming soon label ([#3876](https://github.com/dynamic-labs/DynamicAuth/issues/3876)) ([298f777](https://github.com/dynamic-labs/DynamicAuth/commit/298f777e4c5923075856e8b47c792c1951615c0e)), closes [#3860](https://github.com/dynamic-labs/DynamicAuth/issues/3860)
+* fix(ssr): add window null check to utils ([#3882](https://github.com/dynamic-labs/DynamicAuth/issues/3882)) ([#3885](https://github.com/dynamic-labs/DynamicAuth/issues/3885)) ([bc8b8e3](https://github.com/dynamic-labs/DynamicAuth/commit/bc8b8e386fd82d9ca6b53deaa3aa852d6ebdafdc))
+* fix(callbacks): pass correct wallet connector onLinkSuccess ([#3904](https://github.com/dynamic-labs/DynamicAuth/issues/3904)) ([#3908](https://github.com/dynamic-labs/DynamicAuth/issues/3908)) ([f05f5f8](https://github.com/dynamic-labs/DynamicAuth/commit/f05f5f8f336c42e24a7422959ba06002aba8be02))
+
+### [0.19.1](https://github.com/dynamic-labs/DynamicAuth/compare/v0.19.0...v0.19.1) (2023-11-03)
+
+
+### Features
+
+* adding editable copies as typed data ([#3773](https://github.com/dynamic-labs/DynamicAuth/issues/3773)) ([#3793](https://github.com/dynamic-labs/DynamicAuth/issues/3793)) ([f2a4135](https://github.com/dynamic-labs/DynamicAuth/commit/f2a41356686aeb8381ee3f4ec3d1f52b7e2f6dcd))
+
 ## [0.19.0](https://github.com/dynamic-labs/DynamicAuth/compare/v0.19.0-alpha.28...v0.19.0) (2023-10-31)
 
 

package/package.cjs

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "0.19.0";
+var version = "0.19.2";
 var dependencies = {
-	"@dynamic-labs/iconic": "0.1.34",
-	"@dynamic-labs/sdk-api": "0.0.292",
+	"@dynamic-labs/iconic": "0.1.37",
+	"@dynamic-labs/sdk-api": "0.0.307",
 	"@hcaptcha/react-hcaptcha": "1.4.4",
 	"country-list": "2.3.0",
 	formik: "2.2.9",

package/package.js

@@ -1,7 +1,7 @@
-var version = "0.19.0";
+var version = "0.19.2";
 var dependencies = {
-	"@dynamic-labs/iconic": "0.1.34",
-	"@dynamic-labs/sdk-api": "0.0.292",
+	"@dynamic-labs/iconic": "0.1.37",
+	"@dynamic-labs/sdk-api": "0.0.307",
 	"@hcaptcha/react-hcaptcha": "1.4.4",
 	"country-list": "2.3.0",
 	formik: "2.2.9",

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "0.19.0",
+  "version": "0.19.2",
   "repository": {
     "type": "git",
     "url": "https://github.com/dynamic-labs/DynamicAuth.git",
     "directory": "packages/sdk-react-core"
   },
   "dependencies": {
-    "@dynamic-labs/iconic": "0.1.34",
-    "@dynamic-labs/sdk-api": "0.0.292",
+    "@dynamic-labs/iconic": "0.1.37",
+    "@dynamic-labs/sdk-api": "0.0.307",
     "@hcaptcha/react-hcaptcha": "1.4.4",
     "country-list": "2.3.0",
     "formik": "2.2.9",
@@ -17,13 +17,14 @@
     "react-focus-lock": "2.9.2",
     "react-i18next": "^13.2.0",
     "yup": "0.32.11",
-    "@dynamic-labs/logger": "0.19.0",
-    "@dynamic-labs/multi-wallet": "0.19.0",
-    "@dynamic-labs/rpc-providers": "0.19.0",
-    "@dynamic-labs/types": "0.19.0",
-    "@dynamic-labs/utils": "0.19.0",
-    "@dynamic-labs/wallet-book": "0.19.0",
-    "@dynamic-labs/wallet-connector-core": "0.19.0",
+    "@dynamic-labs/ethereum": "0.19.2",
+    "@dynamic-labs/logger": "0.19.2",
+    "@dynamic-labs/multi-wallet": "0.19.2",
+    "@dynamic-labs/rpc-providers": "0.19.2",
+    "@dynamic-labs/types": "0.19.2",
+    "@dynamic-labs/utils": "0.19.2",
+    "@dynamic-labs/wallet-book": "0.19.2",
+    "@dynamic-labs/wallet-connector-core": "0.19.2",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

package/src/index.cjs

@@ -124,11 +124,11 @@ require('./lib/context/ViewContext/ViewContext.cjs');
 require('./lib/context/ErrorContext/ErrorContext.cjs');
 require('./lib/context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('./lib/context/AccountExistsContext/AccountExistsContext.cjs');
+require('react-i18next');
 require('./lib/components/OverlayCard/OverlayCard.context.cjs');
 require('./lib/context/FooterAnimationContext/index.cjs');
 var MockContext = require('./lib/context/MockContext/MockContext.cjs');
 require('./lib/context/QrCodeContext/QrCodeContext.cjs');
-require('react-i18next');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-book');
 require('./lib/context/WalletGroupContext/WalletGroupContext.cjs');

package/src/index.d.ts

@@ -29,3 +29,4 @@ export { type VerifyEmailCallback, useEmailVerificationRequest, } from './lib/ut
 export type { UpdateUserFieldsArg } from './lib/utils/hooks/';
 export { type DynamicJwt, DynamicJwtFromJSON } from '@dynamic-labs/sdk-api';
 export { useSendBalance } from './lib/context/SendBalanceContext';
+export type { LocaleResource } from './lib/locale';

package/src/index.js

@@ -120,11 +120,11 @@ import './lib/context/ViewContext/ViewContext.js';
 import './lib/context/ErrorContext/ErrorContext.js';
 import './lib/context/AccessDeniedContext/AccessDeniedContext.js';
 import './lib/context/AccountExistsContext/AccountExistsContext.js';
+import 'react-i18next';
 import './lib/components/OverlayCard/OverlayCard.context.js';
 import './lib/context/FooterAnimationContext/index.js';
 export { MockContext, MockContextProvider, MockContextWrapper, useMockContext } from './lib/context/MockContext/MockContext.js';
 import './lib/context/QrCodeContext/QrCodeContext.js';
-import 'react-i18next';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-book';
 import './lib/context/WalletGroupContext/WalletGroupContext.js';

package/src/lib/Main.cjs

@@ -32,13 +32,13 @@ var isSameWalletName = require('./utils/functions/isSameWalletName/isSameWalletN
 require('./context/ErrorContext/ErrorContext.cjs');
 var AccessDeniedContext = require('./context/AccessDeniedContext/AccessDeniedContext.cjs');
 var AccountExistsContext = require('./context/AccountExistsContext/AccountExistsContext.cjs');
+require('react-i18next');
 var DynamicAuthModal = require('./modals/DynamicAuthModal/DynamicAuthModal.cjs');
 require('./components/IconButton/IconButton.cjs');
 require('./components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('./components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('./components/Transition/OpacityTransition/OpacityTransition.cjs');
 require('./components/Alert/Alert.cjs');
-require('react-i18next');
 require('formik');
 require('yup');
 require('./context/MockContext/MockContext.cjs');
@@ -67,20 +67,26 @@ const viewsToDisableCloseOnOverlayClick = [
     'passkey-intro',
 ];
 const Main = () => {
-    const { selectedWalletConnector, linkedWallets, isProjectSettingsLoading, projectSettings, setShowAuthFlow, showAuthFlow, wallets, clearStatesOnBackClick, user, disconnectWallet, authMode, connectedWallets, } = useInternalDynamicContext.useInternalDynamicContext();
+    const { selectedWalletConnector, linkedWallets, isProjectSettingsLoading, projectSettings, setShowAuthFlow, showAuthFlow, wallets, clearStatesOnBackClick, user, disconnectWallet, authMode, connectedWallets, handleLogOut, } = useInternalDynamicContext.useInternalDynamicContext();
     const { view, goToInitialView } = ViewContext.useViewContext();
     const { setDeniedAddress, setDeniedOauthProvider } = AccessDeniedContext.useAccessDeniedContext();
     const { setExistentAccountData } = AccountExistsContext.useAccountExistsContext();
     usePreventPageScroll.usePreventPageScroll(showAuthFlow);
-    const handleClose = () => {
+    const userWallets = authMode === 'connect-and-sign' ? linkedWallets : connectedWallets;
+    const handleClose = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         if (viewsToDisableCloseOnOverlayClick.includes(view))
             return;
+        if ((view === 'network-not-supported' ||
+            view === 'network-not-supported-manual') &&
+            userWallets.length === 1) {
+            yield handleLogOut();
+        }
         setShowAuthFlow(false);
         setDeniedAddress('');
         setDeniedOauthProvider(undefined);
         setExistentAccountData(undefined);
         clearStatesOnBackClick();
-    };
+    });
     const handleOnPortalExiting = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         // In the connect only mode (default and bridge)
         // We want to disconnect wallet when users closes `network not supported` view

package/src/lib/Main.js

@@ -28,13 +28,13 @@ import { isSameWalletName } from './utils/functions/isSameWalletName/isSameWalle
 import './context/ErrorContext/ErrorContext.js';
 import { useAccessDeniedContext } from './context/AccessDeniedContext/AccessDeniedContext.js';
 import { useAccountExistsContext } from './context/AccountExistsContext/AccountExistsContext.js';
+import 'react-i18next';
 import { DynamicAuthModal } from './modals/DynamicAuthModal/DynamicAuthModal.js';
 import './components/IconButton/IconButton.js';
 import './components/Transition/ZoomTransition/ZoomTransition.js';
 import './components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import './components/Transition/OpacityTransition/OpacityTransition.js';
 import './components/Alert/Alert.js';
-import 'react-i18next';
 import 'formik';
 import 'yup';
 import './context/MockContext/MockContext.js';
@@ -63,20 +63,26 @@ const viewsToDisableCloseOnOverlayClick = [
     'passkey-intro',
 ];
 const Main = () => {
-    const { selectedWalletConnector, linkedWallets, isProjectSettingsLoading, projectSettings, setShowAuthFlow, showAuthFlow, wallets, clearStatesOnBackClick, user, disconnectWallet, authMode, connectedWallets, } = useInternalDynamicContext();
+    const { selectedWalletConnector, linkedWallets, isProjectSettingsLoading, projectSettings, setShowAuthFlow, showAuthFlow, wallets, clearStatesOnBackClick, user, disconnectWallet, authMode, connectedWallets, handleLogOut, } = useInternalDynamicContext();
     const { view, goToInitialView } = useViewContext();
     const { setDeniedAddress, setDeniedOauthProvider } = useAccessDeniedContext();
     const { setExistentAccountData } = useAccountExistsContext();
     usePreventPageScroll(showAuthFlow);
-    const handleClose = () => {
+    const userWallets = authMode === 'connect-and-sign' ? linkedWallets : connectedWallets;
+    const handleClose = () => __awaiter(void 0, void 0, void 0, function* () {
         if (viewsToDisableCloseOnOverlayClick.includes(view))
             return;
+        if ((view === 'network-not-supported' ||
+            view === 'network-not-supported-manual') &&
+            userWallets.length === 1) {
+            yield handleLogOut();
+        }
         setShowAuthFlow(false);
         setDeniedAddress('');
         setDeniedOauthProvider(undefined);
         setExistentAccountData(undefined);
         clearStatesOnBackClick();
-    };
+    });
     const handleOnPortalExiting = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
         // In the connect only mode (default and bridge)
         // We want to disconnect wallet when users closes `network not supported` view

package/src/lib/components/Accordion/components/AccordionItem/AccordionItem.cjs

@@ -26,6 +26,7 @@ require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../../context/AccountExistsContext/AccountExistsContext.cjs');
 var useResizeObserver = require('../../../../utils/hooks/useResizeObserver/useResizeObserver.cjs');
 require('react-dom');
+require('react-i18next');
 require('../../../ShadowDOM/ShadowDOM.cjs');
 require('../../../../context/ThemeContext/ThemeContext.cjs');
 require('react-focus-lock');
@@ -34,7 +35,6 @@ require('../../../Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../../Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../../IconButton/IconButton.cjs');
 require('../../../Alert/Alert.cjs');
-require('react-i18next');
 require('../../../Popper/Popper/Popper.cjs');
 require('../../../Popper/PopperContext/PopperContext.cjs');
 require('formik');

package/src/lib/components/Accordion/components/AccordionItem/AccordionItem.js

@@ -22,6 +22,7 @@ import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../context/AccountExistsContext/AccountExistsContext.js';
 import { useResizeObserver } from '../../../../utils/hooks/useResizeObserver/useResizeObserver.js';
 import 'react-dom';
+import 'react-i18next';
 import '../../../ShadowDOM/ShadowDOM.js';
 import '../../../../context/ThemeContext/ThemeContext.js';
 import 'react-focus-lock';
@@ -30,7 +31,6 @@ import '../../../Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../../Transition/OpacityTransition/OpacityTransition.js';
 import '../../../IconButton/IconButton.js';
 import '../../../Alert/Alert.js';
-import 'react-i18next';
 import '../../../Popper/Popper/Popper.js';
 import '../../../Popper/PopperContext/PopperContext.js';
 import 'formik';

package/src/lib/components/Alert/Alert.cjs

@@ -11,10 +11,10 @@ require('../../context/ViewContext/ViewContext.cjs');
 require('react');
 var error = require('../../shared/assets/error.cjs');
 require('@dynamic-labs/wallet-book');
-require('@dynamic-labs/utils');
 require('../../utils/constants/colors.cjs');
 require('../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
+require('@dynamic-labs/utils');
 require('../../shared/consts/index.cjs');
 var Icon = require('../Icon/Icon.cjs');
 var Typography = require('../Typography/Typography.cjs');

package/src/lib/components/Alert/Alert.js

@@ -7,10 +7,10 @@ import '../../context/ViewContext/ViewContext.js';
 import 'react';
 import { ReactComponent as SvgError } from '../../shared/assets/error.js';
 import '@dynamic-labs/wallet-book';
-import '@dynamic-labs/utils';
 import '../../utils/constants/colors.js';
 import '../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
+import '@dynamic-labs/utils';
 import '../../shared/consts/index.js';
 import { Icon } from '../Icon/Icon.js';
 import { Typography } from '../Typography/Typography.js';

package/src/lib/components/AnimatePresence/AnimatePresence.cjs

@@ -25,6 +25,7 @@ require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
 var usePrevious = require('../../utils/hooks/usePrevious/usePrevious.cjs');
 require('react-dom');
+require('react-i18next');
 require('../ShadowDOM/ShadowDOM.cjs');
 require('../../context/ThemeContext/ThemeContext.cjs');
 require('react-focus-lock');
@@ -33,7 +34,6 @@ require('../Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../Transition/OpacityTransition/OpacityTransition.cjs');
 require('../IconButton/IconButton.cjs');
 require('../Alert/Alert.cjs');
-require('react-i18next');
 require('../Popper/Popper/Popper.cjs');
 require('../Popper/PopperContext/PopperContext.cjs');
 require('formik');

package/src/lib/components/AnimatePresence/AnimatePresence.js

@@ -21,6 +21,7 @@ import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
 import { usePrevious } from '../../utils/hooks/usePrevious/usePrevious.js';
 import 'react-dom';
+import 'react-i18next';
 import '../ShadowDOM/ShadowDOM.js';
 import '../../context/ThemeContext/ThemeContext.js';
 import 'react-focus-lock';
@@ -29,7 +30,6 @@ import '../Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../Transition/OpacityTransition/OpacityTransition.js';
 import '../IconButton/IconButton.js';
 import '../Alert/Alert.js';
-import 'react-i18next';
 import '../Popper/Popper/Popper.js';
 import '../Popper/PopperContext/PopperContext.js';
 import 'formik';

package/src/lib/components/AuthProviderIcon/AuthProviderIcon.cjs

@@ -11,10 +11,10 @@ var logger = require('../../shared/logger.cjs');
 require('../../context/ViewContext/ViewContext.cjs');
 require('react');
 var embeddedWalletIcon = require('../../shared/assets/embedded-wallet-icon.cjs');
-require('@dynamic-labs/utils');
 require('../../utils/constants/colors.cjs');
 require('../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
+require('@dynamic-labs/utils');
 require('../../shared/consts/index.cjs');
 require('@dynamic-labs/multi-wallet');
 var pixelToRem = require('../../utils/functions/pixelToRem/pixelToRem.cjs');
@@ -29,6 +29,7 @@ require('../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetu
 require('../../context/ErrorContext/ErrorContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('react-dom');
+require('react-i18next');
 require('../ShadowDOM/ShadowDOM.cjs');
 require('../../context/ThemeContext/ThemeContext.cjs');
 require('react-focus-lock');
@@ -37,7 +38,6 @@ require('../Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../Transition/OpacityTransition/OpacityTransition.cjs');
 require('../IconButton/IconButton.cjs');
 require('../Alert/Alert.cjs');
-require('react-i18next');
 require('../Popper/Popper/Popper.cjs');
 require('../Popper/PopperContext/PopperContext.cjs');
 require('formik');

package/src/lib/components/AuthProviderIcon/AuthProviderIcon.js

@@ -7,10 +7,10 @@ import { logger } from '../../shared/logger.js';
 import '../../context/ViewContext/ViewContext.js';
 import 'react';
 import { ReactComponent as SvgEmbeddedWalletIcon } from '../../shared/assets/embedded-wallet-icon.js';
-import '@dynamic-labs/utils';
 import '../../utils/constants/colors.js';
 import '../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
+import '@dynamic-labs/utils';
 import '../../shared/consts/index.js';
 import '@dynamic-labs/multi-wallet';
 import { pixelToRem } from '../../utils/functions/pixelToRem/pixelToRem.js';
@@ -25,6 +25,7 @@ import '../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup
 import '../../context/ErrorContext/ErrorContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
 import 'react-dom';
+import 'react-i18next';
 import '../ShadowDOM/ShadowDOM.js';
 import '../../context/ThemeContext/ThemeContext.js';
 import 'react-focus-lock';
@@ -33,7 +34,6 @@ import '../Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../Transition/OpacityTransition/OpacityTransition.js';
 import '../IconButton/IconButton.js';
 import '../Alert/Alert.js';
-import 'react-i18next';
 import '../Popper/Popper/Popper.js';
 import '../Popper/PopperContext/PopperContext.js';
 import 'formik';

package/src/lib/components/Checkbox/Checkbox.cjs

@@ -11,10 +11,10 @@ require('../../context/ViewContext/ViewContext.cjs');
 require('react');
 var check = require('../../shared/assets/check.cjs');
 require('@dynamic-labs/wallet-book');
-require('@dynamic-labs/utils');
 require('../../utils/constants/colors.cjs');
 require('../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
+require('@dynamic-labs/utils');
 require('../../shared/consts/index.cjs');
 var classNames = require('../../utils/functions/classNames/classNames.cjs');
 

package/src/lib/components/Checkbox/Checkbox.js

@@ -7,10 +7,10 @@ import '../../context/ViewContext/ViewContext.js';
 import 'react';
 import { ReactComponent as SvgCheck } from '../../shared/assets/check.js';
 import '@dynamic-labs/wallet-book';
-import '@dynamic-labs/utils';
 import '../../utils/constants/colors.js';
 import '../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
+import '@dynamic-labs/utils';
 import '../../shared/consts/index.js';
 import { classNames } from '../../utils/functions/classNames/classNames.js';
 

package/src/lib/components/Divider/Divider.cjs

@@ -11,10 +11,10 @@ require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
 require('../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
-require('@dynamic-labs/utils');
 require('../../utils/constants/colors.cjs');
 require('../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
+require('@dynamic-labs/utils');
 require('../../shared/consts/index.cjs');
 require('../../context/DynamicContext/DynamicContext.cjs');
 require('@dynamic-labs/multi-wallet');
@@ -32,11 +32,11 @@ require('../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetu
 require('../../context/ErrorContext/ErrorContext.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
+require('react-i18next');
 require('../OverlayCard/OverlayCard.context.cjs');
 require('../../context/FooterAnimationContext/index.cjs');
 require('../../context/MockContext/MockContext.cjs');
 require('../../context/QrCodeContext/QrCodeContext.cjs');
-require('react-i18next');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../context/CaptchaContext/CaptchaContext.cjs');

package/src/lib/components/Divider/Divider.js

@@ -7,10 +7,10 @@ import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import '../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
-import '@dynamic-labs/utils';
 import '../../utils/constants/colors.js';
 import '../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
+import '@dynamic-labs/utils';
 import '../../shared/consts/index.js';
 import '../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/multi-wallet';
@@ -28,11 +28,11 @@ import '../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup
 import '../../context/ErrorContext/ErrorContext.js';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
+import 'react-i18next';
 import '../OverlayCard/OverlayCard.context.js';
 import '../../context/FooterAnimationContext/index.js';
 import '../../context/MockContext/MockContext.js';
 import '../../context/QrCodeContext/QrCodeContext.js';
-import 'react-i18next';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../context/CaptchaContext/CaptchaContext.js';

package/src/lib/components/ErrorContainer/ErrorContainer.cjs

@@ -11,10 +11,10 @@ require('../../context/ViewContext/ViewContext.cjs');
 require('react');
 var error = require('../../shared/assets/error.cjs');
 require('@dynamic-labs/wallet-book');
-require('@dynamic-labs/utils');
 require('../../utils/constants/colors.cjs');
 require('../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
+require('@dynamic-labs/utils');
 require('../../shared/consts/index.cjs');
 var classNames = require('../../utils/functions/classNames/classNames.cjs');
 var Typography = require('../Typography/Typography.cjs');

package/src/lib/components/ErrorContainer/ErrorContainer.js

@@ -7,10 +7,10 @@ import '../../context/ViewContext/ViewContext.js';
 import 'react';
 import { ReactComponent as SvgError } from '../../shared/assets/error.js';
 import '@dynamic-labs/wallet-book';
-import '@dynamic-labs/utils';
 import '../../utils/constants/colors.js';
 import '../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
+import '@dynamic-labs/utils';
 import '../../shared/consts/index.js';
 import { classNames } from '../../utils/functions/classNames/classNames.js';
 import { Typography } from '../Typography/Typography.js';

package/src/lib/components/IconWithSpinner/Indicator/Indicator.cjs

@@ -11,10 +11,10 @@ require('../../../context/ViewContext/ViewContext.cjs');
 require('react');
 var walletConnectLogo = require('../../../shared/assets/wallet-connect-logo.cjs');
 require('@dynamic-labs/wallet-book');
-require('@dynamic-labs/utils');
 require('../../../utils/constants/colors.cjs');
 require('../../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
+require('@dynamic-labs/utils');
 require('../../../shared/consts/index.cjs');
 require('@dynamic-labs/multi-wallet');
 var pixelToRem = require('../../../utils/functions/pixelToRem/pixelToRem.cjs');

package/src/lib/components/IconWithSpinner/Indicator/Indicator.js

@@ -7,10 +7,10 @@ import '../../../context/ViewContext/ViewContext.js';
 import 'react';
 import { ReactComponent as SvgWalletConnectLogo } from '../../../shared/assets/wallet-connect-logo.js';
 import '@dynamic-labs/wallet-book';
-import '@dynamic-labs/utils';
 import '../../../utils/constants/colors.js';
 import '../../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
+import '@dynamic-labs/utils';
 import '../../../shared/consts/index.js';
 import '@dynamic-labs/multi-wallet';
 import { pixelToRem } from '../../../utils/functions/pixelToRem/pixelToRem.js';

package/src/lib/components/IconWithSpinner/Spinner/Spinner.cjs

@@ -11,10 +11,10 @@ require('@dynamic-labs/wallet-connector-core');
 require('../../../context/ViewContext/ViewContext.cjs');
 require('react');
 require('@dynamic-labs/wallet-book');
-require('@dynamic-labs/utils');
 require('../../../utils/constants/colors.cjs');
 require('../../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
+require('@dynamic-labs/utils');
 require('../../../shared/consts/index.cjs');
 require('@dynamic-labs/multi-wallet');
 var pixelToRem = require('../../../utils/functions/pixelToRem/pixelToRem.cjs');

package/src/lib/components/IconWithSpinner/Spinner/Spinner.js

@@ -7,10 +7,10 @@ import '@dynamic-labs/wallet-connector-core';
 import '../../../context/ViewContext/ViewContext.js';
 import 'react';
 import '@dynamic-labs/wallet-book';
-import '@dynamic-labs/utils';
 import '../../../utils/constants/colors.js';
 import '../../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
+import '@dynamic-labs/utils';
 import '../../../shared/consts/index.js';
 import '@dynamic-labs/multi-wallet';
 import { pixelToRem } from '../../../utils/functions/pixelToRem/pixelToRem.js';

package/src/lib/components/IconWithStatus/IconWithStatus.cjs

@@ -10,10 +10,10 @@ require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
 require('../../context/ViewContext/ViewContext.cjs');
 require('react');
-require('@dynamic-labs/utils');
 require('../../utils/constants/colors.cjs');
 require('../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
+require('@dynamic-labs/utils');
 require('../../shared/consts/index.cjs');
 require('@dynamic-labs/multi-wallet');
 var pixelToRem = require('../../utils/functions/pixelToRem/pixelToRem.cjs');

package/src/lib/components/IconWithStatus/IconWithStatus.js

@@ -6,10 +6,10 @@ import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import '../../context/ViewContext/ViewContext.js';
 import 'react';
-import '@dynamic-labs/utils';
 import '../../utils/constants/colors.js';
 import '../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
+import '@dynamic-labs/utils';
 import '../../shared/consts/index.js';
 import '@dynamic-labs/multi-wallet';
 import { pixelToRem } from '../../utils/functions/pixelToRem/pixelToRem.js';

package/src/lib/components/LogoutButton/LogoutButton.cjs

@@ -13,10 +13,10 @@ require('@dynamic-labs/wallet-connector-core');
 require('../../context/ViewContext/ViewContext.cjs');
 var logout = require('../../shared/assets/logout.cjs');
 require('@dynamic-labs/wallet-book');
-require('@dynamic-labs/utils');
 require('../../utils/constants/colors.cjs');
 require('../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
+require('@dynamic-labs/utils');
 require('../../shared/consts/index.cjs');
 var Button = require('../Button/Button.cjs');
 

package/src/lib/components/LogoutButton/LogoutButton.js

@@ -9,10 +9,10 @@ import '@dynamic-labs/wallet-connector-core';
 import '../../context/ViewContext/ViewContext.js';
 import { ReactComponent as SvgLogout } from '../../shared/assets/logout.js';
 import '@dynamic-labs/wallet-book';
-import '@dynamic-labs/utils';
 import '../../utils/constants/colors.js';
 import '../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
+import '@dynamic-labs/utils';
 import '../../shared/consts/index.js';
 import { Button } from '../Button/Button.js';
 

package/src/lib/components/MenuList/Dropdown/Dropdown.cjs

@@ -32,6 +32,7 @@ require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
 var useTransition = require('../../../utils/hooks/useTransition/useTransition.cjs');
 require('react-dom');
+require('react-i18next');
 require('../../ShadowDOM/ShadowDOM.cjs');
 require('../../../context/ThemeContext/ThemeContext.cjs');
 require('react-focus-lock');
@@ -40,7 +41,6 @@ require('../../Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../IconButton/IconButton.cjs');
 require('../../Alert/Alert.cjs');
-require('react-i18next');
 require('formik');
 require('yup');
 require('../../InlineWidget/InlineWidget.cjs');