@oanda/labs-order-book-widget 1.0.41 → 1.0.43

package/CHANGELOG.md

@@ -3,6 +3,322 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 1.0.43 (2023-11-15)
+
+
+
+## 1.0.42 (2023-11-10)
+
+
+
+## 1.0.41 (2023-11-03)
+
+
+
+## 1.0.40 (2023-11-02)
+
+
+
+## 1.0.39 (2023-11-02)
+
+
+
+## 1.0.38 (2023-10-26)
+
+
+
+## 1.0.37 (2023-10-26)
+
+
+
+## 1.0.36 (2023-10-25)
+
+
+
+## 1.0.35 (2023-10-24)
+
+
+
+## 1.0.34 (2023-10-23)
+
+
+
+## 1.0.33 (2023-10-23)
+
+
+
+## 1.0.32 (2023-10-23)
+
+
+
+## 1.0.31 (2023-10-20)
+
+
+
+## 1.0.30 (2023-10-19)
+
+
+
+## 1.0.29 (2023-10-19)
+
+
+
+## 1.0.28 (2023-10-19)
+
+
+
+## 1.0.27 (2023-10-18)
+
+
+
+## 1.0.26 (2023-10-18)
+
+
+
+## 1.0.25 (2023-10-17)
+
+
+
+## 1.0.24 (2023-10-13)
+
+
+
+## 1.0.23 (2023-10-13)
+
+
+
+## 1.0.22 (2023-10-11)
+
+
+
+## 1.0.21 (2023-10-10)
+
+
+
+## 1.0.20 (2023-10-06)
+
+
+
+## 1.0.19 (2023-10-06)
+
+
+
+## 1.0.18 (2023-10-05)
+
+
+
+## 1.0.17 (2023-10-04)
+
+
+
+## 1.0.16 (2023-10-04)
+
+
+
+## 1.0.15 (2023-10-04)
+
+
+
+## 1.0.14 (2023-10-03)
+
+
+
+## 1.0.13 (2023-10-03)
+
+
+
+## 1.0.12 (2023-10-03)
+
+
+
+## 1.0.11 (2023-10-02)
+
+
+
+## 1.0.10 (2023-09-29)
+
+
+
+## 1.0.9 (2023-09-28)
+
+
+
+## 1.0.8 (2023-09-27)
+
+
+
+## 1.0.7 (2023-09-26)
+
+
+
+## 1.0.6 (2023-09-21)
+
+
+
+## 1.0.5 (2023-09-13)
+
+**Note:** Version bump only for package @oanda/labs-order-book-widget
+
+
+
+
+
+## 1.0.42 (2023-11-10)
+
+
+
+## 1.0.41 (2023-11-03)
+
+
+
+## 1.0.40 (2023-11-02)
+
+
+
+## 1.0.39 (2023-11-02)
+
+
+
+## 1.0.38 (2023-10-26)
+
+
+
+## 1.0.37 (2023-10-26)
+
+
+
+## 1.0.36 (2023-10-25)
+
+
+
+## 1.0.35 (2023-10-24)
+
+
+
+## 1.0.34 (2023-10-23)
+
+
+
+## 1.0.33 (2023-10-23)
+
+
+
+## 1.0.32 (2023-10-23)
+
+
+
+## 1.0.31 (2023-10-20)
+
+
+
+## 1.0.30 (2023-10-19)
+
+
+
+## 1.0.29 (2023-10-19)
+
+
+
+## 1.0.28 (2023-10-19)
+
+
+
+## 1.0.27 (2023-10-18)
+
+
+
+## 1.0.26 (2023-10-18)
+
+
+
+## 1.0.25 (2023-10-17)
+
+
+
+## 1.0.24 (2023-10-13)
+
+
+
+## 1.0.23 (2023-10-13)
+
+
+
+## 1.0.22 (2023-10-11)
+
+
+
+## 1.0.21 (2023-10-10)
+
+
+
+## 1.0.20 (2023-10-06)
+
+
+
+## 1.0.19 (2023-10-06)
+
+
+
+## 1.0.18 (2023-10-05)
+
+
+
+## 1.0.17 (2023-10-04)
+
+
+
+## 1.0.16 (2023-10-04)
+
+
+
+## 1.0.15 (2023-10-04)
+
+
+
+## 1.0.14 (2023-10-03)
+
+
+
+## 1.0.13 (2023-10-03)
+
+
+
+## 1.0.12 (2023-10-03)
+
+
+
+## 1.0.11 (2023-10-02)
+
+
+
+## 1.0.10 (2023-09-29)
+
+
+
+## 1.0.9 (2023-09-28)
+
+
+
+## 1.0.8 (2023-09-27)
+
+
+
+## 1.0.7 (2023-09-26)
+
+
+
+## 1.0.6 (2023-09-21)
+
+
+
+## 1.0.5 (2023-09-13)
+
+**Note:** Version bump only for package @oanda/labs-order-book-widget
+
+
+
+
+
 ## 1.0.41 (2023-11-03)
 
 

