@dynamic-labs/sdk-react-core 0.18.0-beta.31 → 0.18.0

package/src/lib/views/TransactionConfirmationView/hooks/{useTransactionData/useTransactionData.cjs → useTransactionGas/useTransactionGas.cjs}

@@ -43,54 +43,29 @@ require('../../../../context/MockContext/MockContext.cjs');
 require('../../../../context/CaptchaContext/CaptchaContext.cjs');
 var usePromise = require('../../../../utils/hooks/usePromise/usePromise.cjs');
 require('../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');
+var useTransactionEstimatedGas = require('../../../../utils/hooks/useTransactionEstimatedGas/useTransactionEstimatedGas.cjs');
 
-const useTransactionData = ({ provider, transaction, }) => {
-    const { data: transactionValue, isLoading: isEffectiveValueLoading } = usePromise.usePromise(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        const val = yield transaction.value;
-        return val ? ethers.ethers.BigNumber.from(val) : undefined;
-    }));
-    const { data: estimatedGas, isLoading: isEstimatedGasLoading } = usePromise.usePromise(() => {
-        // To safely run estimateGas using alchemy, we need to remove the from address
-        // because alchemy checks the origin address funds and can return an error if
-        // origin wallet has no funds for the transaction
-        // https://docs.alchemy.com/reference/eth-estimategas
-        const transactionWithNoOrigin = _tslib.__rest(transaction, ["from"]);
-        return provider.estimateGas(transactionWithNoOrigin);
+const useTransactionGas = ({ provider, transaction, }) => {
+    const { data: estimatedGas, isLoading: isEstimatedGasLoading } = useTransactionEstimatedGas.useTransactionEstimatedGas(provider, transaction);
+    const { data: gasPrice, isLoading: isLoadingGasPrice } = usePromise.usePromise(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        if (transaction.gasPrice) {
+            const gasPrice = yield transaction.gasPrice;
+            return gasPrice ? ethers.ethers.BigNumber.from(gasPrice) : undefined;
+        }
+        return provider.getGasPrice();
+    }), {
+        deps: [transaction.gasPrice],
     });
-    const { data: gasPrice, isLoading: isFeeDataLoading } = usePromise.usePromise(() => provider.getGasPrice());
-    const isGasPriceLoading = isEstimatedGasLoading || isFeeDataLoading;
-    const gasEstimate = React.useMemo(() => gasPrice && estimatedGas
+    const gasTotalPrice = React.useMemo(() => gasPrice && estimatedGas
         ? ethers.ethers.BigNumber.from(gasPrice).mul(estimatedGas)
         : undefined, [gasPrice, estimatedGas]);
-    const { data: transactionToAddress, isLoading: isTransactionToAddressLoading, } = usePromise.usePromise(() => transaction.to);
-    const { data: transactionFromAddress, isLoading: isTransactionFromAddressLoading, } = usePromise.usePromise(() => transaction.from);
-    const total = React.useMemo(() => {
-        if (gasEstimate !== undefined && transactionValue !== undefined) {
-            return gasEstimate.add(transactionValue);
-        }
-        return transactionValue || gasEstimate;
-    }, [gasEstimate, transactionValue]);
-    const isLoading = React.useMemo(() => isEffectiveValueLoading ||
-        isGasPriceLoading ||
-        isTransactionToAddressLoading ||
-        isTransactionFromAddressLoading, [
-        isEffectiveValueLoading,
-        isGasPriceLoading,
-        isTransactionToAddressLoading,
-        isTransactionFromAddressLoading,
-    ]);
+    const isLoading = isEstimatedGasLoading || isLoadingGasPrice;
+    const isGasEstimated = Boolean(estimatedGas) && !transaction.gasPrice;
     return {
-        gasEstimate,
-        isEffectiveValueLoading,
-        isGasPriceLoading,
+        gasTotalPrice,
+        isGasEstimated,
         isLoading,
-        isTransactionFromAddressLoading,
-        isTransactionToAddressLoading,
-        total,
-        transactionFromAddress,
-        transactionToAddress,
-        transactionValue,
     };
 };
 
-exports.useTransactionData = useTransactionData;
+exports.useTransactionGas = useTransactionGas;

package/src/lib/views/TransactionConfirmationView/hooks/useTransactionGas/useTransactionGas.d.ts

@@ -0,0 +1,11 @@
+import { ethers } from 'ethers';
+type UseTransactionGasProps = {
+    provider: ethers.providers.Web3Provider;
+    transaction: ethers.utils.Deferrable<ethers.providers.TransactionRequest>;
+};
+export declare const useTransactionGas: ({ provider, transaction, }: UseTransactionGasProps) => {
+    gasTotalPrice: ethers.BigNumber | undefined;
+    isGasEstimated: boolean;
+    isLoading: boolean;
+};
+export {};

package/src/lib/views/TransactionConfirmationView/hooks/{useTransactionData/useTransactionData.js → useTransactionGas/useTransactionGas.js}

@@ -1,4 +1,4 @@
-import { __awaiter, __rest } from '../../../../../../_virtual/_tslib.js';
+import { __awaiter } from '../../../../../../_virtual/_tslib.js';
 import { useMemo } from 'react';
 import { ethers } from 'ethers';
 import '@dynamic-labs/utils';
@@ -39,54 +39,29 @@ import '../../../../context/MockContext/MockContext.js';
 import '../../../../context/CaptchaContext/CaptchaContext.js';
 import { usePromise } from '../../../../utils/hooks/usePromise/usePromise.js';
 import '../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
+import { useTransactionEstimatedGas } from '../../../../utils/hooks/useTransactionEstimatedGas/useTransactionEstimatedGas.js';
 
-const useTransactionData = ({ provider, transaction, }) => {
-    const { data: transactionValue, isLoading: isEffectiveValueLoading } = usePromise(() => __awaiter(void 0, void 0, void 0, function* () {
-        const val = yield transaction.value;
-        return val ? ethers.BigNumber.from(val) : undefined;
-    }));
-    const { data: estimatedGas, isLoading: isEstimatedGasLoading } = usePromise(() => {
-        // To safely run estimateGas using alchemy, we need to remove the from address
-        // because alchemy checks the origin address funds and can return an error if
-        // origin wallet has no funds for the transaction
-        // https://docs.alchemy.com/reference/eth-estimategas
-        const transactionWithNoOrigin = __rest(transaction, ["from"]);
-        return provider.estimateGas(transactionWithNoOrigin);
+const useTransactionGas = ({ provider, transaction, }) => {
+    const { data: estimatedGas, isLoading: isEstimatedGasLoading } = useTransactionEstimatedGas(provider, transaction);
+    const { data: gasPrice, isLoading: isLoadingGasPrice } = usePromise(() => __awaiter(void 0, void 0, void 0, function* () {
+        if (transaction.gasPrice) {
+            const gasPrice = yield transaction.gasPrice;
+            return gasPrice ? ethers.BigNumber.from(gasPrice) : undefined;
+        }
+        return provider.getGasPrice();
+    }), {
+        deps: [transaction.gasPrice],
     });
-    const { data: gasPrice, isLoading: isFeeDataLoading } = usePromise(() => provider.getGasPrice());
-    const isGasPriceLoading = isEstimatedGasLoading || isFeeDataLoading;
-    const gasEstimate = useMemo(() => gasPrice && estimatedGas
+    const gasTotalPrice = useMemo(() => gasPrice && estimatedGas
         ? ethers.BigNumber.from(gasPrice).mul(estimatedGas)
         : undefined, [gasPrice, estimatedGas]);
-    const { data: transactionToAddress, isLoading: isTransactionToAddressLoading, } = usePromise(() => transaction.to);
-    const { data: transactionFromAddress, isLoading: isTransactionFromAddressLoading, } = usePromise(() => transaction.from);
-    const total = useMemo(() => {
-        if (gasEstimate !== undefined && transactionValue !== undefined) {
-            return gasEstimate.add(transactionValue);
-        }
-        return transactionValue || gasEstimate;
-    }, [gasEstimate, transactionValue]);
-    const isLoading = useMemo(() => isEffectiveValueLoading ||
-        isGasPriceLoading ||
-        isTransactionToAddressLoading ||
-        isTransactionFromAddressLoading, [
-        isEffectiveValueLoading,
-        isGasPriceLoading,
-        isTransactionToAddressLoading,
-        isTransactionFromAddressLoading,
-    ]);
+    const isLoading = isEstimatedGasLoading || isLoadingGasPrice;
+    const isGasEstimated = Boolean(estimatedGas) && !transaction.gasPrice;
     return {
-        gasEstimate,
-        isEffectiveValueLoading,
-        isGasPriceLoading,
+        gasTotalPrice,
+        isGasEstimated,
         isLoading,
-        isTransactionFromAddressLoading,
-        isTransactionToAddressLoading,
-        total,
-        transactionFromAddress,
-        transactionToAddress,
-        transactionValue,
     };
 };
 
-export { useTransactionData };
+export { useTransactionGas };

package/src/lib/views/TransactionConfirmationView/hooks/useTransactionTotal/index.d.ts

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

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

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+const useTransactionTotal = ({ transactionValue, gasTotalPrice, }) => React.useMemo(() => {
+    if (gasTotalPrice !== undefined && transactionValue !== undefined) {
+        return gasTotalPrice.add(transactionValue);
+    }
+    return transactionValue || gasTotalPrice;
+}, [gasTotalPrice, transactionValue]);
+
+exports.useTransactionTotal = useTransactionTotal;

package/src/lib/views/TransactionConfirmationView/hooks/useTransactionTotal/useTransactionTotal.d.ts

@@ -0,0 +1,7 @@
+import { ethers } from 'ethers';
+type UseTransactionTotalProps = {
+    transactionValue?: ethers.BigNumber;
+    gasTotalPrice?: ethers.BigNumber;
+};
+export declare const useTransactionTotal: ({ transactionValue, gasTotalPrice, }: UseTransactionTotalProps) => ethers.BigNumber | undefined;
+export {};

package/src/lib/views/TransactionConfirmationView/hooks/useTransactionTotal/useTransactionTotal.js

@@ -0,0 +1,10 @@
+import { useMemo } from 'react';
+
+const useTransactionTotal = ({ transactionValue, gasTotalPrice, }) => useMemo(() => {
+    if (gasTotalPrice !== undefined && transactionValue !== undefined) {
+        return gasTotalPrice.add(transactionValue);
+    }
+    return transactionValue || gasTotalPrice;
+}, [gasTotalPrice, transactionValue]);
+
+export { useTransactionTotal };

package/src/lib/views/WalletList/WalletList.cjs

@@ -78,7 +78,10 @@ const WalletList = ({ isWalletConnectList = false, }) => {
     };
     return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", Object.assign({ className: 'wallet-list__container' }, { children: [error && jsxRuntime.jsx(ErrorContainer.ErrorContainer, { children: error }), !projectSettings ? (jsxRuntime.jsx(Skeleton.Skeleton, { className: 'wallet-list__search-skeleton' })) : (isSearchEnabled && (jsxRuntime.jsx(Search.Search, { label: `Search through ${numberOfWallets} wallets...`, value: filterValue, onChange: ({ target: { value } }) => handleFilterValueChange(value), onClickClear: () => handleFilterValueChange('') }))), jsxRuntime.jsxs("div", Object.assign({ className: classNames.classNames('wallet-list__scroll-container', {
                             'wallet-list__scroll-container--full-height': isSearchEnabled,
-                        }), "data-testid": 'wallet-list-scroll-container', ref: walletListScrollRef, onScroll: handleScroll }, { children: [!projectSettings ? (jsxRuntime.jsx(Skeleton.Skeleton, { count: 10, className: 'wallet-list__tile-skeleton' })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [wallets.length === 0 && (jsxRuntime.jsx(ErrorContainer.ErrorContainer, { children: "Oops, no login methods have been configured." })), wallets.length && walletsList.length === 0 ? (jsxRuntime.jsx(SearchNotFoundMessage.SearchNotFoundMessage, { title: 'No wallet found.', subtitle: 'Try searching for a different wallet', image: jsxRuntime.jsx(noWalletFound.ReactComponent, {}) })) : (walletsList.map((wallet) => (jsxRuntime.jsx(WalletListItem.WalletListItem, { wallet: wallet, usingMultiWallet: isUsingMultiWallet, onResetSearchValue: () => handleFilterValueChange('') }, wallet.key))))] })), isSearchEnabled && !filterValue && projectSettings && (jsxRuntime.jsx(SearchNotFoundMessage.SearchNotFoundMessage, {}))] }))] })), noDefaultFooter && (jsxRuntime.jsx("div", { className: classNames.classNames('wallet-list__tiny-footer', {
+                        }), "data-testid": 'wallet-list-scroll-container', ref: walletListScrollRef, onScroll: handleScroll }, { children: [!projectSettings ? (jsxRuntime.jsx(Skeleton.Skeleton, { count: 10, className: 'wallet-list__tile-skeleton' })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [wallets.length === 0 && (jsxRuntime.jsx(ErrorContainer.ErrorContainer, { children: "Oops, no login methods have been configured." })), wallets.length && walletsList.length === 0 ? (jsxRuntime.jsx(SearchNotFoundMessage.SearchNotFoundMessage, { title: 'No wallet found.', subtitle: 'Try searching for a different wallet', image: jsxRuntime.jsx(noWalletFound.ReactComponent, {}) })) : (walletsList.map((wallet) => {
+                                        var _a;
+                                        return (jsxRuntime.jsx(WalletListItem.WalletListItem, { wallet: wallet, usingMultiWallet: isUsingMultiWallet, onResetSearchValue: () => handleFilterValueChange('') }, wallet.key + ((_a = wallet.groupedWallets) === null || _a === void 0 ? void 0 : _a.length)));
+                                    }))] })), isSearchEnabled && !filterValue && projectSettings && (jsxRuntime.jsx(SearchNotFoundMessage.SearchNotFoundMessage, {}))] }))] })), noDefaultFooter && (jsxRuntime.jsx("div", { className: classNames.classNames('wallet-list__tiny-footer', {
                     'wallet-list__tiny-footer--hidden': footerIsVisible,
                 }), "data-testid": 'wallet-list-tiny-footer' }))] }));
 };

