Merge pull request #641 from blocknative/release/1.32.0

1.32.0: Release

Author: taylorjdawson

package.json

@@ -1,6 +1,6 @@
 {
   "name": "bnc-onboard",
-  "version": "1.31.0",
+  "version": "1.32.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",
@@ -67,7 +67,7 @@
     "@shapeshiftoss/hdwallet-keepkey": "^1.15.2",
     "@shapeshiftoss/hdwallet-keepkey-webusb": "^1.15.2",
     "@toruslabs/torus-embed": "^1.10.11",
-    "@walletconnect/web3-provider": "^1.4.1",
+    "@walletconnect/web3-provider": "^1.5.2",
     "authereum": "^0.1.12",
     "bignumber.js": "^9.0.0",
     "bnc-sdk": "^3.4.1",
@@ -86,7 +86,9 @@
   },
   "resolutions": {
     "authereum/web3-utils/underscore": "^1.12.1",
+    "authereum/ethereum-private-key-to-address/meow/trim-newlines": "^3.0.1",
     "authereum/ethers/elliptic": "^6.5.3",
-    "@portis/web3/pocket-js-core/axios": "^0.21.1"
+    "@portis/web3/pocket-js-core/axios": "^0.21.1",
+    "@shapeshiftoss/hdwallet-keepkey/bnb-javascript-sdk-nobroadcast/axios": "^0.21.1"
   }
 }

src/interfaces.ts

@@ -30,7 +30,7 @@ export interface WalletSelectModuleOptions {
 export interface WalletSelectModule {
   heading: string
   description: string
-  wallets: Array<WalletModule | WalletInitOptions>
+  wallets: Promise<Array<WalletModule | WalletInitOptions>>
   explanation?: string
   agreement?: TermsOfServiceAgreementOptions
 }

src/modules/index.ts

@@ -26,7 +26,7 @@ export default function initializeModules(
     heading = defaultHeading,
     description = defaultDescription,
     explanation = defaultWalletExplanation,
-    agreement = {}
+    agreement
   } = walletSelectOptions || {}
 
   return {

src/modules/select/index.ts

@@ -34,7 +34,8 @@ const mobileDefaultWalletNames = [
   'alphawallet',
   'ownbit',
   'bitpie',
-  'authereum'
+  'authereum',
+  'tp'
 ]
 
 const injectedWalletDetected = () =>
@@ -179,6 +180,8 @@ function getModule(name: string): Promise<{
       return import('./wallets/gnosis')
     case 'detectedwallet':
       return import('./wallets/detectedwallet')
+    case 'tp':
+      return import('./wallets/tp')
     default:
       throw new Error(`${name} is not a valid walletName.`)
   }

src/modules/select/wallet-icons/icon-tp.png

@@ -0,0 +1,38 @@
+import { mobileWalletInstallMessage } from '../content'
+import { WalletModule, Helpers, CommonWalletOptions } from '../../../interfaces'
+
+import tpIcon from '../wallet-icons/icon-tp.png'
+import tpIcon2x from '../wallet-icons/icon-tp@2x.png'
+
+function tp(options: CommonWalletOptions): WalletModule {
+  const { preferred, label, iconSrc, svg } = options
+
+  return {
+    name: label || 'tp',
+    iconSrc: iconSrc || tpIcon,
+    iconSrcSet: iconSrc || tpIcon2x,
+    svg,
+    wallet: async (helpers: Helpers) => {
+      const { getProviderName, createModernProviderInterface } = helpers
+
+      const provider =
+        (window as any).ethereum ||
+        ((window as any).web3 && (window as any).web3.currentProvider)
+
+      return {
+        provider,
+        interface:
+          (getProviderName(provider) === 'tp' &&
+            createModernProviderInterface(provider)) ||
+          null
+      }
+    },
+    type: 'injected',
+    link: 'https://tokenpocket.jp',
+    installMessage: mobileWalletInstallMessage,
+    mobile: true,
+    preferred
+  }
+}
+
+export default tp

src/modules/select/wallet-icons/icon-tp@2x.png

@@ -306,6 +306,10 @@ export function getProviderName(provider: any): string | undefined {
     return 'Bitpie'
   }
 
+  if (provider.isTp) {
+    return 'tp'
+  }
+
   // =====================================
   // When adding new wallet place above this metamask check as some providers
   // have an isMetaMask property in addition to the wallet's own `is[WalletName]`

src/modules/select/wallets/tp.ts

@@ -34,7 +34,7 @@
   export let module: WalletSelectModule = {
     heading: '',
     description: '',
-    wallets: [],
+    wallets: Promise.resolve([]),
     agreement: undefined
   }
 
@@ -46,7 +46,7 @@
   let selectedWalletModule: WalletModule | null
 
   const { mobileDevice, os } = get(app)
-  let { heading, description, explanation, wallets, agreement } = module
+  let { heading, description, explanation, agreement } = module
 
   const { termsUrl, privacyUrl, version } = agreement || {}
   const {
@@ -109,7 +109,7 @@
 
   async function renderWalletSelect() {
     const appState = get(app)
-    wallets = await wallets
+    const wallets = await module.wallets
 
     const deviceWallets = (wallets as WalletModule[])
       .filter(wallet => wallet[mobileDevice ? 'mobile' : 'desktop'])