Merge pull request #761 from blocknative/release/1.37.0

Release: 1.37.0 - Master

Author: taylorjdawson

package.json

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

@@ -12,6 +12,7 @@ const desktopDefaultWalletNames = [
   'tally',
   'metamask',
   'binance',
+  'mathwallet',
   'frame',
   'torus',
   'opera',
@@ -29,6 +30,7 @@ const mobileDefaultWalletNames = [
   'status',
   'hyperpay',
   'tokenpocket',
+  'mathwallet',
   'dcent',
   'atoken',
   'liquality',
@@ -223,10 +225,14 @@ function getModule(name: string): Promise<{
       return import('./wallets/detectedwallet')
     case 'tp':
       return import('./wallets/tp')
-    case 'blankwallet':
-      return import('./wallets/blankwallet')
     // case 'mewwallet':
     //   return import('./wallets/mewwallet')
+    case 'mathwallet':
+      return import('./wallets/mathwallet')
+    case 'blankwallet':
+      return import('./wallets/blankwallet')
+    case 'ronin':
+      return import('./wallets/ronin')
     default:
       throw new Error(`${name} is not a valid walletName.`)
   }

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

@@ -0,0 +1,11 @@
+export const roninWalletLogo = `
+<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21.6611 9.15935V3.77545C21.6611 3.0615 21.3873 2.37679 20.8998 1.87195C20.4124 1.36711 19.7513 1.0835 19.0619 1.0835H8.01524C7.32588 1.0835 6.66476 1.36711 6.17731 1.87195C5.68986 2.37679 5.41602 3.0615 5.41602 3.77545V19.3972C5.41626 19.8004 5.50397 20.1985 5.67268 20.5619C5.84139 20.9253 6.08678 21.2449 6.39072 21.4969L10.413 24.8417C10.4608 24.8818 10.5185 24.907 10.5796 24.9145C10.6406 24.922 10.7025 24.9114 10.758 24.8839C10.8134 24.8564 10.8602 24.8132 10.8929 24.7592C10.9256 24.7053 10.9428 24.6429 10.9426 24.5792V13.5338C10.9426 13.4445 10.9768 13.3589 11.0378 13.2958C11.0987 13.2327 11.1813 13.1973 11.2675 13.1973H14.1916C14.7086 13.1973 15.2045 13.41 15.5701 13.7886C15.9357 14.1672 16.141 14.6808 16.141 15.2162V24.5792C16.1411 24.6426 16.1584 24.7046 16.191 24.7583C16.2236 24.8119 16.2702 24.8549 16.3254 24.8823C16.3805 24.9098 16.442 24.9205 16.5028 24.9133C16.5636 24.9061 16.6212 24.8813 16.669 24.8417L20.6913 21.4969C20.9953 21.2449 21.2406 20.9253 21.4093 20.5619C21.5781 20.1985 21.6658 19.8004 21.666 19.3972V14.5433C21.666 13.8293 21.3922 13.1446 20.9047 12.6398C20.4173 12.1349 19.7562 11.8513 19.0668 11.8513C19.7553 11.85 20.4152 11.5658 20.9016 11.0611C21.388 10.5564 21.6611 9.87243 21.6611 9.15935V9.15935ZM14.1884 10.5053H11.2643C11.1781 10.5053 11.0955 10.4699 11.0345 10.4068C10.9736 10.3437 10.9394 10.2581 10.9394 10.1688V4.11194C10.9394 4.0227 10.9736 3.93711 11.0345 3.874C11.0955 3.8109 11.1781 3.77545 11.2643 3.77545H15.8129C15.8991 3.77545 15.9817 3.8109 16.0426 3.874C16.1036 3.93711 16.1378 4.0227 16.1378 4.11194V8.48636C16.1378 9.02182 15.9324 9.53536 15.5668 9.91399C15.2012 10.2926 14.7054 10.5053 14.1884 10.5053V10.5053Z" fill="url(#paint0_linear_1295:5753)"/>
+<defs>
+<linearGradient id="paint0_linear_1295:5753" x1="21.666" y1="1.08349" x2="1.99448" y2="4.35723" gradientUnits="userSpaceOnUse">
+<stop stop-color="#1C94F4"/>
+<stop offset="1" stop-color="#1273EA"/>
+</linearGradient>
+</defs>
+</svg>
+`

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

@@ -0,0 +1,43 @@
+import { extensionInstallMessage, mobileWalletInstallMessage } from '../content'
+import { WalletModule, Helpers, CommonWalletOptions } from '../../../interfaces'
+
+import mathwalletIcon from '../wallet-icons/icon-mathwallet.png'
+import mathwalletIcon2x from '../wallet-icons/icon-mathwallet@2x.png'
+
+function mathwallet(
+  options: CommonWalletOptions & { isMobile: boolean }
+): WalletModule {
+  const { preferred, label, iconSrc, svg, isMobile } = options
+
+  return {
+    name: label || 'MathWallet',
+    iconSrc: iconSrc || mathwalletIcon,
+    iconSrcSet: iconSrc || mathwalletIcon2x,
+    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) === 'MathWallet'
+            ? createModernProviderInterface(provider)
+            : null
+      }
+    },
+    type: 'injected',
+    link: 'https://mathwallet.org',
+    installMessage: isMobile
+      ? mobileWalletInstallMessage
+      : extensionInstallMessage,
+    desktop: true,
+    mobile: true,
+    preferred
+  }
+}
+
+export default mathwallet

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

