@depay/widgets 6.21.1 → 6.22.1

package/dist/esm/index.bundle.js

@@ -10859,7 +10859,7 @@ class Logger$4 {
 Logger$4.errors = ErrorCode$4;
 Logger$4.levels = LogLevel$4;
 
-const version$x = "bytes/5.6.0";
+const version$x = "bytes/5.6.1";
 
 const logger$J = new Logger$4(version$x);
 ///////////////////////////////
@@ -10929,7 +10929,7 @@ function arrayify$4(value, options) {
         let hex = value.substring(2);
         if (hex.length % 2) {
             if (options.hexPad === "left") {
-                hex = "0x0" + hex.substring(2);
+                hex = "0" + hex;
             }
             else if (options.hexPad === "right") {
                 hex += "0";
@@ -49764,6 +49764,12 @@ var PoweredBy = (function () {
   }, "by DePay"));
 });
 
+var requireReactVersion = (function () {
+  if (parseInt(react.version.split('.')[0]) < 17) {
+    throw 'depay/widgets require at least React v17';
+  }
+});
+
 var UpdatableProvider = (function (props) {
   var _useState = react.useState(true),
       _useState2 = _slicedToArray(_useState, 2),
@@ -49779,6 +49785,7 @@ var UpdatableProvider = (function (props) {
 });
 
 var Connect = function Connect(options) {
+  requireReactVersion();
   var style, error, document;
 
   if (_typeof(options) == 'object') {
@@ -70571,7 +70578,7 @@ var Footer = (function () {
         className: "CardBodyWrapper"
       }, /*#__PURE__*/react.createElement("div", {
         className: "Opacity05"
-      }, "Payment confirmation has been stored")))));
+      }, "Payment validated")))));
     } else {
       if (trackingFailed) {
         return /*#__PURE__*/react.createElement("div", null, /*#__PURE__*/react.createElement("div", {
@@ -70602,7 +70609,7 @@ var Footer = (function () {
           className: "CardBodyWrapper"
         }, /*#__PURE__*/react.createElement("div", {
           className: "Opacity05"
-        }, "Storing payment confirmation")))));
+        }, "Validating payment")))));
       }
     }
   };
@@ -70647,7 +70654,7 @@ var Footer = (function () {
         className: "CardBodyWrapper"
       }, /*#__PURE__*/react.createElement("div", {
         className: "Opacity05"
-      }, "Payment has been confirmed"))))), trackingInfo());
+      }, "Payment confirmed"))))), trackingInfo());
     }
   };
 
@@ -71501,13 +71508,14 @@ var Donation = /*#__PURE__*/function () {
         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, document = _ref3.document;
-            _context2.prev = 1;
-            _context2.next = 4;
+            requireReactVersion();
+            _context2.prev = 2;
+            _context2.next = 5;
             return preflight$2({
               accept: accept
             });
 
-          case 4:
+          case 5:
             unmount = mount({
               style: style,
               document: ensureDocument(document),
@@ -71556,21 +71564,21 @@ var Donation = /*#__PURE__*/function () {
               unmount: unmount
             });
 
-          case 8:
-            _context2.prev = 8;
-            _context2.t0 = _context2["catch"](1);
+          case 9:
+            _context2.prev = 9;
+            _context2.t0 = _context2["catch"](2);
             console.log('critical error', _context2.t0);
 
             if (critical != undefined) {
               critical(_context2.t0);
             }
 
-          case 12:
+          case 13:
           case "end":
             return _context2.stop();
         }
       }
