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

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

@@ -9,7 +9,9 @@ export const LegendBar = _ref => {
   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", {
+  }, React.createElement("span", {
+    className: "lw-whitespace-nowrap lw-font-sans lw-text-xs lw-text-text-primary"
+  }, label), React.createElement("div", {
     className: "lw-flex lw-h-2 lw-w-full lw-overflow-hidden lw-border lw-border-border-primary"
   }, React.createElement("div", {
     className: "lw-h-full lw-flex-1",
@@ -21,8 +23,8 @@ export const LegendBar = _ref => {
     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"
-  }, values[0].toFixed(2), "% ", label), React.createElement("span", {
+  }, values[0].toFixed(2), "%"), React.createElement("span", {
     className: "lw-whitespace-nowrap lw-font-sans lw-text-xs lw-text-text-primary"
-  }, values[1].toFixed(2), "% ", label)));
+  }, "\u2264 ".concat(values[1].toFixed(2)), "%")));
 };
 //# sourceMappingURL=LegendBar.js.map

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

@@ -1 +1 @@
-{"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":[]}
+{"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      <span className=\"lw-whitespace-nowrap lw-font-sans lw-text-xs lw-text-text-primary\">\n        {label}\n      </span>\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)}%\n        </span>\n        <span className=\"lw-whitespace-nowrap lw-font-sans lw-text-xs lw-text-text-primary\">\n          {`≤ ${values[1].toFixed(2)}`}%\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;IAAMC,SAAS,EAAC;EAAmE,GAChFH,KACG,CAAC,EACPN,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,GAClB,CAAC,EACPb,KAAA,CAAAQ,aAAA;IAAMC,SAAS,EAAC;EAAmE,aAAAG,MAAA,CAC3ER,MAAM,CAAC,CAAC,CAAC,CAACS,OAAO,CAAC,CAAC,CAAC,GAAG,GACzB,CACH,CACF,CAAC;AAEV,CAAC","ignoreList":[]}

package/dist/module/CrowdViewWidget/constants.js

