@depay/widgets 7.13.0 → 7.14.0

package/dist/umd/index.js

@@ -19059,13 +19059,13 @@
               }).then(function (readableMaxAmount) {
                 var slippage = 1.01;
                 var maxAmount = parseFloat(new decimal_js.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 == web3Constants.CONSTANTS[maxRoute.blockchain].USD) {
             var _maxAmount = parseFloat(new decimal_js.Decimal(readableMaxAmount).mul(conversionRate).toString());
 
-            setMaxAmount(_maxAmount > 10 ? Math.round(_maxAmount) : _maxAmount);
+            setMaxAmount(_maxAmount > 10 ? Math.round(_maxAmount - 1) : _maxAmount - 1);
           } else {
             web3Exchanges.route({
               blockchain: maxRoute.blockchain,
@@ -19242,7 +19242,8 @@
         setUpdatable = _useContext6.setUpdatable;
 
     var _useContext7 = React.useContext(NavigateContext),
-        navigate = _useContext7.navigate;
+        navigate = _useContext7.navigate,
+        set = _useContext7.set;
 
     var _useContext8 = React.useContext(WalletContext),
         wallet = _useContext8.wallet;
@@ -19294,7 +19295,7 @@
       }
 
       setClosable(true);
-      navigate('PaymentError');
+      set(['PaymentError']);
     };
 
     var pay = /*#__PURE__*/function () {
@@ -20356,14 +20357,15 @@
         className: "PaddingLeftM PaddingRightM"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         className: "PaddingTopS TextCenter PaddingBottomL"
-      }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("input", {
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "PaddingBottomM"
+      }, /*#__PURE__*/React__default["default"].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);
@@ -20377,12 +20379,12 @@
         }
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         className: "FontSizeS"
-      }, format(toValidStep(maxAmount)), /*#__PURE__*/React__default["default"].createElement("button", {
+      }, format(toValidStep(maxAmount)), /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("button", {
         className: "TextButton",
         onClick: function onClick() {
           changeAmount(toValidValue(maxAmount));
         }
-      }, "(Max)")))))),
+      }, "(Max)"))))))),
       footer: /*#__PURE__*/React__default["default"].createElement("div", {
         className: "PaddingTopXS PaddingRightM PaddingLeftM PaddingBottomM"
       }, /*#__PURE__*/React__default["default"].createElement("button", {
@@ -20532,12 +20534,15 @@
   });
 
   var DonationOverviewSkeleton = (function (props) {
+    var _useContext = React.useContext(ConfigurationContext),
+        title = _useContext.title;
+
     return /*#__PURE__*/React__default["default"].createElement(Dialog$1, {
       header: /*#__PURE__*/React__default["default"].createElement("div", {
         className: "PaddingTopS PaddingLeftM PaddingRightM TextLeft"
       }, /*#__PURE__*/React__default["default"].createElement("h1", {
         className: "LineHeightL FontSizeL"
-      }, "Donation")),
+      }, title || 'Donation')),
       body: /*#__PURE__*/React__default["default"].createElement("div", {
         className: "PaddingLeftM PaddingRightM PaddingBottomXS"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -20891,7 +20896,8 @@
 
   var DonationOverviewDialog = (function (props) {
     var _useContext = React.useContext(ConfigurationContext),
-        currencyCode = _useContext.currencyCode;
+        currencyCode = _useContext.currencyCode,
+        title = _useContext.title;
 
     var _useContext2 = React.useContext(ChangableAmountContext),
         amount = _useContext2.amount;
@@ -20913,7 +20919,7 @@
         className: "PaddingTopS PaddingLeftM PaddingRightM TextLeft"
       }, /*#__PURE__*/React__default["default"].createElement("h1", {
         className: "LineHeightL FontSizeL"
-      }, "Donation")),
+      }, title || 'Donation')),
       body: /*#__PURE__*/React__default["default"].createElement("div", {
         className: "PaddingLeftM PaddingRightM PaddingBottomXS"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -20992,9 +20998,6 @@
     var _useContext2 = React.useContext(PaymentContext),
         transaction = _useContext2.transaction;
 
-    var _useContext3 = React.useContext(ConfigurationContext),
-        recover = _useContext3.recover;
-
     return /*#__PURE__*/React__default["default"].createElement(Dialog$1, {
       stacked: false,
       header: /*#__PURE__*/React__default["default"].createElement("div", {
@@ -21011,7 +21014,7 @@
         className: "LineHeightL Text FontSizeL PaddingTopS FontWeightBold"
       }, "Payment Failed"), /*#__PURE__*/React__default["default"].createElement("div", {
         className: "Text PaddingTopS PaddingBottomS PaddingLeftS PaddingRightS"
-      }, recover == undefined && /*#__PURE__*/React__default["default"].createElement("strong", {
+      }, /*#__PURE__*/React__default["default"].createElement("strong", {
         className: "FontSizeM"
       }, "Unfortunately executing your payment failed. You can go back and try again."), transaction && /*#__PURE__*/React__default["default"].createElement("div", {
         className: "PaddingTopS"
@@ -21024,7 +21027,7 @@
       }, "View on explorer")))),
       footer: /*#__PURE__*/React__default["default"].createElement("div", {
         className: "PaddingTopXS PaddingRightM PaddingLeftM PaddingBottomM"
-      }, recover == undefined && /*#__PURE__*/React__default["default"].createElement("button", {
+      }, /*#__PURE__*/React__default["default"].createElement("button", {
         className: "ButtonPrimary",
         onClick: function onClick() {
           return close();
@@ -21081,10 +21084,10 @@
         close = _useContext.close;
 
     var _useContext2 = React.useContext(NavigateContext),
-        setNavigate = _useContext2.setNavigate;
+        setNavigator = _useContext2.setNavigator;
 
     return /*#__PURE__*/React__default["default"].createElement(reactDialogStack.ReactDialogStack, {
-      setNavigate: setNavigate,
+      setNavigator: setNavigator,
       open: open,
       close: close,
       start: "DonationOverview",
@@ -21103,20 +21106,27 @@
   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__default["default"].createElement(NavigateContext.Provider, {
       value: {
         navigate: navigate,
-        setNavigate: setNavigate
+        set: set,
+        setNavigator: setNavigator
       }
     }, props.children);
   });
@@ -21174,7 +21184,7 @@
         setClosable = _useContext3.setClosable;
 
     var _useContext4 = React.useContext(NavigateContext),
-        navigate = _useContext4.navigate;
+        set = _useContext4.set;
 
     var openSocket = function openSocket(transaction) {
       var socket = new WebSocket('wss://integrate.depay.fi/cable');
@@ -21203,7 +21213,7 @@
 
         if (item.message.status == 'failed') {
           setClosable(true);
-          navigate('PaymentError');
+          set(['PaymentError']);
         }
 
         if (validated) {
@@ -21674,12 +21684,12 @@
 
   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;
@@ -21715,7 +21725,8 @@
                       blacklist: blacklist,
                       providers: providers,
                       integration: integration,
-                      link: link
+                      link: link,
+                      title: title
                     }
                   }, /*#__PURE__*/React__default["default"].createElement(UpdatableProvider, null, /*#__PURE__*/React__default["default"].createElement(ClosableProvider, {
                     unmount: unmount,
@@ -22121,10 +22132,10 @@
         close = _useContext.close;
 
     var _useContext2 = React.useContext(NavigateContext),
-        setNavigate = _useContext2.setNavigate;
+        setNavigator = _useContext2.setNavigator;
 
     return /*#__PURE__*/React__default["default"].createElement(reactDialogStack.ReactDialogStack, {
-      setNavigate: setNavigate,
+      setNavigator: setNavigator,
       open: open,
       close: close,
       start: "PaymentOverview",
@@ -22574,10 +22585,10 @@
         close = _useContext.close;
 
     var _useContext2 = React.useContext(NavigateContext),
-        setNavigate = _useContext2.setNavigate;
+        setNavigator = _useContext2.setNavigator;
 
     return /*#__PURE__*/React__default["default"].createElement(reactDialogStack.ReactDialogStack, {
-      setNavigate: setNavigate,
+      setNavigator: setNavigator,
       open: open,
       close: close,
       start: "SaleOverview",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@depay/widgets",
   "moduleName": "DePayWidgets",
-  "version": "7.13.0",
+  "version": "7.14.0",
   "description": "Web3 Payments with any token. DePay simplifies and improves Web3 Payments with the power of DeFi. Accept any token with on-the-fly conversion.",
   "main": "./dist/umd/index.js",
   "module": "./dist/esm/index.js",
@@ -35,7 +35,7 @@
   "dependencies": {
     "@depay/coinbase-wallet-sdk": "^1.0.5",
     "@depay/local-currency": "^3.5.2",
-    "@depay/react-dialog-stack": "^6.0.0",
+    "@depay/react-dialog-stack": "^7.0.0",
     "@depay/react-shadow-dom": "^5.0.2",
     "@depay/react-token-image": "^4.1.0",
     "@depay/walletconnect-v1": "^1.7.8",
@@ -88,6 +88,7 @@
     "rollup-plugin-livereload": "^2.0.0",
     "rollup-plugin-polyfill-node": "^0.7.0",
     "rollup-plugin-serve": "^1.1.0",
-    "rollup-plugin-terser": "^7.0.2"
+    "rollup-plugin-terser": "^7.0.2",
+    "webpack": "^5.73.0"
   }
 }