@ape.swap/bonds-sdk 3.3.0-test.4 → 3.3.0-test.6

package/dist/components/uikit-sdk/Svg/Icons/ZapArrow.js.map

@@ -1 +1 @@
-{"version":3,"file":"ZapArrow.js","sources":["../../../../../src/components/uikit-sdk/Svg/Icons/ZapArrow.tsx"],"sourcesContent":["import React from 'react'\nimport { rotation, SvgProps } from './types'\n\nconst Arrow: React.FC<SvgProps> = ({ direction = 'down', color = 'text', width, getStyles }) => {\n  const deg: rotation = {\n    left: 90,\n    up: 180,\n    right: 270,\n    down: 0,\n  }\n  const style = getStyles({\n    degree: deg[direction as keyof rotation],\n    color,\n  })\n  return (\n    <svg width={width || '30'} height=\"30\" viewBox=\"0 0 30 30\" fill=\"none\" sx={style}>\n      <rect\n        x=\"1\"\n        y=\"1\"\n        width=\"28\"\n        height=\"28\"\n        rx=\"14\"\n        fill=\"var(--theme-ui-colors-primaryButton)\"\n        stroke=\"#F9F4E7\"\n        strokeWidth=\"0\"\n      />\n      <path\n        d=\"M15.0037 15.5939C15.7767 15.5939 16.4765 15.6395 16.907 15.7243C16.9137 15.7243 17.3076 15.8084 17.4389 15.8626C17.6285 15.9475 17.7889 16.1008 17.8911 16.2925C17.9642 16.4458 18 16.6077 18 16.7766C17.9933 16.9527 17.8836 17.2835 17.8321 17.414C17.5121 18.2738 16.4616 19.917 15.8207 20.5473C15.7185 20.6542 15.5946 20.7697 15.5655 20.8004C15.4044 20.9308 15.2082 21 14.997 21C14.8068 21 14.6173 20.9387 14.4643 20.8153C14.3849 20.7564 14.2689 20.6391 14.2159 20.5841L14.1875 20.5544C13.5235 19.91 12.5252 18.3044 12.2044 17.4902C12.1976 17.4902 12.0378 17.0841 12.0054 16.839L12 16.7766V16.746C12 16.3923 12.1895 16.0623 12.4961 15.8933C12.664 15.8013 13.152 15.7165 13.1594 15.7086C13.5966 15.6395 14.2673 15.5939 15.0037 15.5939ZM15.0004 10C15.3935 10 15.7164 10.3143 15.7552 10.7175L15.7591 10.7992L15.5957 13.8288C15.5957 14.1754 15.3294 14.456 15.0004 14.456C14.6949 14.456 14.4434 14.2141 14.409 13.902L14.405 13.8288L14.2409 10.7992C14.2409 10.3576 14.5811 10 15.0004 10Z\"\n        fill=\"#fff\"\n      />\n    </svg>\n  )\n}\n\nexport default Arrow\n"],"names":["_jsxs","_jsx"],"mappings":";;AAGA,MAAM,KAAK,GAAuB,CAAC,EAAE,SAAS,GAAG,MAAM,EAAE,KAAK,GAAG,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,KAAI;AAC7F,IAAA,MAAM,GAAG,GAAa;AACpB,QAAA,IAAI,EAAE,EAAE;AACR,QAAA,EAAE,EAAE,GAAG;AACP,QAAA,KAAK,EAAE,GAAG;AACV,QAAA,IAAI,EAAE,CAAC;KACR;IACD,MAAM,KAAK,GAAG,SAAS,CAAC;AACtB,QAAA,MAAM,EAAE,GAAG,CAAC,SAA2B,CAAC;QACxC,KAAK;AACN,KAAA,CAAC;AACF,IAAA,QACEA,IAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,KAAK,IAAI,IAAI,EAAE,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,EAAE,EAAE,KAAK,EAAA,QAAA,EAAA,CAC9EC,GAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAC,GAAG,EACL,CAAC,EAAC,GAAG,EACL,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,EAAE,EAAC,IAAI,EACP,IAAI,EAAC,sCAAsC,EAC3C,MAAM,EAAC,SAAS,EAChB,WAAW,EAAC,GAAG,EAAA,CACf,EACFA,cACE,CAAC,EAAC,q9BAAq9B,EACv9B,IAAI,EAAC,MAAM,EAAA,CACX,CAAA,EAAA,CACE;AAEV;;;;"}
+{"version":3,"file":"ZapArrow.js","sources":["../../../../../src/components/uikit-sdk/Svg/Icons/ZapArrow.tsx"],"sourcesContent":["import React from 'react'\nimport { rotation, SvgProps } from './types'\nimport { dynamicStyles } from '../styles'\n\nconst Arrow: React.FC<SvgProps> = ({ direction = 'down', color = 'text', width }) => {\n  const deg: rotation = {\n    left: 90,\n    up: 180,\n    right: 270,\n    down: 0,\n  }\n  const style = dynamicStyles.generic({\n    degree: deg[direction as keyof rotation],\n    color,\n  })\n  return (\n    <svg width={width || '30'} height=\"30\" viewBox=\"0 0 30 30\" fill=\"none\" sx={style}>\n      <rect\n        x=\"1\"\n        y=\"1\"\n        width=\"28\"\n        height=\"28\"\n        rx=\"14\"\n        fill=\"var(--theme-ui-colors-primaryButton)\"\n        stroke=\"#F9F4E7\"\n        strokeWidth=\"0\"\n      />\n      <path\n        d=\"M15.0037 15.5939C15.7767 15.5939 16.4765 15.6395 16.907 15.7243C16.9137 15.7243 17.3076 15.8084 17.4389 15.8626C17.6285 15.9475 17.7889 16.1008 17.8911 16.2925C17.9642 16.4458 18 16.6077 18 16.7766C17.9933 16.9527 17.8836 17.2835 17.8321 17.414C17.5121 18.2738 16.4616 19.917 15.8207 20.5473C15.7185 20.6542 15.5946 20.7697 15.5655 20.8004C15.4044 20.9308 15.2082 21 14.997 21C14.8068 21 14.6173 20.9387 14.4643 20.8153C14.3849 20.7564 14.2689 20.6391 14.2159 20.5841L14.1875 20.5544C13.5235 19.91 12.5252 18.3044 12.2044 17.4902C12.1976 17.4902 12.0378 17.0841 12.0054 16.839L12 16.7766V16.746C12 16.3923 12.1895 16.0623 12.4961 15.8933C12.664 15.8013 13.152 15.7165 13.1594 15.7086C13.5966 15.6395 14.2673 15.5939 15.0037 15.5939ZM15.0004 10C15.3935 10 15.7164 10.3143 15.7552 10.7175L15.7591 10.7992L15.5957 13.8288C15.5957 14.1754 15.3294 14.456 15.0004 14.456C14.6949 14.456 14.4434 14.2141 14.409 13.902L14.405 13.8288L14.2409 10.7992C14.2409 10.3576 14.5811 10 15.0004 10Z\"\n        fill=\"#fff\"\n      />\n    </svg>\n  )\n}\n\nexport default Arrow\n"],"names":["_jsxs","_jsx"],"mappings":";;;AAIA,MAAM,KAAK,GAAuB,CAAC,EAAE,SAAS,GAAG,MAAM,EAAE,KAAK,GAAG,MAAM,EAAE,KAAK,EAAE,KAAI;AAClF,IAAA,MAAM,GAAG,GAAa;AACpB,QAAA,IAAI,EAAE,EAAE;AACR,QAAA,EAAE,EAAE,GAAG;AACP,QAAA,KAAK,EAAE,GAAG;AACV,QAAA,IAAI,EAAE,CAAC;KACR;AACD,IAAA,MAAM,KAAK,GAAG,aAAa,CAAC,OAAO,CAAC;AAClC,QAAA,MAAM,EAAE,GAAG,CAAC,SAA2B,CAAC;QACxC,KAAK;AACN,KAAA,CAAC;AACF,IAAA,QACEA,IAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,KAAK,IAAI,IAAI,EAAE,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,EAAE,EAAE,KAAK,EAAA,QAAA,EAAA,CAC9EC,GAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAC,GAAG,EACL,CAAC,EAAC,GAAG,EACL,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,EAAE,EAAC,IAAI,EACP,IAAI,EAAC,sCAAsC,EAC3C,MAAM,EAAC,SAAS,EAChB,WAAW,EAAC,GAAG,EAAA,CACf,EACFA,cACE,CAAC,EAAC,q9BAAq9B,EACv9B,IAAI,EAAC,MAAM,EAAA,CACX,CAAA,EAAA,CACE;AAEV;;;;"}

package/dist/components/uikit-sdk/Svg/Icons/ZapIcon.js

@@ -1,13 +1,14 @@
 import { jsx } from 'theme-ui/jsx-runtime';
+import { dynamicStyles } from '../styles.js';
 
