@dynamic-labs/sdk-react-core 1.1.0-phantom.0 → 1.2.0-alpha.0

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

@@ -2,28 +2,29 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _tslib = require('../../../../_virtual/_tslib.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
-var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
 var utils = require('@dynamic-labs/utils');
-require('../../events/dynamicEvents.cjs');
 require('../DynamicContext/DynamicContext.cjs');
 require('@dynamic-labs/sdk-api');
 require('../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
-var ViewContext = require('../ViewContext/ViewContext.cjs');
+require('@dynamic-labs/wallet-connector-core');
+require('../ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
 require('../../utils/constants/colors.cjs');
+require('../../utils/constants/values.cjs');
 require('../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
 require('../../shared/consts/index.cjs');
-var useInternalDynamicContext = require('../DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
-var CaptchaContext = require('../CaptchaContext/CaptchaContext.cjs');
+require('../../events/dynamicEvents.cjs');
+require('../../../../_virtual/_tslib.cjs');
+require('../CaptchaContext/CaptchaContext.cjs');
 require('../ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
 require('viem/chains');
-var useVerifyWallet = require('../../utils/hooks/useVerifyWallet/useVerifyWallet.cjs');
+require('../AccessDeniedContext/AccessDeniedContext.cjs');
+require('../AccountExistsContext/AccountExistsContext.cjs');
 require('../../config/ApiEndpoint.cjs');
 require('../EmailVerificationContext/EmailVerificationContext.cjs');
 require('react-dom');
@@ -40,6 +41,7 @@ require('../../components/Alert/Alert.cjs');
 require('../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../components/IconButton/IconButton.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');
+require('../../components/IsBrowser/IsBrowser.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
@@ -51,83 +53,50 @@ 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('../AccessDeniedContext/AccessDeniedContext.cjs');
 require('qrcode');
 require('@hcaptcha/react-hcaptcha');
 require('../LoadingContext/LoadingContext.cjs');
-require('../AccountExistsContext/AccountExistsContext.cjs');
 require('../SocialRedirectContext/SocialRedirectContext.cjs');
 require('../WalletGroupContext/WalletGroupContext.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('../FooterAnimationContext/index.cjs');
-require('../PasskeyContext/PasskeyContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('@dynamic-labs/viem-utils');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+var useInternalDynamicContext = require('../DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
+var useResponseHandlers = require('./useResponseHandlers.cjs');
 
 const PhantomRedirectContext = React.createContext(undefined);
 const PhantomRedirectContextProvider = ({ children, }) => {
-    const { walletConnectorOptions, consumeNonce, displaySiweStatement, environmentId, projectSettings, setIsSingleWalletAccount, connectWallet, authMode, setShowAuthFlow, setSelectedWalletConnectorKey, } = useInternalDynamicContext.useInternalDynamicContext();
-    const { setView } = ViewContext.useViewContext();
-    const { getCaptchaToken } = CaptchaContext.useCaptchaContext();
-    const verifyWallet = useVerifyWallet.useVerifyWallet({
-        consumeNonce,
-        displaySiweStatement,
-        environmentId,
-        projectSettings,
-        setIsSingleWalletAccount,
-    });
-    const phantomMobileWalletConnector = walletConnectorOptions
-        .map(({ walletConnector }) => walletConnector)
-        .find(walletConnectorCore.isPhantomMobileConnector);
+    const { sdkHasLoaded } = useInternalDynamicContext.useInternalDynamicContext();
+    const { phantomRedirectConnector, handleConnectResponse, handleUserResponse, } = useResponseHandlers.useResponseHandlers();
     React.useEffect(() => {
-        var _a;
-        if (!phantomMobileWalletConnector || !utils.isMobile()) {
+        if (!phantomRedirectConnector || !utils.isMobile() || !sdkHasLoaded) {
             return;
         }
         const params = new URLSearchParams(window.location.search);
-        if (params.has('error')) ;
-        // this is when the user is signing a message or transaction
-        // phantom_encryption_public_key only exists on connect
-        if (params.has('data') && !params.has('phantom_encryption_public_key')) {
-            const { signature, message } = phantomMobileWalletConnector.extractSignature();
-            phantomMobileWalletConnector
-                .getConnectedAccounts()
-                .then((accounts) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-                const [address] = accounts;
-                yield verifyWallet({
-                    captchaToken: getCaptchaToken(),
-                    messageToSignOverride: message,
-                    publicWalletAddress: address,
-                    signedMessageOverride: signature,
-                    walletConnector: phantomMobileWalletConnector,
-                });
-            }));
+        if (params.has('error')) {
+            // implement error handling
+            return;
         }
+        // handle response of connect method
         if (params.has('phantom_encryption_public_key')) {
-            // this completes the connection step
-            (_a = (phantomMobileWalletConnector.getSession)) === null || _a === void 0 ? void 0 : _a().then(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-                yield connectWallet(phantomMobileWalletConnector);
-                setShowAuthFlow(true);
-                setView('pending-signature');
-                setSelectedWalletConnectorKey('phantom');
-            }));
+            handleConnectResponse();
+            return;
+        }
+        // handle response of the following methods:
+        // signMessage, signTransaction, signAndSendTransaction or signAllTransactions
+        if (params.has('data')) {
+            handleUserResponse();
+            return;
         }
-    }, [
-        authMode,
-        connectWallet,
-        getCaptchaToken,
-        phantomMobileWalletConnector,
-        setSelectedWalletConnectorKey,
-        setShowAuthFlow,
-        setView,
-        verifyWallet,
-    ]);
+    }, [handleConnectResponse, handleUserResponse, phantomRedirectConnector]);
     return (jsxRuntime.jsx(PhantomRedirectContext.Provider, { value: {
-            phantomMobileWalletConnector,
+            phantomRedirectConnector,
         }, children: children }));
 };
 

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

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
 import { WalletConnector } from '../../..';
 export type PhantomContextReturnType = {
-    phantomMobileWalletConnector: WalletConnector | undefined;
+    phantomRedirectConnector: WalletConnector | undefined;
 };
 export declare const PhantomRedirectContext: import("react").Context<PhantomContextReturnType | undefined>;
 export declare const PhantomRedirectContextProvider: ({ children, }: {

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

@@ -1,25 +1,26 @@
-import { __awaiter } from '../../../../_virtual/_tslib.js';
 import { jsx } from 'react/jsx-runtime';
 import { createContext, useEffect } from 'react';
-import { isPhantomMobileConnector } from '@dynamic-labs/wallet-connector-core';
 import { isMobile } from '@dynamic-labs/utils';
-import '../../events/dynamicEvents.js';
 import '../DynamicContext/DynamicContext.js';
 import '@dynamic-labs/sdk-api';
 import '../../shared/logger.js';
 import '@dynamic-labs/iconic';
-import { useViewContext } from '../ViewContext/ViewContext.js';
+import '@dynamic-labs/wallet-connector-core';
+import '../ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
 import '../../utils/constants/colors.js';
+import '../../utils/constants/values.js';
 import '../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
 import '../../shared/consts/index.js';
-import { useInternalDynamicContext } from '../DynamicContext/useDynamicContext/useInternalDynamicContext.js';
-import { useCaptchaContext } from '../CaptchaContext/CaptchaContext.js';
+import '../../events/dynamicEvents.js';
+import '../../../../_virtual/_tslib.js';
+import '../CaptchaContext/CaptchaContext.js';
 import '../ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
 import 'viem/chains';
-import { useVerifyWallet } from '../../utils/hooks/useVerifyWallet/useVerifyWallet.js';
+import '../AccessDeniedContext/AccessDeniedContext.js';
+import '../AccountExistsContext/AccountExistsContext.js';
 import '../../config/ApiEndpoint.js';
 import '../EmailVerificationContext/EmailVerificationContext.js';
 import 'react-dom';
@@ -36,6 +37,7 @@ import '../../components/Alert/Alert.js';
 import '../../components/ShadowDOM/ShadowDOM.js';
 import '../../components/IconButton/IconButton.js';
 import '../../components/InlineWidget/InlineWidget.js';
+import '../../components/IsBrowser/IsBrowser.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
 import '../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
@@ -47,83 +49,50 @@ 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 '../AccessDeniedContext/AccessDeniedContext.js';
 import 'qrcode';
 import '@hcaptcha/react-hcaptcha';
 import '../LoadingContext/LoadingContext.js';
-import '../AccountExistsContext/AccountExistsContext.js';
 import '../SocialRedirectContext/SocialRedirectContext.js';
 import '../WalletGroupContext/WalletGroupContext.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '../FooterAnimationContext/index.js';
-import '../PasskeyContext/PasskeyContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import '@dynamic-labs/viem-utils';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import { useInternalDynamicContext } from '../DynamicContext/useDynamicContext/useInternalDynamicContext.js';
+import { useResponseHandlers } from './useResponseHandlers.js';
 
 const PhantomRedirectContext = createContext(undefined);
 const PhantomRedirectContextProvider = ({ children, }) => {
-    const { walletConnectorOptions, consumeNonce, displaySiweStatement, environmentId, projectSettings, setIsSingleWalletAccount, connectWallet, authMode, setShowAuthFlow, setSelectedWalletConnectorKey, } = useInternalDynamicContext();
-    const { setView } = useViewContext();
-    const { getCaptchaToken } = useCaptchaContext();
-    const verifyWallet = useVerifyWallet({
-        consumeNonce,
-        displaySiweStatement,
-        environmentId,
-        projectSettings,
-        setIsSingleWalletAccount,
-    });
-    const phantomMobileWalletConnector = walletConnectorOptions
-        .map(({ walletConnector }) => walletConnector)
-        .find(isPhantomMobileConnector);
+    const { sdkHasLoaded } = useInternalDynamicContext();
+    const { phantomRedirectConnector, handleConnectResponse, handleUserResponse, } = useResponseHandlers();
     useEffect(() => {
-        var _a;
-        if (!phantomMobileWalletConnector || !isMobile()) {
+        if (!phantomRedirectConnector || !isMobile() || !sdkHasLoaded) {
             return;
         }
         const params = new URLSearchParams(window.location.search);
-        if (params.has('error')) ;
-        // this is when the user is signing a message or transaction
-        // phantom_encryption_public_key only exists on connect
-        if (params.has('data') && !params.has('phantom_encryption_public_key')) {
-            const { signature, message } = phantomMobileWalletConnector.extractSignature();
-            phantomMobileWalletConnector
-                .getConnectedAccounts()
-                .then((accounts) => __awaiter(void 0, void 0, void 0, function* () {
-                const [address] = accounts;
-                yield verifyWallet({
-                    captchaToken: getCaptchaToken(),
-                    messageToSignOverride: message,
-                    publicWalletAddress: address,
-                    signedMessageOverride: signature,
-                    walletConnector: phantomMobileWalletConnector,
-                });
-            }));
+        if (params.has('error')) {
+            // implement error handling
+            return;
         }
+        // handle response of connect method
         if (params.has('phantom_encryption_public_key')) {
-            // this completes the connection step
-            (_a = (phantomMobileWalletConnector.getSession)) === null || _a === void 0 ? void 0 : _a().then(() => __awaiter(void 0, void 0, void 0, function* () {
-                yield connectWallet(phantomMobileWalletConnector);
-                setShowAuthFlow(true);
-                setView('pending-signature');
-                setSelectedWalletConnectorKey('phantom');
-            }));
+            handleConnectResponse();
+            return;
+        }
+        // handle response of the following methods:
+        // signMessage, signTransaction, signAndSendTransaction or signAllTransactions
+        if (params.has('data')) {
+            handleUserResponse();
+            return;
         }
-    }, [
-        authMode,
-        connectWallet,
-        getCaptchaToken,
-        phantomMobileWalletConnector,
-        setSelectedWalletConnectorKey,
-        setShowAuthFlow,
-        setView,
-        verifyWallet,
-    ]);
+    }, [handleConnectResponse, handleUserResponse, phantomRedirectConnector]);
     return (jsx(PhantomRedirectContext.Provider, { value: {
-            phantomMobileWalletConnector,
+            phantomRedirectConnector,
         }, children: children }));
 };
 

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

@@ -0,0 +1,125 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../../../_virtual/_tslib.cjs');
+var React = require('react');
+var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
+require('../../events/dynamicEvents.cjs');
+require('@dynamic-labs/utils');
+require('../DynamicContext/DynamicContext.cjs');
+require('@dynamic-labs/sdk-api');
+require('../../shared/logger.cjs');
+require('@dynamic-labs/iconic');
+require('react/jsx-runtime');
+var ViewContext = require('../ViewContext/ViewContext.cjs');
+require('@dynamic-labs/wallet-book');
+require('../../utils/constants/colors.cjs');
+require('../../utils/constants/values.cjs');
+require('../../shared/utils/classes/storage/localStorage.cjs');
+require('viem');
+require('../../shared/consts/index.cjs');
+var useInternalDynamicContext = require('../DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
+var CaptchaContext = require('../CaptchaContext/CaptchaContext.cjs');
+require('../ErrorContext/ErrorContext.cjs');
+require('@dynamic-labs/multi-wallet');
+require('viem/chains');
+var useVerifyWallet = require('../../utils/hooks/useVerifyWallet/useVerifyWallet.cjs');
+require('../../config/ApiEndpoint.cjs');
+require('../EmailVerificationContext/EmailVerificationContext.cjs');
+require('react-dom');
+require('../ThemeContext/ThemeContext.cjs');
+require('@dynamic-labs/types');
+require('../AccountExistsContext/AccountExistsContext.cjs');
+require('yup');
+require('react-i18next');
+require('../MockContext/MockContext.cjs');
+require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
+require('../UserFieldEditorContext/UserFieldEditorContext.cjs');
+require('@dynamic-labs/rpc-providers');
+require('../UserWalletsContext/UserWalletsContext.cjs');
+require('../../components/Alert/Alert.cjs');
+require('../../components/ShadowDOM/ShadowDOM.cjs');
+require('../../components/IconButton/IconButton.cjs');
+require('../../components/InlineWidget/InlineWidget.cjs');
+require('../../components/IsBrowser/IsBrowser.cjs');
+require('../../components/MenuList/Dropdown/Dropdown.cjs');
+require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');
+require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
+require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
+require('../../components/Popper/Popper/Popper.cjs');
+require('../../components/Popper/PopperContext/PopperContext.cjs');
+require('react-focus-lock');
+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('../AccessDeniedContext/AccessDeniedContext.cjs');
+require('qrcode');
+require('@hcaptcha/react-hcaptcha');
+require('../LoadingContext/LoadingContext.cjs');
+require('../SocialRedirectContext/SocialRedirectContext.cjs');
+require('../WalletGroupContext/WalletGroupContext.cjs');
+require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
+require('../FooterAnimationContext/index.cjs');
+require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
+require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
+require('../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
+require('@dynamic-labs/viem-utils');
+require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+
+const useResponseHandlers = () => {
+    const { walletConnectorOptions, consumeNonce, displaySiweStatement, environmentId, projectSettings, setIsSingleWalletAccount, connectWallet, setShowAuthFlow, setSelectedWalletConnectorKey, } = useInternalDynamicContext.useInternalDynamicContext();
+    const { setView } = ViewContext.useViewContext();
+    const { getCaptchaToken } = CaptchaContext.useCaptchaContext();
+    const verifyWallet = useVerifyWallet.useVerifyWallet({
+        consumeNonce,
+        displaySiweStatement,
+        environmentId,
+        projectSettings,
+        setIsSingleWalletAccount,
+    });
+    const phantomRedirectConnector = walletConnectorOptions
+        .map(({ walletConnector }) => walletConnector)
+        .find(walletConnectorCore.isPhantomRedirectConnector);
+    const handleConnectResponse = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        if (!phantomRedirectConnector) {
+            return;
+        }
+        // this completes the connection step
+        yield phantomRedirectConnector.getSession();
+        yield connectWallet(phantomRedirectConnector);
+        setShowAuthFlow(true, { ignoreIfIsEmbeddedWidget: true });
+        setView('pending-signature');
+        setSelectedWalletConnectorKey('phantom');
+    }), [
+        connectWallet,
+        phantomRedirectConnector,
+        setSelectedWalletConnectorKey,
+        setShowAuthFlow,
+        setView,
+    ]);
+    const handleUserResponse = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        if (!phantomRedirectConnector) {
+            return;
+        }
+        const { signature, message } = phantomRedirectConnector.extractSignature();
+        const [address] = yield phantomRedirectConnector.getConnectedAccounts();
+        yield verifyWallet({
+            captchaToken: getCaptchaToken(),
+            messageToSignOverride: message,
+            publicWalletAddress: address,
+            signedMessageOverride: signature,
+            walletConnector: phantomRedirectConnector,
+        });
+    }), [getCaptchaToken, phantomRedirectConnector, verifyWallet]);
+    return {
+        handleConnectResponse,
+        handleUserResponse,
+        phantomRedirectConnector,
+    };
+};
+
+exports.useResponseHandlers = useResponseHandlers;

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

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

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

@@ -0,0 +1,121 @@
+import { __awaiter } from '../../../../_virtual/_tslib.js';
+import { useCallback } from 'react';
+import { isPhantomRedirectConnector } from '@dynamic-labs/wallet-connector-core';
+import '../../events/dynamicEvents.js';
+import '@dynamic-labs/utils';
+import '../DynamicContext/DynamicContext.js';
+import '@dynamic-labs/sdk-api';
+import '../../shared/logger.js';
+import '@dynamic-labs/iconic';
+import 'react/jsx-runtime';
+import { useViewContext } from '../ViewContext/ViewContext.js';
+import '@dynamic-labs/wallet-book';
+import '../../utils/constants/colors.js';
+import '../../utils/constants/values.js';
+import '../../shared/utils/classes/storage/localStorage.js';
+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 '@dynamic-labs/multi-wallet';
+import 'viem/chains';
+import { useVerifyWallet } from '../../utils/hooks/useVerifyWallet/useVerifyWallet.js';
+import '../../config/ApiEndpoint.js';
+import '../EmailVerificationContext/EmailVerificationContext.js';
+import 'react-dom';
+import '../ThemeContext/ThemeContext.js';
+import '@dynamic-labs/types';
+import '../AccountExistsContext/AccountExistsContext.js';
+import 'yup';
+import 'react-i18next';
+import '../MockContext/MockContext.js';
+import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
+import '../UserFieldEditorContext/UserFieldEditorContext.js';
+import '@dynamic-labs/rpc-providers';
+import '../UserWalletsContext/UserWalletsContext.js';
+import '../../components/Alert/Alert.js';
+import '../../components/ShadowDOM/ShadowDOM.js';
+import '../../components/IconButton/IconButton.js';
+import '../../components/InlineWidget/InlineWidget.js';
+import '../../components/IsBrowser/IsBrowser.js';
+import '../../components/MenuList/Dropdown/Dropdown.js';
+import '../../components/Transition/ZoomTransition/ZoomTransition.js';
+import '../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
+import '../../components/Transition/OpacityTransition/OpacityTransition.js';
+import '../../components/Popper/Popper/Popper.js';
+import '../../components/Popper/PopperContext/PopperContext.js';
+import 'react-focus-lock';
+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 '../AccessDeniedContext/AccessDeniedContext.js';
+import 'qrcode';
+import '@hcaptcha/react-hcaptcha';
+import '../LoadingContext/LoadingContext.js';
+import '../SocialRedirectContext/SocialRedirectContext.js';
+import '../WalletGroupContext/WalletGroupContext.js';
+import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
+import '../FooterAnimationContext/index.js';
+import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
+import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
+import '../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
+import '@dynamic-labs/viem-utils';
+import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+
+const useResponseHandlers = () => {
+    const { walletConnectorOptions, consumeNonce, displaySiweStatement, environmentId, projectSettings, setIsSingleWalletAccount, connectWallet, setShowAuthFlow, setSelectedWalletConnectorKey, } = useInternalDynamicContext();
+    const { setView } = useViewContext();
+    const { getCaptchaToken } = useCaptchaContext();
+    const verifyWallet = useVerifyWallet({
+        consumeNonce,
+        displaySiweStatement,
+        environmentId,
+        projectSettings,
+        setIsSingleWalletAccount,
+    });
+    const phantomRedirectConnector = walletConnectorOptions
+        .map(({ walletConnector }) => walletConnector)
+        .find(isPhantomRedirectConnector);
+    const handleConnectResponse = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
+        if (!phantomRedirectConnector) {
+            return;
+        }
+        // this completes the connection step
+        yield phantomRedirectConnector.getSession();
+        yield connectWallet(phantomRedirectConnector);
+        setShowAuthFlow(true, { ignoreIfIsEmbeddedWidget: true });
+        setView('pending-signature');
+        setSelectedWalletConnectorKey('phantom');
+    }), [
+        connectWallet,
+        phantomRedirectConnector,
+        setSelectedWalletConnectorKey,
+        setShowAuthFlow,
+        setView,
+    ]);
+    const handleUserResponse = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
+        if (!phantomRedirectConnector) {
+            return;
+        }
+        const { signature, message } = phantomRedirectConnector.extractSignature();
+        const [address] = yield phantomRedirectConnector.getConnectedAccounts();
+        yield verifyWallet({
+            captchaToken: getCaptchaToken(),
+            messageToSignOverride: message,
+            publicWalletAddress: address,
+            signedMessageOverride: signature,
+            walletConnector: phantomRedirectConnector,
+        });
+    }), [getCaptchaToken, phantomRedirectConnector, verifyWallet]);
+    return {
+        handleConnectResponse,
+        handleUserResponse,
+        phantomRedirectConnector,
+    };
+};
+
+export { useResponseHandlers };

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