-    }, _callee2, null, [[1, 8]]);
+    }, _callee2, null, [[2, 9]]);
   }));
 
   return function Donation(_x2) {
@@ -71685,6 +71693,7 @@ var LoginStack = (function (props) {
 });
 
 var Login = function Login(options) {
+  requireReactVersion();
   var style, error, document, message, endpoint, recover;
 
   if (_typeof(options) == 'object') {
@@ -71999,14 +72008,15 @@ var Payment = /*#__PURE__*/function () {
         switch (_context2.prev = _context2.next) {
           case 0:
             accept = _ref3.accept, amount = _ref3.amount, event = _ref3.event, sent = _ref3.sent, confirmed = _ref3.confirmed, failed = _ref3.failed, error = _ref3.error, critical = _ref3.critical, style = _ref3.style, whitelist = _ref3.whitelist, blacklist = _ref3.blacklist, providers = _ref3.providers, currency = _ref3.currency, connected = _ref3.connected, closed = _ref3.closed, track = _ref3.track, fee = _ref3.fee, recover = _ref3.recover, closable = _ref3.closable, integration = _ref3.integration, document = _ref3.document;
-            _context2.prev = 1;
-            _context2.next = 4;
+            requireReactVersion();
+            _context2.prev = 2;
+            _context2.next = 5;
             return preflight$1({
               accept: accept,
               recover: recover
             });
 
-          case 4:
+          case 5:
             unmount = mount({
               style: style,
               document: ensureDocument(document),
@@ -72066,21 +72076,21 @@ var Payment = /*#__PURE__*/function () {
               unmount: unmount
             });
 
-          case 8:
-            _context2.prev = 8;
-            _context2.t0 = _context2["catch"](1);
+          case 9:
+            _context2.prev = 9;
+            _context2.t0 = _context2["catch"](2);
             console.log('critical error', _context2.t0);
 
             if (critical != undefined) {
               critical(_context2.t0);
             }
 
-          case 12:
+          case 13:
           case "end":
             return _context2.stop();
         }
       }
-    }, _callee2, null, [[1, 8]]);
+    }, _callee2, null, [[2, 9]]);
   }));
 
   return function Payment(_x2) {
@@ -72409,13 +72419,14 @@ var Sale = /*#__PURE__*/function () {
         switch (_context2.prev = _context2.next) {
           case 0:
             amount = _ref3.amount, sell = _ref3.sell, 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, tokenImage = _ref3.tokenImage, closable = _ref3.closable, integration = _ref3.integration, document = _ref3.document;
-            _context2.prev = 1;
-            _context2.next = 4;
+            requireReactVersion();
+            _context2.prev = 2;
+            _context2.next = 5;
             return preflight({
               sell: sell
             });
 
-          case 4:
+          case 5:
             accept = Object.keys(sell).map(function (key) {
               return {
                 blockchain: key,
@@ -72470,21 +72481,21 @@ var Sale = /*#__PURE__*/function () {
               unmount: unmount
             });
 
-          case 9:
-            _context2.prev = 9;
-            _context2.t0 = _context2["catch"](1);
+          case 10:
+            _context2.prev = 10;
+            _context2.t0 = _context2["catch"](2);
             console.log('critical error', _context2.t0);
 
             if (critical != undefined) {
               critical(_context2.t0);
             }
 
-          case 13:
+          case 14:
           case "end":
             return _context2.stop();
         }
       }
-    }, _callee2, null, [[1, 9]]);
+    }, _callee2, null, [[2, 10]]);
   }));
 
   return function Sale(_x2) {
@@ -72984,6 +72995,7 @@ var SelectStack = (function (props) {
 });
 
 var Select = function Select(options) {
+  requireReactVersion();
   var style, error, document, what;
 
   if (_typeof(options) == 'object') {

package/dist/esm/index.js

@@ -1834,6 +1834,12 @@ var PoweredBy = (function () {
   }, "by DePay"));
 });
 
+var requireReactVersion = (function () {
+  if (parseInt(React.version.split('.')[0]) < 17) {
+    throw 'depay/widgets require at least React v17';
+  }
+});
+
 var UpdatableProvider = (function (props) {
   var _useState = useState(true),
       _useState2 = _slicedToArray(_useState, 2),
@@ -1849,6 +1855,7 @@ var UpdatableProvider = (function (props) {
 });
 
 var Connect = function Connect(options) {
+  requireReactVersion();
   var style, error, document;
 
   if (_typeof(options) == 'object') {
@@ -3337,7 +3344,7 @@ var Footer = (function () {
         className: "CardBodyWrapper"
       }, /*#__PURE__*/React.createElement("div", {
         className: "Opacity05"
-      }, "Payment confirmation has been stored")))));
+      }, "Payment validated")))));
     } else {
       if (trackingFailed) {
         return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
@@ -3368,7 +3375,7 @@ var Footer = (function () {
           className: "CardBodyWrapper"
         }, /*#__PURE__*/React.createElement("div", {
           className: "Opacity05"
-        }, "Storing payment confirmation")))));
+        }, "Validating payment")))));
       }
     }
   };
@@ -3413,7 +3420,7 @@ var Footer = (function () {
         className: "CardBodyWrapper"
       }, /*#__PURE__*/React.createElement("div", {
         className: "Opacity05"
-      }, "Payment has been confirmed"))))), trackingInfo());
+      }, "Payment confirmed"))))), trackingInfo());
     }
   };
 
