@dynamic-labs/sdk-react-core 3.1.2 → 3.1.4

package/CHANGELOG.md

@@ -1,4 +1,23 @@
 
+### [3.1.4](https://github.com/dynamic-labs/DynamicAuth/compare/v3.1.3...v3.1.4) (2024-09-30)
+
+
+### Bug Fixes
+
+* add popper context to send balance ([#7017](https://github.com/dynamic-labs/DynamicAuth/issues/7017)) ([bedcc5e](https://github.com/dynamic-labs/DynamicAuth/commit/bedcc5ec005267b7fa40a2020bc9fef6e2e09714))
+* add retry to useConnectWithOtp ([#7013](https://github.com/dynamic-labs/DynamicAuth/issues/7013)) ([4d3455a](https://github.com/dynamic-labs/DynamicAuth/commit/4d3455a5ead6585ec309ff32294f392154900d73))
+* don't re-fetch wallet address on network change ([#7023](https://github.com/dynamic-labs/DynamicAuth/issues/7023)) ([d23b716](https://github.com/dynamic-labs/DynamicAuth/commit/d23b71608af8b6b75b015efdfcb8bea34602dc6a))
+* fix sign message with solana wallet standard provider ([#7015](https://github.com/dynamic-labs/DynamicAuth/issues/7015)) ([b575622](https://github.com/dynamic-labs/DynamicAuth/commit/b575622d7ec8b3dc61049acb592b7c7fa458ec61))
+* persist isHardwareWalletEnabled on wallet connector ([#7025](https://github.com/dynamic-labs/DynamicAuth/issues/7025)) ([7ed7832](https://github.com/dynamic-labs/DynamicAuth/commit/7ed7832235ecafe8172a16528d428f7c03485064))
+* update wallet reference when user switches wallet in connect-only ([#7031](https://github.com/dynamic-labs/DynamicAuth/issues/7031)) ([031515f](https://github.com/dynamic-labs/DynamicAuth/commit/031515fc6c785facbbc95d2f65d58551559334e6))
+
+### [3.1.3](https://github.com/dynamic-labs/DynamicAuth/compare/v3.1.2...v3.1.3) (2024-09-25)
+
+
+### Features
+
+* add isInstalledOnBrowser prop to wallet options in useWalletOptions ([#6977](https://github.com/dynamic-labs/DynamicAuth/issues/6977)) ([9436e48](https://github.com/dynamic-labs/DynamicAuth/commit/9436e48994663b62d1ef5afa0c37df436f68caae))
+
 ### [3.1.2](https://github.com/dynamic-labs/DynamicAuth/compare/v3.1.1...v3.1.2) (2024-09-23)
 
 

package/package.cjs

@@ -3,9 +3,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "3.1.2";
+var version = "3.1.4";
 var dependencies = {
-	"@dynamic-labs/sdk-api-core": "0.0.529",
+	"@dynamic-labs/sdk-api-core": "0.0.535",
 	"@hcaptcha/react-hcaptcha": "1.4.4",
 	"country-list": "2.3.0",
 	formik: "2.2.9",

package/package.js

@@ -1,7 +1,7 @@
 'use client'
-var version = "3.1.2";
+var version = "3.1.4";
 var dependencies = {
-	"@dynamic-labs/sdk-api-core": "0.0.529",
+	"@dynamic-labs/sdk-api-core": "0.0.535",
 	"@hcaptcha/react-hcaptcha": "1.4.4",
 	"country-list": "2.3.0",
 	formik: "2.2.9",

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "3.1.2",
+  "version": "3.1.4",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/dynamic-labs/dynamic-auth.git",
     "directory": "packages/sdk-react-core"
   },
   "dependencies": {
-    "@dynamic-labs/sdk-api-core": "0.0.529",
+    "@dynamic-labs/sdk-api-core": "0.0.535",
     "@hcaptcha/react-hcaptcha": "1.4.4",
     "country-list": "2.3.0",
     "formik": "2.2.9",
@@ -17,16 +17,15 @@
     "react-i18next": "13.5.0",
     "yup": "0.32.11",
     "react-international-phone": "4.2.5",
-    "@dynamic-labs/iconic": "3.1.2",
-    "@dynamic-labs/logger": "3.1.2",
-    "@dynamic-labs/message-transport": "3.1.2",
-    "@dynamic-labs/multi-wallet": "3.1.2",
-    "@dynamic-labs/rpc-providers": "3.1.2",
-    "@dynamic-labs/store": "3.1.2",
-    "@dynamic-labs/types": "3.1.2",
-    "@dynamic-labs/utils": "3.1.2",
-    "@dynamic-labs/wallet-book": "3.1.2",
-    "@dynamic-labs/wallet-connector-core": "3.1.2",
+    "@dynamic-labs/iconic": "3.1.4",
+    "@dynamic-labs/logger": "3.1.4",
+    "@dynamic-labs/multi-wallet": "3.1.4",
+    "@dynamic-labs/rpc-providers": "3.1.4",
+    "@dynamic-labs/store": "3.1.4",
+    "@dynamic-labs/types": "3.1.4",
+    "@dynamic-labs/utils": "3.1.4",
+    "@dynamic-labs/wallet-book": "3.1.4",
+    "@dynamic-labs/wallet-connector-core": "3.1.4",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

package/src/lib/components/SendBalanceForm/SendBalanceForm.cjs

@@ -153,7 +153,7 @@ const SendBalanceForm = ({ initialValues, onSubmit, decimals = 18, validateAddre
             }),
         });
     }, [decimals, validateAddress, validateAmount]);
-    return (jsxRuntime.jsx(formik.Formik, { initialValues: initialValues || sendBalanceFormInitialValues, validationSchema: sendBalanceFormValidationSchema, onSubmit: (values) => onSubmit(values), validateOnChange: false, validateOnBlur: false, children: ({ errors, touched, values, handleChange, setFieldValue, setErrors, }) => {
+    return (jsxRuntime.jsx(formik.Formik, { initialValues: initialValues || sendBalanceFormInitialValues, validationSchema: sendBalanceFormValidationSchema, onSubmit: (values) => onSubmit(values), validateOnChange: false, validateOnBlur: false, children: ({ errors, touched, values, handleChange, setFieldValue, setErrors, handleBlur, setFieldTouched, validateField, }) => {
             var _a;
             return (jsxRuntime.jsxs(formik.Form, { className: 'send-balance-form', children: [jsxRuntime.jsxs("div", { className: 'send-balance-page-layout__balance-container', children: [jsxRuntime.jsx(FormFieldLabel.FormFieldLabel, { children: "Select any token" }), jsxRuntime.jsx(TokensBalanceDropdown.TokensBalanceDropdown, { tokenBalances: tokenBalances !== null && tokenBalances !== void 0 ? tokenBalances : (currentToken && [currentToken]), currentToken: currentToken, setCurrentToken: setCurrentToken, isLoading: isLoading, setFieldValue: setFieldValue, setErrors: setErrors })] }), jsxRuntime.jsxs("div", { className: 'send-balance-form__amount-container', children: [jsxRuntime.jsx(formik.Field, { variant: 'regular', className: `send-balance-form__amount-container__field ${showFiat ? 'fiat' : ''}`, name: 'amount', id: 'amount', onChange: (e) => {
                                     const newValue = e.target.value;
@@ -168,6 +168,10 @@ const SendBalanceForm = ({ initialValues, onSubmit, decimals = 18, validateAddre
                                         return;
                                     }
                                     sendBalances.setSendBalanceVariable('amount', (currentToken === null || currentToken === void 0 ? void 0 : currentToken.price) ? Number(newValue) : undefined);
+                                }, onBlur: (e) => {
+                                    handleBlur(e);
+                                    setFieldTouched('amount', true);
+                                    validateField('amount');
                                 }, placeholder: t('dyn_send_transaction.data.amount.placeholder'), as: Input.Input, error: errors['amount'], copykey: 'dyn_send_transaction.data.amount.label', message: touched['amount'] &&
                                     getDisplayErrorMessage(errors, t, 'amount', decimals), style: {
                                     paddingLeft: `${leftSymbolPadding}px`,

package/src/lib/components/SendBalanceForm/SendBalanceForm.js

@@ -149,7 +149,7 @@ const SendBalanceForm = ({ initialValues, onSubmit, decimals = 18, validateAddre
             }),
         });
     }, [decimals, validateAddress, validateAmount]);
-    return (jsx(Formik, { initialValues: initialValues || sendBalanceFormInitialValues, validationSchema: sendBalanceFormValidationSchema, onSubmit: (values) => onSubmit(values), validateOnChange: false, validateOnBlur: false, children: ({ errors, touched, values, handleChange, setFieldValue, setErrors, }) => {
+    return (jsx(Formik, { initialValues: initialValues || sendBalanceFormInitialValues, validationSchema: sendBalanceFormValidationSchema, onSubmit: (values) => onSubmit(values), validateOnChange: false, validateOnBlur: false, children: ({ errors, touched, values, handleChange, setFieldValue, setErrors, handleBlur, setFieldTouched, validateField, }) => {
             var _a;
             return (jsxs(Form, { className: 'send-balance-form', children: [jsxs("div", { className: 'send-balance-page-layout__balance-container', children: [jsx(FormFieldLabel, { children: "Select any token" }), jsx(TokensBalanceDropdown, { tokenBalances: tokenBalances !== null && tokenBalances !== void 0 ? tokenBalances : (currentToken && [currentToken]), currentToken: currentToken, setCurrentToken: setCurrentToken, isLoading: isLoading, setFieldValue: setFieldValue, setErrors: setErrors })] }), jsxs("div", { className: 'send-balance-form__amount-container', children: [jsx(Field, { variant: 'regular', className: `send-balance-form__amount-container__field ${showFiat ? 'fiat' : ''}`, name: 'amount', id: 'amount', onChange: (e) => {
                                     const newValue = e.target.value;
@@ -164,6 +164,10 @@ const SendBalanceForm = ({ initialValues, onSubmit, decimals = 18, validateAddre
                                         return;
                                     }
                                     setSendBalanceVariable('amount', (currentToken === null || currentToken === void 0 ? void 0 : currentToken.price) ? Number(newValue) : undefined);
+                                }, onBlur: (e) => {
+                                    handleBlur(e);
+                                    setFieldTouched('amount', true);
+                                    validateField('amount');
                                 }, placeholder: t('dyn_send_transaction.data.amount.placeholder'), as: Input, error: errors['amount'], copykey: 'dyn_send_transaction.data.amount.label', message: touched['amount'] &&
                                     getDisplayErrorMessage(errors, t, 'amount', decimals), style: {
                                     paddingLeft: `${leftSymbolPadding}px`,

package/src/lib/context/ConnectWithOtpContext/utils/createEmailHandler.cjs

@@ -27,11 +27,21 @@ require('../../../store/state/projectSettings/projectSettings.cjs');
 require('../../../locale/locale.cjs');
 
 const createEmailHandler = (environmentId, { shouldRegisterSessionKeysOnSignin, generateSessionKey, }) => (email$1) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-    const { verificationUUID } = yield email.createEmailVerification({
+    const createEmailVerificationResponse = yield email.createEmailVerification({
         email: email$1,
         environmentId,
     });
+    let { verificationUUID } = createEmailVerificationResponse;
     return {
+        retry: () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+            const retryEmailVerificationResponse = yield email.retryEmailVerification({
+                email: email$1,
+                environmentId,
+                verificationUUID,
+            });
+            // eslint-disable-next-line prefer-destructuring
+            verificationUUID = retryEmailVerificationResponse.verificationUUID;
+        }),
         type: 'email',
         verify: (oneTimePassword) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
             let sessionPublicKey = undefined;

package/src/lib/context/ConnectWithOtpContext/utils/createEmailHandler.js

@@ -1,6 +1,6 @@
 'use client'
 import { __awaiter } from '../../../../../_virtual/_tslib.js';
-import { createEmailVerification, signInWithEmailVerification } from '../../../data/api/email/email.js';
+import { createEmailVerification, retryEmailVerification, signInWithEmailVerification } from '../../../data/api/email/email.js';
 import '@dynamic-labs/sdk-api-core';
 import '@dynamic-labs/utils';
 import '../../../shared/logger.js';
@@ -23,11 +23,21 @@ import '../../../store/state/projectSettings/projectSettings.js';
 import '../../../locale/locale.js';
 
 const createEmailHandler = (environmentId, { shouldRegisterSessionKeysOnSignin, generateSessionKey, }) => (email) => __awaiter(void 0, void 0, void 0, function* () {
-    const { verificationUUID } = yield createEmailVerification({
+    const createEmailVerificationResponse = yield createEmailVerification({
         email,
         environmentId,
     });
+    let { verificationUUID } = createEmailVerificationResponse;
     return {
+        retry: () => __awaiter(void 0, void 0, void 0, function* () {
+            const retryEmailVerificationResponse = yield retryEmailVerification({
+                email,
+                environmentId,
+                verificationUUID,
+            });
+            // eslint-disable-next-line prefer-destructuring
+            verificationUUID = retryEmailVerificationResponse.verificationUUID;
+        }),
         type: 'email',
         verify: (oneTimePassword) => __awaiter(void 0, void 0, void 0, function* () {
             let sessionPublicKey = undefined;

package/src/lib/data/api/oauth/oauth.cjs

@@ -143,6 +143,19 @@ const telegramSignIn = (environmentId, oauthResultRequest) => _tslib.__awaiter(v
         return handleSignInError(e);
     }
 });
+const isUserLinkedWithTelegram = (environmentId, oauthResultRequest) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+    const telegramCheckAuthRequest = {
+        environmentId,
+        oauthResultRequest,
+    };
+    try {
+        yield api.sdkApi().telegramCheckAuth(telegramCheckAuthRequest);
+        return true;
+    }
+    catch (e) {
+        return false;
+    }
+});
 const telegramVerify = (environmentId, oauthResultRequest) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
     const telegramVerifyRequest = {
         environmentId,
@@ -195,6 +208,7 @@ exports.farcasterSignIn = farcasterSignIn;
 exports.farcasterVerify = farcasterVerify;
 exports.getOAuthResult = getOAuthResult;
 exports.initAuth = initAuth;
+exports.isUserLinkedWithTelegram = isUserLinkedWithTelegram;
 exports.signInOAuth = signInOAuth;
 exports.telegramSignIn = telegramSignIn;
 exports.telegramVerify = telegramVerify;

package/src/lib/data/api/oauth/oauth.d.ts

@@ -13,4 +13,5 @@ export declare const getOAuthResult: (environmentId: string, providerType: Provi
 export declare const farcasterSignIn: (environmentId: string, farcasterSignInRequest: FarcasterSignInRequest) => Promise<UserProfile | undefined>;
 export declare const farcasterVerify: (farcasterVerifyRequest: FarcasterVerifyRequest) => Promise<UserProfile | undefined>;
 export declare const telegramSignIn: (environmentId: string, oauthResultRequest: OauthResultRequest) => Promise<UserProfile | undefined>;
+export declare const isUserLinkedWithTelegram: (environmentId: string, oauthResultRequest: OauthResultRequest) => Promise<boolean | undefined>;
 export declare const telegramVerify: (environmentId: string, oauthResultRequest: OauthResultRequest) => Promise<UserProfile | undefined>;

package/src/lib/data/api/oauth/oauth.js

@@ -139,6 +139,19 @@ const telegramSignIn = (environmentId, oauthResultRequest) => __awaiter(void 0,
         return handleSignInError(e);
     }
 });
+const isUserLinkedWithTelegram = (environmentId, oauthResultRequest) => __awaiter(void 0, void 0, void 0, function* () {
+    const telegramCheckAuthRequest = {
+        environmentId,
+        oauthResultRequest,
+    };
+    try {
+        yield sdkApi().telegramCheckAuth(telegramCheckAuthRequest);
+        return true;
+    }
+    catch (e) {
+        return false;
+    }
+});
 const telegramVerify = (environmentId, oauthResultRequest) => __awaiter(void 0, void 0, void 0, function* () {
     const telegramVerifyRequest = {
         environmentId,
@@ -187,4 +200,4 @@ const handleSignInError = (e) => __awaiter(void 0, void 0, void 0, function* ()
     return undefined;
 });
 
-export { farcasterSignIn, farcasterVerify, getOAuthResult, initAuth, signInOAuth, telegramSignIn, telegramVerify, unlinkOAuth, verifyOAuth };
+export { farcasterSignIn, farcasterVerify, getOAuthResult, initAuth, isUserLinkedWithTelegram, signInOAuth, telegramSignIn, telegramVerify, unlinkOAuth, verifyOAuth };

package/src/lib/modals/SendBalanceModal/SendBalanceModal.cjs

@@ -79,7 +79,7 @@ require('../../components/IsBrowser/IsBrowser.cjs');
 require('../../context/WidgetRegistry/WidgetRegistryContextProvider.cjs');
 require('../../context/FundingContext/FundingContext.cjs');
 require('../../components/Popper/Popper/Popper.cjs');
-require('../../components/Popper/PopperContext/PopperContext.cjs');
+var PopperContext = require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
 require('../../context/IpConfigurationContext/IpConfigurationContext.cjs');
@@ -112,10 +112,10 @@ const SendBalanceModal = ({ initialRecipientAddress, initialValue, onReject, onS
     };
     return (jsxRuntime.jsx(Portal.Portal, { handleClose: closeModal, isShown: show, zIndex: index.authModalZIndex, withBackdrop: true, elementId: 'dynamic-send-balance', transitionEvents: {
             onUnmount: handleOnModalUnmount,
-        }, children: jsxRuntime.jsx(Modal.Modal, { children: jsxRuntime.jsx(ModalCard.ModalCard, { children: jsxRuntime.jsx(VerticalDrawerTransition.VerticalDrawerTransition, { isShown: true, children: jsxRuntime.jsx(SendBalanceView.SendBalanceView, { initialRecipientAddress: initialRecipientAddress, initialValue: initialValue, onError: (error) => (errorRef.current = error), onClickClose: closeModal, onDone: closeModal, displayPoweredByDynamicFooter: true, onSuccess: (receipt) => {
-                            errorRef.current = null;
-                            receiptRef.current = receipt;
-                        } }) }) }) }) }));
+        }, children: jsxRuntime.jsx(Modal.Modal, { children: jsxRuntime.jsx(ModalCard.ModalCard, { children: jsxRuntime.jsx(VerticalDrawerTransition.VerticalDrawerTransition, { isShown: true, children: jsxRuntime.jsx(PopperContext.PopperProvider, { children: jsxRuntime.jsx(SendBalanceView.SendBalanceView, { initialRecipientAddress: initialRecipientAddress, initialValue: initialValue, onError: (error) => (errorRef.current = error), onClickClose: closeModal, onDone: closeModal, displayPoweredByDynamicFooter: true, onSuccess: (receipt) => {
+                                errorRef.current = null;
+                                receiptRef.current = receipt;
+                            } }) }) }) }) }) }));
 };
 
 exports.SendBalanceModal = SendBalanceModal;

package/src/lib/modals/SendBalanceModal/SendBalanceModal.js

@@ -75,7 +75,7 @@ import '../../components/IsBrowser/IsBrowser.js';
 import '../../context/WidgetRegistry/WidgetRegistryContextProvider.js';
 import '../../context/FundingContext/FundingContext.js';
 import '../../components/Popper/Popper/Popper.js';
-import '../../components/Popper/PopperContext/PopperContext.js';
+import { PopperProvider } from '../../components/Popper/PopperContext/PopperContext.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
 import '../../context/IpConfigurationContext/IpConfigurationContext.js';
@@ -108,10 +108,10 @@ const SendBalanceModal = ({ initialRecipientAddress, initialValue, onReject, onS
     };
     return (jsx(Portal, { handleClose: closeModal, isShown: show, zIndex: authModalZIndex, withBackdrop: true, elementId: 'dynamic-send-balance', transitionEvents: {
             onUnmount: handleOnModalUnmount,
-        }, children: jsx(Modal, { children: jsx(ModalCard, { children: jsx(VerticalDrawerTransition, { isShown: true, children: jsx(SendBalanceView, { initialRecipientAddress: initialRecipientAddress, initialValue: initialValue, onError: (error) => (errorRef.current = error), onClickClose: closeModal, onDone: closeModal, displayPoweredByDynamicFooter: true, onSuccess: (receipt) => {
-                            errorRef.current = null;
-                            receiptRef.current = receipt;
-                        } }) }) }) }) }));
+        }, children: jsx(Modal, { children: jsx(ModalCard, { children: jsx(VerticalDrawerTransition, { isShown: true, children: jsx(PopperProvider, { children: jsx(SendBalanceView, { initialRecipientAddress: initialRecipientAddress, initialValue: initialValue, onError: (error) => (errorRef.current = error), onClickClose: closeModal, onDone: closeModal, displayPoweredByDynamicFooter: true, onSuccess: (receipt) => {
+                                errorRef.current = null;
+                                receiptRef.current = receipt;
+                            } }) }) }) }) }) }));
 };
 
 export { SendBalanceModal };

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

@@ -0,0 +1,24 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var walletConnectorOptions = require('../../../store/state/walletConnectorOptions.cjs');
+
+const getWalletConnectorForWallet = (wallet) => {
+    var _a, _b;
+    if (!wallet) {
+        return undefined;
+    }
+    const walletConnectorOptions$1 = walletConnectorOptions.getWalletConnectorOptions();
+    const { key: walletKey, chain } = wallet;
+    const walletConnector = (_a = walletConnectorOptions$1.find((wallet) => walletKey === wallet.key &&
+        wallet.walletConnector.connectedChain === chain)) === null || _a === void 0 ? void 0 : _a.walletConnector;
+    if (walletConnector) {
+        return walletConnector;
+    }
+    const fallbackConnector = (_b = walletConnectorOptions$1.find((wallet) => wallet.key === 'fallbackconnector')) === null || _b === void 0 ? void 0 : _b.walletConnector;
+    return fallbackConnector;
+};
+
+exports.getWalletConnectorForWallet = getWalletConnectorForWallet;

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

@@ -0,0 +1,20 @@
+'use client'
+import { getWalletConnectorOptions } from '../../../store/state/walletConnectorOptions.js';
+
+const getWalletConnectorForWallet = (wallet) => {
+    var _a, _b;
+    if (!wallet) {
+        return undefined;
+    }
+    const walletConnectorOptions = getWalletConnectorOptions();
+    const { key: walletKey, chain } = wallet;
+    const walletConnector = (_a = walletConnectorOptions.find((wallet) => walletKey === wallet.key &&
+        wallet.walletConnector.connectedChain === chain)) === null || _a === void 0 ? void 0 : _a.walletConnector;
+    if (walletConnector) {
+        return walletConnector;
+    }
+    const fallbackConnector = (_b = walletConnectorOptions.find((wallet) => wallet.key === 'fallbackconnector')) === null || _b === void 0 ? void 0 : _b.walletConnector;
+    return fallbackConnector;
+};
+
+export { getWalletConnectorForWallet };

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

@@ -30,6 +30,7 @@ var session = require('../../../data/api/session/session.cjs');
 require('../../../locale/locale.cjs');
 var getWalletProvider = require('../../functions/getWalletProvider/getWalletProvider.cjs');
 var isConnectOnly = require('../authenticationHooks/helpers/isConnectOnly.cjs');
+var getWalletConnectorForWallet = require('../../functions/getWalletConnectorForWallet/getWalletConnectorForWallet.cjs');
 var updateUserWalletsFromConnectedWallets = require('./updateUserWalletsFromConnectedWallets/updateUserWalletsFromConnectedWallets.cjs');
 
 const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingOnConnectOnly, environmentId, primaryWalletId, setPrimaryWalletId, walletConnectorOptions, handleConnectedWallet, setShowAuthFlow, isBridgeFlow, user, }) => {
@@ -136,10 +137,11 @@ const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingO
         var _a;
         const clonedConnectedWalletsList = [...connectedWallets];
         const connectedWalletIndex = clonedConnectedWalletsList.findIndex((connectedWallet) => connectedWallet.id === walletId);
-        if (connectedWalletIndex > -1) {
-            clonedConnectedWalletsList[connectedWalletIndex].address =
-                (_a = walletObject.address) !== null && _a !== void 0 ? _a : clonedConnectedWalletsList[connectedWalletIndex].address;
+        if (connectedWalletIndex < 0) {
+            return;
         }
+        clonedConnectedWalletsList[connectedWalletIndex] =
+            clonedConnectedWalletsList[connectedWalletIndex].connector.createWallet(Object.assign(Object.assign({}, clonedConnectedWalletsList[connectedWalletIndex]), { address: (_a = walletObject.address) !== null && _a !== void 0 ? _a : clonedConnectedWalletsList[connectedWalletIndex].address, connector: getWalletConnectorForWallet.getWalletConnectorForWallet(clonedConnectedWalletsList[connectedWalletIndex]) }));
         setConnectedWallets(clonedConnectedWalletsList);
     }, [connectedWallets, setConnectedWallets]);
     // Keeps connected wallet data inside localStorage

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

@@ -26,6 +26,7 @@ import { createVisit } from '../../../data/api/session/session.js';
 import '../../../locale/locale.js';
 import { getWalletProvider } from '../../functions/getWalletProvider/getWalletProvider.js';
 import { isConnectOnly } from '../authenticationHooks/helpers/isConnectOnly.js';
+import { getWalletConnectorForWallet } from '../../functions/getWalletConnectorForWallet/getWalletConnectorForWallet.js';
 import { updateUserWalletsFromConnectedWallets } from './updateUserWalletsFromConnectedWallets/updateUserWalletsFromConnectedWallets.js';
 
 const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingOnConnectOnly, environmentId, primaryWalletId, setPrimaryWalletId, walletConnectorOptions, handleConnectedWallet, setShowAuthFlow, isBridgeFlow, user, }) => {
@@ -132,10 +133,11 @@ const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingO
         var _a;
         const clonedConnectedWalletsList = [...connectedWallets];
         const connectedWalletIndex = clonedConnectedWalletsList.findIndex((connectedWallet) => connectedWallet.id === walletId);
-        if (connectedWalletIndex > -1) {
-            clonedConnectedWalletsList[connectedWalletIndex].address =
-                (_a = walletObject.address) !== null && _a !== void 0 ? _a : clonedConnectedWalletsList[connectedWalletIndex].address;
+        if (connectedWalletIndex < 0) {
+            return;
         }
+        clonedConnectedWalletsList[connectedWalletIndex] =
+            clonedConnectedWalletsList[connectedWalletIndex].connector.createWallet(Object.assign(Object.assign({}, clonedConnectedWalletsList[connectedWalletIndex]), { address: (_a = walletObject.address) !== null && _a !== void 0 ? _a : clonedConnectedWalletsList[connectedWalletIndex].address, connector: getWalletConnectorForWallet(clonedConnectedWalletsList[connectedWalletIndex]) }));
         setConnectedWallets(clonedConnectedWalletsList);
     }, [connectedWallets, setConnectedWallets]);
     // Keeps connected wallet data inside localStorage

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

@@ -19,6 +19,7 @@ require('../../constants/values.cjs');
 require('../../../store/state/loadingAndLifecycle.cjs');
 require('../../../shared/consts/index.cjs');
 require('../../../events/dynamicEvents.cjs');
+var useWalletConnectorEvent = require('../events/useWalletConnectorEvent/useWalletConnectorEvent.cjs');
 require('../../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
@@ -140,6 +141,14 @@ const useConnectedWalletsNetworkValidation = () => {
         setShowAuthFlow,
         setView,
     ]);
+    const uniqueConnectors = React.useMemo(() => {
+        const connectors = connectedWallets.map(({ connector }) => connector);
+        const allWalletConnectors = new Set([...connectors].filter((connector) => Boolean(connector)));
+        return Array.from(allWalletConnectors);
+    }, [connectedWallets]);
+    useWalletConnectorEvent.useWalletConnectorEvent(uniqueConnectors, 'chainChange', ({ chain }) => {
+        validateNetwork();
+    });
     React.useEffect(() => {
         /**
          * This check was added to prevent the "wrong network" modal from appearing

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

@@ -1,6 +1,6 @@
 'use client'
 import { __awaiter } from '../../../../../_virtual/_tslib.js';
-import { useCallback, useEffect } from 'react';
+import { useCallback, useMemo, useEffect } from 'react';
 import '../../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/sdk-api-core';
 import '../../../shared/logger.js';
@@ -15,6 +15,7 @@ import '../../constants/values.js';
 import '../../../store/state/loadingAndLifecycle.js';
 import '../../../shared/consts/index.js';
 import '../../../events/dynamicEvents.js';
+import { useWalletConnectorEvent } from '../events/useWalletConnectorEvent/useWalletConnectorEvent.js';
 import '../../../context/CaptchaContext/CaptchaContext.js';
 import '../../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
@@ -136,6 +137,14 @@ const useConnectedWalletsNetworkValidation = () => {
         setShowAuthFlow,
         setView,
     ]);
+    const uniqueConnectors = useMemo(() => {
+        const connectors = connectedWallets.map(({ connector }) => connector);
+        const allWalletConnectors = new Set([...connectors].filter((connector) => Boolean(connector)));
+        return Array.from(allWalletConnectors);
+    }, [connectedWallets]);
+    useWalletConnectorEvent(uniqueConnectors, 'chainChange', ({ chain }) => {
+        validateNetwork();
+    });
     useEffect(() => {
         /**
          * This check was added to prevent the "wrong network" modal from appearing

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

@@ -187,7 +187,7 @@ const useSocialAuth = ({ sessionTimeout, onSettled, onError, onFarcasterUrl, })
             verifyFunction: () => apiCall(),
         });
     }), [handleError, initAuth, onSettled]);
-    const completeConnection = React.useCallback((_a) => _tslib.__awaiter(void 0, [_a], void 0, function* ({ authMode, provider, state, authCode, captchaToken, verifier, telegramAuthToken, }) {
+    const completeConnection = React.useCallback((_a) => _tslib.__awaiter(void 0, [_a], void 0, function* ({ authMode, provider, state, authCode, captchaToken, verifier, telegramAuthToken, forceCreateUser = false, }) {
         try {
             let sessionPublicKey = undefined;
             if (shouldRegisterSessionKeysOnSignin()) {
@@ -197,10 +197,11 @@ const useSocialAuth = ({ sessionTimeout, onSettled, onError, onFarcasterUrl, })
             if (authMode === 'signin') {
                 if (provider === sdkApiCore.ProviderEnum.Telegram && telegramAuthToken) {
                     const apiCall = () => oauth.telegramSignIn(environmentId, {
+                        forceCreateUser,
                         sessionPublicKey,
                         telegramAuthToken,
                     });
-                    yield signInAccount(provider, apiCall);
+                    return yield signInAccount(provider, apiCall);
                 }
                 else if (provider === sdkApiCore.ProviderEnum.Telegram) {
                     const apiCall = () => oauth.telegramSignIn(environmentId, {

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

@@ -18,7 +18,7 @@ export type ConnectSocialAccountProps = {
 };
 export declare const useSocialAuth: ({ sessionTimeout, onSettled, onError, onFarcasterUrl, }: UseSocialAuthProps) => {
     readonly checkValidProvider: (provider: ProviderEnum, authMode: SocialAuthMode) => boolean;
-    readonly completeConnection: ({ authMode, provider, state, authCode, captchaToken, verifier, telegramAuthToken, }: {
+    readonly completeConnection: ({ authMode, provider, state, authCode, captchaToken, verifier, telegramAuthToken, forceCreateUser, }: {
         authMode: SocialAuthMode;
         provider: ProviderEnum;
         state: string;
@@ -26,6 +26,7 @@ export declare const useSocialAuth: ({ sessionTimeout, onSettled, onError, onFar
         authCode?: string | undefined;
         verifier?: string | undefined;
         telegramAuthToken?: string | undefined;
+        forceCreateUser?: boolean | undefined;
     }) => Promise<void>;
     readonly connectSocialAccount: ({ authMode, provider, validator, captchaToken, redirectUrl, telegramAuthToken, }: ConnectSocialAccountProps) => Promise<void>;
     readonly error: SocialOAuthError | undefined;

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

@@ -183,7 +183,7 @@ const useSocialAuth = ({ sessionTimeout, onSettled, onError, onFarcasterUrl, })
             verifyFunction: () => apiCall(),
         });
     }), [handleError, initAuth$1, onSettled]);
-    const completeConnection = useCallback((_a) => __awaiter(void 0, [_a], void 0, function* ({ authMode, provider, state, authCode, captchaToken, verifier, telegramAuthToken, }) {
+    const completeConnection = useCallback((_a) => __awaiter(void 0, [_a], void 0, function* ({ authMode, provider, state, authCode, captchaToken, verifier, telegramAuthToken, forceCreateUser = false, }) {
         try {
             let sessionPublicKey = undefined;
             if (shouldRegisterSessionKeysOnSignin()) {
@@ -193,10 +193,11 @@ const useSocialAuth = ({ sessionTimeout, onSettled, onError, onFarcasterUrl, })
             if (authMode === 'signin') {
                 if (provider === ProviderEnum.Telegram && telegramAuthToken) {
                     const apiCall = () => telegramSignIn(environmentId, {
+                        forceCreateUser,
                         sessionPublicKey,
                         telegramAuthToken,
                     });
-                    yield signInAccount(provider, apiCall);
+                    return yield signInAccount(provider, apiCall);
                 }
                 else if (provider === ProviderEnum.Telegram) {
                     const apiCall = () => telegramSignIn(environmentId, {

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

@@ -4,7 +4,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _tslib = require('../../../../../_virtual/_tslib.cjs');
-var React = require('react');
 var sdkApiCore = require('@dynamic-labs/sdk-api-core');
 require('../../constants/values.cjs');
 require('@dynamic-labs/utils');
@@ -16,12 +15,14 @@ require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
 require('react/jsx-runtime');
 require('../../../context/ViewContext/ViewContext.cjs');
+require('react');
 require('@dynamic-labs/wallet-book');
 require('../../../store/state/loadingAndLifecycle.cjs');
 require('../../../shared/consts/index.cjs');
 var isProviderEnabled = require('../../functions/isProviderEnabled/isProviderEnabled.cjs');
 require('../../../config/ApiEndpoint.cjs');
 require('../../../store/state/user/user.cjs');
+var oauth = require('../../../data/api/oauth/oauth.cjs');
 require('../../../locale/locale.cjs');
 require('../../../store/state/projectSettings/projectSettings.cjs');
 require('../../../context/DynamicContext/DynamicContext.cjs');
@@ -94,35 +95,48 @@ require('../../../store/state/tokenBalances.cjs');
 var useInternalDynamicContext = require('../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 
 const useTelegramLogin = () => {
-    const { sdkHasLoaded, user, projectSettings } = useInternalDynamicContext.useInternalDynamicContext();
+    const { sdkHasLoaded, user, projectSettings, environmentId } = useInternalDynamicContext.useInternalDynamicContext();
     const providers = (projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers) || [];
     const { completeConnection } = useSocialAuth.useSocialAuth({
         sessionTimeout: 20000,
     });
-    React.useEffect(() => {
-        const telegramSignIn = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-            // in non-browser environments like Node.js
-            // or during server-side rendering (e.g., with frameworks like Next.js).
-            if (typeof window === 'undefined') {
-                return;
-            }
-            const search = new URLSearchParams(window.location.search);
-            const telegramAuthToken = search.get('telegramAuthToken');
-            if (!isProviderEnabled.isProviderEnabled(providers, sdkApiCore.ProviderEnum.Telegram) ||
-                user ||
-                !telegramAuthToken ||
-                !sdkHasLoaded) {
-                return;
-            }
-            yield completeConnection({
-                authMode: 'signin',
-                provider: sdkApiCore.ProviderEnum.Telegram,
-                state: '',
-                telegramAuthToken,
-            });
+    const getTelegramAuthToken = () => {
+        // in non-browser environments like Node.js
+        // or during server-side rendering (e.g., with frameworks like Next.js).
+        if (typeof window === 'undefined') {
+            return;
+        }
+        const search = new URLSearchParams(window.location.search);
+        return search.get('telegramAuthToken') || undefined;
+    };
+    const canProceedWithTelegram = (telegramAuthToken) => isProviderEnabled.isProviderEnabled(providers, sdkApiCore.ProviderEnum.Telegram) &&
+        sdkHasLoaded &&
+        !user &&
+        telegramAuthToken;
+    const isAuthWithTelegram = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        const telegramAuthToken = getTelegramAuthToken();
+        if (!canProceedWithTelegram(telegramAuthToken)) {
+            return;
+        }
+        return oauth.isUserLinkedWithTelegram(environmentId, { telegramAuthToken });
+    });
+    const telegramSignIn = (...args_1) => _tslib.__awaiter(void 0, [...args_1], void 0, function* ({ forceCreateUser = false, } = {}) {
+        const telegramAuthToken = getTelegramAuthToken();
+        if (!canProceedWithTelegram(telegramAuthToken)) {
+            return;
+        }
+        yield completeConnection({
+            authMode: 'signin',
+            forceCreateUser,
+            provider: sdkApiCore.ProviderEnum.Telegram,
+            state: '',
+            telegramAuthToken,
         });
-        telegramSignIn();
-    }, [sdkHasLoaded]);
+    });
+    return {
+        isAuthWithTelegram,
+        telegramSignIn,
+    };
 };
 
 exports.useTelegramLogin = useTelegramLogin;

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

@@ -1 +1,8 @@
-export declare const useTelegramLogin: () => void;
+interface TelegramConfig {
+    forceCreateUser?: boolean;
+}
+export declare const useTelegramLogin: () => {
+    isAuthWithTelegram: () => Promise<boolean | undefined>;
+    telegramSignIn: ({ forceCreateUser, }?: TelegramConfig) => Promise<void>;
+};
+export {};

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

@@ -1,6 +1,5 @@
 'use client'
 import { __awaiter } from '../../../../../_virtual/_tslib.js';
-import { useEffect } from 'react';
 import { ProviderEnum } from '@dynamic-labs/sdk-api-core';
 import '../../constants/values.js';
 import '@dynamic-labs/utils';
@@ -12,12 +11,14 @@ import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import 'react/jsx-runtime';
 import '../../../context/ViewContext/ViewContext.js';
+import 'react';
 import '@dynamic-labs/wallet-book';
 import '../../../store/state/loadingAndLifecycle.js';
 import '../../../shared/consts/index.js';
 import { isProviderEnabled } from '../../functions/isProviderEnabled/isProviderEnabled.js';
 import '../../../config/ApiEndpoint.js';
 import '../../../store/state/user/user.js';
+import { isUserLinkedWithTelegram } from '../../../data/api/oauth/oauth.js';
 import '../../../locale/locale.js';
 import '../../../store/state/projectSettings/projectSettings.js';
 import '../../../context/DynamicContext/DynamicContext.js';
@@ -90,35 +91,48 @@ import '../../../store/state/tokenBalances.js';
 import { useInternalDynamicContext } from '../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 
 const useTelegramLogin = () => {
-    const { sdkHasLoaded, user, projectSettings } = useInternalDynamicContext();
+    const { sdkHasLoaded, user, projectSettings, environmentId } = useInternalDynamicContext();
     const providers = (projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers) || [];
     const { completeConnection } = useSocialAuth({
         sessionTimeout: 20000,
     });
-    useEffect(() => {
-        const telegramSignIn = () => __awaiter(void 0, void 0, void 0, function* () {
-            // in non-browser environments like Node.js
-            // or during server-side rendering (e.g., with frameworks like Next.js).
-            if (typeof window === 'undefined') {
-                return;
-            }
-            const search = new URLSearchParams(window.location.search);
-            const telegramAuthToken = search.get('telegramAuthToken');
-            if (!isProviderEnabled(providers, ProviderEnum.Telegram) ||
-                user ||
-                !telegramAuthToken ||
-                !sdkHasLoaded) {
-                return;
-            }
-            yield completeConnection({
-                authMode: 'signin',
-                provider: ProviderEnum.Telegram,
-                state: '',
-                telegramAuthToken,
-            });
+    const getTelegramAuthToken = () => {
+        // in non-browser environments like Node.js
+        // or during server-side rendering (e.g., with frameworks like Next.js).
+        if (typeof window === 'undefined') {
+            return;
+        }
+        const search = new URLSearchParams(window.location.search);
+        return search.get('telegramAuthToken') || undefined;
+    };
+    const canProceedWithTelegram = (telegramAuthToken) => isProviderEnabled(providers, ProviderEnum.Telegram) &&
+        sdkHasLoaded &&
+        !user &&
+        telegramAuthToken;
+    const isAuthWithTelegram = () => __awaiter(void 0, void 0, void 0, function* () {
+        const telegramAuthToken = getTelegramAuthToken();
+        if (!canProceedWithTelegram(telegramAuthToken)) {
+            return;
+        }
+        return isUserLinkedWithTelegram(environmentId, { telegramAuthToken });
+    });
+    const telegramSignIn = (...args_1) => __awaiter(void 0, [...args_1], void 0, function* ({ forceCreateUser = false, } = {}) {
+        const telegramAuthToken = getTelegramAuthToken();
+        if (!canProceedWithTelegram(telegramAuthToken)) {
+            return;
+        }
+        yield completeConnection({
+            authMode: 'signin',
+            forceCreateUser,
+            provider: ProviderEnum.Telegram,
+            state: '',
+            telegramAuthToken,
         });
-        telegramSignIn();
-    }, [sdkHasLoaded]);
+    });
+    return {
+        isAuthWithTelegram,
+        telegramSignIn,
+    };
 };
 
 export { useTelegramLogin };

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

@@ -4,6 +4,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var sdkApiCore = require('@dynamic-labs/sdk-api-core');
+var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
 var findWalletOptionFor = require('../../../../functions/findWalletOptionFor/findWalletOptionFor.cjs');
 var shouldManuallyReconnectOnRefresh = require('../../../../functions/shouldManuallyReconnectOnRefresh/shouldManuallyReconnectOnRefresh.cjs');
 var convertLegacyPhantomLedgerConnector = require('../convertLegacyPhantomLedgerConnector/convertLegacyPhantomLedgerConnector.cjs');
@@ -17,7 +18,7 @@ const createLinkedWalletsFromWalletOptions = ({ user, walletConnectorOptions, pr
     return user.verifiedCredentials
         .map(convertLegacyPhantomLedger)
         .map((account) => {
-        var _a;
+        var _a, _b;
         const wallet = findWalletOptionFor.findWalletOptionFor(account, walletConnectorOptions);
         // this probably shouldn't happen. this would mean that the user has an account linked
         // with wallet W, but the customer has toggled off wallet W or the chain that
@@ -29,6 +30,12 @@ const createLinkedWalletsFromWalletOptions = ({ user, walletConnectorOptions, pr
             shouldManuallyReconnectOnRefresh.shouldManuallyReconnectOnRefresh(wallet.walletConnector)) {
             wallet.walletConnector.connect();
         }
+        // only checking for ledger hardware wallets since we only specify ledger as a hardware wallet
+        if (((_a = account.walletProperties) === null || _a === void 0 ? void 0 : _a.hardwareWallet) ===
+            sdkApiCore.HardwareWalletEnum.Ledger &&
+            walletConnectorCore.isHardwareWalletConnector(wallet.walletConnector)) {
+            wallet.walletConnector.isHardwareWalletEnabled = true;
+        }
         // this account is the owner of a smart wallet, and should not be surfaced
         if (smartWallet.isOwnerOfASmartWallet(account, user.verifiedCredentials)) {
             return null;
@@ -48,7 +55,7 @@ const createLinkedWalletsFromWalletOptions = ({ user, walletConnectorOptions, pr
                 connector: wallet.walletConnector,
                 id: account.id,
                 isAuthenticated: true,
-                key: (_a = account.walletName) !== null && _a !== void 0 ? _a : wallet.walletConnector.key,
+                key: (_b = account.walletName) !== null && _b !== void 0 ? _b : wallet.walletConnector.key,
             });
         }
         return null;

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

@@ -1,5 +1,6 @@
 'use client'
-import { WalletProviderEnum } from '@dynamic-labs/sdk-api-core';
+import { HardwareWalletEnum, WalletProviderEnum } from '@dynamic-labs/sdk-api-core';
+import { isHardwareWalletConnector } from '@dynamic-labs/wallet-connector-core';
 import { findWalletOptionFor } from '../../../../functions/findWalletOptionFor/findWalletOptionFor.js';
 import { shouldManuallyReconnectOnRefresh } from '../../../../functions/shouldManuallyReconnectOnRefresh/shouldManuallyReconnectOnRefresh.js';
 import { convertLegacyPhantomLedgerConnector } from '../convertLegacyPhantomLedgerConnector/convertLegacyPhantomLedgerConnector.js';
@@ -13,7 +14,7 @@ const createLinkedWalletsFromWalletOptions = ({ user, walletConnectorOptions, pr
     return user.verifiedCredentials
         .map(convertLegacyPhantomLedger)
         .map((account) => {
-        var _a;
+        var _a, _b;
         const wallet = findWalletOptionFor(account, walletConnectorOptions);
         // this probably shouldn't happen. this would mean that the user has an account linked
         // with wallet W, but the customer has toggled off wallet W or the chain that
@@ -25,6 +26,12 @@ const createLinkedWalletsFromWalletOptions = ({ user, walletConnectorOptions, pr
             shouldManuallyReconnectOnRefresh(wallet.walletConnector)) {
             wallet.walletConnector.connect();
         }
+        // only checking for ledger hardware wallets since we only specify ledger as a hardware wallet
+        if (((_a = account.walletProperties) === null || _a === void 0 ? void 0 : _a.hardwareWallet) ===
+            HardwareWalletEnum.Ledger &&
+            isHardwareWalletConnector(wallet.walletConnector)) {
+            wallet.walletConnector.isHardwareWalletEnabled = true;
+        }
         // this account is the owner of a smart wallet, and should not be surfaced
         if (isOwnerOfASmartWallet(account, user.verifiedCredentials)) {
             return null;
@@ -44,7 +51,7 @@ const createLinkedWalletsFromWalletOptions = ({ user, walletConnectorOptions, pr
                 connector: wallet.walletConnector,
                 id: account.id,
                 isAuthenticated: true,
-                key: (_a = account.walletName) !== null && _a !== void 0 ? _a : wallet.walletConnector.key,
+                key: (_b = account.walletName) !== null && _b !== void 0 ? _b : wallet.walletConnector.key,
             });
         }
         return null;

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

@@ -22,13 +22,6 @@ var useWalletConnectorEvent = require('../events/useWalletConnectorEvent/useWall
 var dynamicEvents = require('../../../events/dynamicEvents.cjs');
 
 const useWalletEventListeners = ({ disconnectWallet, handleLogOut, multiWallet, multiWalletWidgetState, primaryWallet, secondaryWallets, selectedWalletConnector, selectedWalletWithAction, setSelectedWalletConnectorKey, setSelectedWalletWithAction, setMultiWalletWidgetState, user, setPrimaryWalletId, authMode, refreshConnectedWallet, detectNewWalletsForLinking, }) => {
-    useWalletConnectorEvent.useWalletConnectorEvent(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector, 'chainChange', ({ chain }) => {
-        logger.logger.debug('primary wallet chain change', { chain });
-        if (!primaryWallet) {
-            return;
-        }
-        refreshConnectedWallet(primaryWallet.id, primaryWallet.connector);
-    });
     const handleAccountChangeWhenAwaitingAccountSwitch = React.useCallback((isPrimaryWallet, newAddress) => {
         logger.logger.debug('handleAccountChangeWhenAwaitingAccountSwitch', {
             isPrimaryWallet,
@@ -149,13 +142,6 @@ const useWalletEventListeners = ({ disconnectWallet, handleLogOut, multiWallet,
             handleAccountChangeWhenAwaitingAccountSwitch(false, (selectedWalletWithAction === null || selectedWalletWithAction === void 0 ? void 0 : selectedWalletWithAction.wallet.address) || '');
         }
     }));
-    useWalletConnectorEvent.useWalletConnectorEvent(uniqueNonPrimaryWallets, 'chainChange', (_, changedConnector) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        logger.logger.debug('secondary wallet chain change');
-        // Get all wallets with this connector
-        const affectedWallets = secondaryWallets.filter(({ connector }) => connector.key === changedConnector.key);
-        for (const wallet of affectedWallets)
-            refreshConnectedWallet(wallet.id, wallet.connector);
-    }));
     useWalletConnectorEvent.useWalletConnectorEvent(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector, 'disconnect', () => {
         logger.logger.debug('primary wallet disconnect');
         if (authMode === 'connect-only') {

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

@@ -18,13 +18,6 @@ import { useWalletConnectorEvent } from '../events/useWalletConnectorEvent/useWa
 import { dynamicEvents } from '../../../events/dynamicEvents.js';
 
 const useWalletEventListeners = ({ disconnectWallet, handleLogOut, multiWallet, multiWalletWidgetState, primaryWallet, secondaryWallets, selectedWalletConnector, selectedWalletWithAction, setSelectedWalletConnectorKey, setSelectedWalletWithAction, setMultiWalletWidgetState, user, setPrimaryWalletId, authMode, refreshConnectedWallet, detectNewWalletsForLinking, }) => {
-    useWalletConnectorEvent(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector, 'chainChange', ({ chain }) => {
-        logger.debug('primary wallet chain change', { chain });
-        if (!primaryWallet) {
-            return;
-        }
-        refreshConnectedWallet(primaryWallet.id, primaryWallet.connector);
-    });
     const handleAccountChangeWhenAwaitingAccountSwitch = useCallback((isPrimaryWallet, newAddress) => {
         logger.debug('handleAccountChangeWhenAwaitingAccountSwitch', {
             isPrimaryWallet,
@@ -145,13 +138,6 @@ const useWalletEventListeners = ({ disconnectWallet, handleLogOut, multiWallet,
             handleAccountChangeWhenAwaitingAccountSwitch(false, (selectedWalletWithAction === null || selectedWalletWithAction === void 0 ? void 0 : selectedWalletWithAction.wallet.address) || '');
         }
     }));
-    useWalletConnectorEvent(uniqueNonPrimaryWallets, 'chainChange', (_, changedConnector) => __awaiter(void 0, void 0, void 0, function* () {
-        logger.debug('secondary wallet chain change');
-        // Get all wallets with this connector
-        const affectedWallets = secondaryWallets.filter(({ connector }) => connector.key === changedConnector.key);
-        for (const wallet of affectedWallets)
-            refreshConnectedWallet(wallet.id, wallet.connector);
-    }));
     useWalletConnectorEvent(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector, 'disconnect', () => {
         logger.debug('primary wallet disconnect');
         if (authMode === 'connect-only') {

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

@@ -118,6 +118,7 @@ const useWalletOptions = () => {
             return {
                 group: option.group,
                 groupName,
+                isInstalledOnBrowser: option.isInstalledOnBrowser,
                 key: option.walletConnector.key,
                 name: option.name,
             };

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

@@ -3,6 +3,7 @@ export declare const useWalletOptions: () => {
     walletOptions: {
         group: string | undefined;
         groupName: string | undefined;
+        isInstalledOnBrowser: boolean;
         key: string;
         name: string;
     }[];

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

@@ -114,6 +114,7 @@ const useWalletOptions = () => {
             return {
                 group: option.group,
                 groupName,
+                isInstalledOnBrowser: option.isInstalledOnBrowser,
                 key: option.walletConnector.key,
                 name: option.name,
             };

package/src/lib/views/NoAccess/NoAccess.cjs

@@ -104,7 +104,10 @@ require('qrcode');
 const NoAccess = () => {
     const { deniedAddress, setDeniedAddress, setDeniedOauthProvider, deniedOauthProvider, deniedOauthUsername, } = AccessDeniedContext.useAccessDeniedContext();
     const { t } = reactI18next.useTranslation();
-    const accessIcon = iconic.findSocialIcon(deniedOauthProvider);
+    // deniedOauthProvider can be undefined
+    const accessIcon = deniedOauthProvider
+        ? iconic.findSocialIcon(deniedOauthProvider)
+        : undefined;
     const { selectedWalletConnector: walletConnector, socialMediaIconUrl, notInTheListImageUrl, accessDeniedButton, } = useInternalDynamicContext.useInternalDynamicContext();
     const { displayedDestination: email } = VerificationContext.useVerification();
     const { goToInitialView } = ViewContext.useViewContext();

package/src/lib/views/NoAccess/NoAccess.js

@@ -100,7 +100,10 @@ import 'qrcode';
 const NoAccess = () => {
     const { deniedAddress, setDeniedAddress, setDeniedOauthProvider, deniedOauthProvider, deniedOauthUsername, } = useAccessDeniedContext();
     const { t } = useTranslation();
-    const accessIcon = findSocialIcon(deniedOauthProvider);
+    // deniedOauthProvider can be undefined
+    const accessIcon = deniedOauthProvider
+        ? findSocialIcon(deniedOauthProvider)
+        : undefined;
     const { selectedWalletConnector: walletConnector, socialMediaIconUrl, notInTheListImageUrl, accessDeniedButton, } = useInternalDynamicContext();
     const { displayedDestination: email } = useVerification();
     const { goToInitialView } = useViewContext();