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

package/src/lib/widgets/DynamicWidget/components/AccountControl/AccountControl.cjs

@@ -18,6 +18,7 @@ var useInternalDynamicContext = require('../../../../context/DynamicContext/useI
 var classNames = require('../../../../utils/functions/classNames/classNames.cjs');
 var Typography = require('../../../../components/Typography/Typography.cjs');
 require('../../../../shared/consts/index.cjs');
+require('@dynamic-labs/utils');
 require('../../../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../../../context/ThemeContext/ThemeContext.cjs');
 var Icon = require('../../../../components/Icon/Icon.cjs');
@@ -27,24 +28,25 @@ require('../../../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../../../components/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('../../../../components/IconButton/IconButton.cjs');
-var getWalletVerifiedCredential = require('../../../../utils/functions/getWalletVerifiedCredential/getWalletVerifiedCredential.cjs');
+var useFetchNameService = require('../../hooks/useFetchNameService/useFetchNameService.cjs');
 
 const AccountControl = ({ className }) => {
-    var _a;
     const { primaryWallet, user } = useInternalDynamicContext.useInternalDynamicContext();
     const { isOpen, setIsOpen } = DynamicWidgetContext.useWidgetContext();
     const address = primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.address;
-    const verifiedCredential = getWalletVerifiedCredential.getWalletVerifiedCredential(primaryWallet, user === null || user === void 0 ? void 0 : user.verifiedCredentials);
+    const nameService = useFetchNameService.useFetchNameService(address);
     return (jsxRuntime.jsxs("button", Object.assign({ "data-testid": 'AccountControl', onClick: () => setIsOpen(!isOpen), className: classNames.classNames('account-control__container', {
             'account-control__container--active': isOpen,
             'account-control__container--multiwallet-disabled': true,
-        }, className) }, { children: [primaryWallet && (jsxRuntime.jsx(Icon.Icon, Object.assign({ size: 'small' }, { children: jsxRuntime.jsx(walletBook.WalletIcon, { walletName: primaryWallet.connector.name }) }))), jsxRuntime.jsx(Typography.Typography, Object.assign({ as: 'p' }, { children: ((_a = verifiedCredential === null || verifiedCredential === void 0 ? void 0 : verifiedCredential.nameService) === null || _a === void 0 ? void 0 : _a.name) ||
+        }, className) }, { children: [primaryWallet && (jsxRuntime.jsx(Icon.Icon, Object.assign({ size: 'small' }, { children: jsxRuntime.jsx(walletBook.WalletIcon, { walletName: primaryWallet.connector.name }) }))), jsxRuntime.jsx(Typography.Typography, Object.assign({ as: 'p' }, { children: (nameService === null || nameService === void 0 ? void 0 : nameService.name) ||
                     shortenWalletAddress.shortenWalletAddress(address, 3, 3) ||
                     (user === null || user === void 0 ? void 0 : user.email) })), jsxRuntime.jsx(Icon.Icon, Object.assign({ color: 'text-primary' }, { children: jsxRuntime.jsx(threeDots.ReactComponent, {}) }))] })));
 };

package/src/lib/widgets/DynamicWidget/components/AccountControl/AccountControl.js

@@ -14,6 +14,7 @@ import { useInternalDynamicContext } from '../../../../context/DynamicContext/us
 import { classNames } from '../../../../utils/functions/classNames/classNames.js';
 import { Typography } from '../../../../components/Typography/Typography.js';
 import '../../../../shared/consts/index.js';
+import '@dynamic-labs/utils';
 import '../../../../components/ShadowDOM/ShadowDOM.js';
 import '../../../../context/ThemeContext/ThemeContext.js';
 import { Icon } from '../../../../components/Icon/Icon.js';
@@ -23,24 +24,25 @@ import '../../../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../../../components/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 '../../../../components/IconButton/IconButton.js';
-import { getWalletVerifiedCredential } from '../../../../utils/functions/getWalletVerifiedCredential/getWalletVerifiedCredential.js';
+import { useFetchNameService } from '../../hooks/useFetchNameService/useFetchNameService.js';
 
 const AccountControl = ({ className }) => {
-    var _a;
     const { primaryWallet, user } = useInternalDynamicContext();
     const { isOpen, setIsOpen } = useWidgetContext();
     const address = primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.address;
-    const verifiedCredential = getWalletVerifiedCredential(primaryWallet, user === null || user === void 0 ? void 0 : user.verifiedCredentials);
+    const nameService = useFetchNameService(address);
     return (jsxs("button", Object.assign({ "data-testid": 'AccountControl', onClick: () => setIsOpen(!isOpen), className: classNames('account-control__container', {
             'account-control__container--active': isOpen,
             'account-control__container--multiwallet-disabled': true,
-        }, className) }, { children: [primaryWallet && (jsx(Icon, Object.assign({ size: 'small' }, { children: jsx(WalletIcon, { walletName: primaryWallet.connector.name }) }))), jsx(Typography, Object.assign({ as: 'p' }, { children: ((_a = verifiedCredential === null || verifiedCredential === void 0 ? void 0 : verifiedCredential.nameService) === null || _a === void 0 ? void 0 : _a.name) ||
+        }, className) }, { children: [primaryWallet && (jsx(Icon, Object.assign({ size: 'small' }, { children: jsx(WalletIcon, { walletName: primaryWallet.connector.name }) }))), jsx(Typography, Object.assign({ as: 'p' }, { children: (nameService === null || nameService === void 0 ? void 0 : nameService.name) ||
                     shortenWalletAddress(address, 3, 3) ||
                     (user === null || user === void 0 ? void 0 : user.email) })), jsx(Icon, Object.assign({ color: 'text-primary' }, { children: jsx(SvgThreeDots, {}) }))] })));
 };

package/src/lib/widgets/DynamicWidget/components/Balance/Balance.cjs

@@ -13,6 +13,7 @@ require('../../../../context/ViewContext/ViewContext.cjs');
 require('../../../../utils/constants/colors.cjs');
 require('../../../../shared/consts/index.cjs');
 require('../../../../context/DynamicContext/DynamicContext.cjs');
+require('@dynamic-labs/utils');
 require('../../../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../../../context/ThemeContext/ThemeContext.cjs');
 require('react-dom');
@@ -21,12 +22,14 @@ require('../../../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../../../config/ApiEndpoint.cjs');
+require('@dynamic-labs/rpc-providers');
 require('../../../../context/ErrorContext/ErrorContext.cjs');
 require('ethers');
 var useFetchBalance = require('../../hooks/useFetchBalance/useFetchBalance.cjs');
 var useFetchCurrency = require('../../hooks/useFetchCurrency/useFetchCurrency.cjs');
 require('../../../../context/MockContext/MockContext.cjs');
 require('../../../../context/CaptchaContext/CaptchaContext.cjs');
+require('@dynamic-labs/wallet-connector-core');
 require('../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');
 require('../../../../components/IconButton/IconButton.cjs');
 var helpers = require('../../helpers/helpers.cjs');

package/src/lib/widgets/DynamicWidget/components/Balance/Balance.d.ts

@@ -4,7 +4,7 @@ type Props = {
     address: string;
     className?: string;
     connector: WalletConnector;
-    network: number | undefined;
+    network: number | string | undefined;
 };
 export declare const Balance: ({ connector, address, network, className }: Props) => JSX.Element | null;
 export {};

package/src/lib/widgets/DynamicWidget/components/Balance/Balance.js

@@ -9,6 +9,7 @@ import '../../../../context/ViewContext/ViewContext.js';
 import '../../../../utils/constants/colors.js';
 import '../../../../shared/consts/index.js';
 import '../../../../context/DynamicContext/DynamicContext.js';
+import '@dynamic-labs/utils';
 import '../../../../components/ShadowDOM/ShadowDOM.js';
 import '../../../../context/ThemeContext/ThemeContext.js';
 import 'react-dom';
@@ -17,12 +18,14 @@ import '../../../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../../../config/ApiEndpoint.js';
+import '@dynamic-labs/rpc-providers';
 import '../../../../context/ErrorContext/ErrorContext.js';
 import 'ethers';
 import { useFetchBalance } from '../../hooks/useFetchBalance/useFetchBalance.js';
 import { useFetchCurrency } from '../../hooks/useFetchCurrency/useFetchCurrency.js';
 import '../../../../context/MockContext/MockContext.js';
 import '../../../../context/CaptchaContext/CaptchaContext.js';
+import '@dynamic-labs/wallet-connector-core';
 import '../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
 import '../../../../components/IconButton/IconButton.js';
 import { roundBalance } from '../../helpers/helpers.js';

package/src/lib/widgets/DynamicWidget/components/DefaultPendingSignModalContent/DefaultPendingSignModalContent.cjs

@@ -14,6 +14,7 @@ require('../../../../context/ViewContext/ViewContext.cjs');
 require('../../../../utils/constants/colors.cjs');
 require('../../../../shared/consts/index.cjs');
 require('../../../../context/DynamicContext/DynamicContext.cjs');
+require('@dynamic-labs/utils');
 var pixelToRem = require('../../../../utils/functions/pixelToRem/pixelToRem.cjs');
 require('../../../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../../../context/ThemeContext/ThemeContext.cjs');
@@ -23,10 +24,12 @@ require('../../../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../../../components/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 Button = require('../../../../components/Button/Button.cjs');
 require('../../../../components/IconButton/IconButton.cjs');

package/src/lib/widgets/DynamicWidget/components/DefaultPendingSignModalContent/DefaultPendingSignModalContent.js

@@ -10,6 +10,7 @@ import '../../../../context/ViewContext/ViewContext.js';
 import '../../../../utils/constants/colors.js';
 import '../../../../shared/consts/index.js';
 import '../../../../context/DynamicContext/DynamicContext.js';
+import '@dynamic-labs/utils';
 import { pixelToRem } from '../../../../utils/functions/pixelToRem/pixelToRem.js';
 import '../../../../components/ShadowDOM/ShadowDOM.js';
 import '../../../../context/ThemeContext/ThemeContext.js';
@@ -19,10 +20,12 @@ import '../../../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../../../components/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 { Button } from '../../../../components/Button/Button.js';
 import '../../../../components/IconButton/IconButton.js';

package/src/lib/widgets/DynamicWidget/components/DotsMenu/DotsMenu.cjs

@@ -13,6 +13,7 @@ var threeDots = require('../../../../shared/assets/three-dots.cjs');
 require('../../../../utils/constants/colors.cjs');
 require('../../../../shared/consts/index.cjs');
 require('../../../../context/DynamicContext/DynamicContext.cjs');
+require('@dynamic-labs/utils');
 require('../../../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../../../context/ThemeContext/ThemeContext.cjs');
 var Icon = require('../../../../components/Icon/Icon.cjs');
@@ -22,10 +23,12 @@ require('../../../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../../../components/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('../../../../components/IconButton/IconButton.cjs');
 var DotsMenuWrapper = require('../DotsMenuWrapper/DotsMenuWrapper.cjs');

package/src/lib/widgets/DynamicWidget/components/DotsMenu/DotsMenu.js

@@ -9,6 +9,7 @@ import { ReactComponent as SvgThreeDots } from '../../../../shared/assets/three-
 import '../../../../utils/constants/colors.js';
 import '../../../../shared/consts/index.js';
 import '../../../../context/DynamicContext/DynamicContext.js';
+import '@dynamic-labs/utils';
 import '../../../../components/ShadowDOM/ShadowDOM.js';
 import '../../../../context/ThemeContext/ThemeContext.js';
 import { Icon } from '../../../../components/Icon/Icon.js';
@@ -18,10 +19,12 @@ import '../../../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../../../components/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 '../../../../components/IconButton/IconButton.js';
 import { DotsMenuWrapper } from '../DotsMenuWrapper/DotsMenuWrapper.js';

package/src/lib/widgets/DynamicWidget/components/DotsMenuDropdown/DotsMenuDropdown.cjs

@@ -13,6 +13,7 @@ require('../../../../context/ViewContext/ViewContext.cjs');
 require('../../../../utils/constants/colors.cjs');
 require('../../../../shared/consts/index.cjs');
 require('../../../../context/DynamicContext/DynamicContext.cjs');
+require('@dynamic-labs/utils');
 require('../../../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../../../context/ThemeContext/ThemeContext.cjs');
 var Icon = require('../../../../components/Icon/Icon.cjs');
@@ -22,10 +23,12 @@ require('../../../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../../../components/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('../../../../components/IconButton/IconButton.cjs');
 

package/src/lib/widgets/DynamicWidget/components/DotsMenuDropdown/DotsMenuDropdown.js

@@ -9,6 +9,7 @@ import '../../../../context/ViewContext/ViewContext.js';
 import '../../../../utils/constants/colors.js';
 import '../../../../shared/consts/index.js';
 import '../../../../context/DynamicContext/DynamicContext.js';
+import '@dynamic-labs/utils';
 import '../../../../components/ShadowDOM/ShadowDOM.js';
 import '../../../../context/ThemeContext/ThemeContext.js';
 import { Icon } from '../../../../components/Icon/Icon.js';
@@ -18,10 +19,12 @@ import '../../../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../../../components/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 '../../../../components/IconButton/IconButton.js';
 

package/src/lib/widgets/DynamicWidget/components/DotsMenuWrapper/DotsMenuWrapper.cjs

@@ -17,6 +17,7 @@ var useTransition = require('../../../../utils/hooks/useTransition/useTransition
 var classNames = require('../../../../utils/functions/classNames/classNames.cjs');
 var Typography = require('../../../../components/Typography/Typography.cjs');
 require('../../../../context/DynamicContext/DynamicContext.cjs');
+require('@dynamic-labs/utils');
 require('../../../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../../../context/ThemeContext/ThemeContext.cjs');
 require('react-dom');
@@ -25,10 +26,12 @@ require('../../../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../../../components/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('../../../../components/IconButton/IconButton.cjs');
 

package/src/lib/widgets/DynamicWidget/components/DotsMenuWrapper/DotsMenuWrapper.js

@@ -13,6 +13,7 @@ import { useTransition } from '../../../../utils/hooks/useTransition/useTransiti
 import { classNames } from '../../../../utils/functions/classNames/classNames.js';
 import { Typography } from '../../../../components/Typography/Typography.js';
 import '../../../../context/DynamicContext/DynamicContext.js';
+import '@dynamic-labs/utils';
 import '../../../../components/ShadowDOM/ShadowDOM.js';
 import '../../../../context/ThemeContext/ThemeContext.js';
 import 'react-dom';
@@ -21,10 +22,12 @@ import '../../../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../../../components/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 '../../../../components/IconButton/IconButton.js';
 

package/src/lib/widgets/DynamicWidget/components/DynamicUserProfile/DynamicUserProfile.cjs

@@ -17,6 +17,7 @@ var DynamicWidgetPrompts = require('../DynamicWidgetPrompts/DynamicWidgetPrompts
 var DynamicWidgetVariants = require('../DynamicWidgetVariants/DynamicWidgetVariants.cjs');
 var DynamicWidgetViews = require('../DynamicWidgetViews/DynamicWidgetViews.cjs');
 var useInternalDynamicContext = require('../../../../context/DynamicContext/useInternalDynamicContext.cjs');
+require('@dynamic-labs/utils');
 var ShadowDOM = require('../../../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../../../context/ThemeContext/ThemeContext.cjs');
 require('react-dom');
@@ -25,10 +26,12 @@ require('../../../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../../../components/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('../../../../components/IconButton/IconButton.cjs');
 var IsBrowser = require('../../../../components/IsBrowser/IsBrowser.cjs');

package/src/lib/widgets/DynamicWidget/components/DynamicUserProfile/DynamicUserProfile.js

@@ -13,6 +13,7 @@ import { DynamicWidgetPrompts } from '../DynamicWidgetPrompts/DynamicWidgetPromp
 import { DynamicWidgetVariants } from '../DynamicWidgetVariants/DynamicWidgetVariants.js';
 import { DynamicWidgetViews } from '../DynamicWidgetViews/DynamicWidgetViews.js';
 import { useInternalDynamicContext } from '../../../../context/DynamicContext/useInternalDynamicContext.js';
+import '@dynamic-labs/utils';
 import { ShadowDOM } from '../../../../components/ShadowDOM/ShadowDOM.js';
 import '../../../../context/ThemeContext/ThemeContext.js';
 import 'react-dom';
@@ -21,10 +22,12 @@ import '../../../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../../../components/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 '../../../../components/IconButton/IconButton.js';
 import { IsBrowser } from '../../../../components/IsBrowser/IsBrowser.js';

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs

@@ -4,14 +4,16 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 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');
 require('react-dom');
@@ -27,6 +29,7 @@ var useKYCFlag = require('../../../../utils/hooks/useKYCFlag/useKYCFlag.cjs');
 var useMultiWalletFlag = require('../../../../utils/hooks/useMultiWalletFlag/useMultiWalletFlag.cjs');
 require('../../../../context/MockContext/MockContext.cjs');
 require('../../../../context/CaptchaContext/CaptchaContext.cjs');
+require('@dynamic-labs/wallet-connector-core');
 require('../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');
 var DynamicWidgetContext = require('../../context/DynamicWidgetContext.cjs');
 var DynamicWidgetSwitcher = require('../DynamicWidgetSwitcher/DynamicWidgetSwitcher.cjs');

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js

@@ -1,13 +1,15 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import React__default, { 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 'react-dom';
@@ -23,6 +25,7 @@ import { useKYCFlag } from '../../../../utils/hooks/useKYCFlag/useKYCFlag.js';
 import { useMultiWalletFlag } from '../../../../utils/hooks/useMultiWalletFlag/useMultiWalletFlag.js';
 import '../../../../context/MockContext/MockContext.js';
 import '../../../../context/CaptchaContext/CaptchaContext.js';
+import '@dynamic-labs/wallet-connector-core';
 import '../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
 import { useWidgetContext } from '../../context/DynamicWidgetContext.js';
 import { DynamicWidgetSwitcher } from '../DynamicWidgetSwitcher/DynamicWidgetSwitcher.js';

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetWalletHeader/DynamicWidgetWalletHeader.cjs

@@ -11,10 +11,12 @@ require('@dynamic-labs/sdk-api');
 require('../../../../../shared/logger.cjs');
 require('@dynamic-labs/multi-wallet');
 require('../../../../../context/ViewContext/ViewContext.cjs');
+var add = require('../../../../../shared/assets/add.cjs');
 var shortenWalletAddress = require('../../../../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.cjs');
 require('../../../../../utils/constants/colors.cjs');
 require('../../../../../shared/consts/index.cjs');
 var useInternalDynamicContext = require('../../../../../context/DynamicContext/useInternalDynamicContext.cjs');
+require('@dynamic-labs/utils');
 var pixelToRem = require('../../../../../utils/functions/pixelToRem/pixelToRem.cjs');
 require('../../../../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../../../../context/ThemeContext/ThemeContext.cjs');
@@ -24,17 +26,21 @@ require('../../../../../components/Transition/ZoomTransition/ZoomTransition.cjs'
 require('../../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../../../../components/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 CopyButton = require('../../../../../components/CopyButton/CopyButton.cjs');
+var Button = require('../../../../../components/Button/Button.cjs');
 require('../../../../../components/IconButton/IconButton.cjs');
 var StatusDot = require('../../../../../components/StatusDot/StatusDot.cjs');
 var Balance = require('../../Balance/Balance.cjs');
-var getWalletVerifiedCredential = require('../../../../../utils/functions/getWalletVerifiedCredential/getWalletVerifiedCredential.cjs');
+var useFetchNameService = require('../../../hooks/useFetchNameService/useFetchNameService.cjs');
 var NetworkPicker = require('../../../../../components/NetworkPicker/NetworkPicker.cjs');
+var FundingContext = require('../../../../../context/FundingContext/FundingContext.cjs');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -42,18 +48,18 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 const ICON_SIZE = 64;
 const DynamicWidgetWalletHeader = () => {
-    var _a, _b, _c, _d, _e, _f, _g;
     const [isNetworkPickerOpen, setIsNetworkPickerOpen] = React.useState(false);
-    const { network, primaryWallet, user } = useInternalDynamicContext.useInternalDynamicContext();
+    const { network, primaryWallet } = useInternalDynamicContext.useInternalDynamicContext();
     const address = primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.address;
+    const nameService = useFetchNameService.useFetchNameService(address);
+    const { supportsFunding, setShowFunding, fundingEnabled } = FundingContext.useFundingContext();
     const evmNetworks = ((primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector) &&
         primaryWallet.connector.evmNetworks) ||
         [];
-    const walletVerifiedCredential = getWalletVerifiedCredential.getWalletVerifiedCredential(primaryWallet, user === null || user === void 0 ? void 0 : user.verifiedCredentials);
-    return (jsxRuntime.jsxs("div", Object.assign({ className: 'dynamic-widget-wallet-header', "data-testid": 'dynamic-widget-wallet-header' }, { children: [primaryWallet ? (jsxRuntime.jsxs("div", Object.assign({ className: 'dynamic-widget-wallet-header__icon-container' }, { children: [((_a = walletVerifiedCredential === null || walletVerifiedCredential === void 0 ? void 0 : walletVerifiedCredential.nameService) === null || _a === void 0 ? void 0 : _a.avatar) ? (jsxRuntime.jsx("div", Object.assign({ className: 'dynamic-widget-wallet-header__wallet-avatar' }, { children: jsxRuntime.jsx("img", { src: (_b = walletVerifiedCredential === null || walletVerifiedCredential === void 0 ? void 0 : walletVerifiedCredential.nameService) === null || _b === void 0 ? void 0 : _b.avatar, alt: '' }) }))) : (jsxRuntime.jsx(walletBook.WalletIcon, { walletName: primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector.name, style: {
+    return (jsxRuntime.jsxs("div", Object.assign({ className: 'dynamic-widget-wallet-header', "data-testid": 'dynamic-widget-wallet-header' }, { children: [primaryWallet ? (jsxRuntime.jsxs("div", Object.assign({ className: 'dynamic-widget-wallet-header__icon-container' }, { children: [(nameService === null || nameService === void 0 ? void 0 : nameService.avatar) ? (jsxRuntime.jsx("div", Object.assign({ className: 'dynamic-widget-wallet-header__wallet-avatar' }, { children: jsxRuntime.jsx("img", { src: nameService === null || nameService === void 0 ? void 0 : nameService.avatar, alt: '' }) }))) : (jsxRuntime.jsx(walletBook.WalletIcon, { walletName: primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector.name, style: {
                             height: pixelToRem.pixelToRem(ICON_SIZE),
                             width: pixelToRem.pixelToRem(ICON_SIZE),
-                        } })), jsxRuntime.jsx(NetworkPicker.NetworkPicker, { connector: primaryWallet.connector, isNetworkPickerOpen: isNetworkPickerOpen, setIsNetworkPickerOpen: setIsNetworkPickerOpen, mainClassName: 'dynamic-widget-wallet-header__network-picker_container', buttonClassName: 'dynamic-widget-wallet-header__network-picker', evmNetworks: evmNetworks })] }))) : (jsxRuntime.jsx("div", Object.assign({ className: 'dynamic-widget-wallet-header__icon-container' }, { children: jsxRuntime.jsx(iconic.UserProfileIcon, {}) }))), primaryWallet && (jsxRuntime.jsxs("div", Object.assign({ "data-testid": 'primaryWalletStatus', className: 'dynamic-widget-wallet-header__wallet-info' }, { children: [jsxRuntime.jsxs("div", Object.assign({ className: 'dynamic-widget-wallet-header__wallet-address' }, { children: [jsxRuntime.jsx(StatusDot.StatusDot, { containerClassName: 'dynamic-widget-wallet-header__status-dot', variant: primaryWallet.connected ? 'green' : 'red' }), ((_c = walletVerifiedCredential === null || walletVerifiedCredential === void 0 ? void 0 : walletVerifiedCredential.nameService) === null || _c === void 0 ? void 0 : _c.name) ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(CopyButton.CopyButton, Object.assign({ textToCopy: (_d = walletVerifiedCredential === null || walletVerifiedCredential === void 0 ? void 0 : walletVerifiedCredential.nameService) === null || _d === void 0 ? void 0 : _d.name }, { children: jsxRuntime.jsx(Typography.Typography, Object.assign({ className: 'dynamic-widget-wallet-header__ens-name', variant: 'body_normal', as: 'p', color: 'primary', weight: 'medium', truncate: true }, { children: (_e = walletVerifiedCredential === null || walletVerifiedCredential === void 0 ? void 0 : walletVerifiedCredential.nameService) === null || _e === void 0 ? void 0 : _e.name })) })), jsxRuntime.jsx("div", { className: 'dynamic-widget-wallet-header__seperator' }), jsxRuntime.jsx(CopyButton.CopyButton, Object.assign({ textToCopy: address || '' }, { children: jsxRuntime.jsx(Typography.Typography, Object.assign({ variant: 'body_small', as: 'span', color: 'secondary', weight: 'medium' }, { children: shortenWalletAddress.shortenWalletAddress(address, 3, 3) })) }))] })) : (jsxRuntime.jsx(CopyButton.CopyButton, Object.assign({ textToCopy: address || '' }, { children: jsxRuntime.jsx(Typography.Typography, Object.assign({ variant: 'body_normal', as: 'span', color: 'primary', weight: 'medium' }, { children: shortenWalletAddress.shortenWalletAddress(address, 4, 4) })) }))), !((_f = walletVerifiedCredential === null || walletVerifiedCredential === void 0 ? void 0 : walletVerifiedCredential.nameService) === null || _f === void 0 ? void 0 : _f.name) && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: 'dynamic-widget-wallet-header__seperator' }), jsxRuntime.jsx(Balance.Balance, { className: 'dynamic-widget-wallet-header__balance', connector: primaryWallet.connector, address: primaryWallet.address, network: network })] }))] })), ((_g = walletVerifiedCredential === null || walletVerifiedCredential === void 0 ? void 0 : walletVerifiedCredential.nameService) === null || _g === void 0 ? void 0 : _g.name) && (jsxRuntime.jsx(Balance.Balance, { className: 'dynamic-widget-wallet-header__balance', connector: primaryWallet.connector, address: primaryWallet.address, network: network }))] })))] })));
+                        } })), jsxRuntime.jsx(NetworkPicker.NetworkPicker, { connector: primaryWallet.connector, isNetworkPickerOpen: isNetworkPickerOpen, setIsNetworkPickerOpen: setIsNetworkPickerOpen, mainClassName: 'dynamic-widget-wallet-header__network-picker_container', buttonClassName: 'dynamic-widget-wallet-header__network-picker', evmNetworks: evmNetworks })] }))) : (jsxRuntime.jsx("div", Object.assign({ className: 'dynamic-widget-wallet-header__icon-container' }, { children: jsxRuntime.jsx(iconic.UserProfileIcon, {}) }))), primaryWallet && (jsxRuntime.jsxs("div", Object.assign({ "data-testid": 'primaryWalletStatus', className: 'dynamic-widget-wallet-header__wallet-info' }, { children: [jsxRuntime.jsxs("div", Object.assign({ className: 'dynamic-widget-wallet-header__wallet-address' }, { children: [jsxRuntime.jsx(StatusDot.StatusDot, { containerClassName: 'dynamic-widget-wallet-header__status-dot', variant: primaryWallet.connected ? 'green' : 'red' }), (nameService === null || nameService === void 0 ? void 0 : nameService.name) ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(CopyButton.CopyButton, Object.assign({ textToCopy: nameService === null || nameService === void 0 ? void 0 : nameService.name }, { children: jsxRuntime.jsx(Typography.Typography, Object.assign({ className: 'dynamic-widget-wallet-header__ens-name', variant: 'body_normal', as: 'p', color: 'primary', weight: 'medium', truncate: true }, { children: nameService === null || nameService === void 0 ? void 0 : nameService.name })) })), jsxRuntime.jsx("div", { className: 'dynamic-widget-wallet-header__seperator' }), jsxRuntime.jsx(CopyButton.CopyButton, Object.assign({ textToCopy: address || '' }, { children: jsxRuntime.jsx(Typography.Typography, Object.assign({ variant: 'body_small', as: 'span', color: 'secondary', weight: 'medium' }, { children: shortenWalletAddress.shortenWalletAddress(address, 3, 3) })) }))] })) : (jsxRuntime.jsx(CopyButton.CopyButton, Object.assign({ textToCopy: address || '' }, { children: jsxRuntime.jsx(Typography.Typography, Object.assign({ variant: 'body_normal', as: 'span', color: 'primary', weight: 'medium' }, { children: shortenWalletAddress.shortenWalletAddress(address, 4, 4) })) }))), !(nameService === null || nameService === void 0 ? void 0 : nameService.name) && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: 'dynamic-widget-wallet-header__seperator' }), jsxRuntime.jsx(Balance.Balance, { className: 'dynamic-widget-wallet-header__balance', connector: primaryWallet.connector, address: primaryWallet.address, network: network })] }))] })), (nameService === null || nameService === void 0 ? void 0 : nameService.name) && (jsxRuntime.jsx(Balance.Balance, { className: 'dynamic-widget-wallet-header__balance', connector: primaryWallet.connector, address: primaryWallet.address, network: network })), fundingEnabled && (jsxRuntime.jsx("div", Object.assign({ className: 'dynamic-widget-wallet-header__wallet-actions' }, { children: jsxRuntime.jsx(Button.Button, Object.assign({ dataTestId: 'buy-crypto-button', buttonClassName: 'dynamic-widget-wallet-header__funding-button', buttonPadding: 'small', buttonVariant: 'primary', buttonRounded: 'small', onClick: () => setShowFunding(true), disabled: !supportsFunding, startSlot: jsxRuntime.jsx(add.ReactComponent, {}) }, { children: "Buy Crypto" })) })))] })))] })));
 };
 React__default["default"].memo(DynamicWidgetWalletHeader);
 

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetWalletHeader/DynamicWidgetWalletHeader.js

