@depay/widgets 6.19.0 → 6.20.0

package/dist/esm/index.bundle.js

@@ -49441,7 +49441,7 @@ var ErrorProvider = (function (props) {
     }, /*#__PURE__*/react.createElement("div", {
       className: "PaddingTopS PaddingLeftS PaddingRightS"
     })), /*#__PURE__*/react.createElement("div", {
-      className: "DialogBody"
+      className: "DialogBody TextCenter"
     }, /*#__PURE__*/react.createElement("div", {
       className: "GraphicWrapper PaddingTopS"
     }, /*#__PURE__*/react.createElement("img", {
@@ -62347,13 +62347,15 @@ class Currency {
     return timezoneToCurrency[timeZone || Currency.timeZone()] || 'USD'
   }
 
-  static async fromUSD({ amount, code, timeZone, apiKey }) {
+  static async fromUSD({ amount, code, timeZone }) {
     let currency = new Currency({ amount, code, timeZone });
-    let rate = await fetch('https://api.depay.fi/v2/currencies/' + currency.code, {
-      headers: { 'X-Api-Key': apiKey },
-    })
+    let rate = await fetch('https://public.depay.fi/currencies/' + currency.code)
       .then((response) => response.json())
-      .then((data) => parseFloat(data));
+      .then((data) => parseFloat(data))
+      .catch(()=>{
+        currency.code = "USD";
+        return 1
+      });
     currency.amount = currency.amount * rate;
     return currency
   }
@@ -62388,11 +62390,9 @@ var ConfigurationProvider = (function (props) {
   }, props.children);
 });
 
-var apiKey = 'M5dZeHFfIp3J7h9H9fs4i4wmkUo1HjAF3EmMy32c';
-
 var ConversionRateProvider = (function (props) {
-  var _useContext = react.useContext(ErrorContext),
-      setError = _useContext.setError;
+  var _useContext = react.useContext(ErrorContext);
+      _useContext.setError;
 
   var _useContext2 = react.useContext(ConfigurationContext),
       currency = _useContext2.currency;
@@ -62405,11 +62405,10 @@ var ConversionRateProvider = (function (props) {
   react.useEffect(function () {
     Currency.fromUSD({
       amount: 1,
-      code: currency,
-      apiKey: apiKey
+      code: currency
     }).then(function (conversion) {
       return setConversionRate(conversion.amount);
-    })["catch"](setError);
+    })["catch"](setConversionRate(1));
   }, []);
   return /*#__PURE__*/react.createElement(ConversionRateContext.Provider, {
     value: {
@@ -62788,14 +62787,10 @@ const getAssets = async (options) => {
   }
   if (!account) { return }
 
-  if(options.apiKey == undefined) { throw 'Web3Wallets: Please pass an apiKey. See documentation.' }
-  
   let assets = Promise.all(
     (options.blockchain ? [options.blockchain] : wallet.blockchains).map((blockchain) =>{
       
-      return fetch(`https://api.depay.fi/v2/accounts/${blockchain}/${account}/assets`, {
-        headers: { 'x-api-key': options.apiKey }
-      })
+      return fetch(`https://public.depay.fi/accounts/${blockchain}/${account}/assets`)
         .then((response) => response.json())
         .then(async (assets) => {
           return await ensureNativeTokenAsset({
@@ -68102,8 +68097,7 @@ var PaymentRoutingProvider = (function (props) {
       whitelist: props.whitelist,
       blacklist: props.blacklist,
       event: props.event,
-      fee: props.fee,
-      apiKey: apiKey
+      fee: props.fee
     }).then(function (routes) {
       if (routes.length == 0) {
         setAllRoutes([]);
@@ -68318,9 +68312,8 @@ var PaymentValueProvider = (function (props) {
       var toTokenUSDValue = formatUnits(toTokenUSDAmount, USDDecimals);
       Currency.fromUSD({
         amount: toTokenUSDValue,
-        code: currency,
-        apiKey: apiKey
-      }).then(setPaymentValue)["catch"](setError);
+        code: currency
+      }).then(setPaymentValue);
     })["catch"](setError);
   };
 
@@ -70859,7 +70852,7 @@ var WrongNetworkDialog = (function (props) {
       className: "LineHeightL FontSizeL"
     }, "Wrong Network")),
     body: /*#__PURE__*/react.createElement("div", {
-      className: "PaddingTopS PaddingLeftM PaddingRightM PaddingBottomXS"
+      className: "PaddingTopS PaddingLeftM PaddingRightM PaddingBottomXS TextCenter"
     }, /*#__PURE__*/react.createElement("div", {
       className: "GraphicWrapper"
     }, /*#__PURE__*/react.createElement("img", {
@@ -70935,7 +70928,8 @@ var PaymentTrackingProvider = (function (props) {
 
   var _useContext2 = react.useContext(ConfigurationContext),
       track = _useContext2.track,
-      integration = _useContext2.integration;
+      integration = _useContext2.integration,
+      type = _useContext2.type;
 
   var _useState = react.useState(),
       _useState2 = _slicedToArray(_useState, 2),
@@ -71135,12 +71129,11 @@ var PaymentTrackingProvider = (function (props) {
       return;
     }
 
-    fetch('https://api.depay.fi/v2/payments', {
-      method: 'POST',
+    fetch('https://public.depay.fi/payments', {
       headers: {
-        'X-Api-Key': apiKey,
         'Content-Type': 'application/json'
       },
+      method: 'POST',
       body: JSON.stringify({
         blockchain: transaction.blockchain,
         transaction: transaction.id,
@@ -71156,7 +71149,8 @@ var PaymentTrackingProvider = (function (props) {
           sender_id: transaction.from.toLowerCase(),
           sender_token_id: paymentRoute.fromToken.address,
           sender_amount: formatUnits(paymentRoute.fromAmount, paymentRoute.fromDecimals),
-          integration: integration
+          integration: integration,
+          type: type
         },
         fee_amount: paymentRoute.fee ? formatUnits(paymentRoute.transaction.params.amounts[4], paymentRoute.toDecimals) : null,
         fee_receiver: paymentRoute.fee ? paymentRoute.transaction.params.addresses[1] : null
@@ -71224,7 +71218,7 @@ var TransactionTrackingProvider = (function (props) {
   react.useEffect(function () {
     if (polling) {
       var poll = function poll() {
-        fetch("https://api.depay.fi/v2/transactions/".concat(givenTransaction.blockchain, "/").concat(givenTransaction.from.toLowerCase(), "/").concat(givenTransaction.nonce)).then(function (response) {
+        fetch("https://public.depay.fi/transactions/".concat(givenTransaction.blockchain, "/").concat(givenTransaction.from.toLowerCase(), "/").concat(givenTransaction.nonce)).then(function (response) {
           if (response.status == 200) {
             response.json().then(function (data) {
               if (data.status != 'pending') {
@@ -71253,10 +71247,9 @@ var TransactionTrackingProvider = (function (props) {
       return;
     }
 
-    fetch('https://api.depay.fi/v2/transactions', {
+    fetch('https://public.depay.fi/transactions', {
       method: 'POST',
       headers: {
-        'X-Api-Key': apiKey,
         'Content-Type': 'application/json'
       },
       body: JSON.stringify({
@@ -71473,6 +71466,7 @@ var Donation = /*#__PURE__*/function () {
                   unmount: unmount
                 }, /*#__PURE__*/react.createElement(ConfigurationProvider, {
                   configuration: {
+                    type: 'donation',
                     amount: amount,
                     accept: accept,
                     currency: currency,
@@ -71971,6 +71965,7 @@ var Payment = /*#__PURE__*/function () {
                   unmount: unmount
                 }, /*#__PURE__*/react.createElement(ConfigurationProvider, {
                   configuration: {
+                    type: 'payment',
                     amount: amount,
                     accept: accept,
                     currency: currency,
@@ -72385,6 +72380,7 @@ var Sale = /*#__PURE__*/function () {
                   unmount: unmount
                 }, /*#__PURE__*/react.createElement(ConfigurationProvider, {
                   configuration: {
+                    type: 'sale',
                     tokenImage: tokenImage,
                     amount: amount,
                     sell: sell,
@@ -72770,11 +72766,8 @@ var SelectTokenDialog = (function (props) {
       });
     } else if (term && term.length) {
       setTokens([]);
-      fetch("https://api.depay.fi/v2/tokens/search?blockchain=".concat(blockchain.name, "&term=").concat(term), {
-        signal: signal,
-        headers: {
-          'X-Api-Key': apiKey
-        }
+      fetch("https://public.depay.fi/tokens/search?blockchain=".concat(blockchain.name, "&term=").concat(term), {
+        signal: signal
       }).then(function (response) {
         if (response.status == 200) {
           response.json().then(function (tokens) {

package/dist/esm/index.js

@@ -1627,7 +1627,7 @@ var ErrorProvider = (function (props) {
     }, /*#__PURE__*/React.createElement("div", {
       className: "PaddingTopS PaddingLeftS PaddingRightS"
     })), /*#__PURE__*/React.createElement("div", {
-      className: "DialogBody"
+      className: "DialogBody TextCenter"
     }, /*#__PURE__*/React.createElement("div", {
       className: "GraphicWrapper PaddingTopS"
     }, /*#__PURE__*/React.createElement("img", {
@@ -2212,11 +2212,9 @@ var ConfigurationProvider = (function (props) {
   }, props.children);
 });
 
-var apiKey = 'M5dZeHFfIp3J7h9H9fs4i4wmkUo1HjAF3EmMy32c';
-
 var ConversionRateProvider = (function (props) {
-  var _useContext = useContext(ErrorContext),
-      setError = _useContext.setError;
+  var _useContext = useContext(ErrorContext);
+      _useContext.setError;
 
   var _useContext2 = useContext(ConfigurationContext),
       currency = _useContext2.currency;
@@ -2229,11 +2227,10 @@ var ConversionRateProvider = (function (props) {
   useEffect(function () {
     Currency.fromUSD({
       amount: 1,
-      code: currency,
-      apiKey: apiKey
+      code: currency
     }).then(function (conversion) {
       return setConversionRate(conversion.amount);
-    })["catch"](setError);
+    })["catch"](setConversionRate(1));
   }, []);
   return /*#__PURE__*/React.createElement(ConversionRateContext.Provider, {
     value: {
@@ -2627,8 +2624,7 @@ var PaymentRoutingProvider = (function (props) {
       whitelist: props.whitelist,
       blacklist: props.blacklist,
       event: props.event,
-      fee: props.fee,
-      apiKey: apiKey
+      fee: props.fee
     }).then(function (routes) {
       if (routes.length == 0) {
         setAllRoutes([]);
@@ -2843,9 +2839,8 @@ var PaymentValueProvider = (function (props) {
       var toTokenUSDValue = ethers.utils.formatUnits(toTokenUSDAmount, USDDecimals);
       Currency.fromUSD({
         amount: toTokenUSDValue,
-        code: currency,
-        apiKey: apiKey
-      }).then(setPaymentValue)["catch"](setError);
+        code: currency
+      }).then(setPaymentValue);
     })["catch"](setError);
   };
 
@@ -3669,7 +3664,7 @@ var WrongNetworkDialog = (function (props) {
       className: "LineHeightL FontSizeL"
     }, "Wrong Network")),
     body: /*#__PURE__*/React.createElement("div", {
-      className: "PaddingTopS PaddingLeftM PaddingRightM PaddingBottomXS"
+      className: "PaddingTopS PaddingLeftM PaddingRightM PaddingBottomXS TextCenter"
     }, /*#__PURE__*/React.createElement("div", {
       className: "GraphicWrapper"
     }, /*#__PURE__*/React.createElement("img", {
@@ -3745,7 +3740,8 @@ var PaymentTrackingProvider = (function (props) {
 
   var _useContext2 = useContext(ConfigurationContext),
       track = _useContext2.track,
-      integration = _useContext2.integration;
+      integration = _useContext2.integration,
+      type = _useContext2.type;
 
   var _useState = useState(),
       _useState2 = _slicedToArray(_useState, 2),
@@ -3945,12 +3941,11 @@ var PaymentTrackingProvider = (function (props) {
       return;
     }
 
-    fetch('https://api.depay.fi/v2/payments', {
-      method: 'POST',
+    fetch('https://public.depay.fi/payments', {
       headers: {
-        'X-Api-Key': apiKey,
         'Content-Type': 'application/json'
       },
+      method: 'POST',
       body: JSON.stringify({
         blockchain: transaction.blockchain,
         transaction: transaction.id,
@@ -3966,7 +3961,8 @@ var PaymentTrackingProvider = (function (props) {
           sender_id: transaction.from.toLowerCase(),
           sender_token_id: paymentRoute.fromToken.address,
           sender_amount: ethers.utils.formatUnits(paymentRoute.fromAmount, paymentRoute.fromDecimals),
-          integration: integration
+          integration: integration,
+          type: type
         },
         fee_amount: paymentRoute.fee ? ethers.utils.formatUnits(paymentRoute.transaction.params.amounts[4], paymentRoute.toDecimals) : null,
         fee_receiver: paymentRoute.fee ? paymentRoute.transaction.params.addresses[1] : null
@@ -4034,7 +4030,7 @@ var TransactionTrackingProvider = (function (props) {
   useEffect(function () {
     if (polling) {
       var poll = function poll() {
-        fetch("https://api.depay.fi/v2/transactions/".concat(givenTransaction.blockchain, "/").concat(givenTransaction.from.toLowerCase(), "/").concat(givenTransaction.nonce)).then(function (response) {
+        fetch("https://public.depay.fi/transactions/".concat(givenTransaction.blockchain, "/").concat(givenTransaction.from.toLowerCase(), "/").concat(givenTransaction.nonce)).then(function (response) {
           if (response.status == 200) {
             response.json().then(function (data) {
               if (data.status != 'pending') {
@@ -4063,10 +4059,9 @@ var TransactionTrackingProvider = (function (props) {
       return;
     }
 
-    fetch('https://api.depay.fi/v2/transactions', {
+    fetch('https://public.depay.fi/transactions', {
       method: 'POST',
       headers: {
-        'X-Api-Key': apiKey,
         'Content-Type': 'application/json'
       },
       body: JSON.stringify({
@@ -4283,6 +4278,7 @@ var Donation = /*#__PURE__*/function () {
                   unmount: unmount
                 }, /*#__PURE__*/React.createElement(ConfigurationProvider, {
                   configuration: {
+                    type: 'donation',
                     amount: amount,
                     accept: accept,
                     currency: currency,
@@ -4781,6 +4777,7 @@ var Payment = /*#__PURE__*/function () {
                   unmount: unmount
                 }, /*#__PURE__*/React.createElement(ConfigurationProvider, {
                   configuration: {
+                    type: 'payment',
                     amount: amount,
                     accept: accept,
                     currency: currency,
@@ -5195,6 +5192,7 @@ var Sale = /*#__PURE__*/function () {
                   unmount: unmount
                 }, /*#__PURE__*/React.createElement(ConfigurationProvider, {
                   configuration: {
+                    type: 'sale',
                     tokenImage: tokenImage,
                     amount: amount,
                     sell: sell,
@@ -5580,11 +5578,8 @@ var SelectTokenDialog = (function (props) {
       });
     } else if (term && term.length) {
       setTokens([]);
-      fetch("https://api.depay.fi/v2/tokens/search?blockchain=".concat(blockchain.name, "&term=").concat(term), {
-        signal: signal,
-        headers: {
-          'X-Api-Key': apiKey
-        }
+      fetch("https://public.depay.fi/tokens/search?blockchain=".concat(blockchain.name, "&term=").concat(term), {
+        signal: signal
       }).then(function (response) {
         if (response.status == 200) {
           response.json().then(function (tokens) {

package/dist/umd/index.bundle.js

@@ -49447,7 +49447,7 @@
       }, /*#__PURE__*/react.createElement("div", {
         className: "PaddingTopS PaddingLeftS PaddingRightS"
       })), /*#__PURE__*/react.createElement("div", {
-        className: "DialogBody"
+        className: "DialogBody TextCenter"
       }, /*#__PURE__*/react.createElement("div", {
         className: "GraphicWrapper PaddingTopS"
       }, /*#__PURE__*/react.createElement("img", {
@@ -62353,13 +62353,15 @@
       return timezoneToCurrency[timeZone || Currency.timeZone()] || 'USD'
     }
 
-    static async fromUSD({ amount, code, timeZone, apiKey }) {
+    static async fromUSD({ amount, code, timeZone }) {
       let currency = new Currency({ amount, code, timeZone });
-      let rate = await fetch('https://api.depay.fi/v2/currencies/' + currency.code, {
-        headers: { 'X-Api-Key': apiKey },
-      })
+      let rate = await fetch('https://public.depay.fi/currencies/' + currency.code)
         .then((response) => response.json())
-        .then((data) => parseFloat(data));
+        .then((data) => parseFloat(data))
+        .catch(()=>{
+          currency.code = "USD";
+          return 1
+        });
       currency.amount = currency.amount * rate;
       return currency
     }
@@ -62394,11 +62396,9 @@
     }, props.children);
   });
 
-  var apiKey = 'M5dZeHFfIp3J7h9H9fs4i4wmkUo1HjAF3EmMy32c';
-
   var ConversionRateProvider = (function (props) {
-    var _useContext = react.useContext(ErrorContext),
-        setError = _useContext.setError;
+    var _useContext = react.useContext(ErrorContext);
+        _useContext.setError;
 
     var _useContext2 = react.useContext(ConfigurationContext),
         currency = _useContext2.currency;
@@ -62411,11 +62411,10 @@
     react.useEffect(function () {
       Currency.fromUSD({
         amount: 1,
-        code: currency,
-        apiKey: apiKey
+        code: currency
       }).then(function (conversion) {
         return setConversionRate(conversion.amount);
-      })["catch"](setError);
+      })["catch"](setConversionRate(1));
     }, []);
     return /*#__PURE__*/react.createElement(ConversionRateContext.Provider, {
       value: {
@@ -62794,14 +62793,10 @@
     }
     if (!account) { return }
 
-    if(options.apiKey == undefined) { throw 'Web3Wallets: Please pass an apiKey. See documentation.' }
-    
     let assets = Promise.all(
       (options.blockchain ? [options.blockchain] : wallet.blockchains).map((blockchain) =>{
         
-        return fetch(`https://api.depay.fi/v2/accounts/${blockchain}/${account}/assets`, {
-          headers: { 'x-api-key': options.apiKey }
-        })
+        return fetch(`https://public.depay.fi/accounts/${blockchain}/${account}/assets`)
           .then((response) => response.json())
           .then(async (assets) => {
             return await ensureNativeTokenAsset({
@@ -68108,8 +68103,7 @@
         whitelist: props.whitelist,
         blacklist: props.blacklist,
         event: props.event,
-        fee: props.fee,
-        apiKey: apiKey
+        fee: props.fee
       }).then(function (routes) {
         if (routes.length == 0) {
           setAllRoutes([]);
@@ -68324,9 +68318,8 @@
         var toTokenUSDValue = formatUnits(toTokenUSDAmount, USDDecimals);
         Currency.fromUSD({
           amount: toTokenUSDValue,
-          code: currency,
-          apiKey: apiKey
-        }).then(setPaymentValue)["catch"](setError);
+          code: currency
+        }).then(setPaymentValue);
       })["catch"](setError);
     };
 
@@ -70865,7 +70858,7 @@
         className: "LineHeightL FontSizeL"
       }, "Wrong Network")),
       body: /*#__PURE__*/react.createElement("div", {
-        className: "PaddingTopS PaddingLeftM PaddingRightM PaddingBottomXS"
+        className: "PaddingTopS PaddingLeftM PaddingRightM PaddingBottomXS TextCenter"
       }, /*#__PURE__*/react.createElement("div", {
         className: "GraphicWrapper"
       }, /*#__PURE__*/react.createElement("img", {
@@ -70941,7 +70934,8 @@
 
     var _useContext2 = react.useContext(ConfigurationContext),
         track = _useContext2.track,
-        integration = _useContext2.integration;
+        integration = _useContext2.integration,
+        type = _useContext2.type;
 
     var _useState = react.useState(),
         _useState2 = _slicedToArray(_useState, 2),
@@ -71141,12 +71135,11 @@
         return;
       }
 
-      fetch('https://api.depay.fi/v2/payments', {
-        method: 'POST',
+      fetch('https://public.depay.fi/payments', {
         headers: {
-          'X-Api-Key': apiKey,
           'Content-Type': 'application/json'
         },
+        method: 'POST',
         body: JSON.stringify({
           blockchain: transaction.blockchain,
           transaction: transaction.id,
@@ -71162,7 +71155,8 @@
             sender_id: transaction.from.toLowerCase(),
             sender_token_id: paymentRoute.fromToken.address,
             sender_amount: formatUnits(paymentRoute.fromAmount, paymentRoute.fromDecimals),
-            integration: integration
+            integration: integration,
+            type: type
           },
           fee_amount: paymentRoute.fee ? formatUnits(paymentRoute.transaction.params.amounts[4], paymentRoute.toDecimals) : null,
           fee_receiver: paymentRoute.fee ? paymentRoute.transaction.params.addresses[1] : null
@@ -71230,7 +71224,7 @@
     react.useEffect(function () {
       if (polling) {
         var poll = function poll() {
-          fetch("https://api.depay.fi/v2/transactions/".concat(givenTransaction.blockchain, "/").concat(givenTransaction.from.toLowerCase(), "/").concat(givenTransaction.nonce)).then(function (response) {
+          fetch("https://public.depay.fi/transactions/".concat(givenTransaction.blockchain, "/").concat(givenTransaction.from.toLowerCase(), "/").concat(givenTransaction.nonce)).then(function (response) {
             if (response.status == 200) {
               response.json().then(function (data) {
                 if (data.status != 'pending') {
@@ -71259,10 +71253,9 @@
         return;
       }
 
-      fetch('https://api.depay.fi/v2/transactions', {
+      fetch('https://public.depay.fi/transactions', {
         method: 'POST',
         headers: {
-          'X-Api-Key': apiKey,
           'Content-Type': 'application/json'
         },
         body: JSON.stringify({
@@ -71479,6 +71472,7 @@
                     unmount: unmount
                   }, /*#__PURE__*/react.createElement(ConfigurationProvider, {
                     configuration: {
+                      type: 'donation',
                       amount: amount,
                       accept: accept,
                       currency: currency,
@@ -71977,6 +71971,7 @@
                     unmount: unmount
                   }, /*#__PURE__*/react.createElement(ConfigurationProvider, {
                     configuration: {
+                      type: 'payment',
                       amount: amount,
                       accept: accept,
                       currency: currency,
@@ -72391,6 +72386,7 @@
                     unmount: unmount
                   }, /*#__PURE__*/react.createElement(ConfigurationProvider, {
                     configuration: {
+                      type: 'sale',
                       tokenImage: tokenImage,
                       amount: amount,
                       sell: sell,
@@ -72776,11 +72772,8 @@
         });
       } else if (term && term.length) {
         setTokens([]);
-        fetch("https://api.depay.fi/v2/tokens/search?blockchain=".concat(blockchain.name, "&term=").concat(term), {
-          signal: signal,
-          headers: {
-            'X-Api-Key': apiKey
-          }
+        fetch("https://public.depay.fi/tokens/search?blockchain=".concat(blockchain.name, "&term=").concat(term), {
+          signal: signal
         }).then(function (response) {
           if (response.status == 200) {
             response.json().then(function (tokens) {

package/dist/umd/index.js

@@ -1622,7 +1622,7 @@
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         className: "PaddingTopS PaddingLeftS PaddingRightS"
       })), /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "DialogBody"
+        className: "DialogBody TextCenter"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         className: "GraphicWrapper PaddingTopS"
       }, /*#__PURE__*/React__default["default"].createElement("img", {
@@ -2207,11 +2207,9 @@
     }, props.children);
   });
 
-  var apiKey = 'M5dZeHFfIp3J7h9H9fs4i4wmkUo1HjAF3EmMy32c';
-
   var ConversionRateProvider = (function (props) {
-    var _useContext = React.useContext(ErrorContext),
-        setError = _useContext.setError;
+    var _useContext = React.useContext(ErrorContext);
+        _useContext.setError;
 
     var _useContext2 = React.useContext(ConfigurationContext),
         currency = _useContext2.currency;
@@ -2224,11 +2222,10 @@
     React.useEffect(function () {
       localCurrency.Currency.fromUSD({
         amount: 1,
-        code: currency,
-        apiKey: apiKey
+        code: currency
       }).then(function (conversion) {
         return setConversionRate(conversion.amount);
-      })["catch"](setError);
+      })["catch"](setConversionRate(1));
     }, []);
     return /*#__PURE__*/React__default["default"].createElement(ConversionRateContext.Provider, {
       value: {
@@ -2622,8 +2619,7 @@
         whitelist: props.whitelist,
         blacklist: props.blacklist,
         event: props.event,
-        fee: props.fee,
-        apiKey: apiKey
+        fee: props.fee
       }).then(function (routes) {
         if (routes.length == 0) {
           setAllRoutes([]);
@@ -2838,9 +2834,8 @@
         var toTokenUSDValue = ethers.ethers.utils.formatUnits(toTokenUSDAmount, USDDecimals);
         localCurrency.Currency.fromUSD({
           amount: toTokenUSDValue,
-          code: currency,
-          apiKey: apiKey
-        }).then(setPaymentValue)["catch"](setError);
+          code: currency
+        }).then(setPaymentValue);
       })["catch"](setError);
     };
 
@@ -3664,7 +3659,7 @@
         className: "LineHeightL FontSizeL"
       }, "Wrong Network")),
       body: /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "PaddingTopS PaddingLeftM PaddingRightM PaddingBottomXS"
+        className: "PaddingTopS PaddingLeftM PaddingRightM PaddingBottomXS TextCenter"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         className: "GraphicWrapper"
       }, /*#__PURE__*/React__default["default"].createElement("img", {
@@ -3740,7 +3735,8 @@
 
     var _useContext2 = React.useContext(ConfigurationContext),
         track = _useContext2.track,
-        integration = _useContext2.integration;
+        integration = _useContext2.integration,
+        type = _useContext2.type;
 
     var _useState = React.useState(),
         _useState2 = _slicedToArray(_useState, 2),
@@ -3940,12 +3936,11 @@
         return;
       }
 
-      fetch('https://api.depay.fi/v2/payments', {
-        method: 'POST',
+      fetch('https://public.depay.fi/payments', {
         headers: {
-          'X-Api-Key': apiKey,
           'Content-Type': 'application/json'
         },
+        method: 'POST',
         body: JSON.stringify({
           blockchain: transaction.blockchain,
           transaction: transaction.id,
@@ -3961,7 +3956,8 @@
             sender_id: transaction.from.toLowerCase(),
             sender_token_id: paymentRoute.fromToken.address,
             sender_amount: ethers.ethers.utils.formatUnits(paymentRoute.fromAmount, paymentRoute.fromDecimals),
-            integration: integration
+            integration: integration,
+            type: type
           },
           fee_amount: paymentRoute.fee ? ethers.ethers.utils.formatUnits(paymentRoute.transaction.params.amounts[4], paymentRoute.toDecimals) : null,
           fee_receiver: paymentRoute.fee ? paymentRoute.transaction.params.addresses[1] : null
@@ -4029,7 +4025,7 @@
     React.useEffect(function () {
       if (polling) {
         var poll = function poll() {
-          fetch("https://api.depay.fi/v2/transactions/".concat(givenTransaction.blockchain, "/").concat(givenTransaction.from.toLowerCase(), "/").concat(givenTransaction.nonce)).then(function (response) {
+          fetch("https://public.depay.fi/transactions/".concat(givenTransaction.blockchain, "/").concat(givenTransaction.from.toLowerCase(), "/").concat(givenTransaction.nonce)).then(function (response) {
             if (response.status == 200) {
               response.json().then(function (data) {
                 if (data.status != 'pending') {
@@ -4058,10 +4054,9 @@
         return;
       }
 
-      fetch('https://api.depay.fi/v2/transactions', {
+      fetch('https://public.depay.fi/transactions', {
         method: 'POST',
         headers: {
-          'X-Api-Key': apiKey,
           'Content-Type': 'application/json'
         },
         body: JSON.stringify({
@@ -4278,6 +4273,7 @@
                     unmount: unmount
                   }, /*#__PURE__*/React__default["default"].createElement(ConfigurationProvider, {
                     configuration: {
+                      type: 'donation',
                       amount: amount,
                       accept: accept,
                       currency: currency,
@@ -4776,6 +4772,7 @@
                     unmount: unmount
                   }, /*#__PURE__*/React__default["default"].createElement(ConfigurationProvider, {
                     configuration: {
+                      type: 'payment',
                       amount: amount,
                       accept: accept,
                       currency: currency,
@@ -5190,6 +5187,7 @@
                     unmount: unmount
                   }, /*#__PURE__*/React__default["default"].createElement(ConfigurationProvider, {
                     configuration: {
+                      type: 'sale',
                       tokenImage: tokenImage,
                       amount: amount,
                       sell: sell,
@@ -5575,11 +5573,8 @@
         });
       } else if (term && term.length) {
         setTokens([]);
-        fetch("https://api.depay.fi/v2/tokens/search?blockchain=".concat(blockchain.name, "&term=").concat(term), {
-          signal: signal,
-          headers: {
-            'X-Api-Key': apiKey
-          }
+        fetch("https://public.depay.fi/tokens/search?blockchain=".concat(blockchain.name, "&term=").concat(term), {
+          signal: signal
         }).then(function (response) {
           if (response.status == 200) {
             response.json().then(function (tokens) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@depay/widgets",
   "moduleName": "DePayWidgets",
-  "version": "6.19.0",
+  "version": "6.20.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",
@@ -33,12 +33,12 @@
     "test": "yarn test:jest && yarn test:cypress"
   },
   "dependencies": {
-    "@depay/local-currency": "^3.0.0",
+    "@depay/local-currency": "^3.2.2",
     "@depay/react-dialog-stack": "^5.0.1",
     "@depay/react-shadow-dom": "^4.0.0",
     "@depay/react-token-image": "^3.0.0",
     "@depay/walletconnect-v1": "^1.1.0",
-    "@depay/web3-assets": "^5.2.0",
+    "@depay/web3-assets": "^5.3.1",
     "@depay/web3-blockchains": "^4.2.0",
     "@depay/web3-client": "^8.0.0",
     "@depay/web3-constants": "^5.0.0",