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

package/dist/views/Bonds/components/BuyAgainRow/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/views/Bonds/components/BuyAgainRow/index.tsx"],"sourcesContent":["import React, { useMemo } from 'react'\nimport { isBondSoldOut } from '../../utils'\nimport { AnimatePresence, motion } from 'framer-motion'\nimport useBondsData from '../../../../state/bonds/useBondsData'\nimport { Flex } from '../../../../components/uikit-sdk'\nimport BondRow from '../BondRows/BondRow'\nimport track from '../../../../utils/track'\nimport { useSDKConfig } from '../../../../state/useSDKConfig'\nimport { BondsData } from '../../../../types/bonds'\nimport { BillsConfig } from '@ape.swap/apeswap-lists'\nimport { formatNumberSI } from '../../../../utils/formatNumber'\nimport BigNumber from 'bignumber.js'\nimport {\n  getVestingTermsString,\n  getVestingTermsTooltipString,\n  remainingPercentage,\n} from '../../../../utils/displayHelpers'\n\nconst BuyAgainRow = () => {\n  const { data: bills } = useBondsData()\n  const SDKConfig = useSDKConfig()\n  const highlightedBond = SDKConfig.highlightedBond\n  const chains = SDKConfig?.chains as number[]\n\n  const bond = useMemo(\n    () =>\n      bills?.find(\n        (bill) =>\n          bill.earnToken.symbol.toLowerCase() === highlightedBond?.toLowerCase() &&\n          !bill.soldOut &&\n          chains.includes(bill.chainId),\n      ),\n    [bills, chains, highlightedBond],\n  )\n\n  const bondAddress = bond?.contractAddress?.[bond.chainId]\n\n  const remainingTokensFormat = (bond: BondsData | BillsConfig): string => {\n    const tokensRemaining = 'tokensRemaining' in bond ? bond.tokensRemaining : '0'\n    return formatNumberSI(parseFloat(tokensRemaining ?? '0'), 0)\n  }\n\n  const remainingTokensUsd = (bond: BondsData | BillsConfig): BigNumber => {\n    const tokensRemaining = 'tokensRemaining' in bond ? bond.tokensRemaining : '0'\n    const payoutTokenPrice = 'payoutTokenPrice' in bond ? bond.payoutTokenPrice : 0\n    const tokens = new BigNumber(tokensRemaining ?? '0')\n    return tokens.times(payoutTokenPrice ?? '0')\n  }\n\n  const remainingTokensString = bond\n    ? `${remainingTokensFormat(bond)} ${bond.earnToken.symbol} ($${formatNumberSI(remainingTokensUsd(bond).toNumber())})`\n    : ''\n\n  return bond ? (\n    <AnimatePresence>\n      <motion.div\n        initial={{ height: 0, overflow: 'hidden' }}\n        animate={{ height: 'fit-content', overflow: 'hidden', transitionEnd: { overflow: 'visible' } }}\n        exit={{ height: 0, overflow: 'hidden' }}\n        sx={{\n          position: 'relative',\n          overflow: 'hidden',\n          width: '100%',\n          mb: '10px',\n        }}\n      >\n        <Flex\n          sx={{\n            p: '0 1px',\n            width: '100%',\n            pt: '5px',\n            background: 'primaryButton',\n            borderRadius: 'normal',\n            flexDirection: 'column',\n            opacity: 0.5,\n          }}\n        >\n          <Flex\n            className=\"buy-again-header\"\n            sx={{\n              width: '100%',\n              fontSize: '12px',\n              fontWeight: 500,\n              pl: '26px',\n              color: 'primaryBright',\n              height: '91px',\n            }}\n          >\n            BOND SPOTLIGHT\n          </Flex>\n        </Flex>\n        <Flex\n          onClick={() => {\n            track({\n              event: 'buyAgainClick',\n              chain: bond.chainId,\n              data: {\n                bond: bond.earnToken.symbol,\n              },\n            })\n          }}\n          sx={{ position: 'absolute', top: '25px', left: '1px', width: 'calc(100% - 2px)' }}\n        >\n          <BondRow\n            key={`${bondAddress}-${bond.chainId}`}\n            bondAddress={bond?.contractAddress?.[bond?.chainId] as string}\n            bondChain={bond.chainId}\n            billType={bond.billType}\n            payoutToken={bond.earnToken}\n            tag={bond.tags?.[0]}\n            bondSoldOut={isBondSoldOut(bond, SDKConfig.showLowValueBonds)}\n            trueBondPrices={bond?.trueBondPrices}\n            minTier={bond?.minTier}\n            vestingTermString={getVestingTermsString(bond)}\n            vestingCliffString={getVestingTermsTooltipString(bond)}\n            percentageAvailable={remainingPercentage(bond)}\n            remainingTokensString={remainingTokensString}\n          />\n        </Flex>\n      </motion.div>\n    </AnimatePresence>\n  ) : null\n}\n\nexport default BuyAgainRow\n"],"names":["_jsx","_jsxs"],"mappings":"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"}

package/dist/views/Bonds/components/ChainBanner/ChainBanner.js

