@oanda/labs-crowd-view-widget 1.0.43 → 1.0.45

package/dist/main/CrowdViewWidget/components/Chart/utils/chartUtils.js

@@ -0,0 +1,107 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isDifferenceGreaterThanTwoWeeks = exports.getTooltipFormatter = exports.getTimeSpanForGranularity = exports.getRectColor = exports.getLabelData = exports.formatXAxisLabel = void 0;
+var _chromaJs = _interopRequireDefault(require("chroma-js"));
+var _graphql = require("../../../../gql/types/graphql");
+var _constants = require("../../../constants");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const getLabelData = _ref => {
+  let {
+    xAxisData,
+    isGreaterThanTwoWeeks
+  } = _ref;
+  return xAxisData.filter((record, index, arr) => {
+    if (index === 0) {
+      return false;
+    }
+    const previousTimestamp = arr[index - 1];
+    const currentDate = new Date(record);
+    const previousDate = new Date(previousTimestamp);
+    return isGreaterThanTwoWeeks ? currentDate.getDate() !== previousDate.getDate() : currentDate.getMonth() !== previousDate.getMonth();
+  }).map(item => ({
+    name: new Date(item).toLocaleDateString(undefined, {
+      month: isGreaterThanTwoWeeks ? 'short' : 'long',
+      day: isGreaterThanTwoWeeks ? 'numeric' : undefined
+    }),
+    xAxis: item,
+    y: _constants.CHART_CONFIG.HEIGHT - 22,
+    silent: true,
+    emphasis: {
+      disabled: true
+    },
+    label: {
+      fontFamily: 'Sofia W03',
+      fontSize: 10,
+      position: 'bottom',
+      align: 'center',
+      formatter: '{b}'
+    }
+  }));
+};
+exports.getLabelData = getLabelData;
+const isDifferenceGreaterThanTwoWeeks = (startDate, endDate) => {
+  const date1 = new Date(startDate);
+  const date2 = new Date(endDate);
+  const differenceInMs = Math.abs(date2.getTime() - date1.getTime());
+  return differenceInMs < _constants.TIME_THRESHOLDS.TWO_WEEKS_MS;
+};
+exports.isDifferenceGreaterThanTwoWeeks = isDifferenceGreaterThanTwoWeeks;
+const getTimeSpanForGranularity = granularity => {
+  const granularityTimeSpanMap = {
+    [_graphql.Granularity.M5]: _graphql.TimeSpan.TwoDays,
+    [_graphql.Granularity.M15]: _graphql.TimeSpan.FiveDays,
+    [_graphql.Granularity.H1]: _graphql.TimeSpan.TwentyDays,
+    [_graphql.Granularity.H4]: _graphql.TimeSpan.NinetyDays
+  };
+  return granularityTimeSpanMap[granularity] || _graphql.TimeSpan.TwoDays;
+};
+exports.getTimeSpanForGranularity = getTimeSpanForGranularity;
+const getGradientColor = (value, startColor, targetColor) => {
+  const startThreshold = _constants.BOOKS_THRESHOLDS.MIN;
+  const endThreshold = _constants.BOOKS_THRESHOLDS.MAX;
+  const colorScale = _chromaJs.default.scale([startColor, targetColor]).domain([startThreshold, endThreshold]).mode('rgb');
+  return colorScale(value).hex();
+};
+const getRectColor = sentiment => sentiment < 0 ? getGradientColor(sentiment * -1, _constants.COLOR_MAP.short[0], _constants.COLOR_MAP.short[1]) : getGradientColor(sentiment, _constants.COLOR_MAP.long[0], _constants.COLOR_MAP.long[1]);
+exports.getRectColor = getRectColor;
+const getTooltipFormatter = (params, buckets, bucketWidth, selectedPrice, labelCallback) => {
+  var _booksParam$value;
+  const arr = params;
+  const candleParam = arr[0];
+  const booksParam = arr[1];
+  const time = new Date(candleParam.axisValue);
+  const candleData = candleParam.value;
+  const booksData = (_booksParam$value = booksParam === null || booksParam === void 0 ? void 0 : booksParam.value) !== null && _booksParam$value !== void 0 ? _booksParam$value : [];
+  const bucketsIndex = booksData[2];
+  const selectedBuckets = buckets[bucketsIndex];
+  const matchedBucket = selectedBuckets === null || selectedBuckets === void 0 ? void 0 : selectedBuckets.find(_ref2 => {
+    let {
+      price
+    } = _ref2;
+    return selectedPrice >= price && selectedPrice < price + bucketWidth;
+  });
+  const showCandles = !!candleData[1] && !!candleData[2] && !!candleData[3] && !!candleData[4];
+  return "<p>".concat(time.toLocaleString(undefined, {
+    hour: '2-digit',
+    minute: '2-digit',
+    year: 'numeric',
+    day: 'numeric',
+    month: 'numeric',
+    timeZoneName: 'short'
+  }), "</p><br />\n").concat(showCandles ? "<p><b>".concat(labelCallback('candle'), ":</b></p>\n<p>").concat(labelCallback('open_price'), ": ").concat(candleData[1], " </p>\n<p>").concat(labelCallback('close_price'), ": ").concat(candleData[2], " </p>\n<p>").concat(labelCallback('low'), ": ").concat(candleData[3], " </p>\n<p>").concat(labelCallback('high'), ": ").concat(candleData[4], " </p>\n") : '', "\n").concat(matchedBucket ? "<br /><p><b>".concat(labelCallback('orders'), ":</b></p>\n<p>").concat(labelCallback('price_range'), ": ").concat(matchedBucket.price, " - ").concat(Number(matchedBucket.price + bucketWidth).toFixed(4), " </p>\n<p>").concat(matchedBucket.sentiment < 0 ? labelCallback('sell_advantage') : labelCallback('buy_advantage'), ": ").concat(Math.abs(matchedBucket.sentiment), "% </p>") : '');
+};
+exports.getTooltipFormatter = getTooltipFormatter;
+const formatXAxisLabel = (value, isGreaterThanTwoWeeks) => {
+  const date = new Date(value);
+  return isGreaterThanTwoWeeks ? "".concat(date.toLocaleTimeString(undefined, {
+    hour: '2-digit',
+    minute: '2-digit'
+  })) : "".concat(_constants.CHART_CONFIG.X_AXIS_DATE_PADDING).concat(date.toLocaleDateString(undefined, {
+    day: 'numeric'
+  })).concat(_constants.CHART_CONFIG.X_AXIS_DATE_PADDING);
+};
+exports.formatXAxisLabel = formatXAxisLabel;
+//# sourceMappingURL=chartUtils.js.map

