@ape.swap/bonds-sdk 5.1.0 → 5.1.1-test.0

package/dist/components/Toast/index.js

@@ -0,0 +1,65 @@
+import { useState, useEffect } from 'react';
+import Svg from '../uikit-sdk/Svg/index.js';
+import Flex from '../uikit-sdk/Flex/index.js';
+import Text from '../uikit-sdk/Text/index.js';
+import '../../node_modules/tslib/tslib.es6.js';
+import '../uikit-sdk/Checkbox/types.js';
+import '../uikit-sdk/Skeleton/types.js';
+import '../uikit-sdk/Skeleton/styles.js';
+import '../uikit-sdk/TooltipBubble/index.js';
+import '../uikit-sdk/Button/types.js';
+import IconButton from '../uikit-sdk/Button/IconButton.js';
+import '../../contexts/ModalContext.js';
+import '../../views/FullBondsView/FullBondsView.js';
+import '../uikit-sdk/Select/types.js';
+import '../../utils/campaignStyles.js';
+import styles from './styles.js';
+import { usePopups } from '../../state/popups/usePopups.js';
+import { jsx, jsxs } from '../../node_modules/@theme-ui/core/jsx-runtime/dist/theme-ui-core-jsx-runtime.esm.js';
+import { motion } from '../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js';
+import { AnimatePresence } from '../../node_modules/framer-motion/dist/es/components/AnimatePresence/index.js';
+import { Link } from '../../node_modules/@theme-ui/components/dist/theme-ui-components.esm.js';
+
+const Toast = ({ popIndex, popup }) => {
+    var _a, _b, _c, _d, _e, _f;
+    const { variant, title, description, url } = popup;
+    const { removePopup } = usePopups();
+    const [show, setShow] = useState(true);
+    useEffect(() => {
+        setTimeout(() => {
+            setShow(false);
+            setTimeout(() => {
+                removePopup(popup);
+            }, 500);
+        }, 10000);
+        /* eslint-disable react-hooks/exhaustive-deps */
+    }, []);
+    const showSupportLink = variant === 'error' && !url && !((_a = popup === null || popup === void 0 ? void 0 : popup.description) === null || _a === void 0 ? void 0 : _a.includes('User rejected the request'));
+    const isSlippageError = ((_b = popup === null || popup === void 0 ? void 0 : popup.description) === null || _b === void 0 ? void 0 : _b.includes('INSUFFICIENT')) ||
+        ((_c = popup === null || popup === void 0 ? void 0 : popup.description) === null || _c === void 0 ? void 0 : _c.includes('Slippage')) ||
+        ((_d = popup === null || popup === void 0 ? void 0 : popup.description) === null || _d === void 0 ? void 0 : _d.includes('Return amount is not enough'));
+    const isTimeoutError = (_e = popup === null || popup === void 0 ? void 0 : popup.description) === null || _e === void 0 ? void 0 : _e.includes('Blockhash not found');
+    const isInsufficientFundsError = (_f = popup === null || popup === void 0 ? void 0 : popup.description) === null || _f === void 0 ? void 0 : _f.includes('insufficient funds');
+    const parsedErrorString = isSlippageError
+        ? 'Slippage error. Try increasing Slippage in the cog icon ⚙️.'
+        : isTimeoutError
+            ? 'Tx timeout. Please try again.'
+            : isInsufficientFundsError
+                ? 'Insufficient funds.'
+                : popup === null || popup === void 0 ? void 0 : popup.description;
+    return (jsx(AnimatePresence, { children: show && (jsxs(motion.div, { initial: { right: '-300px' }, animate: { right: '10px' }, transition: { duration: 0.5 }, exit: { right: '-300px' }, sx: Object.assign(Object.assign({}, styles.alert), { top: 108 * popIndex, zIndex: 103 }), children: [jsx(Flex, { children: jsx(Svg, { icon: variant, color: variant, width: "30px" }) }), jsxs(Flex, { sx: styles.content, children: [jsx(Text, { sx: { color: variant, fontSize: '14px', fontWeight: 500 }, children: title }), description && (jsx(Text, { sx: {
+                                fontSize: '12px',
+                                fontWeight: 400,
+                                lineHeight: '16px',
+                                maxHeight: '48px',
+                                minHeight: '16px',
+                                overflow: 'hidden',
+                                textOverflow: 'ellipsis',
+                                display: '-webkit-box',
+                                WebkitBoxOrient: 'vertical',
+                                WebkitLineClamp: 3, // Limit text to 3 lines
+                            }, children: parsedErrorString })), url && (jsxs(Link, { href: url, sx: styles.link, color: "text", target: "_blank", children: [jsx(Text, { mr: "5px", children: "View on Explorer" }), jsx(Svg, { icon: "external" })] })), showSupportLink && (jsxs(Link, { href: 'https://discord.com/channels/821817977917538375/1110438345701593088', sx: styles.link, color: "text", target: "_blank", children: [jsx(Text, { mr: "5px", children: "Having issues? Get support" }), jsx(Svg, { icon: "external" })] }))] }), jsx(Flex, { sx: { alignItems: 'flex-start', pt: '3px' }, onClick: () => removePopup(popup), children: jsx(IconButton, { icon: "close", color: "text", variant: "transparent" }) })] })) }));
+};
+
+export { Toast as default };
+//# sourceMappingURL=index.js.map

package/dist/components/Toast/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/Toast/index.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react'\nimport { AnimatePresence, motion } from 'framer-motion'\nimport { Flex, IconButton, Svg, Text } from '../uikit-sdk'\nimport { Link } from 'theme-ui'\nimport styles from './styles'\nimport { PopupProps, usePopups } from '../../state/popups/usePopups'\n\nconst Toast = ({ popIndex, popup }: { popIndex: number; popup: PopupProps }) => {\n  const { variant, title, description, url } = popup\n  const { removePopup } = usePopups()\n  const [show, setShow] = useState(true)\n\n  useEffect(() => {\n    setTimeout(() => {\n      setShow(false)\n      setTimeout(() => {\n        removePopup(popup)\n      }, 500)\n    }, 10000)\n    /* eslint-disable react-hooks/exhaustive-deps */\n  }, [])\n\n  const showSupportLink = variant === 'error' && !url && !popup?.description?.includes('User rejected the request')\n  const isSlippageError =\n    popup?.description?.includes('INSUFFICIENT') ||\n    popup?.description?.includes('Slippage') ||\n    popup?.description?.includes('Return amount is not enough')\n\n  const isTimeoutError = popup?.description?.includes('Blockhash not found')\n\n  const isInsufficientFundsError = popup?.description?.includes('insufficient funds')\n\n  const parsedErrorString = isSlippageError\n    ? 'Slippage error. Try increasing Slippage in the cog icon ⚙️.'\n    : isTimeoutError\n      ? 'Tx timeout. Please try again.'\n      : isInsufficientFundsError\n        ? 'Insufficient funds.'\n        : popup?.description\n\n  return (\n    <AnimatePresence>\n      {show && (\n        <motion.div\n          initial={{ right: '-300px' }}\n          animate={{ right: '10px' }}\n          transition={{ duration: 0.5 }}\n          exit={{ right: '-300px' }}\n          sx={{ ...styles.alert, top: 108 * popIndex, zIndex: 103 }}\n        >\n          <Flex>\n            <Svg icon={variant} color={variant} width=\"30px\" />\n          </Flex>\n          <Flex sx={styles.content}>\n            <Text sx={{ color: variant, fontSize: '14px', fontWeight: 500 }}>{title}</Text>\n            {description && (\n              <Text\n                sx={{\n                  fontSize: '12px',\n                  fontWeight: 400,\n                  lineHeight: '16px',\n                  maxHeight: '48px',\n                  minHeight: '16px',\n                  overflow: 'hidden',\n                  textOverflow: 'ellipsis',\n                  display: '-webkit-box',\n                  WebkitBoxOrient: 'vertical',\n                  WebkitLineClamp: 3, // Limit text to 3 lines\n                }}\n              >\n                {parsedErrorString}\n              </Text>\n            )}\n            {url && (\n              <Link href={url} sx={styles.link} color=\"text\" target=\"_blank\">\n                <Text mr=\"5px\">View on Explorer</Text>\n                <Svg icon=\"external\" />\n              </Link>\n            )}\n            {showSupportLink && (\n              <Link\n                href={'https://discord.com/channels/821817977917538375/1110438345701593088'}\n                sx={styles.link}\n                color=\"text\"\n                target=\"_blank\"\n              >\n                <Text mr=\"5px\">Having issues? Get support</Text>\n                <Svg icon=\"external\" />\n              </Link>\n            )}\n          </Flex>\n          <Flex sx={{ alignItems: 'flex-start', pt: '3px' }} onClick={() => removePopup(popup)}>\n            <IconButton icon=\"close\" color=\"text\" variant=\"transparent\" />\n          </Flex>\n        </motion.div>\n      )}\n    </AnimatePresence>\n  )\n}\n\nexport default Toast\n"],"names":["_jsx","_jsxs"],"mappings":"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"}

package/dist/components/Toast/styles.js

@@ -0,0 +1,30 @@
+const styles = {
+    alert: {
+        position: 'fixed',
+        display: 'flex',
+        width: '300px',
+        background: 'white2',
+        borderRadius: '10px',
+        pl: 9,
+        py: 6,
+        pr: 6,
+        minHeight: '90px',
+        columnGap: '11px',
+        right: 10,
+    },
+    content: {
+        flexDirection: 'column',
+        flex: 1,
+        color: 'text',
+        ml: '10px',
+    },
+    link: {
+        fontSize: 0,
+        textDecoration: 'underline',
+        color: 'primaryBright',
+        fontWeight: 'bold',
+    },
+};
+
+export { styles as default };
+//# sourceMappingURL=styles.js.map

