@oanda/labs-crowd-view-widget 1.0.42 → 1.0.44

package/dist/main/CrowdViewWidget/components/Chart/ChartWithData.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChartWithData.js","names":["_labsWidgetCommon","require","_classnames","_interopRequireDefault","_react","_interopRequireWildcard","_Chart","_utils","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ChartWithData","_ref","instrument","bookType","granularity","size","useLayoutProvider","isDesktop","Size","DESKTOP","isError","loading","transformedData","useMemo","transformDataForChart","createElement","Fragment","className","classnames","ChartError","Spinner","SpinnerSize","lg","Chart","data","exports"],"sources":["../../../../../src/CrowdViewWidget/components/Chart/ChartWithData.tsx"],"sourcesContent":["import {\n  ChartError,\n  Size,\n  Spinner,\n  SpinnerSize,\n  useLayoutProvider,\n} from '@oanda/labs-widget-common';\nimport classnames from 'classnames';\nimport React, { useMemo } from 'react';\n\nimport { Chart } from './Chart';\nimport type { ChartWithDataProps } from './types';\nimport { transformDataForChart } from './utils';\n\nconst ChartWithData = ({\n  instrument,\n  bookType,\n  granularity,\n}: ChartWithDataProps) => {\n  const { size } = useLayoutProvider();\n  const isDesktop = size === Size.DESKTOP;\n\n  const isError = false;\n  const loading = false;\n\n  const transformedData = useMemo(() => {\n    return transformDataForChart({ granularity });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [instrument, granularity, bookType]);\n\n  return (\n    <>\n      <div\n        className={classnames('lw-relative lw-w-full', {\n          'lw-h-[450px]': isDesktop,\n          'lw-h-[390px]': !isDesktop,\n        })}\n      >\n        {isError && (\n          <div\n            className={classnames(\n              'lw-absolute lw-left-0 lw-top-0 lw-flex lw-w-full lw-items-center lw-justify-center lw-border lw-border-solid lw-border-border-primary',\n              {\n                'lw-h-full': isDesktop,\n                'lw-h-[calc(100%-40px)]': !isDesktop,\n              }\n            )}\n          >\n            <ChartError />\n          </div>\n        )}\n        {loading && (\n          <div\n            className={classnames(\n              'lw-absolute lw-left-0 lw-top-0 lw-flex lw-w-full lw-items-center lw-justify-center lw-border lw-border-solid lw-border-border-primary',\n              {\n                'lw-h-full': isDesktop,\n                'lw-h-[calc(100%-40px)]': !isDesktop,\n              }\n            )}\n          >\n            <Spinner size={SpinnerSize.lg} />\n          </div>\n        )}\n        {!isError && transformedData && (\n          <div className=\"lw-absolute lw-left-0 lw-top-0 lw-flex lw-h-full lw-w-full\">\n            <Chart data={transformedData} />\n          </div>\n        )}\n      </div>\n    </>\n  );\n};\n\nexport { ChartWithData };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ChartWithData.js","names":["_labsWidgetCommon","require","_classnames","_interopRequireDefault","_react","_Chart","_useCrowdViewData","e","__esModule","default","ChartWithData","_ref","instrument","bookType","division","granularity","size","useLayoutProvider","isDesktop","Size","DESKTOP","data","loading","error","useCrowdViewData","createElement","Fragment","className","classnames","ChartError","Spinner","SpinnerSize","lg","Chart","exports"],"sources":["../../../../../src/CrowdViewWidget/components/Chart/ChartWithData.tsx"],"sourcesContent":["import {\n  ChartError,\n  Size,\n  Spinner,\n  SpinnerSize,\n  useLayoutProvider,\n} from '@oanda/labs-widget-common';\nimport classnames from 'classnames';\nimport React from 'react';\n\nimport { Chart } from './Chart';\nimport type { ChartWithDataProps } from './types';\nimport { useCrowdViewData } from './useCrowdViewData';\n\nconst ChartWithData = ({\n  instrument,\n  bookType,\n  division,\n  granularity,\n}: ChartWithDataProps) => {\n  const { size } = useLayoutProvider();\n  const isDesktop = size === Size.DESKTOP;\n\n  const { data, loading, error } = useCrowdViewData({\n    instrument,\n    bookType,\n    division,\n    granularity,\n  });\n\n  return (\n    <>\n      <div\n        className={classnames('lw-relative lw-w-full', {\n          'lw-h-[450px]': isDesktop,\n          'lw-h-[390px]': !isDesktop,\n        })}\n      >\n        {error && (\n          <div\n            className={classnames(\n              'lw-absolute lw-left-0 lw-top-0 lw-flex lw-w-full lw-items-center lw-justify-center lw-border lw-border-solid lw-border-border-primary',\n              {\n                'lw-h-full': isDesktop,\n                'lw-h-[calc(100%-40px)]': !isDesktop,\n              }\n            )}\n          >\n            <ChartError />\n          </div>\n        )}\n        {loading && (\n          <div\n            className={classnames(\n              'lw-absolute lw-left-0 lw-top-0 lw-flex lw-w-full lw-items-center lw-justify-center lw-border lw-border-solid lw-border-border-primary',\n              {\n                'lw-h-full': isDesktop,\n                'lw-h-[calc(100%-40px)]': !isDesktop,\n              }\n            )}\n          >\n            <Spinner size={SpinnerSize.lg} />\n          </div>\n        )}\n        {!loading && !error && !!data && (\n          <div className=\"lw-absolute lw-left-0 lw-top-0 lw-flex lw-h-full lw-w-full\">\n            <Chart data={data} />\n          </div>\n        )}\n      </div>\n    </>\n  );\n};\n\nexport { ChartWithData };\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AAOA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,MAAA,GAAAD,sBAAA,CAAAF,OAAA;AAEA,IAAAI,MAAA,GAAAJ,OAAA;AAEA,IAAAK,iBAAA,GAAAL,OAAA;AAAsD,SAAAE,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEtD,MAAMG,aAAa,GAAGC,IAAA,IAKI;EAAA,IALH;IACrBC,UAAU;IACVC,QAAQ;IACRC,QAAQ;IACRC;EACkB,CAAC,GAAAJ,IAAA;EACnB,MAAM;IAAEK;EAAK,CAAC,GAAG,IAAAC,mCAAiB,EAAC,CAAC;EACpC,MAAMC,SAAS,GAAGF,IAAI,KAAKG,sBAAI,CAACC,OAAO;EAEvC,MAAM;IAAEC,IAAI;IAAEC,OAAO;IAAEC;EAAM,CAAC,GAAG,IAAAC,kCAAgB,EAAC;IAChDZ,UAAU;IACVC,QAAQ;IACRC,QAAQ;IACRC;EACF,CAAC,CAAC;EAEF,OACEX,MAAA,CAAAK,OAAA,CAAAgB,aAAA,CAAArB,MAAA,CAAAK,OAAA,CAAAiB,QAAA,QACEtB,MAAA,CAAAK,OAAA,CAAAgB,aAAA;IACEE,SAAS,EAAE,IAAAC,mBAAU,EAAC,uBAAuB,EAAE;MAC7C,cAAc,EAAEV,SAAS;MACzB,cAAc,EAAE,CAACA;IACnB,CAAC;EAAE,GAEFK,KAAK,IACJnB,MAAA,CAAAK,OAAA,CAAAgB,aAAA;IACEE,SAAS,EAAE,IAAAC,mBAAU,EACnB,uIAAuI,EACvI;MACE,WAAW,EAAEV,SAAS;MACtB,wBAAwB,EAAE,CAACA;IAC7B,CACF;EAAE,GAEFd,MAAA,CAAAK,OAAA,CAAAgB,aAAA,CAACzB,iBAAA,CAAA6B,UAAU,MAAE,CACV,CACN,EACAP,OAAO,IACNlB,MAAA,CAAAK,OAAA,CAAAgB,aAAA;IACEE,SAAS,EAAE,IAAAC,mBAAU,EACnB,uIAAuI,EACvI;MACE,WAAW,EAAEV,SAAS;MACtB,wBAAwB,EAAE,CAACA;IAC7B,CACF;EAAE,GAEFd,MAAA,CAAAK,OAAA,CAAAgB,aAAA,CAACzB,iBAAA,CAAA8B,OAAO;IAACd,IAAI,EAAEe,6BAAW,CAACC;EAAG,CAAE,CAC7B,CACN,EACA,CAACV,OAAO,IAAI,CAACC,KAAK,IAAI,CAAC,CAACF,IAAI,IAC3BjB,MAAA,CAAAK,OAAA,CAAAgB,aAAA;IAAKE,SAAS,EAAC;EAA4D,GACzEvB,MAAA,CAAAK,OAAA,CAAAgB,aAAA,CAACpB,MAAA,CAAA4B,KAAK;IAACZ,IAAI,EAAEA;EAAK,CAAE,CACjB,CAEJ,CACL,CAAC;AAEP,CAAC;AAACa,OAAA,CAAAxB,aAAA,GAAAA,aAAA","ignoreList":[]}

package/dist/main/CrowdViewWidget/components/Chart/{getOption.js → chartOptions.js}

@@ -5,10 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getOption = void 0;
 var _labsWidgetCommon = require("@oanda/labs-widget-common");
-var echarts = _interopRequireWildcard(require("echarts/core"));
-var _constants = require("./constants");
-var _utils = require("./utils");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+var _constants = require("../../constants");
+var _chartUtils = require("./utils/chartUtils");
 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; }
@@ -17,22 +15,22 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
 const getOption = (_ref, isDark) => {
   let {
     xAxisData,
-    ordersPositionsChartData,
-    ordersPositionsBucketWidth,
-    candlesSeriesData
+    candlesSeriesData,
+    orderPositionBooks,
+    bucketWidth
   } = _ref;
-  const visibleXAxisData = xAxisData.slice(xAxisData.length * _constants.INITIAL_START_ZOOM / 100, xAxisData.length * _constants.INITIAL_END_ZOOM / 100);
-  const isGreaterThanTwoWeeks = (0, _utils.isDifferenceGreaterThanTwoWeeks)(visibleXAxisData[0], visibleXAxisData[visibleXAxisData.length - 1]);
-  const labelsData = (0, _utils.getLabelData)({
+  const visibleXAxisData = xAxisData.slice(xAxisData.length * _constants.CHART_CONFIG.INITIAL_START_ZOOM / 100, xAxisData.length * _constants.CHART_CONFIG.INITIAL_END_ZOOM / 100);
+  const isGreaterThanTwoWeeks = (0, _chartUtils.isDifferenceGreaterThanTwoWeeks)(visibleXAxisData[0], visibleXAxisData[visibleXAxisData.length - 1]);
+  const labelsData = (0, _chartUtils.getLabelData)({
     xAxisData,
     isGreaterThanTwoWeeks
   });
   const gridLines = (0, _labsWidgetCommon.getGridLines)({
     isDark,
-    chartWidth: _constants.CHART_WIDTH,
-    chartHeight: _constants.CHART_HEIGHT,
-    xLabelsSize: _constants.X_LABEL_SIZE,
-    yLabelSize: _constants.Y_LABEL_SIZE_DESKTOP,
+    chartWidth: _constants.CHART_CONFIG.WIDTH,
+    chartHeight: _constants.CHART_CONFIG.HEIGHT,
+    xLabelsSize: _constants.CHART_CONFIG.X_LABEL_SIZE,
+    yLabelSize: _constants.CHART_CONFIG.Y_LABEL_SIZE_DESKTOP,
     bottomLeftBox: false
   });
   return {
@@ -40,20 +38,13 @@ const getOption = (_ref, isDark) => {
     dataZoom: [{
       type: 'inside',
       xAxisIndex: 0,
-      start: _constants.INITIAL_START_ZOOM,
-      end: _constants.INITIAL_END_ZOOM
+      start: _constants.CHART_CONFIG.INITIAL_START_ZOOM,
+      end: _constants.CHART_CONFIG.INITIAL_END_ZOOM
     }],
     tooltip: {
       trigger: 'axis',
-      formatter: val => {
-        const timestamp = val[0].axisValue;
-        return "".concat(new Date(timestamp).toLocaleTimeString(undefined, {
-          hour: '2-digit',
-          minute: '2-digit'
-        }), "\n      ").concat(new Date(timestamp).toLocaleDateString(undefined, {
-          day: 'numeric',
-          month: 'short'
-        }), "\n");
+      axisPointer: {
+        type: 'cross'
       }
     },
     xAxis: {
@@ -65,6 +56,7 @@ const getOption = (_ref, isDark) => {
       axisLabel: {
         padding: [8, 16, 8, 16],
         margin: 0,
+        showMinLabel: false,
         formatter: value => {
           const date = new Date(value);
           return isGreaterThanTwoWeeks ? "".concat(date.toLocaleTimeString(undefined, {
@@ -79,7 +71,8 @@ const getOption = (_ref, isDark) => {
     yAxis: {
       type: 'value',
       position: 'right',
-      scale: true,
+      min: val => val.min - bucketWidth * 2,
+      max: val => val.max + bucketWidth * 2,
       axisLine: {
         show: false
       },
@@ -109,39 +102,48 @@ const getOption = (_ref, isDark) => {
       name: 'heatmap',
       id: 'heatmap',
       silent: true,
-      renderItem: (params, api) => {
-        const {
-          coordSys
-        } = params;
+      clip: true,
+      renderItem: (_params, api) => {
         const xVal = api.value(0);
-        const yVal = api.value(1);
-        const sentiment = api.value(2);
-        const start = api.coord([xVal, yVal]);
-        const [rectWidth, rectHeight] = api.size([0, ordersPositionsBucketWidth]);
-        const boundaries = coordSys;
-        const shape = echarts.graphic.clipRectByRect({
-          x: start[0] - rectWidth / 2,
-          y: start[1],
-          width: rectWidth,
-          height: rectHeight
-        }, boundaries);
-        return shape && {
-          type: 'rect',
-          shape,
-          style: {
-            fill: (0, _utils.getRectColor)(sentiment)
-          },
+        const metaValues = JSON.parse(api.value(2));
+        const [rectWidth, rectHeight] = api.size([0, bucketWidth]);
+        const items = metaValues.map(_ref2 => {
+          let {
+            price,
+            sentiment
+          } = _ref2;
+          const start = api.coord([xVal, price]);
+          return {
+            type: 'rect',
+            shape: {
+              x: start[0] - rectWidth / 2,
+              y: start[1],
+              width: rectWidth,
+              height: rectHeight
+            },
+            style: {
+              fill: (0, _chartUtils.getRectColor)(sentiment),
+              opacity: 0.7
+            },
+            silent: true,
+            emphasisDisabled: true
+          };
+        });
+        return {
+          type: 'group',
+          children: items,
+          silent: true,
           emphasisDisabled: true
         };
       },
-      data: ordersPositionsChartData
+      data: orderPositionBooks
     }],
     grid: [{
       name: 'main-grid',
       top: '0px',
       left: '0px',
-      right: "".concat(_constants.Y_LABEL_SIZE_DESKTOP, "px"),
-      bottom: "".concat(_constants.X_LABEL_SIZE, "px")
+      right: "".concat(_constants.CHART_CONFIG.Y_LABEL_SIZE_DESKTOP, "px"),
+      bottom: "".concat(_constants.CHART_CONFIG.X_LABEL_SIZE, "px")
     }],
     graphic: [...gridLines, _objectSpread(_objectSpread({}, (0, _labsWidgetCommon.getLineCommons)(isDark)), {}, {
       top: 0,
@@ -156,4 +158,4 @@ const getOption = (_ref, isDark) => {
   };
 };
 exports.getOption = getOption;
-//# sourceMappingURL=getOption.js.map
+//# sourceMappingURL=chartOptions.js.map

package/dist/main/CrowdViewWidget/components/Chart/chartOptions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chartOptions.js","names":["_labsWidgetCommon","require","_constants","_chartUtils","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","_toPropertyKey","value","configurable","writable","i","_toPrimitive","Symbol","toPrimitive","call","TypeError","String","Number","getOption","_ref","isDark","xAxisData","candlesSeriesData","orderPositionBooks","bucketWidth","visibleXAxisData","slice","CHART_CONFIG","INITIAL_START_ZOOM","INITIAL_END_ZOOM","isGreaterThanTwoWeeks","isDifferenceGreaterThanTwoWeeks","labelsData","getLabelData","gridLines","getGridLines","chartWidth","WIDTH","chartHeight","HEIGHT","xLabelsSize","X_LABEL_SIZE","yLabelSize","Y_LABEL_SIZE_DESKTOP","bottomLeftBox","animation","dataZoom","type","xAxisIndex","start","end","tooltip","trigger","axisPointer","xAxis","data","axisTick","show","axisLabel","padding","margin","showMinLabel","formatter","date","Date","concat","toLocaleTimeString","undefined","hour","minute","toLocaleDateString","day","yAxis","position","min","val","max","axisLine","showMaxLabel","series","id","itemStyle","color","colorPalette","raspberryLight","color0","bottleGreenLight","markPoint","symbol","symbolSize","name","silent","clip","renderItem","_params","api","xVal","metaValues","JSON","parse","rectWidth","rectHeight","size","items","map","_ref2","price","sentiment","coord","shape","x","y","width","height","style","fill","getRectColor","opacity","emphasisDisabled","children","grid","top","left","right","bottom","graphic","getLineCommons","x1","y1","x2","y2","exports"],"sources":["../../../../../src/CrowdViewWidget/components/Chart/chartOptions.ts"],"sourcesContent":["import {\n  colorPalette,\n  getGridLines,\n  getLineCommons,\n} from '@oanda/labs-widget-common';\n\nimport { CHART_CONFIG } from '../../constants';\nimport type { GetOptionType } from './types';\nimport {\n  getLabelData,\n  getRectColor,\n  isDifferenceGreaterThanTwoWeeks,\n} from './utils/chartUtils';\n\n// @ts-expect-error\nexport const getOption: GetOptionType = (\n  { xAxisData, candlesSeriesData, orderPositionBooks, bucketWidth },\n  isDark\n) => {\n  const visibleXAxisData = xAxisData.slice(\n    (xAxisData.length * CHART_CONFIG.INITIAL_START_ZOOM) / 100,\n    (xAxisData.length * CHART_CONFIG.INITIAL_END_ZOOM) / 100\n  );\n\n  const isGreaterThanTwoWeeks = isDifferenceGreaterThanTwoWeeks(\n    visibleXAxisData[0],\n    visibleXAxisData[visibleXAxisData.length - 1]\n  );\n\n  const labelsData = getLabelData({\n    xAxisData,\n    isGreaterThanTwoWeeks,\n  });\n\n  const gridLines = getGridLines({\n    isDark,\n    chartWidth: CHART_CONFIG.WIDTH,\n    chartHeight: CHART_CONFIG.HEIGHT,\n    xLabelsSize: CHART_CONFIG.X_LABEL_SIZE,\n    yLabelSize: CHART_CONFIG.Y_LABEL_SIZE_DESKTOP,\n    bottomLeftBox: false,\n  });\n\n  return {\n    animation: false,\n    dataZoom: [\n      {\n        type: 'inside',\n        xAxisIndex: 0,\n        start: CHART_CONFIG.INITIAL_START_ZOOM,\n        end: CHART_CONFIG.INITIAL_END_ZOOM,\n      },\n    ],\n    tooltip: {\n      trigger: 'axis',\n      axisPointer: {\n        type: 'cross',\n      },\n    },\n    xAxis: {\n      type: 'category',\n      data: xAxisData,\n      axisTick: {\n        show: false,\n      },\n      axisLabel: {\n        padding: [8, 16, 8, 16],\n        margin: 0,\n        showMinLabel: false,\n        formatter: (value) => {\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            : `${date.toLocaleDateString(undefined, {\n                day: 'numeric',\n              })}`;\n        },\n      },\n    },\n    yAxis: {\n      type: 'value',\n      position: 'right',\n      min: (val) => val.min - bucketWidth * 2,\n      max: (val) => val.max + bucketWidth * 2,\n      axisLine: { show: false },\n      axisTick: { show: false },\n      axisLabel: {\n        showMaxLabel: false,\n        showMinLabel: false,\n      },\n    },\n    series: [\n      {\n        type: 'candlestick',\n        id: 'candlestick',\n        data: candlesSeriesData,\n        itemStyle: {\n          color: colorPalette.raspberryLight,\n          color0: colorPalette.bottleGreenLight,\n        },\n        markPoint: {\n          symbol: 'circle',\n          symbolSize: 0,\n          data: labelsData,\n        },\n      },\n      {\n        type: 'custom',\n        name: 'heatmap',\n        id: 'heatmap',\n        silent: true,\n        clip: true,\n        renderItem: (_params, api) => {\n          const xVal = api.value(0);\n          const metaValues = JSON.parse(api.value(2) as string);\n\n          const [rectWidth, rectHeight] = api.size!([\n            0,\n            bucketWidth,\n          ]) as number[];\n\n          const items = metaValues.map(\n            ({ price, sentiment }: { price: number; sentiment: number }) => {\n              const start = api.coord([xVal, price]);\n\n              return {\n                type: 'rect',\n                shape: {\n                  x: start[0] - rectWidth / 2,\n                  y: start[1],\n                  width: rectWidth,\n                  height: rectHeight,\n                },\n                style: {\n                  fill: getRectColor(sentiment),\n                  opacity: 0.7,\n                },\n                silent: true,\n                emphasisDisabled: true,\n              };\n            }\n          );\n\n          return {\n            type: 'group',\n            children: items,\n            silent: true,\n            emphasisDisabled: true,\n          };\n        },\n        data: orderPositionBooks,\n      },\n    ],\n    grid: [\n      {\n        name: 'main-grid',\n        top: '0px',\n        left: '0px',\n        right: `${CHART_CONFIG.Y_LABEL_SIZE_DESKTOP}px`,\n        bottom: `${CHART_CONFIG.X_LABEL_SIZE}px`,\n      },\n    ],\n    graphic: [\n      ...gridLines,\n      {\n        ...getLineCommons(isDark as boolean),\n        top: 0,\n        right: 0,\n        shape: {\n          x1: 0,\n          y1: 0,\n          x2: 0,\n          y2: 0,\n        },\n      },\n    ],\n  };\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -14,6 +14,17 @@ Object.keys(_Chart).forEach(function (key) {
     }
   });
 });
+var _chartOptions = require("./chartOptions");
+Object.keys(_chartOptions).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _chartOptions[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _chartOptions[key];
+    }
+  });
+});
 var _ChartWithData = require("./ChartWithData");
 Object.keys(_ChartWithData).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -25,4 +36,37 @@ Object.keys(_ChartWithData).forEach(function (key) {
     }
   });
 });
+var _types = require("./types");
+Object.keys(_types).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _types[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _types[key];
+    }
+  });
+});
+var _useCrowdViewData = require("./useCrowdViewData");
+Object.keys(_useCrowdViewData).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useCrowdViewData[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useCrowdViewData[key];
+    }
+  });
+});
+var _chartUtils = require("./utils/chartUtils");
+Object.keys(_chartUtils).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _chartUtils[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _chartUtils[key];
+    }
+  });
+});
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_Chart","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_ChartWithData"],"sources":["../../../../../src/CrowdViewWidget/components/Chart/index.ts"],"sourcesContent":["export * from './Chart';\nexport * from './ChartWithData';\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,MAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,MAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,MAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,cAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,cAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,cAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,cAAA,CAAAL,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_Chart","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_chartOptions","_ChartWithData","_types","_useCrowdViewData","_chartUtils"],"sources":["../../../../../src/CrowdViewWidget/components/Chart/index.ts"],"sourcesContent":["export * from './Chart';\nexport * from './chartOptions';\nexport * from './ChartWithData';\nexport * from './types';\nexport * from './useCrowdViewData';\nexport * from './utils/chartUtils';\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,MAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,MAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,MAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,aAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,aAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,aAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,aAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,cAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,cAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,cAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAE,cAAA,CAAAN,GAAA;IAAA;EAAA;AAAA;AACA,IAAAO,MAAA,GAAAX,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAS,MAAA,EAAAR,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAO,MAAA,CAAAP,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAG,MAAA,CAAAP,GAAA;IAAA;EAAA;AAAA;AACA,IAAAQ,iBAAA,GAAAZ,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAU,iBAAA,EAAAT,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAQ,iBAAA,CAAAR,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAI,iBAAA,CAAAR,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,WAAA,GAAAb,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAW,WAAA,EAAAV,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAS,WAAA,CAAAT,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAK,WAAA,CAAAT,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/dist/main/CrowdViewWidget/components/Chart/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../../../src/CrowdViewWidget/components/Chart/types.ts"],"sourcesContent":["import type { EChartsOption } from 'echarts';\n\nimport type { BookType } from '../../../gql/types/graphql';\nimport type { GranularityId } from '../../types';\n\ninterface ChartOptionsProps {\n  xAxisData: string[];\n  ordersPositionsChartData: [\n    // timestamp\n    string,\n    // price\n    number,\n    // orders-positions sentiment\n    number,\n  ][];\n  ordersPositionsBucketWidth: number;\n  candlesSeriesData: [number, number, number, number][];\n}\n\nexport type GetOptionType = (\n  props: ChartOptionsProps,\n  isDark: boolean\n) => EChartsOption;\n\nexport interface ChartProps {\n  data: ChartOptionsProps;\n}\n\nexport interface ChartWithDataProps {\n  bookType: BookType;\n  instrument: string;\n  granularity: GranularityId;\n}\n\ninterface TransformDataForChartTypeProps {\n  granularity: GranularityId;\n}\n\nexport type TransformDataForChartType = (\n  props: TransformDataForChartTypeProps\n) => ChartOptionsProps;\n\nexport interface GetLabelsDataProps {\n  xAxisData: string[];\n  isGreaterThanTwoWeeks: boolean;\n}\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../../src/CrowdViewWidget/components/Chart/types.ts"],"sourcesContent":["import type { EChartsOption } from 'echarts';\n\nimport type {\n  BookType,\n  Division,\n  Granularity,\n} from '../../../gql/types/graphql';\n\nexport interface UseCrowdViewDataProps {\n  instrument: string;\n  bookType: BookType;\n  division: Division;\n  granularity: Granularity;\n}\n\ninterface CrowdViewData {\n  xAxisData: string[];\n  candlesSeriesData: [number, number, number, number][];\n  orderPositionBooks: ([string, number, string] | null)[];\n  bucketWidth: number;\n}\n\nexport interface UseCrowdViewDataReturn {\n  data: CrowdViewData | null;\n  loading: boolean;\n  error: boolean;\n}\n\nexport type GetOptionType = (\n  props: CrowdViewData,\n  isDark: boolean\n) => EChartsOption;\n\nexport interface ChartProps {\n  data: CrowdViewData;\n}\n\nexport interface ChartWithDataProps {\n  bookType: BookType;\n  division: Division;\n  instrument: string;\n  granularity: Granularity;\n}\n\nexport interface GetLabelsDataProps {\n  xAxisData: string[];\n  isGreaterThanTwoWeeks: boolean;\n}\n"],"mappings":"","ignoreList":[]}

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

@@ -0,0 +1,170 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useCrowdViewData = void 0;
+var _client = require("@apollo/client");
+var _react = require("react");
+var _getOrderPositionBooks = require("../../../gql/getOrderPositionBooks");
+var _getPriceCandles = require("../../../gql/getPriceCandles");
+var _graphql = require("../../../gql/types/graphql");
+var _constants = require("../../constants");
+var _chartUtils = require("./utils/chartUtils");
+const processPriceCandles = priceCandlesData => {
+  var _priceCandlesData$pri;
+  if (!(priceCandlesData !== null && priceCandlesData !== void 0 && (_priceCandlesData$pri = priceCandlesData.priceCandles) !== null && _priceCandlesData$pri !== void 0 && (_priceCandlesData$pri = _priceCandlesData$pri.candle) !== null && _priceCandlesData$pri !== void 0 && _priceCandlesData$pri.length)) {
+    return {
+      minPrice: 0,
+      maxPrice: 0,
+      hasValidCandles: false,
+      candleMap: new Map(),
+      candles: []
+    };
+  }
+  const candles = priceCandlesData.priceCandles.candle;
+  let calculatedMinPrice = Number.MAX_VALUE;
+  let calculatedMaxPrice = Number.MIN_VALUE;
+  const candleMap = new Map();
+  candles.forEach(candle => {
+    if (!candle) return;
+    if (candle.high > calculatedMaxPrice) {
+      calculatedMaxPrice = candle.high;
+    }
+    if (candle.low < calculatedMinPrice) {
+      calculatedMinPrice = candle.low;
+    }
+    if (candle.point) {
+      candleMap.set(candle.point, candle);
+    }
+  });
+  return {
+    minPrice: calculatedMinPrice,
+    maxPrice: calculatedMaxPrice,
+    hasValidCandles: true,
+    candleMap,
+    candles
+  };
+};
+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 [];
+  }
+  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 => {
+    var _candle$high;
+    const filteredBuckets = book.buckets.filter(bucket => {
+      if (!bucket || bucket.sentiment === undefined || bucket.sentiment === null || bucket.price === undefined) {
+        return false;
+      }
+      return Math.abs(bucket.sentiment) >= _constants.BOOKS_THRESHOLDS.MIN;
+    }).map(bucket => ({
+      price: bucket.price,
+      sentiment: bucket.sentiment
+    }));
+    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, JSON.stringify(filteredBuckets)];
+  });
+};
+const validateData = (priceCandlesData, orderPositionData, hasValidCandles) => {
+  var _priceCandlesData$pri2, _priceCandlesData$pri3, _orderPositionData$or2, _orderPositionData$or3;
+  const hasValidPriceData = ((_priceCandlesData$pri2 = priceCandlesData === null || priceCandlesData === void 0 || (_priceCandlesData$pri3 = priceCandlesData.priceCandles) === null || _priceCandlesData$pri3 === void 0 || (_priceCandlesData$pri3 = _priceCandlesData$pri3.candle) === null || _priceCandlesData$pri3 === void 0 ? void 0 : _priceCandlesData$pri3.length) !== null && _priceCandlesData$pri2 !== void 0 ? _priceCandlesData$pri2 : 0) >= 1;
+  const hasValidOrderData = ((_orderPositionData$or2 = orderPositionData === null || orderPositionData === void 0 || (_orderPositionData$or3 = orderPositionData.orderPositionBooks) === null || _orderPositionData$or3 === void 0 ? void 0 : _orderPositionData$or3.length) !== null && _orderPositionData$or2 !== void 0 ? _orderPositionData$or2 : 0) >= 1;
+  if (!hasValidPriceData) {
+    return new Error('Insufficient price candle data');
+  }
+  if (!hasValidOrderData) {
+    return new Error('Insufficient order position data');
+  }
+  if (!hasValidCandles) {
+    return new Error('Invalid candle data');
+  }
+  return null;
+};
+const useCrowdViewData = _ref => {
+  let {
+    instrument,
+    bookType,
+    division,
+    granularity
+  } = _ref;
+  const {
+    loading: priceCandlesLoading,
+    data: priceCandlesData,
+    error: priceCandlesError
+  } = (0, _client.useQuery)(_getPriceCandles.getPriceCandles, {
+    variables: {
+      dataSource: division === _graphql.Division.Oc ? _graphql.DataSource.V20 : _graphql.DataSource.Mt5,
+      division,
+      instrument,
+      granularity,
+      timeSpan: (0, _chartUtils.getTimeSpanForGranularity)(granularity)
+    },
+    fetchPolicy: 'no-cache'
+  });
+  const priceCandlesProcessed = (0, _react.useMemo)(() => processPriceCandles(priceCandlesData), [priceCandlesData]);
+  const {
+    minPrice,
+    maxPrice,
+    hasValidCandles,
+    candleMap,
+    candles
+  } = priceCandlesProcessed;
+  const maxBookPrice = (0, _react.useMemo)(() => maxPrice + _constants.BUCKET_CONFIG.DEFAULT_WIDTH * _constants.BUCKET_CONFIG.PRICE_PADDING_MULTIPLIER, [maxPrice]);
+  const minBookPrice = (0, _react.useMemo)(() => minPrice - _constants.BUCKET_CONFIG.DEFAULT_WIDTH * _constants.BUCKET_CONFIG.PRICE_PADDING_MULTIPLIER, [minPrice]);
+  const {
+    loading: orderPositionLoading,
+    data: orderPositionData,
+    error: orderPositionError
+  } = (0, _client.useQuery)(_getOrderPositionBooks.getOrderPositionBooks, {
+    variables: {
+      instrument,
+      bookType: bookType || _graphql.BookType.Order,
+      timeSpan: (0, _chartUtils.getTimeSpanForGranularity)(granularity),
+      granularity,
+      maxBookPrice,
+      minBookPrice
+    },
+    fetchPolicy: 'no-cache',
+    skip: priceCandlesLoading || !!priceCandlesError
+  });
+  const loading = priceCandlesLoading || orderPositionLoading;
+  const orderPositionBooks = (0, _react.useMemo)(() => processOrderPositionBooks(orderPositionData, candleMap), [orderPositionData, candleMap]);
+  const error = (0, _react.useMemo)(() => {
+    if (priceCandlesError) {
+      return new Error("Price candles error: ".concat(priceCandlesError.message));
+    }
+    if (orderPositionError) {
+      return new Error("Order position error: ".concat(orderPositionError.message));
+    }
+    if (loading) {
+      return null;
+    }
+    return validateData(priceCandlesData, orderPositionData, hasValidCandles);
+  }, [priceCandlesError, orderPositionError, loading, priceCandlesData, orderPositionData, hasValidCandles]);
+  const data = (0, _react.useMemo)(() => {
+    var _orderPositionData$or4;
+    if (!priceCandlesData || !orderPositionData || 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 {
+      xAxisData,
+      candlesSeriesData,
+      orderPositionBooks,
+      bucketWidth: ((_orderPositionData$or4 = orderPositionData.orderPositionBooks) === null || _orderPositionData$or4 === void 0 || (_orderPositionData$or4 = _orderPositionData$or4[0]) === null || _orderPositionData$or4 === void 0 ? void 0 : _orderPositionData$or4.bucketWidth) || 0
+    };
+  }, [priceCandlesData, orderPositionData, error, candles, orderPositionBooks]);
+  return {
+    data,
+    loading,
+    error: !!error
+  };
+};
+exports.useCrowdViewData = useCrowdViewData;
+//# sourceMappingURL=useCrowdViewData.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useCrowdViewData.js","names":["_client","require","_react","_getOrderPositionBooks","_getPriceCandles","_graphql","_constants","_chartUtils","processPriceCandles","priceCandlesData","_priceCandlesData$pri","priceCandles","candle","length","minPrice","maxPrice","hasValidCandles","candleMap","Map","candles","calculatedMinPrice","Number","MAX_VALUE","calculatedMaxPrice","MIN_VALUE","forEach","high","low","point","set","processOrderPositionBooks","orderPositionData","_orderPositionData$or","orderPositionBooks","filter","book","_book$buckets","buckets","map","_candle$high","filteredBuckets","bucket","sentiment","undefined","price","Math","abs","BOOKS_THRESHOLDS","MIN","get","time","JSON","stringify","validateData","_priceCandlesData$pri2","_priceCandlesData$pri3","_orderPositionData$or2","_orderPositionData$or3","hasValidPriceData","hasValidOrderData","Error","useCrowdViewData","_ref","instrument","bookType","division","granularity","loading","priceCandlesLoading","data","error","priceCandlesError","useQuery","getPriceCandles","variables","dataSource","Division","Oc","DataSource","V20","Mt5","timeSpan","getTimeSpanForGranularity","fetchPolicy","priceCandlesProcessed","useMemo","maxBookPrice","BUCKET_CONFIG","DEFAULT_WIDTH","PRICE_PADDING_MULTIPLIER","minBookPrice","orderPositionLoading","orderPositionError","getOrderPositionBooks","BookType","Order","skip","concat","message","_orderPositionData$or4","xAxisData","candlesSeriesData","open","close","bucketWidth","exports"],"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 { BOOKS_THRESHOLDS, BUCKET_CONFIG } from '../../constants';\nimport type { UseCrowdViewDataProps, UseCrowdViewDataReturn } from './types';\nimport { getTimeSpanForGranularity } from './utils/chartUtils';\n\nconst processPriceCandles = (\n  priceCandlesData: GetPriceCandlesQuery | undefined\n) => {\n  if (!priceCandlesData?.priceCandles?.candle?.length) {\n    return {\n      minPrice: 0,\n      maxPrice: 0,\n      hasValidCandles: false,\n      candleMap: new Map(),\n      candles: [],\n    };\n  }\n\n  const candles = priceCandlesData.priceCandles.candle;\n  let calculatedMinPrice = Number.MAX_VALUE;\n  let calculatedMaxPrice = Number.MIN_VALUE;\n\n  const candleMap = new Map<\n    string,\n    {\n      point?: string;\n      high?: number;\n      low?: number;\n      open?: number;\n      close?: number;\n    }\n  >();\n\n  candles.forEach((candle) => {\n    if (!candle) return;\n\n    if (candle.high > calculatedMaxPrice) {\n      calculatedMaxPrice = candle.high;\n    }\n    if (candle.low < calculatedMinPrice) {\n      calculatedMinPrice = candle.low;\n    }\n\n    if (candle.point) {\n      candleMap.set(candle.point, candle);\n    }\n  });\n\n  return {\n    minPrice: calculatedMinPrice,\n    maxPrice: calculatedMaxPrice,\n    hasValidCandles: true,\n    candleMap,\n    candles,\n  };\n};\n\nconst processOrderPositionBooks = (\n  orderPositionData: GetOrderPositionBooksQuery | undefined,\n  candleMap: Map<\n    string,\n    {\n      point?: string;\n      high?: number;\n      low?: number;\n      open?: number;\n      close?: number;\n    }\n  >\n) => {\n  if (!orderPositionData?.orderPositionBooks?.length) {\n    return [];\n  }\n\n  return orderPositionData.orderPositionBooks\n    .filter((book): book is NonNullable<typeof book> => {\n      return book !== null && book.buckets?.length > 0;\n    })\n    .map((book) => {\n      const filteredBuckets = book.buckets\n        .filter((bucket) => {\n          if (\n            !bucket ||\n            bucket.sentiment === undefined ||\n            bucket.sentiment === null ||\n            bucket.price === undefined\n          ) {\n            return false;\n          }\n          return Math.abs(bucket.sentiment) >= BOOKS_THRESHOLDS.MIN;\n        })\n        .map((bucket) => ({\n          price: bucket!.price!,\n          sentiment: bucket!.sentiment!,\n        }));\n\n      const candle = candleMap.get(book.time);\n      const price = candle?.high ?? null;\n\n      return [book.time, price, JSON.stringify(filteredBuckets)] as [\n        string,\n        number,\n        string,\n      ];\n    });\n};\n\nconst validateData = (\n  priceCandlesData: GetPriceCandlesQuery | undefined,\n  orderPositionData: GetOrderPositionBooksQuery | undefined,\n  hasValidCandles: boolean\n): Error | null => {\n  const hasValidPriceData =\n    (priceCandlesData?.priceCandles?.candle?.length ?? 0) >= 1;\n  const hasValidOrderData =\n    (orderPositionData?.orderPositionBooks?.length ?? 0) >= 1;\n\n  if (!hasValidPriceData) {\n    return new Error('Insufficient price candle data');\n  }\n  if (!hasValidOrderData) {\n    return new Error('Insufficient order position data');\n  }\n  if (!hasValidCandles) {\n    return new Error('Invalid candle data');\n  }\n\n  return null;\n};\n\nexport const useCrowdViewData = ({\n  instrument,\n  bookType,\n  division,\n  granularity,\n}: UseCrowdViewDataProps): UseCrowdViewDataReturn => {\n  const {\n    loading: priceCandlesLoading,\n    data: priceCandlesData,\n    error: priceCandlesError,\n  } = useQuery<GetPriceCandlesQuery, GetPriceCandlesQueryVariables>(\n    getPriceCandles,\n    {\n      variables: {\n        dataSource: division === Division.Oc ? DataSource.V20 : DataSource.Mt5,\n        division,\n        instrument,\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 maxBookPrice = useMemo(\n    () =>\n      maxPrice +\n      BUCKET_CONFIG.DEFAULT_WIDTH * BUCKET_CONFIG.PRICE_PADDING_MULTIPLIER,\n    [maxPrice]\n  );\n\n  const minBookPrice = useMemo(\n    () =>\n      minPrice -\n      BUCKET_CONFIG.DEFAULT_WIDTH * BUCKET_CONFIG.PRICE_PADDING_MULTIPLIER,\n    [minPrice]\n  );\n\n  const {\n    loading: orderPositionLoading,\n    data: orderPositionData,\n    error: orderPositionError,\n  } = useQuery<GetOrderPositionBooksQuery, GetOrderPositionBooksQueryVariables>(\n    getOrderPositionBooks,\n    {\n      variables: {\n        instrument,\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 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      xAxisData,\n      candlesSeriesData,\n      orderPositionBooks,\n      bucketWidth: orderPositionData.orderPositionBooks?.[0]?.bucketWidth || 0,\n    };\n  }, [priceCandlesData, orderPositionData, error, candles, orderPositionBooks]);\n\n  return {\n    data,\n    loading,\n    error: !!error,\n  };\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,70 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isDifferenceGreaterThanTwoWeeks = exports.getTimeSpanForGranularity = exports.getRectColor = exports.getLabelData = void 0;
+var _chromaJs = _interopRequireDefault(require("chroma-js"));
+var _graphql = require("../../../../gql/types/graphql");
+var _constants = require("../../../constants");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const getLabelData = _ref => {
+  let {
+    xAxisData,
+    isGreaterThanTwoWeeks
+  } = _ref;
+  return xAxisData.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();
+  }).map(item => ({
+    name: new Date(item).toLocaleDateString(undefined, {
+      month: 'short',
+      day: isGreaterThanTwoWeeks ? 'numeric' : undefined
+    }),
+    xAxis: item,
+    y: _constants.CHART_CONFIG.HEIGHT - 22,
+    silent: true,
+    emphasis: {
+      disabled: true
+    },
+    label: {
+      fontFamily: 'Sofia W03',
+      fontSize: 10,
+      position: 'bottom',
+      align: 'center',
+      formatter: '{b}'
+    }
+  }));
+};
+exports.getLabelData = getLabelData;
+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;
+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;
+const getGradientColor = (value, startColor, targetColor) => {
+  const startThreshold = _constants.BOOKS_THRESHOLDS.MIN;
+  const endThreshold = _constants.BOOKS_THRESHOLDS.MAX;
+  const colorScale = _chromaJs.default.scale([startColor, targetColor]).domain([startThreshold, endThreshold]).mode('rgb');
+  return colorScale(value).hex();
+};
+const getRectColor = sentiment => sentiment < 0 ? getGradientColor(sentiment * -1, _constants.COLOR_MAP.short[0], _constants.COLOR_MAP.short[1]) : getGradientColor(sentiment, _constants.COLOR_MAP.long[0], _constants.COLOR_MAP.long[1]);
+exports.getRectColor = getRectColor;
+//# sourceMappingURL=chartUtils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"chartUtils.js","names":["_chromaJs","_interopRequireDefault","require","_graphql","_constants","e","__esModule","default","getLabelData","_ref","xAxisData","isGreaterThanTwoWeeks","filter","record","index","arr","previousTimestamp","currentDate","Date","previousDate","getDate","getMonth","map","item","name","toLocaleDateString","undefined","month","day","xAxis","y","CHART_CONFIG","HEIGHT","silent","emphasis","disabled","label","fontFamily","fontSize","position","align","formatter","exports","isDifferenceGreaterThanTwoWeeks","startDate","endDate","date1","date2","differenceInMs","Math","abs","getTime","TIME_THRESHOLDS","TWO_WEEKS_MS","getTimeSpanForGranularity","granularity","granularityTimeSpanMap","Granularity","M5","TimeSpan","TwoDays","M15","FiveDays","H1","TwentyDays","H4","NinetyDays","getGradientColor","value","startColor","targetColor","startThreshold","BOOKS_THRESHOLDS","MIN","endThreshold","MAX","colorScale","chroma","scale","domain","mode","hex","getRectColor","sentiment","COLOR_MAP","short","long"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/utils/chartUtils.ts"],"sourcesContent":["import chroma from 'chroma-js';\n\nimport { Granularity, TimeSpan } from '../../../../gql/types/graphql';\nimport {\n  BOOKS_THRESHOLDS,\n  CHART_CONFIG,\n  COLOR_MAP,\n  TIME_THRESHOLDS,\n} from '../../../constants';\nimport type { 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: 'short',\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) =>\n  sentiment < 0\n    ? getGradientColor(sentiment * -1, COLOR_MAP.short[0], COLOR_MAP.short[1])\n    : getGradientColor(sentiment, COLOR_MAP.long[0], COLOR_MAP.long[1]);\n"],"mappings":"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","ignoreList":[]}

package/dist/main/CrowdViewWidget/components/Legend/Legend.js

@@ -6,12 +6,13 @@ Object.defineProperty(exports, "__esModule", {
 exports.Legend = void 0;
 var _monoI18n = require("@oanda/mono-i18n");
 var _react = _interopRequireDefault(require("react"));
+var _constants = require("../../constants");
 var _LegendBar = require("./LegendBar");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const Legend = _ref => {
   let {
-    longValues,
-    shortValues
+    longValues = [_constants.BOOKS_THRESHOLDS.MIN, _constants.BOOKS_THRESHOLDS.MAX],
+    shortValues = [_constants.BOOKS_THRESHOLDS.MIN, _constants.BOOKS_THRESHOLDS.MAX]
   } = _ref;
   const {
     lang