@@ -4267,13 +4274,14 @@ var Donation = /*#__PURE__*/function () {
         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, document = _ref3.document;
-            _context2.prev = 1;
-            _context2.next = 4;
+            requireReactVersion();
+            _context2.prev = 2;
+            _context2.next = 5;
             return preflight$2({
               accept: accept
             });
 
-          case 4:
+          case 5:
             unmount = mount({
               style: style,
               document: ensureDocument(document),
@@ -4322,21 +4330,21 @@ var Donation = /*#__PURE__*/function () {
               unmount: unmount
             });
 
-          case 8:
-            _context2.prev = 8;
-            _context2.t0 = _context2["catch"](1);
+          case 9:
+            _context2.prev = 9;
+            _context2.t0 = _context2["catch"](2);
             console.log('critical error', _context2.t0);
 
             if (critical != undefined) {
               critical(_context2.t0);
             }
 
-          case 12:
+          case 13:
           case "end":
             return _context2.stop();
         }
       }
-    }, _callee2, null, [[1, 8]]);
+    }, _callee2, null, [[2, 9]]);
   }));
 
   return function Donation(_x2) {
@@ -4451,6 +4459,7 @@ var LoginStack = (function (props) {
 });
 
 var Login = function Login(options) {
+  requireReactVersion();
   var style, error, document, message, endpoint, recover;
 
   if (_typeof(options) == 'object') {
@@ -4765,14 +4774,15 @@ var Payment = /*#__PURE__*/function () {
         switch (_context2.prev = _context2.next) {
           case 0:
             accept = _ref3.accept, amount = _ref3.amount, event = _ref3.event, sent = _ref3.sent, confirmed = _ref3.confirmed, failed = _ref3.failed, error = _ref3.error, critical = _ref3.critical, style = _ref3.style, whitelist = _ref3.whitelist, blacklist = _ref3.blacklist, providers = _ref3.providers, currency = _ref3.currency, connected = _ref3.connected, closed = _ref3.closed, track = _ref3.track, fee = _ref3.fee, recover = _ref3.recover, closable = _ref3.closable, integration = _ref3.integration, document = _ref3.document;
-            _context2.prev = 1;
-            _context2.next = 4;
+            requireReactVersion();
+            _context2.prev = 2;
+            _context2.next = 5;
             return preflight$1({
               accept: accept,
               recover: recover
             });
 
-          case 4:
+          case 5:
             unmount = mount({
               style: style,
               document: ensureDocument(document),
@@ -4832,21 +4842,21 @@ var Payment = /*#__PURE__*/function () {
               unmount: unmount
             });
 
-          case 8:
-            _context2.prev = 8;
-            _context2.t0 = _context2["catch"](1);
+          case 9:
+            _context2.prev = 9;
+            _context2.t0 = _context2["catch"](2);
             console.log('critical error', _context2.t0);
 
             if (critical != undefined) {
               critical(_context2.t0);
             }
 
-          case 12:
+          case 13:
           case "end":
             return _context2.stop();
         }
       }
-    }, _callee2, null, [[1, 8]]);
+    }, _callee2, null, [[2, 9]]);
   }));
 
   return function Payment(_x2) {
@@ -5175,13 +5185,14 @@ var Sale = /*#__PURE__*/function () {
         switch (_context2.prev = _context2.next) {
           case 0:
             amount = _ref3.amount, sell = _ref3.sell, 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, tokenImage = _ref3.tokenImage, closable = _ref3.closable, integration = _ref3.integration, document = _ref3.document;
-            _context2.prev = 1;
-            _context2.next = 4;
+            requireReactVersion();
+            _context2.prev = 2;
+            _context2.next = 5;
             return preflight({
               sell: sell
             });
 
-          case 4:
+          case 5:
             accept = Object.keys(sell).map(function (key) {
               return {
                 blockchain: key,
@@ -5236,21 +5247,21 @@ var Sale = /*#__PURE__*/function () {
               unmount: unmount
             });
 
-          case 9:
-            _context2.prev = 9;
-            _context2.t0 = _context2["catch"](1);
+          case 10:
+            _context2.prev = 10;
+            _context2.t0 = _context2["catch"](2);
             console.log('critical error', _context2.t0);
 
             if (critical != undefined) {
               critical(_context2.t0);
             }
 
-          case 13:
+          case 14:
           case "end":
             return _context2.stop();
         }
       }
-    }, _callee2, null, [[1, 9]]);
+    }, _callee2, null, [[2, 10]]);
   }));
 
   return function Sale(_x2) {
@@ -5750,6 +5761,7 @@ var SelectStack = (function (props) {
 });
 
 var Select = function Select(options) {
+  requireReactVersion();
   var style, error, document, what;
 
   if (_typeof(options) == 'object') {

package/dist/umd/index.bundle.js

@@ -10865,7 +10865,7 @@
   Logger$4.errors = ErrorCode$4;
   Logger$4.levels = LogLevel$4;
 
-  const version$x = "bytes/5.6.0";
+  const version$x = "bytes/5.6.1";
 
   const logger$J = new Logger$4(version$x);
   ///////////////////////////////
@@ -10935,7 +10935,7 @@
           let hex = value.substring(2);
           if (hex.length % 2) {
               if (options.hexPad === "left") {
-                  hex = "0x0" + hex.substring(2);
+                  hex = "0" + hex;
               }
               else if (options.hexPad === "right") {
                   hex += "0";
@@ -49770,6 +49770,12 @@
     }, "by DePay"));
   });
 
