@dynamic-labs/sdk-react-core 1.1.0-alpha.20 → 1.1.0-alpha.21

package/CHANGELOG.md

@@ -1,4 +1,18 @@
 
+## [1.1.0-alpha.21](https://github.com/dynamic-labs/DynamicAuth/compare/v1.1.0-alpha.20...v1.1.0-alpha.21) (2024-02-01)
+
+
+### Features
+
+* add phantom redirect handling context ([#4479](https://github.com/dynamic-labs/DynamicAuth/issues/4479)) ([e0218ee](https://github.com/dynamic-labs/DynamicAuth/commit/e0218eec1a67787f5c0e7483d542a5f773e911ef))
+* add signPsbt method to bitcoin wallet connectors ([dfdc0fe](https://github.com/dynamic-labs/DynamicAuth/commit/dfdc0fe0e6894c1307b286e89b43a4c58a8808f3))
+
+
+### Bug Fixes
+
+* relax passkey feature detection check in sdk to avoid false nega… ([#4556](https://github.com/dynamic-labs/DynamicAuth/issues/4556)) ([4554f7d](https://github.com/dynamic-labs/DynamicAuth/commit/4554f7d7c5339859481cdecca95a9c07fae4ba5c))
+* workaround braavos undefined selectedWallet on chainChange event ([#4552](https://github.com/dynamic-labs/DynamicAuth/issues/4552)) ([aa35df0](https://github.com/dynamic-labs/DynamicAuth/commit/aa35df0e894feafa0606aa1c87bd3d3879ebc594))
+
 ## [1.1.0-alpha.20](https://github.com/dynamic-labs/DynamicAuth/compare/v1.1.0-alpha.19...v1.1.0-alpha.20) (2024-01-31)
 
 

package/package.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "1.1.0-alpha.20";
+var version = "1.1.0-alpha.21";
 var dependencies = {
 	"@dynamic-labs/iconic": "0.1.50",
 	"@dynamic-labs/sdk-api": "0.0.356",

package/package.js

@@ -1,4 +1,4 @@
-var version = "1.1.0-alpha.20";
+var version = "1.1.0-alpha.21";
 var dependencies = {
 	"@dynamic-labs/iconic": "0.1.50",
 	"@dynamic-labs/sdk-api": "0.0.356",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "1.1.0-alpha.20",
+  "version": "1.1.0-alpha.21",
   "repository": {
     "type": "git",
     "url": "https://github.com/dynamic-labs/DynamicAuth.git",
@@ -17,15 +17,15 @@
     "react-focus-lock": "2.9.2",
     "react-i18next": "^13.2.0",
     "yup": "0.32.11",
-    "@dynamic-labs/ethereum": "1.1.0-alpha.20",
-    "@dynamic-labs/logger": "1.1.0-alpha.20",
-    "@dynamic-labs/multi-wallet": "1.1.0-alpha.20",
-    "@dynamic-labs/rpc-providers": "1.1.0-alpha.20",
-    "@dynamic-labs/types": "1.1.0-alpha.20",
-    "@dynamic-labs/utils": "1.1.0-alpha.20",
-    "@dynamic-labs/viem-utils": "1.1.0-alpha.20",
-    "@dynamic-labs/wallet-book": "1.1.0-alpha.20",
-    "@dynamic-labs/wallet-connector-core": "1.1.0-alpha.20",
+    "@dynamic-labs/ethereum": "1.1.0-alpha.21",
+    "@dynamic-labs/logger": "1.1.0-alpha.21",
+    "@dynamic-labs/multi-wallet": "1.1.0-alpha.21",
+    "@dynamic-labs/rpc-providers": "1.1.0-alpha.21",
+    "@dynamic-labs/types": "1.1.0-alpha.21",
+    "@dynamic-labs/utils": "1.1.0-alpha.21",
+    "@dynamic-labs/viem-utils": "1.1.0-alpha.21",
+    "@dynamic-labs/wallet-book": "1.1.0-alpha.21",
+    "@dynamic-labs/wallet-connector-core": "1.1.0-alpha.21",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

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

@@ -102,6 +102,7 @@ var SendBalanceContext = require('../SendBalanceContext/SendBalanceContext.cjs')
 var UseNetworkValidation = require('../UseNetworkValidation/UseNetworkValidation.cjs');
 var UserWalletsContext = require('../UserWalletsContext/UserWalletsContext.cjs');
 var WalletContext = require('../WalletContext/WalletContext.cjs');
+var PhantomRedirectContext = require('../PhantomRedirectContext/PhantomRedirectContext.cjs');
 var handleDisconnectWallet = require('./handleDisconnectWallet/handleDisconnectWallet.cjs');
 var helpers = require('./helpers/helpers.cjs');
 var useDisplayOrderState = require('./hooks/useDisplayOrderState/useDisplayOrderState.cjs');
@@ -695,7 +696,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale: locale
                                 isBridgeFlow,
                                 isFullyConnected,
                                 isMultiWalletEnabled: multiWallet,
-                            }), children: [enableForcedNetworkValidation && jsxRuntime.jsx(UseNetworkValidation.UseNetworkValidation, {}), jsxRuntime.jsx(CaptchaContext.CaptchaContextProvider, { children: jsxRuntime.jsx(AccountExistsContext.AccountExistsContextProvider, { children: jsxRuntime.jsx(WalletContext.WalletContextProvider, { canSync: didConnectedStateLoad, children: jsxRuntime.jsx(PasskeyContext.PasskeyContextProvider, { children: jsxRuntime.jsx(EmailVerificationContext.EmailVerificationContextProvider, { children: jsxRuntime.jsx(DynamicWidgetContext.DynamicWidgetContextProvider, { children: jsxRuntime.jsx(DynamicBridgeWidgetContext.DynamicBridgeWidgetContextProvider, { children: jsxRuntime.jsx(FundingContext.FundingContextProvider, { children: jsxRuntime.jsx(AccessDeniedContext.AccessDeniedContextProvider, { children: jsxRuntime.jsx(SendBalanceContext.SendBalanceContextProvider, { children: jsxRuntime.jsx(WalletGroupContext.WalletGroupContextProvider, { children: jsxRuntime.jsx(UserFieldEditorContext.UserFieldEditorContextProvider, { children: jsxRuntime.jsxs(ConnectWithEmailOtpProvider.ConnectWithEmailOtpProvider, { children: [jsxRuntime.jsx(app.DynamicAuthFlow, {}), jsxRuntime.jsx(Toolkit.Toolkit, {}), jsxRuntime.jsx(FundingWidget.FundingWidget, {}), jsxRuntime.jsx(SyncPasskeyFlow.SyncPasskeyFlow, {}), confirmationModal, children] }) }) }) }) }) }) }) }) }) }) }) }) })] }) }) }) }) }) }));
+                            }), children: [enableForcedNetworkValidation && jsxRuntime.jsx(UseNetworkValidation.UseNetworkValidation, {}), jsxRuntime.jsx(CaptchaContext.CaptchaContextProvider, { children: jsxRuntime.jsx(AccountExistsContext.AccountExistsContextProvider, { children: jsxRuntime.jsx(WalletContext.WalletContextProvider, { canSync: didConnectedStateLoad, children: jsxRuntime.jsx(PasskeyContext.PasskeyContextProvider, { children: jsxRuntime.jsx(EmailVerificationContext.EmailVerificationContextProvider, { children: jsxRuntime.jsx(DynamicWidgetContext.DynamicWidgetContextProvider, { children: jsxRuntime.jsx(DynamicBridgeWidgetContext.DynamicBridgeWidgetContextProvider, { children: jsxRuntime.jsx(FundingContext.FundingContextProvider, { children: jsxRuntime.jsx(AccessDeniedContext.AccessDeniedContextProvider, { children: jsxRuntime.jsx(SendBalanceContext.SendBalanceContextProvider, { children: jsxRuntime.jsx(WalletGroupContext.WalletGroupContextProvider, { children: jsxRuntime.jsx(UserFieldEditorContext.UserFieldEditorContextProvider, { children: jsxRuntime.jsx(ConnectWithEmailOtpProvider.ConnectWithEmailOtpProvider, { children: jsxRuntime.jsxs(PhantomRedirectContext.PhantomRedirectContextProvider, { children: [jsxRuntime.jsx(app.DynamicAuthFlow, {}), jsxRuntime.jsx(Toolkit.Toolkit, {}), jsxRuntime.jsx(FundingWidget.FundingWidget, {}), jsxRuntime.jsx(SyncPasskeyFlow.SyncPasskeyFlow, {}), confirmationModal, children] }) }) }) }) }) }) }) }) }) }) }) }) }) })] }) }) }) }) }) }));
 };
 /** The context provider you need to have access too all of Dynamic's hooks */
 const DynamicContextProvider = (props) => (jsxRuntime.jsx(ErrorContext.ErrorContextProvider, { children: jsxRuntime.jsx(UserWalletsContext.UserWalletsProvider, { children: jsxRuntime.jsx(InnerDynamicContextProvider, Object.assign({}, props)) }) }));

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

