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

package/src/lib/views/Passkey/utils/passkeyRecovery/passkeyRecovery.js

@@ -1,7 +1,7 @@
 import { __awaiter } from '../../../../../../_virtual/_tslib.js';
 import { isPasskeyWalletConnector } from '@dynamic-labs/wallet-connector-core';
 import { DynamicError } from '@dynamic-labs/utils';
-import { initPasskeyRecovery as initPasskeyRecovery$1, completePasskeyRecovery as completePasskeyRecovery$1 } from '../../../../data/api.js';
+import { completePasskeyRecovery as completePasskeyRecovery$1, initEmbeddedWalletSession as initEmbeddedWalletSession$1 } from '../../../../data/api.js';
 import { decodeJwt } from '../../../../shared/utils/functions/decodeJwt/decodeJwt.js';
 import '@dynamic-labs/iconic';
 import 'react/jsx-runtime';
@@ -9,17 +9,20 @@ import '../../../../context/ViewContext/ViewContext.js';
 import 'react';
 import '../../../../shared/logger.js';
 import '@dynamic-labs/wallet-book';
+import { EMBEDDED_WALLET_SESSION_SETTINGS } from '../../../../utils/constants/localStorage.js';
 import '../../../../utils/constants/colors.js';
-import '../../../../shared/utils/classes/storage/localStorage.js';
+import '../../../../utils/constants/values.js';
+import { LocalStorage } from '../../../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
+import '@dynamic-labs/sdk-api';
 import '../../../../shared/consts/index.js';
 import { findEmbeddedWalletFromVerifiedCredentials } from '../../../../utils/functions/findEmbeddedWalletFromVerifiedCredentials/findEmbeddedWalletFromVerifiedCredentials.js';
 import '@dynamic-labs/multi-wallet';
-import '@dynamic-labs/sdk-api';
 import { removeElementById } from '../../../../utils/functions/removeElementById/removeElementById.js';
-import { iframeContainerId } from '../../PasskeyRecovery/constants.js';
+import 'viem/chains';
+import { iframeElementId } from '../../PasskeyRecovery/constants.js';
 
