@ape.swap/bonds-sdk 5.1.32 → 5.1.34

package/dist/views/BuyBond/components/PointsLeftForNextTier/PointsLeftForNextTier.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PointsLeftForNextTier.js","sources":["../../../../../src/views/BuyBond/components/PointsLeftForNextTier/PointsLeftForNextTier.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport Flex from '../../../../components/uikit-sdk/Flex'\nimport { BondsData } from '../../../../types/bonds'\nimport useTierPoints, {\n  getUserTier,\n  TIERS_COLORS,\n  TIERS_NAMES,\n  TIERS_WEIGHT,\n} from '../../../../state/tiers/useTierPoints'\nimport { BillVersion, LaunchBondTiers } from '@ape.swap/apeswap-lists'\nimport { getBalanceNumber } from '../../../../utils/getBalanceNumber'\nimport { formatNumberSI } from '../../../../utils/formatNumber'\nimport { useAbondPrice } from '../../../../state/tokenPrices/useAbondPrice'\nimport Svg from '../../../../components/uikit-sdk/Svg'\nimport { AnimatePresence, motion } from 'framer-motion'\nimport { calculateOptimizationData } from '../../utils'\n\nconst getNextTierInfo = (userPoints: string) => {\n  const tiers = [\n    { tier: LaunchBondTiers.Silver, threshold: TIERS_WEIGHT[LaunchBondTiers.Silver] },\n    { tier: LaunchBondTiers.Gold, threshold: TIERS_WEIGHT[LaunchBondTiers.Gold] },\n    { tier: LaunchBondTiers.Diamond, threshold: TIERS_WEIGHT[LaunchBondTiers.Diamond] },\n    { tier: LaunchBondTiers.Legend, threshold: TIERS_WEIGHT[LaunchBondTiers.Legend] },\n    { tier: LaunchBondTiers.Mythical, threshold: TIERS_WEIGHT[LaunchBondTiers.Mythical] },\n  ]\n\n  const userPointsBN = getBalanceNumber(userPoints)\n\n  for (const { tier, threshold } of tiers) {\n    const thresholdNumber = getBalanceNumber(threshold)\n    if (userPointsBN < thresholdNumber) {\n      const pointsNeeded = thresholdNumber - userPointsBN\n      return { nextTier: tier, pointsNeeded }\n    }\n  }\n\n  return null // User is at max tier (Mythical)\n}\n\ninterface GetUpToComponentProps {\n  bond: BondsData\n  inputAmount: string\n  setInputValue: (value: string) => void\n  inputTokenDecimals: number\n  inputTokenPrice?: number\n}\n\nconst PointsLeftForNextTier: React.FC<GetUpToComponentProps> = ({\n  bond,\n  inputAmount,\n  setInputValue,\n  inputTokenDecimals,\n  inputTokenPrice,\n}) => {\n  const [isOpen, setIsOpen] = useState(false)\n  // Hooks & Data\n  const { data: userPoints } = useTierPoints()\n  const abondPrice = useAbondPrice()\n  const userTier = getUserTier(userPoints)\n  const nextTierInfo = getNextTierInfo(userPoints || '0')\n  const inputAmountUSD = parseFloat(inputAmount) * (inputTokenPrice ?? 0)\n  const necessaryUSDAmount = (nextTierInfo?.pointsNeeded! / 4) * abondPrice!\n  const fee = ((bond.tierBoostRate ?? 0) + 100) / 100 - 1\n  const feeToBeCollected = inputAmountUSD * fee\n  const feeInAbond = feeToBeCollected / abondPrice!\n  const pointsToBeEarned = feeInAbond * 4\n\n  const optimizationData = calculateOptimizationData(inputAmount, userPoints!, bond, inputTokenPrice, abondPrice)\n  const nextTierData = optimizationData?.data?.[0]\n  const highestProfitableTier = optimizationData?.highestProfitableTier\n\n  const handleSetNextTierAmount = (amount: number) => {\n    const inputValueInSelectedToken = amount / (inputTokenPrice ?? 0)\n    setInputValue(inputValueInSelectedToken.toFixed(inputTokenDecimals))\n  }\n\n  return (\n    userTier !== LaunchBondTiers.Legend &&\n    bond.billVersion === BillVersion.V4 && (\n      <Flex\n        sx={{\n          width: '100%',\n          mt: '10px',\n          fontSize: '12px',\n          fontWeight: 400,\n          flexDirection: 'column',\n          position: 'relative',\n          cursor: 'pointer',\n        }}\n        onClick={() => setIsOpen(!isOpen)}\n      >\n        {highestProfitableTier ? (\n          <Flex\n            sx={{\n              border: '1px solid rgba(22, 101, 52, 0.53)',\n              borderRadius: 'normal',\n              position: 'relative',\n              overflow: 'hidden',\n              pl: '10px',\n              pr: ['10px', '10px', '10px', '20px'],\n              py: '6px',\n              background: 'linear-gradient(90deg, #0A2A1A 0%, #1A2A28 100%) !important',\n              color: 'rgba(134, 237, 171, 0.70)',\n              minHeight: '27px',\n              alignItems: 'center',\n              gap: '5px',\n              flexWrap: 'wrap',\n            }}\n          >\n            <span sx={{ flex: 1 }}>\n              <span sx={{ display: 'inline-flex', verticalAlign: 'sub', mr: '4px' }}>\n                <Svg icon=\"Discount\" width={14} color={'#4AD980'} />\n              </span>\n              <span sx={{ fontWeight: 700 }}>Congratulations!</span> With your purchase you will accumulate points to\n              upgrade to {/*@ts-ignore*/}\n              <span sx={{ fontWeight: 700, color: TIERS_COLORS[highestProfitableTier?.tier] }}>\n                {highestProfitableTier.tierName}\n              </span>{' '}\n              <span sx={{ fontWeight: 700 }}>Tier!</span>\n            </span>\n            <Svg icon={'caret'} direction={isOpen ? 'up' : 'down'} width={10} />\n          </Flex>\n        ) : (\n          (userTier ?? 0) < LaunchBondTiers.Mythical &&\n          nextTierData && (\n            <Flex\n              sx={{\n                border: '1px solid #9960C5',\n                borderRadius: 'normal',\n                position: 'relative',\n                overflow: 'hidden',\n                pl: '10px',\n                pr: '20px',\n                py: '2px',\n                alignItems: 'center',\n                background: '#312341',\n                justifyContent: 'space-between',\n              }}\n            >\n              <Flex sx={{ alignItems: 'center', justifyContent: 'space-between', width: '100%' }}>\n                <Flex sx={{ alignItems: 'center' }}>\n                  <img\n                    src={`https://ape.bond/images/launch/${nextTierData?.tierName?.toLowerCase()}.png`}\n                    alt=\"minTier\"\n                    style={{ width: '21px', height: '21px', marginRight: '3px', zIndex: 1 }}\n                  />\n                  Doing a ${formatNumberSI(nextTierData?.minBreakevenWithFeeUSD!)} bond purchase will grant you a\n                  {/*@ts-ignore*/}\n                  <span sx={{ color: TIERS_COLORS[nextTierData?.tier], px: '3px', fontWeight: 600 }}>\n                    {nextTierData?.tierName}\n                  </span>\n                  Tier.\n                </Flex>\n                <span\n                  sx={{\n                    mx: '5px',\n                    color: 'primaryButton',\n                    fontWeight: 500,\n                    cursor: 'pointer',\n                    ':hover': { textDecoration: 'underline' },\n                  }}\n                  onClick={(e) => {\n                    e.stopPropagation()\n                    handleSetNextTierAmount(nextTierData.minBreakevenWithFeeUSD * 1.01)\n                  }}\n                >\n                  {'Upgrade now >'}\n                </span>\n              </Flex>\n              <Svg icon={'caret'} direction={isOpen ? 'up' : 'down'} width={10} />\n            </Flex>\n          )\n        )}\n        <AnimatePresence>\n          {isOpen && optimizationData && (\n            <motion.div\n              initial={{ height: 0 }}\n              animate={{ height: 'fit-content' }}\n              transition={{ opacity: { duration: 0.2 } }}\n              exit={{ height: 0 }}\n              sx={{ overflow: 'hidden', width: '100%', marginTop: '5px', cursor: 'pointer' }}\n            >\n              {optimizationData?.data?.slice(1, optimizationData?.data.length)?.map((data) => {\n                return (\n                  <Flex\n                    sx={{\n                      border: '1px solid #9960C5',\n                      borderRadius: 'normal',\n                      position: 'relative',\n                      overflow: 'hidden',\n                      pl: '10px',\n                      pr: '20px',\n                      py: '2px',\n                      mt: '3px',\n                      alignItems: 'center',\n                      background: '#312341',\n                      justifyContent: 'space-between',\n                    }}\n                    onClick={() => handleSetNextTierAmount(data.minBreakevenWithFeeUSD * 1.01)}\n                    key={data.tierName}\n                  >\n                    <span sx={{ flex: 1 }}>\n                      <span sx={{ display: 'inline-flex', verticalAlign: 'bottom' }}>\n                        <img\n                          src={`https://ape.bond/images/launch/${data?.tierName?.toLowerCase()}.png`}\n                          alt=\"minTier\"\n                          style={{ width: '21px', height: '21px', marginRight: '3px', zIndex: 1 }}\n                        />\n                      </span>\n                      Doing a ${formatNumberSI(data?.minBreakevenWithFeeUSD!)} bond purchase will grant you a\n                      {/*@ts-ignore*/}\n                      <span sx={{ color: TIERS_COLORS[data?.tier], px: '3px', fontWeight: 600 }}>{data?.tierName}</span>\n                      Tier.\n                      <span\n                        sx={{\n                          ml: '5px',\n                          mr: '15px',\n                          color: 'primaryButton',\n                          fontWeight: 500,\n                          cursor: 'pointer',\n                          ':hover': { textDecoration: 'underline' },\n                          display: ['inline', 'inline', 'inline', 'none'],\n                        }}\n                        onClick={() => handleSetNextTierAmount(data.minBreakevenWithFeeUSD * 1.01)}\n                      >\n                        {`Upgrade now >`}\n                      </span>\n                    </span>\n                    <span\n                      sx={{\n                        ml: '5px',\n                        mr: '15px',\n                        color: 'primaryButton',\n                        fontWeight: 500,\n                        cursor: 'pointer',\n                        ':hover': { textDecoration: 'underline' },\n                        display: ['none', 'none', 'none', 'flex'],\n                      }}\n                      onClick={() => handleSetNextTierAmount(data.minBreakevenWithFeeUSD * 1.01)}\n                    >\n                      {`Upgrade now >`}\n                    </span>\n                  </Flex>\n                )\n              })}\n            </motion.div>\n          )}\n        </AnimatePresence>\n        <Flex sx={{ mt: '15px' }}>Debbuging table</Flex>\n        <Flex\n          sx={{\n            width: '100%',\n            mt: '10px',\n            fontSize: '12px',\n            fontWeight: 400,\n            flexDirection: 'column',\n            position: 'relative',\n            '& > :nth-of-type(even)': {\n              background: 'white3',\n            },\n            '& > :nth-of-type(odd)': {\n              background: 'white4',\n            },\n          }}\n        >\n          <Flex sx={{ width: '100%', justifyContent: 'space-between', p: '3px' }}>\n            <Flex>User Points</Flex>\n            <Flex>{formatNumberSI(getBalanceNumber(userPoints!))}</Flex>\n          </Flex>\n          <Flex sx={{ width: '100%', justifyContent: 'space-between', p: '3px' }}>\n            {/*@ts-ignore*/}\n            <Flex>Points needed for {TIERS_NAMES[nextTierInfo?.nextTier]}</Flex>\n            <Flex>{formatNumberSI(nextTierInfo?.pointsNeeded)}</Flex>\n          </Flex>\n          <Flex sx={{ width: '100%', justifyContent: 'space-between', p: '3px' }}>\n            <Flex>usd Abond necessary for next tier</Flex>\n            <Flex>${formatNumberSI(necessaryUSDAmount)}</Flex>\n          </Flex>\n          <Flex sx={{ width: '100%', justifyContent: 'space-between', p: '3px' }}>\n            <Flex>Fee percentage</Flex>\n            <Flex>\n              {bond.tierBoostRate}% (${formatNumberSI(feeToBeCollected)})\n            </Flex>\n          </Flex>\n          {/*<Flex sx={{ width: '100%', justifyContent: 'space-between', p: '3px' }}>*/}\n          {/*  <Flex>Input Amount USD</Flex>*/}\n          {/*  <Flex>${formatNumberSI(inputAmountUSD)}</Flex>*/}\n          {/*</Flex>*/}\n          {/*<Flex sx={{ width: '100%', justifyContent: 'space-between', p: '3px' }}>*/}\n          {/*  <Flex>USD Fee to be collected</Flex>*/}\n          {/*  <Flex>${formatNumberSI(feeToBeCollected)}</Flex>*/}\n          {/*</Flex>*/}\n          {/*<Flex sx={{ width: '100%', justifyContent: 'space-between', p: '3px' }}>*/}\n          {/*  <Flex>Fee in ABOND</Flex>*/}\n          {/*  <Flex>{formatNumberSI(feeInAbond)} ABOND</Flex>*/}\n          {/*</Flex>*/}\n          <Flex sx={{ width: '100%', justifyContent: 'space-between', p: '3px' }}>\n            <Flex>Points To Be Earned through tierBoostRate</Flex>\n            <Flex>{formatNumberSI(pointsToBeEarned, 0)}</Flex>\n          </Flex>\n          {/*<Flex sx={{ width: '100%', justifyContent: 'space-between', p: '3px' }}>*/}\n          {/*  <Flex>Enough points to upgrade?</Flex>*/}\n          {/*  <Flex>{arePointsEnough ? 'Yes 🔥' : 'No :('}</Flex>*/}\n          {/*</Flex>*/}\n          {/*<Flex sx={{ width: '100%', justifyContent: 'space-between', p: '3px' }}>*/}\n          {/*  <Flex>Fee in ABOND</Flex>*/}\n          {/*  <Flex>{formatNumberSI(feeInAbond)} ABOND</Flex>*/}\n          {/*</Flex>*/}\n        </Flex>\n      </Flex>\n    )\n  )\n}\n\nexport default PointsLeftForNextTier\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/views/BuyBond/utils.d.ts

@@ -0,0 +1,20 @@
+import { BondsData } from '../../types/bonds';
+export declare function calculateOptimizationData(inputAmount: string, userPoints: string | undefined, bond: BondsData, inputTokenPriceUsd?: number, abondPriceUsd?: number): {
+    tierBoostPoints: number;
+    highestProfitableTier: {
+        tier: number;
+        tierName: string;
+        isProfitable: boolean;
+        tierCostUSD: number;
+        minBreakevenWithFeeUSD: number;
+        necessaryPointsToUpgrade: number;
+    };
+    data: {
+        tier: number;
+        tierName: string;
+        isProfitable: boolean;
+        tierCostUSD: number;
+        minBreakevenWithFeeUSD: number;
+        necessaryPointsToUpgrade: number;
+    }[];
+} | null;

package/dist/views/BuyBond/utils.js

@@ -0,0 +1,64 @@
+import { findHighestTrueBondPrice } from '../../utils/bondPriceHelpers.js';
+import { getUserTier, TIERS_NAMES } from '../../state/tiers/useTierPoints.js';
+
+const ABOND_PRICE_SAFETY_BUFFER_MIN = 0.05; // 5% floor
+const ABOND_PRICE_SAFETY_BUFFER_SCALE = 0.0001; // 0.01% of rawTierCostUsd
+function calculateOptimizationData(inputAmount, userPoints = '0', bond, inputTokenPriceUsd = 0, abondPriceUsd) {
+    const { trueBondPrices } = bond;
+    if (!trueBondPrices) {
+        console.log('no truebondprices');
+        return null;
+    }
+    if (!abondPriceUsd) {
+        console.log('No Abond Price');
+        return null;
+    }
+    if (inputTokenPriceUsd <= 0) {
+        console.log('missing token price');
+        return null;
+    }
+    const currentTierData = findHighestTrueBondPrice(userPoints, trueBondPrices);
+    const currentTier = getUserTier(userPoints);
+    const bonus_curr = 1 + currentTierData?.bonusWithFee / 100;
+    const currentPoints = BigInt(userPoints);
+    const inputAmountUSD = parseFloat(inputAmount || '0') * inputTokenPriceUsd;
+    const tierBoostRate = (bond.tierBoostRate ?? 0) / 100;
+    const tierBoostUsd = inputAmountUSD * tierBoostRate;
+    const feeInAbond = tierBoostUsd / abondPriceUsd;
+    const tierBoostPoints = feeInAbond * 4;
+    const dataToReturn = {};
+    for (const tierData of trueBondPrices) {
+        if (tierData.boost <= currentTier)
+            continue;
+        // @ts-ignore
+        const tierName = TIERS_NAMES[tierData.boost];
+        const pointsNeededWei = BigInt(tierData.points) - currentPoints;
+        const abondNeededRaw = Math.ceil(Number(pointsNeededWei) / 1e18 / 4);
+        const rawTierCostUsd = abondNeededRaw * abondPriceUsd;
+        const dynamicBuffer = Math.max(ABOND_PRICE_SAFETY_BUFFER_MIN, rawTierCostUsd * ABOND_PRICE_SAFETY_BUFFER_SCALE);
+        const bufferedAbondPrice = abondPriceUsd * (1 + dynamicBuffer);
+        const newBonusWithThisTier = tierData.bonusWithFee;
+        const tierCostUsd = abondNeededRaw * bufferedAbondPrice;
+        const bonus_new = 1 + newBonusWithThisTier / 100;
+        const denominator = bonus_new - bonus_curr + tierBoostRate;
+        const minBreakeven = denominator > 0 ? tierCostUsd / denominator : Infinity;
+        // for debugging purposes
+        // const originalOutputUsd = minBreakeven * bonus_curr
+        // const outputAfterUpgrade = minBreakeven * bonus_new - (tierCostUsd - minBreakeven * tierBoostRate)
+        const isProfitable = inputAmountUSD > (minBreakeven ?? 0);
+        dataToReturn[tierData.boost] = {
+            tier: tierData.boost,
+            tierName,
+            isProfitable,
+            tierCostUSD: tierCostUsd,
+            minBreakevenWithFeeUSD: minBreakeven,
+            necessaryPointsToUpgrade: abondNeededRaw * 4,
+        };
+    }
+    const profitableTiers = Object.values(dataToReturn).filter((item) => item.isProfitable);
+    const highestProfitableTier = profitableTiers[profitableTiers.length - 1];
+    return { tierBoostPoints, highestProfitableTier, data: Object.values(dataToReturn) };
+}
+
+export { calculateOptimizationData };
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../src/views/BuyBond/utils.ts"],"sourcesContent":["import { BondsData } from '../../types/bonds'\nimport { findHighestTrueBondPrice } from '../../utils/bondPriceHelpers'\nimport { getUserTier, NewTiers, TIERS_NAMES } from '../../state/tiers/useTierPoints'\n\nconst ABOND_PRICE_SAFETY_BUFFER_MIN = 0.05 // 5% floor\nconst ABOND_PRICE_SAFETY_BUFFER_SCALE = 0.0001 // 0.01% of rawTierCostUsd\n\nexport function calculateOptimizationData(\n  inputAmount: string,\n  userPoints = '0',\n  bond: BondsData,\n  inputTokenPriceUsd = 0,\n  abondPriceUsd?: number,\n) {\n  const { trueBondPrices } = bond\n\n  if (!trueBondPrices) {\n    console.log('no truebondprices')\n    return null\n  }\n  if (!abondPriceUsd) {\n    console.log('No Abond Price')\n    return null\n  }\n\n  if (inputTokenPriceUsd <= 0) {\n    console.log('missing token price')\n    return null\n  }\n\n  const currentTierData = findHighestTrueBondPrice(userPoints, trueBondPrices)\n  const currentTier = getUserTier(userPoints)!\n\n  const bonus_curr = 1 + currentTierData?.bonusWithFee! / 100\n  const currentPoints = BigInt(userPoints)\n\n  const inputAmountUSD = parseFloat(inputAmount || '0') * inputTokenPriceUsd\n\n  const tierBoostRate = (bond.tierBoostRate ?? 0) / 100\n  const tierBoostUsd = inputAmountUSD * tierBoostRate\n  const feeInAbond = tierBoostUsd / abondPriceUsd\n  const tierBoostPoints = feeInAbond * 4\n\n  const dataToReturn: Record<\n    number,\n    {\n      tier: number\n      tierName: string\n      isProfitable: boolean\n      tierCostUSD: number\n      minBreakevenWithFeeUSD: number\n      necessaryPointsToUpgrade: number\n    }\n  > = {}\n\n  for (const tierData of trueBondPrices) {\n    if (tierData.boost <= currentTier) continue\n    // @ts-ignore\n    const tierName = TIERS_NAMES[tierData.boost]\n\n    const pointsNeededWei = BigInt(tierData.points) - currentPoints\n    const abondNeededRaw = Math.ceil(Number(pointsNeededWei) / 1e18 / 4)\n\n    const rawTierCostUsd = abondNeededRaw * abondPriceUsd\n    const dynamicBuffer = Math.max(ABOND_PRICE_SAFETY_BUFFER_MIN, rawTierCostUsd * ABOND_PRICE_SAFETY_BUFFER_SCALE)\n    const bufferedAbondPrice = abondPriceUsd * (1 + dynamicBuffer)\n\n    const newBonusWithThisTier = tierData.bonusWithFee\n\n    const tierCostUsd = abondNeededRaw * bufferedAbondPrice\n    const bonus_new = 1 + newBonusWithThisTier / 100\n\n    const denominator = bonus_new - bonus_curr + tierBoostRate\n    const minBreakeven = denominator > 0 ? tierCostUsd / denominator : Infinity\n\n    // for debugging purposes\n    // const originalOutputUsd = minBreakeven * bonus_curr\n    // const outputAfterUpgrade = minBreakeven * bonus_new - (tierCostUsd - minBreakeven * tierBoostRate)\n\n    const isProfitable = inputAmountUSD > (minBreakeven ?? 0)\n\n    dataToReturn[tierData.boost] = {\n      tier: tierData.boost as NewTiers,\n      tierName,\n      isProfitable,\n      tierCostUSD: tierCostUsd,\n      minBreakevenWithFeeUSD: minBreakeven,\n      necessaryPointsToUpgrade: abondNeededRaw * 4,\n    }\n  }\n\n  const profitableTiers = Object.values(dataToReturn).filter((item) => item.isProfitable)\n  const highestProfitableTier = profitableTiers[profitableTiers.length - 1]\n\n  return { tierBoostPoints, highestProfitableTier, data: Object.values(dataToReturn) }\n}\n"],"names":[],"mappings":";;;AAIA,MAAM,6BAA6B,GAAG,IAAI,CAAA;AAC1C,MAAM,+BAA+B,GAAG,MAAM,CAAA;AAExC,SAAU,yBAAyB,CACvC,WAAmB,EACnB,UAAU,GAAG,GAAG,EAChB,IAAe,EACf,kBAAkB,GAAG,CAAC,EACtB,aAAsB,EAAA;AAEtB,IAAA,MAAM,EAAE,cAAc,EAAE,GAAG,IAAI;IAE/B,IAAI,CAAC,cAAc,EAAE;AACnB,QAAA,OAAO,CAAC,GAAG,CAAC,mBAAmB,CAAC;AAChC,QAAA,OAAO,IAAI;IACb;IACA,IAAI,CAAC,aAAa,EAAE;AAClB,QAAA,OAAO,CAAC,GAAG,CAAC,gBAAgB,CAAC;AAC7B,QAAA,OAAO,IAAI;IACb;AAEA,IAAA,IAAI,kBAAkB,IAAI,CAAC,EAAE;AAC3B,QAAA,OAAO,CAAC,GAAG,CAAC,qBAAqB,CAAC;AAClC,QAAA,OAAO,IAAI;IACb;IAEA,MAAM,eAAe,GAAG,wBAAwB,CAAC,UAAU,EAAE,cAAc,CAAC;AAC5E,IAAA,MAAM,WAAW,GAAG,WAAW,CAAC,UAAU,CAAE;IAE5C,MAAM,UAAU,GAAG,CAAC,GAAG,eAAe,EAAE,YAAa,GAAG,GAAG;AAC3D,IAAA,MAAM,aAAa,GAAG,MAAM,CAAC,UAAU,CAAC;IAExC,MAAM,cAAc,GAAG,UAAU,CAAC,WAAW,IAAI,GAAG,CAAC,GAAG,kBAAkB;IAE1E,MAAM,aAAa,GAAG,CAAC,IAAI,CAAC,aAAa,IAAI,CAAC,IAAI,GAAG;AACrD,IAAA,MAAM,YAAY,GAAG,cAAc,GAAG,aAAa;AACnD,IAAA,MAAM,UAAU,GAAG,YAAY,GAAG,aAAa;AAC/C,IAAA,MAAM,eAAe,GAAG,UAAU,GAAG,CAAC;IAEtC,MAAM,YAAY,GAUd,EAAE;AAEN,IAAA,KAAK,MAAM,QAAQ,IAAI,cAAc,EAAE;AACrC,QAAA,IAAI,QAAQ,CAAC,KAAK,IAAI,WAAW;YAAE;;QAEnC,MAAM,QAAQ,GAAG,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC;QAE5C,MAAM,eAAe,GAAG,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,GAAG,aAAa;AAC/D,QAAA,MAAM,cAAc,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,eAAe,CAAC,GAAG,IAAI,GAAG,CAAC,CAAC;AAEpE,QAAA,MAAM,cAAc,GAAG,cAAc,GAAG,aAAa;AACrD,QAAA,MAAM,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,6BAA6B,EAAE,cAAc,GAAG,+BAA+B,CAAC;QAC/G,MAAM,kBAAkB,GAAG,aAAa,IAAI,CAAC,GAAG,aAAa,CAAC;AAE9D,QAAA,MAAM,oBAAoB,GAAG,QAAQ,CAAC,YAAY;AAElD,QAAA,MAAM,WAAW,GAAG,cAAc,GAAG,kBAAkB;AACvD,QAAA,MAAM,SAAS,GAAG,CAAC,GAAG,oBAAoB,GAAG,GAAG;AAEhD,QAAA,MAAM,WAAW,GAAG,SAAS,GAAG,UAAU,GAAG,aAAa;AAC1D,QAAA,MAAM,YAAY,GAAG,WAAW,GAAG,CAAC,GAAG,WAAW,GAAG,WAAW,GAAG,QAAQ;;;;QAM3E,MAAM,YAAY,GAAG,cAAc,IAAI,YAAY,IAAI,CAAC,CAAC;AAEzD,QAAA,YAAY,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG;YAC7B,IAAI,EAAE,QAAQ,CAAC,KAAiB;YAChC,QAAQ;YACR,YAAY;AACZ,YAAA,WAAW,EAAE,WAAW;AACxB,YAAA,sBAAsB,EAAE,YAAY;YACpC,wBAAwB,EAAE,cAAc,GAAG,CAAC;SAC7C;IACH;IAEA,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,YAAY,CAAC;IACvF,MAAM,qBAAqB,GAAG,eAAe,CAAC,eAAe,CAAC,MAAM,GAAG,CAAC,CAAC;AAEzE,IAAA,OAAO,EAAE,eAAe,EAAE,qBAAqB,EAAE,IAAI,EAAE,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,EAAE;AACtF;;;;"}

package/dist/views/ProjectView/ProjectView.js

@@ -9,7 +9,6 @@ import BondCards from '../BuyBond/components/BondCards/BondCards.js';
 import ProjectInfo from './components/ProjectInfo/index.js';
 import BondStats from './components/BondStats/index.js';
 import BondLeaderboard from './components/BondLeaderboard/index.js';
-import PriceChart from './components/PriceChart/index.js';
 import BuyComponent from '../BuyBond/BuyComponent.js';
 import useTokenPrices from '../../state/tokenPrices/useTokenPrices.js';
 import useHistoricalPrice from '../../state/historicalPrice/useHistoricalPrice.js';
@@ -40,13 +39,15 @@ const ProjectView = ({ bondAddress, bondChain }) => {
                     '&& > div > div': {
                         background: 'white2',
                     },
-                }, children: jsx(BondCards, { bondData: bondData }) })), bondData ? (jsx(Fragment, { children: jsxs(Flex, { sx: { width: '100%', flexDirection: 'column', mt: '10px' }, children: [jsxs(Flex, { sx: { width: '100%', flexDirection: ['column', 'column', 'column', 'row'], alignItems: 'stretch' }, children: [jsx(Flex, { sx: {
-                                        background: 'white2',
-                                        borderRadius: 'normal',
-                                        // p: '5px 20px 20px 20px',
-                                        width: ['100%', '100%', '100%', '50%'],
-                                        mt: '5px',
-                                    }, children: jsx(BuyComponent, { bondAddress: bondData?.contractAddress?.[bondData.chainId], bondChain: bondData.chainId, isProjectView: true }) }), jsx(PriceChart, { selectedBond: bondData, historicalPrices: historicalPrices })] }), jsx(Flex, { sx: { width: '100%', mt: '10px' }, children: jsx(ProjectInfo, { selectedBond2: bondData }) }), jsx(Flex, { sx: { width: '100%', mt: '10px' }, children: jsx(BondStats, { selectedBond: bondData }) }), jsx(Flex, { sx: { width: '100%', mt: '10px', mb: '50px' }, children: jsx(BondLeaderboard, { selectedBond: bondData }) })] }) })) : (jsx(Flex, { sx: { width: '100%', justifyContent: 'center', fontSize: '12px', fontWeight: 500 }, children: "Loading..." }))] }));
+                }, children: jsx(BondCards, { bondData: bondData }) })), bondData ? (jsx(Fragment, { children: jsxs(Flex, { sx: { width: '100%', flexDirection: 'column', mt: '10px' }, children: [jsx(Flex, { sx: { width: '100%', flexDirection: ['column', 'column', 'column', 'row'], alignItems: 'stretch' }, children: jsx(Flex, { sx: {
+                                    background: 'white2',
+                                    borderRadius: 'normal',
+                                    // TODO: uncomment this
+                                    width: ['100%', '100%', '100%', '50%'],
+                                    // width: '100%',
+                                    //
+                                    mt: '5px',
+                                }, children: jsx(BuyComponent, { bondAddress: bondData?.contractAddress?.[bondData.chainId], bondChain: bondData.chainId, isProjectView: true }) }) }), jsx(Flex, { sx: { width: '100%', mt: '10px' }, children: jsx(ProjectInfo, { selectedBond2: bondData }) }), jsx(Flex, { sx: { width: '100%', mt: '10px' }, children: jsx(BondStats, { selectedBond: bondData }) }), jsx(Flex, { sx: { width: '100%', mt: '10px', mb: '50px' }, children: jsx(BondLeaderboard, { selectedBond: bondData }) })] }) })) : (jsx(Flex, { sx: { width: '100%', justifyContent: 'center', fontSize: '12px', fontWeight: 500 }, children: "Loading..." }))] }));
 };
 
 export { ProjectView as default };

