From 9dbc2872d4da9011980bc6a4a254924ec17a4359 Mon Sep 17 00:00:00 2001
From: Kien Ngo <kenseverus@gmail.com>
Date: Sun, 3 Dec 2023 12:17:06 -0500
Subject: [PATCH] Add onekey wallet (#1110)

* Fix typos

* Add OneKey wallet
---
 docs/onboarding/12 Wallet/0 Overview.mdx      |  63 ++++++------
 .../12 Wallet/4 Wallets/OneKey Wallet.mdx     |  68 +++++++++++++
 .../3 Supported Wallets.mdx                   |   8 ++
 docs/react/Connecting Wallets.mdx             |   1 +
 docs/react/wallets/oneKeyWallet.mdx           |  91 ++++++++++++++++++
 static/assets/wallets/onekey.png              | Bin 0 -> 2533 bytes
 6 files changed, 200 insertions(+), 31 deletions(-)
 create mode 100644 docs/onboarding/12 Wallet/4 Wallets/OneKey Wallet.mdx
 create mode 100644 docs/react/wallets/oneKeyWallet.mdx
 create mode 100644 static/assets/wallets/onekey.png

diff --git a/docs/onboarding/12 Wallet/0 Overview.mdx b/docs/onboarding/12 Wallet/0 Overview.mdx
index dad3c98c9..03e8cf447 100644
--- a/docs/onboarding/12 Wallet/0 Overview.mdx	
+++ b/docs/onboarding/12 Wallet/0 Overview.mdx	
@@ -161,37 +161,30 @@ The Wallet SDK comes out of the box with support for the most popular wallets th
       description="Connect with OKX Wallet"
     />
   </div>
-
-{" "}
-<div className="col col--4" style={{ padding: 8 }}>
-  <QuickstartCard
-    name="Core Wallet"
-    link="/wallet/core-wallet"
-    image="/assets/wallets/core.png"
-    description="Connect with Core Wallet"
-  />
-</div>
-
-{" "}
-<div className="col col--4" style={{ padding: 8 }}>
-  <QuickstartCard
-    name="Coin98 Wallet"
-    link="/wallet/coin98-wallet"
-    image="/assets/wallets/coin98.png"
-    description="Connect with Coin98 Wallet"
-  />
-</div>
-
-{" "}
-<div className="col col--4" style={{ padding: 8 }}>
-  <QuickstartCard
-    name="Rabby Wallet"
-    link="/wallet/rabby-wallet"
-    image="/assets/wallets/rabby.svg"
-    description="Connect with Rabby Wallet"
-  />
-</div>
-
+  <div className="col col--4" style={{ padding: 8 }}>
+    <QuickstartCard
+      name="Core Wallet"
+      link="/wallet/core-wallet"
+      image="/assets/wallets/core.png"
+      description="Connect with Core Wallet"
+    />
+  </div>
+  <div className="col col--4" style={{ padding: 8 }}>
+    <QuickstartCard
+      name="Coin98 Wallet"
+      link="/wallet/coin98-wallet"
+      image="/assets/wallets/coin98.png"
+      description="Connect with Coin98 Wallet"
+    />
+  </div>
+  <div className="col col--4" style={{ padding: 8 }}>
+    <QuickstartCard
+      name="Rabby Wallet"
+      link="/wallet/rabby-wallet"
+      image="/assets/wallets/rabby.svg"
+      description="Connect with Rabby Wallet"
+    />
+  </div>
   <div className="col col--4" style={{ padding: 8 }}>
     <QuickstartCard
       name="Defi Wallet"
@@ -200,6 +193,14 @@ The Wallet SDK comes out of the box with support for the most popular wallets th
       description="Connect with Defi Wallet"
     />
   </div>
+  <div className="col col--4" style={{ padding: 8 }}>
+    <QuickstartCard
+      name="OneKey Wallet"
+      link="/wallet/onekey-wallet"
+      image="/assets/wallets/onekey.png"
+      description="Connect with OneKey Wallet"
+    />
+  </div>
 </div>
 
 <br />
diff --git a/docs/onboarding/12 Wallet/4 Wallets/OneKey Wallet.mdx b/docs/onboarding/12 Wallet/4 Wallets/OneKey Wallet.mdx
new file mode 100644
index 000000000..08bd93945
--- /dev/null
+++ b/docs/onboarding/12 Wallet/4 Wallets/OneKey Wallet.mdx	
@@ -0,0 +1,68 @@
+---
+slug: /wallet/onekey-wallet
+title: OneKey Wallet
+---
+
+import Tabs from "@theme/Tabs";
+import TabItem from "@theme/TabItem";
+import CodeBlock from "@theme/CodeBlock";
+
+Prompt users to connect to their [OneKey wallet](https://onekey.so).
+
+## Usage
+
+```javascript
+import { OneKeyWallet } from "@thirdweb-dev/wallets";
+
+const wallet = new OneKeyWallet();
+
+wallet.connect();
+```
+
+## Configuration
+
+Optionally, provide a configuration object when instantiating the `OneKeyWallet` class.
+
+<details>
+  <summary>projectId (recommended) </summary>
+  <div>
+
+This is only relevant if you want to use [WalletConnect](https://walletconnect.com/) for connecting to OneKey wallet mobile app when MetaMask is not injected.
+
+This `projectId` can be obtained at [cloud.walletconnect.com](https://cloud.walletconnect.com/). It is highly recommended to use your own project id and only use the default one for testing purposes.
+
+```javascript
+import { OneKeyWallet } from "@thirdweb-dev/wallets";
+
+const wallet = new OneKeyWallet(
+  // highlight-start
+  {
+    projectId: "YOUR_WALLET_CONNECT_PROJECT_ID",
+  },
+  // highlight-end
+);
+```
+
+</div>
+</details>
+
+<details>
+  <summary>recommended (optional) </summary>
+  <div>
+
+Show this wallet as "recommended" in the [ConnectWallet Modal](/react/react.connectwallet).
+
+```ts
+OneKeyWallet({
+  // highlight-start
+  recommended: true,
+  // highlight-end
+});
+```
+
+</div>
+</details>
+
+## Methods
+
+Inherits all the public methods from the [`AbstractClientWallet`](interfaces/abstract-client-wallet) class.
\ No newline at end of file
diff --git a/docs/onboarding/20 Connect/3 Connect Wallet Component/3 Supported Wallets.mdx b/docs/onboarding/20 Connect/3 Connect Wallet Component/3 Supported Wallets.mdx
index 86ac3be70..5e39a7420 100644
--- a/docs/onboarding/20 Connect/3 Connect Wallet Component/3 Supported Wallets.mdx	
+++ b/docs/onboarding/20 Connect/3 Connect Wallet Component/3 Supported Wallets.mdx	
@@ -167,6 +167,14 @@ The following wallets are supported by the SDKs:
           description="Connect with Defi Wallet"
         />
       </div>
+      <div className="col col--4" style={{ padding: 8 }}>
+        <QuickstartCard
+          name="OneKey wallet"
+          link="/react/react.onekey"
+          image="/assets/wallets/onekey.png"
+          description="Connect with OneKey Wallet"
+        />
+      </div>
     </div>
   </TabItem>
   <TabItem value="react-native" label="React Native">
diff --git a/docs/react/Connecting Wallets.mdx b/docs/react/Connecting Wallets.mdx
index 2538f6e39..0a7b851cf 100644
--- a/docs/react/Connecting Wallets.mdx	
+++ b/docs/react/Connecting Wallets.mdx	
@@ -37,6 +37,7 @@ There are two ways you connect user's wallet to your application using thirdweb'
 | Coin98 Wallet     | [`coin98Wallet`](/react/react.coin98)           |
 | Rabby Wallet      | [`rabbyWallet`](/react/react.rabby)             |
 | Defi Wallet       | [`cryptoDefiWallet`](/react/react.defiwallet)   |
+| OneKey Wallet     | [`oneKeyWallet`](/react/react.onekey)           |
 
 <br />
 
diff --git a/docs/react/wallets/oneKeyWallet.mdx b/docs/react/wallets/oneKeyWallet.mdx
new file mode 100644
index 000000000..a0a1aa90c
--- /dev/null
+++ b/docs/react/wallets/oneKeyWallet.mdx
@@ -0,0 +1,91 @@
+---
+title: oneKeyWallet
+slug: /react.onekey
+displayed_sidebar: react
+---
+
+import Tabs from "@theme/Tabs";
+import TabItem from "@theme/TabItem";
+import CodeBlock from "@theme/CodeBlock";
+import { CustomizeWalletConfigurator } from "@components/build-wallet/CustomizeWalletConfigurator";
+
+A wallet configurator for [OneKey Wallet](/wallet/onekey-wallet) which allows integrating the wallet with React.
+
+```tsx
+import { oneKeyWallet } from "@thirdweb-dev/react";
+
+const oneKeyWalletConfig = oneKeyWallet(options);
+```
+
+## options
+
+<details>
+  <summary>projectId (recommended) </summary>
+  <div>
+
+Your project's unique identifier that can be obtained at [cloud.walletconnect.com](https://cloud.walletconnect.com).
+
+Defaults to a common thirdweb projectId. We recommend getting your own projectId at
+[cloud.walletconnect.com](https://cloud.walletconnect.com) when launching your project.
+
+```javascript
+import { oneKeyWallet } from "@thirdweb-dev/react";
+
+oneKeyWallet(
+  // highlight-start
+  {
+    projectId: "<PROJECT_ID>",
+  },
+  // highlight-end
+);
+```
+
+</div>
+</details>
+
+<details>
+  <summary>recommended (optional) </summary>
+  <div>
+
+Show this wallet as "recommended" in the [ConnectWallet Modal](/react/react.connectwallet).
+
+```ts
+oneKeyWallet({
+  // highlight-start
+  recommended: true,
+  // highlight-end
+});
+```
+
+</div>
+</details>
+
+## Usage with `ConnectWallet`
+
+To allow users to connect to this wallet using the [ConnectWallet](/react/react.connectwallet) component, you can add it to [ThirdwebProvider's supportedWallets](/react/react.thirdwebprovider#supportedwallets-optional) prop.
+
+```tsx
+<ThirdwebProvider supportedWallets={[oneKeyWallet()]} clientId="your-client-id">
+  <YourApp />
+</ThirdwebProvider>
+```
+
+## Usage with `useConnect`
+
+you can use the `useConnect` hook to programmatically connect to the wallet without using the [ConnectWallet](/react/react.connectwallet) component.
+
+The wallet also needs to be added in [ThirdwebProvider's supportedWallets](/react/react.thirdwebprovider#supportedwallets-optional) if you want the wallet to auto-connect on next page load.
+
+```tsx
+const oneKeyWalletConfig = oneKeyWallet();
+
+function App() {
+  const connect = useConnect();
+
+  const handleConnect = async () => {
+    await connect(oneKeyWalletConfig, connectOptions);
+  };
+
+  return <div> ... </div>;
+}
+```
\ No newline at end of file
diff --git a/static/assets/wallets/onekey.png b/static/assets/wallets/onekey.png
new file mode 100644
index 0000000000000000000000000000000000000000..009bda537033488a87adf334b0c903a06bdb70b0
GIT binary patch
literal 2533
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

literal 0
HcmV?d00001