@dynamic-labs/sdk-react-core 3.0.0-alpha.15 → 3.0.0-alpha.16

package/CHANGELOG.md

@@ -1,4 +1,23 @@
 
+## [3.0.0-alpha.16](https://github.com/dynamic-labs/DynamicAuth/compare/v3.0.0-alpha.15...v3.0.0-alpha.16) (2024-07-11)
+
+
+### ⚠ BREAKING CHANGES
+
+* remove isConnected prop from wallets and have it as a method instead (#6265)
+
+### Features
+
+* add bundlerRpc and paymasterRpc parameters to zerodev ([#6304](https://github.com/dynamic-labs/DynamicAuth/issues/6304)) ([156469b](https://github.com/dynamic-labs/DynamicAuth/commit/156469bf703f0c7fa455a24b8e4e328d3a0c58fc))
+
+
+### Bug Fixes
+
+* headless embedded wallet export session refresh ([#6307](https://github.com/dynamic-labs/DynamicAuth/issues/6307)) ([5423cc1](https://github.com/dynamic-labs/DynamicAuth/commit/5423cc14c370968acf718b7deff6ea8df9228189))
+
+
+* remove isConnected prop from wallets and have it as a method instead ([#6265](https://github.com/dynamic-labs/DynamicAuth/issues/6265)) ([652dcc2](https://github.com/dynamic-labs/DynamicAuth/commit/652dcc2d34c9a9719238606c67f600e40621183b))
+
 ## [3.0.0-alpha.15](https://github.com/dynamic-labs/DynamicAuth/compare/v3.0.0-alpha.14...v3.0.0-alpha.15) (2024-07-11)
 
 

package/package.cjs

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

package/package.js

@@ -1,5 +1,5 @@
 'use client'
-var version = "3.0.0-alpha.15";
+var version = "3.0.0-alpha.16";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.470",
 	"@hcaptcha/react-hcaptcha": "1.4.4",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "3.0.0-alpha.15",
+  "version": "3.0.0-alpha.16",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/dynamic-labs/dynamic-auth.git",
@@ -17,15 +17,15 @@
     "react-i18next": "13.5.0",
     "yup": "0.32.11",
     "react-international-phone": "4.2.5",
-    "@dynamic-labs/iconic": "3.0.0-alpha.15",
-    "@dynamic-labs/logger": "3.0.0-alpha.15",
-    "@dynamic-labs/multi-wallet": "3.0.0-alpha.15",
-    "@dynamic-labs/rpc-providers": "3.0.0-alpha.15",
-    "@dynamic-labs/store": "3.0.0-alpha.15",
-    "@dynamic-labs/types": "3.0.0-alpha.15",
-    "@dynamic-labs/utils": "3.0.0-alpha.15",
-    "@dynamic-labs/wallet-book": "3.0.0-alpha.15",
-    "@dynamic-labs/wallet-connector-core": "3.0.0-alpha.15",
+    "@dynamic-labs/iconic": "3.0.0-alpha.16",
+    "@dynamic-labs/logger": "3.0.0-alpha.16",
+    "@dynamic-labs/multi-wallet": "3.0.0-alpha.16",
+    "@dynamic-labs/rpc-providers": "3.0.0-alpha.16",
+    "@dynamic-labs/store": "3.0.0-alpha.16",
+    "@dynamic-labs/types": "3.0.0-alpha.16",
+    "@dynamic-labs/utils": "3.0.0-alpha.16",
+    "@dynamic-labs/wallet-book": "3.0.0-alpha.16",
+    "@dynamic-labs/wallet-connector-core": "3.0.0-alpha.16",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

package/src/lib/components/AuthProviderIcon/AuthProviderIcon.cjs

@@ -53,7 +53,6 @@ require('../Accordion/components/AccordionItem/AccordionItem.cjs');
 require('../Alert/Alert.cjs');
 require('../ShadowDOM/ShadowDOM.cjs');
 require('../IconButton/IconButton.cjs');
-var IconWithStatus = require('../IconWithStatus/IconWithStatus.cjs');
 require('../InlineWidget/InlineWidget.cjs');
 require('../Input/Input.cjs');
 require('../IsBrowser/IsBrowser.cjs');
@@ -67,7 +66,6 @@ require('../Popper/Popper/Popper.cjs');
 require('../Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
 require('qrcode');
-var WalletIconWithStatus = require('../../widgets/DynamicWidget/components/WalletIconWithStatus/WalletIconWithStatus.cjs');
 var WalletIconWithNetwork = require('../../widgets/DynamicWidget/components/WalletIconWithNetwork/WalletIconWithNetwork.cjs');
 require('formik');
 require('../../views/WalletList/WalletList.cjs');
@@ -161,9 +159,9 @@ const AuthProviderIcon = ({ iconSize = 64, showStatus, wallet, }) => {
         return (jsxRuntime.jsx(WalletIconWithNetwork.WalletIconWithNetwork, { iconSize: iconSize, Icon: MagicEmailOrSocialIcon, chainName: chainEnum, showNetwork: showStatus }));
     }
     if (MagicEmailOrSocialIcon) {
-        return showStatus ? (jsxRuntime.jsx(IconWithStatus.IconWithStatus, { iconSize: iconSize, Icon: MagicEmailOrSocialIcon, variant: walletForIcon.isConnected ? 'green' : 'red' })) : (jsxRuntime.jsx(MagicEmailOrSocialIcon, { style: { height: pixelToRem.pixelToRem(iconSize), width: pixelToRem.pixelToRem(iconSize) } }));
+        return (jsxRuntime.jsx(MagicEmailOrSocialIcon, { style: { height: pixelToRem.pixelToRem(iconSize), width: pixelToRem.pixelToRem(iconSize) } }));
     }
-    return showStatus ? (jsxRuntime.jsx(WalletIconWithStatus.WalletIconWithStatus, { iconSize: iconSize, walletKey: walletForIcon.key, connected: walletForIcon.isConnected, variant: 'secondary' })) : (jsxRuntime.jsx(walletBook.WalletIcon, { walletKey: walletForIcon.key, style: { height: pixelToRem.pixelToRem(iconSize), width: pixelToRem.pixelToRem(iconSize) } }));
+    return (jsxRuntime.jsx(walletBook.WalletIcon, { walletKey: walletForIcon.key, style: { height: pixelToRem.pixelToRem(iconSize), width: pixelToRem.pixelToRem(iconSize) } }));
 };
 
 exports.AuthProviderIcon = AuthProviderIcon;

package/src/lib/components/AuthProviderIcon/AuthProviderIcon.js

@@ -49,7 +49,6 @@ import '../Accordion/components/AccordionItem/AccordionItem.js';
 import '../Alert/Alert.js';
 import '../ShadowDOM/ShadowDOM.js';
 import '../IconButton/IconButton.js';
-import { IconWithStatus } from '../IconWithStatus/IconWithStatus.js';
 import '../InlineWidget/InlineWidget.js';
 import '../Input/Input.js';
 import '../IsBrowser/IsBrowser.js';
@@ -63,7 +62,6 @@ import '../Popper/Popper/Popper.js';
 import '../Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
 import 'qrcode';
-import { WalletIconWithStatus } from '../../widgets/DynamicWidget/components/WalletIconWithStatus/WalletIconWithStatus.js';
 import { WalletIconWithNetwork } from '../../widgets/DynamicWidget/components/WalletIconWithNetwork/WalletIconWithNetwork.js';
 import 'formik';
 import '../../views/WalletList/WalletList.js';
@@ -157,9 +155,9 @@ const AuthProviderIcon = ({ iconSize = 64, showStatus, wallet, }) => {
         return (jsx(WalletIconWithNetwork, { iconSize: iconSize, Icon: MagicEmailOrSocialIcon, chainName: chainEnum, showNetwork: showStatus }));
     }
     if (MagicEmailOrSocialIcon) {
-        return showStatus ? (jsx(IconWithStatus, { iconSize: iconSize, Icon: MagicEmailOrSocialIcon, variant: walletForIcon.isConnected ? 'green' : 'red' })) : (jsx(MagicEmailOrSocialIcon, { style: { height: pixelToRem(iconSize), width: pixelToRem(iconSize) } }));
+        return (jsx(MagicEmailOrSocialIcon, { style: { height: pixelToRem(iconSize), width: pixelToRem(iconSize) } }));
     }
-    return showStatus ? (jsx(WalletIconWithStatus, { iconSize: iconSize, walletKey: walletForIcon.key, connected: walletForIcon.isConnected, variant: 'secondary' })) : (jsx(WalletIcon, { walletKey: walletForIcon.key, style: { height: pixelToRem(iconSize), width: pixelToRem(iconSize) } }));
+    return (jsx(WalletIcon, { walletKey: walletForIcon.key, style: { height: pixelToRem(iconSize), width: pixelToRem(iconSize) } }));
 };
 
 export { AuthProviderIcon };

package/src/lib/utils/functions/createOwnerWallet/createOwnerWallet.cjs

@@ -33,7 +33,6 @@ const createOwnerWallet = (wallet, verifiedCredentials) => {
         connector: eoaConnector,
         id: ownerAccount.id,
         isAuthenticated,
-        isConnected: false,
         key: ownerAccount.walletName || eoaConnector.key,
     });
 };

package/src/lib/utils/functions/createOwnerWallet/createOwnerWallet.js

@@ -29,7 +29,6 @@ const createOwnerWallet = (wallet, verifiedCredentials) => {
         connector: eoaConnector,
         id: ownerAccount.id,
         isAuthenticated,
-        isConnected: false,
         key: ownerAccount.walletName || eoaConnector.key,
     });
 };

package/src/lib/utils/hooks/multiWallet/useSyncPrimaryWallet/useSyncPrimaryWallet.cjs

@@ -106,8 +106,7 @@ const useSyncPrimaryWallet = (canSync = true) => {
             return;
         }
         const connectedWalletWithSameProvider = connectedAddress &&
-            secondaryWallets.find((wallet) => wallet.isConnected &&
-                wallet.connector.key === primaryWallet.connector.key &&
+            secondaryWallets.find((wallet) => wallet.connector.key === primaryWallet.connector.key &&
                 walletConnectorCore.isSameAddress(wallet.address, connectedAddress, wallet.chain));
         logVerboseTroubleshootingMessage.logVerboseTroubleshootingMessage('[useSyncPrimaryWallet] handlePrimaryWalletNotActive', {
             connectedWalletWithSameProvider,

package/src/lib/utils/hooks/multiWallet/useSyncPrimaryWallet/useSyncPrimaryWallet.js

@@ -102,8 +102,7 @@ const useSyncPrimaryWallet = (canSync = true) => {
             return;
         }
         const connectedWalletWithSameProvider = connectedAddress &&
-            secondaryWallets.find((wallet) => wallet.isConnected &&
-                wallet.connector.key === primaryWallet.connector.key &&
+            secondaryWallets.find((wallet) => wallet.connector.key === primaryWallet.connector.key &&
                 isSameAddress(wallet.address, connectedAddress, wallet.chain));
         logVerboseTroubleshootingMessage('[useSyncPrimaryWallet] handlePrimaryWalletNotActive', {
             connectedWalletWithSameProvider,

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

@@ -23,7 +23,6 @@ const updateUserWalletsFromConnectedWallets = (userWallets, connectedWallets) =>
             continue;
         }
         // If already present, just update properties that might have changed
-        userWallet.isConnected = connectedWallet.isConnected;
         userWallet.network = connectedWallet.network;
     }
     // This filter is to remove a wallet that was previously added to userWallets but is not present

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

@@ -19,7 +19,6 @@ const updateUserWalletsFromConnectedWallets = (userWallets, connectedWallets) =>
             continue;
         }
         // If already present, just update properties that might have changed
-        userWallet.isConnected = connectedWallet.isConnected;
         userWallet.network = connectedWallet.network;
     }
     // This filter is to remove a wallet that was previously added to userWallets but is not present

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

@@ -164,7 +164,6 @@ const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingO
                 connector: walletConnector,
                 id: storedConnectedWalletInfo.id,
                 isAuthenticated: false,
-                isConnected: true,
                 key: walletConnector.key,
                 network: walletNetwork,
             });

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

@@ -160,7 +160,6 @@ const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingO
                 connector: walletConnector,
                 id: storedConnectedWalletInfo.id,
                 isAuthenticated: false,
-                isConnected: true,
                 key: walletConnector.key,
                 network: walletNetwork,
             });

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

