@oanda/labs-instrument-live-rate-widget 1.0.9 → 1.0.10

package/CHANGELOG.md

@@ -3,6 +3,50 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 1.0.10 (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)
+
+
+
+## 1.0.144 (2024-07-22)
+
+
+
+## 1.0.143 (2024-07-19)
+
+
+
+## 1.0.142 (2024-07-16)
+
+
+
+## 1.0.141 (2024-07-16)
+
+
+
+## 1.0.140 (2024-07-12)
+
+**Note:** Version bump only for package @oanda/labs-instrument-live-rate-widget
+
+
+
+
+
 ## 1.0.9 (2024-08-01)
 
 

package/dist/main/InstrumentLiveRateWidget/InstrumentLiveRateWidget.js

@@ -4,15 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.InstrumentLiveRateWidget = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
+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 InstrumentLiveRateWidget = _ref => {
   let {
     graphqlUrl,
@@ -45,16 +45,12 @@ const InstrumentLiveRateWidget = _ref => {
     }
   }, _react.default.createElement(_client.ApolloProvider, {
     client: client
-  }, isParamError ? _react.default.createElement("div", {
-    className: (0, _classnames.default)('lw-flex lw-items-center lw-border lw-border-solid lw-border-border-primary lw-px-4', {
-      'lw-h-[82px]': size !== 'compact',
-      'lw-h-[54px]': size === 'compact'
-    })
-  }, _react.default.createElement(_labsWidgetCommon.Error, null)) : _react.default.createElement(_Main.Main, {
+  }, _react.default.createElement(_react.Suspense, null, _react.default.createElement(_ValidationWrapper.ValidationWrapper, {
     size: size,
     instrument: instrument,
-    division: division
-  })))));
+    division: division,
+    isParamError: isParamError
+  }))))));
 };
 exports.InstrumentLiveRateWidget = InstrumentLiveRateWidget;
 //# sourceMappingURL=InstrumentLiveRateWidget.js.map

package/dist/main/InstrumentLiveRateWidget/InstrumentLiveRateWidget.js.map

@@ -1 +1 @@
-{"version":3,"file":"InstrumentLiveRateWidget.js","names":["_react","_interopRequireDefault","require","_classnames","_client","_monoI18n","_labsWidgetCommon","_translations","_Main","_types","e","__esModule","default","InstrumentLiveRateWidget","_ref","graphqlUrl","liveRatesUrl","instrument","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","classnames","Error","Main","exports"],"sources":["../../../src/InstrumentLiveRateWidget/InstrumentLiveRateWidget.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport { ApolloClient, InMemoryCache, ApolloProvider } from '@apollo/client';\nimport { LocaleProvider } from '@oanda/mono-i18n';\nimport {\n  Error, LiveRatesProvider, ThemeProvider, getLocale,\n} from '@oanda/labs-widget-common';\nimport { translations } from '../translations';\nimport { Main } from './Main';\nimport { Division, InstrumentLiveRateConfig } from './types';\n\nconst InstrumentLiveRateWidget = ({\n  graphqlUrl,\n  liveRatesUrl,\n  instrument,\n  division,\n  locale,\n  theme,\n  isParamError,\n  removePadding,\n  size,\n}: InstrumentLiveRateConfig) => {\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={classnames('lw-flex lw-items-center lw-border lw-border-solid lw-border-border-primary lw-px-4', {\n                'lw-h-[82px]': size !== 'compact',\n                'lw-h-[54px]': size === 'compact',\n              })}\n              >\n                <Error />\n              </div>\n            )\n              : (\n                <Main\n                  size={size}\n                  instrument={instrument}\n                  division={division}\n                />\n              )}\n          </ApolloProvider>\n        </LiveRatesProvider>\n      </LocaleProvider>\n    </ThemeProvider>\n  );\n};\n\nexport { InstrumentLiveRateWidget };\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,iBAAA,GAAAJ,OAAA;AAGA,IAAAK,aAAA,GAAAL,OAAA;AACA,IAAAM,KAAA,GAAAN,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AAA6D,SAAAD,uBAAAS,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE7D,MAAMG,wBAAwB,GAAGC,IAAA,IAUD;EAAA,IAVE;IAChCC,UAAU;IACVC,YAAY;IACZC,UAAU;IACVC,QAAQ;IACRC,MAAM;IACNC,KAAK;IACLC,YAAY;IACZC,aAAa;IACbC;EACwB,CAAC,GAAAT,IAAA;EACzB,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,OACEhC,MAAA,CAAAY,OAAA,CAAAsB,aAAA,CAAC5B,iBAAA,CAAA6B,aAAa;IAACb,aAAa,EAAEA,aAAc;IAACF,KAAK,EAAEA;EAAM,GACxDpB,MAAA,CAAAY,OAAA,CAAAsB,aAAA,CAAC7B,SAAA,CAAA+B,cAAc;IAACjB,MAAM,EAAE,IAAAkB,2BAAS,EAAClB,MAAM,CAAE;IAACmB,YAAY,EAAEA;EAAa,GACpEtC,MAAA,CAAAY,OAAA,CAAAsB,aAAA,CAAC5B,iBAAA,CAAAiC,iBAAiB;IAChBC,GAAG,EAAExB,YAAa;IAClByB,OAAO,EAAE;MAAEZ,YAAY;MAAEI;IAAW;EAAE,GAEtCjC,MAAA,CAAAY,OAAA,CAAAsB,aAAA,CAAC9B,OAAA,CAAAsC,cAAc;IAAClB,MAAM,EAAEA;EAAO,GAC5BH,YAAY,GACXrB,MAAA,CAAAY,OAAA,CAAAsB,aAAA;IAAKS,SAAS,EAAE,IAAAC,mBAAU,EAAC,oFAAoF,EAAE;MAC/G,aAAa,EAAErB,IAAI,KAAK,SAAS;MACjC,aAAa,EAAEA,IAAI,KAAK;IAC1B,CAAC;EAAE,GAEDvB,MAAA,CAAAY,OAAA,CAAAsB,aAAA,CAAC5B,iBAAA,CAAAuC,KAAK,MAAE,CACL,CAAC,GAGJ7C,MAAA,CAAAY,OAAA,CAAAsB,aAAA,CAAC1B,KAAA,CAAAsC,IAAI;IACHvB,IAAI,EAAEA,IAAK;IACXN,UAAU,EAAEA,UAAW;IACvBC,QAAQ,EAAEA;EAAS,CACpB,CAES,CACC,CACL,CACH,CAAC;AAEpB,CAAC;AAAC6B,OAAA,CAAAlC,wBAAA,GAAAA,wBAAA","ignoreList":[]}
+{"version":3,"file":"InstrumentLiveRateWidget.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","InstrumentLiveRateWidget","_ref","graphqlUrl","liveRatesUrl","instrument","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/InstrumentLiveRateWidget/InstrumentLiveRateWidget.tsx"],"sourcesContent":["import React, { Suspense } from 'react';\nimport { ApolloClient, InMemoryCache, ApolloProvider } from '@apollo/client';\nimport { LocaleProvider } from '@oanda/mono-i18n';\nimport {\n  LiveRatesProvider, ThemeProvider, getLocale,\n} from '@oanda/labs-widget-common';\nimport { translations } from '../translations';\nimport { Division, InstrumentLiveRateConfig } from './types';\nimport { ValidationWrapper } from './ValidationWrapper';\n\nconst InstrumentLiveRateWidget = ({\n  graphqlUrl,\n  liveRatesUrl,\n  instrument,\n  division,\n  locale,\n  theme,\n  isParamError,\n  removePadding,\n  size,\n}: InstrumentLiveRateConfig) => {\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                instrument={instrument}\n                division={division}\n                isParamError={isParamError}\n              />\n            </Suspense>\n          </ApolloProvider>\n        </LiveRatesProvider>\n      </LocaleProvider>\n    </ThemeProvider>\n  );\n};\n\nexport { InstrumentLiveRateWidget };\n"],"mappings":"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","ignoreList":[]}

