@dynamic-labs/sdk-react-core 2.0.0-alpha.22 → 2.0.0-alpha.24

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

@@ -103,8 +103,10 @@ const walletListBuilder = ({ authMode, connectedWallets, multiWallet, numberOfWa
     const finalizedWalletList = groupWallets
         ? groupWalletOptions(walletBook, walletsList)
         : walletsList;
+    // If a filter has been applied we want to add an offset to the number of wallets
+    // to include the installed and last used wallets
     const updatedNumberOfWalletsToShow = showMoreWalletsWithFilter && hasWalletFilter
-        ? calculateWithFilterNumberOfWalletsToShow(orderedInputList, firstPriorityWallets.concat(installedWallets), numberOfWalletsToShow)
+        ? calculateWalletOffsetBasedOnInstalledAndLastUsedWallets(orderedInputList, firstPriorityWallets.concat(installedWallets), numberOfWalletsToShow)
         : numberOfWalletsToShow;
     return {
         numberOfWallets: walletsList.length,
@@ -122,17 +124,24 @@ const orderAndFilterList = (walletList, walletsFilter, isWalletConnectList, reco
         return sortedWalletList;
     }
 };
+const KEEP_WALLETS_NAME_LIST = ['wallet connect'];
 const applySearchFilterToWalletOptionList = (rawSearchFilter, walletOptionList) => {
     const searchFilter = rawSearchFilter.trim().toLowerCase();
-    const cleanName = (name) => name
-        .trim()
-        .toLowerCase()
-        .replace('wallet', '')
-        .replace('evm', '')
-        .replace('starknet', '')
-        .replace('solana', '')
-        .replace('flow', '')
-        .replace('bitcoin', '');
+    const cleanName = (name) => {
+        const trimmedLowerName = name.trim().toLowerCase();
+        if (KEEP_WALLETS_NAME_LIST.includes(trimmedLowerName)) {
+            return trimmedLowerName;
+        }
+        else {
+            return trimmedLowerName
+                .replace('wallet', '')
+                .replace('evm', '')
+                .replace('starknet', '')
+                .replace('solana', '')
+                .replace('flow', '')
+                .replace('bitcoin', '');
+        }
+    };
     return walletOptionList.filter((walletOption) => {
         var _a;
         return cleanName(walletOption.name).includes(searchFilter) ||
@@ -163,19 +172,18 @@ const listToDisplay = (finalizedList, searchFilter, isWalletConnectList, numberO
     }
 };
 /**
- * When a filter is applied we would like to show the installed + last used wallets
- * in addition to the wallets that the filter has specified.
  * This calculation adds an offset to numberOfWalletsToShow so we will show the
  * intended wallets + installed and last used.
+ * We should would only apply the additonal offset if the installed wallets was not in the original list.
  *
  * For example:
  * we want to show 4 wallets: ['metamask', 'rainbow', 'walletconnect', 'coinbase']
  * and someone is using brave with installed phantom he should see
  * [ 'brave injected', phantom ,'metamask', 'rainbow', 'walletconnect', 'coinbase',]
- *
- * note — this should only apply to the WalletList view!
+ * And when someone is using metamask and coinbase they should see
+ * [ 'metamask', 'coinbase', 'rainbow', 'walletconnect']
  */
-const calculateWithFilterNumberOfWalletsToShow = (allWalletsOrdered, installedOrUsedWallets, numberOfWalletsToShow) => {
+const calculateWalletOffsetBasedOnInstalledAndLastUsedWallets = (allWalletsOrdered, installedOrUsedWallets, numberOfWalletsToShow) => {
     const filteredWallets = allWalletsOrdered.slice(0, numberOfWalletsToShow);
     const offset = installedOrUsedWallets.filter((wallet) => !filteredWallets.includes(wallet)).length;
     return numberOfWalletsToShow + offset;
@@ -193,4 +201,4 @@ const getSignWithEmailWallet = (signWithEmailWalletName, inputList) => {
     return walletOverride;
 };
 
-export { PRIORITY_WALLET_LIST, SIGN_IN_WITH_EMAIL_WALLET_NAME, walletListBuilder };
+export { PRIORITY_WALLET_LIST, SIGN_IN_WITH_EMAIL_WALLET_NAME, calculateWalletOffsetBasedOnInstalledAndLastUsedWallets, walletListBuilder };

package/src/lib/utils/hooks/authenticationHooks/useConnectAndSign/useConnectAndSign.cjs

@@ -27,6 +27,7 @@ var isProgrammableNetworkSwitchSupported = require('../../../functions/isProgram
 var isSupportedNetwork = require('../../../functions/isSupportedNetwork/isSupportedNetwork.cjs');
 require('viem');
 require('viem/chains');
+require('i18next');
 require('../../../../config/ApiEndpoint.cjs');
 var useHandleWalletsToConnect = require('../../useHandleWalletsToConnect/useHandleWalletsToConnect.cjs');
 var useVerifyWallet = require('../../useVerifyWallet/useVerifyWallet.cjs');
@@ -67,7 +68,6 @@ require('formik');
 require('../../../../views/WalletList/WalletList.cjs');
 require('../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
-require('i18next');
 require('@hcaptcha/react-hcaptcha');
 require('../../../../context/LoadingContext/LoadingContext.cjs');
 require('../../../../context/FooterAnimationContext/index.cjs');
@@ -84,7 +84,7 @@ const useConnectAndSign = ({ shouldUpdateWallets = true, shouldCallCallback = tr
     const { setView, goToInitialView } = ViewContext.useViewContext();
     const { engageCaptcha, getCaptchaToken } = CaptchaContext.useCaptchaContext();
     const { setErrorMessage } = ErrorContext.useErrorContext();
-    const { authMode, connectWallet, consumeNonce, displaySiweStatement, environmentId, projectSettings, networkValidationMode, setIsSingleWalletAccount, user, walletUiUtils, setIsVerificationInProgress, } = useInternalDynamicContext.useInternalDynamicContext();
+    const { authMode, connectWallet, consumeNonce, displaySiweStatement, environmentId, projectSettings, networkValidationMode, setIsSingleWalletAccount, user, walletUiUtils, } = useInternalDynamicContext.useInternalDynamicContext();
     const { handleWalletsToConnect } = useHandleWalletsToConnect.useHandleWalletsToConnect();
     const verifyWallet = useVerifyWallet.useVerifyWallet({
         consumeNonce,
@@ -114,16 +114,9 @@ const useConnectAndSign = ({ shouldUpdateWallets = true, shouldCallCallback = tr
             logger.logger.debug(err);
         setErrorMessage((_a = err === null || err === void 0 ? void 0 : err.code) === null || _a === void 0 ? void 0 : _a.toString());
         goToInitialView();
-        // Since auth failed, clear verification flag
-        // But if user cancelled, clearStatesOnBackClick will have already cleared it. So avoid
-        // clearing again since that would trigger a warning
-        if (!userCancelled)
-            setIsVerificationInProgress(false);
     };
     return ({ walletConnector, getAddressOpts = undefined }) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         var _a;
-        // Raise verification ongoing flag
-        setIsVerificationInProgress(true);
         try {
             yield showPendingConnectView.showPendingConnectView(walletConnector, setView);
             if (walletConnectorCore.isEmailWalletConnector(walletConnector)) {

package/src/lib/utils/hooks/authenticationHooks/useConnectAndSign/useConnectAndSign.js

@@ -23,6 +23,7 @@ import { isProgrammableNetworkSwitchSupported } from '../../../functions/isProgr
 import { isSupportedNetwork } from '../../../functions/isSupportedNetwork/isSupportedNetwork.js';
 import 'viem';
 import 'viem/chains';
+import 'i18next';
 import '../../../../config/ApiEndpoint.js';
 import { useHandleWalletsToConnect } from '../../useHandleWalletsToConnect/useHandleWalletsToConnect.js';
 import { useVerifyWallet } from '../../useVerifyWallet/useVerifyWallet.js';
@@ -63,7 +64,6 @@ import 'formik';
 import '../../../../views/WalletList/WalletList.js';
 import '../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
-import 'i18next';
 import '@hcaptcha/react-hcaptcha';
 import '../../../../context/LoadingContext/LoadingContext.js';
 import '../../../../context/FooterAnimationContext/index.js';
@@ -80,7 +80,7 @@ const useConnectAndSign = ({ shouldUpdateWallets = true, shouldCallCallback = tr
     const { setView, goToInitialView } = useViewContext();
     const { engageCaptcha, getCaptchaToken } = useCaptchaContext();
     const { setErrorMessage } = useErrorContext();
-    const { authMode, connectWallet, consumeNonce, displaySiweStatement, environmentId, projectSettings, networkValidationMode, setIsSingleWalletAccount, user, walletUiUtils, setIsVerificationInProgress, } = useInternalDynamicContext();
+    const { authMode, connectWallet, consumeNonce, displaySiweStatement, environmentId, projectSettings, networkValidationMode, setIsSingleWalletAccount, user, walletUiUtils, } = useInternalDynamicContext();
     const { handleWalletsToConnect } = useHandleWalletsToConnect();
     const verifyWallet = useVerifyWallet({
         consumeNonce,
@@ -110,16 +110,9 @@ const useConnectAndSign = ({ shouldUpdateWallets = true, shouldCallCallback = tr
             logger.debug(err);
         setErrorMessage((_a = err === null || err === void 0 ? void 0 : err.code) === null || _a === void 0 ? void 0 : _a.toString());
         goToInitialView();
-        // Since auth failed, clear verification flag
-        // But if user cancelled, clearStatesOnBackClick will have already cleared it. So avoid
-        // clearing again since that would trigger a warning
-        if (!userCancelled)
-            setIsVerificationInProgress(false);
     };
     return ({ walletConnector, getAddressOpts = undefined }) => __awaiter(void 0, void 0, void 0, function* () {
         var _a;
-        // Raise verification ongoing flag
-        setIsVerificationInProgress(true);
         try {
             yield showPendingConnectView(walletConnector, setView);
             if (isEmailWalletConnector(walletConnector)) {

package/src/lib/utils/hooks/authenticationHooks/useConnectAndSignSplitSteps/useConnectAndSignSplitSteps.cjs

@@ -23,8 +23,11 @@ require('../../../../events/dynamicEvents.cjs');
 var ErrorContext = require('../../../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
+var isProgrammableNetworkSwitchSupported = require('../../../functions/isProgrammableNetworkSwitchSupported/isProgrammableNetworkSwitchSupported.cjs');
+var isSupportedNetwork = require('../../../functions/isSupportedNetwork/isSupportedNetwork.cjs');
 require('viem');
 require('viem/chains');
+require('i18next');
 require('../../../../config/ApiEndpoint.cjs');
 var useHandleWalletsToConnect = require('../../useHandleWalletsToConnect/useHandleWalletsToConnect.cjs');
 var useVerifyWallet = require('../../useVerifyWallet/useVerifyWallet.cjs');
@@ -65,7 +68,6 @@ require('formik');
 require('../../../../views/WalletList/WalletList.cjs');
 require('../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
-require('i18next');
 require('@hcaptcha/react-hcaptcha');
 require('../../../../context/LoadingContext/LoadingContext.cjs');
 require('../../../../context/FooterAnimationContext/index.cjs');
@@ -82,7 +84,7 @@ const useConnectAndSignSplitSteps = () => {
     const { setView, goToInitialView } = ViewContext.useViewContext();
     const { setErrorMessage } = ErrorContext.useErrorContext();
     const { getCaptchaToken, engageCaptcha } = CaptchaContext.useCaptchaContext();
-    const { connectWallet, consumeNonce, displaySiweStatement, projectSettings, environmentId, setIsSingleWalletAccount, setShowAuthFlow, user, authMode, setIsVerificationInProgress, } = useInternalDynamicContext.useInternalDynamicContext();
+    const { connectWallet, consumeNonce, displaySiweStatement, projectSettings, environmentId, networkValidationMode, setIsSingleWalletAccount, setShowAuthFlow, user, authMode, } = useInternalDynamicContext.useInternalDynamicContext();
     const { handleWalletsToConnect } = useHandleWalletsToConnect.useHandleWalletsToConnect();
     const verifyWallet = useVerifyWallet.useVerifyWallet({
         consumeNonce,
@@ -95,7 +97,6 @@ const useConnectAndSignSplitSteps = () => {
         var _a;
         logger.logger.debug(err);
         goToInitialView();
-        setIsVerificationInProgress(false);
         /**
          * On mobile we don't want to show error message because the user
          * is redirected to the wallet mobile app
@@ -111,8 +112,6 @@ const useConnectAndSignSplitSteps = () => {
     // or in Dapper
     const onlyConnectUser = ({ walletConnector, getAddressOpts = undefined, }) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         var _a;
-        // Raise verification ongoing flag
-        setIsVerificationInProgress(true);
         yield showPendingConnectView.showPendingConnectView(walletConnector, setView);
         try {
             yield connectWallet(walletConnector, getAddressOpts, {
@@ -144,13 +143,24 @@ const useConnectAndSignSplitSteps = () => {
     // This method is similar to useConnectAndSign, but it does not call showPendingConnectView
     // This is because we already called it in onlyConnectUser and now we just want to sign
     const signAlreadyConnectedUser = ({ walletConnector, getAddressOpts = undefined, }) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        // Raise verification ongoing flag
-        setIsVerificationInProgress(true);
         try {
             const connectionResult = yield connectWallet(walletConnector, getAddressOpts);
             if (!(connectionResult === null || connectionResult === void 0 ? void 0 : connectionResult.address)) {
                 return;
             }
+            const walletNetwork = yield walletConnector.getNetwork();
+            const usesSupportedNetwork = isSupportedNetwork.isSupportedNetwork({
+                network: walletNetwork,
+                walletConnector,
+            });
+            const isNetworkValidationEnabledForSignIn = networkValidationMode === 'always' ||
+                networkValidationMode === 'sign-in';
+            if (!usesSupportedNetwork && isNetworkValidationEnabledForSignIn) {
+                if (!isProgrammableNetworkSwitchSupported.isProgrammableNetworkSwitchSupported(walletConnector)) {
+                    return setView('network-not-supported-manual');
+                }
+                return setView('network-not-supported');
+            }
             yield verifyWallet({
                 captchaToken: getCaptchaToken(),
                 publicWalletAddress: connectionResult.address,

package/src/lib/utils/hooks/authenticationHooks/useConnectAndSignSplitSteps/useConnectAndSignSplitSteps.js

@@ -19,8 +19,11 @@ import '../../../../events/dynamicEvents.js';
 import { useErrorContext } from '../../../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
+import { isProgrammableNetworkSwitchSupported } from '../../../functions/isProgrammableNetworkSwitchSupported/isProgrammableNetworkSwitchSupported.js';
+import { isSupportedNetwork } from '../../../functions/isSupportedNetwork/isSupportedNetwork.js';
 import 'viem';
 import 'viem/chains';
+import 'i18next';
 import '../../../../config/ApiEndpoint.js';
 import { useHandleWalletsToConnect } from '../../useHandleWalletsToConnect/useHandleWalletsToConnect.js';
 import { useVerifyWallet } from '../../useVerifyWallet/useVerifyWallet.js';
@@ -61,7 +64,6 @@ import 'formik';
 import '../../../../views/WalletList/WalletList.js';
 import '../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
-import 'i18next';
 import '@hcaptcha/react-hcaptcha';
 import '../../../../context/LoadingContext/LoadingContext.js';
 import '../../../../context/FooterAnimationContext/index.js';
@@ -78,7 +80,7 @@ const useConnectAndSignSplitSteps = () => {
     const { setView, goToInitialView } = useViewContext();
     const { setErrorMessage } = useErrorContext();
     const { getCaptchaToken, engageCaptcha } = useCaptchaContext();
-    const { connectWallet, consumeNonce, displaySiweStatement, projectSettings, environmentId, setIsSingleWalletAccount, setShowAuthFlow, user, authMode, setIsVerificationInProgress, } = useInternalDynamicContext();
+    const { connectWallet, consumeNonce, displaySiweStatement, projectSettings, environmentId, networkValidationMode, setIsSingleWalletAccount, setShowAuthFlow, user, authMode, } = useInternalDynamicContext();
     const { handleWalletsToConnect } = useHandleWalletsToConnect();
     const verifyWallet = useVerifyWallet({
         consumeNonce,
@@ -91,7 +93,6 @@ const useConnectAndSignSplitSteps = () => {
         var _a;
         logger.debug(err);
         goToInitialView();
-        setIsVerificationInProgress(false);
         /**
          * On mobile we don't want to show error message because the user
          * is redirected to the wallet mobile app
@@ -107,8 +108,6 @@ const useConnectAndSignSplitSteps = () => {
     // or in Dapper
     const onlyConnectUser = ({ walletConnector, getAddressOpts = undefined, }) => __awaiter(void 0, void 0, void 0, function* () {
         var _a;
-        // Raise verification ongoing flag
-        setIsVerificationInProgress(true);
         yield showPendingConnectView(walletConnector, setView);
         try {
             yield connectWallet(walletConnector, getAddressOpts, {
@@ -140,13 +139,24 @@ const useConnectAndSignSplitSteps = () => {
     // This method is similar to useConnectAndSign, but it does not call showPendingConnectView
     // This is because we already called it in onlyConnectUser and now we just want to sign
     const signAlreadyConnectedUser = ({ walletConnector, getAddressOpts = undefined, }) => __awaiter(void 0, void 0, void 0, function* () {
-        // Raise verification ongoing flag
-        setIsVerificationInProgress(true);
         try {
             const connectionResult = yield connectWallet(walletConnector, getAddressOpts);
             if (!(connectionResult === null || connectionResult === void 0 ? void 0 : connectionResult.address)) {
                 return;
             }
+            const walletNetwork = yield walletConnector.getNetwork();
+            const usesSupportedNetwork = isSupportedNetwork({
+                network: walletNetwork,
+                walletConnector,
+            });
+            const isNetworkValidationEnabledForSignIn = networkValidationMode === 'always' ||
+                networkValidationMode === 'sign-in';
+            if (!usesSupportedNetwork && isNetworkValidationEnabledForSignIn) {
+                if (!isProgrammableNetworkSwitchSupported(walletConnector)) {
+                    return setView('network-not-supported-manual');
+                }
+                return setView('network-not-supported');
+            }
             yield verifyWallet({
                 captchaToken: getCaptchaToken(),
                 publicWalletAddress: connectionResult.address,

package/src/lib/utils/hooks/authenticationHooks/useOtpVerificationRequest/useOtpVerificationRequest.cjs

@@ -8,16 +8,16 @@ var utils = require('@dynamic-labs/utils');
 require('../../../../events/dynamicEvents.cjs');
 require('../../../../context/DynamicContext/DynamicContext.cjs');
 var decodeJwt = require('../../../../shared/utils/functions/decodeJwt/decodeJwt.cjs');
+require('@dynamic-labs/sdk-api');
+require('../../../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
 require('react/jsx-runtime');
 require('../../../../context/ViewContext/ViewContext.cjs');
-require('../../../../shared/logger.cjs');
 require('@dynamic-labs/wallet-book');
 require('../../../constants/colors.cjs');
 require('../../../constants/values.cjs');
 require('../../../../shared/utils/classes/storage/localStorage.cjs');
-require('@dynamic-labs/sdk-api');
 require('../../../../shared/consts/index.cjs');
 var useInternalDynamicContext = require('../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 require('../../../../context/CaptchaContext/CaptchaContext.cjs');
@@ -82,8 +82,8 @@ require('../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/Passke
  * This is to avoid a circular logic issue, as handleVerificationRequired needs to use the logic in this file as well.
  */
 const useOtpVerificationRequestRaw = () => {
-    const { onboardingOnlyJwt, authToken, environmentId } = useInternalDynamicContext.useInternalDynamicContext();
-    const jwtToken = onboardingOnlyJwt || authToken;
+    const { onboardingOnlyJwt, minAuthToken, environmentId } = useInternalDynamicContext.useInternalDynamicContext();
+    const jwtToken = onboardingOnlyJwt || minAuthToken;
     const { updateUserProfileByJWT } = useUpdateUserProfileByJWTCallback.useUpdateUserProfileByJWTCallback();
     const { verificationUUID: contextVerificationUUID } = VerificationContext.useVerification();
     const verifyOtp = React.useCallback((handleVerificationRequired, verificationToken, destination, localVerificationUUID) => _tslib.__awaiter(void 0, void 0, void 0, function* () {

package/src/lib/utils/hooks/authenticationHooks/useOtpVerificationRequest/useOtpVerificationRequest.d.ts

@@ -1,11 +1,12 @@
 import { HandleVerification, UpdateUserReturnPayload } from '../..';
-export type VerifyOtp = (verificationToken: string, destination: 'email' | 'sms', verificationUUID?: string) => Promise<UpdateUserReturnPayload>;
+export type OtpVerificationDestination = 'email' | 'sms';
+export type VerifyOtp = (verificationToken: string, destination: OtpVerificationDestination, verificationUUID?: string) => Promise<UpdateUserReturnPayload>;
 /**
  * Same as useOtpVerificationRequest, but requires you to pass it a handleVerificationRequired method as param.
  * This is to avoid a circular logic issue, as handleVerificationRequired needs to use the logic in this file as well.
  */
 export declare const useOtpVerificationRequestRaw: () => {
-    verifyOtp: (handleVerificationRequired: HandleVerification, verificationToken: string, destination: 'email' | 'sms', localVerificationUUID?: string) => Promise<UpdateUserReturnPayload>;
+    verifyOtp: (handleVerificationRequired: HandleVerification, verificationToken: string, destination: OtpVerificationDestination, localVerificationUUID?: string) => Promise<UpdateUserReturnPayload>;
 };
 /**
  * Hook to make verifications and already handle nuances like handling additional verifications

package/src/lib/utils/hooks/authenticationHooks/useOtpVerificationRequest/useOtpVerificationRequest.js

@@ -4,16 +4,16 @@ import { DynamicError } from '@dynamic-labs/utils';
 import '../../../../events/dynamicEvents.js';
 import '../../../../context/DynamicContext/DynamicContext.js';
 import { decodeJwt } from '../../../../shared/utils/functions/decodeJwt/decodeJwt.js';
+import '@dynamic-labs/sdk-api';
+import '../../../../shared/logger.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import 'react/jsx-runtime';
 import '../../../../context/ViewContext/ViewContext.js';
-import '../../../../shared/logger.js';
 import '@dynamic-labs/wallet-book';
 import '../../../constants/colors.js';
 import '../../../constants/values.js';
 import '../../../../shared/utils/classes/storage/localStorage.js';
-import '@dynamic-labs/sdk-api';
 import '../../../../shared/consts/index.js';
 import { useInternalDynamicContext } from '../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 import '../../../../context/CaptchaContext/CaptchaContext.js';
@@ -78,8 +78,8 @@ import '../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/Passkey
  * This is to avoid a circular logic issue, as handleVerificationRequired needs to use the logic in this file as well.
  */
 const useOtpVerificationRequestRaw = () => {
-    const { onboardingOnlyJwt, authToken, environmentId } = useInternalDynamicContext();
-    const jwtToken = onboardingOnlyJwt || authToken;
+    const { onboardingOnlyJwt, minAuthToken, environmentId } = useInternalDynamicContext();
+    const jwtToken = onboardingOnlyJwt || minAuthToken;
     const { updateUserProfileByJWT } = useUpdateUserProfileByJWTCallback();
     const { verificationUUID: contextVerificationUUID } = useVerification();
     const verifyOtp = useCallback((handleVerificationRequired, verificationToken, destination, localVerificationUUID) => __awaiter(void 0, void 0, void 0, function* () {

package/src/lib/utils/hooks/authenticationHooks/useSignConnectOnlyUser/useSignConnectOnlyUser.cjs

@@ -24,6 +24,7 @@ require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
 require('viem');
 require('viem/chains');
+require('i18next');
 require('../../../../config/ApiEndpoint.cjs');
 var useVerifyWallet = require('../../useVerifyWallet/useVerifyWallet.cjs');
 require('../../../../context/VerificationContext/VerificationContext.cjs');
@@ -61,7 +62,6 @@ require('formik');
 require('../../../../views/WalletList/WalletList.cjs');
 require('../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
-require('i18next');
 require('@hcaptcha/react-hcaptcha');
 require('../../../../context/LoadingContext/LoadingContext.cjs');
 require('../../../../context/FooterAnimationContext/index.cjs');

package/src/lib/utils/hooks/authenticationHooks/useSignConnectOnlyUser/useSignConnectOnlyUser.js

@@ -20,6 +20,7 @@ import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
 import 'viem';
 import 'viem/chains';
+import 'i18next';
 import '../../../../config/ApiEndpoint.js';
 import { useVerifyWallet } from '../../useVerifyWallet/useVerifyWallet.js';
 import '../../../../context/VerificationContext/VerificationContext.js';
@@ -57,7 +58,6 @@ import 'formik';
 import '../../../../views/WalletList/WalletList.js';
 import '../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
-import 'i18next';
 import '@hcaptcha/react-hcaptcha';
 import '../../../../context/LoadingContext/LoadingContext.js';
 import '../../../../context/FooterAnimationContext/index.js';

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

@@ -50,3 +50,4 @@ export { useNetworkDataFromWallet } from './useNetworkDataFromWallet';
 export { useDynamicModals } from './useDynamicModals';
 export { useSendDynamicProps } from './useSendDynamicProps';
 export { useNetworkNotSupported } from './useNetworkNotSupported';
+export { useHandleBeforeAuthHandler } from './useHandleBeforeAuthHandler';

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

@@ -24,6 +24,7 @@ require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
 require('viem');
 require('viem/chains');
+require('i18next');
 require('../../../../config/ApiEndpoint.cjs');
 require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../../context/AccountExistsContext/AccountExistsContext.cjs');
@@ -60,7 +61,6 @@ require('formik');
 require('../../../../views/WalletList/WalletList.cjs');
 require('../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
-require('i18next');
 require('@hcaptcha/react-hcaptcha');
 require('../../../../context/LoadingContext/LoadingContext.cjs');
 require('../../../../context/FooterAnimationContext/index.cjs');

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

@@ -20,6 +20,7 @@ import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
 import 'viem';
 import 'viem/chains';
+import 'i18next';
 import '../../../../config/ApiEndpoint.js';
 import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../context/AccountExistsContext/AccountExistsContext.js';
@@ -56,7 +57,6 @@ import 'formik';
 import '../../../../views/WalletList/WalletList.js';
 import '../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
-import 'i18next';
 import '@hcaptcha/react-hcaptcha';
 import '../../../../context/LoadingContext/LoadingContext.js';
 import '../../../../context/FooterAnimationContext/index.js';

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

@@ -22,6 +22,7 @@ var useConnectAndSign = require('../../authenticationHooks/useConnectAndSign/use
 require('../../../../context/ErrorContext/ErrorContext.cjs');
 require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../../context/AccountExistsContext/AccountExistsContext.cjs');
+require('i18next');
 require('../../../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
@@ -62,7 +63,6 @@ require('formik');
 require('../../../../views/WalletList/WalletList.cjs');
 require('../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
-require('i18next');
 require('@hcaptcha/react-hcaptcha');
 require('../../../../context/LoadingContext/LoadingContext.cjs');
 require('../../../../context/FooterAnimationContext/index.cjs');

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

@@ -18,6 +18,7 @@ import { useConnectAndSign } from '../../authenticationHooks/useConnectAndSign/u
 import '../../../../context/ErrorContext/ErrorContext.js';
 import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../context/AccountExistsContext/AccountExistsContext.js';
+import 'i18next';
 import '../../../../config/ApiEndpoint.js';
 import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
@@ -58,7 +59,6 @@ import 'formik';
 import '../../../../views/WalletList/WalletList.js';
 import '../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
-import 'i18next';
 import '@hcaptcha/react-hcaptcha';
 import '../../../../context/LoadingContext/LoadingContext.js';
 import '../../../../context/FooterAnimationContext/index.js';

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

@@ -24,6 +24,7 @@ require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
 require('viem');
 require('viem/chains');
+require('i18next');
 require('../../../config/ApiEndpoint.cjs');
 require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
@@ -60,7 +61,6 @@ require('formik');
 require('../../../views/WalletList/WalletList.cjs');
 require('../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
-require('i18next');
 require('@hcaptcha/react-hcaptcha');
 require('../../../context/LoadingContext/LoadingContext.cjs');
 var isUserLinkingWallet = require('../../../shared/utils/functions/isUserLinkingWallet/isUserLinkingWallet.cjs');
@@ -187,9 +187,11 @@ const useAuthLayoutChecks = () => {
         view.type === 'farcaster-connect-view' ||
         (view.type === 'merge-user-accounts' && !user);
     const showDefaultFooter = !showConnectedWalletProgress && !showDynamicFooter && !showToSFooter;
+    const shouldHideDynamicFooterSeparator = showDynamicFooter && showToSFooter;
     return {
         displayBorderBelowHeader,
         isWalletListTypeView,
+        shouldHideDynamicFooterSeparator,
         showBackButton,
         showCloseButton,
         showConnectedWalletProgress,

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

@@ -1,6 +1,7 @@
 export declare const useAuthLayoutChecks: () => {
     displayBorderBelowHeader: boolean;
     isWalletListTypeView: boolean;
+    shouldHideDynamicFooterSeparator: boolean;
     showBackButton: boolean;
     showCloseButton: boolean;
     showConnectedWalletProgress: boolean;

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

@@ -20,6 +20,7 @@ import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
 import 'viem';
 import 'viem/chains';
+import 'i18next';
 import '../../../config/ApiEndpoint.js';
 import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../context/AccountExistsContext/AccountExistsContext.js';
@@ -56,7 +57,6 @@ import 'formik';
 import '../../../views/WalletList/WalletList.js';
 import '../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
-import 'i18next';
 import '@hcaptcha/react-hcaptcha';
 import '../../../context/LoadingContext/LoadingContext.js';
 import { isUserLinkingWallet } from '../../../shared/utils/functions/isUserLinkingWallet/isUserLinkingWallet.js';
@@ -183,9 +183,11 @@ const useAuthLayoutChecks = () => {
         view.type === 'farcaster-connect-view' ||
         (view.type === 'merge-user-accounts' && !user);
     const showDefaultFooter = !showConnectedWalletProgress && !showDynamicFooter && !showToSFooter;
+    const shouldHideDynamicFooterSeparator = showDynamicFooter && showToSFooter;
     return {
         displayBorderBelowHeader,
         isWalletListTypeView,
+        shouldHideDynamicFooterSeparator,
         showBackButton,
         showCloseButton,
         showConnectedWalletProgress,

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

@@ -24,6 +24,7 @@ require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
 require('viem');
 require('viem/chains');
+require('i18next');
 require('../../../config/ApiEndpoint.cjs');
 require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
@@ -61,7 +62,6 @@ require('formik');
 require('../../../views/WalletList/WalletList.cjs');
 require('../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
-require('i18next');
 require('@hcaptcha/react-hcaptcha');
 require('../../../context/LoadingContext/LoadingContext.cjs');
 require('../../../context/FooterAnimationContext/index.cjs');

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

@@ -20,6 +20,7 @@ import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
 import 'viem';
 import 'viem/chains';
+import 'i18next';
 import '../../../config/ApiEndpoint.js';
 import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../context/AccountExistsContext/AccountExistsContext.js';
@@ -57,7 +58,6 @@ import 'formik';
 import '../../../views/WalletList/WalletList.js';
 import '../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
-import 'i18next';
 import '@hcaptcha/react-hcaptcha';
 import '../../../context/LoadingContext/LoadingContext.js';
 import '../../../context/FooterAnimationContext/index.js';