package/src/lib/views/WalletList/WalletList.js

@@ -74,7 +74,10 @@ const WalletList = ({ isWalletConnectList = false, }) => {
     };
     return (jsxs(Fragment, { children: [jsxs("div", Object.assign({ className: 'wallet-list__container' }, { children: [error && jsx(ErrorContainer, { children: error }), !projectSettings ? (jsx(Skeleton, { className: 'wallet-list__search-skeleton' })) : (isSearchEnabled && (jsx(Search, { label: `Search through ${numberOfWallets} wallets...`, value: filterValue, onChange: ({ target: { value } }) => handleFilterValueChange(value), onClickClear: () => handleFilterValueChange('') }))), jsxs("div", Object.assign({ className: classNames('wallet-list__scroll-container', {
                             'wallet-list__scroll-container--full-height': isSearchEnabled,
-                        }), "data-testid": 'wallet-list-scroll-container', ref: walletListScrollRef, onScroll: handleScroll }, { children: [!projectSettings ? (jsx(Skeleton, { count: 10, className: 'wallet-list__tile-skeleton' })) : (jsxs(Fragment, { children: [wallets.length === 0 && (jsx(ErrorContainer, { children: "Oops, no login methods have been configured." })), wallets.length && walletsList.length === 0 ? (jsx(SearchNotFoundMessage, { title: 'No wallet found.', subtitle: 'Try searching for a different wallet', image: jsx(SvgNoWalletFound, {}) })) : (walletsList.map((wallet) => (jsx(WalletListItem, { wallet: wallet, usingMultiWallet: isUsingMultiWallet, onResetSearchValue: () => handleFilterValueChange('') }, wallet.key))))] })), isSearchEnabled && !filterValue && projectSettings && (jsx(SearchNotFoundMessage, {}))] }))] })), noDefaultFooter && (jsx("div", { className: classNames('wallet-list__tiny-footer', {
+                        }), "data-testid": 'wallet-list-scroll-container', ref: walletListScrollRef, onScroll: handleScroll }, { children: [!projectSettings ? (jsx(Skeleton, { count: 10, className: 'wallet-list__tile-skeleton' })) : (jsxs(Fragment, { children: [wallets.length === 0 && (jsx(ErrorContainer, { children: "Oops, no login methods have been configured." })), wallets.length && walletsList.length === 0 ? (jsx(SearchNotFoundMessage, { title: 'No wallet found.', subtitle: 'Try searching for a different wallet', image: jsx(SvgNoWalletFound, {}) })) : (walletsList.map((wallet) => {
+                                        var _a;
+                                        return (jsx(WalletListItem, { wallet: wallet, usingMultiWallet: isUsingMultiWallet, onResetSearchValue: () => handleFilterValueChange('') }, wallet.key + ((_a = wallet.groupedWallets) === null || _a === void 0 ? void 0 : _a.length)));
+                                    }))] })), isSearchEnabled && !filterValue && projectSettings && (jsx(SearchNotFoundMessage, {}))] }))] })), noDefaultFooter && (jsx("div", { className: classNames('wallet-list__tiny-footer', {
                     'wallet-list__tiny-footer--hidden': footerIsVisible,
                 }), "data-testid": 'wallet-list-tiny-footer' }))] }));
 };

