@dynamic-labs/sdk-react-core 1.0.0-alpha.0 → 1.0.0-alpha.3

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

@@ -0,0 +1,5 @@
+import { isSameWalletName } from '../../../../functions/isSameWalletName/isSameWalletName.js';
+
+const findWallet = (account, walletOptions) => walletOptions.find((wallet) => account.walletName && isSameWalletName(wallet.name, account.walletName));
+
+export { findWallet };

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

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

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

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

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

@@ -0,0 +1,36 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
+var findWallet = require('../findWallet/findWallet.cjs');
+
+// assumes `account` input is a smart wallet (has a signerRefId) and attempts to find
+// the associated eoa account
+const findOwner = (account, verifiedCredentials) => verifiedCredentials.find((credential) => credential.id === account.signerRefId);
+const findSmartWallet = (account, verifiedCredentials) => verifiedCredentials.find((credential) => credential.signerRefId === account.id);
+const isOwnerOfASmartWallet = (account, verifiedCredentials) => Boolean(findSmartWallet(account, verifiedCredentials));
+const initializeSmartWallet = ({ account, verifiedCredentials, walletOptions, }) => {
+    const owner = findOwner(account, verifiedCredentials);
+    if (!owner) {
+        throw new Error('could not find associated eoa account for smart wallet');
+    }
+    const ownerWallet = findWallet.findWallet(owner, walletOptions);
+    if (!ownerWallet) {
+        throw new Error('could not find owner wallet from wallet options');
+    }
+    const smartWallet = findWallet.findWallet(account, walletOptions);
+    if (!smartWallet) {
+        throw new Error('could not find smart wallet from wallet options');
+    }
+    const connector = smartWallet.walletConnector;
+    if (!walletConnectorCore.isSmartWalletConnector(connector)) {
+        throw new Error('could not initialize smart wallet');
+    }
+    connector.setEoaConnector(ownerWallet.walletConnector);
+};
+
+exports.findOwner = findOwner;
+exports.findSmartWallet = findSmartWallet;
+exports.initializeSmartWallet = initializeSmartWallet;
+exports.isOwnerOfASmartWallet = isOwnerOfASmartWallet;

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

@@ -0,0 +1,10 @@
+import { JwtVerifiedCredential } from '@dynamic-labs/sdk-api';
+import { WalletOption } from '../../../../../shared';
+export declare const findOwner: (account: JwtVerifiedCredential, verifiedCredentials: JwtVerifiedCredential[]) => JwtVerifiedCredential | undefined;
+export declare const findSmartWallet: (account: JwtVerifiedCredential, verifiedCredentials: JwtVerifiedCredential[]) => JwtVerifiedCredential | undefined;
+export declare const isOwnerOfASmartWallet: (account: JwtVerifiedCredential, verifiedCredentials: JwtVerifiedCredential[]) => boolean;
+export declare const initializeSmartWallet: ({ account, verifiedCredentials, walletOptions, }: {
+    account: JwtVerifiedCredential;
+    verifiedCredentials: JwtVerifiedCredential[];
+    walletOptions: WalletOption[];
+}) => void;

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

@@ -0,0 +1,29 @@
+import { isSmartWalletConnector } from '@dynamic-labs/wallet-connector-core';
+import { findWallet } from '../findWallet/findWallet.js';
+
+// assumes `account` input is a smart wallet (has a signerRefId) and attempts to find
+// the associated eoa account
+const findOwner = (account, verifiedCredentials) => verifiedCredentials.find((credential) => credential.id === account.signerRefId);
+const findSmartWallet = (account, verifiedCredentials) => verifiedCredentials.find((credential) => credential.signerRefId === account.id);
+const isOwnerOfASmartWallet = (account, verifiedCredentials) => Boolean(findSmartWallet(account, verifiedCredentials));
+const initializeSmartWallet = ({ account, verifiedCredentials, walletOptions, }) => {
+    const owner = findOwner(account, verifiedCredentials);
+    if (!owner) {
+        throw new Error('could not find associated eoa account for smart wallet');
+    }
+    const ownerWallet = findWallet(owner, walletOptions);
+    if (!ownerWallet) {
+        throw new Error('could not find owner wallet from wallet options');
+    }
+    const smartWallet = findWallet(account, walletOptions);
+    if (!smartWallet) {
+        throw new Error('could not find smart wallet from wallet options');
+    }
+    const connector = smartWallet.walletConnector;
+    if (!isSmartWalletConnector(connector)) {
+        throw new Error('could not initialize smart wallet');
+    }
+    connector.setEoaConnector(ownerWallet.walletConnector);
+};
+
+export { findOwner, findSmartWallet, initializeSmartWallet, isOwnerOfASmartWallet };

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

