@depay/widgets 6.30.2 → 6.31.0

package/dist/esm/index.js

@@ -82,7 +82,7 @@ function _typeof(obj) {
 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() {
@@ -438,7 +438,21 @@ function _regeneratorRuntime() {
 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;
@@ -962,11 +976,10 @@ function _createClass(Constructor, protoProps, staticProps) {
 }
 
 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);
 }
 
@@ -1007,7 +1020,7 @@ function _possibleConstructorReturn(self, call) {
 }
 
 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);
@@ -1405,7 +1418,7 @@ var styleRenderer = (function (style) {
     },
     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) {
@@ -3225,6 +3238,7 @@ var DonationOverviewDialog = (function (props) {
     return /*#__PURE__*/React.createElement(DonationOverviewSkeleton, null);
   }
 
+  var blockchain = Blockchain.findByName(payment.blockchain);
   return /*#__PURE__*/React.createElement(Dialog$1, {
     header: /*#__PURE__*/React.createElement("div", {
       className: "PaddingTopS PaddingLeftM PaddingRightM TextLeft"
@@ -3274,6 +3288,11 @@ var DonationOverviewDialog = (function (props) {
     }, /*#__PURE__*/React.createElement(TokenImage, {
       blockchain: payment.route.blockchain,
       address: payment.token
+    }), /*#__PURE__*/React.createElement("img", {
+      className: "BlockchainLogo small",
+      src: blockchain.logo,
+      alt: blockchain.label,
+      title: blockchain.label
     })), /*#__PURE__*/React.createElement("div", {
       className: "CardBody"
     }, /*#__PURE__*/React.createElement("div", {
@@ -3931,7 +3950,7 @@ var preflight$2 = /*#__PURE__*/function () {
                 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!';
               }
 
@@ -4316,6 +4335,7 @@ var PaymentOverviewDialog = (function (props) {
     return /*#__PURE__*/React.createElement(PaymentOverviewSkeleton, null);
   }
 
+  var blockchain = Blockchain.findByName(payment.blockchain);
   return /*#__PURE__*/React.createElement(Dialog$1, {
     header: /*#__PURE__*/React.createElement("div", {
       className: "PaddingTopS PaddingLeftM PaddingRightM TextLeft"
@@ -4365,6 +4385,11 @@ var PaymentOverviewDialog = (function (props) {
     }, /*#__PURE__*/React.createElement(TokenImage, {
       blockchain: payment.blockchain,
       address: payment.token
+    }), /*#__PURE__*/React.createElement("img", {
+      className: "BlockchainLogo small",
+      src: blockchain.logo,
+      alt: blockchain.label,
+      title: blockchain.label
     })), /*#__PURE__*/React.createElement("div", {
       className: "CardBody"
     }, /*#__PURE__*/React.createElement("div", {
@@ -4435,7 +4460,7 @@ var preflight$1 = /*#__PURE__*/function () {
                 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!';
               }
 
@@ -4754,6 +4779,7 @@ var SaleOverviewDialog = (function (props) {
     });
   }
 
+  var blockchain = Blockchain.findByName(payment.blockchain);
   return /*#__PURE__*/React.createElement(Dialog$1, {
     header: /*#__PURE__*/React.createElement("div", {
       className: "PaddingTopS PaddingLeftM PaddingRightM TextLeft"
@@ -4775,7 +4801,12 @@ var SaleOverviewDialog = (function (props) {
     }, /*#__PURE__*/React.createElement("div", {
       className: "CardImage",
       title: payment.name
-    }, tokenImageElement), /*#__PURE__*/React.createElement("div", {
+    }, tokenImageElement, /*#__PURE__*/React.createElement("img", {
+      className: "BlockchainLogo small",
+      src: blockchain.logo,
+      alt: blockchain.label,
+      title: blockchain.label
+    })), /*#__PURE__*/React.createElement("div", {
       className: "CardBody"
     }, /*#__PURE__*/React.createElement("div", {
       className: "CardBodyWrapper"
@@ -5145,7 +5176,7 @@ var SelectBlockchainDialog = (function (props) {
       navigate = _useContext2.navigate;
 
   var stacked = Object.keys(props.selection).length > 1;
-  var blockchains = [Blockchain.findByName('ethereum'), Blockchain.findByName('bsc')];
+  var blockchains = [Blockchain.findByName('ethereum'), Blockchain.findByName('bsc'), Blockchain.findByName('polygon')];
 
   var selectBlockchain = function selectBlockchain(blockchain) {
     setSelection(Object.assign(props.selection, {