@@ -0,0 +1,84 @@
+import '../../../../node_modules/tslib/tslib.es6.js';
+import '../../../../components/uikit-sdk/Svg/types.js';
+import '../../../../components/uikit-sdk/Text/types.js';
+import '../../../../components/uikit-sdk/Checkbox/types.js';
+import '../../../../components/uikit-sdk/Skeleton/types.js';
+import '../../../../components/uikit-sdk/Skeleton/styles.js';
+import '../../../../components/uikit-sdk/TooltipBubble/index.js';
+import { Fragment } from 'react';
+import Button from '../../../../components/uikit-sdk/Button/Button.js';
+import { variants } from '../../../../components/uikit-sdk/Button/types.js';
+import '../../../../components/uikit-sdk/Button/styles.js';
+import '../../../../contexts/ModalContext.js';
+import '../../../FullBondsView/FullBondsView.js';
+import '../../../../components/uikit-sdk/Select/types.js';
+import '../../../../utils/campaignStyles.js';
+import '../../../../node_modules/@ape.swap/apeswap-lists/lib/main.js';
+import { useWalletModal } from '@solana/wallet-adapter-react-ui';
+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';
+
+const BANNER_INFO = {
+    [main.ChainId.MONAD]: {
+        title: 'Monad Mainnet Bonds',
+        subtitle: 'Launch Coming Soon.',
+        buttons: [
+            {
+                label: 'LEARN MORE',
+                href: 'https://x.com/ApeBond/status/1995538519536578880?s=20',
+                variant: variants.SECONDARY,
+            },
+            { label: 'Launch Yours', href: 'https://forms.clickup.com/3080492/f/2y09c-6585/O175DYTK4PMR6P4CZA' },
+        ],
+        background: 'https://res.cloudinary.com/dswmrqgwy/image/upload/v1/banner_jpkg38.png',
+        backgroundMobile: 'https://res.cloudinary.com/dswmrqgwy/image/upload/v1/banner-mobile_y6xveu.png',
+        logo: 'https://ape.bond/images/bills/monad.png',
+    },
+    [main.ChainId.SOL]: {
+        title: 'Bonds are now Live on Solana',
+        subtitle: 'Get tokens at a discount on Solana. Faster, cheaper, and fully on-chain.',
+        buttons: [
+            {
+                label: 'LEARN MORE',
+                href: 'https://apebond.click/sol-launch',
+                variant: variants.SECONDARY,
+            },
+        ],
+        background: 'https://res.cloudinary.com/dswmrqgwy/image/upload/v1751667949/background_ldg88q.png',
+        backgroundMobile: 'https://res.cloudinary.com/dswmrqgwy/image/upload/v1751668240/backgroundMobile_lht5tu.png',
+        logo: 'https://res.cloudinary.com/dswmrqgwy/image/upload/v1751665836/solana_bonds_logo_1_jrbn4g.png',
+    },
+};
+const ChainBanner = ({ chainId }) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+    const { setVisible } = useWalletModal();
+    const { publicKey } = useSOLAccount();
+    const isConnectedToSol = !!publicKey;
+    return (jsxs("div", { className: "banner-container", sx: {
+            backgroundImage: [
+                `url(${(_a = BANNER_INFO[chainId]) === null || _a === void 0 ? void 0 : _a.backgroundMobile})`,
+                `url(${(_b = BANNER_INFO[chainId]) === null || _b === void 0 ? void 0 : _b.backgroundMobile})`,
+                `url(${(_c = BANNER_INFO[chainId]) === null || _c === void 0 ? void 0 : _c.backgroundMobile})`,
+                `url(${(_d = BANNER_INFO[chainId]) === null || _d === void 0 ? void 0 : _d.background})`,
+                `url(${(_e = BANNER_INFO[chainId]) === null || _e === void 0 ? void 0 : _e.background})`,
+            ],
+        }, children: [jsxs("div", { className: "banner-logos", children: [chainId === main.ChainId.MONAD_TESTNET && (jsxs(Fragment, { children: [jsx("img", { src: "https://res.cloudinary.com/dswmrqgwy/image/upload/v1743089809/logos/apebond-logo_vzt4dl.png", alt: "apebond-white-logo", style: { width: '120px' } }), jsx("img", { src: "https://res.cloudinary.com/dswmrqgwy/image/upload/v1743089809/logos/x-icono_va7sdu.png", alt: "x-white-logo" })] })), jsx("img", { src: `${(_f = BANNER_INFO[chainId]) === null || _f === void 0 ? void 0 : _f.logo}`, alt: "partner-logo", height: 19 })] }), jsx("div", { className: "banner-title", children: (_g = BANNER_INFO[chainId]) === null || _g === void 0 ? void 0 : _g.title }), jsx("div", { className: "banner-subtitle", children: (_h = BANNER_INFO[chainId]) === null || _h === void 0 ? void 0 : _h.subtitle }), jsxs("div", { className: "banner-actions", children: [(_j = BANNER_INFO[chainId]) === null || _j === void 0 ? void 0 : _j.buttons.map((button, index) => (jsx(Button, { className: "action-button", onClick: () => window.open(button.href, '_blank'), variant: button.variant || variants.PRIMARY, children: button.label }, `banner-button-${index}`))), chainId === main.ChainId.SOL && (jsx(Button, { className: "action-button", sx: {
+                            background: 'linear-gradient(93deg, #20EEA9 -19%, #9945FF 97.7%)',
+                            border: 'none',
+                            '&:hover': {
+                                '&:not([disabled])': {
+                                    background: 'linear-gradient(93deg, #20EEA9 -19%, #9945FF 97.7%)',
+                                },
+                            },
+                        }, onClick: () => {
+                            if (isConnectedToSol) {
+                                window.open('https://jumper.exchange/es?fromChain=1151111081099710&fromToken=11111111111111111111111111111111&toChain=1151111081099710&toToken=EPjFWdd5AufqSSqeM2qN1xzybapC8G4wEGGkZwyTDt1v', '_blank', 'noopener noreferrer');
+                            }
+                            else
+                                setVisible(true);
+                        }, children: "Get Started" }))] })] }, `banner-container-${chainId}`));
+};
+
+export { ChainBanner as default };
+//# sourceMappingURL=ChainBanner.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChainBanner.js","sources":["../../../../../src/views/Bonds/components/ChainBanner/ChainBanner.tsx"],"sourcesContent":["import React from 'react'\nimport { Button } from '../../../../components/uikit-sdk'\nimport { ChainId } from '@ape.swap/apeswap-lists'\nimport { variants } from '../../../../components/uikit-sdk/Button/types'\nimport { useWalletModal } from '@solana/wallet-adapter-react-ui'\nimport useSOLAccount from '../../../../hooks/accounts/useSOLAccount'\n\ninterface ButtonInfo {\n  label: string\n  href: string\n  variant?: variants\n  background?: string\n}\n\ninterface BannerInfo {\n  title: string\n  subtitle: string\n  buttons: ButtonInfo[]\n  background: string\n  backgroundMobile: string\n  logo: string\n}\n\nconst BANNER_INFO: Partial<Record<ChainId, BannerInfo>> = {\n  [ChainId.MONAD]: {\n    title: 'Monad Mainnet Bonds',\n    subtitle: 'Launch Coming Soon.',\n    buttons: [\n      {\n        label: 'LEARN MORE',\n        href: 'https://x.com/ApeBond/status/1995538519536578880?s=20',\n        variant: variants.SECONDARY,\n      },\n      { label: 'Launch Yours', href: 'https://forms.clickup.com/3080492/f/2y09c-6585/O175DYTK4PMR6P4CZA' },\n    ],\n    background: 'https://res.cloudinary.com/dswmrqgwy/image/upload/v1/banner_jpkg38.png',\n    backgroundMobile: 'https://res.cloudinary.com/dswmrqgwy/image/upload/v1/banner-mobile_y6xveu.png',\n    logo: 'https://ape.bond/images/bills/monad.png',\n  },\n  [ChainId.SOL]: {\n    title: 'Bonds are now Live on Solana',\n    subtitle: 'Get tokens at a discount on Solana. Faster, cheaper, and fully on-chain.',\n    buttons: [\n      {\n        label: 'LEARN MORE',\n        href: 'https://apebond.click/sol-launch',\n        variant: variants.SECONDARY,\n      },\n    ],\n    background: 'https://res.cloudinary.com/dswmrqgwy/image/upload/v1751667949/background_ldg88q.png',\n    backgroundMobile: 'https://res.cloudinary.com/dswmrqgwy/image/upload/v1751668240/backgroundMobile_lht5tu.png',\n    logo: 'https://res.cloudinary.com/dswmrqgwy/image/upload/v1751665836/solana_bonds_logo_1_jrbn4g.png',\n  },\n}\n\nconst ChainBanner = ({ chainId }: { chainId: ChainId }) => {\n  const { setVisible } = useWalletModal()\n  const { publicKey } = useSOLAccount()\n  const isConnectedToSol = !!publicKey\n  return (\n    <div\n      key={`banner-container-${chainId}`}\n      className=\"banner-container\"\n      sx={{\n        backgroundImage: [\n          `url(${BANNER_INFO[chainId]?.backgroundMobile})`,\n          `url(${BANNER_INFO[chainId]?.backgroundMobile})`,\n          `url(${BANNER_INFO[chainId]?.backgroundMobile})`,\n          `url(${BANNER_INFO[chainId]?.background})`,\n          `url(${BANNER_INFO[chainId]?.background})`,\n        ],\n      }}\n    >\n      <div className=\"banner-logos\">\n        {chainId === ChainId.MONAD_TESTNET && (\n          <>\n            <img\n              src=\"https://res.cloudinary.com/dswmrqgwy/image/upload/v1743089809/logos/apebond-logo_vzt4dl.png\"\n              alt=\"apebond-white-logo\"\n              style={{ width: '120px' }}\n            />\n            <img\n              src=\"https://res.cloudinary.com/dswmrqgwy/image/upload/v1743089809/logos/x-icono_va7sdu.png\"\n              alt=\"x-white-logo\"\n            />\n          </>\n        )}\n\n        <img src={`${BANNER_INFO[chainId]?.logo}`} alt=\"partner-logo\" height={19} />\n      </div>\n      <div className=\"banner-title\">{BANNER_INFO[chainId]?.title}</div>\n      <div className=\"banner-subtitle\">{BANNER_INFO[chainId]?.subtitle}</div>\n      <div className=\"banner-actions\">\n        {BANNER_INFO[chainId]?.buttons.map((button, index) => (\n          <Button\n            key={`banner-button-${index}`}\n            className=\"action-button\"\n            onClick={() => window.open(button.href, '_blank')}\n            variant={button.variant || variants.PRIMARY}\n          >\n            {button.label}\n          </Button>\n        ))}\n        {chainId === ChainId.SOL && (\n          <Button\n            className=\"action-button\"\n            sx={{\n              background: 'linear-gradient(93deg, #20EEA9 -19%, #9945FF 97.7%)',\n              border: 'none',\n              '&:hover': {\n                '&:not([disabled])': {\n                  background: 'linear-gradient(93deg, #20EEA9 -19%, #9945FF 97.7%)',\n                },\n              },\n            }}\n            onClick={() => {\n              if (isConnectedToSol) {\n                window.open(\n                  'https://jumper.exchange/es?fromChain=1151111081099710&fromToken=11111111111111111111111111111111&toChain=1151111081099710&toToken=EPjFWdd5AufqSSqeM2qN1xzybapC8G4wEGGkZwyTDt1v',\n                  '_blank',\n                  'noopener noreferrer',\n                )\n              } else setVisible(true)\n            }}\n          >\n            Get Started\n          </Button>\n        )}\n      </div>\n    </div>\n  )\n}\n\nexport default ChainBanner\n"],"names":["ChainId","_jsxs","_Fragment","_jsx"],"mappings":"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"}

