@oanda/labs-currency-power-balance-widget 1.0.30 → 1.0.32

package/CHANGELOG.md

@@ -3,6 +3,266 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 1.0.32 (2024-02-28)
+
+
+
+## 1.0.92 (2024-02-28)
+
+
+
+## 1.0.91 (2024-02-23)
+
+
+
+## 1.0.90 (2024-02-23)
+
+
+
+## 1.0.89 (2024-02-21)
+
+
+
+## 1.0.88 (2024-02-21)
+
+
+
+## 1.0.87 (2024-02-20)
+
+
+
+## 1.0.86 (2024-02-20)
+
+
+
+## 1.0.85 (2024-02-13)
+
+
+
+## 1.0.84 (2024-02-13)
+
+
+
+## 1.0.83 (2024-02-09)
+
+
+
+## 1.0.82 (2024-02-05)
+
+
+
+## 1.0.81 (2024-02-05)
+
+
+
+## 1.0.80 (2024-02-05)
+
+
+
+## 1.0.79 (2024-02-05)
+
+
+
+## 1.0.78 (2024-01-30)
+
+
+
+## 1.0.77 (2024-01-25)
+
+
+
+## 1.0.76 (2024-01-25)
+
+
+
+## 1.0.75 (2024-01-22)
+
+
+
+## 1.0.74 (2024-01-22)
+
+
+
+## 1.0.73 (2024-01-22)
+
+
+
+## 1.0.72 (2024-01-19)
+
+
+
+## 1.0.71 (2024-01-18)
+
+
+
+## 1.0.70 (2024-01-17)
+
+
+
+## 1.0.69 (2024-01-17)
+
+
+
+## 1.0.68 (2024-01-15)
+
+
+
+## 1.0.67 (2024-01-15)
+
+
+
+## 1.0.66 (2024-01-12)
+
+
+
+## 1.0.65 (2024-01-11)
+
+
+
+## 1.0.64 (2024-01-11)
+
+
+
+## 1.0.63 (2024-01-11)
+
+
+
+## 1.0.62 (2024-01-10)
+
+**Note:** Version bump only for package @oanda/labs-currency-power-balance-widget
+
+
+
+
+
+## 1.0.31 (2024-02-28)
+
+
+
+## 1.0.91 (2024-02-23)
+
+
+
+## 1.0.90 (2024-02-23)
+
+
+
+## 1.0.89 (2024-02-21)
+
+
+
+## 1.0.88 (2024-02-21)
+
+
+
+## 1.0.87 (2024-02-20)
+
+
+
+## 1.0.86 (2024-02-20)
+
+
+
+## 1.0.85 (2024-02-13)
+
+
+
+## 1.0.84 (2024-02-13)
+
+
+
+## 1.0.83 (2024-02-09)
+
+
+
+## 1.0.82 (2024-02-05)
+
+
+
+## 1.0.81 (2024-02-05)
+
+
+
+## 1.0.80 (2024-02-05)
+
+
+
+## 1.0.79 (2024-02-05)
+
+
+
+## 1.0.78 (2024-01-30)
+
+
+
+## 1.0.77 (2024-01-25)
+
+
+
+## 1.0.76 (2024-01-25)
+
+
+
+## 1.0.75 (2024-01-22)
+
+
+
+## 1.0.74 (2024-01-22)
+
+
+
+## 1.0.73 (2024-01-22)
+
+
+
+## 1.0.72 (2024-01-19)
+
+
+
+## 1.0.71 (2024-01-18)
+
+
+
+## 1.0.70 (2024-01-17)
+
+
+
+## 1.0.69 (2024-01-17)
+
+
+
+## 1.0.68 (2024-01-15)
+
+
+
+## 1.0.67 (2024-01-15)
+
+
+
+## 1.0.66 (2024-01-12)
+
+
+
+## 1.0.65 (2024-01-11)
+
+
+
+## 1.0.64 (2024-01-11)
+
+
+
+## 1.0.63 (2024-01-11)
+
+
+
+## 1.0.62 (2024-01-10)
+
+**Note:** Version bump only for package @oanda/labs-currency-power-balance-widget
+
+
+
+
+
 ## 1.0.30 (2024-02-23)
 
 

package/dist/main/CurrencyPowerBalanceWidget/Tool.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Tool = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _monoI18n = require("@oanda/mono-i18n");
 var _config = require("./config");
 var _TimeUnitSwitch = require("./components/TimeUnitSwitch");
 var _ChartWithData = require("./ChartWithData");
