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

package/dist/main/CrowdViewWidget/components/Chart/chartUtils/formatXAxisLabel.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.formatXAxisLabel = void 0;
+var _constants = require("../../../constants");
+const formatXAxisLabel = (value, isGreaterThanTwoWeeks) => {
+  const date = new Date(value);
+  return isGreaterThanTwoWeeks ? "".concat(date.toLocaleTimeString(undefined, {
+    hour: '2-digit',
+    minute: '2-digit'
+  })) : "".concat(_constants.CHART_CONFIG.X_AXIS_DATE_PADDING).concat(date.toLocaleDateString(undefined, {
+    day: 'numeric'
+  })).concat(_constants.CHART_CONFIG.X_AXIS_DATE_PADDING);
+};
+exports.formatXAxisLabel = formatXAxisLabel;
+//# sourceMappingURL=formatXAxisLabel.js.map

package/dist/main/CrowdViewWidget/components/Chart/chartUtils/formatXAxisLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatXAxisLabel.js","names":["_constants","require","formatXAxisLabel","value","isGreaterThanTwoWeeks","date","Date","concat","toLocaleTimeString","undefined","hour","minute","CHART_CONFIG","X_AXIS_DATE_PADDING","toLocaleDateString","day","exports"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/chartUtils/formatXAxisLabel.ts"],"sourcesContent":["import { CHART_CONFIG } from '../../../constants';\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":";;;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAEO,MAAMC,gBAAgB,GAAGA,CAC9BC,KAAc,EACdC,qBAA8B,KAC3B;EACH,MAAMC,IAAI,GAAG,IAAIC,IAAI,CAACH,KAAe,CAAC;EACtC,OAAOC,qBAAqB,MAAAG,MAAA,CACrBF,IAAI,CAACG,kBAAkB,CAACC,SAAS,EAAE;IACpCC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC,CAAC,OAAAJ,MAAA,CACCK,uBAAY,CAACC,mBAAmB,EAAAN,MAAA,CAAGF,IAAI,CAACS,kBAAkB,CAACL,SAAS,EAAE;IACvEM,GAAG,EAAE;EACP,CAAC,CAAC,EAAAR,MAAA,CAAGK,uBAAY,CAACC,mBAAmB,CAAE;AAC7C,CAAC;AAACG,OAAA,CAAAd,gBAAA,GAAAA,gBAAA","ignoreList":[]}

package/dist/main/CrowdViewWidget/components/Chart/{utils → chartUtils}/getChartStyles.js

@@ -8,19 +8,19 @@ var _labsWidgetCommon = require("@oanda/labs-widget-common");
 const getChartStyles = isDark => {
   const sentimentLongColor = isDark ? _labsWidgetCommon.colorPalette.darkBlue90 : _labsWidgetCommon.colorPalette.lightBlue90;
   const sentimentShortColor = isDark ? _labsWidgetCommon.colorPalette.darkYellow90 : _labsWidgetCommon.colorPalette.lightYellow90;
+  const sentimentOutlineColor = isDark ? _labsWidgetCommon.colorPalette.black : _labsWidgetCommon.colorPalette.white;
+  const sentimentOutlineWidth = isDark ? 3 : 2;
   const candleLongColor = isDark ? _labsWidgetCommon.colorPalette.bottleGreenDark : _labsWidgetCommon.colorPalette.bottleGreenLight;
   const candleShortColor = isDark ? _labsWidgetCommon.colorPalette.orange : _labsWidgetCommon.colorPalette.raspberryLight;
-  const sentimentAreaOpacity = isDark ? 0.5 : 0.2;
   const tooltipLinesColor = isDark ? _labsWidgetCommon.colorPalette.orange : _labsWidgetCommon.colorPalette.bottleGreenLight;
-  const sentimentLabelColor = isDark ? _labsWidgetCommon.colorPalette.white : _labsWidgetCommon.colorPalette.black;
   return {
     sentimentLongColor,
     sentimentShortColor,
+    sentimentOutlineColor,
     candleLongColor,
     candleShortColor,
-    sentimentAreaOpacity,
     tooltipLinesColor,
-    sentimentLabelColor
+    sentimentOutlineWidth
   };
 };
 exports.getChartStyles = getChartStyles;

package/dist/main/CrowdViewWidget/components/Chart/chartUtils/getChartStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getChartStyles.js","names":["_labsWidgetCommon","require","getChartStyles","isDark","sentimentLongColor","colorPalette","darkBlue90","lightBlue90","sentimentShortColor","darkYellow90","lightYellow90","sentimentOutlineColor","black","white","sentimentOutlineWidth","candleLongColor","bottleGreenDark","bottleGreenLight","candleShortColor","orange","raspberryLight","tooltipLinesColor","exports"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/chartUtils/getChartStyles.ts"],"sourcesContent":["import { colorPalette } from '@oanda/labs-widget-common';\n\nexport interface ChartStyles {\n  sentimentLongColor: string;\n  sentimentShortColor: string;\n  sentimentOutlineColor: string;\n  candleLongColor: string;\n  candleShortColor: string;\n  tooltipLinesColor: string;\n  sentimentOutlineWidth: number;\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 sentimentOutlineColor = isDark\n    ? colorPalette.black\n    : colorPalette.white;\n  const sentimentOutlineWidth = isDark ? 3 : 2;\n\n  const candleLongColor = isDark\n    ? colorPalette.bottleGreenDark\n    : colorPalette.bottleGreenLight;\n  const candleShortColor = isDark\n    ? colorPalette.orange\n    : colorPalette.raspberryLight;\n  const tooltipLinesColor = isDark\n    ? colorPalette.orange\n    : colorPalette.bottleGreenLight;\n\n  return {\n    sentimentLongColor,\n    sentimentShortColor,\n    sentimentOutlineColor,\n    candleLongColor,\n    candleShortColor,\n    tooltipLinesColor,\n    sentimentOutlineWidth,\n  };\n};\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AAYO,MAAMC,cAAc,GAAIC,MAAe,IAAkB;EAC9D,MAAMC,kBAAkB,GAAGD,MAAM,GAC7BE,8BAAY,CAACC,UAAU,GACvBD,8BAAY,CAACE,WAAW;EAC5B,MAAMC,mBAAmB,GAAGL,MAAM,GAC9BE,8BAAY,CAACI,YAAY,GACzBJ,8BAAY,CAACK,aAAa;EAE9B,MAAMC,qBAAqB,GAAGR,MAAM,GAChCE,8BAAY,CAACO,KAAK,GAClBP,8BAAY,CAACQ,KAAK;EACtB,MAAMC,qBAAqB,GAAGX,MAAM,GAAG,CAAC,GAAG,CAAC;EAE5C,MAAMY,eAAe,GAAGZ,MAAM,GAC1BE,8BAAY,CAACW,eAAe,GAC5BX,8BAAY,CAACY,gBAAgB;EACjC,MAAMC,gBAAgB,GAAGf,MAAM,GAC3BE,8BAAY,CAACc,MAAM,GACnBd,8BAAY,CAACe,cAAc;EAC/B,MAAMC,iBAAiB,GAAGlB,MAAM,GAC5BE,8BAAY,CAACc,MAAM,GACnBd,8BAAY,CAACY,gBAAgB;EAEjC,OAAO;IACLb,kBAAkB;IAClBI,mBAAmB;IACnBG,qBAAqB;IACrBI,eAAe;IACfG,gBAAgB;IAChBG,iBAAiB;IACjBP;EACF,CAAC;AACH,CAAC;AAACQ,OAAA,CAAApB,cAAA,GAAAA,cAAA","ignoreList":[]}

