@ape.swap/bonds-sdk 5.1.32 → 5.1.34

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

@@ -1,100 +0,0 @@
-import { jsx } from 'theme-ui/jsx-runtime';
-import { useState, useRef, useEffect } from 'react';
-import { createChart, CrosshairMode, ColorType, LineStyle } from 'lightweight-charts';
-import { getFirstNonZeroDigits } from '../../../../../utils/roundNumber.js';
-import { determineValues } from './utils.js';
-
-const LineChart = ({ historicalPrices, hasDiscount, bondPrice, tokenPrice, }) => {
-    // reference for DOM element to create with chart
-    const data = historicalPrices;
-    const chartContainerId = 'lineChartContainer';
-    const formattedData = 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 ?? '0') / parseFloat(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 = createChart(chartContainer, {
-                width: 0,
-                height: 0,
-                layout: {
-                    background: {
-                        type: ColorType.Solid,
-                        color: 'transparent',
-                    },
-                    textColor: '#73728E',
-                },
-                grid: {
-                    vertLines: {
-                        color: '#73728E',
-                    },
-                    horzLines: {
-                        color: '#73728E',
-                    },
-                },
-                crosshair: {
-                    mode: CrosshairMode.Magnet,
-                },
-                rightPriceScale: {
-                    borderColor: '#73728E',
-                    visible: true,
-                    scaleMargins: {
-                        top: 0.12,
-                        bottom: bottomScaleMargin,
-                    },
-                },
-                timeScale: {
-                    borderColor: '#73728E',
-                },
-                localization: {
-                    priceFormatter: (val) => {
-                        return `$${getFirstNonZeroDigits(parseFloat(val), 3)}`;
-                    },
-                },
-            });
-            const [precision, minMove] = determineValues(parseFloat(bondPrice));
-            const areaSeries = chart.addAreaSeries({
-                lineColor: '#5E59B5',
-                topColor: '#5E59B5',
-                bottomColor: '#514CA133',
-                priceLineWidth: 2,
-                priceLineStyle: LineStyle.Dashed,
-                priceLineVisible: true,
-                priceFormat: {
-                    precision,
-                    minMove,
-                    formatter: (val) => getFirstNonZeroDigits(parseFloat(val), 3),
-                },
-            });
-            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: LineStyle.Dashed,
-                axisLabelVisible: true,
-                title: `Bond Price`,
-            });
-            chart.timeScale().fitContent();
-            //@ts-ignore
-            setChartCreated(chart);
-            chartInitiatedRef.current = true;
-        }
-    }, [bondPrice, bottomScaleMargin, chartCreated, formattedData, hasDiscount, tokenPrice]);
-    return jsx("div", { id: chartContainerId, style: { width: '100%', height: '100%' } });
-};
-
-export { LineChart as default };
-//# sourceMappingURL=LineChart.js.map

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

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

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

@@ -1,20 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,38 +0,0 @@
-import { jsxs, jsx } from 'theme-ui/jsx-runtime';
-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 Flex from '../../../../components/uikit-sdk/Flex/index.js';
-import Svg from '../../../../components/uikit-sdk/Svg/index.js';
-import { TIERS_WEIGHT } from '../../../../state/tiers/useTierPoints.js';
-import { LaunchBondTiers } from '@ape.swap/apeswap-lists';
-import { discountEarnTokenPrice } from '../../../../utils/displayHelpers.js';
-import { findHighestTrueBondPrice } from '../../../../utils/bondPriceHelpers.js';
-
-const PriceChart = ({ selectedBond, historicalPrices, }) => {
-    const earnTokenPrice = parseFloat(selectedBond?.payoutTokenPrice ?? '0');
-    const trueBondPrice = findHighestTrueBondPrice(TIERS_WEIGHT[LaunchBondTiers.Legend], selectedBond?.trueBondPrices);
-    const bondPrice = discountEarnTokenPrice(selectedBond, true);
-    const hasDiscount = (trueBondPrice?.bonus ?? 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 ?? 0)] })] })] }), show && (jsxs(Flex, { sx: styles.container, children: [jsxs(Flex, { sx: styles.buttonsContainer, children: [jsx(Flex, { sx: { ...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 ?? '0', tokenPrice: selectedBond.payoutTokenPrice ?? '0' })) : (jsx(CandleStickChart, { historicalPrices: historicalPrices, hasDiscount: hasDiscount, bondPrice: bondPrice ?? '0', tokenPrice: selectedBond.payoutTokenPrice ?? '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

@@ -1 +0,0 @@
-{"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 from '../../../../components/uikit-sdk/Flex'\nimport Svg from '../../../../components/uikit-sdk/Svg'\nimport { TIERS_WEIGHT } from '../../../../state/tiers/useTierPoints'\nimport { LaunchBondTiers } from '@ape.swap/apeswap-lists'\nimport { discountEarnTokenPrice } from '../../../../utils/displayHelpers'\nimport { findHighestTrueBondPrice } from '../../../../utils/bondPriceHelpers'\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 ?? '0'}\n                tokenPrice={selectedBond.payoutTokenPrice ?? '0'}\n              />\n            ) : (\n              <CandleStickChart\n                historicalPrices={historicalPrices}\n                hasDiscount={hasDiscount}\n                bondPrice={bondPrice ?? '0'}\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":["_jsxs","_jsx"],"mappings":"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"}

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

@@ -1,44 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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;;;;;"}