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

package/CHANGELOG.md

@@ -1,4 +1,11 @@
 
+## [2.1.0-alpha.9](https://github.com/dynamic-labs/DynamicAuth/compare/v2.1.0-alpha.8...v2.1.0-alpha.9) (2024-04-30)
+
+
+### Features
+
+* headless create embedded wallet with optional passkey data parameter ([#5487](https://github.com/dynamic-labs/DynamicAuth/issues/5487)) ([891c3d7](https://github.com/dynamic-labs/DynamicAuth/commit/891c3d77a02a019140bcb8dd03b62b1afd69710e))
+
 ## [2.1.0-alpha.8](https://github.com/dynamic-labs/DynamicAuth/compare/v2.1.0-alpha.7...v2.1.0-alpha.8) (2024-04-26)
 
 

package/package.cjs

@@ -3,7 +3,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "2.1.0-alpha.8";
+var version = "2.1.0-alpha.9";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.429",
 	"@hcaptcha/react-hcaptcha": "1.4.4",

package/package.js

@@ -1,5 +1,5 @@
 'use client'
-var version = "2.1.0-alpha.8";
+var version = "2.1.0-alpha.9";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.429",
 	"@hcaptcha/react-hcaptcha": "1.4.4",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "2.1.0-alpha.8",
+  "version": "2.1.0-alpha.9",
   "repository": {
     "type": "git",
     "url": "https://github.com/dynamic-labs/DynamicAuth.git",
@@ -17,17 +17,17 @@
     "react-i18next": "13.5.0",
     "yup": "0.32.11",
     "react-international-phone": "4.2.5",
-    "@dynamic-labs/iconic": "2.1.0-alpha.8",
-    "@dynamic-labs/logger": "2.1.0-alpha.8",
-    "@dynamic-labs/multi-wallet": "2.1.0-alpha.8",
-    "@dynamic-labs/rpc-provider-ethereum": "2.1.0-alpha.8",
-    "@dynamic-labs/rpc-provider-solana": "2.1.0-alpha.8",
-    "@dynamic-labs/rpc-providers": "2.1.0-alpha.8",
-    "@dynamic-labs/types": "2.1.0-alpha.8",
-    "@dynamic-labs/utils": "2.1.0-alpha.8",
-    "@dynamic-labs/viem-utils": "2.1.0-alpha.8",
-    "@dynamic-labs/wallet-book": "2.1.0-alpha.8",
-    "@dynamic-labs/wallet-connector-core": "2.1.0-alpha.8",
+    "@dynamic-labs/iconic": "2.1.0-alpha.9",
+    "@dynamic-labs/logger": "2.1.0-alpha.9",
+    "@dynamic-labs/multi-wallet": "2.1.0-alpha.9",
+    "@dynamic-labs/rpc-provider-ethereum": "2.1.0-alpha.9",
+    "@dynamic-labs/rpc-provider-solana": "2.1.0-alpha.9",
+    "@dynamic-labs/rpc-providers": "2.1.0-alpha.9",
+    "@dynamic-labs/types": "2.1.0-alpha.9",
+    "@dynamic-labs/utils": "2.1.0-alpha.9",
+    "@dynamic-labs/viem-utils": "2.1.0-alpha.9",
+    "@dynamic-labs/wallet-book": "2.1.0-alpha.9",
+    "@dynamic-labs/wallet-connector-core": "2.1.0-alpha.9",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

package/src/lib/components/Portal/Portal.cjs

@@ -106,7 +106,8 @@ const ModalComponent = ({ children, handleClose, withBackdrop = true, zIndex, wh
                 style: { zIndex: zIndex ? zIndex - 2 : undefined }, className: 'portal__backdrop' })), jsxRuntime.jsx("div", { style: { zIndex }, children: children })] }));
 };
 const Portal = ({ children, isShown, handleClose, withBackdrop, zIndex, transitionEvents, elementId = 'dynamic-modal', }) => {
-    const modalRootElementRef = useElementById.useElementById(elementId);
+    const { createRootElement } = useElementById.useElementById();
+    const modalRootElementRef = createRootElement(elementId);
     return reactDom.createPortal(jsxRuntime.jsx(ShadowDOM.ShadowDOM, { zIndex: zIndex, dataTestId: 'dynamic-modal-shadow', children: jsxRuntime.jsx(OpacityTransition.OpacityTransition, Object.assign({ isShown: isShown }, transitionEvents, { children: jsxRuntime.jsx(ModalComponent, { handleClose: handleClose, withBackdrop: withBackdrop, whiteList: (node) => modalRootElementRef.current.contains(node), children: children }) })) }), modalRootElementRef.current);
 };
 

