@dynamic-labs/sdk-react-core 0.17.0-RC.6 → 0.17.0-RC.8

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

@@ -1,15 +1,17 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react';
-import '@dynamic-labs/multi-wallet';
+import '@dynamic-labs/utils';
 import '@dynamic-labs/sdk-api';
 import '../../../../config/ApiEndpoint.js';
 import '../../../../shared/logger.js';
 import '@dynamic-labs/iconic';
+import '@dynamic-labs/multi-wallet';
 import '../../../../context/ViewContext/ViewContext.js';
 import { ReactComponent as SvgClose } from '../../../../shared/assets/close.js';
 import '../../../../utils/constants/colors.js';
 import { usePreventPageScroll } from '../../../../shared/utils/hooks/usePreventPageScroll/usePreventPageScroll.js';
 import '../../../../shared/consts/index.js';
+import '@dynamic-labs/rpc-providers';
 import '../../../../context/DynamicContext/DynamicContext.js';
 import '../../../../context/ErrorContext/ErrorContext.js';
 import { useTransition } from '../../../../utils/hooks/useTransition/useTransition.js';
@@ -26,6 +28,7 @@ import { IconButton } from '../../../IconButton/IconButton.js';
 import 'ethers';
 import '../../../../context/MockContext/MockContext.js';
 import '../../../../context/CaptchaContext/CaptchaContext.js';
+import '@dynamic-labs/wallet-connector-core';
 import '../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
 
 const IN_DURATION = 300;

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

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
+var utils = require('@dynamic-labs/utils');
 require('@dynamic-labs/iconic');
 require('../../../../context/ViewContext/ViewContext.cjs');
 var stroke = require('../../../../shared/assets/stroke.cjs');
@@ -24,10 +25,12 @@ 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('../../../../context/ErrorContext/ErrorContext.cjs');
 require('ethers');
 require('../../../../context/MockContext/MockContext.cjs');
 require('../../../../context/CaptchaContext/CaptchaContext.cjs');
+require('@dynamic-labs/wallet-connector-core');
 require('../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');
 require('../../../IconButton/IconButton.cjs');
 var NetworkControlSkeleton = require('../NetworkControlSkeleton/NetworkControlSkeleton.cjs');
@@ -35,7 +38,7 @@ var UnsupportedNetwork = require('../UnsupportedNetwork/UnsupportedNetwork.cjs')
 
 const EvmNetworkControl = ({ evmNetworks, className = '', activeClassName = '', network, walletConnector, isOpen, setIsOpen, showNetworkName = false, }) => {
     var _a, _b;
-    const evmNetwork = evmNetworks === null || evmNetworks === void 0 ? void 0 : evmNetworks.find((element) => element.chainId === network);
+    const evmNetwork = evmNetworks === null || evmNetworks === void 0 ? void 0 : evmNetworks.find((element) => network && element.chainId === utils.parseChainId(network));
     if (evmNetworks && !evmNetworks.length) {
         return (jsxRuntime.jsx("div", Object.assign({ "data-testid": 'EvmNetworkControl', className: classNames.classNames('evm-network-control__container evm-network-control__container--error', className) }, { children: jsxRuntime.jsx(UnsupportedNetwork.UnsupportedNetwork, { showMsg: showNetworkName }) })));
     }
@@ -54,13 +57,13 @@ const EvmNetworkControl = ({ evmNetworks, className = '', activeClassName = '',
         }
         return (jsxRuntime.jsx("div", Object.assign({ "data-testid": 'EvmNetworkControl', onClick: () => network && setIsOpen(!isOpen), className: classNames.classNames('evm-network-control__container', {
                 [activeClassName]: isOpen,
-            }, className) }, { children: evmNetwork.chainName && ((_a = evmNetwork.iconUrls) === null || _a === void 0 ? void 0 : _a[0]) ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Icon.Icon, Object.assign({ size: 'small' }, { children: jsxRuntime.jsx("img", { src: evmNetwork.iconUrls[0], alt: `${evmNetwork.chainName} icon` }) })), showNetworkName && (jsxRuntime.jsx(Typography.Typography, Object.assign({ className: 'evm-network-control__network-name', as: 'span', variant: 'body_small' }, { children: evmNetwork.vanityName || evmNetwork.chainName })))] })) : (jsxRuntime.jsx(UnsupportedNetwork.UnsupportedNetwork, { showMsg: showNetworkName })) })));
+            }, className) }, { children: evmNetwork.name && ((_a = evmNetwork.iconUrls) === null || _a === void 0 ? void 0 : _a[0]) ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Icon.Icon, Object.assign({ size: 'small' }, { children: jsxRuntime.jsx("img", { src: evmNetwork.iconUrls[0], alt: `${evmNetwork.name} icon` }) })), showNetworkName && (jsxRuntime.jsx(Typography.Typography, Object.assign({ className: 'evm-network-control__network-name', as: 'span', variant: 'body_small' }, { children: evmNetwork.vanityName || evmNetwork.name })))] })) : (jsxRuntime.jsx(UnsupportedNetwork.UnsupportedNetwork, { showMsg: showNetworkName })) })));
     }
     return (jsxRuntime.jsxs("button", Object.assign({ "data-testid": 'EvmNetworkControl', type: 'button', onClick: () => network && setIsOpen(!isOpen), className: classNames.classNames(className, {
             [activeClassName]: isOpen,
             'evm-network-control__container': Boolean(walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.supportsNetworkSwitching()),
-            'evm-network-control__container--error': !(evmNetwork === null || evmNetwork === void 0 ? void 0 : evmNetwork.chainName),
-        }) }, { children: [(evmNetwork === null || evmNetwork === void 0 ? void 0 : evmNetwork.chainName) && ((_b = evmNetwork === null || evmNetwork === void 0 ? void 0 : evmNetwork.iconUrls) === null || _b === void 0 ? void 0 : _b[0]) ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Icon.Icon, Object.assign({ size: 'small' }, { children: jsxRuntime.jsx("img", { src: evmNetwork.iconUrls[0], alt: `${evmNetwork.chainName} icon` }) })), showNetworkName && (jsxRuntime.jsx(Typography.Typography, Object.assign({ className: 'evm-network-control__network-name', as: 'span', variant: 'body_small' }, { children: evmNetwork.vanityName || evmNetwork.chainName })))] })) : (jsxRuntime.jsx(UnsupportedNetwork.UnsupportedNetwork, { showMsg: showNetworkName })), evmNetworks && evmNetworks.length > 1 && (jsxRuntime.jsx(Icon.Icon, Object.assign({ color: 'text-primary', size: 'small', className: classNames.classNames('evm-network-control__arrow-icon', {
+            'evm-network-control__container--error': !(evmNetwork === null || evmNetwork === void 0 ? void 0 : evmNetwork.name),
+        }) }, { children: [(evmNetwork === null || evmNetwork === void 0 ? void 0 : evmNetwork.name) && ((_b = evmNetwork === null || evmNetwork === void 0 ? void 0 : evmNetwork.iconUrls) === null || _b === void 0 ? void 0 : _b[0]) ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Icon.Icon, Object.assign({ size: 'small' }, { children: jsxRuntime.jsx("img", { src: evmNetwork.iconUrls[0], alt: `${evmNetwork.name} icon` }) })), showNetworkName && (jsxRuntime.jsx(Typography.Typography, Object.assign({ className: 'evm-network-control__network-name', as: 'span', variant: 'body_small' }, { children: evmNetwork.vanityName || evmNetwork.name })))] })) : (jsxRuntime.jsx(UnsupportedNetwork.UnsupportedNetwork, { showMsg: showNetworkName })), evmNetworks && evmNetworks.length > 1 && (jsxRuntime.jsx(Icon.Icon, Object.assign({ color: 'text-primary', size: 'small', className: classNames.classNames('evm-network-control__arrow-icon', {
                     'evm-network-control__arrow-icon--active': isOpen,
                 }) }, { children: jsxRuntime.jsx(stroke.ReactComponent, {}) })))] })));
 };

