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

package/CHANGELOG.md

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

package/dist/main/InstrumentsPriceChartWidget/Main.js

@@ -4,12 +4,11 @@ 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 _getPriceCandlesMock = require("./getPriceCandlesMock");
 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; }
@@ -22,12 +21,8 @@ const Main = _ref => {
     loading,
     data,
     error
-  } = (0, _client.useQuery)(_getPriceCandles.getPriceCandles, {
-    variables: {
-      timeSpan: _types.TimeSpanSubset.Day_1,
-      division
-    },
-    fetchPolicy: 'cache-and-network'
+  } = (0, _getPriceCandlesMock.getPriceCandlesMock)({
+    division
   });
   const showError = data?.getPriceCandles.length === 0 || !data?.getPriceCandles || !!error;
   return _react.default.createElement("div", {

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

@@ -1 +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":[]}
+{"version":3,"file":"Main.js","names":["_labsWidgetCommon","require","_react","_interopRequireWildcard","_Chart","_config","_getPriceCandlesMock","_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","getPriceCandlesMock","showError","getPriceCandles","length","createElement","className","Spinner","size","SpinnerSize","lg","TimeUnitSwitch","callback","options","timeUnitConfig","selected","Chart","values","exports"],"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":"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","ignoreList":[]}

package/dist/{module/gql/mock/handlers.js → main/InstrumentsPriceChartWidget/getPriceCandlesMock.js}

@@ -1,13 +1,15 @@
-import { graphql, HttpResponse } from 'msw';
-export const handlers = [graphql.query('GetPriceCandles', _ref => {
-  let {
-    variables
-  } = _ref;
-  const {
-    timeSpan
-  } = variables;
-  const rawCandles = generateMockCandleData(30);
-  const candles = rawCandles.map(candle => ({
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getPriceCandlesMock = void 0;
+var _graphql = require("../gql/types/graphql");
+const generateMockPriceCandles = function () {
+  let count = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 30;
+  let timeSpan = arguments.length > 1 ? arguments[1] : undefined;
+  const rawCandles = generateMockCandleData(count);
+  return rawCandles.map(candle => ({
     __typename: 'CandlesData',
     time: new Date(candle.timestamp).toISOString(),
     unixTime: Math.floor(candle.timestamp / 1000),
@@ -15,14 +17,9 @@ export const handlers = [graphql.query('GetPriceCandles', _ref => {
       __typename: 'Candle',
       high: candle.max
     },
-    timeSpan: timeSpan
+    timeSpan
   }));
-  return HttpResponse.json({
-    data: {
-      getPriceCandles: candles
-    }
-  });
-})];
+};
 const generateMockCandleData = function () {
   let count = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 30;
   const now = Date.now();
@@ -53,4 +50,17 @@ const generateMockCandleData = function () {
     };
   });
 };
-//# sourceMappingURL=handlers.js.map
+const getPriceCandlesMock = _ref => {
+  let {
+    division
+  } = _ref;
+  return {
+    loading: false,
+    error: undefined,
+    data: {
+      getPriceCandles: generateMockPriceCandles(30, _graphql.TimeSpan.Day_1)
+    }
+  };
+};
+exports.getPriceCandlesMock = getPriceCandlesMock;
+//# sourceMappingURL=getPriceCandlesMock.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getPriceCandlesMock.js","names":["_graphql","require","generateMockPriceCandles","count","arguments","length","undefined","timeSpan","rawCandles","generateMockCandleData","map","candle","__typename","time","Date","timestamp","toISOString","unixTime","Math","floor","high","max","now","candleInterval","currentPrice","spikeIndex","Array","from","_","i","trend","min","noise","random","open","close","finalHigh","getPriceCandlesMock","_ref","division","loading","error","data","getPriceCandles","TimeSpan","Day_1","exports"],"sources":["../../../src/InstrumentsPriceChartWidget/getPriceCandlesMock.tsx"],"sourcesContent":["import { type CandlesData, TimeSpan } from '../gql/types/graphql';\nimport type { MainProps } from './types';\n\nconst generateMockPriceCandles = (\n  count = 30,\n  timeSpan: TimeSpan\n): CandlesData[] => {\n  const rawCandles = generateMockCandleData(count);\n\n  return rawCandles.map((candle) => ({\n    __typename: 'CandlesData',\n    time: new Date(candle.timestamp).toISOString(),\n    unixTime: Math.floor(candle.timestamp / 1000),\n    candle: {\n      __typename: 'Candle',\n      high: candle.max,\n    },\n    timeSpan,\n  }));\n};\n\nconst generateMockCandleData = (count: number = 30) => {\n  const now = Date.now();\n  const candleInterval = 30 * 60 * 1000;\n\n  let currentPrice = 1.045;\n  const spikeIndex = Math.floor(count * 0.6);\n\n  return Array.from({ length: count }, (_, i) => {\n    let trend = i < spikeIndex ? 0.0005 : -0.001;\n\n    if (i === spikeIndex) {\n      trend = 0.03;\n    }\n\n    if (i > spikeIndex + 3) {\n      trend = 0;\n    }\n\n    currentPrice += trend;\n\n    currentPrice = Math.max(1.03, Math.min(1.09, currentPrice));\n\n    const noise = (Math.random() - 0.5) * 0.0005;\n    currentPrice += noise;\n\n    const open = currentPrice;\n    const high = open + Math.random() * 0.0008;\n    const close = open + (Math.random() - 0.5) * 0.0005;\n\n    const finalHigh = Math.max(open, close, high);\n\n    return {\n      timestamp: now - (count - i) * candleInterval,\n      max: finalHigh,\n    };\n  });\n};\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport const getPriceCandlesMock = ({ division }: MainProps) => ({\n  loading: false,\n  error: undefined,\n  data: {\n    getPriceCandles: generateMockPriceCandles(30, TimeSpan.Day_1),\n  },\n});\n"],"mappings":"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","ignoreList":[]}

package/dist/module/InstrumentsPriceChartWidget/Main.js

@@ -1,9 +1,8 @@
-import { useQuery } from '@apollo/client';
 import { Spinner, SpinnerSize, TimeUnitSwitch } from '@oanda/labs-widget-common';
 import React, { useState } from 'react';
-import { getPriceCandles } from '../gql/mock/getPriceCandles';
 import { Chart } from './components/Chart';
 import { timeUnitConfig } from './config';
+import { getPriceCandlesMock } from './getPriceCandlesMock';
 import { TimeSpanSubset } from './types';
 const Main = _ref => {
   let {
@@ -14,12 +13,8 @@ const Main = _ref => {
     loading,
     data,
     error
-  } = useQuery(getPriceCandles, {
-    variables: {
-      timeSpan: TimeSpanSubset.Day_1,
-      division
-    },
-    fetchPolicy: 'cache-and-network'
+  } = getPriceCandlesMock({
+    division
   });
   const showError = data?.getPriceCandles.length === 0 || !data?.getPriceCandles || !!error;
   return React.createElement("div", {

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

@@ -1 +1 @@
-{"version":3,"file":"Main.js","names":["useQuery","Spinner","SpinnerSize","TimeUnitSwitch","React","useState","getPriceCandles","Chart","timeUnitConfig","TimeSpanSubset","Main","_ref","division","selectedTimeUnit","setSelectedTimeUnit","Day_1","loading","data","error","variables","timeSpan","fetchPolicy","showError","length","createElement","className","size","lg","callback","options","selected","values"],"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":"AAAA,SAASA,QAAQ,QAAQ,gBAAgB;AACzC,SACEC,OAAO,EACPC,WAAW,EACXC,cAAc,QACT,2BAA2B;AAClC,OAAOC,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AAEvC,SAASC,eAAe,QAAQ,6BAA6B;AAE7D,SAASC,KAAK,QAAQ,oBAAoB;AAC1C,SAASC,cAAc,QAAQ,UAAU;AACzC,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,GAAGlB,QAAQ,CACvCM,eAAe,EACf;IACEa,SAAS,EAAE;MACTC,QAAQ,EAAEX,cAAc,CAACM,KAAK;MAC9BH;IACF,CAAC;IACDS,WAAW,EAAE;EACf,CACF,CAAC;EAED,MAAMC,SAAS,GACbL,IAAI,EAAEX,eAAe,CAACiB,MAAM,KAAK,CAAC,IAAI,CAACN,IAAI,EAAEX,eAAe,IAAI,CAAC,CAACY,KAAK;EAEzE,OACEd,KAAA,CAAAoB,aAAA;IAAK,eAAY;EAAiC,GAC/CR,OAAO,IACNZ,KAAA,CAAAoB,aAAA;IAAKC,SAAS,EAAC;EAAgH,GAC7HrB,KAAA,CAAAoB,aAAA,CAACvB,OAAO;IAACyB,IAAI,EAAExB,WAAW,CAACyB;EAAG,CAAE,CAC7B,CACN,EAEA,CAACX,OAAO,IAAI,CAACM,SAAS,IACrBlB,KAAA,CAAAoB,aAAA;IAAK,eAAY;EAAgC,GAC/CpB,KAAA,CAAAoB,aAAA;IAAKC,SAAS,EAAC;EAAiB,GAC9BrB,KAAA,CAAAoB,aAAA,CAACrB,cAAc;IACbyB,QAAQ,EAAEd,mBAAoB;IAC9Be,OAAO,EAAErB,cAAe;IACxBsB,QAAQ,EAAEjB;EAAiB,CAC5B,CACE,CAAC,EAENT,KAAA,CAAAoB,aAAA,CAACjB,KAAK;IAACwB,MAAM,EAAEd,IAAI,EAAEX;EAAgB,CAAE,CACpC,CAEJ,CAAC;AAEV,CAAC;AAED,SAASI,IAAI","ignoreList":[]}
+{"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":[]}

package/dist/{main/gql/mock/handlers.js → module/InstrumentsPriceChartWidget/getPriceCandlesMock.js}

@@ -1,19 +1,9 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.handlers = void 0;
-var _msw = require("msw");
-const handlers = exports.handlers = [_msw.graphql.query('GetPriceCandles', _ref => {
-  let {
-    variables
-  } = _ref;
-  const {
-    timeSpan
-  } = variables;
-  const rawCandles = generateMockCandleData(30);
-  const candles = rawCandles.map(candle => ({
+import { TimeSpan } from '../gql/types/graphql';
+const generateMockPriceCandles = function () {
+  let count = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 30;
+  let timeSpan = arguments.length > 1 ? arguments[1] : undefined;
+  const rawCandles = generateMockCandleData(count);
+  return rawCandles.map(candle => ({
     __typename: 'CandlesData',
     time: new Date(candle.timestamp).toISOString(),
     unixTime: Math.floor(candle.timestamp / 1000),
@@ -21,14 +11,9 @@ const handlers = exports.handlers = [_msw.graphql.query('GetPriceCandles', _ref
       __typename: 'Candle',
       high: candle.max
     },
-    timeSpan: timeSpan
+    timeSpan
   }));
-  return _msw.HttpResponse.json({
-    data: {
-      getPriceCandles: candles
-    }
-  });
-})];
+};
 const generateMockCandleData = function () {
   let count = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 30;
   const now = Date.now();
@@ -59,4 +44,16 @@ const generateMockCandleData = function () {
     };
   });
 };
-//# sourceMappingURL=handlers.js.map
+export const getPriceCandlesMock = _ref => {
+  let {
+    division
+  } = _ref;
+  return {
+    loading: false,
+    error: undefined,
+    data: {
+      getPriceCandles: generateMockPriceCandles(30, TimeSpan.Day_1)
+    }
+  };
+};
+//# sourceMappingURL=getPriceCandlesMock.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getPriceCandlesMock.js","names":["TimeSpan","generateMockPriceCandles","count","arguments","length","undefined","timeSpan","rawCandles","generateMockCandleData","map","candle","__typename","time","Date","timestamp","toISOString","unixTime","Math","floor","high","max","now","candleInterval","currentPrice","spikeIndex","Array","from","_","i","trend","min","noise","random","open","close","finalHigh","getPriceCandlesMock","_ref","division","loading","error","data","getPriceCandles","Day_1"],"sources":["../../../src/InstrumentsPriceChartWidget/getPriceCandlesMock.tsx"],"sourcesContent":["import { type CandlesData, TimeSpan } from '../gql/types/graphql';\nimport type { MainProps } from './types';\n\nconst generateMockPriceCandles = (\n  count = 30,\n  timeSpan: TimeSpan\n): CandlesData[] => {\n  const rawCandles = generateMockCandleData(count);\n\n  return rawCandles.map((candle) => ({\n    __typename: 'CandlesData',\n    time: new Date(candle.timestamp).toISOString(),\n    unixTime: Math.floor(candle.timestamp / 1000),\n    candle: {\n      __typename: 'Candle',\n      high: candle.max,\n    },\n    timeSpan,\n  }));\n};\n\nconst generateMockCandleData = (count: number = 30) => {\n  const now = Date.now();\n  const candleInterval = 30 * 60 * 1000;\n\n  let currentPrice = 1.045;\n  const spikeIndex = Math.floor(count * 0.6);\n\n  return Array.from({ length: count }, (_, i) => {\n    let trend = i < spikeIndex ? 0.0005 : -0.001;\n\n    if (i === spikeIndex) {\n      trend = 0.03;\n    }\n\n    if (i > spikeIndex + 3) {\n      trend = 0;\n    }\n\n    currentPrice += trend;\n\n    currentPrice = Math.max(1.03, Math.min(1.09, currentPrice));\n\n    const noise = (Math.random() - 0.5) * 0.0005;\n    currentPrice += noise;\n\n    const open = currentPrice;\n    const high = open + Math.random() * 0.0008;\n    const close = open + (Math.random() - 0.5) * 0.0005;\n\n    const finalHigh = Math.max(open, close, high);\n\n    return {\n      timestamp: now - (count - i) * candleInterval,\n      max: finalHigh,\n    };\n  });\n};\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport const getPriceCandlesMock = ({ division }: MainProps) => ({\n  loading: false,\n  error: undefined,\n  data: {\n    getPriceCandles: generateMockPriceCandles(30, TimeSpan.Day_1),\n  },\n});\n"],"mappings":"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","ignoreList":[]}

package/dist/types/InstrumentsPriceChartWidget/getPriceCandlesMock.d.ts

@@ -0,0 +1,9 @@
+import { type CandlesData } from '../gql/types/graphql';
+import type { MainProps } from './types';
+export declare const getPriceCandlesMock: ({ division }: MainProps) => {
+    loading: boolean;
+    error: undefined;
+    data: {
+        getPriceCandles: CandlesData[];
+    };
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oanda/labs-instruments-price-chart-widget",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "Labs Instruments Price Chart Widget",
   "main": "dist/main/index.js",
   "module": "dist/module/index.js",
@@ -12,7 +12,7 @@
   "author": "OANDA",
   "license": "UNLICENSED",
   "dependencies": {
-    "@oanda/labs-widget-common": "^1.0.205",
+    "@oanda/labs-widget-common": "^1.0.206",
     "@oanda/mono-i18n": "10.0.1",
     "graphql": "16.8.1"
   },
@@ -20,5 +20,5 @@
     "@graphql-codegen/cli": "5.0.0",
     "@graphql-codegen/client-preset": "4.1.0"
   },
-  "gitHead": "c3d9e64eb9cf5a50d714b8147501b7dfe7aa4aed"
+  "gitHead": "8e9089b3a4cc94275dd2223e7fed7aae070fe454"
 }

package/src/InstrumentsPriceChartWidget/Main.tsx

@@ -1,4 +1,3 @@
-import { useQuery } from '@apollo/client';
 import {
   Spinner,
   SpinnerSize,
@@ -6,10 +5,9 @@ import {
 } from '@oanda/labs-widget-common';
 import React, { useState } from 'react';
 
-import { getPriceCandles } from '../gql/mock/getPriceCandles';
-import { type GetPriceCandlesQuery } from '../gql/types/graphql';
 import { Chart } from './components/Chart';
 import { timeUnitConfig } from './config';
+import { getPriceCandlesMock } from './getPriceCandlesMock';
 import { type MainProps, TimeSpanSubset } from './types';
 
 const Main = ({ division }: MainProps) => {
@@ -17,16 +15,7 @@ const Main = ({ division }: MainProps) => {
     TimeSpanSubset.Day_1
   );
 
-  const { loading, data, error } = useQuery<GetPriceCandlesQuery>(
-    getPriceCandles,
-    {
-      variables: {
-        timeSpan: TimeSpanSubset.Day_1,
-        division,
-      },
-      fetchPolicy: 'cache-and-network',
-    }
-  );
+  const { loading, data, error } = getPriceCandlesMock({ division });
 
   const showError =
     data?.getPriceCandles.length === 0 || !data?.getPriceCandles || !!error;

package/src/{gql/mock/handlers.ts → InstrumentsPriceChartWidget/getPriceCandlesMock.tsx}

@@ -1,31 +1,23 @@
-import { graphql, HttpResponse } from 'msw';
-
-import type { CandlesData, TimeSpan } from '../types/graphql';
-
-export const handlers = [
-  graphql.query('GetPriceCandles', ({ variables }) => {
-    const { timeSpan } = variables;
-
-    const rawCandles = generateMockCandleData(30);
-
-    const candles: CandlesData[] = rawCandles.map((candle) => ({
-      __typename: 'CandlesData',
-      time: new Date(candle.timestamp).toISOString(),
-      unixTime: Math.floor(candle.timestamp / 1000),
-      candle: {
-        __typename: 'Candle',
-        high: candle.max,
-      },
-      timeSpan: timeSpan as TimeSpan,
-    }));
-
-    return HttpResponse.json({
-      data: {
-        getPriceCandles: candles,
-      },
-    });
-  }),
-];
+import { type CandlesData, TimeSpan } from '../gql/types/graphql';
+import type { MainProps } from './types';
+
+const generateMockPriceCandles = (
+  count = 30,
+  timeSpan: TimeSpan
+): CandlesData[] => {
+  const rawCandles = generateMockCandleData(count);
+
+  return rawCandles.map((candle) => ({
+    __typename: 'CandlesData',
+    time: new Date(candle.timestamp).toISOString(),
+    unixTime: Math.floor(candle.timestamp / 1000),
+    candle: {
+      __typename: 'Candle',
+      high: candle.max,
+    },
+    timeSpan,
+  }));
+};
 
 const generateMockCandleData = (count: number = 30) => {
   const now = Date.now();
@@ -64,3 +56,12 @@ const generateMockCandleData = (count: number = 30) => {
     };
   });
 };
+
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+export const getPriceCandlesMock = ({ division }: MainProps) => ({
+  loading: false,
+  error: undefined,
+  data: {
+    getPriceCandles: generateMockPriceCandles(30, TimeSpan.Day_1),
+  },
+});

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

@@ -1 +0,0 @@
-{"version":3,"file":"handlers.js","names":["_msw","require","handlers","exports","graphql","query","_ref","variables","timeSpan","rawCandles","generateMockCandleData","candles","map","candle","__typename","time","Date","timestamp","toISOString","unixTime","Math","floor","high","max","HttpResponse","json","data","getPriceCandles","count","arguments","length","undefined","now","candleInterval","currentPrice","spikeIndex","Array","from","_","i","trend","min","noise","random","open","close","finalHigh"],"sources":["../../../../src/gql/mock/handlers.ts"],"sourcesContent":["import { graphql, HttpResponse } from 'msw';\n\nimport type { CandlesData, TimeSpan } from '../types/graphql';\n\nexport const handlers = [\n  graphql.query('GetPriceCandles', ({ variables }) => {\n    const { timeSpan } = variables;\n\n    const rawCandles = generateMockCandleData(30);\n\n    const candles: CandlesData[] = rawCandles.map((candle) => ({\n      __typename: 'CandlesData',\n      time: new Date(candle.timestamp).toISOString(),\n      unixTime: Math.floor(candle.timestamp / 1000),\n      candle: {\n        __typename: 'Candle',\n        high: candle.max,\n      },\n      timeSpan: timeSpan as TimeSpan,\n    }));\n\n    return HttpResponse.json({\n      data: {\n        getPriceCandles: candles,\n      },\n    });\n  }),\n];\n\nconst generateMockCandleData = (count: number = 30) => {\n  const now = Date.now();\n  const candleInterval = 30 * 60 * 1000;\n\n  let currentPrice = 1.045;\n  const spikeIndex = Math.floor(count * 0.6);\n\n  return Array.from({ length: count }, (_, i) => {\n    let trend = i < spikeIndex ? 0.0005 : -0.001;\n\n    if (i === spikeIndex) {\n      trend = 0.03;\n    }\n\n    if (i > spikeIndex + 3) {\n      trend = 0;\n    }\n\n    currentPrice += trend;\n\n    currentPrice = Math.max(1.03, Math.min(1.09, currentPrice));\n\n    const noise = (Math.random() - 0.5) * 0.0005;\n    currentPrice += noise;\n\n    const open = currentPrice;\n    const high = open + Math.random() * 0.0008;\n    const close = open + (Math.random() - 0.5) * 0.0005;\n\n    const finalHigh = Math.max(open, close, high);\n\n    return {\n      timestamp: now - (count - i) * candleInterval,\n      max: finalHigh,\n    };\n  });\n};\n"],"mappings":";;;;;;AAAA,IAAAA,IAAA,GAAAC,OAAA;AAIO,MAAMC,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAG,CACtBE,YAAO,CAACC,KAAK,CAAC,iBAAiB,EAAEC,IAAA,IAAmB;EAAA,IAAlB;IAAEC;EAAU,CAAC,GAAAD,IAAA;EAC7C,MAAM;IAAEE;EAAS,CAAC,GAAGD,SAAS;EAE9B,MAAME,UAAU,GAAGC,sBAAsB,CAAC,EAAE,CAAC;EAE7C,MAAMC,OAAsB,GAAGF,UAAU,CAACG,GAAG,CAAEC,MAAM,KAAM;IACzDC,UAAU,EAAE,aAAa;IACzBC,IAAI,EAAE,IAAIC,IAAI,CAACH,MAAM,CAACI,SAAS,CAAC,CAACC,WAAW,CAAC,CAAC;IAC9CC,QAAQ,EAAEC,IAAI,CAACC,KAAK,CAACR,MAAM,CAACI,SAAS,GAAG,IAAI,CAAC;IAC7CJ,MAAM,EAAE;MACNC,UAAU,EAAE,QAAQ;MACpBQ,IAAI,EAAET,MAAM,CAACU;IACf,CAAC;IACDf,QAAQ,EAAEA;EACZ,CAAC,CAAC,CAAC;EAEH,OAAOgB,iBAAY,CAACC,IAAI,CAAC;IACvBC,IAAI,EAAE;MACJC,eAAe,EAAEhB;IACnB;EACF,CAAC,CAAC;AACJ,CAAC,CAAC,CACH;AAED,MAAMD,sBAAsB,GAAG,SAAAA,CAAA,EAAwB;EAAA,IAAvBkB,KAAa,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,EAAE;EAChD,MAAMG,GAAG,GAAGhB,IAAI,CAACgB,GAAG,CAAC,CAAC;EACtB,MAAMC,cAAc,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI;EAErC,IAAIC,YAAY,GAAG,KAAK;EACxB,MAAMC,UAAU,GAAGf,IAAI,CAACC,KAAK,CAACO,KAAK,GAAG,GAAG,CAAC;EAE1C,OAAOQ,KAAK,CAACC,IAAI,CAAC;IAAEP,MAAM,EAAEF;EAAM,CAAC,EAAE,CAACU,CAAC,EAAEC,CAAC,KAAK;IAC7C,IAAIC,KAAK,GAAGD,CAAC,GAAGJ,UAAU,GAAG,MAAM,GAAG,CAAC,KAAK;IAE5C,IAAII,CAAC,KAAKJ,UAAU,EAAE;MACpBK,KAAK,GAAG,IAAI;IACd;IAEA,IAAID,CAAC,GAAGJ,UAAU,GAAG,CAAC,EAAE;MACtBK,KAAK,GAAG,CAAC;IACX;IAEAN,YAAY,IAAIM,KAAK;IAErBN,YAAY,GAAGd,IAAI,CAACG,GAAG,CAAC,IAAI,EAAEH,IAAI,CAACqB,GAAG,CAAC,IAAI,EAAEP,YAAY,CAAC,CAAC;IAE3D,MAAMQ,KAAK,GAAG,CAACtB,IAAI,CAACuB,MAAM,CAAC,CAAC,GAAG,GAAG,IAAI,MAAM;IAC5CT,YAAY,IAAIQ,KAAK;IAErB,MAAME,IAAI,GAAGV,YAAY;IACzB,MAAMZ,IAAI,GAAGsB,IAAI,GAAGxB,IAAI,CAACuB,MAAM,CAAC,CAAC,GAAG,MAAM;IAC1C,MAAME,KAAK,GAAGD,IAAI,GAAG,CAACxB,IAAI,CAACuB,MAAM,CAAC,CAAC,GAAG,GAAG,IAAI,MAAM;IAEnD,MAAMG,SAAS,GAAG1B,IAAI,CAACG,GAAG,CAACqB,IAAI,EAAEC,KAAK,EAAEvB,IAAI,CAAC;IAE7C,OAAO;MACLL,SAAS,EAAEe,GAAG,GAAG,CAACJ,KAAK,GAAGW,CAAC,IAAIN,cAAc;MAC7CV,GAAG,EAAEuB;IACP,CAAC;EACH,CAAC,CAAC;AACJ,CAAC","ignoreList":[]}

package/dist/module/gql/mock/handlers.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"handlers.js","names":["graphql","HttpResponse","handlers","query","_ref","variables","timeSpan","rawCandles","generateMockCandleData","candles","map","candle","__typename","time","Date","timestamp","toISOString","unixTime","Math","floor","high","max","json","data","getPriceCandles","count","arguments","length","undefined","now","candleInterval","currentPrice","spikeIndex","Array","from","_","i","trend","min","noise","random","open","close","finalHigh"],"sources":["../../../../src/gql/mock/handlers.ts"],"sourcesContent":["import { graphql, HttpResponse } from 'msw';\n\nimport type { CandlesData, TimeSpan } from '../types/graphql';\n\nexport const handlers = [\n  graphql.query('GetPriceCandles', ({ variables }) => {\n    const { timeSpan } = variables;\n\n    const rawCandles = generateMockCandleData(30);\n\n    const candles: CandlesData[] = rawCandles.map((candle) => ({\n      __typename: 'CandlesData',\n      time: new Date(candle.timestamp).toISOString(),\n      unixTime: Math.floor(candle.timestamp / 1000),\n      candle: {\n        __typename: 'Candle',\n        high: candle.max,\n      },\n      timeSpan: timeSpan as TimeSpan,\n    }));\n\n    return HttpResponse.json({\n      data: {\n        getPriceCandles: candles,\n      },\n    });\n  }),\n];\n\nconst generateMockCandleData = (count: number = 30) => {\n  const now = Date.now();\n  const candleInterval = 30 * 60 * 1000;\n\n  let currentPrice = 1.045;\n  const spikeIndex = Math.floor(count * 0.6);\n\n  return Array.from({ length: count }, (_, i) => {\n    let trend = i < spikeIndex ? 0.0005 : -0.001;\n\n    if (i === spikeIndex) {\n      trend = 0.03;\n    }\n\n    if (i > spikeIndex + 3) {\n      trend = 0;\n    }\n\n    currentPrice += trend;\n\n    currentPrice = Math.max(1.03, Math.min(1.09, currentPrice));\n\n    const noise = (Math.random() - 0.5) * 0.0005;\n    currentPrice += noise;\n\n    const open = currentPrice;\n    const high = open + Math.random() * 0.0008;\n    const close = open + (Math.random() - 0.5) * 0.0005;\n\n    const finalHigh = Math.max(open, close, high);\n\n    return {\n      timestamp: now - (count - i) * candleInterval,\n      max: finalHigh,\n    };\n  });\n};\n"],"mappings":"AAAA,SAASA,OAAO,EAAEC,YAAY,QAAQ,KAAK;AAI3C,OAAO,MAAMC,QAAQ,GAAG,CACtBF,OAAO,CAACG,KAAK,CAAC,iBAAiB,EAAEC,IAAA,IAAmB;EAAA,IAAlB;IAAEC;EAAU,CAAC,GAAAD,IAAA;EAC7C,MAAM;IAAEE;EAAS,CAAC,GAAGD,SAAS;EAE9B,MAAME,UAAU,GAAGC,sBAAsB,CAAC,EAAE,CAAC;EAE7C,MAAMC,OAAsB,GAAGF,UAAU,CAACG,GAAG,CAAEC,MAAM,KAAM;IACzDC,UAAU,EAAE,aAAa;IACzBC,IAAI,EAAE,IAAIC,IAAI,CAACH,MAAM,CAACI,SAAS,CAAC,CAACC,WAAW,CAAC,CAAC;IAC9CC,QAAQ,EAAEC,IAAI,CAACC,KAAK,CAACR,MAAM,CAACI,SAAS,GAAG,IAAI,CAAC;IAC7CJ,MAAM,EAAE;MACNC,UAAU,EAAE,QAAQ;MACpBQ,IAAI,EAAET,MAAM,CAACU;IACf,CAAC;IACDf,QAAQ,EAAEA;EACZ,CAAC,CAAC,CAAC;EAEH,OAAOL,YAAY,CAACqB,IAAI,CAAC;IACvBC,IAAI,EAAE;MACJC,eAAe,EAAEf;IACnB;EACF,CAAC,CAAC;AACJ,CAAC,CAAC,CACH;AAED,MAAMD,sBAAsB,GAAG,SAAAA,CAAA,EAAwB;EAAA,IAAvBiB,KAAa,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,EAAE;EAChD,MAAMG,GAAG,GAAGf,IAAI,CAACe,GAAG,CAAC,CAAC;EACtB,MAAMC,cAAc,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI;EAErC,IAAIC,YAAY,GAAG,KAAK;EACxB,MAAMC,UAAU,GAAGd,IAAI,CAACC,KAAK,CAACM,KAAK,GAAG,GAAG,CAAC;EAE1C,OAAOQ,KAAK,CAACC,IAAI,CAAC;IAAEP,MAAM,EAAEF;EAAM,CAAC,EAAE,CAACU,CAAC,EAAEC,CAAC,KAAK;IAC7C,IAAIC,KAAK,GAAGD,CAAC,GAAGJ,UAAU,GAAG,MAAM,GAAG,CAAC,KAAK;IAE5C,IAAII,CAAC,KAAKJ,UAAU,EAAE;MACpBK,KAAK,GAAG,IAAI;IACd;IAEA,IAAID,CAAC,GAAGJ,UAAU,GAAG,CAAC,EAAE;MACtBK,KAAK,GAAG,CAAC;IACX;IAEAN,YAAY,IAAIM,KAAK;IAErBN,YAAY,GAAGb,IAAI,CAACG,GAAG,CAAC,IAAI,EAAEH,IAAI,CAACoB,GAAG,CAAC,IAAI,EAAEP,YAAY,CAAC,CAAC;IAE3D,MAAMQ,KAAK,GAAG,CAACrB,IAAI,CAACsB,MAAM,CAAC,CAAC,GAAG,GAAG,IAAI,MAAM;IAC5CT,YAAY,IAAIQ,KAAK;IAErB,MAAME,IAAI,GAAGV,YAAY;IACzB,MAAMX,IAAI,GAAGqB,IAAI,GAAGvB,IAAI,CAACsB,MAAM,CAAC,CAAC,GAAG,MAAM;IAC1C,MAAME,KAAK,GAAGD,IAAI,GAAG,CAACvB,IAAI,CAACsB,MAAM,CAAC,CAAC,GAAG,GAAG,IAAI,MAAM;IAEnD,MAAMG,SAAS,GAAGzB,IAAI,CAACG,GAAG,CAACoB,IAAI,EAAEC,KAAK,EAAEtB,IAAI,CAAC;IAE7C,OAAO;MACLL,SAAS,EAAEc,GAAG,GAAG,CAACJ,KAAK,GAAGW,CAAC,IAAIN,cAAc;MAC7CT,GAAG,EAAEsB;IACP,CAAC;EACH,CAAC,CAAC;AACJ,CAAC","ignoreList":[]}

package/dist/types/gql/mock/handlers.d.ts

@@ -1 +0,0 @@
-export declare const handlers: import("msw").GraphQLHandler[];