package/src/lib/components/Portal/Portal.js

@@ -98,7 +98,8 @@ const ModalComponent = ({ children, handleClose, withBackdrop = true, zIndex, wh
                 style: { zIndex: zIndex ? zIndex - 2 : undefined }, className: 'portal__backdrop' })), jsx("div", { style: { zIndex }, children: children })] }));
 };
 const Portal = ({ children, isShown, handleClose, withBackdrop, zIndex, transitionEvents, elementId = 'dynamic-modal', }) => {
-    const modalRootElementRef = useElementById(elementId);
+    const { createRootElement } = useElementById();
+    const modalRootElementRef = createRootElement(elementId);
     return createPortal(jsx(ShadowDOM, { zIndex: zIndex, dataTestId: 'dynamic-modal-shadow', children: jsx(OpacityTransition, Object.assign({ isShown: isShown }, transitionEvents, { children: jsx(ModalComponent, { handleClose: handleClose, withBackdrop: withBackdrop, whiteList: (node) => modalRootElementRef.current.contains(node), children: children }) })) }), modalRootElementRef.current);
 };
 

package/src/lib/components/SandboxIndicatorWrapper/SandboxIndicatorWrapper.d.ts

@@ -1,2 +0,0 @@
-import { FC, PropsWithChildren } from 'react';
-export declare const SandboxIndicatorWrapper: FC<PropsWithChildren>;

package/src/lib/components/Toolkit/components/index.d.ts

@@ -1,6 +0,0 @@
-export { ThemeSwitch } from './ThemeSwitch';
-export { PrimaryColorInput } from './PrimaryColorInput';
-export { AuthModeSwitch } from './AuthModeSwitch';
-export { LoginWithEmailSwitch } from './LoginWithEmailSwitch';
-export { LoginWithEmailViewDisplayPriorityOrderSwitch } from './LoginWithEmailViewDisplayPriorityOrderSwitch';
-export { TemplateSelect } from './TemplateSelect';

package/src/lib/components/Tooltip/Tooltip.cjs