package/dist/components/Toast/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../src/components/Toast/styles.ts"],"sourcesContent":["import { ThemeUIStyleObject } from 'theme-ui'\n\nconst styles: Record<'alert' | 'content' | 'link', ThemeUIStyleObject> = {\n  alert: {\n    position: 'fixed',\n    display: 'flex',\n    width: '300px',\n    background: 'white2',\n    borderRadius: '10px',\n    pl: 9,\n    py: 6,\n    pr: 6,\n    minHeight: '90px',\n    columnGap: '11px',\n    right: 10,\n  },\n  content: {\n    flexDirection: 'column',\n    flex: 1,\n    color: 'text',\n    ml: '10px',\n  },\n  link: {\n    fontSize: 0,\n    textDecoration: 'underline',\n    color: 'primaryBright',\n    fontWeight: 'bold',\n  },\n}\n\nexport default styles\n"],"names":[],"mappings":"AAEA,MAAM,MAAM,GAA6D;AACvE,IAAA,KAAK,EAAE;AACL,QAAA,QAAQ,EAAE,OAAO;AACjB,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,KAAK,EAAE,OAAO;AACd,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,YAAY,EAAE,MAAM;AACpB,QAAA,EAAE,EAAE,CAAC;AACL,QAAA,EAAE,EAAE,CAAC;AACL,QAAA,EAAE,EAAE,CAAC;AACL,QAAA,SAAS,EAAE,MAAM;AACjB,QAAA,SAAS,EAAE,MAAM;AACjB,QAAA,KAAK,EAAE,EAAE;AACV,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,aAAa,EAAE,QAAQ;AACvB,QAAA,IAAI,EAAE,CAAC;AACP,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,EAAE,EAAE,MAAM;AACX,KAAA;AACD,IAAA,IAAI,EAAE;AACJ,QAAA,QAAQ,EAAE,CAAC;AACX,QAAA,cAAc,EAAE,WAAW;AAC3B,QAAA,KAAK,EAAE,eAAe;AACtB,QAAA,UAAU,EAAE,MAAM;AACnB,KAAA;;;;;"}

package/dist/components/TokenInfoAndName/index.js

@@ -0,0 +1,72 @@
+import Svg from '../uikit-sdk/Svg/index.js';
+import Flex from '../uikit-sdk/Flex/index.js';
+import Text from '../uikit-sdk/Text/index.js';
+import '../../node_modules/tslib/tslib.es6.js';
+import '../uikit-sdk/Checkbox/types.js';
+import '../uikit-sdk/Skeleton/types.js';
+import '../uikit-sdk/Skeleton/styles.js';
+import '../uikit-sdk/TooltipBubble/index.js';
+import 'react';
+import '../uikit-sdk/Button/types.js';
+import '../uikit-sdk/Svg/types.js';
+import '../uikit-sdk/Button/styles.js';
+import '../../contexts/ModalContext.js';
+import '../../views/FullBondsView/FullBondsView.js';
+import '../uikit-sdk/Select/types.js';
+import ListTag from '../uikit-sdk/Tag/ListTag.js';
+import { NETWORK_ICONS } from '../../config/constants/chains.js';
+import TokenImage from '../uikit-sdk/TokenImage/index.js';
+import AddFavToken from '../FavIcons/AddFavToken.js';
+import '../../node_modules/@ape.swap/apeswap-lists/lib/main.js';
+import { MCTagNameMapping, MCTokenIconStyles } from '../../utils/campaignStyles.js';
+import { __exports as main } from '../../_virtual/main.js';
+import { jsxs, jsx } from '../../node_modules/@theme-ui/core/jsx-runtime/dist/theme-ui-core-jsx-runtime.esm.js';
+
+const NETWORK_COLORS = {
+    [main.ChainId.BSC]: '#F3BA2F4d',
+    [main.ChainId.MAINNET]: '#627eea4d',
+    [main.ChainId.MATIC]: '#8247e54d',
+    [main.ChainId.LIGHTLINK]: '#6087ff4d',
+    [main.ChainId.BASE]: '#0052ff4d',
+    [main.ChainId.ARBITRUM]: '#289fef4d',
+    [main.ChainId.LINEA]: '#ffffff4d',
+    [main.ChainId.IOTA]: '#ffffff4d',
+    [main.ChainId.GRAPHLINQ]: '#ded2ff4d',
+    [main.ChainId.AVAX]: '#e743444d',
+    [main.ChainId.BLAST]: '#fcfc034d',
+    [main.ChainId.CROSSFI]: '#7c80844d',
+    [main.ChainId.MONAD_TESTNET]: '#836EF94d',
+    [main.ChainId.MONAD]: '#836EF94d',
+    [main.ChainId.SOL]: '#836EF94d',
+    [main.ChainId.SONIC]: '#fb9a4c4d',
+    [main.ChainId.BERACHAIN]: '#783e244d',
+    [main.ChainId.KATANA]: '#068be34d',
+    [main.ChainId.UNICHAIN]: '#f50db44d',
+    [main.ChainId.MEGAETH_TESTNET]: '#DFD9D94d',
+    [main.ChainId.HYPEREVM]: '#ffffff4d',
+};
+const TokenInfoAndName = ({ tokenSymbol, chain, tag, vestEnds, isHotBond, marketingCampaign, }) => {
+    return (jsxs(Flex, { className: "tokeninfoname container", children: [jsx(Flex, { sx: {
+                    width: '125px',
+                    height: '100%',
+                    position: 'absolute',
+                    left: 0,
+                    top: 0,
+                    borderRadius: 'normal',
+                    background: isHotBond
+                        ? 'transparent'
+                        : `linear-gradient(90deg, ${chain ? NETWORK_COLORS[chain] : '#FFFFFF33'} 0%, rgba(0,0,0,0) 75%)`,
+                } }), jsx(Flex, { className: "tokeninfoname chain", children: jsx(Svg, { width: 20, height: 20, icon: chain ? NETWORK_ICONS[chain] : 'question' }) }), jsxs(Flex, { className: "tokeninfoname tokencontainer", sx: {
+                    marginTop: vestEnds ? ['10px', '10px', '10px', '0px'] : 0,
+                    maxWidth: ['175px', '175px', '140px', '190px', '190px'],
+                }, children: [jsxs(Flex, { sx: { position: 'relative', minWidth: '33px' }, children: [jsx(Flex, { sx: MCTokenIconStyles[marketingCampaign] }), jsx(TokenImage, { symbol: tokenSymbol === 'AIX' && chain === main.ChainId.SOL ? 'SOLAIX' : tokenSymbol, size: 33 })] }), jsxs(Flex, { className: "tokeninfoname tokentext", children: [jsx(Flex, { sx: { justifyContent: 'space-between', width: '100%', alignItems: 'center' }, children: jsx(Text, { sx: { fontSize: ['12px', '12px', '14px', '16px'] }, children: tokenSymbol }) }), vestEnds && (jsx(Flex, { sx: { fontSize: '12px', fontWeight: 400, opacity: 0.6, lineHeight: '14px' }, children: vestEnds }))] }), jsx(Flex, { className: "tokeninfofav", sx: {
+                            minWidth: '25px',
+                            p: '5px',
+                        }, children: jsx(AddFavToken, { tokenSymbol: tokenSymbol, hotBond: !vestEnds && isHotBond }) })] }), jsx(Flex, { sx: {
+                    justifyContent: isHotBond ? 'center' : 'flex-start',
+                    alignItems: 'center',
+                }, children: jsx(Flex, { sx: { display: isHotBond ? 'flex' : ['none', 'none', 'none', 'none', 'flex'] }, children: (tag || marketingCampaign) && (jsx(ListTag, { text: MCTagNameMapping[marketingCampaign] || tag, marketingCampaign: marketingCampaign })) }) })] }));
+};
+
+export { NETWORK_COLORS, TokenInfoAndName as default };
+//# sourceMappingURL=index.js.map

