@dynamic-labs/sdk-react-core 1.4.4 → 1.4.5

package/CHANGELOG.md

@@ -1,4 +1,12 @@
 
+### [1.4.5](https://github.com/dynamic-labs/DynamicAuth/compare/v1.4.4...v1.4.5) (2024-04-05)
+
+
+### Bug Fixes
+
+* use in-app browser deeplink for metamask ([#5176](https://github.com/dynamic-labs/DynamicAuth/issues/5176)) ([#5203](https://github.com/dynamic-labs/DynamicAuth/issues/5203)) ([63951d8](https://github.com/dynamic-labs/DynamicAuth/commit/63951d8896ea073e595e4a1e92bfe22731b012f4))
+* clear user wallets immediately on logout ([#5238](https://github.com/dynamic-labs/DynamicAuth/issues/5238)) ([13b55a7](https://github.com/dynamic-labs/DynamicAuth/commit/13b55a7070f6f159504bf05b503848cc2c5ed445)), closes [#5211](https://github.com/dynamic-labs/DynamicAuth/issues/5211)
+
 ### [1.4.4](https://github.com/dynamic-labs/DynamicAuth/compare/v1.4.3...v1.4.4) (2024-04-01)
 
 

package/package.cjs

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

package/package.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "1.4.4",
+  "version": "1.4.5",
   "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.4.4",
-    "@dynamic-labs/iconic": "1.4.4",
-    "@dynamic-labs/logger": "1.4.4",
-    "@dynamic-labs/multi-wallet": "1.4.4",
-    "@dynamic-labs/rpc-providers": "1.4.4",
-    "@dynamic-labs/types": "1.4.4",
-    "@dynamic-labs/utils": "1.4.4",
-    "@dynamic-labs/viem-utils": "1.4.4",
-    "@dynamic-labs/wallet-book": "1.4.4",
-    "@dynamic-labs/wallet-connector-core": "1.4.4",
+    "@dynamic-labs/ethereum": "1.4.5",
+    "@dynamic-labs/iconic": "1.4.5",
+    "@dynamic-labs/logger": "1.4.5",
+    "@dynamic-labs/multi-wallet": "1.4.5",
+    "@dynamic-labs/rpc-providers": "1.4.5",
+    "@dynamic-labs/types": "1.4.5",
+    "@dynamic-labs/utils": "1.4.5",
+    "@dynamic-labs/viem-utils": "1.4.5",
+    "@dynamic-labs/wallet-book": "1.4.5",
+    "@dynamic-labs/wallet-connector-core": "1.4.5",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

package/src/lib/context/DynamicContext/DynamicContext.cjs

@@ -120,6 +120,7 @@ var useMultiWallet = require('./hooks/useMultiWallet/useMultiWallet.cjs');
 var useSetShowLinkNewWalletModal = require('./hooks/useSetShowLinkNewWalletModal/useSetShowLinkNewWalletModal.cjs');
 var useCustomerCallbacks = require('./useCustomerCallbacks/useCustomerCallbacks.cjs');
 var validators = require('./validators/validators.cjs');
+var useParentDynamicContextGuard = require('./hooks/useParentDynamicContextGuard/useParentDynamicContextGuard.cjs');
 
 const PUBLIC_PROJECT_LIVE_ENVIRONMENT_ID = '2762a57b-faa4-41ce-9f16-abff9300e2c9';
 const EMPTY_INITIAL_USER = undefined;
@@ -707,7 +708,10 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale: locale
                             }), children: [networkValidationMode === 'always' && jsxRuntime.jsx(UseNetworkValidation.UseNetworkValidation, {}), jsxRuntime.jsx(CaptchaContext.CaptchaContextProvider, { children: jsxRuntime.jsx(AccountExistsContext.AccountExistsContextProvider, { children: jsxRuntime.jsx(WalletContext.WalletContextProvider, { canSync: didConnectedStateLoad, children: jsxRuntime.jsx(PasskeyContext.PasskeyContextProvider, { children: jsxRuntime.jsx(EmailVerificationContext.EmailVerificationContextProvider, { children: jsxRuntime.jsx(DynamicWidgetContext.DynamicWidgetContextProvider, { children: jsxRuntime.jsx(DynamicBridgeWidgetContext.DynamicBridgeWidgetContextProvider, { children: jsxRuntime.jsx(FundingContext.FundingContextProvider, { children: jsxRuntime.jsx(AccessDeniedContext.AccessDeniedContextProvider, { children: jsxRuntime.jsx(SendBalanceContext.SendBalanceContextProvider, { children: jsxRuntime.jsx(WalletGroupContext.WalletGroupContextProvider, { children: jsxRuntime.jsx(UserFieldEditorContext.UserFieldEditorContextProvider, { children: jsxRuntime.jsx(ConnectWithEmailOtpProvider.ConnectWithEmailOtpProvider, { children: jsxRuntime.jsx(PhantomRedirectContext.PhantomRedirectContextProvider, { children: jsxRuntime.jsxs(SocialRedirectContext.SocialRedirectContextProvider, { children: [jsxRuntime.jsx(app.DynamicAuthFlow, {}), jsxRuntime.jsx(Toolkit.Toolkit, {}), jsxRuntime.jsx(FundingWidget.FundingWidget, {}), jsxRuntime.jsx(SyncPasskeyFlow.SyncPasskeyFlow, {}), confirmationModal, children] }) }) }) }) }) }) }) }) }) }) }) }) }) }) })] }) }) }) }) }) }));
 };
 /** The context provider you need to have access too all of Dynamic's hooks */