package/dist/main/InstrumentLiveRateWidget/Main.js

@@ -6,81 +6,46 @@ Object.defineProperty(exports, "__esModule", {
 exports.Main = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _client = require("@apollo/client");
-var _classnames = _interopRequireDefault(require("classnames"));
 var _labsWidgetCommon = require("@oanda/labs-widget-common");
-var _utils = require("./utils");
 var _constant = require("./constant");
-var _validateInstruments = require("../gql/validateInstruments");
-var _InstrumentRateWithChart = require("./components/InstrumentRateWithChart");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _getInstrumentsChart = require("../gql/getInstrumentsChart");
 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 {
-    instrument,
     division,
-    size: widgetSize = 'fullWithChart'
+    size: widgetSize = 'fullWithChart',
+    record
   } = _ref;
-  const {
-    size
-  } = (0, _react.useContext)(_labsWidgetCommon.ThemeContext);
-  const {
-    target,
-    setQuery
-  } = (0, _labsWidgetCommon.useLiveRatesQuery)();
-  const [records, setRecords] = (0, _react.useState)([]);
-  const {
-    loading,
-    data,
-    error
-  } = (0, _client.useQuery)(_validateInstruments.validateInstruments, {
+  const hasInstrument = !!record.instrument;
+  const [queryRef] = (0, _client.useBackgroundQuery)(_getInstrumentsChart.getInstrumentsChart, {
     variables: {
-      instruments: [instrument],
+      instruments: [record.instrument],
       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
-    } = _ref2;
-    return instrumentName;
+    fetchPolicy: 'network-only',
+    skip: !hasInstrument
   });
+  const {
+    target,
+    setQuery
+  } = (0, _labsWidgetCommon.useLiveRatesQuery)();
   (0, _react.useEffect)(() => {
-    if (instrumentsNames[0]) {
+    if (hasInstrument) {
       setQuery({
-        instruments: instrumentsNames
+        instruments: [record?.instrument]
       });
     }
-  }, [records]);
-  const showError = !!error;
-  return _react.default.createElement(_react.default.Fragment, null, size && _react.default.createElement("div", {
-    "data-testid": "instrument-live-rate-wrapper",
-    className: "lw-flex lw-border lw-border-solid lw-border-border-primary lw-px-4 lw-text-sm lw-tracking-normal lw-text-text-primary"
-  }, !showError && _react.default.createElement("div", {
-    className: (0, _classnames.default)({
-      'lw-h-[82px]': widgetSize !== 'compact',
-      'lw-h-[54px]': widgetSize === 'compact'
-    })
-  }, _react.default.createElement(_InstrumentRateWithChart.InstrumentRateWithChart, {
-    loading: loading,
-    record: records[0] || {},
+  }, [record]);
+  return _react.default.createElement("div", null, _react.default.createElement(_labsWidgetCommon.InstrumentRateWithChart, {
+    record: record,
     target: target,
-    division: division,
-    size: widgetSize
+    size: widgetSize,
+    tooltipId: _constant.INSTRUMENT_TOOLTIP_ID,
+    queryRef: queryRef
   }), _react.default.createElement(_labsWidgetCommon.Tooltip, {
     id: _constant.INSTRUMENT_TOOLTIP_ID
-  })), !loading && showError && _react.default.createElement("div", {
-    className: (0, _classnames.default)('lw-flex lw-w-full lw-items-center', {
-      'lw-h-[82px]': widgetSize !== 'compact',
-      'lw-h-[54px]': widgetSize === 'compact'
-    })
-  }, _react.default.createElement(_labsWidgetCommon.Error, null))));
+  }));
 };
 exports.Main = Main;
 //# sourceMappingURL=Main.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Main.js","names":["_react","_interopRequireWildcard","require","_client","_classnames","_interopRequireDefault","_labsWidgetCommon","_utils","_constant","_validateInstruments","_InstrumentRateWithChart","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Main","_ref","instrument","division","size","widgetSize","useContext","ThemeContext","target","setQuery","useLiveRatesQuery","records","setRecords","useState","loading","data","error","useQuery","validateInstruments","variables","instruments","fetchPolicy","useEffect","getRecords","instrumentsNames","map","_ref2","instrumentName","showError","createElement","Fragment","className","classnames","InstrumentRateWithChart","record","Tooltip","id","INSTRUMENT_TOOLTIP_ID","Error","exports"],"sources":["../../../src/InstrumentLiveRateWidget/Main.tsx"],"sourcesContent":["import React, { useContext, useEffect, useState } from 'react';\nimport { useQuery } from '@apollo/client';\nimport classnames from 'classnames';\nimport {\n  Error,\n  DataRecord,\n  ThemeContext,\n  Tooltip,\n  useLiveRatesQuery,\n} from '@oanda/labs-widget-common';\nimport { getRecords } from './utils';\nimport { MainProps } from './types';\nimport { INSTRUMENT_TOOLTIP_ID } from './constant';\nimport { validateInstruments } from '../gql/validateInstruments';\nimport { ValidateInstrumentsQuery, ValidateInstrumentsQueryVariables } from '../gql/types/graphql';\nimport { InstrumentRateWithChart } from './components/InstrumentRateWithChart';\n\nconst Main = ({\n  instrument,\n  division,\n  size: widgetSize = 'fullWithChart',\n}: MainProps) => {\n  const { size } = useContext(ThemeContext);\n  const { target, setQuery } = useLiveRatesQuery();\n  const [records, setRecords] = useState<DataRecord[]>([]);\n\n  const { loading, data, error } = useQuery<\n  ValidateInstrumentsQuery,\n  ValidateInstrumentsQueryVariables\n  >(validateInstruments, {\n    variables: {\n      instruments: [instrument],\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\n  return (\n    <>\n      {size && (\n        <div\n          data-testid=\"instrument-live-rate-wrapper\"\n          className=\"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        >\n          {!showError && (\n            <div className={classnames({\n              'lw-h-[82px]': widgetSize !== 'compact',\n              'lw-h-[54px]': widgetSize === 'compact',\n            })}\n            >\n              <InstrumentRateWithChart\n                loading={loading}\n                record={records[0] || {}}\n                target={target}\n                division={division}\n                size={widgetSize}\n              />\n              <Tooltip id={INSTRUMENT_TOOLTIP_ID} />\n            </div>\n          )}\n          {!loading && showError && (\n            <div className={classnames('lw-flex lw-w-full lw-items-center', {\n              'lw-h-[82px]': widgetSize !== 'compact',\n              'lw-h-[54px]': widgetSize === 'compact',\n            })}\n            >\n              <Error />\n            </div>\n          )}\n        </div>\n      )}\n    </>\n  );\n};\n\nexport { Main };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Main.js","names":["_react","_interopRequireWildcard","require","_client","_labsWidgetCommon","_constant","_getInstrumentsChart","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Main","_ref","division","size","widgetSize","record","hasInstrument","instrument","queryRef","useBackgroundQuery","getInstrumentsChart","variables","instruments","fetchPolicy","skip","target","setQuery","useLiveRatesQuery","useEffect","createElement","InstrumentRateWithChart","tooltipId","INSTRUMENT_TOOLTIP_ID","Tooltip","id","exports"],"sources":["../../../src/InstrumentLiveRateWidget/Main.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { useBackgroundQuery } from '@apollo/client';\nimport {\n  InstrumentRateWithChart,\n  Tooltip,\n  useLiveRatesQuery,\n} from '@oanda/labs-widget-common';\nimport { MainProps } from './types';\nimport { INSTRUMENT_TOOLTIP_ID } from './constant';\nimport { getInstrumentsChart } from '../gql/getInstrumentsChart';\nimport { GetInstrumentsChartQuery, GetInstrumentsChartQueryVariables } from '../gql/types/graphql';\n\nconst Main = ({\n  division,\n  size: widgetSize = 'fullWithChart',\n  record,\n}: MainProps) => {\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  const { target, setQuery } = useLiveRatesQuery();\n\n  useEffect(() => {\n    if (hasInstrument) {\n      setQuery({ instruments: [record?.instrument] });\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [record]);\n\n  return (\n    <div>\n      <InstrumentRateWithChart<GetInstrumentsChartQuery>\n        record={record}\n        target={target}\n        size={widgetSize}\n        tooltipId={INSTRUMENT_TOOLTIP_ID}\n        queryRef={queryRef}\n      />\n      <Tooltip id={INSTRUMENT_TOOLTIP_ID} />\n    </div>\n  );\n};\n\nexport { Main };\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AAMA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,oBAAA,GAAAJ,OAAA;AAAiE,SAAAK,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAP,wBAAAO,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAGjE,MAAMW,IAAI,GAAGC,IAAA,IAII;EAAA,IAJH;IACZC,QAAQ;IACRC,IAAI,EAAEC,UAAU,GAAG,eAAe;IAClCC;EACS,CAAC,GAAAJ,IAAA;EACV,MAAMK,aAAa,GAAG,CAAC,CAACD,MAAM,CAACE,UAAU;EAEzC,MAAM,CAACC,QAAQ,CAAC,GAAG,IAAAC,0BAAkB,EAGnCC,wCAAmB,EAAE;IACrBC,SAAS,EAAE;MACTC,WAAW,EAAE,CAACP,MAAM,CAACE,UAAU,CAAC;MAChCL;IACF,CAAC;IACDW,WAAW,EAAE,cAAc;IAC3BC,IAAI,EAAE,CAACR;EACT,CAAC,CAAC;EAEF,MAAM;IAAES,MAAM;IAAEC;EAAS,CAAC,GAAG,IAAAC,mCAAiB,EAAC,CAAC;EAEhD,IAAAC,gBAAS,EAAC,MAAM;IACd,IAAIZ,aAAa,EAAE;MACjBU,QAAQ,CAAC;QAAEJ,WAAW,EAAE,CAACP,MAAM,EAAEE,UAAU;MAAE,CAAC,CAAC;IACjD;EAEF,CAAC,EAAE,CAACF,MAAM,CAAC,CAAC;EAEZ,OACEhC,MAAA,CAAAa,OAAA,CAAAiC,aAAA,cACE9C,MAAA,CAAAa,OAAA,CAAAiC,aAAA,CAAC1C,iBAAA,CAAA2C,uBAAuB;IACtBf,MAAM,EAAEA,MAAO;IACfU,MAAM,EAAEA,MAAO;IACfZ,IAAI,EAAEC,UAAW;IACjBiB,SAAS,EAAEC,+BAAsB;IACjCd,QAAQ,EAAEA;EAAS,CACpB,CAAC,EACFnC,MAAA,CAAAa,OAAA,CAAAiC,aAAA,CAAC1C,iBAAA,CAAA8C,OAAO;IAACC,EAAE,EAAEF;EAAsB,CAAE,CAClC,CAAC;AAEV,CAAC;AAACG,OAAA,CAAAzB,IAAA,GAAAA,IAAA","ignoreList":[]}

package/dist/main/InstrumentLiveRateWidget/ValidationWrapper.js

@@ -0,0 +1,52 @@
+"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 _utils = require("./utils");
+var _validateInstruments = require("../gql/validateInstruments");
+var _Main = require("./Main");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const ValidationWrapper = _ref => {
+  let {
+    instrument,
+    division,
+    size: widgetSize,
+    isParamError
+  } = _ref;
+  const {
+    data,
+    error
+  } = (0, _client.useSuspenseQuery)(_validateInstruments.validateInstruments, {
+    variables: {
+      instruments: [instrument],
+      division
+    },
+    fetchPolicy: 'network-only'
+  });
+  const showError = !!error || isParamError;
+  return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement("div", {
+    className: "lw-flex lw-border lw-border-solid lw-border-border-primary lw-px-4 lw-text-sm lw-tracking-normal lw-text-text-primary"
+  }, !showError && _react.default.createElement("div", {
+    className: (0, _classnames.default)({
+      'lw-h-[82px]': widgetSize !== 'compact',
+      'lw-h-[54px]': widgetSize === 'compact'
+    })
+  }, _react.default.createElement(_Main.Main, {
+    size: widgetSize,
+    division: division,
+    record: (0, _utils.getRecords)(data)?.[0]
+  })), showError && _react.default.createElement("div", {
+    className: (0, _classnames.default)('lw-flex lw-w-full lw-items-center', {
+      '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/InstrumentLiveRateWidget/ValidationWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ValidationWrapper.js","names":["_react","_interopRequireDefault","require","_client","_classnames","_labsWidgetCommon","_utils","_validateInstruments","_Main","e","__esModule","default","ValidationWrapper","_ref","instrument","division","size","widgetSize","isParamError","data","error","useSuspenseQuery","validateInstruments","variables","instruments","fetchPolicy","showError","createElement","Fragment","className","classnames","Main","record","getRecords","Error","exports"],"sources":["../../../src/InstrumentLiveRateWidget/ValidationWrapper.tsx"],"sourcesContent":["import React from 'react';\nimport { useSuspenseQuery } from '@apollo/client';\nimport classnames from 'classnames';\nimport { Error } from '@oanda/labs-widget-common';\nimport { getRecords } from './utils';\nimport { ValidationWrapperProps } from './types';\nimport { validateInstruments } from '../gql/validateInstruments';\nimport { ValidateInstrumentsQuery, ValidateInstrumentsQueryVariables } from '../gql/types/graphql';\nimport { Main } from './Main';\n\nconst ValidationWrapper = ({\n  instrument,\n  division,\n  size: widgetSize,\n  isParamError,\n}: ValidationWrapperProps) => {\n  const { data, error } = useSuspenseQuery<\n  ValidateInstrumentsQuery,\n  ValidateInstrumentsQueryVariables\n  >(validateInstruments, {\n    variables: {\n      instruments: [instrument],\n      division,\n    },\n    fetchPolicy: 'network-only',\n  });\n\n  const showError = !!error || isParamError;\n\n  return (\n    <>\n      <div\n        className=\"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      >\n        {!showError && (\n          <div className={classnames({\n            'lw-h-[82px]': widgetSize !== 'compact',\n            'lw-h-[54px]': widgetSize === 'compact',\n          })}\n          >\n            <Main\n              size={widgetSize}\n              division={division}\n              record={getRecords(data!)?.[0]!}\n            />\n          </div>\n        )}\n        {showError && (\n          <div className={classnames('lw-flex lw-w-full lw-items-center', {\n            'lw-h-[82px]': widgetSize !== 'compact',\n            'lw-h-[54px]': widgetSize === 'compact',\n          })}\n          >\n            <Error />\n          </div>\n        )}\n      </div>\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,MAAA,GAAAJ,OAAA;AAEA,IAAAK,oBAAA,GAAAL,OAAA;AAEA,IAAAM,KAAA,GAAAN,OAAA;AAA8B,SAAAD,uBAAAQ,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE9B,MAAMG,iBAAiB,GAAGC,IAAA,IAKI;EAAA,IALH;IACzBC,UAAU;IACVC,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;MACTC,WAAW,EAAE,CAACV,UAAU,CAAC;MACzBC;IACF,CAAC;IACDU,WAAW,EAAE;EACf,CAAC,CAAC;EAEF,MAAMC,SAAS,GAAG,CAAC,CAACN,KAAK,IAAIF,YAAY;EAEzC,OACElB,MAAA,CAAAW,OAAA,CAAAgB,aAAA,CAAA3B,MAAA,CAAAW,OAAA,CAAAiB,QAAA,QACE5B,MAAA,CAAAW,OAAA,CAAAgB,aAAA;IACEE,SAAS,EAAC;EAAuH,GAEhI,CAACH,SAAS,IACT1B,MAAA,CAAAW,OAAA,CAAAgB,aAAA;IAAKE,SAAS,EAAE,IAAAC,mBAAU,EAAC;MACzB,aAAa,EAAEb,UAAU,KAAK,SAAS;MACvC,aAAa,EAAEA,UAAU,KAAK;IAChC,CAAC;EAAE,GAEDjB,MAAA,CAAAW,OAAA,CAAAgB,aAAA,CAACnB,KAAA,CAAAuB,IAAI;IACHf,IAAI,EAAEC,UAAW;IACjBF,QAAQ,EAAEA,QAAS;IACnBiB,MAAM,EAAE,IAAAC,iBAAU,EAACd,IAAK,CAAC,GAAG,CAAC;EAAG,CACjC,CACE,CACN,EACAO,SAAS,IACR1B,MAAA,CAAAW,OAAA,CAAAgB,aAAA;IAAKE,SAAS,EAAE,IAAAC,mBAAU,EAAC,mCAAmC,EAAE;MAC9D,aAAa,EAAEb,UAAU,KAAK,SAAS;MACvC,aAAa,EAAEA,UAAU,KAAK;IAChC,CAAC;EAAE,GAEDjB,MAAA,CAAAW,OAAA,CAAAgB,aAAA,CAACtB,iBAAA,CAAA6B,KAAK,MAAE,CACL,CAEJ,CACL,CAAC;AAEP,CAAC;AAACC,OAAA,CAAAvB,iBAAA,GAAAA,iBAAA","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["_monoI18n","require","_graphql"],"sources":["../../../src/InstrumentLiveRateWidget/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 InstrumentLiveRateConfig {\n  graphqlUrl: string;\n  division: Division;\n  liveRatesUrl: string;\n  instrument: string;\n  locale: Locale;\n  theme?: Theme;\n  isParamError?: boolean;\n  removePadding?: boolean;\n  size?: 'compact' | 'full' | 'fullWithChart';\n}\n\nexport interface MainProps {\n  instrument: 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/InstrumentLiveRateWidget/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 InstrumentLiveRateConfig {\n  graphqlUrl: string;\n  division: Division;\n  liveRatesUrl: string;\n  instrument: string;\n  locale: Locale;\n  theme?: Theme;\n  isParamError?: boolean;\n  removePadding?: boolean;\n  size?: WidgetSize;\n}\n\nexport interface ValidationWrapperProps {\n  instrument: string;\n  division: Division;\n  size?: WidgetSize;\n  isParamError?: boolean;\n}\nexport interface MainProps {\n  record: DataRecord;\n  division: Division;\n  size?: WidgetSize;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAIA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA","ignoreList":[]}

package/dist/module/InstrumentLiveRateWidget/InstrumentLiveRateWidget.js

@@ -1,11 +1,10 @@
-import React from 'react';
-import classnames from 'classnames';
+import React, { Suspense } from 'react';
 import { ApolloClient, InMemoryCache, ApolloProvider } from '@apollo/client';
 import { LocaleProvider } from '@oanda/mono-i18n';
-import { Error, 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 InstrumentLiveRateWidget = _ref => {
   let {
     graphqlUrl,
@@ -38,16 +37,12 @@ const InstrumentLiveRateWidget = _ref => {
     }
   }, React.createElement(ApolloProvider, {
     client: client
-  }, isParamError ? React.createElement("div", {
-    className: classnames('lw-flex lw-items-center lw-border lw-border-solid lw-border-border-primary lw-px-4', {
-      'lw-h-[82px]': size !== 'compact',
-      'lw-h-[54px]': size === 'compact'
-    })
-  }, React.createElement(Error, null)) : React.createElement(Main, {
+  }, React.createElement(Suspense, null, React.createElement(ValidationWrapper, {
     size: size,
     instrument: instrument,
-    division: division
-  })))));
+    division: division,
+    isParamError: isParamError
+  }))))));
 };
 export { InstrumentLiveRateWidget };
 //# sourceMappingURL=InstrumentLiveRateWidget.js.map

package/dist/module/InstrumentLiveRateWidget/InstrumentLiveRateWidget.js.map

@@ -1 +1 @@
-{"version":3,"file":"InstrumentLiveRateWidget.js","names":["React","classnames","ApolloClient","InMemoryCache","ApolloProvider","LocaleProvider","Error","LiveRatesProvider","ThemeProvider","getLocale","translations","Main","Division","InstrumentLiveRateWidget","_ref","graphqlUrl","liveRatesUrl","instrument","division","locale","theme","isParamError","removePadding","size","client","uri","cache","divisionCode","Opt","Ogm","dataSource","createElement","url","options","className"],"sources":["../../../src/InstrumentLiveRateWidget/InstrumentLiveRateWidget.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport { ApolloClient, InMemoryCache, ApolloProvider } from '@apollo/client';\nimport { LocaleProvider } from '@oanda/mono-i18n';\nimport {\n  Error, LiveRatesProvider, ThemeProvider, getLocale,\n} from '@oanda/labs-widget-common';\nimport { translations } from '../translations';\nimport { Main } from './Main';\nimport { Division, InstrumentLiveRateConfig } from './types';\n\nconst InstrumentLiveRateWidget = ({\n  graphqlUrl,\n  liveRatesUrl,\n  instrument,\n  division,\n  locale,\n  theme,\n  isParamError,\n  removePadding,\n  size,\n}: InstrumentLiveRateConfig) => {\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={classnames('lw-flex lw-items-center lw-border lw-border-solid lw-border-border-primary lw-px-4', {\n                'lw-h-[82px]': size !== 'compact',\n                'lw-h-[54px]': size === 'compact',\n              })}\n              >\n                <Error />\n              </div>\n            )\n              : (\n                <Main\n                  size={size}\n                  instrument={instrument}\n                  division={division}\n                />\n              )}\n          </ApolloProvider>\n        </LiveRatesProvider>\n      </LocaleProvider>\n    </ThemeProvider>\n  );\n};\n\nexport { InstrumentLiveRateWidget };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,YAAY,EAAEC,aAAa,EAAEC,cAAc,QAAQ,gBAAgB;AAC5E,SAASC,cAAc,QAAQ,kBAAkB;AACjD,SACEC,KAAK,EAAEC,iBAAiB,EAAEC,aAAa,EAAEC,SAAS,QAC7C,2BAA2B;AAClC,SAASC,YAAY,QAAQ,iBAAiB;AAC9C,SAASC,IAAI,QAAQ,QAAQ;AAC7B,SAASC,QAAQ,QAAkC,SAAS;AAE5D,MAAMC,wBAAwB,GAAGC,IAAA,IAUD;EAAA,IAVE;IAChCC,UAAU;IACVC,YAAY;IACZC,UAAU;IACVC,QAAQ;IACRC,MAAM;IACNC,KAAK;IACLC,YAAY;IACZC,aAAa;IACbC;EACwB,CAAC,GAAAT,IAAA;EACzB,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,OACE7B,KAAA,CAAA+B,aAAA,CAACvB,aAAa;IAACc,aAAa,EAAEA,aAAc;IAACF,KAAK,EAAEA;EAAM,GACxDpB,KAAA,CAAA+B,aAAA,CAAC1B,cAAc;IAACc,MAAM,EAAEV,SAAS,CAACU,MAAM,CAAE;IAACT,YAAY,EAAEA;EAAa,GACpEV,KAAA,CAAA+B,aAAA,CAACxB,iBAAiB;IAChByB,GAAG,EAAEhB,YAAa;IAClBiB,OAAO,EAAE;MAAEN,YAAY;MAAEG;IAAW;EAAE,GAEtC9B,KAAA,CAAA+B,aAAA,CAAC3B,cAAc;IAACoB,MAAM,EAAEA;EAAO,GAC5BH,YAAY,GACXrB,KAAA,CAAA+B,aAAA;IAAKG,SAAS,EAAEjC,UAAU,CAAC,oFAAoF,EAAE;MAC/G,aAAa,EAAEsB,IAAI,KAAK,SAAS;MACjC,aAAa,EAAEA,IAAI,KAAK;IAC1B,CAAC;EAAE,GAEDvB,KAAA,CAAA+B,aAAA,CAACzB,KAAK,MAAE,CACL,CAAC,GAGJN,KAAA,CAAA+B,aAAA,CAACpB,IAAI;IACHY,IAAI,EAAEA,IAAK;IACXN,UAAU,EAAEA,UAAW;IACvBC,QAAQ,EAAEA;EAAS,CACpB,CAES,CACC,CACL,CACH,CAAC;AAEpB,CAAC;AAED,SAASL,wBAAwB","ignoreList":[]}
+{"version":3,"file":"InstrumentLiveRateWidget.js","names":["React","Suspense","ApolloClient","InMemoryCache","ApolloProvider","LocaleProvider","LiveRatesProvider","ThemeProvider","getLocale","translations","Division","ValidationWrapper","InstrumentLiveRateWidget","_ref","graphqlUrl","liveRatesUrl","instrument","division","locale","theme","isParamError","removePadding","size","client","uri","cache","divisionCode","Opt","Ogm","dataSource","createElement","url","options"],"sources":["../../../src/InstrumentLiveRateWidget/InstrumentLiveRateWidget.tsx"],"sourcesContent":["import React, { Suspense } from 'react';\nimport { ApolloClient, InMemoryCache, ApolloProvider } from '@apollo/client';\nimport { LocaleProvider } from '@oanda/mono-i18n';\nimport {\n  LiveRatesProvider, ThemeProvider, getLocale,\n} from '@oanda/labs-widget-common';\nimport { translations } from '../translations';\nimport { Division, InstrumentLiveRateConfig } from './types';\nimport { ValidationWrapper } from './ValidationWrapper';\n\nconst InstrumentLiveRateWidget = ({\n  graphqlUrl,\n  liveRatesUrl,\n  instrument,\n  division,\n  locale,\n  theme,\n  isParamError,\n  removePadding,\n  size,\n}: InstrumentLiveRateConfig) => {\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                instrument={instrument}\n                division={division}\n                isParamError={isParamError}\n              />\n            </Suspense>\n          </ApolloProvider>\n        </LiveRatesProvider>\n      </LocaleProvider>\n    </ThemeProvider>\n  );\n};\n\nexport { InstrumentLiveRateWidget };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,YAAY,EAAEC,aAAa,EAAEC,cAAc,QAAQ,gBAAgB;AAC5E,SAASC,cAAc,QAAQ,kBAAkB;AACjD,SACEC,iBAAiB,EAAEC,aAAa,EAAEC,SAAS,QACtC,2BAA2B;AAClC,SAASC,YAAY,QAAQ,iBAAiB;AAC9C,SAASC,QAAQ,QAAkC,SAAS;AAC5D,SAASC,iBAAiB,QAAQ,qBAAqB;AAEvD,MAAMC,wBAAwB,GAAGC,IAAA,IAUD;EAAA,IAVE;IAChCC,UAAU;IACVC,YAAY;IACZC,UAAU;IACVC,QAAQ;IACRC,MAAM;IACNC,KAAK;IACLC,YAAY;IACZC,aAAa;IACbC;EACwB,CAAC,GAAAT,IAAA;EACzB,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,UAAU,EAAEA,UAAW;IACvBC,QAAQ,EAAEA,QAAS;IACnBG,YAAY,EAAEA;EAAa,CAC5B,CACO,CACI,CACC,CACL,CACH,CAAC;AAEpB,CAAC;AAED,SAASR,wBAAwB","ignoreList":[]}

package/dist/module/InstrumentLiveRateWidget/Main.js

@@ -1,77 +1,43 @@
-import React, { useContext, useEffect, useState } from 'react';
-import { useQuery } from '@apollo/client';
-import classnames from 'classnames';
-import { Error, ThemeContext, Tooltip, useLiveRatesQuery } from '@oanda/labs-widget-common';
-import { getRecords } from './utils';
+import React, { useEffect } from 'react';
+import { useBackgroundQuery } from '@apollo/client';
+import { InstrumentRateWithChart, Tooltip, useLiveRatesQuery } from '@oanda/labs-widget-common';
 import { INSTRUMENT_TOOLTIP_ID } from './constant';
-import { validateInstruments } from '../gql/validateInstruments';
-import { InstrumentRateWithChart } from './components/InstrumentRateWithChart';
+import { getInstrumentsChart } from '../gql/getInstrumentsChart';
 const Main = _ref => {
   let {
-    instrument,
     division,
-    size: widgetSize = 'fullWithChart'
+    size: widgetSize = 'fullWithChart',
+    record
   } = _ref;
-  const {
-    size
-  } = useContext(ThemeContext);
-  const {
-    target,
-    setQuery
-  } = useLiveRatesQuery();
-  const [records, setRecords] = useState([]);
-  const {
-    loading,
-    data,
-    error
-  } = useQuery(validateInstruments, {
+  const hasInstrument = !!record.instrument;
+  const [queryRef] = useBackgroundQuery(getInstrumentsChart, {
     variables: {
-      instruments: [instrument],
+      instruments: [record.instrument],
       division
     },
-    fetchPolicy: 'network-only'
-  });
-  useEffect(() => {
-    if (!loading && data) {
-      setRecords(getRecords(data));
-    }
-  }, [loading, data]);
-  const instrumentsNames = records.map(_ref2 => {
-    let {
-      instrument: instrumentName
-    } = _ref2;
-    return instrumentName;
+    fetchPolicy: 'network-only',
+    skip: !hasInstrument
   });
+  const {
+    target,
+    setQuery
+  } = useLiveRatesQuery();
   useEffect(() => {
-    if (instrumentsNames[0]) {
+    if (hasInstrument) {
       setQuery({
-        instruments: instrumentsNames
+        instruments: [record?.instrument]
       });
     }
-  }, [records]);
-  const showError = !!error;
-  return React.createElement(React.Fragment, null, size && React.createElement("div", {
-    "data-testid": "instrument-live-rate-wrapper",
-    className: "lw-flex lw-border lw-border-solid lw-border-border-primary lw-px-4 lw-text-sm lw-tracking-normal lw-text-text-primary"
-  }, !showError && React.createElement("div", {
-    className: classnames({
-      'lw-h-[82px]': widgetSize !== 'compact',
-      'lw-h-[54px]': widgetSize === 'compact'
-    })
-  }, React.createElement(InstrumentRateWithChart, {
-    loading: loading,
-    record: records[0] || {},
+  }, [record]);
+  return React.createElement("div", null, React.createElement(InstrumentRateWithChart, {
+    record: record,
     target: target,
-    division: division,
-    size: widgetSize
+    size: widgetSize,
+    tooltipId: INSTRUMENT_TOOLTIP_ID,
+    queryRef: queryRef
   }), React.createElement(Tooltip, {
     id: INSTRUMENT_TOOLTIP_ID
-  })), !loading && showError && React.createElement("div", {
-    className: classnames('lw-flex lw-w-full lw-items-center', {
-      'lw-h-[82px]': widgetSize !== 'compact',
-      'lw-h-[54px]': widgetSize === 'compact'
-    })
-  }, React.createElement(Error, null))));
+  }));
 };
 export { Main };
 //# sourceMappingURL=Main.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Main.js","names":["React","useContext","useEffect","useState","useQuery","classnames","Error","ThemeContext","Tooltip","useLiveRatesQuery","getRecords","INSTRUMENT_TOOLTIP_ID","validateInstruments","InstrumentRateWithChart","Main","_ref","instrument","division","size","widgetSize","target","setQuery","records","setRecords","loading","data","error","variables","instruments","fetchPolicy","instrumentsNames","map","_ref2","instrumentName","showError","createElement","Fragment","className","record","id"],"sources":["../../../src/InstrumentLiveRateWidget/Main.tsx"],"sourcesContent":["import React, { useContext, useEffect, useState } from 'react';\nimport { useQuery } from '@apollo/client';\nimport classnames from 'classnames';\nimport {\n  Error,\n  DataRecord,\n  ThemeContext,\n  Tooltip,\n  useLiveRatesQuery,\n} from '@oanda/labs-widget-common';\nimport { getRecords } from './utils';\nimport { MainProps } from './types';\nimport { INSTRUMENT_TOOLTIP_ID } from './constant';\nimport { validateInstruments } from '../gql/validateInstruments';\nimport { ValidateInstrumentsQuery, ValidateInstrumentsQueryVariables } from '../gql/types/graphql';\nimport { InstrumentRateWithChart } from './components/InstrumentRateWithChart';\n\nconst Main = ({\n  instrument,\n  division,\n  size: widgetSize = 'fullWithChart',\n}: MainProps) => {\n  const { size } = useContext(ThemeContext);\n  const { target, setQuery } = useLiveRatesQuery();\n  const [records, setRecords] = useState<DataRecord[]>([]);\n\n  const { loading, data, error } = useQuery<\n  ValidateInstrumentsQuery,\n  ValidateInstrumentsQueryVariables\n  >(validateInstruments, {\n    variables: {\n      instruments: [instrument],\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\n  return (\n    <>\n      {size && (\n        <div\n          data-testid=\"instrument-live-rate-wrapper\"\n          className=\"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        >\n          {!showError && (\n            <div className={classnames({\n              'lw-h-[82px]': widgetSize !== 'compact',\n              'lw-h-[54px]': widgetSize === 'compact',\n            })}\n            >\n              <InstrumentRateWithChart\n                loading={loading}\n                record={records[0] || {}}\n                target={target}\n                division={division}\n                size={widgetSize}\n              />\n              <Tooltip id={INSTRUMENT_TOOLTIP_ID} />\n            </div>\n          )}\n          {!loading && showError && (\n            <div className={classnames('lw-flex lw-w-full lw-items-center', {\n              'lw-h-[82px]': widgetSize !== 'compact',\n              'lw-h-[54px]': widgetSize === 'compact',\n            })}\n            >\n              <Error />\n            </div>\n          )}\n        </div>\n      )}\n    </>\n  );\n};\n\nexport { Main };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC9D,SAASC,QAAQ,QAAQ,gBAAgB;AACzC,OAAOC,UAAU,MAAM,YAAY;AACnC,SACEC,KAAK,EAELC,YAAY,EACZC,OAAO,EACPC,iBAAiB,QACZ,2BAA2B;AAClC,SAASC,UAAU,QAAQ,SAAS;AAEpC,SAASC,qBAAqB,QAAQ,YAAY;AAClD,SAASC,mBAAmB,QAAQ,4BAA4B;AAEhE,SAASC,uBAAuB,QAAQ,sCAAsC;AAE9E,MAAMC,IAAI,GAAGC,IAAA,IAII;EAAA,IAJH;IACZC,UAAU;IACVC,QAAQ;IACRC,IAAI,EAAEC,UAAU,GAAG;EACV,CAAC,GAAAJ,IAAA;EACV,MAAM;IAAEG;EAAK,CAAC,GAAGjB,UAAU,CAACM,YAAY,CAAC;EACzC,MAAM;IAAEa,MAAM;IAAEC;EAAS,CAAC,GAAGZ,iBAAiB,CAAC,CAAC;EAChD,MAAM,CAACa,OAAO,EAAEC,UAAU,CAAC,GAAGpB,QAAQ,CAAe,EAAE,CAAC;EAExD,MAAM;IAAEqB,OAAO;IAAEC,IAAI;IAAEC;EAAM,CAAC,GAAGtB,QAAQ,CAGvCQ,mBAAmB,EAAE;IACrBe,SAAS,EAAE;MACTC,WAAW,EAAE,CAACZ,UAAU,CAAC;MACzBC;IACF,CAAC;IACDY,WAAW,EAAE;EACf,CAAC,CAAC;EAEF3B,SAAS,CAAC,MAAM;IACd,IAAI,CAACsB,OAAO,IAAIC,IAAI,EAAE;MACpBF,UAAU,CAACb,UAAU,CAACe,IAAI,CAAE,CAAC;IAC/B;EAEF,CAAC,EAAE,CAACD,OAAO,EAAEC,IAAI,CAAC,CAAC;EAEnB,MAAMK,gBAAgB,GAAGR,OAAO,CAACS,GAAG,CAACC,KAAA;IAAA,IAAC;MAAEhB,UAAU,EAAEiB;IAAe,CAAC,GAAAD,KAAA;IAAA,OAAKC,cAAc;EAAA,EAAC;EAExF/B,SAAS,CAAC,MAAM;IACd,IAAI4B,gBAAgB,CAAC,CAAC,CAAC,EAAE;MACvBT,QAAQ,CAAC;QAAEO,WAAW,EAAEE;MAAiB,CAAC,CAAC;IAC7C;EAEF,CAAC,EAAE,CAACR,OAAO,CAAC,CAAC;EAEb,MAAMY,SAAS,GAAG,CAAC,CAACR,KAAK;EAEzB,OACE1B,KAAA,CAAAmC,aAAA,CAAAnC,KAAA,CAAAoC,QAAA,QACGlB,IAAI,IACHlB,KAAA,CAAAmC,aAAA;IACE,eAAY,8BAA8B;IAC1CE,SAAS,EAAC;EAAuH,GAEhI,CAACH,SAAS,IACTlC,KAAA,CAAAmC,aAAA;IAAKE,SAAS,EAAEhC,UAAU,CAAC;MACzB,aAAa,EAAEc,UAAU,KAAK,SAAS;MACvC,aAAa,EAAEA,UAAU,KAAK;IAChC,CAAC;EAAE,GAEDnB,KAAA,CAAAmC,aAAA,CAACtB,uBAAuB;IACtBW,OAAO,EAAEA,OAAQ;IACjBc,MAAM,EAAEhB,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAE;IACzBF,MAAM,EAAEA,MAAO;IACfH,QAAQ,EAAEA,QAAS;IACnBC,IAAI,EAAEC;EAAW,CAClB,CAAC,EACFnB,KAAA,CAAAmC,aAAA,CAAC3B,OAAO;IAAC+B,EAAE,EAAE5B;EAAsB,CAAE,CAClC,CACN,EACA,CAACa,OAAO,IAAIU,SAAS,IACpBlC,KAAA,CAAAmC,aAAA;IAAKE,SAAS,EAAEhC,UAAU,CAAC,mCAAmC,EAAE;MAC9D,aAAa,EAAEc,UAAU,KAAK,SAAS;MACvC,aAAa,EAAEA,UAAU,KAAK;IAChC,CAAC;EAAE,GAEDnB,KAAA,CAAAmC,aAAA,CAAC7B,KAAK,MAAE,CACL,CAEJ,CAEP,CAAC;AAEP,CAAC;AAED,SAASQ,IAAI","ignoreList":[]}
+{"version":3,"file":"Main.js","names":["React","useEffect","useBackgroundQuery","InstrumentRateWithChart","Tooltip","useLiveRatesQuery","INSTRUMENT_TOOLTIP_ID","getInstrumentsChart","Main","_ref","division","size","widgetSize","record","hasInstrument","instrument","queryRef","variables","instruments","fetchPolicy","skip","target","setQuery","createElement","tooltipId","id"],"sources":["../../../src/InstrumentLiveRateWidget/Main.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { useBackgroundQuery } from '@apollo/client';\nimport {\n  InstrumentRateWithChart,\n  Tooltip,\n  useLiveRatesQuery,\n} from '@oanda/labs-widget-common';\nimport { MainProps } from './types';\nimport { INSTRUMENT_TOOLTIP_ID } from './constant';\nimport { getInstrumentsChart } from '../gql/getInstrumentsChart';\nimport { GetInstrumentsChartQuery, GetInstrumentsChartQueryVariables } from '../gql/types/graphql';\n\nconst Main = ({\n  division,\n  size: widgetSize = 'fullWithChart',\n  record,\n}: MainProps) => {\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  const { target, setQuery } = useLiveRatesQuery();\n\n  useEffect(() => {\n    if (hasInstrument) {\n      setQuery({ instruments: [record?.instrument] });\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [record]);\n\n  return (\n    <div>\n      <InstrumentRateWithChart<GetInstrumentsChartQuery>\n        record={record}\n        target={target}\n        size={widgetSize}\n        tooltipId={INSTRUMENT_TOOLTIP_ID}\n        queryRef={queryRef}\n      />\n      <Tooltip id={INSTRUMENT_TOOLTIP_ID} />\n    </div>\n  );\n};\n\nexport { Main };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,SAASC,kBAAkB,QAAQ,gBAAgB;AACnD,SACEC,uBAAuB,EACvBC,OAAO,EACPC,iBAAiB,QACZ,2BAA2B;AAElC,SAASC,qBAAqB,QAAQ,YAAY;AAClD,SAASC,mBAAmB,QAAQ,4BAA4B;AAGhE,MAAMC,IAAI,GAAGC,IAAA,IAII;EAAA,IAJH;IACZC,QAAQ;IACRC,IAAI,EAAEC,UAAU,GAAG,eAAe;IAClCC;EACS,CAAC,GAAAJ,IAAA;EACV,MAAMK,aAAa,GAAG,CAAC,CAACD,MAAM,CAACE,UAAU;EAEzC,MAAM,CAACC,QAAQ,CAAC,GAAGd,kBAAkB,CAGnCK,mBAAmB,EAAE;IACrBU,SAAS,EAAE;MACTC,WAAW,EAAE,CAACL,MAAM,CAACE,UAAU,CAAC;MAChCL;IACF,CAAC;IACDS,WAAW,EAAE,cAAc;IAC3BC,IAAI,EAAE,CAACN;EACT,CAAC,CAAC;EAEF,MAAM;IAAEO,MAAM;IAAEC;EAAS,CAAC,GAAGjB,iBAAiB,CAAC,CAAC;EAEhDJ,SAAS,CAAC,MAAM;IACd,IAAIa,aAAa,EAAE;MACjBQ,QAAQ,CAAC;QAAEJ,WAAW,EAAE,CAACL,MAAM,EAAEE,UAAU;MAAE,CAAC,CAAC;IACjD;EAEF,CAAC,EAAE,CAACF,MAAM,CAAC,CAAC;EAEZ,OACEb,KAAA,CAAAuB,aAAA,cACEvB,KAAA,CAAAuB,aAAA,CAACpB,uBAAuB;IACtBU,MAAM,EAAEA,MAAO;IACfQ,MAAM,EAAEA,MAAO;IACfV,IAAI,EAAEC,UAAW;IACjBY,SAAS,EAAElB,qBAAsB;IACjCU,QAAQ,EAAEA;EAAS,CACpB,CAAC,EACFhB,KAAA,CAAAuB,aAAA,CAACnB,OAAO;IAACqB,EAAE,EAAEnB;EAAsB,CAAE,CAClC,CAAC;AAEV,CAAC;AAED,SAASE,IAAI","ignoreList":[]}

package/dist/module/InstrumentLiveRateWidget/ValidationWrapper.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ValidationWrapper.js","names":["React","useSuspenseQuery","classnames","Error","getRecords","validateInstruments","Main","ValidationWrapper","_ref","instrument","division","size","widgetSize","isParamError","data","error","variables","instruments","fetchPolicy","showError","createElement","Fragment","className","record"],"sources":["../../../src/InstrumentLiveRateWidget/ValidationWrapper.tsx"],"sourcesContent":["import React from 'react';\nimport { useSuspenseQuery } from '@apollo/client';\nimport classnames from 'classnames';\nimport { Error } from '@oanda/labs-widget-common';\nimport { getRecords } from './utils';\nimport { ValidationWrapperProps } from './types';\nimport { validateInstruments } from '../gql/validateInstruments';\nimport { ValidateInstrumentsQuery, ValidateInstrumentsQueryVariables } from '../gql/types/graphql';\nimport { Main } from './Main';\n\nconst ValidationWrapper = ({\n  instrument,\n  division,\n  size: widgetSize,\n  isParamError,\n}: ValidationWrapperProps) => {\n  const { data, error } = useSuspenseQuery<\n  ValidateInstrumentsQuery,\n  ValidateInstrumentsQueryVariables\n  >(validateInstruments, {\n    variables: {\n      instruments: [instrument],\n      division,\n    },\n    fetchPolicy: 'network-only',\n  });\n\n  const showError = !!error || isParamError;\n\n  return (\n    <>\n      <div\n        className=\"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      >\n        {!showError && (\n          <div className={classnames({\n            'lw-h-[82px]': widgetSize !== 'compact',\n            'lw-h-[54px]': widgetSize === 'compact',\n          })}\n          >\n            <Main\n              size={widgetSize}\n              division={division}\n              record={getRecords(data!)?.[0]!}\n            />\n          </div>\n        )}\n        {showError && (\n          <div className={classnames('lw-flex lw-w-full lw-items-center', {\n            'lw-h-[82px]': widgetSize !== 'compact',\n            'lw-h-[54px]': widgetSize === 'compact',\n          })}\n          >\n            <Error />\n          </div>\n        )}\n      </div>\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,UAAU,QAAQ,SAAS;AAEpC,SAASC,mBAAmB,QAAQ,4BAA4B;AAEhE,SAASC,IAAI,QAAQ,QAAQ;AAE7B,MAAMC,iBAAiB,GAAGC,IAAA,IAKI;EAAA,IALH;IACzBC,UAAU;IACVC,QAAQ;IACRC,IAAI,EAAEC,UAAU;IAChBC;EACsB,CAAC,GAAAL,IAAA;EACvB,MAAM;IAAEM,IAAI;IAAEC;EAAM,CAAC,GAAGd,gBAAgB,CAGtCI,mBAAmB,EAAE;IACrBW,SAAS,EAAE;MACTC,WAAW,EAAE,CAACR,UAAU,CAAC;MACzBC;IACF,CAAC;IACDQ,WAAW,EAAE;EACf,CAAC,CAAC;EAEF,MAAMC,SAAS,GAAG,CAAC,CAACJ,KAAK,IAAIF,YAAY;EAEzC,OACEb,KAAA,CAAAoB,aAAA,CAAApB,KAAA,CAAAqB,QAAA,QACErB,KAAA,CAAAoB,aAAA;IACEE,SAAS,EAAC;EAAuH,GAEhI,CAACH,SAAS,IACTnB,KAAA,CAAAoB,aAAA;IAAKE,SAAS,EAAEpB,UAAU,CAAC;MACzB,aAAa,EAAEU,UAAU,KAAK,SAAS;MACvC,aAAa,EAAEA,UAAU,KAAK;IAChC,CAAC;EAAE,GAEDZ,KAAA,CAAAoB,aAAA,CAACd,IAAI;IACHK,IAAI,EAAEC,UAAW;IACjBF,QAAQ,EAAEA,QAAS;IACnBa,MAAM,EAAEnB,UAAU,CAACU,IAAK,CAAC,GAAG,CAAC;EAAG,CACjC,CACE,CACN,EACAK,SAAS,IACRnB,KAAA,CAAAoB,aAAA;IAAKE,SAAS,EAAEpB,UAAU,CAAC,mCAAmC,EAAE;MAC9D,aAAa,EAAEU,UAAU,KAAK,SAAS;MACvC,aAAa,EAAEA,UAAU,KAAK;IAChC,CAAC;EAAE,GAEDZ,KAAA,CAAAoB,aAAA,CAACjB,KAAK,MAAE,CACL,CAEJ,CACL,CAAC;AAEP,CAAC;AAED,SAASI,iBAAiB","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["Locale","Division"],"sources":["../../../src/InstrumentLiveRateWidget/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 InstrumentLiveRateConfig {\n  graphqlUrl: string;\n  division: Division;\n  liveRatesUrl: string;\n  instrument: string;\n  locale: Locale;\n  theme?: Theme;\n  isParamError?: boolean;\n  removePadding?: boolean;\n  size?: 'compact' | 'full' | 'fullWithChart';\n}\n\nexport interface MainProps {\n  instrument: string;\n  division: Division;\n  size?: 'compact' | 'full' | 'fullWithChart'\n}\n"],"mappings":"AAIA,SAASA,MAAM,QAAQ,kBAAkB;AACzC,SAASC,QAAQ,QAAQ,sBAAsB","ignoreList":[]}
+{"version":3,"file":"types.js","names":["Locale","Division"],"sources":["../../../src/InstrumentLiveRateWidget/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 InstrumentLiveRateConfig {\n  graphqlUrl: string;\n  division: Division;\n  liveRatesUrl: string;\n  instrument: string;\n  locale: Locale;\n  theme?: Theme;\n  isParamError?: boolean;\n  removePadding?: boolean;\n  size?: WidgetSize;\n}\n\nexport interface ValidationWrapperProps {\n  instrument: string;\n  division: Division;\n  size?: WidgetSize;\n  isParamError?: boolean;\n}\nexport interface MainProps {\n  record: DataRecord;\n  division: Division;\n  size?: WidgetSize;\n}\n"],"mappings":"AAIA,SAASA,MAAM,QAAQ,kBAAkB;AACzC,SAASC,QAAQ,QAAQ,sBAAsB","ignoreList":[]}

package/dist/types/InstrumentLiveRateWidget/Main.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { MainProps } from './types';
-declare const Main: ({ instrument, division, size: widgetSize, }: MainProps) => React.JSX.Element;
+declare const Main: ({ division, size: widgetSize, record, }: MainProps) => React.JSX.Element;
 export { Main };

package/dist/types/InstrumentLiveRateWidget/ValidationWrapper.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ValidationWrapperProps } from './types';
+declare const ValidationWrapper: ({ instrument, division, size: widgetSize, isParamError, }: ValidationWrapperProps) => React.JSX.Element;
+export { ValidationWrapper };