@dynamic-labs/sdk-react-core 0.17.0-RC.17 → 0.17.0-RC.18

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

@@ -87,17 +87,16 @@ const useWalletEventListeners = ({ computeConnectedStateForWallets, handleLogOut
         primaryWallet.connector.setupEventListeners({
             onAccountChange: (accounts) => __awaiter(void 0, void 0, void 0, function* () {
                 const [newAddress] = accounts;
-                yield computeConnectedStateForWallets();
                 const newWallet = secondaryWallets.find((wallet) => isSameAddress(wallet.address, newAddress, wallet.chain));
                 if (isSameAddress(newAddress, primaryWallet.address, primaryWallet.chain)) {
                     setMultiWalletWidgetState('idle');
                 }
                 else if (!multiWallet) {
                     yield handleLogOut();
+                    return;
                 }
                 else if (multiWalletWidgetState === 'awaiting_account_switch') {
                     handleAccountChangeWhenAwaitingAccountSwitch(true, newAddress);
-                    yield computeConnectedStateForWallets();
                 }
                 else if (multiWalletWidgetState === 'idle' && newWallet) {
                     setPrimaryWalletId(newWallet.id);
@@ -106,6 +105,7 @@ const useWalletEventListeners = ({ computeConnectedStateForWallets, handleLogOut
                     if (user) {
                         setMultiWalletWidgetState('detected_new_wallet');
                         setSelectedWalletConnector(primaryWallet.connector);
+                        yield computeConnectedStateForWallets();
                         return;
                     }
                     connectWalletByAddressAndChain(primaryWallet.connector.name, newAddress, primaryWallet.chain);
@@ -114,9 +114,9 @@ const useWalletEventListeners = ({ computeConnectedStateForWallets, handleLogOut
                     logger.error(`Unexpected multiWalletWidgetState (${multiWalletWidgetState}) and onAccountChange combination. Resetting state to idle.`);
                     setMultiWalletWidgetState('idle');
                 }
+                yield computeConnectedStateForWallets();
             }),
             onChainChange: (chain) => __awaiter(void 0, void 0, void 0, function* () {
-                /* istanbul ignore next */
                 setNetwork(parseInt(chain));
             }),
             onDisconnect: handleLogOut,
@@ -133,6 +133,7 @@ const useWalletEventListeners = ({ computeConnectedStateForWallets, handleLogOut
         secondaryWallets,
         setSelectedWalletConnector,
         handleAccountChangeWhenAwaitingAccountSwitch,
+        setPrimaryWalletId,
     ]);
     const addSecondaryWalletEventListeners = useCallback((seen) => {
         const secondaryListeners = {

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

@@ -18,9 +18,9 @@ require('react/jsx-runtime');
 require('react');
 require('ethers');
 var requiresTwoStepAuthentication = require('../../functions/requiresTwoStepAuthentication/requiresTwoStepAuthentication.cjs');
+require('../../../shared/consts/index.cjs');
 var useConnectAndSign = require('../authenticationHooks/useConnectAndSign/useConnectAndSign.cjs');
 require('../../../config/ApiEndpoint.cjs');
-require('../../../shared/consts/index.cjs');
 var useConnectAndSignSplitSteps = require('../authenticationHooks/useConnectAndSignSplitSteps/useConnectAndSignSplitSteps.cjs');
 var isSelectedWalletAlreadyConnected = require('../../functions/isSelectedWalletAlreadyConnected/isSelectedWalletAlreadyConnected.cjs');
 

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

@@ -14,9 +14,9 @@ import 'react/jsx-runtime';
 import 'react';
 import 'ethers';
 import { requiresTwoStepAuthentication } from '../../functions/requiresTwoStepAuthentication/requiresTwoStepAuthentication.js';
+import '../../../shared/consts/index.js';
 import { useConnectAndSign } from '../authenticationHooks/useConnectAndSign/useConnectAndSign.js';
 import '../../../config/ApiEndpoint.js';
-import '../../../shared/consts/index.js';
 import { useConnectAndSignSplitSteps } from '../authenticationHooks/useConnectAndSignSplitSteps/useConnectAndSignSplitSteps.js';
 import { isSelectedWalletAlreadyConnected } from '../../functions/isSelectedWalletAlreadyConnected/isSelectedWalletAlreadyConnected.js';
 

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

@@ -8,40 +8,42 @@ var React = require('react');
 var SignMessageConfirmationModal = require('../../../modals/SignMessageConfirmationModal/SignMessageConfirmationModal.cjs');
 var TransactionConfirmationModal = require('../../../modals/TransactionConfirmationModal/TransactionConfirmationModal.cjs');
 var useConfirmationModal = require('../useConfirmationModal/useConfirmationModal.cjs');
-require('../../constants/colors.cjs');
-require('@dynamic-labs/multi-wallet');
-require('@dynamic-labs/utils');
-var getAuthToken = require('../../functions/getAuthToken/getAuthToken.cjs');
-require('@dynamic-labs/wallet-connector-core');
-require('@dynamic-labs/sdk-api');
 
 const useWalletUiUtils = ({ appLogoUrl, appName, getAppOrigin, }) => {
-    const fakeSignerRef = React.useRef('disabled');
+    const confirmationStateRef = React.useRef('enabled');
     const { modal: sendTransactionModal, open: openSendTransaction } = useConfirmationModal.useConfirmationModal({
         elementId: 'dynamic-send-transaction',
     });
     const { modal, open: openSignMessage } = useConfirmationModal.useConfirmationModal({
         elementId: 'dynamic-sign-message',
     });
+    const shouldConfirmAction = React.useCallback(() => {
+        if (confirmationStateRef.current === 'disabled') {
+            confirmationStateRef.current = 'enabled';
+            return false;
+        }
+        return true;
+    }, [confirmationStateRef]);
     const signMessage = React.useCallback(({ message, handler }) => {
-        const jwt = getAuthToken.getAuthToken();
-        if (!jwt && fakeSignerRef.current === 'enabled') {
-            fakeSignerRef.current = 'disabled';
+        if (!shouldConfirmAction()) {
             return handler(message);
         }
         return openSignMessage((resolve, reject) => (jsxRuntime.jsx(SignMessageConfirmationModal.SignMessageConfirmationModal, { appLogoUrl: appLogoUrl, appName: appName, appOrigin: getAppOrigin(), message: message, handler: handler, onSignMessage: resolve, onReject: reject })));
-    }, [appLogoUrl, appName, getAppOrigin, openSignMessage]);
+    }, [appLogoUrl, appName, getAppOrigin, openSignMessage, shouldConfirmAction]);
     const sendTransaction = React.useCallback(({ transaction, handler, provider }) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        return openSendTransaction((resolve, reject) => (jsxRuntime.jsx(TransactionConfirmationModal.TransactionConfirmationModal, { title: 'Send Transaction', appLogoUrl: appLogoUrl, appName: appName, appOrigin: getAppOrigin(), transaction: transaction, handler: handler, onTransactionResponseSuccess: resolve, onReject: reject, provider: provider })));
-    }), [appLogoUrl, appName, getAppOrigin, openSendTransaction]);
-    const enableInternalSign = React.useCallback(() => {
-        fakeSignerRef.current = 'enabled';
+        if (!shouldConfirmAction()) {
+            return handler(transaction);
+        }
+        return openSendTransaction((resolve, reject) => (jsxRuntime.jsx(TransactionConfirmationModal.TransactionConfirmationModal, { title: 'Send Transaction', transaction: transaction, handler: handler, onTransactionResponseSuccess: resolve, onReject: reject, provider: provider })));
+    }), [openSendTransaction, shouldConfirmAction]);
+    const disabledConfirmationOnce = React.useCallback(() => {
+        confirmationStateRef.current = 'disabled';
     }, []);
     const walletUiUtils = React.useMemo(() => ({
-        enableInternalSign,
+        disabledConfirmationOnce,
         sendTransaction,
         signMessage,
-    }), [signMessage, enableInternalSign, sendTransaction]);
+    }), [signMessage, disabledConfirmationOnce, sendTransaction]);
     return React.useMemo(() => [modal || sendTransactionModal, walletUiUtils], [modal, sendTransactionModal, walletUiUtils]);
 };
 

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

@@ -4,40 +4,42 @@ import { useRef, useCallback, useMemo } from 'react';
 import { SignMessageConfirmationModal } from '../../../modals/SignMessageConfirmationModal/SignMessageConfirmationModal.js';
 import { TransactionConfirmationModal } from '../../../modals/TransactionConfirmationModal/TransactionConfirmationModal.js';
 import { useConfirmationModal } from '../useConfirmationModal/useConfirmationModal.js';
-import '../../constants/colors.js';
-import '@dynamic-labs/multi-wallet';
-import '@dynamic-labs/utils';
-import { getAuthToken } from '../../functions/getAuthToken/getAuthToken.js';
-import '@dynamic-labs/wallet-connector-core';
-import '@dynamic-labs/sdk-api';
 
 const useWalletUiUtils = ({ appLogoUrl, appName, getAppOrigin, }) => {
-    const fakeSignerRef = useRef('disabled');
+    const confirmationStateRef = useRef('enabled');
     const { modal: sendTransactionModal, open: openSendTransaction } = useConfirmationModal({
         elementId: 'dynamic-send-transaction',
     });
     const { modal, open: openSignMessage } = useConfirmationModal({
         elementId: 'dynamic-sign-message',
     });
+    const shouldConfirmAction = useCallback(() => {
+        if (confirmationStateRef.current === 'disabled') {
+            confirmationStateRef.current = 'enabled';
+            return false;
+        }
+        return true;
+    }, [confirmationStateRef]);
     const signMessage = useCallback(({ message, handler }) => {
-        const jwt = getAuthToken();
-        if (!jwt && fakeSignerRef.current === 'enabled') {
-            fakeSignerRef.current = 'disabled';
+        if (!shouldConfirmAction()) {
             return handler(message);
         }
         return openSignMessage((resolve, reject) => (jsx(SignMessageConfirmationModal, { appLogoUrl: appLogoUrl, appName: appName, appOrigin: getAppOrigin(), message: message, handler: handler, onSignMessage: resolve, onReject: reject })));
-    }, [appLogoUrl, appName, getAppOrigin, openSignMessage]);
+    }, [appLogoUrl, appName, getAppOrigin, openSignMessage, shouldConfirmAction]);
     const sendTransaction = useCallback(({ transaction, handler, provider }) => __awaiter(void 0, void 0, void 0, function* () {
-        return openSendTransaction((resolve, reject) => (jsx(TransactionConfirmationModal, { title: 'Send Transaction', appLogoUrl: appLogoUrl, appName: appName, appOrigin: getAppOrigin(), transaction: transaction, handler: handler, onTransactionResponseSuccess: resolve, onReject: reject, provider: provider })));
-    }), [appLogoUrl, appName, getAppOrigin, openSendTransaction]);
-    const enableInternalSign = useCallback(() => {
-        fakeSignerRef.current = 'enabled';
+        if (!shouldConfirmAction()) {
+            return handler(transaction);
+        }
+        return openSendTransaction((resolve, reject) => (jsx(TransactionConfirmationModal, { title: 'Send Transaction', transaction: transaction, handler: handler, onTransactionResponseSuccess: resolve, onReject: reject, provider: provider })));
+    }), [openSendTransaction, shouldConfirmAction]);
+    const disabledConfirmationOnce = useCallback(() => {
+        confirmationStateRef.current = 'disabled';
     }, []);
     const walletUiUtils = useMemo(() => ({
-        enableInternalSign,
+        disabledConfirmationOnce,
         sendTransaction,
         signMessage,
-    }), [signMessage, enableInternalSign, sendTransaction]);
+    }), [signMessage, disabledConfirmationOnce, sendTransaction]);
     return useMemo(() => [modal || sendTransactionModal, walletUiUtils], [modal, sendTransactionModal, walletUiUtils]);
 };
 

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