package/dist/main/CrowdViewWidget/components/Chart/chartUtils/getGradientColor.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getGradientColor = void 0;
+var _chromaJs = _interopRequireDefault(require("chroma-js"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const getGradientColor = (value, startColor, targetColor, minThreshold, maxThreshold) => {
+  const colorScale = _chromaJs.default.scale([startColor, targetColor]).domain([minThreshold, maxThreshold]).mode('rgb');
+  return colorScale(value).hex();
+};
+exports.getGradientColor = getGradientColor;
+//# sourceMappingURL=getGradientColor.js.map

package/dist/main/CrowdViewWidget/components/Chart/chartUtils/getGradientColor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getGradientColor.js","names":["_chromaJs","_interopRequireDefault","require","e","__esModule","default","getGradientColor","value","startColor","targetColor","minThreshold","maxThreshold","colorScale","chroma","scale","domain","mode","hex","exports"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/chartUtils/getGradientColor.ts"],"sourcesContent":["import chroma from 'chroma-js';\n\nexport const 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"],"mappings":";;;;;;AAAA,IAAAA,SAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA+B,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAExB,MAAMG,gBAAgB,GAAGA,CAC9BC,KAAa,EACbC,UAAkB,EAClBC,WAAmB,EACnBC,YAAoB,EACpBC,YAAoB,KACT;EACX,MAAMC,UAAU,GAAGC,iBAAM,CACtBC,KAAK,CAAC,CAACN,UAAU,EAAEC,WAAW,CAAC,CAAC,CAChCM,MAAM,CAAC,CAACL,YAAY,EAAEC,YAAY,CAAC,CAAC,CACpCK,IAAI,CAAC,KAAK,CAAC;EAEd,OAAOJ,UAAU,CAACL,KAAK,CAAC,CAACU,GAAG,CAAC,CAAC;AAChC,CAAC;AAACC,OAAA,CAAAZ,gBAAA,GAAAA,gBAAA","ignoreList":[]}

package/dist/main/CrowdViewWidget/components/Chart/chartUtils/getLabelData.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getLabelData = void 0;
+const getLabelData = _ref => {
+  let {
+    dates,
+    isGreaterThanTwoWeeks
+  } = _ref;
+  return dates.filter((record, index, arr) => {
+    if (index === 0) {
+      return false;
+    }
+    const previousTimestamp = arr[index - 1];
+    const currentDate = new Date(record);
+    const previousDate = new Date(previousTimestamp);
+    return isGreaterThanTwoWeeks ? currentDate.getDate() !== previousDate.getDate() : currentDate.getMonth() !== previousDate.getMonth();
+  });
+};
+exports.getLabelData = getLabelData;
+//# sourceMappingURL=getLabelData.js.map

package/dist/main/CrowdViewWidget/components/Chart/chartUtils/getLabelData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getLabelData.js","names":["getLabelData","_ref","dates","isGreaterThanTwoWeeks","filter","record","index","arr","previousTimestamp","currentDate","Date","previousDate","getDate","getMonth","exports"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/chartUtils/getLabelData.ts"],"sourcesContent":["import type { GetLabelsDataProps } from '../types';\n\nexport const getLabelData = ({\n  dates,\n  isGreaterThanTwoWeeks,\n}: GetLabelsDataProps) =>\n  dates.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"],"mappings":";;;;;;AAEO,MAAMA,YAAY,GAAGC,IAAA;EAAA,IAAC;IAC3BC,KAAK;IACLC;EACkB,CAAC,GAAAF,IAAA;EAAA,OACnBC,KAAK,CAACE,MAAM,CAAC,CAACC,MAAM,EAAEC,KAAK,EAAEC,GAAG,KAAK;IACnC,IAAID,KAAK,KAAK,CAAC,EAAE;MACf,OAAO,KAAK;IACd;IACA,MAAME,iBAAiB,GAAGD,GAAG,CAACD,KAAK,GAAG,CAAC,CAAC;IACxC,MAAMG,WAAW,GAAG,IAAIC,IAAI,CAACL,MAAM,CAAC;IACpC,MAAMM,YAAY,GAAG,IAAID,IAAI,CAACF,iBAAiB,CAAC;IAEhD,OAAOL,qBAAqB,GACxBM,WAAW,CAACG,OAAO,CAAC,CAAC,KAAKD,YAAY,CAACC,OAAO,CAAC,CAAC,GAChDH,WAAW,CAACI,QAAQ,CAAC,CAAC,KAAKF,YAAY,CAACE,QAAQ,CAAC,CAAC;EACxD,CAAC,CAAC;AAAA;AAACC,OAAA,CAAAd,YAAA,GAAAA,YAAA","ignoreList":[]}