-const Arrow = ({ direction = 'down', color = 'text', width, getStyles }) => {
+const Arrow = ({ direction = 'down', color = 'text', width }) => {
     const deg = {
         left: 90,
         up: 180,
         right: 270,
         down: 0,
     };
-    const style = getStyles({
+    const style = dynamicStyles.generic({
         degree: deg[direction],
         color,
     });

package/dist/components/uikit-sdk/Svg/Icons/ZapIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"ZapIcon.js","sources":["../../../../../src/components/uikit-sdk/Svg/Icons/ZapIcon.tsx"],"sourcesContent":["import React from 'react'\nimport { rotation, SvgProps } from './types'\n\nconst Arrow: React.FC<SvgProps> = ({ direction = 'down', color = 'text', width, getStyles }) => {\n  const deg: rotation = {\n    left: 90,\n    up: 180,\n    right: 270,\n    down: 0,\n  }\n  const style = getStyles({\n    degree: deg[direction as keyof rotation],\n    color,\n  })\n  return (\n    <svg width={width || '11'} height=\"18\" viewBox=\"0 0 11 18\" sx={style}>\n      <path\n        xmlns=\"http://www.w3.org/2000/svg\"\n        d=\"M4.05315 18C3.66071 18 3.36083 17.6498 3.4212 17.2621L4.40395 10.95H0.495277C0.298951 10.95 0.156169 10.8667 0.0669294 10.7C-0.0223098 10.5333 -0.0223098 10.375 0.0669294 10.225L6.43712 0.294459C6.55483 0.110964 6.75784 0 6.97584 0C7.36872 0 7.66886 0.350677 7.60821 0.738842L6.62601 7.025H10.4811C10.6775 7.025 10.8247 7.10833 10.9229 7.275C11.021 7.44167 11.0255 7.6 10.9363 7.75L4.59249 17.7042C4.47505 17.8884 4.27166 18 4.05315 18Z\"\n      />\n    </svg>\n  )\n}\n\nexport default Arrow\n"],"names":["_jsx"],"mappings":";;AAGA,MAAM,KAAK,GAAuB,CAAC,EAAE,SAAS,GAAG,MAAM,EAAE,KAAK,GAAG,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,KAAI;AAC7F,IAAA,MAAM,GAAG,GAAa;AACpB,QAAA,IAAI,EAAE,EAAE;AACR,QAAA,EAAE,EAAE,GAAG;AACP,QAAA,KAAK,EAAE,GAAG;AACV,QAAA,IAAI,EAAE,CAAC;KACR;IACD,MAAM,KAAK,GAAG,SAAS,CAAC;AACtB,QAAA,MAAM,EAAE,GAAG,CAAC,SAA2B,CAAC;QACxC,KAAK;AACN,KAAA,CAAC;AACF,IAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,KAAK,IAAI,IAAI,EAAE,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,EAAE,EAAE,KAAK,EAAA,QAAA,EAClEA,GAAA,CAAA,MAAA,EAAA,EACE,KAAK,EAAC,4BAA4B,EAClC,CAAC,EAAC,sbAAsb,EAAA,CACxb,EAAA,CACE;AAEV;;;;"}
+{"version":3,"file":"ZapIcon.js","sources":["../../../../../src/components/uikit-sdk/Svg/Icons/ZapIcon.tsx"],"sourcesContent":["import React from 'react'\nimport { rotation, SvgProps } from './types'\nimport { dynamicStyles } from '../styles'\n\nconst Arrow: React.FC<SvgProps> = ({ direction = 'down', color = 'text', width }) => {\n  const deg: rotation = {\n    left: 90,\n    up: 180,\n    right: 270,\n    down: 0,\n  }\n  const style = dynamicStyles.generic({\n    degree: deg[direction as keyof rotation],\n    color,\n  })\n  return (\n    <svg width={width || '11'} height=\"18\" viewBox=\"0 0 11 18\" sx={style}>\n      <path\n        xmlns=\"http://www.w3.org/2000/svg\"\n        d=\"M4.05315 18C3.66071 18 3.36083 17.6498 3.4212 17.2621L4.40395 10.95H0.495277C0.298951 10.95 0.156169 10.8667 0.0669294 10.7C-0.0223098 10.5333 -0.0223098 10.375 0.0669294 10.225L6.43712 0.294459C6.55483 0.110964 6.75784 0 6.97584 0C7.36872 0 7.66886 0.350677 7.60821 0.738842L6.62601 7.025H10.4811C10.6775 7.025 10.8247 7.10833 10.9229 7.275C11.021 7.44167 11.0255 7.6 10.9363 7.75L4.59249 17.7042C4.47505 17.8884 4.27166 18 4.05315 18Z\"\n      />\n    </svg>\n  )\n}\n\nexport default Arrow\n"],"names":["_jsx"],"mappings":";;;AAIA,MAAM,KAAK,GAAuB,CAAC,EAAE,SAAS,GAAG,MAAM,EAAE,KAAK,GAAG,MAAM,EAAE,KAAK,EAAE,KAAI;AAClF,IAAA,MAAM,GAAG,GAAa;AACpB,QAAA,IAAI,EAAE,EAAE;AACR,QAAA,EAAE,EAAE,GAAG;AACP,QAAA,KAAK,EAAE,GAAG;AACV,QAAA,IAAI,EAAE,CAAC;KACR;AACD,IAAA,MAAM,KAAK,GAAG,aAAa,CAAC,OAAO,CAAC;AAClC,QAAA,MAAM,EAAE,GAAG,CAAC,SAA2B,CAAC;QACxC,KAAK;AACN,KAAA,CAAC;AACF,IAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,KAAK,IAAI,IAAI,EAAE,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,EAAE,EAAE,KAAK,EAAA,QAAA,EAClEA,GAAA,CAAA,MAAA,EAAA,EACE,KAAK,EAAC,4BAA4B,EAClC,CAAC,EAAC,sbAAsb,EAAA,CACxb,EAAA,CACE;AAEV;;;;"}

package/dist/components/uikit-sdk/Svg/Icons/types.d.ts

@@ -1,8 +1,5 @@
-import { ThemeUIStyleObject } from 'theme-ui';
 import { SvgProps as Props, directions } from '../types';
-export interface SvgProps extends Props {
-    getStyles: (props: any) => ThemeUIStyleObject;
-}
+export type SvgProps = Props;
 export interface rotation {
     [directions.LEFT]: number;
     [directions.RIGHT]: number;

package/dist/components/uikit-sdk/Svg/types.d.ts

@@ -1,181 +1,11 @@
-export declare enum icons {
-    CARET = "caret",
-    EXTERNAL = "external",
-    HOME = "home",
-    CALCULATOR = "calculator",
-    FARM = "farm",
-    FRAME = "frame",
-    GNANA = "gnana",
-    INFO = "info",
-    MORE = "more",
-    NFA = "nfa",
-    POOL = "pool",
-    ROCKET = "rocket",
-    TRADE = "trade",
-    VAULT = "vault",
-    ELLIPSE = "ellipse",
-    TWITTER = "twitter",
-    SEND = "send",
-    ERROR = "error",
-    CLOSE = "close",
-    COLLAPSE = "collapse",
-    TEXTLOGO = "textLogo",
-    PROFILELIGHT = "profileLight",
-    PROFILEDARK = "profileDark",
-    PROFILEICON = "profileIcon",
-    HAMBURGER = "hamburger",
-    SEARCH = "search",
-    SUCCESS = "success",
-    QUESTION_CIRCLE = "questionCircle",
-    QUESTION = "question",
-    SETTINGS = "settings",
-    CHART = "chart",
-    BNB_TOKEN = "bnb_token",
-    BANANA_TOKEN = "banana_token",
-    ETH_TOKEN = "eth_token",
-    GNANA_TOKEN = "gnana_token",
-    POLYGON_TOKEN = "polygon_token",
-    TLOS_TOKEN = "tlos_token",
-    BSC_TOKEN = "bsc_token",
-    ARBITRUM_TOKEN = "arbitrum_token",
-    AVAX_TOKEN = "avax_token",
-    OPTIMISM_TOKEN = "optimism_token",
-    FANTOM_TOKEN = "fantom_token",
-    CRONOS_TOKEN = "cronos_token",
-    POLYGONZK_TOKEN = "polygonzk_token",
-    CELO_TOKEN = "celo_token",
-    GNOSIS_TOKEN = "gnosis_token",
-    OKX_TOKEN = "okx_token",
-    INEVM = "inEvm",
-    LINEA = "linea",
-    LIGHTLINK = "lightlink",
-    IOTA = "iota",
-    BASE = "base",
-    BLAST = "blast",
-    CROSSFI = "crossfi",
-    MONAD = "monad",
-    SONIC = "sonic",
-    BERA = "bera",
-    KATANA = "katana",
-    UNICHAIN = "unichain",
-    DISCORD = "discord",
-    REDDIT = "reddit",
-    MEDIUM = "medium",
-    INSTAGRAM = "instagram",
-    WEBSITE = "website",
-    TELEGRAM = "telegram",
-    ARROW = "arrow",
-    SWAP_ARROWS = "swapArrows",
-    INFO_SOLID = "infoSolid",
-    CANCELLED = "cancelled",
-    SUCCESS_OUTLINE = "successOutline",
-    TRASH = "trash",
-    Warning = "warning",
-    ZAP_ARROW = "ZapArrow",
-    ZAP_ICON = "ZapIcon",
-    MIGRATE = "Migrate",
-    MESSAGE = "message",
-    POSITIONS = "Positions",
-    MENU_SETTINGS = "MenuSettings",
-    FAV = "Fav",
-    ABOND_SMALL_LOGO = "abondSmallLogo",
-    APESWAP_SMALL_LOGO = "apeswapSmallLogo",
-    APESWAP_FULL_LOGO = "apeswapFullLogo",
-    ABOND_FULL_LOGO = "abondFullLogo",
-    ISLAND = "island",
-    MOON = "moon",
-    CARD = "card",
-    ACCOUNT_MONKEY = "accountMonkey",
-    LANGUAGE_ICON = "languageIcon",
-    BINANCE_CHAIN = "binanceChain",
-    BITKEEP = "bitkeep",
-    BRAVE = "brave",
-    COINBASE = "coinbase",
-    MATH_WALLET = "mathWallet",
-    METAMASK = "metamask",
-    NABOX = "nabox",
-    ONTO_WALLET = "ontoWallet",
-    SAFE_PAL_WALLET = "safePalWallet",
-    SOCIAL_LOGIN = "socialLogin",
-    TOKEN_POCKET = "tokenPocket",
-    TORUS_WALLET = "torusWallet",
-    TRUST_WALLET = "trustWallet",
-    OKX = "okx",
-    MAD_WALLET = "madWallet",
-    UNSTOPPABLE = "unstoppable",
-    WALLET_CONNECT = "walletConnect",
-    WALLET_IMAGE = "walletImage",
-    COG = "cog",
-    BRIDGE = "bridge",
-    DOCS = "docs",
-    QUIZ = "quiz",
-    PLACEHOLDER_MONKEY = "placeholderMonkey",
-    PLACEHOLDER_MONKEY_ALT = "placeholderMonkeyAlt",
-    SWITCH_ARROWS = "switchArrows",
-    COPY = "copy",
-    INSIGHT = "insight",
-    EXPAND = "expand",
-    LINE_CHART = "lineChart",
-    HAMBURGER_CLOSED = "hamburgerClosed",
-    BILLS_M1 = "billsM1",
-    BILLS_M2 = "billsM2",
-    BILLS_M3 = "billsM3",
-    URL = "URL",
-    BUBBLE = "bubble",
-    AUDIT = "audit",
-    GREEN_SHIELD = "greenShield",
-    CHAIN = "chain",
-    VERIFIED = "verified",
-    TICK_SHIELD = "tickShield",
-    SHARE = "share",
-    FILLED_URL = "filledURL",
-    YELLOW_QUESTION = "yellowQuestion",
-    BANANA_ICON = "bananaIcon",
-    SCROLL_TOP = "scrollTop",
-    EXPLORER = "explorer",
-    LIQUIDITY_ICON = "liquidity",
-    POLYGON_NEW = "polygonNew",
-    FIRE = "fire",
-    HOT = "hot",
-    NAV_CARET = "navCaret",
-    LOGOUT = "logout",
-    WALLET = "wallet",
-    RECEIPT = "receipt",
-    ABOND = "abond",
-    APEBOND_LOGO = "apebondLogo",
-    CHAT = "chat",
-    DOCSV2 = "docsv2",
-    WHITE = "white",
-    TAG = "tag",
-    Play = "play",
-    Watch = "watch",
-    XNew = "xnew",
-    DiscordNew = "discordnew",
-    WebsiteNew = "websitenew",
-    WhitepaperNew = "whitepapernew",
-    TelegramNew = "telegramnew",
-    CALENDAR = "calendar",
-    QuestionFill = "questionFill",
-    SORT = "sort",
-    AllChains = "AllChains",
-    Star = "Star",
-    StarFilled = "StarFilled",
-    FirePink = "FirePink",
-    GRAPHLINQ = "GRAPHLINQ",
-    Farcaster = "Farcaster",
-    TIMER = "Timer",
-    TICK = "TICK"
-}
 export declare enum directions {
     LEFT = "left",
     RIGHT = "right",
     UP = "up",
     DOWN = "down"
 }
-export type iconTypes = `${icons}`;
 type directionTypes = `${directions}`;
 export interface SvgProps {
-    icon?: iconTypes;
     direction?: directionTypes;
     color?: string;
     width?: string | number;

package/dist/components/uikit-sdk/TokenImage/index.js

@@ -1,12 +1,12 @@
 import { jsxs, jsx } from 'theme-ui/jsx-runtime';
 import Flex from '../Flex/index.js';
-import { NETWORK_ICONS } from '../../../config/constants/chains.js';
-import Svg from '../Svg/index.js';
+import { getChainIcon } from '../../../config/constants/chains.js';
 import { APEBOND } from '../../../config/constants/variables.js';
 
 const TokenImage = ({ symbol, symbol2, size, chain, }) => {
     const token1 = symbol === 'USDC.e' ? 'USDC' : symbol;
     const token2 = symbol2 === 'USDC.e' ? 'USDC' : symbol2;
+    const ChainIcon = getChainIcon(chain);
     return token2 ? (jsxs(Flex, { sx: {
             minWidth: size * 1.5 - 2,
             height: size - 2,
@@ -21,7 +21,7 @@ const TokenImage = ({ symbol, symbol2, size, chain, }) => {
                     right: `-${size / 5}px`,
                     overflow: 'hidden',
                     borderRadius: '50px',
-                }, children: jsx(Svg, { width: size / 2.5, height: size / 2.5, icon: NETWORK_ICONS?.[chain] ?? 'question' }) }))] })) : (jsxs(Flex, { sx: {
+                }, children: jsx(ChainIcon, { width: size / 2.5, height: size / 2.5 }) }))] })) : (jsxs(Flex, { sx: {
             width: size - 2,
             height: size - 2,
             justifyContent: 'center',
@@ -37,7 +37,7 @@ const TokenImage = ({ symbol, symbol2, size, chain, }) => {
                     borderRadius: '50px',
                     width: `${size / 2.5}px`,
                     height: `${size / 2.5}px`,
-                }, children: jsx(Svg, { width: size / 2.5, height: size / 2.5, icon: NETWORK_ICONS?.[chain] ?? 'question' }) }))] }));
+                }, children: jsx(ChainIcon, { width: size / 2.5, height: size / 2.5 }) }))] }));
 };
 
 export { TokenImage as default };