package/dist/views/Bonds/components/CheckURL/index.js

@@ -0,0 +1,44 @@
+import { useEffect, Fragment } from 'react';
+import useBondsData from '../../../../state/bonds/useBondsData.js';
+import useModal from '../../../../hooks/useModal.js';
+import ModalHandler from '../BondRows/ModalHandler.js';
+import track from '../../../../utils/track.js';
+import ModalHandlerPreTGE from '../BondRows/ModalHandlerPreTGE.js';
+import { jsx } from '../../../../node_modules/@theme-ui/core/jsx-runtime/dist/theme-ui-core-jsx-runtime.esm.js';
+
+/** CheckURL purpose is to open the buy bond modal ONLY IF a user has opened the site with a custom URL  */
+const CheckUrl = () => {
+    var _a, _b;
+    const { data: bonds } = useBondsData();
+    const asPath = typeof window !== 'undefined' ? window.location.search : '';
+    const urlParams = typeof window !== 'undefined' ? new URLSearchParams(new URL(asPath, window.location.origin).search) : undefined;
+    const bondAddress = (_a = urlParams === null || urlParams === void 0 ? void 0 : urlParams.get('bondAddress')) !== null && _a !== void 0 ? _a : '';
+    const bondChain = (_b = urlParams === null || urlParams === void 0 ? void 0 : urlParams.get('bondChain')) !== null && _b !== void 0 ? _b : '';
+    const [onPresentBuyBillsModal] = useModal(jsx(ModalHandler, { bondAddress: bondAddress, bondChain: parseInt(bondChain) }), true, true, `buyBondModal:${bondAddress.toLowerCase()}-${bondChain}}`);
+    const [onPresentPreTGEBondModal] = useModal(jsx(ModalHandlerPreTGE, { bondAddress: bondAddress, bondChain: parseInt(bondChain) }), true, true, `preTGEBuyBondModal:${bondAddress.toLowerCase()}-${bondChain}}`);
+    useEffect(() => {
+        const bond = bonds === null || bonds === void 0 ? void 0 : bonds.find((bond) => { var _a, _b; return ((_b = (_a = bond === null || bond === void 0 ? void 0 : bond.contractAddress) === null || _a === void 0 ? void 0 : _a[bond === null || bond === void 0 ? void 0 : bond.chainId]) === null || _b === void 0 ? void 0 : _b.toLowerCase()) === (bondAddress === null || bondAddress === void 0 ? void 0 : bondAddress.toLowerCase()); });
+        if (bond && bondChain && bondAddress) {
+            if (bond.billType === 'fcfs') {
+                onPresentPreTGEBondModal();
+            }
+            else {
+                onPresentBuyBillsModal();
+            }
+            track({
+                event: 'buyModalOpen',
+                chain: bondChain,
+                data: {
+                    cat: 'customURL',
+                    bond: bond.earnToken.symbol,
+                    bondChain: bondChain,
+                },
+            });
+        }
+        /* eslint-disable react-hooks/exhaustive-deps */
+    }, [bonds === null || bonds === void 0 ? void 0 : bonds.length]);
+    return jsx(Fragment, {});
+};
+
+export { CheckUrl as default };
+//# sourceMappingURL=index.js.map

package/dist/views/Bonds/components/CheckURL/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/views/Bonds/components/CheckURL/index.tsx"],"sourcesContent":["import React, { useEffect } from 'react'\nimport useBondsData from '../../../../state/bonds/useBondsData'\nimport useModal from '../../../../hooks/useModal'\nimport ModalHandler from '../BondRows/ModalHandler'\nimport track from '../../../../utils/track'\nimport ModalHandlerPreTGE from '../BondRows/ModalHandlerPreTGE'\n\n/** CheckURL purpose is to open the buy bond modal ONLY IF a user has opened the site with a custom URL  */\n\nconst CheckUrl = () => {\n  const { data: bonds } = useBondsData()\n\n  const asPath = typeof window !== 'undefined' ? window.location.search : ''\n  const urlParams =\n    typeof window !== 'undefined' ? new URLSearchParams(new URL(asPath, window.location.origin).search) : undefined\n\n  const bondAddress = urlParams?.get('bondAddress') ?? ''\n  const bondChain = urlParams?.get('bondChain') ?? ''\n\n  const [onPresentBuyBillsModal] = useModal(\n    <ModalHandler bondAddress={bondAddress} bondChain={parseInt(bondChain)} />,\n    true,\n    true,\n    `buyBondModal:${bondAddress.toLowerCase()}-${bondChain}}`,\n  )\n  const [onPresentPreTGEBondModal] = useModal(\n    <ModalHandlerPreTGE bondAddress={bondAddress} bondChain={parseInt(bondChain)} />,\n    true,\n    true,\n    `preTGEBuyBondModal:${bondAddress.toLowerCase()}-${bondChain}}`,\n  )\n\n  useEffect(() => {\n    const bond = bonds?.find(\n      (bond) => bond?.contractAddress?.[bond?.chainId]?.toLowerCase() === bondAddress?.toLowerCase(),\n    )\n    if (bond && bondChain && bondAddress) {\n      if (bond.billType === 'fcfs') {\n        onPresentPreTGEBondModal()\n      } else {\n        onPresentBuyBillsModal()\n      }\n      track({\n        event: 'buyModalOpen',\n        chain: bondChain,\n        data: {\n          cat: 'customURL',\n          bond: bond.earnToken.symbol,\n          bondChain: bondChain,\n        },\n      })\n    }\n    /* eslint-disable react-hooks/exhaustive-deps */\n  }, [bonds?.length])\n\n  return <></>\n}\n\nexport default CheckUrl\n"],"names":["_jsx"],"mappings":"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"}

package/dist/views/Bonds/components/HotBondCards/HotBondCard.js

