npm - @dynamic-labs/sdk-react-core - Versions diffs - 4.0.0-alpha.32 → 4.0.0-alpha.34 - Mend

@dynamic-labs/sdk-react-core 4.0.0-alpha.32 → 4.0.0-alpha.34

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (666) hide show

package/src/lib/events/dynamicEvents.js CHANGED Viewed

@@ -1,6 +1,26 @@
 'use client'
 import EventEmitter from 'eventemitter3';
+// ATTENTION
+// Everything below should be made public soon, but we need to plan this out first
+// Main issues:
+// 1. How should we map customer callback names to our dynamic event names?
+//  -> Gui's suggestion: breaking change to rename customer callbacks so they fit these events names
+// 2. We would have to remove these callbacks from the useCustomerCallbacks hook
+/** Which events are accessible by our clients */
+const externalEvents = [
+    'emailVerificationResult',
+    'embeddedWalletCreated',
+    'logout',
+    'walletAdded',
+    'primaryWalletChanged',
+    'primaryWalletNetworkChanged',
+    'mfaCompletionSuccess',
+    'mfaCompletionFailure',
+];
+// Full internal event emitter
 const dynamicEvents = new EventEmitter();
+// Limited public event emitter with subset of events
+const publicDynamicEvents = dynamicEvents;
-export { dynamicEvents };
+export { dynamicEvents, externalEvents, publicDynamicEvents };

package/src/lib/events/wallets.d.ts CHANGED Viewed

@@ -4,4 +4,8 @@ export type WalletEvents = {
     walletAdded: (wallet: Wallet, userWallets: Wallet[]) => void;
     /** Triggered when a wallet is removed from user wallets list */
     walletRemoved: (wallet: Wallet, userWallets: Wallet[]) => void;
+    /** Triggered when the primary wallet changes (a different wallet is selected) */
+    primaryWalletChanged: (newPrimaryWallet: Wallet) => void;
+    /** Triggered when the network changes in primary wallet */
+    primaryWalletNetworkChanged: (newNetwork: string | number) => void;
 };

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

@@ -74,8 +74,7 @@ require('formik');
 require('../../store/state/sendBalances.cjs');
 require('../../components/Input/Input.cjs');
 require('../../components/OverlayCard/OverlayCard.cjs');
-require('bs58');
-require('../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../../index.cjs');

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

@@ -70,8 +70,7 @@ import 'formik';
 import '../../store/state/sendBalances.js';
 import '../../components/Input/Input.js';
 import '../../components/OverlayCard/OverlayCard.js';
-import 'bs58';
-import '../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../context/PasskeyContext/PasskeyContext.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../../index.js';

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

@@ -76,8 +76,7 @@ var ModalHeader = require('../../../components/ModalHeader/ModalHeader.cjs');
 require('../../../store/state/sendBalances.cjs');
 require('../../../components/Input/Input.cjs');
 require('../../../components/OverlayCard/OverlayCard.cjs');
-require('bs58');
-require('../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../../../index.cjs');

package/src/lib/layout/DynamicAuthLayout/Header/header.js CHANGED Viewed

@@ -72,8 +72,7 @@ import { ModalHeader } from '../../../components/ModalHeader/ModalHeader.js';
 import '../../../store/state/sendBalances.js';
 import '../../../components/Input/Input.js';
 import '../../../components/OverlayCard/OverlayCard.js';
-import 'bs58';
-import '../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../../../index.js';

package/src/lib/layout/DynamicAuthLayout/HelpContent/HelpContent.cjs CHANGED Viewed