@@ -7,10 +7,12 @@ import '@dynamic-labs/sdk-api';
 import '../../../../../shared/logger.js';
 import '@dynamic-labs/multi-wallet';
 import '../../../../../context/ViewContext/ViewContext.js';
+import { ReactComponent as SvgAdd } from '../../../../../shared/assets/add.js';
 import { shortenWalletAddress } from '../../../../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.js';
 import '../../../../../utils/constants/colors.js';
 import '../../../../../shared/consts/index.js';
 import { useInternalDynamicContext } from '../../../../../context/DynamicContext/useInternalDynamicContext.js';
+import '@dynamic-labs/utils';
 import { pixelToRem } from '../../../../../utils/functions/pixelToRem/pixelToRem.js';
 import '../../../../../components/ShadowDOM/ShadowDOM.js';
 import '../../../../../context/ThemeContext/ThemeContext.js';
@@ -20,32 +22,36 @@ import '../../../../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../../../../components/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 { CopyButton } from '../../../../../components/CopyButton/CopyButton.js';
+import { Button } from '../../../../../components/Button/Button.js';
 import '../../../../../components/IconButton/IconButton.js';
 import { StatusDot } from '../../../../../components/StatusDot/StatusDot.js';
 import { Balance } from '../../Balance/Balance.js';
