@oanda/labs-crowd-view-widget 1.0.51 → 1.0.53

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

@@ -2,9 +2,10 @@ import { useQuery } from '@apollo/client';
 import { useMemo } from 'react';
 import { getOrderPositionBooks } from '../../../gql/getOrderPositionBooks';
 import { getPriceCandles } from '../../../gql/getPriceCandles';
+import { getSentiments } from '../../../gql/getSentiments';
 import { BookType, DataSource, Division } from '../../../gql/types/graphql';
 import { BUCKET_CONFIG, INSTRUMENTS_CONFIG } from '../../constants';
-import { getTargetBucketWidth, getTimeSpanForGranularity, processBuckets, processOrderPositionBooks, processPriceCandles, validateData } from './utils';
+import { getTimeSpanForGranularity, processOrderPositionBooks, processPriceCandles, processSentiments, validateData } from './utils';
 export const useCrowdViewData = _ref => {
   let {
     instrument,
@@ -27,17 +28,17 @@ export const useCrowdViewData = _ref => {
     },
     fetchPolicy: 'no-cache'
   });
-  const priceCandlesProcessed = useMemo(() => processPriceCandles(priceCandlesData), [priceCandlesData]);
   const {
     minPrice,
     maxPrice,
     hasValidCandles,
-    candleMap,
-    candles
-  } = priceCandlesProcessed;
-  const targetBucketWidth = getTargetBucketWidth(granularity, instrument);
-  const maxBookPrice = useMemo(() => maxPrice + targetBucketWidth * BUCKET_CONFIG.PRICE_PADDING_MULTIPLIER, [maxPrice, targetBucketWidth]);
-  const minBookPrice = useMemo(() => minPrice - targetBucketWidth * BUCKET_CONFIG.PRICE_PADDING_MULTIPLIER, [minPrice, targetBucketWidth]);
+    dates,
+    candlesOpen,
+    candlesClose,
+    candlesLow,
+    candlesHigh,
+    pipsLocation
+  } = useMemo(() => processPriceCandles(priceCandlesData), [priceCandlesData]);
   const {
     loading: orderPositionLoading,
     data: orderPositionData,
@@ -48,15 +49,42 @@ export const useCrowdViewData = _ref => {
       bookType: bookType || BookType.Order,
       timeSpan: getTimeSpanForGranularity(granularity),
       granularity,
-      maxBookPrice,
-      minBookPrice
+      maxBookPrice: maxPrice,
+      minBookPrice: minPrice,
+      bucketMultiplier: 3,
+      bucketMargin: BUCKET_CONFIG.PRICE_MARGIN_MULTIPLIER
     },
     fetchPolicy: 'no-cache',
     skip: priceCandlesLoading || !!priceCandlesError
   });
-  const loading = priceCandlesLoading || orderPositionLoading;
-  const orderPositionBooks = useMemo(() => processOrderPositionBooks(orderPositionData, candleMap), [orderPositionData, candleMap]);
-  const buckets = useMemo(() => processBuckets(orderPositionData, targetBucketWidth), [orderPositionData, targetBucketWidth]);
+  const {
+    bookPrices,
+    bookIndexes,
+    buckets,
+    bucketWidth,
+    sentimentThresholdMin,
+    sentimentThresholdMax,
+    hasValidBooks
+  } = useMemo(() => processOrderPositionBooks(orderPositionData, dates), [orderPositionData, dates]);
+  const {
+    loading: sentimentsLoading,
+    data: sentimentsData,
+    error: sentimentsError
+  } = useQuery(getSentiments, {
+    variables: {
+      instrument: INSTRUMENTS_CONFIG[instrument].v20name,
+      granularity,
+      timeSpan: getTimeSpanForGranularity(granularity)
+    },
+    fetchPolicy: 'no-cache',
+    skip: priceCandlesLoading || !!priceCandlesError
+  });
+  const {
+    sentimentLongs,
+    sentimentShorts,
+    hasValidSentiments
+  } = useMemo(() => processSentiments(sentimentsData, dates), [sentimentsData, dates]);
+  const loading = priceCandlesLoading || orderPositionLoading || sentimentsLoading;
   const error = useMemo(() => {
     if (priceCandlesError) {
       return new Error("Price candles error: ".concat(priceCandlesError.message));
@@ -64,29 +92,43 @@ export const useCrowdViewData = _ref => {
     if (orderPositionError) {
       return new Error("Order position error: ".concat(orderPositionError.message));
     }
+    if (sentimentsError) {
+      return new Error("Sentiments error: ".concat(sentimentsError.message));
+    }
     if (loading) {
       return null;
     }
-    return validateData(priceCandlesData, orderPositionData, hasValidCandles);
-  }, [priceCandlesError, orderPositionError, loading, priceCandlesData, orderPositionData, hasValidCandles]);
+    return validateData(priceCandlesData, orderPositionData, hasValidCandles, hasValidBooks, hasValidSentiments);
+  }, [priceCandlesError, orderPositionError, sentimentsError, loading, priceCandlesData, orderPositionData, hasValidCandles, hasValidBooks, hasValidSentiments]);
   const data = useMemo(() => {
-    if (!priceCandlesData || !orderPositionData || error) {
+    if (!priceCandlesData || !orderPositionData || !sentimentsData || error) {
       return null;
     }
-    const xAxisData = candles.map(candle => (candle === null || candle === void 0 ? void 0 : candle.point) || '');
-    const candlesSeriesData = candles.map(candle => [(candle === null || candle === void 0 ? void 0 : candle.open) || 0, (candle === null || candle === void 0 ? void 0 : candle.close) || 0, (candle === null || candle === void 0 ? void 0 : candle.low) || 0, (candle === null || candle === void 0 ? void 0 : candle.high) || 0]);
     return {
-      buckets,
-      xAxisData,
-      candlesSeriesData,
-      orderPositionBooks,
-      bucketWidth: targetBucketWidth,
-      precision: INSTRUMENTS_CONFIG[instrument].precision,
-      bookType
+      mainData: {
+        dates,
+        candlesOpen,
+        candlesClose,
+        candlesLow,
+        candlesHigh,
+        bookPrices,
+        bookIndexes,
+        sentimentShorts,
+        sentimentLongs
+      },
+      additionalData: {
+        bucketWidth,
+        buckets,
+        displayPrecision: pipsLocation,
+        bookType,
+        sentimentThresholdMin,
+        sentimentThresholdMax
+      }
     };
-  }, [priceCandlesData, orderPositionData, error, candles, buckets, orderPositionBooks, targetBucketWidth, instrument, bookType]);
+  }, [priceCandlesData, orderPositionData, sentimentsData, error, dates, candlesOpen, candlesClose, candlesLow, candlesHigh, bookPrices, bookIndexes, sentimentShorts, sentimentLongs, bucketWidth, buckets, pipsLocation, bookType, sentimentThresholdMin, sentimentThresholdMax]);
   return {
-    data,
+    mainData: data === null || data === void 0 ? void 0 : data.mainData,
+    additionalData: data === null || data === void 0 ? void 0 : data.additionalData,
     loading,
     error: !!error
   };

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

