@relayprotocol/relay-kit-ui 5.1.0 → 5.1.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/_cjs/src/components/common/BalanceDisplay.js.map +1 -1
- package/_cjs/src/components/common/CustomAddressModal.js +24 -2
- package/_cjs/src/components/common/CustomAddressModal.js.map +1 -1
- package/_cjs/src/components/common/PercentageButtons.js +64 -0
- package/_cjs/src/components/common/PercentageButtons.js.map +1 -0
- package/_cjs/src/components/common/SlippageToleranceConfig.js +133 -44
- package/_cjs/src/components/common/SlippageToleranceConfig.js.map +1 -1
- package/_cjs/src/components/primitives/Input.js +5 -4
- package/_cjs/src/components/primitives/Input.js.map +1 -1
- package/_cjs/src/components/widgets/SwapWidget/index.js +44 -103
- package/_cjs/src/components/widgets/SwapWidget/index.js.map +1 -1
- package/_cjs/src/styles.css +201 -94
- package/_cjs/src/version.js +1 -1
- package/_cjs/tsconfig.build.tsbuildinfo +1 -1
- package/_esm/src/components/common/BalanceDisplay.js +0 -1
- package/_esm/src/components/common/BalanceDisplay.js.map +1 -1
- package/_esm/src/components/common/CustomAddressModal.js +25 -3
- package/_esm/src/components/common/CustomAddressModal.js.map +1 -1
- package/_esm/src/components/common/PercentageButtons.js +61 -0
- package/_esm/src/components/common/PercentageButtons.js.map +1 -0
- package/_esm/src/components/common/SlippageToleranceConfig.js +135 -45
- package/_esm/src/components/common/SlippageToleranceConfig.js.map +1 -1
- package/_esm/src/components/primitives/Input.js +5 -4
- package/_esm/src/components/primitives/Input.js.map +1 -1
- package/_esm/src/components/widgets/SwapWidget/index.js +52 -111
- package/_esm/src/components/widgets/SwapWidget/index.js.map +1 -1
- package/_esm/src/styles.css +201 -94
- package/_esm/src/version.js +1 -1
- package/_esm/tsconfig.build.tsbuildinfo +1 -1
- package/_types/src/components/common/BalanceDisplay.d.ts.map +1 -1
- package/_types/src/components/common/CustomAddressModal.d.ts.map +1 -1
- package/_types/src/components/common/PercentageButtons.d.ts +15 -0
- package/_types/src/components/common/PercentageButtons.d.ts.map +1 -0
- package/_types/src/components/common/SlippageToleranceConfig.d.ts.map +1 -1
- package/_types/src/components/primitives/Input.d.ts +1 -0
- package/_types/src/components/primitives/Input.d.ts.map +1 -1
- package/_types/src/components/widgets/SwapWidget/index.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 +60 -31
- package/dist/styles.css +201 -94
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BalanceDisplay.js","sourceRoot":"","sources":["../../../../src/components/common/BalanceDisplay.tsx"],"names":[],"mappings":";;;;AACA,qDAA6D;AAC7D,uDAAiD;
|
|
1
|
+
{"version":3,"file":"BalanceDisplay.js","sourceRoot":"","sources":["../../../../src/components/common/BalanceDisplay.tsx"],"names":[],"mappings":";;;;AACA,qDAA6D;AAC7D,uDAAiD;AAa1C,MAAM,cAAc,GAA4B,CAAC,EACtD,OAAO,EACP,QAAQ,EACR,MAAM,EACN,SAAS,EACT,sBAAsB,EACtB,aAAa,GAAG,IAAI,EACpB,WAAW,EACX,OAAO,EACR,EAAE,EAAE;IACH,MAAM,cAAc,GAAG,OAAO,CAC5B,OAAO,IAAI,QAAQ,IAAI,OAAO,CAAC,QAAQ,EAAE,CAAC,MAAM,GAAG,QAAQ,GAAG,CAAC,CAChE,CAAA;IAED,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,CACL,uBAAC,eAAI,IAAC,GAAG,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,YACvB,uBAAC,eAAI,IAAC,KAAK,EAAC,WAAW,EAAC,KAAK,EAAE,KAAK,iCAE7B,GACF,CACR,CAAA;IACH,CAAC;IAED,OAAO,CACL,uBAAC,eAAI,IAAC,GAAG,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,YACtB,WAAW,CAAC,CAAC,CAAC,CACb,2DACG,SAAS,CAAC,CAAC,CAAC,CACX,uBAAC,mBAAQ,IAAC,GAAG,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,GAAI,CACjC,CAAC,CAAC,CAAC,CACF,wBAAC,eAAI,IACH,KAAK,EAAC,WAAW,EACjB,KAAK,EAAE,sBAAsB,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,iBAAiB,yBAEhD,GAAG,EACX,OAAO,KAAK,SAAS;wBACpB,CAAC,CAAC,IAAA,qBAAQ,EAAC,OAAO,IAAI,EAAE,EAAE,CAAC,EAAE,QAAQ,EAAE,cAAc,CAAC;4BACpD,CAAC,aAAa,IAAI,MAAM,CAAC,CAAC,CAAC,IAAI,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;wBAC/C,CAAC,CAAC,GAAG,EAAE,GAAG,IACP,CACR,GACA,CACJ,CAAC,CAAC,CAAC,IAAI,GACH,CACR,CAAA;AACH,CAAC,CAAA;AA9CY,QAAA,cAAc,kBA8C1B"}
|
|
@@ -61,7 +61,7 @@ const CustomAddressModal = ({ open, toAddress, toChain, linkedWallets, isConnect
|
|
|
61
61
|
height: '100%',
|
|
62
62
|
gap: '4',
|
|
63
63
|
sm: {
|
|
64
|
-
width:
|
|
64
|
+
width: 386
|
|
65
65
|
}
|
|
66
66
|
}, children: [(0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "h6", children: "To Address" }), (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { direction: "column", css: { gap: '2', position: 'relative' }, children: [(0, jsx_runtime_1.jsxs)(index_js_1.Flex, { css: {
|
|
67
67
|
position: 'relative',
|
|
@@ -69,13 +69,35 @@ const CustomAddressModal = ({ open, toAddress, toChain, linkedWallets, isConnect
|
|
|
69
69
|
}, children: [(0, jsx_runtime_1.jsx)(index_js_1.Input, { type: "text", inputMode: "text", autoComplete: "off", autoCorrect: "off", className: "ph-no-capture", css: {
|
|
70
70
|
width: '100%',
|
|
71
71
|
height: 48
|
|
72
|
+
}, inputStyle: {
|
|
73
|
+
paddingRight: input.length > 0 ? '42px' : '16px'
|
|
72
74
|
}, placeholder: !toChain
|
|
73
75
|
? 'Enter address'
|
|
74
76
|
: toChain.vmType === 'evm'
|
|
75
77
|
? 'Address or ENS'
|
|
76
78
|
: `Enter ${toChain.displayName} address`, value: input, onChange: (e) => {
|
|
77
79
|
setInput(e.target.value);
|
|
78
|
-
} }), isLoading && ((0, jsx_runtime_1.jsx)(
|
|
80
|
+
} }), input.length > 0 && !isLoading && ((0, jsx_runtime_1.jsx)(index_js_1.Button, { color: "ghost", size: "none", css: {
|
|
81
|
+
position: 'absolute',
|
|
82
|
+
right: '8px',
|
|
83
|
+
top: '50%',
|
|
84
|
+
transform: 'translateY(-50%)',
|
|
85
|
+
width: '24px',
|
|
86
|
+
height: '24px',
|
|
87
|
+
minWidth: '24px',
|
|
88
|
+
minHeight: '24px',
|
|
89
|
+
padding: '0',
|
|
90
|
+
borderRadius: '4px',
|
|
91
|
+
display: 'flex',
|
|
92
|
+
alignItems: 'center',
|
|
93
|
+
justifyContent: 'center',
|
|
94
|
+
backgroundColor: 'gray3',
|
|
95
|
+
color: 'gray8'
|
|
96
|
+
}, onMouseDown: (e) => {
|
|
97
|
+
e.preventDefault();
|
|
98
|
+
}, onClick: () => {
|
|
99
|
+
setInput('');
|
|
100
|
+
}, children: (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: free_solid_svg_icons_1.faCircleXmark, width: 16, height: 16 }) })), isLoading && ((0, jsx_runtime_1.jsx)(LoadingSpinner_js_1.LoadingSpinner, { css: {
|
|
79
101
|
right: 2,
|
|
80
102
|
top: 3,
|
|
81
103
|
position: 'absolute'
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CustomAddressModal.js","sourceRoot":"","sources":["../../../../src/components/common/CustomAddressModal.tsx"],"names":[],"mappings":";;;;AAAA,iCAAyE;AACzE,qDAAwE;AACxE,iDAA0C;AAE1C,sEAAgE;AAChE,mDAAuE;AACvE,+CAA8C;AAC9C,mEAA4D;AAC5D,yDAAsD;AAEtD,
|
|
1
|
+
{"version":3,"file":"CustomAddressModal.js","sourceRoot":"","sources":["../../../../src/components/common/CustomAddressModal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.PercentageButtons = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const index_js_1 = require("../primitives/index.js");
|
|
6
|
+
const PercentageButtons = ({ balance, onPercentageClick, getFeeBufferAmount, fromChain, publicClient, isFromNative, variant = 'desktop' }) => {
|
|
7
|
+
const isMobile = variant === 'mobile';
|
|
8
|
+
const buttonStyles = {
|
|
9
|
+
fontSize: isMobile ? 14 : 12,
|
|
10
|
+
fontWeight: '500',
|
|
11
|
+
px: '1',
|
|
12
|
+
py: isMobile ? '6px' : '1',
|
|
13
|
+
minHeight: isMobile ? 'auto' : '23px',
|
|
14
|
+
lineHeight: '100%',
|
|
15
|
+
backgroundColor: 'widget-selector-background',
|
|
16
|
+
border: 'none',
|
|
17
|
+
borderRadius: isMobile ? '6px' : '12px',
|
|
18
|
+
flex: isMobile ? '1' : 'none',
|
|
19
|
+
justifyContent: 'center',
|
|
20
|
+
_hover: {
|
|
21
|
+
backgroundColor: 'widget-selector-hover-background'
|
|
22
|
+
}
|
|
23
|
+
};
|
|
24
|
+
const handleMaxClick = async () => {
|
|
25
|
+
if (!balance || !fromChain)
|
|
26
|
+
return;
|
|
27
|
+
let feeBufferAmount = 0n;
|
|
28
|
+
if (isFromNative && getFeeBufferAmount) {
|
|
29
|
+
feeBufferAmount = await getFeeBufferAmount(fromChain.vmType, fromChain.id, balance, publicClient ?? null);
|
|
30
|
+
}
|
|
31
|
+
const finalMaxAmount = isFromNative && feeBufferAmount > 0n
|
|
32
|
+
? balance > feeBufferAmount
|
|
33
|
+
? balance - feeBufferAmount
|
|
34
|
+
: 0n
|
|
35
|
+
: balance;
|
|
36
|
+
onPercentageClick(finalMaxAmount, 'max', isFromNative ? feeBufferAmount : 0n);
|
|
37
|
+
};
|
|
38
|
+
const handleMaxMouseEnter = () => {
|
|
39
|
+
if (fromChain?.vmType === 'evm' &&
|
|
40
|
+
publicClient &&
|
|
41
|
+
balance &&
|
|
42
|
+
getFeeBufferAmount) {
|
|
43
|
+
getFeeBufferAmount(fromChain.vmType, fromChain.id, balance, publicClient);
|
|
44
|
+
}
|
|
45
|
+
else if (fromChain?.vmType === 'svm' &&
|
|
46
|
+
fromChain.id &&
|
|
47
|
+
getFeeBufferAmount) {
|
|
48
|
+
getFeeBufferAmount(fromChain.vmType, fromChain.id, 0n, null);
|
|
49
|
+
}
|
|
50
|
+
};
|
|
51
|
+
return ((0, jsx_runtime_1.jsxs)(index_js_1.Flex, { css: {
|
|
52
|
+
gap: '1',
|
|
53
|
+
width: isMobile ? '100%' : 'auto',
|
|
54
|
+
mb: isMobile ? '1' : '0'
|
|
55
|
+
}, children: [(0, jsx_runtime_1.jsx)(index_js_1.Button, { "aria-label": "20%", css: buttonStyles, color: "white", onClick: () => {
|
|
56
|
+
const percentageBuffer = (balance * 20n) / 100n;
|
|
57
|
+
onPercentageClick(percentageBuffer, '20%');
|
|
58
|
+
}, children: "20%" }), (0, jsx_runtime_1.jsx)(index_js_1.Button, { "aria-label": "50%", css: buttonStyles, color: "white", onClick: () => {
|
|
59
|
+
const percentageBuffer = (balance * 50n) / 100n;
|
|
60
|
+
onPercentageClick(percentageBuffer, '50%');
|
|
61
|
+
}, children: "50%" }), (0, jsx_runtime_1.jsx)(index_js_1.Button, { "aria-label": "MAX", css: buttonStyles, color: "white", onMouseEnter: handleMaxMouseEnter, onClick: handleMaxClick, children: "MAX" })] }));
|
|
62
|
+
};
|
|
63
|
+
exports.PercentageButtons = PercentageButtons;
|
|
64
|
+
//# sourceMappingURL=PercentageButtons.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PercentageButtons.js","sourceRoot":"","sources":["../../../../src/components/common/PercentageButtons.tsx"],"names":[],"mappings":"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"}
|
|
@@ -14,7 +14,103 @@ const slippage_js_1 = require("../../utils/slippage.js");
|
|
|
14
14
|
const events_js_1 = require("../../constants/events.js");
|
|
15
15
|
const usehooks_ts_1 = require("usehooks-ts");
|
|
16
16
|
const useFallbackState_js_1 = tslib_1.__importDefault(require("../../hooks/useFallbackState.js"));
|
|
17
|
+
const Modal_js_1 = require("./Modal.js");
|
|
18
|
+
const SlippageTabs = ({ mode, setMode, displayValue, setDisplayValue, handleInputChange, handleKeyDown, handleClose, slippageRating, slippageRatingColor, inputRef }) => {
|
|
19
|
+
const isMobile = (0, usehooks_ts_1.useMediaQuery)('(max-width: 520px)');
|
|
20
|
+
return ((0, jsx_runtime_1.jsxs)(Tabs_js_1.TabsRoot, { value: mode, onValueChange: (value) => {
|
|
21
|
+
setMode(value);
|
|
22
|
+
if (value === 'Auto') {
|
|
23
|
+
setDisplayValue(undefined);
|
|
24
|
+
}
|
|
25
|
+
}, css: {
|
|
26
|
+
display: 'flex',
|
|
27
|
+
flexDirection: 'column',
|
|
28
|
+
width: '100%',
|
|
29
|
+
gap: '3',
|
|
30
|
+
sm: {
|
|
31
|
+
gap: '2'
|
|
32
|
+
}
|
|
33
|
+
}, children: [(0, jsx_runtime_1.jsxs)(Tabs_js_1.TabsList, { css: { width: '100%' }, children: [(0, jsx_runtime_1.jsx)(Tabs_js_1.TabsTrigger, { value: "Auto", css: { width: '50%' }, children: "Auto" }), (0, jsx_runtime_1.jsx)(Tabs_js_1.TabsTrigger, { value: "Custom", css: { width: '50%' }, children: "Custom" })] }), (0, jsx_runtime_1.jsx)(Tabs_js_1.TabsContent, { value: "Auto", css: { width: '100%' }, children: (0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "body2", color: "subtle", css: { lineHeight: '14px', sm: { fontSize: '12px' } }, children: "We'll set the slippage automatically to minimize the failure rate." }) }), (0, jsx_runtime_1.jsxs)(Tabs_js_1.TabsContent, { value: "Custom", css: {
|
|
34
|
+
display: 'flex',
|
|
35
|
+
width: '100%',
|
|
36
|
+
overflow: 'hidden',
|
|
37
|
+
flexDirection: 'column',
|
|
38
|
+
gap: '1'
|
|
39
|
+
}, children: [(0, jsx_runtime_1.jsxs)(index_js_1.Flex, { css: {
|
|
40
|
+
display: 'none',
|
|
41
|
+
smDown: {
|
|
42
|
+
display: 'flex',
|
|
43
|
+
width: '100%',
|
|
44
|
+
gap: '2',
|
|
45
|
+
mb: '2'
|
|
46
|
+
}
|
|
47
|
+
}, children: [(0, jsx_runtime_1.jsx)(index_js_1.Button, { color: "ghost", size: "small", css: {
|
|
48
|
+
flex: 1,
|
|
49
|
+
minHeight: 32,
|
|
50
|
+
backgroundColor: 'gray3',
|
|
51
|
+
fontWeight: 500,
|
|
52
|
+
fontSize: 14,
|
|
53
|
+
py: 2,
|
|
54
|
+
borderRadius: '6px',
|
|
55
|
+
justifyContent: 'center',
|
|
56
|
+
'&:hover': {
|
|
57
|
+
backgroundColor: 'gray5'
|
|
58
|
+
}
|
|
59
|
+
}, onClick: () => handleInputChange('1'), children: "1%" }), (0, jsx_runtime_1.jsx)(index_js_1.Button, { color: "ghost", size: "small", css: {
|
|
60
|
+
flex: 1,
|
|
61
|
+
minHeight: 32,
|
|
62
|
+
backgroundColor: 'gray3',
|
|
63
|
+
fontWeight: 500,
|
|
64
|
+
fontSize: 14,
|
|
65
|
+
py: 2,
|
|
66
|
+
borderRadius: '6px',
|
|
67
|
+
justifyContent: 'center',
|
|
68
|
+
'&:hover': {
|
|
69
|
+
backgroundColor: 'gray5'
|
|
70
|
+
}
|
|
71
|
+
}, onClick: () => handleInputChange('2'), children: "2%" }), (0, jsx_runtime_1.jsx)(index_js_1.Button, { color: "ghost", size: "small", css: {
|
|
72
|
+
flex: 1,
|
|
73
|
+
minHeight: 32,
|
|
74
|
+
backgroundColor: 'gray3',
|
|
75
|
+
fontWeight: 500,
|
|
76
|
+
fontSize: 14,
|
|
77
|
+
py: 2,
|
|
78
|
+
borderRadius: '6px',
|
|
79
|
+
justifyContent: 'center',
|
|
80
|
+
'&:hover': {
|
|
81
|
+
backgroundColor: 'gray5'
|
|
82
|
+
}
|
|
83
|
+
}, onClick: () => handleInputChange('5'), children: "5%" })] }), (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { css: { display: 'flex', width: '100%', position: 'relative' }, children: [(0, jsx_runtime_1.jsx)(index_js_1.Input, { ref: inputRef, value: displayValue || '', onChange: (e) => handleInputChange(e.target.value), onKeyDown: handleKeyDown, onBlur: handleClose, onFocus: (e) => {
|
|
84
|
+
if (isMobile) {
|
|
85
|
+
const input = e.target;
|
|
86
|
+
setTimeout(() => {
|
|
87
|
+
input.setSelectionRange(input.value.length, input.value.length);
|
|
88
|
+
}, 0);
|
|
89
|
+
}
|
|
90
|
+
}, placeholder: "2", containerCss: {
|
|
91
|
+
width: '100%'
|
|
92
|
+
}, css: {
|
|
93
|
+
height: '36px',
|
|
94
|
+
pr: '28px !important',
|
|
95
|
+
border: 'none',
|
|
96
|
+
textAlign: 'right',
|
|
97
|
+
width: '100%',
|
|
98
|
+
smDown: {
|
|
99
|
+
backgroundColor: 'transparent',
|
|
100
|
+
'--borderColor': 'colors.gray.5',
|
|
101
|
+
border: '1px solid var(--borderColor)'
|
|
102
|
+
},
|
|
103
|
+
color: slippageRatingColor
|
|
104
|
+
} }), (0, jsx_runtime_1.jsx)(index_js_1.Box, { css: {
|
|
105
|
+
position: 'absolute',
|
|
106
|
+
right: 8,
|
|
107
|
+
top: '50%',
|
|
108
|
+
transform: 'translateY(-50%)',
|
|
109
|
+
color: slippageRatingColor
|
|
110
|
+
}, children: "%" })] }), slippageRating === 'very-high' ? ((0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "body3", css: { color: 'red11' }, children: "Very high slippage" })) : null, slippageRating === 'high' ? ((0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "body3", css: { color: 'amber11' }, children: "High slippage" })) : null] })] }));
|
|
111
|
+
};
|
|
17
112
|
const SlippageToleranceConfig = ({ open: _open, setOpen: _setOpen, setSlippageTolerance: externalSetValue, onAnalyticEvent }) => {
|
|
113
|
+
const isMobile = (0, usehooks_ts_1.useMediaQuery)('(max-width: 520px)');
|
|
18
114
|
const [displayValue, setDisplayValue] = (0, react_1.useState)(undefined);
|
|
19
115
|
const [debouncedDisplayValue] = (0, usehooks_ts_1.useDebounceValue)(displayValue, 500);
|
|
20
116
|
const bpsValue = debouncedDisplayValue
|
|
@@ -86,24 +182,46 @@ const SlippageToleranceConfig = ({ open: _open, setOpen: _setOpen, setSlippageTo
|
|
|
86
182
|
value: isAuto ? 'auto' : displayValue
|
|
87
183
|
});
|
|
88
184
|
};
|
|
89
|
-
|
|
185
|
+
const triggerButton = ((0, jsx_runtime_1.jsxs)(index_js_1.Button, { "aria-label": "Slippage Tolerance Configuration", color: "ghost", size: "none", css: {
|
|
186
|
+
display: 'flex',
|
|
187
|
+
alignItems: 'center',
|
|
188
|
+
justifyContent: 'center',
|
|
189
|
+
gap: '1',
|
|
190
|
+
bg: 'subtle-background-color',
|
|
191
|
+
color: slippageRatingColor ?? 'gray9',
|
|
192
|
+
p: '2',
|
|
193
|
+
borderRadius: 12,
|
|
194
|
+
border: 'widget-card-border',
|
|
195
|
+
height: '36px',
|
|
196
|
+
px: '10px'
|
|
197
|
+
}, children: [open === false && displayValue && ((0, jsx_runtime_1.jsxs)(index_js_1.Text, { style: "subtitle2", css: { color: slippageRatingColor }, children: [displayValue, "%"] })), (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: free_solid_svg_icons_1.faGear })] }));
|
|
198
|
+
const slippageTabsProps = {
|
|
199
|
+
mode,
|
|
200
|
+
setMode,
|
|
201
|
+
displayValue,
|
|
202
|
+
setDisplayValue,
|
|
203
|
+
handleInputChange,
|
|
204
|
+
handleKeyDown,
|
|
205
|
+
handleClose,
|
|
206
|
+
slippageRating,
|
|
207
|
+
slippageRatingColor,
|
|
208
|
+
inputRef
|
|
209
|
+
};
|
|
210
|
+
return ((0, jsx_runtime_1.jsx)("div", { className: "relay-kit-reset", children: isMobile ? ((0, jsx_runtime_1.jsx)(Modal_js_1.Modal, { open: open, onOpenChange: (isOpen) => {
|
|
90
211
|
setOpen(isOpen);
|
|
91
212
|
if (!isOpen) {
|
|
92
213
|
handleClose();
|
|
93
214
|
}
|
|
94
|
-
}, trigger:
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
height: '36px',
|
|
105
|
-
px: '10px'
|
|
106
|
-
}, children: [open === false && displayValue && ((0, jsx_runtime_1.jsxs)(index_js_1.Text, { style: "subtitle2", css: { color: slippageRatingColor }, children: [displayValue, "%"] })), (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: free_solid_svg_icons_1.faGear })] }), contentProps: {
|
|
215
|
+
}, trigger: triggerButton, css: {
|
|
216
|
+
width: '100%',
|
|
217
|
+
minHeight: '262px',
|
|
218
|
+
maxHeight: '90vh'
|
|
219
|
+
}, children: (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { direction: "column", css: { width: '100%', gap: '4' }, children: [(0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "h6", children: "Max Slippage" }), (0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "body3", color: "subtle", children: "If the price exceeds the maximum slippage percentage, the transaction will revert." }), (0, jsx_runtime_1.jsx)(SlippageTabs, { ...slippageTabsProps })] }) })) : ((0, jsx_runtime_1.jsx)(Dropdown_js_1.Dropdown, { open: open, onOpenChange: (isOpen) => {
|
|
220
|
+
setOpen(isOpen);
|
|
221
|
+
if (!isOpen) {
|
|
222
|
+
handleClose();
|
|
223
|
+
}
|
|
224
|
+
}, trigger: triggerButton, contentProps: {
|
|
107
225
|
align: 'end',
|
|
108
226
|
sideOffset: 5,
|
|
109
227
|
css: { maxWidth: 188, mx: 0 },
|
|
@@ -111,36 +229,7 @@ const SlippageToleranceConfig = ({ open: _open, setOpen: _setOpen, setSlippageTo
|
|
|
111
229
|
onCloseAutoFocus: (e) => {
|
|
112
230
|
e.preventDefault();
|
|
113
231
|
}
|
|
114
|
-
}, children: (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { direction: "column", css: { width: '100%', gap: '2', maxWidth: 188 }, children: [(0, jsx_runtime_1.jsxs)(index_js_1.Flex, { direction: "row", css: { gap: '1', alignItems: 'center' }, children: [(0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle3", children: "Max Slippage" }), (0, jsx_runtime_1.jsx)(Tooltip_js_1.default, { content: (0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "tiny", css: { display: 'inline-block', maxWidth: 190 }, children: "If the price exceeds the maximum slippage percentage, the transaction will revert." }), children: (0, jsx_runtime_1.jsx)(index_js_1.Box, { css: { color: 'gray8' }, children: (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: free_solid_svg_icons_1.faInfoCircle, width: 14, height: 14 }) }) })] }), (0, jsx_runtime_1.
|
|
115
|
-
setMode(value);
|
|
116
|
-
if (value === 'Auto') {
|
|
117
|
-
setDisplayValue(undefined);
|
|
118
|
-
}
|
|
119
|
-
}, css: {
|
|
120
|
-
display: 'flex',
|
|
121
|
-
flexDirection: 'column',
|
|
122
|
-
width: '100%',
|
|
123
|
-
gap: '2'
|
|
124
|
-
}, children: [(0, jsx_runtime_1.jsxs)(Tabs_js_1.TabsList, { css: { width: '100%' }, children: [(0, jsx_runtime_1.jsx)(Tabs_js_1.TabsTrigger, { value: "Auto", css: { width: '50%' }, children: "Auto" }), (0, jsx_runtime_1.jsx)(Tabs_js_1.TabsTrigger, { value: "Custom", css: { width: '50%' }, children: "Custom" })] }), (0, jsx_runtime_1.jsx)(Tabs_js_1.TabsContent, { value: "Auto", css: { width: '100%' }, children: (0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "body3", color: "subtle", css: { lineHeight: '14px' }, children: "We'll set the slippage automatically to minimize the failure rate." }) }), (0, jsx_runtime_1.jsxs)(Tabs_js_1.TabsContent, { value: "Custom", css: {
|
|
125
|
-
display: 'flex',
|
|
126
|
-
width: '100%',
|
|
127
|
-
overflow: 'hidden',
|
|
128
|
-
flexDirection: 'column',
|
|
129
|
-
gap: '1'
|
|
130
|
-
}, children: [(0, jsx_runtime_1.jsxs)(index_js_1.Flex, { css: { display: 'flex', width: '100%', position: 'relative' }, children: [(0, jsx_runtime_1.jsx)(index_js_1.Input, { ref: inputRef, value: displayValue || '', onChange: (e) => handleInputChange(e.target.value), onKeyDown: handleKeyDown, onBlur: handleClose, placeholder: "2", css: {
|
|
131
|
-
height: '36px',
|
|
132
|
-
pr: '28px !important',
|
|
133
|
-
border: 'none',
|
|
134
|
-
textAlign: 'right',
|
|
135
|
-
width: '100%',
|
|
136
|
-
color: slippageRatingColor
|
|
137
|
-
} }), (0, jsx_runtime_1.jsx)(index_js_1.Box, { css: {
|
|
138
|
-
position: 'absolute',
|
|
139
|
-
right: 8,
|
|
140
|
-
top: '50%',
|
|
141
|
-
transform: 'translateY(-50%)',
|
|
142
|
-
color: slippageRatingColor
|
|
143
|
-
}, children: "%" })] }), slippageRating === 'very-high' ? ((0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "body3", css: { color: 'red11' }, children: "Very high slippage" })) : null, slippageRating === 'high' ? ((0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "body3", css: { color: 'amber11' }, children: "High slippage" })) : null] })] })] }) }) }));
|
|
232
|
+
}, children: (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { direction: "column", css: { width: '100%', gap: '2', maxWidth: 188 }, children: [(0, jsx_runtime_1.jsxs)(index_js_1.Flex, { direction: "row", css: { gap: '1', alignItems: 'center' }, children: [(0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle3", children: "Max Slippage" }), (0, jsx_runtime_1.jsx)(Tooltip_js_1.default, { content: (0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "tiny", css: { display: 'inline-block', maxWidth: 190 }, children: "If the price exceeds the maximum slippage percentage, the transaction will revert." }), children: (0, jsx_runtime_1.jsx)(index_js_1.Box, { css: { color: 'gray8' }, children: (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: free_solid_svg_icons_1.faInfoCircle, width: 14, height: 14 }) }) })] }), (0, jsx_runtime_1.jsx)(SlippageTabs, { ...slippageTabsProps })] }) })) }));
|
|
144
233
|
};
|
|
145
234
|
exports.SlippageToleranceConfig = SlippageToleranceConfig;
|
|
146
235
|
//# sourceMappingURL=SlippageToleranceConfig.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SlippageToleranceConfig.js","sourceRoot":"","sources":["../../../../src/components/common/SlippageToleranceConfig.tsx"],"names":[],"mappings":";;;;;AACA,iCAAmD;AACnD,2DAAoD;AACpD,sEAAgE;AAChE,4EAAwE;AACxE,qDAAuE;AACvE,kFAA8C;AAC9C,mDAK8B;AAC9B,yDAIgC;AAChC,yDAAsD;AACtD,
|
|
1
|
+
{"version":3,"file":"SlippageToleranceConfig.js","sourceRoot":"","sources":["../../../../src/components/common/SlippageToleranceConfig.tsx"],"names":[],"mappings":"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"}
|
|
@@ -46,11 +46,11 @@ const StyledInputCss = (0, css_1.cva)({
|
|
|
46
46
|
}
|
|
47
47
|
}
|
|
48
48
|
});
|
|
49
|
-
const Input = (0, react_1.forwardRef)(({ children, icon, iconPosition, iconCss, containerCss, css, ...props }, ref) => {
|
|
50
|
-
const { size, ellipsify, ...inputProps } = props;
|
|
49
|
+
const Input = (0, react_1.forwardRef)(({ children, icon, iconPosition, iconCss, containerCss, inputStyle, css, ...props }, ref) => {
|
|
50
|
+
const { size, ellipsify, style, ...inputProps } = props;
|
|
51
51
|
return ((0, jsx_runtime_1.jsxs)(Flex_js_1.default, { css: {
|
|
52
52
|
...containerCss
|
|
53
|
-
}, style: { ...
|
|
53
|
+
}, style: { ...style }, children: [icon && ((0, jsx_runtime_1.jsx)(Flex_js_1.default, { css: { position: 'relative' }, children: (0, jsx_runtime_1.jsx)(Box_js_1.default, { css: {
|
|
54
54
|
position: 'absolute',
|
|
55
55
|
top: 12,
|
|
56
56
|
left: iconPosition === 'right' ? 'unset' : 16,
|
|
@@ -59,7 +59,8 @@ const Input = (0, react_1.forwardRef)(({ children, icon, iconPosition, iconCss,
|
|
|
59
59
|
...iconCss
|
|
60
60
|
}, children: icon }) })), (0, jsx_runtime_1.jsx)("input", { ...inputProps, type: "text", ref: ref, style: {
|
|
61
61
|
paddingLeft: icon && iconPosition !== 'right' ? 42 : 16,
|
|
62
|
-
paddingRight: icon && iconPosition === 'right' ? 42 : 16
|
|
62
|
+
paddingRight: icon && iconPosition === 'right' ? 42 : 16,
|
|
63
|
+
...inputStyle
|
|
63
64
|
}, className: (0, css_1.css)(StyledInputCss.raw({ size, ellipsify }), css_1.css.raw({
|
|
64
65
|
...css
|
|
65
66
|
})) })] }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/components/primitives/Input.tsx"],"names":[],"mappings":";;;;AAAA,iCAAyC;AACzC,gEAA4B;AAE5B,gEAI+C;AAC/C,8DAA0B;AAE1B,MAAM,cAAc,GAAG,IAAA,SAAG,EAAC;IACzB,IAAI,EAAE;QACJ,EAAE,EAAE,EAAE;QACN,EAAE,EAAE,EAAE;QACN,YAAY,EAAE,qBAAqB;QACnC,UAAU,EAAE,MAAM;QAClB,QAAQ,EAAE,EAAE;QACZ,KAAK,EAAE,aAAa;QACpB,eAAe,EAAE,kBAAkB;QACnC,YAAY,EAAE;YACZ,KAAK,EAAE,QAAQ;SAChB;QACD,cAAc,EAAE,oBAAoB;QACpC,MAAM,EAAE;YACN,SAAS,EAAE,mCAAmC;YAC9C,OAAO,EAAE,MAAM;SAChB;QACD,SAAS,EAAE;YACT,MAAM,EAAE,aAAa;SACtB;QACD,YAAY,EAAE;YACZ,gBAAgB,EAAE,MAAM;SACzB;KACF;IAED,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE;gBACZ,UAAU,EAAE,MAAM;aACnB;SACF;QACD,SAAS,EAAE;YACT,IAAI,EAAE;gBACJ,YAAY,EAAE,UAAU;gBACxB,QAAQ,EAAE,QAAQ;gBAClB,UAAU,EAAE,QAAQ;aACrB;SACF;KACF;CACF,CAAC,CAAA;AAMF,MAAM,KAAK,GAAG,IAAA,kBAAU,
|
|
1
|
+
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/components/primitives/Input.tsx"],"names":[],"mappings":";;;;AAAA,iCAAyC;AACzC,gEAA4B;AAE5B,gEAI+C;AAC/C,8DAA0B;AAE1B,MAAM,cAAc,GAAG,IAAA,SAAG,EAAC;IACzB,IAAI,EAAE;QACJ,EAAE,EAAE,EAAE;QACN,EAAE,EAAE,EAAE;QACN,YAAY,EAAE,qBAAqB;QACnC,UAAU,EAAE,MAAM;QAClB,QAAQ,EAAE,EAAE;QACZ,KAAK,EAAE,aAAa;QACpB,eAAe,EAAE,kBAAkB;QACnC,YAAY,EAAE;YACZ,KAAK,EAAE,QAAQ;SAChB;QACD,cAAc,EAAE,oBAAoB;QACpC,MAAM,EAAE;YACN,SAAS,EAAE,mCAAmC;YAC9C,OAAO,EAAE,MAAM;SAChB;QACD,SAAS,EAAE;YACT,MAAM,EAAE,aAAa;SACtB;QACD,YAAY,EAAE;YACZ,gBAAgB,EAAE,MAAM;SACzB;KACF;IAED,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE;gBACZ,UAAU,EAAE,MAAM;aACnB;SACF;QACD,SAAS,EAAE;YACT,IAAI,EAAE;gBACJ,YAAY,EAAE,UAAU;gBACxB,QAAQ,EAAE,QAAQ;gBAClB,UAAU,EAAE,QAAQ;aACrB;SACF;KACF;CACF,CAAC,CAAA;AAMF,MAAM,KAAK,GAAG,IAAA,kBAAU,EAWtB,CACE,EACE,QAAQ,EACR,IAAI,EACJ,YAAY,EACZ,OAAO,EACP,YAAY,EACZ,UAAU,EACV,GAAG,EACH,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAA;IAEvD,OAAO,CACL,wBAAC,iBAAI,IACH,GAAG,EAAE;YACH,GAAG,YAAY;SAChB,EACD,KAAK,EAAE,EAAE,GAAG,KAAK,EAAE,aAElB,IAAI,IAAI,CACP,uBAAC,iBAAI,IAAC,GAAG,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,YACjC,uBAAC,gBAAG,IACF,GAAG,EAAE;wBACH,QAAQ,EAAE,UAAU;wBACpB,GAAG,EAAE,EAAE;wBACP,IAAI,EAAE,YAAY,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;wBAC7C,KAAK,EAAE,YAAY,KAAK,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO;wBAC9C,MAAM,EAAE,CAAC;wBACT,GAAG,OAAO;qBACX,YAEA,IAAI,GACD,GACD,CACR,EACD,qCACM,UAAU,EACd,IAAI,EAAC,MAAM,EACX,GAAG,EAAE,GAAG,EACR,KAAK,EAAE;oBACL,WAAW,EAAE,IAAI,IAAI,YAAY,KAAK,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE;oBACvD,YAAY,EAAE,IAAI,IAAI,YAAY,KAAK,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE;oBACxD,GAAG,UAAU;iBACd,EACD,SAAS,EAAE,IAAA,SAAS,EAClB,cAAc,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,EACvC,SAAS,CAAC,GAAG,CAAC;oBACZ,GAAG,GAAG;iBACP,CAAC,CACH,GACD,IACG,CACR,CAAA;AACH,CAAC,CACF,CAAA;AAED,KAAK,CAAC,WAAW,GAAG,OAAO,CAAA;AAE3B,kBAAe,KAAK,CAAA"}
|