@oanda/labs-currency-cross-table 1.0.5 → 1.0.7

package/CHANGELOG.md

@@ -3,6 +3,66 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 1.0.7 (2024-09-02)
+
+
+
+## 1.0.155 (2024-08-29)
+
+
+
+## 1.0.154 (2024-08-29)
+
+
+
+## 1.0.153 (2024-08-23)
+
+
+
+## 1.0.152 (2024-08-23)
+
+
+
+## 1.0.151 (2024-08-20)
+
+
+
+## 1.0.150 (2024-08-19)
+
+**Note:** Version bump only for package @oanda/labs-currency-cross-table
+
+
+
+
+
+## 1.0.6 (2024-08-29)
+
+
+
+## 1.0.154 (2024-08-29)
+
+
+
+## 1.0.153 (2024-08-23)
+
+
+
+## 1.0.152 (2024-08-23)
+
+
+
+## 1.0.151 (2024-08-20)
+
+
+
+## 1.0.150 (2024-08-19)
+
+**Note:** Version bump only for package @oanda/labs-currency-cross-table
+
+
+
+
+
 ## 1.0.5 (2024-08-29)
 
 

package/codegen.ts

@@ -0,0 +1,15 @@
+import type { CodegenConfig } from '@graphql-codegen/cli';
+
+const config: CodegenConfig = {
+  overwrite: true,
+  schema: 'https://labs-api.uat.oanda.com/graphql',
+  documents: 'src/**/*.ts',
+  generates: {
+    'src/gql/types/': {
+      preset: 'client',
+      plugins: [],
+    },
+  },
+};
+
+export default config;

package/dist/main/CurrencyCrossTableWidget/CurrencyCrossTableWidget.js

@@ -5,14 +5,16 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.CurrencyCrossTableWidget = void 0;
 var _react = _interopRequireDefault(require("react"));
+var _client = require("@apollo/client");
 var _monoI18n = require("@oanda/mono-i18n");
 var _labsWidgetCommon = require("@oanda/labs-widget-common");
 var _translations = require("../translations");
-var _types = require("./types");
 var _ValidationWrapper = require("./ValidationWrapper");
+var _graphql = require("../gql/types/graphql");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const CurrencyCrossTableWidget = _ref => {
   let {
+    graphqlUrl,
     liveRatesUrl,
     currencies,
     division,
@@ -21,8 +23,12 @@ const CurrencyCrossTableWidget = _ref => {
     isParamError,
     removePadding
   } = _ref;
-  const divisionCode = division === _types.Division.Opt ? _types.Division.Ogm : division;
-  const dataSource = divisionCode === _types.Division.Ogm ? 'MT5' : 'V20';
+  const client = new _client.ApolloClient({
+    uri: graphqlUrl,
+    cache: new _client.InMemoryCache()
+  });
+  const divisionCode = division === _graphql.Division.Opt ? _graphql.Division.Ogm : division;
+  const dataSource = divisionCode === _graphql.Division.Ogm ? 'MT5' : 'V20';
   return _react.default.createElement(_labsWidgetCommon.ThemeProvider, {
     removePadding: removePadding,
     theme: theme
@@ -35,11 +41,13 @@ const CurrencyCrossTableWidget = _ref => {
       divisionCode,
       dataSource
     }
+  }, _react.default.createElement(_client.ApolloProvider, {
+    client: client
   }, _react.default.createElement(_ValidationWrapper.ValidationWrapper, {
     currencies: currencies,
     division: division,
     isParamError: isParamError
-  }))));
+  })))));
 };
 exports.CurrencyCrossTableWidget = CurrencyCrossTableWidget;
 //# sourceMappingURL=CurrencyCrossTableWidget.js.map

package/dist/main/CurrencyCrossTableWidget/CurrencyCrossTableWidget.js.map

@@ -1 +1 @@
-{"version":3,"file":"CurrencyCrossTableWidget.js","names":["_react","_interopRequireDefault","require","_monoI18n","_labsWidgetCommon","_translations","_types","_ValidationWrapper","e","__esModule","default","CurrencyCrossTableWidget","_ref","liveRatesUrl","currencies","division","locale","theme","isParamError","removePadding","divisionCode","Division","Opt","Ogm","dataSource","createElement","ThemeProvider","LocaleProvider","getLocale","translations","LiveRatesProvider","url","options","ValidationWrapper","exports"],"sources":["../../../src/CurrencyCrossTableWidget/CurrencyCrossTableWidget.tsx"],"sourcesContent":["import React from 'react';\nimport { LocaleProvider } from '@oanda/mono-i18n';\nimport {\n  LiveRatesProvider, ThemeProvider, getLocale,\n} from '@oanda/labs-widget-common';\nimport { translations } from '../translations';\nimport { Division, CurrencyCrossTableConfig } from './types';\nimport { ValidationWrapper } from './ValidationWrapper';\n\nconst CurrencyCrossTableWidget = ({\n  liveRatesUrl,\n  currencies,\n  division,\n  locale,\n  theme,\n  isParamError,\n  removePadding,\n}: CurrencyCrossTableConfig) => {\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          <ValidationWrapper\n            currencies={currencies}\n            division={division}\n            isParamError={isParamError}\n          />\n        </LiveRatesProvider>\n      </LocaleProvider>\n    </ThemeProvider>\n  );\n};\n\nexport { CurrencyCrossTableWidget };\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AAGA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,kBAAA,GAAAL,OAAA;AAAwD,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAExD,MAAMG,wBAAwB,GAAGC,IAAA,IAQD;EAAA,IARE;IAChCC,YAAY;IACZC,UAAU;IACVC,QAAQ;IACRC,MAAM;IACNC,KAAK;IACLC,YAAY;IACZC;EACwB,CAAC,GAAAP,IAAA;EACzB,MAAMQ,YAAY,GAAGL,QAAQ,KAAKM,eAAQ,CAACC,GAAG,GAAGD,eAAQ,CAACE,GAAG,GAAGR,QAAQ;EACxE,MAAMS,UAAU,GAAGJ,YAAY,KAAKC,eAAQ,CAACE,GAAG,GAAG,KAAK,GAAG,KAAK;EAEhE,OACEvB,MAAA,CAAAU,OAAA,CAAAe,aAAA,CAACrB,iBAAA,CAAAsB,aAAa;IAACP,aAAa,EAAEA,aAAc;IAACF,KAAK,EAAEA;EAAM,GACxDjB,MAAA,CAAAU,OAAA,CAAAe,aAAA,CAACtB,SAAA,CAAAwB,cAAc;IAACX,MAAM,EAAE,IAAAY,2BAAS,EAACZ,MAAM,CAAE;IAACa,YAAY,EAAEA;EAAa,GACpE7B,MAAA,CAAAU,OAAA,CAAAe,aAAA,CAACrB,iBAAA,CAAA0B,iBAAiB;IAChBC,GAAG,EAAElB,YAAa;IAClBmB,OAAO,EAAE;MAAEZ,YAAY;MAAEI;IAAW;EAAE,GAEtCxB,MAAA,CAAAU,OAAA,CAAAe,aAAA,CAAClB,kBAAA,CAAA0B,iBAAiB;IAChBnB,UAAU,EAAEA,UAAW;IACvBC,QAAQ,EAAEA,QAAS;IACnBG,YAAY,EAAEA;EAAa,CAC5B,CACgB,CACL,CACH,CAAC;AAEpB,CAAC;AAACgB,OAAA,CAAAvB,wBAAA,GAAAA,wBAAA","ignoreList":[]}
+{"version":3,"file":"CurrencyCrossTableWidget.js","names":["_react","_interopRequireDefault","require","_client","_monoI18n","_labsWidgetCommon","_translations","_ValidationWrapper","_graphql","e","__esModule","default","CurrencyCrossTableWidget","_ref","graphqlUrl","liveRatesUrl","currencies","division","locale","theme","isParamError","removePadding","client","ApolloClient","uri","cache","InMemoryCache","divisionCode","Division","Opt","Ogm","dataSource","createElement","ThemeProvider","LocaleProvider","getLocale","translations","LiveRatesProvider","url","options","ApolloProvider","ValidationWrapper","exports"],"sources":["../../../src/CurrencyCrossTableWidget/CurrencyCrossTableWidget.tsx"],"sourcesContent":["import React 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 { CurrencyCrossTableConfig } from './types';\nimport { ValidationWrapper } from './ValidationWrapper';\nimport { Division } from '../gql/types/graphql';\n\nconst CurrencyCrossTableWidget = ({\n  graphqlUrl,\n  liveRatesUrl,\n  currencies,\n  division,\n  locale,\n  theme,\n  isParamError,\n  removePadding,\n}: CurrencyCrossTableConfig) => {\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            <ValidationWrapper\n              currencies={currencies}\n              division={division}\n              isParamError={isParamError}\n            />\n          </ApolloProvider>\n        </LiveRatesProvider>\n      </LocaleProvider>\n    </ThemeProvider>\n  );\n};\n\nexport { CurrencyCrossTableWidget };\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AAGA,IAAAI,aAAA,GAAAJ,OAAA;AAEA,IAAAK,kBAAA,GAAAL,OAAA;AACA,IAAAM,QAAA,GAAAN,OAAA;AAAgD,SAAAD,uBAAAQ,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEhD,MAAMG,wBAAwB,GAAGC,IAAA,IASD;EAAA,IATE;IAChCC,UAAU;IACVC,YAAY;IACZC,UAAU;IACVC,QAAQ;IACRC,MAAM;IACNC,KAAK;IACLC,YAAY;IACZC;EACwB,CAAC,GAAAR,IAAA;EACzB,MAAMS,MAAM,GAAG,IAAIC,oBAAY,CAAC;IAC9BC,GAAG,EAAEV,UAAU;IACfW,KAAK,EAAE,IAAIC,qBAAa,CAAC;EAC3B,CAAC,CAAC;EAEF,MAAMC,YAAY,GAAGV,QAAQ,KAAKW,iBAAQ,CAACC,GAAG,GAAGD,iBAAQ,CAACE,GAAG,GAAGb,QAAQ;EACxE,MAAMc,UAAU,GAAGJ,YAAY,KAAKC,iBAAQ,CAACE,GAAG,GAAG,KAAK,GAAG,KAAK;EAEhE,OACE9B,MAAA,CAAAW,OAAA,CAAAqB,aAAA,CAAC3B,iBAAA,CAAA4B,aAAa;IAACZ,aAAa,EAAEA,aAAc;IAACF,KAAK,EAAEA;EAAM,GACxDnB,MAAA,CAAAW,OAAA,CAAAqB,aAAA,CAAC5B,SAAA,CAAA8B,cAAc;IAAChB,MAAM,EAAE,IAAAiB,2BAAS,EAACjB,MAAM,CAAE;IAACkB,YAAY,EAAEA;EAAa,GACpEpC,MAAA,CAAAW,OAAA,CAAAqB,aAAA,CAAC3B,iBAAA,CAAAgC,iBAAiB;IAChBC,GAAG,EAAEvB,YAAa;IAClBwB,OAAO,EAAE;MAAEZ,YAAY;MAAEI;IAAW;EAAE,GAEtC/B,MAAA,CAAAW,OAAA,CAAAqB,aAAA,CAAC7B,OAAA,CAAAqC,cAAc;IAAClB,MAAM,EAAEA;EAAO,GAC7BtB,MAAA,CAAAW,OAAA,CAAAqB,aAAA,CAACzB,kBAAA,CAAAkC,iBAAiB;IAChBzB,UAAU,EAAEA,UAAW;IACvBC,QAAQ,EAAEA,QAAS;IACnBG,YAAY,EAAEA;EAAa,CAC5B,CACa,CACC,CACL,CACH,CAAC;AAEpB,CAAC;AAACsB,OAAA,CAAA9B,wBAAA,GAAAA,wBAAA","ignoreList":[]}

package/dist/main/CurrencyCrossTableWidget/Main.js

@@ -7,12 +7,15 @@ exports.Main = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _labsWidgetCommon = require("@oanda/labs-widget-common");
 var _components = require("./components");
+var _CellValidationWrapper = require("./components/CellValidationWrapper");
+var _utils = require("./utils");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const Main = _ref => {
   let {
     instruments,
-    currencies
+    currencies,
+    division
   } = _ref;
   const [selectedCurrency, setSelectedCurrency] = (0, _react.useState)('');
   const [selectedPair, setSelectedPair] = (0, _react.useState)('');
@@ -46,17 +49,16 @@ const Main = _ref => {
     hovered: currency === selectedCurrency
   }), arr.map(pair => _react.default.createElement(_react.Fragment, {
     key: `${currency}_${pair}`
-  }, currency !== pair ? _react.default.createElement(_components.CellWithData, {
-    loading: false,
-    record: {
-      instrument: `${currency}_${pair}`,
-      displayName: `${currency}/${pair}`
-    },
+  }, currency !== pair ? _react.default.createElement(_react.Suspense, null, _react.default.createElement(_CellValidationWrapper.CellValidationWrapper, {
+    currency: currency,
+    pair: pair,
+    instrument: `${currency}${(0, _utils.divisionMapper)(division)}${pair}`,
     target: target,
     additionalBorderBottom: index === arr.length - 1,
     setSelectedCurrency: setSelectedCurrency,
-    setSelectedPair: setSelectedPair
-  }) : _react.default.createElement(_components.TextCell, {
+    setSelectedPair: setSelectedPair,
+    division: division
+  })) : _react.default.createElement(_components.TextCell, {
     additionalBorderBottom: index === arr.length - 1,
     emptyIndicator: true
   }))))));

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

