@oanda/labs-crowd-view-widget 1.0.60 → 1.0.62

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.60",
+  "version": "1.0.62",
   "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.242",
+    "@oanda/labs-widget-common": "^1.0.244",
     "@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": "5023edd1d0ab11c4d681588f2ee9f9ea482a9605"
+  "gitHead": "ae3293f8fa274180539dc023bbfe668bf068d2c6"
 }

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/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 },
 };

package/src/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/src/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/test/utils/instrumentUtils.test.ts

@@ -2,13 +2,13 @@
  * @jest-environment jsdom
  */
 
-import { getInstrumentConfigForDivision } from '../../src/CrowdViewWidget/components/Chart/dataUtils/getInstrumentConfigForDivision';
+import { getInstrumentConfig } from '../../src/CrowdViewWidget/components/Chart/dataUtils/getInstrumentConfig';
 import { Division } from '../../src/gql/types/graphql';
 
 describe('instrumentUtils', () => {
-  describe('getInstrumentConfigForDivision', () => {
-    it('should return OC instrument config for OC division', () => {
-      const result = getInstrumentConfigForDivision(Division.Oc);
+  describe('getInstrumentConfig', () => {
+    it('should return OC instrument config for OC division when not Japanese', () => {
+      const result = getInstrumentConfig(Division.Oc, false);
 
       expect(result).toBeDefined();
       expect(Array.isArray(result)).toBe(true);
@@ -23,8 +23,8 @@ describe('instrumentUtils', () => {
       expect(firstInstrument.id.length).toBeGreaterThan(0);
     });
 
-    it('should return OAP instrument config for OAP division', () => {
-      const result = getInstrumentConfigForDivision(Division.Oap);
+    it('should return OAP instrument config for OAP division when not Japanese', () => {
+      const result = getInstrumentConfig(Division.Oap, false);
 
       expect(result).toBeDefined();
       expect(Array.isArray(result)).toBe(true);
@@ -39,9 +39,31 @@ describe('instrumentUtils', () => {
       expect(firstInstrument.id.length).toBeGreaterThan(0);
     });
 
-    it('should return different configs for different divisions', () => {
-      const ocConfig = getInstrumentConfigForDivision(Division.Oc);
-      const oapConfig = getInstrumentConfigForDivision(Division.Oap);
+    it('should return Japanese instrument config when isJapanese is true', () => {
+      const result = getInstrumentConfig(Division.Oc, true);
+
+      expect(result).toBeDefined();
+      expect(Array.isArray(result)).toBe(true);
+      expect(result.length).toBeGreaterThan(0);
+
+      // Check that the first instrument has the expected structure
+      const firstInstrument = result[0];
+      expect(firstInstrument).toHaveProperty('id');
+      expect(firstInstrument).toHaveProperty('label');
+      expect(typeof firstInstrument.id).toBe('string');
+      expect(firstInstrument.id.length).toBeGreaterThan(0);
+    });
+
+    it('should return Japanese config regardless of division when isJapanese is true', () => {
+      const ocJapaneseConfig = getInstrumentConfig(Division.Oc, true);
+      const oapJapaneseConfig = getInstrumentConfig(Division.Oap, true);
+
+      expect(ocJapaneseConfig).toEqual(oapJapaneseConfig);
+    });
+
+    it('should return different configs for different divisions when not Japanese', () => {
+      const ocConfig = getInstrumentConfig(Division.Oc, false);
+      const oapConfig = getInstrumentConfig(Division.Oap, false);
 
       expect(ocConfig).not.toEqual(oapConfig);
 
@@ -54,5 +76,12 @@ describe('instrumentUtils', () => {
       // OAP config includes XAU_USD and XAG_USD which OC doesn't have
       expect(oapConfig.length).toBeGreaterThan(ocConfig.length);
     });
+
+    it('should return different configs for Japanese vs non-Japanese', () => {
+      const japaneseConfig = getInstrumentConfig(Division.Oc, true);
+      const nonJapaneseConfig = getInstrumentConfig(Division.Oc, false);
+
+      expect(japaneseConfig).not.toEqual(nonJapaneseConfig);
+    });
   });
 });

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"getInstrumentConfigForDivision.js","names":["_graphql","require","_selectConfig","getInstrumentConfigForDivision","division","Division","Oc","instrumentSelectConfigOC","instrumentSelectConfig","exports"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/dataUtils/getInstrumentConfigForDivision.ts"],"sourcesContent":["import { Division } from '../../../../gql/types/graphql';\nimport {\n  instrumentSelectConfig,\n  instrumentSelectConfigOC,\n} from '../../../selectConfig';\n\nexport const getInstrumentConfigForDivision = (division: Division) => {\n  return division === Division.Oc\n    ? instrumentSelectConfigOC\n    : instrumentSelectConfig;\n};\n"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAKO,MAAME,8BAA8B,GAAIC,QAAkB,IAAK;EACpE,OAAOA,QAAQ,KAAKC,iBAAQ,CAACC,EAAE,GAC3BC,sCAAwB,GACxBC,oCAAsB;AAC5B,CAAC;AAACC,OAAA,CAAAN,8BAAA,GAAAA,8BAAA","ignoreList":[]}

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

@@ -1,2 +0,0 @@
-{
-}

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

@@ -1,2 +0,0 @@
-{
-}