@oanda/labs-crowd-view-widget 1.0.68 → 1.0.69

package/CHANGELOG.md

@@ -3,6 +3,286 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 1.0.69 (2026-01-20)
+
+
+
+## 1.0.250 (2026-01-20)
+
+
+
+## 1.0.249 (2026-01-12)
+
+
+
+## 1.0.248 (2026-01-09)
+
+
+
+## 1.0.247 (2026-01-08)
+
+
+
+## 1.0.246 (2026-01-08)
+
+
+
+## 1.0.245 (2026-01-07)
+
+
+
+## 1.0.244 (2026-01-02)
+
+
+
+## 1.0.243 (2025-12-30)
+
+
+
+## 1.0.242 (2025-12-16)
+
+
+
+## 1.0.241 (2025-12-16)
+
+
+
+## 1.0.240 (2025-12-15)
+
+
+
+## 1.0.239 (2025-12-12)
+
+
+
+## 1.0.238 (2025-12-11)
+
+
+
+## 1.0.237 (2025-12-09)
+
+
+
+## 1.0.236 (2025-12-05)
+
+
+
+## 1.0.235 (2025-12-04)
+
+
+
+## 1.0.234 (2025-11-27)
+
+
+
+## 1.0.233 (2025-11-27)
+
+
+
+## 1.0.232 (2025-11-27)
+
+
+
+## 1.0.231 (2025-11-07)
+
+
+
+## 1.0.230 (2025-11-05)
+
+
+
+## 1.0.229 (2025-11-05)
+
+
+
+## 1.0.228 (2025-11-05)
+
+
+
+## 1.0.227 (2025-10-31)
+
+
+
+## 1.0.226 (2025-10-29)
+
+
+
+## 1.0.225 (2025-10-09)
+
+
+
+## 1.0.224 (2025-09-29)
+
+
+
+## 1.0.223 (2025-09-29)
+
+
+
+## 1.0.222 (2025-09-17)
+
+
+
+## 1.0.221 (2025-09-11)
+
+
+
+## 1.0.220 (2025-09-09)
+
+
+
+## 1.0.219 (2025-09-02)
+
+
+
+## 1.0.218 (2025-09-01)
+
+
+
+## 1.0.217 (2025-08-25)
+
+
+
+## 1.0.216 (2025-08-18)
+
+
+
+## 1.0.215 (2025-08-18)
+
+
+
+## 1.0.214 (2025-08-14)
+
+
+
+## 1.0.213 (2025-08-12)
+
+
+
+## 1.0.212 (2025-08-05)
+
+
+
+## 1.0.211 (2025-08-05)
+
+
+
+## 1.0.210 (2025-07-31)
+
+
+
+## 1.0.209 (2025-07-31)
+
+
+
+## 1.0.208 (2025-07-24)
+
+
+
+## 1.0.207 (2025-07-18)
+
+
+
+## 1.0.206 (2025-07-18)
+
+
+
+## 1.0.205 (2025-07-17)
+
+
+
+## 1.0.204 (2025-07-09)
+
+
+
+## 1.0.203 (2025-06-16)
+
+
+
+## 1.0.202 (2025-06-04)
+
+
+
+## 1.0.201 (2025-06-02)
+
+
+
+## 1.0.200 (2025-05-30)
+
+
+
+## 1.0.199 (2025-05-29)
+
+
+
+## 1.0.198 (2025-05-26)
+
+
+
+## 1.0.197 (2025-05-23)
+
+
+
+## 1.0.196 (2025-05-22)
+
+
+
+## 1.0.195 (2025-05-21)
+
+
+
+## 1.0.194 (2025-05-21)
+
+
+
+## 1.0.193 (2025-05-15)
+
+
+
+## 1.0.192 (2025-05-14)
+
+
+
+## 1.0.191 (2025-04-30)
+
+
+
+## 1.0.190 (2025-04-28)
+
+
+
+## 1.0.189 (2025-04-23)
+
+
+
+## 1.0.188 (2025-04-22)
+
+
+
+## 1.0.187 (2025-04-18)
+
+
+
+## 1.0.186 (2025-04-10)
+
+
+
+## 1.0.185 (2025-04-09)
+
+
+
+## 1.0.184 (2025-04-08)
+
+
+
+## 1.0.183 (2025-04-04)
+
+**Note:** Version bump only for package @oanda/labs-crowd-view-widget
+
+
+
+
+
 ## 1.0.68 (2026-01-20)
 
 

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

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getTooltipConfig = void 0;
+var _monoI18n = require("@oanda/mono-i18n");
 var _chartUtils = require("../chartUtils");
 const getTooltipConfig = _ref => {
   let {
@@ -43,7 +44,8 @@ const getTooltipConfig = _ref => {
       sentimentShorts,
       isDesktop,
       locale,
-      isDark
+      isDark,
+      isJapanese: locale === _monoI18n.Locale.ja
     }),
     hideDelay: 0,
     axisPointer: {

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

@@ -1 +1 @@
-{"version":3,"file":"getTooltipConfig.js","names":["_chartUtils","require","getTooltipConfig","_ref","bookType","bucketWidth","buckets","labelCallback","selectedPriceRef","tooltipLinesColor","sentimentLongs","sentimentShorts","isDesktop","isDark","locale","backgroundColor","shadowColor","extraCssText","padding","textStyle","fontSize","lineHeight","alwaysShowContent","trigger","formatter","params","getTooltipFormatter","selectedPrice","current","hideDelay","axisPointer","type","axis","lineStyle","color","crossStyle","z","confine","position","exports"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/chartOptions/getTooltipConfig.ts"],"sourcesContent":["import type { TooltipComponentOption } from 'echarts';\n\nimport type { BookType } from '../../../../gql/types/graphql';\nimport { getTooltipFormatter } from '../chartUtils';\nimport type { Bucket, TooltipParam } from '../types';\n\ninterface GetTooltipConfigParams {\n  bookType: BookType;\n  bucketWidth: number;\n  buckets: Bucket[][];\n  labelCallback: (key: string, params?: Record<string, unknown>) => string;\n  selectedPriceRef: { current: number };\n  tooltipLinesColor: string;\n  sentimentLongs: (number | null)[];\n  sentimentShorts: (number | null)[];\n  isDesktop: boolean;\n  isDark: boolean;\n  locale: string;\n}\n\nexport const getTooltipConfig = ({\n  bookType,\n  bucketWidth,\n  buckets,\n  labelCallback,\n  selectedPriceRef,\n  tooltipLinesColor,\n  sentimentLongs,\n  sentimentShorts,\n  isDesktop,\n  isDark,\n  locale,\n}: GetTooltipConfigParams): TooltipComponentOption => ({\n  backgroundColor: 'transparent',\n  shadowColor: 'transparent',\n  extraCssText: 'width: 100%; z-index: 5;',\n  padding: 4,\n  textStyle: isDesktop\n    ? {\n        fontSize: 12,\n      }\n    : {\n        fontSize: 10,\n        lineHeight: 12,\n      },\n  alwaysShowContent: true,\n  trigger: 'axis' as const,\n  formatter: (params) =>\n    getTooltipFormatter({\n      bookType,\n      bucketWidth,\n      buckets,\n      labelCallback,\n      params: params as unknown as TooltipParam[],\n      selectedPrice: selectedPriceRef.current,\n      sentimentLongs,\n      sentimentShorts,\n      isDesktop,\n      locale,\n      isDark,\n    }),\n  hideDelay: 0,\n  axisPointer: {\n    type: 'cross' as const,\n    axis: 'x' as const,\n    lineStyle: {\n      color: tooltipLinesColor,\n    },\n    crossStyle: {\n      color: tooltipLinesColor,\n    },\n    z: 30,\n  },\n  confine: true,\n  position: [0, 0],\n});\n"],"mappings":";;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAiBO,MAAMC,gBAAgB,GAAGC,IAAA;EAAA,IAAC;IAC/BC,QAAQ;IACRC,WAAW;IACXC,OAAO;IACPC,aAAa;IACbC,gBAAgB;IAChBC,iBAAiB;IACjBC,cAAc;IACdC,eAAe;IACfC,SAAS;IACTC,MAAM;IACNC;EACsB,CAAC,GAAAX,IAAA;EAAA,OAA8B;IACrDY,eAAe,EAAE,aAAa;IAC9BC,WAAW,EAAE,aAAa;IAC1BC,YAAY,EAAE,0BAA0B;IACxCC,OAAO,EAAE,CAAC;IACVC,SAAS,EAAEP,SAAS,GAChB;MACEQ,QAAQ,EAAE;IACZ,CAAC,GACD;MACEA,QAAQ,EAAE,EAAE;MACZC,UAAU,EAAE;IACd,CAAC;IACLC,iBAAiB,EAAE,IAAI;IACvBC,OAAO,EAAE,MAAe;IACxBC,SAAS,EAAGC,MAAM,IAChB,IAAAC,+BAAmB,EAAC;MAClBtB,QAAQ;MACRC,WAAW;MACXC,OAAO;MACPC,aAAa;MACbkB,MAAM,EAAEA,MAAmC;MAC3CE,aAAa,EAAEnB,gBAAgB,CAACoB,OAAO;MACvClB,cAAc;MACdC,eAAe;MACfC,SAAS;MACTE,MAAM;MACND;IACF,CAAC,CAAC;IACJgB,SAAS,EAAE,CAAC;IACZC,WAAW,EAAE;MACXC,IAAI,EAAE,OAAgB;MACtBC,IAAI,EAAE,GAAY;MAClBC,SAAS,EAAE;QACTC,KAAK,EAAEzB;MACT,CAAC;MACD0B,UAAU,EAAE;QACVD,KAAK,EAAEzB;MACT,CAAC;MACD2B,CAAC,EAAE;IACL,CAAC;IACDC,OAAO,EAAE,IAAI;IACbC,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC;EACjB,CAAC;AAAA,CAAC;AAACC,OAAA,CAAArC,gBAAA,GAAAA,gBAAA","ignoreList":[]}
+{"version":3,"file":"getTooltipConfig.js","names":["_monoI18n","require","_chartUtils","getTooltipConfig","_ref","bookType","bucketWidth","buckets","labelCallback","selectedPriceRef","tooltipLinesColor","sentimentLongs","sentimentShorts","isDesktop","isDark","locale","backgroundColor","shadowColor","extraCssText","padding","textStyle","fontSize","lineHeight","alwaysShowContent","trigger","formatter","params","getTooltipFormatter","selectedPrice","current","isJapanese","Locale","ja","hideDelay","axisPointer","type","axis","lineStyle","color","crossStyle","z","confine","position","exports"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/chartOptions/getTooltipConfig.ts"],"sourcesContent":["import { Locale } from '@oanda/mono-i18n';\nimport type { TooltipComponentOption } from 'echarts';\n\nimport type { BookType } from '../../../../gql/types/graphql';\nimport { getTooltipFormatter } from '../chartUtils';\nimport type { Bucket, TooltipParam } from '../types';\n\ninterface GetTooltipConfigParams {\n  bookType: BookType;\n  bucketWidth: number;\n  buckets: Bucket[][];\n  labelCallback: (key: string, params?: Record<string, unknown>) => string;\n  selectedPriceRef: { current: number };\n  tooltipLinesColor: string;\n  sentimentLongs: (number | null)[];\n  sentimentShorts: (number | null)[];\n  isDesktop: boolean;\n  isDark: boolean;\n  locale: string;\n}\n\nexport const getTooltipConfig = ({\n  bookType,\n  bucketWidth,\n  buckets,\n  labelCallback,\n  selectedPriceRef,\n  tooltipLinesColor,\n  sentimentLongs,\n  sentimentShorts,\n  isDesktop,\n  isDark,\n  locale,\n}: GetTooltipConfigParams): TooltipComponentOption => ({\n  backgroundColor: 'transparent',\n  shadowColor: 'transparent',\n  extraCssText: 'width: 100%; z-index: 5;',\n  padding: 4,\n  textStyle: isDesktop\n    ? {\n        fontSize: 12,\n      }\n    : {\n        fontSize: 10,\n        lineHeight: 12,\n      },\n  alwaysShowContent: true,\n  trigger: 'axis' as const,\n  formatter: (params) =>\n    getTooltipFormatter({\n      bookType,\n      bucketWidth,\n      buckets,\n      labelCallback,\n      params: params as unknown as TooltipParam[],\n      selectedPrice: selectedPriceRef.current,\n      sentimentLongs,\n      sentimentShorts,\n      isDesktop,\n      locale,\n      isDark,\n      isJapanese: locale === Locale.ja,\n    }),\n  hideDelay: 0,\n  axisPointer: {\n    type: 'cross' as const,\n    axis: 'x' as const,\n    lineStyle: {\n      color: tooltipLinesColor,\n    },\n    crossStyle: {\n      color: tooltipLinesColor,\n    },\n    z: 30,\n  },\n  confine: true,\n  position: [0, 0],\n});\n"],"mappings":";;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AAIA,IAAAC,WAAA,GAAAD,OAAA;AAiBO,MAAME,gBAAgB,GAAGC,IAAA;EAAA,IAAC;IAC/BC,QAAQ;IACRC,WAAW;IACXC,OAAO;IACPC,aAAa;IACbC,gBAAgB;IAChBC,iBAAiB;IACjBC,cAAc;IACdC,eAAe;IACfC,SAAS;IACTC,MAAM;IACNC;EACsB,CAAC,GAAAX,IAAA;EAAA,OAA8B;IACrDY,eAAe,EAAE,aAAa;IAC9BC,WAAW,EAAE,aAAa;IAC1BC,YAAY,EAAE,0BAA0B;IACxCC,OAAO,EAAE,CAAC;IACVC,SAAS,EAAEP,SAAS,GAChB;MACEQ,QAAQ,EAAE;IACZ,CAAC,GACD;MACEA,QAAQ,EAAE,EAAE;MACZC,UAAU,EAAE;IACd,CAAC;IACLC,iBAAiB,EAAE,IAAI;IACvBC,OAAO,EAAE,MAAe;IACxBC,SAAS,EAAGC,MAAM,IAChB,IAAAC,+BAAmB,EAAC;MAClBtB,QAAQ;MACRC,WAAW;MACXC,OAAO;MACPC,aAAa;MACbkB,MAAM,EAAEA,MAAmC;MAC3CE,aAAa,EAAEnB,gBAAgB,CAACoB,OAAO;MACvClB,cAAc;MACdC,eAAe;MACfC,SAAS;MACTE,MAAM;MACND,MAAM;MACNgB,UAAU,EAAEf,MAAM,KAAKgB,gBAAM,CAACC;IAChC,CAAC,CAAC;IACJC,SAAS,EAAE,CAAC;IACZC,WAAW,EAAE;MACXC,IAAI,EAAE,OAAgB;MACtBC,IAAI,EAAE,GAAY;MAClBC,SAAS,EAAE;QACTC,KAAK,EAAE5B;MACT,CAAC;MACD6B,UAAU,EAAE;QACVD,KAAK,EAAE5B;MACT,CAAC;MACD8B,CAAC,EAAE;IACL,CAAC;IACDC,OAAO,EAAE,IAAI;IACbC,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC;EACjB,CAAC;AAAA,CAAC;AAACC,OAAA,CAAAxC,gBAAA,GAAAA,gBAAA","ignoreList":[]}

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

@@ -107,7 +107,8 @@ const getTooltipFormatter = _ref3 => {
     sentimentShorts,
     isDesktop,
     locale,
-    isDark
+    isDark,
+    isJapanese
   } = _ref3;
   if (!params || !Array.isArray(params) || params.length === 0) {
     return '';
@@ -148,7 +149,8 @@ const getTooltipFormatter = _ref3 => {
       candleSection,
       sentimentSection,
       bookSection,
-      isDark
+      isDark,
+      isJapanese
     });
   }
   return buildMobileTooltip({
@@ -165,19 +167,20 @@ const buildDesktopTooltip = _ref4 => {
     candleSection,
     sentimentSection,
     bookSection,
-    isDark
+    isDark,
+    isJapanese
   } = _ref4;
   const backgroundColor = isDark ? _labsWidgetCommon.colorPalette.black : _labsWidgetCommon.colorPalette.white;
   const fullWidth = TOOLTIP_STYLES.FULL_WIDTH;
   return `<div style="width: ${fullWidth}; background-color: ${backgroundColor};">
   <div style="width: ${fullWidth}; display: flex; justify-content: space-between;">
- <div style="width: 40%;">
+ <div style="${isJapanese ? 'width: 45%;' : 'width: 40%;'}">
 ${candleSection}
 </div>
-<div style="width: 22%;">
+<div style="${isJapanese ? 'width: 24%;' : 'width: 22%;'}">
 ${sentimentSection}
 </div>
-<div style="width: 38%;">
+<div style="${isJapanese ? 'width: 31%;' : 'width: 38%;'}">
 ${bookSection}
 </div>
 </div>

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

@@ -1 +1 @@
-{"version":3,"file":"getTooltipFormatter.js","names":["_labsWidgetCommon","require","_graphql","_formatFullDate","SENTIMENT_DISPLAY_PRECISION","TOOLTIP_STYLES","MOBILE_COLUMN_WIDTH","PADDING_BOTTOM","FULL_WIDTH","calculateBucketDisplayPrecision","bucketWidth","toString","split","length","findSeriesParam","params","seriesId","find","series","findSentimentSeriesParam","sentimentLongs","sentimentShorts","index","dataIndex","sentimentLong","sentimentShort","getSentimentOverbalanceLabel","sentiment","bookType","BookType","Order","formatCandleData","candleData","labelCallback","isDesktop","open","close","low","high","candleLabel","openLabel","closeLabel","lowLabel","highLabel","formatBookData","_ref","matchedBucket","bucketDisplayPrecision","bookLabelKey","priceRangeStart","price","toFixed","priceRangeEnd","sentimentLabel","sentimentValue","Math","abs","formatSentimentData","hasValidCandleData","hasValidSentimentData","findMatchingBucket","buckets","bucketsIndex","selectedPrice","undefined","selectedBuckets","_ref2","getTooltipFormatter","_ref3","locale","isDark","Array","isArray","candleParam","booksParam","time","Date","axisValue","value","showCandles","showSentiment","timeFormatted","formatFullDate","candleSection","bookSection","sentimentSection","buildDesktopTooltip","buildMobileTooltip","exports","_ref4","backgroundColor","colorPalette","black","white","fullWidth","_ref5","columnWidth","padding"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/chartUtils/getTooltipFormatter.ts"],"sourcesContent":["import { colorPalette } from '@oanda/labs-widget-common';\n\nimport { BookType } from '../../../../gql/types/graphql';\nimport type { Bucket, TooltipParam } from '../types';\nimport { formatFullDate } from './formatFullDate';\n\nconst SENTIMENT_DISPLAY_PRECISION = 2;\n\nconst TOOLTIP_STYLES = {\n  MOBILE_COLUMN_WIDTH: '33.3%',\n  PADDING_BOTTOM: '4px',\n  FULL_WIDTH: '100%',\n} as const;\n\nconst calculateBucketDisplayPrecision = (bucketWidth: number): number => {\n  return bucketWidth.toString().split('.')[1]?.length || 0;\n};\n\nconst findSeriesParam = <T extends TooltipParam['seriesId']>(\n  params: TooltipParam[],\n  seriesId: T\n): Extract<TooltipParam, { seriesId: T }> | undefined => {\n  return params.find(\n    (series): series is Extract<TooltipParam, { seriesId: T }> =>\n      series.seriesId === seriesId\n  );\n};\n\nconst findSentimentSeriesParam = (\n  params: TooltipParam[],\n  sentimentLongs: (number | null)[],\n  sentimentShorts: (number | null)[]\n): {\n  sentimentLong: number | null;\n  sentimentShort: number | null;\n} => {\n  const index = params[0].dataIndex as number;\n\n  return {\n    sentimentLong: sentimentLongs[index] ?? null,\n    sentimentShort: sentimentShorts[index] ?? null,\n  };\n};\n\nconst getSentimentOverbalanceLabel = (\n  sentiment: number,\n  bookType: BookType\n): string => {\n  if (sentiment < 0) {\n    return bookType === BookType.Order\n      ? 'sell_overbalance'\n      : 'short_overbalance';\n  }\n  return bookType === BookType.Order ? 'buy_overbalance' : 'long_overbalance';\n};\n\nconst formatCandleData = (\n  candleData: [number, number, number, number, number],\n  labelCallback: (key: string) => string,\n  isDesktop: boolean\n): string => {\n  const [, open, close, low, high] = candleData;\n  const candleLabel = labelCallback('candle');\n  const openLabel = labelCallback('open');\n  const closeLabel = labelCallback('close');\n  const lowLabel = labelCallback('low');\n  const highLabel = labelCallback('high');\n\n  return isDesktop\n    ? `<div><b>${candleLabel}:</b></div>\n<div style=\"display: flex; gap: 4px; margin-right: 4px;\">\n<div>${openLabel}: ${open} </div>\n<div>${highLabel}: ${high} </div>\n<div>${lowLabel}: ${low} </div>\n<div>${closeLabel}: ${close} </div>\n</div>`\n    : `<div><b>${candleLabel}:</b></div>\n<div>${openLabel}: ${open} </div>\n<div>${highLabel}: ${high} </div>\n<div>${lowLabel}: ${low} </div>\n<div>${closeLabel}: ${close} </div>\n`;\n};\n\nconst formatBookData = ({\n  matchedBucket,\n  bucketWidth,\n  bucketDisplayPrecision,\n  bookType,\n  labelCallback,\n  isDesktop,\n}: {\n  matchedBucket: Bucket;\n  bucketWidth: number;\n  bucketDisplayPrecision: number;\n  bookType: BookType;\n  labelCallback: (key: string) => string;\n  isDesktop: boolean;\n}): string => {\n  const bookLabelKey = bookType === BookType.Order ? 'orders' : 'trades';\n  const priceRangeStart = matchedBucket.price.toFixed(bucketDisplayPrecision);\n  const priceRangeEnd = (matchedBucket.price + bucketWidth).toFixed(\n    bucketDisplayPrecision\n  );\n  const sentimentLabel = getSentimentOverbalanceLabel(\n    matchedBucket.sentiment,\n    bookType\n  );\n  const sentimentValue = Math.abs(matchedBucket.sentiment);\n\n  return isDesktop\n    ? `<div><b>${labelCallback(bookLabelKey)}:</b></div>\n<span style=\"margin-right: 4px;\">${labelCallback('price_range')}: ${priceRangeStart} - ${priceRangeEnd} </span>\n<span style=\"margin-right: 4px;\">${labelCallback(sentimentLabel)}: ${sentimentValue}% </span>`\n    : `<div><b>${labelCallback(bookLabelKey)}:</b></div>\n<div>${labelCallback('price_range')}:</div>\n<div>${priceRangeStart} - ${priceRangeEnd} </div>\n<div>${labelCallback(sentimentLabel)}:</div>\n<div>${sentimentValue}% </div>`;\n};\n\nconst formatSentimentData = (\n  sentimentLong: number,\n  sentimentShort: number,\n  labelCallback: (key: string) => string,\n  isDesktop: boolean\n): string => {\n  return isDesktop\n    ? `<div><b>${labelCallback('sentiment')}:</b></div>\n  <span style=\"margin-right: 4px;\">${labelCallback('long')}: ${sentimentLong.toFixed(SENTIMENT_DISPLAY_PRECISION)}% </span>\n  <span style=\"margin-right: 4px;\">${labelCallback('short')}: ${sentimentShort.toFixed(SENTIMENT_DISPLAY_PRECISION)}% </span>`\n    : `<div><b>${labelCallback('sentiment')}:</b></div>\n<div>${labelCallback('long')}: ${sentimentLong.toFixed(SENTIMENT_DISPLAY_PRECISION)}% </div>\n<div>${labelCallback('short')}: ${sentimentShort.toFixed(SENTIMENT_DISPLAY_PRECISION)}% </div>`;\n};\n\nconst hasValidCandleData = (\n  candleData: [number, number, number, number, number]\n): boolean =>\n  !!candleData[1] && !!candleData[2] && !!candleData[3] && !!candleData[4];\n\nconst hasValidSentimentData = (\n  sentimentLong: number | null,\n  sentimentShort: number | null\n): boolean => sentimentLong !== null && sentimentShort !== null;\n\nconst findMatchingBucket = (\n  buckets: Bucket[][],\n  bucketsIndex: number | undefined,\n  selectedPrice: number,\n  bucketWidth: number\n): Bucket | undefined => {\n  if (bucketsIndex === undefined) {\n    return undefined;\n  }\n  const selectedBuckets = buckets[bucketsIndex];\n  return selectedBuckets?.find(\n    ({ price }) => selectedPrice >= price && selectedPrice < price + bucketWidth\n  );\n};\n\nexport const getTooltipFormatter = ({\n  params,\n  buckets,\n  bucketWidth,\n  selectedPrice,\n  bookType,\n  labelCallback,\n  sentimentLongs,\n  sentimentShorts,\n  isDesktop,\n  locale,\n  isDark,\n}: {\n  params: TooltipParam[];\n  buckets: Bucket[][];\n  bucketWidth: number;\n  selectedPrice: number;\n  bookType: BookType;\n  labelCallback: (key: string) => string;\n  sentimentLongs: (number | null)[];\n  sentimentShorts: (number | null)[];\n  isDesktop: boolean;\n  locale: string;\n  isDark: boolean;\n}) => {\n  if (!params || !Array.isArray(params) || params.length === 0) {\n    return '';\n  }\n\n  const candleParam = findSeriesParam(params, 'candlestick');\n  const booksParam = findSeriesParam(params, 'heatmap');\n  const { sentimentLong, sentimentShort } = findSentimentSeriesParam(\n    params,\n    sentimentLongs,\n    sentimentShorts\n  );\n\n  if (!candleParam) {\n    return '';\n  }\n\n  const bucketDisplayPrecision = calculateBucketDisplayPrecision(bucketWidth);\n  const time = new Date(candleParam.axisValue as string);\n  const candleData = candleParam.value;\n  const bucketsIndex = booksParam?.value[2];\n  const matchedBucket = findMatchingBucket(\n    buckets,\n    bucketsIndex,\n    selectedPrice,\n    bucketWidth\n  );\n  const showCandles = hasValidCandleData(candleData);\n  const showSentiment = hasValidSentimentData(sentimentLong, sentimentShort);\n\n  if (!showCandles && !matchedBucket) {\n    return '';\n  }\n\n  const timeFormatted = formatFullDate(time, locale);\n  const candleSection = showCandles\n    ? formatCandleData(candleData, labelCallback, isDesktop)\n    : '';\n\n  const bookSection = matchedBucket\n    ? formatBookData({\n        matchedBucket,\n        bucketWidth,\n        bucketDisplayPrecision,\n        bookType,\n        labelCallback,\n        isDesktop,\n      })\n    : '';\n\n  const sentimentSection =\n    showSentiment && sentimentLong && sentimentShort\n      ? formatSentimentData(\n          sentimentLong,\n          sentimentShort,\n          labelCallback,\n          isDesktop\n        )\n      : '';\n\n  if (isDesktop) {\n    return buildDesktopTooltip({\n      timeFormatted,\n      candleSection,\n      sentimentSection,\n      bookSection,\n      isDark,\n    });\n  }\n\n  return buildMobileTooltip({\n    timeFormatted,\n    candleSection,\n    sentimentSection,\n    bookSection,\n    isDark,\n  });\n};\n\ninterface TooltipSections {\n  timeFormatted: string;\n  candleSection: string;\n  sentimentSection: string;\n  bookSection: string;\n}\n\nconst buildDesktopTooltip = ({\n  candleSection,\n  sentimentSection,\n  bookSection,\n  isDark,\n}: TooltipSections & {\n  isDark: boolean;\n}): string => {\n  const backgroundColor = isDark ? colorPalette.black : colorPalette.white;\n  const fullWidth = TOOLTIP_STYLES.FULL_WIDTH;\n\n  return `<div style=\"width: ${fullWidth}; background-color: ${backgroundColor};\">\n  <div style=\"width: ${fullWidth}; display: flex; justify-content: space-between;\">\n <div style=\"width: 40%;\">\n${candleSection}\n</div>\n<div style=\"width: 22%;\">\n${sentimentSection}\n</div>\n<div style=\"width: 38%;\">\n${bookSection}\n</div>\n</div>\n</div>`;\n};\n\nconst buildMobileTooltip = ({\n  timeFormatted,\n  candleSection,\n  sentimentSection,\n  bookSection,\n  isDark,\n}: TooltipSections & { isDark: boolean }): string => {\n  const backgroundColor = isDark ? colorPalette.black : colorPalette.white;\n  const columnWidth = TOOLTIP_STYLES.MOBILE_COLUMN_WIDTH;\n  const fullWidth = TOOLTIP_STYLES.FULL_WIDTH;\n  const padding = TOOLTIP_STYLES.PADDING_BOTTOM;\n\n  return `<div style=\"width: ${fullWidth}; background-color: ${backgroundColor};\">\n  <div style=\"padding-bottom: ${padding};\">${timeFormatted}</div>\n  <div style=\"width: ${fullWidth}; display: flex; justify-content: space-between;\">\n  <div style=\"width: ${columnWidth};\">\n${candleSection}\n</div>\n<div style=\"width: ${columnWidth};\">\n${sentimentSection}\n</div>\n<div style=\"width: ${columnWidth};\">\n${bookSection}\n</div>\n</div>\n</div>`;\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"getTooltipFormatter.js","names":["_labsWidgetCommon","require","_graphql","_formatFullDate","SENTIMENT_DISPLAY_PRECISION","TOOLTIP_STYLES","MOBILE_COLUMN_WIDTH","PADDING_BOTTOM","FULL_WIDTH","calculateBucketDisplayPrecision","bucketWidth","toString","split","length","findSeriesParam","params","seriesId","find","series","findSentimentSeriesParam","sentimentLongs","sentimentShorts","index","dataIndex","sentimentLong","sentimentShort","getSentimentOverbalanceLabel","sentiment","bookType","BookType","Order","formatCandleData","candleData","labelCallback","isDesktop","open","close","low","high","candleLabel","openLabel","closeLabel","lowLabel","highLabel","formatBookData","_ref","matchedBucket","bucketDisplayPrecision","bookLabelKey","priceRangeStart","price","toFixed","priceRangeEnd","sentimentLabel","sentimentValue","Math","abs","formatSentimentData","hasValidCandleData","hasValidSentimentData","findMatchingBucket","buckets","bucketsIndex","selectedPrice","undefined","selectedBuckets","_ref2","getTooltipFormatter","_ref3","locale","isDark","isJapanese","Array","isArray","candleParam","booksParam","time","Date","axisValue","value","showCandles","showSentiment","timeFormatted","formatFullDate","candleSection","bookSection","sentimentSection","buildDesktopTooltip","buildMobileTooltip","exports","_ref4","backgroundColor","colorPalette","black","white","fullWidth","_ref5","columnWidth","padding"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/chartUtils/getTooltipFormatter.ts"],"sourcesContent":["import { colorPalette } from '@oanda/labs-widget-common';\n\nimport { BookType } from '../../../../gql/types/graphql';\nimport type { Bucket, TooltipParam } from '../types';\nimport { formatFullDate } from './formatFullDate';\n\nconst SENTIMENT_DISPLAY_PRECISION = 2;\n\nconst TOOLTIP_STYLES = {\n  MOBILE_COLUMN_WIDTH: '33.3%',\n  PADDING_BOTTOM: '4px',\n  FULL_WIDTH: '100%',\n} as const;\n\nconst calculateBucketDisplayPrecision = (bucketWidth: number): number => {\n  return bucketWidth.toString().split('.')[1]?.length || 0;\n};\n\nconst findSeriesParam = <T extends TooltipParam['seriesId']>(\n  params: TooltipParam[],\n  seriesId: T\n): Extract<TooltipParam, { seriesId: T }> | undefined => {\n  return params.find(\n    (series): series is Extract<TooltipParam, { seriesId: T }> =>\n      series.seriesId === seriesId\n  );\n};\n\nconst findSentimentSeriesParam = (\n  params: TooltipParam[],\n  sentimentLongs: (number | null)[],\n  sentimentShorts: (number | null)[]\n): {\n  sentimentLong: number | null;\n  sentimentShort: number | null;\n} => {\n  const index = params[0].dataIndex as number;\n\n  return {\n    sentimentLong: sentimentLongs[index] ?? null,\n    sentimentShort: sentimentShorts[index] ?? null,\n  };\n};\n\nconst getSentimentOverbalanceLabel = (\n  sentiment: number,\n  bookType: BookType\n): string => {\n  if (sentiment < 0) {\n    return bookType === BookType.Order\n      ? 'sell_overbalance'\n      : 'short_overbalance';\n  }\n  return bookType === BookType.Order ? 'buy_overbalance' : 'long_overbalance';\n};\n\nconst formatCandleData = (\n  candleData: [number, number, number, number, number],\n  labelCallback: (key: string) => string,\n  isDesktop: boolean\n): string => {\n  const [, open, close, low, high] = candleData;\n  const candleLabel = labelCallback('candle');\n  const openLabel = labelCallback('open');\n  const closeLabel = labelCallback('close');\n  const lowLabel = labelCallback('low');\n  const highLabel = labelCallback('high');\n\n  return isDesktop\n    ? `<div><b>${candleLabel}:</b></div>\n<div style=\"display: flex; gap: 4px; margin-right: 4px;\">\n<div>${openLabel}: ${open} </div>\n<div>${highLabel}: ${high} </div>\n<div>${lowLabel}: ${low} </div>\n<div>${closeLabel}: ${close} </div>\n</div>`\n    : `<div><b>${candleLabel}:</b></div>\n<div>${openLabel}: ${open} </div>\n<div>${highLabel}: ${high} </div>\n<div>${lowLabel}: ${low} </div>\n<div>${closeLabel}: ${close} </div>\n`;\n};\n\nconst formatBookData = ({\n  matchedBucket,\n  bucketWidth,\n  bucketDisplayPrecision,\n  bookType,\n  labelCallback,\n  isDesktop,\n}: {\n  matchedBucket: Bucket;\n  bucketWidth: number;\n  bucketDisplayPrecision: number;\n  bookType: BookType;\n  labelCallback: (key: string) => string;\n  isDesktop: boolean;\n}): string => {\n  const bookLabelKey = bookType === BookType.Order ? 'orders' : 'trades';\n  const priceRangeStart = matchedBucket.price.toFixed(bucketDisplayPrecision);\n  const priceRangeEnd = (matchedBucket.price + bucketWidth).toFixed(\n    bucketDisplayPrecision\n  );\n  const sentimentLabel = getSentimentOverbalanceLabel(\n    matchedBucket.sentiment,\n    bookType\n  );\n  const sentimentValue = Math.abs(matchedBucket.sentiment);\n\n  return isDesktop\n    ? `<div><b>${labelCallback(bookLabelKey)}:</b></div>\n<span style=\"margin-right: 4px;\">${labelCallback('price_range')}: ${priceRangeStart} - ${priceRangeEnd} </span>\n<span style=\"margin-right: 4px;\">${labelCallback(sentimentLabel)}: ${sentimentValue}% </span>`\n    : `<div><b>${labelCallback(bookLabelKey)}:</b></div>\n<div>${labelCallback('price_range')}:</div>\n<div>${priceRangeStart} - ${priceRangeEnd} </div>\n<div>${labelCallback(sentimentLabel)}:</div>\n<div>${sentimentValue}% </div>`;\n};\n\nconst formatSentimentData = (\n  sentimentLong: number,\n  sentimentShort: number,\n  labelCallback: (key: string) => string,\n  isDesktop: boolean\n): string => {\n  return isDesktop\n    ? `<div><b>${labelCallback('sentiment')}:</b></div>\n  <span style=\"margin-right: 4px;\">${labelCallback('long')}: ${sentimentLong.toFixed(SENTIMENT_DISPLAY_PRECISION)}% </span>\n  <span style=\"margin-right: 4px;\">${labelCallback('short')}: ${sentimentShort.toFixed(SENTIMENT_DISPLAY_PRECISION)}% </span>`\n    : `<div><b>${labelCallback('sentiment')}:</b></div>\n<div>${labelCallback('long')}: ${sentimentLong.toFixed(SENTIMENT_DISPLAY_PRECISION)}% </div>\n<div>${labelCallback('short')}: ${sentimentShort.toFixed(SENTIMENT_DISPLAY_PRECISION)}% </div>`;\n};\n\nconst hasValidCandleData = (\n  candleData: [number, number, number, number, number]\n): boolean =>\n  !!candleData[1] && !!candleData[2] && !!candleData[3] && !!candleData[4];\n\nconst hasValidSentimentData = (\n  sentimentLong: number | null,\n  sentimentShort: number | null\n): boolean => sentimentLong !== null && sentimentShort !== null;\n\nconst findMatchingBucket = (\n  buckets: Bucket[][],\n  bucketsIndex: number | undefined,\n  selectedPrice: number,\n  bucketWidth: number\n): Bucket | undefined => {\n  if (bucketsIndex === undefined) {\n    return undefined;\n  }\n  const selectedBuckets = buckets[bucketsIndex];\n  return selectedBuckets?.find(\n    ({ price }) => selectedPrice >= price && selectedPrice < price + bucketWidth\n  );\n};\n\nexport const getTooltipFormatter = ({\n  params,\n  buckets,\n  bucketWidth,\n  selectedPrice,\n  bookType,\n  labelCallback,\n  sentimentLongs,\n  sentimentShorts,\n  isDesktop,\n  locale,\n  isDark,\n  isJapanese,\n}: {\n  params: TooltipParam[];\n  buckets: Bucket[][];\n  bucketWidth: number;\n  selectedPrice: number;\n  bookType: BookType;\n  labelCallback: (key: string) => string;\n  sentimentLongs: (number | null)[];\n  sentimentShorts: (number | null)[];\n  isDesktop: boolean;\n  locale: string;\n  isDark: boolean;\n  isJapanese: boolean;\n}) => {\n  if (!params || !Array.isArray(params) || params.length === 0) {\n    return '';\n  }\n\n  const candleParam = findSeriesParam(params, 'candlestick');\n  const booksParam = findSeriesParam(params, 'heatmap');\n  const { sentimentLong, sentimentShort } = findSentimentSeriesParam(\n    params,\n    sentimentLongs,\n    sentimentShorts\n  );\n\n  if (!candleParam) {\n    return '';\n  }\n\n  const bucketDisplayPrecision = calculateBucketDisplayPrecision(bucketWidth);\n  const time = new Date(candleParam.axisValue as string);\n  const candleData = candleParam.value;\n  const bucketsIndex = booksParam?.value[2];\n  const matchedBucket = findMatchingBucket(\n    buckets,\n    bucketsIndex,\n    selectedPrice,\n    bucketWidth\n  );\n  const showCandles = hasValidCandleData(candleData);\n  const showSentiment = hasValidSentimentData(sentimentLong, sentimentShort);\n\n  if (!showCandles && !matchedBucket) {\n    return '';\n  }\n\n  const timeFormatted = formatFullDate(time, locale);\n  const candleSection = showCandles\n    ? formatCandleData(candleData, labelCallback, isDesktop)\n    : '';\n\n  const bookSection = matchedBucket\n    ? formatBookData({\n        matchedBucket,\n        bucketWidth,\n        bucketDisplayPrecision,\n        bookType,\n        labelCallback,\n        isDesktop,\n      })\n    : '';\n\n  const sentimentSection =\n    showSentiment && sentimentLong && sentimentShort\n      ? formatSentimentData(\n          sentimentLong,\n          sentimentShort,\n          labelCallback,\n          isDesktop\n        )\n      : '';\n\n  if (isDesktop) {\n    return buildDesktopTooltip({\n      timeFormatted,\n      candleSection,\n      sentimentSection,\n      bookSection,\n      isDark,\n      isJapanese,\n    });\n  }\n\n  return buildMobileTooltip({\n    timeFormatted,\n    candleSection,\n    sentimentSection,\n    bookSection,\n    isDark,\n  });\n};\n\ninterface TooltipSections {\n  timeFormatted: string;\n  candleSection: string;\n  sentimentSection: string;\n  bookSection: string;\n}\n\nconst buildDesktopTooltip = ({\n  candleSection,\n  sentimentSection,\n  bookSection,\n  isDark,\n  isJapanese,\n}: TooltipSections & {\n  isDark: boolean;\n  isJapanese: boolean;\n}): string => {\n  const backgroundColor = isDark ? colorPalette.black : colorPalette.white;\n  const fullWidth = TOOLTIP_STYLES.FULL_WIDTH;\n\n  return `<div style=\"width: ${fullWidth}; background-color: ${backgroundColor};\">\n  <div style=\"width: ${fullWidth}; display: flex; justify-content: space-between;\">\n <div style=\"${isJapanese ? 'width: 45%;' : 'width: 40%;'}\">\n${candleSection}\n</div>\n<div style=\"${isJapanese ? 'width: 24%;' : 'width: 22%;'}\">\n${sentimentSection}\n</div>\n<div style=\"${isJapanese ? 'width: 31%;' : 'width: 38%;'}\">\n${bookSection}\n</div>\n</div>\n</div>`;\n};\n\nconst buildMobileTooltip = ({\n  timeFormatted,\n  candleSection,\n  sentimentSection,\n  bookSection,\n  isDark,\n}: TooltipSections & { isDark: boolean }): string => {\n  const backgroundColor = isDark ? colorPalette.black : colorPalette.white;\n  const columnWidth = TOOLTIP_STYLES.MOBILE_COLUMN_WIDTH;\n  const fullWidth = TOOLTIP_STYLES.FULL_WIDTH;\n  const padding = TOOLTIP_STYLES.PADDING_BOTTOM;\n\n  return `<div style=\"width: ${fullWidth}; background-color: ${backgroundColor};\">\n  <div style=\"padding-bottom: ${padding};\">${timeFormatted}</div>\n  <div style=\"width: ${fullWidth}; display: flex; justify-content: space-between;\">\n  <div style=\"width: ${columnWidth};\">\n${candleSection}\n</div>\n<div style=\"width: ${columnWidth};\">\n${sentimentSection}\n</div>\n<div style=\"width: ${columnWidth};\">\n${bookSection}\n</div>\n</div>\n</div>`;\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -14,7 +14,7 @@ const processSentiments = (sentimentsData, dates) => {
   }
   const sentimentMap = new Map(sentimentsData.sentiments.sentiments.map(item => [item?.time, {
     sentimentShorts: item?.sentiment?.shortPercent ?? null,
-    sentimentLongs: item?.sentiment?.longPercent ?? null
+    sentimentLongs: item?.sentiment?.shortPercent ? 100 - item?.sentiment?.shortPercent : null
   }]));
   const {
     sentimentLongs,

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

@@ -1 +1 @@
-{"version":3,"file":"processSentiments.js","names":["processSentiments","sentimentsData","dates","Array","isArray","length","sentiments","sentimentLongs","sentimentShorts","hasValidSentiments","sentimentMap","Map","map","item","time","sentiment","shortPercent","longPercent","reduce","acc","date","get","exports"],"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":";;;;;;AAEO,MAAMA,iBAAiB,GAAGA,CAC/BC,cAA8C,EAC9CC,KAAe,KACZ;EACH,IACE,CAACC,KAAK,CAACC,OAAO,CAACF,KAAK,CAAC,IACrBA,KAAK,CAACG,MAAM,KAAK,CAAC,IAClB,CAACJ,cAAc,EAAEK,UAAU,EAAEA,UAAU,EAAED,MAAM,EAC/C;IACA,OAAO;MACLE,cAAc,EAAE,EAAE;MAClBC,eAAe,EAAE,EAAE;MACnBC,kBAAkB,EAAE;IACtB,CAAC;EACH;EAEA,MAAMC,YAAY,GAAG,IAAIC,GAAG,CAC1BV,cAAc,CAACK,UAAU,CAACA,UAAU,CAACM,GAAG,CAAEC,IAAI,IAAK,CACjDA,IAAI,EAAEC,IAAI,EACV;IACEN,eAAe,EAAEK,IAAI,EAAEE,SAAS,EAAEC,YAAY,IAAI,IAAI;IACtDT,cAAc,EAAEM,IAAI,EAAEE,SAAS,EAAEE,WAAW,IAAI;EAClD,CAAC,CACF,CACH,CAAC;EAED,MAAM;IAAEV,cAAc;IAAEC;EAAgB,CAAC,GAAGN,KAAK,CAACgB,MAAM,CACtD,CAACC,GAAG,EAAEC,IAAI,KAAK;IACb,MAAML,SAAS,GAAGL,YAAY,CAACW,GAAG,CAACD,IAAI,CAAC;IAExC,OAAO;MACLb,cAAc,EAAE,CACd,GAAGY,GAAG,CAACZ,cAAc,EACrBQ,SAAS,EAAER,cAAc,IAAI,IAAI,CAClC;MACDC,eAAe,EAAE,CACf,GAAGW,GAAG,CAACX,eAAe,EACtBO,SAAS,EAAEP,eAAe,IAAI,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;AAACa,OAAA,CAAAtB,iBAAA,GAAAA,iBAAA","ignoreList":[]}
+{"version":3,"file":"processSentiments.js","names":["processSentiments","sentimentsData","dates","Array","isArray","length","sentiments","sentimentLongs","sentimentShorts","hasValidSentiments","sentimentMap","Map","map","item","time","sentiment","shortPercent","reduce","acc","date","get","exports"],"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?.shortPercent\n          ? 100 - item?.sentiment?.shortPercent\n          : 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":";;;;;;AAEO,MAAMA,iBAAiB,GAAGA,CAC/BC,cAA8C,EAC9CC,KAAe,KACZ;EACH,IACE,CAACC,KAAK,CAACC,OAAO,CAACF,KAAK,CAAC,IACrBA,KAAK,CAACG,MAAM,KAAK,CAAC,IAClB,CAACJ,cAAc,EAAEK,UAAU,EAAEA,UAAU,EAAED,MAAM,EAC/C;IACA,OAAO;MACLE,cAAc,EAAE,EAAE;MAClBC,eAAe,EAAE,EAAE;MACnBC,kBAAkB,EAAE;IACtB,CAAC;EACH;EAEA,MAAMC,YAAY,GAAG,IAAIC,GAAG,CAC1BV,cAAc,CAACK,UAAU,CAACA,UAAU,CAACM,GAAG,CAAEC,IAAI,IAAK,CACjDA,IAAI,EAAEC,IAAI,EACV;IACEN,eAAe,EAAEK,IAAI,EAAEE,SAAS,EAAEC,YAAY,IAAI,IAAI;IACtDT,cAAc,EAAEM,IAAI,EAAEE,SAAS,EAAEC,YAAY,GACzC,GAAG,GAAGH,IAAI,EAAEE,SAAS,EAAEC,YAAY,GACnC;EACN,CAAC,CACF,CACH,CAAC;EAED,MAAM;IAAET,cAAc;IAAEC;EAAgB,CAAC,GAAGN,KAAK,CAACe,MAAM,CACtD,CAACC,GAAG,EAAEC,IAAI,KAAK;IACb,MAAMJ,SAAS,GAAGL,YAAY,CAACU,GAAG,CAACD,IAAI,CAAC;IAExC,OAAO;MACLZ,cAAc,EAAE,CACd,GAAGW,GAAG,CAACX,cAAc,EACrBQ,SAAS,EAAER,cAAc,IAAI,IAAI,CAClC;MACDC,eAAe,EAAE,CACf,GAAGU,GAAG,CAACV,eAAe,EACtBO,SAAS,EAAEP,eAAe,IAAI,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;AAACY,OAAA,CAAArB,iBAAA,GAAAA,iBAAA","ignoreList":[]}

package/dist/main/gql/getSentiments.js

@@ -18,7 +18,6 @@ const getSentiments = exports.getSentiments = (0, _client.gql)`
     ) {
       sentiments {
         sentiment {
-          longPercent
           shortPercent
         }
         time

package/dist/main/gql/getSentiments.js.map

@@ -1 +1 @@
-{"version":3,"file":"getSentiments.js","names":["_client","require","getSentiments","exports","gql"],"sources":["../../../src/gql/getSentiments.ts"],"sourcesContent":["import { gql } from '@apollo/client';\n\nconst getSentiments = gql`\n  query GetSentiments(\n    $instrument: String!\n    $granularity: Granularity!\n    $timeSpan: TimeSpan!\n  ) {\n    sentiments(\n      instrument: $instrument\n      granularity: $granularity\n      timeSpan: $timeSpan\n    ) {\n      sentiments {\n        sentiment {\n          longPercent\n          shortPercent\n        }\n        time\n      }\n    }\n  }\n`;\n\nexport { getSentiments };\n"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAEA,MAAMC,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,IAAAE,WAAG;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}
+{"version":3,"file":"getSentiments.js","names":["_client","require","getSentiments","exports","gql"],"sources":["../../../src/gql/getSentiments.ts"],"sourcesContent":["import { gql } from '@apollo/client';\n\nconst getSentiments = gql`\n  query GetSentiments(\n    $instrument: String!\n    $granularity: Granularity!\n    $timeSpan: TimeSpan!\n  ) {\n    sentiments(\n      instrument: $instrument\n      granularity: $granularity\n      timeSpan: $timeSpan\n    ) {\n      sentiments {\n        sentiment {\n          shortPercent\n        }\n        time\n      }\n    }\n  }\n`;\n\nexport { getSentiments };\n"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAEA,MAAMC,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,IAAAE,WAAG;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}

package/dist/main/gql/types/gql.js

@@ -9,7 +9,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 const documents = {
   '\n  query GetOrderPositionBooks(\n    $instrument: String!\n    $bookType: BookType!\n    $timeSpan: TimeSpan!\n    $granularity: Granularity!\n    $maxBookPrice: Float\n    $minBookPrice: Float\n    $bucketMultiplier: Int!\n    $bucketMargin: Int!\n  ) {\n    orderPositionBooks(\n      instrument: $instrument\n      bookType: $bookType\n      timeSpan: $timeSpan\n      granularity: $granularity\n      maxBookPrice: $maxBookPrice\n      minBookPrice: $minBookPrice\n      bucketMultiplier: $bucketMultiplier\n      bucketMargin: $bucketMargin\n    ) {\n      books {\n        time\n        price\n        buckets {\n          price\n          sentiment\n        }\n      }\n      bucketWidth\n      sentimentThresholdMax\n      sentimentThresholdMin\n    }\n  }\n': types.GetOrderPositionBooksDocument,
   '\n  query GetPriceCandles(\n    $dataSource: DataSource!\n    $division: Division!\n    $instrument: String!\n    $granularity: Granularity!\n    $timeSpan: TimeSpan!\n  ) {\n    priceCandles(\n      dataSource: $dataSource\n      division: $division\n      instrument: $instrument\n      granularity: $granularity\n      timeSpan: $timeSpan\n    ) {\n      candle {\n        point\n        high\n        low\n        open\n        close\n      }\n      pipsLocation\n    }\n  }\n': types.GetPriceCandlesDocument,
-  '\n  query GetSentiments(\n    $instrument: String!\n    $granularity: Granularity!\n    $timeSpan: TimeSpan!\n  ) {\n    sentiments(\n      instrument: $instrument\n      granularity: $granularity\n      timeSpan: $timeSpan\n    ) {\n      sentiments {\n        sentiment {\n          longPercent\n          shortPercent\n        }\n        time\n      }\n    }\n  }\n': types.GetSentimentsDocument
+  '\n  query GetSentiments(\n    $instrument: String!\n    $granularity: Granularity!\n    $timeSpan: TimeSpan!\n  ) {\n    sentiments(\n      instrument: $instrument\n      granularity: $granularity\n      timeSpan: $timeSpan\n    ) {\n      sentiments {\n        sentiment {\n          shortPercent\n        }\n        time\n      }\n    }\n  }\n': types.GetSentimentsDocument
 };
 function graphql(source) {
   return documents[source] ?? {};

package/dist/main/gql/types/gql.js.map

@@ -1 +1 @@
-{"version":3,"file":"gql.js","names":["types","_interopRequireWildcard","require","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","documents","GetOrderPositionBooksDocument","GetPriceCandlesDocument","GetSentimentsDocument","graphql","source"],"sources":["../../../../src/gql/types/gql.ts"],"sourcesContent":["/* eslint-disable */\nimport * as types from './graphql';\nimport { TypedDocumentNode as DocumentNode } from '@graphql-typed-document-node/core';\n\n/**\n * Map of all GraphQL operations in the project.\n *\n * This map has several performance disadvantages:\n * 1. It is not tree-shakeable, so it will include all operations in the project.\n * 2. It is not minifiable, so the string of a GraphQL query will be multiple times inside the bundle.\n * 3. It does not support dead code elimination, so it will add unused operations.\n *\n * Therefore it is highly recommended to use the babel or swc plugin for production.\n */\nconst documents = {\n  '\\n  query GetOrderPositionBooks(\\n    $instrument: String!\\n    $bookType: BookType!\\n    $timeSpan: TimeSpan!\\n    $granularity: Granularity!\\n    $maxBookPrice: Float\\n    $minBookPrice: Float\\n    $bucketMultiplier: Int!\\n    $bucketMargin: Int!\\n  ) {\\n    orderPositionBooks(\\n      instrument: $instrument\\n      bookType: $bookType\\n      timeSpan: $timeSpan\\n      granularity: $granularity\\n      maxBookPrice: $maxBookPrice\\n      minBookPrice: $minBookPrice\\n      bucketMultiplier: $bucketMultiplier\\n      bucketMargin: $bucketMargin\\n    ) {\\n      books {\\n        time\\n        price\\n        buckets {\\n          price\\n          sentiment\\n        }\\n      }\\n      bucketWidth\\n      sentimentThresholdMax\\n      sentimentThresholdMin\\n    }\\n  }\\n':\n    types.GetOrderPositionBooksDocument,\n  '\\n  query GetPriceCandles(\\n    $dataSource: DataSource!\\n    $division: Division!\\n    $instrument: String!\\n    $granularity: Granularity!\\n    $timeSpan: TimeSpan!\\n  ) {\\n    priceCandles(\\n      dataSource: $dataSource\\n      division: $division\\n      instrument: $instrument\\n      granularity: $granularity\\n      timeSpan: $timeSpan\\n    ) {\\n      candle {\\n        point\\n        high\\n        low\\n        open\\n        close\\n      }\\n      pipsLocation\\n    }\\n  }\\n':\n    types.GetPriceCandlesDocument,\n  '\\n  query GetSentiments(\\n    $instrument: String!\\n    $granularity: Granularity!\\n    $timeSpan: TimeSpan!\\n  ) {\\n    sentiments(\\n      instrument: $instrument\\n      granularity: $granularity\\n      timeSpan: $timeSpan\\n    ) {\\n      sentiments {\\n        sentiment {\\n          longPercent\\n          shortPercent\\n        }\\n        time\\n      }\\n    }\\n  }\\n':\n    types.GetSentimentsDocument,\n};\n\n/**\n * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.\n *\n *\n * @example\n * ```ts\n * const query = graphql(`query GetUser($id: ID!) { user(id: $id) { name } }`);\n * ```\n *\n * The query argument is unknown!\n * Please regenerate the types.\n */\nexport function graphql(source: string): unknown;\n\n/**\n * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.\n */\nexport function graphql(\n  source: '\\n  query GetOrderPositionBooks(\\n    $instrument: String!\\n    $bookType: BookType!\\n    $timeSpan: TimeSpan!\\n    $granularity: Granularity!\\n    $maxBookPrice: Float\\n    $minBookPrice: Float\\n    $bucketMultiplier: Int!\\n    $bucketMargin: Int!\\n  ) {\\n    orderPositionBooks(\\n      instrument: $instrument\\n      bookType: $bookType\\n      timeSpan: $timeSpan\\n      granularity: $granularity\\n      maxBookPrice: $maxBookPrice\\n      minBookPrice: $minBookPrice\\n      bucketMultiplier: $bucketMultiplier\\n      bucketMargin: $bucketMargin\\n    ) {\\n      books {\\n        time\\n        price\\n        buckets {\\n          price\\n          sentiment\\n        }\\n      }\\n      bucketWidth\\n      sentimentThresholdMax\\n      sentimentThresholdMin\\n    }\\n  }\\n'\n): (typeof documents)['\\n  query GetOrderPositionBooks(\\n    $instrument: String!\\n    $bookType: BookType!\\n    $timeSpan: TimeSpan!\\n    $granularity: Granularity!\\n    $maxBookPrice: Float\\n    $minBookPrice: Float\\n    $bucketMultiplier: Int!\\n    $bucketMargin: Int!\\n  ) {\\n    orderPositionBooks(\\n      instrument: $instrument\\n      bookType: $bookType\\n      timeSpan: $timeSpan\\n      granularity: $granularity\\n      maxBookPrice: $maxBookPrice\\n      minBookPrice: $minBookPrice\\n      bucketMultiplier: $bucketMultiplier\\n      bucketMargin: $bucketMargin\\n    ) {\\n      books {\\n        time\\n        price\\n        buckets {\\n          price\\n          sentiment\\n        }\\n      }\\n      bucketWidth\\n      sentimentThresholdMax\\n      sentimentThresholdMin\\n    }\\n  }\\n'];\n/**\n * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.\n */\nexport function graphql(\n  source: '\\n  query GetPriceCandles(\\n    $dataSource: DataSource!\\n    $division: Division!\\n    $instrument: String!\\n    $granularity: Granularity!\\n    $timeSpan: TimeSpan!\\n  ) {\\n    priceCandles(\\n      dataSource: $dataSource\\n      division: $division\\n      instrument: $instrument\\n      granularity: $granularity\\n      timeSpan: $timeSpan\\n    ) {\\n      candle {\\n        point\\n        high\\n        low\\n        open\\n        close\\n      }\\n      pipsLocation\\n    }\\n  }\\n'\n): (typeof documents)['\\n  query GetPriceCandles(\\n    $dataSource: DataSource!\\n    $division: Division!\\n    $instrument: String!\\n    $granularity: Granularity!\\n    $timeSpan: TimeSpan!\\n  ) {\\n    priceCandles(\\n      dataSource: $dataSource\\n      division: $division\\n      instrument: $instrument\\n      granularity: $granularity\\n      timeSpan: $timeSpan\\n    ) {\\n      candle {\\n        point\\n        high\\n        low\\n        open\\n        close\\n      }\\n      pipsLocation\\n    }\\n  }\\n'];\n/**\n * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.\n */\nexport function graphql(\n  source: '\\n  query GetSentiments(\\n    $instrument: String!\\n    $granularity: Granularity!\\n    $timeSpan: TimeSpan!\\n  ) {\\n    sentiments(\\n      instrument: $instrument\\n      granularity: $granularity\\n      timeSpan: $timeSpan\\n    ) {\\n      sentiments {\\n        sentiment {\\n          longPercent\\n          shortPercent\\n        }\\n        time\\n      }\\n    }\\n  }\\n'\n): (typeof documents)['\\n  query GetSentiments(\\n    $instrument: String!\\n    $granularity: Granularity!\\n    $timeSpan: TimeSpan!\\n  ) {\\n    sentiments(\\n      instrument: $instrument\\n      granularity: $granularity\\n      timeSpan: $timeSpan\\n    ) {\\n      sentiments {\\n        sentiment {\\n          longPercent\\n          shortPercent\\n        }\\n        time\\n      }\\n    }\\n  }\\n'];\n\nexport function graphql(source: string) {\n  return (documents as any)[source] ?? {};\n}\n\nexport type DocumentType<TDocumentNode extends DocumentNode<any, any>> =\n  TDocumentNode extends DocumentNode<infer TType, any> ? TType : never;\n"],"mappings":";;;;;;AACA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AAAmC,SAAAD,wBAAAE,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAJ,uBAAA,YAAAA,CAAAE,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAanC,MAAMkB,SAAS,GAAG;EAChB,iwBAAiwB,EAC/vBtB,KAAK,CAACuB,6BAA6B;EACrC,keAAke,EAChevB,KAAK,CAACwB,uBAAuB;EAC/B,kXAAkX,EAChXxB,KAAK,CAACyB;AACV,CAAC;AAmCM,SAASC,OAAOA,CAACC,MAAc,EAAE;EACtC,OAAQL,SAAS,CAASK,MAAM,CAAC,IAAI,CAAC,CAAC;AACzC","ignoreList":[]}
+{"version":3,"file":"gql.js","names":["types","_interopRequireWildcard","require","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","documents","GetOrderPositionBooksDocument","GetPriceCandlesDocument","GetSentimentsDocument","graphql","source"],"sources":["../../../../src/gql/types/gql.ts"],"sourcesContent":["/* eslint-disable */\nimport * as types from './graphql';\nimport { TypedDocumentNode as DocumentNode } from '@graphql-typed-document-node/core';\n\n/**\n * Map of all GraphQL operations in the project.\n *\n * This map has several performance disadvantages:\n * 1. It is not tree-shakeable, so it will include all operations in the project.\n * 2. It is not minifiable, so the string of a GraphQL query will be multiple times inside the bundle.\n * 3. It does not support dead code elimination, so it will add unused operations.\n *\n * Therefore it is highly recommended to use the babel or swc plugin for production.\n */\nconst documents = {\n  '\\n  query GetOrderPositionBooks(\\n    $instrument: String!\\n    $bookType: BookType!\\n    $timeSpan: TimeSpan!\\n    $granularity: Granularity!\\n    $maxBookPrice: Float\\n    $minBookPrice: Float\\n    $bucketMultiplier: Int!\\n    $bucketMargin: Int!\\n  ) {\\n    orderPositionBooks(\\n      instrument: $instrument\\n      bookType: $bookType\\n      timeSpan: $timeSpan\\n      granularity: $granularity\\n      maxBookPrice: $maxBookPrice\\n      minBookPrice: $minBookPrice\\n      bucketMultiplier: $bucketMultiplier\\n      bucketMargin: $bucketMargin\\n    ) {\\n      books {\\n        time\\n        price\\n        buckets {\\n          price\\n          sentiment\\n        }\\n      }\\n      bucketWidth\\n      sentimentThresholdMax\\n      sentimentThresholdMin\\n    }\\n  }\\n':\n    types.GetOrderPositionBooksDocument,\n  '\\n  query GetPriceCandles(\\n    $dataSource: DataSource!\\n    $division: Division!\\n    $instrument: String!\\n    $granularity: Granularity!\\n    $timeSpan: TimeSpan!\\n  ) {\\n    priceCandles(\\n      dataSource: $dataSource\\n      division: $division\\n      instrument: $instrument\\n      granularity: $granularity\\n      timeSpan: $timeSpan\\n    ) {\\n      candle {\\n        point\\n        high\\n        low\\n        open\\n        close\\n      }\\n      pipsLocation\\n    }\\n  }\\n':\n    types.GetPriceCandlesDocument,\n  '\\n  query GetSentiments(\\n    $instrument: String!\\n    $granularity: Granularity!\\n    $timeSpan: TimeSpan!\\n  ) {\\n    sentiments(\\n      instrument: $instrument\\n      granularity: $granularity\\n      timeSpan: $timeSpan\\n    ) {\\n      sentiments {\\n        sentiment {\\n          shortPercent\\n        }\\n        time\\n      }\\n    }\\n  }\\n':\n    types.GetSentimentsDocument,\n};\n\n/**\n * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.\n *\n *\n * @example\n * ```ts\n * const query = graphql(`query GetUser($id: ID!) { user(id: $id) { name } }`);\n * ```\n *\n * The query argument is unknown!\n * Please regenerate the types.\n */\nexport function graphql(source: string): unknown;\n\n/**\n * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.\n */\nexport function graphql(\n  source: '\\n  query GetOrderPositionBooks(\\n    $instrument: String!\\n    $bookType: BookType!\\n    $timeSpan: TimeSpan!\\n    $granularity: Granularity!\\n    $maxBookPrice: Float\\n    $minBookPrice: Float\\n    $bucketMultiplier: Int!\\n    $bucketMargin: Int!\\n  ) {\\n    orderPositionBooks(\\n      instrument: $instrument\\n      bookType: $bookType\\n      timeSpan: $timeSpan\\n      granularity: $granularity\\n      maxBookPrice: $maxBookPrice\\n      minBookPrice: $minBookPrice\\n      bucketMultiplier: $bucketMultiplier\\n      bucketMargin: $bucketMargin\\n    ) {\\n      books {\\n        time\\n        price\\n        buckets {\\n          price\\n          sentiment\\n        }\\n      }\\n      bucketWidth\\n      sentimentThresholdMax\\n      sentimentThresholdMin\\n    }\\n  }\\n'\n): (typeof documents)['\\n  query GetOrderPositionBooks(\\n    $instrument: String!\\n    $bookType: BookType!\\n    $timeSpan: TimeSpan!\\n    $granularity: Granularity!\\n    $maxBookPrice: Float\\n    $minBookPrice: Float\\n    $bucketMultiplier: Int!\\n    $bucketMargin: Int!\\n  ) {\\n    orderPositionBooks(\\n      instrument: $instrument\\n      bookType: $bookType\\n      timeSpan: $timeSpan\\n      granularity: $granularity\\n      maxBookPrice: $maxBookPrice\\n      minBookPrice: $minBookPrice\\n      bucketMultiplier: $bucketMultiplier\\n      bucketMargin: $bucketMargin\\n    ) {\\n      books {\\n        time\\n        price\\n        buckets {\\n          price\\n          sentiment\\n        }\\n      }\\n      bucketWidth\\n      sentimentThresholdMax\\n      sentimentThresholdMin\\n    }\\n  }\\n'];\n/**\n * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.\n */\nexport function graphql(\n  source: '\\n  query GetPriceCandles(\\n    $dataSource: DataSource!\\n    $division: Division!\\n    $instrument: String!\\n    $granularity: Granularity!\\n    $timeSpan: TimeSpan!\\n  ) {\\n    priceCandles(\\n      dataSource: $dataSource\\n      division: $division\\n      instrument: $instrument\\n      granularity: $granularity\\n      timeSpan: $timeSpan\\n    ) {\\n      candle {\\n        point\\n        high\\n        low\\n        open\\n        close\\n      }\\n      pipsLocation\\n    }\\n  }\\n'\n): (typeof documents)['\\n  query GetPriceCandles(\\n    $dataSource: DataSource!\\n    $division: Division!\\n    $instrument: String!\\n    $granularity: Granularity!\\n    $timeSpan: TimeSpan!\\n  ) {\\n    priceCandles(\\n      dataSource: $dataSource\\n      division: $division\\n      instrument: $instrument\\n      granularity: $granularity\\n      timeSpan: $timeSpan\\n    ) {\\n      candle {\\n        point\\n        high\\n        low\\n        open\\n        close\\n      }\\n      pipsLocation\\n    }\\n  }\\n'];\n/**\n * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.\n */\nexport function graphql(\n  source: '\\n  query GetSentiments(\\n    $instrument: String!\\n    $granularity: Granularity!\\n    $timeSpan: TimeSpan!\\n  ) {\\n    sentiments(\\n      instrument: $instrument\\n      granularity: $granularity\\n      timeSpan: $timeSpan\\n    ) {\\n      sentiments {\\n        sentiment {\\n          shortPercent\\n        }\\n        time\\n      }\\n    }\\n  }\\n'\n): (typeof documents)['\\n  query GetSentiments(\\n    $instrument: String!\\n    $granularity: Granularity!\\n    $timeSpan: TimeSpan!\\n  ) {\\n    sentiments(\\n      instrument: $instrument\\n      granularity: $granularity\\n      timeSpan: $timeSpan\\n    ) {\\n      sentiments {\\n        sentiment {\\n          shortPercent\\n        }\\n        time\\n      }\\n    }\\n  }\\n'];\n\nexport function graphql(source: string) {\n  return (documents as any)[source] ?? {};\n}\n\nexport type DocumentType<TDocumentNode extends DocumentNode<any, any>> =\n  TDocumentNode extends DocumentNode<infer TType, any> ? TType : never;\n"],"mappings":";;;;;;AACA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AAAmC,SAAAD,wBAAAE,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAJ,uBAAA,YAAAA,CAAAE,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAanC,MAAMkB,SAAS,GAAG;EAChB,iwBAAiwB,EAC/vBtB,KAAK,CAACuB,6BAA6B;EACrC,keAAke,EAChevB,KAAK,CAACwB,uBAAuB;EAC/B,2VAA2V,EACzVxB,KAAK,CAACyB;AACV,CAAC;AAmCM,SAASC,OAAOA,CAACC,MAAc,EAAE;EACtC,OAAQL,SAAS,CAASK,MAAM,CAAC,IAAI,CAAC,CAAC;AACzC","ignoreList":[]}

package/dist/main/gql/types/graphql.js

@@ -856,12 +856,6 @@ const GetSentimentsDocument = exports.GetSentimentsDocument = {
                 selectionSet: {
                   kind: 'SelectionSet',
                   selections: [{
-                    kind: 'Field',
-                    name: {
-                      kind: 'Name',
-                      value: 'longPercent'
-                    }
-                  }, {
                     kind: 'Field',
                     name: {
                       kind: 'Name',