@@ -1 +1 @@
-{"version":3,"file":"Main.js","names":["_react","_interopRequireWildcard","require","_labsWidgetCommon","_components","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Main","_ref","instruments","currencies","selectedCurrency","setSelectedCurrency","useState","selectedPair","setSelectedPair","hasInstruments","length","target","setQuery","useLiveRatesQuery","useEffect","createElement","className","TextCell","map","pair","key","label","hovered","currency","index","arr","additionalBorderBottom","Fragment","CellWithData","loading","record","instrument","displayName","emptyIndicator","exports"],"sources":["../../../src/CurrencyCrossTableWidget/Main.tsx"],"sourcesContent":["import React, { Fragment, useEffect, useState } from 'react';\nimport { useLiveRatesQuery } from '@oanda/labs-widget-common';\nimport { MainProps } from './types';\nimport { CellWithData, TextCell } from './components';\n\nconst Main = ({\n  instruments,\n  currencies,\n}: MainProps) => {\n  const [selectedCurrency, setSelectedCurrency] = useState('');\n  const [selectedPair, setSelectedPair] = useState('');\n\n  const hasInstruments = instruments.length > 0;\n\n  const { target, setQuery } = useLiveRatesQuery();\n\n  useEffect(() => {\n    if (hasInstruments) {\n      setQuery({ instruments });\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, instruments);\n\n  return (\n    <div data-testid=\"currency-cross-table-wrapper\" className=\"lw-w-full\">\n      <div className=\"lw-flex lw-border-l lw-border-t lw-border-solid lw-border-border-primary\">\n        <TextCell />\n        {currencies.map(((pair) => (\n          <TextCell\n            key={pair}\n            label={pair}\n            hovered={pair === selectedPair}\n          />\n        )))}\n      </div>\n      {currencies.map(((currency, index, arr) => (\n        <div\n          key={currency}\n          className=\"lw-flex lw-border-l lw-border-t lw-border-solid lw-border-border-primary\"\n        >\n          <TextCell\n            label={currency}\n            additionalBorderBottom={index === arr.length - 1}\n            hovered={currency === selectedCurrency}\n          />\n          {arr.map((pair) => (\n            <Fragment key={`${currency}_${pair}`}>\n              {currency !== pair ? (\n                <CellWithData\n                  loading={false}\n                  record={{\n                    instrument: `${currency}_${pair}`,\n                    displayName: `${currency}/${pair}`,\n                  }}\n                  target={target}\n                  additionalBorderBottom={index === arr.length - 1}\n                  setSelectedCurrency={setSelectedCurrency}\n                  setSelectedPair={setSelectedPair}\n                />\n              ) : (\n                <TextCell\n                  additionalBorderBottom={index === arr.length - 1}\n                  emptyIndicator\n                />\n              )}\n            </Fragment>\n          ))}\n        </div>\n      )))}\n    </div>\n  );\n};\n\nexport { Main };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Main.js","names":["_react","_interopRequireWildcard","require","_labsWidgetCommon","_components","_CellValidationWrapper","_utils","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Main","_ref","instruments","currencies","division","selectedCurrency","setSelectedCurrency","useState","selectedPair","setSelectedPair","hasInstruments","length","target","setQuery","useLiveRatesQuery","useEffect","createElement","className","TextCell","map","pair","key","label","hovered","currency","index","arr","additionalBorderBottom","Fragment","Suspense","CellValidationWrapper","instrument","divisionMapper","emptyIndicator","exports"],"sources":["../../../src/CurrencyCrossTableWidget/Main.tsx"],"sourcesContent":["import React, {\n  Fragment, Suspense, useEffect, useState,\n} from 'react';\nimport { useLiveRatesQuery } from '@oanda/labs-widget-common';\nimport { MainProps } from './types';\nimport { TextCell } from './components';\nimport { CellValidationWrapper } from './components/CellValidationWrapper';\nimport { divisionMapper } from './utils';\n\nconst Main = ({\n  instruments,\n  currencies,\n  division,\n}: MainProps) => {\n  const [selectedCurrency, setSelectedCurrency] = useState('');\n  const [selectedPair, setSelectedPair] = useState('');\n\n  const hasInstruments = instruments.length > 0;\n\n  const { target, setQuery } = useLiveRatesQuery();\n\n  useEffect(() => {\n    if (hasInstruments) {\n      setQuery({ instruments });\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, instruments);\n\n  return (\n    <div data-testid=\"currency-cross-table-wrapper\" className=\"lw-w-full\">\n      <div className=\"lw-flex lw-border-l lw-border-t lw-border-solid lw-border-border-primary\">\n        <TextCell />\n        {currencies.map(((pair) => (\n          <TextCell\n            key={pair}\n            label={pair}\n            hovered={pair === selectedPair}\n          />\n        )))}\n      </div>\n      {currencies.map(((currency, index, arr) => (\n        <div\n          key={currency}\n          className=\"lw-flex lw-border-l lw-border-t lw-border-solid lw-border-border-primary\"\n        >\n          <TextCell\n            label={currency}\n            additionalBorderBottom={index === arr.length - 1}\n            hovered={currency === selectedCurrency}\n          />\n          {arr.map((pair) => (\n            <Fragment key={`${currency}_${pair}`}>\n              {currency !== pair ? (\n                <Suspense>\n                  <CellValidationWrapper\n                    currency={currency}\n                    pair={pair}\n                    instrument={`${currency}${divisionMapper(division)}${pair}`}\n                    target={target}\n                    additionalBorderBottom={index === arr.length - 1}\n                    setSelectedCurrency={setSelectedCurrency}\n                    setSelectedPair={setSelectedPair}\n                    division={division}\n                  />\n                </Suspense>\n              ) : (\n                <TextCell\n                  additionalBorderBottom={index === arr.length - 1}\n                  emptyIndicator\n                />\n              )}\n            </Fragment>\n          ))}\n        </div>\n      )))}\n    </div>\n  );\n};\n\nexport { Main };\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAGA,IAAAC,iBAAA,GAAAD,OAAA;AAEA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,sBAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAAyC,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;AAEzC,MAAMW,IAAI,GAAGC,IAAA,IAII;EAAA,IAJH;IACZC,WAAW;IACXC,UAAU;IACVC;EACS,CAAC,GAAAH,IAAA;EACV,MAAM,CAACI,gBAAgB,EAAEC,mBAAmB,CAAC,GAAG,IAAAC,eAAQ,EAAC,EAAE,CAAC;EAC5D,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAG,IAAAF,eAAQ,EAAC,EAAE,CAAC;EAEpD,MAAMG,cAAc,GAAGR,WAAW,CAACS,MAAM,GAAG,CAAC;EAE7C,MAAM;IAAEC,MAAM;IAAEC;EAAS,CAAC,GAAG,IAAAC,mCAAiB,EAAC,CAAC;EAEhD,IAAAC,gBAAS,EAAC,MAAM;IACd,IAAIL,cAAc,EAAE;MAClBG,QAAQ,CAAC;QAAEX;MAAY,CAAC,CAAC;IAC3B;EAEF,CAAC,EAAEA,WAAW,CAAC;EAEf,OACE7B,MAAA,CAAAa,OAAA,CAAA8B,aAAA;IAAK,eAAY,8BAA8B;IAACC,SAAS,EAAC;EAAW,GACnE5C,MAAA,CAAAa,OAAA,CAAA8B,aAAA;IAAKC,SAAS,EAAC;EAA0E,GACvF5C,MAAA,CAAAa,OAAA,CAAA8B,aAAA,CAACvC,WAAA,CAAAyC,QAAQ,MAAE,CAAC,EACXf,UAAU,CAACgB,GAAG,CAAGC,IAAI,IACpB/C,MAAA,CAAAa,OAAA,CAAA8B,aAAA,CAACvC,WAAA,CAAAyC,QAAQ;IACPG,GAAG,EAAED,IAAK;IACVE,KAAK,EAAEF,IAAK;IACZG,OAAO,EAAEH,IAAI,KAAKZ;EAAa,CAChC,CACD,CACC,CAAC,EACLL,UAAU,CAACgB,GAAG,CAAE,CAACK,QAAQ,EAAEC,KAAK,EAAEC,GAAG,KACpCrD,MAAA,CAAAa,OAAA,CAAA8B,aAAA;IACEK,GAAG,EAAEG,QAAS;IACdP,SAAS,EAAC;EAA0E,GAEpF5C,MAAA,CAAAa,OAAA,CAAA8B,aAAA,CAACvC,WAAA,CAAAyC,QAAQ;IACPI,KAAK,EAAEE,QAAS;IAChBG,sBAAsB,EAAEF,KAAK,KAAKC,GAAG,CAACf,MAAM,GAAG,CAAE;IACjDY,OAAO,EAAEC,QAAQ,KAAKnB;EAAiB,CACxC,CAAC,EACDqB,GAAG,CAACP,GAAG,CAAEC,IAAI,IACZ/C,MAAA,CAAAa,OAAA,CAAA8B,aAAA,CAAC3C,MAAA,CAAAuD,QAAQ;IAACP,GAAG,EAAE,GAAGG,QAAQ,IAAIJ,IAAI;EAAG,GAClCI,QAAQ,KAAKJ,IAAI,GAChB/C,MAAA,CAAAa,OAAA,CAAA8B,aAAA,CAAC3C,MAAA,CAAAwD,QAAQ,QACPxD,MAAA,CAAAa,OAAA,CAAA8B,aAAA,CAACtC,sBAAA,CAAAoD,qBAAqB;IACpBN,QAAQ,EAAEA,QAAS;IACnBJ,IAAI,EAAEA,IAAK;IACXW,UAAU,EAAE,GAAGP,QAAQ,GAAG,IAAAQ,qBAAc,EAAC5B,QAAQ,CAAC,GAAGgB,IAAI,EAAG;IAC5DR,MAAM,EAAEA,MAAO;IACfe,sBAAsB,EAAEF,KAAK,KAAKC,GAAG,CAACf,MAAM,GAAG,CAAE;IACjDL,mBAAmB,EAAEA,mBAAoB;IACzCG,eAAe,EAAEA,eAAgB;IACjCL,QAAQ,EAAEA;EAAS,CACpB,CACO,CAAC,GAEX/B,MAAA,CAAAa,OAAA,CAAA8B,aAAA,CAACvC,WAAA,CAAAyC,QAAQ;IACPS,sBAAsB,EAAEF,KAAK,KAAKC,GAAG,CAACf,MAAM,GAAG,CAAE;IACjDsB,cAAc;EAAA,CACf,CAEK,CACX,CACE,CACL,CACC,CAAC;AAEV,CAAC;AAACC,OAAA,CAAAlC,IAAA,GAAAA,IAAA","ignoreList":[]}

package/dist/main/CurrencyCrossTableWidget/ValidationWrapper.js

@@ -21,7 +21,8 @@ const ValidationWrapper = _ref => {
     className: "lw-flex lw-w-full lw-text-sm lw-tracking-normal lw-text-text-primary"
   }, !showError && _react.default.createElement(_Main.Main, {
     instruments: (0, _utils.currenciesToInstruments)(currencies, division),
-    currencies: currencies
+    currencies: currencies,
+    division: division
   }), showError && _react.default.createElement("div", {
     className: (0, _classnames.default)('lw-flex lw-h-[250px] lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary')
   }, _react.default.createElement(_labsWidgetCommon.ChartError, null))));

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