package/dist/main/CrowdViewWidget/components/Chart/chartUtils/getRectColor.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getRectColor = void 0;
+var _constants = require("../../../constants");
+var _getGradientColor = require("./getGradientColor");
+const getRectColor = (sentiment, isDark, minThreshold, maxThreshold) => {
+  const colorPalette = isDark ? _constants.COLOR_MAP.dark : _constants.COLOR_MAP.light;
+  return sentiment < 0 ? (0, _getGradientColor.getGradientColor)(sentiment * -1, colorPalette.short[0], colorPalette.short[1], minThreshold, maxThreshold) : (0, _getGradientColor.getGradientColor)(sentiment, colorPalette.long[0], colorPalette.long[1], minThreshold, maxThreshold);
+};
+exports.getRectColor = getRectColor;
+//# sourceMappingURL=getRectColor.js.map

package/dist/main/CrowdViewWidget/components/Chart/chartUtils/getRectColor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getRectColor.js","names":["_constants","require","_getGradientColor","getRectColor","sentiment","isDark","minThreshold","maxThreshold","colorPalette","COLOR_MAP","dark","light","getGradientColor","short","long","exports"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/chartUtils/getRectColor.ts"],"sourcesContent":["import { COLOR_MAP } from '../../../constants';\nimport { getGradientColor } from './getGradientColor';\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"],"mappings":";;;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AAEO,MAAME,YAAY,GAAGA,CAC1BC,SAAiB,EACjBC,MAAe,EACfC,YAAoB,EACpBC,YAAoB,KACjB;EACH,MAAMC,YAAY,GAAGH,MAAM,GAAGI,oBAAS,CAACC,IAAI,GAAGD,oBAAS,CAACE,KAAK;EAE9D,OAAOP,SAAS,GAAG,CAAC,GAChB,IAAAQ,kCAAgB,EACdR,SAAS,GAAG,CAAC,CAAC,EACdI,YAAY,CAACK,KAAK,CAAC,CAAC,CAAC,EACrBL,YAAY,CAACK,KAAK,CAAC,CAAC,CAAC,EACrBP,YAAY,EACZC,YACF,CAAC,GACD,IAAAK,kCAAgB,EACdR,SAAS,EACTI,YAAY,CAACM,IAAI,CAAC,CAAC,CAAC,EACpBN,YAAY,CAACM,IAAI,CAAC,CAAC,CAAC,EACpBR,YAAY,EACZC,YACF,CAAC;AACP,CAAC;AAACQ,OAAA,CAAAZ,YAAA,GAAAA,YAAA","ignoreList":[]}

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

