@dynamic-labs/sdk-react-core 0.19.0-alpha.15 → 0.19.0-alpha.17

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

@@ -0,0 +1,34 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('@dynamic-labs/sdk-api');
+var logger = require('../../../shared/logger.cjs');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
+require('react/jsx-runtime');
+require('../../ViewContext/ViewContext.cjs');
+require('react');
+require('@dynamic-labs/wallet-book');
+require('@dynamic-labs/utils');
+require('../../../utils/constants/colors.cjs');
+require('../../../shared/utils/classes/storage/localStorage.cjs');
+require('viem');
+require('../../../shared/consts/index.cjs');
+var getMissingChains = require('../../../utils/functions/getMissingChains/getMissingChains.cjs');
+
+const handleDisconnectWallet = ({ wallet, connectedWalletsInfo, walletsByChain, setWalletsToConnectByChain, eventsCallbacks, }) => {
+    var _a;
+    const missingChains = getMissingChains.getMissingChains(walletsByChain, connectedWalletsInfo);
+    setWalletsToConnectByChain(missingChains);
+    try {
+        (_a = eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onDisconnect) === null || _a === void 0 ? void 0 : _a.call(eventsCallbacks, {
+            walletConnector: wallet.connector,
+        });
+    }
+    catch (error) {
+        logger.logger.warn('Error calling onDisconnect', error);
+    }
+};
+
+exports.handleDisconnectWallet = handleDisconnectWallet;

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

@@ -0,0 +1,13 @@
+import { Dispatch, SetStateAction } from 'react';
+import { DynamicEventsCallbacks, Wallet } from '../../../shared';
+import { ConnectedWalletConnectorType } from '../../../utils/hooks/useConnectWallet/useConnectWallet';
+import { ChainsToConnect } from '../types';
+type HandleDisconnectWalletArgs = {
+    wallet: Wallet;
+    connectedWalletsInfo: ConnectedWalletConnectorType[];
+    walletsByChain: ChainsToConnect[] | undefined;
+    setWalletsToConnectByChain: Dispatch<SetStateAction<ChainsToConnect[] | undefined>>;
+    eventsCallbacks?: DynamicEventsCallbacks;
+};
+export declare const handleDisconnectWallet: ({ wallet, connectedWalletsInfo, walletsByChain, setWalletsToConnectByChain, eventsCallbacks, }: HandleDisconnectWalletArgs) => void;
+export {};

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

@@ -0,0 +1,30 @@
+import '@dynamic-labs/sdk-api';
+import { logger } from '../../../shared/logger.js';
+import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
+import 'react/jsx-runtime';
+import '../../ViewContext/ViewContext.js';
+import 'react';
+import '@dynamic-labs/wallet-book';
+import '@dynamic-labs/utils';
+import '../../../utils/constants/colors.js';
+import '../../../shared/utils/classes/storage/localStorage.js';
+import 'viem';
+import '../../../shared/consts/index.js';
+import { getMissingChains } from '../../../utils/functions/getMissingChains/getMissingChains.js';
+
+const handleDisconnectWallet = ({ wallet, connectedWalletsInfo, walletsByChain, setWalletsToConnectByChain, eventsCallbacks, }) => {
+    var _a;
+    const missingChains = getMissingChains(walletsByChain, connectedWalletsInfo);
+    setWalletsToConnectByChain(missingChains);
+    try {
+        (_a = eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onDisconnect) === null || _a === void 0 ? void 0 : _a.call(eventsCallbacks, {
+            walletConnector: wallet.connector,
+        });
+    }
+    catch (error) {
+        logger.warn('Error calling onDisconnect', error);
+    }
+};
+
+export { handleDisconnectWallet };

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

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

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

@@ -1,10 +1,12 @@
+import { JwtVerifiedCredential } from '@dynamic-labs/sdk-api/src/models/JwtVerifiedCredential';
 import { WalletConnector } from '../../../..';
-import { AuthModeType, OnAuthSuccess, OnBeforeConnectSuccessConfirmation, OnConnectSuccess, OnEmailVerificationFailure, OnEmailVerificationSuccess, OnUserProfileUpdate, UserProfile, Wallet } from '../../../shared/types';
+import { AuthModeType, OnAuthSuccess, OnBeforeConnectSuccessConfirmation, OnConnectSuccess, OnEmailVerificationFailure, OnEmailVerificationSuccess, OnEmbeddedWalletCreated, OnUserProfileUpdate, UserProfile, Wallet } from '../../../shared/types';
 import { IDynamicContext } from '../types';
