@dynamic-labs/sdk-react-core 0.18.0-RC.11 → 0.18.0-RC.13

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

@@ -4,12 +4,16 @@ import { isWalletLinked } from '../../../functions/isWalletLinked/isWalletLinked
 import { useViewContext } from '../../../../context/ViewContext/ViewContext.js';
 import { useInternalDynamicContext } from '../../../../context/DynamicContext/useInternalDynamicContext.js';
 
-const useSyncPrimaryWallet = ({ computeConnectedStateForWallets, handleLogOut, multiWalletWidgetState, primaryWallet, secondaryWallets, setMultiWalletWidgetState, setPrimaryWallet, setShowWidgetStatePopup, showWidgetStatePopup, canSync = true, }) => {
+const useSyncPrimaryWallet = ({ computeConnectedStateForWallets, connectWalletByAddressAndChain, handleLogOut, multiWalletWidgetState, primaryWallet, secondaryWallets, setMultiWalletWidgetState, setPrimaryWallet, setShowWidgetStatePopup, showWidgetStatePopup, canSync = true, authMode, }) => {
     const { setShowAuthFlow } = useInternalDynamicContext();
     const { setView } = useViewContext();
     const handlePrimaryWalletNotActive = useCallback((connectedAddress) => {
         if (!primaryWallet)
             return;
+        if (authMode === 'connect-only') {
+            connectWalletByAddressAndChain(primaryWallet.connector.name, connectedAddress, primaryWallet.chain);
+            return;
+        }
         const connectedWalletIsLinked = isWalletLinked(connectedAddress, [
             primaryWallet,
             ...secondaryWallets,
@@ -44,12 +48,14 @@ const useSyncPrimaryWallet = ({ computeConnectedStateForWallets, handleLogOut, m
         setMultiWalletWidgetState('awaiting_account_switch', 'primary_not_connected');
     }, [
         primaryWallet,
+        authMode,
         secondaryWallets,
         showWidgetStatePopup,
-        setShowWidgetStatePopup,
         setMultiWalletWidgetState,
+        connectWalletByAddressAndChain,
         setPrimaryWallet,
         computeConnectedStateForWallets,
+        setShowWidgetStatePopup,
     ]);
     useEffect(() => {
         if (!canSync)
@@ -91,6 +97,7 @@ const useSyncPrimaryWallet = ({ computeConnectedStateForWallets, handleLogOut, m
         canSync,
         setView,
         setShowAuthFlow,
+        authMode,
     ]);
 };
 

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

@@ -11,7 +11,7 @@ var getDynamicLayoutData = require('../../functions/getDynamicLayoutData/getDyna
 
 const useAuthLayoutChecks = (walletConnector) => {
     const { view } = ViewContext.useViewContext();
-    const { user, privacyPolicyUrl, termsOfServiceUrl, isBridgeFlow } = useInternalDynamicContext.useInternalDynamicContext();
+    const { user, customPrivacyPolicy, customTermsOfServices, privacyPolicyUrl, termsOfServiceUrl, isBridgeFlow, } = useInternalDynamicContext.useInternalDynamicContext();
     const { showQrCodeMessage, showQrCodeImage } = QrCodeContext.useQrCodeContext();
     const { mockedSDK } = MockContext.useMockContext();
     const { helpHeaderData } = getDynamicLayoutData.getDynamicLayoutData({ view });
@@ -53,8 +53,10 @@ const useAuthLayoutChecks = (walletConnector) => {
             view === 'wallet-connect-mobile-wallets-list' ||
             // Don't show empty footer on login-with-email-or-wallet-full-wallet-list
             (view === 'login-with-email-or-wallet' &&
-                termsOfServiceUrl &&
-                privacyPolicyUrl) ||
+                (termsOfServiceUrl ||
+                    privacyPolicyUrl ||
+                    customPrivacyPolicy ||
+                    customTermsOfServices)) ||
             view === 'login-with-email-or-wallet-full-wallet-list'));
     const showCloseButton = view !== 'login-with-email-or-wallet-full-wallet-list' &&
         view !== 'login-with-email-verification';

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

@@ -7,7 +7,7 @@ import { getDynamicLayoutData } from '../../functions/getDynamicLayoutData/getDy
 
 const useAuthLayoutChecks = (walletConnector) => {
     const { view } = useViewContext();
-    const { user, privacyPolicyUrl, termsOfServiceUrl, isBridgeFlow } = useInternalDynamicContext();
+    const { user, customPrivacyPolicy, customTermsOfServices, privacyPolicyUrl, termsOfServiceUrl, isBridgeFlow, } = useInternalDynamicContext();
     const { showQrCodeMessage, showQrCodeImage } = useQrCodeContext();
     const { mockedSDK } = useMockContext();
     const { helpHeaderData } = getDynamicLayoutData({ view });
@@ -49,8 +49,10 @@ const useAuthLayoutChecks = (walletConnector) => {
             view === 'wallet-connect-mobile-wallets-list' ||
             // Don't show empty footer on login-with-email-or-wallet-full-wallet-list
             (view === 'login-with-email-or-wallet' &&
-                termsOfServiceUrl &&
-                privacyPolicyUrl) ||
+                (termsOfServiceUrl ||
+                    privacyPolicyUrl ||
+                    customPrivacyPolicy ||
+                    customTermsOfServices)) ||
             view === 'login-with-email-or-wallet-full-wallet-list'));
     const showCloseButton = view !== 'login-with-email-or-wallet-full-wallet-list' &&
         view !== 'login-with-email-verification';

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

@@ -25,7 +25,6 @@ var shouldManuallyReconnectOnRefresh = require('../../functions/shouldManuallyRe
 
 const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingOnConnectOnly, environmentId, primaryWalletId, setPrimaryWalletId, wallets, }) => {
     const [connectedWalletsInfo, setConnectedWalletsInfo, removeConnectedWalletsInfo,] = useLocalStorage.useLocalStorage(localStorage.CONNECTED_WALLETS_INFO, []);
-    const [connectedWallet, setConnectedWallet] = React.useState(null);
     const getNextIdAvailable = React.useCallback((currentWallets) => {
         const existingIds = currentWallets.map(({ id }) => id);
         const sortedIds = existingIds
@@ -53,19 +52,23 @@ const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingO
         };
     })
         .filter((wc) => wc !== null), [connectedWalletsInfo, wallets]);
+    const connectedWallet = connectedWallets[0] || null;
     const setConnectedStates = React.useCallback((walletConnector, address, chain) => {
-        setConnectedWallet({
-            address,
-            chain,
-            connected: true,
-            connector: walletConnector,
-            id: 'connect-only-wallet',
-        });
         setConnectedWalletsInfo((currentWallets) => {
+            const existingWalletIndex = currentWallets.findIndex((currentWallet) => currentWallet.name === walletConnector.name);
             const exists = currentWallets.some((currentWallet) => currentWallet.walletPublicKey === address);
+            // this is done, to make sure we're not adding two wallets with the same address to the array
             if (exists) {
                 return currentWallets;
             }
+            // when calling this function with a new wallet that has the same wallet connector as
+            // an existing one in the array, we intend to replace the existing wallet with the new one.
+            if (existingWalletIndex !== -1) {
+                const updatedWallets = [...currentWallets];
+                updatedWallets[existingWalletIndex] = Object.assign(Object.assign({}, updatedWallets[existingWalletIndex]), { chain, provider: getWalletProvider.getWalletProvider(walletConnector), walletPublicKey: address });
+                return updatedWallets;
+            }
+            // otherwise, add new wallet to connectedWalletsInfo array
             return [
                 ...currentWallets,
                 {
@@ -91,28 +94,13 @@ const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingO
                 setConnectedStates(walletConnector, address, chain);
             }
             else {
-                setConnectedWallet(null);
+                removeConnectedWalletsInfo();
             }
         }
         else {
-            setConnectedWallet(null);
-        }
-    }), [setConnectedStates, wallets]);
-    React.useEffect(() => {
-        const shouldUpdateConnectedWalletsState = authMode === 'connect-only' && connectedWalletsInfo.length;
-        if (shouldUpdateConnectedWalletsState) {
-            connectedWalletsInfo.forEach(({ name, walletPublicKey, chain }) => {
-                if (chain) {
-                    connectWalletByAddressAndChain(name, walletPublicKey, chain);
-                }
-            });
+            removeConnectedWalletsInfo();
         }
-    }, [
-        authMode,
-        connectWalletByAddressAndChain,
-        connectedWallets.length,
-        connectedWalletsInfo,
-    ]);
+    }), [removeConnectedWalletsInfo, setConnectedStates, wallets]);
     const shouldSkipCreatingVisit = React.useMemo(() => (authMode === 'connect-only' && !enableVisitTrackingOnConnectOnly) ||
         connectedWallet, [authMode, connectedWallet, enableVisitTrackingOnConnectOnly]);
     const connectWallet = (walletConnector, fetchPublicAddressOpts) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
@@ -161,7 +149,6 @@ const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingO
         connectedWalletsInfo,
         getConnectedWalletById,
         removeConnectedWalletsInfo,
-        setConnectedWallet,
         unlinkConnectedWallet,
     };
 };

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Chain, FetchPublicAddressOpts, WalletConnector } from '@dynamic-labs/wallet-connector-core';
 import { AuthModeType, Wallet, WalletOption } from '../../../shared';
 export type ConnectedWalletConnectorType = {
@@ -20,12 +19,11 @@ type Props = {
 export declare const useConnectWallet: ({ authMode, clearPrimaryWalletId, enableVisitTrackingOnConnectOnly, environmentId, primaryWalletId, setPrimaryWalletId, wallets, }: Props) => {
     connectWallet: (walletConnector: WalletConnector, fetchPublicAddressOpts?: FetchPublicAddressOpts) => Promise<string>;
     connectWalletByAddressAndChain: (name: string, address: string, chain: Chain) => Promise<void>;
-    connectedWallet: Wallet | null;
+    connectedWallet: Wallet;
     connectedWallets: Wallet[];
     connectedWalletsInfo: [] | ConnectedWalletConnectorType[];
     getConnectedWalletById: (walletId: string) => Wallet | undefined;
     removeConnectedWalletsInfo: () => void;
-    setConnectedWallet: import("react").Dispatch<import("react").SetStateAction<Wallet | null>>;
     unlinkConnectedWallet: (walletId: string) => void;
 };
 export {};

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

@@ -1,5 +1,5 @@
 import { __awaiter } from '../../../../../_virtual/_tslib.js';
-import { useState, useCallback, useMemo, useEffect } from 'react';
+import { useCallback, useMemo } from 'react';
 import { getWalletConnectorByName, isSameAddress } from '@dynamic-labs/wallet-connector-core';
 import '@dynamic-labs/sdk-api';
 import '../../../shared/logger.js';
@@ -21,7 +21,6 @@ import { shouldManuallyReconnectOnRefresh } from '../../functions/shouldManually
 
 const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingOnConnectOnly, environmentId, primaryWalletId, setPrimaryWalletId, wallets, }) => {
     const [connectedWalletsInfo, setConnectedWalletsInfo, removeConnectedWalletsInfo,] = useLocalStorage(CONNECTED_WALLETS_INFO, []);
-    const [connectedWallet, setConnectedWallet] = useState(null);
     const getNextIdAvailable = useCallback((currentWallets) => {
         const existingIds = currentWallets.map(({ id }) => id);
         const sortedIds = existingIds
@@ -49,19 +48,23 @@ const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingO
         };
     })
         .filter((wc) => wc !== null), [connectedWalletsInfo, wallets]);