package/src/lib/views/WalletLockedView/WalletLockedView.cjs

@@ -2,12 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _tslib = require('../../../../_virtual/_tslib.cjs');
 var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
 var walletBook = require('@dynamic-labs/wallet-book');
-require('react');
 var Typography = require('../../components/Typography/Typography.cjs');
 require('@dynamic-labs/sdk-api');
-require('../../shared/logger.cjs');
+var logger = require('../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
 require('../../context/ViewContext/ViewContext.cjs');
@@ -51,15 +52,30 @@ require('../../components/MenuList/Dropdown/Dropdown.cjs');
 
 const iconSize = 64;
 const WalletLockedView = () => {
-    const { handleLogOut, primaryWallet, setShowAuthFlow } = useInternalDynamicContext.useInternalDynamicContext();
+    const { handleLogOut, primaryWallet, setShowAuthFlow, appName, authToken } = useInternalDynamicContext.useInternalDynamicContext();
+    React.useEffect(() => {
+        // when there is no valid session, we want to log user out
+        if (!authToken) {
+            handleLogOut();
+        }
+    }, [authToken, handleLogOut]);
     if (!primaryWallet) {
         return null;
     }
+    const handleConnectWallet = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        try {
+            yield primaryWallet.connector.connect();
+            setShowAuthFlow(false);
+        }
+        catch (_a) {
+            logger.logger.info('could not connect wallet');
+        }
+    });
     const icon = (jsxRuntime.jsx(walletBook.WalletIcon, { walletName: primaryWallet.connector.name, style: {
             height: pixelToRem.pixelToRem(iconSize * IconWithSpinner.iconRatio),
             width: pixelToRem.pixelToRem(iconSize * IconWithSpinner.iconRatio),
         } }));
