@dynamic-labs/sdk-react-core 1.0.0-alpha.10 → 1.0.0-alpha.12

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

@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _tslib = require('../../../../../_virtual/_tslib.cjs');
 var React = require('react');
 var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
+var UserWalletsContext = require('../../../context/UserWalletsContext/UserWalletsContext.cjs');
 var api = require('../../../data/api.cjs');
 require('@dynamic-labs/sdk-api');
 require('../../../shared/logger.cjs');
@@ -22,10 +23,17 @@ require('../../../shared/consts/index.cjs');
 require('@dynamic-labs/multi-wallet');
 var shouldManuallyReconnectOnRefresh = require('../../functions/shouldManuallyReconnectOnRefresh/shouldManuallyReconnectOnRefresh.cjs');
 var getWalletProvider = require('../../functions/getWalletProvider/getWalletProvider.cjs');
+var updateUserWalletsFromConnectedWallets = require('./updateUserWalletsFromConnectedWallets/updateUserWalletsFromConnectedWallets.cjs');
 
 const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingOnConnectOnly, environmentId, primaryWalletId, setPrimaryWalletId, walletConnectorOptions, onDisconnect, onBeforeConnectSuccessConfirmation, setShowAuthFlow, isBridgeFlow, }) => {
     const [connectedWalletsInfo, setConnectedWalletsInfo, removeConnectedWalletsInfo,] = useLocalStorage.useLocalStorage(localStorage.CONNECTED_WALLETS_INFO, []);
-    const [connectedWallets, setConnectedWallets] = React.useState([]);
+    const [connectedWallets, _setConnectedWallets] = React.useState([]);
+    const { setUserWallets } = UserWalletsContext.useInternalUserWallets();
+    /** This wrapper is to ensure userWallets is always properly updated alongside connectedWallets */
+    const setConnectedWallets = (newWallets) => {
+        _setConnectedWallets(newWallets);
+        setUserWallets((userWallets) => updateUserWalletsFromConnectedWallets.updateUserWalletsFromConnectedWallets(userWallets, newWallets));
+    };
     const disconnectWallet = React.useCallback((walletId) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         const walletToDisconnect = connectedWallets.find((wallet) => wallet.id === walletId);
         yield (walletToDisconnect === null || walletToDisconnect === void 0 ? void 0 : walletToDisconnect.connector.endSession());
@@ -79,6 +87,7 @@ const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingO
             const walletChain = walletConnector.connectedChain;
             const walletObject = {
                 address: walletAddress || '',
+                authenticated: false,
                 chain: walletChain || '',
                 connected: true,
                 connector: walletConnector,

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

@@ -1,6 +1,7 @@
 import { __awaiter } from '../../../../../_virtual/_tslib.js';
 import { useState, useCallback, useEffect } from 'react';
 import { getWalletConnectorByKey, logger } from '@dynamic-labs/wallet-connector-core';
+import { useInternalUserWallets } from '../../../context/UserWalletsContext/UserWalletsContext.js';
 import { createVisit } from '../../../data/api.js';
 import '@dynamic-labs/sdk-api';
 import '../../../shared/logger.js';
@@ -18,10 +19,17 @@ import '../../../shared/consts/index.js';
 import '@dynamic-labs/multi-wallet';
 import { shouldManuallyReconnectOnRefresh } from '../../functions/shouldManuallyReconnectOnRefresh/shouldManuallyReconnectOnRefresh.js';
 import { getWalletProvider } from '../../functions/getWalletProvider/getWalletProvider.js';
+import { updateUserWalletsFromConnectedWallets } from './updateUserWalletsFromConnectedWallets/updateUserWalletsFromConnectedWallets.js';
 
 const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingOnConnectOnly, environmentId, primaryWalletId, setPrimaryWalletId, walletConnectorOptions, onDisconnect, onBeforeConnectSuccessConfirmation, setShowAuthFlow, isBridgeFlow, }) => {
     const [connectedWalletsInfo, setConnectedWalletsInfo, removeConnectedWalletsInfo,] = useLocalStorage(CONNECTED_WALLETS_INFO, []);
-    const [connectedWallets, setConnectedWallets] = useState([]);
+    const [connectedWallets, _setConnectedWallets] = useState([]);
+    const { setUserWallets } = useInternalUserWallets();
+    /** This wrapper is to ensure userWallets is always properly updated alongside connectedWallets */
+    const setConnectedWallets = (newWallets) => {
+        _setConnectedWallets(newWallets);
+        setUserWallets((userWallets) => updateUserWalletsFromConnectedWallets(userWallets, newWallets));
+    };
     const disconnectWallet = useCallback((walletId) => __awaiter(void 0, void 0, void 0, function* () {
         const walletToDisconnect = connectedWallets.find((wallet) => wallet.id === walletId);
         yield (walletToDisconnect === null || walletToDisconnect === void 0 ? void 0 : walletToDisconnect.connector.endSession());
@@ -75,6 +83,7 @@ const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingO
             const walletChain = walletConnector.connectedChain;
             const walletObject = {
                 address: walletAddress || '',
+                authenticated: false,
                 chain: walletChain || '',
                 connected: true,
                 connector: walletConnector,

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

@@ -29,7 +29,7 @@ var useMutation = require('../useMutation/useMutation.cjs');
 const useCreateDynamicEmbeddedWalletMutation = () => {
     const { setPrimaryWalletId, internalEvents, setCallback, setUser, user, setShowAuthFlow, } = useInternalDynamicContext.useInternalDynamicContext();
     const { mutate: createDynamicEmbeddedWalletMutation, isLoading, error, } = useMutation.useMutation(({ authToken, decodedJwt, environmentId, walletConnectorOptions, withAuthenticator, }) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        var _a;
+        var _a, _b;
         const createEmbeddedWalletMethodToUse = withAuthenticator
             ? createEmbeddedWalletWithPasskey.createEmbeddedWalletWithPasskey
             : createPregeneratedWallet.createPregeneratedWallet;
@@ -39,8 +39,12 @@ const useCreateDynamicEmbeddedWalletMutation = () => {
             user: user !== null && user !== void 0 ? user : createUserProfile.createUserProfile(decodedJwt),
             walletConnector: findPasskeyEmailWalletConnector.findPasskeyEmailWalletConnector(walletConnectorOptions),
         });
+        const turnkeyVerifiedCredentials = (_a = updatedDecodedJwt === null || updatedDecodedJwt === void 0 ? void 0 : updatedDecodedJwt.verifiedCredentials) === null || _a === void 0 ? void 0 : _a.find(({ walletName }) => walletName === null || walletName === void 0 ? void 0 : walletName.startsWith('turnkey'));
+        /** It's not authenticated if it's a turnkey wallet that still hasn't created a passkey */
+        const authenticated = Boolean((_b = turnkeyVerifiedCredentials === null || turnkeyVerifiedCredentials === void 0 ? void 0 : turnkeyVerifiedCredentials.walletProperties) === null || _b === void 0 ? void 0 : _b.isAuthenticatorAttached);
         const passkeyWallet = {
             address: (yield walletConnector.fetchPublicAddress()) || '',
+            authenticated,
             chain: walletConnector.connectedChain || '',
             connected: true,
             connector: walletConnector,
@@ -62,7 +66,6 @@ const useCreateDynamicEmbeddedWalletMutation = () => {
         index.storeAuthToken(jwt);
         setUser(createUserProfile.createUserProfile(updatedDecodedJwt));
         setShowAuthFlow(false);
-        const turnkeyVerifiedCredentials = (_a = updatedDecodedJwt === null || updatedDecodedJwt === void 0 ? void 0 : updatedDecodedJwt.verifiedCredentials) === null || _a === void 0 ? void 0 : _a.find(({ walletName }) => walletName === null || walletName === void 0 ? void 0 : walletName.startsWith('turnkey'));
         setCallback('embeddedWalletCreated', {
             email: (turnkeyVerifiedCredentials === null || turnkeyVerifiedCredentials === void 0 ? void 0 : turnkeyVerifiedCredentials.email) || '',
             verifiedCredential: turnkeyVerifiedCredentials,

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

@@ -25,7 +25,7 @@ import { useMutation } from '../useMutation/useMutation.js';
 const useCreateDynamicEmbeddedWalletMutation = () => {
     const { setPrimaryWalletId, internalEvents, setCallback, setUser, user, setShowAuthFlow, } = useInternalDynamicContext();
     const { mutate: createDynamicEmbeddedWalletMutation, isLoading, error, } = useMutation(({ authToken, decodedJwt, environmentId, walletConnectorOptions, withAuthenticator, }) => __awaiter(void 0, void 0, void 0, function* () {
-        var _a;
+        var _a, _b;
         const createEmbeddedWalletMethodToUse = withAuthenticator
             ? createEmbeddedWalletWithPasskey
             : createPregeneratedWallet;
@@ -35,8 +35,12 @@ const useCreateDynamicEmbeddedWalletMutation = () => {
             user: user !== null && user !== void 0 ? user : createUserProfile(decodedJwt),
             walletConnector: findPasskeyEmailWalletConnector(walletConnectorOptions),
         });
+        const turnkeyVerifiedCredentials = (_a = updatedDecodedJwt === null || updatedDecodedJwt === void 0 ? void 0 : updatedDecodedJwt.verifiedCredentials) === null || _a === void 0 ? void 0 : _a.find(({ walletName }) => walletName === null || walletName === void 0 ? void 0 : walletName.startsWith('turnkey'));
+        /** It's not authenticated if it's a turnkey wallet that still hasn't created a passkey */
+        const authenticated = Boolean((_b = turnkeyVerifiedCredentials === null || turnkeyVerifiedCredentials === void 0 ? void 0 : turnkeyVerifiedCredentials.walletProperties) === null || _b === void 0 ? void 0 : _b.isAuthenticatorAttached);
         const passkeyWallet = {
             address: (yield walletConnector.fetchPublicAddress()) || '',
+            authenticated,
             chain: walletConnector.connectedChain || '',
             connected: true,
             connector: walletConnector,
@@ -58,7 +62,6 @@ const useCreateDynamicEmbeddedWalletMutation = () => {
         storeAuthToken(jwt);
         setUser(createUserProfile(updatedDecodedJwt));
         setShowAuthFlow(false);
-        const turnkeyVerifiedCredentials = (_a = updatedDecodedJwt === null || updatedDecodedJwt === void 0 ? void 0 : updatedDecodedJwt.verifiedCredentials) === null || _a === void 0 ? void 0 : _a.find(({ walletName }) => walletName === null || walletName === void 0 ? void 0 : walletName.startsWith('turnkey'));
         setCallback('embeddedWalletCreated', {
             email: (turnkeyVerifiedCredentials === null || turnkeyVerifiedCredentials === void 0 ? void 0 : turnkeyVerifiedCredentials.email) || '',
             verifiedCredential: turnkeyVerifiedCredentials,

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

@@ -79,7 +79,7 @@ const useEmbeddedWallet = () => {
         });
     });
     const returnEmbeddedWallet = (jwt, embeddedWalletVerifiedCredential) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        var _a, _b, _c;
+        var _a, _b, _c, _d;
         const decodedJwt = decodeJwt.decodeJwt(jwt);
         const turnkeyWallet = findTurnkeyWallet.findTurnkeyWallet(walletConnectorOptions);
         // if user already has embedded wallet, set it as primary wallet
@@ -98,9 +98,12 @@ const useEmbeddedWallet = () => {
                 setPrimaryWalletId(embeddedWalletVerifiedCredential.id);
             }
         }
+        /** It's not authenticated if it still hasn't created a passkey */
+        const authenticated = Boolean((_b = embeddedWalletVerifiedCredential.walletProperties) === null || _b === void 0 ? void 0 : _b.isAuthenticatorAttached);
         const passkeyWallet = {
-            address: (yield ((_b = turnkeyWallet === null || turnkeyWallet === void 0 ? void 0 : turnkeyWallet.walletConnector) === null || _b === void 0 ? void 0 : _b.fetchPublicAddress())) || '',
-            chain: ((_c = turnkeyWallet === null || turnkeyWallet === void 0 ? void 0 : turnkeyWallet.walletConnector) === null || _c === void 0 ? void 0 : _c.connectedChain) || '',
+            address: (yield ((_c = turnkeyWallet === null || turnkeyWallet === void 0 ? void 0 : turnkeyWallet.walletConnector) === null || _c === void 0 ? void 0 : _c.fetchPublicAddress())) || '',
+            authenticated,
+            chain: ((_d = turnkeyWallet === null || turnkeyWallet === void 0 ? void 0 : turnkeyWallet.walletConnector) === null || _d === void 0 ? void 0 : _d.connectedChain) || '',
             connected: true,
             connector: (turnkeyWallet === null || turnkeyWallet === void 0 ? void 0 : turnkeyWallet.walletConnector) || {},
             id: embeddedWalletVerifiedCredential.id,
@@ -108,8 +111,8 @@ const useEmbeddedWallet = () => {
         return Promise.resolve(passkeyWallet);
     });
     const createEmbeddedWallet = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        var _d, _e, _f;
-        const jwt = (_d = getAuthToken.getAuthToken()) !== null && _d !== void 0 ? _d : onboardingOnlyJwt;
+        var _e, _f, _g;
+        const jwt = (_e = getAuthToken.getAuthToken()) !== null && _e !== void 0 ? _e : onboardingOnlyJwt;
         const decodedJwt = decodeJwt.decodeJwt(jwt);
         if (!jwt || !decodedJwt) {
             throw new Error('User is not logged in');
@@ -120,7 +123,7 @@ const useEmbeddedWallet = () => {
         const userWaletsCredentials = getUserWalletsFromVerifiedCredentials.getUserWalletsFromVerifiedCredentials(jwt);
         // if user doesn't have a wallet yet, show the passkey view to create an embedded wallet
         if (!(userWaletsCredentials === null || userWaletsCredentials === void 0 ? void 0 : userWaletsCredentials.length)) {
-            if (((_f = (_e = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.embeddedWalletSecurityMethods) === null || _e === void 0 ? void 0 : _e.length) !== null && _f !== void 0 ? _f : 0) === 0) {
+            if (((_g = (_f = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.embeddedWalletSecurityMethods) === null || _f === void 0 ? void 0 : _f.length) !== null && _g !== void 0 ? _g : 0) === 0) {
                 return startPregeneratedWalletCreationFlow(jwt, decodedJwt);
             }
             return startEmbeddedWalletCreationFlow();

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

@@ -75,7 +75,7 @@ const useEmbeddedWallet = () => {
         });
     });
     const returnEmbeddedWallet = (jwt, embeddedWalletVerifiedCredential) => __awaiter(void 0, void 0, void 0, function* () {
-        var _a, _b, _c;
+        var _a, _b, _c, _d;
         const decodedJwt = decodeJwt(jwt);
         const turnkeyWallet = findTurnkeyWallet(walletConnectorOptions);
         // if user already has embedded wallet, set it as primary wallet
@@ -94,9 +94,12 @@ const useEmbeddedWallet = () => {
                 setPrimaryWalletId(embeddedWalletVerifiedCredential.id);
             }
         }
+        /** It's not authenticated if it still hasn't created a passkey */
+        const authenticated = Boolean((_b = embeddedWalletVerifiedCredential.walletProperties) === null || _b === void 0 ? void 0 : _b.isAuthenticatorAttached);
         const passkeyWallet = {
-            address: (yield ((_b = turnkeyWallet === null || turnkeyWallet === void 0 ? void 0 : turnkeyWallet.walletConnector) === null || _b === void 0 ? void 0 : _b.fetchPublicAddress())) || '',
-            chain: ((_c = turnkeyWallet === null || turnkeyWallet === void 0 ? void 0 : turnkeyWallet.walletConnector) === null || _c === void 0 ? void 0 : _c.connectedChain) || '',
+            address: (yield ((_c = turnkeyWallet === null || turnkeyWallet === void 0 ? void 0 : turnkeyWallet.walletConnector) === null || _c === void 0 ? void 0 : _c.fetchPublicAddress())) || '',
+            authenticated,
+            chain: ((_d = turnkeyWallet === null || turnkeyWallet === void 0 ? void 0 : turnkeyWallet.walletConnector) === null || _d === void 0 ? void 0 : _d.connectedChain) || '',
             connected: true,
             connector: (turnkeyWallet === null || turnkeyWallet === void 0 ? void 0 : turnkeyWallet.walletConnector) || {},
             id: embeddedWalletVerifiedCredential.id,
@@ -104,8 +107,8 @@ const useEmbeddedWallet = () => {
         return Promise.resolve(passkeyWallet);
     });
     const createEmbeddedWallet = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
-        var _d, _e, _f;
-        const jwt = (_d = getAuthToken()) !== null && _d !== void 0 ? _d : onboardingOnlyJwt;
+        var _e, _f, _g;
+        const jwt = (_e = getAuthToken()) !== null && _e !== void 0 ? _e : onboardingOnlyJwt;
         const decodedJwt = decodeJwt(jwt);
         if (!jwt || !decodedJwt) {
             throw new Error('User is not logged in');
@@ -116,7 +119,7 @@ const useEmbeddedWallet = () => {
         const userWaletsCredentials = getUserWalletsFromVerifiedCredentials(jwt);
         // if user doesn't have a wallet yet, show the passkey view to create an embedded wallet
         if (!(userWaletsCredentials === null || userWaletsCredentials === void 0 ? void 0 : userWaletsCredentials.length)) {
-            if (((_f = (_e = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.embeddedWalletSecurityMethods) === null || _e === void 0 ? void 0 : _e.length) !== null && _f !== void 0 ? _f : 0) === 0) {
+            if (((_g = (_f = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.embeddedWalletSecurityMethods) === null || _f === void 0 ? void 0 : _f.length) !== null && _g !== void 0 ? _g : 0) === 0) {
                 return startPregeneratedWalletCreationFlow(jwt, decodedJwt);
             }
             return startEmbeddedWalletCreationFlow();

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

@@ -6,6 +6,7 @@ var _tslib = require('../../../../../_virtual/_tslib.cjs');
 var React = require('react');
 var utils = require('@dynamic-labs/utils');
 var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
+var UserWalletsContext = require('../../../context/UserWalletsContext/UserWalletsContext.cjs');
 require('@dynamic-labs/sdk-api');
 var logger = require('../../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
@@ -20,6 +21,7 @@ var isSameWalletName = require('../../functions/isSameWalletName/isSameWalletNam
 var useWalletsConnectionState = require('../useWalletsConnectionState/useWalletsConnectionState.cjs');
 var reconnectSocialWallet = require('./reconnectSocialWallet.cjs');
 var createLinkedWalletsFromWalletOptions = require('./utils/createLinkedWalletsFromWalletOptions/createLinkedWalletsFromWalletOptions.cjs');
+var updateUserWalletsFromLinkedWallets = require('./utils/updateUserWalletsFromLinkedWallets/updateUserWalletsFromLinkedWallets.cjs');
 
 const useWalletConnectors = ({ authMode, authToken, connectedWallets, walletConnectorOptions, multiWalletWidgetState, setDesktopUri, setMultiWalletWidgetState, setQrcodeUri, primaryWalletId, setPrimaryWalletId, user, onboardingOnlyJwt, canHaveMultipleWalletsConnected, }) => {
     const [showQrcodeModal, setShowQrcodeModal] = React.useState(false);
@@ -33,6 +35,11 @@ const useWalletConnectors = ({ authMode, authToken, connectedWallets, walletConn
             walletConnectorOptions,
         });
     }, [authToken, primaryWalletId, walletConnectorOptions]);
+    const { setUserWallets } = UserWalletsContext.useInternalUserWallets();
+    // Keep userWallets in sync whenever linkedWallets changes
+    React.useEffect(() => {
+        setUserWallets((userWallets) => updateUserWalletsFromLinkedWallets.updateUserWalletsFromLinkedWallets(userWallets, linkedWallets));
+    }, [linkedWallets, setUserWallets]);
     const walletsBasedOnAuthMode = React.useMemo(() => {
         // Before signing the first message we are using connected wallets list
         // This is because we want the first connected wallet to have events applied by useWalletEventListeners

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

@@ -2,6 +2,7 @@ import { __awaiter } from '../../../../../_virtual/_tslib.js';
 import { useState, useMemo, useEffect, useCallback } from 'react';
 import { DynamicError } from '@dynamic-labs/utils';
 import { isEmbeddedConnector, isEmailWalletConnector, isSocialWalletConnector } from '@dynamic-labs/wallet-connector-core';
+import { useInternalUserWallets } from '../../../context/UserWalletsContext/UserWalletsContext.js';
 import '@dynamic-labs/sdk-api';
 import { logger } from '../../../shared/logger.js';
 import '@dynamic-labs/iconic';
@@ -16,6 +17,7 @@ import { isSameWalletName } from '../../functions/isSameWalletName/isSameWalletN
 import { useWalletsConnectionState } from '../useWalletsConnectionState/useWalletsConnectionState.js';
 import { reconnectSocialWallet } from './reconnectSocialWallet.js';
 import { createLinkedWalletsFromWalletOptions } from './utils/createLinkedWalletsFromWalletOptions/createLinkedWalletsFromWalletOptions.js';
+import { updateUserWalletsFromLinkedWallets } from './utils/updateUserWalletsFromLinkedWallets/updateUserWalletsFromLinkedWallets.js';
 
 const useWalletConnectors = ({ authMode, authToken, connectedWallets, walletConnectorOptions, multiWalletWidgetState, setDesktopUri, setMultiWalletWidgetState, setQrcodeUri, primaryWalletId, setPrimaryWalletId, user, onboardingOnlyJwt, canHaveMultipleWalletsConnected, }) => {
     const [showQrcodeModal, setShowQrcodeModal] = useState(false);
@@ -29,6 +31,11 @@ const useWalletConnectors = ({ authMode, authToken, connectedWallets, walletConn
             walletConnectorOptions,
         });
     }, [authToken, primaryWalletId, walletConnectorOptions]);
+    const { setUserWallets } = useInternalUserWallets();
+    // Keep userWallets in sync whenever linkedWallets changes
+    useEffect(() => {
+        setUserWallets((userWallets) => updateUserWalletsFromLinkedWallets(userWallets, linkedWallets));
+    }, [linkedWallets, setUserWallets]);
     const walletsBasedOnAuthMode = useMemo(() => {
         // Before signing the first message we are using connected wallets list
         // This is because we want the first connected wallet to have events applied by useWalletEventListeners

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

@@ -54,6 +54,7 @@ const createLinkedWalletsFromWalletOptions = ({ authToken, walletConnectorOption
             }
             return {
                 address: account.address,
+                authenticated: true,
                 chain: account.chain,
                 connected: false,
                 connector: wallet.walletConnector,

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

@@ -50,6 +50,7 @@ const createLinkedWalletsFromWalletOptions = ({ authToken, walletConnectorOption
             }
             return {
                 address: account.address,
+                authenticated: true,
                 chain: account.chain,
                 connected: false,
                 connector: wallet.walletConnector,

package/src/lib/utils/hooks/useWalletConnectors/utils/updateUserWalletsFromLinkedWallets/index.d.ts

@@ -0,0 +1 @@
+export * from './updateUserWalletsFromLinkedWallets';

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

@@ -0,0 +1,36 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+/**
+ * This takes a userWallets and linkedWallets array, and returns a new userWallets array
+ * updated to match the linkedWallets array.
+ * It will add any missing wallets, update properties that don't match, and remove wallets that aren't
+ * in the linkedWallets.
+ */
+const updateUserWalletsFromLinkedWallets = (userWallets, authenticatedWallets) => {
+    const userWalletsCopy = [...userWallets];
+    /** We will use this to find wallets addresses that were removed */
+    const newWalletsAddresses = new Set();
+    // First pass: add missing wallets and update changed properties
+    for (const authenticatedWallet of authenticatedWallets) {
+        newWalletsAddresses.add(authenticatedWallet.address);
+        const respectiveIndex = userWalletsCopy.findIndex((wallet) => wallet.address === authenticatedWallet.address);
+        // Catch new wallets
+        if (respectiveIndex === -1) {
+            userWalletsCopy.push(authenticatedWallet);
+            continue;
+        }
+        // If already present, just update to match the new state
+        // Don't change connected state
+        authenticatedWallet.connected = userWalletsCopy[respectiveIndex].connected;
+        userWalletsCopy[respectiveIndex] = authenticatedWallet;
+        // NOTE: this will actually update the wallet's ID if it changed, which happens when a wallet is signed
+        // It initially has a id in the format "connected-wallet-X", and after being signed it changes to a hash
+    }
+    // This filter is to remove a wallet that was previously added to userWallets but is not present
+    // among the verified credentials wallets anymore
+    return userWalletsCopy.filter((userWallet) => newWalletsAddresses.has(userWallet.address));
+};
+
+exports.updateUserWalletsFromLinkedWallets = updateUserWalletsFromLinkedWallets;

package/src/lib/utils/hooks/useWalletConnectors/utils/updateUserWalletsFromLinkedWallets/updateUserWalletsFromLinkedWallets.d.ts

@@ -0,0 +1,8 @@
+import { Wallet } from '../../../../../shared';
+/**
+ * This takes a userWallets and linkedWallets array, and returns a new userWallets array
+ * updated to match the linkedWallets array.
+ * It will add any missing wallets, update properties that don't match, and remove wallets that aren't
+ * in the linkedWallets.
+ */
+export declare const updateUserWalletsFromLinkedWallets: (userWallets: Wallet[], authenticatedWallets: Wallet[]) => Wallet[];

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

@@ -0,0 +1,32 @@
+/**
+ * This takes a userWallets and linkedWallets array, and returns a new userWallets array
+ * updated to match the linkedWallets array.
+ * It will add any missing wallets, update properties that don't match, and remove wallets that aren't
+ * in the linkedWallets.
+ */
+const updateUserWalletsFromLinkedWallets = (userWallets, authenticatedWallets) => {
+    const userWalletsCopy = [...userWallets];
+    /** We will use this to find wallets addresses that were removed */
+    const newWalletsAddresses = new Set();
+    // First pass: add missing wallets and update changed properties
+    for (const authenticatedWallet of authenticatedWallets) {
+        newWalletsAddresses.add(authenticatedWallet.address);
+        const respectiveIndex = userWalletsCopy.findIndex((wallet) => wallet.address === authenticatedWallet.address);
+        // Catch new wallets
+        if (respectiveIndex === -1) {
+            userWalletsCopy.push(authenticatedWallet);
+            continue;
+        }
+        // If already present, just update to match the new state
+        // Don't change connected state
+        authenticatedWallet.connected = userWalletsCopy[respectiveIndex].connected;
+        userWalletsCopy[respectiveIndex] = authenticatedWallet;
+        // NOTE: this will actually update the wallet's ID if it changed, which happens when a wallet is signed
+        // It initially has a id in the format "connected-wallet-X", and after being signed it changes to a hash
+    }
+    // This filter is to remove a wallet that was previously added to userWallets but is not present
+    // among the verified credentials wallets anymore
+    return userWalletsCopy.filter((userWallet) => newWalletsAddresses.has(userWallet.address));
+};
+
+export { updateUserWalletsFromLinkedWallets };

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

@@ -34,6 +34,7 @@ require('../useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../useWalletConnectorOptions/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
+require('../../../context/UserWalletsContext/UserWalletsContext.cjs');
 require('../../../components/Alert/Alert.cjs');
 require('react-dom');
 require('../../../components/ShadowDOM/ShadowDOM.cjs');
@@ -58,7 +59,6 @@ require('i18next');
 require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('@dynamic-labs/viem-utils');
-require('../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var SignMessageConfirmationModal = require('../../../modals/SignMessageConfirmationModal/SignMessageConfirmationModal.cjs');
 var TransactionConfirmationModal = require('../../../modals/TransactionConfirmationModal/TransactionConfirmationModal.cjs');
 

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

@@ -30,6 +30,7 @@ import '../useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
 import '../useWalletConnectorOptions/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
+import '../../../context/UserWalletsContext/UserWalletsContext.js';
 import '../../../components/Alert/Alert.js';
 import 'react-dom';
 import '../../../components/ShadowDOM/ShadowDOM.js';
@@ -54,7 +55,6 @@ import 'i18next';
 import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import '@dynamic-labs/viem-utils';
-import '../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import { SignMessageConfirmationModal } from '../../../modals/SignMessageConfirmationModal/SignMessageConfirmationModal.js';
 import { TransactionConfirmationModal } from '../../../modals/TransactionConfirmationModal/TransactionConfirmationModal.js';
 

package/src/lib/views/AccountExistsView/AccountExistsView.cjs

@@ -37,6 +37,7 @@ require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs'
 require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../../utils/hooks/useWalletConnectorOptions/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
+require('../../context/UserWalletsContext/UserWalletsContext.cjs');
 require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
@@ -57,7 +58,6 @@ require('formik');
 require('../../components/IconButton/IconButton.cjs');
 require('../../components/Alert/Alert.cjs');
 require('@dynamic-labs/viem-utils');
-require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var IconListTile = require('../../components/IconListTile/IconListTile.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');

package/src/lib/views/AccountExistsView/AccountExistsView.js

@@ -33,6 +33,7 @@ import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
 import '../../utils/hooks/useWalletConnectorOptions/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
+import '../../context/UserWalletsContext/UserWalletsContext.js';
 import '../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../components/Transition/OpacityTransition/OpacityTransition.js';
@@ -53,7 +54,6 @@ import 'formik';
 import '../../components/IconButton/IconButton.js';
 import '../../components/Alert/Alert.js';
 import '@dynamic-labs/viem-utils';
-import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import { IconListTile } from '../../components/IconListTile/IconListTile.js';
 import '../../components/InlineWidget/InlineWidget.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';

package/src/lib/views/CaptchaVerifyUser/CaptchaVerifyUser.cjs

@@ -34,6 +34,7 @@ require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs'
 require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../../utils/hooks/useWalletConnectorOptions/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
+require('../../context/UserWalletsContext/UserWalletsContext.cjs');
 require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
@@ -54,7 +55,6 @@ require('formik');
 require('../../components/IconButton/IconButton.cjs');
 require('../../components/Alert/Alert.cjs');
 require('@dynamic-labs/viem-utils');
-require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../components/Popper/Popper/Popper.cjs');

package/src/lib/views/CaptchaVerifyUser/CaptchaVerifyUser.js

@@ -30,6 +30,7 @@ import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
 import '../../utils/hooks/useWalletConnectorOptions/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
+import '../../context/UserWalletsContext/UserWalletsContext.js';
 import '../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../components/Transition/OpacityTransition/OpacityTransition.js';
@@ -50,7 +51,6 @@ import 'formik';
 import '../../components/IconButton/IconButton.js';
 import '../../components/Alert/Alert.js';
 import '@dynamic-labs/viem-utils';
-import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../components/InlineWidget/InlineWidget.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
 import '../../components/Popper/Popper/Popper.js';

package/src/lib/views/CollectUserDataView/CollectUserDataView.cjs

@@ -38,6 +38,7 @@ require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs'
 require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../../utils/hooks/useWalletConnectorOptions/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
+require('../../context/UserWalletsContext/UserWalletsContext.cjs');
 require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
@@ -60,7 +61,6 @@ require('../../components/IconButton/IconButton.cjs');
 var Icon = require('../../components/Icon/Icon.cjs');
 require('../../components/Alert/Alert.cjs');
 require('@dynamic-labs/viem-utils');
-require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var TextButton = require('../../components/TextButton/TextButton.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');

package/src/lib/views/CollectUserDataView/CollectUserDataView.js

@@ -34,6 +34,7 @@ import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
 import '../../utils/hooks/useWalletConnectorOptions/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
+import '../../context/UserWalletsContext/UserWalletsContext.js';
 import '../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../components/Transition/OpacityTransition/OpacityTransition.js';
@@ -56,7 +57,6 @@ import '../../components/IconButton/IconButton.js';
 import { Icon } from '../../components/Icon/Icon.js';
 import '../../components/Alert/Alert.js';
 import '@dynamic-labs/viem-utils';
-import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import { TextButton } from '../../components/TextButton/TextButton.js';
 import '../../components/InlineWidget/InlineWidget.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';

package/src/lib/views/CollectUserDataView/OnboardingUserDataForm/OnboardingUserDataForm.cjs

@@ -36,6 +36,7 @@ require('../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../../../utils/hooks/useWalletConnectorOptions/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
+require('../../../context/UserWalletsContext/UserWalletsContext.cjs');
 require('../../../context/MockContext/MockContext.cjs');
 require('react-i18next');
 require('../../../components/Transition/ZoomTransition/ZoomTransition.cjs');
@@ -58,7 +59,6 @@ var Button = require('../../../components/Button/Button.cjs');
 require('../../../components/IconButton/IconButton.cjs');
 require('../../../components/Alert/Alert.cjs');
 require('@dynamic-labs/viem-utils');
-require('../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../../components/InlineWidget/InlineWidget.cjs');
 require('../../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../../components/Popper/Popper/Popper.cjs');

package/src/lib/views/CollectUserDataView/OnboardingUserDataForm/OnboardingUserDataForm.js

@@ -32,6 +32,7 @@ import '../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '@dynamic-labs/rpc-providers';
 import '../../../utils/hooks/useWalletConnectorOptions/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
+import '../../../context/UserWalletsContext/UserWalletsContext.js';
 import '../../../context/MockContext/MockContext.js';
 import 'react-i18next';
 import '../../../components/Transition/ZoomTransition/ZoomTransition.js';
@@ -54,7 +55,6 @@ import { Button } from '../../../components/Button/Button.js';
 import '../../../components/IconButton/IconButton.js';
 import '../../../components/Alert/Alert.js';
 import '@dynamic-labs/viem-utils';
-import '../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../../components/InlineWidget/InlineWidget.js';
 import '../../../components/MenuList/Dropdown/Dropdown.js';
 import '../../../components/Popper/Popper/Popper.js';

package/src/lib/views/CollectUserDataView/UserDataFields/index.cjs

@@ -35,6 +35,7 @@ require('../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.c
 require('../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../../../utils/hooks/useWalletConnectorOptions/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
+require('../../../context/UserWalletsContext/UserWalletsContext.cjs');
 require('react-i18next');
 require('../../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
@@ -56,7 +57,6 @@ var getDisplayErrorMessage = require('./utils/getDisplayErrorMessage/getDisplayE
 require('../../../components/IconButton/IconButton.cjs');
 require('../../../components/Alert/Alert.cjs');
 require('@dynamic-labs/viem-utils');
-require('../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var Checkbox = require('../../../components/Checkbox/Checkbox.cjs');
 require('../../../components/InlineWidget/InlineWidget.cjs');
 var Input = require('../../../components/Input/Input.cjs');

package/src/lib/views/CollectUserDataView/UserDataFields/index.js

@@ -31,6 +31,7 @@ import '../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js
 import '../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
 import '../../../utils/hooks/useWalletConnectorOptions/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
+import '../../../context/UserWalletsContext/UserWalletsContext.js';
 import 'react-i18next';
 import '../../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
@@ -52,7 +53,6 @@ import { getDisplayErrorMessage } from './utils/getDisplayErrorMessage/getDispla
 import '../../../components/IconButton/IconButton.js';
 import '../../../components/Alert/Alert.js';
 import '@dynamic-labs/viem-utils';
-import '../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import { Checkbox } from '../../../components/Checkbox/Checkbox.js';
 import '../../../components/InlineWidget/InlineWidget.js';
 import { Input } from '../../../components/Input/Input.js';

package/src/lib/views/CollectUserDataViewLoginWithEmail/CollectUserDataViewLoginWithEmail.cjs

@@ -35,6 +35,7 @@ require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs'
 require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../../utils/hooks/useWalletConnectorOptions/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
+require('../../context/UserWalletsContext/UserWalletsContext.cjs');
 require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
@@ -55,7 +56,6 @@ require('formik');
 require('../../components/IconButton/IconButton.cjs');
 require('../../components/Alert/Alert.cjs');
 require('@dynamic-labs/viem-utils');
-require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var TextButton = require('../../components/TextButton/TextButton.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');