@@ -0,0 +1,120 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getTooltipFormatter = void 0;
+var _graphql = require("../../../../gql/types/graphql");
+const DATE_FORMAT_OPTIONS = {
+  hour: '2-digit',
+  minute: '2-digit',
+  year: 'numeric',
+  day: 'numeric',
+  month: 'numeric',
+  timeZoneName: 'short'
+};
+const SENTIMENT_DISPLAY_PRECISION = 2;
+const calculateBucketDisplayPrecision = bucketWidth => {
+  var _bucketWidth$toString;
+  return ((_bucketWidth$toString = bucketWidth.toString().split('.')[1]) === null || _bucketWidth$toString === void 0 ? void 0 : _bucketWidth$toString.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
+  };
+};
+const getSentimentOverbalanceLabel = (sentiment, bookType) => {
+  if (sentiment < 0) {
+    return bookType === _graphql.BookType.Order ? 'sell_overbalance' : 'short_overbalance';
+  }
+  return bookType === _graphql.BookType.Order ? 'buy_overbalance' : 'long_overbalance';
+};
+const formatCandleData = (candleData, labelCallback) => {
+  const [, open, close, low, high] = candleData;
+  return "<p><b>".concat(labelCallback('candle'), ":</b></p>\n<p>").concat(labelCallback('open_price'), ": ").concat(open, " </p>\n<p>").concat(labelCallback('close_price'), ": ").concat(close, " </p>\n<p>").concat(labelCallback('low'), ": ").concat(low, " </p>\n<p>").concat(labelCallback('high'), ": ").concat(high, " </p>\n");
+};
+const formatBookData = _ref => {
+  let {
+    matchedBucket,
+    bucketWidth,
+    bucketDisplayPrecision,
+    bookType,
+    labelCallback
+  } = _ref;
+  const bookLabelKey = bookType === _graphql.BookType.Order ? 'orders' : 'positions';
+  const priceRangeStart = matchedBucket.price.toFixed(bucketDisplayPrecision);
+  const priceRangeEnd = (matchedBucket.price + bucketWidth).toFixed(bucketDisplayPrecision);
+  const sentimentLabel = getSentimentOverbalanceLabel(matchedBucket.sentiment, bookType);
+  const sentimentValue = Math.abs(matchedBucket.sentiment).toFixed(bucketDisplayPrecision);
+  return "<br /><p><b>".concat(labelCallback(bookLabelKey), ":</b></p>\n<p>").concat(labelCallback('price_range'), ": ").concat(priceRangeStart, " - ").concat(priceRangeEnd, " </p>\n<p>").concat(labelCallback(sentimentLabel), ": ").concat(sentimentValue, "% </p>");
+};
+const formatSentimentData = (sentimentLong, sentimentShort, labelCallback) => {
+  return "<br /><p><b>".concat(labelCallback('sentiment'), ":</b></p>\n<p>").concat(labelCallback('long'), ": ").concat(sentimentLong.toFixed(SENTIMENT_DISPLAY_PRECISION), "% </p>\n<p>").concat(labelCallback('short'), ": ").concat(sentimentShort.toFixed(SENTIMENT_DISPLAY_PRECISION), "% </p>");
+};
+const hasValidCandleData = candleData => !!candleData[1] && !!candleData[2] && !!candleData[3] && !!candleData[4];
+const hasValidSentimentData = (sentimentLong, sentimentShort) => sentimentLong !== null && sentimentShort !== null;
+const findMatchingBucket = (buckets, bucketsIndex, selectedPrice, bucketWidth) => {
+  if (bucketsIndex === undefined) {
+    return undefined;
+  }
+  const selectedBuckets = buckets[bucketsIndex];
+  return selectedBuckets === null || selectedBuckets === void 0 ? void 0 : selectedBuckets.find(_ref2 => {
+    let {
+      price
+    } = _ref2;
+    return selectedPrice >= price && selectedPrice < price + bucketWidth;
+  });
+};
+const getTooltipFormatter = _ref3 => {
+  let {
+    params,
+    buckets,
+    bucketWidth,
+    selectedPrice,
+    bookType,
+    labelCallback,
+    sentimentLongs,
+    sentimentShorts
+  } = _ref3;
+  if (!params || !Array.isArray(params) || params.length === 0) {
+    return '';
+  }
+  const candleParam = findSeriesParam(params, 'candlestick');
+  const booksParam = findSeriesParam(params, 'heatmap');
+  const {
+    sentimentLong,
+    sentimentShort
+  } = findSentimentSeriesParam(params, sentimentLongs, sentimentShorts);
+  if (!candleParam) {
+    return '';
+  }
+  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 matchedBucket = findMatchingBucket(buckets, bucketsIndex, selectedPrice, bucketWidth);
+  const showCandles = hasValidCandleData(candleData);
+  const showSentiment = hasValidSentimentData(sentimentLong, sentimentShort);
+  if (!showCandles && !matchedBucket) {
+    return '';
+  }
+  const timeFormatted = time.toLocaleString(undefined, DATE_FORMAT_OPTIONS);
+  const candleSection = showCandles ? formatCandleData(candleData, labelCallback) : '';
+  const bookSection = matchedBucket ? formatBookData({
+    matchedBucket,
+    bucketWidth,
+    bucketDisplayPrecision,
+    bookType,
+    labelCallback
+  }) : '';
+  const sentimentSection = showSentiment && sentimentLong && sentimentShort ? formatSentimentData(sentimentLong, sentimentShort, labelCallback) : '';
+  return "<p>".concat(timeFormatted, "</p><br />\n").concat(candleSection, "\n").concat(bookSection, "\n").concat(sentimentSection);
+};
+exports.getTooltipFormatter = getTooltipFormatter;
+//# sourceMappingURL=getTooltipFormatter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getTooltipFormatter.js","names":["_graphql","require","DATE_FORMAT_OPTIONS","hour","minute","year","day","month","timeZoneName","SENTIMENT_DISPLAY_PRECISION","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","BookType","Order","formatCandleData","candleData","labelCallback","open","close","low","high","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","Array","isArray","candleParam","booksParam","time","Date","axisValue","value","showCandles","showSentiment","timeFormatted","toLocaleString","candleSection","bookSection","sentimentSection","exports"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/chartUtils/getTooltipFormatter.ts"],"sourcesContent":["import { BookType } from '../../../../gql/types/graphql';\nimport type { Bucket, TooltipParam } from '../types';\n\nconst DATE_FORMAT_OPTIONS: Intl.DateTimeFormatOptions = {\n  hour: '2-digit',\n  minute: '2-digit',\n  year: 'numeric',\n  day: 'numeric',\n  month: 'numeric',\n  timeZoneName: 'short',\n};\n\nconst SENTIMENT_DISPLAY_PRECISION = 2;\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): string => {\n  const [, open, close, low, high] = candleData;\n  return `<p><b>${labelCallback('candle')}:</b></p>\n<p>${labelCallback('open_price')}: ${open} </p>\n<p>${labelCallback('close_price')}: ${close} </p>\n<p>${labelCallback('low')}: ${low} </p>\n<p>${labelCallback('high')}: ${high} </p>\n`;\n};\n\nconst formatBookData = ({\n  matchedBucket,\n  bucketWidth,\n  bucketDisplayPrecision,\n  bookType,\n  labelCallback,\n}: {\n  matchedBucket: Bucket;\n  bucketWidth: number;\n  bucketDisplayPrecision: number;\n  bookType: BookType;\n  labelCallback: (key: string) => string;\n}): string => {\n  const bookLabelKey = bookType === BookType.Order ? 'orders' : 'positions';\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).toFixed(\n    bucketDisplayPrecision\n  );\n\n  return `<br /><p><b>${labelCallback(bookLabelKey)}:</b></p>\n<p>${labelCallback('price_range')}: ${priceRangeStart} - ${priceRangeEnd} </p>\n<p>${labelCallback(sentimentLabel)}: ${sentimentValue}% </p>`;\n};\n\nconst formatSentimentData = (\n  sentimentLong: number,\n  sentimentShort: number,\n  labelCallback: (key: string) => string\n): string => {\n  return `<br /><p><b>${labelCallback('sentiment')}:</b></p>\n<p>${labelCallback('long')}: ${sentimentLong.toFixed(SENTIMENT_DISPLAY_PRECISION)}% </p>\n<p>${labelCallback('short')}: ${sentimentShort.toFixed(SENTIMENT_DISPLAY_PRECISION)}% </p>`;\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}: {\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}) => {\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 = time.toLocaleString(undefined, DATE_FORMAT_OPTIONS);\n  const candleSection = showCandles\n    ? formatCandleData(candleData, labelCallback)\n    : '';\n\n  const bookSection = matchedBucket\n    ? formatBookData({\n        matchedBucket,\n        bucketWidth,\n        bucketDisplayPrecision,\n        bookType,\n        labelCallback,\n      })\n    : '';\n\n  const sentimentSection =\n    showSentiment && sentimentLong && sentimentShort\n      ? formatSentimentData(sentimentLong, sentimentShort, labelCallback)\n      : '';\n\n  return `<p>${timeFormatted}</p><br />\n${candleSection}\n${bookSection}\n${sentimentSection}`;\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,59 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.handleLabelUpdate = void 0;
+var _formatXAxisAdditionalLabel = require("./formatXAxisAdditionalLabel");
+var _formatXAxisLabel = require("./formatXAxisLabel");
+var _getLabelData = require("./getLabelData");
+var _isDifferenceGreaterThanTwoWeeks = require("./isDifferenceGreaterThanTwoWeeks");
+const handleLabelUpdate = (instance, mainData, labelTimerRef, isGreaterThanTwoWeeksRef) => {
+  if (labelTimerRef.current) {
+    clearTimeout(labelTimerRef.current);
+  }
+  labelTimerRef.current = setTimeout(() => {
+    var _isGreaterThanTwoWeek;
+    const {
+      dates
+    } = mainData;
+    const {
+      dataZoom
+    } = instance.getOption();
+    if (!Array.isArray(dataZoom) || dataZoom.length === 0 || !dataZoom[0] || typeof dataZoom[0].startValue !== 'number' || typeof dataZoom[0].endValue !== 'number') {
+      return;
+    }
+    const {
+      startValue,
+      endValue
+    } = dataZoom[0];
+    if (!dates[startValue] || !dates[endValue]) {
+      return;
+    }
+    const isGreaterThanTwoWeeks = (0, _isDifferenceGreaterThanTwoWeeks.isDifferenceGreaterThanTwoWeeks)(dates[startValue], dates[endValue]);
+    const wasGreaterThanTwoWeeks = (_isGreaterThanTwoWeek = isGreaterThanTwoWeeksRef.current) !== null && _isGreaterThanTwoWeek !== void 0 ? _isGreaterThanTwoWeek : false;
+    if (isGreaterThanTwoWeeks !== wasGreaterThanTwoWeeks) {
+      const labelsData = (0, _getLabelData.getLabelData)({
+        dates,
+        isGreaterThanTwoWeeks
+      });
+      instance.setOption({
+        xAxis: [{
+          id: 'main-xAxis',
+          axisLabel: {
+            formatter: value => (0, _formatXAxisLabel.formatXAxisLabel)(value, isGreaterThanTwoWeeks)
+          }
+        }, {
+          id: 'additional-xAxis',
+          axisLabel: {
+            customValues: labelsData,
+            formatter: value => (0, _formatXAxisAdditionalLabel.formatXAxisAdditionalLabel)(value, isGreaterThanTwoWeeks)
+          }
+        }]
+      });
+      isGreaterThanTwoWeeksRef.current = isGreaterThanTwoWeeks;
+    }
+  }, 50);
+};
+exports.handleLabelUpdate = handleLabelUpdate;
+//# sourceMappingURL=handleLabelUpdate.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"handleLabelUpdate.js","names":["_formatXAxisAdditionalLabel","require","_formatXAxisLabel","_getLabelData","_isDifferenceGreaterThanTwoWeeks","handleLabelUpdate","instance","mainData","labelTimerRef","isGreaterThanTwoWeeksRef","current","clearTimeout","setTimeout","_isGreaterThanTwoWeek","dates","dataZoom","getOption","Array","isArray","length","startValue","endValue","isGreaterThanTwoWeeks","isDifferenceGreaterThanTwoWeeks","wasGreaterThanTwoWeeks","labelsData","getLabelData","setOption","xAxis","id","axisLabel","formatter","value","formatXAxisLabel","customValues","formatXAxisAdditionalLabel","exports"],"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): 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),\n            },\n          },\n          {\n            id: 'additional-xAxis',\n            axisLabel: {\n              customValues: labelsData,\n              formatter: (value: unknown) =>\n                formatXAxisAdditionalLabel(value, isGreaterThanTwoWeeks),\n            },\n          },\n        ],\n      });\n\n      isGreaterThanTwoWeeksRef.current = isGreaterThanTwoWeeks;\n    }\n  }, 50);\n};\n"],"mappings":";;;;;;AAIA,IAAAA,2BAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,gCAAA,GAAAH,OAAA;AAEO,MAAMI,iBAAiB,GAAGA,CAC/BC,QAAqB,EACrBC,QAAgC,EAChCC,aAAsD,EACtDC,wBAA0D,KACjD;EACT,IAAID,aAAa,CAACE,OAAO,EAAE;IACzBC,YAAY,CAACH,aAAa,CAACE,OAAO,CAAC;EACrC;EACAF,aAAa,CAACE,OAAO,GAAGE,UAAU,CAAC,MAAM;IAAA,IAAAC,qBAAA;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,GAAG,IAAAC,gEAA+B,EAC3DT,KAAK,CAACM,UAAU,CAAC,EACjBN,KAAK,CAACO,QAAQ,CAChB,CAAC;IAED,MAAMG,sBAAsB,IAAAX,qBAAA,GAAGJ,wBAAwB,CAACC,OAAO,cAAAG,qBAAA,cAAAA,qBAAA,GAAI,KAAK;IAExE,IAAIS,qBAAqB,KAAKE,sBAAsB,EAAE;MACpD,MAAMC,UAAU,GAAG,IAAAC,0BAAY,EAAC;QAC9BZ,KAAK;QACLQ;MACF,CAAC,CAAC;MAEFhB,QAAQ,CAACqB,SAAS,CAAC;QACjBC,KAAK,EAAE,CACL;UACEC,EAAE,EAAE,YAAY;UAChBC,SAAS,EAAE;YACTC,SAAS,EAAGC,KAAa,IACvB,IAAAC,kCAAgB,EAACD,KAAK,EAAEV,qBAAqB;UACjD;QACF,CAAC,EACD;UACEO,EAAE,EAAE,kBAAkB;UACtBC,SAAS,EAAE;YACTI,YAAY,EAAET,UAAU;YACxBM,SAAS,EAAGC,KAAc,IACxB,IAAAG,sDAA0B,EAACH,KAAK,EAAEV,qBAAqB;UAC3D;QACF,CAAC;MAEL,CAAC,CAAC;MAEFb,wBAAwB,CAACC,OAAO,GAAGY,qBAAqB;IAC1D;EACF,CAAC,EAAE,EAAE,CAAC;AACR,CAAC;AAACc,OAAA,CAAA/B,iBAAA,GAAAA,iBAAA","ignoreList":[]}