package/dist/components/TokenInfoAndName/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/TokenInfoAndName/index.tsx"],"sourcesContent":["import React from 'react'\nimport { Flex, ListTag, Svg, Text } from '../../components/uikit-sdk'\nimport { NETWORK_ICONS } from '../../config/constants/chains'\nimport TokenImage from '../uikit-sdk/TokenImage'\nimport AddFavToken from '../FavIcons/AddFavToken'\nimport { ChainId, MarketingCampaign } from '@ape.swap/apeswap-lists'\nimport { MCTagNameMapping, MCTokenIconStyles } from '../../utils/campaignStyles'\n\nexport const NETWORK_COLORS: Partial<Record<number, string>> = {\n  [ChainId.BSC]: '#F3BA2F4d',\n  [ChainId.MAINNET]: '#627eea4d',\n  [ChainId.MATIC]: '#8247e54d',\n  [ChainId.LIGHTLINK]: '#6087ff4d',\n  [ChainId.BASE]: '#0052ff4d',\n  [ChainId.ARBITRUM]: '#289fef4d',\n  [ChainId.LINEA]: '#ffffff4d',\n  [ChainId.IOTA]: '#ffffff4d',\n  [ChainId.GRAPHLINQ]: '#ded2ff4d',\n  [ChainId.AVAX]: '#e743444d',\n  [ChainId.BLAST]: '#fcfc034d',\n  [ChainId.CROSSFI]: '#7c80844d',\n  [ChainId.MONAD_TESTNET]: '#836EF94d',\n  [ChainId.MONAD]: '#836EF94d',\n  [ChainId.SOL]: '#836EF94d',\n  [ChainId.SONIC]: '#fb9a4c4d',\n  [ChainId.BERACHAIN]: '#783e244d',\n  [ChainId.KATANA]: '#068be34d',\n  [ChainId.UNICHAIN]: '#f50db44d',\n  [ChainId.MEGAETH_TESTNET]: '#DFD9D94d',\n  [ChainId.HYPEREVM]: '#ffffff4d',\n}\n\nconst TokenInfoAndName = ({\n  tokenSymbol,\n  chain,\n  tag,\n  vestEnds,\n  isHotBond,\n  marketingCampaign,\n}: {\n  tokenSymbol?: string\n  chain?: number\n  tag?: string\n  vestEnds?: string\n  isHotBond?: boolean\n  marketingCampaign?: MarketingCampaign\n}) => {\n  return (\n    <Flex className=\"tokeninfoname container\">\n      <Flex\n        sx={{\n          width: '125px',\n          height: '100%',\n          position: 'absolute',\n          left: 0,\n          top: 0,\n          borderRadius: 'normal',\n          background: isHotBond\n            ? 'transparent'\n            : `linear-gradient(90deg, ${chain ? NETWORK_COLORS[chain] : '#FFFFFF33'} 0%, rgba(0,0,0,0) 75%)`,\n        }}\n      />\n      <Flex className=\"tokeninfoname chain\">\n        <Svg width={20} height={20} icon={chain ? NETWORK_ICONS[chain] : 'question'} />\n      </Flex>\n      <Flex\n        className=\"tokeninfoname tokencontainer\"\n        sx={{\n          marginTop: vestEnds ? ['10px', '10px', '10px', '0px'] : 0,\n          maxWidth: ['175px', '175px', '140px', '190px', '190px'],\n        }}\n      >\n        <Flex sx={{ position: 'relative', minWidth: '33px' }}>\n          <Flex sx={MCTokenIconStyles[marketingCampaign!]} />\n          <TokenImage symbol={tokenSymbol === 'AIX' && chain === ChainId.SOL ? 'SOLAIX' : tokenSymbol} size={33} />\n        </Flex>\n        <Flex className=\"tokeninfoname tokentext\">\n          <Flex sx={{ justifyContent: 'space-between', width: '100%', alignItems: 'center' }}>\n            <Text sx={{ fontSize: ['12px', '12px', '14px', '16px'] }}>{tokenSymbol}</Text>\n          </Flex>\n          {vestEnds && (\n            <Flex sx={{ fontSize: '12px', fontWeight: 400, opacity: 0.6, lineHeight: '14px' }}>{vestEnds}</Flex>\n          )}\n        </Flex>\n        <Flex\n          className=\"tokeninfofav\"\n          sx={{\n            minWidth: '25px',\n            p: '5px',\n          }}\n        >\n          <AddFavToken tokenSymbol={tokenSymbol} hotBond={!vestEnds && isHotBond} />\n        </Flex>\n      </Flex>\n      <Flex\n        sx={{\n          justifyContent: isHotBond ? 'center' : 'flex-start',\n          alignItems: 'center',\n        }}\n      >\n        <Flex sx={{ display: isHotBond ? 'flex' : ['none', 'none', 'none', 'none', 'flex'] }}>\n          {(tag || marketingCampaign) && (\n            <ListTag text={MCTagNameMapping[marketingCampaign!] || tag} marketingCampaign={marketingCampaign} />\n          )}\n        </Flex>\n      </Flex>\n    </Flex>\n  )\n}\n\nexport default TokenInfoAndName\n"],"names":["ChainId","_jsxs","_jsx"],"mappings":"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"}

package/dist/components/TokenSelectorModal/TokenRow.js

@@ -0,0 +1,39 @@
+import '../../node_modules/tslib/tslib.es6.js';
+import '../uikit-sdk/Svg/types.js';
+import Flex from '../uikit-sdk/Flex/index.js';
+import '../uikit-sdk/Text/types.js';
+import '../uikit-sdk/Checkbox/types.js';
+import '../uikit-sdk/Skeleton/types.js';
+import '../uikit-sdk/Skeleton/styles.js';
+import '../uikit-sdk/TooltipBubble/index.js';
+import { Fragment } from 'react';
+import '../uikit-sdk/Button/types.js';
+import '../uikit-sdk/Button/styles.js';
+import '../../contexts/ModalContext.js';
+import '../../views/FullBondsView/FullBondsView.js';
+import '../uikit-sdk/Select/types.js';
+import '../../utils/campaignStyles.js';
+import TokenImage from '../uikit-sdk/TokenImage/index.js';
+import '../../node_modules/@ape.swap/apeswap-lists/lib/main.js';
+import { BigNumber } from '../../node_modules/bignumber.js/bignumber.js';
+import { getSymbol } from '../../utils/getNativeTicker.js';
+import isArray from '../../node_modules/lodash/isArray.js';
+import useEVMAccount from '../../hooks/accounts/useEVMAccount.js';
+import useSOLAccount from '../../hooks/accounts/useSOLAccount.js';
+import { __exports as main } from '../../_virtual/main.js';
+import { jsxs, jsx } from '../../node_modules/@theme-ui/core/jsx-runtime/dist/theme-ui-core-jsx-runtime.esm.js';
+import { Spinner } from '../../node_modules/@theme-ui/components/dist/theme-ui-components.esm.js';
+
+const TokenRow = ({ token, chainId, handleTokenSelect, tokenBalance, }) => {
+    var _a, _b;
+    const symbol = getSymbol(token, chainId);
+    const tokenAddress = token === 'NATIVE' ? 'NATIVE' : token.address[chainId];
+    const { address } = useEVMAccount();
+    const { publicKey: accountSolana } = useSOLAccount();
+    const accountToUse = chainId === main.ChainId.SOL ? accountSolana === null || accountSolana === void 0 ? void 0 : accountSolana.toString() : address;
+    const splited = typeof token !== 'string' ? (_a = token === null || token === void 0 ? void 0 : token.symbol) === null || _a === void 0 ? void 0 : _a.split('-') : undefined;
+    return (jsxs(Flex, { sx: { p: '8px', justifyContent: 'space-between', cursor: 'pointer', '&:hover': { background: 'white4' } }, onClick: () => handleTokenSelect(tokenAddress !== null && tokenAddress !== void 0 ? tokenAddress : ''), children: [jsxs(Flex, { children: [isArray(splited) ? (jsx(TokenImage, { symbol: splited[0], symbol2: splited[1], size: 28, chain: chainId })) : (jsx(TokenImage, { symbol: getSymbol(token, chainId), size: 28, chain: chainId })), jsx(Flex, { sx: { mx: '8px', lineHeight: '28px', fontSize: '14px' }, children: symbol })] }), accountToUse && (jsx(Flex, { sx: { fontSize: '14px' }, children: tokenBalance === '0' ? ('0') : !tokenBalance ? (jsx(Spinner, { size: 15 })) : (jsx(Fragment, { children: (_b = new BigNumber(tokenBalance !== null && tokenBalance !== void 0 ? tokenBalance : '0')) === null || _b === void 0 ? void 0 : _b.toPrecision(5) })) }))] }));
+};
+
+export { TokenRow as default };
+//# sourceMappingURL=TokenRow.js.map

