@ape.swap/bonds-sdk 3.3.0-test.5 → 3.3.0-test.7

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":";;;;;AAKA,MAAM,UAAU,GAAG,CAAC,EAClB,MAAM,EACN,OAAO,EACP,IAAI,EACJ,KAAK,GAMN,KAAI;AACH,IAAA,MAAM,MAAM,GAAG,MAAM,KAAK,QAAQ,GAAG,MAAM,GAAG,MAAM;AACpD,IAAA,MAAM,MAAM,GAAG,OAAO,KAAK,QAAQ,GAAG,MAAM,GAAG,OAAO;AACtD,IAAA,MAAM,SAAS,GAAG,YAAY,CAAC,KAAK,CAAC;IACrC,OAAO,MAAM,IACXA,IAAA,CAAC,IAAI,EAAA,EACH,EAAE,EAAE;AACF,YAAA,QAAQ,EAAE,IAAI,GAAG,GAAG,GAAG,CAAC;YACxB,MAAM,EAAE,IAAI,GAAG,CAAC;AAChB,YAAA,cAAc,EAAE,QAAQ;AACxB,YAAA,UAAU,EAAE,QAAQ;AACpB,YAAA,YAAY,EAAE,MAAM;AACpB,YAAA,QAAQ,EAAE,UAAU;SACrB,EAAA,QAAA,EAAA,CAEDC,GAAA,CAAA,KAAA,EAAA,EACE,GAAG,EAAE,CAAA,EAAG,OAAO,CAAA,aAAA,EAAgB,MAAM,EAAE,WAAW,EAAE,MAAM,EAC1D,GAAG,EAAE,CAAA,YAAA,EAAe,MAAM,EAAE,EAC5B,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,EACZ,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,EAAA,CACtD,EACFA,aACE,GAAG,EAAE,GAAG,OAAO,CAAA,aAAA,EAAgB,MAAM,CAAC,WAAW,EAAE,CAAA,IAAA,CAAM,EACzD,GAAG,EAAE,CAAA,YAAA,EAAe,MAAM,CAAA,CAAE,EAC5B,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,EACZ,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,EAAA,CAC1D,EACD,KAAK,KACJA,GAAA,CAAC,IAAI,EAAA,EACH,EAAE,EAAE;AACF,oBAAA,MAAM,EAAE,IAAI;AACZ,oBAAA,QAAQ,EAAE,UAAU;AACpB,oBAAA,GAAG,EAAE,MAAM;AACX,oBAAA,KAAK,EAAE,CAAA,CAAA,EAAI,IAAI,GAAG,CAAC,CAAA,EAAA,CAAI;AACvB,oBAAA,QAAQ,EAAE,QAAQ;AAClB,oBAAA,YAAY,EAAE,MAAM;iBACrB,EAAA,QAAA,EAEDA,GAAA,CAAC,SAAS,EAAA,EAAC,KAAK,EAAE,IAAI,GAAG,GAAG,EAAE,MAAM,EAAE,IAAI,GAAG,GAAG,EAAA,CAAI,EAAA,CAC/C,CACR,CAAA,EAAA,CACI,KAEPD,IAAA,CAAC,IAAI,EAAA,EACH,EAAE,EAAE;YACF,KAAK,EAAE,IAAI,GAAG,CAAC;YACf,MAAM,EAAE,IAAI,GAAG,CAAC;AAChB,YAAA,cAAc,EAAE,QAAQ;AACxB,YAAA,UAAU,EAAE,QAAQ;AACpB,YAAA,YAAY,EAAE,MAAM;AACpB,YAAA,QAAQ,EAAE,UAAU;SACrB,EAAA,QAAA,EAAA,CAEDC,GAAA,CAAA,KAAA,EAAA,EACE,GAAG,EAAE,CAAA,EAAG,OAAO,CAAA,aAAA,EAAgB,MAAM,EAAE,WAAW,EAAE,MAAM,EAC1D,GAAG,EAAE,CAAA,YAAA,EAAe,MAAM,EAAE,EAC5B,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,MAAM,KAAK,UAAU,GAAG,EAAE,GAAG,IAAI,EAAA,CACzC,EACD,KAAK,KACJA,IAAC,IAAI,EAAA,EACH,EAAE,EAAE;AACF,oBAAA,MAAM,EAAE,CAAC;AACT,oBAAA,QAAQ,EAAE,UAAU;AACpB,oBAAA,GAAG,EAAE,MAAM;AACX,oBAAA,KAAK,EAAE,MAAM;AACb,oBAAA,QAAQ,EAAE,QAAQ;AAClB,oBAAA,YAAY,EAAE,MAAM;AACpB,oBAAA,KAAK,EAAE,CAAA,EAAG,IAAI,GAAG,GAAG,CAAA,EAAA,CAAI;AACxB,oBAAA,MAAM,EAAE,CAAA,EAAG,IAAI,GAAG,GAAG,CAAA,EAAA,CAAI;AAC1B,iBAAA,EAAA,QAAA,EAEDA,IAAC,SAAS,EAAA,EAAC,KAAK,EAAE,IAAI,GAAG,GAAG,EAAE,MAAM,EAAE,IAAI,GAAG,GAAG,EAAA,CAAI,GAC/C,CACR,CAAA,EAAA,CACI,CACR;AACH;;;;"}

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":"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"}
+{"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":";;;;;;;;;;;;;;;;;;;;;;AAyBA;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,GAA2D;AACnF,IAAA,CAAC,OAAO,CAAC,GAAG,GAAG,GAAG;AAClB,IAAA,CAAC,OAAO,CAAC,KAAK,GAAG,OAAO;AACxB,IAAA,CAAC,OAAO,CAAC,OAAO,GAAG,GAAG;AACtB,IAAA,CAAC,OAAO,CAAC,IAAI,GAAG,IAAI;AACpB,IAAA,CAAC,OAAO,CAAC,QAAQ,GAAG,QAAQ;AAC5B,IAAA,CAAC,OAAO,CAAC,KAAK,GAAG,KAAK;AACtB,IAAA,CAAC,OAAO,CAAC,OAAO,GAAG,GAAG;AACtB,IAAA,CAAC,OAAO,CAAC,KAAK,GAAG,KAAK;AACtB,IAAA,CAAC,OAAO,CAAC,SAAS,GAAG,SAAS;AAC9B,IAAA,CAAC,OAAO,CAAC,IAAI,GAAG,IAAI;AACpB,IAAA,CAAC,OAAO,CAAC,IAAI,GAAG,IAAI;AACpB,IAAA,CAAC,OAAO,CAAC,SAAS,GAAG,SAAS;AAC9B,IAAA,CAAC,OAAO,CAAC,IAAI,GAAG,IAAI;AACpB,IAAA,CAAC,OAAO,CAAC,KAAK,GAAG,KAAK;AACtB,IAAA,CAAC,OAAO,CAAC,OAAO,GAAG,OAAO;AAC1B,IAAA,CAAC,OAAO,CAAC,aAAa,GAAGA,OAAK;AAC9B,IAAA,CAAC,OAAO,CAAC,KAAK,GAAGC,KAAK;AACtB,IAAA,CAAC,OAAO,CAAC,SAAS,GAAG,IAAI;AACzB,IAAA,CAAC,OAAO,CAAC,MAAM,GAAG,MAAM;AACxB,IAAA,CAAC,OAAO,CAAC,QAAQ,GAAG,QAAQ;;AAG9B;MACa,YAAY,GAAG,CAAC,KAAc,KACzC,CAAC,KAAK,KAAK,SAAS,IAAI,aAAa,CAAC,KAAK,CAAC,KAAK;AAEnD;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;;;;;"}

package/dist/theme/base.js

@@ -47,7 +47,7 @@ const baseTheme = {
         card: '32px',
         circle: '50%',
     },
