@oanda/labs-crowd-view-widget 1.0.43 → 1.0.45

package/dist/module/CrowdViewWidget/config.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"config.js","names":["BookType","GranularityId","InstrumentId","navigationConfig","id","Order","label","Position","instrumentSelectConfigOC","EUR_AUD","EUR_GBP","EUR_JPY","EUR_USD","EUR_CHF","USD_CHF","USD_JPY","USD_CAD","GBP_USD","GBP_JPY","GBP_CHF","AUD_JPY","AUD_USD","NZD_USD","instrumentSelectConfig","XAU_USD","XAG_USD","instrumentPrecisionConfig","granularitySelectConfig","MINUTE_5","MINUTE_15","MINUTE_30","HOUR_1","HOUR_4","DAY_1","colorMap","long","short"],"sources":["../../../src/CrowdViewWidget/config.ts"],"sourcesContent":["import { BookType } from '../gql/types/graphql';\nimport type { LegendType } from './components/Legend/LegendBar';\nimport { GranularityId, InstrumentId } from './types';\n\nconst navigationConfig = [\n  {\n    id: BookType.Order,\n    label: 'order_book',\n  },\n  {\n    id: BookType.Position,\n    label: 'position_book',\n  },\n];\n\nconst instrumentSelectConfigOC = [\n  {\n    id: InstrumentId.EUR_AUD,\n    label: 'EUR/AUD',\n  },\n  {\n    id: InstrumentId.EUR_GBP,\n    label: 'EUR/GBP',\n  },\n  {\n    id: InstrumentId.EUR_JPY,\n    label: 'EUR/JPY',\n  },\n  {\n    id: InstrumentId.EUR_USD,\n    label: 'EUR/USD',\n  },\n  {\n    id: InstrumentId.EUR_CHF,\n    label: 'EUR/CHF',\n  },\n  {\n    id: InstrumentId.USD_CHF,\n    label: 'USD/CHF',\n  },\n  {\n    id: InstrumentId.USD_JPY,\n    label: 'USD/JPY',\n  },\n  {\n    id: InstrumentId.USD_CAD,\n    label: 'USD/CAD',\n  },\n  {\n    id: InstrumentId.GBP_USD,\n    label: 'GBP/USD',\n  },\n  {\n    id: InstrumentId.GBP_JPY,\n    label: 'GBP/JPY',\n  },\n  {\n    id: InstrumentId.GBP_CHF,\n    label: 'GBP/CHF',\n  },\n  {\n    id: InstrumentId.AUD_JPY,\n    label: 'AUD/JPY',\n  },\n  {\n    id: InstrumentId.AUD_USD,\n    label: 'AUD/USD',\n  },\n  {\n    id: InstrumentId.NZD_USD,\n    label: 'NZD/USD',\n  },\n];\n\nconst instrumentSelectConfig = [\n  ...instrumentSelectConfigOC,\n  {\n    id: InstrumentId.XAU_USD,\n    label: 'XAU/USD',\n  },\n  {\n    id: InstrumentId.XAG_USD,\n    label: 'XAG/USD',\n  },\n];\n\nconst instrumentPrecisionConfig: Record<InstrumentId, number> = {\n  [InstrumentId.EUR_AUD]: 5,\n  [InstrumentId.EUR_GBP]: 5,\n  [InstrumentId.EUR_JPY]: 3,\n  [InstrumentId.EUR_USD]: 5,\n  [InstrumentId.EUR_CHF]: 5,\n  [InstrumentId.USD_CHF]: 5,\n  [InstrumentId.USD_JPY]: 3,\n  [InstrumentId.USD_CAD]: 5,\n  [InstrumentId.GBP_USD]: 5,\n  [InstrumentId.GBP_JPY]: 3,\n  [InstrumentId.GBP_CHF]: 5,\n  [InstrumentId.AUD_JPY]: 3,\n  [InstrumentId.AUD_USD]: 5,\n  [InstrumentId.NZD_USD]: 5,\n  [InstrumentId.XAU_USD]: 3,\n  [InstrumentId.XAG_USD]: 5,\n};\n\nconst granularitySelectConfig = [\n  {\n    id: GranularityId.MINUTE_5,\n    label: '5_minutes',\n  },\n  {\n    id: GranularityId.MINUTE_15,\n    label: '15_minutes',\n  },\n  {\n    id: GranularityId.MINUTE_30,\n    label: '30_minutes',\n  },\n  {\n    id: GranularityId.HOUR_1,\n    label: '1_hour',\n  },\n  {\n    id: GranularityId.HOUR_4,\n    label: '4_hours',\n  },\n  {\n    id: GranularityId.DAY_1,\n    label: '1_day',\n  },\n];\n\nexport {\n  granularitySelectConfig,\n  instrumentPrecisionConfig,\n  instrumentSelectConfig,\n  instrumentSelectConfigOC,\n  navigationConfig,\n};\nexport const colorMap: Record<LegendType, string[]> = {\n  long: ['#00857333', '#00715F99', '#00857399', '#008573CC'],\n  short: ['#DA632566', '#DA632599', '#DA6325CC', '#DA6325'],\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/module/gql/mock/getPriceCandles.js

@@ -1,6 +0,0 @@
-var _templateObject;
-function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-import { gql } from '@apollo/client';
-const getPriceCandles = gql(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  query GetPriceCandles(\n    $division: Division\n    $instrument: String!\n    $granularity: Granularity!\n    $timeSpan: TimeSpan!\n  ) {\n    getPriceCandles(\n      division: $division\n      instrument: $instrument\n      granularity: $granularity\n      timeSpan: $timeSpan\n    ) {\n      time\n      unixTime\n      candle {\n        high\n        low\n        open\n        close\n      }\n      timeSpan\n    }\n  }\n"])));
-export { getPriceCandles };
-//# sourceMappingURL=getPriceCandles.js.map

package/dist/module/gql/mock/getPriceCandles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"getPriceCandles.js","names":["gql","getPriceCandles","_templateObject","_taggedTemplateLiteral"],"sources":["../../../../src/gql/mock/getPriceCandles.ts"],"sourcesContent":["import { gql } from '@apollo/client';\n\nconst getPriceCandles = gql`\n  query GetPriceCandles(\n    $division: Division\n    $instrument: String!\n    $granularity: Granularity!\n    $timeSpan: TimeSpan!\n  ) {\n    getPriceCandles(\n      division: $division\n      instrument: $instrument\n      granularity: $granularity\n      timeSpan: $timeSpan\n    ) {\n      time\n      unixTime\n      candle {\n        high\n        low\n        open\n        close\n      }\n      timeSpan\n    }\n  }\n`;\n\nexport { getPriceCandles };\n"],"mappings":";;AAAA,SAASA,GAAG,QAAQ,gBAAgB;AAEpC,MAAMC,eAAe,GAAGD,GAAG,CAAAE,eAAA,KAAAA,eAAA,GAAAC,sBAAA,sbAwB1B;AAED,SAASF,eAAe","ignoreList":[]}

package/dist/module/gql/mock/schema.graphqls

@@ -1,62 +0,0 @@
-enum TimeSpan {
-  HOUR_1
-  HOUR_12
-  DAY_1
-  DAY_2
-  WEEK_1
-  WEEK_2
-  WEEK_3
-  MONTH_1
-  MONTH_3
-  MONTH_6
-  YEAR_1
-}
-
-enum Granularity {
-  MINUTE_5
-  MINUTE_15
-  MINUTE_30
-  HOUR_1
-  HOUR_4
-  DAY_1
-}
-
-enum Division {
-  OAP
-  OAU
-  OC
-  OCAN
-  OEL
-  OGM
-  OJ
-  OPT
-  OTMS
-}
-
-type Candle {
-  high: Float!
-  low: Float!
-  open: Float!
-  close: Float!
-}
-
-type Instrument {
-  name: String!
-  displayName: String!
-}
-
-type CandlesData {
-  time: String!
-  unixTime: Int!
-  candle: Candle!
-  timeSpan: TimeSpan!
-}
-
-type Query {
-  getPriceCandles(
-    division: Division
-    instrument: String!
-    granularity: Granularity!
-    timeSpan: TimeSpan!
-  ): [CandlesData!]!
-}

package/dist/module/gql/validateInstruments.js

@@ -1,5 +0,0 @@
-var _templateObject;
-function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-import { gql } from '@apollo/client';
-export const validateInstruments = gql(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  query validateInstruments($instruments: [String]!, $division: Division) {\n    mapInstrumentNames(instruments: $instruments, division: $division) {\n      name\n      displayName\n    }\n  }\n"])));
-//# sourceMappingURL=validateInstruments.js.map

package/dist/module/gql/validateInstruments.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"validateInstruments.js","names":["gql","validateInstruments","_templateObject","_taggedTemplateLiteral"],"sources":["../../../src/gql/validateInstruments.ts"],"sourcesContent":["import { gql } from '@apollo/client';\n\nexport const validateInstruments = gql`\n  query validateInstruments($instruments: [String]!, $division: Division) {\n    mapInstrumentNames(instruments: $instruments, division: $division) {\n      name\n      displayName\n    }\n  }\n`;\n"],"mappings":";;AAAA,SAASA,GAAG,QAAQ,gBAAgB;AAEpC,OAAO,MAAMC,mBAAmB,GAAGD,GAAG,CAAAE,eAAA,KAAAA,eAAA,GAAAC,sBAAA,4MAOrC","ignoreList":[]}

package/dist/types/CrowdViewWidget/components/Chart/constants.d.ts

@@ -1,7 +0,0 @@
-export declare const X_LABEL_SIZE = 40;
-export declare const Y_LABEL_SIZE_DESKTOP = 60;
-export declare const CHART_WIDTH = 9999;
-export declare const CHART_HEIGHT = 425;
-export declare const INITIAL_START_ZOOM = 80;
-export declare const INITIAL_END_ZOOM = 100;
-export declare const MAX_LABELS_COUNT = 14;

package/dist/types/CrowdViewWidget/components/Chart/getOrderPositionDataMock.d.ts

@@ -1,14 +0,0 @@
-export interface OrderPositionData {
-    shortCountPercent: number;
-    longCountPercent: number;
-    price: number;
-}
-interface GetOrderPositionDataMockParams {
-    min?: number;
-    max?: number;
-    bucketWidth?: number;
-    baseValue: number;
-    crossoverValue?: number;
-}
-export declare const getOrderPositionDataMock: ({ min, max, bucketWidth, baseValue, crossoverValue, }: GetOrderPositionDataMockParams) => OrderPositionData[];
-export {};

package/dist/types/CrowdViewWidget/components/Chart/getPriceCandlesMock.d.ts

@@ -1,2 +0,0 @@
-import type { Candle } from '../../../gql/types/graphql';
-export declare const getPriceCandlesMock: (count: number, min?: number, max?: number) => Candle[];

package/dist/types/CrowdViewWidget/config.d.ts

@@ -1,22 +0,0 @@
-import { BookType } from '../gql/types/graphql';
-import type { LegendType } from './components/Legend/LegendBar';
-import { GranularityId, InstrumentId } from './types';
-declare const navigationConfig: {
-    id: BookType;
-    label: string;
-}[];
-declare const instrumentSelectConfigOC: {
-    id: InstrumentId;
-    label: string;
-}[];
-declare const instrumentSelectConfig: {
-    id: InstrumentId;
-    label: string;
-}[];
-declare const instrumentPrecisionConfig: Record<InstrumentId, number>;
-declare const granularitySelectConfig: {
-    id: GranularityId;
-    label: string;
-}[];
-export { granularitySelectConfig, instrumentPrecisionConfig, instrumentSelectConfig, instrumentSelectConfigOC, navigationConfig, };
-export declare const colorMap: Record<LegendType, string[]>;

package/dist/types/gql/validateInstruments.d.ts

@@ -1 +0,0 @@
-export declare const validateInstruments: import("@apollo/client").DocumentNode;

package/src/CrowdViewWidget/components/Chart/constants.tsx

@@ -1,8 +0,0 @@
-export const X_LABEL_SIZE = 40;
-export const Y_LABEL_SIZE_DESKTOP = 60;
-export const CHART_WIDTH = 9999;
-export const CHART_HEIGHT = 425;
-
-export const INITIAL_START_ZOOM = 80;
-export const INITIAL_END_ZOOM = 100;
-export const MAX_LABELS_COUNT = 14;

package/src/CrowdViewWidget/components/Chart/getOption.ts

@@ -1,200 +0,0 @@
-import {
-  colorPalette,
-  getGridLines,
-  getLineCommons,
-} from '@oanda/labs-widget-common';
-import * as echarts from 'echarts/core';
-
-import {
-  CHART_HEIGHT,
-  CHART_WIDTH,
-  INITIAL_END_ZOOM,
-  INITIAL_START_ZOOM,
-  X_LABEL_SIZE,
-  Y_LABEL_SIZE_DESKTOP,
-} from './constants';
-import type { GetOptionType } from './types';
-import {
-  getLabelData,
-  getRectColor,
-  isDifferenceGreaterThanTwoWeeks,
-} from './utils';
-
-// @ts-expect-error
-export const getOption: GetOptionType = (
-  {
-    xAxisData,
-    ordersPositionsChartData,
-    ordersPositionsBucketWidth,
-    candlesSeriesData,
-  },
-  isDark
-) => {
-  const visibleXAxisData = xAxisData.slice(
-    (xAxisData.length * INITIAL_START_ZOOM) / 100,
-    (xAxisData.length * INITIAL_END_ZOOM) / 100
-  );
-
-  const isGreaterThanTwoWeeks = isDifferenceGreaterThanTwoWeeks(
-    visibleXAxisData[0],
-    visibleXAxisData[visibleXAxisData.length - 1]
-  );
-
-  const labelsData = getLabelData({
-    xAxisData,
-    isGreaterThanTwoWeeks,
-  });
-
-  const gridLines = getGridLines({
-    isDark,
-    chartWidth: CHART_WIDTH,
-    chartHeight: CHART_HEIGHT,
-    xLabelsSize: X_LABEL_SIZE,
-    yLabelSize: Y_LABEL_SIZE_DESKTOP,
-    bottomLeftBox: false,
-  });
-
-  return {
-    animation: false,
-    dataZoom: [
-      {
-        type: 'inside',
-        xAxisIndex: 0,
-        start: INITIAL_START_ZOOM,
-        end: INITIAL_END_ZOOM,
-      },
-    ],
-    tooltip: {
-      trigger: 'axis',
-      formatter: (val) => {
-        // @ts-expect-error
-        const timestamp = val[0].axisValue as string;
-
-        return `${new Date(timestamp).toLocaleTimeString(undefined, {
-          hour: '2-digit',
-          minute: '2-digit',
-        })}
-      ${new Date(timestamp).toLocaleDateString(undefined, {
-        day: 'numeric',
-        month: 'short',
-      })}
-`;
-      },
-    },
-    xAxis: {
-      type: 'category',
-      data: xAxisData,
-      axisTick: {
-        show: false,
-      },
-      axisLabel: {
-        padding: [8, 16, 8, 16],
-        margin: 0,
-        formatter: (value) => {
-          const date = new Date(value as string);
-          return isGreaterThanTwoWeeks
-            ? `${date.toLocaleTimeString(undefined, {
-                hour: '2-digit',
-                minute: '2-digit',
-              })}`
-            : `${date.toLocaleDateString(undefined, {
-                day: 'numeric',
-              })}`;
-        },
-      },
-    },
-    yAxis: {
-      type: 'value',
-      position: 'right',
-      scale: true,
-      axisLine: { show: false },
-      axisTick: { show: false },
-      axisLabel: {
-        showMaxLabel: false,
-        showMinLabel: false,
-      },
-    },
-    series: [
-      {
-        type: 'candlestick',
-        id: 'candlestick',
-        data: candlesSeriesData,
-        itemStyle: {
-          color: colorPalette.raspberryLight,
-          color0: colorPalette.bottleGreenLight,
-        },
-        markPoint: {
-          symbol: 'circle',
-          symbolSize: 0,
-          data: labelsData,
-        },
-      },
-      {
-        type: 'custom',
-        name: 'heatmap',
-        id: 'heatmap',
-        silent: true,
-        renderItem: (params, api) => {
-          const { coordSys } = params;
-          const xVal = api.value(0);
-          const yVal = api.value(1);
-          const sentiment = api.value(2) as number;
-          const start = api.coord([xVal, yVal]);
-          const [rectWidth, rectHeight] = api.size!([
-            0,
-            ordersPositionsBucketWidth,
-          ]) as number[];
-          const boundaries = coordSys as unknown as {
-            x: number;
-            y: number;
-            width: number;
-            height: number;
-          };
-          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: getRectColor(sentiment),
-              },
-              emphasisDisabled: true,
-            }
-          );
-        },
-        data: ordersPositionsChartData,
-      },
-    ],
-    grid: [
-      {
-        name: 'main-grid',
-        top: '0px',
-        left: '0px',
-        right: `${Y_LABEL_SIZE_DESKTOP}px`,
-        bottom: `${X_LABEL_SIZE}px`,
-      },
-    ],
-    graphic: [
-      ...gridLines,
-      {
-        ...getLineCommons(isDark as boolean),
-        top: 0,
-        right: 0,
-        shape: {
-          x1: 0,
-          y1: 0,
-          x2: 0,
-          y2: 0,
-        },
-      },
-    ],
-  };
-};

