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

package/CHANGELOG.md

@@ -1,4 +1,22 @@
 
+### [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)
 
 

package/package.cjs

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "0.19.1";
+var version = "0.19.2";
 var dependencies = {
 	"@dynamic-labs/iconic": "0.1.37",
-	"@dynamic-labs/sdk-api": "0.0.292",
+	"@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.1";
+var version = "0.19.2";
 var dependencies = {
 	"@dynamic-labs/iconic": "0.1.37",
-	"@dynamic-labs/sdk-api": "0.0.292",
+	"@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,6 +1,6 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "0.19.1",
+  "version": "0.19.2",
   "repository": {
     "type": "git",
     "url": "https://github.com/dynamic-labs/DynamicAuth.git",
@@ -8,7 +8,7 @@
   },
   "dependencies": {
     "@dynamic-labs/iconic": "0.1.37",
-    "@dynamic-labs/sdk-api": "0.0.292",
+    "@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.1",
-    "@dynamic-labs/multi-wallet": "0.19.1",
-    "@dynamic-labs/rpc-providers": "0.19.1",
-    "@dynamic-labs/types": "0.19.1",
-    "@dynamic-labs/utils": "0.19.1",
-    "@dynamic-labs/wallet-book": "0.19.1",
-    "@dynamic-labs/wallet-connector-core": "0.19.1",
+    "@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/lib/Main.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

@@ -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/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/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');

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';

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');

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';

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/NeedHelpSection/NeedHelpSection.cjs

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var reactI18next = require('react-i18next');
+var useInternalDynamicContext = require('../../context/DynamicContext/useInternalDynamicContext.cjs');
+var Typography = require('../Typography/Typography.cjs');
+
+const NeedHelpSection = () => {
+    const { projectSettings } = useInternalDynamicContext.useInternalDynamicContext();
+    const { t } = reactI18next.useTranslation();
+    const supportEmail = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.general.supportEmail;
+    if (!supportEmail)
+        return null;
+    return (jsxRuntime.jsxs("div", { className: 'need-help-section', children: [jsxRuntime.jsx(Typography.Typography, { color: 'secondary', variant: 'body_small', children: t('dyn_need_help_section.info') }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'link', children: jsxRuntime.jsx("a", { href: `mailto:${supportEmail}`, children: supportEmail }) })] }));
+};
+
+exports.NeedHelpSection = NeedHelpSection;

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

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const NeedHelpSection: () => JSX.Element | null;

package/src/lib/components/NeedHelpSection/NeedHelpSection.js

@@ -0,0 +1,15 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useTranslation } from 'react-i18next';
+import { useInternalDynamicContext } from '../../context/DynamicContext/useInternalDynamicContext.js';
+import { Typography } from '../Typography/Typography.js';
+
+const NeedHelpSection = () => {
+    const { projectSettings } = useInternalDynamicContext();
+    const { t } = useTranslation();
+    const supportEmail = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.general.supportEmail;
+    if (!supportEmail)
+        return null;
+    return (jsxs("div", { className: 'need-help-section', children: [jsx(Typography, { color: 'secondary', variant: 'body_small', children: t('dyn_need_help_section.info') }), jsx(Typography, { variant: 'body_small', color: 'link', children: jsx("a", { href: `mailto:${supportEmail}`, children: supportEmail }) })] }));
+};
+
+export { NeedHelpSection };

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

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

package/src/lib/components/NetworkPicker/NetworkPicker.cjs

@@ -12,10 +12,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('@dynamic-labs/multi-wallet');
 var isNetworkUnsupported = require('../../utils/functions/isNetworkUnsupported/isNetworkUnsupported.cjs');

package/src/lib/components/NetworkPicker/NetworkPicker.js

@@ -8,10 +8,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 '@dynamic-labs/multi-wallet';
 import { isNetworkUnsupported } from '../../utils/functions/isNetworkUnsupported/isNetworkUnsupported.js';

package/src/lib/components/NetworkPicker/components/Network/Network.cjs

@@ -13,10 +13,10 @@ require('../../../../context/ViewContext/ViewContext.cjs');
 var error = require('../../../../shared/assets/error.cjs');
 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');
 require('../../../../context/DynamicContext/DynamicContext.cjs');
 require('@dynamic-labs/multi-wallet');

package/src/lib/components/NetworkPicker/components/Network/Network.js

@@ -9,10 +9,10 @@ import '../../../../context/ViewContext/ViewContext.js';
 import { ReactComponent as SvgError } from '../../../../shared/assets/error.js';
 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 '../../../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/multi-wallet';

package/src/lib/components/NetworkPicker/components/NonNetworkSwitchingSupportedControl/NonNetworkSwitchingSupportedControl.cjs

@@ -10,10 +10,10 @@ require('../../../../shared/logger.cjs');
 var getChainIcon = require('../../../../shared/utils/functions/chain/getChainIcon.cjs');
 require('@dynamic-labs/wallet-connector-core');
 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('@dynamic-labs/iconic');
 require('../../../../context/ViewContext/ViewContext.cjs');
 require('../../../../shared/consts/index.cjs');

package/src/lib/components/NetworkPicker/components/NonNetworkSwitchingSupportedControl/NonNetworkSwitchingSupportedControl.js

@@ -6,10 +6,10 @@ import '../../../../shared/logger.js';
 import { getChainIcon } from '../../../../shared/utils/functions/chain/getChainIcon.js';
 import '@dynamic-labs/wallet-connector-core';
 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 '@dynamic-labs/iconic';
 import '../../../../context/ViewContext/ViewContext.js';
 import '../../../../shared/consts/index.js';

package/src/lib/components/NetworkPicker/components/UnsupportedNetwork/UnsupportedNetwork.cjs

@@ -12,10 +12,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/NetworkPicker/components/UnsupportedNetwork/UnsupportedNetwork.js

@@ -8,10 +8,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/OTPVerificationView/OTPVerificationView.cjs

@@ -16,10 +16,10 @@ var check = require('../../shared/assets/check.cjs');
 var pencilAltIcon = require('../../shared/assets/pencil-alt-icon.cjs');
 var signInWithEmail = require('../../shared/assets/sign-in-with-email.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');

package/src/lib/components/OTPVerificationView/OTPVerificationView.js

@@ -12,10 +12,10 @@ import { ReactComponent as SvgCheck } from '../../shared/assets/check.js';
 import { ReactComponent as SvgPencilAltIcon } from '../../shared/assets/pencil-alt-icon.js';
 import { ReactComponent as SvgSignInWithEmail } from '../../shared/assets/sign-in-with-email.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';

package/src/lib/components/Select/Select.cjs

@@ -12,10 +12,10 @@ require('@dynamic-labs/wallet-connector-core');
 require('../../context/ViewContext/ViewContext.cjs');
 var arrowDown = require('../../shared/assets/arrow-down.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 Icon = require('../Icon/Icon.cjs');

package/src/lib/components/Select/Select.js

@@ -8,10 +8,10 @@ import '@dynamic-labs/wallet-connector-core';
 import '../../context/ViewContext/ViewContext.js';
 import { ReactComponent as SvgArrowDown } from '../../shared/assets/arrow-down.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 { Icon } from '../Icon/Icon.js';

package/src/lib/components/SendBalanceForm/SendBalanceForm.cjs

@@ -15,10 +15,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('@dynamic-labs/multi-wallet');
 var getOrdinalNumber = require('../../utils/functions/getOrdinalNumber/getOrdinalNumber.cjs');