@dynamic-labs/sdk-react-core 0.19.0-alpha.12 → 0.19.0-alpha.13

package/CHANGELOG.md

@@ -1,4 +1,20 @@
 
+## [0.19.0-alpha.13](https://github.com/dynamic-labs/DynamicAuth/compare/v0.19.0-alpha.12...v0.19.0-alpha.13) (2023-10-04)
+
+
+### Features
+
+* add ethers 5/6 util methods for converting connectors to ethers classes ([#3435](https://github.com/dynamic-labs/DynamicAuth/issues/3435)) ([5f4da48](https://github.com/dynamic-labs/DynamicAuth/commit/5f4da48526dbce4be2d437fc93f4cc8ddded73c5))
+* show goerli icon on network button and a warning message ([#3494](https://github.com/dynamic-labs/DynamicAuth/issues/3494)) ([64851a3](https://github.com/dynamic-labs/DynamicAuth/commit/64851a3d60ba19dd164690dcb26056cad2d22e61))
+
+
+### Bug Fixes
+
+* fix broken test ([#3520](https://github.com/dynamic-labs/DynamicAuth/issues/3520)) ([d7a3bd4](https://github.com/dynamic-labs/DynamicAuth/commit/d7a3bd4c71309a2df8106cae3f8f03f4aaedaa56))
+* **handleWalletsToConnect:** require wallet connector in the props ([#3512](https://github.com/dynamic-labs/DynamicAuth/issues/3512)) ([ddc0d19](https://github.com/dynamic-labs/DynamicAuth/commit/ddc0d19c9996f4fd52d19aad837fdf1e632d1b3d))
+* use providers redirect url in getOauthLoginUrl function ([#3519](https://github.com/dynamic-labs/DynamicAuth/issues/3519)) ([3f8601d](https://github.com/dynamic-labs/DynamicAuth/commit/3f8601d47d2fc6aa65f3a6890b1b9a4b93c9e9f6))
+* **wagmi-connector:** set websocket rpc to wagmi client ([#3474](https://github.com/dynamic-labs/DynamicAuth/issues/3474)) ([c94a43e](https://github.com/dynamic-labs/DynamicAuth/commit/c94a43ea9be11352313eafb2cd42c5f4941562a3))
+
 ## [0.19.0-alpha.12](https://github.com/dynamic-labs/DynamicAuth/compare/v0.19.0-alpha.11...v0.19.0-alpha.12) (2023-10-03)
 
 

package/package.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "0.19.0-alpha.12";
+var version = "0.19.0-alpha.13";
 var dependencies = {
 	"@dynamic-labs/iconic": "0.1.32",
 	"@dynamic-labs/sdk-api": "0.0.281",

package/package.js

@@ -1,4 +1,4 @@
-var version = "0.19.0-alpha.12";
+var version = "0.19.0-alpha.13";
 var dependencies = {
 	"@dynamic-labs/iconic": "0.1.32",
 	"@dynamic-labs/sdk-api": "0.0.281",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "0.19.0-alpha.12",
+  "version": "0.19.0-alpha.13",
   "repository": {
     "type": "git",
     "url": "https://github.com/dynamic-labs/DynamicAuth.git",
@@ -17,13 +17,13 @@
     "react-focus-lock": "2.9.2",
     "react-i18next": "^13.2.0",
     "yup": "0.32.11",
-    "@dynamic-labs/logger": "0.19.0-alpha.12",
-    "@dynamic-labs/multi-wallet": "0.19.0-alpha.12",
-    "@dynamic-labs/rpc-providers": "0.19.0-alpha.12",
-    "@dynamic-labs/types": "0.19.0-alpha.12",
-    "@dynamic-labs/utils": "0.19.0-alpha.12",
-    "@dynamic-labs/wallet-book": "0.19.0-alpha.12",
-    "@dynamic-labs/wallet-connector-core": "0.19.0-alpha.12",
+    "@dynamic-labs/logger": "0.19.0-alpha.13",
+    "@dynamic-labs/multi-wallet": "0.19.0-alpha.13",
+    "@dynamic-labs/rpc-providers": "0.19.0-alpha.13",
+    "@dynamic-labs/types": "0.19.0-alpha.13",
+    "@dynamic-labs/utils": "0.19.0-alpha.13",
+    "@dynamic-labs/wallet-book": "0.19.0-alpha.13",
+    "@dynamic-labs/wallet-connector-core": "0.19.0-alpha.13",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

package/src/index.cjs

@@ -104,7 +104,6 @@ require('@dynamic-labs/multi-wallet');
 require('@dynamic-labs/utils');
 var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
 var sdkApi = require('@dynamic-labs/sdk-api');
-require('./lib/config/ApiEndpoint.cjs');
 var ShadowDOM = require('./lib/components/ShadowDOM/ShadowDOM.cjs');
 require('./lib/context/ThemeContext/ThemeContext.cjs');
 require('react-dom');
@@ -112,6 +111,7 @@ require('react-focus-lock');
 require('./lib/components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('./lib/components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('./lib/components/Transition/OpacityTransition/OpacityTransition.cjs');
+require('./lib/config/ApiEndpoint.cjs');
 require('./lib/utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
 var isSameWalletName = require('./lib/utils/functions/isSameWalletName/isSameWalletName.cjs');
 require('./lib/context/ViewContext/ViewContext.cjs');

package/src/index.js

@@ -100,7 +100,6 @@ import '@dynamic-labs/multi-wallet';
 import '@dynamic-labs/utils';
 export { normalizeWalletName } from '@dynamic-labs/wallet-connector-core';
 export { DynamicJwtFromJSON } from '@dynamic-labs/sdk-api';
-import './lib/config/ApiEndpoint.js';
 export { ShadowDOM } from './lib/components/ShadowDOM/ShadowDOM.js';
 import './lib/context/ThemeContext/ThemeContext.js';
 import 'react-dom';
@@ -108,6 +107,7 @@ import 'react-focus-lock';
 import './lib/components/Transition/ZoomTransition/ZoomTransition.js';
 import './lib/components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import './lib/components/Transition/OpacityTransition/OpacityTransition.js';
+import './lib/config/ApiEndpoint.js';
 import './lib/utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
 export { isSameWalletName } from './lib/utils/functions/isSameWalletName/isSameWalletName.js';
 import './lib/context/ViewContext/ViewContext.js';

package/src/lib/Main.cjs

@@ -22,11 +22,11 @@ var index$1 = require('./shared/consts/index.cjs');
 var useInternalDynamicContext = require('./context/DynamicContext/useInternalDynamicContext.cjs');
 require('@dynamic-labs/multi-wallet');
 var isSupportedNetwork = require('./utils/functions/isSupportedNetwork/isSupportedNetwork.cjs');
-require('./config/ApiEndpoint.cjs');
 require('./components/ShadowDOM/ShadowDOM.cjs');
 require('./context/ThemeContext/ThemeContext.cjs');
 var Portal = require('./components/Portal/Portal.cjs');
 require('react-dom');
+require('./config/ApiEndpoint.cjs');
 require('@dynamic-labs/rpc-providers');
 require('./utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
 var isSameWalletName = require('./utils/functions/isSameWalletName/isSameWalletName.cjs');

package/src/lib/Main.js

@@ -18,11 +18,11 @@ import { authModalZIndex } from './shared/consts/index.js';
 import { useInternalDynamicContext } from './context/DynamicContext/useInternalDynamicContext.js';
 import '@dynamic-labs/multi-wallet';
 import { isSupportedNetwork } from './utils/functions/isSupportedNetwork/isSupportedNetwork.js';
-import './config/ApiEndpoint.js';
 import './components/ShadowDOM/ShadowDOM.js';
 import './context/ThemeContext/ThemeContext.js';
 import { Portal } from './components/Portal/Portal.js';
 import 'react-dom';
+import './config/ApiEndpoint.js';
 import '@dynamic-labs/rpc-providers';
 import './utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
 import { isSameWalletName } from './utils/functions/isSameWalletName/isSameWalletName.js';

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

@@ -19,11 +19,11 @@ require('../../shared/consts/index.cjs');
 require('@dynamic-labs/multi-wallet');
 var pixelToRem = require('../../utils/functions/pixelToRem/pixelToRem.cjs');
 var getReferencedAccount = require('../../utils/functions/getReferencedAccount/getReferencedAccount.cjs');
-require('../../config/ApiEndpoint.cjs');
 var IconWithStatus = require('../IconWithStatus/IconWithStatus.cjs');
 var useInternalDynamicContext = require('../../context/DynamicContext/useInternalDynamicContext.cjs');
 var WalletIconWithStatus = require('../../widgets/DynamicWidget/components/WalletIconWithStatus/WalletIconWithStatus.cjs');
 var AccessDeniedContext = require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
+require('../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
 require('../../context/ErrorContext/ErrorContext.cjs');

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

@@ -15,11 +15,11 @@ import '../../shared/consts/index.js';
 import '@dynamic-labs/multi-wallet';
 import { pixelToRem } from '../../utils/functions/pixelToRem/pixelToRem.js';
 import { getReferencedAccount } from '../../utils/functions/getReferencedAccount/getReferencedAccount.js';
-import '../../config/ApiEndpoint.js';
 import { IconWithStatus } from '../IconWithStatus/IconWithStatus.js';
 import { useInternalDynamicContext } from '../../context/DynamicContext/useInternalDynamicContext.js';
 import { WalletIconWithStatus } from '../../widgets/DynamicWidget/components/WalletIconWithStatus/WalletIconWithStatus.js';
 import { useAccessDeniedContext } from '../../context/AccessDeniedContext/AccessDeniedContext.js';
+import '../../config/ApiEndpoint.js';
 import '@dynamic-labs/rpc-providers';
 import '../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
 import '../../context/ErrorContext/ErrorContext.js';

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

@@ -18,7 +18,6 @@ require('viem');
 require('../../shared/consts/index.cjs');
 require('../../context/DynamicContext/DynamicContext.cjs');
 require('@dynamic-labs/multi-wallet');
-require('../../config/ApiEndpoint.cjs');
 require('../ShadowDOM/ShadowDOM.cjs');
 require('../../context/ThemeContext/ThemeContext.cjs');
 var classNames = require('../../utils/functions/classNames/classNames.cjs');
@@ -27,6 +26,7 @@ require('react-focus-lock');
 require('../Transition/ZoomTransition/ZoomTransition.cjs');
 require('../Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../Transition/OpacityTransition/OpacityTransition.cjs');
+require('../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
 require('../../context/ErrorContext/ErrorContext.cjs');

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

@@ -14,7 +14,6 @@ import 'viem';
 import '../../shared/consts/index.js';
 import '../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/multi-wallet';
-import '../../config/ApiEndpoint.js';
 import '../ShadowDOM/ShadowDOM.js';
 import '../../context/ThemeContext/ThemeContext.js';
 import { classNames } from '../../utils/functions/classNames/classNames.js';
@@ -23,6 +22,7 @@ import 'react-focus-lock';
 import '../Transition/ZoomTransition/ZoomTransition.js';
 import '../Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../Transition/OpacityTransition/OpacityTransition.js';
+import '../../config/ApiEndpoint.js';
 import '@dynamic-labs/rpc-providers';
 import '../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
 import '../../context/ErrorContext/ErrorContext.js';

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

@@ -18,7 +18,6 @@ require('viem');
 require('../../shared/consts/index.cjs');
 require('@dynamic-labs/multi-wallet');
 var pixelToRem = require('../../utils/functions/pixelToRem/pixelToRem.cjs');
-require('../../config/ApiEndpoint.cjs');
 var Spinner = require('./Spinner/Spinner.cjs');
 var Indicator = require('./Indicator/Indicator.cjs');
 

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

@@ -14,7 +14,6 @@ import 'viem';
 import '../../shared/consts/index.js';
 import '@dynamic-labs/multi-wallet';
 import { pixelToRem } from '../../utils/functions/pixelToRem/pixelToRem.js';
-import '../../config/ApiEndpoint.js';
 import { Spinner } from './Spinner/Spinner.js';
 import { Indicator } from './Indicator/Indicator.js';
 

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

@@ -18,7 +18,6 @@ require('viem');
 require('../../../shared/consts/index.cjs');
 require('@dynamic-labs/multi-wallet');
 var pixelToRem = require('../../../utils/functions/pixelToRem/pixelToRem.cjs');
-require('../../../config/ApiEndpoint.cjs');
 
 const Indicator = ({ indicator, iconSize }) => {
     const walletConnectSizes = {

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

@@ -14,7 +14,6 @@ import 'viem';
 import '../../../shared/consts/index.js';
 import '@dynamic-labs/multi-wallet';
 import { pixelToRem } from '../../../utils/functions/pixelToRem/pixelToRem.js';
-import '../../../config/ApiEndpoint.js';
 
 const Indicator = ({ indicator, iconSize }) => {
     const walletConnectSizes = {

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

@@ -18,7 +18,6 @@ require('viem');
 require('../../../shared/consts/index.cjs');
 require('@dynamic-labs/multi-wallet');
 var pixelToRem = require('../../../utils/functions/pixelToRem/pixelToRem.cjs');
-require('../../../config/ApiEndpoint.cjs');
 
 const defaultCustomColor = '#4779FF';
 const Spinner = ({ className = '', size = 16, customSpinnerColor = '', }) => {

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

@@ -14,7 +14,6 @@ import 'viem';
 import '../../../shared/consts/index.js';
 import '@dynamic-labs/multi-wallet';
 import { pixelToRem } from '../../../utils/functions/pixelToRem/pixelToRem.js';
-import '../../../config/ApiEndpoint.js';
 
 const defaultCustomColor = '#4779FF';
 const Spinner = ({ className = '', size = 16, customSpinnerColor = '', }) => {

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

@@ -17,7 +17,6 @@ require('viem');
 require('../../shared/consts/index.cjs');
 require('@dynamic-labs/multi-wallet');
 var pixelToRem = require('../../utils/functions/pixelToRem/pixelToRem.cjs');
-require('../../config/ApiEndpoint.cjs');
 var classNames = require('../../utils/functions/classNames/classNames.cjs');
 var StatusDot = require('../StatusDot/StatusDot.cjs');
 var Icon = require('../Icon/Icon.cjs');

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

@@ -13,7 +13,6 @@ import 'viem';
 import '../../shared/consts/index.js';
 import '@dynamic-labs/multi-wallet';
 import { pixelToRem } from '../../utils/functions/pixelToRem/pixelToRem.js';
-import '../../config/ApiEndpoint.js';
 import { classNames } from '../../utils/functions/classNames/classNames.js';
 import { StatusDot } from '../StatusDot/StatusDot.js';
 import { Icon } from '../Icon/Icon.js';

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

@@ -19,8 +19,8 @@ require('viem');
 require('../../shared/consts/index.cjs');
 require('@dynamic-labs/multi-wallet');
 var isNetworkUnsupported = require('../../utils/functions/isNetworkUnsupported/isNetworkUnsupported.cjs');
-require('../../config/ApiEndpoint.cjs');
 var classNames = require('../../utils/functions/classNames/classNames.cjs');
+require('../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
 require('../../context/ErrorContext/ErrorContext.cjs');

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

@@ -15,8 +15,8 @@ import 'viem';
 import '../../shared/consts/index.js';
 import '@dynamic-labs/multi-wallet';
 import { isNetworkUnsupported } from '../../utils/functions/isNetworkUnsupported/isNetworkUnsupported.js';
-import '../../config/ApiEndpoint.js';
 import { classNames } from '../../utils/functions/classNames/classNames.js';
+import '../../config/ApiEndpoint.js';
 import '@dynamic-labs/rpc-providers';
 import '../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
 import '../../context/ErrorContext/ErrorContext.js';

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

@@ -20,7 +20,6 @@ require('viem');
 require('../../../../shared/consts/index.cjs');
 require('../../../../context/DynamicContext/DynamicContext.cjs');
 require('@dynamic-labs/multi-wallet');
-require('../../../../config/ApiEndpoint.cjs');
 require('../../../ShadowDOM/ShadowDOM.cjs');
 require('../../../../context/ThemeContext/ThemeContext.cjs');
 var Icon = require('../../../Icon/Icon.cjs');
@@ -29,6 +28,7 @@ require('react-focus-lock');
 require('../../../Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../../Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../../Transition/OpacityTransition/OpacityTransition.cjs');
+require('../../../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
 require('../../../../context/ErrorContext/ErrorContext.cjs');

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

@@ -16,7 +16,6 @@ import 'viem';
 import '../../../../shared/consts/index.js';
 import '../../../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/multi-wallet';
-import '../../../../config/ApiEndpoint.js';
 import '../../../ShadowDOM/ShadowDOM.js';
 import '../../../../context/ThemeContext/ThemeContext.js';
 import { Icon } from '../../../Icon/Icon.js';
@@ -25,6 +24,7 @@ import 'react-focus-lock';
 import '../../../Transition/ZoomTransition/ZoomTransition.js';
 import '../../../Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../../Transition/OpacityTransition/OpacityTransition.js';
+import '../../../../config/ApiEndpoint.js';
 import '@dynamic-labs/rpc-providers';
 import '../../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
 import '../../../../context/ErrorContext/ErrorContext.js';

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

@@ -20,7 +20,6 @@ require('viem');
 require('../../../../shared/consts/index.cjs');
 require('../../../../context/DynamicContext/DynamicContext.cjs');
 require('@dynamic-labs/multi-wallet');
-require('../../../../config/ApiEndpoint.cjs');
 require('../../../ShadowDOM/ShadowDOM.cjs');
 require('../../../../context/ThemeContext/ThemeContext.cjs');
 var classNames = require('../../../../utils/functions/classNames/classNames.cjs');
@@ -29,6 +28,7 @@ require('react-focus-lock');
 require('../../../Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../../Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../../Transition/OpacityTransition/OpacityTransition.cjs');
+require('../../../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
 require('../../../../context/ErrorContext/ErrorContext.cjs');

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

@@ -16,7 +16,6 @@ import 'viem';
 import '../../../../shared/consts/index.js';
 import '../../../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/multi-wallet';
-import '../../../../config/ApiEndpoint.js';
 import '../../../ShadowDOM/ShadowDOM.js';
 import '../../../../context/ThemeContext/ThemeContext.js';
 import { classNames } from '../../../../utils/functions/classNames/classNames.js';
@@ -25,6 +24,7 @@ import 'react-focus-lock';
 import '../../../Transition/ZoomTransition/ZoomTransition.js';
 import '../../../Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../../Transition/OpacityTransition/OpacityTransition.js';
+import '../../../../config/ApiEndpoint.js';
 import '@dynamic-labs/rpc-providers';
 import '../../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
 import '../../../../context/ErrorContext/ErrorContext.js';

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

@@ -19,7 +19,6 @@ require('../../../../context/ViewContext/ViewContext.cjs');
 require('../../../../shared/consts/index.cjs');
 require('../../../../context/DynamicContext/DynamicContext.cjs');
 require('@dynamic-labs/multi-wallet');
-require('../../../../config/ApiEndpoint.cjs');
 require('../../../ShadowDOM/ShadowDOM.cjs');
 require('../../../../context/ThemeContext/ThemeContext.cjs');
 var classNames = require('../../../../utils/functions/classNames/classNames.cjs');
@@ -29,6 +28,7 @@ require('react-focus-lock');
 require('../../../Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../../Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../../Transition/OpacityTransition/OpacityTransition.cjs');
+require('../../../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
 require('../../../../context/ErrorContext/ErrorContext.cjs');
@@ -58,7 +58,7 @@ const NonNetworkSwitchingSupportedControl = ({ walletConnector, className, showN
     const [chain] = useFetchChain.useFetchChain(walletConnector);
     const chainName = (chain === null || chain === void 0 ? void 0 : chain.name) || '';
     const ChainIcon = getChainIcon.getChainIcon(chainName);
-    return (jsxRuntime.jsxs("div", { "data-testid": 'NonNetworkSwitchingSupportedControl', className: classNames.classNames('non-network-switching-supported-control', className), children: [jsxRuntime.jsx(Icon.Icon, { size: 'small', children: (chain === null || chain === void 0 ? void 0 : chain.icon) ? (jsxRuntime.jsx("img", { src: chain.icon, alt: `${chain.name} icon` })) : (jsxRuntime.jsx(ChainIcon, {})) }), showNetworkName && (jsxRuntime.jsx(Typography.Typography, { className: classNames.classNames('non-network-switching-supported-control__network-name'), as: 'span', variant: 'body_small', children: capitalize.capitalize(chainName) }))] }));
+    return (jsxRuntime.jsxs("div", { "data-testid": 'NonNetworkSwitchingSupportedControl', className: classNames.classNames('non-network-switching-supported-control', className), children: [jsxRuntime.jsx(Icon.Icon, { size: 'small', children: (chain === null || chain === void 0 ? void 0 : chain.icon) ? (jsxRuntime.jsx("img", { src: chain.icon, alt: `${chain.name} icon` })) : (jsxRuntime.jsx(ChainIcon, {})) }), showNetworkName && (jsxRuntime.jsx(Typography.Typography, { className: classNames.classNames('non-network-switching-supported-control__network-name'), as: 'span', variant: 'body_small', children: capitalize.capitalize(chainName) })), jsxRuntime.jsx("span", {})] }));
 };
 
 exports.NonNetworkSwitchingSupportedControl = NonNetworkSwitchingSupportedControl;

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

@@ -15,7 +15,6 @@ import '../../../../context/ViewContext/ViewContext.js';
 import '../../../../shared/consts/index.js';
 import '../../../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/multi-wallet';
-import '../../../../config/ApiEndpoint.js';
 import '../../../ShadowDOM/ShadowDOM.js';
 import '../../../../context/ThemeContext/ThemeContext.js';
 import { classNames } from '../../../../utils/functions/classNames/classNames.js';
@@ -25,6 +24,7 @@ import 'react-focus-lock';
 import '../../../Transition/ZoomTransition/ZoomTransition.js';
 import '../../../Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../../Transition/OpacityTransition/OpacityTransition.js';
+import '../../../../config/ApiEndpoint.js';
 import '@dynamic-labs/rpc-providers';
 import '../../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
 import '../../../../context/ErrorContext/ErrorContext.js';
@@ -54,7 +54,7 @@ const NonNetworkSwitchingSupportedControl = ({ walletConnector, className, showN
     const [chain] = useFetchChain(walletConnector);
     const chainName = (chain === null || chain === void 0 ? void 0 : chain.name) || '';
     const ChainIcon = getChainIcon(chainName);
-    return (jsxs("div", { "data-testid": 'NonNetworkSwitchingSupportedControl', className: classNames('non-network-switching-supported-control', className), children: [jsx(Icon, { size: 'small', children: (chain === null || chain === void 0 ? void 0 : chain.icon) ? (jsx("img", { src: chain.icon, alt: `${chain.name} icon` })) : (jsx(ChainIcon, {})) }), showNetworkName && (jsx(Typography, { className: classNames('non-network-switching-supported-control__network-name'), as: 'span', variant: 'body_small', children: capitalize(chainName) }))] }));
+    return (jsxs("div", { "data-testid": 'NonNetworkSwitchingSupportedControl', className: classNames('non-network-switching-supported-control', className), children: [jsx(Icon, { size: 'small', children: (chain === null || chain === void 0 ? void 0 : chain.icon) ? (jsx("img", { src: chain.icon, alt: `${chain.name} icon` })) : (jsx(ChainIcon, {})) }), showNetworkName && (jsx(Typography, { className: classNames('non-network-switching-supported-control__network-name'), as: 'span', variant: 'body_small', children: capitalize(chainName) })), jsx("span", {})] }));
 };
 
 export { NonNetworkSwitchingSupportedControl };

package/src/lib/components/OTPVerificationView/OTPVerificationView.cjs

@@ -23,7 +23,6 @@ require('viem');
 require('../../shared/consts/index.cjs');
 require('../../context/DynamicContext/DynamicContext.cjs');
 require('@dynamic-labs/multi-wallet');
-require('../../config/ApiEndpoint.cjs');
 require('../ShadowDOM/ShadowDOM.cjs');
 require('../../context/ThemeContext/ThemeContext.cjs');
 var Icon = require('../Icon/Icon.cjs');
@@ -32,6 +31,7 @@ require('react-focus-lock');
 require('../Transition/ZoomTransition/ZoomTransition.cjs');
 require('../Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../Transition/OpacityTransition/OpacityTransition.cjs');
+require('../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
 require('../../context/ErrorContext/ErrorContext.cjs');

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

@@ -19,7 +19,6 @@ import 'viem';
 import '../../shared/consts/index.js';
 import '../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/multi-wallet';
-import '../../config/ApiEndpoint.js';
 import '../ShadowDOM/ShadowDOM.js';
 import '../../context/ThemeContext/ThemeContext.js';
 import { Icon } from '../Icon/Icon.js';
@@ -28,6 +27,7 @@ import 'react-focus-lock';
 import '../Transition/ZoomTransition/ZoomTransition.js';
 import '../Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../Transition/OpacityTransition/OpacityTransition.js';
+import '../../config/ApiEndpoint.js';
 import '@dynamic-labs/rpc-providers';
 import '../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
 import '../../context/ErrorContext/ErrorContext.js';

package/src/lib/components/SelectWalletChainLayout/SelectWalletChainLayout.cjs

@@ -7,6 +7,6 @@ var Typography = require('../Typography/Typography.cjs');
 var IconWithSpinner = require('../IconWithSpinner/IconWithSpinner.cjs');
 var PoweredByDynamic = require('../PoweredByDynamic/PoweredByDynamic.cjs');
 
-const SelectWalletChainLayout = ({ children, HeaderIcon }) => (jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(IconWithSpinner.IconWithSpinner, { className: 'select-wallet-chain-layout__icon', Icon: HeaderIcon, iconSize: 100, isSpinning: true }), jsxRuntime.jsxs("div", { className: 'select-wallet-chain-layout__body', children: [jsxRuntime.jsx(Typography.Typography, { className: 'select-wallet-chain-layout__title', as: 'h6', color: 'primary', variant: 'title', children: "Select Chain" }), jsxRuntime.jsx(Typography.Typography, { className: 'select-wallet-chain-layout__text', as: 'p', color: 'secondary', variant: 'body_normal', children: "This wallet supports multiple chains. Select which chain you'd like to connect to" }), jsxRuntime.jsx("div", { className: 'select-wallet-chain-layout__list', children: children })] }), jsxRuntime.jsx(PoweredByDynamic.PoweredByDynamic, { classNameRoot: 'select-wallet-chain-layout__powered-by' })] }));
+const SelectWalletChainLayout = ({ children, HeaderIcon }) => (jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(IconWithSpinner.IconWithSpinner, { className: 'select-wallet-chain-layout__icon', Icon: HeaderIcon, iconSize: 100 }), jsxRuntime.jsxs("div", { className: 'select-wallet-chain-layout__body', children: [jsxRuntime.jsx(Typography.Typography, { className: 'select-wallet-chain-layout__title', as: 'h6', color: 'primary', variant: 'title', children: "Select Chain" }), jsxRuntime.jsx(Typography.Typography, { className: 'select-wallet-chain-layout__text', as: 'p', color: 'secondary', variant: 'body_normal', children: "This wallet supports multiple chains. Select which chain you'd like to connect to" }), jsxRuntime.jsx("div", { className: 'select-wallet-chain-layout__list', children: children })] }), jsxRuntime.jsx(PoweredByDynamic.PoweredByDynamic, { classNameRoot: 'select-wallet-chain-layout__powered-by' })] }));
 
 exports.SelectWalletChainLayout = SelectWalletChainLayout;

package/src/lib/components/SelectWalletChainLayout/SelectWalletChainLayout.js

@@ -3,6 +3,6 @@ import { Typography } from '../Typography/Typography.js';
 import { IconWithSpinner } from '../IconWithSpinner/IconWithSpinner.js';
 import { PoweredByDynamic } from '../PoweredByDynamic/PoweredByDynamic.js';
 
-const SelectWalletChainLayout = ({ children, HeaderIcon }) => (jsxs("div", { children: [jsx(IconWithSpinner, { className: 'select-wallet-chain-layout__icon', Icon: HeaderIcon, iconSize: 100, isSpinning: true }), jsxs("div", { className: 'select-wallet-chain-layout__body', children: [jsx(Typography, { className: 'select-wallet-chain-layout__title', as: 'h6', color: 'primary', variant: 'title', children: "Select Chain" }), jsx(Typography, { className: 'select-wallet-chain-layout__text', as: 'p', color: 'secondary', variant: 'body_normal', children: "This wallet supports multiple chains. Select which chain you'd like to connect to" }), jsx("div", { className: 'select-wallet-chain-layout__list', children: children })] }), jsx(PoweredByDynamic, { classNameRoot: 'select-wallet-chain-layout__powered-by' })] }));
+const SelectWalletChainLayout = ({ children, HeaderIcon }) => (jsxs("div", { children: [jsx(IconWithSpinner, { className: 'select-wallet-chain-layout__icon', Icon: HeaderIcon, iconSize: 100 }), jsxs("div", { className: 'select-wallet-chain-layout__body', children: [jsx(Typography, { className: 'select-wallet-chain-layout__title', as: 'h6', color: 'primary', variant: 'title', children: "Select Chain" }), jsx(Typography, { className: 'select-wallet-chain-layout__text', as: 'p', color: 'secondary', variant: 'body_normal', children: "This wallet supports multiple chains. Select which chain you'd like to connect to" }), jsx("div", { className: 'select-wallet-chain-layout__list', children: children })] }), jsx(PoweredByDynamic, { classNameRoot: 'select-wallet-chain-layout__powered-by' })] }));
 
 export { SelectWalletChainLayout };

package/src/lib/components/Toolkit/Toolkit.cjs

@@ -19,7 +19,6 @@ var index = require('../../shared/consts/index.cjs');
 var useInternalDynamicContext = require('../../context/DynamicContext/useInternalDynamicContext.cjs');
 require('@dynamic-labs/multi-wallet');
 var isEmailProviderEnabled = require('../../utils/functions/isEmailProviderEnabled/isEmailProviderEnabled.cjs');
-require('../../config/ApiEndpoint.cjs');
 var ShadowDOM = require('../ShadowDOM/ShadowDOM.cjs');
 var ThemeSwitch = require('./components/ThemeSwitch.cjs');
 var PrimaryColorInput = require('./components/PrimaryColorInput.cjs');

package/src/lib/components/Toolkit/Toolkit.js

@@ -15,7 +15,6 @@ import { toolkitZIndex } from '../../shared/consts/index.js';
 import { useInternalDynamicContext } from '../../context/DynamicContext/useInternalDynamicContext.js';
 import '@dynamic-labs/multi-wallet';
 import { isEmailProviderEnabled } from '../../utils/functions/isEmailProviderEnabled/isEmailProviderEnabled.js';
-import '../../config/ApiEndpoint.js';
 import { ShadowDOM } from '../ShadowDOM/ShadowDOM.js';
 import { ThemeSwitch } from './components/ThemeSwitch.js';
 import { PrimaryColorInput } from './components/PrimaryColorInput.js';

package/src/lib/components/TransactionStatusLayout/TransactionStatusLayout.cjs

@@ -26,8 +26,8 @@ var Typography = require('../Typography/Typography.cjs');
 var PoweredByDynamic = require('../PoweredByDynamic/PoweredByDynamic.cjs');
 var Button = require('../Button/Button.cjs');
 require('@dynamic-labs/multi-wallet');
-require('../../config/ApiEndpoint.cjs');
 require('../../context/ThemeContext/ThemeContext.cjs');
+require('../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
 require('../../context/DynamicContext/DynamicContext.cjs');

package/src/lib/components/TransactionStatusLayout/TransactionStatusLayout.js

@@ -22,8 +22,8 @@ import { Typography } from '../Typography/Typography.js';
 import { PoweredByDynamic } from '../PoweredByDynamic/PoweredByDynamic.js';
 import { Button } from '../Button/Button.js';
 import '@dynamic-labs/multi-wallet';
-import '../../config/ApiEndpoint.js';
 import '../../context/ThemeContext/ThemeContext.js';
+import '../../config/ApiEndpoint.js';
 import '@dynamic-labs/rpc-providers';
 import '../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
 import '../../context/DynamicContext/DynamicContext.js';

package/src/lib/components/UserProfile/UserProfile.cjs

@@ -23,7 +23,6 @@ require('@dynamic-labs/multi-wallet');
 var index = require('../../utils/functions/getEnabledOAuthProviders/index.cjs');
 var isSocialKycEnabled = require('../../utils/functions/isSocialKycEnabled/isSocialKycEnabled.cjs');
 var getUserProfileFields = require('../../utils/functions/getUserProfileFields/getUserProfileFields.cjs');
-require('../../config/ApiEndpoint.cjs');
 var ErrorContext = require('../../context/ErrorContext/ErrorContext.cjs');
 var ErrorContainer = require('../ErrorContainer/ErrorContainer.cjs');
 var UserProfileField = require('./parts/UserProfileField/UserProfileField.cjs');

package/src/lib/components/UserProfile/UserProfile.js

@@ -19,7 +19,6 @@ import '@dynamic-labs/multi-wallet';
 import { getEnabledOAuthProviders } from '../../utils/functions/getEnabledOAuthProviders/index.js';
 import { isSocialKycEnabled } from '../../utils/functions/isSocialKycEnabled/isSocialKycEnabled.js';
 import { getUserProfileFields } from '../../utils/functions/getUserProfileFields/getUserProfileFields.js';
-import '../../config/ApiEndpoint.js';
 import { useErrorContext } from '../../context/ErrorContext/ErrorContext.js';
 import { ErrorContainer } from '../ErrorContainer/ErrorContainer.js';
 import { UserProfileField } from './parts/UserProfileField/UserProfileField.js';

package/src/lib/components/UserProfile/parts/UserProfileField/UserProfileField.cjs

@@ -18,7 +18,6 @@ require('viem');
 require('../../../../shared/consts/index.cjs');
 require('../../../../context/DynamicContext/DynamicContext.cjs');
 require('@dynamic-labs/multi-wallet');
-require('../../../../config/ApiEndpoint.cjs');
 require('../../../ShadowDOM/ShadowDOM.cjs');
 require('../../../../context/ThemeContext/ThemeContext.cjs');
 require('react-dom');
@@ -26,6 +25,7 @@ require('react-focus-lock');
 require('../../../Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../../Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../../Transition/OpacityTransition/OpacityTransition.cjs');
+require('../../../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
 require('../../../../context/ErrorContext/ErrorContext.cjs');

package/src/lib/components/UserProfile/parts/UserProfileField/UserProfileField.js

@@ -14,7 +14,6 @@ import 'viem';
 import '../../../../shared/consts/index.js';
 import '../../../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/multi-wallet';
-import '../../../../config/ApiEndpoint.js';
 import '../../../ShadowDOM/ShadowDOM.js';
 import '../../../../context/ThemeContext/ThemeContext.js';
 import 'react-dom';
@@ -22,6 +21,7 @@ import 'react-focus-lock';
 import '../../../Transition/ZoomTransition/ZoomTransition.js';
 import '../../../Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../../Transition/OpacityTransition/OpacityTransition.js';
+import '../../../../config/ApiEndpoint.js';
 import '@dynamic-labs/rpc-providers';
 import '../../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
 import '../../../../context/ErrorContext/ErrorContext.js';

package/src/lib/components/UserProfile/parts/UserProfileSection/UserProfileSection.cjs

@@ -18,7 +18,6 @@ require('viem');
 require('../../../../shared/consts/index.cjs');
 require('../../../../context/DynamicContext/DynamicContext.cjs');
 require('@dynamic-labs/multi-wallet');
-require('../../../../config/ApiEndpoint.cjs');
 require('../../../ShadowDOM/ShadowDOM.cjs');
 require('../../../../context/ThemeContext/ThemeContext.cjs');
 require('react-dom');
@@ -26,6 +25,7 @@ require('react-focus-lock');
 require('../../../Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../../Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../../Transition/OpacityTransition/OpacityTransition.cjs');
+require('../../../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
 require('../../../../context/ErrorContext/ErrorContext.cjs');