-import { getWalletVerifiedCredential } from '../../../../../utils/functions/getWalletVerifiedCredential/getWalletVerifiedCredential.js';
+import { useFetchNameService } from '../../../hooks/useFetchNameService/useFetchNameService.js';
 import { NetworkPicker } from '../../../../../components/NetworkPicker/NetworkPicker.js';
+import { useFundingContext } from '../../../../../context/FundingContext/FundingContext.js';
 
 const ICON_SIZE = 64;
 const DynamicWidgetWalletHeader = () => {
-    var _a, _b, _c, _d, _e, _f, _g;
     const [isNetworkPickerOpen, setIsNetworkPickerOpen] = useState(false);
-    const { network, primaryWallet, user } = useInternalDynamicContext();
+    const { network, primaryWallet } = useInternalDynamicContext();
     const address = primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.address;
+    const nameService = useFetchNameService(address);
+    const { supportsFunding, setShowFunding, fundingEnabled } = useFundingContext();
     const evmNetworks = ((primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector) &&
         primaryWallet.connector.evmNetworks) ||
         [];
-    const walletVerifiedCredential = getWalletVerifiedCredential(primaryWallet, user === null || user === void 0 ? void 0 : user.verifiedCredentials);
-    return (jsxs("div", Object.assign({ className: 'dynamic-widget-wallet-header', "data-testid": 'dynamic-widget-wallet-header' }, { children: [primaryWallet ? (jsxs("div", Object.assign({ className: 'dynamic-widget-wallet-header__icon-container' }, { children: [((_a = walletVerifiedCredential === null || walletVerifiedCredential === void 0 ? void 0 : walletVerifiedCredential.nameService) === null || _a === void 0 ? void 0 : _a.avatar) ? (jsx("div", Object.assign({ className: 'dynamic-widget-wallet-header__wallet-avatar' }, { children: jsx("img", { src: (_b = walletVerifiedCredential === null || walletVerifiedCredential === void 0 ? void 0 : walletVerifiedCredential.nameService) === null || _b === void 0 ? void 0 : _b.avatar, alt: '' }) }))) : (jsx(WalletIcon, { walletName: primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector.name, style: {
+    return (jsxs("div", Object.assign({ className: 'dynamic-widget-wallet-header', "data-testid": 'dynamic-widget-wallet-header' }, { children: [primaryWallet ? (jsxs("div", Object.assign({ className: 'dynamic-widget-wallet-header__icon-container' }, { children: [(nameService === null || nameService === void 0 ? void 0 : nameService.avatar) ? (jsx("div", Object.assign({ className: 'dynamic-widget-wallet-header__wallet-avatar' }, { children: jsx("img", { src: nameService === null || nameService === void 0 ? void 0 : nameService.avatar, alt: '' }) }))) : (jsx(WalletIcon, { walletName: primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector.name, style: {
                             height: pixelToRem(ICON_SIZE),
                             width: pixelToRem(ICON_SIZE),
-                        } })), jsx(NetworkPicker, { connector: primaryWallet.connector, isNetworkPickerOpen: isNetworkPickerOpen, setIsNetworkPickerOpen: setIsNetworkPickerOpen, mainClassName: 'dynamic-widget-wallet-header__network-picker_container', buttonClassName: 'dynamic-widget-wallet-header__network-picker', evmNetworks: evmNetworks })] }))) : (jsx("div", Object.assign({ className: 'dynamic-widget-wallet-header__icon-container' }, { children: jsx(UserProfileIcon, {}) }))), primaryWallet && (jsxs("div", Object.assign({ "data-testid": 'primaryWalletStatus', className: 'dynamic-widget-wallet-header__wallet-info' }, { children: [jsxs("div", Object.assign({ className: 'dynamic-widget-wallet-header__wallet-address' }, { children: [jsx(StatusDot, { containerClassName: 'dynamic-widget-wallet-header__status-dot', variant: primaryWallet.connected ? 'green' : 'red' }), ((_c = walletVerifiedCredential === null || walletVerifiedCredential === void 0 ? void 0 : walletVerifiedCredential.nameService) === null || _c === void 0 ? void 0 : _c.name) ? (jsxs(Fragment, { children: [jsx(CopyButton, Object.assign({ textToCopy: (_d = walletVerifiedCredential === null || walletVerifiedCredential === void 0 ? void 0 : walletVerifiedCredential.nameService) === null || _d === void 0 ? void 0 : _d.name }, { children: jsx(Typography, Object.assign({ className: 'dynamic-widget-wallet-header__ens-name', variant: 'body_normal', as: 'p', color: 'primary', weight: 'medium', truncate: true }, { children: (_e = walletVerifiedCredential === null || walletVerifiedCredential === void 0 ? void 0 : walletVerifiedCredential.nameService) === null || _e === void 0 ? void 0 : _e.name })) })), jsx("div", { className: 'dynamic-widget-wallet-header__seperator' }), jsx(CopyButton, Object.assign({ textToCopy: address || '' }, { children: jsx(Typography, Object.assign({ variant: 'body_small', as: 'span', color: 'secondary', weight: 'medium' }, { children: shortenWalletAddress(address, 3, 3) })) }))] })) : (jsx(CopyButton, Object.assign({ textToCopy: address || '' }, { children: jsx(Typography, Object.assign({ variant: 'body_normal', as: 'span', color: 'primary', weight: 'medium' }, { children: shortenWalletAddress(address, 4, 4) })) }))), !((_f = walletVerifiedCredential === null || walletVerifiedCredential === void 0 ? void 0 : walletVerifiedCredential.nameService) === null || _f === void 0 ? void 0 : _f.name) && (jsxs(Fragment, { children: [jsx("div", { className: 'dynamic-widget-wallet-header__seperator' }), jsx(Balance, { className: 'dynamic-widget-wallet-header__balance', connector: primaryWallet.connector, address: primaryWallet.address, network: network })] }))] })), ((_g = walletVerifiedCredential === null || walletVerifiedCredential === void 0 ? void 0 : walletVerifiedCredential.nameService) === null || _g === void 0 ? void 0 : _g.name) && (jsx(Balance, { className: 'dynamic-widget-wallet-header__balance', connector: primaryWallet.connector, address: primaryWallet.address, network: network }))] })))] })));
+                        } })), jsx(NetworkPicker, { connector: primaryWallet.connector, isNetworkPickerOpen: isNetworkPickerOpen, setIsNetworkPickerOpen: setIsNetworkPickerOpen, mainClassName: 'dynamic-widget-wallet-header__network-picker_container', buttonClassName: 'dynamic-widget-wallet-header__network-picker', evmNetworks: evmNetworks })] }))) : (jsx("div", Object.assign({ className: 'dynamic-widget-wallet-header__icon-container' }, { children: jsx(UserProfileIcon, {}) }))), primaryWallet && (jsxs("div", Object.assign({ "data-testid": 'primaryWalletStatus', className: 'dynamic-widget-wallet-header__wallet-info' }, { children: [jsxs("div", Object.assign({ className: 'dynamic-widget-wallet-header__wallet-address' }, { children: [jsx(StatusDot, { containerClassName: 'dynamic-widget-wallet-header__status-dot', variant: primaryWallet.connected ? 'green' : 'red' }), (nameService === null || nameService === void 0 ? void 0 : nameService.name) ? (jsxs(Fragment, { children: [jsx(CopyButton, Object.assign({ textToCopy: nameService === null || nameService === void 0 ? void 0 : nameService.name }, { children: jsx(Typography, Object.assign({ className: 'dynamic-widget-wallet-header__ens-name', variant: 'body_normal', as: 'p', color: 'primary', weight: 'medium', truncate: true }, { children: nameService === null || nameService === void 0 ? void 0 : nameService.name })) })), jsx("div", { className: 'dynamic-widget-wallet-header__seperator' }), jsx(CopyButton, Object.assign({ textToCopy: address || '' }, { children: jsx(Typography, Object.assign({ variant: 'body_small', as: 'span', color: 'secondary', weight: 'medium' }, { children: shortenWalletAddress(address, 3, 3) })) }))] })) : (jsx(CopyButton, Object.assign({ textToCopy: address || '' }, { children: jsx(Typography, Object.assign({ variant: 'body_normal', as: 'span', color: 'primary', weight: 'medium' }, { children: shortenWalletAddress(address, 4, 4) })) }))), !(nameService === null || nameService === void 0 ? void 0 : nameService.name) && (jsxs(Fragment, { children: [jsx("div", { className: 'dynamic-widget-wallet-header__seperator' }), jsx(Balance, { className: 'dynamic-widget-wallet-header__balance', connector: primaryWallet.connector, address: primaryWallet.address, network: network })] }))] })), (nameService === null || nameService === void 0 ? void 0 : nameService.name) && (jsx(Balance, { className: 'dynamic-widget-wallet-header__balance', connector: primaryWallet.connector, address: primaryWallet.address, network: network })), fundingEnabled && (jsx("div", Object.assign({ className: 'dynamic-widget-wallet-header__wallet-actions' }, { children: jsx(Button, Object.assign({ dataTestId: 'buy-crypto-button', buttonClassName: 'dynamic-widget-wallet-header__funding-button', buttonPadding: 'small', buttonVariant: 'primary', buttonRounded: 'small', onClick: () => setShowFunding(true), disabled: !supportsFunding, startSlot: jsx(SvgAdd, {}) }, { children: "Buy Crypto" })) })))] })))] })));
 };
 React__default.memo(DynamicWidgetWalletHeader);
 

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetPrompts/DynamicWidgetPrompts.cjs