-    return (jsxRuntime.jsxs("div", Object.assign({ "data-testid": 'wallet-locked-view' }, { children: [jsxRuntime.jsx(ErrorContainer.ErrorContainer, Object.assign({ withIcon: false, className: 'wallet-locked-view__error-container' }, { children: "We cannot connect to your wallet" })), jsxRuntime.jsxs("div", Object.assign({ className: 'wallet-locked-view__content' }, { children: [jsxRuntime.jsx(IconWithSpinner.IconWithSpinner, { Icon: icon, iconSize: iconSize, className: 'wallet-locked-view__icon', isSpinning: true }), jsxRuntime.jsx(Typography.Typography, Object.assign({ variant: 'title', color: 'primary', weight: 'medium', className: 'wallet-locked-view__title' }, { children: "Unlock your Wallet extension" })), jsxRuntime.jsx(Typography.Typography, Object.assign({ variant: 'body_normal', color: 'secondary', weight: 'regular' }, { children: "Your wallet extension is locked. To continue, open your extension and unlock your wallet." })), jsxRuntime.jsx(Typography.Typography, Object.assign({ variant: 'body_normal', color: 'secondary', weight: 'regular', className: 'wallet-locked-view__button-header' }, { children: "Once unlocked, click here" })), jsxRuntime.jsx(Button.Button, Object.assign({ buttonRounded: 'default', onClick: () => setShowAuthFlow(false), buttonClassName: 'wallet-locked-view__button' }, { children: "I unlocked the wallet" })), jsxRuntime.jsx(Divider.Divider, { text: 'Or' }), jsxRuntime.jsx(TextButton.TextButton, Object.assign({ className: 'wallet-locked-view__log-out', onClick: handleLogOut }, { children: "Log out" }))] }))] })));
+    return (jsxRuntime.jsxs("div", Object.assign({ "data-testid": 'wallet-locked-view' }, { children: [jsxRuntime.jsx(ErrorContainer.ErrorContainer, Object.assign({ withIcon: false, variant: 'success', className: 'wallet-locked-view__error-container' }, { children: "Connect your wallet to continue" })), jsxRuntime.jsxs("div", Object.assign({ className: 'wallet-locked-view__content' }, { children: [jsxRuntime.jsx(IconWithSpinner.IconWithSpinner, { Icon: icon, iconSize: iconSize, className: 'wallet-locked-view__icon', isSpinning: true }), jsxRuntime.jsx(Typography.Typography, Object.assign({ variant: 'title', color: 'primary', weight: 'medium', className: 'wallet-locked-view__title' }, { children: "Welcome back." })), jsxRuntime.jsxs(Typography.Typography, Object.assign({ variant: 'body_normal', color: 'secondary', weight: 'regular' }, { children: ["We couldn't connect to your wallet. Click connect to retry the connection ", appName, "."] })), jsxRuntime.jsx(Button.Button, Object.assign({ buttonRounded: 'default', onClick: () => handleConnectWallet(), buttonClassName: 'wallet-locked-view__button' }, { children: "Connect wallet" })), jsxRuntime.jsx(Divider.Divider, { text: 'Or' }), jsxRuntime.jsx(TextButton.TextButton, Object.assign({ className: 'wallet-locked-view__log-out', onClick: handleLogOut }, { children: "Log out" }))] }))] })));
 };
 
 exports.WalletLockedView = WalletLockedView;