@@ -81,8 +81,7 @@ var WalletListHelpContent = require('./WalletListHelpContent/WalletListHelpConte
 var HelpHeader = require('./HelpHeader/HelpHeader.cjs');
 var PasskeyInfoHelper = require('./PasskeyInfoHelper/PasskeyInfoHelper.cjs');
 require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('bs58');
-require('../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../../../index.cjs');
 require('../../../store/state/tokenBalances.cjs');

package/src/lib/layout/DynamicAuthLayout/HelpContent/HelpContent.js CHANGED Viewed

@@ -77,8 +77,7 @@ import { WalletListHelpContent } from './WalletListHelpContent/WalletListHelpCon
 import { HelpHeader } from './HelpHeader/HelpHeader.js';
 import { PasskeyInfoHelper } from './PasskeyInfoHelper/PasskeyInfoHelper.js';
 import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import 'bs58';
-import '../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../../../index.js';
 import '../../../store/state/tokenBalances.js';

package/src/lib/layout/DynamicAuthLayout/HelpContent/HelpHeader/HelpHeader.cjs CHANGED Viewed

@@ -72,8 +72,7 @@ var ModalHeader = require('../../../../components/ModalHeader/ModalHeader.cjs');
 require('../../../../store/state/sendBalances.cjs');
 require('../../../../components/Input/Input.cjs');
 require('../../../../components/OverlayCard/OverlayCard.cjs');
-require('bs58');
-require('../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../../../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../../../../index.cjs');

package/src/lib/layout/DynamicAuthLayout/HelpContent/HelpHeader/HelpHeader.js CHANGED Viewed

@@ -68,8 +68,7 @@ import { ModalHeader } from '../../../../components/ModalHeader/ModalHeader.js';
 import '../../../../store/state/sendBalances.js';
 import '../../../../components/Input/Input.js';
 import '../../../../components/OverlayCard/OverlayCard.js';
-import 'bs58';
-import '../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../../../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../../../../index.js';

package/src/lib/layout/DynamicAuthLayout/HelpContent/PasskeyInfoHelper/PasskeyInfoHelper.cjs CHANGED Viewed

@@ -70,8 +70,7 @@ require('formik');
 require('../../../../store/state/sendBalances.cjs');
 require('../../../../components/Input/Input.cjs');
 require('../../../../components/OverlayCard/OverlayCard.cjs');
-require('bs58');
-require('../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../../../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../../../../index.cjs');

package/src/lib/layout/DynamicAuthLayout/HelpContent/PasskeyInfoHelper/PasskeyInfoHelper.js CHANGED Viewed

@@ -66,8 +66,7 @@ import 'formik';
 import '../../../../store/state/sendBalances.js';
 import '../../../../components/Input/Input.js';
 import '../../../../components/OverlayCard/OverlayCard.js';
-import 'bs58';
-import '../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../../../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../../../../index.js';

package/src/lib/layout/DynamicAuthLayout/HelpContent/WalletListHelpContent/Item/Item.cjs CHANGED Viewed

@@ -67,8 +67,7 @@ require('formik');
 require('../../../../../store/state/sendBalances.cjs');
 require('../../../../../components/Input/Input.cjs');
 require('../../../../../components/OverlayCard/OverlayCard.cjs');
-require('bs58');
-require('../../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../../../../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../../../../../index.cjs');

package/src/lib/layout/DynamicAuthLayout/HelpContent/WalletListHelpContent/Item/Item.js CHANGED Viewed

@@ -63,8 +63,7 @@ import 'formik';
 import '../../../../../store/state/sendBalances.js';
 import '../../../../../components/Input/Input.js';
 import '../../../../../components/OverlayCard/OverlayCard.js';
-import 'bs58';
-import '../../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../../../../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../../../../../index.js';

package/src/lib/layout/DynamicAuthLayout/HelpContent/WalletListHelpContent/WalletExtensionOrAppContinueButton/WalletExtensionOrAppContinueButton.cjs CHANGED Viewed

@@ -68,8 +68,7 @@ require('formik');
 require('../../../../../store/state/sendBalances.cjs');
 require('../../../../../components/Input/Input.cjs');
 require('../../../../../components/OverlayCard/OverlayCard.cjs');
-require('bs58');
-require('../../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../../../../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../../../../../index.cjs');

package/src/lib/layout/DynamicAuthLayout/HelpContent/WalletListHelpContent/WalletExtensionOrAppContinueButton/WalletExtensionOrAppContinueButton.js CHANGED Viewed

@@ -64,8 +64,7 @@ import 'formik';
 import '../../../../../store/state/sendBalances.js';
 import '../../../../../components/Input/Input.js';
 import '../../../../../components/OverlayCard/OverlayCard.js';
-import 'bs58';
-import '../../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../../../../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../../../../../index.js';

package/src/lib/layout/DynamicAuthLayout/HelpContent/WalletListHelpContent/WalletListHelpContent.cjs CHANGED Viewed

@@ -8,10 +8,10 @@ var React = require('react');
 var iconic = require('@dynamic-labs/iconic');
 var walletBook = require('@dynamic-labs/wallet-book');
 var utils = require('@dynamic-labs/utils');
+var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
 require('../../../../context/DynamicContext/DynamicContext.cjs');
 require('@dynamic-labs/sdk-api-core');
 require('../../../../shared/logger.cjs');
-require('@dynamic-labs/wallet-connector-core');
 require('../../../../context/ViewContext/ViewContext.cjs');
 var puzzle = require('../../../../shared/assets/puzzle.cjs');
 var index = require('../../../../shared/utils/functions/getValueByKey/index.cjs');
@@ -86,8 +86,7 @@ var NewToWeb3WalletItem = require('./NewToWeb3WalletItem/NewToWeb3WalletItem.cjs
 var Item = require('./Item/Item.cjs');
 var WalletExtensionOrAppContinueButton = require('./WalletExtensionOrAppContinueButton/WalletExtensionOrAppContinueButton.cjs');
 require('../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('bs58');
-require('../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../../../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../../../../index.cjs');
 require('../../../../store/state/tokenBalances.cjs');
@@ -103,7 +102,8 @@ const WalletListHelpContent = ({ chains, newToWeb3WalletChainMap, }) => {
     const walletKey = index.getValueByKey(newToWeb3WalletChainMap === null || newToWeb3WalletChainMap === void 0 ? void 0 : newToWeb3WalletChainMap.wallets, chainName);
     const newToWeb3Wallet = walletConnectorOptions.find((wallet) => wallet.key === walletKey);
     const isCustodialServiceWallet = newToWeb3Wallet === null || newToWeb3Wallet === void 0 ? void 0 : newToWeb3Wallet.walletConnector.canConnectViaCustodialService;
-    const links = walletBook.getWalletLinks(walletBook$1, walletKey);
+    const metadata = newToWeb3Wallet === null || newToWeb3Wallet === void 0 ? void 0 : newToWeb3Wallet.walletConnector.metadata;
+    const links = walletConnectorCore.getWalletLinks(metadata === null || metadata === void 0 ? void 0 : metadata.downloadLinks);
     const { currentDesktopUrl, canShowAndroidAppButton, canShowIosAppButton } = parseWalletLinks.parseWalletLinks(links);
     const walletLinksElements = [
         {
@@ -128,7 +128,7 @@ const WalletListHelpContent = ({ chains, newToWeb3WalletChainMap, }) => {
     if (!Object.keys((_b = walletBook$1 === null || walletBook$1 === void 0 ? void 0 : walletBook$1.wallets) !== null && _b !== void 0 ? _b : {}).length) {
         return jsxRuntime.jsx(Skeleton.Skeleton, { className: 'walletlist-footer-content__container' });
     }
-    return (jsxRuntime.jsx("div", { className: 'walletlist-help-content__container', children: jsxRuntime.jsxs(EnterTileAnimation.EnterTileAnimation, { delay: '300ms', children: [jsxRuntime.jsx("div", { className: 'walletlist-help-content__icon', children: jsxRuntime.jsx(walletBook.WalletIcon, { icon: newToWeb3Wallet === null || newToWeb3Wallet === void 0 ? void 0 : newToWeb3Wallet.walletConnector.metadata.icon, walletKey: walletKey, style: { height: pixelToRem.pixelToRem(56), width: pixelToRem.pixelToRem(56) } }) }), jsxRuntime.jsxs("div", { className: 'walletlist-help-content__typography-wrapper', children: [jsxRuntime.jsxs(Typography.Typography, { as: 'p', variant: 'title', weight: 'medium', children: ["We recommend installing", ' ', walletBook.getWalletBookWallet(walletBook$1, walletKey).name] }), jsxRuntime.jsx(Typography.Typography, { as: 'label', variant: 'body_normal', weight: 'regular', color: 'secondary', className: 'walletlist-help-content__typography--label', children: "Select your preferred option below:" })] }), jsxRuntime.jsx("div", { className: 'walletlist-help-content__buttons-wrapper', children: walletLinksElements.map((element, i) => element.isEnabled ? (jsxRuntime.jsx("button", { onClick: () => setSelectedUrl(element.url), children: jsxRuntime.jsx(Item.Item, { StartIcon: element.icon, heading: element.content, url: element.url }) }, i)) : undefined) }), isCustodialServiceWallet && (jsxRuntime.jsxs("div", { className: 'walletlist-help-content__custodial-wallet-area', children: [jsxRuntime.jsx(Typography.Typography, { className: 'walletlist-help-content__custodial-wallet-area--title', as: 'p', color: 'secondary', variant: 'body_normal', weight: 'regular', children: "If you don't want to install a wallet, then use:" }), jsxRuntime.jsx(NewToWeb3WalletItem.NewToWeb3WalletItem, { wallet: newToWeb3Wallet })] })), jsxRuntime.jsx(WalletExtensionOrAppContinueButton.WalletExtensionOrAppContinueButton, { selectedUrl: selectedUrl, wallet: newToWeb3Wallet })] }) }));
+    return (jsxRuntime.jsx("div", { className: 'walletlist-help-content__container', children: jsxRuntime.jsxs(EnterTileAnimation.EnterTileAnimation, { delay: '300ms', children: [jsxRuntime.jsx("div", { className: 'walletlist-help-content__icon', children: jsxRuntime.jsx(walletBook.WalletIcon, { icon: metadata === null || metadata === void 0 ? void 0 : metadata.icon, walletKey: walletKey, style: { height: pixelToRem.pixelToRem(56), width: pixelToRem.pixelToRem(56) } }) }), jsxRuntime.jsxs("div", { className: 'walletlist-help-content__typography-wrapper', children: [jsxRuntime.jsxs(Typography.Typography, { as: 'p', variant: 'title', weight: 'medium', children: ["We recommend installing ", metadata === null || metadata === void 0 ? void 0 : metadata.name] }), jsxRuntime.jsx(Typography.Typography, { as: 'label', variant: 'body_normal', weight: 'regular', color: 'secondary', className: 'walletlist-help-content__typography--label', children: "Select your preferred option below:" })] }), jsxRuntime.jsx("div", { className: 'walletlist-help-content__buttons-wrapper', children: walletLinksElements.map((element, i) => element.isEnabled ? (jsxRuntime.jsx("button", { onClick: () => setSelectedUrl(element.url), children: jsxRuntime.jsx(Item.Item, { StartIcon: element.icon, heading: element.content, url: element.url }) }, i)) : undefined) }), isCustodialServiceWallet && (jsxRuntime.jsxs("div", { className: 'walletlist-help-content__custodial-wallet-area', children: [jsxRuntime.jsx(Typography.Typography, { className: 'walletlist-help-content__custodial-wallet-area--title', as: 'p', color: 'secondary', variant: 'body_normal', weight: 'regular', children: "If you don't want to install a wallet, then use:" }), jsxRuntime.jsx(NewToWeb3WalletItem.NewToWeb3WalletItem, { wallet: newToWeb3Wallet })] })), jsxRuntime.jsx(WalletExtensionOrAppContinueButton.WalletExtensionOrAppContinueButton, { selectedUrl: selectedUrl, wallet: newToWeb3Wallet })] }) }));
 };
 exports.WalletListHelpContent = WalletListHelpContent;

package/src/lib/layout/DynamicAuthLayout/HelpContent/WalletListHelpContent/WalletListHelpContent.js CHANGED Viewed

@@ -2,12 +2,12 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useState } from 'react';
 import { AppleIcon, AndroidIcon } from '@dynamic-labs/iconic';
-import { useWalletBookContext, getWalletLinks, WalletIcon, getWalletBookWallet } from '@dynamic-labs/wallet-book';
+import { useWalletBookContext, WalletIcon } from '@dynamic-labs/wallet-book';
 import { isMobile } from '@dynamic-labs/utils';
+import { getWalletLinks } from '@dynamic-labs/wallet-connector-core';
 import '../../../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/sdk-api-core';
 import '../../../../shared/logger.js';
-import '@dynamic-labs/wallet-connector-core';
 import '../../../../context/ViewContext/ViewContext.js';
 import { ReactComponent as SvgPuzzle } from '../../../../shared/assets/puzzle.js';
 import { getValueByKey } from '../../../../shared/utils/functions/getValueByKey/index.js';
@@ -82,8 +82,7 @@ import { NewToWeb3WalletItem } from './NewToWeb3WalletItem/NewToWeb3WalletItem.j
 import { Item } from './Item/Item.js';
 import { WalletExtensionOrAppContinueButton } from './WalletExtensionOrAppContinueButton/WalletExtensionOrAppContinueButton.js';
 import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import 'bs58';
-import '../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../../../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../../../../index.js';
 import '../../../../store/state/tokenBalances.js';
@@ -99,7 +98,8 @@ const WalletListHelpContent = ({ chains, newToWeb3WalletChainMap, }) => {
     const walletKey = getValueByKey(newToWeb3WalletChainMap === null || newToWeb3WalletChainMap === void 0 ? void 0 : newToWeb3WalletChainMap.wallets, chainName);
     const newToWeb3Wallet = walletConnectorOptions.find((wallet) => wallet.key === walletKey);
     const isCustodialServiceWallet = newToWeb3Wallet === null || newToWeb3Wallet === void 0 ? void 0 : newToWeb3Wallet.walletConnector.canConnectViaCustodialService;
-    const links = getWalletLinks(walletBook, walletKey);
+    const metadata = newToWeb3Wallet === null || newToWeb3Wallet === void 0 ? void 0 : newToWeb3Wallet.walletConnector.metadata;
+    const links = getWalletLinks(metadata === null || metadata === void 0 ? void 0 : metadata.downloadLinks);
     const { currentDesktopUrl, canShowAndroidAppButton, canShowIosAppButton } = parseWalletLinks(links);
     const walletLinksElements = [
         {
@@ -124,7 +124,7 @@ const WalletListHelpContent = ({ chains, newToWeb3WalletChainMap, }) => {
     if (!Object.keys((_b = walletBook === null || walletBook === void 0 ? void 0 : walletBook.wallets) !== null && _b !== void 0 ? _b : {}).length) {
         return jsx(Skeleton, { className: 'walletlist-footer-content__container' });
     }
-    return (jsx("div", { className: 'walletlist-help-content__container', children: jsxs(EnterTileAnimation, { delay: '300ms', children: [jsx("div", { className: 'walletlist-help-content__icon', children: jsx(WalletIcon, { icon: newToWeb3Wallet === null || newToWeb3Wallet === void 0 ? void 0 : newToWeb3Wallet.walletConnector.metadata.icon, walletKey: walletKey, style: { height: pixelToRem(56), width: pixelToRem(56) } }) }), jsxs("div", { className: 'walletlist-help-content__typography-wrapper', children: [jsxs(Typography, { as: 'p', variant: 'title', weight: 'medium', children: ["We recommend installing", ' ', getWalletBookWallet(walletBook, walletKey).name] }), jsx(Typography, { as: 'label', variant: 'body_normal', weight: 'regular', color: 'secondary', className: 'walletlist-help-content__typography--label', children: "Select your preferred option below:" })] }), jsx("div", { className: 'walletlist-help-content__buttons-wrapper', children: walletLinksElements.map((element, i) => element.isEnabled ? (jsx("button", { onClick: () => setSelectedUrl(element.url), children: jsx(Item, { StartIcon: element.icon, heading: element.content, url: element.url }) }, i)) : undefined) }), isCustodialServiceWallet && (jsxs("div", { className: 'walletlist-help-content__custodial-wallet-area', children: [jsx(Typography, { className: 'walletlist-help-content__custodial-wallet-area--title', as: 'p', color: 'secondary', variant: 'body_normal', weight: 'regular', children: "If you don't want to install a wallet, then use:" }), jsx(NewToWeb3WalletItem, { wallet: newToWeb3Wallet })] })), jsx(WalletExtensionOrAppContinueButton, { selectedUrl: selectedUrl, wallet: newToWeb3Wallet })] }) }));
+    return (jsx("div", { className: 'walletlist-help-content__container', children: jsxs(EnterTileAnimation, { delay: '300ms', children: [jsx("div", { className: 'walletlist-help-content__icon', children: jsx(WalletIcon, { icon: metadata === null || metadata === void 0 ? void 0 : metadata.icon, walletKey: walletKey, style: { height: pixelToRem(56), width: pixelToRem(56) } }) }), jsxs("div", { className: 'walletlist-help-content__typography-wrapper', children: [jsxs(Typography, { as: 'p', variant: 'title', weight: 'medium', children: ["We recommend installing ", metadata === null || metadata === void 0 ? void 0 : metadata.name] }), jsx(Typography, { as: 'label', variant: 'body_normal', weight: 'regular', color: 'secondary', className: 'walletlist-help-content__typography--label', children: "Select your preferred option below:" })] }), jsx("div", { className: 'walletlist-help-content__buttons-wrapper', children: walletLinksElements.map((element, i) => element.isEnabled ? (jsx("button", { onClick: () => setSelectedUrl(element.url), children: jsx(Item, { StartIcon: element.icon, heading: element.content, url: element.url }) }, i)) : undefined) }), isCustodialServiceWallet && (jsxs("div", { className: 'walletlist-help-content__custodial-wallet-area', children: [jsx(Typography, { className: 'walletlist-help-content__custodial-wallet-area--title', as: 'p', color: 'secondary', variant: 'body_normal', weight: 'regular', children: "If you don't want to install a wallet, then use:" }), jsx(NewToWeb3WalletItem, { wallet: newToWeb3Wallet })] })), jsx(WalletExtensionOrAppContinueButton, { selectedUrl: selectedUrl, wallet: newToWeb3Wallet })] }) }));
 };
 export { WalletListHelpContent };

package/src/lib/layout/DynamicAuthLayout/HelpContent/WalletMoreInfoContent/WalletMoreInfoContent.cjs CHANGED Viewed

@@ -71,8 +71,7 @@ require('formik');
 require('../../../../store/state/sendBalances.cjs');
 require('../../../../components/Input/Input.cjs');
 require('../../../../components/OverlayCard/OverlayCard.cjs');
-require('bs58');
-require('../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../../../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../../../../index.cjs');

package/src/lib/layout/DynamicAuthLayout/HelpContent/WalletMoreInfoContent/WalletMoreInfoContent.js CHANGED Viewed

@@ -67,8 +67,7 @@ import 'formik';
 import '../../../../store/state/sendBalances.js';
 import '../../../../components/Input/Input.js';
 import '../../../../components/OverlayCard/OverlayCard.js';
-import 'bs58';
-import '../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../../../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../../../../index.js';

package/src/lib/layout/DynamicAuthLayout/ToSFooter/ToSFooter.cjs CHANGED Viewed

@@ -67,8 +67,7 @@ require('formik');
 require('../../../store/state/sendBalances.cjs');
 require('../../../components/Input/Input.cjs');
 require('../../../components/OverlayCard/OverlayCard.cjs');
-require('bs58');
-require('../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../../../index.cjs');

package/src/lib/layout/DynamicAuthLayout/ToSFooter/ToSFooter.js CHANGED Viewed

@@ -63,8 +63,7 @@ import 'formik';
 import '../../../store/state/sendBalances.js';
 import '../../../components/Input/Input.js';
 import '../../../components/OverlayCard/OverlayCard.js';
-import 'bs58';
-import '../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../../../index.js';

package/src/lib/layout/DynamicAuthLayout/WalletProgressStepper/WalletProgressStepper.cjs CHANGED Viewed

@@ -69,8 +69,7 @@ require('formik');
 require('../../../store/state/sendBalances.cjs');
 require('../../../components/Input/Input.cjs');
 require('../../../components/OverlayCard/OverlayCard.cjs');
-require('bs58');
-require('../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../../../index.cjs');

package/src/lib/layout/DynamicAuthLayout/WalletProgressStepper/WalletProgressStepper.js CHANGED Viewed

@@ -65,8 +65,7 @@ import 'formik';
 import '../../../store/state/sendBalances.js';
 import '../../../components/Input/Input.js';
 import '../../../components/OverlayCard/OverlayCard.js';
-import 'bs58';
-import '../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../../../index.js';

package/src/lib/layout/DynamicUserProfileLayout/DynamicUserProfileLayout.cjs CHANGED Viewed

@@ -85,8 +85,7 @@ var DynamicWidgetPrompts = require('../../widgets/DynamicWidget/components/Dynam
 var DynamicWidgetViews = require('../../widgets/DynamicWidget/components/DynamicWidgetViews/DynamicWidgetViews.cjs');
 var DynamicWidgetContext_types = require('../../widgets/DynamicWidget/context/DynamicWidgetContext.types.cjs');
 var BottomNavBar = require('../../widgets/DynamicWidget/components/BottomNavBar/BottomNavBar.cjs');
-require('bs58');
-require('../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../../index.cjs');
 require('../../store/state/tokenBalances.cjs');
 require('../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');

package/src/lib/layout/DynamicUserProfileLayout/DynamicUserProfileLayout.js CHANGED Viewed

@@ -81,8 +81,7 @@ import { DynamicWidgetPrompts } from '../../widgets/DynamicWidget/components/Dyn
 import { DynamicWidgetViews } from '../../widgets/DynamicWidget/components/DynamicWidgetViews/DynamicWidgetViews.js';
 import { DynamicPasskeyWidgetViews, DynamicTransactionsWidgetViews, DynamicMfaWidgetViews, DynamicSettingsViews, DynamicGlobalWalletViews } from '../../widgets/DynamicWidget/context/DynamicWidgetContext.types.js';
 import { BottomNavBar } from '../../widgets/DynamicWidget/components/BottomNavBar/BottomNavBar.js';
-import 'bs58';
-import '../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../../index.js';
 import '../../store/state/tokenBalances.js';
 import '../../shared/utils/functions/getInitialUrl/getInitialUrl.js';

package/src/lib/layouts/BridgeNextWalletToConnectLayout/BridgeNextWalletToConnectLayout.cjs CHANGED Viewed

@@ -70,8 +70,7 @@ var ModalHeader = require('../../components/ModalHeader/ModalHeader.cjs');
 require('../../store/state/sendBalances.cjs');
 require('../../components/Input/Input.cjs');
 require('../../components/OverlayCard/OverlayCard.cjs');
-require('bs58');
-require('../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../../index.cjs');

package/src/lib/layouts/BridgeNextWalletToConnectLayout/BridgeNextWalletToConnectLayout.js CHANGED Viewed

@@ -66,8 +66,7 @@ import { ModalHeader } from '../../components/ModalHeader/ModalHeader.js';
 import '../../store/state/sendBalances.js';
 import '../../components/Input/Input.js';
 import '../../components/OverlayCard/OverlayCard.js';
-import 'bs58';
-import '../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../context/PasskeyContext/PasskeyContext.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../../index.js';

package/src/lib/layouts/BridgeWelcomeLayout/BridgeWelcomeLayout.cjs CHANGED Viewed

@@ -70,8 +70,7 @@ var ModalHeader = require('../../components/ModalHeader/ModalHeader.cjs');
 require('../../store/state/sendBalances.cjs');
 require('../../components/Input/Input.cjs');
 require('../../components/OverlayCard/OverlayCard.cjs');
-require('bs58');
-require('../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../../index.cjs');

package/src/lib/layouts/BridgeWelcomeLayout/BridgeWelcomeLayout.js CHANGED Viewed

@@ -66,8 +66,7 @@ import { ModalHeader } from '../../components/ModalHeader/ModalHeader.js';
 import '../../store/state/sendBalances.js';
 import '../../components/Input/Input.js';
 import '../../components/OverlayCard/OverlayCard.js';
-import 'bs58';
-import '../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../context/PasskeyContext/PasskeyContext.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../../index.js';

package/src/lib/layouts/ConnectedWalletsListLayout/ConnectedWalletsListLayout.cjs CHANGED Viewed

@@ -71,8 +71,7 @@ var ModalHeader = require('../../components/ModalHeader/ModalHeader.cjs');
 require('../../store/state/sendBalances.cjs');
 require('../../components/Input/Input.cjs');
 require('../../components/OverlayCard/OverlayCard.cjs');
-require('bs58');
-require('../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../../index.cjs');

package/src/lib/layouts/ConnectedWalletsListLayout/ConnectedWalletsListLayout.js CHANGED Viewed

@@ -67,8 +67,7 @@ import { ModalHeader } from '../../components/ModalHeader/ModalHeader.js';
 import '../../store/state/sendBalances.js';
 import '../../components/Input/Input.js';
 import '../../components/OverlayCard/OverlayCard.js';
-import 'bs58';
-import '../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../context/PasskeyContext/PasskeyContext.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../../index.js';

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

@@ -1773,7 +1773,7 @@ const translation = {
             amount: 'Amount',
             from: 'From (You)',
             gas: 'Gas',
-            gas_estimate: 'Network fee',
+            gas_estimate: 'Network Fee',
             to: 'To',
             total: 'Total',
           },
@@ -1838,7 +1838,7 @@ const translation = {
                 amount: 'Amount',
                 from: 'From (You)',
                 gas: 'Gas',
-                gas_estimate: 'Network fee',
+                gas_estimate: 'Network Fee',
                 to: 'To',
                 total: 'Total',
                 wallet_used: 'Wallet used',
@@ -1867,6 +1867,7 @@ const translation = {
             send: 'Send',
             send_preview: 'Send Preview',
             confirmation_tx: 'Confirm Transaction',
+            banner: "You're nearly done! Confirm transaction to proceed.",
             recipient: {
                 label: 'Address',
                 placeholder: 'Enter wallet address...',

package/src/lib/locale/en/translation.d.ts CHANGED Viewed

@@ -1769,7 +1769,7 @@ export declare const translation: {
             amount: 'Amount',
             from: 'From (You)',
             gas: 'Gas',
-            gas_estimate: 'Network fee',
+            gas_estimate: 'Network Fee',
             to: 'To',
             total: 'Total',
           },
@@ -1863,6 +1863,7 @@ export declare const translation: {
             send: string;
             send_preview: string;
             confirmation_tx: string;
+            banner: string;
             recipient: {
                 label: string;
                 placeholder: string;

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

@@ -1769,7 +1769,7 @@ const translation = {
             amount: 'Amount',
             from: 'From (You)',
             gas: 'Gas',
-            gas_estimate: 'Network fee',
+            gas_estimate: 'Network Fee',
             to: 'To',
             total: 'Total',
           },
@@ -1834,7 +1834,7 @@ const translation = {
                 amount: 'Amount',
                 from: 'From (You)',
                 gas: 'Gas',
-                gas_estimate: 'Network fee',
+                gas_estimate: 'Network Fee',
                 to: 'To',
                 total: 'Total',
                 wallet_used: 'Wallet used',
@@ -1863,6 +1863,7 @@ const translation = {
             send: 'Send',
             send_preview: 'Send Preview',
             confirmation_tx: 'Confirm Transaction',
+            banner: "You're nearly done! Confirm transaction to proceed.",
             recipient: {
                 label: 'Address',
                 placeholder: 'Enter wallet address...',

package/src/lib/modals/AddNetworkModal/AddNetworkModal.cjs CHANGED Viewed

@@ -8,6 +8,7 @@ var ConfirmationModal = require('../ConfirmationModal/ConfirmationModal.cjs');
 var useConfirmationPortal = require('../../utils/hooks/useConfirmationPortal/useConfirmationPortal.cjs');
 require('react-i18next');
 require('@dynamic-labs/wallet-book');
+require('@dynamic-labs/wallet-connector-core');
 require('../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
 require('../../components/Alert/Alert.cjs');
 require('react');
@@ -18,7 +19,6 @@ require('../../context/DynamicContext/DynamicContext.cjs');
 require('@dynamic-labs/sdk-api-core');
 require('../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
-require('@dynamic-labs/wallet-connector-core');
 require('../../context/ViewContext/ViewContext.cjs');
 require('../../utils/constants/colors.cjs');
 require('../../utils/constants/values.cjs');
@@ -68,8 +68,7 @@ require('formik');
 require('../../store/state/sendBalances.cjs');
 require('../../components/Input/Input.cjs');
 require('../../components/OverlayCard/OverlayCard.cjs');
-require('bs58');
-require('../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../../index.cjs');
@@ -86,7 +85,7 @@ require('../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
-const AddNetworkModal = ({ walletKey, network, onCancel, onNetworkAdded, addNetworkMutation, }) => {
+const AddNetworkModal = ({ walletConnector, network, onCancel, onNetworkAdded, addNetworkMutation, }) => {
     const { onSuccess, show, handleOnModalUnmount, closeModal } = useConfirmationPortal.useConfirmationPortal({
         defaultErrorMessage: 'User canceled',
         onReject: onCancel,
@@ -94,7 +93,7 @@ const AddNetworkModal = ({ walletKey, network, onCancel, onNetworkAdded, addNetw
     });
     return (jsxRuntime.jsx(ConfirmationModal.ConfirmationModal, { modalId: 'prompt-to-add-network', show: show,
         // Disables the closing by clicking outside the modal
-        closeModal: () => { }, handleOnModalUnmount: handleOnModalUnmount, children: jsxRuntime.jsx(AddNetworkView.AddNetworkView, { walletKey: walletKey, addNetworkMutation: addNetworkMutation, network: network, onCancel: closeModal, onNetworkAdded: onSuccess }) }));
+        closeModal: () => { }, handleOnModalUnmount: handleOnModalUnmount, children: jsxRuntime.jsx(AddNetworkView.AddNetworkView, { walletConnector: walletConnector, addNetworkMutation: addNetworkMutation, network: network, onCancel: closeModal, onNetworkAdded: onSuccess }) }));
 };
 exports.AddNetworkModal = AddNetworkModal;

package/src/lib/modals/AddNetworkModal/AddNetworkModal.d.ts CHANGED Viewed

@@ -1,7 +1,8 @@
 import { FC } from 'react';
 import { GenericNetwork } from '@dynamic-labs/types';
+import { InternalWalletConnector } from '@dynamic-labs/wallet-connector-core';
 type AddNetworkModalProps = {
-    walletKey: string;
+    walletConnector: InternalWalletConnector;
     network: GenericNetwork;
     onCancel: () => void;
     onNetworkAdded: () => void;