package/src/CrowdViewWidget/components/Chart/getOrderPositionDataMock.ts

@@ -1,66 +0,0 @@
-export interface OrderPositionData {
-  shortCountPercent: number;
-  longCountPercent: number;
-  price: number;
-}
-
-interface GetOrderPositionDataMockParams {
-  min?: number;
-  max?: number;
-  bucketWidth?: number;
-  baseValue: number;
-  crossoverValue?: number;
-}
-
-export const getOrderPositionDataMock = ({
-  min = 1.3,
-  max = 2.1,
-  bucketWidth = 0.005,
-  baseValue,
-  crossoverValue = baseValue,
-}: GetOrderPositionDataMockParams): OrderPositionData[] => {
-  const results: OrderPositionData[] = [];
-
-  const maxDistance = Math.max(baseValue - min, max - baseValue);
-
-  for (
-    let currentPrice = min;
-    currentPrice < max;
-    currentPrice += bucketWidth
-  ) {
-    const distance = Math.abs(currentPrice - baseValue);
-
-    const proximityFactor = 1 - distance / maxDistance;
-    const strongProximityFactor = Math.pow(proximityFactor, 2);
-
-    let shortCountPercent: number;
-    let longCountPercent: number;
-
-    if (currentPrice === baseValue) {
-      shortCountPercent = Math.random() * 0.5;
-      longCountPercent = Math.random() * 0.5;
-    } else {
-      const maxDifference = 0.5;
-      const targetDifference =
-        Math.random() * maxDifference * strongProximityFactor;
-
-      const baseRandom = Math.random() * (0.5 - targetDifference);
-
-      if (currentPrice < crossoverValue) {
-        shortCountPercent = baseRandom;
-        longCountPercent = baseRandom + targetDifference;
-      } else {
-        longCountPercent = baseRandom;
-        shortCountPercent = baseRandom + targetDifference;
-      }
-    }
-
-    results.push({
-      shortCountPercent: Math.round(shortCountPercent * 10000) / 10000,
-      longCountPercent: Math.round(longCountPercent * 10000) / 10000,
-      price: currentPrice,
-    });
-  }
-
-  return results;
-};

