@dynamic-labs/sdk-react-core 4.0.0-alpha.2 → 4.0.0-alpha.21

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

@@ -70,28 +70,19 @@ import 'qrcode';
 import 'formik';
 import '../../../../context/FooterAnimationContext/index.js';
 import '../../../../context/WalletGroupContext/WalletGroupContext.js';
+import '../../../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
 import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
-import '../../../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../../store/state/sendBalances.js';
 import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
-import '../../../../../polyfills.js';
-import '../../../../context/ErrorBoundary/ErrorBoundaryBase.js';
-import '../../../../context/ErrorBoundary/ErrorBoundaryContext.js';
-import '../../../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.js';
-import '../../../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.js';
-import '../../../../context/WidgetRegistry/WidgetRegistryContextProvider.js';
-import '../../../../context/FundingContext/FundingContext.js';
-import '../../../../context/SendBalanceContext/SendBalanceContext.js';
-import '../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
-import '../../../../context/ConnectWithOtpContext/constants.js';
-import '../../../../context/ReinitializeContext/ReinitializeContextProvider.js';
+import '../../../../../index.js';
 import '../../../../store/state/tokenBalances.js';
+import '../../../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
 import { useInternalDynamicContext } from '../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 
 const useConnectAndSignSplitSteps = () => {
@@ -107,26 +98,27 @@ const useConnectAndSignSplitSteps = () => {
         projectSettings,
         setIsSingleWalletAccount,
     });
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     const onErrorHandler = (err) => {
         var _a;
         logger.debug(err);
-        goToInitialView();
         /**
-         * On mobile we don't want to show error message because the user
-         * is redirected to the wallet mobile app
+         * On mobile, when the user is redirected to the wallet mobile app, this error is thrown.
+         * We want to stay in whichever view we currently are, most likely mobile-wallet-redirect-view
          */
-        const isMissingPublicAddressErrorExpected = err instanceof MissingPublicAddressError && isMobile();
-        if (!isMissingPublicAddressErrorExpected) {
-            setErrorMessage((_a = err.code) !== null && _a !== void 0 ? _a : err.toString());
-        }
+        if (err instanceof MissingPublicAddressError && isMobile())
+            return;
+        goToInitialView();
+        setErrorMessage((_a = err.code) !== null && _a !== void 0 ? _a : err.toString());
     };
     // This method is similar to useConnectAndSign, but it skips signing for now
     // It's used when we want to connect and sign in two separate steps
     // For example on mobile when we want to sign on button click
     // or in Dapper
