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

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

@@ -0,0 +1,51 @@
+const styles = {
+    topSaleCardContainer: {
+        width: '100%',
+        p: '20px',
+        borderRadius: 'normal',
+        position: 'relative',
+        overflow: 'hidden',
+        backgroundImage: 'url(/images/singleBondPage/background.png)',
+    },
+    positionNumber: {
+        width: '30px',
+        height: '30px',
+        background: 'linear-gradient(90deg, #AA80F9 0%, #6165D7 100%)',
+        borderRadius: '50px',
+        justifyContent: 'center',
+        alignItems: 'center',
+    },
+    youCard: {
+        background: 'primaryButton',
+        borderRadius: '0px 10px 10px 0px',
+        p: '2.5px 5px',
+        position: 'absolute',
+        right: '-45px',
+        top: '0px',
+        fontSize: '12px',
+        fontWeight: 400,
+        lineHeight: '12px',
+        '&:before': {
+            content: '""',
+            display: 'block',
+            height: 0,
+            width: 0,
+            position: 'absolute',
+            top: '50%',
+            right: 'calc(100% - 0px)',
+            border: '9px solid transparent',
+            borderRightColor: 'primaryButton',
+            transform: 'translateY(-50%)',
+        },
+    },
+    medals: {
+        objectFit: 'contain',
+        position: 'absolute',
+        bottom: ['unset', 'unset', 'unset', '-15px'],
+        right: ['10px', '10px', '10px', '-50px'],
+        top: ['0px', '0px', '0px', 'unset'],
+    },
+};
+
+export { styles };
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../../../src/views/ProjectView/components/BondLeaderboard/components/styles.ts"],"sourcesContent":["import { ThemeUIStyleObject } from 'theme-ui'\n\nexport const styles: Record<'topSaleCardContainer' | 'positionNumber' | 'youCard' | 'medals', ThemeUIStyleObject> = {\n  topSaleCardContainer: {\n    width: '100%',\n    p: '20px',\n    borderRadius: 'normal',\n    position: 'relative',\n    overflow: 'hidden',\n    backgroundImage: 'url(/images/singleBondPage/background.png)',\n  },\n  positionNumber: {\n    width: '30px',\n    height: '30px',\n    background: 'linear-gradient(90deg, #AA80F9 0%, #6165D7 100%)',\n    borderRadius: '50px',\n    justifyContent: 'center',\n    alignItems: 'center',\n  },\n  youCard: {\n    background: 'primaryButton',\n    borderRadius: '0px 10px 10px 0px',\n    p: '2.5px 5px',\n    position: 'absolute',\n    right: '-45px',\n    top: '0px',\n    fontSize: '12px',\n    fontWeight: 400,\n    lineHeight: '12px',\n    '&:before': {\n      content: '\"\"',\n      display: 'block',\n      height: 0,\n      width: 0,\n      position: 'absolute',\n      top: '50%',\n      right: 'calc(100% - 0px)',\n      border: '9px solid transparent',\n      borderRightColor: 'primaryButton',\n      transform: 'translateY(-50%)',\n    },\n  },\n  medals: {\n    objectFit: 'contain',\n    position: 'absolute',\n    bottom: ['unset', 'unset', 'unset', '-15px'],\n    right: ['10px', '10px', '10px', '-50px'],\n    top: ['0px', '0px', '0px', 'unset'],\n  },\n}\n"],"names":[],"mappings":"AAEO,MAAM,MAAM,GAAiG;AAClH,IAAA,oBAAoB,EAAE;AACpB,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,CAAC,EAAE,MAAM;AACT,QAAA,YAAY,EAAE,QAAQ;AACtB,QAAA,QAAQ,EAAE,UAAU;AACpB,QAAA,QAAQ,EAAE,QAAQ;AAClB,QAAA,eAAe,EAAE,4CAA4C;AAC9D,KAAA;AACD,IAAA,cAAc,EAAE;AACd,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,MAAM,EAAE,MAAM;AACd,QAAA,UAAU,EAAE,kDAAkD;AAC9D,QAAA,YAAY,EAAE,MAAM;AACpB,QAAA,cAAc,EAAE,QAAQ;AACxB,QAAA,UAAU,EAAE,QAAQ;AACrB,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,UAAU,EAAE,eAAe;AAC3B,QAAA,YAAY,EAAE,mBAAmB;AACjC,QAAA,CAAC,EAAE,WAAW;AACd,QAAA,QAAQ,EAAE,UAAU;AACpB,QAAA,KAAK,EAAE,OAAO;AACd,QAAA,GAAG,EAAE,KAAK;AACV,QAAA,QAAQ,EAAE,MAAM;AAChB,QAAA,UAAU,EAAE,GAAG;AACf,QAAA,UAAU,EAAE,MAAM;AAClB,QAAA,UAAU,EAAE;AACV,YAAA,OAAO,EAAE,IAAI;AACb,YAAA,OAAO,EAAE,OAAO;AAChB,YAAA,MAAM,EAAE,CAAC;AACT,YAAA,KAAK,EAAE,CAAC;AACR,YAAA,QAAQ,EAAE,UAAU;AACpB,YAAA,GAAG,EAAE,KAAK;AACV,YAAA,KAAK,EAAE,kBAAkB;AACzB,YAAA,MAAM,EAAE,uBAAuB;AAC/B,YAAA,gBAAgB,EAAE,eAAe;AACjC,YAAA,SAAS,EAAE,kBAAkB;AAC9B,SAAA;AACF,KAAA;AACD,IAAA,MAAM,EAAE;AACN,QAAA,SAAS,EAAE,SAAS;AACpB,QAAA,QAAQ,EAAE,UAAU;QACpB,MAAM,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,CAAC;QAC5C,KAAK,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC;QACxC,GAAG,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,CAAC;AACpC,KAAA;;;;;"}

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

