@oanda/labs-crowd-view-widget 1.0.59 → 1.0.61

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

@@ -1 +1 @@
-{"version":3,"file":"getBucketWidthMultiplayer.js","names":["_constants","require","getBucketWidthMultiplayer","_ref","minPrice","maxPrice","instrument","defaultBucketWidth","INSTRUMENTS_CONFIG","priceRange","calculatedMultiplier","DISPLAYED_BUCKETS_COUNT","Math","max","ceil","exports"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/dataUtils/getBucketWidthMultiplayer.ts"],"sourcesContent":["import {\n  DISPLAYED_BUCKETS_COUNT,\n  INSTRUMENTS_CONFIG,\n} from '../../../constants';\nimport type { InstrumentId } from '../../../types';\n\ninterface GetBucketWidthMultiplayerParams {\n  minPrice: number;\n  maxPrice: number;\n  instrument: InstrumentId;\n}\n\nexport const getBucketWidthMultiplayer = ({\n  minPrice,\n  maxPrice,\n  instrument,\n}: GetBucketWidthMultiplayerParams): number => {\n  const { defaultBucketWidth } = INSTRUMENTS_CONFIG[instrument];\n  const priceRange = maxPrice - minPrice;\n\n  const calculatedMultiplier =\n    priceRange / (defaultBucketWidth * DISPLAYED_BUCKETS_COUNT);\n\n  return Math.max(1, Math.ceil(calculatedMultiplier));\n};\n"],"mappings":";;;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAYO,MAAMC,yBAAyB,GAAGC,IAAA,IAIM;EAAA,IAJL;IACxCC,QAAQ;IACRC,QAAQ;IACRC;EAC+B,CAAC,GAAAH,IAAA;EAChC,MAAM;IAAEI;EAAmB,CAAC,GAAGC,6BAAkB,CAACF,UAAU,CAAC;EAC7D,MAAMG,UAAU,GAAGJ,QAAQ,GAAGD,QAAQ;EAEtC,MAAMM,oBAAoB,GACxBD,UAAU,IAAIF,kBAAkB,GAAGI,kCAAuB,CAAC;EAE7D,OAAOC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAED,IAAI,CAACE,IAAI,CAACJ,oBAAoB,CAAC,CAAC;AACrD,CAAC;AAACK,OAAA,CAAAb,yBAAA,GAAAA,yBAAA","ignoreList":[]}
+{"version":3,"file":"getBucketWidthMultiplayer.js","names":["_constants","require","roundToClosest","value","options","reduce","closest","option","distanceToOption","Math","abs","distanceToClosest","getRoundingValues","base","getBucketWidthMultiplayer","_ref","minPrice","maxPrice","instrument","defaultBucketWidth","INSTRUMENTS_CONFIG","priceRange","calculatedMultiplier","DISPLAYED_BUCKETS_COUNT","powerOf10","floor","log10","pow","roundingValues","exports"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/dataUtils/getBucketWidthMultiplayer.ts"],"sourcesContent":["import {\n  DISPLAYED_BUCKETS_COUNT,\n  INSTRUMENTS_CONFIG,\n} from '../../../constants';\nimport type { InstrumentId } from '../../../types';\n\ninterface GetBucketWidthMultiplayerParams {\n  minPrice: number;\n  maxPrice: number;\n  instrument: InstrumentId;\n}\n\nconst roundToClosest = (value: number, options: number[]): number => {\n  return options.reduce((closest, option) => {\n    const distanceToOption = Math.abs(value - option);\n    const distanceToClosest = Math.abs(value - closest);\n\n    if (distanceToOption === distanceToClosest) {\n      return option > closest ? option : closest;\n    }\n\n    return distanceToOption < distanceToClosest ? option : closest;\n  });\n};\n\nconst getRoundingValues = (base: number): number[] => {\n  return [base, 2 * base, 4 * base, 5 * base, 10 * base];\n};\n\nexport const getBucketWidthMultiplayer = ({\n  minPrice,\n  maxPrice,\n  instrument,\n}: GetBucketWidthMultiplayerParams): number => {\n  const { defaultBucketWidth } = INSTRUMENTS_CONFIG[instrument];\n  const priceRange = maxPrice - minPrice;\n\n  const calculatedMultiplier =\n    priceRange / (defaultBucketWidth * DISPLAYED_BUCKETS_COUNT);\n\n  if (calculatedMultiplier <= 1) {\n    return 1;\n  }\n\n  const powerOf10 = Math.floor(Math.log10(calculatedMultiplier));\n  const base = Math.pow(10, powerOf10);\n  const roundingValues = getRoundingValues(base);\n\n  return roundToClosest(calculatedMultiplier, roundingValues);\n};\n"],"mappings":";;;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAYA,MAAMC,cAAc,GAAGA,CAACC,KAAa,EAAEC,OAAiB,KAAa;EACnE,OAAOA,OAAO,CAACC,MAAM,CAAC,CAACC,OAAO,EAAEC,MAAM,KAAK;IACzC,MAAMC,gBAAgB,GAAGC,IAAI,CAACC,GAAG,CAACP,KAAK,GAAGI,MAAM,CAAC;IACjD,MAAMI,iBAAiB,GAAGF,IAAI,CAACC,GAAG,CAACP,KAAK,GAAGG,OAAO,CAAC;IAEnD,IAAIE,gBAAgB,KAAKG,iBAAiB,EAAE;MAC1C,OAAOJ,MAAM,GAAGD,OAAO,GAAGC,MAAM,GAAGD,OAAO;IAC5C;IAEA,OAAOE,gBAAgB,GAAGG,iBAAiB,GAAGJ,MAAM,GAAGD,OAAO;EAChE,CAAC,CAAC;AACJ,CAAC;AAED,MAAMM,iBAAiB,GAAIC,IAAY,IAAe;EACpD,OAAO,CAACA,IAAI,EAAE,CAAC,GAAGA,IAAI,EAAE,CAAC,GAAGA,IAAI,EAAE,CAAC,GAAGA,IAAI,EAAE,EAAE,GAAGA,IAAI,CAAC;AACxD,CAAC;AAEM,MAAMC,yBAAyB,GAAGC,IAAA,IAIM;EAAA,IAJL;IACxCC,QAAQ;IACRC,QAAQ;IACRC;EAC+B,CAAC,GAAAH,IAAA;EAChC,MAAM;IAAEI;EAAmB,CAAC,GAAGC,6BAAkB,CAACF,UAAU,CAAC;EAC7D,MAAMG,UAAU,GAAGJ,QAAQ,GAAGD,QAAQ;EAEtC,MAAMM,oBAAoB,GACxBD,UAAU,IAAIF,kBAAkB,GAAGI,kCAAuB,CAAC;EAE7D,IAAID,oBAAoB,IAAI,CAAC,EAAE;IAC7B,OAAO,CAAC;EACV;EAEA,MAAME,SAAS,GAAGf,IAAI,CAACgB,KAAK,CAAChB,IAAI,CAACiB,KAAK,CAACJ,oBAAoB,CAAC,CAAC;EAC9D,MAAMT,IAAI,GAAGJ,IAAI,CAACkB,GAAG,CAAC,EAAE,EAAEH,SAAS,CAAC;EACpC,MAAMI,cAAc,GAAGhB,iBAAiB,CAACC,IAAI,CAAC;EAE9C,OAAOX,cAAc,CAACoB,oBAAoB,EAAEM,cAAc,CAAC;AAC7D,CAAC;AAACC,OAAA,CAAAf,yBAAA,GAAAA,yBAAA","ignoreList":[]}

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

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getInstrumentConfig = void 0;
+var _graphql = require("../../../../gql/types/graphql");
+var _selectConfig = require("../../../selectConfig");
+const getInstrumentConfig = (division, isJapanese) => {
+  if (isJapanese) {
+    return _selectConfig.instrumentSelectConfigJa;
+  }
+  if (division === _graphql.Division.Oc) {
+    return _selectConfig.instrumentSelectConfigOC;
+  }
+  return _selectConfig.instrumentSelectConfig;
+};
+exports.getInstrumentConfig = getInstrumentConfig;
+//# sourceMappingURL=getInstrumentConfig.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getInstrumentConfig.js","names":["_graphql","require","_selectConfig","getInstrumentConfig","division","isJapanese","instrumentSelectConfigJa","Division","Oc","instrumentSelectConfigOC","instrumentSelectConfig","exports"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/dataUtils/getInstrumentConfig.ts"],"sourcesContent":["import { Division } from '../../../../gql/types/graphql';\nimport {\n  instrumentSelectConfig,\n  instrumentSelectConfigJa,\n  instrumentSelectConfigOC,\n} from '../../../selectConfig';\n\nexport const getInstrumentConfig = (\n  division: Division,\n  isJapanese: boolean\n) => {\n  if (isJapanese) {\n    return instrumentSelectConfigJa;\n  }\n\n  if (division === Division.Oc) {\n    return instrumentSelectConfigOC;\n  }\n  return instrumentSelectConfig;\n};\n"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAMO,MAAME,mBAAmB,GAAGA,CACjCC,QAAkB,EAClBC,UAAmB,KAChB;EACH,IAAIA,UAAU,EAAE;IACd,OAAOC,sCAAwB;EACjC;EAEA,IAAIF,QAAQ,KAAKG,iBAAQ,CAACC,EAAE,EAAE;IAC5B,OAAOC,sCAAwB;EACjC;EACA,OAAOC,oCAAsB;AAC/B,CAAC;AAACC,OAAA,CAAAR,mBAAA,GAAAA,mBAAA","ignoreList":[]}

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

@@ -14,14 +14,14 @@ Object.keys(_getBucketWidthMultiplayer).forEach(function (key) {
     }
   });
 });
-var _getInstrumentConfigForDivision = require("./getInstrumentConfigForDivision");
-Object.keys(_getInstrumentConfigForDivision).forEach(function (key) {
+var _getInstrumentConfig = require("./getInstrumentConfig");
+Object.keys(_getInstrumentConfig).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _getInstrumentConfigForDivision[key]) return;
+  if (key in exports && exports[key] === _getInstrumentConfig[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _getInstrumentConfigForDivision[key];
+      return _getInstrumentConfig[key];
     }
   });
 });

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_getBucketWidthMultiplayer","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_getInstrumentConfigForDivision","_getTimeSpanForGranularity","_processOrderPositionBooks","_processPriceCandles","_processSentiments","_validateData"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/dataUtils/index.ts"],"sourcesContent":["export * from './getBucketWidthMultiplayer';\nexport * from './getInstrumentConfigForDivision';\nexport * from './getTimeSpanForGranularity';\nexport * from './processOrderPositionBooks';\nexport * from './processPriceCandles';\nexport * from './processSentiments';\nexport * from './validateData';\n"],"mappings":";;;;;AAAA,IAAAA,0BAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,0BAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,0BAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,0BAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,+BAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,+BAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,+BAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,+BAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,0BAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,0BAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,0BAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAE,0BAAA,CAAAN,GAAA;IAAA;EAAA;AAAA;AACA,IAAAO,0BAAA,GAAAX,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAS,0BAAA,EAAAR,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAO,0BAAA,CAAAP,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAG,0BAAA,CAAAP,GAAA;IAAA;EAAA;AAAA;AACA,IAAAQ,oBAAA,GAAAZ,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAU,oBAAA,EAAAT,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAQ,oBAAA,CAAAR,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAI,oBAAA,CAAAR,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,kBAAA,GAAAb,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAW,kBAAA,EAAAV,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAS,kBAAA,CAAAT,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAK,kBAAA,CAAAT,GAAA;IAAA;EAAA;AAAA;AACA,IAAAU,aAAA,GAAAd,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAY,aAAA,EAAAX,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAU,aAAA,CAAAV,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAM,aAAA,CAAAV,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_getBucketWidthMultiplayer","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_getInstrumentConfig","_getTimeSpanForGranularity","_processOrderPositionBooks","_processPriceCandles","_processSentiments","_validateData"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/dataUtils/index.ts"],"sourcesContent":["export * from './getBucketWidthMultiplayer';\nexport * from './getInstrumentConfig';\nexport * from './getTimeSpanForGranularity';\nexport * from './processOrderPositionBooks';\nexport * from './processPriceCandles';\nexport * from './processSentiments';\nexport * from './validateData';\n"],"mappings":"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","ignoreList":[]}

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

