@dynamic-labs/sdk-react-core 2.0.0-alpha.5 → 2.0.0-alpha.7

package/src/lib/context/PhantomRedirectContext/PhantomRedirectContext.js

@@ -18,9 +18,9 @@ import '../../../../_virtual/_tslib.js';
 import '../CaptchaContext/CaptchaContext.js';
 import '../ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
-import '../../config/ApiEndpoint.js';
 import 'react-international-phone';
 import 'viem/chains';
+import '../../config/ApiEndpoint.js';
 import '../AccessDeniedContext/AccessDeniedContext.js';
 import '../AccountExistsContext/AccountExistsContext.js';
 import '../VerificationContext/VerificationContext.js';
@@ -50,17 +50,17 @@ import '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
-import '../../views/WalletList/WalletList.js';
 import 'formik';
 import 'qrcode';
-import '@hcaptcha/react-hcaptcha';
-import '../LoadingContext/LoadingContext.js';
+import '../../views/WalletList/WalletList.js';
 import '../SocialRedirectContext/SocialRedirectContext.js';
-import '../WalletGroupContext/WalletGroupContext.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import 'i18next';
+import '@hcaptcha/react-hcaptcha';
+import '../LoadingContext/LoadingContext.js';
 import '../FooterAnimationContext/index.js';
 import '../../views/LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.js';
+import '../WalletGroupContext/WalletGroupContext.js';
 import '../PasskeyContext/PasskeyContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';

package/src/lib/context/PhantomRedirectContext/useResponseHandlers.cjs

