@depay/widgets 6.27.2 → 6.28.2

package/README.md

@@ -1222,6 +1222,26 @@ DePayWidgets.Donation({
 });
 ```
 
+#### fee (DePay Donations)
+
+You can configure a fee which will be applied to every payment with it's own dedicated fee receiver address.
+
+The fee will be taken from the target token and target amount (after swap, depending on your `accept` configuration).
+
+`amount`: Either percentage (e.g. `5%`, or absolute amount as BigNumber string ('100000000000000000') or pure number (2.5)
+
+`receiver`: The address that is supposed to receive the fee.
+
+```javascript
+DePayWidgets.Donation({
+  accept: [...],
+  fee: {
+    amount: '3%',
+    receiver: '0x4e260bB2b25EC6F3A59B478fCDe5eD5B8D783B02'
+  }
+});
+```
+
 #### closed (DePay Donations)
 
 `closed`

package/dist/esm/index.bundle.js

@@ -62159,6 +62159,10 @@ var ChangableAmountProvider = (function (props) {
         }));
       } else {
         Promise.all(props.accept.map(function (configuration) {
+          if (CONSTANTS$2[configuration.blockchain].USD.toLowerCase() == configuration.token.toLowerCase()) {
+            return 1.00 / conversionRate;
+          }
+
           return route$8({
             blockchain: configuration.blockchain,
             tokenIn: CONSTANTS$2[configuration.blockchain].USD,
@@ -62167,17 +62171,19 @@ var ChangableAmountProvider = (function (props) {
             fromAddress: account,
             toAddress: account
           });
-        })).then(function (routes) {
-          Promise.all(routes.map(function (routes, index) {
-            if (routes[0] == undefined) {
+        })).then(function (results) {
+          Promise.all(results.map(function (result, index) {
+            if (typeof result == 'number') {
+              return result;
+            } else if (result[0] == undefined) {
               return;
+            } else {
+              return Token.readable({
+                blockchain: props.accept[index].blockchain,
+                amount: result[0].amountOut,
+                address: result[0].tokenOut
+              });
             }
-
-            return Token.readable({
-              blockchain: props.accept[index].blockchain,
-              amount: routes[0].amountOut,
-              address: routes[0].tokenOut
-            });
           })).then(resolve)["catch"](setError);
         })["catch"](setError);
       }
@@ -85485,7 +85491,7 @@ function convertToRoutes({ assets, accept, from }) {
 function assetsToRoutes({ assets, blacklist, accept, from, event, fee }) {
   return Promise.resolve(filterBlacklistedAssets({ assets, blacklist }))
     .then((assets) => convertToRoutes({ assets, accept, from }))
-    .then(addDirectTransferStatus)
+    .then((routes) => addDirectTransferStatus({ routes, fee }))
     .then(addExchangeRoutes)
     .then(filterExchangeRoutesWithoutPlugin)
     .then(filterNotRoutable)
@@ -85646,9 +85652,9 @@ let addApproval = (routes) => {
   )
 };
 
-let addDirectTransferStatus = (routes) => {
+let addDirectTransferStatus = ({ routes, fee }) => {
   return routes.map((route)=>{
-    route.directTransfer = route.fromToken.address.toLowerCase() == route.toToken.address.toLowerCase() && route.toContract == undefined;
+    route.directTransfer = route.fromToken.address.toLowerCase() == route.toToken.address.toLowerCase() && route.toContract == undefined && fee == undefined;
     return route
   })
 };
@@ -86092,14 +86098,16 @@ var DonationRoutingProvider = (function (props) {
       setMaxRoute = _useContext.setMaxRoute;
 
   var _useContext2 = react.useContext(ConfigurationContext),
-      blacklist = _useContext2.blacklist;
+      blacklist = _useContext2.blacklist,
+      fee = _useContext2.fee;
 
   return /*#__PURE__*/react.createElement(DonationRoutingContext.Provider, {
     value: {}
   }, /*#__PURE__*/react.createElement(PaymentRoutingProvider, {
     accept: acceptWithAmount,
     blacklist: blacklist,
-    setMaxRoute: setMaxRoute
+    setMaxRoute: setMaxRoute,
+    fee: fee
   }, /*#__PURE__*/react.createElement(PaymentProvider, {
     container: props.container,
     document: props.document
@@ -89190,12 +89198,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, failed, error, critical, style, blacklist, providers, currency, connected, closed, closable, integration, container, document, unmount;
+    var amount, accept, event, sent, confirmed, failed, error, critical, style, blacklist, providers, currency, connected, closed, fee, closable, integration, container, 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, 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, closable = _ref3.closable, integration = _ref3.integration, container = _ref3.container, document = _ref3.document;
+            amount = _ref3.amount, accept = _ref3.accept, event = _ref3.event, sent = _ref3.sent, confirmed = _ref3.confirmed, 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, fee = _ref3.fee, closable = _ref3.closable, integration = _ref3.integration, container = _ref3.container, document = _ref3.document;
             requireReactVersion();
             _context2.prev = 2;
             _context2.next = 5;
@@ -89222,6 +89230,7 @@ var Donation = /*#__PURE__*/function () {
                     accept: accept,
                     currency: currency,
                     event: event,
+                    fee: fee,
                     sent: sent,
                     confirmed: confirmed,
                     failed: failed,

package/dist/esm/index.js

@@ -2107,6 +2107,10 @@ var ChangableAmountProvider = (function (props) {
         }));
       } else {
         Promise.all(props.accept.map(function (configuration) {
+          if (CONSTANTS[configuration.blockchain].USD.toLowerCase() == configuration.token.toLowerCase()) {
+            return 1.00 / conversionRate;
+          }
+
           return route({
             blockchain: configuration.blockchain,
             tokenIn: CONSTANTS[configuration.blockchain].USD,
@@ -2115,17 +2119,19 @@ var ChangableAmountProvider = (function (props) {
             fromAddress: account,
             toAddress: account
           });
-        })).then(function (routes) {
-          Promise.all(routes.map(function (routes, index) {
-            if (routes[0] == undefined) {
+        })).then(function (results) {
+          Promise.all(results.map(function (result, index) {
+            if (typeof result == 'number') {
+              return result;
+            } else if (result[0] == undefined) {
               return;
+            } else {
+              return Token.readable({
+                blockchain: props.accept[index].blockchain,
+                amount: result[0].amountOut,
+                address: result[0].tokenOut
+              });
             }
-
-            return Token.readable({
-              blockchain: props.accept[index].blockchain,
-              amount: routes[0].amountOut,
-              address: routes[0].tokenOut
-            });
           })).then(resolve)["catch"](setError);
         })["catch"](setError);
       }
@@ -2956,14 +2962,16 @@ var DonationRoutingProvider = (function (props) {
       setMaxRoute = _useContext.setMaxRoute;
 
   var _useContext2 = useContext(ConfigurationContext),
-      blacklist = _useContext2.blacklist;
+      blacklist = _useContext2.blacklist,
+      fee = _useContext2.fee;
 
   return /*#__PURE__*/React.createElement(DonationRoutingContext.Provider, {
     value: {}
   }, /*#__PURE__*/React.createElement(PaymentRoutingProvider, {
     accept: acceptWithAmount,
     blacklist: blacklist,
-    setMaxRoute: setMaxRoute
+    setMaxRoute: setMaxRoute,
+    fee: fee
   }, /*#__PURE__*/React.createElement(PaymentProvider, {
     container: props.container,
     document: props.document
@@ -4339,12 +4347,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, failed, error, critical, style, blacklist, providers, currency, connected, closed, closable, integration, container, document, unmount;
+    var amount, accept, event, sent, confirmed, failed, error, critical, style, blacklist, providers, currency, connected, closed, fee, closable, integration, container, 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, 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, closable = _ref3.closable, integration = _ref3.integration, container = _ref3.container, document = _ref3.document;
+            amount = _ref3.amount, accept = _ref3.accept, event = _ref3.event, sent = _ref3.sent, confirmed = _ref3.confirmed, 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, fee = _ref3.fee, closable = _ref3.closable, integration = _ref3.integration, container = _ref3.container, document = _ref3.document;
             requireReactVersion();
             _context2.prev = 2;
             _context2.next = 5;
@@ -4371,6 +4379,7 @@ var Donation = /*#__PURE__*/function () {
                     accept: accept,
                     currency: currency,
                     event: event,
+                    fee: fee,
                     sent: sent,
                     confirmed: confirmed,
                     failed: failed,

package/dist/umd/index.bundle.js

@@ -62165,6 +62165,10 @@
           }));
         } else {
           Promise.all(props.accept.map(function (configuration) {
+            if (CONSTANTS$2[configuration.blockchain].USD.toLowerCase() == configuration.token.toLowerCase()) {
+              return 1.00 / conversionRate;
+            }
+
             return route$8({
               blockchain: configuration.blockchain,
               tokenIn: CONSTANTS$2[configuration.blockchain].USD,
@@ -62173,17 +62177,19 @@
               fromAddress: account,
               toAddress: account
             });
-          })).then(function (routes) {
-            Promise.all(routes.map(function (routes, index) {
-              if (routes[0] == undefined) {
+          })).then(function (results) {
+            Promise.all(results.map(function (result, index) {
+              if (typeof result == 'number') {
+                return result;
+              } else if (result[0] == undefined) {
                 return;
+              } else {
+                return Token.readable({
+                  blockchain: props.accept[index].blockchain,
+                  amount: result[0].amountOut,
+                  address: result[0].tokenOut
+                });
               }
-
-              return Token.readable({
-                blockchain: props.accept[index].blockchain,
-                amount: routes[0].amountOut,
-                address: routes[0].tokenOut
-              });
             })).then(resolve)["catch"](setError);
           })["catch"](setError);
         }
@@ -85491,7 +85497,7 @@
   function assetsToRoutes({ assets, blacklist, accept, from, event, fee }) {
     return Promise.resolve(filterBlacklistedAssets({ assets, blacklist }))
       .then((assets) => convertToRoutes({ assets, accept, from }))
-      .then(addDirectTransferStatus)
+      .then((routes) => addDirectTransferStatus({ routes, fee }))
       .then(addExchangeRoutes)
       .then(filterExchangeRoutesWithoutPlugin)
       .then(filterNotRoutable)
@@ -85652,9 +85658,9 @@
     )
   };
 
-  let addDirectTransferStatus = (routes) => {
+  let addDirectTransferStatus = ({ routes, fee }) => {
     return routes.map((route)=>{
-      route.directTransfer = route.fromToken.address.toLowerCase() == route.toToken.address.toLowerCase() && route.toContract == undefined;
+      route.directTransfer = route.fromToken.address.toLowerCase() == route.toToken.address.toLowerCase() && route.toContract == undefined && fee == undefined;
       return route
     })
   };
@@ -86098,14 +86104,16 @@
         setMaxRoute = _useContext.setMaxRoute;
 
     var _useContext2 = react.useContext(ConfigurationContext),
-        blacklist = _useContext2.blacklist;
+        blacklist = _useContext2.blacklist,
+        fee = _useContext2.fee;
 
     return /*#__PURE__*/react.createElement(DonationRoutingContext.Provider, {
       value: {}
     }, /*#__PURE__*/react.createElement(PaymentRoutingProvider, {
       accept: acceptWithAmount,
       blacklist: blacklist,
-      setMaxRoute: setMaxRoute
+      setMaxRoute: setMaxRoute,
+      fee: fee
     }, /*#__PURE__*/react.createElement(PaymentProvider, {
       container: props.container,
       document: props.document
@@ -89196,12 +89204,12 @@
 
   var Donation = /*#__PURE__*/function () {
     var _ref4 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2(_ref3) {
-      var amount, accept, event, sent, confirmed, failed, error, critical, style, blacklist, providers, currency, connected, closed, closable, integration, container, document, unmount;
+      var amount, accept, event, sent, confirmed, failed, error, critical, style, blacklist, providers, currency, connected, closed, fee, closable, integration, container, 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, 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, closable = _ref3.closable, integration = _ref3.integration, container = _ref3.container, document = _ref3.document;
+              amount = _ref3.amount, accept = _ref3.accept, event = _ref3.event, sent = _ref3.sent, confirmed = _ref3.confirmed, 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, fee = _ref3.fee, closable = _ref3.closable, integration = _ref3.integration, container = _ref3.container, document = _ref3.document;
               requireReactVersion();
               _context2.prev = 2;
               _context2.next = 5;
@@ -89228,6 +89236,7 @@
                       accept: accept,
                       currency: currency,
                       event: event,
+                      fee: fee,
                       sent: sent,
                       confirmed: confirmed,
                       failed: failed,

package/dist/umd/index.js

@@ -2102,6 +2102,10 @@
           }));
         } else {
           Promise.all(props.accept.map(function (configuration) {
+            if (web3Constants.CONSTANTS[configuration.blockchain].USD.toLowerCase() == configuration.token.toLowerCase()) {
+              return 1.00 / conversionRate;
+            }
+
             return web3Exchanges.route({
               blockchain: configuration.blockchain,
               tokenIn: web3Constants.CONSTANTS[configuration.blockchain].USD,
@@ -2110,17 +2114,19 @@
               fromAddress: account,
               toAddress: account
             });
-          })).then(function (routes) {
-            Promise.all(routes.map(function (routes, index) {
-              if (routes[0] == undefined) {
+          })).then(function (results) {
+            Promise.all(results.map(function (result, index) {
+              if (typeof result == 'number') {
+                return result;
+              } else if (result[0] == undefined) {
                 return;
+              } else {
+                return web3Tokens.Token.readable({
+                  blockchain: props.accept[index].blockchain,
+                  amount: result[0].amountOut,
+                  address: result[0].tokenOut
+                });
               }
-
-              return web3Tokens.Token.readable({
-                blockchain: props.accept[index].blockchain,
-                amount: routes[0].amountOut,
-                address: routes[0].tokenOut
-              });
             })).then(resolve)["catch"](setError);
           })["catch"](setError);
         }
@@ -2951,14 +2957,16 @@
         setMaxRoute = _useContext.setMaxRoute;
 
     var _useContext2 = React.useContext(ConfigurationContext),
-        blacklist = _useContext2.blacklist;
+        blacklist = _useContext2.blacklist,
+        fee = _useContext2.fee;
 
     return /*#__PURE__*/React__default["default"].createElement(DonationRoutingContext.Provider, {
       value: {}
     }, /*#__PURE__*/React__default["default"].createElement(PaymentRoutingProvider, {
       accept: acceptWithAmount,
       blacklist: blacklist,
-      setMaxRoute: setMaxRoute
+      setMaxRoute: setMaxRoute,
+      fee: fee
     }, /*#__PURE__*/React__default["default"].createElement(PaymentProvider, {
       container: props.container,
       document: props.document
@@ -4334,12 +4342,12 @@
 
   var Donation = /*#__PURE__*/function () {
     var _ref4 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2(_ref3) {
-      var amount, accept, event, sent, confirmed, failed, error, critical, style, blacklist, providers, currency, connected, closed, closable, integration, container, document, unmount;
+      var amount, accept, event, sent, confirmed, failed, error, critical, style, blacklist, providers, currency, connected, closed, fee, closable, integration, container, 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, 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, closable = _ref3.closable, integration = _ref3.integration, container = _ref3.container, document = _ref3.document;
+              amount = _ref3.amount, accept = _ref3.accept, event = _ref3.event, sent = _ref3.sent, confirmed = _ref3.confirmed, 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, fee = _ref3.fee, closable = _ref3.closable, integration = _ref3.integration, container = _ref3.container, document = _ref3.document;
               requireReactVersion();
               _context2.prev = 2;
               _context2.next = 5;
@@ -4366,6 +4374,7 @@
                       accept: accept,
                       currency: currency,
                       event: event,
+                      fee: fee,
                       sent: sent,
                       confirmed: confirmed,
                       failed: failed,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@depay/widgets",
   "moduleName": "DePayWidgets",
-  "version": "6.27.2",
+  "version": "6.28.2",
   "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",
@@ -44,7 +44,7 @@
     "@depay/web3-client": "^8.0.0",
     "@depay/web3-constants": "^5.0.0",
     "@depay/web3-exchanges": "^8.2.1",
-    "@depay/web3-payments": "^10.1.1",
+    "@depay/web3-payments": "^10.1.2",
     "@depay/web3-tokens": "^8.0.1",
     "@depay/web3-wallets": "^10.0.3",
     "decimal.js": "^10.3.1",