@oanda/labs-instruments-price-chart-widget 1.0.1

package/CHANGELOG.md

@@ -0,0 +1,8 @@
+# Change Log
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+## 1.0.1 (2025-07-17)
+
+**Note:** Version bump only for package @oanda/labs-instruments-price-chart-widget

package/codegen.ts

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

package/dist/main/InstrumentsPriceChartWidget/InstrumentsPriceChartWidget.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.InstrumentsPriceChartWidget = void 0;
+var _client = require("@apollo/client");
+var _labsWidgetCommon = require("@oanda/labs-widget-common");
+var _react = _interopRequireDefault(require("react"));
+var _translations = require("../translations");
+var _Main = require("./Main");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const InstrumentsPriceChartWidget = _ref => {
+  let {
+    graphqlUrl,
+    locale,
+    theme,
+    isParamError,
+    logoLink,
+    division
+  } = _ref;
+  const client = new _client.ApolloClient({
+    uri: graphqlUrl,
+    cache: new _client.InMemoryCache()
+  });
+  return _react.default.createElement(_labsWidgetCommon.WidgetProvider, {
+    client: client,
+    locale: locale,
+    theme: theme,
+    translations: _translations.translations
+  }, _react.default.createElement(_labsWidgetCommon.WidgetWrapper, {
+    isParamError: isParamError,
+    linkArea: "logo",
+    logoLink: logoLink
+  }, _react.default.createElement(_Main.Main, {
+    division: division
+  })));
+};
+exports.InstrumentsPriceChartWidget = InstrumentsPriceChartWidget;
+//# sourceMappingURL=InstrumentsPriceChartWidget.js.map