@@ -98,6 +98,7 @@ import { SendBalanceContextProvider } from '../SendBalanceContext/SendBalanceCon
 import { UseNetworkValidation } from '../UseNetworkValidation/UseNetworkValidation.js';
 import { UserWalletsProvider } from '../UserWalletsContext/UserWalletsContext.js';
 import { WalletContextProvider } from '../WalletContext/WalletContext.js';
+import { PhantomRedirectContextProvider } from '../PhantomRedirectContext/PhantomRedirectContext.js';
 import { handleDisconnectWallet } from './handleDisconnectWallet/handleDisconnectWallet.js';
 import { initExpirationTime, getInitialView } from './helpers/helpers.js';
 import { useDisplayOrderState } from './hooks/useDisplayOrderState/useDisplayOrderState.js';
@@ -691,7 +692,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
                                 isBridgeFlow,
                                 isFullyConnected,
                                 isMultiWalletEnabled: multiWallet,
-                            }), children: [enableForcedNetworkValidation && jsx(UseNetworkValidation, {}), jsx(CaptchaContextProvider, { children: jsx(AccountExistsContextProvider, { children: jsx(WalletContextProvider, { canSync: didConnectedStateLoad, children: jsx(PasskeyContextProvider, { children: jsx(EmailVerificationContextProvider, { children: jsx(DynamicWidgetContextProvider, { children: jsx(DynamicBridgeWidgetContextProvider, { children: jsx(FundingContextProvider, { children: jsx(AccessDeniedContextProvider, { children: jsx(SendBalanceContextProvider, { children: jsx(WalletGroupContextProvider, { children: jsx(UserFieldEditorContextProvider, { children: jsxs(ConnectWithEmailOtpProvider, { children: [jsx(DynamicAuthFlow, {}), jsx(Toolkit, {}), jsx(FundingWidget, {}), jsx(SyncPasskeyFlow, {}), confirmationModal, children] }) }) }) }) }) }) }) }) }) }) }) }) })] }) }) }) }) }) }));
+                            }), children: [enableForcedNetworkValidation && jsx(UseNetworkValidation, {}), jsx(CaptchaContextProvider, { children: jsx(AccountExistsContextProvider, { children: jsx(WalletContextProvider, { canSync: didConnectedStateLoad, children: jsx(PasskeyContextProvider, { children: jsx(EmailVerificationContextProvider, { children: jsx(DynamicWidgetContextProvider, { children: jsx(DynamicBridgeWidgetContextProvider, { children: jsx(FundingContextProvider, { children: jsx(AccessDeniedContextProvider, { children: jsx(SendBalanceContextProvider, { children: jsx(WalletGroupContextProvider, { children: jsx(UserFieldEditorContextProvider, { children: jsx(ConnectWithEmailOtpProvider, { children: jsxs(PhantomRedirectContextProvider, { children: [jsx(DynamicAuthFlow, {}), jsx(Toolkit, {}), jsx(FundingWidget, {}), jsx(SyncPasskeyFlow, {}), confirmationModal, children] }) }) }) }) }) }) }) }) }) }) }) }) }) })] }) }) }) }) }) }));
 };
 /** The context provider you need to have access too all of Dynamic's hooks */
 const DynamicContextProvider = (props) => (jsx(ErrorContextProvider, { children: jsx(UserWalletsProvider, { children: jsx(InnerDynamicContextProvider, Object.assign({}, props)) }) }));

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