@@ -11,14 +11,14 @@ require('@dynamic-labs/iconic');
 require('react/jsx-runtime');
 require('../../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
-require('@dynamic-labs/utils');
 require('../../constants/colors.cjs');
 require('../../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
+require('@dynamic-labs/utils');
 require('../../../shared/consts/index.cjs');
 var useWalletConnectorEvent = require('../useWalletConnectorEvent/useWalletConnectorEvent.cjs');
 
-const useWalletEventListeners = ({ computeConnectedStateForWallets, handleLogOut, multiWallet, multiWalletWidgetState, primaryWallet, secondaryWallets, selectedWalletConnector, selectedWalletWithAction, setSelectedWalletConnector, setSelectedWalletWithAction, setMultiWalletWidgetState, user, setPrimaryWalletId, authMode, refreshConnectedWallet, }) => {
+const useWalletEventListeners = ({ computeConnectedStateForWallets, handleLogOut, multiWallet, multiWalletWidgetState, primaryWallet, secondaryWallets, selectedWalletConnector, selectedWalletWithAction, setSelectedWalletConnectorKey, setSelectedWalletWithAction, setMultiWalletWidgetState, user, setPrimaryWalletId, authMode, refreshConnectedWallet, }) => {
     const [loadingNetwork, setLoadingNetwork] = React.useState(true);
     const [network, setNetwork] = React.useState(undefined);
     React.useEffect(() => {
@@ -74,7 +74,11 @@ const useWalletEventListeners = ({ computeConnectedStateForWallets, handleLogOut
             setMultiWalletWidgetState('idle');
         }
         else if (!multiWallet) {
-            yield handleLogOut();
+            setSelectedWalletWithAction({
+                action: 'select',
+                wallet: primaryWallet,
+            });
+            setMultiWalletWidgetState('awaiting_account_switch', 'primary_not_connected');
             return;
         }
         else if (multiWalletWidgetState === 'awaiting_account_switch') {
@@ -86,7 +90,7 @@ const useWalletEventListeners = ({ computeConnectedStateForWallets, handleLogOut
         else if (multiWalletWidgetState === 'idle' && !newWallet) {
             if (user) {
                 setMultiWalletWidgetState('detected_new_wallet');
-                setSelectedWalletConnector(primaryWallet.connector);
+                setSelectedWalletConnectorKey(primaryWallet.connector.key);
                 yield computeConnectedStateForWallets();
                 return;
             }
@@ -146,7 +150,7 @@ const useWalletEventListeners = ({ computeConnectedStateForWallets, handleLogOut
         if (!linkedSecondaryWallet) {
             setMultiWalletWidgetState('awaiting_signature', undefined, 'linking_new_wallet');
             if (isPrimaryWallet && primaryWallet) {
-                setSelectedWalletConnector(primaryWallet.connector);
+                setSelectedWalletConnectorKey(primaryWallet.connector.key);
             }
             return;
         }
@@ -158,7 +162,7 @@ const useWalletEventListeners = ({ computeConnectedStateForWallets, handleLogOut
         setMultiWalletWidgetState,
         primaryWallet,
         secondaryWallets,
-        setSelectedWalletConnector,
+        setSelectedWalletConnectorKey,
         setSelectedWalletWithAction,
         setPrimaryWalletId,
     ]);

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

@@ -2,6 +2,7 @@
 import type { WalletConnector } from '@dynamic-labs/wallet-connector-core';
 import { AuthModeType, MultiWalletWidgetState, UserProfile, Wallet, WalletWithAction } from '../../../shared';
 import { MultiWalletWidgetStateSetter } from '../multiWallet';
+import { IDynamicContext } from '../../../context/DynamicContext/types';
 export type UseWalletEventListenersArgs = {
     computeConnectedStateForWallets(): Promise<void>;
     handleLogOut(): Promise<void>;
@@ -13,13 +14,13 @@ export type UseWalletEventListenersArgs = {
     selectedWalletWithAction: WalletWithAction | null;
     setMultiWalletWidgetState: MultiWalletWidgetStateSetter;
     setPrimaryWalletId(walletId: string): void;
-    setSelectedWalletConnector(connector: WalletConnector | null): void;
+    setSelectedWalletConnectorKey: IDynamicContext['setSelectedWalletConnectorKey'];
     setSelectedWalletWithAction(walletWithAction: WalletWithAction | null): void;
     user: UserProfile | undefined;
     authMode: AuthModeType;
     refreshConnectedWallet: (walletId: string, walletConnector: WalletConnector, shouldCallCallback?: boolean) => Promise<void>;
 };
-export declare const useWalletEventListeners: ({ computeConnectedStateForWallets, handleLogOut, multiWallet, multiWalletWidgetState, primaryWallet, secondaryWallets, selectedWalletConnector, selectedWalletWithAction, setSelectedWalletConnector, setSelectedWalletWithAction, setMultiWalletWidgetState, user, setPrimaryWalletId, authMode, refreshConnectedWallet, }: UseWalletEventListenersArgs) => {
+export declare const useWalletEventListeners: ({ computeConnectedStateForWallets, handleLogOut, multiWallet, multiWalletWidgetState, primaryWallet, secondaryWallets, selectedWalletConnector, selectedWalletWithAction, setSelectedWalletConnectorKey, setSelectedWalletWithAction, setMultiWalletWidgetState, user, setPrimaryWalletId, authMode, refreshConnectedWallet, }: UseWalletEventListenersArgs) => {
     loadingNetwork: boolean;
     network: string | number | undefined;
     setNetwork: import("react").Dispatch<import("react").SetStateAction<string | number | undefined>>;

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

@@ -7,14 +7,14 @@ import '@dynamic-labs/iconic';
 import 'react/jsx-runtime';
 import '../../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
-import '@dynamic-labs/utils';
 import '../../constants/colors.js';
 import '../../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
+import '@dynamic-labs/utils';
 import '../../../shared/consts/index.js';
 import { useWalletConnectorEvent } from '../useWalletConnectorEvent/useWalletConnectorEvent.js';
 
-const useWalletEventListeners = ({ computeConnectedStateForWallets, handleLogOut, multiWallet, multiWalletWidgetState, primaryWallet, secondaryWallets, selectedWalletConnector, selectedWalletWithAction, setSelectedWalletConnector, setSelectedWalletWithAction, setMultiWalletWidgetState, user, setPrimaryWalletId, authMode, refreshConnectedWallet, }) => {
+const useWalletEventListeners = ({ computeConnectedStateForWallets, handleLogOut, multiWallet, multiWalletWidgetState, primaryWallet, secondaryWallets, selectedWalletConnector, selectedWalletWithAction, setSelectedWalletConnectorKey, setSelectedWalletWithAction, setMultiWalletWidgetState, user, setPrimaryWalletId, authMode, refreshConnectedWallet, }) => {
     const [loadingNetwork, setLoadingNetwork] = useState(true);
     const [network, setNetwork] = useState(undefined);
     useEffect(() => {
@@ -70,7 +70,11 @@ const useWalletEventListeners = ({ computeConnectedStateForWallets, handleLogOut
             setMultiWalletWidgetState('idle');
         }
         else if (!multiWallet) {
-            yield handleLogOut();
+            setSelectedWalletWithAction({
+                action: 'select',
+                wallet: primaryWallet,
+            });
+            setMultiWalletWidgetState('awaiting_account_switch', 'primary_not_connected');
             return;
         }
         else if (multiWalletWidgetState === 'awaiting_account_switch') {
@@ -82,7 +86,7 @@ const useWalletEventListeners = ({ computeConnectedStateForWallets, handleLogOut
         else if (multiWalletWidgetState === 'idle' && !newWallet) {
             if (user) {
                 setMultiWalletWidgetState('detected_new_wallet');
-                setSelectedWalletConnector(primaryWallet.connector);
+                setSelectedWalletConnectorKey(primaryWallet.connector.key);
                 yield computeConnectedStateForWallets();
                 return;
             }
@@ -142,7 +146,7 @@ const useWalletEventListeners = ({ computeConnectedStateForWallets, handleLogOut
         if (!linkedSecondaryWallet) {
             setMultiWalletWidgetState('awaiting_signature', undefined, 'linking_new_wallet');
             if (isPrimaryWallet && primaryWallet) {
-                setSelectedWalletConnector(primaryWallet.connector);
+                setSelectedWalletConnectorKey(primaryWallet.connector.key);
             }
             return;
         }
@@ -154,7 +158,7 @@ const useWalletEventListeners = ({ computeConnectedStateForWallets, handleLogOut
         setMultiWalletWidgetState,
         primaryWallet,
         secondaryWallets,
-        setSelectedWalletConnector,
+        setSelectedWalletConnectorKey,
         setSelectedWalletWithAction,
         setPrimaryWalletId,
     ]);

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

@@ -23,14 +23,15 @@ require('@dynamic-labs/multi-wallet');
 var requiresTwoStepAuthentication = require('../../functions/requiresTwoStepAuthentication/requiresTwoStepAuthentication.cjs');
 var isSelectedWalletAlreadyConnected = require('../../functions/isSelectedWalletAlreadyConnected/isSelectedWalletAlreadyConnected.cjs');
 var useConnectAndSign = require('../authenticationHooks/useConnectAndSign/useConnectAndSign.cjs');
-require('../../../config/ApiEndpoint.cjs');
 require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
+require('../../../config/ApiEndpoint.cjs');
+require('../../../context/CaptchaContext/CaptchaContext.cjs');
 var useConnectAndSignSplitSteps = require('../authenticationHooks/useConnectAndSignSplitSteps/useConnectAndSignSplitSteps.cjs');
 require('../../../context/EmailVerificationContext/EmailVerificationContext.cjs');
 
 const useWalletItemActions = () => {
-    const { setMultiWalletWidgetState, setShowAuthFlow, setSelectedWalletConnector, wallets, setQrcodeUri, setDesktopUri, user, linkedWallets, setLegacyIsVerifying, } = useInternalDynamicContext.useInternalDynamicContext();
+    const { setMultiWalletWidgetState, setShowAuthFlow, setSelectedWalletConnectorKey, wallets, setQrcodeUri, setDesktopUri, user, linkedWallets, setLegacyIsVerifying, } = useInternalDynamicContext.useInternalDynamicContext();
     const { mockedSDK } = MockContext.useMockContext();
     const { setError } = ErrorContext.useErrorContext();
     const { setView } = ViewContext.useViewContext();
@@ -39,27 +40,27 @@ const useWalletItemActions = () => {
     const handleCustodialWalletClick = (walletConnector) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         const twoStepAuthentication = requiresTwoStepAuthentication.requiresTwoStepAuthentication(walletConnector);
         if (twoStepAuthentication) {
-            setSelectedWalletConnector(walletConnector);
+            setSelectedWalletConnectorKey(walletConnector.key);
             yield onlyConnectUser({
                 walletConnector,
             });
         }
         else {
-            setSelectedWalletConnector(walletConnector);
+            setSelectedWalletConnectorKey(walletConnector.key);
             setMultiWalletWidgetState('awaiting_signature', undefined, 'linking_new_wallet');
         }
         setView('pending-signature');
     });
     const handleMobileWalletClick = (walletConnector) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        setSelectedWalletConnector(walletConnector);
+        setSelectedWalletConnectorKey(walletConnector.key);
         onlyConnectUser({ walletConnector });
     });
     const handleInstalledExtensionClick = (walletConnector) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        setSelectedWalletConnector(walletConnector);
+        setSelectedWalletConnectorKey(walletConnector.key);
         setMultiWalletWidgetState('awaiting_signature', undefined, 'linking_new_wallet');
     });
     const handleUninstalledClick = (walletConnector) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        setSelectedWalletConnector(walletConnector);
+        setSelectedWalletConnectorKey(walletConnector.key);
         if (!walletConnector.canConnectViaQrCode) {
             setView('no-qr-not-installed');
         }
@@ -89,7 +90,7 @@ const useWalletItemActions = () => {
             setMultiWalletWidgetState('awaiting_signature', undefined, 'linking_new_wallet');
         }
         setShowAuthFlow(false);
-        setSelectedWalletConnector(walletConnector);
+        setSelectedWalletConnectorKey(walletConnector.key);
     });
     const openWallet = (walletKey, handlers) => {
         const { openMobileWallet = handleMobileWalletClick, openCustodialWallet = handleCustodialWalletClick, openExtensionWallet = handleInstalledExtensionClick, } = handlers || {};

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

@@ -19,14 +19,15 @@ import '@dynamic-labs/multi-wallet';
 import { requiresTwoStepAuthentication } from '../../functions/requiresTwoStepAuthentication/requiresTwoStepAuthentication.js';
 import { isSelectedWalletAlreadyConnected } from '../../functions/isSelectedWalletAlreadyConnected/isSelectedWalletAlreadyConnected.js';
 import { useConnectAndSign } from '../authenticationHooks/useConnectAndSign/useConnectAndSign.js';
-import '../../../config/ApiEndpoint.js';
 import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../context/AccountExistsContext/AccountExistsContext.js';
+import '../../../config/ApiEndpoint.js';
+import '../../../context/CaptchaContext/CaptchaContext.js';
 import { useConnectAndSignSplitSteps } from '../authenticationHooks/useConnectAndSignSplitSteps/useConnectAndSignSplitSteps.js';
 import '../../../context/EmailVerificationContext/EmailVerificationContext.js';
 
 const useWalletItemActions = () => {
-    const { setMultiWalletWidgetState, setShowAuthFlow, setSelectedWalletConnector, wallets, setQrcodeUri, setDesktopUri, user, linkedWallets, setLegacyIsVerifying, } = useInternalDynamicContext();
+    const { setMultiWalletWidgetState, setShowAuthFlow, setSelectedWalletConnectorKey, wallets, setQrcodeUri, setDesktopUri, user, linkedWallets, setLegacyIsVerifying, } = useInternalDynamicContext();
     const { mockedSDK } = useMockContext();
     const { setError } = useErrorContext();
     const { setView } = useViewContext();
@@ -35,27 +36,27 @@ const useWalletItemActions = () => {
     const handleCustodialWalletClick = (walletConnector) => __awaiter(void 0, void 0, void 0, function* () {
         const twoStepAuthentication = requiresTwoStepAuthentication(walletConnector);
         if (twoStepAuthentication) {
-            setSelectedWalletConnector(walletConnector);
+            setSelectedWalletConnectorKey(walletConnector.key);
             yield onlyConnectUser({
                 walletConnector,
             });
         }
         else {
-            setSelectedWalletConnector(walletConnector);
+            setSelectedWalletConnectorKey(walletConnector.key);
             setMultiWalletWidgetState('awaiting_signature', undefined, 'linking_new_wallet');
         }
         setView('pending-signature');
     });
     const handleMobileWalletClick = (walletConnector) => __awaiter(void 0, void 0, void 0, function* () {
-        setSelectedWalletConnector(walletConnector);
+        setSelectedWalletConnectorKey(walletConnector.key);
         onlyConnectUser({ walletConnector });
     });
     const handleInstalledExtensionClick = (walletConnector) => __awaiter(void 0, void 0, void 0, function* () {
-        setSelectedWalletConnector(walletConnector);
+        setSelectedWalletConnectorKey(walletConnector.key);
         setMultiWalletWidgetState('awaiting_signature', undefined, 'linking_new_wallet');
     });
     const handleUninstalledClick = (walletConnector) => __awaiter(void 0, void 0, void 0, function* () {
-        setSelectedWalletConnector(walletConnector);
+        setSelectedWalletConnectorKey(walletConnector.key);
         if (!walletConnector.canConnectViaQrCode) {
             setView('no-qr-not-installed');
         }
@@ -85,7 +86,7 @@ const useWalletItemActions = () => {
             setMultiWalletWidgetState('awaiting_signature', undefined, 'linking_new_wallet');
         }
         setShowAuthFlow(false);
-        setSelectedWalletConnector(walletConnector);
+        setSelectedWalletConnectorKey(walletConnector.key);
     });
     const openWallet = (walletKey, handlers) => {
         const { openMobileWallet = handleMobileWalletClick, openCustodialWallet = handleCustodialWalletClick, openExtensionWallet = handleInstalledExtensionClick, } = handlers || {};

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

@@ -6,47 +6,47 @@ var _tslib = require('../../../../../_virtual/_tslib.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var reactI18next = require('react-i18next');
+require('@dynamic-labs/utils');
 require('@dynamic-labs/sdk-api');
+require('../../../config/ApiEndpoint.cjs');
 require('../../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
 require('../../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
-require('@dynamic-labs/utils');
 require('../../constants/colors.cjs');
 require('../../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
 require('../../../shared/consts/index.cjs');
-require('../../../context/DynamicContext/DynamicContext.cjs');
 require('@dynamic-labs/multi-wallet');
-require('../../../components/ShadowDOM/ShadowDOM.cjs');
-require('../../../context/ThemeContext/ThemeContext.cjs');
-require('react-dom');
-require('react-focus-lock');
-require('../../../components/Transition/ZoomTransition/ZoomTransition.cjs');
-require('../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
-require('../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
-require('../../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
-require('../../../context/ErrorContext/ErrorContext.cjs');
 require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
+require('../../../context/DynamicContext/DynamicContext.cjs');
+require('../../../context/ErrorContext/ErrorContext.cjs');
 var useConfirmationModal = require('../useConfirmationModal/useConfirmationModal.cjs');
 require('../../../context/MockContext/MockContext.cjs');
 require('../../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../../context/EmailVerificationContext/EmailVerificationContext.cjs');
+require('../../../context/ThemeContext/ThemeContext.cjs');
 require('@dynamic-labs/types');
 require('../useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('yup');
-require('../../../components/IconButton/IconButton.cjs');
 require('../../../components/Alert/Alert.cjs');
+require('react-dom');
+require('../../../components/ShadowDOM/ShadowDOM.cjs');
+require('../../../components/IconButton/IconButton.cjs');
+require('../../../components/InlineWidget/InlineWidget.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/Popper/Popper/Popper.cjs');
 require('../../../components/Popper/PopperContext/PopperContext.cjs');
+require('react-focus-lock');
 require('formik');
-require('../../../components/InlineWidget/InlineWidget.cjs');
-require('../../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../../components/OverlayCard/OverlayCard.context.cjs');
 require('../../../context/FooterAnimationContext/index.cjs');
 require('../../../context/QrCodeContext/QrCodeContext.cjs');
@@ -54,8 +54,10 @@ require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('qrcode');
 require('../../../context/LoadingContext/LoadingContext.cjs');
+require('i18next');
 require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
+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

@@ -2,47 +2,47 @@ import { __awaiter } from '../../../../../_virtual/_tslib.js';
 import { jsx } from 'react/jsx-runtime';
 import { useRef, useCallback, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
+import '@dynamic-labs/utils';
 import '@dynamic-labs/sdk-api';
+import '../../../config/ApiEndpoint.js';
 import '../../../shared/logger.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import '../../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
-import '@dynamic-labs/utils';
 import '../../constants/colors.js';
 import '../../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
 import '../../../shared/consts/index.js';
-import '../../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/multi-wallet';
-import '../../../components/ShadowDOM/ShadowDOM.js';
-import '../../../context/ThemeContext/ThemeContext.js';
-import 'react-dom';
-import 'react-focus-lock';
-import '../../../components/Transition/ZoomTransition/ZoomTransition.js';
-import '../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
-import '../../../components/Transition/OpacityTransition/OpacityTransition.js';
-import '../../../config/ApiEndpoint.js';
 import '@dynamic-labs/rpc-providers';
 import '../useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
-import '../../../context/ErrorContext/ErrorContext.js';
 import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../context/AccountExistsContext/AccountExistsContext.js';
+import '../../../context/DynamicContext/DynamicContext.js';
+import '../../../context/ErrorContext/ErrorContext.js';
 import { useConfirmationModal } from '../useConfirmationModal/useConfirmationModal.js';
 import '../../../context/MockContext/MockContext.js';
 import '../../../context/CaptchaContext/CaptchaContext.js';
 import '../../../context/EmailVerificationContext/EmailVerificationContext.js';
+import '../../../context/ThemeContext/ThemeContext.js';
 import '@dynamic-labs/types';
 import '../useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import 'yup';
-import '../../../components/IconButton/IconButton.js';
 import '../../../components/Alert/Alert.js';
+import 'react-dom';
+import '../../../components/ShadowDOM/ShadowDOM.js';
+import '../../../components/IconButton/IconButton.js';
+import '../../../components/InlineWidget/InlineWidget.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/Popper/Popper/Popper.js';
 import '../../../components/Popper/PopperContext/PopperContext.js';
+import 'react-focus-lock';
 import 'formik';
-import '../../../components/InlineWidget/InlineWidget.js';
-import '../../../components/MenuList/Dropdown/Dropdown.js';
 import '../../../components/OverlayCard/OverlayCard.context.js';
 import '../../../context/FooterAnimationContext/index.js';
 import '../../../context/QrCodeContext/QrCodeContext.js';
@@ -50,8 +50,10 @@ import '../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import 'qrcode';
 import '../../../context/LoadingContext/LoadingContext.js';
+import 'i18next';
 import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
+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/utils/hooks/useWallets/useWallets.cjs

@@ -33,7 +33,6 @@ const useWallets = ({ projectSettings, appLogoUrl, appName, deepLinkPreference,
     }, [
         appLogoUrl,
         appName,
-        networkConfigurations,
         projectSettings,
         walletConnectorsProp,
         walletConnectV1Bridge,

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

@@ -29,7 +29,6 @@ const useWallets = ({ projectSettings, appLogoUrl, appName, deepLinkPreference,
     }, [
         appLogoUrl,
         appName,
-        networkConfigurations,
         projectSettings,
         walletConnectorsProp,
         walletConnectV1Bridge,

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

@@ -5,16 +5,16 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _tslib = require('../../../../../_virtual/_tslib.cjs');
 var React = require('react');
 require('@dynamic-labs/sdk-api');
-require('../../../shared/logger.cjs');
+var logger = require('../../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
 require('react/jsx-runtime');
 require('../../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
-require('@dynamic-labs/utils');
 require('../../constants/colors.cjs');
 require('../../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
+require('@dynamic-labs/utils');
 require('../../../shared/consts/index.cjs');
 require('@dynamic-labs/multi-wallet');
 var isWalletConnected = require('../../functions/isWalletConnected/isWalletConnected.cjs');
@@ -31,7 +31,19 @@ const useWalletsConnectionState = (linkedWallets) => {
         connectedWalletsMap: {},
         didLoad: false,
     });
+    const lastCallTimestamp = React.useRef(0);
     const computeConnectedStateForWallets = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        if (!linkedWallets.length)
+            return;
+        const callTimestamp = new Date().getTime();
+        const diffFromLastCall = callTimestamp - lastCallTimestamp.current;
+        lastCallTimestamp.current = callTimestamp;
+        // getConnectedAccounts trigger accountChanged event for Phantom EVM wallets
+        // which causes a loop of calls to this function
+        if (diffFromLastCall < 1000) {
+            logger.logger.warn('computeConnectedStateForWallets: skipping due too many calls.');
+            return;
+        }
         const connectedWalletsMap = {};
         yield Promise.all(linkedWallets.map((wallet) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
             connectedWalletsMap[wallet.id] = yield isWalletConnected.isWalletConnected(wallet);

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

@@ -1,16 +1,16 @@
 import { __awaiter } from '../../../../../_virtual/_tslib.js';
-import { useReducer, useCallback } from 'react';
+import { useReducer, useRef, useCallback } from 'react';
 import '@dynamic-labs/sdk-api';
-import '../../../shared/logger.js';
+import { logger } from '../../../shared/logger.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import 'react/jsx-runtime';
 import '../../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
-import '@dynamic-labs/utils';
 import '../../constants/colors.js';
 import '../../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
+import '@dynamic-labs/utils';
 import '../../../shared/consts/index.js';
 import '@dynamic-labs/multi-wallet';
 import { isWalletConnected } from '../../functions/isWalletConnected/isWalletConnected.js';
@@ -27,7 +27,19 @@ const useWalletsConnectionState = (linkedWallets) => {
         connectedWalletsMap: {},
         didLoad: false,
     });
+    const lastCallTimestamp = useRef(0);
     const computeConnectedStateForWallets = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
+        if (!linkedWallets.length)
+            return;
+        const callTimestamp = new Date().getTime();
+        const diffFromLastCall = callTimestamp - lastCallTimestamp.current;
+        lastCallTimestamp.current = callTimestamp;
+        // getConnectedAccounts trigger accountChanged event for Phantom EVM wallets
+        // which causes a loop of calls to this function
+        if (diffFromLastCall < 1000) {
+            logger.warn('computeConnectedStateForWallets: skipping due too many calls.');
+            return;
+        }
         const connectedWalletsMap = {};
         yield Promise.all(linkedWallets.map((wallet) => __awaiter(void 0, void 0, void 0, function* () {
             connectedWalletsMap[wallet.id] = yield isWalletConnected(wallet);