From cdfb507e068297b40e930d6df7a4718dae9cfc1b Mon Sep 17 00:00:00 2001
From: Nam Nguyen <nam.nguyen@kyber.network>
Date: Tue, 5 Dec 2023 00:46:12 +0700
Subject: [PATCH] feat: integrate Zerion

---
 src/assets/wallets-connect/zerion.svg | 11 +++++++++++
 src/constants/connectors/index.ts     |  1 +
 src/constants/connectors/utils.ts     |  4 ++++
 src/constants/wallets.ts              | 17 +++++++++++++++++
 src/react-app-env.d.ts                |  1 +
 5 files changed, 34 insertions(+)
 create mode 100644 src/assets/wallets-connect/zerion.svg

diff --git a/src/assets/wallets-connect/zerion.svg b/src/assets/wallets-connect/zerion.svg
new file mode 100644
index 0000000000..0850d091f3
--- /dev/null
+++ b/src/assets/wallets-connect/zerion.svg
@@ -0,0 +1,11 @@
+<svg width="191" height="191" viewBox="0 0 191 191" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1704_1424)">
+<path d="M95.5 191C42.7583 191 0 148.242 0 95.5C0 42.7584 42.7583 0 95.5 0C148.242 0 191 42.7584 191 95.5C191 148.242 148.252 191 95.5 191Z" fill="#2461ED"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M108.208 93.3685C90.9052 84.0186 69.8528 71.8938 54.0081 62.011C49.3332 58.6431 51.6958 51.4949 57.356 51.4949H135.755C140.128 51.4949 143.054 56.3709 140.862 60.0606C135.594 69.1592 127.903 80.7109 121.478 89.8698C118.03 94.7861 112.41 95.6306 108.208 93.3685ZM82.9729 96.4049C99.7023 105.323 123.148 118.885 139.806 129.14C144.954 132.317 142.903 139.937 136.891 139.937C127.053 139.937 111.066 139.94 95.1631 139.942C79.4239 139.945 63.7659 139.947 54.2295 139.947C49.4238 139.947 46.9606 134.961 49.0015 131.482C55.8984 119.73 63.6498 107.866 70.0942 99.0088C72.9595 95.0577 78.7906 94.173 82.9729 96.4049Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_1704_1424">
+<rect width="191" height="191" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/src/constants/connectors/index.ts b/src/constants/connectors/index.ts
index ab117f50de..2db3c025e8 100644
--- a/src/constants/connectors/index.ts
+++ b/src/constants/connectors/index.ts
@@ -20,6 +20,7 @@ import {
 
 export const [injected, injectedHooks] = initializeConnector<MetaMask>(actions => new MetaMask({ actions }))
 export const [rabby, rabbyHooks] = initializeConnector<MetaMask>(actions => new MetaMask({ actions }))
+export const [zerion, zerionHooks] = initializeConnector<MetaMask>(actions => new MetaMask({ actions }))
 export const [krystal, krystalHooks] = initializeConnector<MetaMask>(actions => new MetaMask({ actions }))
 export const [metaMask, metamaskHooks] = initializeConnector<MetaMask>(actions => new MetaMask({ actions }))
 export const [gnosisSafe, gnosisSafeHooks] = initializeConnector<GnosisSafe>(actions => new GnosisSafe({ actions }))
diff --git a/src/constants/connectors/utils.ts b/src/constants/connectors/utils.ts
index 9a15423737..c484bc2b9c 100644
--- a/src/constants/connectors/utils.ts
+++ b/src/constants/connectors/utils.ts
@@ -47,6 +47,7 @@ const allNonMetamaskFlags = [
   'isKrystalWallet',
   'isPhantom',
   'isBlocto',
+  'isZerion',
 ] as const
 export const getIsMetaMaskWallet = () =>
   Boolean(window.ethereum?.isMetaMask && !allNonMetamaskFlags.some(flag => window.ethereum?.[flag]))
@@ -67,6 +68,8 @@ export const getIsBloctoWallet = () => Boolean(window.ethereum?.isBlocto)
 
 export const getIsC98Wallet = () => Boolean(window.ethereum?.isCoin98 && window.coin98)
 
+export const getIsZerionWallet = () => Boolean(window.ethereum?.isZerion)
+
 export const getIsTrustWallet = () =>
   Boolean((window.ethereum?.isTrustWallet || window.ethereum?.isTrust) && !getIsKrystalWallet())
 
@@ -79,6 +82,7 @@ export const getIsGenericInjector = () =>
   !getIsRabbyWallet() &&
   !getIsBloctoWallet() &&
   !getIsKrystalWallet() &&
+  !getIsZerionWallet() &&
   !getIsTrustWallet()
 
 // https://eips.ethereum.org/EIPS/eip-1193#provider-errors
diff --git a/src/constants/wallets.ts b/src/constants/wallets.ts
index 1f414475ee..72cb991e76 100644
--- a/src/constants/wallets.ts
+++ b/src/constants/wallets.ts
@@ -13,6 +13,7 @@ import RABBY from 'assets/wallets-connect/rabby.svg'
 import SAFE from 'assets/wallets-connect/safe.svg'
 import TRUSTWALLET from 'assets/wallets-connect/trust-wallet.svg'
 import WALLETCONNECT from 'assets/wallets-connect/wallet-connect.svg'
+import ZERION from 'assets/wallets-connect/zerion.svg'
 import INJECTED_DARK_ICON from 'assets/wallets/browser-wallet-dark.svg'
 import {
   blocto,
@@ -41,6 +42,8 @@ import {
   trustHooks,
   walletConnectV2,
   walletConnectV2Hooks,
+  zerion,
+  zerionHooks,
 } from 'constants/connectors'
 import {
   getIsBloctoWallet,
@@ -52,6 +55,7 @@ import {
   getIsMetaMaskWallet,
   getIsRabbyWallet,
   getIsTrustWallet,
+  getIsZerionWallet,
 } from 'constants/connectors/utils'
 
 export enum WalletReadyState {
@@ -112,6 +116,11 @@ const detectRabbyInjected = (): WalletReadyState => {
   return WalletReadyState.NotDetected
 }
 
+const detectZerionInjected = (): WalletReadyState => {
+  if (getIsZerionWallet()) return WalletReadyState.Installed
+  return WalletReadyState.NotDetected
+}
+
 const detectKrystalInjected = (): WalletReadyState => {
   if (getIsKrystalWallet()) return WalletReadyState.Installed
   return WalletReadyState.Unsupported
@@ -191,6 +200,14 @@ export const SUPPORTED_WALLETS = {
     installLink: 'https://rabby.io',
     readyState: detectRabbyInjected,
   } as WalletInfo,
+  ZERION: {
+    connector: zerion,
+    hooks: zerionHooks,
+    name: 'Zerion',
+    icon: ZERION,
+    installLink: 'https://zerion.io',
+    readyState: detectZerionInjected,
+  } as WalletInfo,
   TRUST_WALLET: {
     connector: trust,
     hooks: trustHooks,
diff --git a/src/react-app-env.d.ts b/src/react-app-env.d.ts
index e08f52ae64..30154b5816 100644
--- a/src/react-app-env.d.ts
+++ b/src/react-app-env.d.ts
@@ -19,6 +19,7 @@ interface Window {
     isLedgerConnect?: boolean
     isKrystal?: boolean
     isKrystalWallet?: boolean
+    isZerion?: boolean
     on?: (...args: any[]) => void
     removeListener?: (...args: any[]) => void
     request: (params: { method: string; params?: any }) => Promise<any>