@dynamic-labs/sdk-react-core 1.3.1 → 1.4.1

package/src/lib/context/DynamicContext/hooks/useTieCallbacksToEvents/useTieCallbacksToEvents.cjs

@@ -50,13 +50,13 @@ require('../../../../components/Transition/OpacityTransition/OpacityTransition.c
 require('../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
+require('qrcode');
 require('formik');
 require('i18next');
 require('../../../../components/OverlayCard/OverlayCard.context.cjs');
 require('../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../../PasskeyContext/PasskeyContext.cjs');
 require('../../../../views/WalletList/WalletList.cjs');
-require('qrcode');
 require('@hcaptcha/react-hcaptcha');
 require('../../../LoadingContext/LoadingContext.cjs');
 require('../../../SocialRedirectContext/SocialRedirectContext.cjs');
@@ -72,7 +72,7 @@ require('../../../../utils/hooks/useTransactionWithGasPrice/useTransactionWithGa
 require('../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 
 /** Ties the customer callbacks to our events, such that our events will also trigger the callbacks */
-const useTieCallbacksToEvents = ({ clientCallbacks, connectedWallets, user, }) => {
+const useTieCallbacksToEvents = ({ clientCallbacks, connectedWallets, user, setHasLoggedOut, }) => {
     useDynamicEvents.useInternalDynamicEvents('emailVerificationResult', (result, email) => {
         var _a, _b;
         if (result)
@@ -92,6 +92,7 @@ const useTieCallbacksToEvents = ({ clientCallbacks, connectedWallets, user, }) =
     useDynamicEvents.useInternalDynamicEvents('walletConnected', (wallet) => {
         var _a;
         (_a = clientCallbacks === null || clientCallbacks === void 0 ? void 0 : clientCallbacks.onConnect) === null || _a === void 0 ? void 0 : _a.call(clientCallbacks, { wallet, walletConnector: wallet.connector });
+        setHasLoggedOut(false);
     });
     useDynamicEvents.useInternalDynamicEvents('logout', () => {
         var _a;

package/src/lib/context/DynamicContext/hooks/useTieCallbacksToEvents/useTieCallbacksToEvents.d.ts

@@ -1,8 +1,10 @@
+import { Dispatch, SetStateAction } from 'react';
 import { DynamicEventsCallbacks, UserProfile, Wallet } from '../../../../shared';
 export type UseTieCallbacksToEventsParams = {
     clientCallbacks: DynamicEventsCallbacks | undefined;
     connectedWallets: Wallet[];
     user: UserProfile | undefined;
+    setHasLoggedOut: Dispatch<SetStateAction<boolean>>;
 };
 /** Ties the customer callbacks to our events, such that our events will also trigger the callbacks */
-export declare const useTieCallbacksToEvents: ({ clientCallbacks, connectedWallets, user, }: UseTieCallbacksToEventsParams) => void;
+export declare const useTieCallbacksToEvents: ({ clientCallbacks, connectedWallets, user, setHasLoggedOut, }: UseTieCallbacksToEventsParams) => void;

package/src/lib/context/DynamicContext/hooks/useTieCallbacksToEvents/useTieCallbacksToEvents.js

@@ -46,13 +46,13 @@ import '../../../../components/Transition/OpacityTransition/OpacityTransition.js
 import '../../../../components/Popper/Popper/Popper.js';
 import '../../../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
+import 'qrcode';
 import 'formik';
 import 'i18next';
 import '../../../../components/OverlayCard/OverlayCard.context.js';
 import '../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../../PasskeyContext/PasskeyContext.js';
 import '../../../../views/WalletList/WalletList.js';
-import 'qrcode';
 import '@hcaptcha/react-hcaptcha';
 import '../../../LoadingContext/LoadingContext.js';
 import '../../../SocialRedirectContext/SocialRedirectContext.js';
@@ -68,7 +68,7 @@ import '../../../../utils/hooks/useTransactionWithGasPrice/useTransactionWithGas
 import '../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 
 /** Ties the customer callbacks to our events, such that our events will also trigger the callbacks */
-const useTieCallbacksToEvents = ({ clientCallbacks, connectedWallets, user, }) => {
+const useTieCallbacksToEvents = ({ clientCallbacks, connectedWallets, user, setHasLoggedOut, }) => {
     useInternalDynamicEvents('emailVerificationResult', (result, email) => {
         var _a, _b;
         if (result)
@@ -88,6 +88,7 @@ const useTieCallbacksToEvents = ({ clientCallbacks, connectedWallets, user, }) =
     useInternalDynamicEvents('walletConnected', (wallet) => {
         var _a;
         (_a = clientCallbacks === null || clientCallbacks === void 0 ? void 0 : clientCallbacks.onConnect) === null || _a === void 0 ? void 0 : _a.call(clientCallbacks, { wallet, walletConnector: wallet.connector });
+        setHasLoggedOut(false);
     });
     useInternalDynamicEvents('logout', () => {
         var _a;

package/src/lib/context/DynamicContext/useCustomerCallbacks/types.d.ts

@@ -1,3 +1,4 @@
+import { Dispatch, SetStateAction } from 'react';
 import { JwtVerifiedCredential } from '@dynamic-labs/sdk-api';
 import { OnAuthSuccess, OnEmbeddedWalletCreated, OnLinkSuccess, OnUserProfileUpdate, UserProfile, Wallet } from '../../../shared/types';
 import { IDynamicContext } from '../types';
@@ -21,6 +22,7 @@ export type UseCustomerCallbacksArgs = {
     primaryWallet: Wallet | null;
     secondaryWallets: Wallet[];
     user: UserProfile | undefined;
+    setHasLoggedOut: Dispatch<SetStateAction<boolean>>;
     setIsVerificationInProgress: IDynamicContext['setIsVerificationInProgress'];
 };
 export type SetCallbackType = (callback: Callback, params?: CallbackParams) => void;

package/src/lib/context/DynamicContext/useCustomerCallbacks/useCustomerCallbacks.cjs

@@ -21,7 +21,7 @@ require('@dynamic-labs/multi-wallet');
 var getAuthToken = require('../../../utils/functions/getAuthToken/getAuthToken.cjs');
 require('viem/chains');
 
-const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onLinkSuccess, onUserProfileUpdate, onEmbeddedWalletCreated, }, handleLogOut, primaryWallet, secondaryWallets, user, isAuthenticated, setIsVerificationInProgress, }) => {
+const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onLinkSuccess, onUserProfileUpdate, onEmbeddedWalletCreated, }, handleLogOut, primaryWallet, secondaryWallets, user, isAuthenticated, setIsVerificationInProgress, setHasLoggedOut, }) => {
     const [callbackQueue, setCallbackQueue] = React.useState([]);
     /** Gets the wallet from its id */
     const getWallet = React.useCallback((id) => {
@@ -44,6 +44,7 @@ const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onLinkSuccess, onUse
                         user,
                         walletConnector: primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector,
                     });
+                    setHasLoggedOut(false);
                 }
                 catch (e) {
                     logger.logger.error('Error calling onAuthSuccess: ', e);
@@ -92,6 +93,7 @@ const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onLinkSuccess, onUse
         onLinkSuccess,
         onUserProfileUpdate,
         primaryWallet,
+        setHasLoggedOut,
         setIsVerificationInProgress,
     ]);
     React.useEffect(() => {

package/src/lib/context/DynamicContext/useCustomerCallbacks/useCustomerCallbacks.d.ts

@@ -1,4 +1,4 @@
 import { SetCallbackType, UseCustomerCallbacksArgs } from './types';
-export declare const useCustomerCallbacks: ({ callbacks: { onAuthSuccess, onLinkSuccess, onUserProfileUpdate, onEmbeddedWalletCreated, }, handleLogOut, primaryWallet, secondaryWallets, user, isAuthenticated, setIsVerificationInProgress, }: UseCustomerCallbacksArgs) => {
+export declare const useCustomerCallbacks: ({ callbacks: { onAuthSuccess, onLinkSuccess, onUserProfileUpdate, onEmbeddedWalletCreated, }, handleLogOut, primaryWallet, secondaryWallets, user, isAuthenticated, setIsVerificationInProgress, setHasLoggedOut, }: UseCustomerCallbacksArgs) => {
     setCallback: SetCallbackType;
 };

package/src/lib/context/DynamicContext/useCustomerCallbacks/useCustomerCallbacks.js

@@ -17,7 +17,7 @@ import '@dynamic-labs/multi-wallet';
 import { getAuthToken } from '../../../utils/functions/getAuthToken/getAuthToken.js';
 import 'viem/chains';
 
-const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onLinkSuccess, onUserProfileUpdate, onEmbeddedWalletCreated, }, handleLogOut, primaryWallet, secondaryWallets, user, isAuthenticated, setIsVerificationInProgress, }) => {
+const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onLinkSuccess, onUserProfileUpdate, onEmbeddedWalletCreated, }, handleLogOut, primaryWallet, secondaryWallets, user, isAuthenticated, setIsVerificationInProgress, setHasLoggedOut, }) => {
     const [callbackQueue, setCallbackQueue] = useState([]);
     /** Gets the wallet from its id */
     const getWallet = useCallback((id) => {
@@ -40,6 +40,7 @@ const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onLinkSuccess, onUse
                         user,
                         walletConnector: primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector,
                     });
+                    setHasLoggedOut(false);
                 }
                 catch (e) {
                     logger.error('Error calling onAuthSuccess: ', e);
@@ -88,6 +89,7 @@ const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onLinkSuccess, onUse
         onLinkSuccess,
         onUserProfileUpdate,
         primaryWallet,
+        setHasLoggedOut,
         setIsVerificationInProgress,
     ]);
     useEffect(() => {

package/src/lib/context/DynamicContext/useDynamicContext/useOverrides/useOverrides.cjs

@@ -50,13 +50,13 @@ require('../../../../components/Transition/OpacityTransition/OpacityTransition.c
 require('../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
+require('qrcode');
 require('formik');
 require('i18next');
 require('../../../../components/OverlayCard/OverlayCard.context.cjs');
 require('../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../../PasskeyContext/PasskeyContext.cjs');
 require('../../../../views/WalletList/WalletList.cjs');
-require('qrcode');
 require('@hcaptcha/react-hcaptcha');
 require('../../../LoadingContext/LoadingContext.cjs');
 require('../../../SocialRedirectContext/SocialRedirectContext.cjs');

package/src/lib/context/DynamicContext/useDynamicContext/useOverrides/useOverrides.js

@@ -46,13 +46,13 @@ import '../../../../components/Transition/OpacityTransition/OpacityTransition.js
 import '../../../../components/Popper/Popper/Popper.js';
 import '../../../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
+import 'qrcode';
 import 'formik';
 import 'i18next';
 import '../../../../components/OverlayCard/OverlayCard.context.js';
 import '../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../../PasskeyContext/PasskeyContext.js';
 import '../../../../views/WalletList/WalletList.js';
-import 'qrcode';
 import '@hcaptcha/react-hcaptcha';
 import '../../../LoadingContext/LoadingContext.js';
 import '../../../SocialRedirectContext/SocialRedirectContext.js';

package/src/lib/context/ErrorContext/ErrorContext.cjs

@@ -8,10 +8,13 @@ var React = require('react');
 const errorMessageMap = {
     '-32000': 'Message signature denied',
     '-32002': 'Please unlock your wallet extension and try again.',
+    '-32003': 'Message signature denied.',
     '-32602': 'Invalid parameters. Please try again.',
     '-32603': 'There was an internal error. Please try again.',
     0: 'Message signature denied.',
     4001: 'Message signature denied.',
+    4100: 'Please unlock your wallet extension and try again.',
+    4900: 'There was an internal error. Please try again.',
     5001: 'Message signature denied.',
     5002: 'Message signature denied.',
     account_already_linked_to_different_profile: 'This social account is already linked to a different profile.',

package/src/lib/context/ErrorContext/ErrorContext.js

@@ -4,10 +4,13 @@ import { createContext, useState, useCallback, useContext } from 'react';
 const errorMessageMap = {
     '-32000': 'Message signature denied',
     '-32002': 'Please unlock your wallet extension and try again.',
+    '-32003': 'Message signature denied.',
     '-32602': 'Invalid parameters. Please try again.',
     '-32603': 'There was an internal error. Please try again.',
     0: 'Message signature denied.',
     4001: 'Message signature denied.',
+    4100: 'Please unlock your wallet extension and try again.',
+    4900: 'There was an internal error. Please try again.',
     5001: 'Message signature denied.',
     5002: 'Message signature denied.',
     account_already_linked_to_different_profile: 'This social account is already linked to a different profile.',

package/src/lib/context/FundingContext/FundingContext.cjs

@@ -51,13 +51,13 @@ require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
+require('qrcode');
 require('formik');
 require('i18next');
 require('../../components/OverlayCard/OverlayCard.context.cjs');
 require('../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../PasskeyContext/PasskeyContext.cjs');
 require('../../views/WalletList/WalletList.cjs');
-require('qrcode');
 require('@hcaptcha/react-hcaptcha');
 require('../LoadingContext/LoadingContext.cjs');
 require('../SocialRedirectContext/SocialRedirectContext.cjs');

package/src/lib/context/FundingContext/FundingContext.js

@@ -47,13 +47,13 @@ import '../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
+import 'qrcode';
 import 'formik';
 import 'i18next';
 import '../../components/OverlayCard/OverlayCard.context.js';
 import '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../PasskeyContext/PasskeyContext.js';
 import '../../views/WalletList/WalletList.js';
-import 'qrcode';
 import '@hcaptcha/react-hcaptcha';
 import '../LoadingContext/LoadingContext.js';
 import '../SocialRedirectContext/SocialRedirectContext.js';

package/src/lib/context/LoadingContext/LoadingContext.cjs

@@ -50,13 +50,13 @@ require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
+require('qrcode');
 require('formik');
 require('i18next');
 require('../../components/OverlayCard/OverlayCard.context.cjs');
 require('../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../PasskeyContext/PasskeyContext.cjs');
 require('../../views/WalletList/WalletList.cjs');
-require('qrcode');
 require('@hcaptcha/react-hcaptcha');
 require('../SocialRedirectContext/SocialRedirectContext.cjs');
 require('../WalletGroupContext/WalletGroupContext.cjs');

package/src/lib/context/LoadingContext/LoadingContext.js

@@ -46,13 +46,13 @@ import '../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
+import 'qrcode';
 import 'formik';
 import 'i18next';
 import '../../components/OverlayCard/OverlayCard.context.js';
 import '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../PasskeyContext/PasskeyContext.js';
 import '../../views/WalletList/WalletList.js';
-import 'qrcode';
 import '@hcaptcha/react-hcaptcha';
 import '../SocialRedirectContext/SocialRedirectContext.js';
 import '../WalletGroupContext/WalletGroupContext.js';

package/src/lib/context/MockContext/MockContext.cjs

@@ -56,10 +56,10 @@ require('../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../components/Popper/Popper/Popper.cjs');
 var PopperContext = require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
+require('qrcode');
 require('i18next');
 require('../../components/OverlayCard/OverlayCard.context.cjs');
 require('../../views/WalletList/WalletList.cjs');
-require('qrcode');
 require('@hcaptcha/react-hcaptcha');
 require('../LoadingContext/LoadingContext.cjs');
 require('../SocialRedirectContext/SocialRedirectContext.cjs');

package/src/lib/context/MockContext/MockContext.js

@@ -52,10 +52,10 @@ import '../../components/MenuList/Dropdown/Dropdown.js';
 import '../../components/Popper/Popper/Popper.js';
 import { PopperProvider } from '../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
+import 'qrcode';
 import 'i18next';
 import '../../components/OverlayCard/OverlayCard.context.js';
 import '../../views/WalletList/WalletList.js';
-import 'qrcode';
 import '@hcaptcha/react-hcaptcha';
 import '../LoadingContext/LoadingContext.js';
 import '../SocialRedirectContext/SocialRedirectContext.js';

package/src/lib/context/PasskeyContext/PasskeyContext.cjs

@@ -56,12 +56,12 @@ require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
+require('qrcode');
 require('formik');
 require('i18next');
 require('../../components/OverlayCard/OverlayCard.context.cjs');
 require('../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../views/WalletList/WalletList.cjs');
-require('qrcode');
 require('@hcaptcha/react-hcaptcha');
 require('../LoadingContext/LoadingContext.cjs');
 require('../SocialRedirectContext/SocialRedirectContext.cjs');

package/src/lib/context/PasskeyContext/PasskeyContext.js

@@ -52,12 +52,12 @@ import '../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
+import 'qrcode';
 import 'formik';
 import 'i18next';
 import '../../components/OverlayCard/OverlayCard.context.js';
 import '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../views/WalletList/WalletList.js';
-import 'qrcode';
 import '@hcaptcha/react-hcaptcha';
 import '../LoadingContext/LoadingContext.js';
 import '../SocialRedirectContext/SocialRedirectContext.js';

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

@@ -49,13 +49,13 @@ require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
+require('qrcode');
 require('formik');
 require('i18next');
 require('../../components/OverlayCard/OverlayCard.context.cjs');
 require('../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../PasskeyContext/PasskeyContext.cjs');
 require('../../views/WalletList/WalletList.cjs');
-require('qrcode');
 require('@hcaptcha/react-hcaptcha');
 require('../LoadingContext/LoadingContext.cjs');
 require('../SocialRedirectContext/SocialRedirectContext.cjs');
@@ -75,14 +75,14 @@ var useResponseHandlers = require('./useResponseHandlers.cjs');
 const PhantomRedirectContext = React.createContext(undefined);
 const PhantomRedirectContextProvider = ({ children, }) => {
     const { sdkHasLoaded } = useInternalDynamicContext.useInternalDynamicContext();
-    const { phantomRedirectConnector, handleConnectResponse, handleUserResponse, } = useResponseHandlers.useResponseHandlers();
+    const { phantomRedirectConnector, handleConnectResponse, handleUserResponse, handleErrorResponse, } = useResponseHandlers.useResponseHandlers();
     React.useEffect(() => {
         if (!phantomRedirectConnector || !utils.isMobile() || !sdkHasLoaded) {
             return;
         }
         const params = new URLSearchParams(window.location.search);
-        if (params.has('error')) {
-            // implement error handling
+        if (params.has('errorCode')) {
+            handleErrorResponse(params);
             return;
         }
         // handle response of connect method
@@ -99,6 +99,7 @@ const PhantomRedirectContextProvider = ({ children, }) => {
     }, [
         handleConnectResponse,
         handleUserResponse,
+        handleErrorResponse,
         phantomRedirectConnector,
         sdkHasLoaded,
     ]);

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

@@ -45,13 +45,13 @@ import '../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
+import 'qrcode';
 import 'formik';
 import 'i18next';
 import '../../components/OverlayCard/OverlayCard.context.js';
 import '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../PasskeyContext/PasskeyContext.js';
 import '../../views/WalletList/WalletList.js';
-import 'qrcode';
 import '@hcaptcha/react-hcaptcha';
 import '../LoadingContext/LoadingContext.js';
 import '../SocialRedirectContext/SocialRedirectContext.js';
@@ -71,14 +71,14 @@ import { useResponseHandlers } from './useResponseHandlers.js';
 const PhantomRedirectContext = createContext(undefined);
 const PhantomRedirectContextProvider = ({ children, }) => {
     const { sdkHasLoaded } = useInternalDynamicContext();
-    const { phantomRedirectConnector, handleConnectResponse, handleUserResponse, } = useResponseHandlers();
+    const { phantomRedirectConnector, handleConnectResponse, handleUserResponse, handleErrorResponse, } = useResponseHandlers();
     useEffect(() => {
         if (!phantomRedirectConnector || !isMobile() || !sdkHasLoaded) {
             return;
         }
         const params = new URLSearchParams(window.location.search);
-        if (params.has('error')) {
-            // implement error handling
+        if (params.has('errorCode')) {
+            handleErrorResponse(params);
             return;
         }
         // handle response of connect method
@@ -95,6 +95,7 @@ const PhantomRedirectContextProvider = ({ children, }) => {
     }, [
         handleConnectResponse,
         handleUserResponse,
+        handleErrorResponse,
         phantomRedirectConnector,
         sdkHasLoaded,
     ]);

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

@@ -21,7 +21,7 @@ require('viem');
 require('../../shared/consts/index.cjs');
 var useInternalDynamicContext = require('../DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 var CaptchaContext = require('../CaptchaContext/CaptchaContext.cjs');
-require('../ErrorContext/ErrorContext.cjs');
+var ErrorContext = require('../ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
 require('viem/chains');
 var useVerifyWallet = require('../../utils/hooks/useVerifyWallet/useVerifyWallet.cjs');
@@ -50,6 +50,7 @@ require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
+require('qrcode');
 require('formik');
 require('i18next');
 require('../../components/OverlayCard/OverlayCard.context.cjs');
@@ -57,7 +58,6 @@ require('../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanne
 require('../PasskeyContext/PasskeyContext.cjs');
 require('../../views/WalletList/WalletList.cjs');
 require('../AccessDeniedContext/AccessDeniedContext.cjs');
-require('qrcode');
 require('@hcaptcha/react-hcaptcha');
 require('../LoadingContext/LoadingContext.cjs');
 require('../SocialRedirectContext/SocialRedirectContext.cjs');
@@ -75,6 +75,7 @@ require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/
 const useResponseHandlers = () => {
     const { walletConnectorOptions, consumeNonce, displaySiweStatement, environmentId, projectSettings, setIsSingleWalletAccount, connectWallet, setShowAuthFlow, setSelectedWalletConnectorKey, } = useInternalDynamicContext.useInternalDynamicContext();
     const { setView } = ViewContext.useViewContext();
+    const { setErrorMessage } = ErrorContext.useErrorContext();
     const { getCaptchaToken } = CaptchaContext.useCaptchaContext();
     const verifyWallet = useVerifyWallet.useVerifyWallet({
         consumeNonce,
@@ -119,8 +120,21 @@ const useResponseHandlers = () => {
             walletConnector: phantomRedirectConnector,
         });
     }), [getCaptchaToken, phantomRedirectConnector, setView]);
+    const handleErrorResponse = React.useCallback((params) => {
+        if (!phantomRedirectConnector)
+            return;
+        const errorCode = params.get('errorCode');
+        if (!errorCode)
+            return;
+        setErrorMessage(errorCode);
+        params.delete('errorCode');
+        params.delete('errorMessage');
+        // eslint-disable-next-line no-restricted-globals
+        history.replaceState(null, '', `${window.location.origin}${window.location.pathname}?${params.toString()}`);
+    }, [phantomRedirectConnector, setErrorMessage]);
     return {
         handleConnectResponse,
+        handleErrorResponse,
         handleUserResponse,
         phantomRedirectConnector,
     };

package/src/lib/context/PhantomRedirectContext/useResponseHandlers.d.ts

@@ -1,5 +1,6 @@
 export declare const useResponseHandlers: () => {
     handleConnectResponse: () => Promise<void>;
+    handleErrorResponse: (params: URLSearchParams) => void;
     handleUserResponse: () => Promise<void>;
     phantomRedirectConnector: import("@dynamic-labs/wallet-connector-core").IPhantomRedirectConnector | undefined;
 };

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

@@ -17,7 +17,7 @@ import 'viem';
 import '../../shared/consts/index.js';
 import { useInternalDynamicContext } from '../DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 import { useCaptchaContext } from '../CaptchaContext/CaptchaContext.js';
-import '../ErrorContext/ErrorContext.js';
+import { useErrorContext } from '../ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
 import 'viem/chains';
 import { useVerifyWallet } from '../../utils/hooks/useVerifyWallet/useVerifyWallet.js';
@@ -46,6 +46,7 @@ import '../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
+import 'qrcode';
 import 'formik';
 import 'i18next';
 import '../../components/OverlayCard/OverlayCard.context.js';
@@ -53,7 +54,6 @@ import '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner
 import '../PasskeyContext/PasskeyContext.js';
 import '../../views/WalletList/WalletList.js';
 import '../AccessDeniedContext/AccessDeniedContext.js';
-import 'qrcode';
 import '@hcaptcha/react-hcaptcha';
 import '../LoadingContext/LoadingContext.js';
 import '../SocialRedirectContext/SocialRedirectContext.js';
@@ -71,6 +71,7 @@ import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/P
 const useResponseHandlers = () => {
     const { walletConnectorOptions, consumeNonce, displaySiweStatement, environmentId, projectSettings, setIsSingleWalletAccount, connectWallet, setShowAuthFlow, setSelectedWalletConnectorKey, } = useInternalDynamicContext();
     const { setView } = useViewContext();
+    const { setErrorMessage } = useErrorContext();
     const { getCaptchaToken } = useCaptchaContext();
     const verifyWallet = useVerifyWallet({
         consumeNonce,
@@ -115,8 +116,21 @@ const useResponseHandlers = () => {
             walletConnector: phantomRedirectConnector,
         });
     }), [getCaptchaToken, phantomRedirectConnector, setView]);
+    const handleErrorResponse = useCallback((params) => {
+        if (!phantomRedirectConnector)
+            return;
+        const errorCode = params.get('errorCode');
+        if (!errorCode)
+            return;
+        setErrorMessage(errorCode);
+        params.delete('errorCode');
+        params.delete('errorMessage');
+        // eslint-disable-next-line no-restricted-globals
+        history.replaceState(null, '', `${window.location.origin}${window.location.pathname}?${params.toString()}`);
+    }, [phantomRedirectConnector, setErrorMessage]);
     return {
         handleConnectResponse,
+        handleErrorResponse,
         handleUserResponse,
         phantomRedirectConnector,
     };

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

@@ -50,13 +50,13 @@ require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
+require('qrcode');
 require('formik');
 require('i18next');
 require('../../components/OverlayCard/OverlayCard.context.cjs');
 require('../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 var PasskeyContext = require('../PasskeyContext/PasskeyContext.cjs');
 require('../../views/WalletList/WalletList.cjs');
-require('qrcode');
 require('@hcaptcha/react-hcaptcha');
 require('../LoadingContext/LoadingContext.cjs');
 require('../SocialRedirectContext/SocialRedirectContext.cjs');

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

@@ -46,13 +46,13 @@ import '../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
+import 'qrcode';
 import 'formik';
 import 'i18next';
 import '../../components/OverlayCard/OverlayCard.context.js';
 import '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import { PasskeyContext } from '../PasskeyContext/PasskeyContext.js';
 import '../../views/WalletList/WalletList.js';
-import 'qrcode';
 import '@hcaptcha/react-hcaptcha';
 import '../LoadingContext/LoadingContext.js';
 import '../SocialRedirectContext/SocialRedirectContext.js';

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

@@ -52,6 +52,7 @@ require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
+require('qrcode');
 require('formik');
 require('i18next');
 require('../../components/OverlayCard/OverlayCard.context.cjs');
@@ -59,7 +60,6 @@ require('../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanne
 require('../PasskeyContext/PasskeyContext.cjs');
 require('../../views/WalletList/WalletList.cjs');
 require('../AccessDeniedContext/AccessDeniedContext.cjs');
-require('qrcode');
 require('@hcaptcha/react-hcaptcha');
 require('../LoadingContext/LoadingContext.cjs');
 require('../WalletGroupContext/WalletGroupContext.cjs');

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

@@ -48,6 +48,7 @@ import '../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
+import 'qrcode';
 import 'formik';
 import 'i18next';
 import '../../components/OverlayCard/OverlayCard.context.js';
@@ -55,7 +56,6 @@ import '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner
 import '../PasskeyContext/PasskeyContext.js';
 import '../../views/WalletList/WalletList.js';
 import '../AccessDeniedContext/AccessDeniedContext.js';
-import 'qrcode';
 import '@hcaptcha/react-hcaptcha';
 import '../LoadingContext/LoadingContext.js';
 import '../WalletGroupContext/WalletGroupContext.js';

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

@@ -50,13 +50,13 @@ require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
+require('qrcode');
 require('formik');
 require('i18next');
 require('../../components/OverlayCard/OverlayCard.context.cjs');
 require('../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../PasskeyContext/PasskeyContext.cjs');
 require('../../views/WalletList/WalletList.cjs');
-require('qrcode');
 require('@hcaptcha/react-hcaptcha');
 require('../LoadingContext/LoadingContext.cjs');
 require('../SocialRedirectContext/SocialRedirectContext.cjs');