@depay/widgets 6.30.2 → 6.31.0

package/dist/umd/index.js

@@ -77,7 +77,7 @@
   module.exports = _typeof, module.exports.__esModule = true, module.exports["default"] = module.exports;
   });
 
-  var regeneratorRuntime = createCommonjsModule(function (module) {
+  var regeneratorRuntime$1 = createCommonjsModule(function (module) {
   var _typeof = _typeof_1["default"];
 
   function _regeneratorRuntime() {
@@ -433,7 +433,21 @@
   module.exports = _regeneratorRuntime, module.exports.__esModule = true, module.exports["default"] = module.exports;
   });
 
-  var regenerator = regeneratorRuntime();
+  // TODO(Babel 8): Remove this file.
+
+  var runtime = regeneratorRuntime$1();
+  var regenerator = runtime;
+
+  // Copied from https://github.com/facebook/regenerator/blob/main/packages/runtime/runtime.js#L736=
+  try {
+    regeneratorRuntime = runtime;
+  } catch (accidentalStrictMode) {
+    if (typeof globalThis === "object") {
+      globalThis.regeneratorRuntime = runtime;
+    } else {
+      Function("r", "regeneratorRuntime = r")(runtime);
+    }
+  }
 
   function _arrayWithHoles(arr) {
     if (Array.isArray(arr)) return arr;
@@ -957,11 +971,10 @@
   }
 
   function _setPrototypeOf(o, p) {
-    _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+    _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
       o.__proto__ = p;
       return o;
     };
-
     return _setPrototypeOf(o, p);
   }
 
@@ -1002,7 +1015,7 @@
   }
 
   function _getPrototypeOf(o) {
-    _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
+    _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) {
       return o.__proto__ || Object.getPrototypeOf(o);
     };
     return _getPrototypeOf(o);
@@ -1400,7 +1413,7 @@
       },
       fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"'
     }, style);