@@ -0,0 +1,54 @@
+import { styles } from './styles.js';
+import Svg from '../../../../components/uikit-sdk/Svg/index.js';
+import Flex from '../../../../components/uikit-sdk/Flex/index.js';
+import '../../../../node_modules/tslib/tslib.es6.js';
+import '../../../../components/uikit-sdk/Text/types.js';
+import '../../../../components/uikit-sdk/Checkbox/types.js';
+import '../../../../components/uikit-sdk/Skeleton/types.js';
+import '../../../../components/uikit-sdk/Skeleton/styles.js';
+import TooltipBubble from '../../../../components/uikit-sdk/TooltipBubble/index.js';
+import 'react';
+import '../../../../components/uikit-sdk/Button/types.js';
+import '../../../../components/uikit-sdk/Svg/types.js';
+import '../../../../components/uikit-sdk/Button/styles.js';
+import '../../../../contexts/ModalContext.js';
+import '../../../FullBondsView/FullBondsView.js';
+import '../../../../components/uikit-sdk/Select/types.js';
+import '../../../../utils/campaignStyles.js';
+import TokenInfoAndName from '../../../../components/TokenInfoAndName/index.js';
+import BondInfoTooltip from '../../../../components/Tooltip/Tooltip.js';
+import { findHighestTrueBondPrice, getDiscountColor, calculateARR } from '../../utils.js';
+import useModal from '../../../../hooks/useModal.js';
+import BuyBondModal from '../../../BuyBond/BuyBondModal.js';
+import track from '../../../../utils/track.js';
+import { TIERS_WEIGHT } from '../../../../state/tiers/useTierPoints.js';
+import '../../../../node_modules/@ape.swap/apeswap-lists/lib/main.js';
+import { useSDKConfig } from '../../../../state/useSDKConfig.js';
+import { getTimePeriods } from '../../../../utils/getTimePeriods.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 HotBondCard = ({ bond }) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
+    const bonus = (_a = findHighestTrueBondPrice(TIERS_WEIGHT[main.LaunchBondTiers.Legend], bond === null || bond === void 0 ? void 0 : bond.trueBondPrices)) === null || _a === void 0 ? void 0 : _a.bonusWithFee;
+    const SDKConfig = useSDKConfig();
+    // Modal
+    const [openBuyModal] = useModal(jsx(BuyBondModal, { bondAddress: (_b = bond === null || bond === void 0 ? void 0 : bond.contractAddress) === null || _b === void 0 ? void 0 : _b[bond === null || bond === void 0 ? void 0 : bond.chainId], bondChain: bond.chainId }), true, true, `buyBondModal-${(_c = bond === null || bond === void 0 ? void 0 : bond.contractAddress) === null || _c === void 0 ? void 0 : _c[bond === null || bond === void 0 ? void 0 : bond.chainId]}-${bond.chainId}`);
+    const handleOpenModal = () => {
+        openBuyModal();
+        track({
+            event: 'hotClick',
+            chain: bond.chainId,
+            data: {
+                cat: 'hotClick',
+                bond: bond.earnToken.symbol,
+            },
+        });
+    };
+    return (jsx(Flex, { sx: styles.desktopCard, className: "hot-bond-card", onClick: handleOpenModal, children: jsxs(Flex, { sx: { flexDirection: 'column', width: '100%' }, children: [jsxs(Flex, { sx: { width: '100%', height: '75px' }, children: [jsx(Flex, { sx: { width: '66.66%' }, children: jsx(TokenInfoAndName, { tokenSymbol: bond.earnToken.symbol, chain: bond.chainId, tag: (_d = bond.tags) === null || _d === void 0 ? void 0 : _d[0], isHotBond: true }) }), jsx(Flex, { className: "column column-tokenicons", sx: { width: '33.33% !important', justifyContent: 'center !important', alignItems: 'center' }, children: jsx(TooltipBubble, { className: "tooltip-bubble", body: jsx(BondInfoTooltip, { earnTokenContract: (_g = (_f = (_e = bond === null || bond === void 0 ? void 0 : bond.earnToken) === null || _e === void 0 ? void 0 : _e.address) === null || _f === void 0 ? void 0 : _f[bond === null || bond === void 0 ? void 0 : bond.chainId]) !== null && _g !== void 0 ? _g : '', earnTokenSymbol: (_j = (_h = bond === null || bond === void 0 ? void 0 : bond.earnToken) === null || _h === void 0 ? void 0 : _h.symbol) !== null && _j !== void 0 ? _j : '', bondContract: (_l = (_k = bond === null || bond === void 0 ? void 0 : bond.contractAddress) === null || _k === void 0 ? void 0 : _k[bond === null || bond === void 0 ? void 0 : bond.chainId]) !== null && _l !== void 0 ? _l : '', projectLink: bond === null || bond === void 0 ? void 0 : bond.projectLink, twitter: bond === null || bond === void 0 ? void 0 : bond.twitter, chain: bond === null || bond === void 0 ? void 0 : bond.chainId, cgId: bond === null || bond === void 0 ? void 0 : bond.cgId, dexscreener: bond === null || bond === void 0 ? void 0 : bond.dexscreener }), width: "205px", placement: "bottomRight", transformTip: "translate(11%, 0%)", children: jsx(Svg, { icon: "more", width: "20px" }) }) })] }), jsxs(Flex, { sx: { width: '100%', justifyContent: 'space-around' }, children: [jsxs(Flex, { sx: { flexDirection: 'column', alignItems: 'center', width: '100%' }, children: [jsx(Flex, { sx: { opacity: 0.6, fontSize: '12px', fontWeight: 400 }, children: "Bonus" }), jsx(Flex, { className: `${getDiscountColor(bonus)}`, sx: { width: '100%', justifyContent: 'center' }, children: bonus !== undefined ? (bonus < 0 ? '0%' : `${bonus === null || bonus === void 0 ? void 0 : bonus.toFixed(2)}%`) : '-' })] }), jsxs(Flex, { sx: { flexDirection: 'column', alignItems: 'center', width: '100%' }, children: [jsx(Flex, { sx: { opacity: 0.6, fontSize: '12px', fontWeight: 400, width: '100%', justifyContent: 'center' }, children: "ARR" }), jsx(Flex, { sx: { width: '100%', justifyContent: 'center' }, children: calculateARR(bond, SDKConfig.useTiers) })] }), jsxs(Flex, { sx: { flexDirection: 'column', alignItems: 'center', width: '100%' }, children: [jsx(Flex, { sx: { opacity: 0.6, fontSize: '12px', fontWeight: 400, width: '100%', justifyContent: 'center' }, children: "Terms" }), jsx(Flex, { sx: { width: '100%', justifyContent: 'center' }, children: ((_m = getTimePeriods(bond === null || bond === void 0 ? void 0 : bond.vestingTerm, true)) === null || _m === void 0 ? void 0 : _m.days)
+                                        ? `${(_o = getTimePeriods(bond === null || bond === void 0 ? void 0 : bond.vestingTerm, true)) === null || _o === void 0 ? void 0 : _o.days} D`
+                                        : '-' })] })] })] }) }));
+};
+
+export { HotBondCard as default };
+//# sourceMappingURL=HotBondCard.js.map

