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

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

@@ -0,0 +1,100 @@
+import { useState, useRef, useEffect } from 'react';
+import { createChart as Ve, CrosshairMode as at, ColorType as In, LineStyle as d } from '../../../../../node_modules/lightweight-charts/dist/lightweight-charts.production.js';
+import { getFirstNonZeroDigits } from '../../../../../utils/roundNumber.js';
+import { determineValues } from './utils.js';
+import { jsx } from '../../../../../node_modules/@theme-ui/core/jsx-runtime/dist/theme-ui-core-jsx-runtime.esm.js';
+
+const LineChart = ({ historicalPrices, hasDiscount, bondPrice, tokenPrice, }) => {
+    // reference for DOM element to create with chart
+    const data = historicalPrices;
+    const chartContainerId = 'lineChartContainer';
+    const formattedData = data === null || data === void 0 ? void 0 : data.map((entry) => {
+        return {
+            time: parseInt(entry.timestamp),
+            value: parseFloat(getFirstNonZeroDigits(entry.close, 4)),
+        };
+    });
+    // pointer to the chart object
+    const [chartCreated, setChartCreated] = useState();
+    const chartInitiatedRef = useRef(false);
+    const discount = 1 - parseFloat(bondPrice !== null && bondPrice !== void 0 ? bondPrice : '0') / parseFloat(tokenPrice !== null && tokenPrice !== void 0 ? tokenPrice : '0');
+    const discountToUse = discount > 0 ? discount : 0;
+    const bottomScaleMargin = discountToUse + 0.15;
+    useEffect(() => {
+        const chartContainer = document.getElementById(chartContainerId);
+        if (chartContainer && !chartCreated && !chartInitiatedRef.current) {
+            console.log('creating chart');
+            const chart = Ve(chartContainer, {
+                width: 0,
+                height: 0,
+                layout: {
+                    background: {
+                        type: In.Solid,
+                        color: 'transparent',
+                    },
+                    textColor: '#73728E',
+                },
+                grid: {
+                    vertLines: {
+                        color: '#73728E',
+                    },
+                    horzLines: {
+                        color: '#73728E',
+                    },
+                },
+                crosshair: {
+                    mode: at.Magnet,
+                },
+                rightPriceScale: {
+                    borderColor: '#73728E',
+                    visible: true,
+                    scaleMargins: {
+                        top: 0.12,
+                        bottom: bottomScaleMargin,
+                    },
+                },
+                timeScale: {
+                    borderColor: '#73728E',
+                },
+                localization: {
+                    priceFormatter: (val) => {
+                        return `$${getFirstNonZeroDigits(parseFloat(val), 3)}`;
+                    },
+                },
+            });
+            const [precision, minMove] = determineValues(parseFloat(bondPrice));
+            const areaSeries = chart.addAreaSeries({
+                lineColor: '#5E59B5',
+                topColor: '#5E59B5',
+                bottomColor: '#514CA133',
+                priceLineWidth: 2,
+                priceLineStyle: d.Dashed,
+                priceLineVisible: true,
+                priceFormat: {
+                    precision,
+                    minMove,
+                    formatter: (val) => getFirstNonZeroDigits(parseFloat(val), 3),
+                },
+            });
+            formattedData === null || formattedData === void 0 ? void 0 : formattedData.push({ time: Math.floor(new Date().getTime() / 1000), value: parseFloat(tokenPrice) });
+            //@ts-ignore
+            areaSeries.setData(formattedData);
+            areaSeries.createPriceLine({
+                price: parseFloat(bondPrice),
+                color: hasDiscount ? '#38A611' : '#DF4141',
+                lineWidth: 2,
+                lineStyle: d.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 { LineChart as default };
+//# sourceMappingURL=LineChart.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LineChart.js","sources":["../../../../../../src/views/ProjectView/components/PriceChart/components/LineChart.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef } from 'react'\nimport { ColorType, createChart, CrosshairMode, LineStyle } from 'lightweight-charts'\nimport { HistoricalPrices } from '../../../ProjectView'\nimport { getFirstNonZeroDigits } from '../../../../../utils/roundNumber'\nimport { determineValues } from './utils'\n\nconst LineChart = ({\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 = 'lineChartContainer'\n\n  const formattedData = data?.map((entry) => {\n    return {\n      time: parseInt(entry.timestamp),\n      value: parseFloat(getFirstNonZeroDigits(entry.close, 4)),\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.15\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\n        localization: {\n          priceFormatter: (val: string) => {\n            return `$${getFirstNonZeroDigits(parseFloat(val), 3)}`\n          },\n        },\n      })\n      const [precision, minMove] = determineValues(parseFloat(bondPrice))\n\n      const areaSeries = chart.addAreaSeries({\n        lineColor: '#5E59B5',\n        topColor: '#5E59B5',\n        bottomColor: '#514CA133',\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\n      formattedData?.push({ time: Math.floor(new Date().getTime() / 1000), value: parseFloat(tokenPrice) })\n      //@ts-ignore\n      areaSeries.setData(formattedData)\n\n      areaSeries.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 LineChart\n"],"names":["createChart","ColorType","CrosshairMode","LineStyle","_jsx"],"mappings":";;;;;;AAMA,MAAM,SAAS,GAAG,CAAC,EACjB,gBAAgB,EAChB,WAAW,EACX,SAAS,EACT,UAAU,GAMX,KAAI;;IAEH,MAAM,IAAI,GAAG,gBAAgB;IAC7B,MAAM,gBAAgB,GAAG,oBAAoB;AAE7C,IAAA,MAAM,aAAa,GAAG,IAAI,KAAA,IAAA,IAAJ,IAAI,KAAA,MAAA,GAAA,MAAA,GAAJ,IAAI,CAAE,GAAG,CAAC,CAAC,KAAK,KAAI;QACxC,OAAO;AACL,YAAA,IAAI,EAAE,QAAQ,CAAC,KAAK,CAAC,SAAS,CAAC;YAC/B,KAAK,EAAE,UAAU,CAAC,qBAAqB,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;SACzD;AACH,IAAA,CAAC,CAAC;;IAGF,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,EAAE;AAClD,IAAA,MAAM,iBAAiB,GAAG,MAAM,CAAC,KAAK,CAAC;IAEvC,MAAM,QAAQ,GAAG,CAAC,GAAG,UAAU,CAAC,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,MAAA,GAAT,SAAS,GAAI,GAAG,CAAC,GAAG,UAAU,CAAC,UAAU,KAAA,IAAA,IAAV,UAAU,KAAA,MAAA,GAAV,UAAU,GAAI,GAAG,CAAC;AACjF,IAAA,MAAM,aAAa,GAAG,QAAQ,GAAG,CAAC,GAAG,QAAQ,GAAG,CAAC;AACjD,IAAA,MAAM,iBAAiB,GAAG,aAAa,GAAG,IAAI;IAE9C,SAAS,CAAC,MAAK;QACb,MAAM,cAAc,GAAG,QAAQ,CAAC,cAAc,CAAC,gBAAgB,CAAC;QAChE,IAAI,cAAc,IAAI,CAAC,YAAY,IAAI,CAAC,iBAAiB,CAAC,OAAO,EAAE;AACjE,YAAA,OAAO,CAAC,GAAG,CAAC,gBAAgB,CAAC;AAC7B,YAAA,MAAM,KAAK,GAAGA,EAAW,CAAC,cAAc,EAAE;AACxC,gBAAA,KAAK,EAAE,CAAC;AACR,gBAAA,MAAM,EAAE,CAAC;AACT,gBAAA,MAAM,EAAE;AACN,oBAAA,UAAU,EAAE;wBACV,IAAI,EAAEC,EAAS,CAAC,KAAK;AACrB,wBAAA,KAAK,EAAE,aAAa;AACrB,qBAAA;AACD,oBAAA,SAAS,EAAE,SAAS;AACrB,iBAAA;AACD,gBAAA,IAAI,EAAE;AACJ,oBAAA,SAAS,EAAE;AACT,wBAAA,KAAK,EAAE,SAAS;AACjB,qBAAA;AACD,oBAAA,SAAS,EAAE;AACT,wBAAA,KAAK,EAAE,SAAS;AACjB,qBAAA;AACF,iBAAA;AACD,gBAAA,SAAS,EAAE;oBACT,IAAI,EAAEC,EAAa,CAAC,MAAM;AAC3B,iBAAA;AACD,gBAAA,eAAe,EAAE;AACf,oBAAA,WAAW,EAAE,SAAS;AACtB,oBAAA,OAAO,EAAE,IAAI;AACb,oBAAA,YAAY,EAAE;AACZ,wBAAA,GAAG,EAAE,IAAI;AACT,wBAAA,MAAM,EAAE,iBAAiB;AAC1B,qBAAA;AACF,iBAAA;AACD,gBAAA,SAAS,EAAE;AACT,oBAAA,WAAW,EAAE,SAAS;AACvB,iBAAA;AAED,gBAAA,YAAY,EAAE;AACZ,oBAAA,cAAc,EAAE,CAAC,GAAW,KAAI;wBAC9B,OAAO,CAAA,CAAA,EAAI,qBAAqB,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAA,CAAE;oBACxD,CAAC;AACF,iBAAA;AACF,aAAA,CAAC;AACF,YAAA,MAAM,CAAC,SAAS,EAAE,OAAO,CAAC,GAAG,eAAe,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC;AAEnE,YAAA,MAAM,UAAU,GAAG,KAAK,CAAC,aAAa,CAAC;AACrC,gBAAA,SAAS,EAAE,SAAS;AACpB,gBAAA,QAAQ,EAAE,SAAS;AACnB,gBAAA,WAAW,EAAE,WAAW;AACxB,gBAAA,cAAc,EAAE,CAAC;gBACjB,cAAc,EAAEC,CAAS,CAAC,MAAM;AAChC,gBAAA,gBAAgB,EAAE,IAAI;AACtB,gBAAA,WAAW,EAAE;oBACX,SAAS;oBACT,OAAO;AACP,oBAAA,SAAS,EAAE,CAAC,GAAW,KAAK,qBAAqB,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;AACtE,iBAAA;AACF,aAAA,CAAC;AAEF,YAAA,aAAa,KAAA,IAAA,IAAb,aAAa,KAAA,MAAA,GAAA,MAAA,GAAb,aAAa,CAAE,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,EAAE,CAAC,OAAO,EAAE,GAAG,IAAI,CAAC,EAAE,KAAK,EAAE,UAAU,CAAC,UAAU,CAAC,EAAE,CAAC;;AAErG,YAAA,UAAU,CAAC,OAAO,CAAC,aAAa,CAAC;YAEjC,UAAU,CAAC,eAAe,CAAC;AACzB,gBAAA,KAAK,EAAE,UAAU,CAAC,SAAS,CAAC;gBAC5B,KAAK,EAAE,WAAW,GAAG,SAAS,GAAG,SAAS;AAC1C,gBAAA,SAAS,EAAE,CAAC;gBACZ,SAAS,EAAEA,CAAS,CAAC,MAAM;AAC3B,gBAAA,gBAAgB,EAAE,IAAI;AACtB,gBAAA,KAAK,EAAE,CAAA,UAAA,CAAY;AACpB,aAAA,CAAC;AAEF,YAAA,KAAK,CAAC,SAAS,EAAE,CAAC,UAAU,EAAE;;YAE9B,eAAe,CAAC,KAAK,CAAC;AACtB,YAAA,iBAAiB,CAAC,OAAO,GAAG,IAAI;QAClC;AACF,IAAA,CAAC,EAAE,CAAC,SAAS,EAAE,iBAAiB,EAAE,YAAY,EAAE,aAAa,EAAE,WAAW,EAAE,UAAU,CAAC,CAAC;AAExF,IAAA,OAAOC,aAAK,EAAE,EAAE,gBAAgB,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAQ;AACpF;;;;"}

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

@@ -0,0 +1,20 @@
+const determineValues = (input) => {
+    // if input is larger than 1 return [2, 0.01]
+    if (input > 1) {
+        return [2, 0.01];
+    }
+    // loop that starts handling the cases smaller than or equal to 1
+    let index = 2; // Index to get next value to consider. Start from 1 since we handled the "greater than 1" case.
+    let check = 1; // Start with 0.1 as the value to compare with. If input is smaller, increase index and decrease check by a factor of 10.
+    while (input <= check) {
+        index += 1;
+        check *= 0.1;
+    }
+    const decimalString = '0.' + Array(index).join('0') + '1';
+    // Convert string back to number
+    const decimalNumber = Number(decimalString);
+    return [index, decimalNumber];
+};
+
+export { determineValues };
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../../../src/views/ProjectView/components/PriceChart/components/utils.ts"],"sourcesContent":["export const determineValues = (input: number): [number, number] => {\n  // if input is larger than 1 return [2, 0.01]\n  if (input > 1) {\n    return [2, 0.01]\n  }\n  // loop that starts handling the cases smaller than or equal to 1\n  let index = 2 // Index to get next value to consider. Start from 1 since we handled the \"greater than 1\" case.\n  let check = 1 // Start with 0.1 as the value to compare with. If input is smaller, increase index and decrease check by a factor of 10.\n  while (input <= check) {\n    index += 1\n    check *= 0.1\n  }\n  const decimalString = '0.' + Array(index).join('0') + '1'\n  // Convert string back to number\n  const decimalNumber = Number(decimalString)\n  return [index, decimalNumber]\n}\n"],"names":[],"mappings":"AAAO,MAAM,eAAe,GAAG,CAAC,KAAa,KAAsB;;AAEjE,IAAA,IAAI,KAAK,GAAG,CAAC,EAAE;AACb,QAAA,OAAO,CAAC,CAAC,EAAE,IAAI,CAAC;IAClB;;AAEA,IAAA,IAAI,KAAK,GAAG,CAAC,CAAA;AACb,IAAA,IAAI,KAAK,GAAG,CAAC,CAAA;AACb,IAAA,OAAO,KAAK,IAAI,KAAK,EAAE;QACrB,KAAK,IAAI,CAAC;QACV,KAAK,IAAI,GAAG;IACd;AACA,IAAA,MAAM,aAAa,GAAG,IAAI,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,GAAG;;AAEzD,IAAA,MAAM,aAAa,GAAG,MAAM,CAAC,aAAa,CAAC;AAC3C,IAAA,OAAO,CAAC,KAAK,EAAE,aAAa,CAAC;AAC/B;;;;"}

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

@@ -0,0 +1,53 @@
+import { useState, useEffect } from 'react';
+import CandleStickChart from './components/CandleStickChart.js';
+import LineChart from './components/LineChart.js';
+import { styles } from './styles.js';
+import { getFirstNonZeroDigits } from '../../../../utils/roundNumber.js';
+import Svg from '../../../../components/uikit-sdk/Svg/index.js';
+import Flex from '../../../../components/uikit-sdk/Flex/index.js';
+import '../../../../node_modules/tslib/tslib.es6.js';
+import '../../../../components/uikit-sdk/Text/types.js';
+import '../../../../components/uikit-sdk/Checkbox/types.js';
+import '../../../../components/uikit-sdk/Skeleton/types.js';
+import '../../../../components/uikit-sdk/Skeleton/styles.js';
+import '../../../../components/uikit-sdk/TooltipBubble/index.js';
+import '../../../../components/uikit-sdk/Button/types.js';
+import '../../../../components/uikit-sdk/Svg/types.js';
+import '../../../../components/uikit-sdk/Button/styles.js';
+import '../../../../contexts/ModalContext.js';
+import '../../../FullBondsView/FullBondsView.js';
+import '../../../../components/uikit-sdk/Select/types.js';
+import '../../../../utils/campaignStyles.js';
+import { TIERS_WEIGHT } from '../../../../state/tiers/useTierPoints.js';
+import '../../../../node_modules/@ape.swap/apeswap-lists/lib/main.js';
+import { discountEarnTokenPrice } from '../../../../utils/displayHelpers.js';
+import { findHighestTrueBondPrice } from '../../../Bonds/utils.js';
+import { __exports as main } from '../../../../_virtual/main.js';
+import { jsxs, jsx } from '../../../../node_modules/@theme-ui/core/jsx-runtime/dist/theme-ui-core-jsx-runtime.esm.js';
+
+const PriceChart = ({ selectedBond, historicalPrices, }) => {
+    var _a, _b, _c, _d;
+    const earnTokenPrice = parseFloat((_a = selectedBond === null || selectedBond === void 0 ? void 0 : selectedBond.payoutTokenPrice) !== null && _a !== void 0 ? _a : '0');
+    const trueBondPrice = findHighestTrueBondPrice(TIERS_WEIGHT[main.LaunchBondTiers.Legend], selectedBond === null || selectedBond === void 0 ? void 0 : selectedBond.trueBondPrices);
+    const bondPrice = discountEarnTokenPrice(selectedBond, true);
+    const hasDiscount = ((_b = trueBondPrice === null || trueBondPrice === void 0 ? void 0 : trueBondPrice.bonus) !== null && _b !== void 0 ? _b : 0) > 0;
+    const contractAddress = selectedBond.contractAddress[selectedBond.chainId];
+    const [show, setShow] = useState(false);
+    const [chartOption, setChartOption] = useState('line');
+    useEffect(() => {
+        // This effect is to ensure that the charts are only rendered on the client
+        setShow(true);
+    }, []);
+    useEffect(() => {
+        // This effect is to ensure the charts are re-rendered everytime the selectedBond changes
+        setShow(false);
+        const timer = setTimeout(() => {
+            setShow(true);
+        }, 50);
+        return () => clearTimeout(timer);
+    }, [contractAddress]);
+    return (jsxs(Flex, { sx: styles.priceContainer, children: [jsxs(Flex, { sx: { width: '100%', justifyContent: 'space-between', mb: '15px', pr: '20px' }, children: [jsx(Flex, { children: "Prices" }), jsxs(Flex, { children: [jsxs(Flex, { sx: { color: hasDiscount ? 'success' : 'error', fontSize: '12px', fontWeight: 500, mr: '15px' }, children: ["Bond Price: $", bondPrice] }), jsxs(Flex, { sx: { color: 'textDisabledButton', fontSize: '12px', fontWeight: 500 }, children: ["Market Price: $", getFirstNonZeroDigits(earnTokenPrice !== null && earnTokenPrice !== void 0 ? earnTokenPrice : 0)] })] })] }), show && (jsxs(Flex, { sx: styles.container, children: [jsxs(Flex, { sx: styles.buttonsContainer, children: [jsx(Flex, { sx: Object.assign(Object.assign({}, styles.button), { mr: '15px' }), onClick: () => setChartOption('line'), children: jsx(Svg, { icon: "lineChart", width: 20 }) }), jsx(Flex, { sx: styles.button, onClick: () => setChartOption('candleStick'), children: "D" })] }), historicalPrices && historicalPrices.length > 0 ? (chartOption === 'line' ? (jsx(LineChart, { historicalPrices: historicalPrices, hasDiscount: hasDiscount, bondPrice: bondPrice, tokenPrice: (_c = selectedBond.payoutTokenPrice) !== null && _c !== void 0 ? _c : '0' })) : (jsx(CandleStickChart, { historicalPrices: historicalPrices, hasDiscount: hasDiscount, bondPrice: bondPrice, tokenPrice: (_d = selectedBond.payoutTokenPrice) !== null && _d !== void 0 ? _d : '0' }))) : (jsxs(Flex, { sx: { flexDirection: 'column', justifyContent: 'center', alignItems: 'center', width: '100%' }, children: [jsx(Svg, { icon: "placeholderMonkey" }), jsx(Flex, { sx: { mt: '15px' }, children: "No Historical Price for this Token" })] }))] }))] }));
+};
+
+export { PriceChart as default };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/views/ProjectView/components/PriceChart/index.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react'\nimport CandleStickChart from './components/CandleStickChart'\nimport LineChart from './components/LineChart'\nimport { styles } from './styles'\nimport { BondsData } from '../../../../types/bonds'\nimport { HistoricalPrices } from '../../ProjectView'\nimport { getFirstNonZeroDigits } from '../../../../utils/roundNumber'\nimport { Flex, Svg } from '../../../../components/uikit-sdk'\nimport { TIERS_WEIGHT } from '../../../../state/tiers/useTierPoints'\nimport { LaunchBondTiers } from '@ape.swap/apeswap-lists'\nimport { discountEarnTokenPrice } from '../../../../utils/displayHelpers'\nimport { findHighestTrueBondPrice } from '../../../Bonds/utils'\n\nconst PriceChart = ({\n  selectedBond,\n  historicalPrices,\n}: {\n  selectedBond: BondsData\n  historicalPrices?: HistoricalPrices[] | null\n}) => {\n  const earnTokenPrice = parseFloat(selectedBond?.payoutTokenPrice ?? '0')\n  const trueBondPrice = findHighestTrueBondPrice(TIERS_WEIGHT[LaunchBondTiers.Legend], selectedBond?.trueBondPrices)\n  const bondPrice = discountEarnTokenPrice(selectedBond, true)\n  const hasDiscount = (trueBondPrice?.bonus ?? 0) > 0\n  const contractAddress = selectedBond.contractAddress[selectedBond.chainId]\n\n  const [show, setShow] = useState<boolean>(false)\n  const [chartOption, setChartOption] = useState<'line' | 'candleStick'>('line')\n\n  useEffect(() => {\n    // This effect is to ensure that the charts are only rendered on the client\n    setShow(true)\n  }, [])\n\n  useEffect(() => {\n    // This effect is to ensure the charts are re-rendered everytime the selectedBond changes\n    setShow(false)\n    const timer = setTimeout(() => {\n      setShow(true)\n    }, 50)\n    return () => clearTimeout(timer)\n  }, [contractAddress])\n\n  return (\n    <Flex sx={styles.priceContainer}>\n      <Flex sx={{ width: '100%', justifyContent: 'space-between', mb: '15px', pr: '20px' }}>\n        <Flex>Prices</Flex>\n        <Flex>\n          <Flex sx={{ color: hasDiscount ? 'success' : 'error', fontSize: '12px', fontWeight: 500, mr: '15px' }}>\n            Bond Price: ${bondPrice}\n          </Flex>\n          <Flex sx={{ color: 'textDisabledButton', fontSize: '12px', fontWeight: 500 }}>\n            Market Price: ${getFirstNonZeroDigits(earnTokenPrice ?? 0)}\n          </Flex>\n        </Flex>\n      </Flex>\n      {show && (\n        <Flex sx={styles.container}>\n          <Flex sx={styles.buttonsContainer}>\n            <Flex sx={{ ...styles.button, mr: '15px' }} onClick={() => setChartOption('line')}>\n              <Svg icon=\"lineChart\" width={20} />\n            </Flex>\n            <Flex sx={styles.button} onClick={() => setChartOption('candleStick')}>\n              D\n            </Flex>\n          </Flex>\n          {historicalPrices && historicalPrices.length > 0 ? (\n            chartOption === 'line' ? (\n              <LineChart\n                historicalPrices={historicalPrices}\n                hasDiscount={hasDiscount}\n                bondPrice={bondPrice}\n                tokenPrice={selectedBond.payoutTokenPrice ?? '0'}\n              />\n            ) : (\n              <CandleStickChart\n                historicalPrices={historicalPrices}\n                hasDiscount={hasDiscount}\n                bondPrice={bondPrice}\n                tokenPrice={selectedBond.payoutTokenPrice ?? '0'}\n              />\n            )\n          ) : (\n            <Flex sx={{ flexDirection: 'column', justifyContent: 'center', alignItems: 'center', width: '100%' }}>\n              <Svg icon=\"placeholderMonkey\" />\n              <Flex sx={{ mt: '15px' }}>No Historical Price for this Token</Flex>\n            </Flex>\n          )}\n        </Flex>\n      )}\n    </Flex>\n  )\n}\n\nexport default PriceChart\n"],"names":["LaunchBondTiers","_jsxs","_jsx"],"mappings":"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"}

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

@@ -0,0 +1,44 @@
+const styles = {
+    priceContainer: {
+        width: ['100%', '100%', '100%', '50%'],
+        fontSize: ['12px', '12px', '12px', '16px'],
+        flexDirection: 'column',
+        background: 'white2',
+        borderRadius: 'normal',
+        p: '20px',
+        pr: '0px',
+        alignItems: 'center',
+        mt: ['15px', '15px', '15px', '5px'],
+        minHeight: ['330px', '330px', '330px', '430px'],
+        ml: ['0px', '0px', '0px', '5px'],
+    },
+    container: {
+        position: 'relative',
+        width: '100%',
+        height: '100%',
+    },
+    buttonsContainer: {
+        position: 'absolute',
+        top: 0,
+        left: 0,
+        zIndex: 20,
+    },
+    button: {
+        width: '35px',
+        height: '35px',
+        fontSize: '12px',
+        borderRadius: 'small',
+        background: 'white3',
+        border: '1px solid grey',
+        display: 'flex',
+        justifyContent: 'center',
+        alignItems: 'center',
+        cursor: 'pointer',
+        '&:hover': {
+            background: 'white4',
+        },
+    },
+};
+
+export { styles };
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../../src/views/ProjectView/components/PriceChart/styles.ts"],"sourcesContent":["import { ThemeUIStyleObject } from 'theme-ui'\n\nexport const styles: Record<'priceContainer' | 'container' | 'buttonsContainer' | 'button', ThemeUIStyleObject> = {\n  priceContainer: {\n    width: ['100%', '100%', '100%', '50%'],\n    fontSize: ['12px', '12px', '12px', '16px'],\n    flexDirection: 'column',\n    background: 'white2',\n    borderRadius: 'normal',\n    p: '20px',\n    pr: '0px',\n    alignItems: 'center',\n    mt: ['15px', '15px', '15px', '5px'],\n    minHeight: ['330px', '330px', '330px', '430px'],\n    ml: ['0px', '0px', '0px', '5px'],\n  },\n  container: {\n    position: 'relative',\n    width: '100%',\n    height: '100%',\n  },\n  buttonsContainer: {\n    position: 'absolute',\n    top: 0,\n    left: 0,\n    zIndex: 20,\n  },\n  button: {\n    width: '35px',\n    height: '35px',\n    fontSize: '12px',\n    borderRadius: 'small',\n    background: 'white3',\n    border: '1px solid grey',\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n    cursor: 'pointer',\n    '&:hover': {\n      background: 'white4',\n    },\n  },\n}\n"],"names":[],"mappings":"AAEO,MAAM,MAAM,GAA+F;AAChH,IAAA,cAAc,EAAE;QACd,KAAK,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC;QACtC,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC;AAC1C,QAAA,aAAa,EAAE,QAAQ;AACvB,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,YAAY,EAAE,QAAQ;AACtB,QAAA,CAAC,EAAE,MAAM;AACT,QAAA,EAAE,EAAE,KAAK;AACT,QAAA,UAAU,EAAE,QAAQ;QACpB,EAAE,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC;QACnC,SAAS,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,CAAC;QAC/C,EAAE,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC;AACjC,KAAA;AACD,IAAA,SAAS,EAAE;AACT,QAAA,QAAQ,EAAE,UAAU;AACpB,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,MAAM,EAAE,MAAM;AACf,KAAA;AACD,IAAA,gBAAgB,EAAE;AAChB,QAAA,QAAQ,EAAE,UAAU;AACpB,QAAA,GAAG,EAAE,CAAC;AACN,QAAA,IAAI,EAAE,CAAC;AACP,QAAA,MAAM,EAAE,EAAE;AACX,KAAA;AACD,IAAA,MAAM,EAAE;AACN,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,MAAM,EAAE,MAAM;AACd,QAAA,QAAQ,EAAE,MAAM;AAChB,QAAA,YAAY,EAAE,OAAO;AACrB,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,MAAM,EAAE,gBAAgB;AACxB,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,cAAc,EAAE,QAAQ;AACxB,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,MAAM,EAAE,SAAS;AACjB,QAAA,SAAS,EAAE;AACT,YAAA,UAAU,EAAE,QAAQ;AACrB,SAAA;AACF,KAAA;;;;;"}

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

@@ -0,0 +1,34 @@
+import '../../../../node_modules/tslib/tslib.es6.js';
+import '../../../../components/uikit-sdk/Svg/types.js';
+import Flex from '../../../../components/uikit-sdk/Flex/index.js';
+import '../../../../components/uikit-sdk/Text/types.js';
+import '../../../../components/uikit-sdk/Checkbox/types.js';
+import '../../../../components/uikit-sdk/Skeleton/types.js';
+import '../../../../components/uikit-sdk/Skeleton/styles.js';
+import '../../../../components/uikit-sdk/TooltipBubble/index.js';
+import 'react';
+import '../../../../components/uikit-sdk/Button/types.js';
+import '../../../../components/uikit-sdk/Button/styles.js';
+import '../../../../contexts/ModalContext.js';
+import '../../../FullBondsView/FullBondsView.js';
+import '../../../../components/uikit-sdk/Select/types.js';
+import '../../../../utils/campaignStyles.js';
+import { styles } from './styles.js';
+import SafeHTMLComponent from '../../../../components/SafeHTMLComponent/index.js';
+import useBondsList from '../../../../state/bonds/useBondsList.js';
+import { jsxs, jsx } from '../../../../node_modules/@theme-ui/core/jsx-runtime/dist/theme-ui-core-jsx-runtime.esm.js';
+
+const ProjectInfo = ({ selectedBond2 }) => {
+    var _a, _b, _c, _d, _e;
+    const description = (_a = selectedBond2 === null || selectedBond2 === void 0 ? void 0 : selectedBond2.fullDescription) !== null && _a !== void 0 ? _a : selectedBond2 === null || selectedBond2 === void 0 ? void 0 : selectedBond2.shortDescription;
+    const { data: bondList } = useBondsList();
+    const selectedBond = bondList === null || bondList === void 0 ? void 0 : bondList.find((billsConfig) => {
+        var _a, _b, _c, _d;
+        return ((_b = (_a = billsConfig === null || billsConfig === void 0 ? void 0 : billsConfig.contractAddress) === null || _a === void 0 ? void 0 : _a[billsConfig === null || billsConfig === void 0 ? void 0 : billsConfig.chainId]) === null || _b === void 0 ? void 0 : _b.toLowerCase()) ===
+            ((_d = (_c = selectedBond2 === null || selectedBond2 === void 0 ? void 0 : selectedBond2.contractAddress) === null || _c === void 0 ? void 0 : _c[selectedBond2.chainId]) === null || _d === void 0 ? void 0 : _d.toLowerCase());
+    });
+    return (jsxs(Flex, { sx: styles.projectInfoContainer, children: [jsxs(Flex, { sx: styles.tokenTitle, children: ["About ", selectedBond === null || selectedBond === void 0 ? void 0 : selectedBond.earnToken.symbol] }), jsx(Flex, { sx: styles.fullDescription, children: description && jsx(SafeHTMLComponent, { html: description }) }), jsxs(Flex, { sx: { flexDirection: 'column' }, children: [(selectedBond === null || selectedBond === void 0 ? void 0 : selectedBond.featuredURLS) && ((_b = selectedBond === null || selectedBond === void 0 ? void 0 : selectedBond.featuredURLS) === null || _b === void 0 ? void 0 : _b.length) > 0 && (jsxs(Flex, { sx: { flexDirection: 'column', mt: '20px' }, children: [jsx(Flex, { sx: styles.tokenTitle, children: "Featured In" }), jsx(Flex, { sx: styles.imagesWrapper, children: (_c = selectedBond === null || selectedBond === void 0 ? void 0 : selectedBond.featuredURLS) === null || _c === void 0 ? void 0 : _c.map((featuredURLS, index) => (jsx(Flex, { sx: styles.imageContainer, children: jsx("img", { src: featuredURLS, alt: "featured-img", style: { width: '100%', height: '100%', objectFit: 'contain' } }) }, `${featuredURLS}-${index}`))) })] })), (selectedBond === null || selectedBond === void 0 ? void 0 : selectedBond.partnersURLS) && ((_d = selectedBond === null || selectedBond === void 0 ? void 0 : selectedBond.partnersURLS) === null || _d === void 0 ? void 0 : _d.length) > 0 && (jsxs(Flex, { sx: { flexDirection: 'column', mt: '20px' }, children: [jsx(Flex, { sx: styles.tokenTitle, children: "Partners" }), jsx(Flex, { sx: styles.imagesWrapper, children: (_e = selectedBond === null || selectedBond === void 0 ? void 0 : selectedBond.partnersURLS) === null || _e === void 0 ? void 0 : _e.map((partnerURL, index) => (jsx(Flex, { sx: styles.imageContainer, children: jsx("img", { src: partnerURL, alt: "partner-img", style: { width: '100%', height: '100%', objectFit: 'contain' } }) }, `${partnerURL}-${index}`))) })] }))] })] }));
+};
+
+export { ProjectInfo as default };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/views/ProjectView/components/ProjectInfo/index.tsx"],"sourcesContent":["import React from 'react'\nimport { Flex } from '../../../../components/uikit-sdk'\nimport { styles } from './styles'\nimport SafeHTMLComponent from '../../../../components/SafeHTMLComponent'\nimport { BondsData } from '../../../../types/bonds'\nimport useBondsList from '../../../../state/bonds/useBondsList'\n\nconst ProjectInfo = ({ selectedBond2 }: { selectedBond2?: BondsData }) => {\n  const description: string | undefined = selectedBond2?.fullDescription ?? selectedBond2?.shortDescription\n  const { data: bondList } = useBondsList()\n\n  const selectedBond = bondList?.find(\n    (billsConfig) =>\n      billsConfig?.contractAddress?.[billsConfig?.chainId]?.toLowerCase() ===\n      selectedBond2?.contractAddress?.[selectedBond2.chainId]?.toLowerCase(),\n  )\n\n  return (\n    <Flex sx={styles.projectInfoContainer}>\n      <Flex sx={styles.tokenTitle}>About {selectedBond?.earnToken.symbol}</Flex>\n      <Flex sx={styles.fullDescription}>{description && <SafeHTMLComponent html={description} />}</Flex>\n      <Flex sx={{ flexDirection: 'column' }}>\n        {selectedBond?.featuredURLS && selectedBond?.featuredURLS?.length > 0 && (\n          <Flex sx={{ flexDirection: 'column', mt: '20px' }}>\n            <Flex sx={styles.tokenTitle}>Featured In</Flex>\n            <Flex sx={styles.imagesWrapper}>\n              {selectedBond?.featuredURLS?.map((featuredURLS, index) => (\n                <Flex key={`${featuredURLS}-${index}`} sx={styles.imageContainer}>\n                  <img\n                    src={featuredURLS}\n                    alt=\"featured-img\"\n                    style={{ width: '100%', height: '100%', objectFit: 'contain' }}\n                  />\n                </Flex>\n              ))}\n            </Flex>\n          </Flex>\n        )}\n        {selectedBond?.partnersURLS && selectedBond?.partnersURLS?.length > 0 && (\n          <Flex sx={{ flexDirection: 'column', mt: '20px' }}>\n            <Flex sx={styles.tokenTitle}>Partners</Flex>\n            <Flex sx={styles.imagesWrapper}>\n              {selectedBond?.partnersURLS?.map((partnerURL, index) => (\n                <Flex key={`${partnerURL}-${index}`} sx={styles.imageContainer}>\n                  <img\n                    src={partnerURL}\n                    alt=\"partner-img\"\n                    style={{ width: '100%', height: '100%', objectFit: 'contain' }}\n                  />\n                </Flex>\n              ))}\n            </Flex>\n          </Flex>\n        )}\n      </Flex>\n    </Flex>\n  )\n}\n\nexport default ProjectInfo\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/views/ProjectView/components/ProjectInfo/styles.js

@@ -0,0 +1,44 @@
+const styles = {
+    projectInfoContainer: {
+        width: '100%',
+        background: 'white2',
+        p: '20px',
+        borderRadius: 'normal',
+        flexDirection: 'column',
+    },
+    tokenTitle: {
+        width: '100%',
+        fontSize: ['22px'],
+    },
+    fullDescription: {
+        fontSize: '14px',
+        fontWeight: 500,
+        lineHeight: '21px',
+        mt: '10px',
+    },
+    imagesWrapper: {
+        mt: '10px',
+        justifyContent: 'space-between',
+        flexWrap: ['wrap', 'wrap', 'wrap', 'nowrap'],
+        '& > div:last-child': {
+            marginRight: '0',
+        },
+        '& > div:nth-of-type(3)': {
+            marginRight: ['0px', '0px', '0px', '10px'],
+        },
+        '& > div:nth-of-type(n+4)': {
+            mt: ['15px', '15px', '15px', '0px'],
+        },
+    },
+    imageContainer: {
+        p: '10px',
+        background: 'white3',
+        borderRadius: 'normal',
+        mr: '10px',
+        width: ['30%', '30%', '30%', '100%'],
+        height: ['40px', '40px', '40px', '67px'],
+    },
+};
+
+export { styles };
+//# sourceMappingURL=styles.js.map

package/dist/views/ProjectView/components/ProjectInfo/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../../src/views/ProjectView/components/ProjectInfo/styles.ts"],"sourcesContent":["import { ThemeUIStyleObject } from 'theme-ui'\n\nexport const styles: Record<\n  'projectInfoContainer' | 'tokenTitle' | 'fullDescription' | 'imagesWrapper' | 'imageContainer',\n  ThemeUIStyleObject\n> = {\n  projectInfoContainer: {\n    width: '100%',\n    background: 'white2',\n    p: '20px',\n    borderRadius: 'normal',\n    flexDirection: 'column',\n  },\n  tokenTitle: {\n    width: '100%',\n    fontSize: ['22px'],\n  },\n  fullDescription: {\n    fontSize: '14px',\n    fontWeight: 500,\n    lineHeight: '21px',\n    mt: '10px',\n  },\n  imagesWrapper: {\n    mt: '10px',\n    justifyContent: 'space-between',\n    flexWrap: ['wrap', 'wrap', 'wrap', 'nowrap'],\n    '& > div:last-child': {\n      marginRight: '0',\n    },\n    '& > div:nth-of-type(3)': {\n      marginRight: ['0px', '0px', '0px', '10px'],\n    },\n    '& > div:nth-of-type(n+4)': {\n      mt: ['15px', '15px', '15px', '0px'],\n    },\n  },\n  imageContainer: {\n    p: '10px',\n    background: 'white3',\n    borderRadius: 'normal',\n    mr: '10px',\n    width: ['30%', '30%', '30%', '100%'],\n    height: ['40px', '40px', '40px', '67px'],\n  },\n}\n"],"names":[],"mappings":"AAEO,MAAM,MAAM,GAGf;AACF,IAAA,oBAAoB,EAAE;AACpB,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,CAAC,EAAE,MAAM;AACT,QAAA,YAAY,EAAE,QAAQ;AACtB,QAAA,aAAa,EAAE,QAAQ;AACxB,KAAA;AACD,IAAA,UAAU,EAAE;AACV,QAAA,KAAK,EAAE,MAAM;QACb,QAAQ,EAAE,CAAC,MAAM,CAAC;AACnB,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,QAAQ,EAAE,MAAM;AAChB,QAAA,UAAU,EAAE,GAAG;AACf,QAAA,UAAU,EAAE,MAAM;AAClB,QAAA,EAAE,EAAE,MAAM;AACX,KAAA;AACD,IAAA,aAAa,EAAE;AACb,QAAA,EAAE,EAAE,MAAM;AACV,QAAA,cAAc,EAAE,eAAe;QAC/B,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC;AAC5C,QAAA,oBAAoB,EAAE;AACpB,YAAA,WAAW,EAAE,GAAG;AACjB,SAAA;AACD,QAAA,wBAAwB,EAAE;YACxB,WAAW,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC;AAC3C,SAAA;AACD,QAAA,0BAA0B,EAAE;YAC1B,EAAE,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC;AACpC,SAAA;AACF,KAAA;AACD,IAAA,cAAc,EAAE;AACd,QAAA,CAAC,EAAE,MAAM;AACT,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,YAAY,EAAE,QAAQ;AACtB,QAAA,EAAE,EAAE,MAAM;QACV,KAAK,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC;QACpC,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC;AACzC,KAAA;;;;;"}

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

@@ -0,0 +1,112 @@
+import { useState, useEffect } from 'react';
+import { useTopTags } from '../../../../hooks/useTopTags.js';
+import useBondsData from '../../../../state/bonds/useBondsData.js';
+import '../../../../node_modules/tslib/tslib.es6.js';
+import '../../../../components/uikit-sdk/Svg/types.js';
+import Flex from '../../../../components/uikit-sdk/Flex/index.js';
+import '../../../../components/uikit-sdk/Text/types.js';
+import '../../../../components/uikit-sdk/Checkbox/types.js';
+import '../../../../components/uikit-sdk/Skeleton/types.js';
+import '../../../../components/uikit-sdk/Skeleton/styles.js';
+import '../../../../components/uikit-sdk/TooltipBubble/index.js';
+import '../../../../components/uikit-sdk/Button/types.js';
+import '../../../../components/uikit-sdk/Button/styles.js';
+import '../../../../contexts/ModalContext.js';
+import '../../../FullBondsView/FullBondsView.js';
+import '../../../../components/uikit-sdk/Select/types.js';
+import '../../../../utils/campaignStyles.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 '../../../../node_modules/@ape.swap/apeswap-lists/lib/main.js';
+import useGetBondRecommendations from '../../../../state/recommendations/useGetBondRecommendations.js';
+import { useHotBondContracts } from '../../../../state/hotBonds/useHotBonds.js';
+import { findHighestTrueBondPrice } from '../../../Bonds/utils.js';
+import useEVMAccount from '../../../../hooks/accounts/useEVMAccount.js';
+import { __exports as main } from '../../../../_virtual/main.js';
+import { jsxs, jsx } from '../../../../node_modules/@theme-ui/core/jsx-runtime/dist/theme-ui-core-jsx-runtime.esm.js';
+
+const RecommendationCards = () => {
+    var _a;
+    const topTags = useTopTags();
+    const { address: account } = useEVMAccount();
+    const options = account ? ['For You', 'Hot', ...topTags] : ['Hot', ...topTags];
+    const [activeOption, setActiveOption] = useState(options[0]);
+    const { data: hotBonds } = useHotBondContracts();
+    const { data: forYouRecommendations } = useGetBondRecommendations(account, undefined, '3');
+    const { data: bonds } = useBondsData();
+    const sortedBonds = bonds && (bonds === null || bonds === void 0 ? void 0 : bonds.length) > 0
+        ? [...bonds].sort((a, b) => {
+            var _a, _b, _c, _d;
+            return ((_b = (_a = findHighestTrueBondPrice(TIERS_WEIGHT[main.LaunchBondTiers.Legend], b === null || b === void 0 ? void 0 : b.trueBondPrices)) === null || _a === void 0 ? void 0 : _a.bonus) !== null && _b !== void 0 ? _b : 0) -
+                ((_d = (_c = findHighestTrueBondPrice(TIERS_WEIGHT[main.LaunchBondTiers.Legend], a === null || a === void 0 ? void 0 : a.trueBondPrices)) === null || _c === void 0 ? void 0 : _c.bonus) !== null && _d !== void 0 ? _d : 0);
+        })
+        : undefined;
+    const filteredBonds = sortedBonds === null || sortedBonds === void 0 ? void 0 : sortedBonds.filter((bond) => {
+        var _a, _b, _c;
+        return ((_a = bond === null || bond === void 0 ? void 0 : bond.tags) === null || _a === void 0 ? void 0 : _a.includes(activeOption)) &&
+            !(bond === null || bond === void 0 ? void 0 : bond.soldOut) &&
+            ((_c = (_b = findHighestTrueBondPrice(TIERS_WEIGHT[main.LaunchBondTiers.Legend], bond === null || bond === void 0 ? void 0 : bond.trueBondPrices)) === null || _b === void 0 ? void 0 : _b.bonus) !== null && _c !== void 0 ? _c : 0) < 50;
+    });
+    // This should come from the API
+    const hotRecommendations = sortedBonds === null || sortedBonds === void 0 ? void 0 : sortedBonds.filter((bond) => { var _a, _b, _c; return hotBonds === null || hotBonds === void 0 ? void 0 : hotBonds.includes((_c = (_b = (_a = bond === null || bond === void 0 ? void 0 : bond.contractAddress) === null || _a === void 0 ? void 0 : _a[bond.chainId]) === null || _b === void 0 ? void 0 : _b.toLowerCase()) !== null && _c !== void 0 ? _c : ''); });
+    const selectedBonds = activeOption === 'For You' ? forYouRecommendations : activeOption === 'Hot' ? hotRecommendations : filteredBonds;
+    const slicedBonds = (_a = selectedBonds === null || selectedBonds === void 0 ? void 0 : selectedBonds.sort((a, b) => {
+        var _a, _b, _c, _d;
+        return ('discount' in b
+            ? b.discount
+            : ((_b = (_a = findHighestTrueBondPrice(TIERS_WEIGHT[main.LaunchBondTiers.Legend], b === null || b === void 0 ? void 0 : b.trueBondPrices)) === null || _a === void 0 ? void 0 : _a.bonus) !== null && _b !== void 0 ? _b : 0)) -
+            ('discount' in a
+                ? a.discount
+                : ((_d = (_c = findHighestTrueBondPrice(TIERS_WEIGHT[main.LaunchBondTiers.Legend], a === null || a === void 0 ? void 0 : a.trueBondPrices)) === null || _c === void 0 ? void 0 : _c.bonus) !== null && _d !== void 0 ? _d : 0));
+    })) === null || _a === void 0 ? void 0 : _a.slice(0, 3);
+    const parsedBondsToRender = slicedBonds === null || slicedBonds === void 0 ? void 0 : slicedBonds.map((bond) => {
+        var _a, _b, _c, _d;
+        let contractAddress = '';
+        if ('contractAddress' in bond) {
+            contractAddress = bond.contractAddress;
+        }
+        if ('billAddress' in bond) {
+            contractAddress = bond.billAddress;
+        }
+        return {
+            payoutTokenName: (_a = bond === null || bond === void 0 ? void 0 : bond.showcaseTokenName) !== null && _a !== void 0 ? _a : '',
+            contractAddress,
+            vestingTerm: (_b = bond.vestingTerm) !== null && _b !== void 0 ? _b : 0,
+            bonus: 'bonus' in bond
+                ? bond.bonus
+                : ((_d = (_c = findHighestTrueBondPrice(TIERS_WEIGHT[main.LaunchBondTiers.Legend], bond === null || bond === void 0 ? void 0 : bond.trueBondPrices)) === null || _c === void 0 ? void 0 : _c.bonusWithFee) !== null && _d !== void 0 ? _d : 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'] }, children: jsx("img", { width: 190, height: 20, alt: "poweredBy", src: "/images/bills/powered.png", sx: {
+                                width: '190px',
+                                height: '20px',
+                                cursor: 'pointer',
+                            }, 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 };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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'\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 '../../../Bonds/utils'\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":["LaunchBondTiers","_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;AACtC,IAAA,MAAM,WAAW,GACf,KAAK,IAAI,CAAA,KAAK,KAAA,IAAA,IAAL,KAAK,KAAA,MAAA,GAAA,MAAA,GAAL,KAAK,CAAE,MAAM,IAAG;AACvB,UAAE,CAAC,GAAG,KAAK,CAAC,CAAC,IAAI,CACb,CAAC,CAAC,EAAE,CAAC,KAAI;;YACP,OAAA,CAAC,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,wBAAwB,CAAC,YAAY,CAACA,oBAAe,CAAC,MAAM,CAAC,EAAE,CAAC,KAAA,IAAA,IAAD,CAAC,KAAA,MAAA,GAAA,MAAA,GAAD,CAAC,CAAE,cAAc,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,KAAK,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,CAAC;iBAC7F,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,wBAAwB,CAAC,YAAY,CAACA,oBAAe,CAAC,MAAM,CAAC,EAAE,CAAC,aAAD,CAAC,KAAA,MAAA,GAAA,MAAA,GAAD,CAAC,CAAE,cAAc,CAAC,0CAAE,KAAK,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,CAAC,CAAC;SAAA;UAEnG,SAAS;AAEf,IAAA,MAAM,aAAa,GAAG,WAAW,KAAA,IAAA,IAAX,WAAW,KAAA,MAAA,GAAA,MAAA,GAAX,WAAW,CAAE,MAAM,CACvC,CAAC,IAAI,KAAI;;AACP,QAAA,OAAA,CAAA,CAAA,EAAA,GAAA,IAAI,KAAA,IAAA,IAAJ,IAAI,KAAA,MAAA,GAAA,MAAA,GAAJ,IAAI,CAAE,IAAI,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,QAAQ,CAAC,YAAY,CAAC;YAClC,EAAC,IAAI,KAAA,IAAA,IAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,CAAA;YACd,CAAC,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,wBAAwB,CAAC,YAAY,CAACA,oBAAe,CAAC,MAAM,CAAC,EAAE,IAAI,KAAA,IAAA,IAAJ,IAAI,KAAA,MAAA,GAAA,MAAA,GAAJ,IAAI,CAAE,cAAc,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,KAAK,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,CAAC,IAAI,EAAE;AAAA,IAAA,CAAA,CAC1G;;IAGD,MAAM,kBAAkB,GAAG,WAAW,KAAA,IAAA,IAAX,WAAW,KAAA,MAAA,GAAA,MAAA,GAAX,WAAW,CAAE,MAAM,CAAC,CAAC,IAAI,uBAClD,OAAA,QAAQ,aAAR,QAAQ,KAAA,MAAA,GAAA,MAAA,GAAR,QAAQ,CAAE,QAAQ,CAAC,MAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,IAAI,KAAA,IAAA,IAAJ,IAAI,uBAAJ,IAAI,CAAE,eAAe,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAG,IAAI,CAAC,OAAO,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,WAAW,EAAE,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,EAAE,CAAC,CAAA,CAAA,CAAA,CAC/E;IAED,MAAM,aAAa,GACjB,YAAY,KAAK,SAAS,GAAG,qBAAqB,GAAG,YAAY,KAAK,KAAK,GAAG,kBAAkB,GAAG,aAAa;AAElH,IAAA,MAAM,WAAW,GAAG,CAAA,EAAA,GAAA,aAAa,KAAA,IAAA,IAAb,aAAa,KAAA,MAAA,GAAA,MAAA,GAAb,aAAa,CAC7B,IAAI,CACJ,CAAC,CAAC,EAAE,CAAC,KAAI;;QACP,OAAA,CAAC,UAAU,IAAI;cACX,CAAC,CAAC;eACD,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,wBAAwB,CAAC,YAAY,CAACA,oBAAe,CAAC,MAAM,CAAC,EAAE,CAAC,KAAA,IAAA,IAAD,CAAC,KAAA,MAAA,GAAA,MAAA,GAAD,CAAC,CAAE,cAAc,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,KAAK,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,CAAC,CAAC;aAClG,UAAU,IAAI;kBACX,CAAC,CAAC;mBACD,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,wBAAwB,CAAC,YAAY,CAACA,oBAAe,CAAC,MAAM,CAAC,EAAE,CAAC,KAAA,IAAA,IAAD,CAAC,KAAA,MAAA,GAAA,MAAA,GAAD,CAAC,CAAE,cAAc,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,KAAK,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,CAAC,CAAC,CAAE;AAAA,IAAA,CAAA,CACxG,0CACC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;AAEf,IAAA,MAAM,mBAAmB,GAAgC,WAAW,KAAA,IAAA,IAAX,WAAW,KAAA,MAAA,GAAA,MAAA,GAAX,WAAW,CAAE,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;YACL,eAAe,EAAE,CAAA,EAAA,GAAA,IAAI,KAAA,IAAA,IAAJ,IAAI,uBAAJ,IAAI,CAAE,iBAAiB,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,EAAE;YAC9C,eAAe;AACf,YAAA,WAAW,EAAE,CAAA,EAAA,GAAA,IAAI,CAAC,WAAW,mCAAI,CAAC;YAClC,KAAK,EACH,OAAO,IAAI;kBACP,IAAI,CAAC;mBACJ,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,wBAAwB,CAAC,YAAY,CAACA,oBAAe,CAAC,MAAM,CAAC,EAAE,IAAI,KAAA,IAAA,IAAJ,IAAI,KAAA,MAAA,GAAA,MAAA,GAAJ,IAAI,CAAE,cAAc,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,YAAY,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,CAAC,CAAC;YAC/G,OAAO,EAAE,IAAI,CAAC,OAAO;SACtB;AACH,IAAA,CAAC,CAAC;IAEF,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,QACEC,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;AACrB,iBAAA,EAAA,QAAA,EAEA,mBAAmB;oBAClB,mBAAmB,CAAC,MAAM,GAAG,CAAC;oBAC9B,mBAAmB,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,KAAI;AACtC,wBAAA,OAAOA,GAAA,CAAC,uBAAuB,EAAA,EAAC,cAAc,EAAE,IAAI,EAAA,EAAO,CAAA,EAAG,IAAI,CAAC,eAAe,CAAA,CAAA,EAAI,KAAK,CAAA,CAAE,CAAI;AACnG,oBAAA,CAAC,CAAC,EAAA,CACC,CAAA,EAAA,CACF;AAEX;;;;"}

package/dist/views/ProjectView/index.js

@@ -0,0 +1,12 @@
+import Providers from '../../providers/index.js';
+import { useSDKConfig } from '../../state/useSDKConfig.js';
+import ProjectView from './ProjectView.js';
+import { jsx } from '../../node_modules/@theme-ui/core/jsx-runtime/dist/theme-ui-core-jsx-runtime.esm.js';
+
+const ProjectViewWithProviders = (props) => {
+    useSDKConfig(props);
+    return (jsx(Providers, { theme: props.theme, children: jsx(ProjectView, Object.assign({}, props)) }));
+};
+
+export { ProjectViewWithProviders as default };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/views/ProjectView/index.tsx"],"sourcesContent":["import React from 'react'\nimport Providers from '../../providers'\nimport { SDKPropsDTO, useSDKConfig } from '../../state/useSDKConfig'\nimport ProjectView, { ProjectViewProps } from './ProjectView'\n\ninterface Props extends SDKPropsDTO, ProjectViewProps {}\n\nconst ProjectViewWithProviders: React.FC<Props> = (props) => {\n  useSDKConfig(props)\n\n  return (\n    <Providers theme={props.theme}>\n      <ProjectView {...props} />\n    </Providers>\n  )\n}\n\nexport default ProjectViewWithProviders\n"],"names":["_jsx"],"mappings":";;;;;AAOA,MAAM,wBAAwB,GAAoB,CAAC,KAAK,KAAI;IAC1D,YAAY,CAAC,KAAK,CAAC;AAEnB,IAAA,QACEA,GAAA,CAAC,SAAS,EAAA,EAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAA,QAAA,EAC3BA,IAAC,WAAW,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,KAAK,CAAA,CAAI,EAAA,CAChB;AAEhB;;;;"}

package/dist/views/ProjectView/styles.js

@@ -0,0 +1,9 @@
+const styles = {
+    mainViewContainer: {
+        width: '100%',
+        flexDirection: 'column',
+        mt: '15px',
+    }};
+
+export { styles };
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../src/views/ProjectView/styles.ts"],"sourcesContent":["import { ThemeUIStyleObject } from 'theme-ui'\n\nexport const styles: Record<'mainViewContainer' | 'buyContainer', ThemeUIStyleObject> = {\n  mainViewContainer: {\n    width: '100%',\n    flexDirection: 'column',\n    mt: '15px',\n  },\n  buyContainer: {\n    width: ['100%', '100%', '100%', '50%'],\n    flexDirection: 'column',\n    background: 'white2',\n    borderRadius: 'normal',\n    p: '20px',\n    mr: ['unset', 'unset', 'unset', '10px'],\n  },\n}\n"],"names":[],"mappings":"AAEO,MAAM,MAAM,GAAqE;AACtF,IAAA,iBAAiB,EAAE;AACjB,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,aAAa,EAAE,QAAQ;AACvB,QAAA,EAAE,EAAE,MAAM;AACX;;;;"}

package/dist/views/SingleBond/SingleBond.js

@@ -0,0 +1,50 @@
+import { useState } from 'react';
+import '../../node_modules/tslib/tslib.es6.js';
+import '../../components/uikit-sdk/Svg/types.js';
+import Flex from '../../components/uikit-sdk/Flex/index.js';
+import '../../components/uikit-sdk/Text/types.js';
+import '../../components/uikit-sdk/Checkbox/types.js';
+import '../../components/uikit-sdk/Skeleton/types.js';
+import '../../components/uikit-sdk/Skeleton/styles.js';
+import '../../components/uikit-sdk/TooltipBubble/index.js';
+import '../../components/uikit-sdk/Button/types.js';
+import '../../components/uikit-sdk/Button/styles.js';
+import '../../contexts/ModalContext.js';
+import '../FullBondsView/FullBondsView.js';
+import '../../components/uikit-sdk/Select/types.js';
+import '../../utils/campaignStyles.js';
+import useBondsData from '../../state/bonds/useBondsData.js';
+import useBondsList from '../../state/bonds/useBondsList.js';
+import BuyComponent from '../BuyBond/BuyComponent.js';
+import TabNav from '../../components/uikit-sdk/TabNav/index.js';
+import YourBonds from '../YourBonds/YourBonds.js';
+import SoldOutBuyBondPlaceholder from './SoldOutBuyBondPlaceholder.js';
+import { jsx, jsxs } from '../../node_modules/@theme-ui/core/jsx-runtime/dist/theme-ui-core-jsx-runtime.esm.js';
+import { Spinner } from '../../node_modules/@theme-ui/components/dist/theme-ui-components.esm.js';
+
+const SingleBond = ({ tokenSymbol }) => {
+    var _a;
+    // Data Hooks
+    const { data: bonds, isFetched } = useBondsData();
+    const { data: allBonds } = useBondsList();
+    // State
+    const [activeTab, setActiveTab] = useState('Buy Bond');
+    // Data
+    const filteredBonds = bonds === null || bonds === void 0 ? void 0 : bonds.filter((bond) => tokenSymbol === null || tokenSymbol === void 0 ? void 0 : tokenSymbol.some((symbol) => { var _a; return ((_a = bond.earnToken.symbol) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === symbol.toLowerCase(); }));
+    const soldOutBonds = allBonds === null || allBonds === void 0 ? void 0 : allBonds.filter((bond) => tokenSymbol === null || tokenSymbol === void 0 ? void 0 : tokenSymbol.some((symbol) => { var _a; return ((_a = bond.earnToken.symbol) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === symbol.toLowerCase(); }));
+    const activeBond = filteredBonds === null || filteredBonds === void 0 ? void 0 : filteredBonds[0];
+    const soldOutBond = soldOutBonds === null || soldOutBonds === void 0 ? void 0 : soldOutBonds[0];
+    const bondAddress = (_a = activeBond === null || activeBond === void 0 ? void 0 : activeBond.contractAddress) === null || _a === void 0 ? void 0 : _a[activeBond === null || activeBond === void 0 ? void 0 : activeBond.chainId];
+    const bondChain = activeBond === null || activeBond === void 0 ? void 0 : activeBond.chainId;
+    return (jsx(Flex, { sx: { flexDirection: 'column' }, children: jsxs(Flex, { sx: {
+                flexDirection: 'column',
+            }, children: [jsx(Flex, { sx: { width: '100%', justifyContent: 'center', mb: '15px' }, children: jsx(TabNav, { activeTab: activeTab, tabOptions: ['Buy Bond', 'Your Bonds'], onChangeActiveTab: (newValue) => setActiveTab(newValue) }) }), activeTab === 'Buy Bond' ? (jsx(Flex, { sx: {
+                        background: activeTab === 'Buy Bond' && 'white2',
+                        borderRadius: 'normal',
+                        p: '0 20px 20px 20px',
+                        mx: '10px',
+                    }, children: activeBond ? (jsx(BuyComponent, { bondAddress: bondAddress, bondChain: bondChain })) : soldOutBond && isFetched ? (jsx(SoldOutBuyBondPlaceholder, { bond: soldOutBond })) : isFetched ? (jsx(Flex, { sx: { justifyContent: 'center', width: '100%', pt: '20px' }, children: "No bond" })) : (jsx(Flex, { className: "placeholder-monkey-wrapper", children: jsx(Spinner, { size: 100 }) })) })) : (jsx(YourBonds, { showOnly: tokenSymbol === null || tokenSymbol === void 0 ? void 0 : tokenSymbol[0] }))] }) }));
+};
+
+export { SingleBond as default };
+//# sourceMappingURL=SingleBond.js.map