feat: add Safe Wallet to wallet management

packages/wallet-management/src/connectors/injectedConnector.ts

@@ -22,7 +22,7 @@ export class InjectedConnector extends events.EventEmitter implements Wallet {
   public account: AccountData | undefined;
   public name: string;
   public icon: string;
-  public installed: () => boolean;
+  public installed: () => Promise<boolean>;
 
   constructor(
     constructorArgs: InjectedConnectorConstructorArgs,

packages/wallet-management/src/connectors/safeWalletConnector.ts

@@ -27,7 +27,7 @@ export class SafeWalletConnector extends events.EventEmitter implements Wallet {
     this.calcAccountData();
   }
 
-  public installed = () => {
+  public installed = async () => {
     return false;
   };
   public autoConnect = (): any => {

packages/wallet-management/src/connectors/walletConnectConnector.ts

@@ -34,7 +34,7 @@ export class WalletConnectConnector
   public account: AccountData | undefined;
   public name: string;
   public icon: string;
-  public installed: () => boolean;
+  public installed: () => Promise<boolean>;
 
   constructor(constructorArgs: WalletConnectConnectorConstructorArgs) {
     super();

packages/wallet-management/src/types/index.ts

@@ -37,7 +37,7 @@ export interface AccountData {
 export interface InjectedConnectorConstructorArgs {
   name: string;
   icon: string;
-  installed: () => boolean | Promise<boolean>;
+  installed: () => Promise<boolean>;
 }
 export interface WalletConnectConnectorConstructorArgs
   extends InjectedConnectorConstructorArgs {
@@ -51,7 +51,7 @@ export interface Wallet extends EventEmitter {
   icon: string;
   isActivationInProgress: boolean;
   account: AccountData | undefined;
-  installed: () => boolean;
+  installed: () => Promise<boolean>;
   connect: () => Promise<void>;
   autoConnect?: () => Promise<void>;
   disconnect: () => void;

packages/wallet-management/src/wallets.ts

@@ -10,21 +10,22 @@ import SafeAppsSDK from '@safe-global/safe-apps-sdk/dist/src/sdk';
 const defaultWallet: Wallet = new InjectedConnector({
   // unknown Default wallet that injects as metamask but is not metamask
   name: 'Default Wallet',
-  installed: () =>
+  installed: async () =>
     !!(window as any).ethereum &&
     !(window as any)?.ethereum?.[ProviderIdentityFlag.MetaMask],
   icon: walletIcons.placeholder,
 });
 
 const metamask: Wallet = new InjectedConnector({
   name: 'MetaMask',
-  installed: () => !!(window as any)?.ethereum?.[ProviderIdentityFlag.MetaMask],
+  installed: async () =>
+    !!(window as any)?.ethereum?.[ProviderIdentityFlag.MetaMask],
   icon: walletIcons.metamask,
 });
 
 const walletConnect: Wallet = new WalletConnectConnector({
   name: 'Wallet Connect',
-  installed: () => true,
+  installed: async () => true,
   icon: walletIcons.walletConnect,
   rpc: Object.fromEntries(
     supportedChains.map((chain) => {
@@ -36,30 +37,31 @@ const walletConnect: Wallet = new WalletConnectConnector({
 const frontier: Wallet = new InjectedConnector(
   {
     name: 'Frontier',
-    installed: () => (window as any).frontier,
+    installed: async () => (window as any).frontier,
     icon: walletIcons.frontier,
   },
   (window as any).frontier?.ethereum,
 );
 
 const brave: Wallet = new InjectedConnector({
   name: 'Brave',
-  installed: () =>
+  installed: async () =>
     // eslint-disable-next-line no-underscore-dangle
     (navigator as any).brave && (window as any)._web3Ref,
   icon: walletIcons.brave,
 });
 
 const mathWallet: Wallet = new InjectedConnector({
   name: 'MathWallet',
-  installed: () => (window as any).ethereum?.[ProviderIdentityFlag.MathWallet],
+  installed: async () =>
+    (window as any).ethereum?.[ProviderIdentityFlag.MathWallet],
   icon: walletIcons.mathwallet,
 });
 
 const tallyho: Wallet = new InjectedConnector(
   {
     name: 'Taho',
-    installed: () =>
+    installed: async () =>
       (window as any).tally &&
       (window as any).tally?.[ProviderIdentityFlag.TallyHo],
     icon: walletIcons.tallyho,
@@ -69,14 +71,15 @@ const tallyho: Wallet = new InjectedConnector(
 
 const blockWallet: Wallet = new InjectedConnector({
   name: 'BlockWallet',
-  installed: () => (window as any).ethereum?.[ProviderIdentityFlag.BlockWallet],
+  installed: async () =>
+    (window as any).ethereum?.[ProviderIdentityFlag.BlockWallet],
   icon: walletIcons.blockwallet,
 });
 
 const binance: Wallet = new InjectedConnector(
   {
     name: 'Binance',
-    installed: () => (window as any).BinanceChain,
+    installed: async () => (window as any).BinanceChain,
     icon: walletIcons.binance,
   },
   (window as any).BinanceChain,
@@ -85,7 +88,7 @@ const binance: Wallet = new InjectedConnector(
 const coinbase: Wallet = new InjectedConnector(
   {
     name: 'Coinbase',
-    installed: () => (window as any).coinbaseWalletExtension,
+    installed: async () => (window as any).coinbaseWalletExtension,
     icon: walletIcons.coinbase,
   },
   (window as any).coinbaseWalletExtension,
@@ -94,60 +97,65 @@ const coinbase: Wallet = new InjectedConnector(
 const trust: Wallet = new InjectedConnector(
   {
     name: 'Trust',
-    installed: () => (window as any).trustWallet,
+    installed: async () => (window as any).trustWallet,
     icon: walletIcons.trust,
   },
   (window as any).trustWallet,
 );
 
 const status: Wallet = new InjectedConnector({
   name: 'Status',
-  installed: () => (window as any).ethereum?.[ProviderIdentityFlag.Status],
+  installed: async () =>
+    (window as any).ethereum?.[ProviderIdentityFlag.Status],
   icon: walletIcons.status,
 });
 
 const alphawallet: Wallet = new InjectedConnector({
   name: 'AlphaWallet',
-  installed: () => (window as any).ethereum?.[ProviderIdentityFlag.AlphaWallet],
+  installed: async () =>
+    (window as any).ethereum?.[ProviderIdentityFlag.AlphaWallet],
   icon: walletIcons.alphawallet,
 });
 
 const atoken: Wallet = new InjectedConnector({
   name: 'AToken',
-  installed: () => (window as any).ethereum?.[ProviderIdentityFlag.AToken],
+  installed: async () =>
+    (window as any).ethereum?.[ProviderIdentityFlag.AToken],
   icon: walletIcons.atoken,
 });
 
 const apex: Wallet = new InjectedConnector({
   name: 'Apex Wallet',
-  installed: () => (window as any).ethereum?.[ProviderIdentityFlag.ApexWallet],
+  installed: async () =>
+    (window as any).ethereum?.[ProviderIdentityFlag.ApexWallet],
   icon: walletIcons.placeholder,
 });
 
 const bitpie: Wallet = new InjectedConnector({
   name: 'Bitpie',
-  installed: () => (window as any).ethereum?.Bitpie,
+  installed: async () => (window as any).ethereum?.Bitpie,
   icon: walletIcons.bitpie,
 });
 
 const dcent: Wallet = new InjectedConnector({
   name: 'Dcent',
-  installed: () => (window as any).ethereum?.[ProviderIdentityFlag.Dcent],
+  installed: async () => (window as any).ethereum?.[ProviderIdentityFlag.Dcent],
   icon: walletIcons.dcent,
 });
 
 const frame: Wallet = new InjectedConnector(
   {
     name: 'Frame',
-    installed: () => (window as any).frame,
+    installed: async () => (window as any).frame,
     icon: walletIcons.frame,
   },
   (window as any).frame,
 );
 
 const huobiwallet: Wallet = new InjectedConnector({
   name: 'HuobiWallet',
-  installed: () => (window as any).ethereum?.[ProviderIdentityFlag.HuobiWallet],
+  installed: async () =>
+    (window as any).ethereum?.[ProviderIdentityFlag.HuobiWallet],
   icon: walletIcons.huobiwallet,
 });
 
@@ -156,47 +164,49 @@ const hyperpay: Wallet = new InjectedConnector({
   // Note: The property `hiWallet` is as of now the only known way of identifying hyperpay
   // wallet as it is a direct clone of metamask. `checkProviderIdentity` implementation is subject to
   // future changes
-  installed: () => (window as any).ethereum?.hiWallet,
+  installed: async () => (window as any).ethereum?.hiWallet,
   icon: walletIcons.hyperpay,
 });
 
 const imtoken: Wallet = new InjectedConnector({
   name: 'ImToken',
-  installed: () => (window as any).ethereum?.[ProviderIdentityFlag.ImToken],
+  installed: async () =>
+    (window as any).ethereum?.[ProviderIdentityFlag.ImToken],
   icon: walletIcons.imtoken,
 });
 
 const liquality: Wallet = new InjectedConnector(
   {
     name: 'Liquality',
-    installed: () => (window as any).liquality,
+    installed: async () => (window as any).liquality,
     icon: walletIcons.liquality,
   },
   (window as any).liquality,
 );
 
 const meetone: Wallet = new InjectedConnector({
   name: 'MeetOne',
-  installed: () =>
+  installed: async () =>
     (window as any).ethereum?.[ProviderIdentityFlag.MeetOne] === 'MEETONE',
   icon: walletIcons.meetone,
 });
 
 const mykey: Wallet = new InjectedConnector({
   name: 'MyKey',
-  installed: () => (window as any).ethereum?.[ProviderIdentityFlag.MyKey],
+  installed: async () => (window as any).ethereum?.[ProviderIdentityFlag.MyKey],
   icon: walletIcons.mykey,
 });
 
 const ownbit: Wallet = new InjectedConnector({
   name: 'OwnBit',
-  installed: () => (window as any).ethereum?.[ProviderIdentityFlag.OwnBit],
+  installed: async () =>
+    (window as any).ethereum?.[ProviderIdentityFlag.OwnBit],
   icon: walletIcons.ownbit,
 });
 
 const tokenpocket: Wallet = new InjectedConnector({
   name: 'TokenPocket',
-  installed: () =>
+  installed: async () =>
     (window as any).ethereum?.[ProviderIdentityFlag.TokenPocket] &&
     !(window as any).ethereum?.[ProviderIdentityFlag.TP],
   icon: walletIcons.tokenpocket,
@@ -205,26 +215,28 @@ const tokenpocket: Wallet = new InjectedConnector({
 const xdefi: Wallet = new InjectedConnector({
   name: 'XDEFI',
   // eslint-disable-next-line dot-notation
-  installed: () => (window as any).ethereum?.[ProviderIdentityFlag.XDEFI],
+  installed: async () => (window as any).ethereum?.[ProviderIdentityFlag.XDEFI],
   icon: walletIcons.xdefi,
 });
 
 const oneInch: Wallet = new InjectedConnector({
   name: 'OneInch',
-  installed: () => (window as any).ethereum?.[ProviderIdentityFlag.OneInch],
+  installed: async () =>
+    (window as any).ethereum?.[ProviderIdentityFlag.OneInch],
   icon: walletIcons.oneInch,
 });
 
 const tokenary: Wallet = new InjectedConnector({
   name: 'Tokenary',
-  installed: () => (window as any).ethereum?.[ProviderIdentityFlag.Tokenary],
+  installed: async () =>
+    (window as any).ethereum?.[ProviderIdentityFlag.Tokenary],
   icon: walletIcons.tokenary,
 });
 
 const exodus: Wallet = new InjectedConnector(
   {
-    name: 'Exodus',
-    installed: () => (window as any).exodus?.ethereum,
+    name: 'ERSLKDJFLKSDJf',
+    installed: async () => (window as any).exodus?.ethereum,
     icon: walletIcons.exodus,
   },
   (window as any).exodus?.ethereum,