@@ -13,6 +13,7 @@ require('@dynamic-labs/iconic');
 require('../ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
 require('../../utils/constants/colors.cjs');
+require('../../utils/constants/values.cjs');
 require('../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
 require('@dynamic-labs/utils');
@@ -41,6 +42,7 @@ require('react-dom');
 require('../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../components/IconButton/IconButton.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');
+require('../../components/IsBrowser/IsBrowser.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
@@ -52,6 +54,7 @@ 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');
@@ -60,7 +63,6 @@ require('../SocialRedirectContext/SocialRedirectContext.cjs');
 require('../WalletGroupContext/WalletGroupContext.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('../FooterAnimationContext/index.cjs');
-require('../PasskeyContext/PasskeyContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
@@ -85,7 +87,7 @@ const SendBalanceContextProvider = ({ children, }) => {
             if (!walletConnectorCore.isEmbeddedConnector(primaryWallet.connector)) {
                 throw SendBalanceContext_errors.invalidWalletTypeError;
             }
-            return (jsxRuntime.jsx(SendBalanceModal.SendBalanceModal, { onReject: reject, onSuccess: resolve, initialRecipientAddress: props === null || props === void 0 ? void 0 : props.recipientAddress, initialValue: props === null || props === void 0 ? void 0 : props.value }));
+            return (jsxRuntime.jsx(PasskeyContext.PasskeyContextProvider, { children: jsxRuntime.jsx(SendBalanceModal.SendBalanceModal, { onReject: reject, onSuccess: resolve, initialRecipientAddress: props === null || props === void 0 ? void 0 : props.recipientAddress, initialValue: props === null || props === void 0 ? void 0 : props.value }) }));
         });
     }), [open, primaryWallet]);
     return (jsxRuntime.jsxs(Provider, { value: { open: openSendBalanceModal }, children: [modal, children] }));

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

@@ -9,6 +9,7 @@ import '@dynamic-labs/iconic';
 import '../ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
 import '../../utils/constants/colors.js';
+import '../../utils/constants/values.js';
 import '../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
 import '@dynamic-labs/utils';
@@ -37,6 +38,7 @@ import 'react-dom';
 import '../../components/ShadowDOM/ShadowDOM.js';
 import '../../components/IconButton/IconButton.js';
 import '../../components/InlineWidget/InlineWidget.js';
+import '../../components/IsBrowser/IsBrowser.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
 import '../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
@@ -48,6 +50,7 @@ import 'formik';
 import 'i18next';
 import '../../components/OverlayCard/OverlayCard.context.js';
 import '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
+import { PasskeyContextProvider } from '../PasskeyContext/PasskeyContext.js';
 import '../../views/WalletList/WalletList.js';
 import 'qrcode';
 import '@hcaptcha/react-hcaptcha';
@@ -56,7 +59,6 @@ import '../SocialRedirectContext/SocialRedirectContext.js';
 import '../WalletGroupContext/WalletGroupContext.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '../FooterAnimationContext/index.js';
-import '../PasskeyContext/PasskeyContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
@@ -81,7 +83,7 @@ const SendBalanceContextProvider = ({ children, }) => {
             if (!isEmbeddedConnector(primaryWallet.connector)) {
                 throw invalidWalletTypeError;
             }
-            return (jsx(SendBalanceModal, { onReject: reject, onSuccess: resolve, initialRecipientAddress: props === null || props === void 0 ? void 0 : props.recipientAddress, initialValue: props === null || props === void 0 ? void 0 : props.value }));
+            return (jsx(PasskeyContextProvider, { children: jsx(SendBalanceModal, { onReject: reject, onSuccess: resolve, initialRecipientAddress: props === null || props === void 0 ? void 0 : props.recipientAddress, initialValue: props === null || props === void 0 ? void 0 : props.value }) }));
         });
     }), [open, primaryWallet]);
     return (jsxs(Provider, { value: { open: openSendBalanceModal }, children: [modal, children] }));