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

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/components/Chart/dataUtils/getBucketWidthMultiplayer.test.ts

@@ -9,7 +9,7 @@ describe('getBucketWidthMultiplayer', () => {
         maxPrice: 1.1,
         instrument: InstrumentId.EUR_USD,
       });
-      expect(result).toBe(3);
+      expect(result).toBe(2);
     });
 
     it('should calculate multiplier correctly for EUR_JPY with standard price range', () => {
@@ -30,4 +30,132 @@ describe('getBucketWidthMultiplayer', () => {
     });
     expect(result).toBe(1);
   });
+
+  describe('rounding behavior for 1 < multiplier < 10', () => {
+    it('should round to closest value from [1, 2, 4, 5, 10]', () => {
+      const result1 = getBucketWidthMultiplayer({
+        minPrice: 1.0,
+        maxPrice: 1.03,
+        instrument: InstrumentId.EUR_USD,
+      });
+      expect(result1).toBe(2);
+
+      const result2 = getBucketWidthMultiplayer({
+        minPrice: 1.0,
+        maxPrice: 1.07,
+        instrument: InstrumentId.EUR_USD,
+      });
+      expect(result2).toBe(4);
+
+      const result3 = getBucketWidthMultiplayer({
+        minPrice: 1.0,
+        maxPrice: 1.14,
+        instrument: InstrumentId.EUR_USD,
+      });
+      expect(result3).toBe(5);
+    });
+  });
+
+  describe('rounding behavior for 10 <= multiplier < 100', () => {
+    it('should round to closest value from [10, 20, 40, 50, 100]', () => {
+      const result1 = getBucketWidthMultiplayer({
+        minPrice: 140.0,
+        maxPrice: 164.0,
+        instrument: InstrumentId.EUR_JPY,
+      });
+      expect(result1).toBe(10);
+
+      const result2 = getBucketWidthMultiplayer({
+        minPrice: 140.0,
+        maxPrice: 170.0,
+        instrument: InstrumentId.EUR_JPY,
+      });
+      expect(result2).toBe(20);
+
+      const result3 = getBucketWidthMultiplayer({
+        minPrice: 140.0,
+        maxPrice: 200.0,
+        instrument: InstrumentId.EUR_JPY,
+      });
+      expect(result3).toBe(40);
+
+      const result4 = getBucketWidthMultiplayer({
+        minPrice: 140.0,
+        maxPrice: 210.0,
+        instrument: InstrumentId.EUR_JPY,
+      });
+      expect(result4).toBe(40);
+
+      const result5 = getBucketWidthMultiplayer({
+        minPrice: 140.0,
+        maxPrice: 230.0,
+        instrument: InstrumentId.EUR_JPY,
+      });
+      expect(result5).toBe(50);
+
+      const result6 = getBucketWidthMultiplayer({
+        minPrice: 140.0,
+        maxPrice: 290.0,
+        instrument: InstrumentId.EUR_JPY,
+      });
+      expect(result6).toBe(100);
+    });
+  });
+
+  describe('rounding behavior for 100 <= multiplier < 1000', () => {
+    it('should round to closest value from [100, 200, 400, 500, 1000]', () => {
+      const result1 = getBucketWidthMultiplayer({
+        minPrice: 140.0,
+        maxPrice: 440.0,
+        instrument: InstrumentId.EUR_JPY,
+      });
+      expect(result1).toBe(200);
+
+      const result2 = getBucketWidthMultiplayer({
+        minPrice: 140.0,
+        maxPrice: 640.0,
+        instrument: InstrumentId.EUR_JPY,
+      });
+      expect(result2).toBe(200);
+
+      const result3 = getBucketWidthMultiplayer({
+        minPrice: 140.0,
+        maxPrice: 740.0,
+        instrument: InstrumentId.EUR_JPY,
+      });
+      expect(result3).toBe(400);
+
+      const result4 = getBucketWidthMultiplayer({
+        minPrice: 140.0,
+        maxPrice: 1040.0,
+        instrument: InstrumentId.EUR_JPY,
+      });
+      expect(result4).toBe(500);
+
+      const result5 = getBucketWidthMultiplayer({
+        minPrice: 140.0,
+        maxPrice: 1640.0,
+        instrument: InstrumentId.EUR_JPY,
+      });
+      expect(result5).toBe(1000);
+    });
+  });
+
+  describe('rounding behavior for multiplier >= 1000', () => {
+    it('should round to closest value from [1000, 2000, 4000, 5000, 10000]', () => {
+      const result1 = getBucketWidthMultiplayer({
+        minPrice: 140.0,
+        maxPrice: 3140.0,
+        instrument: InstrumentId.EUR_JPY,
+      });
+      expect(result1).toBe(2000);
+
+      const result2 = getBucketWidthMultiplayer({
+        minPrice: 140.0,
+        maxPrice: 7140.0,
+        instrument: InstrumentId.EUR_JPY,
+      });
+      expect(result2).toBe(4000);
+    });
+  });
 });

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 @@
-{
-}

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

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

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

@@ -1,6 +0,0 @@
-import { Division } from '../../../../gql/types/graphql';
-import { instrumentSelectConfig, instrumentSelectConfigOC } from '../../../selectConfig';
-export const getInstrumentConfigForDivision = division => {
-  return division === Division.Oc ? instrumentSelectConfigOC : instrumentSelectConfig;
-};
-//# sourceMappingURL=getInstrumentConfigForDivision.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"getInstrumentConfigForDivision.js","names":["Division","instrumentSelectConfig","instrumentSelectConfigOC","getInstrumentConfigForDivision","division","Oc"],"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,SAASA,QAAQ,QAAQ,+BAA+B;AACxD,SACEC,sBAAsB,EACtBC,wBAAwB,QACnB,uBAAuB;AAE9B,OAAO,MAAMC,8BAA8B,GAAIC,QAAkB,IAAK;EACpE,OAAOA,QAAQ,KAAKJ,QAAQ,CAACK,EAAE,GAC3BH,wBAAwB,GACxBD,sBAAsB;AAC5B,CAAC","ignoreList":[]}

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

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

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

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

package/dist/module/translations/sources/zh_TW.json

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

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

@@ -1,11 +0,0 @@
-import { Division } from '../../../../gql/types/graphql';
-import {
-  instrumentSelectConfig,
-  instrumentSelectConfigOC,
-} from '../../../selectConfig';
-
-export const getInstrumentConfigForDivision = (division: Division) => {
-  return division === Division.Oc
-    ? instrumentSelectConfigOC
-    : instrumentSelectConfig;
-};

package/src/translations/sources/es.json

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

package/src/translations/sources/th.json

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

package/src/translations/sources/zh_TW.json

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