-    const onlyConnectUser = (_a) => __awaiter(void 0, [_a], void 0, function* ({ walletConnector, getAddressOpts = undefined, }) {
+    const onlyConnectUser = (_a) => __awaiter(void 0, [_a], void 0, function* ({ walletConnector, getAddressOpts = undefined, shouldShowPendingConnectView = true, }) {
         var _b;
-        yield showPendingConnectView(walletConnector, setView);
+        if (shouldShowPendingConnectView)
+            yield showPendingConnectView(walletConnector, setView);
         try {
             yield connectWallet(walletConnector, getAddressOpts);
             if (isConnectOnly(user, authMode)) {

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

@@ -72,29 +72,20 @@ require('qrcode');
 require('formik');
 require('../../../../context/FooterAnimationContext/index.cjs');
 require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
+require('../../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('../../../../locale/locale.cjs');
 require('@hcaptcha/react-hcaptcha');
 require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
-require('../../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../../store/state/sendBalances.cjs');
 require('../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
-require('../../../../../polyfills.cjs');
-require('../../../../context/ErrorBoundary/ErrorBoundaryBase.cjs');
-require('../../../../context/ErrorBoundary/ErrorBoundaryContext.cjs');
-require('../../../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.cjs');
-require('../../../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.cjs');
-require('../../../../context/WidgetRegistry/WidgetRegistryContextProvider.cjs');
-require('../../../../context/FundingContext/FundingContext.cjs');
-require('../../../../context/SendBalanceContext/SendBalanceContext.cjs');
-require('../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
-require('../../../../context/ConnectWithOtpContext/constants.cjs');
-require('../../../../context/ReinitializeContext/ReinitializeContextProvider.cjs');
+require('../../../../../index.cjs');
 require('../../../../store/state/tokenBalances.cjs');
+require('../../../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
 
 /**
  * Same as useOtpVerificationRequest, but requires you to pass it a handleVerificationRequired method as param.

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

@@ -68,29 +68,20 @@ import 'qrcode';
 import 'formik';
 import '../../../../context/FooterAnimationContext/index.js';
 import '../../../../context/WalletGroupContext/WalletGroupContext.js';
+import '../../../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '../../../../locale/locale.js';
 import '@hcaptcha/react-hcaptcha';
 import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
-import '../../../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../../store/state/sendBalances.js';
 import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
-import '../../../../../polyfills.js';
-import '../../../../context/ErrorBoundary/ErrorBoundaryBase.js';
-import '../../../../context/ErrorBoundary/ErrorBoundaryContext.js';
-import '../../../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.js';
-import '../../../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.js';
-import '../../../../context/WidgetRegistry/WidgetRegistryContextProvider.js';
-import '../../../../context/FundingContext/FundingContext.js';
-import '../../../../context/SendBalanceContext/SendBalanceContext.js';
-import '../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
-import '../../../../context/ConnectWithOtpContext/constants.js';
-import '../../../../context/ReinitializeContext/ReinitializeContextProvider.js';
+import '../../../../../index.js';
 import '../../../../store/state/tokenBalances.js';
+import '../../../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
 
 /**
  * Same as useOtpVerificationRequest, but requires you to pass it a handleVerificationRequired method as param.

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

@@ -68,28 +68,19 @@ require('qrcode');
 require('formik');
 require('../../../../context/FooterAnimationContext/index.cjs');
 require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
+require('../../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
 require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
-require('../../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../../store/state/sendBalances.cjs');
 require('../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
-require('../../../../../polyfills.cjs');
-require('../../../../context/ErrorBoundary/ErrorBoundaryBase.cjs');
-require('../../../../context/ErrorBoundary/ErrorBoundaryContext.cjs');
-require('../../../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.cjs');
-require('../../../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.cjs');
-require('../../../../context/WidgetRegistry/WidgetRegistryContextProvider.cjs');
-require('../../../../context/FundingContext/FundingContext.cjs');
-require('../../../../context/SendBalanceContext/SendBalanceContext.cjs');
-require('../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
-require('../../../../context/ConnectWithOtpContext/constants.cjs');
-require('../../../../context/ReinitializeContext/ReinitializeContextProvider.cjs');
+require('../../../../../index.cjs');
 require('../../../../store/state/tokenBalances.cjs');
+require('../../../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
 var useInternalDynamicContext = require('../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 
 const useSignConnectOnlyUser = () => {

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

@@ -64,28 +64,19 @@ import 'qrcode';
 import 'formik';
 import '../../../../context/FooterAnimationContext/index.js';
 import '../../../../context/WalletGroupContext/WalletGroupContext.js';
+import '../../../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
 import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
-import '../../../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../../store/state/sendBalances.js';
 import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
-import '../../../../../polyfills.js';
-import '../../../../context/ErrorBoundary/ErrorBoundaryBase.js';
-import '../../../../context/ErrorBoundary/ErrorBoundaryContext.js';
-import '../../../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.js';
-import '../../../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.js';
-import '../../../../context/WidgetRegistry/WidgetRegistryContextProvider.js';
-import '../../../../context/FundingContext/FundingContext.js';
-import '../../../../context/SendBalanceContext/SendBalanceContext.js';
-import '../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
-import '../../../../context/ConnectWithOtpContext/constants.js';
-import '../../../../context/ReinitializeContext/ReinitializeContextProvider.js';
+import '../../../../../index.js';
 import '../../../../store/state/tokenBalances.js';
+import '../../../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
 import { useInternalDynamicContext } from '../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 
 const useSignConnectOnlyUser = () => {

package/src/lib/utils/hooks/events/types.d.ts

@@ -1,4 +1,4 @@
-type EventTypes = Record<string, (...args: any[]) => any>;
+export type EventTypes = Record<string, (...args: any[]) => any>;
 /**
  * This type is a copy of the ArgumentMap type from eventemitter3 package.
  * Is used extract the arguments from a event type.
@@ -11,4 +11,3 @@ export type ArgumentMap<T extends EventTypes> = {
  * Maps the event to its callback's arguments
  */
 export type EventArgs<T extends EventTypes, Event extends keyof T> = ArgumentMap<T>[Extract<Event, keyof T>];
-export {};

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

@@ -35,7 +35,7 @@ export * from './useUserUpdateRequest';
 export * from './useRpcProviders';
 export { useValidateSession } from './useValidateSession';
 export { useVerifyWallet } from './useVerifyWallet';
-export { useWalletConnectorOptions } from './useWalletConnectorOptions';
+export { useCreateWalletConnectorOptions } from './useCreateWalletConnectorOptions';
 export { useWalletConnectors } from './useWalletConnectors';
 export { useWalletItemActions } from './useWalletItemActions';
 export { useWalletUiUtils } from './useWalletUiUtils';
@@ -67,3 +67,4 @@ export * from './useSmartWallets';
 export { useEmbeddedWalletSessionKeys } from './useEmbeddedWalletSessionKeys';
 export { useTelegramLogin } from './useTelegramLogin';
 export { useEndUserWarning } from './useEndUserWarning';
+export { useDebounce } from './useDebounce';

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

@@ -70,28 +70,19 @@ require('qrcode');
 require('formik');
 require('../../../../context/FooterAnimationContext/index.cjs');
 require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
+require('../../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
 require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
-require('../../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../../store/state/sendBalances.cjs');
 require('../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
-require('../../../../../polyfills.cjs');
-require('../../../../context/ErrorBoundary/ErrorBoundaryBase.cjs');
-require('../../../../context/ErrorBoundary/ErrorBoundaryContext.cjs');
-require('../../../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.cjs');
-require('../../../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.cjs');
-require('../../../../context/WidgetRegistry/WidgetRegistryContextProvider.cjs');
-require('../../../../context/FundingContext/FundingContext.cjs');
-require('../../../../context/SendBalanceContext/SendBalanceContext.cjs');
-require('../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
-require('../../../../context/ConnectWithOtpContext/constants.cjs');
-require('../../../../context/ReinitializeContext/ReinitializeContextProvider.cjs');
+require('../../../../../index.cjs');
 require('../../../../store/state/tokenBalances.cjs');
+require('../../../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
 var useInternalDynamicContext = require('../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 
 const useVerifyOnAwaitingSignature = () => {

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

@@ -66,28 +66,19 @@ import 'qrcode';
 import 'formik';
 import '../../../../context/FooterAnimationContext/index.js';
 import '../../../../context/WalletGroupContext/WalletGroupContext.js';
+import '../../../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
 import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
-import '../../../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../../store/state/sendBalances.js';
 import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
-import '../../../../../polyfills.js';
-import '../../../../context/ErrorBoundary/ErrorBoundaryBase.js';
-import '../../../../context/ErrorBoundary/ErrorBoundaryContext.js';
-import '../../../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.js';
-import '../../../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.js';
-import '../../../../context/WidgetRegistry/WidgetRegistryContextProvider.js';
-import '../../../../context/FundingContext/FundingContext.js';
-import '../../../../context/SendBalanceContext/SendBalanceContext.js';
-import '../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
-import '../../../../context/ConnectWithOtpContext/constants.js';
-import '../../../../context/ReinitializeContext/ReinitializeContextProvider.js';
+import '../../../../../index.js';
 import '../../../../store/state/tokenBalances.js';
+import '../../../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
 import { useInternalDynamicContext } from '../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 
 const useVerifyOnAwaitingSignature = () => {

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

@@ -69,28 +69,19 @@ var isUserLinkingWallet = require('../../../shared/utils/functions/isUserLinking
 var useDynamicLayoutData = require('../useDynamicLayoutData/useDynamicLayoutData.cjs');
 var index = require('../../../context/FooterAnimationContext/index.cjs');
 require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
+require('../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
 require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
-require('../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../store/state/sendBalances.cjs');
 require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
-require('../../../../polyfills.cjs');
-require('../../../context/ErrorBoundary/ErrorBoundaryBase.cjs');
-require('../../../context/ErrorBoundary/ErrorBoundaryContext.cjs');
-require('../../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.cjs');
-require('../../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.cjs');
-require('../../../context/WidgetRegistry/WidgetRegistryContextProvider.cjs');
-require('../../../context/FundingContext/FundingContext.cjs');
-require('../../../context/SendBalanceContext/SendBalanceContext.cjs');
-require('../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
-require('../../../context/ConnectWithOtpContext/constants.cjs');
-require('../../../context/ReinitializeContext/ReinitializeContextProvider.cjs');
+require('../../../../index.cjs');
 require('../../../store/state/tokenBalances.cjs');
+require('../../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
 var useInternalDynamicContext = require('../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 
 const useAuthLayoutChecks = () => {
@@ -200,6 +191,7 @@ const useAuthLayoutChecks = () => {
         view.type !== 'passkey-recovery-start' &&
         view.type !== 'passkey-recovery-bundle' &&
         view.type !== 'rename-passkey' &&
+        view.type !== 'mobile-wallet-redirect-view' &&
         view.type !== 'qr-code' &&
         view.type !== 'mfa-verification' &&
         view.type !== 'mfa-display-backup-codes' &&
@@ -214,6 +206,7 @@ const useAuthLayoutChecks = () => {
         view.type === 'select-wallet-in-wallet-group' ||
         view.type === 'select-hardware-wallet' ||
         view.type === 'pending-connect' ||
+        view.type === 'mobile-wallet-redirect-view' ||
         view.type === 'account-exists' ||
         view.type === 'passkey-intro' ||
         view.type === 'qr-code' ||

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

@@ -65,28 +65,19 @@ import { isUserLinkingWallet } from '../../../shared/utils/functions/isUserLinki
 import { useDynamicLayoutData } from '../useDynamicLayoutData/useDynamicLayoutData.js';
 import { useFooterAnimationContext } from '../../../context/FooterAnimationContext/index.js';
 import '../../../context/WalletGroupContext/WalletGroupContext.js';
+import '../../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
 import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
-import '../../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../store/state/sendBalances.js';
 import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
-import '../../../../polyfills.js';
-import '../../../context/ErrorBoundary/ErrorBoundaryBase.js';
-import '../../../context/ErrorBoundary/ErrorBoundaryContext.js';
-import '../../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.js';
-import '../../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.js';
-import '../../../context/WidgetRegistry/WidgetRegistryContextProvider.js';
-import '../../../context/FundingContext/FundingContext.js';
-import '../../../context/SendBalanceContext/SendBalanceContext.js';
-import '../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
-import '../../../context/ConnectWithOtpContext/constants.js';
-import '../../../context/ReinitializeContext/ReinitializeContextProvider.js';
+import '../../../../index.js';
 import '../../../store/state/tokenBalances.js';
+import '../../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
 import { useInternalDynamicContext } from '../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 
 const useAuthLayoutChecks = () => {
@@ -196,6 +187,7 @@ const useAuthLayoutChecks = () => {
         view.type !== 'passkey-recovery-start' &&
         view.type !== 'passkey-recovery-bundle' &&
         view.type !== 'rename-passkey' &&
+        view.type !== 'mobile-wallet-redirect-view' &&
         view.type !== 'qr-code' &&
         view.type !== 'mfa-verification' &&
         view.type !== 'mfa-display-backup-codes' &&
@@ -210,6 +202,7 @@ const useAuthLayoutChecks = () => {
         view.type === 'select-wallet-in-wallet-group' ||
         view.type === 'select-hardware-wallet' ||
         view.type === 'pending-connect' ||
+        view.type === 'mobile-wallet-redirect-view' ||
         view.type === 'account-exists' ||
         view.type === 'passkey-intro' ||
         view.type === 'qr-code' ||

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

@@ -68,28 +68,19 @@ require('qrcode');
 require('formik');
 require('../../../context/FooterAnimationContext/index.cjs');
 require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
+require('../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
 require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
-require('../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../store/state/sendBalances.cjs');
 require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
-require('../../../../polyfills.cjs');
-require('../../../context/ErrorBoundary/ErrorBoundaryBase.cjs');
-require('../../../context/ErrorBoundary/ErrorBoundaryContext.cjs');
-require('../../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.cjs');
-require('../../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.cjs');
-require('../../../context/WidgetRegistry/WidgetRegistryContextProvider.cjs');
-require('../../../context/FundingContext/FundingContext.cjs');
-require('../../../context/SendBalanceContext/SendBalanceContext.cjs');
-require('../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
-require('../../../context/ConnectWithOtpContext/constants.cjs');
-require('../../../context/ReinitializeContext/ReinitializeContextProvider.cjs');
+require('../../../../index.cjs');
 require('../../../store/state/tokenBalances.cjs');
+require('../../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
 var useInternalDynamicContext = require('../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 
 const useAuthenticateConnectedUser = () => {

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

@@ -64,28 +64,19 @@ import 'qrcode';
 import 'formik';
 import '../../../context/FooterAnimationContext/index.js';
 import '../../../context/WalletGroupContext/WalletGroupContext.js';
+import '../../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
 import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
-import '../../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../store/state/sendBalances.js';
 import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
-import '../../../../polyfills.js';
-import '../../../context/ErrorBoundary/ErrorBoundaryBase.js';
-import '../../../context/ErrorBoundary/ErrorBoundaryContext.js';
-import '../../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.js';
-import '../../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.js';
-import '../../../context/WidgetRegistry/WidgetRegistryContextProvider.js';
-import '../../../context/FundingContext/FundingContext.js';
-import '../../../context/SendBalanceContext/SendBalanceContext.js';
-import '../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
-import '../../../context/ConnectWithOtpContext/constants.js';
-import '../../../context/ReinitializeContext/ReinitializeContextProvider.js';
+import '../../../../index.js';
 import '../../../store/state/tokenBalances.js';
+import '../../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
 import { useInternalDynamicContext } from '../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 
 const useAuthenticateConnectedUser = () => {

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

@@ -30,6 +30,8 @@ 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 useDebounce = require('../useDebounce/useDebounce.cjs');
 var updateUserWalletsFromConnectedWallets = require('./updateUserWalletsFromConnectedWallets/updateUserWalletsFromConnectedWallets.cjs');
 
 const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingOnConnectOnly, environmentId, primaryWalletId, setPrimaryWalletId, walletConnectorOptions, handleConnectedWallet, setShowAuthFlow, isBridgeFlow, user, }) => {
@@ -68,11 +70,10 @@ const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingO
         setPrimaryWalletId,
     ]);
     // The function to update and define the connectedWallets list.
-    // It uses walletConnector to get the current wallet address and network
-    // The address and network in the runtime are updated by the event listeners
-    // The event listeners are updating `connectedWallets` list.
-    // It should be called on the first render and when connectedWalletsInfo updates
-    const updateConnectedWalletsList = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+    // It should be called on the first render, when connectedWalletsInfo updates and when walletConnectorOptions updates.
+    // To avoid unnecessary updates that are causing issues with connectors added asynchronously,
+    // we're debouncing this function
+    const updateConnectedWalletsList = useDebounce.useDebounce(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         const walletConnectors = walletConnectorOptions.map((wallet) => wallet.walletConnector);
         if (!walletConnectors.length) {
             return;
@@ -109,12 +110,7 @@ const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingO
             return walletObject;
         })))).filter((wallet) => Boolean(wallet));
         setConnectedWallets(updatedConnectedWallets);
-    }), [
-        connectedWalletsInfo,
-        disconnectWallet,
-        setConnectedWallets,
-        walletConnectorOptions,
-    ]);
+    }), 300);
     // Generate the connectedWallets list when connectedWalletsInfo (localStorage) or memoized wallet connector updates
     React.useEffect(() => {
         updateConnectedWalletsList();
@@ -136,10 +132,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,8 @@ 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 { useDebounce } from '../useDebounce/useDebounce.js';
 import { updateUserWalletsFromConnectedWallets } from './updateUserWalletsFromConnectedWallets/updateUserWalletsFromConnectedWallets.js';
 
 const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingOnConnectOnly, environmentId, primaryWalletId, setPrimaryWalletId, walletConnectorOptions, handleConnectedWallet, setShowAuthFlow, isBridgeFlow, user, }) => {
@@ -64,11 +66,10 @@ const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingO
         setPrimaryWalletId,
     ]);
     // The function to update and define the connectedWallets list.
-    // It uses walletConnector to get the current wallet address and network
-    // The address and network in the runtime are updated by the event listeners
-    // The event listeners are updating `connectedWallets` list.
-    // It should be called on the first render and when connectedWalletsInfo updates
-    const updateConnectedWalletsList = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
+    // It should be called on the first render, when connectedWalletsInfo updates and when walletConnectorOptions updates.
+    // To avoid unnecessary updates that are causing issues with connectors added asynchronously,
+    // we're debouncing this function
+    const updateConnectedWalletsList = useDebounce(() => __awaiter(void 0, void 0, void 0, function* () {
         const walletConnectors = walletConnectorOptions.map((wallet) => wallet.walletConnector);
         if (!walletConnectors.length) {
             return;
@@ -105,12 +106,7 @@ const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingO
             return walletObject;
         })))).filter((wallet) => Boolean(wallet));
         setConnectedWallets(updatedConnectedWallets);
-    }), [
-        connectedWalletsInfo,
-        disconnectWallet,
-        setConnectedWallets,
-        walletConnectorOptions,
-    ]);
+    }), 300);
     // Generate the connectedWallets list when connectedWalletsInfo (localStorage) or memoized wallet connector updates
     useEffect(() => {
         updateConnectedWalletsList();
@@ -132,10 +128,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