@@ -1,9 +1,10 @@
+import { InstrumentId } from './types';
 export const BOOKS_THRESHOLDS = {
   MIN: 0.15,
   MAX: 0.55
 };
 export const BUCKET_CONFIG = {
-  DEFAULT_WIDTH: 0.0005,
+  MULTIPLIER: 4,
   PRICE_PADDING_MULTIPLIER: 2
 };
 export const TIME_THRESHOLDS = {
@@ -14,12 +15,111 @@ export const CHART_CONFIG = {
   WIDTH: 9999,
   X_LABEL_SIZE: 40,
   Y_LABEL_SIZE_DESKTOP: 60,
-  INITIAL_START_ZOOM: 0,
+  Y_LABEL_SIZE_MOBILE: 40,
+  INITIAL_START_ZOOM: 80,
   INITIAL_END_ZOOM: 100,
   X_AXIS_DATE_PADDING: '        '
 };
 export const COLOR_MAP = {
-  long: ['#fcedca', '#FAB313'],
-  short: ['#c8ebfa', '#309DCC']
+  long: ['#eaf5fa', '#83c4e0'],
+  short: ['#fef7e7', '#fcd171']
+};
+export const INSTRUMENTS_CONFIG = {
+  [InstrumentId.EUR_AUD]: {
+    mt5name: 'EURAUD',
+    v20name: 'EUR_AUD',
+    precision: 5,
+    defaultBucketWidth: 0.0005
+  },
+  [InstrumentId.EUR_GBP]: {
+    mt5name: 'EURGBP',
+    v20name: 'EUR_GBP',
+    precision: 5,
+    defaultBucketWidth: 0.0005
+  },
+  [InstrumentId.EUR_JPY]: {
+    mt5name: 'EURJPY',
+    v20name: 'EUR_JPY',
+    precision: 3,
+    defaultBucketWidth: 0.05
+  },
+  [InstrumentId.EUR_USD]: {
+    mt5name: 'EURUSD',
+    v20name: 'EUR_USD',
+    precision: 5,
+    defaultBucketWidth: 0.0005
+  },
+  [InstrumentId.EUR_CHF]: {
+    mt5name: 'EURCHF',
+    v20name: 'EUR_CHF',
+    precision: 5,
+    defaultBucketWidth: 0.0005
+  },
+  [InstrumentId.USD_CHF]: {
+    mt5name: 'USDCHF',
+    v20name: 'USD_CHF',
+    precision: 5,
+    defaultBucketWidth: 0.0005
+  },
+  [InstrumentId.USD_JPY]: {
+    mt5name: 'USDJPY',
+    v20name: 'USD_JPY',
+    precision: 3,
+    defaultBucketWidth: 0.05
+  },
+  [InstrumentId.USD_CAD]: {
+    mt5name: 'USDCAD',
+    v20name: 'USD_CAD',
+    precision: 5,
+    defaultBucketWidth: 0.0005
+  },
+  [InstrumentId.GBP_USD]: {
+    mt5name: 'GBPUSD',
+    v20name: 'GBP_USD',
+    precision: 5,
+    defaultBucketWidth: 0.0005
+  },
+  [InstrumentId.GBP_JPY]: {
+    mt5name: 'GBPJPY',
+    v20name: 'GBP_JPY',
+    precision: 3,
+    defaultBucketWidth: 0.05
+  },
+  [InstrumentId.GBP_CHF]: {
+    mt5name: 'GBPCHF',
+    v20name: 'GBP_CHF',
+    precision: 5,
+    defaultBucketWidth: 0.0005
+  },
+  [InstrumentId.AUD_JPY]: {
+    mt5name: 'AUDJPY',
+    v20name: 'AUD_JPY',
+    precision: 3,
+    defaultBucketWidth: 0.05
+  },
+  [InstrumentId.AUD_USD]: {
+    mt5name: 'AUDUSD',
+    v20name: 'AUD_USD',
+    precision: 5,
+    defaultBucketWidth: 0.0005
+  },
+  [InstrumentId.NZD_USD]: {
+    mt5name: 'NZDUSD',
+    v20name: 'NZD_USD',
+    precision: 5,
+    defaultBucketWidth: 0.0005
+  },
+  [InstrumentId.XAU_USD]: {
+    mt5name: 'XAUUSD',
+    v20name: 'XAU_USD',
+    precision: 3,
+    defaultBucketWidth: 0.5
+  },
+  [InstrumentId.XAG_USD]: {
+    mt5name: 'XAGUSD',
+    v20name: 'XAG_USD',
+    precision: 5,
+    defaultBucketWidth: 0.0005
+  }
 };
 //# sourceMappingURL=constants.js.map

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

@@ -1 +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":[]}
+{"version":3,"file":"constants.js","names":["InstrumentId","BOOKS_THRESHOLDS","MIN","MAX","BUCKET_CONFIG","MULTIPLIER","PRICE_PADDING_MULTIPLIER","TIME_THRESHOLDS","TWO_WEEKS_MS","CHART_CONFIG","HEIGHT","WIDTH","X_LABEL_SIZE","Y_LABEL_SIZE_DESKTOP","Y_LABEL_SIZE_MOBILE","INITIAL_START_ZOOM","INITIAL_END_ZOOM","X_AXIS_DATE_PADDING","COLOR_MAP","long","short","INSTRUMENTS_CONFIG","EUR_AUD","mt5name","v20name","precision","defaultBucketWidth","EUR_GBP","EUR_JPY","EUR_USD","EUR_CHF","USD_CHF","USD_JPY","USD_CAD","GBP_USD","GBP_JPY","GBP_CHF","AUD_JPY","AUD_USD","NZD_USD","XAU_USD","XAG_USD"],"sources":["../../../src/CrowdViewWidget/constants.ts"],"sourcesContent":["import { InstrumentId } from './types';\n\nexport const BOOKS_THRESHOLDS = {\n  MIN: 0.15,\n  MAX: 0.55,\n} as const;\n\nexport const BUCKET_CONFIG = {\n  MULTIPLIER: 4,\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  Y_LABEL_SIZE_MOBILE: 40,\n  INITIAL_START_ZOOM: 80,\n  INITIAL_END_ZOOM: 100,\n  X_AXIS_DATE_PADDING: '        ',\n} as const;\n\nexport const COLOR_MAP = {\n  long: ['#eaf5fa', '#83c4e0'],\n  short: ['#fef7e7', '#fcd171'],\n} as const;\n\nexport const INSTRUMENTS_CONFIG: Record<\n  InstrumentId,\n  {\n    precision: number;\n    defaultBucketWidth: number;\n    v20name: string;\n    mt5name: string;\n  }\n> = {\n  [InstrumentId.EUR_AUD]: {\n    mt5name: 'EURAUD',\n    v20name: 'EUR_AUD',\n    precision: 5,\n    defaultBucketWidth: 0.0005,\n  },\n  [InstrumentId.EUR_GBP]: {\n    mt5name: 'EURGBP',\n    v20name: 'EUR_GBP',\n    precision: 5,\n    defaultBucketWidth: 0.0005,\n  },\n  [InstrumentId.EUR_JPY]: {\n    mt5name: 'EURJPY',\n    v20name: 'EUR_JPY',\n    precision: 3,\n    defaultBucketWidth: 0.05,\n  },\n  [InstrumentId.EUR_USD]: {\n    mt5name: 'EURUSD',\n    v20name: 'EUR_USD',\n    precision: 5,\n    defaultBucketWidth: 0.0005,\n  },\n  [InstrumentId.EUR_CHF]: {\n    mt5name: 'EURCHF',\n    v20name: 'EUR_CHF',\n    precision: 5,\n    defaultBucketWidth: 0.0005,\n  },\n  [InstrumentId.USD_CHF]: {\n    mt5name: 'USDCHF',\n    v20name: 'USD_CHF',\n    precision: 5,\n    defaultBucketWidth: 0.0005,\n  },\n  [InstrumentId.USD_JPY]: {\n    mt5name: 'USDJPY',\n    v20name: 'USD_JPY',\n    precision: 3,\n    defaultBucketWidth: 0.05,\n  },\n  [InstrumentId.USD_CAD]: {\n    mt5name: 'USDCAD',\n    v20name: 'USD_CAD',\n    precision: 5,\n    defaultBucketWidth: 0.0005,\n  },\n  [InstrumentId.GBP_USD]: {\n    mt5name: 'GBPUSD',\n    v20name: 'GBP_USD',\n    precision: 5,\n    defaultBucketWidth: 0.0005,\n  },\n  [InstrumentId.GBP_JPY]: {\n    mt5name: 'GBPJPY',\n    v20name: 'GBP_JPY',\n    precision: 3,\n    defaultBucketWidth: 0.05,\n  },\n  [InstrumentId.GBP_CHF]: {\n    mt5name: 'GBPCHF',\n    v20name: 'GBP_CHF',\n    precision: 5,\n    defaultBucketWidth: 0.0005,\n  },\n  [InstrumentId.AUD_JPY]: {\n    mt5name: 'AUDJPY',\n    v20name: 'AUD_JPY',\n    precision: 3,\n    defaultBucketWidth: 0.05,\n  },\n  [InstrumentId.AUD_USD]: {\n    mt5name: 'AUDUSD',\n    v20name: 'AUD_USD',\n    precision: 5,\n    defaultBucketWidth: 0.0005,\n  },\n  [InstrumentId.NZD_USD]: {\n    mt5name: 'NZDUSD',\n    v20name: 'NZD_USD',\n    precision: 5,\n    defaultBucketWidth: 0.0005,\n  },\n  [InstrumentId.XAU_USD]: {\n    mt5name: 'XAUUSD',\n    v20name: 'XAU_USD',\n    precision: 3,\n    defaultBucketWidth: 0.5,\n  },\n  [InstrumentId.XAG_USD]: {\n    mt5name: 'XAGUSD',\n    v20name: 'XAG_USD',\n    precision: 5,\n    defaultBucketWidth: 0.0005,\n  },\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/module/CrowdViewWidget/selectConfig.js

@@ -1,5 +1,5 @@
 import { BookType, Granularity } from '../gql/types/graphql';
-import { InstrumentId, InstrumentIdOC } from './types/instruments';
+import { InstrumentId } from './types';
 const navigationConfig = [{
   id: BookType.Order,
   label: 'order_book'
@@ -8,49 +8,6 @@ const navigationConfig = [{
   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'
 }, {
@@ -92,7 +49,8 @@ const instrumentSelectConfig = [{
 }, {
   id: InstrumentId.NZD_USD,
   label: 'NZD/USD'
-}, {
+}];
+const instrumentSelectConfig = [...instrumentSelectConfigOC, {
   id: InstrumentId.XAU_USD,
   label: 'XAU/USD'
 }, {

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

@@ -1 +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":[]}
+{"version":3,"file":"selectConfig.js","names":["BookType","Granularity","InstrumentId","navigationConfig","id","Order","label","Position","instrumentSelectConfigOC","EUR_AUD","EUR_GBP","EUR_JPY","EUR_USD","EUR_CHF","USD_CHF","USD_JPY","USD_CAD","GBP_USD","GBP_JPY","GBP_CHF","AUD_JPY","AUD_USD","NZD_USD","instrumentSelectConfig","XAU_USD","XAG_USD","granularitySelectConfig","M5","M15","H1","H4"],"sources":["../../../src/CrowdViewWidget/selectConfig.ts"],"sourcesContent":["import { BookType, Granularity } from '../gql/types/graphql';\nimport { InstrumentId } from './types';\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: 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\nconst instrumentSelectConfig = [\n  ...instrumentSelectConfigOC,\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":"AAAA,SAASA,QAAQ,EAAEC,WAAW,QAAQ,sBAAsB;AAC5D,SAASC,YAAY,QAAQ,SAAS;AAEtC,MAAMC,gBAAgB,GAAG,CACvB;EACEC,EAAE,EAAEJ,QAAQ,CAACK,KAAK;EAClBC,KAAK,EAAE;AACT,CAAC,EACD;EACEF,EAAE,EAAEJ,QAAQ,CAACO,QAAQ;EACrBD,KAAK,EAAE;AACT,CAAC,CACF;AAED,MAAME,wBAAwB,GAAG,CAC/B;EACEJ,EAAE,EAAEF,YAAY,CAACO,OAAO;EACxBH,KAAK,EAAE;AACT,CAAC,EACD;EACEF,EAAE,EAAEF,YAAY,CAACQ,OAAO;EACxBJ,KAAK,EAAE;AACT,CAAC,EACD;EACEF,EAAE,EAAEF,YAAY,CAACS,OAAO;EACxBL,KAAK,EAAE;AACT,CAAC,EACD;EACEF,EAAE,EAAEF,YAAY,CAACU,OAAO;EACxBN,KAAK,EAAE;AACT,CAAC,EACD;EACEF,EAAE,EAAEF,YAAY,CAACW,OAAO;EACxBP,KAAK,EAAE;AACT,CAAC,EACD;EACEF,EAAE,EAAEF,YAAY,CAACY,OAAO;EACxBR,KAAK,EAAE;AACT,CAAC,EACD;EACEF,EAAE,EAAEF,YAAY,CAACa,OAAO;EACxBT,KAAK,EAAE;AACT,CAAC,EACD;EACEF,EAAE,EAAEF,YAAY,CAACc,OAAO;EACxBV,KAAK,EAAE;AACT,CAAC,EACD;EACEF,EAAE,EAAEF,YAAY,CAACe,OAAO;EACxBX,KAAK,EAAE;AACT,CAAC,EACD;EACEF,EAAE,EAAEF,YAAY,CAACgB,OAAO;EACxBZ,KAAK,EAAE;AACT,CAAC,EACD;EACEF,EAAE,EAAEF,YAAY,CAACiB,OAAO;EACxBb,KAAK,EAAE;AACT,CAAC,EACD;EACEF,EAAE,EAAEF,YAAY,CAACkB,OAAO;EACxBd,KAAK,EAAE;AACT,CAAC,EACD;EACEF,EAAE,EAAEF,YAAY,CAACmB,OAAO;EACxBf,KAAK,EAAE;AACT,CAAC,EACD;EACEF,EAAE,EAAEF,YAAY,CAACoB,OAAO;EACxBhB,KAAK,EAAE;AACT,CAAC,CACF;AAED,MAAMiB,sBAAsB,GAAG,CAC7B,GAAGf,wBAAwB,EAC3B;EACEJ,EAAE,EAAEF,YAAY,CAACsB,OAAO;EACxBlB,KAAK,EAAE;AACT,CAAC,EACD;EACEF,EAAE,EAAEF,YAAY,CAACuB,OAAO;EACxBnB,KAAK,EAAE;AACT,CAAC,CACF;AAED,MAAMoB,uBAAuB,GAAG,CAC9B;EACEtB,EAAE,EAAEH,WAAW,CAAC0B,EAAE;EAClBrB,KAAK,EAAE;AACT,CAAC,EACD;EACEF,EAAE,EAAEH,WAAW,CAAC2B,GAAG;EACnBtB,KAAK,EAAE;AACT,CAAC,EACD;EACEF,EAAE,EAAEH,WAAW,CAAC4B,EAAE;EAClBvB,KAAK,EAAE;AACT,CAAC,EACD;EACEF,EAAE,EAAEH,WAAW,CAAC6B,EAAE;EAClBxB,KAAK,EAAE;AACT,CAAC,CACF;AAED,SACEoB,uBAAuB,EACvBH,sBAAsB,EACtBf,wBAAwB,EACxBL,gBAAgB","ignoreList":[]}

package/dist/module/CrowdViewWidget/types.js

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

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

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"file":"types.js","names":["InstrumentId"],"sources":["../../../src/CrowdViewWidget/types.ts"],"sourcesContent":["import type { WidgetConfig } from '@oanda/labs-widget-common';\n\nimport type { Division } from '../gql/types/graphql';\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}\nexport interface CrowdViewConfig extends WidgetConfig {\n  division: Division;\n}\n\nexport interface MainProps {\n  instrument?: InstrumentId;\n  division: Division;\n}\n"],"mappings":"AAIA,WAAYA,YAAY,aAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAA,OAAZA,YAAY;AAAA","ignoreList":[]}

package/dist/module/translations/sources/en.json

@@ -1,26 +1,31 @@
 {
-  "data_unavailable": "Data unavailable",
-  "no_matching_results": "No matching results",
-  "pagination_entries_range": "{{firstItemOnPage}}-{{lastItemOnPage}} of {{itemCount}} entries",
-  "order_book": "Order book",
-  "position_book": "Position book",
-  "long": "Long",
-  "short": "Short",
-  "instrument": "Instrument",
-  "granularity": "Granularity",
-  "search": "Search",
-  "5_minutes": "5 minutes",
-  "15_minutes": "15 minutes",
   "1_hour": "1 hour",
+  "15_minutes": "15 minutes",
   "4_hours": "4 hours",
+  "5_minutes": "5 minutes",
+  "buy_overbalance": "Buy overbalance",
+  "buy": "Buy",
   "candle": "Candle",
-  "open_price": "Open price",
   "close_price": "Close price",
-  "low": "Low",
+  "data_unavailable": "Data unavailable",
+  "granularity": "Granularity",
   "high": "High",
+  "instrument": "Instrument",
+  "long_overbalance": "Long overbalance",
+  "long": "Long",
+  "low": "Low",
+  "no_matching_results": "No matching results",
+  "open_price": "Open price",
+  "order_book": "Order book",
   "orders": "Orders",
+  "pagination_entries_range": "{{firstItemOnPage}}-{{lastItemOnPage}} of {{itemCount}} entries",
+  "position_book": "Position book",
+  "positions": "Positions",
   "price_range": "Price range",
+  "search": "Search",
+  "sell_overbalance": "Sell overbalance",
+  "sell": "Sell",
   "sentiment": "Sentiment",
-  "buy_advantage": "Buy advantage",
-  "sell_advantage": "Sell advantage"
+  "short_overbalance": "Short overbalance",
+  "short": "Short"
 }

package/dist/types/CrowdViewWidget/components/Chart/Chart.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import type { ChartProps } from './types';
-declare const Chart: ({ data }: ChartProps) => React.JSX.Element;
+declare const Chart: ({ data, isDesktop }: ChartProps) => React.JSX.Element;
 export { Chart };

package/dist/types/CrowdViewWidget/components/Chart/index.d.ts

@@ -3,4 +3,4 @@ export * from './chartOptions';
 export * from './ChartWithData';
 export * from './types';
 export * from './useCrowdViewData';
-export * from './utils/chartUtils';
+export * from './utils';

package/dist/types/CrowdViewWidget/components/Chart/types.d.ts

@@ -1,7 +1,12 @@
 import type { EChartsOption } from 'echarts';
 import type { BookType, Division, Granularity } from '../../../gql/types/graphql';
+import type { InstrumentId } from '../../types';
+export interface Bucket {
+    price: number;
+    sentiment: number;
+}
 export interface UseCrowdViewDataProps {
-    instrument: string;
+    instrument: InstrumentId;
     bookType: BookType;
     division: Division;
     granularity: Granularity;
@@ -9,26 +14,26 @@ export interface UseCrowdViewDataProps {
 interface CrowdViewData {
     xAxisData: string[];
     candlesSeriesData: [number, number, number, number][];
-    orderPositionBooks: ([string, number, number] | null)[];
+    orderPositionBooks: [string, number | null, number][];
     bucketWidth: number;
-    buckets: {
-        price: number;
-        sentiment: number;
-    }[][];
+    buckets: Bucket[][];
+    precision: number;
+    bookType: BookType;
 }
 export interface UseCrowdViewDataReturn {
     data: CrowdViewData | null;
     loading: boolean;
     error: boolean;
 }
-export type GetOptionType = (props: CrowdViewData, isDark: boolean, labelCallback: (key: string, params?: Record<string, unknown>) => string) => EChartsOption;
+export type GetOptionType = (props: CrowdViewData, isDark: boolean, isDesktop: boolean, labelCallback: (key: string, params?: Record<string, unknown>) => string) => EChartsOption;
 export interface ChartProps {
     data: CrowdViewData;
+    isDesktop: boolean;
 }
 export interface ChartWithDataProps {
     bookType: BookType;
     division: Division;
-    instrument: string;
+    instrument: InstrumentId;
     granularity: Granularity;
 }
 export interface GetLabelsDataProps {

package/dist/types/CrowdViewWidget/components/Chart/utils/aggregateBuckets.d.ts

@@ -0,0 +1,2 @@
+import type { Bucket } from '../types';
+export declare const aggregateBuckets: (buckets: Bucket[], newBucketWidth: number) => Bucket[];

package/dist/types/CrowdViewWidget/components/Chart/utils/chartUtils.d.ts

@@ -1,5 +1,5 @@
-import { Granularity, TimeSpan } from '../../../../gql/types/graphql';
-import type { GetLabelsDataProps } from '../types';
+import { BookType, Granularity, TimeSpan } from '../../../../gql/types/graphql';
+import type { Bucket, GetLabelsDataProps } from '../types';
 export declare const getLabelData: ({ xAxisData, isGreaterThanTwoWeeks, }: GetLabelsDataProps) => {
     name: string;
     xAxis: string;
@@ -19,8 +19,13 @@ export declare const getLabelData: ({ xAxisData, isGreaterThanTwoWeeks, }: GetLa
 export declare const isDifferenceGreaterThanTwoWeeks: (startDate: string, endDate: string) => boolean;
 export declare const getTimeSpanForGranularity: (granularity: Granularity) => TimeSpan;
 export declare const getRectColor: (sentiment: number) => string;
-export declare const getTooltipFormatter: (params: unknown, buckets: Array<Array<{
-    price: number;
-    sentiment: number;
-}>>, bucketWidth: number, selectedPrice: number, labelCallback: (key: string) => string) => string;
+export declare const getTooltipFormatter: ({ params, buckets, bucketWidth, selectedPrice, precision, bookType, labelCallback, }: {
+    params: unknown;
+    buckets: Bucket[][];
+    bucketWidth: number;
+    selectedPrice: number;
+    precision: number;
+    bookType: BookType;
+    labelCallback: (key: string) => string;
+}) => string | undefined;
 export declare const formatXAxisLabel: (value: unknown, isGreaterThanTwoWeeks: boolean) => string;

package/dist/types/CrowdViewWidget/components/Chart/utils/getTargetBucketWidth.d.ts

@@ -0,0 +1,3 @@
+import { Granularity } from '../../../../gql/types/graphql';
+import type { InstrumentId } from '../../../types';
+export declare const getTargetBucketWidth: (granularity: Granularity, instrument: InstrumentId) => number;

package/dist/types/CrowdViewWidget/components/Chart/utils/index.d.ts

@@ -0,0 +1,7 @@
+export * from './aggregateBuckets';
+export * from './chartUtils';
+export * from './getTargetBucketWidth';
+export * from './processBuckets';
+export * from './processOrderPositionBooks';
+export * from './processPriceCandles';
+export * from './validateData';

package/dist/types/CrowdViewWidget/components/Chart/utils/processBuckets.d.ts

@@ -0,0 +1,3 @@
+import type { GetOrderPositionBooksQuery } from '../../../../gql/types/graphql';
+import type { Bucket } from '../types';
+export declare const processBuckets: (orderPositionData: GetOrderPositionBooksQuery | undefined, targetBucketWidth: number) => Bucket[][];

package/dist/types/CrowdViewWidget/components/Chart/utils/processOrderPositionBooks.d.ts

@@ -0,0 +1,8 @@
+import type { GetOrderPositionBooksQuery } from '../../../../gql/types/graphql';
+export declare const processOrderPositionBooks: (orderPositionData: GetOrderPositionBooksQuery | undefined, candleMap: Map<string, {
+    point?: string;
+    high?: number;
+    low?: number;
+    open?: number;
+    close?: number;
+}>) => [string, number | null, number][];

package/dist/types/CrowdViewWidget/components/Chart/utils/processPriceCandles.d.ts

@@ -0,0 +1,27 @@
+import type { GetPriceCandlesQuery } from '../../../../gql/types/graphql';
+export declare const processPriceCandles: (priceCandlesData: GetPriceCandlesQuery | undefined) => {
+    minPrice: number;
+    maxPrice: number;
+    hasValidCandles: boolean;
+    candleMap: Map<any, any>;
+    candles: never[];
+} | {
+    minPrice: number;
+    maxPrice: number;
+    hasValidCandles: boolean;
+    candleMap: Map<string, {
+        point?: string;
+        high?: number;
+        low?: number;
+        open?: number;
+        close?: number;
+    }>;
+    candles: ({
+        __typename?: "Candle";
+        point: string;
+        high: number;
+        low: number;
+        open: number;
+        close: number;
+    } | null)[];
+};

package/dist/types/CrowdViewWidget/components/Chart/utils/validateData.d.ts

@@ -0,0 +1,2 @@
+import type { GetOrderPositionBooksQuery, GetPriceCandlesQuery } from '../../../../gql/types/graphql';
+export declare const validateData: (priceCandlesData: GetPriceCandlesQuery | undefined, orderPositionData: GetOrderPositionBooksQuery | undefined, hasValidCandles: boolean) => Error | null;

package/dist/types/CrowdViewWidget/components/Legend/Legend.d.ts

@@ -1,7 +1,9 @@
 import React from 'react';
+import { BookType } from '../../../gql/types/graphql';
 interface LegendProps {
     longValues?: [number, number];
     shortValues?: [number, number];
+    bookType: BookType;
 }
-export declare const Legend: ({ longValues, shortValues, }: LegendProps) => React.JSX.Element;
+export declare const Legend: ({ longValues, shortValues, bookType, }: LegendProps) => React.JSX.Element;
 export {};

package/dist/types/CrowdViewWidget/constants.d.ts

@@ -1,9 +1,10 @@
+import { InstrumentId } from './types';
 export declare const BOOKS_THRESHOLDS: {
     readonly MIN: 0.15;
     readonly MAX: 0.55;
 };
 export declare const BUCKET_CONFIG: {
-    readonly DEFAULT_WIDTH: 0.0005;
+    readonly MULTIPLIER: 4;
     readonly PRICE_PADDING_MULTIPLIER: 2;
 };
 export declare const TIME_THRESHOLDS: {
@@ -14,11 +15,18 @@ export declare const CHART_CONFIG: {
     readonly WIDTH: 9999;
     readonly X_LABEL_SIZE: 40;
     readonly Y_LABEL_SIZE_DESKTOP: 60;
-    readonly INITIAL_START_ZOOM: 0;
+    readonly Y_LABEL_SIZE_MOBILE: 40;
+    readonly INITIAL_START_ZOOM: 80;
     readonly INITIAL_END_ZOOM: 100;
     readonly X_AXIS_DATE_PADDING: "        ";
 };
 export declare const COLOR_MAP: {
-    readonly long: readonly ["#fcedca", "#FAB313"];
-    readonly short: readonly ["#c8ebfa", "#309DCC"];
+    readonly long: readonly ["#eaf5fa", "#83c4e0"];
+    readonly short: readonly ["#fef7e7", "#fcd171"];
 };
+export declare const INSTRUMENTS_CONFIG: Record<InstrumentId, {
+    precision: number;
+    defaultBucketWidth: number;
+    v20name: string;
+    mt5name: string;
+}>;

package/dist/types/CrowdViewWidget/selectConfig.d.ts

@@ -1,11 +1,11 @@
 import { BookType, Granularity } from '../gql/types/graphql';
-import { InstrumentId, InstrumentIdOC } from './types/instruments';
+import { InstrumentId } from './types';
 declare const navigationConfig: {
     id: BookType;
     label: string;
 }[];
 declare const instrumentSelectConfigOC: {
-    id: InstrumentIdOC;
+    id: InstrumentId;
     label: string;
 }[];
 declare const instrumentSelectConfig: {

package/dist/types/CrowdViewWidget/types.d.ts

@@ -1,6 +1,23 @@
 import type { WidgetConfig } from '@oanda/labs-widget-common';
 import type { Division } from '../gql/types/graphql';
-import type { InstrumentId } from './types/instruments';
+export declare enum InstrumentId {
+    EUR_AUD = "EURAUD",
+    EUR_GBP = "EURGBP",
+    EUR_JPY = "EURJPY",
+    EUR_USD = "EURUSD",
+    EUR_CHF = "EURCHF",
+    USD_CHF = "USDCHF",
+    USD_JPY = "USDJPY",
+    USD_CAD = "USDCAD",
+    GBP_USD = "GBPUSD",
+    GBP_JPY = "GBPJPY",
+    GBP_CHF = "GBPCHF",
+    AUD_JPY = "AUDJPY",
+    AUD_USD = "AUDUSD",
+    NZD_USD = "NZDUSD",
+    XAU_USD = "XAUUSD",
+    XAG_USD = "XAGUSD"
+}
 export interface CrowdViewConfig extends WidgetConfig {
     division: Division;
 }

package/dist/types/CrowdViewWidget/utils/instrumentUtils.d.ts

@@ -1,8 +1,5 @@
 import { Division } from '../../gql/types/graphql';
 export declare const getInstrumentConfigForDivision: (division: Division) => {
-    id: import("../types").InstrumentIdOC;
-    label: string;
-}[] | {
-    id: import("../types").InstrumentId;
+    id: import("..").InstrumentId;
     label: string;
 }[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oanda/labs-crowd-view-widget",
-  "version": "1.0.45",
+  "version": "1.0.47",
   "description": "Labs Crowd View Widget",
   "main": "dist/main/index.js",
   "module": "dist/module/index.js",
@@ -13,9 +13,10 @@
   "author": "OANDA",
   "license": "UNLICENSED",
   "dependencies": {
-    "@oanda/labs-widget-common": "^1.0.227",
+    "@oanda/labs-widget-common": "^1.0.229",
     "@oanda/mono-i18n": "10.0.1",
     "chroma-js": "^3.1.2",
+    "decimal.js": "^10.6.0",
     "graphql": "16.8.1"
   },
   "devDependencies": {
@@ -23,5 +24,5 @@
     "@graphql-codegen/client-preset": "4.1.0",
     "@types/chroma-js": "^3.1.2"
   },
-  "gitHead": "f9361b30919526b3d6248b5a4eef570c0759bc19"
+  "gitHead": "47f304845284328dc8e0889e41df96af97dd683b"
 }