@oanda/labs-ticker-tape-widget 1.0.7 → 1.0.8

package/CHANGELOG.md

@@ -3,6 +3,42 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 1.0.8 (2024-08-23)
+
+
+
+## 1.0.151 (2024-08-20)
+
+
+
+## 1.0.150 (2024-08-19)
+
+
+
+## 1.0.149 (2024-08-07)
+
+
+
+## 1.0.148 (2024-08-01)
+
+
+
+## 1.0.147 (2024-08-01)
+
+
+
+## 1.0.146 (2024-07-26)
+
+
+
+## 1.0.145 (2024-07-25)
+
+**Note:** Version bump only for package @oanda/labs-ticker-tape-widget
+
+
+
+
+
 ## 1.0.7 (2024-08-20)
 
 

package/dist/main/TickerTapeWidget/Main.js

@@ -7,42 +7,22 @@ exports.Main = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactFastMarquee = _interopRequireDefault(require("react-fast-marquee"));
 var _classnames = _interopRequireDefault(require("classnames"));
-var _client = require("@apollo/client");
 var _labsWidgetCommon = require("@oanda/labs-widget-common");
-var _validateInstruments = require("../gql/validateInstruments");
-var _utils = require("./utils");
-var _InstrumentRateWithChart = require("./components/InstrumentRateWithChart");
 var _constant = require("./constant");
+var _InstrumentRateWithData = require("./components/InstrumentRateWithData");
 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 Main = _ref => {
   let {
-    instruments,
+    records,
     division,
     size: widgetSize = 'fullWithChart'
   } = _ref;
-  const [records, setRecords] = (0, _react.useState)([]);
   const {
     target,
     setQuery
   } = (0, _labsWidgetCommon.useLiveRatesQuery)();
-  const {
-    loading,
-    data,
-    error
-  } = (0, _client.useQuery)(_validateInstruments.validateInstruments, {
-    variables: {
-      instruments,
-      division
-    },
-    fetchPolicy: 'network-only'
-  });
-  (0, _react.useEffect)(() => {
-    if (!loading && data) {
-      setRecords((0, _utils.getRecords)(data));
-    }
-  }, [loading, data]);
   const instrumentsNames = records.map(_ref2 => {
     let {
       instrument: instrumentName
@@ -56,12 +36,10 @@ const Main = _ref => {
       });
     }
   }, [records]);
-  const showError = !!error;
-  const isLoading = loading || !data;
   return _react.default.createElement("div", {
     "data-testid": "ticker-tape-wrapper"
   }, _react.default.createElement(_reactFastMarquee.default, {
-    play: !isLoading,
+    play: records.length > 0,
     autoFill: true,
     pauseOnHover: true,
     speed: 60
@@ -71,17 +49,14 @@ const Main = _ref => {
       'lw-h-[82px]': widgetSize !== 'compact',
       'lw-h-[54px]': widgetSize === 'compact'
     })
-  }, _react.default.createElement(_InstrumentRateWithChart.InstrumentRateWithChart, {
-    loading: loading,
+  }, _react.default.createElement(_InstrumentRateWithData.InstrumentRateWithData, {
     record: record,
     target: target,
     division: division,
     size: widgetSize
   })))), _react.default.createElement(_labsWidgetCommon.Tooltip, {
     id: _constant.INSTRUMENT_TOOLTIP_ID
-  }), !loading && showError && _react.default.createElement("div", {
-    className: "lw-flex lw-h-[150px] lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary"
-  }, _react.default.createElement(_labsWidgetCommon.ChartError, null)));
+  }));
 };
 exports.Main = Main;
 //# sourceMappingURL=Main.js.map

package/dist/main/TickerTapeWidget/Main.js.map

@@ -1 +1 @@
-{"version":3,"file":"Main.js","names":["_react","_interopRequireWildcard","require","_reactFastMarquee","_interopRequireDefault","_classnames","_client","_labsWidgetCommon","_validateInstruments","_utils","_InstrumentRateWithChart","_constant","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Main","_ref","instruments","division","size","widgetSize","records","setRecords","useState","target","setQuery","useLiveRatesQuery","loading","data","error","useQuery","validateInstruments","variables","fetchPolicy","useEffect","getRecords","instrumentsNames","map","_ref2","instrument","instrumentName","showError","isLoading","createElement","play","autoFill","pauseOnHover","speed","record","key","className","classnames","InstrumentRateWithChart","Tooltip","id","INSTRUMENT_TOOLTIP_ID","ChartError","exports"],"sources":["../../../src/TickerTapeWidget/Main.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport Marquee from 'react-fast-marquee';\nimport classnames from 'classnames';\nimport { useQuery } from '@apollo/client';\nimport {\n  ChartError, DataRecord, Tooltip, useLiveRatesQuery,\n} from '@oanda/labs-widget-common';\nimport { MainProps } from './types';\nimport {\n  ValidateInstrumentsQuery,\n  ValidateInstrumentsQueryVariables,\n} from '../gql/types/graphql';\nimport { validateInstruments } from '../gql/validateInstruments';\nimport { getRecords } from './utils';\nimport { InstrumentRateWithChart } from './components/InstrumentRateWithChart';\nimport { INSTRUMENT_TOOLTIP_ID } from './constant';\n\nconst Main = ({\n  instruments,\n  division,\n  size: widgetSize = 'fullWithChart',\n}: MainProps) => {\n  const [records, setRecords] = useState<DataRecord[]>([]);\n  const { target, setQuery } = useLiveRatesQuery();\n  const { loading, data, error } = useQuery<\n  ValidateInstrumentsQuery,\n  ValidateInstrumentsQueryVariables\n  >(validateInstruments, {\n    variables: {\n      instruments,\n      division,\n    },\n    fetchPolicy: 'network-only',\n  });\n\n  useEffect(() => {\n    if (!loading && data) {\n      setRecords(getRecords(data)!);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [loading, data]);\n\n  const instrumentsNames = records.map(({ instrument: instrumentName }) => instrumentName);\n\n  useEffect(() => {\n    if (instrumentsNames[0]) {\n      setQuery({ instruments: instrumentsNames });\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [records]);\n\n  const showError = !!error;\n  const isLoading = loading || !data;\n\n  return (\n    <div data-testid=\"ticker-tape-wrapper\">\n      <Marquee\n        play={!isLoading}\n        autoFill\n        pauseOnHover\n        speed={60}\n      >\n        {records.map((record) => (\n          <div\n            key={record.instrument}\n            className={classnames('lw-flex lw-border lw-border-r-0 lw-border-solid lw-border-border-primary lw-px-4 lw-text-sm lw-tracking-normal lw-text-text-primary', {\n              'lw-h-[82px]': widgetSize !== 'compact',\n              'lw-h-[54px]': widgetSize === 'compact',\n            })}\n          >\n            <InstrumentRateWithChart\n              loading={loading}\n              record={record}\n              target={target}\n              division={division}\n              size={widgetSize}\n            />\n          </div>\n        ))}\n      </Marquee>\n      <Tooltip id={INSTRUMENT_TOOLTIP_ID} />\n      {!loading && showError && (\n        <div className=\"lw-flex lw-h-[150px] lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary\">\n          <ChartError />\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport { Main };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Main.js","names":["_react","_interopRequireWildcard","require","_reactFastMarquee","_interopRequireDefault","_classnames","_labsWidgetCommon","_constant","_InstrumentRateWithData","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Main","_ref","records","division","size","widgetSize","target","setQuery","useLiveRatesQuery","instrumentsNames","map","_ref2","instrument","instrumentName","useEffect","instruments","createElement","play","length","autoFill","pauseOnHover","speed","record","key","className","classnames","InstrumentRateWithData","Tooltip","id","INSTRUMENT_TOOLTIP_ID","exports"],"sources":["../../../src/TickerTapeWidget/Main.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport Marquee from 'react-fast-marquee';\nimport classnames from 'classnames';\nimport { Tooltip, useLiveRatesQuery } from '@oanda/labs-widget-common';\nimport { MainProps } from './types';\nimport { INSTRUMENT_TOOLTIP_ID } from './constant';\nimport { InstrumentRateWithData } from './components/InstrumentRateWithData';\n\nconst Main = ({\n  records,\n  division,\n  size: widgetSize = 'fullWithChart',\n}: MainProps) => {\n  const { target, setQuery } = useLiveRatesQuery();\n\n  const instrumentsNames = records.map(({ instrument: instrumentName }) => instrumentName);\n\n  useEffect(() => {\n    if (instrumentsNames[0]) {\n      setQuery({ instruments: instrumentsNames });\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [records]);\n\n  return (\n    <div data-testid=\"ticker-tape-wrapper\">\n      <Marquee\n        play={records.length > 0}\n        autoFill\n        pauseOnHover\n        speed={60}\n      >\n        {records.map((record) => (\n          <div\n            key={record.instrument}\n            className={classnames('lw-flex lw-border lw-border-r-0 lw-border-solid lw-border-border-primary lw-px-4 lw-text-sm lw-tracking-normal lw-text-text-primary', {\n              'lw-h-[82px]': widgetSize !== 'compact',\n              'lw-h-[54px]': widgetSize === 'compact',\n            })}\n          >\n            <InstrumentRateWithData\n              record={record}\n              target={target}\n              division={division}\n              size={widgetSize}\n            />\n          </div>\n        ))}\n      </Marquee>\n      <Tooltip id={INSTRUMENT_TOOLTIP_ID} />\n    </div>\n  );\n};\n\nexport { Main };\n"],"mappings":"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","ignoreList":[]}

package/dist/main/TickerTapeWidget/TickerTapeWidget.js

@@ -4,14 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TickerTapeWidget = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _client = require("@apollo/client");
 var _monoI18n = require("@oanda/mono-i18n");
 var _labsWidgetCommon = require("@oanda/labs-widget-common");
 var _translations = require("../translations");
-var _Main = require("./Main");
 var _types = require("./types");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _ValidationWrapper = require("./ValidationWrapper");
+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 TickerTapeWidget = _ref => {
   let {
     graphqlUrl,
@@ -44,13 +45,12 @@ const TickerTapeWidget = _ref => {
     }
   }, _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)) : _react.default.createElement(_Main.Main, {
+  }, _react.default.createElement(_react.Suspense, null, _react.default.createElement(_ValidationWrapper.ValidationWrapper, {
     size: size,
     instruments: instruments,
-    division: division
-  })))));
+    division: division,
+    isParamError: isParamError
+  }))))));
 };
 exports.TickerTapeWidget = TickerTapeWidget;
 //# sourceMappingURL=TickerTapeWidget.js.map