@@ -2,50 +2,40 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _tslib = require('../../../../../_virtual/_tslib.cjs');
 var React = require('react');
 var data = require('../../../views/WalletList/data.cjs');
 
 const useWallets = ({ projectSettings, appLogoUrl, appName, flowNetwork, networkConfigurations, walletUiUtils, walletConnectorsProp, }) => {
-    const [wallets, setWallets] = React.useState([]);
-    React.useEffect(() => {
-        const getWalletList = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-            if (projectSettings) {
-                const installedWallets = yield data.getInstalledWallets(projectSettings, {
-                    appLogoUrl,
-                    appName,
-                    customerApiProviders: projectSettings.providers || [],
-                    flowNetwork,
-                    networkConfigurations,
-                    skipMemo: true,
-                    walletConnectorsProp: walletConnectorsProp !== null && walletConnectorsProp !== void 0 ? walletConnectorsProp : [],
-                    walletUiUtils,
-                });
-                const notInstalledWallets = yield data.getNotInstalledWallets(projectSettings, {
-                    appLogoUrl,
-                    appName,
-                    customerApiProviders: projectSettings.providers || [],
-                    flowNetwork,
-                    networkConfigurations,
-                    skipMemo: true,
-                    walletConnectorsProp: walletConnectorsProp !== null && walletConnectorsProp !== void 0 ? walletConnectorsProp : [],
-                    walletUiUtils,
-                });
-                const unfilteredWallets = [
-                    ...installedWallets,
-                    ...notInstalledWallets,
-                ];
-                setWallets(unfilteredWallets);
-            }
+    const wallets = React.useMemo(() => {
+        if (!projectSettings)
+            return [];
+        const installedWallets = data.getInstalledWallets(projectSettings, {
+            appLogoUrl,
+            appName,
+            customerApiProviders: projectSettings.providers || [],
+            flowNetwork,
+            networkConfigurations,
+            skipMemo: true,
+            walletConnectorsProp: walletConnectorsProp !== null && walletConnectorsProp !== void 0 ? walletConnectorsProp : [],
+            walletUiUtils,
         });
-        getWalletList();
-    }, 
-    // Cannot include walletUiUtils in the dependency array because it will cause an infinite loop
-    [
-        projectSettings,
+        const notInstalledWallets = data.getNotInstalledWallets(projectSettings, {
+            appLogoUrl,
+            appName,
+            customerApiProviders: projectSettings.providers || [],
+            flowNetwork,
+            networkConfigurations,
+            skipMemo: true,
+            walletConnectorsProp: walletConnectorsProp !== null && walletConnectorsProp !== void 0 ? walletConnectorsProp : [],
+            walletUiUtils,
+        });
+        return [...installedWallets, ...notInstalledWallets];
+        // Cannot include walletUiUtils in the dependency array because it will cause an infinite loop
+    }, [
         appLogoUrl,
         appName,
         networkConfigurations,
+        projectSettings,
         walletConnectorsProp,
         flowNetwork,
     ]);

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

@@ -1,7 +1,6 @@
 import { ProjectSettings } from '@dynamic-labs/sdk-api';
 import { NetworkConfigurationMap, WalletUiUtils } from '@dynamic-labs/types';
 import { WalletConnectorsMethod } from '@dynamic-labs/wallet-connector-core';
-import { WalletOption } from '../../../shared';
 type Props = {
     appLogoUrl?: string;
     appName?: string;
@@ -12,6 +11,6 @@ type Props = {
     walletUiUtils: WalletUiUtils;
 };
 export declare const useWallets: ({ projectSettings, appLogoUrl, appName, flowNetwork, networkConfigurations, walletUiUtils, walletConnectorsProp, }: Props) => {
-    wallets: WalletOption[];
+    wallets: import("../../../shared").WalletOption[];
 };
 export {};

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

@@ -1,47 +1,37 @@
-import { __awaiter } from '../../../../../_virtual/_tslib.js';
-import { useState, useEffect } from 'react';
+import { useMemo } from 'react';
 import { getInstalledWallets, getNotInstalledWallets } from '../../../views/WalletList/data.js';
 
 const useWallets = ({ projectSettings, appLogoUrl, appName, flowNetwork, networkConfigurations, walletUiUtils, walletConnectorsProp, }) => {
-    const [wallets, setWallets] = useState([]);
-    useEffect(() => {
-        const getWalletList = () => __awaiter(void 0, void 0, void 0, function* () {
-            if (projectSettings) {
-                const installedWallets = yield getInstalledWallets(projectSettings, {
-                    appLogoUrl,
-                    appName,
-                    customerApiProviders: projectSettings.providers || [],
-                    flowNetwork,
-                    networkConfigurations,
-                    skipMemo: true,
-                    walletConnectorsProp: walletConnectorsProp !== null && walletConnectorsProp !== void 0 ? walletConnectorsProp : [],
-                    walletUiUtils,
-                });
-                const notInstalledWallets = yield getNotInstalledWallets(projectSettings, {
-                    appLogoUrl,
-                    appName,
-                    customerApiProviders: projectSettings.providers || [],
-                    flowNetwork,
-                    networkConfigurations,
-                    skipMemo: true,
-                    walletConnectorsProp: walletConnectorsProp !== null && walletConnectorsProp !== void 0 ? walletConnectorsProp : [],
-                    walletUiUtils,
-                });
-                const unfilteredWallets = [
-                    ...installedWallets,
-                    ...notInstalledWallets,
-                ];
-                setWallets(unfilteredWallets);
-            }
+    const wallets = useMemo(() => {
+        if (!projectSettings)
+            return [];
+        const installedWallets = getInstalledWallets(projectSettings, {
+            appLogoUrl,
+            appName,
+            customerApiProviders: projectSettings.providers || [],
+            flowNetwork,
+            networkConfigurations,
+            skipMemo: true,
+            walletConnectorsProp: walletConnectorsProp !== null && walletConnectorsProp !== void 0 ? walletConnectorsProp : [],
+            walletUiUtils,
         });
-        getWalletList();
-    }, 
-    // Cannot include walletUiUtils in the dependency array because it will cause an infinite loop
-    [
-        projectSettings,
+        const notInstalledWallets = getNotInstalledWallets(projectSettings, {
+            appLogoUrl,
+            appName,
+            customerApiProviders: projectSettings.providers || [],
+            flowNetwork,
+            networkConfigurations,
+            skipMemo: true,
+            walletConnectorsProp: walletConnectorsProp !== null && walletConnectorsProp !== void 0 ? walletConnectorsProp : [],
+            walletUiUtils,
+        });
+        return [...installedWallets, ...notInstalledWallets];
+        // Cannot include walletUiUtils in the dependency array because it will cause an infinite loop
+    }, [
         appLogoUrl,
         appName,
         networkConfigurations,
+        projectSettings,
         walletConnectorsProp,
         flowNetwork,
     ]);

package/src/lib/views/CaptchaVerifyUser/CaptchaVerifyUser.cjs

@@ -37,6 +37,8 @@ require('../../components/Alert/Alert.cjs');
 var PoweredByDynamic = require('../../components/PoweredByDynamic/PoweredByDynamic.cjs');
 require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
+require('@dynamic-labs/wallet-book');
+require('../../components/SendBalanceForm/SendBalanceForm.cjs');
 var Captcha = require('../../components/Captcha/Captcha.cjs');
 
 const CaptchaVerifyUser = () => {

package/src/lib/views/CaptchaVerifyUser/CaptchaVerifyUser.js

@@ -33,6 +33,8 @@ import '../../components/Alert/Alert.js';
 import { PoweredByDynamic } from '../../components/PoweredByDynamic/PoweredByDynamic.js';
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
+import '@dynamic-labs/wallet-book';
+import '../../components/SendBalanceForm/SendBalanceForm.js';
 import { Captcha } from '../../components/Captcha/Captcha.js';
 
 const CaptchaVerifyUser = () => {

package/src/lib/views/CollectUserDataView/CollectUserDataView.cjs

@@ -39,6 +39,7 @@ require('../../components/Alert/Alert.cjs');
 var ErrorContainer = require('../../components/ErrorContainer/ErrorContainer.cjs');
 require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
+require('../../components/SendBalanceForm/SendBalanceForm.cjs');
 var NetworkPicker = require('../../components/NetworkPicker/NetworkPicker.cjs');
 var UserAddress = require('../../components/UserAddress/UserAddress.cjs');
 var useFetchNameService = require('../../widgets/DynamicWidget/hooks/useFetchNameService/useFetchNameService.cjs');

package/src/lib/views/CollectUserDataView/CollectUserDataView.js

@@ -35,6 +35,7 @@ import '../../components/Alert/Alert.js';
 import { ErrorContainer } from '../../components/ErrorContainer/ErrorContainer.js';
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
+import '../../components/SendBalanceForm/SendBalanceForm.js';
 import { NetworkPicker } from '../../components/NetworkPicker/NetworkPicker.js';
 import { UserAddress } from '../../components/UserAddress/UserAddress.js';
 import { useFetchNameService } from '../../widgets/DynamicWidget/hooks/useFetchNameService/useFetchNameService.js';

package/src/lib/views/CollectUserDataView/OnboardingUserDataForm/OnboardingUserDataForm.cjs

@@ -36,6 +36,8 @@ require('../../../components/IconButton/IconButton.cjs');
 require('../../../components/Alert/Alert.cjs');
 require('../../../components/Popper/Popper/Popper.cjs');
 require('../../../components/Popper/PopperContext/PopperContext.cjs');
+require('@dynamic-labs/wallet-book');
+require('../../../components/SendBalanceForm/SendBalanceForm.cjs');
 var index = require('../UserDataFields/index.cjs');
 var useUserDataForm = require('../../../utils/hooks/useUserDataForm/useUserDataForm.cjs');
 

package/src/lib/views/CollectUserDataView/OnboardingUserDataForm/OnboardingUserDataForm.js

@@ -32,6 +32,8 @@ import '../../../components/IconButton/IconButton.js';
 import '../../../components/Alert/Alert.js';
 import '../../../components/Popper/Popper/Popper.js';
 import '../../../components/Popper/PopperContext/PopperContext.js';
+import '@dynamic-labs/wallet-book';
+import '../../../components/SendBalanceForm/SendBalanceForm.js';
 import { UserDataFields } from '../UserDataFields/index.js';
 import { useUserDataForm } from '../../../utils/hooks/useUserDataForm/useUserDataForm.js';
 

package/src/lib/views/CollectUserDataView/UserDataFields/index.cjs

@@ -38,6 +38,8 @@ require('../../../components/IconButton/IconButton.cjs');
 require('../../../components/Alert/Alert.cjs');
 require('../../../components/Popper/Popper/Popper.cjs');
 require('../../../components/Popper/PopperContext/PopperContext.cjs');
+require('@dynamic-labs/wallet-book');
+require('../../../components/SendBalanceForm/SendBalanceForm.cjs');
 var fieldsConfig = require('../fieldsConfig.cjs');
 var getDisplayErrorMessage = require('./utils/getDisplayErrorMessage/getDisplayErrorMessage.cjs');
 

package/src/lib/views/CollectUserDataView/UserDataFields/index.js

@@ -34,6 +34,8 @@ import '../../../components/IconButton/IconButton.js';
 import '../../../components/Alert/Alert.js';
 import '../../../components/Popper/Popper/Popper.js';
 import '../../../components/Popper/PopperContext/PopperContext.js';
+import '@dynamic-labs/wallet-book';
+import '../../../components/SendBalanceForm/SendBalanceForm.js';
 import { fieldsConfig } from '../fieldsConfig.js';
 import { getDisplayErrorMessage } from './utils/getDisplayErrorMessage/getDisplayErrorMessage.js';
 

package/src/lib/views/CollectUserDataViewLoginWithEmail/CollectUserDataViewLoginWithEmail.cjs

@@ -35,6 +35,8 @@ require('../../components/IconButton/IconButton.cjs');
 require('../../components/Alert/Alert.cjs');
 require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
+require('@dynamic-labs/wallet-book');
+require('../../components/SendBalanceForm/SendBalanceForm.cjs');
 var OnboardingUserDataForm = require('../CollectUserDataView/OnboardingUserDataForm/OnboardingUserDataForm.cjs');
 
 const CollectUserDataViewLoginWithEmail = () => {

package/src/lib/views/CollectUserDataViewLoginWithEmail/CollectUserDataViewLoginWithEmail.js

@@ -31,6 +31,8 @@ import '../../components/IconButton/IconButton.js';
 import '../../components/Alert/Alert.js';
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
+import '@dynamic-labs/wallet-book';
+import '../../components/SendBalanceForm/SendBalanceForm.js';
 import { OnboardingUserDataForm } from '../CollectUserDataView/OnboardingUserDataForm/OnboardingUserDataForm.js';
 
 const CollectUserDataViewLoginWithEmail = () => {

package/src/lib/views/EmailConfirmationWaitingView/EmailConfirmationWaitingView.cjs

@@ -39,6 +39,8 @@ var IconWithSpinner = require('../../components/IconWithSpinner/IconWithSpinner.
 var TosAndPp = require('../../components/TosAndPp/TosAndPp.cjs');
 require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
+require('@dynamic-labs/wallet-book');
+require('../../components/SendBalanceForm/SendBalanceForm.cjs');
 
 const EmailConfirmationWaitingView = () => {
     const { setView } = ViewContext.useViewContext();

package/src/lib/views/EmailConfirmationWaitingView/EmailConfirmationWaitingView.js

@@ -35,6 +35,8 @@ import { IconWithSpinner } from '../../components/IconWithSpinner/IconWithSpinne
 import { TosAndPp } from '../../components/TosAndPp/TosAndPp.js';
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
+import '@dynamic-labs/wallet-book';
+import '../../components/SendBalanceForm/SendBalanceForm.js';
 
 const EmailConfirmationWaitingView = () => {
     const { setView } = useViewContext();

package/src/lib/views/EmailUpdate/EmailUpdate.cjs

@@ -37,6 +37,8 @@ var IconButton = require('../../components/IconButton/IconButton.cjs');
 require('../../components/Alert/Alert.cjs');
 require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
+require('@dynamic-labs/wallet-book');
+require('../../components/SendBalanceForm/SendBalanceForm.cjs');
 var EmailVerificationContext = require('../../context/EmailVerificationContext/EmailVerificationContext.cjs');
 var LoadingContext = require('../../context/LoadingContext/LoadingContext.cjs');
 

package/src/lib/views/EmailUpdate/EmailUpdate.js

@@ -33,6 +33,8 @@ import { IconButton } from '../../components/IconButton/IconButton.js';
 import '../../components/Alert/Alert.js';
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
+import '@dynamic-labs/wallet-book';
+import '../../components/SendBalanceForm/SendBalanceForm.js';
 import { useEmailVerificationContext } from '../../context/EmailVerificationContext/EmailVerificationContext.js';
 import { useLoadingContext } from '../../context/LoadingContext/LoadingContext.js';
 

package/src/lib/views/EmailVerification/EmailVerification.cjs

@@ -45,6 +45,8 @@ var PinField = require('../../components/PinField/PinField.cjs');
 var IconWithStatus = require('../../components/IconWithStatus/IconWithStatus.cjs');
 require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
+require('@dynamic-labs/wallet-book');
+require('../../components/SendBalanceForm/SendBalanceForm.cjs');
 var EmailVerificationContext = require('../../context/EmailVerificationContext/EmailVerificationContext.cjs');
 var LoadingContext = require('../../context/LoadingContext/LoadingContext.cjs');
 var useEmailVerificationRequest = require('../../utils/hooks/authenticationHooks/useEmailVerificationRequest/useEmailVerificationRequest.cjs');

package/src/lib/views/EmailVerification/EmailVerification.js

@@ -41,6 +41,8 @@ import { PinField } from '../../components/PinField/PinField.js';
 import { IconWithStatus } from '../../components/IconWithStatus/IconWithStatus.js';
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
+import '@dynamic-labs/wallet-book';
+import '../../components/SendBalanceForm/SendBalanceForm.js';
 import { useEmailVerificationContext } from '../../context/EmailVerificationContext/EmailVerificationContext.js';
 import { useLoadingContext } from '../../context/LoadingContext/LoadingContext.js';
 import { useEmailVerificationRequest } from '../../utils/hooks/authenticationHooks/useEmailVerificationRequest/useEmailVerificationRequest.js';

package/src/lib/views/EmailWalletOTPVerificationView/EmailWalletOTPVerificationView.cjs

@@ -30,6 +30,8 @@ require('../../components/Alert/Alert.cjs');
 var OTPVerificationView = require('../../components/OTPVerificationView/OTPVerificationView.cjs');
 require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
+require('@dynamic-labs/wallet-book');
+require('../../components/SendBalanceForm/SendBalanceForm.cjs');
 require('../../context/MockContext/MockContext.cjs');
 require('../../context/CaptchaContext/CaptchaContext.cjs');
 var useMutation = require('../../utils/hooks/useMutation/useMutation.cjs');

package/src/lib/views/EmailWalletOTPVerificationView/EmailWalletOTPVerificationView.js

@@ -26,6 +26,8 @@ import '../../components/Alert/Alert.js';
 import { OTPVerificationView } from '../../components/OTPVerificationView/OTPVerificationView.js';
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
+import '@dynamic-labs/wallet-book';
+import '../../components/SendBalanceForm/SendBalanceForm.js';
 import '../../context/MockContext/MockContext.js';
 import '../../context/CaptchaContext/CaptchaContext.js';
 import { useMutation } from '../../utils/hooks/useMutation/useMutation.js';

package/src/lib/views/LoginWithEmailView/components/ListItemButton/ListItemButton.cjs

@@ -36,6 +36,8 @@ var ListTile = require('../../../../components/ListTile/ListTile.cjs');
 require('../../../../components/Alert/Alert.cjs');
 require('../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../components/Popper/PopperContext/PopperContext.cjs');
+require('@dynamic-labs/wallet-book');
+require('../../../../components/SendBalanceForm/SendBalanceForm.cjs');
 var Badge = require('../../../../components/Badge/Badge.cjs');
 
 const ListItemButton = ({ text, onClick, numberOfWallets }) => {

package/src/lib/views/LoginWithEmailView/components/ListItemButton/ListItemButton.js

@@ -32,6 +32,8 @@ import { ListTile } from '../../../../components/ListTile/ListTile.js';
 import '../../../../components/Alert/Alert.js';
 import '../../../../components/Popper/Popper/Popper.js';
 import '../../../../components/Popper/PopperContext/PopperContext.js';
+import '@dynamic-labs/wallet-book';
+import '../../../../components/SendBalanceForm/SendBalanceForm.js';
 import { Badge } from '../../../../components/Badge/Badge.js';
 
 const ListItemButton = ({ text, onClick, numberOfWallets }) => {

package/src/lib/views/LoginWithEmailView/components/LoginWithEmailForm/LoginWithEmailForm.cjs

@@ -32,6 +32,8 @@ require('../../../../components/IconButton/IconButton.cjs');
 require('../../../../components/Alert/Alert.cjs');
 require('../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../components/Popper/PopperContext/PopperContext.cjs');
+require('@dynamic-labs/wallet-book');
+require('../../../../components/SendBalanceForm/SendBalanceForm.cjs');
 var useWalletItemActions = require('../../../../utils/hooks/useWalletItemActions/useWalletItemActions.cjs');
 require('../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');
 var useConnectWithEmail = require('../../../../utils/hooks/useConnectWithEmail/useConnectWithEmail.cjs');

package/src/lib/views/LoginWithEmailView/components/LoginWithEmailForm/LoginWithEmailForm.js

@@ -28,6 +28,8 @@ import '../../../../components/IconButton/IconButton.js';
 import '../../../../components/Alert/Alert.js';
 import '../../../../components/Popper/Popper/Popper.js';
 import '../../../../components/Popper/PopperContext/PopperContext.js';
+import '@dynamic-labs/wallet-book';
+import '../../../../components/SendBalanceForm/SendBalanceForm.js';
 import { useWalletItemActions } from '../../../../utils/hooks/useWalletItemActions/useWalletItemActions.js';
 import '../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
 import { useConnectWithEmail } from '../../../../utils/hooks/useConnectWithEmail/useConnectWithEmail.js';

package/src/lib/views/LoginWithEmailView/components/SocialSignIn/SocialSignIn.cjs

@@ -40,6 +40,8 @@ var IconWithSpinner = require('../../../../components/IconWithSpinner/IconWithSp
 var IconListTile = require('../../../../components/IconListTile/IconListTile.cjs');
 require('../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../components/Popper/PopperContext/PopperContext.cjs');
+require('@dynamic-labs/wallet-book');
+require('../../../../components/SendBalanceForm/SendBalanceForm.cjs');
 var SocialRedirectContext = require('../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 var getSocialIcon = require('../../../../utils/functions/getSocialIcon/getSocialIcon.cjs');
 var OverlayCard = require('../../../../components/OverlayCard/OverlayCard.cjs');

package/src/lib/views/LoginWithEmailView/components/SocialSignIn/SocialSignIn.js

@@ -36,6 +36,8 @@ import { IconWithSpinner } from '../../../../components/IconWithSpinner/IconWith
 import { IconListTile } from '../../../../components/IconListTile/IconListTile.js';
 import '../../../../components/Popper/Popper/Popper.js';
 import '../../../../components/Popper/PopperContext/PopperContext.js';
+import '@dynamic-labs/wallet-book';
+import '../../../../components/SendBalanceForm/SendBalanceForm.js';
 import { useSocialRedirectContext } from '../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import { getSocialIcon } from '../../../../utils/functions/getSocialIcon/getSocialIcon.js';
 import { OverlayCard } from '../../../../components/OverlayCard/OverlayCard.js';