@dynamic-labs/sdk-react-core 1.1.1 → 1.1.2

package/CHANGELOG.md

@@ -1,4 +1,12 @@
 
+### [1.1.2](https://github.com/dynamic-labs/DynamicAuth/compare/v1.1.1...v1.1.2) (2024-02-13)
+
+
+### Bug Fixes
+
+* coinbasesocial should display coinbase in profile linking section ([#4681](https://github.com/dynamic-labs/DynamicAuth/issues/4681)) ([dea7dc6](https://github.com/dynamic-labs/DynamicAuth/commit/dea7dc63fcc84ac2b99eb561ca26fe5c8f1d3edf))
+* prompt to change network on signin when using wallet-connect  ([#4675](https://github.com/dynamic-labs/DynamicAuth/issues/4675)) ([2f5f2a0](https://github.com/dynamic-labs/DynamicAuth/commit/2f5f2a0cad538f2bb706296d8a664488d2dc35ac)), closes [#4672](https://github.com/dynamic-labs/DynamicAuth/issues/4672)
+
 ### [1.1.1](https://github.com/dynamic-labs/DynamicAuth/compare/v1.1.0...v1.1.1) (2024-02-13)
 
 

package/package.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "1.1.1";
+var version = "1.1.2";
 var dependencies = {
 	"@dynamic-labs/sdk-api": "0.0.363",
 	"@hcaptcha/react-hcaptcha": "1.4.4",

package/package.js

@@ -1,4 +1,4 @@
-var version = "1.1.1";
+var version = "1.1.2";
 var dependencies = {
 	"@dynamic-labs/sdk-api": "0.0.363",
 	"@hcaptcha/react-hcaptcha": "1.4.4",

package/package.json

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

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

@@ -20,11 +20,13 @@ require('../../../../utils/constants/colors.cjs');
 require('../../../../utils/constants/values.cjs');
 require('../../../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
+var providerLabel = require('../../../../shared/utils/functions/providerLabel/providerLabel.cjs');
 require('../../../../shared/consts/index.cjs');
 var useInternalDynamicContext = require('../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 require('../../../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
+var getSocialSignInProviderForProviderEnum = require('../../../../utils/functions/getSocialSignInProviderForProviderEnum/getSocialSignInProviderForProviderEnum.cjs');
 require('viem/chains');
 require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../../context/AccountExistsContext/AccountExistsContext.cjs');
@@ -53,7 +55,7 @@ require('react-focus-lock');
 require('../../../../context/ThemeContext/ThemeContext.cjs');
 require('../../../../context/LoadingContext/LoadingContext.cjs');
 var Icon = require('../../../Icon/Icon.cjs');
-var helpers = require('../../../../widgets/DynamicWidget/helpers/helpers.cjs');
+require('i18next');
 require('qrcode');
 require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
@@ -95,7 +97,7 @@ const UserProfileSocialAccount = ({ provider, }) => {
         }, startSlot: 
         // eslint-disable-next-line react/jsx-wrap-multilines
         jsxRuntime.jsx(Icon.Icon, { color: 'text-tertiary', size: 'small', children: isProviderLinked ? jsxRuntime.jsx(unlink.ReactComponent, {}) : jsxRuntime.jsx(add.ReactComponent, {}) }), children: isProviderLinked ? null : 'Connect' }));
-    return (jsxRuntime.jsxs("div", { className: 'user-profile-social-account', "data-testid": `social-account-${provider}`, children: [jsxRuntime.jsx("div", { className: 'user-profile-social-account__icon', children: isProviderLinked ? (jsxRuntime.jsx(ConnectedAccountAvatar.ConnectedAccountAvatar, { provider: provider, avatarUrl: connectedAccountInfo === null || connectedAccountInfo === void 0 ? void 0 : connectedAccountInfo.avatar })) : (jsxRuntime.jsx(iconic.SocialIcon, { name: provider, variant: iconThemeVariant })) }), jsxRuntime.jsx("div", { className: 'user-profile-social-account__label', children: jsxRuntime.jsx(Typography.Typography, { weight: 'medium', variant: 'body_normal', color: 'primary', children: (_a = connectedAccountInfo === null || connectedAccountInfo === void 0 ? void 0 : connectedAccountInfo.publicIdentifier) !== null && _a !== void 0 ? _a : helpers.capitalize(provider) }) }), !isActiveCredential ? renderButton() : null] }));
+    return (jsxRuntime.jsxs("div", { className: 'user-profile-social-account', "data-testid": `social-account-${provider}`, children: [jsxRuntime.jsx("div", { className: 'user-profile-social-account__icon', children: isProviderLinked ? (jsxRuntime.jsx(ConnectedAccountAvatar.ConnectedAccountAvatar, { provider: provider, avatarUrl: connectedAccountInfo === null || connectedAccountInfo === void 0 ? void 0 : connectedAccountInfo.avatar })) : (jsxRuntime.jsx(iconic.SocialIcon, { name: provider, variant: iconThemeVariant })) }), jsxRuntime.jsx("div", { className: 'user-profile-social-account__label', children: jsxRuntime.jsx(Typography.Typography, { weight: 'medium', variant: 'body_normal', color: 'primary', children: (_a = connectedAccountInfo === null || connectedAccountInfo === void 0 ? void 0 : connectedAccountInfo.publicIdentifier) !== null && _a !== void 0 ? _a : providerLabel.providerLabel(getSocialSignInProviderForProviderEnum.getSocialSignInProviderForProviderEnum(provider)) }) }), !isActiveCredential ? renderButton() : null] }));
 };
 
 exports.UserProfileSocialAccount = UserProfileSocialAccount;

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

@@ -16,11 +16,13 @@ import '../../../../utils/constants/colors.js';
 import '../../../../utils/constants/values.js';
 import '../../../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
+import { providerLabel } from '../../../../shared/utils/functions/providerLabel/providerLabel.js';
 import '../../../../shared/consts/index.js';
 import { useInternalDynamicContext } from '../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 import '../../../../context/CaptchaContext/CaptchaContext.js';
 import '../../../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
+import { getSocialSignInProviderForProviderEnum } from '../../../../utils/functions/getSocialSignInProviderForProviderEnum/getSocialSignInProviderForProviderEnum.js';
 import 'viem/chains';
 import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../context/AccountExistsContext/AccountExistsContext.js';
@@ -49,7 +51,7 @@ import 'react-focus-lock';
 import '../../../../context/ThemeContext/ThemeContext.js';
 import '../../../../context/LoadingContext/LoadingContext.js';
 import { Icon } from '../../../Icon/Icon.js';
-import { capitalize } from '../../../../widgets/DynamicWidget/helpers/helpers.js';
+import 'i18next';
 import 'qrcode';
 import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
@@ -91,7 +93,7 @@ const UserProfileSocialAccount = ({ provider, }) => {
         }, startSlot: 
         // eslint-disable-next-line react/jsx-wrap-multilines
         jsx(Icon, { color: 'text-tertiary', size: 'small', children: isProviderLinked ? jsx(SvgUnlink, {}) : jsx(SvgAdd, {}) }), children: isProviderLinked ? null : 'Connect' }));
-    return (jsxs("div", { className: 'user-profile-social-account', "data-testid": `social-account-${provider}`, children: [jsx("div", { className: 'user-profile-social-account__icon', children: isProviderLinked ? (jsx(ConnectedAccountAvatar, { provider: provider, avatarUrl: connectedAccountInfo === null || connectedAccountInfo === void 0 ? void 0 : connectedAccountInfo.avatar })) : (jsx(SocialIcon, { name: provider, variant: iconThemeVariant })) }), jsx("div", { className: 'user-profile-social-account__label', children: jsx(Typography, { weight: 'medium', variant: 'body_normal', color: 'primary', children: (_a = connectedAccountInfo === null || connectedAccountInfo === void 0 ? void 0 : connectedAccountInfo.publicIdentifier) !== null && _a !== void 0 ? _a : capitalize(provider) }) }), !isActiveCredential ? renderButton() : null] }));
+    return (jsxs("div", { className: 'user-profile-social-account', "data-testid": `social-account-${provider}`, children: [jsx("div", { className: 'user-profile-social-account__icon', children: isProviderLinked ? (jsx(ConnectedAccountAvatar, { provider: provider, avatarUrl: connectedAccountInfo === null || connectedAccountInfo === void 0 ? void 0 : connectedAccountInfo.avatar })) : (jsx(SocialIcon, { name: provider, variant: iconThemeVariant })) }), jsx("div", { className: 'user-profile-social-account__label', children: jsx(Typography, { weight: 'medium', variant: 'body_normal', color: 'primary', children: (_a = connectedAccountInfo === null || connectedAccountInfo === void 0 ? void 0 : connectedAccountInfo.publicIdentifier) !== null && _a !== void 0 ? _a : providerLabel(getSocialSignInProviderForProviderEnum(provider)) }) }), !isActiveCredential ? renderButton() : null] }));
 };
 
 export { UserProfileSocialAccount };

