feat: add Safe Wallet to wallet management

package.json

@@ -1,5 +1,5 @@
 {
-  "version": "2.1.4",
+  "version": "2.2.0-beta.2",
   "private": true,
   "sideEffects": false,
   "packageManager": "[email protected]",
@@ -10,7 +10,7 @@
     "start": "lerna run start",
     "build": "lerna run build",
     "release": "yarn release:version:before && yarn release:version && yarn release:version:after && yarn standard-version -a",
-    "release:beta": "yarn release:version:before && yarn release:version && yarn release:version:after && yarn standard-version -a --prerelease beta",
+    "release:beta": "yarn release:version:before && yarn release:version && yarn release:version:after && yarn standard-version -a --prerelease beta --skip.changelog",
     "release:version": "lerna version --preid beta --no-changelog --no-push --no-git-tag-version --no-private",
     "release:version:before": "node scripts/private-version before",
     "release:version:after": "yarn release:build && node scripts/private-version after",

packages/wallet-management/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lifi/wallet-management",
-  "version": "2.1.4",
+  "version": "2.2.0-beta.2",
   "description": "LI.FI Wallet Management solution.",
   "sideEffects": false,
   "main": "./src/index.ts",
@@ -52,7 +52,9 @@
     "@ethersproject/abstract-signer": "^5.7.0",
     "@ethersproject/experimental": "^5.7.0",
     "@ethersproject/providers": "^5.7.2",
-    "@lifi/sdk": "^2.1.2",
+    "@lifi/sdk": "^2.2.0-beta.0",
+    "@safe-global/safe-apps-provider": "^0.17.1",
+    "@safe-global/safe-apps-sdk": "^8.0.0",
     "@walletconnect/ethereum-provider": "^2.9.0",
     "@walletconnect/modal": "^2.5.9",
     "events": "^3.3.0",

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

@@ -1,5 +1,5 @@
+import { Web3Provider } from '@ethersproject/providers';
 import type { StaticToken } from '@lifi/sdk';
-import { ethers } from 'ethers';
 import events from 'events';
 import type {
   AccountData,
@@ -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: InjectedConnectorArgs,
@@ -169,10 +169,7 @@ export class InjectedConnector extends events.EventEmitter implements Wallet {
       throw new Error('provider is not defined.');
     }
 
-    const provider = new ethers.providers.Web3Provider(
-      this.windowProvider,
-      'any',
-    );
+    const provider = new Web3Provider(this.windowProvider, 'any');
     const accounts = await provider.listAccounts();
 
     if (!accounts.length) {

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

@@ -0,0 +1,81 @@
+import { Web3Provider } from '@ethersproject/providers';
+import { SafeAppProvider } from '@safe-global/safe-apps-provider';
+import type { SafeInfo } from '@safe-global/safe-apps-sdk';
+import SafeAppsSDK from '@safe-global/safe-apps-sdk';
+import events from 'events';
+import type { AccountData, InjectedConnectorArgs, Wallet } from '../types';
+
+export class SafeWalletConnector extends events.EventEmitter implements Wallet {
+  public provider: Web3Provider | undefined;
+
+  public isActivationInProgress: boolean = false;
+  public account: AccountData | undefined;
+
+  public name: string;
+  public icon: string;
+
+  constructor(args: InjectedConnectorArgs) {
+    super();
+    this.name = args.name;
+    this.icon = args.icon;
+
+    this.calcAccountData();
+  }
+
+  public installed = async () => {
+    const sdk = new SafeAppsSDK();
+    const accountInfo = await sdk.safe.getInfo();
+    return !!accountInfo;
+  };
+  public autoConnect = async () => {
+    await this.calcAccountData();
+  };
+
+  public disconnect = () => {
+    this.account = undefined;
+  };
+
+  public connect = async () => {
+    await this.calcAccountData();
+  };
+
+  private async calcAccountData() {
+    const sdk = new SafeAppsSDK();
+    const accountInfo = await sdk.safe.getInfo();
+
+    const safe: SafeInfo = {
+      safeAddress: accountInfo.safeAddress,
+      chainId: accountInfo.chainId,
+      threshold: accountInfo.threshold,
+      owners: accountInfo.owners,
+      isReadOnly: accountInfo.isReadOnly,
+    };
+
+    const safeInstance = new SafeAppProvider(safe, sdk);
+
+    const provider = new Web3Provider(safeInstance);
+    const signer = provider.getSigner();
+
+    this.account = {
+      chainId: accountInfo.chainId,
+      address: accountInfo.safeAddress,
+      signer,
+      provider,
+      isMultisigWallet: true,
+    };
+    this.emit('walletAccountChanged', this);
+  }
+
+  public switchChain = (): any => {
+    console.warn('Method switchChain not allowed');
+    return null;
+  };
+  public addChain = (): any => {
+    console.warn('Method addChain not allowed');
+    return null;
+  };
+  public addToken = (): any => {
+    console.warn('Method addToken not allowed');
+    return null;
+  };
+}

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

@@ -25,7 +25,7 @@ export class WalletConnectConnector extends EventEmitter implements Wallet {
   public account?: AccountData;
   public name: string;
   public icon: string;
-  public installed: () => boolean;
+  public installed: () => Promise<boolean>;
 
   constructor(args: WalletConnectConnectorArgs) {
     super();

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

@@ -30,18 +30,19 @@ export interface AccountData {
   address: string;
   signer: Signer;
   provider: Web3Provider;
+  isMultisigWallet?: boolean;
 }
 
 export interface InjectedConnectorArgs {
   name: string;
   icon: string;
-  installed: () => boolean;
+  installed: () => Promise<boolean>;
 }
 
 export interface WalletConnectConnectorArgs {
   name: string;
   icon: string;
-  installed: () => boolean;
+  installed: () => Promise<boolean>;
   options: EthereumProviderOptions;
 }
 
@@ -50,7 +51,7 @@ export interface Wallet extends EventEmitter {
   icon: string;
   isActivationInProgress: boolean;
   account?: AccountData;
-  installed: () => boolean;
+  installed: () => Promise<boolean>;
   connect: () => Promise<void>;
   autoConnect?: () => Promise<void>;
   disconnect: () => void;

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

@@ -29,6 +29,7 @@ import xdefi from './xdefi.svg';
 import frontier from './frontier.svg';
 import placeholder from './placeholder.svg';
 import exodus from './exodus.svg';
+import safe from './safe.svg';
 
 export const walletIcons = {
   mathwallet,
@@ -62,4 +63,5 @@ export const walletIcons = {
   walletio,
   xdefi,
   exodus,
+  safe,
 };