@relayprotocol/relay-kit-ui 5.1.0 → 5.1.2
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/Modal.js +2 -2
- package/_cjs/src/components/common/Modal.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/common/TokenSelector/ChainShortcuts.js +83 -0
- package/_cjs/src/components/common/TokenSelector/ChainShortcuts.js.map +1 -0
- package/_cjs/src/components/common/TokenSelector/MobileChainSelector.js +255 -0
- package/_cjs/src/components/common/TokenSelector/MobileChainSelector.js.map +1 -0
- package/_cjs/src/components/common/TokenSelector/TokenSelector.js +62 -27
- package/_cjs/src/components/common/TokenSelector/TokenSelector.js.map +1 -1
- package/_cjs/src/components/primitives/Dialog.js +6 -5
- package/_cjs/src/components/primitives/Dialog.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 +252 -102
- 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/Modal.js +2 -2
- package/_esm/src/components/common/Modal.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/common/TokenSelector/ChainShortcuts.js +84 -0
- package/_esm/src/components/common/TokenSelector/ChainShortcuts.js.map +1 -0
- package/_esm/src/components/common/TokenSelector/MobileChainSelector.js +260 -0
- package/_esm/src/components/common/TokenSelector/MobileChainSelector.js.map +1 -0
- package/_esm/src/components/common/TokenSelector/TokenSelector.js +64 -28
- package/_esm/src/components/common/TokenSelector/TokenSelector.js.map +1 -1
- package/_esm/src/components/primitives/Dialog.js +6 -5
- package/_esm/src/components/primitives/Dialog.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 +252 -102
- 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/Modal.d.ts +2 -1
- package/_types/src/components/common/Modal.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/common/TokenSelector/ChainShortcuts.d.ts +19 -0
- package/_types/src/components/common/TokenSelector/ChainShortcuts.d.ts.map +1 -0
- package/_types/src/components/common/TokenSelector/MobileChainSelector.d.ts +21 -0
- package/_types/src/components/common/TokenSelector/MobileChainSelector.d.ts.map +1 -0
- package/_types/src/components/common/TokenSelector/TokenSelector.d.ts.map +1 -1
- package/_types/src/components/primitives/Dialog.d.ts +1 -0
- package/_types/src/components/primitives/Dialog.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 +74 -34
- package/dist/styles.css +252 -102
- package/package.json +3 -3
|
@@ -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":";;;;AAAA,iCAAyE;AACzE,qDAAwE;AACxE,iDAA0C;AAE1C,sEAAgE;AAChE,mDAAuE;AACvE,+CAA8C;AAC9C,mEAA4D;AAC5D,yDAAsD;AAEtD,4EAK0C;AAC1C,uDAAsD;AAGtD,yDAAyD;AACzD,uDAAuD;AACvD,6EAA4E;AAC5E,iEAGoC;AAiB7B,MAAM,kBAAkB,GAAc,CAAC,EAC5C,IAAI,EACJ,SAAS,EACT,OAAO,EACP,aAAa,EACb,WAAW,EACX,yBAAyB,EACzB,MAAM,EACN,eAAe,EACf,YAAY,EACZ,WAAW,EACX,OAAO,EACR,EAAE,EAAE;IACH,MAAM,gBAAgB,GAAG,IAAA,2BAAgB,EAAC,MAAM,EAAE,aAAa,CAAC,CAAA;IAChE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAA;IAC1C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAA;IACtC,MAAM,CAAC,qBAAqB,EAAE,wBAAwB,CAAC,GAAG,IAAA,gBAAQ,EAChE,EAAE,CACH,CAAA;IACD,MAAM,sBAAsB,GAAG,IAAA,kBAAU,EAAC,4CAAsB,CAAC,CAAA;IACjE,MAAM,qBAAqB,GAAG,sBAAsB,CAAC,uBAAuB,CAAA;IAE5E,MAAM,gBAAgB,GAAG,IAAA,eAAO,EAC9B,GAAG,EAAE,CACH,aAAa,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAC9B,IAAA,2BAAc,EACZ,OAAO,EAAE,MAAM,EACf,MAAM,CAAC,OAAO,EACd,OAAO,EAAE,EAAE,EACX,MAAM,CAAC,SAAS,EAChB,qBAAqB,CACtB,CACF,EACH,CAAC,OAAO,EAAE,aAAa,CAAC,CACzB,CAAA;IAED,MAAM,6BAA6B,GAAG,IAAA,eAAO,EAC3C,GAAG,EAAE,CACH,qBAAqB,CAAC,MAAM,CAAC,CAAC,OAAO,EAAE,EAAE,CACvC,IAAA,2BAAc,EAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,CAAC,CACtD,EACH,CAAC,qBAAqB,EAAE,OAAO,CAAC,CACjC,CAAA;IAED,MAAM,mBAAmB,GACvB,CAAC,CAAC,OAAO,IAAI,CAAC,SAAS,CAAC;QACxB,CAAC,SAAS,KAAK,gBAAgB,IAAI,OAAO,KAAK,gBAAgB,CAAC;QAChE,gBAAgB,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,KAAK,SAAS,CAAC,CAAA;IAEjE,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,IAAI,EAAE,CAAC;YACV,UAAU,CAAC,EAAE,CAAC,CAAA;YACd,QAAQ,CAAC,EAAE,CAAC,CAAA;QACd,CAAC;aAAM,CAAC;YACN,IAAI,IAAA,2BAAc,EAAC,OAAO,EAAE,MAAM,EAAE,SAAS,IAAI,EAAE,EAAE,OAAO,EAAE,EAAE,CAAC,EAAE,CAAC;gBAClE,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAA;gBACtC,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAA;YACtC,CAAC;YAED,wBAAwB,CAAC,IAAA,oCAAkB,GAAE,CAAC,CAAA;YAC9C,eAAe,EAAE,CAAC,sBAAU,CAAC,kBAAkB,CAAC,CAAA;QAClD,CAAC;IACH,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEV,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,GAAG,IAAA,yBAAc,EACrD,IAAA,kBAAS,EAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAC9B,CAAA;IAED,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,IAAA,2BAAc,EAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,CAAC,EAAE,CAAC;YACxD,UAAU,CAAC,KAAK,CAAC,CAAA;QACnB,CAAC;aAAM,IAAI,WAAW,EAAE,OAAO,EAAE,CAAC;YAChC,UAAU,CAAC,WAAW,CAAC,OAAO,CAAC,CAAA;QACjC,CAAC;aAAM,CAAC;YACN,UAAU,CAAC,EAAE,CAAC,CAAA;QAChB,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC,CAAA;IAExB,OAAO,CACL,uBAAC,gBAAK,IACJ,OAAO,EAAE,IAAI,EACb,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,GAAG,EAAE;YACH,QAAQ,EAAE,QAAQ;SACnB,YAED,wBAAC,eAAI,IACH,SAAS,EAAC,QAAQ,EAClB,GAAG,EAAE;gBACH,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,MAAM;gBACd,GAAG,EAAE,GAAG;gBACR,EAAE,EAAE;oBACF,KAAK,EAAE,GAAG;iBACX;aACF,aAED,uBAAC,eAAI,IAAC,KAAK,EAAC,IAAI,2BAAkB,EAClC,wBAAC,eAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,UAAU,EAAE,aAC9D,wBAAC,eAAI,IACH,GAAG,EAAE;gCACH,QAAQ,EAAE,UAAU;gCACpB,OAAO,EAAE,cAAc;6BACxB,aAED,uBAAC,gBAAK,IACJ,IAAI,EAAC,MAAM,EACX,SAAS,EAAC,MAAM,EAChB,YAAY,EAAC,KAAK,EAClB,WAAW,EAAC,KAAK,EACjB,SAAS,EAAC,eAAe,EACzB,GAAG,EAAE;wCACH,KAAK,EAAE,MAAM;wCACb,MAAM,EAAE,EAAE;qCACX,EACD,UAAU,EAAE;wCACV,YAAY,EAAE,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;qCACjD,EACD,WAAW,EACT,CAAC,OAAO;wCACN,CAAC,CAAC,eAAe;wCACjB,CAAC,CAAC,OAAO,CAAC,MAAM,KAAK,KAAK;4CACxB,CAAC,CAAC,gBAAgB;4CAClB,CAAC,CAAC,SAAS,OAAO,CAAC,WAAW,UAAU,EAE9C,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;wCACd,QAAQ,CAAE,CAAC,CAAC,MAA2B,CAAC,KAAK,CAAC,CAAA;oCAChD,CAAC,GACD,EACD,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,SAAS,IAAI,CACjC,uBAAC,iBAAM,IACL,KAAK,EAAC,OAAO,EACb,IAAI,EAAC,MAAM,EACX,GAAG,EAAE;wCACH,QAAQ,EAAE,UAAU;wCACpB,KAAK,EAAE,KAAK;wCACZ,GAAG,EAAE,KAAK;wCACV,SAAS,EAAE,kBAAkB;wCAC7B,KAAK,EAAE,MAAM;wCACb,MAAM,EAAE,MAAM;wCACd,QAAQ,EAAE,MAAM;wCAChB,SAAS,EAAE,MAAM;wCACjB,OAAO,EAAE,GAAG;wCACZ,YAAY,EAAE,KAAK;wCACnB,OAAO,EAAE,MAAM;wCACf,UAAU,EAAE,QAAQ;wCACpB,cAAc,EAAE,QAAQ;wCACxB,eAAe,EAAE,OAAO;wCACxB,KAAK,EAAE,OAAO;qCACf,EACD,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE;wCACjB,CAAC,CAAC,cAAc,EAAE,CAAA;oCACpB,CAAC,EACD,OAAO,EAAE,GAAG,EAAE;wCACZ,QAAQ,CAAC,EAAE,CAAC,CAAA;oCACd,CAAC,YAED,uBAAC,mCAAe,IAAC,IAAI,EAAE,oCAAa,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,GACxD,CACV,EACA,SAAS,IAAI,CACZ,uBAAC,kCAAc,IACb,GAAG,EAAE;wCACH,KAAK,EAAE,CAAC;wCACR,GAAG,EAAE,CAAC;wCACN,QAAQ,EAAE,UAAU;qCACrB,GACD,CACH,IACI,EACN,CAAC,OAAO,IAAI,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAC1B,uBAAC,eAAI,IAAC,KAAK,EAAC,KAAK,EAAC,KAAK,EAAC,WAAW,oCAE5B,CACR,CAAC,CAAC,CAAC,IAAI,EAEP,CAAC,mBAAmB,IAAI,OAAO,IAAI,WAAW,CAAC,CAAC,CAAC,CAChD,wBAAC,eAAI,IACH,GAAG,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,GAAG,EAAE,YAAY,EAAE,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,EACxD,KAAK,EAAC,QAAQ,aAEd,uBAAC,mCAAe,IACd,IAAI,EAAE,4CAAqB,EAC3B,KAAK,EAAC,SAAS,EACf,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,KAAK,EAAE,EAAE,UAAU,EAAE,CAAC,EAAE,GACxB,EACF,wBAAC,eAAI,IAAC,KAAK,EAAC,WAAW,EAAC,KAAK,EAAC,SAAS,8GAEP,GAAG,IAC5B,IACF,CACR,CAAC,CAAC,CAAC,IAAI,EAEP,CAAC,yBAAyB,IAAI,WAAW,CAAC,CAAC,CAAC,CAC3C,mBAAmB,CAAC,CAAC,CAAC,CACpB,wBAAC,eAAI,IACH,GAAG,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,GAAG,EAAE,YAAY,EAAE,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,EACxD,KAAK,EAAC,QAAQ,aAEd,uBAAC,mCAAe,IACd,IAAI,EAAE,oCAAa,EACnB,KAAK,EAAC,SAAS,EACf,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACV,EACF,uBAAC,eAAI,IAAC,KAAK,EAAC,WAAW,iCAAwB,IAC1C,CACR,CAAC,CAAC,CAAC,CACF,uBAAC,wBAAY,IACX,OAAO,EAAE,GAAG,EAAE;gCACZ,OAAO,EAAE,CAAA;gCACT,YAAY,CAAC,KAAK,CAAC,CAAA;4BACrB,CAAC,6CAGY,CAChB,CACF,CAAC,CAAC,CAAC,IAAI,EAEP,6BAA6B,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAC1C,6DACE,uBAAC,eAAI,IAAC,KAAK,EAAC,WAAW,iCAAwB,EAC/C,uBAAC,eAAI,IAAC,GAAG,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,KAAK,EAAC,QAAQ,YACtD,6BAA6B,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAC9C,wBAAC,eAAI,IAEH,KAAK,EAAC,aAAa,EACnB,QAAQ,QACR,MAAM,EAAC,SAAS,EAChB,GAAG,EAAE;4CACH,OAAO,EAAE,MAAM;4CACf,UAAU,EAAE,QAAQ;4CACpB,GAAG,EAAE,KAAK;4CACV,MAAM,EAAE,SAAS;4CACjB,EAAE,EAAE,KAAK;yCACV,EACD,OAAO,EAAE,GAAG,EAAE;4CACZ,WAAW,CAAC,OAAO,CAAC,CAAA;4CACpB,YAAY,CAAC,KAAK,CAAC,CAAA;4CACnB,eAAe,EAAE,CAAC,sBAAU,CAAC,uBAAuB,EAAE;gDACpD,OAAO,EAAE,OAAO;gDAChB,OAAO,EAAE,gBAAgB;6CAC1B,CAAC,CAAA;wCACJ,CAAC,aAED,uBAAC,mCAAe,IACd,IAAI,EAAE,kCAAW,EACjB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,KAAK,EAAC,SAAS,GACf,EACF,uBAAC,eAAI,IAAC,KAAK,EAAC,WAAW,YAAE,IAAA,6BAAe,EAAC,OAAO,CAAC,GAAQ,KA1BpD,OAAO,CA2BP,CACR,CAAC,GACG,IACN,CACJ,CAAC,CAAC,CAAC,IAAI,IACH,EACP,uBAAC,iBAAM,IACL,GAAG,EAAE,IAAI,EACT,QAAQ,EAAE,CAAC,IAAA,2BAAc,EAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,CAAC,EAChE,GAAG,EAAE,EAAE,cAAc,EAAE,QAAQ,EAAE,EACjC,OAAO,EAAE,GAAG,EAAE;wBACZ,IAAI,IAAA,2BAAc,EAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,CAAC,EAAE,CAAC;4BAE1D,MAAM,iBAAiB,GAAG,gBAAgB,CAAC,IAAI,CAC7C,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,KAAK,OAAO,CACvC,CAAA;4BACD,IAAI,CAAC,iBAAiB,IAAI,OAAO,KAAK,gBAAgB,EAAE,CAAC;gCACvD,IAAA,kCAAgB,EAAC,OAAO,CAAC,CAAA;gCACzB,wBAAwB,CAAC,IAAA,oCAAkB,GAAE,CAAC,CAAA;4BAChD,CAAC;4BAED,WAAW,CAAC,OAAO,CAAC,CAAA;4BACpB,eAAe,EAAE,CAAC,sBAAU,CAAC,uBAAuB,EAAE;gCACpD,OAAO,EAAE,OAAO;gCAChB,OAAO,EAAE,OAAO;6BACjB,CAAC,CAAA;wBACJ,CAAC;wBACD,YAAY,CAAC,KAAK,CAAC,CAAA;oBACrB,CAAC,iBACW,aAAa,qBAGlB,IACJ,GACD,CACT,CAAA;AACH,CAAC,CAAA;AApSY,QAAA,kBAAkB,sBAoS9B"}
|
|
@@ -8,7 +8,7 @@ const index_js_1 = require("../primitives/index.js");
|
|
|
8
8
|
const react_fontawesome_1 = require("@fortawesome/react-fontawesome");
|
|
9
9
|
const faXmark_1 = require("@fortawesome/free-solid-svg-icons/faXmark");
|
|
10
10
|
const framer_motion_1 = require("framer-motion");
|
|
11
|
-
const Modal = ({ trigger, css, overlayZIndex = 9999, showCloseButton = true, children, ...props }) => {
|
|
11
|
+
const Modal = ({ trigger, css, overlayZIndex = 9999, showCloseButton = true, disableAnimation = false, children, ...props }) => {
|
|
12
12
|
return ((0, jsx_runtime_1.jsxs)(react_dialog_1.Root, { modal: true, ...props, children: [(0, jsx_runtime_1.jsx)(react_dialog_1.DialogTrigger, { asChild: true, children: trigger }), (0, jsx_runtime_1.jsx)(framer_motion_1.AnimatePresence, { children: props.open ? ((0, jsx_runtime_1.jsx)(react_dialog_1.DialogPortal, { forceMount: true, children: (0, jsx_runtime_1.jsx)(Dialog_js_1.Overlay, { forceMount: true, css: {
|
|
13
13
|
position: 'fixed',
|
|
14
14
|
top: 0,
|
|
@@ -21,7 +21,7 @@ const Modal = ({ trigger, css, overlayZIndex = 9999, showCloseButton = true, chi
|
|
|
21
21
|
border: '1px solid var(--borderColor)',
|
|
22
22
|
padding: '4',
|
|
23
23
|
...css
|
|
24
|
-
}, onPointerDownOutside: props.onPointerDownOutside, children: [showCloseButton ? ((0, jsx_runtime_1.jsx)(react_dialog_1.DialogClose, { asChild: true, style: {
|
|
24
|
+
}, disableAnimation: disableAnimation, onPointerDownOutside: props.onPointerDownOutside, onOpenAutoFocus: props.onOpenAutoFocus, children: [showCloseButton ? ((0, jsx_runtime_1.jsx)(react_dialog_1.DialogClose, { asChild: true, style: {
|
|
25
25
|
position: 'absolute',
|
|
26
26
|
right: 10,
|
|
27
27
|
top: 12,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../src/components/common/Modal.tsx"],"names":[],"mappings":";;;;AACA,uDAAkE;AAClE,yDAK+B;AAC/B,qDAA+C;AAC/C,sEAAgE;AAChE,uEAAmE;AAEnE,iDAA+C;
|
|
1
|
+
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../src/components/common/Modal.tsx"],"names":[],"mappings":";;;;AACA,uDAAkE;AAClE,yDAK+B;AAC/B,qDAA+C;AAC/C,sEAAgE;AAChE,uEAAmE;AAEnE,iDAA+C;AAcxC,MAAM,KAAK,GAOd,CAAC,EACH,OAAO,EACP,GAAG,EACH,aAAa,GAAG,IAAI,EACpB,eAAe,GAAG,IAAI,EACtB,gBAAgB,GAAG,KAAK,EACxB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,wBAAC,mBAAU,IAAC,KAAK,EAAE,IAAI,KAAM,KAAK,aAChC,uBAAC,4BAAa,IAAC,OAAO,kBAAE,OAAO,GAAiB,EAChD,uBAAC,+BAAe,cACb,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CACZ,uBAAC,2BAAY,IAAC,UAAU,kBACtB,uBAAC,mBAAO,IACN,UAAU,QACV,GAAG,EAAE;4BACH,QAAQ,EAAE,OAAO;4BACjB,GAAG,EAAE,CAAC;4BACN,IAAI,EAAE,CAAC;4BACP,KAAK,EAAE,CAAC;4BACR,MAAM,EAAE,CAAC;4BACT,eAAe,EAAE,UAAU;yBAC5B,EACD,KAAK,EAAE,EAAE,MAAM,EAAE,aAAa,EAAE,YAEhC,wBAAC,2BAAe,IACd,UAAU,QACV,GAAG,EAAE;gCACH,eAAe,EAAE,4BAA4B;gCAC7C,MAAM,EAAE,8BAA8B;gCACtC,OAAO,EAAE,GAAG;gCACZ,GAAG,GAAG;6BACP,EACD,gBAAgB,EAAE,gBAAgB,EAClC,oBAAoB,EAAE,KAAK,CAAC,oBAAoB,EAChD,eAAe,EAAE,KAAK,CAAC,eAAe,aAErC,eAAe,CAAC,CAAC,CAAC,CACjB,uBAAC,0BAAW,IACV,OAAO,QACP,KAAK,EAAE;wCACL,QAAQ,EAAE,UAAU;wCACpB,KAAK,EAAE,EAAE;wCACT,GAAG,EAAE,EAAE;wCACP,MAAM,EAAE,EAAE;qCACX,YAED,uBAAC,iBAAM,IACL,KAAK,EAAC,OAAO,EACb,IAAI,EAAC,MAAM,EACX,GAAG,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,EAAE,GAAG,EAAE,EAC/B,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;4CACb,KAAK,CAAC,oBAAoB,EAAE,CAAC,CAAC,CAAC,CAAA;wCACjC,CAAC,YAED,uBAAC,mCAAe,IAAC,IAAI,EAAE,iBAAO,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,GAClD,GACG,CACf,CAAC,CAAC,CAAC,IAAI,EACP,QAAQ,IACO,GACV,GACG,CAChB,CAAC,CAAC,CAAC,IAAI,GACQ,IACP,CACd,CAAA;AACH,CAAC,CAAA;AA5EY,QAAA,KAAK,SA4EjB"}
|
|
@@ -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":";;;;AACA,qDAAqD;AAmB9C,MAAM,iBAAiB,GAA+B,CAAC,EAC5D,OAAO,EACP,iBAAiB,EACjB,kBAAkB,EAClB,SAAS,EACT,YAAY,EACZ,YAAY,EACZ,OAAO,GAAG,SAAS,EACpB,EAAE,EAAE;IACH,MAAM,QAAQ,GAAG,OAAO,KAAK,QAAQ,CAAA;IAErC,MAAM,YAAY,GAAG;QACnB,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE;QAC5B,UAAU,EAAE,KAAK;QACjB,EAAE,EAAE,GAAG;QACP,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG;QAC1B,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;QACrC,UAAU,EAAE,MAAM;QAClB,eAAe,EAAE,4BAA4B;QAC7C,MAAM,EAAE,MAAM;QACd,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM;QACvC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM;QAC7B,cAAc,EAAE,QAAQ;QACxB,MAAM,EAAE;YACN,eAAe,EAAE,kCAAkC;SACpD;KACF,CAAA;IAED,MAAM,cAAc,GAAG,KAAK,IAAI,EAAE;QAChC,IAAI,CAAC,OAAO,IAAI,CAAC,SAAS;YAAE,OAAM;QAElC,IAAI,eAAe,GAAW,EAAE,CAAA;QAChC,IAAI,YAAY,IAAI,kBAAkB,EAAE,CAAC;YACvC,eAAe,GAAG,MAAM,kBAAkB,CACxC,SAAS,CAAC,MAAM,EAChB,SAAS,CAAC,EAAE,EACZ,OAAO,EACP,YAAY,IAAI,IAAI,CACrB,CAAA;QACH,CAAC;QAED,MAAM,cAAc,GAClB,YAAY,IAAI,eAAe,GAAG,EAAE;YAClC,CAAC,CAAC,OAAO,GAAG,eAAe;gBACzB,CAAC,CAAC,OAAO,GAAG,eAAe;gBAC3B,CAAC,CAAC,EAAE;YACN,CAAC,CAAC,OAAO,CAAA;QAEb,iBAAiB,CACf,cAAc,EACd,KAAK,EACL,YAAY,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,CACpC,CAAA;IACH,CAAC,CAAA;IAED,MAAM,mBAAmB,GAAG,GAAG,EAAE;QAC/B,IACE,SAAS,EAAE,MAAM,KAAK,KAAK;YAC3B,YAAY;YACZ,OAAO;YACP,kBAAkB,EAClB,CAAC;YACD,kBAAkB,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,EAAE,EAAE,OAAO,EAAE,YAAY,CAAC,CAAA;QAC3E,CAAC;aAAM,IACL,SAAS,EAAE,MAAM,KAAK,KAAK;YAC3B,SAAS,CAAC,EAAE;YACZ,kBAAkB,EAClB,CAAC;YACD,kBAAkB,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,EAAE,EAAE,EAAE,EAAE,IAAI,CAAC,CAAA;QAC9D,CAAC;IACH,CAAC,CAAA;IAED,OAAO,CACL,wBAAC,eAAI,IACH,GAAG,EAAE;YACH,GAAG,EAAE,GAAG;YACR,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;YACjC,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG;SACzB,aAED,uBAAC,iBAAM,kBACM,KAAK,EAChB,GAAG,EAAE,YAAY,EACjB,KAAK,EAAC,OAAO,EACb,OAAO,EAAE,GAAG,EAAE;oBACZ,MAAM,gBAAgB,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,GAAG,IAAI,CAAA;oBAC/C,iBAAiB,CAAC,gBAAgB,EAAE,KAAK,CAAC,CAAA;gBAC5C,CAAC,oBAGM,EAET,uBAAC,iBAAM,kBACM,KAAK,EAChB,GAAG,EAAE,YAAY,EACjB,KAAK,EAAC,OAAO,EACb,OAAO,EAAE,GAAG,EAAE;oBACZ,MAAM,gBAAgB,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,GAAG,IAAI,CAAA;oBAC/C,iBAAiB,CAAC,gBAAgB,EAAE,KAAK,CAAC,CAAA;gBAC5C,CAAC,oBAGM,EAET,uBAAC,iBAAM,kBACM,KAAK,EAChB,GAAG,EAAE,YAAY,EACjB,KAAK,EAAC,OAAO,EACb,YAAY,EAAE,mBAAmB,EACjC,OAAO,EAAE,cAAc,oBAGhB,IACJ,CACR,CAAA;AACH,CAAC,CAAA;AAnHY,QAAA,iBAAiB,qBAmH7B"}
|
|
@@ -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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"}
|
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.ChainShortcuts = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const react_1 = require("react");
|
|
6
|
+
const index_js_1 = require("../../primitives/index.js");
|
|
7
|
+
const react_fontawesome_1 = require("@fortawesome/react-fontawesome");
|
|
8
|
+
const free_solid_svg_icons_1 = require("@fortawesome/free-solid-svg-icons");
|
|
9
|
+
const tokenSelector_js_1 = require("../../../utils/tokenSelector.js");
|
|
10
|
+
const events_js_1 = require("../../../constants/events.js");
|
|
11
|
+
const ChainShortcuts = ({ options, value, onSelect, onMoreClick, popularChainIds, starredChainIds, onAnalyticEvent, context }) => {
|
|
12
|
+
const shortcutChains = (0, react_1.useMemo)(() => {
|
|
13
|
+
const { allChainsOption, starredChains, alphabeticalChains } = (0, tokenSelector_js_1.groupChains)(options, popularChainIds, starredChainIds);
|
|
14
|
+
const shortcuts = [];
|
|
15
|
+
if (allChainsOption) {
|
|
16
|
+
shortcuts.push(allChainsOption);
|
|
17
|
+
}
|
|
18
|
+
const remainingSlots = 5 - shortcuts.length;
|
|
19
|
+
const starredToAdd = starredChains.slice(0, remainingSlots);
|
|
20
|
+
shortcuts.push(...starredToAdd);
|
|
21
|
+
const currentSlots = shortcuts.length;
|
|
22
|
+
if (currentSlots < 5) {
|
|
23
|
+
const remainingSlots = 5 - currentSlots;
|
|
24
|
+
const existingIds = new Set(shortcuts.map((c) => c.id));
|
|
25
|
+
const popularChains = alphabeticalChains.filter((chain) => chain.id &&
|
|
26
|
+
popularChainIds?.includes(chain.id) &&
|
|
27
|
+
!existingIds.has(chain.id));
|
|
28
|
+
const popularToAdd = popularChains.slice(0, remainingSlots);
|
|
29
|
+
shortcuts.push(...popularToAdd);
|
|
30
|
+
const finalSlots = shortcuts.length;
|
|
31
|
+
if (finalSlots < 5) {
|
|
32
|
+
const finalRemaining = 5 - finalSlots;
|
|
33
|
+
const finalExistingIds = new Set(shortcuts.map((c) => c.id));
|
|
34
|
+
const alphabeticalToAdd = alphabeticalChains
|
|
35
|
+
.filter((chain) => chain.id && !finalExistingIds.has(chain.id))
|
|
36
|
+
.slice(0, finalRemaining);
|
|
37
|
+
shortcuts.push(...alphabeticalToAdd);
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
return shortcuts.slice(0, 5);
|
|
41
|
+
}, [options, popularChainIds, starredChainIds]);
|
|
42
|
+
const handleChainSelect = (chain) => {
|
|
43
|
+
onAnalyticEvent?.(events_js_1.EventNames.CURRENCY_STEP_CHAIN_FILTER, {
|
|
44
|
+
chain: chain.name,
|
|
45
|
+
chain_id: chain.id,
|
|
46
|
+
search_term: '',
|
|
47
|
+
context,
|
|
48
|
+
from_starred_list: starredChainIds?.includes(chain.id) ?? false
|
|
49
|
+
});
|
|
50
|
+
onSelect(chain);
|
|
51
|
+
};
|
|
52
|
+
return ((0, jsx_runtime_1.jsxs)(index_js_1.Flex, { css: { gap: '2', width: '100%', overflowX: 'auto', py: '2' }, children: [shortcutChains.map((chain) => ((0, jsx_runtime_1.jsx)(ChainShortcutButton, { chain: chain, isSelected: value.id === chain.id, onClick: () => handleChainSelect(chain) }, chain.id?.toString() ?? 'all-chains'))), (0, jsx_runtime_1.jsxs)(index_js_1.Button, { color: "ghost", size: "none", onClick: onMoreClick, css: {
|
|
53
|
+
display: 'flex',
|
|
54
|
+
alignItems: 'center',
|
|
55
|
+
gap: '1',
|
|
56
|
+
px: '2',
|
|
57
|
+
py: '10px',
|
|
58
|
+
height: '40px',
|
|
59
|
+
borderRadius: '8px',
|
|
60
|
+
backgroundColor: 'dropdown-background',
|
|
61
|
+
color: 'gray9',
|
|
62
|
+
_hover: {
|
|
63
|
+
backgroundColor: 'gray3'
|
|
64
|
+
}
|
|
65
|
+
}, children: [(0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle1", color: "subtle", children: "More" }), (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: free_solid_svg_icons_1.faChevronRight, width: 16, height: 16 })] })] }));
|
|
66
|
+
};
|
|
67
|
+
exports.ChainShortcuts = ChainShortcuts;
|
|
68
|
+
const ChainShortcutButton = ({ chain, isSelected, onClick }) => {
|
|
69
|
+
return ((0, jsx_runtime_1.jsx)(index_js_1.Button, { color: "ghost", size: "none", onClick: onClick, css: {
|
|
70
|
+
display: 'flex',
|
|
71
|
+
flexDirection: 'column',
|
|
72
|
+
alignItems: 'center',
|
|
73
|
+
gap: '1',
|
|
74
|
+
py: '2',
|
|
75
|
+
px: '3',
|
|
76
|
+
borderRadius: '12px',
|
|
77
|
+
backgroundColor: isSelected ? 'gray6' : 'dropdown-background',
|
|
78
|
+
_hover: {
|
|
79
|
+
backgroundColor: isSelected ? 'gray6' : 'gray3'
|
|
80
|
+
}
|
|
81
|
+
}, children: chain.id ? ((0, jsx_runtime_1.jsx)(index_js_1.ChainIcon, { chainId: chain.id, width: 24, height: 24, css: { borderRadius: '4px', overflow: 'hidden' } })) : ((0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle1", css: { height: '24px', width: '20px' }, children: "All" })) }));
|
|
82
|
+
};
|
|
83
|
+
//# sourceMappingURL=ChainShortcuts.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ChainShortcuts.js","sourceRoot":"","sources":["../../../../../src/components/common/TokenSelector/ChainShortcuts.tsx"],"names":[],"mappings":";;;;AAAA,iCAAwC;AACxC,wDAAyE;AACzE,sEAAgE;AAChE,4EAAkE;AAGlE,sEAA6D;AAC7D,4DAAyD;AAalD,MAAM,cAAc,GAA4B,CAAC,EACtD,OAAO,EACP,KAAK,EACL,QAAQ,EACR,WAAW,EACX,eAAe,EACf,eAAe,EACf,eAAe,EACf,OAAO,EACR,EAAE,EAAE;IACH,MAAM,cAAc,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAClC,MAAM,EAAE,eAAe,EAAE,aAAa,EAAE,kBAAkB,EAAE,GAAG,IAAA,8BAAW,EACxE,OAAO,EACP,eAAe,EACf,eAAe,CAChB,CAAA;QAGD,MAAM,SAAS,GAAuB,EAAE,CAAA;QAExC,IAAI,eAAe,EAAE,CAAC;YACpB,SAAS,CAAC,IAAI,CAAC,eAAe,CAAC,CAAA;QACjC,CAAC;QAGD,MAAM,cAAc,GAAG,CAAC,GAAG,SAAS,CAAC,MAAM,CAAA;QAC3C,MAAM,YAAY,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC,EAAE,cAAc,CAAC,CAAA;QAC3D,SAAS,CAAC,IAAI,CAAC,GAAG,YAAY,CAAC,CAAA;QAG/B,MAAM,YAAY,GAAG,SAAS,CAAC,MAAM,CAAA;QACrC,IAAI,YAAY,GAAG,CAAC,EAAE,CAAC;YACrB,MAAM,cAAc,GAAG,CAAC,GAAG,YAAY,CAAA;YACvC,MAAM,WAAW,GAAG,IAAI,GAAG,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;YAGvD,MAAM,aAAa,GAAG,kBAAkB,CAAC,MAAM,CAC7C,CAAC,KAAK,EAAE,EAAE,CACR,KAAK,CAAC,EAAE;gBACR,eAAe,EAAE,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;gBACnC,CAAC,WAAW,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAC7B,CAAA;YAED,MAAM,YAAY,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC,EAAE,cAAc,CAAC,CAAA;YAC3D,SAAS,CAAC,IAAI,CAAC,GAAG,YAAY,CAAC,CAAA;YAG/B,MAAM,UAAU,GAAG,SAAS,CAAC,MAAM,CAAA;YACnC,IAAI,UAAU,GAAG,CAAC,EAAE,CAAC;gBACnB,MAAM,cAAc,GAAG,CAAC,GAAG,UAAU,CAAA;gBACrC,MAAM,gBAAgB,GAAG,IAAI,GAAG,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;gBAC5D,MAAM,iBAAiB,GAAG,kBAAkB;qBACzC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;qBAC9D,KAAK,CAAC,CAAC,EAAE,cAAc,CAAC,CAAA;gBAC3B,SAAS,CAAC,IAAI,CAAC,GAAG,iBAAiB,CAAC,CAAA;YACtC,CAAC;QACH,CAAC;QAED,OAAO,SAAS,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;IAC9B,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,EAAE,eAAe,CAAC,CAAC,CAAA;IAE/C,MAAM,iBAAiB,GAAG,CAAC,KAAuB,EAAE,EAAE;QACpD,eAAe,EAAE,CAAC,sBAAU,CAAC,0BAA0B,EAAE;YACvD,KAAK,EAAE,KAAK,CAAC,IAAI;YACjB,QAAQ,EAAE,KAAK,CAAC,EAAE;YAClB,WAAW,EAAE,EAAE;YACf,OAAO;YACP,iBAAiB,EAAE,eAAe,EAAE,QAAQ,CAAC,KAAK,CAAC,EAAY,CAAC,IAAI,KAAK;SAC1E,CAAC,CAAA;QAEF,QAAQ,CAAC,KAAK,CAAC,CAAA;IACjB,CAAC,CAAA;IAED,OAAO,CACL,wBAAC,eAAI,IAAC,GAAG,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,EAAE,EAAE,GAAG,EAAE,aAC/D,cAAc,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAC7B,uBAAC,mBAAmB,IAElB,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,KAAK,CAAC,EAAE,KAAK,KAAK,CAAC,EAAE,EACjC,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,IAHlC,KAAK,CAAC,EAAE,EAAE,QAAQ,EAAE,IAAI,YAAY,CAIzC,CACH,CAAC,EAEF,wBAAC,iBAAM,IACL,KAAK,EAAC,OAAO,EACb,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,WAAW,EACpB,GAAG,EAAE;oBACH,OAAO,EAAE,MAAM;oBACf,UAAU,EAAE,QAAQ;oBACpB,GAAG,EAAE,GAAG;oBACR,EAAE,EAAE,GAAG;oBACP,EAAE,EAAE,MAAM;oBACV,MAAM,EAAE,MAAM;oBACd,YAAY,EAAE,KAAK;oBACnB,eAAe,EAAE,qBAAqB;oBACtC,KAAK,EAAE,OAAO;oBACd,MAAM,EAAE;wBACN,eAAe,EAAE,OAAO;qBACzB;iBACF,aAED,uBAAC,eAAI,IAAC,KAAK,EAAC,WAAW,EAAC,KAAK,EAAC,QAAQ,qBAE/B,EACP,uBAAC,mCAAe,IAAC,IAAI,EAAE,qCAAc,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,IACzD,IACJ,CACR,CAAA;AACH,CAAC,CAAA;AA9GY,QAAA,cAAc,kBA8G1B;AAQD,MAAM,mBAAmB,GAAiC,CAAC,EACzD,KAAK,EACL,UAAU,EACV,OAAO,EACR,EAAE,EAAE;IACH,OAAO,CACL,uBAAC,iBAAM,IACL,KAAK,EAAC,OAAO,EACb,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE;YACH,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,UAAU,EAAE,QAAQ;YACpB,GAAG,EAAE,GAAG;YACR,EAAE,EAAE,GAAG;YACP,EAAE,EAAE,GAAG;YACP,YAAY,EAAE,MAAM;YACpB,eAAe,EAAE,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,qBAAqB;YAC7D,MAAM,EAAE;gBACN,eAAe,EAAE,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO;aAChD;SACF,YAEA,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,CACV,uBAAC,oBAAS,IACR,OAAO,EAAE,KAAK,CAAC,EAAE,EACjB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,GAAG,EAAE,EAAE,YAAY,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAChD,CACH,CAAC,CAAC,CAAC,CACF,uBAAC,eAAI,IAAC,KAAK,EAAC,WAAW,EAAC,GAAG,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,oBAEvD,CACR,GACM,CACV,CAAA;AACH,CAAC,CAAA"}
|