package/dist/views/ProjectView/ProjectView.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProjectView.js","sources":["../../../src/views/ProjectView/ProjectView.tsx"],"sourcesContent":["import React, { useEffect } from 'react'\nimport useBondsData from '../../state/bonds/useBondsData'\nimport Flex from '../../components/uikit-sdk/Flex'\nimport { styles } from './styles'\nimport RecommendationCards from './components/RecommendationCards'\nimport NavPanel from './components/NavPanel'\nimport BondCards from '../BuyBond/components/BondCards/BondCards'\nimport ProjectInfo from './components/ProjectInfo'\nimport BondStats from './components/BondStats'\nimport BondLeaderboard from './components/BondLeaderboard'\nimport PriceChart from './components/PriceChart'\nimport BuyBond from '../BuyBond/BuyComponent'\nimport useTokenPrices from '../../state/tokenPrices/useTokenPrices'\nimport useHistoricalPrice from '../../state/historicalPrice/useHistoricalPrice'\n\nexport interface HistoricalPrices {\n  timestamp: string\n  open: number\n  close: number\n}\n\nexport interface ProjectViewProps {\n  bondAddress: string\n  bondChain: string\n}\n\nconst ProjectView: React.FC<ProjectViewProps> = ({ bondAddress, bondChain }) => {\n  // Hooks\n  const { data: bonds, refetch } = useBondsData()\n  const { data: tokenPrices } = useTokenPrices()\n  const bondData = bonds?.find(\n    (bond) =>\n      bond?.contractAddress?.[bond.chainId]?.toLowerCase() === (bondAddress as string)?.toLowerCase() &&\n      (bondChain as string) === bond.chainId.toString(),\n  )\n\n  const { data: historicalPrices } = useHistoricalPrice(bondData?.cgId)\n\n  useEffect(() => {\n    if ((bonds?.length ?? 0) > 0 && !bondData) {\n      window.location.href = '/bonds'\n    }\n  })\n\n  useEffect(() => {\n    if (Object.keys(tokenPrices ?? {})?.length > 0 && bonds?.length === 0) {\n      console.log('Found prices and no bonds, realtimeapi failed. Refetching bonds')\n      refetch()\n    }\n    /* eslint-disable react-hooks/exhaustive-deps */\n  }, [Object.keys(tokenPrices ?? {})?.length, bonds?.length, refetch])\n\n  return (\n    <Flex sx={styles.mainViewContainer}>\n      <RecommendationCards />\n      <NavPanel contractAddress={bondData?.contractAddress?.[bondData.chainId]} />\n      {bondData && (\n        <Flex\n          sx={{\n            width: '100%',\n            mt: '10px',\n            display: ['none', 'none', 'none', 'block'],\n            '&& > div > div': {\n              background: 'white2',\n            },\n          }}\n        >\n          <BondCards bondData={bondData} />\n        </Flex>\n      )}\n      {bondData ? (\n        <>\n          <Flex sx={{ width: '100%', flexDirection: 'column', mt: '10px' }}>\n            <Flex sx={{ width: '100%', flexDirection: ['column', 'column', 'column', 'row'], alignItems: 'stretch' }}>\n              <Flex\n                sx={{\n                  background: 'white2',\n                  borderRadius: 'normal',\n                  // p: '5px 20px 20px 20px',\n                  width: ['100%', '100%', '100%', '50%'],\n                  mt: '5px',\n                }}\n              >\n                <BuyBond\n                  bondAddress={bondData?.contractAddress?.[bondData.chainId]}\n                  bondChain={bondData.chainId}\n                  isProjectView\n                />\n              </Flex>\n              <PriceChart selectedBond={bondData} historicalPrices={historicalPrices} />\n            </Flex>\n            <Flex sx={{ width: '100%', mt: '10px' }}>\n              <ProjectInfo selectedBond2={bondData} />\n            </Flex>\n            <Flex sx={{ width: '100%', mt: '10px' }}>\n              <BondStats selectedBond={bondData} />\n            </Flex>\n            <Flex sx={{ width: '100%', mt: '10px', mb: '50px' }}>\n              <BondLeaderboard selectedBond={bondData} />\n            </Flex>\n          </Flex>\n        </>\n      ) : (\n        <Flex sx={{ width: '100%', justifyContent: 'center', fontSize: '12px', fontWeight: 500 }}>Loading...</Flex>\n      )}\n    </Flex>\n  )\n}\n\nexport default ProjectView\n"],"names":["_jsxs","_jsx","_Fragment","BuyBond"],"mappings":"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"}
+{"version":3,"file":"ProjectView.js","sources":["../../../src/views/ProjectView/ProjectView.tsx"],"sourcesContent":["import React, { useEffect } from 'react'\nimport useBondsData from '../../state/bonds/useBondsData'\nimport Flex from '../../components/uikit-sdk/Flex'\nimport { styles } from './styles'\nimport RecommendationCards from './components/RecommendationCards'\nimport NavPanel from './components/NavPanel'\nimport BondCards from '../BuyBond/components/BondCards/BondCards'\nimport ProjectInfo from './components/ProjectInfo'\nimport BondStats from './components/BondStats'\nimport BondLeaderboard from './components/BondLeaderboard'\nimport PriceChart from './components/PriceChart'\nimport BuyBond from '../BuyBond/BuyComponent'\nimport useTokenPrices from '../../state/tokenPrices/useTokenPrices'\nimport useHistoricalPrice from '../../state/historicalPrice/useHistoricalPrice'\n\nexport interface HistoricalPrices {\n  timestamp: string\n  open: number\n  close: number\n}\n\nexport interface ProjectViewProps {\n  bondAddress: string\n  bondChain: string\n}\n\nconst ProjectView: React.FC<ProjectViewProps> = ({ bondAddress, bondChain }) => {\n  // Hooks\n  const { data: bonds, refetch } = useBondsData()\n  const { data: tokenPrices } = useTokenPrices()\n  const bondData = bonds?.find(\n    (bond) =>\n      bond?.contractAddress?.[bond.chainId]?.toLowerCase() === (bondAddress as string)?.toLowerCase() &&\n      (bondChain as string) === bond.chainId.toString(),\n  )\n\n  const { data: historicalPrices } = useHistoricalPrice(bondData?.cgId)\n\n  useEffect(() => {\n    if ((bonds?.length ?? 0) > 0 && !bondData) {\n      window.location.href = '/bonds'\n    }\n  })\n\n  useEffect(() => {\n    if (Object.keys(tokenPrices ?? {})?.length > 0 && bonds?.length === 0) {\n      console.log('Found prices and no bonds, realtimeapi failed. Refetching bonds')\n      refetch()\n    }\n    /* eslint-disable react-hooks/exhaustive-deps */\n  }, [Object.keys(tokenPrices ?? {})?.length, bonds?.length, refetch])\n\n  return (\n    <Flex sx={styles.mainViewContainer}>\n      <RecommendationCards />\n      <NavPanel contractAddress={bondData?.contractAddress?.[bondData.chainId]} />\n      {bondData && (\n        <Flex\n          sx={{\n            width: '100%',\n            mt: '10px',\n            display: ['none', 'none', 'none', 'block'],\n            '&& > div > div': {\n              background: 'white2',\n            },\n          }}\n        >\n          <BondCards bondData={bondData} />\n        </Flex>\n      )}\n      {bondData ? (\n        <>\n          <Flex sx={{ width: '100%', flexDirection: 'column', mt: '10px' }}>\n            <Flex sx={{ width: '100%', flexDirection: ['column', 'column', 'column', 'row'], alignItems: 'stretch' }}>\n              <Flex\n                sx={{\n                  background: 'white2',\n                  borderRadius: 'normal',\n                  // TODO: uncomment this\n                  width: ['100%', '100%', '100%', '50%'],\n                  // width: '100%',\n                  //\n                  mt: '5px',\n                }}\n              >\n                <BuyBond\n                  bondAddress={bondData?.contractAddress?.[bondData.chainId]}\n                  bondChain={bondData.chainId}\n                  isProjectView\n                />\n              </Flex>\n              {/*TODO: uncomment this*/}\n              {/*<PriceChart selectedBond={bondData} historicalPrices={historicalPrices} />*/}\n            </Flex>\n            <Flex sx={{ width: '100%', mt: '10px' }}>\n              <ProjectInfo selectedBond2={bondData} />\n            </Flex>\n            <Flex sx={{ width: '100%', mt: '10px' }}>\n              <BondStats selectedBond={bondData} />\n            </Flex>\n            <Flex sx={{ width: '100%', mt: '10px', mb: '50px' }}>\n              <BondLeaderboard selectedBond={bondData} />\n            </Flex>\n          </Flex>\n        </>\n      ) : (\n        <Flex sx={{ width: '100%', justifyContent: 'center', fontSize: '12px', fontWeight: 500 }}>Loading...</Flex>\n      )}\n    </Flex>\n  )\n}\n\nexport default ProjectView\n"],"names":["_jsxs","_jsx","_Fragment","BuyBond"],"mappings":"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"}

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

@@ -4,7 +4,6 @@ import { useTopTags } from '../../../../hooks/useTopTags.js';
 import useBondsData from '../../../../state/bonds/useBondsData.js';
 import Flex from '../../../../components/uikit-sdk/Flex/index.js';
 import RecommendationSelector from '../../../../components/MenuSelect/RecommendationSelector.js';
-import SmallRecommendationCard from '../../../Bonds/components/RecommendationCards/SmallRecommendationCard.js';
 import { TIERS_WEIGHT } from '../../../../state/tiers/useTierPoints.js';
 import { LaunchBondTiers } from '@ape.swap/apeswap-lists';
 import useGetBondRecommendations from '../../../../state/recommendations/useGetBondRecommendations.js';
@@ -38,7 +37,7 @@ const RecommendationCards = () => {
             ? a.discount
             : (findHighestTrueBondPrice(TIERS_WEIGHT[LaunchBondTiers.Legend], a?.trueBondPrices)?.bonus ?? 0)))
         ?.slice(0, 3);
