@xyo-network/react-shared 2.64.0 → 2.64.1

package/dist/browser/components/TokenData/index.js

@@ -1,3 +1,154 @@
-export * from "./TokenData";
-export * from "./useGetTokenData";
+// src/components/TokenData/img/index.ts
+import ada from "./img/ada.png";
+import btc from "./img/btc.png";
+import busd from "./img/busd.png";
+import dai from "./img/dai.png";
+import dogecoin from "./img/dogecoin.png";
+import dot from "./img/dot.png";
+import ethereum from "./img/ethereum.png";
+import frax from "./img/frax.png";
+import link from "./img/link.png";
+import sol from "./img/sol.png";
+import tether from "./img/tether.png";
+import usdCoin from "./img/usd-coin.png";
+import weth from "./img/weth.png";
+import wrappedBtc from "./img/wrapped-bitcoin.png";
+import xyo from "./img/xyo.png";
+
+// src/components/TokenData/TokenData.ts
+var TokenData = [
+  {
+    coinmarketcapLink: "https://coinmarketcap.com/currencies/multi-collateral-dai/",
+    etherscanLink: "https://etherscan.io/token/0x6b175474e89094c44da98b954eedeac495271d0f",
+    icon: dai,
+    readableName: "Dai",
+    tokenSymbol: "dai",
+    uniqueTokenId: "dai"
+  },
+  {
+    coinmarketcapLink: "https://coinmarketcap.com/currencies/weth/",
+    etherscanLink: "https://etherscan.io/token/0xc02aaa39b223fe8d0a0e5c4f27ead9083c756cc2",
+    icon: weth,
+    readableName: "Weth",
+    tokenSymbol: "weth",
+    uniqueTokenId: "weth"
+  },
+  {
+    coinmarketcapLink: "https://coinmarketcap.com/currencies/ethereum/",
+    etherscanLink: "n/a",
+    icon: ethereum,
+    readableName: "Ethereum",
+    tokenSymbol: "eth",
+    uniqueTokenId: "ethereum"
+  },
+  {
+    coinmarketcapLink: "https://coinmarketcap.com/currencies/bitcoin/",
+    etherscanLink: "n/a",
+    icon: btc,
+    readableName: "Bitcoin",
+    tokenSymbol: "btc",
+    uniqueTokenId: "btc"
+  },
+  {
+    coinmarketcapLink: "https://coinmarketcap.com/currencies/xyo/",
+    etherscanLink: "https://etherscan.io/token/0x55296f69f40ea6d20e478533c15a6b08b654e758",
+    icon: xyo,
+    readableName: "XYO",
+    tokenSymbol: "xyo",
+    uniqueTokenId: "xyo"
+  },
+  {
+    coinmarketcapLink: "https://coinmarketcap.com/currencies/frax/",
+    etherscanLink: "https://etherscan.io/token/0x853d955acef822db058eb8505911ed77f175b99e",
+    icon: frax,
+    readableName: "Frax",
+    tokenSymbol: "frax",
+    uniqueTokenId: "frax"
+  },
+  {
+    coinmarketcapLink: "https://coinmarketcap.com/currencies/wrapped-bitcoin/",
+    etherscanLink: "https://etherscan.io/token/0x2260fac5e5542a773aa44fbcfedf7c193bc2c599",
+    icon: wrappedBtc,
+    readableName: "Wrapped BTC",
+    tokenSymbol: "wbtc",
+    uniqueTokenId: "wbtc"
+  },
+  {
+    coinmarketcapLink: "https://coinmarketcap.com/currencies/usd-coin/",
+    etherscanLink: "https://etherscan.io/token/0xa0b86991c6218b36c1d19d4a2e9eb0ce3606eb48",
+    icon: usdCoin,
+    readableName: "USDC",
+    tokenSymbol: "usdc",
+    uniqueTokenId: "usdc"
+  },
+  {
+    coinmarketcapLink: "https://coinmarketcap.com/currencies/tether/",
+    etherscanLink: "https://etherscan.io/token/0xdac17f958d2ee523a2206206994597c13d831ec7",
+    icon: tether,
+    readableName: "Tether",
+    tokenSymbol: "usdt",
+    uniqueTokenId: "usdt"
+  },
+  {
+    coinmarketcapLink: "https://coinmarketcap.com/currencies/cardano/",
+    etherscanLink: "https://etherscan.io/token/0xc14777c94229582e5758c5a79b83dde876b9be98",
+    icon: ada,
+    readableName: "Cardano",
+    tokenSymbol: "ada",
+    uniqueTokenId: "ada"
+  },
+  {
+    coinmarketcapLink: "https://coinmarketcap.com/currencies/binance-usd/",
+    etherscanLink: "https://etherscan.io/token/0x4Fabb145d64652a948d72533023f6E7A623C7C53",
+    icon: busd,
+    readableName: "Binance USD",
+    tokenSymbol: "busd",
+    uniqueTokenId: "busd"
+  },
+  {
+    coinmarketcapLink: "https://coinmarketcap.com/currencies/dogecoin/",
+    etherscanLink: "https://etherscan.io/token/0x7618b5024a6349f9aef10ddfd33e3428c734551e",
+    icon: dogecoin,
+    readableName: "Dogecoin",
+    tokenSymbol: "doge",
+    uniqueTokenId: "doge"
+  },
+  {
+    coinmarketcapLink: "https://coinmarketcap.com/currencies/polkadot-new/",
+    etherscanLink: "https://etherscan.io/token/0x2d4fb6dd969992c881d8e534c747cc925d5ba221",
+    icon: dot,
+    readableName: "Polkadot",
+    tokenSymbol: "dot",
+    uniqueTokenId: "dot"
+  },
+  {
+    coinmarketcapLink: "https://coinmarketcap.com/currencies/chainlink/",
+    etherscanLink: "https://etherscan.io/token/0x514910771af9ca656af840dff83e8264ecf986ca",
+    icon: link,
+    readableName: "ChainLink",
+    tokenSymbol: "link",
+    uniqueTokenId: "link"
+  },
+  {
+    coinmarketcapLink: "https://coinmarketcap.com/currencies/solana/",
+    etherscanLink: "https://etherscan.io/token/0x1f54638b7737193ffd86c19ec51907a7c41755d8",
+    icon: sol,
+    readableName: "Solana",
+    tokenSymbol: "sol",
+    uniqueTokenId: "sol"
+  }
+];
+
+// src/components/TokenData/useGetTokenData.tsx
+var useGetTokenData = (symbols) => {
+  return symbols?.map((symbol) => {
+    const additionalTokenData = TokenData.find((x) => x.tokenSymbol === symbol);
+    const checkedTokenData = additionalTokenData ? additionalTokenData : TokenData[0];
+    return checkedTokenData;
+  });
+};
+export {
+  TokenData,
+  useGetTokenData
+};
 //# sourceMappingURL=index.js.map