-const DynamicContextProvider = (props) => (jsxRuntime.jsx(ErrorContext.ErrorContextProvider, { children: jsxRuntime.jsx(UserWalletsContext.UserWalletsProvider, { children: jsxRuntime.jsx(InnerDynamicContextProvider, Object.assign({}, props)) }) }));
+const DynamicContextProvider = (props) => {
+    useParentDynamicContextGuard.useParentDynamicContextGuard();
+    return (jsxRuntime.jsx(ErrorContext.ErrorContextProvider, { children: jsxRuntime.jsx(UserWalletsContext.UserWalletsProvider, { children: jsxRuntime.jsx(InnerDynamicContextProvider, Object.assign({}, props)) }) }));
+};
 
 exports.DynamicContext = DynamicContext;
 exports.DynamicContextProvider = DynamicContextProvider;

package/src/lib/context/DynamicContext/DynamicContext.js

@@ -116,6 +116,7 @@ import { useMultiWallet } from './hooks/useMultiWallet/useMultiWallet.js';
 import { useSetShowLinkNewWalletModal } from './hooks/useSetShowLinkNewWalletModal/useSetShowLinkNewWalletModal.js';
 import { useCustomerCallbacks } from './useCustomerCallbacks/useCustomerCallbacks.js';
 import { validateAuthUser } from './validators/validators.js';
+import { useParentDynamicContextGuard } from './hooks/useParentDynamicContextGuard/useParentDynamicContextGuard.js';
 
 const PUBLIC_PROJECT_LIVE_ENVIRONMENT_ID = '2762a57b-faa4-41ce-9f16-abff9300e2c9';
 const EMPTY_INITIAL_USER = undefined;
@@ -703,6 +704,9 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
                             }), children: [networkValidationMode === 'always' && jsx(UseNetworkValidation, {}), jsx(CaptchaContextProvider, { children: jsx(AccountExistsContextProvider, { children: jsx(WalletContextProvider, { canSync: didConnectedStateLoad, children: jsx(PasskeyContextProvider, { children: jsx(EmailVerificationContextProvider, { children: jsx(DynamicWidgetContextProvider, { children: jsx(DynamicBridgeWidgetContextProvider, { children: jsx(FundingContextProvider, { children: jsx(AccessDeniedContextProvider, { children: jsx(SendBalanceContextProvider, { children: jsx(WalletGroupContextProvider, { children: jsx(UserFieldEditorContextProvider, { children: jsx(ConnectWithEmailOtpProvider, { children: jsx(PhantomRedirectContextProvider, { children: jsxs(SocialRedirectContextProvider, { children: [jsx(DynamicAuthFlow, {}), jsx(Toolkit, {}), jsx(FundingWidget, {}), jsx(SyncPasskeyFlow, {}), confirmationModal, children] }) }) }) }) }) }) }) }) }) }) }) }) }) }) })] }) }) }) }) }) }));
 };
 /** The context provider you need to have access too all of Dynamic's hooks */
