@oanda/labs-order-book-widget 1.0.154 → 1.0.155

package/dist/main/OrderBookWidget/OrderBookWidget.js

@@ -17,7 +17,8 @@ const OrderBookWidget = _ref => {
     instrument,
     locale,
     theme,
-    isParamError
+    isParamError,
+    division
   } = _ref;
   const client = new _client.ApolloClient({
     uri: graphqlUrl,
@@ -33,7 +34,8 @@ const OrderBookWidget = _ref => {
   }, isParamError ? _react.default.createElement("div", {
     className: "lw-flex lw-h-[425px] lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary"
   }, _react.default.createElement(_labsWidgetCommon.ChartError, null)) : _react.default.createElement(_Main.Main, {
-    instrument: instrument
+    instrument: instrument,
+    division: division
   }))));
 };
 exports.OrderBookWidget = OrderBookWidget;

package/dist/main/OrderBookWidget/OrderBookWidget.js.map

@@ -1 +1 @@
-{"version":3,"file":"OrderBookWidget.js","names":["_react","_interopRequireDefault","require","_client","_monoI18n","_labsWidgetCommon","_Main","_translations","e","__esModule","default","OrderBookWidget","_ref","graphqlUrl","instrument","locale","theme","isParamError","client","ApolloClient","uri","cache","InMemoryCache","createElement","ThemeProvider","LocaleProvider","getLocale","translations","ApolloProvider","className","ChartError","Main","exports"],"sources":["../../../src/OrderBookWidget/OrderBookWidget.tsx"],"sourcesContent":["import React from 'react';\nimport { ApolloClient, InMemoryCache, ApolloProvider } from '@apollo/client';\nimport { LocaleProvider } from '@oanda/mono-i18n';\nimport { ChartError, ThemeProvider, getLocale } from '@oanda/labs-widget-common';\nimport { Main } from './Main';\nimport { OrderBookWidgetConfig } from './types';\nimport { translations } from '../translations';\n\nconst OrderBookWidget = ({\n  graphqlUrl,\n  instrument,\n  locale,\n  theme,\n  isParamError,\n}: OrderBookWidgetConfig) => {\n  const client = new ApolloClient({\n    uri: graphqlUrl,\n    cache: new InMemoryCache(),\n  });\n\n  return (\n    <ThemeProvider theme={theme}>\n      <LocaleProvider locale={getLocale(locale)} translations={translations}>\n        <ApolloProvider client={client}>\n          {isParamError ? (\n            <div className=\"lw-flex lw-h-[425px] lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary\">\n              <ChartError />\n            </div>\n          ) : <Main instrument={instrument} />}\n        </ApolloProvider>\n      </LocaleProvider>\n    </ThemeProvider>\n  );\n};\n\nexport { OrderBookWidget };\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AAEA,IAAAK,aAAA,GAAAL,OAAA;AAA+C,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE/C,MAAMG,eAAe,GAAGC,IAAA,IAMK;EAAA,IANJ;IACvBC,UAAU;IACVC,UAAU;IACVC,MAAM;IACNC,KAAK;IACLC;EACqB,CAAC,GAAAL,IAAA;EACtB,MAAMM,MAAM,GAAG,IAAIC,oBAAY,CAAC;IAC9BC,GAAG,EAAEP,UAAU;IACfQ,KAAK,EAAE,IAAIC,qBAAa,CAAC;EAC3B,CAAC,CAAC;EAEF,OACEtB,MAAA,CAAAU,OAAA,CAAAa,aAAA,CAAClB,iBAAA,CAAAmB,aAAa;IAACR,KAAK,EAAEA;EAAM,GAC1BhB,MAAA,CAAAU,OAAA,CAAAa,aAAA,CAACnB,SAAA,CAAAqB,cAAc;IAACV,MAAM,EAAE,IAAAW,2BAAS,EAACX,MAAM,CAAE;IAACY,YAAY,EAAEA;EAAa,GACpE3B,MAAA,CAAAU,OAAA,CAAAa,aAAA,CAACpB,OAAA,CAAAyB,cAAc;IAACV,MAAM,EAAEA;EAAO,GAC5BD,YAAY,GACXjB,MAAA,CAAAU,OAAA,CAAAa,aAAA;IAAKM,SAAS,EAAC;EAAmG,GAChH7B,MAAA,CAAAU,OAAA,CAAAa,aAAA,CAAClB,iBAAA,CAAAyB,UAAU,MAAE,CACV,CAAC,GACJ9B,MAAA,CAAAU,OAAA,CAAAa,aAAA,CAACjB,KAAA,CAAAyB,IAAI;IAACjB,UAAU,EAAEA;EAAW,CAAE,CACrB,CACF,CACH,CAAC;AAEpB,CAAC;AAACkB,OAAA,CAAArB,eAAA,GAAAA,eAAA","ignoreList":[]}
+{"version":3,"file":"OrderBookWidget.js","names":["_react","_interopRequireDefault","require","_client","_monoI18n","_labsWidgetCommon","_Main","_translations","e","__esModule","default","OrderBookWidget","_ref","graphqlUrl","instrument","locale","theme","isParamError","division","client","ApolloClient","uri","cache","InMemoryCache","createElement","ThemeProvider","LocaleProvider","getLocale","translations","ApolloProvider","className","ChartError","Main","exports"],"sources":["../../../src/OrderBookWidget/OrderBookWidget.tsx"],"sourcesContent":["import React from 'react';\nimport { ApolloClient, InMemoryCache, ApolloProvider } from '@apollo/client';\nimport { LocaleProvider } from '@oanda/mono-i18n';\nimport { ChartError, ThemeProvider, getLocale } from '@oanda/labs-widget-common';\nimport { Main } from './Main';\nimport { OrderBookWidgetConfig } from './types';\nimport { translations } from '../translations';\n\nconst OrderBookWidget = ({\n  graphqlUrl,\n  instrument,\n  locale,\n  theme,\n  isParamError,\n  division,\n}: OrderBookWidgetConfig) => {\n  const client = new ApolloClient({\n    uri: graphqlUrl,\n    cache: new InMemoryCache(),\n  });\n\n  return (\n    <ThemeProvider theme={theme}>\n      <LocaleProvider locale={getLocale(locale)} translations={translations}>\n        <ApolloProvider client={client}>\n          {isParamError ? (\n            <div className=\"lw-flex lw-h-[425px] lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary\">\n              <ChartError />\n            </div>\n          ) : <Main instrument={instrument} division={division} />}\n        </ApolloProvider>\n      </LocaleProvider>\n    </ThemeProvider>\n  );\n};\n\nexport { OrderBookWidget };\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AAEA,IAAAK,aAAA,GAAAL,OAAA;AAA+C,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE/C,MAAMG,eAAe,GAAGC,IAAA,IAOK;EAAA,IAPJ;IACvBC,UAAU;IACVC,UAAU;IACVC,MAAM;IACNC,KAAK;IACLC,YAAY;IACZC;EACqB,CAAC,GAAAN,IAAA;EACtB,MAAMO,MAAM,GAAG,IAAIC,oBAAY,CAAC;IAC9BC,GAAG,EAAER,UAAU;IACfS,KAAK,EAAE,IAAIC,qBAAa,CAAC;EAC3B,CAAC,CAAC;EAEF,OACEvB,MAAA,CAAAU,OAAA,CAAAc,aAAA,CAACnB,iBAAA,CAAAoB,aAAa;IAACT,KAAK,EAAEA;EAAM,GAC1BhB,MAAA,CAAAU,OAAA,CAAAc,aAAA,CAACpB,SAAA,CAAAsB,cAAc;IAACX,MAAM,EAAE,IAAAY,2BAAS,EAACZ,MAAM,CAAE;IAACa,YAAY,EAAEA;EAAa,GACpE5B,MAAA,CAAAU,OAAA,CAAAc,aAAA,CAACrB,OAAA,CAAA0B,cAAc;IAACV,MAAM,EAAEA;EAAO,GAC5BF,YAAY,GACXjB,MAAA,CAAAU,OAAA,CAAAc,aAAA;IAAKM,SAAS,EAAC;EAAmG,GAChH9B,MAAA,CAAAU,OAAA,CAAAc,aAAA,CAACnB,iBAAA,CAAA0B,UAAU,MAAE,CACV,CAAC,GACJ/B,MAAA,CAAAU,OAAA,CAAAc,aAAA,CAAClB,KAAA,CAAA0B,IAAI;IAAClB,UAAU,EAAEA,UAAW;IAACI,QAAQ,EAAEA;EAAS,CAAE,CACzC,CACF,CACH,CAAC;AAEpB,CAAC;AAACe,OAAA,CAAAtB,eAAA,GAAAA,eAAA","ignoreList":[]}

package/dist/main/OrderBookWidget/config.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.navigationConfig = exports.instrumentSelectConfig = exports.instrumentPrecisionConfig = void 0;
+exports.navigationConfig = exports.instrumentSelectConfigOC = exports.instrumentSelectConfig = exports.instrumentPrecisionConfig = void 0;
 var _graphql = require("../gql/types/graphql");
 var _types = require("./types");
 const navigationConfig = exports.navigationConfig = [{
@@ -13,7 +13,7 @@ const navigationConfig = exports.navigationConfig = [{
   id: _graphql.BookType.Position,
   label: 'position_book'
 }];
-const instrumentSelectConfig = exports.instrumentSelectConfig = [{
+const instrumentSelectConfigOC = exports.instrumentSelectConfigOC = [{
   id: _types.InstrumentId.EUR_AUD,
   label: 'EUR/AUD'
 }, {
@@ -55,7 +55,8 @@ const instrumentSelectConfig = exports.instrumentSelectConfig = [{
 }, {
   id: _types.InstrumentId.NZD_USD,
   label: 'NZD/USD'
-}, {
+}];
+const instrumentSelectConfig = exports.instrumentSelectConfig = [...instrumentSelectConfigOC, {
   id: _types.InstrumentId.XAU_USD,
   label: 'XAU/USD'
 }, {

package/dist/main/OrderBookWidget/config.js.map

@@ -1 +1 @@
-{"version":3,"file":"config.js","names":["_graphql","require","_types","navigationConfig","exports","id","BookType","Order","label","Position","instrumentSelectConfig","InstrumentId","EUR_AUD","EUR_GBP","EUR_JPY","EUR_USD","EUR_CHF","USD_CHF","USD_JPY","USD_CAD","GBP_USD","GBP_JPY","GBP_CHF","AUD_JPY","AUD_USD","NZD_USD","XAU_USD","XAG_USD","instrumentPrecisionConfig"],"sources":["../../../src/OrderBookWidget/config.ts"],"sourcesContent":["import { BookType } from '../gql/types/graphql';\nimport { InstrumentId } from './types';\n\nconst navigationConfig = [{\n  id: BookType.Order,\n  label: 'order_book',\n}, {\n  id: BookType.Position,\n  label: 'position_book',\n}];\n\nconst instrumentSelectConfig = [{\n  id: InstrumentId.EUR_AUD,\n  label: 'EUR/AUD',\n}, {\n  id: InstrumentId.EUR_GBP,\n  label: 'EUR/GBP',\n}, {\n  id: InstrumentId.EUR_JPY,\n  label: 'EUR/JPY',\n}, {\n  id: InstrumentId.EUR_USD,\n  label: 'EUR/USD',\n}, {\n  id: InstrumentId.EUR_CHF,\n  label: 'EUR/CHF',\n}, {\n  id: InstrumentId.USD_CHF,\n  label: 'USD/CHF',\n}, {\n  id: InstrumentId.USD_JPY,\n  label: 'USD/JPY',\n}, {\n  id: InstrumentId.USD_CAD,\n  label: 'USD/CAD',\n}, {\n  id: InstrumentId.GBP_USD,\n  label: 'GBP/USD',\n}, {\n  id: InstrumentId.GBP_JPY,\n  label: 'GBP/JPY',\n}, {\n  id: InstrumentId.GBP_CHF,\n  label: 'GBP/CHF',\n}, {\n  id: InstrumentId.AUD_JPY,\n  label: 'AUD/JPY',\n}, {\n  id: InstrumentId.AUD_USD,\n  label: 'AUD/USD',\n}, {\n  id: InstrumentId.NZD_USD,\n  label: 'NZD/USD',\n}, {\n  id: InstrumentId.XAU_USD,\n  label: 'XAU/USD',\n}, {\n  id: InstrumentId.XAG_USD,\n  label: 'XAG/USD',\n}];\n\nconst instrumentPrecisionConfig: Record<InstrumentId, number> = {\n  [InstrumentId.EUR_AUD]: 5,\n  [InstrumentId.EUR_GBP]: 5,\n  [InstrumentId.EUR_JPY]: 3,\n  [InstrumentId.EUR_USD]: 5,\n  [InstrumentId.EUR_CHF]: 5,\n  [InstrumentId.USD_CHF]: 5,\n  [InstrumentId.USD_JPY]: 3,\n  [InstrumentId.USD_CAD]: 5,\n  [InstrumentId.GBP_USD]: 5,\n  [InstrumentId.GBP_JPY]: 3,\n  [InstrumentId.GBP_CHF]: 5,\n  [InstrumentId.AUD_JPY]: 3,\n  [InstrumentId.AUD_USD]: 5,\n  [InstrumentId.NZD_USD]: 5,\n  [InstrumentId.XAU_USD]: 3,\n  [InstrumentId.XAG_USD]: 5,\n};\nexport { navigationConfig, instrumentSelectConfig, instrumentPrecisionConfig };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"config.js","names":["_graphql","require","_types","navigationConfig","exports","id","BookType","Order","label","Position","instrumentSelectConfigOC","InstrumentId","EUR_AUD","EUR_GBP","EUR_JPY","EUR_USD","EUR_CHF","USD_CHF","USD_JPY","USD_CAD","GBP_USD","GBP_JPY","GBP_CHF","AUD_JPY","AUD_USD","NZD_USD","instrumentSelectConfig","XAU_USD","XAG_USD","instrumentPrecisionConfig"],"sources":["../../../src/OrderBookWidget/config.ts"],"sourcesContent":["import { BookType } from '../gql/types/graphql';\nimport { InstrumentId } from './types';\n\nconst navigationConfig = [{\n  id: BookType.Order,\n  label: 'order_book',\n}, {\n  id: BookType.Position,\n  label: 'position_book',\n}];\n\nconst instrumentSelectConfigOC = [{\n  id: InstrumentId.EUR_AUD,\n  label: 'EUR/AUD',\n}, {\n  id: InstrumentId.EUR_GBP,\n  label: 'EUR/GBP',\n}, {\n  id: InstrumentId.EUR_JPY,\n  label: 'EUR/JPY',\n}, {\n  id: InstrumentId.EUR_USD,\n  label: 'EUR/USD',\n}, {\n  id: InstrumentId.EUR_CHF,\n  label: 'EUR/CHF',\n}, {\n  id: InstrumentId.USD_CHF,\n  label: 'USD/CHF',\n}, {\n  id: InstrumentId.USD_JPY,\n  label: 'USD/JPY',\n}, {\n  id: InstrumentId.USD_CAD,\n  label: 'USD/CAD',\n}, {\n  id: InstrumentId.GBP_USD,\n  label: 'GBP/USD',\n}, {\n  id: InstrumentId.GBP_JPY,\n  label: 'GBP/JPY',\n}, {\n  id: InstrumentId.GBP_CHF,\n  label: 'GBP/CHF',\n}, {\n  id: InstrumentId.AUD_JPY,\n  label: 'AUD/JPY',\n}, {\n  id: InstrumentId.AUD_USD,\n  label: 'AUD/USD',\n}, {\n  id: InstrumentId.NZD_USD,\n  label: 'NZD/USD',\n}];\n\nconst instrumentSelectConfig = [\n  ...instrumentSelectConfigOC,\n  {\n    id: InstrumentId.XAU_USD,\n    label: 'XAU/USD',\n  }, {\n    id: InstrumentId.XAG_USD,\n    label: 'XAG/USD',\n  }];\n\nconst instrumentPrecisionConfig: Record<InstrumentId, number> = {\n  [InstrumentId.EUR_AUD]: 5,\n  [InstrumentId.EUR_GBP]: 5,\n  [InstrumentId.EUR_JPY]: 3,\n  [InstrumentId.EUR_USD]: 5,\n  [InstrumentId.EUR_CHF]: 5,\n  [InstrumentId.USD_CHF]: 5,\n  [InstrumentId.USD_JPY]: 3,\n  [InstrumentId.USD_CAD]: 5,\n  [InstrumentId.GBP_USD]: 5,\n  [InstrumentId.GBP_JPY]: 3,\n  [InstrumentId.GBP_CHF]: 5,\n  [InstrumentId.AUD_JPY]: 3,\n  [InstrumentId.AUD_USD]: 5,\n  [InstrumentId.NZD_USD]: 5,\n  [InstrumentId.XAU_USD]: 3,\n  [InstrumentId.XAG_USD]: 5,\n};\nexport {\n  navigationConfig, instrumentSelectConfig, instrumentPrecisionConfig, instrumentSelectConfigOC,\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/main/OrderBookWidget/render.js

@@ -4,12 +4,15 @@ var _react = _interopRequireDefault(require("react"));
 var _client = require("react-dom/client");
 var _labsWidgetCommon = require("@oanda/labs-widget-common");
 var _OrderBookWidget = require("./OrderBookWidget");
+var _graphql = require("../gql/types/graphql");
+var _config = require("./config");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const {
   graphqlUrl: configGraphQl,
   instrument: configInstrument,
   renderElementId: configRenderElementId,
-  locale: configLocale
+  locale: configLocale,
+  division: configDivision
 } = window.volatilityChartWidgetConfig || {};
 const {
   graphqlUrl
@@ -22,23 +25,48 @@ if (orderBookElements.length > 0) {
     const mode = element.getAttribute('data-mode');
     const {
       instrument,
-      locale
+      locale,
+      division
     } = JSON.parse(params);
-    const isParamError = (0, _labsWidgetCommon.validateToolParams)({
+    const isParamError = instrument ? (0, _labsWidgetCommon.validateToolParams)({
+      locale,
+      graphqlUrl,
+      division,
+      instrument
+    }, [{
+      name: 'locale',
+      valueCheck: value => (0, _labsWidgetCommon.validateLocale)(value)
+    }, {
+      name: 'graphqlUrl'
+    }, {
+      name: 'division',
+      valueCheck: value => Object.values(_graphql.Division).includes(value)
+    }, {
+      name: 'instrument',
+      valueCheck: value => {
+        const acceptableInstruments = division === _graphql.Division.Oc ? _config.instrumentSelectConfigOC : _config.instrumentSelectConfig;
+        return Object.values(acceptableInstruments.map(x => x.id)).includes(value.replace(/\/|_/g, ''));
+      }
+    }]) : (0, _labsWidgetCommon.validateToolParams)({
       locale,
-      graphqlUrl
+      graphqlUrl,
+      division
     }, [{
       name: 'locale',
       valueCheck: value => (0, _labsWidgetCommon.validateLocale)(value)
     }, {
       name: 'graphqlUrl'
+    }, {
+      name: 'division',
+      valueCheck: value => Object.values(_graphql.Division).includes(value)
     }]);
     root.render(_react.default.createElement(_OrderBookWidget.OrderBookWidget, {
       locale: locale,
       graphqlUrl: graphqlUrl,
       instrument: instrument,
       theme: mode,
-      isParamError: isParamError
+      isParamError: isParamError,
+      division: division
     }));
   });
 } else {
@@ -47,7 +75,8 @@ if (orderBookElements.length > 0) {
   root.render(_react.default.createElement(_OrderBookWidget.OrderBookWidget, {
     locale: configLocale,
     graphqlUrl: configGraphQl,
-    instrument: configInstrument
+    instrument: configInstrument,
+    division: configDivision
   }));
 }
 //# sourceMappingURL=render.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"render.js","names":["_react","_interopRequireDefault","require","_client","_labsWidgetCommon","_OrderBookWidget","e","__esModule","default","graphqlUrl","configGraphQl","instrument","configInstrument","renderElementId","configRenderElementId","locale","configLocale","window","volatilityChartWidgetConfig","widgetsConfig","orderBookElements","document","querySelectorAll","length","forEach","element","root","createRoot","params","getAttribute","mode","JSON","parse","isParamError","validateToolParams","name","valueCheck","value","validateLocale","render","createElement","OrderBookWidget","theme","container","getElementById"],"sources":["../../../src/OrderBookWidget/render.tsx"],"sourcesContent":["import React from 'react';\nimport { createRoot } from 'react-dom/client';\nimport { Theme, validateLocale, validateToolParams } from '@oanda/labs-widget-common';\nimport { OrderBookWidget } from './OrderBookWidget';\n\nconst {\n  graphqlUrl: configGraphQl,\n  instrument: configInstrument,\n  renderElementId: configRenderElementId,\n  locale: configLocale,\n} = window.volatilityChartWidgetConfig || {};\n\nconst {\n  graphqlUrl,\n} = window.widgetsConfig || {};\n\nconst orderBookElements = document.querySelectorAll('div[data-order-book-params]');\n\nif (orderBookElements.length > 0) {\n  orderBookElements.forEach((element) => {\n    const root = createRoot(element);\n    const params = element.getAttribute('data-order-book-params');\n    const mode = element.getAttribute('data-mode');\n    const { instrument, locale } = JSON.parse(params as string);\n\n    const isParamError = validateToolParams({ locale, graphqlUrl }, [\n      {\n        name: 'locale',\n        valueCheck: (value) => validateLocale(value),\n      }, {\n        name: 'graphqlUrl',\n      }]);\n    root.render(\n      <OrderBookWidget\n        locale={locale}\n        graphqlUrl={graphqlUrl}\n        instrument={instrument}\n        theme={mode as Theme}\n        isParamError={isParamError}\n      />,\n    );\n  });\n} else {\n  const container = document.getElementById(configRenderElementId);\n  const root = createRoot(container!);\n\n  root.render(\n    <OrderBookWidget\n      locale={configLocale}\n      graphqlUrl={configGraphQl}\n      instrument={configInstrument}\n    />,\n  );\n}\n"],"mappings":";;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAH,OAAA;AAAoD,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEpD,MAAM;EACJG,UAAU,EAAEC,aAAa;EACzBC,UAAU,EAAEC,gBAAgB;EAC5BC,eAAe,EAAEC,qBAAqB;EACtCC,MAAM,EAAEC;AACV,CAAC,GAAGC,MAAM,CAACC,2BAA2B,IAAI,CAAC,CAAC;AAE5C,MAAM;EACJT;AACF,CAAC,GAAGQ,MAAM,CAACE,aAAa,IAAI,CAAC,CAAC;AAE9B,MAAMC,iBAAiB,GAAGC,QAAQ,CAACC,gBAAgB,CAAC,6BAA6B,CAAC;AAElF,IAAIF,iBAAiB,CAACG,MAAM,GAAG,CAAC,EAAE;EAChCH,iBAAiB,CAACI,OAAO,CAAEC,OAAO,IAAK;IACrC,MAAMC,IAAI,GAAG,IAAAC,kBAAU,EAACF,OAAO,CAAC;IAChC,MAAMG,MAAM,GAAGH,OAAO,CAACI,YAAY,CAAC,wBAAwB,CAAC;IAC7D,MAAMC,IAAI,GAAGL,OAAO,CAACI,YAAY,CAAC,WAAW,CAAC;IAC9C,MAAM;MAAElB,UAAU;MAAEI;IAAO,CAAC,GAAGgB,IAAI,CAACC,KAAK,CAACJ,MAAgB,CAAC;IAE3D,MAAMK,YAAY,GAAG,IAAAC,oCAAkB,EAAC;MAAEnB,MAAM;MAAEN;IAAW,CAAC,EAAE,CAC9D;MACE0B,IAAI,EAAE,QAAQ;MACdC,UAAU,EAAGC,KAAK,IAAK,IAAAC,gCAAc,EAACD,KAAK;IAC7C,CAAC,EAAE;MACDF,IAAI,EAAE;IACR,CAAC,CAAC,CAAC;IACLT,IAAI,CAACa,MAAM,CACTvC,MAAA,CAAAQ,OAAA,CAAAgC,aAAA,CAACnC,gBAAA,CAAAoC,eAAe;MACd1B,MAAM,EAAEA,MAAO;MACfN,UAAU,EAAEA,UAAW;MACvBE,UAAU,EAAEA,UAAW;MACvB+B,KAAK,EAAEZ,IAAc;MACrBG,YAAY,EAAEA;IAAa,CAC5B,CACH,CAAC;EACH,CAAC,CAAC;AACJ,CAAC,MAAM;EACL,MAAMU,SAAS,GAAGtB,QAAQ,CAACuB,cAAc,CAAC9B,qBAAqB,CAAC;EAChE,MAAMY,IAAI,GAAG,IAAAC,kBAAU,EAACgB,SAAU,CAAC;EAEnCjB,IAAI,CAACa,MAAM,CACTvC,MAAA,CAAAQ,OAAA,CAAAgC,aAAA,CAACnC,gBAAA,CAAAoC,eAAe;IACd1B,MAAM,EAAEC,YAAa;IACrBP,UAAU,EAAEC,aAAc;IAC1BC,UAAU,EAAEC;EAAiB,CAC9B,CACH,CAAC;AACH","ignoreList":[]}
+{"version":3,"file":"render.js","names":["_react","_interopRequireDefault","require","_client","_labsWidgetCommon","_OrderBookWidget","_graphql","_config","e","__esModule","default","graphqlUrl","configGraphQl","instrument","configInstrument","renderElementId","configRenderElementId","locale","configLocale","division","configDivision","window","volatilityChartWidgetConfig","widgetsConfig","orderBookElements","document","querySelectorAll","length","forEach","element","root","createRoot","params","getAttribute","mode","JSON","parse","isParamError","validateToolParams","name","valueCheck","value","validateLocale","Object","values","Division","includes","acceptableInstruments","Oc","instrumentSelectConfigOC","instrumentSelectConfig","map","x","id","replace","render","createElement","OrderBookWidget","theme","container","getElementById"],"sources":["../../../src/OrderBookWidget/render.tsx"],"sourcesContent":["import React from 'react';\nimport { createRoot } from 'react-dom/client';\nimport { Theme, validateLocale, validateToolParams } from '@oanda/labs-widget-common';\nimport { OrderBookWidget } from './OrderBookWidget';\nimport { Division } from '../gql/types/graphql';\nimport { instrumentSelectConfigOC, instrumentSelectConfig } from './config';\n\nconst {\n  graphqlUrl: configGraphQl,\n  instrument: configInstrument,\n  renderElementId: configRenderElementId,\n  locale: configLocale,\n  division: configDivision,\n} = window.volatilityChartWidgetConfig || {};\n\nconst {\n  graphqlUrl,\n} = window.widgetsConfig || {};\n\nconst orderBookElements = document.querySelectorAll('div[data-order-book-params]');\n\nif (orderBookElements.length > 0) {\n  orderBookElements.forEach((element) => {\n    const root = createRoot(element);\n    const params = element.getAttribute('data-order-book-params');\n    const mode = element.getAttribute('data-mode');\n    const { instrument, locale, division } = JSON.parse(params as string);\n\n    const isParamError = instrument ? validateToolParams({\n      locale, graphqlUrl, division, instrument,\n    }, [\n      {\n        name: 'locale',\n        valueCheck: (value) => validateLocale(value),\n      }, {\n        name: 'graphqlUrl',\n      }, {\n        name: 'division',\n        valueCheck: (value) => Object.values(Division).includes(value),\n      }, {\n        name: 'instrument',\n        valueCheck: (value) => {\n          const acceptableInstruments = division === Division.Oc\n            ? instrumentSelectConfigOC\n            : instrumentSelectConfig;\n\n          return Object.values(\n            acceptableInstruments.map((x) => x.id),\n          ).includes(value.replace(/\\/|_/g, ''));\n        },\n      },\n    ]) : validateToolParams({ locale, graphqlUrl, division }, [\n      {\n        name: 'locale',\n        valueCheck: (value) => validateLocale(value),\n      }, {\n        name: 'graphqlUrl',\n      }, {\n        name: 'division',\n        valueCheck: (value) => Object.values(Division).includes(value),\n      }]);\n\n    root.render(\n      <OrderBookWidget\n        locale={locale}\n        graphqlUrl={graphqlUrl}\n        instrument={instrument}\n        theme={mode as Theme}\n        isParamError={isParamError}\n        division={division}\n      />,\n    );\n  });\n} else {\n  const container = document.getElementById(configRenderElementId);\n  const root = createRoot(container!);\n\n  root.render(\n    <OrderBookWidget\n      locale={configLocale}\n      graphqlUrl={configGraphQl}\n      instrument={configInstrument}\n      division={configDivision}\n    />,\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/main/OrderBookWidget/types.js

@@ -5,22 +5,22 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.InstrumentId = void 0;
 let InstrumentId = exports.InstrumentId = function (InstrumentId) {
-  InstrumentId["EUR_AUD"] = "EUR_AUD";
-  InstrumentId["EUR_GBP"] = "EUR_GBP";
-  InstrumentId["EUR_JPY"] = "EUR_JPY";
-  InstrumentId["EUR_USD"] = "EUR_USD";
-  InstrumentId["EUR_CHF"] = "EUR_CHF";
-  InstrumentId["USD_CHF"] = "USD_CHF";
-  InstrumentId["USD_JPY"] = "USD_JPY";
-  InstrumentId["USD_CAD"] = "USD_CAD";
-  InstrumentId["GBP_USD"] = "GBP_USD";
-  InstrumentId["GBP_JPY"] = "GBP_JPY";
-  InstrumentId["GBP_CHF"] = "GBP_CHF";
-  InstrumentId["AUD_JPY"] = "AUD_JPY";
-  InstrumentId["AUD_USD"] = "AUD_USD";
-  InstrumentId["NZD_USD"] = "NZD_USD";
-  InstrumentId["XAU_USD"] = "XAU_USD";
-  InstrumentId["XAG_USD"] = "XAG_USD";
+  InstrumentId["EUR_AUD"] = "EURAUD";
+  InstrumentId["EUR_GBP"] = "EURGBP";
+  InstrumentId["EUR_JPY"] = "EURJPY";
+  InstrumentId["EUR_USD"] = "EURUSD";
+  InstrumentId["EUR_CHF"] = "EURCHF";
+  InstrumentId["USD_CHF"] = "USDCHF";
+  InstrumentId["USD_JPY"] = "USDJPY";
+  InstrumentId["USD_CAD"] = "USDCAD";
+  InstrumentId["GBP_USD"] = "GBPUSD";
+  InstrumentId["GBP_JPY"] = "GBPJPY";
+  InstrumentId["GBP_CHF"] = "GBPCHF";
+  InstrumentId["AUD_JPY"] = "AUDJPY";
+  InstrumentId["AUD_USD"] = "AUDUSD";
+  InstrumentId["NZD_USD"] = "NZDUSD";
+  InstrumentId["XAU_USD"] = "XAUUSD";
+  InstrumentId["XAG_USD"] = "XAGUSD";
   return InstrumentId;
 }({});
 //# sourceMappingURL=types.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["InstrumentId","exports"],"sources":["../../../src/OrderBookWidget/types.ts"],"sourcesContent":["import { Theme } from '@oanda/labs-widget-common';\nimport { Locale } from '@oanda/mono-i18n';\nimport { BookType } from '../gql/types/graphql';\n\nexport interface OrderBookWidgetConfig {\n  graphqlUrl: string;\n  instrument: InstrumentId;\n  locale: Locale;\n  theme?: Theme;\n  isParamError?: boolean;\n}\n\nexport interface OrderBookWrapperConfig extends OrderBookWidgetConfig {\n  renderElementId: string;\n}\n\nexport interface MainProps {\n  instrument?: InstrumentId;\n}\n\nexport interface ChartWithDataProps {\n  instrument: InstrumentId;\n  bookType: BookType;\n}\n\nexport enum InstrumentId {\n  EUR_AUD = 'EUR_AUD',\n  EUR_GBP = 'EUR_GBP',\n  EUR_JPY = 'EUR_JPY',\n  EUR_USD = 'EUR_USD',\n  EUR_CHF = 'EUR_CHF',\n  USD_CHF = 'USD_CHF',\n  USD_JPY = 'USD_JPY',\n  USD_CAD = 'USD_CAD',\n  GBP_USD = 'GBP_USD',\n  GBP_JPY = 'GBP_JPY',\n  GBP_CHF = 'GBP_CHF',\n  AUD_JPY = 'AUD_JPY',\n  AUD_USD = 'AUD_USD',\n  NZD_USD = 'NZD_USD',\n  XAU_USD = 'XAU_USD',\n  XAG_USD = 'XAG_USD',\n}\n"],"mappings":";;;;;;IAyBYA,YAAY,GAAAC,OAAA,CAAAD,YAAA,aAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAA,OAAZA,YAAY;AAAA","ignoreList":[]}
+{"version":3,"file":"types.js","names":["InstrumentId","exports"],"sources":["../../../src/OrderBookWidget/types.ts"],"sourcesContent":["import { Theme } from '@oanda/labs-widget-common';\nimport { Locale } from '@oanda/mono-i18n';\nimport { BookType, Division } from '../gql/types/graphql';\n\nexport interface OrderBookWidgetConfig {\n  graphqlUrl: string;\n  instrument: InstrumentId;\n  locale: Locale;\n  theme?: Theme;\n  isParamError?: boolean;\n  division: Division;\n}\n\nexport interface OrderBookWrapperConfig extends OrderBookWidgetConfig {\n  renderElementId: string;\n}\n\nexport interface MainProps {\n  instrument?: InstrumentId;\n  division: Division;\n}\n\nexport interface ChartWithDataProps {\n  instrument: InstrumentId;\n  bookType: BookType;\n}\n\nexport enum InstrumentId {\n  EUR_AUD = 'EURAUD',\n  EUR_GBP = 'EURGBP',\n  EUR_JPY = 'EURJPY',\n  EUR_USD = 'EURUSD',\n  EUR_CHF = 'EURCHF',\n  USD_CHF = 'USDCHF',\n  USD_JPY = 'USDJPY',\n  USD_CAD = 'USDCAD',\n  GBP_USD = 'GBPUSD',\n  GBP_JPY = 'GBPJPY',\n  GBP_CHF = 'GBPCHF',\n  AUD_JPY = 'AUDJPY',\n  AUD_USD = 'AUDUSD',\n  NZD_USD = 'NZDUSD',\n  XAU_USD = 'XAUUSD',\n  XAG_USD = 'XAGUSD',\n}\n"],"mappings":";;;;;;IA2BYA,YAAY,GAAAC,OAAA,CAAAD,YAAA,aAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAA,OAAZA,YAAY;AAAA","ignoreList":[]}

package/dist/module/OrderBookWidget/ChartWithData.js

@@ -56,9 +56,9 @@ const ChartWithData = _ref => {
     data: data,
     isOrderBook: bookType === BookType.Order,
     precision: instrumentPrecisionConfig[instrument]
-  }))), !loading && !isError && React.createElement("div", {
+  }))), React.createElement("div", {
     className: "lw-mt-2 lw-h-8"
-  }, React.createElement(LastUpdated, {
+  }, !loading && !isError && React.createElement(LastUpdated, {
     timestamp: updatedAt,
     labelCallback: lang
   })));

package/dist/module/OrderBookWidget/ChartWithData.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChartWithData.js","names":["React","useContext","useQuery","classnames","ChartError","LastUpdated","Size","Spinner","SpinnerSize","ThemeContext","useLocale","getOrderPositionBooks","BookType","Chart","instrumentPrecisionConfig","ChartWithData","_ref","instrument","bookType","lang","size","isDesktop","DESKTOP","loading","data","error","variables","recentHours","fetchPolicy","isError","orderPositionBooks","price","updatedAt","time","createElement","Fragment","className","lg","isOrderBook","Order","precision","timestamp","labelCallback"],"sources":["../../../src/OrderBookWidget/ChartWithData.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { useQuery } from '@apollo/client';\nimport classnames from 'classnames';\nimport {\n  ChartError,\n  LastUpdated,\n  Size,\n  Spinner,\n  SpinnerSize,\n  ThemeContext,\n} from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport { ChartWithDataProps } from './types';\nimport { getOrderPositionBooks } from '../gql/getOrderPositionBooks';\nimport { GetOrderPositionBooksQuery, GetOrderPositionBooksQueryVariables, BookType } from '../gql/types/graphql';\nimport { Chart } from './components/Chart/Chart';\nimport { instrumentPrecisionConfig } from './config';\n\nconst ChartWithData = ({\n  instrument,\n  bookType,\n}: ChartWithDataProps) => {\n  const { lang } = useLocale();\n  const { size } = useContext(ThemeContext);\n  const isDesktop = size === Size.DESKTOP;\n\n  const { loading, data, error } = useQuery<\n  GetOrderPositionBooksQuery,\n  GetOrderPositionBooksQueryVariables\n  >(getOrderPositionBooks, {\n    variables: {\n      instrument,\n      bookType,\n      recentHours: 1,\n    },\n    fetchPolicy: 'network-only',\n  });\n\n  const isError = (!loading && !data?.orderPositionBooks[0]?.price) || !!error;\n  const updatedAt = data?.orderPositionBooks[0]?.time;\n\n  return (\n    <>\n      <div className={classnames('lw-relative lw-w-full', {\n        'lw-h-[450px]': isDesktop,\n        'lw-h-[390px]': !isDesktop,\n      })}\n      >\n        {isError && (\n        <div className={\n          classnames(\n            'lw-absolute lw-left-0 lw-top-0 lw-flex lw-w-full lw-items-center lw-justify-center lw-border lw-border-solid lw-border-border-primary',\n            {\n              'lw-h-full': isDesktop,\n              'lw-h-[calc(100%-40px)]': !isDesktop,\n            },\n          )\n        }\n        >\n          <ChartError />\n        </div>\n        )}\n        {loading && (\n        <div className={\n          classnames(\n            'lw-absolute lw-left-0 lw-top-0 lw-flex lw-w-full lw-items-center lw-justify-center lw-border lw-border-solid lw-border-border-primary',\n            {\n              'lw-h-full': isDesktop,\n              'lw-h-[calc(100%-40px)]': !isDesktop,\n            },\n          )\n        }\n        >\n          <Spinner size={SpinnerSize.lg} />\n        </div>\n        )}\n        {!isError && data && (\n          <div className=\"lw-absolute lw-left-0 lw-top-0 lw-flex lw-h-full lw-w-full\">\n            <Chart\n              data={data}\n              isOrderBook={bookType === BookType.Order}\n              precision={instrumentPrecisionConfig[instrument]}\n            />\n          </div>\n        )}\n      </div>\n      {!loading && !isError && (\n      <div className=\"lw-mt-2 lw-h-8\">\n        <LastUpdated timestamp={updatedAt} labelCallback={lang} />\n      </div>\n      )}\n    </>\n  );\n};\n\nexport { ChartWithData };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,QAAQ,QAAQ,gBAAgB;AACzC,OAAOC,UAAU,MAAM,YAAY;AACnC,SACEC,UAAU,EACVC,WAAW,EACXC,IAAI,EACJC,OAAO,EACPC,WAAW,EACXC,YAAY,QACP,2BAA2B;AAClC,SAASC,SAAS,QAAQ,kBAAkB;AAE5C,SAASC,qBAAqB,QAAQ,8BAA8B;AACpE,SAA0EC,QAAQ,QAAQ,sBAAsB;AAChH,SAASC,KAAK,QAAQ,0BAA0B;AAChD,SAASC,yBAAyB,QAAQ,UAAU;AAEpD,MAAMC,aAAa,GAAGC,IAAA,IAGI;EAAA,IAHH;IACrBC,UAAU;IACVC;EACkB,CAAC,GAAAF,IAAA;EACnB,MAAM;IAAEG;EAAK,CAAC,GAAGT,SAAS,CAAC,CAAC;EAC5B,MAAM;IAAEU;EAAK,CAAC,GAAGnB,UAAU,CAACQ,YAAY,CAAC;EACzC,MAAMY,SAAS,GAAGD,IAAI,KAAKd,IAAI,CAACgB,OAAO;EAEvC,MAAM;IAAEC,OAAO;IAAEC,IAAI;IAAEC;EAAM,CAAC,GAAGvB,QAAQ,CAGvCS,qBAAqB,EAAE;IACvBe,SAAS,EAAE;MACTT,UAAU;MACVC,QAAQ;MACRS,WAAW,EAAE;IACf,CAAC;IACDC,WAAW,EAAE;EACf,CAAC,CAAC;EAEF,MAAMC,OAAO,GAAI,CAACN,OAAO,IAAI,CAACC,IAAI,EAAEM,kBAAkB,CAAC,CAAC,CAAC,EAAEC,KAAK,IAAK,CAAC,CAACN,KAAK;EAC5E,MAAMO,SAAS,GAAGR,IAAI,EAAEM,kBAAkB,CAAC,CAAC,CAAC,EAAEG,IAAI;EAEnD,OACEjC,KAAA,CAAAkC,aAAA,CAAAlC,KAAA,CAAAmC,QAAA,QACEnC,KAAA,CAAAkC,aAAA;IAAKE,SAAS,EAAEjC,UAAU,CAAC,uBAAuB,EAAE;MAClD,cAAc,EAAEkB,SAAS;MACzB,cAAc,EAAE,CAACA;IACnB,CAAC;EAAE,GAEAQ,OAAO,IACR7B,KAAA,CAAAkC,aAAA;IAAKE,SAAS,EACZjC,UAAU,CACR,uIAAuI,EACvI;MACE,WAAW,EAAEkB,SAAS;MACtB,wBAAwB,EAAE,CAACA;IAC7B,CACF;EACD,GAECrB,KAAA,CAAAkC,aAAA,CAAC9B,UAAU,MAAE,CACV,CACJ,EACAmB,OAAO,IACRvB,KAAA,CAAAkC,aAAA;IAAKE,SAAS,EACZjC,UAAU,CACR,uIAAuI,EACvI;MACE,WAAW,EAAEkB,SAAS;MACtB,wBAAwB,EAAE,CAACA;IAC7B,CACF;EACD,GAECrB,KAAA,CAAAkC,aAAA,CAAC3B,OAAO;IAACa,IAAI,EAAEZ,WAAW,CAAC6B;EAAG,CAAE,CAC7B,CACJ,EACA,CAACR,OAAO,IAAIL,IAAI,IACfxB,KAAA,CAAAkC,aAAA;IAAKE,SAAS,EAAC;EAA4D,GACzEpC,KAAA,CAAAkC,aAAA,CAACrB,KAAK;IACJW,IAAI,EAAEA,IAAK;IACXc,WAAW,EAAEpB,QAAQ,KAAKN,QAAQ,CAAC2B,KAAM;IACzCC,SAAS,EAAE1B,yBAAyB,CAACG,UAAU;EAAE,CAClD,CACE,CAEJ,CAAC,EACL,CAACM,OAAO,IAAI,CAACM,OAAO,IACrB7B,KAAA,CAAAkC,aAAA;IAAKE,SAAS,EAAC;EAAgB,GAC7BpC,KAAA,CAAAkC,aAAA,CAAC7B,WAAW;IAACoC,SAAS,EAAET,SAAU;IAACU,aAAa,EAAEvB;EAAK,CAAE,CACtD,CAEL,CAAC;AAEP,CAAC;AAED,SAASJ,aAAa","ignoreList":[]}
+{"version":3,"file":"ChartWithData.js","names":["React","useContext","useQuery","classnames","ChartError","LastUpdated","Size","Spinner","SpinnerSize","ThemeContext","useLocale","getOrderPositionBooks","BookType","Chart","instrumentPrecisionConfig","ChartWithData","_ref","instrument","bookType","lang","size","isDesktop","DESKTOP","loading","data","error","variables","recentHours","fetchPolicy","isError","orderPositionBooks","price","updatedAt","time","createElement","Fragment","className","lg","isOrderBook","Order","precision","timestamp","labelCallback"],"sources":["../../../src/OrderBookWidget/ChartWithData.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { useQuery } from '@apollo/client';\nimport classnames from 'classnames';\nimport {\n  ChartError,\n  LastUpdated,\n  Size,\n  Spinner,\n  SpinnerSize,\n  ThemeContext,\n} from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport { ChartWithDataProps } from './types';\nimport { getOrderPositionBooks } from '../gql/getOrderPositionBooks';\nimport { GetOrderPositionBooksQuery, GetOrderPositionBooksQueryVariables, BookType } from '../gql/types/graphql';\nimport { Chart } from './components/Chart/Chart';\nimport { instrumentPrecisionConfig } from './config';\n\nconst ChartWithData = ({\n  instrument,\n  bookType,\n}: ChartWithDataProps) => {\n  const { lang } = useLocale();\n  const { size } = useContext(ThemeContext);\n  const isDesktop = size === Size.DESKTOP;\n\n  const { loading, data, error } = useQuery<\n  GetOrderPositionBooksQuery,\n  GetOrderPositionBooksQueryVariables\n  >(getOrderPositionBooks, {\n    variables: {\n      instrument,\n      bookType,\n      recentHours: 1,\n    },\n    fetchPolicy: 'network-only',\n  });\n\n  const isError = (!loading && !data?.orderPositionBooks[0]?.price) || !!error;\n  const updatedAt = data?.orderPositionBooks[0]?.time;\n\n  return (\n    <>\n      <div className={classnames('lw-relative lw-w-full', {\n        'lw-h-[450px]': isDesktop,\n        'lw-h-[390px]': !isDesktop,\n      })}\n      >\n        {isError && (\n        <div className={\n          classnames(\n            'lw-absolute lw-left-0 lw-top-0 lw-flex lw-w-full lw-items-center lw-justify-center lw-border lw-border-solid lw-border-border-primary',\n            {\n              'lw-h-full': isDesktop,\n              'lw-h-[calc(100%-40px)]': !isDesktop,\n            },\n          )\n        }\n        >\n          <ChartError />\n        </div>\n        )}\n        {loading && (\n        <div className={\n          classnames(\n            'lw-absolute lw-left-0 lw-top-0 lw-flex lw-w-full lw-items-center lw-justify-center lw-border lw-border-solid lw-border-border-primary',\n            {\n              'lw-h-full': isDesktop,\n              'lw-h-[calc(100%-40px)]': !isDesktop,\n            },\n          )\n        }\n        >\n          <Spinner size={SpinnerSize.lg} />\n        </div>\n        )}\n        {!isError && data && (\n          <div className=\"lw-absolute lw-left-0 lw-top-0 lw-flex lw-h-full lw-w-full\">\n            <Chart\n              data={data}\n              isOrderBook={bookType === BookType.Order}\n              precision={instrumentPrecisionConfig[instrument]}\n            />\n          </div>\n        )}\n      </div>\n      <div className=\"lw-mt-2 lw-h-8\">\n        {!loading && !isError && (\n          <LastUpdated timestamp={updatedAt} labelCallback={lang} />\n        )}\n      </div>\n    </>\n  );\n};\n\nexport { ChartWithData };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,QAAQ,QAAQ,gBAAgB;AACzC,OAAOC,UAAU,MAAM,YAAY;AACnC,SACEC,UAAU,EACVC,WAAW,EACXC,IAAI,EACJC,OAAO,EACPC,WAAW,EACXC,YAAY,QACP,2BAA2B;AAClC,SAASC,SAAS,QAAQ,kBAAkB;AAE5C,SAASC,qBAAqB,QAAQ,8BAA8B;AACpE,SAA0EC,QAAQ,QAAQ,sBAAsB;AAChH,SAASC,KAAK,QAAQ,0BAA0B;AAChD,SAASC,yBAAyB,QAAQ,UAAU;AAEpD,MAAMC,aAAa,GAAGC,IAAA,IAGI;EAAA,IAHH;IACrBC,UAAU;IACVC;EACkB,CAAC,GAAAF,IAAA;EACnB,MAAM;IAAEG;EAAK,CAAC,GAAGT,SAAS,CAAC,CAAC;EAC5B,MAAM;IAAEU;EAAK,CAAC,GAAGnB,UAAU,CAACQ,YAAY,CAAC;EACzC,MAAMY,SAAS,GAAGD,IAAI,KAAKd,IAAI,CAACgB,OAAO;EAEvC,MAAM;IAAEC,OAAO;IAAEC,IAAI;IAAEC;EAAM,CAAC,GAAGvB,QAAQ,CAGvCS,qBAAqB,EAAE;IACvBe,SAAS,EAAE;MACTT,UAAU;MACVC,QAAQ;MACRS,WAAW,EAAE;IACf,CAAC;IACDC,WAAW,EAAE;EACf,CAAC,CAAC;EAEF,MAAMC,OAAO,GAAI,CAACN,OAAO,IAAI,CAACC,IAAI,EAAEM,kBAAkB,CAAC,CAAC,CAAC,EAAEC,KAAK,IAAK,CAAC,CAACN,KAAK;EAC5E,MAAMO,SAAS,GAAGR,IAAI,EAAEM,kBAAkB,CAAC,CAAC,CAAC,EAAEG,IAAI;EAEnD,OACEjC,KAAA,CAAAkC,aAAA,CAAAlC,KAAA,CAAAmC,QAAA,QACEnC,KAAA,CAAAkC,aAAA;IAAKE,SAAS,EAAEjC,UAAU,CAAC,uBAAuB,EAAE;MAClD,cAAc,EAAEkB,SAAS;MACzB,cAAc,EAAE,CAACA;IACnB,CAAC;EAAE,GAEAQ,OAAO,IACR7B,KAAA,CAAAkC,aAAA;IAAKE,SAAS,EACZjC,UAAU,CACR,uIAAuI,EACvI;MACE,WAAW,EAAEkB,SAAS;MACtB,wBAAwB,EAAE,CAACA;IAC7B,CACF;EACD,GAECrB,KAAA,CAAAkC,aAAA,CAAC9B,UAAU,MAAE,CACV,CACJ,EACAmB,OAAO,IACRvB,KAAA,CAAAkC,aAAA;IAAKE,SAAS,EACZjC,UAAU,CACR,uIAAuI,EACvI;MACE,WAAW,EAAEkB,SAAS;MACtB,wBAAwB,EAAE,CAACA;IAC7B,CACF;EACD,GAECrB,KAAA,CAAAkC,aAAA,CAAC3B,OAAO;IAACa,IAAI,EAAEZ,WAAW,CAAC6B;EAAG,CAAE,CAC7B,CACJ,EACA,CAACR,OAAO,IAAIL,IAAI,IACfxB,KAAA,CAAAkC,aAAA;IAAKE,SAAS,EAAC;EAA4D,GACzEpC,KAAA,CAAAkC,aAAA,CAACrB,KAAK;IACJW,IAAI,EAAEA,IAAK;IACXc,WAAW,EAAEpB,QAAQ,KAAKN,QAAQ,CAAC2B,KAAM;IACzCC,SAAS,EAAE1B,yBAAyB,CAACG,UAAU;EAAE,CAClD,CACE,CAEJ,CAAC,EACNjB,KAAA,CAAAkC,aAAA;IAAKE,SAAS,EAAC;EAAgB,GAC5B,CAACb,OAAO,IAAI,CAACM,OAAO,IACnB7B,KAAA,CAAAkC,aAAA,CAAC7B,WAAW;IAACoC,SAAS,EAAET,SAAU;IAACU,aAAa,EAAEvB;EAAK,CAAE,CAExD,CACL,CAAC;AAEP,CAAC;AAED,SAASJ,aAAa","ignoreList":[]}

package/dist/module/OrderBookWidget/Main.js

@@ -2,19 +2,21 @@ import React, { useState, useContext } from 'react';
 import classnames from 'classnames';
 import { Select, Size, Tabs, ThemeContext } from '@oanda/labs-widget-common';
 import { useLocale } from '@oanda/mono-i18n';
-import { BookType } from '../gql/types/graphql';
-import { instrumentSelectConfig, navigationConfig } from './config';
+import { BookType, Division } from '../gql/types/graphql';
+import { instrumentSelectConfig, instrumentSelectConfigOC, navigationConfig } from './config';
 import { ChartWithData } from './ChartWithData';
 const Main = _ref => {
   let {
-    instrument
+    instrument,
+    division
   } = _ref;
+  const selectConfig = division === Division.Oc ? instrumentSelectConfigOC : instrumentSelectConfig;
   const {
     size
   } = useContext(ThemeContext);
   const isDesktop = size === Size.DESKTOP;
   const [bookType, setBookType] = useState(BookType.Order);
-  const [toolInstrument, setToolInstrument] = useState(instrumentSelectConfig[0]);
+  const [toolInstrument, setToolInstrument] = useState(selectConfig[0]);
   const {
     lang
   } = useLocale();
@@ -34,7 +36,7 @@ const Main = _ref => {
     })
   }, React.createElement(Select, {
     selectLabel: lang('instrument'),
-    options: instrumentSelectConfig,
+    options: selectConfig,
     selectedOption: toolInstrument,
     setSelectedOption: val => setToolInstrument(val)
   })), React.createElement(ChartWithData, {

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

@@ -1 +1 @@
-{"version":3,"file":"Main.js","names":["React","useState","useContext","classnames","Select","Size","Tabs","ThemeContext","useLocale","BookType","instrumentSelectConfig","navigationConfig","ChartWithData","Main","_ref","instrument","size","isDesktop","DESKTOP","bookType","setBookType","Order","toolInstrument","setToolInstrument","lang","createElement","Fragment","className","activeTab","handleClick","e","currentTarget","value","labelCallback","items","mobileFullWidth","selectLabel","options","selectedOption","setSelectedOption","val","id"],"sources":["../../../src/OrderBookWidget/Main.tsx"],"sourcesContent":["import React, { useState, useContext } from 'react';\nimport classnames from 'classnames';\nimport {\n  Select, Size, Tabs, ThemeContext,\n} from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport { InstrumentId, MainProps } from './types';\nimport { BookType } from '../gql/types/graphql';\nimport { instrumentSelectConfig, navigationConfig } from './config';\nimport { ChartWithData } from './ChartWithData';\n\nconst Main = ({ instrument }: MainProps) => {\n  const { size } = useContext(ThemeContext);\n  const isDesktop = size === Size.DESKTOP;\n  const [bookType, setBookType] = useState(BookType.Order);\n  const [toolInstrument, setToolInstrument] = useState(instrumentSelectConfig[0]);\n  const { lang } = useLocale();\n\n  return (\n    <>\n      {size && (\n      <div data-testid=\"order-book-widget\" className=\"lw-text-sm lw-tracking-normal\">\n        <Tabs\n          activeTab={bookType}\n          handleClick={(e) => setBookType(e.currentTarget.value as BookType)}\n          labelCallback={lang}\n          items={navigationConfig}\n          mobileFullWidth\n        />\n        {!instrument && (\n        <div className={classnames('lw-mb-6 lw-mt-12 ', {\n          'lw-w-full': !isDesktop,\n          'lw-w-[280px]': isDesktop,\n        })}\n        >\n          <Select\n            selectLabel={lang('instrument')}\n            options={instrumentSelectConfig}\n            selectedOption={toolInstrument}\n            setSelectedOption={\n              (val) => setToolInstrument(val as { id: InstrumentId; label: string })\n            }\n          />\n        </div>\n        )}\n        <ChartWithData instrument={instrument || toolInstrument.id} bookType={bookType} />\n      </div>\n      )}\n    </>\n  );\n};\n\nexport { Main };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,UAAU,QAAQ,OAAO;AACnD,OAAOC,UAAU,MAAM,YAAY;AACnC,SACEC,MAAM,EAAEC,IAAI,EAAEC,IAAI,EAAEC,YAAY,QAC3B,2BAA2B;AAClC,SAASC,SAAS,QAAQ,kBAAkB;AAE5C,SAASC,QAAQ,QAAQ,sBAAsB;AAC/C,SAASC,sBAAsB,EAAEC,gBAAgB,QAAQ,UAAU;AACnE,SAASC,aAAa,QAAQ,iBAAiB;AAE/C,MAAMC,IAAI,GAAGC,IAAA,IAA+B;EAAA,IAA9B;IAAEC;EAAsB,CAAC,GAAAD,IAAA;EACrC,MAAM;IAAEE;EAAK,CAAC,GAAGd,UAAU,CAACK,YAAY,CAAC;EACzC,MAAMU,SAAS,GAAGD,IAAI,KAAKX,IAAI,CAACa,OAAO;EACvC,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAGnB,QAAQ,CAACQ,QAAQ,CAACY,KAAK,CAAC;EACxD,MAAM,CAACC,cAAc,EAAEC,iBAAiB,CAAC,GAAGtB,QAAQ,CAACS,sBAAsB,CAAC,CAAC,CAAC,CAAC;EAC/E,MAAM;IAAEc;EAAK,CAAC,GAAGhB,SAAS,CAAC,CAAC;EAE5B,OACER,KAAA,CAAAyB,aAAA,CAAAzB,KAAA,CAAA0B,QAAA,QACGV,IAAI,IACLhB,KAAA,CAAAyB,aAAA;IAAK,eAAY,mBAAmB;IAACE,SAAS,EAAC;EAA+B,GAC5E3B,KAAA,CAAAyB,aAAA,CAACnB,IAAI;IACHsB,SAAS,EAAET,QAAS;IACpBU,WAAW,EAAGC,CAAC,IAAKV,WAAW,CAACU,CAAC,CAACC,aAAa,CAACC,KAAiB,CAAE;IACnEC,aAAa,EAAET,IAAK;IACpBU,KAAK,EAAEvB,gBAAiB;IACxBwB,eAAe;EAAA,CAChB,CAAC,EACD,CAACpB,UAAU,IACZf,KAAA,CAAAyB,aAAA;IAAKE,SAAS,EAAExB,UAAU,CAAC,mBAAmB,EAAE;MAC9C,WAAW,EAAE,CAACc,SAAS;MACvB,cAAc,EAAEA;IAClB,CAAC;EAAE,GAEDjB,KAAA,CAAAyB,aAAA,CAACrB,MAAM;IACLgC,WAAW,EAAEZ,IAAI,CAAC,YAAY,CAAE;IAChCa,OAAO,EAAE3B,sBAAuB;IAChC4B,cAAc,EAAEhB,cAAe;IAC/BiB,iBAAiB,EACdC,GAAG,IAAKjB,iBAAiB,CAACiB,GAA0C;EACtE,CACF,CACE,CACJ,EACDxC,KAAA,CAAAyB,aAAA,CAACb,aAAa;IAACG,UAAU,EAAEA,UAAU,IAAIO,cAAc,CAACmB,EAAG;IAACtB,QAAQ,EAAEA;EAAS,CAAE,CAC9E,CAEL,CAAC;AAEP,CAAC;AAED,SAASN,IAAI","ignoreList":[]}
+{"version":3,"file":"Main.js","names":["React","useState","useContext","classnames","Select","Size","Tabs","ThemeContext","useLocale","BookType","Division","instrumentSelectConfig","instrumentSelectConfigOC","navigationConfig","ChartWithData","Main","_ref","instrument","division","selectConfig","Oc","size","isDesktop","DESKTOP","bookType","setBookType","Order","toolInstrument","setToolInstrument","lang","createElement","Fragment","className","activeTab","handleClick","e","currentTarget","value","labelCallback","items","mobileFullWidth","selectLabel","options","selectedOption","setSelectedOption","val","id"],"sources":["../../../src/OrderBookWidget/Main.tsx"],"sourcesContent":["import React, { useState, useContext } from 'react';\nimport classnames from 'classnames';\nimport {\n  Select, Size, Tabs, ThemeContext,\n} from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport { InstrumentId, MainProps } from './types';\nimport { BookType, Division } from '../gql/types/graphql';\nimport { instrumentSelectConfig, instrumentSelectConfigOC, navigationConfig } from './config';\nimport { ChartWithData } from './ChartWithData';\n\nconst Main = ({ instrument, division }: MainProps) => {\n  const selectConfig = division === Division.Oc ? instrumentSelectConfigOC : instrumentSelectConfig;\n  const { size } = useContext(ThemeContext);\n  const isDesktop = size === Size.DESKTOP;\n  const [bookType, setBookType] = useState(BookType.Order);\n  const [toolInstrument, setToolInstrument] = useState(selectConfig[0]);\n  const { lang } = useLocale();\n\n  return (\n    <>\n      {size && (\n      <div data-testid=\"order-book-widget\" className=\"lw-text-sm lw-tracking-normal\">\n        <Tabs\n          activeTab={bookType}\n          handleClick={(e) => setBookType(e.currentTarget.value as BookType)}\n          labelCallback={lang}\n          items={navigationConfig}\n          mobileFullWidth\n        />\n        {!instrument && (\n        <div className={classnames('lw-mb-6 lw-mt-12 ', {\n          'lw-w-full': !isDesktop,\n          'lw-w-[280px]': isDesktop,\n        })}\n        >\n          <Select\n            selectLabel={lang('instrument')}\n            options={selectConfig}\n            selectedOption={toolInstrument}\n            setSelectedOption={\n              (val) => setToolInstrument(val as { id: InstrumentId; label: string })\n            }\n          />\n        </div>\n        )}\n        <ChartWithData instrument={instrument || toolInstrument.id} bookType={bookType} />\n      </div>\n      )}\n    </>\n  );\n};\n\nexport { Main };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,UAAU,QAAQ,OAAO;AACnD,OAAOC,UAAU,MAAM,YAAY;AACnC,SACEC,MAAM,EAAEC,IAAI,EAAEC,IAAI,EAAEC,YAAY,QAC3B,2BAA2B;AAClC,SAASC,SAAS,QAAQ,kBAAkB;AAE5C,SAASC,QAAQ,EAAEC,QAAQ,QAAQ,sBAAsB;AACzD,SAASC,sBAAsB,EAAEC,wBAAwB,EAAEC,gBAAgB,QAAQ,UAAU;AAC7F,SAASC,aAAa,QAAQ,iBAAiB;AAE/C,MAAMC,IAAI,GAAGC,IAAA,IAAyC;EAAA,IAAxC;IAAEC,UAAU;IAAEC;EAAoB,CAAC,GAAAF,IAAA;EAC/C,MAAMG,YAAY,GAAGD,QAAQ,KAAKR,QAAQ,CAACU,EAAE,GAAGR,wBAAwB,GAAGD,sBAAsB;EACjG,MAAM;IAAEU;EAAK,CAAC,GAAGnB,UAAU,CAACK,YAAY,CAAC;EACzC,MAAMe,SAAS,GAAGD,IAAI,KAAKhB,IAAI,CAACkB,OAAO;EACvC,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAGxB,QAAQ,CAACQ,QAAQ,CAACiB,KAAK,CAAC;EACxD,MAAM,CAACC,cAAc,EAAEC,iBAAiB,CAAC,GAAG3B,QAAQ,CAACkB,YAAY,CAAC,CAAC,CAAC,CAAC;EACrE,MAAM;IAAEU;EAAK,CAAC,GAAGrB,SAAS,CAAC,CAAC;EAE5B,OACER,KAAA,CAAA8B,aAAA,CAAA9B,KAAA,CAAA+B,QAAA,QACGV,IAAI,IACLrB,KAAA,CAAA8B,aAAA;IAAK,eAAY,mBAAmB;IAACE,SAAS,EAAC;EAA+B,GAC5EhC,KAAA,CAAA8B,aAAA,CAACxB,IAAI;IACH2B,SAAS,EAAET,QAAS;IACpBU,WAAW,EAAGC,CAAC,IAAKV,WAAW,CAACU,CAAC,CAACC,aAAa,CAACC,KAAiB,CAAE;IACnEC,aAAa,EAAET,IAAK;IACpBU,KAAK,EAAE1B,gBAAiB;IACxB2B,eAAe;EAAA,CAChB,CAAC,EACD,CAACvB,UAAU,IACZjB,KAAA,CAAA8B,aAAA;IAAKE,SAAS,EAAE7B,UAAU,CAAC,mBAAmB,EAAE;MAC9C,WAAW,EAAE,CAACmB,SAAS;MACvB,cAAc,EAAEA;IAClB,CAAC;EAAE,GAEDtB,KAAA,CAAA8B,aAAA,CAAC1B,MAAM;IACLqC,WAAW,EAAEZ,IAAI,CAAC,YAAY,CAAE;IAChCa,OAAO,EAAEvB,YAAa;IACtBwB,cAAc,EAAEhB,cAAe;IAC/BiB,iBAAiB,EACdC,GAAG,IAAKjB,iBAAiB,CAACiB,GAA0C;EACtE,CACF,CACE,CACJ,EACD7C,KAAA,CAAA8B,aAAA,CAAChB,aAAa;IAACG,UAAU,EAAEA,UAAU,IAAIU,cAAc,CAACmB,EAAG;IAACtB,QAAQ,EAAEA;EAAS,CAAE,CAC9E,CAEL,CAAC;AAEP,CAAC;AAED,SAAST,IAAI","ignoreList":[]}

package/dist/module/OrderBookWidget/OrderBookWidget.js

@@ -10,7 +10,8 @@ const OrderBookWidget = _ref => {
     instrument,
     locale,
     theme,
-    isParamError
+    isParamError,
+    division
   } = _ref;
   const client = new ApolloClient({
     uri: graphqlUrl,
@@ -26,7 +27,8 @@ const OrderBookWidget = _ref => {
   }, isParamError ? React.createElement("div", {
     className: "lw-flex lw-h-[425px] lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary"
   }, React.createElement(ChartError, null)) : React.createElement(Main, {
-    instrument: instrument
+    instrument: instrument,
+    division: division
   }))));
 };
 export { OrderBookWidget };

package/dist/module/OrderBookWidget/OrderBookWidget.js.map

@@ -1 +1 @@
-{"version":3,"file":"OrderBookWidget.js","names":["React","ApolloClient","InMemoryCache","ApolloProvider","LocaleProvider","ChartError","ThemeProvider","getLocale","Main","translations","OrderBookWidget","_ref","graphqlUrl","instrument","locale","theme","isParamError","client","uri","cache","createElement","className"],"sources":["../../../src/OrderBookWidget/OrderBookWidget.tsx"],"sourcesContent":["import React from 'react';\nimport { ApolloClient, InMemoryCache, ApolloProvider } from '@apollo/client';\nimport { LocaleProvider } from '@oanda/mono-i18n';\nimport { ChartError, ThemeProvider, getLocale } from '@oanda/labs-widget-common';\nimport { Main } from './Main';\nimport { OrderBookWidgetConfig } from './types';\nimport { translations } from '../translations';\n\nconst OrderBookWidget = ({\n  graphqlUrl,\n  instrument,\n  locale,\n  theme,\n  isParamError,\n}: OrderBookWidgetConfig) => {\n  const client = new ApolloClient({\n    uri: graphqlUrl,\n    cache: new InMemoryCache(),\n  });\n\n  return (\n    <ThemeProvider theme={theme}>\n      <LocaleProvider locale={getLocale(locale)} translations={translations}>\n        <ApolloProvider client={client}>\n          {isParamError ? (\n            <div className=\"lw-flex lw-h-[425px] lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary\">\n              <ChartError />\n            </div>\n          ) : <Main instrument={instrument} />}\n        </ApolloProvider>\n      </LocaleProvider>\n    </ThemeProvider>\n  );\n};\n\nexport { OrderBookWidget };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,YAAY,EAAEC,aAAa,EAAEC,cAAc,QAAQ,gBAAgB;AAC5E,SAASC,cAAc,QAAQ,kBAAkB;AACjD,SAASC,UAAU,EAAEC,aAAa,EAAEC,SAAS,QAAQ,2BAA2B;AAChF,SAASC,IAAI,QAAQ,QAAQ;AAE7B,SAASC,YAAY,QAAQ,iBAAiB;AAE9C,MAAMC,eAAe,GAAGC,IAAA,IAMK;EAAA,IANJ;IACvBC,UAAU;IACVC,UAAU;IACVC,MAAM;IACNC,KAAK;IACLC;EACqB,CAAC,GAAAL,IAAA;EACtB,MAAMM,MAAM,GAAG,IAAIhB,YAAY,CAAC;IAC9BiB,GAAG,EAAEN,UAAU;IACfO,KAAK,EAAE,IAAIjB,aAAa,CAAC;EAC3B,CAAC,CAAC;EAEF,OACEF,KAAA,CAAAoB,aAAA,CAACd,aAAa;IAACS,KAAK,EAAEA;EAAM,GAC1Bf,KAAA,CAAAoB,aAAA,CAAChB,cAAc;IAACU,MAAM,EAAEP,SAAS,CAACO,MAAM,CAAE;IAACL,YAAY,EAAEA;EAAa,GACpET,KAAA,CAAAoB,aAAA,CAACjB,cAAc;IAACc,MAAM,EAAEA;EAAO,GAC5BD,YAAY,GACXhB,KAAA,CAAAoB,aAAA;IAAKC,SAAS,EAAC;EAAmG,GAChHrB,KAAA,CAAAoB,aAAA,CAACf,UAAU,MAAE,CACV,CAAC,GACJL,KAAA,CAAAoB,aAAA,CAACZ,IAAI;IAACK,UAAU,EAAEA;EAAW,CAAE,CACrB,CACF,CACH,CAAC;AAEpB,CAAC;AAED,SAASH,eAAe","ignoreList":[]}
+{"version":3,"file":"OrderBookWidget.js","names":["React","ApolloClient","InMemoryCache","ApolloProvider","LocaleProvider","ChartError","ThemeProvider","getLocale","Main","translations","OrderBookWidget","_ref","graphqlUrl","instrument","locale","theme","isParamError","division","client","uri","cache","createElement","className"],"sources":["../../../src/OrderBookWidget/OrderBookWidget.tsx"],"sourcesContent":["import React from 'react';\nimport { ApolloClient, InMemoryCache, ApolloProvider } from '@apollo/client';\nimport { LocaleProvider } from '@oanda/mono-i18n';\nimport { ChartError, ThemeProvider, getLocale } from '@oanda/labs-widget-common';\nimport { Main } from './Main';\nimport { OrderBookWidgetConfig } from './types';\nimport { translations } from '../translations';\n\nconst OrderBookWidget = ({\n  graphqlUrl,\n  instrument,\n  locale,\n  theme,\n  isParamError,\n  division,\n}: OrderBookWidgetConfig) => {\n  const client = new ApolloClient({\n    uri: graphqlUrl,\n    cache: new InMemoryCache(),\n  });\n\n  return (\n    <ThemeProvider theme={theme}>\n      <LocaleProvider locale={getLocale(locale)} translations={translations}>\n        <ApolloProvider client={client}>\n          {isParamError ? (\n            <div className=\"lw-flex lw-h-[425px] lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary\">\n              <ChartError />\n            </div>\n          ) : <Main instrument={instrument} division={division} />}\n        </ApolloProvider>\n      </LocaleProvider>\n    </ThemeProvider>\n  );\n};\n\nexport { OrderBookWidget };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,YAAY,EAAEC,aAAa,EAAEC,cAAc,QAAQ,gBAAgB;AAC5E,SAASC,cAAc,QAAQ,kBAAkB;AACjD,SAASC,UAAU,EAAEC,aAAa,EAAEC,SAAS,QAAQ,2BAA2B;AAChF,SAASC,IAAI,QAAQ,QAAQ;AAE7B,SAASC,YAAY,QAAQ,iBAAiB;AAE9C,MAAMC,eAAe,GAAGC,IAAA,IAOK;EAAA,IAPJ;IACvBC,UAAU;IACVC,UAAU;IACVC,MAAM;IACNC,KAAK;IACLC,YAAY;IACZC;EACqB,CAAC,GAAAN,IAAA;EACtB,MAAMO,MAAM,GAAG,IAAIjB,YAAY,CAAC;IAC9BkB,GAAG,EAAEP,UAAU;IACfQ,KAAK,EAAE,IAAIlB,aAAa,CAAC;EAC3B,CAAC,CAAC;EAEF,OACEF,KAAA,CAAAqB,aAAA,CAACf,aAAa;IAACS,KAAK,EAAEA;EAAM,GAC1Bf,KAAA,CAAAqB,aAAA,CAACjB,cAAc;IAACU,MAAM,EAAEP,SAAS,CAACO,MAAM,CAAE;IAACL,YAAY,EAAEA;EAAa,GACpET,KAAA,CAAAqB,aAAA,CAAClB,cAAc;IAACe,MAAM,EAAEA;EAAO,GAC5BF,YAAY,GACXhB,KAAA,CAAAqB,aAAA;IAAKC,SAAS,EAAC;EAAmG,GAChHtB,KAAA,CAAAqB,aAAA,CAAChB,UAAU,MAAE,CACV,CAAC,GACJL,KAAA,CAAAqB,aAAA,CAACb,IAAI;IAACK,UAAU,EAAEA,UAAW;IAACI,QAAQ,EAAEA;EAAS,CAAE,CACzC,CACF,CACH,CAAC;AAEpB,CAAC;AAED,SAASP,eAAe","ignoreList":[]}

package/dist/module/OrderBookWidget/config.js

@@ -7,7 +7,7 @@ const navigationConfig = [{
   id: BookType.Position,
   label: 'position_book'
 }];
-const instrumentSelectConfig = [{
+const instrumentSelectConfigOC = [{
   id: InstrumentId.EUR_AUD,
   label: 'EUR/AUD'
 }, {
@@ -49,7 +49,8 @@ const instrumentSelectConfig = [{
 }, {
   id: InstrumentId.NZD_USD,
   label: 'NZD/USD'
-}, {
+}];
+const instrumentSelectConfig = [...instrumentSelectConfigOC, {
   id: InstrumentId.XAU_USD,
   label: 'XAU/USD'
 }, {
@@ -74,5 +75,5 @@ const instrumentPrecisionConfig = {
   [InstrumentId.XAU_USD]: 3,
   [InstrumentId.XAG_USD]: 5
 };
-export { navigationConfig, instrumentSelectConfig, instrumentPrecisionConfig };
+export { navigationConfig, instrumentSelectConfig, instrumentPrecisionConfig, instrumentSelectConfigOC };
 //# sourceMappingURL=config.js.map

package/dist/module/OrderBookWidget/config.js.map

@@ -1 +1 @@
-{"version":3,"file":"config.js","names":["BookType","InstrumentId","navigationConfig","id","Order","label","Position","instrumentSelectConfig","EUR_AUD","EUR_GBP","EUR_JPY","EUR_USD","EUR_CHF","USD_CHF","USD_JPY","USD_CAD","GBP_USD","GBP_JPY","GBP_CHF","AUD_JPY","AUD_USD","NZD_USD","XAU_USD","XAG_USD","instrumentPrecisionConfig"],"sources":["../../../src/OrderBookWidget/config.ts"],"sourcesContent":["import { BookType } from '../gql/types/graphql';\nimport { InstrumentId } from './types';\n\nconst navigationConfig = [{\n  id: BookType.Order,\n  label: 'order_book',\n}, {\n  id: BookType.Position,\n  label: 'position_book',\n}];\n\nconst instrumentSelectConfig = [{\n  id: InstrumentId.EUR_AUD,\n  label: 'EUR/AUD',\n}, {\n  id: InstrumentId.EUR_GBP,\n  label: 'EUR/GBP',\n}, {\n  id: InstrumentId.EUR_JPY,\n  label: 'EUR/JPY',\n}, {\n  id: InstrumentId.EUR_USD,\n  label: 'EUR/USD',\n}, {\n  id: InstrumentId.EUR_CHF,\n  label: 'EUR/CHF',\n}, {\n  id: InstrumentId.USD_CHF,\n  label: 'USD/CHF',\n}, {\n  id: InstrumentId.USD_JPY,\n  label: 'USD/JPY',\n}, {\n  id: InstrumentId.USD_CAD,\n  label: 'USD/CAD',\n}, {\n  id: InstrumentId.GBP_USD,\n  label: 'GBP/USD',\n}, {\n  id: InstrumentId.GBP_JPY,\n  label: 'GBP/JPY',\n}, {\n  id: InstrumentId.GBP_CHF,\n  label: 'GBP/CHF',\n}, {\n  id: InstrumentId.AUD_JPY,\n  label: 'AUD/JPY',\n}, {\n  id: InstrumentId.AUD_USD,\n  label: 'AUD/USD',\n}, {\n  id: InstrumentId.NZD_USD,\n  label: 'NZD/USD',\n}, {\n  id: InstrumentId.XAU_USD,\n  label: 'XAU/USD',\n}, {\n  id: InstrumentId.XAG_USD,\n  label: 'XAG/USD',\n}];\n\nconst instrumentPrecisionConfig: Record<InstrumentId, number> = {\n  [InstrumentId.EUR_AUD]: 5,\n  [InstrumentId.EUR_GBP]: 5,\n  [InstrumentId.EUR_JPY]: 3,\n  [InstrumentId.EUR_USD]: 5,\n  [InstrumentId.EUR_CHF]: 5,\n  [InstrumentId.USD_CHF]: 5,\n  [InstrumentId.USD_JPY]: 3,\n  [InstrumentId.USD_CAD]: 5,\n  [InstrumentId.GBP_USD]: 5,\n  [InstrumentId.GBP_JPY]: 3,\n  [InstrumentId.GBP_CHF]: 5,\n  [InstrumentId.AUD_JPY]: 3,\n  [InstrumentId.AUD_USD]: 5,\n  [InstrumentId.NZD_USD]: 5,\n  [InstrumentId.XAU_USD]: 3,\n  [InstrumentId.XAG_USD]: 5,\n};\nexport { navigationConfig, instrumentSelectConfig, instrumentPrecisionConfig };\n"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,sBAAsB;AAC/C,SAASC,YAAY,QAAQ,SAAS;AAEtC,MAAMC,gBAAgB,GAAG,CAAC;EACxBC,EAAE,EAAEH,QAAQ,CAACI,KAAK;EAClBC,KAAK,EAAE;AACT,CAAC,EAAE;EACDF,EAAE,EAAEH,QAAQ,CAACM,QAAQ;EACrBD,KAAK,EAAE;AACT,CAAC,CAAC;AAEF,MAAME,sBAAsB,GAAG,CAAC;EAC9BJ,EAAE,EAAEF,YAAY,CAACO,OAAO;EACxBH,KAAK,EAAE;AACT,CAAC,EAAE;EACDF,EAAE,EAAEF,YAAY,CAACQ,OAAO;EACxBJ,KAAK,EAAE;AACT,CAAC,EAAE;EACDF,EAAE,EAAEF,YAAY,CAACS,OAAO;EACxBL,KAAK,EAAE;AACT,CAAC,EAAE;EACDF,EAAE,EAAEF,YAAY,CAACU,OAAO;EACxBN,KAAK,EAAE;AACT,CAAC,EAAE;EACDF,EAAE,EAAEF,YAAY,CAACW,OAAO;EACxBP,KAAK,EAAE;AACT,CAAC,EAAE;EACDF,EAAE,EAAEF,YAAY,CAACY,OAAO;EACxBR,KAAK,EAAE;AACT,CAAC,EAAE;EACDF,EAAE,EAAEF,YAAY,CAACa,OAAO;EACxBT,KAAK,EAAE;AACT,CAAC,EAAE;EACDF,EAAE,EAAEF,YAAY,CAACc,OAAO;EACxBV,KAAK,EAAE;AACT,CAAC,EAAE;EACDF,EAAE,EAAEF,YAAY,CAACe,OAAO;EACxBX,KAAK,EAAE;AACT,CAAC,EAAE;EACDF,EAAE,EAAEF,YAAY,CAACgB,OAAO;EACxBZ,KAAK,EAAE;AACT,CAAC,EAAE;EACDF,EAAE,EAAEF,YAAY,CAACiB,OAAO;EACxBb,KAAK,EAAE;AACT,CAAC,EAAE;EACDF,EAAE,EAAEF,YAAY,CAACkB,OAAO;EACxBd,KAAK,EAAE;AACT,CAAC,EAAE;EACDF,EAAE,EAAEF,YAAY,CAACmB,OAAO;EACxBf,KAAK,EAAE;AACT,CAAC,EAAE;EACDF,EAAE,EAAEF,YAAY,CAACoB,OAAO;EACxBhB,KAAK,EAAE;AACT,CAAC,EAAE;EACDF,EAAE,EAAEF,YAAY,CAACqB,OAAO;EACxBjB,KAAK,EAAE;AACT,CAAC,EAAE;EACDF,EAAE,EAAEF,YAAY,CAACsB,OAAO;EACxBlB,KAAK,EAAE;AACT,CAAC,CAAC;AAEF,MAAMmB,yBAAuD,GAAG;EAC9D,CAACvB,YAAY,CAACO,OAAO,GAAG,CAAC;EACzB,CAACP,YAAY,CAACQ,OAAO,GAAG,CAAC;EACzB,CAACR,YAAY,CAACS,OAAO,GAAG,CAAC;EACzB,CAACT,YAAY,CAACU,OAAO,GAAG,CAAC;EACzB,CAACV,YAAY,CAACW,OAAO,GAAG,CAAC;EACzB,CAACX,YAAY,CAACY,OAAO,GAAG,CAAC;EACzB,CAACZ,YAAY,CAACa,OAAO,GAAG,CAAC;EACzB,CAACb,YAAY,CAACc,OAAO,GAAG,CAAC;EACzB,CAACd,YAAY,CAACe,OAAO,GAAG,CAAC;EACzB,CAACf,YAAY,CAACgB,OAAO,GAAG,CAAC;EACzB,CAAChB,YAAY,CAACiB,OAAO,GAAG,CAAC;EACzB,CAACjB,YAAY,CAACkB,OAAO,GAAG,CAAC;EACzB,CAAClB,YAAY,CAACmB,OAAO,GAAG,CAAC;EACzB,CAACnB,YAAY,CAACoB,OAAO,GAAG,CAAC;EACzB,CAACpB,YAAY,CAACqB,OAAO,GAAG,CAAC;EACzB,CAACrB,YAAY,CAACsB,OAAO,GAAG;AAC1B,CAAC;AACD,SAASrB,gBAAgB,EAAEK,sBAAsB,EAAEiB,yBAAyB","ignoreList":[]}
+{"version":3,"file":"config.js","names":["BookType","InstrumentId","navigationConfig","id","Order","label","Position","instrumentSelectConfigOC","EUR_AUD","EUR_GBP","EUR_JPY","EUR_USD","EUR_CHF","USD_CHF","USD_JPY","USD_CAD","GBP_USD","GBP_JPY","GBP_CHF","AUD_JPY","AUD_USD","NZD_USD","instrumentSelectConfig","XAU_USD","XAG_USD","instrumentPrecisionConfig"],"sources":["../../../src/OrderBookWidget/config.ts"],"sourcesContent":["import { BookType } from '../gql/types/graphql';\nimport { InstrumentId } from './types';\n\nconst navigationConfig = [{\n  id: BookType.Order,\n  label: 'order_book',\n}, {\n  id: BookType.Position,\n  label: 'position_book',\n}];\n\nconst instrumentSelectConfigOC = [{\n  id: InstrumentId.EUR_AUD,\n  label: 'EUR/AUD',\n}, {\n  id: InstrumentId.EUR_GBP,\n  label: 'EUR/GBP',\n}, {\n  id: InstrumentId.EUR_JPY,\n  label: 'EUR/JPY',\n}, {\n  id: InstrumentId.EUR_USD,\n  label: 'EUR/USD',\n}, {\n  id: InstrumentId.EUR_CHF,\n  label: 'EUR/CHF',\n}, {\n  id: InstrumentId.USD_CHF,\n  label: 'USD/CHF',\n}, {\n  id: InstrumentId.USD_JPY,\n  label: 'USD/JPY',\n}, {\n  id: InstrumentId.USD_CAD,\n  label: 'USD/CAD',\n}, {\n  id: InstrumentId.GBP_USD,\n  label: 'GBP/USD',\n}, {\n  id: InstrumentId.GBP_JPY,\n  label: 'GBP/JPY',\n}, {\n  id: InstrumentId.GBP_CHF,\n  label: 'GBP/CHF',\n}, {\n  id: InstrumentId.AUD_JPY,\n  label: 'AUD/JPY',\n}, {\n  id: InstrumentId.AUD_USD,\n  label: 'AUD/USD',\n}, {\n  id: InstrumentId.NZD_USD,\n  label: 'NZD/USD',\n}];\n\nconst instrumentSelectConfig = [\n  ...instrumentSelectConfigOC,\n  {\n    id: InstrumentId.XAU_USD,\n    label: 'XAU/USD',\n  }, {\n    id: InstrumentId.XAG_USD,\n    label: 'XAG/USD',\n  }];\n\nconst instrumentPrecisionConfig: Record<InstrumentId, number> = {\n  [InstrumentId.EUR_AUD]: 5,\n  [InstrumentId.EUR_GBP]: 5,\n  [InstrumentId.EUR_JPY]: 3,\n  [InstrumentId.EUR_USD]: 5,\n  [InstrumentId.EUR_CHF]: 5,\n  [InstrumentId.USD_CHF]: 5,\n  [InstrumentId.USD_JPY]: 3,\n  [InstrumentId.USD_CAD]: 5,\n  [InstrumentId.GBP_USD]: 5,\n  [InstrumentId.GBP_JPY]: 3,\n  [InstrumentId.GBP_CHF]: 5,\n  [InstrumentId.AUD_JPY]: 3,\n  [InstrumentId.AUD_USD]: 5,\n  [InstrumentId.NZD_USD]: 5,\n  [InstrumentId.XAU_USD]: 3,\n  [InstrumentId.XAG_USD]: 5,\n};\nexport {\n  navigationConfig, instrumentSelectConfig, instrumentPrecisionConfig, instrumentSelectConfigOC,\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/module/OrderBookWidget/render.js

@@ -2,11 +2,14 @@ import React from 'react';
 import { createRoot } from 'react-dom/client';
 import { validateLocale, validateToolParams } from '@oanda/labs-widget-common';
 import { OrderBookWidget } from './OrderBookWidget';
+import { Division } from '../gql/types/graphql';
+import { instrumentSelectConfigOC, instrumentSelectConfig } from './config';
 const {
   graphqlUrl: configGraphQl,
   instrument: configInstrument,
   renderElementId: configRenderElementId,
-  locale: configLocale
+  locale: configLocale,
+  division: configDivision
 } = window.volatilityChartWidgetConfig || {};
 const {
   graphqlUrl
@@ -19,23 +22,48 @@ if (orderBookElements.length > 0) {
     const mode = element.getAttribute('data-mode');
     const {
       instrument,
-      locale
+      locale,
+      division
     } = JSON.parse(params);
-    const isParamError = validateToolParams({
+    const isParamError = instrument ? validateToolParams({
+      locale,
+      graphqlUrl,
+      division,
+      instrument
+    }, [{
+      name: 'locale',
+      valueCheck: value => validateLocale(value)
+    }, {
+      name: 'graphqlUrl'
+    }, {
+      name: 'division',
+      valueCheck: value => Object.values(Division).includes(value)
+    }, {
+      name: 'instrument',
+      valueCheck: value => {
+        const acceptableInstruments = division === Division.Oc ? instrumentSelectConfigOC : instrumentSelectConfig;
+        return Object.values(acceptableInstruments.map(x => x.id)).includes(value.replace(/\/|_/g, ''));
+      }
+    }]) : validateToolParams({
       locale,
-      graphqlUrl
+      graphqlUrl,
+      division
     }, [{
       name: 'locale',
       valueCheck: value => validateLocale(value)
     }, {
       name: 'graphqlUrl'
+    }, {
+      name: 'division',
+      valueCheck: value => Object.values(Division).includes(value)
     }]);
     root.render(React.createElement(OrderBookWidget, {
       locale: locale,
       graphqlUrl: graphqlUrl,
       instrument: instrument,
       theme: mode,
-      isParamError: isParamError
+      isParamError: isParamError,
+      division: division
     }));
   });
 } else {
@@ -44,7 +72,8 @@ if (orderBookElements.length > 0) {
   root.render(React.createElement(OrderBookWidget, {
     locale: configLocale,
     graphqlUrl: configGraphQl,
-    instrument: configInstrument
+    instrument: configInstrument,
+    division: configDivision
   }));
 }
 //# sourceMappingURL=render.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"render.js","names":["React","createRoot","validateLocale","validateToolParams","OrderBookWidget","graphqlUrl","configGraphQl","instrument","configInstrument","renderElementId","configRenderElementId","locale","configLocale","window","volatilityChartWidgetConfig","widgetsConfig","orderBookElements","document","querySelectorAll","length","forEach","element","root","params","getAttribute","mode","JSON","parse","isParamError","name","valueCheck","value","render","createElement","theme","container","getElementById"],"sources":["../../../src/OrderBookWidget/render.tsx"],"sourcesContent":["import React from 'react';\nimport { createRoot } from 'react-dom/client';\nimport { Theme, validateLocale, validateToolParams } from '@oanda/labs-widget-common';\nimport { OrderBookWidget } from './OrderBookWidget';\n\nconst {\n  graphqlUrl: configGraphQl,\n  instrument: configInstrument,\n  renderElementId: configRenderElementId,\n  locale: configLocale,\n} = window.volatilityChartWidgetConfig || {};\n\nconst {\n  graphqlUrl,\n} = window.widgetsConfig || {};\n\nconst orderBookElements = document.querySelectorAll('div[data-order-book-params]');\n\nif (orderBookElements.length > 0) {\n  orderBookElements.forEach((element) => {\n    const root = createRoot(element);\n    const params = element.getAttribute('data-order-book-params');\n    const mode = element.getAttribute('data-mode');\n    const { instrument, locale } = JSON.parse(params as string);\n\n    const isParamError = validateToolParams({ locale, graphqlUrl }, [\n      {\n        name: 'locale',\n        valueCheck: (value) => validateLocale(value),\n      }, {\n        name: 'graphqlUrl',\n      }]);\n    root.render(\n      <OrderBookWidget\n        locale={locale}\n        graphqlUrl={graphqlUrl}\n        instrument={instrument}\n        theme={mode as Theme}\n        isParamError={isParamError}\n      />,\n    );\n  });\n} else {\n  const container = document.getElementById(configRenderElementId);\n  const root = createRoot(container!);\n\n  root.render(\n    <OrderBookWidget\n      locale={configLocale}\n      graphqlUrl={configGraphQl}\n      instrument={configInstrument}\n    />,\n  );\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAAgBC,cAAc,EAAEC,kBAAkB,QAAQ,2BAA2B;AACrF,SAASC,eAAe,QAAQ,mBAAmB;AAEnD,MAAM;EACJC,UAAU,EAAEC,aAAa;EACzBC,UAAU,EAAEC,gBAAgB;EAC5BC,eAAe,EAAEC,qBAAqB;EACtCC,MAAM,EAAEC;AACV,CAAC,GAAGC,MAAM,CAACC,2BAA2B,IAAI,CAAC,CAAC;AAE5C,MAAM;EACJT;AACF,CAAC,GAAGQ,MAAM,CAACE,aAAa,IAAI,CAAC,CAAC;AAE9B,MAAMC,iBAAiB,GAAGC,QAAQ,CAACC,gBAAgB,CAAC,6BAA6B,CAAC;AAElF,IAAIF,iBAAiB,CAACG,MAAM,GAAG,CAAC,EAAE;EAChCH,iBAAiB,CAACI,OAAO,CAAEC,OAAO,IAAK;IACrC,MAAMC,IAAI,GAAGrB,UAAU,CAACoB,OAAO,CAAC;IAChC,MAAME,MAAM,GAAGF,OAAO,CAACG,YAAY,CAAC,wBAAwB,CAAC;IAC7D,MAAMC,IAAI,GAAGJ,OAAO,CAACG,YAAY,CAAC,WAAW,CAAC;IAC9C,MAAM;MAAEjB,UAAU;MAAEI;IAAO,CAAC,GAAGe,IAAI,CAACC,KAAK,CAACJ,MAAgB,CAAC;IAE3D,MAAMK,YAAY,GAAGzB,kBAAkB,CAAC;MAAEQ,MAAM;MAAEN;IAAW,CAAC,EAAE,CAC9D;MACEwB,IAAI,EAAE,QAAQ;MACdC,UAAU,EAAGC,KAAK,IAAK7B,cAAc,CAAC6B,KAAK;IAC7C,CAAC,EAAE;MACDF,IAAI,EAAE;IACR,CAAC,CAAC,CAAC;IACLP,IAAI,CAACU,MAAM,CACThC,KAAA,CAAAiC,aAAA,CAAC7B,eAAe;MACdO,MAAM,EAAEA,MAAO;MACfN,UAAU,EAAEA,UAAW;MACvBE,UAAU,EAAEA,UAAW;MACvB2B,KAAK,EAAET,IAAc;MACrBG,YAAY,EAAEA;IAAa,CAC5B,CACH,CAAC;EACH,CAAC,CAAC;AACJ,CAAC,MAAM;EACL,MAAMO,SAAS,GAAGlB,QAAQ,CAACmB,cAAc,CAAC1B,qBAAqB,CAAC;EAChE,MAAMY,IAAI,GAAGrB,UAAU,CAACkC,SAAU,CAAC;EAEnCb,IAAI,CAACU,MAAM,CACThC,KAAA,CAAAiC,aAAA,CAAC7B,eAAe;IACdO,MAAM,EAAEC,YAAa;IACrBP,UAAU,EAAEC,aAAc;IAC1BC,UAAU,EAAEC;EAAiB,CAC9B,CACH,CAAC;AACH","ignoreList":[]}
+{"version":3,"file":"render.js","names":["React","createRoot","validateLocale","validateToolParams","OrderBookWidget","Division","instrumentSelectConfigOC","instrumentSelectConfig","graphqlUrl","configGraphQl","instrument","configInstrument","renderElementId","configRenderElementId","locale","configLocale","division","configDivision","window","volatilityChartWidgetConfig","widgetsConfig","orderBookElements","document","querySelectorAll","length","forEach","element","root","params","getAttribute","mode","JSON","parse","isParamError","name","valueCheck","value","Object","values","includes","acceptableInstruments","Oc","map","x","id","replace","render","createElement","theme","container","getElementById"],"sources":["../../../src/OrderBookWidget/render.tsx"],"sourcesContent":["import React from 'react';\nimport { createRoot } from 'react-dom/client';\nimport { Theme, validateLocale, validateToolParams } from '@oanda/labs-widget-common';\nimport { OrderBookWidget } from './OrderBookWidget';\nimport { Division } from '../gql/types/graphql';\nimport { instrumentSelectConfigOC, instrumentSelectConfig } from './config';\n\nconst {\n  graphqlUrl: configGraphQl,\n  instrument: configInstrument,\n  renderElementId: configRenderElementId,\n  locale: configLocale,\n  division: configDivision,\n} = window.volatilityChartWidgetConfig || {};\n\nconst {\n  graphqlUrl,\n} = window.widgetsConfig || {};\n\nconst orderBookElements = document.querySelectorAll('div[data-order-book-params]');\n\nif (orderBookElements.length > 0) {\n  orderBookElements.forEach((element) => {\n    const root = createRoot(element);\n    const params = element.getAttribute('data-order-book-params');\n    const mode = element.getAttribute('data-mode');\n    const { instrument, locale, division } = JSON.parse(params as string);\n\n    const isParamError = instrument ? validateToolParams({\n      locale, graphqlUrl, division, instrument,\n    }, [\n      {\n        name: 'locale',\n        valueCheck: (value) => validateLocale(value),\n      }, {\n        name: 'graphqlUrl',\n      }, {\n        name: 'division',\n        valueCheck: (value) => Object.values(Division).includes(value),\n      }, {\n        name: 'instrument',\n        valueCheck: (value) => {\n          const acceptableInstruments = division === Division.Oc\n            ? instrumentSelectConfigOC\n            : instrumentSelectConfig;\n\n          return Object.values(\n            acceptableInstruments.map((x) => x.id),\n          ).includes(value.replace(/\\/|_/g, ''));\n        },\n      },\n    ]) : validateToolParams({ locale, graphqlUrl, division }, [\n      {\n        name: 'locale',\n        valueCheck: (value) => validateLocale(value),\n      }, {\n        name: 'graphqlUrl',\n      }, {\n        name: 'division',\n        valueCheck: (value) => Object.values(Division).includes(value),\n      }]);\n\n    root.render(\n      <OrderBookWidget\n        locale={locale}\n        graphqlUrl={graphqlUrl}\n        instrument={instrument}\n        theme={mode as Theme}\n        isParamError={isParamError}\n        division={division}\n      />,\n    );\n  });\n} else {\n  const container = document.getElementById(configRenderElementId);\n  const root = createRoot(container!);\n\n  root.render(\n    <OrderBookWidget\n      locale={configLocale}\n      graphqlUrl={configGraphQl}\n      instrument={configInstrument}\n      division={configDivision}\n    />,\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/module/OrderBookWidget/types.js

@@ -1,20 +1,20 @@
 export let InstrumentId = function (InstrumentId) {
-  InstrumentId["EUR_AUD"] = "EUR_AUD";
-  InstrumentId["EUR_GBP"] = "EUR_GBP";
-  InstrumentId["EUR_JPY"] = "EUR_JPY";
-  InstrumentId["EUR_USD"] = "EUR_USD";
-  InstrumentId["EUR_CHF"] = "EUR_CHF";
-  InstrumentId["USD_CHF"] = "USD_CHF";
-  InstrumentId["USD_JPY"] = "USD_JPY";
-  InstrumentId["USD_CAD"] = "USD_CAD";
-  InstrumentId["GBP_USD"] = "GBP_USD";
-  InstrumentId["GBP_JPY"] = "GBP_JPY";
-  InstrumentId["GBP_CHF"] = "GBP_CHF";
-  InstrumentId["AUD_JPY"] = "AUD_JPY";
-  InstrumentId["AUD_USD"] = "AUD_USD";
-  InstrumentId["NZD_USD"] = "NZD_USD";
-  InstrumentId["XAU_USD"] = "XAU_USD";
-  InstrumentId["XAG_USD"] = "XAG_USD";
+  InstrumentId["EUR_AUD"] = "EURAUD";
+  InstrumentId["EUR_GBP"] = "EURGBP";
+  InstrumentId["EUR_JPY"] = "EURJPY";
+  InstrumentId["EUR_USD"] = "EURUSD";
+  InstrumentId["EUR_CHF"] = "EURCHF";
+  InstrumentId["USD_CHF"] = "USDCHF";
+  InstrumentId["USD_JPY"] = "USDJPY";
+  InstrumentId["USD_CAD"] = "USDCAD";
+  InstrumentId["GBP_USD"] = "GBPUSD";
+  InstrumentId["GBP_JPY"] = "GBPJPY";
+  InstrumentId["GBP_CHF"] = "GBPCHF";
+  InstrumentId["AUD_JPY"] = "AUDJPY";
+  InstrumentId["AUD_USD"] = "AUDUSD";
+  InstrumentId["NZD_USD"] = "NZDUSD";
+  InstrumentId["XAU_USD"] = "XAUUSD";
+  InstrumentId["XAG_USD"] = "XAGUSD";
   return InstrumentId;
 }({});
 //# sourceMappingURL=types.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["InstrumentId"],"sources":["../../../src/OrderBookWidget/types.ts"],"sourcesContent":["import { Theme } from '@oanda/labs-widget-common';\nimport { Locale } from '@oanda/mono-i18n';\nimport { BookType } from '../gql/types/graphql';\n\nexport interface OrderBookWidgetConfig {\n  graphqlUrl: string;\n  instrument: InstrumentId;\n  locale: Locale;\n  theme?: Theme;\n  isParamError?: boolean;\n}\n\nexport interface OrderBookWrapperConfig extends OrderBookWidgetConfig {\n  renderElementId: string;\n}\n\nexport interface MainProps {\n  instrument?: InstrumentId;\n}\n\nexport interface ChartWithDataProps {\n  instrument: InstrumentId;\n  bookType: BookType;\n}\n\nexport enum InstrumentId {\n  EUR_AUD = 'EUR_AUD',\n  EUR_GBP = 'EUR_GBP',\n  EUR_JPY = 'EUR_JPY',\n  EUR_USD = 'EUR_USD',\n  EUR_CHF = 'EUR_CHF',\n  USD_CHF = 'USD_CHF',\n  USD_JPY = 'USD_JPY',\n  USD_CAD = 'USD_CAD',\n  GBP_USD = 'GBP_USD',\n  GBP_JPY = 'GBP_JPY',\n  GBP_CHF = 'GBP_CHF',\n  AUD_JPY = 'AUD_JPY',\n  AUD_USD = 'AUD_USD',\n  NZD_USD = 'NZD_USD',\n  XAU_USD = 'XAU_USD',\n  XAG_USD = 'XAG_USD',\n}\n"],"mappings":"AAyBA,WAAYA,YAAY,aAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAA,OAAZA,YAAY;AAAA","ignoreList":[]}
+{"version":3,"file":"types.js","names":["InstrumentId"],"sources":["../../../src/OrderBookWidget/types.ts"],"sourcesContent":["import { Theme } from '@oanda/labs-widget-common';\nimport { Locale } from '@oanda/mono-i18n';\nimport { BookType, Division } from '../gql/types/graphql';\n\nexport interface OrderBookWidgetConfig {\n  graphqlUrl: string;\n  instrument: InstrumentId;\n  locale: Locale;\n  theme?: Theme;\n  isParamError?: boolean;\n  division: Division;\n}\n\nexport interface OrderBookWrapperConfig extends OrderBookWidgetConfig {\n  renderElementId: string;\n}\n\nexport interface MainProps {\n  instrument?: InstrumentId;\n  division: Division;\n}\n\nexport interface ChartWithDataProps {\n  instrument: InstrumentId;\n  bookType: BookType;\n}\n\nexport enum InstrumentId {\n  EUR_AUD = 'EURAUD',\n  EUR_GBP = 'EURGBP',\n  EUR_JPY = 'EURJPY',\n  EUR_USD = 'EURUSD',\n  EUR_CHF = 'EURCHF',\n  USD_CHF = 'USDCHF',\n  USD_JPY = 'USDJPY',\n  USD_CAD = 'USDCAD',\n  GBP_USD = 'GBPUSD',\n  GBP_JPY = 'GBPJPY',\n  GBP_CHF = 'GBPCHF',\n  AUD_JPY = 'AUDJPY',\n  AUD_USD = 'AUDUSD',\n  NZD_USD = 'NZDUSD',\n  XAU_USD = 'XAUUSD',\n  XAG_USD = 'XAGUSD',\n}\n"],"mappings":"AA2BA,WAAYA,YAAY,aAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAA,OAAZA,YAAY;AAAA","ignoreList":[]}