@depay/widgets 12.16.7 → 12.17.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/esm/index.bundle.js +3 -3
- package/dist/esm/index.evm.js +45 -18
- package/dist/esm/index.evm.js.map +1 -1
- package/dist/esm/index.js +45 -18
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/index.solana.js +85 -32
- package/dist/esm/index.solana.js.map +1 -1
- package/dist/umd/index.bundle.js +3 -3
- package/dist/umd/index.evm.js +45 -18
- package/dist/umd/index.evm.js.map +1 -1
- package/dist/umd/index.js +45 -18
- package/dist/umd/index.js.map +1 -1
- package/dist/umd/index.solana.js +85 -32
- package/dist/umd/index.solana.js.map +1 -1
- package/package.json +3 -3
package/dist/umd/index.solana.js
CHANGED
|
@@ -23515,7 +23515,7 @@
|
|
|
23515
23515
|
});
|
|
23516
23516
|
|
|
23517
23517
|
var CardStyle = (function (style) {
|
|
23518
|
-
return "\n\n .Card {\n align-items: center;\n background: rgb(255,255,255);\n border: 1px solid transparent;\n border-radius: 13px;\n box-shadow: 0 0 8px rgba(0,0,0,0.03);\n cursor: pointer;\n display: flex;\n flex-direction: row;\n margin-bottom: 8px;\n min-height: 76px;\n padding: 16px 10px;\n width: 100%;\n }\n\n .Card:focus {\n border: 1px solid ".concat(style.colors.primary, ";\n }\n\n .Card.center {\n justify-content: center;\n }\n\n .Card.Row {\n border-radius: 0;\n margin-bottom: 0;\n box-shadow: none;\n min-height: 69px;\n padding: 7px 21px;\n border-top: 1px solid rgba(0,0,0,0.05);\n }\n\n .Card.Row .CardText {\n font-size: 19px;\n line-height: 40px;\n }\n\n .CardTokenSymbol {\n width: 40%;\n min-width: 0;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n .CardTokenFullName {\n width: 100%;\n min-width: 0;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n .CardTokenName {\n text-align: right;\n opacity: 0.5;\n width: 60%;\n min-width: 0;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n \n .Card.Row .CardTokenName .CardText {\n font-size: 17px;\n }\n\n .Card.Row .CardImage {\n width: 40px;\n }\n\n .Card.Row .CardImage img {\n height: 30px;\n width: 30px;\n }\n\n a.Card, a.Card * {\n color: inherit;\n text-decoration: none;\n }\n\n .Card.transparent {\n background: none;\n box-shadow: none;\n }\n\n .Card.small {\n min-height: auto;\n padding: 8px 8px;\n margin: 0;\n }\n\n .CardImage.small {\n width: 27px;\n }\n\n .CardImage.small img {\n height: 27px;\n width: 27px;\n }\n\n .CardImage.large {\n width: 58px;\n }\n\n .CardImage.large img {\n height: 58px;\n width: 58px;\n }\n\n .Card.disabled {\n cursor: default;\n }\n\n .Card:hover:not(.disabled) {\n background: rgb(240,240,240);\n box-shadow: 0 0 0 rgba(0,0,0,0); \n }\n\n .Card:active:not(.disabled) {\n background: rgb(235,235,235);\n box-shadow: inset 0 0 6px rgba(0,0,0,0.02);\n color: inherit;\n }\n\n .Card:hover:not(.disabled) .CardAction {\n opacity: 0.4;\n }\n\n .CardImage, .CardBody, .CardAction, .CardInfo {\n align-items: center;\n display: flex;\n min-width: 0;\n padding: 0 7px;\n }\n\n .CardImage {\n display: inline-flex;\n flex-basis: auto;\n flex-grow: 0;\n flex-shrink: 0;\n justify-content: center;\n position: relative;\n width: 58px;\n }\n\n .CardBody {\n flex-basis: auto;\n flex-grow: 1;\n flex-shrink: 1;\n line-height: 27px;\n padding-left: 10px;\n text-align: left;\n }\n\n .CardBodyWrapper {\n min-width: 0;\n }\n\n .CardAction {\n flex-basis: auto;\n flex-shrink: 0;\n flex-grow: 0;\n padding-right: 0;\n margin-left: auto;\n }\n\n .Card.disabled .CardAction {\n opacity: 0; \n }\n\n .CardInfo {\n display: flex;\n flex-basis: auto;\n flex-direction: column;\n flex-grow: 0;\n flex-shrink: 1;\n justify-content: center;\n margin-left: auto; \n padding-right: 0;\n }\n\n .CardImage img {\n background: white;\n border-radius: 9999px;\n border: 1px solid white;\n box-shadow: 0 2px 8px rgb(0 0 0 / 10%);\n height: 45px;\n position: relative;\n vertical-align: middle;\n width: 45px;\n }\n\n .CardImage.rounded img {\n border-radius: 8px !important;\n }\n\n .CardImage.square img {\n border-radius: 0;\n }\n\n .CardImage img.transparent {\n border: none;\n background: none;\n box-shadow: none;\n }\n \n .CardTitle {\n font-size: 15px;\n color: rgb(150,150,150);\n line-height: 20px;\n }\n \n .CardText, a .CardText {\n color: ").concat(style.colors.text, ";\n flex: 1;\n font-size: 21px;\n line-height: 26px;\n }\n\n .CardText strong {\n font-weight: 500;\n }\n\n .CardText.small, .CardText.small small {\n font-size: 17px;\n color: rgb(150,150,150);\n line-height: 20px;\n }\n\n .CardAction {\n opacity: 0.2;\n }\n\n .Card.More {\n display: inline-block;\n text-align: center;\n }\n ");
|
|
23518
|
+
return "\n\n .Card {\n align-items: center;\n background: rgb(255,255,255);\n border: 1px solid transparent;\n border-radius: 13px;\n box-shadow: 0 0 8px rgba(0,0,0,0.03);\n cursor: pointer;\n display: flex;\n flex-direction: row;\n margin-bottom: 8px;\n min-height: 76px;\n padding: 16px 10px;\n width: 100%;\n }\n\n .Card:focus {\n border: 1px solid ".concat(style.colors.primary, ";\n }\n\n .Card.center {\n justify-content: center;\n }\n\n .Card.Row {\n border-radius: 0;\n margin-bottom: 0;\n box-shadow: none;\n min-height: 69px;\n padding: 7px 21px;\n border-top: 1px solid rgba(0,0,0,0.05);\n }\n\n .Card.Row .CardText {\n font-size: 19px;\n line-height: 40px;\n }\n\n .CardTokenSymbol {\n width: 40%;\n min-width: 0;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n .CardTokenFullName {\n width: 100%;\n min-width: 0;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n .CardTokenName {\n text-align: right;\n opacity: 0.5;\n width: 60%;\n min-width: 0;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n \n .Card.Row .CardTokenName .CardText {\n font-size: 17px;\n }\n\n .Card.Row .CardImage {\n width: 40px;\n }\n\n .Card.Row .CardImage img {\n height: 30px;\n width: 30px;\n }\n\n a.Card, a.Card * {\n color: inherit;\n text-decoration: none;\n }\n\n .Card.transparent {\n background: none;\n box-shadow: none;\n }\n\n .Card.tiny {\n border-radius: 4px;\n min-height: auto;\n padding: 2px 2px;\n }\n \n .Card.tiny img {\n width: 18px;\n height: 18px;\n position: relative;\n top: 3px;\n marginRight: 2px;\n }\n\n .Card.small {\n min-height: auto;\n padding: 8px 8px;\n margin: 0;\n }\n\n .CardImage.small {\n width: 27px;\n }\n\n .CardImage.small img {\n height: 27px;\n width: 27px;\n }\n\n .CardImage.large {\n width: 58px;\n }\n\n .CardImage.large img {\n height: 58px;\n width: 58px;\n }\n\n .Card.disabled {\n cursor: default;\n }\n\n .Card:hover:not(.disabled) {\n background: rgb(240,240,240);\n box-shadow: 0 0 0 rgba(0,0,0,0); \n }\n\n .Card:active:not(.disabled) {\n background: rgb(235,235,235);\n box-shadow: inset 0 0 6px rgba(0,0,0,0.02);\n color: inherit;\n }\n\n .Card:hover:not(.disabled) .CardAction {\n opacity: 0.4;\n }\n\n .CardImage, .CardBody, .CardAction, .CardInfo {\n align-items: center;\n display: flex;\n min-width: 0;\n padding: 0 7px;\n }\n\n .CardImage {\n display: inline-flex;\n flex-basis: auto;\n flex-grow: 0;\n flex-shrink: 0;\n justify-content: center;\n position: relative;\n width: 58px;\n }\n\n .CardBody {\n flex-basis: auto;\n flex-grow: 1;\n flex-shrink: 1;\n line-height: 27px;\n padding-left: 10px;\n text-align: left;\n }\n\n .CardBodyWrapper {\n min-width: 0;\n }\n\n .CardAction {\n flex-basis: auto;\n flex-shrink: 0;\n flex-grow: 0;\n padding-right: 0;\n margin-left: auto;\n }\n\n .Card.disabled .CardAction {\n opacity: 0; \n }\n\n .CardInfo {\n display: flex;\n flex-basis: auto;\n flex-direction: column;\n flex-grow: 0;\n flex-shrink: 1;\n justify-content: center;\n margin-left: auto; \n padding-right: 0;\n }\n\n .CardImage img {\n background: white;\n border-radius: 9999px;\n border: 1px solid white;\n box-shadow: 0 2px 8px rgb(0 0 0 / 10%);\n height: 45px;\n position: relative;\n vertical-align: middle;\n width: 45px;\n }\n\n .CardImage.rounded img {\n border-radius: 8px !important;\n }\n\n .CardImage.square img {\n border-radius: 0;\n }\n\n .CardImage img.transparent {\n border: none;\n background: none;\n box-shadow: none;\n }\n \n .CardTitle {\n font-size: 15px;\n color: rgb(150,150,150);\n line-height: 20px;\n }\n \n .CardText, a .CardText {\n color: ").concat(style.colors.text, ";\n flex: 1;\n font-size: 21px;\n line-height: 26px;\n }\n\n .CardText strong {\n font-weight: 500;\n }\n\n .CardText.small, .CardText.small small {\n font-size: 17px;\n color: rgb(150,150,150);\n line-height: 20px;\n }\n\n .CardAction {\n opacity: 0.2;\n }\n\n .Card.inlineBlock {\n display: inline-block;\n width: auto;\n }\n \n .Card.More {\n display: inline-block;\n text-align: center;\n }\n ");
|
|
23519
23519
|
});
|
|
23520
23520
|
|
|
23521
23521
|
var DialogStyle = (function (style) {
|
|
@@ -23527,7 +23527,7 @@
|
|
|
23527
23527
|
});
|
|
23528
23528
|
|
|
23529
23529
|
var FontStyle = (function (style) {
|
|
23530
|
-
return "\n\n *, div, div * {\n font-family: ".concat(style.fontFamily, ";\n }\n\n * {\n font-size: 15px;\n }\n\n .FontSizeS {\n font-size: 16px;\n }\n\n .FontSizeM {\n font-size: 19px;\n }\n\n .FontSizeL {\n font-size: 23px;\n }\n\n .FontSizeXL {\n font-size: 32px;\n }\n\n .FontSizeXXL {\n font-size: 42px;\n }\n\n .FontWeightMedium {\n font-weight: 500;\n }\n\n .FontWeightBold {\n font-weight: bold;\n }\n\n .FontItalic {\n font-style: italic;\n }\n ");
|
|
23530
|
+
return "\n\n *, div, div * {\n font-family: ".concat(style.fontFamily, ";\n }\n\n * {\n font-size: 15px;\n }\n\n .FontSizeS {\n font-size: 16px;\n }\n\n .FontSizeM {\n font-size: 19px;\n }\n\n .FontSizeL {\n font-size: 23px;\n }\n\n .FontSizeXL {\n font-size: 32px;\n }\n\n .FontSizeXXL {\n font-size: 42px;\n }\n\n .FontWeightLight {\n font-weight: 300;\n }\n\n .FontWeightMedium {\n font-weight: 500;\n }\n\n .FontWeightBold {\n font-weight: bold;\n }\n\n .FontItalic {\n font-style: italic;\n }\n ");
|
|
23531
23531
|
});
|
|
23532
23532
|
|
|
23533
23533
|
var GraphicStyle = (function () {
|
|
@@ -23574,6 +23574,10 @@
|
|
|
23574
23574
|
return "\n\n .PaddingTopXS {\n padding-top: 3px;\n }\n\n .PaddingRightXS {\n padding-right: 3px;\n }\n\n .PaddingBottomXS {\n padding-bottom: 3px;\n }\n\n .PaddingLeftXS {\n padding-left: 3px; \n }\n\n .PaddingTopS {\n padding-top: 13px;\n }\n\n .PaddingRightS {\n padding-right: 13px;\n }\n\n .PaddingBottomS {\n padding-bottom: 13px;\n }\n\n .PaddingLeftS {\n padding-left: 13px; \n }\n\n .PaddingTopM {\n padding-top: 19px;\n }\n\n .PaddingRightM {\n padding-right: 19px;\n }\n\n .PaddingBottomM {\n padding-bottom: 19px;\n }\n\n .PaddingLeftM {\n padding-left: 19px; \n }\n\n .PaddingTopL {\n padding-top: 29px;\n }\n\n .PaddingRightL {\n padding-right: 29px;\n }\n\n .PaddingBottomL {\n padding-bottom: 29px;\n }\n\n .PaddingLeftL {\n padding-left: 29px; \n }\n ";
|
|
23575
23575
|
});
|
|
23576
23576
|
|
|
23577
|
+
var MarginStyle = (function () {
|
|
23578
|
+
return "\n\n .MarginTopXS {\n margin-top: 3px;\n }\n\n .MarginRightXS {\n margin-right: 3px;\n }\n\n .MarginBottomXS {\n margin-bottom: 3px;\n }\n\n .MarginLeftXS {\n margin-left: 3px; \n }\n\n .MarginTopS {\n margin-top: 13px;\n }\n\n .MarginRightS {\n margin-right: 13px;\n }\n\n .MarginBottomS {\n margin-bottom: 13px;\n }\n\n .MarginLeftS {\n margin-left: 13px; \n }\n\n .MarginTopM {\n margin-top: 19px;\n }\n\n .MarginRightM {\n margin-right: 19px;\n }\n\n .MarginBottomM {\n margin-bottom: 19px;\n }\n\n .MarginLeftM {\n margin-left: 19px; \n }\n\n .MarginTopL {\n margin-top: 29px;\n }\n\n .MarginRightL {\n margin-right: 29px;\n }\n\n .MarginBottomL {\n margin-bottom: 29px;\n }\n\n .MarginLeftL {\n margin-left: 29px; \n }\n ";
|
|
23579
|
+
});
|
|
23580
|
+
|
|
23577
23581
|
var PoweredByStyle = (function (style) {
|
|
23578
23582
|
return "\n\n .PoweredByWrapper {\n display: block;\n left: 0;\n padding-top: 3px;\n position: fixed;\n right: 0;\n text-align: center;\n top: 0;\n z-index: 999;\n }\n\n .contained .PoweredByWrapper {\n position: absolute;\n }\n\n .PoweredByLink {\n color: white;\n display: inline-block;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\" !important;\n font-size: 14px;\n font-style: italic;\n font-weight: bold;\n letter-spacing: -0.2px;\n margin-left: 8px;\n opacity: 0.5;\n text-decoration: none;\n text-shadow: black 0 0 2px;\n }\n\n .PoweredByLink:hover, .PoweredByLink:active {\n opacity: 1.0;\n }\n ";
|
|
23579
23583
|
});
|
|
@@ -23611,7 +23615,7 @@
|
|
|
23611
23615
|
});
|
|
23612
23616
|
|
|
23613
23617
|
var TextStyle = (function (style) {
|
|
23614
|
-
return "\n\n * {\n color: ".concat(style.colors.text, ";\n }\n\n .LightGreen {\n color: rgba(50,160,60);\n }\n\n h1, h2, h3, h4, h5, h6 {\n display: block;\n }\n\n .Text {\n font-size: 16px;\n line-height: 24px\n }\n\n .TextLeft, .TextLeft * {\n text-align: left !important;\n }\n\n .TextCenter, .TextCenter * {\n text-align: center;\n }\n\n .LineHeightXS {\n line-height: 16px;\n }\n\n .LineHeightL {\n line-height: 32px;\n }\n\n .ErrorSnippetText {\n background: rgb(30, 30, 20);\n border-radius: 19px;\n border: 8px solid rgb(30, 30, 20);\n color: #00FF41;\n font-size: 15px;\n font-style: italic;\n max-height: 100px;\n padding: 6px;\n overflow-wrap: break-word;\n overflow-y: auto;\n white-space: pre-wrap;\n word-wrap: break-word;\n }\n ");
|
|
23618
|
+
return "\n\n * {\n color: ".concat(style.colors.text, ";\n }\n\n .LightGreen {\n color: rgba(50,160,60);\n }\n\n h1, h2, h3, h4, h5, h6 {\n display: block;\n }\n\n .Text {\n font-size: 16px;\n line-height: 24px\n }\n\n .TextLeft, .TextLeft * {\n text-align: left !important;\n }\n\n .TextCenter, .TextCenter * {\n text-align: center;\n }\n\n .LineHeightXS {\n line-height: 16px;\n }\n\n .LineHeightL {\n line-height: 32px;\n }\n\n .ErrorSnippetText {\n background: rgb(30, 30, 20);\n border-radius: 19px;\n border: 8px solid rgb(30, 30, 20);\n color: #00FF41;\n font-size: 15px;\n font-style: italic;\n max-height: 100px;\n padding: 6px;\n overflow-wrap: break-word;\n overflow-y: auto;\n white-space: pre-wrap;\n word-wrap: break-word;\n }\n\n .ResponsiveText {\n font-size: clamp(14px, 2vw, 15px);\n max-width: fit-content;\n }\n ");
|
|
23615
23619
|
});
|
|
23616
23620
|
|
|
23617
23621
|
var TokenAmountStyle = (function () {
|
|
@@ -23641,7 +23645,7 @@
|
|
|
23641
23645
|
}, ((_style = style) === null || _style === void 0 ? void 0 : _style.colors) || {}),
|
|
23642
23646
|
fontFamily: ((_style2 = style) === null || _style2 === void 0 ? void 0 : _style2.fontFamily) || '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"'
|
|
23643
23647
|
};
|
|
23644
|
-
return [ResetStyle(), DialogStyle(), ButtonCircularStyle(style), ButtonPrimaryStyle(style), CardStyle(style), PoweredByStyle(), QRCodeStyle(), GraphicStyle(), GridStyle(), SkeletonStyle(), TokenAmountStyle(), TextStyle(style), FontStyle(style), IconStyle(style), OpacityStyle(), PaddingStyle(), HeightStyle(), TabStyle(), LoadingTextStyle(style), RangeSliderStyle(style), InputStyle(style), TextButtonStyle(style), ImageStyle(), LogoStyle(), SearchStyle(style), TokenImageStyle(), AlertStyle(), TableStyle(), LinkStyle(style), TooltipStyle(style), WalletStyle(), DropDownStyle(style)].join('');
|
|
23648
|
+
return [ResetStyle(), DialogStyle(), ButtonCircularStyle(style), ButtonPrimaryStyle(style), CardStyle(style), PoweredByStyle(), QRCodeStyle(), GraphicStyle(), GridStyle(), SkeletonStyle(), TokenAmountStyle(), TextStyle(style), FontStyle(style), IconStyle(style), OpacityStyle(), PaddingStyle(), MarginStyle(), HeightStyle(), TabStyle(), LoadingTextStyle(style), RangeSliderStyle(style), InputStyle(style), TextButtonStyle(style), ImageStyle(), LogoStyle(), SearchStyle(style), TokenImageStyle(), AlertStyle(), TableStyle(), LinkStyle(style), TooltipStyle(style), WalletStyle(), DropDownStyle(style)].join('');
|
|
23645
23649
|
});
|
|
23646
23650
|
|
|
23647
23651
|
var mount = (function (_ref, content) {
|
|
@@ -25260,7 +25264,8 @@
|
|
|
25260
25264
|
arbitrum: ethers.ethers.BigNumber.from('3000000000000000'),
|
|
25261
25265
|
fantom: ethers.ethers.BigNumber.from('3000000000000000'),
|
|
25262
25266
|
avalanche: ethers.ethers.BigNumber.from('3000000000000000'),
|
|
25263
|
-
gnosis: ethers.ethers.BigNumber.from('3000000000000000')
|
|
25267
|
+
gnosis: ethers.ethers.BigNumber.from('3000000000000000'),
|
|
25268
|
+
worldchain: ethers.ethers.BigNumber.from('3000000000000000')
|
|
25264
25269
|
};
|
|
25265
25270
|
var InsufficientAmountOfTokensDialog = (function (props) {
|
|
25266
25271
|
var _useState = React.useState(),
|
|
@@ -25293,6 +25298,15 @@
|
|
|
25293
25298
|
acceptWithAmount = _useContext3.acceptWithAmount;
|
|
25294
25299
|
var _useContext4 = React.useContext(ClosableContext),
|
|
25295
25300
|
close = _useContext4.close;
|
|
25301
|
+
var _useContext5 = React.useContext(WalletContext),
|
|
25302
|
+
wallet = _useContext5.wallet;
|
|
25303
|
+
var _useState11 = React.useState(),
|
|
25304
|
+
_useState12 = _slicedToArray(_useState11, 2),
|
|
25305
|
+
walletAddress = _useState12[0],
|
|
25306
|
+
setWalletAddress = _useState12[1];
|
|
25307
|
+
React.useEffect(function () {
|
|
25308
|
+
wallet.account().then(setWalletAddress);
|
|
25309
|
+
}, [wallet]);
|
|
25296
25310
|
var setRecommendation = /*#__PURE__*/function () {
|
|
25297
25311
|
var _ref2 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee3(_ref) {
|
|
25298
25312
|
var route, accept, nativeAvailableAsset, token, asset;
|
|
@@ -25676,8 +25690,8 @@
|
|
|
25676
25690
|
src: InsufficientGraphic
|
|
25677
25691
|
})), /*#__PURE__*/React__default['default'].createElement("h1", {
|
|
25678
25692
|
className: "LineHeightL Text FontSizeL PaddingTopS FontWeightBold"
|
|
25679
|
-
}, "
|
|
25680
|
-
className: "Text PaddingTopS
|
|
25693
|
+
}, "No enough funds!"), /*#__PURE__*/React__default['default'].createElement("div", {
|
|
25694
|
+
className: "Text PaddingTopS PaddingLeftM PaddingRightM"
|
|
25681
25695
|
}, loading && /*#__PURE__*/React__default['default'].createElement("div", {
|
|
25682
25696
|
className: "Skeleton",
|
|
25683
25697
|
style: {
|
|
@@ -25707,7 +25721,13 @@
|
|
|
25707
25721
|
className: "PaddingTopS"
|
|
25708
25722
|
}, /*#__PURE__*/React__default['default'].createElement("strong", {
|
|
25709
25723
|
className: "FontSizeM"
|
|
25710
|
-
}, "Please top up your ", recommendedAssetSymbol, " to perform this payment."))))))
|
|
25724
|
+
}, "Please top up your ", recommendedAssetSymbol, " to perform this payment.")))))), /*#__PURE__*/React__default['default'].createElement("div", {
|
|
25725
|
+
className: "Text PaddingLeftM PaddingRightM"
|
|
25726
|
+
}, /*#__PURE__*/React__default['default'].createElement("div", {
|
|
25727
|
+
className: "Card tiny disabled center"
|
|
25728
|
+
}, /*#__PURE__*/React__default['default'].createElement("div", {
|
|
25729
|
+
className: "ResponsiveText FontWeightLight TextCenter"
|
|
25730
|
+
}, walletAddress)))),
|
|
25711
25731
|
footer: /*#__PURE__*/React__default['default'].createElement("div", {
|
|
25712
25732
|
className: "PaddingTopXS PaddingRightM PaddingLeftM PaddingBottomM"
|
|
25713
25733
|
}, /*#__PURE__*/React__default['default'].createElement("button", {
|
|
@@ -25775,23 +25795,30 @@
|
|
|
25775
25795
|
src: QuestionsGraphic
|
|
25776
25796
|
})), /*#__PURE__*/React__default['default'].createElement("h1", {
|
|
25777
25797
|
className: "LineHeightL Text FontSizeL PaddingTopS FontWeightBold"
|
|
25778
|
-
}, "No
|
|
25779
|
-
className: "Text PaddingTopS
|
|
25780
|
-
}, /*#__PURE__*/React__default['default'].createElement("
|
|
25781
|
-
className: "
|
|
25782
|
-
},
|
|
25798
|
+
}, "No enough funds!"), /*#__PURE__*/React__default['default'].createElement("div", {
|
|
25799
|
+
className: "Text PaddingTopS PaddingBottomXS PaddingLeftM PaddingRightM"
|
|
25800
|
+
}, /*#__PURE__*/React__default['default'].createElement("div", {
|
|
25801
|
+
className: "Card tiny disabled center"
|
|
25802
|
+
}, /*#__PURE__*/React__default['default'].createElement("div", {
|
|
25803
|
+
className: "ResponsiveText FontWeightLight TextCenter"
|
|
25804
|
+
}, walletAddress))), /*#__PURE__*/React__default['default'].createElement("div", {
|
|
25783
25805
|
className: "Text PaddingTopXS PaddingBottomXS PaddingLeftM PaddingRightM"
|
|
25784
25806
|
}, /*#__PURE__*/React__default['default'].createElement("strong", {
|
|
25785
25807
|
className: "FontSizeM"
|
|
25786
|
-
}, "Please make sure you have
|
|
25808
|
+
}, "Please make sure you have enough funds on one of the following blockchains:")), /*#__PURE__*/React__default['default'].createElement("div", {
|
|
25787
25809
|
className: "Text PaddingTopXS PaddingBottomS PaddingLeftM PaddingRightM"
|
|
25788
|
-
}, /*#__PURE__*/React__default['default'].createElement("span", {
|
|
25789
|
-
className: "FontSizeS"
|
|
25790
25810
|
}, _toConsumableArray(new Set(accept.map(function (accept) {
|
|
25791
25811
|
return accept.blockchain;
|
|
25792
25812
|
}))).map(function (blockchain) {
|
|
25793
|
-
return
|
|
25794
|
-
|
|
25813
|
+
return /*#__PURE__*/React__default['default'].createElement("div", {
|
|
25814
|
+
className: "Card tiny disabled inlineBlock MarginRightXS MarginBottomXS"
|
|
25815
|
+
}, /*#__PURE__*/React__default['default'].createElement("img", {
|
|
25816
|
+
className: "MarginRightXS",
|
|
25817
|
+
src: Blockchains__default['default'][blockchain].logoWhiteBackground
|
|
25818
|
+
}), /*#__PURE__*/React__default['default'].createElement("span", {
|
|
25819
|
+
className: "ResponsiveText FontWeightLight"
|
|
25820
|
+
}, Blockchains__default['default'][blockchain].label));
|
|
25821
|
+
}))),
|
|
25795
25822
|
footer: /*#__PURE__*/React__default['default'].createElement("div", {
|
|
25796
25823
|
className: "PaddingTopXS PaddingRightM PaddingLeftM PaddingBottomM"
|
|
25797
25824
|
}, /*#__PURE__*/React__default['default'].createElement("button", {
|
|
@@ -30377,7 +30404,7 @@
|
|
|
30377
30404
|
supported$2.evm = ['ethereum', 'bsc', 'polygon', 'fantom', 'arbitrum', 'avalanche', 'gnosis', 'optimism', 'base', 'worldchain'];
|
|
30378
30405
|
supported$2.solana = ['solana'];
|
|
30379
30406
|
|
|
30380
|
-
function _optionalChain$
|
|
30407
|
+
function _optionalChain$8(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
|
|
30381
30408
|
|
|
30382
30409
|
class Token {
|
|
30383
30410
|
|
|
@@ -30431,7 +30458,7 @@
|
|
|
30431
30458
|
}
|
|
30432
30459
|
if(supported$2.evm.includes(this.blockchain)) {
|
|
30433
30460
|
|
|
30434
|
-
return await nameOnEVM({ blockchain: this.blockchain, address: this.address, api: Token[this.blockchain].DEFAULT, id: _optionalChain$
|
|
30461
|
+
return await nameOnEVM({ blockchain: this.blockchain, address: this.address, api: Token[this.blockchain].DEFAULT, id: _optionalChain$8([args, 'optionalAccess', _ => _.id]) })
|
|
30435
30462
|
|
|
30436
30463
|
} else if(supported$2.solana.includes(this.blockchain)) {
|
|
30437
30464
|
|
|
@@ -30592,7 +30619,7 @@
|
|
|
30592
30619
|
...instructions
|
|
30593
30620
|
};
|
|
30594
30621
|
|
|
30595
|
-
function _optionalChain$
|
|
30622
|
+
function _optionalChain$6(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }class Route {
|
|
30596
30623
|
constructor({
|
|
30597
30624
|
blockchain,
|
|
30598
30625
|
tokenIn,
|
|
@@ -30618,10 +30645,10 @@
|
|
|
30618
30645
|
this.decimalsOut = decimalsOut;
|
|
30619
30646
|
this.path = path;
|
|
30620
30647
|
this.pools = pools;
|
|
30621
|
-
this.amountIn = _optionalChain$
|
|
30622
|
-
this.amountOutMin = _optionalChain$
|
|
30623
|
-
this.amountOut = _optionalChain$
|
|
30624
|
-
this.amountInMax = _optionalChain$
|
|
30648
|
+
this.amountIn = _optionalChain$6([amountIn, 'optionalAccess', _ => _.toString, 'call', _2 => _2()]);
|
|
30649
|
+
this.amountOutMin = _optionalChain$6([amountOutMin, 'optionalAccess', _3 => _3.toString, 'call', _4 => _4()]);
|
|
30650
|
+
this.amountOut = _optionalChain$6([amountOut, 'optionalAccess', _5 => _5.toString, 'call', _6 => _6()]);
|
|
30651
|
+
this.amountInMax = _optionalChain$6([amountInMax, 'optionalAccess', _7 => _7.toString, 'call', _8 => _8()]);
|
|
30625
30652
|
this.exchange = exchange;
|
|
30626
30653
|
this.getPrep = getPrep;
|
|
30627
30654
|
this.getTransaction = getTransaction;
|
|
@@ -31019,7 +31046,7 @@
|
|
|
31019
31046
|
}
|
|
31020
31047
|
}
|
|
31021
31048
|
|
|
31022
|
-
function _optionalChain$
|
|
31049
|
+
function _optionalChain$5$1(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
|
|
31023
31050
|
|
|
31024
31051
|
// Replaces 0xEeeeeEeeeEeEeeEeEeEeeEEEeeeeEeeeeeeeEEeE with the wrapped token and implies wrapping.
|
|
31025
31052
|
//
|
|
@@ -31126,13 +31153,21 @@
|
|
|
31126
31153
|
// path via tokenIn -> WRAPPED -> USD -> tokenOut
|
|
31127
31154
|
let USD = (await Promise.all(Blockchains__default['default'][blockchain].stables.usd.map(async (stable)=>{ return(await pathExists$5({ blockchain, exchange, path: [stable, tokenOut] }) ? stable : undefined) }))).find(Boolean);
|
|
31128
31155
|
path = [tokenIn, Blockchains__default['default'][blockchain].wrapped.address, USD, tokenOut];
|
|
31156
|
+
} else if (
|
|
31157
|
+
tokenIn != Blockchains__default['default'][blockchain].wrapped.address &&
|
|
31158
|
+
tokenIn === Blockchains__default['default'][blockchain].currency.address &&
|
|
31159
|
+
!Blockchains__default['default'][blockchain].stables.usd.includes(tokenOut) &&
|
|
31160
|
+
(await Promise.all(Blockchains__default['default'][blockchain].stables.usd.map((stable)=>pathExists$5({ blockchain, exchange, path: [stable, tokenOut] })))).filter(Boolean).length
|
|
31161
|
+
) {
|
|
31162
|
+
let USD = (await Promise.all(Blockchains__default['default'][blockchain].stables.usd.map(async (stable)=>{ return(await pathExists$5({ blockchain, exchange, path: [stable, tokenOut] }) ? stable : undefined) }))).find(Boolean);
|
|
31163
|
+
path = [tokenIn, USD, tokenOut];
|
|
31129
31164
|
}
|
|
31130
31165
|
|
|
31131
31166
|
// Add WRAPPED to route path if things start or end with NATIVE
|
|
31132
31167
|
// because that actually reflects how things are routed in reality:
|
|
31133
|
-
if(_optionalChain$
|
|
31168
|
+
if(_optionalChain$5$1([path, 'optionalAccess', _ => _.length]) && path[0] == Blockchains__default['default'][blockchain].currency.address) {
|
|
31134
31169
|
path.splice(1, 0, Blockchains__default['default'][blockchain].wrapped.address);
|
|
31135
|
-
} else if(_optionalChain$
|
|
31170
|
+
} else if(_optionalChain$5$1([path, 'optionalAccess', _2 => _2.length]) && path[path.length-1] == Blockchains__default['default'][blockchain].currency.address) {
|
|
31136
31171
|
path.splice(path.length-1, 0, Blockchains__default['default'][blockchain].wrapped.address);
|
|
31137
31172
|
}
|
|
31138
31173
|
|
|
@@ -32506,14 +32541,17 @@
|
|
|
32506
32541
|
}
|
|
32507
32542
|
};
|
|
32508
32543
|
|
|
32544
|
+
function _optionalChain$4(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
|
|
32545
|
+
|
|
32509
32546
|
// This method is cached and is only to be used to generally existing pools every 24h
|
|
32510
32547
|
// Do not use for price calulations, fetch accounts for pools individually in order to calculate price
|
|
32511
32548
|
let getAccounts = async (base, quote) => {
|
|
32512
32549
|
if(quote === Blockchains__default['default'].solana.wrapped.address) { return [] } // WSOL is base not QUOTE!
|
|
32550
|
+
let whirlpoolsConfig = _optionalChain$4([(typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : undefined), 'optionalAccess', _ => _._whirlpoolsConfig]) || '2LecshUwdy9xi7meFgHtFJQNSKk4KdTrcpvaB56dP2NQ';
|
|
32513
32551
|
let accounts = await request(`solana://whirLbMiicVdio4qvUfM5KAg6Ct8VwpYzGff3uctyCc/getProgramAccounts`, {
|
|
32514
32552
|
params: { filters: [
|
|
32515
32553
|
{ dataSize: WHIRLPOOL_LAYOUT.span },
|
|
32516
|
-
{ memcmp: { offset: 8, bytes:
|
|
32554
|
+
{ memcmp: { offset: 8, bytes: whirlpoolsConfig }},
|
|
32517
32555
|
{ memcmp: { offset: 101, bytes: base }}, // tokenMintA
|
|
32518
32556
|
{ memcmp: { offset: 181, bytes: quote }} // tokenMintB
|
|
32519
32557
|
]},
|
|
@@ -34309,6 +34347,20 @@
|
|
|
34309
34347
|
pair: {
|
|
34310
34348
|
api: UniswapV2.PAIR
|
|
34311
34349
|
},
|
|
34350
|
+
},
|
|
34351
|
+
|
|
34352
|
+
base: {
|
|
34353
|
+
router: {
|
|
34354
|
+
address: '0x4752ba5DBc23f44D87826276BF6Fd6b1C372aD24',
|
|
34355
|
+
api: UniswapV2.ROUTER
|
|
34356
|
+
},
|
|
34357
|
+
factory: {
|
|
34358
|
+
address: '0x8909Dc15e40173Ff4699343b6eB8132c65e18eC6',
|
|
34359
|
+
api: UniswapV2.FACTORY
|
|
34360
|
+
},
|
|
34361
|
+
pair: {
|
|
34362
|
+
api: UniswapV2.PAIR
|
|
34363
|
+
},
|
|
34312
34364
|
}
|
|
34313
34365
|
};
|
|
34314
34366
|
|
|
@@ -34327,7 +34379,7 @@
|
|
|
34327
34379
|
)
|
|
34328
34380
|
};
|
|
34329
34381
|
|
|
34330
|
-
function _optionalChain$
|
|
34382
|
+
function _optionalChain$7(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
|
|
34331
34383
|
|
|
34332
34384
|
const SENDER_AS_RECIPIENT = '0x0000000000000000000000000000000000000001';
|
|
34333
34385
|
const ROUTER_AS_RECIPIENT = '0x0000000000000000000000000000000000000002';
|
|
@@ -34538,9 +34590,9 @@
|
|
|
34538
34590
|
|
|
34539
34591
|
// Add WRAPPED to route path if things start or end with NATIVE
|
|
34540
34592
|
// because that actually reflects how things are routed in reality:
|
|
34541
|
-
if(_optionalChain$
|
|
34593
|
+
if(_optionalChain$7([path, 'optionalAccess', _ => _.length]) && path[0] == Blockchains__default['default'][blockchain].currency.address) {
|
|
34542
34594
|
path.splice(1, 0, Blockchains__default['default'][blockchain].wrapped.address);
|
|
34543
|
-
} else if(_optionalChain$
|
|
34595
|
+
} else if(_optionalChain$7([path, 'optionalAccess', _2 => _2.length]) && path[path.length-1] == Blockchains__default['default'][blockchain].currency.address) {
|
|
34544
34596
|
path.splice(path.length-1, 0, Blockchains__default['default'][blockchain].wrapped.address);
|
|
34545
34597
|
}
|
|
34546
34598
|
|
|
@@ -35435,6 +35487,7 @@
|
|
|
35435
35487
|
|
|
35436
35488
|
exchanges.base = [
|
|
35437
35489
|
uniswap_v3('base'),
|
|
35490
|
+
uniswap_v2('base'),
|
|
35438
35491
|
weth_base('base'),
|
|
35439
35492
|
];
|
|
35440
35493
|
exchanges.base.forEach((exchange)=>{ exchanges.base[exchange.name] = exchange; });
|