@relayprotocol/relay-kit-ui 4.0.13 → 4.0.15
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/_cjs/src/components/primitives/ChainIcon.js +4 -3
- package/_cjs/src/components/primitives/ChainIcon.js.map +1 -1
- package/_cjs/src/components/primitives/ChainTokenIcon.js +8 -3
- package/_cjs/src/components/primitives/ChainTokenIcon.js.map +1 -1
- package/_cjs/src/components/primitives/Pill.js +4 -0
- package/_cjs/src/components/primitives/Pill.js.map +1 -1
- package/_cjs/src/components/widgets/SwapWidget/GasTopUpSection.js +18 -11
- package/_cjs/src/components/widgets/SwapWidget/GasTopUpSection.js.map +1 -1
- package/_cjs/src/components/widgets/SwapWidget/index.js +11 -11
- package/_cjs/src/components/widgets/SwapWidget/index.js.map +1 -1
- package/_cjs/src/components/widgets/SwapWidgetRenderer.js +2 -1
- package/_cjs/src/components/widgets/SwapWidgetRenderer.js.map +1 -1
- package/_cjs/src/hooks/useGasTopUpRequired.js +5 -3
- package/_cjs/src/hooks/useGasTopUpRequired.js.map +1 -1
- package/_cjs/src/styles.css +20 -12
- package/_cjs/src/version.js +1 -1
- package/_cjs/tsconfig.build.tsbuildinfo +1 -1
- package/_esm/src/components/primitives/ChainIcon.js +4 -3
- package/_esm/src/components/primitives/ChainIcon.js.map +1 -1
- package/_esm/src/components/primitives/ChainTokenIcon.js +8 -3
- package/_esm/src/components/primitives/ChainTokenIcon.js.map +1 -1
- package/_esm/src/components/primitives/Pill.js +4 -0
- package/_esm/src/components/primitives/Pill.js.map +1 -1
- package/_esm/src/components/widgets/SwapWidget/GasTopUpSection.js +21 -14
- package/_esm/src/components/widgets/SwapWidget/GasTopUpSection.js.map +1 -1
- package/_esm/src/components/widgets/SwapWidget/index.js +11 -11
- package/_esm/src/components/widgets/SwapWidget/index.js.map +1 -1
- package/_esm/src/components/widgets/SwapWidgetRenderer.js +2 -1
- package/_esm/src/components/widgets/SwapWidgetRenderer.js.map +1 -1
- package/_esm/src/hooks/useGasTopUpRequired.js +5 -3
- package/_esm/src/hooks/useGasTopUpRequired.js.map +1 -1
- package/_esm/src/styles.css +20 -12
- package/_esm/src/version.js +1 -1
- package/_esm/tsconfig.build.tsbuildinfo +1 -1
- package/_types/src/components/primitives/ChainIcon.d.ts +1 -0
- package/_types/src/components/primitives/ChainIcon.d.ts.map +1 -1
- package/_types/src/components/primitives/ChainTokenIcon.d.ts +2 -1
- package/_types/src/components/primitives/ChainTokenIcon.d.ts.map +1 -1
- package/_types/src/components/primitives/Pill.d.ts +4 -0
- package/_types/src/components/primitives/Pill.d.ts.map +1 -1
- package/_types/src/components/widgets/SwapWidget/GasTopUpSection.d.ts +1 -0
- package/_types/src/components/widgets/SwapWidget/GasTopUpSection.d.ts.map +1 -1
- package/_types/src/components/widgets/SwapWidget/index.d.ts.map +1 -1
- package/_types/src/components/widgets/SwapWidgetRenderer.d.ts +1 -0
- package/_types/src/components/widgets/SwapWidgetRenderer.d.ts.map +1 -1
- package/_types/src/hooks/useGasTopUpRequired.d.ts +1 -0
- package/_types/src/hooks/useGasTopUpRequired.d.ts.map +1 -1
- package/_types/src/version.d.ts +1 -1
- package/_types/tsconfig.build.tsbuildinfo +1 -1
- package/dist/panda.buildinfo.json +5 -3
- package/dist/styles.css +20 -12
- package/package.json +1 -1
|
@@ -2,7 +2,7 @@ import useCurrencyBalance from '../hooks/useCurrencyBalance.js';
|
|
|
2
2
|
import {} from '@relayprotocol/relay-sdk';
|
|
3
3
|
import { useTokenPrice } from '@relayprotocol/relay-kit-hooks';
|
|
4
4
|
import { useRelayClient } from '../hooks/index.js';
|
|
5
|
-
export default (chain, fromChain, token, address, balanceThresholdUsd = '
|
|
5
|
+
export default (chain, fromChain, token, address, balanceThresholdUsd = '10', topUpAmountUsd = '2') => {
|
|
6
6
|
const client = useRelayClient();
|
|
7
7
|
const isErc20Currency = token && token.address !== chain?.currency?.address;
|
|
8
8
|
const enabled = token !== undefined &&
|
|
@@ -43,14 +43,16 @@ export default (chain, fromChain, token, address, balanceThresholdUsd = '2', top
|
|
|
43
43
|
return {
|
|
44
44
|
required: requiresTopUp,
|
|
45
45
|
amount: requiresTopUp ? topUpAmount : undefined,
|
|
46
|
-
amountUsd: requiresTopUp ? topUpAmountUsd : undefined
|
|
46
|
+
amountUsd: requiresTopUp ? topUpAmountUsd : undefined,
|
|
47
|
+
balance: gasBalance
|
|
47
48
|
};
|
|
48
49
|
}
|
|
49
50
|
else {
|
|
50
51
|
return {
|
|
51
52
|
required: false,
|
|
52
53
|
amount: undefined,
|
|
53
|
-
amountUsd: undefined
|
|
54
|
+
amountUsd: undefined,
|
|
55
|
+
balance: undefined
|
|
54
56
|
};
|
|
55
57
|
}
|
|
56
58
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useGasTopUpRequired.js","sourceRoot":"","sources":["../../../src/hooks/useGasTopUpRequired.ts"],"names":[],"mappings":"AACA,OAAO,kBAAkB,MAAM,gCAAgC,CAAA;AAC/D,OAAO,EAAmB,MAAM,0BAA0B,CAAA;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAA;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAElD,eAAe,CACb,KAAkB,EAClB,SAAsB,EACtB,KAAa,EACb,OAAgB,EAChB,sBAA8B,
|
|
1
|
+
{"version":3,"file":"useGasTopUpRequired.js","sourceRoot":"","sources":["../../../src/hooks/useGasTopUpRequired.ts"],"names":[],"mappings":"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"}
|
package/_esm/src/styles.css
CHANGED
|
@@ -1478,6 +1478,10 @@
|
|
|
1478
1478
|
chain: 16px;
|
|
1479
1479
|
}
|
|
1480
1480
|
|
|
1481
|
+
.relay-rounded_4:not(#\#):not(#\#):not(#\#):not(#\#) {
|
|
1482
|
+
border-radius: 4px;
|
|
1483
|
+
}
|
|
1484
|
+
|
|
1481
1485
|
.relay-rounded_50\%:not(#\#):not(#\#):not(#\#):not(#\#) {
|
|
1482
1486
|
border-radius: 50%;
|
|
1483
1487
|
}
|
|
@@ -1486,10 +1490,6 @@
|
|
|
1486
1490
|
color: var(--relay-colors-primary8);
|
|
1487
1491
|
}
|
|
1488
1492
|
|
|
1489
|
-
.relay-rounded_4:not(#\#):not(#\#):not(#\#):not(#\#) {
|
|
1490
|
-
border-radius: 4px;
|
|
1491
|
-
}
|
|
1492
|
-
|
|
1493
1493
|
.relay---borderColor_colors\.modal-background:not(#\#):not(#\#):not(#\#):not(#\#) {
|
|
1494
1494
|
--borderColor: var(--relay-colors-modal-background);
|
|
1495
1495
|
}
|
|
@@ -1590,6 +1590,14 @@
|
|
|
1590
1590
|
color: var(--relay-colors-green12);
|
|
1591
1591
|
}
|
|
1592
1592
|
|
|
1593
|
+
.relay-bg_primary3:not(#\#):not(#\#):not(#\#):not(#\#) {
|
|
1594
|
+
background: var(--relay-colors-primary3);
|
|
1595
|
+
}
|
|
1596
|
+
|
|
1597
|
+
.relay-text_primary12:not(#\#):not(#\#):not(#\#):not(#\#) {
|
|
1598
|
+
color: var(--relay-colors-primary12);
|
|
1599
|
+
}
|
|
1600
|
+
|
|
1593
1601
|
.relay-rounded_25:not(#\#):not(#\#):not(#\#):not(#\#) {
|
|
1594
1602
|
border-radius: 25px;
|
|
1595
1603
|
}
|
|
@@ -2340,10 +2348,6 @@
|
|
|
2340
2348
|
border-radius: 100%;
|
|
2341
2349
|
}
|
|
2342
2350
|
|
|
2343
|
-
.relay-bg_primary3:not(#\#):not(#\#):not(#\#):not(#\#) {
|
|
2344
|
-
background: var(--relay-colors-primary3);
|
|
2345
|
-
}
|
|
2346
|
-
|
|
2347
2351
|
.relay-border_2px_solid_var\(--borderColor\):not(#\#):not(#\#):not(#\#):not(#\#) {
|
|
2348
2352
|
border: 2px solid var(--borderColor);
|
|
2349
2353
|
}
|
|
@@ -2816,6 +2820,14 @@
|
|
|
2816
2820
|
margin-bottom: 8px;
|
|
2817
2821
|
}
|
|
2818
2822
|
|
|
2823
|
+
.relay-mr_2:not(#\#):not(#\#):not(#\#):not(#\#) {
|
|
2824
|
+
margin-right: var(--relay-spacing-2);
|
|
2825
|
+
}
|
|
2826
|
+
|
|
2827
|
+
.relay-mr_6px:not(#\#):not(#\#):not(#\#):not(#\#) {
|
|
2828
|
+
margin-right: 6px;
|
|
2829
|
+
}
|
|
2830
|
+
|
|
2819
2831
|
.relay-leading_36px:not(#\#):not(#\#):not(#\#):not(#\#) {
|
|
2820
2832
|
line-height: 36px;
|
|
2821
2833
|
}
|
|
@@ -2940,10 +2952,6 @@
|
|
|
2940
2952
|
padding-bottom: 24px;
|
|
2941
2953
|
}
|
|
2942
2954
|
|
|
2943
|
-
.relay-mr_2:not(#\#):not(#\#):not(#\#):not(#\#) {
|
|
2944
|
-
margin-right: var(--relay-spacing-2);
|
|
2945
|
-
}
|
|
2946
|
-
|
|
2947
2955
|
.relay-fs_48:not(#\#):not(#\#):not(#\#):not(#\#) {
|
|
2948
2956
|
font-size: 48px;
|
|
2949
2957
|
}
|
package/_esm/src/version.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export const UI_VERSION = '4.0.
|
|
1
|
+
export const UI_VERSION = '4.0.15';
|
|
2
2
|
//# sourceMappingURL=version.js.map
|