@oanda/labs-instrument-live-rate-widget 1.0.1

package/dist/module/InstrumentLiveRateWidget/InstrumentLiveRateWidget.js

@@ -0,0 +1,49 @@
+import React 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 { translations } from '../translations';
+import { Main } from './Main';
+import { Division } from './types';
+const InstrumentLiveRateWidget = _ref => {
+  let {
+    graphqlUrl,
+    liveRatesUrl,
+    instrument,
+    division,
+    locale,
+    theme,
+    isParamError,
+    removePadding,
+    size
+  } = _ref;
+  const client = new ApolloClient({
+    uri: graphqlUrl,
+    cache: new InMemoryCache()
+  });
+  const divisionCode = division === Division.Opt ? Division.Ogm : division;
+  const dataSource = divisionCode === Division.Ogm ? 'MT5' : 'V20';
+  return React.createElement(ThemeProvider, {
+    removePadding: removePadding,
+    theme: theme
+  }, React.createElement(LocaleProvider, {
+    locale: getLocale(locale),
+    translations: translations
+  }, React.createElement(LiveRatesProvider, {
+    url: liveRatesUrl,
+    options: {
+      divisionCode,
+      dataSource
+    }
+  }, 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, {
+    size: size,
+    instrument: instrument,
+    division: division
+  })))));
+};
+export { InstrumentLiveRateWidget };
+//# sourceMappingURL=InstrumentLiveRateWidget.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InstrumentLiveRateWidget.js","names":["React","ApolloClient","InMemoryCache","ApolloProvider","LocaleProvider","ChartError","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 { 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, 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=\"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                  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,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,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,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,UAAU,EAAEA,UAAW;IACvBC,QAAQ,EAAEA;EAAS,CACpB,CAES,CACC,CACL,CACH,CAAC;AAEpB,CAAC;AAED,SAASL,wBAAwB","ignoreList":[]}

package/dist/module/InstrumentLiveRateWidget/Main.js