package/dist/main/InstrumentsPriceChartWidget/InstrumentsPriceChartWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InstrumentsPriceChartWidget.js","names":["_client","require","_labsWidgetCommon","_react","_interopRequireDefault","_translations","_Main","e","__esModule","default","InstrumentsPriceChartWidget","_ref","graphqlUrl","locale","theme","isParamError","logoLink","division","client","ApolloClient","uri","cache","InMemoryCache","createElement","WidgetProvider","translations","WidgetWrapper","linkArea","Main","exports"],"sources":["../../../src/InstrumentsPriceChartWidget/InstrumentsPriceChartWidget.tsx"],"sourcesContent":["import { ApolloClient, InMemoryCache } from '@apollo/client';\nimport { WidgetProvider, WidgetWrapper } from '@oanda/labs-widget-common';\nimport React from 'react';\n\nimport { translations } from '../translations';\nimport { Main } from './Main';\nimport type { InstrumentsPriceChartConfig } from './types';\n\nconst InstrumentsPriceChartWidget = ({\n  graphqlUrl,\n  locale,\n  theme,\n  isParamError,\n  logoLink,\n  division,\n}: InstrumentsPriceChartConfig) => {\n  const client = new ApolloClient({\n    uri: graphqlUrl,\n    cache: new InMemoryCache(),\n  });\n\n  return (\n    <WidgetProvider\n      client={client}\n      locale={locale}\n      theme={theme}\n      translations={translations}\n    >\n      <WidgetWrapper\n        isParamError={isParamError}\n        linkArea=\"logo\"\n        logoLink={logoLink}\n      >\n        <Main division={division} />\n      </WidgetWrapper>\n    </WidgetProvider>\n  );\n};\n\nexport { InstrumentsPriceChartWidget };\n"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AAEA,IAAAI,aAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AAA8B,SAAAG,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAG9B,MAAMG,2BAA2B,GAAGC,IAAA,IAOD;EAAA,IAPE;IACnCC,UAAU;IACVC,MAAM;IACNC,KAAK;IACLC,YAAY;IACZC,QAAQ;IACRC;EAC2B,CAAC,GAAAN,IAAA;EAC5B,MAAMO,MAAM,GAAG,IAAIC,oBAAY,CAAC;IAC9BC,GAAG,EAAER,UAAU;IACfS,KAAK,EAAE,IAAIC,qBAAa,CAAC;EAC3B,CAAC,CAAC;EAEF,OACEnB,MAAA,CAAAM,OAAA,CAAAc,aAAA,CAACrB,iBAAA,CAAAsB,cAAc;IACbN,MAAM,EAAEA,MAAO;IACfL,MAAM,EAAEA,MAAO;IACfC,KAAK,EAAEA,KAAM;IACbW,YAAY,EAAEA;EAAa,GAE3BtB,MAAA,CAAAM,OAAA,CAAAc,aAAA,CAACrB,iBAAA,CAAAwB,aAAa;IACZX,YAAY,EAAEA,YAAa;IAC3BY,QAAQ,EAAC,MAAM;IACfX,QAAQ,EAAEA;EAAS,GAEnBb,MAAA,CAAAM,OAAA,CAAAc,aAAA,CAACjB,KAAA,CAAAsB,IAAI;IAACX,QAAQ,EAAEA;EAAS,CAAE,CACd,CACD,CAAC;AAErB,CAAC;AAACY,OAAA,CAAAnB,2BAAA,GAAAA,2BAAA","ignoreList":[]}

package/dist/main/InstrumentsPriceChartWidget/Main.js

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Main = void 0;
+var _client = require("@apollo/client");
+var _labsWidgetCommon = require("@oanda/labs-widget-common");
+var _react = _interopRequireWildcard(require("react"));
+var _getPriceCandles = require("../gql/mock/getPriceCandles");
+var _Chart = require("./components/Chart");
+var _config = require("./config");
+var _types = require("./types");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const Main = _ref => {
+  let {
+    division
+  } = _ref;
+  const [selectedTimeUnit, setSelectedTimeUnit] = (0, _react.useState)(_types.TimeSpanSubset.Day_1);
+  const {
+    loading,
+    data,
+    error
+  } = (0, _client.useQuery)(_getPriceCandles.getPriceCandles, {
+    variables: {
+      timeSpan: _types.TimeSpanSubset.Day_1,
+      division
+    },
+    fetchPolicy: 'cache-and-network'
+  });
+  const showError = data?.getPriceCandles.length === 0 || !data?.getPriceCandles || !!error;
+  return _react.default.createElement("div", {
+    "data-testid": "instruments-price-chart-wrapper"
+  }, loading && _react.default.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.default.createElement(_labsWidgetCommon.Spinner, {
+    size: _labsWidgetCommon.SpinnerSize.lg
+  })), !loading && !showError && _react.default.createElement("div", {
+    "data-testid": "instruments-price-chart-widget"
+  }, _react.default.createElement("div", {
+    className: "lw-flex lw-pt-2"
+  }, _react.default.createElement(_labsWidgetCommon.TimeUnitSwitch, {
+    callback: setSelectedTimeUnit,
+    options: _config.timeUnitConfig,
+    selected: selectedTimeUnit
+  })), _react.default.createElement(_Chart.Chart, {
+    values: data?.getPriceCandles
+  })));
+};
+exports.Main = Main;
+//# sourceMappingURL=Main.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Main.js","names":["_client","require","_labsWidgetCommon","_react","_interopRequireWildcard","_getPriceCandles","_Chart","_config","_types","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Main","_ref","division","selectedTimeUnit","setSelectedTimeUnit","useState","TimeSpanSubset","Day_1","loading","data","error","useQuery","getPriceCandles","variables","timeSpan","fetchPolicy","showError","length","createElement","className","Spinner","size","SpinnerSize","lg","TimeUnitSwitch","callback","options","timeUnitConfig","selected","Chart","values","exports"],"sources":["../../../src/InstrumentsPriceChartWidget/Main.tsx"],"sourcesContent":["import { useQuery } from '@apollo/client';\nimport {\n  Spinner,\n  SpinnerSize,\n  TimeUnitSwitch,\n} from '@oanda/labs-widget-common';\nimport React, { useState } from 'react';\n\nimport { getPriceCandles } from '../gql/mock/getPriceCandles';\nimport { type GetPriceCandlesQuery } from '../gql/types/graphql';\nimport { Chart } from './components/Chart';\nimport { timeUnitConfig } from './config';\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 } = useQuery<GetPriceCandlesQuery>(\n    getPriceCandles,\n    {\n      variables: {\n        timeSpan: TimeSpanSubset.Day_1,\n        division,\n      },\n      fetchPolicy: 'cache-and-network',\n    }\n  );\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":"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","ignoreList":[]}

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

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Chart = void 0;
+var _labsWidgetCommon = require("@oanda/labs-widget-common");
+var _charts = require("echarts/charts");
+var _components = require("echarts/components");
+var echarts = _interopRequireWildcard(require("echarts/core"));
+var _renderers = require("echarts/renderers");
+var _react = _interopRequireDefault(require("react"));
+var _constants = require("./constants");
+var _getOption = require("./getOption");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+echarts.use([_components.GridSimpleComponent, _components.GraphicComponent, _charts.LineChart, _components.DatasetComponent, _charts.CustomChart, _renderers.CanvasRenderer]);
+echarts.registerTheme('dark_theme', (0, _labsWidgetCommon.getChartTheme)(_labsWidgetCommon.Theme.Dark));
+echarts.registerTheme('light_theme', (0, _labsWidgetCommon.getChartTheme)(_labsWidgetCommon.Theme.Light));
+const Chart = _ref => {
+  let {
+    values
+  } = _ref;
+  const {
+    isDark
+  } = (0, _labsWidgetCommon.useLayoutProvider)();
+  return _react.default.createElement(_labsWidgetCommon.BaseChart, {
+    chartHeight: _constants.CHART_HEIGHT,
+    echarts: echarts,
+    isDark: isDark,
+    option: (0, _getOption.getOption)({
+      values,
+      isDark
+    })
+  });
+};
+exports.Chart = Chart;
+//# sourceMappingURL=Chart.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Chart.js","names":["_labsWidgetCommon","require","_charts","_components","echarts","_interopRequireWildcard","_renderers","_react","_interopRequireDefault","_constants","_getOption","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","use","GridSimpleComponent","GraphicComponent","LineChart","DatasetComponent","CustomChart","CanvasRenderer","registerTheme","getChartTheme","Theme","Dark","Light","Chart","_ref","values","isDark","useLayoutProvider","createElement","BaseChart","chartHeight","CHART_HEIGHT","option","getOption","exports"],"sources":["../../../../src/InstrumentsPriceChartWidget/components/Chart.tsx"],"sourcesContent":["import {\n  BaseChart,\n  getChartTheme,\n  Theme,\n  useLayoutProvider,\n} from '@oanda/labs-widget-common';\nimport { CustomChart, LineChart } from 'echarts/charts';\nimport {\n  DatasetComponent,\n  GraphicComponent,\n  GridSimpleComponent,\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]);\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\n  return (\n    <BaseChart\n      chartHeight={CHART_HEIGHT}\n      echarts={echarts}\n      isDark={isDark}\n      option={getOption({\n        values,\n        isDark,\n      })}\n    />\n  );\n};\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AAMA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAKA,IAAAG,OAAA,GAAAC,uBAAA,CAAAJ,OAAA;AACA,IAAAK,UAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAC,sBAAA,CAAAP,OAAA;AAEA,IAAAQ,UAAA,GAAAR,OAAA;AACA,IAAAS,UAAA,GAAAT,OAAA;AAAwC,SAAAO,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,yBAAAH,CAAA,6BAAAI,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAD,wBAAA,YAAAA,CAAAH,CAAA,WAAAA,CAAA,GAAAM,CAAA,GAAAD,CAAA,KAAAL,CAAA;AAAA,SAAAN,wBAAAM,CAAA,EAAAK,CAAA,SAAAA,CAAA,IAAAL,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAE,OAAA,EAAAF,CAAA,QAAAM,CAAA,GAAAH,wBAAA,CAAAE,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAC,GAAA,CAAAP,CAAA,UAAAM,CAAA,CAAAE,GAAA,CAAAR,CAAA,OAAAS,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAf,CAAA,oBAAAe,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAe,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAd,CAAA,EAAAe,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAf,CAAA,CAAAe,CAAA,YAAAN,CAAA,CAAAP,OAAA,GAAAF,CAAA,EAAAM,CAAA,IAAAA,CAAA,CAAAa,GAAA,CAAAnB,CAAA,EAAAS,CAAA,GAAAA,CAAA;AAGxChB,OAAO,CAAC2B,GAAG,CAAC,CACVC,+BAAmB,EACnBC,4BAAgB,EAChBC,iBAAS,EACTC,4BAAgB,EAChBC,mBAAW,EACXC,yBAAc,CACf,CAAC;AAEFjC,OAAO,CAACkC,aAAa,CAAC,YAAY,EAAE,IAAAC,+BAAa,EAACC,uBAAK,CAACC,IAAI,CAAC,CAAC;AAC9DrC,OAAO,CAACkC,aAAa,CAAC,aAAa,EAAE,IAAAC,+BAAa,EAACC,uBAAK,CAACE,KAAK,CAAC,CAAC;AAEzD,MAAMC,KAAK,GAAGC,IAAA,IAA4B;EAAA,IAA3B;IAAEC;EAAmB,CAAC,GAAAD,IAAA;EAC1C,MAAM;IAAEE;EAAO,CAAC,GAAG,IAAAC,mCAAiB,EAAC,CAAC;EAEtC,OACExC,MAAA,CAAAM,OAAA,CAAAmC,aAAA,CAAChD,iBAAA,CAAAiD,SAAS;IACRC,WAAW,EAAEC,uBAAa;IAC1B/C,OAAO,EAAEA,OAAQ;IACjB0C,MAAM,EAAEA,MAAO;IACfM,MAAM,EAAE,IAAAC,oBAAS,EAAC;MAChBR,MAAM;MACNC;IACF,CAAC;EAAE,CACJ,CAAC;AAEN,CAAC;AAACQ,OAAA,CAAAX,KAAA,GAAAA,KAAA","ignoreList":[]}

package/dist/main/InstrumentsPriceChartWidget/components/constants.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Y_LABEL_SIZE_DESKTOP = exports.X_LABEL_SIZE = exports.CHART_WIDTH = exports.CHART_INTERVAL = exports.CHART_HEIGHT = void 0;
+const X_LABEL_SIZE = exports.X_LABEL_SIZE = 40;
+const Y_LABEL_SIZE_DESKTOP = exports.Y_LABEL_SIZE_DESKTOP = 45;
+const CHART_WIDTH = exports.CHART_WIDTH = 9999;
+const CHART_HEIGHT = exports.CHART_HEIGHT = 425;
+const CHART_INTERVAL = exports.CHART_INTERVAL = 0.01;
+//# sourceMappingURL=constants.js.map

package/dist/main/InstrumentsPriceChartWidget/components/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","names":["X_LABEL_SIZE","exports","Y_LABEL_SIZE_DESKTOP","CHART_WIDTH","CHART_HEIGHT","CHART_INTERVAL"],"sources":["../../../../src/InstrumentsPriceChartWidget/components/constants.ts"],"sourcesContent":["export const X_LABEL_SIZE = 40;\nexport const Y_LABEL_SIZE_DESKTOP = 45;\nexport const CHART_WIDTH = 9999;\nexport const CHART_HEIGHT = 425;\nexport const CHART_INTERVAL = 0.01;\n"],"mappings":";;;;;;AAAO,MAAMA,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG,EAAE;AACvB,MAAME,oBAAoB,GAAAD,OAAA,CAAAC,oBAAA,GAAG,EAAE;AAC/B,MAAMC,WAAW,GAAAF,OAAA,CAAAE,WAAA,GAAG,IAAI;AACxB,MAAMC,YAAY,GAAAH,OAAA,CAAAG,YAAA,GAAG,GAAG;AACxB,MAAMC,cAAc,GAAAJ,OAAA,CAAAI,cAAA,GAAG,IAAI","ignoreList":[]}

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

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.dailyFormatter = void 0;
+const dailyFormatter = timestamp => {
+  const date = new Date(timestamp);
+  return date.toLocaleTimeString(undefined, {
+    hour: 'numeric',
+    hour12: true
+  });
+};
+exports.dailyFormatter = dailyFormatter;
+//# sourceMappingURL=formatters.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"formatters.js","names":["dailyFormatter","timestamp","date","Date","toLocaleTimeString","undefined","hour","hour12","exports"],"sources":["../../../../src/InstrumentsPriceChartWidget/components/formatters.ts"],"sourcesContent":["export const dailyFormatter = (timestamp: string) => {\n  const date = new Date(timestamp);\n  return date.toLocaleTimeString(undefined, {\n    hour: 'numeric',\n    hour12: true,\n  });\n};\n"],"mappings":";;;;;;AAAO,MAAMA,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;AAACC,OAAA,CAAAR,cAAA,GAAAA,cAAA","ignoreList":[]}

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

@@ -0,0 +1,119 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getOption = void 0;
+var _labsWidgetCommon = require("@oanda/labs-widget-common");
+var _constants = require("./constants");
+var _formatters = require("./formatters");
+const getOption = _ref => {
+  let {
+    values,
+    isDark
+  } = _ref;
+  const priceValues = values.map(d => d.candle.high);
+  const timestamps = values.map(d => (0, _formatters.dailyFormatter)(d.time));
+  const labelInterval = Math.max(1, Math.floor(timestamps.length / 6));
+  const gridLines = (0, _labsWidgetCommon.getGridLines)({
+    isDark,
+    chartWidth: _constants.CHART_WIDTH,
+    chartHeight: _constants.CHART_HEIGHT,
+    xLabelsSize: _constants.X_LABEL_SIZE,
+    yLabelSize: _constants.Y_LABEL_SIZE_DESKTOP,
+    bottomLeftBox: false
+  });
+  return {
+    xAxis: {
+      type: 'category',
+      boundaryGap: false,
+      data: timestamps,
+      axisTick: {
+        show: false
+      },
+      axisLabel: {
+        margin: 10,
+        interval: index => index % labelInterval === 0,
+        formatter: (value, index) => index % labelInterval === 0 ? value : ''
+      },
+      splitLine: {
+        show: true,
+        interval: index => index % labelInterval === 0
+      }
+    },
+    yAxis: {
+      type: 'value',
+      position: 'right',
+      min: value => Math.floor(value.min * 100) / 100 - _constants.CHART_INTERVAL,
+      max: value => Math.ceil(value.max * 100) / 100 + _constants.CHART_INTERVAL,
+      interval: _constants.CHART_INTERVAL,
+      axisLine: {
+        show: false
+      },
+      axisTick: {
+        show: false
+      },
+      axisLabel: {
+        margin: 8,
+        formatter: value => {
+          const dataMin = Math.floor(Math.min(...priceValues) * 100) / 100;
+          const dataMax = Math.ceil(Math.max(...priceValues) * 100) / 100;
+          if (value < dataMin || value > dataMax) {
+            return '';
+          }
+          return value.toFixed(2);
+        }
+      },
+      splitLine: {
+        show: true
+      }
+    },
+    series: [{
+      name: 'price-close',
+      type: 'line',
+      data: priceValues,
+      smooth: true,
+      symbol: 'none',
+      lineStyle: {
+        color: _labsWidgetCommon.colorPalette.navyBlue,
+        width: 2
+      },
+      areaStyle: {
+        color: {
+          type: 'linear',
+          x: 0,
+          y: 0,
+          x2: 0,
+          y2: 1,
+          colorStops: [{
+            offset: 0,
+            color: _labsWidgetCommon.colorPalette.brightBlue30
+          }, {
+            offset: 1,
+            color: _labsWidgetCommon.colorPalette.brightBlue
+          }]
+        }
+      }
+    }],
+    grid: [{
+      name: 'main-grid',
+      top: 0,
+      left: 0,
+      right: `${_constants.Y_LABEL_SIZE_DESKTOP}px`,
+      bottom: `${_constants.X_LABEL_SIZE}px`
+    }],
+    graphic: [...gridLines, {
+      ...(0, _labsWidgetCommon.getLineCommons)(isDark),
+      top: 0,
+      right: 0,
+      shape: {
+        x1: 0,
+        y1: 0,
+        x2: 0,
+        y2: 0
+      }
+    }]
+  };
+};
+exports.getOption = getOption;
+//# sourceMappingURL=getOption.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getOption.js","names":["_labsWidgetCommon","require","_constants","_formatters","getOption","_ref","values","isDark","priceValues","map","d","candle","high","timestamps","dailyFormatter","time","labelInterval","Math","max","floor","length","gridLines","getGridLines","chartWidth","CHART_WIDTH","chartHeight","CHART_HEIGHT","xLabelsSize","X_LABEL_SIZE","yLabelSize","Y_LABEL_SIZE_DESKTOP","bottomLeftBox","xAxis","type","boundaryGap","data","axisTick","show","axisLabel","margin","interval","index","formatter","value","splitLine","yAxis","position","min","CHART_INTERVAL","ceil","axisLine","dataMin","dataMax","toFixed","series","name","smooth","symbol","lineStyle","color","colorPalette","navyBlue","width","areaStyle","x","y","x2","y2","colorStops","offset","brightBlue30","brightBlue","grid","top","left","right","bottom","graphic","getLineCommons","shape","x1","y1","exports"],"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 } from './formatters';\nimport type { ChartValue, GetOptionType } from './types';\n\nexport const getOption: GetOptionType = ({ values, isDark }) => {\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    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: priceValues,\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":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AAMA,IAAAC,UAAA,GAAAD,OAAA;AAOA,IAAAE,WAAA,GAAAF,OAAA;AAGO,MAAMG,SAAwB,GAAGC,IAAA,IAAwB;EAAA,IAAvB;IAAEC,MAAM;IAAEC;EAAO,CAAC,GAAAF,IAAA;EACzD,MAAMG,WAAW,GAAGF,MAAM,CAACG,GAAG,CAAEC,CAAC,IAAKA,CAAC,CAACC,MAAM,CAACC,IAAI,CAAC;EAEpD,MAAMC,UAAU,GAAGP,MAAM,CAACG,GAAG,CAAEC,CAAC,IAAK,IAAAI,0BAAc,EAACJ,CAAC,CAACK,IAAI,CAAC,CAAC;EAE5D,MAAMC,aAAa,GAAGC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAED,IAAI,CAACE,KAAK,CAACN,UAAU,CAACO,MAAM,GAAG,CAAC,CAAC,CAAC;EAEpE,MAAMC,SAAS,GAAG,IAAAC,8BAAY,EAAC;IAC7Bf,MAAM;IACNgB,UAAU,EAAEC,sBAAW;IACvBC,WAAW,EAAEC,uBAAY;IACzBC,WAAW,EAAEC,uBAAY;IACzBC,UAAU,EAAEC,+BAAoB;IAChCC,aAAa,EAAE;EACjB,CAAC,CAAC;EAEF,OAAO;IACLC,KAAK,EAAE;MACLC,IAAI,EAAE,UAAU;MAChBC,WAAW,EAAE,KAAK;MAClBC,IAAI,EAAEtB,UAAU;MAChBuB,QAAQ,EAAE;QACRC,IAAI,EAAE;MACR,CAAC;MACDC,SAAS,EAAE;QACTC,MAAM,EAAE,EAAE;QACVC,QAAQ,EAAGC,KAAa,IAAKA,KAAK,GAAGzB,aAAa,KAAK,CAAC;QACxD0B,SAAS,EAAEA,CAACC,KAAa,EAAEF,KAAa,KACtCA,KAAK,GAAGzB,aAAa,KAAK,CAAC,GAAG2B,KAAK,GAAG;MAC1C,CAAC;MACDC,SAAS,EAAE;QACTP,IAAI,EAAE,IAAI;QACVG,QAAQ,EAAGC,KAAa,IAAKA,KAAK,GAAGzB,aAAa,KAAK;MACzD;IACF,CAAC;IACD6B,KAAK,EAAE;MACLZ,IAAI,EAAE,OAAO;MACba,QAAQ,EAAE,OAAO;MACjBC,GAAG,EAAGJ,KAAiB,IACrB1B,IAAI,CAACE,KAAK,CAACwB,KAAK,CAACI,GAAG,GAAG,GAAG,CAAC,GAAG,GAAG,GAAGC,yBAAc;MACpD9B,GAAG,EAAGyB,KAAiB,IACrB1B,IAAI,CAACgC,IAAI,CAACN,KAAK,CAACzB,GAAG,GAAG,GAAG,CAAC,GAAG,GAAG,GAAG8B,yBAAc;MACnDR,QAAQ,EAAEQ,yBAAc;MACxBE,QAAQ,EAAE;QAAEb,IAAI,EAAE;MAAM,CAAC;MACzBD,QAAQ,EAAE;QAAEC,IAAI,EAAE;MAAM,CAAC;MACzBC,SAAS,EAAE;QACTC,MAAM,EAAE,CAAC;QACTG,SAAS,EAAGC,KAAa,IAAK;UAC5B,MAAMQ,OAAO,GAAGlC,IAAI,CAACE,KAAK,CAACF,IAAI,CAAC8B,GAAG,CAAC,GAAGvC,WAAW,CAAC,GAAG,GAAG,CAAC,GAAG,GAAG;UAChE,MAAM4C,OAAO,GAAGnC,IAAI,CAACgC,IAAI,CAAChC,IAAI,CAACC,GAAG,CAAC,GAAGV,WAAW,CAAC,GAAG,GAAG,CAAC,GAAG,GAAG;UAC/D,IAAImC,KAAK,GAAGQ,OAAO,IAAIR,KAAK,GAAGS,OAAO,EAAE;YACtC,OAAO,EAAE;UACX;UACA,OAAOT,KAAK,CAACU,OAAO,CAAC,CAAC,CAAC;QACzB;MACF,CAAC;MACDT,SAAS,EAAE;QACTP,IAAI,EAAE;MACR;IACF,CAAC;IACDiB,MAAM,EAAE,CACN;MACEC,IAAI,EAAE,aAAa;MACnBtB,IAAI,EAAE,MAAM;MACZE,IAAI,EAAE3B,WAAW;MACjBgD,MAAM,EAAE,IAAI;MACZC,MAAM,EAAE,MAAM;MACdC,SAAS,EAAE;QACTC,KAAK,EAAEC,8BAAY,CAACC,QAAQ;QAC5BC,KAAK,EAAE;MACT,CAAC;MACDC,SAAS,EAAE;QACTJ,KAAK,EAAE;UACL1B,IAAI,EAAE,QAAQ;UACd+B,CAAC,EAAE,CAAC;UACJC,CAAC,EAAE,CAAC;UACJC,EAAE,EAAE,CAAC;UACLC,EAAE,EAAE,CAAC;UACLC,UAAU,EAAE,CACV;YAAEC,MAAM,EAAE,CAAC;YAAEV,KAAK,EAAEC,8BAAY,CAACU;UAAa,CAAC,EAC/C;YAAED,MAAM,EAAE,CAAC;YAAEV,KAAK,EAAEC,8BAAY,CAACW;UAAW,CAAC;QAEjD;MACF;IACF,CAAC,CACF;IACDC,IAAI,EAAE,CACJ;MACEjB,IAAI,EAAE,WAAW;MACjBkB,GAAG,EAAE,CAAC;MACNC,IAAI,EAAE,CAAC;MACPC,KAAK,EAAE,GAAG7C,+BAAoB,IAAI;MAClC8C,MAAM,EAAE,GAAGhD,uBAAY;IACzB,CAAC,CACF;IACDiD,OAAO,EAAE,CACP,GAAGxD,SAAS,EACZ;MACE,GAAG,IAAAyD,gCAAc,EAACvE,MAAM,CAAC;MACzBkE,GAAG,EAAE,CAAC;MACNE,KAAK,EAAE,CAAC;MACRI,KAAK,EAAE;QACLC,EAAE,EAAE,CAAC;QACLC,EAAE,EAAE,CAAC;QACLf,EAAE,EAAE,CAAC;QACLC,EAAE,EAAE;MACN;IACF,CAAC;EAEL,CAAC;AACH,CAAC;AAACe,OAAA,CAAA9E,SAAA,GAAAA,SAAA","ignoreList":[]}

package/dist/main/InstrumentsPriceChartWidget/components/types.js

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

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

@@ -0,0 +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}\n\nexport type GetOptionType = (props: GetOptionProps) => EChartsOption;\n\nexport interface ChartValue {\n  min: number;\n  max: number;\n}\n"],"mappings":"","ignoreList":[]}

