Merge pull request #280 from blocknative/enhancement/wallet-settings

Enhancement: Wallet Settings.

Closes #278

Author: lnbc1QWFyb24

src/interfaces.ts

@@ -84,7 +84,6 @@ export interface WalletModule {
   }>
   type: 'hardware' | 'injected' | 'sdk'
   link?: string
-  url?: string
   installMessage?: (wallets: {
     currentWallet: string | undefined
     selectedWallet: string
@@ -117,6 +116,7 @@ export interface WalletInterface {
   address: StateSyncer
   network: StateSyncer
   balance: StateSyncer
+  settings?: () => void
 }
 
 export interface StateSyncer {
@@ -130,6 +130,7 @@ export interface Wallet {
   type: 'hardware' | 'injected' | 'sdk'
   instance?: any
   connect?: () => Promise<{ message: string } | undefined>
+  settings?: () => void
 }
 
 export interface CommonWalletOptions {

src/modules/select/wallets/authereum.ts

@@ -1,5 +1,5 @@
 import authereumIcon from '../wallet-icons/icon-authereum.png'
-import { networkName } from '../../../utilities'
+import { networkName, openLink } from '../../../utilities'
 import {
   WalletModule,
   AuthereumOptions,
@@ -31,8 +31,6 @@ function authereum(
 
       const provider = instance.getProvider()
 
-      console.log({ instance, provider })
-
       return {
         provider,
         instance,
@@ -53,16 +51,19 @@ function authereum(
               const loggedIn = await instance.isAuthenticated()
               return loggedIn && instance.getBalance()
             }
-          }
+          },
+          settings: () =>
+            openLink(
+              `https://${
+                networkId !== 1 ? `${networkName(networkId)}.` : ''
+              }authereum.com/`
+            )
         }
       }
     },
     type: 'sdk',
     desktop: true,
     mobile: true,
-    url: `https://${
-      networkId !== 1 ? `${networkName(networkId)}.` : ''
-    }authereum.com/`,
     preferred
   }
 }

src/modules/select/wallets/portis.ts

@@ -1,4 +1,4 @@
-import { networkName } from '../../../utilities'
+import { networkName, openLink } from '../../../utilities'
 import {
   SdkWalletOptions,
   WalletModule,
@@ -65,14 +65,14 @@ function portis(options: SdkWalletOptions & CommonWalletOptions): WalletModule {
                   )
                 }, 1)
               })
-          }
+          },
+          settings: () => openLink('https://wallet.portis.io/')
         }
       }
     },
     type: 'sdk',
     desktop: true,
     mobile: true,
-    url: 'https://wallet.portis.io/',
     preferred
   }
 }

src/modules/select/wallets/squarelink.ts

@@ -1,4 +1,4 @@
-import { networkName, networkToId } from '../../../utilities'
+import { networkName, networkToId, openLink } from '../../../utilities'
 import {
   SdkWalletOptions,
   CommonWalletOptions,
@@ -60,14 +60,14 @@ function squarelink(
                   }
                 )
               })
-          }
+          },
+          settings: () => openLink('https://app.squarelink.com/')
         }
       }
     },
     type: 'sdk',
     desktop: true,
     mobile: true,
-    url: 'https://app.squarelink.com/',
     preferred
   }
 }

src/modules/select/wallets/torus.ts

@@ -1,4 +1,4 @@
-import { networkName } from '../../../utilities'
+import { networkName, openLink } from '../../../utilities'
 import {
   TorusOptions,
   CommonWalletOptions,
@@ -76,14 +76,14 @@ function torus(options: TorusOptions & CommonWalletOptions): WalletModule {
                   }
                 )
               })
-          }
+          },
+          settings: () => openLink('https://app.tor.us/')
         }
       }
     },
     type: 'sdk',
     desktop: true,
     mobile: true,
-    url: 'https://app.tor.us/',
     preferred
   }
 }

src/modules/select/wallets/unilogin.ts

@@ -23,7 +23,8 @@ function unilogin(options: CommonWalletOptions): WalletModule {
           disconnect: () =>
             new Promise(resolve =>
               provider.send({ method: 'ul_disconnect' }, resolve)
-            )
+            ),
+          settings: () => provider.openDashboard()
         }
       }
     },

src/stores.ts

@@ -51,7 +51,7 @@ export const wallet: WritableStore = writable({
   provider: null,
   connect: null,
   instance: null,
-  url: null,
+  settings: null,
   type: null
 })
 
@@ -119,7 +119,7 @@ export function resetWalletState(options?: {
         provider: undefined,
         connect: undefined,
         instance: undefined,
-        url: undefined
+        settings: undefined
       }))
 
       currentInterface.disconnect && currentInterface.disconnect()
@@ -136,7 +136,7 @@ export function resetWalletState(options?: {
         provider: undefined,
         connect: undefined,
         instance: undefined,
-        url: undefined
+        settings: undefined
       }))
 
       !disconnected &&

src/utilities.ts

@@ -283,3 +283,7 @@ export function createInterval(func: any, interval: number) {
     }
   }
 }
+
+export function openLink(url: string) {
+  window.open(url)
+}

src/views/WalletSelect.svelte

@@ -175,7 +175,7 @@
     wallet.set({
       provider,
       instance,
-      url: module.url,
+      settings: selectedWalletInterface.settings,
       name: module.name,
       connect: selectedWalletInterface.connect,
       type: module.type