package/dist/views/Bonds/components/HotBondCards/HotBondCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HotBondCard.js","sources":["../../../../../src/views/Bonds/components/HotBondCards/HotBondCard.tsx"],"sourcesContent":["import React from 'react'\nimport { styles } from './styles'\nimport { BondsData } from '../../../../types/bonds'\nimport { Flex, Svg, TooltipBubble } from '../../../../components/uikit-sdk'\nimport TokenInfoAndName from '../../../../components/TokenInfoAndName'\nimport Tooltip from '../../../../components/Tooltip/Tooltip'\nimport { calculateARR, findHighestTrueBondPrice, getDiscountColor } from '../../utils'\nimport useModal from '../../../../hooks/useModal'\nimport BuyBondModal from '../../../BuyBond/BuyBondModal'\nimport track from '../../../../utils/track'\nimport { TIERS_WEIGHT } from '../../../../state/tiers/useTierPoints'\nimport { LaunchBondTiers } from '@ape.swap/apeswap-lists'\nimport { useSDKConfig } from '../../../../state/useSDKConfig'\nimport { getTimePeriods } from '../../../../utils/getTimePeriods'\n\nconst HotBondCard = ({ bond }: { bond: BondsData }) => {\n  const bonus = findHighestTrueBondPrice(TIERS_WEIGHT[LaunchBondTiers.Legend], bond?.trueBondPrices)?.bonusWithFee\n  const SDKConfig = useSDKConfig()\n\n  // Modal\n  const [openBuyModal] = useModal(\n    <BuyBondModal bondAddress={bond?.contractAddress?.[bond?.chainId]} bondChain={bond.chainId} />,\n    true,\n    true,\n    `buyBondModal-${bond?.contractAddress?.[bond?.chainId]}-${bond.chainId}`,\n  )\n\n  const handleOpenModal = () => {\n    openBuyModal()\n    track({\n      event: 'hotClick',\n      chain: bond.chainId,\n      data: {\n        cat: 'hotClick',\n        bond: bond.earnToken.symbol,\n      },\n    })\n  }\n\n  return (\n    <Flex sx={styles.desktopCard} className=\"hot-bond-card\" onClick={handleOpenModal}>\n      <Flex sx={{ flexDirection: 'column', width: '100%' }}>\n        <Flex sx={{ width: '100%', height: '75px' }}>\n          <Flex sx={{ width: '66.66%' }}>\n            <TokenInfoAndName tokenSymbol={bond.earnToken.symbol} chain={bond.chainId} tag={bond.tags?.[0]} isHotBond />\n          </Flex>\n          <Flex\n            className=\"column column-tokenicons\"\n            sx={{ width: '33.33% !important', justifyContent: 'center !important', alignItems: 'center' }}\n          >\n            <TooltipBubble\n              className=\"tooltip-bubble\"\n              body={\n                <Tooltip\n                  earnTokenContract={bond?.earnToken?.address?.[bond?.chainId] ?? ''}\n                  earnTokenSymbol={bond?.earnToken?.symbol ?? ''}\n                  bondContract={bond?.contractAddress?.[bond?.chainId] ?? ''}\n                  projectLink={bond?.projectLink}\n                  twitter={bond?.twitter}\n                  chain={bond?.chainId}\n                  cgId={bond?.cgId}\n                  dexscreener={bond?.dexscreener}\n                />\n              }\n              width=\"205px\"\n              placement=\"bottomRight\"\n              transformTip=\"translate(11%, 0%)\"\n            >\n              <Svg icon=\"more\" width=\"20px\" />\n            </TooltipBubble>\n          </Flex>\n        </Flex>\n        <Flex sx={{ width: '100%', justifyContent: 'space-around' }}>\n          <Flex sx={{ flexDirection: 'column', alignItems: 'center', width: '100%' }}>\n            <Flex sx={{ opacity: 0.6, fontSize: '12px', fontWeight: 400 }}>Bonus</Flex>\n            <Flex className={`${getDiscountColor(bonus)}`} sx={{ width: '100%', justifyContent: 'center' }}>\n              {bonus !== undefined ? (bonus < 0 ? '0%' : `${bonus?.toFixed(2)}%`) : '-'}\n            </Flex>\n          </Flex>\n          <Flex sx={{ flexDirection: 'column', alignItems: 'center', width: '100%' }}>\n            <Flex sx={{ opacity: 0.6, fontSize: '12px', fontWeight: 400, width: '100%', justifyContent: 'center' }}>\n              ARR\n            </Flex>\n            <Flex sx={{ width: '100%', justifyContent: 'center' }}>{calculateARR(bond, SDKConfig.useTiers)}</Flex>\n          </Flex>\n          <Flex sx={{ flexDirection: 'column', alignItems: 'center', width: '100%' }}>\n            <Flex sx={{ opacity: 0.6, fontSize: '12px', fontWeight: 400, width: '100%', justifyContent: 'center' }}>\n              Terms\n            </Flex>\n            <Flex sx={{ width: '100%', justifyContent: 'center' }}>\n              {getTimePeriods(bond?.vestingTerm, true)?.days\n                ? `${getTimePeriods(bond?.vestingTerm, true)?.days} D`\n                : '-'}\n            </Flex>\n          </Flex>\n        </Flex>\n      </Flex>\n    </Flex>\n  )\n}\n\nexport default HotBondCard\n"],"names":["LaunchBondTiers","_jsx","_jsxs","Tooltip"],"mappings":"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"}

package/dist/views/Bonds/components/HotBondCards/index.js

@@ -0,0 +1,78 @@
+import { useState } from 'react';
+import { styles } from './styles.js';
+import HotBondCard from './HotBondCard.js';
+import { SwiperSlide, Swiper } from '../../../../node_modules/swiper/swiper-react.js';
+import '../../../../node_modules/tslib/tslib.es6.js';
+import '../../../../components/uikit-sdk/Svg/types.js';
+import Flex from '../../../../components/uikit-sdk/Flex/index.js';
+import '../../../../components/uikit-sdk/Text/types.js';
+import '../../../../components/uikit-sdk/Checkbox/types.js';
+import '../../../../components/uikit-sdk/Skeleton/types.js';
+import '../../../../components/uikit-sdk/Skeleton/styles.js';
+import '../../../../components/uikit-sdk/TooltipBubble/index.js';
+import '../../../../components/uikit-sdk/Button/types.js';
+import '../../../../components/uikit-sdk/Button/styles.js';
+import '../../../../contexts/ModalContext.js';
+import '../../../FullBondsView/FullBondsView.js';
+import SwiperDots from '../../../../components/uikit-sdk/SwiperDots/index.js';
+import '../../../../components/uikit-sdk/Select/types.js';
+import '../../../../utils/campaignStyles.js';
+import useSwiper from '../../../../hooks/useSwiper.js';
+import { getDotPos } from '../../../../utils/getDotPos.js';
+import { TIERS_WEIGHT } from '../../../../state/tiers/useTierPoints.js';
+import '../../../../node_modules/@ape.swap/apeswap-lists/lib/main.js';
+import useHotBonds from '../../../../state/hotBonds/useHotBonds.js';
+import { findHighestTrueBondPrice } from '../../utils.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 HotBondCards = () => {
+    var _a;
+    const { data: hotBonds } = useHotBonds();
+    const filteredBonds = (_a = hotBonds === null || hotBonds === void 0 ? void 0 : hotBonds.sort((a, b) => {
+        var _a, _b, _c, _d;
+        return ((_b = (_a = findHighestTrueBondPrice(TIERS_WEIGHT[main.LaunchBondTiers.Legend], b === null || b === void 0 ? void 0 : b.trueBondPrices)) === null || _a === void 0 ? void 0 : _a.bonus) !== null && _b !== void 0 ? _b : 0) -
+            ((_d = (_c = findHighestTrueBondPrice(TIERS_WEIGHT[main.LaunchBondTiers.Legend], a === null || a === void 0 ? void 0 : a.trueBondPrices)) === null || _c === void 0 ? void 0 : _c.bonus) !== null && _d !== void 0 ? _d : 0);
+    })) === null || _a === void 0 ? void 0 : _a.filter((bond) => {
+        var _a;
+        const bonus = (_a = findHighestTrueBondPrice(TIERS_WEIGHT[main.LaunchBondTiers.Legend], bond === null || bond === void 0 ? void 0 : bond.trueBondPrices)) === null || _a === void 0 ? void 0 : _a.bonus;
+        return bonus && bonus > 0 && bonus < 50;
+    });
+    const [activeSlide, setActiveSlide] = useState(0);
+    const { swiper, setSwiper } = useSwiper();
+    const handleSlide = (event) => {
+        const slideNumber = getDotPos(event.activeIndex, filteredBonds === null || filteredBonds === void 0 ? void 0 : filteredBonds.length);
+        setActiveSlide(slideNumber);
+    };
+    const slideTo = (index) => {
+        setActiveSlide(index);
+        swiper === null || swiper === void 0 ? void 0 : swiper.slideTo(index);
+    };
+    return (jsxs(Flex, { sx: styles.mainComponent, children: [jsx(Flex, { sx: styles.hotBondTitle, children: "HOT BONDS" }), jsx(Flex, { sx: styles.desktopCards, children: filteredBonds === null || filteredBonds === void 0 ? void 0 : filteredBonds.slice(0, 3).map((bond, index) => {
+                    var _a;
+                    return jsx(HotBondCard, { bond: bond }, `${(_a = bond === null || bond === void 0 ? void 0 : bond.contractAddress) === null || _a === void 0 ? void 0 : _a[bond === null || bond === void 0 ? void 0 : bond.chainId]}-${index}`);
+                }) }), jsxs(Flex, { sx: {
+                    flexDirection: 'column',
+                    width: '100%',
+                    alignItems: 'center',
+                    mb: '15px',
+                    overflow: 'hidden',
+                    display: 'flex',
+                    '@media screen and (min-width: 1000px)': {
+                        display: 'none',
+                    },
+                }, children: [jsx(Swiper, { id: "hotbondsSweper", onSwiper: setSwiper, slidesPerView: "auto", centeredSlides: true, onSlideChange: handleSlide, style: { width: '100%', paddingBottom: '15px', overflow: 'visible' }, children: filteredBonds === null || filteredBonds === void 0 ? void 0 : filteredBonds.map((bond, index) => {
+                            var _a;
+                            return (jsx(SwiperSlide, { style: {
+                                    width: '100%',
+                                    padding: '1px',
+                                    display: 'flex',
+                                    justifyContent: 'center',
+                                }, children: jsx(HotBondCard, { bond: bond }, `${(_a = bond === null || bond === void 0 ? void 0 : bond.contractAddress) === null || _a === void 0 ? void 0 : _a[bond === null || bond === void 0 ? void 0 : bond.chainId]}-${index}`) }, index));
+                        }) }), jsx(Flex, { children: [...Array(hotBonds === null || hotBonds === void 0 ? void 0 : hotBonds.length)].map((_, i) => {
+                            return jsx(SwiperDots, { isActive: i === activeSlide, onClick: () => slideTo(i) }, i);
+                        }) })] })] }));
+};
+
+export { HotBondCards as default };
+//# sourceMappingURL=index.js.map

