@oanda/labs-volatility-chart-widget 1.0.171 → 1.0.172

package/dist/module/VolatilityChartWidget/ChartWithData.js

@@ -6,6 +6,7 @@ import { getVolatilityChartData } from '../gql/getVolatilityChartData';
 import { VolatilityChartTimeUnit } from '../gql/types/graphql';
 import { Chart } from './components/Chart';
 const ChartWithData = _ref => {
+  var _data$volatilityChart, _;
   let {
     division,
     instrument,
@@ -29,8 +30,8 @@ const ChartWithData = _ref => {
     fetchPolicy: 'cache-and-network',
     skip: !instrument
   });
-  const showChart = instrument && !loading && data?.volatilityChart && data?.volatilityChart?.length > 0;
-  const showError = instrument && !loading && (!data?.volatilityChart || data?.volatilityChart.length === 0 || error);
+  const showChart = instrument && !loading && (data === null || data === void 0 ? void 0 : data.volatilityChart) && (data === null || data === void 0 || (_data$volatilityChart = data.volatilityChart) === null || _data$volatilityChart === void 0 ? void 0 : _data$volatilityChart.length) > 0;
+  const showError = instrument && !loading && (!(data !== null && data !== void 0 && data.volatilityChart) || (data === null || data === void 0 ? void 0 : data.volatilityChart.length) === 0 || error);
   return React.createElement(React.Fragment, null, (loading || !instrument) && 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, {
@@ -44,7 +45,7 @@ const ChartWithData = _ref => {
     className: "lw-mt-2 lw-flex lw-h-10 lw-flex-col lw-stroke-text-primary lw-py-2 lw-text-text-primary sm:lw-flex-row md:lw-items-center"
   }, !loading && !showError && React.createElement(LastUpdated, {
     labelCallback: lang,
-    timestamp: data?.volatilityChart[0]?.updatedAt
+    timestamp: data === null || data === void 0 || (_ = data.volatilityChart[0]) === null || _ === void 0 ? void 0 : _.updatedAt
   }), timeUnit === VolatilityChartTimeUnit.H && !loading && !showError && React.createElement(InfoBox, {
     text: lang('utc_info')
   })));

package/dist/module/VolatilityChartWidget/ChartWithData.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChartWithData.js","names":["useQuery","ChartError","InfoBox","LastUpdated","Spinner","SpinnerSize","useLocale","React","getVolatilityChartData","VolatilityChartTimeUnit","Chart","ChartWithData","_ref","division","instrument","timeUnit","timeSpan","lang","loading","data","error","variables","fetchPolicy","skip","showChart","volatilityChart","length","showError","createElement","Fragment","className","size","lg","values","labelCallback","timestamp","updatedAt","H","text"],"sources":["../../../src/VolatilityChartWidget/ChartWithData.tsx"],"sourcesContent":["import { useQuery } from '@apollo/client';\nimport {\n  ChartError,\n  InfoBox,\n  LastUpdated,\n  Spinner,\n  SpinnerSize,\n} from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport React from 'react';\n\nimport { getVolatilityChartData } from '../gql/getVolatilityChartData';\nimport type {\n  GetVolatilityChartDataQuery,\n  GetVolatilityChartDataQueryVariables,\n} from '../gql/types/graphql';\nimport { VolatilityChartTimeUnit } from '../gql/types/graphql';\nimport { Chart } from './components/Chart';\nimport type { VolatilityChartDataValues } from './components/Chart/types';\nimport type { ChartWithDataProps } from './types';\n\nconst ChartWithData = ({\n  division,\n  instrument,\n  timeUnit,\n  timeSpan,\n}: ChartWithDataProps) => {\n  const { lang } = useLocale();\n  const { loading, data, error } = useQuery<\n    GetVolatilityChartDataQuery,\n    GetVolatilityChartDataQueryVariables\n  >(getVolatilityChartData, {\n    variables: {\n      division,\n      instrument: instrument!,\n      timeUnit,\n      timeSpan,\n    },\n    fetchPolicy: 'cache-and-network',\n    skip: !instrument,\n  });\n\n  const showChart =\n    instrument &&\n    !loading &&\n    data?.volatilityChart &&\n    data?.volatilityChart?.length > 0;\n  const showError =\n    instrument &&\n    !loading &&\n    (!data?.volatilityChart || data?.volatilityChart.length === 0 || error);\n\n  return (\n    <>\n      {(loading || !instrument) && (\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      {showChart && (\n        <Chart\n          timeUnit={timeUnit}\n          values={data.volatilityChart as VolatilityChartDataValues[]}\n        />\n      )}\n      {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      <div className=\"lw-mt-2 lw-flex lw-h-10 lw-flex-col lw-stroke-text-primary lw-py-2 lw-text-text-primary sm:lw-flex-row md:lw-items-center\">\n        {!loading && !showError && (\n          <LastUpdated\n            labelCallback={lang}\n            timestamp={data?.volatilityChart![0]?.updatedAt!}\n          />\n        )}\n        {timeUnit === VolatilityChartTimeUnit.H && !loading && !showError && (\n          <InfoBox text={lang('utc_info')} />\n        )}\n      </div>\n    </>\n  );\n};\n\nexport { ChartWithData };\n"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,gBAAgB;AACzC,SACEC,UAAU,EACVC,OAAO,EACPC,WAAW,EACXC,OAAO,EACPC,WAAW,QACN,2BAA2B;AAClC,SAASC,SAAS,QAAQ,kBAAkB;AAC5C,OAAOC,KAAK,MAAM,OAAO;AAEzB,SAASC,sBAAsB,QAAQ,+BAA+B;AAKtE,SAASC,uBAAuB,QAAQ,sBAAsB;AAC9D,SAASC,KAAK,QAAQ,oBAAoB;AAI1C,MAAMC,aAAa,GAAGC,IAAA,IAKI;EAAA,IALH;IACrBC,QAAQ;IACRC,UAAU;IACVC,QAAQ;IACRC;EACkB,CAAC,GAAAJ,IAAA;EACnB,MAAM;IAAEK;EAAK,CAAC,GAAGX,SAAS,CAAC,CAAC;EAC5B,MAAM;IAAEY,OAAO;IAAEC,IAAI;IAAEC;EAAM,CAAC,GAAGpB,QAAQ,CAGvCQ,sBAAsB,EAAE;IACxBa,SAAS,EAAE;MACTR,QAAQ;MACRC,UAAU,EAAEA,UAAW;MACvBC,QAAQ;MACRC;IACF,CAAC;IACDM,WAAW,EAAE,mBAAmB;IAChCC,IAAI,EAAE,CAACT;EACT,CAAC,CAAC;EAEF,MAAMU,SAAS,GACbV,UAAU,IACV,CAACI,OAAO,IACRC,IAAI,EAAEM,eAAe,IACrBN,IAAI,EAAEM,eAAe,EAAEC,MAAM,GAAG,CAAC;EACnC,MAAMC,SAAS,GACbb,UAAU,IACV,CAACI,OAAO,KACP,CAACC,IAAI,EAAEM,eAAe,IAAIN,IAAI,EAAEM,eAAe,CAACC,MAAM,KAAK,CAAC,IAAIN,KAAK,CAAC;EAEzE,OACEb,KAAA,CAAAqB,aAAA,CAAArB,KAAA,CAAAsB,QAAA,QACG,CAACX,OAAO,IAAI,CAACJ,UAAU,KACtBP,KAAA,CAAAqB,aAAA;IAAKE,SAAS,EAAC;EAAmG,GAChHvB,KAAA,CAAAqB,aAAA,CAACxB,OAAO;IAAC2B,IAAI,EAAE1B,WAAW,CAAC2B;EAAG,CAAE,CAC7B,CACN,EACAR,SAAS,IACRjB,KAAA,CAAAqB,aAAA,CAAClB,KAAK;IACJK,QAAQ,EAAEA,QAAS;IACnBkB,MAAM,EAAEd,IAAI,CAACM;EAA+C,CAC7D,CACF,EACAE,SAAS,IACRpB,KAAA,CAAAqB,aAAA;IAAKE,SAAS,EAAC;EAAmG,GAChHvB,KAAA,CAAAqB,aAAA,CAAC3B,UAAU,MAAE,CACV,CACN,EACDM,KAAA,CAAAqB,aAAA;IAAKE,SAAS,EAAC;EAA2H,GACvI,CAACZ,OAAO,IAAI,CAACS,SAAS,IACrBpB,KAAA,CAAAqB,aAAA,CAACzB,WAAW;IACV+B,aAAa,EAAEjB,IAAK;IACpBkB,SAAS,EAAEhB,IAAI,EAAEM,eAAe,CAAE,CAAC,CAAC,EAAEW;EAAW,CAClD,CACF,EACArB,QAAQ,KAAKN,uBAAuB,CAAC4B,CAAC,IAAI,CAACnB,OAAO,IAAI,CAACS,SAAS,IAC/DpB,KAAA,CAAAqB,aAAA,CAAC1B,OAAO;IAACoC,IAAI,EAAErB,IAAI,CAAC,UAAU;EAAE,CAAE,CAEjC,CACL,CAAC;AAEP,CAAC;AAED,SAASN,aAAa","ignoreList":[]}
+{"version":3,"file":"ChartWithData.js","names":["useQuery","ChartError","InfoBox","LastUpdated","Spinner","SpinnerSize","useLocale","React","getVolatilityChartData","VolatilityChartTimeUnit","Chart","ChartWithData","_ref","_data$volatilityChart","_","division","instrument","timeUnit","timeSpan","lang","loading","data","error","variables","fetchPolicy","skip","showChart","volatilityChart","length","showError","createElement","Fragment","className","size","lg","values","labelCallback","timestamp","updatedAt","H","text"],"sources":["../../../src/VolatilityChartWidget/ChartWithData.tsx"],"sourcesContent":["import { useQuery } from '@apollo/client';\nimport {\n  ChartError,\n  InfoBox,\n  LastUpdated,\n  Spinner,\n  SpinnerSize,\n} from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport React from 'react';\n\nimport { getVolatilityChartData } from '../gql/getVolatilityChartData';\nimport type {\n  GetVolatilityChartDataQuery,\n  GetVolatilityChartDataQueryVariables,\n} from '../gql/types/graphql';\nimport { VolatilityChartTimeUnit } from '../gql/types/graphql';\nimport { Chart } from './components/Chart';\nimport type { VolatilityChartDataValues } from './components/Chart/types';\nimport type { ChartWithDataProps } from './types';\n\nconst ChartWithData = ({\n  division,\n  instrument,\n  timeUnit,\n  timeSpan,\n}: ChartWithDataProps) => {\n  const { lang } = useLocale();\n  const { loading, data, error } = useQuery<\n    GetVolatilityChartDataQuery,\n    GetVolatilityChartDataQueryVariables\n  >(getVolatilityChartData, {\n    variables: {\n      division,\n      instrument: instrument!,\n      timeUnit,\n      timeSpan,\n    },\n    fetchPolicy: 'cache-and-network',\n    skip: !instrument,\n  });\n\n  const showChart =\n    instrument &&\n    !loading &&\n    data?.volatilityChart &&\n    data?.volatilityChart?.length > 0;\n  const showError =\n    instrument &&\n    !loading &&\n    (!data?.volatilityChart || data?.volatilityChart.length === 0 || error);\n\n  return (\n    <>\n      {(loading || !instrument) && (\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      {showChart && (\n        <Chart\n          timeUnit={timeUnit}\n          values={data.volatilityChart as VolatilityChartDataValues[]}\n        />\n      )}\n      {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      <div className=\"lw-mt-2 lw-flex lw-h-10 lw-flex-col lw-stroke-text-primary lw-py-2 lw-text-text-primary sm:lw-flex-row md:lw-items-center\">\n        {!loading && !showError && (\n          <LastUpdated\n            labelCallback={lang}\n            timestamp={data?.volatilityChart![0]?.updatedAt!}\n          />\n        )}\n        {timeUnit === VolatilityChartTimeUnit.H && !loading && !showError && (\n          <InfoBox text={lang('utc_info')} />\n        )}\n      </div>\n    </>\n  );\n};\n\nexport { ChartWithData };\n"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,gBAAgB;AACzC,SACEC,UAAU,EACVC,OAAO,EACPC,WAAW,EACXC,OAAO,EACPC,WAAW,QACN,2BAA2B;AAClC,SAASC,SAAS,QAAQ,kBAAkB;AAC5C,OAAOC,KAAK,MAAM,OAAO;AAEzB,SAASC,sBAAsB,QAAQ,+BAA+B;AAKtE,SAASC,uBAAuB,QAAQ,sBAAsB;AAC9D,SAASC,KAAK,QAAQ,oBAAoB;AAI1C,MAAMC,aAAa,GAAGC,IAAA,IAKI;EAAA,IAAAC,qBAAA,EAAAC,CAAA;EAAA,IALH;IACrBC,QAAQ;IACRC,UAAU;IACVC,QAAQ;IACRC;EACkB,CAAC,GAAAN,IAAA;EACnB,MAAM;IAAEO;EAAK,CAAC,GAAGb,SAAS,CAAC,CAAC;EAC5B,MAAM;IAAEc,OAAO;IAAEC,IAAI;IAAEC;EAAM,CAAC,GAAGtB,QAAQ,CAGvCQ,sBAAsB,EAAE;IACxBe,SAAS,EAAE;MACTR,QAAQ;MACRC,UAAU,EAAEA,UAAW;MACvBC,QAAQ;MACRC;IACF,CAAC;IACDM,WAAW,EAAE,mBAAmB;IAChCC,IAAI,EAAE,CAACT;EACT,CAAC,CAAC;EAEF,MAAMU,SAAS,GACbV,UAAU,IACV,CAACI,OAAO,KACRC,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEM,eAAe,KACrB,CAAAN,IAAI,aAAJA,IAAI,gBAAAR,qBAAA,GAAJQ,IAAI,CAAEM,eAAe,cAAAd,qBAAA,uBAArBA,qBAAA,CAAuBe,MAAM,IAAG,CAAC;EACnC,MAAMC,SAAS,GACbb,UAAU,IACV,CAACI,OAAO,KACP,EAACC,IAAI,aAAJA,IAAI,eAAJA,IAAI,CAAEM,eAAe,KAAI,CAAAN,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEM,eAAe,CAACC,MAAM,MAAK,CAAC,IAAIN,KAAK,CAAC;EAEzE,OACEf,KAAA,CAAAuB,aAAA,CAAAvB,KAAA,CAAAwB,QAAA,QACG,CAACX,OAAO,IAAI,CAACJ,UAAU,KACtBT,KAAA,CAAAuB,aAAA;IAAKE,SAAS,EAAC;EAAmG,GAChHzB,KAAA,CAAAuB,aAAA,CAAC1B,OAAO;IAAC6B,IAAI,EAAE5B,WAAW,CAAC6B;EAAG,CAAE,CAC7B,CACN,EACAR,SAAS,IACRnB,KAAA,CAAAuB,aAAA,CAACpB,KAAK;IACJO,QAAQ,EAAEA,QAAS;IACnBkB,MAAM,EAAEd,IAAI,CAACM;EAA+C,CAC7D,CACF,EACAE,SAAS,IACRtB,KAAA,CAAAuB,aAAA;IAAKE,SAAS,EAAC;EAAmG,GAChHzB,KAAA,CAAAuB,aAAA,CAAC7B,UAAU,MAAE,CACV,CACN,EACDM,KAAA,CAAAuB,aAAA;IAAKE,SAAS,EAAC;EAA2H,GACvI,CAACZ,OAAO,IAAI,CAACS,SAAS,IACrBtB,KAAA,CAAAuB,aAAA,CAAC3B,WAAW;IACViC,aAAa,EAAEjB,IAAK;IACpBkB,SAAS,EAAEhB,IAAI,aAAJA,IAAI,gBAAAP,CAAA,GAAJO,IAAI,CAAEM,eAAe,CAAE,CAAC,CAAC,cAAAb,CAAA,uBAAzBA,CAAA,CAA2BwB;EAAW,CAClD,CACF,EACArB,QAAQ,KAAKR,uBAAuB,CAAC8B,CAAC,IAAI,CAACnB,OAAO,IAAI,CAACS,SAAS,IAC/DtB,KAAA,CAAAuB,aAAA,CAAC5B,OAAO;IAACsC,IAAI,EAAErB,IAAI,CAAC,UAAU;EAAE,CAAE,CAEjC,CACL,CAAC;AAEP,CAAC;AAED,SAASR,aAAa","ignoreList":[]}

package/dist/module/VolatilityChartWidget/components/Chart/getOption.js

@@ -1,3 +1,8 @@
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import { DESKTOP_MIN_WIDTH, getGridLines, getLineCommons, themeColors } from '@oanda/labs-widget-common';
 import { VolatilityChartTimeUnit } from '../../../gql/types/graphql';
 import { CHART_HEIGHT, CHART_WIDTH, tooltipLabels, weeklyDataLabels, X_LABEL_SIZE, Y_LABEL_SIZE_DESKTOP, Y_LABEL_SIZE_MOBILE } from './constants';
@@ -7,7 +12,7 @@ export const tooltipFormatter = _ref => {
     timeUnit,
     lang
   } = _ref;
-  return `<b>${lang('price_range')} </b>${value[0].data}<br /><b>${lang(tooltipLabels[timeUnit])} </b>${value[0].axisValue}`;
+  return "<b>".concat(lang('price_range'), " </b>").concat(value[0].data, "<br /><b>").concat(lang(tooltipLabels[timeUnit]), " </b>").concat(value[0].axisValue);
 };
 export const getDesktopOption = _ref2 => {
   let {
@@ -54,11 +59,10 @@ export const getDesktopOption = _ref2 => {
       name: 'main-grid',
       top: '40px',
       left: '0px',
-      right: `${Y_LABEL_SIZE_DESKTOP}px`,
-      bottom: `${X_LABEL_SIZE}px`
+      right: "".concat(Y_LABEL_SIZE_DESKTOP, "px"),
+      bottom: "".concat(X_LABEL_SIZE, "px")
     }],
-    graphic: [...desktopGridLines, {
-      ...getLineCommons(isDark),
+    graphic: [...desktopGridLines, _objectSpread(_objectSpread({}, getLineCommons(isDark)), {}, {
       top: 0,
       right: 0,
       shape: {
@@ -67,7 +71,7 @@ export const getDesktopOption = _ref2 => {
         x2: 0,
         y2: 0
       }
-    }]
+    })]
   };
 };
 export const getMobileOption = _ref3 => {
@@ -112,11 +116,10 @@ export const getMobileOption = _ref3 => {
       name: 'main-grid',
       top: '60px',
       left: '0px',
-      right: `${Y_LABEL_SIZE_MOBILE}px`,
-      bottom: `${X_LABEL_SIZE}px`
+      right: "".concat(Y_LABEL_SIZE_MOBILE, "px"),
+      bottom: "".concat(X_LABEL_SIZE, "px")
     }],
-    graphic: [...mobileGridLines, {
-      ...getLineCommons(isDark),
+    graphic: [...mobileGridLines, _objectSpread(_objectSpread({}, getLineCommons(isDark)), {}, {
       top: 58,
       right: Y_LABEL_SIZE_MOBILE - 2,
       shape: {
@@ -125,7 +128,7 @@ export const getMobileOption = _ref3 => {
         x2: 9999,
         y2: 0
       }
-    }]
+    })]
   };
 };
 export const pointFormatter = _ref4 => {
@@ -214,7 +217,7 @@ export const getOption = (values, lang, timeUnit, isDark) => {
             padding: [0, 0, 20, 0]
           }
         },
-        formatter: (value, index) => index ? `${value}` : `{a|${value}}`
+        formatter: (value, index) => index ? "".concat(value) : "{a|".concat(value, "}")
       }
     },
     series: [{
@@ -226,24 +229,20 @@ export const getOption = (values, lang, timeUnit, isDark) => {
       query: {
         minWidth: DESKTOP_MIN_WIDTH
       },
-      option: {
-        ...getDesktopOption({
-          timeUnit,
-          lang,
-          isDark
-        })
-      }
+      option: _objectSpread({}, getDesktopOption({
+        timeUnit,
+        lang,
+        isDark
+      }))
     }, {
       query: {
         maxWidth: DESKTOP_MIN_WIDTH - 1
       },
-      option: {
-        ...getMobileOption({
-          timeUnit,
-          lang,
-          isDark
-        })
-      }
+      option: _objectSpread({}, getMobileOption({
+        timeUnit,
+        lang,
+        isDark
+      }))
     }]
   };
 };

package/dist/module/VolatilityChartWidget/components/Chart/getOption.js.map

@@ -1 +1 @@
-{"version":3,"file":"getOption.js","names":["DESKTOP_MIN_WIDTH","getGridLines","getLineCommons","themeColors","VolatilityChartTimeUnit","CHART_HEIGHT","CHART_WIDTH","tooltipLabels","weeklyDataLabels","X_LABEL_SIZE","Y_LABEL_SIZE_DESKTOP","Y_LABEL_SIZE_MOBILE","tooltipFormatter","_ref","value","timeUnit","lang","data","axisValue","getDesktopOption","_ref2","isDark","notDate","D","desktopGridLines","chartWidth","chartHeight","xLabelsSize","yLabelSize","bottomLeftBox","title","text","tooltip","position","undefined","shadowBlur","shadowOffsetX","shadowOffsetY","backgroundColor","borderPrimary","dark","bgPrimary","light","padding","formatter","yAxis","nameTextStyle","align","axisLabel","margin","grid","name","top","left","right","bottom","graphic","shape","x1","y1","x2","y2","getMobileOption","_ref3","mobileGridLines","shadowColor","pointFormatter","_ref4","point","Date","toLocaleDateString","month","day","W","getOption","values","pipsValues","map","_ref5","pips","toFixed","points","_ref6","animation","textStyle","fontFamily","fontWeight","trigger","axisPointer","axis","extraCssText","xAxis","type","axisTick","alignWithLabel","axisLine","show","splitLine","rotate","toUpperCase","splitNumber","rich","a","index","series","media","query","minWidth","option","maxWidth"],"sources":["../../../../../src/VolatilityChartWidget/components/Chart/getOption.ts"],"sourcesContent":["import {\n  DESKTOP_MIN_WIDTH,\n  getGridLines,\n  getLineCommons,\n  themeColors,\n} from '@oanda/labs-widget-common';\n\nimport { VolatilityChartTimeUnit } from '../../../gql/types/graphql';\nimport {\n  CHART_HEIGHT,\n  CHART_WIDTH,\n  tooltipLabels,\n  weeklyDataLabels,\n  X_LABEL_SIZE,\n  Y_LABEL_SIZE_DESKTOP,\n  Y_LABEL_SIZE_MOBILE,\n} from './constants';\nimport type {\n  DaysOfWeekKeys,\n  GetOptionType,\n  GetResponsiveOptionsProps,\n  PointFormatterProps,\n  TooltipData,\n  TooltipFormatterProps,\n} from './types';\n\nexport const tooltipFormatter = ({\n  value,\n  timeUnit,\n  lang,\n}: TooltipFormatterProps) =>\n  `<b>${lang('price_range')} </b>${value[0].data}<br /><b>${lang(tooltipLabels[timeUnit])} </b>${value[0].axisValue}`;\n\nexport const getDesktopOption = ({\n  timeUnit,\n  lang,\n  isDark,\n}: GetResponsiveOptionsProps) => {\n  const notDate = timeUnit !== VolatilityChartTimeUnit.D;\n\n  const desktopGridLines = getGridLines({\n    isDark,\n    chartWidth: CHART_WIDTH,\n    chartHeight: CHART_HEIGHT,\n    xLabelsSize: X_LABEL_SIZE,\n    yLabelSize: Y_LABEL_SIZE_DESKTOP,\n    bottomLeftBox: notDate,\n  });\n\n  return {\n    title: {\n      text: '',\n    },\n    tooltip: {\n      position: undefined,\n      shadowBlur: 24,\n      shadowOffsetX: 0,\n      shadowOffsetY: 6,\n      backgroundColor: isDark\n        ? themeColors.borderPrimary.dark\n        : themeColors.bgPrimary.light,\n      padding: [12, 8, 12, 8],\n      formatter: (value: TooltipData[]) =>\n        tooltipFormatter({ value, timeUnit, lang }),\n    },\n    yAxis: {\n      nameTextStyle: {\n        align: 'left',\n        padding: [0, 0, 0, 8],\n      },\n      axisLabel: {\n        margin: 8,\n      },\n    },\n    grid: [\n      {\n        name: 'main-grid',\n        top: '40px',\n        left: '0px',\n        right: `${Y_LABEL_SIZE_DESKTOP}px`,\n        bottom: `${X_LABEL_SIZE}px`,\n      },\n    ],\n    graphic: [\n      ...desktopGridLines,\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\nexport const getMobileOption = ({\n  timeUnit,\n  lang,\n  isDark,\n}: GetResponsiveOptionsProps) => {\n  const mobileGridLines = getGridLines({\n    isDark,\n    chartWidth: CHART_WIDTH,\n    chartHeight: CHART_HEIGHT,\n    xLabelsSize: X_LABEL_SIZE,\n    yLabelSize: Y_LABEL_SIZE_MOBILE,\n    bottomLeftBox: false,\n  });\n\n  return {\n    title: {\n      text: lang('mobile_tooltip_placeholder'),\n    },\n    tooltip: {\n      backgroundColor: 'transparent',\n      shadowColor: 'transparent',\n      position: [0, 0],\n      padding: 16,\n      formatter: (value: TooltipData[]) =>\n        tooltipFormatter({ value, timeUnit, lang }),\n    },\n    yAxis: {\n      nameTextStyle: {\n        align: 'left',\n        padding: [0, 0, 0, 6],\n      },\n      axisLabel: {\n        margin: 6,\n      },\n    },\n    grid: [\n      {\n        name: 'main-grid',\n        top: '60px',\n        left: '0px',\n        right: `${Y_LABEL_SIZE_MOBILE}px`,\n        bottom: `${X_LABEL_SIZE}px`,\n      },\n    ],\n    graphic: [\n      ...mobileGridLines,\n      {\n        ...getLineCommons(isDark),\n        top: 58,\n        right: Y_LABEL_SIZE_MOBILE - 2,\n        shape: {\n          x1: 0,\n          y1: 0,\n          x2: 9999,\n          y2: 0,\n        },\n      },\n    ],\n  };\n};\n\nexport const pointFormatter = ({\n  point,\n  lang,\n  timeUnit,\n}: PointFormatterProps) => {\n  if (timeUnit === VolatilityChartTimeUnit.D) {\n    return new Date(point).toLocaleDateString(undefined, {\n      month: 'numeric',\n      day: 'numeric',\n    });\n  }\n  if (timeUnit === VolatilityChartTimeUnit.W) {\n    return lang(weeklyDataLabels[point as DaysOfWeekKeys]);\n  }\n\n  return point;\n};\n\nexport const getOption: GetOptionType = (values, lang, timeUnit, isDark) => {\n  const pipsValues = values.map(({ pips }) => pips.toFixed());\n  const points = values.map(({ point }) =>\n    pointFormatter({ point, lang, timeUnit })\n  );\n\n  return {\n    animation: false,\n    title: {\n      left: 10,\n      top: 20,\n      textStyle: {\n        fontFamily: 'Sofia W03',\n        fontWeight: 500,\n        padding: 16,\n      },\n    },\n    tooltip: {\n      trigger: 'axis',\n      axisPointer: {\n        axis: 'x',\n      },\n      extraCssText: 'z-index: 1',\n    },\n    xAxis: {\n      type: 'category',\n      data: points,\n      axisTick: {\n        alignWithLabel: true,\n      },\n      axisLine: { show: false },\n      splitLine: { show: false },\n      axisLabel: {\n        margin: 10,\n        rotate: -45,\n      },\n    },\n    yAxis: {\n      type: 'value',\n      position: 'right',\n      name: lang('pips').toUpperCase(),\n      splitNumber: 5,\n      axisLine: { show: false },\n      axisTick: { show: false },\n      axisLabel: {\n        rich: {\n          a: {\n            padding: [0, 0, 20, 0],\n          },\n        },\n        formatter: (value, index) => (index ? `${value}` : `{a|${value}}`),\n      },\n    },\n    series: [\n      {\n        data: pipsValues,\n        name: 'main',\n        type: 'bar',\n      },\n    ],\n    media: [\n      {\n        query: {\n          minWidth: DESKTOP_MIN_WIDTH,\n        },\n        option: {\n          ...getDesktopOption({ timeUnit, lang, isDark }),\n        },\n      },\n      {\n        query: {\n          maxWidth: DESKTOP_MIN_WIDTH - 1,\n        },\n        option: {\n          ...getMobileOption({ timeUnit, lang, isDark }),\n        },\n      },\n    ],\n  };\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"getOption.js","names":["DESKTOP_MIN_WIDTH","getGridLines","getLineCommons","themeColors","VolatilityChartTimeUnit","CHART_HEIGHT","CHART_WIDTH","tooltipLabels","weeklyDataLabels","X_LABEL_SIZE","Y_LABEL_SIZE_DESKTOP","Y_LABEL_SIZE_MOBILE","tooltipFormatter","_ref","value","timeUnit","lang","concat","data","axisValue","getDesktopOption","_ref2","isDark","notDate","D","desktopGridLines","chartWidth","chartHeight","xLabelsSize","yLabelSize","bottomLeftBox","title","text","tooltip","position","undefined","shadowBlur","shadowOffsetX","shadowOffsetY","backgroundColor","borderPrimary","dark","bgPrimary","light","padding","formatter","yAxis","nameTextStyle","align","axisLabel","margin","grid","name","top","left","right","bottom","graphic","_objectSpread","shape","x1","y1","x2","y2","getMobileOption","_ref3","mobileGridLines","shadowColor","pointFormatter","_ref4","point","Date","toLocaleDateString","month","day","W","getOption","values","pipsValues","map","_ref5","pips","toFixed","points","_ref6","animation","textStyle","fontFamily","fontWeight","trigger","axisPointer","axis","extraCssText","xAxis","type","axisTick","alignWithLabel","axisLine","show","splitLine","rotate","toUpperCase","splitNumber","rich","a","index","series","media","query","minWidth","option","maxWidth"],"sources":["../../../../../src/VolatilityChartWidget/components/Chart/getOption.ts"],"sourcesContent":["import {\n  DESKTOP_MIN_WIDTH,\n  getGridLines,\n  getLineCommons,\n  themeColors,\n} from '@oanda/labs-widget-common';\n\nimport { VolatilityChartTimeUnit } from '../../../gql/types/graphql';\nimport {\n  CHART_HEIGHT,\n  CHART_WIDTH,\n  tooltipLabels,\n  weeklyDataLabels,\n  X_LABEL_SIZE,\n  Y_LABEL_SIZE_DESKTOP,\n  Y_LABEL_SIZE_MOBILE,\n} from './constants';\nimport type {\n  DaysOfWeekKeys,\n  GetOptionType,\n  GetResponsiveOptionsProps,\n  PointFormatterProps,\n  TooltipData,\n  TooltipFormatterProps,\n} from './types';\n\nexport const tooltipFormatter = ({\n  value,\n  timeUnit,\n  lang,\n}: TooltipFormatterProps) =>\n  `<b>${lang('price_range')} </b>${value[0].data}<br /><b>${lang(tooltipLabels[timeUnit])} </b>${value[0].axisValue}`;\n\nexport const getDesktopOption = ({\n  timeUnit,\n  lang,\n  isDark,\n}: GetResponsiveOptionsProps) => {\n  const notDate = timeUnit !== VolatilityChartTimeUnit.D;\n\n  const desktopGridLines = getGridLines({\n    isDark,\n    chartWidth: CHART_WIDTH,\n    chartHeight: CHART_HEIGHT,\n    xLabelsSize: X_LABEL_SIZE,\n    yLabelSize: Y_LABEL_SIZE_DESKTOP,\n    bottomLeftBox: notDate,\n  });\n\n  return {\n    title: {\n      text: '',\n    },\n    tooltip: {\n      position: undefined,\n      shadowBlur: 24,\n      shadowOffsetX: 0,\n      shadowOffsetY: 6,\n      backgroundColor: isDark\n        ? themeColors.borderPrimary.dark\n        : themeColors.bgPrimary.light,\n      padding: [12, 8, 12, 8],\n      formatter: (value: TooltipData[]) =>\n        tooltipFormatter({ value, timeUnit, lang }),\n    },\n    yAxis: {\n      nameTextStyle: {\n        align: 'left',\n        padding: [0, 0, 0, 8],\n      },\n      axisLabel: {\n        margin: 8,\n      },\n    },\n    grid: [\n      {\n        name: 'main-grid',\n        top: '40px',\n        left: '0px',\n        right: `${Y_LABEL_SIZE_DESKTOP}px`,\n        bottom: `${X_LABEL_SIZE}px`,\n      },\n    ],\n    graphic: [\n      ...desktopGridLines,\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\nexport const getMobileOption = ({\n  timeUnit,\n  lang,\n  isDark,\n}: GetResponsiveOptionsProps) => {\n  const mobileGridLines = getGridLines({\n    isDark,\n    chartWidth: CHART_WIDTH,\n    chartHeight: CHART_HEIGHT,\n    xLabelsSize: X_LABEL_SIZE,\n    yLabelSize: Y_LABEL_SIZE_MOBILE,\n    bottomLeftBox: false,\n  });\n\n  return {\n    title: {\n      text: lang('mobile_tooltip_placeholder'),\n    },\n    tooltip: {\n      backgroundColor: 'transparent',\n      shadowColor: 'transparent',\n      position: [0, 0],\n      padding: 16,\n      formatter: (value: TooltipData[]) =>\n        tooltipFormatter({ value, timeUnit, lang }),\n    },\n    yAxis: {\n      nameTextStyle: {\n        align: 'left',\n        padding: [0, 0, 0, 6],\n      },\n      axisLabel: {\n        margin: 6,\n      },\n    },\n    grid: [\n      {\n        name: 'main-grid',\n        top: '60px',\n        left: '0px',\n        right: `${Y_LABEL_SIZE_MOBILE}px`,\n        bottom: `${X_LABEL_SIZE}px`,\n      },\n    ],\n    graphic: [\n      ...mobileGridLines,\n      {\n        ...getLineCommons(isDark),\n        top: 58,\n        right: Y_LABEL_SIZE_MOBILE - 2,\n        shape: {\n          x1: 0,\n          y1: 0,\n          x2: 9999,\n          y2: 0,\n        },\n      },\n    ],\n  };\n};\n\nexport const pointFormatter = ({\n  point,\n  lang,\n  timeUnit,\n}: PointFormatterProps) => {\n  if (timeUnit === VolatilityChartTimeUnit.D) {\n    return new Date(point).toLocaleDateString(undefined, {\n      month: 'numeric',\n      day: 'numeric',\n    });\n  }\n  if (timeUnit === VolatilityChartTimeUnit.W) {\n    return lang(weeklyDataLabels[point as DaysOfWeekKeys]);\n  }\n\n  return point;\n};\n\nexport const getOption: GetOptionType = (values, lang, timeUnit, isDark) => {\n  const pipsValues = values.map(({ pips }) => pips.toFixed());\n  const points = values.map(({ point }) =>\n    pointFormatter({ point, lang, timeUnit })\n  );\n\n  return {\n    animation: false,\n    title: {\n      left: 10,\n      top: 20,\n      textStyle: {\n        fontFamily: 'Sofia W03',\n        fontWeight: 500,\n        padding: 16,\n      },\n    },\n    tooltip: {\n      trigger: 'axis',\n      axisPointer: {\n        axis: 'x',\n      },\n      extraCssText: 'z-index: 1',\n    },\n    xAxis: {\n      type: 'category',\n      data: points,\n      axisTick: {\n        alignWithLabel: true,\n      },\n      axisLine: { show: false },\n      splitLine: { show: false },\n      axisLabel: {\n        margin: 10,\n        rotate: -45,\n      },\n    },\n    yAxis: {\n      type: 'value',\n      position: 'right',\n      name: lang('pips').toUpperCase(),\n      splitNumber: 5,\n      axisLine: { show: false },\n      axisTick: { show: false },\n      axisLabel: {\n        rich: {\n          a: {\n            padding: [0, 0, 20, 0],\n          },\n        },\n        formatter: (value, index) => (index ? `${value}` : `{a|${value}}`),\n      },\n    },\n    series: [\n      {\n        data: pipsValues,\n        name: 'main',\n        type: 'bar',\n      },\n    ],\n    media: [\n      {\n        query: {\n          minWidth: DESKTOP_MIN_WIDTH,\n        },\n        option: {\n          ...getDesktopOption({ timeUnit, lang, isDark }),\n        },\n      },\n      {\n        query: {\n          maxWidth: DESKTOP_MIN_WIDTH - 1,\n        },\n        option: {\n          ...getMobileOption({ timeUnit, lang, isDark }),\n        },\n      },\n    ],\n  };\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/module/VolatilityChartWidget/utils.js

@@ -1,4 +1,4 @@
-const capitalize = name => `${name[0].toUpperCase()}${name.substring(1)}`;
+const capitalize = name => "".concat(name[0].toUpperCase()).concat(name.substring(1));
 function sortAlphabetically(paramName, items) {
   return [...items].sort((itemA, itemB) => itemA[paramName].localeCompare(itemB[paramName], 'en', {
     sensitivity: 'base'

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

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":["capitalize","name","toUpperCase","substring","sortAlphabetically","paramName","items","sort","itemA","itemB","localeCompare","sensitivity","getAssetClassesList","data","list","map","_ref","id","toLowerCase","label","mapInstrumentsList","_ref2","displayName","getInstrumentsByAssetClassId","instruments","filter","_ref3"],"sources":["../../../src/VolatilityChartWidget/utils.ts"],"sourcesContent":["import type { AssetClass, Instrument } from '../gql/types/graphql';\n\nconst capitalize = (name: string) =>\n  `${name[0].toUpperCase()}${name.substring(1)}`;\n\nfunction sortAlphabetically<T extends Record<string, string>>(\n  paramName: keyof T,\n  items: T[]\n): T[] {\n  return [...items].sort((itemA, itemB) =>\n    itemA[paramName].localeCompare(itemB[paramName], 'en', {\n      sensitivity: 'base',\n    })\n  );\n}\n\nconst getAssetClassesList = (data: AssetClass[]) => {\n  const list = data.map(({ name }) => ({\n    id: name.toLowerCase(),\n    label: capitalize(name),\n  }));\n\n  return sortAlphabetically('label', list);\n};\n\nconst mapInstrumentsList = (data: Instrument[]) =>\n  sortAlphabetically('displayName', data).map(\n    ({ name: id, displayName: label }) => ({ id, label })\n  );\n\nconst getInstrumentsByAssetClassId = (data: AssetClass[], id: string) => {\n  const [{ instruments }] = data.filter(({ name }) => id === name);\n\n  return mapInstrumentsList(instruments);\n};\n\nexport {\n  getAssetClassesList,\n  getInstrumentsByAssetClassId,\n  sortAlphabetically,\n};\n"],"mappings":"AAEA,MAAMA,UAAU,GAAIC,IAAY,IAC9B,GAAGA,IAAI,CAAC,CAAC,CAAC,CAACC,WAAW,CAAC,CAAC,GAAGD,IAAI,CAACE,SAAS,CAAC,CAAC,CAAC,EAAE;AAEhD,SAASC,kBAAkBA,CACzBC,SAAkB,EAClBC,KAAU,EACL;EACL,OAAO,CAAC,GAAGA,KAAK,CAAC,CAACC,IAAI,CAAC,CAACC,KAAK,EAAEC,KAAK,KAClCD,KAAK,CAACH,SAAS,CAAC,CAACK,aAAa,CAACD,KAAK,CAACJ,SAAS,CAAC,EAAE,IAAI,EAAE;IACrDM,WAAW,EAAE;EACf,CAAC,CACH,CAAC;AACH;AAEA,MAAMC,mBAAmB,GAAIC,IAAkB,IAAK;EAClD,MAAMC,IAAI,GAAGD,IAAI,CAACE,GAAG,CAACC,IAAA;IAAA,IAAC;MAAEf;IAAK,CAAC,GAAAe,IAAA;IAAA,OAAM;MACnCC,EAAE,EAAEhB,IAAI,CAACiB,WAAW,CAAC,CAAC;MACtBC,KAAK,EAAEnB,UAAU,CAACC,IAAI;IACxB,CAAC;EAAA,CAAC,CAAC;EAEH,OAAOG,kBAAkB,CAAC,OAAO,EAAEU,IAAI,CAAC;AAC1C,CAAC;AAED,MAAMM,kBAAkB,GAAIP,IAAkB,IAC5CT,kBAAkB,CAAC,aAAa,EAAES,IAAI,CAAC,CAACE,GAAG,CACzCM,KAAA;EAAA,IAAC;IAAEpB,IAAI,EAAEgB,EAAE;IAAEK,WAAW,EAAEH;EAAM,CAAC,GAAAE,KAAA;EAAA,OAAM;IAAEJ,EAAE;IAAEE;EAAM,CAAC;AAAA,CACtD,CAAC;AAEH,MAAMI,4BAA4B,GAAGA,CAACV,IAAkB,EAAEI,EAAU,KAAK;EACvE,MAAM,CAAC;IAAEO;EAAY,CAAC,CAAC,GAAGX,IAAI,CAACY,MAAM,CAACC,KAAA;IAAA,IAAC;MAAEzB;IAAK,CAAC,GAAAyB,KAAA;IAAA,OAAKT,EAAE,KAAKhB,IAAI;EAAA,EAAC;EAEhE,OAAOmB,kBAAkB,CAACI,WAAW,CAAC;AACxC,CAAC;AAED,SACEZ,mBAAmB,EACnBW,4BAA4B,EAC5BnB,kBAAkB","ignoreList":[]}
+{"version":3,"file":"utils.js","names":["capitalize","name","concat","toUpperCase","substring","sortAlphabetically","paramName","items","sort","itemA","itemB","localeCompare","sensitivity","getAssetClassesList","data","list","map","_ref","id","toLowerCase","label","mapInstrumentsList","_ref2","displayName","getInstrumentsByAssetClassId","instruments","filter","_ref3"],"sources":["../../../src/VolatilityChartWidget/utils.ts"],"sourcesContent":["import type { AssetClass, Instrument } from '../gql/types/graphql';\n\nconst capitalize = (name: string) =>\n  `${name[0].toUpperCase()}${name.substring(1)}`;\n\nfunction sortAlphabetically<T extends Record<string, string>>(\n  paramName: keyof T,\n  items: T[]\n): T[] {\n  return [...items].sort((itemA, itemB) =>\n    itemA[paramName].localeCompare(itemB[paramName], 'en', {\n      sensitivity: 'base',\n    })\n  );\n}\n\nconst getAssetClassesList = (data: AssetClass[]) => {\n  const list = data.map(({ name }) => ({\n    id: name.toLowerCase(),\n    label: capitalize(name),\n  }));\n\n  return sortAlphabetically('label', list);\n};\n\nconst mapInstrumentsList = (data: Instrument[]) =>\n  sortAlphabetically('displayName', data).map(\n    ({ name: id, displayName: label }) => ({ id, label })\n  );\n\nconst getInstrumentsByAssetClassId = (data: AssetClass[], id: string) => {\n  const [{ instruments }] = data.filter(({ name }) => id === name);\n\n  return mapInstrumentsList(instruments);\n};\n\nexport {\n  getAssetClassesList,\n  getInstrumentsByAssetClassId,\n  sortAlphabetically,\n};\n"],"mappings":"AAEA,MAAMA,UAAU,GAAIC,IAAY,OAAAC,MAAA,CAC3BD,IAAI,CAAC,CAAC,CAAC,CAACE,WAAW,CAAC,CAAC,EAAAD,MAAA,CAAGD,IAAI,CAACG,SAAS,CAAC,CAAC,CAAC,CAAE;AAEhD,SAASC,kBAAkBA,CACzBC,SAAkB,EAClBC,KAAU,EACL;EACL,OAAO,CAAC,GAAGA,KAAK,CAAC,CAACC,IAAI,CAAC,CAACC,KAAK,EAAEC,KAAK,KAClCD,KAAK,CAACH,SAAS,CAAC,CAACK,aAAa,CAACD,KAAK,CAACJ,SAAS,CAAC,EAAE,IAAI,EAAE;IACrDM,WAAW,EAAE;EACf,CAAC,CACH,CAAC;AACH;AAEA,MAAMC,mBAAmB,GAAIC,IAAkB,IAAK;EAClD,MAAMC,IAAI,GAAGD,IAAI,CAACE,GAAG,CAACC,IAAA;IAAA,IAAC;MAAEhB;IAAK,CAAC,GAAAgB,IAAA;IAAA,OAAM;MACnCC,EAAE,EAAEjB,IAAI,CAACkB,WAAW,CAAC,CAAC;MACtBC,KAAK,EAAEpB,UAAU,CAACC,IAAI;IACxB,CAAC;EAAA,CAAC,CAAC;EAEH,OAAOI,kBAAkB,CAAC,OAAO,EAAEU,IAAI,CAAC;AAC1C,CAAC;AAED,MAAMM,kBAAkB,GAAIP,IAAkB,IAC5CT,kBAAkB,CAAC,aAAa,EAAES,IAAI,CAAC,CAACE,GAAG,CACzCM,KAAA;EAAA,IAAC;IAAErB,IAAI,EAAEiB,EAAE;IAAEK,WAAW,EAAEH;EAAM,CAAC,GAAAE,KAAA;EAAA,OAAM;IAAEJ,EAAE;IAAEE;EAAM,CAAC;AAAA,CACtD,CAAC;AAEH,MAAMI,4BAA4B,GAAGA,CAACV,IAAkB,EAAEI,EAAU,KAAK;EACvE,MAAM,CAAC;IAAEO;EAAY,CAAC,CAAC,GAAGX,IAAI,CAACY,MAAM,CAACC,KAAA;IAAA,IAAC;MAAE1B;IAAK,CAAC,GAAA0B,KAAA;IAAA,OAAKT,EAAE,KAAKjB,IAAI;EAAA,EAAC;EAEhE,OAAOoB,kBAAkB,CAACI,WAAW,CAAC;AACxC,CAAC;AAED,SACEZ,mBAAmB,EACnBW,4BAA4B,EAC5BnB,kBAAkB","ignoreList":[]}

package/dist/module/gql/getVolatilityChartAssetClasses.js

@@ -1,13 +1,5 @@
+var _templateObject;
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
 import { gql } from '@apollo/client';
-export const getVolatilityChartAssetClasses = gql`
-  query GetVolatilityChartAssetClasses($division: Division) {
-    volatilityChartAssetClasses(division: $division) {
-      name
-      instruments {
-        name
-        displayName
-      }
-    }
-  }
-`;
+export const getVolatilityChartAssetClasses = gql(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  query GetVolatilityChartAssetClasses($division: Division) {\n    volatilityChartAssetClasses(division: $division) {\n      name\n      instruments {\n        name\n        displayName\n      }\n    }\n  }\n"])));
 //# sourceMappingURL=getVolatilityChartAssetClasses.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"getVolatilityChartAssetClasses.js","names":["gql","getVolatilityChartAssetClasses"],"sources":["../../../src/gql/getVolatilityChartAssetClasses.ts"],"sourcesContent":["import { gql } from '@apollo/client';\n\nexport const getVolatilityChartAssetClasses = gql`\n  query GetVolatilityChartAssetClasses($division: Division) {\n    volatilityChartAssetClasses(division: $division) {\n      name\n      instruments {\n        name\n        displayName\n      }\n    }\n  }\n`;\n"],"mappings":"AAAA,SAASA,GAAG,QAAQ,gBAAgB;AAEpC,OAAO,MAAMC,8BAA8B,GAAGD,GAAG;AACjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}
+{"version":3,"file":"getVolatilityChartAssetClasses.js","names":["gql","getVolatilityChartAssetClasses","_templateObject","_taggedTemplateLiteral"],"sources":["../../../src/gql/getVolatilityChartAssetClasses.ts"],"sourcesContent":["import { gql } from '@apollo/client';\n\nexport const getVolatilityChartAssetClasses = gql`\n  query GetVolatilityChartAssetClasses($division: Division) {\n    volatilityChartAssetClasses(division: $division) {\n      name\n      instruments {\n        name\n        displayName\n      }\n    }\n  }\n`;\n"],"mappings":";;AAAA,SAASA,GAAG,QAAQ,gBAAgB;AAEpC,OAAO,MAAMC,8BAA8B,GAAGD,GAAG,CAAAE,eAAA,KAAAA,eAAA,GAAAC,sBAAA,0NAUhD","ignoreList":[]}

package/dist/module/gql/getVolatilityChartData.js

@@ -1,21 +1,5 @@
+var _templateObject;
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
 import { gql } from '@apollo/client';
-export const getVolatilityChartData = gql`
-  query GetVolatilityChartData(
-    $division: Division
-    $instrument: String!
-    $timeUnit: VolatilityChartTimeUnit!
-    $timeSpan: VolatilityChartTimeSpan!
-  ) {
-    volatilityChart(
-      division: $division
-      instrument: $instrument
-      timeUnit: $timeUnit
-      timeSpan: $timeSpan
-    ) {
-      pips
-      point
-      updatedAt
-    }
-  }
-`;
+export const getVolatilityChartData = gql(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  query GetVolatilityChartData(\n    $division: Division\n    $instrument: String!\n    $timeUnit: VolatilityChartTimeUnit!\n    $timeSpan: VolatilityChartTimeSpan!\n  ) {\n    volatilityChart(\n      division: $division\n      instrument: $instrument\n      timeUnit: $timeUnit\n      timeSpan: $timeSpan\n    ) {\n      pips\n      point\n      updatedAt\n    }\n  }\n"])));
 //# sourceMappingURL=getVolatilityChartData.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"getVolatilityChartData.js","names":["gql","getVolatilityChartData"],"sources":["../../../src/gql/getVolatilityChartData.ts"],"sourcesContent":["import { gql } from '@apollo/client';\n\nexport const getVolatilityChartData = gql`\n  query GetVolatilityChartData(\n    $division: Division\n    $instrument: String!\n    $timeUnit: VolatilityChartTimeUnit!\n    $timeSpan: VolatilityChartTimeSpan!\n  ) {\n    volatilityChart(\n      division: $division\n      instrument: $instrument\n      timeUnit: $timeUnit\n      timeSpan: $timeSpan\n    ) {\n      pips\n      point\n      updatedAt\n    }\n  }\n`;\n"],"mappings":"AAAA,SAASA,GAAG,QAAQ,gBAAgB;AAEpC,OAAO,MAAMC,sBAAsB,GAAGD,GAAG;AACzC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}
+{"version":3,"file":"getVolatilityChartData.js","names":["gql","getVolatilityChartData","_templateObject","_taggedTemplateLiteral"],"sources":["../../../src/gql/getVolatilityChartData.ts"],"sourcesContent":["import { gql } from '@apollo/client';\n\nexport const getVolatilityChartData = gql`\n  query GetVolatilityChartData(\n    $division: Division\n    $instrument: String!\n    $timeUnit: VolatilityChartTimeUnit!\n    $timeSpan: VolatilityChartTimeSpan!\n  ) {\n    volatilityChart(\n      division: $division\n      instrument: $instrument\n      timeUnit: $timeUnit\n      timeSpan: $timeSpan\n    ) {\n      pips\n      point\n      updatedAt\n    }\n  }\n`;\n"],"mappings":";;AAAA,SAASA,GAAG,QAAQ,gBAAgB;AAEpC,OAAO,MAAMC,sBAAsB,GAAGD,GAAG,CAAAE,eAAA,KAAAA,eAAA,GAAAC,sBAAA,4XAkBxC","ignoreList":[]}

package/dist/module/gql/types/fragment-masking.js

@@ -5,10 +5,11 @@ export function makeFragmentData(data, _fragment) {
   return data;
 }
 export function isFragmentReady(queryNode, fragmentNode, data) {
-  const deferredFields = queryNode.__meta__?.deferredFields;
+  var _meta__, _fragDef$name;
+  const deferredFields = (_meta__ = queryNode.__meta__) === null || _meta__ === void 0 ? void 0 : _meta__.deferredFields;
   if (!deferredFields) return true;
   const fragDef = fragmentNode.definitions[0];
-  const fragName = fragDef?.name?.value;
+  const fragName = fragDef === null || fragDef === void 0 || (_fragDef$name = fragDef.name) === null || _fragDef$name === void 0 ? void 0 : _fragDef$name.value;
   const fields = fragName && deferredFields[fragName] || [];
   return fields.length > 0 && fields.every(field => data && field in data);
 }

package/dist/module/gql/types/fragment-masking.js.map

@@ -1 +1 @@
-{"version":3,"file":"fragment-masking.js","names":["useFragment","_documentNode","fragmentType","makeFragmentData","data","_fragment","isFragmentReady","queryNode","fragmentNode","deferredFields","__meta__","fragDef","definitions","fragName","name","value","fields","length","every","field"],"sources":["../../../../src/gql/types/fragment-masking.ts"],"sourcesContent":["import {\n  ResultOf,\n  DocumentTypeDecoration,\n  TypedDocumentNode,\n} from '@graphql-typed-document-node/core';\nimport { FragmentDefinitionNode } from 'graphql';\nimport { Incremental } from './graphql';\n\nexport type FragmentType<\n  TDocumentType extends DocumentTypeDecoration<any, any>,\n> =\n  TDocumentType extends DocumentTypeDecoration<infer TType, any>\n    ? [TType] extends [{ ' $fragmentName'?: infer TKey }]\n      ? TKey extends string\n        ? { ' $fragmentRefs'?: { [key in TKey]: TType } }\n        : never\n      : never\n    : never;\n\n// return non-nullable if `fragmentType` is non-nullable\nexport function useFragment<TType>(\n  _documentNode: DocumentTypeDecoration<TType, any>,\n  fragmentType: FragmentType<DocumentTypeDecoration<TType, any>>\n): TType;\n// return nullable if `fragmentType` is nullable\nexport function useFragment<TType>(\n  _documentNode: DocumentTypeDecoration<TType, any>,\n  fragmentType:\n    | FragmentType<DocumentTypeDecoration<TType, any>>\n    | null\n    | undefined\n): TType | null | undefined;\n// return array of non-nullable if `fragmentType` is array of non-nullable\nexport function useFragment<TType>(\n  _documentNode: DocumentTypeDecoration<TType, any>,\n  fragmentType: ReadonlyArray<FragmentType<DocumentTypeDecoration<TType, any>>>\n): ReadonlyArray<TType>;\n// return array of nullable if `fragmentType` is array of nullable\nexport function useFragment<TType>(\n  _documentNode: DocumentTypeDecoration<TType, any>,\n  fragmentType:\n    | ReadonlyArray<FragmentType<DocumentTypeDecoration<TType, any>>>\n    | null\n    | undefined\n): ReadonlyArray<TType> | null | undefined;\nexport function useFragment<TType>(\n  _documentNode: DocumentTypeDecoration<TType, any>,\n  fragmentType:\n    | FragmentType<DocumentTypeDecoration<TType, any>>\n    | ReadonlyArray<FragmentType<DocumentTypeDecoration<TType, any>>>\n    | null\n    | undefined\n): TType | ReadonlyArray<TType> | null | undefined {\n  return fragmentType as any;\n}\n\nexport function makeFragmentData<\n  F extends DocumentTypeDecoration<any, any>,\n  FT extends ResultOf<F>,\n>(data: FT, _fragment: F): FragmentType<F> {\n  return data as FragmentType<F>;\n}\nexport function isFragmentReady<TQuery, TFrag>(\n  queryNode: DocumentTypeDecoration<TQuery, any>,\n  fragmentNode: TypedDocumentNode<TFrag>,\n  data:\n    | FragmentType<TypedDocumentNode<Incremental<TFrag>, any>>\n    | null\n    | undefined\n): data is FragmentType<typeof fragmentNode> {\n  const deferredFields = (\n    queryNode as {\n      __meta__?: { deferredFields: Record<string, (keyof TFrag)[]> };\n    }\n  ).__meta__?.deferredFields;\n\n  if (!deferredFields) return true;\n\n  const fragDef = fragmentNode.definitions[0] as\n    | FragmentDefinitionNode\n    | undefined;\n  const fragName = fragDef?.name?.value;\n\n  const fields = (fragName && deferredFields[fragName]) || [];\n  return fields.length > 0 && fields.every((field) => data && field in data);\n}\n"],"mappings":"AA6CA,OAAO,SAASA,WAAWA,CACzBC,aAAiD,EACjDC,YAIa,EACoC;EACjD,OAAOA,YAAY;AACrB;AAEA,OAAO,SAASC,gBAAgBA,CAG9BC,IAAQ,EAAEC,SAAY,EAAmB;EACzC,OAAOD,IAAI;AACb;AACA,OAAO,SAASE,eAAeA,CAC7BC,SAA8C,EAC9CC,YAAsC,EACtCJ,IAGa,EAC8B;EAC3C,MAAMK,cAAc,GAClBF,SAAS,CAGTG,QAAQ,EAAED,cAAc;EAE1B,IAAI,CAACA,cAAc,EAAE,OAAO,IAAI;EAEhC,MAAME,OAAO,GAAGH,YAAY,CAACI,WAAW,CAAC,CAAC,CAE7B;EACb,MAAMC,QAAQ,GAAGF,OAAO,EAAEG,IAAI,EAAEC,KAAK;EAErC,MAAMC,MAAM,GAAIH,QAAQ,IAAIJ,cAAc,CAACI,QAAQ,CAAC,IAAK,EAAE;EAC3D,OAAOG,MAAM,CAACC,MAAM,GAAG,CAAC,IAAID,MAAM,CAACE,KAAK,CAAEC,KAAK,IAAKf,IAAI,IAAIe,KAAK,IAAIf,IAAI,CAAC;AAC5E","ignoreList":[]}
+{"version":3,"file":"fragment-masking.js","names":["useFragment","_documentNode","fragmentType","makeFragmentData","data","_fragment","isFragmentReady","queryNode","fragmentNode","_meta__","_fragDef$name","deferredFields","__meta__","fragDef","definitions","fragName","name","value","fields","length","every","field"],"sources":["../../../../src/gql/types/fragment-masking.ts"],"sourcesContent":["import {\n  ResultOf,\n  DocumentTypeDecoration,\n  TypedDocumentNode,\n} from '@graphql-typed-document-node/core';\nimport { FragmentDefinitionNode } from 'graphql';\nimport { Incremental } from './graphql';\n\nexport type FragmentType<\n  TDocumentType extends DocumentTypeDecoration<any, any>,\n> =\n  TDocumentType extends DocumentTypeDecoration<infer TType, any>\n    ? [TType] extends [{ ' $fragmentName'?: infer TKey }]\n      ? TKey extends string\n        ? { ' $fragmentRefs'?: { [key in TKey]: TType } }\n        : never\n      : never\n    : never;\n\n// return non-nullable if `fragmentType` is non-nullable\nexport function useFragment<TType>(\n  _documentNode: DocumentTypeDecoration<TType, any>,\n  fragmentType: FragmentType<DocumentTypeDecoration<TType, any>>\n): TType;\n// return nullable if `fragmentType` is nullable\nexport function useFragment<TType>(\n  _documentNode: DocumentTypeDecoration<TType, any>,\n  fragmentType:\n    | FragmentType<DocumentTypeDecoration<TType, any>>\n    | null\n    | undefined\n): TType | null | undefined;\n// return array of non-nullable if `fragmentType` is array of non-nullable\nexport function useFragment<TType>(\n  _documentNode: DocumentTypeDecoration<TType, any>,\n  fragmentType: ReadonlyArray<FragmentType<DocumentTypeDecoration<TType, any>>>\n): ReadonlyArray<TType>;\n// return array of nullable if `fragmentType` is array of nullable\nexport function useFragment<TType>(\n  _documentNode: DocumentTypeDecoration<TType, any>,\n  fragmentType:\n    | ReadonlyArray<FragmentType<DocumentTypeDecoration<TType, any>>>\n    | null\n    | undefined\n): ReadonlyArray<TType> | null | undefined;\nexport function useFragment<TType>(\n  _documentNode: DocumentTypeDecoration<TType, any>,\n  fragmentType:\n    | FragmentType<DocumentTypeDecoration<TType, any>>\n    | ReadonlyArray<FragmentType<DocumentTypeDecoration<TType, any>>>\n    | null\n    | undefined\n): TType | ReadonlyArray<TType> | null | undefined {\n  return fragmentType as any;\n}\n\nexport function makeFragmentData<\n  F extends DocumentTypeDecoration<any, any>,\n  FT extends ResultOf<F>,\n>(data: FT, _fragment: F): FragmentType<F> {\n  return data as FragmentType<F>;\n}\nexport function isFragmentReady<TQuery, TFrag>(\n  queryNode: DocumentTypeDecoration<TQuery, any>,\n  fragmentNode: TypedDocumentNode<TFrag>,\n  data:\n    | FragmentType<TypedDocumentNode<Incremental<TFrag>, any>>\n    | null\n    | undefined\n): data is FragmentType<typeof fragmentNode> {\n  const deferredFields = (\n    queryNode as {\n      __meta__?: { deferredFields: Record<string, (keyof TFrag)[]> };\n    }\n  ).__meta__?.deferredFields;\n\n  if (!deferredFields) return true;\n\n  const fragDef = fragmentNode.definitions[0] as\n    | FragmentDefinitionNode\n    | undefined;\n  const fragName = fragDef?.name?.value;\n\n  const fields = (fragName && deferredFields[fragName]) || [];\n  return fields.length > 0 && fields.every((field) => data && field in data);\n}\n"],"mappings":"AA6CA,OAAO,SAASA,WAAWA,CACzBC,aAAiD,EACjDC,YAIa,EACoC;EACjD,OAAOA,YAAY;AACrB;AAEA,OAAO,SAASC,gBAAgBA,CAG9BC,IAAQ,EAAEC,SAAY,EAAmB;EACzC,OAAOD,IAAI;AACb;AACA,OAAO,SAASE,eAAeA,CAC7BC,SAA8C,EAC9CC,YAAsC,EACtCJ,IAGa,EAC8B;EAAA,IAAAK,OAAA,EAAAC,aAAA;EAC3C,MAAMC,cAAc,IAAAF,OAAA,GAClBF,SAAS,CAGTK,QAAQ,cAAAH,OAAA,uBAJaA,OAAA,CAIXE,cAAc;EAE1B,IAAI,CAACA,cAAc,EAAE,OAAO,IAAI;EAEhC,MAAME,OAAO,GAAGL,YAAY,CAACM,WAAW,CAAC,CAAC,CAE7B;EACb,MAAMC,QAAQ,GAAGF,OAAO,aAAPA,OAAO,gBAAAH,aAAA,GAAPG,OAAO,CAAEG,IAAI,cAAAN,aAAA,uBAAbA,aAAA,CAAeO,KAAK;EAErC,MAAMC,MAAM,GAAIH,QAAQ,IAAIJ,cAAc,CAACI,QAAQ,CAAC,IAAK,EAAE;EAC3D,OAAOG,MAAM,CAACC,MAAM,GAAG,CAAC,IAAID,MAAM,CAACE,KAAK,CAAEC,KAAK,IAAKjB,IAAI,IAAIiB,KAAK,IAAIjB,IAAI,CAAC;AAC5E","ignoreList":[]}

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

@@ -4,6 +4,7 @@ const documents = {
   '\n  query GetVolatilityChartData($division: Division, $instrument: String!, $timeUnit: VolatilityChartTimeUnit!, $timeSpan: VolatilityChartTimeSpan!) {\n    volatilityChart(division: $division, instrument: $instrument, timeUnit: $timeUnit, timeSpan: $timeSpan) {\n      pips\n      point\n      updatedAt\n    }\n  }\n': types.GetVolatilityChartDataDocument
 };
 export function graphql(source) {
-  return documents[source] ?? {};
+  var _source;
+  return (_source = documents[source]) !== null && _source !== void 0 ? _source : {};
 }
 //# sourceMappingURL=gql.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"gql.js","names":["types","documents","GetVolatilityChartAssetClassesDocument","GetVolatilityChartDataDocument","graphql","source"],"sources":["../../../../src/gql/types/gql.ts"],"sourcesContent":["/* eslint-disable */\nimport * as types from './graphql';\nimport { TypedDocumentNode as DocumentNode } from '@graphql-typed-document-node/core';\n\n/**\n * Map of all GraphQL operations in the project.\n *\n * This map has several performance disadvantages:\n * 1. It is not tree-shakeable, so it will include all operations in the project.\n * 2. It is not minifiable, so the string of a GraphQL query will be multiple times inside the bundle.\n * 3. It does not support dead code elimination, so it will add unused operations.\n *\n * Therefore it is highly recommended to use the babel or swc plugin for production.\n */\nconst documents = {\n  '\\n  query GetVolatilityChartAssetClasses($division: Division) {\\n    volatilityChartAssetClasses(division: $division) {\\n      name\\n      instruments {\\n        name\\n        displayName\\n      }\\n    }\\n  }\\n':\n    types.GetVolatilityChartAssetClassesDocument,\n  '\\n  query GetVolatilityChartData($division: Division, $instrument: String!, $timeUnit: VolatilityChartTimeUnit!, $timeSpan: VolatilityChartTimeSpan!) {\\n    volatilityChart(division: $division, instrument: $instrument, timeUnit: $timeUnit, timeSpan: $timeSpan) {\\n      pips\\n      point\\n      updatedAt\\n    }\\n  }\\n':\n    types.GetVolatilityChartDataDocument,\n};\n\n/**\n * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.\n *\n *\n * @example\n * ```ts\n * const query = graphql(`query GetUser($id: ID!) { user(id: $id) { name } }`);\n * ```\n *\n * The query argument is unknown!\n * Please regenerate the types.\n */\nexport function graphql(source: string): unknown;\n\n/**\n * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.\n */\nexport function graphql(\n  source: '\\n  query GetVolatilityChartAssetClasses($division: Division) {\\n    volatilityChartAssetClasses(division: $division) {\\n      name\\n      instruments {\\n        name\\n        displayName\\n      }\\n    }\\n  }\\n'\n): (typeof documents)['\\n  query GetVolatilityChartAssetClasses($division: Division) {\\n    volatilityChartAssetClasses(division: $division) {\\n      name\\n      instruments {\\n        name\\n        displayName\\n      }\\n    }\\n  }\\n'];\n/**\n * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.\n */\nexport function graphql(\n  source: '\\n  query GetVolatilityChartData($division: Division, $instrument: String!, $timeUnit: VolatilityChartTimeUnit!, $timeSpan: VolatilityChartTimeSpan!) {\\n    volatilityChart(division: $division, instrument: $instrument, timeUnit: $timeUnit, timeSpan: $timeSpan) {\\n      pips\\n      point\\n      updatedAt\\n    }\\n  }\\n'\n): (typeof documents)['\\n  query GetVolatilityChartData($division: Division, $instrument: String!, $timeUnit: VolatilityChartTimeUnit!, $timeSpan: VolatilityChartTimeSpan!) {\\n    volatilityChart(division: $division, instrument: $instrument, timeUnit: $timeUnit, timeSpan: $timeSpan) {\\n      pips\\n      point\\n      updatedAt\\n    }\\n  }\\n'];\n\nexport function graphql(source: string) {\n  return (documents as any)[source] ?? {};\n}\n\nexport type DocumentType<TDocumentNode extends DocumentNode<any, any>> =\n  TDocumentNode extends DocumentNode<infer TType, any> ? TType : never;\n"],"mappings":"AACA,OAAO,KAAKA,KAAK,MAAM,WAAW;AAalC,MAAMC,SAAS,GAAG;EAChB,oNAAoN,EAClND,KAAK,CAACE,sCAAsC;EAC9C,gUAAgU,EAC9TF,KAAK,CAACG;AACV,CAAC;AA6BD,OAAO,SAASC,OAAOA,CAACC,MAAc,EAAE;EACtC,OAAQJ,SAAS,CAASI,MAAM,CAAC,IAAI,CAAC,CAAC;AACzC","ignoreList":[]}
+{"version":3,"file":"gql.js","names":["types","documents","GetVolatilityChartAssetClassesDocument","GetVolatilityChartDataDocument","graphql","source","_source"],"sources":["../../../../src/gql/types/gql.ts"],"sourcesContent":["/* eslint-disable */\nimport * as types from './graphql';\nimport { TypedDocumentNode as DocumentNode } from '@graphql-typed-document-node/core';\n\n/**\n * Map of all GraphQL operations in the project.\n *\n * This map has several performance disadvantages:\n * 1. It is not tree-shakeable, so it will include all operations in the project.\n * 2. It is not minifiable, so the string of a GraphQL query will be multiple times inside the bundle.\n * 3. It does not support dead code elimination, so it will add unused operations.\n *\n * Therefore it is highly recommended to use the babel or swc plugin for production.\n */\nconst documents = {\n  '\\n  query GetVolatilityChartAssetClasses($division: Division) {\\n    volatilityChartAssetClasses(division: $division) {\\n      name\\n      instruments {\\n        name\\n        displayName\\n      }\\n    }\\n  }\\n':\n    types.GetVolatilityChartAssetClassesDocument,\n  '\\n  query GetVolatilityChartData($division: Division, $instrument: String!, $timeUnit: VolatilityChartTimeUnit!, $timeSpan: VolatilityChartTimeSpan!) {\\n    volatilityChart(division: $division, instrument: $instrument, timeUnit: $timeUnit, timeSpan: $timeSpan) {\\n      pips\\n      point\\n      updatedAt\\n    }\\n  }\\n':\n    types.GetVolatilityChartDataDocument,\n};\n\n/**\n * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.\n *\n *\n * @example\n * ```ts\n * const query = graphql(`query GetUser($id: ID!) { user(id: $id) { name } }`);\n * ```\n *\n * The query argument is unknown!\n * Please regenerate the types.\n */\nexport function graphql(source: string): unknown;\n\n/**\n * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.\n */\nexport function graphql(\n  source: '\\n  query GetVolatilityChartAssetClasses($division: Division) {\\n    volatilityChartAssetClasses(division: $division) {\\n      name\\n      instruments {\\n        name\\n        displayName\\n      }\\n    }\\n  }\\n'\n): (typeof documents)['\\n  query GetVolatilityChartAssetClasses($division: Division) {\\n    volatilityChartAssetClasses(division: $division) {\\n      name\\n      instruments {\\n        name\\n        displayName\\n      }\\n    }\\n  }\\n'];\n/**\n * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.\n */\nexport function graphql(\n  source: '\\n  query GetVolatilityChartData($division: Division, $instrument: String!, $timeUnit: VolatilityChartTimeUnit!, $timeSpan: VolatilityChartTimeSpan!) {\\n    volatilityChart(division: $division, instrument: $instrument, timeUnit: $timeUnit, timeSpan: $timeSpan) {\\n      pips\\n      point\\n      updatedAt\\n    }\\n  }\\n'\n): (typeof documents)['\\n  query GetVolatilityChartData($division: Division, $instrument: String!, $timeUnit: VolatilityChartTimeUnit!, $timeSpan: VolatilityChartTimeSpan!) {\\n    volatilityChart(division: $division, instrument: $instrument, timeUnit: $timeUnit, timeSpan: $timeSpan) {\\n      pips\\n      point\\n      updatedAt\\n    }\\n  }\\n'];\n\nexport function graphql(source: string) {\n  return (documents as any)[source] ?? {};\n}\n\nexport type DocumentType<TDocumentNode extends DocumentNode<any, any>> =\n  TDocumentNode extends DocumentNode<infer TType, any> ? TType : never;\n"],"mappings":"AACA,OAAO,KAAKA,KAAK,MAAM,WAAW;AAalC,MAAMC,SAAS,GAAG;EAChB,oNAAoN,EAClND,KAAK,CAACE,sCAAsC;EAC9C,gUAAgU,EAC9TF,KAAK,CAACG;AACV,CAAC;AA6BD,OAAO,SAASC,OAAOA,CAACC,MAAc,EAAE;EAAA,IAAAC,OAAA;EACtC,QAAAA,OAAA,GAAQL,SAAS,CAASI,MAAM,CAAC,cAAAC,OAAA,cAAAA,OAAA,GAAI,CAAC,CAAC;AACzC","ignoreList":[]}

package/package.json

@@ -1,19 +1,19 @@
 {
   "name": "@oanda/labs-volatility-chart-widget",
-  "version": "1.0.171",
+  "version": "1.0.172",
   "description": "Labs Volatility Chart Widget",
   "main": "dist/main/index.js",
   "module": "dist/module/index.js",
   "types": "dist/types/index.d.ts",
   "scripts": {
     "codegen": "graphql-codegen --config codegen.ts",
-    "translations:pull": "lokalise pull"
+    "translations:pull": "op run --env-file=\"../../.env\" -- lokalise pull"
   },
   "keywords": [],
   "author": "OANDA",
   "license": "UNLICENSED",
   "dependencies": {
-    "@oanda/labs-widget-common": "^1.0.222",
+    "@oanda/labs-widget-common": "^1.0.223",
     "@oanda/mono-i18n": "10.0.1",
     "echarts": "6.0.0",
     "echarts-for-react": "3.0.4",
@@ -23,5 +23,5 @@
     "@graphql-codegen/cli": "5.0.0",
     "@graphql-codegen/client-preset": "4.1.0"
   },
-  "gitHead": "f3f3b89244e07294747fcce5c3828da9a36ba6c0"
+  "gitHead": "7c2d64b34f681788d8c9fb9199e6b15999853a2d"
 }