@dynamic-labs/sdk-react-core 2.2.9 → 2.2.10

package/CHANGELOG.md

@@ -1,4 +1,12 @@
 
+### [2.2.10](https://github.com/dynamic-labs/DynamicAuth/compare/v2.2.9...v2.2.10) (2024-07-05)
+
+
+### Bug Fixes
+
+* Allow user to close connect wallet modal to cancel making a wallet primary. ([#6251](https://github.com/dynamic-labs/DynamicAuth/issues/6251)) ([5a53fac](https://github.com/dynamic-labs/DynamicAuth/commit/5a53fac6e3e77de880e3fe5619b0c2be32fe5a92))
+* Use white color in farcaster qr code when in dark mode to improve scanning. ([#6247](https://github.com/dynamic-labs/DynamicAuth/issues/6247)) ([1967bd7](https://github.com/dynamic-labs/DynamicAuth/commit/1967bd71423ae03c73fdce53adc41ad01f09a52e))
+
 ### [2.2.9](https://github.com/dynamic-labs/DynamicAuth/compare/v2.2.8...v2.2.9) (2024-07-04)
 
 

package/package.cjs

@@ -3,7 +3,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "2.2.9";
+var version = "2.2.10";
 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.9";
+var version = "2.2.10";
 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.9",
+  "version": "2.2.10",
   "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.9",
-    "@dynamic-labs/logger": "2.2.9",
-    "@dynamic-labs/multi-wallet": "2.2.9",
-    "@dynamic-labs/rpc-provider-ethereum": "2.2.9",
-    "@dynamic-labs/rpc-provider-solana": "2.2.9",
-    "@dynamic-labs/rpc-providers": "2.2.9",
-    "@dynamic-labs/store": "2.2.9",
-    "@dynamic-labs/types": "2.2.9",
-    "@dynamic-labs/utils": "2.2.9",
-    "@dynamic-labs/viem-utils": "2.2.9",
-    "@dynamic-labs/wallet-book": "2.2.9",
-    "@dynamic-labs/wallet-connector-core": "2.2.9",
+    "@dynamic-labs/iconic": "2.2.10",
+    "@dynamic-labs/logger": "2.2.10",
+    "@dynamic-labs/multi-wallet": "2.2.10",
+    "@dynamic-labs/rpc-provider-ethereum": "2.2.10",
+    "@dynamic-labs/rpc-provider-solana": "2.2.10",
+    "@dynamic-labs/rpc-providers": "2.2.10",
+    "@dynamic-labs/store": "2.2.10",
+    "@dynamic-labs/types": "2.2.10",
+    "@dynamic-labs/utils": "2.2.10",
+    "@dynamic-labs/viem-utils": "2.2.10",
+    "@dynamic-labs/wallet-book": "2.2.10",
+    "@dynamic-labs/wallet-connector-core": "2.2.10",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

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

@@ -184,7 +184,6 @@ const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingO
             network: currentWalletConnectorNetwork,
         });
     });
-    const shouldSkipCreatingVisit = authMode === 'connect-only' && !enableVisitTrackingOnConnectOnly;
     const connectWallet = (walletConnector, getAddressOpts, options) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         const { applyHandleConnectedWallet = true } = options !== null && options !== void 0 ? options : {};
         const walletAddress = yield walletConnector.getAddress(getAddressOpts);
@@ -203,6 +202,23 @@ const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingO
                 return;
             }
         }
+        const isWalletStored = connectedWalletsInfo.some(({ walletConnectorKey: storedWalletConnectorKey }) => storedWalletConnectorKey === walletConnector.key);
+        const walletChain = walletConnector.connectedChain;
+        const shouldCreateVisit = !isWalletStored &&
+            (authMode !== 'connect-only' || enableVisitTrackingOnConnectOnly);
+        if (shouldCreateVisit) {
+            // send information to backend to kick off background jobs
+            // so verify/sign on the next step could go by more quickly
+            // this is async work, but DO NOT AWAIT
+            session.createVisit({
+                authMode,
+                chain: walletChain || '',
+                environmentId,
+                publicWalletAddress: walletAddress,
+                walletName: walletConnector.key,
+                walletProvider: getWalletProvider.getWalletProvider(walletConnector),
+            });
+        }
         // On connect and sign, we don't want to add this wallet to userWallets
         // until it has been signed. Therefore, we don't add it to
         // the connectedWallets array because userWallets draws from it.
@@ -216,8 +232,6 @@ const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingO
             setPrimaryWalletId(walletId);
         }
         addedWalletsIds.current.push(walletId);