package/dist/views/Bonds/components/HotBondCards/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/views/Bonds/components/HotBondCards/index.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { styles } from './styles'\nimport HotBondCard from './HotBondCard'\nimport { Swiper, SwiperSlide } from 'swiper/react'\nimport SwiperCore from 'swiper'\nimport { Flex, SwiperDots } from '../../../../components/uikit-sdk'\nimport useSwiper from '../../../../hooks/useSwiper'\nimport { getDotPos } from '../../../../utils/getDotPos'\nimport { TIERS_WEIGHT } from '../../../../state/tiers/useTierPoints'\nimport { LaunchBondTiers } from '@ape.swap/apeswap-lists'\nimport useHotBonds from '../../../../state/hotBonds/useHotBonds'\nimport { findHighestTrueBondPrice } from '../../utils'\n\nconst HotBondCards = () => {\n  const { data: hotBonds } = useHotBonds()\n  const filteredBonds = hotBonds\n    ?.sort(\n      (a, b) =>\n        (findHighestTrueBondPrice(TIERS_WEIGHT[LaunchBondTiers.Legend], b?.trueBondPrices)?.bonus ?? 0) -\n        (findHighestTrueBondPrice(TIERS_WEIGHT[LaunchBondTiers.Legend], a?.trueBondPrices)?.bonus ?? 0),\n    )\n    ?.filter((bond) => {\n      const bonus = findHighestTrueBondPrice(TIERS_WEIGHT[LaunchBondTiers.Legend], bond?.trueBondPrices)?.bonus\n      return bonus && bonus > 0 && bonus < 50\n    })\n\n  const [activeSlide, setActiveSlide] = useState(0)\n  const { swiper, setSwiper } = useSwiper()\n\n  const handleSlide = (event: SwiperCore) => {\n    const slideNumber = getDotPos(event.activeIndex, filteredBonds?.length)\n    setActiveSlide(slideNumber)\n  }\n\n  const slideTo = (index: number) => {\n    setActiveSlide(index)\n    swiper?.slideTo(index)\n  }\n\n  return (\n    <Flex sx={styles.mainComponent}>\n      <Flex sx={styles.hotBondTitle}>HOT BONDS</Flex>\n      {/* DESKTOP CARDS */}\n      <Flex sx={styles.desktopCards}>\n        {filteredBonds?.slice(0, 3).map((bond, index) => {\n          return <HotBondCard bond={bond} key={`${bond?.contractAddress?.[bond?.chainId]}-${index}`} />\n        })}\n      </Flex>\n      {/* MOBILE CARDS WITH SWIPER */}\n      <Flex\n        sx={{\n          flexDirection: 'column',\n          width: '100%',\n          alignItems: 'center',\n          mb: '15px',\n          overflow: 'hidden',\n          display: 'flex',\n          '@media screen and (min-width: 1000px)': {\n            display: 'none',\n          },\n        }}\n      >\n        <Swiper\n          id=\"hotbondsSweper\"\n          onSwiper={setSwiper}\n          slidesPerView=\"auto\"\n          centeredSlides\n          onSlideChange={handleSlide}\n          style={{ width: '100%', paddingBottom: '15px', overflow: 'visible' }}\n        >\n          {filteredBonds?.map((bond, index) => {\n            return (\n              <SwiperSlide\n                style={{\n                  width: '100%',\n                  padding: '1px',\n                  display: 'flex',\n                  justifyContent: 'center',\n                }}\n                key={index}\n              >\n                <HotBondCard bond={bond} key={`${bond?.contractAddress?.[bond?.chainId]}-${index}`} />\n              </SwiperSlide>\n            )\n          })}\n        </Swiper>\n        <Flex>\n          {[...Array(hotBonds?.length)].map((_, i) => {\n            return <SwiperDots isActive={i === activeSlide} onClick={() => slideTo(i)} key={i} />\n          })}\n        </Flex>\n      </Flex>\n    </Flex>\n  )\n}\n\nexport default HotBondCards\n"],"names":["LaunchBondTiers","_jsxs","_jsx"],"mappings":"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"}

package/dist/views/Bonds/components/HotBondCards/styles.js

@@ -0,0 +1,47 @@
+const styles = {
+    mainComponent: {
+        width: '100%',
+        flexDirection: 'column',
+        overflow: ['hidden', 'hidden', 'hidden', 'visible'],
+        pt: '10px',
+        pb: ['10px', '10px', '10px', '20px'],
+    },
+    hotBondTitle: {
+        pt: '15px',
+        color: 'textDisabledButton',
+        fontSize: '13px',
+        fontWeight: 500,
+        cursor: 'pointer',
+        textTransform: 'uppercase',
+    },
+    desktopCards: {
+        width: '100%',
+        justifyContent: 'space-between',
+        flexDirection: ['column', 'column', 'column', 'row'],
+        display: 'none',
+        '@media screen and (min-width: 1000px)': {
+            display: 'flex',
+        },
+    },
+    desktopCard: {
+        width: '100%',
+        background: 'white3',
+        borderRadius: 'normal',
+        cursor: 'pointer',
+        height: '125px',
+        mt: ['15px', '15px', '15px', '5px'],
+        mr: '15px',
+        '&:hover': {
+            background: 'white4',
+        },
+        ':last-of-type': {
+            mr: '0px',
+        },
+        ':first-of-type': {
+            mt: '5px',
+        },
+    },
+};
+
+export { styles };
+//# sourceMappingURL=styles.js.map