package/dist/main/CrowdViewWidget/components/Chart/chartUtils/handleTooltipUpdate.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.handleTooltipUpdate = void 0;
+const handleTooltipUpdate = (instance, zoomTimerRef, tooltipVisibleRef, canHover) => {
+  if (!canHover) {
+    return;
+  }
+  if (tooltipVisibleRef.current) {
+    instance.setOption({
+      tooltip: {
+        show: false
+      }
+    });
+    tooltipVisibleRef.current = false;
+  }
+  if (zoomTimerRef.current) {
+    clearTimeout(zoomTimerRef.current);
+  }
+  zoomTimerRef.current = setTimeout(() => {
+    if (!tooltipVisibleRef.current) {
+      instance.setOption({
+        tooltip: {
+          show: true
+        }
+      });
+      tooltipVisibleRef.current = true;
+    }
+  }, 100);
+};
+exports.handleTooltipUpdate = handleTooltipUpdate;
+//# sourceMappingURL=handleTooltipUpdate.js.map

package/dist/main/CrowdViewWidget/components/Chart/chartUtils/handleTooltipUpdate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"handleTooltipUpdate.js","names":["handleTooltipUpdate","instance","zoomTimerRef","tooltipVisibleRef","canHover","current","setOption","tooltip","show","clearTimeout","setTimeout","exports"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/chartUtils/handleTooltipUpdate.ts"],"sourcesContent":["import type { EChartsType } from 'echarts';\nimport type { MutableRefObject } from 'react';\n\nexport const handleTooltipUpdate = (\n  instance: EChartsType,\n  zoomTimerRef: MutableRefObject<NodeJS.Timeout | null>,\n  tooltipVisibleRef: MutableRefObject<boolean>,\n  canHover: boolean\n): void => {\n  if (!canHover) {\n    return;\n  }\n\n  if (tooltipVisibleRef.current) {\n    instance.setOption({\n      tooltip: {\n        show: false,\n      },\n    });\n    tooltipVisibleRef.current = false;\n  }\n\n  if (zoomTimerRef.current) {\n    clearTimeout(zoomTimerRef.current);\n  }\n\n  zoomTimerRef.current = setTimeout(() => {\n    if (!tooltipVisibleRef.current) {\n      instance.setOption({\n        tooltip: {\n          show: true,\n        },\n      });\n      tooltipVisibleRef.current = true;\n    }\n  }, 100);\n};\n"],"mappings":";;;;;;AAGO,MAAMA,mBAAmB,GAAGA,CACjCC,QAAqB,EACrBC,YAAqD,EACrDC,iBAA4C,EAC5CC,QAAiB,KACR;EACT,IAAI,CAACA,QAAQ,EAAE;IACb;EACF;EAEA,IAAID,iBAAiB,CAACE,OAAO,EAAE;IAC7BJ,QAAQ,CAACK,SAAS,CAAC;MACjBC,OAAO,EAAE;QACPC,IAAI,EAAE;MACR;IACF,CAAC,CAAC;IACFL,iBAAiB,CAACE,OAAO,GAAG,KAAK;EACnC;EAEA,IAAIH,YAAY,CAACG,OAAO,EAAE;IACxBI,YAAY,CAACP,YAAY,CAACG,OAAO,CAAC;EACpC;EAEAH,YAAY,CAACG,OAAO,GAAGK,UAAU,CAAC,MAAM;IACtC,IAAI,CAACP,iBAAiB,CAACE,OAAO,EAAE;MAC9BJ,QAAQ,CAACK,SAAS,CAAC;QACjBC,OAAO,EAAE;UACPC,IAAI,EAAE;QACR;MACF,CAAC,CAAC;MACFL,iBAAiB,CAACE,OAAO,GAAG,IAAI;IAClC;EACF,CAAC,EAAE,GAAG,CAAC;AACT,CAAC;AAACM,OAAA,CAAAX,mBAAA,GAAAA,mBAAA","ignoreList":[]}

package/dist/main/CrowdViewWidget/components/Chart/chartUtils/index.js

@@ -0,0 +1,116 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _formatXAxisAdditionalLabel = require("./formatXAxisAdditionalLabel");
+Object.keys(_formatXAxisAdditionalLabel).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _formatXAxisAdditionalLabel[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _formatXAxisAdditionalLabel[key];
+    }
+  });
+});
+var _formatXAxisLabel = require("./formatXAxisLabel");
+Object.keys(_formatXAxisLabel).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _formatXAxisLabel[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _formatXAxisLabel[key];
+    }
+  });
+});
+var _getChartStyles = require("./getChartStyles");
+Object.keys(_getChartStyles).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _getChartStyles[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _getChartStyles[key];
+    }
+  });
+});
+var _getGradientColor = require("./getGradientColor");
+Object.keys(_getGradientColor).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _getGradientColor[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _getGradientColor[key];
+    }
+  });
+});
+var _getLabelData = require("./getLabelData");
+Object.keys(_getLabelData).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _getLabelData[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _getLabelData[key];
+    }
+  });
+});
+var _getRectColor = require("./getRectColor");
+Object.keys(_getRectColor).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _getRectColor[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _getRectColor[key];
+    }
+  });
+});
+var _getTooltipFormatter = require("./getTooltipFormatter");
+Object.keys(_getTooltipFormatter).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _getTooltipFormatter[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _getTooltipFormatter[key];
+    }
+  });
+});
+var _handleLabelUpdate = require("./handleLabelUpdate");
+Object.keys(_handleLabelUpdate).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _handleLabelUpdate[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _handleLabelUpdate[key];
+    }
+  });
+});
+var _handleTooltipUpdate = require("./handleTooltipUpdate");
+Object.keys(_handleTooltipUpdate).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _handleTooltipUpdate[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _handleTooltipUpdate[key];
+    }
+  });
+});
+var _isDifferenceGreaterThanTwoWeeks = require("./isDifferenceGreaterThanTwoWeeks");
+Object.keys(_isDifferenceGreaterThanTwoWeeks).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _isDifferenceGreaterThanTwoWeeks[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _isDifferenceGreaterThanTwoWeeks[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/dist/main/CrowdViewWidget/components/Chart/chartUtils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_formatXAxisAdditionalLabel","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_formatXAxisLabel","_getChartStyles","_getGradientColor","_getLabelData","_getRectColor","_getTooltipFormatter","_handleLabelUpdate","_handleTooltipUpdate","_isDifferenceGreaterThanTwoWeeks"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/chartUtils/index.ts"],"sourcesContent":["export * from './formatXAxisAdditionalLabel';\nexport * from './formatXAxisLabel';\nexport * from './getChartStyles';\nexport * from './getGradientColor';\nexport * from './getLabelData';\nexport * from './getRectColor';\nexport * from './getTooltipFormatter';\nexport * from './handleLabelUpdate';\nexport * from './handleTooltipUpdate';\nexport * from './isDifferenceGreaterThanTwoWeeks';\n"],"mappings":"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","ignoreList":[]}