package/dist/main/InstrumentsPriceChartWidget/config.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.timeUnitConfig = void 0;
+var _types = require("./types");
+const timeUnitConfig = exports.timeUnitConfig = [{
+  value: _types.TimeSpanSubset.Day_1,
+  label: '1d',
+  tooltipLabel: {
+    translationKey: 'day',
+    count: 1
+  }
+}, {
+  value: _types.TimeSpanSubset.Week_1,
+  label: '1w',
+  tooltipLabel: {
+    translationKey: 'week',
+    count: 1
+  }
+}, {
+  value: _types.TimeSpanSubset.Month_1,
+  label: '1m',
+  tooltipLabel: {
+    translationKey: 'month',
+    count: 1
+  }
+}, {
+  value: _types.TimeSpanSubset.Month_6,
+  label: '6m',
+  tooltipLabel: {
+    translationKey: 'month',
+    count: 6
+  }
+}, {
+  value: _types.TimeSpanSubset.Year_1,
+  label: '1y',
+  tooltipLabel: {
+    translationKey: 'year',
+    count: 1
+  }
+}];
+//# sourceMappingURL=config.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"config.js","names":["_types","require","timeUnitConfig","exports","value","TimeSpanSubset","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,IAAAA,MAAA,GAAAC,OAAA;AAEA,MAAMC,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,CACrB;EACEE,KAAK,EAAEC,qBAAc,CAACC,KAAK;EAC3BC,KAAK,EAAE,IAAI;EACXC,YAAY,EAAE;IACZC,cAAc,EAAE,KAAK;IACrBC,KAAK,EAAE;EACT;AACF,CAAC,EACD;EACEN,KAAK,EAAEC,qBAAc,CAACM,MAAM;EAC5BJ,KAAK,EAAE,IAAI;EACXC,YAAY,EAAE;IACZC,cAAc,EAAE,MAAM;IACtBC,KAAK,EAAE;EACT;AACF,CAAC,EACD;EACEN,KAAK,EAAEC,qBAAc,CAACO,OAAO;EAC7BL,KAAK,EAAE,IAAI;EACXC,YAAY,EAAE;IACZC,cAAc,EAAE,OAAO;IACvBC,KAAK,EAAE;EACT;AACF,CAAC,EAED;EACEN,KAAK,EAAEC,qBAAc,CAACQ,OAAO;EAC7BN,KAAK,EAAE,IAAI;EACXC,YAAY,EAAE;IACZC,cAAc,EAAE,OAAO;IACvBC,KAAK,EAAE;EACT;AACF,CAAC,EACD;EACEN,KAAK,EAAEC,qBAAc,CAACS,MAAM;EAC5BP,KAAK,EAAE,IAAI;EACXC,YAAY,EAAE;IACZC,cAAc,EAAE,MAAM;IACtBC,KAAK,EAAE;EACT;AACF,CAAC,CACF","ignoreList":[]}

