@dynamic-labs/sdk-react-core 3.4.0 → 3.4.2

package/src/lib/utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/useTurnkey/useTurnkey.js

@@ -94,17 +94,26 @@ const useTurnkey = () => {
     const { createDynamicEmbeddedWalletMutation } = useCreateDynamicEmbeddedWalletMutation();
     const { getEOAWallet } = useSmartWallets();
     const startHeadlessEmbeddedWalletCreationFlow = useCallback((chains, options) => __awaiter(void 0, void 0, void 0, function* () {
-        yield createDynamicEmbeddedWalletMutation({
-            chains,
-            environmentId,
-            options,
-            walletConnectorOptions,
-            withAuthenticator: false,
-        });
-        setShowAuthFlow(false, { performMultiWalletChecks: false }); // close email otp pin modal
         return new Promise((resolve, reject) => {
-            dynamicEvents.once('embeddedWalletCreated', (wallet) => resolve(wallet));
+            // register the event listeners before calling create embedded wallet
+            // as the event might fire before the listeners are registered.
+            dynamicEvents.once('embeddedWalletCreated', (wallet) => {
+                resolve(wallet);
+            });
             dynamicEvents.once('embeddedWalletFailed', (error) => reject(error));
+            createDynamicEmbeddedWalletMutation({
+                chains,
+                environmentId,
+                options,
+                walletConnectorOptions,
+                withAuthenticator: false,
+            })
+                .then(() => {
+                setShowAuthFlow(false, { performMultiWalletChecks: false }); // close email otp pin modal
+            })
+                .catch((error) => {
+                reject(error);
+            });
         });
     }), [
         createDynamicEmbeddedWalletMutation,
@@ -180,7 +189,10 @@ const useTurnkey = () => {
         const isManualMode = ((_c = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.embeddedWallets) === null || _c === void 0 ? void 0 : _c.automaticEmbeddedWalletCreation) === false;
         const shouldCreateV2WalletsByDefault = ((_d = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.embeddedWallets) === null || _d === void 0 ? void 0 : _d.defaultWalletVersion) ===
             EmbeddedWalletVersionEnum.V2;
-        const embeddedWalletVerifiedCredential = findEmbeddedWalletFromVerifiedCredentials(user, chains);
+        const primaryChain = findPrimaryEmbeddedChain(projectSettings);
+        // if embedded wallet already exists
+        // get the one with the primary chain if `chains` is undefined
+        const embeddedWalletVerifiedCredential = findEmbeddedWalletFromVerifiedCredentials(user, chains !== null && chains !== void 0 ? chains : [primaryChain]);
         const userWalletsCredentials = getUserWalletsFromVerifiedCredentials(user);
         // If the user doesn't have a wallet, or if the customer is in Manual
         // Mode, we should attempt to create a new wallet. Note that if in manual
@@ -207,7 +219,7 @@ const useTurnkey = () => {
             if (embeddedWalletVerifiedCredential &&
                 user.newUser &&
                 ((_f = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.embeddedWallets) === null || _f === void 0 ? void 0 : _f.automaticEmbeddedWalletCreation)) {
-                const walletConnector = findPasskeyEmailWalletConnector(walletConnectorOptions, findPrimaryEmbeddedChain(projectSettings));
+                const walletConnector = findPasskeyEmailWalletConnector(walletConnectorOptions, primaryChain);
                 if (!walletConnector) {
                     throw new Error('Could not find the embedded wallet connector');
                 }

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

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

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

@@ -0,0 +1,63 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+const useNetworkConfigurationsFromProjectSettings = ({ projectSettings, cosmosNetworkOverrides, evmNetworksOverrides, }) => React.useMemo(() => {
+    var _a, _b, _c, _d;
+    const networks = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.networks;
+    if (!networks)
+        return {};
+    const evm = networks.find((configurations) => configurations.chainName === 'evm');
+    const solana = networks.find((configurations) => configurations.chainName === 'solana');
+    const cosmos = networks.find((configurations) => configurations.chainName === 'cosmos');
+    const starknet = networks.find((configurations) => configurations.chainName === 'starknet');
+    let cosmosNetworks = (_a = cosmos === null || cosmos === void 0 ? void 0 : cosmos.networks) === null || _a === void 0 ? void 0 : _a.map((net) => createNetwork(net, parseInt));
+    cosmosNetworks = overrideNetworks(cosmosNetworkOverrides, cosmosNetworks);
+    let evmNetworks = (_b = evm === null || evm === void 0 ? void 0 : evm.networks) === null || _b === void 0 ? void 0 : _b.map((net) => createNetwork(net, parseInt));
+    evmNetworks = overrideNetworks(evmNetworksOverrides, evmNetworks);
+    const starknetNetworks = (_c = starknet === null || starknet === void 0 ? void 0 : starknet.networks) === null || _c === void 0 ? void 0 : _c.map((net) => createNetwork(net));
+    const solanaNetworks = (_d = solana === null || solana === void 0 ? void 0 : solana.networks) === null || _d === void 0 ? void 0 : _d.map((net) => createNetwork(net));
+    if (evmNetworksOverrides) {
+        if (Array.isArray(evmNetworksOverrides)) {
+            evmNetworks = evmNetworksOverrides;
+        }
+        else {
+            evmNetworks = evmNetworksOverrides(evmNetworks !== null && evmNetworks !== void 0 ? evmNetworks : []);
+        }
+    }
+    const networkConfigurations = {
+        cosmos: cosmosNetworks,
+        evm: evmNetworks,
+        solana: solanaNetworks,
+        starknet: starknetNetworks,
+    };
+    return networkConfigurations;
+}, [projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.networks, cosmosNetworkOverrides, evmNetworksOverrides]);
+const createNetwork = (network, parser = (input) => input) => ({
+    blockExplorerUrls: network.blockExplorerUrls,
+    chainId: parser(network.chainId),
+    iconUrls: network.iconUrls,
+    lcdUrl: network.lcdUrl,
+    name: network.name,
+    nativeCurrency: network.nativeCurrency,
+    networkId: parser(network.networkId),
+    privateCustomerRpcUrls: network.privateCustomerRpcUrls,
+    rpcUrls: network.rpcUrls,
+    vanityName: network.vanityName,
+});
+const overrideNetworks = (networkOverrides, networks) => {
+    if (!networkOverrides) {
+        return networks;
+    }
+    if (Array.isArray(networkOverrides)) {
+        return networkOverrides;
+    }
+    else {
+        return networkOverrides(networks !== null && networks !== void 0 ? networks : []);
+    }
+};
+
+exports.useNetworkConfigurationsFromProjectSettings = useNetworkConfigurationsFromProjectSettings;

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

@@ -0,0 +1,9 @@
+import { ProjectSettings } from '@dynamic-labs/sdk-api-core';
+import { NetworksOverrides } from '../../../context/DynamicContext';
+type UseNetworkConfigurationsFromProjectSettingsProps = {
+    projectSettings: ProjectSettings | undefined;
+    evmNetworksOverrides?: NetworksOverrides;
+    cosmosNetworkOverrides?: NetworksOverrides;
+};
+export declare const useNetworkConfigurationsFromProjectSettings: ({ projectSettings, cosmosNetworkOverrides, evmNetworksOverrides, }: UseNetworkConfigurationsFromProjectSettingsProps) => {};
+export {};

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

@@ -0,0 +1,59 @@
+'use client'
+import { useMemo } from 'react';
+
+const useNetworkConfigurationsFromProjectSettings = ({ projectSettings, cosmosNetworkOverrides, evmNetworksOverrides, }) => useMemo(() => {
+    var _a, _b, _c, _d;
+    const networks = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.networks;
+    if (!networks)
+        return {};
+    const evm = networks.find((configurations) => configurations.chainName === 'evm');
+    const solana = networks.find((configurations) => configurations.chainName === 'solana');
+    const cosmos = networks.find((configurations) => configurations.chainName === 'cosmos');
+    const starknet = networks.find((configurations) => configurations.chainName === 'starknet');
+    let cosmosNetworks = (_a = cosmos === null || cosmos === void 0 ? void 0 : cosmos.networks) === null || _a === void 0 ? void 0 : _a.map((net) => createNetwork(net, parseInt));
+    cosmosNetworks = overrideNetworks(cosmosNetworkOverrides, cosmosNetworks);
+    let evmNetworks = (_b = evm === null || evm === void 0 ? void 0 : evm.networks) === null || _b === void 0 ? void 0 : _b.map((net) => createNetwork(net, parseInt));
+    evmNetworks = overrideNetworks(evmNetworksOverrides, evmNetworks);
+    const starknetNetworks = (_c = starknet === null || starknet === void 0 ? void 0 : starknet.networks) === null || _c === void 0 ? void 0 : _c.map((net) => createNetwork(net));
+    const solanaNetworks = (_d = solana === null || solana === void 0 ? void 0 : solana.networks) === null || _d === void 0 ? void 0 : _d.map((net) => createNetwork(net));
+    if (evmNetworksOverrides) {
+        if (Array.isArray(evmNetworksOverrides)) {
+            evmNetworks = evmNetworksOverrides;
+        }
+        else {
+            evmNetworks = evmNetworksOverrides(evmNetworks !== null && evmNetworks !== void 0 ? evmNetworks : []);
+        }
+    }
+    const networkConfigurations = {
+        cosmos: cosmosNetworks,
+        evm: evmNetworks,
+        solana: solanaNetworks,
+        starknet: starknetNetworks,
+    };
+    return networkConfigurations;
+}, [projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.networks, cosmosNetworkOverrides, evmNetworksOverrides]);
+const createNetwork = (network, parser = (input) => input) => ({
+    blockExplorerUrls: network.blockExplorerUrls,
+    chainId: parser(network.chainId),
+    iconUrls: network.iconUrls,
+    lcdUrl: network.lcdUrl,
+    name: network.name,
+    nativeCurrency: network.nativeCurrency,
+    networkId: parser(network.networkId),
+    privateCustomerRpcUrls: network.privateCustomerRpcUrls,
+    rpcUrls: network.rpcUrls,
+    vanityName: network.vanityName,
+});
+const overrideNetworks = (networkOverrides, networks) => {
+    if (!networkOverrides) {
+        return networks;
+    }
+    if (Array.isArray(networkOverrides)) {
+        return networkOverrides;
+    }
+    else {
+        return networkOverrides(networks !== null && networks !== void 0 ? networks : []);
+    }
+};
+
+export { useNetworkConfigurationsFromProjectSettings };

package/src/lib/views/CoinbaseMPCClaimIntro/CoinbaseMPCClaimIntro.cjs

@@ -70,8 +70,8 @@ var IconButton = require('../../components/IconButton/IconButton.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
 var TypographyButton = require('../../components/TypographyButton/TypographyButton.cjs');
 require('formik');
-require('../../store/state/sendBalances.cjs');
 var ModalHeader = require('../../components/ModalHeader/ModalHeader.cjs');
+require('../../store/state/sendBalances.cjs');
 require('../../components/Input/Input.cjs');
 require('../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../context/PasskeyContext/PasskeyContext.cjs');

package/src/lib/views/CoinbaseMPCClaimIntro/CoinbaseMPCClaimIntro.js

@@ -66,8 +66,8 @@ import { IconButton } from '../../components/IconButton/IconButton.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
 import { TypographyButton } from '../../components/TypographyButton/TypographyButton.js';
 import 'formik';
-import '../../store/state/sendBalances.js';
 import { ModalHeader } from '../../components/ModalHeader/ModalHeader.js';
+import '../../store/state/sendBalances.js';
 import '../../components/Input/Input.js';
 import '../TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../context/PasskeyContext/PasskeyContext.js';

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

@@ -68,8 +68,8 @@ require('../../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../useFields.cjs');
 var TypographyButton = require('../../../components/TypographyButton/TypographyButton.cjs');
 var UserDataFields = require('../UserDataFields/UserDataFields.cjs');
-require('../../../store/state/sendBalances.cjs');
 require('yup');
+require('../../../store/state/sendBalances.cjs');
 require('../../../components/Input/Input.cjs');
 require('../../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../../context/PasskeyContext/PasskeyContext.cjs');

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

@@ -64,8 +64,8 @@ import '../../../components/MenuList/Dropdown/Dropdown.js';
 import '../useFields.js';
 import { TypographyButton } from '../../../components/TypographyButton/TypographyButton.js';
 import { UserDataFields } from '../UserDataFields/UserDataFields.js';
-import '../../../store/state/sendBalances.js';
 import 'yup';
+import '../../../store/state/sendBalances.js';
 import '../../../components/Input/Input.js';
 import '../../TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../../context/PasskeyContext/PasskeyContext.js';

package/src/lib/views/CreatePasswordView/CreatePasswordStep/CreatePasswordStep.cjs

@@ -72,8 +72,8 @@ require('../../../components/MenuList/Dropdown/Dropdown.cjs');
 var ErrorContainer = require('../../../components/ErrorContainer/ErrorContainer.cjs');
 var TypographyButton = require('../../../components/TypographyButton/TypographyButton.cjs');
 require('formik');
-require('../../../store/state/sendBalances.cjs');
 var ModalHeader = require('../../../components/ModalHeader/ModalHeader.cjs');
+require('../../../store/state/sendBalances.cjs');
 var Input = require('../../../components/Input/Input.cjs');
 require('../../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../../context/PasskeyContext/PasskeyContext.cjs');

package/src/lib/views/CreatePasswordView/CreatePasswordStep/CreatePasswordStep.js

@@ -68,8 +68,8 @@ import '../../../components/MenuList/Dropdown/Dropdown.js';
 import { ErrorContainer } from '../../../components/ErrorContainer/ErrorContainer.js';
 import { TypographyButton } from '../../../components/TypographyButton/TypographyButton.js';
 import 'formik';
-import '../../../store/state/sendBalances.js';
 import { ModalHeader } from '../../../components/ModalHeader/ModalHeader.js';
+import '../../../store/state/sendBalances.js';
 import { Input } from '../../../components/Input/Input.js';
 import '../../TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../../context/PasskeyContext/PasskeyContext.js';

package/src/lib/views/CreatePasswordView/SavePasswordStep/SavePasswordStep.cjs

@@ -73,8 +73,8 @@ require('../../../components/MenuList/Dropdown/Dropdown.cjs');
 var ErrorContainer = require('../../../components/ErrorContainer/ErrorContainer.cjs');
 var TypographyButton = require('../../../components/TypographyButton/TypographyButton.cjs');
 require('formik');
-require('../../../store/state/sendBalances.cjs');
 var ModalHeader = require('../../../components/ModalHeader/ModalHeader.cjs');
+require('../../../store/state/sendBalances.cjs');
 var Input = require('../../../components/Input/Input.cjs');
 require('../../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../../context/PasskeyContext/PasskeyContext.cjs');

package/src/lib/views/CreatePasswordView/SavePasswordStep/SavePasswordStep.js

@@ -69,8 +69,8 @@ import '../../../components/MenuList/Dropdown/Dropdown.js';
 import { ErrorContainer } from '../../../components/ErrorContainer/ErrorContainer.js';
 import { TypographyButton } from '../../../components/TypographyButton/TypographyButton.js';
 import 'formik';
-import '../../../store/state/sendBalances.js';
 import { ModalHeader } from '../../../components/ModalHeader/ModalHeader.js';
+import '../../../store/state/sendBalances.js';
 import { Input } from '../../../components/Input/Input.js';
 import '../../TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../../context/PasskeyContext/PasskeyContext.js';

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

@@ -45,6 +45,7 @@ require('../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../context/UserWalletsContext/UserWalletsContext.cjs');
 var useOtpVerificationRequest = require('../../utils/hooks/authenticationHooks/useOtpVerificationRequest/useOtpVerificationRequest.cjs');
 require('react-dom');
+var findPrimaryEmbeddedChain = require('../Passkey/utils/findPrimaryEmbeddedChain/findPrimaryEmbeddedChain.cjs');
 require('../../context/WalletContext/WalletContext.cjs');
 var useIsTurnkeyWallet = require('../../utils/hooks/useIsTurnkeyWallet/useIsTurnkeyWallet.cjs');
 var usePasskeyRecovery = require('../../utils/hooks/usePasskeyRecovery/usePasskeyRecovery.cjs');
@@ -181,11 +182,12 @@ const EmailVerification = ({ isEmailRecoveryFlow = false, showRetryButton: _show
                 (!((_j = (_h = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _h === void 0 ? void 0 : _h.embeddedWallets) === null || _j === void 0 ? void 0 : _j.forceAuthenticatorAtSignup) ||
                     isSessionKeyCompatible));
             if (isUsingPregeneratedWallets) {
+                const primaryChain = findPrimaryEmbeddedChain.findPrimaryEmbeddedChain(projectSettings);
                 // Pregenerated wallet was created during an
                 // additional email validation step as part of onboarding
                 // cannot rely on newUser JWT field here due to session being counted twice
                 // when authentication happens followed by a separate email kyc step
-                const embeddedWalletVerifiedCredential = findEmbeddedWalletFromVerifiedCredentials.findEmbeddedWalletFromVerifiedCredentials(createUserProfile.createUserProfileFromSdkUser(updateUserProfileResponse.user));
+                const embeddedWalletVerifiedCredential = findEmbeddedWalletFromVerifiedCredentials.findEmbeddedWalletFromVerifiedCredentials(createUserProfile.createUserProfileFromSdkUser(updateUserProfileResponse.user), [primaryChain]);
                 if (!embeddedWalletVerifiedCredential) {
                     throw new Error('Could not find an embedded wallet');
                 }

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

@@ -41,6 +41,7 @@ import '../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../context/UserWalletsContext/UserWalletsContext.js';
 import { useOtpVerificationRequest } from '../../utils/hooks/authenticationHooks/useOtpVerificationRequest/useOtpVerificationRequest.js';
 import 'react-dom';
+import { findPrimaryEmbeddedChain } from '../Passkey/utils/findPrimaryEmbeddedChain/findPrimaryEmbeddedChain.js';
 import '../../context/WalletContext/WalletContext.js';
 import { useIsTurnkeyWallet } from '../../utils/hooks/useIsTurnkeyWallet/useIsTurnkeyWallet.js';
 import { usePasskeyRecovery } from '../../utils/hooks/usePasskeyRecovery/usePasskeyRecovery.js';
@@ -177,11 +178,12 @@ const EmailVerification = ({ isEmailRecoveryFlow = false, showRetryButton: _show
                 (!((_j = (_h = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _h === void 0 ? void 0 : _h.embeddedWallets) === null || _j === void 0 ? void 0 : _j.forceAuthenticatorAtSignup) ||
                     isSessionKeyCompatible));
             if (isUsingPregeneratedWallets) {
+                const primaryChain = findPrimaryEmbeddedChain(projectSettings);
                 // Pregenerated wallet was created during an
                 // additional email validation step as part of onboarding
                 // cannot rely on newUser JWT field here due to session being counted twice
                 // when authentication happens followed by a separate email kyc step
-                const embeddedWalletVerifiedCredential = findEmbeddedWalletFromVerifiedCredentials(createUserProfileFromSdkUser(updateUserProfileResponse.user));
+                const embeddedWalletVerifiedCredential = findEmbeddedWalletFromVerifiedCredentials(createUserProfileFromSdkUser(updateUserProfileResponse.user), [primaryChain]);
                 if (!embeddedWalletVerifiedCredential) {
                     throw new Error('Could not find an embedded wallet');
                 }

package/src/lib/views/EnterPasswordView/EnterPasswordView.cjs

@@ -70,8 +70,8 @@ require('../../components/MenuList/Dropdown/Dropdown.cjs');
 var ErrorContainer = require('../../components/ErrorContainer/ErrorContainer.cjs');
 var TypographyButton = require('../../components/TypographyButton/TypographyButton.cjs');
 require('formik');
-require('../../store/state/sendBalances.cjs');
 var ModalHeader = require('../../components/ModalHeader/ModalHeader.cjs');
+require('../../store/state/sendBalances.cjs');
 var Input = require('../../components/Input/Input.cjs');
 require('../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../context/PasskeyContext/PasskeyContext.cjs');

package/src/lib/views/EnterPasswordView/EnterPasswordView.js

@@ -66,8 +66,8 @@ import '../../components/MenuList/Dropdown/Dropdown.js';
 import { ErrorContainer } from '../../components/ErrorContainer/ErrorContainer.js';
 import { TypographyButton } from '../../components/TypographyButton/TypographyButton.js';
 import 'formik';
-import '../../store/state/sendBalances.js';
 import { ModalHeader } from '../../components/ModalHeader/ModalHeader.js';
+import '../../store/state/sendBalances.js';
 import { Input } from '../../components/Input/Input.js';
 import '../TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../context/PasskeyContext/PasskeyContext.js';

package/src/lib/views/MfaChooseDeviceView/MfaChooseDeviceView.cjs

@@ -68,8 +68,8 @@ require('../../components/IconButton/IconButton.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
 var Button = require('../../components/Button/Button.cjs');
 require('formik');
-require('../../store/state/sendBalances.cjs');
 var ModalHeader = require('../../components/ModalHeader/ModalHeader.cjs');
+require('../../store/state/sendBalances.cjs');
 require('../../components/Input/Input.cjs');
 require('../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../context/PasskeyContext/PasskeyContext.cjs');

package/src/lib/views/MfaChooseDeviceView/MfaChooseDeviceView.js

@@ -64,8 +64,8 @@ import '../../components/IconButton/IconButton.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
 import { Button } from '../../components/Button/Button.js';
 import 'formik';
-import '../../store/state/sendBalances.js';
 import { ModalHeader } from '../../components/ModalHeader/ModalHeader.js';
+import '../../store/state/sendBalances.js';
 import '../../components/Input/Input.js';
 import '../TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../context/PasskeyContext/PasskeyContext.js';

package/src/lib/views/Passkey/PasskeyNewDomainDetectedView/PasskeyNewDomainDetectedView.cjs

@@ -67,8 +67,8 @@ require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../components/IconButton/IconButton.cjs');
 require('../../../components/MenuList/Dropdown/Dropdown.cjs');
 require('formik');
-require('../../../store/state/sendBalances.cjs');
 var ModalHeader = require('../../../components/ModalHeader/ModalHeader.cjs');
+require('../../../store/state/sendBalances.cjs');
 require('../../../components/Input/Input.cjs');
 require('../../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../../context/PasskeyContext/PasskeyContext.cjs');

package/src/lib/views/Passkey/PasskeyNewDomainDetectedView/PasskeyNewDomainDetectedView.js

@@ -63,8 +63,8 @@ import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../components/IconButton/IconButton.js';
 import '../../../components/MenuList/Dropdown/Dropdown.js';
 import 'formik';
-import '../../../store/state/sendBalances.js';
 import { ModalHeader } from '../../../components/ModalHeader/ModalHeader.js';
+import '../../../store/state/sendBalances.js';
 import '../../../components/Input/Input.js';
 import '../../TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../../context/PasskeyContext/PasskeyContext.js';

package/src/lib/views/Passkey/PasskeyRecovery/InitRecovery/PasskeyInitRecovery.cjs

@@ -75,8 +75,8 @@ require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
 var ErrorContainer = require('../../../../components/ErrorContainer/ErrorContainer.cjs');
 var TypographyButton = require('../../../../components/TypographyButton/TypographyButton.cjs');
 require('formik');
-require('../../../../store/state/sendBalances.cjs');
 var ModalHeader = require('../../../../components/ModalHeader/ModalHeader.cjs');
+require('../../../../store/state/sendBalances.cjs');
 require('../../../../components/Input/Input.cjs');
 require('../../../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');

package/src/lib/views/Passkey/PasskeyRecovery/InitRecovery/PasskeyInitRecovery.js

@@ -71,8 +71,8 @@ import '../../../../components/MenuList/Dropdown/Dropdown.js';
 import { ErrorContainer } from '../../../../components/ErrorContainer/ErrorContainer.js';
 import { TypographyButton } from '../../../../components/TypographyButton/TypographyButton.js';
 import 'formik';
-import '../../../../store/state/sendBalances.js';
 import { ModalHeader } from '../../../../components/ModalHeader/ModalHeader.js';
+import '../../../../store/state/sendBalances.js';
 import '../../../../components/Input/Input.js';
 import '../../../TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../../../context/PasskeyContext/PasskeyContext.js';

package/src/lib/views/Passkey/RenamePasskeyView/RenamePasskeyView.cjs

@@ -69,8 +69,8 @@ require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 var IconButton = require('../../../components/IconButton/IconButton.cjs');
 require('../../../components/MenuList/Dropdown/Dropdown.cjs');
 var TypographyButton = require('../../../components/TypographyButton/TypographyButton.cjs');
-require('../../../store/state/sendBalances.cjs');
 var ModalHeader = require('../../../components/ModalHeader/ModalHeader.cjs');
+require('../../../store/state/sendBalances.cjs');
 var Input = require('../../../components/Input/Input.cjs');
 require('../../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 var PasskeyContext = require('../../../context/PasskeyContext/PasskeyContext.cjs');

package/src/lib/views/Passkey/RenamePasskeyView/RenamePasskeyView.js

@@ -65,8 +65,8 @@ import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import { IconButton } from '../../../components/IconButton/IconButton.js';
 import '../../../components/MenuList/Dropdown/Dropdown.js';
 import { TypographyButton } from '../../../components/TypographyButton/TypographyButton.js';
-import '../../../store/state/sendBalances.js';
 import { ModalHeader } from '../../../components/ModalHeader/ModalHeader.js';
+import '../../../store/state/sendBalances.js';
 import { Input } from '../../../components/Input/Input.js';
 import '../../TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import { usePasskeyContext } from '../../../context/PasskeyContext/PasskeyContext.js';

package/src/lib/views/SendBalanceView/SendBalanceView.cjs

@@ -111,7 +111,6 @@ const SendBalanceView = ({ initialRecipientAddress = '', initialValue, onClickBa
     const { showFiat } = useInternalDynamicContext.useInternalDynamicContext();
     const walletConnector = primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector;
     const { chain } = useFetchChain.useFetchChain(walletConnector);
-    const { chainName } = sendBalances.useSendBalanceState();
     const { tokenBalances: unorderedTokenBalances, isLoading } = useTokenBalances.useTokenBalances({
         chainName: (walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.connectedChain) === 'SOL'
             ? sdkApiCore.ChainEnum.Sol
@@ -192,7 +191,7 @@ const SendBalanceView = ({ initialRecipientAddress = '', initialValue, onClickBa
         }
     });
     const networkCurrency = (currentToken === null || currentToken === void 0 ? void 0 : currentToken.symbol) || networkData.nativeCurrency.symbol;
-    const currencyIcon = chain && (jsxRuntime.jsx(ChainIcon.ChainIcon, { chain: chain, chainName: chainName }));
+    const currencyIcon = (chain === null || chain === void 0 ? void 0 : chain.name) && (jsxRuntime.jsx(ChainIcon.ChainIcon, { chain: chain, chainName: chain.name }));
     const buildFormStage = () => (jsxRuntime.jsx(SendBalancePageLayout.SendBalancePageLayout, { transaction: transaction, onClickBack: onClickBack, networkName: networkData.vanityName || networkData.name, networkIcon: currencyIcon, networkCurrencyDecimals: networkData.nativeCurrency.symbol === 'SOL'
             ? 9
             : networkData.nativeCurrency.decimals, walletAddress: shortenWalletAddress.shortenWalletAddress(currentToken === null || currentToken === void 0 ? void 0 : currentToken.address, 3, 3), walletKey: primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector.key, onClickClose: onClickClose, displayPoweredByDynamicFooter: displayPoweredByDynamicFooter, onSubmit: () => setStage('confirmation'), tokenBalances: tokenBalances !== null && tokenBalances !== void 0 ? tokenBalances : (currentToken && [currentToken]), currentToken: currentToken, setCurrentToken: setCurrentToken, isLoading: isLoading, isNativeToken: isNativeToken }));
@@ -208,7 +207,7 @@ const SendBalanceView = ({ initialRecipientAddress = '', initialValue, onClickBa
         }), currentToken: currentToken, isNativeToken: isNativeToken, transactionValue: getTransactionValue(transaction, isNativeToken) }));
     const buildSuccessState = () => {
         var _a;
-        return (jsxRuntime.jsx(TransactionStatusLayout.TransactionStatusLayout, { transactionValue: getTransactionValue(transaction, isNativeToken), destinationAddress: (_a = transaction.to) !== null && _a !== void 0 ? _a : '', networkCurrency: networkCurrency, networkName: chainName || '', NetworkIcon: currencyIcon, onClickClose: onClickClose, onDone: () => onDone === null || onDone === void 0 ? void 0 : onDone(), displayPoweredByDynamicFooter: displayPoweredByDynamicFooter, transaction: transaction, currentToken: currentToken, isNativeToken: isNativeToken }));
+        return (jsxRuntime.jsx(TransactionStatusLayout.TransactionStatusLayout, { transactionValue: getTransactionValue(transaction, isNativeToken), destinationAddress: (_a = transaction.to) !== null && _a !== void 0 ? _a : '', networkCurrency: networkCurrency, networkName: networkData.name || '', NetworkIcon: currencyIcon, onClickClose: onClickClose, onDone: () => onDone === null || onDone === void 0 ? void 0 : onDone(), displayPoweredByDynamicFooter: displayPoweredByDynamicFooter, transaction: transaction, currentToken: currentToken, isNativeToken: isNativeToken }));
     };
     const getCurrentView = () => {
         switch (stage) {

package/src/lib/views/SendBalanceView/SendBalanceView.js

@@ -76,7 +76,7 @@ import '@hcaptcha/react-hcaptcha';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../context/PasskeyContext/PasskeyContext.js';
-import { useSendBalanceState, setSendBalanceVariable, resetSendBalanceState } from '../../store/state/sendBalances.js';
+import { setSendBalanceVariable, resetSendBalanceState } from '../../store/state/sendBalances.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import { TransactionConfirmationView } from '../TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
@@ -107,7 +107,6 @@ const SendBalanceView = ({ initialRecipientAddress = '', initialValue, onClickBa
     const { showFiat } = useInternalDynamicContext();
     const walletConnector = primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector;
     const { chain } = useFetchChain(walletConnector);
-    const { chainName } = useSendBalanceState();
     const { tokenBalances: unorderedTokenBalances, isLoading } = useTokenBalances({
         chainName: (walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.connectedChain) === 'SOL'
             ? ChainEnum.Sol
@@ -188,7 +187,7 @@ const SendBalanceView = ({ initialRecipientAddress = '', initialValue, onClickBa
         }
     });
     const networkCurrency = (currentToken === null || currentToken === void 0 ? void 0 : currentToken.symbol) || networkData.nativeCurrency.symbol;
-    const currencyIcon = chain && (jsx(ChainIcon, { chain: chain, chainName: chainName }));
+    const currencyIcon = (chain === null || chain === void 0 ? void 0 : chain.name) && (jsx(ChainIcon, { chain: chain, chainName: chain.name }));
     const buildFormStage = () => (jsx(SendBalancePageLayout, { transaction: transaction, onClickBack: onClickBack, networkName: networkData.vanityName || networkData.name, networkIcon: currencyIcon, networkCurrencyDecimals: networkData.nativeCurrency.symbol === 'SOL'
             ? 9
             : networkData.nativeCurrency.decimals, walletAddress: shortenWalletAddress(currentToken === null || currentToken === void 0 ? void 0 : currentToken.address, 3, 3), walletKey: primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector.key, onClickClose: onClickClose, displayPoweredByDynamicFooter: displayPoweredByDynamicFooter, onSubmit: () => setStage('confirmation'), tokenBalances: tokenBalances !== null && tokenBalances !== void 0 ? tokenBalances : (currentToken && [currentToken]), currentToken: currentToken, setCurrentToken: setCurrentToken, isLoading: isLoading, isNativeToken: isNativeToken }));
@@ -204,7 +203,7 @@ const SendBalanceView = ({ initialRecipientAddress = '', initialValue, onClickBa
         }), currentToken: currentToken, isNativeToken: isNativeToken, transactionValue: getTransactionValue(transaction, isNativeToken) }));
     const buildSuccessState = () => {
         var _a;
-        return (jsx(TransactionStatusLayout, { transactionValue: getTransactionValue(transaction, isNativeToken), destinationAddress: (_a = transaction.to) !== null && _a !== void 0 ? _a : '', networkCurrency: networkCurrency, networkName: chainName || '', NetworkIcon: currencyIcon, onClickClose: onClickClose, onDone: () => onDone === null || onDone === void 0 ? void 0 : onDone(), displayPoweredByDynamicFooter: displayPoweredByDynamicFooter, transaction: transaction, currentToken: currentToken, isNativeToken: isNativeToken }));
+        return (jsx(TransactionStatusLayout, { transactionValue: getTransactionValue(transaction, isNativeToken), destinationAddress: (_a = transaction.to) !== null && _a !== void 0 ? _a : '', networkCurrency: networkCurrency, networkName: networkData.name || '', NetworkIcon: currencyIcon, onClickClose: onClickClose, onDone: () => onDone === null || onDone === void 0 ? void 0 : onDone(), displayPoweredByDynamicFooter: displayPoweredByDynamicFooter, transaction: transaction, currentToken: currentToken, isNativeToken: isNativeToken }));
     };
     const getCurrentView = () => {
         switch (stage) {

package/src/lib/views/TransactionConfirmationView/TransactionConfirmationView.cjs

@@ -72,6 +72,7 @@ require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
 require('qrcode');
+var useFetchChain = require('../../widgets/DynamicWidget/hooks/useFetchChain/useFetchChain.cjs');
 var useFetchCurrency = require('../../widgets/DynamicWidget/hooks/useFetchCurrency/useFetchCurrency.cjs');
 require('formik');
 require('../../context/FooterAnimationContext/index.cjs');
@@ -82,13 +83,14 @@ require('@hcaptcha/react-hcaptcha');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../context/PasskeyContext/PasskeyContext.cjs');
-var sendBalances = require('../../store/state/sendBalances.cjs');
+require('../../store/state/sendBalances.cjs');
 var TransactionConfirmationPageLayout = require('../../components/TransactionConfirmationPageLayout/TransactionConfirmationPageLayout.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 var useTransactionTotal = require('./hooks/useTransactionTotal/useTransactionTotal.cjs');
 var transactionErrorMessage = require('./helpers/transactionErrorMessage.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../../index.cjs');
+var useNetworkDataFromWallet = require('../../utils/hooks/useNetworkDataFromWallet/useNetworkDataFromWallet.cjs');
 require('../../store/state/tokenBalances.cjs');
 var useInternalDynamicContext = require('../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 
@@ -100,14 +102,14 @@ const TransactionConfirmationView = ({ transaction, onError, onSuccess, mutation
     const update = useForceUpdate.useForceUpdate();
     const { t } = reactI18next.useTranslation();
     const { currency } = useFetchCurrency.useFetchCurrency(walletConnector);
-    const { chainName } = sendBalances.useSendBalanceState();
+    const { chain } = useFetchChain.useFetchChain(walletConnector);
     /**
      * Update transaction fee and trigger a react update
      * to reflect the new fee on the UI
      */
     const fetchTransactionFee = () => {
         // solana fee doesnt need to be refreshed
-        if (chainName === 'Solana' && transaction.fee.gas !== undefined)
+        if ((chain === null || chain === void 0 ? void 0 : chain.name) === 'Solana' && transaction.fee.gas !== undefined)
             return;
         transaction.fetchFee().finally(update);
     };
@@ -205,9 +207,10 @@ const TransactionConfirmationView = ({ transaction, onError, onSuccess, mutation
         isNativeToken,
         isLoading,
     ]);
+    const networkData = useNetworkDataFromWallet.useNetworkDataFromWallet(primaryWallet);
     return (jsxRuntime.jsxs(TransactionConfirmationPageLayout.TransactionConfirmationPageLayout, { onClickBack: onClickBack, onClickClose: onClickClose, copykey: copykey, title: title, appOrigin: appOrigin, appName: appName, appLogoUrl: appLogoUrl, hideModal: hideModal, isLoading: isLoading, onClickSend: () => send(), onSuccess: (tx) => onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(tx), displayPoweredByDynamicFooter: displayPoweredByDynamicFooter, disableSendButton: isBalanceLoading, error: errorMessage, alert: alert, walletConnector: walletConnector, transaction: transaction, total: total, currentToken: currentToken, transactionValue: transactionValue, isNativeToken: isNativeToken, isGasSponsored: isGasSponsored, isGasSponsoredLoading: isGasSponsoredLoading, walletKey: (primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.key) || '', children: [jsxRuntime.jsxs("div", { className: 'row flex', "data-testid": 'transaction-wallet_used', children: [jsxRuntime.jsx(Typography.Typography, { weight: 'regular', color: 'secondary', className: 'label', children: t('dyn_send_transaction.confirmation.data.wallet_used') }), jsxRuntime.jsxs(Typography.Typography, { weight: 'regular', color: 'primary', className: 'flex gap', children: [jsxRuntime.jsx(walletBook.WalletIcon, { walletKey: primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.key, width: 20, height: 20 }), ' ', shortenWalletAddress.shortenWalletAddress(transaction.from, 4, 4)] })] }), isModal && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { className: 'row flex', "data-testid": 'transaction-destination', children: [jsxRuntime.jsx(Typography.Typography, { weight: 'regular', color: 'secondary', className: 'label', children: t('dyn_send_transaction.confirmation.data.destination') }), jsxRuntime.jsxs(Typography.Typography, { weight: 'regular', color: 'primary', className: 'flex gap', children: [jsxRuntime.jsx(walletBook.WalletIcon, { walletKey: primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.key, width: 20, height: 20 }), ' ', shortenWalletAddress.shortenWalletAddress(transaction.to, 4, 4)] })] }), jsxRuntime.jsxs("div", { className: 'row flex', "data-testid": 'transaction-amount', children: [jsxRuntime.jsx(Typography.Typography, { weight: 'regular', color: 'secondary', className: 'label', children: t('dyn_send_transaction.confirmation.data.amount') }), jsxRuntime.jsx(Typography.Typography, { weight: 'regular', color: 'primary', className: 'flex gap', children: transaction.value
                                     ? transaction.format(transaction.value, { precision: 6 })
-                                    : '' })] })] })), jsxRuntime.jsxs("div", { className: 'row flex', "data-testid": 'transaction-network_used', children: [jsxRuntime.jsx(Typography.Typography, { weight: 'regular', color: 'secondary', className: 'label', children: t('dyn_send_transaction.confirmation.data.network_used') }), jsxRuntime.jsx(Typography.Typography, { weight: 'regular', color: 'primary', children: chainName })] })] }));
+                                    : '' })] })] })), jsxRuntime.jsxs("div", { className: 'row flex', "data-testid": 'transaction-network_used', children: [jsxRuntime.jsx(Typography.Typography, { weight: 'regular', color: 'secondary', className: 'label', children: t('dyn_send_transaction.confirmation.data.network_used') }), jsxRuntime.jsx(Typography.Typography, { weight: 'regular', color: 'primary', children: networkData === null || networkData === void 0 ? void 0 : networkData.name })] })] }));
 };
 
 exports.FEE_REFRESH_INTERVAL = FEE_REFRESH_INTERVAL;