@oanda/labs-currency-cross-table 1.0.24 → 1.0.26

package/dist/module/CurrencyCrossTableWidget/CurrencyCrossTableWidget.js

@@ -1,9 +1,9 @@
-import React from 'react';
 import { ApolloClient, InMemoryCache } from '@apollo/client';
 import { WidgetProvider, WidgetWrapper } from '@oanda/labs-widget-common';
+import React from 'react';
+import { Division } from '../gql/types/graphql';
 import { translations } from '../translations';
 import { ValidationWrapper } from './ValidationWrapper';
-import { Division } from '../gql/types/graphql';
 const CurrencyCrossTableWidget = _ref => {
   let {
     graphqlUrl,
@@ -24,23 +24,23 @@ const CurrencyCrossTableWidget = _ref => {
   const dataSource = divisionCode === Division.Ogm ? 'MT5' : 'V20';
   return React.createElement(WidgetProvider, {
     withSuspense: true,
-    locale: locale,
-    translations: translations,
     client: client,
-    theme: theme,
-    styling: {
-      removePadding
-    },
     liveRates: {
       url: liveRatesUrl,
       options: {
         divisionCode,
         dataSource
       }
-    }
+    },
+    locale: locale,
+    styling: {
+      removePadding
+    },
+    theme: theme,
+    translations: translations
   }, React.createElement(WidgetWrapper, {
-    logoLink: logoLink,
-    linkArea: "full"
+    linkArea: "full",
+    logoLink: logoLink
   }, React.createElement(ValidationWrapper, {
     currencies: currencies,
     division: division,

package/dist/module/CurrencyCrossTableWidget/CurrencyCrossTableWidget.js.map

@@ -1 +1 @@
-{"version":3,"file":"CurrencyCrossTableWidget.js","names":["React","ApolloClient","InMemoryCache","WidgetProvider","WidgetWrapper","translations","ValidationWrapper","Division","CurrencyCrossTableWidget","_ref","graphqlUrl","liveRatesUrl","currencies","division","locale","theme","isParamError","removePadding","logoLink","client","uri","cache","divisionCode","Opt","Ogm","dataSource","createElement","withSuspense","styling","liveRates","url","options","linkArea"],"sources":["../../../src/CurrencyCrossTableWidget/CurrencyCrossTableWidget.tsx"],"sourcesContent":["import React from 'react';\nimport { ApolloClient, InMemoryCache } from '@apollo/client';\nimport { WidgetProvider, WidgetWrapper } 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  logoLink,\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    <WidgetProvider\n      withSuspense\n      locale={locale}\n      translations={translations}\n      client={client}\n      theme={theme}\n      styling={{\n        removePadding,\n      }}\n      liveRates={{\n        url: liveRatesUrl,\n        options: { divisionCode, dataSource },\n      }}\n    >\n      <WidgetWrapper\n        logoLink={logoLink}\n        linkArea=\"full\"\n      >\n        <ValidationWrapper\n          currencies={currencies}\n          division={division}\n          isParamError={isParamError}\n        />\n      </WidgetWrapper>\n    </WidgetProvider>\n  );\n};\n\nexport { CurrencyCrossTableWidget };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,YAAY,EAAEC,aAAa,QAAQ,gBAAgB;AAC5D,SAASC,cAAc,EAAEC,aAAa,QAAQ,2BAA2B;AACzE,SAASC,YAAY,QAAQ,iBAAiB;AAE9C,SAASC,iBAAiB,QAAQ,qBAAqB;AACvD,SAASC,QAAQ,QAAQ,sBAAsB;AAE/C,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,IAAIlB,YAAY,CAAC;IAC9BmB,GAAG,EAAEV,UAAU;IACfW,KAAK,EAAE,IAAInB,aAAa,CAAC;EAC3B,CAAC,CAAC;EAEF,MAAMoB,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,OACExB,KAAA,CAAA0B,aAAA,CAACvB,cAAc;IACbwB,YAAY;IACZb,MAAM,EAAEA,MAAO;IACfT,YAAY,EAAEA,YAAa;IAC3Bc,MAAM,EAAEA,MAAO;IACfJ,KAAK,EAAEA,KAAM;IACba,OAAO,EAAE;MACPX;IACF,CAAE;IACFY,SAAS,EAAE;MACTC,GAAG,EAAEnB,YAAY;MACjBoB,OAAO,EAAE;QAAET,YAAY;QAAEG;MAAW;IACtC;EAAE,GAEFzB,KAAA,CAAA0B,aAAA,CAACtB,aAAa;IACZc,QAAQ,EAAEA,QAAS;IACnBc,QAAQ,EAAC;EAAM,GAEfhC,KAAA,CAAA0B,aAAA,CAACpB,iBAAiB;IAChBM,UAAU,EAAEA,UAAW;IACvBC,QAAQ,EAAEA,QAAS;IACnBG,YAAY,EAAEA;EAAa,CAC5B,CACY,CACD,CAAC;AAErB,CAAC;AAED,SAASR,wBAAwB","ignoreList":[]}
+{"version":3,"file":"CurrencyCrossTableWidget.js","names":["ApolloClient","InMemoryCache","WidgetProvider","WidgetWrapper","React","Division","translations","ValidationWrapper","CurrencyCrossTableWidget","_ref","graphqlUrl","liveRatesUrl","currencies","division","locale","theme","isParamError","removePadding","logoLink","client","uri","cache","divisionCode","Opt","Ogm","dataSource","createElement","withSuspense","liveRates","url","options","styling","linkArea"],"sources":["../../../src/CurrencyCrossTableWidget/CurrencyCrossTableWidget.tsx"],"sourcesContent":["import { ApolloClient, InMemoryCache } from '@apollo/client';\nimport { WidgetProvider, WidgetWrapper } from '@oanda/labs-widget-common';\nimport React from 'react';\n\nimport { Division } from '../gql/types/graphql';\nimport { translations } from '../translations';\nimport type { CurrencyCrossTableConfig } from './types';\nimport { ValidationWrapper } from './ValidationWrapper';\n\nconst CurrencyCrossTableWidget = ({\n  graphqlUrl,\n  liveRatesUrl,\n  currencies,\n  division,\n  locale,\n  theme,\n  isParamError,\n  removePadding,\n  logoLink,\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    <WidgetProvider\n      withSuspense\n      client={client}\n      liveRates={{\n        url: liveRatesUrl,\n        options: { divisionCode, dataSource },\n      }}\n      locale={locale}\n      styling={{\n        removePadding,\n      }}\n      theme={theme}\n      translations={translations}\n    >\n      <WidgetWrapper linkArea=\"full\" logoLink={logoLink}>\n        <ValidationWrapper\n          currencies={currencies}\n          division={division}\n          isParamError={isParamError}\n        />\n      </WidgetWrapper>\n    </WidgetProvider>\n  );\n};\n\nexport { CurrencyCrossTableWidget };\n"],"mappings":"AAAA,SAASA,YAAY,EAAEC,aAAa,QAAQ,gBAAgB;AAC5D,SAASC,cAAc,EAAEC,aAAa,QAAQ,2BAA2B;AACzE,OAAOC,KAAK,MAAM,OAAO;AAEzB,SAASC,QAAQ,QAAQ,sBAAsB;AAC/C,SAASC,YAAY,QAAQ,iBAAiB;AAE9C,SAASC,iBAAiB,QAAQ,qBAAqB;AAEvD,MAAMC,wBAAwB,GAAGC,IAAA,IAUD;EAAA,IAVE;IAChCC,UAAU;IACVC,YAAY;IACZC,UAAU;IACVC,QAAQ;IACRC,MAAM;IACNC,KAAK;IACLC,YAAY;IACZC,aAAa;IACbC;EACwB,CAAC,GAAAT,IAAA;EACzB,MAAMU,MAAM,GAAG,IAAInB,YAAY,CAAC;IAC9BoB,GAAG,EAAEV,UAAU;IACfW,KAAK,EAAE,IAAIpB,aAAa,CAAC;EAC3B,CAAC,CAAC;EAEF,MAAMqB,YAAY,GAAGT,QAAQ,KAAKR,QAAQ,CAACkB,GAAG,GAAGlB,QAAQ,CAACmB,GAAG,GAAGX,QAAQ;EACxE,MAAMY,UAAU,GAAGH,YAAY,KAAKjB,QAAQ,CAACmB,GAAG,GAAG,KAAK,GAAG,KAAK;EAEhE,OACEpB,KAAA,CAAAsB,aAAA,CAACxB,cAAc;IACbyB,YAAY;IACZR,MAAM,EAAEA,MAAO;IACfS,SAAS,EAAE;MACTC,GAAG,EAAElB,YAAY;MACjBmB,OAAO,EAAE;QAAER,YAAY;QAAEG;MAAW;IACtC,CAAE;IACFX,MAAM,EAAEA,MAAO;IACfiB,OAAO,EAAE;MACPd;IACF,CAAE;IACFF,KAAK,EAAEA,KAAM;IACbT,YAAY,EAAEA;EAAa,GAE3BF,KAAA,CAAAsB,aAAA,CAACvB,aAAa;IAAC6B,QAAQ,EAAC,MAAM;IAACd,QAAQ,EAAEA;EAAS,GAChDd,KAAA,CAAAsB,aAAA,CAACnB,iBAAiB;IAChBK,UAAU,EAAEA,UAAW;IACvBC,QAAQ,EAAEA,QAAS;IACnBG,YAAY,EAAEA;EAAa,CAC5B,CACY,CACD,CAAC;AAErB,CAAC;AAED,SAASR,wBAAwB","ignoreList":[]}

package/dist/module/CurrencyCrossTableWidget/Main.js

@@ -1,5 +1,5 @@
-import React, { Fragment, useEffect, useState } from 'react';
 import { useLiveRatesQuery } from '@oanda/labs-widget-common';
+import React, { Fragment, useEffect, useState } from 'react';
 import { CellWithData, TextCell } from './components';
 import { divisionMapper } from './utils';
 const Main = _ref => {
@@ -20,33 +20,33 @@ const Main = _ref => {
     });
   }, validInstruments);
   return React.createElement("div", {
-    "data-testid": "currency-cross-table-wrapper",
-    className: "lw-w-full lw-overflow-x-auto lw-overflow-y-hidden lw-border lw-border-b-0 lw-border-solid lw-border-border-primary"
+    className: "lw-w-full lw-overflow-x-auto lw-overflow-y-hidden lw-border lw-border-b-0 lw-border-solid lw-border-border-primary",
+    "data-testid": "currency-cross-table-wrapper"
   }, React.createElement("div", {
     className: "lw-flex lw-w-max lw-min-w-full"
   }, React.createElement(TextCell, {
     sticky: true
   }), currencies.map(pair => React.createElement(TextCell, {
     key: pair,
-    label: pair,
-    hovered: pair === selectedPair
+    hovered: pair === selectedPair,
+    label: pair
   }))), currencies.map((currency, index, arr) => React.createElement("div", {
     key: currency,
     className: "lw-flex lw-w-max lw-min-w-full"
   }, React.createElement(TextCell, {
-    label: currency,
+    sticky: true,
     hovered: currency === selectedCurrency,
-    sticky: true
+    label: currency
   }), arr.map(pair => React.createElement(Fragment, {
-    key: `${currency}_${pair}`
+    key: "".concat(currency, "_").concat(pair)
   }, currency !== pair ? React.createElement(CellWithData, {
     currency: currency,
+    division: division,
+    isValid: validInstruments.includes("".concat(currency).concat(divisionMapper(division)).concat(pair)),
     pair: pair,
-    isValid: validInstruments.includes(`${currency}${divisionMapper(division)}${pair}`),
-    target: target,
     setSelectedCurrency: setSelectedCurrency,
     setSelectedPair: setSelectedPair,
-    division: division
+    target: target
   }) : React.createElement(TextCell, {
     emptyIndicator: true
   }))))));

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

@@ -1 +1 @@
-{"version":3,"file":"Main.js","names":["React","Fragment","useEffect","useState","useLiveRatesQuery","CellWithData","TextCell","divisionMapper","Main","_ref","currencies","validInstruments","division","selectedCurrency","setSelectedCurrency","selectedPair","setSelectedPair","target","setQuery","instruments","createElement","className","sticky","map","pair","key","label","hovered","currency","index","arr","isValid","includes","emptyIndicator"],"sources":["../../../src/CurrencyCrossTableWidget/Main.tsx"],"sourcesContent":["import React, {\n  Fragment, useEffect, useState,\n} from 'react';\nimport { useLiveRatesQuery } from '@oanda/labs-widget-common';\nimport { MainProps } from './types';\nimport { CellWithData, TextCell } from './components';\nimport { divisionMapper } from './utils';\n\nconst Main = ({\n  currencies,\n  validInstruments,\n  division,\n}: MainProps) => {\n  const [selectedCurrency, setSelectedCurrency] = useState('');\n  const [selectedPair, setSelectedPair] = useState('');\n  const { target, setQuery } = useLiveRatesQuery();\n\n  useEffect(() => {\n    setQuery({ instruments: validInstruments });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, validInstruments);\n\n  return (\n    <div data-testid=\"currency-cross-table-wrapper\" className=\"lw-w-full lw-overflow-x-auto lw-overflow-y-hidden lw-border lw-border-b-0 lw-border-solid lw-border-border-primary\">\n      <div className=\"lw-flex lw-w-max lw-min-w-full\">\n        <TextCell sticky />\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-w-max lw-min-w-full\"\n        >\n          <TextCell\n            label={currency}\n            hovered={currency === selectedCurrency}\n            sticky\n          />\n          {arr.map((pair) => (\n            <Fragment key={`${currency}_${pair}`}>\n              {currency !== pair ? (\n                <CellWithData\n                  currency={currency}\n                  pair={pair}\n                  isValid={validInstruments.includes(`${currency}${divisionMapper(division)}${pair}`)}\n                  target={target}\n                  setSelectedCurrency={setSelectedCurrency}\n                  setSelectedPair={setSelectedPair}\n                  division={division}\n                />\n              ) : (\n                <TextCell emptyIndicator />\n              )}\n            </Fragment>\n          ))}\n        </div>\n      )))}\n    </div>\n  );\n};\n\nexport { Main };\n"],"mappings":"AAAA,OAAOA,KAAK,IACVC,QAAQ,EAAEC,SAAS,EAAEC,QAAQ,QACxB,OAAO;AACd,SAASC,iBAAiB,QAAQ,2BAA2B;AAE7D,SAASC,YAAY,EAAEC,QAAQ,QAAQ,cAAc;AACrD,SAASC,cAAc,QAAQ,SAAS;AAExC,MAAMC,IAAI,GAAGC,IAAA,IAII;EAAA,IAJH;IACZC,UAAU;IACVC,gBAAgB;IAChBC;EACS,CAAC,GAAAH,IAAA;EACV,MAAM,CAACI,gBAAgB,EAAEC,mBAAmB,CAAC,GAAGX,QAAQ,CAAC,EAAE,CAAC;EAC5D,MAAM,CAACY,YAAY,EAAEC,eAAe,CAAC,GAAGb,QAAQ,CAAC,EAAE,CAAC;EACpD,MAAM;IAAEc,MAAM;IAAEC;EAAS,CAAC,GAAGd,iBAAiB,CAAC,CAAC;EAEhDF,SAAS,CAAC,MAAM;IACdgB,QAAQ,CAAC;MAAEC,WAAW,EAAER;IAAiB,CAAC,CAAC;EAE7C,CAAC,EAAEA,gBAAgB,CAAC;EAEpB,OACEX,KAAA,CAAAoB,aAAA;IAAK,eAAY,8BAA8B;IAACC,SAAS,EAAC;EAAoH,GAC5KrB,KAAA,CAAAoB,aAAA;IAAKC,SAAS,EAAC;EAAgC,GAC7CrB,KAAA,CAAAoB,aAAA,CAACd,QAAQ;IAACgB,MAAM;EAAA,CAAE,CAAC,EAClBZ,UAAU,CAACa,GAAG,CAAGC,IAAI,IACpBxB,KAAA,CAAAoB,aAAA,CAACd,QAAQ;IACPmB,GAAG,EAAED,IAAK;IACVE,KAAK,EAAEF,IAAK;IACZG,OAAO,EAAEH,IAAI,KAAKT;EAAa,CAChC,CACD,CACC,CAAC,EACLL,UAAU,CAACa,GAAG,CAAE,CAACK,QAAQ,EAAEC,KAAK,EAAEC,GAAG,KACpC9B,KAAA,CAAAoB,aAAA;IACEK,GAAG,EAAEG,QAAS;IACdP,SAAS,EAAC;EAAgC,GAE1CrB,KAAA,CAAAoB,aAAA,CAACd,QAAQ;IACPoB,KAAK,EAAEE,QAAS;IAChBD,OAAO,EAAEC,QAAQ,KAAKf,gBAAiB;IACvCS,MAAM;EAAA,CACP,CAAC,EACDQ,GAAG,CAACP,GAAG,CAAEC,IAAI,IACZxB,KAAA,CAAAoB,aAAA,CAACnB,QAAQ;IAACwB,GAAG,EAAE,GAAGG,QAAQ,IAAIJ,IAAI;EAAG,GAClCI,QAAQ,KAAKJ,IAAI,GAChBxB,KAAA,CAAAoB,aAAA,CAACf,YAAY;IACXuB,QAAQ,EAAEA,QAAS;IACnBJ,IAAI,EAAEA,IAAK;IACXO,OAAO,EAAEpB,gBAAgB,CAACqB,QAAQ,CAAC,GAAGJ,QAAQ,GAAGrB,cAAc,CAACK,QAAQ,CAAC,GAAGY,IAAI,EAAE,CAAE;IACpFP,MAAM,EAAEA,MAAO;IACfH,mBAAmB,EAAEA,mBAAoB;IACzCE,eAAe,EAAEA,eAAgB;IACjCJ,QAAQ,EAAEA;EAAS,CACpB,CAAC,GAEFZ,KAAA,CAAAoB,aAAA,CAACd,QAAQ;IAAC2B,cAAc;EAAA,CAAE,CAEpB,CACX,CACE,CACL,CACC,CAAC;AAEV,CAAC;AAED,SAASzB,IAAI","ignoreList":[]}
+{"version":3,"file":"Main.js","names":["useLiveRatesQuery","React","Fragment","useEffect","useState","CellWithData","TextCell","divisionMapper","Main","_ref","currencies","validInstruments","division","selectedCurrency","setSelectedCurrency","selectedPair","setSelectedPair","target","setQuery","instruments","createElement","className","sticky","map","pair","key","hovered","label","currency","index","arr","concat","isValid","includes","emptyIndicator"],"sources":["../../../src/CurrencyCrossTableWidget/Main.tsx"],"sourcesContent":["import { useLiveRatesQuery } from '@oanda/labs-widget-common';\nimport React, { Fragment, useEffect, useState } from 'react';\n\nimport { CellWithData, TextCell } from './components';\nimport type { MainProps } from './types';\nimport { divisionMapper } from './utils';\n\nconst Main = ({ currencies, validInstruments, division }: MainProps) => {\n  const [selectedCurrency, setSelectedCurrency] = useState('');\n  const [selectedPair, setSelectedPair] = useState('');\n  const { target, setQuery } = useLiveRatesQuery();\n\n  useEffect(() => {\n    setQuery({ instruments: validInstruments });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, validInstruments);\n\n  return (\n    <div\n      className=\"lw-w-full lw-overflow-x-auto lw-overflow-y-hidden lw-border lw-border-b-0 lw-border-solid lw-border-border-primary\"\n      data-testid=\"currency-cross-table-wrapper\"\n    >\n      <div className=\"lw-flex lw-w-max lw-min-w-full\">\n        <TextCell sticky />\n        {currencies.map((pair) => (\n          <TextCell key={pair} hovered={pair === selectedPair} label={pair} />\n        ))}\n      </div>\n      {currencies.map((currency, index, arr) => (\n        <div key={currency} className=\"lw-flex lw-w-max lw-min-w-full\">\n          <TextCell\n            sticky\n            hovered={currency === selectedCurrency}\n            label={currency}\n          />\n          {arr.map((pair) => (\n            <Fragment key={`${currency}_${pair}`}>\n              {currency !== pair ? (\n                <CellWithData\n                  currency={currency}\n                  division={division}\n                  isValid={validInstruments.includes(\n                    `${currency}${divisionMapper(division)}${pair}`\n                  )}\n                  pair={pair}\n                  setSelectedCurrency={setSelectedCurrency}\n                  setSelectedPair={setSelectedPair}\n                  target={target}\n                />\n              ) : (\n                <TextCell emptyIndicator />\n              )}\n            </Fragment>\n          ))}\n        </div>\n      ))}\n    </div>\n  );\n};\n\nexport { Main };\n"],"mappings":"AAAA,SAASA,iBAAiB,QAAQ,2BAA2B;AAC7D,OAAOC,KAAK,IAAIC,QAAQ,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAE5D,SAASC,YAAY,EAAEC,QAAQ,QAAQ,cAAc;AAErD,SAASC,cAAc,QAAQ,SAAS;AAExC,MAAMC,IAAI,GAAGC,IAAA,IAA2D;EAAA,IAA1D;IAAEC,UAAU;IAAEC,gBAAgB;IAAEC;EAAoB,CAAC,GAAAH,IAAA;EACjE,MAAM,CAACI,gBAAgB,EAAEC,mBAAmB,CAAC,GAAGV,QAAQ,CAAC,EAAE,CAAC;EAC5D,MAAM,CAACW,YAAY,EAAEC,eAAe,CAAC,GAAGZ,QAAQ,CAAC,EAAE,CAAC;EACpD,MAAM;IAAEa,MAAM;IAAEC;EAAS,CAAC,GAAGlB,iBAAiB,CAAC,CAAC;EAEhDG,SAAS,CAAC,MAAM;IACde,QAAQ,CAAC;MAAEC,WAAW,EAAER;IAAiB,CAAC,CAAC;EAE7C,CAAC,EAAEA,gBAAgB,CAAC;EAEpB,OACEV,KAAA,CAAAmB,aAAA;IACEC,SAAS,EAAC,oHAAoH;IAC9H,eAAY;EAA8B,GAE1CpB,KAAA,CAAAmB,aAAA;IAAKC,SAAS,EAAC;EAAgC,GAC7CpB,KAAA,CAAAmB,aAAA,CAACd,QAAQ;IAACgB,MAAM;EAAA,CAAE,CAAC,EAClBZ,UAAU,CAACa,GAAG,CAAEC,IAAI,IACnBvB,KAAA,CAAAmB,aAAA,CAACd,QAAQ;IAACmB,GAAG,EAAED,IAAK;IAACE,OAAO,EAAEF,IAAI,KAAKT,YAAa;IAACY,KAAK,EAAEH;EAAK,CAAE,CACpE,CACE,CAAC,EACLd,UAAU,CAACa,GAAG,CAAC,CAACK,QAAQ,EAAEC,KAAK,EAAEC,GAAG,KACnC7B,KAAA,CAAAmB,aAAA;IAAKK,GAAG,EAAEG,QAAS;IAACP,SAAS,EAAC;EAAgC,GAC5DpB,KAAA,CAAAmB,aAAA,CAACd,QAAQ;IACPgB,MAAM;IACNI,OAAO,EAAEE,QAAQ,KAAKf,gBAAiB;IACvCc,KAAK,EAAEC;EAAS,CACjB,CAAC,EACDE,GAAG,CAACP,GAAG,CAAEC,IAAI,IACZvB,KAAA,CAAAmB,aAAA,CAAClB,QAAQ;IAACuB,GAAG,KAAAM,MAAA,CAAKH,QAAQ,OAAAG,MAAA,CAAIP,IAAI;EAAG,GAClCI,QAAQ,KAAKJ,IAAI,GAChBvB,KAAA,CAAAmB,aAAA,CAACf,YAAY;IACXuB,QAAQ,EAAEA,QAAS;IACnBhB,QAAQ,EAAEA,QAAS;IACnBoB,OAAO,EAAErB,gBAAgB,CAACsB,QAAQ,IAAAF,MAAA,CAC7BH,QAAQ,EAAAG,MAAA,CAAGxB,cAAc,CAACK,QAAQ,CAAC,EAAAmB,MAAA,CAAGP,IAAI,CAC/C,CAAE;IACFA,IAAI,EAAEA,IAAK;IACXV,mBAAmB,EAAEA,mBAAoB;IACzCE,eAAe,EAAEA,eAAgB;IACjCC,MAAM,EAAEA;EAAO,CAChB,CAAC,GAEFhB,KAAA,CAAAmB,aAAA,CAACd,QAAQ;IAAC4B,cAAc;EAAA,CAAE,CAEpB,CACX,CACE,CACN,CACE,CAAC;AAEV,CAAC;AAED,SAAS1B,IAAI","ignoreList":[]}

package/dist/module/CurrencyCrossTableWidget/ValidationWrapper.js

@@ -1,11 +1,12 @@
-import React from 'react';
-import classnames from 'classnames';
-import { ChartError } from '@oanda/labs-widget-common';
 import { useSuspenseQuery } from '@apollo/client';
+import { ChartError } from '@oanda/labs-widget-common';
+import classnames from 'classnames';
+import React from 'react';
 import { validateInstruments } from '../gql/validateInstruments';
-import { currenciesToInstruments, validCurrencies } from './utils';
 import { Main } from './Main';
+import { currenciesToInstruments, validCurrencies } from './utils';
 const ValidationWrapper = _ref => {
+  var _data$resolveInstrume;
   let {
     currencies,
     division,
@@ -23,14 +24,14 @@ const ValidationWrapper = _ref => {
     fetchPolicy: 'network-only',
     errorPolicy: 'all'
   });
-  const validInstruments = data?.resolveInstrumentsByDivision?.map(instrument => instrument.name);
+  const validInstruments = data === null || data === void 0 || (_data$resolveInstrume = data.resolveInstrumentsByDivision) === null || _data$resolveInstrume === void 0 ? void 0 : _data$resolveInstrume.map(instrument => instrument.name);
   const showError = !validCurrencies(currencies) || isParamError || error || !validInstruments || validInstruments.length === 0;
   return React.createElement(React.Fragment, null, React.createElement("div", {
     className: "lw-flex lw-w-full lw-text-sm lw-tracking-normal lw-text-text-primary"
   }, !showError && React.createElement(Main, {
-    validInstruments: validInstruments,
     currencies: currencies,
-    division: division
+    division: division,
+    validInstruments: validInstruments
   }), showError && React.createElement("div", {
     className: classnames('lw-flex lw-h-[250px] lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary')
   }, React.createElement(ChartError, null))));

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

@@ -1 +1 @@
-{"version":3,"file":"ValidationWrapper.js","names":["React","classnames","ChartError","useSuspenseQuery","validateInstruments","currenciesToInstruments","validCurrencies","Main","ValidationWrapper","_ref","currencies","division","isParamError","instruments","data","error","variables","fetchPolicy","errorPolicy","validInstruments","resolveInstrumentsByDivision","map","instrument","name","showError","length","createElement","Fragment","className"],"sources":["../../../src/CurrencyCrossTableWidget/ValidationWrapper.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport { ChartError } from '@oanda/labs-widget-common';\nimport { useSuspenseQuery } from '@apollo/client';\nimport { ValidateInstrumentsQuery, ValidateInstrumentsQueryVariables } from '../gql/types/graphql';\nimport { validateInstruments } from '../gql/validateInstruments';\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 instruments = currenciesToInstruments(currencies, division);\n\n  const { data, error } = useSuspenseQuery<\n  ValidateInstrumentsQuery,\n  ValidateInstrumentsQueryVariables\n  >(validateInstruments, {\n    variables: {\n      instruments,\n      division,\n    },\n    fetchPolicy: 'network-only',\n    errorPolicy: 'all',\n  });\n\n  const validInstruments = data\n    ?.resolveInstrumentsByDivision\n    ?.map((instrument) => instrument.name);\n  const showError = !validCurrencies(currencies)\n    || isParamError\n    || error\n    || !validInstruments\n    || validInstruments.length === 0;\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            validInstruments={validInstruments}\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,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,UAAU,QAAQ,2BAA2B;AACtD,SAASC,gBAAgB,QAAQ,gBAAgB;AAEjD,SAASC,mBAAmB,QAAQ,4BAA4B;AAChE,SAASC,uBAAuB,EAAEC,eAAe,QAAQ,SAAS;AAElE,SAASC,IAAI,QAAQ,QAAQ;AAE7B,MAAMC,iBAAiB,GAAGC,IAAA,IAII;EAAA,IAJH;IACzBC,UAAU;IACVC,QAAQ;IACRC;EACsB,CAAC,GAAAH,IAAA;EACvB,MAAMI,WAAW,GAAGR,uBAAuB,CAACK,UAAU,EAAEC,QAAQ,CAAC;EAEjE,MAAM;IAAEG,IAAI;IAAEC;EAAM,CAAC,GAAGZ,gBAAgB,CAGtCC,mBAAmB,EAAE;IACrBY,SAAS,EAAE;MACTH,WAAW;MACXF;IACF,CAAC;IACDM,WAAW,EAAE,cAAc;IAC3BC,WAAW,EAAE;EACf,CAAC,CAAC;EAEF,MAAMC,gBAAgB,GAAGL,IAAI,EACzBM,4BAA4B,EAC5BC,GAAG,CAAEC,UAAU,IAAKA,UAAU,CAACC,IAAI,CAAC;EACxC,MAAMC,SAAS,GAAG,CAAClB,eAAe,CAACI,UAAU,CAAC,IACzCE,YAAY,IACZG,KAAK,IACL,CAACI,gBAAgB,IACjBA,gBAAgB,CAACM,MAAM,KAAK,CAAC;EAElC,OACEzB,KAAA,CAAA0B,aAAA,CAAA1B,KAAA,CAAA2B,QAAA,QACE3B,KAAA,CAAA0B,aAAA;IACEE,SAAS,EAAC;EAAsE,GAE/E,CAACJ,SAAS,IACTxB,KAAA,CAAA0B,aAAA,CAACnB,IAAI;IACHY,gBAAgB,EAAEA,gBAAiB;IACnCT,UAAU,EAAEA,UAAW;IACvBC,QAAQ,EAAEA;EAAS,CACpB,CACF,EACAa,SAAS,IACRxB,KAAA,CAAA0B,aAAA;IAAKE,SAAS,EAAE3B,UAAU,CAAC,mGAAmG;EAAE,GAC9HD,KAAA,CAAA0B,aAAA,CAACxB,UAAU,MAAE,CACV,CAEJ,CACL,CAAC;AAEP,CAAC;AAED,SAASM,iBAAiB","ignoreList":[]}
+{"version":3,"file":"ValidationWrapper.js","names":["useSuspenseQuery","ChartError","classnames","React","validateInstruments","Main","currenciesToInstruments","validCurrencies","ValidationWrapper","_ref","_data$resolveInstrume","currencies","division","isParamError","instruments","data","error","variables","fetchPolicy","errorPolicy","validInstruments","resolveInstrumentsByDivision","map","instrument","name","showError","length","createElement","Fragment","className"],"sources":["../../../src/CurrencyCrossTableWidget/ValidationWrapper.tsx"],"sourcesContent":["import { useSuspenseQuery } from '@apollo/client';\nimport { ChartError } from '@oanda/labs-widget-common';\nimport classnames from 'classnames';\nimport React from 'react';\n\nimport type {\n  ValidateInstrumentsQuery,\n  ValidateInstrumentsQueryVariables,\n} from '../gql/types/graphql';\nimport { validateInstruments } from '../gql/validateInstruments';\nimport { Main } from './Main';\nimport type { ValidationWrapperProps } from './types';\nimport { currenciesToInstruments, validCurrencies } from './utils';\n\nconst ValidationWrapper = ({\n  currencies,\n  division,\n  isParamError,\n}: ValidationWrapperProps) => {\n  const instruments = currenciesToInstruments(currencies, division);\n\n  const { data, error } = useSuspenseQuery<\n    ValidateInstrumentsQuery,\n    ValidateInstrumentsQueryVariables\n  >(validateInstruments, {\n    variables: {\n      instruments,\n      division,\n    },\n    fetchPolicy: 'network-only',\n    errorPolicy: 'all',\n  });\n\n  const validInstruments = data?.resolveInstrumentsByDivision?.map(\n    (instrument) => instrument.name\n  );\n  const showError =\n    !validCurrencies(currencies) ||\n    isParamError ||\n    error ||\n    !validInstruments ||\n    validInstruments.length === 0;\n\n  return (\n    <>\n      <div className=\"lw-flex lw-w-full lw-text-sm lw-tracking-normal lw-text-text-primary\">\n        {!showError && (\n          <Main\n            currencies={currencies}\n            division={division}\n            validInstruments={validInstruments}\n          />\n        )}\n        {showError && (\n          <div\n            className={classnames(\n              'lw-flex lw-h-[250px] lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary'\n            )}\n          >\n            <ChartError />\n          </div>\n        )}\n      </div>\n    </>\n  );\n};\n\nexport { ValidationWrapper };\n"],"mappings":"AAAA,SAASA,gBAAgB,QAAQ,gBAAgB;AACjD,SAASC,UAAU,QAAQ,2BAA2B;AACtD,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,MAAM,OAAO;AAMzB,SAASC,mBAAmB,QAAQ,4BAA4B;AAChE,SAASC,IAAI,QAAQ,QAAQ;AAE7B,SAASC,uBAAuB,EAAEC,eAAe,QAAQ,SAAS;AAElE,MAAMC,iBAAiB,GAAGC,IAAA,IAII;EAAA,IAAAC,qBAAA;EAAA,IAJH;IACzBC,UAAU;IACVC,QAAQ;IACRC;EACsB,CAAC,GAAAJ,IAAA;EACvB,MAAMK,WAAW,GAAGR,uBAAuB,CAACK,UAAU,EAAEC,QAAQ,CAAC;EAEjE,MAAM;IAAEG,IAAI;IAAEC;EAAM,CAAC,GAAGhB,gBAAgB,CAGtCI,mBAAmB,EAAE;IACrBa,SAAS,EAAE;MACTH,WAAW;MACXF;IACF,CAAC;IACDM,WAAW,EAAE,cAAc;IAC3BC,WAAW,EAAE;EACf,CAAC,CAAC;EAEF,MAAMC,gBAAgB,GAAGL,IAAI,aAAJA,IAAI,gBAAAL,qBAAA,GAAJK,IAAI,CAAEM,4BAA4B,cAAAX,qBAAA,uBAAlCA,qBAAA,CAAoCY,GAAG,CAC7DC,UAAU,IAAKA,UAAU,CAACC,IAC7B,CAAC;EACD,MAAMC,SAAS,GACb,CAAClB,eAAe,CAACI,UAAU,CAAC,IAC5BE,YAAY,IACZG,KAAK,IACL,CAACI,gBAAgB,IACjBA,gBAAgB,CAACM,MAAM,KAAK,CAAC;EAE/B,OACEvB,KAAA,CAAAwB,aAAA,CAAAxB,KAAA,CAAAyB,QAAA,QACEzB,KAAA,CAAAwB,aAAA;IAAKE,SAAS,EAAC;EAAsE,GAClF,CAACJ,SAAS,IACTtB,KAAA,CAAAwB,aAAA,CAACtB,IAAI;IACHM,UAAU,EAAEA,UAAW;IACvBC,QAAQ,EAAEA,QAAS;IACnBQ,gBAAgB,EAAEA;EAAiB,CACpC,CACF,EACAK,SAAS,IACRtB,KAAA,CAAAwB,aAAA;IACEE,SAAS,EAAE3B,UAAU,CACnB,mGACF;EAAE,GAEFC,KAAA,CAAAwB,aAAA,CAAC1B,UAAU,MAAE,CACV,CAEJ,CACL,CAAC;AAEP,CAAC;AAED,SAASO,iBAAiB","ignoreList":[]}

package/dist/module/CurrencyCrossTableWidget/components/Cell.js

@@ -1,5 +1,5 @@
-import React from 'react';
 import classnames from 'classnames';
+import React from 'react';
 import { CELL_EMPTY_VALUE, CELL_LOADING_VALUE } from '../constant';
 const Cell = _ref => {
   let {

package/dist/module/CurrencyCrossTableWidget/components/Cell.js.map

@@ -1 +1 @@
-{"version":3,"file":"Cell.js","names":["React","classnames","CELL_EMPTY_VALUE","CELL_LOADING_VALUE","Cell","_ref","children","isError","isLoading","hovered","mouseEnterHandler","mouseLeaveHandler","createElement","className","onMouseEnter","onMouseLeave"],"sources":["../../../../src/CurrencyCrossTableWidget/components/Cell.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport { CellProps } from './types';\nimport { CELL_EMPTY_VALUE, CELL_LOADING_VALUE } from '../constant';\n\nconst Cell = ({\n  children,\n  isError,\n  isLoading,\n  hovered,\n  mouseEnterHandler,\n  mouseLeaveHandler,\n}: CellProps) => (\n  <div\n    className={classnames('lw-flex lw-h-11 lw-min-w-[70px] lw-flex-1 lw-items-center lw-justify-center lw-border-b lw-border-r lw-border-solid lw-border-border-primary last:lw-border-r-[0px]', {\n      'lw-bg-border-primary lw-font-semibold lw-shadow-innerBorderBgColor': hovered,\n    })}\n    onMouseEnter={mouseEnterHandler}\n    onMouseLeave={mouseLeaveHandler}\n  >\n    {isLoading && <div className=\"lw-px-3 lw-py-3.5\">{CELL_LOADING_VALUE}</div>}\n    {!isLoading && !isError && children}\n    {!isLoading && isError && (\n      <span>{CELL_EMPTY_VALUE}</span>\n    )}\n  </div>\n);\n\nexport { Cell };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,gBAAgB,EAAEC,kBAAkB,QAAQ,aAAa;AAElE,MAAMC,IAAI,GAAGC,IAAA;EAAA,IAAC;IACZC,QAAQ;IACRC,OAAO;IACPC,SAAS;IACTC,OAAO;IACPC,iBAAiB;IACjBC;EACS,CAAC,GAAAN,IAAA;EAAA,OACVL,KAAA,CAAAY,aAAA;IACEC,SAAS,EAAEZ,UAAU,CAAC,qKAAqK,EAAE;MAC3L,oEAAoE,EAAEQ;IACxE,CAAC,CAAE;IACHK,YAAY,EAAEJ,iBAAkB;IAChCK,YAAY,EAAEJ;EAAkB,GAE/BH,SAAS,IAAIR,KAAA,CAAAY,aAAA;IAAKC,SAAS,EAAC;EAAmB,GAAEV,kBAAwB,CAAC,EAC1E,CAACK,SAAS,IAAI,CAACD,OAAO,IAAID,QAAQ,EAClC,CAACE,SAAS,IAAID,OAAO,IACpBP,KAAA,CAAAY,aAAA,eAAOV,gBAAuB,CAE7B,CAAC;AAAA,CACP;AAED,SAASE,IAAI","ignoreList":[]}
+{"version":3,"file":"Cell.js","names":["classnames","React","CELL_EMPTY_VALUE","CELL_LOADING_VALUE","Cell","_ref","children","isError","isLoading","hovered","mouseEnterHandler","mouseLeaveHandler","createElement","className","onMouseEnter","onMouseLeave"],"sources":["../../../../src/CurrencyCrossTableWidget/components/Cell.tsx"],"sourcesContent":["import classnames from 'classnames';\nimport React from 'react';\n\nimport { CELL_EMPTY_VALUE, CELL_LOADING_VALUE } from '../constant';\nimport type { CellProps } from './types';\n\nconst Cell = ({\n  children,\n  isError,\n  isLoading,\n  hovered,\n  mouseEnterHandler,\n  mouseLeaveHandler,\n}: CellProps) => (\n  <div\n    className={classnames(\n      'lw-flex lw-h-11 lw-min-w-[70px] lw-flex-1 lw-items-center lw-justify-center lw-border-b lw-border-r lw-border-solid lw-border-border-primary last:lw-border-r-[0px]',\n      {\n        'lw-bg-border-primary lw-font-semibold lw-shadow-innerBorderBgColor':\n          hovered,\n      }\n    )}\n    onMouseEnter={mouseEnterHandler}\n    onMouseLeave={mouseLeaveHandler}\n  >\n    {isLoading && <div className=\"lw-px-3 lw-py-3.5\">{CELL_LOADING_VALUE}</div>}\n    {!isLoading && !isError && children}\n    {!isLoading && isError && <span>{CELL_EMPTY_VALUE}</span>}\n  </div>\n);\n\nexport { Cell };\n"],"mappings":"AAAA,OAAOA,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,MAAM,OAAO;AAEzB,SAASC,gBAAgB,EAAEC,kBAAkB,QAAQ,aAAa;AAGlE,MAAMC,IAAI,GAAGC,IAAA;EAAA,IAAC;IACZC,QAAQ;IACRC,OAAO;IACPC,SAAS;IACTC,OAAO;IACPC,iBAAiB;IACjBC;EACS,CAAC,GAAAN,IAAA;EAAA,OACVJ,KAAA,CAAAW,aAAA;IACEC,SAAS,EAAEb,UAAU,CACnB,qKAAqK,EACrK;MACE,oEAAoE,EAClES;IACJ,CACF,CAAE;IACFK,YAAY,EAAEJ,iBAAkB;IAChCK,YAAY,EAAEJ;EAAkB,GAE/BH,SAAS,IAAIP,KAAA,CAAAW,aAAA;IAAKC,SAAS,EAAC;EAAmB,GAAEV,kBAAwB,CAAC,EAC1E,CAACK,SAAS,IAAI,CAACD,OAAO,IAAID,QAAQ,EAClC,CAACE,SAAS,IAAID,OAAO,IAAIN,KAAA,CAAAW,aAAA,eAAOV,gBAAuB,CACrD,CAAC;AAAA,CACP;AAED,SAASE,IAAI","ignoreList":[]}

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

@@ -1,7 +1,7 @@
-import React, { useState } from 'react';
 import { Price, useLiveRatesMessage } from '@oanda/labs-widget-common';
-import { Cell } from './Cell';
+import React, { useState } from 'react';
 import { divisionMapper, getBuyPrice, getPriceMovement } from '../utils';
+import { Cell } from './Cell';
 const CellWithData = _ref => {
   let {
     currency,
@@ -13,20 +13,20 @@ const CellWithData = _ref => {
     setSelectedPair
   } = _ref;
   const [hovered, setHovered] = useState(false);
-  const instrument = `${currency}${divisionMapper(division)}${pair}`;
-  const instrumentForUpdates = isValid ? instrument : `${pair}${divisionMapper(division)}${currency}`;
+  const instrument = "".concat(currency).concat(divisionMapper(division)).concat(pair);
+  const instrumentForUpdates = isValid ? instrument : "".concat(pair).concat(divisionMapper(division)).concat(currency);
   const {
     update,
     error: liveRatesError
   } = useLiveRatesMessage(instrumentForUpdates, target);
   const updatedRecord = {
-    displayName: `${currency}/${pair}`,
+    displayName: "".concat(currency, "/").concat(pair),
     instrument,
-    buy: update?.ask,
-    buyPriceMovement: update?.askPriceMovement,
-    displayPrecision: currency === 'JPY' && !isValid ? 6 : update?.displayPrecision
+    buy: update === null || update === void 0 ? void 0 : update.ask,
+    buyPriceMovement: update === null || update === void 0 ? void 0 : update.askPriceMovement,
+    displayPrecision: currency === 'JPY' && !isValid ? 6 : update === null || update === void 0 ? void 0 : update.displayPrecision
   };
-  const checkLoading = id => !liveRatesError && updatedRecord?.[id] === undefined;
+  const checkLoading = () => !liveRatesError && updatedRecord.buy === undefined;
   const handleMouseEnter = () => {
     setHovered(true);
     setSelectedCurrency(currency);
@@ -38,14 +38,14 @@ const CellWithData = _ref => {
     setSelectedPair('');
   };
   return React.createElement(Cell, {
-    isLoading: checkLoading('buy'),
-    isError: !!liveRatesError,
     hovered: hovered,
+    isError: !!liveRatesError,
+    isLoading: checkLoading(),
     mouseEnterHandler: handleMouseEnter,
     mouseLeaveHandler: handleMouseLeave
   }, React.createElement(Price, {
-    priceMovement: getPriceMovement(updatedRecord.buyPriceMovement, !isValid),
-    movementIndicator: "background"
+    movementIndicator: "background",
+    priceMovement: getPriceMovement(updatedRecord.buyPriceMovement, !isValid)
   }, React.createElement("span", null, getBuyPrice(updatedRecord.buy, !isValid).toFixed(updatedRecord.displayPrecision))));
 };
 export { CellWithData };

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

@@ -1 +1 @@
-{"version":3,"file":"CellWithData.js","names":["React","useState","Price","useLiveRatesMessage","Cell","divisionMapper","getBuyPrice","getPriceMovement","CellWithData","_ref","currency","pair","isValid","target","division","setSelectedCurrency","setSelectedPair","hovered","setHovered","instrument","instrumentForUpdates","update","error","liveRatesError","updatedRecord","displayName","buy","ask","buyPriceMovement","askPriceMovement","displayPrecision","checkLoading","id","undefined","handleMouseEnter","handleMouseLeave","createElement","isLoading","isError","mouseEnterHandler","mouseLeaveHandler","priceMovement","movementIndicator","toFixed"],"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 { divisionMapper, getBuyPrice, getPriceMovement } from '../utils';\n\nconst CellWithData = ({\n  currency,\n  pair,\n  isValid,\n  target,\n  division,\n  setSelectedCurrency,\n  setSelectedPair,\n}: CellWithDataProps) => {\n  const [hovered, setHovered] = useState(false);\n\n  const instrument = `${currency}${divisionMapper(division)}${pair}`;\n  const instrumentForUpdates = isValid ? instrument : `${pair}${divisionMapper(division)}${currency}`;\n\n  const { update, error: liveRatesError } = useLiveRatesMessage(\n    instrumentForUpdates,\n    target,\n  );\n\n  const updatedRecord: Record<string, any> = {\n    displayName: `${currency}/${pair}`,\n    instrument,\n    buy: update?.ask,\n    buyPriceMovement: update?.askPriceMovement,\n    displayPrecision: currency === 'JPY' && !isValid ? 6 : 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      hovered={hovered}\n      mouseEnterHandler={handleMouseEnter}\n      mouseLeaveHandler={handleMouseLeave}\n    >\n      <Price priceMovement={getPriceMovement(updatedRecord.buyPriceMovement, !isValid)} movementIndicator=\"background\">\n        <span>\n          {getBuyPrice(\n            updatedRecord.buy,\n            !isValid,\n          ).toFixed(updatedRecord.displayPrecision)}\n        </span>\n      </Price>\n    </Cell>\n  );\n};\n\nexport { CellWithData };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,KAAK,EAAEC,mBAAmB,QAAQ,2BAA2B;AACtE,SAASC,IAAI,QAAQ,QAAQ;AAE7B,SAASC,cAAc,EAAEC,WAAW,EAAEC,gBAAgB,QAAQ,UAAU;AAExE,MAAMC,YAAY,GAAGC,IAAA,IAQI;EAAA,IARH;IACpBC,QAAQ;IACRC,IAAI;IACJC,OAAO;IACPC,MAAM;IACNC,QAAQ;IACRC,mBAAmB;IACnBC;EACiB,CAAC,GAAAP,IAAA;EAClB,MAAM,CAACQ,OAAO,EAAEC,UAAU,CAAC,GAAGjB,QAAQ,CAAC,KAAK,CAAC;EAE7C,MAAMkB,UAAU,GAAG,GAAGT,QAAQ,GAAGL,cAAc,CAACS,QAAQ,CAAC,GAAGH,IAAI,EAAE;EAClE,MAAMS,oBAAoB,GAAGR,OAAO,GAAGO,UAAU,GAAG,GAAGR,IAAI,GAAGN,cAAc,CAACS,QAAQ,CAAC,GAAGJ,QAAQ,EAAE;EAEnG,MAAM;IAAEW,MAAM;IAAEC,KAAK,EAAEC;EAAe,CAAC,GAAGpB,mBAAmB,CAC3DiB,oBAAoB,EACpBP,MACF,CAAC;EAED,MAAMW,aAAkC,GAAG;IACzCC,WAAW,EAAE,GAAGf,QAAQ,IAAIC,IAAI,EAAE;IAClCQ,UAAU;IACVO,GAAG,EAAEL,MAAM,EAAEM,GAAG;IAChBC,gBAAgB,EAAEP,MAAM,EAAEQ,gBAAgB;IAC1CC,gBAAgB,EAAEpB,QAAQ,KAAK,KAAK,IAAI,CAACE,OAAO,GAAG,CAAC,GAAGS,MAAM,EAAES;EACjE,CAAC;EAED,MAAMC,YAAY,GAAIC,EAAU,IAAM,CAACT,cAAc,IAAIC,aAAa,GAAGQ,EAAE,CAAC,KAAKC,SAAU;EAE3F,MAAMC,gBAAgB,GAAGA,CAAA,KAAM;IAC7BhB,UAAU,CAAC,IAAI,CAAC;IAChBH,mBAAmB,CAACL,QAAQ,CAAC;IAC7BM,eAAe,CAACL,IAAI,CAAC;EACvB,CAAC;EAED,MAAMwB,gBAAgB,GAAGA,CAAA,KAAM;IAC7BjB,UAAU,CAAC,KAAK,CAAC;IACjBH,mBAAmB,CAAC,EAAE,CAAC;IACvBC,eAAe,CAAC,EAAE,CAAC;EACrB,CAAC;EAED,OACEhB,KAAA,CAAAoC,aAAA,CAAChC,IAAI;IACHiC,SAAS,EAAEN,YAAY,CAAC,KAAK,CAAE;IAC/BO,OAAO,EAAE,CAAC,CAACf,cAAe;IAC1BN,OAAO,EAAEA,OAAQ;IACjBsB,iBAAiB,EAAEL,gBAAiB;IACpCM,iBAAiB,EAAEL;EAAiB,GAEpCnC,KAAA,CAAAoC,aAAA,CAAClC,KAAK;IAACuC,aAAa,EAAElC,gBAAgB,CAACiB,aAAa,CAACI,gBAAgB,EAAE,CAAChB,OAAO,CAAE;IAAC8B,iBAAiB,EAAC;EAAY,GAC9G1C,KAAA,CAAAoC,aAAA,eACG9B,WAAW,CACVkB,aAAa,CAACE,GAAG,EACjB,CAACd,OACH,CAAC,CAAC+B,OAAO,CAACnB,aAAa,CAACM,gBAAgB,CACpC,CACD,CACH,CAAC;AAEX,CAAC;AAED,SAAStB,YAAY","ignoreList":[]}
+{"version":3,"file":"CellWithData.js","names":["Price","useLiveRatesMessage","React","useState","divisionMapper","getBuyPrice","getPriceMovement","Cell","CellWithData","_ref","currency","pair","isValid","target","division","setSelectedCurrency","setSelectedPair","hovered","setHovered","instrument","concat","instrumentForUpdates","update","error","liveRatesError","updatedRecord","displayName","buy","ask","buyPriceMovement","askPriceMovement","displayPrecision","checkLoading","undefined","handleMouseEnter","handleMouseLeave","createElement","isError","isLoading","mouseEnterHandler","mouseLeaveHandler","movementIndicator","priceMovement","toFixed"],"sources":["../../../../src/CurrencyCrossTableWidget/components/CellWithData.tsx"],"sourcesContent":["import { Price, useLiveRatesMessage } from '@oanda/labs-widget-common';\nimport React, { useState } from 'react';\n\nimport { divisionMapper, getBuyPrice, getPriceMovement } from '../utils';\nimport { Cell } from './Cell';\nimport type { CellWithDataProps } from './types';\n\nconst CellWithData = ({\n  currency,\n  pair,\n  isValid,\n  target,\n  division,\n  setSelectedCurrency,\n  setSelectedPair,\n}: CellWithDataProps) => {\n  const [hovered, setHovered] = useState(false);\n\n  const instrument = `${currency}${divisionMapper(division)}${pair}`;\n  const instrumentForUpdates = isValid\n    ? instrument\n    : `${pair}${divisionMapper(division)}${currency}`;\n\n  const { update, error: liveRatesError } = useLiveRatesMessage(\n    instrumentForUpdates,\n    target\n  );\n\n  const updatedRecord = {\n    displayName: `${currency}/${pair}`,\n    instrument,\n    buy: update?.ask,\n    buyPriceMovement: update?.askPriceMovement,\n    displayPrecision:\n      currency === 'JPY' && !isValid ? 6 : update?.displayPrecision,\n  };\n\n  const checkLoading = () => !liveRatesError && updatedRecord.buy === 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      hovered={hovered}\n      isError={!!liveRatesError}\n      isLoading={checkLoading()}\n      mouseEnterHandler={handleMouseEnter}\n      mouseLeaveHandler={handleMouseLeave}\n    >\n      <Price\n        movementIndicator=\"background\"\n        priceMovement={getPriceMovement(\n          updatedRecord.buyPriceMovement,\n          !isValid\n        )}\n      >\n        <span>\n          {getBuyPrice(updatedRecord.buy, !isValid).toFixed(\n            updatedRecord.displayPrecision\n          )}\n        </span>\n      </Price>\n    </Cell>\n  );\n};\n\nexport { CellWithData };\n"],"mappings":"AAAA,SAASA,KAAK,EAAEC,mBAAmB,QAAQ,2BAA2B;AACtE,OAAOC,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AAEvC,SAASC,cAAc,EAAEC,WAAW,EAAEC,gBAAgB,QAAQ,UAAU;AACxE,SAASC,IAAI,QAAQ,QAAQ;AAG7B,MAAMC,YAAY,GAAGC,IAAA,IAQI;EAAA,IARH;IACpBC,QAAQ;IACRC,IAAI;IACJC,OAAO;IACPC,MAAM;IACNC,QAAQ;IACRC,mBAAmB;IACnBC;EACiB,CAAC,GAAAP,IAAA;EAClB,MAAM,CAACQ,OAAO,EAAEC,UAAU,CAAC,GAAGf,QAAQ,CAAC,KAAK,CAAC;EAE7C,MAAMgB,UAAU,MAAAC,MAAA,CAAMV,QAAQ,EAAAU,MAAA,CAAGhB,cAAc,CAACU,QAAQ,CAAC,EAAAM,MAAA,CAAGT,IAAI,CAAE;EAClE,MAAMU,oBAAoB,GAAGT,OAAO,GAChCO,UAAU,MAAAC,MAAA,CACPT,IAAI,EAAAS,MAAA,CAAGhB,cAAc,CAACU,QAAQ,CAAC,EAAAM,MAAA,CAAGV,QAAQ,CAAE;EAEnD,MAAM;IAAEY,MAAM;IAAEC,KAAK,EAAEC;EAAe,CAAC,GAAGvB,mBAAmB,CAC3DoB,oBAAoB,EACpBR,MACF,CAAC;EAED,MAAMY,aAAa,GAAG;IACpBC,WAAW,KAAAN,MAAA,CAAKV,QAAQ,OAAAU,MAAA,CAAIT,IAAI,CAAE;IAClCQ,UAAU;IACVQ,GAAG,EAAEL,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEM,GAAG;IAChBC,gBAAgB,EAAEP,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEQ,gBAAgB;IAC1CC,gBAAgB,EACdrB,QAAQ,KAAK,KAAK,IAAI,CAACE,OAAO,GAAG,CAAC,GAAGU,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAES;EACjD,CAAC;EAED,MAAMC,YAAY,GAAGA,CAAA,KAAM,CAACR,cAAc,IAAIC,aAAa,CAACE,GAAG,KAAKM,SAAS;EAE7E,MAAMC,gBAAgB,GAAGA,CAAA,KAAM;IAC7BhB,UAAU,CAAC,IAAI,CAAC;IAChBH,mBAAmB,CAACL,QAAQ,CAAC;IAC7BM,eAAe,CAACL,IAAI,CAAC;EACvB,CAAC;EAED,MAAMwB,gBAAgB,GAAGA,CAAA,KAAM;IAC7BjB,UAAU,CAAC,KAAK,CAAC;IACjBH,mBAAmB,CAAC,EAAE,CAAC;IACvBC,eAAe,CAAC,EAAE,CAAC;EACrB,CAAC;EAED,OACEd,KAAA,CAAAkC,aAAA,CAAC7B,IAAI;IACHU,OAAO,EAAEA,OAAQ;IACjBoB,OAAO,EAAE,CAAC,CAACb,cAAe;IAC1Bc,SAAS,EAAEN,YAAY,CAAC,CAAE;IAC1BO,iBAAiB,EAAEL,gBAAiB;IACpCM,iBAAiB,EAAEL;EAAiB,GAEpCjC,KAAA,CAAAkC,aAAA,CAACpC,KAAK;IACJyC,iBAAiB,EAAC,YAAY;IAC9BC,aAAa,EAAEpC,gBAAgB,CAC7BmB,aAAa,CAACI,gBAAgB,EAC9B,CAACjB,OACH;EAAE,GAEFV,KAAA,CAAAkC,aAAA,eACG/B,WAAW,CAACoB,aAAa,CAACE,GAAG,EAAE,CAACf,OAAO,CAAC,CAAC+B,OAAO,CAC/ClB,aAAa,CAACM,gBAChB,CACI,CACD,CACH,CAAC;AAEX,CAAC;AAED,SAASvB,YAAY","ignoreList":[]}

package/dist/module/CurrencyCrossTableWidget/components/TextCell.js

@@ -1,5 +1,5 @@
-import React from 'react';
 import classnames from 'classnames';
+import React from 'react';
 const TextCell = _ref => {
   let {
     label,

package/dist/module/CurrencyCrossTableWidget/components/TextCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextCell.js","names":["React","classnames","TextCell","_ref","label","emptyIndicator","hovered","sticky","createElement","className"],"sources":["../../../../src/CurrencyCrossTableWidget/components/TextCell.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport { TextCellProps } from './types';\n\nconst TextCell = ({\n  label,\n  emptyIndicator,\n  hovered,\n  sticky,\n}: TextCellProps) => (\n  <span className={classnames('lw-h-11 lw-min-w-[70px] lw-flex-1 lw-border-b lw-border-r lw-border-solid lw-border-border-primary lw-py-3.5 lw-text-center last:lw-border-r-[0px]', {\n    'lw-bg-border-primary': emptyIndicator,\n    'lw-shadow-innerBorderBgColor': emptyIndicator && hovered,\n    'lw-bg-border-primary lw-font-semibold': hovered,\n    'lw-sticky lw-left-0 lw-z-10': sticky,\n    'lw-bg-bg-primary': sticky && !hovered,\n  })}\n  >\n    {label}\n  </span>\n);\n\nexport { TextCell };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AAGnC,MAAMC,QAAQ,GAAGC,IAAA;EAAA,IAAC;IAChBC,KAAK;IACLC,cAAc;IACdC,OAAO;IACPC;EACa,CAAC,GAAAJ,IAAA;EAAA,OACdH,KAAA,CAAAQ,aAAA;IAAMC,SAAS,EAAER,UAAU,CAAC,oJAAoJ,EAAE;MAChL,sBAAsB,EAAEI,cAAc;MACtC,8BAA8B,EAAEA,cAAc,IAAIC,OAAO;MACzD,uCAAuC,EAAEA,OAAO;MAChD,6BAA6B,EAAEC,MAAM;MACrC,kBAAkB,EAAEA,MAAM,IAAI,CAACD;IACjC,CAAC;EAAE,GAEAF,KACG,CAAC;AAAA,CACR;AAED,SAASF,QAAQ","ignoreList":[]}
+{"version":3,"file":"TextCell.js","names":["classnames","React","TextCell","_ref","label","emptyIndicator","hovered","sticky","createElement","className"],"sources":["../../../../src/CurrencyCrossTableWidget/components/TextCell.tsx"],"sourcesContent":["import classnames from 'classnames';\nimport React from 'react';\n\nimport type { TextCellProps } from './types';\n\nconst TextCell = ({\n  label,\n  emptyIndicator,\n  hovered,\n  sticky,\n}: TextCellProps) => (\n  <span\n    className={classnames(\n      'lw-h-11 lw-min-w-[70px] lw-flex-1 lw-border-b lw-border-r lw-border-solid lw-border-border-primary lw-py-3.5 lw-text-center last:lw-border-r-[0px]',\n      {\n        'lw-bg-border-primary': emptyIndicator,\n        'lw-shadow-innerBorderBgColor': emptyIndicator && hovered,\n        'lw-bg-border-primary lw-font-semibold': hovered,\n        'lw-sticky lw-left-0 lw-z-10': sticky,\n        'lw-bg-bg-primary': sticky && !hovered,\n      }\n    )}\n  >\n    {label}\n  </span>\n);\n\nexport { TextCell };\n"],"mappings":"AAAA,OAAOA,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,MAAM,OAAO;AAIzB,MAAMC,QAAQ,GAAGC,IAAA;EAAA,IAAC;IAChBC,KAAK;IACLC,cAAc;IACdC,OAAO;IACPC;EACa,CAAC,GAAAJ,IAAA;EAAA,OACdF,KAAA,CAAAO,aAAA;IACEC,SAAS,EAAET,UAAU,CACnB,oJAAoJ,EACpJ;MACE,sBAAsB,EAAEK,cAAc;MACtC,8BAA8B,EAAEA,cAAc,IAAIC,OAAO;MACzD,uCAAuC,EAAEA,OAAO;MAChD,6BAA6B,EAAEC,MAAM;MACrC,kBAAkB,EAAEA,MAAM,IAAI,CAACD;IACjC,CACF;EAAE,GAEDF,KACG,CAAC;AAAA,CACR;AAED,SAASF,QAAQ","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../../src/CurrencyCrossTableWidget/components/types.ts"],"sourcesContent":["import { LoaderSize } from '@oanda/labs-widget-common';\nimport { Division } from '../../gql/types/graphql';\n\nexport interface CellWithDataProps {\n  currency: string;\n  pair: string;\n  isValid: boolean;\n  target: EventTarget | null;\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  hovered: boolean;\n  mouseEnterHandler: () => void;\n  mouseLeaveHandler: () => void;\n}\n\nexport interface TextCellProps {\n  label?: string;\n  emptyIndicator?: boolean;\n  hovered?: boolean;\n  sticky?: boolean;\n}\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../src/CurrencyCrossTableWidget/components/types.ts"],"sourcesContent":["import type { LoaderSize } from '@oanda/labs-widget-common';\n\nimport type { Division } from '../../gql/types/graphql';\n\nexport interface CellWithDataProps {\n  currency: string;\n  pair: string;\n  isValid: boolean;\n  target: EventTarget | null;\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  hovered: boolean;\n  mouseEnterHandler: () => void;\n  mouseLeaveHandler: () => void;\n}\n\nexport interface TextCellProps {\n  label?: string;\n  emptyIndicator?: boolean;\n  hovered?: boolean;\n  sticky?: boolean;\n}\n"],"mappings":"","ignoreList":[]}

package/dist/module/CurrencyCrossTableWidget/constant.js

@@ -2,5 +2,5 @@ const MAJOR_CURRENCIES = ['EUR', 'USD', 'JPY', 'GBP', 'CHF', 'AUD', 'CAD', 'NZD'
 const INSTRUMENT_TOOLTIP_ID = 'instrument_tooltip_id';
 const CELL_LOADING_VALUE = '...';
 const CELL_EMPTY_VALUE = '\u2014';
-export { MAJOR_CURRENCIES, INSTRUMENT_TOOLTIP_ID, CELL_LOADING_VALUE, CELL_EMPTY_VALUE };
+export { CELL_EMPTY_VALUE, CELL_LOADING_VALUE, INSTRUMENT_TOOLTIP_ID, MAJOR_CURRENCIES };
 //# sourceMappingURL=constant.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"constant.js","names":["MAJOR_CURRENCIES","INSTRUMENT_TOOLTIP_ID","CELL_LOADING_VALUE","CELL_EMPTY_VALUE"],"sources":["../../../src/CurrencyCrossTableWidget/constant.ts"],"sourcesContent":["const MAJOR_CURRENCIES = ['EUR', 'USD', 'JPY', 'GBP', 'CHF', 'AUD', 'CAD', 'NZD'];\n\nconst INSTRUMENT_TOOLTIP_ID = 'instrument_tooltip_id';\n\nconst CELL_LOADING_VALUE = '...';\n\nconst CELL_EMPTY_VALUE = '\\u2014';\n\nexport {\n  MAJOR_CURRENCIES,\n  INSTRUMENT_TOOLTIP_ID,\n  CELL_LOADING_VALUE,\n  CELL_EMPTY_VALUE,\n};\n"],"mappings":"AAAA,MAAMA,gBAAgB,GAAG,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC;AAEjF,MAAMC,qBAAqB,GAAG,uBAAuB;AAErD,MAAMC,kBAAkB,GAAG,KAAK;AAEhC,MAAMC,gBAAgB,GAAG,QAAQ;AAEjC,SACEH,gBAAgB,EAChBC,qBAAqB,EACrBC,kBAAkB,EAClBC,gBAAgB","ignoreList":[]}
+{"version":3,"file":"constant.js","names":["MAJOR_CURRENCIES","INSTRUMENT_TOOLTIP_ID","CELL_LOADING_VALUE","CELL_EMPTY_VALUE"],"sources":["../../../src/CurrencyCrossTableWidget/constant.ts"],"sourcesContent":["const MAJOR_CURRENCIES = [\n  'EUR',\n  'USD',\n  'JPY',\n  'GBP',\n  'CHF',\n  'AUD',\n  'CAD',\n  'NZD',\n];\n\nconst INSTRUMENT_TOOLTIP_ID = 'instrument_tooltip_id';\n\nconst CELL_LOADING_VALUE = '...';\n\nconst CELL_EMPTY_VALUE = '\\u2014';\n\nexport {\n  CELL_EMPTY_VALUE,\n  CELL_LOADING_VALUE,\n  INSTRUMENT_TOOLTIP_ID,\n  MAJOR_CURRENCIES,\n};\n"],"mappings":"AAAA,MAAMA,gBAAgB,GAAG,CACvB,KAAK,EACL,KAAK,EACL,KAAK,EACL,KAAK,EACL,KAAK,EACL,KAAK,EACL,KAAK,EACL,KAAK,CACN;AAED,MAAMC,qBAAqB,GAAG,uBAAuB;AAErD,MAAMC,kBAAkB,GAAG,KAAK;AAEhC,MAAMC,gBAAgB,GAAG,QAAQ;AAEjC,SACEA,gBAAgB,EAChBD,kBAAkB,EAClBD,qBAAqB,EACrBD,gBAAgB","ignoreList":[]}

package/dist/module/CurrencyCrossTableWidget/index.js

@@ -1,3 +1,3 @@
-export * from './types';
 export * from './CurrencyCrossTableWidget';
+export * from './types';
 //# sourceMappingURL=index.js.map

package/dist/module/CurrencyCrossTableWidget/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/CurrencyCrossTableWidget/index.ts"],"sourcesContent":["export * from './types';\nexport * from './CurrencyCrossTableWidget';\n"],"mappings":"AAAA,cAAc,SAAS;AACvB,cAAc,4BAA4B","ignoreList":[]}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/CurrencyCrossTableWidget/index.ts"],"sourcesContent":["export * from './CurrencyCrossTableWidget';\nexport * from './types';\n"],"mappings":"AAAA,cAAc,4BAA4B;AAC1C,cAAc,SAAS","ignoreList":[]}

package/dist/module/CurrencyCrossTableWidget/render.js

@@ -1,8 +1,8 @@
+import { validateLocale, validateToolParams } from '@oanda/labs-widget-common';
 import React from 'react';
 import { createRoot } from 'react-dom/client';
-import { validateLocale, validateToolParams } from '@oanda/labs-widget-common';
-import { CurrencyCrossTableWidget } from './CurrencyCrossTableWidget';
 import { Division } from '../gql/types/graphql';
+import { CurrencyCrossTableWidget } from './CurrencyCrossTableWidget';
 const {
   graphqlUrl,
   liveRatesUrl
@@ -38,13 +38,13 @@ currencyCrossTableElements.forEach(element => {
     name: 'liveRatesUrl'
   }]);
   root.render(React.createElement(CurrencyCrossTableWidget, {
+    currencies: currencies,
+    division: division,
     graphqlUrl: graphqlUrl,
+    isParamError: isParamError,
     liveRatesUrl: liveRatesUrl,
-    division: division,
-    currencies: currencies,
     locale: locale,
-    theme: mode,
-    isParamError: isParamError
+    theme: mode
   }));
 });
 //# sourceMappingURL=render.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"render.js","names":["React","createRoot","validateLocale","validateToolParams","CurrencyCrossTableWidget","Division","graphqlUrl","liveRatesUrl","window","widgetsConfig","currencyCrossTableElements","document","querySelectorAll","forEach","element","root","params","getAttribute","mode","currencies","division","locale","JSON","parse","isParamError","name","valueCheck","value","Object","values","includes","length","render","createElement","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,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;EACxB,CAAC,GAAGC,IAAI,CAACC,KAAK,CAACP,MAAgB,CAAC;EAEhC,MAAMQ,YAAY,GAAGrB,kBAAkB,CAAC;IACtCiB,QAAQ;IAAEC,MAAM;IAAEF,UAAU;IAAEb,UAAU;IAAEC;EAC5C,CAAC,EAAE,CAAC;IACFkB,IAAI,EAAE,QAAQ;IACdC,UAAU,EAAGC,KAAK,IAAKzB,cAAc,CAACyB,KAAK;EAC7C,CAAC,EAAE;IACDF,IAAI,EAAE,UAAU;IAChBC,UAAU,EAAGC,KAAK,IAAKC,MAAM,CAACC,MAAM,CAACxB,QAAQ,CAAC,CAACyB,QAAQ,CAACH,KAAK;EAC/D,CAAC,EAAE;IACDF,IAAI,EAAE,YAAY;IAClBC,UAAU,EAAGC,KAAK,IAAMA,KAAK,CAAcI,MAAM,GAAG,CAAC,IAAKJ,KAAK,CAAcI,MAAM,IAAI;EACzF,CAAC,EAAE;IACDN,IAAI,EAAE;EACR,CAAC,EAAE;IACDA,IAAI,EAAE;EACR,CAAC,CAAC,CAAC;EAEHV,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;IACrBM,YAAY,EAAEA;EAAa,CAC5B,CACH,CAAC;AACH,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"render.js","names":["validateLocale","validateToolParams","React","createRoot","Division","CurrencyCrossTableWidget","graphqlUrl","liveRatesUrl","window","widgetsConfig","currencyCrossTableElements","document","querySelectorAll","forEach","element","root","params","getAttribute","mode","currencies","division","locale","JSON","parse","isParamError","name","valueCheck","value","Object","values","includes","length","render","createElement","theme"],"sources":["../../../src/CurrencyCrossTableWidget/render.tsx"],"sourcesContent":["import type { Theme } from '@oanda/labs-widget-common';\nimport { validateLocale, validateToolParams } from '@oanda/labs-widget-common';\nimport React from 'react';\nimport { createRoot } from 'react-dom/client';\n\nimport { Division } from '../gql/types/graphql';\nimport { CurrencyCrossTableWidget } from './CurrencyCrossTableWidget';\n\nconst { graphqlUrl, liveRatesUrl } = window.widgetsConfig || {};\n\nconst currencyCrossTableElements = document.querySelectorAll(\n  'div[data-currency-cross-table-params]'\n);\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 { currencies, division, locale } = JSON.parse(params as string);\n\n  const isParamError = validateToolParams(\n    {\n      division,\n      locale,\n      currencies,\n      graphqlUrl,\n      liveRatesUrl,\n    },\n    [\n      {\n        name: 'locale',\n        valueCheck: (value: string | undefined) => validateLocale(value),\n      },\n      {\n        name: 'division',\n        valueCheck: (value: Division) =>\n          Object.values(Division).includes(value),\n      },\n      {\n        name: 'currencies',\n        valueCheck: (value) =>\n          (value as string[]).length > 0 && (value as string[]).length <= 8,\n      },\n      {\n        name: 'graphqlUrl',\n      },\n      {\n        name: 'liveRatesUrl',\n      },\n    ]\n  );\n\n  root.render(\n    <CurrencyCrossTableWidget\n      currencies={currencies}\n      division={division}\n      graphqlUrl={graphqlUrl}\n      isParamError={isParamError}\n      liveRatesUrl={liveRatesUrl}\n      locale={locale}\n      theme={mode as Theme}\n    />\n  );\n});\n"],"mappings":"AACA,SAASA,cAAc,EAAEC,kBAAkB,QAAQ,2BAA2B;AAC9E,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,QAAQ,QAAQ,sBAAsB;AAC/C,SAASC,wBAAwB,QAAQ,4BAA4B;AAErE,MAAM;EAAEC,UAAU;EAAEC;AAAa,CAAC,GAAGC,MAAM,CAACC,aAAa,IAAI,CAAC,CAAC;AAE/D,MAAMC,0BAA0B,GAAGC,QAAQ,CAACC,gBAAgB,CAC1D,uCACF,CAAC;AAEDF,0BAA0B,CAACG,OAAO,CAAEC,OAAO,IAAK;EAC9C,MAAMC,IAAI,GAAGZ,UAAU,CAACW,OAAO,CAAC;EAChC,MAAME,MAAM,GAAGF,OAAO,CAACG,YAAY,CAAC,kCAAkC,CAAC;EACvE,MAAMC,IAAI,GAAGJ,OAAO,CAACG,YAAY,CAAC,WAAW,CAAC;EAC9C,MAAM;IAAEE,UAAU;IAAEC,QAAQ;IAAEC;EAAO,CAAC,GAAGC,IAAI,CAACC,KAAK,CAACP,MAAgB,CAAC;EAErE,MAAMQ,YAAY,GAAGvB,kBAAkB,CACrC;IACEmB,QAAQ;IACRC,MAAM;IACNF,UAAU;IACVb,UAAU;IACVC;EACF,CAAC,EACD,CACE;IACEkB,IAAI,EAAE,QAAQ;IACdC,UAAU,EAAGC,KAAyB,IAAK3B,cAAc,CAAC2B,KAAK;EACjE,CAAC,EACD;IACEF,IAAI,EAAE,UAAU;IAChBC,UAAU,EAAGC,KAAe,IAC1BC,MAAM,CAACC,MAAM,CAACzB,QAAQ,CAAC,CAAC0B,QAAQ,CAACH,KAAK;EAC1C,CAAC,EACD;IACEF,IAAI,EAAE,YAAY;IAClBC,UAAU,EAAGC,KAAK,IACfA,KAAK,CAAcI,MAAM,GAAG,CAAC,IAAKJ,KAAK,CAAcI,MAAM,IAAI;EACpE,CAAC,EACD;IACEN,IAAI,EAAE;EACR,CAAC,EACD;IACEA,IAAI,EAAE;EACR,CAAC,CAEL,CAAC;EAEDV,IAAI,CAACiB,MAAM,CACT9B,KAAA,CAAA+B,aAAA,CAAC5B,wBAAwB;IACvBc,UAAU,EAAEA,UAAW;IACvBC,QAAQ,EAAEA,QAAS;IACnBd,UAAU,EAAEA,UAAW;IACvBkB,YAAY,EAAEA,YAAa;IAC3BjB,YAAY,EAAEA,YAAa;IAC3Bc,MAAM,EAAEA,MAAO;IACfa,KAAK,EAAEhB;EAAc,CACtB,CACH,CAAC;AACH,CAAC,CAAC","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["Locale"],"sources":["../../../src/CurrencyCrossTableWidget/types.tsx"],"sourcesContent":["import { WidgetConfig } from '@oanda/labs-widget-common';\nimport { Division } from '../gql/types/graphql';\n\nexport { Locale } from '@oanda/mono-i18n';\n\nexport interface CurrencyCrossTableConfig extends WidgetConfig {\n  division: Division;\n  liveRatesUrl: string;\n  currencies: string[];\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  validInstruments: string[];\n  division: Division;\n}\n"],"mappings":"AAGA,SAASA,MAAM,QAAQ,kBAAkB","ignoreList":[]}
+{"version":3,"file":"types.js","names":["Locale"],"sources":["../../../src/CurrencyCrossTableWidget/types.tsx"],"sourcesContent":["import type { WidgetConfig } from '@oanda/labs-widget-common';\n\nimport type { Division } from '../gql/types/graphql';\n\nexport { Locale } from '@oanda/mono-i18n';\n\nexport interface CurrencyCrossTableConfig extends WidgetConfig {\n  division: Division;\n  liveRatesUrl: string;\n  currencies: string[];\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  validInstruments: string[];\n  division: Division;\n}\n"],"mappings":"AAIA,SAASA,MAAM,QAAQ,kBAAkB","ignoreList":[]}

package/dist/module/CurrencyCrossTableWidget/utils.js

@@ -4,7 +4,7 @@ const divisionMapper = division => division === 'OGM' ? '' : '_';
 const currenciesToInstruments = (currencies, division) => {
   const pairs = currencies.reduce((acc, cV, index, array) => {
     const unique = array.filter((_item, idx) => index !== idx);
-    return [...acc, ...unique.map(el => `${cV}${divisionMapper(division)}${el}`)];
+    return [...acc, ...unique.map(el => "".concat(cV).concat(divisionMapper(division)).concat(el))];
   }, []);
   return pairs;
 };
@@ -16,5 +16,5 @@ const getBuyPrice = (price, isReversed) => {
   if (price === undefined) return 0;
   return isReversed ? 1 / price : price;
 };
-export { validCurrencies, currenciesToInstruments, divisionMapper, getPriceMovement, getBuyPrice };
+export { currenciesToInstruments, divisionMapper, getBuyPrice, getPriceMovement, validCurrencies };
 //# sourceMappingURL=utils.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":["MAJOR_CURRENCIES","validCurrencies","currencies","every","currency","includes","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,SAASA,gBAAgB,QAAQ,YAAY;AAG7C,MAAMC,eAAe,GAAIC,UAAoB,IAAKA,UAAU,CACzDC,KAAK,CAAEC,QAAQ,IAAKJ,gBAAgB,CAACK,QAAQ,CAACD,QAAQ,CAAC,CAAC;AAE3D,MAAME,cAAc,GAAIC,QAAkB,IAAMA,QAAQ,KAAK,KAAK,GAAG,EAAE,GAAG,GAAI;AAE9E,MAAMC,uBAAuB,GAAGA,CAACN,UAAoB,EAAEK,QAAa,KAAK;EACvE,MAAME,KAAK,GAAGP,UAAU,CAACQ,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;AAED,MAAMY,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;AAED,MAAMG,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;AAED,SACEzB,eAAe,EACfO,uBAAuB,EACvBF,cAAc,EACde,gBAAgB,EAChBI,WAAW","ignoreList":[]}
+{"version":3,"file":"utils.js","names":["MAJOR_CURRENCIES","validCurrencies","currencies","every","currency","includes","divisionMapper","division","currenciesToInstruments","pairs","reduce","acc","cV","index","array","unique","filter","_item","idx","map","el","concat","getPriceMovement","priceMovement","isReversed","undefined","getBuyPrice","price"],"sources":["../../../src/CurrencyCrossTableWidget/utils.ts"],"sourcesContent":["import type { Division } from '../gql/types/graphql';\nimport { MAJOR_CURRENCIES } from './constant';\n\nconst validCurrencies = (currencies: string[]) =>\n  currencies.every((currency) => MAJOR_CURRENCIES.includes(currency));\n\nconst divisionMapper = (division: Division) => (division === 'OGM' ? '' : '_');\n\nconst currenciesToInstruments = (currencies: string[], division: Division) => {\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 = (\n  priceMovement: number | undefined,\n  isReversed: boolean\n) => {\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  currenciesToInstruments,\n  divisionMapper,\n  getBuyPrice,\n  getPriceMovement,\n  validCurrencies,\n};\n"],"mappings":"AACA,SAASA,gBAAgB,QAAQ,YAAY;AAE7C,MAAMC,eAAe,GAAIC,UAAoB,IAC3CA,UAAU,CAACC,KAAK,CAAEC,QAAQ,IAAKJ,gBAAgB,CAACK,QAAQ,CAACD,QAAQ,CAAC,CAAC;AAErE,MAAME,cAAc,GAAIC,QAAkB,IAAMA,QAAQ,KAAK,KAAK,GAAG,EAAE,GAAG,GAAI;AAE9E,MAAMC,uBAAuB,GAAGA,CAACN,UAAoB,EAAEK,QAAkB,KAAK;EAC5E,MAAME,KAAK,GAAGP,UAAU,CAACQ,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,OAAAC,MAAA,CAAQT,EAAE,EAAAS,MAAA,CAAGf,cAAc,CAACC,QAAQ,CAAC,EAAAc,MAAA,CAAGD,EAAE,CAAE,CAAC,CAC/D;EACH,CAAC,EAAE,EAAc,CAAC;EAElB,OAAOX,KAAK;AACd,CAAC;AAED,MAAMa,gBAAgB,GAAGA,CACvBC,aAAiC,EACjCC,UAAmB,KAChB;EACH,IAAID,aAAa,KAAKE,SAAS,EAAE,OAAO,CAAC;EAEzC,OAAOD,UAAU,GAAGD,aAAa,GAAG,CAAC,CAAC,GAAGA,aAAa;AACxD,CAAC;AAED,MAAMG,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;AAED,SACEnB,uBAAuB,EACvBF,cAAc,EACdoB,WAAW,EACXJ,gBAAgB,EAChBrB,eAAe","ignoreList":[]}

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

@@ -5,10 +5,11 @@ export function makeFragmentData(data, _fragment) {
   return data;
 }
 export function isFragmentReady(queryNode, fragmentNode, data) {
-  const deferredFields = queryNode.__meta__?.deferredFields;
+  var _meta__, _fragDef$name;
+  const deferredFields = (_meta__ = queryNode.__meta__) === null || _meta__ === void 0 ? void 0 : _meta__.deferredFields;
   if (!deferredFields) return true;
   const fragDef = fragmentNode.definitions[0];
-  const fragName = fragDef?.name?.value;
+  const fragName = fragDef === null || fragDef === void 0 || (_fragDef$name = fragDef.name) === null || _fragDef$name === void 0 ? void 0 : _fragDef$name.value;
   const fields = fragName && deferredFields[fragName] || [];
   return fields.length > 0 && fields.every(field => data && field in data);
 }

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

@@ -1 +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":[]}
+{"version":3,"file":"fragment-masking.js","names":["useFragment","_documentNode","fragmentType","makeFragmentData","data","_fragment","isFragmentReady","queryNode","fragmentNode","_meta__","_fragDef$name","deferredFields","__meta__","fragDef","definitions","fragName","name","value","fields","length","every","field"],"sources":["../../../../src/gql/types/fragment-masking.ts"],"sourcesContent":["import {\n  ResultOf,\n  DocumentTypeDecoration,\n  TypedDocumentNode,\n} from '@graphql-typed-document-node/core';\nimport { FragmentDefinitionNode } from 'graphql';\nimport { Incremental } from './graphql';\n\nexport type FragmentType<\n  TDocumentType extends DocumentTypeDecoration<any, any>,\n> =\n  TDocumentType extends DocumentTypeDecoration<infer TType, any>\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:\n    | FragmentType<DocumentTypeDecoration<TType, any>>\n    | null\n    | 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:\n    | ReadonlyArray<FragmentType<DocumentTypeDecoration<TType, any>>>\n    | null\n    | undefined\n): ReadonlyArray<TType> | null | undefined;\nexport function useFragment<TType>(\n  _documentNode: DocumentTypeDecoration<TType, any>,\n  fragmentType:\n    | FragmentType<DocumentTypeDecoration<TType, any>>\n    | ReadonlyArray<FragmentType<DocumentTypeDecoration<TType, any>>>\n    | null\n    | undefined\n): TType | ReadonlyArray<TType> | null | undefined {\n  return fragmentType as any;\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:\n    | FragmentType<TypedDocumentNode<Incremental<TFrag>, any>>\n    | null\n    | undefined\n): data is FragmentType<typeof fragmentNode> {\n  const deferredFields = (\n    queryNode as {\n      __meta__?: { deferredFields: Record<string, (keyof TFrag)[]> };\n    }\n  ).__meta__?.deferredFields;\n\n  if (!deferredFields) return true;\n\n  const fragDef = fragmentNode.definitions[0] as\n    | FragmentDefinitionNode\n    | 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":"AA6CA,OAAO,SAASA,WAAWA,CACzBC,aAAiD,EACjDC,YAIa,EACoC;EACjD,OAAOA,YAAY;AACrB;AAEA,OAAO,SAASC,gBAAgBA,CAG9BC,IAAQ,EAAEC,SAAY,EAAmB;EACzC,OAAOD,IAAI;AACb;AACA,OAAO,SAASE,eAAeA,CAC7BC,SAA8C,EAC9CC,YAAsC,EACtCJ,IAGa,EAC8B;EAAA,IAAAK,OAAA,EAAAC,aAAA;EAC3C,MAAMC,cAAc,IAAAF,OAAA,GAClBF,SAAS,CAGTK,QAAQ,cAAAH,OAAA,uBAJaA,OAAA,CAIXE,cAAc;EAE1B,IAAI,CAACA,cAAc,EAAE,OAAO,IAAI;EAEhC,MAAME,OAAO,GAAGL,YAAY,CAACM,WAAW,CAAC,CAAC,CAE7B;EACb,MAAMC,QAAQ,GAAGF,OAAO,aAAPA,OAAO,gBAAAH,aAAA,GAAPG,OAAO,CAAEG,IAAI,cAAAN,aAAA,uBAAbA,aAAA,CAAeO,KAAK;EAErC,MAAMC,MAAM,GAAIH,QAAQ,IAAIJ,cAAc,CAACI,QAAQ,CAAC,IAAK,EAAE;EAC3D,OAAOG,MAAM,CAACC,MAAM,GAAG,CAAC,IAAID,MAAM,CAACE,KAAK,CAAEC,KAAK,IAAKjB,IAAI,IAAIiB,KAAK,IAAIjB,IAAI,CAAC;AAC5E","ignoreList":[]}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"gql.js","names":["types","documents","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 validateInstruments($instruments: [String]!, $division: Division!) {\\n    resolveInstrumentsByDivision(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 validateInstruments($instruments: [String]!, $division: Division!) {\\n    resolveInstrumentsByDivision(instruments: $instruments, division: $division) {\\n      name\\n      displayName\\n    }\\n  }\\n\"): (typeof documents)[\"\\n  query validateInstruments($instruments: [String]!, $division: Division!) {\\n    resolveInstrumentsByDivision(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,iNAAiN,EAAED,KAAK,CAACE;AAC7N,CAAC;AAqBD,OAAO,SAASC,OAAOA,CAACC,MAAc,EAAE;EACtC,OAAQH,SAAS,CAASG,MAAM,CAAC,IAAI,CAAC,CAAC;AACzC","ignoreList":[]}
+{"version":3,"file":"gql.js","names":["types","documents","ValidateInstrumentsDocument","graphql","source","_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 validateInstruments($instruments: [String]!, $division: Division!) {\\n    resolveInstrumentsByDivision(instruments: $instruments, division: $division) {\\n      name\\n      displayName\\n    }\\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(\n  source: '\\n  query validateInstruments($instruments: [String]!, $division: Division!) {\\n    resolveInstrumentsByDivision(instruments: $instruments, division: $division) {\\n      name\\n      displayName\\n    }\\n  }\\n'\n): (typeof documents)['\\n  query validateInstruments($instruments: [String]!, $division: Division!) {\\n    resolveInstrumentsByDivision(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>> =\n  TDocumentNode extends DocumentNode<infer TType, any> ? TType : never;\n"],"mappings":"AACA,OAAO,KAAKA,KAAK,MAAM,WAAW;AAalC,MAAMC,SAAS,GAAG;EAChB,iNAAiN,EAC/MD,KAAK,CAACE;AACV,CAAC;AAuBD,OAAO,SAASC,OAAOA,CAACC,MAAc,EAAE;EAAA,IAAAC,OAAA;EACtC,QAAAA,OAAA,GAAQJ,SAAS,CAASG,MAAM,CAAC,cAAAC,OAAA,cAAAA,OAAA,GAAI,CAAC,CAAC;AACzC","ignoreList":[]}