@dynamic-labs/sdk-react-core 0.19.2 → 0.19.4

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

@@ -77,8 +77,10 @@ var usePrimaryWalletId = require('../../utils/hooks/usePrimaryWalletId/usePrimar
 var useRpcProviders = require('../../utils/hooks/useRpcProviders/useRpcProviders.cjs');
 var useWalletEventListeners = require('../../utils/hooks/useWalletEventListeners/useWalletEventListeners.cjs');
 var DynamicBridgeWidgetContext = require('../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.cjs');
+var DynamicWidgetContext = require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.cjs');
 require('../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
+require('i18next');
 require('../FooterAnimationContext/index.cjs');
 require('../SocialRedirectContext/SocialRedirectContext.cjs');
 var QrCodeContext = require('../QrCodeContext/QrCodeContext.cjs');
@@ -86,7 +88,7 @@ var WalletGroupContext = require('../WalletGroupContext/WalletGroupContext.cjs')
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('qrcode');
 var LoadingContext = require('../LoadingContext/LoadingContext.cjs');
-var DynamicWidgetContext = require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
+require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../views/WalletList/WalletList.cjs');
 require('../../views/viewToComponentMap.cjs');
 var FundingWidget = require('../../widgets/FundingWidget/FundingWidget.cjs');
@@ -231,7 +233,7 @@ const DynamicContextProvider = ({ children, theme, settings, locale: locale$1, }
         localStorage.LocalStorage.removeFromLS(localStorage$1.AUTH_TOKEN);
         removeUser();
     }, [removeUser]);
-    const { computeConnectedStateForWallets, didConnectedStateLoad, walletConnectors, primaryWallet, showQrcodeModal, secondaryWallets, setPrimaryWallet, setShowQrcodeModal, } = useWalletConnectors.useWalletConnectors({
+    const { computeConnectedStateForWallets, didConnectedStateLoad, walletConnectors, primaryWallet, showQrcodeModal, secondaryWallets, setPrimaryWallet, setShowQrcodeModal, wallets: linkedOrConnectedWallets, } = useWalletConnectors.useWalletConnectors({
         authMode,
         authToken: getAuthToken.getAuthToken() || onboardingOnlyJwt,
         canHaveMultipleWalletsConnected: multiWallet || isBridgeFlow,
@@ -320,6 +322,7 @@ const DynamicContextProvider = ({ children, theme, settings, locale: locale$1, }
         (_l = eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onLogout) === null || _l === void 0 ? void 0 : _l.call(eventsCallbacks, user);
         internalEventsRef.current.emit('logout');
     }), [
+        setSdkHasLoaded,
         clearAllWalletConnectSessions,
         walletsByChain,
         toolkitEnabled,
@@ -331,6 +334,7 @@ const DynamicContextProvider = ({ children, theme, settings, locale: locale$1, }
         initialAuthenticationMode,
         setMultiWalletWidgetState,
         removeAuthTokenAndUser,
+        removeLsSettings,
         handleRemoveLsNetworks,
         removeConnectedWalletsInfo,
         removeIsFullyConnected,
@@ -406,6 +410,7 @@ const DynamicContextProvider = ({ children, theme, settings, locale: locale$1, }
             onConnect: eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onConnect,
             onEmailVerificationFailure,
             onEmailVerificationSuccess,
+            onEmbeddedWalletCreated: eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onEmbeddedWalletCreated,
             onLinkSuccess: eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onLinkSuccess,
             onUserProfileUpdate: eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onUserProfileUpdate,
         },
@@ -416,14 +421,14 @@ const DynamicContextProvider = ({ children, theme, settings, locale: locale$1, }
         setIsVerificationInProgress,
         user,
     });
-    const sendWagmiSettings = (settings) => {
+    const sendWagmiSettings = React.useCallback(() => (settings) => {
         const { dynamicWagmiSettings } = settings;
         if (dynamicWagmiSettings) {
             api.sendDynamicProps(environmentId, {
                 dynamicWagmiSettings: { dynamicWagmiSettings },
             });
         }
-    };
+    }, [environmentId]);
     const clearStatesOnBackClick = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         setDesktopUri('');
         // Clear verification flag but dont require it to be set
@@ -449,6 +454,8 @@ const DynamicContextProvider = ({ children, theme, settings, locale: locale$1, }
             yield (selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.endSession());
         }
     }), [
+        isVerificationInProgress,
+        setIsVerificationInProgress,
         user,
         setMultiWalletWidgetState,
         authMode,
@@ -457,13 +464,6 @@ const DynamicContextProvider = ({ children, theme, settings, locale: locale$1, }
         clearAllWalletConnectSessions,
         removeConnectedWalletsInfo,
     ]);
-    const linkedWallets = React.useMemo(() => {
-        if (authMode === 'connect-only' || !user || !primaryWallet) {
-            return [];
-        }
-        const walletsList = [primaryWallet, ...secondaryWallets];
-        return walletsList.filter((wallet) => user.verifiedCredentials.some((verifiedCredential) => verifiedCredential.id === wallet.id));
-    }, [authMode, primaryWallet, user, secondaryWallets]);
     const value = React.useMemo(() => {
         var _a, _b, _c;
         return ({
@@ -511,7 +511,7 @@ const DynamicContextProvider = ({ children, theme, settings, locale: locale$1, }
             isSingleWalletAccount,
             isVerificationInProgress,
             legacyIsVerifying,
-            linkedWallets,
+            linkedWallets: authMode === 'connect-only' || !user ? [] : linkedOrConnectedWallets,
             loadingNetwork,
             locale: {
                 changeLanguage: (_a = locale.Locale.getInstance()) === null || _a === void 0 ? void 0 : _a.changeLanguage,
@@ -613,13 +613,13 @@ const DynamicContextProvider = ({ children, theme, settings, locale: locale$1, }
         onboardingOnlyJwt,
         defaultNumberOfWalletsToShow,
         desktopUri,
+        disconnectWallet,
         displaySiweStatement,
         environmentId,
         eventsCallbacks,
         getConnectedWalletById,
         getNameService,
         handleLogOut,
-        disconnectWallet,
         handleUnlinkWallet,
         i18nSDKInstance,
         isAuthenticated,
@@ -629,7 +629,7 @@ const DynamicContextProvider = ({ children, theme, settings, locale: locale$1, }
         isSingleWalletAccount,
         isVerificationInProgress,
         legacyIsVerifying,
-        linkedWallets,
+        linkedOrConnectedWallets,
         loadingNetwork,
         loginWithEmail,
         multiWallet,
@@ -666,6 +666,7 @@ const DynamicContextProvider = ({ children, theme, settings, locale: locale$1, }
         setPrimaryWallet,
         setPrimaryWalletId,
         setSdkHasLoaded,
+        setSelectedWalletConnector,
         setShowAuthFlowWithInit,
         setShowQrcodeModal,
         setUser,

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

@@ -28,7 +28,7 @@ import { useFetchProjectSettings } from '../../utils/hooks/useFetchProjectSettin
 import { useFetchNonce } from '../../utils/hooks/useFetchNonce/useFetchNonce.js';
 import { useWallets } from '../../utils/hooks/useWallets/useWallets.js';
 import { useWalletConnectors } from '../../utils/hooks/useWalletConnectors/useWalletConnectors.js';
-import { revokeSession, sendDynamicProps } from '../../data/api.js';
+import { sendDynamicProps, revokeSession } from '../../data/api.js';
 import '@dynamic-labs/multi-wallet';
 import { getAuthToken } from '../../utils/functions/getAuthToken/getAuthToken.js';
 import '@dynamic-labs/sdk-api';
@@ -73,8 +73,10 @@ import { usePrimaryWalletId } from '../../utils/hooks/usePrimaryWalletId/usePrim
 import { useRpcProviders } from '../../utils/hooks/useRpcProviders/useRpcProviders.js';
 import { useWalletEventListeners } from '../../utils/hooks/useWalletEventListeners/useWalletEventListeners.js';
 import { DynamicBridgeWidgetContextProvider } from '../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.js';
+import { DynamicWidgetContextProvider } from '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.js';
 import '../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
+import 'i18next';
 import '../FooterAnimationContext/index.js';
 import '../SocialRedirectContext/SocialRedirectContext.js';
 import { QrCodeContextProvider } from '../QrCodeContext/QrCodeContext.js';
@@ -82,7 +84,7 @@ import { WalletGroupContextProvider } from '../WalletGroupContext/WalletGroupCon
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import 'qrcode';
 import { LoadingContextProvider } from '../LoadingContext/LoadingContext.js';
-import { DynamicWidgetContextProvider } from '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
+import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../views/WalletList/WalletList.js';
 import '../../views/viewToComponentMap.js';
 import { FundingWidget } from '../../widgets/FundingWidget/FundingWidget.js';
@@ -227,7 +229,7 @@ const DynamicContextProvider = ({ children, theme, settings, locale, }) => {
         LocalStorage.removeFromLS(AUTH_TOKEN);
         removeUser();
     }, [removeUser]);
-    const { computeConnectedStateForWallets, didConnectedStateLoad, walletConnectors, primaryWallet, showQrcodeModal, secondaryWallets, setPrimaryWallet, setShowQrcodeModal, } = useWalletConnectors({
+    const { computeConnectedStateForWallets, didConnectedStateLoad, walletConnectors, primaryWallet, showQrcodeModal, secondaryWallets, setPrimaryWallet, setShowQrcodeModal, wallets: linkedOrConnectedWallets, } = useWalletConnectors({
         authMode,
         authToken: getAuthToken() || onboardingOnlyJwt,
         canHaveMultipleWalletsConnected: multiWallet || isBridgeFlow,
@@ -316,6 +318,7 @@ const DynamicContextProvider = ({ children, theme, settings, locale, }) => {
         (_l = eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onLogout) === null || _l === void 0 ? void 0 : _l.call(eventsCallbacks, user);
         internalEventsRef.current.emit('logout');
     }), [
+        setSdkHasLoaded,
         clearAllWalletConnectSessions,
         walletsByChain,
         toolkitEnabled,
@@ -327,6 +330,7 @@ const DynamicContextProvider = ({ children, theme, settings, locale, }) => {
         initialAuthenticationMode,
         setMultiWalletWidgetState,
         removeAuthTokenAndUser,
+        removeLsSettings,
         handleRemoveLsNetworks,
         removeConnectedWalletsInfo,
         removeIsFullyConnected,
@@ -402,6 +406,7 @@ const DynamicContextProvider = ({ children, theme, settings, locale, }) => {
             onConnect: eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onConnect,
             onEmailVerificationFailure,
             onEmailVerificationSuccess,
+            onEmbeddedWalletCreated: eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onEmbeddedWalletCreated,
             onLinkSuccess: eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onLinkSuccess,
             onUserProfileUpdate: eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onUserProfileUpdate,
         },
@@ -412,14 +417,14 @@ const DynamicContextProvider = ({ children, theme, settings, locale, }) => {
         setIsVerificationInProgress,
         user,
     });
-    const sendWagmiSettings = (settings) => {
+    const sendWagmiSettings = useCallback(() => (settings) => {
         const { dynamicWagmiSettings } = settings;
         if (dynamicWagmiSettings) {
             sendDynamicProps(environmentId, {
                 dynamicWagmiSettings: { dynamicWagmiSettings },
             });
         }
-    };
+    }, [environmentId]);
     const clearStatesOnBackClick = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
         setDesktopUri('');
         // Clear verification flag but dont require it to be set
@@ -445,6 +450,8 @@ const DynamicContextProvider = ({ children, theme, settings, locale, }) => {
             yield (selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.endSession());
         }
     }), [
+        isVerificationInProgress,
+        setIsVerificationInProgress,
         user,
         setMultiWalletWidgetState,
         authMode,
@@ -453,13 +460,6 @@ const DynamicContextProvider = ({ children, theme, settings, locale, }) => {
         clearAllWalletConnectSessions,
         removeConnectedWalletsInfo,
     ]);
-    const linkedWallets = useMemo(() => {
-        if (authMode === 'connect-only' || !user || !primaryWallet) {
-            return [];
-        }
-        const walletsList = [primaryWallet, ...secondaryWallets];
-        return walletsList.filter((wallet) => user.verifiedCredentials.some((verifiedCredential) => verifiedCredential.id === wallet.id));
-    }, [authMode, primaryWallet, user, secondaryWallets]);
     const value = useMemo(() => {
         var _a, _b, _c;
         return ({
@@ -507,7 +507,7 @@ const DynamicContextProvider = ({ children, theme, settings, locale, }) => {
             isSingleWalletAccount,
             isVerificationInProgress,
             legacyIsVerifying,
-            linkedWallets,
+            linkedWallets: authMode === 'connect-only' || !user ? [] : linkedOrConnectedWallets,
             loadingNetwork,
             locale: {
                 changeLanguage: (_a = Locale.getInstance()) === null || _a === void 0 ? void 0 : _a.changeLanguage,
@@ -609,13 +609,13 @@ const DynamicContextProvider = ({ children, theme, settings, locale, }) => {
         onboardingOnlyJwt,
         defaultNumberOfWalletsToShow,
         desktopUri,
+        disconnectWallet,
         displaySiweStatement,
         environmentId,
         eventsCallbacks,
         getConnectedWalletById,
         getNameService,
         handleLogOut,
-        disconnectWallet,
         handleUnlinkWallet,
         i18nSDKInstance,
         isAuthenticated,
@@ -625,7 +625,7 @@ const DynamicContextProvider = ({ children, theme, settings, locale, }) => {
         isSingleWalletAccount,
         isVerificationInProgress,
         legacyIsVerifying,
-        linkedWallets,
+        linkedOrConnectedWallets,
         loadingNetwork,
         loginWithEmail,
         multiWallet,
@@ -662,6 +662,7 @@ const DynamicContextProvider = ({ children, theme, settings, locale, }) => {
         setPrimaryWallet,
         setPrimaryWalletId,
         setSdkHasLoaded,
+        setSelectedWalletConnector,
         setShowAuthFlowWithInit,
         setShowQrcodeModal,
         setUser,

package/src/lib/context/DynamicContext/internalEvents/internalEvents.d.ts

@@ -5,6 +5,8 @@ export type InternalEventMap = {
     emailVerificationResult: (param: boolean, email: string) => void;
     embeddedWalletCreated: (wallet: Wallet) => void;
     embeddedWalletFailed: (error: unknown) => void;
+    passkeyRecoveryCompleted: (wallet: Wallet) => void;
+    passkeyRecoveryFailed: (error: unknown) => void;
     logout: () => void;
 };
 export type InternalEventEmitter = EventEmitter<InternalEventMap>;

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

@@ -50,11 +50,13 @@ require('../../CaptchaContext/CaptchaContext.cjs');
 require('../../EmailVerificationContext/EmailVerificationContext.cjs');
 require('qrcode');
 require('../../LoadingContext/LoadingContext.cjs');
+require('i18next');
 require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('@dynamic-labs/types');
 require('../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../UserFieldEditorContext/UserFieldEditorContext.cjs');
+require('../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 
 const useCustomerAuthFlowCallbacks = ({ eventsCallbacks, showAuthFlow, }) => {
     const prevShowAuthFlow = usePrevious.usePrevious(showAuthFlow);

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

@@ -46,11 +46,13 @@ import '../../CaptchaContext/CaptchaContext.js';
 import '../../EmailVerificationContext/EmailVerificationContext.js';
 import 'qrcode';
 import '../../LoadingContext/LoadingContext.js';
+import 'i18next';
 import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import '@dynamic-labs/types';
 import '../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../UserFieldEditorContext/UserFieldEditorContext.js';
+import '../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 
 const useCustomerAuthFlowCallbacks = ({ eventsCallbacks, showAuthFlow, }) => {
     const prevShowAuthFlow = usePrevious(showAuthFlow);

package/src/lib/context/QrCodeContext/QrCodeContext.cjs

@@ -48,11 +48,13 @@ require('../CaptchaContext/CaptchaContext.cjs');
 require('../EmailVerificationContext/EmailVerificationContext.cjs');
 require('qrcode');
 require('../LoadingContext/LoadingContext.cjs');
+require('i18next');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('@dynamic-labs/types');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../UserFieldEditorContext/UserFieldEditorContext.cjs');
+require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var useDefaultQrCode = require('../../utils/hooks/useDefaultQrCode/useDefaultQrCode.cjs');
 
 const QrCodeContext = React.createContext(undefined);

package/src/lib/context/QrCodeContext/QrCodeContext.js

@@ -44,11 +44,13 @@ import '../CaptchaContext/CaptchaContext.js';
 import '../EmailVerificationContext/EmailVerificationContext.js';
 import 'qrcode';
 import '../LoadingContext/LoadingContext.js';
+import 'i18next';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import '@dynamic-labs/types';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../UserFieldEditorContext/UserFieldEditorContext.js';
+import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import { useDefaultQrCode } from '../../utils/hooks/useDefaultQrCode/useDefaultQrCode.js';
 
 const QrCodeContext = createContext(undefined);

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

@@ -51,11 +51,13 @@ require('../CaptchaContext/CaptchaContext.cjs');
 require('../EmailVerificationContext/EmailVerificationContext.cjs');
 require('qrcode');
 require('../LoadingContext/LoadingContext.cjs');
+require('i18next');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('@dynamic-labs/types');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../UserFieldEditorContext/UserFieldEditorContext.cjs');
+require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var SendBalanceModal = require('../../modals/SendBalanceModal/SendBalanceModal.cjs');
 var SendBalanceContext_errors = require('./SendBalanceContext.errors.cjs');
 

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

@@ -47,11 +47,13 @@ import '../CaptchaContext/CaptchaContext.js';
 import '../EmailVerificationContext/EmailVerificationContext.js';
 import 'qrcode';
 import '../LoadingContext/LoadingContext.js';
+import 'i18next';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import '@dynamic-labs/types';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../UserFieldEditorContext/UserFieldEditorContext.js';
+import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import { SendBalanceModal } from '../../modals/SendBalanceModal/SendBalanceModal.js';
 import { noWalletError, invalidWalletTypeError } from './SendBalanceContext.errors.js';
 

package/src/lib/context/SocialRedirectContext/SocialRedirectContext.cjs

@@ -52,11 +52,13 @@ require('../EmailVerificationContext/EmailVerificationContext.cjs');
 require('qrcode');
 require('../LoadingContext/LoadingContext.cjs');
 require('../AccessDeniedContext/AccessDeniedContext.cjs');
+require('i18next');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('@dynamic-labs/types');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../UserFieldEditorContext/UserFieldEditorContext.cjs');
+require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 
 const SocialRedirectContext = React.createContext(undefined);
 const SocialRedirectContextProvider = ({ children, }) => {

package/src/lib/context/SocialRedirectContext/SocialRedirectContext.js

@@ -48,11 +48,13 @@ import '../EmailVerificationContext/EmailVerificationContext.js';
 import 'qrcode';
 import '../LoadingContext/LoadingContext.js';
 import '../AccessDeniedContext/AccessDeniedContext.js';
+import 'i18next';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import '@dynamic-labs/types';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../UserFieldEditorContext/UserFieldEditorContext.js';
+import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 
 const SocialRedirectContext = createContext(undefined);
 const SocialRedirectContextProvider = ({ children, }) => {

package/src/lib/context/UserFieldEditorContext/UserFieldEditorContext.cjs

@@ -52,10 +52,12 @@ require('../CaptchaContext/CaptchaContext.cjs');
 require('../EmailVerificationContext/EmailVerificationContext.cjs');
 require('qrcode');
 require('../LoadingContext/LoadingContext.cjs');
+require('i18next');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('@dynamic-labs/types');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
+require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 
 const UserFieldEditorContext = React.createContext(undefined);
 const UserFieldEditorContextProvider = ({ children, }) => {

package/src/lib/context/UserFieldEditorContext/UserFieldEditorContext.js

@@ -48,10 +48,12 @@ import '../CaptchaContext/CaptchaContext.js';
 import '../EmailVerificationContext/EmailVerificationContext.js';
 import 'qrcode';
 import '../LoadingContext/LoadingContext.js';
+import 'i18next';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import '@dynamic-labs/types';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
+import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 
 const UserFieldEditorContext = createContext(undefined);
 const UserFieldEditorContextProvider = ({ children, }) => {

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

@@ -1,6 +1,6 @@
 import { SetStateAction, Dispatch, PropsWithChildren, FC, MutableRefObject } from 'react';
 import { InternalEventEmitter } from '../DynamicContext/internalEvents';
-export type ViewType = 'captcha' | 'chainalysis-blocked-wallet' | 'collect-user-data' | 'collect-user-data-login-with-email' | 'login-with-email-or-wallet-full-wallet-list' | 'login-with-email-or-wallet' | 'login-with-wallet-only' | 'login-with-email-verification' | 'network-not-supported' | 'network-not-supported-manual' | 'no-access' | 'no-qr-not-installed' | 'pending-connect' | 'pending-signature-without-back-button' | 'pending-signature' | 'qr-code' | 'update-email' | 'verify-email' | 'wallet-connect-mobile-wallets-list' | 'wallet-list' | 'multi-wallet-wallet-list' | 'wallet-sign' | 'wallet-used' | 'wallet-group' | 'wait-for-email-confirmation-view' | 'email-wallet-otp-verification-view' | 'social-redirect-view' | 'wallet-locked-view' | 'social-wrong-account' | 'gate-blocked-wallet' | 'bridge-welcome' | 'bridge-summary' | 'bridge-next-wallet-connection' | 'account-exists' | 'merge-user-accounts' | 'wallet-cannot-be-transferred' | 'passkey-intro';
+export type ViewType = 'captcha' | 'chainalysis-blocked-wallet' | 'collect-user-data' | 'collect-user-data-login-with-email' | 'login-with-email-or-wallet-full-wallet-list' | 'login-with-email-or-wallet' | 'login-with-wallet-only' | 'login-with-email-verification' | 'network-not-supported' | 'network-not-supported-manual' | 'no-access' | 'no-qr-not-installed' | 'pending-connect' | 'pending-signature-without-back-button' | 'pending-signature' | 'qr-code' | 'update-email' | 'verify-email' | 'wallet-connect-mobile-wallets-list' | 'wallet-list' | 'multi-wallet-wallet-list' | 'wallet-sign' | 'wallet-used' | 'wallet-group' | 'wait-for-email-confirmation-view' | 'email-wallet-otp-verification-view' | 'social-redirect-view' | 'wallet-locked-view' | 'social-wrong-account' | 'gate-blocked-wallet' | 'bridge-welcome' | 'bridge-summary' | 'bridge-next-wallet-connection' | 'account-exists' | 'merge-user-accounts' | 'wallet-cannot-be-transferred' | 'passkey-intro' | 'passkey-recovery-start' | 'passkey-recovery-bundle' | 'passkey-recovery-complete';
 export type ViewContextProps = {
     setView: Dispatch<SetStateAction<ViewType>>;
     view: ViewType;

package/src/lib/data/api.cjs

@@ -488,7 +488,42 @@ const createTurnkeyEvmEmbeddedWallet = ({ attestation, challenge, environmentId,
         environmentId,
     });
 });
+const initPasskeyRecovery = ({ walletId, publicKey, environmentId, userJwt, }) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+    return sdkApi(userJwt).initPasskeyRecovery({
+        environmentId,
+        initPasskeyRecoveryRequest: {
+            turnkeyRecoveryTargetPublicKey: publicKey,
+            walletId,
+        },
+    });
+});
+const completePasskeyRecovery = ({ walletId, attestation, challenge, environmentId, userJwt, }) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+    return sdkApi(userJwt).completePasskeyRecovery({
+        completePasskeyRecoveryRequest: {
+            attestation,
+            challenge,
+            walletId,
+        },
+        environmentId,
+    });
+});
+const getUserPasskeys = ({ userJwt, environmentId, }) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+    try {
+        const data = yield sdkApi(userJwt).getUserPasskeys({
+            environmentId,
+        });
+        return data;
+    }
+    catch (e) {
+        logger.logger.error(e);
+        return {
+            count: 0,
+            passkeys: [],
+        };
+    }
+});
 
+exports.completePasskeyRecovery = completePasskeyRecovery;
 exports.createEmailVerification = createEmailVerification;
 exports.createTurnkeyEvmEmbeddedWallet = createTurnkeyEvmEmbeddedWallet;
 exports.createVisit = createVisit;
@@ -498,6 +533,8 @@ exports.fetchProjectSettings = fetchProjectSettings;
 exports.getEmailProvider = getEmailProvider;
 exports.getOAuthResult = getOAuthResult;
 exports.getOnrampProviders = getOnrampProviders;
+exports.getUserPasskeys = getUserPasskeys;
+exports.initPasskeyRecovery = initPasskeyRecovery;
 exports.linkWallet = linkWallet;
 exports.mapAuthModeTypeToEnum = mapAuthModeTypeToEnum;
 exports.mapChainToChainEnum = mapChainToChainEnum;

package/src/lib/data/api.d.ts

@@ -78,3 +78,23 @@ export type CreateTurnkeyEvmEmbeddedWalletProps = {
     challenge: string;
 };
 export declare const createTurnkeyEvmEmbeddedWallet: ({ attestation, challenge, environmentId, userJwt, }: CreateTurnkeyEvmEmbeddedWalletProps) => Promise<VerifyResponse>;
+export type InitPasskeyRecoveryProps = {
+    userJwt: string;
+    environmentId: string;
+    walletId: string;
+    publicKey: string;
+};
+export declare const initPasskeyRecovery: ({ walletId, publicKey, environmentId, userJwt, }: InitPasskeyRecoveryProps) => Promise<import("@dynamic-labs/sdk-api").InitPasskeyRecoveryResponse>;
+export type CompletePasskeyRecoveryProps = {
+    userJwt: string;
+    environmentId: string;
+    walletId: string;
+    attestation: PasskeyRegistrationCredential;
+    challenge: string;
+};
+export declare const completePasskeyRecovery: ({ walletId, attestation, challenge, environmentId, userJwt, }: CompletePasskeyRecoveryProps) => Promise<VerifyResponse>;
+export type GetUserPasskeysProps = {
+    userJwt: string;
+    environmentId: string;
+};
+export declare const getUserPasskeys: ({ userJwt, environmentId, }: GetUserPasskeysProps) => Promise<import("@dynamic-labs/sdk-api").GetUserPasskeysResponse>;

package/src/lib/data/api.js

@@ -1,6 +1,6 @@
 import { __awaiter } from '../../../_virtual/_tslib.js';
 import { NoAccessError, AccountExistsError, EmailVerificationError, UserHasAccountWithEmailError, DynamicError, EmailAlreadyExistsError, UsernameAlreadyExistsError, EmailProviderError, WalletUsedError, WalletNotDeployedError, ChainalysisError, GateBlockedError, SocialAccountAlreadyExistsError } from '@dynamic-labs/utils';
-import { UnprocessableEntityErrorCode, ChainEnum, EmbeddedWalletProviderEnum, SDKApi, Configuration, VerifyRequestFromJSON, WalletProviderEnum, AuthModeEnum } from '@dynamic-labs/sdk-api';
+import { SDKApi, Configuration, UnprocessableEntityErrorCode, ChainEnum, EmbeddedWalletProviderEnum, VerifyRequestFromJSON, WalletProviderEnum, AuthModeEnum } from '@dynamic-labs/sdk-api';
 import { VERSION, API_VERSION } from '../../version.js';
 import ApiEndpoint from '../config/ApiEndpoint.js';
 import { logger } from '../shared/logger.js';
@@ -484,5 +484,39 @@ const createTurnkeyEvmEmbeddedWallet = ({ attestation, challenge, environmentId,
         environmentId,
     });
 });
+const initPasskeyRecovery = ({ walletId, publicKey, environmentId, userJwt, }) => __awaiter(void 0, void 0, void 0, function* () {
+    return sdkApi(userJwt).initPasskeyRecovery({
+        environmentId,
+        initPasskeyRecoveryRequest: {
+            turnkeyRecoveryTargetPublicKey: publicKey,
+            walletId,
+        },
+    });
+});
+const completePasskeyRecovery = ({ walletId, attestation, challenge, environmentId, userJwt, }) => __awaiter(void 0, void 0, void 0, function* () {
+    return sdkApi(userJwt).completePasskeyRecovery({
+        completePasskeyRecoveryRequest: {
+            attestation,
+            challenge,
+            walletId,
+        },
+        environmentId,
+    });
+});
+const getUserPasskeys = ({ userJwt, environmentId, }) => __awaiter(void 0, void 0, void 0, function* () {
+    try {
+        const data = yield sdkApi(userJwt).getUserPasskeys({
+            environmentId,
+        });
+        return data;
+    }
+    catch (e) {
+        logger.error(e);
+        return {
+            count: 0,
+            passkeys: [],
+        };
+    }
+});
 
-export { createEmailVerification, createTurnkeyEvmEmbeddedWallet, createVisit, fetchNetworkSettings, fetchNonce, fetchProjectSettings, getEmailProvider, getOAuthResult, getOnrampProviders, linkWallet, mapAuthModeTypeToEnum, mapChainToChainEnum, mapProviderToProviderEnum, mergeUserAccounts, retryEmailVerification, revokeSession, sendDynamicProps, signInOAuth, signInWithEmailVerification, transferWallet, unlinkOAuth, unlinkWallet, updateUserProfileFields, verifyEmail, verifyOAuth, verifyWallet };
+export { completePasskeyRecovery, createEmailVerification, createTurnkeyEvmEmbeddedWallet, createVisit, fetchNetworkSettings, fetchNonce, fetchProjectSettings, getEmailProvider, getOAuthResult, getOnrampProviders, getUserPasskeys, initPasskeyRecovery, linkWallet, mapAuthModeTypeToEnum, mapChainToChainEnum, mapProviderToProviderEnum, mergeUserAccounts, retryEmailVerification, revokeSession, sendDynamicProps, signInOAuth, signInWithEmailVerification, transferWallet, unlinkOAuth, unlinkWallet, updateUserProfileFields, verifyEmail, verifyOAuth, verifyWallet };

package/src/lib/layout/DynamicAuthLayout/DynamicAuthLayout.cjs

@@ -48,6 +48,7 @@ require('../../context/EmailVerificationContext/EmailVerificationContext.cjs');
 require('qrcode');
 require('../../context/QrCodeContext/QrCodeContext.cjs');
 require('../../context/LoadingContext/LoadingContext.cjs');
+require('i18next');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('yup');
 require('../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
@@ -58,6 +59,7 @@ require('formik');
 require('../../context/MockContext/MockContext.cjs');
 require('../../components/IconButton/IconButton.cjs');
 require('../../components/Alert/Alert.cjs');
+require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var VerticalAccordion = require('../../components/Accordion/components/VerticalAccordion/VerticalAccordion.cjs');
 var AccordionItem = require('../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
 require('../../components/Popper/Popper/Popper.cjs');

package/src/lib/layout/DynamicAuthLayout/DynamicAuthLayout.js

@@ -44,6 +44,7 @@ import '../../context/EmailVerificationContext/EmailVerificationContext.js';
 import 'qrcode';
 import '../../context/QrCodeContext/QrCodeContext.js';
 import '../../context/LoadingContext/LoadingContext.js';
+import 'i18next';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import 'yup';
 import '../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
@@ -54,6 +55,7 @@ import 'formik';
 import '../../context/MockContext/MockContext.js';
 import '../../components/IconButton/IconButton.js';
 import '../../components/Alert/Alert.js';
+import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import { VerticalAccordion } from '../../components/Accordion/components/VerticalAccordion/VerticalAccordion.js';
 import { AccordionItem } from '../../components/Accordion/components/AccordionItem/AccordionItem.js';
 import '../../components/Popper/Popper/Popper.js';

package/src/lib/layout/DynamicAuthLayout/Header/header.cjs

@@ -48,6 +48,7 @@ require('../../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../../context/EmailVerificationContext/EmailVerificationContext.cjs');
 require('qrcode');
 require('../../../context/LoadingContext/LoadingContext.cjs');
+require('i18next');
 require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('yup');
 require('../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
@@ -59,6 +60,7 @@ require('../../../context/MockContext/MockContext.cjs');
 var ModalHeader = require('../../../components/ModalHeader/ModalHeader.cjs');
 var IconButton = require('../../../components/IconButton/IconButton.cjs');
 require('../../../components/Alert/Alert.cjs');
+require('../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../../components/Popper/Popper/Popper.cjs');
 require('../../../components/Popper/PopperContext/PopperContext.cjs');
 require('../../../components/InlineWidget/InlineWidget.cjs');