package/dist/views/Bonds/components/HotBondCards/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../../src/views/Bonds/components/HotBondCards/styles.ts"],"sourcesContent":["import { ThemeUIStyleObject } from 'theme-ui'\n\nexport const styles: Record<string, ThemeUIStyleObject> = {\n  mainComponent: {\n    width: '100%',\n    flexDirection: 'column',\n    overflow: ['hidden', 'hidden', 'hidden', 'visible'],\n    pt: '10px',\n    pb: ['10px', '10px', '10px', '20px'],\n  },\n  hotBondTitle: {\n    pt: '15px',\n    color: 'textDisabledButton',\n    fontSize: '13px',\n    fontWeight: 500,\n    cursor: 'pointer',\n    textTransform: 'uppercase',\n  },\n  desktopCards: {\n    width: '100%',\n    justifyContent: 'space-between',\n    flexDirection: ['column', 'column', 'column', 'row'],\n    display: 'none',\n    '@media screen and (min-width: 1000px)': {\n      display: 'flex',\n    },\n  },\n  desktopCard: {\n    width: '100%',\n    background: 'white3',\n    borderRadius: 'normal',\n    cursor: 'pointer',\n    height: '125px',\n    mt: ['15px', '15px', '15px', '5px'],\n    mr: '15px',\n    '&:hover': {\n      background: 'white4',\n    },\n    ':last-of-type': {\n      mr: '0px',\n    },\n    ':first-of-type': {\n      mt: '5px',\n    },\n  },\n}\n"],"names":[],"mappings":"AAEO,MAAM,MAAM,GAAuC;AACxD,IAAA,aAAa,EAAE;AACb,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,aAAa,EAAE,QAAQ;QACvB,QAAQ,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,CAAC;AACnD,QAAA,EAAE,EAAE,MAAM;QACV,EAAE,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC;AACrC,KAAA;AACD,IAAA,YAAY,EAAE;AACZ,QAAA,EAAE,EAAE,MAAM;AACV,QAAA,KAAK,EAAE,oBAAoB;AAC3B,QAAA,QAAQ,EAAE,MAAM;AAChB,QAAA,UAAU,EAAE,GAAG;AACf,QAAA,MAAM,EAAE,SAAS;AACjB,QAAA,aAAa,EAAE,WAAW;AAC3B,KAAA;AACD,IAAA,YAAY,EAAE;AACZ,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,cAAc,EAAE,eAAe;QAC/B,aAAa,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,CAAC;AACpD,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,uCAAuC,EAAE;AACvC,YAAA,OAAO,EAAE,MAAM;AAChB,SAAA;AACF,KAAA;AACD,IAAA,WAAW,EAAE;AACX,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,YAAY,EAAE,QAAQ;AACtB,QAAA,MAAM,EAAE,SAAS;AACjB,QAAA,MAAM,EAAE,OAAO;QACf,EAAE,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC;AACnC,QAAA,EAAE,EAAE,MAAM;AACV,QAAA,SAAS,EAAE;AACT,YAAA,UAAU,EAAE,QAAQ;AACrB,SAAA;AACD,QAAA,eAAe,EAAE;AACf,YAAA,EAAE,EAAE,KAAK;AACV,SAAA;AACD,QAAA,gBAAgB,EAAE;AAChB,YAAA,EAAE,EAAE,KAAK;AACV,SAAA;AACF,KAAA;;;;;"}

package/dist/views/Bonds/components/LoadingSkeleton/LoadingSkeleton.js

@@ -0,0 +1,37 @@
+import '../../../../node_modules/tslib/tslib.es6.js';
+import '../../../../components/uikit-sdk/Svg/types.js';
+import '../../../../components/uikit-sdk/Text/types.js';
+import '../../../../components/uikit-sdk/Checkbox/types.js';
+import Skeleton from '../../../../components/uikit-sdk/Skeleton/index.js';
+import '../../../../components/uikit-sdk/TooltipBubble/index.js';
+import 'react';
+import '../../../../components/uikit-sdk/Button/types.js';
+import '../../../../components/uikit-sdk/Button/styles.js';
+import '../../../../contexts/ModalContext.js';
+import '../../../FullBondsView/FullBondsView.js';
+import '../../../../components/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 { Flex } from '../../../../node_modules/@theme-ui/components/dist/theme-ui-components.esm.js';
+
+const LoadingSkeleton = () => {
+    return (jsxs(Flex, { sx: { width: '100%', flexDirection: 'column', mt: '35px' }, children: [Array.from({ length: 5 }).map((_, index) => (jsx(Skeleton, { animation: "waves", sx: {
+                    width: '100%',
+                    height: '70px',
+                    borderRadius: 'normal',
+                    mb: '5px',
+                } }, `row-shadow-${index}`))), jsx(Flex, { sx: { width: '100%', gap: '15px', mt: '25px' }, children: Array.from({ length: 3 }).map((_, index) => (jsx(Skeleton, { animation: "waves", sx: {
+                        width: '100%',
+                        height: '125px',
+                        borderRadius: 'normal',
+                        mb: '5px',
+                    } }, `hot-card-shadow${index}`))) }), jsx(Flex, { sx: { width: '100%', flexDirection: 'column', mt: '25px' }, children: Array.from({ length: 3 }).map((_, index) => (jsx(Skeleton, { animation: "waves", sx: {
+                        width: '100%',
+                        height: '70px',
+                        borderRadius: 'normal',
+                        mb: '5px',
+                    } }, `second-row-shadow-${index}`))) })] }));
+};
+
+export { LoadingSkeleton as default };
+//# sourceMappingURL=LoadingSkeleton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingSkeleton.js","sources":["../../../../../src/views/Bonds/components/LoadingSkeleton/LoadingSkeleton.tsx"],"sourcesContent":["import React from 'react'\nimport { Skeleton } from '../../../../components/uikit-sdk'\nimport { Flex } from 'theme-ui'\n\nconst LoadingSkeleton = () => {\n  return (\n    <Flex sx={{ width: '100%', flexDirection: 'column', mt: '35px' }}>\n      {Array.from({ length: 5 }).map((_, index) => (\n        <Skeleton\n          key={`row-shadow-${index}`}\n          animation=\"waves\"\n          sx={{\n            width: '100%',\n            height: '70px',\n            borderRadius: 'normal',\n            mb: '5px',\n          }}\n        />\n      ))}\n      <Flex sx={{ width: '100%', gap: '15px', mt: '25px' }}>\n        {Array.from({ length: 3 }).map((_, index) => (\n          <Skeleton\n            key={`hot-card-shadow${index}`}\n            animation=\"waves\"\n            sx={{\n              width: '100%',\n              height: '125px',\n              borderRadius: 'normal',\n              mb: '5px',\n            }}\n          />\n        ))}\n      </Flex>\n      <Flex sx={{ width: '100%', flexDirection: 'column', mt: '25px' }}>\n        {Array.from({ length: 3 }).map((_, index) => (\n          <Skeleton\n            key={`second-row-shadow-${index}`}\n            animation=\"waves\"\n            sx={{\n              width: '100%',\n              height: '70px',\n              borderRadius: 'normal',\n              mb: '5px',\n            }}\n          />\n        ))}\n      </Flex>\n    </Flex>\n  )\n}\n\nexport default LoadingSkeleton\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;;AAIA,MAAM,eAAe,GAAG,MAAK;IAC3B,QACEA,KAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,EAAA,QAAA,EAAA,CAC7D,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,MACtCC,GAAA,CAAC,QAAQ,EAAA,EAEP,SAAS,EAAC,OAAO,EACjB,EAAE,EAAE;AACF,oBAAA,KAAK,EAAE,MAAM;AACb,oBAAA,MAAM,EAAE,MAAM;AACd,oBAAA,YAAY,EAAE,QAAQ;AACtB,oBAAA,EAAE,EAAE,KAAK;iBACV,EAAA,EAPI,CAAA,WAAA,EAAc,KAAK,CAAA,CAAE,CAQ1B,CACH,CAAC,EACFA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAA,QAAA,EACjD,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,MACtCA,GAAA,CAAC,QAAQ,EAAA,EAEP,SAAS,EAAC,OAAO,EACjB,EAAE,EAAE;AACF,wBAAA,KAAK,EAAE,MAAM;AACb,wBAAA,MAAM,EAAE,OAAO;AACf,wBAAA,YAAY,EAAE,QAAQ;AACtB,wBAAA,EAAE,EAAE,KAAK;qBACV,EAAA,EAPI,CAAA,eAAA,EAAkB,KAAK,CAAA,CAAE,CAQ9B,CACH,CAAC,EAAA,CACG,EACPA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,EAAA,QAAA,EAC7D,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,MACtCA,GAAA,CAAC,QAAQ,EAAA,EAEP,SAAS,EAAC,OAAO,EACjB,EAAE,EAAE;AACF,wBAAA,KAAK,EAAE,MAAM;AACb,wBAAA,MAAM,EAAE,MAAM;AACd,wBAAA,YAAY,EAAE,QAAQ;AACtB,wBAAA,EAAE,EAAE,KAAK;qBACV,EAAA,EAPI,CAAA,kBAAA,EAAqB,KAAK,CAAA,CAAE,CAQjC,CACH,CAAC,EAAA,CACG,CAAA,EAAA,CACF;AAEX;;;;"}