package/src/CrowdViewWidget/components/Chart/getPriceCandlesMock.ts

@@ -1,43 +0,0 @@
-import type { Candle } from '../../../gql/types/graphql';
-
-export const getPriceCandlesMock = (
-  count: number,
-  min: number = 1.3,
-  max: number = 2.1
-): Candle[] => {
-  const buffer = 0.02;
-  const safeMin = min + buffer;
-  const safeMax = max - buffer;
-
-  const initialClose = +(Math.random() * (safeMax - safeMin) + safeMin).toFixed(
-    5
-  );
-
-  return Array.from({ length: count }).reduce<Candle[]>((acc) => {
-    const prevClose =
-      acc.length === 0 ? initialClose : acc[acc.length - 1].close;
-    const isBullish = Math.random() > 0.5;
-
-    const bodySize = +(Math.random() * 0.05 + 0.015).toFixed(5);
-    const wickSize = +(Math.random() * 0.015 + 0.005).toFixed(5);
-
-    const open = prevClose;
-    let close = isBullish ? open + bodySize : open - bodySize;
-    close = Math.max(safeMin, Math.min(safeMax, Number(close)));
-
-    const high = Math.min(
-      max,
-      Math.max(Number(open), Number(close)) + wickSize
-    );
-    const low = Math.max(min, Math.min(Number(open), Number(close)) - wickSize);
-
-    acc.push({
-      open: +open.toFixed(5),
-      close: +close.toFixed(5),
-      low: +low.toFixed(5),
-      high: +high.toFixed(5),
-    });
-
-    return acc;
-  }, []);
-};