@@ -128,7 +128,6 @@ const useCreateDynamicEmbeddedWalletMutation = () => {
                 connector: walletConnector,
                 id: embeddedWalletVerifiedCredential.id,
                 isAuthenticated,
-                isConnected: true,
                 isPrimary: true,
                 key: embeddedWalletVerifiedCredential.walletName || walletConnector.key,
             });

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

@@ -124,7 +124,6 @@ const useCreateDynamicEmbeddedWalletMutation = () => {
                 connector: walletConnector,
                 id: embeddedWalletVerifiedCredential.id,
                 isAuthenticated,
-                isConnected: true,
                 isPrimary: true,
                 key: embeddedWalletVerifiedCredential.walletName || walletConnector.key,
             });

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

@@ -111,7 +111,6 @@ const useCoinbaseMPC = () => {
             connector,
             id: embeddedWalletVerifiedCredential.id,
             isAuthenticated: true,
-            isConnected: true,
             key: (_a = embeddedWalletVerifiedCredential.walletName) !== null && _a !== void 0 ? _a : connector.key,
         });
         return coinbaseMPCWallet;
@@ -178,7 +177,6 @@ const useCoinbaseMPC = () => {
                 connector,
                 id: newSelectedCredentialWallet.id,
                 isAuthenticated: true,
-                isConnected: true,
                 key: (_c = newSelectedCredentialWallet.walletName) !== null && _c !== void 0 ? _c : connector.key,
             });
             dynamicEvents.dynamicEvents.emit('embeddedWalletCreated', coinbaseMPCWallet, newSelectedCredentialWallet, updatedUser);

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