package/dist/main/TickerTapeWidget/TickerTapeWidget.js.map

@@ -1 +1 @@
-{"version":3,"file":"TickerTapeWidget.js","names":["_react","_interopRequireDefault","require","_client","_monoI18n","_labsWidgetCommon","_translations","_Main","_types","e","__esModule","default","TickerTapeWidget","_ref","graphqlUrl","liveRatesUrl","instruments","division","locale","theme","isParamError","removePadding","size","client","ApolloClient","uri","cache","InMemoryCache","divisionCode","Division","Opt","Ogm","dataSource","createElement","ThemeProvider","LocaleProvider","getLocale","translations","LiveRatesProvider","url","options","ApolloProvider","className","ChartError","Main","exports"],"sources":["../../../src/TickerTapeWidget/TickerTapeWidget.tsx"],"sourcesContent":["import React from 'react';\nimport { ApolloClient, InMemoryCache, ApolloProvider } from '@apollo/client';\nimport { LocaleProvider } from '@oanda/mono-i18n';\nimport {\n  ChartError, LiveRatesProvider, ThemeProvider, getLocale,\n} from '@oanda/labs-widget-common';\nimport { translations } from '../translations';\nimport { Main } from './Main';\nimport { Division, TickerTapeConfig } from './types';\n\nconst TickerTapeWidget = ({\n  graphqlUrl,\n  liveRatesUrl,\n  instruments,\n  division,\n  locale,\n  theme,\n  isParamError,\n  removePadding,\n  size,\n}: TickerTapeConfig) => {\n  const client = new ApolloClient({\n    uri: graphqlUrl,\n    cache: new InMemoryCache(),\n  });\n\n  const divisionCode = division === Division.Opt ? Division.Ogm : division;\n  const dataSource = divisionCode === Division.Ogm ? 'MT5' : 'V20';\n\n  return (\n    <ThemeProvider removePadding={removePadding} theme={theme}>\n      <LocaleProvider locale={getLocale(locale)} translations={translations}>\n        <LiveRatesProvider\n          url={liveRatesUrl}\n          options={{ divisionCode, dataSource }}\n        >\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              : (\n                <Main\n                  size={size}\n                  instruments={instruments}\n                  division={division}\n                />\n              )}\n          </ApolloProvider>\n        </LiveRatesProvider>\n      </LocaleProvider>\n    </ThemeProvider>\n  );\n};\n\nexport { TickerTapeWidget };\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,aAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AAAqD,SAAAD,uBAAAQ,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAErD,MAAMG,gBAAgB,GAAGC,IAAA,IAUD;EAAA,IAVE;IACxBC,UAAU;IACVC,YAAY;IACZC,WAAW;IACXC,QAAQ;IACRC,MAAM;IACNC,KAAK;IACLC,YAAY;IACZC,aAAa;IACbC;EACgB,CAAC,GAAAT,IAAA;EACjB,MAAMU,MAAM,GAAG,IAAIC,oBAAY,CAAC;IAC9BC,GAAG,EAAEX,UAAU;IACfY,KAAK,EAAE,IAAIC,qBAAa,CAAC;EAC3B,CAAC,CAAC;EAEF,MAAMC,YAAY,GAAGX,QAAQ,KAAKY,eAAQ,CAACC,GAAG,GAAGD,eAAQ,CAACE,GAAG,GAAGd,QAAQ;EACxE,MAAMe,UAAU,GAAGJ,YAAY,KAAKC,eAAQ,CAACE,GAAG,GAAG,KAAK,GAAG,KAAK;EAEhE,OACE/B,MAAA,CAAAW,OAAA,CAAAsB,aAAA,CAAC5B,iBAAA,CAAA6B,aAAa;IAACb,aAAa,EAAEA,aAAc;IAACF,KAAK,EAAEA;EAAM,GACxDnB,MAAA,CAAAW,OAAA,CAAAsB,aAAA,CAAC7B,SAAA,CAAA+B,cAAc;IAACjB,MAAM,EAAE,IAAAkB,2BAAS,EAAClB,MAAM,CAAE;IAACmB,YAAY,EAAEA;EAAa,GACpErC,MAAA,CAAAW,OAAA,CAAAsB,aAAA,CAAC5B,iBAAA,CAAAiC,iBAAiB;IAChBC,GAAG,EAAExB,YAAa;IAClByB,OAAO,EAAE;MAAEZ,YAAY;MAAEI;IAAW;EAAE,GAEtChC,MAAA,CAAAW,OAAA,CAAAsB,aAAA,CAAC9B,OAAA,CAAAsC,cAAc;IAAClB,MAAM,EAAEA;EAAO,GAC5BH,YAAY,GACXpB,MAAA,CAAAW,OAAA,CAAAsB,aAAA;IAAKS,SAAS,EAAC;EAAmG,GAChH1C,MAAA,CAAAW,OAAA,CAAAsB,aAAA,CAAC5B,iBAAA,CAAAsC,UAAU,MAAE,CACV,CAAC,GAGJ3C,MAAA,CAAAW,OAAA,CAAAsB,aAAA,CAAC1B,KAAA,CAAAqC,IAAI;IACHtB,IAAI,EAAEA,IAAK;IACXN,WAAW,EAAEA,WAAY;IACzBC,QAAQ,EAAEA;EAAS,CACpB,CAES,CACC,CACL,CACH,CAAC;AAEpB,CAAC;AAAC4B,OAAA,CAAAjC,gBAAA,GAAAA,gBAAA","ignoreList":[]}
+{"version":3,"file":"TickerTapeWidget.js","names":["_react","_interopRequireWildcard","require","_client","_monoI18n","_labsWidgetCommon","_translations","_types","_ValidationWrapper","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","TickerTapeWidget","_ref","graphqlUrl","liveRatesUrl","instruments","division","locale","theme","isParamError","removePadding","size","client","ApolloClient","uri","cache","InMemoryCache","divisionCode","Division","Opt","Ogm","dataSource","createElement","ThemeProvider","LocaleProvider","getLocale","translations","LiveRatesProvider","url","options","ApolloProvider","Suspense","ValidationWrapper","exports"],"sources":["../../../src/TickerTapeWidget/TickerTapeWidget.tsx"],"sourcesContent":["import React, { Suspense } from 'react';\nimport { ApolloClient, InMemoryCache, ApolloProvider } from '@apollo/client';\nimport { LocaleProvider } from '@oanda/mono-i18n';\nimport { LiveRatesProvider, ThemeProvider, getLocale } from '@oanda/labs-widget-common';\nimport { translations } from '../translations';\nimport { Division, TickerTapeConfig } from './types';\nimport { ValidationWrapper } from './ValidationWrapper';\n\nconst TickerTapeWidget = ({\n  graphqlUrl,\n  liveRatesUrl,\n  instruments,\n  division,\n  locale,\n  theme,\n  isParamError,\n  removePadding,\n  size,\n}: TickerTapeConfig) => {\n  const client = new ApolloClient({\n    uri: graphqlUrl,\n    cache: new InMemoryCache(),\n  });\n\n  const divisionCode = division === Division.Opt ? Division.Ogm : division;\n  const dataSource = divisionCode === Division.Ogm ? 'MT5' : 'V20';\n\n  return (\n    <ThemeProvider removePadding={removePadding} theme={theme}>\n      <LocaleProvider locale={getLocale(locale)} translations={translations}>\n        <LiveRatesProvider\n          url={liveRatesUrl}\n          options={{ divisionCode, dataSource }}\n        >\n          <ApolloProvider client={client}>\n            <Suspense>\n              <ValidationWrapper\n                size={size}\n                instruments={instruments}\n                division={division}\n                isParamError={isParamError}\n              />\n            </Suspense>\n          </ApolloProvider>\n        </LiveRatesProvider>\n      </LocaleProvider>\n    </ThemeProvider>\n  );\n};\n\nexport { TickerTapeWidget };\n"],"mappings":"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","ignoreList":[]}

package/dist/main/TickerTapeWidget/ValidationWrapper.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ValidationWrapper = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _client = require("@apollo/client");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _labsWidgetCommon = require("@oanda/labs-widget-common");
+var _validateInstruments = require("../gql/validateInstruments");
+var _Main = require("./Main");
+var _utils = require("./utils");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const ValidationWrapper = _ref => {
+  let {
+    instruments,
+    division,
+    size: widgetSize,
+    isParamError
+  } = _ref;
+  const {
+    data,
+    error
+  } = (0, _client.useSuspenseQuery)(_validateInstruments.validateInstruments, {
+    variables: {
+      instruments,
+      division
+    },
+    fetchPolicy: 'network-only'
+  });
+  const showError = !!error || isParamError;
+  return _react.default.createElement(_react.default.Fragment, null, !showError && _react.default.createElement(_Main.Main, {
+    size: widgetSize,
+    division: division,
+    records: (0, _utils.getRecords)(data)
+  }), showError && _react.default.createElement("div", {
+    className: (0, _classnames.default)('lw-flex lw-border lw-border-solid lw-border-border-primary lw-px-4 lw-text-sm lw-tracking-normal lw-text-text-primary', {
+      'lw-h-[82px]': widgetSize !== 'compact',
+      'lw-h-[54px]': widgetSize === 'compact'
+    })
+  }, _react.default.createElement(_labsWidgetCommon.Error, null)));
+};
+exports.ValidationWrapper = ValidationWrapper;
+//# sourceMappingURL=ValidationWrapper.js.map

package/dist/main/TickerTapeWidget/ValidationWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ValidationWrapper.js","names":["_react","_interopRequireDefault","require","_client","_classnames","_labsWidgetCommon","_validateInstruments","_Main","_utils","e","__esModule","default","ValidationWrapper","_ref","instruments","division","size","widgetSize","isParamError","data","error","useSuspenseQuery","validateInstruments","variables","fetchPolicy","showError","createElement","Fragment","Main","records","getRecords","className","classnames","Error","exports"],"sources":["../../../src/TickerTapeWidget/ValidationWrapper.tsx"],"sourcesContent":["import React from 'react';\nimport { useSuspenseQuery } from '@apollo/client';\nimport classnames from 'classnames';\nimport { Error } from '@oanda/labs-widget-common';\nimport { validateInstruments } from '../gql/validateInstruments';\nimport { ValidateInstrumentsQuery, ValidateInstrumentsQueryVariables } from '../gql/types/graphql';\nimport { Main } from './Main';\nimport { getRecords } from './utils';\nimport { ValidationWrapperProps } from './types';\n\nconst ValidationWrapper = ({\n  instruments,\n  division,\n  size: widgetSize,\n  isParamError,\n}: ValidationWrapperProps) => {\n  const { data, error } = useSuspenseQuery<\n  ValidateInstrumentsQuery,\n  ValidateInstrumentsQueryVariables\n  >(validateInstruments, {\n    variables: {\n      instruments,\n      division,\n    },\n    fetchPolicy: 'network-only',\n  });\n\n  const showError = !!error || isParamError;\n\n  return (\n    <>\n      {!showError && (\n        <Main\n          size={widgetSize}\n          division={division}\n          records={getRecords(data)!}\n        />\n      )}\n      {showError && (\n      <div className={classnames('lw-flex lw-border lw-border-solid lw-border-border-primary lw-px-4 lw-text-sm lw-tracking-normal lw-text-text-primary', {\n        'lw-h-[82px]': widgetSize !== 'compact',\n        'lw-h-[54px]': widgetSize === 'compact',\n      })}\n      >\n        <Error />\n      </div>\n      )}\n    </>\n  );\n};\n\nexport { ValidationWrapper };\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AACA,IAAAI,oBAAA,GAAAJ,OAAA;AAEA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AAAqC,SAAAD,uBAAAQ,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAGrC,MAAMG,iBAAiB,GAAGC,IAAA,IAKI;EAAA,IALH;IACzBC,WAAW;IACXC,QAAQ;IACRC,IAAI,EAAEC,UAAU;IAChBC;EACsB,CAAC,GAAAL,IAAA;EACvB,MAAM;IAAEM,IAAI;IAAEC;EAAM,CAAC,GAAG,IAAAC,wBAAgB,EAGtCC,wCAAmB,EAAE;IACrBC,SAAS,EAAE;MACTT,WAAW;MACXC;IACF,CAAC;IACDS,WAAW,EAAE;EACf,CAAC,CAAC;EAEF,MAAMC,SAAS,GAAG,CAAC,CAACL,KAAK,IAAIF,YAAY;EAEzC,OACElB,MAAA,CAAAW,OAAA,CAAAe,aAAA,CAAA1B,MAAA,CAAAW,OAAA,CAAAgB,QAAA,QACG,CAACF,SAAS,IACTzB,MAAA,CAAAW,OAAA,CAAAe,aAAA,CAACnB,KAAA,CAAAqB,IAAI;IACHZ,IAAI,EAAEC,UAAW;IACjBF,QAAQ,EAAEA,QAAS;IACnBc,OAAO,EAAE,IAAAC,iBAAU,EAACX,IAAI;EAAG,CAC5B,CACF,EACAM,SAAS,IACVzB,MAAA,CAAAW,OAAA,CAAAe,aAAA;IAAKK,SAAS,EAAE,IAAAC,mBAAU,EAAC,uHAAuH,EAAE;MAClJ,aAAa,EAAEf,UAAU,KAAK,SAAS;MACvC,aAAa,EAAEA,UAAU,KAAK;IAChC,CAAC;EAAE,GAEDjB,MAAA,CAAAW,OAAA,CAAAe,aAAA,CAACrB,iBAAA,CAAA4B,KAAK,MAAE,CACL,CAEL,CAAC;AAEP,CAAC;AAACC,OAAA,CAAAtB,iBAAA,GAAAA,iBAAA","ignoreList":[]}

package/dist/main/TickerTapeWidget/components/InstrumentRateWithData/InstrumentRateWithData.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.InstrumentRateWithData = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _client = require("@apollo/client");
+var _labsWidgetCommon = require("@oanda/labs-widget-common");
+var _constant = require("../../constant");
+var _getInstrumentsChart = require("../../../gql/getInstrumentsChart");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const InstrumentRateWithData = _ref => {
+  let {
+    record,
+    division,
+    target,
+    size
+  } = _ref;
+  const hasInstrument = !!record.instrument;
+  const [queryRef] = (0, _client.useBackgroundQuery)(_getInstrumentsChart.getInstrumentsChart, {
+    variables: {
+      instruments: [record.instrument],
+      division
+    },
+    fetchPolicy: 'network-only',
+    skip: !hasInstrument
+  });
+  return _react.default.createElement(_labsWidgetCommon.InstrumentRateWithChart, {
+    record: record,
+    target: target,
+    size: size,
+    tooltipId: _constant.INSTRUMENT_TOOLTIP_ID,
+    queryRef: queryRef
+  });
+};
+exports.InstrumentRateWithData = InstrumentRateWithData;
+//# sourceMappingURL=InstrumentRateWithData.js.map

package/dist/main/TickerTapeWidget/components/InstrumentRateWithData/InstrumentRateWithData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InstrumentRateWithData.js","names":["_react","_interopRequireDefault","require","_client","_labsWidgetCommon","_constant","_getInstrumentsChart","e","__esModule","default","InstrumentRateWithData","_ref","record","division","target","size","hasInstrument","instrument","queryRef","useBackgroundQuery","getInstrumentsChart","variables","instruments","fetchPolicy","skip","createElement","InstrumentRateWithChart","tooltipId","INSTRUMENT_TOOLTIP_ID","exports"],"sources":["../../../../../src/TickerTapeWidget/components/InstrumentRateWithData/InstrumentRateWithData.tsx"],"sourcesContent":["import React from 'react';\nimport { useBackgroundQuery } from '@apollo/client';\nimport { InstrumentRateWithChart } from '@oanda/labs-widget-common';\nimport { InstrumentRateWithDataProps } from './types';\nimport { INSTRUMENT_TOOLTIP_ID } from '../../constant';\nimport { getInstrumentsChart } from '../../../gql/getInstrumentsChart';\nimport { GetInstrumentsChartQuery, GetInstrumentsChartQueryVariables } from '../../../gql/types/graphql';\n\nconst InstrumentRateWithData = ({\n  record,\n  division,\n  target,\n  size,\n}: InstrumentRateWithDataProps) => {\n  const hasInstrument = !!record.instrument;\n\n  const [queryRef] = useBackgroundQuery<\n  GetInstrumentsChartQuery,\n  GetInstrumentsChartQueryVariables\n  >(getInstrumentsChart, {\n    variables: {\n      instruments: [record.instrument],\n      division,\n    },\n    fetchPolicy: 'network-only',\n    skip: !hasInstrument,\n  });\n\n  return (\n    <InstrumentRateWithChart<GetInstrumentsChartQuery>\n      record={record}\n      target={target}\n      size={size}\n      tooltipId={INSTRUMENT_TOOLTIP_ID}\n      queryRef={queryRef}\n    />\n  );\n};\n\nexport { InstrumentRateWithData };\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AAEA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,oBAAA,GAAAJ,OAAA;AAAuE,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAGvE,MAAMG,sBAAsB,GAAGC,IAAA,IAKI;EAAA,IALH;IAC9BC,MAAM;IACNC,QAAQ;IACRC,MAAM;IACNC;EAC2B,CAAC,GAAAJ,IAAA;EAC5B,MAAMK,aAAa,GAAG,CAAC,CAACJ,MAAM,CAACK,UAAU;EAEzC,MAAM,CAACC,QAAQ,CAAC,GAAG,IAAAC,0BAAkB,EAGnCC,wCAAmB,EAAE;IACrBC,SAAS,EAAE;MACTC,WAAW,EAAE,CAACV,MAAM,CAACK,UAAU,CAAC;MAChCJ;IACF,CAAC;IACDU,WAAW,EAAE,cAAc;IAC3BC,IAAI,EAAE,CAACR;EACT,CAAC,CAAC;EAEF,OACEhB,MAAA,CAAAS,OAAA,CAAAgB,aAAA,CAACrB,iBAAA,CAAAsB,uBAAuB;IACtBd,MAAM,EAAEA,MAAO;IACfE,MAAM,EAAEA,MAAO;IACfC,IAAI,EAAEA,IAAK;IACXY,SAAS,EAAEC,+BAAsB;IACjCV,QAAQ,EAAEA;EAAS,CACpB,CAAC;AAEN,CAAC;AAACW,OAAA,CAAAnB,sBAAA,GAAAA,sBAAA","ignoreList":[]}

package/dist/main/TickerTapeWidget/components/InstrumentRateWithData/index.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _InstrumentRateWithData = require("./InstrumentRateWithData");
+Object.keys(_InstrumentRateWithData).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _InstrumentRateWithData[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _InstrumentRateWithData[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/dist/main/TickerTapeWidget/components/InstrumentRateWithData/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_InstrumentRateWithData","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../../src/TickerTapeWidget/components/InstrumentRateWithData/index.ts"],"sourcesContent":["export * from './InstrumentRateWithData';\n"],"mappings":";;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,uBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,uBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,uBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/dist/main/TickerTapeWidget/components/InstrumentRateWithData/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../../../src/TickerTapeWidget/components/InstrumentRateWithData/types.ts"],"sourcesContent":["import { DataRecord, WidgetSize } from '@oanda/labs-widget-common';\nimport { Division } from '../../types';\n\nexport interface InstrumentRateWithDataProps {\n  record: DataRecord;\n  target: EventTarget | null;\n  division: Division;\n  size?: WidgetSize\n}\n"],"mappings":"","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["_monoI18n","require","_graphql"],"sources":["../../../src/TickerTapeWidget/types.tsx"],"sourcesContent":["import { Locale } from '@oanda/mono-i18n';\nimport { Theme } from '@oanda/labs-widget-common';\nimport { Division } from '../gql/types/graphql';\n\nexport { Locale } from '@oanda/mono-i18n';\nexport { Division } from '../gql/types/graphql';\n\nexport interface TickerTapeConfig {\n  graphqlUrl: string;\n  division: Division;\n  liveRatesUrl: string;\n  instruments: string[];\n  locale: Locale;\n  theme?: Theme;\n  isParamError?: boolean;\n  removePadding?: boolean;\n  size?: 'compact' | 'full' | 'fullWithChart';\n}\n\nexport interface MainProps {\n  instruments: string[];\n  division: Division;\n  size?: 'compact' | 'full' | 'fullWithChart'\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAIA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA","ignoreList":[]}
+{"version":3,"file":"types.js","names":["_monoI18n","require","_graphql"],"sources":["../../../src/TickerTapeWidget/types.tsx"],"sourcesContent":["import { Locale } from '@oanda/mono-i18n';\nimport { DataRecord, Theme, WidgetSize } from '@oanda/labs-widget-common';\nimport { Division } from '../gql/types/graphql';\n\nexport { Locale } from '@oanda/mono-i18n';\nexport { Division } from '../gql/types/graphql';\n\nexport interface TickerTapeConfig {\n  graphqlUrl: string;\n  division: Division;\n  liveRatesUrl: string;\n  instruments: string[];\n  locale: Locale;\n  theme?: Theme;\n  isParamError?: boolean;\n  removePadding?: boolean;\n  size?: WidgetSize;\n}\nexport interface ValidationWrapperProps {\n  instruments: string[];\n  division: Division;\n  size?: WidgetSize;\n  isParamError?: boolean;\n}\nexport interface MainProps {\n  records: DataRecord[];\n  division: Division;\n  size?: WidgetSize;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAIA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA","ignoreList":[]}

package/dist/module/TickerTapeWidget/Main.js

@@ -1,39 +1,19 @@
-import React, { useEffect, useState } from 'react';
+import React, { useEffect } from 'react';
 import Marquee from 'react-fast-marquee';
 import classnames from 'classnames';
-import { useQuery } from '@apollo/client';
-import { ChartError, Tooltip, useLiveRatesQuery } from '@oanda/labs-widget-common';
-import { validateInstruments } from '../gql/validateInstruments';
-import { getRecords } from './utils';
-import { InstrumentRateWithChart } from './components/InstrumentRateWithChart';
+import { Tooltip, useLiveRatesQuery } from '@oanda/labs-widget-common';
 import { INSTRUMENT_TOOLTIP_ID } from './constant';
+import { InstrumentRateWithData } from './components/InstrumentRateWithData';
 const Main = _ref => {
   let {
-    instruments,
+    records,
     division,
     size: widgetSize = 'fullWithChart'
   } = _ref;
-  const [records, setRecords] = useState([]);
   const {
     target,
     setQuery
   } = useLiveRatesQuery();
-  const {
-    loading,
-    data,
-    error
-  } = useQuery(validateInstruments, {
-    variables: {
-      instruments,
-      division
-    },
-    fetchPolicy: 'network-only'
-  });
-  useEffect(() => {
-    if (!loading && data) {
-      setRecords(getRecords(data));
-    }
-  }, [loading, data]);
   const instrumentsNames = records.map(_ref2 => {
     let {
       instrument: instrumentName
@@ -47,12 +27,10 @@ const Main = _ref => {
       });
     }
   }, [records]);
-  const showError = !!error;
-  const isLoading = loading || !data;
   return React.createElement("div", {
     "data-testid": "ticker-tape-wrapper"
   }, React.createElement(Marquee, {
-    play: !isLoading,
+    play: records.length > 0,
     autoFill: true,
     pauseOnHover: true,
     speed: 60
@@ -62,17 +40,14 @@ const Main = _ref => {
       'lw-h-[82px]': widgetSize !== 'compact',
       'lw-h-[54px]': widgetSize === 'compact'
     })
-  }, React.createElement(InstrumentRateWithChart, {
-    loading: loading,
+  }, React.createElement(InstrumentRateWithData, {
     record: record,
     target: target,
     division: division,
     size: widgetSize
   })))), React.createElement(Tooltip, {
     id: INSTRUMENT_TOOLTIP_ID
-  }), !loading && showError && React.createElement("div", {
-    className: "lw-flex lw-h-[150px] lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary"
-  }, React.createElement(ChartError, null)));
+  }));
 };
 export { Main };
 //# sourceMappingURL=Main.js.map

