[coinbase, core, react] : Update - Coinbase wallet name and dedupe on wallet label (#1007)

* Update coinbase naming per team request and dedupe wallets by label

Author: Adamj1232

packages/coinbase/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/coinbase",
-  "version": "2.0.2",
+  "version": "2.0.2-alpha.1",
   "description": "Coinbase Wallet module for web3-onboard",
   "module": "dist/index.js",
   "browser": "dist/index.js",

packages/coinbase/src/index.ts

@@ -8,7 +8,7 @@ function coinbaseWallet({
   return ({ device }) =>
     device.type === 'mobile'
       ? {
-          label: 'Coinbase',
+          label: 'Coinbase Wallet',
           getIcon: async () => (await import('./icon.js')).default,
           getInterface: async ({ chains, appMetadata }) => {
             const [chain] = chains

packages/core/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/core",
-  "version": "2.2.9-alpha.2",
+  "version": "2.2.9-alpha.3",
   "scripts": {
     "build": "rollup -c",
     "dev": "rollup -c -w",

packages/core/src/store/actions.ts

@@ -1,6 +1,6 @@
 import type { Chain, WalletInit } from '@web3-onboard/common'
 import { internalState$ } from '../streams'
-import { initializeWalletModules } from '../utils'
+import { initializeWalletModules, uniqueWalletsByLabel } from '../utils'
 import { dispatch } from './index'
 
 import type {
@@ -156,10 +156,11 @@ export function setWalletModules(wallets: WalletInit[]): void {
     wallets,
     internalState$.getValue().device
   )
+  const dedupedWallets = uniqueWalletsByLabel(modules)
 
   const action = {
     type: SET_WALLET_MODULES,
-    payload: modules
+    payload: dedupedWallets
   }
 
   dispatch(action as SetWalletModulesAction)

packages/core/src/utils.ts

@@ -173,3 +173,14 @@ export function initializeWalletModules(
     return acc
   }, [] as WalletModule[])
 }
+
+export function uniqueWalletsByLabel(
+  walletModuleList: WalletModule[]
+): WalletModule[] {
+  return walletModuleList.filter(
+    (wallet, i) =>
+      walletModuleList.findIndex(
+        (innerWallet: WalletModule) => innerWallet.label === wallet.label
+      ) === i
+  )
+}

packages/injected/src/types.ts

@@ -49,7 +49,7 @@ export enum ProviderLabel {
   Bitpie = 'Bitpie',
   BlockWallet = 'BlockWallet',
   Brave = 'Brave Wallet',
-  Coinbase = 'Coinbase',
+  Coinbase = 'Coinbase Wallet',
   Dcent = `D'CENT`,
   Detected = 'Detected Wallet',
   Frame = 'Frame',

packages/react/package.json

@@ -21,7 +21,7 @@
     "typescript": "^4.5.5"
   },
   "dependencies": {
-    "@web3-onboard/core": "^2.2.9-alpha.2",
+    "@web3-onboard/core": "^2.2.9-alpha.3",
     "@web3-onboard/common": "^2.1.0-alpha.1"
   },
   "peerDependencies": {