@depay/widgets 10.2.13 → 10.2.14

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.js CHANGED
@@ -23651,11 +23651,18 @@ var Footer = (function () {
23651
23651
  var approvalButton = function approvalButton() {
23652
23652
  if (payment.route == undefined || !payment.route.approvalRequired || payment.route.directTransfer || updatedRouteWithNewPrice) {
23653
23653
  return null;
23654
+ } else if (paymentValueLoss) {
23655
+ return /*#__PURE__*/React.createElement("div", {
23656
+ className: "PaddingBottomXS"
23657
+ }, /*#__PURE__*/React.createElement("button", {
23658
+ className: "ButtonPrimary disabled",
23659
+ onClick: function onClick() {},
23660
+ title: "Allow ".concat(payment.symbol, " to be used as payment")
23661
+ }, "Approve use of ", payment.symbol));
23654
23662
  } else if (paymentState == 'initialized') {
23655
23663
  return /*#__PURE__*/React.createElement("div", {
23656
23664
  className: "PaddingBottomXS"
23657
23665
  }, /*#__PURE__*/React.createElement("button", {
23658
- disabled: paymentValueLoss,
23659
23666
  className: "ButtonPrimary",
23660
23667
  onClick: approve,
23661
23668
  title: "Allow ".concat(payment.symbol, " to be used as payment")
@@ -23685,11 +23692,7 @@ var Footer = (function () {
23685
23692
  }
23686
23693
  }, "Reload"));
23687
23694
  } else if (paymentValueLoss) {
23688
- return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
23689
- className: "PaddingBottomXS"
23690
- }, /*#__PURE__*/React.createElement("div", {
23691
- className: "Alert"
23692
- }, /*#__PURE__*/React.createElement("strong", null, "Payment would lose ", paymentValueLoss, "% of its value!"))), /*#__PURE__*/React.createElement("button", {
23695
+ return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("button", {
23693
23696
  className: "ButtonPrimary disabled",
23694
23697
  onClick: function onClick() {}
23695
23698
  }, "Pay"));
@@ -23745,7 +23748,11 @@ var Footer = (function () {
23745
23748
  }
23746
23749
  }
23747
23750
  };
23748
- return /*#__PURE__*/React.createElement("div", null, approvalButton(), additionalPaymentInformation(), mainAction());
23751
+ return /*#__PURE__*/React.createElement("div", null, paymentValueLoss && /*#__PURE__*/React.createElement("div", {
23752
+ className: "PaddingBottomXS"
23753
+ }, /*#__PURE__*/React.createElement("div", {
23754
+ className: "Alert"
23755
+ }, /*#__PURE__*/React.createElement("strong", null, "Payment would lose ", paymentValueLoss, "% of its value!"))), approvalButton(), additionalPaymentInformation(), mainAction());
23749
23756
  });
23750
23757
 
23751
23758
  var DonationOverviewDialog = (function (props) {