package/dist/views/Bonds/components/RecommendationCards/SmallRecommendationCard.js

@@ -0,0 +1,27 @@
+import { getTimePeriods } from '../../../../utils/getTimePeriods.js';
+import '../../../../node_modules/tslib/tslib.es6.js';
+import '../../../../components/uikit-sdk/Svg/types.js';
+import Flex from '../../../../components/uikit-sdk/Flex/index.js';
+import '../../../../components/uikit-sdk/Text/types.js';
+import '../../../../components/uikit-sdk/Checkbox/types.js';
+import '../../../../components/uikit-sdk/Skeleton/types.js';
+import '../../../../components/uikit-sdk/Skeleton/styles.js';
+import '../../../../components/uikit-sdk/TooltipBubble/index.js';
+import 'react';
+import '../../../../components/uikit-sdk/Button/types.js';
+import '../../../../components/uikit-sdk/Button/styles.js';
+import '../../../../contexts/ModalContext.js';
+import '../../../FullBondsView/FullBondsView.js';
+import '../../../../components/uikit-sdk/Select/types.js';
+import '../../../../utils/campaignStyles.js';
+import TokenImage from '../../../../components/uikit-sdk/TokenImage/index.js';
+import { styles } from './styles.js';
+import { jsxs, jsx } from '../../../../node_modules/@theme-ui/core/jsx-runtime/dist/theme-ui-core-jsx-runtime.esm.js';
+
+const SmallRecommendationCard = ({ recommendation }) => {
+    const vestingTime = getTimePeriods(recommendation.vestingTerm, true);
+    return (jsxs(Flex, { sx: styles.smallCardContainer, onClick: () => window.open(`${window.location.origin}/bonds?bondAddress=${recommendation.contractAddress}&bondChain=${recommendation.chainId}`, '_self'), children: [jsxs(Flex, { sx: { alignItems: 'center' }, children: [jsx(TokenImage, { symbol: recommendation.payoutTokenName, size: 32, chain: recommendation.chainId }), jsxs(Flex, { sx: { mx: '10px', alignItems: 'center' }, children: [jsx(Flex, { sx: { fontSize: '14px', px: '6px' }, children: recommendation.payoutTokenName }), jsxs(Flex, { sx: styles.subTitle, children: [vestingTime.days, "D"] })] })] }), jsxs(Flex, { sx: { alignItems: 'center' }, children: [jsx(Flex, { sx: styles.subTitle, children: "Bonus" }), jsxs(Flex, { sx: { fontSize: '12px', color: recommendation.bonus > 0 ? 'success' : 'error', ml: '6px' }, children: [recommendation.bonus.toFixed(2), "%"] })] })] }));
+};
+
+export { SmallRecommendationCard as default };
+//# sourceMappingURL=SmallRecommendationCard.js.map

package/dist/views/Bonds/components/RecommendationCards/SmallRecommendationCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SmallRecommendationCard.js","sources":["../../../../../src/views/Bonds/components/RecommendationCards/SmallRecommendationCard.tsx"],"sourcesContent":["import React from 'react'\nimport { ChainId } from '@ape.swap/apeswap-lists'\nimport { getTimePeriods } from '../../../../utils/getTimePeriods'\nimport { Flex } from '../../../../components/uikit-sdk'\nimport TokenImage from '../../../../components/uikit-sdk/TokenImage'\nimport { styles } from './styles'\n\nexport interface SmallCardBond {\n  vestingTerm: number\n  payoutTokenName: string\n  contractAddress: string\n  bonus: number\n  chainId: ChainId\n}\n\nconst SmallRecommendationCard = ({ recommendation }: { recommendation: SmallCardBond }) => {\n  const vestingTime = getTimePeriods(recommendation.vestingTerm, true)\n\n  return (\n    <Flex\n      sx={styles.smallCardContainer}\n      onClick={() =>\n        window.open(\n          `${window.location.origin}/bonds?bondAddress=${recommendation.contractAddress}&bondChain=${recommendation.chainId}`,\n          '_self',\n        )\n      }\n    >\n      <Flex sx={{ alignItems: 'center' }}>\n        <TokenImage symbol={recommendation.payoutTokenName} size={32} chain={recommendation.chainId} />\n        <Flex sx={{ mx: '10px', alignItems: 'center' }}>\n          <Flex sx={{ fontSize: '14px', px: '6px' }}>{recommendation.payoutTokenName}</Flex>\n          <Flex sx={styles.subTitle}>{vestingTime.days}D</Flex>\n        </Flex>\n      </Flex>\n      <Flex sx={{ alignItems: 'center' }}>\n        <Flex sx={styles.subTitle}>Bonus</Flex>\n        <Flex sx={{ fontSize: '12px', color: recommendation.bonus > 0 ? 'success' : 'error', ml: '6px' }}>\n          {recommendation.bonus.toFixed(2)}%\n        </Flex>\n      </Flex>\n    </Flex>\n  )\n}\n\nexport default SmallRecommendationCard\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;AAeA,MAAM,uBAAuB,GAAG,CAAC,EAAE,cAAc,EAAqC,KAAI;IACxF,MAAM,WAAW,GAAG,cAAc,CAAC,cAAc,CAAC,WAAW,EAAE,IAAI,CAAC;AAEpE,IAAA,QACEA,IAAA,CAAC,IAAI,IACH,EAAE,EAAE,MAAM,CAAC,kBAAkB,EAC7B,OAAO,EAAE,MACP,MAAM,CAAC,IAAI,CACT,CAAA,EAAG,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAA,mBAAA,EAAsB,cAAc,CAAC,eAAe,CAAA,WAAA,EAAc,cAAc,CAAC,OAAO,EAAE,EACnH,OAAO,CACR,EAAA,QAAA,EAAA,CAGHA,IAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAA,QAAA,EAAA,CAChCC,GAAA,CAAC,UAAU,EAAA,EAAC,MAAM,EAAE,cAAc,CAAC,eAAe,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,cAAc,CAAC,OAAO,EAAA,CAAI,EAC/FD,IAAA,CAAC,IAAI,IAAC,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,aAC5CC,GAAA,CAAC,IAAI,IAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAA,QAAA,EAAG,cAAc,CAAC,eAAe,EAAA,CAAQ,EAClFD,IAAA,CAAC,IAAI,IAAC,EAAE,EAAE,MAAM,CAAC,QAAQ,aAAG,WAAW,CAAC,IAAI,EAAA,GAAA,CAAA,EAAA,CAAS,CAAA,EAAA,CAChD,IACF,EACPA,IAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,aAChCC,GAAA,CAAC,IAAI,IAAC,EAAE,EAAE,MAAM,CAAC,QAAQ,EAAA,QAAA,EAAA,OAAA,EAAA,CAAc,EACvCD,KAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,cAAc,CAAC,KAAK,GAAG,CAAC,GAAG,SAAS,GAAG,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,aAC7F,cAAc,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,SAC3B,CAAA,EAAA,CACF,CAAA,EAAA,CACF;AAEX;;;;"}