@@ -0,0 +1,44 @@
+import { CommonWalletOptions, Helpers, WalletModule } from '../../../interfaces'
+import { extensionInstallMessage, mobileWalletInstallMessage } from '../content'
+import { roninWalletLogo } from '../wallet-icons/icon-ronin'
+
+function roninWallet(
+  options: CommonWalletOptions & { isMobile: boolean }
+): WalletModule {
+  const { preferred, label, iconSrc, svg, isMobile } = options
+
+  return {
+    name: label || 'Ronin',
+    iconSrc: iconSrc || roninWalletLogo,
+    iconSrcSet: iconSrc || roninWalletLogo,
+    svg: svg || roninWalletLogo,
+    wallet: async (helpers: Helpers) => {
+      const { createModernProviderInterface } = helpers
+      const provider = (window as any).ronin?.provider
+      let providerInterface = null
+
+      if (provider) {
+        providerInterface = createModernProviderInterface(provider)
+
+        if (providerInterface.network.get) {
+          providerInterface.network.get = async () => 2020
+        }
+      }
+
+      return {
+        provider,
+        interface: providerInterface
+      }
+    },
+    type: 'injected',
+    link: 'https://skymavis.com/wallet',
+    installMessage: isMobile
+      ? mobileWalletInstallMessage
+      : extensionInstallMessage,
+    desktop: true,
+    mobile: false,
+    preferred
+  }
+}
+
+export default roninWallet

src/modules/select/wallets/mathwallet.ts

@@ -13,22 +13,18 @@ function xdefi(options: CommonWalletOptions): WalletModule {
     iconSrcSet: iconSrc || xdefiIcon2x,
     svg,
     wallet: async (helpers: Helpers) => {
-      const {
-        getProviderName,
-        createModernProviderInterface,
-        createLegacyProviderInterface
-      } = helpers
+      const { createModernProviderInterface, createLegacyProviderInterface } =
+        helpers
 
       const provider = (window as any).xfi && (window as any).xfi.ethereum
 
       return {
         provider,
-        interface:
-          provider && getProviderName(provider) === 'XDEFI'
-            ? typeof provider.enable === 'function'
-              ? createModernProviderInterface(provider)
-              : createLegacyProviderInterface(provider)
-            : null
+        interface: provider
+          ? typeof provider.enable === 'function'
+            ? createModernProviderInterface(provider)
+            : createLegacyProviderInterface(provider)
+          : null
       }
     },
     type: 'injected',

src/modules/select/wallets/ronin.ts

@@ -253,6 +253,10 @@ export function createLegacyProviderInterface(provider: any): WalletInterface {
 export function getProviderName(provider: any): string | undefined {
   if (!provider) return
 
+  if (provider.isMathWallet) {
+    return 'MathWallet'
+  }
+
   if (provider.isWalletIO) {
     return 'wallet.io'
   }