-    zIndices: { dropdown: 10, modal: 102 },
+    zIndices: { dropdown: 10, modal: 59 },
     styles: {
         root: {
             fontFamily: 'body',

package/dist/theme/base.js.map

@@ -1 +1 @@
-{"version":3,"file":"base.js","sources":["../../src/theme/base.ts"],"sourcesContent":["export type MediaQueries = {\n  xs: string\n  sm: string\n  md: string\n  lg: string\n  xl: string\n  xxl: string\n  xxxl: string\n  nav: string\n}\n\nexport const breakpointMap: { [key: string]: number } = {\n  xs: 370,\n  sm: 576,\n  md: 852,\n  lg: 968,\n  xl: 1080,\n  xxl: 1200,\n  xxxl: 1550,\n}\n\nconst mediaQueries: MediaQueries = {\n  xs: `@media screen and (min-width: ${breakpointMap.xs}px)`,\n  sm: `@media screen and (min-width: ${breakpointMap.sm}px)`,\n  md: `@media screen and (min-width: ${breakpointMap.md}px)`,\n  lg: `@media screen and (min-width: ${breakpointMap.lg}px)`,\n  xl: `@media screen and (min-width: ${breakpointMap.xl}px)`,\n  xxl: `@media screen and (min-width: ${breakpointMap.xxl}px)`,\n  xxxl: `@media screen and (min-width: ${breakpointMap.xxxl}px)`,\n  nav: `@media screen and (min-width: ${breakpointMap.lg}px)`,\n}\n\nconst baseTheme = {\n  breakpoints: [\n    `${breakpointMap.xs}px`,\n    `${breakpointMap.sm}px`,\n    `${breakpointMap.md}px`,\n    `${breakpointMap.lg}px`,\n    `${breakpointMap.xl}px`,\n    `${breakpointMap.xxl}px`,\n    `${breakpointMap.xxxl}px`,\n  ],\n  space: [0, 4, 6, 8, 10, 12, 14, 16, 18, 20, 22, 24, 26, 28, 30, 32, 48, 64],\n  fontSizes: [12, 14, 16, 18, 20, 22, 24, 26, 28, 30, 32, 48, 64],\n  borderWidths: [0, 4, 6, 8, 10, 12, 14, 16, 18, 20, 22, 24, 26, 28, 30, 32, 48, 64],\n  mediaQueries,\n  fontWeights: {\n    light: 400,\n    normal: 600,\n    bold: 700,\n  },\n  fonts: {\n    body: 'Poppins, sans-serif',\n    poppins: 'Poppins',\n  },\n  radii: {\n    small: '6px',\n    default: '16px',\n    normal: '10px',\n    card: '32px',\n    circle: '50%',\n  },\n  zIndices: { dropdown: 10, modal: 102 },\n  styles: {\n    root: {\n      fontFamily: 'body',\n      webkitFontSmoothing: 'antialiasing',\n      fontWeight: 600,\n      color: 'text',\n      bg: 'white1',\n      textDecoration: 'none',\n    },\n    a: {\n      color: 'text',\n      textDecoration: 'none',\n      ':hover': {\n        color: 'secondary',\n        textDecoration: 'underline',\n      },\n    },\n    nav: {\n      textDecoration: 'none',\n      breakpoints: [`@media screen and (min-width: ${breakpointMap.lg}px)`],\n      a: {\n        textDecoration: 'none',\n      },\n    },\n    progress: {\n      primary: 'primary',\n      color: 'green',\n      background: '#DAA628',\n      height: '20px',\n    },\n    hr: {\n      background: 'dividerColor',\n      height: '1px',\n      border: 'none',\n    },\n    h1: {\n      variant: 'text.heading',\n      fontSize: '30px',\n      lineHeight: '45px',\n    },\n    h2: {\n      variant: 'text.heading',\n      fontSize: '25px',\n      lineHeight: '37px',\n    },\n    h3: {\n      variant: 'text.heading',\n      fontSize: '22px',\n      lineHeight: '33px',\n    },\n    h4: {\n      variant: 'text.heading',\n      fontSize: '20px',\n      lineHeight: '30px',\n    },\n    h5: {\n      variant: 'text.heading',\n      fontSize: '16px',\n      lineHeight: '24px',\n    },\n    banner: {\n      variant: 'text.heading',\n      fontWeight: '800',\n      fontSize: '60px',\n      lineHeight: '66px',\n    },\n    input: {\n      fontFamily: 'base',\n      fontWeight: 'base',\n    },\n  },\n}\n\nexport default baseTheme\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"base.js","sources":["../../src/theme/base.ts"],"sourcesContent":["export type MediaQueries = {\n  xs: string\n  sm: string\n  md: string\n  lg: string\n  xl: string\n  xxl: string\n  xxxl: string\n  nav: string\n}\n\nexport const breakpointMap: { [key: string]: number } = {\n  xs: 370,\n  sm: 576,\n  md: 852,\n  lg: 968,\n  xl: 1080,\n  xxl: 1200,\n  xxxl: 1550,\n}\n\nconst mediaQueries: MediaQueries = {\n  xs: `@media screen and (min-width: ${breakpointMap.xs}px)`,\n  sm: `@media screen and (min-width: ${breakpointMap.sm}px)`,\n  md: `@media screen and (min-width: ${breakpointMap.md}px)`,\n  lg: `@media screen and (min-width: ${breakpointMap.lg}px)`,\n  xl: `@media screen and (min-width: ${breakpointMap.xl}px)`,\n  xxl: `@media screen and (min-width: ${breakpointMap.xxl}px)`,\n  xxxl: `@media screen and (min-width: ${breakpointMap.xxxl}px)`,\n  nav: `@media screen and (min-width: ${breakpointMap.lg}px)`,\n}\n\nconst baseTheme = {\n  breakpoints: [\n    `${breakpointMap.xs}px`,\n    `${breakpointMap.sm}px`,\n    `${breakpointMap.md}px`,\n    `${breakpointMap.lg}px`,\n    `${breakpointMap.xl}px`,\n    `${breakpointMap.xxl}px`,\n    `${breakpointMap.xxxl}px`,\n  ],\n  space: [0, 4, 6, 8, 10, 12, 14, 16, 18, 20, 22, 24, 26, 28, 30, 32, 48, 64],\n  fontSizes: [12, 14, 16, 18, 20, 22, 24, 26, 28, 30, 32, 48, 64],\n  borderWidths: [0, 4, 6, 8, 10, 12, 14, 16, 18, 20, 22, 24, 26, 28, 30, 32, 48, 64],\n  mediaQueries,\n  fontWeights: {\n    light: 400,\n    normal: 600,\n    bold: 700,\n  },\n  fonts: {\n    body: 'Poppins, sans-serif',\n    poppins: 'Poppins',\n  },\n  radii: {\n    small: '6px',\n    default: '16px',\n    normal: '10px',\n    card: '32px',\n    circle: '50%',\n  },\n  zIndices: { dropdown: 10, modal: 59 },\n  styles: {\n    root: {\n      fontFamily: 'body',\n      webkitFontSmoothing: 'antialiasing',\n      fontWeight: 600,\n      color: 'text',\n      bg: 'white1',\n      textDecoration: 'none',\n    },\n    a: {\n      color: 'text',\n      textDecoration: 'none',\n      ':hover': {\n        color: 'secondary',\n        textDecoration: 'underline',\n      },\n    },\n    nav: {\n      textDecoration: 'none',\n      breakpoints: [`@media screen and (min-width: ${breakpointMap.lg}px)`],\n      a: {\n        textDecoration: 'none',\n      },\n    },\n    progress: {\n      primary: 'primary',\n      color: 'green',\n      background: '#DAA628',\n      height: '20px',\n    },\n    hr: {\n      background: 'dividerColor',\n      height: '1px',\n      border: 'none',\n    },\n    h1: {\n      variant: 'text.heading',\n      fontSize: '30px',\n      lineHeight: '45px',\n    },\n    h2: {\n      variant: 'text.heading',\n      fontSize: '25px',\n      lineHeight: '37px',\n    },\n    h3: {\n      variant: 'text.heading',\n      fontSize: '22px',\n      lineHeight: '33px',\n    },\n    h4: {\n      variant: 'text.heading',\n      fontSize: '20px',\n      lineHeight: '30px',\n    },\n    h5: {\n      variant: 'text.heading',\n      fontSize: '16px',\n      lineHeight: '24px',\n    },\n    banner: {\n      variant: 'text.heading',\n      fontWeight: '800',\n      fontSize: '60px',\n      lineHeight: '66px',\n    },\n    input: {\n      fontFamily: 'base',\n      fontWeight: 'base',\n    },\n  },\n}\n\nexport default baseTheme\n"],"names":[],"mappings":"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"}

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 };

package/dist/views/Bonds/Bonds.js.map

@@ -1 +1 @@
-{"version":3,"file":"Bonds.js","sources":["../../../src/views/Bonds/Bonds.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from 'react'\nimport { Flex } from 'theme-ui'\nimport { BondsData } from '../../types/bonds'\nimport { useTopTags } from '../../hooks/useTopTags'\nimport { isBondSoldOut, isBondSupported, sortBonds } from './utils'\nimport useBondsData from '../../state/bonds/useBondsData'\nimport CheckURL from './components/CheckURL'\nimport BondRowsByChain from './components/BondRows/BondRowsByChain'\nimport PlaceholderMonkey from '../../components/PlaceholderMonkey'\nimport useFavoriteTokens from '../../state/favoriteTokens/useFavoriteTokens'\nimport useChainFilterOption from '../../state/chainFilterOption/useChainFilterOption'\nimport useBondsList from '../../state/bonds/useBondsList'\nimport { BaseBondConfig } from '@ape.swap/apeswap-lists'\nimport useHotBonds from '../../state/bonds/useHotBonds'\nimport RecommendationCards from './components/RecommendationCards'\nimport BondsMenu from './components/BondsMenu/BondsMenu'\nimport Svg from '../../components/uikit-sdk/Svg'\nimport useTokenPrices from '../../state/tokenPrices/useTokenPrices'\nimport { useSDKConfig } from '../../state/useSDKConfig'\nimport BuyAgainRow from './components/BuyAgainRow'\nimport usePreTGEList from '../../state/preTGEBonds/usePreTGEList'\n\ntype SortableKeys = 'bonus' | 'arr' | 'terms' | 'tokensRemaining'\ntype SortDirection = 'asc' | 'desc'\n\nexport interface SortOptions {\n  key: SortableKeys\n  direction: SortDirection\n}\n\nconst Bonds = () => {\n  // Fetch data\n  useHotBonds()\n  const { favTokens } = useFavoriteTokens()\n  const { data: bondData, refetch: refetchBondsData, isFetching, isLoading, isFetched } = useBondsData()\n  const loadingBonds = isFetching || isLoading || !isFetched\n  const { data: allBonds } = useBondsList()\n  const { data: allPreBonds } = usePreTGEList()\n  const { data: chainFilterOption, setChainFilterOption } = useChainFilterOption()\n  const { data: tokenPrices } = useTokenPrices()\n  const SDKConfig = useSDKConfig()\n\n  const tokenPricesKeys = Object.keys(tokenPrices ?? {}).length\n\n  useEffect(() => {\n    const hash = window.location.hash\n\n    //@ts-ignore\n    if (bondData?.length > 0 && !!tokenPricesKeys && allBonds?.length > 0 && hash) {\n      const tryScroll = () => {\n        const normalizedHash = decodeURIComponent(hash).replace(/\\s+/g, '')\n        const element = document.querySelector(normalizedHash)\n        if (element) {\n          const y = element.getBoundingClientRect().top + window.scrollY - 70\n          window.scrollTo({ top: y, behavior: 'smooth' })\n        } else {\n          setTimeout(tryScroll, 50)\n        }\n      }\n\n      tryScroll()\n    }\n\n    //@ts-ignore\n    if (bondData?.length === 0 && !!tokenPricesKeys && allBonds?.length > 0) {\n      console.log('Real time api call failed, triggering fallback strategy')\n      refetchBondsData()\n    }\n    /* eslint-disable react-hooks/exhaustive-deps */\n  }, [bondData?.length, tokenPricesKeys, allBonds?.length])\n\n  // State\n  const [sortConfig, setSortConfig] = useState<SortOptions | undefined>({ key: 'bonus', direction: 'desc' })\n  const [searchQuery, setSearchQuery] = useState('')\n  const [filterOption, setFilterOption] = useState('ALL')\n\n  const sortedBonds = sortBonds(sortConfig, bondData)\n  const topTags = useTopTags(sortedBonds)\n\n  const filterOptions = ['ALL', 'FAVORITES', ...topTags, 'SOLD OUT']\n\n  const billsToRender = useMemo(() => {\n    let billsToReturn: (BondsData | BaseBondConfig)[] =\n      filterOption === 'SOLD OUT' ? [...(allPreBonds ?? []), ...(allBonds ?? [])] : (sortedBonds ?? [])\n\n    billsToReturn = billsToReturn?.filter((bill) => {\n      return (\n        isBondSupported(SDKConfig.highestCompatibleVersion!, bill.version) &&\n        (bill.onlyPartner ? SDKConfig.bondPartner === bill.bondPartner : true)\n      )\n    })\n\n    if (searchQuery) {\n      billsToReturn = billsToReturn?.filter((bill) => {\n        return [`${bill?.earnToken?.symbol.toUpperCase()}`, `${bill?.lpToken?.symbol.toUpperCase()}`].some((property) =>\n          property?.includes(searchQuery.toUpperCase()),\n        )\n      })\n    }\n\n    if (!SDKConfig?.useTiers) {\n      billsToReturn = billsToReturn?.filter((bill) => {\n        return 'minTier' in bill ? bill.minTier === null || bill.minTier === undefined : true //TODO: check this\n      })\n    }\n\n    if (SDKConfig?.bondPartner) {\n      billsToReturn = billsToReturn?.filter((bill) => bill.bondPartner === SDKConfig.bondPartner)\n    }\n\n    if (topTags.includes(filterOption)) {\n      billsToReturn = billsToReturn?.filter((bill) => bill?.tags?.includes(filterOption))\n    }\n\n    if (!chainFilterOption?.includes('All Chains')) {\n      billsToReturn = billsToReturn?.filter((bill) => chainFilterOption?.includes(bill?.chainId?.toString()))\n    }\n\n    if (filterOption !== 'SOLD OUT') {\n      billsToReturn = billsToReturn?.filter((bond) => !isBondSoldOut(bond as BondsData, SDKConfig.showLowValueBonds))\n    }\n\n    if (filterOption === 'SOLD OUT') {\n      billsToReturn = billsToReturn?.filter((bond) => isBondSoldOut(bond as BondsData, SDKConfig.showLowValueBonds))\n    }\n\n    if (filterOption === 'FAVORITES') {\n      billsToReturn = billsToReturn?.filter((bill) => favTokens.includes(bill?.earnToken?.symbol?.toLowerCase()))\n    }\n    return billsToReturn\n  }, [\n    filterOption,\n    allBonds,\n    sortedBonds,\n    searchQuery,\n    SDKConfig?.useTiers,\n    SDKConfig.highestCompatibleVersion,\n    topTags,\n    chainFilterOption,\n    favTokens,\n  ])\n\n  // Handlers\n  const handleSortOptions = useCallback(\n    (key: SortableKeys) => {\n      let direction: SortDirection = 'desc'\n      if (sortConfig?.key === key && sortConfig?.direction === 'desc') {\n        direction = 'asc'\n      }\n      setSortConfig({ key, direction })\n    },\n    [sortConfig?.key, sortConfig?.direction],\n  )\n\n  const handleChangeFilterOption = useCallback((newOption: string) => {\n    setFilterOption(newOption)\n  }, [])\n\n  return (\n    <Flex className=\"bonds-container\">\n      <CheckURL />\n      <BondsMenu\n        searchQuery={searchQuery}\n        setSearchQuery={setSearchQuery}\n        setChainFilterOption={setChainFilterOption}\n        chainFilterOption={chainFilterOption ?? ['All Chains']}\n        filterOptions={filterOptions}\n        filterOption={filterOption}\n        setFilterOption={handleChangeFilterOption}\n        onSort={handleSortOptions}\n      />\n      {SDKConfig.useHotBonds && !SDKConfig.bondPartner && <BuyAgainRow />}\n      {billsToRender?.length > 0 ? (\n        <BondRowsByChain bonds={billsToRender} hideTitles={searchQuery !== ''} />\n      ) : searchQuery ? (\n        <PlaceholderMonkey text={'No results'} />\n      ) : filterOption === 'FAVORITES' ? (\n        <Flex\n          sx={{\n            width: '100%',\n            height: '300px',\n            background: 'white2',\n            borderRadius: 'normal',\n            justifyContent: 'center',\n            alignItems: 'center',\n            flexDirection: 'column',\n            mt: '10px',\n          }}\n        >\n          <Svg icon=\"StarFilled\" width={75} height={75} />\n          <Flex sx={{ mt: '10px' }}>{`You don't have any Favorite Bonds yet!`}</Flex>\n          <Flex sx={{ fontSize: '12px', fontWeight: 400, color: 'textDisabledButton', mt: '10px' }}>\n            {`Click on the 'star' or 'fire' icon to add Bonds to the list.`}\n          </Flex>\n        </Flex>\n      ) : (\n        <PlaceholderMonkey text={'No available bonds at the moment.'} loading={loadingBonds} />\n      )}\n      {SDKConfig.useHotBonds && <RecommendationCards />}\n      <Flex sx={{ width: '100%', justifyContent: 'center', my: '15px' }} className=\"powered-by-apebond-sdk\">\n        <img\n          src=\"https://res.cloudinary.com/dswmrqgwy/image/upload/v1741643990/poweredbyapebondsdk_cxiouj.png\"\n          alt=\"powered-by-apebond\"\n          className=\"powered-by-apebond-sdk-img\"\n          style={{ width: '200px', height: 'auto', cursor: 'pointer' }}\n          onClick={() => window.open('https://ape.bond', '_blank')}\n        />\n      </Flex>\n    </Flex>\n  )\n}\n\nexport default Bonds\n"],"names":["_jsxs","_jsx","CheckURL"],"mappings":"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"}
+{"version":3,"file":"Bonds.js","sources":["../../../src/views/Bonds/Bonds.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from 'react'\nimport { Flex } from 'theme-ui'\nimport { BondsData } from '../../types/bonds'\nimport { useTopTags } from '../../hooks/useTopTags'\nimport { isBondSoldOut, isBondSupported, sortBonds } from './utils'\nimport useBondsData from '../../state/bonds/useBondsData'\nimport CheckURL from './components/CheckURL'\nimport BondRowsByChain from './components/BondRows/BondRowsByChain'\nimport PlaceholderMonkey from '../../components/PlaceholderMonkey'\nimport useFavoriteTokens from '../../state/favoriteTokens/useFavoriteTokens'\nimport useChainFilterOption from '../../state/chainFilterOption/useChainFilterOption'\nimport useBondsList from '../../state/bonds/useBondsList'\nimport { BaseBondConfig } from '@ape.swap/apeswap-lists'\nimport useHotBonds from '../../state/bonds/useHotBonds'\nimport RecommendationCards from './components/RecommendationCards'\nimport BondsMenu from './components/BondsMenu/BondsMenu'\nimport StarFilled from '../../components/uikit-sdk/Svg/Icons/StarFilled'\nimport useTokenPrices from '../../state/tokenPrices/useTokenPrices'\nimport { useSDKConfig } from '../../state/useSDKConfig'\nimport BuyAgainRow from './components/BuyAgainRow'\nimport usePreTGEList from '../../state/preTGEBonds/usePreTGEList'\n\ntype SortableKeys = 'bonus' | 'arr' | 'terms' | 'tokensRemaining'\ntype SortDirection = 'asc' | 'desc'\n\nexport interface SortOptions {\n  key: SortableKeys\n  direction: SortDirection\n}\n\nconst Bonds = () => {\n  // Fetch data\n  useHotBonds()\n  const { favTokens } = useFavoriteTokens()\n  const { data: bondData, refetch: refetchBondsData, isFetching, isLoading, isFetched } = useBondsData()\n  const loadingBonds = isFetching || isLoading || !isFetched\n  const { data: allBonds } = useBondsList()\n  const { data: allPreBonds } = usePreTGEList()\n  const { data: chainFilterOption, setChainFilterOption } = useChainFilterOption()\n  const { data: tokenPrices } = useTokenPrices()\n  const SDKConfig = useSDKConfig()\n\n  const tokenPricesKeys = Object.keys(tokenPrices ?? {}).length\n\n  useEffect(() => {\n    const hash = window.location.hash\n\n    //@ts-ignore\n    if (bondData?.length > 0 && !!tokenPricesKeys && allBonds?.length > 0 && hash) {\n      const tryScroll = () => {\n        const normalizedHash = decodeURIComponent(hash).replace(/\\s+/g, '')\n        const element = document.querySelector(normalizedHash)\n        if (element) {\n          const y = element.getBoundingClientRect().top + window.scrollY - 70\n          window.scrollTo({ top: y, behavior: 'smooth' })\n        } else {\n          setTimeout(tryScroll, 50)\n        }\n      }\n\n      tryScroll()\n    }\n\n    //@ts-ignore\n    if (bondData?.length === 0 && !!tokenPricesKeys && allBonds?.length > 0) {\n      console.log('Real time api call failed, triggering fallback strategy')\n      refetchBondsData()\n    }\n    /* eslint-disable react-hooks/exhaustive-deps */\n  }, [bondData?.length, tokenPricesKeys, allBonds?.length])\n\n  // State\n  const [sortConfig, setSortConfig] = useState<SortOptions | undefined>({ key: 'bonus', direction: 'desc' })\n  const [searchQuery, setSearchQuery] = useState('')\n  const [filterOption, setFilterOption] = useState('ALL')\n\n  const sortedBonds = sortBonds(sortConfig, bondData)\n  const topTags = useTopTags(sortedBonds)\n\n  const filterOptions = ['ALL', 'FAVORITES', ...topTags, 'SOLD OUT']\n\n  const billsToRender = useMemo(() => {\n    let billsToReturn: (BondsData | BaseBondConfig)[] =\n      filterOption === 'SOLD OUT' ? [...(allPreBonds ?? []), ...(allBonds ?? [])] : (sortedBonds ?? [])\n\n    billsToReturn = billsToReturn?.filter((bill) => {\n      return (\n        isBondSupported(SDKConfig.highestCompatibleVersion!, bill.version) &&\n        (bill.onlyPartner ? SDKConfig.bondPartner === bill.bondPartner : true)\n      )\n    })\n\n    if (searchQuery) {\n      billsToReturn = billsToReturn?.filter((bill) => {\n        return [`${bill?.earnToken?.symbol.toUpperCase()}`, `${bill?.lpToken?.symbol.toUpperCase()}`].some((property) =>\n          property?.includes(searchQuery.toUpperCase()),\n        )\n      })\n    }\n\n    if (!SDKConfig?.useTiers) {\n      billsToReturn = billsToReturn?.filter((bill) => {\n        return 'minTier' in bill ? bill.minTier === null || bill.minTier === undefined : true //TODO: check this\n      })\n    }\n\n    if (SDKConfig?.bondPartner) {\n      billsToReturn = billsToReturn?.filter((bill) => bill.bondPartner === SDKConfig.bondPartner)\n    }\n\n    if (topTags.includes(filterOption)) {\n      billsToReturn = billsToReturn?.filter((bill) => bill?.tags?.includes(filterOption))\n    }\n\n    if (!chainFilterOption?.includes('All Chains')) {\n      billsToReturn = billsToReturn?.filter((bill) => chainFilterOption?.includes(bill?.chainId?.toString()))\n    }\n\n    if (filterOption !== 'SOLD OUT') {\n      billsToReturn = billsToReturn?.filter((bond) => !isBondSoldOut(bond as BondsData, SDKConfig.showLowValueBonds))\n    }\n\n    if (filterOption === 'SOLD OUT') {\n      billsToReturn = billsToReturn?.filter((bond) => isBondSoldOut(bond as BondsData, SDKConfig.showLowValueBonds))\n    }\n\n    if (filterOption === 'FAVORITES') {\n      billsToReturn = billsToReturn?.filter((bill) => favTokens.includes(bill?.earnToken?.symbol?.toLowerCase()))\n    }\n    return billsToReturn\n  }, [\n    filterOption,\n    allBonds,\n    sortedBonds,\n    searchQuery,\n    SDKConfig?.useTiers,\n    SDKConfig.highestCompatibleVersion,\n    topTags,\n    chainFilterOption,\n    favTokens,\n  ])\n\n  // Handlers\n  const handleSortOptions = useCallback(\n    (key: SortableKeys) => {\n      let direction: SortDirection = 'desc'\n      if (sortConfig?.key === key && sortConfig?.direction === 'desc') {\n        direction = 'asc'\n      }\n      setSortConfig({ key, direction })\n    },\n    [sortConfig?.key, sortConfig?.direction],\n  )\n\n  const handleChangeFilterOption = useCallback((newOption: string) => {\n    setFilterOption(newOption)\n  }, [])\n\n  return (\n    <Flex className=\"bonds-container\">\n      <CheckURL />\n      <BondsMenu\n        searchQuery={searchQuery}\n        setSearchQuery={setSearchQuery}\n        setChainFilterOption={setChainFilterOption}\n        chainFilterOption={chainFilterOption ?? ['All Chains']}\n        filterOptions={filterOptions}\n        filterOption={filterOption}\n        setFilterOption={handleChangeFilterOption}\n        onSort={handleSortOptions}\n      />\n      {SDKConfig.useHotBonds && !SDKConfig.bondPartner && <BuyAgainRow />}\n      {billsToRender?.length > 0 ? (\n        <BondRowsByChain bonds={billsToRender} hideTitles={searchQuery !== ''} />\n      ) : searchQuery ? (\n        <PlaceholderMonkey text={'No results'} />\n      ) : filterOption === 'FAVORITES' ? (\n        <Flex\n          sx={{\n            width: '100%',\n            height: '300px',\n            background: 'white2',\n            borderRadius: 'normal',\n            justifyContent: 'center',\n            alignItems: 'center',\n            flexDirection: 'column',\n            mt: '10px',\n          }}\n        >\n          <StarFilled width={75} height={75} />\n          <Flex sx={{ mt: '10px' }}>{`You don't have any Favorite Bonds yet!`}</Flex>\n          <Flex sx={{ fontSize: '12px', fontWeight: 400, color: 'textDisabledButton', mt: '10px' }}>\n            {`Click on the 'star' or 'fire' icon to add Bonds to the list.`}\n          </Flex>\n        </Flex>\n      ) : (\n        <PlaceholderMonkey text={'No available bonds at the moment.'} loading={loadingBonds} />\n      )}\n      {SDKConfig.useHotBonds && <RecommendationCards />}\n      <Flex sx={{ width: '100%', justifyContent: 'center', my: '15px' }} className=\"powered-by-apebond-sdk\">\n        <img\n          src=\"https://res.cloudinary.com/dswmrqgwy/image/upload/v1741643990/poweredbyapebondsdk_cxiouj.png\"\n          alt=\"powered-by-apebond\"\n          className=\"powered-by-apebond-sdk-img\"\n          style={{ width: '200px', height: 'auto', cursor: 'pointer' }}\n          onClick={() => window.open('https://ape.bond', '_blank')}\n        />\n      </Flex>\n    </Flex>\n  )\n}\n\nexport default Bonds\n"],"names":["_jsxs","_jsx","CheckURL"],"mappings":";;;;;;;;;;;;;;;;;;;;;AA8BA,MAAM,KAAK,GAAG,MAAK;;AAEjB,IAAA,WAAW,EAAE;AACb,IAAA,MAAM,EAAE,SAAS,EAAE,GAAG,iBAAiB,EAAE;AACzC,IAAA,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,YAAY,EAAE;IACtG,MAAM,YAAY,GAAG,UAAU,IAAI,SAAS,IAAI,CAAC,SAAS;IAC1D,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,YAAY,EAAE;IACzC,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,aAAa,EAAE;IAC7C,MAAM,EAAE,IAAI,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,GAAG,oBAAoB,EAAE;IAChF,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,cAAc,EAAE;AAC9C,IAAA,MAAM,SAAS,GAAG,YAAY,EAAE;AAEhC,IAAA,MAAM,eAAe,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,IAAI,EAAE,CAAC,CAAC,MAAM;IAE7D,SAAS,CAAC,MAAK;AACb,QAAA,MAAM,IAAI,GAAG,MAAM,CAAC,QAAQ,CAAC,IAAI;;AAGjC,QAAA,IAAI,QAAQ,EAAE,MAAM,GAAG,CAAC,IAAI,CAAC,CAAC,eAAe,IAAI,QAAQ,EAAE,MAAM,GAAG,CAAC,IAAI,IAAI,EAAE;YAC7E,MAAM,SAAS,GAAG,MAAK;AACrB,gBAAA,MAAM,cAAc,GAAG,kBAAkB,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC;gBACnE,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,cAAc,CAAC;gBACtD,IAAI,OAAO,EAAE;AACX,oBAAA,MAAM,CAAC,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAC,GAAG,GAAG,MAAM,CAAC,OAAO,GAAG,EAAE;AACnE,oBAAA,MAAM,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC;gBACjD;qBAAO;AACL,oBAAA,UAAU,CAAC,SAAS,EAAE,EAAE,CAAC;gBAC3B;AACF,YAAA,CAAC;AAED,YAAA,SAAS,EAAE;QACb;;AAGA,QAAA,IAAI,QAAQ,EAAE,MAAM,KAAK,CAAC,IAAI,CAAC,CAAC,eAAe,IAAI,QAAQ,EAAE,MAAM,GAAG,CAAC,EAAE;AACvE,YAAA,OAAO,CAAC,GAAG,CAAC,yDAAyD,CAAC;AACtE,YAAA,gBAAgB,EAAE;QACpB;;AAEF,IAAA,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;;AAGzD,IAAA,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAA0B,EAAE,GAAG,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,CAAC;IAC1G,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC;IAClD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;IAEvD,MAAM,WAAW,GAAG,SAAS,CAAC,UAAU,EAAE,QAAQ,CAAC;AACnD,IAAA,MAAM,OAAO,GAAG,UAAU,CAAC,WAAW,CAAC;AAEvC,IAAA,MAAM,aAAa,GAAG,CAAC,KAAK,EAAE,WAAW,EAAE,GAAG,OAAO,EAAE,UAAU,CAAC;AAElE,IAAA,MAAM,aAAa,GAAG,OAAO,CAAC,MAAK;AACjC,QAAA,IAAI,aAAa,GACf,YAAY,KAAK,UAAU,GAAG,CAAC,IAAI,WAAW,IAAI,EAAE,CAAC,EAAE,IAAI,QAAQ,IAAI,EAAE,CAAC,CAAC,IAAI,WAAW,IAAI,EAAE,CAAC;QAEnG,aAAa,GAAG,aAAa,EAAE,MAAM,CAAC,CAAC,IAAI,KAAI;YAC7C,QACE,eAAe,CAAC,SAAS,CAAC,wBAAyB,EAAE,IAAI,CAAC,OAAO,CAAC;AAClE,iBAAC,IAAI,CAAC,WAAW,GAAG,SAAS,CAAC,WAAW,KAAK,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;AAE1E,QAAA,CAAC,CAAC;QAEF,IAAI,WAAW,EAAE;YACf,aAAa,GAAG,aAAa,EAAE,MAAM,CAAC,CAAC,IAAI,KAAI;AAC7C,gBAAA,OAAO,CAAC,CAAA,EAAG,IAAI,EAAE,SAAS,EAAE,MAAM,CAAC,WAAW,EAAE,CAAA,CAAE,EAAE,CAAA,EAAG,IAAI,EAAE,OAAO,EAAE,MAAM,CAAC,WAAW,EAAE,CAAA,CAAE,CAAC,CAAC,IAAI,CAAC,CAAC,QAAQ,KAC1G,QAAQ,EAAE,QAAQ,CAAC,WAAW,CAAC,WAAW,EAAE,CAAC,CAC9C;AACH,YAAA,CAAC,CAAC;QACJ;AAEA,QAAA,IAAI,CAAC,SAAS,EAAE,QAAQ,EAAE;YACxB,aAAa,GAAG,aAAa,EAAE,MAAM,CAAC,CAAC,IAAI,KAAI;gBAC7C,OAAO,SAAS,IAAI,IAAI,GAAG,IAAI,CAAC,OAAO,KAAK,IAAI,IAAI,IAAI,CAAC,OAAO,KAAK,SAAS,GAAG,IAAI,CAAA;AACvF,YAAA,CAAC,CAAC;QACJ;AAEA,QAAA,IAAI,SAAS,EAAE,WAAW,EAAE;AAC1B,YAAA,aAAa,GAAG,aAAa,EAAE,MAAM,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,WAAW,KAAK,SAAS,CAAC,WAAW,CAAC;QAC7F;AAEA,QAAA,IAAI,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAC,EAAE;AAClC,YAAA,aAAa,GAAG,aAAa,EAAE,MAAM,CAAC,CAAC,IAAI,KAAK,IAAI,EAAE,IAAI,EAAE,QAAQ,CAAC,YAAY,CAAC,CAAC;QACrF;QAEA,IAAI,CAAC,iBAAiB,EAAE,QAAQ,CAAC,YAAY,CAAC,EAAE;YAC9C,aAAa,GAAG,aAAa,EAAE,MAAM,CAAC,CAAC,IAAI,KAAK,iBAAiB,EAAE,QAAQ,CAAC,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,CAAC;QACzG;AAEA,QAAA,IAAI,YAAY,KAAK,UAAU,EAAE;YAC/B,aAAa,GAAG,aAAa,EAAE,MAAM,CAAC,CAAC,IAAI,KAAK,CAAC,aAAa,CAAC,IAAiB,EAAE,SAAS,CAAC,iBAAiB,CAAC,CAAC;QACjH;AAEA,QAAA,IAAI,YAAY,KAAK,UAAU,EAAE;AAC/B,YAAA,aAAa,GAAG,aAAa,EAAE,MAAM,CAAC,CAAC,IAAI,KAAK,aAAa,CAAC,IAAiB,EAAE,SAAS,CAAC,iBAAiB,CAAC,CAAC;QAChH;AAEA,QAAA,IAAI,YAAY,KAAK,WAAW,EAAE;YAChC,aAAa,GAAG,aAAa,EAAE,MAAM,CAAC,CAAC,IAAI,KAAK,SAAS,CAAC,QAAQ,CAAC,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,WAAW,EAAE,CAAC,CAAC;QAC7G;AACA,QAAA,OAAO,aAAa;AACtB,IAAA,CAAC,EAAE;QACD,YAAY;QACZ,QAAQ;QACR,WAAW;QACX,WAAW;AACX,QAAA,SAAS,EAAE,QAAQ;AACnB,QAAA,SAAS,CAAC,wBAAwB;QAClC,OAAO;QACP,iBAAiB;QACjB,SAAS;AACV,KAAA,CAAC;;AAGF,IAAA,MAAM,iBAAiB,GAAG,WAAW,CACnC,CAAC,GAAiB,KAAI;QACpB,IAAI,SAAS,GAAkB,MAAM;AACrC,QAAA,IAAI,UAAU,EAAE,GAAG,KAAK,GAAG,IAAI,UAAU,EAAE,SAAS,KAAK,MAAM,EAAE;YAC/D,SAAS,GAAG,KAAK;QACnB;AACA,QAAA,aAAa,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,CAAC;IACnC,CAAC,EACD,CAAC,UAAU,EAAE,GAAG,EAAE,UAAU,EAAE,SAAS,CAAC,CACzC;AAED,IAAA,MAAM,wBAAwB,GAAG,WAAW,CAAC,CAAC,SAAiB,KAAI;QACjE,eAAe,CAAC,SAAS,CAAC;IAC5B,CAAC,EAAE,EAAE,CAAC;IAEN,QACEA,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,iBAAiB,EAAA,QAAA,EAAA,CAC/BC,GAAA,CAACC,QAAQ,EAAA,EAAA,CAAG,EACZD,GAAA,CAAC,SAAS,EAAA,EACR,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,cAAc,EAC9B,oBAAoB,EAAE,oBAAoB,EAC1C,iBAAiB,EAAE,iBAAiB,IAAI,CAAC,YAAY,CAAC,EACtD,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,YAAY,EAC1B,eAAe,EAAE,wBAAwB,EACzC,MAAM,EAAE,iBAAiB,EAAA,CACzB,EACD,SAAS,CAAC,WAAW,IAAI,CAAC,SAAS,CAAC,WAAW,IAAIA,GAAA,CAAC,WAAW,EAAA,EAAA,CAAG,EAClE,aAAa,EAAE,MAAM,GAAG,CAAC,IACxBA,IAAC,eAAe,EAAA,EAAC,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,WAAW,KAAK,EAAE,EAAA,CAAI,IACvE,WAAW,IACbA,GAAA,CAAC,iBAAiB,EAAA,EAAC,IAAI,EAAE,YAAY,EAAA,CAAI,IACvC,YAAY,KAAK,WAAW,IAC9BD,IAAA,CAAC,IAAI,EAAA,EACH,EAAE,EAAE;AACF,oBAAA,KAAK,EAAE,MAAM;AACb,oBAAA,MAAM,EAAE,OAAO;AACf,oBAAA,UAAU,EAAE,QAAQ;AACpB,oBAAA,YAAY,EAAE,QAAQ;AACtB,oBAAA,cAAc,EAAE,QAAQ;AACxB,oBAAA,UAAU,EAAE,QAAQ;AACpB,oBAAA,aAAa,EAAE,QAAQ;AACvB,oBAAA,EAAE,EAAE,MAAM;AACX,iBAAA,EAAA,QAAA,EAAA,CAEDC,GAAA,CAAC,UAAU,EAAA,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAA,CAAI,EACrCA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,YAAG,CAAA,sCAAA,CAAwC,EAAA,CAAQ,EAC3EA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,EAAE,KAAK,EAAE,oBAAoB,EAAE,EAAE,EAAE,MAAM,EAAE,EAAA,QAAA,EACrF,CAAA,4DAAA,CAA8D,EAAA,CAC1D,IACF,KAEPA,GAAA,CAAC,iBAAiB,EAAA,EAAC,IAAI,EAAE,mCAAmC,EAAE,OAAO,EAAE,YAAY,EAAA,CAAI,CACxF,EACA,SAAS,CAAC,WAAW,IAAIA,GAAA,CAAC,mBAAmB,EAAA,EAAA,CAAG,EACjDA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,SAAS,EAAC,wBAAwB,EAAA,QAAA,EACnGA,GAAA,CAAA,KAAA,EAAA,EACE,GAAG,EAAC,8FAA8F,EAClG,GAAG,EAAC,oBAAoB,EACxB,SAAS,EAAC,4BAA4B,EACtC,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,EAC5D,OAAO,EAAE,MAAM,MAAM,CAAC,IAAI,CAAC,kBAAkB,EAAE,QAAQ,CAAC,EAAA,CACxD,EAAA,CACG,CAAA,EAAA,CACF;AAEX;;;;"}

package/dist/views/Bonds/components/BondRows/BondRow.js

@@ -4,7 +4,8 @@ import ProgressBarWrapper from '../../../../components/ProgressBar/ProgressBarWr
 import TokenInfoAndName from '../../../../components/TokenInfoAndName/index.js';
 import BondInfoTooltip from '../../../../components/Tooltip/Tooltip.js';
 import Flex from '../../../../components/uikit-sdk/Flex/index.js';
-import Svg from '../../../../components/uikit-sdk/Svg/index.js';
+import More from '../../../../components/uikit-sdk/Svg/Icons/More.js';
+import QuestionCircle from '../../../../components/uikit-sdk/Svg/Icons/QuestionCircle.js';
 import TooltipBubble from '../../../../components/uikit-sdk/TooltipBubble/index.js';
 import useModal from '../../../../hooks/useModal.js';
 import ModalHandler from './ModalHandler.js';
@@ -40,13 +41,13 @@ const BondRow = ({ bondAddress, bondChain, payoutToken, billType, tag, bondSoldO
         });
     };
     return (jsxs("div", { className: "bond-row" // Insert special campaign styles here
-        , onClick: handleOpenModal, sx: { borderRadius: 'normal' }, children: [jsx("div", { className: "gold-ribbon" }), jsx("div", { className: "token-info-container", sx: { width: ['70%', '70%', '65%', '30%'] }, children: jsx(TokenInfoAndName, { tokenSymbol: payoutToken?.symbol, chain: bondChain, tag: tag }) }), jsxs("div", { className: "bond-info-columns", sx: { width: '55%' }, children: [jsx(BonusContainer, { trueBondPrices: trueBondPrices, minTier: minTier, bonus: bonus, airdropTooltip: airdropTooltip }), jsxs("div", { className: "terms-column", children: [vestingTermString, vestingCliffString && (jsx(TooltipBubble, { className: "tooltip-bubble", body: jsx(Flex, { children: vestingCliffString }), width: "180px", placement: "bottomRight", transformTip: "translate(13%, 0%)", children: jsx(Flex, { sx: { opacity: 0.6, ml: '6px' }, children: jsx(Svg, { icon: "questionCircle", width: "12px" }) }) }))] }), jsx("div", { className: "tokens-remaining-column", children: jsx(ProgressBarWrapper, { title: '', value: jsx(ProgressBar, { value: percentageAvailable }), style: {
+        , onClick: handleOpenModal, sx: { borderRadius: 'normal' }, children: [jsx("div", { className: "gold-ribbon" }), jsx("div", { className: "token-info-container", sx: { width: ['70%', '70%', '65%', '30%'] }, children: jsx(TokenInfoAndName, { tokenSymbol: payoutToken?.symbol, chain: bondChain, tag: tag }) }), jsxs("div", { className: "bond-info-columns", sx: { width: '55%' }, children: [jsx(BonusContainer, { trueBondPrices: trueBondPrices, minTier: minTier, bonus: bonus, airdropTooltip: airdropTooltip }), jsxs("div", { className: "terms-column", children: [vestingTermString, vestingCliffString && (jsx(TooltipBubble, { className: "tooltip-bubble", body: jsx(Flex, { children: vestingCliffString }), width: "180px", placement: "bottomRight", transformTip: "translate(13%, 0%)", children: jsx(Flex, { sx: { opacity: 0.6, ml: '6px' }, children: jsx(QuestionCircle, { width: "12px" }) }) }))] }), jsx("div", { className: "tokens-remaining-column", children: jsx(ProgressBarWrapper, { title: '', value: jsx(ProgressBar, { value: percentageAvailable }), style: {
                                 width: '127px',
                                 height: '25px',
                                 flexDirection: 'column',
                                 justifyContent: 'center',
                                 display: ['none', 'none', 'none', 'flex'],
-                            }, showTooltip: true, toolTip: remainingTokensString }) }), jsx("div", { className: "tooltip-column", children: jsx(TooltipBubble, { className: "tooltip-bubble", body: jsx(BondInfoTooltip, { earnTokenContract: payoutToken?.address?.[bondChain] ?? '', earnTokenSymbol: payoutToken?.symbol ?? '', bondContract: bondAddress ?? '', projectLink: projectURL, twitter: twitterURL, audit: auditURL, chain: bondChain, isSoldOut: bondSoldOut }), width: "205px", placement: "bottomRight", transformTip: "translate(7%, -2%)", children: jsx(Flex, { className: "more-icon", sx: { opacity: 0.8 }, children: jsx(Svg, { icon: "more", width: "25px" }) }) }) })] })] }, `${bondAddress}-${bondChain}`));
+                            }, showTooltip: true, toolTip: remainingTokensString }) }), jsx("div", { className: "tooltip-column", children: jsx(TooltipBubble, { className: "tooltip-bubble", body: jsx(BondInfoTooltip, { earnTokenContract: payoutToken?.address?.[bondChain] ?? '', earnTokenSymbol: payoutToken?.symbol ?? '', bondContract: bondAddress ?? '', projectLink: projectURL, twitter: twitterURL, audit: auditURL, chain: bondChain, isSoldOut: bondSoldOut }), width: "205px", placement: "bottomRight", transformTip: "translate(7%, -2%)", children: jsx(Flex, { className: "more-icon", sx: { opacity: 0.8 }, children: jsx(More, { width: "25px" }) }) }) })] })] }, `${bondAddress}-${bondChain}`));
 };
 
 export { BondRow as default };