package/dist/main/CrowdViewWidget/components/Chart/chartUtils/isDifferenceGreaterThanTwoWeeks.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isDifferenceGreaterThanTwoWeeks = void 0;
+var _constants = require("../../../constants");
+const isDifferenceGreaterThanTwoWeeks = (startDate, endDate) => {
+  const date1 = new Date(startDate);
+  const date2 = new Date(endDate);
+  const differenceInMs = Math.abs(date2.getTime() - date1.getTime());
+  return differenceInMs < _constants.TIME_THRESHOLDS.TWO_WEEKS_MS;
+};
+exports.isDifferenceGreaterThanTwoWeeks = isDifferenceGreaterThanTwoWeeks;
+//# sourceMappingURL=isDifferenceGreaterThanTwoWeeks.js.map

package/dist/main/CrowdViewWidget/components/Chart/chartUtils/isDifferenceGreaterThanTwoWeeks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isDifferenceGreaterThanTwoWeeks.js","names":["_constants","require","isDifferenceGreaterThanTwoWeeks","startDate","endDate","date1","Date","date2","differenceInMs","Math","abs","getTime","TIME_THRESHOLDS","TWO_WEEKS_MS","exports"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/chartUtils/isDifferenceGreaterThanTwoWeeks.ts"],"sourcesContent":["import { TIME_THRESHOLDS } from '../../../constants';\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"],"mappings":";;;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAEO,MAAMC,+BAA+B,GAAGA,CAC7CC,SAAiB,EACjBC,OAAe,KACZ;EACH,MAAMC,KAAK,GAAG,IAAIC,IAAI,CAACH,SAAS,CAAC;EACjC,MAAMI,KAAK,GAAG,IAAID,IAAI,CAACF,OAAO,CAAC;EAE/B,MAAMI,cAAc,GAAGC,IAAI,CAACC,GAAG,CAACH,KAAK,CAACI,OAAO,CAAC,CAAC,GAAGN,KAAK,CAACM,OAAO,CAAC,CAAC,CAAC;EAElE,OAAOH,cAAc,GAAGI,0BAAe,CAACC,YAAY;AACtD,CAAC;AAACC,OAAA,CAAAZ,+BAAA,GAAAA,+BAAA","ignoreList":[]}