@@ -113,7 +113,8 @@ const getOption = _ref => {
     },
     series: [(0, _chartOptions.getSeriesCandlestickConfig)({
       styles,
-      isLoading
+      isLoading,
+      locale
     }), ...heatmapChart, ...sentimentChart]
   };
 };

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

@@ -1 +1 @@
-{"version":3,"file":"getOption.js","names":["_constants","require","_chartOptions","_chartUtils","_getChartStyles","getOption","_ref","mainData","dates","candlesOpen","candlesClose","candlesLow","candlesHigh","bookPrices","bookIndexes","sentimentShorts","sentimentLongs","additionalData","bucketWidth","buckets","displayPrecision","bookType","sentimentThresholdMin","sentimentThresholdMax","isLoading","isDark","isDesktop","labelCallback","locale","styles","getChartStyles","selectedPriceRef","current","initialStartZoom","CHART_CONFIG","INITIAL_START_ZOOM_DESKTOP","INITIAL_START_ZOOM_MOBILE","visibleXAxisData","slice","length","INITIAL_END_ZOOM","isGreaterThanTwoWeeks","isDifferenceGreaterThanTwoWeeks","heatmapChart","getSeriesHeatmapConfig","sentimentChart","getSeriesSentimentConfig","animation","tooltip","getTooltipConfig","tooltipLinesColor","grid","getGridConfig","xAxis","getXAxisConfig","yAxis","getYAxisConfig","dataZoom","getDataZoomConfig","visualMap","getVisualMapConfig","sentimentLongColor","sentimentShortColor","graphic","getGridLines","getLabelsConfig","dataset","source","series","getSeriesCandlestickConfig","exports"],"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  locale,\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      labelCallback,\n      selectedPriceRef,\n      tooltipLinesColor: styles.tooltipLinesColor,\n      sentimentLongs,\n      sentimentShorts,\n      isDesktop,\n      isDark,\n      locale,\n    }),\n    grid: getGridConfig({ isDesktop }),\n    xAxis: getXAxisConfig({\n      dates,\n      isGreaterThanTwoWeeks,\n      locale,\n      isDesktop,\n    }),\n    yAxis: getYAxisConfig({\n      bucketWidth,\n      displayPrecision,\n      selectedPriceRef,\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":[]}
+{"version":3,"file":"getOption.js","names":["_constants","require","_chartOptions","_chartUtils","_getChartStyles","getOption","_ref","mainData","dates","candlesOpen","candlesClose","candlesLow","candlesHigh","bookPrices","bookIndexes","sentimentShorts","sentimentLongs","additionalData","bucketWidth","buckets","displayPrecision","bookType","sentimentThresholdMin","sentimentThresholdMax","isLoading","isDark","isDesktop","labelCallback","locale","styles","getChartStyles","selectedPriceRef","current","initialStartZoom","CHART_CONFIG","INITIAL_START_ZOOM_DESKTOP","INITIAL_START_ZOOM_MOBILE","visibleXAxisData","slice","length","INITIAL_END_ZOOM","isGreaterThanTwoWeeks","isDifferenceGreaterThanTwoWeeks","heatmapChart","getSeriesHeatmapConfig","sentimentChart","getSeriesSentimentConfig","animation","tooltip","getTooltipConfig","tooltipLinesColor","grid","getGridConfig","xAxis","getXAxisConfig","yAxis","getYAxisConfig","dataZoom","getDataZoomConfig","visualMap","getVisualMapConfig","sentimentLongColor","sentimentShortColor","graphic","getGridLines","getLabelsConfig","dataset","source","series","getSeriesCandlestickConfig","exports"],"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  locale,\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      labelCallback,\n      selectedPriceRef,\n      tooltipLinesColor: styles.tooltipLinesColor,\n      sentimentLongs,\n      sentimentShorts,\n      isDesktop,\n      isDark,\n      locale,\n    }),\n    grid: getGridConfig({ isDesktop }),\n    xAxis: getXAxisConfig({\n      dates,\n      isGreaterThanTwoWeeks,\n      locale,\n      isDesktop,\n    }),\n    yAxis: getYAxisConfig({\n      bucketWidth,\n      displayPrecision,\n      selectedPriceRef,\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        locale,\n      }),\n      ...heatmapChart,\n      ...sentimentChart,\n    ],\n  };\n};\n"],"mappings":";;;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAaA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,eAAA,GAAAH,OAAA;AAGO,MAAMI,SAAwB,GAAGC,IAAA,IAyBlC;EAAA,IAzBmC;IACvCC,QAAQ,EAAE;MACRC,KAAK;MACLC,WAAW;MACXC,YAAY;MACZC,UAAU;MACVC,WAAW;MACXC,UAAU;MACVC,WAAW;MACXC,eAAe;MACfC;IACF,CAAC;IACDC,cAAc,EAAE;MACdC,WAAW;MACXC,OAAO;MACPC,gBAAgB;MAChBC,QAAQ;MACRC,qBAAqB;MACrBC;IACF,CAAC;IACDC,SAAS;IACTC,MAAM;IACNC,SAAS;IACTC,aAAa;IACbC;EACF,CAAC,GAAAtB,IAAA;EACC,MAAMuB,MAAM,GAAG,IAAAC,8BAAc,EAACL,MAAM,CAAC;EACrC,MAAMM,gBAAgB,GAAG;IAAEC,OAAO,EAAE;EAAE,CAAC;EAEvC,MAAMC,gBAAgB,GAAGP,SAAS,GAC9BQ,uBAAY,CAACC,0BAA0B,GACvCD,uBAAY,CAACE,yBAAyB;EAE1C,MAAMC,gBAAgB,GAAG7B,KAAK,CAAC8B,KAAK,CACjC9B,KAAK,CAAC+B,MAAM,GAAGN,gBAAgB,GAAI,GAAG,EACtCzB,KAAK,CAAC+B,MAAM,GAAGL,uBAAY,CAACM,gBAAgB,GAAI,GACnD,CAAC;EAED,MAAMC,qBAAqB,GAAG,IAAAC,2CAA+B,EAC3DL,gBAAgB,CAAC,CAAC,CAAC,EACnBA,gBAAgB,CAACA,gBAAgB,CAACE,MAAM,GAAG,CAAC,CAC9C,CAAC;EAED,MAAMI,YAAY,GAChB9B,UAAU,IAAIA,UAAU,CAAC0B,MAAM,GAAG,CAAC,GAC/B,CACE,IAAAK,oCAAsB,EAAC;IACrB1B,WAAW;IACXC,OAAO;IACPM,MAAM;IACNF,qBAAqB;IACrBD,qBAAqB;IACrBE;EACF,CAAC,CAAC,CACH,GACD,EAAE;EAER,MAAMqB,cAAc,GAClB7B,cAAc,IAAIA,cAAc,CAACuB,MAAM,GAAG,CAAC,GACvC,CACE,IAAAO,sCAAwB,EAAC;IACvBjB,MAAM;IACNL;EACF,CAAC,CAAC,CACH,GACD,EAAE;EAER,OAAO;IACLuB,SAAS,EAAE,KAAK;IAChBC,OAAO,EAAE,IAAAC,8BAAgB,EAAC;MACxB5B,QAAQ;MACRH,WAAW;MACXC,OAAO;MACPQ,aAAa;MACbI,gBAAgB;MAChBmB,iBAAiB,EAAErB,MAAM,CAACqB,iBAAiB;MAC3ClC,cAAc;MACdD,eAAe;MACfW,SAAS;MACTD,MAAM;MACNG;IACF,CAAC,CAAC;IACFuB,IAAI,EAAE,IAAAC,2BAAa,EAAC;MAAE1B;IAAU,CAAC,CAAC;IAClC2B,KAAK,EAAE,IAAAC,4BAAc,EAAC;MACpB9C,KAAK;MACLiC,qBAAqB;MACrBb,MAAM;MACNF;IACF,CAAC,CAAC;IACF6B,KAAK,EAAE,IAAAC,4BAAc,EAAC;MACpBtC,WAAW;MACXE,gBAAgB;MAChBW;IACF,CAAC,CAAC;IACF0B,QAAQ,EAAE,IAAAC,+BAAiB,EAAC;MAAEhC;IAAU,CAAC,CAAC;IAC1CiC,SAAS,EAAE,IAAAC,gCAAkB,EAAC;MAC5BC,kBAAkB,EAAEhC,MAAM,CAACgC,kBAAkB;MAC7CC,mBAAmB,EAAEjC,MAAM,CAACiC;IAC9B,CAAC,CAAC;IACFC,OAAO,EAAE,CACP,GAAG,IAAAC,0BAAY,EAAC;MAAEvC,MAAM;MAAEC;IAAU,CAAC,CAAC,EACtC,GAAG,IAAAuC,6BAAe,EAAC;MAAExC,MAAM;MAAEC,SAAS;MAAEC;IAAc,CAAC,CAAC,CACzD;IACDuC,OAAO,EAAE;MACPC,MAAM,EAAE;QACN3D,KAAK;QACLC,WAAW;QACXC,YAAY;QACZC,UAAU;QACVC,WAAW;QACXC,UAAU,EAAEA,UAAU,aAAVA,UAAU,cAAVA,UAAU,GAAI,EAAE;QAC5BC,WAAW,EAAEA,WAAW,aAAXA,WAAW,cAAXA,WAAW,GAAI,EAAE;QAC9BC,eAAe;QACfC;MACF;IACF,CAAC;IACDoD,MAAM,EAAE,CACN,IAAAC,wCAA0B,EAAC;MACzBxC,MAAM;MACNL,SAAS;MACTI;IACF,CAAC,CAAC,EACF,GAAGe,YAAY,EACf,GAAGE,cAAc;EAErB,CAAC;AACH,CAAC;AAACyB,OAAA,CAAAjE,SAAA,GAAAA,SAAA","ignoreList":[]}