-    return [ResetStyle(), DialogStyle(), ButtonCircularStyle(), ButtonPrimaryStyle(style), CardStyle(style), PoweredByStyle(style), GraphicStyle(), SkeletonStyle(), TokenAmountStyle(), TextStyle(style), FontStyle(style), IconStyle(style), OpacityStyle(), PaddingStyle(), HeightStyle(), LoadingTextStyle(style), RangeSliderStyle(style), InputStyle(), TextButtonStyle(style), ImageStyle(), BlockchainLogoStyle(), SearchStyle(style), TokenImageStyle(), AlertStyle(), TableStyle(), LinkStyle(style), TooltipStyle(style)].join('');
+    return [ResetStyle(), DialogStyle(style), ButtonCircularStyle(), ButtonPrimaryStyle(style), CardStyle(style), PoweredByStyle(style), GraphicStyle(), SkeletonStyle(), TokenAmountStyle(), TextStyle(style), FontStyle(style), IconStyle(style), OpacityStyle(style), PaddingStyle(), HeightStyle(), LoadingTextStyle(style), RangeSliderStyle(style), InputStyle(style), TextButtonStyle(style), ImageStyle(style), BlockchainLogoStyle(style), SearchStyle(style), TokenImageStyle(style), AlertStyle(style), TableStyle(style), LinkStyle(style), TooltipStyle(style)].join('');
   });
 
   var mount = (function (_ref, content) {
@@ -3220,6 +3233,7 @@
       return /*#__PURE__*/React__default["default"].createElement(DonationOverviewSkeleton, null);
     }
 
+    var blockchain = web3Blockchains.Blockchain.findByName(payment.blockchain);
     return /*#__PURE__*/React__default["default"].createElement(Dialog$1, {
       header: /*#__PURE__*/React__default["default"].createElement("div", {
         className: "PaddingTopS PaddingLeftM PaddingRightM TextLeft"
@@ -3269,6 +3283,11 @@
       }, /*#__PURE__*/React__default["default"].createElement(reactTokenImage.TokenImage, {
         blockchain: payment.route.blockchain,
         address: payment.token
+      }), /*#__PURE__*/React__default["default"].createElement("img", {
+        className: "BlockchainLogo small",
+        src: blockchain.logo,
+        alt: blockchain.label,
+        title: blockchain.label
       })), /*#__PURE__*/React__default["default"].createElement("div", {
         className: "CardBody"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -3926,7 +3945,7 @@
                   throw 'You need to set the blockchain you want to receive the donation on!';
                 }
 
-                if (!['ethereum', 'bsc'].includes(configuration.blockchain)) {
+                if (!['ethereum', 'bsc', 'polygon'].includes(configuration.blockchain)) {
                   throw 'You need to set a supported blockchain!';
                 }
 
@@ -4311,6 +4330,7 @@
       return /*#__PURE__*/React__default["default"].createElement(PaymentOverviewSkeleton, null);
     }
 
+    var blockchain = web3Blockchains.Blockchain.findByName(payment.blockchain);
     return /*#__PURE__*/React__default["default"].createElement(Dialog$1, {
       header: /*#__PURE__*/React__default["default"].createElement("div", {
         className: "PaddingTopS PaddingLeftM PaddingRightM TextLeft"
@@ -4360,6 +4380,11 @@
       }, /*#__PURE__*/React__default["default"].createElement(reactTokenImage.TokenImage, {
         blockchain: payment.blockchain,
         address: payment.token
+      }), /*#__PURE__*/React__default["default"].createElement("img", {
+        className: "BlockchainLogo small",
+        src: blockchain.logo,
+        alt: blockchain.label,
+        title: blockchain.label
       })), /*#__PURE__*/React__default["default"].createElement("div", {
         className: "CardBody"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -4430,7 +4455,7 @@
                   throw 'You need to set the blockchain your want to receive the payment on!';
                 }
 
-                if (!['ethereum', 'bsc'].includes(configuration.blockchain)) {
+                if (!['ethereum', 'bsc', 'polygon'].includes(configuration.blockchain)) {
                   throw 'You need to set a supported blockchain!';
                 }
 
@@ -4749,6 +4774,7 @@
       });
     }
 
+    var blockchain = web3Blockchains.Blockchain.findByName(payment.blockchain);
     return /*#__PURE__*/React__default["default"].createElement(Dialog$1, {
       header: /*#__PURE__*/React__default["default"].createElement("div", {
         className: "PaddingTopS PaddingLeftM PaddingRightM TextLeft"
@@ -4770,7 +4796,12 @@
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         className: "CardImage",
         title: payment.name
-      }, tokenImageElement), /*#__PURE__*/React__default["default"].createElement("div", {
+      }, tokenImageElement, /*#__PURE__*/React__default["default"].createElement("img", {
+        className: "BlockchainLogo small",
+        src: blockchain.logo,
+        alt: blockchain.label,
+        title: blockchain.label
+      })), /*#__PURE__*/React__default["default"].createElement("div", {
         className: "CardBody"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         className: "CardBodyWrapper"
@@ -5140,7 +5171,7 @@
         navigate = _useContext2.navigate;
 
     var stacked = Object.keys(props.selection).length > 1;
-    var blockchains = [web3Blockchains.Blockchain.findByName('ethereum'), web3Blockchains.Blockchain.findByName('bsc')];
+    var blockchains = [web3Blockchains.Blockchain.findByName('ethereum'), web3Blockchains.Blockchain.findByName('bsc'), web3Blockchains.Blockchain.findByName('polygon')];
 
     var selectBlockchain = function selectBlockchain(blockchain) {
       setSelection(Object.assign(props.selection, {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@depay/widgets",
   "moduleName": "DePayWidgets",
-  "version": "6.30.2",
+  "version": "6.31.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",
@@ -37,14 +37,14 @@
     "@depay/local-currency": "^3.2.2",
     "@depay/react-dialog-stack": "^5.0.1",
     "@depay/react-shadow-dom": "^4.2.0",
-    "@depay/react-token-image": "^3.0.0",
+    "@depay/react-token-image": "^4.0.0",
     "@depay/walletconnect-v1": "^1.1.0",
-    "@depay/web3-assets": "^6.2.1",
-    "@depay/web3-blockchains": "^4.5.0",
+    "@depay/web3-assets": "^6.3.0",
+    "@depay/web3-blockchains": "^4.5.1",
     "@depay/web3-client": "^8.2.1",
     "@depay/web3-constants": "^5.2.1",
-    "@depay/web3-exchanges": "^8.4.0",
-    "@depay/web3-payments": "^10.2.0",
+    "@depay/web3-exchanges": "^9.0.0",
+    "@depay/web3-payments": "^10.3.1",
     "@depay/web3-tokens": "^8.1.0",
     "@depay/web3-wallets": "^11.0.1",
     "decimal.js": "^10.3.1",
@@ -61,7 +61,7 @@
     "@babel/preset-env": "^7.12.7",
     "@babel/preset-react": "^7.12.7",
     "@cypress/react": "^5.9.1",
-    "@depay/web3-mock": "^11.8.0",
+    "@depay/web3-mock": "^11.8.1",
     "@peculiar/webcrypto": "^1.3.3",
     "@rollup/plugin-babel": "^5.3.0",
     "@rollup/plugin-commonjs": "^17.1.0",