@@ -14,6 +14,7 @@ var PrimaryNotConnectedModal = require('../../prompts/PrimaryNotConnectedModal/P
 var QrCodeModalView = require('../../prompts/QrCodeModalView/QrCodeModalView.cjs');
 var UnlinkWalletPopUp = require('../../prompts/UnlinkWalletPopUp/UnlinkWalletPopUp.cjs');
 var WidgetPortal = require('../WidgetPortal/WidgetPortal.cjs');
+var NoQrNotInstalledModalView = require('../../prompts/NoQrNotInstalledModalView/NoQrNotInstalledModalView.cjs');
 
 const mapAccountSwitchStateToPromptComponent = {
     linking_new_wallet: PendingAccountSwitchModal.PendingAccountSwitchModal,
@@ -21,7 +22,7 @@ const mapAccountSwitchStateToPromptComponent = {
     switching_primary: PendingAccountSwitchModal.PendingAccountSwitchModal,
 };
 const DynamicWidgetPrompts = () => {
-    const { setDesktopUri, accountSwitchState, multiWalletWidgetState, showQrcodeModal, setShowQrcodeModal, } = useInternalDynamicContext.useInternalDynamicContext();
+    const { setDesktopUri, accountSwitchState, multiWalletWidgetState, showQrcodeModal, setShowQrcodeModal, selectedWalletConnector, } = useInternalDynamicContext.useInternalDynamicContext();
     const { walletIdToUnlink, newWalletId, setNewWalletId } = DynamicWidgetContext.useWidgetContext();
     const AccountSwitchModal = React.useMemo(() => {
         if (multiWalletWidgetState !== 'awaiting_account_switch')
@@ -32,7 +33,7 @@ const DynamicWidgetPrompts = () => {
                 (showQrcodeModal ? (jsxRuntime.jsx(WidgetPortal.WidgetPortal, Object.assign({ onBackdropClick: () => {
                         setShowQrcodeModal(false);
                         setDesktopUri('');
-                    } }, { children: jsxRuntime.jsx(QrCodeModalView.QrCodeModalView, { walletId: newWalletId }) }))) : (jsxRuntime.jsx(PendingSignModal.PendingSignModal, {}))), multiWalletWidgetState === 'detected_known_secondary_wallet' && (jsxRuntime.jsx(DetectedKnownSecondaryWalletModal.DetectedKnownSecondaryWalletModal, { setNewWalletId: setNewWalletId })), multiWalletWidgetState === 'detected_new_wallet' && (jsxRuntime.jsx(DetectedNewWalletModal.DetectedNewWalletModal, {}))] }));
+                    } }, { children: (selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.canConnectViaQrCode) ? (jsxRuntime.jsx(QrCodeModalView.QrCodeModalView, { walletId: newWalletId })) : (jsxRuntime.jsx(NoQrNotInstalledModalView.NoQrNotInstalledModalView, {})) }))) : (jsxRuntime.jsx(PendingSignModal.PendingSignModal, {}))), multiWalletWidgetState === 'detected_known_secondary_wallet' && (jsxRuntime.jsx(DetectedKnownSecondaryWalletModal.DetectedKnownSecondaryWalletModal, { setNewWalletId: setNewWalletId })), multiWalletWidgetState === 'detected_new_wallet' && (jsxRuntime.jsx(DetectedNewWalletModal.DetectedNewWalletModal, {}))] }));
 };
 
 exports.DynamicWidgetPrompts = DynamicWidgetPrompts;