@dynamic-labs/sdk-react-core 2.2.6 → 2.2.8

package/CHANGELOG.md

@@ -1,4 +1,22 @@
 
+### [2.2.8](https://github.com/dynamic-labs/DynamicAuth/compare/v2.2.7...v2.2.8) (2024-07-01)
+
+
+### Bug Fixes
+
+* show connected network name when icon url is missing ([#6191](https://github.com/dynamic-labs/DynamicAuth/issues/6191)) ([#6193](https://github.com/dynamic-labs/DynamicAuth/issues/6193)) ([ad60062](https://github.com/dynamic-labs/DynamicAuth/commit/ad60062e930c6174d9516f49899722271a918414))
+* show ledger toggle when linking wallet ([#6202](https://github.com/dynamic-labs/DynamicAuth/issues/6202)) ([#6203](https://github.com/dynamic-labs/DynamicAuth/issues/6203)) ([d689f41](https://github.com/dynamic-labs/DynamicAuth/commit/d689f4138570610ceee16bd2167d40c0d0c088c7))
+* stop sending double sign request on network switch ([#6220](https://github.com/dynamic-labs/DynamicAuth/issues/6220)) ([e1dd446](https://github.com/dynamic-labs/DynamicAuth/commit/e1dd4468dc28b92ba3f8465e509d8fe762223d4c))
+* update formatting of phantom bitcoin publickey ([#6211](https://github.com/dynamic-labs/DynamicAuth/issues/6211)) ([044e4bc](https://github.com/dynamic-labs/DynamicAuth/commit/044e4bce8180d7125d0437132b7deb4ae80db031))
+
+### [2.2.7](https://github.com/dynamic-labs/DynamicAuth/compare/v2.2.6...v2.2.7) (2024-06-28)
+
+
+### Bug Fixes
+
+* coinbase smart wallet better handling in iframes ([#6190](https://github.com/dynamic-labs/DynamicAuth/issues/6190)) ([26530e6](https://github.com/dynamic-labs/DynamicAuth/commit/26530e6e7e368c83ade97ae4edd0de01944825b9))
+* show user wallet in profile view on single wallet mode even if it's not primary ([#6194](https://github.com/dynamic-labs/DynamicAuth/issues/6194)) ([070db58](https://github.com/dynamic-labs/DynamicAuth/commit/070db581f487b0e9a308d99497f63679f61fba7b))
+
 ### [2.2.6](https://github.com/dynamic-labs/DynamicAuth/compare/v2.2.5...v2.2.6) (2024-06-26)
 
 

package/package.cjs

@@ -3,7 +3,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "2.2.6";
+var version = "2.2.8";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.460",
 	"@hcaptcha/react-hcaptcha": "1.4.4",

package/package.js

@@ -1,5 +1,5 @@
 'use client'
-var version = "2.2.6";
+var version = "2.2.8";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.460",
 	"@hcaptcha/react-hcaptcha": "1.4.4",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "2.2.6",
+  "version": "2.2.8",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/dynamic-labs/dynamic-auth.git",
@@ -17,18 +17,18 @@
     "react-i18next": "13.5.0",
     "yup": "0.32.11",
     "react-international-phone": "4.2.5",
-    "@dynamic-labs/iconic": "2.2.6",
-    "@dynamic-labs/logger": "2.2.6",
-    "@dynamic-labs/multi-wallet": "2.2.6",
-    "@dynamic-labs/rpc-provider-ethereum": "2.2.6",
-    "@dynamic-labs/rpc-provider-solana": "2.2.6",
-    "@dynamic-labs/rpc-providers": "2.2.6",
-    "@dynamic-labs/store": "2.2.6",
-    "@dynamic-labs/types": "2.2.6",
-    "@dynamic-labs/utils": "2.2.6",
-    "@dynamic-labs/viem-utils": "2.2.6",
-    "@dynamic-labs/wallet-book": "2.2.6",
-    "@dynamic-labs/wallet-connector-core": "2.2.6",
+    "@dynamic-labs/iconic": "2.2.8",
+    "@dynamic-labs/logger": "2.2.8",
+    "@dynamic-labs/multi-wallet": "2.2.8",
+    "@dynamic-labs/rpc-provider-ethereum": "2.2.8",
+    "@dynamic-labs/rpc-provider-solana": "2.2.8",
+    "@dynamic-labs/rpc-providers": "2.2.8",
+    "@dynamic-labs/store": "2.2.8",
+    "@dynamic-labs/types": "2.2.8",
+    "@dynamic-labs/utils": "2.2.8",
+    "@dynamic-labs/viem-utils": "2.2.8",
+    "@dynamic-labs/wallet-book": "2.2.8",
+    "@dynamic-labs/wallet-connector-core": "2.2.8",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

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

@@ -8,7 +8,6 @@ var utils = require('@dynamic-labs/utils');
 require('@dynamic-labs/iconic');
 require('../../../../context/ViewContext/ViewContext.cjs');
 require('react');
-var error = require('../../../../shared/assets/error.cjs');
 var stroke = require('../../../../shared/assets/stroke.cjs');
 var classNames = require('../../../../utils/functions/classNames/classNames.cjs');
 require('../../../Accordion/components/AccordionItem/AccordionItem.cjs');
@@ -85,7 +84,7 @@ require('@hcaptcha/react-hcaptcha');
 require('../../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 
 const EvmNetworkControl = ({ evmNetworks, className = '', activeClassName = '', network, walletConnector, isOpen, setIsOpen, showNetworkName = false, }) => {
-    var _a, _b;
+    var _a;
     const currentEvmNetwork = evmNetworks === null || evmNetworks === void 0 ? void 0 : evmNetworks.find((element) => network && element.chainId === utils.parseChainId(network));
     if (evmNetworks && !evmNetworks.length) {
         return (jsxRuntime.jsx("div", { "data-testid": 'EvmNetworkControl', className: classNames.classNames('evm-network-control__container evm-network-control__container--error', className), children: jsxRuntime.jsx(UnsupportedNetwork.UnsupportedNetwork, { showMsg: showNetworkName }) }));
@@ -103,9 +102,9 @@ const EvmNetworkControl = ({ evmNetworks, className = '', activeClassName = '',
                             'evm-network-control__arrow-icon--active': isOpen,
                         }), children: jsxRuntime.jsx(stroke.ReactComponent, {}) })] }));
         }
-        return (jsxRuntime.jsx("div", { "data-testid": 'EvmNetworkControl', onClick: () => network && setIsOpen(!isOpen), className: classNames.classNames('evm-network-control__container', {
+        return (jsxRuntime.jsxs("div", { "data-testid": 'EvmNetworkControl', onClick: () => network && setIsOpen(!isOpen), className: classNames.classNames('evm-network-control__container', {
                 [activeClassName]: isOpen,
-            }, className), children: currentEvmNetwork.name && ((_a = currentEvmNetwork.iconUrls) === null || _a === void 0 ? void 0 : _a[0]) ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Icon.Icon, { size: 'small', children: jsxRuntime.jsx("img", { src: currentEvmNetwork.iconUrls[0], alt: `${currentEvmNetwork.name} icon` }) }), showNetworkName && (jsxRuntime.jsx(Typography.Typography, { className: 'evm-network-control__network-name', as: 'span', variant: 'body_small', children: currentEvmNetwork.vanityName || currentEvmNetwork.name }))] })) : (jsxRuntime.jsx(UnsupportedNetwork.UnsupportedNetwork, { showMsg: showNetworkName })) }));
+            }, className), children: [currentEvmNetwork.iconUrls.length > 0 && (jsxRuntime.jsx(Icon.Icon, { size: 'small', children: jsxRuntime.jsx("img", { src: currentEvmNetwork.iconUrls[0], alt: `${currentEvmNetwork.name} icon` }) })), showNetworkName && (jsxRuntime.jsx(Typography.Typography, { className: 'evm-network-control__network-name', as: 'span', variant: 'body_small', children: currentEvmNetwork.vanityName || currentEvmNetwork.name }))] }));
     }
     return (jsxRuntime.jsxs("button", { "data-testid": 'EvmNetworkControl', type: 'button', onClick: (e) => {
             e.stopPropagation();
@@ -114,7 +113,7 @@ const EvmNetworkControl = ({ evmNetworks, className = '', activeClassName = '',
             [activeClassName]: isOpen,
             'evm-network-control__container': Boolean(walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.supportsNetworkSwitching()),
             'evm-network-control__container--error': !(currentEvmNetwork === null || currentEvmNetwork === void 0 ? void 0 : currentEvmNetwork.name),
-        }), children: [(currentEvmNetwork === null || currentEvmNetwork === void 0 ? void 0 : currentEvmNetwork.name) ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Icon.Icon, { size: 'small', children: ((_b = currentEvmNetwork === null || currentEvmNetwork === void 0 ? void 0 : currentEvmNetwork.iconUrls) === null || _b === void 0 ? void 0 : _b[0]) ? (jsxRuntime.jsx("img", { src: currentEvmNetwork.iconUrls[0], alt: `${currentEvmNetwork.name} icon` })) : (jsxRuntime.jsx(error.ReactComponent, {})) }), showNetworkName && (jsxRuntime.jsx(Typography.Typography, { className: 'evm-network-control__network-name', as: 'span', variant: 'body_small', children: currentEvmNetwork.vanityName || currentEvmNetwork.name }))] })) : (jsxRuntime.jsx(UnsupportedNetwork.UnsupportedNetwork, { showMsg: showNetworkName })), evmNetworks && evmNetworks.length > 1 && (jsxRuntime.jsx(Icon.Icon, { color: 'text-primary', size: 'small', className: classNames.classNames('evm-network-control__arrow-icon', {
+        }), children: [(currentEvmNetwork === null || currentEvmNetwork === void 0 ? void 0 : currentEvmNetwork.name) ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [((_a = currentEvmNetwork === null || currentEvmNetwork === void 0 ? void 0 : currentEvmNetwork.iconUrls) === null || _a === void 0 ? void 0 : _a[0]) && (jsxRuntime.jsx(Icon.Icon, { size: 'small', children: jsxRuntime.jsx("img", { src: currentEvmNetwork.iconUrls[0], alt: `${currentEvmNetwork.name} icon` }) })), showNetworkName && (jsxRuntime.jsx(Typography.Typography, { className: 'evm-network-control__network-name', as: 'span', variant: 'body_small', children: currentEvmNetwork.vanityName || currentEvmNetwork.name }))] })) : (jsxRuntime.jsx(UnsupportedNetwork.UnsupportedNetwork, { showMsg: showNetworkName })), evmNetworks && evmNetworks.length > 1 && (jsxRuntime.jsx(Icon.Icon, { 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.js

@@ -4,7 +4,6 @@ import { parseChainId } from '@dynamic-labs/utils';
 import '@dynamic-labs/iconic';
 import '../../../../context/ViewContext/ViewContext.js';
 import 'react';
-import { ReactComponent as SvgError } from '../../../../shared/assets/error.js';
 import { ReactComponent as SvgStroke } from '../../../../shared/assets/stroke.js';
 import { classNames } from '../../../../utils/functions/classNames/classNames.js';
 import '../../../Accordion/components/AccordionItem/AccordionItem.js';
@@ -81,7 +80,7 @@ import '@hcaptcha/react-hcaptcha';
 import '../../../../context/IpConfigurationContext/IpConfigurationContext.js';
 
 const EvmNetworkControl = ({ evmNetworks, className = '', activeClassName = '', network, walletConnector, isOpen, setIsOpen, showNetworkName = false, }) => {
-    var _a, _b;
+    var _a;
     const currentEvmNetwork = evmNetworks === null || evmNetworks === void 0 ? void 0 : evmNetworks.find((element) => network && element.chainId === parseChainId(network));
     if (evmNetworks && !evmNetworks.length) {
         return (jsx("div", { "data-testid": 'EvmNetworkControl', className: classNames('evm-network-control__container evm-network-control__container--error', className), children: jsx(UnsupportedNetwork, { showMsg: showNetworkName }) }));
@@ -99,9 +98,9 @@ const EvmNetworkControl = ({ evmNetworks, className = '', activeClassName = '',
                             'evm-network-control__arrow-icon--active': isOpen,
                         }), children: jsx(SvgStroke, {}) })] }));
         }
