@oanda/labs-sentiment-widget 1.0.23 → 1.0.26

package/CHANGELOG.md

@@ -3,6 +3,270 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 1.0.26 (2023-10-18)
+
+
+
+## 1.0.25 (2023-10-17)
+
+
+
+## 1.0.24 (2023-10-13)
+
+
+
+## 1.0.23 (2023-10-13)
+
+
+
+## 1.0.22 (2023-10-11)
+
+
+
+## 1.0.21 (2023-10-10)
+
+
+
+## 1.0.20 (2023-10-06)
+
+
+
+## 1.0.19 (2023-10-06)
+
+
+
+## 1.0.18 (2023-10-05)
+
+
+
+## 1.0.17 (2023-10-04)
+
+
+
+## 1.0.16 (2023-10-04)
+
+
+
+## 1.0.15 (2023-10-04)
+
+
+
+## 1.0.14 (2023-10-03)
+
+
+
+## 1.0.13 (2023-10-03)
+
+
+
+## 1.0.12 (2023-10-03)
+
+
+
+## 1.0.11 (2023-10-02)
+
+
+
+## 1.0.10 (2023-09-29)
+
+
+
+## 1.0.9 (2023-09-28)
+
+
+
+## 1.0.8 (2023-09-27)
+
+
+
+## 1.0.7 (2023-09-26)
+
+
+
+## 1.0.6 (2023-09-21)
+
+
+
+## 1.0.5 (2023-09-13)
+
+**Note:** Version bump only for package @oanda/labs-sentiment-widget
+
+
+
+
+
+## 1.0.25 (2023-10-17)
+
+
+
+## 1.0.24 (2023-10-13)
+
+
+
+## 1.0.23 (2023-10-13)
+
+
+
+## 1.0.22 (2023-10-11)
+
+
+
+## 1.0.21 (2023-10-10)
+
+
+
+## 1.0.20 (2023-10-06)
+
+
+
+## 1.0.19 (2023-10-06)
+
+
+
+## 1.0.18 (2023-10-05)
+
+
+
+## 1.0.17 (2023-10-04)
+
+
+
+## 1.0.16 (2023-10-04)
+
+
+
+## 1.0.15 (2023-10-04)
+
+
+
+## 1.0.14 (2023-10-03)
+
+
+
+## 1.0.13 (2023-10-03)
+
+
+
+## 1.0.12 (2023-10-03)
+
+
+
+## 1.0.11 (2023-10-02)
+
+
+
+## 1.0.10 (2023-09-29)
+
+
+
+## 1.0.9 (2023-09-28)
+
+
+
+## 1.0.8 (2023-09-27)
+
+
+
+## 1.0.7 (2023-09-26)
+
+
+
+## 1.0.6 (2023-09-21)
+
+
+
+## 1.0.5 (2023-09-13)
+
+**Note:** Version bump only for package @oanda/labs-sentiment-widget
+
+
+
+
+
+## 1.0.24 (2023-10-13)
+
+
+
+## 1.0.23 (2023-10-13)
+
+
+
+## 1.0.22 (2023-10-11)
+
+
+
+## 1.0.21 (2023-10-10)
+
+
+
+## 1.0.20 (2023-10-06)
+
+
+
+## 1.0.19 (2023-10-06)
+
+
+
+## 1.0.18 (2023-10-05)
+
+
+
+## 1.0.17 (2023-10-04)
+
+
+
+## 1.0.16 (2023-10-04)
+
+
+
+## 1.0.15 (2023-10-04)
+
+
+
+## 1.0.14 (2023-10-03)
+
+
+
+## 1.0.13 (2023-10-03)
+
+
+
+## 1.0.12 (2023-10-03)
+
+
+
+## 1.0.11 (2023-10-02)
+
+
+
+## 1.0.10 (2023-09-29)
+
+
+
+## 1.0.9 (2023-09-28)
+
+
+
+## 1.0.8 (2023-09-27)
+
+
+
+## 1.0.7 (2023-09-26)
+
+
+
+## 1.0.6 (2023-09-21)
+
+
+
+## 1.0.5 (2023-09-13)
+
+**Note:** Version bump only for package @oanda/labs-sentiment-widget
+
+
+
+
+
 ## 1.0.23 (2023-10-13)
 
 

package/dist/main/SentimentWidget/SentimentWidget.js

