@depay/widgets 9.0.4 → 9.1.0

package/dist/umd/index.js

@@ -22257,6 +22257,18 @@
     }, props.children);
   });
 
+  function addressEllipsis (address) {
+    var length = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 4;
+    if (address === undefined) {
+      return address;
+    }
+    var _address = "";
+    _address += address.slice(0, length + 2);
+    _address += '...';
+    _address += address.slice(address.length - length, address.length);
+    return _address;
+  }
+
   var msToTime = (function (ms) {
     var year, month, day, hour, minute, second;
     second = Math.floor(ms / 1000);
@@ -22317,7 +22329,8 @@
         symbol: token.symbol,
         name: token.name,
         decimals: token.decimals,
-        logo: token.image || token.logo
+        logo: token.image || token.logo,
+        routable: token.routable
       });
       setTimeout(props.unmount, 300);
     };
@@ -22345,18 +22358,17 @@
         className: "PaddingTopXS"
       }, /*#__PURE__*/React__default["default"].createElement("table", {
         className: "Table TextLeft FontSizeS"
-      }, /*#__PURE__*/React__default["default"].createElement("tbody", null, /*#__PURE__*/React__default["default"].createElement("tr", {
-        className: "small TextCenter"
-      }, /*#__PURE__*/React__default["default"].createElement("td", {
-        colSpan: "2"
-      }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("a", {
-        className: "Link",
+      }, /*#__PURE__*/React__default["default"].createElement("tbody", null, /*#__PURE__*/React__default["default"].createElement("tr", null, /*#__PURE__*/React__default["default"].createElement("td", null, /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "TableSubTitle"
+      }, "Address")), /*#__PURE__*/React__default["default"].createElement("td", null, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("a", {
+        className: "Link FontSizeM",
+        title: address,
         href: blockchain.explorerUrlFor({
           token: address
         }),
         target: "_blank",
         rel: "noopener noreferrer"
-      }, address)))), /*#__PURE__*/React__default["default"].createElement("tr", null, /*#__PURE__*/React__default["default"].createElement("td", null, /*#__PURE__*/React__default["default"].createElement("div", {
+      }, addressEllipsis(address, 4))))), /*#__PURE__*/React__default["default"].createElement("tr", null, /*#__PURE__*/React__default["default"].createElement("td", null, /*#__PURE__*/React__default["default"].createElement("div", {
         className: "TableSubTitle"
       }, "Blockchain")), /*#__PURE__*/React__default["default"].createElement("td", null, /*#__PURE__*/React__default["default"].createElement("div", null, blockchain.label))), /*#__PURE__*/React__default["default"].createElement("tr", null, /*#__PURE__*/React__default["default"].createElement("td", null, /*#__PURE__*/React__default["default"].createElement("div", {
         className: "TableSubTitle"
@@ -22384,6 +22396,7 @@
     var stacked = Object.keys(props.selection).length > 1;
     var blockchains = [web3Blockchains.Blockchain.findByName('ethereum'), web3Blockchains.Blockchain.findByName('bsc'), web3Blockchains.Blockchain.findByName('polygon')];
     var selectBlockchain = function selectBlockchain(blockchain) {
+      window._depay_token_selection_selected_blockchain = blockchain.name;
       setSelection(Object.assign(props.selection, {
         blockchain: blockchain
       }));
@@ -22470,7 +22483,9 @@
       if (wallet) {
         wallet.connectedTo().then(function (name) {
           var blockchain = web3Blockchains.Blockchain.findByName(name);
-          if (name && name.length && blockchain && blockchain.tokens && blockchain.tokens.length) {
+          if (window._depay_token_selection_selected_blockchain) {
+            startWithBlockchain(window._depay_token_selection_selected_blockchain);
+          } else if (name && name.length && blockchain && blockchain.tokens && blockchain.tokens.length) {
             startWithBlockchain(name);
           } else {
             startWithBlockchain('ethereum');
@@ -22516,6 +22531,7 @@
       });
     }, 300), []);
     var onChangeSearch = function onChangeSearch(event) {
+      setShowAddToken(false);
       var term = event.target.value;
       setSearchTerm(term);
       if (term.match(/^0x/)) {
@@ -22530,17 +22546,23 @@
         if (token == undefined) {
           return;
         }
-        Promise.all([token.name(), token.symbol(), token.decimals()]).then(function (_ref) {
-          var _ref2 = _slicedToArray(_ref, 3),
+        Promise.all([token.name(), token.symbol(), token.decimals(), fetch("https://public.depay.com/tokens/routable/".concat(blockchain.name, "/").concat(term)).then(function (response) {
+          if (response.status == 200) {
+            return response.json();
+          }
+        })]).then(function (_ref) {
+          var _ref2 = _slicedToArray(_ref, 4),
             name = _ref2[0],
             symbol = _ref2[1],
-            decimals = _ref2[2];
+            decimals = _ref2[2],
+            routable = _ref2[3];
           setTokens([{
             name: name,
             symbol: symbol,
             decimals: decimals,
             address: term,
-            blockchain: blockchain.name
+            blockchain: blockchain.name,
+            routable: !!routable
           }]);
         });
       } else if (term && term.length) {
@@ -22551,6 +22573,12 @@
       }
     };
     var select = function select(token) {
+      if (token.address) {
+        token.address = ethers.ethers.utils.getAddress(token.address);
+      }
+      if (token.external_id) {
+        token.external_id = ethers.ethers.utils.getAddress(token.external_id);
+      }
       if (blockchain.tokens.find(function (majorToken) {
         return majorToken.address == (token.address || token.external_id);
       })) {
@@ -22561,7 +22589,8 @@
           logo: token.logo || token.image,
           name: token.name,
           symbol: token.symbol,
-          decimals: token.decimals
+          decimals: token.decimals,
+          routable: true
         });
         setTimeout(props.unmount, 300);
       } else {
@@ -22620,13 +22649,16 @@
         className: "transparent",
         src: blockchain.logo
       })), /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "CardBody FontSizeS"
+        className: "CardBody FontSizeM"
       }, blockchain.label), /*#__PURE__*/React__default["default"].createElement("div", {
         className: "CardAction"
       }, /*#__PURE__*/React__default["default"].createElement(ChevronRight, null)))), /*#__PURE__*/React__default["default"].createElement("div", {
         className: "PaddingTopXS PaddingBottomS"
       }, /*#__PURE__*/React__default["default"].createElement("input", {
         value: searchTerm,
+        onBlur: function onBlur() {
+          return setShowAddToken(false);
+        },
         onChange: onChangeSearch,
         className: "Search",
         autoFocus: true,

package/package.json

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