@depay/widgets 12.16.8 → 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 +2 -2
- 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 +2 -2
- 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 +2 -2
package/dist/esm/index.solana.js
CHANGED
|
@@ -23517,7 +23517,7 @@ var ButtonPrimaryStyle = (function (style) {
|
|
|
23517
23517
|
});
|
|
23518
23518
|
|
|
23519
23519
|
var CardStyle = (function (style) {
|
|
23520
|
-
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 ");
|
|
23520
|
+
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 ");
|
|
23521
23521
|
});
|
|
23522
23522
|
|
|
23523
23523
|
var DialogStyle = (function (style) {
|
|
@@ -23529,7 +23529,7 @@ var DropDownStyle = (function (style) {
|
|
|
23529
23529
|
});
|
|
23530
23530
|
|
|
23531
23531
|
var FontStyle = (function (style) {
|
|
23532
|
-
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 ");
|
|
23532
|
+
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 ");
|
|
23533
23533
|
});
|
|
23534
23534
|
|
|
23535
23535
|
var GraphicStyle = (function () {
|
|
@@ -23576,6 +23576,10 @@ var PaddingStyle = (function () {
|
|
|
23576
23576
|
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 ";
|
|
23577
23577
|
});
|
|
23578
23578
|
|
|
23579
|
+
var MarginStyle = (function () {
|
|
23580
|
+
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 ";
|
|
23581
|
+
});
|
|
23582
|
+
|
|
23579
23583
|
var PoweredByStyle = (function (style) {
|
|
23580
23584
|
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 ";
|
|
23581
23585
|
});
|
|
@@ -23613,7 +23617,7 @@ var TextButtonStyle = (function (style) {
|
|
|
23613
23617
|
});
|
|
23614
23618
|
|
|
23615
23619
|
var TextStyle = (function (style) {
|
|
23616
|
-
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 ");
|
|
23620
|
+
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 ");
|
|
23617
23621
|
});
|
|
23618
23622
|
|
|
23619
23623
|
var TokenAmountStyle = (function () {
|
|
@@ -23643,7 +23647,7 @@ var styleRenderer = (function (style) {
|
|
|
23643
23647
|
}, ((_style = style) === null || _style === void 0 ? void 0 : _style.colors) || {}),
|
|
23644
23648
|
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"'
|
|
23645
23649
|
};
|
|
23646
|
-
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('');
|
|
23650
|
+
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('');
|
|
23647
23651
|
});
|
|
23648
23652
|
|
|
23649
23653
|
var mount = (function (_ref, content) {
|
|
@@ -25262,7 +25266,8 @@ var NATIVE_AMOUNT_REQUIRED_FOR_TRANSACTION = {
|
|
|
25262
25266
|
arbitrum: ethers.BigNumber.from('3000000000000000'),
|
|
25263
25267
|
fantom: ethers.BigNumber.from('3000000000000000'),
|
|
25264
25268
|
avalanche: ethers.BigNumber.from('3000000000000000'),
|
|
25265
|
-
gnosis: ethers.BigNumber.from('3000000000000000')
|
|
25269
|
+
gnosis: ethers.BigNumber.from('3000000000000000'),
|
|
25270
|
+
worldchain: ethers.BigNumber.from('3000000000000000')
|
|
25266
25271
|
};
|
|
25267
25272
|
var InsufficientAmountOfTokensDialog = (function (props) {
|
|
25268
25273
|
var _useState = useState(),
|
|
@@ -25295,6 +25300,15 @@ var InsufficientAmountOfTokensDialog = (function (props) {
|
|
|
25295
25300
|
acceptWithAmount = _useContext3.acceptWithAmount;
|
|
25296
25301
|
var _useContext4 = useContext(ClosableContext),
|
|
25297
25302
|
close = _useContext4.close;
|
|
25303
|
+
var _useContext5 = useContext(WalletContext),
|
|
25304
|
+
wallet = _useContext5.wallet;
|
|
25305
|
+
var _useState11 = useState(),
|
|
25306
|
+
_useState12 = _slicedToArray(_useState11, 2),
|
|
25307
|
+
walletAddress = _useState12[0],
|
|
25308
|
+
setWalletAddress = _useState12[1];
|
|
25309
|
+
useEffect(function () {
|
|
25310
|
+
wallet.account().then(setWalletAddress);
|
|
25311
|
+
}, [wallet]);
|
|
25298
25312
|
var setRecommendation = /*#__PURE__*/function () {
|
|
25299
25313
|
var _ref2 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee3(_ref) {
|
|
25300
25314
|
var route, accept, nativeAvailableAsset, token, asset;
|
|
@@ -25678,8 +25692,8 @@ var InsufficientAmountOfTokensDialog = (function (props) {
|
|
|
25678
25692
|
src: InsufficientGraphic
|
|
25679
25693
|
})), /*#__PURE__*/React.createElement("h1", {
|
|
25680
25694
|
className: "LineHeightL Text FontSizeL PaddingTopS FontWeightBold"
|
|
25681
|
-
}, "
|
|
25682
|
-
className: "Text PaddingTopS
|
|
25695
|
+
}, "No enough funds!"), /*#__PURE__*/React.createElement("div", {
|
|
25696
|
+
className: "Text PaddingTopS PaddingLeftM PaddingRightM"
|
|
25683
25697
|
}, loading && /*#__PURE__*/React.createElement("div", {
|
|
25684
25698
|
className: "Skeleton",
|
|
25685
25699
|
style: {
|
|
@@ -25709,7 +25723,13 @@ var InsufficientAmountOfTokensDialog = (function (props) {
|
|
|
25709
25723
|
className: "PaddingTopS"
|
|
25710
25724
|
}, /*#__PURE__*/React.createElement("strong", {
|
|
25711
25725
|
className: "FontSizeM"
|
|
25712
|
-
}, "Please top up your ", recommendedAssetSymbol, " to perform this payment."))))))
|
|
25726
|
+
}, "Please top up your ", recommendedAssetSymbol, " to perform this payment.")))))), /*#__PURE__*/React.createElement("div", {
|
|
25727
|
+
className: "Text PaddingLeftM PaddingRightM"
|
|
25728
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
25729
|
+
className: "Card tiny disabled center"
|
|
25730
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
25731
|
+
className: "ResponsiveText FontWeightLight TextCenter"
|
|
25732
|
+
}, walletAddress)))),
|
|
25713
25733
|
footer: /*#__PURE__*/React.createElement("div", {
|
|
25714
25734
|
className: "PaddingTopXS PaddingRightM PaddingLeftM PaddingBottomM"
|
|
25715
25735
|
}, /*#__PURE__*/React.createElement("button", {
|
|
@@ -25777,23 +25797,30 @@ var NoPaymentOptionFoundDialog = (function () {
|
|
|
25777
25797
|
src: QuestionsGraphic
|
|
25778
25798
|
})), /*#__PURE__*/React.createElement("h1", {
|
|
25779
25799
|
className: "LineHeightL Text FontSizeL PaddingTopS FontWeightBold"
|
|
25780
|
-
}, "No
|
|
25781
|
-
className: "Text PaddingTopS
|
|
25782
|
-
}, /*#__PURE__*/React.createElement("
|
|
25783
|
-
className: "
|
|
25784
|
-
},
|
|
25800
|
+
}, "No enough funds!"), /*#__PURE__*/React.createElement("div", {
|
|
25801
|
+
className: "Text PaddingTopS PaddingBottomXS PaddingLeftM PaddingRightM"
|
|
25802
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
25803
|
+
className: "Card tiny disabled center"
|
|
25804
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
25805
|
+
className: "ResponsiveText FontWeightLight TextCenter"
|
|
25806
|
+
}, walletAddress))), /*#__PURE__*/React.createElement("div", {
|
|
25785
25807
|
className: "Text PaddingTopXS PaddingBottomXS PaddingLeftM PaddingRightM"
|
|
25786
25808
|
}, /*#__PURE__*/React.createElement("strong", {
|
|
25787
25809
|
className: "FontSizeM"
|
|
25788
|
-
}, "Please make sure you have
|
|
25810
|
+
}, "Please make sure you have enough funds on one of the following blockchains:")), /*#__PURE__*/React.createElement("div", {
|
|
25789
25811
|
className: "Text PaddingTopXS PaddingBottomS PaddingLeftM PaddingRightM"
|
|
25790
|
-
}, /*#__PURE__*/React.createElement("span", {
|
|
25791
|
-
className: "FontSizeS"
|
|
25792
25812
|
}, _toConsumableArray(new Set(accept.map(function (accept) {
|
|
25793
25813
|
return accept.blockchain;
|
|
25794
25814
|
}))).map(function (blockchain) {
|
|
25795
|
-
return
|
|
25796
|
-
|
|
25815
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
25816
|
+
className: "Card tiny disabled inlineBlock MarginRightXS MarginBottomXS"
|
|
25817
|
+
}, /*#__PURE__*/React.createElement("img", {
|
|
25818
|
+
className: "MarginRightXS",
|
|
25819
|
+
src: Blockchains[blockchain].logoWhiteBackground
|
|
25820
|
+
}), /*#__PURE__*/React.createElement("span", {
|
|
25821
|
+
className: "ResponsiveText FontWeightLight"
|
|
25822
|
+
}, Blockchains[blockchain].label));
|
|
25823
|
+
}))),
|
|
25797
25824
|
footer: /*#__PURE__*/React.createElement("div", {
|
|
25798
25825
|
className: "PaddingTopXS PaddingRightM PaddingLeftM PaddingBottomM"
|
|
25799
25826
|
}, /*#__PURE__*/React.createElement("button", {
|
|
@@ -30379,7 +30406,7 @@ let supported$2 = ['ethereum', 'bsc', 'polygon', 'solana', 'fantom', 'arbitrum',
|
|
|
30379
30406
|
supported$2.evm = ['ethereum', 'bsc', 'polygon', 'fantom', 'arbitrum', 'avalanche', 'gnosis', 'optimism', 'base', 'worldchain'];
|
|
30380
30407
|
supported$2.solana = ['solana'];
|
|
30381
30408
|
|
|
30382
|
-
function _optionalChain$
|
|
30409
|
+
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; }
|
|
30383
30410
|
|
|
30384
30411
|
class Token {
|
|
30385
30412
|
|
|
@@ -30433,7 +30460,7 @@ class Token {
|
|
|
30433
30460
|
}
|
|
30434
30461
|
if(supported$2.evm.includes(this.blockchain)) {
|
|
30435
30462
|
|
|
30436
|
-
return await nameOnEVM({ blockchain: this.blockchain, address: this.address, api: Token[this.blockchain].DEFAULT, id: _optionalChain$
|
|
30463
|
+
return await nameOnEVM({ blockchain: this.blockchain, address: this.address, api: Token[this.blockchain].DEFAULT, id: _optionalChain$8([args, 'optionalAccess', _ => _.id]) })
|
|
30437
30464
|
|
|
30438
30465
|
} else if(supported$2.solana.includes(this.blockchain)) {
|
|
30439
30466
|
|
|
@@ -30594,7 +30621,7 @@ Token.solana = {
|
|
|
30594
30621
|
...instructions
|
|
30595
30622
|
};
|
|
30596
30623
|
|
|
30597
|
-
function _optionalChain$
|
|
30624
|
+
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 {
|
|
30598
30625
|
constructor({
|
|
30599
30626
|
blockchain,
|
|
30600
30627
|
tokenIn,
|
|
@@ -30620,10 +30647,10 @@ function _optionalChain$5$1(ops) { let lastAccessLHS = undefined; let value = op
|
|
|
30620
30647
|
this.decimalsOut = decimalsOut;
|
|
30621
30648
|
this.path = path;
|
|
30622
30649
|
this.pools = pools;
|
|
30623
|
-
this.amountIn = _optionalChain$
|
|
30624
|
-
this.amountOutMin = _optionalChain$
|
|
30625
|
-
this.amountOut = _optionalChain$
|
|
30626
|
-
this.amountInMax = _optionalChain$
|
|
30650
|
+
this.amountIn = _optionalChain$6([amountIn, 'optionalAccess', _ => _.toString, 'call', _2 => _2()]);
|
|
30651
|
+
this.amountOutMin = _optionalChain$6([amountOutMin, 'optionalAccess', _3 => _3.toString, 'call', _4 => _4()]);
|
|
30652
|
+
this.amountOut = _optionalChain$6([amountOut, 'optionalAccess', _5 => _5.toString, 'call', _6 => _6()]);
|
|
30653
|
+
this.amountInMax = _optionalChain$6([amountInMax, 'optionalAccess', _7 => _7.toString, 'call', _8 => _8()]);
|
|
30627
30654
|
this.exchange = exchange;
|
|
30628
30655
|
this.getPrep = getPrep;
|
|
30629
30656
|
this.getTransaction = getTransaction;
|
|
@@ -31021,7 +31048,7 @@ class Exchange {
|
|
|
31021
31048
|
}
|
|
31022
31049
|
}
|
|
31023
31050
|
|
|
31024
|
-
function _optionalChain$
|
|
31051
|
+
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; }
|
|
31025
31052
|
|
|
31026
31053
|
// Replaces 0xEeeeeEeeeEeEeeEeEeEeeEEEeeeeEeeeeeeeEEeE with the wrapped token and implies wrapping.
|
|
31027
31054
|
//
|
|
@@ -31128,13 +31155,21 @@ const findPath$5 = async ({ blockchain, exchange, tokenIn, tokenOut }) => {
|
|
|
31128
31155
|
// path via tokenIn -> WRAPPED -> USD -> tokenOut
|
|
31129
31156
|
let USD = (await Promise.all(Blockchains[blockchain].stables.usd.map(async (stable)=>{ return(await pathExists$5({ blockchain, exchange, path: [stable, tokenOut] }) ? stable : undefined) }))).find(Boolean);
|
|
31130
31157
|
path = [tokenIn, Blockchains[blockchain].wrapped.address, USD, tokenOut];
|
|
31158
|
+
} else if (
|
|
31159
|
+
tokenIn != Blockchains[blockchain].wrapped.address &&
|
|
31160
|
+
tokenIn === Blockchains[blockchain].currency.address &&
|
|
31161
|
+
!Blockchains[blockchain].stables.usd.includes(tokenOut) &&
|
|
31162
|
+
(await Promise.all(Blockchains[blockchain].stables.usd.map((stable)=>pathExists$5({ blockchain, exchange, path: [stable, tokenOut] })))).filter(Boolean).length
|
|
31163
|
+
) {
|
|
31164
|
+
let USD = (await Promise.all(Blockchains[blockchain].stables.usd.map(async (stable)=>{ return(await pathExists$5({ blockchain, exchange, path: [stable, tokenOut] }) ? stable : undefined) }))).find(Boolean);
|
|
31165
|
+
path = [tokenIn, USD, tokenOut];
|
|
31131
31166
|
}
|
|
31132
31167
|
|
|
31133
31168
|
// Add WRAPPED to route path if things start or end with NATIVE
|
|
31134
31169
|
// because that actually reflects how things are routed in reality:
|
|
31135
|
-
if(_optionalChain$
|
|
31170
|
+
if(_optionalChain$5$1([path, 'optionalAccess', _ => _.length]) && path[0] == Blockchains[blockchain].currency.address) {
|
|
31136
31171
|
path.splice(1, 0, Blockchains[blockchain].wrapped.address);
|
|
31137
|
-
} else if(_optionalChain$
|
|
31172
|
+
} else if(_optionalChain$5$1([path, 'optionalAccess', _2 => _2.length]) && path[path.length-1] == Blockchains[blockchain].currency.address) {
|
|
31138
31173
|
path.splice(path.length-1, 0, Blockchains[blockchain].wrapped.address);
|
|
31139
31174
|
}
|
|
31140
31175
|
|
|
@@ -32508,14 +32543,17 @@ const getPrice = async ({
|
|
|
32508
32543
|
}
|
|
32509
32544
|
};
|
|
32510
32545
|
|
|
32546
|
+
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; }
|
|
32547
|
+
|
|
32511
32548
|
// This method is cached and is only to be used to generally existing pools every 24h
|
|
32512
32549
|
// Do not use for price calulations, fetch accounts for pools individually in order to calculate price
|
|
32513
32550
|
let getAccounts = async (base, quote) => {
|
|
32514
32551
|
if(quote === Blockchains.solana.wrapped.address) { return [] } // WSOL is base not QUOTE!
|
|
32552
|
+
let whirlpoolsConfig = _optionalChain$4([(typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : undefined), 'optionalAccess', _ => _._whirlpoolsConfig]) || '2LecshUwdy9xi7meFgHtFJQNSKk4KdTrcpvaB56dP2NQ';
|
|
32515
32553
|
let accounts = await request(`solana://whirLbMiicVdio4qvUfM5KAg6Ct8VwpYzGff3uctyCc/getProgramAccounts`, {
|
|
32516
32554
|
params: { filters: [
|
|
32517
32555
|
{ dataSize: WHIRLPOOL_LAYOUT.span },
|
|
32518
|
-
{ memcmp: { offset: 8, bytes:
|
|
32556
|
+
{ memcmp: { offset: 8, bytes: whirlpoolsConfig }},
|
|
32519
32557
|
{ memcmp: { offset: 101, bytes: base }}, // tokenMintA
|
|
32520
32558
|
{ memcmp: { offset: 181, bytes: quote }} // tokenMintB
|
|
32521
32559
|
]},
|
|
@@ -34311,6 +34349,20 @@ const exchange$a = {
|
|
|
34311
34349
|
pair: {
|
|
34312
34350
|
api: UniswapV2.PAIR
|
|
34313
34351
|
},
|
|
34352
|
+
},
|
|
34353
|
+
|
|
34354
|
+
base: {
|
|
34355
|
+
router: {
|
|
34356
|
+
address: '0x4752ba5DBc23f44D87826276BF6Fd6b1C372aD24',
|
|
34357
|
+
api: UniswapV2.ROUTER
|
|
34358
|
+
},
|
|
34359
|
+
factory: {
|
|
34360
|
+
address: '0x8909Dc15e40173Ff4699343b6eB8132c65e18eC6',
|
|
34361
|
+
api: UniswapV2.FACTORY
|
|
34362
|
+
},
|
|
34363
|
+
pair: {
|
|
34364
|
+
api: UniswapV2.PAIR
|
|
34365
|
+
},
|
|
34314
34366
|
}
|
|
34315
34367
|
};
|
|
34316
34368
|
|
|
@@ -34329,7 +34381,7 @@ var uniswap_v2 = (scope)=>{
|
|
|
34329
34381
|
)
|
|
34330
34382
|
};
|
|
34331
34383
|
|
|
34332
|
-
function _optionalChain$
|
|
34384
|
+
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; }
|
|
34333
34385
|
|
|
34334
34386
|
const SENDER_AS_RECIPIENT = '0x0000000000000000000000000000000000000001';
|
|
34335
34387
|
const ROUTER_AS_RECIPIENT = '0x0000000000000000000000000000000000000002';
|
|
@@ -34540,9 +34592,9 @@ const findPath$1 = async ({ blockchain, exchange, tokenIn, tokenOut, amountIn, a
|
|
|
34540
34592
|
|
|
34541
34593
|
// Add WRAPPED to route path if things start or end with NATIVE
|
|
34542
34594
|
// because that actually reflects how things are routed in reality:
|
|
34543
|
-
if(_optionalChain$
|
|
34595
|
+
if(_optionalChain$7([path, 'optionalAccess', _ => _.length]) && path[0] == Blockchains[blockchain].currency.address) {
|
|
34544
34596
|
path.splice(1, 0, Blockchains[blockchain].wrapped.address);
|
|
34545
|
-
} else if(_optionalChain$
|
|
34597
|
+
} else if(_optionalChain$7([path, 'optionalAccess', _2 => _2.length]) && path[path.length-1] == Blockchains[blockchain].currency.address) {
|
|
34546
34598
|
path.splice(path.length-1, 0, Blockchains[blockchain].wrapped.address);
|
|
34547
34599
|
}
|
|
34548
34600
|
|
|
@@ -35437,6 +35489,7 @@ exchanges.optimism.forEach((exchange)=>{ exchanges.optimism[exchange.name] = exc
|
|
|
35437
35489
|
|
|
35438
35490
|
exchanges.base = [
|
|
35439
35491
|
uniswap_v3('base'),
|
|
35492
|
+
uniswap_v2('base'),
|
|
35440
35493
|
weth_base('base'),
|
|
35441
35494
|
];
|
|
35442
35495
|
exchanges.base.forEach((exchange)=>{ exchanges.base[exchange.name] = exchange; });
|