@@ -0,0 +1,40 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var utils = require('@dynamic-labs/utils');
+var useResponseHandlers = require('./useResponseHandlers.cjs');
+
+const PhantomRedirectContext = React.createContext(undefined);
+const PhantomRedirectContextProvider = ({ children, }) => {
+    const { phantomRedirectConnector, handleConnectResponse, handleUserResponse, } = useResponseHandlers.useResponseHandlers();
+    React.useEffect(() => {
+        if (!phantomRedirectConnector || !utils.isMobile()) {
+            return;
+        }
+        const params = new URLSearchParams(window.location.search);
+        if (params.has('error')) {
+            // implement error handling
+            return;
+        }
+        // handle response of connect method
+        if (params.has('phantom_encryption_public_key')) {
+            handleConnectResponse();
+            return;
+        }
+        // handle response of the following methods:
+        // signMessage, signTransaction, signAndSendTransaction or signAllTransactions
+        if (params.has('data')) {
+            handleUserResponse();
+            return;
+        }
+    }, [handleConnectResponse, handleUserResponse, phantomRedirectConnector]);
+    return (jsxRuntime.jsx(PhantomRedirectContext.Provider, { value: {
+            phantomRedirectConnector,
+        }, children: children }));
+};
+
+exports.PhantomRedirectContext = PhantomRedirectContext;
+exports.PhantomRedirectContextProvider = PhantomRedirectContextProvider;

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

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

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

@@ -0,0 +1,35 @@
+import { jsx } from 'react/jsx-runtime';
+import { createContext, useEffect } from 'react';
+import { isMobile } from '@dynamic-labs/utils';
+import { useResponseHandlers } from './useResponseHandlers.js';
+
+const PhantomRedirectContext = createContext(undefined);
+const PhantomRedirectContextProvider = ({ children, }) => {
+    const { phantomRedirectConnector, handleConnectResponse, handleUserResponse, } = useResponseHandlers();
+    useEffect(() => {
+        if (!phantomRedirectConnector || !isMobile()) {
+            return;
+        }
+        const params = new URLSearchParams(window.location.search);
+        if (params.has('error')) {
+            // implement error handling
+            return;
+        }
+        // handle response of connect method
+        if (params.has('phantom_encryption_public_key')) {
+            handleConnectResponse();
+            return;
+        }
+        // handle response of the following methods:
+        // signMessage, signTransaction, signAndSendTransaction or signAllTransactions
+        if (params.has('data')) {
+            handleUserResponse();
+            return;
+        }
+    }, [handleConnectResponse, handleUserResponse, phantomRedirectConnector]);
+    return (jsx(PhantomRedirectContext.Provider, { value: {
+            phantomRedirectConnector,
+        }, children: children }));
+};
+
+export { PhantomRedirectContext, PhantomRedirectContextProvider };

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

@@ -0,0 +1 @@
+export * from './PhantomRedirectContext';

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

@@ -0,0 +1,124 @@
+'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/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('../../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('../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');
+
+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,120 @@
+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/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 '../../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 '../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';
+
+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/shared/types/index.d.ts