package/dist/components/uikit-sdk/TokenImage/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/uikit-sdk/TokenImage/index.tsx"],"sourcesContent":["import React from 'react'\nimport Flex from '../Flex'\nimport { NETWORK_ICONS } from '../../../config/constants/chains'\nimport Svg from '../Svg'\nimport { APEBOND } from '../../../config/constants/variables'\n\nconst TokenImage = ({\n  symbol,\n  symbol2,\n  size,\n  chain,\n}: {\n  symbol?: string\n  symbol2?: string\n  size: number\n  chain?: number\n}) => {\n  const token1 = symbol === 'USDC.e' ? 'USDC' : symbol\n  const token2 = symbol2 === 'USDC.e' ? 'USDC' : symbol2\n  return token2 ? (\n    <Flex\n      sx={{\n        minWidth: size * 1.5 - 2,\n        height: size - 2,\n        justifyContent: 'center',\n        alignItems: 'center',\n        borderRadius: '55px',\n        position: 'relative',\n      }}\n    >\n      <img\n        src={`${APEBOND}/tokenImages/${token1?.toUpperCase()}.png`}\n        alt={`tokenImgFor:${token1}`}\n        width={size}\n        height={size}\n        style={{ position: 'absolute', zIndex: 4001, left: 0 }}\n      />\n      <img\n        src={`${APEBOND}/tokenImages/${token2.toUpperCase()}.png`}\n        alt={`tokenImgFor:${token2}`}\n        width={size}\n        height={size}\n        style={{ position: 'absolute', zIndex: 4000, left: '33%' }}\n      />\n      {chain && (\n        <Flex\n          sx={{\n            zIndex: 4002,\n            position: 'absolute',\n            top: '-2px',\n            right: `-${size / 5}px`,\n            overflow: 'hidden',\n            borderRadius: '50px',\n          }}\n        >\n          <Svg width={size / 2.5} height={size / 2.5} icon={NETWORK_ICONS?.[chain] ?? 'question'} />\n        </Flex>\n      )}\n    </Flex>\n  ) : (\n    <Flex\n      sx={{\n        width: size - 2,\n        height: size - 2,\n        justifyContent: 'center',\n        alignItems: 'center',\n        borderRadius: '55px',\n        position: 'relative',\n      }}\n    >\n      <img\n        src={`${APEBOND}/tokenImages/${token1?.toUpperCase()}.png`}\n        alt={`tokenImgFor:${token1}`}\n        width={size}\n        height={token1 === 'BNB-ICHI' ? 19 : size}\n      />\n      {chain && (\n        <Flex\n          sx={{\n            zIndex: 5,\n            position: 'absolute',\n            top: '-2px',\n            right: '-4px',\n            overflow: 'hidden',\n            borderRadius: '50px',\n            width: `${size / 2.5}px`,\n            height: `${size / 2.5}px`,\n          }}\n        >\n          <Svg width={size / 2.5} height={size / 2.5} icon={NETWORK_ICONS?.[chain] ?? 'question'} />\n        </Flex>\n      )}\n    </Flex>\n  )\n}\n\nexport default TokenImage\n"],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/uikit-sdk/TokenImage/index.tsx"],"sourcesContent":["import React from 'react'\nimport Flex from '../Flex'\nimport { getChainIcon } from '../../../config/constants/chains'\nimport { APEBOND } from '../../../config/constants/variables'\n\nconst TokenImage = ({\n  symbol,\n  symbol2,\n  size,\n  chain,\n}: {\n  symbol?: string\n  symbol2?: string\n  size: number\n  chain?: number\n}) => {\n  const token1 = symbol === 'USDC.e' ? 'USDC' : symbol\n  const token2 = symbol2 === 'USDC.e' ? 'USDC' : symbol2\n  const ChainIcon = getChainIcon(chain)\n  return token2 ? (\n    <Flex\n      sx={{\n        minWidth: size * 1.5 - 2,\n        height: size - 2,\n        justifyContent: 'center',\n        alignItems: 'center',\n        borderRadius: '55px',\n        position: 'relative',\n      }}\n    >\n      <img\n        src={`${APEBOND}/tokenImages/${token1?.toUpperCase()}.png`}\n        alt={`tokenImgFor:${token1}`}\n        width={size}\n        height={size}\n        style={{ position: 'absolute', zIndex: 4001, left: 0 }}\n      />\n      <img\n        src={`${APEBOND}/tokenImages/${token2.toUpperCase()}.png`}\n        alt={`tokenImgFor:${token2}`}\n        width={size}\n        height={size}\n        style={{ position: 'absolute', zIndex: 4000, left: '33%' }}\n      />\n      {chain && (\n        <Flex\n          sx={{\n            zIndex: 4002,\n            position: 'absolute',\n            top: '-2px',\n            right: `-${size / 5}px`,\n            overflow: 'hidden',\n            borderRadius: '50px',\n          }}\n        >\n          <ChainIcon width={size / 2.5} height={size / 2.5} />\n        </Flex>\n      )}\n    </Flex>\n  ) : (\n    <Flex\n      sx={{\n        width: size - 2,\n        height: size - 2,\n        justifyContent: 'center',\n        alignItems: 'center',\n        borderRadius: '55px',\n        position: 'relative',\n      }}\n    >\n      <img\n        src={`${APEBOND}/tokenImages/${token1?.toUpperCase()}.png`}\n        alt={`tokenImgFor:${token1}`}\n        width={size}\n        height={token1 === 'BNB-ICHI' ? 19 : size}\n      />\n      {chain && (\n        <Flex\n          sx={{\n            zIndex: 5,\n            position: 'absolute',\n            top: '-2px',\n            right: '-4px',\n            overflow: 'hidden',\n            borderRadius: '50px',\n            width: `${size / 2.5}px`,\n            height: `${size / 2.5}px`,\n          }}\n        >\n          <ChainIcon width={size / 2.5} height={size / 2.5} />\n        </Flex>\n      )}\n    </Flex>\n  )\n}\n\nexport default TokenImage\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/config/constants/chains.d.ts

@@ -1,7 +1,9 @@
-import { icons } from '../../components/uikit-sdk/Svg/types';
+import React from 'react';
+import { SvgProps } from '../../components/uikit-sdk/Svg/types';
 import { ChainId } from '@ape.swap/apeswap-lists';
 export declare const MAINNET_CHAINS: ChainId[];
 export declare const TESTNET_CHAINS: ChainId[];
-export declare const NETWORK_ICONS: Partial<Record<number, icons>>;
+export declare const NETWORK_ICONS: Partial<Record<number, React.ComponentType<SvgProps>>>;
+export declare const getChainIcon: (chain?: number) => React.ComponentType<SvgProps>;
 export declare const NETWORK_LABEL: Record<number, string>;
 export declare const BLOCK_EXPLORER: Record<number, string>;

package/dist/config/constants/chains.js

@@ -1,7 +1,25 @@
-import { icons } from '../../components/uikit-sdk/Svg/types.js';
 import { ChainId } from '@ape.swap/apeswap-lists';
+import BNB from '../../components/uikit-sdk/Svg/tokens/BNB.js';
+import POLYGON from '../../components/uikit-sdk/Svg/tokens/POLYGON.js';
+import ETH from '../../components/uikit-sdk/Svg/tokens/ETH.js';
+import TLOS from '../../components/uikit-sdk/Svg/tokens/TLOS.js';
+import ARBITRUM from '../../components/uikit-sdk/Svg/tokens/ARBITRUM.js';
+import INEVM from '../../components/uikit-sdk/Svg/tokens/INEVM.js';
+import LINEA from '../../components/uikit-sdk/Svg/tokens/LINEA.js';
+import LIGHTLINK from '../../components/uikit-sdk/Svg/tokens/LIGHTLINK.js';
+import IOTA from '../../components/uikit-sdk/Svg/tokens/IOTA.js';
+import BASE from '../../components/uikit-sdk/Svg/tokens/BASE.js';
+import GRAPHLINQ from '../../components/uikit-sdk/Svg/tokens/GraphLinq.js';
+import AVAX from '../../components/uikit-sdk/Svg/tokens/AVAX.js';
+import BLAST from '../../components/uikit-sdk/Svg/tokens/BLAST.js';
+import CROSSFI from '../../components/uikit-sdk/Svg/tokens/CROSSFI.js';
+import MONAD$1 from '../../components/uikit-sdk/Svg/tokens/MONAD.js';
+import MONAD from '../../components/uikit-sdk/Svg/tokens/SONIC.js';
+import BERA from '../../components/uikit-sdk/Svg/tokens/BERA.js';
+import KATANA from '../../components/uikit-sdk/Svg/tokens/KATANA.js';
+import UNICHAIN from '../../components/uikit-sdk/Svg/tokens/UNICHAIN.js';
+import Question from '../../components/uikit-sdk/Svg/Icons/Question.js';
 
-// Network chain ids
 // These are the lists we will display to the user
 const MAINNET_CHAINS = [
     ChainId.MAINNET,
@@ -25,27 +43,29 @@ const MAINNET_CHAINS = [
 const TESTNET_CHAINS = [ChainId.MONAD_TESTNET];
 // Network Icons
 const NETWORK_ICONS = {
-    [ChainId.BSC]: icons.BNB_TOKEN,
-    [ChainId.MATIC]: icons.POLYGON_TOKEN,
-    [ChainId.MAINNET]: icons.ETH_TOKEN,
-    [ChainId.TLOS]: icons.TLOS_TOKEN,
-    [ChainId.ARBITRUM]: icons.ARBITRUM_TOKEN,
-    [ChainId.INEVM]: icons.INEVM,
-    [ChainId.SEPOLIA]: icons.ETH_TOKEN,
-    [ChainId.LINEA]: icons.LINEA,
-    [ChainId.LIGHTLINK]: icons.LIGHTLINK,
-    [ChainId.IOTA]: icons.IOTA,
-    [ChainId.BASE]: icons.BASE,
-    [ChainId.GRAPHLINQ]: icons.GRAPHLINQ,
-    [ChainId.AVAX]: icons.AVAX_TOKEN,
-    [ChainId.BLAST]: icons.BLAST,
-    [ChainId.CROSSFI]: icons.CROSSFI,
-    [ChainId.MONAD_TESTNET]: icons.MONAD,
-    [ChainId.SONIC]: icons.SONIC,
-    [ChainId.BERACHAIN]: icons.BERA,
-    [ChainId.KATANA]: icons.KATANA,
-    [ChainId.UNICHAIN]: icons.UNICHAIN,
+    [ChainId.BSC]: BNB,
+    [ChainId.MATIC]: POLYGON,
+    [ChainId.MAINNET]: ETH,
+    [ChainId.TLOS]: TLOS,
+    [ChainId.ARBITRUM]: ARBITRUM,
+    [ChainId.INEVM]: INEVM,
+    [ChainId.SEPOLIA]: ETH,
+    [ChainId.LINEA]: LINEA,
+    [ChainId.LIGHTLINK]: LIGHTLINK,
+    [ChainId.IOTA]: IOTA,
+    [ChainId.BASE]: BASE,
+    [ChainId.GRAPHLINQ]: GRAPHLINQ,
+    [ChainId.AVAX]: AVAX,
+    [ChainId.BLAST]: BLAST,
+    [ChainId.CROSSFI]: CROSSFI,
+    [ChainId.MONAD_TESTNET]: MONAD$1,
+    [ChainId.SONIC]: MONAD,
+    [ChainId.BERACHAIN]: BERA,
+    [ChainId.KATANA]: KATANA,
+    [ChainId.UNICHAIN]: UNICHAIN,
 };
+// Falls back to a generic question-mark icon for chains without a configured logo
+const getChainIcon = (chain) => (chain !== undefined && NETWORK_ICONS[chain]) || Question;
 // Network labels
 const NETWORK_LABEL = {
     [ChainId.BSC]: 'BNB',
@@ -97,5 +117,5 @@ const BLOCK_EXPLORER = {
     [ChainId.UNICHAIN]: 'https://uniscan.xyz',
 };
 
-export { BLOCK_EXPLORER, MAINNET_CHAINS, NETWORK_ICONS, NETWORK_LABEL, TESTNET_CHAINS };
+export { BLOCK_EXPLORER, MAINNET_CHAINS, NETWORK_ICONS, NETWORK_LABEL, TESTNET_CHAINS, getChainIcon };
 //# sourceMappingURL=chains.js.map

package/dist/config/constants/chains.js.map

@@ -1 +1 @@
-{"version":3,"file":"chains.js","sources":["../../../src/config/constants/chains.ts"],"sourcesContent":["// Network chain ids\nimport { icons } from '../../components/uikit-sdk/Svg/types'\nimport { ChainId } from '@ape.swap/apeswap-lists'\n\n// These are the lists we will display to the user\nexport const MAINNET_CHAINS = [\n  ChainId.MAINNET,\n  ChainId.BSC,\n  ChainId.MATIC,\n  ChainId.BASE,\n  ChainId.IOTA,\n  ChainId.LINEA,\n  ChainId.ARBITRUM,\n  ChainId.LIGHTLINK,\n  ChainId.GRAPHLINQ,\n  ChainId.AVAX,\n  ChainId.BLAST,\n  ChainId.CROSSFI,\n  ChainId.SONIC,\n  ChainId.MONAD_TESTNET,\n  ChainId.BERACHAIN,\n  ChainId.KATANA,\n  ChainId.UNICHAIN,\n]\n\nexport const TESTNET_CHAINS = [ChainId.MONAD_TESTNET]\n\n// Network Icons\nexport const NETWORK_ICONS: Partial<Record<number, icons>> = {\n  [ChainId.BSC]: icons.BNB_TOKEN,\n  [ChainId.MATIC]: icons.POLYGON_TOKEN,\n  [ChainId.MAINNET]: icons.ETH_TOKEN,\n  [ChainId.TLOS]: icons.TLOS_TOKEN,\n  [ChainId.ARBITRUM]: icons.ARBITRUM_TOKEN,\n  [ChainId.INEVM]: icons.INEVM,\n  [ChainId.SEPOLIA]: icons.ETH_TOKEN,\n  [ChainId.LINEA]: icons.LINEA,\n  [ChainId.LIGHTLINK]: icons.LIGHTLINK,\n  [ChainId.IOTA]: icons.IOTA,\n  [ChainId.BASE]: icons.BASE,\n  [ChainId.GRAPHLINQ]: icons.GRAPHLINQ,\n  [ChainId.AVAX]: icons.AVAX_TOKEN,\n  [ChainId.BLAST]: icons.BLAST,\n  [ChainId.CROSSFI]: icons.CROSSFI,\n  [ChainId.MONAD_TESTNET]: icons.MONAD,\n  [ChainId.SONIC]: icons.SONIC,\n  [ChainId.BERACHAIN]: icons.BERA,\n  [ChainId.KATANA]: icons.KATANA,\n  [ChainId.UNICHAIN]: icons.UNICHAIN,\n}\n\n// Network labels\nexport const NETWORK_LABEL: Record<number, string> = {\n  [ChainId.BSC]: 'BNB',\n  [ChainId.BSC_TESTNET]: 'BNB Testnet',\n  [ChainId.MATIC]: 'Polygon',\n  [ChainId.MAINNET]: 'Ethereum',\n  [ChainId.TLOS]: 'Telos',\n  [ChainId.ARBITRUM]: 'Arbitrum',\n  [ChainId.INEVM]: 'inEVM',\n  [ChainId.SEPOLIA]: 'Sepolia',\n  [ChainId.LINEA]: 'Linea',\n  [ChainId.LIGHTLINK]: 'Lightlink',\n  [ChainId.IOTA]: 'Iota',\n  [ChainId.IOTA_TESTNET]: 'Iota Testnet',\n  [ChainId.BASE]: 'Base',\n  [ChainId.GRAPHLINQ]: 'GraphLinq',\n  [ChainId.AVAX]: 'Avalanche',\n  [ChainId.BLAST]: 'Blast',\n  [ChainId.CROSSFI]: 'Crossfi',\n  [ChainId.MONAD_TESTNET]: 'Monad Testnet',\n  [ChainId.SONIC]: 'Sonic',\n  [ChainId.BERACHAIN]: 'Berachain',\n  [ChainId.KATANA]: 'Katana',\n  [ChainId.UNICHAIN]: 'Unichain',\n}\n\n// Network block explorers\nexport const BLOCK_EXPLORER: Record<number, string> = {\n  [ChainId.MAINNET]: 'https://etherscan.io',\n  [ChainId.ARBITRUM]: 'https://arbiscan.io',\n  [ChainId.MATIC]: 'https://polygonscan.com',\n  [ChainId.BSC]: 'https://bscscan.com',\n  [ChainId.BSC_TESTNET]: 'https://testnet.bscscan.com',\n  [ChainId.TLOS]: 'https://www.teloscan.io',\n  [ChainId.INEVM]: 'https://explorer.inevm.com',\n  [ChainId.SEPOLIA]: 'https://sepolia.etherscan.io',\n  [ChainId.LINEA]: 'https://lineascan.build',\n  [ChainId.LIGHTLINK]: 'https://phoenix.lightlink.io',\n  [ChainId.IOTA]: 'https://explorer.evm.iota.org',\n  [ChainId.IOTA_TESTNET]: 'https://explorer.evm.testnet.iotaledger.net/',\n  [ChainId.BASE]: 'https://basescan.org',\n  [ChainId.GRAPHLINQ]: 'https://graphlinq.dex.guru',\n  [ChainId.AVAX]: 'https://snowscan.xyz',\n  [ChainId.BLAST]: 'https://blastscan.io',\n  [ChainId.CROSSFI]: 'https://xfiscan.com',\n  [ChainId.MONAD_TESTNET]: 'https://testnet.monadexplorer.com/',\n  [ChainId.SONIC]: 'https://sonicscan.org',\n  [ChainId.BERACHAIN]: 'https://berascan.com',\n  [ChainId.KATANA]: 'https://explorer.katanarpc.com',\n  [ChainId.UNICHAIN]: 'https://uniscan.xyz',\n}\n"],"names":[],"mappings":";;;AAAA;AAIA;AACO,MAAM,cAAc,GAAG;AAC5B,IAAA,OAAO,CAAC,OAAO;AACf,IAAA,OAAO,CAAC,GAAG;AACX,IAAA,OAAO,CAAC,KAAK;AACb,IAAA,OAAO,CAAC,IAAI;AACZ,IAAA,OAAO,CAAC,IAAI;AACZ,IAAA,OAAO,CAAC,KAAK;AACb,IAAA,OAAO,CAAC,QAAQ;AAChB,IAAA,OAAO,CAAC,SAAS;AACjB,IAAA,OAAO,CAAC,SAAS;AACjB,IAAA,OAAO,CAAC,IAAI;AACZ,IAAA,OAAO,CAAC,KAAK;AACb,IAAA,OAAO,CAAC,OAAO;AACf,IAAA,OAAO,CAAC,KAAK;AACb,IAAA,OAAO,CAAC,aAAa;AACrB,IAAA,OAAO,CAAC,SAAS;AACjB,IAAA,OAAO,CAAC,MAAM;AACd,IAAA,OAAO,CAAC,QAAQ;;MAGL,cAAc,GAAG,CAAC,OAAO,CAAC,aAAa;AAEpD;AACO,MAAM,aAAa,GAAmC;AAC3D,IAAA,CAAC,OAAO,CAAC,GAAG,GAAG,KAAK,CAAC,SAAS;AAC9B,IAAA,CAAC,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC,aAAa;AACpC,IAAA,CAAC,OAAO,CAAC,OAAO,GAAG,KAAK,CAAC,SAAS;AAClC,IAAA,CAAC,OAAO,CAAC,IAAI,GAAG,KAAK,CAAC,UAAU;AAChC,IAAA,CAAC,OAAO,CAAC,QAAQ,GAAG,KAAK,CAAC,cAAc;AACxC,IAAA,CAAC,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK;AAC5B,IAAA,CAAC,OAAO,CAAC,OAAO,GAAG,KAAK,CAAC,SAAS;AAClC,IAAA,CAAC,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK;AAC5B,IAAA,CAAC,OAAO,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS;AACpC,IAAA,CAAC,OAAO,CAAC,IAAI,GAAG,KAAK,CAAC,IAAI;AAC1B,IAAA,CAAC,OAAO,CAAC,IAAI,GAAG,KAAK,CAAC,IAAI;AAC1B,IAAA,CAAC,OAAO,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS;AACpC,IAAA,CAAC,OAAO,CAAC,IAAI,GAAG,KAAK,CAAC,UAAU;AAChC,IAAA,CAAC,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK;AAC5B,IAAA,CAAC,OAAO,CAAC,OAAO,GAAG,KAAK,CAAC,OAAO;AAChC,IAAA,CAAC,OAAO,CAAC,aAAa,GAAG,KAAK,CAAC,KAAK;AACpC,IAAA,CAAC,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK;AAC5B,IAAA,CAAC,OAAO,CAAC,SAAS,GAAG,KAAK,CAAC,IAAI;AAC/B,IAAA,CAAC,OAAO,CAAC,MAAM,GAAG,KAAK,CAAC,MAAM;AAC9B,IAAA,CAAC,OAAO,CAAC,QAAQ,GAAG,KAAK,CAAC,QAAQ;;AAGpC;AACO,MAAM,aAAa,GAA2B;AACnD,IAAA,CAAC,OAAO,CAAC,GAAG,GAAG,KAAK;AACpB,IAAA,CAAC,OAAO,CAAC,WAAW,GAAG,aAAa;AACpC,IAAA,CAAC,OAAO,CAAC,KAAK,GAAG,SAAS;AAC1B,IAAA,CAAC,OAAO,CAAC,OAAO,GAAG,UAAU;AAC7B,IAAA,CAAC,OAAO,CAAC,IAAI,GAAG,OAAO;AACvB,IAAA,CAAC,OAAO,CAAC,QAAQ,GAAG,UAAU;AAC9B,IAAA,CAAC,OAAO,CAAC,KAAK,GAAG,OAAO;AACxB,IAAA,CAAC,OAAO,CAAC,OAAO,GAAG,SAAS;AAC5B,IAAA,CAAC,OAAO,CAAC,KAAK,GAAG,OAAO;AACxB,IAAA,CAAC,OAAO,CAAC,SAAS,GAAG,WAAW;AAChC,IAAA,CAAC,OAAO,CAAC,IAAI,GAAG,MAAM;AACtB,IAAA,CAAC,OAAO,CAAC,YAAY,GAAG,cAAc;AACtC,IAAA,CAAC,OAAO,CAAC,IAAI,GAAG,MAAM;AACtB,IAAA,CAAC,OAAO,CAAC,SAAS,GAAG,WAAW;AAChC,IAAA,CAAC,OAAO,CAAC,IAAI,GAAG,WAAW;AAC3B,IAAA,CAAC,OAAO,CAAC,KAAK,GAAG,OAAO;AACxB,IAAA,CAAC,OAAO,CAAC,OAAO,GAAG,SAAS;AAC5B,IAAA,CAAC,OAAO,CAAC,aAAa,GAAG,eAAe;AACxC,IAAA,CAAC,OAAO,CAAC,KAAK,GAAG,OAAO;AACxB,IAAA,CAAC,OAAO,CAAC,SAAS,GAAG,WAAW;AAChC,IAAA,CAAC,OAAO,CAAC,MAAM,GAAG,QAAQ;AAC1B,IAAA,CAAC,OAAO,CAAC,QAAQ,GAAG,UAAU;;AAGhC;AACO,MAAM,cAAc,GAA2B;AACpD,IAAA,CAAC,OAAO,CAAC,OAAO,GAAG,sBAAsB;AACzC,IAAA,CAAC,OAAO,CAAC,QAAQ,GAAG,qBAAqB;AACzC,IAAA,CAAC,OAAO,CAAC,KAAK,GAAG,yBAAyB;AAC1C,IAAA,CAAC,OAAO,CAAC,GAAG,GAAG,qBAAqB;AACpC,IAAA,CAAC,OAAO,CAAC,WAAW,GAAG,6BAA6B;AACpD,IAAA,CAAC,OAAO,CAAC,IAAI,GAAG,yBAAyB;AACzC,IAAA,CAAC,OAAO,CAAC,KAAK,GAAG,4BAA4B;AAC7C,IAAA,CAAC,OAAO,CAAC,OAAO,GAAG,8BAA8B;AACjD,IAAA,CAAC,OAAO,CAAC,KAAK,GAAG,yBAAyB;AAC1C,IAAA,CAAC,OAAO,CAAC,SAAS,GAAG,8BAA8B;AACnD,IAAA,CAAC,OAAO,CAAC,IAAI,GAAG,+BAA+B;AAC/C,IAAA,CAAC,OAAO,CAAC,YAAY,GAAG,8CAA8C;AACtE,IAAA,CAAC,OAAO,CAAC,IAAI,GAAG,sBAAsB;AACtC,IAAA,CAAC,OAAO,CAAC,SAAS,GAAG,4BAA4B;AACjD,IAAA,CAAC,OAAO,CAAC,IAAI,GAAG,sBAAsB;AACtC,IAAA,CAAC,OAAO,CAAC,KAAK,GAAG,sBAAsB;AACvC,IAAA,CAAC,OAAO,CAAC,OAAO,GAAG,qBAAqB;AACxC,IAAA,CAAC,OAAO,CAAC,aAAa,GAAG,oCAAoC;AAC7D,IAAA,CAAC,OAAO,CAAC,KAAK,GAAG,uBAAuB;AACxC,IAAA,CAAC,OAAO,CAAC,SAAS,GAAG,sBAAsB;AAC3C,IAAA,CAAC,OAAO,CAAC,MAAM,GAAG,gCAAgC;AAClD,IAAA,CAAC,OAAO,CAAC,QAAQ,GAAG,qBAAqB;;;;;"}
+{"version":3,"file":"chains.js","sources":["../../../src/config/constants/chains.ts"],"sourcesContent":["// Network chain ids\nimport React from 'react'\nimport { SvgProps } from '../../components/uikit-sdk/Svg/types'\nimport { ChainId } from '@ape.swap/apeswap-lists'\nimport BNB from '../../components/uikit-sdk/Svg/tokens/BNB'\nimport POLYGON from '../../components/uikit-sdk/Svg/tokens/POLYGON'\nimport ETH from '../../components/uikit-sdk/Svg/tokens/ETH'\nimport TLOS from '../../components/uikit-sdk/Svg/tokens/TLOS'\nimport ARBITRUM from '../../components/uikit-sdk/Svg/tokens/ARBITRUM'\nimport INEVM from '../../components/uikit-sdk/Svg/tokens/INEVM'\nimport LINEA from '../../components/uikit-sdk/Svg/tokens/LINEA'\nimport LIGHTLINK from '../../components/uikit-sdk/Svg/tokens/LIGHTLINK'\nimport IOTA from '../../components/uikit-sdk/Svg/tokens/IOTA'\nimport BASE from '../../components/uikit-sdk/Svg/tokens/BASE'\nimport GRAPHLINQ from '../../components/uikit-sdk/Svg/tokens/GraphLinq'\nimport AVAX from '../../components/uikit-sdk/Svg/tokens/AVAX'\nimport BLAST from '../../components/uikit-sdk/Svg/tokens/BLAST'\nimport CROSSFI from '../../components/uikit-sdk/Svg/tokens/CROSSFI'\nimport MONAD from '../../components/uikit-sdk/Svg/tokens/MONAD'\nimport SONIC from '../../components/uikit-sdk/Svg/tokens/SONIC'\nimport BERA from '../../components/uikit-sdk/Svg/tokens/BERA'\nimport KATANA from '../../components/uikit-sdk/Svg/tokens/KATANA'\nimport UNICHAIN from '../../components/uikit-sdk/Svg/tokens/UNICHAIN'\nimport Question from '../../components/uikit-sdk/Svg/Icons/Question'\n\n// These are the lists we will display to the user\nexport const MAINNET_CHAINS = [\n  ChainId.MAINNET,\n  ChainId.BSC,\n  ChainId.MATIC,\n  ChainId.BASE,\n  ChainId.IOTA,\n  ChainId.LINEA,\n  ChainId.ARBITRUM,\n  ChainId.LIGHTLINK,\n  ChainId.GRAPHLINQ,\n  ChainId.AVAX,\n  ChainId.BLAST,\n  ChainId.CROSSFI,\n  ChainId.SONIC,\n  ChainId.MONAD_TESTNET,\n  ChainId.BERACHAIN,\n  ChainId.KATANA,\n  ChainId.UNICHAIN,\n]\n\nexport const TESTNET_CHAINS = [ChainId.MONAD_TESTNET]\n\n// Network Icons\nexport const NETWORK_ICONS: Partial<Record<number, React.ComponentType<SvgProps>>> = {\n  [ChainId.BSC]: BNB,\n  [ChainId.MATIC]: POLYGON,\n  [ChainId.MAINNET]: ETH,\n  [ChainId.TLOS]: TLOS,\n  [ChainId.ARBITRUM]: ARBITRUM,\n  [ChainId.INEVM]: INEVM,\n  [ChainId.SEPOLIA]: ETH,\n  [ChainId.LINEA]: LINEA,\n  [ChainId.LIGHTLINK]: LIGHTLINK,\n  [ChainId.IOTA]: IOTA,\n  [ChainId.BASE]: BASE,\n  [ChainId.GRAPHLINQ]: GRAPHLINQ,\n  [ChainId.AVAX]: AVAX,\n  [ChainId.BLAST]: BLAST,\n  [ChainId.CROSSFI]: CROSSFI,\n  [ChainId.MONAD_TESTNET]: MONAD,\n  [ChainId.SONIC]: SONIC,\n  [ChainId.BERACHAIN]: BERA,\n  [ChainId.KATANA]: KATANA,\n  [ChainId.UNICHAIN]: UNICHAIN,\n}\n\n// Falls back to a generic question-mark icon for chains without a configured logo\nexport const getChainIcon = (chain?: number): React.ComponentType<SvgProps> =>\n  (chain !== undefined && NETWORK_ICONS[chain]) || Question\n\n// Network labels\nexport const NETWORK_LABEL: Record<number, string> = {\n  [ChainId.BSC]: 'BNB',\n  [ChainId.BSC_TESTNET]: 'BNB Testnet',\n  [ChainId.MATIC]: 'Polygon',\n  [ChainId.MAINNET]: 'Ethereum',\n  [ChainId.TLOS]: 'Telos',\n  [ChainId.ARBITRUM]: 'Arbitrum',\n  [ChainId.INEVM]: 'inEVM',\n  [ChainId.SEPOLIA]: 'Sepolia',\n  [ChainId.LINEA]: 'Linea',\n  [ChainId.LIGHTLINK]: 'Lightlink',\n  [ChainId.IOTA]: 'Iota',\n  [ChainId.IOTA_TESTNET]: 'Iota Testnet',\n  [ChainId.BASE]: 'Base',\n  [ChainId.GRAPHLINQ]: 'GraphLinq',\n  [ChainId.AVAX]: 'Avalanche',\n  [ChainId.BLAST]: 'Blast',\n  [ChainId.CROSSFI]: 'Crossfi',\n  [ChainId.MONAD_TESTNET]: 'Monad Testnet',\n  [ChainId.SONIC]: 'Sonic',\n  [ChainId.BERACHAIN]: 'Berachain',\n  [ChainId.KATANA]: 'Katana',\n  [ChainId.UNICHAIN]: 'Unichain',\n}\n\n// Network block explorers\nexport const BLOCK_EXPLORER: Record<number, string> = {\n  [ChainId.MAINNET]: 'https://etherscan.io',\n  [ChainId.ARBITRUM]: 'https://arbiscan.io',\n  [ChainId.MATIC]: 'https://polygonscan.com',\n  [ChainId.BSC]: 'https://bscscan.com',\n  [ChainId.BSC_TESTNET]: 'https://testnet.bscscan.com',\n  [ChainId.TLOS]: 'https://www.teloscan.io',\n  [ChainId.INEVM]: 'https://explorer.inevm.com',\n  [ChainId.SEPOLIA]: 'https://sepolia.etherscan.io',\n  [ChainId.LINEA]: 'https://lineascan.build',\n  [ChainId.LIGHTLINK]: 'https://phoenix.lightlink.io',\n  [ChainId.IOTA]: 'https://explorer.evm.iota.org',\n  [ChainId.IOTA_TESTNET]: 'https://explorer.evm.testnet.iotaledger.net/',\n  [ChainId.BASE]: 'https://basescan.org',\n  [ChainId.GRAPHLINQ]: 'https://graphlinq.dex.guru',\n  [ChainId.AVAX]: 'https://snowscan.xyz',\n  [ChainId.BLAST]: 'https://blastscan.io',\n  [ChainId.CROSSFI]: 'https://xfiscan.com',\n  [ChainId.MONAD_TESTNET]: 'https://testnet.monadexplorer.com/',\n  [ChainId.SONIC]: 'https://sonicscan.org',\n  [ChainId.BERACHAIN]: 'https://berascan.com',\n  [ChainId.KATANA]: 'https://explorer.katanarpc.com',\n  [ChainId.UNICHAIN]: 'https://uniscan.xyz',\n}\n"],"names":["MONAD","SONIC"],"mappings":"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"}

package/dist/utils/formatNumbers.d.ts

@@ -19,7 +19,6 @@ interface FormatDollarArgs {
  * @param round whether or not to round up non-price amounts
  */
 export declare const formatDollar: ({ num, isPrice, lessPreciseStablecoinValues, digits, round, }: FormatDollarArgs) => string;
-export declare const formatValue: ({ num, digits, round }: any) => string;
 /**
  * Returns a numerical amount of any token formatted in human readable string for use in template.
  *

package/dist/utils/formatNumbers.js

@@ -1,6 +1,21 @@
-import numbro from 'numbro';
-
-/* Copied from Uniswap/v-3: https://github.com/Uniswap/v3-info/blob/master/src/utils/numbers.ts */
+const dollarAbbreviations = [
+    { value: 1e12, suffix: 'T' },
+    { value: 1e9, suffix: 'B' },
+    { value: 1e6, suffix: 'M' },
+    // { value: 1e3, suffix: 'K' },
+];
+const formatDollarAmount = (num, digits, round) => {
+    const mantissa = num > 1000 ? 2 : digits;
+    const sign = num < 0 ? '-' : '';
+    const absoluteNum = Math.abs(num);
+    if (round) {
+        const abbreviation = dollarAbbreviations.find(({ value }) => absoluteNum >= value);
+        if (abbreviation) {
+            return `${sign}$${(absoluteNum / abbreviation.value).toFixed(mantissa)}${abbreviation.suffix}`;
+        }
+    }
+    return `${sign}$${absoluteNum.toFixed(mantissa)}`;
+};
 /**
  * Returns a USD dollar or equivalent denominated numerical value formatted
  * in human readable string for use in template.
@@ -49,16 +64,7 @@ const formatDollar = ({ num, isPrice = false, lessPreciseStablecoinValues = fals
         if (num >= 0.1 && num < 1.05) {
             return `$${num.toFixed(3)}`;
         }
-        return numbro(num)
-            .formatCurrency({
-            average: round,
-            mantissa: num > 1000 ? 2 : digits,
-            abbreviations: {
-                million: 'M',
-                billion: 'B',
-            },
-        })
-            .toUpperCase();
+        return formatDollarAmount(num, digits, round);
     }
 };
 

package/dist/utils/formatNumbers.js.map

@@ -1 +1 @@
-{"version":3,"file":"formatNumbers.js","sources":["../../src/utils/formatNumbers.ts"],"sourcesContent":["/* Copied from Uniswap/v-3: https://github.com/Uniswap/v3-info/blob/master/src/utils/numbers.ts */\nimport numbro from 'numbro'\n\ninterface FormatDollarArgs {\n  num: number | undefined | null\n  isPrice?: boolean\n  lessPreciseStablecoinValues?: boolean\n  digits?: number\n  round?: boolean\n}\n\n/**\n * Returns a USD dollar or equivalent denominated numerical value formatted\n * in human readable string for use in template.\n *\n * Adheres to guidelines for prices and other numbers defined here:\n * https://www.notion.so/uniswaplabs/Number-standards-fbb9f533f10e4e22820722c2f66d23c0\n * @param num numerical value denominated in USD or USD equivalent\n * @param isPrice whether the amount represents a price or not\n * @param lessPreciseStablecoinValues whether or not we should show less precise values for\n * stablecoins (around 1$ in value always) for the sake of readability\n * @param digits number of digits after the decimal for non-price amounts\n * @param round whether or not to round up non-price amounts\n */\nexport const formatDollar = ({\n  num,\n  isPrice = false,\n  lessPreciseStablecoinValues = false,\n  digits = 2,\n  round = true,\n}: FormatDollarArgs): string => {\n  // For USD dollar denominated prices.\n  if (isPrice) {\n    if (num === 0) return '$0.00'\n    if (!num) return '-'\n    if (num < 0.000001) {\n      return `$${num.toExponential(2)}`\n    }\n    if ((num >= 0.000001 && num < 0.1) || num > 1000000) {\n      return `$${Number(num).toPrecision(3)}`\n    }\n    // We only show 2 decimal places in explore table for stablecoin value ranges\n    // for the sake of readability (as opposed to the usual 3 elsewhere).\n    if (num >= 0.1 && num < (lessPreciseStablecoinValues ? 0.9995 : 1.05)) {\n      return `$${num.toFixed(3)}`\n    }\n    return `$${Number(num.toFixed(2)).toLocaleString('en-US', { minimumFractionDigits: 2 })}`\n  }\n  // For volume dollar amounts, like market cap, total value locked, etc.\n  else {\n    if (num === 0) return '$0.00'\n    if (!num) return '-'\n    if (num < 0.000001) {\n      return '$<0.000001'\n    }\n    if (num >= 0.000001 && num < 0.1) {\n      return `$${Number(num).toPrecision(3)}`\n    }\n    if (num >= 0.1 && num < 1.05) {\n      return `$${num.toFixed(3)}`\n    }\n\n    return numbro(num)\n      .formatCurrency({\n        average: round,\n        mantissa: num > 1000 ? 2 : digits,\n        abbreviations: {\n          million: 'M',\n          billion: 'B',\n        },\n      })\n      .toUpperCase()\n  }\n}\n\nexport const formatValue = ({ num, digits = 2, round = true }: any): string => {\n  if (num === 0) return '0.00'\n  if (!num) return '-'\n  if (num < 0.000001) {\n    return '<0.000001'\n  }\n  if (num >= 0.000001 && num < 0.1) {\n    return `${Number(num).toPrecision(3)}`\n  }\n  if (num >= 0.1 && num < 1.05) {\n    return `${num.toFixed(3)}`\n  }\n\n  return numbro(num)\n    .format({\n      average: round,\n      mantissa: num > 1000 ? 2 : digits,\n      abbreviations: {\n        million: 'M',\n        billion: 'B',\n      },\n    })\n    .toUpperCase()\n}\n\n/**\n * Returns a numerical amount of any token formatted in human readable string for use in template.\n *\n * For transaction review numbers, such as token quantities, NFT price (token-denominated),\n *  network fees, transaction history items. Adheres to guidelines defined here:\n * https://www.notion.so/uniswaplabs/Number-standards-fbb9f533f10e4e22820722c2f66d23c0\n * @param num numerical value denominated in any token\n * @param maxDigits the maximum number of digits that should be shown for the quantity\n */\nexport const formatTransactionAmount = (num: number | undefined | null, maxDigits = 9) => {\n  if (num === 0) return '0.00'\n  if (!num) return ''\n  if (num < 0.00001) {\n    return '<0.00001'\n  }\n  if (num >= 0.00001 && num < 1) {\n    return `${Number(num.toFixed(5)).toLocaleString('en-US', {\n      minimumFractionDigits: 2,\n      maximumFractionDigits: 5,\n    })}`\n  }\n  if (num >= 1 && num < 10000) {\n    return `${Number(num.toPrecision(6)).toLocaleString('en-US', {\n      minimumFractionDigits: 2,\n      maximumFractionDigits: 6,\n    })}`\n  }\n  if (num >= 10000 && num < 1000000) {\n    return `${Number(num.toFixed(2)).toLocaleString('en-US', { minimumFractionDigits: 2 })}`\n  }\n  // For very large numbers, switch to scientific notation and show as much precision\n  // as permissible by maxDigits param.\n  if (num >= Math.pow(10, maxDigits - 1)) {\n    return `${num.toExponential(maxDigits - 3)}`\n  }\n  return `${Number(num.toFixed(2)).toLocaleString('en-US', { minimumFractionDigits: 2 })}`\n}\n"],"names":[],"mappings":";;AAAA;AAWA;;;;;;;;;;;;AAYG;AACI,MAAM,YAAY,GAAG,CAAC,EAC3B,GAAG,EACH,OAAO,GAAG,KAAK,EACf,2BAA2B,GAAG,KAAK,EACnC,MAAM,GAAG,CAAC,EACV,KAAK,GAAG,IAAI,GACK,KAAY;;IAE7B,IAAI,OAAO,EAAE;QACX,IAAI,GAAG,KAAK,CAAC;AAAE,YAAA,OAAO,OAAO;AAC7B,QAAA,IAAI,CAAC,GAAG;AAAE,YAAA,OAAO,GAAG;AACpB,QAAA,IAAI,GAAG,GAAG,QAAQ,EAAE;YAClB,OAAO,CAAA,CAAA,EAAI,GAAG,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE;QACnC;AACA,QAAA,IAAI,CAAC,GAAG,IAAI,QAAQ,IAAI,GAAG,GAAG,GAAG,KAAK,GAAG,GAAG,OAAO,EAAE;YACnD,OAAO,CAAA,CAAA,EAAI,MAAM,CAAC,GAAG,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAA,CAAE;QACzC;;;AAGA,QAAA,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,2BAA2B,GAAG,MAAM,GAAG,IAAI,CAAC,EAAE;YACrE,OAAO,CAAA,CAAA,EAAI,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;QAC7B;QACA,OAAO,CAAA,CAAA,EAAI,MAAM,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,OAAO,EAAE,EAAE,qBAAqB,EAAE,CAAC,EAAE,CAAC,CAAA,CAAE;IAC3F;;SAEK;QACH,IAAI,GAAG,KAAK,CAAC;AAAE,YAAA,OAAO,OAAO;AAC7B,QAAA,IAAI,CAAC,GAAG;AAAE,YAAA,OAAO,GAAG;AACpB,QAAA,IAAI,GAAG,GAAG,QAAQ,EAAE;AAClB,YAAA,OAAO,YAAY;QACrB;QACA,IAAI,GAAG,IAAI,QAAQ,IAAI,GAAG,GAAG,GAAG,EAAE;YAChC,OAAO,CAAA,CAAA,EAAI,MAAM,CAAC,GAAG,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAA,CAAE;QACzC;QACA,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,GAAG,IAAI,EAAE;YAC5B,OAAO,CAAA,CAAA,EAAI,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;QAC7B;QAEA,OAAO,MAAM,CAAC,GAAG;AACd,aAAA,cAAc,CAAC;AACd,YAAA,OAAO,EAAE,KAAK;YACd,QAAQ,EAAE,GAAG,GAAG,IAAI,GAAG,CAAC,GAAG,MAAM;AACjC,YAAA,aAAa,EAAE;AACb,gBAAA,OAAO,EAAE,GAAG;AACZ,gBAAA,OAAO,EAAE,GAAG;AACb,aAAA;SACF;AACA,aAAA,WAAW,EAAE;IAClB;AACF;;;;"}
+{"version":3,"file":"formatNumbers.js","sources":["../../src/utils/formatNumbers.ts"],"sourcesContent":["interface FormatDollarArgs {\n  num: number | undefined | null\n  isPrice?: boolean\n  lessPreciseStablecoinValues?: boolean\n  digits?: number\n  round?: boolean\n}\n\nconst dollarAbbreviations = [\n  { value: 1e12, suffix: 'T' },\n  { value: 1e9, suffix: 'B' },\n  { value: 1e6, suffix: 'M' },\n  // { value: 1e3, suffix: 'K' },\n]\n\nconst formatDollarAmount = (num: number, digits: number, round: boolean): string => {\n  const mantissa = num > 1000 ? 2 : digits\n  const sign = num < 0 ? '-' : ''\n  const absoluteNum = Math.abs(num)\n\n  if (round) {\n    const abbreviation = dollarAbbreviations.find(({ value }) => absoluteNum >= value)\n\n    if (abbreviation) {\n      return `${sign}$${(absoluteNum / abbreviation.value).toFixed(mantissa)}${abbreviation.suffix}`\n    }\n  }\n\n  return `${sign}$${absoluteNum.toFixed(mantissa)}`\n}\n\n/**\n * Returns a USD dollar or equivalent denominated numerical value formatted\n * in human readable string for use in template.\n *\n * Adheres to guidelines for prices and other numbers defined here:\n * https://www.notion.so/uniswaplabs/Number-standards-fbb9f533f10e4e22820722c2f66d23c0\n * @param num numerical value denominated in USD or USD equivalent\n * @param isPrice whether the amount represents a price or not\n * @param lessPreciseStablecoinValues whether or not we should show less precise values for\n * stablecoins (around 1$ in value always) for the sake of readability\n * @param digits number of digits after the decimal for non-price amounts\n * @param round whether or not to round up non-price amounts\n */\nexport const formatDollar = ({\n  num,\n  isPrice = false,\n  lessPreciseStablecoinValues = false,\n  digits = 2,\n  round = true,\n}: FormatDollarArgs): string => {\n  // For USD dollar denominated prices.\n  if (isPrice) {\n    if (num === 0) return '$0.00'\n    if (!num) return '-'\n    if (num < 0.000001) {\n      return `$${num.toExponential(2)}`\n    }\n    if ((num >= 0.000001 && num < 0.1) || num > 1000000) {\n      return `$${Number(num).toPrecision(3)}`\n    }\n    // We only show 2 decimal places in explore table for stablecoin value ranges\n    // for the sake of readability (as opposed to the usual 3 elsewhere).\n    if (num >= 0.1 && num < (lessPreciseStablecoinValues ? 0.9995 : 1.05)) {\n      return `$${num.toFixed(3)}`\n    }\n    return `$${Number(num.toFixed(2)).toLocaleString('en-US', { minimumFractionDigits: 2 })}`\n  }\n  // For volume dollar amounts, like market cap, total value locked, etc.\n  else {\n    if (num === 0) return '$0.00'\n    if (!num) return '-'\n    if (num < 0.000001) {\n      return '$<0.000001'\n    }\n    if (num >= 0.000001 && num < 0.1) {\n      return `$${Number(num).toPrecision(3)}`\n    }\n    if (num >= 0.1 && num < 1.05) {\n      return `$${num.toFixed(3)}`\n    }\n\n    return formatDollarAmount(num, digits, round)\n  }\n}\n\n/**\n * Returns a numerical amount of any token formatted in human readable string for use in template.\n *\n * For transaction review numbers, such as token quantities, NFT price (token-denominated),\n *  network fees, transaction history items. Adheres to guidelines defined here:\n * https://www.notion.so/uniswaplabs/Number-standards-fbb9f533f10e4e22820722c2f66d23c0\n * @param num numerical value denominated in any token\n * @param maxDigits the maximum number of digits that should be shown for the quantity\n */\nexport const formatTransactionAmount = (num: number | undefined | null, maxDigits = 9) => {\n  if (num === 0) return '0.00'\n  if (!num) return ''\n  if (num < 0.00001) {\n    return '<0.00001'\n  }\n  if (num >= 0.00001 && num < 1) {\n    return `${Number(num.toFixed(5)).toLocaleString('en-US', {\n      minimumFractionDigits: 2,\n      maximumFractionDigits: 5,\n    })}`\n  }\n  if (num >= 1 && num < 10000) {\n    return `${Number(num.toPrecision(6)).toLocaleString('en-US', {\n      minimumFractionDigits: 2,\n      maximumFractionDigits: 6,\n    })}`\n  }\n  if (num >= 10000 && num < 1000000) {\n    return `${Number(num.toFixed(2)).toLocaleString('en-US', { minimumFractionDigits: 2 })}`\n  }\n  // For very large numbers, switch to scientific notation and show as much precision\n  // as permissible by maxDigits param.\n  if (num >= Math.pow(10, maxDigits - 1)) {\n    return `${num.toExponential(maxDigits - 3)}`\n  }\n  return `${Number(num.toFixed(2)).toLocaleString('en-US', { minimumFractionDigits: 2 })}`\n}\n"],"names":[],"mappings":"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"}

package/dist/utils/numbers.d.ts

@@ -1,5 +1 @@
 export declare const isNumber: (s: string) => boolean;
-export declare const floorFormatter: (n: number) => string;
-export declare const volumeFormatter: (n: number) => string;
-export declare const quantityFormatter: (n: number) => string;
-export declare const roundWholePercentage: (n: number) => string;

package/dist/utils/numbers.js

@@ -1,5 +1,3 @@
-import 'numbro';
-
 const isNumber = (s) => {
     const reg = /^-?\d+\.?\d*$/;
     return reg.test(s) && !isNaN(parseFloat(s)) && isFinite(parseFloat(s));

package/dist/utils/numbers.js.map

@@ -1 +1 @@
-{"version":3,"file":"numbers.js","sources":["../../src/utils/numbers.ts"],"sourcesContent":["import numbro from 'numbro'\n\nexport const isNumber = (s: string): boolean => {\n  const reg = /^-?\\d+\\.?\\d*$/\n  return reg.test(s) && !isNaN(parseFloat(s)) && isFinite(parseFloat(s))\n}\n\nexport const floorFormatter = (n: number): string => {\n  if (n === 0) return '0.00'\n  if (!n) return ''\n  if (n < 0.001) {\n    return '<0.001'\n  }\n  if (n >= 0.001 && n < 1) {\n    return `${parseFloat(n.toFixed(3)).toLocaleString('en-US', {\n      minimumFractionDigits: 1,\n      maximumFractionDigits: 3,\n    })}`\n  }\n  if (n >= 1 && n < 1e6) {\n    return `${parseFloat(n.toPrecision(6)).toLocaleString('en-US', {\n      minimumFractionDigits: 0,\n      maximumFractionDigits: 2,\n    })}`\n  }\n  if (n >= 1e6 && n < 1e15) {\n    return numbro(n)\n      .format({\n        average: true,\n        mantissa: 2,\n        optionalMantissa: true,\n        abbreviations: {\n          million: 'M',\n          billion: 'B',\n          trillion: 'T',\n        },\n      })\n      .toUpperCase()\n  }\n  if (n >= 1e15) {\n    return `${n.toExponential(3).replace(/(\\.[0-9]*[1-9])0*|(\\.0*)/, '$1')}`\n  }\n  return `${Number(n.toFixed(2)).toLocaleString('en-US', { minimumFractionDigits: 2 })}`\n}\n\nexport const volumeFormatter = (n: number): string => {\n  if (n === 0) return '0.00'\n  if (!n) return ''\n  if (n < 0.01) {\n    return '<0.01'\n  }\n  if (n >= 0.01 && n < 1) {\n    return `${parseFloat(n.toFixed(2)).toLocaleString('en-US')}`\n  }\n  if (n >= 1 && n < 1000) {\n    return `${Number(Math.round(n).toLocaleString('en-US'))}`\n  }\n  if (n >= 1000) {\n    return numbro(n)\n      .format({\n        average: true,\n        mantissa: 1,\n        optionalMantissa: true,\n        abbreviations: {\n          thousand: 'K',\n          million: 'M',\n          billion: 'B',\n          trillion: 'T',\n        },\n      })\n      .toUpperCase()\n  }\n  return `${Number(n.toFixed(1)).toLocaleString('en-US', { minimumFractionDigits: 1 })}`\n}\n\nexport const quantityFormatter = (n: number): string => {\n  if (n === 0) return '0.00'\n  if (!n) return ''\n  if (n >= 1 && n < 1000) {\n    return `${Number(Math.round(n).toLocaleString('en-US'))}`\n  }\n  if (n >= 1000) {\n    return numbro(n)\n      .format({\n        average: true,\n        mantissa: 1,\n        thousandSeparated: true,\n        optionalMantissa: true,\n        abbreviations: {\n          thousand: 'K',\n          million: 'M',\n          billion: 'B',\n          trillion: 'T',\n        },\n      })\n      .toUpperCase()\n  }\n  return `${Number(n.toFixed(2)).toLocaleString('en-US', { minimumFractionDigits: 2 })}`\n}\n\nexport const roundWholePercentage = (n: number): string => {\n  if (n === 0) return '0'\n  if (!n) return ''\n  if (n < 1) {\n    return '<1'\n  }\n  return Math.round(n).toString()\n}\n"],"names":[],"mappings":";;AAEO,MAAM,QAAQ,GAAG,CAAC,CAAS,KAAa;IAC7C,MAAM,GAAG,GAAG,eAAe;IAC3B,OAAO,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,IAAI,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;AACxE;;;;"}
+{"version":3,"file":"numbers.js","sources":["../../src/utils/numbers.ts"],"sourcesContent":["export const isNumber = (s: string): boolean => {\n  const reg = /^-?\\d+\\.?\\d*$/\n  return reg.test(s) && !isNaN(parseFloat(s)) && isFinite(parseFloat(s))\n}\n"],"names":[],"mappings":"AAAO,MAAM,QAAQ,GAAG,CAAC,CAAS,KAAa;IAC7C,MAAM,GAAG,GAAG,eAAe;IAC3B,OAAO,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,IAAI,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;AACxE;;;;"}

package/dist/views/Bonds/Bonds.js

@@ -13,7 +13,7 @@ import useBondsList from '../../state/bonds/useBondsList.js';
 import useHotBonds from '../../state/bonds/useHotBonds.js';
 import RecommendationCards from './components/RecommendationCards/index.js';
 import BondsMenu from './components/BondsMenu/BondsMenu.js';
-import Svg from '../../components/uikit-sdk/Svg/index.js';
+import StarFilled from '../../components/uikit-sdk/Svg/Icons/StarFilled.js';
 import useTokenPrices from '../../state/tokenPrices/useTokenPrices.js';
 import { useSDKConfig } from '../../state/useSDKConfig.js';
 import BuyAgainRow from './components/BuyAgainRow/index.js';
@@ -128,7 +128,7 @@ const Bonds = () => {
                     alignItems: 'center',
                     flexDirection: 'column',
                     mt: '10px',
-                }, children: [jsx(Svg, { icon: "StarFilled", width: 75, height: 75 }), jsx(Flex, { sx: { mt: '10px' }, children: `You don't have any Favorite Bonds yet!` }), jsx(Flex, { sx: { fontSize: '12px', fontWeight: 400, color: 'textDisabledButton', mt: '10px' }, children: `Click on the 'star' or 'fire' icon to add Bonds to the list.` })] })) : (jsx(PlaceholderMonkey, { text: 'No available bonds at the moment.', loading: loadingBonds })), SDKConfig.useHotBonds && jsx(RecommendationCards, {}), jsx(Flex, { sx: { width: '100%', justifyContent: 'center', my: '15px' }, className: "powered-by-apebond-sdk", children: jsx("img", { src: "https://res.cloudinary.com/dswmrqgwy/image/upload/v1741643990/poweredbyapebondsdk_cxiouj.png", alt: "powered-by-apebond", className: "powered-by-apebond-sdk-img", style: { width: '200px', height: 'auto', cursor: 'pointer' }, onClick: () => window.open('https://ape.bond', '_blank') }) })] }));
+                }, children: [jsx(StarFilled, { width: 75, height: 75 }), jsx(Flex, { sx: { mt: '10px' }, children: `You don't have any Favorite Bonds yet!` }), jsx(Flex, { sx: { fontSize: '12px', fontWeight: 400, color: 'textDisabledButton', mt: '10px' }, children: `Click on the 'star' or 'fire' icon to add Bonds to the list.` })] })) : (jsx(PlaceholderMonkey, { text: 'No available bonds at the moment.', loading: loadingBonds })), SDKConfig.useHotBonds && jsx(RecommendationCards, {}), jsx(Flex, { sx: { width: '100%', justifyContent: 'center', my: '15px' }, className: "powered-by-apebond-sdk", children: jsx("img", { src: "https://res.cloudinary.com/dswmrqgwy/image/upload/v1741643990/poweredbyapebondsdk_cxiouj.png", alt: "powered-by-apebond", className: "powered-by-apebond-sdk-img", style: { width: '200px', height: 'auto', cursor: 'pointer' }, onClick: () => window.open('https://ape.bond', '_blank') }) })] }));
 };
 
 export { Bonds as default };