@lifi/widget 3.23.1-beta.0 → 3.23.2-beta.0
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.
- package/dist/esm/components/Messages/AccountDeployedMessage.js +2 -2
- package/dist/esm/components/Messages/AccountDeployedMessage.js.map +1 -1
- package/dist/esm/config/version.d.ts +1 -1
- package/dist/esm/config/version.js +1 -1
- package/dist/esm/pages/SendToWallet/SendToWalletPage.js +8 -4
- package/dist/esm/pages/SendToWallet/SendToWalletPage.js.map +1 -1
- package/dist/esm/types/widget.d.ts +2 -1
- package/dist/esm/types/widget.js +1 -0
- package/dist/esm/types/widget.js.map +1 -1
- package/package.json +1 -1
- package/package.json.tmp +1 -1
- package/src/components/Messages/AccountDeployedMessage.tsx +3 -2
- package/src/config/version.ts +1 -1
- package/src/pages/SendToWallet/SendToWalletPage.tsx +60 -52
- package/src/types/widget.ts +1 -0
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import
|
|
2
|
+
import WarningRounded from '@mui/icons-material/WarningRounded';
|
|
3
3
|
import { Typography } from '@mui/material';
|
|
4
4
|
import { useTranslation } from 'react-i18next';
|
|
5
5
|
import { AlertMessage } from './AlertMessage.js';
|
|
@@ -8,6 +8,6 @@ export const AccountDeployedMessage = ({ ...props }) => {
|
|
|
8
8
|
return (_jsx(AlertMessage, { title: _jsx(Typography, { variant: "body2", sx: {
|
|
9
9
|
px: 1,
|
|
10
10
|
color: 'text.primary',
|
|
11
|
-
}, children: t('info.message.accountDeployedMessage') }), icon: _jsx(
|
|
11
|
+
}, children: t('info.message.accountDeployedMessage') }), icon: _jsx(WarningRounded, {}), severity: "warning", multiline: true, ...props }));
|
|
12
12
|
};
|
|
13
13
|
//# sourceMappingURL=AccountDeployedMessage.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccountDeployedMessage.js","sourceRoot":"","sources":["../../../../src/components/Messages/AccountDeployedMessage.tsx"],"names":[],"mappings":";AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"AccountDeployedMessage.js","sourceRoot":"","sources":["../../../../src/components/Messages/AccountDeployedMessage.tsx"],"names":[],"mappings":";AAAA,OAAO,cAAc,MAAM,oCAAoC,CAAA;AAE/D,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAEhD,MAAM,CAAC,MAAM,sBAAsB,GAAuB,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACzE,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAC9B,OAAO,CACL,KAAC,YAAY,IACX,KAAK,EACH,KAAC,UAAU,IACT,OAAO,EAAC,OAAO,EACf,EAAE,EAAE;gBACF,EAAE,EAAE,CAAC;gBACL,KAAK,EAAE,cAAc;aACtB,YAEA,CAAC,CAAC,qCAAqC,CAAC,GAC9B,EAEf,IAAI,EAAE,KAAC,cAAc,KAAG,EACxB,QAAQ,EAAC,SAAS,EAClB,SAAS,WACL,KAAK,GACT,CACH,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export declare const name = "@lifi/widget";
|
|
2
|
-
export declare const version = "3.23.
|
|
2
|
+
export declare const version = "3.23.2-beta.0";
|
|
@@ -10,6 +10,7 @@ import { useTranslation } from 'react-i18next';
|
|
|
10
10
|
import { useNavigate } from 'react-router-dom';
|
|
11
11
|
import { ButtonTertiary } from '../../components/ButtonTertiary.js';
|
|
12
12
|
import { CardButton } from '../../components/Card/CardButton.js';
|
|
13
|
+
import { AccountDeployedMessage } from '../../components/Messages/AccountDeployedMessage.js';
|
|
13
14
|
import { AddressType, useAddressValidation, } from '../../hooks/useAddressValidation.js';
|
|
14
15
|
import { useChain } from '../../hooks/useChain.js';
|
|
15
16
|
import { useHeader } from '../../hooks/useHeader.js';
|
|
@@ -19,7 +20,7 @@ import { useBookmarkActions } from '../../stores/bookmarks/useBookmarkActions.js
|
|
|
19
20
|
import { useBookmarks } from '../../stores/bookmarks/useBookmarks.js';
|
|
20
21
|
import { useFieldActions } from '../../stores/form/useFieldActions.js';
|
|
21
22
|
import { useFieldValues } from '../../stores/form/useFieldValues.js';
|
|
22
|
-
import { HiddenUI } from '../../types/widget.js';
|
|
23
|
+
import { HiddenUI, RequiredUI } from '../../types/widget.js';
|
|
23
24
|
import { navigationRoutes } from '../../utils/navigationRoutes.js';
|
|
24
25
|
import { BookmarkAddressSheet } from './BookmarkAddressSheet.js';
|
|
25
26
|
import { ConfirmAddressSheet } from './ConfirmAddressSheet.js';
|
|
@@ -41,7 +42,7 @@ export const SendToWalletPage = () => {
|
|
|
41
42
|
const { chain: toChain } = useChain(toChainId);
|
|
42
43
|
const [isDoneButtonLoading, setIsDoneButtonLoading] = useState(false);
|
|
43
44
|
const [isBookmarkButtonLoading, setIsBookmarkButtonLoading] = useState(false);
|
|
44
|
-
const { variant, hiddenUI } = useWidgetConfig();
|
|
45
|
+
const { variant, hiddenUI, requiredUI } = useWidgetConfig();
|
|
45
46
|
const { accounts } = useAccount();
|
|
46
47
|
const connectedWallets = accounts.filter((account) => account.isConnected);
|
|
47
48
|
useHeader(t('header.sendToWallet'));
|
|
@@ -144,9 +145,12 @@ export const SendToWalletPage = () => {
|
|
|
144
145
|
const placeholder = t('sendToWallet.enterAddress', {
|
|
145
146
|
context: 'long',
|
|
146
147
|
});
|
|
147
|
-
return (_jsxs(FullHeightAdjustablePageContainer, { bottomGutters: true, enableFullHeight: variant !== 'drawer', children: [_jsxs(
|
|
148
|
+
return (_jsxs(FullHeightAdjustablePageContainer, { bottomGutters: true, enableFullHeight: variant !== 'drawer', children: [_jsxs(Box, { sx: {
|
|
149
|
+
display: 'flex',
|
|
150
|
+
flexDirection: 'column',
|
|
151
|
+
gap: 2,
|
|
148
152
|
marginBottom: 6,
|
|
149
|
-
}, children: [_jsx(AddressInput, { size: "small", autoComplete: "off", autoCorrect: "off", autoCapitalize: "off", spellCheck: "false", onChange: handleInputChange, value: inputAddressValue, placeholder: placeholder, "aria-label": placeholder, maxRows: 2, inputProps: { maxLength: 128 }, multiline: true }), errorMessage ? (_jsx(ValidationAlert, { icon: _jsx(ErrorIcon, {}), sx: { pb: 2, paddingX: 2 }, children: errorMessage })) : null, _jsxs(SendToWalletButtonRow, { sx: { paddingX: 2, paddingBottom: 2 }, children: [_jsx(ButtonTertiary, { variant: "text", onClick: handleDone, loading: isDoneButtonLoading, loadingPosition: "center", sx: { flexGrow: 1 }, children: t('button.done') }), _jsx(Tooltip, { title: t('button.bookmark'), children: _jsx(SendToWalletIconButton, { onClick: handleBookmarkAddress, loading: isBookmarkButtonLoading, loadingPosition: "center", children: _jsx(TurnedIn, { fontSize: "small" }) }) })] }), _jsx(ConfirmAddressSheet, { ref: confirmAddressSheetRef, validatedBookmark: validatedWallet, onConfirm: handleOnConfirm }), _jsx(BookmarkAddressSheet, { ref: bookmarkAddressSheetRef, validatedWallet: validatedWallet, onAddBookmark: handleAddBookmark })] }), _jsxs(Box, { sx: { display: 'flex', flexDirection: 'column', gap: 1 }, children: [_jsx(CardButton, { title: t('header.recentWallets'), icon: _jsx(History, {}), onClick: handleRecentWalletsClick, children: !!recentWallets.length && (_jsx(Typography, { sx: {
|
|
153
|
+
}, children: [_jsxs(SendToWalletCard, { type: errorMessage ? 'error' : 'default', children: [_jsx(AddressInput, { size: "small", autoComplete: "off", autoCorrect: "off", autoCapitalize: "off", spellCheck: "false", onChange: handleInputChange, value: inputAddressValue, placeholder: placeholder, "aria-label": placeholder, maxRows: 2, inputProps: { maxLength: 128 }, multiline: true }), errorMessage ? (_jsx(ValidationAlert, { icon: _jsx(ErrorIcon, {}), sx: { pb: 2, paddingX: 2 }, children: errorMessage })) : null, _jsxs(SendToWalletButtonRow, { sx: { paddingX: 2, paddingBottom: 2 }, children: [_jsx(ButtonTertiary, { variant: "text", onClick: handleDone, loading: isDoneButtonLoading, loadingPosition: "center", sx: { flexGrow: 1 }, children: t('button.done') }), _jsx(Tooltip, { title: t('button.bookmark'), children: _jsx(SendToWalletIconButton, { onClick: handleBookmarkAddress, loading: isBookmarkButtonLoading, loadingPosition: "center", children: _jsx(TurnedIn, { fontSize: "small" }) }) })] }), _jsx(ConfirmAddressSheet, { ref: confirmAddressSheetRef, validatedBookmark: validatedWallet, onConfirm: handleOnConfirm }), _jsx(BookmarkAddressSheet, { ref: bookmarkAddressSheetRef, validatedWallet: validatedWallet, onAddBookmark: handleAddBookmark })] }), requiredUI?.includes(RequiredUI.AccountDeployedMessage) && (_jsx(AccountDeployedMessage, {}))] }), _jsxs(Box, { sx: { display: 'flex', flexDirection: 'column', gap: 1 }, children: [_jsx(CardButton, { title: t('header.recentWallets'), icon: _jsx(History, {}), onClick: handleRecentWalletsClick, children: !!recentWallets.length && (_jsx(Typography, { sx: {
|
|
150
154
|
color: 'text.secondary',
|
|
151
155
|
}, children: recentWallets.length })) }), !hiddenUI?.includes(HiddenUI.AddressBookConnectedWallets) && (_jsx(CardButton, { title: t('sendToWallet.connectedWallets'), icon: _jsx(Wallet, {}), onClick: handleConnectedWalletsClick, children: !!connectedWallets.length && (_jsx(Typography, { sx: {
|
|
152
156
|
color: 'text.secondary',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SendToWalletPage.js","sourceRoot":"","sources":["../../../../src/pages/SendToWallet/SendToWalletPage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AACpD,OAAO,SAAS,MAAM,2BAA2B,CAAA;AACjD,OAAO,OAAO,MAAM,6BAA6B,CAAA;AACjD,OAAO,QAAQ,MAAM,8BAA8B,CAAA;AACnD,OAAO,MAAM,MAAM,4BAA4B,CAAA;AAC/C,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAExD,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAE9C,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAA;AACnE,OAAO,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAA;AAChE,OAAO,EACL,WAAW,EACX,oBAAoB,GACrB,MAAM,qCAAqC,CAAA;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAA;AACpD,OAAO,EAAE,wBAAwB,EAAE,MAAM,yCAAyC,CAAA;AAClF,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAA;AAElF,OAAO,EAAE,kBAAkB,EAAE,MAAM,8CAA8C,CAAA;AACjF,OAAO,EAAE,YAAY,EAAE,MAAM,wCAAwC,CAAA;AACrE,OAAO,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAA;AACtE,OAAO,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAA;AACpE,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;
|
|
1
|
+
{"version":3,"file":"SendToWalletPage.js","sourceRoot":"","sources":["../../../../src/pages/SendToWallet/SendToWalletPage.tsx"],"names":[],"mappings":"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"}
|
|
@@ -67,7 +67,8 @@ export declare enum HiddenUI {
|
|
|
67
67
|
}
|
|
68
68
|
export type HiddenUIType = `${HiddenUI}`;
|
|
69
69
|
export declare enum RequiredUI {
|
|
70
|
-
ToAddress = "toAddress"
|
|
70
|
+
ToAddress = "toAddress",
|
|
71
|
+
AccountDeployedMessage = "accountDeployedMessage"
|
|
71
72
|
}
|
|
72
73
|
export type RequiredUIType = `${RequiredUI}`;
|
|
73
74
|
export type DefaultUI = {
|
package/dist/esm/types/widget.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"widget.js","sourceRoot":"","sources":["../../../src/types/widget.ts"],"names":[],"mappings":"AAoFA,MAAM,CAAN,IAAY,UAKX;AALD,WAAY,UAAU;IACpB,uCAAyB,CAAA;IACzB,qCAAuB,CAAA;IACvB,qCAAuB,CAAA;IACvB,iCAAmB,CAAA;AACrB,CAAC,EALW,UAAU,KAAV,UAAU,QAKrB;AAGD,MAAM,CAAN,IAAY,QAeX;AAfD,WAAY,QAAQ;IAClB,qCAAyB,CAAA;IACzB,mDAAuC,CAAA;IACvC,+BAAmB,CAAA;IACnB,iCAAqB,CAAA;IACrB,mCAAuB,CAAA;IACvB,mCAAuB,CAAA;IACvB,+BAAmB,CAAA;IACnB,qCAAyB,CAAA;IACzB,2DAA+C,CAAA;IAC/C,uDAA2C,CAAA;IAC3C,2DAA+C,CAAA;IAC/C,uCAA2B,CAAA;IAC3B,+CAAmC,CAAA;IACnC,uEAA2D,CAAA;AAC7D,CAAC,EAfW,QAAQ,KAAR,QAAQ,QAenB;AAGD,MAAM,CAAN,IAAY,
|
|
1
|
+
{"version":3,"file":"widget.js","sourceRoot":"","sources":["../../../src/types/widget.ts"],"names":[],"mappings":"AAoFA,MAAM,CAAN,IAAY,UAKX;AALD,WAAY,UAAU;IACpB,uCAAyB,CAAA;IACzB,qCAAuB,CAAA;IACvB,qCAAuB,CAAA;IACvB,iCAAmB,CAAA;AACrB,CAAC,EALW,UAAU,KAAV,UAAU,QAKrB;AAGD,MAAM,CAAN,IAAY,QAeX;AAfD,WAAY,QAAQ;IAClB,qCAAyB,CAAA;IACzB,mDAAuC,CAAA;IACvC,+BAAmB,CAAA;IACnB,iCAAqB,CAAA;IACrB,mCAAuB,CAAA;IACvB,mCAAuB,CAAA;IACvB,+BAAmB,CAAA;IACnB,qCAAyB,CAAA;IACzB,2DAA+C,CAAA;IAC/C,uDAA2C,CAAA;IAC3C,2DAA+C,CAAA;IAC/C,uCAA2B,CAAA;IAC3B,+CAAmC,CAAA;IACnC,uEAA2D,CAAA;AAC7D,CAAC,EAfW,QAAQ,KAAR,QAAQ,QAenB;AAGD,MAAM,CAAN,IAAY,UAGX;AAHD,WAAY,UAAU;IACpB,qCAAuB,CAAA;IACvB,+DAAiD,CAAA;AACnD,CAAC,EAHW,UAAU,KAAV,UAAU,QAGrB"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@lifi/widget",
|
|
3
|
-
"version": "3.23.
|
|
3
|
+
"version": "3.23.2-beta.0",
|
|
4
4
|
"description": "LI.FI Widget for cross-chain bridging and swapping. It will drive your multi-chain strategy and attract new users from everywhere.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/esm/index.js",
|
package/package.json.tmp
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@lifi/widget",
|
|
3
|
-
"version": "3.23.
|
|
3
|
+
"version": "3.23.2-beta.0",
|
|
4
4
|
"description": "LI.FI Widget for cross-chain bridging and swapping. It will drive your multi-chain strategy and attract new users from everywhere.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./src/index.ts",
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import WarningRounded from '@mui/icons-material/WarningRounded'
|
|
2
2
|
import type { BoxProps } from '@mui/material'
|
|
3
3
|
import { Typography } from '@mui/material'
|
|
4
4
|
import { useTranslation } from 'react-i18next'
|
|
@@ -19,7 +19,8 @@ export const AccountDeployedMessage: React.FC<BoxProps> = ({ ...props }) => {
|
|
|
19
19
|
{t('info.message.accountDeployedMessage')}
|
|
20
20
|
</Typography>
|
|
21
21
|
}
|
|
22
|
-
icon={<
|
|
22
|
+
icon={<WarningRounded />}
|
|
23
|
+
severity="warning"
|
|
23
24
|
multiline
|
|
24
25
|
{...props}
|
|
25
26
|
/>
|
package/src/config/version.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export const name = '@lifi/widget'
|
|
2
|
-
export const version = '3.23.
|
|
2
|
+
export const version = '3.23.2-beta.0'
|
|
@@ -11,6 +11,7 @@ import { useNavigate } from 'react-router-dom'
|
|
|
11
11
|
import type { BottomSheetBase } from '../../components/BottomSheet/types.js'
|
|
12
12
|
import { ButtonTertiary } from '../../components/ButtonTertiary.js'
|
|
13
13
|
import { CardButton } from '../../components/Card/CardButton.js'
|
|
14
|
+
import { AccountDeployedMessage } from '../../components/Messages/AccountDeployedMessage.js'
|
|
14
15
|
import {
|
|
15
16
|
AddressType,
|
|
16
17
|
useAddressValidation,
|
|
@@ -24,7 +25,7 @@ import { useBookmarkActions } from '../../stores/bookmarks/useBookmarkActions.js
|
|
|
24
25
|
import { useBookmarks } from '../../stores/bookmarks/useBookmarks.js'
|
|
25
26
|
import { useFieldActions } from '../../stores/form/useFieldActions.js'
|
|
26
27
|
import { useFieldValues } from '../../stores/form/useFieldValues.js'
|
|
27
|
-
import { HiddenUI } from '../../types/widget.js'
|
|
28
|
+
import { HiddenUI, RequiredUI } from '../../types/widget.js'
|
|
28
29
|
import { navigationRoutes } from '../../utils/navigationRoutes.js'
|
|
29
30
|
import { BookmarkAddressSheet } from './BookmarkAddressSheet.js'
|
|
30
31
|
import { ConfirmAddressSheet } from './ConfirmAddressSheet.js'
|
|
@@ -62,7 +63,7 @@ export const SendToWalletPage = () => {
|
|
|
62
63
|
const { chain: toChain } = useChain(toChainId)
|
|
63
64
|
const [isDoneButtonLoading, setIsDoneButtonLoading] = useState(false)
|
|
64
65
|
const [isBookmarkButtonLoading, setIsBookmarkButtonLoading] = useState(false)
|
|
65
|
-
const { variant, hiddenUI } = useWidgetConfig()
|
|
66
|
+
const { variant, hiddenUI, requiredUI } = useWidgetConfig()
|
|
66
67
|
|
|
67
68
|
const { accounts } = useAccount()
|
|
68
69
|
const connectedWallets = accounts.filter((account) => account.isConnected)
|
|
@@ -192,62 +193,69 @@ export const SendToWalletPage = () => {
|
|
|
192
193
|
bottomGutters
|
|
193
194
|
enableFullHeight={variant !== 'drawer'}
|
|
194
195
|
>
|
|
195
|
-
<
|
|
196
|
-
type={errorMessage ? 'error' : 'default'}
|
|
196
|
+
<Box
|
|
197
197
|
sx={{
|
|
198
|
+
display: 'flex',
|
|
199
|
+
flexDirection: 'column',
|
|
200
|
+
gap: 2,
|
|
198
201
|
marginBottom: 6,
|
|
199
202
|
}}
|
|
200
203
|
>
|
|
201
|
-
<
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
{
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
<
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
sx={{ flexGrow: 1 }}
|
|
227
|
-
>
|
|
228
|
-
{t('button.done')}
|
|
229
|
-
</ButtonTertiary>
|
|
230
|
-
<Tooltip title={t('button.bookmark')}>
|
|
231
|
-
<SendToWalletIconButton
|
|
232
|
-
onClick={handleBookmarkAddress}
|
|
233
|
-
loading={isBookmarkButtonLoading}
|
|
204
|
+
<SendToWalletCard type={errorMessage ? 'error' : 'default'}>
|
|
205
|
+
<AddressInput
|
|
206
|
+
size="small"
|
|
207
|
+
autoComplete="off"
|
|
208
|
+
autoCorrect="off"
|
|
209
|
+
autoCapitalize="off"
|
|
210
|
+
spellCheck="false"
|
|
211
|
+
onChange={handleInputChange}
|
|
212
|
+
value={inputAddressValue}
|
|
213
|
+
placeholder={placeholder}
|
|
214
|
+
aria-label={placeholder}
|
|
215
|
+
maxRows={2}
|
|
216
|
+
inputProps={{ maxLength: 128 }}
|
|
217
|
+
multiline
|
|
218
|
+
/>
|
|
219
|
+
{errorMessage ? (
|
|
220
|
+
<ValidationAlert icon={<ErrorIcon />} sx={{ pb: 2, paddingX: 2 }}>
|
|
221
|
+
{errorMessage}
|
|
222
|
+
</ValidationAlert>
|
|
223
|
+
) : null}
|
|
224
|
+
<SendToWalletButtonRow sx={{ paddingX: 2, paddingBottom: 2 }}>
|
|
225
|
+
<ButtonTertiary
|
|
226
|
+
variant="text"
|
|
227
|
+
onClick={handleDone}
|
|
228
|
+
loading={isDoneButtonLoading}
|
|
234
229
|
loadingPosition="center"
|
|
230
|
+
sx={{ flexGrow: 1 }}
|
|
235
231
|
>
|
|
236
|
-
|
|
237
|
-
</
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
232
|
+
{t('button.done')}
|
|
233
|
+
</ButtonTertiary>
|
|
234
|
+
<Tooltip title={t('button.bookmark')}>
|
|
235
|
+
<SendToWalletIconButton
|
|
236
|
+
onClick={handleBookmarkAddress}
|
|
237
|
+
loading={isBookmarkButtonLoading}
|
|
238
|
+
loadingPosition="center"
|
|
239
|
+
>
|
|
240
|
+
<TurnedIn fontSize="small" />
|
|
241
|
+
</SendToWalletIconButton>
|
|
242
|
+
</Tooltip>
|
|
243
|
+
</SendToWalletButtonRow>
|
|
244
|
+
<ConfirmAddressSheet
|
|
245
|
+
ref={confirmAddressSheetRef}
|
|
246
|
+
validatedBookmark={validatedWallet}
|
|
247
|
+
onConfirm={handleOnConfirm}
|
|
248
|
+
/>
|
|
249
|
+
<BookmarkAddressSheet
|
|
250
|
+
ref={bookmarkAddressSheetRef}
|
|
251
|
+
validatedWallet={validatedWallet}
|
|
252
|
+
onAddBookmark={handleAddBookmark}
|
|
253
|
+
/>
|
|
254
|
+
</SendToWalletCard>
|
|
255
|
+
{requiredUI?.includes(RequiredUI.AccountDeployedMessage) && (
|
|
256
|
+
<AccountDeployedMessage />
|
|
257
|
+
)}
|
|
258
|
+
</Box>
|
|
251
259
|
<Box sx={{ display: 'flex', flexDirection: 'column', gap: 1 }}>
|
|
252
260
|
<CardButton
|
|
253
261
|
title={t('header.recentWallets')}
|