@dynamic-labs/sdk-react-core 4.18.7 → 4.18.8

package/CHANGELOG.md

@@ -1,4 +1,11 @@
 
+### [4.18.8](https://github.com/dynamic-labs/dynamic-auth/compare/v4.18.7...v4.18.8) (2025-05-22)
+
+### Bug Fixes
+
+* allow closing widget right after login ([#8760](https://github.com/dynamic-labs/dynamic-auth/issues/8760)) ([a9afff0](https://github.com/dynamic-labs/dynamic-auth/commit/a9afff0ab2a685853b39aed88e10bf1e700e4c8c))
+* user wallets turning empty when linking new wallets ([#8775](https://github.com/dynamic-labs/dynamic-auth/issues/8775)) ([04215f5](https://github.com/dynamic-labs/dynamic-auth/commit/04215f5307e16ec4e1a7ff235a0d7df2340c3447))
+
 ### [4.18.7](https://github.com/dynamic-labs/dynamic-auth/compare/v4.18.6...v4.18.7) (2025-05-21)
 
 

package/package.cjs

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

package/package.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "4.18.7",
+  "version": "4.18.8",
   "dependencies": {
     "@dynamic-labs/sdk-api-core": "0.0.672",
     "@hcaptcha/react-hcaptcha": "1.4.4",
@@ -14,16 +14,16 @@
     "yup": "0.32.11",
     "react-international-phone": "4.2.5",
     "bs58": "5.0.0",
-    "@dynamic-labs/assert-package-version": "4.18.7",
-    "@dynamic-labs/iconic": "4.18.7",
-    "@dynamic-labs/logger": "4.18.7",
-    "@dynamic-labs/multi-wallet": "4.18.7",
-    "@dynamic-labs/rpc-providers": "4.18.7",
-    "@dynamic-labs/store": "4.18.7",
-    "@dynamic-labs/types": "4.18.7",
-    "@dynamic-labs/utils": "4.18.7",
-    "@dynamic-labs/wallet-book": "4.18.7",
-    "@dynamic-labs/wallet-connector-core": "4.18.7",
+    "@dynamic-labs/assert-package-version": "4.18.8",
+    "@dynamic-labs/iconic": "4.18.8",
+    "@dynamic-labs/logger": "4.18.8",
+    "@dynamic-labs/multi-wallet": "4.18.8",
+    "@dynamic-labs/rpc-providers": "4.18.8",
+    "@dynamic-labs/store": "4.18.8",
+    "@dynamic-labs/types": "4.18.8",
+    "@dynamic-labs/utils": "4.18.8",
+    "@dynamic-labs/wallet-book": "4.18.8",
+    "@dynamic-labs/wallet-connector-core": "4.18.8",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

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

@@ -26,6 +26,12 @@ const useDynamicContext = () => {
         });
     }, [setShowAuthFlow]);
     const { initialWalletVerificationInProgress } = loadingAndLifecycle.useLoadingAndLifecycle();
+    // This ref ensures we don't return a value for primary wallet until useConnectAndSign has completely finished running
+    // Read UserWalletsContext.tsx explanation for more context
+    const verifiedPrimaryWallet = React.useRef(null);
+    if (!initialWalletVerificationInProgress || !primaryWallet) {
+        verifiedPrimaryWallet.current = primaryWallet;
+    }
     return {
         accountSwitchState,
         authMode,
@@ -41,7 +47,7 @@ const useDynamicContext = () => {
         multiWalletWidgetState,
         network,
         networkConfigurations,
-        primaryWallet: initialWalletVerificationInProgress ? null : primaryWallet,
+        primaryWallet: verifiedPrimaryWallet.current,
         qrcodeUri,
         refetchProjectSettings,
         removeWallet,

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

@@ -1,5 +1,5 @@
 'use client'
-import { useContext, useCallback } from 'react';
+import { useContext, useCallback, useRef } from 'react';
 import { DynamicContext } from '../DynamicContext.js';
 import { useLoadingAndLifecycle } from '../../../store/state/loadingAndLifecycle/loadingAndLifecycle.js';
 import { useOverrides } from './useOverrides/useOverrides.js';
@@ -22,6 +22,12 @@ const useDynamicContext = () => {
         });
     }, [setShowAuthFlow]);
     const { initialWalletVerificationInProgress } = useLoadingAndLifecycle();
+    // This ref ensures we don't return a value for primary wallet until useConnectAndSign has completely finished running
+    // Read UserWalletsContext.tsx explanation for more context
+    const verifiedPrimaryWallet = useRef(null);
+    if (!initialWalletVerificationInProgress || !primaryWallet) {
+        verifiedPrimaryWallet.current = primaryWallet;
+    }
     return {
         accountSwitchState,
         authMode,
@@ -37,7 +43,7 @@ const useDynamicContext = () => {
         multiWalletWidgetState,
         network,
         networkConfigurations,
-        primaryWallet: initialWalletVerificationInProgress ? null : primaryWallet,
+        primaryWallet: verifiedPrimaryWallet.current,
         qrcodeUri,
         refetchProjectSettings,
         removeWallet,

package/src/lib/context/UserWalletsContext/UserWalletsContext.cjs

@@ -65,13 +65,36 @@ const useInternalUserWallets = () => {
 };
 /** Provides access to the current user/session wallets */
 const useUserWallets = () => {
+    var _a;
     const context = React.useContext(UserWalletsContext);
+    // EXPLANATION:
+    //
+    // The problem:
+    // When we call useConnectAndSign, the wallet that is then added remains in an incomplete state until
+    // all tasks initiated by useConnectAndSign have completely finished running.
+    // If, say, a customer calls switchNetwork() on it in this meantime, the SDK will enter a broken state.
+    // Can be checked by attempting signMessage with wagmi after entering this broken state.
+    //
+    // The Solution:
+    // In order to prevent customers from accessing these wallets while they are incomplete,
+    // we return the old value of userWallets until useConnectAndSign has completely finished running.
+    //
+    // This is done by setting this "initialWalletVerificationInProgress" flag to true while it runs,
+    // and storing the previous value of userWallets in verifiedUserWallets.
+    // We then return this ref instead of the current userWallets.
+    //
+    // This ref is only updated when initialWalletVerificationInProgress is false, i.e. when
+    // there is no wallet being added at the moment.
+    //
+    // FYI this same logic is used in useDynamicContext for primaryWallet
+    const verifiedUserWallets = React.useRef([]);
     const { initialWalletVerificationInProgress } = loadingAndLifecycle.useLoadingAndLifecycle();
     if (!context)
         throw new Error('Can only call useUserWallets inside UserWalletsProvider');
-    if (initialWalletVerificationInProgress)
-        return [];
-    return context.userWallets;
+    if (!initialWalletVerificationInProgress) {
+        verifiedUserWallets.current = (_a = context === null || context === void 0 ? void 0 : context.userWallets) !== null && _a !== void 0 ? _a : [];
+    }
+    return verifiedUserWallets.current;
 };
 
 exports.UserWalletsContext = UserWalletsContext;

package/src/lib/context/UserWalletsContext/UserWalletsContext.js

@@ -1,6 +1,6 @@
 'use client'
 import { jsx } from 'react/jsx-runtime';
-import { createContext, useContext, useState, useRef, useCallback, useEffect } from 'react';
+import { createContext, useContext, useRef, useState, useCallback, useEffect } from 'react';
 import { dynamicEvents } from '../../events/dynamicEvents.js';
 import { useLoadingAndLifecycle } from '../../store/state/loadingAndLifecycle/loadingAndLifecycle.js';
 
@@ -61,13 +61,36 @@ const useInternalUserWallets = () => {
 };
 /** Provides access to the current user/session wallets */
 const useUserWallets = () => {
+    var _a;
     const context = useContext(UserWalletsContext);
+    // EXPLANATION:
+    //
+    // The problem:
+    // When we call useConnectAndSign, the wallet that is then added remains in an incomplete state until
+    // all tasks initiated by useConnectAndSign have completely finished running.
+    // If, say, a customer calls switchNetwork() on it in this meantime, the SDK will enter a broken state.
+    // Can be checked by attempting signMessage with wagmi after entering this broken state.
+    //
+    // The Solution:
+    // In order to prevent customers from accessing these wallets while they are incomplete,
+    // we return the old value of userWallets until useConnectAndSign has completely finished running.
+    //
+    // This is done by setting this "initialWalletVerificationInProgress" flag to true while it runs,
+    // and storing the previous value of userWallets in verifiedUserWallets.
+    // We then return this ref instead of the current userWallets.
+    //
+    // This ref is only updated when initialWalletVerificationInProgress is false, i.e. when
+    // there is no wallet being added at the moment.
+    //
+    // FYI this same logic is used in useDynamicContext for primaryWallet
+    const verifiedUserWallets = useRef([]);
     const { initialWalletVerificationInProgress } = useLoadingAndLifecycle();
     if (!context)
         throw new Error('Can only call useUserWallets inside UserWalletsProvider');
-    if (initialWalletVerificationInProgress)
-        return [];
-    return context.userWallets;
+    if (!initialWalletVerificationInProgress) {
+        verifiedUserWallets.current = (_a = context === null || context === void 0 ? void 0 : context.userWallets) !== null && _a !== void 0 ? _a : [];
+    }
+    return verifiedUserWallets.current;
 };
 
 export { UserWalletsContext, UserWalletsProvider, useInternalUserWallets, useUserWallets };

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

@@ -2018,12 +2018,37 @@ const translation = {
         empty_sessions_view: {
           title: 'No active sessions found',
         },
+        info_view: {
+          title: 'Connected App Sessions',
+          description_bold: 'Easily manage which apps have access to your wallet. ',
+          description_2:
+            "Each session represents a connection you've made with a site or app.",
+          description_3:
+            'You can revoke access anytime to stay in control of where and how your wallet is used.',
+          continue_button: 'Continue',
+        },
+        revoke_access_view: {
+          title: 'Revoke Access',
+          description:
+            "You're removing this site's permissions. Confirm to revoke access.",
+          cancel_button: 'Cancel',
+          revoke_button: 'Revoke',
+        },
+        session_component: {
+          aria: {
+            collapse_permissions: 'Collapse',
+            expand_permissions: 'Expand',
+          },
+          permission_details: 'Permission details',
+          revoke_button: 'Revoke',
+        },
       }
     */
     dyn_session_management: {
         aria: {
             back_button_label: 'Back',
             info_button_label: 'Info',
+            close_button_label: 'Close',
         },
         title: 'Session Management',
         empty_sessions_view: {
@@ -2036,6 +2061,20 @@ const translation = {
             description_3: 'You can revoke access anytime to stay in control of where and how your wallet is used.',
             continue_button: 'Continue',
         },
+        revoke_access_view: {
+            title: 'Revoke Access',
+            description: "You're removing this site's permissions. Confirm to revoke access.",
+            cancel_button: 'Cancel',
+            revoke_button: 'Revoke',
+        },
+        session_component: {
+            aria: {
+                collapse_permissions: 'Collapse',
+                expand_permissions: 'Expand',
+            },
+            permission_details: 'Permission details',
+            revoke_button: 'Revoke',
+        },
     },
     /**
      * @description copy keys for sign message flow views

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

@@ -2014,12 +2014,37 @@ export declare const translation: {
         empty_sessions_view: {
           title: 'No active sessions found',
         },
+        info_view: {
+          title: 'Connected App Sessions',
+          description_bold: 'Easily manage which apps have access to your wallet. ',
+          description_2:
+            "Each session represents a connection you've made with a site or app.",
+          description_3:
+            'You can revoke access anytime to stay in control of where and how your wallet is used.',
+          continue_button: 'Continue',
+        },
+        revoke_access_view: {
+          title: 'Revoke Access',
+          description:
+            "You're removing this site's permissions. Confirm to revoke access.",
+          cancel_button: 'Cancel',
+          revoke_button: 'Revoke',
+        },
+        session_component: {
+          aria: {
+            collapse_permissions: 'Collapse',
+            expand_permissions: 'Expand',
+          },
+          permission_details: 'Permission details',
+          revoke_button: 'Revoke',
+        },
       }
     */
     dyn_session_management: {
         aria: {
             back_button_label: string;
             info_button_label: string;
+            close_button_label: string;
         };
         title: string;
         empty_sessions_view: {
@@ -2032,6 +2057,20 @@ export declare const translation: {
             description_3: string;
             continue_button: string;
         };
+        revoke_access_view: {
+            title: string;
+            description: string;
+            cancel_button: string;
+            revoke_button: string;
+        };
+        session_component: {
+            aria: {
+                collapse_permissions: string;
+                expand_permissions: string;
+            };
+            permission_details: string;
+            revoke_button: string;
+        };
     };
     /**
      * @description copy keys for sign message flow views

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

@@ -2014,12 +2014,37 @@ const translation = {
         empty_sessions_view: {
           title: 'No active sessions found',
         },
+        info_view: {
+          title: 'Connected App Sessions',
+          description_bold: 'Easily manage which apps have access to your wallet. ',
+          description_2:
+            "Each session represents a connection you've made with a site or app.",
+          description_3:
+            'You can revoke access anytime to stay in control of where and how your wallet is used.',
+          continue_button: 'Continue',
+        },
+        revoke_access_view: {
+          title: 'Revoke Access',
+          description:
+            "You're removing this site's permissions. Confirm to revoke access.",
+          cancel_button: 'Cancel',
+          revoke_button: 'Revoke',
+        },
+        session_component: {
+          aria: {
+            collapse_permissions: 'Collapse',
+            expand_permissions: 'Expand',
+          },
+          permission_details: 'Permission details',
+          revoke_button: 'Revoke',
+        },
       }
     */
     dyn_session_management: {
         aria: {
             back_button_label: 'Back',
             info_button_label: 'Info',
+            close_button_label: 'Close',
         },
         title: 'Session Management',
         empty_sessions_view: {
@@ -2032,6 +2057,20 @@ const translation = {
             description_3: 'You can revoke access anytime to stay in control of where and how your wallet is used.',
             continue_button: 'Continue',
         },
+        revoke_access_view: {
+            title: 'Revoke Access',
+            description: "You're removing this site's permissions. Confirm to revoke access.",
+            cancel_button: 'Cancel',
+            revoke_button: 'Revoke',
+        },
+        session_component: {
+            aria: {
+                collapse_permissions: 'Collapse',
+                expand_permissions: 'Expand',
+            },
+            permission_details: 'Permission details',
+            revoke_button: 'Revoke',
+        },
     },
     /**
      * @description copy keys for sign message flow views