feat: xdefiWallet support (#1175)

* feat: add support for XDEFI Wallet

* fix: review comments

* chore: update svg and add example

* chore: minify svg

* chore: amend changeset

---------

Co-authored-by: Amin Limbada <aminlimbada94@gmail.com>
Co-authored-by: Amin Limbada <amin@xdefi.io>

.changeset/short-hornets-clap.md

@@ -0,0 +1,23 @@
+---
+'@rainbow-me/rainbowkit': patch
+---
+
+XDEFI Wallet Support
+
+**Example usage**
+
+```tsx
+import {
+  getDefaultWallets,
+  connectorsForWallets,
+} from '@rainbow-me/rainbowkit';
+import { xdefiWallet } from '@rainbow-me/rainbowkit/wallets';
+const { wallets } = getDefaultWallets({ appName, projectId, chains });
+const connectors = connectorsForWallets([
+  ...wallets,
+  {
+    groupName: 'Other',
+    wallets: [xdefiWallet({ chains })],
+  },
+]);
+```

packages/example/pages/_app.tsx

@@ -21,6 +21,7 @@ import {
   omniWallet,
   tahoWallet,
   trustWallet,
+  xdefiWallet,
   zerionWallet,
 } from '@rainbow-me/rainbowkit/wallets';
 import {
@@ -95,6 +96,7 @@ const connectors = connectorsForWallets([
       omniWallet({ chains, projectId }),
       tahoWallet({ chains }),
       trustWallet({ chains, projectId }),
+      xdefiWallet({ chains }),
       zerionWallet({ chains, projectId }),
     ],
   },

packages/rainbowkit/src/wallets/walletConnectors/index.ts

@@ -15,6 +15,7 @@ import { safeWallet } from './safeWallet/safeWallet';
 import { tahoWallet } from './tahoWallet/tahoWallet';
 import { trustWallet } from './trustWallet/trustWallet';
 import { walletConnectWallet } from './walletConnectWallet/walletConnectWallet';
+import { xdefiWallet } from './xdefiWallet/xdefiWallet';
 import { zerionWallet } from './zerionWallet/zerionWallet';
 
 export {
@@ -35,5 +36,6 @@ export {
   trustWallet,
   okxWallet,
   walletConnectWallet,
+  xdefiWallet,
   zerionWallet,
 };

packages/rainbowkit/src/wallets/walletConnectors/xdefiWallet/xdefiWallet.ts

@@ -0,0 +1,46 @@
+/* eslint-disable sort-keys-fix/sort-keys-fix */
+import type { InjectedConnectorOptions } from '@wagmi/core/dist/connectors/injected';
+import { InjectedConnector } from 'wagmi/connectors/injected';
+import { Chain } from '../../../components/RainbowKitProvider/RainbowKitChainContext';
+import { Wallet } from '../../Wallet';
+
+declare global {
+  interface Window {
+    xfi: any;
+  }
+}
+
+export interface XDEFIWalletOptions {
+  chains: Chain[];
+}
+
+export const xdefiWallet = ({
+  chains,
+  ...options
+}: XDEFIWalletOptions & InjectedConnectorOptions): Wallet => {
+  const isInstalled =
+    typeof window !== 'undefined' && typeof window?.xfi !== 'undefined';
+  return {
+    id: 'xdefi',
+    name: 'XDEFI Wallet',
+    installed: isInstalled,
+    iconUrl: async () => (await import('./xdefiWallet.svg')).default,
+    iconBackground: '#fff',
+    downloadUrls: {
+      browserExtension:
+        'https://chrome.google.com/webstore/detail/xdefi-wallet/hmeobnfnfcmdkdcmlblgagmfpfboieaf',
+    },
+    createConnector: () => ({
+      connector: new InjectedConnector({
+        chains,
+        options: {
+          //@ts-ignore
+          getProvider: () => {
+            return isInstalled ? (window.xfi?.ethereum as any) : undefined;
+          },
+          ...options,
+        },
+      }),
+    }),
+  };
+};