package/dist/module/TickerTapeWidget/Main.js.map

@@ -1 +1 @@
-{"version":3,"file":"Main.js","names":["React","useEffect","useState","Marquee","classnames","useQuery","ChartError","Tooltip","useLiveRatesQuery","validateInstruments","getRecords","InstrumentRateWithChart","INSTRUMENT_TOOLTIP_ID","Main","_ref","instruments","division","size","widgetSize","records","setRecords","target","setQuery","loading","data","error","variables","fetchPolicy","instrumentsNames","map","_ref2","instrument","instrumentName","showError","isLoading","createElement","play","autoFill","pauseOnHover","speed","record","key","className","id"],"sources":["../../../src/TickerTapeWidget/Main.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport Marquee from 'react-fast-marquee';\nimport classnames from 'classnames';\nimport { useQuery } from '@apollo/client';\nimport {\n  ChartError, DataRecord, Tooltip, useLiveRatesQuery,\n} from '@oanda/labs-widget-common';\nimport { MainProps } from './types';\nimport {\n  ValidateInstrumentsQuery,\n  ValidateInstrumentsQueryVariables,\n} from '../gql/types/graphql';\nimport { validateInstruments } from '../gql/validateInstruments';\nimport { getRecords } from './utils';\nimport { InstrumentRateWithChart } from './components/InstrumentRateWithChart';\nimport { INSTRUMENT_TOOLTIP_ID } from './constant';\n\nconst Main = ({\n  instruments,\n  division,\n  size: widgetSize = 'fullWithChart',\n}: MainProps) => {\n  const [records, setRecords] = useState<DataRecord[]>([]);\n  const { target, setQuery } = useLiveRatesQuery();\n  const { loading, data, error } = useQuery<\n  ValidateInstrumentsQuery,\n  ValidateInstrumentsQueryVariables\n  >(validateInstruments, {\n    variables: {\n      instruments,\n      division,\n    },\n    fetchPolicy: 'network-only',\n  });\n\n  useEffect(() => {\n    if (!loading && data) {\n      setRecords(getRecords(data)!);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [loading, data]);\n\n  const instrumentsNames = records.map(({ instrument: instrumentName }) => instrumentName);\n\n  useEffect(() => {\n    if (instrumentsNames[0]) {\n      setQuery({ instruments: instrumentsNames });\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [records]);\n\n  const showError = !!error;\n  const isLoading = loading || !data;\n\n  return (\n    <div data-testid=\"ticker-tape-wrapper\">\n      <Marquee\n        play={!isLoading}\n        autoFill\n        pauseOnHover\n        speed={60}\n      >\n        {records.map((record) => (\n          <div\n            key={record.instrument}\n            className={classnames('lw-flex lw-border lw-border-r-0 lw-border-solid lw-border-border-primary lw-px-4 lw-text-sm lw-tracking-normal lw-text-text-primary', {\n              'lw-h-[82px]': widgetSize !== 'compact',\n              'lw-h-[54px]': widgetSize === 'compact',\n            })}\n          >\n            <InstrumentRateWithChart\n              loading={loading}\n              record={record}\n              target={target}\n              division={division}\n              size={widgetSize}\n            />\n          </div>\n        ))}\n      </Marquee>\n      <Tooltip id={INSTRUMENT_TOOLTIP_ID} />\n      {!loading && showError && (\n        <div className=\"lw-flex lw-h-[150px] lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary\">\n          <ChartError />\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport { Main };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAClD,OAAOC,OAAO,MAAM,oBAAoB;AACxC,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,QAAQ,QAAQ,gBAAgB;AACzC,SACEC,UAAU,EAAcC,OAAO,EAAEC,iBAAiB,QAC7C,2BAA2B;AAMlC,SAASC,mBAAmB,QAAQ,4BAA4B;AAChE,SAASC,UAAU,QAAQ,SAAS;AACpC,SAASC,uBAAuB,QAAQ,sCAAsC;AAC9E,SAASC,qBAAqB,QAAQ,YAAY;AAElD,MAAMC,IAAI,GAAGC,IAAA,IAII;EAAA,IAJH;IACZC,WAAW;IACXC,QAAQ;IACRC,IAAI,EAAEC,UAAU,GAAG;EACV,CAAC,GAAAJ,IAAA;EACV,MAAM,CAACK,OAAO,EAAEC,UAAU,CAAC,GAAGlB,QAAQ,CAAe,EAAE,CAAC;EACxD,MAAM;IAAEmB,MAAM;IAAEC;EAAS,CAAC,GAAGd,iBAAiB,CAAC,CAAC;EAChD,MAAM;IAAEe,OAAO;IAAEC,IAAI;IAAEC;EAAM,CAAC,GAAGpB,QAAQ,CAGvCI,mBAAmB,EAAE;IACrBiB,SAAS,EAAE;MACTX,WAAW;MACXC;IACF,CAAC;IACDW,WAAW,EAAE;EACf,CAAC,CAAC;EAEF1B,SAAS,CAAC,MAAM;IACd,IAAI,CAACsB,OAAO,IAAIC,IAAI,EAAE;MACpBJ,UAAU,CAACV,UAAU,CAACc,IAAI,CAAE,CAAC;IAC/B;EAEF,CAAC,EAAE,CAACD,OAAO,EAAEC,IAAI,CAAC,CAAC;EAEnB,MAAMI,gBAAgB,GAAGT,OAAO,CAACU,GAAG,CAACC,KAAA;IAAA,IAAC;MAAEC,UAAU,EAAEC;IAAe,CAAC,GAAAF,KAAA;IAAA,OAAKE,cAAc;EAAA,EAAC;EAExF/B,SAAS,CAAC,MAAM;IACd,IAAI2B,gBAAgB,CAAC,CAAC,CAAC,EAAE;MACvBN,QAAQ,CAAC;QAAEP,WAAW,EAAEa;MAAiB,CAAC,CAAC;IAC7C;EAEF,CAAC,EAAE,CAACT,OAAO,CAAC,CAAC;EAEb,MAAMc,SAAS,GAAG,CAAC,CAACR,KAAK;EACzB,MAAMS,SAAS,GAAGX,OAAO,IAAI,CAACC,IAAI;EAElC,OACExB,KAAA,CAAAmC,aAAA;IAAK,eAAY;EAAqB,GACpCnC,KAAA,CAAAmC,aAAA,CAAChC,OAAO;IACNiC,IAAI,EAAE,CAACF,SAAU;IACjBG,QAAQ;IACRC,YAAY;IACZC,KAAK,EAAE;EAAG,GAETpB,OAAO,CAACU,GAAG,CAAEW,MAAM,IAClBxC,KAAA,CAAAmC,aAAA;IACEM,GAAG,EAAED,MAAM,CAACT,UAAW;IACvBW,SAAS,EAAEtC,UAAU,CAAC,qIAAqI,EAAE;MAC3J,aAAa,EAAEc,UAAU,KAAK,SAAS;MACvC,aAAa,EAAEA,UAAU,KAAK;IAChC,CAAC;EAAE,GAEHlB,KAAA,CAAAmC,aAAA,CAACxB,uBAAuB;IACtBY,OAAO,EAAEA,OAAQ;IACjBiB,MAAM,EAAEA,MAAO;IACfnB,MAAM,EAAEA,MAAO;IACfL,QAAQ,EAAEA,QAAS;IACnBC,IAAI,EAAEC;EAAW,CAClB,CACE,CACN,CACM,CAAC,EACVlB,KAAA,CAAAmC,aAAA,CAAC5B,OAAO;IAACoC,EAAE,EAAE/B;EAAsB,CAAE,CAAC,EACrC,CAACW,OAAO,IAAIU,SAAS,IACpBjC,KAAA,CAAAmC,aAAA;IAAKO,SAAS,EAAC;EAAmG,GAChH1C,KAAA,CAAAmC,aAAA,CAAC7B,UAAU,MAAE,CACV,CAEJ,CAAC;AAEV,CAAC;AAED,SAASO,IAAI","ignoreList":[]}
+{"version":3,"file":"Main.js","names":["React","useEffect","Marquee","classnames","Tooltip","useLiveRatesQuery","INSTRUMENT_TOOLTIP_ID","InstrumentRateWithData","Main","_ref","records","division","size","widgetSize","target","setQuery","instrumentsNames","map","_ref2","instrument","instrumentName","instruments","createElement","play","length","autoFill","pauseOnHover","speed","record","key","className","id"],"sources":["../../../src/TickerTapeWidget/Main.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport Marquee from 'react-fast-marquee';\nimport classnames from 'classnames';\nimport { Tooltip, useLiveRatesQuery } from '@oanda/labs-widget-common';\nimport { MainProps } from './types';\nimport { INSTRUMENT_TOOLTIP_ID } from './constant';\nimport { InstrumentRateWithData } from './components/InstrumentRateWithData';\n\nconst Main = ({\n  records,\n  division,\n  size: widgetSize = 'fullWithChart',\n}: MainProps) => {\n  const { target, setQuery } = useLiveRatesQuery();\n\n  const instrumentsNames = records.map(({ instrument: instrumentName }) => instrumentName);\n\n  useEffect(() => {\n    if (instrumentsNames[0]) {\n      setQuery({ instruments: instrumentsNames });\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [records]);\n\n  return (\n    <div data-testid=\"ticker-tape-wrapper\">\n      <Marquee\n        play={records.length > 0}\n        autoFill\n        pauseOnHover\n        speed={60}\n      >\n        {records.map((record) => (\n          <div\n            key={record.instrument}\n            className={classnames('lw-flex lw-border lw-border-r-0 lw-border-solid lw-border-border-primary lw-px-4 lw-text-sm lw-tracking-normal lw-text-text-primary', {\n              'lw-h-[82px]': widgetSize !== 'compact',\n              'lw-h-[54px]': widgetSize === 'compact',\n            })}\n          >\n            <InstrumentRateWithData\n              record={record}\n              target={target}\n              division={division}\n              size={widgetSize}\n            />\n          </div>\n        ))}\n      </Marquee>\n      <Tooltip id={INSTRUMENT_TOOLTIP_ID} />\n    </div>\n  );\n};\n\nexport { Main };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,OAAOC,OAAO,MAAM,oBAAoB;AACxC,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,OAAO,EAAEC,iBAAiB,QAAQ,2BAA2B;AAEtE,SAASC,qBAAqB,QAAQ,YAAY;AAClD,SAASC,sBAAsB,QAAQ,qCAAqC;AAE5E,MAAMC,IAAI,GAAGC,IAAA,IAII;EAAA,IAJH;IACZC,OAAO;IACPC,QAAQ;IACRC,IAAI,EAAEC,UAAU,GAAG;EACV,CAAC,GAAAJ,IAAA;EACV,MAAM;IAAEK,MAAM;IAAEC;EAAS,CAAC,GAAGV,iBAAiB,CAAC,CAAC;EAEhD,MAAMW,gBAAgB,GAAGN,OAAO,CAACO,GAAG,CAACC,KAAA;IAAA,IAAC;MAAEC,UAAU,EAAEC;IAAe,CAAC,GAAAF,KAAA;IAAA,OAAKE,cAAc;EAAA,EAAC;EAExFnB,SAAS,CAAC,MAAM;IACd,IAAIe,gBAAgB,CAAC,CAAC,CAAC,EAAE;MACvBD,QAAQ,CAAC;QAAEM,WAAW,EAAEL;MAAiB,CAAC,CAAC;IAC7C;EAEF,CAAC,EAAE,CAACN,OAAO,CAAC,CAAC;EAEb,OACEV,KAAA,CAAAsB,aAAA;IAAK,eAAY;EAAqB,GACpCtB,KAAA,CAAAsB,aAAA,CAACpB,OAAO;IACNqB,IAAI,EAAEb,OAAO,CAACc,MAAM,GAAG,CAAE;IACzBC,QAAQ;IACRC,YAAY;IACZC,KAAK,EAAE;EAAG,GAETjB,OAAO,CAACO,GAAG,CAAEW,MAAM,IAClB5B,KAAA,CAAAsB,aAAA;IACEO,GAAG,EAAED,MAAM,CAACT,UAAW;IACvBW,SAAS,EAAE3B,UAAU,CAAC,qIAAqI,EAAE;MAC3J,aAAa,EAAEU,UAAU,KAAK,SAAS;MACvC,aAAa,EAAEA,UAAU,KAAK;IAChC,CAAC;EAAE,GAEHb,KAAA,CAAAsB,aAAA,CAACf,sBAAsB;IACrBqB,MAAM,EAAEA,MAAO;IACfd,MAAM,EAAEA,MAAO;IACfH,QAAQ,EAAEA,QAAS;IACnBC,IAAI,EAAEC;EAAW,CAClB,CACE,CACN,CACM,CAAC,EACVb,KAAA,CAAAsB,aAAA,CAAClB,OAAO;IAAC2B,EAAE,EAAEzB;EAAsB,CAAE,CAClC,CAAC;AAEV,CAAC;AAED,SAASE,IAAI","ignoreList":[]}

package/dist/module/TickerTapeWidget/TickerTapeWidget.js

@@ -1,10 +1,10 @@
-import React from 'react';
+import React, { Suspense } from 'react';
 import { ApolloClient, InMemoryCache, ApolloProvider } from '@apollo/client';
 import { LocaleProvider } from '@oanda/mono-i18n';
-import { ChartError, LiveRatesProvider, ThemeProvider, getLocale } from '@oanda/labs-widget-common';
+import { LiveRatesProvider, ThemeProvider, getLocale } from '@oanda/labs-widget-common';
 import { translations } from '../translations';
-import { Main } from './Main';
 import { Division } from './types';
+import { ValidationWrapper } from './ValidationWrapper';
 const TickerTapeWidget = _ref => {
   let {
     graphqlUrl,
@@ -37,13 +37,12 @@ const TickerTapeWidget = _ref => {
     }
   }, 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)) : React.createElement(Main, {
+  }, React.createElement(Suspense, null, React.createElement(ValidationWrapper, {
     size: size,
     instruments: instruments,
-    division: division
-  })))));
+    division: division,
+    isParamError: isParamError
+  }))))));
 };
 export { TickerTapeWidget };
 //# sourceMappingURL=TickerTapeWidget.js.map