+    const connectedWallet = connectedWallets[0] || null;
     const setConnectedStates = useCallback((walletConnector, address, chain) => {
-        setConnectedWallet({
-            address,
-            chain,
-            connected: true,
-            connector: walletConnector,
-            id: 'connect-only-wallet',
-        });
         setConnectedWalletsInfo((currentWallets) => {
+            const existingWalletIndex = currentWallets.findIndex((currentWallet) => currentWallet.name === walletConnector.name);
             const exists = currentWallets.some((currentWallet) => currentWallet.walletPublicKey === address);
+            // this is done, to make sure we're not adding two wallets with the same address to the array
             if (exists) {
                 return currentWallets;
             }
+            // when calling this function with a new wallet that has the same wallet connector as
+            // an existing one in the array, we intend to replace the existing wallet with the new one.
+            if (existingWalletIndex !== -1) {
+                const updatedWallets = [...currentWallets];
+                updatedWallets[existingWalletIndex] = Object.assign(Object.assign({}, updatedWallets[existingWalletIndex]), { chain, provider: getWalletProvider(walletConnector), walletPublicKey: address });
+                return updatedWallets;
+            }
+            // otherwise, add new wallet to connectedWalletsInfo array
             return [
                 ...currentWallets,
                 {
@@ -87,28 +90,13 @@ const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingO
                 setConnectedStates(walletConnector, address, chain);
             }
             else {
-                setConnectedWallet(null);
+                removeConnectedWalletsInfo();
             }
         }
         else {
-            setConnectedWallet(null);
-        }
-    }), [setConnectedStates, wallets]);
-    useEffect(() => {
-        const shouldUpdateConnectedWalletsState = authMode === 'connect-only' && connectedWalletsInfo.length;
-        if (shouldUpdateConnectedWalletsState) {
-            connectedWalletsInfo.forEach(({ name, walletPublicKey, chain }) => {
-                if (chain) {
-                    connectWalletByAddressAndChain(name, walletPublicKey, chain);
-                }
-            });
+            removeConnectedWalletsInfo();
         }
-    }, [
-        authMode,
-        connectWalletByAddressAndChain,
-        connectedWallets.length,
-        connectedWalletsInfo,
-    ]);
+    }), [removeConnectedWalletsInfo, setConnectedStates, wallets]);
     const shouldSkipCreatingVisit = useMemo(() => (authMode === 'connect-only' && !enableVisitTrackingOnConnectOnly) ||
         connectedWallet, [authMode, connectedWallet, enableVisitTrackingOnConnectOnly]);
     const connectWallet = (walletConnector, fetchPublicAddressOpts) => __awaiter(void 0, void 0, void 0, function* () {
@@ -157,7 +145,6 @@ const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingO
         connectedWalletsInfo,
         getConnectedWalletById,
         removeConnectedWalletsInfo,
-        setConnectedWallet,
         unlinkConnectedWallet,
     };
 };

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