package/dist/main/CrowdViewWidget/selectConfig.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.navigationConfig = exports.instrumentSelectConfigOC = exports.instrumentSelectConfig = exports.granularitySelectConfig = void 0;
+exports.navigationConfig = exports.instrumentSelectConfigOC = exports.instrumentSelectConfigJa = exports.instrumentSelectConfig = exports.getGranularitySelectConfig = void 0;
 var _graphql = require("../gql/types/graphql");
 var _types = require("./types");
 const navigationConfig = exports.navigationConfig = [{
@@ -63,11 +63,65 @@ const instrumentSelectConfig = exports.instrumentSelectConfig = [...instrumentSe
   id: _types.InstrumentId.XAG_USD,
   label: 'XAG/USD'
 }];
-const granularitySelectConfig = exports.granularitySelectConfig = [{
+const instrumentSelectConfigJa = exports.instrumentSelectConfigJa = [{
+  id: _types.InstrumentId.USD_JPY,
+  label: 'USD/JPY'
+}, {
+  id: _types.InstrumentId.EUR_JPY,
+  label: 'EUR/JPY'
+}, {
+  id: _types.InstrumentId.GBP_JPY,
+  label: 'GBP/JPY'
+}, {
+  id: _types.InstrumentId.AUD_JPY,
+  label: 'AUD/JPY'
+}, {
+  id: _types.InstrumentId.EUR_USD,
+  label: 'EUR/USD'
+}, {
+  id: _types.InstrumentId.EUR_AUD,
+  label: 'EUR/AUD'
+}, {
+  id: _types.InstrumentId.EUR_GBP,
+  label: 'EUR/GBP'
+}, {
+  id: _types.InstrumentId.EUR_CHF,
+  label: 'EUR/CHF'
+}, {
+  id: _types.InstrumentId.USD_CHF,
+  label: 'USD/CHF'
+}, {
+  id: _types.InstrumentId.USD_CAD,
+  label: 'USD/CAD'
+}, {
+  id: _types.InstrumentId.GBP_USD,
+  label: 'GBP/USD'
+}, {
+  id: _types.InstrumentId.GBP_CHF,
+  label: 'GBP/CHF'
+}, {
+  id: _types.InstrumentId.AUD_USD,
+  label: 'AUD/USD'
+}, {
+  id: _types.InstrumentId.NZD_USD,
+  label: 'NZD/USD'
+}, {
+  id: _types.InstrumentId.XAU_USD,
+  label: 'XAU/USD'
+}, {
+  id: _types.InstrumentId.XAG_USD,
+  label: 'XAG/USD'
+}];
+const getGranularitySelectConfig = (lang, isJapanese) => [{
   id: _graphql.Granularity.H1,
-  label: '1_hour'
+  label: lang(isJapanese ? 'hour_plural' : 'hour', {
+    count: 1
+  })
 }, {
   id: _graphql.Granularity.H4,
-  label: '4_hours'
+  label: lang('hour_plural', {
+    count: 4
+  })
 }];
+exports.getGranularitySelectConfig = getGranularitySelectConfig;
 //# sourceMappingURL=selectConfig.js.map

package/dist/main/CrowdViewWidget/selectConfig.js.map

@@ -1 +1 @@
-{"version":3,"file":"selectConfig.js","names":["_graphql","require","_types","navigationConfig","exports","id","BookType","Order","label","Position","instrumentSelectConfigOC","InstrumentId","EUR_USD","EUR_AUD","EUR_GBP","EUR_JPY","EUR_CHF","USD_CHF","USD_JPY","USD_CAD","GBP_USD","GBP_JPY","GBP_CHF","AUD_JPY","AUD_USD","NZD_USD","instrumentSelectConfig","XAU_USD","XAG_USD","granularitySelectConfig","Granularity","H1","H4"],"sources":["../../../src/CrowdViewWidget/selectConfig.ts"],"sourcesContent":["import { BookType, Granularity } from '../gql/types/graphql';\nimport { InstrumentId } from './types';\n\nconst navigationConfig = [\n  {\n    id: BookType.Order,\n    label: 'order_book',\n  },\n  {\n    id: BookType.Position,\n    label: 'position_book',\n  },\n];\n\nconst instrumentSelectConfigOC = [\n  {\n    id: InstrumentId.EUR_USD,\n    label: 'EUR/USD',\n  },\n  {\n    id: InstrumentId.EUR_AUD,\n    label: 'EUR/AUD',\n  },\n  {\n    id: InstrumentId.EUR_GBP,\n    label: 'EUR/GBP',\n  },\n  {\n    id: InstrumentId.EUR_JPY,\n    label: 'EUR/JPY',\n  },\n  {\n    id: InstrumentId.EUR_CHF,\n    label: 'EUR/CHF',\n  },\n  {\n    id: InstrumentId.USD_CHF,\n    label: 'USD/CHF',\n  },\n  {\n    id: InstrumentId.USD_JPY,\n    label: 'USD/JPY',\n  },\n  {\n    id: InstrumentId.USD_CAD,\n    label: 'USD/CAD',\n  },\n  {\n    id: InstrumentId.GBP_USD,\n    label: 'GBP/USD',\n  },\n  {\n    id: InstrumentId.GBP_JPY,\n    label: 'GBP/JPY',\n  },\n  {\n    id: InstrumentId.GBP_CHF,\n    label: 'GBP/CHF',\n  },\n  {\n    id: InstrumentId.AUD_JPY,\n    label: 'AUD/JPY',\n  },\n  {\n    id: InstrumentId.AUD_USD,\n    label: 'AUD/USD',\n  },\n  {\n    id: InstrumentId.NZD_USD,\n    label: 'NZD/USD',\n  },\n];\n\nconst instrumentSelectConfig = [\n  ...instrumentSelectConfigOC,\n  {\n    id: InstrumentId.XAU_USD,\n    label: 'XAU/USD',\n  },\n  {\n    id: InstrumentId.XAG_USD,\n    label: 'XAG/USD',\n  },\n];\n\nconst granularitySelectConfig = [\n  {\n    id: Granularity.H1,\n    label: '1_hour',\n  },\n  {\n    id: Granularity.H4,\n    label: '4_hours',\n  },\n];\n\nexport {\n  granularitySelectConfig,\n  instrumentSelectConfig,\n  instrumentSelectConfigOC,\n  navigationConfig,\n};\n"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAEA,MAAME,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,CACvB;EACEE,EAAE,EAAEC,iBAAQ,CAACC,KAAK;EAClBC,KAAK,EAAE;AACT,CAAC,EACD;EACEH,EAAE,EAAEC,iBAAQ,CAACG,QAAQ;EACrBD,KAAK,EAAE;AACT,CAAC,CACF;AAED,MAAME,wBAAwB,GAAAN,OAAA,CAAAM,wBAAA,GAAG,CAC/B;EACEL,EAAE,EAAEM,mBAAY,CAACC,OAAO;EACxBJ,KAAK,EAAE;AACT,CAAC,EACD;EACEH,EAAE,EAAEM,mBAAY,CAACE,OAAO;EACxBL,KAAK,EAAE;AACT,CAAC,EACD;EACEH,EAAE,EAAEM,mBAAY,CAACG,OAAO;EACxBN,KAAK,EAAE;AACT,CAAC,EACD;EACEH,EAAE,EAAEM,mBAAY,CAACI,OAAO;EACxBP,KAAK,EAAE;AACT,CAAC,EACD;EACEH,EAAE,EAAEM,mBAAY,CAACK,OAAO;EACxBR,KAAK,EAAE;AACT,CAAC,EACD;EACEH,EAAE,EAAEM,mBAAY,CAACM,OAAO;EACxBT,KAAK,EAAE;AACT,CAAC,EACD;EACEH,EAAE,EAAEM,mBAAY,CAACO,OAAO;EACxBV,KAAK,EAAE;AACT,CAAC,EACD;EACEH,EAAE,EAAEM,mBAAY,CAACQ,OAAO;EACxBX,KAAK,EAAE;AACT,CAAC,EACD;EACEH,EAAE,EAAEM,mBAAY,CAACS,OAAO;EACxBZ,KAAK,EAAE;AACT,CAAC,EACD;EACEH,EAAE,EAAEM,mBAAY,CAACU,OAAO;EACxBb,KAAK,EAAE;AACT,CAAC,EACD;EACEH,EAAE,EAAEM,mBAAY,CAACW,OAAO;EACxBd,KAAK,EAAE;AACT,CAAC,EACD;EACEH,EAAE,EAAEM,mBAAY,CAACY,OAAO;EACxBf,KAAK,EAAE;AACT,CAAC,EACD;EACEH,EAAE,EAAEM,mBAAY,CAACa,OAAO;EACxBhB,KAAK,EAAE;AACT,CAAC,EACD;EACEH,EAAE,EAAEM,mBAAY,CAACc,OAAO;EACxBjB,KAAK,EAAE;AACT,CAAC,CACF;AAED,MAAMkB,sBAAsB,GAAAtB,OAAA,CAAAsB,sBAAA,GAAG,CAC7B,GAAGhB,wBAAwB,EAC3B;EACEL,EAAE,EAAEM,mBAAY,CAACgB,OAAO;EACxBnB,KAAK,EAAE;AACT,CAAC,EACD;EACEH,EAAE,EAAEM,mBAAY,CAACiB,OAAO;EACxBpB,KAAK,EAAE;AACT,CAAC,CACF;AAED,MAAMqB,uBAAuB,GAAAzB,OAAA,CAAAyB,uBAAA,GAAG,CAC9B;EACExB,EAAE,EAAEyB,oBAAW,CAACC,EAAE;EAClBvB,KAAK,EAAE;AACT,CAAC,EACD;EACEH,EAAE,EAAEyB,oBAAW,CAACE,EAAE;EAClBxB,KAAK,EAAE;AACT,CAAC,CACF","ignoreList":[]}
+{"version":3,"file":"selectConfig.js","names":["_graphql","require","_types","navigationConfig","exports","id","BookType","Order","label","Position","instrumentSelectConfigOC","InstrumentId","EUR_USD","EUR_AUD","EUR_GBP","EUR_JPY","EUR_CHF","USD_CHF","USD_JPY","USD_CAD","GBP_USD","GBP_JPY","GBP_CHF","AUD_JPY","AUD_USD","NZD_USD","instrumentSelectConfig","XAU_USD","XAG_USD","instrumentSelectConfigJa","getGranularitySelectConfig","lang","isJapanese","Granularity","H1","count","H4"],"sources":["../../../src/CrowdViewWidget/selectConfig.ts"],"sourcesContent":["import { BookType, Granularity } from '../gql/types/graphql';\nimport { InstrumentId } from './types';\n\nconst navigationConfig = [\n  {\n    id: BookType.Order,\n    label: 'order_book',\n  },\n  {\n    id: BookType.Position,\n    label: 'position_book',\n  },\n];\n\nconst instrumentSelectConfigOC = [\n  {\n    id: InstrumentId.EUR_USD,\n    label: 'EUR/USD',\n  },\n  {\n    id: InstrumentId.EUR_AUD,\n    label: 'EUR/AUD',\n  },\n  {\n    id: InstrumentId.EUR_GBP,\n    label: 'EUR/GBP',\n  },\n  {\n    id: InstrumentId.EUR_JPY,\n    label: 'EUR/JPY',\n  },\n  {\n    id: InstrumentId.EUR_CHF,\n    label: 'EUR/CHF',\n  },\n  {\n    id: InstrumentId.USD_CHF,\n    label: 'USD/CHF',\n  },\n  {\n    id: InstrumentId.USD_JPY,\n    label: 'USD/JPY',\n  },\n  {\n    id: InstrumentId.USD_CAD,\n    label: 'USD/CAD',\n  },\n  {\n    id: InstrumentId.GBP_USD,\n    label: 'GBP/USD',\n  },\n  {\n    id: InstrumentId.GBP_JPY,\n    label: 'GBP/JPY',\n  },\n  {\n    id: InstrumentId.GBP_CHF,\n    label: 'GBP/CHF',\n  },\n  {\n    id: InstrumentId.AUD_JPY,\n    label: 'AUD/JPY',\n  },\n  {\n    id: InstrumentId.AUD_USD,\n    label: 'AUD/USD',\n  },\n  {\n    id: InstrumentId.NZD_USD,\n    label: 'NZD/USD',\n  },\n];\n\nconst instrumentSelectConfig = [\n  ...instrumentSelectConfigOC,\n  {\n    id: InstrumentId.XAU_USD,\n    label: 'XAU/USD',\n  },\n  {\n    id: InstrumentId.XAG_USD,\n    label: 'XAG/USD',\n  },\n];\n\nconst instrumentSelectConfigJa = [\n  {\n    id: InstrumentId.USD_JPY,\n    label: 'USD/JPY',\n  },\n  {\n    id: InstrumentId.EUR_JPY,\n    label: 'EUR/JPY',\n  },\n  {\n    id: InstrumentId.GBP_JPY,\n    label: 'GBP/JPY',\n  },\n  {\n    id: InstrumentId.AUD_JPY,\n    label: 'AUD/JPY',\n  },\n  {\n    id: InstrumentId.EUR_USD,\n    label: 'EUR/USD',\n  },\n  {\n    id: InstrumentId.EUR_AUD,\n    label: 'EUR/AUD',\n  },\n  {\n    id: InstrumentId.EUR_GBP,\n    label: 'EUR/GBP',\n  },\n  {\n    id: InstrumentId.EUR_CHF,\n    label: 'EUR/CHF',\n  },\n  {\n    id: InstrumentId.USD_CHF,\n    label: 'USD/CHF',\n  },\n  {\n    id: InstrumentId.USD_CAD,\n    label: 'USD/CAD',\n  },\n  {\n    id: InstrumentId.GBP_USD,\n    label: 'GBP/USD',\n  },\n  {\n    id: InstrumentId.GBP_CHF,\n    label: 'GBP/CHF',\n  },\n  {\n    id: InstrumentId.AUD_USD,\n    label: 'AUD/USD',\n  },\n  {\n    id: InstrumentId.NZD_USD,\n    label: 'NZD/USD',\n  },\n  {\n    id: InstrumentId.XAU_USD,\n    label: 'XAU/USD',\n  },\n  {\n    id: InstrumentId.XAG_USD,\n    label: 'XAG/USD',\n  },\n];\n\nconst getGranularitySelectConfig = (\n  lang: (key: string, options?: { count?: number }) => string,\n  isJapanese: boolean\n) => [\n  {\n    id: Granularity.H1,\n    label: lang(isJapanese ? 'hour_plural' : 'hour', { count: 1 }),\n  },\n  {\n    id: Granularity.H4,\n    label: lang('hour_plural', { count: 4 }),\n  },\n];\n\nexport {\n  getGranularitySelectConfig,\n  instrumentSelectConfig,\n  instrumentSelectConfigJa,\n  instrumentSelectConfigOC,\n  navigationConfig,\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/main/translations/index.js

@@ -6,22 +6,14 @@ Object.defineProperty(exports, "__esModule", {
 exports.translations = void 0;
 var _monoI18n = require("@oanda/mono-i18n");
 var _en = _interopRequireDefault(require("./sources/en.json"));
-var _es = _interopRequireDefault(require("./sources/es.json"));
-var _th = _interopRequireDefault(require("./sources/th.json"));
-var _zh_TW = _interopRequireDefault(require("./sources/zh_TW.json"));
+var _ja = _interopRequireDefault(require("./sources/ja.json"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const translations = exports.translations = {
   [_monoI18n.Locale.en]: {
     translation: _en.default
   },
-  [_monoI18n.Locale.zhTW]: {
-    translation: _zh_TW.default
-  },
-  [_monoI18n.Locale.es]: {
-    translation: _es.default
-  },
-  [_monoI18n.Locale.th]: {
-    translation: _th.default
+  [_monoI18n.Locale.ja]: {
+    translation: _ja.default
   }
 };
 //# sourceMappingURL=index.js.map

package/dist/main/translations/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_monoI18n","require","_en","_interopRequireDefault","_es","_th","_zh_TW","e","__esModule","default","translations","exports","Locale","en","translation","zhTW","es","th"],"sources":["../../../src/translations/index.ts"],"sourcesContent":["import type { Translations } from '@oanda/mono-i18n';\nimport { Locale } from '@oanda/mono-i18n';\n\nimport en from './sources/en.json';\nimport es from './sources/es.json';\nimport th from './sources/th.json';\nimport zhTW from './sources/zh_TW.json';\nimport type { defaultTranslations } from './translations';\n\nexport type TranslationKey = keyof typeof defaultTranslations;\n\nexport const translations: Translations = {\n  [Locale.en]: { translation: en },\n  [Locale.zhTW]: { translation: zhTW },\n  [Locale.es]: { translation: es },\n  [Locale.th]: { translation: th },\n};\n"],"mappings":";;;;;;AACA,IAAAA,SAAA,GAAAC,OAAA;AAEA,IAAAC,GAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,GAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,GAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,MAAA,GAAAH,sBAAA,CAAAF,OAAA;AAAwC,SAAAE,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAKjC,MAAMG,YAA0B,GAAAC,OAAA,CAAAD,YAAA,GAAG;EACxC,CAACE,gBAAM,CAACC,EAAE,GAAG;IAAEC,WAAW,EAAED;EAAG,CAAC;EAChC,CAACD,gBAAM,CAACG,IAAI,GAAG;IAAED,WAAW,EAAEC;EAAK,CAAC;EACpC,CAACH,gBAAM,CAACI,EAAE,GAAG;IAAEF,WAAW,EAAEE;EAAG,CAAC;EAChC,CAACJ,gBAAM,CAACK,EAAE,GAAG;IAAEH,WAAW,EAAEG;EAAG;AACjC,CAAC","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_monoI18n","require","_en","_interopRequireDefault","_ja","e","__esModule","default","translations","exports","Locale","en","translation","ja"],"sources":["../../../src/translations/index.ts"],"sourcesContent":["import type { Translations } from '@oanda/mono-i18n';\nimport { Locale } from '@oanda/mono-i18n';\n\nimport en from './sources/en.json';\nimport ja from './sources/ja.json';\nimport type { defaultTranslations } from './translations';\n\nexport type TranslationKey = keyof typeof defaultTranslations;\n\nexport const translations: Translations = {\n  [Locale.en]: { translation: en },\n  [Locale.ja]: { translation: ja },\n};\n"],"mappings":";;;;;;AACA,IAAAA,SAAA,GAAAC,OAAA;AAEA,IAAAC,GAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,GAAA,GAAAD,sBAAA,CAAAF,OAAA;AAAmC,SAAAE,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAK5B,MAAMG,YAA0B,GAAAC,OAAA,CAAAD,YAAA,GAAG;EACxC,CAACE,gBAAM,CAACC,EAAE,GAAG;IAAEC,WAAW,EAAED;EAAG,CAAC;EAChC,CAACD,gBAAM,CAACG,EAAE,GAAG;IAAED,WAAW,EAAEC;EAAG;AACjC,CAAC","ignoreList":[]}

package/dist/main/translations/sources/en.json

@@ -1,8 +1,4 @@
 {
-  "1_hour": "1 hour",
-  "15_minutes": "15 minutes",
-  "4_hours": "4 hours",
-  "5_minutes": "5 minutes",
   "buy": "Buy",
   "buy_overbalance": "Buy overbalance",
   "candle": "Candle",
@@ -11,16 +7,21 @@
   "even_market_demand": "Even market demand",
   "granularity": "Granularity",
   "high": "High",
+  "hour": "{{count}} Hour",
+  "hour_plural": "{{count}} Hours",
+  "hover_chart_to_see_more_details": "Hover over the chart to see more details",
   "instrument": "Instrument",
   "long": "Long",
   "long_overbalance": "Long overbalance",
   "low": "Low",
+  "minute": "{{count}} Minute",
+  "minute_plural": "{{count}} Minutes",
   "no_matching_results": "No matching results",
   "open": "Open",
-  "order_book": "Order book",
+  "order_book": "Order Book",
   "orders": "Orders",
   "pagination_entries_range": "{{firstItemOnPage}}-{{lastItemOnPage}} of {{itemCount}} entries",
-  "position_book": "Position book",
+  "position_book": "Position Book",
   "price": "Price",
   "price_range": "Price range",
   "search": "Search",
@@ -30,6 +31,5 @@
   "short": "Short",
   "short_overbalance": "Short overbalance",
   "tap_chart_to_see_more_details": "Tap the chart to see more details",
-  "hover_chart_to_see_more_details": "Hover over the chart to see more details",
   "trades": "Trades"
 }

package/dist/main/translations/sources/ja.json

@@ -0,0 +1,30 @@
+{
+  "buy": "購入",
+  "buy_overbalance": "買い超過",
+  "candle": "ローソク足",
+  "close": "閉じる",
+  "data_unavailable": "データが利用できません",
+  "even_market_demand": "均衡需要",
+  "granularity": "粒度",
+  "high": "高値",
+  "hour_plural": "{{count}} 時間",
+  "hover_chart_to_see_more_details": "チャートの上にカーソルを合わせると詳細を確認できます",
+  "instrument": "金融商品",
+  "long": "ロング",
+  "long_overbalance": "ロング超過",
+  "low": "安値",
+  "open": "オープン",
+  "order_book": "オーダーブック",
+  "orders": "注文",
+  "position_book": "ポジションブック",
+  "price": "価格",
+  "price_range": "価格範囲",
+  "search": "検索",
+  "sell": "売り",
+  "sell_overbalance": "売り超過",
+  "sentiment": "センチメント",
+  "short": "ショート",
+  "short_overbalance": "ショート超過",
+  "tap_chart_to_see_more_details": "チャートをタップすると詳細を確認できます",
+  "trades": "取引"
+}

package/dist/module/CrowdViewWidget/Main.js

@@ -1,32 +1,26 @@
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import { cn, Select, Size, Tabs, useLayoutProvider } from '@oanda/labs-widget-common';
-import { useLocale } from '@oanda/mono-i18n';
+import { Locale, useLocale } from '@oanda/mono-i18n';
 import React, { useEffect, useMemo, useState } from 'react';
 import { BookType } from '../gql/types/graphql';
-import { ChartWithData, Legend } from './components';
-import { getInstrumentConfigForDivision } from './components/Chart/dataUtils/getInstrumentConfigForDivision';
-import { granularitySelectConfig, navigationConfig } from './selectConfig';
+import { ChartWithData, getInstrumentConfig, Legend } from './components';
+import { getGranularitySelectConfig, navigationConfig } from './selectConfig';
 const Main = _ref => {
   let {
     division
   } = _ref;
   const {
-    lang
+    lang,
+    locale
   } = useLocale();
   const {
     size
   } = useLayoutProvider();
   const isDesktop = size === Size.DESKTOP;
+  const isJapanese = locale === Locale.ja;
   const [bookType, setBookType] = useState(BookType.Order);
-  const granularitySelectConfigWithLang = useMemo(() => granularitySelectConfig.map(opt => _objectSpread(_objectSpread({}, opt), {}, {
-    label: lang(opt.label)
-  })), [lang]);
-  const instrumentSelectConfigWithDivision = getInstrumentConfigForDivision(division);
-  const [instrument, setInstrument] = useState(instrumentSelectConfigWithDivision[0]);
+  const granularitySelectConfigWithLang = useMemo(() => getGranularitySelectConfig(lang, isJapanese), [lang, isJapanese]);
+  const instrumentSelectConfig = getInstrumentConfig(division, isJapanese);
+  const [instrument, setInstrument] = useState(instrumentSelectConfig[0]);
   const [granularity, setGranularity] = useState(granularitySelectConfigWithLang[0]);
   useEffect(() => {
     setGranularity(granularitySelectConfigWithLang[0]);
@@ -50,7 +44,7 @@ const Main = _ref => {
       'lw-w-[280px]': isDesktop
     })
   }, React.createElement(Select, {
-    options: instrumentSelectConfigWithDivision,
+    options: instrumentSelectConfig,
     searchPlaceholder: lang('search'),
     selectLabel: lang('instrument'),
     selectedOption: instrument,

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

@@ -1 +1 @@
-{"version":3,"file":"Main.js","names":["cn","Select","Size","Tabs","useLayoutProvider","useLocale","React","useEffect","useMemo","useState","BookType","ChartWithData","Legend","getInstrumentConfigForDivision","granularitySelectConfig","navigationConfig","Main","_ref","division","lang","size","isDesktop","DESKTOP","bookType","setBookType","Order","granularitySelectConfigWithLang","map","opt","_objectSpread","label","instrumentSelectConfigWithDivision","instrument","setInstrument","granularity","setGranularity","createElement","Fragment","className","mobileFullWidth","activeTab","handleClick","e","currentTarget","value","items","labelCallback","options","searchPlaceholder","selectLabel","selectedOption","setSelectedOption","val","id"],"sources":["../../../src/CrowdViewWidget/Main.tsx"],"sourcesContent":["import {\n  cn,\n  Select,\n  Size,\n  Tabs,\n  useLayoutProvider,\n} from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport React, { useEffect, useMemo, useState } from 'react';\n\nimport type { Granularity } from '../gql/types/graphql';\nimport { BookType } from '../gql/types/graphql';\nimport { ChartWithData, Legend } from './components';\nimport { getInstrumentConfigForDivision } from './components/Chart/dataUtils/getInstrumentConfigForDivision';\nimport { granularitySelectConfig, navigationConfig } from './selectConfig';\nimport type { InstrumentId, MainProps } from './types';\n\nconst Main = ({ division }: MainProps) => {\n  const { lang } = useLocale();\n  const { size } = useLayoutProvider();\n  const isDesktop = size === Size.DESKTOP;\n\n  const [bookType, setBookType] = useState(BookType.Order);\n\n  const granularitySelectConfigWithLang = useMemo(\n    () =>\n      granularitySelectConfig.map((opt) => ({\n        ...opt,\n        label: lang(opt.label),\n      })),\n    [lang]\n  );\n\n  const instrumentSelectConfigWithDivision =\n    getInstrumentConfigForDivision(division);\n  const [instrument, setInstrument] = useState(\n    instrumentSelectConfigWithDivision[0]\n  );\n\n  const [granularity, setGranularity] = useState(\n    granularitySelectConfigWithLang[0]\n  );\n\n  useEffect(() => {\n    setGranularity(granularitySelectConfigWithLang[0]);\n  }, [granularitySelectConfigWithLang]);\n\n  return (\n    <>\n      {size && (\n        <div\n          className=\"lw-text-sm lw-tracking-normal\"\n          data-testid=\"crowd-view-widget\"\n        >\n          <div>\n            <Tabs\n              mobileFullWidth\n              activeTab={bookType}\n              handleClick={(e) =>\n                setBookType(e.currentTarget.value as BookType)\n              }\n              items={navigationConfig}\n              labelCallback={lang}\n            />\n            <div\n              className={cn('lw-mb-6 lw-mt-12', {\n                'lw-flex': isDesktop,\n              })}\n            >\n              <div\n                className={cn('lw-mr-2', {\n                  'lw-w-full lw-mb-2': !isDesktop,\n                  'lw-w-[280px]': isDesktop,\n                })}\n              >\n                <Select\n                  options={instrumentSelectConfigWithDivision}\n                  searchPlaceholder={lang('search')}\n                  selectLabel={lang('instrument')}\n                  selectedOption={instrument}\n                  setSelectedOption={(val) =>\n                    setInstrument(val as { id: InstrumentId; label: string })\n                  }\n                />\n              </div>\n              <div\n                className={cn({\n                  'lw-w-full': !isDesktop,\n                  'lw-w-[280px]': isDesktop,\n                })}\n              >\n                <Select\n                  options={granularitySelectConfigWithLang}\n                  searchPlaceholder={lang('search')}\n                  selectLabel={lang('granularity')}\n                  selectedOption={granularity}\n                  setSelectedOption={(val) =>\n                    setGranularity(val as { id: Granularity; label: string })\n                  }\n                />\n              </div>\n            </div>\n          </div>\n          <ChartWithData\n            bookType={bookType}\n            division={division}\n            granularity={granularity.id}\n            instrument={instrument.id}\n          />\n          <Legend bookType={bookType} />\n        </div>\n      )}\n    </>\n  );\n};\n\nexport { Main };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Main.js","names":["cn","Select","Size","Tabs","useLayoutProvider","Locale","useLocale","React","useEffect","useMemo","useState","BookType","ChartWithData","getInstrumentConfig","Legend","getGranularitySelectConfig","navigationConfig","Main","_ref","division","lang","locale","size","isDesktop","DESKTOP","isJapanese","ja","bookType","setBookType","Order","granularitySelectConfigWithLang","instrumentSelectConfig","instrument","setInstrument","granularity","setGranularity","createElement","Fragment","className","mobileFullWidth","activeTab","handleClick","e","currentTarget","value","items","labelCallback","options","searchPlaceholder","selectLabel","selectedOption","setSelectedOption","val","id"],"sources":["../../../src/CrowdViewWidget/Main.tsx"],"sourcesContent":["import {\n  cn,\n  Select,\n  Size,\n  Tabs,\n  useLayoutProvider,\n} from '@oanda/labs-widget-common';\nimport { Locale, useLocale } from '@oanda/mono-i18n';\nimport React, { useEffect, useMemo, useState } from 'react';\n\nimport type { Granularity } from '../gql/types/graphql';\nimport { BookType } from '../gql/types/graphql';\nimport { ChartWithData, getInstrumentConfig, Legend } from './components';\nimport { getGranularitySelectConfig, navigationConfig } from './selectConfig';\nimport type { InstrumentId, MainProps } from './types';\n\nconst Main = ({ division }: MainProps) => {\n  const { lang, locale } = useLocale();\n  const { size } = useLayoutProvider();\n  const isDesktop = size === Size.DESKTOP;\n  const isJapanese = locale === Locale.ja;\n\n  const [bookType, setBookType] = useState(BookType.Order);\n\n  const granularitySelectConfigWithLang = useMemo(\n    () => getGranularitySelectConfig(lang, isJapanese),\n    [lang, isJapanese]\n  );\n\n  const instrumentSelectConfig = getInstrumentConfig(division, isJapanese);\n\n  const [instrument, setInstrument] = useState(instrumentSelectConfig[0]);\n\n  const [granularity, setGranularity] = useState(\n    granularitySelectConfigWithLang[0]\n  );\n\n  useEffect(() => {\n    setGranularity(granularitySelectConfigWithLang[0]);\n  }, [granularitySelectConfigWithLang]);\n\n  return (\n    <>\n      {size && (\n        <div\n          className=\"lw-text-sm lw-tracking-normal\"\n          data-testid=\"crowd-view-widget\"\n        >\n          <div>\n            <Tabs\n              mobileFullWidth\n              activeTab={bookType}\n              handleClick={(e) =>\n                setBookType(e.currentTarget.value as BookType)\n              }\n              items={navigationConfig}\n              labelCallback={lang}\n            />\n            <div\n              className={cn('lw-mb-6 lw-mt-12', {\n                'lw-flex': isDesktop,\n              })}\n            >\n              <div\n                className={cn('lw-mr-2', {\n                  'lw-w-full lw-mb-2': !isDesktop,\n                  'lw-w-[280px]': isDesktop,\n                })}\n              >\n                <Select\n                  options={instrumentSelectConfig}\n                  searchPlaceholder={lang('search')}\n                  selectLabel={lang('instrument')}\n                  selectedOption={instrument}\n                  setSelectedOption={(val) =>\n                    setInstrument(val as { id: InstrumentId; label: string })\n                  }\n                />\n              </div>\n              <div\n                className={cn({\n                  'lw-w-full': !isDesktop,\n                  'lw-w-[280px]': isDesktop,\n                })}\n              >\n                <Select\n                  options={granularitySelectConfigWithLang}\n                  searchPlaceholder={lang('search')}\n                  selectLabel={lang('granularity')}\n                  selectedOption={granularity}\n                  setSelectedOption={(val) =>\n                    setGranularity(val as { id: Granularity; label: string })\n                  }\n                />\n              </div>\n            </div>\n          </div>\n          <ChartWithData\n            bookType={bookType}\n            division={division}\n            granularity={granularity.id}\n            instrument={instrument.id}\n          />\n          <Legend bookType={bookType} />\n        </div>\n      )}\n    </>\n  );\n};\n\nexport { Main };\n"],"mappings":"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","ignoreList":[]}

package/dist/module/CrowdViewWidget/components/Chart/chartOptions/getSeriesCandlestickConfig.js

@@ -1,13 +1,27 @@
+import { Locale } from '@oanda/mono-i18n';
 import chroma from 'chroma-js';
 export const getSeriesCandlestickConfig = _ref => {
   let {
     styles,
-    isLoading
+    isLoading,
+    locale
   } = _ref;
   const {
     candleLongColor,
     candleShortColor
   } = styles;
+  const isJapanese = locale === Locale.ja;
+  const itemStyle = isJapanese ? {
+    color: chroma(candleShortColor).desaturate().css(),
+    color0: chroma(candleLongColor).desaturate().css(),
+    borderColor: candleShortColor,
+    borderColor0: candleLongColor
+  } : {
+    color: chroma(candleLongColor).desaturate().css(),
+    color0: chroma(candleShortColor).desaturate().css(),
+    borderColor: candleLongColor,
+    borderColor0: candleShortColor
+  };
   return {
     animation: isLoading,
     type: 'candlestick',
@@ -21,12 +35,7 @@ export const getSeriesCandlestickConfig = _ref => {
       x: 'dates',
       y: ['open', 'close', 'low', 'high']
     },
-    itemStyle: {
-      color: chroma(candleLongColor).desaturate().css(),
-      color0: chroma(candleShortColor).desaturate().css(),
-      borderColor: candleLongColor,
-      borderColor0: candleShortColor
-    },
+    itemStyle,
     emphasis: {
       itemStyle: {
         color: candleLongColor,

package/dist/module/CrowdViewWidget/components/Chart/chartOptions/getSeriesCandlestickConfig.js.map

@@ -1 +1 @@
-{"version":3,"file":"getSeriesCandlestickConfig.js","names":["chroma","getSeriesCandlestickConfig","_ref","styles","isLoading","candleLongColor","candleShortColor","animation","type","id","xAxisIndex","yAxisIndex","silent","clip","large","encode","x","y","itemStyle","color","desaturate","css","color0","borderColor","borderColor0","emphasis","z"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/chartOptions/getSeriesCandlestickConfig.ts"],"sourcesContent":["import chroma from 'chroma-js';\nimport type { CandlestickSeriesOption } from 'echarts';\n\nimport type { ChartStyles } from '../chartUtils/getChartStyles';\n\ninterface GetSeriesCandlestickConfigParams {\n  styles: ChartStyles;\n  isLoading: boolean;\n}\n\nexport const getSeriesCandlestickConfig = ({\n  styles,\n  isLoading,\n}: GetSeriesCandlestickConfigParams): CandlestickSeriesOption => {\n  const { candleLongColor, candleShortColor } = styles;\n\n  return {\n    animation: isLoading,\n    type: 'candlestick',\n    id: 'candlestick',\n    xAxisIndex: 0,\n    yAxisIndex: 0,\n    silent: true,\n    clip: true,\n    large: true,\n    encode: {\n      x: 'dates',\n      y: ['open', 'close', 'low', 'high'],\n    },\n    itemStyle: {\n      color: chroma(candleLongColor).desaturate().css(),\n      color0: chroma(candleShortColor).desaturate().css(),\n      borderColor: candleLongColor,\n      borderColor0: candleShortColor,\n    },\n    emphasis: {\n      itemStyle: {\n        color: candleLongColor,\n        color0: candleShortColor,\n      },\n    },\n    z: 3,\n  };\n};\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,WAAW;AAU9B,OAAO,MAAMC,0BAA0B,GAAGC,IAAA,IAGuB;EAAA,IAHtB;IACzCC,MAAM;IACNC;EACgC,CAAC,GAAAF,IAAA;EACjC,MAAM;IAAEG,eAAe;IAAEC;EAAiB,CAAC,GAAGH,MAAM;EAEpD,OAAO;IACLI,SAAS,EAAEH,SAAS;IACpBI,IAAI,EAAE,aAAa;IACnBC,EAAE,EAAE,aAAa;IACjBC,UAAU,EAAE,CAAC;IACbC,UAAU,EAAE,CAAC;IACbC,MAAM,EAAE,IAAI;IACZC,IAAI,EAAE,IAAI;IACVC,KAAK,EAAE,IAAI;IACXC,MAAM,EAAE;MACNC,CAAC,EAAE,OAAO;MACVC,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM;IACpC,CAAC;IACDC,SAAS,EAAE;MACTC,KAAK,EAAEnB,MAAM,CAACK,eAAe,CAAC,CAACe,UAAU,CAAC,CAAC,CAACC,GAAG,CAAC,CAAC;MACjDC,MAAM,EAAEtB,MAAM,CAACM,gBAAgB,CAAC,CAACc,UAAU,CAAC,CAAC,CAACC,GAAG,CAAC,CAAC;MACnDE,WAAW,EAAElB,eAAe;MAC5BmB,YAAY,EAAElB;IAChB,CAAC;IACDmB,QAAQ,EAAE;MACRP,SAAS,EAAE;QACTC,KAAK,EAAEd,eAAe;QACtBiB,MAAM,EAAEhB;MACV;IACF,CAAC;IACDoB,CAAC,EAAE;EACL,CAAC;AACH,CAAC","ignoreList":[]}
+{"version":3,"file":"getSeriesCandlestickConfig.js","names":["Locale","chroma","getSeriesCandlestickConfig","_ref","styles","isLoading","locale","candleLongColor","candleShortColor","isJapanese","ja","itemStyle","color","desaturate","css","color0","borderColor","borderColor0","animation","type","id","xAxisIndex","yAxisIndex","silent","clip","large","encode","x","y","emphasis","z"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/chartOptions/getSeriesCandlestickConfig.ts"],"sourcesContent":["import { Locale } from '@oanda/mono-i18n';\nimport chroma from 'chroma-js';\nimport type { CandlestickSeriesOption } from 'echarts';\n\nimport type { ChartStyles } from '../chartUtils/getChartStyles';\n\ninterface GetSeriesCandlestickConfigParams {\n  styles: ChartStyles;\n  isLoading: boolean;\n  locale: string;\n}\n\nexport const getSeriesCandlestickConfig = ({\n  styles,\n  isLoading,\n  locale,\n}: GetSeriesCandlestickConfigParams): CandlestickSeriesOption => {\n  const { candleLongColor, candleShortColor } = styles;\n  const isJapanese = locale === Locale.ja;\n\n  const itemStyle = isJapanese\n    ? {\n        color: chroma(candleShortColor).desaturate().css(),\n        color0: chroma(candleLongColor).desaturate().css(),\n        borderColor: candleShortColor,\n        borderColor0: candleLongColor,\n      }\n    : {\n        color: chroma(candleLongColor).desaturate().css(),\n        color0: chroma(candleShortColor).desaturate().css(),\n        borderColor: candleLongColor,\n        borderColor0: candleShortColor,\n      };\n\n  return {\n    animation: isLoading,\n    type: 'candlestick',\n    id: 'candlestick',\n    xAxisIndex: 0,\n    yAxisIndex: 0,\n    silent: true,\n    clip: true,\n    large: true,\n    encode: {\n      x: 'dates',\n      y: ['open', 'close', 'low', 'high'],\n    },\n    itemStyle,\n    emphasis: {\n      itemStyle: {\n        color: candleLongColor,\n        color0: candleShortColor,\n      },\n    },\n    z: 3,\n  };\n};\n"],"mappings":"AAAA,SAASA,MAAM,QAAQ,kBAAkB;AACzC,OAAOC,MAAM,MAAM,WAAW;AAW9B,OAAO,MAAMC,0BAA0B,GAAGC,IAAA,IAIuB;EAAA,IAJtB;IACzCC,MAAM;IACNC,SAAS;IACTC;EACgC,CAAC,GAAAH,IAAA;EACjC,MAAM;IAAEI,eAAe;IAAEC;EAAiB,CAAC,GAAGJ,MAAM;EACpD,MAAMK,UAAU,GAAGH,MAAM,KAAKN,MAAM,CAACU,EAAE;EAEvC,MAAMC,SAAS,GAAGF,UAAU,GACxB;IACEG,KAAK,EAAEX,MAAM,CAACO,gBAAgB,CAAC,CAACK,UAAU,CAAC,CAAC,CAACC,GAAG,CAAC,CAAC;IAClDC,MAAM,EAAEd,MAAM,CAACM,eAAe,CAAC,CAACM,UAAU,CAAC,CAAC,CAACC,GAAG,CAAC,CAAC;IAClDE,WAAW,EAAER,gBAAgB;IAC7BS,YAAY,EAAEV;EAChB,CAAC,GACD;IACEK,KAAK,EAAEX,MAAM,CAACM,eAAe,CAAC,CAACM,UAAU,CAAC,CAAC,CAACC,GAAG,CAAC,CAAC;IACjDC,MAAM,EAAEd,MAAM,CAACO,gBAAgB,CAAC,CAACK,UAAU,CAAC,CAAC,CAACC,GAAG,CAAC,CAAC;IACnDE,WAAW,EAAET,eAAe;IAC5BU,YAAY,EAAET;EAChB,CAAC;EAEL,OAAO;IACLU,SAAS,EAAEb,SAAS;IACpBc,IAAI,EAAE,aAAa;IACnBC,EAAE,EAAE,aAAa;IACjBC,UAAU,EAAE,CAAC;IACbC,UAAU,EAAE,CAAC;IACbC,MAAM,EAAE,IAAI;IACZC,IAAI,EAAE,IAAI;IACVC,KAAK,EAAE,IAAI;IACXC,MAAM,EAAE;MACNC,CAAC,EAAE,OAAO;MACVC,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM;IACpC,CAAC;IACDjB,SAAS;IACTkB,QAAQ,EAAE;MACRlB,SAAS,EAAE;QACTC,KAAK,EAAEL,eAAe;QACtBQ,MAAM,EAAEP;MACV;IACF,CAAC;IACDsB,CAAC,EAAE;EACL,CAAC;AACH,CAAC","ignoreList":[]}

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

@@ -1,4 +1,17 @@
 import { DISPLAYED_BUCKETS_COUNT, INSTRUMENTS_CONFIG } from '../../../constants';
+const roundToClosest = (value, options) => {
+  return options.reduce((closest, option) => {
+    const distanceToOption = Math.abs(value - option);
+    const distanceToClosest = Math.abs(value - closest);
+    if (distanceToOption === distanceToClosest) {
+      return option > closest ? option : closest;
+    }
+    return distanceToOption < distanceToClosest ? option : closest;
+  });
+};
+const getRoundingValues = base => {
+  return [base, 2 * base, 4 * base, 5 * base, 10 * base];
+};
 export const getBucketWidthMultiplayer = _ref => {
   let {
     minPrice,
@@ -10,6 +23,12 @@ export const getBucketWidthMultiplayer = _ref => {
   } = INSTRUMENTS_CONFIG[instrument];
   const priceRange = maxPrice - minPrice;
   const calculatedMultiplier = priceRange / (defaultBucketWidth * DISPLAYED_BUCKETS_COUNT);
-  return Math.max(1, Math.ceil(calculatedMultiplier));
+  if (calculatedMultiplier <= 1) {
+    return 1;
+  }
+  const powerOf10 = Math.floor(Math.log10(calculatedMultiplier));
+  const base = Math.pow(10, powerOf10);
+  const roundingValues = getRoundingValues(base);
+  return roundToClosest(calculatedMultiplier, roundingValues);
 };
 //# sourceMappingURL=getBucketWidthMultiplayer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"getBucketWidthMultiplayer.js","names":["DISPLAYED_BUCKETS_COUNT","INSTRUMENTS_CONFIG","getBucketWidthMultiplayer","_ref","minPrice","maxPrice","instrument","defaultBucketWidth","priceRange","calculatedMultiplier","Math","max","ceil"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/dataUtils/getBucketWidthMultiplayer.ts"],"sourcesContent":["import {\n  DISPLAYED_BUCKETS_COUNT,\n  INSTRUMENTS_CONFIG,\n} from '../../../constants';\nimport type { InstrumentId } from '../../../types';\n\ninterface GetBucketWidthMultiplayerParams {\n  minPrice: number;\n  maxPrice: number;\n  instrument: InstrumentId;\n}\n\nexport const getBucketWidthMultiplayer = ({\n  minPrice,\n  maxPrice,\n  instrument,\n}: GetBucketWidthMultiplayerParams): number => {\n  const { defaultBucketWidth } = INSTRUMENTS_CONFIG[instrument];\n  const priceRange = maxPrice - minPrice;\n\n  const calculatedMultiplier =\n    priceRange / (defaultBucketWidth * DISPLAYED_BUCKETS_COUNT);\n\n  return Math.max(1, Math.ceil(calculatedMultiplier));\n};\n"],"mappings":"AAAA,SACEA,uBAAuB,EACvBC,kBAAkB,QACb,oBAAoB;AAS3B,OAAO,MAAMC,yBAAyB,GAAGC,IAAA,IAIM;EAAA,IAJL;IACxCC,QAAQ;IACRC,QAAQ;IACRC;EAC+B,CAAC,GAAAH,IAAA;EAChC,MAAM;IAAEI;EAAmB,CAAC,GAAGN,kBAAkB,CAACK,UAAU,CAAC;EAC7D,MAAME,UAAU,GAAGH,QAAQ,GAAGD,QAAQ;EAEtC,MAAMK,oBAAoB,GACxBD,UAAU,IAAID,kBAAkB,GAAGP,uBAAuB,CAAC;EAE7D,OAAOU,IAAI,CAACC,GAAG,CAAC,CAAC,EAAED,IAAI,CAACE,IAAI,CAACH,oBAAoB,CAAC,CAAC;AACrD,CAAC","ignoreList":[]}
+{"version":3,"file":"getBucketWidthMultiplayer.js","names":["DISPLAYED_BUCKETS_COUNT","INSTRUMENTS_CONFIG","roundToClosest","value","options","reduce","closest","option","distanceToOption","Math","abs","distanceToClosest","getRoundingValues","base","getBucketWidthMultiplayer","_ref","minPrice","maxPrice","instrument","defaultBucketWidth","priceRange","calculatedMultiplier","powerOf10","floor","log10","pow","roundingValues"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/dataUtils/getBucketWidthMultiplayer.ts"],"sourcesContent":["import {\n  DISPLAYED_BUCKETS_COUNT,\n  INSTRUMENTS_CONFIG,\n} from '../../../constants';\nimport type { InstrumentId } from '../../../types';\n\ninterface GetBucketWidthMultiplayerParams {\n  minPrice: number;\n  maxPrice: number;\n  instrument: InstrumentId;\n}\n\nconst roundToClosest = (value: number, options: number[]): number => {\n  return options.reduce((closest, option) => {\n    const distanceToOption = Math.abs(value - option);\n    const distanceToClosest = Math.abs(value - closest);\n\n    if (distanceToOption === distanceToClosest) {\n      return option > closest ? option : closest;\n    }\n\n    return distanceToOption < distanceToClosest ? option : closest;\n  });\n};\n\nconst getRoundingValues = (base: number): number[] => {\n  return [base, 2 * base, 4 * base, 5 * base, 10 * base];\n};\n\nexport const getBucketWidthMultiplayer = ({\n  minPrice,\n  maxPrice,\n  instrument,\n}: GetBucketWidthMultiplayerParams): number => {\n  const { defaultBucketWidth } = INSTRUMENTS_CONFIG[instrument];\n  const priceRange = maxPrice - minPrice;\n\n  const calculatedMultiplier =\n    priceRange / (defaultBucketWidth * DISPLAYED_BUCKETS_COUNT);\n\n  if (calculatedMultiplier <= 1) {\n    return 1;\n  }\n\n  const powerOf10 = Math.floor(Math.log10(calculatedMultiplier));\n  const base = Math.pow(10, powerOf10);\n  const roundingValues = getRoundingValues(base);\n\n  return roundToClosest(calculatedMultiplier, roundingValues);\n};\n"],"mappings":"AAAA,SACEA,uBAAuB,EACvBC,kBAAkB,QACb,oBAAoB;AAS3B,MAAMC,cAAc,GAAGA,CAACC,KAAa,EAAEC,OAAiB,KAAa;EACnE,OAAOA,OAAO,CAACC,MAAM,CAAC,CAACC,OAAO,EAAEC,MAAM,KAAK;IACzC,MAAMC,gBAAgB,GAAGC,IAAI,CAACC,GAAG,CAACP,KAAK,GAAGI,MAAM,CAAC;IACjD,MAAMI,iBAAiB,GAAGF,IAAI,CAACC,GAAG,CAACP,KAAK,GAAGG,OAAO,CAAC;IAEnD,IAAIE,gBAAgB,KAAKG,iBAAiB,EAAE;MAC1C,OAAOJ,MAAM,GAAGD,OAAO,GAAGC,MAAM,GAAGD,OAAO;IAC5C;IAEA,OAAOE,gBAAgB,GAAGG,iBAAiB,GAAGJ,MAAM,GAAGD,OAAO;EAChE,CAAC,CAAC;AACJ,CAAC;AAED,MAAMM,iBAAiB,GAAIC,IAAY,IAAe;EACpD,OAAO,CAACA,IAAI,EAAE,CAAC,GAAGA,IAAI,EAAE,CAAC,GAAGA,IAAI,EAAE,CAAC,GAAGA,IAAI,EAAE,EAAE,GAAGA,IAAI,CAAC;AACxD,CAAC;AAED,OAAO,MAAMC,yBAAyB,GAAGC,IAAA,IAIM;EAAA,IAJL;IACxCC,QAAQ;IACRC,QAAQ;IACRC;EAC+B,CAAC,GAAAH,IAAA;EAChC,MAAM;IAAEI;EAAmB,CAAC,GAAGlB,kBAAkB,CAACiB,UAAU,CAAC;EAC7D,MAAME,UAAU,GAAGH,QAAQ,GAAGD,QAAQ;EAEtC,MAAMK,oBAAoB,GACxBD,UAAU,IAAID,kBAAkB,GAAGnB,uBAAuB,CAAC;EAE7D,IAAIqB,oBAAoB,IAAI,CAAC,EAAE;IAC7B,OAAO,CAAC;EACV;EAEA,MAAMC,SAAS,GAAGb,IAAI,CAACc,KAAK,CAACd,IAAI,CAACe,KAAK,CAACH,oBAAoB,CAAC,CAAC;EAC9D,MAAMR,IAAI,GAAGJ,IAAI,CAACgB,GAAG,CAAC,EAAE,EAAEH,SAAS,CAAC;EACpC,MAAMI,cAAc,GAAGd,iBAAiB,CAACC,IAAI,CAAC;EAE9C,OAAOX,cAAc,CAACmB,oBAAoB,EAAEK,cAAc,CAAC;AAC7D,CAAC","ignoreList":[]}

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

@@ -0,0 +1,12 @@
+import { Division } from '../../../../gql/types/graphql';
+import { instrumentSelectConfig, instrumentSelectConfigJa, instrumentSelectConfigOC } from '../../../selectConfig';
+export const getInstrumentConfig = (division, isJapanese) => {
+  if (isJapanese) {
+    return instrumentSelectConfigJa;
+  }
+  if (division === Division.Oc) {
+    return instrumentSelectConfigOC;
+  }
+  return instrumentSelectConfig;
+};
+//# sourceMappingURL=getInstrumentConfig.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getInstrumentConfig.js","names":["Division","instrumentSelectConfig","instrumentSelectConfigJa","instrumentSelectConfigOC","getInstrumentConfig","division","isJapanese","Oc"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/dataUtils/getInstrumentConfig.ts"],"sourcesContent":["import { Division } from '../../../../gql/types/graphql';\nimport {\n  instrumentSelectConfig,\n  instrumentSelectConfigJa,\n  instrumentSelectConfigOC,\n} from '../../../selectConfig';\n\nexport const getInstrumentConfig = (\n  division: Division,\n  isJapanese: boolean\n) => {\n  if (isJapanese) {\n    return instrumentSelectConfigJa;\n  }\n\n  if (division === Division.Oc) {\n    return instrumentSelectConfigOC;\n  }\n  return instrumentSelectConfig;\n};\n"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,+BAA+B;AACxD,SACEC,sBAAsB,EACtBC,wBAAwB,EACxBC,wBAAwB,QACnB,uBAAuB;AAE9B,OAAO,MAAMC,mBAAmB,GAAGA,CACjCC,QAAkB,EAClBC,UAAmB,KAChB;EACH,IAAIA,UAAU,EAAE;IACd,OAAOJ,wBAAwB;EACjC;EAEA,IAAIG,QAAQ,KAAKL,QAAQ,CAACO,EAAE,EAAE;IAC5B,OAAOJ,wBAAwB;EACjC;EACA,OAAOF,sBAAsB;AAC/B,CAAC","ignoreList":[]}

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

@@ -1,5 +1,5 @@
 export * from './getBucketWidthMultiplayer';
-export * from './getInstrumentConfigForDivision';
+export * from './getInstrumentConfig';
 export * from './getTimeSpanForGranularity';
 export * from './processOrderPositionBooks';
 export * from './processPriceCandles';

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

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

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

@@ -107,7 +107,8 @@ export const getOption = _ref => {
     },
     series: [getSeriesCandlestickConfig({
       styles,
-      isLoading
+      isLoading,
+      locale
     }), ...heatmapChart, ...sentimentChart]
   };
 };