feat: enkryptWallet support (#1419)

* feat: enkrypt wallet support

* fix: backticks

* chore: amend icon

* fix: amend icon colors

* test: check injection

* chore: revert

---------

Co-authored-by: Daniel Sinclair <[email protected]>

.changeset/good-gifts-crash.md

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

packages/example/pages/_app.tsx

@@ -18,6 +18,7 @@ import {
   coin98Wallet,
   coreWallet,
   dawnWallet,
+  enkryptWallet,
   foxWallet,
   frameWallet,
   frontierWallet,
@@ -107,6 +108,7 @@ const connectors = connectorsForWallets([
       coin98Wallet({ chains, projectId }),
       coreWallet({ chains, projectId }),
       dawnWallet({ chains }),
+      enkryptWallet({ chains }),
       foxWallet({ chains, projectId }),
       frameWallet({ chains }),
       frontierWallet({ chains, projectId }),

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

@@ -0,0 +1,85 @@
+/* eslint-disable sort-keys-fix/sort-keys-fix */
+import type { InjectedConnectorOptions } from '@wagmi/core';
+import { InjectedConnector } from 'wagmi/connectors/injected';
+import type { Chain } from '../../../components/RainbowKitProvider/RainbowKitChainContext';
+import type { Wallet } from '../../Wallet';
+
+declare global {
+  interface Window {
+    enkrypt: {
+      providers: {
+        ethereum: any;
+      };
+    };
+  }
+}
+
+export interface EnkryptWalletOptions {
+  chains: Chain[];
+}
+
+export const enkryptWallet = ({
+  chains,
+  ...options
+}: EnkryptWalletOptions & InjectedConnectorOptions): Wallet => {
+  const isEnkryptInjected =
+    typeof window !== 'undefined' &&
+    typeof window.enkrypt !== 'undefined' &&
+    window?.enkrypt?.providers?.ethereum;
+  return {
+    id: 'enkrypt',
+    name: 'Enkrypt Wallet',
+    installed: isEnkryptInjected ? true : undefined,
+    iconUrl: async () => (await import('./enkryptWallet.svg')).default,
+    iconBackground: '#FFFFFF',
+    downloadUrls: {
+      qrCode: 'https://www.enkrypt.com',
+      chrome:
+        'https://chrome.google.com/webstore/detail/enkrypt-ethereum-polkadot/kkpllkodjeloidieedojogacfhpaihoh',
+      browserExtension: 'https://www.enkrypt.com/',
+      edge: 'https://microsoftedge.microsoft.com/addons/detail/enkrypt-ethereum-polkad/gfenajajnjjmmdojhdjmnngomkhlnfjl',
+      firefox: 'https://addons.mozilla.org/en-US/firefox/addon/enkrypt/',
+      opera: 'https://addons.opera.com/en/extensions/details/enkrypt/',
+      safari: 'https://apps.apple.com/app/enkrypt-web3-wallet/id1640164309',
+    },
+    createConnector: () => {
+      return {
+        connector: new InjectedConnector({
+          chains,
+          options: {
+            getProvider: () =>
+              isEnkryptInjected
+                ? window?.enkrypt?.providers?.ethereum
+                : undefined,
+            ...options,
+          },
+        }),
+        extension: {
+          instructions: {
+            learnMoreUrl: 'https://blog.enkrypt.com/what-is-a-web3-wallet/',
+            steps: [
+              {
+                description:
+                  'We recommend pinning Enkrypt Wallet to your taskbar for quicker access to your wallet.',
+                step: 'install',
+                title: 'Install the Enkrypt Wallet extension',
+              },
+              {
+                description:
+                  'Be sure to back up your wallet using a secure method. Never share your secret phrase with anyone.',
+                step: 'create',
+                title: 'Create or Import a Wallet',
+              },
+              {
+                description:
+                  'Once you set up your wallet, click below to refresh the browser and load up the extension.',
+                step: 'refresh',
+                title: 'Refresh your browser',
+              },
+            ],
+          },
+        },
+      };
+    },
+  };
+};

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

@@ -7,6 +7,7 @@ import { coin98Wallet } from './coin98Wallet/coin98Wallet';
 import { coinbaseWallet } from './coinbaseWallet/coinbaseWallet';
 import { coreWallet } from './coreWallet/coreWallet';
 import { dawnWallet } from './dawnWallet/dawnWallet';
+import { enkryptWallet } from './enkryptWallet/enkryptWallet';
 import { foxWallet } from './foxWallet/foxWallet';
 import { frameWallet } from './frameWallet/frameWallet';
 import { frontierWallet } from './frontierWallet/frontierWallet';
@@ -41,6 +42,7 @@ export {
   coinbaseWallet,
   coreWallet,
   dawnWallet,
+  enkryptWallet,
   foxWallet,
   frameWallet,
   frontierWallet,

site/data/docs/custom-wallet-list.mdx

@@ -209,6 +209,15 @@ dawnWallet(options: {
 });
 ```
 
+#### Enkrypt Wallet
+
+```tsx
+import { enkryptWallet } from '@rainbow-me/rainbowkit/wallets';
+enkryptWallet(options: {
+  chains: Chain[];
+});
+```
+
 #### FoxWallet
 
 ```tsx