package/dist/module/TickerTapeWidget/TickerTapeWidget.js.map

@@ -1 +1 @@
-{"version":3,"file":"TickerTapeWidget.js","names":["React","ApolloClient","InMemoryCache","ApolloProvider","LocaleProvider","ChartError","LiveRatesProvider","ThemeProvider","getLocale","translations","Main","Division","TickerTapeWidget","_ref","graphqlUrl","liveRatesUrl","instruments","division","locale","theme","isParamError","removePadding","size","client","uri","cache","divisionCode","Opt","Ogm","dataSource","createElement","url","options","className"],"sources":["../../../src/TickerTapeWidget/TickerTapeWidget.tsx"],"sourcesContent":["import React from 'react';\nimport { ApolloClient, InMemoryCache, ApolloProvider } from '@apollo/client';\nimport { LocaleProvider } from '@oanda/mono-i18n';\nimport {\n  ChartError, LiveRatesProvider, ThemeProvider, getLocale,\n} from '@oanda/labs-widget-common';\nimport { translations } from '../translations';\nimport { Main } from './Main';\nimport { Division, TickerTapeConfig } from './types';\n\nconst TickerTapeWidget = ({\n  graphqlUrl,\n  liveRatesUrl,\n  instruments,\n  division,\n  locale,\n  theme,\n  isParamError,\n  removePadding,\n  size,\n}: TickerTapeConfig) => {\n  const client = new ApolloClient({\n    uri: graphqlUrl,\n    cache: new InMemoryCache(),\n  });\n\n  const divisionCode = division === Division.Opt ? Division.Ogm : division;\n  const dataSource = divisionCode === Division.Ogm ? 'MT5' : 'V20';\n\n  return (\n    <ThemeProvider removePadding={removePadding} theme={theme}>\n      <LocaleProvider locale={getLocale(locale)} translations={translations}>\n        <LiveRatesProvider\n          url={liveRatesUrl}\n          options={{ divisionCode, dataSource }}\n        >\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              : (\n                <Main\n                  size={size}\n                  instruments={instruments}\n                  division={division}\n                />\n              )}\n          </ApolloProvider>\n        </LiveRatesProvider>\n      </LocaleProvider>\n    </ThemeProvider>\n  );\n};\n\nexport { TickerTapeWidget };\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,iBAAiB,EAAEC,aAAa,EAAEC,SAAS,QAClD,2BAA2B;AAClC,SAASC,YAAY,QAAQ,iBAAiB;AAC9C,SAASC,IAAI,QAAQ,QAAQ;AAC7B,SAASC,QAAQ,QAA0B,SAAS;AAEpD,MAAMC,gBAAgB,GAAGC,IAAA,IAUD;EAAA,IAVE;IACxBC,UAAU;IACVC,YAAY;IACZC,WAAW;IACXC,QAAQ;IACRC,MAAM;IACNC,KAAK;IACLC,YAAY;IACZC,aAAa;IACbC;EACgB,CAAC,GAAAT,IAAA;EACjB,MAAMU,MAAM,GAAG,IAAItB,YAAY,CAAC;IAC9BuB,GAAG,EAAEV,UAAU;IACfW,KAAK,EAAE,IAAIvB,aAAa,CAAC;EAC3B,CAAC,CAAC;EAEF,MAAMwB,YAAY,GAAGT,QAAQ,KAAKN,QAAQ,CAACgB,GAAG,GAAGhB,QAAQ,CAACiB,GAAG,GAAGX,QAAQ;EACxE,MAAMY,UAAU,GAAGH,YAAY,KAAKf,QAAQ,CAACiB,GAAG,GAAG,KAAK,GAAG,KAAK;EAEhE,OACE5B,KAAA,CAAA8B,aAAA,CAACvB,aAAa;IAACc,aAAa,EAAEA,aAAc;IAACF,KAAK,EAAEA;EAAM,GACxDnB,KAAA,CAAA8B,aAAA,CAAC1B,cAAc;IAACc,MAAM,EAAEV,SAAS,CAACU,MAAM,CAAE;IAACT,YAAY,EAAEA;EAAa,GACpET,KAAA,CAAA8B,aAAA,CAACxB,iBAAiB;IAChByB,GAAG,EAAEhB,YAAa;IAClBiB,OAAO,EAAE;MAAEN,YAAY;MAAEG;IAAW;EAAE,GAEtC7B,KAAA,CAAA8B,aAAA,CAAC3B,cAAc;IAACoB,MAAM,EAAEA;EAAO,GAC5BH,YAAY,GACXpB,KAAA,CAAA8B,aAAA;IAAKG,SAAS,EAAC;EAAmG,GAChHjC,KAAA,CAAA8B,aAAA,CAACzB,UAAU,MAAE,CACV,CAAC,GAGJL,KAAA,CAAA8B,aAAA,CAACpB,IAAI;IACHY,IAAI,EAAEA,IAAK;IACXN,WAAW,EAAEA,WAAY;IACzBC,QAAQ,EAAEA;EAAS,CACpB,CAES,CACC,CACL,CACH,CAAC;AAEpB,CAAC;AAED,SAASL,gBAAgB","ignoreList":[]}
+{"version":3,"file":"TickerTapeWidget.js","names":["React","Suspense","ApolloClient","InMemoryCache","ApolloProvider","LocaleProvider","LiveRatesProvider","ThemeProvider","getLocale","translations","Division","ValidationWrapper","TickerTapeWidget","_ref","graphqlUrl","liveRatesUrl","instruments","division","locale","theme","isParamError","removePadding","size","client","uri","cache","divisionCode","Opt","Ogm","dataSource","createElement","url","options"],"sources":["../../../src/TickerTapeWidget/TickerTapeWidget.tsx"],"sourcesContent":["import React, { Suspense } from 'react';\nimport { ApolloClient, InMemoryCache, ApolloProvider } from '@apollo/client';\nimport { LocaleProvider } from '@oanda/mono-i18n';\nimport { LiveRatesProvider, ThemeProvider, getLocale } from '@oanda/labs-widget-common';\nimport { translations } from '../translations';\nimport { Division, TickerTapeConfig } from './types';\nimport { ValidationWrapper } from './ValidationWrapper';\n\nconst TickerTapeWidget = ({\n  graphqlUrl,\n  liveRatesUrl,\n  instruments,\n  division,\n  locale,\n  theme,\n  isParamError,\n  removePadding,\n  size,\n}: TickerTapeConfig) => {\n  const client = new ApolloClient({\n    uri: graphqlUrl,\n    cache: new InMemoryCache(),\n  });\n\n  const divisionCode = division === Division.Opt ? Division.Ogm : division;\n  const dataSource = divisionCode === Division.Ogm ? 'MT5' : 'V20';\n\n  return (\n    <ThemeProvider removePadding={removePadding} theme={theme}>\n      <LocaleProvider locale={getLocale(locale)} translations={translations}>\n        <LiveRatesProvider\n          url={liveRatesUrl}\n          options={{ divisionCode, dataSource }}\n        >\n          <ApolloProvider client={client}>\n            <Suspense>\n              <ValidationWrapper\n                size={size}\n                instruments={instruments}\n                division={division}\n                isParamError={isParamError}\n              />\n            </Suspense>\n          </ApolloProvider>\n        </LiveRatesProvider>\n      </LocaleProvider>\n    </ThemeProvider>\n  );\n};\n\nexport { TickerTapeWidget };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,YAAY,EAAEC,aAAa,EAAEC,cAAc,QAAQ,gBAAgB;AAC5E,SAASC,cAAc,QAAQ,kBAAkB;AACjD,SAASC,iBAAiB,EAAEC,aAAa,EAAEC,SAAS,QAAQ,2BAA2B;AACvF,SAASC,YAAY,QAAQ,iBAAiB;AAC9C,SAASC,QAAQ,QAA0B,SAAS;AACpD,SAASC,iBAAiB,QAAQ,qBAAqB;AAEvD,MAAMC,gBAAgB,GAAGC,IAAA,IAUD;EAAA,IAVE;IACxBC,UAAU;IACVC,YAAY;IACZC,WAAW;IACXC,QAAQ;IACRC,MAAM;IACNC,KAAK;IACLC,YAAY;IACZC,aAAa;IACbC;EACgB,CAAC,GAAAT,IAAA;EACjB,MAAMU,MAAM,GAAG,IAAIrB,YAAY,CAAC;IAC9BsB,GAAG,EAAEV,UAAU;IACfW,KAAK,EAAE,IAAItB,aAAa,CAAC;EAC3B,CAAC,CAAC;EAEF,MAAMuB,YAAY,GAAGT,QAAQ,KAAKP,QAAQ,CAACiB,GAAG,GAAGjB,QAAQ,CAACkB,GAAG,GAAGX,QAAQ;EACxE,MAAMY,UAAU,GAAGH,YAAY,KAAKhB,QAAQ,CAACkB,GAAG,GAAG,KAAK,GAAG,KAAK;EAEhE,OACE5B,KAAA,CAAA8B,aAAA,CAACvB,aAAa;IAACc,aAAa,EAAEA,aAAc;IAACF,KAAK,EAAEA;EAAM,GACxDnB,KAAA,CAAA8B,aAAA,CAACzB,cAAc;IAACa,MAAM,EAAEV,SAAS,CAACU,MAAM,CAAE;IAACT,YAAY,EAAEA;EAAa,GACpET,KAAA,CAAA8B,aAAA,CAACxB,iBAAiB;IAChByB,GAAG,EAAEhB,YAAa;IAClBiB,OAAO,EAAE;MAAEN,YAAY;MAAEG;IAAW;EAAE,GAEtC7B,KAAA,CAAA8B,aAAA,CAAC1B,cAAc;IAACmB,MAAM,EAAEA;EAAO,GAC7BvB,KAAA,CAAA8B,aAAA,CAAC7B,QAAQ,QACPD,KAAA,CAAA8B,aAAA,CAACnB,iBAAiB;IAChBW,IAAI,EAAEA,IAAK;IACXN,WAAW,EAAEA,WAAY;IACzBC,QAAQ,EAAEA,QAAS;IACnBG,YAAY,EAAEA;EAAa,CAC5B,CACO,CACI,CACC,CACL,CACH,CAAC;AAEpB,CAAC;AAED,SAASR,gBAAgB","ignoreList":[]}

package/dist/module/TickerTapeWidget/ValidationWrapper.js

@@ -0,0 +1,38 @@
+import React from 'react';
+import { useSuspenseQuery } from '@apollo/client';
+import classnames from 'classnames';
+import { Error } from '@oanda/labs-widget-common';
+import { validateInstruments } from '../gql/validateInstruments';
+import { Main } from './Main';
+import { getRecords } from './utils';
+const ValidationWrapper = _ref => {
+  let {
+    instruments,
+    division,
+    size: widgetSize,
+    isParamError
+  } = _ref;
+  const {
+    data,
+    error
+  } = useSuspenseQuery(validateInstruments, {
+    variables: {
+      instruments,
+      division
+    },
+    fetchPolicy: 'network-only'
+  });
+  const showError = !!error || isParamError;
+  return React.createElement(React.Fragment, null, !showError && React.createElement(Main, {
+    size: widgetSize,
+    division: division,
+    records: getRecords(data)
+  }), showError && React.createElement("div", {
+    className: classnames('lw-flex lw-border lw-border-solid lw-border-border-primary lw-px-4 lw-text-sm lw-tracking-normal lw-text-text-primary', {
+      'lw-h-[82px]': widgetSize !== 'compact',
+      'lw-h-[54px]': widgetSize === 'compact'
+    })
+  }, React.createElement(Error, null)));
+};
+export { ValidationWrapper };
+//# sourceMappingURL=ValidationWrapper.js.map

package/dist/module/TickerTapeWidget/ValidationWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ValidationWrapper.js","names":["React","useSuspenseQuery","classnames","Error","validateInstruments","Main","getRecords","ValidationWrapper","_ref","instruments","division","size","widgetSize","isParamError","data","error","variables","fetchPolicy","showError","createElement","Fragment","records","className"],"sources":["../../../src/TickerTapeWidget/ValidationWrapper.tsx"],"sourcesContent":["import React from 'react';\nimport { useSuspenseQuery } from '@apollo/client';\nimport classnames from 'classnames';\nimport { Error } from '@oanda/labs-widget-common';\nimport { validateInstruments } from '../gql/validateInstruments';\nimport { ValidateInstrumentsQuery, ValidateInstrumentsQueryVariables } from '../gql/types/graphql';\nimport { Main } from './Main';\nimport { getRecords } from './utils';\nimport { ValidationWrapperProps } from './types';\n\nconst ValidationWrapper = ({\n  instruments,\n  division,\n  size: widgetSize,\n  isParamError,\n}: ValidationWrapperProps) => {\n  const { data, error } = useSuspenseQuery<\n  ValidateInstrumentsQuery,\n  ValidateInstrumentsQueryVariables\n  >(validateInstruments, {\n    variables: {\n      instruments,\n      division,\n    },\n    fetchPolicy: 'network-only',\n  });\n\n  const showError = !!error || isParamError;\n\n  return (\n    <>\n      {!showError && (\n        <Main\n          size={widgetSize}\n          division={division}\n          records={getRecords(data)!}\n        />\n      )}\n      {showError && (\n      <div className={classnames('lw-flex lw-border lw-border-solid lw-border-border-primary lw-px-4 lw-text-sm lw-tracking-normal lw-text-text-primary', {\n        'lw-h-[82px]': widgetSize !== 'compact',\n        'lw-h-[54px]': widgetSize === 'compact',\n      })}\n      >\n        <Error />\n      </div>\n      )}\n    </>\n  );\n};\n\nexport { ValidationWrapper };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,gBAAgB,QAAQ,gBAAgB;AACjD,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,KAAK,QAAQ,2BAA2B;AACjD,SAASC,mBAAmB,QAAQ,4BAA4B;AAEhE,SAASC,IAAI,QAAQ,QAAQ;AAC7B,SAASC,UAAU,QAAQ,SAAS;AAGpC,MAAMC,iBAAiB,GAAGC,IAAA,IAKI;EAAA,IALH;IACzBC,WAAW;IACXC,QAAQ;IACRC,IAAI,EAAEC,UAAU;IAChBC;EACsB,CAAC,GAAAL,IAAA;EACvB,MAAM;IAAEM,IAAI;IAAEC;EAAM,CAAC,GAAGd,gBAAgB,CAGtCG,mBAAmB,EAAE;IACrBY,SAAS,EAAE;MACTP,WAAW;MACXC;IACF,CAAC;IACDO,WAAW,EAAE;EACf,CAAC,CAAC;EAEF,MAAMC,SAAS,GAAG,CAAC,CAACH,KAAK,IAAIF,YAAY;EAEzC,OACEb,KAAA,CAAAmB,aAAA,CAAAnB,KAAA,CAAAoB,QAAA,QACG,CAACF,SAAS,IACTlB,KAAA,CAAAmB,aAAA,CAACd,IAAI;IACHM,IAAI,EAAEC,UAAW;IACjBF,QAAQ,EAAEA,QAAS;IACnBW,OAAO,EAAEf,UAAU,CAACQ,IAAI;EAAG,CAC5B,CACF,EACAI,SAAS,IACVlB,KAAA,CAAAmB,aAAA;IAAKG,SAAS,EAAEpB,UAAU,CAAC,uHAAuH,EAAE;MAClJ,aAAa,EAAEU,UAAU,KAAK,SAAS;MACvC,aAAa,EAAEA,UAAU,KAAK;IAChC,CAAC;EAAE,GAEDZ,KAAA,CAAAmB,aAAA,CAAChB,KAAK,MAAE,CACL,CAEL,CAAC;AAEP,CAAC;AAED,SAASI,iBAAiB","ignoreList":[]}

package/dist/module/TickerTapeWidget/components/InstrumentRateWithData/InstrumentRateWithData.js

@@ -0,0 +1,31 @@
+import React from 'react';
+import { useBackgroundQuery } from '@apollo/client';
+import { InstrumentRateWithChart } from '@oanda/labs-widget-common';
+import { INSTRUMENT_TOOLTIP_ID } from '../../constant';
+import { getInstrumentsChart } from '../../../gql/getInstrumentsChart';
+const InstrumentRateWithData = _ref => {
+  let {
+    record,
+    division,
+    target,
+    size
+  } = _ref;
+  const hasInstrument = !!record.instrument;
+  const [queryRef] = useBackgroundQuery(getInstrumentsChart, {
+    variables: {
+      instruments: [record.instrument],
+      division
+    },
+    fetchPolicy: 'network-only',
+    skip: !hasInstrument
+  });
+  return React.createElement(InstrumentRateWithChart, {
+    record: record,
+    target: target,
+    size: size,
+    tooltipId: INSTRUMENT_TOOLTIP_ID,
+    queryRef: queryRef
+  });
+};
+export { InstrumentRateWithData };
+//# sourceMappingURL=InstrumentRateWithData.js.map

package/dist/module/TickerTapeWidget/components/InstrumentRateWithData/InstrumentRateWithData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InstrumentRateWithData.js","names":["React","useBackgroundQuery","InstrumentRateWithChart","INSTRUMENT_TOOLTIP_ID","getInstrumentsChart","InstrumentRateWithData","_ref","record","division","target","size","hasInstrument","instrument","queryRef","variables","instruments","fetchPolicy","skip","createElement","tooltipId"],"sources":["../../../../../src/TickerTapeWidget/components/InstrumentRateWithData/InstrumentRateWithData.tsx"],"sourcesContent":["import React from 'react';\nimport { useBackgroundQuery } from '@apollo/client';\nimport { InstrumentRateWithChart } from '@oanda/labs-widget-common';\nimport { InstrumentRateWithDataProps } from './types';\nimport { INSTRUMENT_TOOLTIP_ID } from '../../constant';\nimport { getInstrumentsChart } from '../../../gql/getInstrumentsChart';\nimport { GetInstrumentsChartQuery, GetInstrumentsChartQueryVariables } from '../../../gql/types/graphql';\n\nconst InstrumentRateWithData = ({\n  record,\n  division,\n  target,\n  size,\n}: InstrumentRateWithDataProps) => {\n  const hasInstrument = !!record.instrument;\n\n  const [queryRef] = useBackgroundQuery<\n  GetInstrumentsChartQuery,\n  GetInstrumentsChartQueryVariables\n  >(getInstrumentsChart, {\n    variables: {\n      instruments: [record.instrument],\n      division,\n    },\n    fetchPolicy: 'network-only',\n    skip: !hasInstrument,\n  });\n\n  return (\n    <InstrumentRateWithChart<GetInstrumentsChartQuery>\n      record={record}\n      target={target}\n      size={size}\n      tooltipId={INSTRUMENT_TOOLTIP_ID}\n      queryRef={queryRef}\n    />\n  );\n};\n\nexport { InstrumentRateWithData };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,kBAAkB,QAAQ,gBAAgB;AACnD,SAASC,uBAAuB,QAAQ,2BAA2B;AAEnE,SAASC,qBAAqB,QAAQ,gBAAgB;AACtD,SAASC,mBAAmB,QAAQ,kCAAkC;AAGtE,MAAMC,sBAAsB,GAAGC,IAAA,IAKI;EAAA,IALH;IAC9BC,MAAM;IACNC,QAAQ;IACRC,MAAM;IACNC;EAC2B,CAAC,GAAAJ,IAAA;EAC5B,MAAMK,aAAa,GAAG,CAAC,CAACJ,MAAM,CAACK,UAAU;EAEzC,MAAM,CAACC,QAAQ,CAAC,GAAGZ,kBAAkB,CAGnCG,mBAAmB,EAAE;IACrBU,SAAS,EAAE;MACTC,WAAW,EAAE,CAACR,MAAM,CAACK,UAAU,CAAC;MAChCJ;IACF,CAAC;IACDQ,WAAW,EAAE,cAAc;IAC3BC,IAAI,EAAE,CAACN;EACT,CAAC,CAAC;EAEF,OACEX,KAAA,CAAAkB,aAAA,CAAChB,uBAAuB;IACtBK,MAAM,EAAEA,MAAO;IACfE,MAAM,EAAEA,MAAO;IACfC,IAAI,EAAEA,IAAK;IACXS,SAAS,EAAEhB,qBAAsB;IACjCU,QAAQ,EAAEA;EAAS,CACpB,CAAC;AAEN,CAAC;AAED,SAASR,sBAAsB","ignoreList":[]}

package/dist/module/TickerTapeWidget/components/InstrumentRateWithData/index.js

@@ -0,0 +1,2 @@
+export * from './InstrumentRateWithData';
+//# sourceMappingURL=index.js.map