package/codegen.ts

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

package/dist/main/OrderBookWidget/OrderBookWidget.js

@@ -5,26 +5,30 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.OrderBookWidget = void 0;
 var _react = _interopRequireDefault(require("react"));
+var _client = require("@apollo/client");
 var _monoI18n = require("@oanda/mono-i18n");
 var _labsWidgetCommon = require("@oanda/labs-widget-common");
-var _Main = require("./Main");
+var _Widget = require("./Widget");
 var _translations = require("../translations");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const OrderBookWidget = _ref => {
   let {
-    apiUrl,
+    graphqlUrl,
     instrument,
-    division,
     locale
   } = _ref;
+  const client = new _client.ApolloClient({
+    uri: graphqlUrl,
+    cache: new _client.InMemoryCache()
+  });
   return _react.default.createElement(_monoI18n.LocaleProvider, {
     locale: (0, _labsWidgetCommon.getLocale)(locale),
     translations: _translations.translations
-  }, _react.default.createElement(_Main.Main, {
-    apiUrl: apiUrl,
-    instrument: instrument,
-    division: division
-  }));
+  }, _react.default.createElement(_client.ApolloProvider, {
+    client: client
+  }, _react.default.createElement(_Widget.Widget, {
+    instrument: instrument
+  })));
 };
 exports.OrderBookWidget = OrderBookWidget;
 //# sourceMappingURL=OrderBookWidget.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"OrderBookWidget.js","names":["_react","_interopRequireDefault","require","_monoI18n","_labsWidgetCommon","_Main","_translations","obj","__esModule","default","OrderBookWidget","_ref","apiUrl","instrument","division","locale","createElement","LocaleProvider","getLocale","translations","Main","exports"],"sources":["../../../src/OrderBookWidget/OrderBookWidget.tsx"],"sourcesContent":["import React from 'react';\nimport { LocaleProvider } from '@oanda/mono-i18n';\nimport { getLocale } from '@oanda/labs-widget-common';\nimport { Main } from './Main';\nimport { OrderBookWidgetConfig } from './types';\nimport { translations } from '../translations';\n\nconst OrderBookWidget = ({\n  apiUrl,\n  instrument,\n  division,\n  locale,\n}: OrderBookWidgetConfig) => (\n  <LocaleProvider locale={getLocale(locale)} translations={translations}>\n    <Main\n      apiUrl={apiUrl}\n      instrument={instrument}\n      division={division}\n    />\n  </LocaleProvider>\n);\n\nexport { OrderBookWidget };\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AAEA,IAAAI,aAAA,GAAAJ,OAAA;AAA+C,SAAAD,uBAAAM,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAE/C,MAAMG,eAAe,GAAGC,IAAA;EAAA,IAAC;IACvBC,MAAM;IACNC,UAAU;IACVC,QAAQ;IACRC;EACqB,CAAC,GAAAJ,IAAA;EAAA,OACtBX,MAAA,CAAAS,OAAA,CAAAO,aAAA,CAACb,SAAA,CAAAc,cAAc;IAACF,MAAM,EAAE,IAAAG,2BAAS,EAACH,MAAM,CAAE;IAACI,YAAY,EAAEA;EAAa,GACpEnB,MAAA,CAAAS,OAAA,CAAAO,aAAA,CAACX,KAAA,CAAAe,IAAI;IACHR,MAAM,EAAEA,MAAO;IACfC,UAAU,EAAEA,UAAW;IACvBC,QAAQ,EAAEA;EAAS,CACpB,CACa,CAAC;AAAA,CAClB;AAACO,OAAA,CAAAX,eAAA,GAAAA,eAAA"}