@@ -1 +1 @@
-{"version":3,"file":"useCrowdViewData.js","names":["useQuery","useMemo","getOrderPositionBooks","getPriceCandles","BookType","DataSource","Division","BUCKET_CONFIG","INSTRUMENTS_CONFIG","getTargetBucketWidth","getTimeSpanForGranularity","processBuckets","processOrderPositionBooks","processPriceCandles","validateData","useCrowdViewData","_ref","instrument","bookType","division","granularity","dataSource","Ogm","Oj","Mt5","V20","loading","priceCandlesLoading","data","priceCandlesData","error","priceCandlesError","variables","mt5name","v20name","timeSpan","fetchPolicy","priceCandlesProcessed","minPrice","maxPrice","hasValidCandles","candleMap","candles","targetBucketWidth","maxBookPrice","PRICE_PADDING_MULTIPLIER","minBookPrice","orderPositionLoading","orderPositionData","orderPositionError","Order","skip","orderPositionBooks","buckets","Error","concat","message","xAxisData","map","candle","point","candlesSeriesData","open","close","low","high","bucketWidth","precision"],"sources":["../../../../../src/CrowdViewWidget/components/Chart/useCrowdViewData.ts"],"sourcesContent":["import { useQuery } from '@apollo/client';\nimport { useMemo } from 'react';\n\nimport { getOrderPositionBooks } from '../../../gql/getOrderPositionBooks';\nimport { getPriceCandles } from '../../../gql/getPriceCandles';\nimport type {\n  GetOrderPositionBooksQuery,\n  GetOrderPositionBooksQueryVariables,\n  GetPriceCandlesQuery,\n  GetPriceCandlesQueryVariables,\n} from '../../../gql/types/graphql';\nimport { BookType, DataSource, Division } from '../../../gql/types/graphql';\nimport { BUCKET_CONFIG, INSTRUMENTS_CONFIG } from '../../constants';\nimport type { UseCrowdViewDataProps, UseCrowdViewDataReturn } from './types';\nimport {\n  getTargetBucketWidth,\n  getTimeSpanForGranularity,\n  processBuckets,\n  processOrderPositionBooks,\n  processPriceCandles,\n  validateData,\n} from './utils';\n\nexport const useCrowdViewData = ({\n  instrument,\n  bookType,\n  division,\n  granularity,\n}: UseCrowdViewDataProps): UseCrowdViewDataReturn => {\n  const dataSource =\n    division === Division.Ogm || division === Division.Oj\n      ? DataSource.Mt5\n      : DataSource.V20;\n  const {\n    loading: priceCandlesLoading,\n    data: priceCandlesData,\n    error: priceCandlesError,\n  } = useQuery<GetPriceCandlesQuery, GetPriceCandlesQueryVariables>(\n    getPriceCandles,\n    {\n      variables: {\n        dataSource,\n        division,\n        instrument:\n          dataSource === DataSource.Mt5\n            ? INSTRUMENTS_CONFIG[instrument].mt5name\n            : INSTRUMENTS_CONFIG[instrument].v20name,\n        granularity,\n        timeSpan: getTimeSpanForGranularity(granularity),\n      },\n      fetchPolicy: 'no-cache',\n    }\n  );\n\n  const priceCandlesProcessed = useMemo(\n    () => processPriceCandles(priceCandlesData),\n    [priceCandlesData]\n  );\n\n  const { minPrice, maxPrice, hasValidCandles, candleMap, candles } =\n    priceCandlesProcessed;\n\n  const targetBucketWidth = getTargetBucketWidth(granularity, instrument);\n\n  const maxBookPrice = useMemo(\n    () => maxPrice + targetBucketWidth * BUCKET_CONFIG.PRICE_PADDING_MULTIPLIER,\n    [maxPrice, targetBucketWidth]\n  );\n\n  const minBookPrice = useMemo(\n    () => minPrice - targetBucketWidth * BUCKET_CONFIG.PRICE_PADDING_MULTIPLIER,\n    [minPrice, targetBucketWidth]\n  );\n\n  const {\n    loading: orderPositionLoading,\n    data: orderPositionData,\n    error: orderPositionError,\n  } = useQuery<GetOrderPositionBooksQuery, GetOrderPositionBooksQueryVariables>(\n    getOrderPositionBooks,\n    {\n      variables: {\n        instrument: INSTRUMENTS_CONFIG[instrument].v20name,\n        bookType: bookType || BookType.Order,\n        timeSpan: getTimeSpanForGranularity(granularity),\n        granularity,\n        maxBookPrice,\n        minBookPrice,\n      },\n      fetchPolicy: 'no-cache',\n      skip: priceCandlesLoading || !!priceCandlesError,\n    }\n  );\n\n  const loading = priceCandlesLoading || orderPositionLoading;\n\n  const orderPositionBooks = useMemo(\n    () => processOrderPositionBooks(orderPositionData, candleMap),\n    [orderPositionData, candleMap]\n  );\n\n  const buckets = useMemo(\n    () => processBuckets(orderPositionData, targetBucketWidth),\n    [orderPositionData, targetBucketWidth]\n  );\n\n  const error = useMemo((): Error | null => {\n    if (priceCandlesError) {\n      return new Error(`Price candles error: ${priceCandlesError.message}`);\n    }\n    if (orderPositionError) {\n      return new Error(`Order position error: ${orderPositionError.message}`);\n    }\n    if (loading) {\n      return null;\n    }\n    return validateData(priceCandlesData, orderPositionData, hasValidCandles);\n  }, [\n    priceCandlesError,\n    orderPositionError,\n    loading,\n    priceCandlesData,\n    orderPositionData,\n    hasValidCandles,\n  ]);\n\n  const data = useMemo(() => {\n    if (!priceCandlesData || !orderPositionData || error) {\n      return null;\n    }\n\n    const xAxisData = candles.map((candle) => candle?.point || '');\n    const candlesSeriesData: [number, number, number, number][] = candles.map(\n      (candle) => [\n        candle?.open || 0,\n        candle?.close || 0,\n        candle?.low || 0,\n        candle?.high || 0,\n      ]\n    );\n\n    return {\n      buckets,\n      xAxisData,\n      candlesSeriesData,\n      orderPositionBooks,\n      bucketWidth: targetBucketWidth,\n      precision: INSTRUMENTS_CONFIG[instrument].precision,\n      bookType,\n    };\n  }, [\n    priceCandlesData,\n    orderPositionData,\n    error,\n    candles,\n    buckets,\n    orderPositionBooks,\n    targetBucketWidth,\n    instrument,\n    bookType,\n  ]);\n\n  return {\n    data,\n    loading,\n    error: !!error,\n  };\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"useCrowdViewData.js","names":["useQuery","useMemo","getOrderPositionBooks","getPriceCandles","getSentiments","BookType","DataSource","Division","BUCKET_CONFIG","INSTRUMENTS_CONFIG","getTimeSpanForGranularity","processOrderPositionBooks","processPriceCandles","processSentiments","validateData","useCrowdViewData","_ref","instrument","bookType","division","granularity","dataSource","Ogm","Oj","Mt5","V20","loading","priceCandlesLoading","data","priceCandlesData","error","priceCandlesError","variables","mt5name","v20name","timeSpan","fetchPolicy","minPrice","maxPrice","hasValidCandles","dates","candlesOpen","candlesClose","candlesLow","candlesHigh","pipsLocation","orderPositionLoading","orderPositionData","orderPositionError","Order","maxBookPrice","minBookPrice","bucketMultiplier","bucketMargin","PRICE_MARGIN_MULTIPLIER","skip","bookPrices","bookIndexes","buckets","bucketWidth","sentimentThresholdMin","sentimentThresholdMax","hasValidBooks","sentimentsLoading","sentimentsData","sentimentsError","sentimentLongs","sentimentShorts","hasValidSentiments","Error","concat","message","mainData","additionalData","displayPrecision"],"sources":["../../../../../src/CrowdViewWidget/components/Chart/useCrowdViewData.ts"],"sourcesContent":["import { useQuery } from '@apollo/client';\nimport { useMemo } from 'react';\n\nimport { getOrderPositionBooks } from '../../../gql/getOrderPositionBooks';\nimport { getPriceCandles } from '../../../gql/getPriceCandles';\nimport { getSentiments } from '../../../gql/getSentiments';\nimport type {\n  GetOrderPositionBooksQuery,\n  GetOrderPositionBooksQueryVariables,\n  GetPriceCandlesQuery,\n  GetPriceCandlesQueryVariables,\n  GetSentimentsQuery,\n  GetSentimentsQueryVariables,\n} from '../../../gql/types/graphql';\nimport { BookType, DataSource, Division } from '../../../gql/types/graphql';\nimport { BUCKET_CONFIG, INSTRUMENTS_CONFIG } from '../../constants';\nimport type { UseCrowdViewDataProps, UseCrowdViewDataReturn } from './types';\nimport {\n  getTimeSpanForGranularity,\n  processOrderPositionBooks,\n  processPriceCandles,\n  processSentiments,\n  validateData,\n} from './utils';\n\nexport const useCrowdViewData = ({\n  instrument,\n  bookType,\n  division,\n  granularity,\n}: UseCrowdViewDataProps): UseCrowdViewDataReturn => {\n  const dataSource =\n    division === Division.Ogm || division === Division.Oj\n      ? DataSource.Mt5\n      : DataSource.V20;\n\n  // Get price candles data\n  const {\n    loading: priceCandlesLoading,\n    data: priceCandlesData,\n    error: priceCandlesError,\n  } = useQuery<GetPriceCandlesQuery, GetPriceCandlesQueryVariables>(\n    getPriceCandles,\n    {\n      variables: {\n        dataSource,\n        division,\n        instrument:\n          dataSource === DataSource.Mt5\n            ? INSTRUMENTS_CONFIG[instrument].mt5name\n            : INSTRUMENTS_CONFIG[instrument].v20name,\n        granularity,\n        timeSpan: getTimeSpanForGranularity(granularity),\n      },\n      fetchPolicy: 'no-cache',\n    }\n  );\n\n  const {\n    minPrice,\n    maxPrice,\n    hasValidCandles,\n    dates,\n    candlesOpen,\n    candlesClose,\n    candlesLow,\n    candlesHigh,\n    pipsLocation,\n  } = useMemo(() => processPriceCandles(priceCandlesData), [priceCandlesData]);\n\n  // Get order position books data\n  const {\n    loading: orderPositionLoading,\n    data: orderPositionData,\n    error: orderPositionError,\n  } = useQuery<GetOrderPositionBooksQuery, GetOrderPositionBooksQueryVariables>(\n    getOrderPositionBooks,\n    {\n      variables: {\n        instrument: INSTRUMENTS_CONFIG[instrument].v20name,\n        bookType: bookType || BookType.Order,\n        timeSpan: getTimeSpanForGranularity(granularity),\n        granularity,\n        maxBookPrice: maxPrice,\n        minBookPrice: minPrice,\n        bucketMultiplier: 3,\n        bucketMargin: BUCKET_CONFIG.PRICE_MARGIN_MULTIPLIER,\n      },\n      fetchPolicy: 'no-cache',\n      skip: priceCandlesLoading || !!priceCandlesError,\n    }\n  );\n\n  const {\n    bookPrices,\n    bookIndexes,\n    buckets,\n    bucketWidth,\n    sentimentThresholdMin,\n    sentimentThresholdMax,\n    hasValidBooks,\n  } = useMemo(\n    () => processOrderPositionBooks(orderPositionData, dates),\n    [orderPositionData, dates]\n  );\n\n  // Get sentiments data\n  const {\n    loading: sentimentsLoading,\n    data: sentimentsData,\n    error: sentimentsError,\n  } = useQuery<GetSentimentsQuery, GetSentimentsQueryVariables>(getSentiments, {\n    variables: {\n      instrument: INSTRUMENTS_CONFIG[instrument].v20name,\n      granularity,\n      timeSpan: getTimeSpanForGranularity(granularity),\n    },\n    fetchPolicy: 'no-cache',\n    skip: priceCandlesLoading || !!priceCandlesError,\n  });\n\n  const { sentimentLongs, sentimentShorts, hasValidSentiments } = useMemo(\n    () => processSentiments(sentimentsData, dates),\n    [sentimentsData, dates]\n  );\n\n  // Gather all results\n  const loading =\n    priceCandlesLoading || orderPositionLoading || sentimentsLoading;\n\n  const error = useMemo((): Error | null => {\n    if (priceCandlesError) {\n      return new Error(`Price candles error: ${priceCandlesError.message}`);\n    }\n    if (orderPositionError) {\n      return new Error(`Order position error: ${orderPositionError.message}`);\n    }\n    if (sentimentsError) {\n      return new Error(`Sentiments error: ${sentimentsError.message}`);\n    }\n    if (loading) {\n      return null;\n    }\n    return validateData(\n      priceCandlesData,\n      orderPositionData,\n      hasValidCandles,\n      hasValidBooks,\n      hasValidSentiments\n    );\n  }, [\n    priceCandlesError,\n    orderPositionError,\n    sentimentsError,\n    loading,\n    priceCandlesData,\n    orderPositionData,\n    hasValidCandles,\n    hasValidBooks,\n    hasValidSentiments,\n  ]);\n\n  const data = useMemo(() => {\n    if (!priceCandlesData || !orderPositionData || !sentimentsData || error) {\n      return null;\n    }\n\n    return {\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: pipsLocation,\n        bookType,\n        sentimentThresholdMin,\n        sentimentThresholdMax,\n      },\n    };\n  }, [\n    priceCandlesData,\n    orderPositionData,\n    sentimentsData,\n    error,\n    dates,\n    candlesOpen,\n    candlesClose,\n    candlesLow,\n    candlesHigh,\n    bookPrices,\n    bookIndexes,\n    sentimentShorts,\n    sentimentLongs,\n    bucketWidth,\n    buckets,\n    pipsLocation,\n    bookType,\n    sentimentThresholdMin,\n    sentimentThresholdMax,\n  ]);\n\n  return {\n    mainData: data?.mainData,\n    additionalData: data?.additionalData,\n    loading,\n    error: !!error,\n  };\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,12 +1,12 @@
 import chroma from 'chroma-js';
 import { BookType, Granularity, TimeSpan } from '../../../../gql/types/graphql';
-import { BOOKS_THRESHOLDS, CHART_CONFIG, COLOR_MAP, TIME_THRESHOLDS } from '../../../constants';
+import { CHART_CONFIG, COLOR_MAP, TIME_THRESHOLDS } from '../../../constants';
 export const getLabelData = _ref => {
   let {
-    xAxisData,
+    dates,
     isGreaterThanTwoWeeks
   } = _ref;
-  return xAxisData.filter((record, index, arr) => {
+  return dates.filter((record, index, arr) => {
     if (index === 0) {
       return false;
     }
@@ -20,7 +20,7 @@ export const getLabelData = _ref => {
       day: isGreaterThanTwoWeeks ? 'numeric' : undefined
     }),
     xAxis: item,
-    y: CHART_CONFIG.HEIGHT - 22,
+    y: CHART_CONFIG.MAIN_HEIGHT + CHART_CONFIG.X_LABEL_SIZE - 22,
     silent: true,
     emphasis: {
       disabled: true
@@ -49,38 +49,38 @@ export const getTimeSpanForGranularity = granularity => {
   };
   return granularityTimeSpanMap[granularity] || TimeSpan.TwoDays;
 };
-const getGradientColor = (value, startColor, targetColor) => {
-  const startThreshold = BOOKS_THRESHOLDS.MIN;
-  const endThreshold = BOOKS_THRESHOLDS.MAX;
-  const colorScale = chroma.scale([startColor, targetColor]).domain([startThreshold, endThreshold]).mode('rgb');
+const getGradientColor = (value, startColor, targetColor, minThreshold, maxThreshold) => {
+  const colorScale = chroma.scale([startColor, targetColor]).domain([minThreshold, maxThreshold]).mode('rgb');
   return colorScale(value).hex();
 };
-export const getRectColor = (sentiment, isDark) => {
+export const getRectColor = (sentiment, isDark, minThreshold, maxThreshold) => {
   const colorPalette = isDark ? COLOR_MAP.dark : COLOR_MAP.light;
-  return sentiment < 0 ? getGradientColor(sentiment * -1, colorPalette.short[0], colorPalette.short[1]) : getGradientColor(sentiment, colorPalette.long[0], colorPalette.long[1]);
+  return sentiment < 0 ? getGradientColor(sentiment * -1, colorPalette.short[0], colorPalette.short[1], minThreshold, maxThreshold) : getGradientColor(sentiment, colorPalette.long[0], colorPalette.long[1], minThreshold, maxThreshold);
 };
 export const getTooltipFormatter = _ref2 => {
-  var _booksParam$value;
+  var _bucketWidth$toString;
   let {
     params,
     buckets,
     bucketWidth,
     selectedPrice,
-    precision,
     bookType,
     labelCallback
   } = _ref2;
-  const arr = params;
-  if (!arr || !Array.isArray(arr) || arr.length === 0) {
+  const bucketDisplayPrecision = ((_bucketWidth$toString = bucketWidth.toString().split('.')[1]) === null || _bucketWidth$toString === void 0 ? void 0 : _bucketWidth$toString.length) || 0;
+  if (!params || !Array.isArray(params) || params.length === 0) {
+    return undefined;
+  }
+  const candleParam = params.find(series => series.seriesId === 'candlestick');
+  const booksParam = params.find(series => series.seriesId === 'heatmap');
+  const sentimentParam = params.find(series => series.seriesId === 'sentiment');
+  if (!candleParam) {
     return undefined;
   }
-  const candleParam = arr[0];
-  const booksParam = arr[1];
   const time = new Date(candleParam.axisValue);
   const candleData = candleParam.value;
-  const booksData = (_booksParam$value = booksParam === null || booksParam === void 0 ? void 0 : booksParam.value) !== null && _booksParam$value !== void 0 ? _booksParam$value : [];
-  const bucketsIndex = booksData[2];
-  const selectedBuckets = buckets[bucketsIndex];
+  const bucketsIndex = booksParam === null || booksParam === void 0 ? void 0 : booksParam.value[2];
+  const selectedBuckets = bucketsIndex !== undefined ? buckets[bucketsIndex] : undefined;
   const matchedBucket = selectedBuckets === null || selectedBuckets === void 0 ? void 0 : selectedBuckets.find(_ref3 => {
     let {
       price
@@ -91,6 +91,7 @@ export const getTooltipFormatter = _ref2 => {
   if (!showCandles && !matchedBucket) {
     return undefined;
   }
+  const showSentiment = !!(sentimentParam !== null && sentimentParam !== void 0 && sentimentParam.value[1]) && !!(sentimentParam !== null && sentimentParam !== void 0 && sentimentParam.value[2]);
   return "<p>".concat(time.toLocaleString(undefined, {
     hour: '2-digit',
     minute: '2-digit',
@@ -98,7 +99,7 @@ export const getTooltipFormatter = _ref2 => {
     day: 'numeric',
     month: 'numeric',
     timeZoneName: 'short'
-  }), "</p><br />\n").concat(showCandles ? "<p><b>".concat(labelCallback('candle'), ":</b></p>\n<p>").concat(labelCallback('open_price'), ": ").concat(candleData[1], " </p>\n<p>").concat(labelCallback('close_price'), ": ").concat(candleData[2], " </p>\n<p>").concat(labelCallback('low'), ": ").concat(candleData[3], " </p>\n<p>").concat(labelCallback('high'), ": ").concat(candleData[4], " </p>\n") : '', "\n").concat(matchedBucket ? "<br /><p><b>".concat(labelCallback(bookType === BookType.Order ? 'orders' : 'positions'), ":</b></p>\n<p>").concat(labelCallback('price_range'), ": ").concat(matchedBucket.price.toFixed(precision - 1), " - ").concat(Number(matchedBucket.price + bucketWidth).toFixed(precision - 1), " </p>\n<p>").concat(matchedBucket.sentiment < 0 ? labelCallback(bookType === BookType.Order ? 'sell_overbalance' : 'short_overbalance') : labelCallback(bookType === BookType.Order ? 'buy_overbalance' : 'long_overbalance'), ": ").concat(Math.abs(matchedBucket.sentiment), "% </p>") : '');
+  }), "</p><br />\n").concat(showCandles ? "<p><b>".concat(labelCallback('candle'), ":</b></p>\n<p>").concat(labelCallback('open_price'), ": ").concat(candleData[1], " </p>\n<p>").concat(labelCallback('close_price'), ": ").concat(candleData[2], " </p>\n<p>").concat(labelCallback('low'), ": ").concat(candleData[3], " </p>\n<p>").concat(labelCallback('high'), ": ").concat(candleData[4], " </p>\n") : '', "\n").concat(matchedBucket ? "<br /><p><b>".concat(labelCallback(bookType === BookType.Order ? 'orders' : 'positions'), ":</b></p>\n<p>").concat(labelCallback('price_range'), ": ").concat(matchedBucket.price.toFixed(bucketDisplayPrecision), " - ").concat(Number(matchedBucket.price + bucketWidth).toFixed(bucketDisplayPrecision), " </p>\n<p>").concat(matchedBucket.sentiment < 0 ? labelCallback(bookType === BookType.Order ? 'sell_overbalance' : 'short_overbalance') : labelCallback(bookType === BookType.Order ? 'buy_overbalance' : 'long_overbalance'), ": ").concat(Math.abs(Number(matchedBucket.sentiment.toFixed(bucketDisplayPrecision))), "% </p>") : '').concat(showSentiment && sentimentParam ? "<br /><p><b>".concat(labelCallback('sentiment'), ":</b></p>\n<p>").concat(labelCallback('long'), ": ").concat(sentimentParam.value[2].toFixed(2), "% </p>\n<p>").concat(labelCallback('short'), ": ").concat(sentimentParam.value[1].toFixed(2), "% </p>") : '');
 };
 export const formatXAxisLabel = (value, isGreaterThanTwoWeeks) => {
   const date = new Date(value);

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

@@ -1 +1 @@
-{"version":3,"file":"chartUtils.js","names":["chroma","BookType","Granularity","TimeSpan","BOOKS_THRESHOLDS","CHART_CONFIG","COLOR_MAP","TIME_THRESHOLDS","getLabelData","_ref","xAxisData","isGreaterThanTwoWeeks","filter","record","index","arr","previousTimestamp","currentDate","Date","previousDate","getDate","getMonth","map","item","name","toLocaleDateString","undefined","month","day","xAxis","y","HEIGHT","silent","emphasis","disabled","label","fontFamily","fontSize","position","align","formatter","isDifferenceGreaterThanTwoWeeks","startDate","endDate","date1","date2","differenceInMs","Math","abs","getTime","TWO_WEEKS_MS","getTimeSpanForGranularity","granularity","granularityTimeSpanMap","M5","TwoDays","M15","FiveDays","H1","TwentyDays","H4","NinetyDays","getGradientColor","value","startColor","targetColor","startThreshold","MIN","endThreshold","MAX","colorScale","scale","domain","mode","hex","getRectColor","sentiment","isDark","colorPalette","dark","light","short","long","getTooltipFormatter","_ref2","_booksParam$value","params","buckets","bucketWidth","selectedPrice","precision","bookType","labelCallback","Array","isArray","length","candleParam","booksParam","time","axisValue","candleData","booksData","bucketsIndex","selectedBuckets","matchedBucket","find","_ref3","price","showCandles","concat","toLocaleString","hour","minute","year","timeZoneName","Order","toFixed","Number","formatXAxisLabel","date","toLocaleTimeString","X_AXIS_DATE_PADDING"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/utils/chartUtils.ts"],"sourcesContent":["import chroma from 'chroma-js';\n\nimport { BookType, Granularity, TimeSpan } from '../../../../gql/types/graphql';\nimport {\n  BOOKS_THRESHOLDS,\n  CHART_CONFIG,\n  COLOR_MAP,\n  TIME_THRESHOLDS,\n} from '../../../constants';\nimport type { Bucket, GetLabelsDataProps } from '../types';\n\nexport const getLabelData = ({\n  xAxisData,\n  isGreaterThanTwoWeeks,\n}: GetLabelsDataProps) =>\n  xAxisData\n    .filter((record, index, arr) => {\n      if (index === 0) {\n        return false;\n      }\n      const previousTimestamp = arr[index - 1];\n      const currentDate = new Date(record);\n      const previousDate = new Date(previousTimestamp);\n\n      return isGreaterThanTwoWeeks\n        ? currentDate.getDate() !== previousDate.getDate()\n        : currentDate.getMonth() !== previousDate.getMonth();\n    })\n    .map((item) => ({\n      name: new Date(item).toLocaleDateString(undefined, {\n        month: isGreaterThanTwoWeeks ? 'short' : 'long',\n        day: isGreaterThanTwoWeeks ? 'numeric' : undefined,\n      }),\n      xAxis: item,\n      y: CHART_CONFIG.HEIGHT - 22,\n      silent: true,\n      emphasis: {\n        disabled: true,\n      },\n      label: {\n        fontFamily: 'Sofia W03',\n        fontSize: 10,\n        position: 'bottom',\n        align: 'center',\n        formatter: '{b}',\n      },\n    }));\n\nexport const isDifferenceGreaterThanTwoWeeks = (\n  startDate: string,\n  endDate: string\n) => {\n  const date1 = new Date(startDate);\n  const date2 = new Date(endDate);\n\n  const differenceInMs = Math.abs(date2.getTime() - date1.getTime());\n\n  return differenceInMs < TIME_THRESHOLDS.TWO_WEEKS_MS;\n};\n\nexport const getTimeSpanForGranularity = (\n  granularity: Granularity\n): TimeSpan => {\n  const granularityTimeSpanMap: Record<Granularity, TimeSpan> = {\n    [Granularity.M5]: TimeSpan.TwoDays,\n    [Granularity.M15]: TimeSpan.FiveDays,\n    [Granularity.H1]: TimeSpan.TwentyDays,\n    [Granularity.H4]: TimeSpan.NinetyDays,\n  };\n\n  return granularityTimeSpanMap[granularity] || TimeSpan.TwoDays;\n};\n\nconst getGradientColor = (\n  value: number,\n  startColor: string,\n  targetColor: string\n): string => {\n  const startThreshold = BOOKS_THRESHOLDS.MIN;\n  const endThreshold = BOOKS_THRESHOLDS.MAX;\n\n  const colorScale = chroma\n    .scale([startColor, targetColor])\n    .domain([startThreshold, endThreshold])\n    .mode('rgb');\n\n  return colorScale(value).hex();\n};\n\nexport const getRectColor = (sentiment: number, isDark: boolean) => {\n  const colorPalette = isDark ? COLOR_MAP.dark : COLOR_MAP.light;\n\n  return sentiment < 0\n    ? getGradientColor(\n        sentiment * -1,\n        colorPalette.short[0],\n        colorPalette.short[1]\n      )\n    : getGradientColor(sentiment, colorPalette.long[0], colorPalette.long[1]);\n};\n\nexport const getTooltipFormatter = ({\n  params,\n  buckets,\n  bucketWidth,\n  selectedPrice,\n  precision,\n  bookType,\n  labelCallback,\n}: {\n  params: unknown;\n  buckets: Bucket[][];\n  bucketWidth: number;\n  selectedPrice: number;\n  precision: number;\n  bookType: BookType;\n  labelCallback: (key: string) => string;\n}) => {\n  const arr = params as unknown as Array<Record<string, unknown>>;\n  if (!arr || !Array.isArray(arr) || arr.length === 0) {\n    return undefined;\n  }\n  const candleParam = arr[0] as {\n    axisValue: string;\n    value: [number, number, number, number, number];\n  };\n  const booksParam = arr[1] as { value: [string, number, number] };\n  const time = new Date(candleParam.axisValue as string);\n\n  const candleData = candleParam.value;\n  const booksData = booksParam?.value ?? [];\n  const bucketsIndex = booksData[2];\n  const selectedBuckets = buckets[bucketsIndex];\n\n  const matchedBucket = selectedBuckets?.find(\n    ({ price }) => selectedPrice >= price && selectedPrice < price + bucketWidth\n  );\n  const showCandles =\n    !!candleData[1] && !!candleData[2] && !!candleData[3] && !!candleData[4];\n\n  if (!showCandles && !matchedBucket) {\n    return undefined;\n  }\n\n  return `<p>${time.toLocaleString(undefined, {\n    hour: '2-digit',\n    minute: '2-digit',\n    year: 'numeric',\n    day: 'numeric',\n    month: 'numeric',\n    timeZoneName: 'short',\n  })}</p><br />\n${\n  showCandles\n    ? `<p><b>${labelCallback('candle')}:</b></p>\n<p>${labelCallback('open_price')}: ${candleData[1]} </p>\n<p>${labelCallback('close_price')}: ${candleData[2]} </p>\n<p>${labelCallback('low')}: ${candleData[3]} </p>\n<p>${labelCallback('high')}: ${candleData[4]} </p>\n`\n    : ''\n}\n${\n  matchedBucket\n    ? `<br /><p><b>${labelCallback(bookType === BookType.Order ? 'orders' : 'positions')}:</b></p>\n<p>${labelCallback('price_range')}: ${matchedBucket.price.toFixed(precision - 1)} - ${Number(matchedBucket.price + bucketWidth).toFixed(precision - 1)} </p>\n<p>${\n        matchedBucket.sentiment < 0\n          ? labelCallback(\n              bookType === BookType.Order\n                ? 'sell_overbalance'\n                : 'short_overbalance'\n            )\n          : labelCallback(\n              bookType === BookType.Order\n                ? 'buy_overbalance'\n                : 'long_overbalance'\n            )\n      }: ${Math.abs(matchedBucket.sentiment)}% </p>`\n    : ''\n}`;\n};\n\nexport const formatXAxisLabel = (\n  value: unknown,\n  isGreaterThanTwoWeeks: boolean\n) => {\n  const date = new Date(value as string);\n  return isGreaterThanTwoWeeks\n    ? `${date.toLocaleTimeString(undefined, {\n        hour: '2-digit',\n        minute: '2-digit',\n      })}`\n    : `${CHART_CONFIG.X_AXIS_DATE_PADDING}${date.toLocaleDateString(undefined, {\n        day: 'numeric',\n      })}${CHART_CONFIG.X_AXIS_DATE_PADDING}`;\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"chartUtils.js","names":["chroma","BookType","Granularity","TimeSpan","CHART_CONFIG","COLOR_MAP","TIME_THRESHOLDS","getLabelData","_ref","dates","isGreaterThanTwoWeeks","filter","record","index","arr","previousTimestamp","currentDate","Date","previousDate","getDate","getMonth","map","item","name","toLocaleDateString","undefined","month","day","xAxis","y","MAIN_HEIGHT","X_LABEL_SIZE","silent","emphasis","disabled","label","fontFamily","fontSize","position","align","formatter","isDifferenceGreaterThanTwoWeeks","startDate","endDate","date1","date2","differenceInMs","Math","abs","getTime","TWO_WEEKS_MS","getTimeSpanForGranularity","granularity","granularityTimeSpanMap","M5","TwoDays","M15","FiveDays","H1","TwentyDays","H4","NinetyDays","getGradientColor","value","startColor","targetColor","minThreshold","maxThreshold","colorScale","scale","domain","mode","hex","getRectColor","sentiment","isDark","colorPalette","dark","light","short","long","getTooltipFormatter","_ref2","_bucketWidth$toString","params","buckets","bucketWidth","selectedPrice","bookType","labelCallback","bucketDisplayPrecision","toString","split","length","Array","isArray","candleParam","find","series","seriesId","booksParam","sentimentParam","time","axisValue","candleData","bucketsIndex","selectedBuckets","matchedBucket","_ref3","price","showCandles","showSentiment","concat","toLocaleString","hour","minute","year","timeZoneName","Order","toFixed","Number","formatXAxisLabel","date","toLocaleTimeString","X_AXIS_DATE_PADDING"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/utils/chartUtils.ts"],"sourcesContent":["import chroma from 'chroma-js';\n\nimport { BookType, Granularity, TimeSpan } from '../../../../gql/types/graphql';\nimport { CHART_CONFIG, COLOR_MAP, TIME_THRESHOLDS } from '../../../constants';\nimport type { Bucket, GetLabelsDataProps, TooltipParam } from '../types';\n\nexport const getLabelData = ({\n  dates,\n  isGreaterThanTwoWeeks,\n}: GetLabelsDataProps) =>\n  dates\n    .filter((record, index, arr) => {\n      if (index === 0) {\n        return false;\n      }\n      const previousTimestamp = arr[index - 1];\n      const currentDate = new Date(record);\n      const previousDate = new Date(previousTimestamp);\n\n      return isGreaterThanTwoWeeks\n        ? currentDate.getDate() !== previousDate.getDate()\n        : currentDate.getMonth() !== previousDate.getMonth();\n    })\n    .map((item) => ({\n      name: new Date(item).toLocaleDateString(undefined, {\n        month: isGreaterThanTwoWeeks ? 'short' : 'long',\n        day: isGreaterThanTwoWeeks ? 'numeric' : undefined,\n      }),\n      xAxis: item,\n      y: CHART_CONFIG.MAIN_HEIGHT + CHART_CONFIG.X_LABEL_SIZE - 22,\n      silent: true,\n      emphasis: {\n        disabled: true,\n      },\n      label: {\n        fontFamily: 'Sofia W03',\n        fontSize: 10,\n        position: 'bottom',\n        align: 'center',\n        formatter: '{b}',\n      },\n    }));\n\nexport const isDifferenceGreaterThanTwoWeeks = (\n  startDate: string,\n  endDate: string\n) => {\n  const date1 = new Date(startDate);\n  const date2 = new Date(endDate);\n\n  const differenceInMs = Math.abs(date2.getTime() - date1.getTime());\n\n  return differenceInMs < TIME_THRESHOLDS.TWO_WEEKS_MS;\n};\n\nexport const getTimeSpanForGranularity = (\n  granularity: Granularity\n): TimeSpan => {\n  const granularityTimeSpanMap: Record<Granularity, TimeSpan> = {\n    [Granularity.M5]: TimeSpan.TwoDays,\n    [Granularity.M15]: TimeSpan.FiveDays,\n    [Granularity.H1]: TimeSpan.TwentyDays,\n    [Granularity.H4]: TimeSpan.NinetyDays,\n  };\n\n  return granularityTimeSpanMap[granularity] || TimeSpan.TwoDays;\n};\n\nconst getGradientColor = (\n  value: number,\n  startColor: string,\n  targetColor: string,\n  minThreshold: number,\n  maxThreshold: number\n): string => {\n  const colorScale = chroma\n    .scale([startColor, targetColor])\n    .domain([minThreshold, maxThreshold])\n    .mode('rgb');\n\n  return colorScale(value).hex();\n};\n\nexport const getRectColor = (\n  sentiment: number,\n  isDark: boolean,\n  minThreshold: number,\n  maxThreshold: number\n) => {\n  const colorPalette = isDark ? COLOR_MAP.dark : COLOR_MAP.light;\n\n  return sentiment < 0\n    ? getGradientColor(\n        sentiment * -1,\n        colorPalette.short[0],\n        colorPalette.short[1],\n        minThreshold,\n        maxThreshold\n      )\n    : getGradientColor(\n        sentiment,\n        colorPalette.long[0],\n        colorPalette.long[1],\n        minThreshold,\n        maxThreshold\n      );\n};\n\nexport const getTooltipFormatter = ({\n  params,\n  buckets,\n  bucketWidth,\n  selectedPrice,\n  bookType,\n  labelCallback,\n}: {\n  params: TooltipParam[];\n  buckets: Bucket[][];\n  bucketWidth: number;\n  selectedPrice: number;\n  bookType: BookType;\n  labelCallback: (key: string) => string;\n}) => {\n  const bucketDisplayPrecision =\n    bucketWidth.toString().split('.')[1]?.length || 0;\n\n  if (!params || !Array.isArray(params) || params.length === 0) {\n    return undefined;\n  }\n  const candleParam = params.find(\n    (series): series is Extract<TooltipParam, { seriesId: 'candlestick' }> =>\n      series.seriesId === 'candlestick'\n  );\n  const booksParam = params.find(\n    (series): series is Extract<TooltipParam, { seriesId: 'heatmap' }> =>\n      series.seriesId === 'heatmap'\n  );\n  const sentimentParam = params.find(\n    (series): series is Extract<TooltipParam, { seriesId: 'sentiment' }> =>\n      series.seriesId === 'sentiment'\n  );\n\n  if (!candleParam) {\n    return undefined;\n  }\n  const time = new Date(candleParam.axisValue as string);\n\n  const candleData = candleParam.value;\n  const bucketsIndex = booksParam?.value[2];\n  const selectedBuckets =\n    bucketsIndex !== undefined ? buckets[bucketsIndex] : undefined;\n\n  const matchedBucket = selectedBuckets?.find(\n    ({ price }) => selectedPrice >= price && selectedPrice < price + bucketWidth\n  );\n  const showCandles =\n    !!candleData[1] && !!candleData[2] && !!candleData[3] && !!candleData[4];\n\n  if (!showCandles && !matchedBucket) {\n    return undefined;\n  }\n\n  const showSentiment =\n    !!sentimentParam?.value[1] && !!sentimentParam?.value[2];\n\n  return `<p>${time.toLocaleString(undefined, {\n    hour: '2-digit',\n    minute: '2-digit',\n    year: 'numeric',\n    day: 'numeric',\n    month: 'numeric',\n    timeZoneName: 'short',\n  })}</p><br />\n${\n  showCandles\n    ? `<p><b>${labelCallback('candle')}:</b></p>\n<p>${labelCallback('open_price')}: ${candleData[1]} </p>\n<p>${labelCallback('close_price')}: ${candleData[2]} </p>\n<p>${labelCallback('low')}: ${candleData[3]} </p>\n<p>${labelCallback('high')}: ${candleData[4]} </p>\n`\n    : ''\n}\n${\n  matchedBucket\n    ? `<br /><p><b>${labelCallback(bookType === BookType.Order ? 'orders' : 'positions')}:</b></p>\n<p>${labelCallback('price_range')}: ${matchedBucket.price.toFixed(\n        bucketDisplayPrecision\n      )} - ${Number(matchedBucket.price + bucketWidth).toFixed(\n        bucketDisplayPrecision\n      )} </p>\n<p>${\n        matchedBucket.sentiment < 0\n          ? labelCallback(\n              bookType === BookType.Order\n                ? 'sell_overbalance'\n                : 'short_overbalance'\n            )\n          : labelCallback(\n              bookType === BookType.Order\n                ? 'buy_overbalance'\n                : 'long_overbalance'\n            )\n      }: ${Math.abs(Number(matchedBucket.sentiment.toFixed(bucketDisplayPrecision)))}% </p>`\n    : ''\n}${\n    showSentiment && sentimentParam\n      ? `<br /><p><b>${labelCallback('sentiment')}:</b></p>\n<p>${labelCallback('long')}: ${sentimentParam.value[2].toFixed(2)}% </p>\n<p>${labelCallback('short')}: ${sentimentParam.value[1].toFixed(2)}% </p>`\n      : ''\n  }`;\n};\n\nexport const formatXAxisLabel = (\n  value: unknown,\n  isGreaterThanTwoWeeks: boolean\n) => {\n  const date = new Date(value as string);\n  return isGreaterThanTwoWeeks\n    ? `${date.toLocaleTimeString(undefined, {\n        hour: '2-digit',\n        minute: '2-digit',\n      })}`\n    : `${CHART_CONFIG.X_AXIS_DATE_PADDING}${date.toLocaleDateString(undefined, {\n        day: 'numeric',\n      })}${CHART_CONFIG.X_AXIS_DATE_PADDING}`;\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/module/CrowdViewWidget/components/Chart/utils/getChartStyles.js

@@ -0,0 +1,20 @@
+import { colorPalette } from '@oanda/labs-widget-common';
+export const getChartStyles = isDark => {
+  const sentimentLongColor = isDark ? colorPalette.darkBlue90 : colorPalette.lightBlue90;
+  const sentimentShortColor = isDark ? colorPalette.darkYellow90 : colorPalette.lightYellow90;
+  const candleLongColor = isDark ? colorPalette.bottleGreenDark : colorPalette.bottleGreenLight;
+  const candleShortColor = isDark ? colorPalette.orange : colorPalette.raspberryLight;
+  const sentimentAreaOpacity = isDark ? 0.5 : 0.2;
+  const tooltipLinesColor = isDark ? colorPalette.orange : colorPalette.bottleGreenLight;
+  const sentimentLabelColor = isDark ? colorPalette.white : colorPalette.black;
+  return {
+    sentimentLongColor,
+    sentimentShortColor,
+    candleLongColor,
+    candleShortColor,
+    sentimentAreaOpacity,
+    tooltipLinesColor,
+    sentimentLabelColor
+  };
+};
+//# sourceMappingURL=getChartStyles.js.map

package/dist/module/CrowdViewWidget/components/Chart/utils/getChartStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getChartStyles.js","names":["colorPalette","getChartStyles","isDark","sentimentLongColor","darkBlue90","lightBlue90","sentimentShortColor","darkYellow90","lightYellow90","candleLongColor","bottleGreenDark","bottleGreenLight","candleShortColor","orange","raspberryLight","sentimentAreaOpacity","tooltipLinesColor","sentimentLabelColor","white","black"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/utils/getChartStyles.ts"],"sourcesContent":["import { colorPalette } from '@oanda/labs-widget-common';\n\nexport interface ChartStyles {\n  sentimentLongColor: string;\n  sentimentShortColor: string;\n  candleLongColor: string;\n  candleShortColor: string;\n  sentimentAreaOpacity: number;\n  tooltipLinesColor: string;\n  sentimentLabelColor: string;\n}\n\nexport const getChartStyles = (isDark: boolean): ChartStyles => {\n  const sentimentLongColor = isDark\n    ? colorPalette.darkBlue90\n    : colorPalette.lightBlue90;\n  const sentimentShortColor = isDark\n    ? colorPalette.darkYellow90\n    : colorPalette.lightYellow90;\n\n  const candleLongColor = isDark\n    ? colorPalette.bottleGreenDark\n    : colorPalette.bottleGreenLight;\n  const candleShortColor = isDark\n    ? colorPalette.orange\n    : colorPalette.raspberryLight;\n  const sentimentAreaOpacity = isDark ? 0.5 : 0.2;\n  const tooltipLinesColor = isDark\n    ? colorPalette.orange\n    : colorPalette.bottleGreenLight;\n  const sentimentLabelColor = isDark ? colorPalette.white : colorPalette.black;\n\n  return {\n    sentimentLongColor,\n    sentimentShortColor,\n    candleLongColor,\n    candleShortColor,\n    sentimentAreaOpacity,\n    tooltipLinesColor,\n    sentimentLabelColor,\n  };\n};\n"],"mappings":"AAAA,SAASA,YAAY,QAAQ,2BAA2B;AAYxD,OAAO,MAAMC,cAAc,GAAIC,MAAe,IAAkB;EAC9D,MAAMC,kBAAkB,GAAGD,MAAM,GAC7BF,YAAY,CAACI,UAAU,GACvBJ,YAAY,CAACK,WAAW;EAC5B,MAAMC,mBAAmB,GAAGJ,MAAM,GAC9BF,YAAY,CAACO,YAAY,GACzBP,YAAY,CAACQ,aAAa;EAE9B,MAAMC,eAAe,GAAGP,MAAM,GAC1BF,YAAY,CAACU,eAAe,GAC5BV,YAAY,CAACW,gBAAgB;EACjC,MAAMC,gBAAgB,GAAGV,MAAM,GAC3BF,YAAY,CAACa,MAAM,GACnBb,YAAY,CAACc,cAAc;EAC/B,MAAMC,oBAAoB,GAAGb,MAAM,GAAG,GAAG,GAAG,GAAG;EAC/C,MAAMc,iBAAiB,GAAGd,MAAM,GAC5BF,YAAY,CAACa,MAAM,GACnBb,YAAY,CAACW,gBAAgB;EACjC,MAAMM,mBAAmB,GAAGf,MAAM,GAAGF,YAAY,CAACkB,KAAK,GAAGlB,YAAY,CAACmB,KAAK;EAE5E,OAAO;IACLhB,kBAAkB;IAClBG,mBAAmB;IACnBG,eAAe;IACfG,gBAAgB;IAChBG,oBAAoB;IACpBC,iBAAiB;IACjBC;EACF,CAAC;AACH,CAAC","ignoreList":[]}

package/dist/module/CrowdViewWidget/components/Chart/utils/getGridLines.js

@@ -0,0 +1,116 @@
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { getLineCommons } from '@oanda/labs-widget-common';
+import { CHART_CONFIG } from '../../../constants';
+export const getGridLines = _ref => {
+  let {
+    isDark,
+    isDesktop
+  } = _ref;
+  const {
+    WIDTH,
+    MAIN_HEIGHT,
+    MARGIN_BETWEEN,
+    SENTIMENT_HEIGHT,
+    X_LABEL_SIZE,
+    Y_LABEL_SIZE_DESKTOP,
+    Y_LABEL_SIZE_MOBILE
+  } = CHART_CONFIG;
+  return [_objectSpread(_objectSpread({}, getLineCommons(isDark)), {}, {
+    top: -2,
+    shape: {
+      x1: 0,
+      y1: 0,
+      x2: WIDTH,
+      y2: 0
+    }
+  }), _objectSpread(_objectSpread({}, getLineCommons(isDark)), {}, {
+    right: -2,
+    shape: {
+      x1: 0,
+      y1: 0,
+      x2: 0,
+      y2: MAIN_HEIGHT + X_LABEL_SIZE + 2
+    }
+  }), _objectSpread(_objectSpread({}, getLineCommons(isDark)), {}, {
+    top: MAIN_HEIGHT - 2,
+    shape: {
+      x1: 0,
+      y1: 0,
+      x2: WIDTH,
+      y2: 0
+    }
+  }), _objectSpread(_objectSpread({}, getLineCommons(isDark)), {}, {
+    left: -2,
+    shape: {
+      x1: 0,
+      y1: 0,
+      x2: 0,
+      y2: MAIN_HEIGHT + X_LABEL_SIZE + 2
+    }
+  }), _objectSpread(_objectSpread({}, getLineCommons(isDark)), {}, {
+    right: (isDesktop ? Y_LABEL_SIZE_DESKTOP : Y_LABEL_SIZE_MOBILE) - 2,
+    top: -2,
+    shape: {
+      x1: 0,
+      y1: 0,
+      x2: 0,
+      y2: MAIN_HEIGHT
+    }
+  }), _objectSpread(_objectSpread({}, getLineCommons(isDark)), {}, {
+    top: MAIN_HEIGHT + X_LABEL_SIZE,
+    shape: {
+      x1: 0,
+      y1: 0,
+      x2: WIDTH,
+      y2: 0
+    }
+  }), _objectSpread(_objectSpread({}, getLineCommons(isDark)), {}, {
+    top: MAIN_HEIGHT + X_LABEL_SIZE + MARGIN_BETWEEN - 2,
+    shape: {
+      x1: 0,
+      y1: 0,
+      x2: WIDTH,
+      y2: 0
+    }
+  }), _objectSpread(_objectSpread({}, getLineCommons(isDark)), {}, {
+    top: MAIN_HEIGHT + X_LABEL_SIZE + MARGIN_BETWEEN - 2,
+    right: -2,
+    shape: {
+      x1: 0,
+      y1: 0,
+      x2: 0,
+      y2: SENTIMENT_HEIGHT
+    }
+  }), _objectSpread(_objectSpread({}, getLineCommons(isDark)), {}, {
+    top: MAIN_HEIGHT + X_LABEL_SIZE + MARGIN_BETWEEN + SENTIMENT_HEIGHT - 3,
+    shape: {
+      x1: 0,
+      y1: 0,
+      x2: WIDTH,
+      y2: 0
+    }
+  }), _objectSpread(_objectSpread({}, getLineCommons(isDark)), {}, {
+    top: MAIN_HEIGHT + X_LABEL_SIZE + MARGIN_BETWEEN - 2,
+    left: -2,
+    shape: {
+      x1: 0,
+      y1: 0,
+      x2: 0,
+      y2: SENTIMENT_HEIGHT
+    }
+  }), _objectSpread(_objectSpread({}, getLineCommons(isDark)), {}, {
+    right: (isDesktop ? Y_LABEL_SIZE_DESKTOP : Y_LABEL_SIZE_MOBILE) - 3,
+    top: MAIN_HEIGHT + X_LABEL_SIZE + MARGIN_BETWEEN - 2,
+    shape: {
+      x1: 0,
+      y1: 0,
+      x2: 0,
+      y2: SENTIMENT_HEIGHT
+    }
+  })];
+};
+//# sourceMappingURL=getGridLines.js.map

package/dist/module/CrowdViewWidget/components/Chart/utils/getGridLines.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getGridLines.js","names":["getLineCommons","CHART_CONFIG","getGridLines","_ref","isDark","isDesktop","WIDTH","MAIN_HEIGHT","MARGIN_BETWEEN","SENTIMENT_HEIGHT","X_LABEL_SIZE","Y_LABEL_SIZE_DESKTOP","Y_LABEL_SIZE_MOBILE","_objectSpread","top","shape","x1","y1","x2","y2","right","left"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/utils/getGridLines.ts"],"sourcesContent":["import { getLineCommons } from '@oanda/labs-widget-common';\n\nimport { CHART_CONFIG } from '../../../constants';\n\nexport const getGridLines = ({\n  isDark,\n  isDesktop,\n}: {\n  isDark: boolean;\n  isDesktop: boolean;\n}) => {\n  const {\n    WIDTH,\n    MAIN_HEIGHT,\n    MARGIN_BETWEEN,\n    SENTIMENT_HEIGHT,\n    X_LABEL_SIZE,\n    Y_LABEL_SIZE_DESKTOP,\n    Y_LABEL_SIZE_MOBILE,\n  } = CHART_CONFIG;\n  return [\n    // Main Top\n    {\n      ...getLineCommons(isDark),\n      top: -2,\n      shape: {\n        x1: 0,\n        y1: 0,\n        x2: WIDTH,\n        y2: 0,\n      },\n    },\n    // Main Right\n    {\n      ...getLineCommons(isDark),\n      right: -2,\n      shape: {\n        x1: 0,\n        y1: 0,\n        x2: 0,\n        y2: MAIN_HEIGHT + X_LABEL_SIZE + 2,\n      },\n    },\n    // Main Bottom\n    {\n      ...getLineCommons(isDark),\n      top: MAIN_HEIGHT - 2,\n      shape: {\n        x1: 0,\n        y1: 0,\n        x2: WIDTH,\n        y2: 0,\n      },\n    },\n    // Main Left\n    {\n      ...getLineCommons(isDark),\n      left: -2,\n      shape: {\n        x1: 0,\n        y1: 0,\n        x2: 0,\n        y2: MAIN_HEIGHT + X_LABEL_SIZE + 2,\n      },\n    },\n    // Main Y Label\n    {\n      ...getLineCommons(isDark),\n      right: (isDesktop ? Y_LABEL_SIZE_DESKTOP : Y_LABEL_SIZE_MOBILE) - 2,\n      top: -2,\n      shape: {\n        x1: 0,\n        y1: 0,\n        x2: 0,\n        y2: MAIN_HEIGHT,\n      },\n    },\n    // Main X Label\n    {\n      ...getLineCommons(isDark),\n      top: MAIN_HEIGHT + X_LABEL_SIZE,\n      shape: {\n        x1: 0,\n        y1: 0,\n        x2: WIDTH,\n        y2: 0,\n      },\n    },\n    // Sentiment Top\n    {\n      ...getLineCommons(isDark),\n      top: MAIN_HEIGHT + X_LABEL_SIZE + MARGIN_BETWEEN - 2,\n      shape: {\n        x1: 0,\n        y1: 0,\n        x2: WIDTH,\n        y2: 0,\n      },\n    },\n    // Sentiment Right\n    {\n      ...getLineCommons(isDark),\n      top: MAIN_HEIGHT + X_LABEL_SIZE + MARGIN_BETWEEN - 2,\n      right: -2,\n      shape: {\n        x1: 0,\n        y1: 0,\n        x2: 0,\n        y2: SENTIMENT_HEIGHT,\n      },\n    },\n    // Sentiment Bottom\n    {\n      ...getLineCommons(isDark),\n      top: MAIN_HEIGHT + X_LABEL_SIZE + MARGIN_BETWEEN + SENTIMENT_HEIGHT - 3,\n      shape: {\n        x1: 0,\n        y1: 0,\n        x2: WIDTH,\n        y2: 0,\n      },\n    },\n    // Sentiment Left\n    {\n      ...getLineCommons(isDark),\n      top: MAIN_HEIGHT + X_LABEL_SIZE + MARGIN_BETWEEN - 2,\n      left: -2,\n      shape: {\n        x1: 0,\n        y1: 0,\n        x2: 0,\n        y2: SENTIMENT_HEIGHT,\n      },\n    },\n    // Sentiment Y Label\n    {\n      ...getLineCommons(isDark),\n      right: (isDesktop ? Y_LABEL_SIZE_DESKTOP : Y_LABEL_SIZE_MOBILE) - 3,\n      top: MAIN_HEIGHT + X_LABEL_SIZE + MARGIN_BETWEEN - 2,\n      shape: {\n        x1: 0,\n        y1: 0,\n        x2: 0,\n        y2: SENTIMENT_HEIGHT,\n      },\n    },\n  ];\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/module/CrowdViewWidget/components/Chart/utils/index.js

@@ -1,8 +1,7 @@
-export * from './aggregateBuckets';
 export * from './chartUtils';
-export * from './getTargetBucketWidth';
-export * from './processBuckets';
+export * from './getChartStyles';
 export * from './processOrderPositionBooks';
 export * from './processPriceCandles';
+export * from './processSentiments';
 export * from './validateData';
 //# sourceMappingURL=index.js.map

package/dist/module/CrowdViewWidget/components/Chart/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/utils/index.ts"],"sourcesContent":["export * from './aggregateBuckets';\nexport * from './chartUtils';\nexport * from './getTargetBucketWidth';\nexport * from './processBuckets';\nexport * from './processOrderPositionBooks';\nexport * from './processPriceCandles';\nexport * from './validateData';\n"],"mappings":"AAAA,cAAc,oBAAoB;AAClC,cAAc,cAAc;AAC5B,cAAc,wBAAwB;AACtC,cAAc,kBAAkB;AAChC,cAAc,6BAA6B;AAC3C,cAAc,uBAAuB;AACrC,cAAc,gBAAgB","ignoreList":[]}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/utils/index.ts"],"sourcesContent":["export * from './chartUtils';\nexport * from './getChartStyles';\nexport * from './processOrderPositionBooks';\nexport * from './processPriceCandles';\nexport * from './processSentiments';\nexport * from './validateData';\n"],"mappings":"AAAA,cAAc,cAAc;AAC5B,cAAc,kBAAkB;AAChC,cAAc,6BAA6B;AAC3C,cAAc,uBAAuB;AACrC,cAAc,qBAAqB;AACnC,cAAc,gBAAgB","ignoreList":[]}

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

@@ -1,16 +1,58 @@
-export const processOrderPositionBooks = (orderPositionData, candleMap) => {
-  var _orderPositionData$or;
-  if (!(orderPositionData !== null && orderPositionData !== void 0 && (_orderPositionData$or = orderPositionData.orderPositionBooks) !== null && _orderPositionData$or !== void 0 && _orderPositionData$or.length)) {
-    return [];
+export const processOrderPositionBooks = (orderPositionData, dates) => {
+  var _orderPositionData$or, _orderPositionData$or2, _orderPositionData$or3, _orderPositionData$or4;
+  if (!Array.isArray(dates) || dates.length === 0) {
+    return {
+      bookPrices: [],
+      bookIndexes: [],
+      buckets: [],
+      bucketWidth: 0,
+      sentimentThresholdMin: 0,
+      sentimentThresholdMax: 0,
+      hasValidBooks: false
+    };
   }
-  return orderPositionData.orderPositionBooks.filter(book => {
-    var _book$buckets;
-    return book !== null && ((_book$buckets = book.buckets) === null || _book$buckets === void 0 ? void 0 : _book$buckets.length) > 0;
-  }).map((book, index) => {
-    var _candle$high;
-    const candle = candleMap.get(book.time);
-    const price = (_candle$high = candle === null || candle === void 0 ? void 0 : candle.high) !== null && _candle$high !== void 0 ? _candle$high : null;
-    return [book.time, price, index];
+  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)) {
+    return {
+      bookPrices: [],
+      bookIndexes: [],
+      buckets: [],
+      bucketWidth: 0,
+      sentimentThresholdMin: 0,
+      sentimentThresholdMax: 0,
+      hasValidBooks: false
+    };
+  }
+  const {
+    bucketWidth,
+    sentimentThresholdMin,
+    sentimentThresholdMax
+  } = orderPositionData.orderPositionBooks;
+  const booksDataMap = new Map(orderPositionData.orderPositionBooks.books.map(item => [item.time, {
+    price: item.price,
+    buckets: item.buckets
+  }]));
+  const bookPrices = [];
+  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 => ({
+      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);
+    bookIndexes.push(index);
+    buckets.push(currentBuckets);
   });
+  return {
+    bookPrices,
+    bookIndexes,
+    buckets,
+    bucketWidth,
+    sentimentThresholdMin,
+    sentimentThresholdMax,
+    hasValidBooks: true
+  };
 };
 //# sourceMappingURL=processOrderPositionBooks.js.map