package/dist/components/TokenSelectorModal/TokenRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TokenRow.js","sources":["../../../src/components/TokenSelectorModal/TokenRow.tsx"],"sourcesContent":["import React from 'react'\nimport { Flex } from '../uikit-sdk'\nimport TokenImage from '../uikit-sdk/TokenImage'\nimport { ChainId, Token } from '@ape.swap/apeswap-lists'\nimport BigNumber from 'bignumber.js'\nimport { Spinner } from 'theme-ui'\nimport { getSymbol } from '../../utils/getNativeTicker'\nimport isArray from 'lodash/isArray'\nimport useEVMAccount from '../../hooks/accounts/useEVMAccount'\nimport useSOLAccount from '../../hooks/accounts/useSOLAccount'\n\nconst TokenRow = ({\n  token,\n  chainId,\n  handleTokenSelect,\n  tokenBalance,\n}: {\n  token: 'NATIVE' | Token\n  chainId: ChainId\n  handleTokenSelect: (currency: string) => void\n  tokenBalance?: string\n}) => {\n  const symbol = getSymbol(token, chainId)\n  const tokenAddress = token === 'NATIVE' ? 'NATIVE' : token.address[chainId]\n  const { address } = useEVMAccount()\n  const { publicKey: accountSolana } = useSOLAccount()\n  const accountToUse = chainId === ChainId.SOL ? accountSolana?.toString() : address\n\n  const splited = typeof token !== 'string' ? token?.symbol?.split('-') : undefined\n\n  return (\n    <Flex\n      sx={{ p: '8px', justifyContent: 'space-between', cursor: 'pointer', '&:hover': { background: 'white4' } }}\n      onClick={() => handleTokenSelect(tokenAddress ?? '')}\n    >\n      <Flex>\n        {isArray(splited) ? (\n          <TokenImage symbol={splited[0]} symbol2={splited[1]} size={28} chain={chainId} />\n        ) : (\n          <TokenImage symbol={getSymbol(token, chainId)} size={28} chain={chainId} />\n        )}\n        <Flex sx={{ mx: '8px', lineHeight: '28px', fontSize: '14px' }}>{symbol}</Flex>\n      </Flex>\n      {accountToUse && (\n        <Flex sx={{ fontSize: '14px' }}>\n          {tokenBalance === '0' ? (\n            '0'\n          ) : !tokenBalance ? (\n            <Spinner size={15} />\n          ) : (\n            <>{new BigNumber(tokenBalance ?? '0')?.toPrecision(5)}</>\n          )}\n        </Flex>\n      )}\n    </Flex>\n  )\n}\n\nexport default TokenRow\n"],"names":["ChainId","_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,MAAM,QAAQ,GAAG,CAAC,EAChB,KAAK,EACL,OAAO,EACP,iBAAiB,EACjB,YAAY,GAMb,KAAI;;IACH,MAAM,MAAM,GAAG,SAAS,CAAC,KAAK,EAAE,OAAO,CAAC;AACxC,IAAA,MAAM,YAAY,GAAG,KAAK,KAAK,QAAQ,GAAG,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC;AAC3E,IAAA,MAAM,EAAE,OAAO,EAAE,GAAG,aAAa,EAAE;IACnC,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE,GAAG,aAAa,EAAE;IACpD,MAAM,YAAY,GAAG,OAAO,KAAKA,YAAO,CAAC,GAAG,GAAG,aAAa,aAAb,aAAa,KAAA,MAAA,GAAA,MAAA,GAAb,aAAa,CAAE,QAAQ,EAAE,GAAG,OAAO;IAElF,MAAM,OAAO,GAAG,OAAO,KAAK,KAAK,QAAQ,GAAG,CAAA,EAAA,GAAA,KAAK,KAAA,IAAA,IAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,KAAK,CAAC,GAAG,CAAC,GAAG,SAAS;IAEjF,QACEC,KAAC,IAAI,EAAA,EACH,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,EACzG,OAAO,EAAE,MAAM,iBAAiB,CAAC,YAAY,KAAA,IAAA,IAAZ,YAAY,cAAZ,YAAY,GAAI,EAAE,CAAC,EAAA,QAAA,EAAA,CAEpDA,IAAA,CAAC,IAAI,EAAA,EAAA,QAAA,EAAA,CACF,OAAO,CAAC,OAAO,CAAC,IACfC,GAAA,CAAC,UAAU,IAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,OAAO,GAAI,KAEjFA,GAAA,CAAC,UAAU,EAAA,EAAC,MAAM,EAAE,SAAS,CAAC,KAAK,EAAE,OAAO,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,OAAO,EAAA,CAAI,CAC5E,EACDA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAA,QAAA,EAAG,MAAM,GAAQ,CAAA,EAAA,CACzE,EACN,YAAY,KACXA,IAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAA,QAAA,EAC3B,YAAY,KAAK,GAAG,IACnB,GAAG,IACD,CAAC,YAAY,IACfA,GAAA,CAAC,OAAO,IAAC,IAAI,EAAE,EAAE,EAAA,CAAI,KAErBA,0BAAG,CAAA,EAAA,GAAA,IAAI,SAAS,CAAC,YAAY,aAAZ,YAAY,KAAA,MAAA,GAAZ,YAAY,GAAI,GAAG,CAAC,0CAAE,WAAW,CAAC,CAAC,CAAC,EAAA,CAAI,CAC1D,EAAA,CACI,CACR,CAAA,EAAA,CACI;AAEX;;;;"}

package/dist/components/TokenSelectorModal/index.js

@@ -0,0 +1,66 @@
+import { useState, useCallback } from 'react';
+import { isAddress } from '../../utils/index.js';
+import '../../node_modules/@ape.swap/apeswap-lists/lib/main.js';
+import '../../node_modules/tslib/tslib.es6.js';
+import '../uikit-sdk/Svg/types.js';
+import Flex from '../uikit-sdk/Flex/index.js';
+import '../uikit-sdk/Text/types.js';
+import '../uikit-sdk/Checkbox/types.js';
+import '../uikit-sdk/Skeleton/types.js';
+import '../uikit-sdk/Skeleton/styles.js';
+import '../uikit-sdk/TooltipBubble/index.js';
+import Modal from '../uikit-sdk/Modal/index.js';
+import '../../views/FullBondsView/FullBondsView.js';
+import Input from '../uikit-sdk/Input/Input.js';
+import '../uikit-sdk/Button/types.js';
+import '../uikit-sdk/Button/styles.js';
+import '../uikit-sdk/Select/types.js';
+import '../../utils/campaignStyles.js';
+import TokenRow from './TokenRow.js';
+import useSortedZapList from '../../hooks/useSortedZapList.js';
+import { __exports as main } from '../../_virtual/main.js';
+import { jsx, jsxs } from '../../node_modules/@theme-ui/core/jsx-runtime/dist/theme-ui-core-jsx-runtime.esm.js';
+
+const TokenSelectorModal = ({ bondPrincipalToken, handleCurrencySelect, chainId, onDismiss, }) => {
+    var _a;
+    const [searchQuery, setSearchQuery] = useState('');
+    const { sortedZapList } = useSortedZapList(chainId, bondPrincipalToken);
+    const parsedList = (_a = sortedZapList === null || sortedZapList === void 0 ? void 0 : sortedZapList.filter((token) => {
+        var _a;
+        // Search filter
+        return !searchQuery
+            ? true
+            : token.token === 'NATIVE'
+                ? (_a = main.WNATIVE[chainId]) === null || _a === void 0 ? void 0 : _a.symbol.toLowerCase().includes(searchQuery.toLowerCase())
+                : token.token.symbol.toLowerCase().includes(searchQuery.toLowerCase());
+    })) !== null && _a !== void 0 ? _a : [];
+    const handleTokenSelect = useCallback((currency) => {
+        handleCurrencySelect(currency);
+        setSearchQuery('');
+        if (onDismiss)
+            onDismiss();
+    }, [onDismiss, handleCurrencySelect, setSearchQuery]);
+    const handleInput = useCallback((event) => {
+        const input = event.target.value;
+        const checksummedInput = isAddress(input);
+        setSearchQuery(checksummedInput || input);
+    }, [setSearchQuery]);
+    return (jsx(Modal, { onDismiss: onDismiss, title: "Tokens", className: "token-selector-modal", children: jsx(Flex, { sx: {
+                flexDirection: 'column',
+                maxHeight: 'none',
+                height: 'auto',
+                width: 'auto',
+                overflowY: 'auto',
+            }, children: jsxs(Flex, { sx: { flexDirection: 'column' }, children: [jsx(Flex, { sx: { position: 'relative', margin: '10px 0px 15px 0px' }, children: jsx(Input, { id: "token-search-input", placeholder: "Name or Address", autoComplete: "off", value: searchQuery, onChange: handleInput, autoFocus: true }) }), jsx(Flex, { sx: {
+                            borderRadius: 'normal',
+                            background: 'white3',
+                            flexDirection: 'column',
+                            height: '300px',
+                            overflowY: 'auto',
+                        }, children: parsedList.map((token) => {
+                            return (jsx(TokenRow, { token: token.token, chainId: chainId, handleTokenSelect: handleTokenSelect, tokenBalance: token.balance }, token.token === 'NATIVE' ? 'NATIVE' : token.token.address[chainId]));
+                        }) })] }) }) }));
+};
+
+export { TokenSelectorModal as default };
+//# sourceMappingURL=index.js.map