@@ -79,7 +79,8 @@ require('../../views/TransactionConfirmationView/helpers/transactionErrorMessage
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 
 const Tooltip = ({ children, content, className, as: Tag = 'span', copykey, }) => {
-    const portalRoot = useElementById.useElementById('dynamic-tooltips');
+    const { createRootElement } = useElementById.useElementById();
+    const portalRoot = createRootElement('dynamic-tooltips');
     const [vector, setVector] = React.useState([0, 0]);
     const childrenRef = React.useRef(null);
     const [visible, setVisible] = React.useState(false);

package/src/lib/components/Tooltip/Tooltip.js

@@ -75,7 +75,8 @@ import '../../views/TransactionConfirmationView/helpers/transactionErrorMessage.
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 
 const Tooltip = ({ children, content, className, as: Tag = 'span', copykey, }) => {
-    const portalRoot = useElementById('dynamic-tooltips');
+    const { createRootElement } = useElementById();
+    const portalRoot = createRootElement('dynamic-tooltips');
     const [vector, setVector] = useState([0, 0]);
     const childrenRef = useRef(null);
     const [visible, setVisible] = useState(false);

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

@@ -444,7 +444,6 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
             customPrivacyPolicy,
             customTermsOfServices,
             debugError,
-            decodedAuthToken: decodeJwt.decodeJwt(getAuthToken.getAuthToken()),
             decodedOnboardingOnlyToken: decodeJwt.decodeJwt(onboardingOnlyJwt),
             defaultNumberOfWalletsToShow,
             desktopUri,

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

@@ -440,7 +440,6 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
             customPrivacyPolicy,
             customTermsOfServices,
             debugError,
-            decodedAuthToken: decodeJwt(getAuthToken()),
             decodedOnboardingOnlyToken: decodeJwt(onboardingOnlyJwt),
             defaultNumberOfWalletsToShow,
             desktopUri,

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

@@ -78,7 +78,6 @@ export interface IDynamicContext {
     customPrivacyPolicy?: ReactNode;
     customTermsOfServices?: ReactNode;
     debugError: boolean;
-    decodedAuthToken: Omit<DynamicJwt, 'jwt'> | undefined;
     decodedOnboardingOnlyToken: Omit<DynamicJwt, 'jwt'> | undefined;
     defaultNumberOfWalletsToShow: number;
     desktopUri: string;

package/src/lib/shared/utils/classes/storage/localStorage.cjs

@@ -17,8 +17,8 @@ class LocalStorage {
     static getDynamicLSKey(key) {
         return `${key}${LocalStorage.getSuffix()}`;
     }
-    static validateRequest(key, fromAuxiliarAuthFunctions) {
-        if (key === localStorage.AUTH_TOKEN && !fromAuxiliarAuthFunctions) {
+    static validateRequest(key, fromAuxiliaryAuthFunctions) {
+        if (key === localStorage.AUTH_TOKEN && !fromAuxiliaryAuthFunctions) {
             throw new Error('You cannot access AUTH_TOKEN through localStorage. Use getAuthToken/ storeAuthToken helper functions instead');
         }
     }

package/src/lib/shared/utils/classes/storage/localStorage.js

@@ -13,8 +13,8 @@ class LocalStorage {
     static getDynamicLSKey(key) {
         return `${key}${LocalStorage.getSuffix()}`;
     }
-    static validateRequest(key, fromAuxiliarAuthFunctions) {
-        if (key === AUTH_TOKEN && !fromAuxiliarAuthFunctions) {
+    static validateRequest(key, fromAuxiliaryAuthFunctions) {
+        if (key === AUTH_TOKEN && !fromAuxiliaryAuthFunctions) {
             throw new Error('You cannot access AUTH_TOKEN through localStorage. Use getAuthToken/ storeAuthToken helper functions instead');
         }
     }

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

@@ -0,0 +1,14 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const addPasskeyIdentifierToWalletConnector = (walletConnector, user) => {
+    var _a;
+    const passkeyIdentifier = (user === null || user === void 0 ? void 0 : user.phoneNumber) ||
+        ((_a = user === null || user === void 0 ? void 0 : user.verifiedCredentials.find((vc) => vc.oauthDisplayName)) === null || _a === void 0 ? void 0 : _a.oauthDisplayName) ||
+        '';
+    walletConnector.setPasskeyIdentifier(passkeyIdentifier);
+};
+
+exports.addPasskeyIdentifierToWalletConnector = addPasskeyIdentifierToWalletConnector;

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

@@ -0,0 +1,3 @@
+import { IPasskeyWalletConnector } from '@dynamic-labs/wallet-connector-core';
+import { UserProfile } from '@dynamic-labs/types';
+export declare const addPasskeyIdentifierToWalletConnector: (walletConnector: IPasskeyWalletConnector, user: UserProfile) => void;

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

@@ -0,0 +1,10 @@
+'use client'
+const addPasskeyIdentifierToWalletConnector = (walletConnector, user) => {
+    var _a;
+    const passkeyIdentifier = (user === null || user === void 0 ? void 0 : user.phoneNumber) ||
+        ((_a = user === null || user === void 0 ? void 0 : user.verifiedCredentials.find((vc) => vc.oauthDisplayName)) === null || _a === void 0 ? void 0 : _a.oauthDisplayName) ||
+        '';
+    walletConnector.setPasskeyIdentifier(passkeyIdentifier);
+};
+
+export { addPasskeyIdentifierToWalletConnector };

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

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

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

@@ -6,7 +6,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var index = require('../../../shared/utils/functions/lastAuthenticatedAccount/index.cjs');
 
 const createUserProfile = (decodedJwt) => {
-    var _a;
     const wallet = index.lastAuthenticatedAccount(decodedJwt);
     const kyc = {
         alias: decodedJwt.alias,
@@ -30,7 +29,7 @@ const createUserProfile = (decodedJwt) => {
         team: decodedJwt.team,
         username: decodedJwt.username,
     };
-    const userProfile = Object.assign({ chain: wallet === null || wallet === void 0 ? void 0 : wallet.chain, ens: wallet === null || wallet === void 0 ? void 0 : wallet.nameService, environmentId: decodedJwt.environmentId, isAuthenticatedWithAWallet: ((_a = index.lastAuthenticatedAccount(decodedJwt)) === null || _a === void 0 ? void 0 : _a.format) === 'blockchain', lastVerifiedCredentialId: decodedJwt.lastVerifiedCredentialId, lists: decodedJwt.lists, metadata: decodedJwt.metadata, newUser: decodedJwt.newUser, scope: decodedJwt.scope, sessionId: decodedJwt.sid, userId: decodedJwt.sub, verifiedCredentials: decodedJwt.verifiedCredentials || [], wallet: wallet === null || wallet === void 0 ? void 0 : wallet.walletName }, kyc);
+    const userProfile = Object.assign({ chain: wallet === null || wallet === void 0 ? void 0 : wallet.chain, ens: wallet === null || wallet === void 0 ? void 0 : wallet.nameService, environmentId: decodedJwt.environmentId, isAuthenticatedWithAWallet: (wallet === null || wallet === void 0 ? void 0 : wallet.format) === 'blockchain', lastVerifiedCredentialId: decodedJwt.lastVerifiedCredentialId, lists: decodedJwt.lists, metadata: decodedJwt.metadata, newUser: decodedJwt.newUser, scope: decodedJwt.scope, sessionId: decodedJwt.sid, userId: decodedJwt.sub, verifiedCredentials: decodedJwt.verifiedCredentials || [], wallet: wallet === null || wallet === void 0 ? void 0 : wallet.walletName }, kyc);
     return userProfile;
 };
 

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

@@ -2,7 +2,6 @@
 import { lastAuthenticatedAccount } from '../../../shared/utils/functions/lastAuthenticatedAccount/index.js';
 
 const createUserProfile = (decodedJwt) => {
-    var _a;
     const wallet = lastAuthenticatedAccount(decodedJwt);
     const kyc = {
         alias: decodedJwt.alias,
@@ -26,7 +25,7 @@ const createUserProfile = (decodedJwt) => {
         team: decodedJwt.team,
         username: decodedJwt.username,
     };
-    const userProfile = Object.assign({ chain: wallet === null || wallet === void 0 ? void 0 : wallet.chain, ens: wallet === null || wallet === void 0 ? void 0 : wallet.nameService, environmentId: decodedJwt.environmentId, isAuthenticatedWithAWallet: ((_a = lastAuthenticatedAccount(decodedJwt)) === null || _a === void 0 ? void 0 : _a.format) === 'blockchain', lastVerifiedCredentialId: decodedJwt.lastVerifiedCredentialId, lists: decodedJwt.lists, metadata: decodedJwt.metadata, newUser: decodedJwt.newUser, scope: decodedJwt.scope, sessionId: decodedJwt.sid, userId: decodedJwt.sub, verifiedCredentials: decodedJwt.verifiedCredentials || [], wallet: wallet === null || wallet === void 0 ? void 0 : wallet.walletName }, kyc);
+    const userProfile = Object.assign({ chain: wallet === null || wallet === void 0 ? void 0 : wallet.chain, ens: wallet === null || wallet === void 0 ? void 0 : wallet.nameService, environmentId: decodedJwt.environmentId, isAuthenticatedWithAWallet: (wallet === null || wallet === void 0 ? void 0 : wallet.format) === 'blockchain', lastVerifiedCredentialId: decodedJwt.lastVerifiedCredentialId, lists: decodedJwt.lists, metadata: decodedJwt.metadata, newUser: decodedJwt.newUser, scope: decodedJwt.scope, sessionId: decodedJwt.sid, userId: decodedJwt.sub, verifiedCredentials: decodedJwt.verifiedCredentials || [], wallet: wallet === null || wallet === void 0 ? void 0 : wallet.walletName }, kyc);
     return userProfile;
 };
 

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

@@ -19,13 +19,12 @@ require('@dynamic-labs/utils');
 require('../../../shared/consts/index.cjs');
 
 // TODO: Check if this is actually returning the correct verified credential
-const findEmbeddedWalletFromVerifiedCredentials = (jwt, chain) => {
+const findEmbeddedWalletFromVerifiedCredentials = (jwt, chains) => {
     var _a;
     const decodedJwt = decodeJwt.decodeJwt(jwt);
     const verifiedCredentials = (_a = decodedJwt === null || decodedJwt === void 0 ? void 0 : decodedJwt.verifiedCredentials) === null || _a === void 0 ? void 0 : _a.filter(({ walletProvider }) => walletProvider === 'embeddedWallet');
-    if ((verifiedCredentials === null || verifiedCredentials === void 0 ? void 0 : verifiedCredentials.length) && chain) {
-        const chainName = values.ChainEnumToVerifiedCredentialName[chain];
-        return verifiedCredentials.find(({ chain }) => chain === chainName);
+    if ((verifiedCredentials === null || verifiedCredentials === void 0 ? void 0 : verifiedCredentials.length) && (chains === null || chains === void 0 ? void 0 : chains.length)) {
+        return verifiedCredentials.find(({ chain }) => chain && chains.includes(values.VerifiedCredentialNameToChainEnum[chain]));
     }
     return verifiedCredentials === null || verifiedCredentials === void 0 ? void 0 : verifiedCredentials.shift();
 };

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

@@ -1 +1 @@
-export declare const findEmbeddedWalletFromVerifiedCredentials: (jwt: string, chain?: string) => import("@dynamic-labs/sdk-api-core").JwtVerifiedCredential | undefined;
+export declare const findEmbeddedWalletFromVerifiedCredentials: (jwt: string, chains?: string[]) => import("@dynamic-labs/sdk-api-core").JwtVerifiedCredential | undefined;

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

@@ -9,19 +9,18 @@ import '../../../context/ViewContext/ViewContext.js';
 import 'react';
 import '@dynamic-labs/wallet-book';
 import '../../constants/colors.js';
-import { ChainEnumToVerifiedCredentialName } from '../../constants/values.js';
+import { VerifiedCredentialNameToChainEnum } from '../../constants/values.js';
 import '../../../shared/utils/classes/storage/localStorage.js';
 import '@dynamic-labs/utils';
 import '../../../shared/consts/index.js';
 
 // TODO: Check if this is actually returning the correct verified credential
-const findEmbeddedWalletFromVerifiedCredentials = (jwt, chain) => {
+const findEmbeddedWalletFromVerifiedCredentials = (jwt, chains) => {
     var _a;
     const decodedJwt = decodeJwt(jwt);
     const verifiedCredentials = (_a = decodedJwt === null || decodedJwt === void 0 ? void 0 : decodedJwt.verifiedCredentials) === null || _a === void 0 ? void 0 : _a.filter(({ walletProvider }) => walletProvider === 'embeddedWallet');
-    if ((verifiedCredentials === null || verifiedCredentials === void 0 ? void 0 : verifiedCredentials.length) && chain) {
-        const chainName = ChainEnumToVerifiedCredentialName[chain];
-        return verifiedCredentials.find(({ chain }) => chain === chainName);
+    if ((verifiedCredentials === null || verifiedCredentials === void 0 ? void 0 : verifiedCredentials.length) && (chains === null || chains === void 0 ? void 0 : chains.length)) {
+        return verifiedCredentials.find(({ chain }) => chain && chains.includes(VerifiedCredentialNameToChainEnum[chain]));
     }
     return verifiedCredentials === null || verifiedCredentials === void 0 ? void 0 : verifiedCredentials.shift();
 };

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

@@ -19,7 +19,7 @@ const findTurnkeyWalletByPrimaryChain = (walletOptions, chainConfigurations, ver
     const walletConnector = findTurnkeyWalletByChain(walletOptions, values.ChainEnumToVerifiedCredentialName[primaryEmbeddedChain]);
     const turnkeyVC = verifiedCredentials === null || verifiedCredentials === void 0 ? void 0 : verifiedCredentials.find(({ walletName, chain }) => (walletName === null || walletName === void 0 ? void 0 : walletName.startsWith('turnkey')) &&
         chain === values.ChainEnumToVerifiedCredentialName[primaryEmbeddedChain]);
-    if (!turnkeyVC || !walletConnector) {
+    if (!walletConnector) {
         return undefined;
     }
     return Object.assign(Object.assign({}, turnkeyVC), walletConnector);

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

@@ -2,7 +2,9 @@ import { ChainConfiguration, JwtVerifiedCredential } from '@dynamic-labs/sdk-api
 import { WalletConnector } from '@dynamic-labs/wallet-connector-core';
 import { WalletOption } from '../../../shared';
 export declare const findTurnkeyWalletByChain: (walletOptions: WalletOption[] | undefined, chainName: string | undefined) => WalletOption | undefined;
-export declare const findTurnkeyWalletByPrimaryChain: (walletOptions: WalletOption[] | undefined, chainConfigurations: ChainConfiguration[] | undefined, verifiedCredentials: JwtVerifiedCredential[]) => (JwtVerifiedCredential & WalletOption) | undefined;
+type FindTurnkeyWalletByChainResult = (JwtVerifiedCredential & WalletOption) | WalletOption | undefined;
+export declare const findTurnkeyWalletByPrimaryChain: (walletOptions: WalletOption[] | undefined, chainConfigurations: ChainConfiguration[] | undefined, verifiedCredentials: JwtVerifiedCredential[]) => FindTurnkeyWalletByChainResult;
 export declare const findTurnkeyWalletByAddress: (walletOptions: WalletOption[] | undefined, verifiedCredentials: JwtVerifiedCredential[], address: string | undefined) => (JwtVerifiedCredential & {
     walletConnector?: WalletConnector;
 }) | undefined;
+export {};

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

@@ -15,7 +15,7 @@ const findTurnkeyWalletByPrimaryChain = (walletOptions, chainConfigurations, ver
     const walletConnector = findTurnkeyWalletByChain(walletOptions, ChainEnumToVerifiedCredentialName[primaryEmbeddedChain]);
     const turnkeyVC = verifiedCredentials === null || verifiedCredentials === void 0 ? void 0 : verifiedCredentials.find(({ walletName, chain }) => (walletName === null || walletName === void 0 ? void 0 : walletName.startsWith('turnkey')) &&
         chain === ChainEnumToVerifiedCredentialName[primaryEmbeddedChain]);
-    if (!turnkeyVC || !walletConnector) {
+    if (!walletConnector) {
         return undefined;
     }
     return Object.assign(Object.assign({}, turnkeyVC), walletConnector);

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

@@ -5,19 +5,19 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 /**
  * This will return a string which we can present to the user credential type
- * @param decodedJwt
+ * @param user
  * @param type optional parameter to check for specific credential type
  * @returns JwtVerifiedCredentialFormatEnum | undefined
  */
-const getUserVerifiedCredentialType = (decodedJwt, type) => {
+const getUserVerifiedCredentialType = (user, type) => {
     var _a, _b, _c;
-    if (!decodedJwt) {
+    if (!user) {
         return undefined;
     }
     if (type) {
-        return (_b = (_a = decodedJwt.verifiedCredentials) === null || _a === void 0 ? void 0 : _a.find((credentials) => credentials.format === type)) === null || _b === void 0 ? void 0 : _b.format;
+        return (_b = (_a = user.verifiedCredentials) === null || _a === void 0 ? void 0 : _a.find((credentials) => credentials.format === type)) === null || _b === void 0 ? void 0 : _b.format;
     }
-    const verifiedCredential = (_c = decodedJwt.verifiedCredentials) === null || _c === void 0 ? void 0 : _c.find((credentials) => credentials.id === decodedJwt.lastVerifiedCredentialId);
+    const verifiedCredential = (_c = user.verifiedCredentials) === null || _c === void 0 ? void 0 : _c.find((credentials) => credentials.id === user.lastVerifiedCredentialId);
     return verifiedCredential === null || verifiedCredential === void 0 ? void 0 : verifiedCredential.format;
 };
 

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

@@ -1,8 +1,9 @@
 import { DynamicJwt, JwtVerifiedCredentialFormatEnum } from '@dynamic-labs/sdk-api-core';
+import { UserProfile } from '../../../..';
 /**
  * This will return a string which we can present to the user credential type
- * @param decodedJwt
+ * @param user
  * @param type optional parameter to check for specific credential type
  * @returns JwtVerifiedCredentialFormatEnum | undefined
  */
-export declare const getUserVerifiedCredentialType: (decodedJwt: DynamicJwt | undefined, type?: JwtVerifiedCredentialFormatEnum) => JwtVerifiedCredentialFormatEnum | undefined;
+export declare const getUserVerifiedCredentialType: (user: UserProfile | DynamicJwt | undefined, type?: JwtVerifiedCredentialFormatEnum) => JwtVerifiedCredentialFormatEnum | undefined;

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

@@ -1,19 +1,19 @@
 'use client'
 /**
  * This will return a string which we can present to the user credential type
- * @param decodedJwt
+ * @param user
  * @param type optional parameter to check for specific credential type
  * @returns JwtVerifiedCredentialFormatEnum | undefined
  */
-const getUserVerifiedCredentialType = (decodedJwt, type) => {
+const getUserVerifiedCredentialType = (user, type) => {
     var _a, _b, _c;
-    if (!decodedJwt) {
+    if (!user) {
         return undefined;
     }
     if (type) {
-        return (_b = (_a = decodedJwt.verifiedCredentials) === null || _a === void 0 ? void 0 : _a.find((credentials) => credentials.format === type)) === null || _b === void 0 ? void 0 : _b.format;
+        return (_b = (_a = user.verifiedCredentials) === null || _a === void 0 ? void 0 : _a.find((credentials) => credentials.format === type)) === null || _b === void 0 ? void 0 : _b.format;
     }
-    const verifiedCredential = (_c = decodedJwt.verifiedCredentials) === null || _c === void 0 ? void 0 : _c.find((credentials) => credentials.id === decodedJwt.lastVerifiedCredentialId);
+    const verifiedCredential = (_c = user.verifiedCredentials) === null || _c === void 0 ? void 0 : _c.find((credentials) => credentials.id === user.lastVerifiedCredentialId);
     return verifiedCredential === null || verifiedCredential === void 0 ? void 0 : verifiedCredential.format;
 };
 

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

@@ -3,13 +3,18 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var isEmbeddedWalletPresent = require('../isEmbeddedWalletPresent/isEmbeddedWalletPresent.cjs');
+var findEmbeddedWalletFromVerifiedCredentials = require('../findEmbeddedWalletFromVerifiedCredentials/findEmbeddedWalletFromVerifiedCredentials.cjs');
 
 const hasEmbeddedWallet = (jwt, walletName) => {
+    var _a;
     if (!jwt) {
         return false;
     }
-    return isEmbeddedWalletPresent.isEmbeddedWalletPresent(jwt, walletName);
+    const embeddedWallet = findEmbeddedWalletFromVerifiedCredentials.findEmbeddedWalletFromVerifiedCredentials(jwt);
+    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.hasEmbeddedWallet = hasEmbeddedWallet;

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

@@ -1,11 +1,16 @@
 'use client'
-import { isEmbeddedWalletPresent } from '../isEmbeddedWalletPresent/isEmbeddedWalletPresent.js';
+import { findEmbeddedWalletFromVerifiedCredentials } from '../findEmbeddedWalletFromVerifiedCredentials/findEmbeddedWalletFromVerifiedCredentials.js';
 
 const hasEmbeddedWallet = (jwt, walletName) => {
+    var _a;
     if (!jwt) {
         return false;
     }
-    return isEmbeddedWalletPresent(jwt, walletName);
+    const embeddedWallet = findEmbeddedWalletFromVerifiedCredentials(jwt);
+    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 { hasEmbeddedWallet };

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

@@ -36,7 +36,7 @@ export * from './groupBy';
 export * from './isAccountAbstractionWallet';
 export * from './isEmailProviderEnabled';
 export * from './isEmailValid';
-export * from './isEmbeddedWalletPresent';
+export * from './addPasskeyIdentifierToWalletConnector';
 export * from './isMagicConnector';
 export * from './isNetworkUnsupported';
 export * from './isOnrampProvider';

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

@@ -17,7 +17,8 @@ var useElementById = require('../useElementById/useElementById.cjs');
  * confirms or cancels the operation, and must return the ReactNode for the modal to be displayed.
  */
 const useConfirmationModal = ({ elementId, }) => {
-    const modalRootElementRef = useElementById.useElementById(elementId);
+    const { createRootElement } = useElementById.useElementById();
+    const modalRootElementRef = createRootElement(elementId);
     const [node, setNode] = React.useState(null);
     const open = React.useCallback((builder) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         const promise = new Promise((resolve, reject) => {

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

@@ -13,7 +13,8 @@ import { useElementById } from '../useElementById/useElementById.js';
  * confirms or cancels the operation, and must return the ReactNode for the modal to be displayed.
  */
 const useConfirmationModal = ({ elementId, }) => {
-    const modalRootElementRef = useElementById(elementId);
+    const { createRootElement } = useElementById();
+    const modalRootElementRef = createRootElement(elementId);
     const [node, setNode] = useState(null);
     const open = useCallback((builder) => __awaiter(void 0, void 0, void 0, function* () {
         const promise = new Promise((resolve, reject) => {

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

@@ -34,9 +34,8 @@ require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../../context/UserWalletsContext/UserWalletsContext.cjs');
 require('../../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
-var createEmbeddedWalletWithPasskey = require('../../../views/Passkey/utils/createEmbeddedWalletWithPasskey/createEmbeddedWalletWithPasskey.cjs');
+var createEmbeddedWalletRequest = require('../../../views/Passkey/utils/createEmbeddedWalletRequest/createEmbeddedWalletRequest.cjs');
 var findPasskeyEmailWalletConnector = require('../../../views/Passkey/utils/findPasskeyEmailWalletConnector/findPasskeyEmailWalletConnector.cjs');
-var createPregeneratedWallet = require('../../../views/Passkey/utils/createPregeneratedWallet/createPregeneratedWallet.cjs');
 var smartWallet = require('../useWalletConnectors/utils/smartWallet/smartWallet.cjs');
 var findPrimaryEmbeddedChain = require('../../../views/Passkey/utils/findPrimaryEmbeddedChain/findPrimaryEmbeddedChain.cjs');
 require('../../../context/WalletContext/WalletContext.cjs');
@@ -84,7 +83,7 @@ var useInternalDynamicContext = require('../../../context/DynamicContext/useDyna
 // This hook needs to be async that's why it's not using useMutation
 const useCreateDynamicEmbeddedWalletMutation = () => {
     var _a, _b;
-    const { setPrimaryWalletId, setCallback, setUser, user, setShowAuthFlow, projectSettings, } = useInternalDynamicContext.useInternalDynamicContext();
+    const { setPrimaryWalletId, setUser, user, setShowAuthFlow, projectSettings, } = useInternalDynamicContext.useInternalDynamicContext();
     const [isLoading, setIsLoading] = React.useState(false);
     const [error, setError] = React.useState();
     const embeddedChainConfig = ((_b = (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _a === void 0 ? void 0 : _a.embeddedWallets) === null || _b === void 0 ? void 0 : _b.chainConfigurations) || [];
@@ -92,19 +91,18 @@ const useCreateDynamicEmbeddedWalletMutation = () => {
     const embeddedChains = embeddedChainConfig
         .filter((chain) => chain.enabled)
         .map((c) => (c.name === 'SOL' ? sdkApiCore.ChainEnum.Sol : sdkApiCore.ChainEnum.Evm));
-    const createDynamicEmbeddedWalletMutation = React.useCallback((_c) => _tslib.__awaiter(void 0, [_c], void 0, function* ({ authToken, decodedJwt, environmentId, walletConnectorOptions, withAuthenticator, }) {
+    const createDynamicEmbeddedWalletMutation = React.useCallback((_c) => _tslib.__awaiter(void 0, [_c], void 0, function* ({ authToken, decodedJwt, environmentId, walletConnectorOptions, withAuthenticator, options, chains, }) {
         var _d, _e;
         setIsLoading(true);
-        const createEmbeddedWalletMethodToUse = withAuthenticator
-            ? createEmbeddedWalletWithPasskey.createEmbeddedWalletWithPasskey
-            : createPregeneratedWallet.createPregeneratedWallet;
         try {
-            const { embeddedWalletVerifiedCredential, decodedJwt: updatedDecodedJwt, signersResponse, walletConnector, } = yield createEmbeddedWalletMethodToUse({
+            const { embeddedWalletVerifiedCredential, decodedJwt: updatedDecodedJwt, signersResponse, walletConnector, } = yield createEmbeddedWalletRequest.createEmbeddedWalletRequest({
                 authToken,
-                chains: embeddedChains,
+                chains: chains !== null && chains !== void 0 ? chains : embeddedChains,
                 environmentId,
                 user: user !== null && user !== void 0 ? user : createUserProfile.createUserProfile(decodedJwt),
                 walletConnector: findPasskeyEmailWalletConnector.findPasskeyEmailWalletConnector(walletConnectorOptions, primaryEmbeddedChain),
+                webAuthnAttestation: options === null || options === void 0 ? void 0 : options.webAuthnAttestation,
+                withAuthenticator,
             });
             const turnkeyVerifiedCredentials = (_d = updatedDecodedJwt === null || updatedDecodedJwt === void 0 ? void 0 : updatedDecodedJwt.verifiedCredentials) === null || _d === void 0 ? void 0 : _d.find(({ walletName }) => walletName === null || walletName === void 0 ? void 0 : walletName.startsWith('turnkey'));
             /** It's not authenticated if it's a turnkey wallet that still hasn't created a passkey */
@@ -141,7 +139,14 @@ const useCreateDynamicEmbeddedWalletMutation = () => {
         finally {
             setIsLoading(false);
         }
-    }), [setCallback, setPrimaryWalletId, setShowAuthFlow, setUser, user]);
+    }), [
+        embeddedChains,
+        primaryEmbeddedChain,
+        setPrimaryWalletId,
+        setShowAuthFlow,
+        setUser,
+        user,
+    ]);
     return {
         createDynamicEmbeddedWalletMutation,
         error,

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

@@ -1,4 +1,5 @@
-import { DynamicJwt } from '@dynamic-labs/sdk-api-core';
+import { DynamicJwt, ChainEnum } from '@dynamic-labs/sdk-api-core';
+import { WebAuthnAttestation } from '@dynamic-labs/wallet-connector-core';
 import { WalletOption } from '../../../shared';
 type MutationProps = {
     authToken: string | undefined;
@@ -6,9 +7,13 @@ type MutationProps = {
     walletConnectorOptions: WalletOption[];
     decodedJwt: DynamicJwt;
     withAuthenticator: boolean;
+    options?: {
+        webAuthnAttestation: WebAuthnAttestation;
+    };
+    chains?: ChainEnum[];
 };
 export declare const useCreateDynamicEmbeddedWalletMutation: () => {
-    createDynamicEmbeddedWalletMutation: ({ authToken, decodedJwt, environmentId, walletConnectorOptions, withAuthenticator, }: MutationProps) => Promise<void>;
+    createDynamicEmbeddedWalletMutation: ({ authToken, decodedJwt, environmentId, walletConnectorOptions, withAuthenticator, options, chains, }: MutationProps) => Promise<void>;
     error: unknown;
     isLoading: boolean;
 };