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

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

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

package/dist/module/CrowdViewWidget/selectConfig.js

@@ -57,12 +57,65 @@ const instrumentSelectConfig = [...instrumentSelectConfigOC, {
   id: InstrumentId.XAG_USD,
   label: 'XAG/USD'
 }];
-const granularitySelectConfig = [{
+const instrumentSelectConfigJa = [{
+  id: InstrumentId.USD_JPY,
+  label: 'USD/JPY'
+}, {
+  id: InstrumentId.EUR_JPY,
+  label: 'EUR/JPY'
+}, {
+  id: InstrumentId.GBP_JPY,
+  label: 'GBP/JPY'
+}, {
+  id: InstrumentId.AUD_JPY,
+  label: 'AUD/JPY'
+}, {
+  id: InstrumentId.EUR_USD,
+  label: 'EUR/USD'
+}, {
+  id: InstrumentId.EUR_AUD,
+  label: 'EUR/AUD'
+}, {
+  id: InstrumentId.EUR_GBP,
+  label: 'EUR/GBP'
+}, {
+  id: InstrumentId.EUR_CHF,
+  label: 'EUR/CHF'
+}, {
+  id: InstrumentId.USD_CHF,
+  label: 'USD/CHF'
+}, {
+  id: InstrumentId.USD_CAD,
+  label: 'USD/CAD'
+}, {
+  id: InstrumentId.GBP_USD,
+  label: 'GBP/USD'
+}, {
+  id: InstrumentId.GBP_CHF,
+  label: 'GBP/CHF'
+}, {
+  id: InstrumentId.AUD_USD,
+  label: 'AUD/USD'
+}, {
+  id: InstrumentId.NZD_USD,
+  label: 'NZD/USD'
+}, {
+  id: InstrumentId.XAU_USD,
+  label: 'XAU/USD'
+}, {
+  id: InstrumentId.XAG_USD,
+  label: 'XAG/USD'
+}];
+const getGranularitySelectConfig = (lang, isJapanese) => [{
   id: Granularity.H1,
-  label: '1_hour'
+  label: lang(isJapanese ? 'hour_plural' : 'hour', {
+    count: 1
+  })
 }, {
   id: Granularity.H4,
-  label: '4_hours'
+  label: lang('hour_plural', {
+    count: 4
+  })
 }];
-export { granularitySelectConfig, instrumentSelectConfig, instrumentSelectConfigOC, navigationConfig };
+export { getGranularitySelectConfig, instrumentSelectConfig, instrumentSelectConfigJa, instrumentSelectConfigOC, navigationConfig };
 //# sourceMappingURL=selectConfig.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"selectConfig.js","names":["BookType","Granularity","InstrumentId","navigationConfig","id","Order","label","Position","instrumentSelectConfigOC","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","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,SAASA,QAAQ,EAAEC,WAAW,QAAQ,sBAAsB;AAC5D,SAASC,YAAY,QAAQ,SAAS;AAEtC,MAAMC,gBAAgB,GAAG,CACvB;EACEC,EAAE,EAAEJ,QAAQ,CAACK,KAAK;EAClBC,KAAK,EAAE;AACT,CAAC,EACD;EACEF,EAAE,EAAEJ,QAAQ,CAACO,QAAQ;EACrBD,KAAK,EAAE;AACT,CAAC,CACF;AAED,MAAME,wBAAwB,GAAG,CAC/B;EACEJ,EAAE,EAAEF,YAAY,CAACO,OAAO;EACxBH,KAAK,EAAE;AACT,CAAC,EACD;EACEF,EAAE,EAAEF,YAAY,CAACQ,OAAO;EACxBJ,KAAK,EAAE;AACT,CAAC,EACD;EACEF,EAAE,EAAEF,YAAY,CAACS,OAAO;EACxBL,KAAK,EAAE;AACT,CAAC,EACD;EACEF,EAAE,EAAEF,YAAY,CAACU,OAAO;EACxBN,KAAK,EAAE;AACT,CAAC,EACD;EACEF,EAAE,EAAEF,YAAY,CAACW,OAAO;EACxBP,KAAK,EAAE;AACT,CAAC,EACD;EACEF,EAAE,EAAEF,YAAY,CAACY,OAAO;EACxBR,KAAK,EAAE;AACT,CAAC,EACD;EACEF,EAAE,EAAEF,YAAY,CAACa,OAAO;EACxBT,KAAK,EAAE;AACT,CAAC,EACD;EACEF,EAAE,EAAEF,YAAY,CAACc,OAAO;EACxBV,KAAK,EAAE;AACT,CAAC,EACD;EACEF,EAAE,EAAEF,YAAY,CAACe,OAAO;EACxBX,KAAK,EAAE;AACT,CAAC,EACD;EACEF,EAAE,EAAEF,YAAY,CAACgB,OAAO;EACxBZ,KAAK,EAAE;AACT,CAAC,EACD;EACEF,EAAE,EAAEF,YAAY,CAACiB,OAAO;EACxBb,KAAK,EAAE;AACT,CAAC,EACD;EACEF,EAAE,EAAEF,YAAY,CAACkB,OAAO;EACxBd,KAAK,EAAE;AACT,CAAC,EACD;EACEF,EAAE,EAAEF,YAAY,CAACmB,OAAO;EACxBf,KAAK,EAAE;AACT,CAAC,EACD;EACEF,EAAE,EAAEF,YAAY,CAACoB,OAAO;EACxBhB,KAAK,EAAE;AACT,CAAC,CACF;AAED,MAAMiB,sBAAsB,GAAG,CAC7B,GAAGf,wBAAwB,EAC3B;EACEJ,EAAE,EAAEF,YAAY,CAACsB,OAAO;EACxBlB,KAAK,EAAE;AACT,CAAC,EACD;EACEF,EAAE,EAAEF,YAAY,CAACuB,OAAO;EACxBnB,KAAK,EAAE;AACT,CAAC,CACF;AAED,MAAMoB,uBAAuB,GAAG,CAC9B;EACEtB,EAAE,EAAEH,WAAW,CAAC0B,EAAE;EAClBrB,KAAK,EAAE;AACT,CAAC,EACD;EACEF,EAAE,EAAEH,WAAW,CAAC2B,EAAE;EAClBtB,KAAK,EAAE;AACT,CAAC,CACF;AAED,SACEoB,uBAAuB,EACvBH,sBAAsB,EACtBf,wBAAwB,EACxBL,gBAAgB","ignoreList":[]}
+{"version":3,"file":"selectConfig.js","names":["BookType","Granularity","InstrumentId","navigationConfig","id","Order","label","Position","instrumentSelectConfigOC","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","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/module/translations/index.js

@@ -1,20 +1,12 @@
 import { Locale } from '@oanda/mono-i18n';
 import en from './sources/en.json';
-import es from './sources/es.json';
-import th from './sources/th.json';
-import zhTW from './sources/zh_TW.json';
+import ja from './sources/ja.json';
 export const translations = {
   [Locale.en]: {
     translation: en
   },
-  [Locale.zhTW]: {
-    translation: zhTW
-  },
-  [Locale.es]: {
-    translation: es
-  },
-  [Locale.th]: {
-    translation: th
+  [Locale.ja]: {
+    translation: ja
   }
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Locale","en","es","th","zhTW","translations","translation"],"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,SAASA,MAAM,QAAQ,kBAAkB;AAEzC,OAAOC,EAAE,MAAM,mBAAmB;AAClC,OAAOC,EAAE,MAAM,mBAAmB;AAClC,OAAOC,EAAE,MAAM,mBAAmB;AAClC,OAAOC,IAAI,MAAM,sBAAsB;AAKvC,OAAO,MAAMC,YAA0B,GAAG;EACxC,CAACL,MAAM,CAACC,EAAE,GAAG;IAAEK,WAAW,EAAEL;EAAG,CAAC;EAChC,CAACD,MAAM,CAACI,IAAI,GAAG;IAAEE,WAAW,EAAEF;EAAK,CAAC;EACpC,CAACJ,MAAM,CAACE,EAAE,GAAG;IAAEI,WAAW,EAAEJ;EAAG,CAAC;EAChC,CAACF,MAAM,CAACG,EAAE,GAAG;IAAEG,WAAW,EAAEH;EAAG;AACjC,CAAC","ignoreList":[]}
+{"version":3,"file":"index.js","names":["Locale","en","ja","translations","translation"],"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,SAASA,MAAM,QAAQ,kBAAkB;AAEzC,OAAOC,EAAE,MAAM,mBAAmB;AAClC,OAAOC,EAAE,MAAM,mBAAmB;AAKlC,OAAO,MAAMC,YAA0B,GAAG;EACxC,CAACH,MAAM,CAACC,EAAE,GAAG;IAAEG,WAAW,EAAEH;EAAG,CAAC;EAChC,CAACD,MAAM,CAACE,EAAE,GAAG;IAAEE,WAAW,EAAEF;EAAG;AACjC,CAAC","ignoreList":[]}

package/dist/module/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/module/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/types/CrowdViewWidget/components/Chart/chartOptions/getSeriesCandlestickConfig.d.ts

@@ -3,6 +3,7 @@ import type { ChartStyles } from '../chartUtils/getChartStyles';
 interface GetSeriesCandlestickConfigParams {
     styles: ChartStyles;
     isLoading: boolean;
+    locale: string;
 }
-export declare const getSeriesCandlestickConfig: ({ styles, isLoading, }: GetSeriesCandlestickConfigParams) => CandlestickSeriesOption;
+export declare const getSeriesCandlestickConfig: ({ styles, isLoading, locale, }: GetSeriesCandlestickConfigParams) => CandlestickSeriesOption;
 export {};

package/dist/types/CrowdViewWidget/components/Chart/dataUtils/{getInstrumentConfigForDivision.d.ts → getInstrumentConfig.d.ts}

@@ -1,5 +1,5 @@
 import { Division } from '../../../../gql/types/graphql';
-export declare const getInstrumentConfigForDivision: (division: Division) => {
+export declare const getInstrumentConfig: (division: Division, isJapanese: boolean) => {
     id: import("../../..").InstrumentId;
     label: string;
 }[];

package/dist/types/CrowdViewWidget/components/Chart/dataUtils/index.d.ts

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

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

@@ -12,8 +12,14 @@ declare const instrumentSelectConfig: {
     id: InstrumentId;
     label: string;
 }[];
-declare const granularitySelectConfig: {
+declare const instrumentSelectConfigJa: {
+    id: InstrumentId;
+    label: string;
+}[];
+declare const getGranularitySelectConfig: (lang: (key: string, options?: {
+    count?: number;
+}) => string, isJapanese: boolean) => {
     id: Granularity;
     label: string;
 }[];
-export { granularitySelectConfig, instrumentSelectConfig, instrumentSelectConfigOC, navigationConfig, };
+export { getGranularitySelectConfig, instrumentSelectConfig, instrumentSelectConfigJa, instrumentSelectConfigOC, navigationConfig, };

package/lokalise.config.json

@@ -12,7 +12,7 @@
     "indentation": "2sp",
     "plural_format": "i18next",
     "export_empty_as": "skip",
-    "include_tags": ["common_widgets"],
-    "filter_langs": ["en"]
+    "include_tags": ["common_widgets", "crowd_view_widget"],
+    "filter_langs": ["en", "ja"]
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oanda/labs-crowd-view-widget",
-  "version": "1.0.59",
+  "version": "1.0.61",
   "description": "Labs Crowd View Widget",
   "main": "dist/main/index.js",
   "module": "dist/module/index.js",
@@ -13,7 +13,7 @@
   "author": "OANDA",
   "license": "UNLICENSED",
   "dependencies": {
-    "@oanda/labs-widget-common": "^1.0.241",
+    "@oanda/labs-widget-common": "^1.0.243",
     "@oanda/mono-i18n": "10.0.1",
     "chroma-js": "^3.1.2",
     "decimal.js": "^10.6.0",
@@ -24,5 +24,5 @@
     "@graphql-codegen/client-preset": "4.1.0",
     "@types/chroma-js": "^3.1.2"
   },
-  "gitHead": "1a8471ad158713f1ee4e6fdde61ac31416d8f34d"
+  "gitHead": "f3d41f07e0f42d2885b8e6aac34c886d24f321c6"
 }

package/src/CrowdViewWidget/Main.tsx

@@ -5,37 +5,31 @@ import {
   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 type { Granularity } from '../gql/types/graphql';
 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';
 import type { InstrumentId, MainProps } from './types';
 
 const Main = ({ division }: MainProps) => {
-  const { lang } = useLocale();
+  const { 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) => ({
-        ...opt,
-        label: lang(opt.label),
-      })),
-    [lang]
+    () => getGranularitySelectConfig(lang, isJapanese),
+    [lang, isJapanese]
   );
 
-  const instrumentSelectConfigWithDivision =
-    getInstrumentConfigForDivision(division);
-  const [instrument, setInstrument] = useState(
-    instrumentSelectConfigWithDivision[0]
-  );
+  const instrumentSelectConfig = getInstrumentConfig(division, isJapanese);
+
+  const [instrument, setInstrument] = useState(instrumentSelectConfig[0]);
 
   const [granularity, setGranularity] = useState(
     granularitySelectConfigWithLang[0]
@@ -74,7 +68,7 @@ const Main = ({ division }: MainProps) => {
                 })}
               >
                 <Select
-                  options={instrumentSelectConfigWithDivision}
+                  options={instrumentSelectConfig}
                   searchPlaceholder={lang('search')}
                   selectLabel={lang('instrument')}
                   selectedOption={instrument}

package/src/CrowdViewWidget/components/Chart/chartOptions/getSeriesCandlestickConfig.ts

@@ -1,3 +1,4 @@
+import { Locale } from '@oanda/mono-i18n';
 import chroma from 'chroma-js';
 import type { CandlestickSeriesOption } from 'echarts';
 
@@ -6,13 +7,30 @@ import type { ChartStyles } from '../chartUtils/getChartStyles';
 interface GetSeriesCandlestickConfigParams {
   styles: ChartStyles;
   isLoading: boolean;
+  locale: string;
 }
 
 export const getSeriesCandlestickConfig = ({
   styles,
   isLoading,
+  locale,
 }: GetSeriesCandlestickConfigParams): CandlestickSeriesOption => {
   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,
@@ -27,12 +45,7 @@ export const getSeriesCandlestickConfig = ({
       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/src/CrowdViewWidget/components/Chart/dataUtils/getBucketWidthMultiplayer.ts

@@ -10,6 +10,23 @@ interface GetBucketWidthMultiplayerParams {
   instrument: InstrumentId;
 }
 
+const roundToClosest = (value: number, options: number[]): number => {
+  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: number): number[] => {
+  return [base, 2 * base, 4 * base, 5 * base, 10 * base];
+};
+
 export const getBucketWidthMultiplayer = ({
   minPrice,
   maxPrice,
@@ -21,5 +38,13 @@ export const getBucketWidthMultiplayer = ({
   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);
 };

package/src/CrowdViewWidget/components/Chart/dataUtils/getInstrumentConfig.ts

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

package/src/CrowdViewWidget/components/Chart/dataUtils/index.ts

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

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

@@ -136,6 +136,7 @@ export const getOption: GetOptionType = ({
       getSeriesCandlestickConfig({
         styles,
         isLoading,
+        locale,
       }),
       ...heatmapChart,
       ...sentimentChart,

package/src/CrowdViewWidget/selectConfig.ts

@@ -83,20 +83,91 @@ const instrumentSelectConfig = [
   },
 ];
 
-const granularitySelectConfig = [
+const instrumentSelectConfigJa = [
+  {
+    id: InstrumentId.USD_JPY,
+    label: 'USD/JPY',
+  },
+  {
+    id: InstrumentId.EUR_JPY,
+    label: 'EUR/JPY',
+  },
+  {
+    id: InstrumentId.GBP_JPY,
+    label: 'GBP/JPY',
+  },
+  {
+    id: InstrumentId.AUD_JPY,
+    label: 'AUD/JPY',
+  },
+  {
+    id: InstrumentId.EUR_USD,
+    label: 'EUR/USD',
+  },
+  {
+    id: InstrumentId.EUR_AUD,
+    label: 'EUR/AUD',
+  },
+  {
+    id: InstrumentId.EUR_GBP,
+    label: 'EUR/GBP',
+  },
+  {
+    id: InstrumentId.EUR_CHF,
+    label: 'EUR/CHF',
+  },
+  {
+    id: InstrumentId.USD_CHF,
+    label: 'USD/CHF',
+  },
+  {
+    id: InstrumentId.USD_CAD,
+    label: 'USD/CAD',
+  },
+  {
+    id: InstrumentId.GBP_USD,
+    label: 'GBP/USD',
+  },
+  {
+    id: InstrumentId.GBP_CHF,
+    label: 'GBP/CHF',
+  },
+  {
+    id: InstrumentId.AUD_USD,
+    label: 'AUD/USD',
+  },
+  {
+    id: InstrumentId.NZD_USD,
+    label: 'NZD/USD',
+  },
+  {
+    id: InstrumentId.XAU_USD,
+    label: 'XAU/USD',
+  },
+  {
+    id: InstrumentId.XAG_USD,
+    label: 'XAG/USD',
+  },
+];
+
+const getGranularitySelectConfig = (
+  lang: (key: string, options?: { count?: number }) => string,
+  isJapanese: boolean
+) => [
   {
     id: Granularity.H1,
-    label: '1_hour',
+    label: lang(isJapanese ? 'hour_plural' : 'hour', { count: 1 }),
   },
   {
     id: Granularity.H4,
-    label: '4_hours',
+    label: lang('hour_plural', { count: 4 }),
   },
 ];
 
 export {
-  granularitySelectConfig,
+  getGranularitySelectConfig,
   instrumentSelectConfig,
+  instrumentSelectConfigJa,
   instrumentSelectConfigOC,
   navigationConfig,
 };

package/src/translations/index.ts

@@ -2,16 +2,12 @@ import type { Translations } from '@oanda/mono-i18n';
 import { Locale } from '@oanda/mono-i18n';
 
 import en from './sources/en.json';
-import es from './sources/es.json';
-import th from './sources/th.json';
-import zhTW from './sources/zh_TW.json';
+import ja from './sources/ja.json';
 import type { defaultTranslations } from './translations';
 
 export type TranslationKey = keyof typeof defaultTranslations;
 
 export const translations: Translations = {
   [Locale.en]: { translation: en },
-  [Locale.zhTW]: { translation: zhTW },
-  [Locale.es]: { translation: es },
-  [Locale.th]: { translation: th },
+  [Locale.ja]: { translation: ja },
 };