-    const parsedBondsToRender = slicedBonds?.map((bond) => {
+    slicedBonds?.map((bond) => {
         let contractAddress = '';
         if ('contractAddress' in bond) {
             contractAddress = bond.contractAddress;
@@ -78,11 +77,7 @@ const RecommendationCards = () => {
                             }, onClick: () => window.open('/apebond-ai', '_blank') }) })] }), 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 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/views/ProjectView/components/RecommendationCards/index.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react'\nimport { useTopTags } from '../../../../hooks/useTopTags'\nimport useBondsData from '../../../../state/bonds/useBondsData'\nimport { SmallCardBond } from '../../../Bonds/components/RecommendationCards'\nimport Flex from '../../../../components/uikit-sdk/Flex'\nimport RecommendationSelector from '../../../../components/MenuSelect/RecommendationSelector'\nimport SmallRecommendationCard from '../../../Bonds/components/RecommendationCards/SmallRecommendationCard'\nimport { TIERS_WEIGHT } from '../../../../state/tiers/useTierPoints'\nimport { LaunchBondTiers } from '@ape.swap/apeswap-lists'\nimport useGetBondRecommendations from '../../../../state/recommendations/useGetBondRecommendations'\nimport { useHotBondContracts } from '../../../../state/hotBonds/useHotBonds'\nimport { findHighestTrueBondPrice } from '../../../../utils/bondPriceHelpers'\nimport useEVMAccount from '../../../../hooks/accounts/useEVMAccount'\n\nconst RecommendationCards = () => {\n  const topTags = useTopTags()\n  const { address: account } = useEVMAccount()\n  const options = account ? ['For You', 'Hot', ...topTags] : ['Hot', ...topTags]\n  const [activeOption, setActiveOption] = useState(options[0])\n  const { data: hotBonds } = useHotBondContracts()\n\n  const { data: forYouRecommendations } = useGetBondRecommendations(account, undefined, '3')\n  const { data: bonds } = useBondsData()\n  const sortedBonds =\n    bonds && bonds?.length > 0\n      ? [...bonds].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      : undefined\n\n  const filteredBonds = sortedBonds?.filter(\n    (bond) =>\n      bond?.tags?.includes(activeOption) &&\n      !bond?.soldOut &&\n      (findHighestTrueBondPrice(TIERS_WEIGHT[LaunchBondTiers.Legend], bond?.trueBondPrices)?.bonus ?? 0) < 50,\n  )\n\n  // This should come from the API\n  const hotRecommendations = sortedBonds?.filter((bond) =>\n    hotBonds?.includes(bond?.contractAddress?.[bond.chainId]?.toLowerCase() ?? ''),\n  )\n\n  const selectedBonds =\n    activeOption === 'For You' ? forYouRecommendations : activeOption === 'Hot' ? hotRecommendations : filteredBonds\n\n  const slicedBonds = selectedBonds\n    ?.sort(\n      (a, b) =>\n        ('discount' in b\n          ? b.discount\n          : (findHighestTrueBondPrice(TIERS_WEIGHT[LaunchBondTiers.Legend], b?.trueBondPrices)?.bonus ?? 0))! -\n        ('discount' in a\n          ? a.discount\n          : (findHighestTrueBondPrice(TIERS_WEIGHT[LaunchBondTiers.Legend], a?.trueBondPrices)?.bonus ?? 0))!,\n    )\n    ?.slice(0, 3)\n\n  const parsedBondsToRender: SmallCardBond[] | undefined = slicedBonds?.map((bond) => {\n    let contractAddress = ''\n    if ('contractAddress' in bond) {\n      contractAddress = bond.contractAddress as string\n    }\n    if ('billAddress' in bond) {\n      contractAddress = bond.billAddress as string\n    }\n\n    return {\n      payoutTokenName: bond?.showcaseTokenName ?? '',\n      contractAddress,\n      vestingTerm: bond.vestingTerm ?? 0,\n      bonus:\n        'bonus' in bond\n          ? bond.bonus\n          : (findHighestTrueBondPrice(TIERS_WEIGHT[LaunchBondTiers.Legend], bond?.trueBondPrices)?.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          <img\n            width={190}\n            height={20}\n            alt=\"poweredBy\"\n            src=\"/images/bills/powered.png\"\n            sx={{\n              width: '190px',\n              height: '20px',\n              cursor: 'pointer',\n            }}\n            onClick={() => window.open('/apebond-ai', '_blank')}\n          />\n        </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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"}
