Add Infinity Wallet Connector

README.md

@@ -6,7 +6,7 @@ A single Web3 / Ethereum provider solution for all Wallets
 
 Web3Modal is an easy-to-use library to help developers add support for multiple providers in their apps with a simple customizable configuration.
 
-By default Web3Modal Library supports injected providers like ( **Metamask**,**Brave Wallet**, **Dapper**, **Frame**, **Gnosis Safe**, **Tally**, Web3 Browsers, etc) and **WalletConnect**. You can also easily configure the library to support **Coinbase Wallet**, **Torus**, **Portis**, **Fortmatic** and many more.
+By default Web3Modal Library supports injected providers like ( **Metamask**,**Brave Wallet**, **Dapper**, **Frame**, **Gnosis Safe**, **Tally**, Web3 Browsers, etc) and **WalletConnect**. You can also easily configure the library to support **Coinbase Wallet**, **Infinity Wallet**, **Torus**, **Portis**, **Fortmatic** and many more.
 
 ## Preview
 
@@ -198,6 +198,7 @@ These are all the providers available with Web3Modal and how to configure their
 
 - [WalletConnect](./docs/providers/walletconnect.md)
 - [Coinbase Wallet](./docs/providers/coinbasewallet.md)
+- [Infinity Wallet](./docs/providers/infinitywallet.md)
 - [Fortmatic](./docs/providers/fortmatic.md)
 - [Torus](./docs/providers/torus.md)
 - [Portis](./docs/providers/portis.md)

docs/providers/infinitywallet.md

@@ -0,0 +1,23 @@
+# Infinity Wallet
+
+1. Install Provider Package
+
+```bash
+npm install --save @infinitywallet/infinity-connector
+
+# OR
+
+yarn add @infinitywallet/infinity-connector
+```
+
+2. Set Provider Options
+
+```typescript
+import * as InfinityWalletConnect from '@infinitywallet/infinity-connector';
+
+const providerOptions = {
+  infinitywallet: {
+    package: InfinityWalletConnect
+  }
+};
+```

example/package.json

@@ -5,6 +5,7 @@
   "dependencies": {
     "@babel/core": "7.12.3",
     "@coinbase/wallet-sdk": "^3.0.4",
+    "@infinitywallet/infinity-connector": "^1.0.6",
     "@pmmmwh/react-refresh-webpack-plugin": "0.4.2",
     "@svgr/webpack": "5.4.0",
     "@testing-library/jest-dom": "^5.11.4",

example/src/App.tsx

@@ -10,6 +10,8 @@ import WalletConnect from "@walletconnect/web3-provider";
 import CoinbaseWalletSDK from "@coinbase/wallet-sdk";
 // @ts-ignore
 import { Web3Auth } from "@web3auth/web3auth";
+// @ts-ignore
+import * as InfinityWalletConnect from '@infinitywallet/infinity-connector';
 
 import Button from "./components/Button";
 import Column from "./components/Column";
@@ -238,6 +240,9 @@ class App extends React.Component<any, any> {
           infuraId
         }
       },
+      infinitywallet: {
+        package: InfinityWalletConnect
+      },
       coinbasewallet: {
         package: CoinbaseWalletSDK,
         options: {

package.json

@@ -8,6 +8,7 @@
     "ethereum",
     "web3modal",
     "metamask",
+    "infinitywallet",
     "tally",
     "walletconnect",
     "portis",

src/components/Modal.tsx

@@ -23,6 +23,7 @@ declare global {
     opera: any;
     bitkeep: any;
     starzwallet: any;
+    infinitywallet: any;
   }
 }
 

src/helpers/utils.ts

@@ -146,6 +146,9 @@ export function getProviderDescription(
     case "hardware":
       description = `Connect to your ${providerInfo.name} Hardware Wallet`;
       break;
+    case "connectWallet":
+      description = `Connect to your ${providerInfo.name}`;
+      break;
     default:
       break;
   }

src/providers/connectors/index.ts

@@ -1,4 +1,5 @@
 import injected from "./injected";
+import infinitywallet from "./infinitywallet";
 import boltx from "./boltx";
 import walletconnect from "./walletconnect";
 import portis from "./portis";
@@ -23,6 +24,7 @@ import starzwallet from "./starzwallet";
 export {
   injected,
   walletconnect,
+  infinitywallet,
   boltx,
   portis,
   torus,

src/providers/connectors/infinitywallet.ts

@@ -0,0 +1,36 @@
+import { IAbstractConnectorOptions, getChainId } from "../../helpers";
+
+const ConnectInfinityWallet = async (
+  InfinityWalletConnect: any,
+  opts: IAbstractConnectorOptions
+) => {
+  let provider = null;
+  try {
+    let chainId = 1;
+
+    if (opts) {
+      chainId =
+        opts.network && getChainId(opts.network) ? getChainId(opts.network) : 1;
+    }
+
+    if (
+      typeof (window as any).ethereum !== "undefined" &&
+      window.ethereum?.isInfinityWallet
+    ) {
+      const infinitywalletConnector = new InfinityWalletConnect.InfinityWalletConnector(
+        {
+          supportedChainIds: [chainId]
+        }
+      );
+      provider = await infinitywalletConnector.getProvider();
+    } else {
+      InfinityWalletConnect.openInfinityWallet(window.location.href, chainId);
+      throw new Error("Not open in Infinity Wallet, or cant find provider");
+    }
+  } catch (e) {
+    throw e;
+  }
+  return provider;
+};
+
+export default ConnectInfinityWallet;

src/providers/providers/index.ts

@@ -1,6 +1,8 @@
 // @ts-ignore
 import WalletConnectLogo from "../logos/walletconnect-circle.svg";
 // @ts-ignore
+import InfinityWalletLogo from "../logos/infinitywallet.svg";
+// @ts-ignore
 import PortisLogo from "../logos/portis.svg";
 // @ts-ignore
 import FortmaticLogo from "../logos/fortmatic.svg";
@@ -53,6 +55,14 @@ export const WALLETCONNECT: IProviderInfo = {
   }
 };
 
+export const INFINITYWALLET: IProviderInfo = {
+  id: "infinitywallet",
+  name: "Infinity Wallet",
+  logo: InfinityWalletLogo,
+  type: "connectWallet",
+  check: "isInfinitywallet"
+};
+
 export const PORTIS: IProviderInfo = {
   id: "portis",
   name: "Portis",
@@ -223,4 +233,3 @@ export const STARZWALLET: IProviderInfo = {
   type: "injected",
   check: "isStarzWallet"
 };
-