@@ -6,27 +6,34 @@ Object.defineProperty(exports, "__esModule", {
 exports.SentimentWidget = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _client = require("@apollo/client");
+var _monoI18n = require("@oanda/mono-i18n");
+var _labsWidgetCommon = require("@oanda/labs-widget-common");
 var _Widget = require("./Widget");
 var _Tool = require("./Tool");
+var _translations = require("../translations");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const SentimentWidget = _ref => {
   let {
     graphqlUrl,
     division,
-    instrument
+    instrument,
+    locale
   } = _ref;
   const client = new _client.ApolloClient({
     uri: graphqlUrl,
     cache: new _client.InMemoryCache()
   });
-  return _react.default.createElement(_client.ApolloProvider, {
+  return _react.default.createElement(_monoI18n.LocaleProvider, {
+    locale: (0, _labsWidgetCommon.getLocale)(locale),
+    translations: _translations.translations
+  }, _react.default.createElement(_client.ApolloProvider, {
     client: client
   }, instrument ? _react.default.createElement(_Widget.Widget, {
     division: division,
     instrument: instrument
   }) : _react.default.createElement(_Tool.Tool, {
     division: division
-  }));
+  })));
 };
 exports.SentimentWidget = SentimentWidget;
 //# sourceMappingURL=SentimentWidget.js.map

package/dist/main/SentimentWidget/SentimentWidget.js.map

@@ -1 +1 @@
-{"version":3,"file":"SentimentWidget.js","names":["_react","_interopRequireDefault","require","_client","_Widget","_Tool","obj","__esModule","default","SentimentWidget","_ref","graphqlUrl","division","instrument","client","ApolloClient","uri","cache","InMemoryCache","createElement","ApolloProvider","Widget","Tool","exports"],"sources":["../../../src/SentimentWidget/SentimentWidget.tsx"],"sourcesContent":["import React from 'react';\nimport { ApolloClient, InMemoryCache, ApolloProvider } from '@apollo/client';\nimport { Widget } from './Widget';\nimport { Tool } from './Tool';\nimport { SentimentConfig } from './types';\n\nconst SentimentWidget = ({ graphqlUrl, division, instrument }: SentimentConfig) => {\n  const client = new ApolloClient({\n    uri: graphqlUrl,\n    cache: new InMemoryCache(),\n  });\n\n  return (\n    <ApolloProvider client={client}>\n      {instrument ? (\n        <Widget division={division} instrument={instrument} />\n      ) : (\n        <Tool division={division} />\n      )}\n    </ApolloProvider>\n  );\n};\n\nexport { SentimentWidget };\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AAA8B,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAG9B,MAAMG,eAAe,GAAGC,IAAA,IAA2D;EAAA,IAA1D;IAAEC,UAAU;IAAEC,QAAQ;IAAEC;EAA4B,CAAC,GAAAH,IAAA;EAC5E,MAAMI,MAAM,GAAG,IAAIC,oBAAY,CAAC;IAC9BC,GAAG,EAAEL,UAAU;IACfM,KAAK,EAAE,IAAIC,qBAAa,CAAC;EAC3B,CAAC,CAAC;EAEF,OACElB,MAAA,CAAAQ,OAAA,CAAAW,aAAA,CAAChB,OAAA,CAAAiB,cAAc;IAACN,MAAM,EAAEA;EAAO,GAC5BD,UAAU,GACTb,MAAA,CAAAQ,OAAA,CAAAW,aAAA,CAACf,OAAA,CAAAiB,MAAM;IAACT,QAAQ,EAAEA,QAAS;IAACC,UAAU,EAAEA;EAAW,CAAE,CAAC,GAEtDb,MAAA,CAAAQ,OAAA,CAAAW,aAAA,CAACd,KAAA,CAAAiB,IAAI;IAACV,QAAQ,EAAEA;EAAS,CAAE,CAEf,CAAC;AAErB,CAAC;AAACW,OAAA,CAAAd,eAAA,GAAAA,eAAA"}
+{"version":3,"file":"SentimentWidget.js","names":["_react","_interopRequireDefault","require","_client","_monoI18n","_labsWidgetCommon","_Widget","_Tool","_translations","obj","__esModule","default","SentimentWidget","_ref","graphqlUrl","division","instrument","locale","client","ApolloClient","uri","cache","InMemoryCache","createElement","LocaleProvider","getLocale","translations","ApolloProvider","Widget","Tool","exports"],"sources":["../../../src/SentimentWidget/SentimentWidget.tsx"],"sourcesContent":["import React from 'react';\nimport { ApolloClient, InMemoryCache, ApolloProvider } from '@apollo/client';\nimport { LocaleProvider } from '@oanda/mono-i18n';\nimport { getLocale } from '@oanda/labs-widget-common';\nimport { Widget } from './Widget';\nimport { Tool } from './Tool';\nimport { SentimentConfig } from './types';\nimport { translations } from '../translations';\n\nconst SentimentWidget = ({\n  graphqlUrl, division, instrument, locale,\n}: SentimentConfig) => {\n  const client = new ApolloClient({\n    uri: graphqlUrl,\n    cache: new InMemoryCache(),\n  });\n\n  return (\n    <LocaleProvider locale={getLocale(locale)} translations={translations}>\n      <ApolloProvider client={client}>\n        {instrument ? (\n          <Widget division={division} instrument={instrument} />\n        ) : (\n          <Tool division={division} />\n        )}\n      </ApolloProvider>\n    </LocaleProvider>\n  );\n};\n\nexport { SentimentWidget };\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AAEA,IAAAM,aAAA,GAAAN,OAAA;AAA+C,SAAAD,uBAAAQ,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAE/C,MAAMG,eAAe,GAAGC,IAAA,IAED;EAAA,IAFE;IACvBC,UAAU;IAAEC,QAAQ;IAAEC,UAAU;IAAEC;EACnB,CAAC,GAAAJ,IAAA;EAChB,MAAMK,MAAM,GAAG,IAAIC,oBAAY,CAAC;IAC9BC,GAAG,EAAEN,UAAU;IACfO,KAAK,EAAE,IAAIC,qBAAa,CAAC;EAC3B,CAAC,CAAC;EAEF,OACEtB,MAAA,CAAAW,OAAA,CAAAY,aAAA,CAACnB,SAAA,CAAAoB,cAAc;IAACP,MAAM,EAAE,IAAAQ,2BAAS,EAACR,MAAM,CAAE;IAACS,YAAY,EAAEA;EAAa,GACpE1B,MAAA,CAAAW,OAAA,CAAAY,aAAA,CAACpB,OAAA,CAAAwB,cAAc;IAACT,MAAM,EAAEA;EAAO,GAC5BF,UAAU,GACThB,MAAA,CAAAW,OAAA,CAAAY,aAAA,CAACjB,OAAA,CAAAsB,MAAM;IAACb,QAAQ,EAAEA,QAAS;IAACC,UAAU,EAAEA;EAAW,CAAE,CAAC,GAEtDhB,MAAA,CAAAW,OAAA,CAAAY,aAAA,CAAChB,KAAA,CAAAsB,IAAI;IAACd,QAAQ,EAAEA;EAAS,CAAE,CAEf,CACF,CAAC;AAErB,CAAC;AAACe,OAAA,CAAAlB,eAAA,GAAAA,eAAA"}

package/dist/main/SentimentWidget/Tool.js

@@ -11,8 +11,8 @@ var _getSentimentList = require("../gql/getSentimentList");
 var _utils = require("./utils");
 var _SortSwitch = require("./components/SortSwitch");
 var _graphql = require("../gql/types/graphql");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+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); }
+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 = _ref => {
   let {
     division
@@ -36,7 +36,7 @@ const Tool = _ref => {
   return _react.default.createElement("div", {
     "data-testid": "sentiment-tool",
     className: "lw-text-sm lw-text-black"
-  }, error ? _react.default.createElement("div", {
+  }, error || sortedData.length === 0 ? _react.default.createElement("div", {
     className: "lw-flex lw-h-[200px] lw-items-center lw-justify-center lw-border lw-border-solid lw-border-grey lw-p-2"
   }, _react.default.createElement(_labsWidgetCommon.ChartError, null)) : _react.default.createElement(_react.default.Fragment, null, _react.default.createElement("div", {
     className: "lw-flex lw-justify-end lw-pb-5"
@@ -55,7 +55,7 @@ const Tool = _ref => {
   }, loading ? _react.default.createElement(_labsWidgetCommon.Loader, {
     size: _labsWidgetCommon.LoaderSize.md
   }) : _react.default.createElement("p", {
-    className: "lw-truncate lw-font-sans lw-font-bold"
+    className: "lw-truncate lw-font-sans lw-text-sm lw-font-bold"
   }, item.name || '\u2014')), _react.default.createElement(_labsWidgetCommon.Sentiment, {
     isLoading: loading,
     height: _labsWidgetCommon.SentimentHeight.md,

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

@@ -1 +1 @@
-{"version":3,"file":"Tool.js","names":["_react","_interopRequireWildcard","require","_labsWidgetCommon","_client","_getSentimentList","_utils","_SortSwitch","_graphql","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","Tool","_ref","division","sort","setSort","useState","Sort","Bullish","sortedData","setSortedData","Array","fill","loading","data","error","useQuery","getSentimentList","variables","useEffect","sortData","createElement","className","ChartError","Fragment","SortSwitch","disabled","selected","SelectedArrow","UP","DOWN","onClickButtonDown","Bearish","onClickButtonUp","map","item","index","name","Loader","size","LoaderSize","md","Sentiment","isLoading","height","SentimentHeight","sentiment","exports"],"sources":["../../../src/SentimentWidget/Tool.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport {\n  Sentiment, SentimentHeight, Loader, LoaderSize, ChartError,\n} from '@oanda/labs-widget-common';\nimport { useQuery } from '@apollo/client';\nimport { getSentimentList } from '../gql/getSentimentList';\nimport { SentimentToolConfig } from './types';\nimport { sortData } from './utils';\nimport { SelectedArrow, SortSwitch } from './components/SortSwitch';\nimport {\n  GetSentimentListQuery, GetSentimentListQueryVariables, SentimentInstrument, Sort,\n} from '../gql/types/graphql';\n\nconst Tool = ({ division }: SentimentToolConfig) => {\n  const [sort, setSort] = useState(Sort.Bullish);\n  const [sortedData, setSortedData] = useState<Omit<SentimentInstrument, 'id'>[]>(new Array(20).fill({}));\n  const { loading, data, error } = useQuery<\n  GetSentimentListQuery,\n  GetSentimentListQueryVariables\n  >(getSentimentList, {\n    variables: {\n      division,\n    },\n  });\n\n  useEffect(() => {\n    if (data) {\n      setSortedData(sortData(data, sort));\n    }\n  }, [data, sort]);\n\n  return (\n    <div data-testid=\"sentiment-tool\" className=\"lw-text-sm lw-text-black\">\n      {error ? (\n        <div className=\"lw-flex lw-h-[200px] lw-items-center lw-justify-center lw-border lw-border-solid lw-border-grey lw-p-2\">\n          <ChartError />\n        </div>\n      ) : (\n        <>\n          <div className=\"lw-flex lw-justify-end lw-pb-5\">\n            <SortSwitch\n              disabled={loading}\n              selected={sort === Sort.Bullish ? SelectedArrow.UP : SelectedArrow.DOWN}\n              onClickButtonDown={() => setSort(Sort.Bearish)}\n              onClickButtonUp={() => setSort(Sort.Bullish)}\n            />\n          </div>\n          <div className=\"lw-flex lw-flex-col lw-border lw-border-solid lw-border-grey lw-p-2\">\n            {sortedData.map((item, index) => (\n              <div className=\"lw-flex lw-h-8 lw-w-full lw-items-center\" key={item.name || index}>\n                <div className=\"lw-w-[120px] lw-shrink-0\">\n                  {loading ? (\n                    <Loader size={LoaderSize.md} />\n                  ) : (\n                    <p className=\"lw-truncate lw-font-sans lw-font-bold\">{item.name || '\\u2014'}</p>\n                  )}\n                </div>\n                <Sentiment\n                  isLoading={loading}\n                  height={SentimentHeight.md}\n                  sentiment={item.sentiment}\n                />\n              </div>\n            ))}\n          </div>\n        </>\n      )}\n    </div>\n  );\n};\n\nexport { Tool };\n"],"mappings":"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"}
+{"version":3,"file":"Tool.js","names":["_react","_interopRequireWildcard","require","_labsWidgetCommon","_client","_getSentimentList","_utils","_SortSwitch","_graphql","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","Tool","_ref","division","sort","setSort","useState","Sort","Bullish","sortedData","setSortedData","Array","fill","loading","data","error","useQuery","getSentimentList","variables","useEffect","sortData","createElement","className","length","ChartError","Fragment","SortSwitch","disabled","selected","SelectedArrow","UP","DOWN","onClickButtonDown","Bearish","onClickButtonUp","map","item","index","key","name","Loader","size","LoaderSize","md","Sentiment","isLoading","height","SentimentHeight","sentiment","exports"],"sources":["../../../src/SentimentWidget/Tool.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport {\n  Sentiment, SentimentHeight, Loader, LoaderSize, ChartError,\n} from '@oanda/labs-widget-common';\nimport { useQuery } from '@apollo/client';\nimport { getSentimentList } from '../gql/getSentimentList';\nimport { SentimentToolConfig } from './types';\nimport { sortData } from './utils';\nimport { SelectedArrow, SortSwitch } from './components/SortSwitch';\nimport {\n  GetSentimentListQuery, GetSentimentListQueryVariables, SentimentInstrument, Sort,\n} from '../gql/types/graphql';\n\nconst Tool = ({ division }: SentimentToolConfig) => {\n  const [sort, setSort] = useState(Sort.Bullish);\n  const [sortedData, setSortedData] = useState<Omit<SentimentInstrument, 'id'>[]>(new Array(20).fill({}));\n  const { loading, data, error } = useQuery<\n  GetSentimentListQuery,\n  GetSentimentListQueryVariables\n  >(getSentimentList, {\n    variables: {\n      division,\n    },\n  });\n\n  useEffect(() => {\n    if (data) {\n      setSortedData(sortData(data, sort));\n    }\n  }, [data, sort]);\n\n  return (\n    <div data-testid=\"sentiment-tool\" className=\"lw-text-sm lw-text-black\">\n      {error || sortedData.length === 0 ? (\n        <div className=\"lw-flex lw-h-[200px] lw-items-center lw-justify-center lw-border lw-border-solid lw-border-grey lw-p-2\">\n          <ChartError />\n        </div>\n      ) : (\n        <>\n          <div className=\"lw-flex lw-justify-end lw-pb-5\">\n            <SortSwitch\n              disabled={loading}\n              selected={sort === Sort.Bullish ? SelectedArrow.UP : SelectedArrow.DOWN}\n              onClickButtonDown={() => setSort(Sort.Bearish)}\n              onClickButtonUp={() => setSort(Sort.Bullish)}\n            />\n          </div>\n          <div className=\"lw-flex lw-flex-col lw-border lw-border-solid lw-border-grey lw-p-2\">\n            {sortedData.map((item, index) => (\n              <div className=\"lw-flex lw-h-8 lw-w-full lw-items-center\" key={item.name || index}>\n                <div className=\"lw-w-[120px] lw-shrink-0\">\n                  {loading ? (\n                    <Loader size={LoaderSize.md} />\n                  ) : (\n                    <p className=\"lw-truncate lw-font-sans lw-text-sm lw-font-bold\">{item.name || '\\u2014'}</p>\n                  )}\n                </div>\n                <Sentiment\n                  isLoading={loading}\n                  height={SentimentHeight.md}\n                  sentiment={item.sentiment}\n                />\n              </div>\n            ))}\n          </div>\n        </>\n      )}\n    </div>\n  );\n};\n\nexport { Tool };\n"],"mappings":"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"}

package/dist/main/SentimentWidget/render.js

@@ -8,11 +8,13 @@ const {
   graphqlUrl,
   division,
   instrument,
-  renderElementId
+  renderElementId,
+  locale
 } = window.sentimentWidgetConfig;
 (0, _reactDom.render)(_react.default.createElement(_SentimentWidget.SentimentWidget, {
   graphqlUrl: graphqlUrl,
   division: division,
-  instrument: instrument
+  instrument: instrument,
+  locale: locale
 }), document.getElementById(renderElementId));
 //# sourceMappingURL=render.js.map

package/dist/main/SentimentWidget/render.js.map

@@ -1 +1 @@
-{"version":3,"file":"render.js","names":["_react","_interopRequireDefault","require","_reactDom","_SentimentWidget","obj","__esModule","default","graphqlUrl","division","instrument","renderElementId","window","sentimentWidgetConfig","render","createElement","SentimentWidget","document","getElementById"],"sources":["../../../src/SentimentWidget/render.tsx"],"sourcesContent":["import React from 'react';\nimport { render } from 'react-dom';\nimport { SentimentWidget } from './SentimentWidget';\nimport { SentimentWrapperConfig } from './types';\n\ndeclare global {\n  interface Window {\n    sentimentWidgetConfig: SentimentWrapperConfig;\n  }\n}\n\nconst {\n  graphqlUrl,\n  division,\n  instrument,\n  renderElementId,\n} = window.sentimentWidgetConfig;\n\nrender(\n  <SentimentWidget\n    graphqlUrl={graphqlUrl}\n    division={division}\n    instrument={instrument}\n  />,\n  document.getElementById(renderElementId),\n);\n"],"mappings":";;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,gBAAA,GAAAF,OAAA;AAAoD,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AASpD,MAAM;EACJG,UAAU;EACVC,QAAQ;EACRC,UAAU;EACVC;AACF,CAAC,GAAGC,MAAM,CAACC,qBAAqB;AAEhC,IAAAC,gBAAM,EACJd,MAAA,CAAAO,OAAA,CAAAQ,aAAA,CAACX,gBAAA,CAAAY,eAAe;EACdR,UAAU,EAAEA,UAAW;EACvBC,QAAQ,EAAEA,QAAS;EACnBC,UAAU,EAAEA;AAAW,CACxB,CAAC,EACFO,QAAQ,CAACC,cAAc,CAACP,eAAe,CACzC,CAAC"}
+{"version":3,"file":"render.js","names":["_react","_interopRequireDefault","require","_reactDom","_SentimentWidget","obj","__esModule","default","graphqlUrl","division","instrument","renderElementId","locale","window","sentimentWidgetConfig","render","createElement","SentimentWidget","document","getElementById"],"sources":["../../../src/SentimentWidget/render.tsx"],"sourcesContent":["import React from 'react';\nimport { render } from 'react-dom';\nimport { SentimentWidget } from './SentimentWidget';\nimport { SentimentWrapperConfig } from './types';\n\ndeclare global {\n  interface Window {\n    sentimentWidgetConfig: SentimentWrapperConfig;\n  }\n}\n\nconst {\n  graphqlUrl,\n  division,\n  instrument,\n  renderElementId,\n  locale,\n} = window.sentimentWidgetConfig;\n\nrender(\n  <SentimentWidget\n    graphqlUrl={graphqlUrl}\n    division={division}\n    instrument={instrument}\n    locale={locale}\n  />,\n  document.getElementById(renderElementId),\n);\n"],"mappings":";;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,gBAAA,GAAAF,OAAA;AAAoD,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AASpD,MAAM;EACJG,UAAU;EACVC,QAAQ;EACRC,UAAU;EACVC,eAAe;EACfC;AACF,CAAC,GAAGC,MAAM,CAACC,qBAAqB;AAEhC,IAAAC,gBAAM,EACJf,MAAA,CAAAO,OAAA,CAAAS,aAAA,CAACZ,gBAAA,CAAAa,eAAe;EACdT,UAAU,EAAEA,UAAW;EACvBC,QAAQ,EAAEA,QAAS;EACnBC,UAAU,EAAEA,UAAW;EACvBE,MAAM,EAAEA;AAAO,CAChB,CAAC,EACFM,QAAQ,CAACC,cAAc,CAACR,eAAe,CACzC,CAAC"}

package/dist/main/SentimentWidget/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../src/SentimentWidget/types.ts"],"sourcesContent":["import { Division } from '../gql/types/graphql';\n\nexport interface SentimentConfig {\n  graphqlUrl: string;\n  division: Division;\n  instrument?: string;\n}\nexport interface SentimentWrapperConfig extends SentimentConfig {\n  renderElementId: string;\n}\nexport interface SentimentWidgetConfig {\n  division: Division;\n  instrument: string;\n}\n\nexport interface SentimentToolConfig {\n  division: Division;\n}\n"],"mappings":""}
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/SentimentWidget/types.ts"],"sourcesContent":["import { Locale } from '@oanda/mono-i18n';\nimport { Division } from '../gql/types/graphql';\n\nexport interface SentimentConfig {\n  graphqlUrl: string;\n  division: Division;\n  instrument?: string;\n  locale: Locale;\n}\nexport interface SentimentWrapperConfig extends SentimentConfig {\n  renderElementId: string;\n}\nexport interface SentimentWidgetConfig {\n  division: Division;\n  instrument: string;\n}\n\nexport interface SentimentToolConfig {\n  division: Division;\n}\n"],"mappings":""}

package/dist/main/gql/types/gql.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.graphql = graphql;
 var types = _interopRequireWildcard(require("./graphql"));
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+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); }
+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 documents = {
   "\n  query GetInstrumentSentiment(\n    $name: String!\n    $division: Division\n  ) {\n    sentiment(\n      name: $name\n      division: $division\n    ) {\n      name\n      sentiment {\n        shortPercent\n        longPercent\n      }\n    }\n  }\n": types.GetInstrumentSentimentDocument,
   "\n  query GetSentimentList (\n    $division: Division\n  ) {\n    sentimentList (\n      division: $division\n    ) {\n      name\n      sentiment {\n        shortPercent\n        longPercent\n      }\n    }\n  }\n": types.GetSentimentListDocument

package/dist/main/gql/types/gql.js.map

@@ -1 +1 @@
-{"version":3,"file":"gql.js","names":["types","_interopRequireWildcard","require","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","documents","GetInstrumentSentimentDocument","GetSentimentListDocument","graphql","source"],"sources":["../../../../src/gql/types/gql.ts"],"sourcesContent":["/* eslint-disable */\nimport * as types from './graphql';\nimport { TypedDocumentNode as DocumentNode } from '@graphql-typed-document-node/core';\n\n/**\n * Map of all GraphQL operations in the project.\n *\n * This map has several performance disadvantages:\n * 1. It is not tree-shakeable, so it will include all operations in the project.\n * 2. It is not minifiable, so the string of a GraphQL query will be multiple times inside the bundle.\n * 3. It does not support dead code elimination, so it will add unused operations.\n *\n * Therefore it is highly recommended to use the babel or swc plugin for production.\n */\nconst documents = {\n    \"\\n  query GetInstrumentSentiment(\\n    $name: String!\\n    $division: Division\\n  ) {\\n    sentiment(\\n      name: $name\\n      division: $division\\n    ) {\\n      name\\n      sentiment {\\n        shortPercent\\n        longPercent\\n      }\\n    }\\n  }\\n\": types.GetInstrumentSentimentDocument,\n    \"\\n  query GetSentimentList (\\n    $division: Division\\n  ) {\\n    sentimentList (\\n      division: $division\\n    ) {\\n      name\\n      sentiment {\\n        shortPercent\\n        longPercent\\n      }\\n    }\\n  }\\n\": types.GetSentimentListDocument,\n};\n\n/**\n * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.\n *\n *\n * @example\n * ```ts\n * const query = graphql(`query GetUser($id: ID!) { user(id: $id) { name } }`);\n * ```\n *\n * The query argument is unknown!\n * Please regenerate the types.\n */\nexport function graphql(source: string): unknown;\n\n/**\n * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.\n */\nexport function graphql(source: \"\\n  query GetInstrumentSentiment(\\n    $name: String!\\n    $division: Division\\n  ) {\\n    sentiment(\\n      name: $name\\n      division: $division\\n    ) {\\n      name\\n      sentiment {\\n        shortPercent\\n        longPercent\\n      }\\n    }\\n  }\\n\"): (typeof documents)[\"\\n  query GetInstrumentSentiment(\\n    $name: String!\\n    $division: Division\\n  ) {\\n    sentiment(\\n      name: $name\\n      division: $division\\n    ) {\\n      name\\n      sentiment {\\n        shortPercent\\n        longPercent\\n      }\\n    }\\n  }\\n\"];\n/**\n * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.\n */\nexport function graphql(source: \"\\n  query GetSentimentList (\\n    $division: Division\\n  ) {\\n    sentimentList (\\n      division: $division\\n    ) {\\n      name\\n      sentiment {\\n        shortPercent\\n        longPercent\\n      }\\n    }\\n  }\\n\"): (typeof documents)[\"\\n  query GetSentimentList (\\n    $division: Division\\n  ) {\\n    sentimentList (\\n      division: $division\\n    ) {\\n      name\\n      sentiment {\\n        shortPercent\\n        longPercent\\n      }\\n    }\\n  }\\n\"];\n\nexport function graphql(source: string) {\n  return (documents as any)[source] ?? {};\n}\n\nexport type DocumentType<TDocumentNode extends DocumentNode<any, any>> = TDocumentNode extends DocumentNode<  infer TType,  any>  ? TType  : never;"],"mappings":";;;;;;AACA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AAAmC,SAAAC,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAH,wBAAAO,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA;AAanC,MAAMW,SAAS,GAAG;EACd,+PAA+P,EAAEzB,KAAK,CAAC0B,8BAA8B;EACrS,wNAAwN,EAAE1B,KAAK,CAAC2B;AACpO,CAAC;AAyBM,SAASC,OAAOA,CAACC,MAAc,EAAE;EACtC,OAAQJ,SAAS,CAASI,MAAM,CAAC,IAAI,CAAC,CAAC;AACzC"}
+{"version":3,"file":"gql.js","names":["types","_interopRequireWildcard","require","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","documents","GetInstrumentSentimentDocument","GetSentimentListDocument","graphql","source"],"sources":["../../../../src/gql/types/gql.ts"],"sourcesContent":["/* eslint-disable */\nimport * as types from './graphql';\nimport { TypedDocumentNode as DocumentNode } from '@graphql-typed-document-node/core';\n\n/**\n * Map of all GraphQL operations in the project.\n *\n * This map has several performance disadvantages:\n * 1. It is not tree-shakeable, so it will include all operations in the project.\n * 2. It is not minifiable, so the string of a GraphQL query will be multiple times inside the bundle.\n * 3. It does not support dead code elimination, so it will add unused operations.\n *\n * Therefore it is highly recommended to use the babel or swc plugin for production.\n */\nconst documents = {\n    \"\\n  query GetInstrumentSentiment(\\n    $name: String!\\n    $division: Division\\n  ) {\\n    sentiment(\\n      name: $name\\n      division: $division\\n    ) {\\n      name\\n      sentiment {\\n        shortPercent\\n        longPercent\\n      }\\n    }\\n  }\\n\": types.GetInstrumentSentimentDocument,\n    \"\\n  query GetSentimentList (\\n    $division: Division\\n  ) {\\n    sentimentList (\\n      division: $division\\n    ) {\\n      name\\n      sentiment {\\n        shortPercent\\n        longPercent\\n      }\\n    }\\n  }\\n\": types.GetSentimentListDocument,\n};\n\n/**\n * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.\n *\n *\n * @example\n * ```ts\n * const query = graphql(`query GetUser($id: ID!) { user(id: $id) { name } }`);\n * ```\n *\n * The query argument is unknown!\n * Please regenerate the types.\n */\nexport function graphql(source: string): unknown;\n\n/**\n * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.\n */\nexport function graphql(source: \"\\n  query GetInstrumentSentiment(\\n    $name: String!\\n    $division: Division\\n  ) {\\n    sentiment(\\n      name: $name\\n      division: $division\\n    ) {\\n      name\\n      sentiment {\\n        shortPercent\\n        longPercent\\n      }\\n    }\\n  }\\n\"): (typeof documents)[\"\\n  query GetInstrumentSentiment(\\n    $name: String!\\n    $division: Division\\n  ) {\\n    sentiment(\\n      name: $name\\n      division: $division\\n    ) {\\n      name\\n      sentiment {\\n        shortPercent\\n        longPercent\\n      }\\n    }\\n  }\\n\"];\n/**\n * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.\n */\nexport function graphql(source: \"\\n  query GetSentimentList (\\n    $division: Division\\n  ) {\\n    sentimentList (\\n      division: $division\\n    ) {\\n      name\\n      sentiment {\\n        shortPercent\\n        longPercent\\n      }\\n    }\\n  }\\n\"): (typeof documents)[\"\\n  query GetSentimentList (\\n    $division: Division\\n  ) {\\n    sentimentList (\\n      division: $division\\n    ) {\\n      name\\n      sentiment {\\n        shortPercent\\n        longPercent\\n      }\\n    }\\n  }\\n\"];\n\nexport function graphql(source: string) {\n  return (documents as any)[source] ?? {};\n}\n\nexport type DocumentType<TDocumentNode extends DocumentNode<any, any>> = TDocumentNode extends DocumentNode<  infer TType,  any>  ? TType  : never;"],"mappings":";;;;;;AACA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AAAmC,SAAAC,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,SAAAH,wBAAAG,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;AAanC,MAAMY,SAAS,GAAG;EACd,+PAA+P,EAAExB,KAAK,CAACyB,8BAA8B;EACrS,wNAAwN,EAAEzB,KAAK,CAAC0B;AACpO,CAAC;AAyBM,SAASC,OAAOA,CAACC,MAAc,EAAE;EACtC,OAAQJ,SAAS,CAASI,MAAM,CAAC,IAAI,CAAC,CAAC;AACzC"}

package/dist/main/translations/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.translations = void 0;
+var _monoI18n = require("@oanda/mono-i18n");
+var _en = _interopRequireDefault(require("./sources/en.json"));
+var _zh_TW = _interopRequireDefault(require("./sources/zh_TW.json"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const translations = exports.translations = {
+  [_monoI18n.Locale.en]: {
+    translation: _en.default
+  },
+  [_monoI18n.Locale.zhTW]: {
+    translation: _zh_TW.default
+  }
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_monoI18n","require","_en","_interopRequireDefault","_zh_TW","obj","__esModule","default","translations","exports","Locale","en","translation","zhTW"],"sources":["../../../src/translations/index.ts"],"sourcesContent":["import { Locale, Translations } from '@oanda/mono-i18n';\n\nimport en from './sources/en.json';\nimport zhTW from './sources/zh_TW.json';\n\nimport { 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};\n"],"mappings":";;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AAEA,IAAAC,GAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,MAAA,GAAAD,sBAAA,CAAAF,OAAA;AAAwC,SAAAE,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAMjC,MAAMG,YAA0B,GAAAC,OAAA,CAAAD,YAAA,GAAG;EACxC,CAACE,gBAAM,CAACC,EAAE,GAAG;IAAEC,WAAW,EAAED;EAAG,CAAC;EAChC,CAACD,gBAAM,CAACG,IAAI,GAAG;IAAED,WAAW,EAAEC;EAAK;AACrC,CAAC"}

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

@@ -0,0 +1,4 @@
+{
+  "data_unavailable": "Data unavailable",
+  "pagination_entries_range": "{{firstItemOnPage}}-{{lastItemOnPage}} of {{itemCount}} entries"
+}

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

@@ -0,0 +1,4 @@
+{
+  "data_unavailable": "無法使用資料",
+  "pagination_entries_range": "{{itemCount}}个挂单中的{{firstItemOnPage}}-{{lastItemOnPage}}"
+}

package/dist/main/translations/translations.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultTranslations = void 0;
+const defaultTranslations = exports.defaultTranslations = {
+  data_unavailable: 'Data unavailable',
+  pagination_entries_range: '{{firstItemOnPage}}-{{lastItemOnPage}} of {{itemCount}} entries'
+};
+//# sourceMappingURL=translations.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"translations.js","names":["defaultTranslations","exports","data_unavailable","pagination_entries_range"],"sources":["../../../src/translations/translations.ts"],"sourcesContent":["export const defaultTranslations = {\n  data_unavailable: 'Data unavailable',\n  pagination_entries_range: '{{firstItemOnPage}}-{{lastItemOnPage}} of {{itemCount}} entries',\n};\n"],"mappings":";;;;;;AAAO,MAAMA,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,GAAG;EACjCE,gBAAgB,EAAE,kBAAkB;EACpCC,wBAAwB,EAAE;AAC5B,CAAC"}

package/dist/module/SentimentWidget/SentimentWidget.js

@@ -1,25 +1,32 @@
 import React from 'react';
 import { ApolloClient, InMemoryCache, ApolloProvider } from '@apollo/client';
+import { LocaleProvider } from '@oanda/mono-i18n';
+import { getLocale } from '@oanda/labs-widget-common';
 import { Widget } from './Widget';
 import { Tool } from './Tool';
+import { translations } from '../translations';
 const SentimentWidget = _ref => {
   let {
     graphqlUrl,
     division,
-    instrument
+    instrument,
+    locale
   } = _ref;
   const client = new ApolloClient({
     uri: graphqlUrl,
     cache: new InMemoryCache()
   });
-  return React.createElement(ApolloProvider, {
+  return React.createElement(LocaleProvider, {
+    locale: getLocale(locale),
+    translations: translations
+  }, React.createElement(ApolloProvider, {
     client: client
   }, instrument ? React.createElement(Widget, {
     division: division,
     instrument: instrument
   }) : React.createElement(Tool, {
     division: division
-  }));
+  })));
 };
 export { SentimentWidget };
 //# sourceMappingURL=SentimentWidget.js.map

package/dist/module/SentimentWidget/SentimentWidget.js.map

@@ -1 +1 @@
-{"version":3,"file":"SentimentWidget.js","names":["React","ApolloClient","InMemoryCache","ApolloProvider","Widget","Tool","SentimentWidget","_ref","graphqlUrl","division","instrument","client","uri","cache","createElement"],"sources":["../../../src/SentimentWidget/SentimentWidget.tsx"],"sourcesContent":["import React from 'react';\nimport { ApolloClient, InMemoryCache, ApolloProvider } from '@apollo/client';\nimport { Widget } from './Widget';\nimport { Tool } from './Tool';\nimport { SentimentConfig } from './types';\n\nconst SentimentWidget = ({ graphqlUrl, division, instrument }: SentimentConfig) => {\n  const client = new ApolloClient({\n    uri: graphqlUrl,\n    cache: new InMemoryCache(),\n  });\n\n  return (\n    <ApolloProvider client={client}>\n      {instrument ? (\n        <Widget division={division} instrument={instrument} />\n      ) : (\n        <Tool division={division} />\n      )}\n    </ApolloProvider>\n  );\n};\n\nexport { SentimentWidget };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,YAAY,EAAEC,aAAa,EAAEC,cAAc,QAAQ,gBAAgB;AAC5E,SAASC,MAAM,QAAQ,UAAU;AACjC,SAASC,IAAI,QAAQ,QAAQ;AAG7B,MAAMC,eAAe,GAAGC,IAAA,IAA2D;EAAA,IAA1D;IAAEC,UAAU;IAAEC,QAAQ;IAAEC;EAA4B,CAAC,GAAAH,IAAA;EAC5E,MAAMI,MAAM,GAAG,IAAIV,YAAY,CAAC;IAC9BW,GAAG,EAAEJ,UAAU;IACfK,KAAK,EAAE,IAAIX,aAAa,CAAC;EAC3B,CAAC,CAAC;EAEF,OACEF,KAAA,CAAAc,aAAA,CAACX,cAAc;IAACQ,MAAM,EAAEA;EAAO,GAC5BD,UAAU,GACTV,KAAA,CAAAc,aAAA,CAACV,MAAM;IAACK,QAAQ,EAAEA,QAAS;IAACC,UAAU,EAAEA;EAAW,CAAE,CAAC,GAEtDV,KAAA,CAAAc,aAAA,CAACT,IAAI;IAACI,QAAQ,EAAEA;EAAS,CAAE,CAEf,CAAC;AAErB,CAAC;AAED,SAASH,eAAe"}
+{"version":3,"file":"SentimentWidget.js","names":["React","ApolloClient","InMemoryCache","ApolloProvider","LocaleProvider","getLocale","Widget","Tool","translations","SentimentWidget","_ref","graphqlUrl","division","instrument","locale","client","uri","cache","createElement"],"sources":["../../../src/SentimentWidget/SentimentWidget.tsx"],"sourcesContent":["import React from 'react';\nimport { ApolloClient, InMemoryCache, ApolloProvider } from '@apollo/client';\nimport { LocaleProvider } from '@oanda/mono-i18n';\nimport { getLocale } from '@oanda/labs-widget-common';\nimport { Widget } from './Widget';\nimport { Tool } from './Tool';\nimport { SentimentConfig } from './types';\nimport { translations } from '../translations';\n\nconst SentimentWidget = ({\n  graphqlUrl, division, instrument, locale,\n}: SentimentConfig) => {\n  const client = new ApolloClient({\n    uri: graphqlUrl,\n    cache: new InMemoryCache(),\n  });\n\n  return (\n    <LocaleProvider locale={getLocale(locale)} translations={translations}>\n      <ApolloProvider client={client}>\n        {instrument ? (\n          <Widget division={division} instrument={instrument} />\n        ) : (\n          <Tool division={division} />\n        )}\n      </ApolloProvider>\n    </LocaleProvider>\n  );\n};\n\nexport { SentimentWidget };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,YAAY,EAAEC,aAAa,EAAEC,cAAc,QAAQ,gBAAgB;AAC5E,SAASC,cAAc,QAAQ,kBAAkB;AACjD,SAASC,SAAS,QAAQ,2BAA2B;AACrD,SAASC,MAAM,QAAQ,UAAU;AACjC,SAASC,IAAI,QAAQ,QAAQ;AAE7B,SAASC,YAAY,QAAQ,iBAAiB;AAE9C,MAAMC,eAAe,GAAGC,IAAA,IAED;EAAA,IAFE;IACvBC,UAAU;IAAEC,QAAQ;IAAEC,UAAU;IAAEC;EACnB,CAAC,GAAAJ,IAAA;EAChB,MAAMK,MAAM,GAAG,IAAId,YAAY,CAAC;IAC9Be,GAAG,EAAEL,UAAU;IACfM,KAAK,EAAE,IAAIf,aAAa,CAAC;EAC3B,CAAC,CAAC;EAEF,OACEF,KAAA,CAAAkB,aAAA,CAACd,cAAc;IAACU,MAAM,EAAET,SAAS,CAACS,MAAM,CAAE;IAACN,YAAY,EAAEA;EAAa,GACpER,KAAA,CAAAkB,aAAA,CAACf,cAAc;IAACY,MAAM,EAAEA;EAAO,GAC5BF,UAAU,GACTb,KAAA,CAAAkB,aAAA,CAACZ,MAAM;IAACM,QAAQ,EAAEA,QAAS;IAACC,UAAU,EAAEA;EAAW,CAAE,CAAC,GAEtDb,KAAA,CAAAkB,aAAA,CAACX,IAAI;IAACK,QAAQ,EAAEA;EAAS,CAAE,CAEf,CACF,CAAC;AAErB,CAAC;AAED,SAASH,eAAe"}

package/dist/module/SentimentWidget/Tool.js

@@ -28,7 +28,7 @@ const Tool = _ref => {
   return React.createElement("div", {
     "data-testid": "sentiment-tool",
     className: "lw-text-sm lw-text-black"
-  }, error ? React.createElement("div", {
+  }, error || sortedData.length === 0 ? React.createElement("div", {
     className: "lw-flex lw-h-[200px] lw-items-center lw-justify-center lw-border lw-border-solid lw-border-grey lw-p-2"
   }, React.createElement(ChartError, null)) : React.createElement(React.Fragment, null, React.createElement("div", {
     className: "lw-flex lw-justify-end lw-pb-5"
@@ -47,7 +47,7 @@ const Tool = _ref => {
   }, loading ? React.createElement(Loader, {
     size: LoaderSize.md
   }) : React.createElement("p", {
-    className: "lw-truncate lw-font-sans lw-font-bold"
+    className: "lw-truncate lw-font-sans lw-text-sm lw-font-bold"
   }, item.name || '\u2014')), React.createElement(Sentiment, {
     isLoading: loading,
     height: SentimentHeight.md,

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

@@ -1 +1 @@
-{"version":3,"file":"Tool.js","names":["React","useEffect","useState","Sentiment","SentimentHeight","Loader","LoaderSize","ChartError","useQuery","getSentimentList","sortData","SelectedArrow","SortSwitch","Sort","Tool","_ref","division","sort","setSort","Bullish","sortedData","setSortedData","Array","fill","loading","data","error","variables","createElement","className","Fragment","disabled","selected","UP","DOWN","onClickButtonDown","Bearish","onClickButtonUp","map","item","index","key","name","size","md","isLoading","height","sentiment"],"sources":["../../../src/SentimentWidget/Tool.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport {\n  Sentiment, SentimentHeight, Loader, LoaderSize, ChartError,\n} from '@oanda/labs-widget-common';\nimport { useQuery } from '@apollo/client';\nimport { getSentimentList } from '../gql/getSentimentList';\nimport { SentimentToolConfig } from './types';\nimport { sortData } from './utils';\nimport { SelectedArrow, SortSwitch } from './components/SortSwitch';\nimport {\n  GetSentimentListQuery, GetSentimentListQueryVariables, SentimentInstrument, Sort,\n} from '../gql/types/graphql';\n\nconst Tool = ({ division }: SentimentToolConfig) => {\n  const [sort, setSort] = useState(Sort.Bullish);\n  const [sortedData, setSortedData] = useState<Omit<SentimentInstrument, 'id'>[]>(new Array(20).fill({}));\n  const { loading, data, error } = useQuery<\n  GetSentimentListQuery,\n  GetSentimentListQueryVariables\n  >(getSentimentList, {\n    variables: {\n      division,\n    },\n  });\n\n  useEffect(() => {\n    if (data) {\n      setSortedData(sortData(data, sort));\n    }\n  }, [data, sort]);\n\n  return (\n    <div data-testid=\"sentiment-tool\" className=\"lw-text-sm lw-text-black\">\n      {error ? (\n        <div className=\"lw-flex lw-h-[200px] lw-items-center lw-justify-center lw-border lw-border-solid lw-border-grey lw-p-2\">\n          <ChartError />\n        </div>\n      ) : (\n        <>\n          <div className=\"lw-flex lw-justify-end lw-pb-5\">\n            <SortSwitch\n              disabled={loading}\n              selected={sort === Sort.Bullish ? SelectedArrow.UP : SelectedArrow.DOWN}\n              onClickButtonDown={() => setSort(Sort.Bearish)}\n              onClickButtonUp={() => setSort(Sort.Bullish)}\n            />\n          </div>\n          <div className=\"lw-flex lw-flex-col lw-border lw-border-solid lw-border-grey lw-p-2\">\n            {sortedData.map((item, index) => (\n              <div className=\"lw-flex lw-h-8 lw-w-full lw-items-center\" key={item.name || index}>\n                <div className=\"lw-w-[120px] lw-shrink-0\">\n                  {loading ? (\n                    <Loader size={LoaderSize.md} />\n                  ) : (\n                    <p className=\"lw-truncate lw-font-sans lw-font-bold\">{item.name || '\\u2014'}</p>\n                  )}\n                </div>\n                <Sentiment\n                  isLoading={loading}\n                  height={SentimentHeight.md}\n                  sentiment={item.sentiment}\n                />\n              </div>\n            ))}\n          </div>\n        </>\n      )}\n    </div>\n  );\n};\n\nexport { Tool };\n"],"mappings":"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"}
+{"version":3,"file":"Tool.js","names":["React","useEffect","useState","Sentiment","SentimentHeight","Loader","LoaderSize","ChartError","useQuery","getSentimentList","sortData","SelectedArrow","SortSwitch","Sort","Tool","_ref","division","sort","setSort","Bullish","sortedData","setSortedData","Array","fill","loading","data","error","variables","createElement","className","length","Fragment","disabled","selected","UP","DOWN","onClickButtonDown","Bearish","onClickButtonUp","map","item","index","key","name","size","md","isLoading","height","sentiment"],"sources":["../../../src/SentimentWidget/Tool.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport {\n  Sentiment, SentimentHeight, Loader, LoaderSize, ChartError,\n} from '@oanda/labs-widget-common';\nimport { useQuery } from '@apollo/client';\nimport { getSentimentList } from '../gql/getSentimentList';\nimport { SentimentToolConfig } from './types';\nimport { sortData } from './utils';\nimport { SelectedArrow, SortSwitch } from './components/SortSwitch';\nimport {\n  GetSentimentListQuery, GetSentimentListQueryVariables, SentimentInstrument, Sort,\n} from '../gql/types/graphql';\n\nconst Tool = ({ division }: SentimentToolConfig) => {\n  const [sort, setSort] = useState(Sort.Bullish);\n  const [sortedData, setSortedData] = useState<Omit<SentimentInstrument, 'id'>[]>(new Array(20).fill({}));\n  const { loading, data, error } = useQuery<\n  GetSentimentListQuery,\n  GetSentimentListQueryVariables\n  >(getSentimentList, {\n    variables: {\n      division,\n    },\n  });\n\n  useEffect(() => {\n    if (data) {\n      setSortedData(sortData(data, sort));\n    }\n  }, [data, sort]);\n\n  return (\n    <div data-testid=\"sentiment-tool\" className=\"lw-text-sm lw-text-black\">\n      {error || sortedData.length === 0 ? (\n        <div className=\"lw-flex lw-h-[200px] lw-items-center lw-justify-center lw-border lw-border-solid lw-border-grey lw-p-2\">\n          <ChartError />\n        </div>\n      ) : (\n        <>\n          <div className=\"lw-flex lw-justify-end lw-pb-5\">\n            <SortSwitch\n              disabled={loading}\n              selected={sort === Sort.Bullish ? SelectedArrow.UP : SelectedArrow.DOWN}\n              onClickButtonDown={() => setSort(Sort.Bearish)}\n              onClickButtonUp={() => setSort(Sort.Bullish)}\n            />\n          </div>\n          <div className=\"lw-flex lw-flex-col lw-border lw-border-solid lw-border-grey lw-p-2\">\n            {sortedData.map((item, index) => (\n              <div className=\"lw-flex lw-h-8 lw-w-full lw-items-center\" key={item.name || index}>\n                <div className=\"lw-w-[120px] lw-shrink-0\">\n                  {loading ? (\n                    <Loader size={LoaderSize.md} />\n                  ) : (\n                    <p className=\"lw-truncate lw-font-sans lw-text-sm lw-font-bold\">{item.name || '\\u2014'}</p>\n                  )}\n                </div>\n                <Sentiment\n                  isLoading={loading}\n                  height={SentimentHeight.md}\n                  sentiment={item.sentiment}\n                />\n              </div>\n            ))}\n          </div>\n        </>\n      )}\n    </div>\n  );\n};\n\nexport { Tool };\n"],"mappings":"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"}

package/dist/module/SentimentWidget/render.js

@@ -5,11 +5,13 @@ const {
   graphqlUrl,
   division,
   instrument,
-  renderElementId
+  renderElementId,
+  locale
 } = window.sentimentWidgetConfig;
 render(React.createElement(SentimentWidget, {
   graphqlUrl: graphqlUrl,
   division: division,
-  instrument: instrument
+  instrument: instrument,
+  locale: locale
 }), document.getElementById(renderElementId));
 //# sourceMappingURL=render.js.map

package/dist/module/SentimentWidget/render.js.map

@@ -1 +1 @@
-{"version":3,"file":"render.js","names":["React","render","SentimentWidget","graphqlUrl","division","instrument","renderElementId","window","sentimentWidgetConfig","createElement","document","getElementById"],"sources":["../../../src/SentimentWidget/render.tsx"],"sourcesContent":["import React from 'react';\nimport { render } from 'react-dom';\nimport { SentimentWidget } from './SentimentWidget';\nimport { SentimentWrapperConfig } from './types';\n\ndeclare global {\n  interface Window {\n    sentimentWidgetConfig: SentimentWrapperConfig;\n  }\n}\n\nconst {\n  graphqlUrl,\n  division,\n  instrument,\n  renderElementId,\n} = window.sentimentWidgetConfig;\n\nrender(\n  <SentimentWidget\n    graphqlUrl={graphqlUrl}\n    division={division}\n    instrument={instrument}\n  />,\n  document.getElementById(renderElementId),\n);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,eAAe,QAAQ,mBAAmB;AASnD,MAAM;EACJC,UAAU;EACVC,QAAQ;EACRC,UAAU;EACVC;AACF,CAAC,GAAGC,MAAM,CAACC,qBAAqB;AAEhCP,MAAM,CACJD,KAAA,CAAAS,aAAA,CAACP,eAAe;EACdC,UAAU,EAAEA,UAAW;EACvBC,QAAQ,EAAEA,QAAS;EACnBC,UAAU,EAAEA;AAAW,CACxB,CAAC,EACFK,QAAQ,CAACC,cAAc,CAACL,eAAe,CACzC,CAAC"}
+{"version":3,"file":"render.js","names":["React","render","SentimentWidget","graphqlUrl","division","instrument","renderElementId","locale","window","sentimentWidgetConfig","createElement","document","getElementById"],"sources":["../../../src/SentimentWidget/render.tsx"],"sourcesContent":["import React from 'react';\nimport { render } from 'react-dom';\nimport { SentimentWidget } from './SentimentWidget';\nimport { SentimentWrapperConfig } from './types';\n\ndeclare global {\n  interface Window {\n    sentimentWidgetConfig: SentimentWrapperConfig;\n  }\n}\n\nconst {\n  graphqlUrl,\n  division,\n  instrument,\n  renderElementId,\n  locale,\n} = window.sentimentWidgetConfig;\n\nrender(\n  <SentimentWidget\n    graphqlUrl={graphqlUrl}\n    division={division}\n    instrument={instrument}\n    locale={locale}\n  />,\n  document.getElementById(renderElementId),\n);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,eAAe,QAAQ,mBAAmB;AASnD,MAAM;EACJC,UAAU;EACVC,QAAQ;EACRC,UAAU;EACVC,eAAe;EACfC;AACF,CAAC,GAAGC,MAAM,CAACC,qBAAqB;AAEhCR,MAAM,CACJD,KAAA,CAAAU,aAAA,CAACR,eAAe;EACdC,UAAU,EAAEA,UAAW;EACvBC,QAAQ,EAAEA,QAAS;EACnBC,UAAU,EAAEA,UAAW;EACvBE,MAAM,EAAEA;AAAO,CAChB,CAAC,EACFI,QAAQ,CAACC,cAAc,CAACN,eAAe,CACzC,CAAC"}

package/dist/module/SentimentWidget/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../src/SentimentWidget/types.ts"],"sourcesContent":["import { Division } from '../gql/types/graphql';\n\nexport interface SentimentConfig {\n  graphqlUrl: string;\n  division: Division;\n  instrument?: string;\n}\nexport interface SentimentWrapperConfig extends SentimentConfig {\n  renderElementId: string;\n}\nexport interface SentimentWidgetConfig {\n  division: Division;\n  instrument: string;\n}\n\nexport interface SentimentToolConfig {\n  division: Division;\n}\n"],"mappings":""}
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/SentimentWidget/types.ts"],"sourcesContent":["import { Locale } from '@oanda/mono-i18n';\nimport { Division } from '../gql/types/graphql';\n\nexport interface SentimentConfig {\n  graphqlUrl: string;\n  division: Division;\n  instrument?: string;\n  locale: Locale;\n}\nexport interface SentimentWrapperConfig extends SentimentConfig {\n  renderElementId: string;\n}\nexport interface SentimentWidgetConfig {\n  division: Division;\n  instrument: string;\n}\n\nexport interface SentimentToolConfig {\n  division: Division;\n}\n"],"mappings":""}

package/dist/module/translations/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Locale","en","zhTW","translations","translation"],"sources":["../../../src/translations/index.ts"],"sourcesContent":["import { Locale, Translations } from '@oanda/mono-i18n';\n\nimport en from './sources/en.json';\nimport zhTW from './sources/zh_TW.json';\n\nimport { 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};\n"],"mappings":"AAAA,SAASA,MAAM,QAAsB,kBAAkB;AAEvD,OAAOC,EAAE,MAAM,mBAAmB;AAClC,OAAOC,IAAI,MAAM,sBAAsB;AAMvC,OAAO,MAAMC,YAA0B,GAAG;EACxC,CAACH,MAAM,CAACC,EAAE,GAAG;IAAEG,WAAW,EAAEH;EAAG,CAAC;EAChC,CAACD,MAAM,CAACE,IAAI,GAAG;IAAEE,WAAW,EAAEF;EAAK;AACrC,CAAC"}

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

@@ -0,0 +1,4 @@
+{
+  "data_unavailable": "Data unavailable",
+  "pagination_entries_range": "{{firstItemOnPage}}-{{lastItemOnPage}} of {{itemCount}} entries"
+}

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

@@ -0,0 +1,4 @@
+{
+  "data_unavailable": "無法使用資料",
+  "pagination_entries_range": "{{itemCount}}个挂单中的{{firstItemOnPage}}-{{lastItemOnPage}}"
+}

package/dist/module/translations/translations.js

@@ -0,0 +1,5 @@
+export const defaultTranslations = {
+  data_unavailable: 'Data unavailable',
+  pagination_entries_range: '{{firstItemOnPage}}-{{lastItemOnPage}} of {{itemCount}} entries'
+};
+//# sourceMappingURL=translations.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"translations.js","names":["defaultTranslations","data_unavailable","pagination_entries_range"],"sources":["../../../src/translations/translations.ts"],"sourcesContent":["export const defaultTranslations = {\n  data_unavailable: 'Data unavailable',\n  pagination_entries_range: '{{firstItemOnPage}}-{{lastItemOnPage}} of {{itemCount}} entries',\n};\n"],"mappings":"AAAA,OAAO,MAAMA,mBAAmB,GAAG;EACjCC,gBAAgB,EAAE,kBAAkB;EACpCC,wBAAwB,EAAE;AAC5B,CAAC"}

package/dist/types/SentimentWidget/SentimentWidget.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { SentimentConfig } from './types';
-declare const SentimentWidget: ({ graphqlUrl, division, instrument }: SentimentConfig) => JSX.Element;
+declare const SentimentWidget: ({ graphqlUrl, division, instrument, locale, }: SentimentConfig) => JSX.Element;
 export { SentimentWidget };

package/dist/types/SentimentWidget/types.d.ts

@@ -1,8 +1,10 @@
+import { Locale } from '@oanda/mono-i18n';
 import { Division } from '../gql/types/graphql';
 export interface SentimentConfig {
     graphqlUrl: string;
     division: Division;
     instrument?: string;
+    locale: Locale;
 }
 export interface SentimentWrapperConfig extends SentimentConfig {
     renderElementId: string;

package/dist/types/translations/index.d.ts

@@ -0,0 +1,4 @@
+import { Translations } from '@oanda/mono-i18n';
+import { defaultTranslations } from './translations';
+export type TranslationKey = keyof typeof defaultTranslations;
+export declare const translations: Translations;

package/dist/types/translations/translations.d.ts

@@ -0,0 +1,4 @@
+export declare const defaultTranslations: {
+    data_unavailable: string;
+    pagination_entries_range: string;
+};

package/lokalise.config.json

@@ -0,0 +1,18 @@
+{
+  "projectId": "19607517615e88022ba782.45168463",
+  "outputDir": "src/translations/sources",
+  "esModuleTranslations": "src/translations/translations.ts",
+  "messagesFormat": "esModule",
+  "esModuleConstName": "defaultTranslations",
+  "includeEmptyTranslations": true,
+  "downloadOptions": {
+    "format": "json",
+    "add_newline_eof": true,
+    "placeholder_format": "i18n",
+    "indentation": "2sp",
+    "plural_format": "i18next",
+    "export_empty_as": "skip",
+    "include_tags": ["common_widgets"],
+    "filter_langs": ["en", "zh_TW"]
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oanda/labs-sentiment-widget",
-  "version": "1.0.23",
+  "version": "1.0.26",
   "description": "Labs Sentiment Widget",
   "main": "dist/main/index.js",
   "module": "dist/module/index.js",
@@ -13,7 +13,8 @@
   "license": "UNLICENSED",
   "dependencies": {
     "@apollo/client": "3.7.17",
-    "@oanda/labs-widget-common": "^1.0.23",
+    "@oanda/labs-widget-common": "^1.0.26",
+    "@oanda/mono-i18n": "9.0.0",
     "classnames": "2.3.2",
     "graphql": "16.7.1"
   },
@@ -21,5 +22,5 @@
     "@graphql-codegen/cli": "5.0.0",
     "@graphql-codegen/client-preset": "4.1.0"
   },
-  "gitHead": "ef7bd1bb2ab3a52b55b76dfce829521f3b858f12"
+  "gitHead": "1c59d814fdb1e15659d977474c873233848a944e"
 }

package/src/SentimentWidget/SentimentWidget.tsx

@@ -1,23 +1,30 @@
 import React from 'react';
 import { ApolloClient, InMemoryCache, ApolloProvider } from '@apollo/client';
+import { LocaleProvider } from '@oanda/mono-i18n';
+import { getLocale } from '@oanda/labs-widget-common';
 import { Widget } from './Widget';
 import { Tool } from './Tool';
 import { SentimentConfig } from './types';
+import { translations } from '../translations';
 
-const SentimentWidget = ({ graphqlUrl, division, instrument }: SentimentConfig) => {
+const SentimentWidget = ({
+  graphqlUrl, division, instrument, locale,
+}: SentimentConfig) => {
   const client = new ApolloClient({
     uri: graphqlUrl,
     cache: new InMemoryCache(),
   });
 
   return (
-    <ApolloProvider client={client}>
-      {instrument ? (
-        <Widget division={division} instrument={instrument} />
-      ) : (
-        <Tool division={division} />
-      )}
-    </ApolloProvider>
+    <LocaleProvider locale={getLocale(locale)} translations={translations}>
+      <ApolloProvider client={client}>
+        {instrument ? (
+          <Widget division={division} instrument={instrument} />
+        ) : (
+          <Tool division={division} />
+        )}
+      </ApolloProvider>
+    </LocaleProvider>
   );
 };
 

package/src/SentimentWidget/Tool.tsx

@@ -31,7 +31,7 @@ const Tool = ({ division }: SentimentToolConfig) => {
 
   return (
     <div data-testid="sentiment-tool" className="lw-text-sm lw-text-black">
-      {error ? (
+      {error || sortedData.length === 0 ? (
         <div className="lw-flex lw-h-[200px] lw-items-center lw-justify-center lw-border lw-border-solid lw-border-grey lw-p-2">
           <ChartError />
         </div>
@@ -52,7 +52,7 @@ const Tool = ({ division }: SentimentToolConfig) => {
                   {loading ? (
                     <Loader size={LoaderSize.md} />
                   ) : (
-                    <p className="lw-truncate lw-font-sans lw-font-bold">{item.name || '\u2014'}</p>
+                    <p className="lw-truncate lw-font-sans lw-text-sm lw-font-bold">{item.name || '\u2014'}</p>
                   )}
                 </div>
                 <Sentiment

package/src/SentimentWidget/render.tsx

@@ -14,6 +14,7 @@ const {
   division,
   instrument,
   renderElementId,
+  locale,
 } = window.sentimentWidgetConfig;
 
 render(
@@ -21,6 +22,7 @@ render(
     graphqlUrl={graphqlUrl}
     division={division}
     instrument={instrument}
+    locale={locale}
   />,
   document.getElementById(renderElementId),
 );

package/src/SentimentWidget/types.ts

@@ -1,9 +1,11 @@
+import { Locale } from '@oanda/mono-i18n';
 import { Division } from '../gql/types/graphql';
 
 export interface SentimentConfig {
   graphqlUrl: string;
   division: Division;
   instrument?: string;
+  locale: Locale;
 }
 export interface SentimentWrapperConfig extends SentimentConfig {
   renderElementId: string;

package/src/translations/index.ts

@@ -0,0 +1,13 @@
+import { Locale, Translations } from '@oanda/mono-i18n';
+
+import en from './sources/en.json';
+import zhTW from './sources/zh_TW.json';
+
+import { defaultTranslations } from './translations';
+
+export type TranslationKey = keyof typeof defaultTranslations;
+
+export const translations: Translations = {
+  [Locale.en]: { translation: en },
+  [Locale.zhTW]: { translation: zhTW },
+};

package/src/translations/sources/en.json

@@ -0,0 +1,4 @@
+{
+  "data_unavailable": "Data unavailable",
+  "pagination_entries_range": "{{firstItemOnPage}}-{{lastItemOnPage}} of {{itemCount}} entries"
+}

package/src/translations/sources/zh_TW.json

@@ -0,0 +1,4 @@
+{
+  "data_unavailable": "無法使用資料",
+  "pagination_entries_range": "{{itemCount}}个挂单中的{{firstItemOnPage}}-{{lastItemOnPage}}"
+}

package/src/translations/translations.ts

@@ -0,0 +1,4 @@
+export const defaultTranslations = {
+  data_unavailable: 'Data unavailable',
+  pagination_entries_range: '{{firstItemOnPage}}-{{lastItemOnPage}} of {{itemCount}} entries',
+};