@@ -23,9 +23,9 @@ var useInternalDynamicContext = require('../DynamicContext/useDynamicContext/use
 var CaptchaContext = require('../CaptchaContext/CaptchaContext.cjs');
 require('../ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
-require('../../config/ApiEndpoint.cjs');
 require('react-international-phone');
 require('viem/chains');
+require('../../config/ApiEndpoint.cjs');
 var useVerifyWallet = require('../../utils/hooks/useVerifyWallet/useVerifyWallet.cjs');
 require('../VerificationContext/VerificationContext.cjs');
 require('react-dom');
@@ -55,18 +55,18 @@ require('../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanne
 require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
-require('../../views/WalletList/WalletList.cjs');
 require('../AccessDeniedContext/AccessDeniedContext.cjs');
 require('formik');
 require('qrcode');
-require('@hcaptcha/react-hcaptcha');
-require('../LoadingContext/LoadingContext.cjs');
+require('../../views/WalletList/WalletList.cjs');
 require('../SocialRedirectContext/SocialRedirectContext.cjs');
-require('../WalletGroupContext/WalletGroupContext.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('i18next');
+require('@hcaptcha/react-hcaptcha');
+require('../LoadingContext/LoadingContext.cjs');
 require('../FooterAnimationContext/index.cjs');
 require('../../views/LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.cjs');
+require('../WalletGroupContext/WalletGroupContext.cjs');
 require('../PasskeyContext/PasskeyContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');

package/src/lib/context/PhantomRedirectContext/useResponseHandlers.js

@@ -19,9 +19,9 @@ import { useInternalDynamicContext } from '../DynamicContext/useDynamicContext/u
 import { useCaptchaContext } from '../CaptchaContext/CaptchaContext.js';
 import '../ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
-import '../../config/ApiEndpoint.js';
 import 'react-international-phone';
 import 'viem/chains';
+import '../../config/ApiEndpoint.js';
 import { useVerifyWallet } from '../../utils/hooks/useVerifyWallet/useVerifyWallet.js';
 import '../VerificationContext/VerificationContext.js';
 import 'react-dom';
@@ -51,18 +51,18 @@ import '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
-import '../../views/WalletList/WalletList.js';
 import '../AccessDeniedContext/AccessDeniedContext.js';
 import 'formik';
 import 'qrcode';
-import '@hcaptcha/react-hcaptcha';
-import '../LoadingContext/LoadingContext.js';
+import '../../views/WalletList/WalletList.js';
 import '../SocialRedirectContext/SocialRedirectContext.js';
-import '../WalletGroupContext/WalletGroupContext.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import 'i18next';
+import '@hcaptcha/react-hcaptcha';
+import '../LoadingContext/LoadingContext.js';
 import '../FooterAnimationContext/index.js';
 import '../../views/LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.js';
+import '../WalletGroupContext/WalletGroupContext.js';
 import '../PasskeyContext/PasskeyContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';

package/src/lib/context/SendBalanceContext/SendBalanceContext.cjs

@@ -22,9 +22,9 @@ require('../../events/dynamicEvents.cjs');
 require('../CaptchaContext/CaptchaContext.cjs');
 require('../ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
-require('../../config/ApiEndpoint.cjs');
 require('react-international-phone');
 require('viem/chains');
+require('../../config/ApiEndpoint.cjs');
 require('../AccessDeniedContext/AccessDeniedContext.cjs');
 require('../AccountExistsContext/AccountExistsContext.cjs');
 require('../VerificationContext/VerificationContext.cjs');
@@ -55,17 +55,17 @@ require('../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanne
 require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
-require('../../views/WalletList/WalletList.cjs');
 require('formik');
 require('qrcode');
-require('@hcaptcha/react-hcaptcha');
-require('../LoadingContext/LoadingContext.cjs');
+require('../../views/WalletList/WalletList.cjs');
 require('../SocialRedirectContext/SocialRedirectContext.cjs');
-require('../WalletGroupContext/WalletGroupContext.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('i18next');
+require('@hcaptcha/react-hcaptcha');
+require('../LoadingContext/LoadingContext.cjs');
 require('../FooterAnimationContext/index.cjs');
 require('../../views/LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.cjs');
+require('../WalletGroupContext/WalletGroupContext.cjs');
 var PasskeyContext = require('../PasskeyContext/PasskeyContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');

package/src/lib/context/SendBalanceContext/SendBalanceContext.js

@@ -18,9 +18,9 @@ import '../../events/dynamicEvents.js';
 import '../CaptchaContext/CaptchaContext.js';
 import '../ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
-import '../../config/ApiEndpoint.js';
 import 'react-international-phone';
 import 'viem/chains';
+import '../../config/ApiEndpoint.js';
 import '../AccessDeniedContext/AccessDeniedContext.js';
 import '../AccountExistsContext/AccountExistsContext.js';
 import '../VerificationContext/VerificationContext.js';
@@ -51,17 +51,17 @@ import '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
-import '../../views/WalletList/WalletList.js';
 import 'formik';
 import 'qrcode';
-import '@hcaptcha/react-hcaptcha';
-import '../LoadingContext/LoadingContext.js';
+import '../../views/WalletList/WalletList.js';
 import '../SocialRedirectContext/SocialRedirectContext.js';
-import '../WalletGroupContext/WalletGroupContext.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import 'i18next';
+import '@hcaptcha/react-hcaptcha';
+import '../LoadingContext/LoadingContext.js';
 import '../FooterAnimationContext/index.js';
 import '../../views/LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.js';
+import '../WalletGroupContext/WalletGroupContext.js';
 import { PasskeyContextProvider } from '../PasskeyContext/PasskeyContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';

package/src/lib/context/SocialRedirectContext/SocialRedirectContext.cjs

@@ -18,10 +18,10 @@ require('viem');
 require('@dynamic-labs/utils');
 require('../../shared/consts/index.cjs');
 require('@dynamic-labs/multi-wallet');
-require('../../config/ApiEndpoint.cjs');
 require('react-international-phone');
 var getReferencedAccount = require('../../utils/functions/getReferencedAccount/getReferencedAccount.cjs');
 require('viem/chains');
+require('../../config/ApiEndpoint.cjs');
 var useDynamicEvents = require('../../utils/hooks/events/useDynamicEvents/useDynamicEvents.cjs');
 require('../DynamicContext/DynamicContext.cjs');
 var useInternalDynamicContext = require('../DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
@@ -57,17 +57,17 @@ require('../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanne
 require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
-require('../../views/WalletList/WalletList.cjs');
 require('../AccessDeniedContext/AccessDeniedContext.cjs');
 require('formik');
 require('qrcode');
-require('@hcaptcha/react-hcaptcha');
-require('../LoadingContext/LoadingContext.cjs');
-require('../WalletGroupContext/WalletGroupContext.cjs');
+require('../../views/WalletList/WalletList.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('i18next');
+require('@hcaptcha/react-hcaptcha');
+require('../LoadingContext/LoadingContext.cjs');
 require('../FooterAnimationContext/index.cjs');
 require('../../views/LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.cjs');
+require('../WalletGroupContext/WalletGroupContext.cjs');
 require('../PasskeyContext/PasskeyContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');

package/src/lib/context/SocialRedirectContext/SocialRedirectContext.js

@@ -14,10 +14,10 @@ import 'viem';
 import '@dynamic-labs/utils';
 import '../../shared/consts/index.js';
 import '@dynamic-labs/multi-wallet';
-import '../../config/ApiEndpoint.js';
 import 'react-international-phone';
 import { getReferencedAccount } from '../../utils/functions/getReferencedAccount/getReferencedAccount.js';
 import 'viem/chains';
+import '../../config/ApiEndpoint.js';
 import { useInternalDynamicEvents } from '../../utils/hooks/events/useDynamicEvents/useDynamicEvents.js';
 import '../DynamicContext/DynamicContext.js';
 import { useInternalDynamicContext } from '../DynamicContext/useDynamicContext/useInternalDynamicContext.js';
@@ -53,17 +53,17 @@ import '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
-import '../../views/WalletList/WalletList.js';
 import '../AccessDeniedContext/AccessDeniedContext.js';
 import 'formik';
 import 'qrcode';
-import '@hcaptcha/react-hcaptcha';
-import '../LoadingContext/LoadingContext.js';
-import '../WalletGroupContext/WalletGroupContext.js';
+import '../../views/WalletList/WalletList.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import 'i18next';
+import '@hcaptcha/react-hcaptcha';
+import '../LoadingContext/LoadingContext.js';
 import '../FooterAnimationContext/index.js';
 import '../../views/LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.js';
+import '../WalletGroupContext/WalletGroupContext.js';
 import '../PasskeyContext/PasskeyContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';

package/src/lib/context/UserFieldEditorContext/UserFieldEditorContext.cjs

@@ -23,9 +23,9 @@ require('../../shared/consts/index.cjs');
 require('../CaptchaContext/CaptchaContext.cjs');
 require('../ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
-require('../../config/ApiEndpoint.cjs');
 require('react-international-phone');
 require('viem/chains');
+require('../../config/ApiEndpoint.cjs');
 require('../AccessDeniedContext/AccessDeniedContext.cjs');
 require('../AccountExistsContext/AccountExistsContext.cjs');
 require('../VerificationContext/VerificationContext.cjs');
@@ -55,17 +55,17 @@ require('../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanne
 require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
-require('../../views/WalletList/WalletList.cjs');
 require('formik');
 require('qrcode');
-require('@hcaptcha/react-hcaptcha');
-require('../LoadingContext/LoadingContext.cjs');
+require('../../views/WalletList/WalletList.cjs');
 require('../SocialRedirectContext/SocialRedirectContext.cjs');
-require('../WalletGroupContext/WalletGroupContext.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('i18next');
+require('@hcaptcha/react-hcaptcha');
+require('../LoadingContext/LoadingContext.cjs');
 require('../FooterAnimationContext/index.cjs');
 require('../../views/LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.cjs');
+require('../WalletGroupContext/WalletGroupContext.cjs');
 require('../PasskeyContext/PasskeyContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');

package/src/lib/context/UserFieldEditorContext/UserFieldEditorContext.js

@@ -19,9 +19,9 @@ import '../../shared/consts/index.js';
 import '../CaptchaContext/CaptchaContext.js';
 import '../ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
-import '../../config/ApiEndpoint.js';
 import 'react-international-phone';
 import 'viem/chains';
+import '../../config/ApiEndpoint.js';
 import '../AccessDeniedContext/AccessDeniedContext.js';
 import '../AccountExistsContext/AccountExistsContext.js';
 import '../VerificationContext/VerificationContext.js';
@@ -51,17 +51,17 @@ import '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
-import '../../views/WalletList/WalletList.js';
 import 'formik';
 import 'qrcode';
-import '@hcaptcha/react-hcaptcha';
-import '../LoadingContext/LoadingContext.js';
+import '../../views/WalletList/WalletList.js';
 import '../SocialRedirectContext/SocialRedirectContext.js';
-import '../WalletGroupContext/WalletGroupContext.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import 'i18next';
+import '@hcaptcha/react-hcaptcha';
+import '../LoadingContext/LoadingContext.js';
 import '../FooterAnimationContext/index.js';
 import '../../views/LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.js';
+import '../WalletGroupContext/WalletGroupContext.js';
 import '../PasskeyContext/PasskeyContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';

package/src/lib/context/VerificationContext/VerificationContext.cjs

@@ -8,20 +8,23 @@ var React = require('react');
 const VerificationContext = React.createContext(undefined);
 // Context used to hold verificationUUID & email between views.
 const VerificationProvider = ({ children }) => {
-    const [destination, setDestination] = React.useState(undefined);
+    const [displayedDestination, setDisplayedDestination] = React.useState(undefined);
     const [verificationUUID, setVerificationUUID] = React.useState(undefined);
+    const [retryData, setRetryData] = React.useState(undefined);
     const value = React.useMemo(() => ({
-        destination,
-        setDestination,
+        displayedDestination,
+        retryData,
+        setDisplayedDestination,
+        setRetryData,
         setVerificationUUID,
         verificationUUID,
-    }), [destination, verificationUUID]);
+    }), [displayedDestination, retryData, verificationUUID]);
     return (jsxRuntime.jsx(VerificationContext.Provider, { value: value, children: children }));
 };
 const useVerification = () => {
     const context = React.useContext(VerificationContext);
     if (context === undefined) {
-        throw new Error('usage of useVerification not wrapped in `EmailVerificationContextProvider`.');
+        throw new Error('usage of useVerification not wrapped in `VerificationProvider`.');
     }
     return context;
 };

package/src/lib/context/VerificationContext/VerificationContext.d.ts

@@ -1,13 +1,31 @@
 import { ReactNode, SetStateAction, Dispatch } from 'react';
+type RetryPhoneParams = {
+    /** Non formatted phone number without country code */
+    phone: string;
+    /** Country iso2, such as "US", "FR" or "BR" */
+    iso2: string;
+    /** Country code, such as "1", "33" or "55" */
+    dialCode: string;
+};
+type RetryData = RetryPhoneParams;
 type VerificationContextProps = {
     /**
      * Where we tell the user the verification code was sent to.
      * Can be an email address, a phone number, etc.
+     *
+     * Obs: for phones, it's the formatted phone number.
      */
-    destination: string | undefined;
-    setDestination: Dispatch<SetStateAction<string | undefined>>;
+    displayedDestination: string | undefined;
+    setDisplayedDestination: Dispatch<SetStateAction<string | undefined>>;
     setVerificationUUID: Dispatch<SetStateAction<string | undefined>>;
     verificationUUID: string | undefined;
+    /**
+     * If any data is required to resend the verification code, it can be stored here.
+     *
+     * Obs: for phones, it's the non formatted phone components.
+     */
+    retryData?: RetryData;
+    setRetryData: Dispatch<SetStateAction<RetryData | undefined>>;
 };
 export declare const VerificationContext: import("react").Context<VerificationContextProps | undefined>;
 export declare const VerificationProvider: ({ children }: {

package/src/lib/context/VerificationContext/VerificationContext.js

@@ -4,20 +4,23 @@ import { createContext, useContext, useState, useMemo } from 'react';
 const VerificationContext = createContext(undefined);
 // Context used to hold verificationUUID & email between views.
 const VerificationProvider = ({ children }) => {
-    const [destination, setDestination] = useState(undefined);
+    const [displayedDestination, setDisplayedDestination] = useState(undefined);
     const [verificationUUID, setVerificationUUID] = useState(undefined);
+    const [retryData, setRetryData] = useState(undefined);
     const value = useMemo(() => ({
-        destination,
-        setDestination,
+        displayedDestination,
+        retryData,
+        setDisplayedDestination,
+        setRetryData,
         setVerificationUUID,
         verificationUUID,
-    }), [destination, verificationUUID]);
+    }), [displayedDestination, retryData, verificationUUID]);
     return (jsx(VerificationContext.Provider, { value: value, children: children }));
 };
 const useVerification = () => {
     const context = useContext(VerificationContext);
     if (context === undefined) {
-        throw new Error('usage of useVerification not wrapped in `EmailVerificationContextProvider`.');
+        throw new Error('usage of useVerification not wrapped in `VerificationProvider`.');
     }
     return context;
 };

package/src/lib/context/ViewContext/ViewContext.cjs

@@ -5,15 +5,22 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var useDynamicEvents = require('../../utils/hooks/events/useDynamicEvents/useDynamicEvents.cjs');
+var ErrorContext = require('../ErrorContext/ErrorContext.cjs');
 
 const ViewContext = React.createContext(undefined);
 const ViewContextProvider = ({ children, initialView = { props: { isWalletConnectList: true }, type: 'wallet-list' }, }) => {
     const [_view, _setView] = React.useState(null);
     const view = _view || initialView;
+    const { clearError } = ErrorContext.useErrorContext();
     const goToInitialView = React.useCallback(() => {
         _setView(null);
     }, []);
     const setView = React.useCallback((type, props) => {
+        // we need to clear errors before proceeding to the next view
+        // but only if the next view is different from the current view
+        // this is to prevent the error from being cleared when the same view is re-rendered
+        if (view.type !== type)
+            clearError();
         _setView({ props, type });
     }, []);
     useDynamicEvents.useInternalDynamicEvents('logout', () => goToInitialView());

package/src/lib/context/ViewContext/ViewContext.js

@@ -1,15 +1,22 @@
 import { jsx } from 'react/jsx-runtime';
 import { createContext, useContext, useState, useCallback, useMemo } from 'react';
 import { useInternalDynamicEvents } from '../../utils/hooks/events/useDynamicEvents/useDynamicEvents.js';
+import { useErrorContext } from '../ErrorContext/ErrorContext.js';
 
 const ViewContext = createContext(undefined);
 const ViewContextProvider = ({ children, initialView = { props: { isWalletConnectList: true }, type: 'wallet-list' }, }) => {
     const [_view, _setView] = useState(null);
     const view = _view || initialView;
+    const { clearError } = useErrorContext();
     const goToInitialView = useCallback(() => {
         _setView(null);
     }, []);
     const setView = useCallback((type, props) => {
+        // we need to clear errors before proceeding to the next view
+        // but only if the next view is different from the current view
+        // this is to prevent the error from being cleared when the same view is re-rendered
+        if (view.type !== type)
+            clearError();
         _setView({ props, type });
     }, []);
     useInternalDynamicEvents('logout', () => goToInitialView());

package/src/lib/context/ViewContext/types/index.d.ts

@@ -1,7 +1,9 @@
 import { FC } from 'react';
-export type ViewType = 'select-hardware-wallet' | 'captcha' | 'chainalysis-blocked-wallet' | 'collect-user-data' | 'collect-user-data-login-with-email' | 'login-with-email-or-wallet-full-wallet-list' | 'login-with-email-or-wallet' | 'login-with-wallet-only' | 'login-with-email-verification' | 'login-with-sms-verification' | 'network-not-supported' | 'network-not-supported-manual' | 'no-access' | 'no-qr-not-installed' | 'pending-connect' | 'pending-signature-without-back-button' | 'pending-signature' | 'qr-code' | 'update-email' | 'verify-email' | 'wallet-connect-mobile-wallets-list' | 'wallet-list' | 'multi-wallet-wallet-list' | 'wallet-sign' | 'wallet-used' | 'wallet-group' | 'select-wallet-in-wallet-group' | 'wait-for-email-confirmation-view' | 'email-wallet-otp-verification-view' | 'social-redirect-view' | 'wallet-locked-view' | 'social-wrong-account' | 'gate-blocked-wallet' | 'bridge-welcome' | 'bridge-summary' | 'bridge-next-wallet-connection' | 'account-exists' | 'merge-user-accounts' | 'wallet-cannot-be-transferred' | 'passkey-intro' | 'passkey-recovery-start' | 'passkey-recovery-bundle' | 'passkey-recovery-complete' | 'passkey-new-domain-detected' | 'embedded-reveal-view' | 'embedded-reveal-account-view' | 'embedded-wallet-auth-choice' | 'rename-passkey' | 'wallet-redirect-view';
-export type ViewMap = Record<ViewType, FC<any>>;
-type ComponentProps<T extends FC<any>> = T extends FC<infer P> ? P : undefined;
+import { viewToComponentMap } from '../../../views/viewToComponentMap';
+export type ViewType = 'select-hardware-wallet' | 'captcha' | 'chainalysis-blocked-wallet' | 'collect-user-data' | 'collect-user-data-login-no-wallet' | 'login-with-email-or-wallet-full-wallet-list' | 'login-with-email-or-wallet' | 'login-with-wallet-only' | 'login-with-email-verification' | 'login-with-sms-verification' | 'network-not-supported' | 'network-not-supported-manual' | 'no-access' | 'no-qr-not-installed' | 'pending-connect' | 'pending-signature-without-back-button' | 'pending-signature' | 'qr-code' | 'update-email' | 'verify-email' | 'wallet-connect-mobile-wallets-list' | 'wallet-list' | 'multi-wallet-wallet-list' | 'wallet-sign' | 'wallet-used' | 'wallet-group' | 'select-wallet-in-wallet-group' | 'wait-for-email-confirmation-view' | 'email-wallet-otp-verification-view' | 'social-redirect-view' | 'wallet-locked-view' | 'social-wrong-account' | 'gate-blocked-wallet' | 'bridge-welcome' | 'bridge-summary' | 'bridge-next-wallet-connection' | 'account-exists' | 'merge-user-accounts' | 'wallet-cannot-be-transferred' | 'passkey-intro' | 'passkey-recovery-start' | 'passkey-recovery-bundle' | 'passkey-recovery-complete' | 'passkey-new-domain-detected' | 'embedded-reveal-view' | 'embedded-reveal-account-view' | 'embedded-wallet-auth-choice' | 'rename-passkey' | 'wallet-redirect-view' | 'create-password-view' | 'wallet-claim-intro';
+export type ViewMapConstraint = Record<ViewType, FC<any>>;
+type ComponentProps<T extends FC<any>> = T extends FC<infer P> ? P : never;
+export type ViewMap = typeof viewToComponentMap;
 export type ViewState<T extends ViewType> = {
     type: T;
     props?: ComponentProps<ViewMap[T]>;

package/src/lib/context/WalletContext/WalletContext.cjs

@@ -22,9 +22,9 @@ require('../../../../_virtual/_tslib.cjs');
 require('../CaptchaContext/CaptchaContext.cjs');
 require('../ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
-require('../../config/ApiEndpoint.cjs');
 require('react-international-phone');
 require('viem/chains');
+require('../../config/ApiEndpoint.cjs');
 require('../AccessDeniedContext/AccessDeniedContext.cjs');
 require('../AccountExistsContext/AccountExistsContext.cjs');
 require('../VerificationContext/VerificationContext.cjs');
@@ -53,17 +53,17 @@ require('../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanne
 require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
-require('../../views/WalletList/WalletList.cjs');
 require('formik');
 require('qrcode');
-require('@hcaptcha/react-hcaptcha');
-require('../LoadingContext/LoadingContext.cjs');
+require('../../views/WalletList/WalletList.cjs');
 require('../SocialRedirectContext/SocialRedirectContext.cjs');
-require('../WalletGroupContext/WalletGroupContext.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('i18next');
+require('@hcaptcha/react-hcaptcha');
+require('../LoadingContext/LoadingContext.cjs');
 require('../FooterAnimationContext/index.cjs');
 require('../../views/LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.cjs');
+require('../WalletGroupContext/WalletGroupContext.cjs');
 require('../PasskeyContext/PasskeyContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');

package/src/lib/context/WalletContext/WalletContext.js

@@ -18,9 +18,9 @@ import '../../../../_virtual/_tslib.js';
 import '../CaptchaContext/CaptchaContext.js';
 import '../ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
-import '../../config/ApiEndpoint.js';
 import 'react-international-phone';
 import 'viem/chains';
+import '../../config/ApiEndpoint.js';
 import '../AccessDeniedContext/AccessDeniedContext.js';
 import '../AccountExistsContext/AccountExistsContext.js';
 import '../VerificationContext/VerificationContext.js';
@@ -49,17 +49,17 @@ import '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
-import '../../views/WalletList/WalletList.js';
 import 'formik';
 import 'qrcode';
-import '@hcaptcha/react-hcaptcha';
-import '../LoadingContext/LoadingContext.js';
+import '../../views/WalletList/WalletList.js';
 import '../SocialRedirectContext/SocialRedirectContext.js';
-import '../WalletGroupContext/WalletGroupContext.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import 'i18next';
+import '@hcaptcha/react-hcaptcha';
+import '../LoadingContext/LoadingContext.js';
 import '../FooterAnimationContext/index.js';
 import '../../views/LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.js';
+import '../WalletGroupContext/WalletGroupContext.js';
 import '../PasskeyContext/PasskeyContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';