@@ -0,0 +1,45 @@
+import TopThreeSalesCards from './components/TopThreeSalesCards.js';
+import SalesTable from './components/SalesTable.js';
+import useGetBondApiStats from '../../../../state/bondApiStats/useGetBondApiStats.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 { Fragment } from 'react';
+import '../../../../components/uikit-sdk/Button/types.js';
+import '../../../../components/uikit-sdk/Svg/types.js';
+import '../../../../components/uikit-sdk/Button/styles.js';
+import '../../../../contexts/ModalContext.js';
+import '../../../FullBondsView/FullBondsView.js';
+import '../../../../components/uikit-sdk/Select/types.js';
+import '../../../../utils/campaignStyles.js';
+import { jsx, jsxs } from '../../../../node_modules/@theme-ui/core/jsx-runtime/dist/theme-ui-core-jsx-runtime.esm.js';
+
+const BondLeaderboard = ({ selectedBond }) => {
+    var _a;
+    const { data: bondStats } = useGetBondApiStats((_a = selectedBond === null || selectedBond === void 0 ? void 0 : selectedBond.contractAddress) === null || _a === void 0 ? void 0 : _a[selectedBond === null || selectedBond === void 0 ? void 0 : selectedBond.chainId]);
+    const filteredSales = bondStats === null || bondStats === void 0 ? void 0 : bondStats.Sales.filter((sale) => sale.dollarValue > 1);
+    const sortedSales = filteredSales === null || filteredSales === void 0 ? void 0 : filteredSales.sort((a, b) => b.dollarValue - a.dollarValue);
+    const topThreeSales = sortedSales === null || sortedSales === void 0 ? void 0 : sortedSales.slice(0, 3);
+    const allSales = sortedSales === null || sortedSales === void 0 ? void 0 : sortedSales.slice(3, 15);
+    return (jsx(Flex, { sx: {
+            width: '100%',
+            flexDirection: 'column',
+            p: '20px',
+            borderRadius: 'normal',
+            background: 'white2',
+        }, children: filteredSales && filteredSales.length > 0 ? (jsxs(Fragment, { children: [jsx(Flex, { sx: { fontSize: '22px' }, children: "Bond Leaderboard" }), jsx(TopThreeSalesCards, { topThreeSales: topThreeSales }), jsx(Flex, { sx: { overflowX: ['auto', 'auto', 'auto', 'unset'], '&::-webkit-scrollbar': { height: '5px' } }, children: allSales && (allSales === null || allSales === void 0 ? void 0 : allSales.length) > 0 && jsx(SalesTable, { allSales: allSales }) })] })) : (jsxs(Flex, { sx: {
+                width: '100%',
+                height: '300px',
+                justifyContent: 'center',
+                alignItems: 'center',
+                flexDirection: 'column',
+            }, children: [jsx(Svg, { icon: "placeholderMonkey" }), jsx(Flex, { sx: { mt: '15px' }, children: "No sales yet" })] })) }));
+};
+
+export { BondLeaderboard as default };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/views/ProjectView/components/BondLeaderboard/index.tsx"],"sourcesContent":["import React from 'react'\nimport TopThreeSalesCards from './components/TopThreeSalesCards'\nimport SalesTable from './components/SalesTable'\nimport { BondsData } from '../../../../types/bonds'\nimport useGetBondApiStats from '../../../../state/bondApiStats/useGetBondApiStats'\nimport { Flex, Svg } from '../../../../components/uikit-sdk'\n\nconst BondLeaderboard = ({ selectedBond }: { selectedBond?: BondsData }) => {\n  const { data: bondStats } = useGetBondApiStats(selectedBond?.contractAddress?.[selectedBond?.chainId])\n  const filteredSales = bondStats?.Sales.filter((sale) => sale.dollarValue > 1)\n  const sortedSales = filteredSales?.sort((a, b) => b.dollarValue - a.dollarValue)\n\n  const topThreeSales = sortedSales?.slice(0, 3)\n\n  const allSales = sortedSales?.slice(3, 15)\n\n  return (\n    <Flex\n      sx={{\n        width: '100%',\n        flexDirection: 'column',\n        p: '20px',\n        borderRadius: 'normal',\n        background: 'white2',\n      }}\n    >\n      {filteredSales && filteredSales.length > 0 ? (\n        <>\n          <Flex sx={{ fontSize: '22px' }}>Bond Leaderboard</Flex>\n          <TopThreeSalesCards topThreeSales={topThreeSales} />\n          <Flex sx={{ overflowX: ['auto', 'auto', 'auto', 'unset'], '&::-webkit-scrollbar': { height: '5px' } }}>\n            {allSales && allSales?.length > 0 && <SalesTable allSales={allSales} />}\n          </Flex>\n        </>\n      ) : (\n        <Flex\n          sx={{\n            width: '100%',\n            height: '300px',\n            justifyContent: 'center',\n            alignItems: 'center',\n            flexDirection: 'column',\n          }}\n        >\n          <Svg icon=\"placeholderMonkey\" />\n          <Flex sx={{ mt: '15px' }}>No sales yet</Flex>\n        </Flex>\n      )}\n    </Flex>\n  )\n}\n\nexport default BondLeaderboard\n"],"names":["_jsx","_jsxs","_Fragment"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAOA,MAAM,eAAe,GAAG,CAAC,EAAE,YAAY,EAAgC,KAAI;;IACzE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,kBAAkB,CAAC,CAAA,EAAA,GAAA,YAAY,KAAA,IAAA,IAAZ,YAAY,KAAA,MAAA,GAAA,MAAA,GAAZ,YAAY,CAAE,eAAe,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAG,YAAY,KAAA,IAAA,IAAZ,YAAY,KAAA,MAAA,GAAA,MAAA,GAAZ,YAAY,CAAE,OAAO,CAAC,CAAC;IACtG,MAAM,aAAa,GAAG,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,MAAA,GAAA,MAAA,GAAT,SAAS,CAAE,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC;IAC7E,MAAM,WAAW,GAAG,aAAa,KAAA,IAAA,IAAb,aAAa,uBAAb,aAAa,CAAE,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,WAAW,GAAG,CAAC,CAAC,WAAW,CAAC;AAEhF,IAAA,MAAM,aAAa,GAAG,WAAW,KAAA,IAAA,IAAX,WAAW,KAAA,MAAA,GAAA,MAAA,GAAX,WAAW,CAAE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;AAE9C,IAAA,MAAM,QAAQ,GAAG,WAAW,KAAA,IAAA,IAAX,WAAW,KAAA,MAAA,GAAA,MAAA,GAAX,WAAW,CAAE,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC;AAE1C,IAAA,QACEA,GAAA,CAAC,IAAI,EAAA,EACH,EAAE,EAAE;AACF,YAAA,KAAK,EAAE,MAAM;AACb,YAAA,aAAa,EAAE,QAAQ;AACvB,YAAA,CAAC,EAAE,MAAM;AACT,YAAA,YAAY,EAAE,QAAQ;AACtB,YAAA,UAAU,EAAE,QAAQ;AACrB,SAAA,EAAA,QAAA,EAEA,aAAa,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,IACxCC,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACEF,IAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAA,QAAA,EAAA,kBAAA,EAAA,CAAyB,EACvDA,IAAC,kBAAkB,EAAA,EAAC,aAAa,EAAE,aAAa,GAAI,EACpDA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,sBAAsB,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAA,QAAA,EAClG,QAAQ,IAAI,CAAA,QAAQ,KAAA,IAAA,IAAR,QAAQ,uBAAR,QAAQ,CAAE,MAAM,IAAG,CAAC,IAAIA,GAAA,CAAC,UAAU,IAAC,QAAQ,EAAE,QAAQ,EAAA,CAAI,EAAA,CAClE,IACN,KAEHC,KAAC,IAAI,EAAA,EACH,EAAE,EAAE;AACF,gBAAA,KAAK,EAAE,MAAM;AACb,gBAAA,MAAM,EAAE,OAAO;AACf,gBAAA,cAAc,EAAE,QAAQ;AACxB,gBAAA,UAAU,EAAE,QAAQ;AACpB,gBAAA,aAAa,EAAE,QAAQ;aACxB,EAAA,QAAA,EAAA,CAEDD,GAAA,CAAC,GAAG,EAAA,EAAC,IAAI,EAAC,mBAAmB,EAAA,CAAG,EAChCA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,6BAAqB,CAAA,EAAA,CACxC,CACR,EAAA,CACI;AAEX;;;;"}

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

@@ -0,0 +1,97 @@
+import { useState, useEffect } from 'react';
+import { stripDate } from './utils.js';
+import { chartOptions, options } from './types.js';
+import { Knob } from '../../../../node_modules/primereact/knob/knob.esm.js';
+import { Chart, CategoryScale, LinearScale, PointElement, LineElement, Title as plugin_title, Tooltip as plugin_tooltip, Legend as plugin_legend } from '../../../../node_modules/chart.js/dist/chart.js';
+import { Line } from '../../../../node_modules/react-chartjs-2/dist/index.js';
+import { BigNumber } from '../../../../node_modules/bignumber.js/bignumber.js';
+import { styles } from './styles.js';
+import useGetBondApiStats from '../../../../state/bondApiStats/useGetBondApiStats.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 MenuSelect from '../../../../components/MenuSelect/MenuSelect.js';
+import { jsxs, jsx } from '../../../../node_modules/@theme-ui/core/jsx-runtime/dist/theme-ui-core-jsx-runtime.esm.js';
+import { Link } from '../../../../node_modules/@theme-ui/components/dist/theme-ui-components.esm.js';
+
+Chart.register(CategoryScale, LinearScale, PointElement, LineElement, plugin_title, plugin_tooltip, plugin_legend);
+const BondStats = ({ selectedBond }) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h;
+    const { data: bondStats } = useGetBondApiStats((_a = selectedBond === null || selectedBond === void 0 ? void 0 : selectedBond.contractAddress) === null || _a === void 0 ? void 0 : _a[selectedBond === null || selectedBond === void 0 ? void 0 : selectedBond.chainId]);
+    const [chartOption, setChartOption] = useState(chartOptions[0].value);
+    const [salesCountChartData, setSalesCountChartData] = useState({
+        labels: [],
+        datasets: [
+            {
+                label: 'Sales Count',
+                data: [],
+                fill: true,
+                borderColor: '#6560C5',
+                backgroundColor: 'rgba(101, 96, 197, 0.9)',
+                tension: 0.4,
+            },
+        ],
+    });
+    const [salesAmountChartData, setSalesAmountChartData] = useState({
+        labels: [],
+        datasets: [
+            {
+                label: 'Sales Amount (USD)',
+                data: [],
+                fill: true,
+                borderColor: '#6560C5',
+                backgroundColor: 'rgba(101, 96, 197, 0.9)',
+                tension: 0.4,
+            },
+        ],
+    });
+    const maxTotalPayout = (_d = new BigNumber((_b = selectedBond === null || selectedBond === void 0 ? void 0 : selectedBond.maxTotalPayout) !== null && _b !== void 0 ? _b : '0')
+        .div(new BigNumber(10).pow((_c = selectedBond.earnToken.decimals[selectedBond.chainId]) !== null && _c !== void 0 ? _c : 18))) === null || _d === void 0 ? void 0 : _d.toNumber();
+    const tokensRemaining = parseFloat((_e = selectedBond === null || selectedBond === void 0 ? void 0 : selectedBond.tokensRemaining) !== null && _e !== void 0 ? _e : '0');
+    const soldTokens = (_f = Math.floor(maxTotalPayout - tokensRemaining)) === null || _f === void 0 ? void 0 : _f.toLocaleString();
+    useEffect(() => {
+        if (bondStats) {
+            const reversedData = [...bondStats.Sales].reverse();
+            const countsByDate = reversedData.reduce((acc, item) => {
+                const dateStr = stripDate(item === null || item === void 0 ? void 0 : item.createdAt);
+                if (!acc[dateStr]) {
+                    acc[dateStr] = { salesNum: 0, salesAmount: 0 };
+                }
+                const dollarValue = (item === null || item === void 0 ? void 0 : item.dollarValue) || 0;
+                acc[dateStr].salesNum += 1;
+                acc[dateStr].salesAmount += Math.round(dollarValue);
+                return acc;
+            }, {});
+            const salesByDate = Object.values(countsByDate);
+            const labels = Object.keys(countsByDate);
+            setSalesCountChartData({
+                labels: labels,
+                datasets: [
+                    Object.assign(Object.assign({}, salesCountChartData.datasets[0]), { data: salesByDate.map((sale) => sale === null || sale === void 0 ? void 0 : sale.salesNum) }),
+                ],
+            });
+            setSalesAmountChartData({
+                labels: labels,
+                datasets: [
+                    Object.assign(Object.assign({}, salesAmountChartData.datasets[0]), { data: salesByDate.map((sale) => sale === null || sale === void 0 ? void 0 : sale.salesAmount) }),
+                ],
+            });
+        }
+        /* eslint-disable react-hooks/exhaustive-deps */
+    }, [bondStats]);
+    return (jsxs(Flex, { sx: styles.bondStatsContainer, children: [jsxs(Flex, { sx: styles.titleContainer, children: [jsx(Flex, { sx: { fontSize: '22px' }, children: "Bond Stats" }), jsxs(Link, { href: `https://dashboard.ape.bond/bond/${(_g = selectedBond === null || selectedBond === void 0 ? void 0 : selectedBond.contractAddress) === null || _g === void 0 ? void 0 : _g[selectedBond === null || selectedBond === void 0 ? void 0 : selectedBond.chainId]}`, sx: styles.link, target: "_blank", rel: "noopener noreferrer", children: ["View More ", '>'] })] }), jsxs(Flex, { sx: styles.chartsContainer, children: [jsxs(Flex, { sx: styles.salesChart, children: [jsx(Flex, { sx: { width: '155px' }, children: jsx(MenuSelect, { selectedOption: chartOption, setOption: setChartOption, options: chartOptions }) }), jsx(Flex, { sx: { width: '100%', height: '100%', minHeight: '225px' }, children: chartOption === 'amount' ? (jsx(Line, { options: options, data: salesAmountChartData })) : (jsx(Line, { options: options, data: salesCountChartData })) })] }), (bondStats === null || bondStats === void 0 ? void 0 : bondStats.percentageSold) && (jsxs(Flex, { sx: styles.percentageSoldChart, children: [jsxs(Flex, { sx: { mb: '10px' }, children: [selectedBond.earnToken.symbol, " Sold"] }), jsx(Knob, { value: bondStats === null || bondStats === void 0 ? void 0 : bondStats.percentageSold, size: 176, valueTemplate: `${(_h = bondStats === null || bondStats === void 0 ? void 0 : bondStats.percentageSold) === null || _h === void 0 ? void 0 : _h.toFixed()}%`, valueColor: "#6560C5", rangeColor: "rgba(250, 250, 250, 0.05)", textColor: "#f6f6f6" }), jsxs(Flex, { sx: { fontSize: '14px', fontWeight: 500, color: 'textDisabledButton' }, children: [soldTokens, " / ", maxTotalPayout === null || maxTotalPayout === void 0 ? void 0 : maxTotalPayout.toLocaleString(), " ", selectedBond.earnToken.symbol] })] }))] })] }));
+};
+
+export { BondStats as default };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/views/ProjectView/components/BondStats/index.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react'\nimport { stripDate } from './utils'\nimport { ChartData, chartOptions, options } from './types'\nimport { Knob } from 'primereact/knob'\nimport {\n  CategoryScale,\n  Chart as ChartJS,\n  Legend,\n  LinearScale,\n  LineElement,\n  PointElement,\n  Title,\n  Tooltip,\n} from 'chart.js'\nimport { Line } from 'react-chartjs-2'\nimport BigNumber from 'bignumber.js'\nimport { styles } from './styles'\nimport { BondsData } from '../../../../types/bonds'\nimport useGetBondApiStats from '../../../../state/bondApiStats/useGetBondApiStats'\nimport { Flex } from '../../../../components/uikit-sdk'\nimport { Link } from 'theme-ui'\nimport MenuSelect from '../../../../components/MenuSelect/MenuSelect'\n\nChartJS.register(CategoryScale, LinearScale, PointElement, LineElement, Title, Tooltip, Legend)\n\nconst BondStats = ({ selectedBond }: { selectedBond: BondsData }) => {\n  const { data: bondStats } = useGetBondApiStats(selectedBond?.contractAddress?.[selectedBond?.chainId])\n  const [chartOption, setChartOption] = useState<string>(chartOptions[0].value)\n  const [salesCountChartData, setSalesCountChartData] = useState<ChartData>({\n    labels: [],\n    datasets: [\n      {\n        label: 'Sales Count',\n        data: [],\n        fill: true,\n        borderColor: '#6560C5',\n        backgroundColor: 'rgba(101, 96, 197, 0.9)',\n        tension: 0.4,\n      },\n    ],\n  })\n  const [salesAmountChartData, setSalesAmountChartData] = useState<ChartData>({\n    labels: [],\n    datasets: [\n      {\n        label: 'Sales Amount (USD)',\n        data: [],\n        fill: true,\n        borderColor: '#6560C5',\n        backgroundColor: 'rgba(101, 96, 197, 0.9)',\n        tension: 0.4,\n      },\n    ],\n  })\n\n  const maxTotalPayout = new BigNumber(selectedBond?.maxTotalPayout ?? '0')\n    .div(new BigNumber(10).pow(selectedBond.earnToken.decimals[selectedBond.chainId] ?? 18))\n    ?.toNumber()\n  const tokensRemaining = parseFloat(selectedBond?.tokensRemaining ?? '0')\n  const soldTokens = Math.floor(maxTotalPayout - tokensRemaining)?.toLocaleString()\n\n  useEffect(() => {\n    if (bondStats) {\n      const reversedData = [...bondStats.Sales].reverse()\n      const countsByDate: { [key: string]: { salesNum: number; salesAmount: number } } = reversedData.reduce<{\n        [dateStr: string]: { salesNum: number; salesAmount: number }\n      }>((acc, item) => {\n        const dateStr = stripDate(item?.createdAt)\n\n        if (!acc[dateStr]) {\n          acc[dateStr] = { salesNum: 0, salesAmount: 0 }\n        }\n        const dollarValue = item?.dollarValue || 0\n        acc[dateStr].salesNum += 1\n        acc[dateStr].salesAmount += Math.round(dollarValue)\n\n        return acc\n      }, {})\n\n      const salesByDate = Object.values(countsByDate)\n      const labels = Object.keys(countsByDate)\n\n      setSalesCountChartData({\n        labels: labels,\n        datasets: [\n          {\n            ...salesCountChartData.datasets[0],\n            data: salesByDate.map((sale) => sale?.salesNum),\n          },\n        ],\n      })\n      setSalesAmountChartData({\n        labels: labels,\n        datasets: [\n          {\n            ...salesAmountChartData.datasets[0],\n            data: salesByDate.map((sale) => sale?.salesAmount),\n          },\n        ],\n      })\n    }\n    /* eslint-disable react-hooks/exhaustive-deps */\n  }, [bondStats])\n\n  return (\n    <Flex sx={styles.bondStatsContainer}>\n      <Flex sx={styles.titleContainer}>\n        <Flex sx={{ fontSize: '22px' }}>Bond Stats</Flex>\n        <Link\n          href={`https://dashboard.ape.bond/bond/${selectedBond?.contractAddress?.[selectedBond?.chainId]}`}\n          sx={styles.link}\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n        >\n          View More {'>'}\n        </Link>\n      </Flex>\n      <Flex sx={styles.chartsContainer}>\n        <Flex sx={styles.salesChart}>\n          <Flex sx={{ width: '155px' }}>\n            <MenuSelect selectedOption={chartOption} setOption={setChartOption} options={chartOptions} />\n          </Flex>\n          <Flex sx={{ width: '100%', height: '100%', minHeight: '225px' }}>\n            {chartOption === 'amount' ? (\n              <Line options={options} data={salesAmountChartData} />\n            ) : (\n              <Line options={options} data={salesCountChartData} />\n            )}\n          </Flex>\n        </Flex>\n        {bondStats?.percentageSold && (\n          <Flex sx={styles.percentageSoldChart}>\n            <Flex sx={{ mb: '10px' }}>{selectedBond.earnToken.symbol} Sold</Flex>\n            <Knob\n              value={bondStats?.percentageSold}\n              size={176}\n              valueTemplate={`${bondStats?.percentageSold?.toFixed()}%`}\n              valueColor=\"#6560C5\"\n              rangeColor=\"rgba(250, 250, 250, 0.05)\"\n              textColor=\"#f6f6f6\"\n            />\n            <Flex sx={{ fontSize: '14px', fontWeight: 500, color: 'textDisabledButton' }}>\n              {soldTokens} / {maxTotalPayout?.toLocaleString()} {selectedBond.earnToken.symbol}\n            </Flex>\n          </Flex>\n        )}\n      </Flex>\n    </Flex>\n  )\n}\n\nexport default BondStats\n"],"names":["ChartJS","Title","Tooltip","Legend","_jsxs","_jsx"],"mappings":"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"}

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

@@ -0,0 +1,49 @@
+const styles = {
+    bondStatsContainer: {
+        width: '100%',
+        flexDirection: 'column',
+        p: '20px',
+        borderRadius: 'normal',
+        background: 'white2',
+    },
+    titleContainer: {
+        width: '100%',
+        justifyContent: 'space-between',
+        mb: '15px',
+    },
+    link: {
+        color: 'primaryButton',
+        textDecoration: 'none',
+        lineHeight: '33px',
+        fontSize: '14px',
+        fontWeight: 400,
+    },
+    chartsContainer: {
+        width: '100%',
+        justifyContent: 'space-between',
+        flexDirection: ['column', 'column', 'column', 'row'],
+    },
+    salesChart: {
+        width: ['100%', '100%', '100%', 'calc(100% - 300px)'],
+        mr: '20px',
+        p: ['10px', '10px', '10px', '20px'],
+        background: 'white3',
+        borderRadius: 'normal',
+        flexDirection: 'column',
+        alignItems: 'flex-end',
+    },
+    percentageSoldChart: {
+        width: ['100%', '100%', '100%', '300px'],
+        p: '20px',
+        borderRadius: 'normal',
+        background: 'white3',
+        justifyContent: 'center',
+        alignItems: 'center',
+        flexDirection: 'column',
+        fontSize: '22px',
+        mt: ['15px', '15px', '15px', '0px'],
+    },
+};
+
+export { styles };
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../../src/views/ProjectView/components/BondStats/styles.ts"],"sourcesContent":["import { ThemeUIStyleObject } from 'theme-ui'\n\nexport const styles: Record<\n  'bondStatsContainer' | 'titleContainer' | 'link' | 'chartsContainer' | 'salesChart' | 'percentageSoldChart',\n  ThemeUIStyleObject\n> = {\n  bondStatsContainer: {\n    width: '100%',\n    flexDirection: 'column',\n    p: '20px',\n    borderRadius: 'normal',\n    background: 'white2',\n  },\n  titleContainer: {\n    width: '100%',\n    justifyContent: 'space-between',\n    mb: '15px',\n  },\n  link: {\n    color: 'primaryButton',\n    textDecoration: 'none',\n    lineHeight: '33px',\n    fontSize: '14px',\n    fontWeight: 400,\n  },\n  chartsContainer: {\n    width: '100%',\n    justifyContent: 'space-between',\n    flexDirection: ['column', 'column', 'column', 'row'],\n  },\n  salesChart: {\n    width: ['100%', '100%', '100%', 'calc(100% - 300px)'],\n    mr: '20px',\n    p: ['10px', '10px', '10px', '20px'],\n    background: 'white3',\n    borderRadius: 'normal',\n    flexDirection: 'column',\n    alignItems: 'flex-end',\n  },\n  percentageSoldChart: {\n    width: ['100%', '100%', '100%', '300px'],\n    p: '20px',\n    borderRadius: 'normal',\n    background: 'white3',\n    justifyContent: 'center',\n    alignItems: 'center',\n    flexDirection: 'column',\n    fontSize: '22px',\n    mt: ['15px', '15px', '15px', '0px'],\n  },\n}\n"],"names":[],"mappings":"AAEO,MAAM,MAAM,GAGf;AACF,IAAA,kBAAkB,EAAE;AAClB,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,aAAa,EAAE,QAAQ;AACvB,QAAA,CAAC,EAAE,MAAM;AACT,QAAA,YAAY,EAAE,QAAQ;AACtB,QAAA,UAAU,EAAE,QAAQ;AACrB,KAAA;AACD,IAAA,cAAc,EAAE;AACd,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,cAAc,EAAE,eAAe;AAC/B,QAAA,EAAE,EAAE,MAAM;AACX,KAAA;AACD,IAAA,IAAI,EAAE;AACJ,QAAA,KAAK,EAAE,eAAe;AACtB,QAAA,cAAc,EAAE,MAAM;AACtB,QAAA,UAAU,EAAE,MAAM;AAClB,QAAA,QAAQ,EAAE,MAAM;AAChB,QAAA,UAAU,EAAE,GAAG;AAChB,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,cAAc,EAAE,eAAe;QAC/B,aAAa,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,CAAC;AACrD,KAAA;AACD,IAAA,UAAU,EAAE;QACV,KAAK,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,oBAAoB,CAAC;AACrD,QAAA,EAAE,EAAE,MAAM;QACV,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC;AACnC,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,YAAY,EAAE,QAAQ;AACtB,QAAA,aAAa,EAAE,QAAQ;AACvB,QAAA,UAAU,EAAE,UAAU;AACvB,KAAA;AACD,IAAA,mBAAmB,EAAE;QACnB,KAAK,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC;AACxC,QAAA,CAAC,EAAE,MAAM;AACT,QAAA,YAAY,EAAE,QAAQ;AACtB,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,cAAc,EAAE,QAAQ;AACxB,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,aAAa,EAAE,QAAQ;AACvB,QAAA,QAAQ,EAAE,MAAM;QAChB,EAAE,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC;AACpC,KAAA;;;;;"}

package/dist/views/ProjectView/components/BondStats/types.js

@@ -0,0 +1,40 @@
+const options = {
+    scales: {
+        y: {
+            grid: {
+                display: true,
+                color: 'rgba(250, 250, 250, 0.1)',
+                drawOnChartArea: true,
+            },
+            beginAtZero: true,
+        },
+        x: {
+            grid: {
+                display: true,
+                color: 'rgba(250, 250, 250, 0.1)',
+                drawOnChartArea: true,
+            },
+        },
+    },
+    plugins: {
+        legend: {
+            display: false,
+        },
+    },
+    pointRadius: 0,
+    responsive: true,
+    maintainAspectRatio: false,
+};
+const chartOptions = [
+    {
+        label: 'Sales Amount',
+        value: 'amount',
+    },
+    {
+        label: 'Sales Count',
+        value: 'count',
+    },
+];
+
+export { chartOptions, options };
+//# sourceMappingURL=types.js.map

package/dist/views/ProjectView/components/BondStats/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../../../../../src/views/ProjectView/components/BondStats/types.ts"],"sourcesContent":["export const options = {\n  scales: {\n    y: {\n      grid: {\n        display: true,\n        color: 'rgba(250, 250, 250, 0.1)',\n        drawOnChartArea: true,\n      },\n      beginAtZero: true,\n    },\n    x: {\n      grid: {\n        display: true,\n        color: 'rgba(250, 250, 250, 0.1)',\n        drawOnChartArea: true,\n      },\n    },\n  },\n  plugins: {\n    legend: {\n      display: false,\n    },\n  },\n  pointRadius: 0,\n  responsive: true,\n  maintainAspectRatio: false,\n}\n\nexport interface ChartDataset {\n  label: string\n  data: number[]\n  fill: boolean\n  borderColor: string\n  backgroundColor: string\n  tension: number\n}\n\nexport interface ChartData {\n  labels: string[]\n  datasets: ChartDataset[]\n}\n\nexport const chartOptions = [\n  {\n    label: 'Sales Amount',\n    value: 'amount',\n  },\n  {\n    label: 'Sales Count',\n    value: 'count',\n  },\n]\n"],"names":[],"mappings":"AAAO,MAAM,OAAO,GAAG;AACrB,IAAA,MAAM,EAAE;AACN,QAAA,CAAC,EAAE;AACD,YAAA,IAAI,EAAE;AACJ,gBAAA,OAAO,EAAE,IAAI;AACb,gBAAA,KAAK,EAAE,0BAA0B;AACjC,gBAAA,eAAe,EAAE,IAAI;AACtB,aAAA;AACD,YAAA,WAAW,EAAE,IAAI;AAClB,SAAA;AACD,QAAA,CAAC,EAAE;AACD,YAAA,IAAI,EAAE;AACJ,gBAAA,OAAO,EAAE,IAAI;AACb,gBAAA,KAAK,EAAE,0BAA0B;AACjC,gBAAA,eAAe,EAAE,IAAI;AACtB,aAAA;AACF,SAAA;AACF,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,MAAM,EAAE;AACN,YAAA,OAAO,EAAE,KAAK;AACf,SAAA;AACF,KAAA;AACD,IAAA,WAAW,EAAE,CAAC;AACd,IAAA,UAAU,EAAE,IAAI;AAChB,IAAA,mBAAmB,EAAE,KAAK;;AAiBrB,MAAM,YAAY,GAAG;AAC1B,IAAA;AACE,QAAA,KAAK,EAAE,cAAc;AACrB,QAAA,KAAK,EAAE,QAAQ;AAChB,KAAA;AACD,IAAA;AACE,QAAA,KAAK,EAAE,aAAa;AACpB,QAAA,KAAK,EAAE,OAAO;AACf,KAAA;;;;;"}

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

@@ -0,0 +1,10 @@
+function stripDate(input) {
+    const date = new Date(input * 1000);
+    const year = date.getUTCFullYear();
+    const month = date.getUTCMonth() + 1; // getUTCMonth() returns 0-11
+    const day = date.getUTCDate();
+    return `${year}-${month}-${day}`;
+}
+
+export { stripDate };
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../../src/views/ProjectView/components/BondStats/utils.ts"],"sourcesContent":["export function stripDate(input: number): string {\n  const date = new Date(input * 1000)\n  const year = date.getUTCFullYear()\n  const month = date.getUTCMonth() + 1 // getUTCMonth() returns 0-11\n  const day = date.getUTCDate()\n\n  return `${year}-${month}-${day}`\n}\n"],"names":[],"mappings":"AAAM,SAAU,SAAS,CAAC,KAAa,EAAA;IACrC,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;AACnC,IAAA,MAAM,IAAI,GAAG,IAAI,CAAC,cAAc,EAAE;IAClC,MAAM,KAAK,GAAG,IAAI,CAAC,WAAW,EAAE,GAAG,CAAC,CAAA;AACpC,IAAA,MAAM,GAAG,GAAG,IAAI,CAAC,UAAU,EAAE;AAE7B,IAAA,OAAO,GAAG,IAAI,CAAA,CAAA,EAAI,KAAK,CAAA,CAAA,EAAI,GAAG,EAAE;AAClC;;;;"}

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

@@ -0,0 +1,32 @@
+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 'react';
+import '../../../../components/uikit-sdk/Button/types.js';
+import '../../../../components/uikit-sdk/Svg/types.js';
+import '../../../../components/uikit-sdk/Button/styles.js';
+import '../../../../contexts/ModalContext.js';
+import '../../../FullBondsView/FullBondsView.js';
+import '../../../../components/uikit-sdk/Select/types.js';
+import '../../../../utils/campaignStyles.js';
+import { jsxs, jsx } from '../../../../node_modules/@theme-ui/core/jsx-runtime/dist/theme-ui-core-jsx-runtime.esm.js';
+
+const NavPanel = ({ contractAddress }) => {
+    return (jsxs(Flex, { sx: {
+            width: '100%',
+            color: '#fff',
+            fontSize: '10px',
+            fontWeight: 300,
+            justifyContent: 'space-between',
+            alignItems: 'center',
+            mb: ['15px', '15px', '15px', '0px'],
+        }, children: [jsxs(Flex, { onClick: () => window.open(`${window.location.origin}/bonds`, '_self'), sx: { cursor: 'pointer' }, children: ['< ', jsx(Flex, { sx: { ml: '4px' }, children: "All Bonds" })] }), jsx(Flex, { children: jsxs(Flex, { sx: { p: '5px 10px', background: 'white3', borderRadius: 'small', cursor: 'pointer' }, onClick: () => window.open(`https://dashboard.ape.bond/bond/${contractAddress}`, '_blank', 'noreferrer'), children: ["View insights", jsx(Flex, { sx: { ml: '3px' }, children: jsx(Svg, { icon: "insight" }) })] }) })] }));
+};
+
+export { NavPanel as default };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/views/ProjectView/components/NavPanel/index.tsx"],"sourcesContent":["import React from 'react'\nimport { Flex, Svg } from '../../../../components/uikit-sdk'\n\nconst NavPanel = ({ contractAddress }: { contractAddress?: string }) => {\n  return (\n    <Flex\n      sx={{\n        width: '100%',\n        color: '#fff',\n        fontSize: '10px',\n        fontWeight: 300,\n        justifyContent: 'space-between',\n        alignItems: 'center',\n        mb: ['15px', '15px', '15px', '0px'],\n      }}\n    >\n      <Flex onClick={() => window.open(`${window.location.origin}/bonds`, '_self')} sx={{ cursor: 'pointer' }}>\n        {'< '}\n        <Flex sx={{ ml: '4px' }}>All Bonds</Flex>\n      </Flex>\n      <Flex>\n        <Flex\n          sx={{ p: '5px 10px', background: 'white3', borderRadius: 'small', cursor: 'pointer' }}\n          onClick={() => window.open(`https://dashboard.ape.bond/bond/${contractAddress}`, '_blank', 'noreferrer')}\n        >\n          View insights\n          <Flex sx={{ ml: '3px' }}>\n            <Svg icon=\"insight\" />\n          </Flex>\n        </Flex>\n      </Flex>\n    </Flex>\n  )\n}\n\nexport default NavPanel\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;AAGA,MAAM,QAAQ,GAAG,CAAC,EAAE,eAAe,EAAgC,KAAI;AACrE,IAAA,QACEA,IAAA,CAAC,IAAI,EAAA,EACH,EAAE,EAAE;AACF,YAAA,KAAK,EAAE,MAAM;AACb,YAAA,KAAK,EAAE,MAAM;AACb,YAAA,QAAQ,EAAE,MAAM;AAChB,YAAA,UAAU,EAAE,GAAG;AACf,YAAA,cAAc,EAAE,eAAe;AAC/B,YAAA,UAAU,EAAE,QAAQ;YACpB,EAAE,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC;SACpC,EAAA,QAAA,EAAA,CAEDA,IAAA,CAAC,IAAI,EAAA,EAAC,OAAO,EAAE,MAAM,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAA,MAAA,CAAQ,EAAE,OAAO,CAAC,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,EAAA,QAAA,EAAA,CACpG,IAAI,EACLC,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,EAAA,QAAA,EAAA,WAAA,EAAA,CAAkB,CAAA,EAAA,CACpC,EACPA,GAAA,CAAC,IAAI,EAAA,EAAA,QAAA,EACHD,IAAA,CAAC,IAAI,EAAA,EACH,EAAE,EAAE,EAAE,CAAC,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,EACrF,OAAO,EAAE,MAAM,MAAM,CAAC,IAAI,CAAC,CAAA,gCAAA,EAAmC,eAAe,CAAA,CAAE,EAAE,QAAQ,EAAE,YAAY,CAAC,EAAA,QAAA,EAAA,CAAA,eAAA,EAGxGC,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,YACrBA,GAAA,CAAC,GAAG,EAAA,EAAC,IAAI,EAAC,SAAS,EAAA,CAAG,EAAA,CACjB,CAAA,EAAA,CACF,EAAA,CACF,CAAA,EAAA,CACF;AAEX;;;;"}

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

@@ -0,0 +1,112 @@
+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 { determineValues } from './utils.js';
+import { getFirstNonZeroDigits } from '../../../../../utils/roundNumber.js';
+import { jsx } from '../../../../../node_modules/@theme-ui/core/jsx-runtime/dist/theme-ui-core-jsx-runtime.esm.js';
+
+const CandleStickChart = ({ historicalPrices, hasDiscount, bondPrice, tokenPrice, }) => {
+    // reference for DOM element to create with chart
+    const data = historicalPrices;
+    const chartContainerId = 'candleStickChartContainer';
+    const formattedData = data === null || data === void 0 ? void 0 : 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 !== null && bondPrice !== void 0 ? bondPrice : '0') / parseFloat(tokenPrice !== null && tokenPrice !== void 0 ? tokenPrice : '0');
+    const discountToUse = discount > 0 ? discount : 0;
+    const bottomScaleMargin = discountToUse + 0.1;
+    useEffect(() => {
+        var _a, _b;
+        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) => `$${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: d.Dashed,
+                priceLineVisible: true,
+                priceFormat: {
+                    precision,
+                    minMove,
+                    formatter: (val) => getFirstNonZeroDigits(parseFloat(val), 3),
+                },
+            });
+            const open = (_b = (_a = formattedData === null || formattedData === void 0 ? void 0 : formattedData[(formattedData === null || formattedData === void 0 ? void 0 : formattedData.length) - 1]) === null || _a === void 0 ? void 0 : _a.close) !== null && _b !== void 0 ? _b : 0;
+            formattedData === null || formattedData === void 0 ? void 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: 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 { CandleStickChart as default };
+//# sourceMappingURL=CandleStickChart.js.map

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

@@ -0,0 +1 @@
+{"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":["createChart","ColorType","CrosshairMode","LineStyle","_jsx"],"mappings":"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"}