package/dist/main/InstrumentsPriceChartWidget/index.js

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

package/dist/main/InstrumentsPriceChartWidget/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_InstrumentsPriceChartWidget","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_types"],"sources":["../../../src/InstrumentsPriceChartWidget/index.ts"],"sourcesContent":["export * from './InstrumentsPriceChartWidget';\nexport * from './types';\n"],"mappings":";;;;;AAAA,IAAAA,4BAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,4BAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,4BAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,4BAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,MAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,MAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,MAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,MAAA,CAAAL,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/dist/main/InstrumentsPriceChartWidget/render.js

@@ -0,0 +1,42 @@
+"use strict";
+
+var _labsWidgetCommon = require("@oanda/labs-widget-common");
+var _react = _interopRequireDefault(require("react"));
+var _client = require("react-dom/client");
+var _graphql = require("../gql/types/graphql");
+var _InstrumentsPriceChartWidget = require("./InstrumentsPriceChartWidget");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const {
+  graphqlUrl
+} = window.widgetsConfig || {};
+const dataInstrumentsPriceChartParamsElements = document.querySelectorAll('div[data-instruments-price-chart-params]');
+dataInstrumentsPriceChartParamsElements.forEach(element => {
+  const root = (0, _client.createRoot)(element);
+  const params = element.getAttribute('data-instruments-price-chart-params');
+  const mode = element.getAttribute('data-mode');
+  const {
+    division,
+    locale
+  } = JSON.parse(params);
+  const isParamError = (0, _labsWidgetCommon.validateToolParams)({
+    division,
+    locale,
+    graphqlUrl
+  }, [{
+    name: 'locale',
+    valueCheck: value => (0, _labsWidgetCommon.validateLocale)(value)
+  }, {
+    name: 'division',
+    valueCheck: value => Object.values(_graphql.Division).includes(value)
+  }, {
+    name: 'graphqlUrl'
+  }]);
+  root.render(_react.default.createElement(_InstrumentsPriceChartWidget.InstrumentsPriceChartWidget, {
+    division: division,
+    graphqlUrl: graphqlUrl,
+    isParamError: isParamError,
+    locale: locale,
+    theme: mode
+  }));
+});
+//# sourceMappingURL=render.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"render.js","names":["_labsWidgetCommon","require","_react","_interopRequireDefault","_client","_graphql","_InstrumentsPriceChartWidget","e","__esModule","default","graphqlUrl","window","widgetsConfig","dataInstrumentsPriceChartParamsElements","document","querySelectorAll","forEach","element","root","createRoot","params","getAttribute","mode","division","locale","JSON","parse","isParamError","validateToolParams","name","valueCheck","value","validateLocale","Object","values","Division","includes","render","createElement","InstrumentsPriceChartWidget","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,IAAAA,iBAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAEA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,4BAAA,GAAAL,OAAA;AAA4E,SAAAE,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE5E,MAAM;EAAEG;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,GAAG,IAAAC,kBAAU,EAACF,OAAO,CAAC;EAChC,MAAMG,MAAM,GAAGH,OAAO,CAACI,YAAY,CAAC,qCAAqC,CAAC;EAC1E,MAAMC,IAAI,GAAGL,OAAO,CAACI,YAAY,CAAC,WAAW,CAAC;EAC9C,MAAM;IAAEE,QAAQ;IAAEC;EAAO,CAAC,GAAGC,IAAI,CAACC,KAAK,CAACN,MAAgB,CAAC;EAEzD,MAAMO,YAAY,GAAG,IAAAC,oCAAkB,EACrC;IACEL,QAAQ;IACRC,MAAM;IACNd;EACF,CAAC,EACD,CACE;IACEmB,IAAI,EAAE,QAAQ;IACdC,UAAU,EAAGC,KAAyB,IAAK,IAAAC,gCAAc,EAACD,KAAK;EACjE,CAAC,EACD;IACEF,IAAI,EAAE,UAAU;IAChBC,UAAU,EAAGC,KAAe,IAC1BE,MAAM,CAACC,MAAM,CAACC,iBAAQ,CAAC,CAACC,QAAQ,CAACL,KAAK;EAC1C,CAAC,EACD;IACEF,IAAI,EAAE;EACR,CAAC,CAEL,CAAC;EAEDX,IAAI,CAACmB,MAAM,CACTnC,MAAA,CAAAO,OAAA,CAAA6B,aAAA,CAAChC,4BAAA,CAAAiC,2BAA2B;IAC1BhB,QAAQ,EAAEA,QAAS;IACnBb,UAAU,EAAEA,UAAW;IACvBiB,YAAY,EAAEA,YAAa;IAC3BH,MAAM,EAAEA,MAAO;IACfgB,KAAK,EAAElB;EAAc,CACtB,CACH,CAAC;AACH,CAAC,CAAC","ignoreList":[]}