-        const walletChain = walletConnector.connectedChain;
-        const isWalletStored = connectedWalletsInfo.some(({ walletConnectorKey: storedWalletConnectorKey }) => storedWalletConnectorKey === walletConnector.key);
         if (isWalletStored) {
             yield updateConnectedWalletsList();
         }
@@ -229,19 +243,6 @@ const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingO
                 walletConnectorKey: walletConnector.key,
                 walletId,
             });
-            if (!shouldSkipCreatingVisit) {
-                // send information to backend to kick off background jobs
-                // so verify/sign on the next step could go by more quickly
-                // this is async work, but DO NOT AWAIT
-                session.createVisit({
-                    authMode,
-                    chain: walletChain || '',
-                    environmentId,
-                    publicWalletAddress: walletAddress,
-                    walletName: walletConnector.key,
-                    walletProvider: getWalletProvider.getWalletProvider(walletConnector),
-                });
-            }
         }
         return { address: walletAddress, id: walletId };
     });

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

@@ -180,7 +180,6 @@ const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingO
             network: currentWalletConnectorNetwork,
         });
     });
-    const shouldSkipCreatingVisit = authMode === 'connect-only' && !enableVisitTrackingOnConnectOnly;
     const connectWallet = (walletConnector, getAddressOpts, options) => __awaiter(void 0, void 0, void 0, function* () {
         const { applyHandleConnectedWallet = true } = options !== null && options !== void 0 ? options : {};
         const walletAddress = yield walletConnector.getAddress(getAddressOpts);
@@ -199,6 +198,23 @@ const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingO
                 return;
             }
         }
+        const isWalletStored = connectedWalletsInfo.some(({ walletConnectorKey: storedWalletConnectorKey }) => storedWalletConnectorKey === walletConnector.key);
+        const walletChain = walletConnector.connectedChain;
+        const shouldCreateVisit = !isWalletStored &&
+            (authMode !== 'connect-only' || enableVisitTrackingOnConnectOnly);
+        if (shouldCreateVisit) {
+            // send information to backend to kick off background jobs
+            // so verify/sign on the next step could go by more quickly
+            // this is async work, but DO NOT AWAIT
+            createVisit({
+                authMode,
+                chain: walletChain || '',
+                environmentId,
+                publicWalletAddress: walletAddress,
+                walletName: walletConnector.key,
+                walletProvider: getWalletProvider(walletConnector),
+            });
+        }
         // On connect and sign, we don't want to add this wallet to userWallets
         // until it has been signed. Therefore, we don't add it to
         // the connectedWallets array because userWallets draws from it.
@@ -212,8 +228,6 @@ const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingO
             setPrimaryWalletId(walletId);
         }
         addedWalletsIds.current.push(walletId);
-        const walletChain = walletConnector.connectedChain;
-        const isWalletStored = connectedWalletsInfo.some(({ walletConnectorKey: storedWalletConnectorKey }) => storedWalletConnectorKey === walletConnector.key);
         if (isWalletStored) {
             yield updateConnectedWalletsList();
         }
@@ -225,19 +239,6 @@ const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingO
                 walletConnectorKey: walletConnector.key,
                 walletId,
             });
-            if (!shouldSkipCreatingVisit) {
-                // send information to backend to kick off background jobs
-                // so verify/sign on the next step could go by more quickly
-                // this is async work, but DO NOT AWAIT
-                createVisit({
-                    authMode,
-                    chain: walletChain || '',
-                    environmentId,
-                    publicWalletAddress: walletAddress,
-                    walletName: walletConnector.key,
-                    walletProvider: getWalletProvider(walletConnector),
-                });
-            }
         }
         return { address: walletAddress, id: walletId };
     });

package/src/lib/views/FarcasterConnectView/FarcasterConnectView.cjs

