feat: add kraken wallet (#1957)

* add kraken wallet

* Create fuzzy-dryers-give.md

* chore: adjust changeset

* fix: kraken wallet locale strings

* chore: minified icon

---------

Co-authored-by: Daniel Sinclair <d@niel.nyc>

.changeset/fuzzy-dryers-give.md

@@ -0,0 +1,6 @@
+---
+"@rainbow-me/rainbowkit": patch
+"example": patch
+---
+
+Added Kraken Wallet support with `krakenWallet` wallet connector

packages/example/pages/_app.tsx

@@ -38,6 +38,7 @@ import {
   gateWallet,
   imTokenWallet,
   kaikasWallet,
+  krakenWallet,
   kresusWallet,
   ledgerWallet,
   mewWallet,
@@ -202,6 +203,7 @@ const config = getDefaultConfig({
         gateWallet,
         imTokenWallet,
         kresusWallet,
+        krakenWallet,
         kaikasWallet,
         ledgerWallet,
         mewWallet,

packages/rainbowkit/src/locales/en_US.json

@@ -599,6 +599,23 @@
       }
     },
 
+    "kraken": {
+      "qr_code": {
+        "step1": {
+          "title": "Open the Kraken Wallet app",
+          "description": "Add Kraken Wallet to your home screen for faster access to your wallet."
+        },
+        "step2": {
+          "title": "Create or Import a Wallet",
+          "description": "Create a new wallet or import an existing one."
+        },
+        "step3": {
+          "title": "Tap the QR icon and scan",
+          "description": "Tap the QR icon on your homescreen, scan the code and confirm the prompt to connect."
+        }
+      }
+    },
+
     "kresus": {
       "qr_code": {
         "step1": {

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

@@ -21,6 +21,7 @@ import { gateWallet } from './gateWallet/gateWallet';
 import { imTokenWallet } from './imTokenWallet/imTokenWallet';
 import { injectedWallet } from './injectedWallet/injectedWallet';
 import { kaikasWallet } from './kaikasWallet/kaikasWallet';
+import { krakenWallet } from './krakenWallet/krakenWallet';
 import { kresusWallet } from './kresusWallet/kresusWallet';
 import { ledgerWallet } from './ledgerWallet/ledgerWallet';
 import { metaMaskWallet } from './metaMaskWallet/metaMaskWallet';
@@ -74,6 +75,7 @@ export {
   imTokenWallet,
   injectedWallet,
   kaikasWallet,
+  krakenWallet,
   kresusWallet,
   ledgerWallet,
   metaMaskWallet,

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

@@ -0,0 +1,54 @@
+import { Wallet } from '../../Wallet';
+import { getWalletConnectConnector } from '../../getWalletConnectConnector';
+import { DefaultWalletOptions } from './../../Wallet';
+
+export type KrakenWalletOptions = DefaultWalletOptions;
+
+export const krakenWallet = ({
+  projectId,
+  walletConnectParameters,
+}: KrakenWalletOptions): Wallet => ({
+  id: 'kraken',
+  name: 'Kraken Wallet',
+  iconUrl: async () => (await import('./krakenWallet.svg')).default,
+  iconBackground: '#FFD8EA',
+  downloadUrls: {
+    ios: 'https://apps.apple.com/us/app/kraken-wallet/id1626327149',
+    mobile: 'https://kraken.com/wallet',
+    qrCode: 'https://kraken.com/wallet',
+  },
+
+  mobile: {
+    getUri: (uri: string) => {
+      return `krakenwallet://wc?uri=${encodeURIComponent(uri)}`;
+    },
+  },
+  qrCode: {
+    getUri: (uri: string) => uri,
+    instructions: {
+      learnMoreUrl: 'https://kraken.com/wallet',
+      steps: [
+        {
+          description: 'wallet_connectors.kraken.qr_code.step1.description',
+          step: 'install',
+          title: 'wallet_connectors.kraken.qr_code.step1.title',
+        },
+        {
+          description: 'wallet_connectors.kraken.qr_code.step2.description',
+          step: 'create',
+          title: 'wallet_connectors.kraken.qr_code.step2.title',
+        },
+        {
+          description: 'wallet_connectors.kraken.qr_code.step3.description',
+          step: 'scan',
+          title: 'wallet_connectors.kraken.qr_code.step3.title',
+        },
+      ],
+    },
+  },
+
+  createConnector: getWalletConnectConnector({
+    projectId,
+    walletConnectParameters,
+  }),
+});

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

@@ -218,6 +218,12 @@ import { ledgerWallet } from '@rainbow-me/rainbowkit/wallets';
 import { imTokenWallet } from '@rainbow-me/rainbowkit/wallets';
 ```
 
+#### Kraken Wallet
+
+```tsx
+import { krakenWallet } from '@rainbow-me/rainbowkit/wallets';
+```
+
 #### Kresus Wallet
 
 ```tsx