-const initPasskeyRecovery = ({ authToken, iframeContainer, iframeElementId, environmentId, wallet, }) => __awaiter(void 0, void 0, void 0, function* () {
+const initEmbeddedWalletSession = ({ authenticatorType, authToken, iframeContainer, iframeElementId, environmentId, userEmail, wallet, sessionExpiration, }) => __awaiter(void 0, void 0, void 0, function* () {
     var _a;
     if (!authToken) {
         throw new DynamicError('Auth token is not defined');
@@ -29,18 +32,32 @@ const initPasskeyRecovery = ({ authToken, iframeContainer, iframeElementId, envi
         !isPasskeyWalletConnector(wallet === null || wallet === void 0 ? void 0 : wallet.connector)) {
         throw new DynamicError('PasskeyWalletConnector not found');
     }
-    const turnkeyRecoveryHandler = (_a = wallet.connector) === null || _a === void 0 ? void 0 : _a.getRecoverPasskeyHandler();
-    const publicKey = yield turnkeyRecoveryHandler.initRecovery(iframeContainer, iframeElementId);
+    const turnkeyRecoveryHandler = (_a = wallet.connector) === null || _a === void 0 ? void 0 : _a.getAuthenticatorHandler();
+    if (authenticatorType === 'passkey' &&
+        turnkeyRecoveryHandler.isSessionActive()) {
+        return addNewPasskeyAuthenticator({
+            authToken,
+            environmentId,
+            userEmail,
+            wallet,
+        });
+    }
+    const publicKey = yield turnkeyRecoveryHandler.initRecovery(authenticatorType, iframeContainer, iframeElementId, sessionExpiration);
     if (!publicKey) {
         throw new DynamicError('Something went wrong');
     }
-    const { turnkeyRecoveryUserId } = yield initPasskeyRecovery$1({
+    const response = yield initEmbeddedWalletSession$1({
+        authenticatorType,
         environmentId,
         publicKey,
         userJwt: authToken,
         walletId: wallet.id,
     });
-    turnkeyRecoveryHandler.recoveryUserId = turnkeyRecoveryUserId;
+    turnkeyRecoveryHandler.recoveryUserId =
+        authenticatorType === 'passkey'
+            ? response.turnkeyRecoveryUserId
+            : response.turnkeyUserId;
+    return;
 });
 const passkeyRecoveryBundleValidation = ({ authToken, bundleInput, wallet, }) => __awaiter(void 0, void 0, void 0, function* () {
     var _b, _c, _d, _e;
@@ -57,9 +74,16 @@ const passkeyRecoveryBundleValidation = ({ authToken, bundleInput, wallet, }) =>
         throw new DynamicError('User must be logged in with a valid token');
     }
     const organizationId = (_d = (_c = (_b = decodedJwt.verifiedCredentials) === null || _b === void 0 ? void 0 : _b.find(({ walletName }) => walletName === null || walletName === void 0 ? void 0 : walletName.startsWith('turnkey'))) === null || _c === void 0 ? void 0 : _c.walletProperties) === null || _d === void 0 ? void 0 : _d.turnkeySubOrganizationId;
-    return (_e = wallet.connector) === null || _e === void 0 ? void 0 : _e.getRecoverPasskeyHandler().verifyRecoveryCode(bundleInput, organizationId);
+    const turnkeyRecoveryHandler = (_e = wallet.connector) === null || _e === void 0 ? void 0 : _e.getAuthenticatorHandler();
+    yield turnkeyRecoveryHandler.verifyRecoveryCode(bundleInput, organizationId);
+    const sessionSettings = {
+        createdAt: new Date().getTime(),
+        emailCode: bundleInput,
+        userId: turnkeyRecoveryHandler.recoveryUserId,
+    };
+    LocalStorage.setToLS(EMBEDDED_WALLET_SESSION_SETTINGS, sessionSettings);
 });
-const resentRecoveryEmail = ({ authToken, environmentId, wallet, }) => __awaiter(void 0, void 0, void 0, function* () {
+const resentRecoveryEmail = ({ authenticatorType, authToken, environmentId, wallet, }) => __awaiter(void 0, void 0, void 0, function* () {
     var _f;
     if (!authToken) {
         throw new DynamicError('Auth token is not defined');
@@ -69,11 +93,12 @@ const resentRecoveryEmail = ({ authToken, environmentId, wallet, }) => __awaiter
         !isPasskeyWalletConnector(wallet === null || wallet === void 0 ? void 0 : wallet.connector)) {
         throw new DynamicError('PasskeyWalletConnector not found');
     }
-    const publicKey = (_f = wallet.connector) === null || _f === void 0 ? void 0 : _f.getRecoverPasskeyHandler().publicKey;
+    const publicKey = (_f = wallet.connector) === null || _f === void 0 ? void 0 : _f.getAuthenticatorHandler().publicKey;
     if (!publicKey) {
         throw new DynamicError('Could not proceed with your request. Please restart the process.');
     }
-    return initPasskeyRecovery$1({
+    return initEmbeddedWalletSession$1({
+        authenticatorType,
         environmentId,
         publicKey,
         userJwt: authToken,
@@ -100,7 +125,7 @@ const completePasskeyRecovery = ({ authToken, userEmail, environmentId, wallet,
     if (!organizationId) {
         throw new DynamicError('Invalid token!');
     }
-    const turnkeyRecoveryHandler = wallet.connector.getRecoverPasskeyHandler();
+    const turnkeyRecoveryHandler = wallet.connector.getAuthenticatorHandler();
     const { attestation, challenge } = yield connector.getWebAuthnAttestation();
     // calls turnkey recovery api
     yield turnkeyRecoveryHandler.completeRecovery({
@@ -121,19 +146,100 @@ const completePasskeyRecovery = ({ authToken, userEmail, environmentId, wallet,
     if (decodedJwt === undefined) {
         throw new DynamicError('Invalid token!');
     }
-    const embeddedWalletVerifiedCredential = findEmbeddedWalletFromVerifiedCredentials(jwt);
+    const chain = connector.connectedChain;
+    const embeddedWalletVerifiedCredential = findEmbeddedWalletFromVerifiedCredentials(jwt, chain);
     if (!embeddedWalletVerifiedCredential) {
         throw new DynamicError('EmbeddedWalletVerifiedCredential not found');
     }
     connector.setVerifiedCredentials(decodedJwt.verifiedCredentials);
     // clear iframeStamper and its reference
-    connector.getRecoverPasskeyHandler().clear();
+    connector.getAuthenticatorHandler().clear();
     // deletes iframe container after usage
-    removeElementById(iframeContainerId);
+    removeElementById(iframeElementId);
+    return {
+        decodedJwt,
+        jwt,
+    };
+});
+const addNewPasskeyAuthenticator = ({ authToken, userEmail, environmentId, wallet, }) => __awaiter(void 0, void 0, void 0, function* () {
+    var _k, _l, _m;
+    if (!authToken) {
+        throw new DynamicError('User must be logged in');
+    }
+    let decodedJwt = decodeJwt(authToken);
+    if (!decodedJwt) {
+        throw new DynamicError('User must be logged in with a valid token');
+    }
+    if (!(wallet === null || wallet === void 0 ? void 0 : wallet.connector) ||
+        !(wallet === null || wallet === void 0 ? void 0 : wallet.id) ||
+        !isPasskeyWalletConnector(wallet === null || wallet === void 0 ? void 0 : wallet.connector)) {
+        throw new DynamicError('PasskeyWalletConnector not found');
+    }
+    const connector = wallet.connector;
+    connector.setEmail(userEmail);
+    const organizationId = (_m = (_l = (_k = decodedJwt.verifiedCredentials) === null || _k === void 0 ? void 0 : _k.find(({ walletName }) => walletName === null || walletName === void 0 ? void 0 : walletName.startsWith('turnkey'))) === null || _l === void 0 ? void 0 : _l.walletProperties) === null || _m === void 0 ? void 0 : _m.turnkeySubOrganizationId;
+    if (!organizationId) {
+        throw new DynamicError('Invalid token!');
+    }
+    const turnkeyRecoveryHandler = wallet.connector.getAuthenticatorHandler();
+    const { attestation, challenge } = yield connector.getWebAuthnAttestation();
+    // calls turnkey create authenticator api
+    yield turnkeyRecoveryHandler.addPasskeyAuthenticator({
+        attestation,
+        challenge,
+        organizationId,
+    });
+    // calls readcost api to add new authenticator
+    const passkeyRecoveryResponse = yield completePasskeyRecovery$1({
+        attestation: attestation,
+        challenge,
+        environmentId,
+        userJwt: authToken,
+        walletId: wallet === null || wallet === void 0 ? void 0 : wallet.id,
+    });
+    const { jwt } = passkeyRecoveryResponse;
+    decodedJwt = decodeJwt(jwt);
+    if (decodedJwt === undefined) {
+        throw new DynamicError('Invalid token!');
+    }
+    const chain = connector.connectedChain;
+    const embeddedWalletVerifiedCredential = findEmbeddedWalletFromVerifiedCredentials(jwt, chain);
+    if (!embeddedWalletVerifiedCredential) {
+        throw new DynamicError('EmbeddedWalletVerifiedCredential not found');
+    }
+    connector.setVerifiedCredentials(decodedJwt.verifiedCredentials);
     return {
         decodedJwt,
         jwt,
     };
 });
+const restoreEmbeddedWalletSession = ({ authToken, iframeContainer, iframeElementId, wallet, sessionExpiration, }) => __awaiter(void 0, void 0, void 0, function* () {
+    var _o, _p, _q, _r;
+    if (!authToken) {
+        throw new DynamicError('Auth token is not defined');
+    }
+    const decodedJwt = decodeJwt(authToken);
+    if (!decodedJwt) {
+        throw new DynamicError('User must be logged in with a valid token');
+    }
+    if (!(wallet === null || wallet === void 0 ? void 0 : wallet.connector) ||
+        !(wallet === null || wallet === void 0 ? void 0 : wallet.id) ||
+        !isPasskeyWalletConnector(wallet === null || wallet === void 0 ? void 0 : wallet.connector)) {
+        throw new DynamicError('PasskeyWalletConnector not found');
+    }
+    const sessionSettings = LocalStorage.getFromLS(EMBEDDED_WALLET_SESSION_SETTINGS);
+    const turnkeyRecoveryHandler = (_o = wallet.connector) === null || _o === void 0 ? void 0 : _o.getAuthenticatorHandler();
+    if (!sessionSettings || Boolean(turnkeyRecoveryHandler.recoveryUserId)) {
+        return false;
+    }
+    const publicKey = yield turnkeyRecoveryHandler.initRecovery('email', iframeContainer, iframeElementId, sessionExpiration);
+    if (!publicKey) {
+        throw new DynamicError('Something went wrong');
+    }
+    turnkeyRecoveryHandler.recoveryUserId = sessionSettings.userId;
+    const organizationId = (_r = (_q = (_p = decodedJwt.verifiedCredentials) === null || _p === void 0 ? void 0 : _p.find(({ walletName }) => walletName === null || walletName === void 0 ? void 0 : walletName.startsWith('turnkey'))) === null || _q === void 0 ? void 0 : _q.walletProperties) === null || _r === void 0 ? void 0 : _r.turnkeySubOrganizationId;
+    yield turnkeyRecoveryHandler.verifyRecoveryCode(sessionSettings.emailCode, organizationId);
+    return true;
+});
 
-export { completePasskeyRecovery, initPasskeyRecovery, passkeyRecoveryBundleValidation, resentRecoveryEmail };
+export { addNewPasskeyAuthenticator, completePasskeyRecovery, initEmbeddedWalletSession, passkeyRecoveryBundleValidation, resentRecoveryEmail, restoreEmbeddedWalletSession };

package/src/lib/views/PendingConnectView/PendingConnectView.cjs

@@ -8,20 +8,24 @@ var utils = require('@dynamic-labs/utils');
 var walletBook = require('@dynamic-labs/wallet-book');
 require('react');
 require('../../events/dynamicEvents.cjs');
-var useInternalDynamicContext = require('../../context/DynamicContext/useInternalDynamicContext.cjs');
-require('@dynamic-labs/wallet-connector-core');
-require('../../context/CaptchaContext/CaptchaContext.cjs');
-require('../../context/ErrorContext/ErrorContext.cjs');
-require('../../context/ViewContext/ViewContext.cjs');
+require('../../../../_virtual/_tslib.cjs');
+require('../../context/DynamicContext/DynamicContext.cjs');
 require('@dynamic-labs/sdk-api');
 require('../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
+require('../../context/ViewContext/ViewContext.cjs');
 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('../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
+require('../../context/CaptchaContext/CaptchaContext.cjs');
+require('../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
 var pixelToRem = require('../../utils/functions/pixelToRem/pixelToRem.cjs');
+require('viem/chains');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../config/ApiEndpoint.cjs');
@@ -41,26 +45,31 @@ require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../components/OverlayCard/OverlayCard.context.cjs');
 require('../../context/FooterAnimationContext/index.cjs');
-require('../../context/QrCodeContext/QrCodeContext.cjs');
 var Typography = require('../../components/Typography/Typography.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('react-focus-lock');
 var IconWithSpinner = require('../../components/IconWithSpinner/IconWithSpinner.cjs');
 require('../../context/LoadingContext/LoadingContext.cjs');
-require('qrcode');
 require('i18next');
+require('qrcode');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('formik');
 require('../../components/IconButton/IconButton.cjs');
 require('../../components/Alert/Alert.cjs');
+require('../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
+require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('@dynamic-labs/viem-utils');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
+require('../WalletList/WalletList.cjs');
+require('@hcaptcha/react-hcaptcha');
+require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
+require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 
 const PendingConnectView = () => {
     const { selectedWalletConnector: walletConnector } = useInternalDynamicContext.useInternalDynamicContext();

package/src/lib/views/PendingConnectView/PendingConnectView.js

@@ -4,20 +4,24 @@ import { isMobile } from '@dynamic-labs/utils';
 import { WalletIcon } from '@dynamic-labs/wallet-book';
 import 'react';
 import '../../events/dynamicEvents.js';
-import { useInternalDynamicContext } from '../../context/DynamicContext/useInternalDynamicContext.js';
-import '@dynamic-labs/wallet-connector-core';
-import '../../context/CaptchaContext/CaptchaContext.js';
-import '../../context/ErrorContext/ErrorContext.js';
-import '../../context/ViewContext/ViewContext.js';
+import '../../../../_virtual/_tslib.js';
+import '../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/sdk-api';
 import '../../shared/logger.js';
 import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
+import '../../context/ViewContext/ViewContext.js';
 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 '../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
+import '../../context/CaptchaContext/CaptchaContext.js';
+import '../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
 import { pixelToRem } from '../../utils/functions/pixelToRem/pixelToRem.js';
+import 'viem/chains';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../config/ApiEndpoint.js';
@@ -37,26 +41,31 @@ import '../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../components/ShadowDOM/ShadowDOM.js';
 import '../../components/OverlayCard/OverlayCard.context.js';
 import '../../context/FooterAnimationContext/index.js';
-import '../../context/QrCodeContext/QrCodeContext.js';
 import { Typography } from '../../components/Typography/Typography.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import 'react-focus-lock';
-import { IconWithSpinner, iconRatio } from '../../components/IconWithSpinner/IconWithSpinner.js';
+import { iconRatio, IconWithSpinner } from '../../components/IconWithSpinner/IconWithSpinner.js';
 import '../../context/LoadingContext/LoadingContext.js';
-import 'qrcode';
 import 'i18next';
+import 'qrcode';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import 'formik';
 import '../../components/IconButton/IconButton.js';
 import '../../components/Alert/Alert.js';
+import '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
+import '../../context/PasskeyContext/PasskeyContext.js';
 import '@dynamic-labs/viem-utils';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../components/InlineWidget/InlineWidget.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
+import '../WalletList/WalletList.js';
+import '@hcaptcha/react-hcaptcha';
+import '../../context/SocialRedirectContext/SocialRedirectContext.js';
+import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 
 const PendingConnectView = () => {
     const { selectedWalletConnector: walletConnector } = useInternalDynamicContext();

package/src/lib/views/PendingSignatureView/PendingSignatureView.cjs

@@ -6,25 +6,29 @@ var _tslib = require('../../../../_virtual/_tslib.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var reactI18next = require('react-i18next');
-var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
 var walletBook = require('@dynamic-labs/wallet-book');
 var classNames = require('../../utils/functions/classNames/classNames.cjs');
 require('../../events/dynamicEvents.cjs');
 require('@dynamic-labs/utils');
-var useInternalDynamicContext = require('../../context/DynamicContext/useInternalDynamicContext.cjs');
-require('../../context/CaptchaContext/CaptchaContext.cjs');
-require('../../context/ErrorContext/ErrorContext.cjs');
-require('../../context/ViewContext/ViewContext.cjs');
+require('../../context/DynamicContext/DynamicContext.cjs');
 require('@dynamic-labs/sdk-api');
 var logger = require('../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
+require('../../context/ViewContext/ViewContext.cjs');
 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('../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
+require('../../context/CaptchaContext/CaptchaContext.cjs');
+require('../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
 var pixelToRem = require('../../utils/functions/pixelToRem/pixelToRem.cjs');
 var requiresTwoStepAuthentication = require('../../utils/functions/requiresTwoStepAuthentication/requiresTwoStepAuthentication.cjs');
+require('viem/chains');
+var isHardwareWalletEnabled = require('../../utils/functions/isHardwareWalletEnabled/isHardwareWalletEnabled.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../config/ApiEndpoint.cjs');
@@ -45,27 +49,32 @@ require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../components/OverlayCard/OverlayCard.context.cjs');
 require('../../context/FooterAnimationContext/index.cjs');
-require('../../context/QrCodeContext/QrCodeContext.cjs');
 var Typography = require('../../components/Typography/Typography.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('react-focus-lock');
 var IconWithSpinner = require('../../components/IconWithSpinner/IconWithSpinner.cjs');
 require('../../context/LoadingContext/LoadingContext.cjs');
-require('qrcode');
 require('i18next');
+require('qrcode');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('formik');
 var Button = require('../../components/Button/Button.cjs');
 require('../../components/IconButton/IconButton.cjs');
 require('../../components/Alert/Alert.cjs');
+require('../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
+require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('@dynamic-labs/viem-utils');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
+require('../WalletList/WalletList.cjs');
+require('@hcaptcha/react-hcaptcha');
+require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
+require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 
 const PendingSignatureView = () => {
     const [loading, setLoading] = React.useState(false);
@@ -76,7 +85,7 @@ const PendingSignatureView = () => {
     /**
      * The following check on Phantom+Ledger will be fixed in a future ticket.
      */
-    const isPhantomLedger = (walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.name) === walletConnectorCore.PhantomLedgerWalletName;
+    const isHardwareWallet = isHardwareWalletEnabled.isHardwareWalletEnabled(walletConnector);
     if (!walletConnector) {
         return null;
     }
@@ -96,12 +105,12 @@ const PendingSignatureView = () => {
             height: pixelToRem.pixelToRem(iconSize * IconWithSpinner.iconRatio),
             width: pixelToRem.pixelToRem(iconSize * IconWithSpinner.iconRatio),
         } }));
-    const typographyBodyCopy = isPhantomLedger
+    const typographyBodyCopy = isHardwareWallet
         ? t('dyn_pending_signature.phantom_ledger_sign')
         : t('dyn_pending_signature.regular_sign_description');
-    return (jsxRuntime.jsxs("div", { className: 'pending-signature__container', "data-testid": 'pending-signature-view', children: [jsxRuntime.jsx(IconWithSpinner.IconWithSpinner, { Icon: icon, iconSize: iconSize, isSpinning: true, indicator: 'connected', className: 'pending-signature__icon-with-spinner' }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', weight: 'regular', className: classNames.classNames('pending-signature__copy'), copykey: isPhantomLedger
+    return (jsxRuntime.jsxs("div", { className: 'pending-signature__container', "data-testid": 'pending-signature-view', children: [jsxRuntime.jsx(IconWithSpinner.IconWithSpinner, { Icon: icon, iconSize: iconSize, isSpinning: true, indicator: 'connected', className: 'pending-signature__icon-with-spinner' }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', weight: 'regular', className: classNames.classNames('pending-signature__copy'), copykey: isHardwareWallet
                     ? 'dyn_pending_signature.phantom_ledger_sign'
-                    : 'dyn_pending_signature.regular_sign_description', children: typographyBodyCopy }), isPhantomLedger && (jsxRuntime.jsxs(Typography.Typography, { variant: 'body_small', weight: 'regular', className: classNames.classNames('pending-signature__copy', 'pending-signature__copy--mini'), copykey: 'dyn_pending_signature.phantom_ledger_warning', children: [jsxRuntime.jsx("strong", { children: t('dyn_pending_signature.note') }), t('dyn_pending_signature.phantom_ledger_warning')] })), requiresTwoStepAuthentication.requiresTwoStepAuthentication(walletConnector) && (jsxRuntime.jsx(Button.Button, { buttonClassName: 'pending-signature__button', onClick: handleClick, loading: loading, buttonVariant: 'primary', buttonPadding: 'large', expanded: true, typographyProps: {
+                    : 'dyn_pending_signature.regular_sign_description', children: typographyBodyCopy }), isHardwareWallet && (jsxRuntime.jsxs(Typography.Typography, { variant: 'body_small', weight: 'regular', className: classNames.classNames('pending-signature__copy', 'pending-signature__copy--mini'), copykey: 'dyn_pending_signature.phantom_ledger_warning', children: [jsxRuntime.jsx("strong", { children: t('dyn_pending_signature.note') }), t('dyn_pending_signature.phantom_ledger_warning')] })), requiresTwoStepAuthentication.requiresTwoStepAuthentication(walletConnector) && (jsxRuntime.jsx(Button.Button, { buttonClassName: 'pending-signature__button', onClick: handleClick, loading: loading, buttonVariant: 'primary', buttonPadding: 'large', expanded: true, typographyProps: {
                     variant: 'button_primary',
                     weight: 'medium',
                 }, copykey: 'dyn_pending_signature.click_to_sign', children: t('dyn_pending_signature.click_to_sign') }))] }));

package/src/lib/views/PendingSignatureView/PendingSignatureView.js

@@ -2,25 +2,29 @@ import { __awaiter } from '../../../../_virtual/_tslib.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useState } from 'react';
 import { useTranslation } from 'react-i18next';
-import { PhantomLedgerWalletName } from '@dynamic-labs/wallet-connector-core';
 import { WalletIcon } from '@dynamic-labs/wallet-book';
 import { classNames } from '../../utils/functions/classNames/classNames.js';
 import '../../events/dynamicEvents.js';
 import '@dynamic-labs/utils';
-import { useInternalDynamicContext } from '../../context/DynamicContext/useInternalDynamicContext.js';
-import '../../context/CaptchaContext/CaptchaContext.js';
-import '../../context/ErrorContext/ErrorContext.js';
-import '../../context/ViewContext/ViewContext.js';
+import '../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/sdk-api';
 import { logger } from '../../shared/logger.js';
 import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
+import '../../context/ViewContext/ViewContext.js';
 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 '../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
+import '../../context/CaptchaContext/CaptchaContext.js';
+import '../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
 import { pixelToRem } from '../../utils/functions/pixelToRem/pixelToRem.js';
 import { requiresTwoStepAuthentication } from '../../utils/functions/requiresTwoStepAuthentication/requiresTwoStepAuthentication.js';
+import 'viem/chains';
+import { isHardwareWalletEnabled } from '../../utils/functions/isHardwareWalletEnabled/isHardwareWalletEnabled.js';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../config/ApiEndpoint.js';
@@ -41,27 +45,32 @@ import '../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../components/ShadowDOM/ShadowDOM.js';
 import '../../components/OverlayCard/OverlayCard.context.js';
 import '../../context/FooterAnimationContext/index.js';
-import '../../context/QrCodeContext/QrCodeContext.js';
 import { Typography } from '../../components/Typography/Typography.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import 'react-focus-lock';
 import { IconWithSpinner, iconRatio } from '../../components/IconWithSpinner/IconWithSpinner.js';
 import '../../context/LoadingContext/LoadingContext.js';
-import 'qrcode';
 import 'i18next';
+import 'qrcode';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import 'formik';
 import { Button } from '../../components/Button/Button.js';
 import '../../components/IconButton/IconButton.js';
 import '../../components/Alert/Alert.js';
+import '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
+import '../../context/PasskeyContext/PasskeyContext.js';
 import '@dynamic-labs/viem-utils';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../components/InlineWidget/InlineWidget.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
+import '../WalletList/WalletList.js';
+import '@hcaptcha/react-hcaptcha';
+import '../../context/SocialRedirectContext/SocialRedirectContext.js';
+import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 
 const PendingSignatureView = () => {
     const [loading, setLoading] = useState(false);
@@ -72,7 +81,7 @@ const PendingSignatureView = () => {
     /**
      * The following check on Phantom+Ledger will be fixed in a future ticket.
      */
-    const isPhantomLedger = (walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.name) === PhantomLedgerWalletName;
+    const isHardwareWallet = isHardwareWalletEnabled(walletConnector);
     if (!walletConnector) {
         return null;
     }
@@ -92,12 +101,12 @@ const PendingSignatureView = () => {
             height: pixelToRem(iconSize * iconRatio),
             width: pixelToRem(iconSize * iconRatio),
         } }));
-    const typographyBodyCopy = isPhantomLedger
+    const typographyBodyCopy = isHardwareWallet
         ? t('dyn_pending_signature.phantom_ledger_sign')
         : t('dyn_pending_signature.regular_sign_description');
-    return (jsxs("div", { className: 'pending-signature__container', "data-testid": 'pending-signature-view', children: [jsx(IconWithSpinner, { Icon: icon, iconSize: iconSize, isSpinning: true, indicator: 'connected', className: 'pending-signature__icon-with-spinner' }), jsx(Typography, { variant: 'body_normal', weight: 'regular', className: classNames('pending-signature__copy'), copykey: isPhantomLedger
+    return (jsxs("div", { className: 'pending-signature__container', "data-testid": 'pending-signature-view', children: [jsx(IconWithSpinner, { Icon: icon, iconSize: iconSize, isSpinning: true, indicator: 'connected', className: 'pending-signature__icon-with-spinner' }), jsx(Typography, { variant: 'body_normal', weight: 'regular', className: classNames('pending-signature__copy'), copykey: isHardwareWallet
                     ? 'dyn_pending_signature.phantom_ledger_sign'
-                    : 'dyn_pending_signature.regular_sign_description', children: typographyBodyCopy }), isPhantomLedger && (jsxs(Typography, { variant: 'body_small', weight: 'regular', className: classNames('pending-signature__copy', 'pending-signature__copy--mini'), copykey: 'dyn_pending_signature.phantom_ledger_warning', children: [jsx("strong", { children: t('dyn_pending_signature.note') }), t('dyn_pending_signature.phantom_ledger_warning')] })), requiresTwoStepAuthentication(walletConnector) && (jsx(Button, { buttonClassName: 'pending-signature__button', onClick: handleClick, loading: loading, buttonVariant: 'primary', buttonPadding: 'large', expanded: true, typographyProps: {
+                    : 'dyn_pending_signature.regular_sign_description', children: typographyBodyCopy }), isHardwareWallet && (jsxs(Typography, { variant: 'body_small', weight: 'regular', className: classNames('pending-signature__copy', 'pending-signature__copy--mini'), copykey: 'dyn_pending_signature.phantom_ledger_warning', children: [jsx("strong", { children: t('dyn_pending_signature.note') }), t('dyn_pending_signature.phantom_ledger_warning')] })), requiresTwoStepAuthentication(walletConnector) && (jsx(Button, { buttonClassName: 'pending-signature__button', onClick: handleClick, loading: loading, buttonVariant: 'primary', buttonPadding: 'large', expanded: true, typographyProps: {
                     variant: 'button_primary',
                     weight: 'medium',
                 }, copykey: 'dyn_pending_signature.click_to_sign', children: t('dyn_pending_signature.click_to_sign') }))] }));

package/src/lib/views/QrCodeView/QRCode.cjs

@@ -6,23 +6,25 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var QRCodeUtil = require('qrcode');
 var IconWithSpinner = require('../../components/IconWithSpinner/IconWithSpinner.cjs');
-var QrCodeContext = require('../../context/QrCodeContext/QrCodeContext.cjs');
 require('../../events/dynamicEvents.cjs');
+require('../../../../_virtual/_tslib.cjs');
 require('@dynamic-labs/utils');
 require('../../context/DynamicContext/DynamicContext.cjs');
-require('@dynamic-labs/wallet-connector-core');
-require('../../context/CaptchaContext/CaptchaContext.cjs');
-require('../../context/ErrorContext/ErrorContext.cjs');
-require('../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/sdk-api');
 require('../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
+require('../../context/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');
+require('../../context/CaptchaContext/CaptchaContext.cjs');
+require('../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
+require('viem/chains');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../config/ApiEndpoint.cjs');
@@ -52,10 +54,16 @@ require('react-focus-lock');
 require('formik');
 require('i18next');
 require('../../components/OverlayCard/OverlayCard.context.cjs');
-require('../../context/FooterAnimationContext/index.cjs');
+require('../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
+require('../../context/PasskeyContext/PasskeyContext.cjs');
+require('../WalletList/WalletList.cjs');
+require('@hcaptcha/react-hcaptcha');
+require('../../context/LoadingContext/LoadingContext.cjs');
+require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');
+require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
+require('../../context/FooterAnimationContext/index.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('../../context/LoadingContext/LoadingContext.cjs');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('@dynamic-labs/viem-utils');
@@ -72,8 +80,7 @@ const generateMatrix = (value, errorCorrectionLevel) => {
         ? rows.push([key])
         : rows[rows.length - 1].push(key)) && rows, []);
 };
-const QRCode = ({ ecl = 'M', Icon, logoMargin = 0, logoSize = 40, size = 250, value, accentColor, walletKey = undefined, }) => {
-    const { showQrCodeImage } = QrCodeContext.useQrCodeContext();
+const QRCode = ({ ecl = 'M', Icon, logoMargin = 0, logoSize = 40, size = 250, value, accentColor, walletKey = undefined, showQrCodeImage, }) => {
     const { data } = usePromise.usePromise(() => QRCodeUtil__default["default"].toDataURL(value));
     const dots = React.useMemo(() => {
         const dots = [];
@@ -120,7 +127,7 @@ const QRCode = ({ ecl = 'M', Icon, logoMargin = 0, logoSize = 40, size = 250, va
     const indicator = !walletKey || walletsWithoutIndicator.includes(walletKey)
         ? undefined
         : 'walletConnect';
-    return (jsxRuntime.jsx("div", { className: 'qrcode__container', children: jsxRuntime.jsx("div", { className: 'qrcode', children: showQrCodeImage ? (jsxRuntime.jsx("img", { src: data, alt: '' })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("svg", { height: '100%', width: '100%', viewBox: `0 0 ${size} ${size}`, "data-testid": 'qr-code', children: [jsxRuntime.jsx("defs", { children: jsxRuntime.jsx("clipPath", { id: 'clip-logo', children: jsxRuntime.jsx("rect", { height: logoSize, width: logoSize, x: logoPosition, y: logoPosition, rx: 7, ry: 7 }) }) }), jsxRuntime.jsx("rect", { fill: 'none', height: size, width: size }), dots] }), jsxRuntime.jsx(IconWithSpinner.IconWithSpinner, { Icon: Icon, iconSize: logoSize, isSpinning: true, className: 'qrcode__icon', indicator: indicator })] })) }) }));
+    return (jsxRuntime.jsx("div", { className: 'qrcode__container', children: jsxRuntime.jsx("div", { className: 'qrcode', children: showQrCodeImage ? (jsxRuntime.jsx("img", { "data-testid": 'qr-code-image', src: data, alt: '' })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("svg", { height: '100%', width: '100%', viewBox: `0 0 ${size} ${size}`, "data-testid": 'qr-code', children: [jsxRuntime.jsx("defs", { children: jsxRuntime.jsx("clipPath", { id: 'clip-logo', children: jsxRuntime.jsx("rect", { height: logoSize, width: logoSize, x: logoPosition, y: logoPosition, rx: 7, ry: 7 }) }) }), jsxRuntime.jsx("rect", { fill: 'none', height: size, width: size }), dots] }), jsxRuntime.jsx(IconWithSpinner.IconWithSpinner, { Icon: Icon, iconSize: logoSize, isSpinning: true, className: 'qrcode__icon', indicator: indicator })] })) }) }));
 };
 
 exports.QRCode = QRCode;

package/src/lib/views/QrCodeView/QRCode.d.ts

@@ -9,6 +9,7 @@ type QRCodeProps = {
     size?: number;
     value: string;
     walletKey?: string;
+    showQrCodeImage?: boolean;
 };
-export declare const QRCode: ({ ecl, Icon, logoMargin, logoSize, size, value, accentColor, walletKey, }: QRCodeProps) => JSX.Element;
+export declare const QRCode: ({ ecl, Icon, logoMargin, logoSize, size, value, accentColor, walletKey, showQrCodeImage, }: QRCodeProps) => JSX.Element;
 export {};