package/dist/main/CrowdViewWidget/components/Chart/utils/chartUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chartUtils.js","names":["_chromaJs","_interopRequireDefault","require","_graphql","_constants","e","__esModule","default","getLabelData","_ref","xAxisData","isGreaterThanTwoWeeks","filter","record","index","arr","previousTimestamp","currentDate","Date","previousDate","getDate","getMonth","map","item","name","toLocaleDateString","undefined","month","day","xAxis","y","CHART_CONFIG","HEIGHT","silent","emphasis","disabled","label","fontFamily","fontSize","position","align","formatter","exports","isDifferenceGreaterThanTwoWeeks","startDate","endDate","date1","date2","differenceInMs","Math","abs","getTime","TIME_THRESHOLDS","TWO_WEEKS_MS","getTimeSpanForGranularity","granularity","granularityTimeSpanMap","Granularity","M5","TimeSpan","TwoDays","M15","FiveDays","H1","TwentyDays","H4","NinetyDays","getGradientColor","value","startColor","targetColor","startThreshold","BOOKS_THRESHOLDS","MIN","endThreshold","MAX","colorScale","chroma","scale","domain","mode","hex","getRectColor","sentiment","COLOR_MAP","short","long","getTooltipFormatter","params","buckets","bucketWidth","selectedPrice","labelCallback","_booksParam$value","candleParam","booksParam","time","axisValue","candleData","booksData","bucketsIndex","selectedBuckets","matchedBucket","find","_ref2","price","showCandles","concat","toLocaleString","hour","minute","year","timeZoneName","Number","toFixed","formatXAxisLabel","date","toLocaleTimeString","X_AXIS_DATE_PADDING"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/utils/chartUtils.ts"],"sourcesContent":["import chroma from 'chroma-js';\n\nimport { Granularity, TimeSpan } from '../../../../gql/types/graphql';\nimport {\n  BOOKS_THRESHOLDS,\n  CHART_CONFIG,\n  COLOR_MAP,\n  TIME_THRESHOLDS,\n} from '../../../constants';\nimport type { GetLabelsDataProps } from '../types';\n\nexport const getLabelData = ({\n  xAxisData,\n  isGreaterThanTwoWeeks,\n}: GetLabelsDataProps) =>\n  xAxisData\n    .filter((record, index, arr) => {\n      if (index === 0) {\n        return false;\n      }\n      const previousTimestamp = arr[index - 1];\n      const currentDate = new Date(record);\n      const previousDate = new Date(previousTimestamp);\n\n      return isGreaterThanTwoWeeks\n        ? currentDate.getDate() !== previousDate.getDate()\n        : currentDate.getMonth() !== previousDate.getMonth();\n    })\n    .map((item) => ({\n      name: new Date(item).toLocaleDateString(undefined, {\n        month: isGreaterThanTwoWeeks ? 'short' : 'long',\n        day: isGreaterThanTwoWeeks ? 'numeric' : undefined,\n      }),\n      xAxis: item,\n      y: CHART_CONFIG.HEIGHT - 22,\n      silent: true,\n      emphasis: {\n        disabled: true,\n      },\n      label: {\n        fontFamily: 'Sofia W03',\n        fontSize: 10,\n        position: 'bottom',\n        align: 'center',\n        formatter: '{b}',\n      },\n    }));\n\nexport const isDifferenceGreaterThanTwoWeeks = (\n  startDate: string,\n  endDate: string\n) => {\n  const date1 = new Date(startDate);\n  const date2 = new Date(endDate);\n\n  const differenceInMs = Math.abs(date2.getTime() - date1.getTime());\n\n  return differenceInMs < TIME_THRESHOLDS.TWO_WEEKS_MS;\n};\n\nexport const getTimeSpanForGranularity = (\n  granularity: Granularity\n): TimeSpan => {\n  const granularityTimeSpanMap: Record<Granularity, TimeSpan> = {\n    [Granularity.M5]: TimeSpan.TwoDays,\n    [Granularity.M15]: TimeSpan.FiveDays,\n    [Granularity.H1]: TimeSpan.TwentyDays,\n    [Granularity.H4]: TimeSpan.NinetyDays,\n  };\n\n  return granularityTimeSpanMap[granularity] || TimeSpan.TwoDays;\n};\n\nconst getGradientColor = (\n  value: number,\n  startColor: string,\n  targetColor: string\n): string => {\n  const startThreshold = BOOKS_THRESHOLDS.MIN;\n  const endThreshold = BOOKS_THRESHOLDS.MAX;\n\n  const colorScale = chroma\n    .scale([startColor, targetColor])\n    .domain([startThreshold, endThreshold])\n    .mode('rgb');\n\n  return colorScale(value).hex();\n};\n\nexport const getRectColor = (sentiment: number) =>\n  sentiment < 0\n    ? getGradientColor(sentiment * -1, COLOR_MAP.short[0], COLOR_MAP.short[1])\n    : getGradientColor(sentiment, COLOR_MAP.long[0], COLOR_MAP.long[1]);\n\nexport const getTooltipFormatter = (\n  params: unknown,\n  buckets: Array<Array<{ price: number; sentiment: number }>>,\n  bucketWidth: number,\n  selectedPrice: number,\n  labelCallback: (key: string) => string\n) => {\n  const arr = params as unknown as Array<Record<string, unknown>>;\n  const candleParam = arr[0] as {\n    axisValue: string;\n    value: [number, number, number, number, number];\n  };\n  const booksParam = arr[1] as { value: [string, number, number] };\n  const time = new Date(candleParam.axisValue as string);\n\n  const candleData = candleParam.value;\n  const booksData = booksParam?.value ?? [];\n  const bucketsIndex = booksData[2];\n  const selectedBuckets = buckets[bucketsIndex];\n\n  const matchedBucket = selectedBuckets?.find(\n    ({ price }) => selectedPrice >= price && selectedPrice < price + bucketWidth\n  );\n  const showCandles =\n    !!candleData[1] && !!candleData[2] && !!candleData[3] && !!candleData[4];\n\n  return `<p>${time.toLocaleString(undefined, {\n    hour: '2-digit',\n    minute: '2-digit',\n    year: 'numeric',\n    day: 'numeric',\n    month: 'numeric',\n    timeZoneName: 'short',\n  })}</p><br />\n${\n  showCandles\n    ? `<p><b>${labelCallback('candle')}:</b></p>\n<p>${labelCallback('open_price')}: ${candleData[1]} </p>\n<p>${labelCallback('close_price')}: ${candleData[2]} </p>\n<p>${labelCallback('low')}: ${candleData[3]} </p>\n<p>${labelCallback('high')}: ${candleData[4]} </p>\n`\n    : ''\n}\n${\n  matchedBucket\n    ? `<br /><p><b>${labelCallback('orders')}:</b></p>\n<p>${labelCallback('price_range')}: ${matchedBucket.price} - ${Number(matchedBucket.price + bucketWidth).toFixed(4)} </p>\n<p>${matchedBucket.sentiment < 0 ? labelCallback('sell_advantage') : labelCallback('buy_advantage')}: ${Math.abs(matchedBucket.sentiment)}% </p>`\n    : ''\n}`;\n};\n\nexport const formatXAxisLabel = (\n  value: unknown,\n  isGreaterThanTwoWeeks: boolean\n) => {\n  const date = new Date(value as string);\n  return isGreaterThanTwoWeeks\n    ? `${date.toLocaleTimeString(undefined, {\n        hour: '2-digit',\n        minute: '2-digit',\n      })}`\n    : `${CHART_CONFIG.X_AXIS_DATE_PADDING}${date.toLocaleDateString(undefined, {\n        day: 'numeric',\n      })}${CHART_CONFIG.X_AXIS_DATE_PADDING}`;\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/main/CrowdViewWidget/components/Legend/Legend.js

@@ -6,12 +6,13 @@ Object.defineProperty(exports, "__esModule", {
 exports.Legend = void 0;
 var _monoI18n = require("@oanda/mono-i18n");
 var _react = _interopRequireDefault(require("react"));
+var _constants = require("../../constants");
 var _LegendBar = require("./LegendBar");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const Legend = _ref => {
   let {
-    longValues,
-    shortValues
+    longValues = [_constants.BOOKS_THRESHOLDS.MIN, _constants.BOOKS_THRESHOLDS.MAX],
+    shortValues = [_constants.BOOKS_THRESHOLDS.MIN, _constants.BOOKS_THRESHOLDS.MAX]
   } = _ref;
   const {
     lang

package/dist/main/CrowdViewWidget/components/Legend/Legend.js.map

@@ -1 +1 @@
-{"version":3,"file":"Legend.js","names":["_monoI18n","require","_react","_interopRequireDefault","_LegendBar","e","__esModule","default","Legend","_ref","longValues","shortValues","lang","useLocale","createElement","className","LegendBar","label","type","values","exports"],"sources":["../../../../../src/CrowdViewWidget/components/Legend/Legend.tsx"],"sourcesContent":["import { useLocale } from '@oanda/mono-i18n';\nimport React from 'react';\n\nimport { LegendBar } from './LegendBar';\n\ninterface LegendProps {\n  longValues: number[];\n  shortValues: number[];\n}\n\nexport const Legend = ({ longValues, shortValues }: LegendProps) => {\n  const { lang } = useLocale();\n\n  return (\n    <div className=\"lw-mx-auto lw-flex lw-w-full lw-flex-col lw-items-center lw-space-y-4 lw-py-6 sm:lw-max-w-md lg:lw-max-w-xl\">\n      <LegendBar label={lang('long')} type=\"long\" values={longValues} />\n      <LegendBar label={lang('short')} type=\"short\" values={shortValues} />\n    </div>\n  );\n};\n"],"mappings":";;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,UAAA,GAAAH,OAAA;AAAwC,SAAAE,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAOjC,MAAMG,MAAM,GAAGC,IAAA,IAA8C;EAAA,IAA7C;IAAEC,UAAU;IAAEC;EAAyB,CAAC,GAAAF,IAAA;EAC7D,MAAM;IAAEG;EAAK,CAAC,GAAG,IAAAC,mBAAS,EAAC,CAAC;EAE5B,OACEX,MAAA,CAAAK,OAAA,CAAAO,aAAA;IAAKC,SAAS,EAAC;EAA6G,GAC1Hb,MAAA,CAAAK,OAAA,CAAAO,aAAA,CAACV,UAAA,CAAAY,SAAS;IAACC,KAAK,EAAEL,IAAI,CAAC,MAAM,CAAE;IAACM,IAAI,EAAC,MAAM;IAACC,MAAM,EAAET;EAAW,CAAE,CAAC,EAClER,MAAA,CAAAK,OAAA,CAAAO,aAAA,CAACV,UAAA,CAAAY,SAAS;IAACC,KAAK,EAAEL,IAAI,CAAC,OAAO,CAAE;IAACM,IAAI,EAAC,OAAO;IAACC,MAAM,EAAER;EAAY,CAAE,CACjE,CAAC;AAEV,CAAC;AAACS,OAAA,CAAAZ,MAAA,GAAAA,MAAA","ignoreList":[]}
+{"version":3,"file":"Legend.js","names":["_monoI18n","require","_react","_interopRequireDefault","_constants","_LegendBar","e","__esModule","default","Legend","_ref","longValues","BOOKS_THRESHOLDS","MIN","MAX","shortValues","lang","useLocale","createElement","className","LegendBar","label","type","values","exports"],"sources":["../../../../../src/CrowdViewWidget/components/Legend/Legend.tsx"],"sourcesContent":["import { useLocale } from '@oanda/mono-i18n';\nimport React from 'react';\n\nimport { BOOKS_THRESHOLDS } from '../../constants';\nimport { LegendBar } from './LegendBar';\n\ninterface LegendProps {\n  longValues?: [number, number];\n  shortValues?: [number, number];\n}\n\nexport const Legend = ({\n  longValues = [BOOKS_THRESHOLDS.MIN, BOOKS_THRESHOLDS.MAX],\n  shortValues = [BOOKS_THRESHOLDS.MIN, BOOKS_THRESHOLDS.MAX],\n}: LegendProps) => {\n  const { lang } = useLocale();\n\n  return (\n    <div className=\"lw-mx-auto lw-flex lw-w-full lw-flex-col lw-items-center lw-space-y-4 lw-py-6 sm:lw-max-w-md lg:lw-max-w-xl\">\n      <LegendBar label={lang('long')} type=\"long\" values={longValues} />\n      <LegendBar label={lang('short')} type=\"short\" values={shortValues} />\n    </div>\n  );\n};\n"],"mappings":";;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,UAAA,GAAAH,OAAA;AACA,IAAAI,UAAA,GAAAJ,OAAA;AAAwC,SAAAE,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAOjC,MAAMG,MAAM,GAAGC,IAAA,IAGH;EAAA,IAHI;IACrBC,UAAU,GAAG,CAACC,2BAAgB,CAACC,GAAG,EAAED,2BAAgB,CAACE,GAAG,CAAC;IACzDC,WAAW,GAAG,CAACH,2BAAgB,CAACC,GAAG,EAAED,2BAAgB,CAACE,GAAG;EAC9C,CAAC,GAAAJ,IAAA;EACZ,MAAM;IAAEM;EAAK,CAAC,GAAG,IAAAC,mBAAS,EAAC,CAAC;EAE5B,OACEf,MAAA,CAAAM,OAAA,CAAAU,aAAA;IAAKC,SAAS,EAAC;EAA6G,GAC1HjB,MAAA,CAAAM,OAAA,CAAAU,aAAA,CAACb,UAAA,CAAAe,SAAS;IAACC,KAAK,EAAEL,IAAI,CAAC,MAAM,CAAE;IAACM,IAAI,EAAC,MAAM;IAACC,MAAM,EAAEZ;EAAW,CAAE,CAAC,EAClET,MAAA,CAAAM,OAAA,CAAAU,aAAA,CAACb,UAAA,CAAAe,SAAS;IAACC,KAAK,EAAEL,IAAI,CAAC,OAAO,CAAE;IAACM,IAAI,EAAC,OAAO;IAACC,MAAM,EAAER;EAAY,CAAE,CACjE,CAAC;AAEV,CAAC;AAACS,OAAA,CAAAf,MAAA,GAAAA,MAAA","ignoreList":[]}

package/dist/main/CrowdViewWidget/components/Legend/LegendBar.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.LegendBar = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _config = require("../../config");
+var _constants = require("../../constants");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const LegendBar = _ref => {
   let {
@@ -13,26 +13,24 @@ const LegendBar = _ref => {
     type,
     label
   } = _ref;
-  const colors = _config.colorMap[type];
+  const colors = _constants.COLOR_MAP[type];
   return _react.default.createElement("div", {
     className: "lw-flex lw-w-full lw-flex-col lw-space-y-1 lw-border-border-primary"
   }, _react.default.createElement("div", {
     className: "lw-flex lw-h-2 lw-w-full lw-overflow-hidden lw-border lw-border-border-primary"
-  }, values.map((_, index) => _react.default.createElement("div", {
-    key: "".concat(label, "_").concat(colors[index], "__color"),
+  }, _react.default.createElement("div", {
     className: "lw-h-full lw-flex-1",
     "data-testid": "legend-bar-segment",
     style: {
-      backgroundColor: colors[index]
+      background: "linear-gradient(90deg,".concat(colors[0], " 0%, ").concat(colors[1], " 100%)")
     }
-  }))), _react.default.createElement("div", {
-    className: "lw-flex lw-w-full"
-  }, values.map(value => _react.default.createElement("div", {
-    key: "".concat(value, "_").concat(type),
-    className: "lw-flex lw-w-1/4"
+  })), _react.default.createElement("div", {
+    className: "lw-flex lw-w-full lw-justify-between"
   }, _react.default.createElement("span", {
     className: "lw-whitespace-nowrap lw-font-sans lw-text-xs lw-text-text-primary"
-  }, value.toFixed(2), "% ", label)))));
+  }, values[0].toFixed(2), "% ", label), _react.default.createElement("span", {
+    className: "lw-whitespace-nowrap lw-font-sans lw-text-xs lw-text-text-primary"
+  }, values[1].toFixed(2), "% ", label)));
 };
 exports.LegendBar = LegendBar;
 //# sourceMappingURL=LegendBar.js.map

package/dist/main/CrowdViewWidget/components/Legend/LegendBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"LegendBar.js","names":["_react","_interopRequireDefault","require","_config","e","__esModule","default","LegendBar","_ref","values","type","label","colors","colorMap","createElement","className","map","_","index","key","concat","style","backgroundColor","value","toFixed","exports"],"sources":["../../../../../src/CrowdViewWidget/components/Legend/LegendBar.tsx"],"sourcesContent":["import React from 'react';\n\nimport { colorMap } from '../../config';\n\nexport type LegendType = 'long' | 'short';\n\ninterface LegendBarProps {\n  values: number[];\n  type: LegendType;\n  label: string;\n}\n\nexport const LegendBar = ({ values, type, label }: LegendBarProps) => {\n  const colors = colorMap[type];\n\n  return (\n    <div className=\"lw-flex lw-w-full lw-flex-col lw-space-y-1 lw-border-border-primary\">\n      <div className=\"lw-flex lw-h-2 lw-w-full lw-overflow-hidden lw-border lw-border-border-primary\">\n        {values.map((_, index) => (\n          <div\n            key={`${label}_${colors[index]}__color`}\n            className=\"lw-h-full lw-flex-1\"\n            data-testid=\"legend-bar-segment\"\n            style={{\n              backgroundColor: colors[index],\n            }}\n          />\n        ))}\n      </div>\n\n      <div className=\"lw-flex lw-w-full\">\n        {values.map((value) => (\n          <div key={`${value}_${type}`} className=\"lw-flex lw-w-1/4\">\n            <span className=\"lw-whitespace-nowrap lw-font-sans lw-text-xs lw-text-text-primary\">\n              {value.toFixed(2)}% {label}\n            </span>\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AAAwC,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAUjC,MAAMG,SAAS,GAAGC,IAAA,IAA6C;EAAA,IAA5C;IAAEC,MAAM;IAAEC,IAAI;IAAEC;EAAsB,CAAC,GAAAH,IAAA;EAC/D,MAAMI,MAAM,GAAGC,gBAAQ,CAACH,IAAI,CAAC;EAE7B,OACEV,MAAA,CAAAM,OAAA,CAAAQ,aAAA;IAAKC,SAAS,EAAC;EAAqE,GAClFf,MAAA,CAAAM,OAAA,CAAAQ,aAAA;IAAKC,SAAS,EAAC;EAAgF,GAC5FN,MAAM,CAACO,GAAG,CAAC,CAACC,CAAC,EAAEC,KAAK,KACnBlB,MAAA,CAAAM,OAAA,CAAAQ,aAAA;IACEK,GAAG,KAAAC,MAAA,CAAKT,KAAK,OAAAS,MAAA,CAAIR,MAAM,CAACM,KAAK,CAAC,YAAU;IACxCH,SAAS,EAAC,qBAAqB;IAC/B,eAAY,oBAAoB;IAChCM,KAAK,EAAE;MACLC,eAAe,EAAEV,MAAM,CAACM,KAAK;IAC/B;EAAE,CACH,CACF,CACE,CAAC,EAENlB,MAAA,CAAAM,OAAA,CAAAQ,aAAA;IAAKC,SAAS,EAAC;EAAmB,GAC/BN,MAAM,CAACO,GAAG,CAAEO,KAAK,IAChBvB,MAAA,CAAAM,OAAA,CAAAQ,aAAA;IAAKK,GAAG,KAAAC,MAAA,CAAKG,KAAK,OAAAH,MAAA,CAAIV,IAAI,CAAG;IAACK,SAAS,EAAC;EAAkB,GACxDf,MAAA,CAAAM,OAAA,CAAAQ,aAAA;IAAMC,SAAS,EAAC;EAAmE,GAChFQ,KAAK,CAACC,OAAO,CAAC,CAAC,CAAC,EAAC,IAAE,EAACb,KACjB,CACH,CACN,CACE,CACF,CAAC;AAEV,CAAC;AAACc,OAAA,CAAAlB,SAAA,GAAAA,SAAA","ignoreList":[]}
+{"version":3,"file":"LegendBar.js","names":["_react","_interopRequireDefault","require","_constants","e","__esModule","default","LegendBar","_ref","values","type","label","colors","COLOR_MAP","createElement","className","style","background","concat","toFixed","exports"],"sources":["../../../../../src/CrowdViewWidget/components/Legend/LegendBar.tsx"],"sourcesContent":["import React from 'react';\n\nimport { COLOR_MAP } from '../../constants';\n\nexport type LegendType = 'long' | 'short';\n\ninterface LegendBarProps {\n  values: number[];\n  type: LegendType;\n  label: string;\n}\n\nexport const LegendBar = ({ values, type, label }: LegendBarProps) => {\n  const colors = COLOR_MAP[type];\n\n  return (\n    <div className=\"lw-flex lw-w-full lw-flex-col lw-space-y-1 lw-border-border-primary\">\n      <div className=\"lw-flex lw-h-2 lw-w-full lw-overflow-hidden lw-border lw-border-border-primary\">\n        <div\n          className=\"lw-h-full lw-flex-1\"\n          data-testid=\"legend-bar-segment\"\n          style={{\n            background: `linear-gradient(90deg,${colors[0]} 0%, ${colors[1]} 100%)`,\n          }}\n        />\n      </div>\n\n      <div className=\"lw-flex lw-w-full lw-justify-between\">\n        <span className=\"lw-whitespace-nowrap lw-font-sans lw-text-xs lw-text-text-primary\">\n          {values[0].toFixed(2)}% {label}\n        </span>\n        <span className=\"lw-whitespace-nowrap lw-font-sans lw-text-xs lw-text-text-primary\">\n          {values[1].toFixed(2)}% {label}\n        </span>\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,UAAA,GAAAD,OAAA;AAA4C,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAUrC,MAAMG,SAAS,GAAGC,IAAA,IAA6C;EAAA,IAA5C;IAAEC,MAAM;IAAEC,IAAI;IAAEC;EAAsB,CAAC,GAAAH,IAAA;EAC/D,MAAMI,MAAM,GAAGC,oBAAS,CAACH,IAAI,CAAC;EAE9B,OACEV,MAAA,CAAAM,OAAA,CAAAQ,aAAA;IAAKC,SAAS,EAAC;EAAqE,GAClFf,MAAA,CAAAM,OAAA,CAAAQ,aAAA;IAAKC,SAAS,EAAC;EAAgF,GAC7Ff,MAAA,CAAAM,OAAA,CAAAQ,aAAA;IACEC,SAAS,EAAC,qBAAqB;IAC/B,eAAY,oBAAoB;IAChCC,KAAK,EAAE;MACLC,UAAU,2BAAAC,MAAA,CAA2BN,MAAM,CAAC,CAAC,CAAC,WAAAM,MAAA,CAAQN,MAAM,CAAC,CAAC,CAAC;IACjE;EAAE,CACH,CACE,CAAC,EAENZ,MAAA,CAAAM,OAAA,CAAAQ,aAAA;IAAKC,SAAS,EAAC;EAAsC,GACnDf,MAAA,CAAAM,OAAA,CAAAQ,aAAA;IAAMC,SAAS,EAAC;EAAmE,GAChFN,MAAM,CAAC,CAAC,CAAC,CAACU,OAAO,CAAC,CAAC,CAAC,EAAC,IAAE,EAACR,KACrB,CAAC,EACPX,MAAA,CAAAM,OAAA,CAAAQ,aAAA;IAAMC,SAAS,EAAC;EAAmE,GAChFN,MAAM,CAAC,CAAC,CAAC,CAACU,OAAO,CAAC,CAAC,CAAC,EAAC,IAAE,EAACR,KACrB,CACH,CACF,CAAC;AAEV,CAAC;AAACS,OAAA,CAAAb,SAAA,GAAAA,SAAA","ignoreList":[]}

package/dist/main/CrowdViewWidget/constants.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TIME_THRESHOLDS = exports.COLOR_MAP = exports.CHART_CONFIG = exports.BUCKET_CONFIG = exports.BOOKS_THRESHOLDS = void 0;
+const BOOKS_THRESHOLDS = exports.BOOKS_THRESHOLDS = {
+  MIN: 0.15,
+  MAX: 0.55
+};
+const BUCKET_CONFIG = exports.BUCKET_CONFIG = {
+  DEFAULT_WIDTH: 0.0005,
+  PRICE_PADDING_MULTIPLIER: 2
+};
+const TIME_THRESHOLDS = exports.TIME_THRESHOLDS = {
+  TWO_WEEKS_MS: 14 * 24 * 60 * 60 * 1000
+};
+const CHART_CONFIG = exports.CHART_CONFIG = {
+  HEIGHT: 425,
+  WIDTH: 9999,
+  X_LABEL_SIZE: 40,
+  Y_LABEL_SIZE_DESKTOP: 60,
+  INITIAL_START_ZOOM: 0,
+  INITIAL_END_ZOOM: 100,
+  X_AXIS_DATE_PADDING: '        '
+};
+const COLOR_MAP = exports.COLOR_MAP = {
+  long: ['#fcedca', '#FAB313'],
+  short: ['#c8ebfa', '#309DCC']
+};
+//# sourceMappingURL=constants.js.map

package/dist/main/CrowdViewWidget/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","names":["BOOKS_THRESHOLDS","exports","MIN","MAX","BUCKET_CONFIG","DEFAULT_WIDTH","PRICE_PADDING_MULTIPLIER","TIME_THRESHOLDS","TWO_WEEKS_MS","CHART_CONFIG","HEIGHT","WIDTH","X_LABEL_SIZE","Y_LABEL_SIZE_DESKTOP","INITIAL_START_ZOOM","INITIAL_END_ZOOM","X_AXIS_DATE_PADDING","COLOR_MAP","long","short"],"sources":["../../../src/CrowdViewWidget/constants.ts"],"sourcesContent":["export const BOOKS_THRESHOLDS = {\n  MIN: 0.15,\n  MAX: 0.55,\n} as const;\n\nexport const BUCKET_CONFIG = {\n  DEFAULT_WIDTH: 0.0005,\n  PRICE_PADDING_MULTIPLIER: 2,\n} as const;\n\nexport const TIME_THRESHOLDS = {\n  TWO_WEEKS_MS: 14 * 24 * 60 * 60 * 1000,\n} as const;\n\nexport const CHART_CONFIG = {\n  HEIGHT: 425,\n  WIDTH: 9999,\n  X_LABEL_SIZE: 40,\n  Y_LABEL_SIZE_DESKTOP: 60,\n  INITIAL_START_ZOOM: 0,\n  INITIAL_END_ZOOM: 100,\n  X_AXIS_DATE_PADDING: '        ',\n} as const;\n\nexport const COLOR_MAP = {\n  long: ['#fcedca', '#FAB313'],\n  short: ['#c8ebfa', '#309DCC'],\n} as const;\n"],"mappings":";;;;;;AAAO,MAAMA,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG;EAC9BE,GAAG,EAAE,IAAI;EACTC,GAAG,EAAE;AACP,CAAU;AAEH,MAAMC,aAAa,GAAAH,OAAA,CAAAG,aAAA,GAAG;EAC3BC,aAAa,EAAE,MAAM;EACrBC,wBAAwB,EAAE;AAC5B,CAAU;AAEH,MAAMC,eAAe,GAAAN,OAAA,CAAAM,eAAA,GAAG;EAC7BC,YAAY,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG;AACpC,CAAU;AAEH,MAAMC,YAAY,GAAAR,OAAA,CAAAQ,YAAA,GAAG;EAC1BC,MAAM,EAAE,GAAG;EACXC,KAAK,EAAE,IAAI;EACXC,YAAY,EAAE,EAAE;EAChBC,oBAAoB,EAAE,EAAE;EACxBC,kBAAkB,EAAE,CAAC;EACrBC,gBAAgB,EAAE,GAAG;EACrBC,mBAAmB,EAAE;AACvB,CAAU;AAEH,MAAMC,SAAS,GAAAhB,OAAA,CAAAgB,SAAA,GAAG;EACvBC,IAAI,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;EAC5BC,KAAK,EAAE,CAAC,SAAS,EAAE,SAAS;AAC9B,CAAU","ignoreList":[]}

package/dist/main/CrowdViewWidget/render.js

@@ -32,6 +32,7 @@ dataCrowdViewParamsElements.forEach(element => {
     name: 'graphqlUrl'
   }]);
   root.render(_react.default.createElement(_CrowdViewWidget.CrowdViewWidget, {
+    division: division,
     graphqlUrl: graphqlUrl,
     isParamError: isParamError,
     locale: locale,

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

@@ -1 +1 @@
-{"version":3,"file":"render.js","names":["_labsWidgetCommon","require","_react","_interopRequireDefault","_client","_graphql","_CrowdViewWidget","e","__esModule","default","graphqlUrl","window","widgetsConfig","dataCrowdViewParamsElements","document","querySelectorAll","forEach","element","root","createRoot","params","getAttribute","mode","division","locale","JSON","parse","isParamError","validateToolParams","name","valueCheck","value","validateLocale","Object","values","Division","includes","render","createElement","CrowdViewWidget","theme"],"sources":["../../../src/CrowdViewWidget/render.tsx"],"sourcesContent":["import type { Theme } from '@oanda/labs-widget-common';\nimport { validateLocale, validateToolParams } from '@oanda/labs-widget-common';\nimport React from 'react';\nimport { createRoot } from 'react-dom/client';\n\nimport { Division } from '../gql/types/graphql';\nimport { CrowdViewWidget } from './CrowdViewWidget';\n\nconst { graphqlUrl } = window.widgetsConfig || {};\n\nconst dataCrowdViewParamsElements = document.querySelectorAll(\n  'div[data-crowd-view-params]'\n);\n\ndataCrowdViewParamsElements.forEach((element) => {\n  const root = createRoot(element);\n  const params = element.getAttribute('data-crowd-view-params');\n  const mode = element.getAttribute('data-mode');\n  const { division, locale } = JSON.parse(params as string);\n\n  const isParamError = validateToolParams(\n    {\n      division,\n      locale,\n      graphqlUrl,\n    },\n    [\n      {\n        name: 'locale',\n        valueCheck: (value: string | undefined) => validateLocale(value),\n      },\n      {\n        name: 'division',\n        valueCheck: (value: Division) =>\n          Object.values(Division).includes(value),\n      },\n      {\n        name: 'graphqlUrl',\n      },\n    ]\n  );\n\n  root.render(\n    <CrowdViewWidget\n      graphqlUrl={graphqlUrl}\n      isParamError={isParamError}\n      locale={locale}\n      theme={mode as Theme}\n    />\n  );\n});\n"],"mappings":";;AACA,IAAAA,iBAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAEA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,gBAAA,GAAAL,OAAA;AAAoD,SAAAE,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEpD,MAAM;EAAEG;AAAW,CAAC,GAAGC,MAAM,CAACC,aAAa,IAAI,CAAC,CAAC;AAEjD,MAAMC,2BAA2B,GAAGC,QAAQ,CAACC,gBAAgB,CAC3D,6BACF,CAAC;AAEDF,2BAA2B,CAACG,OAAO,CAAEC,OAAO,IAAK;EAC/C,MAAMC,IAAI,GAAG,IAAAC,kBAAU,EAACF,OAAO,CAAC;EAChC,MAAMG,MAAM,GAAGH,OAAO,CAACI,YAAY,CAAC,wBAAwB,CAAC;EAC7D,MAAMC,IAAI,GAAGL,OAAO,CAACI,YAAY,CAAC,WAAW,CAAC;EAC9C,MAAM;IAAEE,QAAQ;IAAEC;EAAO,CAAC,GAAGC,IAAI,CAACC,KAAK,CAACN,MAAgB,CAAC;EAEzD,MAAMO,YAAY,GAAG,IAAAC,oCAAkB,EACrC;IACEL,QAAQ;IACRC,MAAM;IACNd;EACF,CAAC,EACD,CACE;IACEmB,IAAI,EAAE,QAAQ;IACdC,UAAU,EAAGC,KAAyB,IAAK,IAAAC,gCAAc,EAACD,KAAK;EACjE,CAAC,EACD;IACEF,IAAI,EAAE,UAAU;IAChBC,UAAU,EAAGC,KAAe,IAC1BE,MAAM,CAACC,MAAM,CAACC,iBAAQ,CAAC,CAACC,QAAQ,CAACL,KAAK;EAC1C,CAAC,EACD;IACEF,IAAI,EAAE;EACR,CAAC,CAEL,CAAC;EAEDX,IAAI,CAACmB,MAAM,CACTnC,MAAA,CAAAO,OAAA,CAAA6B,aAAA,CAAChC,gBAAA,CAAAiC,eAAe;IACd7B,UAAU,EAAEA,UAAW;IACvBiB,YAAY,EAAEA,YAAa;IAC3BH,MAAM,EAAEA,MAAO;IACfgB,KAAK,EAAElB;EAAc,CACtB,CACH,CAAC;AACH,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"render.js","names":["_labsWidgetCommon","require","_react","_interopRequireDefault","_client","_graphql","_CrowdViewWidget","e","__esModule","default","graphqlUrl","window","widgetsConfig","dataCrowdViewParamsElements","document","querySelectorAll","forEach","element","root","createRoot","params","getAttribute","mode","division","locale","JSON","parse","isParamError","validateToolParams","name","valueCheck","value","validateLocale","Object","values","Division","includes","render","createElement","CrowdViewWidget","theme"],"sources":["../../../src/CrowdViewWidget/render.tsx"],"sourcesContent":["import type { Theme } from '@oanda/labs-widget-common';\nimport { validateLocale, validateToolParams } from '@oanda/labs-widget-common';\nimport React from 'react';\nimport { createRoot } from 'react-dom/client';\n\nimport { Division } from '../gql/types/graphql';\nimport { CrowdViewWidget } from './CrowdViewWidget';\n\nconst { graphqlUrl } = window.widgetsConfig || {};\n\nconst dataCrowdViewParamsElements = document.querySelectorAll(\n  'div[data-crowd-view-params]'\n);\n\ndataCrowdViewParamsElements.forEach((element) => {\n  const root = createRoot(element);\n  const params = element.getAttribute('data-crowd-view-params');\n  const mode = element.getAttribute('data-mode');\n  const { division, locale } = JSON.parse(params as string);\n\n  const isParamError = validateToolParams(\n    {\n      division,\n      locale,\n      graphqlUrl,\n    },\n    [\n      {\n        name: 'locale',\n        valueCheck: (value: string | undefined) => validateLocale(value),\n      },\n      {\n        name: 'division',\n        valueCheck: (value: Division) =>\n          Object.values(Division).includes(value),\n      },\n      {\n        name: 'graphqlUrl',\n      },\n    ]\n  );\n\n  root.render(\n    <CrowdViewWidget\n      division={division}\n      graphqlUrl={graphqlUrl}\n      isParamError={isParamError}\n      locale={locale}\n      theme={mode as Theme}\n    />\n  );\n});\n"],"mappings":";;AACA,IAAAA,iBAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAEA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,gBAAA,GAAAL,OAAA;AAAoD,SAAAE,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEpD,MAAM;EAAEG;AAAW,CAAC,GAAGC,MAAM,CAACC,aAAa,IAAI,CAAC,CAAC;AAEjD,MAAMC,2BAA2B,GAAGC,QAAQ,CAACC,gBAAgB,CAC3D,6BACF,CAAC;AAEDF,2BAA2B,CAACG,OAAO,CAAEC,OAAO,IAAK;EAC/C,MAAMC,IAAI,GAAG,IAAAC,kBAAU,EAACF,OAAO,CAAC;EAChC,MAAMG,MAAM,GAAGH,OAAO,CAACI,YAAY,CAAC,wBAAwB,CAAC;EAC7D,MAAMC,IAAI,GAAGL,OAAO,CAACI,YAAY,CAAC,WAAW,CAAC;EAC9C,MAAM;IAAEE,QAAQ;IAAEC;EAAO,CAAC,GAAGC,IAAI,CAACC,KAAK,CAACN,MAAgB,CAAC;EAEzD,MAAMO,YAAY,GAAG,IAAAC,oCAAkB,EACrC;IACEL,QAAQ;IACRC,MAAM;IACNd;EACF,CAAC,EACD,CACE;IACEmB,IAAI,EAAE,QAAQ;IACdC,UAAU,EAAGC,KAAyB,IAAK,IAAAC,gCAAc,EAACD,KAAK;EACjE,CAAC,EACD;IACEF,IAAI,EAAE,UAAU;IAChBC,UAAU,EAAGC,KAAe,IAC1BE,MAAM,CAACC,MAAM,CAACC,iBAAQ,CAAC,CAACC,QAAQ,CAACL,KAAK;EAC1C,CAAC,EACD;IACEF,IAAI,EAAE;EACR,CAAC,CAEL,CAAC;EAEDX,IAAI,CAACmB,MAAM,CACTnC,MAAA,CAAAO,OAAA,CAAA6B,aAAA,CAAChC,gBAAA,CAAAiC,eAAe;IACdhB,QAAQ,EAAEA,QAAS;IACnBb,UAAU,EAAEA,UAAW;IACvBiB,YAAY,EAAEA,YAAa;IAC3BH,MAAM,EAAEA,MAAO;IACfgB,KAAK,EAAElB;EAAc,CACtB,CACH,CAAC;AACH,CAAC,CAAC","ignoreList":[]}

package/dist/main/CrowdViewWidget/selectConfig.js

@@ -0,0 +1,121 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.navigationConfig = exports.instrumentSelectConfigOC = exports.instrumentSelectConfig = exports.granularitySelectConfig = void 0;
+var _graphql = require("../gql/types/graphql");
+var _instruments = require("./types/instruments");
+const navigationConfig = exports.navigationConfig = [{
+  id: _graphql.BookType.Order,
+  label: 'order_book'
+}, {
+  id: _graphql.BookType.Position,
+  label: 'position_book'
+}];
+const instrumentSelectConfigOC = exports.instrumentSelectConfigOC = [{
+  id: _instruments.InstrumentIdOC.EUR_AUD,
+  label: 'EUR/AUD'
+}, {
+  id: _instruments.InstrumentIdOC.EUR_GBP,
+  label: 'EUR/GBP'
+}, {
+  id: _instruments.InstrumentIdOC.EUR_JPY,
+  label: 'EUR/JPY'
+}, {
+  id: _instruments.InstrumentIdOC.EUR_USD,
+  label: 'EUR/USD'
+}, {
+  id: _instruments.InstrumentIdOC.EUR_CHF,
+  label: 'EUR/CHF'
+}, {
+  id: _instruments.InstrumentIdOC.USD_CHF,
+  label: 'USD/CHF'
+}, {
+  id: _instruments.InstrumentIdOC.USD_JPY,
+  label: 'USD/JPY'
+}, {
+  id: _instruments.InstrumentIdOC.USD_CAD,
+  label: 'USD/CAD'
+}, {
+  id: _instruments.InstrumentIdOC.GBP_USD,
+  label: 'GBP/USD'
+}, {
+  id: _instruments.InstrumentIdOC.GBP_JPY,
+  label: 'GBP/JPY'
+}, {
+  id: _instruments.InstrumentIdOC.GBP_CHF,
+  label: 'GBP/CHF'
+}, {
+  id: _instruments.InstrumentIdOC.AUD_JPY,
+  label: 'AUD/JPY'
+}, {
+  id: _instruments.InstrumentIdOC.AUD_USD,
+  label: 'AUD/USD'
+}, {
+  id: _instruments.InstrumentIdOC.NZD_USD,
+  label: 'NZD/USD'
+}];
+const instrumentSelectConfig = exports.instrumentSelectConfig = [{
+  id: _instruments.InstrumentId.EUR_AUD,
+  label: 'EUR/AUD'
+}, {
+  id: _instruments.InstrumentId.EUR_GBP,
+  label: 'EUR/GBP'
+}, {
+  id: _instruments.InstrumentId.EUR_JPY,
+  label: 'EUR/JPY'
+}, {
+  id: _instruments.InstrumentId.EUR_USD,
+  label: 'EUR/USD'
+}, {
+  id: _instruments.InstrumentId.EUR_CHF,
+  label: 'EUR/CHF'
+}, {
+  id: _instruments.InstrumentId.USD_CHF,
+  label: 'USD/CHF'
+}, {
+  id: _instruments.InstrumentId.USD_JPY,
+  label: 'USD/JPY'
+}, {
+  id: _instruments.InstrumentId.USD_CAD,
+  label: 'USD/CAD'
+}, {
+  id: _instruments.InstrumentId.GBP_USD,
+  label: 'GBP/USD'
+}, {
+  id: _instruments.InstrumentId.GBP_JPY,
+  label: 'GBP/JPY'
+}, {
+  id: _instruments.InstrumentId.GBP_CHF,
+  label: 'GBP/CHF'
+}, {
+  id: _instruments.InstrumentId.AUD_JPY,
+  label: 'AUD/JPY'
+}, {
+  id: _instruments.InstrumentId.AUD_USD,
+  label: 'AUD/USD'
+}, {
+  id: _instruments.InstrumentId.NZD_USD,
+  label: 'NZD/USD'
+}, {
+  id: _instruments.InstrumentId.XAU_USD,
+  label: 'XAU/USD'
+}, {
+  id: _instruments.InstrumentId.XAG_USD,
+  label: 'XAG/USD'
+}];
+const granularitySelectConfig = exports.granularitySelectConfig = [{
+  id: _graphql.Granularity.M5,
+  label: '5_minutes'
+}, {
+  id: _graphql.Granularity.M15,
+  label: '15_minutes'
+}, {
+  id: _graphql.Granularity.H1,
+  label: '1_hour'
+}, {
+  id: _graphql.Granularity.H4,
+  label: '4_hours'
+}];
+//# sourceMappingURL=selectConfig.js.map

package/dist/main/CrowdViewWidget/selectConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"selectConfig.js","names":["_graphql","require","_instruments","navigationConfig","exports","id","BookType","Order","label","Position","instrumentSelectConfigOC","InstrumentIdOC","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","InstrumentId","XAU_USD","XAG_USD","granularitySelectConfig","Granularity","M5","M15","H1","H4"],"sources":["../../../src/CrowdViewWidget/selectConfig.ts"],"sourcesContent":["import { BookType, Granularity } from '../gql/types/graphql';\nimport { InstrumentId, InstrumentIdOC } from './types/instruments';\n\nconst navigationConfig = [\n  {\n    id: BookType.Order,\n    label: 'order_book',\n  },\n  {\n    id: BookType.Position,\n    label: 'position_book',\n  },\n];\n\nconst instrumentSelectConfigOC = [\n  {\n    id: InstrumentIdOC.EUR_AUD,\n    label: 'EUR/AUD',\n  },\n  {\n    id: InstrumentIdOC.EUR_GBP,\n    label: 'EUR/GBP',\n  },\n  {\n    id: InstrumentIdOC.EUR_JPY,\n    label: 'EUR/JPY',\n  },\n  {\n    id: InstrumentIdOC.EUR_USD,\n    label: 'EUR/USD',\n  },\n  {\n    id: InstrumentIdOC.EUR_CHF,\n    label: 'EUR/CHF',\n  },\n  {\n    id: InstrumentIdOC.USD_CHF,\n    label: 'USD/CHF',\n  },\n  {\n    id: InstrumentIdOC.USD_JPY,\n    label: 'USD/JPY',\n  },\n  {\n    id: InstrumentIdOC.USD_CAD,\n    label: 'USD/CAD',\n  },\n  {\n    id: InstrumentIdOC.GBP_USD,\n    label: 'GBP/USD',\n  },\n  {\n    id: InstrumentIdOC.GBP_JPY,\n    label: 'GBP/JPY',\n  },\n  {\n    id: InstrumentIdOC.GBP_CHF,\n    label: 'GBP/CHF',\n  },\n  {\n    id: InstrumentIdOC.AUD_JPY,\n    label: 'AUD/JPY',\n  },\n  {\n    id: InstrumentIdOC.AUD_USD,\n    label: 'AUD/USD',\n  },\n  {\n    id: InstrumentIdOC.NZD_USD,\n    label: 'NZD/USD',\n  },\n];\n\nconst instrumentSelectConfig = [\n  {\n    id: InstrumentId.EUR_AUD,\n    label: 'EUR/AUD',\n  },\n  {\n    id: InstrumentId.EUR_GBP,\n    label: 'EUR/GBP',\n  },\n  {\n    id: InstrumentId.EUR_JPY,\n    label: 'EUR/JPY',\n  },\n  {\n    id: InstrumentId.EUR_USD,\n    label: 'EUR/USD',\n  },\n  {\n    id: InstrumentId.EUR_CHF,\n    label: 'EUR/CHF',\n  },\n  {\n    id: InstrumentId.USD_CHF,\n    label: 'USD/CHF',\n  },\n  {\n    id: InstrumentId.USD_JPY,\n    label: 'USD/JPY',\n  },\n  {\n    id: InstrumentId.USD_CAD,\n    label: 'USD/CAD',\n  },\n  {\n    id: InstrumentId.GBP_USD,\n    label: 'GBP/USD',\n  },\n  {\n    id: InstrumentId.GBP_JPY,\n    label: 'GBP/JPY',\n  },\n  {\n    id: InstrumentId.GBP_CHF,\n    label: 'GBP/CHF',\n  },\n  {\n    id: InstrumentId.AUD_JPY,\n    label: 'AUD/JPY',\n  },\n  {\n    id: InstrumentId.AUD_USD,\n    label: 'AUD/USD',\n  },\n  {\n    id: InstrumentId.NZD_USD,\n    label: 'NZD/USD',\n  },\n  {\n    id: InstrumentId.XAU_USD,\n    label: 'XAU/USD',\n  },\n  {\n    id: InstrumentId.XAG_USD,\n    label: 'XAG/USD',\n  },\n];\n\nconst granularitySelectConfig = [\n  {\n    id: Granularity.M5,\n    label: '5_minutes',\n  },\n  {\n    id: Granularity.M15,\n    label: '15_minutes',\n  },\n  {\n    id: Granularity.H1,\n    label: '1_hour',\n  },\n  {\n    id: Granularity.H4,\n    label: '4_hours',\n  },\n];\n\nexport {\n  granularitySelectConfig,\n  instrumentSelectConfig,\n  instrumentSelectConfigOC,\n  navigationConfig,\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/main/CrowdViewWidget/types/index.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _instruments = require("./instruments");
+Object.keys(_instruments).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _instruments[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _instruments[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/dist/main/CrowdViewWidget/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_instruments","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../src/CrowdViewWidget/types/index.ts"],"sourcesContent":["export * from './instruments';\n"],"mappings":";;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,YAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,YAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,YAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/dist/main/CrowdViewWidget/types/instruments.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.InstrumentIdOC = exports.InstrumentId = void 0;
+let InstrumentId = exports.InstrumentId = function (InstrumentId) {
+  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;
+}({});
+let InstrumentIdOC = exports.InstrumentIdOC = function (InstrumentIdOC) {
+  InstrumentIdOC["EUR_AUD"] = "EUR_AUD";
+  InstrumentIdOC["EUR_GBP"] = "EUR_GBP";
+  InstrumentIdOC["EUR_JPY"] = "EUR_JPY";
+  InstrumentIdOC["EUR_USD"] = "EUR_USD";
+  InstrumentIdOC["EUR_CHF"] = "EUR_CHF";
+  InstrumentIdOC["USD_CHF"] = "USD_CHF";
+  InstrumentIdOC["USD_JPY"] = "USD_JPY";
+  InstrumentIdOC["USD_CAD"] = "USD_CAD";
+  InstrumentIdOC["GBP_USD"] = "GBP_USD";
+  InstrumentIdOC["GBP_JPY"] = "GBP_JPY";
+  InstrumentIdOC["GBP_CHF"] = "GBP_CHF";
+  InstrumentIdOC["AUD_JPY"] = "AUD_JPY";
+  InstrumentIdOC["AUD_USD"] = "AUD_USD";
+  InstrumentIdOC["NZD_USD"] = "NZD_USD";
+  InstrumentIdOC["XAU_USD"] = "XAU_USD";
+  InstrumentIdOC["XAG_USD"] = "XAG_USD";
+  return InstrumentIdOC;
+}({});
+//# sourceMappingURL=instruments.js.map

package/dist/main/CrowdViewWidget/types/instruments.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"instruments.js","names":["InstrumentId","exports","InstrumentIdOC"],"sources":["../../../../src/CrowdViewWidget/types/instruments.ts"],"sourcesContent":["export 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\nexport enum InstrumentIdOC {\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":";;;;;;IAAYA,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;AAAA,IAmBZE,cAAc,GAAAD,OAAA,CAAAC,cAAA,aAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAA,OAAdA,cAAc;AAAA","ignoreList":[]}

package/dist/main/CrowdViewWidget/types.js

@@ -3,48 +3,4 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.TimeSpanId = exports.InstrumentId = exports.GranularityId = void 0;
-let InstrumentId = exports.InstrumentId = function (InstrumentId) {
-  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;
-}({});
-let GranularityId = exports.GranularityId = function (GranularityId) {
-  GranularityId["MINUTE_5"] = "MINUTE_5";
-  GranularityId["MINUTE_15"] = "MINUTE_15";
-  GranularityId["MINUTE_30"] = "MINUTE_30";
-  GranularityId["HOUR_1"] = "HOUR_1";
-  GranularityId["HOUR_4"] = "HOUR_4";
-  GranularityId["DAY_1"] = "DAY_1";
-  return GranularityId;
-}({});
-let TimeSpanId = exports.TimeSpanId = function (TimeSpanId) {
-  TimeSpanId["HOUR_1"] = "HOUR_1";
-  TimeSpanId["HOUR_12"] = "HOUR_12";
-  TimeSpanId["DAY_1"] = "DAY_1";
-  TimeSpanId["DAY_2"] = "DAY_2";
-  TimeSpanId["WEEK_1"] = "WEEK_1";
-  TimeSpanId["WEEK_2"] = "WEEK_2";
-  TimeSpanId["WEEK_3"] = "WEEK_3";
-  TimeSpanId["MONTH_1"] = "MONTH_1";
-  TimeSpanId["MONTH_3"] = "MONTH_3";
-  TimeSpanId["MONTH_6"] = "MONTH_6";
-  TimeSpanId["YEAR_1"] = "YEAR_1";
-  TimeSpanId["YEAR_5"] = "YEAR_5";
-  return TimeSpanId;
-}({});
 //# sourceMappingURL=types.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["InstrumentId","exports","GranularityId","TimeSpanId"],"sources":["../../../src/CrowdViewWidget/types.ts"],"sourcesContent":["import type { WidgetConfig } from '@oanda/labs-widget-common';\n\nimport type { Division } from '../gql/types/graphql';\n\nexport interface CrowdViewConfig extends WidgetConfig {}\n\nexport interface MainProps {\n  instrument?: InstrumentId;\n  division: Division;\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\nexport enum GranularityId {\n  MINUTE_5 = 'MINUTE_5',\n  MINUTE_15 = 'MINUTE_15',\n  MINUTE_30 = 'MINUTE_30',\n  HOUR_1 = 'HOUR_1',\n  HOUR_4 = 'HOUR_4',\n  DAY_1 = 'DAY_1',\n}\n\nexport enum TimeSpanId {\n  HOUR_1 = 'HOUR_1',\n  HOUR_12 = 'HOUR_12',\n  DAY_1 = 'DAY_1',\n  DAY_2 = 'DAY_2',\n  WEEK_1 = 'WEEK_1',\n  WEEK_2 = 'WEEK_2',\n  WEEK_3 = 'WEEK_3',\n  MONTH_1 = 'MONTH_1',\n  MONTH_3 = 'MONTH_3',\n  MONTH_6 = 'MONTH_6',\n  YEAR_1 = 'YEAR_1',\n  YEAR_5 = 'YEAR_5',\n}\n\nexport interface OrdersPositionsData {\n  price: number;\n  buckets: {\n    price: number;\n    longCountPercent: number;\n    shortCountPercent: number;\n  }[];\n  bucketWidth: number;\n  timestamp: number;\n}\n"],"mappings":";;;;;;IAWYA,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;AAAA,IAmBZE,aAAa,GAAAD,OAAA,CAAAC,aAAA,aAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;EAAA,OAAbA,aAAa;AAAA;AAAA,IASbC,UAAU,GAAAF,OAAA,CAAAE,UAAA,aAAVA,UAAU;EAAVA,UAAU;EAAVA,UAAU;EAAVA,UAAU;EAAVA,UAAU;EAAVA,UAAU;EAAVA,UAAU;EAAVA,UAAU;EAAVA,UAAU;EAAVA,UAAU;EAAVA,UAAU;EAAVA,UAAU;EAAVA,UAAU;EAAA,OAAVA,UAAU;AAAA","ignoreList":[]}
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/CrowdViewWidget/types.ts"],"sourcesContent":["import type { WidgetConfig } from '@oanda/labs-widget-common';\n\nimport type { Division } from '../gql/types/graphql';\nimport type { InstrumentId } from './types/instruments';\n\nexport interface CrowdViewConfig extends WidgetConfig {\n  division: Division;\n}\n\nexport interface MainProps {\n  instrument?: InstrumentId;\n  division: Division;\n}\n"],"mappings":"","ignoreList":[]}

package/dist/main/CrowdViewWidget/utils/instrumentUtils.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getInstrumentConfigForDivision = void 0;
+var _graphql = require("../../gql/types/graphql");
+var _selectConfig = require("../selectConfig");
+const getInstrumentConfigForDivision = division => {
+  return division === _graphql.Division.Oc ? _selectConfig.instrumentSelectConfigOC : _selectConfig.instrumentSelectConfig;
+};
+exports.getInstrumentConfigForDivision = getInstrumentConfigForDivision;
+//# sourceMappingURL=instrumentUtils.js.map

package/dist/main/CrowdViewWidget/utils/instrumentUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"instrumentUtils.js","names":["_graphql","require","_selectConfig","getInstrumentConfigForDivision","division","Division","Oc","instrumentSelectConfigOC","instrumentSelectConfig","exports"],"sources":["../../../../src/CrowdViewWidget/utils/instrumentUtils.ts"],"sourcesContent":["import { Division } from '../../gql/types/graphql';\nimport {\n  instrumentSelectConfig,\n  instrumentSelectConfigOC,\n} from '../selectConfig';\n\nexport const getInstrumentConfigForDivision = (division: Division) => {\n  return division === Division.Oc\n    ? instrumentSelectConfigOC\n    : instrumentSelectConfig;\n};\n"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAKO,MAAME,8BAA8B,GAAIC,QAAkB,IAAK;EACpE,OAAOA,QAAQ,KAAKC,iBAAQ,CAACC,EAAE,GAC3BC,sCAAwB,GACxBC,oCAAsB;AAC5B,CAAC;AAACC,OAAA,CAAAN,8BAAA,GAAAA,8BAAA","ignoreList":[]}

package/dist/main/gql/getOrderPositionBooks.js

@@ -7,5 +7,5 @@ exports.getOrderPositionBooks = void 0;
 var _client = require("@apollo/client");
 var _templateObject;
 function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-const getOrderPositionBooks = exports.getOrderPositionBooks = (0, _client.gql)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  query GetOrderPositionBooks(\n    $instrument: String!\n    $bookType: BookType!\n    $recentHours: Int\n  ) {\n    orderPositionBooks(\n      instrument: $instrument\n      bookType: $bookType\n      recentHours: $recentHours\n    ) {\n      bucketWidth\n      price\n      time\n      buckets {\n        price\n        longCountPercent\n        shortCountPercent\n      }\n    }\n  }\n"])));
+const getOrderPositionBooks = exports.getOrderPositionBooks = (0, _client.gql)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  query GetOrderPositionBooks(\n    $instrument: String!\n    $bookType: BookType!\n    $timeSpan: TimeSpan!\n    $granularity: Granularity!\n    $maxBookPrice: Float\n    $minBookPrice: Float\n  ) {\n    orderPositionBooks(\n      instrument: $instrument\n      bookType: $bookType\n      timeSpan: $timeSpan\n      granularity: $granularity\n      maxBookPrice: $maxBookPrice\n      minBookPrice: $minBookPrice\n    ) {\n      bucketWidth\n      price\n      time\n      buckets {\n        price\n        sentiment\n      }\n    }\n  }\n"])));
 //# sourceMappingURL=getOrderPositionBooks.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"getOrderPositionBooks.js","names":["_client","require","_templateObject","_taggedTemplateLiteral","e","t","slice","Object","freeze","defineProperties","raw","value","getOrderPositionBooks","exports","gql"],"sources":["../../../src/gql/getOrderPositionBooks.ts"],"sourcesContent":["import { gql } from '@apollo/client';\n\nconst getOrderPositionBooks = gql`\n  query GetOrderPositionBooks(\n    $instrument: String!\n    $bookType: BookType!\n    $recentHours: Int\n  ) {\n    orderPositionBooks(\n      instrument: $instrument\n      bookType: $bookType\n      recentHours: $recentHours\n    ) {\n      bucketWidth\n      price\n      time\n      buckets {\n        price\n        longCountPercent\n        shortCountPercent\n      }\n    }\n  }\n`;\n\nexport { getOrderPositionBooks };\n"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAAqC,IAAAC,eAAA;AAAA,SAAAC,uBAAAC,CAAA,EAAAC,CAAA,WAAAA,CAAA,KAAAA,CAAA,GAAAD,CAAA,CAAAE,KAAA,MAAAC,MAAA,CAAAC,MAAA,CAAAD,MAAA,CAAAE,gBAAA,CAAAL,CAAA,IAAAM,GAAA,IAAAC,KAAA,EAAAJ,MAAA,CAAAC,MAAA,CAAAH,CAAA;AAErC,MAAMO,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,OAAGE,WAAG,EAAAZ,eAAA,KAAAA,eAAA,GAAAC,sBAAA,+YAqBhC","ignoreList":[]}
+{"version":3,"file":"getOrderPositionBooks.js","names":["_client","require","_templateObject","_taggedTemplateLiteral","e","t","slice","Object","freeze","defineProperties","raw","value","getOrderPositionBooks","exports","gql"],"sources":["../../../src/gql/getOrderPositionBooks.ts"],"sourcesContent":["import { gql } from '@apollo/client';\n\nconst getOrderPositionBooks = gql`\n  query GetOrderPositionBooks(\n    $instrument: String!\n    $bookType: BookType!\n    $timeSpan: TimeSpan!\n    $granularity: Granularity!\n    $maxBookPrice: Float\n    $minBookPrice: Float\n  ) {\n    orderPositionBooks(\n      instrument: $instrument\n      bookType: $bookType\n      timeSpan: $timeSpan\n      granularity: $granularity\n      maxBookPrice: $maxBookPrice\n      minBookPrice: $minBookPrice\n    ) {\n      bucketWidth\n      price\n      time\n      buckets {\n        price\n        sentiment\n      }\n    }\n  }\n`;\n\nexport { getOrderPositionBooks };\n"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAAqC,IAAAC,eAAA;AAAA,SAAAC,uBAAAC,CAAA,EAAAC,CAAA,WAAAA,CAAA,KAAAA,CAAA,GAAAD,CAAA,CAAAE,KAAA,MAAAC,MAAA,CAAAC,MAAA,CAAAD,MAAA,CAAAE,gBAAA,CAAAL,CAAA,IAAAM,GAAA,IAAAC,KAAA,EAAAJ,MAAA,CAAAC,MAAA,CAAAH,CAAA;AAErC,MAAMO,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,OAAGE,WAAG,EAAAZ,eAAA,KAAAA,eAAA,GAAAC,sBAAA,qiBA0BhC","ignoreList":[]}