@depay/widgets 11.4.0 → 11.4.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/dist/esm/index.bundle.js +3 -3
- package/dist/esm/index.evm.js +9 -7
- package/dist/esm/index.evm.js.map +1 -1
- package/dist/esm/index.js +9 -7
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/index.solana.js +9 -7
- package/dist/esm/index.solana.js.map +1 -1
- package/dist/umd/index.bundle.js +3 -3
- package/dist/umd/index.evm.js +9 -7
- package/dist/umd/index.evm.js.map +1 -1
- package/dist/umd/index.js +9 -7
- package/dist/umd/index.js.map +1 -1
- package/dist/umd/index.solana.js +9 -7
- package/dist/umd/index.solana.js.map +1 -1
- package/package.json +6 -6
package/dist/umd/index.evm.js
CHANGED
|
@@ -23213,7 +23213,7 @@
|
|
|
23213
23213
|
});
|
|
23214
23214
|
|
|
23215
23215
|
var CardStyle = (function (style) {
|
|
23216
|
-
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 .CardImage .BlockchainLogo {\n position: absolute;\n bottom: 0;\n right: 0;\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:
|
|
23216
|
+
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 .CardImage .BlockchainLogo {\n position: absolute;\n bottom: 0;\n right: 0;\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 ");
|
|
23217
23217
|
});
|
|
23218
23218
|
|
|
23219
23219
|
var DialogStyle = (function (style) {
|
|
@@ -27343,7 +27343,7 @@
|
|
|
27343
27343
|
className: "PaddingTopS PaddingLeftM PaddingRightM TextLeft"
|
|
27344
27344
|
}, /*#__PURE__*/React__default["default"].createElement("h1", {
|
|
27345
27345
|
className: "LineHeightL FontSizeL"
|
|
27346
|
-
}, "
|
|
27346
|
+
}, "Buy")),
|
|
27347
27347
|
body: /*#__PURE__*/React__default["default"].createElement("div", {
|
|
27348
27348
|
className: "PaddingLeftM PaddingRightM PaddingBottomXS"
|
|
27349
27349
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
@@ -27427,7 +27427,7 @@
|
|
|
27427
27427
|
className: "PaddingTopS PaddingLeftM PaddingRightM TextLeft"
|
|
27428
27428
|
}, /*#__PURE__*/React__default["default"].createElement("h1", {
|
|
27429
27429
|
className: "LineHeightL FontSizeL"
|
|
27430
|
-
}, "
|
|
27430
|
+
}, "Buy")),
|
|
27431
27431
|
body: /*#__PURE__*/React__default["default"].createElement("div", {
|
|
27432
27432
|
className: "PaddingLeftM PaddingRightM PaddingBottomXS"
|
|
27433
27433
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
@@ -27464,9 +27464,11 @@
|
|
|
27464
27464
|
className: "TokenSymbolCell"
|
|
27465
27465
|
}, toToken.symbol), /*#__PURE__*/React__default["default"].createElement("span", null, "\xA0"), /*#__PURE__*/React__default["default"].createElement("span", {
|
|
27466
27466
|
className: "TokenAmountCell"
|
|
27467
|
-
}, format(toTokenReadableAmount)))
|
|
27468
|
-
className: "
|
|
27469
|
-
}, /*#__PURE__*/React__default["default"].createElement("
|
|
27467
|
+
}, format(toTokenReadableAmount))), salePerTokenValue && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
27468
|
+
className: "TokenAmountRow small grey"
|
|
27469
|
+
}, /*#__PURE__*/React__default["default"].createElement("span", {
|
|
27470
|
+
className: "TokenAmountCell"
|
|
27471
|
+
}, salePerTokenValue, " per token"))))), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
27470
27472
|
className: "CardAction"
|
|
27471
27473
|
}, (!amountConfiguration || !amountConfiguration.fix) && /*#__PURE__*/React__default["default"].createElement(ChevronRight, null))), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
27472
27474
|
className: ["Card", paymentState == 'initialized' ? '' : 'disabled'].join(' '),
|
|
@@ -27497,7 +27499,7 @@
|
|
|
27497
27499
|
className: "TokenSymbolCell"
|
|
27498
27500
|
}, payment.symbol), /*#__PURE__*/React__default["default"].createElement("span", null, "\xA0"), /*#__PURE__*/React__default["default"].createElement("span", {
|
|
27499
27501
|
className: "TokenAmountCell"
|
|
27500
|
-
}, format(payment.amount))),
|
|
27502
|
+
}, format(payment.amount))), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
27501
27503
|
className: "TokenAmountRow small grey"
|
|
27502
27504
|
}, /*#__PURE__*/React__default["default"].createElement("span", {
|
|
27503
27505
|
className: "TokenAmountCell"
|