Merge pull request #427 from blocknative/develop

Release 1.13.0

package.json

@@ -1,6 +1,6 @@
 {
   "name": "bnc-onboard",
-  "version": "1.12.0",
+  "version": "1.13.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",

src/modules/select/index.ts

@@ -13,6 +13,7 @@ const defaultWalletNames = [
   'opera',
   'operaTouch',
   'status',
+  'hyperpay',
   'unilogin'
 ]
 
@@ -96,6 +97,8 @@ function getModule(name: string): Promise<any> | undefined {
       return import('./wallets/mykey')
     case 'huobiwallet':
       return import('./wallets/huobiwallet')
+    case 'hyperpay':
+      return import('./wallets/hyperpay')
     default:
       return
   }

src/modules/select/wallets/hyperpay.ts

@@ -0,0 +1,38 @@
+import { mobileWalletInstallMessage } from '../content'
+import { WalletModule, Helpers, CommonWalletOptions } from '../../../interfaces'
+
+import hyerpayIcon from '../wallet-icons/icon-hyperpay.png'
+import hyerpayIcon2x from '../wallet-icons/[email protected]'
+
+function hyperpay(options: CommonWalletOptions): WalletModule {
+  const { preferred, label, iconSrc, svg } = options
+
+  return {
+    name: label || 'HyperPay',
+    iconSrc: iconSrc || hyerpayIcon,
+    iconSrcSet: iconSrc || hyerpayIcon2x,
+    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:
+          provider && getProviderName(provider) === 'HyperPay'
+            ? createModernProviderInterface(provider)
+            : null
+      }
+    },
+    type: 'injected',
+    link: 'https://www.hyperpay.me/',
+    installMessage: mobileWalletInstallMessage,
+    mobile: true,
+    preferred
+  }
+}
+
+export default hyperpay

src/utilities.ts

@@ -219,6 +219,9 @@ export function getProviderName(provider: any): string | undefined {
     return 'huobiwallet'
   }
 
+  if (provider.isHyperPay) {
+    return 'HyperPay'
+  }
 
   if (provider.host && provider.host.indexOf('localhost') !== -1) {
     return 'localhost'