package/dist/components/TokenSelectorModal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/TokenSelectorModal/index.tsx"],"sourcesContent":["import React, { useCallback, useState } from 'react'\nimport { isAddress } from '../../utils'\nimport { ChainId } from '@ape.swap/apeswap-lists'\nimport { Token } from '@ape.swap/apeswap-lists'\nimport { WNATIVE } from '../../config/constants/tokens'\nimport { Flex, Modal } from '../uikit-sdk'\nimport TokenRow from './TokenRow'\nimport { Input } from '../uikit-sdk/Input'\nimport useSortedZapList from '../../hooks/useSortedZapList'\n\ninterface TokenSelectorModalProps {\n  bondPrincipalToken?: Token // should be ADDED to the inputList\n  handleCurrencySelect: (currency: string) => void\n  chainId: ChainId\n  onDismiss?: () => void\n}\n\nconst TokenSelectorModal: React.FC<TokenSelectorModalProps> = ({\n  bondPrincipalToken,\n  handleCurrencySelect,\n  chainId,\n  onDismiss,\n}) => {\n  const [searchQuery, setSearchQuery] = useState<string>('')\n  const { sortedZapList } = useSortedZapList(chainId, bondPrincipalToken)\n\n  const parsedList =\n    sortedZapList?.filter((token) => {\n      // Search filter\n      return !searchQuery\n        ? true\n        : token.token === 'NATIVE'\n          ? WNATIVE[chainId as ChainId]?.symbol.toLowerCase().includes(searchQuery.toLowerCase())\n          : token.token.symbol.toLowerCase().includes(searchQuery.toLowerCase())\n    }) ?? []\n\n  const handleTokenSelect = useCallback(\n    (currency: string) => {\n      handleCurrencySelect(currency)\n      setSearchQuery('')\n      if (onDismiss) onDismiss()\n    },\n    [onDismiss, handleCurrencySelect, setSearchQuery],\n  )\n\n  const handleInput = useCallback(\n    (event: any) => {\n      const input = event.target.value\n      const checksummedInput = isAddress(input)\n      setSearchQuery(checksummedInput || input)\n    },\n    [setSearchQuery],\n  )\n\n  return (\n    <Modal onDismiss={onDismiss} title=\"Tokens\" className=\"token-selector-modal\">\n      <Flex\n        sx={{\n          flexDirection: 'column',\n          maxHeight: 'none',\n          height: 'auto',\n          width: 'auto',\n          overflowY: 'auto',\n        }}\n      >\n        <Flex sx={{ flexDirection: 'column' }}>\n          <Flex sx={{ position: 'relative', margin: '10px 0px 15px 0px' }}>\n            <Input\n              id=\"token-search-input\"\n              placeholder=\"Name or Address\"\n              autoComplete=\"off\"\n              value={searchQuery}\n              onChange={handleInput}\n              autoFocus\n            />\n          </Flex>\n          <Flex\n            sx={{\n              borderRadius: 'normal',\n              background: 'white3',\n              flexDirection: 'column',\n              height: '300px',\n              overflowY: 'auto',\n            }}\n          >\n            {parsedList.map((token) => {\n              return (\n                <TokenRow\n                  key={token.token === 'NATIVE' ? 'NATIVE' : token.token.address[chainId]}\n                  token={token.token}\n                  chainId={chainId}\n                  handleTokenSelect={handleTokenSelect}\n                  tokenBalance={token.balance}\n                />\n              )\n            })}\n          </Flex>\n        </Flex>\n      </Flex>\n    </Modal>\n  )\n}\n\nexport default TokenSelectorModal\n"],"names":["WNATIVE","_jsx","_jsxs"],"mappings":"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"}

package/dist/components/TokenSelectorPanel/index.js

@@ -0,0 +1,67 @@
+import { isNumber } from '../../utils/numbers.js';
+import Svg from '../uikit-sdk/Svg/index.js';
+import '../../node_modules/tslib/tslib.es6.js';
+import '../uikit-sdk/Text/types.js';
+import '../uikit-sdk/Checkbox/types.js';
+import '../uikit-sdk/Skeleton/types.js';
+import '../uikit-sdk/Skeleton/styles.js';
+import '../uikit-sdk/TooltipBubble/index.js';
+import { Fragment } from 'react';
+import Button from '../uikit-sdk/Button/Button.js';
+import '../uikit-sdk/Svg/types.js';
+import '../uikit-sdk/Button/types.js';
+import '../uikit-sdk/Button/styles.js';
+import '../../contexts/ModalContext.js';
+import '../../views/FullBondsView/FullBondsView.js';
+import '../uikit-sdk/Select/types.js';
+import { MCColorMapping } from '../../utils/campaignStyles.js';
+import TokenImage from '../uikit-sdk/TokenImage/index.js';
+import '../../node_modules/@ape.swap/apeswap-lists/lib/main.js';
+import useModal from '../../hooks/useModal.js';
+import TokenSelectorModal from '../TokenSelectorModal/index.js';
+import { BigNumber } from '../../node_modules/bignumber.js/bignumber.js';
+import isArray from '../../node_modules/lodash/isArray.js';
+import { getSymbol } from '../../utils/getNativeTicker.js';
+import { formatUSDNumber } from '../../utils/displayHelpers.js';
+import useEVMAccount from '../../hooks/accounts/useEVMAccount.js';
+import useSOLAccount from '../../hooks/accounts/useSOLAccount.js';
+import { __exports as main } from '../../_virtual/main.js';
+import { jsx, jsxs } from '../../node_modules/@theme-ui/core/jsx-runtime/dist/theme-ui-core-jsx-runtime.esm.js';
+import { Flex, Input } from '../../node_modules/@theme-ui/components/dist/theme-ui-components.esm.js';
+
+const TokenSelectorPanel = ({ typedValue, setTypedValue, selectedToken, bondChainId, handleValueBtn, handleCurrencySelect, enableZap, tokenBalance, selectedTokenPrice, bondPrincipalToken, inputDisabled = false, marketingCampaign, }) => {
+    var _a, _b;
+    const { address: account } = useEVMAccount();
+    const { publicKey: solanaAccount } = useSOLAccount();
+    const showBalance = bondChainId === main.ChainId.SOL ? !!solanaAccount : !!account;
+    const tokenBalanceString = tokenBalance ? new BigNumber(tokenBalance).toPrecision(5) : 'loading';
+    const splited = typeof selectedToken !== 'string' ? (_a = selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.symbol) === null || _a === void 0 ? void 0 : _a.split('-') : undefined;
+    const handleInputChange = (event) => {
+        setTypedValue(event.target.value);
+    };
+    const [onTokenSelectorModal] = useModal(jsx(TokenSelectorModal, { bondPrincipalToken: bondPrincipalToken, handleCurrencySelect: handleCurrencySelect, chainId: bondChainId }), true, false, `tokenSelectorOnLiquidityModal${(_b = bondPrincipalToken === null || bondPrincipalToken === void 0 ? void 0 : bondPrincipalToken.address) === null || _b === void 0 ? void 0 : _b[bondChainId]}-${bondPrincipalToken === null || bondPrincipalToken === void 0 ? void 0 : bondPrincipalToken.symbol}`);
+    return (jsxs(Flex, { className: "token-selector-panel", sx: { borderRadius: 'normal', background: MCColorMapping.white3[marketingCampaign] }, children: [jsxs(Flex, { className: "input-container inputrow", children: [jsx(Flex, { className: "input-container input", children: jsx(Input, { placeholder: "0.0", value: typedValue, pattern: "^[0-9]*[.,]?[0-9]*$", onChange: handleInputChange, onInput: (v) => {
+                                if (v.currentTarget.value.includes(',')) {
+                                    v.currentTarget.value = v.currentTarget.value.replace(/,/g, '.');
+                                }
+                                if (v.currentTarget.value.includes('%')) {
+                                    v.currentTarget.value = v.currentTarget.value.replace(/[^0-9]/g, '');
+                                }
+                                if (v.currentTarget.value === '.') {
+                                    v.currentTarget.value = '0.';
+                                }
+                                v.currentTarget.value =
+                                    !!v.currentTarget.value && isNumber(v.currentTarget.value) && parseFloat(v.currentTarget.value) >= 0
+                                        ? v.currentTarget.value
+                                        : v.currentTarget.value.slice(0, v.currentTarget.value.length - 1);
+                            }, disabled: inputDisabled }) }), jsxs(Flex, { className: "input-container token", onClick: () => (enableZap ? onTokenSelectorModal() : null), sx: {
+                            cursor: enableZap ? 'pointer' : 'default',
+                            borderRadius: 'normal',
+                            background: MCColorMapping.white4[marketingCampaign],
+                        }, children: [jsxs(Flex, { sx: { alignItems: 'center', gap: '10px' }, children: [jsx(Flex, { className: "input-container bondicon", children: isArray(splited) ? (jsx(TokenImage, { symbol: splited[0], symbol2: splited[1], size: 28, chain: bondChainId })) : (jsx(TokenImage, { symbol: getSymbol(selectedToken, bondChainId), size: 28, chain: bondChainId })) }), jsx(Flex, { className: "title-container tokenname", children: getSymbol(selectedToken, bondChainId) })] }), enableZap && (jsx(Flex, { sx: { mr: '8px' }, children: jsx(Svg, { icon: "caret" }) }))] })] }), jsxs(Flex, { className: "input-container balancerow", children: [jsx(Flex, { sx: { opacity: 0.6 }, children: selectedTokenPrice && typedValue
+                            ? `$${formatUSDNumber((selectedTokenPrice * parseFloat(typedValue)).toFixed(2))}`
+                            : '' }), jsxs(Flex, { children: [showBalance && jsxs(Flex, { className: "balancerow text", children: ["Balance: ", tokenBalanceString] }), jsx(Flex, { className: "balancerow max", children: showBalance && tokenBalance && tokenBalance !== '0' && handleValueBtn && (jsx(Fragment, { children: jsx(Button, { className: "max-button", onClick: () => { var _a; return handleValueBtn((_a = new BigNumber(tokenBalance !== null && tokenBalance !== void 0 ? tokenBalance : '0')) === null || _a === void 0 ? void 0 : _a.toString()); }, children: "Max" }) })) })] })] })] }));
+};
+
+export { TokenSelectorPanel as default };
+//# sourceMappingURL=index.js.map

package/dist/components/TokenSelectorPanel/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/TokenSelectorPanel/index.tsx"],"sourcesContent":["import React, { FormEvent } from 'react'\nimport { Flex, Input } from 'theme-ui'\nimport { isNumber } from '../../utils/numbers'\nimport { Button, Svg } from '../uikit-sdk'\nimport TokenImage from '../uikit-sdk/TokenImage'\nimport { ChainId, MarketingCampaign, Token } from '@ape.swap/apeswap-lists'\nimport useModal from '../../hooks/useModal'\nimport TokenSelectorModal from '../TokenSelectorModal'\nimport BigNumber from 'bignumber.js'\nimport isArray from 'lodash/isArray'\nimport { getSymbol } from '../../utils/getNativeTicker'\nimport { formatUSDNumber } from '../../utils/displayHelpers'\nimport useEVMAccount from '../../hooks/accounts/useEVMAccount'\nimport useSOLAccount from '../../hooks/accounts/useSOLAccount'\nimport { MCColorMapping } from '../../utils/campaignStyles'\n\nconst TokenSelectorPanel = ({\n  typedValue,\n  setTypedValue,\n  selectedToken,\n  bondChainId,\n  handleValueBtn,\n  handleCurrencySelect,\n  enableZap,\n  tokenBalance,\n  selectedTokenPrice,\n  bondPrincipalToken,\n  inputDisabled = false,\n  marketingCampaign,\n}: {\n  typedValue: string\n  setTypedValue: (value: React.SetStateAction<string>) => void\n  selectedToken?: 'NATIVE' | Token\n  bondChainId: ChainId\n  handleValueBtn?: (value: string) => void\n  handleCurrencySelect: (value: string) => void\n  enableZap?: boolean\n  tokenBalance?: string\n  selectedTokenPrice?: number\n  bondPrincipalToken?: Token // Used to ADD this token to the inputList\n  inputDisabled?: boolean\n  marketingCampaign?: MarketingCampaign\n}) => {\n  const { address: account } = useEVMAccount()\n  const { publicKey: solanaAccount } = useSOLAccount()\n\n  const showBalance = bondChainId === ChainId.SOL ? !!solanaAccount : !!account\n  const tokenBalanceString = tokenBalance ? new BigNumber(tokenBalance).toPrecision(5) : 'loading'\n\n  const splited = typeof selectedToken !== 'string' ? selectedToken?.symbol?.split('-') : undefined\n  const handleInputChange = (event: { target: { value: React.SetStateAction<string> } }) => {\n    setTypedValue(event.target.value)\n  }\n\n  const [onTokenSelectorModal] = useModal(\n    <TokenSelectorModal\n      bondPrincipalToken={bondPrincipalToken}\n      handleCurrencySelect={handleCurrencySelect}\n      chainId={bondChainId}\n    />,\n    true,\n    false,\n    `tokenSelectorOnLiquidityModal${bondPrincipalToken?.address?.[bondChainId]}-${bondPrincipalToken?.symbol}`,\n  )\n\n  return (\n    <Flex\n      className=\"token-selector-panel\"\n      sx={{ borderRadius: 'normal', background: MCColorMapping.white3[marketingCampaign!] }}\n    >\n      <Flex className=\"input-container inputrow\">\n        <Flex className=\"input-container input\">\n          <Input\n            placeholder=\"0.0\"\n            value={typedValue}\n            pattern=\"^[0-9]*[.,]?[0-9]*$\"\n            onChange={handleInputChange}\n            onInput={(v: FormEvent<HTMLInputElement>) => {\n              if (v.currentTarget.value.includes(',')) {\n                v.currentTarget.value = v.currentTarget.value.replace(/,/g, '.')\n              }\n              if (v.currentTarget.value.includes('%')) {\n                v.currentTarget.value = v.currentTarget.value.replace(/[^0-9]/g, '')\n              }\n              if (v.currentTarget.value === '.') {\n                v.currentTarget.value = '0.'\n              }\n              v.currentTarget.value =\n                !!v.currentTarget.value && isNumber(v.currentTarget.value) && parseFloat(v.currentTarget.value) >= 0\n                  ? v.currentTarget.value\n                  : v.currentTarget.value.slice(0, v.currentTarget.value.length - 1)\n            }}\n            disabled={inputDisabled}\n          />\n        </Flex>\n\n        {/* TOKEN SELECTOR PANEL */}\n\n        <Flex\n          className=\"input-container token\"\n          onClick={() => (enableZap ? onTokenSelectorModal() : null)}\n          sx={{\n            cursor: enableZap ? 'pointer' : 'default',\n            borderRadius: 'normal',\n            background: MCColorMapping.white4[marketingCampaign!],\n          }}\n        >\n          <Flex sx={{ alignItems: 'center', gap: '10px' }}>\n            <Flex className=\"input-container bondicon\">\n              {isArray(splited) ? (\n                <TokenImage symbol={splited[0]} symbol2={splited[1]} size={28} chain={bondChainId} />\n              ) : (\n                <TokenImage symbol={getSymbol(selectedToken, bondChainId)} size={28} chain={bondChainId} />\n              )}\n            </Flex>\n            <Flex className=\"title-container tokenname\">{getSymbol(selectedToken, bondChainId)}</Flex>\n          </Flex>\n          {enableZap && (\n            <Flex sx={{ mr: '8px' }}>\n              <Svg icon=\"caret\" />\n            </Flex>\n          )}\n        </Flex>\n      </Flex>\n      <Flex className=\"input-container balancerow\">\n        <Flex sx={{ opacity: 0.6 }}>\n          {selectedTokenPrice && typedValue\n            ? `$${formatUSDNumber((selectedTokenPrice * parseFloat(typedValue)).toFixed(2))}`\n            : ''}\n        </Flex>\n        <Flex>\n          {showBalance && <Flex className=\"balancerow text\">Balance: {tokenBalanceString}</Flex>}\n          <Flex className=\"balancerow max\">\n            {showBalance && tokenBalance && tokenBalance !== '0' && handleValueBtn && (\n              <>\n                <Button\n                  className=\"max-button\"\n                  onClick={() => handleValueBtn(new BigNumber(tokenBalance ?? '0')?.toString())}\n                >\n                  Max\n                </Button>\n              </>\n            )}\n          </Flex>\n        </Flex>\n      </Flex>\n    </Flex>\n  )\n}\n\nexport default TokenSelectorPanel\n"],"names":["ChainId","_jsx","_jsxs","_Fragment"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,MAAM,kBAAkB,GAAG,CAAC,EAC1B,UAAU,EACV,aAAa,EACb,aAAa,EACb,WAAW,EACX,cAAc,EACd,oBAAoB,EACpB,SAAS,EACT,YAAY,EACZ,kBAAkB,EAClB,kBAAkB,EAClB,aAAa,GAAG,KAAK,EACrB,iBAAiB,GAclB,KAAI;;IACH,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,aAAa,EAAE;IAC5C,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE,GAAG,aAAa,EAAE;AAEpD,IAAA,MAAM,WAAW,GAAG,WAAW,KAAKA,YAAO,CAAC,GAAG,GAAG,CAAC,CAAC,aAAa,GAAG,CAAC,CAAC,OAAO;IAC7E,MAAM,kBAAkB,GAAG,YAAY,GAAG,IAAI,SAAS,CAAC,YAAY,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,SAAS;IAEhG,MAAM,OAAO,GAAG,OAAO,aAAa,KAAK,QAAQ,GAAG,CAAA,EAAA,GAAA,aAAa,KAAA,IAAA,IAAb,aAAa,uBAAb,aAAa,CAAE,MAAM,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,KAAK,CAAC,GAAG,CAAC,GAAG,SAAS;AACjG,IAAA,MAAM,iBAAiB,GAAG,CAAC,KAA0D,KAAI;AACvF,QAAA,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;AACnC,IAAA,CAAC;IAED,MAAM,CAAC,oBAAoB,CAAC,GAAG,QAAQ,CACrCC,GAAA,CAAC,kBAAkB,EAAA,EACjB,kBAAkB,EAAE,kBAAkB,EACtC,oBAAoB,EAAE,oBAAoB,EAC1C,OAAO,EAAE,WAAW,EAAA,CACpB,EACF,IAAI,EACJ,KAAK,EACL,CAAA,6BAAA,EAAgC,MAAA,kBAAkB,KAAA,IAAA,IAAlB,kBAAkB,KAAA,MAAA,GAAA,MAAA,GAAlB,kBAAkB,CAAE,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAG,WAAW,CAAC,CAAA,CAAA,EAAI,kBAAkB,aAAlB,kBAAkB,KAAA,MAAA,GAAA,MAAA,GAAlB,kBAAkB,CAAE,MAAM,CAAA,CAAE,CAC3G;AAED,IAAA,QACEC,IAAA,CAAC,IAAI,EAAA,EACH,SAAS,EAAC,sBAAsB,EAChC,EAAE,EAAE,EAAE,YAAY,EAAE,QAAQ,EAAE,UAAU,EAAE,cAAc,CAAC,MAAM,CAAC,iBAAkB,CAAC,EAAE,EAAA,QAAA,EAAA,CAErFA,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,0BAA0B,EAAA,QAAA,EAAA,CACxCD,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,uBAAuB,EAAA,QAAA,EACrCA,GAAA,CAAC,KAAK,EAAA,EACJ,WAAW,EAAC,KAAK,EACjB,KAAK,EAAE,UAAU,EACjB,OAAO,EAAC,qBAAqB,EAC7B,QAAQ,EAAE,iBAAiB,EAC3B,OAAO,EAAE,CAAC,CAA8B,KAAI;gCAC1C,IAAI,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;AACvC,oCAAA,CAAC,CAAC,aAAa,CAAC,KAAK,GAAG,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC;gCAClE;gCACA,IAAI,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;AACvC,oCAAA,CAAC,CAAC,aAAa,CAAC,KAAK,GAAG,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC;gCACtE;gCACA,IAAI,CAAC,CAAC,aAAa,CAAC,KAAK,KAAK,GAAG,EAAE;AACjC,oCAAA,CAAC,CAAC,aAAa,CAAC,KAAK,GAAG,IAAI;gCAC9B;gCACA,CAAC,CAAC,aAAa,CAAC,KAAK;oCACnB,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,IAAI,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,IAAI,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,IAAI;AACjG,0CAAE,CAAC,CAAC,aAAa,CAAC;0CAChB,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;AACxE,4BAAA,CAAC,EACD,QAAQ,EAAE,aAAa,GACvB,EAAA,CACG,EAIPC,IAAA,CAAC,IAAI,EAAA,EACH,SAAS,EAAC,uBAAuB,EACjC,OAAO,EAAE,OAAO,SAAS,GAAG,oBAAoB,EAAE,GAAG,IAAI,CAAC,EAC1D,EAAE,EAAE;4BACF,MAAM,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS;AACzC,4BAAA,YAAY,EAAE,QAAQ;AACtB,4BAAA,UAAU,EAAE,cAAc,CAAC,MAAM,CAAC,iBAAkB,CAAC;AACtD,yBAAA,EAAA,QAAA,EAAA,CAEDA,IAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,EAAA,QAAA,EAAA,CAC7CD,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,0BAA0B,EAAA,QAAA,EACvC,OAAO,CAAC,OAAO,CAAC,IACfA,GAAA,CAAC,UAAU,IAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,WAAW,EAAA,CAAI,KAErFA,GAAA,CAAC,UAAU,EAAA,EAAC,MAAM,EAAE,SAAS,CAAC,aAAa,EAAE,WAAW,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,WAAW,EAAA,CAAI,CAC5F,EAAA,CACI,EACPA,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,2BAA2B,EAAA,QAAA,EAAE,SAAS,CAAC,aAAa,EAAE,WAAW,CAAC,GAAQ,CAAA,EAAA,CACrF,EACN,SAAS,KACRA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,EAAA,QAAA,EACrBA,GAAA,CAAC,GAAG,IAAC,IAAI,EAAC,OAAO,EAAA,CAAG,GACf,CACR,CAAA,EAAA,CACI,CAAA,EAAA,CACF,EACPC,KAAC,IAAI,EAAA,EAAC,SAAS,EAAC,4BAA4B,EAAA,QAAA,EAAA,CAC1CD,GAAA,CAAC,IAAI,IAAC,EAAE,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,EAAA,QAAA,EACvB,kBAAkB,IAAI;AACrB,8BAAE,CAAA,CAAA,EAAI,eAAe,CAAC,CAAC,kBAAkB,GAAG,UAAU,CAAC,UAAU,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAA;AAC/E,8BAAE,EAAE,EAAA,CACD,EACPC,IAAA,CAAC,IAAI,EAAA,EAAA,QAAA,EAAA,CACF,WAAW,IAAIA,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,iBAAiB,0BAAW,kBAAkB,CAAA,EAAA,CAAQ,EACtFD,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,gBAAgB,YAC7B,WAAW,IAAI,YAAY,IAAI,YAAY,KAAK,GAAG,IAAI,cAAc,KACpEA,GAAA,CAAAE,QAAA,EAAA,EAAA,QAAA,EACEF,GAAA,CAAC,MAAM,EAAA,EACL,SAAS,EAAC,YAAY,EACtB,OAAO,EAAE,MAAK,EAAA,IAAA,EAAA,CAAA,CAAC,OAAA,cAAc,CAAC,CAAA,EAAA,GAAA,IAAI,SAAS,CAAC,YAAY,KAAA,IAAA,IAAZ,YAAY,KAAA,MAAA,GAAZ,YAAY,GAAI,GAAG,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,QAAQ,EAAE,CAAC,CAAA,CAAA,CAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAGtE,GACR,CACJ,EAAA,CACI,IACF,CAAA,EAAA,CACF,CAAA,EAAA,CACF;AAEX;;;;"}

package/dist/components/Tooltip/ButtonsRow.js

@@ -0,0 +1,28 @@
+import { styles } from './styles.js';
+import Svg from '../uikit-sdk/Svg/index.js';
+import Flex from '../uikit-sdk/Flex/index.js';
+import '../../node_modules/tslib/tslib.es6.js';
+import '../uikit-sdk/Text/types.js';
+import '../uikit-sdk/Checkbox/types.js';
+import '../uikit-sdk/Skeleton/types.js';
+import '../uikit-sdk/Skeleton/styles.js';
+import '../uikit-sdk/TooltipBubble/index.js';
+import 'react';
+import '../uikit-sdk/Button/types.js';
+import '../uikit-sdk/Svg/types.js';
+import '../uikit-sdk/Button/styles.js';
+import '../../contexts/ModalContext.js';
+import '../../views/FullBondsView/FullBondsView.js';
+import '../uikit-sdk/Select/types.js';
+import '../../utils/campaignStyles.js';
+import { jsxs, jsx } from '../../node_modules/@theme-ui/core/jsx-runtime/dist/theme-ui-core-jsx-runtime.esm.js';
+import { Link } from '../../node_modules/@theme-ui/components/dist/theme-ui-components.esm.js';
+
+const ButtonsRow = ({ projectLink, twitter, earnTokenContract, cgId, dexscreener }) => {
+    const dexscreenerURL = dexscreener || (earnTokenContract ? `https://dexscreener.com/search?q=${earnTokenContract}` : undefined);
+    const coingeckoURL = cgId ? `https://www.coingecko.com/en/coins/${cgId}` : undefined;
+    return (jsxs(Flex, { sx: { justifyContent: 'center' }, children: [jsx(Flex, { sx: styles.iconButton, as: Link, href: projectLink, target: "_blank", children: jsx(Svg, { icon: "URL", width: 18 }) }), jsx(Flex, { sx: styles.iconButton, as: Link, href: twitter, target: "_blank", children: jsx(Svg, { icon: "twitter", width: 18, color: "text" }) }), dexscreenerURL && (jsx(Flex, { sx: styles.iconButton, as: Link, href: dexscreenerURL, target: "_blank", children: jsx(Svg, { icon: "dexscreener", width: 18, color: "text" }) })), coingeckoURL && (jsx(Flex, { sx: styles.iconButton, as: Link, href: coingeckoURL, target: "_blank", children: jsx(Svg, { icon: "coingecko", width: 18, color: "text" }) }))] }));
+};
+
+export { ButtonsRow as default };
+//# sourceMappingURL=ButtonsRow.js.map

package/dist/components/Tooltip/ButtonsRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonsRow.js","sources":["../../../src/components/Tooltip/ButtonsRow.tsx"],"sourcesContent":["import React from 'react'\nimport { styles } from './styles'\nimport { Flex, Svg } from '../uikit-sdk'\nimport { Link } from 'theme-ui'\n\nconst ButtonsRow: React.FC<{\n  projectLink?: string\n  twitter?: string\n  earnTokenContract?: string\n  cgId?: string\n  dexscreener?: string\n}> = ({ projectLink, twitter, earnTokenContract, cgId, dexscreener }) => {\n  const dexscreenerURL =\n    dexscreener || (earnTokenContract ? `https://dexscreener.com/search?q=${earnTokenContract}` : undefined)\n  const coingeckoURL = cgId ? `https://www.coingecko.com/en/coins/${cgId}` : undefined\n\n  return (\n    <Flex sx={{ justifyContent: 'center' }}>\n      <Flex sx={styles.iconButton} as={Link} href={projectLink} target=\"_blank\">\n        <Svg icon=\"URL\" width={18} />\n      </Flex>\n      <Flex sx={styles.iconButton} as={Link} href={twitter} target=\"_blank\">\n        <Svg icon=\"twitter\" width={18} color=\"text\" />\n      </Flex>\n      {dexscreenerURL && (\n        <Flex sx={styles.iconButton} as={Link} href={dexscreenerURL} target=\"_blank\">\n          <Svg icon=\"dexscreener\" width={18} color=\"text\" />\n        </Flex>\n      )}\n      {coingeckoURL && (\n        <Flex sx={styles.iconButton} as={Link} href={coingeckoURL} target=\"_blank\">\n          <Svg icon=\"coingecko\" width={18} color=\"text\" />\n        </Flex>\n      )}\n    </Flex>\n  )\n}\n\nexport default ButtonsRow\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;AAKA,MAAM,UAAU,GAMX,CAAC,EAAE,WAAW,EAAE,OAAO,EAAE,iBAAiB,EAAE,IAAI,EAAE,WAAW,EAAE,KAAI;AACtE,IAAA,MAAM,cAAc,GAClB,WAAW,KAAK,iBAAiB,GAAG,CAAA,iCAAA,EAAoC,iBAAiB,CAAA,CAAE,GAAG,SAAS,CAAC;AAC1G,IAAA,MAAM,YAAY,GAAG,IAAI,GAAG,CAAA,mCAAA,EAAsC,IAAI,CAAA,CAAE,GAAG,SAAS;AAEpF,IAAA,QACEA,IAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,cAAc,EAAE,QAAQ,EAAE,EAAA,QAAA,EAAA,CACpCC,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,MAAM,CAAC,UAAU,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAC,QAAQ,YACvEA,GAAA,CAAC,GAAG,IAAC,IAAI,EAAC,KAAK,EAAC,KAAK,EAAE,EAAE,GAAI,EAAA,CACxB,EACPA,GAAA,CAAC,IAAI,IAAC,EAAE,EAAE,MAAM,CAAC,UAAU,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAC,QAAQ,EAAA,QAAA,EACnEA,IAAC,GAAG,EAAA,EAAC,IAAI,EAAC,SAAS,EAAC,KAAK,EAAE,EAAE,EAAE,KAAK,EAAC,MAAM,GAAG,EAAA,CACzC,EACN,cAAc,KACbA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,MAAM,CAAC,UAAU,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,cAAc,EAAE,MAAM,EAAC,QAAQ,YAC1EA,GAAA,CAAC,GAAG,IAAC,IAAI,EAAC,aAAa,EAAC,KAAK,EAAE,EAAE,EAAE,KAAK,EAAC,MAAM,EAAA,CAAG,EAAA,CAC7C,CACR,EACA,YAAY,KACXA,IAAC,IAAI,EAAA,EAAC,EAAE,EAAE,MAAM,CAAC,UAAU,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,EAAC,QAAQ,EAAA,QAAA,EACxEA,GAAA,CAAC,GAAG,EAAA,EAAC,IAAI,EAAC,WAAW,EAAC,KAAK,EAAE,EAAE,EAAE,KAAK,EAAC,MAAM,EAAA,CAAG,GAC3C,CACR,CAAA,EAAA,CACI;AAEX;;;;"}

package/dist/components/Tooltip/Tooltip.js

@@ -0,0 +1,51 @@
+import { styles } from './styles.js';
+import ButtonsRow from './ButtonsRow.js';
+import { BLOCK_EXPLORER } from '../../config/constants/chains.js';
+import '../../node_modules/@ape.swap/apeswap-lists/lib/main.js';
+import Flex from '../uikit-sdk/Flex/index.js';
+import Svg from '../uikit-sdk/Svg/index.js';
+import '../../node_modules/tslib/tslib.es6.js';
+import '../uikit-sdk/Text/types.js';
+import '../uikit-sdk/Checkbox/types.js';
+import '../uikit-sdk/Skeleton/types.js';
+import '../uikit-sdk/Skeleton/styles.js';
+import '../uikit-sdk/TooltipBubble/index.js';
+import 'react';
+import '../uikit-sdk/Button/types.js';
+import '../uikit-sdk/Svg/types.js';
+import '../uikit-sdk/Button/styles.js';
+import '../../contexts/ModalContext.js';
+import '../../views/FullBondsView/FullBondsView.js';
+import '../uikit-sdk/Select/types.js';
+import '../../utils/campaignStyles.js';
+import { useSDKConfig } from '../../state/useSDKConfig.js';
+import ExpandedViewButton from '../../views/BuyBond/components/ExpandedViewButton.js';
+import track from '../../utils/track.js';
+import { __exports as main } from '../../_virtual/main.js';
+import { jsxs, jsx } from '../../node_modules/@theme-ui/core/jsx-runtime/dist/theme-ui-core-jsx-runtime.esm.js';
+import { Link } from '../../node_modules/@theme-ui/components/dist/theme-ui-components.esm.js';
+
+const BondInfoTooltip = ({ earnTokenContract, earnTokenSymbol, bondContract, projectLink, twitter, chain, isSoldOut = false, billType, cgId, dexscreener, }) => {
+    const config = useSDKConfig();
+    const explorerLink = BLOCK_EXPLORER[chain];
+    const urlPage = chain === main.ChainId.SOL ? 'account' : 'address';
+    const tokenLink = `${explorerLink}/${urlPage}/${earnTokenContract}`;
+    const bondLink = `${explorerLink}/${urlPage}/${bondContract}`;
+    const bondDashboard = `https://dashboard.ape.bond/bond/${bondContract}`;
+    const handleProjectViewNavigation = () => {
+        window.location.href = `/bonds/${bondContract}/${chain}`;
+        track({
+            event: 'projectInfoClick',
+            chain: chain,
+            data: {
+                cat: 'Table',
+                bond: earnTokenSymbol,
+                bondChain: chain,
+            },
+        });
+    };
+    return (jsxs(Flex, { sx: { flexDirection: 'column', flexWrap: 'wrap' }, children: [jsx(ButtonsRow, { twitter: twitter, projectLink: projectLink, earnTokenContract: earnTokenContract, cgId: cgId, dexscreener: dexscreener }), (config === null || config === void 0 ? void 0 : config.referenceId) === 'apebond' && !isSoldOut && billType !== 'fcfs' && (jsx(Flex, { sx: { width: '100%', my: '5px', justifyContent: 'center', position: 'relative', height: '25px' }, children: jsx(ExpandedViewButton, { handleNavigation: handleProjectViewNavigation, rightPos: '-5px' }) })), jsx(Flex, { sx: { justifyContent: 'center' }, children: jsxs(Flex, { sx: { width: '144px', flexDirection: 'column' }, children: [jsx(Flex, { sx: styles.linkRow, children: tokenLink && (jsxs(Link, { href: tokenLink, sx: styles.link, target: "_blank", children: ["View Token Contract", jsx(Flex, { sx: { ml: '5px' }, children: jsx(Svg, { icon: "external", color: "text", width: 10 }) })] })) }), jsx(Flex, { sx: styles.linkRow, children: bondLink && (jsxs(Link, { href: bondLink, sx: styles.link, target: "_blank", children: ["View Bond Contract", jsx(Flex, { sx: { ml: '5px' }, children: jsx(Svg, { icon: "external", color: "text", width: 10 }) })] })) }), jsx(Flex, { sx: styles.linkRow, children: billType !== 'fcfs' && (jsxs(Link, { href: bondDashboard, sx: styles.link, target: "_blank", rel: "noopener noreferrer", children: ["View Bond Insights", jsx(Flex, { sx: { ml: '5px' }, children: jsx(Svg, { icon: "external", color: "text", width: 10 }) })] })) })] }) })] }));
+};
+
+export { BondInfoTooltip as default };
+//# sourceMappingURL=Tooltip.js.map

package/dist/components/Tooltip/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import React from 'react'\nimport { styles } from './styles'\nimport ButtonsRow from './ButtonsRow'\nimport { BLOCK_EXPLORER } from '../../config/constants/chains'\nimport { ChainId } from '@ape.swap/apeswap-lists'\nimport Flex from '../uikit-sdk/Flex'\nimport { Svg } from '../uikit-sdk'\nimport { Link } from 'theme-ui'\nimport { useSDKConfig } from '../../state/useSDKConfig'\nimport ExpandedViewButton from '../../views/BuyBond/components/ExpandedViewButton'\nimport track from '../../utils/track'\n\nexport interface TooltipProps {\n  earnTokenContract: string\n  earnTokenSymbol: string\n  bondContract: string\n  projectLink?: string\n  twitter?: string\n  chain: number\n  isSoldOut?: boolean\n  billType?: string\n  cgId?: string\n  dexscreener?: string\n}\n\nconst BondInfoTooltip: React.FunctionComponent<TooltipProps> = ({\n  earnTokenContract,\n  earnTokenSymbol,\n  bondContract,\n  projectLink,\n  twitter,\n  chain,\n  isSoldOut = false,\n  billType,\n  cgId,\n  dexscreener,\n}) => {\n  const config = useSDKConfig()\n  const explorerLink = BLOCK_EXPLORER[chain as ChainId]\n  const urlPage = chain === ChainId.SOL ? 'account' : 'address'\n  const tokenLink = `${explorerLink}/${urlPage}/${earnTokenContract}`\n  const bondLink = `${explorerLink}/${urlPage}/${bondContract}`\n  const bondDashboard = `https://dashboard.ape.bond/bond/${bondContract}`\n\n  const handleProjectViewNavigation = () => {\n    window.location.href = `/bonds/${bondContract}/${chain}`\n    track({\n      event: 'projectInfoClick',\n      chain: chain,\n      data: {\n        cat: 'Table',\n        bond: earnTokenSymbol,\n        bondChain: chain,\n      },\n    })\n  }\n  return (\n    <Flex sx={{ flexDirection: 'column', flexWrap: 'wrap' }}>\n      <ButtonsRow\n        twitter={twitter}\n        projectLink={projectLink}\n        earnTokenContract={earnTokenContract}\n        cgId={cgId}\n        dexscreener={dexscreener}\n      />\n      {config?.referenceId === 'apebond' && !isSoldOut && billType !== 'fcfs' && (\n        <Flex sx={{ width: '100%', my: '5px', justifyContent: 'center', position: 'relative', height: '25px' }}>\n          <ExpandedViewButton handleNavigation={handleProjectViewNavigation} rightPos={'-5px'} />\n        </Flex>\n      )}\n      <Flex sx={{ justifyContent: 'center' }}>\n        <Flex sx={{ width: '144px', flexDirection: 'column' }}>\n          <Flex sx={styles.linkRow}>\n            {tokenLink && (\n              <Link href={tokenLink} sx={styles.link} target=\"_blank\">\n                View Token Contract\n                <Flex sx={{ ml: '5px' }}>\n                  <Svg icon=\"external\" color=\"text\" width={10} />\n                </Flex>\n              </Link>\n            )}\n          </Flex>\n          <Flex sx={styles.linkRow}>\n            {bondLink && (\n              <Link href={bondLink} sx={styles.link} target=\"_blank\">\n                View Bond Contract\n                <Flex sx={{ ml: '5px' }}>\n                  <Svg icon=\"external\" color=\"text\" width={10} />\n                </Flex>\n              </Link>\n            )}\n          </Flex>\n          <Flex sx={styles.linkRow}>\n            {billType !== 'fcfs' && (\n              <Link href={bondDashboard} sx={styles.link} target=\"_blank\" rel=\"noopener noreferrer\">\n                View Bond Insights\n                <Flex sx={{ ml: '5px' }}>\n                  <Svg icon=\"external\" color=\"text\" width={10} />\n                </Flex>\n              </Link>\n            )}\n          </Flex>\n        </Flex>\n      </Flex>\n    </Flex>\n  )\n}\n\nexport default BondInfoTooltip\n"],"names":["ChainId","_jsxs","_jsx"],"mappings":"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"}

package/dist/components/Tooltip/styles.js

@@ -0,0 +1,32 @@
+const styles = {
+    linkRow: {
+        width: '100%',
+        marginTop: '5px',
+        justifyContent: 'flex-end',
+        '& svg': { width: '11px' },
+    },
+    iconButton: {
+        background: 'white3',
+        textDecoration: 'none',
+        alignItems: 'center',
+        justifyContent: 'center',
+        width: 'fit-content',
+        height: '30px',
+        padding: '2px 5px',
+        borderRadius: '8px',
+        margin: '0 5px 5px 0',
+        '&:hover': {
+            cursor: 'pointer',
+        },
+    },
+    link: {
+        fontSize: '12px',
+        lineHeight: '14px',
+        display: 'flex',
+        textDecoration: 'none',
+        '&: hover': { textDecoration: 'underline' },
+    },
+};
+
+export { styles };
+//# sourceMappingURL=styles.js.map