@depay/widgets 6.27.1 → 6.28.1

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

@@ -50063,7 +50063,7 @@ var mount = (function (_ref, content) {
     content: content(unmountShadowDOM),
     outsideStyle: outsideStyle,
     insideStyle: insideStyle,
-    insideClasses: ['contained']
+    insideClasses: container ? ['contained'] : []
   }),
       unmount = _ReactShadowDOM.unmount;
 
@@ -85485,7 +85485,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 +85646,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
   })
 };
@@ -85810,6 +85810,8 @@ var PaymentRoutingProvider = (function (props) {
       recover = _useContext3.recover;
 
   var onRoutesUpdate = function onRoutesUpdate(routes) {
+    console.log('routes', routes);
+
     if (routes.length == 0) {
       setAllRoutes([]);
 
@@ -86092,14 +86094,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 +89194,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 +89226,7 @@ var Donation = /*#__PURE__*/function () {
                     accept: accept,
                     currency: currency,
                     event: event,
+                    fee: fee,
                     sent: sent,
                     confirmed: confirmed,
                     failed: failed,

package/dist/esm/index.js

@@ -1834,7 +1834,7 @@ var mount = (function (_ref, content) {
     content: content(unmountShadowDOM),
     outsideStyle: outsideStyle,
     insideStyle: insideStyle,
-    insideClasses: ['contained']
+    insideClasses: container ? ['contained'] : []
   }),
       unmount = _ReactShadowDOM.unmount;
 
@@ -2674,6 +2674,8 @@ var PaymentRoutingProvider = (function (props) {
       recover = _useContext3.recover;
 
   var onRoutesUpdate = function onRoutesUpdate(routes) {
+    console.log('routes', routes);
+
     if (routes.length == 0) {
       setAllRoutes([]);
 
@@ -2956,14 +2958,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 +4343,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 +4375,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

@@ -50069,7 +50069,7 @@
       content: content(unmountShadowDOM),
       outsideStyle: outsideStyle,
       insideStyle: insideStyle,
-      insideClasses: ['contained']
+      insideClasses: container ? ['contained'] : []
     }),
         unmount = _ReactShadowDOM.unmount;
 
@@ -85491,7 +85491,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 +85652,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
     })
   };
@@ -85816,6 +85816,8 @@
         recover = _useContext3.recover;
 
     var onRoutesUpdate = function onRoutesUpdate(routes) {
+      console.log('routes', routes);
+
       if (routes.length == 0) {
         setAllRoutes([]);
 
@@ -86098,14 +86100,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 +89200,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 +89232,7 @@
                       accept: accept,
                       currency: currency,
                       event: event,
+                      fee: fee,
                       sent: sent,
                       confirmed: confirmed,
                       failed: failed,

package/dist/umd/index.js

@@ -1829,7 +1829,7 @@
       content: content(unmountShadowDOM),
       outsideStyle: outsideStyle,
       insideStyle: insideStyle,
-      insideClasses: ['contained']
+      insideClasses: container ? ['contained'] : []
     }),
         unmount = _ReactShadowDOM.unmount;
 
@@ -2669,6 +2669,8 @@
         recover = _useContext3.recover;
 
     var onRoutesUpdate = function onRoutesUpdate(routes) {
+      console.log('routes', routes);
+
       if (routes.length == 0) {
         setAllRoutes([]);
 
@@ -2951,14 +2953,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 +4338,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 +4370,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.1",
+  "version": "6.28.1",
   "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",