feat: crypto.com defi wallet injected provider support (#1499)

* feat: add injected defi wallet

* build: bump injected package

* docs: add defi wallet

* build: bump demo injected package

* Update packages/demo/package.json

* Update packages/injected/package.json

---------

Co-authored-by: Adam Carpenter <[email protected]>

Author: kabaluyot

docs/src/routes/docs/[...4]wallets/injected.md

@@ -310,6 +310,7 @@ const injected = injectedModule({
 - Exodus - _Desktop & Mobile_
 - Frontier - _Desktop & Mobile_
 - Rainbow - _Desktop & Mobile_
+- DeFiWallet - _Desktop & Mobile_
 
 ## Build Environments
 

packages/demo/package.json

@@ -34,7 +34,7 @@
     "@web3-onboard/keepkey": "^2.3.3",
     "@web3-onboard/keystone": "^2.3.3",
     "@web3-onboard/ledger": "^2.4.2",
-    "@web3-onboard/injected-wallets": "^2.6.2-alpha.3",
+    "@web3-onboard/injected-wallets": "^2.6.2-alpha.4",
     "@web3-onboard/magic": "^2.1.3",
     "@web3-onboard/phantom": "^2.0.0-alpha.1",
     "@web3-onboard/portis": "^2.1.3",

packages/injected/README.md

@@ -78,6 +78,7 @@ console.log(connectedWallets)
 - Exodus - _Desktop & Mobile_
 - Frontier - _Desktop & Mobile_
 - Rainbow - _Desktop & Mobile_
+- DeFiWallet - _Desktop & Mobile_
 
 ## Filtering Wallets
 

packages/injected/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/injected-wallets",
-  "version": "2.6.2-alpha.3",
+  "version": "2.6.2-alpha.4",
   "description": "Injected wallet module for connecting browser extension and mobile wallets to Web3-Onboard. Web3-Onboard makes it simple to connect Ethereum hardware and software wallets to your dapp. Features standardised spec compliant web3 providers for all supported wallets, framework agnostic modern javascript UI with code splitting, CSS customization, multi-chain and multi-account support, reactive wallet state subscriptions and real-time transaction state change notifications.",
   "keywords": [
     "Ethereum",
@@ -31,7 +31,8 @@
     "confirmed",
     "Injected Wallet",
     "GameStop",
-    "Phantom"
+    "Phantom",
+    "DeFi Wallet"
   ],
   "repository": {
     "type": "git",

packages/injected/src/constants.ts

@@ -20,5 +20,6 @@ export const WALLET_NAMES: { [key: string]: string } = {
   trust: 'Trust Wallet',
   frontier: 'Frontier',
   zerion: 'Zerion',
-  rainbow: 'Rainbow'
+  rainbow: 'Rainbow',
+  defiwallet: 'DeFi Wallet'
 }

packages/injected/src/icons/defiwallet.ts

@@ -0,0 +1,7 @@
+export default `<svg width="100%" height="100%" viewBox="0 0 222 256" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M111 0L0 64V192L111 256L222 192V64L111 0ZM111 0L0 64V192L111 256L222 192V64L111 0Z"
+    fill="white" />
+<path
+    d="M154.822 206H139.028L120.12 188.667V179.778L139.695 161.111V131.556L165.277 114.889L194.417 136.889L154.822 206ZM89.4228 159.333L92.3146 131.556L82.7495 106.667H139.251L129.908 131.556L132.577 159.333H110.778H89.4228ZM102.325 188.667L83.4168 206.222H67.4008L27.5832 136.889L56.9459 115.111L82.7495 131.556V161.111L102.325 179.778V188.667ZM67.1784 55.3334H154.599L165.054 99.7778H56.9459L67.1784 55.3334ZM111 0L0 64V192L111 256L222 192V64L111 0Z"
+    fill="#03316C" />
+</svg>`

packages/injected/src/types.ts

@@ -56,7 +56,8 @@ export enum ProviderIdentityFlag {
   Zeal = 'isZeal',
   Zerion = 'isZerion',
   Rainbow = 'isRainbow',
-  SafePal = 'isSafePal'
+  SafePal = 'isSafePal',
+  DeFiWallet = 'isDeficonnectProvider'
 }
 
 export enum ProviderLabel {
@@ -103,7 +104,8 @@ export enum ProviderLabel {
   OKXWallet = 'OKX Wallet',
   Zerion = 'Zerion',
   Rainbow = 'Rainbow',
-  SafePal = 'SafePal'
+  SafePal = 'SafePal',
+  DeFiWallet = 'DeFi Wallet'
 }
 
 export interface MeetOneProvider extends ExternalProvider {
@@ -132,7 +134,8 @@ export enum InjectedNameSpace {
   Phantom = 'phantom',
   OKXWallet = 'okxwallet',
   Trust = 'trustwallet',
-  Frontier = 'frontier'
+  Frontier = 'frontier',
+  DeFiConnectProvider = 'deficonnectProvider'
 }
 
 export interface CustomWindow extends Window {
@@ -166,6 +169,7 @@ export interface CustomWindow extends Window {
   }
   okxwallet: InjectedProvider
   trustwallet: InjectedProvider
+  deficonnectProvider: InjectedProvider
 }
 
 export type InjectedProvider = ExternalProvider &

packages/injected/src/wallets.ts

@@ -703,6 +703,18 @@ const okxwallet: InjectedWalletModule = {
   platforms: ['desktop']
 }
 
+const defiwallet: InjectedWalletModule = {
+  label: ProviderLabel.DeFiWallet,
+  injectedNamespace: InjectedNameSpace.DeFiConnectProvider,
+  checkProviderIdentity: ({ provider }) =>
+        !!provider && !!provider[ProviderIdentityFlag.DeFiWallet],
+  getIcon: async () => (await import('./icons/defiwallet.js')).default,
+  getInterface: async () => ({
+    provider: createEIP1193Provider(window.deficonnectProvider)
+  }),
+  platforms: ['all'],
+}
+
 const wallets = [
   zeal,
   exodus,
@@ -745,7 +757,8 @@ const wallets = [
   okxwallet,
   zerion,
   rainbow,
-  safepal
+  safepal,
+  defiwallet
 ]
 
 export default wallets