+{"version":3,"file":"index.js","sources":["../../../../../src/views/ProjectView/components/RecommendationCards/index.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react'\nimport { useTopTags } from '../../../../hooks/useTopTags'\nimport useBondsData from '../../../../state/bonds/useBondsData'\nimport { SmallCardBond } from '../../../Bonds/components/RecommendationCards'\nimport Flex from '../../../../components/uikit-sdk/Flex'\nimport RecommendationSelector from '../../../../components/MenuSelect/RecommendationSelector'\nimport SmallRecommendationCard from '../../../Bonds/components/RecommendationCards/SmallRecommendationCard'\nimport { TIERS_WEIGHT } from '../../../../state/tiers/useTierPoints'\nimport { LaunchBondTiers } from '@ape.swap/apeswap-lists'\nimport useGetBondRecommendations from '../../../../state/recommendations/useGetBondRecommendations'\nimport { useHotBondContracts } from '../../../../state/hotBonds/useHotBonds'\nimport { findHighestTrueBondPrice } from '../../../../utils/bondPriceHelpers'\nimport useEVMAccount from '../../../../hooks/accounts/useEVMAccount'\n\nconst RecommendationCards = () => {\n  const topTags = useTopTags()\n  const { address: account } = useEVMAccount()\n  const options = account ? ['For You', 'Hot', ...topTags] : ['Hot', ...topTags]\n  const [activeOption, setActiveOption] = useState(options[0])\n  const { data: hotBonds } = useHotBondContracts()\n\n  const { data: forYouRecommendations } = useGetBondRecommendations(account, undefined, '3')\n  const { data: bonds } = useBondsData()\n  const sortedBonds =\n    bonds && bonds?.length > 0\n      ? [...bonds].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      : undefined\n\n  const filteredBonds = sortedBonds?.filter(\n    (bond) =>\n      bond?.tags?.includes(activeOption) &&\n      !bond?.soldOut &&\n      (findHighestTrueBondPrice(TIERS_WEIGHT[LaunchBondTiers.Legend], bond?.trueBondPrices)?.bonus ?? 0) < 50,\n  )\n\n  // This should come from the API\n  const hotRecommendations = sortedBonds?.filter((bond) =>\n    hotBonds?.includes(bond?.contractAddress?.[bond.chainId]?.toLowerCase() ?? ''),\n  )\n\n  const selectedBonds =\n    activeOption === 'For You' ? forYouRecommendations : activeOption === 'Hot' ? hotRecommendations : filteredBonds\n\n  const slicedBonds = selectedBonds\n    ?.sort(\n      (a, b) =>\n        ('discount' in b\n          ? b.discount\n          : (findHighestTrueBondPrice(TIERS_WEIGHT[LaunchBondTiers.Legend], b?.trueBondPrices)?.bonus ?? 0))! -\n        ('discount' in a\n          ? a.discount\n          : (findHighestTrueBondPrice(TIERS_WEIGHT[LaunchBondTiers.Legend], a?.trueBondPrices)?.bonus ?? 0))!,\n    )\n    ?.slice(0, 3)\n\n  const parsedBondsToRender: SmallCardBond[] | undefined = slicedBonds?.map((bond) => {\n    let contractAddress = ''\n    if ('contractAddress' in bond) {\n      contractAddress = bond.contractAddress as string\n    }\n    if ('billAddress' in bond) {\n      contractAddress = bond.billAddress as string\n    }\n\n    return {\n      payoutTokenName: bond?.showcaseTokenName ?? '',\n      contractAddress,\n      vestingTerm: bond.vestingTerm ?? 0,\n      bonus:\n        'bonus' in bond\n          ? bond.bonus\n          : (findHighestTrueBondPrice(TIERS_WEIGHT[LaunchBondTiers.Legend], bond?.trueBondPrices)?.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          <img\n            width={190}\n            height={20}\n            alt=\"poweredBy\"\n            src=\"/images/bills/powered.png\"\n            sx={{\n              width: '190px',\n              height: '20px',\n              cursor: 'pointer',\n            }}\n            onClick={() => window.open('/apebond-ai', '_blank')}\n          />\n        </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":";;;;;;;;;;;;;AAcA,MAAM,mBAAmB,GAAG,MAAK;AAC/B,IAAA,MAAM,OAAO,GAAG,UAAU,EAAE;IAC5B,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,aAAa,EAAE;IAC5C,MAAM,OAAO,GAAG,OAAO,GAAG,CAAC,SAAS,EAAE,KAAK,EAAE,GAAG,OAAO,CAAC,GAAG,CAAC,KAAK,EAAE,GAAG,OAAO,CAAC;AAC9E,IAAA,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;IAC5D,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,mBAAmB,EAAE;AAEhD,IAAA,MAAM,EAAE,IAAI,EAAE,qBAAqB,EAAE,GAAG,yBAAyB,CAAC,OAAO,EAAE,SAAS,EAAE,GAAG,CAAC;IAC1F,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,YAAY,EAAE;IACtC,MAAM,WAAW,GACf,KAAK,IAAI,KAAK,EAAE,MAAM,GAAG;AACvB,UAAE,CAAC,GAAG,KAAK,CAAC,CAAC,IAAI,CACb,CAAC,CAAC,EAAE,CAAC,KACH,CAAC,wBAAwB,CAAC,YAAY,CAAC,eAAe,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,cAAc,CAAC,EAAE,KAAK,IAAI,CAAC;AAC9F,aAAC,wBAAwB,CAAC,YAAY,CAAC,eAAe,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,cAAc,CAAC,EAAE,KAAK,IAAI,CAAC,CAAC;UAEnG,SAAS;AAEf,IAAA,MAAM,aAAa,GAAG,WAAW,EAAE,MAAM,CACvC,CAAC,IAAI,KACH,IAAI,EAAE,IAAI,EAAE,QAAQ,CAAC,YAAY,CAAC;QAClC,CAAC,IAAI,EAAE,OAAO;QACd,CAAC,wBAAwB,CAAC,YAAY,CAAC,eAAe,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,cAAc,CAAC,EAAE,KAAK,IAAI,CAAC,IAAI,EAAE,CAC1G;;AAGD,IAAA,MAAM,kBAAkB,GAAG,WAAW,EAAE,MAAM,CAAC,CAAC,IAAI,KAClD,QAAQ,EAAE,QAAQ,CAAC,IAAI,EAAE,eAAe,GAAG,IAAI,CAAC,OAAO,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC,CAC/E;IAED,MAAM,aAAa,GACjB,YAAY,KAAK,SAAS,GAAG,qBAAqB,GAAG,YAAY,KAAK,KAAK,GAAG,kBAAkB,GAAG,aAAa;IAElH,MAAM,WAAW,GAAG;AAClB,UAAE,IAAI,CACJ,CAAC,CAAC,EAAE,CAAC,KACH,CAAC,UAAU,IAAI;UACX,CAAC,CAAC;WACD,wBAAwB,CAAC,YAAY,CAAC,eAAe,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,cAAc,CAAC,EAAE,KAAK,IAAI,CAAC,CAAC;SAClG,UAAU,IAAI;cACX,CAAC,CAAC;eACD,wBAAwB,CAAC,YAAY,CAAC,eAAe,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,cAAc,CAAC,EAAE,KAAK,IAAI,CAAC,CAAC,CAAE;AAEzG,UAAE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;IAE0C,WAAW,EAAE,GAAG,CAAC,CAAC,IAAI,KAAI;QACjF,IAAI,eAAe,GAAG,EAAE;AACxB,QAAA,IAAI,iBAAiB,IAAI,IAAI,EAAE;AAC7B,YAAA,eAAe,GAAG,IAAI,CAAC,eAAyB;QAClD;AACA,QAAA,IAAI,aAAa,IAAI,IAAI,EAAE;AACzB,YAAA,eAAe,GAAG,IAAI,CAAC,WAAqB;QAC9C;QAEA,OAAO;AACL,YAAA,eAAe,EAAE,IAAI,EAAE,iBAAiB,IAAI,EAAE;YAC9C,eAAe;AACf,YAAA,WAAW,EAAE,IAAI,CAAC,WAAW,IAAI,CAAC;YAClC,KAAK,EACH,OAAO,IAAI;kBACP,IAAI,CAAC;AACP,mBAAG,wBAAwB,CAAC,YAAY,CAAC,eAAe,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,cAAc,CAAC,EAAE,YAAY,IAAI,CAAC,CAAC;YAC/G,OAAO,EAAE,IAAI,CAAC,OAAO;SACtB;AACH,IAAA,CAAC;IAED,SAAS,CAAC,MAAK;QACb,IAAI,OAAO,EAAE;YACX,eAAe,CAAC,SAAS,CAAC;QAC5B;aAAO;YACL,eAAe,CAAC,KAAK,CAAC;QACxB;AACF,IAAA,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC;IAEb,QACEA,IAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,EAAA,QAAA,EAAA,CACzGA,IAAA,CAAC,IAAI,IAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,cAAc,EAAE,eAAe,EAAE,EAAA,QAAA,EAAA,CAC1DA,IAAA,CAAC,IAAI,EAAA,EAAA,QAAA,EAAA,CACHC,GAAA,CAAC,IAAI,EAAA,EACH,EAAE,EAAE;oCACF,KAAK,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC;oCACxC,EAAE,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC;AACjC,oCAAA,UAAU,EAAE,QAAQ;AACpB,oCAAA,KAAK,EAAE,MAAM;oCACb,QAAQ,EAAE,CAAC,MAAM,CAAC;AAClB,oCAAA,UAAU,EAAE,GAAG;iCAChB,EAAA,QAAA,EAAA,gBAAA,EAAA,CAGI,EACPA,GAAA,CAAC,sBAAsB,EAAA,EAAC,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,eAAe,EAAE,eAAe,EAAA,CAAI,CAAA,EAAA,CACrG,EACPA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,EAAA,QAAA,EACrDA,GAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAE,GAAG,EACV,MAAM,EAAE,EAAE,EACV,GAAG,EAAC,WAAW,EACf,GAAG,EAAC,2BAA2B,EAC/B,EAAE,EAAE;AACF,gCAAA,KAAK,EAAE,OAAO;AACd,gCAAA,MAAM,EAAE,MAAM;AACd,gCAAA,MAAM,EAAE,SAAS;6BAClB,EACD,OAAO,EAAE,MAAM,MAAM,CAAC,IAAI,CAAC,aAAa,EAAE,QAAQ,CAAC,GACnD,EAAA,CACG,CAAA,EAAA,CACF,EACPA,GAAA,CAAC,IAAI,EAAA,EACH,EAAE,EAAE;AACF,oBAAA,EAAE,EAAE,MAAM;AACV,oBAAA,SAAS,EAAE,SAAS;iBACrB,EAAA,CAOI,CAAA,EAAA,CACF;AAEX;;;;"}

package/dist/views/YourBonds/components/UserBondRow/UserBondRowPreTGE.js

@@ -8,7 +8,7 @@ import PreTgeActions from './PreTGEActions.js';
 import { getBalanceNumber } from '../../../../utils/getBalanceNumber.js';
 import BigNumber from 'bignumber.js';
 import { formatTimeLeft, getTimePeriods } from '../../../../utils/getTimePeriods.js';
-import { formatNumberSI, formatUSDNumber } from '../../../../utils/formatNumber.js';
+import { formatNumberSI } from '../../../../utils/formatNumber.js';
 import { getPendingVestingString } from '../../../../utils/displayHelpers.js';
 
 const UserBondRowPreTGE = ({ userBond }) => {
@@ -37,7 +37,7 @@ const UserBondRowPreTGE = ({ userBond }) => {
     const pendingUSD = pendingAmount * (userBond?.earnTokenPrice ?? 0);
     return (jsxs("div", { className: "your-bonds", onClick: () => null, children: [jsxs("div", { className: "token-info-container", children: [jsx(TokenInfoAndName, { tokenSymbol: userBond.earnToken.symbol, chain: userBond.chainId, tag: userBond.tags?.[0], vestEnds: isRedeemable ? 'Claim now!' : !hasRedeemed ? `Claim in ${redeemableIn}` : `Ends in ${vestingString}`, isHotBond: true }), jsx("div", { className: "tooltip-column", children: jsx(TooltipBubble, { className: "tooltip-bubble", body: jsx(BondInfoTooltip, { earnTokenContract: userBond?.earnToken.address[userBond?.chainId] || '', earnTokenSymbol: userBond?.earnToken.symbol || '', bondContract: userBond?.contractAddress?.[userBond?.chainId] || '', projectLink: userBond?.projectLink, twitter: userBond?.twitter, chain: userBond?.chainId }), width: "205px", placement: "bottomRight", transformTip: "translate(5%, 0%)", children: jsx(Flex, { sx: {
                                     opacity: 0.8,
-                                }, children: jsx(Svg, { icon: "more", width: "25px" }) }) }) })] }), jsxs("div", { className: "your-bonds-columns-container", children: [jsx(Flex, { sx: { display: ['none', 'none', 'none', 'flex'], width: '125px' } }), jsxs("div", { className: "your-bonds-content", children: [jsx("div", { className: "your-bonds-content-title", children: "Claimable" }), jsxs("div", { className: "your-bonds-content-tokens-amount", children: [formatNumberSI(claimableAmount, 3), jsxs("div", { className: "your-bonds-content-tokens-usd-amount", children: ["($", formatUSDNumber(claimableUSD), ")"] })] })] }), jsxs("div", { className: "your-bonds-content", children: [jsx("div", { className: "your-bonds-content-title", children: "Pending" }), jsxs("div", { className: "your-bonds-content-tokens-amount", children: [formatNumberSI(pendingAmount, 3), jsxs("div", { className: "your-bonds-content-tokens-usd-amount", children: ["($", formatUSDNumber(pendingUSD), ")"] })] })] }), jsx("div", { className: "your-bonds-content hide-mobile", children: vestingString }), jsx("div", { className: "your-bonds-column-button", children: jsx(PreTgeActions, { userBond: userBond }) })] })] }));
+                                }, children: jsx(Svg, { icon: "more", width: "25px" }) }) }) })] }), jsxs("div", { className: "your-bonds-columns-container", children: [jsx(Flex, { sx: { display: ['none', 'none', 'none', 'flex'], width: '125px' } }), jsxs("div", { className: "your-bonds-content", children: [jsx("div", { className: "your-bonds-content-title", children: "Claimable" }), jsxs("div", { className: "your-bonds-content-tokens-amount", children: [formatNumberSI(claimableAmount, 3), jsxs("div", { className: "your-bonds-content-tokens-usd-amount", children: ["($", formatNumberSI(claimableUSD), ")"] })] })] }), jsxs("div", { className: "your-bonds-content", children: [jsx("div", { className: "your-bonds-content-title", children: "Pending" }), jsxs("div", { className: "your-bonds-content-tokens-amount", children: [formatNumberSI(pendingAmount, 3), jsxs("div", { className: "your-bonds-content-tokens-usd-amount", children: ["($", formatNumberSI(pendingUSD), ")"] })] })] }), jsx("div", { className: "your-bonds-content hide-mobile", children: vestingString }), jsx("div", { className: "your-bonds-column-button", children: jsx(PreTgeActions, { userBond: userBond }) })] })] }));
 };
 
 export { UserBondRowPreTGE as default };