@@ -0,0 +1 @@
+export { useConnectWithEmail } from './useConnectWithEmail';

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

@@ -20,9 +20,8 @@ var ErrorContext = require('../../../context/ErrorContext/ErrorContext.cjs');
 
 const useConnectWithEmail = ({ emailWalletConnector, handleConnect, }) => {
     const { error } = ErrorContext.useErrorContext();
-    const [email, setEmail] = React.useState('');
     const [loading, setLoading] = React.useState(false);
-    const connectWithEmail = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+    const connectWithEmail = (email) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         if (!email || !emailWalletConnector || loading)
             return;
         setLoading(true);
@@ -42,9 +41,7 @@ const useConnectWithEmail = ({ emailWalletConnector, handleConnect, }) => {
     }, [error, loading]);
     return {
         connectWithEmail,
-        email,
         loading,
-        setEmail,
     };
 };
 

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

@@ -1,13 +1,10 @@
-/// <reference types="react" />
 import { IEmailWalletConnector, WalletConnector } from '@dynamic-labs/wallet-connector-core';
 type ConnectWithEmailProps = {
     emailWalletConnector: IEmailWalletConnector | undefined;
     handleConnect: (walletConnector: WalletConnector) => Promise<void>;
 };
 export declare const useConnectWithEmail: ({ emailWalletConnector, handleConnect, }: ConnectWithEmailProps) => {
-    connectWithEmail: () => Promise<void>;
-    email: string;
+    connectWithEmail: (email: string) => Promise<void>;
     loading: boolean;
-    setEmail: import("react").Dispatch<import("react").SetStateAction<string>>;
 };
 export {};

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