package/dist/browser/components/TokenData/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/TokenData/index.ts"],"sourcesContent":["export * from './TokenData'\nexport * from './useGetTokenData'\n"],"mappings":"AAAA,cAAc;AACd,cAAc;","names":[]}
+{"version":3,"sources":["../../../../src/components/TokenData/img/index.ts","../../../../src/components/TokenData/TokenData.ts","../../../../src/components/TokenData/useGetTokenData.tsx"],"sourcesContent":["import ada from './ada.png'\nimport btc from './btc.png'\nimport busd from './busd.png'\nimport dai from './dai.png'\nimport dogecoin from './dogecoin.png'\nimport dot from './dot.png'\nimport ethereum from './ethereum.png'\nimport frax from './frax.png'\nimport link from './link.png'\nimport sol from './sol.png'\nimport tether from './tether.png'\nimport usdCoin from './usd-coin.png'\nimport weth from './weth.png'\nimport wrappedBtc from './wrapped-bitcoin.png'\nimport xyo from './xyo.png'\n\nexport { ada, btc, busd, dai, dogecoin, dot, ethereum, frax, link, sol, tether, usdCoin, weth, wrappedBtc, xyo }\n","import * as tokenImages from './img'\n\nexport interface TokenData {\n  coinmarketcapLink: string\n  etherscanLink: string\n  icon: string\n  readableName: string\n  tokenSymbol: string\n  uniqueTokenId: string\n}\n\nexport const TokenData: TokenData[] = [\n  {\n    coinmarketcapLink: 'https://coinmarketcap.com/currencies/multi-collateral-dai/',\n    etherscanLink: 'https://etherscan.io/token/0x6b175474e89094c44da98b954eedeac495271d0f',\n    icon: tokenImages.dai,\n    readableName: 'Dai',\n    tokenSymbol: 'dai',\n    uniqueTokenId: 'dai',\n  },\n  {\n    coinmarketcapLink: 'https://coinmarketcap.com/currencies/weth/',\n    etherscanLink: 'https://etherscan.io/token/0xc02aaa39b223fe8d0a0e5c4f27ead9083c756cc2',\n    icon: tokenImages.weth,\n    readableName: 'Weth',\n    tokenSymbol: 'weth',\n    uniqueTokenId: 'weth',\n  },\n  {\n    coinmarketcapLink: 'https://coinmarketcap.com/currencies/ethereum/',\n    etherscanLink: 'n/a',\n    icon: tokenImages.ethereum,\n    readableName: 'Ethereum',\n    tokenSymbol: 'eth',\n    uniqueTokenId: 'ethereum',\n  },\n  {\n    coinmarketcapLink: 'https://coinmarketcap.com/currencies/bitcoin/',\n    etherscanLink: 'n/a',\n    icon: tokenImages.btc,\n    readableName: 'Bitcoin',\n    tokenSymbol: 'btc',\n    uniqueTokenId: 'btc',\n  },\n  {\n    coinmarketcapLink: 'https://coinmarketcap.com/currencies/xyo/',\n    etherscanLink: 'https://etherscan.io/token/0x55296f69f40ea6d20e478533c15a6b08b654e758',\n    icon: tokenImages.xyo,\n    readableName: 'XYO',\n    tokenSymbol: 'xyo',\n    uniqueTokenId: 'xyo',\n  },\n  {\n    coinmarketcapLink: 'https://coinmarketcap.com/currencies/frax/',\n    etherscanLink: 'https://etherscan.io/token/0x853d955acef822db058eb8505911ed77f175b99e',\n    icon: tokenImages.frax,\n    readableName: 'Frax',\n    tokenSymbol: 'frax',\n    uniqueTokenId: 'frax',\n  },\n  {\n    coinmarketcapLink: 'https://coinmarketcap.com/currencies/wrapped-bitcoin/',\n    etherscanLink: 'https://etherscan.io/token/0x2260fac5e5542a773aa44fbcfedf7c193bc2c599',\n    icon: tokenImages.wrappedBtc,\n    readableName: 'Wrapped BTC',\n    tokenSymbol: 'wbtc',\n    uniqueTokenId: 'wbtc',\n  },\n  {\n    coinmarketcapLink: 'https://coinmarketcap.com/currencies/usd-coin/',\n    etherscanLink: 'https://etherscan.io/token/0xa0b86991c6218b36c1d19d4a2e9eb0ce3606eb48',\n    icon: tokenImages.usdCoin,\n    readableName: 'USDC',\n    tokenSymbol: 'usdc',\n    uniqueTokenId: 'usdc',\n  },\n  {\n    coinmarketcapLink: 'https://coinmarketcap.com/currencies/tether/',\n    etherscanLink: 'https://etherscan.io/token/0xdac17f958d2ee523a2206206994597c13d831ec7',\n    icon: tokenImages.tether,\n    readableName: 'Tether',\n    tokenSymbol: 'usdt',\n    uniqueTokenId: 'usdt',\n  },\n  {\n    coinmarketcapLink: 'https://coinmarketcap.com/currencies/cardano/',\n    etherscanLink: 'https://etherscan.io/token/0xc14777c94229582e5758c5a79b83dde876b9be98',\n    icon: tokenImages.ada,\n    readableName: 'Cardano',\n    tokenSymbol: 'ada',\n    uniqueTokenId: 'ada',\n  },\n  {\n    coinmarketcapLink: 'https://coinmarketcap.com/currencies/binance-usd/',\n    etherscanLink: 'https://etherscan.io/token/0x4Fabb145d64652a948d72533023f6E7A623C7C53',\n    icon: tokenImages.busd,\n    readableName: 'Binance USD',\n    tokenSymbol: 'busd',\n    uniqueTokenId: 'busd',\n  },\n  {\n    coinmarketcapLink: 'https://coinmarketcap.com/currencies/dogecoin/',\n    etherscanLink: 'https://etherscan.io/token/0x7618b5024a6349f9aef10ddfd33e3428c734551e',\n    icon: tokenImages.dogecoin,\n    readableName: 'Dogecoin',\n    tokenSymbol: 'doge',\n    uniqueTokenId: 'doge',\n  },\n  {\n    coinmarketcapLink: 'https://coinmarketcap.com/currencies/polkadot-new/',\n    etherscanLink: 'https://etherscan.io/token/0x2d4fb6dd969992c881d8e534c747cc925d5ba221',\n    icon: tokenImages.dot,\n    readableName: 'Polkadot',\n    tokenSymbol: 'dot',\n    uniqueTokenId: 'dot',\n  },\n  {\n    coinmarketcapLink: 'https://coinmarketcap.com/currencies/chainlink/',\n    etherscanLink: 'https://etherscan.io/token/0x514910771af9ca656af840dff83e8264ecf986ca',\n    icon: tokenImages.link,\n    readableName: 'ChainLink',\n    tokenSymbol: 'link',\n    uniqueTokenId: 'link',\n  },\n  {\n    coinmarketcapLink: 'https://coinmarketcap.com/currencies/solana/',\n    etherscanLink: 'https://etherscan.io/token/0x1f54638b7737193ffd86c19ec51907a7c41755d8',\n    icon: tokenImages.sol,\n    readableName: 'Solana',\n    tokenSymbol: 'sol',\n    uniqueTokenId: 'sol',\n  },\n]\n","import { TokenData } from './TokenData'\n\nexport const useGetTokenData = (symbols: (string | undefined)[]) => {\n  return symbols?.map((symbol) => {\n    const additionalTokenData = TokenData.find((x) => x.tokenSymbol === symbol)\n    const checkedTokenData = additionalTokenData ? additionalTokenData : TokenData[0]\n    return checkedTokenData\n  })\n}\n"],"mappings":"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","names":[]}