@@ -58,7 +58,7 @@ require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../context/MfaSettingsContext/MfaSettingsContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('react-focus-lock');
-require('../../context/ThemeContext/ThemeContext.cjs');
+var ThemeContext = require('../../context/ThemeContext/ThemeContext.cjs');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../components/IconButton/IconButton.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
@@ -80,9 +80,10 @@ require('@hcaptcha/react-hcaptcha');
 require('../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 
 const FarcasterConnectView = ({ url }) => {
+    const { theme: { theme }, } = ThemeContext.useThemeContext();
     const iconThemeVariant = useIconThemeVariant.useIconThemeVariant();
     const icon = jsxRuntime.jsx(iconic.SocialIcon, { name: 'farcaster', variant: iconThemeVariant });
-    return (jsxRuntime.jsx(QrCodeWrapper.QrCodeWrapper, { uri: url, accentColor: '#7b65c0', icon: icon, showCopyToClipboardButton: true }));
+    return (jsxRuntime.jsx(QrCodeWrapper.QrCodeWrapper, { uri: url, accentColor: iconThemeVariant === 'dark' ? theme.colors.textPrimary : '#7b65c0', icon: icon, showCopyToClipboardButton: true }));
 };
 
 exports.FarcasterConnectView = FarcasterConnectView;

package/src/lib/views/FarcasterConnectView/FarcasterConnectView.js

@@ -54,7 +54,7 @@ import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../context/MfaSettingsContext/MfaSettingsContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import 'react-focus-lock';
-import '../../context/ThemeContext/ThemeContext.js';
+import { useThemeContext } from '../../context/ThemeContext/ThemeContext.js';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../components/IconButton/IconButton.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
@@ -76,9 +76,10 @@ import '@hcaptcha/react-hcaptcha';
 import '../../context/IpConfigurationContext/IpConfigurationContext.js';
 
 const FarcasterConnectView = ({ url }) => {
+    const { theme: { theme }, } = useThemeContext();
     const iconThemeVariant = useIconThemeVariant();
     const icon = jsx(SocialIcon, { name: 'farcaster', variant: iconThemeVariant });
-    return (jsx(QrCodeWrapper, { uri: url, accentColor: '#7b65c0', icon: icon, showCopyToClipboardButton: true }));
+    return (jsx(QrCodeWrapper, { uri: url, accentColor: iconThemeVariant === 'dark' ? theme.colors.textPrimary : '#7b65c0', icon: icon, showCopyToClipboardButton: true }));
 };
 
 export { FarcasterConnectView };

package/src/lib/widgets/DynamicWidget/prompts/PendingConnectionModal/PendingConnectionModal.cjs

@@ -103,7 +103,7 @@ const PendingConnectionContent = () => {
     return (jsxRuntime.jsx(DefaultPromptModal.DefaultPromptLayout, { dataTestId: 'pending-connection-modal', icon: jsxRuntime.jsx(AuthProviderIcon.AuthProviderIcon // eslint-disable-line
         , { wallet: selectedWalletWithAction === null || selectedWalletWithAction === void 0 ? void 0 : selectedWalletWithAction.wallet }), title: title, children: jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'secondary', weight: 'regular', "data-testid": 'content', children: description }) }));
 };
-const PendingConnectionModal = () => (jsxRuntime.jsx(PromptModal.PromptModal, { onClose: useCloseMultiWalletPrompt.useCloseMultiWalletPrompt, children: jsxRuntime.jsx(PendingConnectionContent, {}) }));
+const PendingConnectionModal = () => (jsxRuntime.jsx(PromptModal.PromptModal, { onClose: useCloseMultiWalletPrompt.useCloseMultiWalletPrompt(), children: jsxRuntime.jsx(PendingConnectionContent, {}) }));
 const PendingConnectionWidgetPortal = () => (jsxRuntime.jsx(WidgetPortal.WidgetPortal, { onClose: useCloseMultiWalletPrompt.useCloseMultiWalletPrompt(), children: jsxRuntime.jsx(PendingConnectionContent, {}) }));
 
 exports.PendingConnectionModal = PendingConnectionModal;

package/src/lib/widgets/DynamicWidget/prompts/PendingConnectionModal/PendingConnectionModal.js

@@ -99,7 +99,7 @@ const PendingConnectionContent = () => {
     return (jsx(DefaultPromptLayout, { dataTestId: 'pending-connection-modal', icon: jsx(AuthProviderIcon // eslint-disable-line
         , { wallet: selectedWalletWithAction === null || selectedWalletWithAction === void 0 ? void 0 : selectedWalletWithAction.wallet }), title: title, children: jsx(Typography, { variant: 'body_normal', color: 'secondary', weight: 'regular', "data-testid": 'content', children: description }) }));
 };
-const PendingConnectionModal = () => (jsx(PromptModal, { onClose: useCloseMultiWalletPrompt, children: jsx(PendingConnectionContent, {}) }));
+const PendingConnectionModal = () => (jsx(PromptModal, { onClose: useCloseMultiWalletPrompt(), children: jsx(PendingConnectionContent, {}) }));
 const PendingConnectionWidgetPortal = () => (jsx(WidgetPortal, { onClose: useCloseMultiWalletPrompt(), children: jsx(PendingConnectionContent, {}) }));
 
 export { PendingConnectionModal, PendingConnectionWidgetPortal };