-const DynamicContextProvider = (props) => (jsx(ErrorContextProvider, { children: jsx(UserWalletsProvider, { children: jsx(InnerDynamicContextProvider, Object.assign({}, props)) }) }));
+const DynamicContextProvider = (props) => {
+    useParentDynamicContextGuard();
+    return (jsx(ErrorContextProvider, { children: jsx(UserWalletsProvider, { children: jsx(InnerDynamicContextProvider, Object.assign({}, props)) }) }));
+};
 
 export { DynamicContext, DynamicContextProvider, InnerDynamicContextProvider, PUBLIC_PROJECT_LIVE_ENVIRONMENT_ID };

package/src/lib/context/DynamicContext/hooks/useParentDynamicContextGuard/index.d.ts

@@ -0,0 +1 @@
+export { useParentDynamicContextGuard } from './useParentDynamicContextGuard';

package/src/lib/context/DynamicContext/hooks/useParentDynamicContextGuard/useParentDynamicContextGuard.cjs

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var DynamicContext = require('../../DynamicContext.cjs');
+
+const useParentDynamicContextGuard = () => {
+    const context = React.useContext(DynamicContext.DynamicContext);
+    if (context) {
+        throw new Error('DynamicContextProvider should not be nested. Please wrap your application in a single DynamicContextProvider.');
+    }
+};
+
+exports.useParentDynamicContextGuard = useParentDynamicContextGuard;

package/src/lib/context/DynamicContext/hooks/useParentDynamicContextGuard/useParentDynamicContextGuard.d.ts

@@ -0,0 +1 @@
+export declare const useParentDynamicContextGuard: () => void;

package/src/lib/context/DynamicContext/hooks/useParentDynamicContextGuard/useParentDynamicContextGuard.js

@@ -0,0 +1,11 @@
+import { useContext } from 'react';
+import { DynamicContext } from '../../DynamicContext.js';
+
+const useParentDynamicContextGuard = () => {
+    const context = useContext(DynamicContext);
+    if (context) {
+        throw new Error('DynamicContextProvider should not be nested. Please wrap your application in a single DynamicContextProvider.');
+    }
+};
+
+export { useParentDynamicContextGuard };

package/src/lib/utils/hooks/useWalletConnectors/useWalletConnectors.cjs

@@ -72,7 +72,10 @@ const useWalletConnectors = ({ authMode, authToken, connectedWallets, walletConn
     const { setUserWallets } = UserWalletsContext.useInternalUserWallets();
     // Keep userWallets in sync whenever linkedWallets changes
     React.useEffect(() => {
-        if (!didConnectedStateLoad.current)
+        // we don't want to set the user wallets until their connected states have been computed
+        // but that doesn't matter if the wallets list is empty, and if we return early when
+        // the wallets list is empty, we'll never set the user wallets correctly after logout
+        if (!didConnectedStateLoad.current && wallets.length)
             return;
         setUserWallets((userWallets) => updateUserWalletsFromLinkedWallets.updateUserWalletsFromLinkedWallets(userWallets, wallets));
     }, [didConnectedStateLoad, setUserWallets, wallets]);

package/src/lib/utils/hooks/useWalletConnectors/useWalletConnectors.js

@@ -68,7 +68,10 @@ const useWalletConnectors = ({ authMode, authToken, connectedWallets, walletConn
     const { setUserWallets } = useInternalUserWallets();
     // Keep userWallets in sync whenever linkedWallets changes
     useEffect(() => {
-        if (!didConnectedStateLoad.current)
+        // we don't want to set the user wallets until their connected states have been computed
+        // but that doesn't matter if the wallets list is empty, and if we return early when
+        // the wallets list is empty, we'll never set the user wallets correctly after logout
+        if (!didConnectedStateLoad.current && wallets.length)
             return;
         setUserWallets((userWallets) => updateUserWalletsFromLinkedWallets(userWallets, wallets));
     }, [didConnectedStateLoad, setUserWallets, wallets]);