package/dist/views/YourBonds/components/UserBondRow/UserBondRowPreTGE.js.map

@@ -1 +1 @@
-{"version":3,"file":"UserBondRowPreTGE.js","sources":["../../../../../src/views/YourBonds/components/UserBondRow/UserBondRowPreTGE.tsx"],"sourcesContent":["import React from 'react'\nimport TokenInfoAndName from '../../../../components/TokenInfoAndName'\nimport Svg from '../../../../components/uikit-sdk/Svg'\nimport TooltipBubble from '../../../../components/uikit-sdk/TooltipBubble'\nimport Tooltip from '../../../../components/Tooltip/Tooltip'\nimport { Flex } from 'theme-ui'\nimport PreTgeActions from './PreTGEActions'\nimport { getBalanceNumber } from '../../../../utils/getBalanceNumber'\nimport BigNumber from 'bignumber.js'\nimport { formatTimeLeft, getTimePeriods } from '../../../../utils/getTimePeriods'\nimport { formatNumberSI, formatUSDNumber } from '../../../../utils/formatNumber'\nimport { getPendingVestingString } from '../../../../utils/displayHelpers'\nimport { PreTGEUserBonds } from '../../../../state/bonds/useUserBondsPreTGE'\n\nconst UserBondRowPreTGE = ({ userBond }: { userBond: PreTGEUserBonds }) => {\n  const saleFinalized = userBond.finalized\n  const hasRedeemed = userBond?.accountInfo?.hasRedeemed\n  const isRedeemable = !hasRedeemed && saleFinalized\n\n  const redeemableIn = formatTimeLeft((userBond?.redeemTime ?? 0) - new Date().getTime() / 1000, true, true)\n  const depositAmount = getBalanceNumber(\n    new BigNumber(userBond?.accountInfo?.depositAmount ?? '0'),\n    userBond?.lpToken?.decimals?.[userBond?.chainId]!,\n  )\n  const truePricePaid = getBalanceNumber(\n    new BigNumber(userBond?.accountInfo?.truePricePaid ?? '0'),\n    userBond?.lpToken?.decimals?.[userBond?.chainId]!,\n  )\n\n  const initialRelease = userBond?.initialRelease\n  const vestingTimePeriods = getTimePeriods(userBond.vestingTerm, false)\n  const vestingString = hasRedeemed\n    ? getPendingVestingString(userBond?.userOwnedBillsData)\n    : initialRelease === 1\n      ? `0 D`\n      : `${vestingTimePeriods.months} Months`\n\n  const userAllocation = depositAmount / (userBond?.initPrice ?? 0)\n  const initialReleaseTokens =\n    !hasRedeemed && saleFinalized && userBond?.initialRelease ? userAllocation * userBond?.initialRelease : 0\n\n  // pendingRewards variable follows the naming of the SC, but it actually means currently claimable tokens\n  const pendingRewards = getBalanceNumber(\n    new BigNumber(userBond?.userOwnedBillsData?.pendingRewards ?? '0'),\n    userBond?.earnToken?.decimals?.[userBond.chainId]!,\n  )\n  // payout variable follows the naming of the SC, but it actually means total tokens vested\n  const payout = getBalanceNumber(\n    new BigNumber(userBond?.userOwnedBillsData?.payout ?? '0'),\n    userBond?.earnToken?.decimals?.[userBond.chainId]!,\n  )\n\n  const claimableAmount = hasRedeemed ? pendingRewards : initialReleaseTokens\n  const claimableUSD = claimableAmount * (userBond.initPrice ?? 0)\n  const pendingAmount = hasRedeemed ? payout : depositAmount / truePricePaid\n  const pendingUSD = pendingAmount * (userBond?.earnTokenPrice ?? 0)\n\n  return (\n    <div className=\"your-bonds\" onClick={() => null}>\n      <div className=\"token-info-container\">\n        <TokenInfoAndName\n          tokenSymbol={userBond.earnToken.symbol}\n          chain={userBond.chainId}\n          tag={userBond.tags?.[0]}\n          vestEnds={\n            isRedeemable ? 'Claim now!' : !hasRedeemed ? `Claim in ${redeemableIn}` : `Ends in ${vestingString}`\n          }\n          isHotBond\n        />\n        <div className=\"tooltip-column\">\n          <TooltipBubble\n            className=\"tooltip-bubble\"\n            body={\n              <Tooltip\n                earnTokenContract={userBond?.earnToken.address[userBond?.chainId] || ''}\n                earnTokenSymbol={userBond?.earnToken.symbol || ''}\n                bondContract={userBond?.contractAddress?.[userBond?.chainId] || ''}\n                projectLink={userBond?.projectLink}\n                twitter={userBond?.twitter}\n                chain={userBond?.chainId}\n              />\n            }\n            width=\"205px\"\n            placement=\"bottomRight\"\n            transformTip=\"translate(5%, 0%)\"\n          >\n            <Flex\n              sx={{\n                opacity: 0.8,\n              }}\n            >\n              <Svg icon=\"more\" width=\"25px\" />\n            </Flex>\n          </TooltipBubble>\n        </div>\n      </div>\n      <div className=\"your-bonds-columns-container\">\n        <Flex sx={{ display: ['none', 'none', 'none', 'flex'], width: '125px' }} />\n        <div className=\"your-bonds-content\">\n          <div className=\"your-bonds-content-title\">Claimable</div>\n          <div className=\"your-bonds-content-tokens-amount\">\n            {formatNumberSI(claimableAmount, 3)}\n            <div className=\"your-bonds-content-tokens-usd-amount\">(${formatUSDNumber(claimableUSD)})</div>\n          </div>\n        </div>\n        <div className=\"your-bonds-content\">\n          <div className=\"your-bonds-content-title\">Pending</div>\n          <div className=\"your-bonds-content-tokens-amount\">\n            {formatNumberSI(pendingAmount, 3)}\n            <div className=\"your-bonds-content-tokens-usd-amount\">(${formatUSDNumber(pendingUSD)})</div>\n          </div>\n        </div>\n        <div className=\"your-bonds-content hide-mobile\">{vestingString}</div>\n        <div className=\"your-bonds-column-button\">\n          <PreTgeActions userBond={userBond} />\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport default UserBondRowPreTGE\n"],"names":["_jsxs","_jsx","Tooltip"],"mappings":"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"}
+{"version":3,"file":"UserBondRowPreTGE.js","sources":["../../../../../src/views/YourBonds/components/UserBondRow/UserBondRowPreTGE.tsx"],"sourcesContent":["import React from 'react'\nimport TokenInfoAndName from '../../../../components/TokenInfoAndName'\nimport Svg from '../../../../components/uikit-sdk/Svg'\nimport TooltipBubble from '../../../../components/uikit-sdk/TooltipBubble'\nimport Tooltip from '../../../../components/Tooltip/Tooltip'\nimport { Flex } from 'theme-ui'\nimport PreTgeActions from './PreTGEActions'\nimport { getBalanceNumber } from '../../../../utils/getBalanceNumber'\nimport BigNumber from 'bignumber.js'\nimport { formatTimeLeft, getTimePeriods } from '../../../../utils/getTimePeriods'\nimport { formatNumberSI } from '../../../../utils/formatNumber'\nimport { getPendingVestingString } from '../../../../utils/displayHelpers'\nimport { PreTGEUserBonds } from '../../../../state/bonds/useUserBondsPreTGE'\n\nconst UserBondRowPreTGE = ({ userBond }: { userBond: PreTGEUserBonds }) => {\n  const saleFinalized = userBond.finalized\n  const hasRedeemed = userBond?.accountInfo?.hasRedeemed\n  const isRedeemable = !hasRedeemed && saleFinalized\n\n  const redeemableIn = formatTimeLeft((userBond?.redeemTime ?? 0) - new Date().getTime() / 1000, true, true)\n  const depositAmount = getBalanceNumber(\n    new BigNumber(userBond?.accountInfo?.depositAmount ?? '0'),\n    userBond?.lpToken?.decimals?.[userBond?.chainId]!,\n  )\n  const truePricePaid = getBalanceNumber(\n    new BigNumber(userBond?.accountInfo?.truePricePaid ?? '0'),\n    userBond?.lpToken?.decimals?.[userBond?.chainId]!,\n  )\n\n  const initialRelease = userBond?.initialRelease\n  const vestingTimePeriods = getTimePeriods(userBond.vestingTerm, false)\n  const vestingString = hasRedeemed\n    ? getPendingVestingString(userBond?.userOwnedBillsData)\n    : initialRelease === 1\n      ? `0 D`\n      : `${vestingTimePeriods.months} Months`\n\n  const userAllocation = depositAmount / (userBond?.initPrice ?? 0)\n  const initialReleaseTokens =\n    !hasRedeemed && saleFinalized && userBond?.initialRelease ? userAllocation * userBond?.initialRelease : 0\n\n  // pendingRewards variable follows the naming of the SC, but it actually means currently claimable tokens\n  const pendingRewards = getBalanceNumber(\n    new BigNumber(userBond?.userOwnedBillsData?.pendingRewards ?? '0'),\n    userBond?.earnToken?.decimals?.[userBond.chainId]!,\n  )\n  // payout variable follows the naming of the SC, but it actually means total tokens vested\n  const payout = getBalanceNumber(\n    new BigNumber(userBond?.userOwnedBillsData?.payout ?? '0'),\n    userBond?.earnToken?.decimals?.[userBond.chainId]!,\n  )\n\n  const claimableAmount = hasRedeemed ? pendingRewards : initialReleaseTokens\n  const claimableUSD = claimableAmount * (userBond.initPrice ?? 0)\n  const pendingAmount = hasRedeemed ? payout : depositAmount / truePricePaid\n  const pendingUSD = pendingAmount * (userBond?.earnTokenPrice ?? 0)\n\n  return (\n    <div className=\"your-bonds\" onClick={() => null}>\n      <div className=\"token-info-container\">\n        <TokenInfoAndName\n          tokenSymbol={userBond.earnToken.symbol}\n          chain={userBond.chainId}\n          tag={userBond.tags?.[0]}\n          vestEnds={\n            isRedeemable ? 'Claim now!' : !hasRedeemed ? `Claim in ${redeemableIn}` : `Ends in ${vestingString}`\n          }\n          isHotBond\n        />\n        <div className=\"tooltip-column\">\n          <TooltipBubble\n            className=\"tooltip-bubble\"\n            body={\n              <Tooltip\n                earnTokenContract={userBond?.earnToken.address[userBond?.chainId] || ''}\n                earnTokenSymbol={userBond?.earnToken.symbol || ''}\n                bondContract={userBond?.contractAddress?.[userBond?.chainId] || ''}\n                projectLink={userBond?.projectLink}\n                twitter={userBond?.twitter}\n                chain={userBond?.chainId}\n              />\n            }\n            width=\"205px\"\n            placement=\"bottomRight\"\n            transformTip=\"translate(5%, 0%)\"\n          >\n            <Flex\n              sx={{\n                opacity: 0.8,\n              }}\n            >\n              <Svg icon=\"more\" width=\"25px\" />\n            </Flex>\n          </TooltipBubble>\n        </div>\n      </div>\n      <div className=\"your-bonds-columns-container\">\n        <Flex sx={{ display: ['none', 'none', 'none', 'flex'], width: '125px' }} />\n        <div className=\"your-bonds-content\">\n          <div className=\"your-bonds-content-title\">Claimable</div>\n          <div className=\"your-bonds-content-tokens-amount\">\n            {formatNumberSI(claimableAmount, 3)}\n            <div className=\"your-bonds-content-tokens-usd-amount\">(${formatNumberSI(claimableUSD)})</div>\n          </div>\n        </div>\n        <div className=\"your-bonds-content\">\n          <div className=\"your-bonds-content-title\">Pending</div>\n          <div className=\"your-bonds-content-tokens-amount\">\n            {formatNumberSI(pendingAmount, 3)}\n            <div className=\"your-bonds-content-tokens-usd-amount\">(${formatNumberSI(pendingUSD)})</div>\n          </div>\n        </div>\n        <div className=\"your-bonds-content hide-mobile\">{vestingString}</div>\n        <div className=\"your-bonds-column-button\">\n          <PreTgeActions userBond={userBond} />\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport default UserBondRowPreTGE\n"],"names":["_jsxs","_jsx","Tooltip"],"mappings":"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"}

