@oanda/labs-crowd-view-widget 1.0.61 → 1.0.63

package/dist/module/CrowdViewWidget/components/Chart/chartUtils/getTooltipFormatter.js

@@ -8,18 +8,16 @@ const TOOLTIP_STYLES = {
   FULL_WIDTH: '100%'
 };
 const calculateBucketDisplayPrecision = bucketWidth => {
-  var _bucketWidth$toString;
-  return ((_bucketWidth$toString = bucketWidth.toString().split('.')[1]) === null || _bucketWidth$toString === void 0 ? void 0 : _bucketWidth$toString.length) || 0;
+  return bucketWidth.toString().split('.')[1]?.length || 0;
 };
 const findSeriesParam = (params, seriesId) => {
   return params.find(series => series.seriesId === seriesId);
 };
 const findSentimentSeriesParam = (params, sentimentLongs, sentimentShorts) => {
-  var _sentimentLongs$index, _sentimentShorts$inde;
   const index = params[0].dataIndex;
   return {
-    sentimentLong: (_sentimentLongs$index = sentimentLongs[index]) !== null && _sentimentLongs$index !== void 0 ? _sentimentLongs$index : null,
-    sentimentShort: (_sentimentShorts$inde = sentimentShorts[index]) !== null && _sentimentShorts$inde !== void 0 ? _sentimentShorts$inde : null
+    sentimentLong: sentimentLongs[index] ?? null,
+    sentimentShort: sentimentShorts[index] ?? null
   };
 };
 const getSentimentOverbalanceLabel = (sentiment, bookType) => {
@@ -35,7 +33,18 @@ const formatCandleData = (candleData, labelCallback, isDesktop) => {
   const closeLabel = labelCallback('close');
   const lowLabel = labelCallback('low');
   const highLabel = labelCallback('high');
-  return isDesktop ? "<div><b>".concat(candleLabel, ":</b></div>\n<div style=\"display: flex; gap: 4px; margin-right: 4px;\">\n<div>").concat(openLabel, ": ").concat(open, " </div>\n<div>").concat(highLabel, ": ").concat(high, " </div>\n<div>").concat(lowLabel, ": ").concat(low, " </div>\n<div>").concat(closeLabel, ": ").concat(close, " </div>\n</div>") : "<div><b>".concat(candleLabel, ":</b></div>\n<div>").concat(openLabel, ": ").concat(open, " </div>\n<div>").concat(highLabel, ": ").concat(high, " </div>\n<div>").concat(lowLabel, ": ").concat(low, " </div>\n<div>").concat(closeLabel, ": ").concat(close, " </div>\n");
+  return isDesktop ? `<div><b>${candleLabel}:</b></div>
+<div style="display: flex; gap: 4px; margin-right: 4px;">
+<div>${openLabel}: ${open} </div>
+<div>${highLabel}: ${high} </div>
+<div>${lowLabel}: ${low} </div>
+<div>${closeLabel}: ${close} </div>
+</div>` : `<div><b>${candleLabel}:</b></div>
+<div>${openLabel}: ${open} </div>
+<div>${highLabel}: ${high} </div>
+<div>${lowLabel}: ${low} </div>
+<div>${closeLabel}: ${close} </div>
+`;
 };
 const formatBookData = _ref => {
   let {
@@ -51,10 +60,20 @@ const formatBookData = _ref => {
   const priceRangeEnd = (matchedBucket.price + bucketWidth).toFixed(bucketDisplayPrecision);
   const sentimentLabel = getSentimentOverbalanceLabel(matchedBucket.sentiment, bookType);
   const sentimentValue = Math.abs(matchedBucket.sentiment);
-  return isDesktop ? "<div><b>".concat(labelCallback(bookLabelKey), ":</b></div>\n<span style=\"margin-right: 4px;\">").concat(labelCallback('price_range'), ": ").concat(priceRangeStart, " - ").concat(priceRangeEnd, " </span>\n<span style=\"margin-right: 4px;\">").concat(labelCallback(sentimentLabel), ": ").concat(sentimentValue, "% </span>") : "<div><b>".concat(labelCallback(bookLabelKey), ":</b></div>\n<div>").concat(labelCallback('price_range'), ":</div>\n<div>").concat(priceRangeStart, " - ").concat(priceRangeEnd, " </div>\n<div>").concat(labelCallback(sentimentLabel), ":</div>\n<div>").concat(sentimentValue, "% </div>");
+  return isDesktop ? `<div><b>${labelCallback(bookLabelKey)}:</b></div>
+<span style="margin-right: 4px;">${labelCallback('price_range')}: ${priceRangeStart} - ${priceRangeEnd} </span>
+<span style="margin-right: 4px;">${labelCallback(sentimentLabel)}: ${sentimentValue}% </span>` : `<div><b>${labelCallback(bookLabelKey)}:</b></div>
+<div>${labelCallback('price_range')}:</div>
+<div>${priceRangeStart} - ${priceRangeEnd} </div>
+<div>${labelCallback(sentimentLabel)}:</div>
+<div>${sentimentValue}% </div>`;
 };
 const formatSentimentData = (sentimentLong, sentimentShort, labelCallback, isDesktop) => {
-  return isDesktop ? "<div><b>".concat(labelCallback('sentiment'), ":</b></div>\n  <span style=\"margin-right: 4px;\">").concat(labelCallback('long'), ": ").concat(sentimentLong.toFixed(SENTIMENT_DISPLAY_PRECISION), "% </span>\n  <span style=\"margin-right: 4px;\">").concat(labelCallback('short'), ": ").concat(sentimentShort.toFixed(SENTIMENT_DISPLAY_PRECISION), "% </span>") : "<div><b>".concat(labelCallback('sentiment'), ":</b></div>\n<div>").concat(labelCallback('long'), ": ").concat(sentimentLong.toFixed(SENTIMENT_DISPLAY_PRECISION), "% </div>\n<div>").concat(labelCallback('short'), ": ").concat(sentimentShort.toFixed(SENTIMENT_DISPLAY_PRECISION), "% </div>");
+  return isDesktop ? `<div><b>${labelCallback('sentiment')}:</b></div>
+  <span style="margin-right: 4px;">${labelCallback('long')}: ${sentimentLong.toFixed(SENTIMENT_DISPLAY_PRECISION)}% </span>
+  <span style="margin-right: 4px;">${labelCallback('short')}: ${sentimentShort.toFixed(SENTIMENT_DISPLAY_PRECISION)}% </span>` : `<div><b>${labelCallback('sentiment')}:</b></div>
+<div>${labelCallback('long')}: ${sentimentLong.toFixed(SENTIMENT_DISPLAY_PRECISION)}% </div>
+<div>${labelCallback('short')}: ${sentimentShort.toFixed(SENTIMENT_DISPLAY_PRECISION)}% </div>`;
 };
 const hasValidCandleData = candleData => !!candleData[1] && !!candleData[2] && !!candleData[3] && !!candleData[4];
 const hasValidSentimentData = (sentimentLong, sentimentShort) => sentimentLong !== null && sentimentShort !== null;
@@ -63,7 +82,7 @@ const findMatchingBucket = (buckets, bucketsIndex, selectedPrice, bucketWidth) =
     return undefined;
   }
   const selectedBuckets = buckets[bucketsIndex];
-  return selectedBuckets === null || selectedBuckets === void 0 ? void 0 : selectedBuckets.find(_ref2 => {
+  return selectedBuckets?.find(_ref2 => {
     let {
       price
     } = _ref2;
@@ -99,7 +118,7 @@ export const getTooltipFormatter = _ref3 => {
   const bucketDisplayPrecision = calculateBucketDisplayPrecision(bucketWidth);
   const time = new Date(candleParam.axisValue);
   const candleData = candleParam.value;
-  const bucketsIndex = booksParam === null || booksParam === void 0 ? void 0 : booksParam.value[2];
+  const bucketsIndex = booksParam?.value[2];
   const matchedBucket = findMatchingBucket(buckets, bucketsIndex, selectedPrice, bucketWidth);
   const showCandles = hasValidCandleData(candleData);
   const showSentiment = hasValidSentimentData(sentimentLong, sentimentShort);
@@ -143,7 +162,19 @@ const buildDesktopTooltip = _ref4 => {
   } = _ref4;
   const backgroundColor = isDark ? colorPalette.black : colorPalette.white;
   const fullWidth = TOOLTIP_STYLES.FULL_WIDTH;
-  return "<div style=\"width: ".concat(fullWidth, "; background-color: ").concat(backgroundColor, ";\">\n  <div style=\"width: ").concat(fullWidth, "; display: flex; justify-content: space-between;\">\n <div style=\"width: 40%;\">\n").concat(candleSection, "\n</div>\n<div style=\"width: 22%;\">\n").concat(sentimentSection, "\n</div>\n<div style=\"width: 38%;\">\n").concat(bookSection, "\n</div>\n</div>\n</div>");
+  return `<div style="width: ${fullWidth}; background-color: ${backgroundColor};">
+  <div style="width: ${fullWidth}; display: flex; justify-content: space-between;">
+ <div style="width: 40%;">
+${candleSection}
+</div>
+<div style="width: 22%;">
+${sentimentSection}
+</div>
+<div style="width: 38%;">
+${bookSection}
+</div>
+</div>
+</div>`;
 };
 const buildMobileTooltip = _ref5 => {
   let {
@@ -157,6 +188,19 @@ const buildMobileTooltip = _ref5 => {
   const columnWidth = TOOLTIP_STYLES.MOBILE_COLUMN_WIDTH;
   const fullWidth = TOOLTIP_STYLES.FULL_WIDTH;
   const padding = TOOLTIP_STYLES.PADDING_BOTTOM;
-  return "<div style=\"width: ".concat(fullWidth, "; background-color: ").concat(backgroundColor, ";\">\n  <div style=\"padding-bottom: ").concat(padding, ";\">").concat(timeFormatted, "</div>\n  <div style=\"width: ").concat(fullWidth, "; display: flex; justify-content: space-between;\">\n  <div style=\"width: ").concat(columnWidth, ";\">\n").concat(candleSection, "\n</div>\n<div style=\"width: ").concat(columnWidth, ";\">\n").concat(sentimentSection, "\n</div>\n<div style=\"width: ").concat(columnWidth, ";\">\n").concat(bookSection, "\n</div>\n</div>\n</div>");
+  return `<div style="width: ${fullWidth}; background-color: ${backgroundColor};">
+  <div style="padding-bottom: ${padding};">${timeFormatted}</div>
+  <div style="width: ${fullWidth}; display: flex; justify-content: space-between;">
+  <div style="width: ${columnWidth};">
+${candleSection}
+</div>
+<div style="width: ${columnWidth};">
+${sentimentSection}
+</div>
+<div style="width: ${columnWidth};">
+${bookSection}
+</div>
+</div>
+</div>`;
 };
 //# sourceMappingURL=getTooltipFormatter.js.map

package/dist/module/CrowdViewWidget/components/Chart/chartUtils/getTooltipFormatter.js.map

@@ -1 +1 @@
-{"version":3,"file":"getTooltipFormatter.js","names":["colorPalette","BookType","formatFullDate","SENTIMENT_DISPLAY_PRECISION","TOOLTIP_STYLES","MOBILE_COLUMN_WIDTH","PADDING_BOTTOM","FULL_WIDTH","calculateBucketDisplayPrecision","bucketWidth","_bucketWidth$toString","toString","split","length","findSeriesParam","params","seriesId","find","series","findSentimentSeriesParam","sentimentLongs","sentimentShorts","_sentimentLongs$index","_sentimentShorts$inde","index","dataIndex","sentimentLong","sentimentShort","getSentimentOverbalanceLabel","sentiment","bookType","Order","formatCandleData","candleData","labelCallback","isDesktop","open","close","low","high","candleLabel","openLabel","closeLabel","lowLabel","highLabel","concat","formatBookData","_ref","matchedBucket","bucketDisplayPrecision","bookLabelKey","priceRangeStart","price","toFixed","priceRangeEnd","sentimentLabel","sentimentValue","Math","abs","formatSentimentData","hasValidCandleData","hasValidSentimentData","findMatchingBucket","buckets","bucketsIndex","selectedPrice","undefined","selectedBuckets","_ref2","getTooltipFormatter","_ref3","locale","isDark","Array","isArray","candleParam","booksParam","time","Date","axisValue","value","showCandles","showSentiment","timeFormatted","candleSection","bookSection","sentimentSection","buildDesktopTooltip","buildMobileTooltip","_ref4","backgroundColor","black","white","fullWidth","_ref5","columnWidth","padding"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/chartUtils/getTooltipFormatter.ts"],"sourcesContent":["import { colorPalette } from '@oanda/labs-widget-common';\n\nimport { BookType } from '../../../../gql/types/graphql';\nimport type { Bucket, TooltipParam } from '../types';\nimport { formatFullDate } from './formatFullDate';\n\nconst SENTIMENT_DISPLAY_PRECISION = 2;\n\nconst TOOLTIP_STYLES = {\n  MOBILE_COLUMN_WIDTH: '33.3%',\n  PADDING_BOTTOM: '4px',\n  FULL_WIDTH: '100%',\n} as const;\n\nconst calculateBucketDisplayPrecision = (bucketWidth: number): number => {\n  return bucketWidth.toString().split('.')[1]?.length || 0;\n};\n\nconst findSeriesParam = <T extends TooltipParam['seriesId']>(\n  params: TooltipParam[],\n  seriesId: T\n): Extract<TooltipParam, { seriesId: T }> | undefined => {\n  return params.find(\n    (series): series is Extract<TooltipParam, { seriesId: T }> =>\n      series.seriesId === seriesId\n  );\n};\n\nconst findSentimentSeriesParam = (\n  params: TooltipParam[],\n  sentimentLongs: (number | null)[],\n  sentimentShorts: (number | null)[]\n): {\n  sentimentLong: number | null;\n  sentimentShort: number | null;\n} => {\n  const index = params[0].dataIndex as number;\n\n  return {\n    sentimentLong: sentimentLongs[index] ?? null,\n    sentimentShort: sentimentShorts[index] ?? null,\n  };\n};\n\nconst getSentimentOverbalanceLabel = (\n  sentiment: number,\n  bookType: BookType\n): string => {\n  if (sentiment < 0) {\n    return bookType === BookType.Order\n      ? 'sell_overbalance'\n      : 'short_overbalance';\n  }\n  return bookType === BookType.Order ? 'buy_overbalance' : 'long_overbalance';\n};\n\nconst formatCandleData = (\n  candleData: [number, number, number, number, number],\n  labelCallback: (key: string) => string,\n  isDesktop: boolean\n): string => {\n  const [, open, close, low, high] = candleData;\n  const candleLabel = labelCallback('candle');\n  const openLabel = labelCallback('open');\n  const closeLabel = labelCallback('close');\n  const lowLabel = labelCallback('low');\n  const highLabel = labelCallback('high');\n\n  return isDesktop\n    ? `<div><b>${candleLabel}:</b></div>\n<div style=\"display: flex; gap: 4px; margin-right: 4px;\">\n<div>${openLabel}: ${open} </div>\n<div>${highLabel}: ${high} </div>\n<div>${lowLabel}: ${low} </div>\n<div>${closeLabel}: ${close} </div>\n</div>`\n    : `<div><b>${candleLabel}:</b></div>\n<div>${openLabel}: ${open} </div>\n<div>${highLabel}: ${high} </div>\n<div>${lowLabel}: ${low} </div>\n<div>${closeLabel}: ${close} </div>\n`;\n};\n\nconst formatBookData = ({\n  matchedBucket,\n  bucketWidth,\n  bucketDisplayPrecision,\n  bookType,\n  labelCallback,\n  isDesktop,\n}: {\n  matchedBucket: Bucket;\n  bucketWidth: number;\n  bucketDisplayPrecision: number;\n  bookType: BookType;\n  labelCallback: (key: string) => string;\n  isDesktop: boolean;\n}): string => {\n  const bookLabelKey = bookType === BookType.Order ? 'orders' : 'trades';\n  const priceRangeStart = matchedBucket.price.toFixed(bucketDisplayPrecision);\n  const priceRangeEnd = (matchedBucket.price + bucketWidth).toFixed(\n    bucketDisplayPrecision\n  );\n  const sentimentLabel = getSentimentOverbalanceLabel(\n    matchedBucket.sentiment,\n    bookType\n  );\n  const sentimentValue = Math.abs(matchedBucket.sentiment);\n\n  return isDesktop\n    ? `<div><b>${labelCallback(bookLabelKey)}:</b></div>\n<span style=\"margin-right: 4px;\">${labelCallback('price_range')}: ${priceRangeStart} - ${priceRangeEnd} </span>\n<span style=\"margin-right: 4px;\">${labelCallback(sentimentLabel)}: ${sentimentValue}% </span>`\n    : `<div><b>${labelCallback(bookLabelKey)}:</b></div>\n<div>${labelCallback('price_range')}:</div>\n<div>${priceRangeStart} - ${priceRangeEnd} </div>\n<div>${labelCallback(sentimentLabel)}:</div>\n<div>${sentimentValue}% </div>`;\n};\n\nconst formatSentimentData = (\n  sentimentLong: number,\n  sentimentShort: number,\n  labelCallback: (key: string) => string,\n  isDesktop: boolean\n): string => {\n  return isDesktop\n    ? `<div><b>${labelCallback('sentiment')}:</b></div>\n  <span style=\"margin-right: 4px;\">${labelCallback('long')}: ${sentimentLong.toFixed(SENTIMENT_DISPLAY_PRECISION)}% </span>\n  <span style=\"margin-right: 4px;\">${labelCallback('short')}: ${sentimentShort.toFixed(SENTIMENT_DISPLAY_PRECISION)}% </span>`\n    : `<div><b>${labelCallback('sentiment')}:</b></div>\n<div>${labelCallback('long')}: ${sentimentLong.toFixed(SENTIMENT_DISPLAY_PRECISION)}% </div>\n<div>${labelCallback('short')}: ${sentimentShort.toFixed(SENTIMENT_DISPLAY_PRECISION)}% </div>`;\n};\n\nconst hasValidCandleData = (\n  candleData: [number, number, number, number, number]\n): boolean =>\n  !!candleData[1] && !!candleData[2] && !!candleData[3] && !!candleData[4];\n\nconst hasValidSentimentData = (\n  sentimentLong: number | null,\n  sentimentShort: number | null\n): boolean => sentimentLong !== null && sentimentShort !== null;\n\nconst findMatchingBucket = (\n  buckets: Bucket[][],\n  bucketsIndex: number | undefined,\n  selectedPrice: number,\n  bucketWidth: number\n): Bucket | undefined => {\n  if (bucketsIndex === undefined) {\n    return undefined;\n  }\n  const selectedBuckets = buckets[bucketsIndex];\n  return selectedBuckets?.find(\n    ({ price }) => selectedPrice >= price && selectedPrice < price + bucketWidth\n  );\n};\n\nexport const getTooltipFormatter = ({\n  params,\n  buckets,\n  bucketWidth,\n  selectedPrice,\n  bookType,\n  labelCallback,\n  sentimentLongs,\n  sentimentShorts,\n  isDesktop,\n  locale,\n  isDark,\n}: {\n  params: TooltipParam[];\n  buckets: Bucket[][];\n  bucketWidth: number;\n  selectedPrice: number;\n  bookType: BookType;\n  labelCallback: (key: string) => string;\n  sentimentLongs: (number | null)[];\n  sentimentShorts: (number | null)[];\n  isDesktop: boolean;\n  locale: string;\n  isDark: boolean;\n}) => {\n  if (!params || !Array.isArray(params) || params.length === 0) {\n    return '';\n  }\n\n  const candleParam = findSeriesParam(params, 'candlestick');\n  const booksParam = findSeriesParam(params, 'heatmap');\n  const { sentimentLong, sentimentShort } = findSentimentSeriesParam(\n    params,\n    sentimentLongs,\n    sentimentShorts\n  );\n\n  if (!candleParam) {\n    return '';\n  }\n\n  const bucketDisplayPrecision = calculateBucketDisplayPrecision(bucketWidth);\n  const time = new Date(candleParam.axisValue as string);\n  const candleData = candleParam.value;\n  const bucketsIndex = booksParam?.value[2];\n  const matchedBucket = findMatchingBucket(\n    buckets,\n    bucketsIndex,\n    selectedPrice,\n    bucketWidth\n  );\n  const showCandles = hasValidCandleData(candleData);\n  const showSentiment = hasValidSentimentData(sentimentLong, sentimentShort);\n\n  if (!showCandles && !matchedBucket) {\n    return '';\n  }\n\n  const timeFormatted = formatFullDate(time, locale);\n  const candleSection = showCandles\n    ? formatCandleData(candleData, labelCallback, isDesktop)\n    : '';\n\n  const bookSection = matchedBucket\n    ? formatBookData({\n        matchedBucket,\n        bucketWidth,\n        bucketDisplayPrecision,\n        bookType,\n        labelCallback,\n        isDesktop,\n      })\n    : '';\n\n  const sentimentSection =\n    showSentiment && sentimentLong && sentimentShort\n      ? formatSentimentData(\n          sentimentLong,\n          sentimentShort,\n          labelCallback,\n          isDesktop\n        )\n      : '';\n\n  if (isDesktop) {\n    return buildDesktopTooltip({\n      timeFormatted,\n      candleSection,\n      sentimentSection,\n      bookSection,\n      isDark,\n    });\n  }\n\n  return buildMobileTooltip({\n    timeFormatted,\n    candleSection,\n    sentimentSection,\n    bookSection,\n    isDark,\n  });\n};\n\ninterface TooltipSections {\n  timeFormatted: string;\n  candleSection: string;\n  sentimentSection: string;\n  bookSection: string;\n}\n\nconst buildDesktopTooltip = ({\n  candleSection,\n  sentimentSection,\n  bookSection,\n  isDark,\n}: TooltipSections & {\n  isDark: boolean;\n}): string => {\n  const backgroundColor = isDark ? colorPalette.black : colorPalette.white;\n  const fullWidth = TOOLTIP_STYLES.FULL_WIDTH;\n\n  return `<div style=\"width: ${fullWidth}; background-color: ${backgroundColor};\">\n  <div style=\"width: ${fullWidth}; display: flex; justify-content: space-between;\">\n <div style=\"width: 40%;\">\n${candleSection}\n</div>\n<div style=\"width: 22%;\">\n${sentimentSection}\n</div>\n<div style=\"width: 38%;\">\n${bookSection}\n</div>\n</div>\n</div>`;\n};\n\nconst buildMobileTooltip = ({\n  timeFormatted,\n  candleSection,\n  sentimentSection,\n  bookSection,\n  isDark,\n}: TooltipSections & { isDark: boolean }): string => {\n  const backgroundColor = isDark ? colorPalette.black : colorPalette.white;\n  const columnWidth = TOOLTIP_STYLES.MOBILE_COLUMN_WIDTH;\n  const fullWidth = TOOLTIP_STYLES.FULL_WIDTH;\n  const padding = TOOLTIP_STYLES.PADDING_BOTTOM;\n\n  return `<div style=\"width: ${fullWidth}; background-color: ${backgroundColor};\">\n  <div style=\"padding-bottom: ${padding};\">${timeFormatted}</div>\n  <div style=\"width: ${fullWidth}; display: flex; justify-content: space-between;\">\n  <div style=\"width: ${columnWidth};\">\n${candleSection}\n</div>\n<div style=\"width: ${columnWidth};\">\n${sentimentSection}\n</div>\n<div style=\"width: ${columnWidth};\">\n${bookSection}\n</div>\n</div>\n</div>`;\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"getTooltipFormatter.js","names":["colorPalette","BookType","formatFullDate","SENTIMENT_DISPLAY_PRECISION","TOOLTIP_STYLES","MOBILE_COLUMN_WIDTH","PADDING_BOTTOM","FULL_WIDTH","calculateBucketDisplayPrecision","bucketWidth","toString","split","length","findSeriesParam","params","seriesId","find","series","findSentimentSeriesParam","sentimentLongs","sentimentShorts","index","dataIndex","sentimentLong","sentimentShort","getSentimentOverbalanceLabel","sentiment","bookType","Order","formatCandleData","candleData","labelCallback","isDesktop","open","close","low","high","candleLabel","openLabel","closeLabel","lowLabel","highLabel","formatBookData","_ref","matchedBucket","bucketDisplayPrecision","bookLabelKey","priceRangeStart","price","toFixed","priceRangeEnd","sentimentLabel","sentimentValue","Math","abs","formatSentimentData","hasValidCandleData","hasValidSentimentData","findMatchingBucket","buckets","bucketsIndex","selectedPrice","undefined","selectedBuckets","_ref2","getTooltipFormatter","_ref3","locale","isDark","Array","isArray","candleParam","booksParam","time","Date","axisValue","value","showCandles","showSentiment","timeFormatted","candleSection","bookSection","sentimentSection","buildDesktopTooltip","buildMobileTooltip","_ref4","backgroundColor","black","white","fullWidth","_ref5","columnWidth","padding"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/chartUtils/getTooltipFormatter.ts"],"sourcesContent":["import { colorPalette } from '@oanda/labs-widget-common';\n\nimport { BookType } from '../../../../gql/types/graphql';\nimport type { Bucket, TooltipParam } from '../types';\nimport { formatFullDate } from './formatFullDate';\n\nconst SENTIMENT_DISPLAY_PRECISION = 2;\n\nconst TOOLTIP_STYLES = {\n  MOBILE_COLUMN_WIDTH: '33.3%',\n  PADDING_BOTTOM: '4px',\n  FULL_WIDTH: '100%',\n} as const;\n\nconst calculateBucketDisplayPrecision = (bucketWidth: number): number => {\n  return bucketWidth.toString().split('.')[1]?.length || 0;\n};\n\nconst findSeriesParam = <T extends TooltipParam['seriesId']>(\n  params: TooltipParam[],\n  seriesId: T\n): Extract<TooltipParam, { seriesId: T }> | undefined => {\n  return params.find(\n    (series): series is Extract<TooltipParam, { seriesId: T }> =>\n      series.seriesId === seriesId\n  );\n};\n\nconst findSentimentSeriesParam = (\n  params: TooltipParam[],\n  sentimentLongs: (number | null)[],\n  sentimentShorts: (number | null)[]\n): {\n  sentimentLong: number | null;\n  sentimentShort: number | null;\n} => {\n  const index = params[0].dataIndex as number;\n\n  return {\n    sentimentLong: sentimentLongs[index] ?? null,\n    sentimentShort: sentimentShorts[index] ?? null,\n  };\n};\n\nconst getSentimentOverbalanceLabel = (\n  sentiment: number,\n  bookType: BookType\n): string => {\n  if (sentiment < 0) {\n    return bookType === BookType.Order\n      ? 'sell_overbalance'\n      : 'short_overbalance';\n  }\n  return bookType === BookType.Order ? 'buy_overbalance' : 'long_overbalance';\n};\n\nconst formatCandleData = (\n  candleData: [number, number, number, number, number],\n  labelCallback: (key: string) => string,\n  isDesktop: boolean\n): string => {\n  const [, open, close, low, high] = candleData;\n  const candleLabel = labelCallback('candle');\n  const openLabel = labelCallback('open');\n  const closeLabel = labelCallback('close');\n  const lowLabel = labelCallback('low');\n  const highLabel = labelCallback('high');\n\n  return isDesktop\n    ? `<div><b>${candleLabel}:</b></div>\n<div style=\"display: flex; gap: 4px; margin-right: 4px;\">\n<div>${openLabel}: ${open} </div>\n<div>${highLabel}: ${high} </div>\n<div>${lowLabel}: ${low} </div>\n<div>${closeLabel}: ${close} </div>\n</div>`\n    : `<div><b>${candleLabel}:</b></div>\n<div>${openLabel}: ${open} </div>\n<div>${highLabel}: ${high} </div>\n<div>${lowLabel}: ${low} </div>\n<div>${closeLabel}: ${close} </div>\n`;\n};\n\nconst formatBookData = ({\n  matchedBucket,\n  bucketWidth,\n  bucketDisplayPrecision,\n  bookType,\n  labelCallback,\n  isDesktop,\n}: {\n  matchedBucket: Bucket;\n  bucketWidth: number;\n  bucketDisplayPrecision: number;\n  bookType: BookType;\n  labelCallback: (key: string) => string;\n  isDesktop: boolean;\n}): string => {\n  const bookLabelKey = bookType === BookType.Order ? 'orders' : 'trades';\n  const priceRangeStart = matchedBucket.price.toFixed(bucketDisplayPrecision);\n  const priceRangeEnd = (matchedBucket.price + bucketWidth).toFixed(\n    bucketDisplayPrecision\n  );\n  const sentimentLabel = getSentimentOverbalanceLabel(\n    matchedBucket.sentiment,\n    bookType\n  );\n  const sentimentValue = Math.abs(matchedBucket.sentiment);\n\n  return isDesktop\n    ? `<div><b>${labelCallback(bookLabelKey)}:</b></div>\n<span style=\"margin-right: 4px;\">${labelCallback('price_range')}: ${priceRangeStart} - ${priceRangeEnd} </span>\n<span style=\"margin-right: 4px;\">${labelCallback(sentimentLabel)}: ${sentimentValue}% </span>`\n    : `<div><b>${labelCallback(bookLabelKey)}:</b></div>\n<div>${labelCallback('price_range')}:</div>\n<div>${priceRangeStart} - ${priceRangeEnd} </div>\n<div>${labelCallback(sentimentLabel)}:</div>\n<div>${sentimentValue}% </div>`;\n};\n\nconst formatSentimentData = (\n  sentimentLong: number,\n  sentimentShort: number,\n  labelCallback: (key: string) => string,\n  isDesktop: boolean\n): string => {\n  return isDesktop\n    ? `<div><b>${labelCallback('sentiment')}:</b></div>\n  <span style=\"margin-right: 4px;\">${labelCallback('long')}: ${sentimentLong.toFixed(SENTIMENT_DISPLAY_PRECISION)}% </span>\n  <span style=\"margin-right: 4px;\">${labelCallback('short')}: ${sentimentShort.toFixed(SENTIMENT_DISPLAY_PRECISION)}% </span>`\n    : `<div><b>${labelCallback('sentiment')}:</b></div>\n<div>${labelCallback('long')}: ${sentimentLong.toFixed(SENTIMENT_DISPLAY_PRECISION)}% </div>\n<div>${labelCallback('short')}: ${sentimentShort.toFixed(SENTIMENT_DISPLAY_PRECISION)}% </div>`;\n};\n\nconst hasValidCandleData = (\n  candleData: [number, number, number, number, number]\n): boolean =>\n  !!candleData[1] && !!candleData[2] && !!candleData[3] && !!candleData[4];\n\nconst hasValidSentimentData = (\n  sentimentLong: number | null,\n  sentimentShort: number | null\n): boolean => sentimentLong !== null && sentimentShort !== null;\n\nconst findMatchingBucket = (\n  buckets: Bucket[][],\n  bucketsIndex: number | undefined,\n  selectedPrice: number,\n  bucketWidth: number\n): Bucket | undefined => {\n  if (bucketsIndex === undefined) {\n    return undefined;\n  }\n  const selectedBuckets = buckets[bucketsIndex];\n  return selectedBuckets?.find(\n    ({ price }) => selectedPrice >= price && selectedPrice < price + bucketWidth\n  );\n};\n\nexport const getTooltipFormatter = ({\n  params,\n  buckets,\n  bucketWidth,\n  selectedPrice,\n  bookType,\n  labelCallback,\n  sentimentLongs,\n  sentimentShorts,\n  isDesktop,\n  locale,\n  isDark,\n}: {\n  params: TooltipParam[];\n  buckets: Bucket[][];\n  bucketWidth: number;\n  selectedPrice: number;\n  bookType: BookType;\n  labelCallback: (key: string) => string;\n  sentimentLongs: (number | null)[];\n  sentimentShorts: (number | null)[];\n  isDesktop: boolean;\n  locale: string;\n  isDark: boolean;\n}) => {\n  if (!params || !Array.isArray(params) || params.length === 0) {\n    return '';\n  }\n\n  const candleParam = findSeriesParam(params, 'candlestick');\n  const booksParam = findSeriesParam(params, 'heatmap');\n  const { sentimentLong, sentimentShort } = findSentimentSeriesParam(\n    params,\n    sentimentLongs,\n    sentimentShorts\n  );\n\n  if (!candleParam) {\n    return '';\n  }\n\n  const bucketDisplayPrecision = calculateBucketDisplayPrecision(bucketWidth);\n  const time = new Date(candleParam.axisValue as string);\n  const candleData = candleParam.value;\n  const bucketsIndex = booksParam?.value[2];\n  const matchedBucket = findMatchingBucket(\n    buckets,\n    bucketsIndex,\n    selectedPrice,\n    bucketWidth\n  );\n  const showCandles = hasValidCandleData(candleData);\n  const showSentiment = hasValidSentimentData(sentimentLong, sentimentShort);\n\n  if (!showCandles && !matchedBucket) {\n    return '';\n  }\n\n  const timeFormatted = formatFullDate(time, locale);\n  const candleSection = showCandles\n    ? formatCandleData(candleData, labelCallback, isDesktop)\n    : '';\n\n  const bookSection = matchedBucket\n    ? formatBookData({\n        matchedBucket,\n        bucketWidth,\n        bucketDisplayPrecision,\n        bookType,\n        labelCallback,\n        isDesktop,\n      })\n    : '';\n\n  const sentimentSection =\n    showSentiment && sentimentLong && sentimentShort\n      ? formatSentimentData(\n          sentimentLong,\n          sentimentShort,\n          labelCallback,\n          isDesktop\n        )\n      : '';\n\n  if (isDesktop) {\n    return buildDesktopTooltip({\n      timeFormatted,\n      candleSection,\n      sentimentSection,\n      bookSection,\n      isDark,\n    });\n  }\n\n  return buildMobileTooltip({\n    timeFormatted,\n    candleSection,\n    sentimentSection,\n    bookSection,\n    isDark,\n  });\n};\n\ninterface TooltipSections {\n  timeFormatted: string;\n  candleSection: string;\n  sentimentSection: string;\n  bookSection: string;\n}\n\nconst buildDesktopTooltip = ({\n  candleSection,\n  sentimentSection,\n  bookSection,\n  isDark,\n}: TooltipSections & {\n  isDark: boolean;\n}): string => {\n  const backgroundColor = isDark ? colorPalette.black : colorPalette.white;\n  const fullWidth = TOOLTIP_STYLES.FULL_WIDTH;\n\n  return `<div style=\"width: ${fullWidth}; background-color: ${backgroundColor};\">\n  <div style=\"width: ${fullWidth}; display: flex; justify-content: space-between;\">\n <div style=\"width: 40%;\">\n${candleSection}\n</div>\n<div style=\"width: 22%;\">\n${sentimentSection}\n</div>\n<div style=\"width: 38%;\">\n${bookSection}\n</div>\n</div>\n</div>`;\n};\n\nconst buildMobileTooltip = ({\n  timeFormatted,\n  candleSection,\n  sentimentSection,\n  bookSection,\n  isDark,\n}: TooltipSections & { isDark: boolean }): string => {\n  const backgroundColor = isDark ? colorPalette.black : colorPalette.white;\n  const columnWidth = TOOLTIP_STYLES.MOBILE_COLUMN_WIDTH;\n  const fullWidth = TOOLTIP_STYLES.FULL_WIDTH;\n  const padding = TOOLTIP_STYLES.PADDING_BOTTOM;\n\n  return `<div style=\"width: ${fullWidth}; background-color: ${backgroundColor};\">\n  <div style=\"padding-bottom: ${padding};\">${timeFormatted}</div>\n  <div style=\"width: ${fullWidth}; display: flex; justify-content: space-between;\">\n  <div style=\"width: ${columnWidth};\">\n${candleSection}\n</div>\n<div style=\"width: ${columnWidth};\">\n${sentimentSection}\n</div>\n<div style=\"width: ${columnWidth};\">\n${bookSection}\n</div>\n</div>\n</div>`;\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/module/CrowdViewWidget/components/Chart/chartUtils/handleLabelUpdate.js

@@ -7,7 +7,6 @@ export const handleLabelUpdate = (instance, mainData, labelTimerRef, isGreaterTh
     clearTimeout(labelTimerRef.current);
   }
   labelTimerRef.current = setTimeout(() => {
-    var _isGreaterThanTwoWeek;
     const {
       dates
     } = mainData;
@@ -25,7 +24,7 @@ export const handleLabelUpdate = (instance, mainData, labelTimerRef, isGreaterTh
       return;
     }
     const isGreaterThanTwoWeeks = isDifferenceGreaterThanTwoWeeks(dates[startValue], dates[endValue]);
-    const wasGreaterThanTwoWeeks = (_isGreaterThanTwoWeek = isGreaterThanTwoWeeksRef.current) !== null && _isGreaterThanTwoWeek !== void 0 ? _isGreaterThanTwoWeek : false;
+    const wasGreaterThanTwoWeeks = isGreaterThanTwoWeeksRef.current ?? false;
     if (isGreaterThanTwoWeeks !== wasGreaterThanTwoWeeks) {
       const labelsData = getLabelData({
         dates,

package/dist/module/CrowdViewWidget/components/Chart/chartUtils/handleLabelUpdate.js.map

@@ -1 +1 @@
-{"version":3,"file":"handleLabelUpdate.js","names":["formatXAxisAdditionalLabel","formatXAxisLabel","getLabelData","isDifferenceGreaterThanTwoWeeks","handleLabelUpdate","instance","mainData","labelTimerRef","isGreaterThanTwoWeeksRef","locale","current","clearTimeout","setTimeout","_isGreaterThanTwoWeek","dates","dataZoom","getOption","Array","isArray","length","startValue","endValue","isGreaterThanTwoWeeks","wasGreaterThanTwoWeeks","labelsData","setOption","xAxis","id","axisLabel","formatter","value","customValues"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/chartUtils/handleLabelUpdate.ts"],"sourcesContent":["import type { EChartsType } from 'echarts';\nimport type { MutableRefObject } from 'react';\n\nimport type { ChartProps, DataZoomArray } from '../types';\nimport { formatXAxisAdditionalLabel } from './formatXAxisAdditionalLabel';\nimport { formatXAxisLabel } from './formatXAxisLabel';\nimport { getLabelData } from './getLabelData';\nimport { isDifferenceGreaterThanTwoWeeks } from './isDifferenceGreaterThanTwoWeeks';\n\nexport const handleLabelUpdate = (\n  instance: EChartsType,\n  mainData: ChartProps['mainData'],\n  labelTimerRef: MutableRefObject<NodeJS.Timeout | null>,\n  isGreaterThanTwoWeeksRef: MutableRefObject<boolean | null>,\n  locale: string\n): void => {\n  if (labelTimerRef.current) {\n    clearTimeout(labelTimerRef.current);\n  }\n  labelTimerRef.current = setTimeout(() => {\n    const { dates } = mainData;\n\n    const { dataZoom } = instance.getOption();\n    if (\n      !Array.isArray(dataZoom) ||\n      dataZoom.length === 0 ||\n      !dataZoom[0] ||\n      typeof dataZoom[0].startValue !== 'number' ||\n      typeof dataZoom[0].endValue !== 'number'\n    ) {\n      return;\n    }\n\n    const { startValue, endValue } = dataZoom[0] as DataZoomArray[0];\n\n    if (!dates[startValue] || !dates[endValue]) {\n      return;\n    }\n\n    const isGreaterThanTwoWeeks = isDifferenceGreaterThanTwoWeeks(\n      dates[startValue],\n      dates[endValue]\n    );\n\n    const wasGreaterThanTwoWeeks = isGreaterThanTwoWeeksRef.current ?? false;\n\n    if (isGreaterThanTwoWeeks !== wasGreaterThanTwoWeeks) {\n      const labelsData = getLabelData({\n        dates,\n        isGreaterThanTwoWeeks,\n      });\n\n      instance.setOption({\n        xAxis: [\n          {\n            id: 'main-xAxis',\n            axisLabel: {\n              formatter: (value: string) =>\n                formatXAxisLabel(value, isGreaterThanTwoWeeks, locale),\n            },\n          },\n          {\n            id: 'additional-xAxis',\n            axisLabel: {\n              customValues: labelsData,\n              formatter: (value: unknown) =>\n                formatXAxisAdditionalLabel(\n                  value,\n                  isGreaterThanTwoWeeks,\n                  locale\n                ),\n            },\n          },\n        ],\n      });\n\n      isGreaterThanTwoWeeksRef.current = isGreaterThanTwoWeeks;\n    }\n  }, 50);\n};\n"],"mappings":"AAIA,SAASA,0BAA0B,QAAQ,8BAA8B;AACzE,SAASC,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,SAASC,+BAA+B,QAAQ,mCAAmC;AAEnF,OAAO,MAAMC,iBAAiB,GAAGA,CAC/BC,QAAqB,EACrBC,QAAgC,EAChCC,aAAsD,EACtDC,wBAA0D,EAC1DC,MAAc,KACL;EACT,IAAIF,aAAa,CAACG,OAAO,EAAE;IACzBC,YAAY,CAACJ,aAAa,CAACG,OAAO,CAAC;EACrC;EACAH,aAAa,CAACG,OAAO,GAAGE,UAAU,CAAC,MAAM;IAAA,IAAAC,qBAAA;IACvC,MAAM;MAAEC;IAAM,CAAC,GAAGR,QAAQ;IAE1B,MAAM;MAAES;IAAS,CAAC,GAAGV,QAAQ,CAACW,SAAS,CAAC,CAAC;IACzC,IACE,CAACC,KAAK,CAACC,OAAO,CAACH,QAAQ,CAAC,IACxBA,QAAQ,CAACI,MAAM,KAAK,CAAC,IACrB,CAACJ,QAAQ,CAAC,CAAC,CAAC,IACZ,OAAOA,QAAQ,CAAC,CAAC,CAAC,CAACK,UAAU,KAAK,QAAQ,IAC1C,OAAOL,QAAQ,CAAC,CAAC,CAAC,CAACM,QAAQ,KAAK,QAAQ,EACxC;MACA;IACF;IAEA,MAAM;MAAED,UAAU;MAAEC;IAAS,CAAC,GAAGN,QAAQ,CAAC,CAAC,CAAqB;IAEhE,IAAI,CAACD,KAAK,CAACM,UAAU,CAAC,IAAI,CAACN,KAAK,CAACO,QAAQ,CAAC,EAAE;MAC1C;IACF;IAEA,MAAMC,qBAAqB,GAAGnB,+BAA+B,CAC3DW,KAAK,CAACM,UAAU,CAAC,EACjBN,KAAK,CAACO,QAAQ,CAChB,CAAC;IAED,MAAME,sBAAsB,IAAAV,qBAAA,GAAGL,wBAAwB,CAACE,OAAO,cAAAG,qBAAA,cAAAA,qBAAA,GAAI,KAAK;IAExE,IAAIS,qBAAqB,KAAKC,sBAAsB,EAAE;MACpD,MAAMC,UAAU,GAAGtB,YAAY,CAAC;QAC9BY,KAAK;QACLQ;MACF,CAAC,CAAC;MAEFjB,QAAQ,CAACoB,SAAS,CAAC;QACjBC,KAAK,EAAE,CACL;UACEC,EAAE,EAAE,YAAY;UAChBC,SAAS,EAAE;YACTC,SAAS,EAAGC,KAAa,IACvB7B,gBAAgB,CAAC6B,KAAK,EAAER,qBAAqB,EAAEb,MAAM;UACzD;QACF,CAAC,EACD;UACEkB,EAAE,EAAE,kBAAkB;UACtBC,SAAS,EAAE;YACTG,YAAY,EAAEP,UAAU;YACxBK,SAAS,EAAGC,KAAc,IACxB9B,0BAA0B,CACxB8B,KAAK,EACLR,qBAAqB,EACrBb,MACF;UACJ;QACF,CAAC;MAEL,CAAC,CAAC;MAEFD,wBAAwB,CAACE,OAAO,GAAGY,qBAAqB;IAC1D;EACF,CAAC,EAAE,EAAE,CAAC;AACR,CAAC","ignoreList":[]}
+{"version":3,"file":"handleLabelUpdate.js","names":["formatXAxisAdditionalLabel","formatXAxisLabel","getLabelData","isDifferenceGreaterThanTwoWeeks","handleLabelUpdate","instance","mainData","labelTimerRef","isGreaterThanTwoWeeksRef","locale","current","clearTimeout","setTimeout","dates","dataZoom","getOption","Array","isArray","length","startValue","endValue","isGreaterThanTwoWeeks","wasGreaterThanTwoWeeks","labelsData","setOption","xAxis","id","axisLabel","formatter","value","customValues"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/chartUtils/handleLabelUpdate.ts"],"sourcesContent":["import type { EChartsType } from 'echarts';\nimport type { MutableRefObject } from 'react';\n\nimport type { ChartProps, DataZoomArray } from '../types';\nimport { formatXAxisAdditionalLabel } from './formatXAxisAdditionalLabel';\nimport { formatXAxisLabel } from './formatXAxisLabel';\nimport { getLabelData } from './getLabelData';\nimport { isDifferenceGreaterThanTwoWeeks } from './isDifferenceGreaterThanTwoWeeks';\n\nexport const handleLabelUpdate = (\n  instance: EChartsType,\n  mainData: ChartProps['mainData'],\n  labelTimerRef: MutableRefObject<NodeJS.Timeout | null>,\n  isGreaterThanTwoWeeksRef: MutableRefObject<boolean | null>,\n  locale: string\n): void => {\n  if (labelTimerRef.current) {\n    clearTimeout(labelTimerRef.current);\n  }\n  labelTimerRef.current = setTimeout(() => {\n    const { dates } = mainData;\n\n    const { dataZoom } = instance.getOption();\n    if (\n      !Array.isArray(dataZoom) ||\n      dataZoom.length === 0 ||\n      !dataZoom[0] ||\n      typeof dataZoom[0].startValue !== 'number' ||\n      typeof dataZoom[0].endValue !== 'number'\n    ) {\n      return;\n    }\n\n    const { startValue, endValue } = dataZoom[0] as DataZoomArray[0];\n\n    if (!dates[startValue] || !dates[endValue]) {\n      return;\n    }\n\n    const isGreaterThanTwoWeeks = isDifferenceGreaterThanTwoWeeks(\n      dates[startValue],\n      dates[endValue]\n    );\n\n    const wasGreaterThanTwoWeeks = isGreaterThanTwoWeeksRef.current ?? false;\n\n    if (isGreaterThanTwoWeeks !== wasGreaterThanTwoWeeks) {\n      const labelsData = getLabelData({\n        dates,\n        isGreaterThanTwoWeeks,\n      });\n\n      instance.setOption({\n        xAxis: [\n          {\n            id: 'main-xAxis',\n            axisLabel: {\n              formatter: (value: string) =>\n                formatXAxisLabel(value, isGreaterThanTwoWeeks, locale),\n            },\n          },\n          {\n            id: 'additional-xAxis',\n            axisLabel: {\n              customValues: labelsData,\n              formatter: (value: unknown) =>\n                formatXAxisAdditionalLabel(\n                  value,\n                  isGreaterThanTwoWeeks,\n                  locale\n                ),\n            },\n          },\n        ],\n      });\n\n      isGreaterThanTwoWeeksRef.current = isGreaterThanTwoWeeks;\n    }\n  }, 50);\n};\n"],"mappings":"AAIA,SAASA,0BAA0B,QAAQ,8BAA8B;AACzE,SAASC,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,SAASC,+BAA+B,QAAQ,mCAAmC;AAEnF,OAAO,MAAMC,iBAAiB,GAAGA,CAC/BC,QAAqB,EACrBC,QAAgC,EAChCC,aAAsD,EACtDC,wBAA0D,EAC1DC,MAAc,KACL;EACT,IAAIF,aAAa,CAACG,OAAO,EAAE;IACzBC,YAAY,CAACJ,aAAa,CAACG,OAAO,CAAC;EACrC;EACAH,aAAa,CAACG,OAAO,GAAGE,UAAU,CAAC,MAAM;IACvC,MAAM;MAAEC;IAAM,CAAC,GAAGP,QAAQ;IAE1B,MAAM;MAAEQ;IAAS,CAAC,GAAGT,QAAQ,CAACU,SAAS,CAAC,CAAC;IACzC,IACE,CAACC,KAAK,CAACC,OAAO,CAACH,QAAQ,CAAC,IACxBA,QAAQ,CAACI,MAAM,KAAK,CAAC,IACrB,CAACJ,QAAQ,CAAC,CAAC,CAAC,IACZ,OAAOA,QAAQ,CAAC,CAAC,CAAC,CAACK,UAAU,KAAK,QAAQ,IAC1C,OAAOL,QAAQ,CAAC,CAAC,CAAC,CAACM,QAAQ,KAAK,QAAQ,EACxC;MACA;IACF;IAEA,MAAM;MAAED,UAAU;MAAEC;IAAS,CAAC,GAAGN,QAAQ,CAAC,CAAC,CAAqB;IAEhE,IAAI,CAACD,KAAK,CAACM,UAAU,CAAC,IAAI,CAACN,KAAK,CAACO,QAAQ,CAAC,EAAE;MAC1C;IACF;IAEA,MAAMC,qBAAqB,GAAGlB,+BAA+B,CAC3DU,KAAK,CAACM,UAAU,CAAC,EACjBN,KAAK,CAACO,QAAQ,CAChB,CAAC;IAED,MAAME,sBAAsB,GAAGd,wBAAwB,CAACE,OAAO,IAAI,KAAK;IAExE,IAAIW,qBAAqB,KAAKC,sBAAsB,EAAE;MACpD,MAAMC,UAAU,GAAGrB,YAAY,CAAC;QAC9BW,KAAK;QACLQ;MACF,CAAC,CAAC;MAEFhB,QAAQ,CAACmB,SAAS,CAAC;QACjBC,KAAK,EAAE,CACL;UACEC,EAAE,EAAE,YAAY;UAChBC,SAAS,EAAE;YACTC,SAAS,EAAGC,KAAa,IACvB5B,gBAAgB,CAAC4B,KAAK,EAAER,qBAAqB,EAAEZ,MAAM;UACzD;QACF,CAAC,EACD;UACEiB,EAAE,EAAE,kBAAkB;UACtBC,SAAS,EAAE;YACTG,YAAY,EAAEP,UAAU;YACxBK,SAAS,EAAGC,KAAc,IACxB7B,0BAA0B,CACxB6B,KAAK,EACLR,qBAAqB,EACrBZ,MACF;UACJ;QACF,CAAC;MAEL,CAAC,CAAC;MAEFD,wBAAwB,CAACE,OAAO,GAAGW,qBAAqB;IAC1D;EACF,CAAC,EAAE,EAAE,CAAC;AACR,CAAC","ignoreList":[]}

package/dist/module/CrowdViewWidget/components/Chart/dataUtils/processOrderPositionBooks.js

@@ -1,5 +1,4 @@
 export const processOrderPositionBooks = (orderPositionData, dates) => {
-  var _orderPositionData$or, _orderPositionData$or2, _orderPositionData$or3, _orderPositionData$or4;
   if (!Array.isArray(dates) || dates.length === 0) {
     return {
       bookPrices: [],
@@ -11,7 +10,7 @@ export const processOrderPositionBooks = (orderPositionData, dates) => {
       hasValidBooks: false
     };
   }
-  if (!(orderPositionData !== null && orderPositionData !== void 0 && (_orderPositionData$or = orderPositionData.orderPositionBooks) !== null && _orderPositionData$or !== void 0 && (_orderPositionData$or = _orderPositionData$or.books) !== null && _orderPositionData$or !== void 0 && _orderPositionData$or.length) || !(orderPositionData !== null && orderPositionData !== void 0 && (_orderPositionData$or2 = orderPositionData.orderPositionBooks) !== null && _orderPositionData$or2 !== void 0 && _orderPositionData$or2.sentimentThresholdMin) || !(orderPositionData !== null && orderPositionData !== void 0 && (_orderPositionData$or3 = orderPositionData.orderPositionBooks) !== null && _orderPositionData$or3 !== void 0 && _orderPositionData$or3.sentimentThresholdMax) || !(orderPositionData !== null && orderPositionData !== void 0 && (_orderPositionData$or4 = orderPositionData.orderPositionBooks) !== null && _orderPositionData$or4 !== void 0 && _orderPositionData$or4.bucketWidth)) {
+  if (!orderPositionData?.orderPositionBooks?.books?.length || !orderPositionData?.orderPositionBooks?.sentimentThresholdMin || !orderPositionData?.orderPositionBooks?.sentimentThresholdMax || !orderPositionData?.orderPositionBooks?.bucketWidth) {
     return {
       bookPrices: [],
       bookIndexes: [],
@@ -35,13 +34,12 @@ export const processOrderPositionBooks = (orderPositionData, dates) => {
   const bookIndexes = [];
   const buckets = [];
   dates.forEach((date, index) => {
-    var _book$price;
     const book = booksDataMap.get(date);
-    const currentBuckets = (book === null || book === void 0 ? void 0 : book.buckets.filter(bucket => bucket !== null && typeof bucket.price === 'number' && typeof bucket.sentiment === 'number' && Math.abs(bucket.sentiment) >= sentimentThresholdMin).map(bucket => ({
+    const currentBuckets = book?.buckets.filter(bucket => bucket !== null && typeof bucket.price === 'number' && typeof bucket.sentiment === 'number' && Math.abs(bucket.sentiment) >= sentimentThresholdMin).map(bucket => ({
       price: bucket.price,
       sentiment: bucket.sentiment
-    }))) || [];
-    bookPrices.push((_book$price = book === null || book === void 0 ? void 0 : book.price) !== null && _book$price !== void 0 ? _book$price : null);
+    })) || [];
+    bookPrices.push(book?.price ?? null);
     bookIndexes.push(index);
     buckets.push(currentBuckets);
   });

package/dist/module/CrowdViewWidget/components/Chart/dataUtils/processOrderPositionBooks.js.map

@@ -1 +1 @@
-{"version":3,"file":"processOrderPositionBooks.js","names":["processOrderPositionBooks","orderPositionData","dates","_orderPositionData$or","_orderPositionData$or2","_orderPositionData$or3","_orderPositionData$or4","Array","isArray","length","bookPrices","bookIndexes","buckets","bucketWidth","sentimentThresholdMin","sentimentThresholdMax","hasValidBooks","orderPositionBooks","books","booksDataMap","Map","map","item","time","price","forEach","date","index","_book$price","book","get","currentBuckets","filter","bucket","sentiment","Math","abs","push"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/dataUtils/processOrderPositionBooks.ts"],"sourcesContent":["import type { GetOrderPositionBooksQuery } from '../../../../gql/types/graphql';\nimport type { Bucket } from '../types';\n\nexport const processOrderPositionBooks = (\n  orderPositionData: GetOrderPositionBooksQuery | undefined,\n  dates: string[]\n) => {\n  // Input validation\n  if (!Array.isArray(dates) || dates.length === 0) {\n    return {\n      bookPrices: [],\n      bookIndexes: [],\n      buckets: [],\n      bucketWidth: 0,\n      sentimentThresholdMin: 0,\n      sentimentThresholdMax: 0,\n      hasValidBooks: false,\n    };\n  }\n\n  if (\n    !orderPositionData?.orderPositionBooks?.books?.length ||\n    !orderPositionData?.orderPositionBooks?.sentimentThresholdMin ||\n    !orderPositionData?.orderPositionBooks?.sentimentThresholdMax ||\n    !orderPositionData?.orderPositionBooks?.bucketWidth\n  ) {\n    return {\n      bookPrices: [],\n      bookIndexes: [],\n      buckets: [],\n      bucketWidth: 0,\n      sentimentThresholdMin: 0,\n      sentimentThresholdMax: 0,\n      hasValidBooks: false,\n    };\n  }\n\n  const { bucketWidth, sentimentThresholdMin, sentimentThresholdMax } =\n    orderPositionData.orderPositionBooks;\n\n  const booksDataMap = new Map(\n    orderPositionData.orderPositionBooks.books.map((item) => [\n      item.time,\n      {\n        price: item.price,\n        buckets: item.buckets,\n      },\n    ])\n  );\n\n  // Use forEach + push for O(n) performance instead of reduce with spreads (O(n²))\n  const bookPrices: (number | null)[] = [];\n  const bookIndexes: number[] = [];\n  const buckets: Bucket[][] = [];\n\n  dates.forEach((date, index) => {\n    const book = booksDataMap.get(date);\n\n    const currentBuckets =\n      book?.buckets\n        .filter(\n          (\n            bucket\n          ): bucket is {\n            price: number;\n            sentiment: number;\n          } =>\n            bucket !== null &&\n            typeof bucket.price === 'number' &&\n            typeof bucket.sentiment === 'number' &&\n            Math.abs(bucket.sentiment) >= sentimentThresholdMin\n        )\n        .map((bucket) => ({\n          price: bucket.price,\n          sentiment: bucket.sentiment,\n        })) || [];\n\n    bookPrices.push(book?.price ?? null);\n    bookIndexes.push(index);\n    buckets.push(currentBuckets);\n  });\n\n  return {\n    bookPrices,\n    bookIndexes,\n    buckets,\n    bucketWidth,\n    sentimentThresholdMin,\n    sentimentThresholdMax,\n    hasValidBooks: true,\n  };\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"processOrderPositionBooks.js","names":["processOrderPositionBooks","orderPositionData","dates","Array","isArray","length","bookPrices","bookIndexes","buckets","bucketWidth","sentimentThresholdMin","sentimentThresholdMax","hasValidBooks","orderPositionBooks","books","booksDataMap","Map","map","item","time","price","forEach","date","index","book","get","currentBuckets","filter","bucket","sentiment","Math","abs","push"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/dataUtils/processOrderPositionBooks.ts"],"sourcesContent":["import type { GetOrderPositionBooksQuery } from '../../../../gql/types/graphql';\nimport type { Bucket } from '../types';\n\nexport const processOrderPositionBooks = (\n  orderPositionData: GetOrderPositionBooksQuery | undefined,\n  dates: string[]\n) => {\n  // Input validation\n  if (!Array.isArray(dates) || dates.length === 0) {\n    return {\n      bookPrices: [],\n      bookIndexes: [],\n      buckets: [],\n      bucketWidth: 0,\n      sentimentThresholdMin: 0,\n      sentimentThresholdMax: 0,\n      hasValidBooks: false,\n    };\n  }\n\n  if (\n    !orderPositionData?.orderPositionBooks?.books?.length ||\n    !orderPositionData?.orderPositionBooks?.sentimentThresholdMin ||\n    !orderPositionData?.orderPositionBooks?.sentimentThresholdMax ||\n    !orderPositionData?.orderPositionBooks?.bucketWidth\n  ) {\n    return {\n      bookPrices: [],\n      bookIndexes: [],\n      buckets: [],\n      bucketWidth: 0,\n      sentimentThresholdMin: 0,\n      sentimentThresholdMax: 0,\n      hasValidBooks: false,\n    };\n  }\n\n  const { bucketWidth, sentimentThresholdMin, sentimentThresholdMax } =\n    orderPositionData.orderPositionBooks;\n\n  const booksDataMap = new Map(\n    orderPositionData.orderPositionBooks.books.map((item) => [\n      item.time,\n      {\n        price: item.price,\n        buckets: item.buckets,\n      },\n    ])\n  );\n\n  // Use forEach + push for O(n) performance instead of reduce with spreads (O(n²))\n  const bookPrices: (number | null)[] = [];\n  const bookIndexes: number[] = [];\n  const buckets: Bucket[][] = [];\n\n  dates.forEach((date, index) => {\n    const book = booksDataMap.get(date);\n\n    const currentBuckets =\n      book?.buckets\n        .filter(\n          (\n            bucket\n          ): bucket is {\n            price: number;\n            sentiment: number;\n          } =>\n            bucket !== null &&\n            typeof bucket.price === 'number' &&\n            typeof bucket.sentiment === 'number' &&\n            Math.abs(bucket.sentiment) >= sentimentThresholdMin\n        )\n        .map((bucket) => ({\n          price: bucket.price,\n          sentiment: bucket.sentiment,\n        })) || [];\n\n    bookPrices.push(book?.price ?? null);\n    bookIndexes.push(index);\n    buckets.push(currentBuckets);\n  });\n\n  return {\n    bookPrices,\n    bookIndexes,\n    buckets,\n    bucketWidth,\n    sentimentThresholdMin,\n    sentimentThresholdMax,\n    hasValidBooks: true,\n  };\n};\n"],"mappings":"AAGA,OAAO,MAAMA,yBAAyB,GAAGA,CACvCC,iBAAyD,EACzDC,KAAe,KACZ;EAEH,IAAI,CAACC,KAAK,CAACC,OAAO,CAACF,KAAK,CAAC,IAAIA,KAAK,CAACG,MAAM,KAAK,CAAC,EAAE;IAC/C,OAAO;MACLC,UAAU,EAAE,EAAE;MACdC,WAAW,EAAE,EAAE;MACfC,OAAO,EAAE,EAAE;MACXC,WAAW,EAAE,CAAC;MACdC,qBAAqB,EAAE,CAAC;MACxBC,qBAAqB,EAAE,CAAC;MACxBC,aAAa,EAAE;IACjB,CAAC;EACH;EAEA,IACE,CAACX,iBAAiB,EAAEY,kBAAkB,EAAEC,KAAK,EAAET,MAAM,IACrD,CAACJ,iBAAiB,EAAEY,kBAAkB,EAAEH,qBAAqB,IAC7D,CAACT,iBAAiB,EAAEY,kBAAkB,EAAEF,qBAAqB,IAC7D,CAACV,iBAAiB,EAAEY,kBAAkB,EAAEJ,WAAW,EACnD;IACA,OAAO;MACLH,UAAU,EAAE,EAAE;MACdC,WAAW,EAAE,EAAE;MACfC,OAAO,EAAE,EAAE;MACXC,WAAW,EAAE,CAAC;MACdC,qBAAqB,EAAE,CAAC;MACxBC,qBAAqB,EAAE,CAAC;MACxBC,aAAa,EAAE;IACjB,CAAC;EACH;EAEA,MAAM;IAAEH,WAAW;IAAEC,qBAAqB;IAAEC;EAAsB,CAAC,GACjEV,iBAAiB,CAACY,kBAAkB;EAEtC,MAAME,YAAY,GAAG,IAAIC,GAAG,CAC1Bf,iBAAiB,CAACY,kBAAkB,CAACC,KAAK,CAACG,GAAG,CAAEC,IAAI,IAAK,CACvDA,IAAI,CAACC,IAAI,EACT;IACEC,KAAK,EAAEF,IAAI,CAACE,KAAK;IACjBZ,OAAO,EAAEU,IAAI,CAACV;EAChB,CAAC,CACF,CACH,CAAC;EAGD,MAAMF,UAA6B,GAAG,EAAE;EACxC,MAAMC,WAAqB,GAAG,EAAE;EAChC,MAAMC,OAAmB,GAAG,EAAE;EAE9BN,KAAK,CAACmB,OAAO,CAAC,CAACC,IAAI,EAAEC,KAAK,KAAK;IAC7B,MAAMC,IAAI,GAAGT,YAAY,CAACU,GAAG,CAACH,IAAI,CAAC;IAEnC,MAAMI,cAAc,GAClBF,IAAI,EAAEhB,OAAO,CACVmB,MAAM,CAEHC,MAAM,IAKNA,MAAM,KAAK,IAAI,IACf,OAAOA,MAAM,CAACR,KAAK,KAAK,QAAQ,IAChC,OAAOQ,MAAM,CAACC,SAAS,KAAK,QAAQ,IACpCC,IAAI,CAACC,GAAG,CAACH,MAAM,CAACC,SAAS,CAAC,IAAInB,qBAClC,CAAC,CACAO,GAAG,CAAEW,MAAM,KAAM;MAChBR,KAAK,EAAEQ,MAAM,CAACR,KAAK;MACnBS,SAAS,EAAED,MAAM,CAACC;IACpB,CAAC,CAAC,CAAC,IAAI,EAAE;IAEbvB,UAAU,CAAC0B,IAAI,CAACR,IAAI,EAAEJ,KAAK,IAAI,IAAI,CAAC;IACpCb,WAAW,CAACyB,IAAI,CAACT,KAAK,CAAC;IACvBf,OAAO,CAACwB,IAAI,CAACN,cAAc,CAAC;EAC9B,CAAC,CAAC;EAEF,OAAO;IACLpB,UAAU;IACVC,WAAW;IACXC,OAAO;IACPC,WAAW;IACXC,qBAAqB;IACrBC,qBAAqB;IACrBC,aAAa,EAAE;EACjB,CAAC;AACH,CAAC","ignoreList":[]}

package/dist/module/CrowdViewWidget/components/Chart/dataUtils/processPriceCandles.js

@@ -1,5 +1,4 @@
 export const processPriceCandles = priceCandlesData => {
-  var _priceCandlesData$pri, _priceCandlesData$pri2;
   const errorResult = {
     minPrice: 0,
     maxPrice: 0,
@@ -11,7 +10,7 @@ export const processPriceCandles = priceCandlesData => {
     candlesHigh: [],
     dates: []
   };
-  if (!(priceCandlesData !== null && priceCandlesData !== void 0 && (_priceCandlesData$pri = priceCandlesData.priceCandles) !== null && _priceCandlesData$pri !== void 0 && (_priceCandlesData$pri = _priceCandlesData$pri.candle) !== null && _priceCandlesData$pri !== void 0 && _priceCandlesData$pri.length) || !(priceCandlesData !== null && priceCandlesData !== void 0 && (_priceCandlesData$pri2 = priceCandlesData.priceCandles) !== null && _priceCandlesData$pri2 !== void 0 && _priceCandlesData$pri2.pipsLocation)) {
+  if (!priceCandlesData?.priceCandles?.candle?.length || !priceCandlesData?.priceCandles?.pipsLocation) {
     return errorResult;
   }
   const {

package/dist/module/CrowdViewWidget/components/Chart/dataUtils/processPriceCandles.js.map

@@ -1 +1 @@
-{"version":3,"file":"processPriceCandles.js","names":["processPriceCandles","priceCandlesData","_priceCandlesData$pri","_priceCandlesData$pri2","errorResult","minPrice","maxPrice","pipsLocation","hasValidCandles","candlesOpen","candlesClose","candlesLow","candlesHigh","dates","priceCandles","candle","length","reduce","acc","point","open","close","low","high","Math","min","max","Date","toISOString"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/dataUtils/processPriceCandles.ts"],"sourcesContent":["import type { GetPriceCandlesQuery } from '../../../../gql/types/graphql';\n\nexport const processPriceCandles = (\n  priceCandlesData: GetPriceCandlesQuery | undefined\n) => {\n  const errorResult = {\n    minPrice: 0,\n    maxPrice: 0,\n    pipsLocation: 0,\n    hasValidCandles: false,\n    candlesOpen: [],\n    candlesClose: [],\n    candlesLow: [],\n    candlesHigh: [],\n    dates: [],\n  };\n\n  if (\n    !priceCandlesData?.priceCandles?.candle?.length ||\n    !priceCandlesData?.priceCandles?.pipsLocation\n  ) {\n    return errorResult;\n  }\n\n  const { dates, candlesOpen, candlesClose, candlesLow, candlesHigh } =\n    priceCandlesData.priceCandles.candle.reduce(\n      (acc, candle) => {\n        if (!candle) {\n          return acc;\n        }\n\n        return {\n          dates: [...acc.dates, candle.point],\n          candlesOpen: [...acc.candlesOpen, candle.open],\n          candlesClose: [...acc.candlesClose, candle.close],\n          candlesLow: [...acc.candlesLow, candle.low],\n          candlesHigh: [...acc.candlesHigh, candle.high],\n        };\n      },\n      {\n        dates: [] as string[],\n        candlesOpen: [] as number[],\n        candlesClose: [] as number[],\n        candlesLow: [] as number[],\n        candlesHigh: [] as number[],\n      }\n    );\n\n  if (dates.length === 0) {\n    return errorResult;\n  }\n\n  const minPrice = Math.min(...candlesLow);\n  const maxPrice = Math.max(...candlesHigh);\n\n  return {\n    minPrice,\n    maxPrice,\n    candlesOpen,\n    candlesClose,\n    candlesLow,\n    candlesHigh,\n    dates: [...dates, new Date().toISOString()],\n    hasValidCandles: true,\n    pipsLocation: priceCandlesData.priceCandles.pipsLocation,\n  };\n};\n"],"mappings":"AAEA,OAAO,MAAMA,mBAAmB,GAC9BC,gBAAkD,IAC/C;EAAA,IAAAC,qBAAA,EAAAC,sBAAA;EACH,MAAMC,WAAW,GAAG;IAClBC,QAAQ,EAAE,CAAC;IACXC,QAAQ,EAAE,CAAC;IACXC,YAAY,EAAE,CAAC;IACfC,eAAe,EAAE,KAAK;IACtBC,WAAW,EAAE,EAAE;IACfC,YAAY,EAAE,EAAE;IAChBC,UAAU,EAAE,EAAE;IACdC,WAAW,EAAE,EAAE;IACfC,KAAK,EAAE;EACT,CAAC;EAED,IACE,EAACZ,gBAAgB,aAAhBA,gBAAgB,gBAAAC,qBAAA,GAAhBD,gBAAgB,CAAEa,YAAY,cAAAZ,qBAAA,gBAAAA,qBAAA,GAA9BA,qBAAA,CAAgCa,MAAM,cAAAb,qBAAA,eAAtCA,qBAAA,CAAwCc,MAAM,KAC/C,EAACf,gBAAgB,aAAhBA,gBAAgB,gBAAAE,sBAAA,GAAhBF,gBAAgB,CAAEa,YAAY,cAAAX,sBAAA,eAA9BA,sBAAA,CAAgCI,YAAY,GAC7C;IACA,OAAOH,WAAW;EACpB;EAEA,MAAM;IAAES,KAAK;IAAEJ,WAAW;IAAEC,YAAY;IAAEC,UAAU;IAAEC;EAAY,CAAC,GACjEX,gBAAgB,CAACa,YAAY,CAACC,MAAM,CAACE,MAAM,CACzC,CAACC,GAAG,EAAEH,MAAM,KAAK;IACf,IAAI,CAACA,MAAM,EAAE;MACX,OAAOG,GAAG;IACZ;IAEA,OAAO;MACLL,KAAK,EAAE,CAAC,GAAGK,GAAG,CAACL,KAAK,EAAEE,MAAM,CAACI,KAAK,CAAC;MACnCV,WAAW,EAAE,CAAC,GAAGS,GAAG,CAACT,WAAW,EAAEM,MAAM,CAACK,IAAI,CAAC;MAC9CV,YAAY,EAAE,CAAC,GAAGQ,GAAG,CAACR,YAAY,EAAEK,MAAM,CAACM,KAAK,CAAC;MACjDV,UAAU,EAAE,CAAC,GAAGO,GAAG,CAACP,UAAU,EAAEI,MAAM,CAACO,GAAG,CAAC;MAC3CV,WAAW,EAAE,CAAC,GAAGM,GAAG,CAACN,WAAW,EAAEG,MAAM,CAACQ,IAAI;IAC/C,CAAC;EACH,CAAC,EACD;IACEV,KAAK,EAAE,EAAc;IACrBJ,WAAW,EAAE,EAAc;IAC3BC,YAAY,EAAE,EAAc;IAC5BC,UAAU,EAAE,EAAc;IAC1BC,WAAW,EAAE;EACf,CACF,CAAC;EAEH,IAAIC,KAAK,CAACG,MAAM,KAAK,CAAC,EAAE;IACtB,OAAOZ,WAAW;EACpB;EAEA,MAAMC,QAAQ,GAAGmB,IAAI,CAACC,GAAG,CAAC,GAAGd,UAAU,CAAC;EACxC,MAAML,QAAQ,GAAGkB,IAAI,CAACE,GAAG,CAAC,GAAGd,WAAW,CAAC;EAEzC,OAAO;IACLP,QAAQ;IACRC,QAAQ;IACRG,WAAW;IACXC,YAAY;IACZC,UAAU;IACVC,WAAW;IACXC,KAAK,EAAE,CAAC,GAAGA,KAAK,EAAE,IAAIc,IAAI,CAAC,CAAC,CAACC,WAAW,CAAC,CAAC,CAAC;IAC3CpB,eAAe,EAAE,IAAI;IACrBD,YAAY,EAAEN,gBAAgB,CAACa,YAAY,CAACP;EAC9C,CAAC;AACH,CAAC","ignoreList":[]}
+{"version":3,"file":"processPriceCandles.js","names":["processPriceCandles","priceCandlesData","errorResult","minPrice","maxPrice","pipsLocation","hasValidCandles","candlesOpen","candlesClose","candlesLow","candlesHigh","dates","priceCandles","candle","length","reduce","acc","point","open","close","low","high","Math","min","max","Date","toISOString"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/dataUtils/processPriceCandles.ts"],"sourcesContent":["import type { GetPriceCandlesQuery } from '../../../../gql/types/graphql';\n\nexport const processPriceCandles = (\n  priceCandlesData: GetPriceCandlesQuery | undefined\n) => {\n  const errorResult = {\n    minPrice: 0,\n    maxPrice: 0,\n    pipsLocation: 0,\n    hasValidCandles: false,\n    candlesOpen: [],\n    candlesClose: [],\n    candlesLow: [],\n    candlesHigh: [],\n    dates: [],\n  };\n\n  if (\n    !priceCandlesData?.priceCandles?.candle?.length ||\n    !priceCandlesData?.priceCandles?.pipsLocation\n  ) {\n    return errorResult;\n  }\n\n  const { dates, candlesOpen, candlesClose, candlesLow, candlesHigh } =\n    priceCandlesData.priceCandles.candle.reduce(\n      (acc, candle) => {\n        if (!candle) {\n          return acc;\n        }\n\n        return {\n          dates: [...acc.dates, candle.point],\n          candlesOpen: [...acc.candlesOpen, candle.open],\n          candlesClose: [...acc.candlesClose, candle.close],\n          candlesLow: [...acc.candlesLow, candle.low],\n          candlesHigh: [...acc.candlesHigh, candle.high],\n        };\n      },\n      {\n        dates: [] as string[],\n        candlesOpen: [] as number[],\n        candlesClose: [] as number[],\n        candlesLow: [] as number[],\n        candlesHigh: [] as number[],\n      }\n    );\n\n  if (dates.length === 0) {\n    return errorResult;\n  }\n\n  const minPrice = Math.min(...candlesLow);\n  const maxPrice = Math.max(...candlesHigh);\n\n  return {\n    minPrice,\n    maxPrice,\n    candlesOpen,\n    candlesClose,\n    candlesLow,\n    candlesHigh,\n    dates: [...dates, new Date().toISOString()],\n    hasValidCandles: true,\n    pipsLocation: priceCandlesData.priceCandles.pipsLocation,\n  };\n};\n"],"mappings":"AAEA,OAAO,MAAMA,mBAAmB,GAC9BC,gBAAkD,IAC/C;EACH,MAAMC,WAAW,GAAG;IAClBC,QAAQ,EAAE,CAAC;IACXC,QAAQ,EAAE,CAAC;IACXC,YAAY,EAAE,CAAC;IACfC,eAAe,EAAE,KAAK;IACtBC,WAAW,EAAE,EAAE;IACfC,YAAY,EAAE,EAAE;IAChBC,UAAU,EAAE,EAAE;IACdC,WAAW,EAAE,EAAE;IACfC,KAAK,EAAE;EACT,CAAC;EAED,IACE,CAACV,gBAAgB,EAAEW,YAAY,EAAEC,MAAM,EAAEC,MAAM,IAC/C,CAACb,gBAAgB,EAAEW,YAAY,EAAEP,YAAY,EAC7C;IACA,OAAOH,WAAW;EACpB;EAEA,MAAM;IAAES,KAAK;IAAEJ,WAAW;IAAEC,YAAY;IAAEC,UAAU;IAAEC;EAAY,CAAC,GACjET,gBAAgB,CAACW,YAAY,CAACC,MAAM,CAACE,MAAM,CACzC,CAACC,GAAG,EAAEH,MAAM,KAAK;IACf,IAAI,CAACA,MAAM,EAAE;MACX,OAAOG,GAAG;IACZ;IAEA,OAAO;MACLL,KAAK,EAAE,CAAC,GAAGK,GAAG,CAACL,KAAK,EAAEE,MAAM,CAACI,KAAK,CAAC;MACnCV,WAAW,EAAE,CAAC,GAAGS,GAAG,CAACT,WAAW,EAAEM,MAAM,CAACK,IAAI,CAAC;MAC9CV,YAAY,EAAE,CAAC,GAAGQ,GAAG,CAACR,YAAY,EAAEK,MAAM,CAACM,KAAK,CAAC;MACjDV,UAAU,EAAE,CAAC,GAAGO,GAAG,CAACP,UAAU,EAAEI,MAAM,CAACO,GAAG,CAAC;MAC3CV,WAAW,EAAE,CAAC,GAAGM,GAAG,CAACN,WAAW,EAAEG,MAAM,CAACQ,IAAI;IAC/C,CAAC;EACH,CAAC,EACD;IACEV,KAAK,EAAE,EAAc;IACrBJ,WAAW,EAAE,EAAc;IAC3BC,YAAY,EAAE,EAAc;IAC5BC,UAAU,EAAE,EAAc;IAC1BC,WAAW,EAAE;EACf,CACF,CAAC;EAEH,IAAIC,KAAK,CAACG,MAAM,KAAK,CAAC,EAAE;IACtB,OAAOZ,WAAW;EACpB;EAEA,MAAMC,QAAQ,GAAGmB,IAAI,CAACC,GAAG,CAAC,GAAGd,UAAU,CAAC;EACxC,MAAML,QAAQ,GAAGkB,IAAI,CAACE,GAAG,CAAC,GAAGd,WAAW,CAAC;EAEzC,OAAO;IACLP,QAAQ;IACRC,QAAQ;IACRG,WAAW;IACXC,YAAY;IACZC,UAAU;IACVC,WAAW;IACXC,KAAK,EAAE,CAAC,GAAGA,KAAK,EAAE,IAAIc,IAAI,CAAC,CAAC,CAACC,WAAW,CAAC,CAAC,CAAC;IAC3CpB,eAAe,EAAE,IAAI;IACrBD,YAAY,EAAEJ,gBAAgB,CAACW,YAAY,CAACP;EAC9C,CAAC;AACH,CAAC","ignoreList":[]}

package/dist/module/CrowdViewWidget/components/Chart/dataUtils/processSentiments.js

@@ -1,27 +1,23 @@
 export const processSentiments = (sentimentsData, dates) => {
-  var _sentimentsData$senti;
-  if (!Array.isArray(dates) || dates.length === 0 || !(sentimentsData !== null && sentimentsData !== void 0 && (_sentimentsData$senti = sentimentsData.sentiments) !== null && _sentimentsData$senti !== void 0 && (_sentimentsData$senti = _sentimentsData$senti.sentiments) !== null && _sentimentsData$senti !== void 0 && _sentimentsData$senti.length)) {
+  if (!Array.isArray(dates) || dates.length === 0 || !sentimentsData?.sentiments?.sentiments?.length) {
     return {
       sentimentLongs: [],
       sentimentShorts: [],
       hasValidSentiments: false
     };
   }
-  const sentimentMap = new Map(sentimentsData.sentiments.sentiments.map(item => {
-    var _item$sentiment$short, _item$sentiment, _item$sentiment$longP, _item$sentiment2;
-    return [item === null || item === void 0 ? void 0 : item.time, {
-      sentimentShorts: (_item$sentiment$short = item === null || item === void 0 || (_item$sentiment = item.sentiment) === null || _item$sentiment === void 0 ? void 0 : _item$sentiment.shortPercent) !== null && _item$sentiment$short !== void 0 ? _item$sentiment$short : null,
-      sentimentLongs: (_item$sentiment$longP = item === null || item === void 0 || (_item$sentiment2 = item.sentiment) === null || _item$sentiment2 === void 0 ? void 0 : _item$sentiment2.longPercent) !== null && _item$sentiment$longP !== void 0 ? _item$sentiment$longP : null
-    }];
-  }));
+  const sentimentMap = new Map(sentimentsData.sentiments.sentiments.map(item => [item?.time, {
+    sentimentShorts: item?.sentiment?.shortPercent ?? null,
+    sentimentLongs: item?.sentiment?.longPercent ?? null
+  }]));
   const {
     sentimentLongs,
     sentimentShorts
   } = dates.reduce((acc, date) => {
     const sentiment = sentimentMap.get(date);
     return {
-      sentimentLongs: [...acc.sentimentLongs, (sentiment === null || sentiment === void 0 ? void 0 : sentiment.sentimentLongs) || null],
-      sentimentShorts: [...acc.sentimentShorts, (sentiment === null || sentiment === void 0 ? void 0 : sentiment.sentimentShorts) || null]
+      sentimentLongs: [...acc.sentimentLongs, sentiment?.sentimentLongs || null],
+      sentimentShorts: [...acc.sentimentShorts, sentiment?.sentimentShorts || null]
     };
   }, {
     sentimentLongs: [],

package/dist/module/CrowdViewWidget/components/Chart/dataUtils/processSentiments.js.map

@@ -1 +1 @@
-{"version":3,"file":"processSentiments.js","names":["processSentiments","sentimentsData","dates","_sentimentsData$senti","Array","isArray","length","sentiments","sentimentLongs","sentimentShorts","hasValidSentiments","sentimentMap","Map","map","item","_item$sentiment$short","_item$sentiment","_item$sentiment$longP","_item$sentiment2","time","sentiment","shortPercent","longPercent","reduce","acc","date","get"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/dataUtils/processSentiments.ts"],"sourcesContent":["import type { GetSentimentsQuery } from '../../../../gql/types/graphql';\n\nexport const processSentiments = (\n  sentimentsData: GetSentimentsQuery | undefined,\n  dates: string[]\n) => {\n  if (\n    !Array.isArray(dates) ||\n    dates.length === 0 ||\n    !sentimentsData?.sentiments?.sentiments?.length\n  ) {\n    return {\n      sentimentLongs: [],\n      sentimentShorts: [],\n      hasValidSentiments: false,\n    };\n  }\n\n  const sentimentMap = new Map(\n    sentimentsData.sentiments.sentiments.map((item) => [\n      item?.time,\n      {\n        sentimentShorts: item?.sentiment?.shortPercent ?? null,\n        sentimentLongs: item?.sentiment?.longPercent ?? null,\n      },\n    ])\n  );\n\n  const { sentimentLongs, sentimentShorts } = dates.reduce(\n    (acc, date) => {\n      const sentiment = sentimentMap.get(date);\n\n      return {\n        sentimentLongs: [\n          ...acc.sentimentLongs,\n          sentiment?.sentimentLongs || null,\n        ],\n        sentimentShorts: [\n          ...acc.sentimentShorts,\n          sentiment?.sentimentShorts || null,\n        ],\n      };\n    },\n    {\n      sentimentLongs: [] as (number | null)[],\n      sentimentShorts: [] as (number | null)[],\n    }\n  );\n\n  return {\n    sentimentLongs,\n    sentimentShorts,\n    hasValidSentiments: true,\n  };\n};\n"],"mappings":"AAEA,OAAO,MAAMA,iBAAiB,GAAGA,CAC/BC,cAA8C,EAC9CC,KAAe,KACZ;EAAA,IAAAC,qBAAA;EACH,IACE,CAACC,KAAK,CAACC,OAAO,CAACH,KAAK,CAAC,IACrBA,KAAK,CAACI,MAAM,KAAK,CAAC,IAClB,EAACL,cAAc,aAAdA,cAAc,gBAAAE,qBAAA,GAAdF,cAAc,CAAEM,UAAU,cAAAJ,qBAAA,gBAAAA,qBAAA,GAA1BA,qBAAA,CAA4BI,UAAU,cAAAJ,qBAAA,eAAtCA,qBAAA,CAAwCG,MAAM,GAC/C;IACA,OAAO;MACLE,cAAc,EAAE,EAAE;MAClBC,eAAe,EAAE,EAAE;MACnBC,kBAAkB,EAAE;IACtB,CAAC;EACH;EAEA,MAAMC,YAAY,GAAG,IAAIC,GAAG,CAC1BX,cAAc,CAACM,UAAU,CAACA,UAAU,CAACM,GAAG,CAAEC,IAAI;IAAA,IAAAC,qBAAA,EAAAC,eAAA,EAAAC,qBAAA,EAAAC,gBAAA;IAAA,OAAK,CACjDJ,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEK,IAAI,EACV;MACEV,eAAe,GAAAM,qBAAA,GAAED,IAAI,aAAJA,IAAI,gBAAAE,eAAA,GAAJF,IAAI,CAAEM,SAAS,cAAAJ,eAAA,uBAAfA,eAAA,CAAiBK,YAAY,cAAAN,qBAAA,cAAAA,qBAAA,GAAI,IAAI;MACtDP,cAAc,GAAAS,qBAAA,GAAEH,IAAI,aAAJA,IAAI,gBAAAI,gBAAA,GAAJJ,IAAI,CAAEM,SAAS,cAAAF,gBAAA,uBAAfA,gBAAA,CAAiBI,WAAW,cAAAL,qBAAA,cAAAA,qBAAA,GAAI;IAClD,CAAC,CACF;EAAA,EACH,CAAC;EAED,MAAM;IAAET,cAAc;IAAEC;EAAgB,CAAC,GAAGP,KAAK,CAACqB,MAAM,CACtD,CAACC,GAAG,EAAEC,IAAI,KAAK;IACb,MAAML,SAAS,GAAGT,YAAY,CAACe,GAAG,CAACD,IAAI,CAAC;IAExC,OAAO;MACLjB,cAAc,EAAE,CACd,GAAGgB,GAAG,CAAChB,cAAc,EACrB,CAAAY,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEZ,cAAc,KAAI,IAAI,CAClC;MACDC,eAAe,EAAE,CACf,GAAGe,GAAG,CAACf,eAAe,EACtB,CAAAW,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEX,eAAe,KAAI,IAAI;IAEtC,CAAC;EACH,CAAC,EACD;IACED,cAAc,EAAE,EAAuB;IACvCC,eAAe,EAAE;EACnB,CACF,CAAC;EAED,OAAO;IACLD,cAAc;IACdC,eAAe;IACfC,kBAAkB,EAAE;EACtB,CAAC;AACH,CAAC","ignoreList":[]}
+{"version":3,"file":"processSentiments.js","names":["processSentiments","sentimentsData","dates","Array","isArray","length","sentiments","sentimentLongs","sentimentShorts","hasValidSentiments","sentimentMap","Map","map","item","time","sentiment","shortPercent","longPercent","reduce","acc","date","get"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/dataUtils/processSentiments.ts"],"sourcesContent":["import type { GetSentimentsQuery } from '../../../../gql/types/graphql';\n\nexport const processSentiments = (\n  sentimentsData: GetSentimentsQuery | undefined,\n  dates: string[]\n) => {\n  if (\n    !Array.isArray(dates) ||\n    dates.length === 0 ||\n    !sentimentsData?.sentiments?.sentiments?.length\n  ) {\n    return {\n      sentimentLongs: [],\n      sentimentShorts: [],\n      hasValidSentiments: false,\n    };\n  }\n\n  const sentimentMap = new Map(\n    sentimentsData.sentiments.sentiments.map((item) => [\n      item?.time,\n      {\n        sentimentShorts: item?.sentiment?.shortPercent ?? null,\n        sentimentLongs: item?.sentiment?.longPercent ?? null,\n      },\n    ])\n  );\n\n  const { sentimentLongs, sentimentShorts } = dates.reduce(\n    (acc, date) => {\n      const sentiment = sentimentMap.get(date);\n\n      return {\n        sentimentLongs: [\n          ...acc.sentimentLongs,\n          sentiment?.sentimentLongs || null,\n        ],\n        sentimentShorts: [\n          ...acc.sentimentShorts,\n          sentiment?.sentimentShorts || null,\n        ],\n      };\n    },\n    {\n      sentimentLongs: [] as (number | null)[],\n      sentimentShorts: [] as (number | null)[],\n    }\n  );\n\n  return {\n    sentimentLongs,\n    sentimentShorts,\n    hasValidSentiments: true,\n  };\n};\n"],"mappings":"AAEA,OAAO,MAAMA,iBAAiB,GAAGA,CAC/BC,cAA8C,EAC9CC,KAAe,KACZ;EACH,IACE,CAACC,KAAK,CAACC,OAAO,CAACF,KAAK,CAAC,IACrBA,KAAK,CAACG,MAAM,KAAK,CAAC,IAClB,CAACJ,cAAc,EAAEK,UAAU,EAAEA,UAAU,EAAED,MAAM,EAC/C;IACA,OAAO;MACLE,cAAc,EAAE,EAAE;MAClBC,eAAe,EAAE,EAAE;MACnBC,kBAAkB,EAAE;IACtB,CAAC;EACH;EAEA,MAAMC,YAAY,GAAG,IAAIC,GAAG,CAC1BV,cAAc,CAACK,UAAU,CAACA,UAAU,CAACM,GAAG,CAAEC,IAAI,IAAK,CACjDA,IAAI,EAAEC,IAAI,EACV;IACEN,eAAe,EAAEK,IAAI,EAAEE,SAAS,EAAEC,YAAY,IAAI,IAAI;IACtDT,cAAc,EAAEM,IAAI,EAAEE,SAAS,EAAEE,WAAW,IAAI;EAClD,CAAC,CACF,CACH,CAAC;EAED,MAAM;IAAEV,cAAc;IAAEC;EAAgB,CAAC,GAAGN,KAAK,CAACgB,MAAM,CACtD,CAACC,GAAG,EAAEC,IAAI,KAAK;IACb,MAAML,SAAS,GAAGL,YAAY,CAACW,GAAG,CAACD,IAAI,CAAC;IAExC,OAAO;MACLb,cAAc,EAAE,CACd,GAAGY,GAAG,CAACZ,cAAc,EACrBQ,SAAS,EAAER,cAAc,IAAI,IAAI,CAClC;MACDC,eAAe,EAAE,CACf,GAAGW,GAAG,CAACX,eAAe,EACtBO,SAAS,EAAEP,eAAe,IAAI,IAAI;IAEtC,CAAC;EACH,CAAC,EACD;IACED,cAAc,EAAE,EAAuB;IACvCC,eAAe,EAAE;EACnB,CACF,CAAC;EAED,OAAO;IACLD,cAAc;IACdC,eAAe;IACfC,kBAAkB,EAAE;EACtB,CAAC;AACH,CAAC","ignoreList":[]}

package/dist/module/CrowdViewWidget/components/Chart/dataUtils/validateData.js

@@ -1,7 +1,6 @@
 export const validateData = (priceCandlesData, orderPositionData, hasValidCandles, hasValidBooks, hasValidSentiments) => {
-  var _priceCandlesData$pri, _priceCandlesData$pri2, _orderPositionData$or, _orderPositionData$or2;
-  const hasValidPriceData = ((_priceCandlesData$pri = priceCandlesData === null || priceCandlesData === void 0 || (_priceCandlesData$pri2 = priceCandlesData.priceCandles) === null || _priceCandlesData$pri2 === void 0 || (_priceCandlesData$pri2 = _priceCandlesData$pri2.candle) === null || _priceCandlesData$pri2 === void 0 ? void 0 : _priceCandlesData$pri2.length) !== null && _priceCandlesData$pri !== void 0 ? _priceCandlesData$pri : 0) >= 1;
-  const hasValidOrderData = ((_orderPositionData$or = orderPositionData === null || orderPositionData === void 0 || (_orderPositionData$or2 = orderPositionData.orderPositionBooks) === null || _orderPositionData$or2 === void 0 || (_orderPositionData$or2 = _orderPositionData$or2.books) === null || _orderPositionData$or2 === void 0 ? void 0 : _orderPositionData$or2.length) !== null && _orderPositionData$or !== void 0 ? _orderPositionData$or : 0) >= 1;
+  const hasValidPriceData = (priceCandlesData?.priceCandles?.candle?.length ?? 0) >= 1;
+  const hasValidOrderData = (orderPositionData?.orderPositionBooks?.books?.length ?? 0) >= 1;
   if (!hasValidPriceData) {
     return new Error('Insufficient price candle data');
   }

package/dist/module/CrowdViewWidget/components/Chart/dataUtils/validateData.js.map

@@ -1 +1 @@
-{"version":3,"file":"validateData.js","names":["validateData","priceCandlesData","orderPositionData","hasValidCandles","hasValidBooks","hasValidSentiments","_priceCandlesData$pri","_priceCandlesData$pri2","_orderPositionData$or","_orderPositionData$or2","hasValidPriceData","priceCandles","candle","length","hasValidOrderData","orderPositionBooks","books","Error"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/dataUtils/validateData.ts"],"sourcesContent":["import type {\n  GetOrderPositionBooksQuery,\n  GetPriceCandlesQuery,\n} from '../../../../gql/types/graphql';\n\nexport const validateData = (\n  priceCandlesData: GetPriceCandlesQuery | undefined,\n  orderPositionData: GetOrderPositionBooksQuery | undefined,\n  hasValidCandles: boolean,\n  hasValidBooks: boolean,\n  hasValidSentiments: boolean\n): Error | null => {\n  const hasValidPriceData =\n    (priceCandlesData?.priceCandles?.candle?.length ?? 0) >= 1;\n  const hasValidOrderData =\n    (orderPositionData?.orderPositionBooks?.books?.length ?? 0) >= 1;\n\n  if (!hasValidPriceData) {\n    return new Error('Insufficient price candle data');\n  }\n  if (!hasValidOrderData) {\n    return new Error('Insufficient order position data');\n  }\n  if (!hasValidCandles) {\n    return new Error('Invalid candle data');\n  }\n  if (!hasValidBooks) {\n    return new Error('Invalid book data');\n  }\n  if (!hasValidSentiments) {\n    return new Error('Invalid sentiment data');\n  }\n\n  return null;\n};\n"],"mappings":"AAKA,OAAO,MAAMA,YAAY,GAAGA,CAC1BC,gBAAkD,EAClDC,iBAAyD,EACzDC,eAAwB,EACxBC,aAAsB,EACtBC,kBAA2B,KACV;EAAA,IAAAC,qBAAA,EAAAC,sBAAA,EAAAC,qBAAA,EAAAC,sBAAA;EACjB,MAAMC,iBAAiB,GACrB,EAAAJ,qBAAA,GAACL,gBAAgB,aAAhBA,gBAAgB,gBAAAM,sBAAA,GAAhBN,gBAAgB,CAAEU,YAAY,cAAAJ,sBAAA,gBAAAA,sBAAA,GAA9BA,sBAAA,CAAgCK,MAAM,cAAAL,sBAAA,uBAAtCA,sBAAA,CAAwCM,MAAM,cAAAP,qBAAA,cAAAA,qBAAA,GAAI,CAAC,KAAK,CAAC;EAC5D,MAAMQ,iBAAiB,GACrB,EAAAN,qBAAA,GAACN,iBAAiB,aAAjBA,iBAAiB,gBAAAO,sBAAA,GAAjBP,iBAAiB,CAAEa,kBAAkB,cAAAN,sBAAA,gBAAAA,sBAAA,GAArCA,sBAAA,CAAuCO,KAAK,cAAAP,sBAAA,uBAA5CA,sBAAA,CAA8CI,MAAM,cAAAL,qBAAA,cAAAA,qBAAA,GAAI,CAAC,KAAK,CAAC;EAElE,IAAI,CAACE,iBAAiB,EAAE;IACtB,OAAO,IAAIO,KAAK,CAAC,gCAAgC,CAAC;EACpD;EACA,IAAI,CAACH,iBAAiB,EAAE;IACtB,OAAO,IAAIG,KAAK,CAAC,kCAAkC,CAAC;EACtD;EACA,IAAI,CAACd,eAAe,EAAE;IACpB,OAAO,IAAIc,KAAK,CAAC,qBAAqB,CAAC;EACzC;EACA,IAAI,CAACb,aAAa,EAAE;IAClB,OAAO,IAAIa,KAAK,CAAC,mBAAmB,CAAC;EACvC;EACA,IAAI,CAACZ,kBAAkB,EAAE;IACvB,OAAO,IAAIY,KAAK,CAAC,wBAAwB,CAAC;EAC5C;EAEA,OAAO,IAAI;AACb,CAAC","ignoreList":[]}
+{"version":3,"file":"validateData.js","names":["validateData","priceCandlesData","orderPositionData","hasValidCandles","hasValidBooks","hasValidSentiments","hasValidPriceData","priceCandles","candle","length","hasValidOrderData","orderPositionBooks","books","Error"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/dataUtils/validateData.ts"],"sourcesContent":["import type {\n  GetOrderPositionBooksQuery,\n  GetPriceCandlesQuery,\n} from '../../../../gql/types/graphql';\n\nexport const validateData = (\n  priceCandlesData: GetPriceCandlesQuery | undefined,\n  orderPositionData: GetOrderPositionBooksQuery | undefined,\n  hasValidCandles: boolean,\n  hasValidBooks: boolean,\n  hasValidSentiments: boolean\n): Error | null => {\n  const hasValidPriceData =\n    (priceCandlesData?.priceCandles?.candle?.length ?? 0) >= 1;\n  const hasValidOrderData =\n    (orderPositionData?.orderPositionBooks?.books?.length ?? 0) >= 1;\n\n  if (!hasValidPriceData) {\n    return new Error('Insufficient price candle data');\n  }\n  if (!hasValidOrderData) {\n    return new Error('Insufficient order position data');\n  }\n  if (!hasValidCandles) {\n    return new Error('Invalid candle data');\n  }\n  if (!hasValidBooks) {\n    return new Error('Invalid book data');\n  }\n  if (!hasValidSentiments) {\n    return new Error('Invalid sentiment data');\n  }\n\n  return null;\n};\n"],"mappings":"AAKA,OAAO,MAAMA,YAAY,GAAGA,CAC1BC,gBAAkD,EAClDC,iBAAyD,EACzDC,eAAwB,EACxBC,aAAsB,EACtBC,kBAA2B,KACV;EACjB,MAAMC,iBAAiB,GACrB,CAACL,gBAAgB,EAAEM,YAAY,EAAEC,MAAM,EAAEC,MAAM,IAAI,CAAC,KAAK,CAAC;EAC5D,MAAMC,iBAAiB,GACrB,CAACR,iBAAiB,EAAES,kBAAkB,EAAEC,KAAK,EAAEH,MAAM,IAAI,CAAC,KAAK,CAAC;EAElE,IAAI,CAACH,iBAAiB,EAAE;IACtB,OAAO,IAAIO,KAAK,CAAC,gCAAgC,CAAC;EACpD;EACA,IAAI,CAACH,iBAAiB,EAAE;IACtB,OAAO,IAAIG,KAAK,CAAC,kCAAkC,CAAC;EACtD;EACA,IAAI,CAACV,eAAe,EAAE;IACpB,OAAO,IAAIU,KAAK,CAAC,qBAAqB,CAAC;EACzC;EACA,IAAI,CAACT,aAAa,EAAE;IAClB,OAAO,IAAIS,KAAK,CAAC,mBAAmB,CAAC;EACvC;EACA,IAAI,CAACR,kBAAkB,EAAE;IACvB,OAAO,IAAIQ,KAAK,CAAC,wBAAwB,CAAC;EAC5C;EAEA,OAAO,IAAI;AACb,CAAC","ignoreList":[]}

package/dist/module/CrowdViewWidget/components/Chart/getOption.js

@@ -99,8 +99,8 @@ export const getOption = _ref => {
         candlesClose,
         candlesLow,
         candlesHigh,
-        bookPrices: bookPrices !== null && bookPrices !== void 0 ? bookPrices : [],
-        bookIndexes: bookIndexes !== null && bookIndexes !== void 0 ? bookIndexes : [],
+        bookPrices: bookPrices ?? [],
+        bookIndexes: bookIndexes ?? [],
         sentimentShorts,
         sentimentLongs
       }

package/dist/module/CrowdViewWidget/components/Chart/getOption.js.map

@@ -1 +1 @@
-{"version":3,"file":"getOption.js","names":["CHART_CONFIG","getDataZoomConfig","getGridConfig","getGridLines","getLabelsConfig","getSeriesCandlestickConfig","getSeriesHeatmapConfig","getSeriesSentimentConfig","getTooltipConfig","getVisualMapConfig","getXAxisConfig","getYAxisConfig","isDifferenceGreaterThanTwoWeeks","getChartStyles","getOption","_ref","mainData","dates","candlesOpen","candlesClose","candlesLow","candlesHigh","bookPrices","bookIndexes","sentimentShorts","sentimentLongs","additionalData","bucketWidth","buckets","displayPrecision","bookType","sentimentThresholdMin","sentimentThresholdMax","isLoading","isDark","isDesktop","labelCallback","locale","styles","selectedPriceRef","current","initialStartZoom","INITIAL_START_ZOOM_DESKTOP","INITIAL_START_ZOOM_MOBILE","visibleXAxisData","slice","length","INITIAL_END_ZOOM","isGreaterThanTwoWeeks","heatmapChart","sentimentChart","animation","tooltip","tooltipLinesColor","grid","xAxis","yAxis","dataZoom","visualMap","sentimentLongColor","sentimentShortColor","graphic","dataset","source","series"],"sources":["../../../../../src/CrowdViewWidget/components/Chart/getOption.ts"],"sourcesContent":["import { CHART_CONFIG } from '../../constants';\nimport {\n  getDataZoomConfig,\n  getGridConfig,\n  getGridLines,\n  getLabelsConfig,\n  getSeriesCandlestickConfig,\n  getSeriesHeatmapConfig,\n  getSeriesSentimentConfig,\n  getTooltipConfig,\n  getVisualMapConfig,\n  getXAxisConfig,\n  getYAxisConfig,\n} from './chartOptions';\nimport { isDifferenceGreaterThanTwoWeeks } from './chartUtils';\nimport { getChartStyles } from './chartUtils/getChartStyles';\nimport type { GetOptionType } from './types';\n\nexport const getOption: GetOptionType = ({\n  mainData: {\n    dates,\n    candlesOpen,\n    candlesClose,\n    candlesLow,\n    candlesHigh,\n    bookPrices,\n    bookIndexes,\n    sentimentShorts,\n    sentimentLongs,\n  },\n  additionalData: {\n    bucketWidth,\n    buckets,\n    displayPrecision,\n    bookType,\n    sentimentThresholdMin,\n    sentimentThresholdMax,\n  },\n  isLoading,\n  isDark,\n  isDesktop,\n  labelCallback,\n  locale,\n}) => {\n  const styles = getChartStyles(isDark);\n  const selectedPriceRef = { current: 0 };\n\n  const initialStartZoom = isDesktop\n    ? CHART_CONFIG.INITIAL_START_ZOOM_DESKTOP\n    : CHART_CONFIG.INITIAL_START_ZOOM_MOBILE;\n\n  const visibleXAxisData = dates.slice(\n    (dates.length * initialStartZoom) / 100,\n    (dates.length * CHART_CONFIG.INITIAL_END_ZOOM) / 100\n  );\n\n  const isGreaterThanTwoWeeks = isDifferenceGreaterThanTwoWeeks(\n    visibleXAxisData[0],\n    visibleXAxisData[visibleXAxisData.length - 1]\n  );\n\n  const heatmapChart =\n    bookPrices && bookPrices.length > 0\n      ? [\n          getSeriesHeatmapConfig({\n            bucketWidth,\n            buckets,\n            isDark,\n            sentimentThresholdMax,\n            sentimentThresholdMin,\n            isLoading,\n          }),\n        ]\n      : [];\n\n  const sentimentChart =\n    sentimentLongs && sentimentLongs.length > 0\n      ? [\n          getSeriesSentimentConfig({\n            styles,\n            isLoading,\n          }),\n        ]\n      : [];\n\n  return {\n    animation: false,\n    tooltip: getTooltipConfig({\n      bookType,\n      bucketWidth,\n      buckets,\n      labelCallback,\n      selectedPriceRef,\n      tooltipLinesColor: styles.tooltipLinesColor,\n      sentimentLongs,\n      sentimentShorts,\n      isDesktop,\n      isDark,\n      locale,\n    }),\n    grid: getGridConfig({ isDesktop }),\n    xAxis: getXAxisConfig({\n      dates,\n      isGreaterThanTwoWeeks,\n      locale,\n      isDesktop,\n    }),\n    yAxis: getYAxisConfig({\n      bucketWidth,\n      displayPrecision,\n      selectedPriceRef,\n    }),\n    dataZoom: getDataZoomConfig({ isDesktop }),\n    visualMap: getVisualMapConfig({\n      sentimentLongColor: styles.sentimentLongColor,\n      sentimentShortColor: styles.sentimentShortColor,\n    }),\n    graphic: [\n      ...getGridLines({ isDark, isDesktop }),\n      ...getLabelsConfig({ isDark, isDesktop, labelCallback }),\n    ],\n    dataset: {\n      source: {\n        dates,\n        candlesOpen,\n        candlesClose,\n        candlesLow,\n        candlesHigh,\n        bookPrices: bookPrices ?? [],\n        bookIndexes: bookIndexes ?? [],\n        sentimentShorts,\n        sentimentLongs,\n      },\n    },\n    series: [\n      getSeriesCandlestickConfig({\n        styles,\n        isLoading,\n        locale,\n      }),\n      ...heatmapChart,\n      ...sentimentChart,\n    ],\n  };\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"getOption.js","names":["CHART_CONFIG","getDataZoomConfig","getGridConfig","getGridLines","getLabelsConfig","getSeriesCandlestickConfig","getSeriesHeatmapConfig","getSeriesSentimentConfig","getTooltipConfig","getVisualMapConfig","getXAxisConfig","getYAxisConfig","isDifferenceGreaterThanTwoWeeks","getChartStyles","getOption","_ref","mainData","dates","candlesOpen","candlesClose","candlesLow","candlesHigh","bookPrices","bookIndexes","sentimentShorts","sentimentLongs","additionalData","bucketWidth","buckets","displayPrecision","bookType","sentimentThresholdMin","sentimentThresholdMax","isLoading","isDark","isDesktop","labelCallback","locale","styles","selectedPriceRef","current","initialStartZoom","INITIAL_START_ZOOM_DESKTOP","INITIAL_START_ZOOM_MOBILE","visibleXAxisData","slice","length","INITIAL_END_ZOOM","isGreaterThanTwoWeeks","heatmapChart","sentimentChart","animation","tooltip","tooltipLinesColor","grid","xAxis","yAxis","dataZoom","visualMap","sentimentLongColor","sentimentShortColor","graphic","dataset","source","series"],"sources":["../../../../../src/CrowdViewWidget/components/Chart/getOption.ts"],"sourcesContent":["import { CHART_CONFIG } from '../../constants';\nimport {\n  getDataZoomConfig,\n  getGridConfig,\n  getGridLines,\n  getLabelsConfig,\n  getSeriesCandlestickConfig,\n  getSeriesHeatmapConfig,\n  getSeriesSentimentConfig,\n  getTooltipConfig,\n  getVisualMapConfig,\n  getXAxisConfig,\n  getYAxisConfig,\n} from './chartOptions';\nimport { isDifferenceGreaterThanTwoWeeks } from './chartUtils';\nimport { getChartStyles } from './chartUtils/getChartStyles';\nimport type { GetOptionType } from './types';\n\nexport const getOption: GetOptionType = ({\n  mainData: {\n    dates,\n    candlesOpen,\n    candlesClose,\n    candlesLow,\n    candlesHigh,\n    bookPrices,\n    bookIndexes,\n    sentimentShorts,\n    sentimentLongs,\n  },\n  additionalData: {\n    bucketWidth,\n    buckets,\n    displayPrecision,\n    bookType,\n    sentimentThresholdMin,\n    sentimentThresholdMax,\n  },\n  isLoading,\n  isDark,\n  isDesktop,\n  labelCallback,\n  locale,\n}) => {\n  const styles = getChartStyles(isDark);\n  const selectedPriceRef = { current: 0 };\n\n  const initialStartZoom = isDesktop\n    ? CHART_CONFIG.INITIAL_START_ZOOM_DESKTOP\n    : CHART_CONFIG.INITIAL_START_ZOOM_MOBILE;\n\n  const visibleXAxisData = dates.slice(\n    (dates.length * initialStartZoom) / 100,\n    (dates.length * CHART_CONFIG.INITIAL_END_ZOOM) / 100\n  );\n\n  const isGreaterThanTwoWeeks = isDifferenceGreaterThanTwoWeeks(\n    visibleXAxisData[0],\n    visibleXAxisData[visibleXAxisData.length - 1]\n  );\n\n  const heatmapChart =\n    bookPrices && bookPrices.length > 0\n      ? [\n          getSeriesHeatmapConfig({\n            bucketWidth,\n            buckets,\n            isDark,\n            sentimentThresholdMax,\n            sentimentThresholdMin,\n            isLoading,\n          }),\n        ]\n      : [];\n\n  const sentimentChart =\n    sentimentLongs && sentimentLongs.length > 0\n      ? [\n          getSeriesSentimentConfig({\n            styles,\n            isLoading,\n          }),\n        ]\n      : [];\n\n  return {\n    animation: false,\n    tooltip: getTooltipConfig({\n      bookType,\n      bucketWidth,\n      buckets,\n      labelCallback,\n      selectedPriceRef,\n      tooltipLinesColor: styles.tooltipLinesColor,\n      sentimentLongs,\n      sentimentShorts,\n      isDesktop,\n      isDark,\n      locale,\n    }),\n    grid: getGridConfig({ isDesktop }),\n    xAxis: getXAxisConfig({\n      dates,\n      isGreaterThanTwoWeeks,\n      locale,\n      isDesktop,\n    }),\n    yAxis: getYAxisConfig({\n      bucketWidth,\n      displayPrecision,\n      selectedPriceRef,\n    }),\n    dataZoom: getDataZoomConfig({ isDesktop }),\n    visualMap: getVisualMapConfig({\n      sentimentLongColor: styles.sentimentLongColor,\n      sentimentShortColor: styles.sentimentShortColor,\n    }),\n    graphic: [\n      ...getGridLines({ isDark, isDesktop }),\n      ...getLabelsConfig({ isDark, isDesktop, labelCallback }),\n    ],\n    dataset: {\n      source: {\n        dates,\n        candlesOpen,\n        candlesClose,\n        candlesLow,\n        candlesHigh,\n        bookPrices: bookPrices ?? [],\n        bookIndexes: bookIndexes ?? [],\n        sentimentShorts,\n        sentimentLongs,\n      },\n    },\n    series: [\n      getSeriesCandlestickConfig({\n        styles,\n        isLoading,\n        locale,\n      }),\n      ...heatmapChart,\n      ...sentimentChart,\n    ],\n  };\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/module/CrowdViewWidget/components/Chart/useCrowdViewData.js

@@ -91,13 +91,13 @@ export const useCrowdViewData = _ref => {
   const loading = priceCandlesLoading || orderPositionLoading || sentimentsLoading;
   const error = useMemo(() => {
     if (priceCandlesError) {
-      return new Error("Price candles error: ".concat(priceCandlesError.message));
+      return new Error(`Price candles error: ${priceCandlesError.message}`);
     }
     if (orderPositionError) {
-      return new Error("Order position error: ".concat(orderPositionError.message));
+      return new Error(`Order position error: ${orderPositionError.message}`);
     }
     if (sentimentsError) {
-      return new Error("Sentiments error: ".concat(sentimentsError.message));
+      return new Error(`Sentiments error: ${sentimentsError.message}`);
     }
     if (loading) {
       return null;
@@ -131,8 +131,8 @@ export const useCrowdViewData = _ref => {
     };
   }, [priceCandlesData, error, dates, candlesOpen, candlesClose, candlesLow, candlesHigh, bookPrices, bookIndexes, sentimentShorts, sentimentLongs, bucketWidth, instrument, bucketWidthMultiplayer, buckets, pipsLocation, bookType, sentimentThresholdMin, sentimentThresholdMax]);
   return {
-    mainData: data === null || data === void 0 ? void 0 : data.mainData,
-    additionalData: data === null || data === void 0 ? void 0 : data.additionalData,
+    mainData: data?.mainData,
+    additionalData: data?.additionalData,
     priceCandlesLoading,
     orderPositionLoading,
     sentimentsLoading,