@@ -0,0 +1,69 @@
+import React, { useEffect, useState, useContext } from 'react';
+import { useQuery } from '@apollo/client';
+import { ChartError, Size, ThemeContext, Tooltip, useLiveRatesQuery } from '@oanda/labs-widget-common';
+import { getRecords } from './utils';
+import { INSTRUMENT_TOOLTIP_ID } from './constant';
+import { validateInstruments } from '../gql/validateInstruments';
+import { InstrumentRateWithData } from './components/InstrumentRateWithData';
+const Main = _ref => {
+  let {
+    instrument,
+    division,
+    size: widgetSize
+  } = _ref;
+  const {
+    size
+  } = useContext(ThemeContext);
+  const isDesktop = size === Size.DESKTOP;
+  const {
+    target,
+    setQuery
+  } = useLiveRatesQuery();
+  const [records, setRecords] = useState([]);
+  const {
+    loading,
+    data,
+    error
+  } = useQuery(validateInstruments, {
+    variables: {
+      instruments: [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;
+  });
+  useEffect(() => {
+    if (instrumentsNames[0]) {
+      setQuery({
+        instruments: instrumentsNames
+      });
+    }
+  }, [records, isDesktop]);
+  const showError = !!error;
+  return React.createElement(React.Fragment, null, records.length > 0 && React.createElement("div", {
+    "data-testid": "instrument-live-rate-wrapper",
+    className: "lw-relative lw-border lw-border-solid lw-border-border-primary lw-text-sm lw-tracking-normal lw-text-text-primary"
+  }, React.createElement(InstrumentRateWithData, {
+    loading: loading,
+    record: records[0],
+    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/InstrumentLiveRateWidget/Main.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Main.js","names":["React","useEffect","useState","useContext","useQuery","ChartError","Size","ThemeContext","Tooltip","useLiveRatesQuery","getRecords","INSTRUMENT_TOOLTIP_ID","validateInstruments","InstrumentRateWithData","Main","_ref","instrument","division","size","widgetSize","isDesktop","DESKTOP","target","setQuery","records","setRecords","loading","data","error","variables","instruments","fetchPolicy","instrumentsNames","map","_ref2","instrumentName","showError","createElement","Fragment","length","className","record","id"],"sources":["../../../src/InstrumentLiveRateWidget/Main.tsx"],"sourcesContent":["import React, { useEffect, useState, useContext } from 'react';\nimport { useQuery } from '@apollo/client';\nimport {\n  ChartError,\n  Size,\n  ThemeContext,\n  Tooltip,\n  useLiveRatesQuery,\n} from '@oanda/labs-widget-common';\nimport { getRecords } from './utils';\nimport { DataRecord, MainProps } from './types';\nimport { INSTRUMENT_TOOLTIP_ID } from './constant';\nimport { validateInstruments } from '../gql/validateInstruments';\nimport { ValidateInstrumentsQuery, ValidateInstrumentsQueryVariables } from '../gql/types/graphql';\nimport { InstrumentRateWithData } from './components/InstrumentRateWithData';\n\nconst Main = ({\n  instrument,\n  division,\n  size: widgetSize,\n}: MainProps) => {\n  const { size } = useContext(ThemeContext);\n  const isDesktop = size === Size.DESKTOP;\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, isDesktop]);\n\n  const showError = !!error;\n\n  return (\n    <>\n      {records.length > 0 && (\n        <div\n          data-testid=\"instrument-live-rate-wrapper\"\n          className=\"lw-relative lw-border lw-border-solid lw-border-border-primary lw-text-sm lw-tracking-normal lw-text-text-primary\"\n        >\n          <InstrumentRateWithData\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=\"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    </>\n  );\n};\n\nexport { Main };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,EAAEC,UAAU,QAAQ,OAAO;AAC9D,SAASC,QAAQ,QAAQ,gBAAgB;AACzC,SACEC,UAAU,EACVC,IAAI,EACJC,YAAY,EACZC,OAAO,EACPC,iBAAiB,QACZ,2BAA2B;AAClC,SAASC,UAAU,QAAQ,SAAS;AAEpC,SAASC,qBAAqB,QAAQ,YAAY;AAClD,SAASC,mBAAmB,QAAQ,4BAA4B;AAEhE,SAASC,sBAAsB,QAAQ,qCAAqC;AAE5E,MAAMC,IAAI,GAAGC,IAAA,IAII;EAAA,IAJH;IACZC,UAAU;IACVC,QAAQ;IACRC,IAAI,EAAEC;EACG,CAAC,GAAAJ,IAAA;EACV,MAAM;IAAEG;EAAK,CAAC,GAAGf,UAAU,CAACI,YAAY,CAAC;EACzC,MAAMa,SAAS,GAAGF,IAAI,KAAKZ,IAAI,CAACe,OAAO;EACvC,MAAM;IAAEC,MAAM;IAAEC;EAAS,CAAC,GAAGd,iBAAiB,CAAC,CAAC;EAChD,MAAM,CAACe,OAAO,EAAEC,UAAU,CAAC,GAAGvB,QAAQ,CAAe,EAAE,CAAC;EAExD,MAAM;IAAEwB,OAAO;IAAEC,IAAI;IAAEC;EAAM,CAAC,GAAGxB,QAAQ,CAGvCQ,mBAAmB,EAAE;IACrBiB,SAAS,EAAE;MACTC,WAAW,EAAE,CAACd,UAAU,CAAC;MACzBC;IACF,CAAC;IACDc,WAAW,EAAE;EACf,CAAC,CAAC;EAEF9B,SAAS,CAAC,MAAM;IACd,IAAI,CAACyB,OAAO,IAAIC,IAAI,EAAE;MACpBF,UAAU,CAACf,UAAU,CAACiB,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;MAAElB,UAAU,EAAEmB;IAAe,CAAC,GAAAD,KAAA;IAAA,OAAKC,cAAc;EAAA,EAAC;EAExFlC,SAAS,CAAC,MAAM;IACd,IAAI+B,gBAAgB,CAAC,CAAC,CAAC,EAAE;MACvBT,QAAQ,CAAC;QAAEO,WAAW,EAAEE;MAAiB,CAAC,CAAC;IAC7C;EAEF,CAAC,EAAE,CAACR,OAAO,EAAEJ,SAAS,CAAC,CAAC;EAExB,MAAMgB,SAAS,GAAG,CAAC,CAACR,KAAK;EAEzB,OACE5B,KAAA,CAAAqC,aAAA,CAAArC,KAAA,CAAAsC,QAAA,QACGd,OAAO,CAACe,MAAM,GAAG,CAAC,IACjBvC,KAAA,CAAAqC,aAAA;IACE,eAAY,8BAA8B;IAC1CG,SAAS,EAAC;EAAmH,GAE7HxC,KAAA,CAAAqC,aAAA,CAACxB,sBAAsB;IACrBa,OAAO,EAAEA,OAAQ;IACjBe,MAAM,EAAEjB,OAAO,CAAC,CAAC,CAAE;IACnBF,MAAM,EAAEA,MAAO;IACfL,QAAQ,EAAEA,QAAS;IACnBC,IAAI,EAAEC;EAAW,CAClB,CAAC,EACFnB,KAAA,CAAAqC,aAAA,CAAC7B,OAAO;IAACkC,EAAE,EAAE/B;EAAsB,CAAE,CAClC,CACN,EACA,CAACe,OAAO,IAAIU,SAAS,IACpBpC,KAAA,CAAAqC,aAAA;IAAKG,SAAS,EAAC;EAAmG,GAChHxC,KAAA,CAAAqC,aAAA,CAAChC,UAAU,MAAE,CACV,CAEP,CAAC;AAEP,CAAC;AAED,SAASS,IAAI","ignoreList":[]}

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

@@ -0,0 +1,74 @@
+import React, { useContext } from 'react';
+import { LabelWrapper, Price, ThemeContext, Truncate } from '@oanda/labs-widget-common';
+import classNames from 'classnames';
+import { LineChartWithData } from '../LineChartWithData';
+import { useRecords } from '../../utils';
+import { INSTRUMENT_TOOLTIP_ID } from '../../constant';
+import { getChartColor, getColorIndicator } from './utils';
+const InstrumentRateWithData = _ref => {
+  let {
+    loading,
+    record,
+    target,
+    division,
+    size = 'fullWithChart'
+  } = _ref;
+  const {
+    isDark
+  } = useContext(ThemeContext);
+  const {
+    updatedRecord,
+    error
+  } = useRecords(record, record.instrument ? target : null);
+  const checkLoading = id => loading || !error && updatedRecord?.[id] === undefined;
+  const indicator = getColorIndicator(updatedRecord.dailyPercentChange);
+  return React.createElement("div", {
+    className: "lw-flex lw-flex-col lw-px-4 lw-pb-1 lw-pt-2"
+  }, React.createElement("div", {
+    className: "lw-flex lw-items-center lw-gap-x-2"
+  }, React.createElement(LabelWrapper, {
+    isLoading: checkLoading('instrument'),
+    isError: !!error
+  }, React.createElement("span", {
+    className: "lw-text-xl lw-font-bold"
+  }, React.createElement(Truncate, {
+    maxWidth: 130,
+    text: record.displayName,
+    tooltipId: INSTRUMENT_TOOLTIP_ID
+  }))), React.createElement(LabelWrapper, {
+    isLoading: checkLoading('buy'),
+    isError: !!error
+  }, React.createElement("div", {
+    className: "lw-text-xl lw-font-bold"
+  }, React.createElement(Price, {
+    priceMovement: updatedRecord.buyPriceMovement,
+    withoutArrow: true
+  }, React.createElement("span", null, updatedRecord.buy?.toFixed(updatedRecord.displayPrecision)))))), size !== 'compact' && React.createElement("div", {
+    className: "lw-mt-1 lw-flex lw-items-center lw-gap-x-2"
+  }, React.createElement(LabelWrapper, {
+    isLoading: checkLoading('dailyPercentChange'),
+    isError: !!error
+  }, React.createElement("span", {
+    className: classNames('lw-font-bold', {
+      'lw-text-text-ok': indicator > 0,
+      'lw-text-text-danger': indicator < 0,
+      'lw-text-text-disabled': indicator === 0
+    })
+  }, updatedRecord.dailyPercentChange)), React.createElement(LabelWrapper, {
+    isLoading: checkLoading('dailyPipsChange'),
+    isError: !!error
+  }, React.createElement("span", {
+    className: classNames('lw-font-bold', {
+      'lw-text-text-ok': indicator > 0,
+      'lw-text-text-danger': indicator < 0,
+      'lw-text-text-disabled': indicator === 0
+    })
+  }, `(${updatedRecord.dailyPipsChange})`)), size === 'fullWithChart' && React.createElement(LineChartWithData, {
+    record: updatedRecord,
+    isLoading: checkLoading('instrument'),
+    division: division,
+    color: getChartColor(indicator, isDark)
+  })));
+};
+export { InstrumentRateWithData };
+//# sourceMappingURL=InstrumentRateWithData.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InstrumentRateWithData.js","names":["React","useContext","LabelWrapper","Price","ThemeContext","Truncate","classNames","LineChartWithData","useRecords","INSTRUMENT_TOOLTIP_ID","getChartColor","getColorIndicator","InstrumentRateWithData","_ref","loading","record","target","division","size","isDark","updatedRecord","error","instrument","checkLoading","id","undefined","indicator","dailyPercentChange","createElement","className","isLoading","isError","maxWidth","text","displayName","tooltipId","priceMovement","buyPriceMovement","withoutArrow","buy","toFixed","displayPrecision","dailyPipsChange","color"],"sources":["../../../../../src/InstrumentLiveRateWidget/components/InstrumentRateWithData/InstrumentRateWithData.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport {\n  LabelWrapper, Price, ThemeContext, Truncate,\n} from '@oanda/labs-widget-common';\nimport classNames from 'classnames';\nimport { InstrumentRateWithDataProps } from '../../types';\nimport { LineChartWithData } from '../LineChartWithData';\nimport { useRecords } from '../../utils';\nimport { INSTRUMENT_TOOLTIP_ID } from '../../constant';\nimport { getChartColor, getColorIndicator } from './utils';\n\nconst InstrumentRateWithData = ({\n  loading,\n  record,\n  target,\n  division,\n  size = 'fullWithChart',\n}: InstrumentRateWithDataProps) => {\n  const { isDark } = useContext(ThemeContext);\n  const { updatedRecord, error } = useRecords(record, record.instrument ? target : null);\n\n  const checkLoading = (id: string) => loading || (!error && updatedRecord?.[id] === undefined);\n\n  const indicator = getColorIndicator(updatedRecord.dailyPercentChange);\n\n  return (\n    <div className=\"lw-flex lw-flex-col lw-px-4 lw-pb-1 lw-pt-2\">\n      <div className=\"lw-flex lw-items-center lw-gap-x-2\">\n        <LabelWrapper\n          isLoading={checkLoading('instrument')}\n          isError={!!error}\n        >\n          <span className=\"lw-text-xl lw-font-bold\">\n            <Truncate maxWidth={130} text={record.displayName} tooltipId={INSTRUMENT_TOOLTIP_ID} />\n          </span>\n        </LabelWrapper>\n        <LabelWrapper\n          isLoading={checkLoading('buy')}\n          isError={!!error}\n        >\n          <div className=\"lw-text-xl lw-font-bold\">\n            <Price priceMovement={updatedRecord.buyPriceMovement} withoutArrow>\n              <span>{updatedRecord.buy?.toFixed(updatedRecord.displayPrecision)}</span>\n            </Price>\n          </div>\n        </LabelWrapper>\n      </div>\n      {size !== 'compact'\n        && (\n        <div className=\"lw-mt-1 lw-flex lw-items-center lw-gap-x-2\">\n          <LabelWrapper\n            isLoading={checkLoading('dailyPercentChange')}\n            isError={!!error}\n          >\n            <span className={classNames('lw-font-bold', {\n              'lw-text-text-ok': indicator > 0,\n              'lw-text-text-danger': indicator < 0,\n              'lw-text-text-disabled': indicator === 0,\n            })}\n            >\n              {updatedRecord.dailyPercentChange}\n            </span>\n\n          </LabelWrapper>\n          <LabelWrapper\n            isLoading={checkLoading('dailyPipsChange')}\n            isError={!!error}\n          >\n            <span className={classNames('lw-font-bold', {\n              'lw-text-text-ok': indicator > 0,\n              'lw-text-text-danger': indicator < 0,\n              'lw-text-text-disabled': indicator === 0,\n            })}\n            >\n              {`(${updatedRecord.dailyPipsChange})`}\n            </span>\n          </LabelWrapper>\n          {size === 'fullWithChart' && (\n          <LineChartWithData\n            record={updatedRecord}\n            isLoading={checkLoading('instrument')}\n            division={division}\n            color={getChartColor(indicator, isDark)}\n          />\n          )}\n        </div>\n        )}\n    </div>\n  );\n};\n\nexport { InstrumentRateWithData };\n"],"mappings":"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","ignoreList":[]}

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

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

package/dist/module/InstrumentLiveRateWidget/components/InstrumentRateWithData/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/InstrumentLiveRateWidget/components/InstrumentRateWithData/index.ts"],"sourcesContent":["export * from './InstrumentRateWithData';\nexport * from './utils';\n"],"mappings":"AAAA,cAAc,0BAA0B;AACxC,cAAc,SAAS","ignoreList":[]}

package/dist/module/InstrumentLiveRateWidget/components/InstrumentRateWithData/utils.js

@@ -0,0 +1,18 @@
+import { lightTheme, darkTheme } from '@oanda/labs-widget-common';
+const getColorIndicator = dailyChange => {
+  const numberValue = Number(dailyChange?.substring(0, dailyChange.length - 1));
+  return Math.sign(numberValue);
+};
+const getChartColor = (indicator, isDarkMode) => {
+  const theme = isDarkMode ? darkTheme : lightTheme;
+  switch (indicator) {
+    case 1:
+      return theme.textOk;
+    case -1:
+      return theme.textDanger;
+    default:
+      return theme.textDisabled;
+  }
+};
+export { getColorIndicator, getChartColor };
+//# sourceMappingURL=utils.js.map

package/dist/module/InstrumentLiveRateWidget/components/InstrumentRateWithData/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","names":["lightTheme","darkTheme","getColorIndicator","dailyChange","numberValue","Number","substring","length","Math","sign","getChartColor","indicator","isDarkMode","theme","textOk","textDanger","textDisabled"],"sources":["../../../../../src/InstrumentLiveRateWidget/components/InstrumentRateWithData/utils.ts"],"sourcesContent":["import { lightTheme, darkTheme } from '@oanda/labs-widget-common';\n\nconst getColorIndicator = (dailyChange?: string) => {\n  const numberValue = Number(dailyChange?.substring(0, dailyChange.length - 1));\n\n  return Math.sign(numberValue);\n};\n\nconst getChartColor = (indicator?: number, isDarkMode?: boolean) => {\n  const theme = isDarkMode ? darkTheme : lightTheme;\n\n  switch (indicator) {\n    case 1:\n      return theme.textOk;\n    case -1:\n      return theme.textDanger;\n    default:\n      return theme.textDisabled;\n  }\n};\n\nexport {\n  getColorIndicator,\n  getChartColor,\n};\n"],"mappings":"AAAA,SAASA,UAAU,EAAEC,SAAS,QAAQ,2BAA2B;AAEjE,MAAMC,iBAAiB,GAAIC,WAAoB,IAAK;EAClD,MAAMC,WAAW,GAAGC,MAAM,CAACF,WAAW,EAAEG,SAAS,CAAC,CAAC,EAAEH,WAAW,CAACI,MAAM,GAAG,CAAC,CAAC,CAAC;EAE7E,OAAOC,IAAI,CAACC,IAAI,CAACL,WAAW,CAAC;AAC/B,CAAC;AAED,MAAMM,aAAa,GAAGA,CAACC,SAAkB,EAAEC,UAAoB,KAAK;EAClE,MAAMC,KAAK,GAAGD,UAAU,GAAGX,SAAS,GAAGD,UAAU;EAEjD,QAAQW,SAAS;IACf,KAAK,CAAC;MACJ,OAAOE,KAAK,CAACC,MAAM;IACrB,KAAK,CAAC,CAAC;MACL,OAAOD,KAAK,CAACE,UAAU;IACzB;MACE,OAAOF,KAAK,CAACG,YAAY;EAC7B;AACF,CAAC;AAED,SACEd,iBAAiB,EACjBQ,aAAa","ignoreList":[]}

package/dist/module/InstrumentLiveRateWidget/components/LineChartWithData/LineChartWithData.js

@@ -0,0 +1,37 @@
+import React from 'react';
+import { useQuery } from '@apollo/client';
+import { LineChart, Loader, LoaderSize } from '@oanda/labs-widget-common';
+import { getInstrumentsChart } from '../../../gql/getInstrumentsChart';
+const LineChartWithData = _ref => {
+  let {
+    padding,
+    record,
+    size,
+    isLoading,
+    division,
+    color
+  } = _ref;
+  const {
+    loading,
+    data
+  } = useQuery(getInstrumentsChart, {
+    variables: {
+      instruments: [record.instrument],
+      division
+    },
+    fetchPolicy: 'network-only',
+    skip: !record.instrument
+  });
+  const showLoader = isLoading || loading;
+  const chart = data?.topicalInstrumentsCharts?.[0].chart || [];
+  return React.createElement(React.Fragment, null, showLoader && React.createElement(Loader, {
+    size: LoaderSize.md
+  }), !showLoader && React.createElement(LineChart, {
+    padding: padding,
+    size: size,
+    color: color,
+    data: chart
+  }));
+};
+export { LineChartWithData };
+//# sourceMappingURL=LineChartWithData.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LineChartWithData.js","names":["React","useQuery","LineChart","Loader","LoaderSize","getInstrumentsChart","LineChartWithData","_ref","padding","record","size","isLoading","division","color","loading","data","variables","instruments","instrument","fetchPolicy","skip","showLoader","chart","topicalInstrumentsCharts","createElement","Fragment","md"],"sources":["../../../../../src/InstrumentLiveRateWidget/components/LineChartWithData/LineChartWithData.tsx"],"sourcesContent":["import React from 'react';\nimport { useQuery } from '@apollo/client';\nimport {\n  LineChart, Loader, LoaderSize,\n} from '@oanda/labs-widget-common';\nimport { LineChartWithDataProps } from './types';\nimport { getInstrumentsChart } from '../../../gql/getInstrumentsChart';\nimport { GetInstrumentsChartQuery, GetInstrumentsChartQueryVariables } from '../../../gql/types/graphql';\n\nconst LineChartWithData = ({\n  padding,\n  record,\n  size,\n  isLoading,\n  division,\n  color,\n}: LineChartWithDataProps) => {\n  const { loading, data } = useQuery<\n  GetInstrumentsChartQuery,\n  GetInstrumentsChartQueryVariables\n  >(getInstrumentsChart, {\n    variables: {\n      instruments: [record.instrument],\n      division,\n    },\n    fetchPolicy: 'network-only',\n    skip: !record.instrument,\n  });\n\n  const showLoader = isLoading || loading;\n  const chart = data?.topicalInstrumentsCharts?.[0].chart || [];\n\n  return (\n    <>\n      {showLoader && <Loader size={LoaderSize.md} />}\n      {!showLoader && (\n        <LineChart\n          padding={padding}\n          size={size}\n          color={color}\n          data={chart}\n        />\n      )}\n    </>\n  );\n};\n\nexport { LineChartWithData };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,QAAQ,gBAAgB;AACzC,SACEC,SAAS,EAAEC,MAAM,EAAEC,UAAU,QACxB,2BAA2B;AAElC,SAASC,mBAAmB,QAAQ,kCAAkC;AAGtE,MAAMC,iBAAiB,GAAGC,IAAA,IAOI;EAAA,IAPH;IACzBC,OAAO;IACPC,MAAM;IACNC,IAAI;IACJC,SAAS;IACTC,QAAQ;IACRC;EACsB,CAAC,GAAAN,IAAA;EACvB,MAAM;IAAEO,OAAO;IAAEC;EAAK,CAAC,GAAGd,QAAQ,CAGhCI,mBAAmB,EAAE;IACrBW,SAAS,EAAE;MACTC,WAAW,EAAE,CAACR,MAAM,CAACS,UAAU,CAAC;MAChCN;IACF,CAAC;IACDO,WAAW,EAAE,cAAc;IAC3BC,IAAI,EAAE,CAACX,MAAM,CAACS;EAChB,CAAC,CAAC;EAEF,MAAMG,UAAU,GAAGV,SAAS,IAAIG,OAAO;EACvC,MAAMQ,KAAK,GAAGP,IAAI,EAAEQ,wBAAwB,GAAG,CAAC,CAAC,CAACD,KAAK,IAAI,EAAE;EAE7D,OACEtB,KAAA,CAAAwB,aAAA,CAAAxB,KAAA,CAAAyB,QAAA,QACGJ,UAAU,IAAIrB,KAAA,CAAAwB,aAAA,CAACrB,MAAM;IAACO,IAAI,EAAEN,UAAU,CAACsB;EAAG,CAAE,CAAC,EAC7C,CAACL,UAAU,IACVrB,KAAA,CAAAwB,aAAA,CAACtB,SAAS;IACRM,OAAO,EAAEA,OAAQ;IACjBE,IAAI,EAAEA,IAAK;IACXG,KAAK,EAAEA,KAAM;IACbE,IAAI,EAAEO;EAAM,CACb,CAEH,CAAC;AAEP,CAAC;AAED,SAAShB,iBAAiB","ignoreList":[]}

package/dist/module/InstrumentLiveRateWidget/components/LineChartWithData/index.js

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

package/dist/module/InstrumentLiveRateWidget/components/LineChartWithData/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/InstrumentLiveRateWidget/components/LineChartWithData/index.ts"],"sourcesContent":["export * from './LineChartWithData';\n"],"mappings":"AAAA,cAAc,qBAAqB","ignoreList":[]}

package/dist/module/InstrumentLiveRateWidget/components/LineChartWithData/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../../../src/InstrumentLiveRateWidget/components/LineChartWithData/types.tsx"],"sourcesContent":["import { LineChartSize } from '@oanda/labs-widget-common';\nimport { DataRecord } from '../../types';\nimport { Division } from '../../../gql/types/graphql';\n\nexport interface LineChartWithDataProps {\n  padding?: number;\n  record: DataRecord;\n  size?: LineChartSize;\n  isLoading: boolean;\n  division: Division;\n  color: string;\n}\n"],"mappings":"","ignoreList":[]}

package/dist/module/InstrumentLiveRateWidget/components/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/InstrumentLiveRateWidget/components/index.ts"],"sourcesContent":["export * from './LineChartWithData';\n"],"mappings":"AAAA,cAAc,qBAAqB","ignoreList":[]}

package/dist/module/InstrumentLiveRateWidget/constant.js

@@ -0,0 +1,3 @@
+const INSTRUMENT_TOOLTIP_ID = 'instrument_tooltip_id';
+export { INSTRUMENT_TOOLTIP_ID };
+//# sourceMappingURL=constant.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constant.js","names":["INSTRUMENT_TOOLTIP_ID"],"sources":["../../../src/InstrumentLiveRateWidget/constant.ts"],"sourcesContent":["const INSTRUMENT_TOOLTIP_ID = 'instrument_tooltip_id';\n\nexport {\n  INSTRUMENT_TOOLTIP_ID,\n};\n"],"mappings":"AAAA,MAAMA,qBAAqB,GAAG,uBAAuB;AAErD,SACEA,qBAAqB","ignoreList":[]}

package/dist/module/InstrumentLiveRateWidget/render.js

@@ -0,0 +1,48 @@
+import React from 'react';
+import { createRoot } from 'react-dom/client';
+import { validateLocale, validateToolParams } from '@oanda/labs-widget-common';
+import { InstrumentLiveRateWidget } from './InstrumentLiveRateWidget';
+import { Division } from '../gql/types/graphql';
+const {
+  graphqlUrl,
+  liveRatesUrl
+} = window.widgetsConfig || {};
+const instrumentLiveRateElements = document.querySelectorAll('div[data-instrument-live-rate-params]');
+instrumentLiveRateElements.forEach(element => {
+  const root = createRoot(element);
+  const params = element.getAttribute('data-instrument-live-rate-params');
+  const mode = element.getAttribute('data-mode');
+  const {
+    instrument,
+    division,
+    locale,
+    size
+  } = JSON.parse(params);
+  const isParamError = validateToolParams({
+    division,
+    locale,
+    graphqlUrl,
+    liveRatesUrl
+  }, [{
+    name: 'locale',
+    valueCheck: value => validateLocale(value)
+  }, {
+    name: 'division',
+    valueCheck: value => Object.values(Division).includes(value)
+  }, {
+    name: 'graphqlUrl'
+  }, {
+    name: 'liveRatesUrl'
+  }]);
+  root.render(React.createElement(InstrumentLiveRateWidget, {
+    graphqlUrl: graphqlUrl,
+    liveRatesUrl: liveRatesUrl,
+    division: division,
+    instrument: instrument,
+    locale: locale,
+    theme: mode,
+    isParamError: isParamError,
+    size: size
+  }));
+});
+//# sourceMappingURL=render.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"render.js","names":["React","createRoot","validateLocale","validateToolParams","InstrumentLiveRateWidget","Division","graphqlUrl","liveRatesUrl","window","widgetsConfig","instrumentLiveRateElements","document","querySelectorAll","forEach","element","root","params","getAttribute","mode","instrument","division","locale","size","JSON","parse","isParamError","name","valueCheck","value","Object","values","includes","render","createElement","theme"],"sources":["../../../src/InstrumentLiveRateWidget/render.tsx"],"sourcesContent":["import React from 'react';\nimport { createRoot } from 'react-dom/client';\nimport { Theme, validateLocale, validateToolParams } from '@oanda/labs-widget-common';\nimport { InstrumentLiveRateWidget } from './InstrumentLiveRateWidget';\nimport { Division } from '../gql/types/graphql';\n\nconst {\n  graphqlUrl,\n  liveRatesUrl,\n} = window.widgetsConfig || {};\n\nconst instrumentLiveRateElements = document.querySelectorAll('div[data-instrument-live-rate-params]');\n\ninstrumentLiveRateElements.forEach((element) => {\n  const root = createRoot(element);\n  const params = element.getAttribute('data-instrument-live-rate-params');\n  const mode = element.getAttribute('data-mode');\n  const {\n    instrument, division, locale, size,\n  } = JSON.parse(params as string);\n\n  const isParamError = validateToolParams({\n    division, locale, graphqlUrl, liveRatesUrl,\n  }, [{\n    name: 'locale',\n    valueCheck: (value) => validateLocale(value),\n  }, {\n    name: 'division',\n    valueCheck: (value) => Object.values(Division).includes(value),\n  }, {\n    name: 'graphqlUrl',\n  }, {\n    name: 'liveRatesUrl',\n  }]);\n\n  root.render(\n    <InstrumentLiveRateWidget\n      graphqlUrl={graphqlUrl}\n      liveRatesUrl={liveRatesUrl}\n      division={division}\n      instrument={instrument}\n      locale={locale}\n      theme={mode as Theme}\n      isParamError={isParamError}\n      size={size}\n    />,\n  );\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAAgBC,cAAc,EAAEC,kBAAkB,QAAQ,2BAA2B;AACrF,SAASC,wBAAwB,QAAQ,4BAA4B;AACrE,SAASC,QAAQ,QAAQ,sBAAsB;AAE/C,MAAM;EACJC,UAAU;EACVC;AACF,CAAC,GAAGC,MAAM,CAACC,aAAa,IAAI,CAAC,CAAC;AAE9B,MAAMC,0BAA0B,GAAGC,QAAQ,CAACC,gBAAgB,CAAC,uCAAuC,CAAC;AAErGF,0BAA0B,CAACG,OAAO,CAAEC,OAAO,IAAK;EAC9C,MAAMC,IAAI,GAAGd,UAAU,CAACa,OAAO,CAAC;EAChC,MAAME,MAAM,GAAGF,OAAO,CAACG,YAAY,CAAC,kCAAkC,CAAC;EACvE,MAAMC,IAAI,GAAGJ,OAAO,CAACG,YAAY,CAAC,WAAW,CAAC;EAC9C,MAAM;IACJE,UAAU;IAAEC,QAAQ;IAAEC,MAAM;IAAEC;EAChC,CAAC,GAAGC,IAAI,CAACC,KAAK,CAACR,MAAgB,CAAC;EAEhC,MAAMS,YAAY,GAAGtB,kBAAkB,CAAC;IACtCiB,QAAQ;IAAEC,MAAM;IAAEf,UAAU;IAAEC;EAChC,CAAC,EAAE,CAAC;IACFmB,IAAI,EAAE,QAAQ;IACdC,UAAU,EAAGC,KAAK,IAAK1B,cAAc,CAAC0B,KAAK;EAC7C,CAAC,EAAE;IACDF,IAAI,EAAE,UAAU;IAChBC,UAAU,EAAGC,KAAK,IAAKC,MAAM,CAACC,MAAM,CAACzB,QAAQ,CAAC,CAAC0B,QAAQ,CAACH,KAAK;EAC/D,CAAC,EAAE;IACDF,IAAI,EAAE;EACR,CAAC,EAAE;IACDA,IAAI,EAAE;EACR,CAAC,CAAC,CAAC;EAEHX,IAAI,CAACiB,MAAM,CACThC,KAAA,CAAAiC,aAAA,CAAC7B,wBAAwB;IACvBE,UAAU,EAAEA,UAAW;IACvBC,YAAY,EAAEA,YAAa;IAC3Ba,QAAQ,EAAEA,QAAS;IACnBD,UAAU,EAAEA,UAAW;IACvBE,MAAM,EAAEA,MAAO;IACfa,KAAK,EAAEhB,IAAc;IACrBO,YAAY,EAAEA,YAAa;IAC3BH,IAAI,EAAEA;EAAK,CACZ,CACH,CAAC;AACH,CAAC,CAAC","ignoreList":[]}

package/dist/module/InstrumentLiveRateWidget/types.js

@@ -0,0 +1,3 @@
+export { Locale } from '@oanda/mono-i18n';
+export { Division } from '../gql/types/graphql';
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +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\nexport interface Sentiment {\n  shortPercent: number;\n  longPercent: number;\n}\n\nexport type EmptyRecord = Record<any, never>;\n\nexport interface DataRecord {\n  [key: string]: string | number | undefined;\n  instrument: string;\n  displayName: string;\n  buy?: number;\n  buyPriceMovement?: number;\n  dailyPercentChange?: string;\n  dailyPipsChange?: number;\n  displayPrecision?: number;\n}\n\nexport interface InstrumentRateWithDataProps {\n  loading: boolean;\n  record: DataRecord;\n  target: EventTarget | null;\n  division: Division;\n  size?: 'compact' | 'full' | 'fullWithChart'\n}\n"],"mappings":"AAIA,SAASA,MAAM,QAAQ,kBAAkB;AACzC,SAASC,QAAQ,QAAQ,sBAAsB","ignoreList":[]}

package/dist/module/InstrumentLiveRateWidget/utils.js

@@ -0,0 +1,36 @@
+import { useState, useEffect } from 'react';
+import { useLiveRatesMessage } from '@oanda/labs-widget-common';
+const getRecords = data => data?.mapInstrumentNames?.map(item => ({
+  instrument: item?.name || '',
+  displayName: item?.displayName || ''
+}));
+const useRecords = (record, target) => {
+  const [updatedRecord, setUpdatedRecord] = useState({
+    displayName: record.displayName,
+    instrument: record.instrument,
+    sentiment: record.sentiment
+  });
+  const [error, setError] = useState(null);
+  const {
+    update,
+    error: liveRatesError
+  } = useLiveRatesMessage(record.instrument, target);
+  useEffect(() => {
+    setUpdatedRecord({
+      displayName: record.displayName,
+      instrument: record.instrument,
+      buy: update?.bid,
+      buyPriceMovement: update?.bidPriceMovement,
+      dailyPercentChange: update?.dailyPercentChangeFromOpen,
+      dailyPipsChange: update?.dailyPipsChangeFromOpen,
+      displayPrecision: update?.displayPrecision
+    });
+    setError(liveRatesError);
+  }, [update, record, liveRatesError]);
+  return {
+    updatedRecord,
+    error
+  };
+};
+export { getRecords, useRecords };
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","names":["useState","useEffect","useLiveRatesMessage","getRecords","data","mapInstrumentNames","map","item","instrument","name","displayName","useRecords","record","target","updatedRecord","setUpdatedRecord","sentiment","error","setError","update","liveRatesError","buy","bid","buyPriceMovement","bidPriceMovement","dailyPercentChange","dailyPercentChangeFromOpen","dailyPipsChange","dailyPipsChangeFromOpen","displayPrecision"],"sources":["../../../src/InstrumentLiveRateWidget/utils.ts"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport { LiveRatesErrorMessage, useLiveRatesMessage } from '@oanda/labs-widget-common';\nimport { DataRecord, EmptyRecord } from './types';\nimport { ValidateInstrumentsQuery } from '../gql/types/graphql';\n\nconst getRecords = (data: ValidateInstrumentsQuery) => data?.mapInstrumentNames?.map((item) => ({\n  instrument: item?.name || '',\n  displayName: item?.displayName || '',\n}));\n\nconst useRecords = (\n  record: DataRecord | EmptyRecord,\n  target: EventTarget | null,\n) => {\n  const [updatedRecord, setUpdatedRecord] = useState<DataRecord>({\n    displayName: record.displayName,\n    instrument: record.instrument,\n    sentiment: record.sentiment,\n  });\n  const [error, setError] = useState<LiveRatesErrorMessage | null>(null);\n\n  const { update, error: liveRatesError } = useLiveRatesMessage(\n    record.instrument,\n    target,\n  );\n\n  useEffect(() => {\n    setUpdatedRecord({\n      displayName: record.displayName,\n      instrument: record.instrument,\n      buy: update?.bid,\n      buyPriceMovement: update?.bidPriceMovement,\n      dailyPercentChange: update?.dailyPercentChangeFromOpen,\n      dailyPipsChange: update?.dailyPipsChangeFromOpen,\n      displayPrecision: update?.displayPrecision,\n    });\n    setError(liveRatesError);\n  }, [update, record, liveRatesError]);\n\n  return {\n    updatedRecord,\n    error,\n  };\n};\n\nexport {\n  getRecords,\n  useRecords,\n};\n"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,SAAS,QAAQ,OAAO;AAC3C,SAAgCC,mBAAmB,QAAQ,2BAA2B;AAItF,MAAMC,UAAU,GAAIC,IAA8B,IAAKA,IAAI,EAAEC,kBAAkB,EAAEC,GAAG,CAAEC,IAAI,KAAM;EAC9FC,UAAU,EAAED,IAAI,EAAEE,IAAI,IAAI,EAAE;EAC5BC,WAAW,EAAEH,IAAI,EAAEG,WAAW,IAAI;AACpC,CAAC,CAAC,CAAC;AAEH,MAAMC,UAAU,GAAGA,CACjBC,MAAgC,EAChCC,MAA0B,KACvB;EACH,MAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAGf,QAAQ,CAAa;IAC7DU,WAAW,EAAEE,MAAM,CAACF,WAAW;IAC/BF,UAAU,EAAEI,MAAM,CAACJ,UAAU;IAC7BQ,SAAS,EAAEJ,MAAM,CAACI;EACpB,CAAC,CAAC;EACF,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGlB,QAAQ,CAA+B,IAAI,CAAC;EAEtE,MAAM;IAAEmB,MAAM;IAAEF,KAAK,EAAEG;EAAe,CAAC,GAAGlB,mBAAmB,CAC3DU,MAAM,CAACJ,UAAU,EACjBK,MACF,CAAC;EAEDZ,SAAS,CAAC,MAAM;IACdc,gBAAgB,CAAC;MACfL,WAAW,EAAEE,MAAM,CAACF,WAAW;MAC/BF,UAAU,EAAEI,MAAM,CAACJ,UAAU;MAC7Ba,GAAG,EAAEF,MAAM,EAAEG,GAAG;MAChBC,gBAAgB,EAAEJ,MAAM,EAAEK,gBAAgB;MAC1CC,kBAAkB,EAAEN,MAAM,EAAEO,0BAA0B;MACtDC,eAAe,EAAER,MAAM,EAAES,uBAAuB;MAChDC,gBAAgB,EAAEV,MAAM,EAAEU;IAC5B,CAAC,CAAC;IACFX,QAAQ,CAACE,cAAc,CAAC;EAC1B,CAAC,EAAE,CAACD,MAAM,EAAEP,MAAM,EAAEQ,cAAc,CAAC,CAAC;EAEpC,OAAO;IACLN,aAAa;IACbG;EACF,CAAC;AACH,CAAC;AAED,SACEd,UAAU,EACVQ,UAAU","ignoreList":[]}

package/dist/module/gql/getInstrumentsChart.js

@@ -0,0 +1,10 @@
+import { gql } from '@apollo/client';
+export const getInstrumentsChart = gql`
+  query GetInstrumentsChart($instruments: [String!], $division: Division) {
+    topicalInstrumentsCharts(instruments: $instruments, division: $division) {
+      name
+      chart
+    }
+  }
+`;
+//# sourceMappingURL=getInstrumentsChart.js.map

package/dist/module/gql/getInstrumentsChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getInstrumentsChart.js","names":["gql","getInstrumentsChart"],"sources":["../../../src/gql/getInstrumentsChart.ts"],"sourcesContent":["import { gql } from '@apollo/client';\n\nexport const getInstrumentsChart = gql`\n  query GetInstrumentsChart($instruments: [String!], $division: Division) {\n    topicalInstrumentsCharts(instruments: $instruments, division: $division) {\n      name\n      chart\n    }\n  }\n`;\n"],"mappings":"AAAA,SAASA,GAAG,QAAQ,gBAAgB;AAEpC,OAAO,MAAMC,mBAAmB,GAAGD,GAAG;AACtC;AACA;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}

package/dist/module/gql/types/fragment-masking.js

@@ -0,0 +1,15 @@
+export function useFragment(_documentNode, fragmentType) {
+  return fragmentType;
+}
+export function makeFragmentData(data, _fragment) {
+  return data;
+}
+export function isFragmentReady(queryNode, fragmentNode, data) {
+  const deferredFields = queryNode.__meta__?.deferredFields;
+  if (!deferredFields) return true;
+  const fragDef = fragmentNode.definitions[0];
+  const fragName = fragDef?.name?.value;
+  const fields = fragName && deferredFields[fragName] || [];
+  return fields.length > 0 && fields.every(field => data && field in data);
+}
+//# sourceMappingURL=fragment-masking.js.map

package/dist/module/gql/types/fragment-masking.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fragment-masking.js","names":["useFragment","_documentNode","fragmentType","makeFragmentData","data","_fragment","isFragmentReady","queryNode","fragmentNode","deferredFields","__meta__","fragDef","definitions","fragName","name","value","fields","length","every","field"],"sources":["../../../../src/gql/types/fragment-masking.ts"],"sourcesContent":["import { ResultOf, DocumentTypeDecoration, TypedDocumentNode } from '@graphql-typed-document-node/core';\nimport { FragmentDefinitionNode } from 'graphql';\nimport { Incremental } from './graphql';\n\n\nexport type FragmentType<TDocumentType extends DocumentTypeDecoration<any, any>> = TDocumentType extends DocumentTypeDecoration<\n  infer TType,\n  any\n>\n  ? [TType] extends [{ ' $fragmentName'?: infer TKey }]\n    ? TKey extends string\n      ? { ' $fragmentRefs'?: { [key in TKey]: TType } }\n      : never\n    : never\n  : never;\n\n// return non-nullable if `fragmentType` is non-nullable\nexport function useFragment<TType>(\n  _documentNode: DocumentTypeDecoration<TType, any>,\n  fragmentType: FragmentType<DocumentTypeDecoration<TType, any>>\n): TType;\n// return nullable if `fragmentType` is nullable\nexport function useFragment<TType>(\n  _documentNode: DocumentTypeDecoration<TType, any>,\n  fragmentType: FragmentType<DocumentTypeDecoration<TType, any>> | null | undefined\n): TType | null | undefined;\n// return array of non-nullable if `fragmentType` is array of non-nullable\nexport function useFragment<TType>(\n  _documentNode: DocumentTypeDecoration<TType, any>,\n  fragmentType: ReadonlyArray<FragmentType<DocumentTypeDecoration<TType, any>>>\n): ReadonlyArray<TType>;\n// return array of nullable if `fragmentType` is array of nullable\nexport function useFragment<TType>(\n  _documentNode: DocumentTypeDecoration<TType, any>,\n  fragmentType: ReadonlyArray<FragmentType<DocumentTypeDecoration<TType, any>>> | null | undefined\n): ReadonlyArray<TType> | null | undefined;\nexport function useFragment<TType>(\n  _documentNode: DocumentTypeDecoration<TType, any>,\n  fragmentType: FragmentType<DocumentTypeDecoration<TType, any>> | ReadonlyArray<FragmentType<DocumentTypeDecoration<TType, any>>> | null | undefined\n): TType | ReadonlyArray<TType> | null | undefined {\n  return fragmentType as any;\n}\n\n\nexport function makeFragmentData<\n  F extends DocumentTypeDecoration<any, any>,\n  FT extends ResultOf<F>\n>(data: FT, _fragment: F): FragmentType<F> {\n  return data as FragmentType<F>;\n}\nexport function isFragmentReady<TQuery, TFrag>(\n  queryNode: DocumentTypeDecoration<TQuery, any>,\n  fragmentNode: TypedDocumentNode<TFrag>,\n  data: FragmentType<TypedDocumentNode<Incremental<TFrag>, any>> | null | undefined\n): data is FragmentType<typeof fragmentNode> {\n  const deferredFields = (queryNode as { __meta__?: { deferredFields: Record<string, (keyof TFrag)[]> } }).__meta__\n    ?.deferredFields;\n\n  if (!deferredFields) return true;\n\n  const fragDef = fragmentNode.definitions[0] as FragmentDefinitionNode | undefined;\n  const fragName = fragDef?.name?.value;\n\n  const fields = (fragName && deferredFields[fragName]) || [];\n  return fields.length > 0 && fields.every(field => data && field in data);\n}\n"],"mappings":"AAoCA,OAAO,SAASA,WAAWA,CACzBC,aAAiD,EACjDC,YAAmJ,EAClG;EACjD,OAAOA,YAAY;AACrB;AAGA,OAAO,SAASC,gBAAgBA,CAG9BC,IAAQ,EAAEC,SAAY,EAAmB;EACzC,OAAOD,IAAI;AACb;AACA,OAAO,SAASE,eAAeA,CAC7BC,SAA8C,EAC9CC,YAAsC,EACtCJ,IAAiF,EACtC;EAC3C,MAAMK,cAAc,GAAIF,SAAS,CAAwEG,QAAQ,EAC7GD,cAAc;EAElB,IAAI,CAACA,cAAc,EAAE,OAAO,IAAI;EAEhC,MAAME,OAAO,GAAGH,YAAY,CAACI,WAAW,CAAC,CAAC,CAAuC;EACjF,MAAMC,QAAQ,GAAGF,OAAO,EAAEG,IAAI,EAAEC,KAAK;EAErC,MAAMC,MAAM,GAAIH,QAAQ,IAAIJ,cAAc,CAACI,QAAQ,CAAC,IAAK,EAAE;EAC3D,OAAOG,MAAM,CAACC,MAAM,GAAG,CAAC,IAAID,MAAM,CAACE,KAAK,CAACC,KAAK,IAAIf,IAAI,IAAIe,KAAK,IAAIf,IAAI,CAAC;AAC1E","ignoreList":[]}

package/dist/module/gql/types/gql.js

@@ -0,0 +1,9 @@
+import * as types from './graphql';
+const documents = {
+  "\n  query GetInstrumentsChart($instruments: [String!], $division: Division) {\n    topicalInstrumentsCharts(instruments: $instruments, division: $division) {\n      name\n      chart\n    }\n  }\n": types.GetInstrumentsChartDocument,
+  "\n  query validateInstruments($instruments: [String]!, $division: Division) {\n    mapInstrumentNames(instruments: $instruments, division: $division) {\n      name\n      displayName\n    }\n  }\n": types.ValidateInstrumentsDocument
+};
+export function graphql(source) {
+  return documents[source] ?? {};
+}
+//# sourceMappingURL=gql.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"gql.js","names":["types","documents","GetInstrumentsChartDocument","ValidateInstrumentsDocument","graphql","source"],"sources":["../../../../src/gql/types/gql.ts"],"sourcesContent":["/* eslint-disable */\nimport * as types from './graphql';\nimport { TypedDocumentNode as DocumentNode } from '@graphql-typed-document-node/core';\n\n/**\n * Map of all GraphQL operations in the project.\n *\n * This map has several performance disadvantages:\n * 1. It is not tree-shakeable, so it will include all operations in the project.\n * 2. It is not minifiable, so the string of a GraphQL query will be multiple times inside the bundle.\n * 3. It does not support dead code elimination, so it will add unused operations.\n *\n * Therefore it is highly recommended to use the babel or swc plugin for production.\n */\nconst documents = {\n    \"\\n  query GetInstrumentsChart($instruments: [String!], $division: Division) {\\n    topicalInstrumentsCharts(instruments: $instruments, division: $division) {\\n      name\\n      chart\\n    }\\n  }\\n\": types.GetInstrumentsChartDocument,\n    \"\\n  query validateInstruments($instruments: [String]!, $division: Division) {\\n    mapInstrumentNames(instruments: $instruments, division: $division) {\\n      name\\n      displayName\\n    }\\n  }\\n\": types.ValidateInstrumentsDocument,\n};\n\n/**\n * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.\n *\n *\n * @example\n * ```ts\n * const query = graphql(`query GetUser($id: ID!) { user(id: $id) { name } }`);\n * ```\n *\n * The query argument is unknown!\n * Please regenerate the types.\n */\nexport function graphql(source: string): unknown;\n\n/**\n * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.\n */\nexport function graphql(source: \"\\n  query GetInstrumentsChart($instruments: [String!], $division: Division) {\\n    topicalInstrumentsCharts(instruments: $instruments, division: $division) {\\n      name\\n      chart\\n    }\\n  }\\n\"): (typeof documents)[\"\\n  query GetInstrumentsChart($instruments: [String!], $division: Division) {\\n    topicalInstrumentsCharts(instruments: $instruments, division: $division) {\\n      name\\n      chart\\n    }\\n  }\\n\"];\n/**\n * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.\n */\nexport function graphql(source: \"\\n  query validateInstruments($instruments: [String]!, $division: Division) {\\n    mapInstrumentNames(instruments: $instruments, division: $division) {\\n      name\\n      displayName\\n    }\\n  }\\n\"): (typeof documents)[\"\\n  query validateInstruments($instruments: [String]!, $division: Division) {\\n    mapInstrumentNames(instruments: $instruments, division: $division) {\\n      name\\n      displayName\\n    }\\n  }\\n\"];\n\nexport function graphql(source: string) {\n  return (documents as any)[source] ?? {};\n}\n\nexport type DocumentType<TDocumentNode extends DocumentNode<any, any>> = TDocumentNode extends DocumentNode<  infer TType,  any>  ? TType  : never;"],"mappings":"AACA,OAAO,KAAKA,KAAK,MAAM,WAAW;AAalC,MAAMC,SAAS,GAAG;EACd,sMAAsM,EAAED,KAAK,CAACE,2BAA2B;EACzO,sMAAsM,EAAEF,KAAK,CAACG;AAClN,CAAC;AAyBD,OAAO,SAASC,OAAOA,CAACC,MAAc,EAAE;EACtC,OAAQJ,SAAS,CAASI,MAAM,CAAC,IAAI,CAAC,CAAC;AACzC","ignoreList":[]}