package/src/CrowdViewWidget/components/Chart/utils.ts

@@ -1,191 +0,0 @@
-import { colorMap } from '../../config';
-import { TimeSpanId } from '../../types';
-import { CHART_HEIGHT } from './constants';
-import { getOrderPositionDataMock } from './getOrderPositionDataMock';
-import { getPriceCandlesMock } from './getPriceCandlesMock';
-import type { GetLabelsDataProps, TransformDataForChartType } from './types';
-
-export const getRectColor = (sentiment: number) => {
-  const colors = sentiment < 0 ? colorMap.short : colorMap.long;
-  const absSentiment = Math.abs(sentiment);
-
-  if (absSentiment < 0.15) {
-    return colors[3];
-  }
-
-  if (absSentiment < 0.25) {
-    return colors[2];
-  }
-
-  if (absSentiment < 0.4) {
-    return colors[1];
-  }
-
-  if (absSentiment >= 0.4) {
-    return colors[0];
-  }
-
-  return 'transparent';
-};
-
-export enum GranularityId {
-  MINUTE_5 = 'MINUTE_5',
-  MINUTE_15 = 'MINUTE_15',
-  MINUTE_30 = 'MINUTE_30',
-  HOUR_1 = 'HOUR_1',
-  HOUR_4 = 'HOUR_4',
-  DAY_1 = 'DAY_1',
-}
-
-const timeSpansInMilliseconds: Record<TimeSpanId, number> = {
-  [TimeSpanId.HOUR_1]: 60 * 60 * 1000,
-  [TimeSpanId.HOUR_12]: 12 * 60 * 60 * 1000,
-  [TimeSpanId.DAY_1]: 24 * 60 * 60 * 1000,
-  [TimeSpanId.DAY_2]: 2 * 24 * 60 * 60 * 1000,
-  [TimeSpanId.WEEK_1]: 7 * 24 * 60 * 60 * 1000,
-  [TimeSpanId.WEEK_2]: 14 * 24 * 60 * 60 * 1000,
-  [TimeSpanId.WEEK_3]: 21 * 24 * 60 * 60 * 1000,
-  [TimeSpanId.MONTH_1]: 30 * 24 * 60 * 60 * 1000, // Approximation
-  [TimeSpanId.MONTH_3]: 3 * 30 * 24 * 60 * 60 * 1000, // Approximation
-  [TimeSpanId.MONTH_6]: 6 * 30 * 24 * 60 * 60 * 1000, // Approximation
-  [TimeSpanId.YEAR_1]: 365 * 24 * 60 * 60 * 1000, // Approximation
-  [TimeSpanId.YEAR_5]: 5 * 365 * 24 * 60 * 60 * 1000, // Approximation
-};
-
-const granularityInMilliseconds: Record<GranularityId, number> = {
-  [GranularityId.MINUTE_5]: 5 * 60 * 1000,
-  [GranularityId.MINUTE_15]: 15 * 60 * 1000,
-  [GranularityId.MINUTE_30]: 30 * 60 * 1000,
-  [GranularityId.HOUR_1]: 60 * 60 * 1000,
-  [GranularityId.HOUR_4]: 4 * 60 * 60 * 1000,
-  [GranularityId.DAY_1]: 24 * 60 * 60 * 1000,
-};
-
-const temporaryGranularityTimeSpanMap: Record<GranularityId, TimeSpanId> = {
-  [GranularityId.MINUTE_5]: TimeSpanId.DAY_2,
-  [GranularityId.MINUTE_15]: TimeSpanId.WEEK_1,
-  [GranularityId.MINUTE_30]: TimeSpanId.WEEK_2,
-  [GranularityId.HOUR_1]: TimeSpanId.MONTH_1,
-  [GranularityId.HOUR_4]: TimeSpanId.MONTH_3,
-  [GranularityId.DAY_1]: TimeSpanId.MONTH_6,
-};
-
-const mockXAxisData = (granularityId: GranularityId) => {
-  const granularity = granularityInMilliseconds[granularityId];
-  const timeSpan =
-    timeSpansInMilliseconds[temporaryGranularityTimeSpanMap[granularityId]];
-
-  const currentTime = new Date();
-
-  const startDate = currentTime;
-  const totalSteps = timeSpan / granularity;
-
-  const orderPositionDataForHistorical = new Array(totalSteps)
-    .fill(null)
-    .map((_, index) => {
-      const newDate = new Date(startDate.getTime() - index * granularity);
-
-      return `${newDate.toISOString().slice(0, 19)}Z`;
-    })
-    .reverse();
-
-  return orderPositionDataForHistorical;
-};
-
-export const getLabelData = ({
-  xAxisData,
-  isGreaterThanTwoWeeks,
-}: GetLabelsDataProps) =>
-  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: CHART_HEIGHT - 22,
-      silent: true,
-      emphasis: {
-        disabled: true,
-      },
-      label: {
-        fontFamily: 'Sofia W03',
-        fontSize: 10,
-        position: 'bottom',
-        align: 'center',
-        formatter: '{b}',
-      },
-    }));
-
-export const isDifferenceGreaterThanTwoWeeks = (
-  startDate: string,
-  endDate: string
-) => {
-  const date1 = new Date(startDate);
-  const date2 = new Date(endDate);
-
-  const TWO_WEEKS_IN_MS = 14 * 24 * 60 * 60 * 1000;
-
-  const differenceInMs = Math.abs(date2.getTime() - date1.getTime());
-
-  return differenceInMs < TWO_WEEKS_IN_MS;
-};
-
-export const transformDataForChart: TransformDataForChartType = ({
-  granularity,
-}) => {
-  const bucketWidth = 0.005;
-  const mockedXAxisData = mockXAxisData(granularity);
-  const mockedCandles = getPriceCandlesMock(mockedXAxisData.length);
-
-  const orderPositionData = mockedCandles.map((item, index) => {
-    return {
-      time: mockedXAxisData[index],
-      buckets: getOrderPositionDataMock({
-        baseValue: item.high,
-        bucketWidth,
-        crossoverValue: item.high + (Math.random() - 0.5) * 0.3,
-      }),
-      bucketWidth: 0.005,
-    };
-  });
-
-  const ordersPositionsChartData = orderPositionData
-    .flatMap(
-      ({ buckets, time }) =>
-        buckets.map((bucket) => [
-          time,
-          bucket!.price,
-          bucket!.longCountPercent - bucket!.shortCountPercent,
-        ]) as [string, number, number][]
-    )
-    .filter((item) => Math.abs(item[2]) > 0.15);
-
-  const candlesSeriesData: [number, number, number, number][] =
-    mockedCandles.map(({ close, open, low, high }) => [
-      +close.toFixed(5),
-      +open.toFixed(5),
-      +low.toFixed(5),
-      +high.toFixed(5),
-    ]);
-
-  return {
-    xAxisData: mockedXAxisData,
-    ordersPositionsChartData,
-    ordersPositionsBucketWidth: bucketWidth,
-    candlesSeriesData,
-    granularity,
-  };
-};