+  var requireReactVersion = (function () {
+    if (parseInt(react.version.split('.')[0]) < 17) {
+      throw 'depay/widgets require at least React v17';
+    }
+  });
+
   var UpdatableProvider = (function (props) {
     var _useState = react.useState(true),
         _useState2 = _slicedToArray(_useState, 2),
@@ -49785,6 +49791,7 @@
   });
 
   var Connect = function Connect(options) {
+    requireReactVersion();
     var style, error, document;
 
     if (_typeof(options) == 'object') {
@@ -70577,7 +70584,7 @@
           className: "CardBodyWrapper"
         }, /*#__PURE__*/react.createElement("div", {
           className: "Opacity05"
-        }, "Payment confirmation has been stored")))));
+        }, "Payment validated")))));
       } else {
         if (trackingFailed) {
           return /*#__PURE__*/react.createElement("div", null, /*#__PURE__*/react.createElement("div", {
@@ -70608,7 +70615,7 @@
             className: "CardBodyWrapper"
           }, /*#__PURE__*/react.createElement("div", {
             className: "Opacity05"
-          }, "Storing payment confirmation")))));
+          }, "Validating payment")))));
         }
       }
     };
@@ -70653,7 +70660,7 @@
           className: "CardBodyWrapper"
         }, /*#__PURE__*/react.createElement("div", {
           className: "Opacity05"
-        }, "Payment has been confirmed"))))), trackingInfo());
+        }, "Payment confirmed"))))), trackingInfo());
       }
     };
 
@@ -71507,13 +71514,14 @@
           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, document = _ref3.document;
-              _context2.prev = 1;
-              _context2.next = 4;
+              requireReactVersion();
+              _context2.prev = 2;
+              _context2.next = 5;
               return preflight$2({
                 accept: accept
               });
 
-            case 4:
+            case 5:
               unmount = mount({
                 style: style,
                 document: ensureDocument(document),
@@ -71562,21 +71570,21 @@
                 unmount: unmount
               });
 
-            case 8:
-              _context2.prev = 8;
-              _context2.t0 = _context2["catch"](1);
+            case 9:
+              _context2.prev = 9;
+              _context2.t0 = _context2["catch"](2);
               console.log('critical error', _context2.t0);
 
               if (critical != undefined) {
                 critical(_context2.t0);
               }
 
-            case 12:
+            case 13:
             case "end":
               return _context2.stop();
           }
         }
