@dynamic-labs/sdk-react-core 4.19.5 → 4.19.7

package/src/lib/utils/constants/authViewLayoutChecks.cjs

@@ -122,6 +122,7 @@ const viewsThatHideCloseButton = [
     'mfa-display-backup-codes',
     'mfa-recovery',
     'user-delete-account',
+    'backup-unsuccessful',
 ];
 
 exports.mfaViewsThatPreventModalClose = mfaViewsThatPreventModalClose;

package/src/lib/utils/constants/authViewLayoutChecks.js

@@ -118,6 +118,7 @@ const viewsThatHideCloseButton = [
     'mfa-display-backup-codes',
     'mfa-recovery',
     'user-delete-account',
+    'backup-unsuccessful',
 ];
 
 export { mfaViewsThatPreventModalClose, viewsThatHideCloseButton, viewsThatHideHeader, viewsThatHideHelpContent, viewsThatPreventBorderBelowHeader, viewsThatPreventModalClose, viewsThatShowConnectedWalletProgress, viewsThatShowDynamicFooter, viewsWithWalletListType };

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

@@ -21,7 +21,10 @@ const getSessionInformationExpiration = (session) => {
 /** Returns the spending limit of the session in ETH */
 const getSessionInformationSpendingLimit = (session) => {
     const { limit } = session.session.feeLimit;
-    const ethString = (Number(limit) / Math.pow(10, 18)).toFixed(6);
+    const formatter = new Intl.NumberFormat(undefined, {
+        maximumFractionDigits: 6,
+    });
+    const ethString = formatter.format(Number(limit) / Math.pow(10, 18));
     return `~${ethString} ETH`;
 };
 /** Exports the session information as a JSON string with a helper to process bigints */

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

@@ -17,7 +17,10 @@ const getSessionInformationExpiration = (session) => {
 /** Returns the spending limit of the session in ETH */
 const getSessionInformationSpendingLimit = (session) => {
     const { limit } = session.session.feeLimit;
-    const ethString = (Number(limit) / Math.pow(10, 18)).toFixed(6);
+    const formatter = new Intl.NumberFormat(undefined, {
+        maximumFractionDigits: 6,
+    });
+    const ethString = formatter.format(Number(limit) / Math.pow(10, 18));
     return `~${ethString} ETH`;
 };
 /** Exports the session information as a JSON string with a helper to process bigints */

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

@@ -1,6 +1,6 @@
-import type { OnrampConfiguration } from '@dynamic-labs/sdk-api-core';
+import type { RampConfiguration } from '@dynamic-labs/sdk-api-core';
 import type { OnrampOption } from '../../../context/DynamicContext';
 /**
  * Converts an OnrampConfiguration to an OnrampOption based on the provider's display mode
  */
-export declare const onrampConfigurationToOnrampOption: (provider: OnrampConfiguration) => OnrampOption;
+export declare const onrampConfigurationToOnrampOption: (provider: RampConfiguration) => OnrampOption;

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

@@ -29,29 +29,36 @@ require('../../../locale/locale.cjs');
 var wallets = require('../../../data/api/wallets/wallets.cjs');
 
 const updatePrimaryWalletId = (walletId) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+    var _a;
     primaryWalletId.setPrimaryWalletId(walletId);
     const user$1 = user.getUser();
     if (user$1) {
         const environmentId = dynamicContextProps.getEnvironmentId();
-        // Get the last selected wallet for this user
-        const lastSelectedWalletCredential = user$1.verifiedCredentials.reduce((mostRecentSelectedCredential, credentialToCheck) => {
-            if (credentialToCheck.format !== 'blockchain' ||
-                !credentialToCheck.lastSelectedAt) {
-                return mostRecentSelectedCredential;
+        // We will compare the value of this wallet's lastSelectedAt to the latest
+        // selected credential's lastSelectedAt. If it's the same, we can skip the
+        // /select endpoint. This is to avoid unnecessary calls to the /select
+        // endpoint, which causes an update to the user's JWT.
+        const currentWalletLastSelectedAt = (_a = user$1.verifiedCredentials.find((credential) => credential.id === walletId)) === null || _a === void 0 ? void 0 : _a.lastSelectedAt;
+        if (currentWalletLastSelectedAt) {
+            const lastSelectedWalletCredential = user$1.verifiedCredentials.reduce((mostRecentSelectedCredential, credentialToCheck) => {
+                if (credentialToCheck.format !== 'blockchain' ||
+                    !credentialToCheck.lastSelectedAt) {
+                    return mostRecentSelectedCredential;
+                }
+                if (!mostRecentSelectedCredential ||
+                    !mostRecentSelectedCredential.lastSelectedAt) {
+                    return credentialToCheck;
+                }
+                return credentialToCheck.lastSelectedAt >
+                    mostRecentSelectedCredential.lastSelectedAt
+                    ? credentialToCheck
+                    : mostRecentSelectedCredential;
+            }, null);
+            if ((lastSelectedWalletCredential === null || lastSelectedWalletCredential === void 0 ? void 0 : lastSelectedWalletCredential.lastSelectedAt) &&
+                lastSelectedWalletCredential.lastSelectedAt.getTime() ===
+                    currentWalletLastSelectedAt.getTime()) {
+                return;
             }
-            if (!mostRecentSelectedCredential ||
-                !mostRecentSelectedCredential.lastSelectedAt) {
-                return credentialToCheck;
-            }
-            return credentialToCheck.lastSelectedAt >
-                mostRecentSelectedCredential.lastSelectedAt
-                ? credentialToCheck
-                : mostRecentSelectedCredential;
-        }, null);
-        // No need to select the primary if it's already the last selected wallet
-        if (lastSelectedWalletCredential &&
-            lastSelectedWalletCredential.id === walletId) {
-            return;
         }
         yield wallets.storeSelectedWallet({ environmentId, walletId });
     }

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

@@ -25,29 +25,36 @@ import '../../../locale/locale.js';
 import { storeSelectedWallet } from '../../../data/api/wallets/wallets.js';
 
 const updatePrimaryWalletId = (walletId) => __awaiter(void 0, void 0, void 0, function* () {
+    var _a;
     setPrimaryWalletId(walletId);
     const user = getUser();
     if (user) {
         const environmentId = getEnvironmentId();
-        // Get the last selected wallet for this user
-        const lastSelectedWalletCredential = user.verifiedCredentials.reduce((mostRecentSelectedCredential, credentialToCheck) => {
-            if (credentialToCheck.format !== 'blockchain' ||
-                !credentialToCheck.lastSelectedAt) {
-                return mostRecentSelectedCredential;
+        // We will compare the value of this wallet's lastSelectedAt to the latest
+        // selected credential's lastSelectedAt. If it's the same, we can skip the
+        // /select endpoint. This is to avoid unnecessary calls to the /select
+        // endpoint, which causes an update to the user's JWT.
+        const currentWalletLastSelectedAt = (_a = user.verifiedCredentials.find((credential) => credential.id === walletId)) === null || _a === void 0 ? void 0 : _a.lastSelectedAt;
+        if (currentWalletLastSelectedAt) {
+            const lastSelectedWalletCredential = user.verifiedCredentials.reduce((mostRecentSelectedCredential, credentialToCheck) => {
+                if (credentialToCheck.format !== 'blockchain' ||
+                    !credentialToCheck.lastSelectedAt) {
+                    return mostRecentSelectedCredential;
+                }
+                if (!mostRecentSelectedCredential ||
+                    !mostRecentSelectedCredential.lastSelectedAt) {
+                    return credentialToCheck;
+                }
+                return credentialToCheck.lastSelectedAt >
+                    mostRecentSelectedCredential.lastSelectedAt
+                    ? credentialToCheck
+                    : mostRecentSelectedCredential;
+            }, null);
+            if ((lastSelectedWalletCredential === null || lastSelectedWalletCredential === void 0 ? void 0 : lastSelectedWalletCredential.lastSelectedAt) &&
+                lastSelectedWalletCredential.lastSelectedAt.getTime() ===
+                    currentWalletLastSelectedAt.getTime()) {
+                return;
             }
-            if (!mostRecentSelectedCredential ||
-                !mostRecentSelectedCredential.lastSelectedAt) {
-                return credentialToCheck;
-            }
-            return credentialToCheck.lastSelectedAt >
-                mostRecentSelectedCredential.lastSelectedAt
-                ? credentialToCheck
-                : mostRecentSelectedCredential;
-        }, null);
-        // No need to select the primary if it's already the last selected wallet
-        if (lastSelectedWalletCredential &&
-            lastSelectedWalletCredential.id === walletId) {
-            return;
         }
         yield storeSelectedWallet({ environmentId, walletId });
     }

package/src/lib/utils/hooks/authenticationHooks/useConnectAndSign/unsetInitialWalletVerificationFlag/unsetInitialWalletVerificationFlag.cjs

@@ -14,13 +14,16 @@ var loadingAndLifecycle = require('../../../../../store/state/loadingAndLifecycl
  */
 const UNSET_TIMEOUT = 5500;
 const unsetInitialWalletVerificationFlag = () => {
-    const resolve = () => {
-        loadingAndLifecycle.setIsInitialWalletVerificationInProgress(false);
+    loadingAndLifecycle.setIsInitialWalletVerificationInProgress(false);
+};
+const unsetInitialWalletVerificationFlagWithTimeout = () => {
+    const timeout = setTimeout(() => {
+        unsetInitialWalletVerificationFlag();
         clearTimeout(timeout);
-        dynamicEvents.dynamicEvents.removeListener('walletAdded', resolve);
-    };
-    const timeout = setTimeout(resolve, UNSET_TIMEOUT);
-    dynamicEvents.dynamicEvents.once('walletAdded', resolve);
+        dynamicEvents.dynamicEvents.removeListener('walletAdded', unsetInitialWalletVerificationFlag);
+    }, UNSET_TIMEOUT);
 };
 
+exports.UNSET_TIMEOUT = UNSET_TIMEOUT;
 exports.unsetInitialWalletVerificationFlag = unsetInitialWalletVerificationFlag;
+exports.unsetInitialWalletVerificationFlagWithTimeout = unsetInitialWalletVerificationFlagWithTimeout;

package/src/lib/utils/hooks/authenticationHooks/useConnectAndSign/unsetInitialWalletVerificationFlag/unsetInitialWalletVerificationFlag.d.ts

@@ -1 +1,9 @@
+/**
+ * The max time the SDK will wait before unsetting the initial wallet verification flag.
+ * If the corresponding walletAdded event is triggered before this timeout, the flag will be unset immediately.
+ *
+ * See justification for this in comments where it is being called.
+ */
+export declare const UNSET_TIMEOUT = 5500;
 export declare const unsetInitialWalletVerificationFlag: () => void;
+export declare const unsetInitialWalletVerificationFlagWithTimeout: () => void;

package/src/lib/utils/hooks/authenticationHooks/useConnectAndSign/unsetInitialWalletVerificationFlag/unsetInitialWalletVerificationFlag.js

@@ -10,13 +10,14 @@ import { setIsInitialWalletVerificationInProgress } from '../../../../../store/s
  */
 const UNSET_TIMEOUT = 5500;
 const unsetInitialWalletVerificationFlag = () => {
-    const resolve = () => {
-        setIsInitialWalletVerificationInProgress(false);
+    setIsInitialWalletVerificationInProgress(false);
+};
+const unsetInitialWalletVerificationFlagWithTimeout = () => {
+    const timeout = setTimeout(() => {
+        unsetInitialWalletVerificationFlag();
         clearTimeout(timeout);
-        dynamicEvents.removeListener('walletAdded', resolve);
-    };
-    const timeout = setTimeout(resolve, UNSET_TIMEOUT);
-    dynamicEvents.once('walletAdded', resolve);
+        dynamicEvents.removeListener('walletAdded', unsetInitialWalletVerificationFlag);
+    }, UNSET_TIMEOUT);
 };
 
-export { unsetInitialWalletVerificationFlag };
+export { UNSET_TIMEOUT, unsetInitialWalletVerificationFlag, unsetInitialWalletVerificationFlagWithTimeout };

package/src/lib/utils/hooks/authenticationHooks/useConnectAndSign/useConnectAndSign.cjs

@@ -20,7 +20,7 @@ var localStorage = require('../../../constants/localStorage.cjs');
 require('../../../constants/colors.cjs');
 require('../../../constants/values.cjs');
 require('../../../../shared/consts/index.cjs');
-require('../../../../events/dynamicEvents.cjs');
+var dynamicEvents = require('../../../../events/dynamicEvents.cjs');
 var ErrorContext = require('../../../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
@@ -161,6 +161,7 @@ const useConnectAndSign = ({ shouldUpdateWallets = true, shouldCallCallback = tr
             // Lock the variable that indicates that the login wallet verification is in progress
             // Read UserWalletsContext.tsx explanation for more context
             loadingAndLifecycle.setIsInitialWalletVerificationInProgress(true);
+            dynamicEvents.dynamicEvents.once('walletAdded', unsetInitialWalletVerificationFlag.unsetInitialWalletVerificationFlag);
             yield showPendingConnectView.showPendingConnectView(walletConnector, pushView);
             if (walletConnectorCore.isEmailWalletConnector(walletConnector)) {
                 if (walletConnectorCore.isEmailOTPWalletConnector(walletConnector)) {
@@ -238,7 +239,7 @@ const useConnectAndSign = ({ shouldUpdateWallets = true, shouldCallCallback = tr
             // 2. Add a useEffect somewhere that does primaryWallet.switchNetwork() and depends on primaryWallet
             // 3. The SDK will enter a broken state. Try signing a message with wagmi.
             // You can also add a "pause on exception" breakpoint in the debugger and see what happens during verification.
-            unsetInitialWalletVerificationFlag.unsetInitialWalletVerificationFlag();
+            unsetInitialWalletVerificationFlag.unsetInitialWalletVerificationFlagWithTimeout();
         }
     });
 };

package/src/lib/utils/hooks/authenticationHooks/useConnectAndSign/useConnectAndSign.js

@@ -16,7 +16,7 @@ import { LAST_USED_WALLET } from '../../../constants/localStorage.js';
 import '../../../constants/colors.js';
 import '../../../constants/values.js';
 import '../../../../shared/consts/index.js';
-import '../../../../events/dynamicEvents.js';
+import { dynamicEvents } from '../../../../events/dynamicEvents.js';
 import { useErrorContext } from '../../../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
@@ -34,7 +34,7 @@ import { useHandleWalletsToConnect } from '../../useHandleWalletsToConnect/useHa
 import { useVerifyWallet } from '../../useVerifyWallet/useVerifyWallet.js';
 import { showPendingConnectView } from '../helpers/showPendingConnectView.js';
 import { isConnectOnly } from '../helpers/isConnectOnly.js';
-import { unsetInitialWalletVerificationFlag } from './unsetInitialWalletVerificationFlag/unsetInitialWalletVerificationFlag.js';
+import { unsetInitialWalletVerificationFlag, unsetInitialWalletVerificationFlagWithTimeout } from './unsetInitialWalletVerificationFlag/unsetInitialWalletVerificationFlag.js';
 import '../../../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
 import '../../../functions/compareChains/compareChains.js';
@@ -157,6 +157,7 @@ const useConnectAndSign = ({ shouldUpdateWallets = true, shouldCallCallback = tr
             // Lock the variable that indicates that the login wallet verification is in progress
             // Read UserWalletsContext.tsx explanation for more context
             setIsInitialWalletVerificationInProgress(true);
+            dynamicEvents.once('walletAdded', unsetInitialWalletVerificationFlag);
             yield showPendingConnectView(walletConnector, pushView);
             if (isEmailWalletConnector(walletConnector)) {
                 if (isEmailOTPWalletConnector(walletConnector)) {
@@ -234,7 +235,7 @@ const useConnectAndSign = ({ shouldUpdateWallets = true, shouldCallCallback = tr
             // 2. Add a useEffect somewhere that does primaryWallet.switchNetwork() and depends on primaryWallet
             // 3. The SDK will enter a broken state. Try signing a message with wagmi.
             // You can also add a "pause on exception" breakpoint in the debugger and see what happens during verification.
-            unsetInitialWalletVerificationFlag();
+            unsetInitialWalletVerificationFlagWithTimeout();
         }
     });
 };

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

@@ -76,3 +76,4 @@ export { useAggregateWalletEvents } from './useAggregateWalletEvents';
 export { useDeleteUserAccount } from './useDeleteUserAccount';
 export { useDynamicWaas } from './useDynamicWaas';
 export { useSyncDynamicWaas } from './useSyncDynamicWaas';
+export { useExchangeAccounts } from './useExchangeAccounts';

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

@@ -147,6 +147,10 @@ const useDynamicLayoutData = ({ view }) => {
                 copykey: 'dyn_account_exists.title',
                 heading: t('dyn_account_exists.title'),
             },
+            'backup-unsuccessful': {
+                copykey: 'dyn_waas.backup_unsuccessful.title',
+                heading: t('dyn_waas.backup_unsuccessful.title'),
+            },
             'chainalysis-blocked-wallet': {
                 copykey: 'dyn_chainalysis_blocked_wallet.title',
                 heading: t('dyn_chainalysis_blocked_wallet.title'),

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

@@ -143,6 +143,10 @@ const useDynamicLayoutData = ({ view }) => {
                 copykey: 'dyn_account_exists.title',
                 heading: t('dyn_account_exists.title'),
             },
+            'backup-unsuccessful': {
+                copykey: 'dyn_waas.backup_unsuccessful.title',
+                heading: t('dyn_waas.backup_unsuccessful.title'),
+            },
             'chainalysis-blocked-wallet': {
                 copykey: 'dyn_chainalysis_blocked_wallet.title',
                 heading: t('dyn_chainalysis_blocked_wallet.title'),

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

@@ -7,6 +7,7 @@ var _tslib = require('../../../../../_virtual/_tslib.cjs');
 var React = require('react');
 var sdkApiCore = require('@dynamic-labs/sdk-api-core');
 var utils = require('@dynamic-labs/utils');
+var UserWalletsContext = require('../../../context/UserWalletsContext/UserWalletsContext.cjs');
 require('../../constants/values.cjs');
 require('@dynamic-labs/multi-wallet');
 var getAuthToken = require('../../functions/getAuthToken/getAuthToken.cjs');
@@ -36,7 +37,6 @@ require('../../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../../context/ErrorContext/ErrorContext.cjs');
 require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
-require('../../../context/UserWalletsContext/UserWalletsContext.cjs');
 require('../../../config/ApiEndpoint.cjs');
 require('../../../locale/locale.cjs');
 require('../../../store/state/authMode/authMode.cjs');
@@ -122,6 +122,7 @@ const useDynamicWaas = () => {
     const walletConnectorOptions = walletOptions.useWalletConnectorOptions();
     const refresh = useRefreshUser.useRefreshUser();
     const relayUrl = (_b = (_a = projectSettings$1 === null || projectSettings$1 === void 0 ? void 0 : projectSettings$1.sdk) === null || _a === void 0 ? void 0 : _a.waas) === null || _b === void 0 ? void 0 : _b.relayUrl;
+    const userWallets = UserWalletsContext.useUserWallets();
     const embeddedWalletSettings = projectSettings$1 === null || projectSettings$1 === void 0 ? void 0 : projectSettings$1.sdk.embeddedWallets;
     const enabledChains = (_c = embeddedWalletSettings === null || embeddedWalletSettings === void 0 ? void 0 : embeddedWalletSettings.chainConfigurations) === null || _c === void 0 ? void 0 : _c.filter((c) => c.enabled);
     const primaryChain = enabledChains === null || enabledChains === void 0 ? void 0 : enabledChains.find((chain) => chain.primary);
@@ -225,9 +226,11 @@ const useDynamicWaas = () => {
         });
         yield refresh();
     });
+    const getWaasWallets = React.useCallback(() => userWallets.filter((w) => w.key === 'dynamicwaas'), [userWallets]);
     return {
         createWalletAccount,
         dynamicWaasIsEnabled,
+        getWaasWallets,
         getWalletConnector,
         importPrivateKey,
         shouldAutoCreateDynamicWaasWallet,

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

@@ -14,6 +14,7 @@ export declare const useDynamicWaas: () => {
         rawPublicKey: string | Uint8Array | undefined;
     } | undefined)[]>;
     dynamicWaasIsEnabled: boolean;
+    getWaasWallets: () => import("@dynamic-labs/wallet-connector-core").Wallet<import("@dynamic-labs/wallet-connector-core").WalletConnectorCore.WalletConnector>[];
     getWalletConnector: (chainName: string) => IDynamicWaasConnector | undefined;
     importPrivateKey: ({ chainName, privateKey, }: {
         chainName: string;

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

@@ -3,6 +3,7 @@ import { __awaiter } from '../../../../../_virtual/_tslib.js';
 import { useCallback, useMemo } from 'react';
 import { EmbeddedWalletVersionEnum, JwtVerifiedCredentialFormatEnum, WalletProviderEnum } from '@dynamic-labs/sdk-api-core';
 import { DynamicError } from '@dynamic-labs/utils';
+import { useUserWallets } from '../../../context/UserWalletsContext/UserWalletsContext.js';
 import '../../constants/values.js';
 import '@dynamic-labs/multi-wallet';
 import { getAuthToken } from '../../functions/getAuthToken/getAuthToken.js';
@@ -32,7 +33,6 @@ import '../../../context/CaptchaContext/CaptchaContext.js';
 import '../../../context/ErrorContext/ErrorContext.js';
 import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../context/AccountExistsContext/AccountExistsContext.js';
-import '../../../context/UserWalletsContext/UserWalletsContext.js';
 import '../../../config/ApiEndpoint.js';
 import '../../../locale/locale.js';
 import '../../../store/state/authMode/authMode.js';
@@ -118,6 +118,7 @@ const useDynamicWaas = () => {
     const walletConnectorOptions = useWalletConnectorOptions();
     const refresh = useRefreshUser();
     const relayUrl = (_b = (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _a === void 0 ? void 0 : _a.waas) === null || _b === void 0 ? void 0 : _b.relayUrl;
+    const userWallets = useUserWallets();
     const embeddedWalletSettings = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.embeddedWallets;
     const enabledChains = (_c = embeddedWalletSettings === null || embeddedWalletSettings === void 0 ? void 0 : embeddedWalletSettings.chainConfigurations) === null || _c === void 0 ? void 0 : _c.filter((c) => c.enabled);
     const primaryChain = enabledChains === null || enabledChains === void 0 ? void 0 : enabledChains.find((chain) => chain.primary);
@@ -221,9 +222,11 @@ const useDynamicWaas = () => {
         });
         yield refresh();
     });
+    const getWaasWallets = useCallback(() => userWallets.filter((w) => w.key === 'dynamicwaas'), [userWallets]);
     return {
         createWalletAccount,
         dynamicWaasIsEnabled,
+        getWaasWallets,
         getWalletConnector,
         importPrivateKey,
         shouldAutoCreateDynamicWaasWallet,

package/src/lib/utils/hooks/useExchangeAccounts/index.d.ts

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

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

@@ -0,0 +1,13 @@
+import { Account, CreateExchangeTransferRequest, ExchangeKeyEnum, ExchangeTransferResponse } from '@dynamic-labs/sdk-api-core';
+type Props = {
+    exchange: ExchangeKeyEnum;
+};
+type TransferProps = {
+    exchange: ExchangeKeyEnum;
+    transferRequest: CreateExchangeTransferRequest;
+};
+export declare const useExchangeAccounts: () => {
+    exchangeTransfer: ({ exchange, transferRequest, }: TransferProps) => Promise<ExchangeTransferResponse>;
+    getExchangeUserAccounts: ({ exchange, }: Props) => Promise<Account[]>;
+};
+export {};

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

@@ -10,7 +10,7 @@ var logger = require('../../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
 require('react/jsx-runtime');
-require('../../../context/ViewContext/ViewContext.cjs');
+var ViewContext = require('../../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
 require('@dynamic-labs/utils');
 require('../../constants/colors.cjs');
@@ -101,6 +101,7 @@ var useInternalDynamicContext = require('../../../context/DynamicContext/useDyna
 const useSyncDynamicWaas = () => {
     const { primaryWallet, setShowAuthFlow } = useInternalDynamicContext.useInternalDynamicContext();
     const { loading: globalLoading } = LoadingContext.useLoadingContext();
+    const { clearStackAndPush } = ViewContext.useViewContext();
     const { user: user$1 } = user.useUser();
     const projectSettings$1 = projectSettings.useProjectSettings();
     const walletConnectorOptions = walletOptions.useWalletConnectorOptions();
@@ -119,7 +120,8 @@ const useSyncDynamicWaas = () => {
             }
             catch (error) {
                 logger.logger.error('Error creating dynamic waas wallet', error);
-                setShowAuthFlow(false);
+                setShowAuthFlow(true);
+                clearStackAndPush('backup-unsuccessful');
             }
         });
         const shouldSyncCreateWallet = shouldAutoCreateDynamicWaasWallet && !triggeredCreate.current;

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

@@ -6,7 +6,7 @@ import { logger } from '../../../shared/logger.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import 'react/jsx-runtime';
-import '../../../context/ViewContext/ViewContext.js';
+import { useViewContext } from '../../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
 import '@dynamic-labs/utils';
 import '../../constants/colors.js';
@@ -97,6 +97,7 @@ import { useInternalDynamicContext } from '../../../context/DynamicContext/useDy
 const useSyncDynamicWaas = () => {
     const { primaryWallet, setShowAuthFlow } = useInternalDynamicContext();
     const { loading: globalLoading } = useLoadingContext();
+    const { clearStackAndPush } = useViewContext();
     const { user } = useUser();
     const projectSettings = useProjectSettings();
     const walletConnectorOptions = useWalletConnectorOptions();
@@ -115,7 +116,8 @@ const useSyncDynamicWaas = () => {
             }
             catch (error) {
                 logger.error('Error creating dynamic waas wallet', error);
-                setShowAuthFlow(false);
+                setShowAuthFlow(true);
+                clearStackAndPush('backup-unsuccessful');
             }
         });
         const shouldSyncCreateWallet = shouldAutoCreateDynamicWaasWallet && !triggeredCreate.current;

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

@@ -98,6 +98,7 @@ var SignMessageConfirmationModal = require('../../../modals/SignMessageConfirmat
 var SyncWalletPromptModal = require('../../../modals/SyncWalletPromptModal/SyncWalletPromptModal.cjs');
 var TransactionConfirmationModal = require('../../../modals/TransactionConfirmationModal/TransactionConfirmationModal.cjs');
 var AddNetworkModal = require('../../../modals/AddNetworkModal/AddNetworkModal.cjs');
+var ZkSyncApprovalModal = require('../../../modals/ZkSyncApprovalModal/ZkSyncApprovalModal.cjs');
 
 const useWalletUiUtils = ({ hideEmbeddedWalletTransactionUIs = false, }) => {
     const confirmationStateRef = React.useRef('enabled');
@@ -114,6 +115,9 @@ const useWalletUiUtils = ({ hideEmbeddedWalletTransactionUIs = false, }) => {
     const { modal: addNetworkModal, open: openAddNetwork } = useConfirmationModal.useConfirmationModal({
         elementId: 'dynamic-prompt-to-add-network',
     });
+    const { modal: zkSyncCreateSessionModal, open: openZkSyncCreateSession } = useConfirmationModal.useConfirmationModal({
+        elementId: 'dynamic-zksync-approval',
+    });
     const shouldConfirmAction = React.useCallback(() => {
         if (confirmationStateRef.current === 'disabled') {
             confirmationStateRef.current = 'enabled';
@@ -174,6 +178,9 @@ const useWalletUiUtils = ({ hideEmbeddedWalletTransactionUIs = false, }) => {
     const addNetwork = React.useCallback((_c) => _tslib.__awaiter(void 0, [_c], void 0, function* ({ handler, network, walletConnector }) {
         yield openAddNetwork((resolve) => (jsxRuntime.jsx(AddNetworkModal.AddNetworkModal, { network: network, walletConnector: walletConnector, onCancel: resolve, onNetworkAdded: resolve, addNetworkMutation: handler })));
     }), [openAddNetwork]);
+    const zkSyncCreateSession = React.useCallback((_d) => _tslib.__awaiter(void 0, [_d], void 0, function* ({ session: sessionConfig }) {
+        return yield openZkSyncCreateSession((resolve, reject) => (jsxRuntime.jsx(ZkSyncApprovalModal.ZkSyncApprovalModal, { session: sessionConfig, onCancel: reject, onApproved: () => resolve(true) })));
+    }), [openZkSyncCreateSession]);
     const disabledConfirmationOnce = React.useCallback(() => {
         confirmationStateRef.current = 'disabled';
     }, []);
@@ -184,6 +191,7 @@ const useWalletUiUtils = ({ hideEmbeddedWalletTransactionUIs = false, }) => {
         signMessage,
         signTransaction,
         syncWallet,
+        zkSyncCreateSession,
     }), [
         signMessage,
         signTransaction,
@@ -191,18 +199,21 @@ const useWalletUiUtils = ({ hideEmbeddedWalletTransactionUIs = false, }) => {
         sendTransaction,
         syncWallet,
         addNetwork,
+        zkSyncCreateSession,
     ]);
     return React.useMemo(() => [
         signMessageModal ||
             sendTransactionModal ||
             syncWalletPromptModal ||
-            addNetworkModal,
+            addNetworkModal ||
+            zkSyncCreateSessionModal,
         walletUiUtils,
     ], [
         signMessageModal,
         sendTransactionModal,
         syncWalletPromptModal,
         addNetworkModal,
+        zkSyncCreateSessionModal,
         walletUiUtils,
     ]);
 };

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

@@ -94,6 +94,7 @@ import { SignMessageConfirmationModal } from '../../../modals/SignMessageConfirm
 import { SyncWalletPromptModal } from '../../../modals/SyncWalletPromptModal/SyncWalletPromptModal.js';
 import { TransactionConfirmationModal } from '../../../modals/TransactionConfirmationModal/TransactionConfirmationModal.js';
 import { AddNetworkModal } from '../../../modals/AddNetworkModal/AddNetworkModal.js';
+import { ZkSyncApprovalModal } from '../../../modals/ZkSyncApprovalModal/ZkSyncApprovalModal.js';
 
 const useWalletUiUtils = ({ hideEmbeddedWalletTransactionUIs = false, }) => {
     const confirmationStateRef = useRef('enabled');
@@ -110,6 +111,9 @@ const useWalletUiUtils = ({ hideEmbeddedWalletTransactionUIs = false, }) => {
     const { modal: addNetworkModal, open: openAddNetwork } = useConfirmationModal({
         elementId: 'dynamic-prompt-to-add-network',
     });
+    const { modal: zkSyncCreateSessionModal, open: openZkSyncCreateSession } = useConfirmationModal({
+        elementId: 'dynamic-zksync-approval',
+    });
     const shouldConfirmAction = useCallback(() => {
         if (confirmationStateRef.current === 'disabled') {
             confirmationStateRef.current = 'enabled';
@@ -170,6 +174,9 @@ const useWalletUiUtils = ({ hideEmbeddedWalletTransactionUIs = false, }) => {
     const addNetwork = useCallback((_c) => __awaiter(void 0, [_c], void 0, function* ({ handler, network, walletConnector }) {
         yield openAddNetwork((resolve) => (jsx(AddNetworkModal, { network: network, walletConnector: walletConnector, onCancel: resolve, onNetworkAdded: resolve, addNetworkMutation: handler })));
     }), [openAddNetwork]);
+    const zkSyncCreateSession = useCallback((_d) => __awaiter(void 0, [_d], void 0, function* ({ session: sessionConfig }) {
+        return yield openZkSyncCreateSession((resolve, reject) => (jsx(ZkSyncApprovalModal, { session: sessionConfig, onCancel: reject, onApproved: () => resolve(true) })));
+    }), [openZkSyncCreateSession]);
     const disabledConfirmationOnce = useCallback(() => {
         confirmationStateRef.current = 'disabled';
     }, []);
@@ -180,6 +187,7 @@ const useWalletUiUtils = ({ hideEmbeddedWalletTransactionUIs = false, }) => {
         signMessage,
         signTransaction,
         syncWallet,
+        zkSyncCreateSession,
     }), [
         signMessage,
         signTransaction,
@@ -187,18 +195,21 @@ const useWalletUiUtils = ({ hideEmbeddedWalletTransactionUIs = false, }) => {
         sendTransaction,
         syncWallet,
         addNetwork,
+        zkSyncCreateSession,
     ]);
     return useMemo(() => [
         signMessageModal ||
             sendTransactionModal ||
             syncWalletPromptModal ||
-            addNetworkModal,
+            addNetworkModal ||
+            zkSyncCreateSessionModal,
         walletUiUtils,
     ], [
         signMessageModal,
         sendTransactionModal,
         syncWalletPromptModal,
         addNetworkModal,
+        zkSyncCreateSessionModal,
         walletUiUtils,
     ]);
 };