@@ -16,9 +16,8 @@ import { useErrorContext } from '../../../context/ErrorContext/ErrorContext.js';
 
 const useConnectWithEmail = ({ emailWalletConnector, handleConnect, }) => {
     const { error } = useErrorContext();
-    const [email, setEmail] = useState('');
     const [loading, setLoading] = useState(false);
-    const connectWithEmail = () => __awaiter(void 0, void 0, void 0, function* () {
+    const connectWithEmail = (email) => __awaiter(void 0, void 0, void 0, function* () {
         if (!email || !emailWalletConnector || loading)
             return;
         setLoading(true);
@@ -38,9 +37,7 @@ const useConnectWithEmail = ({ emailWalletConnector, handleConnect, }) => {
     }, [error, loading]);
     return {
         connectWithEmail,
-        email,
         loading,
-        setEmail,
     };
 };
 

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

@@ -0,0 +1 @@
+export { useEmailProvider } from './useEmailProvider';

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

@@ -0,0 +1,54 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../../../../_virtual/_tslib.cjs');
+var sdkApi = require('@dynamic-labs/sdk-api');
+var useInternalDynamicContext = require('../../../context/DynamicContext/useInternalDynamicContext.cjs');
+var EmailVerificationContext = require('../../../context/EmailVerificationContext/EmailVerificationContext.cjs');
+var ViewContext = require('../../../context/ViewContext/ViewContext.cjs');
+var useWalletItemActions = require('../useWalletItemActions/useWalletItemActions.cjs');
+var useConnectWithEmail = require('../useConnectWithEmail/useConnectWithEmail.cjs');
+var api = require('../../../data/api.cjs');
+
+const useEmailProvider = ({ emailWalletConnector }) => {
+    const { projectSettings, environmentId } = useInternalDynamicContext.useInternalDynamicContext();
+    const { setEmail: setEmailForVerification, setVerificationUUID } = EmailVerificationContext.useEmailVerificationContext();
+    const { setView } = ViewContext.useViewContext();
+    const { handleInstalledExtensionClick } = useWalletItemActions.useWalletItemActions();
+    const { connectWithEmail, loading: isEmailProviderLoading } = useConnectWithEmail.useConnectWithEmail({
+        emailWalletConnector,
+        handleConnect: handleInstalledExtensionClick,
+    });
+    const { providers } = projectSettings || {};
+    const isInjectedWalletProviderEnabled = emailWalletConnector !== undefined;
+    const isMagicOrBloctoEnabled = isInjectedWalletProviderEnabled &&
+        Boolean(providers === null || providers === void 0 ? void 0 : providers.filter((provider) => provider.provider === sdkApi.ProviderEnum.MagicLink ||
+            provider.provider === sdkApi.ProviderEnum.Blocto).length);
+    const handleEmailOnlyLoginSubmit = (emailInput) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        const { email, verificationUUID } = yield api.createEmailVerification({
+            email: emailInput,
+            environmentId,
+        });
+        setView('login-with-email-verification');
+        setEmailForVerification(email);
+        setVerificationUUID(verificationUUID);
+    });
+    const handleMagicLinkOrBloctoSubmit = (emailInput) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        yield connectWithEmail(emailInput);
+    });
+    const submitEmail = (emailInput) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        if (isMagicOrBloctoEnabled) {
+            yield handleMagicLinkOrBloctoSubmit(emailInput);
+            return;
+        }
+        yield handleEmailOnlyLoginSubmit(emailInput);
+    });
+    return {
+        handleEmailOnlyLoginSubmit,
+        isEmailProviderLoading,
+        submitEmail,
+    };
+};
+
+exports.useEmailProvider = useEmailProvider;

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