-      }, _callee2, null, [[1, 8]]);
+      }, _callee2, null, [[2, 9]]);
     }));
 
     return function Donation(_x2) {
@@ -71691,6 +71699,7 @@
   });
 
   var Login = function Login(options) {
+    requireReactVersion();
     var style, error, document, message, endpoint, recover;
 
     if (_typeof(options) == 'object') {
@@ -72005,14 +72014,15 @@
           switch (_context2.prev = _context2.next) {
             case 0:
               accept = _ref3.accept, amount = _ref3.amount, event = _ref3.event, sent = _ref3.sent, confirmed = _ref3.confirmed, failed = _ref3.failed, error = _ref3.error, critical = _ref3.critical, style = _ref3.style, whitelist = _ref3.whitelist, blacklist = _ref3.blacklist, providers = _ref3.providers, currency = _ref3.currency, connected = _ref3.connected, closed = _ref3.closed, track = _ref3.track, fee = _ref3.fee, recover = _ref3.recover, closable = _ref3.closable, integration = _ref3.integration, document = _ref3.document;
-              _context2.prev = 1;
-              _context2.next = 4;
+              requireReactVersion();
+              _context2.prev = 2;
+              _context2.next = 5;
               return preflight$1({
                 accept: accept,
                 recover: recover
               });
 
-            case 4:
+            case 5:
               unmount = mount({
                 style: style,
                 document: ensureDocument(document),
@@ -72072,21 +72082,21 @@
                 unmount: unmount
               });
 
-            case 8:
-              _context2.prev = 8;
-              _context2.t0 = _context2["catch"](1);
+            case 9:
+              _context2.prev = 9;
+              _context2.t0 = _context2["catch"](2);
               console.log('critical error', _context2.t0);
 
               if (critical != undefined) {
                 critical(_context2.t0);
               }
 
-            case 12:
+            case 13:
             case "end":
               return _context2.stop();
           }
         }
-      }, _callee2, null, [[1, 8]]);
+      }, _callee2, null, [[2, 9]]);
     }));
 
     return function Payment(_x2) {
@@ -72415,13 +72425,14 @@
           switch (_context2.prev = _context2.next) {
             case 0:
               amount = _ref3.amount, sell = _ref3.sell, 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, tokenImage = _ref3.tokenImage, closable = _ref3.closable, integration = _ref3.integration, document = _ref3.document;
-              _context2.prev = 1;
-              _context2.next = 4;
+              requireReactVersion();
+              _context2.prev = 2;
+              _context2.next = 5;
               return preflight({
                 sell: sell
               });
 
-            case 4:
+            case 5:
               accept = Object.keys(sell).map(function (key) {
                 return {
                   blockchain: key,
@@ -72476,21 +72487,21 @@
                 unmount: unmount
               });
 
-            case 9:
-              _context2.prev = 9;
-              _context2.t0 = _context2["catch"](1);
+            case 10:
+              _context2.prev = 10;
+              _context2.t0 = _context2["catch"](2);
               console.log('critical error', _context2.t0);
 
               if (critical != undefined) {
                 critical(_context2.t0);
               }
 
-            case 13:
+            case 14:
             case "end":
               return _context2.stop();
           }
         }
-      }, _callee2, null, [[1, 9]]);
+      }, _callee2, null, [[2, 10]]);
     }));
 
     return function Sale(_x2) {
@@ -72990,6 +73001,7 @@
   });
 
   var Select = function Select(options) {
+    requireReactVersion();
     var style, error, document, what;
 
     if (_typeof(options) == 'object') {

package/dist/umd/index.js

@@ -1829,6 +1829,12 @@
     }, "by DePay"));
   });
 
+  var requireReactVersion = (function () {
+    if (parseInt(React__default["default"].version.split('.')[0]) < 17) {
+      throw 'depay/widgets require at least React v17';
+    }
+  });
+
   var UpdatableProvider = (function (props) {
     var _useState = React.useState(true),
         _useState2 = _slicedToArray(_useState, 2),
@@ -1844,6 +1850,7 @@
   });
 
   var Connect = function Connect(options) {
+    requireReactVersion();
     var style, error, document;
 
     if (_typeof(options) == 'object') {
@@ -3332,7 +3339,7 @@
           className: "CardBodyWrapper"
         }, /*#__PURE__*/React__default["default"].createElement("div", {
           className: "Opacity05"
-        }, "Payment confirmation has been stored")))));
+        }, "Payment validated")))));
       } else {
         if (trackingFailed) {
           return /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -3363,7 +3370,7 @@
             className: "CardBodyWrapper"
           }, /*#__PURE__*/React__default["default"].createElement("div", {
             className: "Opacity05"
-          }, "Storing payment confirmation")))));
+          }, "Validating payment")))));
         }
       }
     };
@@ -3408,7 +3415,7 @@
           className: "CardBodyWrapper"
         }, /*#__PURE__*/React__default["default"].createElement("div", {
           className: "Opacity05"
-        }, "Payment has been confirmed"))))), trackingInfo());
+        }, "Payment confirmed"))))), trackingInfo());
       }
     };
 
@@ -4262,13 +4269,14 @@
           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, document = _ref3.document;
