@depay/widgets 6.7.0 → 6.8.0

package/README.md

@@ -204,6 +204,25 @@ BODY:
   }
 ```
 
+Alternatively you can pass a method to track that performs the tracking request to your backend if you need to handle the request yourself (e.g. to add additional headers etc.):
+
+```javascript
+DePayWidgets.Payment({
+
+  track: {
+    method: (payment)=>{
+      return fetch('/track/payments', {
+        method: 'POST',
+        body: JSON.stringify(payment),
+        headers: { "Content-Type": "application/json", "X-CSRF-TOKEN": document.querySelector('[name=csrf-token]').content }
+      })
+    }
+  }
+})
+```
+
+In case you pass a tracking method it needs to return a promise.
+
 Your endpoint needs to make sure to forward this to the [payment tracking api](https://depay.fi/documentation/api#payments).
 
 Also make sure to add `token`, `amount` and `confirmations` when forwarding the request to the payments api.

package/dist/esm/index.bundle.js

@@ -70167,10 +70167,10 @@ var TrackingProvider = (function (props) {
   var _useContext2 = react.useContext(ConfigurationContext),
       track = _useContext2.track;
 
-  var _useState = react.useState(track && !!track.endpoint),
+  var _useState = react.useState(track && !!(track.endpoint || typeof track.method == 'function')),
       _useState2 = _slicedToArray(_useState, 2),
-      tracking = _useState2[0],
-      setTracking = _useState2[1];
+      tracking = _useState2[0];
+      _useState2[1];
 
   var _useState3 = react.useState(false),
       _useState4 = _slicedToArray(_useState3, 2),
@@ -70190,10 +70190,6 @@ var TrackingProvider = (function (props) {
   var _useContext3 = react.useContext(ClosableContext),
       setClosable = _useContext3.setClosable;
 
-  react.useEffect(function () {
-    setTracking(track && !!track.endpoint);
-  }, [track]);
-
   var openSocket = function openSocket(transaction) {
     var socket = new WebSocket('wss://integrate.depay.fi/cable');
 
@@ -70258,17 +70254,27 @@ var TrackingProvider = (function (props) {
     }
   };
 
+  var callTracking = function callTracking(payment) {
+    if (track.endpoint) {
+      return fetch(track.endpoint, {
+        method: 'POST',
+        body: JSON.stringify(payment)
+      });
+    } else if (track.method) {
+      return track.method(payment);
+    } else {
+      throw 'No tracking defined!';
+    }
+  };
+
   var startTracking = function startTracking(transaction, afterBlock, paymentRoute, attempt) {
-    fetch(track.endpoint, {
-      method: 'POST',
-      body: JSON.stringify({
-        blockchain: transaction.blockchain,
-        transaction: transaction.id.toLowerCase(),
-        sender: transaction.from.toLowerCase(),
-        nonce: transaction.nonce,
-        after_block: afterBlock,
-        to_token: paymentRoute.toToken.address
-      })
+    callTracking({
+      blockchain: transaction.blockchain,
+      transaction: transaction.id.toLowerCase(),
+      sender: transaction.from.toLowerCase(),
+      nonce: transaction.nonce,
+      after_block: afterBlock,
+      to_token: paymentRoute.toToken.address
     }).then(function (response) {
       if (response.status == 200) {
         console.log('TRACKING INITIALIZED');

package/dist/esm/index.js

@@ -3544,10 +3544,10 @@ var TrackingProvider = (function (props) {
   var _useContext2 = useContext(ConfigurationContext),
       track = _useContext2.track;
 
-  var _useState = useState(track && !!track.endpoint),
+  var _useState = useState(track && !!(track.endpoint || typeof track.method == 'function')),
       _useState2 = _slicedToArray(_useState, 2),
-      tracking = _useState2[0],
-      setTracking = _useState2[1];
+      tracking = _useState2[0];
+      _useState2[1];
 
   var _useState3 = useState(false),
       _useState4 = _slicedToArray(_useState3, 2),
@@ -3567,10 +3567,6 @@ var TrackingProvider = (function (props) {
   var _useContext3 = useContext(ClosableContext),
       setClosable = _useContext3.setClosable;
 
-  useEffect(function () {
-    setTracking(track && !!track.endpoint);
-  }, [track]);
-
   var openSocket = function openSocket(transaction) {
     var socket = new WebSocket('wss://integrate.depay.fi/cable');
 
@@ -3635,17 +3631,27 @@ var TrackingProvider = (function (props) {
     }
   };
 
+  var callTracking = function callTracking(payment) {
+    if (track.endpoint) {
+      return fetch(track.endpoint, {
+        method: 'POST',
+        body: JSON.stringify(payment)
+      });
+    } else if (track.method) {
+      return track.method(payment);
+    } else {
+      throw 'No tracking defined!';
+    }
+  };
+
   var startTracking = function startTracking(transaction, afterBlock, paymentRoute, attempt) {
-    fetch(track.endpoint, {
-      method: 'POST',
-      body: JSON.stringify({
-        blockchain: transaction.blockchain,
-        transaction: transaction.id.toLowerCase(),
-        sender: transaction.from.toLowerCase(),
-        nonce: transaction.nonce,
-        after_block: afterBlock,
-        to_token: paymentRoute.toToken.address
-      })
+    callTracking({
+      blockchain: transaction.blockchain,
+      transaction: transaction.id.toLowerCase(),
+      sender: transaction.from.toLowerCase(),
+      nonce: transaction.nonce,
+      after_block: afterBlock,
+      to_token: paymentRoute.toToken.address
     }).then(function (response) {
       if (response.status == 200) {
         console.log('TRACKING INITIALIZED');

package/dist/umd/index.bundle.js

@@ -70173,10 +70173,10 @@
     var _useContext2 = react.useContext(ConfigurationContext),
         track = _useContext2.track;
 
-    var _useState = react.useState(track && !!track.endpoint),
+    var _useState = react.useState(track && !!(track.endpoint || typeof track.method == 'function')),
         _useState2 = _slicedToArray(_useState, 2),
-        tracking = _useState2[0],
-        setTracking = _useState2[1];
+        tracking = _useState2[0];
+        _useState2[1];
 
     var _useState3 = react.useState(false),
         _useState4 = _slicedToArray(_useState3, 2),
@@ -70196,10 +70196,6 @@
     var _useContext3 = react.useContext(ClosableContext),
         setClosable = _useContext3.setClosable;
 
-    react.useEffect(function () {
-      setTracking(track && !!track.endpoint);
-    }, [track]);
-
     var openSocket = function openSocket(transaction) {
       var socket = new WebSocket('wss://integrate.depay.fi/cable');
 
@@ -70264,17 +70260,27 @@
       }
     };
 
+    var callTracking = function callTracking(payment) {
+      if (track.endpoint) {
+        return fetch(track.endpoint, {
+          method: 'POST',
+          body: JSON.stringify(payment)
+        });
+      } else if (track.method) {
+        return track.method(payment);
+      } else {
+        throw 'No tracking defined!';
+      }
+    };
+
     var startTracking = function startTracking(transaction, afterBlock, paymentRoute, attempt) {
-      fetch(track.endpoint, {
-        method: 'POST',
-        body: JSON.stringify({
-          blockchain: transaction.blockchain,
-          transaction: transaction.id.toLowerCase(),
-          sender: transaction.from.toLowerCase(),
-          nonce: transaction.nonce,
-          after_block: afterBlock,
-          to_token: paymentRoute.toToken.address
-        })
+      callTracking({
+        blockchain: transaction.blockchain,
+        transaction: transaction.id.toLowerCase(),
+        sender: transaction.from.toLowerCase(),
+        nonce: transaction.nonce,
+        after_block: afterBlock,
+        to_token: paymentRoute.toToken.address
       }).then(function (response) {
         if (response.status == 200) {
           console.log('TRACKING INITIALIZED');

package/dist/umd/index.js

@@ -3539,10 +3539,10 @@
     var _useContext2 = React.useContext(ConfigurationContext),
         track = _useContext2.track;
 
-    var _useState = React.useState(track && !!track.endpoint),
+    var _useState = React.useState(track && !!(track.endpoint || typeof track.method == 'function')),
         _useState2 = _slicedToArray(_useState, 2),
-        tracking = _useState2[0],
-        setTracking = _useState2[1];
+        tracking = _useState2[0];
+        _useState2[1];
 
     var _useState3 = React.useState(false),
         _useState4 = _slicedToArray(_useState3, 2),
@@ -3562,10 +3562,6 @@
     var _useContext3 = React.useContext(ClosableContext),
         setClosable = _useContext3.setClosable;
 
-    React.useEffect(function () {
-      setTracking(track && !!track.endpoint);
-    }, [track]);
-
     var openSocket = function openSocket(transaction) {
       var socket = new WebSocket('wss://integrate.depay.fi/cable');
 
@@ -3630,17 +3626,27 @@
       }
     };
 
+    var callTracking = function callTracking(payment) {
+      if (track.endpoint) {
+        return fetch(track.endpoint, {
+          method: 'POST',
+          body: JSON.stringify(payment)
+        });
+      } else if (track.method) {
+        return track.method(payment);
+      } else {
+        throw 'No tracking defined!';
+      }
+    };
+
     var startTracking = function startTracking(transaction, afterBlock, paymentRoute, attempt) {
-      fetch(track.endpoint, {
-        method: 'POST',
-        body: JSON.stringify({
-          blockchain: transaction.blockchain,
-          transaction: transaction.id.toLowerCase(),
-          sender: transaction.from.toLowerCase(),
-          nonce: transaction.nonce,
-          after_block: afterBlock,
-          to_token: paymentRoute.toToken.address
-        })
+      callTracking({
+        blockchain: transaction.blockchain,
+        transaction: transaction.id.toLowerCase(),
+        sender: transaction.from.toLowerCase(),
+        nonce: transaction.nonce,
+        after_block: afterBlock,
+        to_token: paymentRoute.toToken.address
       }).then(function (response) {
         if (response.status == 200) {
           console.log('TRACKING INITIALIZED');

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@depay/widgets",
   "moduleName": "DePayWidgets",
-  "version": "6.7.0",
+  "version": "6.8.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",