@@ -107,7 +107,6 @@ const useCoinbaseMPC = () => {
             connector,
             id: embeddedWalletVerifiedCredential.id,
             isAuthenticated: true,
-            isConnected: true,
             key: (_a = embeddedWalletVerifiedCredential.walletName) !== null && _a !== void 0 ? _a : connector.key,
         });
         return coinbaseMPCWallet;
@@ -174,7 +173,6 @@ const useCoinbaseMPC = () => {
                 connector,
                 id: newSelectedCredentialWallet.id,
                 isAuthenticated: true,
-                isConnected: true,
                 key: (_c = newSelectedCredentialWallet.walletName) !== null && _c !== void 0 ? _c : connector.key,
             });
             dynamicEvents.emit('embeddedWalletCreated', coinbaseMPCWallet, newSelectedCredentialWallet, updatedUser);

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

@@ -318,7 +318,7 @@ const useSecureEnclaveEmbeddedWallet = () => {
      * @returns Promise<string> - returns the embedded wallet recovery phrase or private key
      */
     const revealEmbeddedWalletKey = (_y) => _tslib.__awaiter(void 0, [_y], void 0, function* ({ type, htmlContainerId, }) {
-        var _z, _0, _1, _2, _3;
+        var _z, _0, _1, _2, _3, _4;
         if (!user) {
             throw new utils.DynamicError(errors.USER_NOT_LOGGED_IN);
         }
@@ -334,26 +334,37 @@ const useSecureEnclaveEmbeddedWallet = () => {
         // hide the iframe container until the export is done
         // since it will show unrelated turnkey content
         iframeContainerElement.current.style.display = 'none';
-        const isSessionKeyCompatibleAAConnector = ((_1 = wallet === null || wallet === void 0 ? void 0 : wallet.connector) === null || _1 === void 0 ? void 0 : _1.key) === 'zerodev'
-            ? walletConnectorCore.isSessionKeyCompatibleWalletConnector((wallet === null || wallet === void 0 ? void 0 : wallet.connector).getEOAConnector())
-            : false;
         if (walletConnectorCore.isSessionKeyCompatibleWalletConnector(wallet === null || wallet === void 0 ? void 0 : wallet.connector)) {
-            yield ((_2 = wallet === null || wallet === void 0 ? void 0 : wallet.connector) === null || _2 === void 0 ? void 0 : _2.createOrRestoreSession());
-        }
-        else if (isSessionKeyCompatibleAAConnector) {
-            yield ((_3 = (wallet === null || wallet === void 0 ? void 0 : wallet.connector).getEOAConnector()) === null || _3 === void 0 ? void 0 : _3.createOrRestoreSession());
+            yield ((_1 = wallet === null || wallet === void 0 ? void 0 : wallet.connector) === null || _1 === void 0 ? void 0 : _1.createOrRestoreSession());
         }
         yield turnkeyExport.initExport({
             iframeContainer: iframeContainerElement.current,
             iframeElementId: constants.revealIframeElementId,
             wallet,
         });
-        yield turnkeyExport.exportCredential({
-            address: type === 'privateKey' ? wallet === null || wallet === void 0 ? void 0 : wallet.address : undefined,
-            environmentId,
-            user,
-            wallet,
-        });
+        try {
+            yield turnkeyExport.exportCredential({
+                address: type === 'privateKey' ? wallet === null || wallet === void 0 ? void 0 : wallet.address : undefined,
+                environmentId,
+                user,
+                wallet,
+            });
+        }
+        catch (_5) {
+            if (walletConnectorCore.isSessionKeyCompatibleWalletConnector(wallet === null || wallet === void 0 ? void 0 : wallet.connector) &&
+                ((_2 = wallet === null || wallet === void 0 ? void 0 : wallet.connector) === null || _2 === void 0 ? void 0 : _2.removeSessionKeys)) {
+                yield ((_3 = wallet === null || wallet === void 0 ? void 0 : wallet.connector) === null || _3 === void 0 ? void 0 : _3.removeSessionKeys());
+                yield ((_4 = wallet === null || wallet === void 0 ? void 0 : wallet.connector) === null || _4 === void 0 ? void 0 : _4.createOrRestoreSession({
+                    ignoreRestore: true,
+                }));
+            }
+            yield turnkeyExport.exportCredential({
+                address: type === 'privateKey' ? wallet === null || wallet === void 0 ? void 0 : wallet.address : undefined,
+                environmentId,
+                user,
+                wallet,
+            });
+        }
         // show the iframe container after the export is done
         // to show the exported content only
         iframeContainerElement.current.style.display = 'block';
@@ -364,11 +375,11 @@ const useSecureEnclaveEmbeddedWallet = () => {
      * @returns Promise<'code_sent'>
      */
     const sendOneTimeCode = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        var _4, _5;
+        var _6, _7;
         if (!user) {
             throw new utils.DynamicError(errors.USER_NOT_LOGGED_IN);
         }
-        const targetTurnkeyWallet = findTurnkeyWallet.findTurnkeyWalletByPrimaryChain(walletConnectorOptions, (_4 = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.embeddedWallets) === null || _4 === void 0 ? void 0 : _4.chainConfigurations, user.verifiedCredentials);
+        const targetTurnkeyWallet = findTurnkeyWallet.findTurnkeyWalletByPrimaryChain(walletConnectorOptions, (_6 = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.embeddedWallets) === null || _6 === void 0 ? void 0 : _6.chainConfigurations, user.verifiedCredentials);
         if (!targetTurnkeyWallet || !('id' in targetTurnkeyWallet)) {
             throw new utils.DynamicError('User does not have a valid secure enclave wallet', errors.INVALID_WALLET_DATA);
         }
@@ -379,7 +390,7 @@ const useSecureEnclaveEmbeddedWallet = () => {
             throw new utils.DynamicError('Session is active. No need to create a new one', errors.ACTIVE_SESSION);
         }
         const turnkeyAuthIframeContainerRef = createRootElement(constants.iframeContainerId);
-        const publicKey = yield turnkeyAuthenticatorHandler.initRecovery('email', turnkeyAuthIframeContainerRef.current, constants.iframeElementId, getEmbeddedWalletSessionExpiration.getEmbeddedWalletSessionExpiration((_5 = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.embeddedWallets) === null || _5 === void 0 ? void 0 : _5.sessionKeyDuration));
+        const publicKey = yield turnkeyAuthenticatorHandler.initRecovery('email', turnkeyAuthIframeContainerRef.current, constants.iframeElementId, getEmbeddedWalletSessionExpiration.getEmbeddedWalletSessionExpiration((_7 = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.embeddedWallets) === null || _7 === void 0 ? void 0 : _7.sessionKeyDuration));
         if (!publicKey) {
             throw new utils.DynamicError(errors.ERROR_SENDING_CODE);
         }

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

@@ -314,7 +314,7 @@ const useSecureEnclaveEmbeddedWallet = () => {
      * @returns Promise<string> - returns the embedded wallet recovery phrase or private key
      */
     const revealEmbeddedWalletKey = (_y) => __awaiter(void 0, [_y], void 0, function* ({ type, htmlContainerId, }) {
-        var _z, _0, _1, _2, _3;
+        var _z, _0, _1, _2, _3, _4;
         if (!user) {
             throw new DynamicError(USER_NOT_LOGGED_IN);
         }
@@ -330,26 +330,37 @@ const useSecureEnclaveEmbeddedWallet = () => {
         // hide the iframe container until the export is done
         // since it will show unrelated turnkey content
         iframeContainerElement.current.style.display = 'none';
-        const isSessionKeyCompatibleAAConnector = ((_1 = wallet === null || wallet === void 0 ? void 0 : wallet.connector) === null || _1 === void 0 ? void 0 : _1.key) === 'zerodev'
-            ? isSessionKeyCompatibleWalletConnector((wallet === null || wallet === void 0 ? void 0 : wallet.connector).getEOAConnector())
-            : false;
         if (isSessionKeyCompatibleWalletConnector(wallet === null || wallet === void 0 ? void 0 : wallet.connector)) {
-            yield ((_2 = wallet === null || wallet === void 0 ? void 0 : wallet.connector) === null || _2 === void 0 ? void 0 : _2.createOrRestoreSession());
-        }
-        else if (isSessionKeyCompatibleAAConnector) {
-            yield ((_3 = (wallet === null || wallet === void 0 ? void 0 : wallet.connector).getEOAConnector()) === null || _3 === void 0 ? void 0 : _3.createOrRestoreSession());
+            yield ((_1 = wallet === null || wallet === void 0 ? void 0 : wallet.connector) === null || _1 === void 0 ? void 0 : _1.createOrRestoreSession());
         }
         yield initExport({
             iframeContainer: iframeContainerElement.current,
             iframeElementId: revealIframeElementId,
             wallet,
         });
-        yield exportCredential({
-            address: type === 'privateKey' ? wallet === null || wallet === void 0 ? void 0 : wallet.address : undefined,
-            environmentId,
-            user,
-            wallet,
-        });
+        try {
+            yield exportCredential({
+                address: type === 'privateKey' ? wallet === null || wallet === void 0 ? void 0 : wallet.address : undefined,
+                environmentId,
+                user,
+                wallet,
+            });
+        }
+        catch (_5) {
+            if (isSessionKeyCompatibleWalletConnector(wallet === null || wallet === void 0 ? void 0 : wallet.connector) &&
+                ((_2 = wallet === null || wallet === void 0 ? void 0 : wallet.connector) === null || _2 === void 0 ? void 0 : _2.removeSessionKeys)) {
+                yield ((_3 = wallet === null || wallet === void 0 ? void 0 : wallet.connector) === null || _3 === void 0 ? void 0 : _3.removeSessionKeys());
+                yield ((_4 = wallet === null || wallet === void 0 ? void 0 : wallet.connector) === null || _4 === void 0 ? void 0 : _4.createOrRestoreSession({
+                    ignoreRestore: true,
+                }));
+            }
+            yield exportCredential({
+                address: type === 'privateKey' ? wallet === null || wallet === void 0 ? void 0 : wallet.address : undefined,
+                environmentId,
+                user,
+                wallet,
+            });
+        }
         // show the iframe container after the export is done
         // to show the exported content only
         iframeContainerElement.current.style.display = 'block';
@@ -360,11 +371,11 @@ const useSecureEnclaveEmbeddedWallet = () => {
      * @returns Promise<'code_sent'>
      */
     const sendOneTimeCode = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
-        var _4, _5;
+        var _6, _7;
         if (!user) {
             throw new DynamicError(USER_NOT_LOGGED_IN);
         }
-        const targetTurnkeyWallet = findTurnkeyWalletByPrimaryChain(walletConnectorOptions, (_4 = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.embeddedWallets) === null || _4 === void 0 ? void 0 : _4.chainConfigurations, user.verifiedCredentials);
+        const targetTurnkeyWallet = findTurnkeyWalletByPrimaryChain(walletConnectorOptions, (_6 = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.embeddedWallets) === null || _6 === void 0 ? void 0 : _6.chainConfigurations, user.verifiedCredentials);
         if (!targetTurnkeyWallet || !('id' in targetTurnkeyWallet)) {
             throw new DynamicError('User does not have a valid secure enclave wallet', INVALID_WALLET_DATA);
         }
@@ -375,7 +386,7 @@ const useSecureEnclaveEmbeddedWallet = () => {
             throw new DynamicError('Session is active. No need to create a new one', ACTIVE_SESSION);
         }
         const turnkeyAuthIframeContainerRef = createRootElement(iframeContainerId);
-        const publicKey = yield turnkeyAuthenticatorHandler.initRecovery('email', turnkeyAuthIframeContainerRef.current, iframeElementId, getEmbeddedWalletSessionExpiration((_5 = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.embeddedWallets) === null || _5 === void 0 ? void 0 : _5.sessionKeyDuration));
+        const publicKey = yield turnkeyAuthenticatorHandler.initRecovery('email', turnkeyAuthIframeContainerRef.current, iframeElementId, getEmbeddedWalletSessionExpiration((_7 = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.embeddedWallets) === null || _7 === void 0 ? void 0 : _7.sessionKeyDuration));
         if (!publicKey) {
             throw new DynamicError(ERROR_SENDING_CODE);
         }

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

@@ -170,7 +170,6 @@ const useTurnkey = () => {
             connector: (turnkeyWallet === null || turnkeyWallet === void 0 ? void 0 : turnkeyWallet.walletConnector) || {},
             id: embeddedWalletVerifiedCredential.id,
             isAuthenticated,
-            isConnected: true,
             key: embeddedWalletVerifiedCredential.walletName ||
                 (turnkeyWallet === null || turnkeyWallet === void 0 ? void 0 : turnkeyWallet.walletConnector.key) ||
                 '',
@@ -223,7 +222,6 @@ const useTurnkey = () => {
                     connector: walletConnector,
                     id: embeddedWalletVerifiedCredential.id,
                     isAuthenticated: Boolean((_h = embeddedWalletVerifiedCredential === null || embeddedWalletVerifiedCredential === void 0 ? void 0 : embeddedWalletVerifiedCredential.walletProperties) === null || _h === void 0 ? void 0 : _h.isAuthenticatorAttached),
-                    isConnected: true,
                     key: (_j = embeddedWalletVerifiedCredential.walletName) !== null && _j !== void 0 ? _j : walletConnector.key,
                 });
                 setPrimaryWalletId(embeddedWalletVerifiedCredential.id);

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

@@ -166,7 +166,6 @@ const useTurnkey = () => {
             connector: (turnkeyWallet === null || turnkeyWallet === void 0 ? void 0 : turnkeyWallet.walletConnector) || {},
             id: embeddedWalletVerifiedCredential.id,
             isAuthenticated,
-            isConnected: true,
             key: embeddedWalletVerifiedCredential.walletName ||
                 (turnkeyWallet === null || turnkeyWallet === void 0 ? void 0 : turnkeyWallet.walletConnector.key) ||
                 '',
@@ -219,7 +218,6 @@ const useTurnkey = () => {
                     connector: walletConnector,
                     id: embeddedWalletVerifiedCredential.id,
                     isAuthenticated: Boolean((_h = embeddedWalletVerifiedCredential === null || embeddedWalletVerifiedCredential === void 0 ? void 0 : embeddedWalletVerifiedCredential.walletProperties) === null || _h === void 0 ? void 0 : _h.isAuthenticatorAttached),
-                    isConnected: true,
                     key: (_j = embeddedWalletVerifiedCredential.walletName) !== null && _j !== void 0 ? _j : walletConnector.key,
                 });
                 setPrimaryWalletId(embeddedWalletVerifiedCredential.id);

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

@@ -24,7 +24,6 @@ require('react-international-phone');
 require('../../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/store');
 require('../../../locale/locale.cjs');
-var getWalletIdentifier = require('../../functions/getWalletIdentifier/getWalletIdentifier.cjs');
 require('../../../events/dynamicEvents.cjs');
 require('../../../context/DynamicContext/DynamicContext.cjs');
 require('../../../context/CaptchaContext/CaptchaContext.cjs');
@@ -106,7 +105,7 @@ const useWalletConnectors = ({ authMode, connectedWallets, walletConnectorOption
         });
     }, [user, primaryWalletId, walletConnectorOptions]);
     logVerboseTroubleshootingMessage.logVerboseTroubleshootingMessage('linkedWallets', linkedWallets);
-    const walletsBasedOnAuthMode = React.useMemo(() => {
+    const wallets = 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
         // In connect-and-sign mode, events are only applied after the message is signed.
@@ -125,7 +124,7 @@ const useWalletConnectors = ({ authMode, connectedWallets, walletConnectorOption
         }
         return connectedWallets !== null && connectedWallets !== void 0 ? connectedWallets : [];
     }, [authMode, connectedWallets, linkedWallets, user]);
-    logVerboseTroubleshootingMessage.logVerboseTroubleshootingMessage('walletsBasedOnAuthMode', walletsBasedOnAuthMode);
+    logVerboseTroubleshootingMessage.logVerboseTroubleshootingMessage('wallets', wallets);
     /**
      * This useEffect is temporary.
      * While the wallet connectors don't use the event emitter, we need to manually
@@ -133,15 +132,10 @@ const useWalletConnectors = ({ authMode, connectedWallets, walletConnectorOption
      * When the wallet connectors are migrated to the new event emitter, there will be no
      * need to initialize or teardown event listeners, then we can remove this useEffect.
      */
-    React.useEffect(() => walletsBasedOnAuthMode.forEach((wallet) => {
+    React.useEffect(() => wallets.forEach((wallet) => {
         wallet.connector.initEventListener();
-    }), [walletsBasedOnAuthMode]);
-    const { connectedWalletsMap, didConnectedStateLoad } = useWalletsConnectionState.useWalletsConnectionState(walletsBasedOnAuthMode, walletBook, primaryWalletId, authMode);
-    const wallets = React.useMemo(() => walletsBasedOnAuthMode.map((wallet) => {
-        wallet.isConnected = Boolean(connectedWalletsMap[getWalletIdentifier.getWalletIdentifier(wallet)]);
-        return wallet;
-    }), [connectedWalletsMap, walletsBasedOnAuthMode]);
-    logVerboseTroubleshootingMessage.logVerboseTroubleshootingMessage('wallets', wallets);
+    }), [wallets]);
+    const { didConnectedStateLoad } = useWalletsConnectionState.useWalletsConnectionState(wallets, walletBook, primaryWalletId, authMode);
     logVerboseTroubleshootingMessage.logVerboseTroubleshootingMessage('didConnectedStateLoad', didConnectedStateLoad);
     const { setUserWallets } = UserWalletsContext.useInternalUserWallets();
     // Keep userWallets in sync whenever linkedWallets changes
@@ -205,8 +199,9 @@ const useWalletConnectors = ({ authMode, connectedWallets, walletConnectorOption
                 emailConnector.setEmail(email);
             }
         }
-        if (walletConnectorCore.isSocialWalletConnector(newPrimaryWallet.connector) &&
-            !newPrimaryWallet.isConnected) {
+        const shouldReconnectSocialWallet = walletConnectorCore.isSocialWalletConnector(newPrimaryWallet.connector) &&
+            !(yield newPrimaryWallet.connector.getConnectedAccounts()).length;
+        if (shouldReconnectSocialWallet) {
             reconnectSocialWallet.reconnectSocialWallet(user, newPrimaryWallet);
             return;
         }

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

@@ -20,7 +20,6 @@ import 'react-international-phone';
 import '../../../config/ApiEndpoint.js';
 import '@dynamic-labs/store';
 import '../../../locale/locale.js';
-import { getWalletIdentifier } from '../../functions/getWalletIdentifier/getWalletIdentifier.js';
 import '../../../events/dynamicEvents.js';
 import '../../../context/DynamicContext/DynamicContext.js';
 import '../../../context/CaptchaContext/CaptchaContext.js';
@@ -102,7 +101,7 @@ const useWalletConnectors = ({ authMode, connectedWallets, walletConnectorOption
         });
     }, [user, primaryWalletId, walletConnectorOptions]);
     logVerboseTroubleshootingMessage('linkedWallets', linkedWallets);
-    const walletsBasedOnAuthMode = useMemo(() => {
+    const wallets = 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
         // In connect-and-sign mode, events are only applied after the message is signed.
@@ -121,7 +120,7 @@ const useWalletConnectors = ({ authMode, connectedWallets, walletConnectorOption
         }
         return connectedWallets !== null && connectedWallets !== void 0 ? connectedWallets : [];
     }, [authMode, connectedWallets, linkedWallets, user]);
-    logVerboseTroubleshootingMessage('walletsBasedOnAuthMode', walletsBasedOnAuthMode);
+    logVerboseTroubleshootingMessage('wallets', wallets);
     /**
      * This useEffect is temporary.
      * While the wallet connectors don't use the event emitter, we need to manually
@@ -129,15 +128,10 @@ const useWalletConnectors = ({ authMode, connectedWallets, walletConnectorOption
      * When the wallet connectors are migrated to the new event emitter, there will be no
      * need to initialize or teardown event listeners, then we can remove this useEffect.
      */
-    useEffect(() => walletsBasedOnAuthMode.forEach((wallet) => {
+    useEffect(() => wallets.forEach((wallet) => {
         wallet.connector.initEventListener();
-    }), [walletsBasedOnAuthMode]);
-    const { connectedWalletsMap, didConnectedStateLoad } = useWalletsConnectionState(walletsBasedOnAuthMode, walletBook, primaryWalletId, authMode);
-    const wallets = useMemo(() => walletsBasedOnAuthMode.map((wallet) => {
-        wallet.isConnected = Boolean(connectedWalletsMap[getWalletIdentifier(wallet)]);
-        return wallet;
-    }), [connectedWalletsMap, walletsBasedOnAuthMode]);
-    logVerboseTroubleshootingMessage('wallets', wallets);
+    }), [wallets]);
+    const { didConnectedStateLoad } = useWalletsConnectionState(wallets, walletBook, primaryWalletId, authMode);
     logVerboseTroubleshootingMessage('didConnectedStateLoad', didConnectedStateLoad);
     const { setUserWallets } = useInternalUserWallets();
     // Keep userWallets in sync whenever linkedWallets changes
@@ -201,8 +195,9 @@ const useWalletConnectors = ({ authMode, connectedWallets, walletConnectorOption
                 emailConnector.setEmail(email);
             }
         }
-        if (isSocialWalletConnector(newPrimaryWallet.connector) &&
-            !newPrimaryWallet.isConnected) {
+        const shouldReconnectSocialWallet = isSocialWalletConnector(newPrimaryWallet.connector) &&
+            !(yield newPrimaryWallet.connector.getConnectedAccounts()).length;
+        if (shouldReconnectSocialWallet) {
             reconnectSocialWallet(user, newPrimaryWallet);
             return;
         }

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

@@ -130,7 +130,6 @@ const createLinkedWalletsFromWalletOptions = ({ user, walletConnectorOptions, pr
                 connector: wallet.walletConnector,
                 id: account.id,
                 isAuthenticated: true,
-                isConnected: false,
                 key: (_a = account.walletName) !== null && _a !== void 0 ? _a : wallet.walletConnector.key,
             });
         }

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

@@ -126,7 +126,6 @@ const createLinkedWalletsFromWalletOptions = ({ user, walletConnectorOptions, pr
                 connector: wallet.walletConnector,
                 id: account.id,
                 isAuthenticated: true,
-                isConnected: false,
                 key: (_a = account.walletName) !== null && _a !== void 0 ? _a : wallet.walletConnector.key,
             });
         }

package/src/lib/views/EmailVerification/EmailVerification.cjs

@@ -75,7 +75,6 @@ require('react-focus-lock');
 var IconWithSpinner = require('../../components/IconWithSpinner/IconWithSpinner.cjs');
 var Icon = require('../../components/Icon/Icon.cjs');
 var LoadingContext = require('../../context/LoadingContext/LoadingContext.cjs');
-var IconWithStatus = require('../../components/IconWithStatus/IconWithStatus.cjs');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../components/IconButton/IconButton.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
@@ -83,6 +82,7 @@ var ErrorContainer = require('../../components/ErrorContainer/ErrorContainer.cjs
 require('formik');
 require('../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../components/Input/Input.cjs');
+var IconWithStatus = require('../../components/IconWithStatus/IconWithStatus.cjs');
 require('../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
@@ -202,7 +202,6 @@ const EmailVerification = ({ isEmailRecoveryFlow = false, showRetryButton: _show
                     connector: walletOption.walletConnector,
                     id: embeddedWalletVerifiedCredential.id,
                     isAuthenticated: false,
-                    isConnected: true,
                     key: (_k = embeddedWalletVerifiedCredential.walletName) !== null && _k !== void 0 ? _k : '',
                 });
                 setPrimaryWalletId(embeddedWalletVerifiedCredential.id);

package/src/lib/views/EmailVerification/EmailVerification.js

@@ -71,7 +71,6 @@ import 'react-focus-lock';
 import { IconWithSpinner } from '../../components/IconWithSpinner/IconWithSpinner.js';
 import { Icon } from '../../components/Icon/Icon.js';
 import { useLoadingContext } from '../../context/LoadingContext/LoadingContext.js';
-import { IconWithStatus } from '../../components/IconWithStatus/IconWithStatus.js';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../components/IconButton/IconButton.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
@@ -79,6 +78,7 @@ import { ErrorContainer } from '../../components/ErrorContainer/ErrorContainer.j
 import 'formik';
 import '../TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../components/Input/Input.js';
+import { IconWithStatus } from '../../components/IconWithStatus/IconWithStatus.js';
 import '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../context/PasskeyContext/PasskeyContext.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
@@ -198,7 +198,6 @@ const EmailVerification = ({ isEmailRecoveryFlow = false, showRetryButton: _show
                     connector: walletOption.walletConnector,
                     id: embeddedWalletVerifiedCredential.id,
                     isAuthenticated: false,
-                    isConnected: true,
                     key: (_k = embeddedWalletVerifiedCredential.walletName) !== null && _k !== void 0 ? _k : '',
                 });
                 setPrimaryWalletId(embeddedWalletVerifiedCredential.id);

package/src/lib/views/Passkey/PasskeyRecovery/BundleValidation/PasskeyBundleRecovery.cjs

@@ -68,7 +68,6 @@ require('../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/Dynami
 require('react-focus-lock');
 var IconWithSpinner = require('../../../../components/IconWithSpinner/IconWithSpinner.cjs');
 var Icon = require('../../../../components/Icon/Icon.cjs');
-var IconWithStatus = require('../../../../components/IconWithStatus/IconWithStatus.cjs');
 require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 var IconButton = require('../../../../components/IconButton/IconButton.cjs');
 require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
@@ -76,6 +75,7 @@ require('formik');
 require('../../../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 var ModalHeader = require('../../../../components/ModalHeader/ModalHeader.cjs');
 var Input = require('../../../../components/Input/Input.cjs');
+var IconWithStatus = require('../../../../components/IconWithStatus/IconWithStatus.cjs');
 require('../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');

package/src/lib/views/Passkey/PasskeyRecovery/BundleValidation/PasskeyBundleRecovery.js

@@ -64,7 +64,6 @@ import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/Dynamic
 import 'react-focus-lock';
 import { IconWithSpinner } from '../../../../components/IconWithSpinner/IconWithSpinner.js';
 import { Icon } from '../../../../components/Icon/Icon.js';
-import { IconWithStatus } from '../../../../components/IconWithStatus/IconWithStatus.js';
 import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import { IconButton } from '../../../../components/IconButton/IconButton.js';
 import '../../../../components/MenuList/Dropdown/Dropdown.js';
@@ -72,6 +71,7 @@ import 'formik';
 import '../../../TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import { ModalHeader } from '../../../../components/ModalHeader/ModalHeader.js';
 import { Input } from '../../../../components/Input/Input.js';
+import { IconWithStatus } from '../../../../components/IconWithStatus/IconWithStatus.js';
 import '../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';

package/src/lib/views/SelectHardwareWalletView/SelectHardwareWalletView.cjs

@@ -60,8 +60,8 @@ require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidge
 require('react-focus-lock');
 var HardwareWalletToggle = require('../../components/HardwareWalletToggle/HardwareWalletToggle.cjs');
 var Divider = require('../../components/Divider/Divider.cjs');
-var Icon = require('../../components/Icon/Icon.cjs');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
+var Icon = require('../../components/Icon/Icon.cjs');
 require('../../components/IconButton/IconButton.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
 require('formik');

package/src/lib/views/SelectHardwareWalletView/SelectHardwareWalletView.js

@@ -56,8 +56,8 @@ import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidget
 import 'react-focus-lock';
 import { HardwareWalletToggle } from '../../components/HardwareWalletToggle/HardwareWalletToggle.js';
 import { Divider } from '../../components/Divider/Divider.js';
-import { Icon } from '../../components/Icon/Icon.js';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
+import { Icon } from '../../components/Icon/Icon.js';
 import '../../components/IconButton/IconButton.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
 import 'formik';

package/src/lib/widgets/DynamicWidget/components/ActiveWalletInformation/ActiveWalletAddress/ActiveWalletAddress.cjs

@@ -61,13 +61,13 @@ require('../../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../../../context/MfaSettingsContext/MfaSettingsContext.cjs');
 require('../../DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('react-focus-lock');
-var IconWithStatus = require('../../../../../components/IconWithStatus/IconWithStatus.cjs');
 require('../../../context/DynamicWidgetContext.cjs');
 var DotsMenu = require('../../DotsMenu/DotsMenu.cjs');
 require('formik');
 require('../../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../../../../components/IconButton/IconButton.cjs');
 require('../../../../../components/Input/Input.cjs');
+var IconWithStatus = require('../../../../../components/IconWithStatus/IconWithStatus.cjs');
 require('../../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 var PasskeyContext = require('../../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');

package/src/lib/widgets/DynamicWidget/components/ActiveWalletInformation/ActiveWalletAddress/ActiveWalletAddress.js

@@ -57,13 +57,13 @@ import '../../../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../../../context/MfaSettingsContext/MfaSettingsContext.js';
 import '../../DynamicWidgetHeader/DynamicWidgetHeader.js';
 import 'react-focus-lock';
-import { IconWithStatus } from '../../../../../components/IconWithStatus/IconWithStatus.js';
 import '../../../context/DynamicWidgetContext.js';
 import { DotsMenu } from '../../DotsMenu/DotsMenu.js';
 import 'formik';
 import '../../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../../../../components/IconButton/IconButton.js';
 import '../../../../../components/Input/Input.js';
+import { IconWithStatus } from '../../../../../components/IconWithStatus/IconWithStatus.js';
 import '../../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import { usePasskeyContext } from '../../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';

package/src/lib/widgets/DynamicWidget/components/WalletIconWithStatus/WalletIconWithStatus.cjs

@@ -1,100 +0,0 @@
-'use client'
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var walletBook = require('@dynamic-labs/wallet-book');
-var StatusDot = require('../../../../components/StatusDot/StatusDot.cjs');
-require('@dynamic-labs/wallet-connector-core');
-require('@dynamic-labs/sdk-api-core');
-require('../../../../utils/constants/values.cjs');
-require('@dynamic-labs/utils');
-require('../../../../../../_virtual/_tslib.cjs');
-require('@dynamic-labs/multi-wallet');
-require('../../../../shared/logger.cjs');
-require('@dynamic-labs/iconic');
-require('../../../../context/ViewContext/ViewContext.cjs');
-require('react');
-require('../../../../utils/constants/colors.cjs');
-require('../../../../shared/utils/classes/storage/localStorage.cjs');
-require('../../../../shared/utils/classes/storage/sessionStorage.cjs');
-require('../../../../shared/consts/index.cjs');
-require('react-international-phone');
-require('../../../../config/ApiEndpoint.cjs');
-require('@dynamic-labs/store');
-require('../../../../locale/locale.cjs');
-var pixelToRem = require('../../../../utils/functions/pixelToRem/pixelToRem.cjs');
-require('../../../../events/dynamicEvents.cjs');
-require('../../../../context/DynamicContext/DynamicContext.cjs');
-require('../../../../context/CaptchaContext/CaptchaContext.cjs');
-require('../../../../context/ErrorContext/ErrorContext.cjs');
-require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
-require('../../../../context/AccountExistsContext/AccountExistsContext.cjs');
-require('../../../../context/UserWalletsContext/UserWalletsContext.cjs');
-require('../../../../context/VerificationContext/VerificationContext.cjs');
-require('react-dom');
-require('../../../../context/WalletContext/WalletContext.cjs');
-require('../../../../context/ThemeContext/ThemeContext.cjs');
-require('../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
-require('@dynamic-labs/types');
-require('../../../../context/LoadingContext/LoadingContext.cjs');
-require('yup');
-require('../../../../context/MockContext/MockContext.cjs');
-require('../../../../views/CollectUserDataView/useFields.cjs');
-require('../../../../context/FieldsStateContext/FieldsStateContext.cjs');
-require('../../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
-require('@dynamic-labs/rpc-providers');
-require('react-i18next');
-var classNames = require('../../../../utils/functions/classNames/classNames.cjs');
-require('../../../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
-require('../../../../components/Alert/Alert.cjs');
-require('../../../../components/ShadowDOM/ShadowDOM.cjs');
-require('../../../../components/IconButton/IconButton.cjs');
-require('../../../../components/InlineWidget/InlineWidget.cjs');
-require('../../../../components/Input/Input.cjs');
-require('../../../../components/IsBrowser/IsBrowser.cjs');
-require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
-require('../../../../components/Transition/ZoomTransition/ZoomTransition.cjs');
-require('../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
-require('../../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
-require('../../../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.cjs');
-require('../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
-require('../../../../components/Popper/Popper/Popper.cjs');
-require('../../../../components/Popper/PopperContext/PopperContext.cjs');
-require('react-focus-lock');
-require('qrcode');
-require('formik');
-require('../../../../views/WalletList/WalletList.cjs');
-require('../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
-require('../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
-require('@hcaptcha/react-hcaptcha');
-require('../../../../context/FooterAnimationContext/index.cjs');
-require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
-require('../../../../context/MfaSettingsContext/MfaSettingsContext.cjs');
-require('../../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
-require('../../../../context/PasskeyContext/PasskeyContext.cjs');
-require('../DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('../../context/DynamicWidgetContext.cjs');
-require('../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
-require('../../views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
-require('../../../../../polyfills.cjs');
-require('../../../../context/ErrorBoundary/ErrorBoundaryBase.cjs');
-require('../../../../context/ErrorBoundary/ErrorBoundaryContext.cjs');
-require('../../../DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.cjs');
-require('../DynamicWidgetCard/DynamicWidgetCard.cjs');
-require('../../../../context/WidgetRegistry/WidgetRegistryContextProvider.cjs');
-require('../../../../context/FundingContext/FundingContext.cjs');
-require('../../../../context/SendBalanceContext/SendBalanceContext.cjs');
-require('../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
-require('../../../../context/ConnectWithOtpContext/constants.cjs');
-require('../../../../context/ReinitializeContext/ReinitializeContextProvider.cjs');
-
-const WalletIconWithStatus = ({ iconSize = 24, walletKey, connected, variant = 'primary', }) => (jsxRuntime.jsxs("div", { className: 'wallet-icon-with-status__container', children: [jsxRuntime.jsx(walletBook.WalletIcon, { walletKey: walletKey, style: {
-                height: pixelToRem.pixelToRem(iconSize),
-                width: pixelToRem.pixelToRem(iconSize),
-            } }, walletKey), jsxRuntime.jsx("div", { "data-testid": 'status-dot-container', className: classNames.classNames('wallet-icon-with-status__dot-container', variant === 'secondary'
-                ? 'wallet-icon-with-status__dot-container--secondary'
-                : ''), children: jsxRuntime.jsx(StatusDot.StatusDot, { variant: connected ? 'green' : 'red' }) })] }));
-
-exports.WalletIconWithStatus = WalletIconWithStatus;

package/src/lib/widgets/DynamicWidget/components/WalletIconWithStatus/WalletIconWithStatus.js

@@ -1,96 +0,0 @@
-'use client'
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { WalletIcon } from '@dynamic-labs/wallet-book';
-import { StatusDot } from '../../../../components/StatusDot/StatusDot.js';
-import '@dynamic-labs/wallet-connector-core';
-import '@dynamic-labs/sdk-api-core';
-import '../../../../utils/constants/values.js';
-import '@dynamic-labs/utils';
-import '../../../../../../_virtual/_tslib.js';
-import '@dynamic-labs/multi-wallet';
-import '../../../../shared/logger.js';
-import '@dynamic-labs/iconic';
-import '../../../../context/ViewContext/ViewContext.js';
-import 'react';
-import '../../../../utils/constants/colors.js';
-import '../../../../shared/utils/classes/storage/localStorage.js';
-import '../../../../shared/utils/classes/storage/sessionStorage.js';
-import '../../../../shared/consts/index.js';
-import 'react-international-phone';
-import '../../../../config/ApiEndpoint.js';
-import '@dynamic-labs/store';
-import '../../../../locale/locale.js';
-import { pixelToRem } from '../../../../utils/functions/pixelToRem/pixelToRem.js';
-import '../../../../events/dynamicEvents.js';
-import '../../../../context/DynamicContext/DynamicContext.js';
-import '../../../../context/CaptchaContext/CaptchaContext.js';
-import '../../../../context/ErrorContext/ErrorContext.js';
-import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
-import '../../../../context/AccountExistsContext/AccountExistsContext.js';
-import '../../../../context/UserWalletsContext/UserWalletsContext.js';
-import '../../../../context/VerificationContext/VerificationContext.js';
-import 'react-dom';
-import '../../../../context/WalletContext/WalletContext.js';
-import '../../../../context/ThemeContext/ThemeContext.js';
-import '../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
-import '@dynamic-labs/types';
-import '../../../../context/LoadingContext/LoadingContext.js';
-import 'yup';
-import '../../../../context/MockContext/MockContext.js';
-import '../../../../views/CollectUserDataView/useFields.js';
-import '../../../../context/FieldsStateContext/FieldsStateContext.js';
-import '../../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
-import '@dynamic-labs/rpc-providers';
-import 'react-i18next';
-import { classNames } from '../../../../utils/functions/classNames/classNames.js';
-import '../../../../components/Accordion/components/AccordionItem/AccordionItem.js';
-import '../../../../components/Alert/Alert.js';
-import '../../../../components/ShadowDOM/ShadowDOM.js';
-import '../../../../components/IconButton/IconButton.js';
-import '../../../../components/InlineWidget/InlineWidget.js';
-import '../../../../components/Input/Input.js';
-import '../../../../components/IsBrowser/IsBrowser.js';
-import '../../../../components/MenuList/Dropdown/Dropdown.js';
-import '../../../../components/Transition/ZoomTransition/ZoomTransition.js';
-import '../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
-import '../../../../components/Transition/OpacityTransition/OpacityTransition.js';
-import '../../../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.js';
-import '../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
-import '../../../../components/Popper/Popper/Popper.js';
-import '../../../../components/Popper/PopperContext/PopperContext.js';
-import 'react-focus-lock';
-import 'qrcode';
-import 'formik';
-import '../../../../views/WalletList/WalletList.js';
-import '../../../../context/SocialRedirectContext/SocialRedirectContext.js';
-import '../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
-import '@hcaptcha/react-hcaptcha';
-import '../../../../context/FooterAnimationContext/index.js';
-import '../../../../context/WalletGroupContext/WalletGroupContext.js';
-import '../../../../context/MfaSettingsContext/MfaSettingsContext.js';
-import '../../../../context/IpConfigurationContext/IpConfigurationContext.js';
-import '../../../../context/PasskeyContext/PasskeyContext.js';
-import '../DynamicWidgetHeader/DynamicWidgetHeader.js';
-import '../../context/DynamicWidgetContext.js';
-import '../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
-import '../../views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
-import '../../../../../polyfills.js';
-import '../../../../context/ErrorBoundary/ErrorBoundaryBase.js';
-import '../../../../context/ErrorBoundary/ErrorBoundaryContext.js';
-import '../../../DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.js';
-import '../DynamicWidgetCard/DynamicWidgetCard.js';
-import '../../../../context/WidgetRegistry/WidgetRegistryContextProvider.js';
-import '../../../../context/FundingContext/FundingContext.js';
-import '../../../../context/SendBalanceContext/SendBalanceContext.js';
-import '../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
-import '../../../../context/ConnectWithOtpContext/constants.js';
-import '../../../../context/ReinitializeContext/ReinitializeContextProvider.js';
-
-const WalletIconWithStatus = ({ iconSize = 24, walletKey, connected, variant = 'primary', }) => (jsxs("div", { className: 'wallet-icon-with-status__container', children: [jsx(WalletIcon, { walletKey: walletKey, style: {
-                height: pixelToRem(iconSize),
-                width: pixelToRem(iconSize),
-            } }, walletKey), jsx("div", { "data-testid": 'status-dot-container', className: classNames('wallet-icon-with-status__dot-container', variant === 'secondary'
-                ? 'wallet-icon-with-status__dot-container--secondary'
-                : ''), children: jsx(StatusDot, { variant: connected ? 'green' : 'red' }) })] }));
-
-export { WalletIconWithStatus };