package/dist/main/InstrumentsPriceChartWidget/types.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TimeSpanSubset = void 0;
+var _graphql = require("../gql/types/graphql");
+let TimeSpanSubset = exports.TimeSpanSubset = function (TimeSpanSubset) {
+  TimeSpanSubset[TimeSpanSubset["Day_1"] = _graphql.TimeSpan.Day_1] = "Day_1";
+  TimeSpanSubset[TimeSpanSubset["Week_1"] = _graphql.TimeSpan.Week_1] = "Week_1";
+  TimeSpanSubset[TimeSpanSubset["Month_1"] = _graphql.TimeSpan.Month_1] = "Month_1";
+  TimeSpanSubset[TimeSpanSubset["Month_6"] = _graphql.TimeSpan.Month_6] = "Month_6";
+  TimeSpanSubset[TimeSpanSubset["Year_1"] = _graphql.TimeSpan.Year_1] = "Year_1";
+  return TimeSpanSubset;
+}({});
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":["_graphql","require","TimeSpanSubset","exports","TimeSpan","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,IAAAA,QAAA,GAAAC,OAAA;AAAgD,IAUpCC,cAAc,GAAAC,OAAA,CAAAD,cAAA,aAAdA,cAAc;EAAdA,cAAc,CAAdA,cAAc,YAChBE,iBAAQ,CAACC,KAAK;EADZH,cAAc,CAAdA,cAAc,aAEfE,iBAAQ,CAACE,MAAM;EAFdJ,cAAc,CAAdA,cAAc,cAGdE,iBAAQ,CAACG,OAAO;EAHhBL,cAAc,CAAdA,cAAc,cAIdE,iBAAQ,CAACI,OAAO;EAJhBN,cAAc,CAAdA,cAAc,aAKfE,iBAAQ,CAACK,MAAM;EAAA,OALdP,cAAc;AAAA","ignoreList":[]}

package/dist/main/gql/mock/getPriceCandles.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getPriceCandles = void 0;
+var _client = require("@apollo/client");
+const getPriceCandles = exports.getPriceCandles = (0, _client.gql)`
+  query GetPriceCandles(
+    $division: Division
+    $instrument: String!
+    $granularity: Granularity!
+    $timeSpan: TimeSpan!
+  ) {
+    getPriceCandles(
+      division: $division
+      instrument: $instrument
+      granularity: $granularity
+      timeSpan: $timeSpan
+    ) {
+      time
+      unixTime
+      candle {
+        high
+      }
+      timeSpan
+    }
+  }
+`;
+//# sourceMappingURL=getPriceCandles.js.map

package/dist/main/gql/mock/getPriceCandles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getPriceCandles.js","names":["_client","require","getPriceCandles","exports","gql"],"sources":["../../../../src/gql/mock/getPriceCandles.ts"],"sourcesContent":["import { gql } from '@apollo/client';\n\nconst getPriceCandles = gql`\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      }\n      timeSpan\n    }\n  }\n`;\n\nexport { getPriceCandles };\n"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAEA,MAAMC,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,IAAAE,WAAG;AAC3B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}