@@ -0,0 +1,10 @@
+import { IEmailWalletConnector } from '@dynamic-labs/wallet-connector-core';
+type Props = {
+    emailWalletConnector: IEmailWalletConnector | undefined;
+};
+export declare const useEmailProvider: ({ emailWalletConnector }: Props) => {
+    handleEmailOnlyLoginSubmit: (emailInput: string) => Promise<void>;
+    isEmailProviderLoading: boolean;
+    submitEmail: (emailInput: string) => Promise<void>;
+};
+export {};

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

@@ -0,0 +1,50 @@
+import { __awaiter } from '../../../../../_virtual/_tslib.js';
+import { ProviderEnum } from '@dynamic-labs/sdk-api';
+import { useInternalDynamicContext } from '../../../context/DynamicContext/useInternalDynamicContext.js';
+import { useEmailVerificationContext } from '../../../context/EmailVerificationContext/EmailVerificationContext.js';
+import { useViewContext } from '../../../context/ViewContext/ViewContext.js';
+import { useWalletItemActions } from '../useWalletItemActions/useWalletItemActions.js';
+import { useConnectWithEmail } from '../useConnectWithEmail/useConnectWithEmail.js';
+import { createEmailVerification } from '../../../data/api.js';
+
+const useEmailProvider = ({ emailWalletConnector }) => {
+    const { projectSettings, environmentId } = useInternalDynamicContext();
+    const { setEmail: setEmailForVerification, setVerificationUUID } = useEmailVerificationContext();
+    const { setView } = useViewContext();
+    const { handleInstalledExtensionClick } = useWalletItemActions();
+    const { connectWithEmail, loading: isEmailProviderLoading } = useConnectWithEmail({
+        emailWalletConnector,
+        handleConnect: handleInstalledExtensionClick,
+    });
+    const { providers } = projectSettings || {};
+    const isInjectedWalletProviderEnabled = emailWalletConnector !== undefined;
+    const isMagicOrBloctoEnabled = isInjectedWalletProviderEnabled &&
+        Boolean(providers === null || providers === void 0 ? void 0 : providers.filter((provider) => provider.provider === ProviderEnum.MagicLink ||
+            provider.provider === ProviderEnum.Blocto).length);
+    const handleEmailOnlyLoginSubmit = (emailInput) => __awaiter(void 0, void 0, void 0, function* () {
+        const { email, verificationUUID } = yield createEmailVerification({
+            email: emailInput,
+            environmentId,
+        });
+        setView('login-with-email-verification');
+        setEmailForVerification(email);
+        setVerificationUUID(verificationUUID);
+    });
+    const handleMagicLinkOrBloctoSubmit = (emailInput) => __awaiter(void 0, void 0, void 0, function* () {
+        yield connectWithEmail(emailInput);
+    });
+    const submitEmail = (emailInput) => __awaiter(void 0, void 0, void 0, function* () {
+        if (isMagicOrBloctoEnabled) {
+            yield handleMagicLinkOrBloctoSubmit(emailInput);
+            return;
+        }
+        yield handleEmailOnlyLoginSubmit(emailInput);
+    });
+    return {
+        handleEmailOnlyLoginSubmit,
+        isEmailProviderLoading,
+        submitEmail,
+    };
+};
+
+export { useEmailProvider };

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