package/package.json

@@ -3,7 +3,7 @@
   "description": "Ape Bond SDK",
   "author": "Ape Bond",
   "license": "MIT",
-  "version": "5.1.32",
+  "version": "5.1.34",
   "module": "dist/main.js",
   "type": "module",
   "types": "dist/main.d.ts",

package/dist/views/ProjectView/components/PriceChart/components/CandleStickChart.js

@@ -1,111 +0,0 @@
-import { jsx } from 'theme-ui/jsx-runtime';
-import { useState, useRef, useEffect } from 'react';
-import { createChart, CrosshairMode, ColorType, LineStyle } from 'lightweight-charts';
-import { determineValues } from './utils.js';
-import { getFirstNonZeroDigits } from '../../../../../utils/roundNumber.js';
-
-const CandleStickChart = ({ historicalPrices, hasDiscount, bondPrice, tokenPrice, }) => {
-    // reference for DOM element to create with chart
-    const data = historicalPrices;
-    const chartContainerId = 'candleStickChartContainer';
-    const formattedData = data?.map((entry) => {
-        return {
-            time: parseFloat(entry.timestamp),
-            open: entry.open,
-            low: entry.open,
-            close: entry.close,
-            high: entry.close,
-        };
-    });
-    // pointer to the chart object
-    const [chartCreated, setChartCreated] = useState();
-    const chartInitiatedRef = useRef(false);
-    const discount = 1 - parseFloat(bondPrice ?? '0') / parseFloat(tokenPrice ?? '0');
-    const discountToUse = discount > 0 ? discount : 0;
-    const bottomScaleMargin = discountToUse + 0.1;
-    useEffect(() => {
-        const chartContainer = document.getElementById(chartContainerId);
-        if (chartContainer && !chartCreated && !chartInitiatedRef.current) {
-            console.log('creating chart');
-            const chart = createChart(chartContainer, {
-                width: 0,
-                height: 0,
-                layout: {
-                    background: {
-                        type: ColorType.Solid,
-                        color: 'transparent',
-                    },
-                    textColor: '#73728E',
-                },
-                grid: {
-                    vertLines: {
-                        color: '#73728E',
-                    },
-                    horzLines: {
-                        color: '#73728E',
-                    },
-                },
-                crosshair: {
-                    mode: CrosshairMode.Magnet,
-                },
-                rightPriceScale: {
-                    borderColor: '#73728E',
-                    visible: true,
-                    scaleMargins: {
-                        top: 0.12,
-                        bottom: bottomScaleMargin,
-                    },
-                },
-                timeScale: {
-                    borderColor: '#73728E',
-                },
-                localization: {
-                    priceFormatter: (val) => `$${getFirstNonZeroDigits(parseFloat(val), 3)}`,
-                },
-            });
-            const [precision, minMove] = determineValues(parseFloat(bondPrice));
-            const candleSeries = chart.addCandlestickSeries({
-                upColor: '#38A611',
-                downColor: '#DF4141',
-                borderDownColor: '#DF4141',
-                borderUpColor: '#38A611',
-                wickDownColor: '#DF4141',
-                wickUpColor: '#38A611',
-                priceLineWidth: 2,
-                priceLineStyle: LineStyle.Dashed,
-                priceLineVisible: true,
-                priceFormat: {
-                    precision,
-                    minMove,
-                    formatter: (val) => getFirstNonZeroDigits(parseFloat(val), 3),
-                },
-            });
-            const open = formattedData?.[formattedData?.length - 1]?.close ?? 0;
-            formattedData?.push({
-                time: new Date().getTime() / 1000,
-                open: open,
-                low: open,
-                close: parseFloat(tokenPrice),
-                high: parseFloat(tokenPrice),
-            });
-            //@ts-ignore
-            candleSeries.setData(formattedData);
-            candleSeries.createPriceLine({
-                price: parseFloat(bondPrice),
-                color: hasDiscount ? '#38A611' : '#DF4141',
-                lineWidth: 2,
-                lineStyle: LineStyle.Dashed,
-                axisLabelVisible: true,
-                title: `Bond Price`,
-            });
-            chart.timeScale().fitContent();
-            //@ts-ignore
-            setChartCreated(chart);
-            chartInitiatedRef.current = true;
-        }
-    }, [bondPrice, bottomScaleMargin, chartCreated, formattedData, hasDiscount, tokenPrice]);
-    return jsx("div", { id: chartContainerId, style: { width: '100%', height: '100%' } });
-};
-
-export { CandleStickChart as default };
-//# sourceMappingURL=CandleStickChart.js.map

