Updates bnc-notify version and adds support for GridPlus Lattice [internal] (#1569)

* Adds support for GridPlus Lattice and bumps `bnc-onboard` version.
For more information on the GridPlus Lattice, see https://gridplus.io/lattice

* Disable Lattice wallet from incompatible chains

Co-authored-by: Alex Miller <asmiller1989@gmail.com>
Co-authored-by: Fernando <fernando.greco@gmail.com>

package.json

@@ -181,7 +181,7 @@
     "async-sema": "^3.1.0",
     "axios": "0.20.0",
     "bignumber.js": "9.0.1",
-    "bnc-onboard": "1.13.2",
+    "bnc-onboard": "1.14.0",
     "classnames": "^2.2.6",
     "concurrently": "^5.3.0",
     "connected-react-router": "6.8.0",

src/components/AppLayout/Header/components/WalletIcon/icons/icon-lattice.svg

@@ -0,0 +1,7 @@
+<svg width="41px" height="41px" viewBox="0 0 41 41" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1">
+  <!-- Generated by Pixelmator Pro 1.8 -->
+  <defs>
+    <image id="image" width="41px" height="41px" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAApCAYAAACoYAD2AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAKaADAAQAAAABAAAAKQAAAADAIIRfAAAFp0lEQVRYCdVYbUyVZRi+DwqEiimO9NBwwEnIlqwgk5D5AZsJLlrQ0rnVUFvrB8TmDwJqY8aYQA3b+tOf5mbFxjI/Go1+tMH6Ia0NB9iPwlMgoHw4VCZw+JDzdF2PvKeX46FzDnA8dG/Xnq/7ue/rfT7u53kfkf+BWBbJcT36xQNJQDqwA9gKbAZocwjoBX4HfgX+AP4CRoGAyzp4+Bi4DtwHnIDyAuqMAX8DpwB+YEDkaVj9CLgJeCPlrX0ANkg2Flg2eRGWOH3enPvbPgKbGQCXx6JlNXp+AkwC/hLwVZ+2a4EwwG9Zgx7fAL46W6red/DF9e6zcAS/BmaApTr3tf8D+LoAhANeheujEvDV+HLrfeaVIRReAiaCSHIKvvcCC0oMWgKxi/0d7XvgEWdmGWIqHEf+KVM5WNkn4fhdT865s/oBf786UPq3wWWTO1GeJoFyuFi7n5pJRqJgX4Eke8ApChCuyWcA3l6CJomvFagtL+x29x+NChsrSTIRWMtCsOTZw8Vi3Znl7p6nXjIrebq8ArgO+aioKMnMzJRt27ZJSEiI9PX1SUtLi/T29lJfoqOjpbCwUMLCwsRiscj09LR0dXVJY2Oj3LvH6IFjIzxcysvLdfnMmTO6bvv27XKsoED3YUVNba1Yc45jvVpk9ZpI2fTcy7LjnQ/VXXuH9F/5yeDDu+pX1P8Z0IsbBJTdbldOp1PBuZqamlKzs7Oqra3NtfiTkpLU2NiYejAzo8bHx5XD4VCU1tZWBXJaLzIyUo2OjqrOzk5Xv5ycHCf1Jicndf+EBJvKu2BXeeevq7d+vKXe/OGGeuN8l0p5v9J8R/2NBCldgIqLi1O3bt7UBkpLS1VaWppKTUlReXl5Kjs72+XMIHnp4kXdJzk5WZ09e5b+VWVlpVeSFRUVKj4+XoWGhqqITZudxOv1Hc6dH9Toctja9S5f4MW7p57uLczk5uaKNSZGysrKpLq6mlVa2q5eNbLz0vGJCenp6dF1J0+elKNHj8r+/fvn6Xgq3BkZke7ubt00MzKkp3ViuF9N3L4ljrmyqZ++xXNNakWMiGAwpLm52aTjW/bQoUOCkZH+fp4H/ssvFW9bnNM8tj0LdzfPa02QKTeLWfbt3SsOjJr7KKXt2iWc5qamJjl37pwMDAzI6dOnzV3n5zEAnsRqtcpAt12qK095auZ/lJ7uPqS29vZ2vfOysrIEm8DVwQLST0REuMhztLnPEmw2Qs8CNpjk5+dLR0eHq99DPVfx3wwiglkyMjJk48aNOoqY6+fy5KbjJH875fLly1qRa7KqqkrS09MlJSVFhyO2u0tDQ4MOQyUlJTo9dqzAXcVjOTY2VrAhZTfsFxcXS11dnQwODsrFS5c86WtubDgC6OHZsGGDDhsMP4bMINTAiELc1DqJiYmIAPdVfX29LiNe6j7UP3L4sELsVAxBiJnzQ1B2tg5Bhl2mhu1XDxx4OD1zPAw+SN8D9HT/iZT/xesYjPfs2SOpqanCL6YMDQ0JlwLXnFEuLCxyBXcG84MHDwrClDgmJ2XVqlWCWChFRUUyPkazD6Xz2jXLiRMndAH8BAS1bS6R4eFhQ82cOlBwrR/e3/i6sNDXBKue61Ff17iV+fTxLbDS5HsQ4r+5Sziag0CwRs3dL8nxFqTFCIoczS/n6lZCwksFb+ePyFbU8Avcv+pxlxnAbY+wM1XwasTz6XETM/xNw3eOic+C2ZogkvwCvucfSQvQ5OMRdxafPowvDHQ6C1+NQATgs/AX9zwQaHKG/Sb40tcynxnOKYYj5dsMn+cMY8udcg1yiv0aQejPE66PfcBdYLkJchdnA8smcbBUBfCQXSpZhrla4D/DDNoXLfxZ58vCDcCf1zfqss/ngN/vTT5tdxh2F5Llo8IOgLH1eYCHgbH4OZX8l7gGXAF4m+El5g7AmfBL/gFhgZO179JGyAAAAABJRU5ErkJggg=="/>
+  </defs>
+  <use id="image-1" xlink:href="#image" x="0px" y="0px" width="41px" height="41px"/>
+  </svg>

src/components/AppLayout/Header/components/WalletIcon/icons/index.ts

@@ -3,6 +3,7 @@ import metamaskIcon from './icon-metamask.png'
 import walletConnectIcon from './icon-wallet-connect.svg'
 import trezorIcon from './icon-trezor.svg'
 import ledgerIcon from './icon-ledger.svg'
+import latticeIcon from './icon-lattice.svg'
 import dapperIcon from './icon-dapper.png'
 import fortmaticIcon from './icon-fortmatic.svg'
 import portisIcon from './icon-portis.svg'
@@ -42,6 +43,10 @@ const WALLET_ICONS: WalletObjectsProps<IconValue> = {
     src: ledgerIcon,
     height: 25,
   },
+  [WALLET_PROVIDER.LATTICE]: {
+    src: latticeIcon,
+    height: 41,
+  },
   [WALLET_PROVIDER.DAPPER]: {
     src: dapperIcon,
     height: 25,

src/config/networks/energy_web_chain.ts

@@ -58,7 +58,8 @@ const mainnet: NetworkConfig = {
     WALLETS.UNILOGIN,
     WALLETS.WALLET_CONNECT,
     WALLETS.WALLET_LINK,
-    WALLETS.AUTHEREUM
+    WALLETS.AUTHEREUM,
+    WALLETS.LATTICE
   ]
 }
 

src/config/networks/network.d.ts

@@ -15,7 +15,8 @@ export enum WALLETS {
   COINBASE = 'coinbase',
   WALLET_LINK = 'walletLink',
   OPERA = 'opera',
-  OPERA_TOUCH = 'operaTouch'
+  OPERA_TOUCH = 'operaTouch',
+  LATTICE = 'lattice',
 }
 
 export enum FEATURES {

src/config/networks/volta.ts

@@ -55,7 +55,8 @@ const mainnet: NetworkConfig = {
     WALLETS.UNILOGIN,
     WALLETS.WALLET_CONNECT,
     WALLETS.WALLET_LINK,
-    WALLETS.AUTHEREUM
+    WALLETS.AUTHEREUM,
+    WALLETS.LATTICE
   ]
 }
 

src/config/networks/xdai.ts

@@ -49,7 +49,8 @@ const xDai: NetworkConfig = {
     WALLETS.UNILOGIN,
     WALLETS.WALLET_CONNECT,
     WALLETS.WALLET_LINK,
-    WALLETS.AUTHEREUM
+    WALLETS.AUTHEREUM,
+    WALLETS.LATTICE
   ]
 }
 

src/logic/wallets/getWeb3.ts

@@ -24,6 +24,7 @@ export const WALLET_PROVIDER = {
   AUTHEREUM: 'AUTHEREUM',
   LEDGER: 'LEDGER',
   TREZOR: 'TREZOR',
+  LATTICE: 'LATTICE',
 }
 
 // With some wallets from web3connect you have to use their provider instance only for signing

src/logic/wallets/utils/walletList.ts

@@ -40,6 +40,12 @@ const wallets: Wallet[] = [
   },
   { walletName: WALLETS.TRUST, preferred: true, desktop: false },
   { walletName: WALLETS.DAPPER, desktop: false },
+  {
+    walletName: WALLETS.LATTICE,
+    rpcUrl,
+    appName: 'Gnosis Safe',
+    desktop: false,
+  },
   {
     walletName: WALLETS.FORTMATIC,
     apiKey: FORTMATIC_KEY,