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

package/CHANGELOG.md

@@ -1,4 +1,12 @@
 
+### [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.7";
 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.7";
 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.7",
   "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.7",
+    "@dynamic-labs/logger": "2.2.7",
+    "@dynamic-labs/multi-wallet": "2.2.7",
+    "@dynamic-labs/rpc-provider-ethereum": "2.2.7",
+    "@dynamic-labs/rpc-provider-solana": "2.2.7",
+    "@dynamic-labs/rpc-providers": "2.2.7",
+    "@dynamic-labs/store": "2.2.7",
+    "@dynamic-labs/types": "2.2.7",
+    "@dynamic-labs/utils": "2.2.7",
+    "@dynamic-labs/viem-utils": "2.2.7",
+    "@dynamic-labs/wallet-book": "2.2.7",
+    "@dynamic-labs/wallet-connector-core": "2.2.7",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

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/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/widgets/DynamicWidget/views/WalletsView/WalletsView.cjs

@@ -66,10 +66,11 @@ require('react-focus-lock');
 require('../../context/DynamicWidgetContext.cjs');
 var DynamicWidgetWallets = require('../../components/DynamicWidgetWallets/DynamicWidgetWallets.cjs');
 var SingleWalletButtons = require('../../components/SingleWalletButtons/SingleWalletButtons.cjs');
+require('../../../../components/IconButton/IconButton.cjs');
+require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
 require('formik');
 var TypographyButton = require('../../../../components/TypographyButton/TypographyButton.cjs');
 require('../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
-require('../../../../components/IconButton/IconButton.cjs');
 require('../../../../components/Input/Input.cjs');
 require('../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');
@@ -78,7 +79,6 @@ var useDynamicModals = require('../../../../utils/hooks/useDynamicModals/useDyna
 require('../../../../components/InlineWidget/InlineWidget.cjs');
 require('../../../../components/IsBrowser/IsBrowser.cjs');
 var LogoutButton = require('../../../../components/LogoutButton/LogoutButton.cjs');
-require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../components/Popper/PopperContext/PopperContext.cjs');
 require('qrcode');

package/src/lib/widgets/DynamicWidget/views/WalletsView/WalletsView.js

@@ -62,10 +62,11 @@ import 'react-focus-lock';
 import '../../context/DynamicWidgetContext.js';
 import { DynamicWidgetWallets } from '../../components/DynamicWidgetWallets/DynamicWidgetWallets.js';
 import { SingleWalletButtons } from '../../components/SingleWalletButtons/SingleWalletButtons.js';
+import '../../../../components/IconButton/IconButton.js';
+import '../../../../components/MenuList/Dropdown/Dropdown.js';
 import 'formik';
 import { TypographyButton } from '../../../../components/TypographyButton/TypographyButton.js';
 import '../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
-import '../../../../components/IconButton/IconButton.js';
 import '../../../../components/Input/Input.js';
 import '../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../../../context/PasskeyContext/PasskeyContext.js';
@@ -74,7 +75,6 @@ import { useDynamicModals } from '../../../../utils/hooks/useDynamicModals/useDy
 import '../../../../components/InlineWidget/InlineWidget.js';
 import '../../../../components/IsBrowser/IsBrowser.js';
 import { LogoutButton } from '../../../../components/LogoutButton/LogoutButton.js';
-import '../../../../components/MenuList/Dropdown/Dropdown.js';
 import '../../../../components/Popper/Popper/Popper.js';
 import '../../../../components/Popper/PopperContext/PopperContext.js';
 import 'qrcode';