package/src/lib/components/NetworkPicker/components/EvmNetworkControl/EvmNetworkControl.d.ts

@@ -1,13 +1,13 @@
 import { Dispatch, SetStateAction } from 'react';
-import { EvmNetwork } from '@dynamic-labs/multi-wallet';
 import { WalletConnector } from '@dynamic-labs/wallet-connector-core';
+import { EvmNetwork } from '@dynamic-labs/types';
 type Props = {
     activeClassName?: string;
     className?: string;
     evmNetworks?: EvmNetwork[];
     isOpen: boolean;
     loading: boolean;
-    network: number | undefined;
+    network: number | string | undefined;
     setIsOpen: Dispatch<SetStateAction<boolean>>;
     showNetworkName?: boolean;
     walletConnector: WalletConnector | undefined;

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

@@ -1,4 +1,5 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { parseChainId } from '@dynamic-labs/utils';
 import '@dynamic-labs/iconic';
 import '../../../../context/ViewContext/ViewContext.js';
 import { ReactComponent as SvgStroke } from '../../../../shared/assets/stroke.js';
@@ -20,10 +21,12 @@ 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 '../../../../context/ErrorContext/ErrorContext.js';
 import 'ethers';
 import '../../../../context/MockContext/MockContext.js';
 import '../../../../context/CaptchaContext/CaptchaContext.js';
+import '@dynamic-labs/wallet-connector-core';
 import '../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
 import '../../../IconButton/IconButton.js';
 import { NetworkControlSkeleton } from '../NetworkControlSkeleton/NetworkControlSkeleton.js';
@@ -31,7 +34,7 @@ import { UnsupportedNetwork } from '../UnsupportedNetwork/UnsupportedNetwork.js'
 
 const EvmNetworkControl = ({ evmNetworks, className = '', activeClassName = '', network, walletConnector, isOpen, setIsOpen, showNetworkName = false, }) => {
     var _a, _b;
-    const evmNetwork = evmNetworks === null || evmNetworks === void 0 ? void 0 : evmNetworks.find((element) => element.chainId === network);
+    const evmNetwork = evmNetworks === null || evmNetworks === void 0 ? void 0 : evmNetworks.find((element) => network && element.chainId === parseChainId(network));
     if (evmNetworks && !evmNetworks.length) {
         return (jsx("div", Object.assign({ "data-testid": 'EvmNetworkControl', className: classNames('evm-network-control__container evm-network-control__container--error', className) }, { children: jsx(UnsupportedNetwork, { showMsg: showNetworkName }) })));
     }
@@ -50,13 +53,13 @@ const EvmNetworkControl = ({ evmNetworks, className = '', activeClassName = '',
         }
         return (jsx("div", Object.assign({ "data-testid": 'EvmNetworkControl', onClick: () => network && setIsOpen(!isOpen), className: classNames('evm-network-control__container', {
                 [activeClassName]: isOpen,
-            }, className) }, { children: evmNetwork.chainName && ((_a = evmNetwork.iconUrls) === null || _a === void 0 ? void 0 : _a[0]) ? (jsxs(Fragment, { children: [jsx(Icon, Object.assign({ size: 'small' }, { children: jsx("img", { src: evmNetwork.iconUrls[0], alt: `${evmNetwork.chainName} icon` }) })), showNetworkName && (jsx(Typography, Object.assign({ className: 'evm-network-control__network-name', as: 'span', variant: 'body_small' }, { children: evmNetwork.vanityName || evmNetwork.chainName })))] })) : (jsx(UnsupportedNetwork, { showMsg: showNetworkName })) })));
+            }, className) }, { children: evmNetwork.name && ((_a = evmNetwork.iconUrls) === null || _a === void 0 ? void 0 : _a[0]) ? (jsxs(Fragment, { children: [jsx(Icon, Object.assign({ size: 'small' }, { children: jsx("img", { src: evmNetwork.iconUrls[0], alt: `${evmNetwork.name} icon` }) })), showNetworkName && (jsx(Typography, Object.assign({ className: 'evm-network-control__network-name', as: 'span', variant: 'body_small' }, { children: evmNetwork.vanityName || evmNetwork.name })))] })) : (jsx(UnsupportedNetwork, { showMsg: showNetworkName })) })));
     }
     return (jsxs("button", Object.assign({ "data-testid": 'EvmNetworkControl', type: 'button', onClick: () => network && setIsOpen(!isOpen), className: classNames(className, {
             [activeClassName]: isOpen,
             'evm-network-control__container': Boolean(walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.supportsNetworkSwitching()),
-            'evm-network-control__container--error': !(evmNetwork === null || evmNetwork === void 0 ? void 0 : evmNetwork.chainName),
-        }) }, { children: [(evmNetwork === null || evmNetwork === void 0 ? void 0 : evmNetwork.chainName) && ((_b = evmNetwork === null || evmNetwork === void 0 ? void 0 : evmNetwork.iconUrls) === null || _b === void 0 ? void 0 : _b[0]) ? (jsxs(Fragment, { children: [jsx(Icon, Object.assign({ size: 'small' }, { children: jsx("img", { src: evmNetwork.iconUrls[0], alt: `${evmNetwork.chainName} icon` }) })), showNetworkName && (jsx(Typography, Object.assign({ className: 'evm-network-control__network-name', as: 'span', variant: 'body_small' }, { children: evmNetwork.vanityName || evmNetwork.chainName })))] })) : (jsx(UnsupportedNetwork, { showMsg: showNetworkName })), evmNetworks && evmNetworks.length > 1 && (jsx(Icon, Object.assign({ color: 'text-primary', size: 'small', className: classNames('evm-network-control__arrow-icon', {
+            'evm-network-control__container--error': !(evmNetwork === null || evmNetwork === void 0 ? void 0 : evmNetwork.name),
+        }) }, { children: [(evmNetwork === null || evmNetwork === void 0 ? void 0 : evmNetwork.name) && ((_b = evmNetwork === null || evmNetwork === void 0 ? void 0 : evmNetwork.iconUrls) === null || _b === void 0 ? void 0 : _b[0]) ? (jsxs(Fragment, { children: [jsx(Icon, Object.assign({ size: 'small' }, { children: jsx("img", { src: evmNetwork.iconUrls[0], alt: `${evmNetwork.name} icon` }) })), showNetworkName && (jsx(Typography, Object.assign({ className: 'evm-network-control__network-name', as: 'span', variant: 'body_small' }, { children: evmNetwork.vanityName || evmNetwork.name })))] })) : (jsx(UnsupportedNetwork, { showMsg: showNetworkName })), evmNetworks && evmNetworks.length > 1 && (jsx(Icon, Object.assign({ color: 'text-primary', size: 'small', className: classNames('evm-network-control__arrow-icon', {
                     'evm-network-control__arrow-icon--active': isOpen,
                 }) }, { children: jsx(SvgStroke, {}) })))] })));
 };

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

@@ -15,6 +15,7 @@ var check = require('../../../../shared/assets/check.cjs');
 require('../../../../utils/constants/colors.cjs');
 require('../../../../shared/consts/index.cjs');
 require('../../../../context/DynamicContext/DynamicContext.cjs');
+require('@dynamic-labs/utils');
 require('../../../ShadowDOM/ShadowDOM.cjs');
 require('../../../../context/ThemeContext/ThemeContext.cjs');
 var classNames = require('../../../../utils/functions/classNames/classNames.cjs');
@@ -24,10 +25,12 @@ 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('../../../../context/ErrorContext/ErrorContext.cjs');
 require('ethers');
 require('../../../../context/MockContext/MockContext.cjs');
 require('../../../../context/CaptchaContext/CaptchaContext.cjs');
+require('@dynamic-labs/wallet-connector-core');
 require('../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');
 require('../../../IconButton/IconButton.cjs');
 var Spinner = require('../../../IconWithSpinner/Spinner/Spinner.cjs');

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

@@ -11,6 +11,7 @@ import { ReactComponent as SvgCheck } from '../../../../shared/assets/check.js';
 import '../../../../utils/constants/colors.js';
 import '../../../../shared/consts/index.js';
 import '../../../../context/DynamicContext/DynamicContext.js';
+import '@dynamic-labs/utils';
 import '../../../ShadowDOM/ShadowDOM.js';
 import '../../../../context/ThemeContext/ThemeContext.js';
 import { classNames } from '../../../../utils/functions/classNames/classNames.js';
@@ -20,10 +21,12 @@ 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 '../../../../context/ErrorContext/ErrorContext.js';
 import 'ethers';
 import '../../../../context/MockContext/MockContext.js';
 import '../../../../context/CaptchaContext/CaptchaContext.js';
+import '@dynamic-labs/wallet-connector-core';
 import '../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
 import '../../../IconButton/IconButton.js';
 import { Spinner } from '../../../IconWithSpinner/Spinner/Spinner.js';

package/src/lib/components/NetworkPicker/components/NetworkAction/NetworkAction.d.ts

@@ -2,11 +2,11 @@
 type Props = {
     checkboxClassName?: string;
     iconUrl?: string;
-    network: number | undefined;
-    networkId: number;
+    network: number | string | undefined;
+    networkId: number | string;
     networkName: string;
-    newNetworkId: number | undefined;
-    onClick: (networkId: number) => Promise<void>;
+    newNetworkId: number | string | undefined;
+    onClick: (networkId: number | string) => Promise<void>;
 };
 export declare const NetworkAction: ({ iconUrl, networkId, network, onClick, networkName, checkboxClassName, newNetworkId, }: Props) => JSX.Element;
 export {};

package/src/lib/components/NetworkPicker/components/NetworkControl/NetworkControl.d.ts

@@ -1,5 +1,5 @@
 import { Dispatch, SetStateAction } from 'react';
-import { EvmNetwork } from '@dynamic-labs/multi-wallet';
+import { EvmNetwork } from '@dynamic-labs/types';
 import { WalletConnector } from '@dynamic-labs/wallet-connector-core';
 type Props = {
     activeClassName?: string;
@@ -7,7 +7,7 @@ type Props = {
     evmNetworks?: EvmNetwork[];
     isOpen: boolean;
     loading: boolean;
-    network: number | undefined;
+    network: number | string | undefined;
     setIsOpen: Dispatch<SetStateAction<boolean>>;
     showNetworkName?: boolean;
     walletConnector: WalletConnector | undefined;

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

@@ -14,6 +14,7 @@ require('@dynamic-labs/iconic');
 require('../../../../context/ViewContext/ViewContext.cjs');
 require('../../../../shared/consts/index.cjs');
 require('../../../../context/DynamicContext/DynamicContext.cjs');
+require('@dynamic-labs/utils');
 require('../../../ShadowDOM/ShadowDOM.cjs');
 require('../../../../context/ThemeContext/ThemeContext.cjs');
 var classNames = require('../../../../utils/functions/classNames/classNames.cjs');
@@ -24,11 +25,13 @@ 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('../../../../context/ErrorContext/ErrorContext.cjs');
 require('ethers');
 var useFetchChain = require('../../../../widgets/DynamicWidget/hooks/useFetchChain/useFetchChain.cjs');
 require('../../../../context/MockContext/MockContext.cjs');
 require('../../../../context/CaptchaContext/CaptchaContext.cjs');
+require('@dynamic-labs/wallet-connector-core');
 require('../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');
 require('../../../IconButton/IconButton.cjs');
 var capitalize = require('../../../../shared/utils/functions/capitalize/capitalize.cjs');

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

@@ -10,6 +10,7 @@ import '@dynamic-labs/iconic';
 import '../../../../context/ViewContext/ViewContext.js';
 import '../../../../shared/consts/index.js';
 import '../../../../context/DynamicContext/DynamicContext.js';
+import '@dynamic-labs/utils';
 import '../../../ShadowDOM/ShadowDOM.js';
 import '../../../../context/ThemeContext/ThemeContext.js';
 import { classNames } from '../../../../utils/functions/classNames/classNames.js';
@@ -20,11 +21,13 @@ 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 '../../../../context/ErrorContext/ErrorContext.js';
 import 'ethers';
 import { useFetchChain } from '../../../../widgets/DynamicWidget/hooks/useFetchChain/useFetchChain.js';
 import '../../../../context/MockContext/MockContext.js';
 import '../../../../context/CaptchaContext/CaptchaContext.js';
+import '@dynamic-labs/wallet-connector-core';
 import '../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
 import '../../../IconButton/IconButton.js';
 import { capitalize } from '../../../../shared/utils/functions/capitalize/capitalize.js';

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

@@ -16,6 +16,7 @@ var pencilAltIcon = require('../../shared/assets/pencil-alt-icon.cjs');
 require('../../utils/constants/colors.cjs');
 require('../../shared/consts/index.cjs');
 require('../../context/DynamicContext/DynamicContext.cjs');
+require('@dynamic-labs/utils');
 require('../ShadowDOM/ShadowDOM.cjs');
 require('../../context/ThemeContext/ThemeContext.cjs');
 var Icon = require('../Icon/Icon.cjs');
@@ -25,10 +26,12 @@ 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('../../context/ErrorContext/ErrorContext.cjs');
 require('ethers');
 require('../../context/MockContext/MockContext.cjs');
 require('../../context/CaptchaContext/CaptchaContext.cjs');
+require('@dynamic-labs/wallet-connector-core');
 require('../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');
 var IconButton = require('../IconButton/IconButton.cjs');
 var ModalHeader = require('../ModalHeader/ModalHeader.cjs');

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

@@ -12,6 +12,7 @@ import { ReactComponent as SvgPencilAltIcon } from '../../shared/assets/pencil-a
 import '../../utils/constants/colors.js';
 import '../../shared/consts/index.js';
 import '../../context/DynamicContext/DynamicContext.js';
+import '@dynamic-labs/utils';
 import '../ShadowDOM/ShadowDOM.js';
 import '../../context/ThemeContext/ThemeContext.js';
 import { Icon } from '../Icon/Icon.js';
@@ -21,10 +22,12 @@ 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 '../../context/ErrorContext/ErrorContext.js';
 import 'ethers';
 import '../../context/MockContext/MockContext.js';
 import '../../context/CaptchaContext/CaptchaContext.js';
+import '@dynamic-labs/wallet-connector-core';
 import '../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
 import { IconButton } from '../IconButton/IconButton.js';
 import { ModalHeader } from '../ModalHeader/ModalHeader.js';

package/src/lib/components/OverlayCard/OverlayCard.cjs

@@ -9,14 +9,16 @@ var AnimatePresence = require('../AnimatePresence/AnimatePresence.cjs');
 require('../Transition/ZoomTransition/ZoomTransition.cjs');
 var SlideInUpTransition = require('../Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 var OpacityTransition = require('../Transition/OpacityTransition/OpacityTransition.cjs');
-require('@dynamic-labs/multi-wallet');
+require('@dynamic-labs/utils');
 require('@dynamic-labs/sdk-api');
 require('../../config/ApiEndpoint.cjs');
 require('../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
+require('@dynamic-labs/multi-wallet');
 require('../../context/ViewContext/ViewContext.cjs');
 require('../../utils/constants/colors.cjs');
 require('../../shared/consts/index.cjs');
+require('@dynamic-labs/rpc-providers');
 require('../../context/DynamicContext/DynamicContext.cjs');
 require('../../context/ErrorContext/ErrorContext.cjs');
 require('../ShadowDOM/ShadowDOM.cjs');
@@ -26,6 +28,7 @@ require('../IconButton/IconButton.cjs');
 require('ethers');
 require('../../context/MockContext/MockContext.cjs');
 require('../../context/CaptchaContext/CaptchaContext.cjs');
+require('@dynamic-labs/wallet-connector-core');
 require('../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');
 var OverlayCard_context = require('./OverlayCard.context.cjs');
 

package/src/lib/components/OverlayCard/OverlayCard.js

@@ -5,14 +5,16 @@ import { AnimatePresence } from '../AnimatePresence/AnimatePresence.js';
 import '../Transition/ZoomTransition/ZoomTransition.js';
 import { SlideInUpTransition } from '../Transition/SlideInUpTransition/SlideInUpTransition.js';
 import { OpacityTransition } from '../Transition/OpacityTransition/OpacityTransition.js';
-import '@dynamic-labs/multi-wallet';
+import '@dynamic-labs/utils';
 import '@dynamic-labs/sdk-api';
 import '../../config/ApiEndpoint.js';
 import '../../shared/logger.js';
 import '@dynamic-labs/iconic';
+import '@dynamic-labs/multi-wallet';
 import '../../context/ViewContext/ViewContext.js';
 import '../../utils/constants/colors.js';
 import '../../shared/consts/index.js';
+import '@dynamic-labs/rpc-providers';
 import '../../context/DynamicContext/DynamicContext.js';
 import '../../context/ErrorContext/ErrorContext.js';
 import '../ShadowDOM/ShadowDOM.js';
@@ -22,6 +24,7 @@ import '../IconButton/IconButton.js';
 import 'ethers';
 import '../../context/MockContext/MockContext.js';
 import '../../context/CaptchaContext/CaptchaContext.js';
+import '@dynamic-labs/wallet-connector-core';
 import '../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
 import { overlayCardContext } from './OverlayCard.context.js';
 

package/src/lib/components/Portal/Portal.cjs

@@ -9,14 +9,16 @@ require('../Transition/ZoomTransition/ZoomTransition.cjs');
 require('../Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 var OpacityTransition = require('../Transition/OpacityTransition/OpacityTransition.cjs');
 require('react');
-require('@dynamic-labs/multi-wallet');
+require('@dynamic-labs/utils');
 require('@dynamic-labs/sdk-api');
 require('../../config/ApiEndpoint.cjs');
 require('../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
+require('@dynamic-labs/multi-wallet');
 var ViewContext = require('../../context/ViewContext/ViewContext.cjs');
 require('../../utils/constants/colors.cjs');
 require('../../shared/consts/index.cjs');
+require('@dynamic-labs/rpc-providers');
 require('../../context/DynamicContext/DynamicContext.cjs');
 require('../../context/ErrorContext/ErrorContext.cjs');
 var useElementById = require('../../utils/hooks/useElementById/useElementById.cjs');
@@ -27,6 +29,7 @@ require('../IconButton/IconButton.cjs');
 require('ethers');
 require('../../context/MockContext/MockContext.cjs');
 require('../../context/CaptchaContext/CaptchaContext.cjs');
+require('@dynamic-labs/wallet-connector-core');
 require('../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -36,7 +39,6 @@ var ReactFocusLock__default = /*#__PURE__*/_interopDefaultLegacy(ReactFocusLock)
 const ModalComponent = ({ children, handleClose, withBackdrop = true, zIndex, whiteList, }) => {
     const { view } = ViewContext.useViewContext();
     const shouldCloseOnBackdropClick = view !== 'collect-user-data' &&
-        view !== 'network-not-supported' &&
         view !== 'update-email' &&
         view !== 'login-with-email-verification' &&
         view !== 'verify-email';

package/src/lib/components/Portal/Portal.js

@@ -5,14 +5,16 @@ import '../Transition/ZoomTransition/ZoomTransition.js';
 import '../Transition/SlideInUpTransition/SlideInUpTransition.js';
 import { OpacityTransition } from '../Transition/OpacityTransition/OpacityTransition.js';
 import 'react';
-import '@dynamic-labs/multi-wallet';
+import '@dynamic-labs/utils';
 import '@dynamic-labs/sdk-api';
 import '../../config/ApiEndpoint.js';
 import '../../shared/logger.js';
 import '@dynamic-labs/iconic';
+import '@dynamic-labs/multi-wallet';
 import { useViewContext } from '../../context/ViewContext/ViewContext.js';
 import '../../utils/constants/colors.js';
 import '../../shared/consts/index.js';
+import '@dynamic-labs/rpc-providers';
 import '../../context/DynamicContext/DynamicContext.js';
 import '../../context/ErrorContext/ErrorContext.js';
 import { useElementById } from '../../utils/hooks/useElementById/useElementById.js';
@@ -23,12 +25,12 @@ import '../IconButton/IconButton.js';
 import 'ethers';
 import '../../context/MockContext/MockContext.js';
 import '../../context/CaptchaContext/CaptchaContext.js';
+import '@dynamic-labs/wallet-connector-core';
 import '../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
 
 const ModalComponent = ({ children, handleClose, withBackdrop = true, zIndex, whiteList, }) => {
     const { view } = useViewContext();
     const shouldCloseOnBackdropClick = view !== 'collect-user-data' &&
-        view !== 'network-not-supported' &&
         view !== 'update-email' &&
         view !== 'login-with-email-verification' &&
         view !== 'verify-email';

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

@@ -13,6 +13,7 @@ require('../../context/ViewContext/ViewContext.cjs');
 require('../../utils/constants/colors.cjs');
 var index = require('../../shared/consts/index.cjs');
 var useInternalDynamicContext = require('../../context/DynamicContext/useInternalDynamicContext.cjs');
+require('@dynamic-labs/utils');
 var isEmailProviderEnabled = require('../../utils/functions/isEmailProviderEnabled/isEmailProviderEnabled.cjs');
 var ShadowDOM = require('../ShadowDOM/ShadowDOM.cjs');
 var ThemeSwitch = require('./components/ThemeSwitch.cjs');

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

@@ -9,6 +9,7 @@ import '../../context/ViewContext/ViewContext.js';
 import '../../utils/constants/colors.js';
 import { toolkitZIndex } from '../../shared/consts/index.js';
 import { useInternalDynamicContext } from '../../context/DynamicContext/useInternalDynamicContext.js';
+import '@dynamic-labs/utils';
 import { isEmailProviderEnabled } from '../../utils/functions/isEmailProviderEnabled/isEmailProviderEnabled.js';
 import { ShadowDOM } from '../ShadowDOM/ShadowDOM.js';
 import { ThemeSwitch } from './components/ThemeSwitch.js';

package/src/lib/components/Tooltip/Tooltip.cjs

@@ -15,7 +15,9 @@ var debounce = require('../../shared/utils/functions/debounce/debounce.cjs');
 require('../../utils/constants/colors.cjs');
 var index = require('../../shared/consts/index.cjs');
 var classNames = require('../../utils/functions/classNames/classNames.cjs');
+require('@dynamic-labs/utils');
 require('../../config/ApiEndpoint.cjs');
+require('@dynamic-labs/rpc-providers');
 require('../../context/DynamicContext/DynamicContext.cjs');
 require('../../context/ErrorContext/ErrorContext.cjs');
 var useElementById = require('../../utils/hooks/useElementById/useElementById.cjs');
@@ -31,6 +33,7 @@ require('../IconButton/IconButton.cjs');
 require('ethers');
 require('../../context/MockContext/MockContext.cjs');
 require('../../context/CaptchaContext/CaptchaContext.cjs');
+require('@dynamic-labs/wallet-connector-core');
 require('../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');
 
 const Tooltip = ({ children, content, className, as: Tag = 'span', }) => {

package/src/lib/components/Tooltip/Tooltip.js

@@ -11,7 +11,9 @@ import { debounce } from '../../shared/utils/functions/debounce/debounce.js';
 import '../../utils/constants/colors.js';
 import { tooltipZIndex } from '../../shared/consts/index.js';
 import { classNames } from '../../utils/functions/classNames/classNames.js';
+import '@dynamic-labs/utils';
 import '../../config/ApiEndpoint.js';
+import '@dynamic-labs/rpc-providers';
 import '../../context/DynamicContext/DynamicContext.js';
 import '../../context/ErrorContext/ErrorContext.js';
 import { useElementById } from '../../utils/hooks/useElementById/useElementById.js';
@@ -27,6 +29,7 @@ import '../IconButton/IconButton.js';
 import 'ethers';
 import '../../context/MockContext/MockContext.js';
 import '../../context/CaptchaContext/CaptchaContext.js';
+import '@dynamic-labs/wallet-connector-core';
 import '../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
 
 const Tooltip = ({ children, content, className, as: Tag = 'span', }) => {

package/src/lib/components/Transition/VerticalDrawerTransition/VerticalDrawerTransition.cjs

@@ -5,14 +5,16 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _tslib = require('../../../../../_virtual/_tslib.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
-require('@dynamic-labs/multi-wallet');
+require('@dynamic-labs/utils');
 require('@dynamic-labs/sdk-api');
 require('../../../config/ApiEndpoint.cjs');
 require('../../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
+require('@dynamic-labs/multi-wallet');
 require('../../../context/ViewContext/ViewContext.cjs');
 require('../../../utils/constants/colors.cjs');
 require('../../../shared/consts/index.cjs');
+require('@dynamic-labs/rpc-providers');
 require('../../../context/DynamicContext/DynamicContext.cjs');
 require('../../../context/ErrorContext/ErrorContext.cjs');
 var useResizeObserver = require('../../../utils/hooks/useResizeObserver/useResizeObserver.cjs');
@@ -29,6 +31,7 @@ require('../../IconButton/IconButton.cjs');
 require('ethers');
 require('../../../context/MockContext/MockContext.cjs');
 require('../../../context/CaptchaContext/CaptchaContext.cjs');
+require('@dynamic-labs/wallet-connector-core');
 require('../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');
 
 const VerticalDrawerTransition = (_a) => {

package/src/lib/components/Transition/VerticalDrawerTransition/VerticalDrawerTransition.js

@@ -1,14 +1,16 @@
 import { __rest } from '../../../../../_virtual/_tslib.js';
 import { jsx } from 'react/jsx-runtime';
 import { useRef, useMemo } from 'react';
-import '@dynamic-labs/multi-wallet';
+import '@dynamic-labs/utils';
 import '@dynamic-labs/sdk-api';
 import '../../../config/ApiEndpoint.js';
 import '../../../shared/logger.js';
 import '@dynamic-labs/iconic';
+import '@dynamic-labs/multi-wallet';
 import '../../../context/ViewContext/ViewContext.js';
 import '../../../utils/constants/colors.js';
 import '../../../shared/consts/index.js';
+import '@dynamic-labs/rpc-providers';
 import '../../../context/DynamicContext/DynamicContext.js';
 import '../../../context/ErrorContext/ErrorContext.js';
 import { useResizeObserver } from '../../../utils/hooks/useResizeObserver/useResizeObserver.js';
@@ -25,6 +27,7 @@ import '../../IconButton/IconButton.js';
 import 'ethers';
 import '../../../context/MockContext/MockContext.js';
 import '../../../context/CaptchaContext/CaptchaContext.js';
+import '@dynamic-labs/wallet-connector-core';
 import '../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
 
 const VerticalDrawerTransition = (_a) => {

package/src/lib/components/UserAddress/UserAddress.cjs

@@ -12,17 +12,15 @@ require('react');
 var shortenWalletAddress = require('../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.cjs');
 require('../../utils/constants/colors.cjs');
 require('../../shared/consts/index.cjs');
+var useFetchNameService = require('../../widgets/DynamicWidget/hooks/useFetchNameService/useFetchNameService.cjs');
 var StatusDot = require('../StatusDot/StatusDot.cjs');
 var Typography = require('../Typography/Typography.cjs');
 
 const UserAddress = ({ userProfile }) => {
     var _a;
-    const lastVerifiedCredential = userProfile === null || userProfile === void 0 ? void 0 : userProfile.verifiedCredentials.find((verifiedCredential) => verifiedCredential.id === userProfile.lastVerifiedCredentialId);
-    const walletAddress = shortenWalletAddress.shortenWalletAddress(lastVerifiedCredential === null || lastVerifiedCredential === void 0 ? void 0 : lastVerifiedCredential.address);
-    const userAddress = ((_a = userProfile === null || userProfile === void 0 ? void 0 : userProfile.ens) === null || _a === void 0 ? void 0 : _a.name)
-        ? userProfile.ens.name
-        : walletAddress;
-    return (jsxRuntime.jsxs("div", Object.assign({ className: 'user-address__container' }, { children: [jsxRuntime.jsx(StatusDot.StatusDot, { variant: 'green', containerClassName: 'user-address__status-dot' }), userAddress && (jsxRuntime.jsx(Typography.Typography, Object.assign({ variant: 'numbers_big', color: 'primary', className: 'user-address' }, { children: userAddress })))] })));
+    const walletAddress = (_a = userProfile === null || userProfile === void 0 ? void 0 : userProfile.verifiedCredentials.find((verifiedCredential) => verifiedCredential.id === userProfile.lastVerifiedCredentialId)) === null || _a === void 0 ? void 0 : _a.address;
+    const nameService = useFetchNameService.useFetchNameService(walletAddress);
+    return (jsxRuntime.jsxs("div", Object.assign({ className: 'user-address__container' }, { children: [jsxRuntime.jsx(StatusDot.StatusDot, { variant: 'green', containerClassName: 'user-address__status-dot' }), (nameService === null || nameService === void 0 ? void 0 : nameService.name) ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Typography.Typography, Object.assign({ variant: 'numbers_big', color: 'primary', className: 'user-address' }, { children: nameService.name })), jsxRuntime.jsx("div", { className: 'dynamic-widget-wallet-header__seperator' }), jsxRuntime.jsx(Typography.Typography, Object.assign({ variant: 'numbers_medium', color: 'secondary', className: 'user-address' }, { children: shortenWalletAddress.shortenWalletAddress(walletAddress, 3, 3) }))] })) : (jsxRuntime.jsx(Typography.Typography, Object.assign({ variant: 'numbers_big', color: 'primary', className: 'user-address' }, { children: shortenWalletAddress.shortenWalletAddress(walletAddress, 4, 4) })))] })));
 };
 
 exports.UserAddress = UserAddress;

package/src/lib/components/UserAddress/UserAddress.js

@@ -1,4 +1,4 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import '@dynamic-labs/sdk-api';
 import '../../shared/logger.js';
 import '@dynamic-labs/iconic';
@@ -8,17 +8,15 @@ import 'react';
 import { shortenWalletAddress } from '../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.js';
 import '../../utils/constants/colors.js';
 import '../../shared/consts/index.js';
+import { useFetchNameService } from '../../widgets/DynamicWidget/hooks/useFetchNameService/useFetchNameService.js';
 import { StatusDot } from '../StatusDot/StatusDot.js';
 import { Typography } from '../Typography/Typography.js';
 
 const UserAddress = ({ userProfile }) => {
     var _a;
-    const lastVerifiedCredential = userProfile === null || userProfile === void 0 ? void 0 : userProfile.verifiedCredentials.find((verifiedCredential) => verifiedCredential.id === userProfile.lastVerifiedCredentialId);
-    const walletAddress = shortenWalletAddress(lastVerifiedCredential === null || lastVerifiedCredential === void 0 ? void 0 : lastVerifiedCredential.address);
-    const userAddress = ((_a = userProfile === null || userProfile === void 0 ? void 0 : userProfile.ens) === null || _a === void 0 ? void 0 : _a.name)
-        ? userProfile.ens.name
-        : walletAddress;
-    return (jsxs("div", Object.assign({ className: 'user-address__container' }, { children: [jsx(StatusDot, { variant: 'green', containerClassName: 'user-address__status-dot' }), userAddress && (jsx(Typography, Object.assign({ variant: 'numbers_big', color: 'primary', className: 'user-address' }, { children: userAddress })))] })));
+    const walletAddress = (_a = userProfile === null || userProfile === void 0 ? void 0 : userProfile.verifiedCredentials.find((verifiedCredential) => verifiedCredential.id === userProfile.lastVerifiedCredentialId)) === null || _a === void 0 ? void 0 : _a.address;
+    const nameService = useFetchNameService(walletAddress);
+    return (jsxs("div", Object.assign({ className: 'user-address__container' }, { children: [jsx(StatusDot, { variant: 'green', containerClassName: 'user-address__status-dot' }), (nameService === null || nameService === void 0 ? void 0 : nameService.name) ? (jsxs(Fragment, { children: [jsx(Typography, Object.assign({ variant: 'numbers_big', color: 'primary', className: 'user-address' }, { children: nameService.name })), jsx("div", { className: 'dynamic-widget-wallet-header__seperator' }), jsx(Typography, Object.assign({ variant: 'numbers_medium', color: 'secondary', className: 'user-address' }, { children: shortenWalletAddress(walletAddress, 3, 3) }))] })) : (jsx(Typography, Object.assign({ variant: 'numbers_big', color: 'primary', className: 'user-address' }, { children: shortenWalletAddress(walletAddress, 4, 4) })))] })));
 };
 
 export { UserAddress };