@depay/widgets 11.1.4 → 11.2.1

package/dist/esm/index.evm.js

@@ -23127,8 +23127,13 @@ var PaymentRoutingContext = /*#__PURE__*/React.createContext();
 
 function ownKeys$4(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$4(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var prepareAcceptedPayments = function prepareAcceptedPayments(accept) {
-  var toAddress = _typeof(accept.receiver) == 'object' ? accept.receiver.address : accept.receiver;
+var prepareAcceptedPayments = function prepareAcceptedPayments(accept, receiver) {
+  var toAddress;
+  if (receiver) {
+    toAddress = receiver;
+  } else {
+    toAddress = _typeof(accept.receiver) == 'object' ? accept.receiver.address : accept.receiver;
+  }
   var toContract = _typeof(accept.receiver) == 'object' ? accept.receiver : undefined;
   return _objectSpread$4(_objectSpread$4({}, accept), {}, {
     toAddress: toAddress,
@@ -23145,11 +23150,14 @@ var mergeFromAccounts = function mergeFromAccounts(accept, account) {
 var routePayments = (function (_ref) {
   var accept = _ref.accept,
     account = _ref.account,
+    receiver = _ref.receiver,
     whitelist = _ref.whitelist,
     blacklist = _ref.blacklist,
     fee = _ref.fee;
   return route$1({
-    accept: accept.map(prepareAcceptedPayments),
+    accept: accept.map(function (accept) {
+      return prepareAcceptedPayments(accept, receiver);
+    }),
     from: mergeFromAccounts(accept, account),
     whitelist: whitelist,
     blacklist: blacklist,
@@ -26005,8 +26013,10 @@ var SaleRoutingProvider = (function (props) {
     setMaxRoute = _useContext.setMaxRoute;
   var _useContext2 = useContext(ConfigurationContext),
     sell = _useContext2.sell;
-  var _useContext3 = useContext(ConfigurationContext),
-    blacklist = _useContext3.blacklist;
+  var _useContext3 = useContext(WalletContext),
+    account = _useContext3.account;
+  var _useContext4 = useContext(ConfigurationContext),
+    blacklist = _useContext4.blacklist;
   if (blacklist == undefined) {
     blacklist = {};
   }
@@ -26022,6 +26032,7 @@ var SaleRoutingProvider = (function (props) {
     value: {}
   }, /*#__PURE__*/React.createElement(PaymentRoutingProvider, {
     accept: acceptWithAmount,
+    receiver: account,
     blacklist: blacklist,
     setMaxRoute: setMaxRoute
   }, /*#__PURE__*/React.createElement(PaymentProvider, {
@@ -26070,7 +26081,8 @@ var SaleOverviewDialog = (function (props) {
     tokenImage = _useContext2.tokenImage,
     amountConfiguration = _useContext2.amount;
   var _useContext3 = useContext(PaymentValueContext),
-    paymentValue = _useContext3.paymentValue;
+    paymentValue = _useContext3.paymentValue,
+    displayedPaymentValue = _useContext3.displayedPaymentValue;
   var _useContext4 = useContext(PaymentContext),
     payment = _useContext4.payment,
     paymentState = _useContext4.paymentState;
@@ -26123,12 +26135,15 @@ var SaleOverviewDialog = (function (props) {
     body: /*#__PURE__*/React.createElement("div", {
       className: "PaddingLeftM PaddingRightM PaddingBottomXS"
     }, /*#__PURE__*/React.createElement("div", {
-      className: ["Card", paymentState == 'initialized' ? '' : 'disabled'].join(' '),
+      className: ["Card", paymentState == 'initialized' && (!amountConfiguration || !amountConfiguration.fix) ? '' : 'disabled'].join(' '),
       title: paymentState == 'initialized' ? "Change amount" : undefined,
       onClick: function onClick() {
         if (paymentState != 'initialized') {
           return;
         }
+        if (amountConfiguration && amountConfiguration.fix) {
+          return;
+        }
         navigate('ChangeAmount');
       }
     }, /*#__PURE__*/React.createElement("div", {
@@ -26157,7 +26172,7 @@ var SaleOverviewDialog = (function (props) {
       className: "CardText small"
     }, /*#__PURE__*/React.createElement("small", null, salePerTokenValue, " per token")))), /*#__PURE__*/React.createElement("div", {
       className: "CardAction"
-    }, /*#__PURE__*/React.createElement(ChevronRight, null))), /*#__PURE__*/React.createElement("div", {
+    }, (!amountConfiguration || !amountConfiguration.fix) && /*#__PURE__*/React.createElement(ChevronRight, null))), /*#__PURE__*/React.createElement("div", {
       className: ["Card", paymentState == 'initialized' ? '' : 'disabled'].join(' '),
       title: paymentState == 'initialized' ? "Change payment" : undefined,
       onClick: function onClick() {
@@ -26186,7 +26201,11 @@ var SaleOverviewDialog = (function (props) {
       className: "TokenSymbolCell"
     }, payment.symbol), /*#__PURE__*/React.createElement("span", null, "\xA0"), /*#__PURE__*/React.createElement("span", {
       className: "TokenAmountCell"
-    }, format(payment.amount)))))), /*#__PURE__*/React.createElement("div", {
+    }, format(payment.amount))), amountConfiguration && amountConfiguration.fix && /*#__PURE__*/React.createElement("div", {
+      className: "TokenAmountRow small grey"
+    }, /*#__PURE__*/React.createElement("span", {
+      className: "TokenAmountCell"
+    }, displayedPaymentValue))))), /*#__PURE__*/React.createElement("div", {
       className: "CardAction"
     }, /*#__PURE__*/React.createElement(ChevronRight, null)))),
     footer: /*#__PURE__*/React.createElement("div", {