@@ -14,17 +13,13 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const Tool = () => {
   const [selectedTimeUnit, setSelectedTimeUnit] = (0, _react.useState)(_graphql.CurrencyPowerBalanceTimeUnit.CurrentDay);
-  const {
-    lang
-  } = (0, _monoI18n.useLocale)();
   return _react.default.createElement("div", {
     "data-testid": "currency-power-balance-wrapper",
     className: "lw-flex lw-flex-col lw-text-sm lw-tracking-normal"
   }, _react.default.createElement(_TimeUnitSwitch.TimeUnitSwitch, {
     selected: selectedTimeUnit,
     callback: setSelectedTimeUnit,
-    options: _config.timeUnitConfig,
-    labelCallback: lang
+    options: _config.timeUnitConfig
   }), _react.default.createElement(_ChartWithData.ChartWithData, {
     timeUnit: selectedTimeUnit
   }));

package/dist/main/CurrencyPowerBalanceWidget/Tool.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tool.js","names":["_react","_interopRequireWildcard","require","_monoI18n","_config","_TimeUnitSwitch","_ChartWithData","_graphql","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","Tool","selectedTimeUnit","setSelectedTimeUnit","useState","CurrencyPowerBalanceTimeUnit","CurrentDay","lang","useLocale","createElement","className","TimeUnitSwitch","selected","callback","options","timeUnitConfig","labelCallback","ChartWithData","timeUnit","exports"],"sources":["../../../src/CurrencyPowerBalanceWidget/Tool.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { useLocale } from '@oanda/mono-i18n';\nimport { timeUnitConfig } from './config';\nimport { TimeUnitSwitch } from './components/TimeUnitSwitch';\nimport { ChartWithData } from './ChartWithData';\nimport { CurrencyPowerBalanceTimeUnit } from '../gql/types/graphql';\n\nconst Tool = () => {\n  const [selectedTimeUnit, setSelectedTimeUnit] = useState(CurrencyPowerBalanceTimeUnit.CurrentDay);\n  const { lang } = useLocale();\n\n  return (\n    <div\n      data-testid=\"currency-power-balance-wrapper\"\n      className=\"lw-flex lw-flex-col lw-text-sm lw-tracking-normal\"\n    >\n      <TimeUnitSwitch\n        selected={selectedTimeUnit}\n        callback={setSelectedTimeUnit}\n        options={timeUnitConfig}\n        labelCallback={lang}\n      />\n      <ChartWithData\n        timeUnit={selectedTimeUnit}\n      />\n    </div>\n  );\n};\n\nexport { Tool };\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,eAAA,GAAAH,OAAA;AACA,IAAAI,cAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AAAoE,SAAAM,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAR,wBAAAQ,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAEpE,MAAMY,IAAI,GAAGA,CAAA,KAAM;EACjB,MAAM,CAACC,gBAAgB,EAAEC,mBAAmB,CAAC,GAAG,IAAAC,eAAQ,EAACC,qCAA4B,CAACC,UAAU,CAAC;EACjG,MAAM;IAAEC;EAAK,CAAC,GAAG,IAAAC,mBAAS,EAAC,CAAC;EAE5B,OACEpC,MAAA,CAAAc,OAAA,CAAAuB,aAAA;IACE,eAAY,gCAAgC;IAC5CC,SAAS,EAAC;EAAmD,GAE7DtC,MAAA,CAAAc,OAAA,CAAAuB,aAAA,CAAChC,eAAA,CAAAkC,cAAc;IACbC,QAAQ,EAAEV,gBAAiB;IAC3BW,QAAQ,EAAEV,mBAAoB;IAC9BW,OAAO,EAAEC,sBAAe;IACxBC,aAAa,EAAET;EAAK,CACrB,CAAC,EACFnC,MAAA,CAAAc,OAAA,CAAAuB,aAAA,CAAC/B,cAAA,CAAAuC,aAAa;IACZC,QAAQ,EAAEhB;EAAiB,CAC5B,CACE,CAAC;AAEV,CAAC;AAACiB,OAAA,CAAAlB,IAAA,GAAAA,IAAA"}
+{"version":3,"file":"Tool.js","names":["_react","_interopRequireWildcard","require","_config","_TimeUnitSwitch","_ChartWithData","_graphql","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","Tool","selectedTimeUnit","setSelectedTimeUnit","useState","CurrencyPowerBalanceTimeUnit","CurrentDay","createElement","className","TimeUnitSwitch","selected","callback","options","timeUnitConfig","ChartWithData","timeUnit","exports"],"sources":["../../../src/CurrencyPowerBalanceWidget/Tool.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { timeUnitConfig } from './config';\nimport { TimeUnitSwitch } from './components/TimeUnitSwitch';\nimport { ChartWithData } from './ChartWithData';\nimport { CurrencyPowerBalanceTimeUnit } from '../gql/types/graphql';\n\nconst Tool = () => {\n  const [selectedTimeUnit, setSelectedTimeUnit] = useState(CurrencyPowerBalanceTimeUnit.CurrentDay);\n\n  return (\n    <div\n      data-testid=\"currency-power-balance-wrapper\"\n      className=\"lw-flex lw-flex-col lw-text-sm lw-tracking-normal\"\n    >\n      <TimeUnitSwitch\n        selected={selectedTimeUnit}\n        callback={setSelectedTimeUnit}\n        options={timeUnitConfig}\n      />\n      <ChartWithData\n        timeUnit={selectedTimeUnit}\n      />\n    </div>\n  );\n};\n\nexport { Tool };\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AAAoE,SAAAK,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAP,wBAAAO,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAEpE,MAAMY,IAAI,GAAGA,CAAA,KAAM;EACjB,MAAM,CAACC,gBAAgB,EAAEC,mBAAmB,CAAC,GAAG,IAAAC,eAAQ,EAACC,qCAA4B,CAACC,UAAU,CAAC;EAEjG,OACEjC,MAAA,CAAAa,OAAA,CAAAqB,aAAA;IACE,eAAY,gCAAgC;IAC5CC,SAAS,EAAC;EAAmD,GAE7DnC,MAAA,CAAAa,OAAA,CAAAqB,aAAA,CAAC9B,eAAA,CAAAgC,cAAc;IACbC,QAAQ,EAAER,gBAAiB;IAC3BS,QAAQ,EAAER,mBAAoB;IAC9BS,OAAO,EAAEC;EAAe,CACzB,CAAC,EACFxC,MAAA,CAAAa,OAAA,CAAAqB,aAAA,CAAC7B,cAAA,CAAAoC,aAAa;IACZC,QAAQ,EAAEb;EAAiB,CAC5B,CACE,CAAC;AAEV,CAAC;AAACc,OAAA,CAAAf,IAAA,GAAAA,IAAA"}

package/dist/main/CurrencyPowerBalanceWidget/components/TimeUnitSwitch/TimeUnitSelect.js

@@ -6,23 +6,28 @@ Object.defineProperty(exports, "__esModule", {
 exports.TimeUnitSelect = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _labsWidgetCommon = require("@oanda/labs-widget-common");
+var _monoI18n = require("@oanda/mono-i18n");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const TimeUnitSelect = _ref => {
   let {
     selected,
     options,
-    callback,
-    labelCallback
+    callback
   } = _ref;
+  const {
+    lang
+  } = (0, _monoI18n.useLocale)();
   const selectOptions = options.map(_ref2 => {
     let {
       value: id,
       label,
-      tooltip
+      tooltipLabel
     } = _ref2;
     return {
       id,
-      label: labelCallback ? labelCallback(tooltip || label) : tooltip || label
+      label: tooltipLabel ? lang(tooltipLabel.translationKey, {
+        count: tooltipLabel.count
+      }) : lang(label)
     };
   });
   const [{

package/dist/main/CurrencyPowerBalanceWidget/components/TimeUnitSwitch/TimeUnitSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimeUnitSelect.js","names":["_react","_interopRequireDefault","require","_labsWidgetCommon","obj","__esModule","default","TimeUnitSelect","_ref","selected","options","callback","labelCallback","selectOptions","map","_ref2","value","id","label","tooltip","selectedLabel","filter","_ref3","createElement","className","Select","selectedOption","setSelectedOption","_ref4","exports"],"sources":["../../../../../src/CurrencyPowerBalanceWidget/components/TimeUnitSwitch/TimeUnitSelect.tsx"],"sourcesContent":["import React from 'react';\nimport { Select } from '@oanda/labs-widget-common';\nimport { TimeUnitSwitchProps } from './types';\nimport { CurrencyPowerBalanceTimeUnit } from '../../../gql/types/graphql';\n\nconst TimeUnitSelect = ({\n  selected, options, callback, labelCallback,\n}: TimeUnitSwitchProps) => {\n  const selectOptions = options\n    .map(({ value: id, label, tooltip }) => ({\n      id,\n      label: labelCallback ? labelCallback(tooltip || label) : tooltip || label,\n    }));\n  const [{ label: selectedLabel }] = selectOptions.filter(({ id }) => id === selected);\n\n  return (\n    <div data-testid=\"time-unit-select\" className=\"lw-mb-6 lw-w-full\">\n      <Select\n        options={selectOptions}\n        selectedOption={{ id: selected, label: selectedLabel }}\n        setSelectedOption={({ id }) => callback(id as CurrencyPowerBalanceTimeUnit)}\n      />\n    </div>\n  );\n};\n\nexport { TimeUnitSelect };\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AAAmD,SAAAD,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAInD,MAAMG,cAAc,GAAGC,IAAA,IAEI;EAAA,IAFH;IACtBC,QAAQ;IAAEC,OAAO;IAAEC,QAAQ;IAAEC;EACV,CAAC,GAAAJ,IAAA;EACpB,MAAMK,aAAa,GAAGH,OAAO,CAC1BI,GAAG,CAACC,KAAA;IAAA,IAAC;MAAEC,KAAK,EAAEC,EAAE;MAAEC,KAAK;MAAEC;IAAQ,CAAC,GAAAJ,KAAA;IAAA,OAAM;MACvCE,EAAE;MACFC,KAAK,EAAEN,aAAa,GAAGA,aAAa,CAACO,OAAO,IAAID,KAAK,CAAC,GAAGC,OAAO,IAAID;IACtE,CAAC;EAAA,CAAC,CAAC;EACL,MAAM,CAAC;IAAEA,KAAK,EAAEE;EAAc,CAAC,CAAC,GAAGP,aAAa,CAACQ,MAAM,CAACC,KAAA;IAAA,IAAC;MAAEL;IAAG,CAAC,GAAAK,KAAA;IAAA,OAAKL,EAAE,KAAKR,QAAQ;EAAA,EAAC;EAEpF,OACET,MAAA,CAAAM,OAAA,CAAAiB,aAAA;IAAK,eAAY,kBAAkB;IAACC,SAAS,EAAC;EAAmB,GAC/DxB,MAAA,CAAAM,OAAA,CAAAiB,aAAA,CAACpB,iBAAA,CAAAsB,MAAM;IACLf,OAAO,EAAEG,aAAc;IACvBa,cAAc,EAAE;MAAET,EAAE,EAAER,QAAQ;MAAES,KAAK,EAAEE;IAAc,CAAE;IACvDO,iBAAiB,EAAEC,KAAA;MAAA,IAAC;QAAEX;MAAG,CAAC,GAAAW,KAAA;MAAA,OAAKjB,QAAQ,CAACM,EAAkC,CAAC;IAAA;EAAC,CAC7E,CACE,CAAC;AAEV,CAAC;AAACY,OAAA,CAAAtB,cAAA,GAAAA,cAAA"}
+{"version":3,"file":"TimeUnitSelect.js","names":["_react","_interopRequireDefault","require","_labsWidgetCommon","_monoI18n","obj","__esModule","default","TimeUnitSelect","_ref","selected","options","callback","lang","useLocale","selectOptions","map","_ref2","value","id","label","tooltipLabel","translationKey","count","selectedLabel","filter","_ref3","createElement","className","Select","selectedOption","setSelectedOption","_ref4","exports"],"sources":["../../../../../src/CurrencyPowerBalanceWidget/components/TimeUnitSwitch/TimeUnitSelect.tsx"],"sourcesContent":["import React from 'react';\nimport { Select } from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport { TimeUnitSwitchProps } from './types';\nimport { CurrencyPowerBalanceTimeUnit } from '../../../gql/types/graphql';\n\nconst TimeUnitSelect = ({\n  selected, options, callback,\n}: TimeUnitSwitchProps) => {\n  const { lang } = useLocale();\n  const selectOptions = options\n    .map(({ value: id, label, tooltipLabel }) => ({\n      id,\n      label: tooltipLabel\n        ? lang(tooltipLabel.translationKey, { count: tooltipLabel.count })\n        : lang(label),\n    }));\n  const [{ label: selectedLabel }] = selectOptions.filter(({ id }) => id === selected);\n\n  return (\n    <div data-testid=\"time-unit-select\" className=\"lw-mb-6 lw-w-full\">\n      <Select\n        options={selectOptions}\n        selectedOption={{ id: selected, label: selectedLabel }}\n        setSelectedOption={({ id }) => callback(id as CurrencyPowerBalanceTimeUnit)}\n      />\n    </div>\n  );\n};\n\nexport { TimeUnitSelect };\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AAA6C,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAI7C,MAAMG,cAAc,GAAGC,IAAA,IAEI;EAAA,IAFH;IACtBC,QAAQ;IAAEC,OAAO;IAAEC;EACA,CAAC,GAAAH,IAAA;EACpB,MAAM;IAAEI;EAAK,CAAC,GAAG,IAAAC,mBAAS,EAAC,CAAC;EAC5B,MAAMC,aAAa,GAAGJ,OAAO,CAC1BK,GAAG,CAACC,KAAA;IAAA,IAAC;MAAEC,KAAK,EAAEC,EAAE;MAAEC,KAAK;MAAEC;IAAa,CAAC,GAAAJ,KAAA;IAAA,OAAM;MAC5CE,EAAE;MACFC,KAAK,EAAEC,YAAY,GACfR,IAAI,CAACQ,YAAY,CAACC,cAAc,EAAE;QAAEC,KAAK,EAAEF,YAAY,CAACE;MAAM,CAAC,CAAC,GAChEV,IAAI,CAACO,KAAK;IAChB,CAAC;EAAA,CAAC,CAAC;EACL,MAAM,CAAC;IAAEA,KAAK,EAAEI;EAAc,CAAC,CAAC,GAAGT,aAAa,CAACU,MAAM,CAACC,KAAA;IAAA,IAAC;MAAEP;IAAG,CAAC,GAAAO,KAAA;IAAA,OAAKP,EAAE,KAAKT,QAAQ;EAAA,EAAC;EAEpF,OACEV,MAAA,CAAAO,OAAA,CAAAoB,aAAA;IAAK,eAAY,kBAAkB;IAACC,SAAS,EAAC;EAAmB,GAC/D5B,MAAA,CAAAO,OAAA,CAAAoB,aAAA,CAACxB,iBAAA,CAAA0B,MAAM;IACLlB,OAAO,EAAEI,aAAc;IACvBe,cAAc,EAAE;MAAEX,EAAE,EAAET,QAAQ;MAAEU,KAAK,EAAEI;IAAc,CAAE;IACvDO,iBAAiB,EAAEC,KAAA;MAAA,IAAC;QAAEb;MAAG,CAAC,GAAAa,KAAA;MAAA,OAAKpB,QAAQ,CAACO,EAAkC,CAAC;IAAA;EAAC,CAC7E,CACE,CAAC;AAEV,CAAC;AAACc,OAAA,CAAAzB,cAAA,GAAAA,cAAA"}

package/dist/main/CurrencyPowerBalanceWidget/components/TimeUnitSwitch/TimeUnitSwitch.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.TimeUnitSwitch = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _labsWidgetCommon = require("@oanda/labs-widget-common");
+var _monoI18n = require("@oanda/mono-i18n");
 var _constants = require("../../constants");
 var _TimeUnitSelect = require("./TimeUnitSelect");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
@@ -14,9 +15,11 @@ const TimeUnitSwitch = _ref => {
   let {
     selected,
     options,
-    callback,
-    labelCallback
+    callback
   } = _ref;
+  const {
+    lang
+  } = (0, _monoI18n.useLocale)();
   const {
     size
   } = (0, _react.useContext)(_labsWidgetCommon.ThemeContext);
@@ -27,23 +30,29 @@ const TimeUnitSwitch = _ref => {
   return _react.default.createElement(_react.default.Fragment, null, isDesktop ? _react.default.createElement("div", {
     "data-testid": "time-unit-switch",
     className: "lw-mb-6 lw-flex lw-gap-1 lw-self-end"
-  }, options.map(item => {
-    const tooltip = labelCallback && item.tooltip ? labelCallback(item.tooltip) : item.tooltip;
-    const label = labelCallback ? labelCallback(item.label) : item.label;
+  }, options.map(_ref2 => {
+    let {
+      value,
+      label,
+      tooltipLabel
+    } = _ref2;
+    const tooltip = tooltipLabel ? lang(tooltipLabel.translationKey, {
+      count: tooltipLabel.count
+    }) : tooltipLabel;
+    const buttonLabel = lang(label);
     return _react.default.createElement(_labsWidgetCommon.Button, {
-      key: item.value,
+      key: value,
       size: _labsWidgetCommon.ButtonSize.full,
-      variant: selected === item.value ? _labsWidgetCommon.ButtonVariant.primary : _labsWidgetCommon.ButtonVariant.secondary,
+      variant: selected === value ? _labsWidgetCommon.ButtonVariant.primary : _labsWidgetCommon.ButtonVariant.secondary,
       onClick: handleButtonClick,
-      value: item.value,
+      value: value,
       "data-tooltip-id": _constants.CURRENCY_POWER_BALANCE_TOOLTIP_ID,
       "data-tooltip-content": tooltip
-    }, label);
+    }, buttonLabel);
   })) : _react.default.createElement(_TimeUnitSelect.TimeUnitSelect, {
     selected: selected,
     callback: callback,
-    options: options,
-    labelCallback: labelCallback
+    options: options
   }));
 };
 exports.TimeUnitSwitch = TimeUnitSwitch;

package/dist/main/CurrencyPowerBalanceWidget/components/TimeUnitSwitch/TimeUnitSwitch.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimeUnitSwitch.js","names":["_react","_interopRequireWildcard","require","_labsWidgetCommon","_constants","_TimeUnitSelect","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","TimeUnitSwitch","_ref","selected","options","callback","labelCallback","size","useContext","ThemeContext","isDesktop","Size","DESKTOP","handleButtonClick","currentTarget","value","createElement","Fragment","className","map","item","tooltip","label","Button","key","ButtonSize","full","variant","ButtonVariant","primary","secondary","onClick","CURRENCY_POWER_BALANCE_TOOLTIP_ID","TimeUnitSelect","exports"],"sources":["../../../../../src/CurrencyPowerBalanceWidget/components/TimeUnitSwitch/TimeUnitSwitch.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport {\n  Button, ButtonSize, ButtonVariant, ThemeContext, Size,\n} from '@oanda/labs-widget-common';\nimport { TimeUnitSwitchProps } from './types';\nimport { CurrencyPowerBalanceTimeUnit } from '../../../gql/types/graphql';\nimport { CURRENCY_POWER_BALANCE_TOOLTIP_ID } from '../../constants';\nimport { TimeUnitSelect } from './TimeUnitSelect';\n\nconst TimeUnitSwitch = ({\n  selected, options, callback, labelCallback,\n}: TimeUnitSwitchProps) => {\n  const { size } = useContext(ThemeContext);\n  const isDesktop = size === Size.DESKTOP;\n\n  const handleButtonClick = (e: React.SyntheticEvent<HTMLButtonElement>) => {\n    callback(e.currentTarget.value as CurrencyPowerBalanceTimeUnit);\n  };\n\n  return (\n    <>\n      {isDesktop\n        ? (\n          <div data-testid=\"time-unit-switch\" className=\"lw-mb-6 lw-flex lw-gap-1 lw-self-end\">\n            {options.map((item) => {\n              const tooltip = labelCallback && item.tooltip\n                ? labelCallback(item.tooltip)\n                : item.tooltip;\n              const label = labelCallback ? labelCallback(item.label) : item.label;\n\n              return (\n                <Button\n                  key={item.value}\n                  size={ButtonSize.full}\n                  variant={selected === item.value\n                    ? ButtonVariant.primary\n                    : ButtonVariant.secondary}\n                  onClick={handleButtonClick}\n                  value={item.value}\n                  data-tooltip-id={CURRENCY_POWER_BALANCE_TOOLTIP_ID}\n                  data-tooltip-content={tooltip}\n                >\n                  {label}\n                </Button>\n              );\n            })}\n          </div>\n        )\n        : (\n          <TimeUnitSelect\n            selected={selected}\n            callback={callback}\n            options={options}\n            labelCallback={labelCallback}\n          />\n        )}\n    </>\n  );\n};\n\nexport { TimeUnitSwitch };\n"],"mappings":"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"}
+{"version":3,"file":"TimeUnitSwitch.js","names":["_react","_interopRequireWildcard","require","_labsWidgetCommon","_monoI18n","_constants","_TimeUnitSelect","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","TimeUnitSwitch","_ref","selected","options","callback","lang","useLocale","size","useContext","ThemeContext","isDesktop","Size","DESKTOP","handleButtonClick","currentTarget","value","createElement","Fragment","className","map","_ref2","label","tooltipLabel","tooltip","translationKey","count","buttonLabel","Button","key","ButtonSize","full","variant","ButtonVariant","primary","secondary","onClick","CURRENCY_POWER_BALANCE_TOOLTIP_ID","TimeUnitSelect","exports"],"sources":["../../../../../src/CurrencyPowerBalanceWidget/components/TimeUnitSwitch/TimeUnitSwitch.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport {\n  Button, ButtonSize, ButtonVariant, ThemeContext, Size,\n} from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport { TimeUnitSwitchProps } from './types';\nimport { CurrencyPowerBalanceTimeUnit } from '../../../gql/types/graphql';\nimport { CURRENCY_POWER_BALANCE_TOOLTIP_ID } from '../../constants';\nimport { TimeUnitSelect } from './TimeUnitSelect';\n\nconst TimeUnitSwitch = ({\n  selected, options, callback,\n}: TimeUnitSwitchProps) => {\n  const { lang } = useLocale();\n  const { size } = useContext(ThemeContext);\n  const isDesktop = size === Size.DESKTOP;\n\n  const handleButtonClick = (e: React.SyntheticEvent<HTMLButtonElement>) => {\n    callback(e.currentTarget.value as CurrencyPowerBalanceTimeUnit);\n  };\n\n  return (\n    <>\n      {isDesktop\n        ? (\n          <div data-testid=\"time-unit-switch\" className=\"lw-mb-6 lw-flex lw-gap-1 lw-self-end\">\n            {options.map(({ value, label, tooltipLabel }) => {\n              const tooltip = tooltipLabel\n                ? lang(tooltipLabel.translationKey, { count: tooltipLabel.count })\n                : tooltipLabel;\n              const buttonLabel = lang(label);\n\n              return (\n                <Button\n                  key={value}\n                  size={ButtonSize.full}\n                  variant={selected === value\n                    ? ButtonVariant.primary\n                    : ButtonVariant.secondary}\n                  onClick={handleButtonClick}\n                  value={value}\n                  data-tooltip-id={CURRENCY_POWER_BALANCE_TOOLTIP_ID}\n                  data-tooltip-content={tooltip}\n                >\n                  {buttonLabel}\n                </Button>\n              );\n            })}\n          </div>\n        )\n        : (\n          <TimeUnitSelect\n            selected={selected}\n            callback={callback}\n            options={options}\n          />\n        )}\n    </>\n  );\n};\n\nexport { TimeUnitSwitch };\n"],"mappings":"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"}

package/dist/main/CurrencyPowerBalanceWidget/components/TimeUnitSwitch/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../../../src/CurrencyPowerBalanceWidget/components/TimeUnitSwitch/types.ts"],"sourcesContent":["import { CurrencyPowerBalanceTimeUnit } from '../../../gql/types/graphql';\n\nexport interface TimeUnitOption {\n  value: CurrencyPowerBalanceTimeUnit;\n  label: string;\n  tooltip?: string;\n}\n\nexport interface TimeUnitSwitchProps {\n  selected: CurrencyPowerBalanceTimeUnit;\n  options: TimeUnitOption[];\n  callback: (value: CurrencyPowerBalanceTimeUnit) => void;\n  labelCallback?: (value: string) => string;\n}\n"],"mappings":""}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../../src/CurrencyPowerBalanceWidget/components/TimeUnitSwitch/types.ts"],"sourcesContent":["import { CurrencyPowerBalanceTimeUnit } from '../../../gql/types/graphql';\n\nexport interface TimeUnitOption {\n  value: CurrencyPowerBalanceTimeUnit;\n  label: string;\n  tooltipLabel?: TooltipLabel;\n}\n\nexport interface TimeUnitSwitchProps {\n  selected: CurrencyPowerBalanceTimeUnit;\n  options: TimeUnitOption[];\n  callback: (value: CurrencyPowerBalanceTimeUnit) => void;\n}\n\ntype TooltipLabel = {\n  translationKey: string;\n  count: number;\n};\n"],"mappings":""}

package/dist/main/CurrencyPowerBalanceWidget/config.js

@@ -8,27 +8,45 @@ var _graphql = require("../gql/types/graphql");
 const timeUnitConfig = exports.timeUnitConfig = [{
   value: _graphql.CurrencyPowerBalanceTimeUnit.M3,
   label: '3m',
-  tooltip: '3_months'
+  tooltipLabel: {
+    translationKey: 'month',
+    count: 3
+  }
 }, {
   value: _graphql.CurrencyPowerBalanceTimeUnit.M1,
   label: '1m',
-  tooltip: '1_month'
+  tooltipLabel: {
+    translationKey: 'month',
+    count: 1
+  }
 }, {
   value: _graphql.CurrencyPowerBalanceTimeUnit.W1,
   label: '1w',
-  tooltip: '1_week'
+  tooltipLabel: {
+    translationKey: 'week',
+    count: 1
+  }
 }, {
   value: _graphql.CurrencyPowerBalanceTimeUnit.H24,
   label: '24h',
-  tooltip: '24_hours'
+  tooltipLabel: {
+    translationKey: 'hour',
+    count: 24
+  }
 }, {
   value: _graphql.CurrencyPowerBalanceTimeUnit.H8,
   label: '8h',
-  tooltip: '8_hours'
+  tooltipLabel: {
+    translationKey: 'hour',
+    count: 8
+  }
 }, {
   value: _graphql.CurrencyPowerBalanceTimeUnit.H4,
   label: '4h',
-  tooltip: '4_hours'
+  tooltipLabel: {
+    translationKey: 'hour',
+    count: 4
+  }
 }, {
   value: _graphql.CurrencyPowerBalanceTimeUnit.PreviousDay,
   label: 'previous_business_day'

package/dist/main/CurrencyPowerBalanceWidget/config.js.map

@@ -1 +1 @@
-{"version":3,"file":"config.js","names":["_graphql","require","timeUnitConfig","exports","value","CurrencyPowerBalanceTimeUnit","M3","label","tooltip","M1","W1","H24","H8","H4","PreviousDay","CurrentDay"],"sources":["../../../src/CurrencyPowerBalanceWidget/config.ts"],"sourcesContent":["import { CurrencyPowerBalanceTimeUnit } from '../gql/types/graphql';\n\nconst timeUnitConfig = [\n  {\n    value: CurrencyPowerBalanceTimeUnit.M3,\n    label: '3m',\n    tooltip: '3_months',\n  },\n  {\n    value: CurrencyPowerBalanceTimeUnit.M1,\n    label: '1m',\n    tooltip: '1_month',\n  },\n  {\n    value: CurrencyPowerBalanceTimeUnit.W1,\n    label: '1w',\n    tooltip: '1_week',\n  },\n  {\n    value: CurrencyPowerBalanceTimeUnit.H24,\n    label: '24h',\n    tooltip: '24_hours',\n  },\n  { value: CurrencyPowerBalanceTimeUnit.H8, label: '8h', tooltip: '8_hours' },\n  { value: CurrencyPowerBalanceTimeUnit.H4, label: '4h', tooltip: '4_hours' },\n  { value: CurrencyPowerBalanceTimeUnit.PreviousDay, label: 'previous_business_day' },\n  { value: CurrencyPowerBalanceTimeUnit.CurrentDay, label: 'current_business_day' },\n];\n\nexport { timeUnitConfig };\n"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAEA,MAAMC,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,CACrB;EACEE,KAAK,EAAEC,qCAA4B,CAACC,EAAE;EACtCC,KAAK,EAAE,IAAI;EACXC,OAAO,EAAE;AACX,CAAC,EACD;EACEJ,KAAK,EAAEC,qCAA4B,CAACI,EAAE;EACtCF,KAAK,EAAE,IAAI;EACXC,OAAO,EAAE;AACX,CAAC,EACD;EACEJ,KAAK,EAAEC,qCAA4B,CAACK,EAAE;EACtCH,KAAK,EAAE,IAAI;EACXC,OAAO,EAAE;AACX,CAAC,EACD;EACEJ,KAAK,EAAEC,qCAA4B,CAACM,GAAG;EACvCJ,KAAK,EAAE,KAAK;EACZC,OAAO,EAAE;AACX,CAAC,EACD;EAAEJ,KAAK,EAAEC,qCAA4B,CAACO,EAAE;EAAEL,KAAK,EAAE,IAAI;EAAEC,OAAO,EAAE;AAAU,CAAC,EAC3E;EAAEJ,KAAK,EAAEC,qCAA4B,CAACQ,EAAE;EAAEN,KAAK,EAAE,IAAI;EAAEC,OAAO,EAAE;AAAU,CAAC,EAC3E;EAAEJ,KAAK,EAAEC,qCAA4B,CAACS,WAAW;EAAEP,KAAK,EAAE;AAAwB,CAAC,EACnF;EAAEH,KAAK,EAAEC,qCAA4B,CAACU,UAAU;EAAER,KAAK,EAAE;AAAuB,CAAC,CAClF"}
+{"version":3,"file":"config.js","names":["_graphql","require","timeUnitConfig","exports","value","CurrencyPowerBalanceTimeUnit","M3","label","tooltipLabel","translationKey","count","M1","W1","H24","H8","H4","PreviousDay","CurrentDay"],"sources":["../../../src/CurrencyPowerBalanceWidget/config.ts"],"sourcesContent":["import { CurrencyPowerBalanceTimeUnit } from '../gql/types/graphql';\n\nconst timeUnitConfig = [\n  {\n    value: CurrencyPowerBalanceTimeUnit.M3,\n    label: '3m',\n    tooltipLabel: {\n      translationKey: 'month',\n      count: 3,\n    },\n  },\n  {\n    value: CurrencyPowerBalanceTimeUnit.M1,\n    label: '1m',\n    tooltipLabel: {\n      translationKey: 'month',\n      count: 1,\n    },\n  },\n  {\n    value: CurrencyPowerBalanceTimeUnit.W1,\n    label: '1w',\n    tooltipLabel: {\n      translationKey: 'week',\n      count: 1,\n    },\n  },\n  {\n    value: CurrencyPowerBalanceTimeUnit.H24,\n    label: '24h',\n    tooltipLabel: {\n      translationKey: 'hour',\n      count: 24,\n    },\n  },\n  {\n    value: CurrencyPowerBalanceTimeUnit.H8,\n    label: '8h',\n    tooltipLabel: {\n      translationKey: 'hour',\n      count: 8,\n    },\n  },\n  {\n    value: CurrencyPowerBalanceTimeUnit.H4,\n    label: '4h',\n    tooltipLabel: {\n      translationKey: 'hour',\n      count: 4,\n    },\n  },\n  { value: CurrencyPowerBalanceTimeUnit.PreviousDay, label: 'previous_business_day' },\n  { value: CurrencyPowerBalanceTimeUnit.CurrentDay, label: 'current_business_day' },\n];\n\nexport { timeUnitConfig };\n"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAEA,MAAMC,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,CACrB;EACEE,KAAK,EAAEC,qCAA4B,CAACC,EAAE;EACtCC,KAAK,EAAE,IAAI;EACXC,YAAY,EAAE;IACZC,cAAc,EAAE,OAAO;IACvBC,KAAK,EAAE;EACT;AACF,CAAC,EACD;EACEN,KAAK,EAAEC,qCAA4B,CAACM,EAAE;EACtCJ,KAAK,EAAE,IAAI;EACXC,YAAY,EAAE;IACZC,cAAc,EAAE,OAAO;IACvBC,KAAK,EAAE;EACT;AACF,CAAC,EACD;EACEN,KAAK,EAAEC,qCAA4B,CAACO,EAAE;EACtCL,KAAK,EAAE,IAAI;EACXC,YAAY,EAAE;IACZC,cAAc,EAAE,MAAM;IACtBC,KAAK,EAAE;EACT;AACF,CAAC,EACD;EACEN,KAAK,EAAEC,qCAA4B,CAACQ,GAAG;EACvCN,KAAK,EAAE,KAAK;EACZC,YAAY,EAAE;IACZC,cAAc,EAAE,MAAM;IACtBC,KAAK,EAAE;EACT;AACF,CAAC,EACD;EACEN,KAAK,EAAEC,qCAA4B,CAACS,EAAE;EACtCP,KAAK,EAAE,IAAI;EACXC,YAAY,EAAE;IACZC,cAAc,EAAE,MAAM;IACtBC,KAAK,EAAE;EACT;AACF,CAAC,EACD;EACEN,KAAK,EAAEC,qCAA4B,CAACU,EAAE;EACtCR,KAAK,EAAE,IAAI;EACXC,YAAY,EAAE;IACZC,cAAc,EAAE,MAAM;IACtBC,KAAK,EAAE;EACT;AACF,CAAC,EACD;EAAEN,KAAK,EAAEC,qCAA4B,CAACW,WAAW;EAAET,KAAK,EAAE;AAAwB,CAAC,EACnF;EAAEH,KAAK,EAAEC,qCAA4B,CAACY,UAAU;EAAEV,KAAK,EAAE;AAAuB,CAAC,CAClF"}

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

@@ -1,18 +1,18 @@
 {
-  "1_month": "1 month",
-  "1_week": "1 week",
   "1m": "1M",
   "1w": "1W",
-  "24_hours": "24 hours",
   "24h": "24H",
-  "3_months": "3 months",
   "3m": "3M",
-  "4_hours": "4 hours",
   "4h": "4H",
-  "8_hours": "8 hours",
   "8h": "8H",
   "current_business_day": "Current Business Day",
   "data_unavailable": "Data unavailable",
+  "hour": "{{count}} Hour",
+  "hour_plural": "{{count}} Hours",
+  "month": "{{count}} Month",
+  "month_plural": "{{count}} Months",
   "pagination_entries_range": "{{firstItemOnPage}}-{{lastItemOnPage}} of {{itemCount}} entries",
-  "previous_business_day": "Previous Business Day"
+  "previous_business_day": "Previous Business Day",
+  "week": "{{count}} Week",
+  "week_plural": "{{count}} Weeks"
 }

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

@@ -1,18 +1,15 @@
 {
-  "1_month": "1 個月",
-  "1_week": "1星期",
   "1m": "1M",
   "1w": "1W",
-  "24_hours": "24小時",
   "24h": "24H",
-  "3_months": "3 個月",
   "3m": "3M",
-  "4_hours": "4小時",
   "4h": "4H",
-  "8_hours": "8小時",
   "8h": "8H",
   "current_business_day": "目前營業日",
   "data_unavailable": "沒有數據",
+  "hour_0": "{{count}} 時",
+  "month_0": "{{count}} 月",
   "pagination_entries_range": "{{itemCount}}个挂单中的{{firstItemOnPage}}-{{lastItemOnPage}}",
-  "previous_business_day": "前一營業日"
+  "previous_business_day": "前一營業日",
+  "week_0": "{{count}}週"
 }

package/dist/module/CurrencyPowerBalanceWidget/Tool.js

@@ -1,22 +1,17 @@
 import React, { useState } from 'react';
-import { useLocale } from '@oanda/mono-i18n';
 import { timeUnitConfig } from './config';
 import { TimeUnitSwitch } from './components/TimeUnitSwitch';
 import { ChartWithData } from './ChartWithData';
 import { CurrencyPowerBalanceTimeUnit } from '../gql/types/graphql';
 const Tool = () => {
   const [selectedTimeUnit, setSelectedTimeUnit] = useState(CurrencyPowerBalanceTimeUnit.CurrentDay);
-  const {
-    lang
-  } = useLocale();
   return React.createElement("div", {
     "data-testid": "currency-power-balance-wrapper",
     className: "lw-flex lw-flex-col lw-text-sm lw-tracking-normal"
   }, React.createElement(TimeUnitSwitch, {
     selected: selectedTimeUnit,
     callback: setSelectedTimeUnit,
-    options: timeUnitConfig,
-    labelCallback: lang
+    options: timeUnitConfig
   }), React.createElement(ChartWithData, {
     timeUnit: selectedTimeUnit
   }));

package/dist/module/CurrencyPowerBalanceWidget/Tool.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tool.js","names":["React","useState","useLocale","timeUnitConfig","TimeUnitSwitch","ChartWithData","CurrencyPowerBalanceTimeUnit","Tool","selectedTimeUnit","setSelectedTimeUnit","CurrentDay","lang","createElement","className","selected","callback","options","labelCallback","timeUnit"],"sources":["../../../src/CurrencyPowerBalanceWidget/Tool.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { useLocale } from '@oanda/mono-i18n';\nimport { timeUnitConfig } from './config';\nimport { TimeUnitSwitch } from './components/TimeUnitSwitch';\nimport { ChartWithData } from './ChartWithData';\nimport { CurrencyPowerBalanceTimeUnit } from '../gql/types/graphql';\n\nconst Tool = () => {\n  const [selectedTimeUnit, setSelectedTimeUnit] = useState(CurrencyPowerBalanceTimeUnit.CurrentDay);\n  const { lang } = useLocale();\n\n  return (\n    <div\n      data-testid=\"currency-power-balance-wrapper\"\n      className=\"lw-flex lw-flex-col lw-text-sm lw-tracking-normal\"\n    >\n      <TimeUnitSwitch\n        selected={selectedTimeUnit}\n        callback={setSelectedTimeUnit}\n        options={timeUnitConfig}\n        labelCallback={lang}\n      />\n      <ChartWithData\n        timeUnit={selectedTimeUnit}\n      />\n    </div>\n  );\n};\n\nexport { Tool };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,SAAS,QAAQ,kBAAkB;AAC5C,SAASC,cAAc,QAAQ,UAAU;AACzC,SAASC,cAAc,QAAQ,6BAA6B;AAC5D,SAASC,aAAa,QAAQ,iBAAiB;AAC/C,SAASC,4BAA4B,QAAQ,sBAAsB;AAEnE,MAAMC,IAAI,GAAGA,CAAA,KAAM;EACjB,MAAM,CAACC,gBAAgB,EAAEC,mBAAmB,CAAC,GAAGR,QAAQ,CAACK,4BAA4B,CAACI,UAAU,CAAC;EACjG,MAAM;IAAEC;EAAK,CAAC,GAAGT,SAAS,CAAC,CAAC;EAE5B,OACEF,KAAA,CAAAY,aAAA;IACE,eAAY,gCAAgC;IAC5CC,SAAS,EAAC;EAAmD,GAE7Db,KAAA,CAAAY,aAAA,CAACR,cAAc;IACbU,QAAQ,EAAEN,gBAAiB;IAC3BO,QAAQ,EAAEN,mBAAoB;IAC9BO,OAAO,EAAEb,cAAe;IACxBc,aAAa,EAAEN;EAAK,CACrB,CAAC,EACFX,KAAA,CAAAY,aAAA,CAACP,aAAa;IACZa,QAAQ,EAAEV;EAAiB,CAC5B,CACE,CAAC;AAEV,CAAC;AAED,SAASD,IAAI"}
+{"version":3,"file":"Tool.js","names":["React","useState","timeUnitConfig","TimeUnitSwitch","ChartWithData","CurrencyPowerBalanceTimeUnit","Tool","selectedTimeUnit","setSelectedTimeUnit","CurrentDay","createElement","className","selected","callback","options","timeUnit"],"sources":["../../../src/CurrencyPowerBalanceWidget/Tool.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { timeUnitConfig } from './config';\nimport { TimeUnitSwitch } from './components/TimeUnitSwitch';\nimport { ChartWithData } from './ChartWithData';\nimport { CurrencyPowerBalanceTimeUnit } from '../gql/types/graphql';\n\nconst Tool = () => {\n  const [selectedTimeUnit, setSelectedTimeUnit] = useState(CurrencyPowerBalanceTimeUnit.CurrentDay);\n\n  return (\n    <div\n      data-testid=\"currency-power-balance-wrapper\"\n      className=\"lw-flex lw-flex-col lw-text-sm lw-tracking-normal\"\n    >\n      <TimeUnitSwitch\n        selected={selectedTimeUnit}\n        callback={setSelectedTimeUnit}\n        options={timeUnitConfig}\n      />\n      <ChartWithData\n        timeUnit={selectedTimeUnit}\n      />\n    </div>\n  );\n};\n\nexport { Tool };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,cAAc,QAAQ,UAAU;AACzC,SAASC,cAAc,QAAQ,6BAA6B;AAC5D,SAASC,aAAa,QAAQ,iBAAiB;AAC/C,SAASC,4BAA4B,QAAQ,sBAAsB;AAEnE,MAAMC,IAAI,GAAGA,CAAA,KAAM;EACjB,MAAM,CAACC,gBAAgB,EAAEC,mBAAmB,CAAC,GAAGP,QAAQ,CAACI,4BAA4B,CAACI,UAAU,CAAC;EAEjG,OACET,KAAA,CAAAU,aAAA;IACE,eAAY,gCAAgC;IAC5CC,SAAS,EAAC;EAAmD,GAE7DX,KAAA,CAAAU,aAAA,CAACP,cAAc;IACbS,QAAQ,EAAEL,gBAAiB;IAC3BM,QAAQ,EAAEL,mBAAoB;IAC9BM,OAAO,EAAEZ;EAAe,CACzB,CAAC,EACFF,KAAA,CAAAU,aAAA,CAACN,aAAa;IACZW,QAAQ,EAAER;EAAiB,CAC5B,CACE,CAAC;AAEV,CAAC;AAED,SAASD,IAAI"}

package/dist/module/CurrencyPowerBalanceWidget/components/TimeUnitSwitch/TimeUnitSelect.js

@@ -1,21 +1,26 @@
 import React from 'react';
 import { Select } from '@oanda/labs-widget-common';
+import { useLocale } from '@oanda/mono-i18n';
 const TimeUnitSelect = _ref => {
   let {
     selected,
     options,
-    callback,
-    labelCallback
+    callback
   } = _ref;
+  const {
+    lang
+  } = useLocale();
   const selectOptions = options.map(_ref2 => {
     let {
       value: id,
       label,
-      tooltip
+      tooltipLabel
     } = _ref2;
     return {
       id,
-      label: labelCallback ? labelCallback(tooltip || label) : tooltip || label
+      label: tooltipLabel ? lang(tooltipLabel.translationKey, {
+        count: tooltipLabel.count
+      }) : lang(label)
     };
   });
   const [{

package/dist/module/CurrencyPowerBalanceWidget/components/TimeUnitSwitch/TimeUnitSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimeUnitSelect.js","names":["React","Select","TimeUnitSelect","_ref","selected","options","callback","labelCallback","selectOptions","map","_ref2","value","id","label","tooltip","selectedLabel","filter","_ref3","createElement","className","selectedOption","setSelectedOption","_ref4"],"sources":["../../../../../src/CurrencyPowerBalanceWidget/components/TimeUnitSwitch/TimeUnitSelect.tsx"],"sourcesContent":["import React from 'react';\nimport { Select } from '@oanda/labs-widget-common';\nimport { TimeUnitSwitchProps } from './types';\nimport { CurrencyPowerBalanceTimeUnit } from '../../../gql/types/graphql';\n\nconst TimeUnitSelect = ({\n  selected, options, callback, labelCallback,\n}: TimeUnitSwitchProps) => {\n  const selectOptions = options\n    .map(({ value: id, label, tooltip }) => ({\n      id,\n      label: labelCallback ? labelCallback(tooltip || label) : tooltip || label,\n    }));\n  const [{ label: selectedLabel }] = selectOptions.filter(({ id }) => id === selected);\n\n  return (\n    <div data-testid=\"time-unit-select\" className=\"lw-mb-6 lw-w-full\">\n      <Select\n        options={selectOptions}\n        selectedOption={{ id: selected, label: selectedLabel }}\n        setSelectedOption={({ id }) => callback(id as CurrencyPowerBalanceTimeUnit)}\n      />\n    </div>\n  );\n};\n\nexport { TimeUnitSelect };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,QAAQ,2BAA2B;AAIlD,MAAMC,cAAc,GAAGC,IAAA,IAEI;EAAA,IAFH;IACtBC,QAAQ;IAAEC,OAAO;IAAEC,QAAQ;IAAEC;EACV,CAAC,GAAAJ,IAAA;EACpB,MAAMK,aAAa,GAAGH,OAAO,CAC1BI,GAAG,CAACC,KAAA;IAAA,IAAC;MAAEC,KAAK,EAAEC,EAAE;MAAEC,KAAK;MAAEC;IAAQ,CAAC,GAAAJ,KAAA;IAAA,OAAM;MACvCE,EAAE;MACFC,KAAK,EAAEN,aAAa,GAAGA,aAAa,CAACO,OAAO,IAAID,KAAK,CAAC,GAAGC,OAAO,IAAID;IACtE,CAAC;EAAA,CAAC,CAAC;EACL,MAAM,CAAC;IAAEA,KAAK,EAAEE;EAAc,CAAC,CAAC,GAAGP,aAAa,CAACQ,MAAM,CAACC,KAAA;IAAA,IAAC;MAAEL;IAAG,CAAC,GAAAK,KAAA;IAAA,OAAKL,EAAE,KAAKR,QAAQ;EAAA,EAAC;EAEpF,OACEJ,KAAA,CAAAkB,aAAA;IAAK,eAAY,kBAAkB;IAACC,SAAS,EAAC;EAAmB,GAC/DnB,KAAA,CAAAkB,aAAA,CAACjB,MAAM;IACLI,OAAO,EAAEG,aAAc;IACvBY,cAAc,EAAE;MAAER,EAAE,EAAER,QAAQ;MAAES,KAAK,EAAEE;IAAc,CAAE;IACvDM,iBAAiB,EAAEC,KAAA;MAAA,IAAC;QAAEV;MAAG,CAAC,GAAAU,KAAA;MAAA,OAAKhB,QAAQ,CAACM,EAAkC,CAAC;IAAA;EAAC,CAC7E,CACE,CAAC;AAEV,CAAC;AAED,SAASV,cAAc"}
+{"version":3,"file":"TimeUnitSelect.js","names":["React","Select","useLocale","TimeUnitSelect","_ref","selected","options","callback","lang","selectOptions","map","_ref2","value","id","label","tooltipLabel","translationKey","count","selectedLabel","filter","_ref3","createElement","className","selectedOption","setSelectedOption","_ref4"],"sources":["../../../../../src/CurrencyPowerBalanceWidget/components/TimeUnitSwitch/TimeUnitSelect.tsx"],"sourcesContent":["import React from 'react';\nimport { Select } from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport { TimeUnitSwitchProps } from './types';\nimport { CurrencyPowerBalanceTimeUnit } from '../../../gql/types/graphql';\n\nconst TimeUnitSelect = ({\n  selected, options, callback,\n}: TimeUnitSwitchProps) => {\n  const { lang } = useLocale();\n  const selectOptions = options\n    .map(({ value: id, label, tooltipLabel }) => ({\n      id,\n      label: tooltipLabel\n        ? lang(tooltipLabel.translationKey, { count: tooltipLabel.count })\n        : lang(label),\n    }));\n  const [{ label: selectedLabel }] = selectOptions.filter(({ id }) => id === selected);\n\n  return (\n    <div data-testid=\"time-unit-select\" className=\"lw-mb-6 lw-w-full\">\n      <Select\n        options={selectOptions}\n        selectedOption={{ id: selected, label: selectedLabel }}\n        setSelectedOption={({ id }) => callback(id as CurrencyPowerBalanceTimeUnit)}\n      />\n    </div>\n  );\n};\n\nexport { TimeUnitSelect };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,QAAQ,2BAA2B;AAClD,SAASC,SAAS,QAAQ,kBAAkB;AAI5C,MAAMC,cAAc,GAAGC,IAAA,IAEI;EAAA,IAFH;IACtBC,QAAQ;IAAEC,OAAO;IAAEC;EACA,CAAC,GAAAH,IAAA;EACpB,MAAM;IAAEI;EAAK,CAAC,GAAGN,SAAS,CAAC,CAAC;EAC5B,MAAMO,aAAa,GAAGH,OAAO,CAC1BI,GAAG,CAACC,KAAA;IAAA,IAAC;MAAEC,KAAK,EAAEC,EAAE;MAAEC,KAAK;MAAEC;IAAa,CAAC,GAAAJ,KAAA;IAAA,OAAM;MAC5CE,EAAE;MACFC,KAAK,EAAEC,YAAY,GACfP,IAAI,CAACO,YAAY,CAACC,cAAc,EAAE;QAAEC,KAAK,EAAEF,YAAY,CAACE;MAAM,CAAC,CAAC,GAChET,IAAI,CAACM,KAAK;IAChB,CAAC;EAAA,CAAC,CAAC;EACL,MAAM,CAAC;IAAEA,KAAK,EAAEI;EAAc,CAAC,CAAC,GAAGT,aAAa,CAACU,MAAM,CAACC,KAAA;IAAA,IAAC;MAAEP;IAAG,CAAC,GAAAO,KAAA;IAAA,OAAKP,EAAE,KAAKR,QAAQ;EAAA,EAAC;EAEpF,OACEL,KAAA,CAAAqB,aAAA;IAAK,eAAY,kBAAkB;IAACC,SAAS,EAAC;EAAmB,GAC/DtB,KAAA,CAAAqB,aAAA,CAACpB,MAAM;IACLK,OAAO,EAAEG,aAAc;IACvBc,cAAc,EAAE;MAAEV,EAAE,EAAER,QAAQ;MAAES,KAAK,EAAEI;IAAc,CAAE;IACvDM,iBAAiB,EAAEC,KAAA;MAAA,IAAC;QAAEZ;MAAG,CAAC,GAAAY,KAAA;MAAA,OAAKlB,QAAQ,CAACM,EAAkC,CAAC;IAAA;EAAC,CAC7E,CACE,CAAC;AAEV,CAAC;AAED,SAASV,cAAc"}

package/dist/module/CurrencyPowerBalanceWidget/components/TimeUnitSwitch/TimeUnitSwitch.js

@@ -1,14 +1,17 @@
 import React, { useContext } from 'react';
 import { Button, ButtonSize, ButtonVariant, ThemeContext, Size } from '@oanda/labs-widget-common';
+import { useLocale } from '@oanda/mono-i18n';
 import { CURRENCY_POWER_BALANCE_TOOLTIP_ID } from '../../constants';
 import { TimeUnitSelect } from './TimeUnitSelect';
 const TimeUnitSwitch = _ref => {
   let {
     selected,
     options,
-    callback,
-    labelCallback
+    callback
   } = _ref;
+  const {
+    lang
+  } = useLocale();
   const {
     size
   } = useContext(ThemeContext);
@@ -19,23 +22,29 @@ const TimeUnitSwitch = _ref => {
   return React.createElement(React.Fragment, null, isDesktop ? React.createElement("div", {
     "data-testid": "time-unit-switch",
     className: "lw-mb-6 lw-flex lw-gap-1 lw-self-end"
-  }, options.map(item => {
-    const tooltip = labelCallback && item.tooltip ? labelCallback(item.tooltip) : item.tooltip;
-    const label = labelCallback ? labelCallback(item.label) : item.label;
+  }, options.map(_ref2 => {
+    let {
+      value,
+      label,
+      tooltipLabel
+    } = _ref2;
+    const tooltip = tooltipLabel ? lang(tooltipLabel.translationKey, {
+      count: tooltipLabel.count
+    }) : tooltipLabel;
+    const buttonLabel = lang(label);
     return React.createElement(Button, {
-      key: item.value,
+      key: value,
       size: ButtonSize.full,
-      variant: selected === item.value ? ButtonVariant.primary : ButtonVariant.secondary,
+      variant: selected === value ? ButtonVariant.primary : ButtonVariant.secondary,
       onClick: handleButtonClick,
-      value: item.value,
+      value: value,
       "data-tooltip-id": CURRENCY_POWER_BALANCE_TOOLTIP_ID,
       "data-tooltip-content": tooltip
-    }, label);
+    }, buttonLabel);
   })) : React.createElement(TimeUnitSelect, {
     selected: selected,
     callback: callback,
-    options: options,
-    labelCallback: labelCallback
+    options: options
   }));
 };
 export { TimeUnitSwitch };

package/dist/module/CurrencyPowerBalanceWidget/components/TimeUnitSwitch/TimeUnitSwitch.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimeUnitSwitch.js","names":["React","useContext","Button","ButtonSize","ButtonVariant","ThemeContext","Size","CURRENCY_POWER_BALANCE_TOOLTIP_ID","TimeUnitSelect","TimeUnitSwitch","_ref","selected","options","callback","labelCallback","size","isDesktop","DESKTOP","handleButtonClick","e","currentTarget","value","createElement","Fragment","className","map","item","tooltip","label","key","full","variant","primary","secondary","onClick"],"sources":["../../../../../src/CurrencyPowerBalanceWidget/components/TimeUnitSwitch/TimeUnitSwitch.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport {\n  Button, ButtonSize, ButtonVariant, ThemeContext, Size,\n} from '@oanda/labs-widget-common';\nimport { TimeUnitSwitchProps } from './types';\nimport { CurrencyPowerBalanceTimeUnit } from '../../../gql/types/graphql';\nimport { CURRENCY_POWER_BALANCE_TOOLTIP_ID } from '../../constants';\nimport { TimeUnitSelect } from './TimeUnitSelect';\n\nconst TimeUnitSwitch = ({\n  selected, options, callback, labelCallback,\n}: TimeUnitSwitchProps) => {\n  const { size } = useContext(ThemeContext);\n  const isDesktop = size === Size.DESKTOP;\n\n  const handleButtonClick = (e: React.SyntheticEvent<HTMLButtonElement>) => {\n    callback(e.currentTarget.value as CurrencyPowerBalanceTimeUnit);\n  };\n\n  return (\n    <>\n      {isDesktop\n        ? (\n          <div data-testid=\"time-unit-switch\" className=\"lw-mb-6 lw-flex lw-gap-1 lw-self-end\">\n            {options.map((item) => {\n              const tooltip = labelCallback && item.tooltip\n                ? labelCallback(item.tooltip)\n                : item.tooltip;\n              const label = labelCallback ? labelCallback(item.label) : item.label;\n\n              return (\n                <Button\n                  key={item.value}\n                  size={ButtonSize.full}\n                  variant={selected === item.value\n                    ? ButtonVariant.primary\n                    : ButtonVariant.secondary}\n                  onClick={handleButtonClick}\n                  value={item.value}\n                  data-tooltip-id={CURRENCY_POWER_BALANCE_TOOLTIP_ID}\n                  data-tooltip-content={tooltip}\n                >\n                  {label}\n                </Button>\n              );\n            })}\n          </div>\n        )\n        : (\n          <TimeUnitSelect\n            selected={selected}\n            callback={callback}\n            options={options}\n            labelCallback={labelCallback}\n          />\n        )}\n    </>\n  );\n};\n\nexport { TimeUnitSwitch };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SACEC,MAAM,EAAEC,UAAU,EAAEC,aAAa,EAAEC,YAAY,EAAEC,IAAI,QAChD,2BAA2B;AAGlC,SAASC,iCAAiC,QAAQ,iBAAiB;AACnE,SAASC,cAAc,QAAQ,kBAAkB;AAEjD,MAAMC,cAAc,GAAGC,IAAA,IAEI;EAAA,IAFH;IACtBC,QAAQ;IAAEC,OAAO;IAAEC,QAAQ;IAAEC;EACV,CAAC,GAAAJ,IAAA;EACpB,MAAM;IAAEK;EAAK,CAAC,GAAGd,UAAU,CAACI,YAAY,CAAC;EACzC,MAAMW,SAAS,GAAGD,IAAI,KAAKT,IAAI,CAACW,OAAO;EAEvC,MAAMC,iBAAiB,GAAIC,CAA0C,IAAK;IACxEN,QAAQ,CAACM,CAAC,CAACC,aAAa,CAACC,KAAqC,CAAC;EACjE,CAAC;EAED,OACErB,KAAA,CAAAsB,aAAA,CAAAtB,KAAA,CAAAuB,QAAA,QACGP,SAAS,GAENhB,KAAA,CAAAsB,aAAA;IAAK,eAAY,kBAAkB;IAACE,SAAS,EAAC;EAAsC,GACjFZ,OAAO,CAACa,GAAG,CAAEC,IAAI,IAAK;IACrB,MAAMC,OAAO,GAAGb,aAAa,IAAIY,IAAI,CAACC,OAAO,GACzCb,aAAa,CAACY,IAAI,CAACC,OAAO,CAAC,GAC3BD,IAAI,CAACC,OAAO;IAChB,MAAMC,KAAK,GAAGd,aAAa,GAAGA,aAAa,CAACY,IAAI,CAACE,KAAK,CAAC,GAAGF,IAAI,CAACE,KAAK;IAEpE,OACE5B,KAAA,CAAAsB,aAAA,CAACpB,MAAM;MACL2B,GAAG,EAAEH,IAAI,CAACL,KAAM;MAChBN,IAAI,EAAEZ,UAAU,CAAC2B,IAAK;MACtBC,OAAO,EAAEpB,QAAQ,KAAKe,IAAI,CAACL,KAAK,GAC5BjB,aAAa,CAAC4B,OAAO,GACrB5B,aAAa,CAAC6B,SAAU;MAC5BC,OAAO,EAAEhB,iBAAkB;MAC3BG,KAAK,EAAEK,IAAI,CAACL,KAAM;MAClB,mBAAiBd,iCAAkC;MACnD,wBAAsBoB;IAAQ,GAE7BC,KACK,CAAC;EAEb,CAAC,CACE,CAAC,GAGN5B,KAAA,CAAAsB,aAAA,CAACd,cAAc;IACbG,QAAQ,EAAEA,QAAS;IACnBE,QAAQ,EAAEA,QAAS;IACnBD,OAAO,EAAEA,OAAQ;IACjBE,aAAa,EAAEA;EAAc,CAC9B,CAEL,CAAC;AAEP,CAAC;AAED,SAASL,cAAc"}
+{"version":3,"file":"TimeUnitSwitch.js","names":["React","useContext","Button","ButtonSize","ButtonVariant","ThemeContext","Size","useLocale","CURRENCY_POWER_BALANCE_TOOLTIP_ID","TimeUnitSelect","TimeUnitSwitch","_ref","selected","options","callback","lang","size","isDesktop","DESKTOP","handleButtonClick","e","currentTarget","value","createElement","Fragment","className","map","_ref2","label","tooltipLabel","tooltip","translationKey","count","buttonLabel","key","full","variant","primary","secondary","onClick"],"sources":["../../../../../src/CurrencyPowerBalanceWidget/components/TimeUnitSwitch/TimeUnitSwitch.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport {\n  Button, ButtonSize, ButtonVariant, ThemeContext, Size,\n} from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport { TimeUnitSwitchProps } from './types';\nimport { CurrencyPowerBalanceTimeUnit } from '../../../gql/types/graphql';\nimport { CURRENCY_POWER_BALANCE_TOOLTIP_ID } from '../../constants';\nimport { TimeUnitSelect } from './TimeUnitSelect';\n\nconst TimeUnitSwitch = ({\n  selected, options, callback,\n}: TimeUnitSwitchProps) => {\n  const { lang } = useLocale();\n  const { size } = useContext(ThemeContext);\n  const isDesktop = size === Size.DESKTOP;\n\n  const handleButtonClick = (e: React.SyntheticEvent<HTMLButtonElement>) => {\n    callback(e.currentTarget.value as CurrencyPowerBalanceTimeUnit);\n  };\n\n  return (\n    <>\n      {isDesktop\n        ? (\n          <div data-testid=\"time-unit-switch\" className=\"lw-mb-6 lw-flex lw-gap-1 lw-self-end\">\n            {options.map(({ value, label, tooltipLabel }) => {\n              const tooltip = tooltipLabel\n                ? lang(tooltipLabel.translationKey, { count: tooltipLabel.count })\n                : tooltipLabel;\n              const buttonLabel = lang(label);\n\n              return (\n                <Button\n                  key={value}\n                  size={ButtonSize.full}\n                  variant={selected === value\n                    ? ButtonVariant.primary\n                    : ButtonVariant.secondary}\n                  onClick={handleButtonClick}\n                  value={value}\n                  data-tooltip-id={CURRENCY_POWER_BALANCE_TOOLTIP_ID}\n                  data-tooltip-content={tooltip}\n                >\n                  {buttonLabel}\n                </Button>\n              );\n            })}\n          </div>\n        )\n        : (\n          <TimeUnitSelect\n            selected={selected}\n            callback={callback}\n            options={options}\n          />\n        )}\n    </>\n  );\n};\n\nexport { TimeUnitSwitch };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SACEC,MAAM,EAAEC,UAAU,EAAEC,aAAa,EAAEC,YAAY,EAAEC,IAAI,QAChD,2BAA2B;AAClC,SAASC,SAAS,QAAQ,kBAAkB;AAG5C,SAASC,iCAAiC,QAAQ,iBAAiB;AACnE,SAASC,cAAc,QAAQ,kBAAkB;AAEjD,MAAMC,cAAc,GAAGC,IAAA,IAEI;EAAA,IAFH;IACtBC,QAAQ;IAAEC,OAAO;IAAEC;EACA,CAAC,GAAAH,IAAA;EACpB,MAAM;IAAEI;EAAK,CAAC,GAAGR,SAAS,CAAC,CAAC;EAC5B,MAAM;IAAES;EAAK,CAAC,GAAGf,UAAU,CAACI,YAAY,CAAC;EACzC,MAAMY,SAAS,GAAGD,IAAI,KAAKV,IAAI,CAACY,OAAO;EAEvC,MAAMC,iBAAiB,GAAIC,CAA0C,IAAK;IACxEN,QAAQ,CAACM,CAAC,CAACC,aAAa,CAACC,KAAqC,CAAC;EACjE,CAAC;EAED,OACEtB,KAAA,CAAAuB,aAAA,CAAAvB,KAAA,CAAAwB,QAAA,QACGP,SAAS,GAENjB,KAAA,CAAAuB,aAAA;IAAK,eAAY,kBAAkB;IAACE,SAAS,EAAC;EAAsC,GACjFZ,OAAO,CAACa,GAAG,CAACC,KAAA,IAAoC;IAAA,IAAnC;MAAEL,KAAK;MAAEM,KAAK;MAAEC;IAAa,CAAC,GAAAF,KAAA;IAC1C,MAAMG,OAAO,GAAGD,YAAY,GACxBd,IAAI,CAACc,YAAY,CAACE,cAAc,EAAE;MAAEC,KAAK,EAAEH,YAAY,CAACG;IAAM,CAAC,CAAC,GAChEH,YAAY;IAChB,MAAMI,WAAW,GAAGlB,IAAI,CAACa,KAAK,CAAC;IAE/B,OACE5B,KAAA,CAAAuB,aAAA,CAACrB,MAAM;MACLgC,GAAG,EAAEZ,KAAM;MACXN,IAAI,EAAEb,UAAU,CAACgC,IAAK;MACtBC,OAAO,EAAExB,QAAQ,KAAKU,KAAK,GACvBlB,aAAa,CAACiC,OAAO,GACrBjC,aAAa,CAACkC,SAAU;MAC5BC,OAAO,EAAEpB,iBAAkB;MAC3BG,KAAK,EAAEA,KAAM;MACb,mBAAiBd,iCAAkC;MACnD,wBAAsBsB;IAAQ,GAE7BG,WACK,CAAC;EAEb,CAAC,CACE,CAAC,GAGNjC,KAAA,CAAAuB,aAAA,CAACd,cAAc;IACbG,QAAQ,EAAEA,QAAS;IACnBE,QAAQ,EAAEA,QAAS;IACnBD,OAAO,EAAEA;EAAQ,CAClB,CAEL,CAAC;AAEP,CAAC;AAED,SAASH,cAAc"}

package/dist/module/CurrencyPowerBalanceWidget/components/TimeUnitSwitch/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../../../src/CurrencyPowerBalanceWidget/components/TimeUnitSwitch/types.ts"],"sourcesContent":["import { CurrencyPowerBalanceTimeUnit } from '../../../gql/types/graphql';\n\nexport interface TimeUnitOption {\n  value: CurrencyPowerBalanceTimeUnit;\n  label: string;\n  tooltip?: string;\n}\n\nexport interface TimeUnitSwitchProps {\n  selected: CurrencyPowerBalanceTimeUnit;\n  options: TimeUnitOption[];\n  callback: (value: CurrencyPowerBalanceTimeUnit) => void;\n  labelCallback?: (value: string) => string;\n}\n"],"mappings":""}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../../src/CurrencyPowerBalanceWidget/components/TimeUnitSwitch/types.ts"],"sourcesContent":["import { CurrencyPowerBalanceTimeUnit } from '../../../gql/types/graphql';\n\nexport interface TimeUnitOption {\n  value: CurrencyPowerBalanceTimeUnit;\n  label: string;\n  tooltipLabel?: TooltipLabel;\n}\n\nexport interface TimeUnitSwitchProps {\n  selected: CurrencyPowerBalanceTimeUnit;\n  options: TimeUnitOption[];\n  callback: (value: CurrencyPowerBalanceTimeUnit) => void;\n}\n\ntype TooltipLabel = {\n  translationKey: string;\n  count: number;\n};\n"],"mappings":""}

package/dist/module/CurrencyPowerBalanceWidget/config.js

@@ -2,27 +2,45 @@ import { CurrencyPowerBalanceTimeUnit } from '../gql/types/graphql';
 const timeUnitConfig = [{
   value: CurrencyPowerBalanceTimeUnit.M3,
   label: '3m',
-  tooltip: '3_months'
+  tooltipLabel: {
+    translationKey: 'month',
+    count: 3
+  }
 }, {
   value: CurrencyPowerBalanceTimeUnit.M1,
   label: '1m',
-  tooltip: '1_month'
+  tooltipLabel: {
+    translationKey: 'month',
+    count: 1
+  }
 }, {
   value: CurrencyPowerBalanceTimeUnit.W1,
   label: '1w',
-  tooltip: '1_week'
+  tooltipLabel: {
+    translationKey: 'week',
+    count: 1
+  }
 }, {
   value: CurrencyPowerBalanceTimeUnit.H24,
   label: '24h',
-  tooltip: '24_hours'
+  tooltipLabel: {
+    translationKey: 'hour',
+    count: 24
+  }
 }, {
   value: CurrencyPowerBalanceTimeUnit.H8,
   label: '8h',
-  tooltip: '8_hours'
+  tooltipLabel: {
+    translationKey: 'hour',
+    count: 8
+  }
 }, {
   value: CurrencyPowerBalanceTimeUnit.H4,
   label: '4h',
-  tooltip: '4_hours'
+  tooltipLabel: {
+    translationKey: 'hour',
+    count: 4
+  }
 }, {
   value: CurrencyPowerBalanceTimeUnit.PreviousDay,
   label: 'previous_business_day'

package/dist/module/CurrencyPowerBalanceWidget/config.js.map

@@ -1 +1 @@
-{"version":3,"file":"config.js","names":["CurrencyPowerBalanceTimeUnit","timeUnitConfig","value","M3","label","tooltip","M1","W1","H24","H8","H4","PreviousDay","CurrentDay"],"sources":["../../../src/CurrencyPowerBalanceWidget/config.ts"],"sourcesContent":["import { CurrencyPowerBalanceTimeUnit } from '../gql/types/graphql';\n\nconst timeUnitConfig = [\n  {\n    value: CurrencyPowerBalanceTimeUnit.M3,\n    label: '3m',\n    tooltip: '3_months',\n  },\n  {\n    value: CurrencyPowerBalanceTimeUnit.M1,\n    label: '1m',\n    tooltip: '1_month',\n  },\n  {\n    value: CurrencyPowerBalanceTimeUnit.W1,\n    label: '1w',\n    tooltip: '1_week',\n  },\n  {\n    value: CurrencyPowerBalanceTimeUnit.H24,\n    label: '24h',\n    tooltip: '24_hours',\n  },\n  { value: CurrencyPowerBalanceTimeUnit.H8, label: '8h', tooltip: '8_hours' },\n  { value: CurrencyPowerBalanceTimeUnit.H4, label: '4h', tooltip: '4_hours' },\n  { value: CurrencyPowerBalanceTimeUnit.PreviousDay, label: 'previous_business_day' },\n  { value: CurrencyPowerBalanceTimeUnit.CurrentDay, label: 'current_business_day' },\n];\n\nexport { timeUnitConfig };\n"],"mappings":"AAAA,SAASA,4BAA4B,QAAQ,sBAAsB;AAEnE,MAAMC,cAAc,GAAG,CACrB;EACEC,KAAK,EAAEF,4BAA4B,CAACG,EAAE;EACtCC,KAAK,EAAE,IAAI;EACXC,OAAO,EAAE;AACX,CAAC,EACD;EACEH,KAAK,EAAEF,4BAA4B,CAACM,EAAE;EACtCF,KAAK,EAAE,IAAI;EACXC,OAAO,EAAE;AACX,CAAC,EACD;EACEH,KAAK,EAAEF,4BAA4B,CAACO,EAAE;EACtCH,KAAK,EAAE,IAAI;EACXC,OAAO,EAAE;AACX,CAAC,EACD;EACEH,KAAK,EAAEF,4BAA4B,CAACQ,GAAG;EACvCJ,KAAK,EAAE,KAAK;EACZC,OAAO,EAAE;AACX,CAAC,EACD;EAAEH,KAAK,EAAEF,4BAA4B,CAACS,EAAE;EAAEL,KAAK,EAAE,IAAI;EAAEC,OAAO,EAAE;AAAU,CAAC,EAC3E;EAAEH,KAAK,EAAEF,4BAA4B,CAACU,EAAE;EAAEN,KAAK,EAAE,IAAI;EAAEC,OAAO,EAAE;AAAU,CAAC,EAC3E;EAAEH,KAAK,EAAEF,4BAA4B,CAACW,WAAW;EAAEP,KAAK,EAAE;AAAwB,CAAC,EACnF;EAAEF,KAAK,EAAEF,4BAA4B,CAACY,UAAU;EAAER,KAAK,EAAE;AAAuB,CAAC,CAClF;AAED,SAASH,cAAc"}
+{"version":3,"file":"config.js","names":["CurrencyPowerBalanceTimeUnit","timeUnitConfig","value","M3","label","tooltipLabel","translationKey","count","M1","W1","H24","H8","H4","PreviousDay","CurrentDay"],"sources":["../../../src/CurrencyPowerBalanceWidget/config.ts"],"sourcesContent":["import { CurrencyPowerBalanceTimeUnit } from '../gql/types/graphql';\n\nconst timeUnitConfig = [\n  {\n    value: CurrencyPowerBalanceTimeUnit.M3,\n    label: '3m',\n    tooltipLabel: {\n      translationKey: 'month',\n      count: 3,\n    },\n  },\n  {\n    value: CurrencyPowerBalanceTimeUnit.M1,\n    label: '1m',\n    tooltipLabel: {\n      translationKey: 'month',\n      count: 1,\n    },\n  },\n  {\n    value: CurrencyPowerBalanceTimeUnit.W1,\n    label: '1w',\n    tooltipLabel: {\n      translationKey: 'week',\n      count: 1,\n    },\n  },\n  {\n    value: CurrencyPowerBalanceTimeUnit.H24,\n    label: '24h',\n    tooltipLabel: {\n      translationKey: 'hour',\n      count: 24,\n    },\n  },\n  {\n    value: CurrencyPowerBalanceTimeUnit.H8,\n    label: '8h',\n    tooltipLabel: {\n      translationKey: 'hour',\n      count: 8,\n    },\n  },\n  {\n    value: CurrencyPowerBalanceTimeUnit.H4,\n    label: '4h',\n    tooltipLabel: {\n      translationKey: 'hour',\n      count: 4,\n    },\n  },\n  { value: CurrencyPowerBalanceTimeUnit.PreviousDay, label: 'previous_business_day' },\n  { value: CurrencyPowerBalanceTimeUnit.CurrentDay, label: 'current_business_day' },\n];\n\nexport { timeUnitConfig };\n"],"mappings":"AAAA,SAASA,4BAA4B,QAAQ,sBAAsB;AAEnE,MAAMC,cAAc,GAAG,CACrB;EACEC,KAAK,EAAEF,4BAA4B,CAACG,EAAE;EACtCC,KAAK,EAAE,IAAI;EACXC,YAAY,EAAE;IACZC,cAAc,EAAE,OAAO;IACvBC,KAAK,EAAE;EACT;AACF,CAAC,EACD;EACEL,KAAK,EAAEF,4BAA4B,CAACQ,EAAE;EACtCJ,KAAK,EAAE,IAAI;EACXC,YAAY,EAAE;IACZC,cAAc,EAAE,OAAO;IACvBC,KAAK,EAAE;EACT;AACF,CAAC,EACD;EACEL,KAAK,EAAEF,4BAA4B,CAACS,EAAE;EACtCL,KAAK,EAAE,IAAI;EACXC,YAAY,EAAE;IACZC,cAAc,EAAE,MAAM;IACtBC,KAAK,EAAE;EACT;AACF,CAAC,EACD;EACEL,KAAK,EAAEF,4BAA4B,CAACU,GAAG;EACvCN,KAAK,EAAE,KAAK;EACZC,YAAY,EAAE;IACZC,cAAc,EAAE,MAAM;IACtBC,KAAK,EAAE;EACT;AACF,CAAC,EACD;EACEL,KAAK,EAAEF,4BAA4B,CAACW,EAAE;EACtCP,KAAK,EAAE,IAAI;EACXC,YAAY,EAAE;IACZC,cAAc,EAAE,MAAM;IACtBC,KAAK,EAAE;EACT;AACF,CAAC,EACD;EACEL,KAAK,EAAEF,4BAA4B,CAACY,EAAE;EACtCR,KAAK,EAAE,IAAI;EACXC,YAAY,EAAE;IACZC,cAAc,EAAE,MAAM;IACtBC,KAAK,EAAE;EACT;AACF,CAAC,EACD;EAAEL,KAAK,EAAEF,4BAA4B,CAACa,WAAW;EAAET,KAAK,EAAE;AAAwB,CAAC,EACnF;EAAEF,KAAK,EAAEF,4BAA4B,CAACc,UAAU;EAAEV,KAAK,EAAE;AAAuB,CAAC,CAClF;AAED,SAASH,cAAc"}

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

@@ -1,18 +1,18 @@
 {
-  "1_month": "1 month",
-  "1_week": "1 week",
   "1m": "1M",
   "1w": "1W",
-  "24_hours": "24 hours",
   "24h": "24H",
-  "3_months": "3 months",
   "3m": "3M",
-  "4_hours": "4 hours",
   "4h": "4H",
-  "8_hours": "8 hours",
   "8h": "8H",
   "current_business_day": "Current Business Day",
   "data_unavailable": "Data unavailable",
+  "hour": "{{count}} Hour",
+  "hour_plural": "{{count}} Hours",
+  "month": "{{count}} Month",
+  "month_plural": "{{count}} Months",
   "pagination_entries_range": "{{firstItemOnPage}}-{{lastItemOnPage}} of {{itemCount}} entries",
-  "previous_business_day": "Previous Business Day"
+  "previous_business_day": "Previous Business Day",
+  "week": "{{count}} Week",
+  "week_plural": "{{count}} Weeks"
 }

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

@@ -1,18 +1,15 @@
 {
-  "1_month": "1 個月",
-  "1_week": "1星期",
   "1m": "1M",
   "1w": "1W",
-  "24_hours": "24小時",
   "24h": "24H",
-  "3_months": "3 個月",
   "3m": "3M",
-  "4_hours": "4小時",
   "4h": "4H",
-  "8_hours": "8小時",
   "8h": "8H",
   "current_business_day": "目前營業日",
   "data_unavailable": "沒有數據",
+  "hour_0": "{{count}} 時",
+  "month_0": "{{count}} 月",
   "pagination_entries_range": "{{itemCount}}个挂单中的{{firstItemOnPage}}-{{lastItemOnPage}}",
-  "previous_business_day": "前一營業日"
+  "previous_business_day": "前一營業日",
+  "week_0": "{{count}}週"
 }

package/dist/types/CurrencyPowerBalanceWidget/components/TimeUnitSwitch/TimeUnitSelect.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { TimeUnitSwitchProps } from './types';
-declare const TimeUnitSelect: ({ selected, options, callback, labelCallback, }: TimeUnitSwitchProps) => JSX.Element;
+declare const TimeUnitSelect: ({ selected, options, callback, }: TimeUnitSwitchProps) => JSX.Element;
 export { TimeUnitSelect };

package/dist/types/CurrencyPowerBalanceWidget/components/TimeUnitSwitch/TimeUnitSwitch.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { TimeUnitSwitchProps } from './types';
-declare const TimeUnitSwitch: ({ selected, options, callback, labelCallback, }: TimeUnitSwitchProps) => JSX.Element;
+declare const TimeUnitSwitch: ({ selected, options, callback, }: TimeUnitSwitchProps) => JSX.Element;
 export { TimeUnitSwitch };

package/dist/types/CurrencyPowerBalanceWidget/components/TimeUnitSwitch/types.d.ts

@@ -2,11 +2,15 @@ import { CurrencyPowerBalanceTimeUnit } from '../../../gql/types/graphql';
 export interface TimeUnitOption {
     value: CurrencyPowerBalanceTimeUnit;
     label: string;
-    tooltip?: string;
+    tooltipLabel?: TooltipLabel;
 }
 export interface TimeUnitSwitchProps {
     selected: CurrencyPowerBalanceTimeUnit;
     options: TimeUnitOption[];
     callback: (value: CurrencyPowerBalanceTimeUnit) => void;
-    labelCallback?: (value: string) => string;
 }
+type TooltipLabel = {
+    translationKey: string;
+    count: number;
+};
+export {};

package/dist/types/CurrencyPowerBalanceWidget/config.d.ts

@@ -2,10 +2,13 @@ import { CurrencyPowerBalanceTimeUnit } from '../gql/types/graphql';
 declare const timeUnitConfig: ({
     value: CurrencyPowerBalanceTimeUnit;
     label: string;
-    tooltip: string;
+    tooltipLabel: {
+        translationKey: string;
+        count: number;
+    };
 } | {
     value: CurrencyPowerBalanceTimeUnit;
     label: string;
-    tooltip?: undefined;
+    tooltipLabel?: undefined;
 })[];
 export { timeUnitConfig };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oanda/labs-currency-power-balance-widget",
-  "version": "1.0.30",
+  "version": "1.0.32",
   "description": "Labs Currency Power Balance Widget",
   "main": "dist/main/index.js",
   "module": "dist/module/index.js",
@@ -13,7 +13,7 @@
   "license": "UNLICENSED",
   "dependencies": {
     "@apollo/client": "3.7.17",
-    "@oanda/labs-widget-common": "^1.0.91",
+    "@oanda/labs-widget-common": "^1.0.93",
     "@oanda/mono-i18n": "9.0.0",
     "echarts": "5.4.3",
     "echarts-for-react": "3.0.2",
@@ -23,5 +23,5 @@
     "@graphql-codegen/cli": "5.0.0",
     "@graphql-codegen/client-preset": "4.1.0"
   },
-  "gitHead": "527eb086ecdb29c9eb048c91e2099f0aff564ff6"
+  "gitHead": "ae1e2376d3fcfde7d53852798426f625d5ac67cf"
 }

package/src/CurrencyPowerBalanceWidget/Tool.tsx

@@ -1,5 +1,4 @@
 import React, { useState } from 'react';
-import { useLocale } from '@oanda/mono-i18n';
 import { timeUnitConfig } from './config';
 import { TimeUnitSwitch } from './components/TimeUnitSwitch';
 import { ChartWithData } from './ChartWithData';
@@ -7,7 +6,6 @@ import { CurrencyPowerBalanceTimeUnit } from '../gql/types/graphql';
 
 const Tool = () => {
   const [selectedTimeUnit, setSelectedTimeUnit] = useState(CurrencyPowerBalanceTimeUnit.CurrentDay);
-  const { lang } = useLocale();
 
   return (
     <div
@@ -18,7 +16,6 @@ const Tool = () => {
         selected={selectedTimeUnit}
         callback={setSelectedTimeUnit}
         options={timeUnitConfig}
-        labelCallback={lang}
       />
       <ChartWithData
         timeUnit={selectedTimeUnit}

package/src/CurrencyPowerBalanceWidget/components/TimeUnitSwitch/TimeUnitSelect.tsx

@@ -1,15 +1,19 @@
 import React from 'react';
 import { Select } from '@oanda/labs-widget-common';
+import { useLocale } from '@oanda/mono-i18n';
 import { TimeUnitSwitchProps } from './types';
 import { CurrencyPowerBalanceTimeUnit } from '../../../gql/types/graphql';
 
 const TimeUnitSelect = ({
-  selected, options, callback, labelCallback,
+  selected, options, callback,
 }: TimeUnitSwitchProps) => {
+  const { lang } = useLocale();
   const selectOptions = options
-    .map(({ value: id, label, tooltip }) => ({
+    .map(({ value: id, label, tooltipLabel }) => ({
       id,
-      label: labelCallback ? labelCallback(tooltip || label) : tooltip || label,
+      label: tooltipLabel
+        ? lang(tooltipLabel.translationKey, { count: tooltipLabel.count })
+        : lang(label),
     }));
   const [{ label: selectedLabel }] = selectOptions.filter(({ id }) => id === selected);
 

package/src/CurrencyPowerBalanceWidget/components/TimeUnitSwitch/TimeUnitSwitch.tsx

@@ -2,14 +2,16 @@ import React, { useContext } from 'react';
 import {
   Button, ButtonSize, ButtonVariant, ThemeContext, Size,
 } from '@oanda/labs-widget-common';
+import { useLocale } from '@oanda/mono-i18n';
 import { TimeUnitSwitchProps } from './types';
 import { CurrencyPowerBalanceTimeUnit } from '../../../gql/types/graphql';
 import { CURRENCY_POWER_BALANCE_TOOLTIP_ID } from '../../constants';
 import { TimeUnitSelect } from './TimeUnitSelect';
 
 const TimeUnitSwitch = ({
-  selected, options, callback, labelCallback,
+  selected, options, callback,
 }: TimeUnitSwitchProps) => {
+  const { lang } = useLocale();
   const { size } = useContext(ThemeContext);
   const isDesktop = size === Size.DESKTOP;
 
@@ -22,25 +24,25 @@ const TimeUnitSwitch = ({
       {isDesktop
         ? (
           <div data-testid="time-unit-switch" className="lw-mb-6 lw-flex lw-gap-1 lw-self-end">
-            {options.map((item) => {
-              const tooltip = labelCallback && item.tooltip
-                ? labelCallback(item.tooltip)
-                : item.tooltip;
-              const label = labelCallback ? labelCallback(item.label) : item.label;
+            {options.map(({ value, label, tooltipLabel }) => {
+              const tooltip = tooltipLabel
+                ? lang(tooltipLabel.translationKey, { count: tooltipLabel.count })
+                : tooltipLabel;
+              const buttonLabel = lang(label);
 
               return (
                 <Button
-                  key={item.value}
+                  key={value}
                   size={ButtonSize.full}
-                  variant={selected === item.value
+                  variant={selected === value
                     ? ButtonVariant.primary
                     : ButtonVariant.secondary}
                   onClick={handleButtonClick}
-                  value={item.value}
+                  value={value}
                   data-tooltip-id={CURRENCY_POWER_BALANCE_TOOLTIP_ID}
                   data-tooltip-content={tooltip}
                 >
-                  {label}
+                  {buttonLabel}
                 </Button>
               );
             })}
@@ -51,7 +53,6 @@ const TimeUnitSwitch = ({
             selected={selected}
             callback={callback}
             options={options}
-            labelCallback={labelCallback}
           />
         )}
     </>

package/src/CurrencyPowerBalanceWidget/components/TimeUnitSwitch/types.ts

@@ -3,12 +3,16 @@ import { CurrencyPowerBalanceTimeUnit } from '../../../gql/types/graphql';
 export interface TimeUnitOption {
   value: CurrencyPowerBalanceTimeUnit;
   label: string;
-  tooltip?: string;
+  tooltipLabel?: TooltipLabel;
 }
 
 export interface TimeUnitSwitchProps {
   selected: CurrencyPowerBalanceTimeUnit;
   options: TimeUnitOption[];
   callback: (value: CurrencyPowerBalanceTimeUnit) => void;
-  labelCallback?: (value: string) => string;
 }
+
+type TooltipLabel = {
+  translationKey: string;
+  count: number;
+};

package/src/CurrencyPowerBalanceWidget/config.ts

@@ -4,25 +4,51 @@ const timeUnitConfig = [
   {
     value: CurrencyPowerBalanceTimeUnit.M3,
     label: '3m',
-    tooltip: '3_months',
+    tooltipLabel: {
+      translationKey: 'month',
+      count: 3,
+    },
   },
   {
     value: CurrencyPowerBalanceTimeUnit.M1,
     label: '1m',
-    tooltip: '1_month',
+    tooltipLabel: {
+      translationKey: 'month',
+      count: 1,
+    },
   },
   {
     value: CurrencyPowerBalanceTimeUnit.W1,
     label: '1w',
-    tooltip: '1_week',
+    tooltipLabel: {
+      translationKey: 'week',
+      count: 1,
+    },
   },
   {
     value: CurrencyPowerBalanceTimeUnit.H24,
     label: '24h',
-    tooltip: '24_hours',
+    tooltipLabel: {
+      translationKey: 'hour',
+      count: 24,
+    },
+  },
+  {
+    value: CurrencyPowerBalanceTimeUnit.H8,
+    label: '8h',
+    tooltipLabel: {
+      translationKey: 'hour',
+      count: 8,
+    },
+  },
+  {
+    value: CurrencyPowerBalanceTimeUnit.H4,
+    label: '4h',
+    tooltipLabel: {
+      translationKey: 'hour',
+      count: 4,
+    },
   },
-  { value: CurrencyPowerBalanceTimeUnit.H8, label: '8h', tooltip: '8_hours' },
-  { value: CurrencyPowerBalanceTimeUnit.H4, label: '4h', tooltip: '4_hours' },
   { value: CurrencyPowerBalanceTimeUnit.PreviousDay, label: 'previous_business_day' },
   { value: CurrencyPowerBalanceTimeUnit.CurrentDay, label: 'current_business_day' },
 ];

package/src/translations/sources/en.json

@@ -1,18 +1,18 @@
 {
-  "1_month": "1 month",
-  "1_week": "1 week",
   "1m": "1M",
   "1w": "1W",
-  "24_hours": "24 hours",
   "24h": "24H",
-  "3_months": "3 months",
   "3m": "3M",
-  "4_hours": "4 hours",
   "4h": "4H",
-  "8_hours": "8 hours",
   "8h": "8H",
   "current_business_day": "Current Business Day",
   "data_unavailable": "Data unavailable",
+  "hour": "{{count}} Hour",
+  "hour_plural": "{{count}} Hours",
+  "month": "{{count}} Month",
+  "month_plural": "{{count}} Months",
   "pagination_entries_range": "{{firstItemOnPage}}-{{lastItemOnPage}} of {{itemCount}} entries",
-  "previous_business_day": "Previous Business Day"
+  "previous_business_day": "Previous Business Day",
+  "week": "{{count}} Week",
+  "week_plural": "{{count}} Weeks"
 }

package/src/translations/sources/zh_TW.json

@@ -1,18 +1,15 @@
 {
-  "1_month": "1 個月",
-  "1_week": "1星期",
   "1m": "1M",
   "1w": "1W",
-  "24_hours": "24小時",
   "24h": "24H",
-  "3_months": "3 個月",
   "3m": "3M",
-  "4_hours": "4小時",
   "4h": "4H",
-  "8_hours": "8小時",
   "8h": "8H",
   "current_business_day": "目前營業日",
   "data_unavailable": "沒有數據",
+  "hour_0": "{{count}} 時",
+  "month_0": "{{count}} 月",
   "pagination_entries_range": "{{itemCount}}个挂单中的{{firstItemOnPage}}-{{lastItemOnPage}}",
-  "previous_business_day": "前一營業日"
+  "previous_business_day": "前一營業日",
+  "week_0": "{{count}}週"
 }