@depay/widgets 4.4.0 → 4.4.1
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/README.md +1 -1
- package/dist/cjs/index.bundle.js +799 -209
- package/dist/cjs/index.js +9 -7
- package/dist/es/index.bundle.js +799 -209
- package/dist/es/index.js +9 -7
- package/dist/umd/index.bundle.js +799 -209
- package/dist/umd/index.js +9 -7
- package/package.json +4 -4
package/dist/cjs/index.js
CHANGED
|
@@ -1672,7 +1672,7 @@ var CardStyle = (function (style) {
|
|
|
1672
1672
|
});
|
|
1673
1673
|
|
|
1674
1674
|
var DialogStyle = (function (style) {
|
|
1675
|
-
return "\n\n .ReactDialogBackground {\n background: rgba(0,0,0,0.7);\n }\n\n .Dialog {\n margin: 0 auto;\n position: relative;\n width: 420px;\n box-shadow: 0 0 20px rgba(0,0,0,0.1);\n border-radius: 0.8rem;\n }\n\n @media screen and (max-width: 450px) {\n \n .Dialog, .ReactDialogAnimation {\n width: 100%;\n }\n\n }\n\n @media (orientation: portrait) and (max-width: 900px) {\n\n .Dialog {\n align-content: stretch;\n display: flex;\n flex-direction: column;\n height: 100%;\n }\n\n .DialogBody {\n flex: 1;\n align-items: flex-end;\n max-height: 40vh !important;\n }\n\n .FooterLink {\n bottom: 0;\n left: 0;\n position: absolute;\n padding-bottom: 1rem;\n right: 0;\n width: 100%;\n }\n\n .DialogFooter {\n padding-bottom: 50px;\n }\n\n .ReactDialogStackCell {\n vertical-align: bottom;\n }\n\n .ReactDialogAnimation {\n bottom: -100px !important;\n max-height: 66vh !important;\n top: inherit !important;\n transition: opacity 0.4s ease, bottom 0.4s ease;\n }\n\n .ReactDialog.ReactDialogOpen .ReactDialogAnimation {\n bottom: 0px !important;\n }\n\n .DialogFooter {\n border-bottom-left-radius: 0 !important;\n border-bottom-right-radius: 0 !important;\n }\n }\n\n .DialogBody {\n background: rgb(248,248,248);\n overflow-x: hidden;\n overflow-y: auto;\n }\n\n .DialogBody.HeightAuto {\n height: auto;\n }\n\n .DialogHeader {\n background: rgb(248,248,248);\n border-top-left-radius: 0.8rem;\n border-top-right-radius: 0.8rem;\n display: flex;\n flex-direction: row;\n position: relative;\n }\n\n .DialogHeaderTitle {\n flex-basis: auto;\n flex-grow: 1;\n }\n \n .DialogHeaderAction {\n height: 3rem;\n }\n\n .DialogFooter {\n background: rgb(248,248,248);\n border-bottom-left-radius: 0.8rem;\n border-bottom-right-radius: 0.8rem;\n line-height: 1.5rem;\n min-height: 2rem;\n position: relative;\n text-align: center;\n }\n\n .ReactShadowDOMInsideContainer > .ReactDialog {\n display: table;\n }\n\n ";
|
|
1675
|
+
return "\n\n .ReactDialogBackground {\n backdrop-filter: blur(5px);\n background: rgba(0,0,0,0.7);\n }\n\n .Dialog {\n margin: 0 auto;\n position: relative;\n width: 420px;\n box-shadow: 0 0 20px rgba(0,0,0,0.1);\n border-radius: 0.8rem;\n }\n\n @media screen and (max-width: 450px) {\n \n .Dialog, .ReactDialogAnimation {\n width: 100%;\n }\n\n }\n\n @media (orientation: portrait) and (max-width: 900px) {\n\n .Dialog {\n align-content: stretch;\n display: flex;\n flex-direction: column;\n height: 100%;\n }\n\n .DialogBody {\n flex: 1;\n align-items: flex-end;\n max-height: 40vh !important;\n }\n\n .FooterLink {\n bottom: 0;\n left: 0;\n position: absolute;\n padding-bottom: 1rem;\n right: 0;\n width: 100%;\n }\n\n .DialogFooter {\n padding-bottom: 50px;\n }\n\n .ReactDialogStackCell {\n vertical-align: bottom;\n }\n\n .ReactDialogAnimation {\n bottom: -100px !important;\n max-height: 66vh !important;\n top: inherit !important;\n transition: opacity 0.4s ease, bottom 0.4s ease;\n }\n\n .ReactDialog.ReactDialogOpen .ReactDialogAnimation {\n bottom: 0px !important;\n }\n\n .DialogFooter {\n border-bottom-left-radius: 0 !important;\n border-bottom-right-radius: 0 !important;\n }\n }\n\n .DialogBody {\n background: rgb(248,248,248);\n overflow-x: hidden;\n overflow-y: auto;\n }\n\n .DialogBody.HeightAuto {\n height: auto;\n }\n\n .DialogHeader {\n background: rgb(248,248,248);\n border-top-left-radius: 0.8rem;\n border-top-right-radius: 0.8rem;\n display: flex;\n flex-direction: row;\n position: relative;\n }\n\n .DialogHeaderTitle {\n flex-basis: auto;\n flex-grow: 1;\n }\n \n .DialogHeaderAction {\n height: 3rem;\n }\n\n .DialogFooter {\n background: rgb(248,248,248);\n border-bottom-left-radius: 0.8rem;\n border-bottom-right-radius: 0.8rem;\n line-height: 1.5rem;\n min-height: 2rem;\n position: relative;\n text-align: center;\n }\n\n .ReactShadowDOMInsideContainer > .ReactDialog {\n display: table;\n }\n\n ";
|
|
1676
1676
|
});
|
|
1677
1677
|
|
|
1678
1678
|
var FontStyle = (function (style) {
|
|
@@ -2028,12 +2028,18 @@ var ChangableAmountProvider = (function (props) {
|
|
|
2028
2028
|
});
|
|
2029
2029
|
})).then(function (amounts) {
|
|
2030
2030
|
setAcceptWithAmount(props.accept.map(function (configuration, index) {
|
|
2031
|
+
if (amounts[index] == undefined) {
|
|
2032
|
+
return;
|
|
2033
|
+
}
|
|
2034
|
+
|
|
2031
2035
|
return {
|
|
2032
2036
|
blockchain: configuration.blockchain,
|
|
2033
|
-
amount: round(amounts[index])
|
|
2037
|
+
amount: round(amounts[index]),
|
|
2034
2038
|
token: configuration.token,
|
|
2035
2039
|
receiver: configuration.receiver || account
|
|
2036
2040
|
};
|
|
2041
|
+
}).filter(function (configuration) {
|
|
2042
|
+
return !!configuration;
|
|
2037
2043
|
}));
|
|
2038
2044
|
})["catch"](setError);
|
|
2039
2045
|
})["catch"](setError);
|
|
@@ -2882,11 +2888,7 @@ var ChangePaymentDialog = (function (props) {
|
|
|
2882
2888
|
className: "TokenAmountCell"
|
|
2883
2889
|
}, format(payment.amount)))), /*#__PURE__*/React__default$1["default"].createElement("h3", {
|
|
2884
2890
|
className: "CardText"
|
|
2885
|
-
}, /*#__PURE__*/React__default$1["default"].createElement("small", null, format(round(parseFloat(payment.route.fromBalance.toString()) / Math.pow(10, payment.decimals), 'down'))))))
|
|
2886
|
-
className: "CardInfo"
|
|
2887
|
-
}, payment.route.approvalRequired && /*#__PURE__*/React__default$1["default"].createElement("span", {
|
|
2888
|
-
className: "Label"
|
|
2889
|
-
}, "Requires Approval")));
|
|
2891
|
+
}, /*#__PURE__*/React__default$1["default"].createElement("small", null, format(round(parseFloat(payment.route.fromBalance.toString()) / Math.pow(10, payment.decimals), 'down')))))));
|
|
2890
2892
|
}));
|
|
2891
2893
|
}, [allPaymentRoutesWithData]);
|
|
2892
2894
|
|