package/src/lib/shared/utils/functions/providerLabel/providerLabel.cjs

@@ -6,6 +6,9 @@ var sdkApi = require('@dynamic-labs/sdk-api');
 var capitalize = require('../capitalize/capitalize.cjs');
 
 const providerLabel = (provider) => {
+    if (!provider) {
+        return undefined;
+    }
     if (provider === sdkApi.SocialSignInProviderEnum.Coinbasesocial) {
         return 'Coinbase';
     }

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

@@ -1,2 +1,2 @@
 import { SocialSignInProviderEnum } from '@dynamic-labs/sdk-api';
-export declare const providerLabel: (provider: SocialSignInProviderEnum) => string;
+export declare const providerLabel: (provider?: SocialSignInProviderEnum) => string | undefined;

package/src/lib/shared/utils/functions/providerLabel/providerLabel.js

@@ -2,6 +2,9 @@ import { SocialSignInProviderEnum } from '@dynamic-labs/sdk-api';
 import { capitalize } from '../capitalize/capitalize.js';
 
 const providerLabel = (provider) => {
+    if (!provider) {
+        return undefined;
+    }
     if (provider === SocialSignInProviderEnum.Coinbasesocial) {
         return 'Coinbase';
     }

package/src/lib/utils/hooks/authenticationHooks/useConnectAndSign/useConnectAndSign.cjs

@@ -138,11 +138,6 @@ const useConnectAndSign = ({ shouldUpdateWallets = true, shouldCallCallback = tr
             }
             const { address } = connectionResult;
             const walletNetwork = yield walletConnector.getNetwork();
-            // When we switch networks on MM/walletconnect, it breaks the flow and doesn't always display the sign message
-            // Since it the network doesn't matter for the sign, we don't need to force the user to switch to the supported
-            // network at this stage and they can switch when doing a transaction
-            // Note: not checking specifically for MM since user can choose walletconnect connector to use with MM
-            const shouldForceSupportedNetwork = !walletConnector.isWalletConnect;
             const usesSupportedNetwork = isSupportedNetwork.isSupportedNetwork({
                 network: walletNetwork,
                 walletConnector,
@@ -151,9 +146,7 @@ const useConnectAndSign = ({ shouldUpdateWallets = true, shouldCallCallback = tr
                 if (!isProgrammableNetworkSwitchSupported.isProgrammableNetworkSwitchSupported(walletConnector)) {
                     return setView('network-not-supported-manual');
                 }
-                if (shouldForceSupportedNetwork) {
-                    return setView('network-not-supported');
-                }
+                return setView('network-not-supported');
             }
             if (isConnectOnly.isConnectOnly(user, authMode)) {
                 localStorage.LocalStorage.setToLS(localStorage$1.LAST_USED_WALLET, walletConnector.key);

package/src/lib/utils/hooks/authenticationHooks/useConnectAndSign/useConnectAndSign.js

@@ -134,11 +134,6 @@ const useConnectAndSign = ({ shouldUpdateWallets = true, shouldCallCallback = tr
             }
             const { address } = connectionResult;
             const walletNetwork = yield walletConnector.getNetwork();
-            // When we switch networks on MM/walletconnect, it breaks the flow and doesn't always display the sign message
-            // Since it the network doesn't matter for the sign, we don't need to force the user to switch to the supported
-            // network at this stage and they can switch when doing a transaction
-            // Note: not checking specifically for MM since user can choose walletconnect connector to use with MM
-            const shouldForceSupportedNetwork = !walletConnector.isWalletConnect;
             const usesSupportedNetwork = isSupportedNetwork({
                 network: walletNetwork,
                 walletConnector,
@@ -147,9 +142,7 @@ const useConnectAndSign = ({ shouldUpdateWallets = true, shouldCallCallback = tr
                 if (!isProgrammableNetworkSwitchSupported(walletConnector)) {
                     return setView('network-not-supported-manual');
                 }
-                if (shouldForceSupportedNetwork) {
-                    return setView('network-not-supported');
-                }
+                return setView('network-not-supported');
             }
             if (isConnectOnly(user, authMode)) {
                 LocalStorage.setToLS(LAST_USED_WALLET, walletConnector.key);