@dynamic-labs/sdk-react-core 3.1.1 → 3.1.3

package/CHANGELOG.md

@@ -1,4 +1,18 @@
 
+### [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)
+
+
+### Bug Fixes
+
+* issue where builtin stream module was a dependency ([#6985](https://github.com/dynamic-labs/DynamicAuth/issues/6985)) ([5ac1f6c](https://github.com/dynamic-labs/DynamicAuth/commit/5ac1f6c7b96f773d5f2f1899748c2a7fc84235ec))
+
 ### [3.1.1](https://github.com/dynamic-labs/DynamicAuth/compare/v3.1.0...v3.1.1) (2024-09-20)
 
 

package/package.cjs

@@ -3,9 +3,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "3.1.1";
+var version = "3.1.3";
 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.1";
+var version = "3.1.3";
 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.1",
+  "version": "3.1.3",
   "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.1",
-    "@dynamic-labs/logger": "3.1.1",
-    "@dynamic-labs/message-transport": "3.1.1",
-    "@dynamic-labs/multi-wallet": "3.1.1",
-    "@dynamic-labs/rpc-providers": "3.1.1",
-    "@dynamic-labs/store": "3.1.1",
-    "@dynamic-labs/types": "3.1.1",
-    "@dynamic-labs/utils": "3.1.1",
-    "@dynamic-labs/wallet-book": "3.1.1",
-    "@dynamic-labs/wallet-connector-core": "3.1.1",
+    "@dynamic-labs/iconic": "3.1.3",
+    "@dynamic-labs/logger": "3.1.3",
+    "@dynamic-labs/multi-wallet": "3.1.3",
+    "@dynamic-labs/rpc-providers": "3.1.3",
+    "@dynamic-labs/store": "3.1.3",
+    "@dynamic-labs/types": "3.1.3",
+    "@dynamic-labs/utils": "3.1.3",
+    "@dynamic-labs/wallet-book": "3.1.3",
+    "@dynamic-labs/wallet-connector-core": "3.1.3",
     "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/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/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/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();