@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.evm.js
CHANGED
|
@@ -23514,7 +23514,7 @@
|
|
|
23514
23514
|
});
|
|
23515
23515
|
|
|
23516
23516
|
var CardStyle = (function (style) {
|
|
23517
|
-
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 ");
|
|
23517
|
+
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 ");
|
|
23518
23518
|
});
|
|
23519
23519
|
|
|
23520
23520
|
var DialogStyle = (function (style) {
|
|
@@ -23526,7 +23526,7 @@
|
|
|
23526
23526
|
});
|
|
23527
23527
|
|
|
23528
23528
|
var FontStyle = (function (style) {
|
|
23529
|
-
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 ");
|
|
23529
|
+
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 ");
|
|
23530
23530
|
});
|
|
23531
23531
|
|
|
23532
23532
|
var GraphicStyle = (function () {
|
|
@@ -23573,6 +23573,10 @@
|
|
|
23573
23573
|
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 ";
|
|
23574
23574
|
});
|
|
23575
23575
|
|
|
23576
|
+
var MarginStyle = (function () {
|
|
23577
|
+
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 ";
|
|
23578
|
+
});
|
|
23579
|
+
|
|
23576
23580
|
var PoweredByStyle = (function (style) {
|
|
23577
23581
|
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 ";
|
|
23578
23582
|
});
|
|
@@ -23610,7 +23614,7 @@
|
|
|
23610
23614
|
});
|
|
23611
23615
|
|
|
23612
23616
|
var TextStyle = (function (style) {
|
|
23613
|
-
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 ");
|
|
23617
|
+
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 ");
|
|
23614
23618
|
});
|
|
23615
23619
|
|
|
23616
23620
|
var TokenAmountStyle = (function () {
|
|
@@ -23640,7 +23644,7 @@
|
|
|
23640
23644
|
}, ((_style = style) === null || _style === void 0 ? void 0 : _style.colors) || {}),
|
|
23641
23645
|
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"'
|
|
23642
23646
|
};
|
|
23643
|
-
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('');
|
|
23647
|
+
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('');
|
|
23644
23648
|
});
|
|
23645
23649
|
|
|
23646
23650
|
var mount = (function (_ref, content) {
|
|
@@ -25259,7 +25263,8 @@
|
|
|
25259
25263
|
arbitrum: ethers.ethers.BigNumber.from('3000000000000000'),
|
|
25260
25264
|
fantom: ethers.ethers.BigNumber.from('3000000000000000'),
|
|
25261
25265
|
avalanche: ethers.ethers.BigNumber.from('3000000000000000'),
|
|
25262
|
-
gnosis: ethers.ethers.BigNumber.from('3000000000000000')
|
|
25266
|
+
gnosis: ethers.ethers.BigNumber.from('3000000000000000'),
|
|
25267
|
+
worldchain: ethers.ethers.BigNumber.from('3000000000000000')
|
|
25263
25268
|
};
|
|
25264
25269
|
var InsufficientAmountOfTokensDialog = (function (props) {
|
|
25265
25270
|
var _useState = React.useState(),
|
|
@@ -25292,6 +25297,15 @@
|
|
|
25292
25297
|
acceptWithAmount = _useContext3.acceptWithAmount;
|
|
25293
25298
|
var _useContext4 = React.useContext(ClosableContext),
|
|
25294
25299
|
close = _useContext4.close;
|
|
25300
|
+
var _useContext5 = React.useContext(WalletContext),
|
|
25301
|
+
wallet = _useContext5.wallet;
|
|
25302
|
+
var _useState11 = React.useState(),
|
|
25303
|
+
_useState12 = _slicedToArray(_useState11, 2),
|
|
25304
|
+
walletAddress = _useState12[0],
|
|
25305
|
+
setWalletAddress = _useState12[1];
|
|
25306
|
+
React.useEffect(function () {
|
|
25307
|
+
wallet.account().then(setWalletAddress);
|
|
25308
|
+
}, [wallet]);
|
|
25295
25309
|
var setRecommendation = /*#__PURE__*/function () {
|
|
25296
25310
|
var _ref2 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee3(_ref) {
|
|
25297
25311
|
var route, accept, nativeAvailableAsset, token, asset;
|
|
@@ -25675,8 +25689,8 @@
|
|
|
25675
25689
|
src: InsufficientGraphic
|
|
25676
25690
|
})), /*#__PURE__*/React__default['default'].createElement("h1", {
|
|
25677
25691
|
className: "LineHeightL Text FontSizeL PaddingTopS FontWeightBold"
|
|
25678
|
-
}, "
|
|
25679
|
-
className: "Text PaddingTopS
|
|
25692
|
+
}, "No enough funds!"), /*#__PURE__*/React__default['default'].createElement("div", {
|
|
25693
|
+
className: "Text PaddingTopS PaddingLeftM PaddingRightM"
|
|
25680
25694
|
}, loading && /*#__PURE__*/React__default['default'].createElement("div", {
|
|
25681
25695
|
className: "Skeleton",
|
|
25682
25696
|
style: {
|
|
@@ -25706,7 +25720,13 @@
|
|
|
25706
25720
|
className: "PaddingTopS"
|
|
25707
25721
|
}, /*#__PURE__*/React__default['default'].createElement("strong", {
|
|
25708
25722
|
className: "FontSizeM"
|
|
25709
|
-
}, "Please top up your ", recommendedAssetSymbol, " to perform this payment."))))))
|
|
25723
|
+
}, "Please top up your ", recommendedAssetSymbol, " to perform this payment.")))))), /*#__PURE__*/React__default['default'].createElement("div", {
|
|
25724
|
+
className: "Text PaddingLeftM PaddingRightM"
|
|
25725
|
+
}, /*#__PURE__*/React__default['default'].createElement("div", {
|
|
25726
|
+
className: "Card tiny disabled center"
|
|
25727
|
+
}, /*#__PURE__*/React__default['default'].createElement("div", {
|
|
25728
|
+
className: "ResponsiveText FontWeightLight TextCenter"
|
|
25729
|
+
}, walletAddress)))),
|
|
25710
25730
|
footer: /*#__PURE__*/React__default['default'].createElement("div", {
|
|
25711
25731
|
className: "PaddingTopXS PaddingRightM PaddingLeftM PaddingBottomM"
|
|
25712
25732
|
}, /*#__PURE__*/React__default['default'].createElement("button", {
|
|
@@ -25774,23 +25794,30 @@
|
|
|
25774
25794
|
src: QuestionsGraphic
|
|
25775
25795
|
})), /*#__PURE__*/React__default['default'].createElement("h1", {
|
|
25776
25796
|
className: "LineHeightL Text FontSizeL PaddingTopS FontWeightBold"
|
|
25777
|
-
}, "No
|
|
25778
|
-
className: "Text PaddingTopS
|
|
25779
|
-
}, /*#__PURE__*/React__default['default'].createElement("
|
|
25780
|
-
className: "
|
|
25781
|
-
},
|
|
25797
|
+
}, "No enough funds!"), /*#__PURE__*/React__default['default'].createElement("div", {
|
|
25798
|
+
className: "Text PaddingTopS PaddingBottomXS PaddingLeftM PaddingRightM"
|
|
25799
|
+
}, /*#__PURE__*/React__default['default'].createElement("div", {
|
|
25800
|
+
className: "Card tiny disabled center"
|
|
25801
|
+
}, /*#__PURE__*/React__default['default'].createElement("div", {
|
|
25802
|
+
className: "ResponsiveText FontWeightLight TextCenter"
|
|
25803
|
+
}, walletAddress))), /*#__PURE__*/React__default['default'].createElement("div", {
|
|
25782
25804
|
className: "Text PaddingTopXS PaddingBottomXS PaddingLeftM PaddingRightM"
|
|
25783
25805
|
}, /*#__PURE__*/React__default['default'].createElement("strong", {
|
|
25784
25806
|
className: "FontSizeM"
|
|
25785
|
-
}, "Please make sure you have
|
|
25807
|
+
}, "Please make sure you have enough funds on one of the following blockchains:")), /*#__PURE__*/React__default['default'].createElement("div", {
|
|
25786
25808
|
className: "Text PaddingTopXS PaddingBottomS PaddingLeftM PaddingRightM"
|
|
25787
|
-
}, /*#__PURE__*/React__default['default'].createElement("span", {
|
|
25788
|
-
className: "FontSizeS"
|
|
25789
25809
|
}, _toConsumableArray(new Set(accept.map(function (accept) {
|
|
25790
25810
|
return accept.blockchain;
|
|
25791
25811
|
}))).map(function (blockchain) {
|
|
25792
|
-
return
|
|
25793
|
-
|
|
25812
|
+
return /*#__PURE__*/React__default['default'].createElement("div", {
|
|
25813
|
+
className: "Card tiny disabled inlineBlock MarginRightXS MarginBottomXS"
|
|
25814
|
+
}, /*#__PURE__*/React__default['default'].createElement("img", {
|
|
25815
|
+
className: "MarginRightXS",
|
|
25816
|
+
src: Blockchains__default['default'][blockchain].logoWhiteBackground
|
|
25817
|
+
}), /*#__PURE__*/React__default['default'].createElement("span", {
|
|
25818
|
+
className: "ResponsiveText FontWeightLight"
|
|
25819
|
+
}, Blockchains__default['default'][blockchain].label));
|
|
25820
|
+
}))),
|
|
25794
25821
|
footer: /*#__PURE__*/React__default['default'].createElement("div", {
|
|
25795
25822
|
className: "PaddingTopXS PaddingRightM PaddingLeftM PaddingBottomM"
|
|
25796
25823
|
}, /*#__PURE__*/React__default['default'].createElement("button", {
|