@@ -40,6 +40,9 @@ const useValidateSession = ({ handleLogOut, user, authToken, walletConnectV1Brid
         let currentWalletConnectV1Bridge;
         if (walletConnectors) {
             for (const connector of walletConnectors) {
+                if (!connector.isWalletConnect) {
+                    continue;
+                }
                 const session = yield connector.getSession();
                 const bridge = session && (session === null || session === void 0 ? void 0 : session.bridge);
                 if (bridge) {

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

@@ -36,6 +36,9 @@ const useValidateSession = ({ handleLogOut, user, authToken, walletConnectV1Brid
         let currentWalletConnectV1Bridge;
         if (walletConnectors) {
             for (const connector of walletConnectors) {
+                if (!connector.isWalletConnect) {
+                    continue;
+                }
                 const session = yield connector.getSession();
                 const bridge = session && (session === null || session === void 0 ? void 0 : session.bridge);
                 if (bridge) {

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

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+const useWalletConnectorEvents = (walletConnector, listeners) => {
+    React.useEffect(() => {
+        if (!walletConnector || !listeners) {
+            return;
+        }
+        walletConnector.setupEventListeners(listeners);
+        return () => walletConnector.teardownEventListeners();
+    }, [walletConnector, listeners]);
+};
+
+exports.useWalletConnectorEvents = useWalletConnectorEvents;

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

@@ -0,0 +1,2 @@
+import { WalletConnector, WalletEventListeners } from '@dynamic-labs/wallet-connector-core';
+export declare const useWalletConnectorEvents: (walletConnector?: WalletConnector | null, listeners?: Partial<WalletEventListeners>) => void;

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

@@ -0,0 +1,13 @@
+import { useEffect } from 'react';
+
+const useWalletConnectorEvents = (walletConnector, listeners) => {
+    useEffect(() => {
+        if (!walletConnector || !listeners) {
+            return;
+        }
+        walletConnector.setupEventListeners(listeners);
+        return () => walletConnector.teardownEventListeners();
+    }, [walletConnector, listeners]);
+};
+
+export { useWalletConnectorEvents };

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

@@ -18,7 +18,7 @@ require('ethers');
 require('../../../shared/consts/index.cjs');
 
 const orderedSecondaryWalletAddresses = (wallets) => wallets.map((wallet) => wallet.address).sort();
-const useWalletEventListeners = ({ computeConnectedStateForWallets, handleLogOut, multiWallet, multiWalletWidgetState, primaryWallet, secondaryWallets, selectedWalletConnector, selectedWalletWithAction, setSelectedWalletConnector, setSelectedWalletWithAction, setMultiWalletWidgetState, user, setPrimaryWalletId, connectWalletByAddressAndChain, }) => {
+const useWalletEventListeners = ({ computeConnectedStateForWallets, handleLogOut, multiWallet, multiWalletWidgetState, primaryWallet, secondaryWallets, selectedWalletConnector, selectedWalletWithAction, setSelectedWalletConnector, setSelectedWalletWithAction, setMultiWalletWidgetState, user, setPrimaryWalletId, connectWalletByAddressAndChain, authMode, }) => {
     const [loadingNetwork, setLoadingNetwork] = React.useState(true);
     const [network, setNetwork] = React.useState(undefined);
     React.useEffect(() => {
@@ -95,6 +95,10 @@ const useWalletEventListeners = ({ computeConnectedStateForWallets, handleLogOut
             onAccountChange: (accounts) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
                 const [newAddress] = accounts;
                 const newWallet = secondaryWallets.find((wallet) => walletConnectorCore.isSameAddress(wallet.address, newAddress, wallet.chain));
+                if (authMode === 'connect-only') {
+                    connectWalletByAddressAndChain(primaryWallet.connector.name, newAddress, primaryWallet.chain);
+                    return;
+                }
                 if (walletConnectorCore.isSameAddress(newAddress, primaryWallet.address, primaryWallet.chain)) {
                     setMultiWalletWidgetState('idle');
                 }
@@ -124,11 +128,17 @@ const useWalletEventListeners = ({ computeConnectedStateForWallets, handleLogOut
                 yield computeConnectedStateForWallets();
             }),
             onChainChange: (chain) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-                setNetwork(parseInt(chain));
+                if (primaryWallet.chain === 'starknet') {
+                    setNetwork(chain);
+                }
+                else {
+                    setNetwork(parseInt(chain));
+                }
             }),
             onDisconnect: handleLogOut,
         });
     }, [
+        authMode,
         primaryWallet,
         setMultiWalletWidgetState,
         multiWallet,
@@ -144,7 +154,12 @@ const useWalletEventListeners = ({ computeConnectedStateForWallets, handleLogOut
     ]);
     const addSecondaryWalletEventListeners = React.useCallback((seen) => {
         const secondaryListeners = {
-            onAccountChange: () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+            onAccountChange: (accounts) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+                if (authMode === 'connect-only' && secondaryWallets.length) {
+                    const [newAddress] = accounts;
+                    connectWalletByAddressAndChain(secondaryWallets[0].connector.name, newAddress, secondaryWallets[0].chain);
+                    return;
+                }
                 if (multiWalletWidgetState === 'awaiting_account_switch') {
                     handleAccountChangeWhenAwaitingAccountSwitch(false, (selectedWalletWithAction === null || selectedWalletWithAction === void 0 ? void 0 : selectedWalletWithAction.wallet.address) || '');
                 }
@@ -166,7 +181,9 @@ const useWalletEventListeners = ({ computeConnectedStateForWallets, handleLogOut
             wallet.connector.setupEventListeners(secondaryListeners);
         }
     }, [
+        authMode,
         computeConnectedStateForWallets,
+        connectWalletByAddressAndChain,
         selectedWalletConnector,
         selectedWalletWithAction,
         handleAccountChangeWhenAwaitingAccountSwitch,

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { Chain, WalletConnector } from '@dynamic-labs/wallet-connector-core';
-import { MultiWalletWidgetState, UserProfile, Wallet, WalletWithAction } from '../../../shared';
+import { AuthModeType, MultiWalletWidgetState, UserProfile, Wallet, WalletWithAction } from '../../../shared';
 import { MultiWalletWidgetStateSetter } from '../multiWallet';
 export type UseWalletEventListenersArgs = {
     computeConnectedStateForWallets(): Promise<void>;
@@ -17,8 +17,9 @@ export type UseWalletEventListenersArgs = {
     setSelectedWalletConnector(connector: WalletConnector | null): void;
     setSelectedWalletWithAction(walletWithAction: WalletWithAction | null): void;
     user: UserProfile | undefined;
+    authMode: AuthModeType;
 };
-export declare const useWalletEventListeners: ({ computeConnectedStateForWallets, handleLogOut, multiWallet, multiWalletWidgetState, primaryWallet, secondaryWallets, selectedWalletConnector, selectedWalletWithAction, setSelectedWalletConnector, setSelectedWalletWithAction, setMultiWalletWidgetState, user, setPrimaryWalletId, connectWalletByAddressAndChain, }: UseWalletEventListenersArgs) => {
+export declare const useWalletEventListeners: ({ computeConnectedStateForWallets, handleLogOut, multiWallet, multiWalletWidgetState, primaryWallet, secondaryWallets, selectedWalletConnector, selectedWalletWithAction, setSelectedWalletConnector, setSelectedWalletWithAction, setMultiWalletWidgetState, user, setPrimaryWalletId, connectWalletByAddressAndChain, authMode, }: UseWalletEventListenersArgs) => {
     loadingNetwork: boolean;
     network: string | number | undefined;
     setNetwork: import("react").Dispatch<import("react").SetStateAction<string | number | undefined>>;