@dynamic-labs/sdk-react-core 2.5.0 → 2.5.2

package/CHANGELOG.md

@@ -1,4 +1,18 @@
 
+### [2.5.2](https://github.com/dynamic-labs/DynamicAuth/compare/v2.5.1...v2.5.2) (2024-08-30)
+
+
+### Bug Fixes
+
+* experience in Binance in-app browser ([#6765](https://github.com/dynamic-labs/DynamicAuth/issues/6765)) ([f3f7294](https://github.com/dynamic-labs/DynamicAuth/commit/f3f7294b0801e9219392658d0ff25dd97526e830))
+
+### [2.5.1](https://github.com/dynamic-labs/DynamicAuth/compare/v2.5.0...v2.5.1) (2024-08-25)
+
+
+### Bug Fixes
+
+* on mobile only check for connection state on the primary wallet ([#6705](https://github.com/dynamic-labs/DynamicAuth/issues/6705)) ([ac2bfe2](https://github.com/dynamic-labs/DynamicAuth/commit/ac2bfe224104da92ada2d57093d24e264a0e0993))
+
 ## [2.5.0](https://github.com/dynamic-labs/DynamicAuth/compare/v2.4.0...v2.5.0) (2024-08-22)
 
 

package/package.cjs

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

package/package.js

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

package/package.json

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

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

@@ -161,12 +161,21 @@ const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingO
         setConnectedWalletsInfo(updatedConnectedWalletsInfo);
     };
     // Updates connected wallet (network and address) and verifies connected wallet connection
-    const refreshConnectedWallet = (walletId, walletConnector) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+    const refreshConnectedWallet = (wallet) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        const walletConnector = wallet.connector;
         if (shouldManuallyReconnectOnRefresh.shouldManuallyReconnectOnRefresh(walletConnector)) {
             yield walletConnector.connect();
         }
-        const currentWalletConnectorAddress = yield walletConnector.getAddress();
-        if (currentWalletConnectorAddress && handleConnectedWallet) {
+        // Hardcoded binance key for now because binance wallet keeps on
+        // firing network change event on getAddress() call, which leads to infinite loop
+        // and we need to call getAddress to get the most recent address of the wallet
+        // when the account was changed in the wallet
+        const currentWalletConnectorAddress = wallet.key === 'binance'
+            ? wallet.address
+            : yield walletConnector.getAddress();
+        if (wallet.connected &&
+            currentWalletConnectorAddress &&
+            handleConnectedWallet) {
             const shouldProceedWithConnection = yield handleConnectedWallet({
                 address: currentWalletConnectorAddress,
                 chain: walletConnector.connectedChain,
@@ -174,13 +183,13 @@ const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingO
             });
             if (!shouldProceedWithConnection) {
                 walletConnectorCore.logger.info('Connection was not established because handleConnectedWallet returned false');
-                disconnectWallet(walletId);
+                disconnectWallet(wallet.id);
                 setShowAuthFlow(false, { emitCancelAuth: true });
                 return;
             }
         }
         const currentWalletConnectorNetwork = yield walletConnector.getNetwork();
-        updateConnectedWalletById(walletId, {
+        updateConnectedWalletById(wallet.id, {
             address: currentWalletConnectorAddress,
             network: currentWalletConnectorNetwork,
         });

package/src/lib/utils/hooks/useConnectWallet/useConnectWallet.d.ts

@@ -31,7 +31,7 @@ type UseConnectWalletValue = {
     connectedWallets: Wallet[];
     connectedWalletsInfo: ConnectedWalletConnectorType[];
     getConnectedWalletById: (walletId: string) => Wallet | undefined;
-    refreshConnectedWallet: (walletId: string, walletConnector: WalletConnector) => Promise<void>;
+    refreshConnectedWallet: (wallet: Wallet) => Promise<void>;
     removeConnectedWalletsInfo: () => void;
     disconnectWallet: (walletId: string) => Promise<void>;
 };

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

@@ -157,12 +157,21 @@ const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingO
         setConnectedWalletsInfo(updatedConnectedWalletsInfo);
     };
     // Updates connected wallet (network and address) and verifies connected wallet connection
-    const refreshConnectedWallet = (walletId, walletConnector) => __awaiter(void 0, void 0, void 0, function* () {
+    const refreshConnectedWallet = (wallet) => __awaiter(void 0, void 0, void 0, function* () {
+        const walletConnector = wallet.connector;
         if (shouldManuallyReconnectOnRefresh(walletConnector)) {
             yield walletConnector.connect();
         }
-        const currentWalletConnectorAddress = yield walletConnector.getAddress();
-        if (currentWalletConnectorAddress && handleConnectedWallet) {
+        // Hardcoded binance key for now because binance wallet keeps on
+        // firing network change event on getAddress() call, which leads to infinite loop
+        // and we need to call getAddress to get the most recent address of the wallet
+        // when the account was changed in the wallet
+        const currentWalletConnectorAddress = wallet.key === 'binance'
+            ? wallet.address
+            : yield walletConnector.getAddress();
+        if (wallet.connected &&
+            currentWalletConnectorAddress &&
+            handleConnectedWallet) {
             const shouldProceedWithConnection = yield handleConnectedWallet({
                 address: currentWalletConnectorAddress,
                 chain: walletConnector.connectedChain,
@@ -170,13 +179,13 @@ const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingO
             });
             if (!shouldProceedWithConnection) {
                 logger.info('Connection was not established because handleConnectedWallet returned false');
-                disconnectWallet(walletId);
+                disconnectWallet(wallet.id);
                 setShowAuthFlow(false, { emitCancelAuth: true });
                 return;
             }
         }
         const currentWalletConnectorNetwork = yield walletConnector.getNetwork();
-        updateConnectedWalletById(walletId, {
+        updateConnectedWalletById(wallet.id, {
             address: currentWalletConnectorAddress,
             network: currentWalletConnectorNetwork,
         });

package/src/lib/utils/hooks/usePromise/utils/index.d.ts

@@ -0,0 +1,2 @@
+export * from './resolveFetcher';
+export * from './createReducer';

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

@@ -40,7 +40,7 @@ const useWalletEventListeners = ({ disconnectWallet, handleLogOut, multiWallet,
         if (!primaryWallet) {
             return;
         }
-        refreshConnectedWallet(primaryWallet.id, primaryWallet.connector);
+        refreshConnectedWallet(primaryWallet);
     });
     const handleAccountChangeWhenAwaitingAccountSwitch = React.useCallback((isPrimaryWallet, newAddress) => {
         logger.logger.debug('handleAccountChangeWhenAwaitingAccountSwitch', {
@@ -89,7 +89,7 @@ const useWalletEventListeners = ({ disconnectWallet, handleLogOut, multiWallet,
         const [newAddress] = accounts;
         const changedAddress = !walletConnectorCore.isSameAddress(newAddress, primaryWallet.address, primaryWallet.chain);
         if (changedAddress && authMode === 'connect-only') {
-            refreshConnectedWallet(primaryWallet.id, primaryWallet.connector);
+            refreshConnectedWallet(primaryWallet);
             return;
         }
         const newWallet = secondaryWallets.find((wallet) => walletConnectorCore.isSameAddress(wallet.address, newAddress, wallet.chain));
@@ -160,7 +160,7 @@ const useWalletEventListeners = ({ disconnectWallet, handleLogOut, multiWallet,
         if (authMode === 'connect-only' && secondaryWallets.length) {
             const affectedWallets = secondaryWallets.filter(({ connector }) => connector.key === changedConnector.key);
             for (const wallet of affectedWallets)
-                refreshConnectedWallet(wallet.id, wallet.connector);
+                refreshConnectedWallet(wallet);
             return;
         }
         if (multiWalletWidgetState === 'awaiting_account_switch') {
@@ -172,7 +172,7 @@ const useWalletEventListeners = ({ disconnectWallet, handleLogOut, multiWallet,
         // Get all wallets with this connector
         const affectedWallets = secondaryWallets.filter(({ connector }) => connector.key === changedConnector.key);
         for (const wallet of affectedWallets)
-            refreshConnectedWallet(wallet.id, wallet.connector);
+            refreshConnectedWallet(wallet);
     }));
     useWalletConnectorEvent.useWalletConnectorEvent(uniqueNonPrimaryWallets, 'disconnect', (affectedConnector) => {
         logger.logger.debug('secondary wallet disconnect');

package/src/lib/utils/hooks/useWalletEventListeners/useWalletEventListeners.d.ts

@@ -18,6 +18,6 @@ export type UseWalletEventListenersArgs = {
     setSelectedWalletWithAction(walletWithAction: WalletWithAction | null): void;
     user: UserProfile | undefined;
     authMode: AuthModeType;
-    refreshConnectedWallet: (walletId: string, walletConnector: WalletConnector, shouldCallCallback?: boolean) => Promise<void>;
+    refreshConnectedWallet: (wallet: Wallet) => Promise<void>;
 };
 export declare const useWalletEventListeners: ({ disconnectWallet, handleLogOut, multiWallet, multiWalletWidgetState, primaryWallet, secondaryWallets, selectedWalletConnector, selectedWalletWithAction, setSelectedWalletConnectorKey, setSelectedWalletWithAction, setMultiWalletWidgetState, user, setPrimaryWalletId, authMode, refreshConnectedWallet, }: UseWalletEventListenersArgs) => void;

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

@@ -36,7 +36,7 @@ const useWalletEventListeners = ({ disconnectWallet, handleLogOut, multiWallet,
         if (!primaryWallet) {
             return;
         }
-        refreshConnectedWallet(primaryWallet.id, primaryWallet.connector);
+        refreshConnectedWallet(primaryWallet);
     });
     const handleAccountChangeWhenAwaitingAccountSwitch = useCallback((isPrimaryWallet, newAddress) => {
         logger.debug('handleAccountChangeWhenAwaitingAccountSwitch', {
@@ -85,7 +85,7 @@ const useWalletEventListeners = ({ disconnectWallet, handleLogOut, multiWallet,
         const [newAddress] = accounts;
         const changedAddress = !isSameAddress(newAddress, primaryWallet.address, primaryWallet.chain);
         if (changedAddress && authMode === 'connect-only') {
-            refreshConnectedWallet(primaryWallet.id, primaryWallet.connector);
+            refreshConnectedWallet(primaryWallet);
             return;
         }
         const newWallet = secondaryWallets.find((wallet) => isSameAddress(wallet.address, newAddress, wallet.chain));
@@ -156,7 +156,7 @@ const useWalletEventListeners = ({ disconnectWallet, handleLogOut, multiWallet,
         if (authMode === 'connect-only' && secondaryWallets.length) {
             const affectedWallets = secondaryWallets.filter(({ connector }) => connector.key === changedConnector.key);
             for (const wallet of affectedWallets)
-                refreshConnectedWallet(wallet.id, wallet.connector);
+                refreshConnectedWallet(wallet);
             return;
         }
         if (multiWalletWidgetState === 'awaiting_account_switch') {
@@ -168,7 +168,7 @@ const useWalletEventListeners = ({ disconnectWallet, handleLogOut, multiWallet,
         // Get all wallets with this connector
         const affectedWallets = secondaryWallets.filter(({ connector }) => connector.key === changedConnector.key);
         for (const wallet of affectedWallets)
-            refreshConnectedWallet(wallet.id, wallet.connector);
+            refreshConnectedWallet(wallet);
     }));
     useWalletConnectorEvent(uniqueNonPrimaryWallets, 'disconnect', (affectedConnector) => {
         logger.debug('secondary wallet disconnect');

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

@@ -7,6 +7,7 @@ var _tslib = require('../../../../../_virtual/_tslib.cjs');
 var React = require('react');
 var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
 var walletBook = require('@dynamic-labs/wallet-book');
+var utils = require('@dynamic-labs/utils');
 require('@dynamic-labs/sdk-api-core');
 require('../../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
@@ -16,7 +17,6 @@ require('../../constants/colors.cjs');
 require('../../constants/values.cjs');
 require('../../../shared/utils/classes/storage/localStorage.cjs');
 require('@dynamic-labs/logger');
-require('@dynamic-labs/utils');
 var useThrottle = require('../../../shared/utils/hooks/useThrottle/useThrottle.cjs');
 require('../../../shared/consts/index.cjs');
 require('@dynamic-labs/multi-wallet');
@@ -41,7 +41,8 @@ const getConnectedWalletsMap = (wallets, walletBook$1, primaryWalletId) => _tsli
     const newMap = {};
     yield Promise.all(wallets
         .filter((wallet) => wallet.id === primaryWalletId ||
-        walletBook.isWalletMethodSupported(walletBook.findWalletBookWallet(walletBook$1, wallet.key), 'getConnectedAccounts', getPlatformForConnector.getPlatformForConnector(wallet.connector)))
+        (!utils.isMobile() &&
+            walletBook.isWalletMethodSupported(walletBook.findWalletBookWallet(walletBook$1, wallet.key), 'getConnectedAccounts', getPlatformForConnector.getPlatformForConnector(wallet.connector))))
         .map((wallet) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         newMap[getWalletIdentifier.getWalletIdentifier(wallet)] = yield isWalletConnected.isWalletConnected(wallet);
     })));

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

@@ -3,6 +3,7 @@ import { __awaiter } from '../../../../../_virtual/_tslib.js';
 import { useState, useRef, useCallback, useEffect } from 'react';
 import { isSameAddress } from '@dynamic-labs/wallet-connector-core';
 import { isWalletMethodSupported, findWalletBookWallet } from '@dynamic-labs/wallet-book';
+import { isMobile } from '@dynamic-labs/utils';
 import '@dynamic-labs/sdk-api-core';
 import '../../../shared/logger.js';
 import '@dynamic-labs/iconic';
@@ -12,7 +13,6 @@ import '../../constants/colors.js';
 import '../../constants/values.js';
 import '../../../shared/utils/classes/storage/localStorage.js';
 import '@dynamic-labs/logger';
-import '@dynamic-labs/utils';
 import { useThrottle } from '../../../shared/utils/hooks/useThrottle/useThrottle.js';
 import '../../../shared/consts/index.js';
 import '@dynamic-labs/multi-wallet';
@@ -37,7 +37,8 @@ const getConnectedWalletsMap = (wallets, walletBook, primaryWalletId) => __await
     const newMap = {};
     yield Promise.all(wallets
         .filter((wallet) => wallet.id === primaryWalletId ||
-        isWalletMethodSupported(findWalletBookWallet(walletBook, wallet.key), 'getConnectedAccounts', getPlatformForConnector(wallet.connector)))
+        (!isMobile() &&
+            isWalletMethodSupported(findWalletBookWallet(walletBook, wallet.key), 'getConnectedAccounts', getPlatformForConnector(wallet.connector))))
         .map((wallet) => __awaiter(void 0, void 0, void 0, function* () {
         newMap[getWalletIdentifier(wallet)] = yield isWalletConnected(wallet);
     })));