@oanda/labs-instruments-price-chart-widget 1.0.13 → 1.0.15

package/dist/module/InstrumentsPriceChartWidget/Main.js

@@ -1,39 +1,55 @@
-import { Spinner, SpinnerSize, TimeUnitSwitch } from '@oanda/labs-widget-common';
+import { useQuery } from '@apollo/client';
+import { ChartError, Spinner, SpinnerSize, TimeUnitSwitch } from '@oanda/labs-widget-common';
 import React, { useState } from 'react';
+import { priceCandles } from '../gql/priceCandles';
+import { TimeSpan } from '../gql/types/graphql';
 import { Chart } from './components/Chart';
+import { TimeZoneLabel } from './components/TimeZoneLabel';
 import { timeUnitConfig } from './config';
-import { getPriceCandlesMock } from './getPriceCandlesMock';
-import { TimeSpanSubset } from './types';
+import { getCandles, getGranularityForTimeSpan } from './utils';
 const Main = _ref => {
   let {
-    division
+    division,
+    instrument,
+    dataSource
   } = _ref;
-  const [selectedTimeUnit, setSelectedTimeUnit] = useState(TimeSpanSubset.Day_1);
+  const [selectedTimeUnit, setSelectedTimeUnit] = useState(TimeSpan.Day_1);
   const {
     loading,
     data,
     error
-  } = getPriceCandlesMock({
-    division
+  } = useQuery(priceCandles, {
+    variables: {
+      dataSource,
+      division,
+      instrument,
+      granularity: getGranularityForTimeSpan(selectedTimeUnit),
+      timeSpan: selectedTimeUnit
+    },
+    fetchPolicy: 'cache-and-network'
   });
-  const showError = data?.getPriceCandles.length === 0 || !data?.getPriceCandles || !!error;
+  const candles = getCandles(data);
+  const showError = candles?.length === 0 || !candles || !!error;
   return React.createElement("div", {
     "data-testid": "instruments-price-chart-wrapper"
-  }, loading && React.createElement("div", {
-    className: "lw-mb-[50px] lw-flex lw-h-[425px] lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary"
-  }, React.createElement(Spinner, {
-    size: SpinnerSize.lg
-  })), !loading && !showError && React.createElement("div", {
-    "data-testid": "instruments-price-chart-widget"
   }, React.createElement("div", {
     className: "lw-flex lw-pt-2"
   }, React.createElement(TimeUnitSwitch, {
     callback: setSelectedTimeUnit,
     options: timeUnitConfig,
     selected: selectedTimeUnit
-  })), React.createElement(Chart, {
-    values: data?.getPriceCandles
-  })));
+  })), loading && React.createElement("div", {
+    className: "lw-flex lw-h-[425px] lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary"
+  }, React.createElement(Spinner, {
+    size: SpinnerSize.lg
+  })), !loading && showError && React.createElement("div", {
+    className: "lw-flex lw-h-[425px] lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary"
+  }, React.createElement(ChartError, null)), !loading && !showError && React.createElement("div", {
+    "data-testid": "instruments-price-chart-widget"
+  }, React.createElement(Chart, {
+    timeSpan: selectedTimeUnit,
+    values: candles
+  })), React.createElement(TimeZoneLabel, null));
 };
 export { Main };
 //# sourceMappingURL=Main.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Main.js","names":["Spinner","SpinnerSize","TimeUnitSwitch","React","useState","Chart","timeUnitConfig","getPriceCandlesMock","TimeSpanSubset","Main","_ref","division","selectedTimeUnit","setSelectedTimeUnit","Day_1","loading","data","error","showError","getPriceCandles","length","createElement","className","size","lg","callback","options","selected","values"],"sources":["../../../src/InstrumentsPriceChartWidget/Main.tsx"],"sourcesContent":["import {\n  Spinner,\n  SpinnerSize,\n  TimeUnitSwitch,\n} from '@oanda/labs-widget-common';\nimport React, { useState } from 'react';\n\nimport { Chart } from './components/Chart';\nimport { timeUnitConfig } from './config';\nimport { getPriceCandlesMock } from './getPriceCandlesMock';\nimport { type MainProps, TimeSpanSubset } from './types';\n\nconst Main = ({ division }: MainProps) => {\n  const [selectedTimeUnit, setSelectedTimeUnit] = useState(\n    TimeSpanSubset.Day_1\n  );\n\n  const { loading, data, error } = getPriceCandlesMock({ division });\n\n  const showError =\n    data?.getPriceCandles.length === 0 || !data?.getPriceCandles || !!error;\n\n  return (\n    <div data-testid=\"instruments-price-chart-wrapper\">\n      {loading && (\n        <div className=\"lw-mb-[50px] lw-flex lw-h-[425px] lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary\">\n          <Spinner size={SpinnerSize.lg} />\n        </div>\n      )}\n\n      {!loading && !showError && (\n        <div data-testid=\"instruments-price-chart-widget\">\n          <div className=\"lw-flex lw-pt-2\">\n            <TimeUnitSwitch<TimeSpanSubset>\n              callback={setSelectedTimeUnit}\n              options={timeUnitConfig}\n              selected={selectedTimeUnit}\n            />\n          </div>\n\n          <Chart values={data?.getPriceCandles} />\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport { Main };\n"],"mappings":"AAAA,SACEA,OAAO,EACPC,WAAW,EACXC,cAAc,QACT,2BAA2B;AAClC,OAAOC,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AAEvC,SAASC,KAAK,QAAQ,oBAAoB;AAC1C,SAASC,cAAc,QAAQ,UAAU;AACzC,SAASC,mBAAmB,QAAQ,uBAAuB;AAC3D,SAAyBC,cAAc,QAAQ,SAAS;AAExD,MAAMC,IAAI,GAAGC,IAAA,IAA6B;EAAA,IAA5B;IAAEC;EAAoB,CAAC,GAAAD,IAAA;EACnC,MAAM,CAACE,gBAAgB,EAAEC,mBAAmB,CAAC,GAAGT,QAAQ,CACtDI,cAAc,CAACM,KACjB,CAAC;EAED,MAAM;IAAEC,OAAO;IAAEC,IAAI;IAAEC;EAAM,CAAC,GAAGV,mBAAmB,CAAC;IAAEI;EAAS,CAAC,CAAC;EAElE,MAAMO,SAAS,GACbF,IAAI,EAAEG,eAAe,CAACC,MAAM,KAAK,CAAC,IAAI,CAACJ,IAAI,EAAEG,eAAe,IAAI,CAAC,CAACF,KAAK;EAEzE,OACEd,KAAA,CAAAkB,aAAA;IAAK,eAAY;EAAiC,GAC/CN,OAAO,IACNZ,KAAA,CAAAkB,aAAA;IAAKC,SAAS,EAAC;EAAgH,GAC7HnB,KAAA,CAAAkB,aAAA,CAACrB,OAAO;IAACuB,IAAI,EAAEtB,WAAW,CAACuB;EAAG,CAAE,CAC7B,CACN,EAEA,CAACT,OAAO,IAAI,CAACG,SAAS,IACrBf,KAAA,CAAAkB,aAAA;IAAK,eAAY;EAAgC,GAC/ClB,KAAA,CAAAkB,aAAA;IAAKC,SAAS,EAAC;EAAiB,GAC9BnB,KAAA,CAAAkB,aAAA,CAACnB,cAAc;IACbuB,QAAQ,EAAEZ,mBAAoB;IAC9Ba,OAAO,EAAEpB,cAAe;IACxBqB,QAAQ,EAAEf;EAAiB,CAC5B,CACE,CAAC,EAENT,KAAA,CAAAkB,aAAA,CAAChB,KAAK;IAACuB,MAAM,EAAEZ,IAAI,EAAEG;EAAgB,CAAE,CACpC,CAEJ,CAAC;AAEV,CAAC;AAED,SAASV,IAAI","ignoreList":[]}