-              _context2.prev = 1;
-              _context2.next = 4;
+              requireReactVersion();
+              _context2.prev = 2;
+              _context2.next = 5;
               return preflight$2({
                 accept: accept
               });
 
-            case 4:
+            case 5:
               unmount = mount({
                 style: style,
                 document: ensureDocument(document),
@@ -4317,21 +4325,21 @@
                 unmount: unmount
               });
 
-            case 8:
-              _context2.prev = 8;
-              _context2.t0 = _context2["catch"](1);
+            case 9:
+              _context2.prev = 9;
+              _context2.t0 = _context2["catch"](2);
               console.log('critical error', _context2.t0);
 
               if (critical != undefined) {
                 critical(_context2.t0);
               }
 
-            case 12:
+            case 13:
             case "end":
               return _context2.stop();
           }
         }
-      }, _callee2, null, [[1, 8]]);
+      }, _callee2, null, [[2, 9]]);
     }));
 
     return function Donation(_x2) {
@@ -4446,6 +4454,7 @@
   });
 
   var Login = function Login(options) {
+    requireReactVersion();
     var style, error, document, message, endpoint, recover;
 
     if (_typeof(options) == 'object') {
@@ -4760,14 +4769,15 @@
           switch (_context2.prev = _context2.next) {
             case 0:
               accept = _ref3.accept, amount = _ref3.amount, event = _ref3.event, sent = _ref3.sent, confirmed = _ref3.confirmed, failed = _ref3.failed, error = _ref3.error, critical = _ref3.critical, style = _ref3.style, whitelist = _ref3.whitelist, blacklist = _ref3.blacklist, providers = _ref3.providers, currency = _ref3.currency, connected = _ref3.connected, closed = _ref3.closed, track = _ref3.track, fee = _ref3.fee, recover = _ref3.recover, closable = _ref3.closable, integration = _ref3.integration, document = _ref3.document;
-              _context2.prev = 1;
-              _context2.next = 4;
+              requireReactVersion();
+              _context2.prev = 2;
+              _context2.next = 5;
               return preflight$1({
                 accept: accept,
                 recover: recover
               });
 
-            case 4:
+            case 5:
               unmount = mount({
                 style: style,
                 document: ensureDocument(document),
@@ -4827,21 +4837,21 @@
                 unmount: unmount
               });
 
-            case 8:
-              _context2.prev = 8;
-              _context2.t0 = _context2["catch"](1);
+            case 9:
+              _context2.prev = 9;
+              _context2.t0 = _context2["catch"](2);
               console.log('critical error', _context2.t0);
 
               if (critical != undefined) {
                 critical(_context2.t0);
               }
 
-            case 12:
+            case 13:
             case "end":
               return _context2.stop();
           }
         }
-      }, _callee2, null, [[1, 8]]);
+      }, _callee2, null, [[2, 9]]);
     }));
 
     return function Payment(_x2) {
@@ -5170,13 +5180,14 @@
           switch (_context2.prev = _context2.next) {
             case 0:
               amount = _ref3.amount, sell = _ref3.sell, 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, tokenImage = _ref3.tokenImage, closable = _ref3.closable, integration = _ref3.integration, document = _ref3.document;
-              _context2.prev = 1;
-              _context2.next = 4;
+              requireReactVersion();
+              _context2.prev = 2;
+              _context2.next = 5;
               return preflight({
                 sell: sell
               });
 
-            case 4:
+            case 5:
               accept = Object.keys(sell).map(function (key) {
                 return {
                   blockchain: key,
@@ -5231,21 +5242,21 @@
                 unmount: unmount
               });
 
-            case 9:
-              _context2.prev = 9;
-              _context2.t0 = _context2["catch"](1);
+            case 10:
+              _context2.prev = 10;
+              _context2.t0 = _context2["catch"](2);
               console.log('critical error', _context2.t0);
 
               if (critical != undefined) {
                 critical(_context2.t0);
               }
 
-            case 13:
+            case 14:
             case "end":
               return _context2.stop();
           }
         }
-      }, _callee2, null, [[1, 9]]);
+      }, _callee2, null, [[2, 10]]);
     }));
 
     return function Sale(_x2) {
@@ -5745,6 +5756,7 @@
   });
 
   var Select = function Select(options) {
+    requireReactVersion();
     var style, error, document, what;
 
     if (_typeof(options) == 'object') {

package/package.json

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