package/dist/views/ProjectView/components/PriceChart/components/CandleStickChart.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CandleStickChart.js","sources":["../../../../../../src/views/ProjectView/components/PriceChart/components/CandleStickChart.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef } from 'react'\nimport { ColorType, createChart, CrosshairMode, LineStyle } from 'lightweight-charts'\nimport { determineValues } from './utils'\nimport { HistoricalPrices } from '../../../ProjectView'\nimport { getFirstNonZeroDigits } from '../../../../../utils/roundNumber'\n\nconst CandleStickChart = ({\n  historicalPrices,\n  hasDiscount,\n  bondPrice,\n  tokenPrice,\n}: {\n  historicalPrices?: HistoricalPrices[] | null\n  hasDiscount: boolean\n  bondPrice: string\n  tokenPrice: string\n}) => {\n  // reference for DOM element to create with chart\n  const data = historicalPrices\n  const chartContainerId = 'candleStickChartContainer'\n\n  const formattedData = data?.map((entry) => {\n    return {\n      time: parseFloat(entry.timestamp),\n      open: entry.open,\n      low: entry.open,\n      close: entry.close,\n      high: entry.close,\n    }\n  })\n\n  // pointer to the chart object\n  const [chartCreated, setChartCreated] = useState()\n  const chartInitiatedRef = useRef(false)\n\n  const discount = 1 - parseFloat(bondPrice ?? '0') / parseFloat(tokenPrice ?? '0')\n  const discountToUse = discount > 0 ? discount : 0\n  const bottomScaleMargin = discountToUse + 0.1\n\n  useEffect(() => {\n    const chartContainer = document.getElementById(chartContainerId)\n    if (chartContainer && !chartCreated && !chartInitiatedRef.current) {\n      console.log('creating chart')\n      const chart = createChart(chartContainer, {\n        width: 0,\n        height: 0,\n        layout: {\n          background: {\n            type: ColorType.Solid,\n            color: 'transparent',\n          },\n          textColor: '#73728E',\n        },\n        grid: {\n          vertLines: {\n            color: '#73728E',\n          },\n          horzLines: {\n            color: '#73728E',\n          },\n        },\n        crosshair: {\n          mode: CrosshairMode.Magnet,\n        },\n        rightPriceScale: {\n          borderColor: '#73728E',\n          visible: true,\n          scaleMargins: {\n            top: 0.12,\n            bottom: bottomScaleMargin,\n          },\n        },\n        timeScale: {\n          borderColor: '#73728E',\n        },\n        localization: {\n          priceFormatter: (val: string) => `$${getFirstNonZeroDigits(parseFloat(val), 3)}`,\n        },\n      })\n      const [precision, minMove] = determineValues(parseFloat(bondPrice))\n\n      const candleSeries = chart.addCandlestickSeries({\n        upColor: '#38A611',\n        downColor: '#DF4141',\n        borderDownColor: '#DF4141',\n        borderUpColor: '#38A611',\n        wickDownColor: '#DF4141',\n        wickUpColor: '#38A611',\n        priceLineWidth: 2,\n        priceLineStyle: LineStyle.Dashed,\n        priceLineVisible: true,\n        priceFormat: {\n          precision,\n          minMove,\n          formatter: (val: string) => getFirstNonZeroDigits(parseFloat(val), 3),\n        },\n      })\n      const open = formattedData?.[formattedData?.length - 1]?.close ?? 0\n      formattedData?.push({\n        time: new Date().getTime() / 1000,\n        open: open,\n        low: open,\n        close: parseFloat(tokenPrice),\n        high: parseFloat(tokenPrice),\n      })\n      //@ts-ignore\n      candleSeries.setData(formattedData)\n      candleSeries.createPriceLine({\n        price: parseFloat(bondPrice),\n        color: hasDiscount ? '#38A611' : '#DF4141',\n        lineWidth: 2,\n        lineStyle: LineStyle.Dashed,\n        axisLabelVisible: true,\n        title: `Bond Price`,\n      })\n\n      chart.timeScale().fitContent()\n      //@ts-ignore\n      setChartCreated(chart)\n      chartInitiatedRef.current = true\n    }\n  }, [bondPrice, bottomScaleMargin, chartCreated, formattedData, hasDiscount, tokenPrice])\n\n  return <div id={chartContainerId} style={{ width: '100%', height: '100%' }}></div>\n}\n\nexport default CandleStickChart\n"],"names":["_jsx"],"mappings":"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"}