Merge pull request #451 from blocknative/develop

Release 1.16.0

Author: lnbc1QWFyb24

package.json

@@ -1,6 +1,6 @@
 {
   "name": "bnc-onboard",
-  "version": "1.15.0",
+  "version": "1.16.0",
   "description": "Onboard users to web3 by allowing them to select a wallet, get that wallet ready to transact and have access to synced wallet state.",
   "keywords": [
     "ethereum",
@@ -50,7 +50,7 @@
     "@portis/web3": "^2.0.0-beta.57",
     "@toruslabs/torus-embed": "^1.8.2",
     "@unilogin/provider": "^0.6.1",
-    "@walletconnect/web3-provider": "^1.1.0",
+    "@walletconnect/web3-provider": "^1.3.1",
     "authereum": "^0.0.4-beta.157",
     "bignumber.js": "^9.0.0",
     "bnc-sdk": "^2.1.4",

src/modules/select/index.ts

@@ -15,7 +15,8 @@ const defaultWalletNames = [
   'status',
   'hyperpay',
   'unilogin',
-  'tokenpocket'
+  'tokenpocket',
+  'dcent'
 ]
 
 function select(
@@ -106,6 +107,8 @@ function getModule(name: string): Promise<any> | undefined {
       return import('./wallets/hyperpay')
     case 'tokenpocket':
       return import('./wallets/tokenpocket')
+    case 'dcent':
+      return import('./wallets/dcent')
     default:
       return
   }

src/modules/select/wallet-icons/icon-dcent.ts

@@ -0,0 +1,25 @@
+const dcentIcon = `
+<svg xmlns="http://www.w3.org/2000/svg" id="구성_요소_171_4" width="48" height="48" viewBox="0 0 48 48">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 62.27 71.11" style="enable-background:new 0 0 62.27 71.11;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#B3B5B5;}
+	.st1{fill:#72BFBC;}
+	.st2{fill:#6D6E70;}
+</style>
+<g>
+	<polygon class="st0" points="32.04,13.43 37.34,10.37 37.34,3.06 32.04,0 32.04,0 	"/>
+	<path class="st1" d="M12.53,45.25V24.69l17.71-10.22V0L0.9,16.94C0.34,17.26,0,17.86,0,18.5v33.88c0,0.03,0.01,0.07,0.01,0.1
+		L12.53,45.25z"/>
+	<path class="st2" d="M48.86,46.69L31.14,56.93L13.52,46.75L0.99,53.99l29.25,16.89c0.28,0.16,0.59,0.24,0.9,0.24
+		c0.31,0,0.62-0.08,0.9-0.24l29.34-16.94c0.01,0,0.01-0.01,0.02-0.01L48.86,46.69z"/>
+	<g>
+		<path class="st0" d="M61.38,16.94l-11.63-6.71v7.3l-12.5,7.22l12.5,7.21v13.16l12.53,7.23V18.5
+			C62.27,17.86,61.93,17.26,61.38,16.94z"/>
+	</g>
+	<polygon class="st2" points="24.93,31.85 24.94,46.18 37.1,39.16 37.1,24.83 	"/>
+</g>
+</svg>
+`
+
+export default dcentIcon

src/modules/select/wallets/dcent.ts

@@ -0,0 +1,42 @@
+import { extensionInstallMessage } from '../content'
+import { WalletModule, Helpers, CommonWalletOptions } from '../../../interfaces'
+
+import dcentIcon from '../wallet-icons/icon-dcent'
+
+function dcent(options: CommonWalletOptions): WalletModule {
+  const { preferred, label, iconSrc, svg } = options
+  const url = (window as any).location.origin || (window as any).location.host
+  const encodedUrl = encodeURIComponent(url)
+  return {
+    name: label || 'D\'CENT',
+    svg: svg || dcentIcon,
+    iconSrc,
+    wallet: async (helpers: Helpers) => {
+      const { 
+        getProviderName, 
+        createModernProviderInterface, 
+        createLegacyProviderInterface 
+      } = helpers
+      
+      const provider = (window as any).ethereum ||
+        (window as any).web3 && (window as any).web3.currentProvider
+
+      return {
+        provider,
+        interface:
+          provider && getProviderName(provider) === 'D\'CENT'
+            ? typeof provider.enable === 'function'
+              ? createModernProviderInterface(provider)
+              : createLegacyProviderInterface(provider)
+            : null
+      }
+    },
+    type: 'injected',
+    link: 'https://link.dcentwallet.com/DAppBrowser/?url='+ encodedUrl ,
+    installMessage: extensionInstallMessage,
+    mobile: true,
+    preferred
+  }
+}
+
+export default dcent

src/modules/select/wallets/metamask.ts

@@ -34,7 +34,7 @@ function metamask(options: CommonWalletOptions): WalletModule {
       }
     },
     type: 'injected',
-    link: 'https://metamask.io/',
+    link: `https://metamask.app.link/dapp/${window.location.host}`,
     installMessage: extensionInstallMessage,
     desktop: true,
     mobile: true,

src/utilities.ts

@@ -191,7 +191,9 @@ export function getProviderName(provider: any): string | undefined {
   if (provider.isWalletIO) {
     return 'wallet.io'
   }
-
+  if (provider.isDcentWallet) {
+    return 'D\'CENT'
+  }  
   if (provider.isTokenPocket) {
     return 'TokenPocket'
   }