-        return (jsx("div", { "data-testid": 'EvmNetworkControl', onClick: () => network && setIsOpen(!isOpen), className: classNames('evm-network-control__container', {
+        return (jsxs("div", { "data-testid": 'EvmNetworkControl', onClick: () => network && setIsOpen(!isOpen), className: classNames('evm-network-control__container', {
                 [activeClassName]: isOpen,
-            }, className), children: currentEvmNetwork.name && ((_a = currentEvmNetwork.iconUrls) === null || _a === void 0 ? void 0 : _a[0]) ? (jsxs(Fragment, { children: [jsx(Icon, { size: 'small', children: jsx("img", { src: currentEvmNetwork.iconUrls[0], alt: `${currentEvmNetwork.name} icon` }) }), showNetworkName && (jsx(Typography, { className: 'evm-network-control__network-name', as: 'span', variant: 'body_small', children: currentEvmNetwork.vanityName || currentEvmNetwork.name }))] })) : (jsx(UnsupportedNetwork, { showMsg: showNetworkName })) }));
+            }, className), children: [currentEvmNetwork.iconUrls.length > 0 && (jsx(Icon, { size: 'small', children: jsx("img", { src: currentEvmNetwork.iconUrls[0], alt: `${currentEvmNetwork.name} icon` }) })), showNetworkName && (jsx(Typography, { className: 'evm-network-control__network-name', as: 'span', variant: 'body_small', children: currentEvmNetwork.vanityName || currentEvmNetwork.name }))] }));
     }
     return (jsxs("button", { "data-testid": 'EvmNetworkControl', type: 'button', onClick: (e) => {
             e.stopPropagation();
@@ -110,7 +109,7 @@ const EvmNetworkControl = ({ evmNetworks, className = '', activeClassName = '',
             [activeClassName]: isOpen,
             'evm-network-control__container': Boolean(walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.supportsNetworkSwitching()),
             'evm-network-control__container--error': !(currentEvmNetwork === null || currentEvmNetwork === void 0 ? void 0 : currentEvmNetwork.name),
-        }), children: [(currentEvmNetwork === null || currentEvmNetwork === void 0 ? void 0 : currentEvmNetwork.name) ? (jsxs(Fragment, { children: [jsx(Icon, { size: 'small', children: ((_b = currentEvmNetwork === null || currentEvmNetwork === void 0 ? void 0 : currentEvmNetwork.iconUrls) === null || _b === void 0 ? void 0 : _b[0]) ? (jsx("img", { src: currentEvmNetwork.iconUrls[0], alt: `${currentEvmNetwork.name} icon` })) : (jsx(SvgError, {})) }), showNetworkName && (jsx(Typography, { className: 'evm-network-control__network-name', as: 'span', variant: 'body_small', children: currentEvmNetwork.vanityName || currentEvmNetwork.name }))] })) : (jsx(UnsupportedNetwork, { showMsg: showNetworkName })), evmNetworks && evmNetworks.length > 1 && (jsx(Icon, { color: 'text-primary', size: 'small', className: classNames('evm-network-control__arrow-icon', {
+        }), children: [(currentEvmNetwork === null || currentEvmNetwork === void 0 ? void 0 : currentEvmNetwork.name) ? (jsxs(Fragment, { children: [((_a = currentEvmNetwork === null || currentEvmNetwork === void 0 ? void 0 : currentEvmNetwork.iconUrls) === null || _a === void 0 ? void 0 : _a[0]) && (jsx(Icon, { size: 'small', children: jsx("img", { src: currentEvmNetwork.iconUrls[0], alt: `${currentEvmNetwork.name} icon` }) })), showNetworkName && (jsx(Typography, { className: 'evm-network-control__network-name', as: 'span', variant: 'body_small', children: currentEvmNetwork.vanityName || currentEvmNetwork.name }))] })) : (jsx(UnsupportedNetwork, { showMsg: showNetworkName })), evmNetworks && evmNetworks.length > 1 && (jsx(Icon, { 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/QrCodeWrapper/QrCodeContainer/QrCodeContainer.cjs

@@ -62,8 +62,8 @@ require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../context/MfaSettingsContext/MfaSettingsContext.cjs');
 require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('react-focus-lock');
-var useWalletDownloadLinks = require('../../../widgets/DynamicWidget/hooks/useWalletDownloadLinks/useWalletDownloadLinks.cjs');
 var Icon = require('../../Icon/Icon.cjs');
+var useWalletDownloadLinks = require('../../../widgets/DynamicWidget/hooks/useWalletDownloadLinks/useWalletDownloadLinks.cjs');
 require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../IconButton/IconButton.cjs');
 require('../../MenuList/Dropdown/Dropdown.cjs');

package/src/lib/components/QrCodeWrapper/QrCodeContainer/QrCodeContainer.js

@@ -58,8 +58,8 @@ import '../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../context/MfaSettingsContext/MfaSettingsContext.js';
 import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import 'react-focus-lock';
-import { useWalletDownloadLinks } from '../../../widgets/DynamicWidget/hooks/useWalletDownloadLinks/useWalletDownloadLinks.js';
 import { Icon } from '../../Icon/Icon.js';
+import { useWalletDownloadLinks } from '../../../widgets/DynamicWidget/hooks/useWalletDownloadLinks/useWalletDownloadLinks.js';
 import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../IconButton/IconButton.js';
 import '../../MenuList/Dropdown/Dropdown.js';

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

@@ -41,7 +41,7 @@ require('../../locale/locale.cjs');
 var isAllowedToLinkWallet = require('../../utils/functions/isAllowedToLinkWallet/isAllowedToLinkWallet.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
-require('../../context/UserWalletsContext/UserWalletsContext.cjs');
+var UserWalletsContext = require('../../context/UserWalletsContext/UserWalletsContext.cjs');
 require('../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
 require('../../context/WalletContext/WalletContext.cjs');
@@ -68,8 +68,8 @@ require('../../context/MfaSettingsContext/MfaSettingsContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('react-focus-lock');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
-require('../IconButton/IconButton.cjs');
-require('../MenuList/Dropdown/Dropdown.cjs');
+var getWalletVerifiedCredential = require('../../utils/functions/getWalletVerifiedCredential/getWalletVerifiedCredential.cjs');
+var Wallet = require('../../widgets/DynamicWidget/components/Wallet/Wallet.cjs');
 var ErrorContainer = require('../ErrorContainer/ErrorContainer.cjs');
 var UserProfileField = require('./parts/UserProfileField/UserProfileField.cjs');
 var UserProfileSection = require('./parts/UserProfileSection/UserProfileSection.cjs');
@@ -77,6 +77,7 @@ var UserProfileSocialAccount = require('./parts/UserProfileSocialAccount/UserPro
 require('formik');
 var TypographyButton = require('../TypographyButton/TypographyButton.cjs');
 require('../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../IconButton/IconButton.cjs');
 require('../Input/Input.cjs');
 require('../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../context/PasskeyContext/PasskeyContext.cjs');
@@ -84,6 +85,7 @@ require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/
 var useDynamicModals = require('../../utils/hooks/useDynamicModals/useDynamicModals.cjs');
 require('../InlineWidget/InlineWidget.cjs');
 require('../IsBrowser/IsBrowser.cjs');
+require('../MenuList/Dropdown/Dropdown.cjs');
 require('../Popper/Popper/Popper.cjs');
 require('../Popper/PopperContext/PopperContext.cjs');
 require('qrcode');
@@ -93,9 +95,11 @@ require('@hcaptcha/react-hcaptcha');
 require('../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 
 const UserProfile = ({ rootClassName }) => {
-    const { projectSettings, user, setSelectedWalletConnectorKey, multiWallet } = useInternalDynamicContext.useInternalDynamicContext();
+    var _a;
+    const { projectSettings, user, setSelectedWalletConnectorKey, multiWallet, primaryWallet, } = useInternalDynamicContext.useInternalDynamicContext();
     const { error } = ErrorContext.useErrorContext();
     const { setShowLinkNewWalletModal } = useDynamicModals.useDynamicModals();
+    const { userWallets } = UserWalletsContext.useInternalUserWallets();
     const { t } = reactI18next.useTranslation();
     const { fieldsConfig } = useFields.useFields();
     const containerRef = React.useRef(null);
@@ -120,7 +124,10 @@ const UserProfile = ({ rootClassName }) => {
     const mapFieldKeyToValue = (fieldKey) => user === null || user === void 0 ? void 0 : user[fieldKey];
     if (!user)
         return null;
-    return (jsxRuntime.jsxs("div", { "data-testid": 'userProfile', className: classNames.classNames('user-profile', rootClassName), ref: containerRef, children: [error && jsxRuntime.jsx(ErrorContainer.ErrorContainer, { children: error }), (allUserFields === null || allUserFields === void 0 ? void 0 : allUserFields.length) > 0 && (jsxRuntime.jsx(UserProfileSection.UserProfileSection, { title: t('dyn_user_profile.my_information.title'), children: jsxRuntime.jsx("div", { className: 'user-profile__fields', children: allUserFields.map(({ name, validationType, type }) => {
+    // if it's multiwallet, the wallet should appear in the wallets tab
+    // if there's a primary wallet, it will be displayed in the header
+    const wallet = !multiWallet && !primaryWallet && userWallets[0];
+    return (jsxRuntime.jsxs("div", { "data-testid": 'userProfile', className: classNames.classNames('user-profile', rootClassName), ref: containerRef, children: [error && jsxRuntime.jsx(ErrorContainer.ErrorContainer, { children: error }), wallet && (jsxRuntime.jsx(UserProfileSection.UserProfileSection, { title: t('dyn_user_profile.my_wallet.title'), children: jsxRuntime.jsx(Wallet.Wallet, { ens: (_a = getWalletVerifiedCredential.getWalletVerifiedCredential(wallet.address, user === null || user === void 0 ? void 0 : user.verifiedCredentials, wallet.chain)) === null || _a === void 0 ? void 0 : _a.nameService, wallet: wallet }, wallet.id) })), (allUserFields === null || allUserFields === void 0 ? void 0 : allUserFields.length) > 0 && (jsxRuntime.jsx(UserProfileSection.UserProfileSection, { title: t('dyn_user_profile.my_information.title'), children: jsxRuntime.jsx("div", { className: 'user-profile__fields', children: allUserFields.map(({ name, validationType, type }) => {
                         var _a, _b;
                         if (type === sdkApiCore.KycFieldType.Custom) {
                             const value = (_b = (_a = user.metadata) === null || _a === void 0 ? void 0 : _a[name]) !== null && _b !== void 0 ? _b : '';

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

@@ -37,7 +37,7 @@ import '../../locale/locale.js';
 import { isAllowedToLinkWallet } from '../../utils/functions/isAllowedToLinkWallet/isAllowedToLinkWallet.js';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
-import '../../context/UserWalletsContext/UserWalletsContext.js';
+import { useInternalUserWallets } from '../../context/UserWalletsContext/UserWalletsContext.js';
 import '../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
 import '../../context/WalletContext/WalletContext.js';
@@ -64,8 +64,8 @@ import '../../context/MfaSettingsContext/MfaSettingsContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import 'react-focus-lock';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
-import '../IconButton/IconButton.js';
-import '../MenuList/Dropdown/Dropdown.js';
+import { getWalletVerifiedCredential } from '../../utils/functions/getWalletVerifiedCredential/getWalletVerifiedCredential.js';
+import { Wallet } from '../../widgets/DynamicWidget/components/Wallet/Wallet.js';
 import { ErrorContainer } from '../ErrorContainer/ErrorContainer.js';
 import { UserProfileField } from './parts/UserProfileField/UserProfileField.js';
 import { UserProfileSection } from './parts/UserProfileSection/UserProfileSection.js';
@@ -73,6 +73,7 @@ import { UserProfileSocialAccount } from './parts/UserProfileSocialAccount/UserP
 import 'formik';
 import { TypographyButton } from '../TypographyButton/TypographyButton.js';
 import '../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../IconButton/IconButton.js';
 import '../Input/Input.js';
 import '../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../context/PasskeyContext/PasskeyContext.js';
@@ -80,6 +81,7 @@ import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/P
 import { useDynamicModals } from '../../utils/hooks/useDynamicModals/useDynamicModals.js';
 import '../InlineWidget/InlineWidget.js';
 import '../IsBrowser/IsBrowser.js';
+import '../MenuList/Dropdown/Dropdown.js';
 import '../Popper/Popper/Popper.js';
 import '../Popper/PopperContext/PopperContext.js';
 import 'qrcode';
@@ -89,9 +91,11 @@ import '@hcaptcha/react-hcaptcha';
 import '../../context/IpConfigurationContext/IpConfigurationContext.js';
 
 const UserProfile = ({ rootClassName }) => {
-    const { projectSettings, user, setSelectedWalletConnectorKey, multiWallet } = useInternalDynamicContext();
+    var _a;
+    const { projectSettings, user, setSelectedWalletConnectorKey, multiWallet, primaryWallet, } = useInternalDynamicContext();
     const { error } = useErrorContext();
     const { setShowLinkNewWalletModal } = useDynamicModals();
+    const { userWallets } = useInternalUserWallets();
     const { t } = useTranslation();
     const { fieldsConfig } = useFields();
     const containerRef = useRef(null);
@@ -116,7 +120,10 @@ const UserProfile = ({ rootClassName }) => {
     const mapFieldKeyToValue = (fieldKey) => user === null || user === void 0 ? void 0 : user[fieldKey];
     if (!user)
         return null;
-    return (jsxs("div", { "data-testid": 'userProfile', className: classNames('user-profile', rootClassName), ref: containerRef, children: [error && jsx(ErrorContainer, { children: error }), (allUserFields === null || allUserFields === void 0 ? void 0 : allUserFields.length) > 0 && (jsx(UserProfileSection, { title: t('dyn_user_profile.my_information.title'), children: jsx("div", { className: 'user-profile__fields', children: allUserFields.map(({ name, validationType, type }) => {
+    // if it's multiwallet, the wallet should appear in the wallets tab
+    // if there's a primary wallet, it will be displayed in the header
+    const wallet = !multiWallet && !primaryWallet && userWallets[0];
+    return (jsxs("div", { "data-testid": 'userProfile', className: classNames('user-profile', rootClassName), ref: containerRef, children: [error && jsx(ErrorContainer, { children: error }), wallet && (jsx(UserProfileSection, { title: t('dyn_user_profile.my_wallet.title'), children: jsx(Wallet, { ens: (_a = getWalletVerifiedCredential(wallet.address, user === null || user === void 0 ? void 0 : user.verifiedCredentials, wallet.chain)) === null || _a === void 0 ? void 0 : _a.nameService, wallet: wallet }, wallet.id) })), (allUserFields === null || allUserFields === void 0 ? void 0 : allUserFields.length) > 0 && (jsx(UserProfileSection, { title: t('dyn_user_profile.my_information.title'), children: jsx("div", { className: 'user-profile__fields', children: allUserFields.map(({ name, validationType, type }) => {
                         var _a, _b;
                         if (type === KycFieldType.Custom) {
                             const value = (_b = (_a = user.metadata) === null || _a === void 0 ? void 0 : _a[name]) !== null && _b !== void 0 ? _b : '';

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

@@ -64,8 +64,8 @@ require('../../../../context/MfaSettingsContext/MfaSettingsContext.cjs');
 require('../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('react-focus-lock');
 require('../../../../context/ThemeContext/ThemeContext.cjs');
-require('../../../../context/LoadingContext/LoadingContext.cjs');
 var Icon = require('../../../Icon/Icon.cjs');
+require('../../../../context/LoadingContext/LoadingContext.cjs');
 require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../IconButton/IconButton.cjs');
 require('../../../MenuList/Dropdown/Dropdown.cjs');

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

@@ -60,8 +60,8 @@ import '../../../../context/MfaSettingsContext/MfaSettingsContext.js';
 import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import 'react-focus-lock';
 import '../../../../context/ThemeContext/ThemeContext.js';
-import '../../../../context/LoadingContext/LoadingContext.js';
 import { Icon } from '../../../Icon/Icon.js';
+import '../../../../context/LoadingContext/LoadingContext.js';
 import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../IconButton/IconButton.js';
 import '../../../MenuList/Dropdown/Dropdown.js';

package/src/lib/context/DynamicContext/types/index.d.ts

@@ -160,6 +160,7 @@ export interface IDynamicContext {
     setLogInWithEmail: Dispatch<SetStateAction<boolean>>;
     setMultiWalletWidgetState: MultiWalletWidgetStateSetter;
     setPasskeySuccessPopup: (key: PasskeySuccessEnum) => void;
+    /** @deprecated Use useSwitchWallet instead */
     setPrimaryWallet: (walletId: string) => Promise<void>;
     setPrimaryWalletId: (walletId: string) => void;
     setQrcodeUri: Dispatch<SetStateAction<string>>;

package/src/lib/locale/en/translation.cjs

@@ -1886,6 +1886,9 @@ const translation = {
         my_information: {
           title: 'My information',
         },
+        my_wallet: {
+          title: 'My wallet',
+        },
         social_accounts: {
           title: 'Social accounts',
         },
@@ -1903,6 +1906,9 @@ const translation = {
         my_information: {
             title: 'My information',
         },
+        my_wallet: {
+            title: 'My wallet',
+        },
         social_accounts: {
             title: 'Social accounts',
         },

package/src/lib/locale/en/translation.d.ts

@@ -1882,6 +1882,9 @@ export declare const translation: {
         my_information: {
           title: 'My information',
         },
+        my_wallet: {
+          title: 'My wallet',
+        },
         social_accounts: {
           title: 'Social accounts',
         },
@@ -1899,6 +1902,9 @@ export declare const translation: {
         my_information: {
             title: string;
         };
+        my_wallet: {
+            title: string;
+        };
         social_accounts: {
             title: string;
         };

package/src/lib/locale/en/translation.js

@@ -1882,6 +1882,9 @@ const translation = {
         my_information: {
           title: 'My information',
         },
+        my_wallet: {
+          title: 'My wallet',
+        },
         social_accounts: {
           title: 'Social accounts',
         },
@@ -1899,6 +1902,9 @@ const translation = {
         my_information: {
             title: 'My information',
         },
+        my_wallet: {
+            title: 'My wallet',
+        },
         social_accounts: {
             title: 'Social accounts',
         },

package/src/lib/shared/utils/functions/shortenEmail/shortenEmail.d.ts

@@ -1,6 +0,0 @@
-export type ShortenEmailOptions = {
-    breakpoint?: number;
-    cutEnd?: number;
-    cutStart?: number;
-};
-export declare const shortenEmail: (email?: string, options?: ShortenEmailOptions) => string;