@lifi/widget 3.19.0 → 3.19.1
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/CHANGELOG.md +7 -0
- package/dist/esm/components/TransactionDetails.js +8 -3
- package/dist/esm/components/TransactionDetails.js.map +1 -1
- package/dist/esm/config/version.d.ts +1 -1
- package/dist/esm/config/version.js +1 -1
- package/dist/esm/types/widget.d.ts +14 -0
- package/package.json +5 -5
- package/package.json.tmp +4 -4
- package/src/components/TransactionDetails.tsx +17 -2
- package/src/config/version.ts +1 -1
- package/src/types/widget.ts +14 -0
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,13 @@
|
|
|
2
2
|
|
|
3
3
|
All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
|
|
4
4
|
|
|
5
|
+
### [3.19.1](https://github.com/lifinance/widget/compare/v3.19.0...v3.19.1) (2025-04-29)
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
### Bug Fixes
|
|
9
|
+
|
|
10
|
+
* add options to show fee percentage ([#387](https://github.com/lifinance/widget/issues/387)) ([3dbd751](https://github.com/lifinance/widget/commit/3dbd7516c598ef896362df784c1ad5fe810a3dbb))
|
|
11
|
+
|
|
5
12
|
## [3.19.0](https://github.com/lifinance/widget/compare/v3.18.9...v3.19.0) (2025-04-28)
|
|
6
13
|
|
|
7
14
|
|
|
@@ -30,10 +30,13 @@ export const TransactionDetails = ({ route, ...props }) => {
|
|
|
30
30
|
});
|
|
31
31
|
const feeCollectionStep = route.steps[0].includedSteps.find((includedStep) => includedStep.tool === 'feeCollection');
|
|
32
32
|
let feeAmountUSD = 0;
|
|
33
|
+
let feePercentage = 0;
|
|
33
34
|
if (feeCollectionStep) {
|
|
34
35
|
const estimatedFromAmount = BigInt(feeCollectionStep.estimate.fromAmount) -
|
|
35
36
|
BigInt(feeCollectionStep.estimate.toAmount);
|
|
36
37
|
feeAmountUSD = formatTokenPrice(estimatedFromAmount, feeCollectionStep.action.fromToken.priceUSD, feeCollectionStep.action.fromToken.decimals);
|
|
38
|
+
feePercentage =
|
|
39
|
+
feeCollectionStep.estimate.feeCosts?.reduce((percentage, feeCost) => percentage + Number.parseFloat(feeCost.percentage || '0'), 0) ?? 0;
|
|
37
40
|
}
|
|
38
41
|
const hasGaslessSupport = route.steps.some(isGaslessStep);
|
|
39
42
|
const showIntegratorFeeCollectionDetails = (feeAmountUSD || Number.isFinite(feeConfig?.fee)) && !hasGaslessSupport;
|
|
@@ -82,9 +85,11 @@ export const TransactionDetails = ({ route, ...props }) => {
|
|
|
82
85
|
display: 'flex',
|
|
83
86
|
justifyContent: 'space-between',
|
|
84
87
|
mb: 0.5,
|
|
85
|
-
}, children: [
|
|
86
|
-
|
|
87
|
-
|
|
88
|
+
}, children: [_jsxs(Typography, { variant: "body2", children: [feeConfig?.name
|
|
89
|
+
? t('main.fees.integrator', { tool: feeConfig.name })
|
|
90
|
+
: t('main.fees.defaultIntegrator'), feeConfig?.showFeePercentage && (_jsxs(_Fragment, { children: [" (", t('format.percent', { value: feePercentage }), ")"] }))] }), feeConfig?.showFeeTooltip &&
|
|
91
|
+
(feeConfig?.name || feeConfig?.feeTooltipComponent) ? (_jsx(Tooltip, { title: feeConfig?.feeTooltipComponent ||
|
|
92
|
+
t('tooltip.feeCollection', { tool: feeConfig.name }), children: _jsx(Typography, { variant: "body2", sx: { fontWeight: 600, cursor: 'help' }, children: t('format.currency', {
|
|
88
93
|
value: feeAmountUSD,
|
|
89
94
|
}) }) })) : (_jsx(Typography, { variant: "body2", sx: { fontWeight: 600 }, children: t('format.currency', {
|
|
90
95
|
value: feeAmountUSD,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TransactionDetails.js","sourceRoot":"","sources":["../../../src/components/TransactionDetails.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA;AACzC,OAAO,EACL,UAAU,EACV,UAAU,EACV,sBAAsB,GACvB,MAAM,qBAAqB,CAAA;AAE5B,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAChC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,+CAA+C,CAAA;AAC/E,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAA;AACvD,OAAO,EAAE,+BAA+B,EAAE,MAAM,kBAAkB,CAAA;AAClE,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACxE,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAA;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAA;AACrC,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAA;AACzD,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAA;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAA;AAMpD,MAAM,CAAC,MAAM,kBAAkB,GAAsC,CAAC,EACpE,KAAK,EACL,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAC9B,MAAM,EAAE,SAAS,EAAE,GAAG,eAAe,EAAE,CAAA;IACvC,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEvD,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,eAAe,CAAC,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC,YAAY,CAAC,CAAA;IAClD,CAAC,CAAA;IACD,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,eAAe,EAAE,GACnE,+BAA+B,CAAC,KAAK,CAAC,CAAA;IAExC,MAAM,WAAW,GAAG,cAAc,CAAC;QACjC,UAAU,EAAE,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC;QACpC,QAAQ,EAAE,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC;QAChC,SAAS,EAAE,KAAK,CAAC,SAAS;QAC1B,OAAO,EAAE,KAAK,CAAC,OAAO;KACvB,CAAC,CAAA;IAEF,MAAM,iBAAiB,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,IAAI,CACzD,CAAC,YAAY,EAAE,EAAE,CAAC,YAAY,CAAC,IAAI,KAAK,eAAe,CACxD,CAAA;IAED,IAAI,YAAY,GAAG,CAAC,CAAA;
|
|
1
|
+
{"version":3,"file":"TransactionDetails.js","sourceRoot":"","sources":["../../../src/components/TransactionDetails.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export declare const name = "@lifi/widget";
|
|
2
|
-
export declare const version = "3.19.
|
|
2
|
+
export declare const version = "3.19.1";
|
|
@@ -95,6 +95,20 @@ export interface WidgetFeeConfig {
|
|
|
95
95
|
name?: string;
|
|
96
96
|
logoURI?: string;
|
|
97
97
|
fee?: number;
|
|
98
|
+
/**
|
|
99
|
+
* Whether to show the fee percentage in the fee details.
|
|
100
|
+
* @default false
|
|
101
|
+
*/
|
|
102
|
+
showFeePercentage?: boolean;
|
|
103
|
+
/**
|
|
104
|
+
* Whether to show a tooltip with the fee details. Requires `name` or `feeTooltipComponent` to be set.
|
|
105
|
+
* @default false
|
|
106
|
+
*/
|
|
107
|
+
showFeeTooltip?: boolean;
|
|
108
|
+
/**
|
|
109
|
+
* Custom tooltip component to show with the fee details.
|
|
110
|
+
*/
|
|
111
|
+
feeTooltipComponent?: ReactNode;
|
|
98
112
|
/**
|
|
99
113
|
* Function to calculate fees before fetching quotes.
|
|
100
114
|
* If provided, this function will be used instead of the `fee` parameter.
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@lifi/widget",
|
|
3
|
-
"version": "3.19.
|
|
3
|
+
"version": "3.19.1",
|
|
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",
|
|
@@ -34,22 +34,22 @@
|
|
|
34
34
|
"@bigmi/core": "^0.1.1",
|
|
35
35
|
"@emotion/react": "^11.14.0",
|
|
36
36
|
"@emotion/styled": "^11.14.0",
|
|
37
|
-
"@lifi/sdk": "^3.6.
|
|
37
|
+
"@lifi/sdk": "^3.6.11",
|
|
38
38
|
"@mui/icons-material": "6.0.2",
|
|
39
39
|
"@mui/material": "^6.4.11",
|
|
40
40
|
"@mui/system": "^6.4.11",
|
|
41
41
|
"@solana/wallet-adapter-base": "^0.9.24",
|
|
42
42
|
"@solana/web3.js": "^1.98.0",
|
|
43
43
|
"@tanstack/react-virtual": "^3.13.6",
|
|
44
|
-
"i18next": "^25.0.
|
|
44
|
+
"i18next": "^25.0.2",
|
|
45
45
|
"microdiff": "^1.5.0",
|
|
46
46
|
"mitt": "^3.0.1",
|
|
47
47
|
"react-i18next": "^15.5.1",
|
|
48
48
|
"react-intersection-observer": "^9.16.0",
|
|
49
49
|
"react-router-dom": "^6.30.0",
|
|
50
|
-
"viem": "^2.28.
|
|
50
|
+
"viem": "^2.28.1",
|
|
51
51
|
"zustand": "^5.0.3",
|
|
52
|
-
"@lifi/wallet-management": "^3.7.
|
|
52
|
+
"@lifi/wallet-management": "^3.7.6"
|
|
53
53
|
},
|
|
54
54
|
"peerDependencies": {
|
|
55
55
|
"@bigmi/react": ">=0.1.0",
|
package/package.json.tmp
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@lifi/widget",
|
|
3
|
-
"version": "3.19.
|
|
3
|
+
"version": "3.19.1",
|
|
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",
|
|
@@ -53,7 +53,7 @@
|
|
|
53
53
|
"@bigmi/core": "^0.1.1",
|
|
54
54
|
"@emotion/react": "^11.14.0",
|
|
55
55
|
"@emotion/styled": "^11.14.0",
|
|
56
|
-
"@lifi/sdk": "^3.6.
|
|
56
|
+
"@lifi/sdk": "^3.6.11",
|
|
57
57
|
"@lifi/wallet-management": "workspace:^",
|
|
58
58
|
"@mui/icons-material": "6.0.2",
|
|
59
59
|
"@mui/material": "^6.4.11",
|
|
@@ -61,13 +61,13 @@
|
|
|
61
61
|
"@solana/wallet-adapter-base": "^0.9.24",
|
|
62
62
|
"@solana/web3.js": "^1.98.0",
|
|
63
63
|
"@tanstack/react-virtual": "^3.13.6",
|
|
64
|
-
"i18next": "^25.0.
|
|
64
|
+
"i18next": "^25.0.2",
|
|
65
65
|
"microdiff": "^1.5.0",
|
|
66
66
|
"mitt": "^3.0.1",
|
|
67
67
|
"react-i18next": "^15.5.1",
|
|
68
68
|
"react-intersection-observer": "^9.16.0",
|
|
69
69
|
"react-router-dom": "^6.30.0",
|
|
70
|
-
"viem": "^2.28.
|
|
70
|
+
"viem": "^2.28.1",
|
|
71
71
|
"zustand": "^5.0.3"
|
|
72
72
|
},
|
|
73
73
|
"devDependencies": {
|
|
@@ -50,6 +50,7 @@ export const TransactionDetails: React.FC<TransactionDetailsProps> = ({
|
|
|
50
50
|
)
|
|
51
51
|
|
|
52
52
|
let feeAmountUSD = 0
|
|
53
|
+
let feePercentage = 0
|
|
53
54
|
|
|
54
55
|
if (feeCollectionStep) {
|
|
55
56
|
const estimatedFromAmount =
|
|
@@ -61,6 +62,13 @@ export const TransactionDetails: React.FC<TransactionDetailsProps> = ({
|
|
|
61
62
|
feeCollectionStep.action.fromToken.priceUSD,
|
|
62
63
|
feeCollectionStep.action.fromToken.decimals
|
|
63
64
|
)
|
|
65
|
+
|
|
66
|
+
feePercentage =
|
|
67
|
+
feeCollectionStep.estimate.feeCosts?.reduce(
|
|
68
|
+
(percentage, feeCost) =>
|
|
69
|
+
percentage + Number.parseFloat(feeCost.percentage || '0'),
|
|
70
|
+
0
|
|
71
|
+
) ?? 0
|
|
64
72
|
}
|
|
65
73
|
|
|
66
74
|
const hasGaslessSupport = route.steps.some(isGaslessStep)
|
|
@@ -196,10 +204,17 @@ export const TransactionDetails: React.FC<TransactionDetailsProps> = ({
|
|
|
196
204
|
{feeConfig?.name
|
|
197
205
|
? t('main.fees.integrator', { tool: feeConfig.name })
|
|
198
206
|
: t('main.fees.defaultIntegrator')}
|
|
207
|
+
{feeConfig?.showFeePercentage && (
|
|
208
|
+
<> ({t('format.percent', { value: feePercentage })})</>
|
|
209
|
+
)}
|
|
199
210
|
</Typography>
|
|
200
|
-
{feeConfig?.
|
|
211
|
+
{feeConfig?.showFeeTooltip &&
|
|
212
|
+
(feeConfig?.name || feeConfig?.feeTooltipComponent) ? (
|
|
201
213
|
<Tooltip
|
|
202
|
-
title={
|
|
214
|
+
title={
|
|
215
|
+
feeConfig?.feeTooltipComponent ||
|
|
216
|
+
t('tooltip.feeCollection', { tool: feeConfig.name })
|
|
217
|
+
}
|
|
203
218
|
>
|
|
204
219
|
<Typography
|
|
205
220
|
variant="body2"
|
package/src/config/version.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export const name = '@lifi/widget'
|
|
2
|
-
export const version = '3.19.
|
|
2
|
+
export const version = '3.19.1'
|
package/src/types/widget.ts
CHANGED
|
@@ -157,6 +157,20 @@ export interface WidgetFeeConfig {
|
|
|
157
157
|
name?: string
|
|
158
158
|
logoURI?: string
|
|
159
159
|
fee?: number
|
|
160
|
+
/**
|
|
161
|
+
* Whether to show the fee percentage in the fee details.
|
|
162
|
+
* @default false
|
|
163
|
+
*/
|
|
164
|
+
showFeePercentage?: boolean
|
|
165
|
+
/**
|
|
166
|
+
* Whether to show a tooltip with the fee details. Requires `name` or `feeTooltipComponent` to be set.
|
|
167
|
+
* @default false
|
|
168
|
+
*/
|
|
169
|
+
showFeeTooltip?: boolean
|
|
170
|
+
/**
|
|
171
|
+
* Custom tooltip component to show with the fee details.
|
|
172
|
+
*/
|
|
173
|
+
feeTooltipComponent?: ReactNode
|
|
160
174
|
/**
|
|
161
175
|
* Function to calculate fees before fetching quotes.
|
|
162
176
|
* If provided, this function will be used instead of the `fee` parameter.
|