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

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

@@ -0,0 +1,8 @@
+export * from './getInstrumentConfigForDivision';
+export * from './getMultiplayerForTimeSpan';
+export * from './getTimeSpanForGranularity';
+export * from './processOrderPositionBooks';
+export * from './processPriceCandles';
+export * from './processSentiments';
+export * from './validateData';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/dataUtils/index.ts"],"sourcesContent":["export * from './getInstrumentConfigForDivision';\nexport * from './getMultiplayerForTimeSpan';\nexport * from './getTimeSpanForGranularity';\nexport * from './processOrderPositionBooks';\nexport * from './processPriceCandles';\nexport * from './processSentiments';\nexport * from './validateData';\n"],"mappings":"AAAA,cAAc,kCAAkC;AAChD,cAAc,6BAA6B;AAC3C,cAAc,6BAA6B;AAC3C,cAAc,6BAA6B;AAC3C,cAAc,uBAAuB;AACrC,cAAc,qBAAqB;AACnC,cAAc,gBAAgB","ignoreList":[]}

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

@@ -0,0 +1 @@
+{"version":3,"file":"processOrderPositionBooks.js","names":["processOrderPositionBooks","orderPositionData","dates","_orderPositionData$or","_orderPositionData$or2","_orderPositionData$or3","_orderPositionData$or4","Array","isArray","length","bookPrices","bookIndexes","buckets","bucketWidth","sentimentThresholdMin","sentimentThresholdMax","hasValidBooks","orderPositionBooks","books","booksDataMap","Map","map","item","time","price","forEach","date","index","_book$price","book","get","currentBuckets","filter","bucket","sentiment","Math","abs","push"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/dataUtils/processOrderPositionBooks.ts"],"sourcesContent":["import type { GetOrderPositionBooksQuery } from '../../../../gql/types/graphql';\nimport type { Bucket } from '../types';\n\nexport const processOrderPositionBooks = (\n  orderPositionData: GetOrderPositionBooksQuery | undefined,\n  dates: string[]\n) => {\n  // Input validation\n  if (!Array.isArray(dates) || dates.length === 0) {\n    return {\n      bookPrices: [],\n      bookIndexes: [],\n      buckets: [],\n      bucketWidth: 0,\n      sentimentThresholdMin: 0,\n      sentimentThresholdMax: 0,\n      hasValidBooks: false,\n    };\n  }\n\n  if (\n    !orderPositionData?.orderPositionBooks?.books?.length ||\n    !orderPositionData?.orderPositionBooks?.sentimentThresholdMin ||\n    !orderPositionData?.orderPositionBooks?.sentimentThresholdMax ||\n    !orderPositionData?.orderPositionBooks?.bucketWidth\n  ) {\n    return {\n      bookPrices: [],\n      bookIndexes: [],\n      buckets: [],\n      bucketWidth: 0,\n      sentimentThresholdMin: 0,\n      sentimentThresholdMax: 0,\n      hasValidBooks: false,\n    };\n  }\n\n  const { bucketWidth, sentimentThresholdMin, sentimentThresholdMax } =\n    orderPositionData.orderPositionBooks;\n\n  const booksDataMap = new Map(\n    orderPositionData.orderPositionBooks.books.map((item) => [\n      item.time,\n      {\n        price: item.price,\n        buckets: item.buckets,\n      },\n    ])\n  );\n\n  // Use forEach + push for O(n) performance instead of reduce with spreads (O(n²))\n  const bookPrices: (number | null)[] = [];\n  const bookIndexes: number[] = [];\n  const buckets: Bucket[][] = [];\n\n  dates.forEach((date, index) => {\n    const book = booksDataMap.get(date);\n\n    const currentBuckets =\n      book?.buckets\n        .filter(\n          (\n            bucket\n          ): bucket is {\n            price: number;\n            sentiment: number;\n          } =>\n            bucket !== null &&\n            typeof bucket.price === 'number' &&\n            typeof bucket.sentiment === 'number' &&\n            Math.abs(bucket.sentiment) >= sentimentThresholdMin\n        )\n        .map((bucket) => ({\n          price: bucket.price,\n          sentiment: bucket.sentiment,\n        })) || [];\n\n    bookPrices.push(book?.price ?? null);\n    bookIndexes.push(index);\n    buckets.push(currentBuckets);\n  });\n\n  return {\n    bookPrices,\n    bookIndexes,\n    buckets,\n    bucketWidth,\n    sentimentThresholdMin,\n    sentimentThresholdMax,\n    hasValidBooks: true,\n  };\n};\n"],"mappings":"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","ignoreList":[]}

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

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

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

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

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

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

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

@@ -0,0 +1,108 @@
+import { CHART_CONFIG } from '../../constants';
+import { getDataZoomConfig, getGridConfig, getGridLines, getLabelsConfig, getSeriesCandlestickConfig, getSeriesHeatmapConfig, getSeriesSentimentConfig, getTooltipConfig, getVisualMapConfig, getXAxisConfig, getYAxisConfig } from './chartOptions';
+import { isDifferenceGreaterThanTwoWeeks } from './chartUtils';
+import { getChartStyles } from './chartUtils/getChartStyles';
+export const getOption = _ref => {
+  let {
+    mainData: {
+      dates,
+      candlesOpen,
+      candlesClose,
+      candlesLow,
+      candlesHigh,
+      bookPrices,
+      bookIndexes,
+      sentimentShorts,
+      sentimentLongs
+    },
+    additionalData: {
+      bucketWidth,
+      buckets,
+      displayPrecision,
+      bookType,
+      sentimentThresholdMin,
+      sentimentThresholdMax
+    },
+    isLoading,
+    isDark,
+    isDesktop,
+    labelCallback
+  } = _ref;
+  const styles = getChartStyles(isDark);
+  const selectedPriceRef = {
+    current: 0
+  };
+  const initialStartZoom = isDesktop ? CHART_CONFIG.INITIAL_START_ZOOM_DESKTOP : CHART_CONFIG.INITIAL_START_ZOOM_MOBILE;
+  const visibleXAxisData = dates.slice(dates.length * initialStartZoom / 100, dates.length * CHART_CONFIG.INITIAL_END_ZOOM / 100);
+  const isGreaterThanTwoWeeks = isDifferenceGreaterThanTwoWeeks(visibleXAxisData[0], visibleXAxisData[visibleXAxisData.length - 1]);
+  const heatmapChart = bookPrices && bookPrices.length > 0 ? [getSeriesHeatmapConfig({
+    bucketWidth,
+    buckets,
+    isDark,
+    sentimentThresholdMax,
+    sentimentThresholdMin,
+    isLoading
+  })] : [];
+  const sentimentChart = sentimentLongs && sentimentLongs.length > 0 ? [getSeriesSentimentConfig({
+    styles,
+    isLoading
+  })] : [];
+  return {
+    animation: false,
+    tooltip: getTooltipConfig({
+      bookType,
+      bucketWidth,
+      buckets,
+      displayPrecision,
+      labelCallback,
+      selectedPriceRef,
+      tooltipLinesColor: styles.tooltipLinesColor,
+      sentimentLongs,
+      sentimentShorts
+    }),
+    grid: getGridConfig({
+      isDesktop
+    }),
+    xAxis: getXAxisConfig({
+      dates,
+      isGreaterThanTwoWeeks
+    }),
+    yAxis: getYAxisConfig({
+      bucketWidth,
+      displayPrecision
+    }),
+    dataZoom: getDataZoomConfig({
+      isDesktop
+    }),
+    visualMap: getVisualMapConfig({
+      sentimentLongColor: styles.sentimentLongColor,
+      sentimentShortColor: styles.sentimentShortColor
+    }),
+    graphic: [...getGridLines({
+      isDark,
+      isDesktop
+    }), ...getLabelsConfig({
+      isDark,
+      isDesktop,
+      labelCallback
+    })],
+    dataset: {
+      source: {
+        dates,
+        candlesOpen,
+        candlesClose,
+        candlesLow,
+        candlesHigh,
+        bookPrices: bookPrices !== null && bookPrices !== void 0 ? bookPrices : [],
+        bookIndexes: bookIndexes !== null && bookIndexes !== void 0 ? bookIndexes : [],
+        sentimentShorts,
+        sentimentLongs
+      }
+    },
+    series: [getSeriesCandlestickConfig({
+      styles,
+      isLoading
+    }), ...heatmapChart, ...sentimentChart]
+  };
+};
+//# sourceMappingURL=getOption.js.map

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

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

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

@@ -1,7 +1,7 @@
 export * from './Chart';
 export * from './chartOptions';
 export * from './ChartWithData';
+export * from './dataUtils';
 export * from './types';
 export * from './useCrowdViewData';
-export * from './utils';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"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';\n"],"mappings":"AAAA,cAAc,SAAS;AACvB,cAAc,gBAAgB;AAC9B,cAAc,iBAAiB;AAC/B,cAAc,SAAS;AACvB,cAAc,oBAAoB;AAClC,cAAc,SAAS","ignoreList":[]}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/CrowdViewWidget/components/Chart/index.ts"],"sourcesContent":["export * from './Chart';\nexport * from './chartOptions';\nexport * from './ChartWithData';\nexport * from './dataUtils';\nexport * from './types';\nexport * from './useCrowdViewData';\n"],"mappings":"AAAA,cAAc,SAAS;AACvB,cAAc,gBAAgB;AAC9B,cAAc,iBAAiB;AAC/B,cAAc,aAAa;AAC3B,cAAc,SAAS;AACvB,cAAc,oBAAoB","ignoreList":[]}

package/dist/module/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 {\n  BookType,\n  Division,\n  Granularity,\n} from '../../../gql/types/graphql';\nimport type { InstrumentId } from '../../types';\n\nexport interface Bucket {\n  price: number;\n  sentiment: number;\n}\n\nexport interface UseCrowdViewDataProps {\n  instrument: InstrumentId;\n  bookType: BookType;\n  division: Division;\n  granularity: Granularity;\n}\n\ninterface CrowdViewMainData {\n  dates: string[];\n  candlesOpen: number[];\n  candlesClose: number[];\n  candlesLow: number[];\n  candlesHigh: number[];\n  bookPrices?: (number | null)[];\n  bookIndexes?: (number | null)[];\n  sentimentShorts: (number | null)[];\n  sentimentLongs: (number | null)[];\n}\n\ninterface CrowdViewAdditionalData {\n  bucketWidth: number;\n  buckets: Bucket[][];\n  displayPrecision: number;\n  bookType: BookType;\n  sentimentThresholdMin: number;\n  sentimentThresholdMax: number;\n}\n\nexport interface UseCrowdViewDataReturn {\n  mainData?: CrowdViewMainData | null;\n  additionalData?: CrowdViewAdditionalData | null;\n  loading: boolean;\n  error: boolean;\n}\n\ninterface GetOptionProps {\n  mainData: CrowdViewMainData;\n  additionalData: CrowdViewAdditionalData;\n  isDark: boolean;\n  isDesktop: boolean;\n  labelCallback: (key: string, params?: Record<string, unknown>) => string;\n}\n\nexport type GetOptionType = (props: GetOptionProps) => EChartsOption;\n\nexport interface ChartProps {\n  mainData: CrowdViewMainData;\n  additionalData: CrowdViewAdditionalData;\n  isDesktop: boolean;\n}\n\nexport interface ChartWithDataProps {\n  bookType: BookType;\n  division: Division;\n  instrument: InstrumentId;\n  granularity: Granularity;\n}\n\nexport interface GetLabelsDataProps {\n  dates: string[];\n  isGreaterThanTwoWeeks: boolean;\n}\n\ninterface BaseTooltipParam {\n  [key: string]: unknown;\n  seriesId?: string;\n  seriesName?: string;\n  seriesType?: string;\n  axisValue?: string | number;\n  axisValueLabel?: string;\n  axisDimension?: string;\n  axisIndex?: number;\n  value: unknown;\n}\n\nexport type TooltipParam =\n  | (BaseTooltipParam & {\n      seriesId: 'candlestick';\n      value: [number, number, number, number, number]; // [0, open, close, low, high]\n    })\n  | (BaseTooltipParam & {\n      seriesId: 'heatmap';\n      value: [string, number, number]; // [time, price, index]\n    })\n  | (BaseTooltipParam & {\n      seriesId: 'sentiment';\n      value: [string, number, number]; // [time, shortPercent, longPercent]\n    });\n\nexport interface DataZoomBatchItem {\n  [key: string]: unknown;\n  start: number;\n  end: number;\n  dataZoomId?: string;\n}\n\nexport interface DataZoomEvent {\n  [key: string]: unknown;\n  type: 'datazoom';\n  batch?: DataZoomBatchItem[];\n}\n\nexport interface DataZoomItem {\n  startValue: number;\n  endValue: number;\n}\n\nexport type DataZoomArray = Array<DataZoomItem>;\n\nexport interface XAxisItem {\n  name?: string;\n}\n\nexport type XAxisArray = Array<XAxisItem>;\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';\nimport type { InstrumentId } from '../../types';\n\nexport interface Bucket {\n  price: number;\n  sentiment: number;\n}\n\nexport interface UseCrowdViewDataProps {\n  instrument: InstrumentId;\n  bookType: BookType;\n  division: Division;\n  granularity: Granularity;\n}\n\ninterface CrowdViewMainData {\n  dates: string[];\n  candlesOpen: number[];\n  candlesClose: number[];\n  candlesLow: number[];\n  candlesHigh: number[];\n  bookPrices?: (number | null)[];\n  bookIndexes?: (number | null)[];\n  sentimentShorts: (number | null)[];\n  sentimentLongs: (number | null)[];\n}\n\ninterface CrowdViewAdditionalData {\n  bucketWidth: number;\n  buckets: Bucket[][];\n  displayPrecision: number;\n  bookType: BookType;\n  sentimentThresholdMin: number;\n  sentimentThresholdMax: number;\n}\n\nexport interface UseCrowdViewDataReturn {\n  mainData?: CrowdViewMainData | null;\n  additionalData?: CrowdViewAdditionalData | null;\n  loading: boolean;\n  priceCandlesLoading: boolean;\n  orderPositionLoading: boolean;\n  sentimentsLoading: boolean;\n  error: boolean;\n}\n\ninterface GetOptionProps {\n  mainData: CrowdViewMainData;\n  additionalData: CrowdViewAdditionalData;\n  isDark: boolean;\n  isDesktop: boolean;\n  isLoading: boolean;\n  labelCallback: (key: string, params?: Record<string, unknown>) => string;\n}\n\nexport type GetOptionType = (props: GetOptionProps) => EChartsOption;\n\nexport interface ChartProps {\n  mainData: CrowdViewMainData;\n  additionalData: CrowdViewAdditionalData;\n  isDesktop: boolean;\n  isLoading: boolean;\n}\n\nexport interface ChartWithDataProps {\n  bookType: BookType;\n  division: Division;\n  instrument: InstrumentId;\n  granularity: Granularity;\n}\n\nexport interface GetLabelsDataProps {\n  dates: string[];\n  isGreaterThanTwoWeeks: boolean;\n}\n\ninterface BaseTooltipParam {\n  [key: string]: unknown;\n  seriesId?: string;\n  seriesName?: string;\n  seriesType?: string;\n  axisValue?: string | number;\n  axisValueLabel?: string;\n  axisDimension?: string;\n  axisIndex?: number;\n  value: unknown;\n}\n\nexport type TooltipParam =\n  | (BaseTooltipParam & {\n      seriesId: 'candlestick';\n      value: [number, number, number, number, number]; // [0, open, close, low, high]\n    })\n  | (BaseTooltipParam & {\n      seriesId: 'heatmap';\n      value: [string, number, number]; // [time, price, index]\n    })\n  | (BaseTooltipParam & {\n      seriesId: 'sentiment';\n      value: [string, number, number]; // [time, shortPercent, longPercent]\n    });\n\nexport interface DataZoomBatchItem {\n  [key: string]: unknown;\n  start: number;\n  end: number;\n  dataZoomId?: string;\n}\n\nexport interface DataZoomEvent {\n  [key: string]: unknown;\n  type: 'datazoom';\n  batch?: DataZoomBatchItem[];\n}\n\nexport interface DataZoomItem {\n  startValue: number;\n  endValue: number;\n}\n\nexport type DataZoomArray = Array<DataZoomItem>;\n\nexport interface XAxisItem {\n  name?: string;\n}\n\nexport type XAxisArray = Array<XAxisItem>;\n"],"mappings":"","ignoreList":[]}

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

@@ -5,7 +5,7 @@ import { getPriceCandles } from '../../../gql/getPriceCandles';
 import { getSentiments } from '../../../gql/getSentiments';
 import { BookType, DataSource, Division } from '../../../gql/types/graphql';
 import { BUCKET_CONFIG, INSTRUMENTS_CONFIG } from '../../constants';
-import { getTimeSpanForGranularity, processOrderPositionBooks, processPriceCandles, processSentiments, validateData } from './utils';
+import { getMultiplayerForTimeSpan, getTimeSpanForGranularity, processOrderPositionBooks, processPriceCandles, processSentiments, validateData } from './dataUtils';
 export const useCrowdViewData = _ref => {
   let {
     instrument,
@@ -51,7 +51,7 @@ export const useCrowdViewData = _ref => {
       granularity,
       maxBookPrice: maxPrice,
       minBookPrice: minPrice,
-      bucketMultiplier: 3,
+      bucketMultiplier: getMultiplayerForTimeSpan(granularity),
       bucketMargin: BUCKET_CONFIG.PRICE_MARGIN_MULTIPLIER
     },
     fetchPolicy: 'no-cache',
@@ -101,7 +101,7 @@ export const useCrowdViewData = _ref => {
     return validateData(priceCandlesData, orderPositionData, hasValidCandles, hasValidBooks, hasValidSentiments);
   }, [priceCandlesError, orderPositionError, sentimentsError, loading, priceCandlesData, orderPositionData, hasValidCandles, hasValidBooks, hasValidSentiments]);
   const data = useMemo(() => {
-    if (!priceCandlesData || !orderPositionData || !sentimentsData || error) {
+    if (!priceCandlesData || error) {
       return null;
     }
     return {
@@ -117,7 +117,7 @@ export const useCrowdViewData = _ref => {
         sentimentLongs
       },
       additionalData: {
-        bucketWidth,
+        bucketWidth: bucketWidth || INSTRUMENTS_CONFIG[instrument].defaultBucketWidth * getMultiplayerForTimeSpan(granularity),
         buckets,
         displayPrecision: pipsLocation,
         bookType,
@@ -125,10 +125,13 @@ export const useCrowdViewData = _ref => {
         sentimentThresholdMax
       }
     };
-  }, [priceCandlesData, orderPositionData, sentimentsData, error, dates, candlesOpen, candlesClose, candlesLow, candlesHigh, bookPrices, bookIndexes, sentimentShorts, sentimentLongs, bucketWidth, buckets, pipsLocation, bookType, sentimentThresholdMin, sentimentThresholdMax]);
+  }, [priceCandlesData, error, dates, candlesOpen, candlesClose, candlesLow, candlesHigh, bookPrices, bookIndexes, sentimentShorts, sentimentLongs, bucketWidth, granularity, instrument, buckets, pipsLocation, bookType, sentimentThresholdMin, sentimentThresholdMax]);
   return {
     mainData: data === null || data === void 0 ? void 0 : data.mainData,
     additionalData: data === null || data === void 0 ? void 0 : data.additionalData,
+    priceCandlesLoading,
+    orderPositionLoading,
+    sentimentsLoading,
     loading,
     error: !!error
   };

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

@@ -1 +1 @@
-{"version":3,"file":"useCrowdViewData.js","names":["useQuery","useMemo","getOrderPositionBooks","getPriceCandles","getSentiments","BookType","DataSource","Division","BUCKET_CONFIG","INSTRUMENTS_CONFIG","getTimeSpanForGranularity","processOrderPositionBooks","processPriceCandles","processSentiments","validateData","useCrowdViewData","_ref","instrument","bookType","division","granularity","dataSource","Ogm","Oj","Mt5","V20","loading","priceCandlesLoading","data","priceCandlesData","error","priceCandlesError","variables","mt5name","v20name","timeSpan","fetchPolicy","minPrice","maxPrice","hasValidCandles","dates","candlesOpen","candlesClose","candlesLow","candlesHigh","pipsLocation","orderPositionLoading","orderPositionData","orderPositionError","Order","maxBookPrice","minBookPrice","bucketMultiplier","bucketMargin","PRICE_MARGIN_MULTIPLIER","skip","bookPrices","bookIndexes","buckets","bucketWidth","sentimentThresholdMin","sentimentThresholdMax","hasValidBooks","sentimentsLoading","sentimentsData","sentimentsError","sentimentLongs","sentimentShorts","hasValidSentiments","Error","concat","message","mainData","additionalData","displayPrecision"],"sources":["../../../../../src/CrowdViewWidget/components/Chart/useCrowdViewData.ts"],"sourcesContent":["import { useQuery } from '@apollo/client';\nimport { useMemo } from 'react';\n\nimport { getOrderPositionBooks } from '../../../gql/getOrderPositionBooks';\nimport { getPriceCandles } from '../../../gql/getPriceCandles';\nimport { getSentiments } from '../../../gql/getSentiments';\nimport type {\n  GetOrderPositionBooksQuery,\n  GetOrderPositionBooksQueryVariables,\n  GetPriceCandlesQuery,\n  GetPriceCandlesQueryVariables,\n  GetSentimentsQuery,\n  GetSentimentsQueryVariables,\n} from '../../../gql/types/graphql';\nimport { BookType, DataSource, Division } from '../../../gql/types/graphql';\nimport { BUCKET_CONFIG, INSTRUMENTS_CONFIG } from '../../constants';\nimport type { UseCrowdViewDataProps, UseCrowdViewDataReturn } from './types';\nimport {\n  getTimeSpanForGranularity,\n  processOrderPositionBooks,\n  processPriceCandles,\n  processSentiments,\n  validateData,\n} from './utils';\n\nexport const useCrowdViewData = ({\n  instrument,\n  bookType,\n  division,\n  granularity,\n}: UseCrowdViewDataProps): UseCrowdViewDataReturn => {\n  const dataSource =\n    division === Division.Ogm || division === Division.Oj\n      ? DataSource.Mt5\n      : DataSource.V20;\n\n  // Get price candles data\n  const {\n    loading: priceCandlesLoading,\n    data: priceCandlesData,\n    error: priceCandlesError,\n  } = useQuery<GetPriceCandlesQuery, GetPriceCandlesQueryVariables>(\n    getPriceCandles,\n    {\n      variables: {\n        dataSource,\n        division,\n        instrument:\n          dataSource === DataSource.Mt5\n            ? INSTRUMENTS_CONFIG[instrument].mt5name\n            : INSTRUMENTS_CONFIG[instrument].v20name,\n        granularity,\n        timeSpan: getTimeSpanForGranularity(granularity),\n      },\n      fetchPolicy: 'no-cache',\n    }\n  );\n\n  const {\n    minPrice,\n    maxPrice,\n    hasValidCandles,\n    dates,\n    candlesOpen,\n    candlesClose,\n    candlesLow,\n    candlesHigh,\n    pipsLocation,\n  } = useMemo(() => processPriceCandles(priceCandlesData), [priceCandlesData]);\n\n  // Get order position books data\n  const {\n    loading: orderPositionLoading,\n    data: orderPositionData,\n    error: orderPositionError,\n  } = useQuery<GetOrderPositionBooksQuery, GetOrderPositionBooksQueryVariables>(\n    getOrderPositionBooks,\n    {\n      variables: {\n        instrument: INSTRUMENTS_CONFIG[instrument].v20name,\n        bookType: bookType || BookType.Order,\n        timeSpan: getTimeSpanForGranularity(granularity),\n        granularity,\n        maxBookPrice: maxPrice,\n        minBookPrice: minPrice,\n        bucketMultiplier: 3,\n        bucketMargin: BUCKET_CONFIG.PRICE_MARGIN_MULTIPLIER,\n      },\n      fetchPolicy: 'no-cache',\n      skip: priceCandlesLoading || !!priceCandlesError,\n    }\n  );\n\n  const {\n    bookPrices,\n    bookIndexes,\n    buckets,\n    bucketWidth,\n    sentimentThresholdMin,\n    sentimentThresholdMax,\n    hasValidBooks,\n  } = useMemo(\n    () => processOrderPositionBooks(orderPositionData, dates),\n    [orderPositionData, dates]\n  );\n\n  // Get sentiments data\n  const {\n    loading: sentimentsLoading,\n    data: sentimentsData,\n    error: sentimentsError,\n  } = useQuery<GetSentimentsQuery, GetSentimentsQueryVariables>(getSentiments, {\n    variables: {\n      instrument: INSTRUMENTS_CONFIG[instrument].v20name,\n      granularity,\n      timeSpan: getTimeSpanForGranularity(granularity),\n    },\n    fetchPolicy: 'no-cache',\n    skip: priceCandlesLoading || !!priceCandlesError,\n  });\n\n  const { sentimentLongs, sentimentShorts, hasValidSentiments } = useMemo(\n    () => processSentiments(sentimentsData, dates),\n    [sentimentsData, dates]\n  );\n\n  // Gather all results\n  const loading =\n    priceCandlesLoading || orderPositionLoading || sentimentsLoading;\n\n  const error = useMemo((): Error | null => {\n    if (priceCandlesError) {\n      return new Error(`Price candles error: ${priceCandlesError.message}`);\n    }\n    if (orderPositionError) {\n      return new Error(`Order position error: ${orderPositionError.message}`);\n    }\n    if (sentimentsError) {\n      return new Error(`Sentiments error: ${sentimentsError.message}`);\n    }\n    if (loading) {\n      return null;\n    }\n    return validateData(\n      priceCandlesData,\n      orderPositionData,\n      hasValidCandles,\n      hasValidBooks,\n      hasValidSentiments\n    );\n  }, [\n    priceCandlesError,\n    orderPositionError,\n    sentimentsError,\n    loading,\n    priceCandlesData,\n    orderPositionData,\n    hasValidCandles,\n    hasValidBooks,\n    hasValidSentiments,\n  ]);\n\n  const data = useMemo(() => {\n    if (!priceCandlesData || !orderPositionData || !sentimentsData || error) {\n      return null;\n    }\n\n    return {\n      mainData: {\n        dates,\n        candlesOpen,\n        candlesClose,\n        candlesLow,\n        candlesHigh,\n        bookPrices,\n        bookIndexes,\n        sentimentShorts,\n        sentimentLongs,\n      },\n      additionalData: {\n        bucketWidth,\n        buckets,\n        displayPrecision: pipsLocation,\n        bookType,\n        sentimentThresholdMin,\n        sentimentThresholdMax,\n      },\n    };\n  }, [\n    priceCandlesData,\n    orderPositionData,\n    sentimentsData,\n    error,\n    dates,\n    candlesOpen,\n    candlesClose,\n    candlesLow,\n    candlesHigh,\n    bookPrices,\n    bookIndexes,\n    sentimentShorts,\n    sentimentLongs,\n    bucketWidth,\n    buckets,\n    pipsLocation,\n    bookType,\n    sentimentThresholdMin,\n    sentimentThresholdMax,\n  ]);\n\n  return {\n    mainData: data?.mainData,\n    additionalData: data?.additionalData,\n    loading,\n    error: !!error,\n  };\n};\n"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,gBAAgB;AACzC,SAASC,OAAO,QAAQ,OAAO;AAE/B,SAASC,qBAAqB,QAAQ,oCAAoC;AAC1E,SAASC,eAAe,QAAQ,8BAA8B;AAC9D,SAASC,aAAa,QAAQ,4BAA4B;AAS1D,SAASC,QAAQ,EAAEC,UAAU,EAAEC,QAAQ,QAAQ,4BAA4B;AAC3E,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,iBAAiB;AAEnE,SACEC,yBAAyB,EACzBC,yBAAyB,EACzBC,mBAAmB,EACnBC,iBAAiB,EACjBC,YAAY,QACP,SAAS;AAEhB,OAAO,MAAMC,gBAAgB,GAAGC,IAAA,IAKqB;EAAA,IALpB;IAC/BC,UAAU;IACVC,QAAQ;IACRC,QAAQ;IACRC;EACqB,CAAC,GAAAJ,IAAA;EACtB,MAAMK,UAAU,GACdF,QAAQ,KAAKZ,QAAQ,CAACe,GAAG,IAAIH,QAAQ,KAAKZ,QAAQ,CAACgB,EAAE,GACjDjB,UAAU,CAACkB,GAAG,GACdlB,UAAU,CAACmB,GAAG;EAGpB,MAAM;IACJC,OAAO,EAAEC,mBAAmB;IAC5BC,IAAI,EAAEC,gBAAgB;IACtBC,KAAK,EAAEC;EACT,CAAC,GAAG/B,QAAQ,CACVG,eAAe,EACf;IACE6B,SAAS,EAAE;MACTX,UAAU;MACVF,QAAQ;MACRF,UAAU,EACRI,UAAU,KAAKf,UAAU,CAACkB,GAAG,GACzBf,kBAAkB,CAACQ,UAAU,CAAC,CAACgB,OAAO,GACtCxB,kBAAkB,CAACQ,UAAU,CAAC,CAACiB,OAAO;MAC5Cd,WAAW;MACXe,QAAQ,EAAEzB,yBAAyB,CAACU,WAAW;IACjD,CAAC;IACDgB,WAAW,EAAE;EACf,CACF,CAAC;EAED,MAAM;IACJC,QAAQ;IACRC,QAAQ;IACRC,eAAe;IACfC,KAAK;IACLC,WAAW;IACXC,YAAY;IACZC,UAAU;IACVC,WAAW;IACXC;EACF,CAAC,GAAG5C,OAAO,CAAC,MAAMW,mBAAmB,CAACiB,gBAAgB,CAAC,EAAE,CAACA,gBAAgB,CAAC,CAAC;EAG5E,MAAM;IACJH,OAAO,EAAEoB,oBAAoB;IAC7BlB,IAAI,EAAEmB,iBAAiB;IACvBjB,KAAK,EAAEkB;EACT,CAAC,GAAGhD,QAAQ,CACVE,qBAAqB,EACrB;IACE8B,SAAS,EAAE;MACTf,UAAU,EAAER,kBAAkB,CAACQ,UAAU,CAAC,CAACiB,OAAO;MAClDhB,QAAQ,EAAEA,QAAQ,IAAIb,QAAQ,CAAC4C,KAAK;MACpCd,QAAQ,EAAEzB,yBAAyB,CAACU,WAAW,CAAC;MAChDA,WAAW;MACX8B,YAAY,EAAEZ,QAAQ;MACtBa,YAAY,EAAEd,QAAQ;MACtBe,gBAAgB,EAAE,CAAC;MACnBC,YAAY,EAAE7C,aAAa,CAAC8C;IAC9B,CAAC;IACDlB,WAAW,EAAE,UAAU;IACvBmB,IAAI,EAAE5B,mBAAmB,IAAI,CAAC,CAACI;EACjC,CACF,CAAC;EAED,MAAM;IACJyB,UAAU;IACVC,WAAW;IACXC,OAAO;IACPC,WAAW;IACXC,qBAAqB;IACrBC,qBAAqB;IACrBC;EACF,CAAC,GAAG7D,OAAO,CACT,MAAMU,yBAAyB,CAACoC,iBAAiB,EAAEP,KAAK,CAAC,EACzD,CAACO,iBAAiB,EAAEP,KAAK,CAC3B,CAAC;EAGD,MAAM;IACJd,OAAO,EAAEqC,iBAAiB;IAC1BnC,IAAI,EAAEoC,cAAc;IACpBlC,KAAK,EAAEmC;EACT,CAAC,GAAGjE,QAAQ,CAAkDI,aAAa,EAAE;IAC3E4B,SAAS,EAAE;MACTf,UAAU,EAAER,kBAAkB,CAACQ,UAAU,CAAC,CAACiB,OAAO;MAClDd,WAAW;MACXe,QAAQ,EAAEzB,yBAAyB,CAACU,WAAW;IACjD,CAAC;IACDgB,WAAW,EAAE,UAAU;IACvBmB,IAAI,EAAE5B,mBAAmB,IAAI,CAAC,CAACI;EACjC,CAAC,CAAC;EAEF,MAAM;IAAEmC,cAAc;IAAEC,eAAe;IAAEC;EAAmB,CAAC,GAAGnE,OAAO,CACrE,MAAMY,iBAAiB,CAACmD,cAAc,EAAExB,KAAK,CAAC,EAC9C,CAACwB,cAAc,EAAExB,KAAK,CACxB,CAAC;EAGD,MAAMd,OAAO,GACXC,mBAAmB,IAAImB,oBAAoB,IAAIiB,iBAAiB;EAElE,MAAMjC,KAAK,GAAG7B,OAAO,CAAC,MAAoB;IACxC,IAAI8B,iBAAiB,EAAE;MACrB,OAAO,IAAIsC,KAAK,yBAAAC,MAAA,CAAyBvC,iBAAiB,CAACwC,OAAO,CAAE,CAAC;IACvE;IACA,IAAIvB,kBAAkB,EAAE;MACtB,OAAO,IAAIqB,KAAK,0BAAAC,MAAA,CAA0BtB,kBAAkB,CAACuB,OAAO,CAAE,CAAC;IACzE;IACA,IAAIN,eAAe,EAAE;MACnB,OAAO,IAAII,KAAK,sBAAAC,MAAA,CAAsBL,eAAe,CAACM,OAAO,CAAE,CAAC;IAClE;IACA,IAAI7C,OAAO,EAAE;MACX,OAAO,IAAI;IACb;IACA,OAAOZ,YAAY,CACjBe,gBAAgB,EAChBkB,iBAAiB,EACjBR,eAAe,EACfuB,aAAa,EACbM,kBACF,CAAC;EACH,CAAC,EAAE,CACDrC,iBAAiB,EACjBiB,kBAAkB,EAClBiB,eAAe,EACfvC,OAAO,EACPG,gBAAgB,EAChBkB,iBAAiB,EACjBR,eAAe,EACfuB,aAAa,EACbM,kBAAkB,CACnB,CAAC;EAEF,MAAMxC,IAAI,GAAG3B,OAAO,CAAC,MAAM;IACzB,IAAI,CAAC4B,gBAAgB,IAAI,CAACkB,iBAAiB,IAAI,CAACiB,cAAc,IAAIlC,KAAK,EAAE;MACvE,OAAO,IAAI;IACb;IAEA,OAAO;MACL0C,QAAQ,EAAE;QACRhC,KAAK;QACLC,WAAW;QACXC,YAAY;QACZC,UAAU;QACVC,WAAW;QACXY,UAAU;QACVC,WAAW;QACXU,eAAe;QACfD;MACF,CAAC;MACDO,cAAc,EAAE;QACdd,WAAW;QACXD,OAAO;QACPgB,gBAAgB,EAAE7B,YAAY;QAC9B3B,QAAQ;QACR0C,qBAAqB;QACrBC;MACF;IACF,CAAC;EACH,CAAC,EAAE,CACDhC,gBAAgB,EAChBkB,iBAAiB,EACjBiB,cAAc,EACdlC,KAAK,EACLU,KAAK,EACLC,WAAW,EACXC,YAAY,EACZC,UAAU,EACVC,WAAW,EACXY,UAAU,EACVC,WAAW,EACXU,eAAe,EACfD,cAAc,EACdP,WAAW,EACXD,OAAO,EACPb,YAAY,EACZ3B,QAAQ,EACR0C,qBAAqB,EACrBC,qBAAqB,CACtB,CAAC;EAEF,OAAO;IACLW,QAAQ,EAAE5C,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAE4C,QAAQ;IACxBC,cAAc,EAAE7C,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAE6C,cAAc;IACpC/C,OAAO;IACPI,KAAK,EAAE,CAAC,CAACA;EACX,CAAC;AACH,CAAC","ignoreList":[]}
+{"version":3,"file":"useCrowdViewData.js","names":["useQuery","useMemo","getOrderPositionBooks","getPriceCandles","getSentiments","BookType","DataSource","Division","BUCKET_CONFIG","INSTRUMENTS_CONFIG","getMultiplayerForTimeSpan","getTimeSpanForGranularity","processOrderPositionBooks","processPriceCandles","processSentiments","validateData","useCrowdViewData","_ref","instrument","bookType","division","granularity","dataSource","Ogm","Oj","Mt5","V20","loading","priceCandlesLoading","data","priceCandlesData","error","priceCandlesError","variables","mt5name","v20name","timeSpan","fetchPolicy","minPrice","maxPrice","hasValidCandles","dates","candlesOpen","candlesClose","candlesLow","candlesHigh","pipsLocation","orderPositionLoading","orderPositionData","orderPositionError","Order","maxBookPrice","minBookPrice","bucketMultiplier","bucketMargin","PRICE_MARGIN_MULTIPLIER","skip","bookPrices","bookIndexes","buckets","bucketWidth","sentimentThresholdMin","sentimentThresholdMax","hasValidBooks","sentimentsLoading","sentimentsData","sentimentsError","sentimentLongs","sentimentShorts","hasValidSentiments","Error","concat","message","mainData","additionalData","defaultBucketWidth","displayPrecision"],"sources":["../../../../../src/CrowdViewWidget/components/Chart/useCrowdViewData.ts"],"sourcesContent":["import { useQuery } from '@apollo/client';\nimport { useMemo } from 'react';\n\nimport { getOrderPositionBooks } from '../../../gql/getOrderPositionBooks';\nimport { getPriceCandles } from '../../../gql/getPriceCandles';\nimport { getSentiments } from '../../../gql/getSentiments';\nimport type {\n  GetOrderPositionBooksQuery,\n  GetOrderPositionBooksQueryVariables,\n  GetPriceCandlesQuery,\n  GetPriceCandlesQueryVariables,\n  GetSentimentsQuery,\n  GetSentimentsQueryVariables,\n} from '../../../gql/types/graphql';\nimport { BookType, DataSource, Division } from '../../../gql/types/graphql';\nimport { BUCKET_CONFIG, INSTRUMENTS_CONFIG } from '../../constants';\nimport {\n  getMultiplayerForTimeSpan,\n  getTimeSpanForGranularity,\n  processOrderPositionBooks,\n  processPriceCandles,\n  processSentiments,\n  validateData,\n} from './dataUtils';\nimport type { UseCrowdViewDataProps, UseCrowdViewDataReturn } from './types';\n\nexport const useCrowdViewData = ({\n  instrument,\n  bookType,\n  division,\n  granularity,\n}: UseCrowdViewDataProps): UseCrowdViewDataReturn => {\n  const dataSource =\n    division === Division.Ogm || division === Division.Oj\n      ? DataSource.Mt5\n      : DataSource.V20;\n\n  // Get price candles data\n  const {\n    loading: priceCandlesLoading,\n    data: priceCandlesData,\n    error: priceCandlesError,\n  } = useQuery<GetPriceCandlesQuery, GetPriceCandlesQueryVariables>(\n    getPriceCandles,\n    {\n      variables: {\n        dataSource,\n        division,\n        instrument:\n          dataSource === DataSource.Mt5\n            ? INSTRUMENTS_CONFIG[instrument].mt5name\n            : INSTRUMENTS_CONFIG[instrument].v20name,\n        granularity,\n        timeSpan: getTimeSpanForGranularity(granularity),\n      },\n      fetchPolicy: 'no-cache',\n    }\n  );\n\n  const {\n    minPrice,\n    maxPrice,\n    hasValidCandles,\n    dates,\n    candlesOpen,\n    candlesClose,\n    candlesLow,\n    candlesHigh,\n    pipsLocation,\n  } = useMemo(() => processPriceCandles(priceCandlesData), [priceCandlesData]);\n\n  // Get order position books data\n  const {\n    loading: orderPositionLoading,\n    data: orderPositionData,\n    error: orderPositionError,\n  } = useQuery<GetOrderPositionBooksQuery, GetOrderPositionBooksQueryVariables>(\n    getOrderPositionBooks,\n    {\n      variables: {\n        instrument: INSTRUMENTS_CONFIG[instrument].v20name,\n        bookType: bookType || BookType.Order,\n        timeSpan: getTimeSpanForGranularity(granularity),\n        granularity,\n        maxBookPrice: maxPrice,\n        minBookPrice: minPrice,\n        bucketMultiplier: getMultiplayerForTimeSpan(granularity),\n        bucketMargin: BUCKET_CONFIG.PRICE_MARGIN_MULTIPLIER,\n      },\n      fetchPolicy: 'no-cache',\n      skip: priceCandlesLoading || !!priceCandlesError,\n    }\n  );\n\n  const {\n    bookPrices,\n    bookIndexes,\n    buckets,\n    bucketWidth,\n    sentimentThresholdMin,\n    sentimentThresholdMax,\n    hasValidBooks,\n  } = useMemo(\n    () => processOrderPositionBooks(orderPositionData, dates),\n    [orderPositionData, dates]\n  );\n\n  // Get sentiments data\n  const {\n    loading: sentimentsLoading,\n    data: sentimentsData,\n    error: sentimentsError,\n  } = useQuery<GetSentimentsQuery, GetSentimentsQueryVariables>(getSentiments, {\n    variables: {\n      instrument: INSTRUMENTS_CONFIG[instrument].v20name,\n      granularity,\n      timeSpan: getTimeSpanForGranularity(granularity),\n    },\n    fetchPolicy: 'no-cache',\n    skip: priceCandlesLoading || !!priceCandlesError,\n  });\n\n  const { sentimentLongs, sentimentShorts, hasValidSentiments } = useMemo(\n    () => processSentiments(sentimentsData, dates),\n    [sentimentsData, dates]\n  );\n\n  // Gather all results\n  const loading =\n    priceCandlesLoading || orderPositionLoading || sentimentsLoading;\n\n  const error = useMemo((): Error | null => {\n    if (priceCandlesError) {\n      return new Error(`Price candles error: ${priceCandlesError.message}`);\n    }\n    if (orderPositionError) {\n      return new Error(`Order position error: ${orderPositionError.message}`);\n    }\n    if (sentimentsError) {\n      return new Error(`Sentiments error: ${sentimentsError.message}`);\n    }\n    if (loading) {\n      return null;\n    }\n    return validateData(\n      priceCandlesData,\n      orderPositionData,\n      hasValidCandles,\n      hasValidBooks,\n      hasValidSentiments\n    );\n  }, [\n    priceCandlesError,\n    orderPositionError,\n    sentimentsError,\n    loading,\n    priceCandlesData,\n    orderPositionData,\n    hasValidCandles,\n    hasValidBooks,\n    hasValidSentiments,\n  ]);\n\n  const data = useMemo(() => {\n    if (!priceCandlesData || error) {\n      return null;\n    }\n\n    return {\n      mainData: {\n        dates,\n        candlesOpen,\n        candlesClose,\n        candlesLow,\n        candlesHigh,\n        bookPrices,\n        bookIndexes,\n        sentimentShorts,\n        sentimentLongs,\n      },\n      additionalData: {\n        bucketWidth:\n          bucketWidth ||\n          INSTRUMENTS_CONFIG[instrument].defaultBucketWidth *\n            getMultiplayerForTimeSpan(granularity),\n        buckets,\n        displayPrecision: pipsLocation,\n        bookType,\n        sentimentThresholdMin,\n        sentimentThresholdMax,\n      },\n    };\n  }, [\n    priceCandlesData,\n    error,\n    dates,\n    candlesOpen,\n    candlesClose,\n    candlesLow,\n    candlesHigh,\n    bookPrices,\n    bookIndexes,\n    sentimentShorts,\n    sentimentLongs,\n    bucketWidth,\n    granularity,\n    instrument,\n    buckets,\n    pipsLocation,\n    bookType,\n    sentimentThresholdMin,\n    sentimentThresholdMax,\n  ]);\n\n  return {\n    mainData: data?.mainData,\n    additionalData: data?.additionalData,\n    priceCandlesLoading,\n    orderPositionLoading,\n    sentimentsLoading,\n    loading,\n    error: !!error,\n  };\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,29 +1,32 @@
+import { useLayoutProvider } from '@oanda/labs-widget-common';
 import { useLocale } from '@oanda/mono-i18n';
 import React from 'react';
 import { BookType } from '../../../gql/types/graphql';
 import { LegendBar } from './LegendBar';
 export const Legend = _ref => {
   let {
-    longValues,
-    shortValues,
-    bookType,
-    isDark
+    bookType
   } = _ref;
+  const {
+    isDark
+  } = useLayoutProvider();
   const {
     lang
   } = useLocale();
   return React.createElement("div", {
-    className: "lw-mx-auto lw-mt-4 lw-flex lw-w-full lw-flex-col lw-items-center lw-space-y-4 lw-pb-6 lw-pt-0 sm:lw-max-w-md lg:lw-max-w-xl"
+    className: "lw-my-4 lw-w-full"
+  }, React.createElement("div", {
+    className: "lw-mb-1 lw-flex lw-w-full lw-flex-row lw-justify-between"
   }, React.createElement(LegendBar, {
     isDark: isDark,
-    label: lang(bookType === BookType.Order ? 'buy' : 'long'),
-    type: "long",
-    values: longValues
+    type: "long"
+  }), React.createElement("div", {
+    className: "lw-w-[200px]"
   }), React.createElement(LegendBar, {
     isDark: isDark,
-    label: lang(bookType === BookType.Order ? 'sell' : 'short'),
-    type: "short",
-    values: shortValues
-  }));
+    type: "short"
+  })), React.createElement("div", {
+    className: "lw-flex lw-w-full lw-flex-row lw-justify-between lw-pb-2 lw-font-sans lw-text-xs lw-text-text-primary"
+  }, React.createElement("span", null, lang(bookType === BookType.Order ? 'buy_overbalance' : 'long_overbalance')), React.createElement("span", null, lang('even_market_demand')), React.createElement("span", null, lang(bookType === BookType.Order ? 'sell_overbalance' : 'short_overbalance'))));
 };
 //# sourceMappingURL=Legend.js.map

package/dist/module/CrowdViewWidget/components/Legend/Legend.js.map

@@ -1 +1 @@
-{"version":3,"file":"Legend.js","names":["useLocale","React","BookType","LegendBar","Legend","_ref","longValues","shortValues","bookType","isDark","lang","createElement","className","label","Order","type","values"],"sources":["../../../../../src/CrowdViewWidget/components/Legend/Legend.tsx"],"sourcesContent":["import { useLocale } from '@oanda/mono-i18n';\nimport React from 'react';\n\nimport { BookType } from '../../../gql/types/graphql';\nimport { LegendBar } from './LegendBar';\n\ninterface LegendProps {\n  longValues: (number | undefined)[];\n  shortValues: (number | undefined)[];\n  bookType: BookType;\n  isDark: boolean;\n}\n\nexport const Legend = ({\n  longValues,\n  shortValues,\n  bookType,\n  isDark,\n}: LegendProps) => {\n  const { lang } = useLocale();\n\n  return (\n    <div className=\"lw-mx-auto lw-mt-4 lw-flex lw-w-full lw-flex-col lw-items-center lw-space-y-4 lw-pb-6 lw-pt-0 sm:lw-max-w-md lg:lw-max-w-xl\">\n      <LegendBar\n        isDark={isDark}\n        label={lang(bookType === BookType.Order ? 'buy' : 'long')}\n        type=\"long\"\n        values={longValues}\n      />\n      <LegendBar\n        isDark={isDark}\n        label={lang(bookType === BookType.Order ? 'sell' : 'short')}\n        type=\"short\"\n        values={shortValues}\n      />\n    </div>\n  );\n};\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,kBAAkB;AAC5C,OAAOC,KAAK,MAAM,OAAO;AAEzB,SAASC,QAAQ,QAAQ,4BAA4B;AACrD,SAASC,SAAS,QAAQ,aAAa;AASvC,OAAO,MAAMC,MAAM,GAAGC,IAAA,IAKH;EAAA,IALI;IACrBC,UAAU;IACVC,WAAW;IACXC,QAAQ;IACRC;EACW,CAAC,GAAAJ,IAAA;EACZ,MAAM;IAAEK;EAAK,CAAC,GAAGV,SAAS,CAAC,CAAC;EAE5B,OACEC,KAAA,CAAAU,aAAA;IAAKC,SAAS,EAAC;EAA6H,GAC1IX,KAAA,CAAAU,aAAA,CAACR,SAAS;IACRM,MAAM,EAAEA,MAAO;IACfI,KAAK,EAAEH,IAAI,CAACF,QAAQ,KAAKN,QAAQ,CAACY,KAAK,GAAG,KAAK,GAAG,MAAM,CAAE;IAC1DC,IAAI,EAAC,MAAM;IACXC,MAAM,EAAEV;EAAW,CACpB,CAAC,EACFL,KAAA,CAAAU,aAAA,CAACR,SAAS;IACRM,MAAM,EAAEA,MAAO;IACfI,KAAK,EAAEH,IAAI,CAACF,QAAQ,KAAKN,QAAQ,CAACY,KAAK,GAAG,MAAM,GAAG,OAAO,CAAE;IAC5DC,IAAI,EAAC,OAAO;IACZC,MAAM,EAAET;EAAY,CACrB,CACE,CAAC;AAEV,CAAC","ignoreList":[]}
+{"version":3,"file":"Legend.js","names":["useLayoutProvider","useLocale","React","BookType","LegendBar","Legend","_ref","bookType","isDark","lang","createElement","className","type","Order"],"sources":["../../../../../src/CrowdViewWidget/components/Legend/Legend.tsx"],"sourcesContent":["import { useLayoutProvider } from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport React from 'react';\n\nimport { BookType } from '../../../gql/types/graphql';\nimport { LegendBar } from './LegendBar';\n\ninterface LegendProps {\n  bookType: BookType;\n}\n\nexport const Legend = ({ bookType }: LegendProps) => {\n  const { isDark } = useLayoutProvider();\n  const { lang } = useLocale();\n\n  return (\n    <div className=\"lw-my-4 lw-w-full\">\n      <div className=\"lw-mb-1 lw-flex lw-w-full lw-flex-row lw-justify-between\">\n        <LegendBar isDark={isDark} type=\"long\" />\n        <div className=\"lw-w-[200px]\" />\n        <LegendBar isDark={isDark} type=\"short\" />\n      </div>\n      <div className=\"lw-flex lw-w-full lw-flex-row lw-justify-between lw-pb-2 lw-font-sans lw-text-xs lw-text-text-primary\">\n        <span>\n          {lang(\n            bookType === BookType.Order ? 'buy_overbalance' : 'long_overbalance'\n          )}\n        </span>\n        <span>{lang('even_market_demand')}</span>\n        <span>\n          {lang(\n            bookType === BookType.Order\n              ? 'sell_overbalance'\n              : 'short_overbalance'\n          )}\n        </span>\n      </div>\n    </div>\n  );\n};\n"],"mappings":"AAAA,SAASA,iBAAiB,QAAQ,2BAA2B;AAC7D,SAASC,SAAS,QAAQ,kBAAkB;AAC5C,OAAOC,KAAK,MAAM,OAAO;AAEzB,SAASC,QAAQ,QAAQ,4BAA4B;AACrD,SAASC,SAAS,QAAQ,aAAa;AAMvC,OAAO,MAAMC,MAAM,GAAGC,IAAA,IAA+B;EAAA,IAA9B;IAAEC;EAAsB,CAAC,GAAAD,IAAA;EAC9C,MAAM;IAAEE;EAAO,CAAC,GAAGR,iBAAiB,CAAC,CAAC;EACtC,MAAM;IAAES;EAAK,CAAC,GAAGR,SAAS,CAAC,CAAC;EAE5B,OACEC,KAAA,CAAAQ,aAAA;IAAKC,SAAS,EAAC;EAAmB,GAChCT,KAAA,CAAAQ,aAAA;IAAKC,SAAS,EAAC;EAA0D,GACvET,KAAA,CAAAQ,aAAA,CAACN,SAAS;IAACI,MAAM,EAAEA,MAAO;IAACI,IAAI,EAAC;EAAM,CAAE,CAAC,EACzCV,KAAA,CAAAQ,aAAA;IAAKC,SAAS,EAAC;EAAc,CAAE,CAAC,EAChCT,KAAA,CAAAQ,aAAA,CAACN,SAAS;IAACI,MAAM,EAAEA,MAAO;IAACI,IAAI,EAAC;EAAO,CAAE,CACtC,CAAC,EACNV,KAAA,CAAAQ,aAAA;IAAKC,SAAS,EAAC;EAAuG,GACpHT,KAAA,CAAAQ,aAAA,eACGD,IAAI,CACHF,QAAQ,KAAKJ,QAAQ,CAACU,KAAK,GAAG,iBAAiB,GAAG,kBACpD,CACI,CAAC,EACPX,KAAA,CAAAQ,aAAA,eAAOD,IAAI,CAAC,oBAAoB,CAAQ,CAAC,EACzCP,KAAA,CAAAQ,aAAA,eACGD,IAAI,CACHF,QAAQ,KAAKJ,QAAQ,CAACU,KAAK,GACvB,kBAAkB,GAClB,mBACN,CACI,CACH,CACF,CAAC;AAEV,CAAC","ignoreList":[]}

package/dist/module/CrowdViewWidget/components/Legend/LegendBar.js

@@ -1,32 +1,31 @@
+import { cn } from '@oanda/labs-widget-common';
 import React from 'react';
 import { COLOR_MAP } from '../../constants';
 export const LegendBar = _ref => {
   let {
-    values,
     type,
-    label,
     isDark
   } = _ref;
   const colorPalette = isDark ? COLOR_MAP.dark : COLOR_MAP.light;
-  const colors = type === 'long' ? colorPalette.long : colorPalette.short;
+  const startColor = type === 'long' ? colorPalette.long[1] : colorPalette.short[0];
+  const endColor = type === 'long' ? colorPalette.long[0] : colorPalette.short[1];
+  const endGradient = type === 'long' ? "linear-gradient(90deg,".concat(endColor, " 0%, transparent 100%)") : "linear-gradient(270deg,".concat(startColor, " 0%, transparent 100%)");
   return React.createElement("div", {
-    className: "lw-flex lw-w-full lw-flex-col lw-space-y-1 lw-border-border-primary"
-  }, React.createElement("span", {
-    className: "lw-whitespace-nowrap lw-font-sans lw-text-xs lw-text-text-primary"
-  }, label), React.createElement("div", {
-    className: "lw-flex lw-h-2 lw-w-full lw-overflow-hidden lw-border lw-border-border-primary"
+    className: cn('lw-flex lw-h-2 lw-w-full lw-overflow-hidden', {
+      'lw-flex-row-reverse': type === 'short'
+    })
   }, React.createElement("div", {
     className: "lw-h-full lw-flex-1",
     "data-testid": "legend-bar-segment",
     style: {
-      background: "linear-gradient(90deg,".concat(colors[0], " 0%, ").concat(colors[1], " 100%)")
+      background: "linear-gradient(90deg,".concat(startColor, " 0%, ").concat(endColor, " 100%)")
     }
-  })), React.createElement("div", {
-    className: "lw-flex lw-w-full lw-justify-between"
-  }, React.createElement("span", {
-    className: "lw-whitespace-nowrap lw-font-sans lw-text-xs lw-text-text-primary"
-  }, values[0] ? "".concat(values[0].toFixed(2), "%") : '—'), React.createElement("span", {
-    className: "lw-whitespace-nowrap lw-font-sans lw-text-xs lw-text-text-primary"
-  }, values[1] ? "\u2264 ".concat(values[1].toFixed(2), "%") : '—')));
+  }), React.createElement("div", {
+    className: "lw-h-full lw-w-[10px]",
+    "data-testid": "legend-bar-segment",
+    style: {
+      background: endGradient
+    }
+  }));
 };
 //# sourceMappingURL=LegendBar.js.map

package/dist/module/CrowdViewWidget/components/Legend/LegendBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"LegendBar.js","names":["React","COLOR_MAP","LegendBar","_ref","values","type","label","isDark","colorPalette","dark","light","colors","long","short","createElement","className","style","background","concat","toFixed"],"sources":["../../../../../src/CrowdViewWidget/components/Legend/LegendBar.tsx"],"sourcesContent":["import React from 'react';\n\nimport { COLOR_MAP } from '../../constants';\n\nexport type LegendType = 'long' | 'short';\n\ninterface LegendBarProps {\n  values: (number | undefined)[];\n  type: LegendType;\n  label: string;\n  isDark: boolean;\n}\n\nexport const LegendBar = ({ values, type, label, isDark }: LegendBarProps) => {\n  const colorPalette = isDark ? COLOR_MAP.dark : COLOR_MAP.light;\n  const colors = type === 'long' ? colorPalette.long : colorPalette.short;\n\n  return (\n    <div className=\"lw-flex lw-w-full lw-flex-col lw-space-y-1 lw-border-border-primary\">\n      <span className=\"lw-whitespace-nowrap lw-font-sans lw-text-xs lw-text-text-primary\">\n        {label}\n      </span>\n      <div className=\"lw-flex lw-h-2 lw-w-full lw-overflow-hidden lw-border lw-border-border-primary\">\n        <div\n          className=\"lw-h-full lw-flex-1\"\n          data-testid=\"legend-bar-segment\"\n          style={{\n            background: `linear-gradient(90deg,${colors[0]} 0%, ${colors[1]} 100%)`,\n          }}\n        />\n      </div>\n\n      <div className=\"lw-flex lw-w-full lw-justify-between\">\n        <span className=\"lw-whitespace-nowrap lw-font-sans lw-text-xs lw-text-text-primary\">\n          {values[0] ? `${values[0].toFixed(2)}%` : '—'}\n        </span>\n        <span className=\"lw-whitespace-nowrap lw-font-sans lw-text-xs lw-text-text-primary\">\n          {values[1] ? `≤ ${values[1].toFixed(2)}%` : '—'}\n        </span>\n      </div>\n    </div>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,SAAS,QAAQ,iBAAiB;AAW3C,OAAO,MAAMC,SAAS,GAAGC,IAAA,IAAqD;EAAA,IAApD;IAAEC,MAAM;IAAEC,IAAI;IAAEC,KAAK;IAAEC;EAAuB,CAAC,GAAAJ,IAAA;EACvE,MAAMK,YAAY,GAAGD,MAAM,GAAGN,SAAS,CAACQ,IAAI,GAAGR,SAAS,CAACS,KAAK;EAC9D,MAAMC,MAAM,GAAGN,IAAI,KAAK,MAAM,GAAGG,YAAY,CAACI,IAAI,GAAGJ,YAAY,CAACK,KAAK;EAEvE,OACEb,KAAA,CAAAc,aAAA;IAAKC,SAAS,EAAC;EAAqE,GAClFf,KAAA,CAAAc,aAAA;IAAMC,SAAS,EAAC;EAAmE,GAChFT,KACG,CAAC,EACPN,KAAA,CAAAc,aAAA;IAAKC,SAAS,EAAC;EAAgF,GAC7Ff,KAAA,CAAAc,aAAA;IACEC,SAAS,EAAC,qBAAqB;IAC/B,eAAY,oBAAoB;IAChCC,KAAK,EAAE;MACLC,UAAU,2BAAAC,MAAA,CAA2BP,MAAM,CAAC,CAAC,CAAC,WAAAO,MAAA,CAAQP,MAAM,CAAC,CAAC,CAAC;IACjE;EAAE,CACH,CACE,CAAC,EAENX,KAAA,CAAAc,aAAA;IAAKC,SAAS,EAAC;EAAsC,GACnDf,KAAA,CAAAc,aAAA;IAAMC,SAAS,EAAC;EAAmE,GAChFX,MAAM,CAAC,CAAC,CAAC,MAAAc,MAAA,CAAMd,MAAM,CAAC,CAAC,CAAC,CAACe,OAAO,CAAC,CAAC,CAAC,SAAM,GACtC,CAAC,EACPnB,KAAA,CAAAc,aAAA;IAAMC,SAAS,EAAC;EAAmE,GAChFX,MAAM,CAAC,CAAC,CAAC,aAAAc,MAAA,CAAQd,MAAM,CAAC,CAAC,CAAC,CAACe,OAAO,CAAC,CAAC,CAAC,SAAM,GACxC,CACH,CACF,CAAC;AAEV,CAAC","ignoreList":[]}
+{"version":3,"file":"LegendBar.js","names":["cn","React","COLOR_MAP","LegendBar","_ref","type","isDark","colorPalette","dark","light","startColor","long","short","endColor","endGradient","concat","createElement","className","style","background"],"sources":["../../../../../src/CrowdViewWidget/components/Legend/LegendBar.tsx"],"sourcesContent":["import { cn } from '@oanda/labs-widget-common';\nimport React from 'react';\n\nimport { COLOR_MAP } from '../../constants';\n\nexport type LegendType = 'long' | 'short';\n\ninterface LegendBarProps {\n  type: LegendType;\n  isDark: boolean;\n}\n\nexport const LegendBar = ({ type, isDark }: LegendBarProps) => {\n  const colorPalette = isDark ? COLOR_MAP.dark : COLOR_MAP.light;\n  const startColor =\n    type === 'long' ? colorPalette.long[1] : colorPalette.short[0];\n  const endColor =\n    type === 'long' ? colorPalette.long[0] : colorPalette.short[1];\n  const endGradient =\n    type === 'long'\n      ? `linear-gradient(90deg,${endColor} 0%, transparent 100%)`\n      : `linear-gradient(270deg,${startColor} 0%, transparent 100%)`;\n\n  return (\n    <div\n      className={cn('lw-flex lw-h-2 lw-w-full lw-overflow-hidden', {\n        'lw-flex-row-reverse': type === 'short',\n      })}\n    >\n      <div\n        className=\"lw-h-full lw-flex-1\"\n        data-testid=\"legend-bar-segment\"\n        style={{\n          background: `linear-gradient(90deg,${startColor} 0%, ${endColor} 100%)`,\n        }}\n      />\n      <div\n        className=\"lw-h-full lw-w-[10px]\"\n        data-testid=\"legend-bar-segment\"\n        style={{\n          background: endGradient,\n        }}\n      />\n    </div>\n  );\n};\n"],"mappings":"AAAA,SAASA,EAAE,QAAQ,2BAA2B;AAC9C,OAAOC,KAAK,MAAM,OAAO;AAEzB,SAASC,SAAS,QAAQ,iBAAiB;AAS3C,OAAO,MAAMC,SAAS,GAAGC,IAAA,IAAsC;EAAA,IAArC;IAAEC,IAAI;IAAEC;EAAuB,CAAC,GAAAF,IAAA;EACxD,MAAMG,YAAY,GAAGD,MAAM,GAAGJ,SAAS,CAACM,IAAI,GAAGN,SAAS,CAACO,KAAK;EAC9D,MAAMC,UAAU,GACdL,IAAI,KAAK,MAAM,GAAGE,YAAY,CAACI,IAAI,CAAC,CAAC,CAAC,GAAGJ,YAAY,CAACK,KAAK,CAAC,CAAC,CAAC;EAChE,MAAMC,QAAQ,GACZR,IAAI,KAAK,MAAM,GAAGE,YAAY,CAACI,IAAI,CAAC,CAAC,CAAC,GAAGJ,YAAY,CAACK,KAAK,CAAC,CAAC,CAAC;EAChE,MAAME,WAAW,GACfT,IAAI,KAAK,MAAM,4BAAAU,MAAA,CACcF,QAAQ,wDAAAE,MAAA,CACPL,UAAU,2BAAwB;EAElE,OACET,KAAA,CAAAe,aAAA;IACEC,SAAS,EAAEjB,EAAE,CAAC,6CAA6C,EAAE;MAC3D,qBAAqB,EAAEK,IAAI,KAAK;IAClC,CAAC;EAAE,GAEHJ,KAAA,CAAAe,aAAA;IACEC,SAAS,EAAC,qBAAqB;IAC/B,eAAY,oBAAoB;IAChCC,KAAK,EAAE;MACLC,UAAU,2BAAAJ,MAAA,CAA2BL,UAAU,WAAAK,MAAA,CAAQF,QAAQ;IACjE;EAAE,CACH,CAAC,EACFZ,KAAA,CAAAe,aAAA;IACEC,SAAS,EAAC,uBAAuB;IACjC,eAAY,oBAAoB;IAChCC,KAAK,EAAE;MACLC,UAAU,EAAEL;IACd;EAAE,CACH,CACE,CAAC;AAEV,CAAC","ignoreList":[]}

package/dist/module/CrowdViewWidget/constants.js

@@ -1,40 +1,45 @@
 import { colorPalette } from '@oanda/labs-widget-common';
+import chroma from 'chroma-js';
 import { InstrumentId } from './types';
 export const BUCKET_CONFIG = {
-  MULTIPLIER: 4,
+  MULTIPLIER_5M: 1,
+  MULTIPLIER_15M: 1,
+  MULTIPLIER_1H: 2,
+  MULTIPLIER_4H: 4,
   PRICE_MARGIN_MULTIPLIER: 2
 };
 export const TIME_THRESHOLDS = {
   TWO_WEEKS_MS: 14 * 24 * 60 * 60 * 1000
 };
 export const CHART_CONFIG = {
+  HEIGHT: 440,
   MAIN_HEIGHT: 400,
   MARGIN_BETWEEN: 50,
   SENTIMENT_HEIGHT: 120,
   WIDTH: 9999,
   X_LABEL_SIZE: 40,
-  Y_LABEL_SIZE_DESKTOP: 60,
+  Y_LABEL_SIZE_DESKTOP: 50,
   Y_LABEL_SIZE_MOBILE: 40,
-  INITIAL_START_ZOOM: 80,
+  Y_SENTIMENT_LABEL_DESKTOP_SIZE: 40,
+  Y_SENTIMENT_LABEL_MOBILE_SIZE: 30,
+  INITIAL_START_ZOOM_DESKTOP: 70,
+  INITIAL_START_ZOOM_MOBILE: 85,
   INITIAL_END_ZOOM: 100,
   X_AXIS_DATE_PADDING: '        ',
   SENTIMENT_MIN: 0,
   SENTIMENT_MAX: 100,
-  SENTIMENT_INTERVAL: 25,
-  SENTIMENT_TEXT_OFFSET: 16
-};
-export const CHART_CONFIG_CALCULATED = {
-  FULL_HEIGHT: CHART_CONFIG.MAIN_HEIGHT + CHART_CONFIG.MARGIN_BETWEEN + CHART_CONFIG.SENTIMENT_HEIGHT + CHART_CONFIG.X_LABEL_SIZE,
-  SENTIMENT_TEXT_POSITION: CHART_CONFIG.SENTIMENT_HEIGHT + CHART_CONFIG.SENTIMENT_TEXT_OFFSET
+  TOP_MARGIN_DESKTOP: 0,
+  TOP_MARGIN_MOBILE: 30,
+  TOOLTIP_OFFSET: 5
 };
 export const COLOR_MAP = {
   dark: {
-    long: [colorPalette.darkBlue10, colorPalette.darkBlue90],
-    short: [colorPalette.darkYellow10, colorPalette.darkYellow90]
+    long: [chroma(colorPalette.darkBlue10).shade(0.5).hex(), chroma(colorPalette.darkBlue90).shade(0.5).hex()],
+    short: [chroma(colorPalette.darkYellow10).shade(0.5).hex(), chroma(colorPalette.darkYellow90).shade(0.5).hex()]
   },
   light: {
-    long: [colorPalette.lightBlue10, colorPalette.lightBlue90],
-    short: [colorPalette.lightYellow10, colorPalette.lightYellow90]
+    long: [chroma(colorPalette.lightBlue10).tint(0.5).hex(), chroma(colorPalette.lightBlue90).tint(0.5).hex()],
+    short: [chroma(colorPalette.lightYellow10).tint(0.5).hex(), chroma(colorPalette.lightYellow90).tint(0.5).hex()]
   }
 };
 export const INSTRUMENTS_CONFIG = {

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

@@ -1 +1 @@
-{"version":3,"file":"constants.js","names":["colorPalette","InstrumentId","BUCKET_CONFIG","MULTIPLIER","PRICE_MARGIN_MULTIPLIER","TIME_THRESHOLDS","TWO_WEEKS_MS","CHART_CONFIG","MAIN_HEIGHT","MARGIN_BETWEEN","SENTIMENT_HEIGHT","WIDTH","X_LABEL_SIZE","Y_LABEL_SIZE_DESKTOP","Y_LABEL_SIZE_MOBILE","INITIAL_START_ZOOM","INITIAL_END_ZOOM","X_AXIS_DATE_PADDING","SENTIMENT_MIN","SENTIMENT_MAX","SENTIMENT_INTERVAL","SENTIMENT_TEXT_OFFSET","CHART_CONFIG_CALCULATED","FULL_HEIGHT","SENTIMENT_TEXT_POSITION","COLOR_MAP","dark","long","darkBlue10","darkBlue90","short","darkYellow10","darkYellow90","light","lightBlue10","lightBlue90","lightYellow10","lightYellow90","INSTRUMENTS_CONFIG","EUR_AUD","mt5name","v20name","precision","defaultBucketWidth","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","XAU_USD","XAG_USD"],"sources":["../../../src/CrowdViewWidget/constants.ts"],"sourcesContent":["import { colorPalette } from '@oanda/labs-widget-common';\n\nimport { InstrumentId } from './types';\n\nexport const BUCKET_CONFIG = {\n  MULTIPLIER: 4,\n  PRICE_MARGIN_MULTIPLIER: 2,\n} as const;\n\nexport const TIME_THRESHOLDS = {\n  TWO_WEEKS_MS: 14 * 24 * 60 * 60 * 1000,\n} as const;\n\nexport const CHART_CONFIG = {\n  MAIN_HEIGHT: 400,\n  MARGIN_BETWEEN: 50,\n  SENTIMENT_HEIGHT: 120,\n  WIDTH: 9999,\n  X_LABEL_SIZE: 40,\n  Y_LABEL_SIZE_DESKTOP: 60,\n  Y_LABEL_SIZE_MOBILE: 40,\n  INITIAL_START_ZOOM: 80,\n  INITIAL_END_ZOOM: 100,\n  X_AXIS_DATE_PADDING: '        ',\n  SENTIMENT_MIN: 0,\n  SENTIMENT_MAX: 100,\n  SENTIMENT_INTERVAL: 25,\n  SENTIMENT_TEXT_OFFSET: 16,\n} as const;\n\nexport const CHART_CONFIG_CALCULATED = {\n  FULL_HEIGHT:\n    CHART_CONFIG.MAIN_HEIGHT +\n    CHART_CONFIG.MARGIN_BETWEEN +\n    CHART_CONFIG.SENTIMENT_HEIGHT +\n    CHART_CONFIG.X_LABEL_SIZE,\n  SENTIMENT_TEXT_POSITION:\n    CHART_CONFIG.SENTIMENT_HEIGHT + CHART_CONFIG.SENTIMENT_TEXT_OFFSET,\n};\n\nexport const COLOR_MAP = {\n  dark: {\n    long: [colorPalette.darkBlue10, colorPalette.darkBlue90],\n    short: [colorPalette.darkYellow10, colorPalette.darkYellow90],\n  },\n  light: {\n    long: [colorPalette.lightBlue10, colorPalette.lightBlue90],\n    short: [colorPalette.lightYellow10, colorPalette.lightYellow90],\n  },\n} as const;\n\nexport const INSTRUMENTS_CONFIG: Record<\n  InstrumentId,\n  {\n    precision: number;\n    defaultBucketWidth: number;\n    v20name: string;\n    mt5name: string;\n  }\n> = {\n  [InstrumentId.EUR_AUD]: {\n    mt5name: 'EURAUD',\n    v20name: 'EUR_AUD',\n    precision: 5,\n    defaultBucketWidth: 0.0005,\n  },\n  [InstrumentId.EUR_GBP]: {\n    mt5name: 'EURGBP',\n    v20name: 'EUR_GBP',\n    precision: 5,\n    defaultBucketWidth: 0.0005,\n  },\n  [InstrumentId.EUR_JPY]: {\n    mt5name: 'EURJPY',\n    v20name: 'EUR_JPY',\n    precision: 3,\n    defaultBucketWidth: 0.05,\n  },\n  [InstrumentId.EUR_USD]: {\n    mt5name: 'EURUSD',\n    v20name: 'EUR_USD',\n    precision: 5,\n    defaultBucketWidth: 0.0005,\n  },\n  [InstrumentId.EUR_CHF]: {\n    mt5name: 'EURCHF',\n    v20name: 'EUR_CHF',\n    precision: 5,\n    defaultBucketWidth: 0.0005,\n  },\n  [InstrumentId.USD_CHF]: {\n    mt5name: 'USDCHF',\n    v20name: 'USD_CHF',\n    precision: 5,\n    defaultBucketWidth: 0.0005,\n  },\n  [InstrumentId.USD_JPY]: {\n    mt5name: 'USDJPY',\n    v20name: 'USD_JPY',\n    precision: 3,\n    defaultBucketWidth: 0.05,\n  },\n  [InstrumentId.USD_CAD]: {\n    mt5name: 'USDCAD',\n    v20name: 'USD_CAD',\n    precision: 5,\n    defaultBucketWidth: 0.0005,\n  },\n  [InstrumentId.GBP_USD]: {\n    mt5name: 'GBPUSD',\n    v20name: 'GBP_USD',\n    precision: 5,\n    defaultBucketWidth: 0.0005,\n  },\n  [InstrumentId.GBP_JPY]: {\n    mt5name: 'GBPJPY',\n    v20name: 'GBP_JPY',\n    precision: 3,\n    defaultBucketWidth: 0.05,\n  },\n  [InstrumentId.GBP_CHF]: {\n    mt5name: 'GBPCHF',\n    v20name: 'GBP_CHF',\n    precision: 5,\n    defaultBucketWidth: 0.0005,\n  },\n  [InstrumentId.AUD_JPY]: {\n    mt5name: 'AUDJPY',\n    v20name: 'AUD_JPY',\n    precision: 3,\n    defaultBucketWidth: 0.05,\n  },\n  [InstrumentId.AUD_USD]: {\n    mt5name: 'AUDUSD',\n    v20name: 'AUD_USD',\n    precision: 5,\n    defaultBucketWidth: 0.0005,\n  },\n  [InstrumentId.NZD_USD]: {\n    mt5name: 'NZDUSD',\n    v20name: 'NZD_USD',\n    precision: 5,\n    defaultBucketWidth: 0.0005,\n  },\n  [InstrumentId.XAU_USD]: {\n    mt5name: 'XAUUSD',\n    v20name: 'XAU_USD',\n    precision: 3,\n    defaultBucketWidth: 0.5,\n  },\n  [InstrumentId.XAG_USD]: {\n    mt5name: 'XAGUSD',\n    v20name: 'XAG_USD',\n    precision: 5,\n    defaultBucketWidth: 0.0005,\n  },\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"constants.js","names":["colorPalette","chroma","InstrumentId","BUCKET_CONFIG","MULTIPLIER_5M","MULTIPLIER_15M","MULTIPLIER_1H","MULTIPLIER_4H","PRICE_MARGIN_MULTIPLIER","TIME_THRESHOLDS","TWO_WEEKS_MS","CHART_CONFIG","HEIGHT","MAIN_HEIGHT","MARGIN_BETWEEN","SENTIMENT_HEIGHT","WIDTH","X_LABEL_SIZE","Y_LABEL_SIZE_DESKTOP","Y_LABEL_SIZE_MOBILE","Y_SENTIMENT_LABEL_DESKTOP_SIZE","Y_SENTIMENT_LABEL_MOBILE_SIZE","INITIAL_START_ZOOM_DESKTOP","INITIAL_START_ZOOM_MOBILE","INITIAL_END_ZOOM","X_AXIS_DATE_PADDING","SENTIMENT_MIN","SENTIMENT_MAX","TOP_MARGIN_DESKTOP","TOP_MARGIN_MOBILE","TOOLTIP_OFFSET","COLOR_MAP","dark","long","darkBlue10","shade","hex","darkBlue90","short","darkYellow10","darkYellow90","light","lightBlue10","tint","lightBlue90","lightYellow10","lightYellow90","INSTRUMENTS_CONFIG","EUR_AUD","mt5name","v20name","precision","defaultBucketWidth","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","XAU_USD","XAG_USD"],"sources":["../../../src/CrowdViewWidget/constants.ts"],"sourcesContent":["import { colorPalette } from '@oanda/labs-widget-common';\nimport chroma from 'chroma-js';\n\nimport { InstrumentId } from './types';\n\nexport const BUCKET_CONFIG = {\n  MULTIPLIER_5M: 1,\n  MULTIPLIER_15M: 1,\n  MULTIPLIER_1H: 2,\n  MULTIPLIER_4H: 4,\n  PRICE_MARGIN_MULTIPLIER: 2,\n} as const;\n\nexport const TIME_THRESHOLDS = {\n  TWO_WEEKS_MS: 14 * 24 * 60 * 60 * 1000,\n} as const;\n\nexport const CHART_CONFIG = {\n  HEIGHT: 440,\n  MAIN_HEIGHT: 400,\n  MARGIN_BETWEEN: 50,\n  SENTIMENT_HEIGHT: 120,\n  WIDTH: 9999,\n  X_LABEL_SIZE: 40,\n  Y_LABEL_SIZE_DESKTOP: 50,\n  Y_LABEL_SIZE_MOBILE: 40,\n  Y_SENTIMENT_LABEL_DESKTOP_SIZE: 40,\n  Y_SENTIMENT_LABEL_MOBILE_SIZE: 30,\n  INITIAL_START_ZOOM_DESKTOP: 70,\n  INITIAL_START_ZOOM_MOBILE: 85,\n  INITIAL_END_ZOOM: 100,\n  X_AXIS_DATE_PADDING: '        ',\n  SENTIMENT_MIN: 0,\n  SENTIMENT_MAX: 100,\n  TOP_MARGIN_DESKTOP: 0,\n  TOP_MARGIN_MOBILE: 30,\n  TOOLTIP_OFFSET: 5,\n} as const;\n\nexport const COLOR_MAP = {\n  dark: {\n    long: [\n      chroma(colorPalette.darkBlue10).shade(0.5).hex(),\n      chroma(colorPalette.darkBlue90).shade(0.5).hex(),\n    ],\n    short: [\n      chroma(colorPalette.darkYellow10).shade(0.5).hex(),\n      chroma(colorPalette.darkYellow90).shade(0.5).hex(),\n    ],\n  },\n  light: {\n    long: [\n      chroma(colorPalette.lightBlue10).tint(0.5).hex(),\n      chroma(colorPalette.lightBlue90).tint(0.5).hex(),\n    ],\n    short: [\n      chroma(colorPalette.lightYellow10).tint(0.5).hex(),\n      chroma(colorPalette.lightYellow90).tint(0.5).hex(),\n    ],\n  },\n} as const;\n\nexport const INSTRUMENTS_CONFIG: Record<\n  InstrumentId,\n  {\n    precision: number;\n    defaultBucketWidth: number;\n    v20name: string;\n    mt5name: string;\n  }\n> = {\n  [InstrumentId.EUR_AUD]: {\n    mt5name: 'EURAUD',\n    v20name: 'EUR_AUD',\n    precision: 5,\n    defaultBucketWidth: 0.0005,\n  },\n  [InstrumentId.EUR_GBP]: {\n    mt5name: 'EURGBP',\n    v20name: 'EUR_GBP',\n    precision: 5,\n    defaultBucketWidth: 0.0005,\n  },\n  [InstrumentId.EUR_JPY]: {\n    mt5name: 'EURJPY',\n    v20name: 'EUR_JPY',\n    precision: 3,\n    defaultBucketWidth: 0.05,\n  },\n  [InstrumentId.EUR_USD]: {\n    mt5name: 'EURUSD',\n    v20name: 'EUR_USD',\n    precision: 5,\n    defaultBucketWidth: 0.0005,\n  },\n  [InstrumentId.EUR_CHF]: {\n    mt5name: 'EURCHF',\n    v20name: 'EUR_CHF',\n    precision: 5,\n    defaultBucketWidth: 0.0005,\n  },\n  [InstrumentId.USD_CHF]: {\n    mt5name: 'USDCHF',\n    v20name: 'USD_CHF',\n    precision: 5,\n    defaultBucketWidth: 0.0005,\n  },\n  [InstrumentId.USD_JPY]: {\n    mt5name: 'USDJPY',\n    v20name: 'USD_JPY',\n    precision: 3,\n    defaultBucketWidth: 0.05,\n  },\n  [InstrumentId.USD_CAD]: {\n    mt5name: 'USDCAD',\n    v20name: 'USD_CAD',\n    precision: 5,\n    defaultBucketWidth: 0.0005,\n  },\n  [InstrumentId.GBP_USD]: {\n    mt5name: 'GBPUSD',\n    v20name: 'GBP_USD',\n    precision: 5,\n    defaultBucketWidth: 0.0005,\n  },\n  [InstrumentId.GBP_JPY]: {\n    mt5name: 'GBPJPY',\n    v20name: 'GBP_JPY',\n    precision: 3,\n    defaultBucketWidth: 0.05,\n  },\n  [InstrumentId.GBP_CHF]: {\n    mt5name: 'GBPCHF',\n    v20name: 'GBP_CHF',\n    precision: 5,\n    defaultBucketWidth: 0.0005,\n  },\n  [InstrumentId.AUD_JPY]: {\n    mt5name: 'AUDJPY',\n    v20name: 'AUD_JPY',\n    precision: 3,\n    defaultBucketWidth: 0.05,\n  },\n  [InstrumentId.AUD_USD]: {\n    mt5name: 'AUDUSD',\n    v20name: 'AUD_USD',\n    precision: 5,\n    defaultBucketWidth: 0.0005,\n  },\n  [InstrumentId.NZD_USD]: {\n    mt5name: 'NZDUSD',\n    v20name: 'NZD_USD',\n    precision: 5,\n    defaultBucketWidth: 0.0005,\n  },\n  [InstrumentId.XAU_USD]: {\n    mt5name: 'XAUUSD',\n    v20name: 'XAU_USD',\n    precision: 3,\n    defaultBucketWidth: 0.5,\n  },\n  [InstrumentId.XAG_USD]: {\n    mt5name: 'XAGUSD',\n    v20name: 'XAG_USD',\n    precision: 5,\n    defaultBucketWidth: 0.0005,\n  },\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/module/CrowdViewWidget/selectConfig.js

@@ -63,12 +63,6 @@ const granularitySelectConfig = [{
 }, {
   id: Granularity.H4,
   label: '4_hours'
-}, {
-  id: Granularity.M5,
-  label: '5_minutes'
-}, {
-  id: Granularity.M15,
-  label: '15_minutes'
 }];
 export { granularitySelectConfig, instrumentSelectConfig, instrumentSelectConfigOC, navigationConfig };
 //# sourceMappingURL=selectConfig.js.map