@depay/widgets 7.13.0 → 7.14.0

package/dist/esm/index.js

@@ -19064,13 +19064,13 @@ var ChangableAmountProvider = (function (props) {
             }).then(function (readableMaxAmount) {
               var slippage = 1.01;
               var maxAmount = parseFloat(new Decimal(readableMaxAmount).div(slippage).mul(conversionRate).toString());
-              setMaxAmount(maxAmount > 10 ? Math.round(maxAmount) : round(maxAmount));
+              setMaxAmount(maxAmount > 10 ? Math.round(maxAmount - 1) : round(maxAmount - 1));
             })["catch"](setError);
           })["catch"](setError);
         } else if (maxRoute.fromToken.address == CONSTANTS[maxRoute.blockchain].USD) {
           var _maxAmount = parseFloat(new Decimal(readableMaxAmount).mul(conversionRate).toString());
 
-          setMaxAmount(_maxAmount > 10 ? Math.round(_maxAmount) : _maxAmount);
+          setMaxAmount(_maxAmount > 10 ? Math.round(_maxAmount - 1) : _maxAmount - 1);
         } else {
           route({
             blockchain: maxRoute.blockchain,
@@ -19247,7 +19247,8 @@ var PaymentProvider = (function (props) {
       setUpdatable = _useContext6.setUpdatable;
 
   var _useContext7 = useContext(NavigateContext),
-      navigate = _useContext7.navigate;
+      navigate = _useContext7.navigate,
+      set = _useContext7.set;
 
   var _useContext8 = useContext(WalletContext),
       wallet = _useContext8.wallet;
@@ -19299,7 +19300,7 @@ var PaymentProvider = (function (props) {
     }
 
     setClosable(true);
-    navigate('PaymentError');
+    set(['PaymentError']);
   };
 
   var pay = /*#__PURE__*/function () {
@@ -20361,14 +20362,15 @@ var ChangeAmountDialog = (function (props) {
       className: "PaddingLeftM PaddingRightM"
     }, /*#__PURE__*/React.createElement("div", {
       className: "PaddingTopS TextCenter PaddingBottomL"
-    }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("input", {
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "PaddingBottomM"
+    }, /*#__PURE__*/React.createElement("input", {
       max: parseFloat(maxAmount),
       min: min,
       step: step,
       className: "Input FontSizeXXL TextAlignCenter",
       type: "number",
       name: "amount",
-      autoFocus: true,
       value: parseFloat(inputAmount),
       onChange: function onChange(event) {
         changeAmount(event.target.value);
@@ -20382,12 +20384,12 @@ var ChangeAmountDialog = (function (props) {
       }
     }, /*#__PURE__*/React.createElement("div", {
       className: "FontSizeS"
-    }, format(toValidStep(maxAmount)), /*#__PURE__*/React.createElement("button", {
+    }, format(toValidStep(maxAmount)), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("button", {
       className: "TextButton",
       onClick: function onClick() {
         changeAmount(toValidValue(maxAmount));
       }
-    }, "(Max)")))))),
+    }, "(Max)"))))))),
     footer: /*#__PURE__*/React.createElement("div", {
       className: "PaddingTopXS PaddingRightM PaddingLeftM PaddingBottomM"
     }, /*#__PURE__*/React.createElement("button", {
@@ -20537,12 +20539,15 @@ var ChangePaymentDialog = (function (props) {
 });
 
 var DonationOverviewSkeleton = (function (props) {
+  var _useContext = useContext(ConfigurationContext),
+      title = _useContext.title;
+
   return /*#__PURE__*/React.createElement(Dialog$1, {
     header: /*#__PURE__*/React.createElement("div", {
       className: "PaddingTopS PaddingLeftM PaddingRightM TextLeft"
     }, /*#__PURE__*/React.createElement("h1", {
       className: "LineHeightL FontSizeL"
-    }, "Donation")),
+    }, title || 'Donation')),
     body: /*#__PURE__*/React.createElement("div", {
       className: "PaddingLeftM PaddingRightM PaddingBottomXS"
     }, /*#__PURE__*/React.createElement("div", {
@@ -20896,7 +20901,8 @@ var Footer = (function () {
 
 var DonationOverviewDialog = (function (props) {
   var _useContext = useContext(ConfigurationContext),
-      currencyCode = _useContext.currencyCode;
+      currencyCode = _useContext.currencyCode,
+      title = _useContext.title;
 
   var _useContext2 = useContext(ChangableAmountContext),
       amount = _useContext2.amount;
@@ -20918,7 +20924,7 @@ var DonationOverviewDialog = (function (props) {
       className: "PaddingTopS PaddingLeftM PaddingRightM TextLeft"
     }, /*#__PURE__*/React.createElement("h1", {
       className: "LineHeightL FontSizeL"
-    }, "Donation")),
+    }, title || 'Donation')),
     body: /*#__PURE__*/React.createElement("div", {
       className: "PaddingLeftM PaddingRightM PaddingBottomXS"
     }, /*#__PURE__*/React.createElement("div", {
@@ -20997,9 +21003,6 @@ var PaymentErrorDialog = (function () {
   var _useContext2 = useContext(PaymentContext),
       transaction = _useContext2.transaction;
 
-  var _useContext3 = useContext(ConfigurationContext),
-      recover = _useContext3.recover;
-
   return /*#__PURE__*/React.createElement(Dialog$1, {
     stacked: false,
     header: /*#__PURE__*/React.createElement("div", {
@@ -21016,7 +21019,7 @@ var PaymentErrorDialog = (function () {
       className: "LineHeightL Text FontSizeL PaddingTopS FontWeightBold"
     }, "Payment Failed"), /*#__PURE__*/React.createElement("div", {
       className: "Text PaddingTopS PaddingBottomS PaddingLeftS PaddingRightS"
-    }, recover == undefined && /*#__PURE__*/React.createElement("strong", {
+    }, /*#__PURE__*/React.createElement("strong", {
       className: "FontSizeM"
     }, "Unfortunately executing your payment failed. You can go back and try again."), transaction && /*#__PURE__*/React.createElement("div", {
       className: "PaddingTopS"
@@ -21029,7 +21032,7 @@ var PaymentErrorDialog = (function () {
     }, "View on explorer")))),
     footer: /*#__PURE__*/React.createElement("div", {
       className: "PaddingTopXS PaddingRightM PaddingLeftM PaddingBottomM"
-    }, recover == undefined && /*#__PURE__*/React.createElement("button", {
+    }, /*#__PURE__*/React.createElement("button", {
       className: "ButtonPrimary",
       onClick: function onClick() {
         return close();
@@ -21086,10 +21089,10 @@ var DonationStack = (function (props) {
       close = _useContext.close;
 
   var _useContext2 = useContext(NavigateContext),
-      setNavigate = _useContext2.setNavigate;
+      setNavigator = _useContext2.setNavigator;
 
   return /*#__PURE__*/React.createElement(ReactDialogStack, {
-    setNavigate: setNavigate,
+    setNavigator: setNavigator,
     open: open,
     close: close,
     start: "DonationOverview",
@@ -21108,20 +21111,27 @@ var DonationStack = (function (props) {
 var NavigateProvider = (function (props) {
   var navigator;
 
-  var setNavigate = function setNavigate(_navigator) {
+  var setNavigator = function setNavigator(_navigator) {
     navigator = _navigator;
   };
 
   var navigate = function navigate(dialog) {
     if (navigator) {
-      navigator(dialog);
+      navigator.navigate(dialog);
+    }
+  };
+
+  var set = function set(dialogs) {
+    if (navigator) {
+      navigator.set(dialogs);
     }
   };
 
   return /*#__PURE__*/React.createElement(NavigateContext.Provider, {
     value: {
       navigate: navigate,
-      setNavigate: setNavigate
+      set: set,
+      setNavigator: setNavigator
     }
   }, props.children);
 });
@@ -21179,7 +21189,7 @@ var PaymentTrackingProvider = (function (props) {
       setClosable = _useContext3.setClosable;
 
   var _useContext4 = useContext(NavigateContext),
-      navigate = _useContext4.navigate;
+      set = _useContext4.set;
 
   var openSocket = function openSocket(transaction) {
     var socket = new WebSocket('wss://integrate.depay.fi/cable');
@@ -21208,7 +21218,7 @@ var PaymentTrackingProvider = (function (props) {
 
       if (item.message.status == 'failed') {
         setClosable(true);
-        navigate('PaymentError');
+        set(['PaymentError']);
       }
 
       if (validated) {
@@ -21679,12 +21689,12 @@ var preflight$2 = /*#__PURE__*/function () {
 
 var Donation = /*#__PURE__*/function () {
   var _ref4 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2(_ref3) {
-    var amount, accept, event, sent, confirmed, validated, failed, error, critical, style, blacklist, providers, currency, connected, closed, track, fee, closable, integration, link, container, document, unmount;
+    var amount, accept, event, sent, confirmed, validated, failed, error, critical, style, blacklist, providers, currency, connected, closed, track, fee, closable, integration, link, container, title, document, unmount;
     return regenerator.wrap(function _callee2$(_context2) {
       while (1) {
         switch (_context2.prev = _context2.next) {
           case 0:
-            amount = _ref3.amount, accept = _ref3.accept, event = _ref3.event, sent = _ref3.sent, confirmed = _ref3.confirmed, validated = _ref3.validated, failed = _ref3.failed, error = _ref3.error, critical = _ref3.critical, style = _ref3.style, blacklist = _ref3.blacklist, providers = _ref3.providers, currency = _ref3.currency, connected = _ref3.connected, closed = _ref3.closed, track = _ref3.track, fee = _ref3.fee, closable = _ref3.closable, integration = _ref3.integration, link = _ref3.link, container = _ref3.container, document = _ref3.document;
+            amount = _ref3.amount, accept = _ref3.accept, event = _ref3.event, sent = _ref3.sent, confirmed = _ref3.confirmed, validated = _ref3.validated, failed = _ref3.failed, error = _ref3.error, critical = _ref3.critical, style = _ref3.style, blacklist = _ref3.blacklist, providers = _ref3.providers, currency = _ref3.currency, connected = _ref3.connected, closed = _ref3.closed, track = _ref3.track, fee = _ref3.fee, closable = _ref3.closable, integration = _ref3.integration, link = _ref3.link, container = _ref3.container, title = _ref3.title, document = _ref3.document;
             requireReactVersion();
             _context2.prev = 2;
             _context2.next = 5;
@@ -21720,7 +21730,8 @@ var Donation = /*#__PURE__*/function () {
                     blacklist: blacklist,
                     providers: providers,
                     integration: integration,
-                    link: link
+                    link: link,
+                    title: title
                   }
                 }, /*#__PURE__*/React.createElement(UpdatableProvider, null, /*#__PURE__*/React.createElement(ClosableProvider, {
                   unmount: unmount,
@@ -22126,10 +22137,10 @@ var PaymentStack = (function (props) {
       close = _useContext.close;
 
   var _useContext2 = useContext(NavigateContext),
-      setNavigate = _useContext2.setNavigate;
+      setNavigator = _useContext2.setNavigator;
 
   return /*#__PURE__*/React.createElement(ReactDialogStack, {
-    setNavigate: setNavigate,
+    setNavigator: setNavigator,
     open: open,
     close: close,
     start: "PaymentOverview",
@@ -22579,10 +22590,10 @@ var SaleStack = (function (props) {
       close = _useContext.close;
 
   var _useContext2 = useContext(NavigateContext),
-      setNavigate = _useContext2.setNavigate;
+      setNavigator = _useContext2.setNavigator;
 
   return /*#__PURE__*/React.createElement(ReactDialogStack, {
-    setNavigate: setNavigate,
+    setNavigator: setNavigator,
     open: open,
     close: close,
     start: "SaleOverview",