Release 1.21.0 (#517)

* 1.20.0-0.0.1: [enhancement] - Install Wallet Copy (#514)

* Start implementing

* Fix svelte formatting

* Remove mobileDevice flag

* Add ismobile to common wallet interface

* Change button copy

* Update mobile copy

* Add isMobile to all wallet modules

* Conditionally render message

* Increment version

* 1.20.0-0.1.0: [feature]: Add Cobo Vault hardware wallet support (#508)

* add cobovault support

* Update src/modules/check/derivation-path.ts

Co-authored-by: Aaron Barnard <abarnard@protonmail.com>

* Update src/modules/check/derivation-path.ts

Co-authored-by: Aaron Barnard <abarnard@protonmail.com>

* fix code issue

* resolve code issue

* update dependency

* bump version code

Co-authored-by: Aaron Barnard <abarnard@protonmail.com>

* Bump y18n from 4.0.0 to 4.0.1 (#516)

Bumps [y18n](https://github.com/yargs/y18n) from 4.0.0 to 4.0.1.
- [Release notes](https://github.com/yargs/y18n/releases)
- [Changelog](https://github.com/yargs/y18n/blob/master/CHANGELOG.md)
- [Commits](https://github.com/yargs/y18n/commits)

Signed-off-by: dependabot[bot] <support@github.com>

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

* Version 1.21.0

Co-authored-by: Taylor Dawson <taylorjdawson@gmail.com>
Co-authored-by: soralit <18829236489@163.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

Author: 4 people

.prettierrc.js

@@ -4,5 +4,6 @@ module.exports = {
   singleQuote: true,
   printWidth: 80,
   tabWidth: 2,
-  arrowParens: 'avoid'
+  arrowParens: 'avoid',
+  svelteSortOrder: 'scripts-styles-markup'
 }

package.json

@@ -1,6 +1,6 @@
 {
   "name": "bnc-onboard",
-  "version": "1.20.0",
+  "version": "1.21.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",
@@ -45,6 +45,7 @@
     "typescript": "^3.6.4"
   },
   "dependencies": {
+    "@cvbb/eth-keyring": "^1.1.0",
     "@ledgerhq/hw-app-eth": "^5.21.0",
     "@ledgerhq/hw-transport-u2f": "^5.21.0",
     "@portis/web3": "^2.0.0-beta.57",

rollup.config.js

@@ -69,6 +69,7 @@ export default {
     'ethereumjs-tx',
     'ethereumjs-util',
     'eth-lattice-keyring',
+    '@cvbb/eth-keyring',
     'hdkey',
     '@ledgerhq/hw-transport-u2f',
     '@ledgerhq/hw-app-eth',

src/components/SelectedWallet.svelte

@@ -29,7 +29,8 @@
     iconSrc={selectedWalletModule.iconSrc}
     iconSrcSet={selectedWalletModule.iconSrcSet}
     svg={selectedWalletModule.svg}
-    text={selectedWalletModule.name} />
+    text={selectedWalletModule.name}
+  />
 
   {#if installMessage}
     {@html installMessage}
@@ -39,8 +40,9 @@
     <a
       href={selectedWalletModule.link}
       rel="noreferrer noopener"
-      target="_blank">
-      <Button>Install {selectedWalletModule.name}</Button>
+      target="_blank"
+    >
+      <Button>Open {selectedWalletModule.name}</Button>
     </a>
     <Button onclick={onBack}>Back</Button>
   </footer>

src/interfaces.ts

@@ -171,6 +171,7 @@ export interface CommonWalletOptions {
   label?: string
   iconSrc?: string
   svg?: string
+  isMobile: boolean
 }
 
 export interface SdkWalletOptions extends CommonWalletOptions {

src/modules/check/derivation-path.ts

@@ -182,57 +182,60 @@ function derivationPath(
       }
       ;(window as any).handleCustomInput = handleCustomInput
       ;(window as any).handleDerivationClick = handleDerivationClick
-      return {
-        heading: heading || 'Hardware Wallet Connect',
-        description:
-          description ||
-          `Make sure your ${wallet.name} is plugged in, ${
-            wallet.name === 'Ledger' ? 'and the Ethereum app is open, ' : ''
-          }then select a derivation path to connect your accounts:`,
-        eventCode: 'derivationPath',
-        html: derivationSelectHtmlString(wallet.name as string),
-        button: {
-          text: 'Connect',
-          onclick: async () => {
-            state.loading = true
-            const path =
-              state.dPath || derivationPaths[wallet.name as string][0].path
-            try {
-              const validPath = await wallet.provider.setPath(
-                path,
-                state.showCustomInput
-              )
-
-              if (!validPath) {
-                state.error = `${path} is not a valid derivation path`
+
+      return (
+        derivationPaths[wallet.name as string] && {
+          heading: heading || 'Hardware Wallet Connect',
+          description:
+            description ||
+            `Make sure your ${wallet.name} is plugged in, ${
+              wallet.name === 'Ledger' ? 'and the Ethereum app is open, ' : ''
+            }then select a derivation path to connect your accounts:`,
+          eventCode: 'derivationPath',
+          html: derivationSelectHtmlString(wallet.name as string),
+          button: {
+            text: 'Connect',
+            onclick: async () => {
+              state.loading = true
+              const path =
+                state.dPath || derivationPaths[wallet.name as string][0].path
+              try {
+                const validPath = await wallet.provider.setPath(
+                  path,
+                  state.showCustomInput
+                )
+
+                if (!validPath) {
+                  state.error = `${path} is not a valid derivation path`
+                  state.loading = false
+                  return
+                }
+              } catch (error) {
+                state.error = error
                 state.loading = false
                 return
               }
-            } catch (error) {
-              state.error = error
-              state.loading = false
-              return
-            }
 
-            state.error = ''
-
-            if (wallet.connect) {
-              ;(wallet.connect as Connect)()
-                .then(() => {
-                  deleteWindowProperties()
-                  state.loading = false
-                  state.completed = true
-                })
-                .catch(error => {
-                  state.error = error.message
-                  state.loading = false
-                })
+              state.error = ''
+
+              if (wallet.connect) {
+                ;(wallet.connect as Connect)()
+                  .then(() => {
+                    deleteWindowProperties()
+                    state.loading = false
+                    state.completed = true
+                  })
+                  .catch(error => {
+                    state.error = error.message
+                    state.loading = false
+                  })
+              }
             }
-          }
-        },
+          },
 
-        icon: icon || usbIcon
-      }
+          icon: icon || usbIcon
+        }
+      )
     }
   }
 

src/modules/select/content.ts

@@ -53,7 +53,7 @@ export const mobileWalletInstallMessage = (helpers: {
 
   return `
   <p style="font-size: 0.889rem;">
-    You'll need to install <b>${selectedWallet}</b> to continue. Click below to install and then load this Dapp with <b>${selectedWallet}</b>.
+  Tap the button below to <b>Open ${selectedWallet}</b>. Please access this site on ${selectedWallet}'s in-app browser for a seamless experience.
   </p>
   `
 }

src/modules/select/index.ts

@@ -38,7 +38,7 @@ function select(
 
           try {
             return getModule(walletName).then((m: any) =>
-              m.default({ ...initParams, networkId })
+              m.default({ ...initParams, networkId, isMobile })
             )
           } catch (error) {
             if (error.name === 'DeprecatedWalletError') {
@@ -103,6 +103,8 @@ function getModule(
       return import('./wallets/trezor')
     case 'lattice':
       return import('./wallets/lattice')
+    case 'cobovault':
+      return import('./wallets/cobovault')
     case 'ledger':
       return import('./wallets/ledger')
     case 'walletLink':