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

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

@@ -1,30 +1,28 @@
 import React from 'react';
-import { colorMap } from '../../config';
+import { COLOR_MAP } from '../../constants';
 export const LegendBar = _ref => {
   let {
     values,
     type,
     label
   } = _ref;
-  const colors = colorMap[type];
+  const colors = COLOR_MAP[type];
   return React.createElement("div", {
     className: "lw-flex lw-w-full lw-flex-col lw-space-y-1 lw-border-border-primary"
   }, React.createElement("div", {
     className: "lw-flex lw-h-2 lw-w-full lw-overflow-hidden lw-border lw-border-border-primary"
-  }, values.map((_, index) => React.createElement("div", {
-    key: "".concat(label, "_").concat(colors[index], "__color"),
+  }, React.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.createElement("div", {
-    className: "lw-flex lw-w-full"
-  }, values.map(value => React.createElement("div", {
-    key: "".concat(value, "_").concat(type),
-    className: "lw-flex lw-w-1/4"
+  })), React.createElement("div", {
+    className: "lw-flex lw-w-full lw-justify-between"
   }, React.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.createElement("span", {
+    className: "lw-whitespace-nowrap lw-font-sans lw-text-xs lw-text-text-primary"
+  }, values[1].toFixed(2), "% ", label)));
 };
 //# sourceMappingURL=LegendBar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"LegendBar.js","names":["React","colorMap","LegendBar","_ref","values","type","label","colors","createElement","className","map","_","index","key","concat","style","backgroundColor","value","toFixed"],"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,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,QAAQ,QAAQ,cAAc;AAUvC,OAAO,MAAMC,SAAS,GAAGC,IAAA,IAA6C;EAAA,IAA5C;IAAEC,MAAM;IAAEC,IAAI;IAAEC;EAAsB,CAAC,GAAAH,IAAA;EAC/D,MAAMI,MAAM,GAAGN,QAAQ,CAACI,IAAI,CAAC;EAE7B,OACEL,KAAA,CAAAQ,aAAA;IAAKC,SAAS,EAAC;EAAqE,GAClFT,KAAA,CAAAQ,aAAA;IAAKC,SAAS,EAAC;EAAgF,GAC5FL,MAAM,CAACM,GAAG,CAAC,CAACC,CAAC,EAAEC,KAAK,KACnBZ,KAAA,CAAAQ,aAAA;IACEK,GAAG,KAAAC,MAAA,CAAKR,KAAK,OAAAQ,MAAA,CAAIP,MAAM,CAACK,KAAK,CAAC,YAAU;IACxCH,SAAS,EAAC,qBAAqB;IAC/B,eAAY,oBAAoB;IAChCM,KAAK,EAAE;MACLC,eAAe,EAAET,MAAM,CAACK,KAAK;IAC/B;EAAE,CACH,CACF,CACE,CAAC,EAENZ,KAAA,CAAAQ,aAAA;IAAKC,SAAS,EAAC;EAAmB,GAC/BL,MAAM,CAACM,GAAG,CAAEO,KAAK,IAChBjB,KAAA,CAAAQ,aAAA;IAAKK,GAAG,KAAAC,MAAA,CAAKG,KAAK,OAAAH,MAAA,CAAIT,IAAI,CAAG;IAACI,SAAS,EAAC;EAAkB,GACxDT,KAAA,CAAAQ,aAAA;IAAMC,SAAS,EAAC;EAAmE,GAChFQ,KAAK,CAACC,OAAO,CAAC,CAAC,CAAC,EAAC,IAAE,EAACZ,KACjB,CACH,CACN,CACE,CACF,CAAC;AAEV,CAAC","ignoreList":[]}
+{"version":3,"file":"LegendBar.js","names":["React","COLOR_MAP","LegendBar","_ref","values","type","label","colors","createElement","className","style","background","concat","toFixed"],"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,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,SAAS,QAAQ,iBAAiB;AAU3C,OAAO,MAAMC,SAAS,GAAGC,IAAA,IAA6C;EAAA,IAA5C;IAAEC,MAAM;IAAEC,IAAI;IAAEC;EAAsB,CAAC,GAAAH,IAAA;EAC/D,MAAMI,MAAM,GAAGN,SAAS,CAACI,IAAI,CAAC;EAE9B,OACEL,KAAA,CAAAQ,aAAA;IAAKC,SAAS,EAAC;EAAqE,GAClFT,KAAA,CAAAQ,aAAA;IAAKC,SAAS,EAAC;EAAgF,GAC7FT,KAAA,CAAAQ,aAAA;IACEC,SAAS,EAAC,qBAAqB;IAC/B,eAAY,oBAAoB;IAChCC,KAAK,EAAE;MACLC,UAAU,2BAAAC,MAAA,CAA2BL,MAAM,CAAC,CAAC,CAAC,WAAAK,MAAA,CAAQL,MAAM,CAAC,CAAC,CAAC;IACjE;EAAE,CACH,CACE,CAAC,EAENP,KAAA,CAAAQ,aAAA;IAAKC,SAAS,EAAC;EAAsC,GACnDT,KAAA,CAAAQ,aAAA;IAAMC,SAAS,EAAC;EAAmE,GAChFL,MAAM,CAAC,CAAC,CAAC,CAACS,OAAO,CAAC,CAAC,CAAC,EAAC,IAAE,EAACP,KACrB,CAAC,EACPN,KAAA,CAAAQ,aAAA;IAAMC,SAAS,EAAC;EAAmE,GAChFL,MAAM,CAAC,CAAC,CAAC,CAACS,OAAO,CAAC,CAAC,CAAC,EAAC,IAAE,EAACP,KACrB,CACH,CACF,CAAC;AAEV,CAAC","ignoreList":[]}

package/dist/module/CrowdViewWidget/constants.js

@@ -0,0 +1,25 @@
+export const BOOKS_THRESHOLDS = {
+  MIN: 0.15,
+  MAX: 0.55
+};
+export const BUCKET_CONFIG = {
+  DEFAULT_WIDTH: 0.0005,
+  PRICE_PADDING_MULTIPLIER: 2
+};
+export const TIME_THRESHOLDS = {
+  TWO_WEEKS_MS: 14 * 24 * 60 * 60 * 1000
+};
+export const 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: '        '
+};
+export const COLOR_MAP = {
+  long: ['#fcedca', '#FAB313'],
+  short: ['#c8ebfa', '#309DCC']
+};
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","names":["BOOKS_THRESHOLDS","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":"AAAA,OAAO,MAAMA,gBAAgB,GAAG;EAC9BC,GAAG,EAAE,IAAI;EACTC,GAAG,EAAE;AACP,CAAU;AAEV,OAAO,MAAMC,aAAa,GAAG;EAC3BC,aAAa,EAAE,MAAM;EACrBC,wBAAwB,EAAE;AAC5B,CAAU;AAEV,OAAO,MAAMC,eAAe,GAAG;EAC7BC,YAAY,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG;AACpC,CAAU;AAEV,OAAO,MAAMC,YAAY,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;AAEV,OAAO,MAAMC,SAAS,GAAG;EACvBC,IAAI,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;EAC5BC,KAAK,EAAE,CAAC,SAAS,EAAE,SAAS;AAC9B,CAAU","ignoreList":[]}

package/dist/module/CrowdViewWidget/render.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"render.js","names":["validateLocale","validateToolParams","React","createRoot","Division","CrowdViewWidget","graphqlUrl","window","widgetsConfig","dataCrowdViewParamsElements","document","querySelectorAll","forEach","element","root","params","getAttribute","mode","division","locale","JSON","parse","isParamError","name","valueCheck","value","Object","values","includes","render","createElement","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,SAASA,cAAc,EAAEC,kBAAkB,QAAQ,2BAA2B;AAC9E,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,QAAQ,QAAQ,sBAAsB;AAC/C,SAASC,eAAe,QAAQ,mBAAmB;AAEnD,MAAM;EAAEC;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,GAAGX,UAAU,CAACU,OAAO,CAAC;EAChC,MAAME,MAAM,GAAGF,OAAO,CAACG,YAAY,CAAC,wBAAwB,CAAC;EAC7D,MAAMC,IAAI,GAAGJ,OAAO,CAACG,YAAY,CAAC,WAAW,CAAC;EAC9C,MAAM;IAAEE,QAAQ;IAAEC;EAAO,CAAC,GAAGC,IAAI,CAACC,KAAK,CAACN,MAAgB,CAAC;EAEzD,MAAMO,YAAY,GAAGrB,kBAAkB,CACrC;IACEiB,QAAQ;IACRC,MAAM;IACNb;EACF,CAAC,EACD,CACE;IACEiB,IAAI,EAAE,QAAQ;IACdC,UAAU,EAAGC,KAAyB,IAAKzB,cAAc,CAACyB,KAAK;EACjE,CAAC,EACD;IACEF,IAAI,EAAE,UAAU;IAChBC,UAAU,EAAGC,KAAe,IAC1BC,MAAM,CAACC,MAAM,CAACvB,QAAQ,CAAC,CAACwB,QAAQ,CAACH,KAAK;EAC1C,CAAC,EACD;IACEF,IAAI,EAAE;EACR,CAAC,CAEL,CAAC;EAEDT,IAAI,CAACe,MAAM,CACT3B,KAAA,CAAA4B,aAAA,CAACzB,eAAe;IACdC,UAAU,EAAEA,UAAW;IACvBgB,YAAY,EAAEA,YAAa;IAC3BH,MAAM,EAAEA,MAAO;IACfY,KAAK,EAAEd;EAAc,CACtB,CACH,CAAC;AACH,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"render.js","names":["validateLocale","validateToolParams","React","createRoot","Division","CrowdViewWidget","graphqlUrl","window","widgetsConfig","dataCrowdViewParamsElements","document","querySelectorAll","forEach","element","root","params","getAttribute","mode","division","locale","JSON","parse","isParamError","name","valueCheck","value","Object","values","includes","render","createElement","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,SAASA,cAAc,EAAEC,kBAAkB,QAAQ,2BAA2B;AAC9E,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,QAAQ,QAAQ,sBAAsB;AAC/C,SAASC,eAAe,QAAQ,mBAAmB;AAEnD,MAAM;EAAEC;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,GAAGX,UAAU,CAACU,OAAO,CAAC;EAChC,MAAME,MAAM,GAAGF,OAAO,CAACG,YAAY,CAAC,wBAAwB,CAAC;EAC7D,MAAMC,IAAI,GAAGJ,OAAO,CAACG,YAAY,CAAC,WAAW,CAAC;EAC9C,MAAM;IAAEE,QAAQ;IAAEC;EAAO,CAAC,GAAGC,IAAI,CAACC,KAAK,CAACN,MAAgB,CAAC;EAEzD,MAAMO,YAAY,GAAGrB,kBAAkB,CACrC;IACEiB,QAAQ;IACRC,MAAM;IACNb;EACF,CAAC,EACD,CACE;IACEiB,IAAI,EAAE,QAAQ;IACdC,UAAU,EAAGC,KAAyB,IAAKzB,cAAc,CAACyB,KAAK;EACjE,CAAC,EACD;IACEF,IAAI,EAAE,UAAU;IAChBC,UAAU,EAAGC,KAAe,IAC1BC,MAAM,CAACC,MAAM,CAACvB,QAAQ,CAAC,CAACwB,QAAQ,CAACH,KAAK;EAC1C,CAAC,EACD;IACEF,IAAI,EAAE;EACR,CAAC,CAEL,CAAC;EAEDT,IAAI,CAACe,MAAM,CACT3B,KAAA,CAAA4B,aAAA,CAACzB,eAAe;IACda,QAAQ,EAAEA,QAAS;IACnBZ,UAAU,EAAEA,UAAW;IACvBgB,YAAY,EAAEA,YAAa;IAC3BH,MAAM,EAAEA,MAAO;IACfY,KAAK,EAAEd;EAAc,CACtB,CACH,CAAC;AACH,CAAC,CAAC","ignoreList":[]}

package/dist/module/CrowdViewWidget/selectConfig.js

@@ -0,0 +1,116 @@
+import { BookType, Granularity } from '../gql/types/graphql';
+import { InstrumentId, InstrumentIdOC } from './types/instruments';
+const navigationConfig = [{
+  id: BookType.Order,
+  label: 'order_book'
+}, {
+  id: BookType.Position,
+  label: 'position_book'
+}];
+const instrumentSelectConfigOC = [{
+  id: InstrumentIdOC.EUR_AUD,
+  label: 'EUR/AUD'
+}, {
+  id: InstrumentIdOC.EUR_GBP,
+  label: 'EUR/GBP'
+}, {
+  id: InstrumentIdOC.EUR_JPY,
+  label: 'EUR/JPY'
+}, {
+  id: InstrumentIdOC.EUR_USD,
+  label: 'EUR/USD'
+}, {
+  id: InstrumentIdOC.EUR_CHF,
+  label: 'EUR/CHF'
+}, {
+  id: InstrumentIdOC.USD_CHF,
+  label: 'USD/CHF'
+}, {
+  id: InstrumentIdOC.USD_JPY,
+  label: 'USD/JPY'
+}, {
+  id: InstrumentIdOC.USD_CAD,
+  label: 'USD/CAD'
+}, {
+  id: InstrumentIdOC.GBP_USD,
+  label: 'GBP/USD'
+}, {
+  id: InstrumentIdOC.GBP_JPY,
+  label: 'GBP/JPY'
+}, {
+  id: InstrumentIdOC.GBP_CHF,
+  label: 'GBP/CHF'
+}, {
+  id: InstrumentIdOC.AUD_JPY,
+  label: 'AUD/JPY'
+}, {
+  id: InstrumentIdOC.AUD_USD,
+  label: 'AUD/USD'
+}, {
+  id: InstrumentIdOC.NZD_USD,
+  label: 'NZD/USD'
+}];
+const instrumentSelectConfig = [{
+  id: InstrumentId.EUR_AUD,
+  label: 'EUR/AUD'
+}, {
+  id: InstrumentId.EUR_GBP,
+  label: 'EUR/GBP'
+}, {
+  id: InstrumentId.EUR_JPY,
+  label: 'EUR/JPY'
+}, {
+  id: InstrumentId.EUR_USD,
+  label: 'EUR/USD'
+}, {
+  id: InstrumentId.EUR_CHF,
+  label: 'EUR/CHF'
+}, {
+  id: InstrumentId.USD_CHF,
+  label: 'USD/CHF'
+}, {
+  id: InstrumentId.USD_JPY,
+  label: 'USD/JPY'
+}, {
+  id: InstrumentId.USD_CAD,
+  label: 'USD/CAD'
+}, {
+  id: InstrumentId.GBP_USD,
+  label: 'GBP/USD'
+}, {
+  id: InstrumentId.GBP_JPY,
+  label: 'GBP/JPY'
+}, {
+  id: InstrumentId.GBP_CHF,
+  label: 'GBP/CHF'
+}, {
+  id: InstrumentId.AUD_JPY,
+  label: 'AUD/JPY'
+}, {
+  id: InstrumentId.AUD_USD,
+  label: 'AUD/USD'
+}, {
+  id: InstrumentId.NZD_USD,
+  label: 'NZD/USD'
+}, {
+  id: InstrumentId.XAU_USD,
+  label: 'XAU/USD'
+}, {
+  id: InstrumentId.XAG_USD,
+  label: 'XAG/USD'
+}];
+const granularitySelectConfig = [{
+  id: Granularity.M5,
+  label: '5_minutes'
+}, {
+  id: Granularity.M15,
+  label: '15_minutes'
+}, {
+  id: Granularity.H1,
+  label: '1_hour'
+}, {
+  id: Granularity.H4,
+  label: '4_hours'
+}];
+export { granularitySelectConfig, instrumentSelectConfig, instrumentSelectConfigOC, navigationConfig };
+//# sourceMappingURL=selectConfig.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"selectConfig.js","names":["BookType","Granularity","InstrumentId","InstrumentIdOC","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","granularitySelectConfig","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/module/CrowdViewWidget/types/index.js

@@ -0,0 +1,2 @@
+export * from './instruments';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/CrowdViewWidget/types/index.ts"],"sourcesContent":["export * from './instruments';\n"],"mappings":"AAAA,cAAc,eAAe","ignoreList":[]}

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

@@ -0,0 +1,39 @@
+export let 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;
+}({});
+export let 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/module/CrowdViewWidget/types/instruments.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"instruments.js","names":["InstrumentId","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":"AAAA,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;AAmBxB,WAAYC,cAAc,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/module/CrowdViewWidget/types.js

@@ -1,44 +1,2 @@
-export let 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;
-}({});
-export let 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;
-}({});
-export let 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;
-}({});
+export {};
 //# sourceMappingURL=types.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["InstrumentId","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":"AAWA,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;AAmBxB,WAAYC,aAAa,aAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;EAAA,OAAbA,aAAa;AAAA;AASzB,WAAYC,UAAU,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/module/CrowdViewWidget/utils/instrumentUtils.js

@@ -0,0 +1,6 @@
+import { Division } from '../../gql/types/graphql';
+import { instrumentSelectConfig, instrumentSelectConfigOC } from '../selectConfig';
+export const getInstrumentConfigForDivision = division => {
+  return division === Division.Oc ? instrumentSelectConfigOC : instrumentSelectConfig;
+};
+//# sourceMappingURL=instrumentUtils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"instrumentUtils.js","names":["Division","instrumentSelectConfig","instrumentSelectConfigOC","getInstrumentConfigForDivision","division","Oc"],"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,SAASA,QAAQ,QAAQ,yBAAyB;AAClD,SACEC,sBAAsB,EACtBC,wBAAwB,QACnB,iBAAiB;AAExB,OAAO,MAAMC,8BAA8B,GAAIC,QAAkB,IAAK;EACpE,OAAOA,QAAQ,KAAKJ,QAAQ,CAACK,EAAE,GAC3BH,wBAAwB,GACxBD,sBAAsB;AAC5B,CAAC","ignoreList":[]}

package/dist/module/gql/getOrderPositionBooks.js

@@ -1,6 +1,6 @@
 var _templateObject;
 function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
 import { gql } from '@apollo/client';
-const getOrderPositionBooks = 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 = 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"])));
 export { getOrderPositionBooks };
 //# sourceMappingURL=getOrderPositionBooks.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"getOrderPositionBooks.js","names":["gql","getOrderPositionBooks","_templateObject","_taggedTemplateLiteral"],"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,SAASA,GAAG,QAAQ,gBAAgB;AAEpC,MAAMC,qBAAqB,GAAGD,GAAG,CAAAE,eAAA,KAAAA,eAAA,GAAAC,sBAAA,+YAqBhC;AAED,SAASF,qBAAqB","ignoreList":[]}
+{"version":3,"file":"getOrderPositionBooks.js","names":["gql","getOrderPositionBooks","_templateObject","_taggedTemplateLiteral"],"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,SAASA,GAAG,QAAQ,gBAAgB;AAEpC,MAAMC,qBAAqB,GAAGD,GAAG,CAAAE,eAAA,KAAAA,eAAA,GAAAC,sBAAA,qiBA0BhC;AAED,SAASF,qBAAqB","ignoreList":[]}

package/dist/module/gql/getPriceCandles.js

@@ -0,0 +1,6 @@
+var _templateObject;
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+import { gql } from '@apollo/client';
+const getPriceCandles = gql(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  query GetPriceCandles(\n    $dataSource: DataSource!\n    $division: Division!\n    $instrument: String!\n    $granularity: Granularity!\n    $timeSpan: TimeSpan!\n  ) {\n    priceCandles(\n      dataSource: $dataSource\n      division: $division\n      instrument: $instrument\n      granularity: $granularity\n      timeSpan: $timeSpan\n    ) {\n      candle {\n        point\n        high\n        low\n        open\n        close\n      }\n    }\n  }\n"])));
+export { getPriceCandles };
+//# sourceMappingURL=getPriceCandles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getPriceCandles.js","names":["gql","getPriceCandles","_templateObject","_taggedTemplateLiteral"],"sources":["../../../src/gql/getPriceCandles.ts"],"sourcesContent":["import { gql } from '@apollo/client';\n\nconst getPriceCandles = gql`\n  query GetPriceCandles(\n    $dataSource: DataSource!\n    $division: Division!\n    $instrument: String!\n    $granularity: Granularity!\n    $timeSpan: TimeSpan!\n  ) {\n    priceCandles(\n      dataSource: $dataSource\n      division: $division\n      instrument: $instrument\n      granularity: $granularity\n      timeSpan: $timeSpan\n    ) {\n      candle {\n        point\n        high\n        low\n        open\n        close\n      }\n    }\n  }\n`;\n\nexport { getPriceCandles };\n"],"mappings":";;AAAA,SAASA,GAAG,QAAQ,gBAAgB;AAEpC,MAAMC,eAAe,GAAGD,GAAG,CAAAE,eAAA,KAAAA,eAAA,GAAAC,sBAAA,odAwB1B;AAED,SAASF,eAAe","ignoreList":[]}

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

@@ -1,8 +1,7 @@
 import * as types from './graphql';
 const documents = {
-  '\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': types.GetOrderPositionBooksDocument,
-  '\n  query GetPriceCandles(\n    $division: Division\n    $instrument: String!\n    $granularity: Granularity!\n    $timeSpan: TimeSpan!\n  ) {\n    getPriceCandles(\n      division: $division\n      instrument: $instrument\n      granularity: $granularity\n      timeSpan: $timeSpan\n    ) {\n      time\n      unixTime\n      candle {\n        high\n        low\n        open\n        close\n      }\n      timeSpan\n    }\n  }\n': types.GetPriceCandlesDocument,
-  '\n  query validateInstruments($instruments: [String]!, $division: Division) {\n    mapInstrumentNames(instruments: $instruments, division: $division) {\n      name\n      displayName\n    }\n  }\n': types.ValidateInstrumentsDocument
+  '\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': types.GetOrderPositionBooksDocument,
+  '\n  query GetPriceCandles(\n    $dataSource: DataSource!\n    $division: Division!\n    $instrument: String!\n    $granularity: Granularity!\n    $timeSpan: TimeSpan!\n  ) {\n    priceCandles(\n      dataSource: $dataSource\n      division: $division\n      instrument: $instrument\n      granularity: $granularity\n      timeSpan: $timeSpan\n    ) {\n      candle {\n        point\n        high\n        low\n        open\n        close\n      }\n    }\n  }\n': types.GetPriceCandlesDocument
 };
 export function graphql(source) {
   var _source;

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

@@ -1 +1 @@
-{"version":3,"file":"gql.js","names":["types","documents","GetOrderPositionBooksDocument","GetPriceCandlesDocument","ValidateInstrumentsDocument","graphql","source","_source"],"sources":["../../../../src/gql/types/gql.ts"],"sourcesContent":["/* eslint-disable */\nimport * as types from './graphql';\nimport { TypedDocumentNode as DocumentNode } from '@graphql-typed-document-node/core';\n\n/**\n * Map of all GraphQL operations in the project.\n *\n * This map has several performance disadvantages:\n * 1. It is not tree-shakeable, so it will include all operations in the project.\n * 2. It is not minifiable, so the string of a GraphQL query will be multiple times inside the bundle.\n * 3. It does not support dead code elimination, so it will add unused operations.\n *\n * Therefore it is highly recommended to use the babel or swc plugin for production.\n */\nconst documents = {\n  '\\n  query 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    types.GetOrderPositionBooksDocument,\n  '\\n  query GetPriceCandles(\\n    $division: Division\\n    $instrument: String!\\n    $granularity: Granularity!\\n    $timeSpan: TimeSpan!\\n  ) {\\n    getPriceCandles(\\n      division: $division\\n      instrument: $instrument\\n      granularity: $granularity\\n      timeSpan: $timeSpan\\n    ) {\\n      time\\n      unixTime\\n      candle {\\n        high\\n        low\\n        open\\n        close\\n      }\\n      timeSpan\\n    }\\n  }\\n':\n    types.GetPriceCandlesDocument,\n  '\\n  query validateInstruments($instruments: [String]!, $division: Division) {\\n    mapInstrumentNames(instruments: $instruments, division: $division) {\\n      name\\n      displayName\\n    }\\n  }\\n':\n    types.ValidateInstrumentsDocument,\n};\n\n/**\n * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.\n *\n *\n * @example\n * ```ts\n * const query = graphql(`query GetUser($id: ID!) { user(id: $id) { name } }`);\n * ```\n *\n * The query argument is unknown!\n * Please regenerate the types.\n */\nexport function graphql(source: string): unknown;\n\n/**\n * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.\n */\nexport function graphql(\n  source: '\\n  query 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): (typeof documents)['\\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/**\n * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.\n */\nexport function graphql(\n  source: '\\n  query GetPriceCandles(\\n    $division: Division\\n    $instrument: String!\\n    $granularity: Granularity!\\n    $timeSpan: TimeSpan!\\n  ) {\\n    getPriceCandles(\\n      division: $division\\n      instrument: $instrument\\n      granularity: $granularity\\n      timeSpan: $timeSpan\\n    ) {\\n      time\\n      unixTime\\n      candle {\\n        high\\n        low\\n        open\\n        close\\n      }\\n      timeSpan\\n    }\\n  }\\n'\n): (typeof documents)['\\n  query GetPriceCandles(\\n    $division: Division\\n    $instrument: String!\\n    $granularity: Granularity!\\n    $timeSpan: TimeSpan!\\n  ) {\\n    getPriceCandles(\\n      division: $division\\n      instrument: $instrument\\n      granularity: $granularity\\n      timeSpan: $timeSpan\\n    ) {\\n      time\\n      unixTime\\n      candle {\\n        high\\n        low\\n        open\\n        close\\n      }\\n      timeSpan\\n    }\\n  }\\n'];\n/**\n * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.\n */\nexport function graphql(\n  source: '\\n  query validateInstruments($instruments: [String]!, $division: Division) {\\n    mapInstrumentNames(instruments: $instruments, division: $division) {\\n      name\\n      displayName\\n    }\\n  }\\n'\n): (typeof documents)['\\n  query validateInstruments($instruments: [String]!, $division: Division) {\\n    mapInstrumentNames(instruments: $instruments, division: $division) {\\n      name\\n      displayName\\n    }\\n  }\\n'];\n\nexport function graphql(source: string) {\n  return (documents as any)[source] ?? {};\n}\n\nexport type DocumentType<TDocumentNode extends DocumentNode<any, any>> =\n  TDocumentNode extends DocumentNode<infer TType, any> ? TType : never;\n"],"mappings":"AACA,OAAO,KAAKA,KAAK,MAAM,WAAW;AAalC,MAAMC,SAAS,GAAG;EAChB,yYAAyY,EACvYD,KAAK,CAACE,6BAA6B;EACrC,gbAAgb,EAC9aF,KAAK,CAACG,uBAAuB;EAC/B,sMAAsM,EACpMH,KAAK,CAACI;AACV,CAAC;AAmCD,OAAO,SAASC,OAAOA,CAACC,MAAc,EAAE;EAAA,IAAAC,OAAA;EACtC,QAAAA,OAAA,GAAQN,SAAS,CAASK,MAAM,CAAC,cAAAC,OAAA,cAAAA,OAAA,GAAI,CAAC,CAAC;AACzC","ignoreList":[]}
+{"version":3,"file":"gql.js","names":["types","documents","GetOrderPositionBooksDocument","GetPriceCandlesDocument","graphql","source","_source"],"sources":["../../../../src/gql/types/gql.ts"],"sourcesContent":["/* eslint-disable */\nimport * as types from './graphql';\nimport { TypedDocumentNode as DocumentNode } from '@graphql-typed-document-node/core';\n\n/**\n * Map of all GraphQL operations in the project.\n *\n * This map has several performance disadvantages:\n * 1. It is not tree-shakeable, so it will include all operations in the project.\n * 2. It is not minifiable, so the string of a GraphQL query will be multiple times inside the bundle.\n * 3. It does not support dead code elimination, so it will add unused operations.\n *\n * Therefore it is highly recommended to use the babel or swc plugin for production.\n */\nconst documents = {\n  '\\n  query 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    types.GetOrderPositionBooksDocument,\n  '\\n  query GetPriceCandles(\\n    $dataSource: DataSource!\\n    $division: Division!\\n    $instrument: String!\\n    $granularity: Granularity!\\n    $timeSpan: TimeSpan!\\n  ) {\\n    priceCandles(\\n      dataSource: $dataSource\\n      division: $division\\n      instrument: $instrument\\n      granularity: $granularity\\n      timeSpan: $timeSpan\\n    ) {\\n      candle {\\n        point\\n        high\\n        low\\n        open\\n        close\\n      }\\n    }\\n  }\\n':\n    types.GetPriceCandlesDocument,\n};\n\n/**\n * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.\n *\n *\n * @example\n * ```ts\n * const query = graphql(`query GetUser($id: ID!) { user(id: $id) { name } }`);\n * ```\n *\n * The query argument is unknown!\n * Please regenerate the types.\n */\nexport function graphql(source: string): unknown;\n\n/**\n * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.\n */\nexport function graphql(\n  source: '\\n  query 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): (typeof documents)['\\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/**\n * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.\n */\nexport function graphql(\n  source: '\\n  query GetPriceCandles(\\n    $dataSource: DataSource!\\n    $division: Division!\\n    $instrument: String!\\n    $granularity: Granularity!\\n    $timeSpan: TimeSpan!\\n  ) {\\n    priceCandles(\\n      dataSource: $dataSource\\n      division: $division\\n      instrument: $instrument\\n      granularity: $granularity\\n      timeSpan: $timeSpan\\n    ) {\\n      candle {\\n        point\\n        high\\n        low\\n        open\\n        close\\n      }\\n    }\\n  }\\n'\n): (typeof documents)['\\n  query GetPriceCandles(\\n    $dataSource: DataSource!\\n    $division: Division!\\n    $instrument: String!\\n    $granularity: Granularity!\\n    $timeSpan: TimeSpan!\\n  ) {\\n    priceCandles(\\n      dataSource: $dataSource\\n      division: $division\\n      instrument: $instrument\\n      granularity: $granularity\\n      timeSpan: $timeSpan\\n    ) {\\n      candle {\\n        point\\n        high\\n        low\\n        open\\n        close\\n      }\\n    }\\n  }\\n'];\n\nexport function graphql(source: string) {\n  return (documents as any)[source] ?? {};\n}\n\nexport type DocumentType<TDocumentNode extends DocumentNode<any, any>> =\n  TDocumentNode extends DocumentNode<infer TType, any> ? TType : never;\n"],"mappings":"AACA,OAAO,KAAKA,KAAK,MAAM,WAAW;AAalC,MAAMC,SAAS,GAAG;EAChB,+hBAA+hB,EAC7hBD,KAAK,CAACE,6BAA6B;EACrC,8cAA8c,EAC5cF,KAAK,CAACG;AACV,CAAC;AA6BD,OAAO,SAASC,OAAOA,CAACC,MAAc,EAAE;EAAA,IAAAC,OAAA;EACtC,QAAAA,OAAA,GAAQL,SAAS,CAASI,MAAM,CAAC,cAAAC,OAAA,cAAAA,OAAA,GAAI,CAAC,CAAC;AACzC","ignoreList":[]}