+{"version":3,"file":"OrderBookWidget.js","names":["_react","_interopRequireDefault","require","_client","_monoI18n","_labsWidgetCommon","_Widget","_translations","obj","__esModule","default","OrderBookWidget","_ref","graphqlUrl","instrument","locale","client","ApolloClient","uri","cache","InMemoryCache","createElement","LocaleProvider","getLocale","translations","ApolloProvider","Widget","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 { getLocale } from '@oanda/labs-widget-common';\nimport { Widget } from './Widget';\nimport { OrderBookWidgetConfig } from './types';\nimport { translations } from '../translations';\n\nconst OrderBookWidget = ({\n  graphqlUrl,\n  instrument,\n  locale,\n}: OrderBookWidgetConfig) => {\n  const client = new ApolloClient({\n    uri: graphqlUrl,\n    cache: new InMemoryCache(),\n  });\n\n  return (\n    <LocaleProvider locale={getLocale(locale)} translations={translations}>\n      <ApolloProvider client={client}>\n        <Widget instrument={instrument} />\n      </ApolloProvider>\n    </LocaleProvider>\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,OAAA,GAAAJ,OAAA;AAEA,IAAAK,aAAA,GAAAL,OAAA;AAA+C,SAAAD,uBAAAO,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAE/C,MAAMG,eAAe,GAAGC,IAAA,IAIK;EAAA,IAJJ;IACvBC,UAAU;IACVC,UAAU;IACVC;EACqB,CAAC,GAAAH,IAAA;EACtB,MAAMI,MAAM,GAAG,IAAIC,oBAAY,CAAC;IAC9BC,GAAG,EAAEL,UAAU;IACfM,KAAK,EAAE,IAAIC,qBAAa,CAAC;EAC3B,CAAC,CAAC;EAEF,OACEpB,MAAA,CAAAU,OAAA,CAAAW,aAAA,CAACjB,SAAA,CAAAkB,cAAc;IAACP,MAAM,EAAE,IAAAQ,2BAAS,EAACR,MAAM,CAAE;IAACS,YAAY,EAAEA;EAAa,GACpExB,MAAA,CAAAU,OAAA,CAAAW,aAAA,CAAClB,OAAA,CAAAsB,cAAc;IAACT,MAAM,EAAEA;EAAO,GAC7BhB,MAAA,CAAAU,OAAA,CAAAW,aAAA,CAACf,OAAA,CAAAoB,MAAM;IAACZ,UAAU,EAAEA;EAAW,CAAE,CACnB,CACF,CAAC;AAErB,CAAC;AAACa,OAAA,CAAAhB,eAAA,GAAAA,eAAA"}

package/dist/main/OrderBookWidget/{Main.js → Widget.js}

@@ -3,47 +3,37 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Main = void 0;
+exports.Widget = void 0;
 var _react = _interopRequireWildcard(require("react"));
+var _client = require("@apollo/client");
 var _labsWidgetCommon = require("@oanda/labs-widget-common");
 var _monoI18n = require("@oanda/mono-i18n");
 var _Chart = require("./components/Chart/Chart");
-var _types = require("./types");
-var _utils = require("./utils");
+var _getOrderPositionBooks = require("../gql/getOrderPositionBooks");
+var _graphql = require("../gql/types/graphql");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const Main = _ref => {
+const Widget = _ref => {
   let {
-    apiUrl,
-    instrument,
-    division
+    instrument
   } = _ref;
-  const [isLoading, setIsLoading] = (0, _react.useState)(false);
-  const [error, setError] = (0, _react.useState)(undefined);
-  const [dataType, setDataType] = (0, _react.useState)(_types.DataType.Order);
-  const [data, setData] = (0, _react.useState)(undefined);
+  const [bookType, setBookType] = (0, _react.useState)(_graphql.BookType.Order);
   const {
     lang
   } = (0, _monoI18n.useLocale)();
-  (0, _react.useEffect)(() => {
-    setIsLoading(true);
-    setData(undefined);
-    setError(undefined);
-    (0, _utils.getData)(apiUrl, instrument, division, dataType).then(result => {
-      setIsLoading(false);
-      if (dataType === _types.DataType.Order && result?.orderBooks.length > 0) {
-        setData(result.orderBooks);
-      } else if (dataType === _types.DataType.Position && result?.positionBooks.length > 0) {
-        setData(result.positionBooks);
-      } else {
-        setData(undefined);
-      }
-    }).catch(err => {
-      setIsLoading(false);
-      setError(JSON.stringify(err));
-    });
-  }, [dataType, apiUrl, instrument, division]);
-  const isTypeOrder = dataType === _types.DataType.Order;
+  const {
+    loading,
+    data,
+    error
+  } = (0, _client.useQuery)(_getOrderPositionBooks.getOrderPositionBooks, {
+    variables: {
+      instrument,
+      bookType,
+      recentHours: 1
+    }
+  });
+  const isError = !loading && !data || !!error;
+  const isTypeOrder = bookType === _graphql.BookType.Order;
   return _react.default.createElement("div", {
     "data-testid": "order-book-widget",
     className: "lw-border lw-border-solid lw-border-grey lw-p-4 lw-text-sm lw-tracking-normal lw-text-black"
@@ -51,24 +41,24 @@ const Main = _ref => {
     className: "lw-flex lw-gap-2"
   }, _react.default.createElement(_labsWidgetCommon.Button, {
     variant: isTypeOrder ? _labsWidgetCommon.ButtonVariant.primary : _labsWidgetCommon.ButtonVariant.secondary,
-    onClick: () => setDataType(_types.DataType.Order)
+    onClick: () => setBookType(_graphql.BookType.Order)
   }, lang('order_book')), _react.default.createElement(_labsWidgetCommon.Button, {
     variant: isTypeOrder ? _labsWidgetCommon.ButtonVariant.secondary : _labsWidgetCommon.ButtonVariant.primary,
-    onClick: () => setDataType(_types.DataType.Position)
+    onClick: () => setBookType(_graphql.BookType.Position)
   }, lang('position_book'))), _react.default.createElement("div", {
     className: "lw-relative lw-h-[600px] lw-w-full"
-  }, error && _react.default.createElement("div", {
+  }, isError && _react.default.createElement("div", {
     className: "lw-absolute lw-left-0 lw-top-0 lw-flex lw-h-full lw-w-full lw-items-center lw-justify-center lw-bg-lightGrey/[0.4]"
-  }, _react.default.createElement(_labsWidgetCommon.ChartError, null)), isLoading && _react.default.createElement("div", {
+  }, _react.default.createElement(_labsWidgetCommon.ChartError, null)), loading && _react.default.createElement("div", {
     className: "lw-absolute lw-left-0 lw-top-0 lw-flex lw-h-full lw-w-full lw-items-center lw-justify-center lw-bg-lightGrey/[0.4]"
   }, _react.default.createElement(_labsWidgetCommon.Spinner, {
     size: _labsWidgetCommon.SpinnerSize.lg
   })), data && _react.default.createElement("div", {
     className: "lw-absolute lw-left-0 lw-top-0 lw-flex lw-h-full lw-w-full"
   }, _react.default.createElement(_Chart.Chart, {
-    data: data[data.length - 1],
+    data: data,
     isTypeOrder: isTypeOrder
   }))));
 };
-exports.Main = Main;
-//# sourceMappingURL=Main.js.map
+exports.Widget = Widget;
+//# sourceMappingURL=Widget.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Widget.js","names":["_react","_interopRequireWildcard","require","_client","_labsWidgetCommon","_monoI18n","_Chart","_getOrderPositionBooks","_graphql","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","Widget","_ref","instrument","bookType","setBookType","useState","BookType","Order","lang","useLocale","loading","data","error","useQuery","getOrderPositionBooks","variables","recentHours","isError","isTypeOrder","createElement","className","Button","variant","ButtonVariant","primary","secondary","onClick","Position","ChartError","Spinner","size","SpinnerSize","lg","Chart","exports"],"sources":["../../../src/OrderBookWidget/Widget.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { useQuery } from '@apollo/client';\nimport {\n  Button, ButtonVariant, ChartError, Spinner, SpinnerSize,\n} from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport { Chart } from './components/Chart/Chart';\nimport { WidgetProps } from './types';\nimport { getOrderPositionBooks } from '../gql/getOrderPositionBooks';\nimport { GetOrderPositionBooksQuery, GetOrderPositionBooksQueryVariables, BookType } from '../gql/types/graphql';\n\nconst Widget = ({\n  instrument,\n}: WidgetProps) => {\n  const [bookType, setBookType] = useState(BookType.Order);\n  const { lang } = useLocale();\n\n  const { loading, data, error } = useQuery<\n  GetOrderPositionBooksQuery,\n  GetOrderPositionBooksQueryVariables\n  >(getOrderPositionBooks, {\n    variables: {\n      instrument,\n      bookType,\n      recentHours: 1,\n    },\n  });\n\n  const isError = (!loading && !data) || !!error;\n\n  const isTypeOrder = bookType === BookType.Order;\n\n  return (\n    <div data-testid=\"order-book-widget\" className=\"lw-border lw-border-solid lw-border-grey lw-p-4 lw-text-sm lw-tracking-normal lw-text-black\">\n      <div className=\"lw-flex lw-gap-2\">\n        <Button\n          variant={isTypeOrder ? ButtonVariant.primary : ButtonVariant.secondary}\n          onClick={() => setBookType(BookType.Order)}\n        >\n          {lang('order_book')}\n        </Button>\n        <Button\n          variant={isTypeOrder ? ButtonVariant.secondary : ButtonVariant.primary}\n          onClick={() => setBookType(BookType.Position)}\n        >\n          {lang('position_book')}\n        </Button>\n      </div>\n      {/* @todo: chart height */}\n      <div className=\"lw-relative lw-h-[600px] lw-w-full\">\n        {isError && (\n          <div className=\"lw-absolute lw-left-0 lw-top-0 lw-flex lw-h-full lw-w-full lw-items-center lw-justify-center lw-bg-lightGrey/[0.4]\">\n            <ChartError />\n          </div>\n        )}\n        {loading && (\n          <div className=\"lw-absolute lw-left-0 lw-top-0 lw-flex lw-h-full lw-w-full lw-items-center lw-justify-center lw-bg-lightGrey/[0.4]\">\n            <Spinner size={SpinnerSize.lg} />\n          </div>\n        )}\n        {data && (\n          <div className=\"lw-absolute lw-left-0 lw-top-0 lw-flex lw-h-full lw-w-full\">\n            <Chart data={data} isTypeOrder={isTypeOrder} />\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport { Widget };\n"],"mappings":"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"}

package/dist/main/OrderBookWidget/components/Chart/Chart.js

@@ -20,9 +20,10 @@ const Chart = _ref => {
     isTypeOrder
   } = _ref;
   const chartRef = (0, _react.useRef)(null);
-  const sell = data.buckets.map(item => Number(item.shortCountPercent) * -1);
-  const buy = data.buckets.map(item => Number(item.longCountPercent));
-  const price = data.buckets.map(item => Number(item.price));
+  const buckets = data.orderPositionBooks[0]?.buckets || [];
+  const sell = buckets.map(item => Number(item.shortCountPercent) * -1);
+  const buy = buckets.map(item => Number(item.longCountPercent));
+  const price = buckets.map(item => Number(item.price));
   const maxSell = Math.abs(Math.min(...sell));
   const maxBuy = Math.max(...buy);
   const rangeX = Math.ceil(Math.max(maxSell, maxBuy));

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

@@ -1 +1 @@
-{"version":3,"file":"Chart.js","names":["_react","_interopRequireWildcard","require","_chart","_chartjsPluginZoom","_interopRequireDefault","_reactChartjs","_config","_utils","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","ChartJS","register","CategoryScale","LinearScale","BarElement","Tooltip","zoomPlugin","Chart","_ref","data","isTypeOrder","chartRef","useRef","sell","buckets","map","item","Number","shortCountPercent","buy","longCountPercent","price","maxSell","Math","abs","min","maxBuy","max","rangeX","ceil","minRangeY","maxRangeY","chartData","labels","datasets","backgroundColor","colorNeg","label","barPercentage","borderWidth","categoryPercentage","borderColor","colorPos","useEffect","current","zoomScale","getInitialRange","createElement","className","Fragment","Bar","ref","options","getChartOptions","exports"],"sources":["../../../../../src/OrderBookWidget/components/Chart/Chart.tsx"],"sourcesContent":["import React, { useRef, useEffect } from 'react';\nimport {\n  Chart as ChartJS,\n  CategoryScale,\n  LinearScale,\n  BarElement,\n  Tooltip,\n} from 'chart.js';\nimport zoomPlugin from 'chartjs-plugin-zoom';\nimport { Bar } from 'react-chartjs-2';\nimport type { ChartData } from 'chart.js';\nimport { colorNeg, colorPos, getChartOptions } from './config';\nimport { OrderBookData } from '../../types';\nimport { getInitialRange } from './utils';\n\nChartJS.register(CategoryScale, LinearScale, BarElement, Tooltip, zoomPlugin);\n\nexport const Chart = ({ data, isTypeOrder }: { data: OrderBookData, isTypeOrder: boolean }) => {\n  const chartRef = useRef<ChartJS | null>(null);\n\n  const sell = data.buckets.map((item) => Number(item.shortCountPercent) * -1);\n  const buy = data.buckets.map((item) => Number(item.longCountPercent));\n  const price = data.buckets.map((item) => Number(item.price));\n\n  const maxSell = Math.abs(Math.min(...sell));\n  const maxBuy = Math.max(...buy);\n  const rangeX = Math.ceil((Math.max(maxSell, maxBuy)));\n  const minRangeY = (Math.min(...price));\n  const maxRangeY = (Math.max(...price));\n\n  const chartData: ChartData<'bar'> = {\n    labels: price,\n    datasets: [\n      {\n        data: sell,\n        backgroundColor: colorNeg,\n        label: isTypeOrder ? 'Sell Orders' : 'Short Positions',\n        barPercentage: 1,\n        borderWidth: 1,\n        categoryPercentage: 1,\n        borderColor: 'transparent',\n      },\n      {\n        data: buy,\n        backgroundColor: colorPos,\n        label: isTypeOrder ? 'Buy Orders' : 'Long Positions',\n        borderColor: 'transparent',\n        borderWidth: 1,\n        barPercentage: 1,\n        categoryPercentage: 1,\n      },\n    ],\n  };\n\n  useEffect(() => {\n    if (chartRef && chartRef.current) {\n      chartRef.current.zoomScale('y', getInitialRange(price), 'none');\n    }\n  }, [price]);\n\n  return (\n    <div className=\"lw-w-full\">\n      {/* @todo: set correct margin when new designs are available  */}\n      <div className=\"lw-mb-0 lw-ml-[70px] lw-mr-2.5 lw-mt-[30px] lw-flex lw-justify-between lw-text-xs lw-tracking-normal lw-text-darkGrey\">\n        {isTypeOrder ? (\n          <>\n            <div>Sell</div>\n            <div>Open Orders</div>\n            <div>Buy</div>\n          </>\n        ) : (\n          <>\n            <div>Short</div>\n            <div>Open Positions</div>\n            <div>Long</div>\n          </>\n        )}\n      </div>\n      <Bar\n        ref={chartRef as any}\n        options={getChartOptions(rangeX, minRangeY, maxRangeY)}\n        data={chartData}\n      />\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"Chart.js","names":["_react","_interopRequireWildcard","require","_chart","_chartjsPluginZoom","_interopRequireDefault","_reactChartjs","_config","_utils","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","ChartJS","register","CategoryScale","LinearScale","BarElement","Tooltip","zoomPlugin","Chart","_ref","data","isTypeOrder","chartRef","useRef","buckets","orderPositionBooks","sell","map","item","Number","shortCountPercent","buy","longCountPercent","price","maxSell","Math","abs","min","maxBuy","max","rangeX","ceil","minRangeY","maxRangeY","chartData","labels","datasets","backgroundColor","colorNeg","label","barPercentage","borderWidth","categoryPercentage","borderColor","colorPos","useEffect","current","zoomScale","getInitialRange","createElement","className","Fragment","Bar","ref","options","getChartOptions","exports"],"sources":["../../../../../src/OrderBookWidget/components/Chart/Chart.tsx"],"sourcesContent":["import React, { useRef, useEffect } from 'react';\nimport {\n  Chart as ChartJS,\n  CategoryScale,\n  LinearScale,\n  BarElement,\n  Tooltip,\n} from 'chart.js';\nimport zoomPlugin from 'chartjs-plugin-zoom';\nimport { Bar } from 'react-chartjs-2';\nimport type { ChartData } from 'chart.js';\nimport { colorNeg, colorPos, getChartOptions } from './config';\nimport { getInitialRange } from './utils';\nimport { ChartProps } from './types';\n\nChartJS.register(CategoryScale, LinearScale, BarElement, Tooltip, zoomPlugin);\n\nexport const Chart = ({ data, isTypeOrder }: ChartProps) => {\n  const chartRef = useRef<ChartJS | null>(null);\n\n  const buckets = data.orderPositionBooks[0]?.buckets || [];\n\n  const sell = buckets.map((item) => Number(item!.shortCountPercent) * -1);\n  const buy = buckets.map((item) => Number(item!.longCountPercent));\n  const price = buckets.map((item) => Number(item!.price));\n\n  const maxSell = Math.abs(Math.min(...sell));\n  const maxBuy = Math.max(...buy);\n  const rangeX = Math.ceil((Math.max(maxSell, maxBuy)));\n  const minRangeY = (Math.min(...price));\n  const maxRangeY = (Math.max(...price));\n\n  const chartData: ChartData<'bar'> = {\n    labels: price,\n    datasets: [\n      {\n        data: sell,\n        backgroundColor: colorNeg,\n        label: isTypeOrder ? 'Sell Orders' : 'Short Positions',\n        barPercentage: 1,\n        borderWidth: 1,\n        categoryPercentage: 1,\n        borderColor: 'transparent',\n      },\n      {\n        data: buy,\n        backgroundColor: colorPos,\n        label: isTypeOrder ? 'Buy Orders' : 'Long Positions',\n        borderColor: 'transparent',\n        borderWidth: 1,\n        barPercentage: 1,\n        categoryPercentage: 1,\n      },\n    ],\n  };\n\n  useEffect(() => {\n    if (chartRef && chartRef.current) {\n      chartRef.current.zoomScale('y', getInitialRange(price), 'none');\n    }\n  }, [price]);\n\n  return (\n    <div className=\"lw-w-full\">\n      {/* @todo: set correct margin when new designs are available  */}\n      <div className=\"lw-mb-0 lw-ml-[70px] lw-mr-2.5 lw-mt-[30px] lw-flex lw-justify-between lw-text-xs lw-tracking-normal lw-text-darkGrey\">\n        {isTypeOrder ? (\n          <>\n            <div>Sell</div>\n            <div>Open Orders</div>\n            <div>Buy</div>\n          </>\n        ) : (\n          <>\n            <div>Short</div>\n            <div>Open Positions</div>\n            <div>Long</div>\n          </>\n        )}\n      </div>\n      <Bar\n        ref={chartRef as any}\n        options={getChartOptions(rangeX, minRangeY, maxRangeY)}\n        data={chartData}\n      />\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/main/OrderBookWidget/components/Chart/types.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../../../src/OrderBookWidget/components/Chart/types.tsx"],"sourcesContent":["import { GetOrderPositionBooksQuery } from '../../../gql/types/graphql';\n\nexport interface ChartProps {\n  data: GetOrderPositionBooksQuery;\n  isTypeOrder: boolean;\n}\n"],"mappings":""}

package/dist/main/OrderBookWidget/render.js

@@ -5,16 +5,14 @@ var _reactDom = require("react-dom");
 var _OrderBookWidget = require("./OrderBookWidget");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const {
-  apiUrl,
+  graphqlUrl,
   instrument,
-  division,
   renderElementId,
   locale
 } = window.orderBookWidgetConfig;
 (0, _reactDom.render)(_react.default.createElement(_OrderBookWidget.OrderBookWidget, {
   locale: locale,
-  apiUrl: apiUrl,
-  instrument: instrument,
-  division: division
+  graphqlUrl: graphqlUrl,
+  instrument: instrument
 }), document.getElementById(renderElementId));
 //# sourceMappingURL=render.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"render.js","names":["_react","_interopRequireDefault","require","_reactDom","_OrderBookWidget","obj","__esModule","default","apiUrl","instrument","division","renderElementId","locale","window","orderBookWidgetConfig","render","createElement","OrderBookWidget","document","getElementById"],"sources":["../../../src/OrderBookWidget/render.tsx"],"sourcesContent":["import React from 'react';\nimport { render } from 'react-dom';\nimport { OrderBookWidget } from './OrderBookWidget';\nimport { OrderBookWrapperConfig } from './types';\n\ndeclare global {\n  interface Window {\n    orderBookWidgetConfig: OrderBookWrapperConfig;\n  }\n}\n\nconst {\n  apiUrl,\n  instrument,\n  division,\n  renderElementId,\n  locale,\n} = window.orderBookWidgetConfig;\n\nrender(\n  <OrderBookWidget\n    locale={locale}\n    apiUrl={apiUrl}\n    instrument={instrument}\n    division={division}\n  />,\n  document.getElementById(renderElementId),\n);\n"],"mappings":";;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,gBAAA,GAAAF,OAAA;AAAoD,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AASpD,MAAM;EACJG,MAAM;EACNC,UAAU;EACVC,QAAQ;EACRC,eAAe;EACfC;AACF,CAAC,GAAGC,MAAM,CAACC,qBAAqB;AAEhC,IAAAC,gBAAM,EACJf,MAAA,CAAAO,OAAA,CAAAS,aAAA,CAACZ,gBAAA,CAAAa,eAAe;EACdL,MAAM,EAAEA,MAAO;EACfJ,MAAM,EAAEA,MAAO;EACfC,UAAU,EAAEA,UAAW;EACvBC,QAAQ,EAAEA;AAAS,CACpB,CAAC,EACFQ,QAAQ,CAACC,cAAc,CAACR,eAAe,CACzC,CAAC"}
+{"version":3,"file":"render.js","names":["_react","_interopRequireDefault","require","_reactDom","_OrderBookWidget","obj","__esModule","default","graphqlUrl","instrument","renderElementId","locale","window","orderBookWidgetConfig","render","createElement","OrderBookWidget","document","getElementById"],"sources":["../../../src/OrderBookWidget/render.tsx"],"sourcesContent":["import React from 'react';\nimport { render } from 'react-dom';\nimport { OrderBookWidget } from './OrderBookWidget';\nimport { OrderBookWrapperConfig } from './types';\n\ndeclare global {\n  interface Window {\n    orderBookWidgetConfig: OrderBookWrapperConfig;\n  }\n}\n\nconst {\n  graphqlUrl,\n  instrument,\n  renderElementId,\n  locale,\n} = window.orderBookWidgetConfig;\n\nrender(\n  <OrderBookWidget\n    locale={locale}\n    graphqlUrl={graphqlUrl}\n    instrument={instrument}\n  />,\n  document.getElementById(renderElementId),\n);\n"],"mappings":";;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,gBAAA,GAAAF,OAAA;AAAoD,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AASpD,MAAM;EACJG,UAAU;EACVC,UAAU;EACVC,eAAe;EACfC;AACF,CAAC,GAAGC,MAAM,CAACC,qBAAqB;AAEhC,IAAAC,gBAAM,EACJd,MAAA,CAAAO,OAAA,CAAAQ,aAAA,CAACX,gBAAA,CAAAY,eAAe;EACdL,MAAM,EAAEA,MAAO;EACfH,UAAU,EAAEA,UAAW;EACvBC,UAAU,EAAEA;AAAW,CACxB,CAAC,EACFQ,QAAQ,CAACC,cAAc,CAACR,eAAe,CACzC,CAAC"}

package/dist/main/OrderBookWidget/types.js

@@ -3,10 +3,4 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.DataType = void 0;
-let DataType = exports.DataType = function (DataType) {
-  DataType["Order"] = "ORDER";
-  DataType["Position"] = "POSITION";
-  return DataType;
-}({});
 //# sourceMappingURL=types.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["DataType","exports"],"sources":["../../../src/OrderBookWidget/types.ts"],"sourcesContent":["import { Locale } from '@oanda/mono-i18n';\n\n// @todo get from graphql schema\nexport interface OrderBookData {\n  instrument: string;\n  price: string;\n  bucketWidth: string;\n  buckets: {\n    price: string;\n    longCountPercent: string;\n    shortCountPercent: string;\n  }[];\n  time: string;\n  unixTime: string;\n  region: string;\n  division: string;\n}\n\nexport enum DataType {\n  Order = 'ORDER',\n  Position = 'POSITION',\n}\nexport interface OrderBookWidgetConfig {\n  apiUrl: string;\n  instrument: string;\n  division: string;\n  locale: Locale;\n}\n\nexport interface OrderBookWrapperConfig extends OrderBookWidgetConfig {\n  renderElementId: string;\n}\n\nexport interface MainProps {\n  apiUrl: string;\n  instrument: string;\n  division: string;\n}\n"],"mappings":";;;;;;IAkBYA,QAAQ,GAAAC,OAAA,CAAAD,QAAA,aAARA,QAAQ;EAARA,QAAQ;EAARA,QAAQ;EAAA,OAARA,QAAQ;AAAA"}
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/OrderBookWidget/types.ts"],"sourcesContent":["import { Locale } from '@oanda/mono-i18n';\n\nexport interface OrderBookWidgetConfig {\n  graphqlUrl: string;\n  instrument: string;\n  locale: Locale;\n}\n\nexport interface OrderBookWrapperConfig extends OrderBookWidgetConfig {\n  renderElementId: string;\n}\n\nexport interface WidgetProps {\n  instrument: string;\n}\n"],"mappings":""}

package/dist/main/gql/getOrderPositionBooks.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getOrderPositionBooks = void 0;
+var _client = require("@apollo/client");
+const getOrderPositionBooks = exports.getOrderPositionBooks = (0, _client.gql)`
+  query GetOrderPositionBooks($instrument: String!, $bookType: BookType!, $recentHours: Int) {
+    orderPositionBooks(
+      instrument: $instrument
+      bookType: $bookType
+      recentHours: $recentHours
+    ) {
+      buckets {
+        price
+        longCountPercent
+        shortCountPercent
+      }
+    }
+  }
+`;
+//# sourceMappingURL=getOrderPositionBooks.js.map

package/dist/main/gql/getOrderPositionBooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getOrderPositionBooks.js","names":["_client","require","getOrderPositionBooks","exports","gql"],"sources":["../../../src/gql/getOrderPositionBooks.ts"],"sourcesContent":["import { gql } from '@apollo/client';\n\nconst getOrderPositionBooks = gql`\n  query GetOrderPositionBooks($instrument: String!, $bookType: BookType!, $recentHours: Int) {\n    orderPositionBooks(\n      instrument: $instrument\n      bookType: $bookType\n      recentHours: $recentHours\n    ) {\n      buckets {\n        price\n        longCountPercent\n        shortCountPercent\n      }\n    }\n  }\n`;\n\nexport { getOrderPositionBooks };\n"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAEA,MAAMC,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAG,IAAAE,WAAG,CAAC;AAClC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC"}