-export type Callback = 'authSuccess' | 'linkSuccess' | 'emailVerificationSuccess' | 'emailVerificationFailure' | 'userProfileUpdate' | 'connectSuccess' | 'onBeforeConnectSuccessConfirmation';
+export type Callback = 'authSuccess' | 'linkSuccess' | 'emailVerificationSuccess' | 'emailVerificationFailure' | 'userProfileUpdate' | 'connectSuccess' | 'onBeforeConnectSuccessConfirmation' | 'embeddedWalletCreated';
 export type CallbackParams = {
     /** For email verification */
     email: string;
+    verifiedCredential?: JwtVerifiedCredential;
 };
 export type UseCustomerCallbacksArgs = {
     authMode: AuthModeType;
@@ -16,6 +18,7 @@ export type UseCustomerCallbacksArgs = {
         onBeforeConnectSuccessConfirmation?: OnBeforeConnectSuccessConfirmation;
         onLinkSuccess?: OnAuthSuccess;
         onUserProfileUpdate?: OnUserProfileUpdate;
+        onEmbeddedWalletCreated?: OnEmbeddedWalletCreated;
     };
     handleLogOut: () => Promise<void>;
     isAuthenticated: boolean;

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

@@ -19,7 +19,7 @@ require('@dynamic-labs/multi-wallet');
 var getAuthToken = require('../../../utils/functions/getAuthToken/getAuthToken.cjs');
 var isConnectOnly = require('../../../utils/hooks/authenticationHooks/helpers/isConnectOnly.cjs');
 
-const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onLinkSuccess, onUserProfileUpdate, onConnectSuccess, onBeforeConnectSuccessConfirmation, onEmailVerificationFailure, onEmailVerificationSuccess, }, handleLogOut, primaryWallet, selectedWalletConnector, user, isAuthenticated, authMode, setIsVerificationInProgress, }) => {
+const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onLinkSuccess, onUserProfileUpdate, onConnectSuccess, onBeforeConnectSuccessConfirmation, onEmailVerificationFailure, onEmailVerificationSuccess, onEmbeddedWalletCreated, }, handleLogOut, primaryWallet, selectedWalletConnector, user, isAuthenticated, authMode, setIsVerificationInProgress, }) => {
     const [callbackQueue, setCallbackQueue] = React.useState([]);
     const isConnectOnlyAndCallbackIsConnectSuccess = React.useCallback((next) => isConnectOnly.isConnectOnly(user, authMode) &&
         Boolean(primaryWallet) &&
@@ -53,7 +53,7 @@ const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onLinkSuccess, onUse
         setIsVerificationInProgress,
     ]);
     const handleNextCallback = React.useCallback((next, authToken, user) => {
-        var _a, _b, _c, _d;
+        var _a, _b, _c, _d, _e;
         switch (next === null || next === void 0 ? void 0 : next.callback) {
             case 'authSuccess': {
                 try {
@@ -113,6 +113,15 @@ const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onLinkSuccess, onUse
                 catch (e) {
                     logger.logger.error('Error calling userProfileUpdate: ', e);
                 }
+                break;
+            }
+            case 'embeddedWalletCreated': {
+                try {
+                    onEmbeddedWalletCreated === null || onEmbeddedWalletCreated === void 0 ? void 0 : onEmbeddedWalletCreated((_e = next.params) === null || _e === void 0 ? void 0 : _e.verifiedCredential);
+                }
+                catch (e) {
+                    logger.logger.error('Error calling onEmbeddedWalletCreated: ', e);
+                }
             }
         }
     }, [

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

@@ -1,4 +1,4 @@
 import { SetCallbackType, UseCustomerCallbacksArgs } from './types';
-export declare const useCustomerCallbacks: ({ callbacks: { onAuthSuccess, onLinkSuccess, onUserProfileUpdate, onConnectSuccess, onBeforeConnectSuccessConfirmation, onEmailVerificationFailure, onEmailVerificationSuccess, }, handleLogOut, primaryWallet, selectedWalletConnector, user, isAuthenticated, authMode, setIsVerificationInProgress, }: UseCustomerCallbacksArgs) => {
+export declare const useCustomerCallbacks: ({ callbacks: { onAuthSuccess, onLinkSuccess, onUserProfileUpdate, onConnectSuccess, onBeforeConnectSuccessConfirmation, onEmailVerificationFailure, onEmailVerificationSuccess, onEmbeddedWalletCreated, }, handleLogOut, primaryWallet, selectedWalletConnector, user, isAuthenticated, authMode, setIsVerificationInProgress, }: UseCustomerCallbacksArgs) => {
     setCallback: SetCallbackType;
 };

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

@@ -15,7 +15,7 @@ import '@dynamic-labs/multi-wallet';
 import { getAuthToken } from '../../../utils/functions/getAuthToken/getAuthToken.js';
 import { isConnectOnly } from '../../../utils/hooks/authenticationHooks/helpers/isConnectOnly.js';
 
-const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onLinkSuccess, onUserProfileUpdate, onConnectSuccess, onBeforeConnectSuccessConfirmation, onEmailVerificationFailure, onEmailVerificationSuccess, }, handleLogOut, primaryWallet, selectedWalletConnector, user, isAuthenticated, authMode, setIsVerificationInProgress, }) => {
+const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onLinkSuccess, onUserProfileUpdate, onConnectSuccess, onBeforeConnectSuccessConfirmation, onEmailVerificationFailure, onEmailVerificationSuccess, onEmbeddedWalletCreated, }, handleLogOut, primaryWallet, selectedWalletConnector, user, isAuthenticated, authMode, setIsVerificationInProgress, }) => {
     const [callbackQueue, setCallbackQueue] = useState([]);
     const isConnectOnlyAndCallbackIsConnectSuccess = useCallback((next) => isConnectOnly(user, authMode) &&
         Boolean(primaryWallet) &&
@@ -49,7 +49,7 @@ const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onLinkSuccess, onUse
         setIsVerificationInProgress,
     ]);
     const handleNextCallback = useCallback((next, authToken, user) => {
-        var _a, _b, _c, _d;
+        var _a, _b, _c, _d, _e;
         switch (next === null || next === void 0 ? void 0 : next.callback) {
             case 'authSuccess': {
                 try {
@@ -109,6 +109,15 @@ const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onLinkSuccess, onUse
                 catch (e) {
                     logger.error('Error calling userProfileUpdate: ', e);
                 }
+                break;
+            }
+            case 'embeddedWalletCreated': {
+                try {
+                    onEmbeddedWalletCreated === null || onEmbeddedWalletCreated === void 0 ? void 0 : onEmbeddedWalletCreated((_e = next.params) === null || _e === void 0 ? void 0 : _e.verifiedCredential);
+                }
+                catch (e) {
+                    logger.error('Error calling onEmbeddedWalletCreated: ', e);
+                }
             }
         }
     }, [

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

@@ -1,5 +1,5 @@
 import { SetStateAction, Dispatch, PropsWithChildren, FC } from 'react';
-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-success';
+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 ViewContextProps = {
     setView: Dispatch<SetStateAction<ViewType>>;
     view: ViewType;

package/src/lib/locale/en/translation.cjs

@@ -78,11 +78,6 @@ var dyn_passkey_intro = {
 	subtitle: "We use Passkeys to keep your account safe. Passkeys are stored natively on your phone and cannot be accessed by anyone besides you.",
 	title: "Secure your account"
 };
-var dyn_passkey_success = {
-	button: "Continue",
-	subtitle: "That was a bit anticlimactic, we know. In the next page, we’ll explain what just happened.",
-	title: "That's it! You now have a wallet!"
-};
 var dyn_sign_message = {
 	cancel_button: "Cancel",
 	sign_button: "Sign",
@@ -133,7 +128,6 @@ var sdkTranslation = {
 	dyn_network_not_supported_manual_switch: dyn_network_not_supported_manual_switch,
 	dyn_no_access: dyn_no_access,
 	dyn_passkey_intro: dyn_passkey_intro,
-	dyn_passkey_success: dyn_passkey_success,
 	dyn_sign_message: dyn_sign_message,
 	dyn_wallet_conect: dyn_wallet_conect,
 	dyn_wallet_link: dyn_wallet_link,
@@ -152,7 +146,6 @@ exports.dyn_network_not_supported = dyn_network_not_supported;
 exports.dyn_network_not_supported_manual_switch = dyn_network_not_supported_manual_switch;
 exports.dyn_no_access = dyn_no_access;
 exports.dyn_passkey_intro = dyn_passkey_intro;
-exports.dyn_passkey_success = dyn_passkey_success;
 exports.dyn_sign_message = dyn_sign_message;
 exports.dyn_wallet_conect = dyn_wallet_conect;
 exports.dyn_wallet_link = dyn_wallet_link;

package/src/lib/locale/en/translation.js

@@ -74,11 +74,6 @@ var dyn_passkey_intro = {
 	subtitle: "We use Passkeys to keep your account safe. Passkeys are stored natively on your phone and cannot be accessed by anyone besides you.",
 	title: "Secure your account"
 };
-var dyn_passkey_success = {
-	button: "Continue",
-	subtitle: "That was a bit anticlimactic, we know. In the next page, we’ll explain what just happened.",
-	title: "That's it! You now have a wallet!"
-};
 var dyn_sign_message = {
 	cancel_button: "Cancel",
 	sign_button: "Sign",
@@ -129,7 +124,6 @@ var sdkTranslation = {
 	dyn_network_not_supported_manual_switch: dyn_network_not_supported_manual_switch,
 	dyn_no_access: dyn_no_access,
 	dyn_passkey_intro: dyn_passkey_intro,
-	dyn_passkey_success: dyn_passkey_success,
 	dyn_sign_message: dyn_sign_message,
 	dyn_wallet_conect: dyn_wallet_conect,
 	dyn_wallet_link: dyn_wallet_link,
@@ -138,4 +132,4 @@ var sdkTranslation = {
 	dyn_widget: dyn_widget
 };
 
-export { sdkTranslation as default, dyn_account_exists, dyn_active_wallet_info, dyn_chainalysis_blocked_wallet, dyn_connect_button, dyn_login, dyn_network_not_supported, dyn_network_not_supported_manual_switch, dyn_no_access, dyn_passkey_intro, dyn_passkey_success, dyn_sign_message, dyn_wallet_conect, dyn_wallet_link, dyn_wallet_list, dyn_wallet_transfer, dyn_widget };
+export { sdkTranslation as default, dyn_account_exists, dyn_active_wallet_info, dyn_chainalysis_blocked_wallet, dyn_connect_button, dyn_login, dyn_network_not_supported, dyn_network_not_supported_manual_switch, dyn_no_access, dyn_passkey_intro, dyn_sign_message, dyn_wallet_conect, dyn_wallet_link, dyn_wallet_list, dyn_wallet_transfer, dyn_widget };

package/src/lib/shared/types/index.d.ts

@@ -103,10 +103,14 @@ export type OnAuthSuccess = (params: {
 export type OnConnectSuccess = (params: {
     walletConnector: WalletConnector | null;
 }) => void;
+export type OnDisconnect = (params: {
+    walletConnector: WalletConnector;
+}) => void;
 export type OnEmailVerificationSuccess = (email: string) => void;
 export type OnEmailVerificationFailure = (email: string) => void;
 export type OnBeforeConnectSuccessConfirmation = (wallet: Partial<Wallet>) => Promise<boolean>;
 export type OnUserProfileUpdate = (user: UserProfile) => void;
+export type OnEmbeddedWalletCreated = (verifiedCredential: JwtVerifiedCredential | undefined) => void;
 export type MultiWalletWidgetState = 'idle' | 'awaiting_account_switch' | 'awaiting_connection' | 'awaiting_signature' | 'detected_new_wallet';
 export type AccountSwitchState = 'idle' | 'linking_new_wallet' | 'switching_primary' | 'primary_not_connected';
 export type AwaitingSignatureState = 'idle' | 'linking_new_wallet' | 'transferring_wallet';
@@ -153,6 +157,7 @@ export type DynamicEventsCallbacks = {
     onAuthFlowOpen?: () => void;
     onAuthSuccess?: OnAuthSuccess;
     onConnectSuccess?: OnConnectSuccess;
+    onDisconnect?: OnDisconnect;
     onEmailVerificationSuccess?: OnEmailVerificationSuccess;
     onEmailVerificationFailure?: OnEmailVerificationFailure;
     onBeforeConnectSuccessConfirmation?: OnBeforeConnectSuccessConfirmation;
@@ -160,6 +165,7 @@ export type DynamicEventsCallbacks = {
     onLogout?: (user: UserProfile | undefined) => void;
     onUnlinkSuccess?: (unlinkedWallet: JwtVerifiedCredential) => void;
     onUserProfileUpdate?: (user: UserProfile) => void;
+    onEmbeddedWalletCreated?: OnEmbeddedWalletCreated;
 };
 export type AccessDeniedCustomButton = {
     action?: () => void;

package/src/lib/shared/utils/functions/getWalletListItemLabel/getWalletListItemLabel.cjs

@@ -13,7 +13,8 @@ const comingSoonToMultiWalletDesktop = ['MyAlgo'];
 const getLastUsedWalletName = () => localStorage.LocalStorage.getFromLS(localStorage$1.LAST_USED_WALLET);
 const getWalletGroupLabel = (walletGroup) => {
     const lastUsedWalletName = getLastUsedWalletName();
-    const hasNestedLastUsedWallet = walletGroup.groupedWallets.some((walletOption) => walletOption.walletConnector.name === lastUsedWalletName);
+    const hasNestedLastUsedWallet = walletGroup.groupedWallets.some((walletOption) => walletOption.walletConnector.name === lastUsedWalletName ||
+        walletOption.walletConnector.key === lastUsedWalletName);
     if (hasNestedLastUsedWallet) {
         return 'Last used';
     }
@@ -25,13 +26,13 @@ const getWalletGroupLabel = (walletGroup) => {
 };
 const getWalletLabel = (walletOption, usingMultiWallet = false) => {
     const lastUsedWalletName = getLastUsedWalletName();
-    const { name: walletName } = walletOption.walletConnector;
+    const { name: walletName, key: walletKey } = walletOption.walletConnector;
     const isComingSoon = usingMultiWallet &&
         ((utils.isMobile() && comingSoonToMultiWalletMobile.includes(walletName)) ||
             (!utils.isMobile() && comingSoonToMultiWalletDesktop.includes(walletName)));
     if (isComingSoon)
         return 'Coming soon';
-    const isLastUsedWallet = walletName === lastUsedWalletName;
+    const isLastUsedWallet = walletName === lastUsedWalletName || walletKey === lastUsedWalletName;
     if (isLastUsedWallet)
         return 'Last used';
     if (walletOption.isInstalledOnBrowser)

package/src/lib/shared/utils/functions/getWalletListItemLabel/getWalletListItemLabel.js

@@ -9,7 +9,8 @@ const comingSoonToMultiWalletDesktop = ['MyAlgo'];
 const getLastUsedWalletName = () => LocalStorage.getFromLS(LAST_USED_WALLET);
 const getWalletGroupLabel = (walletGroup) => {
     const lastUsedWalletName = getLastUsedWalletName();
-    const hasNestedLastUsedWallet = walletGroup.groupedWallets.some((walletOption) => walletOption.walletConnector.name === lastUsedWalletName);
+    const hasNestedLastUsedWallet = walletGroup.groupedWallets.some((walletOption) => walletOption.walletConnector.name === lastUsedWalletName ||
+        walletOption.walletConnector.key === lastUsedWalletName);
     if (hasNestedLastUsedWallet) {
         return 'Last used';
     }
@@ -21,13 +22,13 @@ const getWalletGroupLabel = (walletGroup) => {
 };
 const getWalletLabel = (walletOption, usingMultiWallet = false) => {
     const lastUsedWalletName = getLastUsedWalletName();
-    const { name: walletName } = walletOption.walletConnector;
+    const { name: walletName, key: walletKey } = walletOption.walletConnector;
     const isComingSoon = usingMultiWallet &&
         ((isMobile() && comingSoonToMultiWalletMobile.includes(walletName)) ||
             (!isMobile() && comingSoonToMultiWalletDesktop.includes(walletName)));
     if (isComingSoon)
         return 'Coming soon';
-    const isLastUsedWallet = walletName === lastUsedWalletName;
+    const isLastUsedWallet = walletName === lastUsedWalletName || walletKey === lastUsedWalletName;
     if (isLastUsedWallet)
         return 'Last used';
     if (walletOption.isInstalledOnBrowser)