@@ -1 +1 @@
-{"version":3,"file":"ValidationWrapper.js","names":["_react","_interopRequireDefault","require","_classnames","_labsWidgetCommon","_utils","_Main","e","__esModule","default","ValidationWrapper","_ref","currencies","division","isParamError","showError","validCurrencies","createElement","Fragment","className","Main","instruments","currenciesToInstruments","classnames","ChartError","exports"],"sources":["../../../src/CurrencyCrossTableWidget/ValidationWrapper.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport { ChartError } from '@oanda/labs-widget-common';\nimport { currenciesToInstruments, validCurrencies } from './utils';\nimport { ValidationWrapperProps } from './types';\nimport { Main } from './Main';\n\nconst ValidationWrapper = ({\n  currencies,\n  division,\n  isParamError,\n}: ValidationWrapperProps) => {\n  const showError = !validCurrencies(currencies) || isParamError;\n\n  return (\n    <>\n      <div\n        className=\"lw-flex lw-w-full lw-text-sm lw-tracking-normal lw-text-text-primary\"\n      >\n        {!showError && (\n          <Main\n            instruments={currenciesToInstruments(currencies, division)}\n            currencies={currencies}\n          />\n        )}\n        {showError && (\n          <div className={classnames('lw-flex lw-h-[250px] lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary')}>\n            <ChartError />\n          </div>\n        )}\n      </div>\n    </>\n  );\n};\n\nexport { ValidationWrapper };\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAEA,IAAAI,KAAA,GAAAJ,OAAA;AAA8B,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE9B,MAAMG,iBAAiB,GAAGC,IAAA,IAII;EAAA,IAJH;IACzBC,UAAU;IACVC,QAAQ;IACRC;EACsB,CAAC,GAAAH,IAAA;EACvB,MAAMI,SAAS,GAAG,CAAC,IAAAC,sBAAe,EAACJ,UAAU,CAAC,IAAIE,YAAY;EAE9D,OACEd,MAAA,CAAAS,OAAA,CAAAQ,aAAA,CAAAjB,MAAA,CAAAS,OAAA,CAAAS,QAAA,QACElB,MAAA,CAAAS,OAAA,CAAAQ,aAAA;IACEE,SAAS,EAAC;EAAsE,GAE/E,CAACJ,SAAS,IACTf,MAAA,CAAAS,OAAA,CAAAQ,aAAA,CAACX,KAAA,CAAAc,IAAI;IACHC,WAAW,EAAE,IAAAC,8BAAuB,EAACV,UAAU,EAAEC,QAAQ,CAAE;IAC3DD,UAAU,EAAEA;EAAW,CACxB,CACF,EACAG,SAAS,IACRf,MAAA,CAAAS,OAAA,CAAAQ,aAAA;IAAKE,SAAS,EAAE,IAAAI,mBAAU,EAAC,mGAAmG;EAAE,GAC9HvB,MAAA,CAAAS,OAAA,CAAAQ,aAAA,CAACb,iBAAA,CAAAoB,UAAU,MAAE,CACV,CAEJ,CACL,CAAC;AAEP,CAAC;AAACC,OAAA,CAAAf,iBAAA,GAAAA,iBAAA","ignoreList":[]}
+{"version":3,"file":"ValidationWrapper.js","names":["_react","_interopRequireDefault","require","_classnames","_labsWidgetCommon","_utils","_Main","e","__esModule","default","ValidationWrapper","_ref","currencies","division","isParamError","showError","validCurrencies","createElement","Fragment","className","Main","instruments","currenciesToInstruments","classnames","ChartError","exports"],"sources":["../../../src/CurrencyCrossTableWidget/ValidationWrapper.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport { ChartError } from '@oanda/labs-widget-common';\nimport { currenciesToInstruments, validCurrencies } from './utils';\nimport { ValidationWrapperProps } from './types';\nimport { Main } from './Main';\n\nconst ValidationWrapper = ({\n  currencies,\n  division,\n  isParamError,\n}: ValidationWrapperProps) => {\n  const showError = !validCurrencies(currencies) || isParamError;\n\n  return (\n    <>\n      <div\n        className=\"lw-flex lw-w-full lw-text-sm lw-tracking-normal lw-text-text-primary\"\n      >\n        {!showError && (\n          <Main\n            instruments={currenciesToInstruments(currencies, division)}\n            currencies={currencies}\n            division={division}\n          />\n        )}\n        {showError && (\n          <div className={classnames('lw-flex lw-h-[250px] lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary')}>\n            <ChartError />\n          </div>\n        )}\n      </div>\n    </>\n  );\n};\n\nexport { ValidationWrapper };\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAEA,IAAAI,KAAA,GAAAJ,OAAA;AAA8B,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE9B,MAAMG,iBAAiB,GAAGC,IAAA,IAII;EAAA,IAJH;IACzBC,UAAU;IACVC,QAAQ;IACRC;EACsB,CAAC,GAAAH,IAAA;EACvB,MAAMI,SAAS,GAAG,CAAC,IAAAC,sBAAe,EAACJ,UAAU,CAAC,IAAIE,YAAY;EAE9D,OACEd,MAAA,CAAAS,OAAA,CAAAQ,aAAA,CAAAjB,MAAA,CAAAS,OAAA,CAAAS,QAAA,QACElB,MAAA,CAAAS,OAAA,CAAAQ,aAAA;IACEE,SAAS,EAAC;EAAsE,GAE/E,CAACJ,SAAS,IACTf,MAAA,CAAAS,OAAA,CAAAQ,aAAA,CAACX,KAAA,CAAAc,IAAI;IACHC,WAAW,EAAE,IAAAC,8BAAuB,EAACV,UAAU,EAAEC,QAAQ,CAAE;IAC3DD,UAAU,EAAEA,UAAW;IACvBC,QAAQ,EAAEA;EAAS,CACpB,CACF,EACAE,SAAS,IACRf,MAAA,CAAAS,OAAA,CAAAQ,aAAA;IAAKE,SAAS,EAAE,IAAAI,mBAAU,EAAC,mGAAmG;EAAE,GAC9HvB,MAAA,CAAAS,OAAA,CAAAQ,aAAA,CAACb,iBAAA,CAAAoB,UAAU,MAAE,CACV,CAEJ,CACL,CAAC;AAEP,CAAC;AAACC,OAAA,CAAAf,iBAAA,GAAAA,iBAAA","ignoreList":[]}

package/dist/main/CurrencyCrossTableWidget/components/CellValidationWrapper.js

@@ -0,0 +1,51 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CellValidationWrapper = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _client = require("@apollo/client");
+var _validateInstruments = require("../../gql/validateInstruments");
+var _CellWithData = require("./CellWithData");
+var _utils = require("../utils");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const CellValidationWrapper = _ref => {
+  let {
+    currency,
+    pair,
+    instrument,
+    target,
+    additionalBorderBottom,
+    setSelectedCurrency,
+    setSelectedPair,
+    division
+  } = _ref;
+  const {
+    error
+  } = (0, _client.useSuspenseQuery)(_validateInstruments.validateInstruments, {
+    variables: {
+      instruments: [instrument],
+      division
+    },
+    fetchPolicy: 'network-only',
+    errorPolicy: 'all'
+  });
+  const instrumentForCalculations = error ? `${pair}${(0, _utils.divisionMapper)(division)}${currency}` : '';
+  return _react.default.createElement(_CellWithData.CellWithData, {
+    currency: currency,
+    pair: pair,
+    record: {
+      instrument,
+      displayName: `${currency}${(0, _utils.divisionMapper)(division)}${pair}`
+    },
+    instrumentForCalculations: instrumentForCalculations,
+    target: target,
+    additionalBorderBottom: additionalBorderBottom,
+    setSelectedCurrency: setSelectedCurrency,
+    setSelectedPair: setSelectedPair,
+    division: division
+  });
+};
+exports.CellValidationWrapper = CellValidationWrapper;
+//# sourceMappingURL=CellValidationWrapper.js.map

package/dist/main/CurrencyCrossTableWidget/components/CellValidationWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CellValidationWrapper.js","names":["_react","_interopRequireDefault","require","_client","_validateInstruments","_CellWithData","_utils","e","__esModule","default","CellValidationWrapper","_ref","currency","pair","instrument","target","additionalBorderBottom","setSelectedCurrency","setSelectedPair","division","error","useSuspenseQuery","validateInstruments","variables","instruments","fetchPolicy","errorPolicy","instrumentForCalculations","divisionMapper","createElement","CellWithData","record","displayName","exports"],"sources":["../../../../src/CurrencyCrossTableWidget/components/CellValidationWrapper.tsx"],"sourcesContent":["import React from 'react';\nimport { useSuspenseQuery } from '@apollo/client';\nimport { CellValidationWrapperProps } from './types';\nimport { ValidateInstrumentsQuery, ValidateInstrumentsQueryVariables } from '../../gql/types/graphql';\nimport { validateInstruments } from '../../gql/validateInstruments';\nimport { CellWithData } from './CellWithData';\nimport { divisionMapper } from '../utils';\n\nconst CellValidationWrapper = ({\n  currency,\n  pair,\n  instrument,\n  target,\n  additionalBorderBottom,\n  setSelectedCurrency,\n  setSelectedPair,\n  division,\n}: CellValidationWrapperProps) => {\n  const { error } = useSuspenseQuery<\n  ValidateInstrumentsQuery,\n  ValidateInstrumentsQueryVariables\n  >(validateInstruments, {\n    variables: {\n      instruments: [instrument],\n      division,\n    },\n    fetchPolicy: 'network-only',\n    errorPolicy: 'all',\n  });\n\n  const instrumentForCalculations = error ? `${pair}${divisionMapper(division)}${currency}` : '';\n\n  return (\n    <CellWithData\n      currency={currency}\n      pair={pair}\n      record={{\n        instrument,\n        displayName: `${currency}${divisionMapper(division)}${pair}`,\n      }}\n      instrumentForCalculations={instrumentForCalculations}\n      target={target}\n      additionalBorderBottom={additionalBorderBottom}\n      setSelectedCurrency={setSelectedCurrency}\n      setSelectedPair={setSelectedPair}\n      division={division}\n    />\n  );\n};\n\nexport { CellValidationWrapper };\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAGA,IAAAE,oBAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAA0C,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE1C,MAAMG,qBAAqB,GAAGC,IAAA,IASI;EAAA,IATH;IAC7BC,QAAQ;IACRC,IAAI;IACJC,UAAU;IACVC,MAAM;IACNC,sBAAsB;IACtBC,mBAAmB;IACnBC,eAAe;IACfC;EAC0B,CAAC,GAAAR,IAAA;EAC3B,MAAM;IAAES;EAAM,CAAC,GAAG,IAAAC,wBAAgB,EAGhCC,wCAAmB,EAAE;IACrBC,SAAS,EAAE;MACTC,WAAW,EAAE,CAACV,UAAU,CAAC;MACzBK;IACF,CAAC;IACDM,WAAW,EAAE,cAAc;IAC3BC,WAAW,EAAE;EACf,CAAC,CAAC;EAEF,MAAMC,yBAAyB,GAAGP,KAAK,GAAG,GAAGP,IAAI,GAAG,IAAAe,qBAAc,EAACT,QAAQ,CAAC,GAAGP,QAAQ,EAAE,GAAG,EAAE;EAE9F,OACEZ,MAAA,CAAAS,OAAA,CAAAoB,aAAA,CAACxB,aAAA,CAAAyB,YAAY;IACXlB,QAAQ,EAAEA,QAAS;IACnBC,IAAI,EAAEA,IAAK;IACXkB,MAAM,EAAE;MACNjB,UAAU;MACVkB,WAAW,EAAE,GAAGpB,QAAQ,GAAG,IAAAgB,qBAAc,EAACT,QAAQ,CAAC,GAAGN,IAAI;IAC5D,CAAE;IACFc,yBAAyB,EAAEA,yBAA0B;IACrDZ,MAAM,EAAEA,MAAO;IACfC,sBAAsB,EAAEA,sBAAuB;IAC/CC,mBAAmB,EAAEA,mBAAoB;IACzCC,eAAe,EAAEA,eAAgB;IACjCC,QAAQ,EAAEA;EAAS,CACpB,CAAC;AAEN,CAAC;AAACc,OAAA,CAAAvB,qBAAA,GAAAA,qBAAA","ignoreList":[]}

package/dist/main/CurrencyCrossTableWidget/components/CellWithData.js

@@ -6,29 +6,37 @@ Object.defineProperty(exports, "__esModule", {
 exports.CellWithData = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _labsWidgetCommon = require("@oanda/labs-widget-common");
-var _utils = require("../utils");
 var _Cell = require("./Cell");
+var _utils = require("../utils");
 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 CellWithData = _ref => {
   let {
-    loading,
+    currency,
+    pair,
     record,
+    instrumentForCalculations,
     target,
     additionalBorderBottom,
     setSelectedCurrency,
     setSelectedPair
   } = _ref;
   const [hovered, setHovered] = (0, _react.useState)(false);
+  const instrumentForUpdates = instrumentForCalculations || record.instrument;
   const {
-    updatedRecord,
-    error
-  } = (0, _utils.useRecords)(record, record.instrument ? target : null);
-  const checkLoading = id => loading || !error && updatedRecord?.[id] === undefined;
+    update,
+    error: liveRatesError
+  } = (0, _labsWidgetCommon.useLiveRatesMessage)(instrumentForUpdates, target);
+  const updatedRecord = {
+    displayName: record.displayName,
+    instrument: record.instrument,
+    buy: update?.ask,
+    buyPriceMovement: update?.askPriceMovement,
+    displayPrecision: update?.displayPrecision
+  };
+  const checkLoading = id => !liveRatesError && updatedRecord?.[id] === undefined;
   const handleMouseEnter = () => {
     setHovered(true);
-    const currency = record.instrument.substring(0, 3);
-    const pair = record.instrument.substring(record.instrument.length - 3);
     setSelectedCurrency(currency);
     setSelectedPair(pair);
   };
@@ -39,15 +47,15 @@ const CellWithData = _ref => {
   };
   return _react.default.createElement(_Cell.Cell, {
     isLoading: checkLoading('buy'),
-    isError: !!error,
+    isError: !!liveRatesError,
     additionalBorderBottom: additionalBorderBottom,
     hovered: hovered,
     mouseEnterHandler: handleMouseEnter,
     mouseLeaveHandler: handleMouseLeave
   }, _react.default.createElement(_labsWidgetCommon.Price, {
-    priceMovement: updatedRecord.buyPriceMovement,
+    priceMovement: (0, _utils.getPriceMovement)(updatedRecord.buyPriceMovement, !!instrumentForCalculations),
     movementIndicator: "background"
-  }, _react.default.createElement("span", null, updatedRecord.buy?.toFixed(updatedRecord.displayPrecision))));
+  }, _react.default.createElement("span", null, (0, _utils.getBuyPrice)(updatedRecord.buy, !!instrumentForCalculations).toFixed(updatedRecord.displayPrecision))));
 };
 exports.CellWithData = CellWithData;
 //# sourceMappingURL=CellWithData.js.map