+{"version":3,"file":"Main.js","names":["useQuery","ChartError","Spinner","SpinnerSize","TimeUnitSwitch","React","useState","priceCandles","TimeSpan","Chart","TimeZoneLabel","timeUnitConfig","getCandles","getGranularityForTimeSpan","Main","_ref","division","instrument","dataSource","selectedTimeUnit","setSelectedTimeUnit","Day_1","loading","data","error","variables","granularity","timeSpan","fetchPolicy","candles","showError","length","createElement","className","callback","options","selected","size","lg","values"],"sources":["../../../src/InstrumentsPriceChartWidget/Main.tsx"],"sourcesContent":["import { useQuery } from '@apollo/client';\nimport {\n  ChartError,\n  Spinner,\n  SpinnerSize,\n  TimeUnitSwitch,\n} from '@oanda/labs-widget-common';\nimport React, { useState } from 'react';\n\nimport { priceCandles } from '../gql/priceCandles';\nimport {\n  type PriceCandlesQuery,\n  type PriceCandlesQueryVariables,\n  TimeSpan,\n} from '../gql/types/graphql';\nimport { Chart } from './components/Chart';\nimport { TimeZoneLabel } from './components/TimeZoneLabel';\nimport { timeUnitConfig } from './config';\nimport { type MainProps } from './types';\nimport { getCandles, getGranularityForTimeSpan } from './utils';\n\nconst Main = ({ division, instrument, dataSource }: MainProps) => {\n  const [selectedTimeUnit, setSelectedTimeUnit] = useState(TimeSpan.Day_1);\n\n  const { loading, data, error } = useQuery<\n    PriceCandlesQuery,\n    PriceCandlesQueryVariables\n  >(priceCandles, {\n    variables: {\n      dataSource,\n      division,\n      instrument,\n      granularity: getGranularityForTimeSpan(selectedTimeUnit),\n      timeSpan: selectedTimeUnit,\n    },\n    fetchPolicy: 'cache-and-network',\n  });\n\n  const candles = getCandles(data);\n  const showError = candles?.length === 0 || !candles || !!error;\n\n  return (\n    <div data-testid=\"instruments-price-chart-wrapper\">\n      <div className=\"lw-flex lw-pt-2\">\n        <TimeUnitSwitch<TimeSpan>\n          callback={setSelectedTimeUnit}\n          options={timeUnitConfig}\n          selected={selectedTimeUnit}\n        />\n      </div>\n\n      {loading && (\n        <div className=\"lw-flex lw-h-[425px] lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary\">\n          <Spinner size={SpinnerSize.lg} />\n        </div>\n      )}\n\n      {!loading && showError && (\n        <div className=\"lw-flex lw-h-[425px] lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary\">\n          <ChartError />\n        </div>\n      )}\n\n      {!loading && !showError && (\n        <div data-testid=\"instruments-price-chart-widget\">\n          <Chart timeSpan={selectedTimeUnit} values={candles} />\n        </div>\n      )}\n      <TimeZoneLabel />\n    </div>\n  );\n};\n\nexport { Main };\n"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,gBAAgB;AACzC,SACEC,UAAU,EACVC,OAAO,EACPC,WAAW,EACXC,cAAc,QACT,2BAA2B;AAClC,OAAOC,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AAEvC,SAASC,YAAY,QAAQ,qBAAqB;AAClD,SAGEC,QAAQ,QACH,sBAAsB;AAC7B,SAASC,KAAK,QAAQ,oBAAoB;AAC1C,SAASC,aAAa,QAAQ,4BAA4B;AAC1D,SAASC,cAAc,QAAQ,UAAU;AAEzC,SAASC,UAAU,EAAEC,yBAAyB,QAAQ,SAAS;AAE/D,MAAMC,IAAI,GAAGC,IAAA,IAAqD;EAAA,IAApD;IAAEC,QAAQ;IAAEC,UAAU;IAAEC;EAAsB,CAAC,GAAAH,IAAA;EAC3D,MAAM,CAACI,gBAAgB,EAAEC,mBAAmB,CAAC,GAAGd,QAAQ,CAACE,QAAQ,CAACa,KAAK,CAAC;EAExE,MAAM;IAAEC,OAAO;IAAEC,IAAI;IAAEC;EAAM,CAAC,GAAGxB,QAAQ,CAGvCO,YAAY,EAAE;IACdkB,SAAS,EAAE;MACTP,UAAU;MACVF,QAAQ;MACRC,UAAU;MACVS,WAAW,EAAEb,yBAAyB,CAACM,gBAAgB,CAAC;MACxDQ,QAAQ,EAAER;IACZ,CAAC;IACDS,WAAW,EAAE;EACf,CAAC,CAAC;EAEF,MAAMC,OAAO,GAAGjB,UAAU,CAACW,IAAI,CAAC;EAChC,MAAMO,SAAS,GAAGD,OAAO,EAAEE,MAAM,KAAK,CAAC,IAAI,CAACF,OAAO,IAAI,CAAC,CAACL,KAAK;EAE9D,OACEnB,KAAA,CAAA2B,aAAA;IAAK,eAAY;EAAiC,GAChD3B,KAAA,CAAA2B,aAAA;IAAKC,SAAS,EAAC;EAAiB,GAC9B5B,KAAA,CAAA2B,aAAA,CAAC5B,cAAc;IACb8B,QAAQ,EAAEd,mBAAoB;IAC9Be,OAAO,EAAExB,cAAe;IACxByB,QAAQ,EAAEjB;EAAiB,CAC5B,CACE,CAAC,EAELG,OAAO,IACNjB,KAAA,CAAA2B,aAAA;IAAKC,SAAS,EAAC;EAAmG,GAChH5B,KAAA,CAAA2B,aAAA,CAAC9B,OAAO;IAACmC,IAAI,EAAElC,WAAW,CAACmC;EAAG,CAAE,CAC7B,CACN,EAEA,CAAChB,OAAO,IAAIQ,SAAS,IACpBzB,KAAA,CAAA2B,aAAA;IAAKC,SAAS,EAAC;EAAmG,GAChH5B,KAAA,CAAA2B,aAAA,CAAC/B,UAAU,MAAE,CACV,CACN,EAEA,CAACqB,OAAO,IAAI,CAACQ,SAAS,IACrBzB,KAAA,CAAA2B,aAAA;IAAK,eAAY;EAAgC,GAC/C3B,KAAA,CAAA2B,aAAA,CAACvB,KAAK;IAACkB,QAAQ,EAAER,gBAAiB;IAACoB,MAAM,EAAEV;EAAQ,CAAE,CAClD,CACN,EACDxB,KAAA,CAAA2B,aAAA,CAACtB,aAAa,MAAE,CACb,CAAC;AAEV,CAAC;AAED,SAASI,IAAI","ignoreList":[]}

package/dist/module/InstrumentsPriceChartWidget/components/Chart.js

@@ -12,7 +12,8 @@ echarts.registerTheme('dark_theme', getChartTheme(Theme.Dark));
 echarts.registerTheme('light_theme', getChartTheme(Theme.Light));
 export const Chart = _ref => {
   let {
-    values
+    values,
+    timeSpan
   } = _ref;
   const {
     isDark
@@ -27,7 +28,8 @@ export const Chart = _ref => {
     option: getOption({
       values,
       isDark,
-      lang
+      lang,
+      timeSpan
     })
   });
 };

package/dist/module/InstrumentsPriceChartWidget/components/Chart.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chart.js","names":["BaseChart","getChartTheme","Theme","useLayoutProvider","useLocale","CustomChart","LineChart","DatasetComponent","GraphicComponent","GridSimpleComponent","TooltipComponent","echarts","CanvasRenderer","React","CHART_HEIGHT","getOption","use","registerTheme","Dark","Light","Chart","_ref","values","isDark","lang","createElement","chartHeight","option"],"sources":["../../../../src/InstrumentsPriceChartWidget/components/Chart.tsx"],"sourcesContent":["import {\n  BaseChart,\n  getChartTheme,\n  Theme,\n  useLayoutProvider,\n} from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport { CustomChart, LineChart } from 'echarts/charts';\nimport {\n  DatasetComponent,\n  GraphicComponent,\n  GridSimpleComponent,\n  TooltipComponent,\n} from 'echarts/components';\nimport * as echarts from 'echarts/core';\nimport { CanvasRenderer } from 'echarts/renderers';\nimport React from 'react';\n\nimport { CHART_HEIGHT } from './constants';\nimport { getOption } from './getOption';\nimport type { ChartProps } from './types';\n\necharts.use([\n  GridSimpleComponent,\n  GraphicComponent,\n  LineChart,\n  DatasetComponent,\n  CustomChart,\n  CanvasRenderer,\n  TooltipComponent,\n]);\n\necharts.registerTheme('dark_theme', getChartTheme(Theme.Dark));\necharts.registerTheme('light_theme', getChartTheme(Theme.Light));\n\nexport const Chart = ({ values }: ChartProps) => {\n  const { isDark } = useLayoutProvider();\n  const { lang } = useLocale();\n\n  return (\n    <BaseChart\n      chartHeight={CHART_HEIGHT}\n      echarts={echarts}\n      isDark={isDark}\n      option={getOption({\n        values,\n        isDark,\n        lang,\n      })}\n    />\n  );\n};\n"],"mappings":"AAAA,SACEA,SAAS,EACTC,aAAa,EACbC,KAAK,EACLC,iBAAiB,QACZ,2BAA2B;AAClC,SAASC,SAAS,QAAQ,kBAAkB;AAC5C,SAASC,WAAW,EAAEC,SAAS,QAAQ,gBAAgB;AACvD,SACEC,gBAAgB,EAChBC,gBAAgB,EAChBC,mBAAmB,EACnBC,gBAAgB,QACX,oBAAoB;AAC3B,OAAO,KAAKC,OAAO,MAAM,cAAc;AACvC,SAASC,cAAc,QAAQ,mBAAmB;AAClD,OAAOC,KAAK,MAAM,OAAO;AAEzB,SAASC,YAAY,QAAQ,aAAa;AAC1C,SAASC,SAAS,QAAQ,aAAa;AAGvCJ,OAAO,CAACK,GAAG,CAAC,CACVP,mBAAmB,EACnBD,gBAAgB,EAChBF,SAAS,EACTC,gBAAgB,EAChBF,WAAW,EACXO,cAAc,EACdF,gBAAgB,CACjB,CAAC;AAEFC,OAAO,CAACM,aAAa,CAAC,YAAY,EAAEhB,aAAa,CAACC,KAAK,CAACgB,IAAI,CAAC,CAAC;AAC9DP,OAAO,CAACM,aAAa,CAAC,aAAa,EAAEhB,aAAa,CAACC,KAAK,CAACiB,KAAK,CAAC,CAAC;AAEhE,OAAO,MAAMC,KAAK,GAAGC,IAAA,IAA4B;EAAA,IAA3B;IAAEC;EAAmB,CAAC,GAAAD,IAAA;EAC1C,MAAM;IAAEE;EAAO,CAAC,GAAGpB,iBAAiB,CAAC,CAAC;EACtC,MAAM;IAAEqB;EAAK,CAAC,GAAGpB,SAAS,CAAC,CAAC;EAE5B,OACES,KAAA,CAAAY,aAAA,CAACzB,SAAS;IACR0B,WAAW,EAAEZ,YAAa;IAC1BH,OAAO,EAAEA,OAAQ;IACjBY,MAAM,EAAEA,MAAO;IACfI,MAAM,EAAEZ,SAAS,CAAC;MAChBO,MAAM;MACNC,MAAM;MACNC;IACF,CAAC;EAAE,CACJ,CAAC;AAEN,CAAC","ignoreList":[]}
+{"version":3,"file":"Chart.js","names":["BaseChart","getChartTheme","Theme","useLayoutProvider","useLocale","CustomChart","LineChart","DatasetComponent","GraphicComponent","GridSimpleComponent","TooltipComponent","echarts","CanvasRenderer","React","CHART_HEIGHT","getOption","use","registerTheme","Dark","Light","Chart","_ref","values","timeSpan","isDark","lang","createElement","chartHeight","option"],"sources":["../../../../src/InstrumentsPriceChartWidget/components/Chart.tsx"],"sourcesContent":["import {\n  BaseChart,\n  getChartTheme,\n  Theme,\n  useLayoutProvider,\n} from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport { CustomChart, LineChart } from 'echarts/charts';\nimport {\n  DatasetComponent,\n  GraphicComponent,\n  GridSimpleComponent,\n  TooltipComponent,\n} from 'echarts/components';\nimport * as echarts from 'echarts/core';\nimport { CanvasRenderer } from 'echarts/renderers';\nimport React from 'react';\n\nimport { CHART_HEIGHT } from './constants';\nimport { getOption } from './getOption';\nimport type { ChartProps } from './types';\n\necharts.use([\n  GridSimpleComponent,\n  GraphicComponent,\n  LineChart,\n  DatasetComponent,\n  CustomChart,\n  CanvasRenderer,\n  TooltipComponent,\n]);\n\necharts.registerTheme('dark_theme', getChartTheme(Theme.Dark));\necharts.registerTheme('light_theme', getChartTheme(Theme.Light));\n\nexport const Chart = ({ values, timeSpan }: ChartProps) => {\n  const { isDark } = useLayoutProvider();\n  const { lang } = useLocale();\n\n  return (\n    <BaseChart\n      chartHeight={CHART_HEIGHT}\n      echarts={echarts}\n      isDark={isDark}\n      option={getOption({\n        values,\n        isDark,\n        lang,\n        timeSpan,\n      })}\n    />\n  );\n};\n"],"mappings":"AAAA,SACEA,SAAS,EACTC,aAAa,EACbC,KAAK,EACLC,iBAAiB,QACZ,2BAA2B;AAClC,SAASC,SAAS,QAAQ,kBAAkB;AAC5C,SAASC,WAAW,EAAEC,SAAS,QAAQ,gBAAgB;AACvD,SACEC,gBAAgB,EAChBC,gBAAgB,EAChBC,mBAAmB,EACnBC,gBAAgB,QACX,oBAAoB;AAC3B,OAAO,KAAKC,OAAO,MAAM,cAAc;AACvC,SAASC,cAAc,QAAQ,mBAAmB;AAClD,OAAOC,KAAK,MAAM,OAAO;AAEzB,SAASC,YAAY,QAAQ,aAAa;AAC1C,SAASC,SAAS,QAAQ,aAAa;AAGvCJ,OAAO,CAACK,GAAG,CAAC,CACVP,mBAAmB,EACnBD,gBAAgB,EAChBF,SAAS,EACTC,gBAAgB,EAChBF,WAAW,EACXO,cAAc,EACdF,gBAAgB,CACjB,CAAC;AAEFC,OAAO,CAACM,aAAa,CAAC,YAAY,EAAEhB,aAAa,CAACC,KAAK,CAACgB,IAAI,CAAC,CAAC;AAC9DP,OAAO,CAACM,aAAa,CAAC,aAAa,EAAEhB,aAAa,CAACC,KAAK,CAACiB,KAAK,CAAC,CAAC;AAEhE,OAAO,MAAMC,KAAK,GAAGC,IAAA,IAAsC;EAAA,IAArC;IAAEC,MAAM;IAAEC;EAAqB,CAAC,GAAAF,IAAA;EACpD,MAAM;IAAEG;EAAO,CAAC,GAAGrB,iBAAiB,CAAC,CAAC;EACtC,MAAM;IAAEsB;EAAK,CAAC,GAAGrB,SAAS,CAAC,CAAC;EAE5B,OACES,KAAA,CAAAa,aAAA,CAAC1B,SAAS;IACR2B,WAAW,EAAEb,YAAa;IAC1BH,OAAO,EAAEA,OAAQ;IACjBa,MAAM,EAAEA,MAAO;IACfI,MAAM,EAAEb,SAAS,CAAC;MAChBO,MAAM;MACNE,MAAM;MACNC,IAAI;MACJF;IACF,CAAC;EAAE,CACJ,CAAC;AAEN,CAAC","ignoreList":[]}

package/dist/module/InstrumentsPriceChartWidget/components/TimeZoneLabel.js

@@ -0,0 +1,21 @@
+import { useLocale } from '@oanda/mono-i18n';
+import React from 'react';
+const getBrowserOffsetLabel = () => {
+  const parts = new Intl.DateTimeFormat(undefined, {
+    timeZoneName: 'longOffset'
+  }).formatToParts(new Date());
+  const tzPart = parts.find(p => p.type === 'timeZoneName');
+  return tzPart ? tzPart.value : '';
+};
+export const TimeZoneLabel = () => {
+  const {
+    lang
+  } = useLocale();
+  return React.createElement("span", {
+    className: "lw-ml-1 lw-font-sans lw-text-xs lw-font-bold",
+    "data-testid": "timezone-label"
+  }, `${lang('timezone_display', {
+    timezone: getBrowserOffsetLabel()
+  })}`);
+};
+//# sourceMappingURL=TimeZoneLabel.js.map

package/dist/module/InstrumentsPriceChartWidget/components/TimeZoneLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeZoneLabel.js","names":["useLocale","React","getBrowserOffsetLabel","parts","Intl","DateTimeFormat","undefined","timeZoneName","formatToParts","Date","tzPart","find","p","type","value","TimeZoneLabel","lang","createElement","className","timezone"],"sources":["../../../../src/InstrumentsPriceChartWidget/components/TimeZoneLabel.tsx"],"sourcesContent":["import { useLocale } from '@oanda/mono-i18n';\nimport React from 'react';\n\nconst getBrowserOffsetLabel = (): string => {\n  const parts = new Intl.DateTimeFormat(undefined, {\n    timeZoneName: 'longOffset',\n  }).formatToParts(new Date());\n\n  const tzPart = parts.find((p) => p.type === 'timeZoneName');\n  return tzPart ? tzPart.value : '';\n};\n\nexport const TimeZoneLabel = () => {\n  const { lang } = useLocale();\n\n  return (\n    <span\n      className=\"lw-ml-1 lw-font-sans lw-text-xs lw-font-bold\"\n      data-testid=\"timezone-label\"\n    >{`${lang('timezone_display', {\n      timezone: getBrowserOffsetLabel(),\n    })}`}</span>\n  );\n};\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,kBAAkB;AAC5C,OAAOC,KAAK,MAAM,OAAO;AAEzB,MAAMC,qBAAqB,GAAGA,CAAA,KAAc;EAC1C,MAAMC,KAAK,GAAG,IAAIC,IAAI,CAACC,cAAc,CAACC,SAAS,EAAE;IAC/CC,YAAY,EAAE;EAChB,CAAC,CAAC,CAACC,aAAa,CAAC,IAAIC,IAAI,CAAC,CAAC,CAAC;EAE5B,MAAMC,MAAM,GAAGP,KAAK,CAACQ,IAAI,CAAEC,CAAC,IAAKA,CAAC,CAACC,IAAI,KAAK,cAAc,CAAC;EAC3D,OAAOH,MAAM,GAAGA,MAAM,CAACI,KAAK,GAAG,EAAE;AACnC,CAAC;AAED,OAAO,MAAMC,aAAa,GAAGA,CAAA,KAAM;EACjC,MAAM;IAAEC;EAAK,CAAC,GAAGhB,SAAS,CAAC,CAAC;EAE5B,OACEC,KAAA,CAAAgB,aAAA;IACEC,SAAS,EAAC,8CAA8C;IACxD,eAAY;EAAgB,GAC5B,GAAGF,IAAI,CAAC,kBAAkB,EAAE;IAC5BG,QAAQ,EAAEjB,qBAAqB,CAAC;EAClC,CAAC,CAAC,EAAS,CAAC;AAEhB,CAAC","ignoreList":[]}

package/dist/module/InstrumentsPriceChartWidget/components/formatters.js

@@ -1,11 +1,49 @@
-import { chartDateTimeFormat, getChartDateAndTime } from '@oanda/labs-widget-common';
-export const dailyFormatter = timestamp => {
-  const date = new Date(timestamp);
-  return date.toLocaleTimeString(undefined, {
-    hour: 'numeric',
-    hour12: true
-  });
+import { TimeSpan } from '../../gql/types/graphql';
+export const showSplitLine = (index, total) => {
+  const interval = Math.max(1, Math.floor(total / 6));
+  return index % interval === 0;
 };
+const showChartIntervalLabel = (timeSpan, values, index) => {
+  const date = new Date(values[index].point);
+  const labelInterval = Math.max(1, Math.floor(values.length / 6));
+  if (timeSpan === TimeSpan.Month_6 || timeSpan === TimeSpan.Year_1 || timeSpan === TimeSpan.Year_5) {
+    const prev = index > 0 ? new Date(values[index - 1].point) : null;
+    const monthChanged = !prev || date.getMonth() !== prev.getMonth() || date.getFullYear() !== prev.getFullYear();
+    return monthChanged;
+  }
+  return index % labelInterval === 0;
+};
+export const labelFormatter = (timeSpan, values) => (_, index) => {
+  const date = new Date(values[index].point);
+  if (!showChartIntervalLabel(timeSpan, values, index)) return '';
+  switch (timeSpan) {
+    case TimeSpan.Day_1:
+      const hour = date.getHours();
+      return `${String(hour).padStart(2, '0')}:00`;
+    case TimeSpan.Week_1:
+    case TimeSpan.Month_1:
+      return date.toLocaleDateString(undefined, {
+        day: '2-digit',
+        month: 'short'
+      });
+    case TimeSpan.Month_6:
+    case TimeSpan.Year_1:
+    case TimeSpan.Year_5:
+      return date.toLocaleDateString(undefined, {
+        month: 'short'
+      });
+    default:
+      return '';
+  }
+};
+const chartDateTimeFormat = iso => new Date(iso).toLocaleString(undefined, {
+  year: 'numeric',
+  month: '2-digit',
+  day: '2-digit',
+  hour: '2-digit',
+  minute: '2-digit',
+  hour12: false
+});
 export const tooltipFormatter = _ref => {
   let {
     lang,
@@ -16,9 +54,9 @@ export const tooltipFormatter = _ref => {
     high,
     close,
     low,
-    time
+    point
   } = data;
-  const date = chartDateTimeFormat(getChartDateAndTime(time));
+  const date = chartDateTimeFormat(point);
   return `
     <div style="display:flex; flex-direction:column;">
       <span style="margin-bottom:5px;">${date}</span>

package/dist/module/InstrumentsPriceChartWidget/components/formatters.js.map

@@ -1 +1 @@
-{"version":3,"file":"formatters.js","names":["chartDateTimeFormat","getChartDateAndTime","dailyFormatter","timestamp","date","Date","toLocaleTimeString","undefined","hour","hour12","tooltipFormatter","_ref","lang","data","open","high","close","low","time","toFixed"],"sources":["../../../../src/InstrumentsPriceChartWidget/components/formatters.ts"],"sourcesContent":["import {\n  chartDateTimeFormat,\n  getChartDateAndTime,\n} from '@oanda/labs-widget-common';\n\nimport type { TooltipFormatterParams } from './types';\n\nexport const dailyFormatter = (timestamp: string) => {\n  const date = new Date(timestamp);\n  return date.toLocaleTimeString(undefined, {\n    hour: 'numeric',\n    hour12: true,\n  });\n};\n\nexport const tooltipFormatter = ({ lang, data }: TooltipFormatterParams) => {\n  const { open, high, close, low, time } = data;\n  const date = chartDateTimeFormat(getChartDateAndTime(time));\n\n  return `\n    <div style=\"display:flex; flex-direction:column;\">\n      <span style=\"margin-bottom:5px;\">${date}</span>\n      ${lang('open')}: ${open.toFixed(4)}<br />\n      ${lang('high')}: ${high.toFixed(4)}<br />\n      ${lang('low')}: ${low.toFixed(4)}<br />\n      ${lang('close')}: ${close.toFixed(4)}\n    </div>\n  `;\n};\n"],"mappings":"AAAA,SACEA,mBAAmB,EACnBC,mBAAmB,QACd,2BAA2B;AAIlC,OAAO,MAAMC,cAAc,GAAIC,SAAiB,IAAK;EACnD,MAAMC,IAAI,GAAG,IAAIC,IAAI,CAACF,SAAS,CAAC;EAChC,OAAOC,IAAI,CAACE,kBAAkB,CAACC,SAAS,EAAE;IACxCC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC,CAAC;AACJ,CAAC;AAED,OAAO,MAAMC,gBAAgB,GAAGC,IAAA,IAA4C;EAAA,IAA3C;IAAEC,IAAI;IAAEC;EAA6B,CAAC,GAAAF,IAAA;EACrE,MAAM;IAAEG,IAAI;IAAEC,IAAI;IAAEC,KAAK;IAAEC,GAAG;IAAEC;EAAK,CAAC,GAAGL,IAAI;EAC7C,MAAMT,IAAI,GAAGJ,mBAAmB,CAACC,mBAAmB,CAACiB,IAAI,CAAC,CAAC;EAE3D,OAAO;AACT;AACA,yCAAyCd,IAAI;AAC7C,QAAQQ,IAAI,CAAC,MAAM,CAAC,KAAKE,IAAI,CAACK,OAAO,CAAC,CAAC,CAAC;AACxC,QAAQP,IAAI,CAAC,MAAM,CAAC,KAAKG,IAAI,CAACI,OAAO,CAAC,CAAC,CAAC;AACxC,QAAQP,IAAI,CAAC,KAAK,CAAC,KAAKK,GAAG,CAACE,OAAO,CAAC,CAAC,CAAC;AACtC,QAAQP,IAAI,CAAC,OAAO,CAAC,KAAKI,KAAK,CAACG,OAAO,CAAC,CAAC,CAAC;AAC1C;AACA,GAAG;AACH,CAAC","ignoreList":[]}
+{"version":3,"file":"formatters.js","names":["TimeSpan","showSplitLine","index","total","interval","Math","max","floor","showChartIntervalLabel","timeSpan","values","date","Date","point","labelInterval","length","Month_6","Year_1","Year_5","prev","monthChanged","getMonth","getFullYear","labelFormatter","_","Day_1","hour","getHours","String","padStart","Week_1","Month_1","toLocaleDateString","undefined","day","month","chartDateTimeFormat","iso","toLocaleString","year","minute","hour12","tooltipFormatter","_ref","lang","data","open","high","close","low","toFixed"],"sources":["../../../../src/InstrumentsPriceChartWidget/components/formatters.ts"],"sourcesContent":["import { TimeSpan } from '../../gql/types/graphql';\nimport type { TooltipFormatterParams } from './types';\n\nexport const showSplitLine = (index: number, total: number): boolean => {\n  const interval = Math.max(1, Math.floor(total / 6));\n  return index % interval === 0;\n};\n\nconst showChartIntervalLabel = (\n  timeSpan: TimeSpan,\n  values: { point: string }[],\n  index: number\n): boolean => {\n  const date = new Date(values[index].point);\n  const labelInterval = Math.max(1, Math.floor(values.length / 6));\n\n  if (\n    timeSpan === TimeSpan.Month_6 ||\n    timeSpan === TimeSpan.Year_1 ||\n    timeSpan === TimeSpan.Year_5\n  ) {\n    const prev = index > 0 ? new Date(values[index - 1].point) : null;\n    const monthChanged =\n      !prev ||\n      date.getMonth() !== prev.getMonth() ||\n      date.getFullYear() !== prev.getFullYear();\n\n    return monthChanged;\n  }\n\n  return index % labelInterval === 0;\n};\n\nexport const labelFormatter =\n  (timeSpan: TimeSpan, values: { point: string }[]) =>\n  (_: string, index: number): string => {\n    const date = new Date(values[index].point);\n\n    if (!showChartIntervalLabel(timeSpan, values, index)) return '';\n\n    switch (timeSpan) {\n      case TimeSpan.Day_1:\n        const hour = date.getHours();\n        return `${String(hour).padStart(2, '0')}:00`;\n\n      case TimeSpan.Week_1:\n      case TimeSpan.Month_1:\n        return date.toLocaleDateString(undefined, {\n          day: '2-digit',\n          month: 'short',\n        });\n\n      case TimeSpan.Month_6:\n      case TimeSpan.Year_1:\n      case TimeSpan.Year_5:\n        return date.toLocaleDateString(undefined, {\n          month: 'short',\n        });\n\n      default:\n        return '';\n    }\n  };\n\nconst chartDateTimeFormat = (iso: string) =>\n  new Date(iso).toLocaleString(undefined, {\n    year: 'numeric',\n    month: '2-digit',\n    day: '2-digit',\n    hour: '2-digit',\n    minute: '2-digit',\n    hour12: false,\n  });\n\nexport const tooltipFormatter = ({ lang, data }: TooltipFormatterParams) => {\n  const { open, high, close, low, point } = data;\n  const date = chartDateTimeFormat(point);\n\n  return `\n    <div style=\"display:flex; flex-direction:column;\">\n      <span style=\"margin-bottom:5px;\">${date}</span>\n      ${lang('open')}: ${open.toFixed(4)}<br />\n      ${lang('high')}: ${high.toFixed(4)}<br />\n      ${lang('low')}: ${low.toFixed(4)}<br />\n      ${lang('close')}: ${close.toFixed(4)}\n    </div>\n  `;\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/module/InstrumentsPriceChartWidget/components/getOption.js

@@ -1,15 +1,14 @@
 import { colorPalette, getGridLines, getLineCommons } from '@oanda/labs-widget-common';
 import { CHART_HEIGHT, CHART_INTERVAL, CHART_WIDTH, X_LABEL_SIZE, Y_LABEL_SIZE_DESKTOP } from './constants';
-import { dailyFormatter, tooltipFormatter } from './formatters';
+import { labelFormatter, showSplitLine, tooltipFormatter } from './formatters';
 export const getOption = _ref => {
   let {
     values,
     isDark,
-    lang
+    lang,
+    timeSpan
   } = _ref;
-  const priceValues = values.map(d => d.candle.high);
-  const timestamps = values.map(d => dailyFormatter(d.time));
-  const labelInterval = Math.max(1, Math.floor(timestamps.length / 6));
+  const priceValues = values.map(d => d.high);
   const gridLines = getGridLines({
     isDark,
     chartWidth: CHART_WIDTH,
@@ -19,6 +18,7 @@ export const getOption = _ref => {
     bottomLeftBox: false
   });
   return {
+    animation: false,
     tooltip: {
       trigger: 'axis',
       axisPointer: {
@@ -36,18 +36,18 @@ export const getOption = _ref => {
     xAxis: {
       type: 'category',
       boundaryGap: false,
-      data: timestamps,
+      data: values.map(d => d.point),
       axisTick: {
         show: false
       },
       axisLabel: {
-        margin: 10,
-        interval: index => index % labelInterval === 0,
-        formatter: (value, index) => index % labelInterval === 0 ? value : ''
+        padding: [0, 0, 0, 30],
+        interval: 'auto',
+        formatter: labelFormatter(timeSpan, values)
       },
       splitLine: {
         show: true,
-        interval: index => index % labelInterval === 0
+        interval: index => showSplitLine(index, values.length)
       }
     },
     yAxis: {
@@ -63,7 +63,7 @@ export const getOption = _ref => {
         show: false
       },
       axisLabel: {
-        margin: 8,
+        margin: 10,
         formatter: value => {
           const dataMin = Math.floor(Math.min(...priceValues) * 100) / 100;
           const dataMax = Math.ceil(Math.max(...priceValues) * 100) / 100;
@@ -81,9 +81,9 @@ export const getOption = _ref => {
       name: 'price-close',
       type: 'line',
       data: values.map(d => ({
-        value: d.candle.high,
-        ...d.candle,
-        time: d.time
+        value: d.high,
+        ...d,
+        time: d.point
       })),
       smooth: true,
       symbol: 'none',

package/dist/module/InstrumentsPriceChartWidget/components/getOption.js.map

@@ -1 +1 @@
-{"version":3,"file":"getOption.js","names":["colorPalette","getGridLines","getLineCommons","CHART_HEIGHT","CHART_INTERVAL","CHART_WIDTH","X_LABEL_SIZE","Y_LABEL_SIZE_DESKTOP","dailyFormatter","tooltipFormatter","getOption","_ref","values","isDark","lang","priceValues","map","d","candle","high","timestamps","time","labelInterval","Math","max","floor","length","gridLines","chartWidth","chartHeight","xLabelsSize","yLabelSize","bottomLeftBox","tooltip","trigger","axisPointer","axis","formatter","params","p","Array","isArray","data","xAxis","type","boundaryGap","axisTick","show","axisLabel","margin","interval","index","value","splitLine","yAxis","position","min","ceil","axisLine","dataMin","dataMax","toFixed","series","name","smooth","symbol","lineStyle","color","navyBlue","width","areaStyle","x","y","x2","y2","colorStops","offset","brightBlue30","brightBlue","grid","top","left","right","bottom","graphic","shape","x1","y1"],"sources":["../../../../src/InstrumentsPriceChartWidget/components/getOption.ts"],"sourcesContent":["import {\n  colorPalette,\n  getGridLines,\n  getLineCommons,\n} from '@oanda/labs-widget-common';\n\nimport {\n  CHART_HEIGHT,\n  CHART_INTERVAL,\n  CHART_WIDTH,\n  X_LABEL_SIZE,\n  Y_LABEL_SIZE_DESKTOP,\n} from './constants';\nimport { dailyFormatter, tooltipFormatter } from './formatters';\nimport type { ChartValue, GetOptionType } from './types';\n\nexport const getOption: GetOptionType = ({ values, isDark, lang }) => {\n  const priceValues = values.map((d) => d.candle.high);\n\n  const timestamps = values.map((d) => dailyFormatter(d.time));\n\n  const labelInterval = Math.max(1, Math.floor(timestamps.length / 6));\n\n  const gridLines = getGridLines({\n    isDark,\n    chartWidth: CHART_WIDTH,\n    chartHeight: CHART_HEIGHT,\n    xLabelsSize: X_LABEL_SIZE,\n    yLabelSize: Y_LABEL_SIZE_DESKTOP,\n    bottomLeftBox: false,\n  });\n\n  return {\n    tooltip: {\n      trigger: 'axis',\n      axisPointer: {\n        axis: 'x',\n      },\n      formatter: (params) => {\n        const p = Array.isArray(params) ? params[0] : params;\n        const data = p.data as {\n          time: string;\n          open: number;\n          high: number;\n          low: number;\n          close: number;\n        };\n\n        return tooltipFormatter({ lang, data });\n      },\n    },\n    xAxis: {\n      type: 'category',\n      boundaryGap: false,\n      data: timestamps,\n      axisTick: {\n        show: false,\n      },\n      axisLabel: {\n        margin: 10,\n        interval: (index: number) => index % labelInterval === 0,\n        formatter: (value: string, index: number) =>\n          index % labelInterval === 0 ? value : '',\n      },\n      splitLine: {\n        show: true,\n        interval: (index: number) => index % labelInterval === 0,\n      },\n    },\n    yAxis: {\n      type: 'value',\n      position: 'right',\n      min: (value: ChartValue) =>\n        Math.floor(value.min * 100) / 100 - CHART_INTERVAL,\n      max: (value: ChartValue) =>\n        Math.ceil(value.max * 100) / 100 + CHART_INTERVAL,\n      interval: CHART_INTERVAL,\n      axisLine: { show: false },\n      axisTick: { show: false },\n      axisLabel: {\n        margin: 8,\n        formatter: (value: number) => {\n          const dataMin = Math.floor(Math.min(...priceValues) * 100) / 100;\n          const dataMax = Math.ceil(Math.max(...priceValues) * 100) / 100;\n          if (value < dataMin || value > dataMax) {\n            return '';\n          }\n          return value.toFixed(2);\n        },\n      },\n      splitLine: {\n        show: true,\n      },\n    },\n    series: [\n      {\n        name: 'price-close',\n        type: 'line',\n        data: values.map((d) => ({\n          value: d.candle.high,\n          ...d.candle,\n          time: d.time,\n        })),\n        smooth: true,\n        symbol: 'none',\n        lineStyle: {\n          color: colorPalette.navyBlue,\n          width: 2,\n        },\n        areaStyle: {\n          color: {\n            type: 'linear',\n            x: 0,\n            y: 0,\n            x2: 0,\n            y2: 1,\n            colorStops: [\n              { offset: 0, color: colorPalette.brightBlue30 },\n              { offset: 1, color: colorPalette.brightBlue },\n            ],\n          },\n        },\n      },\n    ],\n    grid: [\n      {\n        name: 'main-grid',\n        top: 0,\n        left: 0,\n        right: `${Y_LABEL_SIZE_DESKTOP}px`,\n        bottom: `${X_LABEL_SIZE}px`,\n      },\n    ],\n    graphic: [\n      ...gridLines,\n      {\n        ...getLineCommons(isDark),\n        top: 0,\n        right: 0,\n        shape: {\n          x1: 0,\n          y1: 0,\n          x2: 0,\n          y2: 0,\n        },\n      },\n    ],\n  };\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"getOption.js","names":["colorPalette","getGridLines","getLineCommons","CHART_HEIGHT","CHART_INTERVAL","CHART_WIDTH","X_LABEL_SIZE","Y_LABEL_SIZE_DESKTOP","labelFormatter","showSplitLine","tooltipFormatter","getOption","_ref","values","isDark","lang","timeSpan","priceValues","map","d","high","gridLines","chartWidth","chartHeight","xLabelsSize","yLabelSize","bottomLeftBox","animation","tooltip","trigger","axisPointer","axis","formatter","params","p","Array","isArray","data","xAxis","type","boundaryGap","point","axisTick","show","axisLabel","padding","interval","splitLine","index","length","yAxis","position","min","value","Math","floor","max","ceil","axisLine","margin","dataMin","dataMax","toFixed","series","name","time","smooth","symbol","lineStyle","color","navyBlue","width","areaStyle","x","y","x2","y2","colorStops","offset","brightBlue30","brightBlue","grid","top","left","right","bottom","graphic","shape","x1","y1"],"sources":["../../../../src/InstrumentsPriceChartWidget/components/getOption.ts"],"sourcesContent":["import {\n  colorPalette,\n  getGridLines,\n  getLineCommons,\n} from '@oanda/labs-widget-common';\n\nimport {\n  CHART_HEIGHT,\n  CHART_INTERVAL,\n  CHART_WIDTH,\n  X_LABEL_SIZE,\n  Y_LABEL_SIZE_DESKTOP,\n} from './constants';\nimport { labelFormatter, showSplitLine, tooltipFormatter } from './formatters';\nimport type { ChartValue, GetOptionType } from './types';\n\nexport const getOption: GetOptionType = ({\n  values,\n  isDark,\n  lang,\n  timeSpan,\n}) => {\n  const priceValues = values.map((d) => d.high);\n\n  const gridLines = getGridLines({\n    isDark,\n    chartWidth: CHART_WIDTH,\n    chartHeight: CHART_HEIGHT,\n    xLabelsSize: X_LABEL_SIZE,\n    yLabelSize: Y_LABEL_SIZE_DESKTOP,\n    bottomLeftBox: false,\n  });\n\n  return {\n    animation: false,\n    tooltip: {\n      trigger: 'axis',\n      axisPointer: {\n        axis: 'x',\n      },\n      formatter: (params) => {\n        const p = Array.isArray(params) ? params[0] : params;\n        const data = p.data as {\n          point: string;\n          open: number;\n          high: number;\n          low: number;\n          close: number;\n        };\n\n        return tooltipFormatter({ lang, data });\n      },\n    },\n    xAxis: {\n      type: 'category',\n      boundaryGap: false,\n      data: values.map((d) => d.point),\n      axisTick: { show: false },\n      axisLabel: {\n        padding: [0, 0, 0, 30],\n        interval: 'auto',\n        formatter: labelFormatter(timeSpan, values),\n      },\n      splitLine: {\n        show: true,\n        interval: (index: number) => showSplitLine(index, values.length),\n      },\n    },\n    yAxis: {\n      type: 'value',\n      position: 'right',\n      min: (value: ChartValue) =>\n        Math.floor(value.min * 100) / 100 - CHART_INTERVAL,\n      max: (value: ChartValue) =>\n        Math.ceil(value.max * 100) / 100 + CHART_INTERVAL,\n      interval: CHART_INTERVAL,\n      axisLine: { show: false },\n      axisTick: { show: false },\n      axisLabel: {\n        margin: 10,\n        formatter: (value: number) => {\n          const dataMin = Math.floor(Math.min(...priceValues) * 100) / 100;\n          const dataMax = Math.ceil(Math.max(...priceValues) * 100) / 100;\n          if (value < dataMin || value > dataMax) {\n            return '';\n          }\n          return value.toFixed(2);\n        },\n      },\n      splitLine: {\n        show: true,\n      },\n    },\n    series: [\n      {\n        name: 'price-close',\n        type: 'line',\n        data: values.map((d) => ({\n          value: d.high,\n          ...d,\n          time: d.point,\n        })),\n        smooth: true,\n        symbol: 'none',\n        lineStyle: {\n          color: colorPalette.navyBlue,\n          width: 2,\n        },\n        areaStyle: {\n          color: {\n            type: 'linear',\n            x: 0,\n            y: 0,\n            x2: 0,\n            y2: 1,\n            colorStops: [\n              { offset: 0, color: colorPalette.brightBlue30 },\n              { offset: 1, color: colorPalette.brightBlue },\n            ],\n          },\n        },\n      },\n    ],\n    grid: [\n      {\n        name: 'main-grid',\n        top: 0,\n        left: 0,\n        right: `${Y_LABEL_SIZE_DESKTOP}px`,\n        bottom: `${X_LABEL_SIZE}px`,\n      },\n    ],\n    graphic: [\n      ...gridLines,\n      {\n        ...getLineCommons(isDark),\n        top: 0,\n        right: 0,\n        shape: {\n          x1: 0,\n          y1: 0,\n          x2: 0,\n          y2: 0,\n        },\n      },\n    ],\n  };\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/module/InstrumentsPriceChartWidget/components/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../../src/InstrumentsPriceChartWidget/components/types.ts"],"sourcesContent":["import type { EChartsOption } from 'echarts';\n\nimport type { CandlesData } from '../../gql/types/graphql';\n\nexport interface ChartProps {\n  values: CandlesData[];\n}\n\nexport interface GetOptionProps {\n  values: CandlesData[];\n  isDark: boolean;\n  lang: (label: string) => string;\n}\n\nexport type GetOptionType = (props: GetOptionProps) => EChartsOption;\n\nexport interface ChartValue {\n  min: number;\n  max: number;\n}\n\nexport interface TooltipData {\n  time: string;\n  open: number;\n  high: number;\n  low: number;\n  close: number;\n}\n\nexport interface TooltipFormatterParams {\n  data: TooltipData;\n  lang: (label: string) => string;\n}\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../src/InstrumentsPriceChartWidget/components/types.ts"],"sourcesContent":["import type { EChartsOption } from 'echarts';\n\nimport type { Candle, TimeSpan } from '../../gql/types/graphql';\n\nexport interface ChartProps {\n  values: Candle[];\n  timeSpan: TimeSpan;\n}\n\nexport interface GetOptionProps {\n  values: Candle[];\n  isDark: boolean;\n  lang: (label: string) => string;\n  timeSpan: TimeSpan;\n}\n\nexport type GetOptionType = (props: GetOptionProps) => EChartsOption;\n\nexport interface ChartValue {\n  min: number;\n  max: number;\n}\n\nexport interface TooltipData {\n  point: string;\n  open: number;\n  high: number;\n  low: number;\n  close: number;\n}\n\nexport interface TooltipFormatterParams {\n  data: TooltipData;\n  lang: (label: string) => string;\n}\n"],"mappings":"","ignoreList":[]}

package/dist/module/InstrumentsPriceChartWidget/config.js

@@ -1,39 +1,46 @@
-import { TimeSpanSubset } from './types';
+import { Granularity, TimeSpan } from '../gql/types/graphql';
 const timeUnitConfig = [{
-  value: TimeSpanSubset.Day_1,
+  value: TimeSpan.Day_1,
   label: '1d',
   tooltipLabel: {
     translationKey: 'day',
     count: 1
   }
 }, {
-  value: TimeSpanSubset.Week_1,
+  value: TimeSpan.Week_1,
   label: '1w',
   tooltipLabel: {
     translationKey: 'week',
     count: 1
   }
 }, {
-  value: TimeSpanSubset.Month_1,
+  value: TimeSpan.Month_1,
   label: '1m',
   tooltipLabel: {
     translationKey: 'month',
     count: 1
   }
 }, {
-  value: TimeSpanSubset.Month_6,
+  value: TimeSpan.Month_6,
   label: '6m',
   tooltipLabel: {
     translationKey: 'month',
     count: 6
   }
 }, {
-  value: TimeSpanSubset.Year_1,
+  value: TimeSpan.Year_1,
   label: '1y',
   tooltipLabel: {
     translationKey: 'year',
     count: 1
   }
 }];
-export { timeUnitConfig };
+const granularityForTimeSpan = {
+  [TimeSpan.Day_1]: Granularity.H1,
+  [TimeSpan.Week_1]: Granularity.H4,
+  [TimeSpan.Month_1]: Granularity.D1,
+  [TimeSpan.Month_6]: Granularity.D1,
+  [TimeSpan.Year_1]: Granularity.D1
+};
+export { granularityForTimeSpan, timeUnitConfig };
 //# sourceMappingURL=config.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"config.js","names":["TimeSpanSubset","timeUnitConfig","value","Day_1","label","tooltipLabel","translationKey","count","Week_1","Month_1","Month_6","Year_1"],"sources":["../../../src/InstrumentsPriceChartWidget/config.ts"],"sourcesContent":["import { TimeSpanSubset } from './types';\n\nconst timeUnitConfig = [\n  {\n    value: TimeSpanSubset.Day_1,\n    label: '1d',\n    tooltipLabel: {\n      translationKey: 'day',\n      count: 1,\n    },\n  },\n  {\n    value: TimeSpanSubset.Week_1,\n    label: '1w',\n    tooltipLabel: {\n      translationKey: 'week',\n      count: 1,\n    },\n  },\n  {\n    value: TimeSpanSubset.Month_1,\n    label: '1m',\n    tooltipLabel: {\n      translationKey: 'month',\n      count: 1,\n    },\n  },\n\n  {\n    value: TimeSpanSubset.Month_6,\n    label: '6m',\n    tooltipLabel: {\n      translationKey: 'month',\n      count: 6,\n    },\n  },\n  {\n    value: TimeSpanSubset.Year_1,\n    label: '1y',\n    tooltipLabel: {\n      translationKey: 'year',\n      count: 1,\n    },\n  },\n];\n\nexport { timeUnitConfig };\n"],"mappings":"AAAA,SAASA,cAAc,QAAQ,SAAS;AAExC,MAAMC,cAAc,GAAG,CACrB;EACEC,KAAK,EAAEF,cAAc,CAACG,KAAK;EAC3BC,KAAK,EAAE,IAAI;EACXC,YAAY,EAAE;IACZC,cAAc,EAAE,KAAK;IACrBC,KAAK,EAAE;EACT;AACF,CAAC,EACD;EACEL,KAAK,EAAEF,cAAc,CAACQ,MAAM;EAC5BJ,KAAK,EAAE,IAAI;EACXC,YAAY,EAAE;IACZC,cAAc,EAAE,MAAM;IACtBC,KAAK,EAAE;EACT;AACF,CAAC,EACD;EACEL,KAAK,EAAEF,cAAc,CAACS,OAAO;EAC7BL,KAAK,EAAE,IAAI;EACXC,YAAY,EAAE;IACZC,cAAc,EAAE,OAAO;IACvBC,KAAK,EAAE;EACT;AACF,CAAC,EAED;EACEL,KAAK,EAAEF,cAAc,CAACU,OAAO;EAC7BN,KAAK,EAAE,IAAI;EACXC,YAAY,EAAE;IACZC,cAAc,EAAE,OAAO;IACvBC,KAAK,EAAE;EACT;AACF,CAAC,EACD;EACEL,KAAK,EAAEF,cAAc,CAACW,MAAM;EAC5BP,KAAK,EAAE,IAAI;EACXC,YAAY,EAAE;IACZC,cAAc,EAAE,MAAM;IACtBC,KAAK,EAAE;EACT;AACF,CAAC,CACF;AAED,SAASN,cAAc","ignoreList":[]}
+{"version":3,"file":"config.js","names":["Granularity","TimeSpan","timeUnitConfig","value","Day_1","label","tooltipLabel","translationKey","count","Week_1","Month_1","Month_6","Year_1","granularityForTimeSpan","H1","H4","D1"],"sources":["../../../src/InstrumentsPriceChartWidget/config.ts"],"sourcesContent":["import { Granularity, TimeSpan } from '../gql/types/graphql';\nimport type { TimeSpanSubset } from './types';\n\nconst timeUnitConfig = [\n  {\n    value: TimeSpan.Day_1,\n    label: '1d',\n    tooltipLabel: {\n      translationKey: 'day',\n      count: 1,\n    },\n  },\n  {\n    value: TimeSpan.Week_1,\n    label: '1w',\n    tooltipLabel: {\n      translationKey: 'week',\n      count: 1,\n    },\n  },\n  {\n    value: TimeSpan.Month_1,\n    label: '1m',\n    tooltipLabel: {\n      translationKey: 'month',\n      count: 1,\n    },\n  },\n\n  {\n    value: TimeSpan.Month_6,\n    label: '6m',\n    tooltipLabel: {\n      translationKey: 'month',\n      count: 6,\n    },\n  },\n  {\n    value: TimeSpan.Year_1,\n    label: '1y',\n    tooltipLabel: {\n      translationKey: 'year',\n      count: 1,\n    },\n  },\n];\n\nconst granularityForTimeSpan: Record<TimeSpanSubset, Granularity> = {\n  [TimeSpan.Day_1]: Granularity.H1,\n  [TimeSpan.Week_1]: Granularity.H4,\n  [TimeSpan.Month_1]: Granularity.D1,\n  [TimeSpan.Month_6]: Granularity.D1,\n  [TimeSpan.Year_1]: Granularity.D1,\n};\n\nexport { granularityForTimeSpan, timeUnitConfig };\n"],"mappings":"AAAA,SAASA,WAAW,EAAEC,QAAQ,QAAQ,sBAAsB;AAG5D,MAAMC,cAAc,GAAG,CACrB;EACEC,KAAK,EAAEF,QAAQ,CAACG,KAAK;EACrBC,KAAK,EAAE,IAAI;EACXC,YAAY,EAAE;IACZC,cAAc,EAAE,KAAK;IACrBC,KAAK,EAAE;EACT;AACF,CAAC,EACD;EACEL,KAAK,EAAEF,QAAQ,CAACQ,MAAM;EACtBJ,KAAK,EAAE,IAAI;EACXC,YAAY,EAAE;IACZC,cAAc,EAAE,MAAM;IACtBC,KAAK,EAAE;EACT;AACF,CAAC,EACD;EACEL,KAAK,EAAEF,QAAQ,CAACS,OAAO;EACvBL,KAAK,EAAE,IAAI;EACXC,YAAY,EAAE;IACZC,cAAc,EAAE,OAAO;IACvBC,KAAK,EAAE;EACT;AACF,CAAC,EAED;EACEL,KAAK,EAAEF,QAAQ,CAACU,OAAO;EACvBN,KAAK,EAAE,IAAI;EACXC,YAAY,EAAE;IACZC,cAAc,EAAE,OAAO;IACvBC,KAAK,EAAE;EACT;AACF,CAAC,EACD;EACEL,KAAK,EAAEF,QAAQ,CAACW,MAAM;EACtBP,KAAK,EAAE,IAAI;EACXC,YAAY,EAAE;IACZC,cAAc,EAAE,MAAM;IACtBC,KAAK,EAAE;EACT;AACF,CAAC,CACF;AAED,MAAMK,sBAA2D,GAAG;EAClE,CAACZ,QAAQ,CAACG,KAAK,GAAGJ,WAAW,CAACc,EAAE;EAChC,CAACb,QAAQ,CAACQ,MAAM,GAAGT,WAAW,CAACe,EAAE;EACjC,CAACd,QAAQ,CAACS,OAAO,GAAGV,WAAW,CAACgB,EAAE;EAClC,CAACf,QAAQ,CAACU,OAAO,GAAGX,WAAW,CAACgB,EAAE;EAClC,CAACf,QAAQ,CAACW,MAAM,GAAGZ,WAAW,CAACgB;AACjC,CAAC;AAED,SAASH,sBAAsB,EAAEX,cAAc","ignoreList":[]}

package/dist/module/InstrumentsPriceChartWidget/render.js

@@ -1,7 +1,7 @@
 import { validateLocale, validateToolParams } from '@oanda/labs-widget-common';
 import React from 'react';
 import { createRoot } from 'react-dom/client';
-import { Division } from '../gql/types/graphql';
+import { Division, InstrumentDataSource } from '../gql/types/graphql';
 import { InstrumentsPriceChartWidget } from './InstrumentsPriceChartWidget';
 const {
   graphqlUrl
@@ -13,12 +13,15 @@ dataInstrumentsPriceChartParamsElements.forEach(element => {
   const mode = element.getAttribute('data-mode');
   const {
     division,
-    locale
+    locale,
+    instrument,
+    dataSource
   } = JSON.parse(params);
   const isParamError = validateToolParams({
     division,
     locale,
-    graphqlUrl
+    graphqlUrl,
+    dataSource
   }, [{
     name: 'locale',
     valueCheck: value => validateLocale(value)
@@ -27,10 +30,15 @@ dataInstrumentsPriceChartParamsElements.forEach(element => {
     valueCheck: value => Object.values(Division).includes(value)
   }, {
     name: 'graphqlUrl'
+  }, {
+    name: 'dataSource',
+    valueCheck: value => Object.values(InstrumentDataSource).includes(value)
   }]);
   root.render(React.createElement(InstrumentsPriceChartWidget, {
+    dataSource: dataSource,
     division: division,
     graphqlUrl: graphqlUrl,
+    instrument: instrument,
     isParamError: isParamError,
     locale: locale,
     theme: mode

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

@@ -1 +1 @@
-{"version":3,"file":"render.js","names":["validateLocale","validateToolParams","React","createRoot","Division","InstrumentsPriceChartWidget","graphqlUrl","window","widgetsConfig","dataInstrumentsPriceChartParamsElements","document","querySelectorAll","forEach","element","root","params","getAttribute","mode","division","locale","JSON","parse","isParamError","name","valueCheck","value","Object","values","includes","render","createElement","theme"],"sources":["../../../src/InstrumentsPriceChartWidget/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 { InstrumentsPriceChartWidget } from './InstrumentsPriceChartWidget';\n\nconst { graphqlUrl } = window.widgetsConfig || {};\n\nconst dataInstrumentsPriceChartParamsElements = document.querySelectorAll(\n  'div[data-instruments-price-chart-params]'\n);\n\ndataInstrumentsPriceChartParamsElements.forEach((element) => {\n  const root = createRoot(element);\n  const params = element.getAttribute('data-instruments-price-chart-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    <InstrumentsPriceChartWidget\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,2BAA2B,QAAQ,+BAA+B;AAE3E,MAAM;EAAEC;AAAW,CAAC,GAAGC,MAAM,CAACC,aAAa,IAAI,CAAC,CAAC;AAEjD,MAAMC,uCAAuC,GAAGC,QAAQ,CAACC,gBAAgB,CACvE,0CACF,CAAC;AAEDF,uCAAuC,CAACG,OAAO,CAAEC,OAAO,IAAK;EAC3D,MAAMC,IAAI,GAAGX,UAAU,CAACU,OAAO,CAAC;EAChC,MAAME,MAAM,GAAGF,OAAO,CAACG,YAAY,CAAC,qCAAqC,CAAC;EAC1E,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,2BAA2B;IAC1Ba,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":[]}
+{"version":3,"file":"render.js","names":["validateLocale","validateToolParams","React","createRoot","Division","InstrumentDataSource","InstrumentsPriceChartWidget","graphqlUrl","window","widgetsConfig","dataInstrumentsPriceChartParamsElements","document","querySelectorAll","forEach","element","root","params","getAttribute","mode","division","locale","instrument","dataSource","JSON","parse","isParamError","name","valueCheck","value","Object","values","includes","render","createElement","theme"],"sources":["../../../src/InstrumentsPriceChartWidget/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, InstrumentDataSource } from '../gql/types/graphql';\nimport { InstrumentsPriceChartWidget } from './InstrumentsPriceChartWidget';\n\nconst { graphqlUrl } = window.widgetsConfig || {};\n\nconst dataInstrumentsPriceChartParamsElements = document.querySelectorAll(\n  'div[data-instruments-price-chart-params]'\n);\n\ndataInstrumentsPriceChartParamsElements.forEach((element) => {\n  const root = createRoot(element);\n  const params = element.getAttribute('data-instruments-price-chart-params');\n  const mode = element.getAttribute('data-mode');\n  const { division, locale, instrument, dataSource } = JSON.parse(\n    params as string\n  );\n\n  const isParamError = validateToolParams(\n    {\n      division,\n      locale,\n      graphqlUrl,\n      dataSource,\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        name: 'dataSource',\n        valueCheck: (value: InstrumentDataSource) =>\n          Object.values(InstrumentDataSource).includes(value),\n      },\n    ]\n  );\n\n  root.render(\n    <InstrumentsPriceChartWidget\n      dataSource={dataSource}\n      division={division}\n      graphqlUrl={graphqlUrl}\n      instrument={instrument}\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,EAAEC,oBAAoB,QAAQ,sBAAsB;AACrE,SAASC,2BAA2B,QAAQ,+BAA+B;AAE3E,MAAM;EAAEC;AAAW,CAAC,GAAGC,MAAM,CAACC,aAAa,IAAI,CAAC,CAAC;AAEjD,MAAMC,uCAAuC,GAAGC,QAAQ,CAACC,gBAAgB,CACvE,0CACF,CAAC;AAEDF,uCAAuC,CAACG,OAAO,CAAEC,OAAO,IAAK;EAC3D,MAAMC,IAAI,GAAGZ,UAAU,CAACW,OAAO,CAAC;EAChC,MAAME,MAAM,GAAGF,OAAO,CAACG,YAAY,CAAC,qCAAqC,CAAC;EAC1E,MAAMC,IAAI,GAAGJ,OAAO,CAACG,YAAY,CAAC,WAAW,CAAC;EAC9C,MAAM;IAAEE,QAAQ;IAAEC,MAAM;IAAEC,UAAU;IAAEC;EAAW,CAAC,GAAGC,IAAI,CAACC,KAAK,CAC7DR,MACF,CAAC;EAED,MAAMS,YAAY,GAAGxB,kBAAkB,CACrC;IACEkB,QAAQ;IACRC,MAAM;IACNb,UAAU;IACVe;EACF,CAAC,EACD,CACE;IACEI,IAAI,EAAE,QAAQ;IACdC,UAAU,EAAGC,KAAyB,IAAK5B,cAAc,CAAC4B,KAAK;EACjE,CAAC,EACD;IACEF,IAAI,EAAE,UAAU;IAChBC,UAAU,EAAGC,KAAe,IAC1BC,MAAM,CAACC,MAAM,CAAC1B,QAAQ,CAAC,CAAC2B,QAAQ,CAACH,KAAK;EAC1C,CAAC,EACD;IACEF,IAAI,EAAE;EACR,CAAC,EACD;IACEA,IAAI,EAAE,YAAY;IAClBC,UAAU,EAAGC,KAA2B,IACtCC,MAAM,CAACC,MAAM,CAACzB,oBAAoB,CAAC,CAAC0B,QAAQ,CAACH,KAAK;EACtD,CAAC,CAEL,CAAC;EAEDb,IAAI,CAACiB,MAAM,CACT9B,KAAA,CAAA+B,aAAA,CAAC3B,2BAA2B;IAC1BgB,UAAU,EAAEA,UAAW;IACvBH,QAAQ,EAAEA,QAAS;IACnBZ,UAAU,EAAEA,UAAW;IACvBc,UAAU,EAAEA,UAAW;IACvBI,YAAY,EAAEA,YAAa;IAC3BL,MAAM,EAAEA,MAAO;IACfc,KAAK,EAAEhB;EAAc,CACtB,CACH,CAAC;AACH,CAAC,CAAC","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["TimeSpan","TimeSpanSubset","Day_1","Week_1","Month_1","Month_6","Year_1"],"sources":["../../../src/InstrumentsPriceChartWidget/types.ts"],"sourcesContent":["import type { WidgetConfig } from '@oanda/labs-widget-common';\n\nimport type { Division } from '../gql/types/graphql';\nimport { TimeSpan } from '../gql/types/graphql';\n\nexport interface InstrumentsPriceChartConfig extends WidgetConfig {\n  division: Division;\n}\n\nexport interface MainProps {\n  division: Division;\n}\n\nexport enum TimeSpanSubset {\n  Day_1 = TimeSpan.Day_1,\n  Week_1 = TimeSpan.Week_1,\n  Month_1 = TimeSpan.Month_1,\n  Month_6 = TimeSpan.Month_6,\n  Year_1 = TimeSpan.Year_1,\n}\n"],"mappings":"AAGA,SAASA,QAAQ,QAAQ,sBAAsB;AAU/C,WAAYC,cAAc,aAAdA,cAAc;EAAdA,cAAc,CAAdA,cAAc,YAChBD,QAAQ,CAACE,KAAK;EADZD,cAAc,CAAdA,cAAc,aAEfD,QAAQ,CAACG,MAAM;EAFdF,cAAc,CAAdA,cAAc,cAGdD,QAAQ,CAACI,OAAO;EAHhBH,cAAc,CAAdA,cAAc,cAIdD,QAAQ,CAACK,OAAO;EAJhBJ,cAAc,CAAdA,cAAc,aAKfD,QAAQ,CAACM,MAAM;EAAA,OALdL,cAAc;AAAA","ignoreList":[]}
+{"version":3,"file":"types.js","names":["TimeSpan","TimeSpanSubset","Day_1","Week_1","Month_1","Month_6","Year_1"],"sources":["../../../src/InstrumentsPriceChartWidget/types.ts"],"sourcesContent":["import type { WidgetConfig } from '@oanda/labs-widget-common';\n\nimport type { Division, InstrumentDataSource } from '../gql/types/graphql';\nimport { TimeSpan } from '../gql/types/graphql';\n\nexport interface InstrumentsPriceChartConfig extends WidgetConfig {\n  division: Division;\n  instrument: string;\n  dataSource: InstrumentDataSource;\n}\n\nexport interface MainProps {\n  division: Division;\n  instrument: string;\n  dataSource: InstrumentDataSource;\n}\n\nexport enum TimeSpanSubset {\n  Day_1 = TimeSpan.Day_1,\n  Week_1 = TimeSpan.Week_1,\n  Month_1 = TimeSpan.Month_1,\n  Month_6 = TimeSpan.Month_6,\n  Year_1 = TimeSpan.Year_1,\n}\n"],"mappings":"AAGA,SAASA,QAAQ,QAAQ,sBAAsB;AAc/C,WAAYC,cAAc,aAAdA,cAAc;EAAdA,cAAc,CAAdA,cAAc,YAChBD,QAAQ,CAACE,KAAK;EADZD,cAAc,CAAdA,cAAc,aAEfD,QAAQ,CAACG,MAAM;EAFdF,cAAc,CAAdA,cAAc,cAGdD,QAAQ,CAACI,OAAO;EAHhBH,cAAc,CAAdA,cAAc,cAIdD,QAAQ,CAACK,OAAO;EAJhBJ,cAAc,CAAdA,cAAc,aAKfD,QAAQ,CAACM,MAAM;EAAA,OALdL,cAAc;AAAA","ignoreList":[]}

package/dist/module/InstrumentsPriceChartWidget/utils.js

@@ -0,0 +1,4 @@
+import { granularityForTimeSpan } from './config';
+export const getGranularityForTimeSpan = timeSpan => granularityForTimeSpan[timeSpan];
+export const getCandles = data => data?.priceCandles.candle.filter(c => c !== null);
+//# sourceMappingURL=utils.js.map

package/dist/module/InstrumentsPriceChartWidget/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","names":["granularityForTimeSpan","getGranularityForTimeSpan","timeSpan","getCandles","data","priceCandles","candle","filter","c"],"sources":["../../../src/InstrumentsPriceChartWidget/utils.ts"],"sourcesContent":["import type {\n  Candle,\n  Granularity,\n  PriceCandlesQuery,\n  TimeSpan,\n} from '../gql/types/graphql';\nimport { granularityForTimeSpan } from './config';\nimport type { TimeSpanSubset } from './types';\n\nexport const getGranularityForTimeSpan = (timeSpan: TimeSpan): Granularity =>\n  granularityForTimeSpan[timeSpan as unknown as TimeSpanSubset];\n\nexport const getCandles = (\n  data: PriceCandlesQuery | undefined\n): Candle[] | undefined =>\n  data?.priceCandles.candle.filter((c): c is Candle => c !== null);\n"],"mappings":"AAMA,SAASA,sBAAsB,QAAQ,UAAU;AAGjD,OAAO,MAAMC,yBAAyB,GAAIC,QAAkB,IAC1DF,sBAAsB,CAACE,QAAQ,CAA8B;AAE/D,OAAO,MAAMC,UAAU,GACrBC,IAAmC,IAEnCA,IAAI,EAAEC,YAAY,CAACC,MAAM,CAACC,MAAM,CAAEC,CAAC,IAAkBA,CAAC,KAAK,IAAI,CAAC","ignoreList":[]}

package/dist/module/gql/{mock/getPriceCandles.js → priceCandles.js}

@@ -1,20 +1,21 @@
 import { gql } from '@apollo/client';
-const getPriceCandles = gql`
-  query GetPriceCandles(
-    $division: Division
+const priceCandles = gql`
+  query PriceCandles(
+    $division: Division!
+    $dataSource: InstrumentDataSource!
     $instrument: String!
     $granularity: Granularity!
     $timeSpan: TimeSpan!
   ) {
-    getPriceCandles(
+    priceCandles(
       division: $division
+      dataSource: $dataSource
       instrument: $instrument
       granularity: $granularity
       timeSpan: $timeSpan
     ) {
-      time
-      unixTime
       candle {
+        point
         high
         low
         open
@@ -24,5 +25,5 @@ const getPriceCandles = gql`
     }
   }
 `;
-export { getPriceCandles };
-//# sourceMappingURL=getPriceCandles.js.map
+export { priceCandles };
+//# sourceMappingURL=priceCandles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"priceCandles.js","names":["gql","priceCandles"],"sources":["../../../src/gql/priceCandles.ts"],"sourcesContent":["import { gql } from '@apollo/client';\n\nconst priceCandles = gql`\n  query PriceCandles(\n    $division: Division!\n    $dataSource: InstrumentDataSource!\n    $instrument: String!\n    $granularity: Granularity!\n    $timeSpan: TimeSpan!\n  ) {\n    priceCandles(\n      division: $division\n      dataSource: $dataSource\n      instrument: $instrument\n      granularity: $granularity\n      timeSpan: $timeSpan\n    ) {\n      candle {\n        point\n        high\n        low\n        open\n        close\n      }\n      timeSpan\n    }\n  }\n`;\n\nexport { priceCandles };\n"],"mappings":"AAAA,SAASA,GAAG,QAAQ,gBAAgB;AAEpC,MAAMC,YAAY,GAAGD,GAAG;AACxB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,SAASC,YAAY","ignoreList":[]}

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

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