@ape.swap/bonds-sdk 3.1.8 → 3.1.9-test.3

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

@@ -0,0 +1,72 @@
+import { jsxs, jsx } from 'theme-ui/jsx-runtime';
+import { useState } from 'react';
+import { styles } from './styles.js';
+import HotBondCard from './HotBondCard.js';
+import { Swiper, SwiperSlide } from 'swiper/react';
+import useHotBonds from '../../../../state/bonds/useHotBonds.js';
+import '../../../../components/uikit-sdk/Svg/types.js';
+import 'theme-ui';
+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 'framer-motion';
+import '../../../../components/uikit-sdk/Button/types.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 useSwiper from '../../../../hooks/useSwiper.js';
+import { getDotPos } from '../../../../utils/getDotPos.js';
+import 'swiper/swiper.css';
+import { findHighestTrueBondPrice } from '../../../BuyBond/findHighestTrueBondPrice.js';
+import { TIERS_WEIGHT } from '../../../../state/tiers/useTierPoints.js';
+import { LaunchBondTiers } from '@ape.swap/apeswap-lists';
+
+const HotBondCards = () => {
+    const { data: hotBonds } = useHotBonds();
+    const filteredBonds = hotBonds
+        ?.sort((a, b) => (findHighestTrueBondPrice(TIERS_WEIGHT[LaunchBondTiers.Legend], b)?.bonus ?? 0) -
+        (findHighestTrueBondPrice(TIERS_WEIGHT[LaunchBondTiers.Legend], a)?.bonus ?? 0))
+        ?.filter((bond) => {
+        const bonus = findHighestTrueBondPrice(TIERS_WEIGHT[LaunchBondTiers.Legend], bond)?.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?.length);
+        setActiveSlide(slideNumber);
+    };
+    const slideTo = (index) => {
+        setActiveSlide(index);
+        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?.slice(0, 3).map((bond, index) => {
+                    return jsx(HotBondCard, { bond: bond }, `${bond?.contractAddress?.[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?.map((bond, index) => {
+                            return (jsx(SwiperSlide, { style: {
+                                    width: '100%',
+                                    padding: '1px',
+                                    display: 'flex',
+                                    justifyContent: 'center',
+                                }, children: jsx(HotBondCard, { bond: bond }, `${bond?.contractAddress?.[bond?.chainId]}-${index}`) }, index));
+                        }) }), jsx(Flex, { children: [...Array(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 useHotBonds from '../../../../state/bonds/useHotBonds'\nimport { Flex, SwiperDots } from '../../../../components/uikit-sdk'\nimport useSwiper from '../../../../hooks/useSwiper'\nimport { getDotPos } from '../../../../utils/getDotPos'\nimport 'swiper/swiper.css'\nimport { findHighestTrueBondPrice } from '../../../BuyBond/findHighestTrueBondPrice'\nimport { TIERS_WEIGHT } from '../../../../state/tiers/useTierPoints'\nimport { LaunchBondTiers } from '@ape.swap/apeswap-lists'\n\nconst HotBondCards = () => {\n  const { data: hotBonds } = useHotBonds()\n  const filteredBonds = hotBonds\n    ?.sort(\n      (a, b) =>\n        (findHighestTrueBondPrice(TIERS_WEIGHT[LaunchBondTiers.Legend], b)?.bonus ?? 0) -\n        (findHighestTrueBondPrice(TIERS_WEIGHT[LaunchBondTiers.Legend], a)?.bonus ?? 0),\n    )\n    ?.filter((bond) => {\n      const bonus = findHighestTrueBondPrice(TIERS_WEIGHT[LaunchBondTiers.Legend], bond)?.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":["_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/RecommendationCards/SmallRecommendationCard.js

@@ -0,0 +1,26 @@
+import { jsxs, jsx } from 'theme-ui/jsx-runtime';
+import getTimePeriods from '../../../../utils/getTimePeriods.js';
+import '../../../../components/uikit-sdk/Svg/types.js';
+import 'theme-ui';
+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 'framer-motion';
+import '../../../../components/uikit-sdk/Button/types.js';
+import '../../../../contexts/ModalContext.js';
+import '../../../FullBondsView/FullBondsView.js';
+import '../../../../components/uikit-sdk/Select/types.js';
+import TokenImage from '../../../../components/uikit-sdk/TokenImage/index.js';
+import { styles } from './styles.js';
+
+const SmallRecommendationCard = ({ recommendation }) => {
+    const vestingTime = getTimePeriods(recommendation.vestingTerm ?? 0, 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 ?? 0, 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;AACxF,IAAA,MAAM,WAAW,GAAG,cAAc,CAAC,cAAc,CAAC,WAAW,IAAI,CAAC,EAAE,IAAI,CAAC;AAEzE,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;;;;"}

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

@@ -0,0 +1,79 @@
+import { jsxs, jsx } from 'theme-ui/jsx-runtime';
+import { useState, useEffect } from 'react';
+import { useTopTags } from '../../../../hooks/useTopTags.js';
+import { useAccount } from 'wagmi';
+import useHotBonds from '../../../../state/bonds/useHotBonds.js';
+import useGetBondRecommendations from '../../../../state/bonds/useGetBondRecommendations.js';
+import useBondsData from '../../../../state/bonds/useBondsData.js';
+import '../../../../components/uikit-sdk/Svg/types.js';
+import 'theme-ui';
+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 'framer-motion';
+import '../../../../components/uikit-sdk/Button/types.js';
+import '../../../../contexts/ModalContext.js';
+import '../../../FullBondsView/FullBondsView.js';
+import '../../../../components/uikit-sdk/Select/types.js';
+import RecommendationSelector from '../../../../components/MenuSelect/RecommendationSelector.js';
+import SmallRecommendationCard from './SmallRecommendationCard.js';
+import { useSDKConfig } from '../../../../state/useSDKConfig.js';
+import { findHighestTrueBondPrice } from '../../../BuyBond/findHighestTrueBondPrice.js';
+
+const RecommendationCards = () => {
+    const topTags = useTopTags();
+    const { address: account } = useAccount();
+    const options = account ? ['For You', 'Hot', ...topTags] : ['Hot', ...topTags];
+    const [activeOption, setActiveOption] = useState(options[0]);
+    const { data: hotRecommendations } = useHotBonds();
+    const { data: bonds } = useBondsData();
+    const SDKConfig = useSDKConfig();
+    const { data: forYouRecommendations } = useGetBondRecommendations(account, undefined, '3');
+    const sortedBonds = bonds && bonds?.length > 0
+        ? [...bonds].sort((a, b) => (findHighestTrueBondPrice('0', b)?.bonusWithFee ?? 0) -
+            (findHighestTrueBondPrice('0', a)?.bonusWithFee ?? 0))
+        : undefined;
+    const filteredBonds = sortedBonds?.filter((bond) => bond?.tags?.includes(activeOption) && !bond?.soldOut && SDKConfig?.chains?.includes(bond.chainId));
+    const selectedBonds = activeOption === 'For You' ? forYouRecommendations : activeOption === 'Hot' ? hotRecommendations : filteredBonds;
+    const slicedBonds = selectedBonds?.filter((bond) => SDKConfig?.chains?.includes(bond.chainId)).slice(0, 3);
+    const parsedBondsToRender = slicedBonds?.map((bond) => {
+        const contractAddress = 'billAddress' in bond ? bond.billAddress : bond?.contractAddress?.[bond?.chainId];
+        const payoutTokenName = 'payoutTokenName' in bond ? bond.payoutTokenName : bond.earnToken.symbol;
+        return {
+            payoutTokenName: payoutTokenName,
+            contractAddress,
+            vestingTerm: bond.vestingTerm ?? 0,
+            bonus: 'bonus' in bond ? bond.bonus : (findHighestTrueBondPrice('0', bond)?.bonusWithFee ?? 0),
+            chainId: bond.chainId,
+        };
+    });
+    useEffect(() => {
+        if (account) {
+            setActiveOption('For You');
+        }
+        else {
+            setActiveOption('Hot');
+        }
+    }, [account]);
+    return (jsxs(Flex, { sx: { mt: '15px', flexDirection: 'column', width: '100%', display: ['none', 'none', 'none', 'flex'] }, children: [jsxs(Flex, { sx: { width: '100%', justifyContent: 'space-between' }, children: [jsxs(Flex, { children: [jsx(Flex, { sx: {
+                                    width: ['60px', '60px', '60px', 'unset'],
+                                    mr: ['0px', '0px', '0px', '15px'],
+                                    alignItems: 'center',
+                                    color: 'grey',
+                                    fontSize: ['11px'],
+                                    fontWeight: 500,
+                                }, children: "BONDS MARKETS:" }), jsx(RecommendationSelector, { options: options, activeOption: activeOption, setActiveOption: setActiveOption })] }), jsx(Flex, { sx: { display: ['none', 'none', 'none', 'flex'] } })] }), jsx(Flex, { sx: {
+                    my: '10px',
+                    minHeight: '47.45px',
+                }, children: parsedBondsToRender &&
+                    parsedBondsToRender.length > 0 &&
+                    parsedBondsToRender.map((bond, index) => {
+                        return jsx(SmallRecommendationCard, { recommendation: bond }, `${bond.payoutTokenName}-${index}`);
+                    }) })] }));
+};
+
+export { RecommendationCards as default };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/views/Bonds/components/RecommendationCards/index.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react'\nimport { useTopTags } from '../../../../hooks/useTopTags'\nimport { useAccount } from 'wagmi'\nimport useHotBonds from '../../../../state/bonds/useHotBonds'\nimport useGetBondRecommendations from '../../../../state/bonds/useGetBondRecommendations'\nimport useBondsData from '../../../../state/bonds/useBondsData'\nimport { ChainId } from '@ape.swap/apeswap-lists'\nimport { Flex } from '../../../../components/uikit-sdk'\nimport RecommendationSelector from '../../../../components/MenuSelect/RecommendationSelector'\nimport SmallRecommendationCard from './SmallRecommendationCard'\nimport { useSDKConfig } from '../../../../state/useSDKConfig'\nimport { findHighestTrueBondPrice } from '../../../BuyBond/findHighestTrueBondPrice'\n\nexport interface SmallCardBond {\n  vestingTerm: number\n  payoutTokenName: string\n  contractAddress: string\n  bonus: number\n  chainId: ChainId\n}\n\nconst RecommendationCards = () => {\n  const topTags = useTopTags()\n  const { address: account } = useAccount()\n  const options = account ? ['For You', 'Hot', ...topTags] : ['Hot', ...topTags]\n  const [activeOption, setActiveOption] = useState(options[0])\n  const { data: hotRecommendations } = useHotBonds()\n  const { data: bonds } = useBondsData()\n  const SDKConfig = useSDKConfig()\n\n  const { data: forYouRecommendations } = useGetBondRecommendations(account, undefined, '3')\n  const sortedBonds =\n    bonds && bonds?.length > 0\n      ? [...bonds].sort(\n          (a, b) =>\n            (findHighestTrueBondPrice('0', b)?.bonusWithFee ?? 0) -\n            (findHighestTrueBondPrice('0', a)?.bonusWithFee ?? 0),\n        )\n      : undefined\n\n  const filteredBonds = sortedBonds?.filter(\n    (bond) => bond?.tags?.includes(activeOption) && !bond?.soldOut && SDKConfig?.chains?.includes(bond.chainId),\n  )\n\n  const selectedBonds =\n    activeOption === 'For You' ? forYouRecommendations : activeOption === 'Hot' ? hotRecommendations : filteredBonds\n\n  const slicedBonds = selectedBonds?.filter((bond) => SDKConfig?.chains?.includes(bond.chainId)).slice(0, 3)\n\n  const parsedBondsToRender: SmallCardBond[] | undefined = slicedBonds?.map((bond) => {\n    const contractAddress =\n      'billAddress' in bond ? bond.billAddress : (bond?.contractAddress?.[bond?.chainId] as string)\n    const payoutTokenName = 'payoutTokenName' in bond ? bond.payoutTokenName : bond.earnToken.symbol\n\n    return {\n      payoutTokenName: payoutTokenName,\n      contractAddress,\n      vestingTerm: bond.vestingTerm ?? 0,\n      bonus: 'bonus' in bond ? bond.bonus : (findHighestTrueBondPrice('0', bond)?.bonusWithFee ?? 0),\n      chainId: bond.chainId,\n    }\n  })\n\n  useEffect(() => {\n    if (account) {\n      setActiveOption('For You')\n    } else {\n      setActiveOption('Hot')\n    }\n  }, [account])\n\n  return (\n    <Flex sx={{ mt: '15px', flexDirection: 'column', width: '100%', display: ['none', 'none', 'none', 'flex'] }}>\n      <Flex sx={{ width: '100%', justifyContent: 'space-between' }}>\n        <Flex>\n          <Flex\n            sx={{\n              width: ['60px', '60px', '60px', 'unset'],\n              mr: ['0px', '0px', '0px', '15px'],\n              alignItems: 'center',\n              color: 'grey',\n              fontSize: ['11px'],\n              fontWeight: 500,\n            }}\n          >\n            BONDS MARKETS:\n          </Flex>\n          <RecommendationSelector options={options} activeOption={activeOption} setActiveOption={setActiveOption} />\n        </Flex>\n        <Flex sx={{ display: ['none', 'none', 'none', 'flex'] }} />\n      </Flex>\n      <Flex\n        sx={{\n          my: '10px',\n          minHeight: '47.45px',\n        }}\n      >\n        {parsedBondsToRender &&\n          parsedBondsToRender.length > 0 &&\n          parsedBondsToRender.map((bond, index) => {\n            return <SmallRecommendationCard recommendation={bond} key={`${bond.payoutTokenName}-${index}`} />\n          })}\n      </Flex>\n    </Flex>\n  )\n}\n\nexport default RecommendationCards\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

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

@@ -0,0 +1,24 @@
+const styles = {
+    smallCardContainer: {
+        width: '100%',
+        p: '6px 12px',
+        background: 'white2',
+        borderRadius: 'normal',
+        justifyContent: 'space-between',
+        alignItems: 'center',
+        cursor: 'pointer',
+        mr: '10px',
+        ':last-of-type': {
+            mr: '0px',
+        },
+    },
+    subTitle: {
+        color: 'textDisabledButton',
+        fontSize: '12px',
+        fontWeight: 400,
+        lineHeight: '16px',
+    },
+};
+
+export { styles };
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../../src/views/Bonds/components/RecommendationCards/styles.ts"],"sourcesContent":["import { ThemeUIStyleObject } from 'theme-ui'\n\nexport const styles: Record<'smallCardContainer' | 'subTitle', ThemeUIStyleObject> = {\n  smallCardContainer: {\n    width: '100%',\n    p: '6px 12px',\n    background: 'white2',\n    borderRadius: 'normal',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    cursor: 'pointer',\n    mr: '10px',\n    ':last-of-type': {\n      mr: '0px',\n    },\n  },\n  subTitle: {\n    color: 'textDisabledButton',\n    fontSize: '12px',\n    fontWeight: 400,\n    lineHeight: '16px',\n  },\n}\n"],"names":[],"mappings":"AAEO,MAAM,MAAM,GAAkE;AACnF,IAAA,kBAAkB,EAAE;AAClB,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,CAAC,EAAE,UAAU;AACb,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,YAAY,EAAE,QAAQ;AACtB,QAAA,cAAc,EAAE,eAAe;AAC/B,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,MAAM,EAAE,SAAS;AACjB,QAAA,EAAE,EAAE,MAAM;AACV,QAAA,eAAe,EAAE;AACf,YAAA,EAAE,EAAE,KAAK;AACV,SAAA;AACF,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA,KAAK,EAAE,oBAAoB;AAC3B,QAAA,QAAQ,EAAE,MAAM;AAChB,QAAA,UAAU,EAAE,GAAG;AACf,QAAA,UAAU,EAAE,MAAM;AACnB,KAAA;;;;;"}

package/dist/views/Bonds/index.js

@@ -0,0 +1,12 @@
+import { jsx } from 'theme-ui/jsx-runtime';
+import Providers from '../../providers/index.js';
+import Bonds from './Bonds.js';
+import { useSDKConfig } from '../../state/useSDKConfig.js';
+
+const BondsWithProviders = (props) => {
+    useSDKConfig(props);
+    return (jsx(Providers, { theme: props?.theme, children: jsx(Bonds, {}) }));
+};
+
+export { BondsWithProviders as default };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/views/Bonds/index.tsx"],"sourcesContent":["import React from 'react'\nimport Providers from '../../providers'\nimport Bonds from './Bonds'\nimport { SDKPropsDTO, useSDKConfig } from '../../state/useSDKConfig'\n\nconst BondsWithProviders: React.FC<SDKPropsDTO> = (props) => {\n  useSDKConfig(props)\n  return (\n    <Providers theme={props?.theme}>\n      <Bonds />\n    </Providers>\n  )\n}\n\nexport default BondsWithProviders\n"],"names":["_jsx"],"mappings":";;;;;AAKA,MAAM,kBAAkB,GAA0B,CAAC,KAAK,KAAI;IAC1D,YAAY,CAAC,KAAK,CAAC;AACnB,IAAA,QACEA,GAAA,CAAC,SAAS,EAAA,EAAC,KAAK,EAAE,KAAK,EAAE,KAAK,YAC5BA,GAAA,CAAC,KAAK,EAAA,EAAA,CAAG,EAAA,CACC;AAEhB;;;;"}

package/dist/views/Bonds/utils.js

@@ -0,0 +1,124 @@
+import BigNumber from 'bignumber.js';
+import getTimePeriods from '../../utils/getTimePeriods.js';
+import { LaunchBondTiers } from '@ape.swap/apeswap-lists';
+import { findHighestTrueBondPrice } from '../BuyBond/findHighestTrueBondPrice.js';
+import { TIERS_WEIGHT } from '../../state/tiers/useTierPoints.js';
+import { formatNumberSI } from '../../utils/formatNumber.js';
+import { formatDollar } from '../../utils/formatNumbers.js';
+
+const isBondSoldOut = (bill, showLowValueBonds) => {
+    if (bill.soldOut)
+        return true;
+    if (bill.hide)
+        return true;
+    const { tokensRemaining, payoutTokenPrice } = bill;
+    if (!tokensRemaining)
+        return false;
+    if (showLowValueBonds)
+        return false;
+    const thresholdToHide = new BigNumber(100).div(payoutTokenPrice ?? 0);
+    if (new BigNumber(tokensRemaining)?.lte(thresholdToHide)) {
+        // If there's less than 100 usd bond will be hidden
+        return true;
+    }
+    else
+        return false;
+};
+const sortBonds = (sortConfig, bonds) => {
+    const bondsToSort = bonds ?? [];
+    if (!sortConfig) {
+        return bondsToSort;
+    }
+    return [...bondsToSort].sort((a, b) => {
+        let aValue;
+        let bValue;
+        if (sortConfig?.key === 'arr') {
+            aValue = findHighestTrueBondPrice(TIERS_WEIGHT[LaunchBondTiers.Legend], a)?.bonusWithFee ?? 0;
+            bValue = findHighestTrueBondPrice(TIERS_WEIGHT[LaunchBondTiers.Legend], b)?.bonusWithFee ?? 0;
+        }
+        else if (sortConfig.key === 'tokensRemaining') {
+            aValue = remainingPercentage(a);
+            bValue = remainingPercentage(b);
+        }
+        else if (sortConfig.key === 'terms') {
+            aValue = vestingTime(a.vestingTerm).days;
+            bValue = vestingTime(b.vestingTerm).days;
+        }
+        else {
+            aValue = findHighestTrueBondPrice(TIERS_WEIGHT[LaunchBondTiers.Legend], a)?.bonusWithFee ?? 0;
+            bValue = findHighestTrueBondPrice(TIERS_WEIGHT[LaunchBondTiers.Legend], b)?.bonusWithFee ?? 0;
+        }
+        if (aValue < bValue) {
+            return sortConfig.direction === 'asc' ? -1 : 1;
+        }
+        if (aValue > bValue) {
+            return sortConfig.direction === 'asc' ? 1 : -1;
+        }
+        return 0;
+    });
+};
+const vestingTime = (vestingTerm) => {
+    return getTimePeriods(vestingTerm ?? 0, true);
+};
+const remainingPercentage = (bond) => {
+    const totalMaxPayout = new BigNumber(bond.maxTotalPayout ?? '0').div(new BigNumber(10).pow(bond.earnToken.decimals?.[bond.chainId] ?? 18));
+    const remainingTokens = new BigNumber(bond.tokensRemaining ?? '0');
+    return remainingTokens.div(totalMaxPayout).times(100).toNumber();
+};
+const getDiscountColor = (discount) => {
+    if (!discount)
+        return '';
+    return discount < 0 ? 'discount-negative' : 'discount-positive';
+};
+const calculateARR = (bond, useTiers) => {
+    if (!('trueBondPrices' in bond))
+        return '-';
+    const bonus = findHighestTrueBondPrice(useTiers ? TIERS_WEIGHT[LaunchBondTiers.Legend] : '0', bond)?.bonusWithFee;
+    const vestingTerm = 'vestingTerm' in bond ? bond?.vestingTerm : undefined;
+    if (!bonus)
+        return '-';
+    const discount = bonus ?? 0;
+    if (discount < 0)
+        return '-';
+    const vestingDays = vestingTime(vestingTerm).days;
+    return `${((discount * 365) / vestingDays).toFixed(2)}%`;
+};
+const isBondSupported = (SDKVersion, bondVersion) => {
+    // Split the versions into major, minor, and patch parts
+    const [major1, minor1, patch1] = SDKVersion.split('.').map(Number) ?? [];
+    const [major2, minor2, patch2] = bondVersion?.split('.').map(Number) ?? [];
+    // Compare major versions
+    if (major1 > major2)
+        return true;
+    if (major1 < major2)
+        return false;
+    // Compare minor versions
+    if (minor1 > minor2)
+        return true;
+    if (minor1 < minor2)
+        return false;
+    // Compare patch versions
+    if (patch1 >= patch2)
+        return true;
+    // If none of the above conditions are met, version1 is less
+    return false;
+};
+const getRemainingTokensString = (bond) => {
+    const remainingTokensFormat = (bond) => {
+        const tokensRemaining = 'tokensRemaining' in bond ? bond.tokensRemaining : '0';
+        return formatNumberSI(parseFloat(tokensRemaining ?? '0'), 0);
+    };
+    const remainingTokensUsd = (bond) => {
+        const tokensRemaining = 'tokensRemaining' in bond ? bond.tokensRemaining : '0';
+        const payoutTokenPrice = 'payoutTokenPrice' in bond ? bond.payoutTokenPrice : 0;
+        const tokens = new BigNumber(tokensRemaining ?? '0');
+        return tokens.times(payoutTokenPrice ?? '0');
+    };
+    return `${remainingTokensFormat(bond)} ${bond.earnToken.symbol} (${formatDollar({
+        num: remainingTokensUsd(bond).toNumber(),
+        isPrice: true,
+    })})`;
+};
+
+export { calculateARR, getDiscountColor, getRemainingTokensString, isBondSoldOut, isBondSupported, remainingPercentage, sortBonds, vestingTime };
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../src/views/Bonds/utils.ts"],"sourcesContent":["import { BondsData } from '../../types/bonds'\nimport BigNumber from 'bignumber.js'\nimport { SortOptions } from './Bonds'\nimport getTimePeriods from '../../utils/getTimePeriods'\nimport { BillsConfig, LaunchBondTiers } from '@ape.swap/apeswap-lists'\nimport { findHighestTrueBondPrice } from '../BuyBond/findHighestTrueBondPrice'\nimport { TIERS_WEIGHT } from '../../state/tiers/useTierPoints'\nimport { formatNumberSI } from '../../utils/formatNumber'\nimport { formatDollar } from '../../utils/formatNumbers'\n\nexport const isBondSoldOut = (bill: BondsData, showLowValueBonds?: boolean): boolean => {\n  if (bill.soldOut) return true\n  if (bill.hide) return true\n  const { tokensRemaining, payoutTokenPrice } = bill\n  if (!tokensRemaining) return false\n  if (showLowValueBonds) return false\n  const thresholdToHide = new BigNumber(100).div(payoutTokenPrice ?? 0)\n  if (new BigNumber(tokensRemaining)?.lte(thresholdToHide)) {\n    // If there's less than 100 usd bond will be hidden\n    return true\n  } else return false\n}\n\nexport const sortBonds = (sortConfig?: SortOptions, bonds?: BondsData[]) => {\n  const bondsToSort = bonds ?? []\n\n  if (!sortConfig) {\n    return bondsToSort\n  }\n\n  return [...bondsToSort].sort((a, b) => {\n    let aValue: number\n    let bValue: number\n\n    if (sortConfig?.key === 'arr') {\n      aValue = findHighestTrueBondPrice(TIERS_WEIGHT[LaunchBondTiers.Legend], a)?.bonusWithFee ?? 0\n      bValue = findHighestTrueBondPrice(TIERS_WEIGHT[LaunchBondTiers.Legend], b)?.bonusWithFee ?? 0\n    } else if (sortConfig.key === 'tokensRemaining') {\n      aValue = remainingPercentage(a)\n      bValue = remainingPercentage(b)\n    } else if (sortConfig.key === 'terms') {\n      aValue = vestingTime(a.vestingTerm).days\n      bValue = vestingTime(b.vestingTerm).days\n    } else {\n      aValue = findHighestTrueBondPrice(TIERS_WEIGHT[LaunchBondTiers.Legend], a)?.bonusWithFee ?? 0\n      bValue = findHighestTrueBondPrice(TIERS_WEIGHT[LaunchBondTiers.Legend], b)?.bonusWithFee ?? 0\n    }\n\n    if (aValue < bValue) {\n      return sortConfig.direction === 'asc' ? -1 : 1\n    }\n    if (aValue > bValue) {\n      return sortConfig.direction === 'asc' ? 1 : -1\n    }\n    return 0\n  })\n}\n\nexport const vestingTime = (vestingTerm?: number) => {\n  return getTimePeriods(vestingTerm ?? 0, true)\n}\n\nexport const remainingPercentage = (bond: BondsData): number => {\n  const totalMaxPayout = new BigNumber(bond.maxTotalPayout ?? '0').div(\n    new BigNumber(10).pow(bond.earnToken.decimals?.[bond.chainId] ?? 18),\n  )\n  const remainingTokens = new BigNumber(bond.tokensRemaining ?? '0')\n\n  return remainingTokens.div(totalMaxPayout).times(100).toNumber()\n}\n\nexport const getDiscountColor = (discount?: number): string => {\n  if (!discount) return ''\n  return discount < 0 ? 'discount-negative' : 'discount-positive'\n}\nexport const calculateARR = (bond: BondsData | BillsConfig, useTiers: boolean): string => {\n  if (!('trueBondPrices' in bond)) return '-'\n  const bonus = findHighestTrueBondPrice(useTiers ? TIERS_WEIGHT[LaunchBondTiers.Legend] : '0', bond)?.bonusWithFee\n  const vestingTerm = 'vestingTerm' in bond ? bond?.vestingTerm : undefined\n  if (!bonus) return '-'\n  const discount = bonus ?? 0\n  if (discount < 0) return '-'\n  const vestingDays = vestingTime(vestingTerm).days\n  return `${((discount * 365) / vestingDays).toFixed(2)}%`\n}\n\nexport const isBondSupported = (SDKVersion: string, bondVersion: string) => {\n  // Split the versions into major, minor, and patch parts\n  const [major1, minor1, patch1] = SDKVersion.split('.').map(Number) ?? []\n  const [major2, minor2, patch2] = bondVersion?.split('.').map(Number) ?? []\n\n  // Compare major versions\n  if (major1 > major2) return true\n  if (major1 < major2) return false\n\n  // Compare minor versions\n  if (minor1 > minor2) return true\n  if (minor1 < minor2) return false\n\n  // Compare patch versions\n  if (patch1 >= patch2) return true\n\n  // If none of the above conditions are met, version1 is less\n  return false\n}\n\nexport const getRemainingTokensString = (bond: BondsData | BillsConfig) => {\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  return `${remainingTokensFormat(bond)} ${bond.earnToken.symbol} (${formatDollar({\n    num: remainingTokensUsd(bond).toNumber(),\n    isPrice: true,\n  })})`\n}\n"],"names":[],"mappings":"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"}