package/dist/main/CurrencyCrossTableWidget/components/CellWithData.js.map

@@ -1 +1 @@
-{"version":3,"file":"CellWithData.js","names":["_react","_interopRequireWildcard","require","_labsWidgetCommon","_utils","_Cell","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","CellWithData","_ref","loading","record","target","additionalBorderBottom","setSelectedCurrency","setSelectedPair","hovered","setHovered","useState","updatedRecord","error","useRecords","instrument","checkLoading","id","undefined","handleMouseEnter","currency","substring","pair","length","handleMouseLeave","createElement","Cell","isLoading","isError","mouseEnterHandler","mouseLeaveHandler","Price","priceMovement","buyPriceMovement","movementIndicator","buy","toFixed","displayPrecision","exports"],"sources":["../../../../src/CurrencyCrossTableWidget/components/CellWithData.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Price } from '@oanda/labs-widget-common';\nimport { useRecords } from '../utils';\nimport { CellWithDataProps } from './types';\nimport { Cell } from './Cell';\n\nconst CellWithData = ({\n  loading,\n  record,\n  target,\n  additionalBorderBottom,\n  setSelectedCurrency,\n  setSelectedPair,\n}: CellWithDataProps) => {\n  const [hovered, setHovered] = useState(false);\n  const { updatedRecord, error } = useRecords(record, record.instrument ? target : null);\n\n  const checkLoading = (id: string) => loading || (!error && updatedRecord?.[id] === undefined);\n\n  const handleMouseEnter = () => {\n    setHovered(true);\n\n    const currency = record.instrument.substring(0, 3);\n    const pair = record.instrument.substring(record.instrument.length - 3);\n\n    setSelectedCurrency(currency);\n    setSelectedPair(pair);\n  };\n\n  const handleMouseLeave = () => {\n    setHovered(false);\n\n    setSelectedCurrency('');\n    setSelectedPair('');\n  };\n\n  return (\n    <Cell\n      isLoading={checkLoading('buy')}\n      isError={!!error}\n      additionalBorderBottom={additionalBorderBottom}\n      hovered={hovered}\n      mouseEnterHandler={handleMouseEnter}\n      mouseLeaveHandler={handleMouseLeave}\n    >\n      <Price priceMovement={updatedRecord.buyPriceMovement} movementIndicator=\"background\">\n        <span>{updatedRecord.buy?.toFixed(updatedRecord.displayPrecision)}</span>\n      </Price>\n    </Cell>\n  );\n};\n\nexport { CellWithData };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"CellWithData.js","names":["_react","_interopRequireWildcard","require","_labsWidgetCommon","_Cell","_utils","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","CellWithData","_ref","currency","pair","record","instrumentForCalculations","target","additionalBorderBottom","setSelectedCurrency","setSelectedPair","hovered","setHovered","useState","instrumentForUpdates","instrument","update","error","liveRatesError","useLiveRatesMessage","updatedRecord","displayName","buy","ask","buyPriceMovement","askPriceMovement","displayPrecision","checkLoading","id","undefined","handleMouseEnter","handleMouseLeave","createElement","Cell","isLoading","isError","mouseEnterHandler","mouseLeaveHandler","Price","priceMovement","getPriceMovement","movementIndicator","getBuyPrice","toFixed","exports"],"sources":["../../../../src/CurrencyCrossTableWidget/components/CellWithData.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Price, useLiveRatesMessage } from '@oanda/labs-widget-common';\nimport { Cell } from './Cell';\nimport { CellWithDataProps } from './types';\nimport { getBuyPrice, getPriceMovement } from '../utils';\n\nconst CellWithData = ({\n  currency,\n  pair,\n  record,\n  instrumentForCalculations,\n  target,\n  additionalBorderBottom,\n  setSelectedCurrency,\n  setSelectedPair,\n}: CellWithDataProps) => {\n  const [hovered, setHovered] = useState(false);\n\n  const instrumentForUpdates = instrumentForCalculations || record.instrument;\n\n  const { update, error: liveRatesError } = useLiveRatesMessage(\n    instrumentForUpdates,\n    target,\n  );\n\n  const updatedRecord: Record<string, any> = {\n    displayName: record.displayName,\n    instrument: record.instrument,\n    buy: update?.ask,\n    buyPriceMovement: update?.askPriceMovement,\n    displayPrecision: update?.displayPrecision,\n  };\n\n  const checkLoading = (id: string) => (!liveRatesError && updatedRecord?.[id] === undefined);\n\n  const handleMouseEnter = () => {\n    setHovered(true);\n    setSelectedCurrency(currency);\n    setSelectedPair(pair);\n  };\n\n  const handleMouseLeave = () => {\n    setHovered(false);\n    setSelectedCurrency('');\n    setSelectedPair('');\n  };\n\n  return (\n    <Cell\n      isLoading={checkLoading('buy')}\n      isError={!!liveRatesError}\n      additionalBorderBottom={additionalBorderBottom}\n      hovered={hovered}\n      mouseEnterHandler={handleMouseEnter}\n      mouseLeaveHandler={handleMouseLeave}\n    >\n      <Price priceMovement={getPriceMovement(updatedRecord.buyPriceMovement, !!instrumentForCalculations)} movementIndicator=\"background\">\n        <span>\n          {getBuyPrice(\n            updatedRecord.buy,\n            !!instrumentForCalculations,\n          ).toFixed(updatedRecord.displayPrecision)}\n        </span>\n      </Price>\n    </Cell>\n  );\n};\n\nexport { CellWithData };\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAEA,IAAAG,MAAA,GAAAH,OAAA;AAAyD,SAAAI,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,SAAAN,wBAAAM,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;AAEzD,MAAMW,YAAY,GAAGC,IAAA,IASI;EAAA,IATH;IACpBC,QAAQ;IACRC,IAAI;IACJC,MAAM;IACNC,yBAAyB;IACzBC,MAAM;IACNC,sBAAsB;IACtBC,mBAAmB;IACnBC;EACiB,CAAC,GAAAR,IAAA;EAClB,MAAM,CAACS,OAAO,EAAEC,UAAU,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EAE7C,MAAMC,oBAAoB,GAAGR,yBAAyB,IAAID,MAAM,CAACU,UAAU;EAE3E,MAAM;IAAEC,MAAM;IAAEC,KAAK,EAAEC;EAAe,CAAC,GAAG,IAAAC,qCAAmB,EAC3DL,oBAAoB,EACpBP,MACF,CAAC;EAED,MAAMa,aAAkC,GAAG;IACzCC,WAAW,EAAEhB,MAAM,CAACgB,WAAW;IAC/BN,UAAU,EAAEV,MAAM,CAACU,UAAU;IAC7BO,GAAG,EAAEN,MAAM,EAAEO,GAAG;IAChBC,gBAAgB,EAAER,MAAM,EAAES,gBAAgB;IAC1CC,gBAAgB,EAAEV,MAAM,EAAEU;EAC5B,CAAC;EAED,MAAMC,YAAY,GAAIC,EAAU,IAAM,CAACV,cAAc,IAAIE,aAAa,GAAGQ,EAAE,CAAC,KAAKC,SAAU;EAE3F,MAAMC,gBAAgB,GAAGA,CAAA,KAAM;IAC7BlB,UAAU,CAAC,IAAI,CAAC;IAChBH,mBAAmB,CAACN,QAAQ,CAAC;IAC7BO,eAAe,CAACN,IAAI,CAAC;EACvB,CAAC;EAED,MAAM2B,gBAAgB,GAAGA,CAAA,KAAM;IAC7BnB,UAAU,CAAC,KAAK,CAAC;IACjBH,mBAAmB,CAAC,EAAE,CAAC;IACvBC,eAAe,CAAC,EAAE,CAAC;EACrB,CAAC;EAED,OACEnC,MAAA,CAAAY,OAAA,CAAA6C,aAAA,CAACrD,KAAA,CAAAsD,IAAI;IACHC,SAAS,EAAEP,YAAY,CAAC,KAAK,CAAE;IAC/BQ,OAAO,EAAE,CAAC,CAACjB,cAAe;IAC1BV,sBAAsB,EAAEA,sBAAuB;IAC/CG,OAAO,EAAEA,OAAQ;IACjByB,iBAAiB,EAAEN,gBAAiB;IACpCO,iBAAiB,EAAEN;EAAiB,GAEpCxD,MAAA,CAAAY,OAAA,CAAA6C,aAAA,CAACtD,iBAAA,CAAA4D,KAAK;IAACC,aAAa,EAAE,IAAAC,uBAAgB,EAACpB,aAAa,CAACI,gBAAgB,EAAE,CAAC,CAAClB,yBAAyB,CAAE;IAACmC,iBAAiB,EAAC;EAAY,GACjIlE,MAAA,CAAAY,OAAA,CAAA6C,aAAA,eACG,IAAAU,kBAAW,EACVtB,aAAa,CAACE,GAAG,EACjB,CAAC,CAAChB,yBACJ,CAAC,CAACqC,OAAO,CAACvB,aAAa,CAACM,gBAAgB,CACpC,CACD,CACH,CAAC;AAEX,CAAC;AAACkB,OAAA,CAAA3C,YAAA,GAAAA,YAAA","ignoreList":[]}

package/dist/main/CurrencyCrossTableWidget/components/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../../src/CurrencyCrossTableWidget/components/types.ts"],"sourcesContent":["import { DataRecord, LoaderSize } from '@oanda/labs-widget-common';\n\nexport interface CellWithDataProps {\n  loading: boolean;\n  record: DataRecord;\n  target: EventTarget | null;\n  additionalBorderBottom? : boolean;\n  setSelectedCurrency: React.Dispatch<React.SetStateAction<string>>;\n  setSelectedPair: React.Dispatch<React.SetStateAction<string>>;\n}\n\nexport interface CellProps {\n  children: React.ReactNode;\n  isLoading?: boolean;\n  isError?: boolean;\n  loaderSize?: LoaderSize;\n  additionalBorderBottom? : boolean;\n  hovered: boolean;\n  mouseEnterHandler: () => void;\n  mouseLeaveHandler: () => void;\n}\n\nexport interface TextCellProps {\n  label?: string;\n  emptyIndicator?: boolean;\n  additionalBorderBottom? : boolean;\n  hovered?: boolean;\n}\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../src/CurrencyCrossTableWidget/components/types.ts"],"sourcesContent":["import { DataRecord, LoaderSize } from '@oanda/labs-widget-common';\nimport { Division } from '../../gql/types/graphql';\n\nexport interface CellValidationWrapperProps {\n  currency: string;\n  pair: string;\n  instrument: string;\n  target: EventTarget | null;\n  additionalBorderBottom? : boolean;\n  division: Division;\n  setSelectedCurrency: React.Dispatch<React.SetStateAction<string>>;\n  setSelectedPair: React.Dispatch<React.SetStateAction<string>>;\n}\nexport interface CellWithDataProps {\n  currency: string;\n  pair: string;\n  instrumentForCalculations: string;\n  record: DataRecord;\n  target: EventTarget | null;\n  additionalBorderBottom? : boolean;\n  division: Division;\n  setSelectedCurrency: React.Dispatch<React.SetStateAction<string>>;\n  setSelectedPair: React.Dispatch<React.SetStateAction<string>>;\n}\n\nexport interface CellProps {\n  children: React.ReactNode;\n  isLoading?: boolean;\n  isError?: boolean;\n  loaderSize?: LoaderSize;\n  additionalBorderBottom? : boolean;\n  hovered: boolean;\n  mouseEnterHandler: () => void;\n  mouseLeaveHandler: () => void;\n}\n\nexport interface TextCellProps {\n  label?: string;\n  emptyIndicator?: boolean;\n  additionalBorderBottom? : boolean;\n  hovered?: boolean;\n}\n"],"mappings":"","ignoreList":[]}

package/dist/main/CurrencyCrossTableWidget/render.js

@@ -4,9 +4,10 @@ var _react = _interopRequireDefault(require("react"));
 var _client = require("react-dom/client");
 var _labsWidgetCommon = require("@oanda/labs-widget-common");
 var _CurrencyCrossTableWidget = require("./CurrencyCrossTableWidget");
-var _types = require("./types");
+var _graphql = require("../gql/types/graphql");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const {
+  graphqlUrl,
   liveRatesUrl
 } = window.widgetsConfig || {};
 const currencyCrossTableElements = document.querySelectorAll('div[data-currency-cross-table-params]');
@@ -23,20 +24,24 @@ currencyCrossTableElements.forEach(element => {
     division,
     locale,
     currencies,
+    graphqlUrl,
     liveRatesUrl
   }, [{
     name: 'locale',
     valueCheck: value => (0, _labsWidgetCommon.validateLocale)(value)
   }, {
     name: 'division',
-    valueCheck: value => Object.values(_types.Division).includes(value)
+    valueCheck: value => Object.values(_graphql.Division).includes(value)
   }, {
     name: 'currencies',
     valueCheck: value => value.length > 0 && value.length <= 8
+  }, {
+    name: 'graphqlUrl'
   }, {
     name: 'liveRatesUrl'
   }]);
   root.render(_react.default.createElement(_CurrencyCrossTableWidget.CurrencyCrossTableWidget, {
+    graphqlUrl: graphqlUrl,
     liveRatesUrl: liveRatesUrl,
     division: division,
     currencies: currencies,

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

@@ -1 +1 @@
-{"version":3,"file":"render.js","names":["_react","_interopRequireDefault","require","_client","_labsWidgetCommon","_CurrencyCrossTableWidget","_types","e","__esModule","default","liveRatesUrl","window","widgetsConfig","currencyCrossTableElements","document","querySelectorAll","forEach","element","root","createRoot","params","getAttribute","mode","currencies","division","locale","JSON","parse","isParamError","validateToolParams","name","valueCheck","value","validateLocale","Object","values","Division","includes","length","render","createElement","CurrencyCrossTableWidget","theme"],"sources":["../../../src/CurrencyCrossTableWidget/render.tsx"],"sourcesContent":["import React from 'react';\nimport { createRoot } from 'react-dom/client';\nimport { Theme, validateLocale, validateToolParams } from '@oanda/labs-widget-common';\nimport { CurrencyCrossTableWidget } from './CurrencyCrossTableWidget';\nimport { Division } from './types';\n\nconst {\n  liveRatesUrl,\n} = window.widgetsConfig || {};\n\nconst currencyCrossTableElements = document.querySelectorAll('div[data-currency-cross-table-params]');\n\ncurrencyCrossTableElements.forEach((element) => {\n  const root = createRoot(element);\n  const params = element.getAttribute('data-currency-cross-table-params');\n  const mode = element.getAttribute('data-mode');\n  const {\n    currencies, division, locale,\n  } = JSON.parse(params as string);\n\n  const isParamError = validateToolParams({\n    division, locale, currencies, 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: 'currencies',\n    valueCheck: (value) => (value as string[]).length > 0 && (value as string[]).length <= 8,\n  }, {\n    name: 'liveRatesUrl',\n  }]);\n\n  root.render(\n    <CurrencyCrossTableWidget\n      liveRatesUrl={liveRatesUrl}\n      division={division}\n      currencies={currencies}\n      locale={locale}\n      theme={mode as Theme}\n      isParamError={isParamError}\n    />,\n  );\n});\n"],"mappings":";;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,yBAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAAmC,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEnC,MAAM;EACJG;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,GAAG,IAAAC,kBAAU,EAACF,OAAO,CAAC;EAChC,MAAMG,MAAM,GAAGH,OAAO,CAACI,YAAY,CAAC,kCAAkC,CAAC;EACvE,MAAMC,IAAI,GAAGL,OAAO,CAACI,YAAY,CAAC,WAAW,CAAC;EAC9C,MAAM;IACJE,UAAU;IAAEC,QAAQ;IAAEC;EACxB,CAAC,GAAGC,IAAI,CAACC,KAAK,CAACP,MAAgB,CAAC;EAEhC,MAAMQ,YAAY,GAAG,IAAAC,oCAAkB,EAAC;IACtCL,QAAQ;IAAEC,MAAM;IAAEF,UAAU;IAAEb;EAChC,CAAC,EAAE,CAAC;IACFoB,IAAI,EAAE,QAAQ;IACdC,UAAU,EAAGC,KAAK,IAAK,IAAAC,gCAAc,EAACD,KAAK;EAC7C,CAAC,EAAE;IACDF,IAAI,EAAE,UAAU;IAChBC,UAAU,EAAGC,KAAK,IAAKE,MAAM,CAACC,MAAM,CAACC,eAAQ,CAAC,CAACC,QAAQ,CAACL,KAAK;EAC/D,CAAC,EAAE;IACDF,IAAI,EAAE,YAAY;IAClBC,UAAU,EAAGC,KAAK,IAAMA,KAAK,CAAcM,MAAM,GAAG,CAAC,IAAKN,KAAK,CAAcM,MAAM,IAAI;EACzF,CAAC,EAAE;IACDR,IAAI,EAAE;EACR,CAAC,CAAC,CAAC;EAEHZ,IAAI,CAACqB,MAAM,CACTvC,MAAA,CAAAS,OAAA,CAAA+B,aAAA,CAACnC,yBAAA,CAAAoC,wBAAwB;IACvB/B,YAAY,EAAEA,YAAa;IAC3Bc,QAAQ,EAAEA,QAAS;IACnBD,UAAU,EAAEA,UAAW;IACvBE,MAAM,EAAEA,MAAO;IACfiB,KAAK,EAAEpB,IAAc;IACrBM,YAAY,EAAEA;EAAa,CAC5B,CACH,CAAC;AACH,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"render.js","names":["_react","_interopRequireDefault","require","_client","_labsWidgetCommon","_CurrencyCrossTableWidget","_graphql","e","__esModule","default","graphqlUrl","liveRatesUrl","window","widgetsConfig","currencyCrossTableElements","document","querySelectorAll","forEach","element","root","createRoot","params","getAttribute","mode","currencies","division","locale","JSON","parse","isParamError","validateToolParams","name","valueCheck","value","validateLocale","Object","values","Division","includes","length","render","createElement","CurrencyCrossTableWidget","theme"],"sources":["../../../src/CurrencyCrossTableWidget/render.tsx"],"sourcesContent":["import React from 'react';\nimport { createRoot } from 'react-dom/client';\nimport { Theme, validateLocale, validateToolParams } from '@oanda/labs-widget-common';\nimport { CurrencyCrossTableWidget } from './CurrencyCrossTableWidget';\nimport { Division } from '../gql/types/graphql';\n\nconst {\n  graphqlUrl,\n  liveRatesUrl,\n} = window.widgetsConfig || {};\n\nconst currencyCrossTableElements = document.querySelectorAll('div[data-currency-cross-table-params]');\n\ncurrencyCrossTableElements.forEach((element) => {\n  const root = createRoot(element);\n  const params = element.getAttribute('data-currency-cross-table-params');\n  const mode = element.getAttribute('data-mode');\n  const {\n    currencies, division, locale,\n  } = JSON.parse(params as string);\n\n  const isParamError = validateToolParams({\n    division, locale, currencies, 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: 'currencies',\n    valueCheck: (value) => (value as string[]).length > 0 && (value as string[]).length <= 8,\n  }, {\n    name: 'graphqlUrl',\n  }, {\n    name: 'liveRatesUrl',\n  }]);\n\n  root.render(\n    <CurrencyCrossTableWidget\n      graphqlUrl={graphqlUrl}\n      liveRatesUrl={liveRatesUrl}\n      division={division}\n      currencies={currencies}\n      locale={locale}\n      theme={mode as Theme}\n      isParamError={isParamError}\n    />,\n  );\n});\n"],"mappings":";;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,yBAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AAAgD,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEhD,MAAM;EACJG,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,GAAG,IAAAC,kBAAU,EAACF,OAAO,CAAC;EAChC,MAAMG,MAAM,GAAGH,OAAO,CAACI,YAAY,CAAC,kCAAkC,CAAC;EACvE,MAAMC,IAAI,GAAGL,OAAO,CAACI,YAAY,CAAC,WAAW,CAAC;EAC9C,MAAM;IACJE,UAAU;IAAEC,QAAQ;IAAEC;EACxB,CAAC,GAAGC,IAAI,CAACC,KAAK,CAACP,MAAgB,CAAC;EAEhC,MAAMQ,YAAY,GAAG,IAAAC,oCAAkB,EAAC;IACtCL,QAAQ;IAAEC,MAAM;IAAEF,UAAU;IAAEd,UAAU;IAAEC;EAC5C,CAAC,EAAE,CAAC;IACFoB,IAAI,EAAE,QAAQ;IACdC,UAAU,EAAGC,KAAK,IAAK,IAAAC,gCAAc,EAACD,KAAK;EAC7C,CAAC,EAAE;IACDF,IAAI,EAAE,UAAU;IAChBC,UAAU,EAAGC,KAAK,IAAKE,MAAM,CAACC,MAAM,CAACC,iBAAQ,CAAC,CAACC,QAAQ,CAACL,KAAK;EAC/D,CAAC,EAAE;IACDF,IAAI,EAAE,YAAY;IAClBC,UAAU,EAAGC,KAAK,IAAMA,KAAK,CAAcM,MAAM,GAAG,CAAC,IAAKN,KAAK,CAAcM,MAAM,IAAI;EACzF,CAAC,EAAE;IACDR,IAAI,EAAE;EACR,CAAC,EAAE;IACDA,IAAI,EAAE;EACR,CAAC,CAAC,CAAC;EAEHZ,IAAI,CAACqB,MAAM,CACTxC,MAAA,CAAAS,OAAA,CAAAgC,aAAA,CAACpC,yBAAA,CAAAqC,wBAAwB;IACvBhC,UAAU,EAAEA,UAAW;IACvBC,YAAY,EAAEA,YAAa;IAC3Bc,QAAQ,EAAEA,QAAS;IACnBD,UAAU,EAAEA,UAAW;IACvBE,MAAM,EAAEA,MAAO;IACfiB,KAAK,EAAEpB,IAAc;IACrBM,YAAY,EAAEA;EAAa,CAC5B,CACH,CAAC;AACH,CAAC,CAAC","ignoreList":[]}

package/dist/main/CurrencyCrossTableWidget/types.js

@@ -3,7 +3,6 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Division = void 0;
 Object.defineProperty(exports, "Locale", {
   enumerable: true,
   get: function () {
@@ -11,16 +10,4 @@ Object.defineProperty(exports, "Locale", {
   }
 });
 var _monoI18n = require("@oanda/mono-i18n");
-let Division = exports.Division = function (Division) {
-  Division["Oap"] = "OAP";
-  Division["Oau"] = "OAU";
-  Division["Oc"] = "OC";
-  Division["Ocan"] = "OCAN";
-  Division["Oel"] = "OEL";
-  Division["Ogm"] = "OGM";
-  Division["Oj"] = "OJ";
-  Division["Opt"] = "OPT";
-  Division["Otms"] = "OTMS";
-  return Division;
-}({});
 //# sourceMappingURL=types.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["_monoI18n","require","Division","exports"],"sources":["../../../src/CurrencyCrossTableWidget/types.tsx"],"sourcesContent":["import { Locale } from '@oanda/mono-i18n';\nimport { Theme } from '@oanda/labs-widget-common';\n\nexport { Locale } from '@oanda/mono-i18n';\n\nexport enum Division {\n  Oap = 'OAP',\n  Oau = 'OAU',\n  Oc = 'OC',\n  Ocan = 'OCAN',\n  Oel = 'OEL',\n  Ogm = 'OGM',\n  Oj = 'OJ',\n  Opt = 'OPT',\n  Otms = 'OTMS',\n}\n\nexport interface CurrencyCrossTableConfig {\n  division: Division;\n  liveRatesUrl: string;\n  currencies: string[];\n  locale: Locale;\n  theme?: Theme;\n  isParamError?: boolean;\n  removePadding?: boolean;\n}\n\nexport interface ValidationWrapperProps {\n  currencies: string[];\n  division: Division;\n  isParamError?: boolean;\n}\nexport interface MainProps {\n  currencies: string[];\n  instruments: string[];\n}\n"],"mappings":";;;;;;;;;;;;AAGA,IAAAA,SAAA,GAAAC,OAAA;AAA0C,IAE9BC,QAAQ,GAAAC,OAAA,CAAAD,QAAA,aAARA,QAAQ;EAARA,QAAQ;EAARA,QAAQ;EAARA,QAAQ;EAARA,QAAQ;EAARA,QAAQ;EAARA,QAAQ;EAARA,QAAQ;EAARA,QAAQ;EAARA,QAAQ;EAAA,OAARA,QAAQ;AAAA","ignoreList":[]}
+{"version":3,"file":"types.js","names":["_monoI18n","require"],"sources":["../../../src/CurrencyCrossTableWidget/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';\n\nexport interface CurrencyCrossTableConfig {\n  division: Division;\n  graphqlUrl: string;\n  liveRatesUrl: string;\n  currencies: string[];\n  locale: Locale;\n  theme?: Theme;\n  isParamError?: boolean;\n  removePadding?: boolean;\n}\n\nexport interface ValidationWrapperProps {\n  currencies: string[];\n  division: Division;\n  isParamError?: boolean;\n}\nexport interface MainProps {\n  currencies: string[];\n  instruments: string[];\n  division: Division;\n}\n"],"mappings":";;;;;;;;;;;AAIA,IAAAA,SAAA,GAAAC,OAAA","ignoreList":[]}

package/dist/main/CurrencyCrossTableWidget/utils.js

@@ -3,45 +3,28 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.validCurrencies = exports.useRecords = exports.currenciesToInstruments = void 0;
-var _react = require("react");
-var _labsWidgetCommon = require("@oanda/labs-widget-common");
+exports.validCurrencies = exports.getPriceMovement = exports.getBuyPrice = exports.divisionMapper = exports.currenciesToInstruments = void 0;
 var _constant = require("./constant");
 const validCurrencies = currencies => currencies.every(currency => _constant.MAJOR_CURRENCIES.includes(currency));
 exports.validCurrencies = validCurrencies;
+const divisionMapper = division => division === 'OGM' ? '' : '_';
+exports.divisionMapper = divisionMapper;
 const currenciesToInstruments = (currencies, division) => {
-  const divisionMapper = division === 'OGM' ? '' : '_';
   const pairs = currencies.reduce((acc, cV, index, array) => {
     const unique = array.filter((_item, idx) => index !== idx);
-    return [...acc, ...unique.map(el => `${cV}${divisionMapper}${el}`)];
+    return [...acc, ...unique.map(el => `${cV}${divisionMapper(division)}${el}`)];
   }, []);
   return pairs;
 };
 exports.currenciesToInstruments = currenciesToInstruments;
-const useRecords = (record, target) => {
-  const [updatedRecord, setUpdatedRecord] = (0, _react.useState)({
-    displayName: record.displayName,
-    instrument: record.instrument
-  });
-  const [error, setError] = (0, _react.useState)(null);
-  const {
-    update,
-    error: liveRatesError
-  } = (0, _labsWidgetCommon.useLiveRatesMessage)(record.instrument, target);
-  (0, _react.useEffect)(() => {
-    setUpdatedRecord({
-      displayName: record.displayName,
-      instrument: record.instrument,
-      buy: update?.ask,
-      buyPriceMovement: update?.askPriceMovement,
-      displayPrecision: update?.displayPrecision
-    });
-    setError(liveRatesError);
-  }, [update, record, liveRatesError]);
-  return {
-    updatedRecord,
-    error
-  };
+const getPriceMovement = (priceMovement, isReversed) => {
+  if (priceMovement === undefined) return 0;
+  return isReversed ? priceMovement * -1 : priceMovement;
 };
-exports.useRecords = useRecords;
+exports.getPriceMovement = getPriceMovement;
+const getBuyPrice = (price, isReversed) => {
+  if (price === undefined) return 0;
+  return isReversed ? 1 / price : price;
+};
+exports.getBuyPrice = getBuyPrice;
 //# sourceMappingURL=utils.js.map

package/dist/main/CurrencyCrossTableWidget/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":["_react","require","_labsWidgetCommon","_constant","validCurrencies","currencies","every","currency","MAJOR_CURRENCIES","includes","exports","currenciesToInstruments","division","divisionMapper","pairs","reduce","acc","cV","index","array","unique","filter","_item","idx","map","el","useRecords","record","target","updatedRecord","setUpdatedRecord","useState","displayName","instrument","error","setError","update","liveRatesError","useLiveRatesMessage","useEffect","buy","ask","buyPriceMovement","askPriceMovement","displayPrecision"],"sources":["../../../src/CurrencyCrossTableWidget/utils.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { DataRecord, LiveRatesErrorMessage, useLiveRatesMessage } from '@oanda/labs-widget-common';\nimport { MAJOR_CURRENCIES } from './constant';\n\nconst validCurrencies = (currencies: string[]) => currencies\n  .every((currency) => MAJOR_CURRENCIES.includes(currency));\n\nconst currenciesToInstruments = (currencies: string[], division: any) => {\n  const divisionMapper = division === 'OGM' ? '' : '_';\n\n  const pairs = currencies.reduce((acc, cV, index, array) => {\n    const unique = array.filter((_item, idx) => index !== idx);\n\n    return [\n      ...acc,\n      ...unique.map((el) => `${cV}${divisionMapper}${el}`),\n    ];\n  }, [] as string[]);\n\n  return pairs;\n};\n\nconst useRecords = (\n  record: DataRecord,\n  target: EventTarget | null,\n) => {\n  const [updatedRecord, setUpdatedRecord] = useState<DataRecord>({\n    displayName: record.displayName,\n    instrument: record.instrument,\n  });\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?.ask,\n      buyPriceMovement: update?.askPriceMovement,\n      displayPrecision: update?.displayPrecision,\n    });\n    setError(liveRatesError);\n  }, [update, record, liveRatesError]);\n\n  return {\n    updatedRecord,\n    error,\n  };\n};\n\nexport {\n  validCurrencies,\n  currenciesToInstruments,\n  useRecords,\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AAEA,MAAMG,eAAe,GAAIC,UAAoB,IAAKA,UAAU,CACzDC,KAAK,CAAEC,QAAQ,IAAKC,0BAAgB,CAACC,QAAQ,CAACF,QAAQ,CAAC,CAAC;AAACG,OAAA,CAAAN,eAAA,GAAAA,eAAA;AAE5D,MAAMO,uBAAuB,GAAGA,CAACN,UAAoB,EAAEO,QAAa,KAAK;EACvE,MAAMC,cAAc,GAAGD,QAAQ,KAAK,KAAK,GAAG,EAAE,GAAG,GAAG;EAEpD,MAAME,KAAK,GAAGT,UAAU,CAACU,MAAM,CAAC,CAACC,GAAG,EAAEC,EAAE,EAAEC,KAAK,EAAEC,KAAK,KAAK;IACzD,MAAMC,MAAM,GAAGD,KAAK,CAACE,MAAM,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAKL,KAAK,KAAKK,GAAG,CAAC;IAE1D,OAAO,CACL,GAAGP,GAAG,EACN,GAAGI,MAAM,CAACI,GAAG,CAAEC,EAAE,IAAK,GAAGR,EAAE,GAAGJ,cAAc,GAAGY,EAAE,EAAE,CAAC,CACrD;EACH,CAAC,EAAE,EAAc,CAAC;EAElB,OAAOX,KAAK;AACd,CAAC;AAACJ,OAAA,CAAAC,uBAAA,GAAAA,uBAAA;AAEF,MAAMe,UAAU,GAAGA,CACjBC,MAAkB,EAClBC,MAA0B,KACvB;EACH,MAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAG,IAAAC,eAAQ,EAAa;IAC7DC,WAAW,EAAEL,MAAM,CAACK,WAAW;IAC/BC,UAAU,EAAEN,MAAM,CAACM;EACrB,CAAC,CAAC;EAEF,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAG,IAAAJ,eAAQ,EAA+B,IAAI,CAAC;EAEtE,MAAM;IAAEK,MAAM;IAAEF,KAAK,EAAEG;EAAe,CAAC,GAAG,IAAAC,qCAAmB,EAC3DX,MAAM,CAACM,UAAU,EACjBL,MACF,CAAC;EAED,IAAAW,gBAAS,EAAC,MAAM;IACdT,gBAAgB,CAAC;MACfE,WAAW,EAAEL,MAAM,CAACK,WAAW;MAC/BC,UAAU,EAAEN,MAAM,CAACM,UAAU;MAC7BO,GAAG,EAAEJ,MAAM,EAAEK,GAAG;MAChBC,gBAAgB,EAAEN,MAAM,EAAEO,gBAAgB;MAC1CC,gBAAgB,EAAER,MAAM,EAAEQ;IAC5B,CAAC,CAAC;IACFT,QAAQ,CAACE,cAAc,CAAC;EAC1B,CAAC,EAAE,CAACD,MAAM,EAAET,MAAM,EAAEU,cAAc,CAAC,CAAC;EAEpC,OAAO;IACLR,aAAa;IACbK;EACF,CAAC;AACH,CAAC;AAACxB,OAAA,CAAAgB,UAAA,GAAAA,UAAA","ignoreList":[]}
+{"version":3,"file":"utils.js","names":["_constant","require","validCurrencies","currencies","every","currency","MAJOR_CURRENCIES","includes","exports","divisionMapper","division","currenciesToInstruments","pairs","reduce","acc","cV","index","array","unique","filter","_item","idx","map","el","getPriceMovement","priceMovement","isReversed","undefined","getBuyPrice","price"],"sources":["../../../src/CurrencyCrossTableWidget/utils.ts"],"sourcesContent":["import { MAJOR_CURRENCIES } from './constant';\nimport { Division } from '../gql/types/graphql';\n\nconst validCurrencies = (currencies: string[]) => currencies\n  .every((currency) => MAJOR_CURRENCIES.includes(currency));\n\nconst divisionMapper = (division: Division) => (division === 'OGM' ? '' : '_');\n\nconst currenciesToInstruments = (currencies: string[], division: any) => {\n  const pairs = currencies.reduce((acc, cV, index, array) => {\n    const unique = array.filter((_item, idx) => index !== idx);\n\n    return [\n      ...acc,\n      ...unique.map((el) => `${cV}${divisionMapper(division)}${el}`),\n    ];\n  }, [] as string[]);\n\n  return pairs;\n};\n\nconst getPriceMovement = (priceMovement: number | undefined, isReversed: boolean) => {\n  if (priceMovement === undefined) return 0;\n\n  return isReversed ? priceMovement * -1 : priceMovement;\n};\n\nconst getBuyPrice = (price: number | undefined, isReversed: boolean) => {\n  if (price === undefined) return 0;\n\n  return isReversed ? 1 / price : price;\n};\n\nexport {\n  validCurrencies,\n  currenciesToInstruments,\n  divisionMapper,\n  getPriceMovement,\n  getBuyPrice,\n};\n"],"mappings":";;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AAGA,MAAMC,eAAe,GAAIC,UAAoB,IAAKA,UAAU,CACzDC,KAAK,CAAEC,QAAQ,IAAKC,0BAAgB,CAACC,QAAQ,CAACF,QAAQ,CAAC,CAAC;AAACG,OAAA,CAAAN,eAAA,GAAAA,eAAA;AAE5D,MAAMO,cAAc,GAAIC,QAAkB,IAAMA,QAAQ,KAAK,KAAK,GAAG,EAAE,GAAG,GAAI;AAACF,OAAA,CAAAC,cAAA,GAAAA,cAAA;AAE/E,MAAME,uBAAuB,GAAGA,CAACR,UAAoB,EAAEO,QAAa,KAAK;EACvE,MAAME,KAAK,GAAGT,UAAU,CAACU,MAAM,CAAC,CAACC,GAAG,EAAEC,EAAE,EAAEC,KAAK,EAAEC,KAAK,KAAK;IACzD,MAAMC,MAAM,GAAGD,KAAK,CAACE,MAAM,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAKL,KAAK,KAAKK,GAAG,CAAC;IAE1D,OAAO,CACL,GAAGP,GAAG,EACN,GAAGI,MAAM,CAACI,GAAG,CAAEC,EAAE,IAAK,GAAGR,EAAE,GAAGN,cAAc,CAACC,QAAQ,CAAC,GAAGa,EAAE,EAAE,CAAC,CAC/D;EACH,CAAC,EAAE,EAAc,CAAC;EAElB,OAAOX,KAAK;AACd,CAAC;AAACJ,OAAA,CAAAG,uBAAA,GAAAA,uBAAA;AAEF,MAAMa,gBAAgB,GAAGA,CAACC,aAAiC,EAAEC,UAAmB,KAAK;EACnF,IAAID,aAAa,KAAKE,SAAS,EAAE,OAAO,CAAC;EAEzC,OAAOD,UAAU,GAAGD,aAAa,GAAG,CAAC,CAAC,GAAGA,aAAa;AACxD,CAAC;AAACjB,OAAA,CAAAgB,gBAAA,GAAAA,gBAAA;AAEF,MAAMI,WAAW,GAAGA,CAACC,KAAyB,EAAEH,UAAmB,KAAK;EACtE,IAAIG,KAAK,KAAKF,SAAS,EAAE,OAAO,CAAC;EAEjC,OAAOD,UAAU,GAAG,CAAC,GAAGG,KAAK,GAAGA,KAAK;AACvC,CAAC;AAACrB,OAAA,CAAAoB,WAAA,GAAAA,WAAA","ignoreList":[]}