package/dist/views/Bonds/components/BondRows/BondRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"BondRow.js","sources":["../../../../../src/views/Bonds/components/BondRows/BondRow.tsx"],"sourcesContent":["import React from 'react'\nimport { TrueBondPrices } from '../../../../types/bonds'\nimport ProgressBar from '../../../../components/ProgressBar/ProgressBar'\nimport ProgressBarWrapper from '../../../../components/ProgressBar/ProgressBarWrapper'\nimport TokenInfoAndName from '../../../../components/TokenInfoAndName'\nimport Tooltip from '../../../../components/Tooltip/Tooltip'\nimport Flex from '../../../../components/uikit-sdk/Flex'\nimport Svg from '../../../../components/uikit-sdk/Svg'\nimport TooltipBubble from '../../../../components/uikit-sdk/TooltipBubble'\nimport { ChainId, LaunchBondTiers, Token } from '@ape.swap/apeswap-lists'\nimport useModal from '../../../../hooks/useModal'\nimport ModalHandler from './ModalHandler'\nimport track from '../../../../utils/track'\nimport BonusContainer from '../BonusComponents/BonusContainer'\nimport PreTGEModalHandler from '../../../PreTGEBonds/components/BuyComponent/PreTGEModalHandler'\n\ninterface BondRowProps {\n  bondAddress: string\n  bondChain: ChainId\n  payoutToken: Token\n  billType: string\n  tag?: string\n  bondSoldOut?: boolean\n  trueBondPrices?: TrueBondPrices[]\n  minTier?: LaunchBondTiers\n  bonus?: string\n  airdropTooltip?: string\n  vestingTermString: string\n  vestingCliffString?: string\n  percentageAvailable: number\n  remainingTokensString: string\n  projectURL?: string\n  twitterURL?: string\n  auditURL?: string\n}\n\nconst BondRow: React.FC<BondRowProps> = ({\n  bondAddress,\n  bondChain,\n  payoutToken,\n  billType,\n  tag,\n  bondSoldOut,\n  trueBondPrices,\n  minTier,\n  bonus,\n  airdropTooltip,\n  vestingTermString,\n  vestingCliffString,\n  percentageAvailable,\n  remainingTokensString,\n  projectURL,\n  twitterURL,\n  auditURL,\n}) => {\n  const locationPath = window.location.pathname.replace('/', '')\n  // Modal\n  const [openBuyModal] = useModal(\n    <ModalHandler bondAddress={bondAddress} bondChain={bondChain} />,\n    true,\n    true,\n    `buyBondModal-${bondAddress.toLowerCase()}-${bondChain}`,\n  )\n\n  const [openPreTGEBondModal] = useModal(\n    <PreTGEModalHandler bondAddress={bondAddress} bondChain={bondChain} />,\n    true,\n    true,\n    `preTGEBuyBondModal:${bondAddress.toLowerCase()}-${bondChain}}`,\n  )\n\n  const handleOpenModal = () => {\n    if (bondSoldOut) return\n    if (billType === 'fcfs') {\n      openPreTGEBondModal()\n    } else {\n      openBuyModal()\n    }\n    if (typeof window !== 'undefined') {\n      window.history.pushState({}, '', `${locationPath}?bondAddress=${bondAddress}&bondChain=${bondChain}`)\n    }\n    track({\n      event: 'buyModalOpen',\n      chain: bondChain,\n      data: {\n        cat: 'Row',\n        bond: payoutToken.symbol,\n        bondChain: bondChain,\n      },\n    })\n  }\n\n  return (\n    <div\n      className=\"bond-row\" // Insert special campaign styles here\n      onClick={handleOpenModal}\n      key={`${bondAddress}-${bondChain}`}\n      sx={{ borderRadius: 'normal' }}\n    >\n      <div className=\"gold-ribbon\"></div>\n      <div className=\"token-info-container\" sx={{ width: ['70%', '70%', '65%', '30%'] }}>\n        <TokenInfoAndName tokenSymbol={payoutToken?.symbol} chain={bondChain} tag={tag} />\n      </div>\n      <div className=\"bond-info-columns\" sx={{ width: '55%' }}>\n        <BonusContainer\n          trueBondPrices={trueBondPrices}\n          minTier={minTier}\n          bonus={bonus}\n          airdropTooltip={airdropTooltip}\n        />\n        <div className=\"terms-column\">\n          {vestingTermString}\n          {vestingCliffString && (\n            <TooltipBubble\n              className=\"tooltip-bubble\"\n              body={<Flex>{vestingCliffString}</Flex>}\n              width=\"180px\"\n              placement=\"bottomRight\"\n              transformTip=\"translate(13%, 0%)\"\n            >\n              <Flex sx={{ opacity: 0.6, ml: '6px' }}>\n                <Svg icon=\"questionCircle\" width=\"12px\" />\n              </Flex>\n            </TooltipBubble>\n          )}\n        </div>\n        <div className=\"tokens-remaining-column\">\n          <ProgressBarWrapper\n            title={''}\n            value={<ProgressBar value={percentageAvailable} />}\n            style={{\n              width: '127px',\n              height: '25px',\n              flexDirection: 'column',\n              justifyContent: 'center',\n              display: ['none', 'none', 'none', 'flex'],\n            }}\n            showTooltip={true}\n            toolTip={remainingTokensString}\n          />\n        </div>\n        <div className=\"tooltip-column\">\n          <TooltipBubble\n            className=\"tooltip-bubble\"\n            body={\n              <Tooltip\n                earnTokenContract={payoutToken?.address?.[bondChain] ?? ''}\n                earnTokenSymbol={payoutToken?.symbol ?? ''}\n                bondContract={bondAddress ?? ''}\n                projectLink={projectURL}\n                twitter={twitterURL}\n                audit={auditURL}\n                chain={bondChain}\n                isSoldOut={bondSoldOut}\n              />\n            }\n            width=\"205px\"\n            placement=\"bottomRight\"\n            transformTip=\"translate(7%, -2%)\"\n          >\n            <Flex className=\"more-icon\" sx={{ opacity: 0.8 }}>\n              <Svg icon=\"more\" width=\"25px\" />\n            </Flex>\n          </TooltipBubble>\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport default BondRow\n"],"names":["_jsx","_jsxs","Tooltip"],"mappings":"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"}
+{"version":3,"file":"BondRow.js","sources":["../../../../../src/views/Bonds/components/BondRows/BondRow.tsx"],"sourcesContent":["import React from 'react'\nimport { TrueBondPrices } from '../../../../types/bonds'\nimport ProgressBar from '../../../../components/ProgressBar/ProgressBar'\nimport ProgressBarWrapper from '../../../../components/ProgressBar/ProgressBarWrapper'\nimport TokenInfoAndName from '../../../../components/TokenInfoAndName'\nimport Tooltip from '../../../../components/Tooltip/Tooltip'\nimport Flex from '../../../../components/uikit-sdk/Flex'\nimport More from '../../../../components/uikit-sdk/Svg/Icons/More'\nimport QuestionCircle from '../../../../components/uikit-sdk/Svg/Icons/QuestionCircle'\nimport TooltipBubble from '../../../../components/uikit-sdk/TooltipBubble'\nimport { ChainId, LaunchBondTiers, Token } from '@ape.swap/apeswap-lists'\nimport useModal from '../../../../hooks/useModal'\nimport ModalHandler from './ModalHandler'\nimport track from '../../../../utils/track'\nimport BonusContainer from '../BonusComponents/BonusContainer'\nimport PreTGEModalHandler from '../../../PreTGEBonds/components/BuyComponent/PreTGEModalHandler'\n\ninterface BondRowProps {\n  bondAddress: string\n  bondChain: ChainId\n  payoutToken: Token\n  billType: string\n  tag?: string\n  bondSoldOut?: boolean\n  trueBondPrices?: TrueBondPrices[]\n  minTier?: LaunchBondTiers\n  bonus?: string\n  airdropTooltip?: string\n  vestingTermString: string\n  vestingCliffString?: string\n  percentageAvailable: number\n  remainingTokensString: string\n  projectURL?: string\n  twitterURL?: string\n  auditURL?: string\n}\n\nconst BondRow: React.FC<BondRowProps> = ({\n  bondAddress,\n  bondChain,\n  payoutToken,\n  billType,\n  tag,\n  bondSoldOut,\n  trueBondPrices,\n  minTier,\n  bonus,\n  airdropTooltip,\n  vestingTermString,\n  vestingCliffString,\n  percentageAvailable,\n  remainingTokensString,\n  projectURL,\n  twitterURL,\n  auditURL,\n}) => {\n  const locationPath = window.location.pathname.replace('/', '')\n  // Modal\n  const [openBuyModal] = useModal(\n    <ModalHandler bondAddress={bondAddress} bondChain={bondChain} />,\n    true,\n    true,\n    `buyBondModal-${bondAddress.toLowerCase()}-${bondChain}`,\n  )\n\n  const [openPreTGEBondModal] = useModal(\n    <PreTGEModalHandler bondAddress={bondAddress} bondChain={bondChain} />,\n    true,\n    true,\n    `preTGEBuyBondModal:${bondAddress.toLowerCase()}-${bondChain}}`,\n  )\n\n  const handleOpenModal = () => {\n    if (bondSoldOut) return\n    if (billType === 'fcfs') {\n      openPreTGEBondModal()\n    } else {\n      openBuyModal()\n    }\n    if (typeof window !== 'undefined') {\n      window.history.pushState({}, '', `${locationPath}?bondAddress=${bondAddress}&bondChain=${bondChain}`)\n    }\n    track({\n      event: 'buyModalOpen',\n      chain: bondChain,\n      data: {\n        cat: 'Row',\n        bond: payoutToken.symbol,\n        bondChain: bondChain,\n      },\n    })\n  }\n\n  return (\n    <div\n      className=\"bond-row\" // Insert special campaign styles here\n      onClick={handleOpenModal}\n      key={`${bondAddress}-${bondChain}`}\n      sx={{ borderRadius: 'normal' }}\n    >\n      <div className=\"gold-ribbon\"></div>\n      <div className=\"token-info-container\" sx={{ width: ['70%', '70%', '65%', '30%'] }}>\n        <TokenInfoAndName tokenSymbol={payoutToken?.symbol} chain={bondChain} tag={tag} />\n      </div>\n      <div className=\"bond-info-columns\" sx={{ width: '55%' }}>\n        <BonusContainer\n          trueBondPrices={trueBondPrices}\n          minTier={minTier}\n          bonus={bonus}\n          airdropTooltip={airdropTooltip}\n        />\n        <div className=\"terms-column\">\n          {vestingTermString}\n          {vestingCliffString && (\n            <TooltipBubble\n              className=\"tooltip-bubble\"\n              body={<Flex>{vestingCliffString}</Flex>}\n              width=\"180px\"\n              placement=\"bottomRight\"\n              transformTip=\"translate(13%, 0%)\"\n            >\n              <Flex sx={{ opacity: 0.6, ml: '6px' }}>\n                <QuestionCircle width=\"12px\" />\n              </Flex>\n            </TooltipBubble>\n          )}\n        </div>\n        <div className=\"tokens-remaining-column\">\n          <ProgressBarWrapper\n            title={''}\n            value={<ProgressBar value={percentageAvailable} />}\n            style={{\n              width: '127px',\n              height: '25px',\n              flexDirection: 'column',\n              justifyContent: 'center',\n              display: ['none', 'none', 'none', 'flex'],\n            }}\n            showTooltip={true}\n            toolTip={remainingTokensString}\n          />\n        </div>\n        <div className=\"tooltip-column\">\n          <TooltipBubble\n            className=\"tooltip-bubble\"\n            body={\n              <Tooltip\n                earnTokenContract={payoutToken?.address?.[bondChain] ?? ''}\n                earnTokenSymbol={payoutToken?.symbol ?? ''}\n                bondContract={bondAddress ?? ''}\n                projectLink={projectURL}\n                twitter={twitterURL}\n                audit={auditURL}\n                chain={bondChain}\n                isSoldOut={bondSoldOut}\n              />\n            }\n            width=\"205px\"\n            placement=\"bottomRight\"\n            transformTip=\"translate(7%, -2%)\"\n          >\n            <Flex className=\"more-icon\" sx={{ opacity: 0.8 }}>\n              <More width=\"25px\" />\n            </Flex>\n          </TooltipBubble>\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport default BondRow\n"],"names":["_jsx","_jsxs","Tooltip"],"mappings":"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"}