@tomo-inc/wallet-adaptor-base 0.0.9 → 0.0.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tomo-inc/wallet-adaptor-base",
-  "version": "0.0.9",
+  "version": "0.0.11",
   "author": "tomo.inc",
   "license": "MIT",
   "private": false,
@@ -22,7 +22,7 @@
     "@solana/web3.js": "^1.98.0",
     "@wallet-standard/core": "^1.1.0",
     "viem": "2.21.54",
-    "@tomo-inc/wallet-connect-protocol": "0.0.8"
+    "@tomo-inc/wallet-connect-protocol": "0.0.10"
   },
   "devDependencies": {
     "@types/node": "^20.0.0",

package/src/index.ts

@@ -1,7 +1,7 @@
 import { AdaptorChainType, Connector, WalletConnectorType } from "./type";
 import { isMobile } from "./utils/isMobile";
 import { uniqueConnectors } from "./utils/utils";
-import { defaultConnectors } from "./wallets/defaultConnectors";
+import { defaultConnectors, getDefaultConnectors } from "./wallets/defaultConnectors";
 import { connectorDector, supportedWalletConfigTypes, walletConfigAdapter } from "./wallets/detector";
 import { WagmiWalletConfig, WalletConfig } from "./wallets/Wallet";
 import { eip6963Wallets } from "./wallets/wallet-eip6963";
@@ -11,6 +11,8 @@ export * from "./type";
 export { setWalletConnectConfig };
 export type { WalletConfig };
 
+const walletBaseUrl = "https://embedded-wallet.tomo.inc";
+
 //wallets list
 export const TomoDefaultConnectors = defaultConnectors
   .filter((wallet) => wallet?.info?.links?.chrome_install !== undefined)
@@ -20,10 +22,16 @@ export async function loadConnectors({
   chainType = "all",
   recommonedConnectors,
   connectorTypes = [],
+  options = {
+    baseUrl: walletBaseUrl,
+  },
 }: {
   chainType?: AdaptorChainType;
   recommonedConnectors?: (WalletConfig | WagmiWalletConfig)[];
   connectorTypes?: WalletConnectorType[];
+  options?: {
+    baseUrl?: string;
+  };
 }): Promise<{
   all: Connector[];
   recommoned: Connector[];
@@ -37,7 +45,7 @@ export async function loadConnectors({
   };
 
   // WalletConnect wallets from WalletConnect Cloud Explorer API
-  const wcWallets = await walletConnectWallets();
+  const wcWallets = await walletConnectWallets(options.baseUrl!);
 
   let recommonedConnectorsDetected: Connector[] = [];
   if (recommonedWalletConfigs.length > 0) {
@@ -54,6 +62,8 @@ export async function loadConnectors({
     });
   }
 
+  const defaultConnectors = getDefaultConnectors(options.baseUrl!);
+
   const connectorsFromConfig = uniqueConnectors([...recommonedConnectorsDetected, ...defaultConnectors]);
 
   // Include WalletConnect wallets along with other detected wallets

package/src/wallets/default/abWallet/abWallet.ts

@@ -1,13 +1,12 @@
 import type { WalletConfig } from "../../Wallet";
-import icon from "./abWallet.svg";
 
-export const abWallet = (): WalletConfig => {
+export const abWallet = (baseUrl: string): WalletConfig => {
   return {
     id: "abwallet",
     name: "ABWallet",
     namespace: "abwallet.ethereum",
     rdns: "org.ab",
-    icon,
+    icon: `${baseUrl}/abWallet.svg`,
     iconBackground: "#2b6be3",
     mobileUserAgent: "ABWallet",
     downloadUrls: {

package/src/wallets/default/backpackWallet/backpackWallet.ts

@@ -1,13 +1,12 @@
 import type { WalletConfig } from "../../Wallet";
-import icon from "./backpackWallet.svg";
 
-export const backpackWallet = (): WalletConfig => {
+export const backpackWallet = (baseUrl: string): WalletConfig => {
   return {
     id: "backpack",
     name: "Backpack",
     namespace: "backpack.ethereum",
     rdns: "app.backpack.mobile",
-    icon,
+    icon: `${baseUrl}/backpackWallet.svg`,
     iconBackground: "#0C0D10",
     downloadUrls: {
       android: "https://play.google.com/store/apps/details?id=app.backpack.mobile",

package/src/wallets/default/berasigWallet/berasigWallet.ts

@@ -1,13 +1,12 @@
 import type { WalletConfig } from "../../Wallet";
-import icon from "./berasigWallet.svg";
 
-export const berasigWallet = (): WalletConfig => {
+export const berasigWallet = (baseUrl: string): WalletConfig => {
   return {
     id: "berasig",
     name: "BeraSig",
     namespace: "berasig.ethereum",
     rdns: "app.berasig",
-    icon,
+    icon: `${baseUrl}/berasigWallet.svg`,
     iconBackground: "#ffffff",
     downloadUrls: {
       android: "https://play.google.com/store/apps/details?id=io.berasig.ios",

package/src/wallets/default/binanceWallet/binanceWallet.ts

@@ -1,15 +1,14 @@
 import { isAndroid } from "../../../utils/isMobile";
 import type { WalletConfig } from "../../Wallet";
-import icon from "./binanceWallet.svg";
 
-export const binanceWallet = (): WalletConfig => {
+export const binanceWallet = (baseUrl: string): WalletConfig => {
   return {
     id: "binance",
     name: "Binance Wallet",
     namespace: "binancew3w.isExtension",
     flag: "isBinance",
     rdns: "com.binance.wallet",
-    icon,
+    icon: `${baseUrl}/binanceWallet.svg`,
     iconBackground: "#000000",
     downloadUrls: {
       android: "https://play.google.com/store/apps/details?id=com.binance.dev",

package/src/wallets/default/bitgetWallet/bitgetWallet.ts

@@ -1,8 +1,7 @@
 import type { WalletConfig } from "../../Wallet";
 import { isAndroid } from "../../../utils/isMobile";
-import icon from "./bitgetWallet.svg";
 
-export const bitgetWallet = (): WalletConfig => {
+export const bitgetWallet = (baseUrl: string): WalletConfig => {
   return {
     id: "bitget",
     name: "Bitget Wallet",
@@ -14,7 +13,7 @@ export const bitgetWallet = (): WalletConfig => {
       namespace: "bitkeep.aptos",
     },
     rdns: "com.bitget.web3",
-    icon,
+    icon: `${baseUrl}/bitgetWallet.svg`,
     iconAccent: "#f6851a",
     iconBackground: "#fff",
     downloadUrls: {

package/src/wallets/default/bitskiWallet/bitskiWallet.ts

@@ -1,12 +1,11 @@
 import type { WalletConfig } from "../../Wallet";
-import icon from "./bitskiWallet.svg";
 
-export const bitskiWallet = (): WalletConfig => ({
+export const bitskiWallet = (baseUrl: string): WalletConfig => ({
   id: "bitski",
   name: "Bitski",
   namespace: "",
   flag: "isBitski",
-  icon,
+  icon: `${baseUrl}/bitskiWallet.svg`,
   iconBackground: "#fff",
   downloadUrls: {
     chrome: "https://chrome.google.com/webstore/detail/bitski/feejiigddaafeojfddjjlmfkabimkell",

package/src/wallets/default/bitverseWallet/bitverseWallet.ts

@@ -1,11 +1,10 @@
 import type { WalletConfig } from "../../Wallet";
-import icon from "./bitverseWallet.svg";
 
-export const bitverseWallet = (): WalletConfig => ({
+export const bitverseWallet = (baseUrl: string): WalletConfig => ({
   id: "bitverse",
   name: "Bitverse Wallet",
   namespace: "",
-  icon,
+  icon: `${baseUrl}/bitverseWallet.svg`,
   iconBackground: "#171728",
   downloadUrls: {
     android: "https://play.google.com/store/apps/details?id=com.bitverse.app&pli=1",

package/src/wallets/default/bloomWallet/bloomWallet.ts

@@ -1,12 +1,11 @@
 import type { WalletConfig } from "../../Wallet";
-import icon from "./bloomWallet.svg";
 
-export const bloomWallet = (): WalletConfig => ({
+export const bloomWallet = (baseUrl: string): WalletConfig => ({
   id: "bloom",
   name: "Bloom Wallet",
   iconBackground: "#000",
   iconAccent: "#000",
-  icon,
+  icon: `${baseUrl}/bloomWallet.svg`,
   downloadUrls: {
     desktop: "https://bloomwallet.io/",
   },

package/src/wallets/default/braveWallet/braveWallet.ts

@@ -1,13 +1,12 @@
 import type { WalletConfig } from "../../Wallet";
-import icon from "./braveWallet.svg";
 
-export const braveWallet = (): WalletConfig => ({
+export const braveWallet = (baseUrl: string): WalletConfig => ({
   id: "brave",
   name: "Brave Wallet",
   namespace: "",
   flag: "isBraveWallet",
   rdns: "com.brave.wallet",
-  icon,
+  icon: `${baseUrl}/braveWallet.svg`,
   iconBackground: "#fff",
   downloadUrls: {
     // We're opting not to provide a download prompt if Brave isn't the current

package/src/wallets/default/bybitWallet/bybitWallet.ts

@@ -1,13 +1,12 @@
 import type { WalletConfig } from "../../Wallet";
-import icon from "./bybitWallet.svg";
 
-export const bybitWallet = (): WalletConfig => {
+export const bybitWallet = (baseUrl: string): WalletConfig => {
   return {
     id: "bybit",
     name: "Bybit Wallet",
     namespace: "bybitWallet",
     rdns: "com.bybit",
-    icon,
+    icon: `${baseUrl}/bybitWallet.svg`,
     iconBackground: "#000000",
     downloadUrls: {
       chrome: "https://chromewebstore.google.com/detail/bybit-wallet/pdliaogehgdbhbnmkklieghmmjkpigpa",

package/src/wallets/default/clvWallet/clvWallet.ts

@@ -1,12 +1,11 @@
 import type { WalletConfig } from "../../Wallet";
-import icon from "./clvWallet.svg";
 
-export const clvWallet = (): WalletConfig => {
+export const clvWallet = (baseUrl: string): WalletConfig => {
   return {
     id: "clv",
     name: "CLV",
     namespace: "clover",
-    icon,
+    icon: `${baseUrl}/clvWallet.svg`,
     iconBackground: "#fff",
     iconAccent: "#BDFDE2",
     downloadUrls: {

package/src/wallets/default/coin98Wallet/coin98Wallet.ts

@@ -1,13 +1,12 @@
 import type { WalletConfig } from "../../Wallet";
-import icon from "./coin98Wallet.svg";
 
-export const coin98Wallet = (): WalletConfig => {
+export const coin98Wallet = (baseUrl: string): WalletConfig => {
   return {
     id: "coin98",
     name: "Coin98 Wallet",
     namespace: "coin98.provider",
     flag: "isCoin98",
-    icon,
+    icon: `${baseUrl}/coin98Wallet.svg`,
     iconAccent: "#CDA349",
     iconBackground: "#fff",
     rdns: "com.coin98",

package/src/wallets/default/coinbaseWallet/coinbaseWallet.ts

@@ -1,14 +1,13 @@
 import type { WalletConfig } from "../../Wallet";
-import icon from "./coinbaseWallet.svg";
 
-export const coinbaseWallet = (): WalletConfig => {
+export const coinbaseWallet = (baseUrl: string): WalletConfig => {
   return {
     id: "coinbase",
     name: "Coinbase Wallet",
     namespace: "",
     flag: "isCoinbaseWallet",
     rdns: "com.coinbase.wallet",
-    icon,
+    icon: `${baseUrl}/coinbaseWallet.svg`,
     iconAccent: "#2c5ff6",
     iconBackground: "#2c5ff6",
     downloadUrls: {

package/src/wallets/default/compassWallet/compassWallet.ts

@@ -1,13 +1,12 @@
 import type { WalletConfig } from "../../Wallet";
-import icon from "./compassWallet.svg";
 
-export const compassWallet = (): WalletConfig => {
+export const compassWallet = (baseUrl: string): WalletConfig => {
   return {
     id: "compass",
     name: "Compass Wallet",
     namespace: "compassEvm",
     rdns: "io.leapwallet.CompassWallet",
-    icon,
+    icon: `${baseUrl}/compassWallet.svg`,
     iconBackground: "#fff",
     downloadUrls: {
       chrome: "https://chromewebstore.google.com/detail/compass-wallet-for-sei/anokgmphncpekkhclmingpimjmcooifb",

package/src/wallets/default/coreWallet/coreWallet.ts

@@ -1,14 +1,13 @@
 import type { WalletConfig } from "../../Wallet";
-import icon from "./coreWallet.svg";
 
-export const coreWallet = (): WalletConfig => {
+export const coreWallet = (baseUrl: string): WalletConfig => {
   return {
     id: "core",
     name: "Core",
     namespace: "avalanche",
     flag: "isAvalanche",
     rdns: "app.core.extension",
-    icon,
+    icon: `${baseUrl}/coreWallet.svg`,
     iconBackground: "#1A1A1C",
     downloadUrls: {
       android: "https://play.google.com/store/apps/details?id=com.avaxwallet",

package/src/wallets/default/ctrlWallet/ctrlWallet.ts

@@ -1,13 +1,12 @@
 import type { WalletConfig } from "../../Wallet";
-import icon from "./ctrlWallet.svg";
 
-export const ctrlWallet = (): WalletConfig => {
+export const ctrlWallet = (baseUrl: string): WalletConfig => {
   return {
     id: "ctrl",
     name: "CTRL Wallet",
     namespace: "ctrl.ethereum",
     rdns: "xyz.ctrl",
-    icon,
+    icon: `${baseUrl}/ctrlWallet.svg`,
     iconBackground: "#fff",
     downloadUrls: {
       chrome: "https://chromewebstore.google.com/detail/ctrl-wallet/hmeobnfnfcmdkdcmlblgagmfpfboieaf",

package/src/wallets/default/dawnWallet/dawnWallet.ts

@@ -1,11 +1,10 @@
 import type { WalletConfig } from "../../Wallet";
-import icon from "./dawnWallet.svg";
 
-export const dawnWallet = (): WalletConfig => ({
+export const dawnWallet = (baseUrl: string): WalletConfig => ({
   id: "dawn",
   name: "Dawn",
   namespace: "",
-  icon,
+  icon: `${baseUrl}/dawnWallet.svg`,
   iconBackground: "#000000",
   downloadUrls: {
     ios: "https://apps.apple.com/us/app/dawn-ethereum-wallet/id1673143782",

package/src/wallets/default/desigWallet/desigWallet.ts

@@ -1,12 +1,11 @@
 import type { WalletConfig } from "../../Wallet";
-import icon from "./desigWallet.svg";
 
-export const desigWallet = (): WalletConfig => {
+export const desigWallet = (baseUrl: string): WalletConfig => {
   return {
     id: "desig",
     name: "Desig Wallet",
     namespace: "desig.ethereum",
-    icon,
+    icon: `${baseUrl}/desigWallet.svg`,
     iconBackground: "#ffffff",
     downloadUrls: {
       android: "https://play.google.com/store/apps/details?id=io.desig.app",

package/src/wallets/default/enkryptWallet/enkryptWallet.ts

@@ -1,13 +1,12 @@
 import type { WalletConfig } from "../../Wallet";
-import icon from "./enkryptWallet.svg";
 
-export const enkryptWallet = (): WalletConfig => {
+export const enkryptWallet = (baseUrl: string): WalletConfig => {
   return {
     id: "enkrypt",
     name: "Enkrypt Wallet",
     namespace: "enkrypt.providers.ethereum",
     rdns: "com.enkrypt",
-    icon,
+    icon: `${baseUrl}/enkryptWallet.svg`,
     iconBackground: "#FFFFFF",
     downloadUrls: {
       qrCode: "https://www.enkrypt.com",

package/src/wallets/default/foxWallet/foxWallet.ts

@@ -1,12 +1,11 @@
 import type { WalletConfig } from "../../Wallet";
-import icon from "./foxWallet.svg";
 
-export const foxWallet = (): WalletConfig => {
+export const foxWallet = (baseUrl: string): WalletConfig => {
   return {
     id: "foxwallet",
     name: "FoxWallet",
     namespace: "foxwallet.ethereum",
-    icon,
+    icon: `${baseUrl}/foxWallet.svg`,
     iconBackground: "#fff",
     downloadUrls: {
       android: "https://play.google.com/store/apps/details?id=com.foxwallet.play",

package/src/wallets/default/frameWallet/frameWallet.ts

@@ -1,13 +1,12 @@
 import type { WalletConfig } from "../../Wallet";
-import icon from "./frameWallet.svg";
 
-export const frameWallet = (): WalletConfig => ({
+export const frameWallet = (baseUrl: string): WalletConfig => ({
   id: "frame",
   name: "Frame",
   namespace: "",
   flag: "isFrame",
   rdns: "sh.frame",
-  icon,
+  icon: `${baseUrl}/frameWallet.svg`,
   iconBackground: "#121C20",
   downloadUrls: {
     browserExtension: "https://frame.sh/",

package/src/wallets/default/gateWallet/gateWallet.ts

@@ -1,14 +1,13 @@
 import type { WalletConfig } from "../../Wallet";
 import { isAndroid } from "../../../utils/isMobile";
-import icon from "./gateWallet.svg";
 
-export const gateWallet = (): WalletConfig => {
+export const gateWallet = (baseUrl: string): WalletConfig => {
   return {
     id: "gate",
     name: "Gate Wallet",
     namespace: "gatewallet",
     rdns: "io.gate.wallet",
-    icon,
+    icon: `${baseUrl}/gateWallet.svg`,
     iconAccent: "#fff",
     iconBackground: "#fff",
     downloadUrls: {

package/src/wallets/default/imTokenWallet/imTokenWallet.ts

@@ -1,11 +1,10 @@
 import type { WalletConfig } from "../../Wallet";
-import icon from "./imTokenWallet.svg";
 
-export const imTokenWallet = (): WalletConfig => ({
+export const imTokenWallet = (baseUrl: string): WalletConfig => ({
   id: "imToken",
   name: "imToken",
   namespace: "",
-  icon,
+  icon: `${baseUrl}/imTokenWallet.svg`,
   iconBackground: "#098de6",
   downloadUrls: {
     android: "https://play.google.com/store/apps/details?id=im.token.app",

package/src/wallets/default/injectedWallet/injectedWallet.ts

@@ -1,10 +1,9 @@
 import type { WalletConfig } from "../../Wallet";
-import icon from "./injectedWallet.svg";
 
-export const injectedWallet = (): WalletConfig => ({
+export const injectedWallet = (baseUrl: string): WalletConfig => ({
   id: "injected",
   name: "Browser Wallet",
   namespace: "",
-  icon,
+  icon: `${baseUrl}/injectedWallet.svg`,
   iconBackground: "#fff",
 });

package/src/wallets/default/iopayWallet/iopayWallet.ts

@@ -1,12 +1,11 @@
 import type { WalletConfig } from "../../Wallet";
 import { isAndroid } from "../../../utils/isMobile";
-import icon from "./iopayWallet.svg";
 
-export const iopayWallet = (): WalletConfig => ({
+export const iopayWallet = (baseUrl: string): WalletConfig => ({
   id: "iopay",
   name: "ioPay Wallet",
   namespace: "",
-  icon,
+  icon: `${baseUrl}/iopayWallet.svg`,
   iconBackground: "#fff",
   downloadUrls: {
     android: "https://play.google.com/store/apps/details?id=io.iotex.iopay.gp&pli=1",

package/src/wallets/default/kaiaWallet/kaiaWallet.ts

@@ -1,12 +1,11 @@
 import type { WalletConfig } from "../../Wallet";
-import icon from "./kaiaWallet.svg";
 
-export const kaiaWallet = (): WalletConfig => {
+export const kaiaWallet = (baseUrl: string): WalletConfig => {
   return {
     id: "kaia",
     name: "Kaia Wallet",
     namespace: "klaytn",
-    icon,
+    icon: `${baseUrl}/kaiaWallet.svg`,
     iconBackground: "#fff",
     downloadUrls: {
       chrome: "https://chromewebstore.google.com/detail/kaia-wallet/jblndlipeogpafnldhgmapagcccfchpi",

package/src/wallets/default/kaikasWallet/kaikasWallet.ts

@@ -1,12 +1,11 @@
 import type { WalletConfig } from "../../Wallet";
-import icon from "./kaikasWallet.svg";
 
-export const kaikasWallet = (): WalletConfig => {
+export const kaikasWallet = (baseUrl: string): WalletConfig => {
   return {
     id: "kaikas",
     name: "Kaikas Wallet",
     namespace: "klaytn",
-    icon,
+    icon: `${baseUrl}/kaikasWallet.svg`,
     iconBackground: "#fff",
     downloadUrls: {
       chrome: "https://chromewebstore.google.com/detail/kaikas/jblndlipeogpafnldhgmapagcccfchpi",

package/src/wallets/default/krakenWallet/krakenWallet.ts

@@ -1,11 +1,10 @@
 import type { WalletConfig } from "../../Wallet";
-import icon from "./krakenWallet.svg";
 
-export const krakenWallet = (): WalletConfig => ({
+export const krakenWallet = (baseUrl: string): WalletConfig => ({
   id: "kraken",
   name: "Kraken Wallet",
   namespace: "",
-  icon,
+  icon: `${baseUrl}/krakenWallet.svg`,
   iconBackground: "#FFD8EA",
   downloadUrls: {
     ios: "https://apps.apple.com/us/app/kraken-wallet/id1626327149",

package/src/wallets/default/kresusWallet/kresusWallet.ts

@@ -1,11 +1,10 @@
 import type { WalletConfig } from "../../Wallet";
-import icon from "./kresusWallet.svg";
 
-export const kresusWallet = (): WalletConfig => ({
+export const kresusWallet = (baseUrl: string): WalletConfig => ({
   id: "kresus-wallet",
   name: "Kresus Wallet",
   namespace: "",
-  icon,
+  icon: `${baseUrl}/kresusWallet.svg`,
   iconBackground: "#fff",
   downloadUrls: {
     android: "https://play.google.com/store/apps/details?id=com.kresus.superapp",

package/src/wallets/default/ledgerWallet/ledgerWallet.ts

@@ -1,13 +1,12 @@
 import { isAndroid } from "../../../utils/isMobile";
 import type { WalletConfig } from "../../Wallet";
-import icon from "./ledgerWallet.svg";
 
-export const ledgerWallet = (): WalletConfig => ({
+export const ledgerWallet = (baseUrl: string): WalletConfig => ({
   id: "ledger",
   iconBackground: "#000",
   iconAccent: "#000",
   name: "Ledger",
-  icon,
+  icon: `${baseUrl}/ledgerWallet.svg`,
   namespace: "",
   downloadUrls: {
     android: "https://play.google.com/store/apps/details?id=com.ledger.live",

package/src/wallets/default/magicEdenWallet/magicEdenWallet.ts

@@ -1,7 +1,6 @@
 import type { WalletConfig } from "../../Wallet";
-import icon from "./magicEden.svg";
 
-export const magicEdenWallet = (): WalletConfig => {
+export const magicEdenWallet = (baseUrl: string): WalletConfig => {
   return {
     id: "magicEden",
     name: "Magic Eden Wallet",
@@ -13,7 +12,7 @@ export const magicEdenWallet = (): WalletConfig => {
     //   namespace: "magicEden.aptos",
     // },
     rdns: "io.magiceden.wallet",
-    icon,
+    icon: `${baseUrl}/magicEden.svg`,
     iconBackground: "#36114D",
     downloadUrls: {
       chrome: "https://chromewebstore.google.com/detail/magic-eden-wallet/mkpegjkblkkefacfnmkajcjmabijhclg",

package/src/wallets/default/mathWallet/mathWallet.ts

@@ -1,7 +1,6 @@
 import type { WalletConfig } from "../../Wallet";
-import icon from "./mathWallet.svg";
 
-export const mathWallet = (): WalletConfig => {
+export const mathWallet = (baseUrl: string): WalletConfig => {
   //https://doc.mathwallet.org/en/aptos/
   // const isSupportSolana = window?.solana && window?.solana?.isMathWallet;
   // const isSupportAptos = window?.aptos && window?.aptos?.isMathWallet;
@@ -12,7 +11,7 @@ export const mathWallet = (): WalletConfig => {
     namespace: "",
     flag: "isMathWallet",
     rdns: "com.mathwallet",
-    icon,
+    icon: `${baseUrl}/mathWallet.svg`,
     iconBackground: "#fff",
     downloadUrls: {
       android: "https://play.google.com/store/apps/details?id=com.mathwallet",

package/src/wallets/default/metaMaskWallet/metaMaskWallet.ts

@@ -1,6 +1,5 @@
 import { isAndroid, isIOS } from "../../../utils/isMobile";
 import type { WalletConfig } from "../../Wallet";
-import icon from "./metaMaskWallet.svg";
 
 type WindowProvider = any;
 
@@ -58,7 +57,7 @@ export function isMetaMask(ethereum?: WindowProvider["ethereum"]): boolean {
   return true;
 }
 
-export const metaMaskWallet = (): WalletConfig => {
+export const metaMaskWallet = (baseUrl: string): WalletConfig => {
   // Custom logic to explicitly detect MetaMask
   // Whereas hasInjectedProvider only checks for impersonated `isMetaMask`
   // We need this because MetaMask SDK hangs on impersonated wallets
@@ -70,7 +69,7 @@ export const metaMaskWallet = (): WalletConfig => {
     name: "MetaMask",
     namespace: "ethereum",
     rdns: "io.metamask",
-    icon,
+    icon: `${baseUrl}/metaMaskWallet.svg`,
     iconAccent: "#f6851a",
     iconBackground: "#fff",
     installed: isMetaMaskInjected ? isMetaMaskInjected : undefined,

package/src/wallets/default/myDogeWallet/mydogeWallet.ts

@@ -1,7 +1,6 @@
 import type { WalletConfig } from "../../Wallet";
-import icon from "./mydogeWallet.svg";
 
-export const mydogeWallet = (): WalletConfig => {
+export const mydogeWallet = (baseUrl: string): WalletConfig => {
   return {
     id: "mydoge",
     name: "MyDoge",
@@ -13,7 +12,7 @@ export const mydogeWallet = (): WalletConfig => {
     dogecoin: {
       namespace: "mydoge.doge",
     },
-    icon,
+    icon: `${baseUrl}/mydogeWallet.svg`,
     iconBackground: "#fff",
     downloadUrls: {
       chrome: "https://chromewebstore.google.com/detail/mydoge-dogecoin-wallet/mljponncmhdlacmjbophphkbgcgjdnff",