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

package/src/lib/views/Passkey/utils/{createEmbeddedWalletWithPasskey/createEmbeddedWalletWithPasskey.d.ts → createEmbeddedWalletRequest/createEmbeddedWalletRequest.d.ts}

@@ -1,16 +1,20 @@
 import { ChainEnum } from '@dynamic-labs/sdk-api-core';
 import { UserProfile } from '@dynamic-labs/types';
-import { IEmailWalletConnector, IPasskeyWalletConnector } from '@dynamic-labs/wallet-connector-core';
-export declare const createEmbeddedWalletWithPasskey: ({ user, walletConnector, environmentId, authToken, chains, }: {
+import { IEmailWalletConnector, IPasskeyWalletConnector, WebAuthnAttestation } from '@dynamic-labs/wallet-connector-core';
+type CreateEmbeddedWalletRequestProps = {
     authToken: string | undefined;
     environmentId: string;
     user: UserProfile | undefined;
     walletConnector: (IPasskeyWalletConnector & IEmailWalletConnector) | undefined;
     chains: ChainEnum[];
-}) => Promise<{
+    webAuthnAttestation?: WebAuthnAttestation;
+    withAuthenticator: boolean;
+};
+export declare const createEmbeddedWalletRequest: ({ user, walletConnector, environmentId, authToken, chains, webAuthnAttestation, withAuthenticator, }: CreateEmbeddedWalletRequestProps) => Promise<{
     decodedJwt: Omit<import("@dynamic-labs/sdk-api-core").DynamicJwt, "jwt">;
     embeddedWalletVerifiedCredential: import("@dynamic-labs/sdk-api-core").JwtVerifiedCredential;
     jwt: string;
     signersResponse: import("@dynamic-labs/sdk-api-core").VerifyResponse;
     walletConnector: IPasskeyWalletConnector & IEmailWalletConnector;
 }>;
+export {};

package/src/lib/views/Passkey/utils/{createEmbeddedWalletWithPasskey/createEmbeddedWalletWithPasskey.js → createEmbeddedWalletRequest/createEmbeddedWalletRequest.js}

@@ -20,11 +20,11 @@ import '../../../../locale/locale.js';
 import { findEmbeddedWalletFromVerifiedCredentials } from '../../../../utils/functions/findEmbeddedWalletFromVerifiedCredentials/findEmbeddedWalletFromVerifiedCredentials.js';
 import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
+import { addPasskeyIdentifierToWalletConnector } from '../../../../utils/functions/addPasskeyIdentifierToWalletConnector/addPasskeyIdentifierToWalletConnector.js';
 import 'viem';
 import 'viem/chains';
 
-const createEmbeddedWalletWithPasskey = (_a) => __awaiter(void 0, [_a], void 0, function* ({ user, walletConnector, environmentId, authToken, chains, }) {
-    var _b;
+const createEmbeddedWalletRequest = (_a) => __awaiter(void 0, [_a], void 0, function* ({ user, walletConnector, environmentId, authToken, chains, webAuthnAttestation, withAuthenticator, }) {
     if (!authToken) {
         throw new DynamicError('Auth token is not defined');
     }
@@ -35,27 +35,26 @@ const createEmbeddedWalletWithPasskey = (_a) => __awaiter(void 0, [_a], void 0,
         throw new DynamicError('User is not defined');
     }
     walletConnector.setEmail(user.email);
-    if (!user.email) {
-        const passkeyIdentifier = user.phoneNumber ||
-            ((_b = user.verifiedCredentials.find((vc) => vc.oauthDisplayName)) === null || _b === void 0 ? void 0 : _b.oauthDisplayName) ||
-            '';
-        walletConnector.setPasskeyIdentifier(passkeyIdentifier);
+    let authenticatorBody;
+    if (withAuthenticator || webAuthnAttestation !== undefined) {
+        if (!user.email) {
+            addPasskeyIdentifierToWalletConnector(walletConnector, user);
+        }
+        const { attestation, challenge, displayName } = webAuthnAttestation || (yield walletConnector.getWebAuthnAttestation());
+        authenticatorBody = {
+            attestation: attestation,
+            challenge,
+            passkeyAlias: displayName,
+        };
     }
-    const { attestation, challenge, displayName } = yield walletConnector.getWebAuthnAttestation();
-    const signersResponse = yield createTurnkeyEmbeddedWallet({
-        attestation: attestation,
-        chains,
-        challenge,
-        environmentId,
-        passkeyAlias: displayName,
-        userJwt: authToken,
-    });
+    const signersResponse = yield createTurnkeyEmbeddedWallet(Object.assign({ chains,
+        environmentId, userJwt: authToken }, authenticatorBody));
     const { jwt } = signersResponse;
     const decodedJwt = decodeJwt(jwt);
     if (decodedJwt === undefined)
         throw new DynamicError('Invalid token!');
     const primaryChain = walletConnector.connectedChain;
-    const embeddedWalletVerifiedCredential = findEmbeddedWalletFromVerifiedCredentials(jwt, primaryChain);
+    const embeddedWalletVerifiedCredential = findEmbeddedWalletFromVerifiedCredentials(jwt, [primaryChain]);
     if (!embeddedWalletVerifiedCredential) {
         throw new DynamicError('EmbeddedWalletVerifiedCredential not found');
     }
@@ -69,4 +68,4 @@ const createEmbeddedWalletWithPasskey = (_a) => __awaiter(void 0, [_a], void 0,
     };
 });
 
-export { createEmbeddedWalletWithPasskey };
+export { createEmbeddedWalletRequest };

package/src/lib/views/Passkey/utils/createEmbeddedWalletRequest/index.d.ts

@@ -0,0 +1 @@
+export { createEmbeddedWalletRequest } from './createEmbeddedWalletRequest';

package/src/lib/views/Passkey/utils/index.d.ts

@@ -1,4 +1,3 @@
-export * from './createEmbeddedWalletWithPasskey';
+export * from './createEmbeddedWalletRequest';
 export * from './findPasskeyEmailWalletConnector';
-export * from './createPregeneratedWallet';
 export * from './findEmailOtpWalletConnector';

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

@@ -156,7 +156,7 @@ const completePasskeyRecovery = (_k) => _tslib.__awaiter(void 0, [_k], void 0, f
         throw new utils.DynamicError('Invalid token!');
     }
     const chain = connector.connectedChain;
-    const embeddedWalletVerifiedCredential = findEmbeddedWalletFromVerifiedCredentials.findEmbeddedWalletFromVerifiedCredentials(jwt, chain);
+    const embeddedWalletVerifiedCredential = findEmbeddedWalletFromVerifiedCredentials.findEmbeddedWalletFromVerifiedCredentials(jwt, [chain]);
     if (!embeddedWalletVerifiedCredential) {
         throw new utils.DynamicError('EmbeddedWalletVerifiedCredential not found');
     }
@@ -212,7 +212,7 @@ const addNewPasskeyAuthenticator = (_p) => _tslib.__awaiter(void 0, [_p], void 0
         throw new utils.DynamicError('Invalid token!');
     }
     const chain = connector.connectedChain;
-    const embeddedWalletVerifiedCredential = findEmbeddedWalletFromVerifiedCredentials.findEmbeddedWalletFromVerifiedCredentials(jwt, chain);
+    const embeddedWalletVerifiedCredential = findEmbeddedWalletFromVerifiedCredentials.findEmbeddedWalletFromVerifiedCredentials(jwt, [chain]);
     if (!embeddedWalletVerifiedCredential) {
         throw new utils.DynamicError('EmbeddedWalletVerifiedCredential not found');
     }

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

@@ -152,7 +152,7 @@ const completePasskeyRecovery = (_k) => __awaiter(void 0, [_k], void 0, function
         throw new DynamicError('Invalid token!');
     }
     const chain = connector.connectedChain;
-    const embeddedWalletVerifiedCredential = findEmbeddedWalletFromVerifiedCredentials(jwt, chain);
+    const embeddedWalletVerifiedCredential = findEmbeddedWalletFromVerifiedCredentials(jwt, [chain]);
     if (!embeddedWalletVerifiedCredential) {
         throw new DynamicError('EmbeddedWalletVerifiedCredential not found');
     }
@@ -208,7 +208,7 @@ const addNewPasskeyAuthenticator = (_p) => __awaiter(void 0, [_p], void 0, funct
         throw new DynamicError('Invalid token!');
     }
     const chain = connector.connectedChain;
-    const embeddedWalletVerifiedCredential = findEmbeddedWalletFromVerifiedCredentials(jwt, chain);
+    const embeddedWalletVerifiedCredential = findEmbeddedWalletFromVerifiedCredentials(jwt, [chain]);
     if (!embeddedWalletVerifiedCredential) {
         throw new DynamicError('EmbeddedWalletVerifiedCredential not found');
     }

package/src/lib/views/viewToComponentMap.d.ts

@@ -8,7 +8,7 @@ export declare const viewToComponentMap: {
     'chainalysis-blocked-wallet': () => JSX.Element;
     'collect-user-data': () => JSX.Element | null;
     'collect-user-data-login-no-wallet': import("react").FC<{
-        userIdentification: keyof import("@dynamic-labs/sdk-api-core").UserFields | "chain" | "ens" | "environmentId" | "isAuthenticatedWithAWallet" | "lastVerifiedCredentialId" | "lists" | "newUser" | "sessionId" | "userId" | "verifiedCredentials" | "wallet" | "scope";
+        userIdentification: keyof import("@dynamic-labs/sdk-api-core").UserFields | "chain" | "ens" | "wallet" | "isAuthenticatedWithAWallet" | "environmentId" | "lastVerifiedCredentialId" | "lists" | "newUser" | "sessionId" | "userId" | "verifiedCredentials" | "scope";
         userIdentificationOverride?: string | undefined;
     }>;
     'create-password-view': import("react").FC<import("./CreatePasswordView/CreatePasswordView").CreatePasswordViewProps>;
@@ -33,7 +33,9 @@ export declare const viewToComponentMap: {
     'network-not-supported-manual': import("react").FC;
     'no-access': () => JSX.Element;
     'no-qr-not-installed': () => JSX.Element | null;
-    'passkey-intro': import("react").FC;
+    'passkey-intro': import("react").FC<{
+        chains?: import("@dynamic-labs/sdk-api-core").ChainEnum[] | undefined;
+    }>;
     'passkey-new-domain-detected': import("react").FC;
     'passkey-recovery-add-email': import("react").FC<import("./Passkey/PasskeyRecovery/AddRecoveryEmail/AddRecoveryEmail").AddRecoveryEmailProps>;
     'passkey-recovery-bundle': import("react").FC<import("./Passkey/PasskeyRecovery/BundleValidation/PasskeyBundleRecovery").PasskeyBundleValidationProps>;

package/src/lib/widgets/DynamicWidget/components/PromptModal/PromptModal.cjs

@@ -79,7 +79,8 @@ require('../../../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumb
 
 const PromptModal = ({ children, isShown = true, onClose, }) => {
     const elementId = 'dynamic-multi-wallet-prompt-modal';
-    useElementById.useElementById(elementId);
+    const { createRootElement } = useElementById.useElementById();
+    createRootElement(elementId);
     return (jsxRuntime.jsx(Portal.Portal, { handleClose: (e) => onClose === null || onClose === void 0 ? void 0 : onClose(e), isShown: isShown, zIndex: index.authModalZIndex, withBackdrop: true, elementId: elementId, children: jsxRuntime.jsx(Modal.Modal, { children: jsxRuntime.jsxs(ModalCard.ModalCard, { children: [onClose && (jsxRuntime.jsx("div", { className: 'prompt-modal__header', children: jsxRuntime.jsx(IconButton.IconButton, { className: 'prompt-modal__close-button', onClick: (e) => onClose(e), type: 'button', "data-testid": 'close-button', children: jsxRuntime.jsx(close.ReactComponent, {}) }) })), jsxRuntime.jsx("div", { className: 'prompt-modal', children: children })] }) }) }));
 };
 

package/src/lib/widgets/DynamicWidget/components/PromptModal/PromptModal.js

@@ -75,7 +75,8 @@ import '../../../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumbe
 
 const PromptModal = ({ children, isShown = true, onClose, }) => {
     const elementId = 'dynamic-multi-wallet-prompt-modal';
-    useElementById(elementId);
+    const { createRootElement } = useElementById();
+    createRootElement(elementId);
     return (jsx(Portal, { handleClose: (e) => onClose === null || onClose === void 0 ? void 0 : onClose(e), isShown: isShown, zIndex: authModalZIndex, withBackdrop: true, elementId: elementId, children: jsx(Modal, { children: jsxs(ModalCard, { children: [onClose && (jsx("div", { className: 'prompt-modal__header', children: jsx(IconButton, { className: 'prompt-modal__close-button', onClick: (e) => onClose(e), type: 'button', "data-testid": 'close-button', children: jsx(SvgClose, {}) }) })), jsx("div", { className: 'prompt-modal', children: children })] }) }) }));
 };
 

package/src/lib/utils/functions/isEmbeddedWalletPresent/index.d.ts

@@ -1 +0,0 @@
-export { isEmbeddedWalletPresent } from './isEmbeddedWalletPresent';

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

@@ -1,19 +0,0 @@
-'use client'
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var sdkApiCore = require('@dynamic-labs/sdk-api-core');
-var findEmbeddedWalletFromVerifiedCredentials = require('../findEmbeddedWalletFromVerifiedCredentials/findEmbeddedWalletFromVerifiedCredentials.cjs');
-
-const isEmbeddedWalletPresent = (jwt, walletName) => {
-    var _a;
-    const embeddedWallet = findEmbeddedWalletFromVerifiedCredentials.findEmbeddedWalletFromVerifiedCredentials(jwt, sdkApiCore.ChainEnum.Evm) ||
-        findEmbeddedWalletFromVerifiedCredentials.findEmbeddedWalletFromVerifiedCredentials(jwt, sdkApiCore.ChainEnum.Sol);
-    if (!walletName) {
-        return Boolean(embeddedWallet);
-    }
-    return Boolean((_a = embeddedWallet === null || embeddedWallet === void 0 ? void 0 : embeddedWallet.walletName) === null || _a === void 0 ? void 0 : _a.startsWith(walletName));
-};
-
-exports.isEmbeddedWalletPresent = isEmbeddedWalletPresent;

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

@@ -1 +0,0 @@
-export declare const isEmbeddedWalletPresent: (jwt: string, walletName?: string) => boolean;

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

@@ -1,15 +0,0 @@
-'use client'
-import { ChainEnum } from '@dynamic-labs/sdk-api-core';
-import { findEmbeddedWalletFromVerifiedCredentials } from '../findEmbeddedWalletFromVerifiedCredentials/findEmbeddedWalletFromVerifiedCredentials.js';
-
-const isEmbeddedWalletPresent = (jwt, walletName) => {
-    var _a;
-    const embeddedWallet = findEmbeddedWalletFromVerifiedCredentials(jwt, ChainEnum.Evm) ||
-        findEmbeddedWalletFromVerifiedCredentials(jwt, ChainEnum.Sol);
-    if (!walletName) {
-        return Boolean(embeddedWallet);
-    }
-    return Boolean((_a = embeddedWallet === null || embeddedWallet === void 0 ? void 0 : embeddedWallet.walletName) === null || _a === void 0 ? void 0 : _a.startsWith(walletName));
-};
-
-export { isEmbeddedWalletPresent };

package/src/lib/views/Passkey/utils/createEmbeddedWalletWithPasskey/index.d.ts

@@ -1 +0,0 @@
-export { createEmbeddedWalletWithPasskey } from './createEmbeddedWalletWithPasskey';

package/src/lib/views/Passkey/utils/createPregeneratedWallet/createPregeneratedWallet.cjs

@@ -1,65 +0,0 @@
-'use client'
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _tslib = require('../../../../../../_virtual/_tslib.cjs');
-var utils = require('@dynamic-labs/utils');
-require('@dynamic-labs/sdk-api-core');
-var decodeJwt = require('../../../../shared/utils/functions/decodeJwt/decodeJwt.cjs');
-require('../../../../shared/logger.cjs');
-require('@dynamic-labs/iconic');
-require('@dynamic-labs/wallet-connector-core');
-require('react/jsx-runtime');
-require('../../../../context/ViewContext/ViewContext.cjs');
-require('react');
-require('@dynamic-labs/wallet-book');
-require('../../../../utils/constants/colors.cjs');
-require('../../../../utils/constants/values.cjs');
-require('../../../../shared/utils/classes/storage/localStorage.cjs');
-require('../../../../shared/consts/index.cjs');
-require('../../../../config/ApiEndpoint.cjs');
-var embeddedWallets = require('../../../../data/api/embeddedWallets/embeddedWallets.cjs');
-require('../../../../locale/locale.cjs');
-var findEmbeddedWalletFromVerifiedCredentials = require('../../../../utils/functions/findEmbeddedWalletFromVerifiedCredentials/findEmbeddedWalletFromVerifiedCredentials.cjs');
-require('@dynamic-labs/multi-wallet');
-require('react-international-phone');
-require('viem');
-require('viem/chains');
-
-const createPregeneratedWallet = (_a) => _tslib.__awaiter(void 0, [_a], void 0, function* ({ user, walletConnector, environmentId, authToken, chains, }) {
-    if (!authToken) {
-        throw new utils.DynamicError('Auth token is not defined');
-    }
-    if (!walletConnector) {
-        throw new utils.DynamicError('Connector is missing. Please make sure you added EthereumWalletConnectors and/or SolanaWalletConnectors to DynamicProvider settings');
-    }
-    if (!user) {
-        throw new utils.DynamicError('User is not defined');
-    }
-    walletConnector.setEmail(user.email);
-    const signersResponse = yield embeddedWallets.createTurnkeyEmbeddedWallet({
-        chains,
-        environmentId,
-        userJwt: authToken,
-    });
-    const { jwt } = signersResponse;
-    const decodedJwt = decodeJwt.decodeJwt(jwt);
-    if (decodedJwt === undefined)
-        throw new utils.DynamicError('Invalid token!');
-    const primaryChain = walletConnector.connectedChain;
-    const embeddedWalletVerifiedCredential = findEmbeddedWalletFromVerifiedCredentials.findEmbeddedWalletFromVerifiedCredentials(jwt, primaryChain);
-    if (!embeddedWalletVerifiedCredential) {
-        throw new utils.DynamicError('EmbeddedWalletVerifiedCredential not found');
-    }
-    walletConnector.setVerifiedCredentials(decodedJwt.verifiedCredentials);
-    return {
-        decodedJwt,
-        embeddedWalletVerifiedCredential,
-        jwt,
-        signersResponse,
-        walletConnector,
-    };
-});
-
-exports.createPregeneratedWallet = createPregeneratedWallet;

package/src/lib/views/Passkey/utils/createPregeneratedWallet/createPregeneratedWallet.d.ts

@@ -1,16 +0,0 @@
-import { ChainEnum } from '@dynamic-labs/sdk-api-core';
-import { UserProfile } from '@dynamic-labs/types';
-import { IEmailWalletConnector, IPasskeyWalletConnector } from '@dynamic-labs/wallet-connector-core';
-export declare const createPregeneratedWallet: ({ user, walletConnector, environmentId, authToken, chains, }: {
-    authToken: string | undefined;
-    environmentId: string;
-    user: UserProfile | undefined;
-    walletConnector: (IPasskeyWalletConnector & IEmailWalletConnector) | undefined;
-    chains: ChainEnum[];
-}) => Promise<{
-    decodedJwt: Omit<import("@dynamic-labs/sdk-api-core").DynamicJwt, "jwt">;
-    embeddedWalletVerifiedCredential: import("@dynamic-labs/sdk-api-core").JwtVerifiedCredential;
-    jwt: string;
-    signersResponse: import("@dynamic-labs/sdk-api-core").VerifyResponse;
-    walletConnector: IPasskeyWalletConnector & IEmailWalletConnector;
-}>;

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

@@ -1,61 +0,0 @@
-'use client'
-import { __awaiter } from '../../../../../../_virtual/_tslib.js';
-import { DynamicError } from '@dynamic-labs/utils';
-import '@dynamic-labs/sdk-api-core';
-import { decodeJwt } from '../../../../shared/utils/functions/decodeJwt/decodeJwt.js';
-import '../../../../shared/logger.js';
-import '@dynamic-labs/iconic';
-import '@dynamic-labs/wallet-connector-core';
-import 'react/jsx-runtime';
-import '../../../../context/ViewContext/ViewContext.js';
-import 'react';
-import '@dynamic-labs/wallet-book';
-import '../../../../utils/constants/colors.js';
-import '../../../../utils/constants/values.js';
-import '../../../../shared/utils/classes/storage/localStorage.js';
-import '../../../../shared/consts/index.js';
-import '../../../../config/ApiEndpoint.js';
-import { createTurnkeyEmbeddedWallet } from '../../../../data/api/embeddedWallets/embeddedWallets.js';
-import '../../../../locale/locale.js';
-import { findEmbeddedWalletFromVerifiedCredentials } from '../../../../utils/functions/findEmbeddedWalletFromVerifiedCredentials/findEmbeddedWalletFromVerifiedCredentials.js';
-import '@dynamic-labs/multi-wallet';
-import 'react-international-phone';
-import 'viem';
-import 'viem/chains';
-
-const createPregeneratedWallet = (_a) => __awaiter(void 0, [_a], void 0, function* ({ user, walletConnector, environmentId, authToken, chains, }) {
-    if (!authToken) {
-        throw new DynamicError('Auth token is not defined');
-    }
-    if (!walletConnector) {
-        throw new DynamicError('Connector is missing. Please make sure you added EthereumWalletConnectors and/or SolanaWalletConnectors to DynamicProvider settings');
-    }
-    if (!user) {
-        throw new DynamicError('User is not defined');
-    }
-    walletConnector.setEmail(user.email);
-    const signersResponse = yield createTurnkeyEmbeddedWallet({
-        chains,
-        environmentId,
-        userJwt: authToken,
-    });
-    const { jwt } = signersResponse;
-    const decodedJwt = decodeJwt(jwt);
-    if (decodedJwt === undefined)
-        throw new DynamicError('Invalid token!');
-    const primaryChain = walletConnector.connectedChain;
-    const embeddedWalletVerifiedCredential = findEmbeddedWalletFromVerifiedCredentials(jwt, primaryChain);
-    if (!embeddedWalletVerifiedCredential) {
-        throw new DynamicError('EmbeddedWalletVerifiedCredential not found');
-    }
-    walletConnector.setVerifiedCredentials(decodedJwt.verifiedCredentials);
-    return {
-        decodedJwt,
-        embeddedWalletVerifiedCredential,
-        jwt,
-        signersResponse,
-        walletConnector,
-    };
-});
-
-export { createPregeneratedWallet };

package/src/lib/views/Passkey/utils/createPregeneratedWallet/index.d.ts

@@ -1 +0,0 @@
-export { createPregeneratedWallet } from './createPregeneratedWallet';