@oanda/labs-sentiment-widget 1.0.171 → 1.0.173

package/dist/main/SentimentWidget/SentimentWidget.js

@@ -6,7 +6,6 @@ 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");
@@ -27,26 +26,22 @@ const SentimentWidget = _ref => {
     uri: graphqlUrl,
     cache: new _client.InMemoryCache()
   });
-  return _react.default.createElement(_labsWidgetCommon.ThemeProvider, {
+  return _react.default.createElement(_labsWidgetCommon.WidgetProvider, {
+    locale: locale,
+    translations: _translations.translations,
+    client: client,
     theme: theme
-  }, _react.default.createElement(_monoI18n.LocaleProvider, {
-    locale: (0, _labsWidgetCommon.getLocale)(locale),
-    translations: _translations.translations
-  }, _react.default.createElement(_client.ApolloProvider, {
-    client: client
-  }, isParamError ? _react.default.createElement("div", {
-    className: "lw-flex lw-h-[425px] lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary"
-  }, _react.default.createElement(_labsWidgetCommon.ChartError, null)) : (0, _labsWidgetCommon.renderComponent)({
-    logoLink,
-    linkArea: 'logo',
-    Component: instrument ? _react.default.createElement(_Widget.Widget, {
-      division: division,
-      instrument: instrument,
-      includeDescriptionLabels: includeDescriptionLabels
-    }) : _react.default.createElement(_Tool.Tool, {
-      division: division
-    })
-  }))));
+  }, _react.default.createElement(_labsWidgetCommon.WidgetWrapper, {
+    logoLink: logoLink,
+    linkArea: "logo",
+    isParamError: isParamError
+  }, instrument ? _react.default.createElement(_Widget.Widget, {
+    division: division,
+    instrument: instrument,
+    includeDescriptionLabels: includeDescriptionLabels
+  }) : _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","_monoI18n","_labsWidgetCommon","_Widget","_Tool","_translations","e","__esModule","default","SentimentWidget","_ref","graphqlUrl","division","instrument","locale","theme","includeDescriptionLabels","isParamError","logoLink","client","ApolloClient","uri","cache","InMemoryCache","createElement","ThemeProvider","LocaleProvider","getLocale","translations","ApolloProvider","className","ChartError","renderComponent","linkArea","Component","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 {\n  ChartError, ThemeProvider, getLocale, renderComponent,\n} 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,\n  division,\n  instrument,\n  locale,\n  theme,\n  includeDescriptionLabels,\n  isParamError,\n  logoLink,\n}: SentimentConfig) => {\n  const client = new ApolloClient({\n    uri: graphqlUrl,\n    cache: new InMemoryCache(),\n  });\n\n  return (\n    <ThemeProvider theme={theme}>\n      <LocaleProvider locale={getLocale(locale)} translations={translations}>\n        <ApolloProvider client={client}>\n          {isParamError ? (\n            <div className=\"lw-flex lw-h-[425px] lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary\">\n              <ChartError />\n            </div>\n          ) : (\n            renderComponent({\n              logoLink,\n              linkArea: 'logo',\n              Component: instrument\n                ? (\n                  <Widget\n                    division={division}\n                    instrument={instrument}\n                    includeDescriptionLabels={includeDescriptionLabels}\n                  />\n                )\n                : <Tool division={division} />,\n            })\n          )}\n        </ApolloProvider>\n      </LocaleProvider>\n    </ThemeProvider>\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;AAGA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AAEA,IAAAM,aAAA,GAAAN,OAAA;AAA+C,SAAAD,uBAAAQ,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE/C,MAAMG,eAAe,GAAGC,IAAA,IASD;EAAA,IATE;IACvBC,UAAU;IACVC,QAAQ;IACRC,UAAU;IACVC,MAAM;IACNC,KAAK;IACLC,wBAAwB;IACxBC,YAAY;IACZC;EACe,CAAC,GAAAR,IAAA;EAChB,MAAMS,MAAM,GAAG,IAAIC,oBAAY,CAAC;IAC9BC,GAAG,EAAEV,UAAU;IACfW,KAAK,EAAE,IAAIC,qBAAa,CAAC;EAC3B,CAAC,CAAC;EAEF,OACE1B,MAAA,CAAAW,OAAA,CAAAgB,aAAA,CAACtB,iBAAA,CAAAuB,aAAa;IAACV,KAAK,EAAEA;EAAM,GAC1BlB,MAAA,CAAAW,OAAA,CAAAgB,aAAA,CAACvB,SAAA,CAAAyB,cAAc;IAACZ,MAAM,EAAE,IAAAa,2BAAS,EAACb,MAAM,CAAE;IAACc,YAAY,EAAEA;EAAa,GACpE/B,MAAA,CAAAW,OAAA,CAAAgB,aAAA,CAACxB,OAAA,CAAA6B,cAAc;IAACV,MAAM,EAAEA;EAAO,GAC5BF,YAAY,GACXpB,MAAA,CAAAW,OAAA,CAAAgB,aAAA;IAAKM,SAAS,EAAC;EAAmG,GAChHjC,MAAA,CAAAW,OAAA,CAAAgB,aAAA,CAACtB,iBAAA,CAAA6B,UAAU,MAAE,CACV,CAAC,GAEN,IAAAC,iCAAe,EAAC;IACdd,QAAQ;IACRe,QAAQ,EAAE,MAAM;IAChBC,SAAS,EAAErB,UAAU,GAEjBhB,MAAA,CAAAW,OAAA,CAAAgB,aAAA,CAACrB,OAAA,CAAAgC,MAAM;MACLvB,QAAQ,EAAEA,QAAS;MACnBC,UAAU,EAAEA,UAAW;MACvBG,wBAAwB,EAAEA;IAAyB,CACpD,CAAC,GAEFnB,MAAA,CAAAW,OAAA,CAAAgB,aAAA,CAACpB,KAAA,CAAAgC,IAAI;MAACxB,QAAQ,EAAEA;IAAS,CAAE;EACjC,CAAC,CAEW,CACF,CACH,CAAC;AAEpB,CAAC;AAACyB,OAAA,CAAA5B,eAAA,GAAAA,eAAA","ignoreList":[]}
+{"version":3,"file":"SentimentWidget.js","names":["_react","_interopRequireDefault","require","_client","_labsWidgetCommon","_Widget","_Tool","_translations","e","__esModule","default","SentimentWidget","_ref","graphqlUrl","division","instrument","locale","theme","includeDescriptionLabels","isParamError","logoLink","client","ApolloClient","uri","cache","InMemoryCache","createElement","WidgetProvider","translations","WidgetWrapper","linkArea","Widget","Tool","exports"],"sources":["../../../src/SentimentWidget/SentimentWidget.tsx"],"sourcesContent":["import React from 'react';\nimport { ApolloClient, InMemoryCache } from '@apollo/client';\nimport { WidgetProvider, WidgetWrapper } 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,\n  division,\n  instrument,\n  locale,\n  theme,\n  includeDescriptionLabels,\n  isParamError,\n  logoLink,\n}: SentimentConfig) => {\n  const client = new ApolloClient({\n    uri: graphqlUrl,\n    cache: new InMemoryCache(),\n  });\n\n  return (\n    <WidgetProvider\n      locale={locale}\n      translations={translations}\n      client={client}\n      theme={theme}\n    >\n      <WidgetWrapper\n        logoLink={logoLink}\n        linkArea=\"logo\"\n        isParamError={isParamError}\n      >\n        {\n          instrument\n            ? (\n              <Widget\n                division={division}\n                instrument={instrument}\n                includeDescriptionLabels={includeDescriptionLabels}\n              />\n            )\n            : <Tool division={division} />\n          }\n      </WidgetWrapper>\n    </WidgetProvider>\n  );\n};\n\nexport { SentimentWidget };\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AAEA,IAAAK,aAAA,GAAAL,OAAA;AAA+C,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE/C,MAAMG,eAAe,GAAGC,IAAA,IASD;EAAA,IATE;IACvBC,UAAU;IACVC,QAAQ;IACRC,UAAU;IACVC,MAAM;IACNC,KAAK;IACLC,wBAAwB;IACxBC,YAAY;IACZC;EACe,CAAC,GAAAR,IAAA;EAChB,MAAMS,MAAM,GAAG,IAAIC,oBAAY,CAAC;IAC9BC,GAAG,EAAEV,UAAU;IACfW,KAAK,EAAE,IAAIC,qBAAa,CAAC;EAC3B,CAAC,CAAC;EAEF,OACEzB,MAAA,CAAAU,OAAA,CAAAgB,aAAA,CAACtB,iBAAA,CAAAuB,cAAc;IACbX,MAAM,EAAEA,MAAO;IACfY,YAAY,EAAEA,0BAAa;IAC3BP,MAAM,EAAEA,MAAO;IACfJ,KAAK,EAAEA;EAAM,GAEbjB,MAAA,CAAAU,OAAA,CAAAgB,aAAA,CAACtB,iBAAA,CAAAyB,aAAa;IACZT,QAAQ,EAAEA,QAAS;IACnBU,QAAQ,EAAC,MAAM;IACfX,YAAY,EAAEA;EAAa,GAGzBJ,UAAU,GAENf,MAAA,CAAAU,OAAA,CAAAgB,aAAA,CAACrB,OAAA,CAAA0B,MAAM;IACLjB,QAAQ,EAAEA,QAAS;IACnBC,UAAU,EAAEA,UAAW;IACvBG,wBAAwB,EAAEA;EAAyB,CACpD,CAAC,GAEFlB,MAAA,CAAAU,OAAA,CAAAgB,aAAA,CAACpB,KAAA,CAAA0B,IAAI;IAAClB,QAAQ,EAAEA;EAAS,CAAE,CAEpB,CACD,CAAC;AAErB,CAAC;AAACmB,OAAA,CAAAtB,eAAA,GAAAA,eAAA","ignoreList":[]}

package/dist/main/SentimentWidget/Tool.js

@@ -23,7 +23,7 @@ const Tool = _ref => {
   } = _ref;
   const {
     size
-  } = (0, _react.useContext)(_labsWidgetCommon.ThemeContext);
+  } = (0, _labsWidgetCommon.useLayoutProvider)();
   const isDesktop = size === _labsWidgetCommon.Size.DESKTOP;
   const [sort, setSort] = (0, _react.useState)(_graphql.Sort.Bullish);
   const [sortedData, setSortedData] = (0, _react.useState)(new Array(20).fill({}));

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

@@ -1 +1 @@
-{"version":3,"file":"Tool.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_labsWidgetCommon","_client","_monoI18n","_getSentimentList","_utils","_SortSwitch","_graphql","_constant","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Tool","_ref","division","size","useContext","ThemeContext","isDesktop","Size","DESKTOP","sort","setSort","useState","Sort","Bullish","sortedData","setSortedData","Array","fill","loading","data","error","useQuery","getSentimentList","variables","fetchPolicy","lang","useLocale","updatedTimestamp","setUpdatedTimestamp","EMPTY_VALUE","useEffect","sortData","sentimentList","updatedAt","createElement","Fragment","className","length","ChartError","SortSwitch","disabled","selected","SelectedArrow","UP","DOWN","onClickButtonDown","Bearish","onClickButtonUp","classNames","map","item","index","key","name","Loader","LoaderSize","md","Truncate","maxWidth","tooltipId","INSTRUMENT_TOOLTIP_ID","text","displayName","Sentiment","isLoading","height","SentimentHeight","sentiment","Tooltip","id","LastUpdated","timestamp","labelCallback","exports"],"sources":["../../../src/SentimentWidget/Tool.tsx"],"sourcesContent":["import React, { useEffect, useState, useContext } from 'react';\nimport classNames from 'classnames';\nimport {\n  Sentiment,\n  SentimentHeight,\n  Loader,\n  LoaderSize,\n  ChartError,\n  Truncate,\n  Tooltip,\n  ThemeContext,\n  Size,\n  EMPTY_VALUE,\n  LastUpdated,\n} from '@oanda/labs-widget-common';\nimport { useQuery } from '@apollo/client';\nimport { useLocale } from '@oanda/mono-i18n';\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';\nimport { INSTRUMENT_TOOLTIP_ID } from '../constant';\n\nconst Tool = ({ division }: SentimentToolConfig) => {\n  const { size } = useContext(ThemeContext);\n  const isDesktop = size === Size.DESKTOP;\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    fetchPolicy: 'cache-and-network',\n  });\n\n  const { lang } = useLocale();\n  const [updatedTimestamp, setUpdatedTimestamp] = useState(EMPTY_VALUE);\n\n  useEffect(() => {\n    if (data) {\n      setSortedData(sortData(data, sort));\n      setUpdatedTimestamp(data.sentimentList![0]?.updatedAt);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [data, sort]);\n\n  return (\n    <>\n      {size && (\n      <div data-testid=\"sentiment-tool\" className=\"lw-relative lw-bg-bg-primary lw-text-sm lw-tracking-normal lw-text-text-primary\">\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-border-primary 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-border-primary lw-p-2\">\n              <div className=\"lw-mb-2 lw-flex lw-justify-between lw-font-semibold\">\n                <span className={classNames('lw-uppercase', {\n                  'lw-ml-40': isDesktop,\n                  'lw-ml-[7.5rem]': !isDesktop,\n                })}\n                >\n                  {lang('net_short')}\n                </span>\n                <span className={classNames('lw-text-right lw-uppercase', {\n                  'lw-mr-10': isDesktop,\n                })}\n                >\n                  {lang('net_long')}\n                </span>\n              </div>\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                      <Truncate\n                        maxWidth={120}\n                        tooltipId={INSTRUMENT_TOOLTIP_ID}\n                        className=\"lw-pr-2 lw-font-sans lw-text-sm lw-font-bold\"\n                        text={item.displayName || '\\u2014'}\n                      />\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        <Tooltip id={INSTRUMENT_TOOLTIP_ID} />\n        {!error\n        && (\n        <div className=\"lw-mt-2 lw-h-8\">\n          <LastUpdated timestamp={updatedTimestamp} labelCallback={lang} />\n        </div>\n        )}\n      </div>\n      )}\n    </>\n  );\n};\n\nexport { Tool };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Tool.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_labsWidgetCommon","_client","_monoI18n","_getSentimentList","_utils","_SortSwitch","_graphql","_constant","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Tool","_ref","division","size","useLayoutProvider","isDesktop","Size","DESKTOP","sort","setSort","useState","Sort","Bullish","sortedData","setSortedData","Array","fill","loading","data","error","useQuery","getSentimentList","variables","fetchPolicy","lang","useLocale","updatedTimestamp","setUpdatedTimestamp","EMPTY_VALUE","useEffect","sortData","sentimentList","updatedAt","createElement","Fragment","className","length","ChartError","SortSwitch","disabled","selected","SelectedArrow","UP","DOWN","onClickButtonDown","Bearish","onClickButtonUp","classNames","map","item","index","key","name","Loader","LoaderSize","md","Truncate","maxWidth","tooltipId","INSTRUMENT_TOOLTIP_ID","text","displayName","Sentiment","isLoading","height","SentimentHeight","sentiment","Tooltip","id","LastUpdated","timestamp","labelCallback","exports"],"sources":["../../../src/SentimentWidget/Tool.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport classNames from 'classnames';\nimport {\n  Sentiment,\n  SentimentHeight,\n  Loader,\n  LoaderSize,\n  ChartError,\n  Truncate,\n  Tooltip,\n  useLayoutProvider,\n  Size,\n  EMPTY_VALUE,\n  LastUpdated,\n} from '@oanda/labs-widget-common';\nimport { useQuery } from '@apollo/client';\nimport { useLocale } from '@oanda/mono-i18n';\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';\nimport { INSTRUMENT_TOOLTIP_ID } from '../constant';\n\nconst Tool = ({ division }: SentimentToolConfig) => {\n  const { size } = useLayoutProvider();\n  const isDesktop = size === Size.DESKTOP;\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    fetchPolicy: 'cache-and-network',\n  });\n\n  const { lang } = useLocale();\n  const [updatedTimestamp, setUpdatedTimestamp] = useState(EMPTY_VALUE);\n\n  useEffect(() => {\n    if (data) {\n      setSortedData(sortData(data, sort));\n      setUpdatedTimestamp(data.sentimentList![0]?.updatedAt);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [data, sort]);\n\n  return (\n    <>\n      {size && (\n      <div data-testid=\"sentiment-tool\" className=\"lw-relative lw-bg-bg-primary lw-text-sm lw-tracking-normal lw-text-text-primary\">\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-border-primary 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-border-primary lw-p-2\">\n              <div className=\"lw-mb-2 lw-flex lw-justify-between lw-font-semibold\">\n                <span className={classNames('lw-uppercase', {\n                  'lw-ml-40': isDesktop,\n                  'lw-ml-[7.5rem]': !isDesktop,\n                })}\n                >\n                  {lang('net_short')}\n                </span>\n                <span className={classNames('lw-text-right lw-uppercase', {\n                  'lw-mr-10': isDesktop,\n                })}\n                >\n                  {lang('net_long')}\n                </span>\n              </div>\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                      <Truncate\n                        maxWidth={120}\n                        tooltipId={INSTRUMENT_TOOLTIP_ID}\n                        className=\"lw-pr-2 lw-font-sans lw-text-sm lw-font-bold\"\n                        text={item.displayName || '\\u2014'}\n                      />\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        <Tooltip id={INSTRUMENT_TOOLTIP_ID} />\n        {!error\n        && (\n        <div className=\"lw-mt-2 lw-h-8\">\n          <LastUpdated timestamp={updatedTimestamp} labelCallback={lang} />\n        </div>\n        )}\n      </div>\n      )}\n    </>\n  );\n};\n\nexport { Tool };\n"],"mappings":"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","ignoreList":[]}

package/dist/main/SentimentWidget/Widget.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Widget = void 0;
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _labsWidgetCommon = require("@oanda/labs-widget-common");
 var _monoI18n = require("@oanda/mono-i18n");
@@ -12,8 +12,6 @@ var _client = require("@apollo/client");
 var _getInstrumentSentiment = require("../gql/getInstrumentSentiment");
 var _constant = require("../constant");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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 && {}.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 Widget = _ref => {
   let {
     instrument,
@@ -33,7 +31,7 @@ const Widget = _ref => {
   });
   const {
     size
-  } = (0, _react.useContext)(_labsWidgetCommon.ThemeContext);
+  } = (0, _labsWidgetCommon.useLayoutProvider)();
   const isDesktop = size === _labsWidgetCommon.Size.DESKTOP;
   const {
     lang

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

@@ -1 +1 @@
-{"version":3,"file":"Widget.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_labsWidgetCommon","_monoI18n","_client","_getInstrumentSentiment","_constant","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Widget","_ref","instrument","division","includeDescriptionLabels","loading","data","error","useQuery","getInstrumentSentiment","variables","name","fetchPolicy","size","useContext","ThemeContext","isDesktop","Size","DESKTOP","lang","useLocale","displayName","sentiment","updatedAt","isError","shortPercent","longPercent","undefined","createElement","Fragment","className","classNames","Loader","LoaderSize","md","Truncate","maxWidth","tooltipId","INSTRUMENT_TOOLTIP_ID","text","Sentiment","withError","isLoading","height","SentimentHeight","Error","LastUpdated","timestamp","labelCallback","exports"],"sources":["../../../src/SentimentWidget/Widget.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport classNames from 'classnames';\nimport {\n  Sentiment,\n  SentimentHeight,\n  Error,\n  Loader,\n  LoaderSize,\n  Truncate,\n  ThemeContext,\n  Size,\n  LastUpdated,\n} from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport { useQuery } from '@apollo/client';\nimport { getInstrumentSentiment } from '../gql/getInstrumentSentiment';\nimport { SentimentWidgetConfig } from './types';\nimport { GetInstrumentSentimentQuery, GetInstrumentSentimentQueryVariables } from '../gql/types/graphql';\nimport { INSTRUMENT_TOOLTIP_ID } from '../constant';\n\nconst Widget = ({\n  instrument,\n  division,\n  includeDescriptionLabels = false,\n}: SentimentWidgetConfig) => {\n  const { loading, data, error } = useQuery<\n  GetInstrumentSentimentQuery,\n  GetInstrumentSentimentQueryVariables\n  >(getInstrumentSentiment, {\n    variables: {\n      name: instrument,\n      division,\n    },\n    fetchPolicy: 'cache-and-network',\n  });\n  const { size } = useContext(ThemeContext);\n  const isDesktop = size === Size.DESKTOP;\n  const { lang } = useLocale();\n\n  const { displayName, sentiment, updatedAt } = data?.sentiment?.[0] || {};\n\n  const isError = error\n    || (sentiment?.shortPercent === 0 && sentiment?.longPercent === 0)\n    || sentiment?.shortPercent === undefined\n    || sentiment?.longPercent === undefined;\n\n  return (\n    <>\n      {size && (\n      <>\n        <div\n          data-testid=\"sentiment-widget\"\n          className=\"lw-border lw-border-solid lw-border-border-primary lw-bg-bg-primary lw-p-4 lw-text-sm lw-tracking-normal lw-text-text-primary\"\n        >\n          {includeDescriptionLabels && !isError\n          && (\n          <div className=\"lw-mb-2 lw-flex lw-justify-between lw-font-semibold\">\n            <span className={classNames('lw-uppercase', {\n              'lw-ml-40': isDesktop,\n              'lw-ml-[7.5rem]': !isDesktop,\n            })}\n            >\n              {lang('net_short')}\n            </span>\n            <span className={classNames('lw-text-right lw-uppercase', {\n              'lw-mr-10': isDesktop,\n            })}\n            >\n              {lang('net_long')}\n            </span>\n          </div>\n          )}\n          <div className=\"lw-flex lw-items-center lw-justify-between\">\n            <div className=\"lw-w-[120px] lw-shrink-0\">\n              {loading && <Loader size={LoaderSize.md} />}\n              {!loading && !isError && (\n              <Truncate\n                maxWidth={120}\n                tooltipId={INSTRUMENT_TOOLTIP_ID}\n                className=\"lw-pr-2 lw-font-sans lw-text-sm lw-font-bold\"\n                text={displayName || '\\u2014'}\n              />\n              )}\n            </div>\n            <Sentiment\n              withError={false}\n              isLoading={loading}\n              height={SentimentHeight.md}\n              sentiment={sentiment}\n            />\n          </div>\n\n          {!loading && isError && <Error />}\n        </div>\n        {!isError && updatedAt && (\n        <div className=\"lw-mt-2 lw-h-8\">\n          <LastUpdated timestamp={updatedAt} labelCallback={lang} />\n        </div>\n        )}\n      </>\n      )}\n    </>\n  );\n};\n\nexport { Widget };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Widget.js","names":["_react","_interopRequireDefault","require","_classnames","_labsWidgetCommon","_monoI18n","_client","_getInstrumentSentiment","_constant","e","__esModule","default","Widget","_ref","instrument","division","includeDescriptionLabels","loading","data","error","useQuery","getInstrumentSentiment","variables","name","fetchPolicy","size","useLayoutProvider","isDesktop","Size","DESKTOP","lang","useLocale","displayName","sentiment","updatedAt","isError","shortPercent","longPercent","undefined","createElement","Fragment","className","classNames","Loader","LoaderSize","md","Truncate","maxWidth","tooltipId","INSTRUMENT_TOOLTIP_ID","text","Sentiment","withError","isLoading","height","SentimentHeight","Error","LastUpdated","timestamp","labelCallback","exports"],"sources":["../../../src/SentimentWidget/Widget.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport {\n  Sentiment,\n  SentimentHeight,\n  Error,\n  Loader,\n  LoaderSize,\n  Truncate,\n  useLayoutProvider,\n  Size,\n  LastUpdated,\n} from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport { useQuery } from '@apollo/client';\nimport { getInstrumentSentiment } from '../gql/getInstrumentSentiment';\nimport { SentimentWidgetConfig } from './types';\nimport { GetInstrumentSentimentQuery, GetInstrumentSentimentQueryVariables } from '../gql/types/graphql';\nimport { INSTRUMENT_TOOLTIP_ID } from '../constant';\n\nconst Widget = ({\n  instrument,\n  division,\n  includeDescriptionLabels = false,\n}: SentimentWidgetConfig) => {\n  const { loading, data, error } = useQuery<\n  GetInstrumentSentimentQuery,\n  GetInstrumentSentimentQueryVariables\n  >(getInstrumentSentiment, {\n    variables: {\n      name: instrument,\n      division,\n    },\n    fetchPolicy: 'cache-and-network',\n  });\n  const { size } = useLayoutProvider();\n  const isDesktop = size === Size.DESKTOP;\n  const { lang } = useLocale();\n\n  const { displayName, sentiment, updatedAt } = data?.sentiment?.[0] || {};\n\n  const isError = error\n    || (sentiment?.shortPercent === 0 && sentiment?.longPercent === 0)\n    || sentiment?.shortPercent === undefined\n    || sentiment?.longPercent === undefined;\n\n  return (\n    <>\n      {size && (\n      <>\n        <div\n          data-testid=\"sentiment-widget\"\n          className=\"lw-border lw-border-solid lw-border-border-primary lw-bg-bg-primary lw-p-4 lw-text-sm lw-tracking-normal lw-text-text-primary\"\n        >\n          {includeDescriptionLabels && !isError\n          && (\n          <div className=\"lw-mb-2 lw-flex lw-justify-between lw-font-semibold\">\n            <span className={classNames('lw-uppercase', {\n              'lw-ml-40': isDesktop,\n              'lw-ml-[7.5rem]': !isDesktop,\n            })}\n            >\n              {lang('net_short')}\n            </span>\n            <span className={classNames('lw-text-right lw-uppercase', {\n              'lw-mr-10': isDesktop,\n            })}\n            >\n              {lang('net_long')}\n            </span>\n          </div>\n          )}\n          <div className=\"lw-flex lw-items-center lw-justify-between\">\n            <div className=\"lw-w-[120px] lw-shrink-0\">\n              {loading && <Loader size={LoaderSize.md} />}\n              {!loading && !isError && (\n              <Truncate\n                maxWidth={120}\n                tooltipId={INSTRUMENT_TOOLTIP_ID}\n                className=\"lw-pr-2 lw-font-sans lw-text-sm lw-font-bold\"\n                text={displayName || '\\u2014'}\n              />\n              )}\n            </div>\n            <Sentiment\n              withError={false}\n              isLoading={loading}\n              height={SentimentHeight.md}\n              sentiment={sentiment}\n            />\n          </div>\n\n          {!loading && isError && <Error />}\n        </div>\n        {!isError && updatedAt && (\n        <div className=\"lw-mt-2 lw-h-8\">\n          <LastUpdated timestamp={updatedAt} labelCallback={lang} />\n        </div>\n        )}\n      </>\n      )}\n    </>\n  );\n};\n\nexport { Widget };\n"],"mappings":"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","ignoreList":[]}

package/dist/main/SentimentWidget/components/SortSwitch/SortSwitch.js

@@ -4,13 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SortSwitch = void 0;
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _labsWidgetCommon = require("@oanda/labs-widget-common");
 var _types = require("./types");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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 && {}.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 SortSwitch = _ref => {
   let {
     onClickButtonDown,
@@ -20,7 +18,7 @@ const SortSwitch = _ref => {
   } = _ref;
   const {
     isDark
-  } = (0, _react.useContext)(_labsWidgetCommon.ThemeContext);
+  } = (0, _labsWidgetCommon.useLayoutProvider)();
   return _react.default.createElement("div", {
     "data-testid": "sort-switch",
     className: (0, _classnames.default)('lw-flex lw-rounded lw-border-[1px] lw-border-solid lw-font-sans lw-text-xs lw-tracking-normal', {

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

@@ -1 +1 @@
-{"version":3,"file":"SortSwitch.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_labsWidgetCommon","_types","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","SortSwitch","_ref","onClickButtonDown","onClickButtonUp","selected","disabled","isDark","useContext","ThemeContext","createElement","className","classnames","SelectedArrow","UP","type","onClick","LongArrowUp","DOWN","LongArrowDown","exports"],"sources":["../../../../../src/SentimentWidget/components/SortSwitch/SortSwitch.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport classnames from 'classnames';\nimport {\n  LongArrowUp, LongArrowDown, ThemeContext,\n} from '@oanda/labs-widget-common';\nimport { SelectedArrow, SortSwitchProps } from './types';\n\nconst SortSwitch = ({\n  onClickButtonDown, onClickButtonUp, selected, disabled,\n}: SortSwitchProps) => {\n  const { isDark } = useContext(ThemeContext);\n\n  return (\n    <div\n      data-testid=\"sort-switch\"\n      className={classnames(\n        'lw-flex lw-rounded lw-border-[1px] lw-border-solid lw-font-sans lw-text-xs lw-tracking-normal',\n        {\n          'lw-border-border-disabled': disabled,\n          'lw-border-secondary': !disabled,\n        },\n      )}\n    >\n      <button\n        data-testid=\"sort-switch-button-up\"\n        disabled={disabled || selected === SelectedArrow.UP}\n        type=\"button\"\n        onClick={onClickButtonUp}\n        className={classnames(\n          'lw-flex lw-h-11 lw-w-11 lw-grow-0 lw-items-center lw-justify-center  lw-border-solid focus:lw-outline-secondary [&:enabled:hover>*]:-lw-translate-y-1',\n          {\n            'lw-border-r-[1px] lw-border-r-border-disabled': disabled,\n            'lw-bg-secondary': selected === SelectedArrow.UP && !disabled,\n          },\n        )}\n      >\n        <LongArrowUp\n          className={classnames(\n            'lw-transition-transform',\n            {\n              'lw-stroke-border-disabled': disabled,\n              'lw-stroke-secondary': selected !== SelectedArrow.UP && !disabled,\n              'lw-stroke-bg-primary': selected === SelectedArrow.UP && !disabled && isDark,\n              'lw-stroke-ok': selected === SelectedArrow.UP && !disabled && !isDark,\n            },\n          )}\n        />\n      </button>\n      <button\n        data-testid=\"sort-switch-button-down\"\n        disabled={disabled || selected === SelectedArrow.DOWN}\n        type=\"button\"\n        onClick={onClickButtonDown}\n        className={classnames(\n          'lw-flex lw-h-11 lw-w-11 lw-grow-0 lw-items-center lw-justify-center lw-text-center focus:lw-outline-secondary [&:enabled:hover>*]:lw-translate-y-1',\n          {\n            'lw-bg-secondary': selected === SelectedArrow.DOWN && !disabled,\n          },\n        )}\n      >\n        <LongArrowDown\n          className={classnames(\n            'lw-transition-transform',\n            {\n              'lw-stroke-border-disabled': disabled,\n              'lw-stroke-secondary': selected !== SelectedArrow.DOWN && !disabled,\n              'lw-stroke-bg-primary': selected === SelectedArrow.DOWN && !disabled && isDark,\n              'lw-stroke-ok': selected === SelectedArrow.DOWN && !disabled && !isDark,\n            },\n          )}\n        />\n      </button>\n    </div>\n  );\n};\n\nexport {\n  SortSwitch,\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"SortSwitch.js","names":["_react","_interopRequireDefault","require","_classnames","_labsWidgetCommon","_types","e","__esModule","default","SortSwitch","_ref","onClickButtonDown","onClickButtonUp","selected","disabled","isDark","useLayoutProvider","createElement","className","classnames","SelectedArrow","UP","type","onClick","LongArrowUp","DOWN","LongArrowDown","exports"],"sources":["../../../../../src/SentimentWidget/components/SortSwitch/SortSwitch.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport {\n  LongArrowUp, LongArrowDown, useLayoutProvider,\n} from '@oanda/labs-widget-common';\nimport { SelectedArrow, SortSwitchProps } from './types';\n\nconst SortSwitch = ({\n  onClickButtonDown, onClickButtonUp, selected, disabled,\n}: SortSwitchProps) => {\n  const { isDark } = useLayoutProvider();\n\n  return (\n    <div\n      data-testid=\"sort-switch\"\n      className={classnames(\n        'lw-flex lw-rounded lw-border-[1px] lw-border-solid lw-font-sans lw-text-xs lw-tracking-normal',\n        {\n          'lw-border-border-disabled': disabled,\n          'lw-border-secondary': !disabled,\n        },\n      )}\n    >\n      <button\n        data-testid=\"sort-switch-button-up\"\n        disabled={disabled || selected === SelectedArrow.UP}\n        type=\"button\"\n        onClick={onClickButtonUp}\n        className={classnames(\n          'lw-flex lw-h-11 lw-w-11 lw-grow-0 lw-items-center lw-justify-center  lw-border-solid focus:lw-outline-secondary [&:enabled:hover>*]:-lw-translate-y-1',\n          {\n            'lw-border-r-[1px] lw-border-r-border-disabled': disabled,\n            'lw-bg-secondary': selected === SelectedArrow.UP && !disabled,\n          },\n        )}\n      >\n        <LongArrowUp\n          className={classnames(\n            'lw-transition-transform',\n            {\n              'lw-stroke-border-disabled': disabled,\n              'lw-stroke-secondary': selected !== SelectedArrow.UP && !disabled,\n              'lw-stroke-bg-primary': selected === SelectedArrow.UP && !disabled && isDark,\n              'lw-stroke-ok': selected === SelectedArrow.UP && !disabled && !isDark,\n            },\n          )}\n        />\n      </button>\n      <button\n        data-testid=\"sort-switch-button-down\"\n        disabled={disabled || selected === SelectedArrow.DOWN}\n        type=\"button\"\n        onClick={onClickButtonDown}\n        className={classnames(\n          'lw-flex lw-h-11 lw-w-11 lw-grow-0 lw-items-center lw-justify-center lw-text-center focus:lw-outline-secondary [&:enabled:hover>*]:lw-translate-y-1',\n          {\n            'lw-bg-secondary': selected === SelectedArrow.DOWN && !disabled,\n          },\n        )}\n      >\n        <LongArrowDown\n          className={classnames(\n            'lw-transition-transform',\n            {\n              'lw-stroke-border-disabled': disabled,\n              'lw-stroke-secondary': selected !== SelectedArrow.DOWN && !disabled,\n              'lw-stroke-bg-primary': selected === SelectedArrow.DOWN && !disabled && isDark,\n              'lw-stroke-ok': selected === SelectedArrow.DOWN && !disabled && !isDark,\n            },\n          )}\n        />\n      </button>\n    </div>\n  );\n};\n\nexport {\n  SortSwitch,\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AAGA,IAAAG,MAAA,GAAAH,OAAA;AAAyD,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEzD,MAAMG,UAAU,GAAGC,IAAA,IAEI;EAAA,IAFH;IAClBC,iBAAiB;IAAEC,eAAe;IAAEC,QAAQ;IAAEC;EAC/B,CAAC,GAAAJ,IAAA;EAChB,MAAM;IAAEK;EAAO,CAAC,GAAG,IAAAC,mCAAiB,EAAC,CAAC;EAEtC,OACEhB,MAAA,CAAAQ,OAAA,CAAAS,aAAA;IACE,eAAY,aAAa;IACzBC,SAAS,EAAE,IAAAC,mBAAU,EACnB,+FAA+F,EAC/F;MACE,2BAA2B,EAAEL,QAAQ;MACrC,qBAAqB,EAAE,CAACA;IAC1B,CACF;EAAE,GAEFd,MAAA,CAAAQ,OAAA,CAAAS,aAAA;IACE,eAAY,uBAAuB;IACnCH,QAAQ,EAAEA,QAAQ,IAAID,QAAQ,KAAKO,oBAAa,CAACC,EAAG;IACpDC,IAAI,EAAC,QAAQ;IACbC,OAAO,EAAEX,eAAgB;IACzBM,SAAS,EAAE,IAAAC,mBAAU,EACnB,uJAAuJ,EACvJ;MACE,+CAA+C,EAAEL,QAAQ;MACzD,iBAAiB,EAAED,QAAQ,KAAKO,oBAAa,CAACC,EAAE,IAAI,CAACP;IACvD,CACF;EAAE,GAEFd,MAAA,CAAAQ,OAAA,CAAAS,aAAA,CAACb,iBAAA,CAAAoB,WAAW;IACVN,SAAS,EAAE,IAAAC,mBAAU,EACnB,yBAAyB,EACzB;MACE,2BAA2B,EAAEL,QAAQ;MACrC,qBAAqB,EAAED,QAAQ,KAAKO,oBAAa,CAACC,EAAE,IAAI,CAACP,QAAQ;MACjE,sBAAsB,EAAED,QAAQ,KAAKO,oBAAa,CAACC,EAAE,IAAI,CAACP,QAAQ,IAAIC,MAAM;MAC5E,cAAc,EAAEF,QAAQ,KAAKO,oBAAa,CAACC,EAAE,IAAI,CAACP,QAAQ,IAAI,CAACC;IACjE,CACF;EAAE,CACH,CACK,CAAC,EACTf,MAAA,CAAAQ,OAAA,CAAAS,aAAA;IACE,eAAY,yBAAyB;IACrCH,QAAQ,EAAEA,QAAQ,IAAID,QAAQ,KAAKO,oBAAa,CAACK,IAAK;IACtDH,IAAI,EAAC,QAAQ;IACbC,OAAO,EAAEZ,iBAAkB;IAC3BO,SAAS,EAAE,IAAAC,mBAAU,EACnB,oJAAoJ,EACpJ;MACE,iBAAiB,EAAEN,QAAQ,KAAKO,oBAAa,CAACK,IAAI,IAAI,CAACX;IACzD,CACF;EAAE,GAEFd,MAAA,CAAAQ,OAAA,CAAAS,aAAA,CAACb,iBAAA,CAAAsB,aAAa;IACZR,SAAS,EAAE,IAAAC,mBAAU,EACnB,yBAAyB,EACzB;MACE,2BAA2B,EAAEL,QAAQ;MACrC,qBAAqB,EAAED,QAAQ,KAAKO,oBAAa,CAACK,IAAI,IAAI,CAACX,QAAQ;MACnE,sBAAsB,EAAED,QAAQ,KAAKO,oBAAa,CAACK,IAAI,IAAI,CAACX,QAAQ,IAAIC,MAAM;MAC9E,cAAc,EAAEF,QAAQ,KAAKO,oBAAa,CAACK,IAAI,IAAI,CAACX,QAAQ,IAAI,CAACC;IACnE,CACF;EAAE,CACH,CACK,CACL,CAAC;AAEV,CAAC;AAACY,OAAA,CAAAlB,UAAA,GAAAA,UAAA","ignoreList":[]}

package/dist/module/SentimentWidget/SentimentWidget.js

@@ -1,7 +1,6 @@
 import React from 'react';
-import { ApolloClient, InMemoryCache, ApolloProvider } from '@apollo/client';
-import { LocaleProvider } from '@oanda/mono-i18n';
-import { ChartError, ThemeProvider, getLocale, renderComponent } from '@oanda/labs-widget-common';
+import { ApolloClient, InMemoryCache } from '@apollo/client';
+import { WidgetProvider, WidgetWrapper } from '@oanda/labs-widget-common';
 import { Widget } from './Widget';
 import { Tool } from './Tool';
 import { translations } from '../translations';
@@ -20,26 +19,22 @@ const SentimentWidget = _ref => {
     uri: graphqlUrl,
     cache: new InMemoryCache()
   });
-  return React.createElement(ThemeProvider, {
+  return React.createElement(WidgetProvider, {
+    locale: locale,
+    translations: translations,
+    client: client,
     theme: theme
-  }, React.createElement(LocaleProvider, {
-    locale: getLocale(locale),
-    translations: translations
-  }, React.createElement(ApolloProvider, {
-    client: client
-  }, isParamError ? React.createElement("div", {
-    className: "lw-flex lw-h-[425px] lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary"
-  }, React.createElement(ChartError, null)) : renderComponent({
-    logoLink,
-    linkArea: 'logo',
-    Component: instrument ? React.createElement(Widget, {
-      division: division,
-      instrument: instrument,
-      includeDescriptionLabels: includeDescriptionLabels
-    }) : React.createElement(Tool, {
-      division: division
-    })
-  }))));
+  }, React.createElement(WidgetWrapper, {
+    logoLink: logoLink,
+    linkArea: "logo",
+    isParamError: isParamError
+  }, instrument ? React.createElement(Widget, {
+    division: division,
+    instrument: instrument,
+    includeDescriptionLabels: includeDescriptionLabels
+  }) : 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","LocaleProvider","ChartError","ThemeProvider","getLocale","renderComponent","Widget","Tool","translations","SentimentWidget","_ref","graphqlUrl","division","instrument","locale","theme","includeDescriptionLabels","isParamError","logoLink","client","uri","cache","createElement","className","linkArea","Component"],"sources":["../../../src/SentimentWidget/SentimentWidget.tsx"],"sourcesContent":["import React from 'react';\nimport { ApolloClient, InMemoryCache, ApolloProvider } from '@apollo/client';\nimport { LocaleProvider } from '@oanda/mono-i18n';\nimport {\n  ChartError, ThemeProvider, getLocale, renderComponent,\n} 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,\n  division,\n  instrument,\n  locale,\n  theme,\n  includeDescriptionLabels,\n  isParamError,\n  logoLink,\n}: SentimentConfig) => {\n  const client = new ApolloClient({\n    uri: graphqlUrl,\n    cache: new InMemoryCache(),\n  });\n\n  return (\n    <ThemeProvider theme={theme}>\n      <LocaleProvider locale={getLocale(locale)} translations={translations}>\n        <ApolloProvider client={client}>\n          {isParamError ? (\n            <div className=\"lw-flex lw-h-[425px] lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary\">\n              <ChartError />\n            </div>\n          ) : (\n            renderComponent({\n              logoLink,\n              linkArea: 'logo',\n              Component: instrument\n                ? (\n                  <Widget\n                    division={division}\n                    instrument={instrument}\n                    includeDescriptionLabels={includeDescriptionLabels}\n                  />\n                )\n                : <Tool division={division} />,\n            })\n          )}\n        </ApolloProvider>\n      </LocaleProvider>\n    </ThemeProvider>\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,SACEC,UAAU,EAAEC,aAAa,EAAEC,SAAS,EAAEC,eAAe,QAChD,2BAA2B;AAClC,SAASC,MAAM,QAAQ,UAAU;AACjC,SAASC,IAAI,QAAQ,QAAQ;AAE7B,SAASC,YAAY,QAAQ,iBAAiB;AAE9C,MAAMC,eAAe,GAAGC,IAAA,IASD;EAAA,IATE;IACvBC,UAAU;IACVC,QAAQ;IACRC,UAAU;IACVC,MAAM;IACNC,KAAK;IACLC,wBAAwB;IACxBC,YAAY;IACZC;EACe,CAAC,GAAAR,IAAA;EAChB,MAAMS,MAAM,GAAG,IAAIrB,YAAY,CAAC;IAC9BsB,GAAG,EAAET,UAAU;IACfU,KAAK,EAAE,IAAItB,aAAa,CAAC;EAC3B,CAAC,CAAC;EAEF,OACEF,KAAA,CAAAyB,aAAA,CAACnB,aAAa;IAACY,KAAK,EAAEA;EAAM,GAC1BlB,KAAA,CAAAyB,aAAA,CAACrB,cAAc;IAACa,MAAM,EAAEV,SAAS,CAACU,MAAM,CAAE;IAACN,YAAY,EAAEA;EAAa,GACpEX,KAAA,CAAAyB,aAAA,CAACtB,cAAc;IAACmB,MAAM,EAAEA;EAAO,GAC5BF,YAAY,GACXpB,KAAA,CAAAyB,aAAA;IAAKC,SAAS,EAAC;EAAmG,GAChH1B,KAAA,CAAAyB,aAAA,CAACpB,UAAU,MAAE,CACV,CAAC,GAENG,eAAe,CAAC;IACda,QAAQ;IACRM,QAAQ,EAAE,MAAM;IAChBC,SAAS,EAAEZ,UAAU,GAEjBhB,KAAA,CAAAyB,aAAA,CAAChB,MAAM;MACLM,QAAQ,EAAEA,QAAS;MACnBC,UAAU,EAAEA,UAAW;MACvBG,wBAAwB,EAAEA;IAAyB,CACpD,CAAC,GAEFnB,KAAA,CAAAyB,aAAA,CAACf,IAAI;MAACK,QAAQ,EAAEA;IAAS,CAAE;EACjC,CAAC,CAEW,CACF,CACH,CAAC;AAEpB,CAAC;AAED,SAASH,eAAe","ignoreList":[]}
+{"version":3,"file":"SentimentWidget.js","names":["React","ApolloClient","InMemoryCache","WidgetProvider","WidgetWrapper","Widget","Tool","translations","SentimentWidget","_ref","graphqlUrl","division","instrument","locale","theme","includeDescriptionLabels","isParamError","logoLink","client","uri","cache","createElement","linkArea"],"sources":["../../../src/SentimentWidget/SentimentWidget.tsx"],"sourcesContent":["import React from 'react';\nimport { ApolloClient, InMemoryCache } from '@apollo/client';\nimport { WidgetProvider, WidgetWrapper } 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,\n  division,\n  instrument,\n  locale,\n  theme,\n  includeDescriptionLabels,\n  isParamError,\n  logoLink,\n}: SentimentConfig) => {\n  const client = new ApolloClient({\n    uri: graphqlUrl,\n    cache: new InMemoryCache(),\n  });\n\n  return (\n    <WidgetProvider\n      locale={locale}\n      translations={translations}\n      client={client}\n      theme={theme}\n    >\n      <WidgetWrapper\n        logoLink={logoLink}\n        linkArea=\"logo\"\n        isParamError={isParamError}\n      >\n        {\n          instrument\n            ? (\n              <Widget\n                division={division}\n                instrument={instrument}\n                includeDescriptionLabels={includeDescriptionLabels}\n              />\n            )\n            : <Tool division={division} />\n          }\n      </WidgetWrapper>\n    </WidgetProvider>\n  );\n};\n\nexport { SentimentWidget };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,YAAY,EAAEC,aAAa,QAAQ,gBAAgB;AAC5D,SAASC,cAAc,EAAEC,aAAa,QAAQ,2BAA2B;AACzE,SAASC,MAAM,QAAQ,UAAU;AACjC,SAASC,IAAI,QAAQ,QAAQ;AAE7B,SAASC,YAAY,QAAQ,iBAAiB;AAE9C,MAAMC,eAAe,GAAGC,IAAA,IASD;EAAA,IATE;IACvBC,UAAU;IACVC,QAAQ;IACRC,UAAU;IACVC,MAAM;IACNC,KAAK;IACLC,wBAAwB;IACxBC,YAAY;IACZC;EACe,CAAC,GAAAR,IAAA;EAChB,MAAMS,MAAM,GAAG,IAAIjB,YAAY,CAAC;IAC9BkB,GAAG,EAAET,UAAU;IACfU,KAAK,EAAE,IAAIlB,aAAa,CAAC;EAC3B,CAAC,CAAC;EAEF,OACEF,KAAA,CAAAqB,aAAA,CAAClB,cAAc;IACbU,MAAM,EAAEA,MAAO;IACfN,YAAY,EAAEA,YAAa;IAC3BW,MAAM,EAAEA,MAAO;IACfJ,KAAK,EAAEA;EAAM,GAEbd,KAAA,CAAAqB,aAAA,CAACjB,aAAa;IACZa,QAAQ,EAAEA,QAAS;IACnBK,QAAQ,EAAC,MAAM;IACfN,YAAY,EAAEA;EAAa,GAGzBJ,UAAU,GAENZ,KAAA,CAAAqB,aAAA,CAAChB,MAAM;IACLM,QAAQ,EAAEA,QAAS;IACnBC,UAAU,EAAEA,UAAW;IACvBG,wBAAwB,EAAEA;EAAyB,CACpD,CAAC,GAEFf,KAAA,CAAAqB,aAAA,CAACf,IAAI;IAACK,QAAQ,EAAEA;EAAS,CAAE,CAEpB,CACD,CAAC;AAErB,CAAC;AAED,SAASH,eAAe","ignoreList":[]}

package/dist/module/SentimentWidget/Tool.js

@@ -1,6 +1,6 @@
-import React, { useEffect, useState, useContext } from 'react';
+import React, { useEffect, useState } from 'react';
 import classNames from 'classnames';
-import { Sentiment, SentimentHeight, Loader, LoaderSize, ChartError, Truncate, Tooltip, ThemeContext, Size, EMPTY_VALUE, LastUpdated } from '@oanda/labs-widget-common';
+import { Sentiment, SentimentHeight, Loader, LoaderSize, ChartError, Truncate, Tooltip, useLayoutProvider, Size, EMPTY_VALUE, LastUpdated } from '@oanda/labs-widget-common';
 import { useQuery } from '@apollo/client';
 import { useLocale } from '@oanda/mono-i18n';
 import { getSentimentList } from '../gql/getSentimentList';
@@ -14,7 +14,7 @@ const Tool = _ref => {
   } = _ref;
   const {
     size
-  } = useContext(ThemeContext);
+  } = useLayoutProvider();
   const isDesktop = size === Size.DESKTOP;
   const [sort, setSort] = useState(Sort.Bullish);
   const [sortedData, setSortedData] = useState(new Array(20).fill({}));

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

@@ -1 +1 @@
-{"version":3,"file":"Tool.js","names":["React","useEffect","useState","useContext","classNames","Sentiment","SentimentHeight","Loader","LoaderSize","ChartError","Truncate","Tooltip","ThemeContext","Size","EMPTY_VALUE","LastUpdated","useQuery","useLocale","getSentimentList","sortData","SelectedArrow","SortSwitch","Sort","INSTRUMENT_TOOLTIP_ID","Tool","_ref","division","size","isDesktop","DESKTOP","sort","setSort","Bullish","sortedData","setSortedData","Array","fill","loading","data","error","variables","fetchPolicy","lang","updatedTimestamp","setUpdatedTimestamp","sentimentList","updatedAt","createElement","Fragment","className","length","disabled","selected","UP","DOWN","onClickButtonDown","Bearish","onClickButtonUp","map","item","index","key","name","md","maxWidth","tooltipId","text","displayName","isLoading","height","sentiment","id","timestamp","labelCallback"],"sources":["../../../src/SentimentWidget/Tool.tsx"],"sourcesContent":["import React, { useEffect, useState, useContext } from 'react';\nimport classNames from 'classnames';\nimport {\n  Sentiment,\n  SentimentHeight,\n  Loader,\n  LoaderSize,\n  ChartError,\n  Truncate,\n  Tooltip,\n  ThemeContext,\n  Size,\n  EMPTY_VALUE,\n  LastUpdated,\n} from '@oanda/labs-widget-common';\nimport { useQuery } from '@apollo/client';\nimport { useLocale } from '@oanda/mono-i18n';\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';\nimport { INSTRUMENT_TOOLTIP_ID } from '../constant';\n\nconst Tool = ({ division }: SentimentToolConfig) => {\n  const { size } = useContext(ThemeContext);\n  const isDesktop = size === Size.DESKTOP;\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    fetchPolicy: 'cache-and-network',\n  });\n\n  const { lang } = useLocale();\n  const [updatedTimestamp, setUpdatedTimestamp] = useState(EMPTY_VALUE);\n\n  useEffect(() => {\n    if (data) {\n      setSortedData(sortData(data, sort));\n      setUpdatedTimestamp(data.sentimentList![0]?.updatedAt);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [data, sort]);\n\n  return (\n    <>\n      {size && (\n      <div data-testid=\"sentiment-tool\" className=\"lw-relative lw-bg-bg-primary lw-text-sm lw-tracking-normal lw-text-text-primary\">\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-border-primary 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-border-primary lw-p-2\">\n              <div className=\"lw-mb-2 lw-flex lw-justify-between lw-font-semibold\">\n                <span className={classNames('lw-uppercase', {\n                  'lw-ml-40': isDesktop,\n                  'lw-ml-[7.5rem]': !isDesktop,\n                })}\n                >\n                  {lang('net_short')}\n                </span>\n                <span className={classNames('lw-text-right lw-uppercase', {\n                  'lw-mr-10': isDesktop,\n                })}\n                >\n                  {lang('net_long')}\n                </span>\n              </div>\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                      <Truncate\n                        maxWidth={120}\n                        tooltipId={INSTRUMENT_TOOLTIP_ID}\n                        className=\"lw-pr-2 lw-font-sans lw-text-sm lw-font-bold\"\n                        text={item.displayName || '\\u2014'}\n                      />\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        <Tooltip id={INSTRUMENT_TOOLTIP_ID} />\n        {!error\n        && (\n        <div className=\"lw-mt-2 lw-h-8\">\n          <LastUpdated timestamp={updatedTimestamp} labelCallback={lang} />\n        </div>\n        )}\n      </div>\n      )}\n    </>\n  );\n};\n\nexport { Tool };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Tool.js","names":["React","useEffect","useState","classNames","Sentiment","SentimentHeight","Loader","LoaderSize","ChartError","Truncate","Tooltip","useLayoutProvider","Size","EMPTY_VALUE","LastUpdated","useQuery","useLocale","getSentimentList","sortData","SelectedArrow","SortSwitch","Sort","INSTRUMENT_TOOLTIP_ID","Tool","_ref","division","size","isDesktop","DESKTOP","sort","setSort","Bullish","sortedData","setSortedData","Array","fill","loading","data","error","variables","fetchPolicy","lang","updatedTimestamp","setUpdatedTimestamp","sentimentList","updatedAt","createElement","Fragment","className","length","disabled","selected","UP","DOWN","onClickButtonDown","Bearish","onClickButtonUp","map","item","index","key","name","md","maxWidth","tooltipId","text","displayName","isLoading","height","sentiment","id","timestamp","labelCallback"],"sources":["../../../src/SentimentWidget/Tool.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport classNames from 'classnames';\nimport {\n  Sentiment,\n  SentimentHeight,\n  Loader,\n  LoaderSize,\n  ChartError,\n  Truncate,\n  Tooltip,\n  useLayoutProvider,\n  Size,\n  EMPTY_VALUE,\n  LastUpdated,\n} from '@oanda/labs-widget-common';\nimport { useQuery } from '@apollo/client';\nimport { useLocale } from '@oanda/mono-i18n';\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';\nimport { INSTRUMENT_TOOLTIP_ID } from '../constant';\n\nconst Tool = ({ division }: SentimentToolConfig) => {\n  const { size } = useLayoutProvider();\n  const isDesktop = size === Size.DESKTOP;\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    fetchPolicy: 'cache-and-network',\n  });\n\n  const { lang } = useLocale();\n  const [updatedTimestamp, setUpdatedTimestamp] = useState(EMPTY_VALUE);\n\n  useEffect(() => {\n    if (data) {\n      setSortedData(sortData(data, sort));\n      setUpdatedTimestamp(data.sentimentList![0]?.updatedAt);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [data, sort]);\n\n  return (\n    <>\n      {size && (\n      <div data-testid=\"sentiment-tool\" className=\"lw-relative lw-bg-bg-primary lw-text-sm lw-tracking-normal lw-text-text-primary\">\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-border-primary 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-border-primary lw-p-2\">\n              <div className=\"lw-mb-2 lw-flex lw-justify-between lw-font-semibold\">\n                <span className={classNames('lw-uppercase', {\n                  'lw-ml-40': isDesktop,\n                  'lw-ml-[7.5rem]': !isDesktop,\n                })}\n                >\n                  {lang('net_short')}\n                </span>\n                <span className={classNames('lw-text-right lw-uppercase', {\n                  'lw-mr-10': isDesktop,\n                })}\n                >\n                  {lang('net_long')}\n                </span>\n              </div>\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                      <Truncate\n                        maxWidth={120}\n                        tooltipId={INSTRUMENT_TOOLTIP_ID}\n                        className=\"lw-pr-2 lw-font-sans lw-text-sm lw-font-bold\"\n                        text={item.displayName || '\\u2014'}\n                      />\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        <Tooltip id={INSTRUMENT_TOOLTIP_ID} />\n        {!error\n        && (\n        <div className=\"lw-mt-2 lw-h-8\">\n          <LastUpdated timestamp={updatedTimestamp} labelCallback={lang} />\n        </div>\n        )}\n      </div>\n      )}\n    </>\n  );\n};\n\nexport { Tool };\n"],"mappings":"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","ignoreList":[]}

package/dist/module/SentimentWidget/Widget.js

@@ -1,6 +1,6 @@
-import React, { useContext } from 'react';
+import React from 'react';
 import classNames from 'classnames';
-import { Sentiment, SentimentHeight, Error, Loader, LoaderSize, Truncate, ThemeContext, Size, LastUpdated } from '@oanda/labs-widget-common';
+import { Sentiment, SentimentHeight, Error, Loader, LoaderSize, Truncate, useLayoutProvider, Size, LastUpdated } from '@oanda/labs-widget-common';
 import { useLocale } from '@oanda/mono-i18n';
 import { useQuery } from '@apollo/client';
 import { getInstrumentSentiment } from '../gql/getInstrumentSentiment';
@@ -24,7 +24,7 @@ const Widget = _ref => {
   });
   const {
     size
-  } = useContext(ThemeContext);
+  } = useLayoutProvider();
   const isDesktop = size === Size.DESKTOP;
   const {
     lang

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

@@ -1 +1 @@
-{"version":3,"file":"Widget.js","names":["React","useContext","classNames","Sentiment","SentimentHeight","Error","Loader","LoaderSize","Truncate","ThemeContext","Size","LastUpdated","useLocale","useQuery","getInstrumentSentiment","INSTRUMENT_TOOLTIP_ID","Widget","_ref","instrument","division","includeDescriptionLabels","loading","data","error","variables","name","fetchPolicy","size","isDesktop","DESKTOP","lang","displayName","sentiment","updatedAt","isError","shortPercent","longPercent","undefined","createElement","Fragment","className","md","maxWidth","tooltipId","text","withError","isLoading","height","timestamp","labelCallback"],"sources":["../../../src/SentimentWidget/Widget.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport classNames from 'classnames';\nimport {\n  Sentiment,\n  SentimentHeight,\n  Error,\n  Loader,\n  LoaderSize,\n  Truncate,\n  ThemeContext,\n  Size,\n  LastUpdated,\n} from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport { useQuery } from '@apollo/client';\nimport { getInstrumentSentiment } from '../gql/getInstrumentSentiment';\nimport { SentimentWidgetConfig } from './types';\nimport { GetInstrumentSentimentQuery, GetInstrumentSentimentQueryVariables } from '../gql/types/graphql';\nimport { INSTRUMENT_TOOLTIP_ID } from '../constant';\n\nconst Widget = ({\n  instrument,\n  division,\n  includeDescriptionLabels = false,\n}: SentimentWidgetConfig) => {\n  const { loading, data, error } = useQuery<\n  GetInstrumentSentimentQuery,\n  GetInstrumentSentimentQueryVariables\n  >(getInstrumentSentiment, {\n    variables: {\n      name: instrument,\n      division,\n    },\n    fetchPolicy: 'cache-and-network',\n  });\n  const { size } = useContext(ThemeContext);\n  const isDesktop = size === Size.DESKTOP;\n  const { lang } = useLocale();\n\n  const { displayName, sentiment, updatedAt } = data?.sentiment?.[0] || {};\n\n  const isError = error\n    || (sentiment?.shortPercent === 0 && sentiment?.longPercent === 0)\n    || sentiment?.shortPercent === undefined\n    || sentiment?.longPercent === undefined;\n\n  return (\n    <>\n      {size && (\n      <>\n        <div\n          data-testid=\"sentiment-widget\"\n          className=\"lw-border lw-border-solid lw-border-border-primary lw-bg-bg-primary lw-p-4 lw-text-sm lw-tracking-normal lw-text-text-primary\"\n        >\n          {includeDescriptionLabels && !isError\n          && (\n          <div className=\"lw-mb-2 lw-flex lw-justify-between lw-font-semibold\">\n            <span className={classNames('lw-uppercase', {\n              'lw-ml-40': isDesktop,\n              'lw-ml-[7.5rem]': !isDesktop,\n            })}\n            >\n              {lang('net_short')}\n            </span>\n            <span className={classNames('lw-text-right lw-uppercase', {\n              'lw-mr-10': isDesktop,\n            })}\n            >\n              {lang('net_long')}\n            </span>\n          </div>\n          )}\n          <div className=\"lw-flex lw-items-center lw-justify-between\">\n            <div className=\"lw-w-[120px] lw-shrink-0\">\n              {loading && <Loader size={LoaderSize.md} />}\n              {!loading && !isError && (\n              <Truncate\n                maxWidth={120}\n                tooltipId={INSTRUMENT_TOOLTIP_ID}\n                className=\"lw-pr-2 lw-font-sans lw-text-sm lw-font-bold\"\n                text={displayName || '\\u2014'}\n              />\n              )}\n            </div>\n            <Sentiment\n              withError={false}\n              isLoading={loading}\n              height={SentimentHeight.md}\n              sentiment={sentiment}\n            />\n          </div>\n\n          {!loading && isError && <Error />}\n        </div>\n        {!isError && updatedAt && (\n        <div className=\"lw-mt-2 lw-h-8\">\n          <LastUpdated timestamp={updatedAt} labelCallback={lang} />\n        </div>\n        )}\n      </>\n      )}\n    </>\n  );\n};\n\nexport { Widget };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Widget.js","names":["React","classNames","Sentiment","SentimentHeight","Error","Loader","LoaderSize","Truncate","useLayoutProvider","Size","LastUpdated","useLocale","useQuery","getInstrumentSentiment","INSTRUMENT_TOOLTIP_ID","Widget","_ref","instrument","division","includeDescriptionLabels","loading","data","error","variables","name","fetchPolicy","size","isDesktop","DESKTOP","lang","displayName","sentiment","updatedAt","isError","shortPercent","longPercent","undefined","createElement","Fragment","className","md","maxWidth","tooltipId","text","withError","isLoading","height","timestamp","labelCallback"],"sources":["../../../src/SentimentWidget/Widget.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport {\n  Sentiment,\n  SentimentHeight,\n  Error,\n  Loader,\n  LoaderSize,\n  Truncate,\n  useLayoutProvider,\n  Size,\n  LastUpdated,\n} from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport { useQuery } from '@apollo/client';\nimport { getInstrumentSentiment } from '../gql/getInstrumentSentiment';\nimport { SentimentWidgetConfig } from './types';\nimport { GetInstrumentSentimentQuery, GetInstrumentSentimentQueryVariables } from '../gql/types/graphql';\nimport { INSTRUMENT_TOOLTIP_ID } from '../constant';\n\nconst Widget = ({\n  instrument,\n  division,\n  includeDescriptionLabels = false,\n}: SentimentWidgetConfig) => {\n  const { loading, data, error } = useQuery<\n  GetInstrumentSentimentQuery,\n  GetInstrumentSentimentQueryVariables\n  >(getInstrumentSentiment, {\n    variables: {\n      name: instrument,\n      division,\n    },\n    fetchPolicy: 'cache-and-network',\n  });\n  const { size } = useLayoutProvider();\n  const isDesktop = size === Size.DESKTOP;\n  const { lang } = useLocale();\n\n  const { displayName, sentiment, updatedAt } = data?.sentiment?.[0] || {};\n\n  const isError = error\n    || (sentiment?.shortPercent === 0 && sentiment?.longPercent === 0)\n    || sentiment?.shortPercent === undefined\n    || sentiment?.longPercent === undefined;\n\n  return (\n    <>\n      {size && (\n      <>\n        <div\n          data-testid=\"sentiment-widget\"\n          className=\"lw-border lw-border-solid lw-border-border-primary lw-bg-bg-primary lw-p-4 lw-text-sm lw-tracking-normal lw-text-text-primary\"\n        >\n          {includeDescriptionLabels && !isError\n          && (\n          <div className=\"lw-mb-2 lw-flex lw-justify-between lw-font-semibold\">\n            <span className={classNames('lw-uppercase', {\n              'lw-ml-40': isDesktop,\n              'lw-ml-[7.5rem]': !isDesktop,\n            })}\n            >\n              {lang('net_short')}\n            </span>\n            <span className={classNames('lw-text-right lw-uppercase', {\n              'lw-mr-10': isDesktop,\n            })}\n            >\n              {lang('net_long')}\n            </span>\n          </div>\n          )}\n          <div className=\"lw-flex lw-items-center lw-justify-between\">\n            <div className=\"lw-w-[120px] lw-shrink-0\">\n              {loading && <Loader size={LoaderSize.md} />}\n              {!loading && !isError && (\n              <Truncate\n                maxWidth={120}\n                tooltipId={INSTRUMENT_TOOLTIP_ID}\n                className=\"lw-pr-2 lw-font-sans lw-text-sm lw-font-bold\"\n                text={displayName || '\\u2014'}\n              />\n              )}\n            </div>\n            <Sentiment\n              withError={false}\n              isLoading={loading}\n              height={SentimentHeight.md}\n              sentiment={sentiment}\n            />\n          </div>\n\n          {!loading && isError && <Error />}\n        </div>\n        {!isError && updatedAt && (\n        <div className=\"lw-mt-2 lw-h-8\">\n          <LastUpdated timestamp={updatedAt} labelCallback={lang} />\n        </div>\n        )}\n      </>\n      )}\n    </>\n  );\n};\n\nexport { Widget };\n"],"mappings":"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","ignoreList":[]}

package/dist/module/SentimentWidget/components/SortSwitch/SortSwitch.js

@@ -1,6 +1,6 @@
-import React, { useContext } from 'react';
+import React from 'react';
 import classnames from 'classnames';
-import { LongArrowUp, LongArrowDown, ThemeContext } from '@oanda/labs-widget-common';
+import { LongArrowUp, LongArrowDown, useLayoutProvider } from '@oanda/labs-widget-common';
 import { SelectedArrow } from './types';
 const SortSwitch = _ref => {
   let {
@@ -11,7 +11,7 @@ const SortSwitch = _ref => {
   } = _ref;
   const {
     isDark
-  } = useContext(ThemeContext);
+  } = useLayoutProvider();
   return React.createElement("div", {
     "data-testid": "sort-switch",
     className: classnames('lw-flex lw-rounded lw-border-[1px] lw-border-solid lw-font-sans lw-text-xs lw-tracking-normal', {

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

@@ -1 +1 @@
-{"version":3,"file":"SortSwitch.js","names":["React","useContext","classnames","LongArrowUp","LongArrowDown","ThemeContext","SelectedArrow","SortSwitch","_ref","onClickButtonDown","onClickButtonUp","selected","disabled","isDark","createElement","className","UP","type","onClick","DOWN"],"sources":["../../../../../src/SentimentWidget/components/SortSwitch/SortSwitch.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport classnames from 'classnames';\nimport {\n  LongArrowUp, LongArrowDown, ThemeContext,\n} from '@oanda/labs-widget-common';\nimport { SelectedArrow, SortSwitchProps } from './types';\n\nconst SortSwitch = ({\n  onClickButtonDown, onClickButtonUp, selected, disabled,\n}: SortSwitchProps) => {\n  const { isDark } = useContext(ThemeContext);\n\n  return (\n    <div\n      data-testid=\"sort-switch\"\n      className={classnames(\n        'lw-flex lw-rounded lw-border-[1px] lw-border-solid lw-font-sans lw-text-xs lw-tracking-normal',\n        {\n          'lw-border-border-disabled': disabled,\n          'lw-border-secondary': !disabled,\n        },\n      )}\n    >\n      <button\n        data-testid=\"sort-switch-button-up\"\n        disabled={disabled || selected === SelectedArrow.UP}\n        type=\"button\"\n        onClick={onClickButtonUp}\n        className={classnames(\n          'lw-flex lw-h-11 lw-w-11 lw-grow-0 lw-items-center lw-justify-center  lw-border-solid focus:lw-outline-secondary [&:enabled:hover>*]:-lw-translate-y-1',\n          {\n            'lw-border-r-[1px] lw-border-r-border-disabled': disabled,\n            'lw-bg-secondary': selected === SelectedArrow.UP && !disabled,\n          },\n        )}\n      >\n        <LongArrowUp\n          className={classnames(\n            'lw-transition-transform',\n            {\n              'lw-stroke-border-disabled': disabled,\n              'lw-stroke-secondary': selected !== SelectedArrow.UP && !disabled,\n              'lw-stroke-bg-primary': selected === SelectedArrow.UP && !disabled && isDark,\n              'lw-stroke-ok': selected === SelectedArrow.UP && !disabled && !isDark,\n            },\n          )}\n        />\n      </button>\n      <button\n        data-testid=\"sort-switch-button-down\"\n        disabled={disabled || selected === SelectedArrow.DOWN}\n        type=\"button\"\n        onClick={onClickButtonDown}\n        className={classnames(\n          'lw-flex lw-h-11 lw-w-11 lw-grow-0 lw-items-center lw-justify-center lw-text-center focus:lw-outline-secondary [&:enabled:hover>*]:lw-translate-y-1',\n          {\n            'lw-bg-secondary': selected === SelectedArrow.DOWN && !disabled,\n          },\n        )}\n      >\n        <LongArrowDown\n          className={classnames(\n            'lw-transition-transform',\n            {\n              'lw-stroke-border-disabled': disabled,\n              'lw-stroke-secondary': selected !== SelectedArrow.DOWN && !disabled,\n              'lw-stroke-bg-primary': selected === SelectedArrow.DOWN && !disabled && isDark,\n              'lw-stroke-ok': selected === SelectedArrow.DOWN && !disabled && !isDark,\n            },\n          )}\n        />\n      </button>\n    </div>\n  );\n};\n\nexport {\n  SortSwitch,\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,UAAU,MAAM,YAAY;AACnC,SACEC,WAAW,EAAEC,aAAa,EAAEC,YAAY,QACnC,2BAA2B;AAClC,SAASC,aAAa,QAAyB,SAAS;AAExD,MAAMC,UAAU,GAAGC,IAAA,IAEI;EAAA,IAFH;IAClBC,iBAAiB;IAAEC,eAAe;IAAEC,QAAQ;IAAEC;EAC/B,CAAC,GAAAJ,IAAA;EAChB,MAAM;IAAEK;EAAO,CAAC,GAAGZ,UAAU,CAACI,YAAY,CAAC;EAE3C,OACEL,KAAA,CAAAc,aAAA;IACE,eAAY,aAAa;IACzBC,SAAS,EAAEb,UAAU,CACnB,+FAA+F,EAC/F;MACE,2BAA2B,EAAEU,QAAQ;MACrC,qBAAqB,EAAE,CAACA;IAC1B,CACF;EAAE,GAEFZ,KAAA,CAAAc,aAAA;IACE,eAAY,uBAAuB;IACnCF,QAAQ,EAAEA,QAAQ,IAAID,QAAQ,KAAKL,aAAa,CAACU,EAAG;IACpDC,IAAI,EAAC,QAAQ;IACbC,OAAO,EAAER,eAAgB;IACzBK,SAAS,EAAEb,UAAU,CACnB,uJAAuJ,EACvJ;MACE,+CAA+C,EAAEU,QAAQ;MACzD,iBAAiB,EAAED,QAAQ,KAAKL,aAAa,CAACU,EAAE,IAAI,CAACJ;IACvD,CACF;EAAE,GAEFZ,KAAA,CAAAc,aAAA,CAACX,WAAW;IACVY,SAAS,EAAEb,UAAU,CACnB,yBAAyB,EACzB;MACE,2BAA2B,EAAEU,QAAQ;MACrC,qBAAqB,EAAED,QAAQ,KAAKL,aAAa,CAACU,EAAE,IAAI,CAACJ,QAAQ;MACjE,sBAAsB,EAAED,QAAQ,KAAKL,aAAa,CAACU,EAAE,IAAI,CAACJ,QAAQ,IAAIC,MAAM;MAC5E,cAAc,EAAEF,QAAQ,KAAKL,aAAa,CAACU,EAAE,IAAI,CAACJ,QAAQ,IAAI,CAACC;IACjE,CACF;EAAE,CACH,CACK,CAAC,EACTb,KAAA,CAAAc,aAAA;IACE,eAAY,yBAAyB;IACrCF,QAAQ,EAAEA,QAAQ,IAAID,QAAQ,KAAKL,aAAa,CAACa,IAAK;IACtDF,IAAI,EAAC,QAAQ;IACbC,OAAO,EAAET,iBAAkB;IAC3BM,SAAS,EAAEb,UAAU,CACnB,oJAAoJ,EACpJ;MACE,iBAAiB,EAAES,QAAQ,KAAKL,aAAa,CAACa,IAAI,IAAI,CAACP;IACzD,CACF;EAAE,GAEFZ,KAAA,CAAAc,aAAA,CAACV,aAAa;IACZW,SAAS,EAAEb,UAAU,CACnB,yBAAyB,EACzB;MACE,2BAA2B,EAAEU,QAAQ;MACrC,qBAAqB,EAAED,QAAQ,KAAKL,aAAa,CAACa,IAAI,IAAI,CAACP,QAAQ;MACnE,sBAAsB,EAAED,QAAQ,KAAKL,aAAa,CAACa,IAAI,IAAI,CAACP,QAAQ,IAAIC,MAAM;MAC9E,cAAc,EAAEF,QAAQ,KAAKL,aAAa,CAACa,IAAI,IAAI,CAACP,QAAQ,IAAI,CAACC;IACnE,CACF;EAAE,CACH,CACK,CACL,CAAC;AAEV,CAAC;AAED,SACEN,UAAU","ignoreList":[]}
+{"version":3,"file":"SortSwitch.js","names":["React","classnames","LongArrowUp","LongArrowDown","useLayoutProvider","SelectedArrow","SortSwitch","_ref","onClickButtonDown","onClickButtonUp","selected","disabled","isDark","createElement","className","UP","type","onClick","DOWN"],"sources":["../../../../../src/SentimentWidget/components/SortSwitch/SortSwitch.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport {\n  LongArrowUp, LongArrowDown, useLayoutProvider,\n} from '@oanda/labs-widget-common';\nimport { SelectedArrow, SortSwitchProps } from './types';\n\nconst SortSwitch = ({\n  onClickButtonDown, onClickButtonUp, selected, disabled,\n}: SortSwitchProps) => {\n  const { isDark } = useLayoutProvider();\n\n  return (\n    <div\n      data-testid=\"sort-switch\"\n      className={classnames(\n        'lw-flex lw-rounded lw-border-[1px] lw-border-solid lw-font-sans lw-text-xs lw-tracking-normal',\n        {\n          'lw-border-border-disabled': disabled,\n          'lw-border-secondary': !disabled,\n        },\n      )}\n    >\n      <button\n        data-testid=\"sort-switch-button-up\"\n        disabled={disabled || selected === SelectedArrow.UP}\n        type=\"button\"\n        onClick={onClickButtonUp}\n        className={classnames(\n          'lw-flex lw-h-11 lw-w-11 lw-grow-0 lw-items-center lw-justify-center  lw-border-solid focus:lw-outline-secondary [&:enabled:hover>*]:-lw-translate-y-1',\n          {\n            'lw-border-r-[1px] lw-border-r-border-disabled': disabled,\n            'lw-bg-secondary': selected === SelectedArrow.UP && !disabled,\n          },\n        )}\n      >\n        <LongArrowUp\n          className={classnames(\n            'lw-transition-transform',\n            {\n              'lw-stroke-border-disabled': disabled,\n              'lw-stroke-secondary': selected !== SelectedArrow.UP && !disabled,\n              'lw-stroke-bg-primary': selected === SelectedArrow.UP && !disabled && isDark,\n              'lw-stroke-ok': selected === SelectedArrow.UP && !disabled && !isDark,\n            },\n          )}\n        />\n      </button>\n      <button\n        data-testid=\"sort-switch-button-down\"\n        disabled={disabled || selected === SelectedArrow.DOWN}\n        type=\"button\"\n        onClick={onClickButtonDown}\n        className={classnames(\n          'lw-flex lw-h-11 lw-w-11 lw-grow-0 lw-items-center lw-justify-center lw-text-center focus:lw-outline-secondary [&:enabled:hover>*]:lw-translate-y-1',\n          {\n            'lw-bg-secondary': selected === SelectedArrow.DOWN && !disabled,\n          },\n        )}\n      >\n        <LongArrowDown\n          className={classnames(\n            'lw-transition-transform',\n            {\n              'lw-stroke-border-disabled': disabled,\n              'lw-stroke-secondary': selected !== SelectedArrow.DOWN && !disabled,\n              'lw-stroke-bg-primary': selected === SelectedArrow.DOWN && !disabled && isDark,\n              'lw-stroke-ok': selected === SelectedArrow.DOWN && !disabled && !isDark,\n            },\n          )}\n        />\n      </button>\n    </div>\n  );\n};\n\nexport {\n  SortSwitch,\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,SACEC,WAAW,EAAEC,aAAa,EAAEC,iBAAiB,QACxC,2BAA2B;AAClC,SAASC,aAAa,QAAyB,SAAS;AAExD,MAAMC,UAAU,GAAGC,IAAA,IAEI;EAAA,IAFH;IAClBC,iBAAiB;IAAEC,eAAe;IAAEC,QAAQ;IAAEC;EAC/B,CAAC,GAAAJ,IAAA;EAChB,MAAM;IAAEK;EAAO,CAAC,GAAGR,iBAAiB,CAAC,CAAC;EAEtC,OACEJ,KAAA,CAAAa,aAAA;IACE,eAAY,aAAa;IACzBC,SAAS,EAAEb,UAAU,CACnB,+FAA+F,EAC/F;MACE,2BAA2B,EAAEU,QAAQ;MACrC,qBAAqB,EAAE,CAACA;IAC1B,CACF;EAAE,GAEFX,KAAA,CAAAa,aAAA;IACE,eAAY,uBAAuB;IACnCF,QAAQ,EAAEA,QAAQ,IAAID,QAAQ,KAAKL,aAAa,CAACU,EAAG;IACpDC,IAAI,EAAC,QAAQ;IACbC,OAAO,EAAER,eAAgB;IACzBK,SAAS,EAAEb,UAAU,CACnB,uJAAuJ,EACvJ;MACE,+CAA+C,EAAEU,QAAQ;MACzD,iBAAiB,EAAED,QAAQ,KAAKL,aAAa,CAACU,EAAE,IAAI,CAACJ;IACvD,CACF;EAAE,GAEFX,KAAA,CAAAa,aAAA,CAACX,WAAW;IACVY,SAAS,EAAEb,UAAU,CACnB,yBAAyB,EACzB;MACE,2BAA2B,EAAEU,QAAQ;MACrC,qBAAqB,EAAED,QAAQ,KAAKL,aAAa,CAACU,EAAE,IAAI,CAACJ,QAAQ;MACjE,sBAAsB,EAAED,QAAQ,KAAKL,aAAa,CAACU,EAAE,IAAI,CAACJ,QAAQ,IAAIC,MAAM;MAC5E,cAAc,EAAEF,QAAQ,KAAKL,aAAa,CAACU,EAAE,IAAI,CAACJ,QAAQ,IAAI,CAACC;IACjE,CACF;EAAE,CACH,CACK,CAAC,EACTZ,KAAA,CAAAa,aAAA;IACE,eAAY,yBAAyB;IACrCF,QAAQ,EAAEA,QAAQ,IAAID,QAAQ,KAAKL,aAAa,CAACa,IAAK;IACtDF,IAAI,EAAC,QAAQ;IACbC,OAAO,EAAET,iBAAkB;IAC3BM,SAAS,EAAEb,UAAU,CACnB,oJAAoJ,EACpJ;MACE,iBAAiB,EAAES,QAAQ,KAAKL,aAAa,CAACa,IAAI,IAAI,CAACP;IACzD,CACF;EAAE,GAEFX,KAAA,CAAAa,aAAA,CAACV,aAAa;IACZW,SAAS,EAAEb,UAAU,CACnB,yBAAyB,EACzB;MACE,2BAA2B,EAAEU,QAAQ;MACrC,qBAAqB,EAAED,QAAQ,KAAKL,aAAa,CAACa,IAAI,IAAI,CAACP,QAAQ;MACnE,sBAAsB,EAAED,QAAQ,KAAKL,aAAa,CAACa,IAAI,IAAI,CAACP,QAAQ,IAAIC,MAAM;MAC9E,cAAc,EAAEF,QAAQ,KAAKL,aAAa,CAACa,IAAI,IAAI,CAACP,QAAQ,IAAI,CAACC;IACnE,CACF;EAAE,CACH,CACK,CACL,CAAC;AAEV,CAAC;AAED,SACEN,UAAU","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oanda/labs-sentiment-widget",
-  "version": "1.0.171",
+  "version": "1.0.173",
   "description": "Labs Sentiment Widget",
   "main": "dist/main/index.js",
   "module": "dist/module/index.js",
@@ -12,7 +12,7 @@
   "author": "OANDA",
   "license": "UNLICENSED",
   "dependencies": {
-    "@oanda/labs-widget-common": "^1.0.171",
+    "@oanda/labs-widget-common": "^1.0.173",
     "@oanda/mono-i18n": "10.0.1",
     "graphql": "16.8.1"
   },
@@ -20,5 +20,5 @@
     "@graphql-codegen/cli": "5.0.0",
     "@graphql-codegen/client-preset": "4.1.0"
   },
-  "gitHead": "f978676624ce706f807cbecc432c67ed809dbf48"
+  "gitHead": "67a7801f99f0bab94dd6067a102761f51de786c1"
 }