@@ -90,6 +90,8 @@ export interface VerifyCallbackArgs {
     oauth?: OauthProviderRequest;
     publicWalletAddress: string;
     walletConnector: WalletConnector;
+    signedMessageOverride?: string;
+    messageToSignOverride?: string;
 }
 export interface VerifyWalletProps {
     verifyWallet: ({ walletConnector, fetchPublicAddressOpts, }: VerifyCallbackArgs) => Promise<void>;

package/src/lib/utils/functions/getVerifyArgs/getVerifyArgs.cjs

@@ -6,7 +6,7 @@ var _tslib = require('../../../../../_virtual/_tslib.cjs');
 var index = require('../generateMessages/index.cjs');
 
 // TODO - This function is doing too much we should split it up.
-const getVerifyArgs = ({ walletConnector, nonce, walletProvider, environmentId, displaySiweStatement, skipEmptyAccountCheck, siweStatement, publicWalletAddress, }) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+const getVerifyArgs = ({ walletConnector, nonce, walletProvider, environmentId, displaySiweStatement, skipEmptyAccountCheck, siweStatement, publicWalletAddress, signedMessageOverride, messageToSignOverride, }) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
     // WARNING - PLEASE READ!
     // DO NOT ADD ANY NEW ASYNC WORK WITH AWAIT!
     // Deep linking could break with too many blocking awaits
@@ -14,6 +14,23 @@ const getVerifyArgs = ({ walletConnector, nonce, walletProvider, environmentId,
     // This could manifest in users being directed to the app store
     // instead of the actual wallet app.
     const chain = walletConnector.connectedChain;
+    if (signedMessageOverride && messageToSignOverride) {
+        const [network, additionalWalletAddresses] = yield Promise.all([
+            walletConnector.getNetwork(),
+            walletConnector.getAdditionalAddresses(publicWalletAddress),
+        ]);
+        return {
+            additionalWalletAddresses,
+            chain,
+            messageToSign: messageToSignOverride,
+            network: String(network),
+            publicWalletAddress,
+            signedMessage: signedMessageOverride,
+            skipEmptyAccountCheck,
+            walletName: walletConnector.key,
+            walletProvider,
+        };
+    }
     // generate message to sign and then initiate signing step to prove ownership
     const { messageToSign, signedMessage } = yield index.generateMessages(publicWalletAddress, walletConnector, nonce, environmentId, displaySiweStatement, siweStatement);
     const [network, additionalWalletAddresses] = yield Promise.all([

package/src/lib/utils/functions/getVerifyArgs/getVerifyArgs.d.ts

@@ -1,4 +1,5 @@
 import { FetchPublicAddressOpts } from '@dynamic-labs/wallet-connector-core';
+import { WalletAdditionalAddress } from '@dynamic-labs/sdk-api';
 import { WalletConnector } from '../../../..';
 import { WalletProvider } from '../../../shared';
 type Props = {
@@ -11,16 +12,19 @@ type Props = {
     skipEmptyAccountCheck?: boolean;
     walletConnector: WalletConnector;
     walletProvider: WalletProvider;
+    signedMessageOverride?: string;
+    messageToSignOverride?: string;
 };
-export declare const getVerifyArgs: ({ walletConnector, nonce, walletProvider, environmentId, displaySiweStatement, skipEmptyAccountCheck, siweStatement, publicWalletAddress, }: Props) => Promise<{
-    additionalWalletAddresses: import("@dynamic-labs/sdk-api").WalletAdditionalAddress[] | undefined;
-    chain: "ETH" | "FLOW" | "SOL" | "EVM" | "ALGO" | "STARK" | "ATOM" | "COSMOS" | "BTC";
+type VerifyArgs = {
+    additionalWalletAddresses: WalletAdditionalAddress[] | undefined;
+    chain: string;
     messageToSign: string;
     network: string;
     publicWalletAddress: string;
     signedMessage: string;
-    skipEmptyAccountCheck: boolean | undefined;
+    skipEmptyAccountCheck?: boolean;
     walletName: string;
-    walletProvider: "browserExtension" | "custodialService" | "walletConnect" | "qrCode" | "deepLink" | "embeddedWallet" | "smartContractWallet";
-}>;
+    walletProvider: WalletProvider;
+};
+export declare const getVerifyArgs: ({ walletConnector, nonce, walletProvider, environmentId, displaySiweStatement, skipEmptyAccountCheck, siweStatement, publicWalletAddress, signedMessageOverride, messageToSignOverride, }: Props) => Promise<VerifyArgs>;
 export {};

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

@@ -2,7 +2,7 @@ import { __awaiter } from '../../../../../_virtual/_tslib.js';
 import { generateMessages } from '../generateMessages/index.js';
 
 // TODO - This function is doing too much we should split it up.
-const getVerifyArgs = ({ walletConnector, nonce, walletProvider, environmentId, displaySiweStatement, skipEmptyAccountCheck, siweStatement, publicWalletAddress, }) => __awaiter(void 0, void 0, void 0, function* () {
+const getVerifyArgs = ({ walletConnector, nonce, walletProvider, environmentId, displaySiweStatement, skipEmptyAccountCheck, siweStatement, publicWalletAddress, signedMessageOverride, messageToSignOverride, }) => __awaiter(void 0, void 0, void 0, function* () {
     // WARNING - PLEASE READ!
     // DO NOT ADD ANY NEW ASYNC WORK WITH AWAIT!
     // Deep linking could break with too many blocking awaits
@@ -10,6 +10,23 @@ const getVerifyArgs = ({ walletConnector, nonce, walletProvider, environmentId,
     // This could manifest in users being directed to the app store
     // instead of the actual wallet app.
     const chain = walletConnector.connectedChain;
+    if (signedMessageOverride && messageToSignOverride) {
+        const [network, additionalWalletAddresses] = yield Promise.all([
+            walletConnector.getNetwork(),
+            walletConnector.getAdditionalAddresses(publicWalletAddress),
+        ]);
+        return {
+            additionalWalletAddresses,
+            chain,
+            messageToSign: messageToSignOverride,
+            network: String(network),
+            publicWalletAddress,
+            signedMessage: signedMessageOverride,
+            skipEmptyAccountCheck,
+            walletName: walletConnector.key,
+            walletProvider,
+        };
+    }
     // generate message to sign and then initiate signing step to prove ownership
     const { messageToSign, signedMessage } = yield generateMessages(publicWalletAddress, walletConnector, nonce, environmentId, displaySiweStatement, siweStatement);
     const [network, additionalWalletAddresses] = yield Promise.all([

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

@@ -89,7 +89,7 @@ const useVerifyWallet = ({ consumeNonce, displaySiweStatement, environmentId, pr
     // and need to distinguish between logic for verify or linking.
     const verifyOnly = !authToken;
     const shouldFallbackToConnectOnly = enableConnectOnlyFallback && (verifyOnly || !multiWalletEnabled);
-    const generateJWT = (walletConnector, walletProvider, fetchPublicAddressOpts, publicWalletAddress, captchaToken, oauth) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+    const generateJWT = (walletConnector, walletProvider, fetchPublicAddressOpts, publicWalletAddress, captchaToken, oauth, signedMessageOverride, messageToSignOverride) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         let Jwt;
         const nonce = consumeNonce();
         if (nonce === undefined)
@@ -98,8 +98,10 @@ const useVerifyWallet = ({ consumeNonce, displaySiweStatement, environmentId, pr
             displaySiweStatement,
             environmentId,
             fetchPublicAddressOpts,
+            messageToSignOverride,
             nonce,
             publicWalletAddress,
+            signedMessageOverride,
             siweStatement: getSiweStatement.getSiweStatement({ appName, siweStatement }),
             walletConnector,
             walletProvider,
@@ -159,6 +161,10 @@ const useVerifyWallet = ({ consumeNonce, displaySiweStatement, environmentId, pr
     };
     const handleError = (e, walletConnector, address, oauth) => {
         var _a;
+        // see: PhantomRedirect#signMessage
+        if (e.message === 'ignore') {
+            return;
+        }
         if (e instanceof utils.WalletUsedError) {
             handleDisconnectWallet({ endSession: false, walletConnector });
             return handleWalletUsedError(e);
@@ -215,12 +221,12 @@ const useVerifyWallet = ({ consumeNonce, displaySiweStatement, environmentId, pr
             setErrorMessage(e.code);
         }
     };
-    return ({ walletConnector, fetchPublicAddressOpts, publicWalletAddress, captchaToken, oauth, }) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+    return ({ walletConnector, fetchPublicAddressOpts, publicWalletAddress, captchaToken, oauth, signedMessageOverride, messageToSignOverride, }) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         var _a;
         const walletProvider = getWalletProvider.getWalletProvider(walletConnector);
         try {
             setIsVerificationInProgress(true);
-            const { Jwt, verifyArgs } = yield generateJWT(walletConnector, walletProvider, fetchPublicAddressOpts, publicWalletAddress, captchaToken, oauth);
+            const { Jwt, verifyArgs } = yield generateJWT(walletConnector, walletProvider, fetchPublicAddressOpts, publicWalletAddress, captchaToken, oauth, signedMessageOverride, messageToSignOverride);
             const decodedJwt = decodeJwt.decodeJwt(Jwt);
             if (decodedJwt === undefined)
                 throw new utils.DynamicError('Invalid token!');

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

@@ -5,5 +5,5 @@ type UseVerifyWalletArgs = VerifyProps & ProjectSettingsProps & {
     displaySiweStatement: boolean;
     setIsSingleWalletAccount: Dispatch<SetStateAction<boolean>>;
 };
-export declare const useVerifyWallet: ({ consumeNonce, displaySiweStatement, environmentId, projectSettings, setIsSingleWalletAccount, }: UseVerifyWalletArgs) => ({ walletConnector, fetchPublicAddressOpts, publicWalletAddress, captchaToken, oauth, }: VerifyCallbackArgs) => Promise<void>;
+export declare const useVerifyWallet: ({ consumeNonce, displaySiweStatement, environmentId, projectSettings, setIsSingleWalletAccount, }: UseVerifyWalletArgs) => ({ walletConnector, fetchPublicAddressOpts, publicWalletAddress, captchaToken, oauth, signedMessageOverride, messageToSignOverride, }: VerifyCallbackArgs) => Promise<void>;
 export {};

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

@@ -85,7 +85,7 @@ const useVerifyWallet = ({ consumeNonce, displaySiweStatement, environmentId, pr
     // and need to distinguish between logic for verify or linking.
     const verifyOnly = !authToken;
     const shouldFallbackToConnectOnly = enableConnectOnlyFallback && (verifyOnly || !multiWalletEnabled);
-    const generateJWT = (walletConnector, walletProvider, fetchPublicAddressOpts, publicWalletAddress, captchaToken, oauth) => __awaiter(void 0, void 0, void 0, function* () {
+    const generateJWT = (walletConnector, walletProvider, fetchPublicAddressOpts, publicWalletAddress, captchaToken, oauth, signedMessageOverride, messageToSignOverride) => __awaiter(void 0, void 0, void 0, function* () {
         let Jwt;
         const nonce = consumeNonce();
         if (nonce === undefined)
@@ -94,8 +94,10 @@ const useVerifyWallet = ({ consumeNonce, displaySiweStatement, environmentId, pr
             displaySiweStatement,
             environmentId,
             fetchPublicAddressOpts,
+            messageToSignOverride,
             nonce,
             publicWalletAddress,
+            signedMessageOverride,
             siweStatement: getSiweStatement({ appName, siweStatement }),
             walletConnector,
             walletProvider,
@@ -155,6 +157,10 @@ const useVerifyWallet = ({ consumeNonce, displaySiweStatement, environmentId, pr
     };
     const handleError = (e, walletConnector, address, oauth) => {
         var _a;
+        // see: PhantomRedirect#signMessage
+        if (e.message === 'ignore') {
+            return;
+        }
         if (e instanceof WalletUsedError) {
             handleDisconnectWallet({ endSession: false, walletConnector });
             return handleWalletUsedError(e);
@@ -211,12 +217,12 @@ const useVerifyWallet = ({ consumeNonce, displaySiweStatement, environmentId, pr
             setErrorMessage(e.code);
         }
     };
-    return ({ walletConnector, fetchPublicAddressOpts, publicWalletAddress, captchaToken, oauth, }) => __awaiter(void 0, void 0, void 0, function* () {
+    return ({ walletConnector, fetchPublicAddressOpts, publicWalletAddress, captchaToken, oauth, signedMessageOverride, messageToSignOverride, }) => __awaiter(void 0, void 0, void 0, function* () {
         var _a;
         const walletProvider = getWalletProvider(walletConnector);
         try {
             setIsVerificationInProgress(true);
-            const { Jwt, verifyArgs } = yield generateJWT(walletConnector, walletProvider, fetchPublicAddressOpts, publicWalletAddress, captchaToken, oauth);
+            const { Jwt, verifyArgs } = yield generateJWT(walletConnector, walletProvider, fetchPublicAddressOpts, publicWalletAddress, captchaToken, oauth, signedMessageOverride, messageToSignOverride);
             const decodedJwt = decodeJwt(Jwt);
             if (decodedJwt === undefined)
                 throw new DynamicError('Invalid token!');

package/src/lib/views/Passkey/PasskeyIntroView/PasskeyIntroView.cjs

@@ -28,7 +28,6 @@ require('../../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
 var getAuthToken = require('../../../utils/functions/getAuthToken/getAuthToken.cjs');
 require('@dynamic-labs/sdk-api');
-var isPasskeyEnabled = require('../../../utils/functions/isPasskeyEnabled/isPasskeyEnabled.cjs');
 require('viem/chains');
 require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
@@ -37,7 +36,6 @@ require('../../../context/EmailVerificationContext/EmailVerificationContext.cjs'
 require('react-dom');
 var useCreateDynamicEmbeddedWalletMutation = require('../../../utils/hooks/useCreateDynamicEmbeddedWalletMutation/useCreateDynamicEmbeddedWalletMutation.cjs');
 require('../../../context/ThemeContext/ThemeContext.cjs');
-var usePromise = require('../../../utils/hooks/usePromise/usePromise.cjs');
 require('@dynamic-labs/types');
 require('yup');
 require('../../../context/MockContext/MockContext.cjs');
@@ -88,7 +86,9 @@ const PasskeyIntroView = () => {
     const { walletConnectorOptions, environmentId, handleLogOut, onboardingOnlyJwt, } = useInternalDynamicContext.useInternalDynamicContext();
     const { setIsFooterExpanded } = index.useFooterAnimationContext();
     const { t } = reactI18next.useTranslation();
-    const { data: passkeyEnabled } = usePromise.usePromise(isPasskeyEnabled.isPasskeyEnabled);
+    // TODO(GVTY-1137): send a metric when we detect passkeys are not enabled by the browser/device
+    // we removed enforcing this check since we were getting false negatives
+    // const { data: passkeyEnabled } = usePromise(isPasskeyEnabled);
     // if passkey is not yet setup, but user logged in with email in a passkey env
     // it should be null to force user to setup passkey even after the a refresh
     React.useEffect(() => localStorage.LocalStorage.removeFromLS(localStorage$1.LAST_USED_WALLET), []);
@@ -118,7 +118,7 @@ const PasskeyIntroView = () => {
         return getProperErrorMessage.getProperErrorMessage(error);
     }, [error]);
     const infoIconButton = (jsxRuntime.jsx(Tooltip.Tooltip, { content: t('dyn_passkey_intro.helper.tooltip'), className: 'header__tooltip', copykey: 'dyn_passkey_intro.helper.tooltip', children: jsxRuntime.jsx(IconButton.IconButton, { type: 'button', "data-testid": 'info-button', onClick: () => setIsFooterExpanded((prev) => !prev), className: 'header__icon', children: jsxRuntime.jsx(questionMark.ReactComponent, {}) }) }, 'info-button'));
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { trailing: infoIconButton, children: jsxRuntime.jsx(Typography.Typography, { as: 'h1', variant: 'title', color: 'primary', "data-testid": 'dynamic-auth-modal-heading', className: 'header__typography', copykey: 'dyn_passkey_intro.title', children: t('dyn_passkey_intro.title') }) }), jsxRuntime.jsxs("div", { className: 'passkey-intro-view', children: [jsxRuntime.jsx("div", { className: 'passkey-intro-view__header', children: jsxRuntime.jsx(passkeyIntroIcon.ReactComponent, {}) }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', weight: 'regular', color: 'secondary', className: 'passkey-intro-view__subtitle', copykey: 'dyn_passkey_intro.subtitle', children: t('dyn_passkey_intro.subtitle') }), passkeyEnabled === false && (jsxRuntime.jsx(ErrorContainer.ErrorContainer, { copykey: 'dyn_passkey_intro.disabled', children: t('dyn_passkey_intro.disabled') })), errorText && jsxRuntime.jsx(ErrorContainer.ErrorContainer, { children: errorText }), jsxRuntime.jsxs("div", { className: 'passkey-intro-view__actions', children: [jsxRuntime.jsx(Button.Button, { buttonVariant: 'brand-primary', buttonPadding: 'large', onClick: handleCreateEmbeddedWallet, dataTestId: 'setup-passkey-button', loading: isLoading, disabled: isLoading || !passkeyEnabled, typographyProps: {
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { trailing: infoIconButton, children: jsxRuntime.jsx(Typography.Typography, { as: 'h1', variant: 'title', color: 'primary', "data-testid": 'dynamic-auth-modal-heading', className: 'header__typography', copykey: 'dyn_passkey_intro.title', children: t('dyn_passkey_intro.title') }) }), jsxRuntime.jsxs("div", { className: 'passkey-intro-view', children: [jsxRuntime.jsx("div", { className: 'passkey-intro-view__header', children: jsxRuntime.jsx(passkeyIntroIcon.ReactComponent, {}) }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', weight: 'regular', color: 'secondary', className: 'passkey-intro-view__subtitle', copykey: 'dyn_passkey_intro.subtitle', children: t('dyn_passkey_intro.subtitle') }), errorText && jsxRuntime.jsx(ErrorContainer.ErrorContainer, { children: errorText }), jsxRuntime.jsxs("div", { className: 'passkey-intro-view__actions', children: [jsxRuntime.jsx(Button.Button, { buttonVariant: 'brand-primary', buttonPadding: 'large', onClick: handleCreateEmbeddedWallet, dataTestId: 'setup-passkey-button', loading: isLoading, disabled: isLoading, typographyProps: {
                                     color: 'inherit',
                                 }, children: jsxRuntime.jsxs("div", { className: 'passkey-intro-view__inline-button', children: [jsxRuntime.jsx(PasskeyDeviceIcon.PasskeyDeviceIcon, {}), jsxRuntime.jsx(Typography.Typography, { copykey: 'dyn_passkey_intro.button', children: t('dyn_passkey_intro.button') })] }) }), jsxRuntime.jsx(TextButton.TextButton, { "data-testid": 'setup-passkey-logout-button', className: 'passkey-intro-view__log-out', onClick: handleLogOut, copykey: 'dyn_passkey_intro.button_logout', children: t('dyn_passkey_intro.button_logout') })] })] })] }));
 };

package/src/lib/views/Passkey/PasskeyIntroView/PasskeyIntroView.js

@@ -24,7 +24,6 @@ import '../../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
 import { getAuthToken } from '../../../utils/functions/getAuthToken/getAuthToken.js';
 import '@dynamic-labs/sdk-api';
-import { isPasskeyEnabled } from '../../../utils/functions/isPasskeyEnabled/isPasskeyEnabled.js';
 import 'viem/chains';
 import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../context/AccountExistsContext/AccountExistsContext.js';
@@ -33,7 +32,6 @@ import '../../../context/EmailVerificationContext/EmailVerificationContext.js';
 import 'react-dom';
 import { useCreateDynamicEmbeddedWalletMutation } from '../../../utils/hooks/useCreateDynamicEmbeddedWalletMutation/useCreateDynamicEmbeddedWalletMutation.js';
 import '../../../context/ThemeContext/ThemeContext.js';
-import { usePromise } from '../../../utils/hooks/usePromise/usePromise.js';
 import '@dynamic-labs/types';
 import 'yup';
 import '../../../context/MockContext/MockContext.js';
@@ -84,7 +82,9 @@ const PasskeyIntroView = () => {
     const { walletConnectorOptions, environmentId, handleLogOut, onboardingOnlyJwt, } = useInternalDynamicContext();
     const { setIsFooterExpanded } = useFooterAnimationContext();
     const { t } = useTranslation();
-    const { data: passkeyEnabled } = usePromise(isPasskeyEnabled);
+    // TODO(GVTY-1137): send a metric when we detect passkeys are not enabled by the browser/device
+    // we removed enforcing this check since we were getting false negatives
+    // const { data: passkeyEnabled } = usePromise(isPasskeyEnabled);
     // if passkey is not yet setup, but user logged in with email in a passkey env
     // it should be null to force user to setup passkey even after the a refresh
     useEffect(() => LocalStorage.removeFromLS(LAST_USED_WALLET), []);
@@ -114,7 +114,7 @@ const PasskeyIntroView = () => {
         return getProperErrorMessage(error);
     }, [error]);
     const infoIconButton = (jsx(Tooltip, { content: t('dyn_passkey_intro.helper.tooltip'), className: 'header__tooltip', copykey: 'dyn_passkey_intro.helper.tooltip', children: jsx(IconButton, { type: 'button', "data-testid": 'info-button', onClick: () => setIsFooterExpanded((prev) => !prev), className: 'header__icon', children: jsx(SvgQuestionMark, {}) }) }, 'info-button'));
-    return (jsxs(Fragment, { children: [jsx(ModalHeader, { trailing: infoIconButton, children: jsx(Typography, { as: 'h1', variant: 'title', color: 'primary', "data-testid": 'dynamic-auth-modal-heading', className: 'header__typography', copykey: 'dyn_passkey_intro.title', children: t('dyn_passkey_intro.title') }) }), jsxs("div", { className: 'passkey-intro-view', children: [jsx("div", { className: 'passkey-intro-view__header', children: jsx(SvgPasskeyIntroIcon, {}) }), jsx(Typography, { variant: 'body_normal', weight: 'regular', color: 'secondary', className: 'passkey-intro-view__subtitle', copykey: 'dyn_passkey_intro.subtitle', children: t('dyn_passkey_intro.subtitle') }), passkeyEnabled === false && (jsx(ErrorContainer, { copykey: 'dyn_passkey_intro.disabled', children: t('dyn_passkey_intro.disabled') })), errorText && jsx(ErrorContainer, { children: errorText }), jsxs("div", { className: 'passkey-intro-view__actions', children: [jsx(Button, { buttonVariant: 'brand-primary', buttonPadding: 'large', onClick: handleCreateEmbeddedWallet, dataTestId: 'setup-passkey-button', loading: isLoading, disabled: isLoading || !passkeyEnabled, typographyProps: {
+    return (jsxs(Fragment, { children: [jsx(ModalHeader, { trailing: infoIconButton, children: jsx(Typography, { as: 'h1', variant: 'title', color: 'primary', "data-testid": 'dynamic-auth-modal-heading', className: 'header__typography', copykey: 'dyn_passkey_intro.title', children: t('dyn_passkey_intro.title') }) }), jsxs("div", { className: 'passkey-intro-view', children: [jsx("div", { className: 'passkey-intro-view__header', children: jsx(SvgPasskeyIntroIcon, {}) }), jsx(Typography, { variant: 'body_normal', weight: 'regular', color: 'secondary', className: 'passkey-intro-view__subtitle', copykey: 'dyn_passkey_intro.subtitle', children: t('dyn_passkey_intro.subtitle') }), errorText && jsx(ErrorContainer, { children: errorText }), jsxs("div", { className: 'passkey-intro-view__actions', children: [jsx(Button, { buttonVariant: 'brand-primary', buttonPadding: 'large', onClick: handleCreateEmbeddedWallet, dataTestId: 'setup-passkey-button', loading: isLoading, disabled: isLoading, typographyProps: {
                                     color: 'inherit',
                                 }, children: jsxs("div", { className: 'passkey-intro-view__inline-button', children: [jsx(PasskeyDeviceIcon, {}), jsx(Typography, { copykey: 'dyn_passkey_intro.button', children: t('dyn_passkey_intro.button') })] }) }), jsx(TextButton, { "data-testid": 'setup-passkey-logout-button', className: 'passkey-intro-view__log-out', onClick: handleLogOut, copykey: 'dyn_passkey_intro.button_logout', children: t('dyn_passkey_intro.button_logout') })] })] })] }));
 };

package/src/lib/utils/functions/isPasskeyEnabled/isPasskeyEnabled.cjs

@@ -1,22 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _tslib = require('../../../../../_virtual/_tslib.cjs');
-var utils = require('@dynamic-labs/utils');
-
-const isUserVerifyingPlatformAuthenticatorAvailable = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-    var _a, _b;
-    return (typeof ((_a = window === null || window === void 0 ? void 0 : window.PublicKeyCredential) === null || _a === void 0 ? void 0 : _a.isUserVerifyingPlatformAuthenticatorAvailable) === 'function' &&
-        (yield ((_b = window === null || window === void 0 ? void 0 : window.PublicKeyCredential) === null || _b === void 0 ? void 0 : _b.isUserVerifyingPlatformAuthenticatorAvailable()))) ||
-        false;
-});
-// we couldn't find a reliable if passkey is enabled on Windows, so we're just going to assume it is
-// isUserVerifyingPlatformAuthenticatorAvailable returns false, even when passkey works
-const isPasskeyEnabled = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-    return (yield isUserVerifyingPlatformAuthenticatorAvailable()) ||
-        utils.isWindows() ||
-        false;
-});
-
-exports.isPasskeyEnabled = isPasskeyEnabled;

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

@@ -1,18 +0,0 @@
-import { __awaiter } from '../../../../../_virtual/_tslib.js';
-import { isWindows } from '@dynamic-labs/utils';
-
-const isUserVerifyingPlatformAuthenticatorAvailable = () => __awaiter(void 0, void 0, void 0, function* () {
-    var _a, _b;
-    return (typeof ((_a = window === null || window === void 0 ? void 0 : window.PublicKeyCredential) === null || _a === void 0 ? void 0 : _a.isUserVerifyingPlatformAuthenticatorAvailable) === 'function' &&
-        (yield ((_b = window === null || window === void 0 ? void 0 : window.PublicKeyCredential) === null || _b === void 0 ? void 0 : _b.isUserVerifyingPlatformAuthenticatorAvailable()))) ||
-        false;
-});
-// we couldn't find a reliable if passkey is enabled on Windows, so we're just going to assume it is
-// isUserVerifyingPlatformAuthenticatorAvailable returns false, even when passkey works
-const isPasskeyEnabled = () => __awaiter(void 0, void 0, void 0, function* () {
-    return (yield isUserVerifyingPlatformAuthenticatorAvailable()) ||
-        isWindows() ||
-        false;
-});
-
-export { isPasskeyEnabled };