package/dist/browser/components/TokenData/useGetTokenData.js

@@ -1,5 +1,146 @@
-import { TokenData } from "./TokenData";
-const useGetTokenData = (symbols) => {
+// src/components/TokenData/img/index.ts
+import ada from "./img/ada.png";
+import btc from "./img/btc.png";
+import busd from "./img/busd.png";
+import dai from "./img/dai.png";
+import dogecoin from "./img/dogecoin.png";
+import dot from "./img/dot.png";
+import ethereum from "./img/ethereum.png";
+import frax from "./img/frax.png";
+import link from "./img/link.png";
+import sol from "./img/sol.png";
+import tether from "./img/tether.png";
+import usdCoin from "./img/usd-coin.png";
+import weth from "./img/weth.png";
+import wrappedBtc from "./img/wrapped-bitcoin.png";
+import xyo from "./img/xyo.png";
+
+// src/components/TokenData/TokenData.ts
+var TokenData = [
+  {
+    coinmarketcapLink: "https://coinmarketcap.com/currencies/multi-collateral-dai/",
+    etherscanLink: "https://etherscan.io/token/0x6b175474e89094c44da98b954eedeac495271d0f",
+    icon: dai,
+    readableName: "Dai",
+    tokenSymbol: "dai",
+    uniqueTokenId: "dai"
+  },
+  {
+    coinmarketcapLink: "https://coinmarketcap.com/currencies/weth/",
+    etherscanLink: "https://etherscan.io/token/0xc02aaa39b223fe8d0a0e5c4f27ead9083c756cc2",
+    icon: weth,
+    readableName: "Weth",
+    tokenSymbol: "weth",
+    uniqueTokenId: "weth"
+  },
+  {
+    coinmarketcapLink: "https://coinmarketcap.com/currencies/ethereum/",
+    etherscanLink: "n/a",
+    icon: ethereum,
+    readableName: "Ethereum",
+    tokenSymbol: "eth",
+    uniqueTokenId: "ethereum"
+  },
+  {
+    coinmarketcapLink: "https://coinmarketcap.com/currencies/bitcoin/",
+    etherscanLink: "n/a",
+    icon: btc,
+    readableName: "Bitcoin",
+    tokenSymbol: "btc",
+    uniqueTokenId: "btc"
+  },
+  {
+    coinmarketcapLink: "https://coinmarketcap.com/currencies/xyo/",
+    etherscanLink: "https://etherscan.io/token/0x55296f69f40ea6d20e478533c15a6b08b654e758",
+    icon: xyo,
+    readableName: "XYO",
+    tokenSymbol: "xyo",
+    uniqueTokenId: "xyo"
+  },
+  {
+    coinmarketcapLink: "https://coinmarketcap.com/currencies/frax/",
+    etherscanLink: "https://etherscan.io/token/0x853d955acef822db058eb8505911ed77f175b99e",
+    icon: frax,
+    readableName: "Frax",
+    tokenSymbol: "frax",
+    uniqueTokenId: "frax"
+  },
+  {
+    coinmarketcapLink: "https://coinmarketcap.com/currencies/wrapped-bitcoin/",
+    etherscanLink: "https://etherscan.io/token/0x2260fac5e5542a773aa44fbcfedf7c193bc2c599",
+    icon: wrappedBtc,
+    readableName: "Wrapped BTC",
+    tokenSymbol: "wbtc",
+    uniqueTokenId: "wbtc"
+  },
+  {
+    coinmarketcapLink: "https://coinmarketcap.com/currencies/usd-coin/",
+    etherscanLink: "https://etherscan.io/token/0xa0b86991c6218b36c1d19d4a2e9eb0ce3606eb48",
+    icon: usdCoin,
+    readableName: "USDC",
+    tokenSymbol: "usdc",
+    uniqueTokenId: "usdc"
+  },
+  {
+    coinmarketcapLink: "https://coinmarketcap.com/currencies/tether/",
+    etherscanLink: "https://etherscan.io/token/0xdac17f958d2ee523a2206206994597c13d831ec7",
+    icon: tether,
+    readableName: "Tether",
+    tokenSymbol: "usdt",
+    uniqueTokenId: "usdt"
+  },
+  {
+    coinmarketcapLink: "https://coinmarketcap.com/currencies/cardano/",
+    etherscanLink: "https://etherscan.io/token/0xc14777c94229582e5758c5a79b83dde876b9be98",
+    icon: ada,
+    readableName: "Cardano",
+    tokenSymbol: "ada",
+    uniqueTokenId: "ada"
+  },
+  {
+    coinmarketcapLink: "https://coinmarketcap.com/currencies/binance-usd/",
+    etherscanLink: "https://etherscan.io/token/0x4Fabb145d64652a948d72533023f6E7A623C7C53",
+    icon: busd,
+    readableName: "Binance USD",
+    tokenSymbol: "busd",
+    uniqueTokenId: "busd"
+  },
+  {
+    coinmarketcapLink: "https://coinmarketcap.com/currencies/dogecoin/",
+    etherscanLink: "https://etherscan.io/token/0x7618b5024a6349f9aef10ddfd33e3428c734551e",
+    icon: dogecoin,
+    readableName: "Dogecoin",
+    tokenSymbol: "doge",
+    uniqueTokenId: "doge"
+  },
+  {
+    coinmarketcapLink: "https://coinmarketcap.com/currencies/polkadot-new/",
+    etherscanLink: "https://etherscan.io/token/0x2d4fb6dd969992c881d8e534c747cc925d5ba221",
+    icon: dot,
+    readableName: "Polkadot",
+    tokenSymbol: "dot",
+    uniqueTokenId: "dot"
+  },
+  {
+    coinmarketcapLink: "https://coinmarketcap.com/currencies/chainlink/",
+    etherscanLink: "https://etherscan.io/token/0x514910771af9ca656af840dff83e8264ecf986ca",
+    icon: link,
+    readableName: "ChainLink",
+    tokenSymbol: "link",
+    uniqueTokenId: "link"
+  },
+  {
+    coinmarketcapLink: "https://coinmarketcap.com/currencies/solana/",
+    etherscanLink: "https://etherscan.io/token/0x1f54638b7737193ffd86c19ec51907a7c41755d8",
+    icon: sol,
+    readableName: "Solana",
+    tokenSymbol: "sol",
+    uniqueTokenId: "sol"
+  }
+];
+
+// src/components/TokenData/useGetTokenData.tsx
+var useGetTokenData = (symbols) => {
   return symbols?.map((symbol) => {
     const additionalTokenData = TokenData.find((x) => x.tokenSymbol === symbol);
     const checkedTokenData = additionalTokenData ? additionalTokenData : TokenData[0];

package/dist/browser/components/TokenData/useGetTokenData.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/TokenData/useGetTokenData.tsx"],"sourcesContent":["import { TokenData } from './TokenData'\n\nexport const useGetTokenData = (symbols: (string | undefined)[]) => {\n  return symbols?.map((symbol) => {\n    const additionalTokenData = TokenData.find((x) => x.tokenSymbol === symbol)\n    const checkedTokenData = additionalTokenData ? additionalTokenData : TokenData[0]\n    return checkedTokenData\n  })\n}\n"],"mappings":"AAAA,SAAS,iBAAiB;AAEnB,MAAM,kBAAkB,CAAC,YAAoC;AAClE,SAAO,SAAS,IAAI,CAAC,WAAW;AAC9B,UAAM,sBAAsB,UAAU,KAAK,CAAC,MAAM,EAAE,gBAAgB,MAAM;AAC1E,UAAM,mBAAmB,sBAAsB,sBAAsB,UAAU,CAAC;AAChF,WAAO;AAAA,EACT,CAAC;AACH;","names":[]}
+{"version":3,"sources":["../../../../src/components/TokenData/img/index.ts","../../../../src/components/TokenData/TokenData.ts","../../../../src/components/TokenData/useGetTokenData.tsx"],"sourcesContent":["import ada from './ada.png'\nimport btc from './btc.png'\nimport busd from './busd.png'\nimport dai from './dai.png'\nimport dogecoin from './dogecoin.png'\nimport dot from './dot.png'\nimport ethereum from './ethereum.png'\nimport frax from './frax.png'\nimport link from './link.png'\nimport sol from './sol.png'\nimport tether from './tether.png'\nimport usdCoin from './usd-coin.png'\nimport weth from './weth.png'\nimport wrappedBtc from './wrapped-bitcoin.png'\nimport xyo from './xyo.png'\n\nexport { ada, btc, busd, dai, dogecoin, dot, ethereum, frax, link, sol, tether, usdCoin, weth, wrappedBtc, xyo }\n","import * as tokenImages from './img'\n\nexport interface TokenData {\n  coinmarketcapLink: string\n  etherscanLink: string\n  icon: string\n  readableName: string\n  tokenSymbol: string\n  uniqueTokenId: string\n}\n\nexport const TokenData: TokenData[] = [\n  {\n    coinmarketcapLink: 'https://coinmarketcap.com/currencies/multi-collateral-dai/',\n    etherscanLink: 'https://etherscan.io/token/0x6b175474e89094c44da98b954eedeac495271d0f',\n    icon: tokenImages.dai,\n    readableName: 'Dai',\n    tokenSymbol: 'dai',\n    uniqueTokenId: 'dai',\n  },\n  {\n    coinmarketcapLink: 'https://coinmarketcap.com/currencies/weth/',\n    etherscanLink: 'https://etherscan.io/token/0xc02aaa39b223fe8d0a0e5c4f27ead9083c756cc2',\n    icon: tokenImages.weth,\n    readableName: 'Weth',\n    tokenSymbol: 'weth',\n    uniqueTokenId: 'weth',\n  },\n  {\n    coinmarketcapLink: 'https://coinmarketcap.com/currencies/ethereum/',\n    etherscanLink: 'n/a',\n    icon: tokenImages.ethereum,\n    readableName: 'Ethereum',\n    tokenSymbol: 'eth',\n    uniqueTokenId: 'ethereum',\n  },\n  {\n    coinmarketcapLink: 'https://coinmarketcap.com/currencies/bitcoin/',\n    etherscanLink: 'n/a',\n    icon: tokenImages.btc,\n    readableName: 'Bitcoin',\n    tokenSymbol: 'btc',\n    uniqueTokenId: 'btc',\n  },\n  {\n    coinmarketcapLink: 'https://coinmarketcap.com/currencies/xyo/',\n    etherscanLink: 'https://etherscan.io/token/0x55296f69f40ea6d20e478533c15a6b08b654e758',\n    icon: tokenImages.xyo,\n    readableName: 'XYO',\n    tokenSymbol: 'xyo',\n    uniqueTokenId: 'xyo',\n  },\n  {\n    coinmarketcapLink: 'https://coinmarketcap.com/currencies/frax/',\n    etherscanLink: 'https://etherscan.io/token/0x853d955acef822db058eb8505911ed77f175b99e',\n    icon: tokenImages.frax,\n    readableName: 'Frax',\n    tokenSymbol: 'frax',\n    uniqueTokenId: 'frax',\n  },\n  {\n    coinmarketcapLink: 'https://coinmarketcap.com/currencies/wrapped-bitcoin/',\n    etherscanLink: 'https://etherscan.io/token/0x2260fac5e5542a773aa44fbcfedf7c193bc2c599',\n    icon: tokenImages.wrappedBtc,\n    readableName: 'Wrapped BTC',\n    tokenSymbol: 'wbtc',\n    uniqueTokenId: 'wbtc',\n  },\n  {\n    coinmarketcapLink: 'https://coinmarketcap.com/currencies/usd-coin/',\n    etherscanLink: 'https://etherscan.io/token/0xa0b86991c6218b36c1d19d4a2e9eb0ce3606eb48',\n    icon: tokenImages.usdCoin,\n    readableName: 'USDC',\n    tokenSymbol: 'usdc',\n    uniqueTokenId: 'usdc',\n  },\n  {\n    coinmarketcapLink: 'https://coinmarketcap.com/currencies/tether/',\n    etherscanLink: 'https://etherscan.io/token/0xdac17f958d2ee523a2206206994597c13d831ec7',\n    icon: tokenImages.tether,\n    readableName: 'Tether',\n    tokenSymbol: 'usdt',\n    uniqueTokenId: 'usdt',\n  },\n  {\n    coinmarketcapLink: 'https://coinmarketcap.com/currencies/cardano/',\n    etherscanLink: 'https://etherscan.io/token/0xc14777c94229582e5758c5a79b83dde876b9be98',\n    icon: tokenImages.ada,\n    readableName: 'Cardano',\n    tokenSymbol: 'ada',\n    uniqueTokenId: 'ada',\n  },\n  {\n    coinmarketcapLink: 'https://coinmarketcap.com/currencies/binance-usd/',\n    etherscanLink: 'https://etherscan.io/token/0x4Fabb145d64652a948d72533023f6E7A623C7C53',\n    icon: tokenImages.busd,\n    readableName: 'Binance USD',\n    tokenSymbol: 'busd',\n    uniqueTokenId: 'busd',\n  },\n  {\n    coinmarketcapLink: 'https://coinmarketcap.com/currencies/dogecoin/',\n    etherscanLink: 'https://etherscan.io/token/0x7618b5024a6349f9aef10ddfd33e3428c734551e',\n    icon: tokenImages.dogecoin,\n    readableName: 'Dogecoin',\n    tokenSymbol: 'doge',\n    uniqueTokenId: 'doge',\n  },\n  {\n    coinmarketcapLink: 'https://coinmarketcap.com/currencies/polkadot-new/',\n    etherscanLink: 'https://etherscan.io/token/0x2d4fb6dd969992c881d8e534c747cc925d5ba221',\n    icon: tokenImages.dot,\n    readableName: 'Polkadot',\n    tokenSymbol: 'dot',\n    uniqueTokenId: 'dot',\n  },\n  {\n    coinmarketcapLink: 'https://coinmarketcap.com/currencies/chainlink/',\n    etherscanLink: 'https://etherscan.io/token/0x514910771af9ca656af840dff83e8264ecf986ca',\n    icon: tokenImages.link,\n    readableName: 'ChainLink',\n    tokenSymbol: 'link',\n    uniqueTokenId: 'link',\n  },\n  {\n    coinmarketcapLink: 'https://coinmarketcap.com/currencies/solana/',\n    etherscanLink: 'https://etherscan.io/token/0x1f54638b7737193ffd86c19ec51907a7c41755d8',\n    icon: tokenImages.sol,\n    readableName: 'Solana',\n    tokenSymbol: 'sol',\n    uniqueTokenId: 'sol',\n  },\n]\n","import { TokenData } from './TokenData'\n\nexport const useGetTokenData = (symbols: (string | undefined)[]) => {\n  return symbols?.map((symbol) => {\n    const additionalTokenData = TokenData.find((x) => x.tokenSymbol === symbol)\n    const checkedTokenData = additionalTokenData ? additionalTokenData : TokenData[0]\n    return checkedTokenData\n  })\n}\n"],"mappings":"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","names":[]}

package/dist/browser/components/TokenSummary/TokenSummary.js

@@ -1,13 +1,23 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+// src/components/TokenSummary/TokenSummary.tsx
 import { CardHeader, Typography } from "@mui/material";
-import { ThemeTokenAvatar } from "../ThemeTokenAvatar";
-const TokenSummary = ({ icon, symbol, symbolElement, children, ...props }) => {
+
+// src/components/ThemeTokenAvatar/ThemeTokenAvatar.tsx
+import { Avatar, useTheme } from "@mui/material";
+import { jsx } from "react/jsx-runtime";
+var ThemeTokenAvatar = ({ ...props }) => {
+  const theme = useTheme();
+  return /* @__PURE__ */ jsx(Avatar, { sx: { background: theme.palette.common.white }, ...props });
+};
+
+// src/components/TokenSummary/TokenSummary.tsx
+import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
+var TokenSummary = ({ icon, symbol, symbolElement, children, ...props }) => {
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx2(
       CardHeader,
       {
-        avatar: /* @__PURE__ */ jsx(ThemeTokenAvatar, { src: icon, alt: symbol }),
-        title: /* @__PURE__ */ jsx(Typography, { variant: "h6", fontWeight: 300, textTransform: "uppercase", children: symbolElement ?? symbol }),
+        avatar: /* @__PURE__ */ jsx2(ThemeTokenAvatar, { src: icon, alt: symbol }),
+        title: /* @__PURE__ */ jsx2(Typography, { variant: "h6", fontWeight: 300, textTransform: "uppercase", children: symbolElement ?? symbol }),
         ...props
       }
     ),

package/dist/browser/components/TokenSummary/TokenSummary.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/TokenSummary/TokenSummary.tsx"],"sourcesContent":["import { AvatarProps, CardHeader, CardHeaderProps, Typography } from '@mui/material'\nimport { ReactNode } from 'react'\n\nimport { ThemeTokenAvatar } from '../ThemeTokenAvatar'\n\nexport interface TokenSummaryProps extends CardHeaderProps {\n  icon?: string\n  imgBgProps?: AvatarProps\n  symbol?: string\n  symbolElement?: ReactNode\n}\n\nexport const TokenSummary: React.FC<TokenSummaryProps> = ({ icon, symbol, symbolElement, children, ...props }) => {\n  return (\n    <>\n      <CardHeader\n        avatar={<ThemeTokenAvatar src={icon} alt={symbol} />}\n        title={\n          <Typography variant=\"h6\" fontWeight={300} textTransform=\"uppercase\">\n            {symbolElement ?? symbol}\n          </Typography>\n        }\n        {...props}\n      />\n      {children}\n    </>\n  )\n}\n"],"mappings":"AAcI,mBAEY,KAFZ;AAdJ,SAAsB,YAA6B,kBAAkB;AAGrE,SAAS,wBAAwB;AAS1B,MAAM,eAA4C,CAAC,EAAE,MAAM,QAAQ,eAAe,UAAU,GAAG,MAAM,MAAM;AAChH,SACE,iCACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,QAAQ,oBAAC,oBAAiB,KAAK,MAAM,KAAK,QAAQ;AAAA,QAClD,OACE,oBAAC,cAAW,SAAQ,MAAK,YAAY,KAAK,eAAc,aACrD,2BAAiB,QACpB;AAAA,QAED,GAAG;AAAA;AAAA,IACN;AAAA,IACC;AAAA,KACH;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../src/components/TokenSummary/TokenSummary.tsx","../../../../src/components/ThemeTokenAvatar/ThemeTokenAvatar.tsx"],"sourcesContent":["import { AvatarProps, CardHeader, CardHeaderProps, Typography } from '@mui/material'\nimport { ReactNode } from 'react'\n\nimport { ThemeTokenAvatar } from '../ThemeTokenAvatar'\n\nexport interface TokenSummaryProps extends CardHeaderProps {\n  icon?: string\n  imgBgProps?: AvatarProps\n  symbol?: string\n  symbolElement?: ReactNode\n}\n\nexport const TokenSummary: React.FC<TokenSummaryProps> = ({ icon, symbol, symbolElement, children, ...props }) => {\n  return (\n    <>\n      <CardHeader\n        avatar={<ThemeTokenAvatar src={icon} alt={symbol} />}\n        title={\n          <Typography variant=\"h6\" fontWeight={300} textTransform=\"uppercase\">\n            {symbolElement ?? symbol}\n          </Typography>\n        }\n        {...props}\n      />\n      {children}\n    </>\n  )\n}\n","import { Avatar, AvatarProps, useTheme } from '@mui/material'\n\nexport const ThemeTokenAvatar: React.FC<AvatarProps> = ({ ...props }) => {\n  const theme = useTheme()\n  return <Avatar sx={{ background: theme.palette.common.white }} {...props} />\n}\n"],"mappings":";AAAA,SAAsB,YAA6B,kBAAkB;;;ACArE,SAAS,QAAqB,gBAAgB;AAIrC;AAFF,IAAM,mBAA0C,CAAC,EAAE,GAAG,MAAM,MAAM;AACvE,QAAM,QAAQ,SAAS;AACvB,SAAO,oBAAC,UAAO,IAAI,EAAE,YAAY,MAAM,QAAQ,OAAO,MAAM,GAAI,GAAG,OAAO;AAC5E;;;ADSI,mBAEY,OAAAA,MAFZ;AAFG,IAAM,eAA4C,CAAC,EAAE,MAAM,QAAQ,eAAe,UAAU,GAAG,MAAM,MAAM;AAChH,SACE,iCACE;AAAA,oBAAAA;AAAA,MAAC;AAAA;AAAA,QACC,QAAQ,gBAAAA,KAAC,oBAAiB,KAAK,MAAM,KAAK,QAAQ;AAAA,QAClD,OACE,gBAAAA,KAAC,cAAW,SAAQ,MAAK,YAAY,KAAK,eAAc,aACrD,2BAAiB,QACpB;AAAA,QAED,GAAG;AAAA;AAAA,IACN;AAAA,IACC;AAAA,KACH;AAEJ;","names":["jsx"]}

package/dist/browser/components/TokenSummary/index.js

@@ -1,2 +1,30 @@
-export * from "./TokenSummary";
+// src/components/TokenSummary/TokenSummary.tsx
+import { CardHeader, Typography } from "@mui/material";
+
+// src/components/ThemeTokenAvatar/ThemeTokenAvatar.tsx
+import { Avatar, useTheme } from "@mui/material";
+import { jsx } from "react/jsx-runtime";
+var ThemeTokenAvatar = ({ ...props }) => {
+  const theme = useTheme();
+  return /* @__PURE__ */ jsx(Avatar, { sx: { background: theme.palette.common.white }, ...props });
+};
+
+// src/components/TokenSummary/TokenSummary.tsx
+import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
+var TokenSummary = ({ icon, symbol, symbolElement, children, ...props }) => {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx2(
+      CardHeader,
+      {
+        avatar: /* @__PURE__ */ jsx2(ThemeTokenAvatar, { src: icon, alt: symbol }),
+        title: /* @__PURE__ */ jsx2(Typography, { variant: "h6", fontWeight: 300, textTransform: "uppercase", children: symbolElement ?? symbol }),
+        ...props
+      }
+    ),
+    children
+  ] });
+};
+export {
+  TokenSummary
+};
 //# sourceMappingURL=index.js.map

package/dist/browser/components/TokenSummary/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/TokenSummary/index.ts"],"sourcesContent":["export * from './TokenSummary'\n"],"mappings":"AAAA,cAAc;","names":[]}
+{"version":3,"sources":["../../../../src/components/TokenSummary/TokenSummary.tsx","../../../../src/components/ThemeTokenAvatar/ThemeTokenAvatar.tsx"],"sourcesContent":["import { AvatarProps, CardHeader, CardHeaderProps, Typography } from '@mui/material'\nimport { ReactNode } from 'react'\n\nimport { ThemeTokenAvatar } from '../ThemeTokenAvatar'\n\nexport interface TokenSummaryProps extends CardHeaderProps {\n  icon?: string\n  imgBgProps?: AvatarProps\n  symbol?: string\n  symbolElement?: ReactNode\n}\n\nexport const TokenSummary: React.FC<TokenSummaryProps> = ({ icon, symbol, symbolElement, children, ...props }) => {\n  return (\n    <>\n      <CardHeader\n        avatar={<ThemeTokenAvatar src={icon} alt={symbol} />}\n        title={\n          <Typography variant=\"h6\" fontWeight={300} textTransform=\"uppercase\">\n            {symbolElement ?? symbol}\n          </Typography>\n        }\n        {...props}\n      />\n      {children}\n    </>\n  )\n}\n","import { Avatar, AvatarProps, useTheme } from '@mui/material'\n\nexport const ThemeTokenAvatar: React.FC<AvatarProps> = ({ ...props }) => {\n  const theme = useTheme()\n  return <Avatar sx={{ background: theme.palette.common.white }} {...props} />\n}\n"],"mappings":";AAAA,SAAsB,YAA6B,kBAAkB;;;ACArE,SAAS,QAAqB,gBAAgB;AAIrC;AAFF,IAAM,mBAA0C,CAAC,EAAE,GAAG,MAAM,MAAM;AACvE,QAAM,QAAQ,SAAS;AACvB,SAAO,oBAAC,UAAO,IAAI,EAAE,YAAY,MAAM,QAAQ,OAAO,MAAM,GAAI,GAAG,OAAO;AAC5E;;;ADSI,mBAEY,OAAAA,MAFZ;AAFG,IAAM,eAA4C,CAAC,EAAE,MAAM,QAAQ,eAAe,UAAU,GAAG,MAAM,MAAM;AAChH,SACE,iCACE;AAAA,oBAAAA;AAAA,MAAC;AAAA;AAAA,QACC,QAAQ,gBAAAA,KAAC,oBAAiB,KAAK,MAAM,KAAK,QAAQ;AAAA,QAClD,OACE,gBAAAA,KAAC,cAAW,SAAQ,MAAK,YAAY,KAAK,eAAc,aACrD,2BAAiB,QACpB;AAAA,QAED,GAAG;AAAA;AAAA,IACN;AAAA,IACC;AAAA,KACH;AAEJ;","names":["jsx"]}

package/dist/browser/components/TypographyEx.js

@@ -1,7 +1,61 @@
-import { jsx } from "react/jsx-runtime";
+// src/components/TypographyEx.tsx
 import { Typography } from "@mui/material";
-import { useGradientStyles } from "../hooks";
-const TypographyEx = ({ gradient, ...props }) => {
+
+// src/hooks/GradientStyles/GradientStyles.tsx
+import { useTheme } from "@mui/material";
+import { makeStyles } from "@mui/styles";
+var colorfulGradientLightMode = () => {
+  return {
+    background: {
+      backgroundImage: "-webkit-linear-gradient(232deg, #e17751, #d84e7a, #5898dd, #8c8ee5)"
+    },
+    border: {
+      borderImage: "-webkit-linear-gradient(232deg, #e17751, #d84e7a, #5898dd, #8c8ee5)",
+      borderImageSlice: 1,
+      borderImageSource: "-webkit-linear-gradient(232deg, #e17751, #d84e7a, #5898dd, #8c8ee5)",
+      borderRadius: 0,
+      borderStyle: "solid",
+      borderWidth: "2px"
+    },
+    heading: {
+      WebkitBackgroundClip: "text",
+      WebkitTextFillColor: "transparent",
+      background: "-webkit-linear-gradient(232deg, #e17751, #d84e7a, #5898dd, #8c8ee5)",
+      display: "inline-block"
+    }
+  };
+};
+var colorfulGradientDarkMode = () => {
+  return {
+    background: {
+      backgroundImage: "-webkit-linear-gradient(232deg, #F17938, #FF5BDC, #5898dd, #B2FFFD)"
+    },
+    border: {
+      borderImage: "-webkit-linear-gradient(232deg, #F17938, #FF5BDC, #5898dd, #B2FFFD)",
+      borderImageSlice: 1,
+      borderImageSource: "-webkit-linear-gradient(232deg, #F17938, #FF5BDC, #5898dd, #B2FFFD)",
+      borderRadius: 0,
+      borderStyle: "solid",
+      borderWidth: "2px"
+    },
+    heading: {
+      WebkitBackgroundClip: "text",
+      WebkitTextFillColor: "transparent",
+      background: "-webkit-linear-gradient(232deg, #F17938, #FF5BDC, #5898dd, #B2FFFD)",
+      display: "inline-block"
+    }
+  };
+};
+var useGradientStyles = () => {
+  const theme = useTheme();
+  const styles = theme.palette.mode === "dark" ? colorfulGradientDarkMode() : colorfulGradientLightMode();
+  const classes = makeStyles(styles);
+  return { classes, styles };
+};
+
+// src/components/TypographyEx.tsx
+import { jsx } from "react/jsx-runtime";
+var TypographyEx = ({ gradient, ...props }) => {
   const { classes } = useGradientStyles();
   return /* @__PURE__ */ jsx(Typography, { className: gradient === "text" ? classes().heading : void 0, ...props });
 };

package/dist/browser/components/TypographyEx.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/TypographyEx.tsx"],"sourcesContent":["import { Typography, TypographyProps } from '@mui/material'\n\nimport { useGradientStyles } from '../hooks'\n\nexport interface TypographyExProps extends TypographyProps {\n  gradient?: 'text'\n}\n\nexport const TypographyEx: React.FC<TypographyExProps> = ({ gradient, ...props }) => {\n  const { classes } = useGradientStyles()\n  return <Typography className={gradient === 'text' ? classes().heading : undefined} {...props} />\n}\n"],"mappings":"AAUS;AAVT,SAAS,kBAAmC;AAE5C,SAAS,yBAAyB;AAM3B,MAAM,eAA4C,CAAC,EAAE,UAAU,GAAG,MAAM,MAAM;AACnF,QAAM,EAAE,QAAQ,IAAI,kBAAkB;AACtC,SAAO,oBAAC,cAAW,WAAW,aAAa,SAAS,QAAQ,EAAE,UAAU,QAAY,GAAG,OAAO;AAChG;","names":[]}
+{"version":3,"sources":["../../../src/components/TypographyEx.tsx","../../../src/hooks/GradientStyles/GradientStyles.tsx"],"sourcesContent":["import { Typography, TypographyProps } from '@mui/material'\n\nimport { useGradientStyles } from '../hooks'\n\nexport interface TypographyExProps extends TypographyProps {\n  gradient?: 'text'\n}\n\nexport const TypographyEx: React.FC<TypographyExProps> = ({ gradient, ...props }) => {\n  const { classes } = useGradientStyles()\n  return <Typography className={gradient === 'text' ? classes().heading : undefined} {...props} />\n}\n","import { useTheme } from '@mui/material'\nimport { makeStyles } from '@mui/styles'\nimport { CSSProperties } from 'react'\n\nexport interface GradientStyles {\n  background: CSSProperties\n  border: CSSProperties\n  heading: CSSProperties\n}\n\nexport const colorfulGradientLightMode = () => {\n  return {\n    background: {\n      backgroundImage: '-webkit-linear-gradient(232deg, #e17751, #d84e7a, #5898dd, #8c8ee5)',\n    },\n    border: {\n      borderImage: '-webkit-linear-gradient(232deg, #e17751, #d84e7a, #5898dd, #8c8ee5)',\n      borderImageSlice: 1,\n      borderImageSource: '-webkit-linear-gradient(232deg, #e17751, #d84e7a, #5898dd, #8c8ee5)',\n      borderRadius: 0,\n      borderStyle: 'solid',\n      borderWidth: '2px',\n    },\n    heading: {\n      WebkitBackgroundClip: 'text',\n      WebkitTextFillColor: 'transparent',\n      background: '-webkit-linear-gradient(232deg, #e17751, #d84e7a, #5898dd, #8c8ee5)',\n      display: 'inline-block',\n    },\n  }\n}\n\nexport const colorfulGradientDarkMode = () => {\n  return {\n    background: {\n      backgroundImage: '-webkit-linear-gradient(232deg, #F17938, #FF5BDC, #5898dd, #B2FFFD)',\n    },\n    border: {\n      borderImage: '-webkit-linear-gradient(232deg, #F17938, #FF5BDC, #5898dd, #B2FFFD)',\n      borderImageSlice: 1,\n      borderImageSource: '-webkit-linear-gradient(232deg, #F17938, #FF5BDC, #5898dd, #B2FFFD)',\n      borderRadius: 0,\n      borderStyle: 'solid',\n      borderWidth: '2px',\n    },\n    heading: {\n      WebkitBackgroundClip: 'text',\n      WebkitTextFillColor: 'transparent',\n      background: '-webkit-linear-gradient(232deg, #F17938, #FF5BDC, #5898dd, #B2FFFD)',\n      display: 'inline-block',\n    },\n  }\n}\n\nexport const useGradientStyles = () => {\n  const theme = useTheme()\n  const styles = theme.palette.mode === 'dark' ? colorfulGradientDarkMode() : colorfulGradientLightMode()\n  const classes = makeStyles(styles)\n  return { classes, styles }\n}\n"],"mappings":";AAAA,SAAS,kBAAmC;;;ACA5C,SAAS,gBAAgB;AACzB,SAAS,kBAAkB;AASpB,IAAM,4BAA4B,MAAM;AAC7C,SAAO;AAAA,IACL,YAAY;AAAA,MACV,iBAAiB;AAAA,IACnB;AAAA,IACA,QAAQ;AAAA,MACN,aAAa;AAAA,MACb,kBAAkB;AAAA,MAClB,mBAAmB;AAAA,MACnB,cAAc;AAAA,MACd,aAAa;AAAA,MACb,aAAa;AAAA,IACf;AAAA,IACA,SAAS;AAAA,MACP,sBAAsB;AAAA,MACtB,qBAAqB;AAAA,MACrB,YAAY;AAAA,MACZ,SAAS;AAAA,IACX;AAAA,EACF;AACF;AAEO,IAAM,2BAA2B,MAAM;AAC5C,SAAO;AAAA,IACL,YAAY;AAAA,MACV,iBAAiB;AAAA,IACnB;AAAA,IACA,QAAQ;AAAA,MACN,aAAa;AAAA,MACb,kBAAkB;AAAA,MAClB,mBAAmB;AAAA,MACnB,cAAc;AAAA,MACd,aAAa;AAAA,MACb,aAAa;AAAA,IACf;AAAA,IACA,SAAS;AAAA,MACP,sBAAsB;AAAA,MACtB,qBAAqB;AAAA,MACrB,YAAY;AAAA,MACZ,SAAS;AAAA,IACX;AAAA,EACF;AACF;AAEO,IAAM,oBAAoB,MAAM;AACrC,QAAM,QAAQ,SAAS;AACvB,QAAM,SAAS,MAAM,QAAQ,SAAS,SAAS,yBAAyB,IAAI,0BAA0B;AACtG,QAAM,UAAU,WAAW,MAAM;AACjC,SAAO,EAAE,SAAS,OAAO;AAC3B;;;ADjDS;AAFF,IAAM,eAA4C,CAAC,EAAE,UAAU,GAAG,MAAM,MAAM;AACnF,QAAM,EAAE,QAAQ,IAAI,kBAAkB;AACtC,SAAO,oBAAC,cAAW,WAAW,aAAa,SAAS,QAAQ,EAAE,UAAU,QAAY,GAAG,OAAO;AAChG;","names":[]}