package/src/lib/views/WalletLockedView/WalletLockedView.js

@@ -1,9 +1,10 @@
+import { __awaiter } from '../../../../_virtual/_tslib.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
+import { useEffect } from 'react';
 import { WalletIcon } from '@dynamic-labs/wallet-book';
-import 'react';
 import { Typography } from '../../components/Typography/Typography.js';
 import '@dynamic-labs/sdk-api';
-import '../../shared/logger.js';
+import { logger } from '../../shared/logger.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import '../../context/ViewContext/ViewContext.js';
@@ -47,15 +48,30 @@ import '../../components/MenuList/Dropdown/Dropdown.js';
 
 const iconSize = 64;
 const WalletLockedView = () => {
-    const { handleLogOut, primaryWallet, setShowAuthFlow } = useInternalDynamicContext();
+    const { handleLogOut, primaryWallet, setShowAuthFlow, appName, authToken } = useInternalDynamicContext();
+    useEffect(() => {
+        // when there is no valid session, we want to log user out
+        if (!authToken) {
+            handleLogOut();
+        }
+    }, [authToken, handleLogOut]);
     if (!primaryWallet) {
         return null;
     }
+    const handleConnectWallet = () => __awaiter(void 0, void 0, void 0, function* () {
+        try {
+            yield primaryWallet.connector.connect();
+            setShowAuthFlow(false);
+        }
+        catch (_a) {
+            logger.info('could not connect wallet');
+        }
+    });
     const icon = (jsx(WalletIcon, { walletName: primaryWallet.connector.name, style: {
             height: pixelToRem(iconSize * iconRatio),
             width: pixelToRem(iconSize * iconRatio),
         } }));
-    return (jsxs("div", Object.assign({ "data-testid": 'wallet-locked-view' }, { children: [jsx(ErrorContainer, Object.assign({ withIcon: false, className: 'wallet-locked-view__error-container' }, { children: "We cannot connect to your wallet" })), jsxs("div", Object.assign({ className: 'wallet-locked-view__content' }, { children: [jsx(IconWithSpinner, { Icon: icon, iconSize: iconSize, className: 'wallet-locked-view__icon', isSpinning: true }), jsx(Typography, Object.assign({ variant: 'title', color: 'primary', weight: 'medium', className: 'wallet-locked-view__title' }, { children: "Unlock your Wallet extension" })), jsx(Typography, Object.assign({ variant: 'body_normal', color: 'secondary', weight: 'regular' }, { children: "Your wallet extension is locked. To continue, open your extension and unlock your wallet." })), jsx(Typography, Object.assign({ variant: 'body_normal', color: 'secondary', weight: 'regular', className: 'wallet-locked-view__button-header' }, { children: "Once unlocked, click here" })), jsx(Button, Object.assign({ buttonRounded: 'default', onClick: () => setShowAuthFlow(false), buttonClassName: 'wallet-locked-view__button' }, { children: "I unlocked the wallet" })), jsx(Divider, { text: 'Or' }), jsx(TextButton, Object.assign({ className: 'wallet-locked-view__log-out', onClick: handleLogOut }, { children: "Log out" }))] }))] })));
+    return (jsxs("div", Object.assign({ "data-testid": 'wallet-locked-view' }, { children: [jsx(ErrorContainer, Object.assign({ withIcon: false, variant: 'success', className: 'wallet-locked-view__error-container' }, { children: "Connect your wallet to continue" })), jsxs("div", Object.assign({ className: 'wallet-locked-view__content' }, { children: [jsx(IconWithSpinner, { Icon: icon, iconSize: iconSize, className: 'wallet-locked-view__icon', isSpinning: true }), jsx(Typography, Object.assign({ variant: 'title', color: 'primary', weight: 'medium', className: 'wallet-locked-view__title' }, { children: "Welcome back." })), jsxs(Typography, Object.assign({ variant: 'body_normal', color: 'secondary', weight: 'regular' }, { children: ["We couldn't connect to your wallet. Click connect to retry the connection ", appName, "."] })), jsx(Button, Object.assign({ buttonRounded: 'default', onClick: () => handleConnectWallet(), buttonClassName: 'wallet-locked-view__button' }, { children: "Connect wallet" })), jsx(Divider, { text: 'Or' }), jsx(TextButton, Object.assign({ className: 'wallet-locked-view__log-out', onClick: handleLogOut }, { children: "Log out" }))] }))] })));
 };
 
 export { WalletLockedView };

package/src/lib/views/TransactionConfirmationView/hooks/useTransactionData/index.d.ts

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

package/src/lib/views/TransactionConfirmationView/hooks/useTransactionData/useTransactionData.d.ts

@@ -1,18 +0,0 @@
-import { ethers } from 'ethers';
-type TransactionDataHookProps = {
-    provider: ethers.providers.Web3Provider;
-    transaction: ethers.utils.Deferrable<ethers.providers.TransactionRequest>;
-};
-export declare const useTransactionData: ({ provider, transaction, }: TransactionDataHookProps) => {
-    gasEstimate: ethers.BigNumber | undefined;
-    isEffectiveValueLoading: boolean;
-    isGasPriceLoading: boolean;
-    isLoading: boolean;
-    isTransactionFromAddressLoading: boolean;
-    isTransactionToAddressLoading: boolean;
-    total: ethers.BigNumber | undefined;
-    transactionFromAddress: string | undefined;
-    transactionToAddress: string | undefined;
-    transactionValue: ethers.BigNumber | undefined;
-};
-export {};