package/dist/main/CrowdViewWidget/{utils/instrumentUtils.js → components/Chart/dataUtils/getInstrumentConfigForDivision.js}

@@ -4,10 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getInstrumentConfigForDivision = void 0;
-var _graphql = require("../../gql/types/graphql");
-var _selectConfig = require("../selectConfig");
+var _graphql = require("../../../../gql/types/graphql");
+var _selectConfig = require("../../../selectConfig");
 const getInstrumentConfigForDivision = division => {
   return division === _graphql.Division.Oc ? _selectConfig.instrumentSelectConfigOC : _selectConfig.instrumentSelectConfig;
 };
 exports.getInstrumentConfigForDivision = getInstrumentConfigForDivision;
-//# sourceMappingURL=instrumentUtils.js.map
+//# sourceMappingURL=getInstrumentConfigForDivision.js.map

package/dist/main/CrowdViewWidget/components/Chart/dataUtils/getInstrumentConfigForDivision.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getInstrumentConfigForDivision.js","names":["_graphql","require","_selectConfig","getInstrumentConfigForDivision","division","Division","Oc","instrumentSelectConfigOC","instrumentSelectConfig","exports"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/dataUtils/getInstrumentConfigForDivision.ts"],"sourcesContent":["import { Division } from '../../../../gql/types/graphql';\nimport {\n  instrumentSelectConfig,\n  instrumentSelectConfigOC,\n} from '../../../selectConfig';\n\nexport const getInstrumentConfigForDivision = (division: Division) => {\n  return division === Division.Oc\n    ? instrumentSelectConfigOC\n    : instrumentSelectConfig;\n};\n"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAKO,MAAME,8BAA8B,GAAIC,QAAkB,IAAK;EACpE,OAAOA,QAAQ,KAAKC,iBAAQ,CAACC,EAAE,GAC3BC,sCAAwB,GACxBC,oCAAsB;AAC5B,CAAC;AAACC,OAAA,CAAAN,8BAAA,GAAAA,8BAAA","ignoreList":[]}

package/dist/main/CrowdViewWidget/components/Chart/dataUtils/getMultiplayerForTimeSpan.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getMultiplayerForTimeSpan = void 0;
+var _graphql = require("../../../../gql/types/graphql");
+var _constants = require("../../../constants");
+const getMultiplayerForTimeSpan = granularity => {
+  const timeSpanMultiplierMap = {
+    [_graphql.Granularity.M5]: _constants.BUCKET_CONFIG.MULTIPLIER_5M,
+    [_graphql.Granularity.M15]: _constants.BUCKET_CONFIG.MULTIPLIER_15M,
+    [_graphql.Granularity.H1]: _constants.BUCKET_CONFIG.MULTIPLIER_1H,
+    [_graphql.Granularity.H4]: _constants.BUCKET_CONFIG.MULTIPLIER_4H
+  };
+  return timeSpanMultiplierMap[granularity] || _constants.BUCKET_CONFIG.MULTIPLIER_5M;
+};
+exports.getMultiplayerForTimeSpan = getMultiplayerForTimeSpan;
+//# sourceMappingURL=getMultiplayerForTimeSpan.js.map

package/dist/main/CrowdViewWidget/components/Chart/dataUtils/getMultiplayerForTimeSpan.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getMultiplayerForTimeSpan.js","names":["_graphql","require","_constants","getMultiplayerForTimeSpan","granularity","timeSpanMultiplierMap","Granularity","M5","BUCKET_CONFIG","MULTIPLIER_5M","M15","MULTIPLIER_15M","H1","MULTIPLIER_1H","H4","MULTIPLIER_4H","exports"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/dataUtils/getMultiplayerForTimeSpan.ts"],"sourcesContent":["import { Granularity } from '../../../../gql/types/graphql';\nimport { BUCKET_CONFIG } from '../../../constants';\n\nexport const getMultiplayerForTimeSpan = (granularity: Granularity): number => {\n  const timeSpanMultiplierMap: Record<Granularity, number> = {\n    [Granularity.M5]: BUCKET_CONFIG.MULTIPLIER_5M,\n    [Granularity.M15]: BUCKET_CONFIG.MULTIPLIER_15M,\n    [Granularity.H1]: BUCKET_CONFIG.MULTIPLIER_1H,\n    [Granularity.H4]: BUCKET_CONFIG.MULTIPLIER_4H,\n  };\n\n  return timeSpanMultiplierMap[granularity] || BUCKET_CONFIG.MULTIPLIER_5M;\n};\n"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAEO,MAAME,yBAAyB,GAAIC,WAAwB,IAAa;EAC7E,MAAMC,qBAAkD,GAAG;IACzD,CAACC,oBAAW,CAACC,EAAE,GAAGC,wBAAa,CAACC,aAAa;IAC7C,CAACH,oBAAW,CAACI,GAAG,GAAGF,wBAAa,CAACG,cAAc;IAC/C,CAACL,oBAAW,CAACM,EAAE,GAAGJ,wBAAa,CAACK,aAAa;IAC7C,CAACP,oBAAW,CAACQ,EAAE,GAAGN,wBAAa,CAACO;EAClC,CAAC;EAED,OAAOV,qBAAqB,CAACD,WAAW,CAAC,IAAII,wBAAa,CAACC,aAAa;AAC1E,CAAC;AAACO,OAAA,CAAAb,yBAAA,GAAAA,yBAAA","ignoreList":[]}

package/dist/main/CrowdViewWidget/components/Chart/dataUtils/getTimeSpanForGranularity.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getTimeSpanForGranularity = void 0;
+var _graphql = require("../../../../gql/types/graphql");
+const getTimeSpanForGranularity = granularity => {
+  const granularityTimeSpanMap = {
+    [_graphql.Granularity.M5]: _graphql.TimeSpan.TwoDays,
+    [_graphql.Granularity.M15]: _graphql.TimeSpan.FiveDays,
+    [_graphql.Granularity.H1]: _graphql.TimeSpan.TwentyDays,
+    [_graphql.Granularity.H4]: _graphql.TimeSpan.NinetyDays
+  };
+  return granularityTimeSpanMap[granularity] || _graphql.TimeSpan.TwoDays;
+};
+exports.getTimeSpanForGranularity = getTimeSpanForGranularity;
+//# sourceMappingURL=getTimeSpanForGranularity.js.map

package/dist/main/CrowdViewWidget/components/Chart/dataUtils/getTimeSpanForGranularity.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getTimeSpanForGranularity.js","names":["_graphql","require","getTimeSpanForGranularity","granularity","granularityTimeSpanMap","Granularity","M5","TimeSpan","TwoDays","M15","FiveDays","H1","TwentyDays","H4","NinetyDays","exports"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/dataUtils/getTimeSpanForGranularity.ts"],"sourcesContent":["import { Granularity, TimeSpan } from '../../../../gql/types/graphql';\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"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAEO,MAAMC,yBAAyB,GACpCC,WAAwB,IACX;EACb,MAAMC,sBAAqD,GAAG;IAC5D,CAACC,oBAAW,CAACC,EAAE,GAAGC,iBAAQ,CAACC,OAAO;IAClC,CAACH,oBAAW,CAACI,GAAG,GAAGF,iBAAQ,CAACG,QAAQ;IACpC,CAACL,oBAAW,CAACM,EAAE,GAAGJ,iBAAQ,CAACK,UAAU;IACrC,CAACP,oBAAW,CAACQ,EAAE,GAAGN,iBAAQ,CAACO;EAC7B,CAAC;EAED,OAAOV,sBAAsB,CAACD,WAAW,CAAC,IAAII,iBAAQ,CAACC,OAAO;AAChE,CAAC;AAACO,OAAA,CAAAb,yBAAA,GAAAA,yBAAA","ignoreList":[]}