@oanda/labs-ticker-tape-widget 1.0.1

package/CHANGELOG.md

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

package/codegen.ts

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

package/dist/main/TickerTapeWidget/Main.js

@@ -0,0 +1,87 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Main = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactFastMarquee = _interopRequireDefault(require("react-fast-marquee"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _client = require("@apollo/client");
+var _labsWidgetCommon = require("@oanda/labs-widget-common");
+var _validateInstruments = require("../gql/validateInstruments");
+var _utils = require("./utils");
+var _InstrumentRateWithChart = require("./components/InstrumentRateWithChart");
+var _constant = require("./constant");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const Main = _ref => {
+  let {
+    instruments,
+    division,
+    size: widgetSize = 'fullWithChart'
+  } = _ref;
+  const [records, setRecords] = (0, _react.useState)([]);
+  const {
+    target,
+    setQuery
+  } = (0, _labsWidgetCommon.useLiveRatesQuery)();
+  const {
+    loading,
+    data,
+    error
+  } = (0, _client.useQuery)(_validateInstruments.validateInstruments, {
+    variables: {
+      instruments,
+      division
+    },
+    fetchPolicy: 'network-only'
+  });
+  (0, _react.useEffect)(() => {
+    if (!loading && data) {
+      setRecords((0, _utils.getRecords)(data));
+    }
+  }, [loading, data]);
+  const instrumentsNames = records.map(_ref2 => {
+    let {
+      instrument: instrumentName
+    } = _ref2;
+    return instrumentName;
+  });
+  (0, _react.useEffect)(() => {
+    if (instrumentsNames[0]) {
+      setQuery({
+        instruments: instrumentsNames
+      });
+    }
+  }, [records]);
+  const showError = !!error;
+  const isLoading = loading || !data;
+  return _react.default.createElement("div", {
+    "data-testid": "ticker-tape-wrapper"
+  }, _react.default.createElement(_reactFastMarquee.default, {
+    play: !isLoading,
+    autoFill: true,
+    pauseOnHover: true,
+    speed: 60
+  }, records.map(record => _react.default.createElement("div", {
+    key: record.instrument,
+    className: (0, _classnames.default)('lw-flex lw-border lw-border-r-0 lw-border-solid lw-border-border-primary lw-px-4 lw-text-sm lw-tracking-normal lw-text-text-primary', {
+      'lw-h-[82px]': widgetSize !== 'compact',
+      'lw-h-[54px]': widgetSize === 'compact'
+    })
+  }, _react.default.createElement(_InstrumentRateWithChart.InstrumentRateWithChart, {
+    loading: loading,
+    record: record,
+    target: target,
+    division: division,
+    size: widgetSize
+  })))), _react.default.createElement(_labsWidgetCommon.Tooltip, {
+    id: _constant.INSTRUMENT_TOOLTIP_ID
+  }), !loading && showError && _react.default.createElement("div", {
+    className: "lw-flex lw-h-[150px] lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary"
+  }, _react.default.createElement(_labsWidgetCommon.ChartError, null)));
+};
+exports.Main = Main;
+//# sourceMappingURL=Main.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Main.js","names":["_react","_interopRequireWildcard","require","_reactFastMarquee","_interopRequireDefault","_classnames","_client","_labsWidgetCommon","_validateInstruments","_utils","_InstrumentRateWithChart","_constant","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Main","_ref","instruments","division","size","widgetSize","records","setRecords","useState","target","setQuery","useLiveRatesQuery","loading","data","error","useQuery","validateInstruments","variables","fetchPolicy","useEffect","getRecords","instrumentsNames","map","_ref2","instrument","instrumentName","showError","isLoading","createElement","play","autoFill","pauseOnHover","speed","record","key","className","classnames","InstrumentRateWithChart","Tooltip","id","INSTRUMENT_TOOLTIP_ID","ChartError","exports"],"sources":["../../../src/TickerTapeWidget/Main.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport Marquee from 'react-fast-marquee';\nimport classnames from 'classnames';\nimport { useQuery } from '@apollo/client';\nimport {\n  ChartError, DataRecord, Tooltip, useLiveRatesQuery,\n} from '@oanda/labs-widget-common';\nimport { MainProps } from './types';\nimport {\n  ValidateInstrumentsQuery,\n  ValidateInstrumentsQueryVariables,\n} from '../gql/types/graphql';\nimport { validateInstruments } from '../gql/validateInstruments';\nimport { getRecords } from './utils';\nimport { InstrumentRateWithChart } from './components/InstrumentRateWithChart';\nimport { INSTRUMENT_TOOLTIP_ID } from './constant';\n\nconst Main = ({\n  instruments,\n  division,\n  size: widgetSize = 'fullWithChart',\n}: MainProps) => {\n  const [records, setRecords] = useState<DataRecord[]>([]);\n  const { target, setQuery } = useLiveRatesQuery();\n  const { loading, data, error } = useQuery<\n  ValidateInstrumentsQuery,\n  ValidateInstrumentsQueryVariables\n  >(validateInstruments, {\n    variables: {\n      instruments,\n      division,\n    },\n    fetchPolicy: 'network-only',\n  });\n\n  useEffect(() => {\n    if (!loading && data) {\n      setRecords(getRecords(data)!);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [loading, data]);\n\n  const instrumentsNames = records.map(({ instrument: instrumentName }) => instrumentName);\n\n  useEffect(() => {\n    if (instrumentsNames[0]) {\n      setQuery({ instruments: instrumentsNames });\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [records]);\n\n  const showError = !!error;\n  const isLoading = loading || !data;\n\n  return (\n    <div data-testid=\"ticker-tape-wrapper\">\n      <Marquee\n        play={!isLoading}\n        autoFill\n        pauseOnHover\n        speed={60}\n      >\n        {records.map((record) => (\n          <div\n            key={record.instrument}\n            className={classnames('lw-flex lw-border lw-border-r-0 lw-border-solid lw-border-border-primary lw-px-4 lw-text-sm lw-tracking-normal lw-text-text-primary', {\n              'lw-h-[82px]': widgetSize !== 'compact',\n              'lw-h-[54px]': widgetSize === 'compact',\n            })}\n          >\n            <InstrumentRateWithChart\n              loading={loading}\n              record={record}\n              target={target}\n              division={division}\n              size={widgetSize}\n            />\n          </div>\n        ))}\n      </Marquee>\n      <Tooltip id={INSTRUMENT_TOOLTIP_ID} />\n      {!loading && showError && (\n        <div className=\"lw-flex lw-h-[150px] lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary\">\n          <ChartError />\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport { Main };\n"],"mappings":"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","ignoreList":[]}

package/dist/main/TickerTapeWidget/TickerTapeWidget.js

@@ -0,0 +1,56 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TickerTapeWidget = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _client = require("@apollo/client");
+var _monoI18n = require("@oanda/mono-i18n");
+var _labsWidgetCommon = require("@oanda/labs-widget-common");
+var _translations = require("../translations");
+var _Main = require("./Main");
+var _types = require("./types");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const TickerTapeWidget = _ref => {
+  let {
+    graphqlUrl,
+    liveRatesUrl,
+    instruments,
+    division,
+    locale,
+    theme,
+    isParamError,
+    removePadding,
+    size
+  } = _ref;
+  const client = new _client.ApolloClient({
+    uri: graphqlUrl,
+    cache: new _client.InMemoryCache()
+  });
+  const divisionCode = division === _types.Division.Opt ? _types.Division.Ogm : division;
+  const dataSource = divisionCode === _types.Division.Ogm ? 'MT5' : 'V20';
+  return _react.default.createElement(_labsWidgetCommon.ThemeProvider, {
+    removePadding: removePadding,
+    theme: theme
+  }, _react.default.createElement(_monoI18n.LocaleProvider, {
+    locale: (0, _labsWidgetCommon.getLocale)(locale),
+    translations: _translations.translations
+  }, _react.default.createElement(_labsWidgetCommon.LiveRatesProvider, {
+    url: liveRatesUrl,
+    options: {
+      divisionCode,
+      dataSource
+    }
+  }, _react.default.createElement(_client.ApolloProvider, {
+    client: client
+  }, isParamError ? _react.default.createElement("div", {
+    className: "lw-flex lw-h-[425px] lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary"
+  }, _react.default.createElement(_labsWidgetCommon.ChartError, null)) : _react.default.createElement(_Main.Main, {
+    size: size,
+    instruments: instruments,
+    division: division
+  })))));
+};
+exports.TickerTapeWidget = TickerTapeWidget;
+//# sourceMappingURL=TickerTapeWidget.js.map

package/dist/main/TickerTapeWidget/TickerTapeWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TickerTapeWidget.js","names":["_react","_interopRequireDefault","require","_client","_monoI18n","_labsWidgetCommon","_translations","_Main","_types","e","__esModule","default","TickerTapeWidget","_ref","graphqlUrl","liveRatesUrl","instruments","division","locale","theme","isParamError","removePadding","size","client","ApolloClient","uri","cache","InMemoryCache","divisionCode","Division","Opt","Ogm","dataSource","createElement","ThemeProvider","LocaleProvider","getLocale","translations","LiveRatesProvider","url","options","ApolloProvider","className","ChartError","Main","exports"],"sources":["../../../src/TickerTapeWidget/TickerTapeWidget.tsx"],"sourcesContent":["import React from 'react';\nimport { ApolloClient, InMemoryCache, ApolloProvider } from '@apollo/client';\nimport { LocaleProvider } from '@oanda/mono-i18n';\nimport {\n  ChartError, LiveRatesProvider, ThemeProvider, getLocale,\n} from '@oanda/labs-widget-common';\nimport { translations } from '../translations';\nimport { Main } from './Main';\nimport { Division, TickerTapeConfig } from './types';\n\nconst TickerTapeWidget = ({\n  graphqlUrl,\n  liveRatesUrl,\n  instruments,\n  division,\n  locale,\n  theme,\n  isParamError,\n  removePadding,\n  size,\n}: TickerTapeConfig) => {\n  const client = new ApolloClient({\n    uri: graphqlUrl,\n    cache: new InMemoryCache(),\n  });\n\n  const divisionCode = division === Division.Opt ? Division.Ogm : division;\n  const dataSource = divisionCode === Division.Ogm ? 'MT5' : 'V20';\n\n  return (\n    <ThemeProvider removePadding={removePadding} theme={theme}>\n      <LocaleProvider locale={getLocale(locale)} translations={translations}>\n        <LiveRatesProvider\n          url={liveRatesUrl}\n          options={{ divisionCode, dataSource }}\n        >\n          <ApolloProvider client={client}>\n            {isParamError ? (\n              <div className=\"lw-flex lw-h-[425px] lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary\">\n                <ChartError />\n              </div>\n            )\n              : (\n                <Main\n                  size={size}\n                  instruments={instruments}\n                  division={division}\n                />\n              )}\n          </ApolloProvider>\n        </LiveRatesProvider>\n      </LocaleProvider>\n    </ThemeProvider>\n  );\n};\n\nexport { TickerTapeWidget };\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AAGA,IAAAI,aAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AAAqD,SAAAD,uBAAAQ,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAErD,MAAMG,gBAAgB,GAAGC,IAAA,IAUD;EAAA,IAVE;IACxBC,UAAU;IACVC,YAAY;IACZC,WAAW;IACXC,QAAQ;IACRC,MAAM;IACNC,KAAK;IACLC,YAAY;IACZC,aAAa;IACbC;EACgB,CAAC,GAAAT,IAAA;EACjB,MAAMU,MAAM,GAAG,IAAIC,oBAAY,CAAC;IAC9BC,GAAG,EAAEX,UAAU;IACfY,KAAK,EAAE,IAAIC,qBAAa,CAAC;EAC3B,CAAC,CAAC;EAEF,MAAMC,YAAY,GAAGX,QAAQ,KAAKY,eAAQ,CAACC,GAAG,GAAGD,eAAQ,CAACE,GAAG,GAAGd,QAAQ;EACxE,MAAMe,UAAU,GAAGJ,YAAY,KAAKC,eAAQ,CAACE,GAAG,GAAG,KAAK,GAAG,KAAK;EAEhE,OACE/B,MAAA,CAAAW,OAAA,CAAAsB,aAAA,CAAC5B,iBAAA,CAAA6B,aAAa;IAACb,aAAa,EAAEA,aAAc;IAACF,KAAK,EAAEA;EAAM,GACxDnB,MAAA,CAAAW,OAAA,CAAAsB,aAAA,CAAC7B,SAAA,CAAA+B,cAAc;IAACjB,MAAM,EAAE,IAAAkB,2BAAS,EAAClB,MAAM,CAAE;IAACmB,YAAY,EAAEA;EAAa,GACpErC,MAAA,CAAAW,OAAA,CAAAsB,aAAA,CAAC5B,iBAAA,CAAAiC,iBAAiB;IAChBC,GAAG,EAAExB,YAAa;IAClByB,OAAO,EAAE;MAAEZ,YAAY;MAAEI;IAAW;EAAE,GAEtChC,MAAA,CAAAW,OAAA,CAAAsB,aAAA,CAAC9B,OAAA,CAAAsC,cAAc;IAAClB,MAAM,EAAEA;EAAO,GAC5BH,YAAY,GACXpB,MAAA,CAAAW,OAAA,CAAAsB,aAAA;IAAKS,SAAS,EAAC;EAAmG,GAChH1C,MAAA,CAAAW,OAAA,CAAAsB,aAAA,CAAC5B,iBAAA,CAAAsC,UAAU,MAAE,CACV,CAAC,GAGJ3C,MAAA,CAAAW,OAAA,CAAAsB,aAAA,CAAC1B,KAAA,CAAAqC,IAAI;IACHtB,IAAI,EAAEA,IAAK;IACXN,WAAW,EAAEA,WAAY;IACzBC,QAAQ,EAAEA;EAAS,CACpB,CAES,CACC,CACL,CACH,CAAC;AAEpB,CAAC;AAAC4B,OAAA,CAAAjC,gBAAA,GAAAA,gBAAA","ignoreList":[]}

package/dist/main/TickerTapeWidget/components/InstrumentRateWithChart/InstrumentRateWithChart.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.InstrumentRateWithChart = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _labsWidgetCommon = require("@oanda/labs-widget-common");
+var _utils = require("./utils");
+var _constant = require("../../constant");
+var _LineChartWithData = require("../LineChartWithData");
+var _utils2 = require("../../utils");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const InstrumentRateWithChart = _ref => {
+  let {
+    loading,
+    record,
+    target,
+    division,
+    size
+  } = _ref;
+  const {
+    isDark
+  } = (0, _react.useContext)(_labsWidgetCommon.ThemeContext);
+  const {
+    updatedRecord,
+    error
+  } = (0, _utils2.useRecords)(record, record.instrument ? target : null);
+  const indicator = (0, _utils.getColorIndicator)(updatedRecord.dailyPercentChange);
+  return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_labsWidgetCommon.InstrumentRate, {
+    isLoading: loading,
+    isError: !!error,
+    record: updatedRecord,
+    size: size,
+    tooltipId: _constant.INSTRUMENT_TOOLTIP_ID,
+    colorIndicator: indicator
+  }), size === 'fullWithChart' && _react.default.createElement(_LineChartWithData.LineChartWithData, {
+    record: record,
+    isLoading: loading,
+    division: division,
+    color: (0, _utils.getChartColor)(indicator, isDark)
+  }));
+};
+exports.InstrumentRateWithChart = InstrumentRateWithChart;
+//# sourceMappingURL=InstrumentRateWithChart.js.map

package/dist/main/TickerTapeWidget/components/InstrumentRateWithChart/InstrumentRateWithChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InstrumentRateWithChart.js","names":["_react","_interopRequireWildcard","require","_labsWidgetCommon","_utils","_constant","_LineChartWithData","_utils2","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","InstrumentRateWithChart","_ref","loading","record","target","division","size","isDark","useContext","ThemeContext","updatedRecord","error","useRecords","instrument","indicator","getColorIndicator","dailyPercentChange","createElement","Fragment","InstrumentRate","isLoading","isError","tooltipId","INSTRUMENT_TOOLTIP_ID","colorIndicator","LineChartWithData","color","getChartColor","exports"],"sources":["../../../../../src/TickerTapeWidget/components/InstrumentRateWithChart/InstrumentRateWithChart.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { InstrumentRate, ThemeContext } from '@oanda/labs-widget-common';\nimport { InstrumentRateWithChartProps } from './types';\nimport { getChartColor, getColorIndicator } from './utils';\nimport { INSTRUMENT_TOOLTIP_ID } from '../../constant';\nimport { LineChartWithData } from '../LineChartWithData';\nimport { useRecords } from '../../utils';\n\nconst InstrumentRateWithChart = ({\n  loading,\n  record,\n  target,\n  division,\n  size,\n}: InstrumentRateWithChartProps) => {\n  const { isDark } = useContext(ThemeContext);\n  const { updatedRecord, error } = useRecords(record, record.instrument ? target : null);\n\n  const indicator = getColorIndicator(updatedRecord.dailyPercentChange);\n\n  return (\n    <>\n      <InstrumentRate\n        isLoading={loading}\n        isError={!!error}\n        record={updatedRecord}\n        size={size}\n        tooltipId={INSTRUMENT_TOOLTIP_ID}\n        colorIndicator={indicator}\n      />\n      {size === 'fullWithChart' && (\n        <LineChartWithData\n          record={record}\n          isLoading={loading}\n          division={division}\n          color={getChartColor(indicator, isDark)}\n        />\n      )}\n    </>\n  );\n};\n\nexport { InstrumentRateWithChart };\n"],"mappings":"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","ignoreList":[]}

package/dist/main/TickerTapeWidget/components/InstrumentRateWithChart/index.js

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

package/dist/main/TickerTapeWidget/components/InstrumentRateWithChart/index.js.map

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

package/dist/main/TickerTapeWidget/components/InstrumentRateWithChart/types.js

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

package/dist/main/TickerTapeWidget/components/InstrumentRateWithChart/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../../../src/TickerTapeWidget/components/InstrumentRateWithChart/types.ts"],"sourcesContent":["import { DataRecord } from '@oanda/labs-widget-common';\nimport { Division } from '../../types';\n\nexport interface InstrumentRateWithChartProps {\n  loading: boolean;\n  record: DataRecord;\n  target: EventTarget | null;\n  division: Division;\n  size?: 'compact' | 'full' | 'fullWithChart'\n}\n"],"mappings":"","ignoreList":[]}

package/dist/main/TickerTapeWidget/components/InstrumentRateWithChart/utils.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getColorIndicator = exports.getChartColor = void 0;
+var _labsWidgetCommon = require("@oanda/labs-widget-common");
+const getColorIndicator = dailyChange => {
+  const numberValue = Number(dailyChange?.substring(0, dailyChange.length - 1));
+  return Math.sign(numberValue);
+};
+exports.getColorIndicator = getColorIndicator;
+const getChartColor = (indicator, isDarkMode) => {
+  const theme = isDarkMode ? _labsWidgetCommon.darkTheme : _labsWidgetCommon.lightTheme;
+  switch (indicator) {
+    case 1:
+      return theme.textOk;
+    case -1:
+      return theme.textDanger;
+    default:
+      return theme.textDisabled;
+  }
+};
+exports.getChartColor = getChartColor;
+//# sourceMappingURL=utils.js.map

package/dist/main/TickerTapeWidget/components/InstrumentRateWithChart/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","names":["_labsWidgetCommon","require","getColorIndicator","dailyChange","numberValue","Number","substring","length","Math","sign","exports","getChartColor","indicator","isDarkMode","theme","darkTheme","lightTheme","textOk","textDanger","textDisabled"],"sources":["../../../../../src/TickerTapeWidget/components/InstrumentRateWithChart/utils.ts"],"sourcesContent":["import { lightTheme, darkTheme } from '@oanda/labs-widget-common';\n\nconst getColorIndicator = (dailyChange?: string) => {\n  const numberValue = Number(dailyChange?.substring(0, dailyChange.length - 1));\n\n  return Math.sign(numberValue);\n};\n\nconst getChartColor = (indicator?: number, isDarkMode?: boolean) => {\n  const theme = isDarkMode ? darkTheme : lightTheme;\n\n  switch (indicator) {\n    case 1:\n      return theme.textOk;\n    case -1:\n      return theme.textDanger;\n    default:\n      return theme.textDisabled;\n  }\n};\n\nexport {\n  getColorIndicator,\n  getChartColor,\n};\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AAEA,MAAMC,iBAAiB,GAAIC,WAAoB,IAAK;EAClD,MAAMC,WAAW,GAAGC,MAAM,CAACF,WAAW,EAAEG,SAAS,CAAC,CAAC,EAAEH,WAAW,CAACI,MAAM,GAAG,CAAC,CAAC,CAAC;EAE7E,OAAOC,IAAI,CAACC,IAAI,CAACL,WAAW,CAAC;AAC/B,CAAC;AAACM,OAAA,CAAAR,iBAAA,GAAAA,iBAAA;AAEF,MAAMS,aAAa,GAAGA,CAACC,SAAkB,EAAEC,UAAoB,KAAK;EAClE,MAAMC,KAAK,GAAGD,UAAU,GAAGE,2BAAS,GAAGC,4BAAU;EAEjD,QAAQJ,SAAS;IACf,KAAK,CAAC;MACJ,OAAOE,KAAK,CAACG,MAAM;IACrB,KAAK,CAAC,CAAC;MACL,OAAOH,KAAK,CAACI,UAAU;IACzB;MACE,OAAOJ,KAAK,CAACK,YAAY;EAC7B;AACF,CAAC;AAACT,OAAA,CAAAC,aAAA,GAAAA,aAAA","ignoreList":[]}

package/dist/main/TickerTapeWidget/components/LineChartWithData/LineChartWithData.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LineChartWithData = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _client = require("@apollo/client");
+var _labsWidgetCommon = require("@oanda/labs-widget-common");
+var _getInstrumentsChart = require("../../../gql/getInstrumentsChart");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const LineChartWithData = _ref => {
+  let {
+    record,
+    isLoading,
+    division,
+    color
+  } = _ref;
+  const {
+    loading,
+    data
+  } = (0, _client.useQuery)(_getInstrumentsChart.getInstrumentsChart, {
+    variables: {
+      instruments: [record.instrument],
+      division
+    },
+    fetchPolicy: 'network-only',
+    skip: !record.instrument
+  });
+  const showChart = isLoading || loading;
+  const chart = data?.topicalInstrumentsCharts?.[0].chart || [];
+  return _react.default.createElement("div", {
+    className: "lw-relative"
+  }, !showChart ? _react.default.createElement("div", {
+    className: "lw-absolute lw-bottom-0 lw-right-0 lw--z-50 lw-flex lw-h-10 lw-w-[100px] lw-items-center lw-justify-center"
+  }, _react.default.createElement(_labsWidgetCommon.LineChart, {
+    color: color,
+    data: chart
+  })) : null);
+};
+exports.LineChartWithData = LineChartWithData;
+//# sourceMappingURL=LineChartWithData.js.map

package/dist/main/TickerTapeWidget/components/LineChartWithData/LineChartWithData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LineChartWithData.js","names":["_react","_interopRequireDefault","require","_client","_labsWidgetCommon","_getInstrumentsChart","e","__esModule","default","LineChartWithData","_ref","record","isLoading","division","color","loading","data","useQuery","getInstrumentsChart","variables","instruments","instrument","fetchPolicy","skip","showChart","chart","topicalInstrumentsCharts","createElement","className","LineChart","exports"],"sources":["../../../../../src/TickerTapeWidget/components/LineChartWithData/LineChartWithData.tsx"],"sourcesContent":["import React from 'react';\nimport { useQuery } from '@apollo/client';\nimport { LineChart } from '@oanda/labs-widget-common';\nimport { LineChartWithDataProps } from './types';\nimport { getInstrumentsChart } from '../../../gql/getInstrumentsChart';\nimport { GetInstrumentsChartQuery, GetInstrumentsChartQueryVariables } from '../../../gql/types/graphql';\n\nconst LineChartWithData = ({\n  record,\n  isLoading,\n  division,\n  color,\n}: LineChartWithDataProps) => {\n  const { loading, data } = useQuery<\n  GetInstrumentsChartQuery,\n  GetInstrumentsChartQueryVariables\n  >(getInstrumentsChart, {\n    variables: {\n      instruments: [record.instrument],\n      division,\n    },\n    fetchPolicy: 'network-only',\n    skip: !record.instrument,\n  });\n\n  const showChart = isLoading || loading;\n  const chart = data?.topicalInstrumentsCharts?.[0].chart || [];\n\n  return (\n    <div className=\"lw-relative\">\n      {!showChart ? (\n        <div className=\"lw-absolute lw-bottom-0 lw-right-0 lw--z-50 lw-flex lw-h-10 lw-w-[100px] lw-items-center lw-justify-center\">\n          <LineChart\n            color={color}\n            data={chart}\n          />\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nexport { LineChartWithData };\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AAEA,IAAAG,oBAAA,GAAAH,OAAA;AAAuE,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAGvE,MAAMG,iBAAiB,GAAGC,IAAA,IAKI;EAAA,IALH;IACzBC,MAAM;IACNC,SAAS;IACTC,QAAQ;IACRC;EACsB,CAAC,GAAAJ,IAAA;EACvB,MAAM;IAAEK,OAAO;IAAEC;EAAK,CAAC,GAAG,IAAAC,gBAAQ,EAGhCC,wCAAmB,EAAE;IACrBC,SAAS,EAAE;MACTC,WAAW,EAAE,CAACT,MAAM,CAACU,UAAU,CAAC;MAChCR;IACF,CAAC;IACDS,WAAW,EAAE,cAAc;IAC3BC,IAAI,EAAE,CAACZ,MAAM,CAACU;EAChB,CAAC,CAAC;EAEF,MAAMG,SAAS,GAAGZ,SAAS,IAAIG,OAAO;EACtC,MAAMU,KAAK,GAAGT,IAAI,EAAEU,wBAAwB,GAAG,CAAC,CAAC,CAACD,KAAK,IAAI,EAAE;EAE7D,OACEzB,MAAA,CAAAQ,OAAA,CAAAmB,aAAA;IAAKC,SAAS,EAAC;EAAa,GACzB,CAACJ,SAAS,GACTxB,MAAA,CAAAQ,OAAA,CAAAmB,aAAA;IAAKC,SAAS,EAAC;EAA4G,GACzH5B,MAAA,CAAAQ,OAAA,CAAAmB,aAAA,CAACvB,iBAAA,CAAAyB,SAAS;IACRf,KAAK,EAAEA,KAAM;IACbE,IAAI,EAAES;EAAM,CACb,CACE,CAAC,GACJ,IACD,CAAC;AAEV,CAAC;AAACK,OAAA,CAAArB,iBAAA,GAAAA,iBAAA","ignoreList":[]}

package/dist/main/TickerTapeWidget/components/LineChartWithData/index.js

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

package/dist/main/TickerTapeWidget/components/LineChartWithData/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_LineChartWithData","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../../src/TickerTapeWidget/components/LineChartWithData/index.ts"],"sourcesContent":["export * from './LineChartWithData';\n"],"mappings":";;;;;AAAA,IAAAA,kBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,kBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,kBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,kBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/dist/main/TickerTapeWidget/components/LineChartWithData/types.js

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

package/dist/main/TickerTapeWidget/components/LineChartWithData/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../../../src/TickerTapeWidget/components/LineChartWithData/types.tsx"],"sourcesContent":["import { DataRecord } from '@oanda/labs-widget-common';\nimport { Division } from '../../../gql/types/graphql';\n\nexport interface LineChartWithDataProps {\n  record: DataRecord;\n  isLoading: boolean;\n  division: Division;\n  color: string;\n}\n"],"mappings":"","ignoreList":[]}

package/dist/main/TickerTapeWidget/constant.js

@@ -0,0 +1,8 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.INSTRUMENT_TOOLTIP_ID = void 0;
+const INSTRUMENT_TOOLTIP_ID = exports.INSTRUMENT_TOOLTIP_ID = 'instrument_tooltip_id';
+//# sourceMappingURL=constant.js.map

package/dist/main/TickerTapeWidget/constant.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constant.js","names":["INSTRUMENT_TOOLTIP_ID","exports"],"sources":["../../../src/TickerTapeWidget/constant.ts"],"sourcesContent":["const INSTRUMENT_TOOLTIP_ID = 'instrument_tooltip_id';\n\nexport {\n  INSTRUMENT_TOOLTIP_ID,\n};\n"],"mappings":";;;;;;AAAA,MAAMA,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAG,uBAAuB","ignoreList":[]}

package/dist/main/TickerTapeWidget/index.js

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

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

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

package/dist/main/TickerTapeWidget/render.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"render.js","names":["_react","_interopRequireDefault","require","_client","_labsWidgetCommon","_TickerTapeWidget","_graphql","e","__esModule","default","graphqlUrl","liveRatesUrl","window","widgetsConfig","dataTickerTapeParamsElements","document","querySelectorAll","forEach","element","root","createRoot","params","getAttribute","mode","instruments","division","locale","size","JSON","parse","isParamError","validateToolParams","name","valueCheck","value","validateLocale","Object","values","Division","includes","length","render","createElement","TickerTapeWidget","theme"],"sources":["../../../src/TickerTapeWidget/render.tsx"],"sourcesContent":["import React from 'react';\nimport { createRoot } from 'react-dom/client';\nimport { Theme, validateLocale, validateToolParams } from '@oanda/labs-widget-common';\nimport { TickerTapeWidget } from './TickerTapeWidget';\nimport { Division } from '../gql/types/graphql';\n\nconst {\n  graphqlUrl,\n  liveRatesUrl,\n} = window.widgetsConfig || {};\n\nconst dataTickerTapeParamsElements = document.querySelectorAll('div[data-ticker-tape-params]');\n\ndataTickerTapeParamsElements.forEach((element) => {\n  const root = createRoot(element);\n  const params = element.getAttribute('data-ticker-tape-params');\n  const mode = element.getAttribute('data-mode');\n  const {\n    instruments, division, locale, size,\n  } = JSON.parse(params as string);\n\n  const isParamError = validateToolParams({\n    division, locale, graphqlUrl, liveRatesUrl, instruments,\n  }, [{\n    name: 'locale',\n    valueCheck: (value) => validateLocale(value),\n  }, {\n    name: 'division',\n    valueCheck: (value) => Object.values(Division).includes(value),\n  }, {\n    name: 'instruments',\n    valueCheck: (value) => value.length > 0 && value.length <= 10,\n  }, {\n    name: 'graphqlUrl',\n  }, {\n    name: 'liveRatesUrl',\n  }]);\n\n  root.render(\n    <TickerTapeWidget\n      graphqlUrl={graphqlUrl}\n      liveRatesUrl={liveRatesUrl}\n      division={division}\n      instruments={instruments}\n      locale={locale}\n      theme={mode as Theme}\n      isParamError={isParamError}\n      size={size}\n    />,\n  );\n});\n"],"mappings":";;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AAAgD,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEhD,MAAM;EACJG,UAAU;EACVC;AACF,CAAC,GAAGC,MAAM,CAACC,aAAa,IAAI,CAAC,CAAC;AAE9B,MAAMC,4BAA4B,GAAGC,QAAQ,CAACC,gBAAgB,CAAC,8BAA8B,CAAC;AAE9FF,4BAA4B,CAACG,OAAO,CAAEC,OAAO,IAAK;EAChD,MAAMC,IAAI,GAAG,IAAAC,kBAAU,EAACF,OAAO,CAAC;EAChC,MAAMG,MAAM,GAAGH,OAAO,CAACI,YAAY,CAAC,yBAAyB,CAAC;EAC9D,MAAMC,IAAI,GAAGL,OAAO,CAACI,YAAY,CAAC,WAAW,CAAC;EAC9C,MAAM;IACJE,WAAW;IAAEC,QAAQ;IAAEC,MAAM;IAAEC;EACjC,CAAC,GAAGC,IAAI,CAACC,KAAK,CAACR,MAAgB,CAAC;EAEhC,MAAMS,YAAY,GAAG,IAAAC,oCAAkB,EAAC;IACtCN,QAAQ;IAAEC,MAAM;IAAEhB,UAAU;IAAEC,YAAY;IAAEa;EAC9C,CAAC,EAAE,CAAC;IACFQ,IAAI,EAAE,QAAQ;IACdC,UAAU,EAAGC,KAAK,IAAK,IAAAC,gCAAc,EAACD,KAAK;EAC7C,CAAC,EAAE;IACDF,IAAI,EAAE,UAAU;IAChBC,UAAU,EAAGC,KAAK,IAAKE,MAAM,CAACC,MAAM,CAACC,iBAAQ,CAAC,CAACC,QAAQ,CAACL,KAAK;EAC/D,CAAC,EAAE;IACDF,IAAI,EAAE,aAAa;IACnBC,UAAU,EAAGC,KAAK,IAAKA,KAAK,CAACM,MAAM,GAAG,CAAC,IAAIN,KAAK,CAACM,MAAM,IAAI;EAC7D,CAAC,EAAE;IACDR,IAAI,EAAE;EACR,CAAC,EAAE;IACDA,IAAI,EAAE;EACR,CAAC,CAAC,CAAC;EAEHb,IAAI,CAACsB,MAAM,CACTzC,MAAA,CAAAS,OAAA,CAAAiC,aAAA,CAACrC,iBAAA,CAAAsC,gBAAgB;IACfjC,UAAU,EAAEA,UAAW;IACvBC,YAAY,EAAEA,YAAa;IAC3Bc,QAAQ,EAAEA,QAAS;IACnBD,WAAW,EAAEA,WAAY;IACzBE,MAAM,EAAEA,MAAO;IACfkB,KAAK,EAAErB,IAAc;IACrBO,YAAY,EAAEA,YAAa;IAC3BH,IAAI,EAAEA;EAAK,CACZ,CACH,CAAC;AACH,CAAC,CAAC","ignoreList":[]}

package/dist/main/TickerTapeWidget/types.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Division", {
+  enumerable: true,
+  get: function () {
+    return _graphql.Division;
+  }
+});
+Object.defineProperty(exports, "Locale", {
+  enumerable: true,
+  get: function () {
+    return _monoI18n.Locale;
+  }
+});
+var _monoI18n = require("@oanda/mono-i18n");
+var _graphql = require("../gql/types/graphql");
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":["_monoI18n","require","_graphql"],"sources":["../../../src/TickerTapeWidget/types.tsx"],"sourcesContent":["import { Locale } from '@oanda/mono-i18n';\nimport { Theme } from '@oanda/labs-widget-common';\nimport { Division } from '../gql/types/graphql';\n\nexport { Locale } from '@oanda/mono-i18n';\nexport { Division } from '../gql/types/graphql';\n\nexport interface TickerTapeConfig {\n  graphqlUrl: string;\n  division: Division;\n  liveRatesUrl: string;\n  instruments: string[];\n  locale: Locale;\n  theme?: Theme;\n  isParamError?: boolean;\n  removePadding?: boolean;\n  size?: 'compact' | 'full' | 'fullWithChart';\n}\n\nexport interface MainProps {\n  instruments: string[];\n  division: Division;\n  size?: 'compact' | 'full' | 'fullWithChart'\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAIA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA","ignoreList":[]}

package/dist/main/TickerTapeWidget/utils.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useRecords = exports.getRecords = void 0;
+var _react = require("react");
+var _labsWidgetCommon = require("@oanda/labs-widget-common");
+const getRecords = data => data?.mapInstrumentNames?.map(item => ({
+  instrument: item?.name || '',
+  displayName: item?.displayName || ''
+}));
+exports.getRecords = getRecords;
+const useRecords = (record, target) => {
+  const [updatedRecord, setUpdatedRecord] = (0, _react.useState)({
+    displayName: record.displayName,
+    instrument: record.instrument,
+    sentiment: record.sentiment
+  });
+  const [error, setError] = (0, _react.useState)(null);
+  const {
+    update,
+    error: liveRatesError
+  } = (0, _labsWidgetCommon.useLiveRatesMessage)(record.instrument, target);
+  (0, _react.useEffect)(() => {
+    setUpdatedRecord({
+      displayName: record.displayName,
+      instrument: record.instrument,
+      buy: update?.bid,
+      buyPriceMovement: update?.bidPriceMovement,
+      dailyPercentChange: update?.dailyPercentChangeFromOpen,
+      dailyPipsChange: update?.dailyPipsChangeFromOpen,
+      displayPrecision: update?.displayPrecision
+    });
+    setError(liveRatesError);
+  }, [update, record, liveRatesError]);
+  return {
+    updatedRecord,
+    error
+  };
+};
+exports.useRecords = useRecords;
+//# sourceMappingURL=utils.js.map

package/dist/main/TickerTapeWidget/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","names":["_react","require","_labsWidgetCommon","getRecords","data","mapInstrumentNames","map","item","instrument","name","displayName","exports","useRecords","record","target","updatedRecord","setUpdatedRecord","useState","sentiment","error","setError","update","liveRatesError","useLiveRatesMessage","useEffect","buy","bid","buyPriceMovement","bidPriceMovement","dailyPercentChange","dailyPercentChangeFromOpen","dailyPipsChange","dailyPipsChangeFromOpen","displayPrecision"],"sources":["../../../src/TickerTapeWidget/utils.ts"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport { DataRecord, LiveRatesErrorMessage, useLiveRatesMessage } from '@oanda/labs-widget-common';\nimport { ValidateInstrumentsQuery } from '../gql/types/graphql';\n\nconst getRecords = (data: ValidateInstrumentsQuery) => data?.mapInstrumentNames?.map((item) => ({\n  instrument: item?.name || '',\n  displayName: item?.displayName || '',\n}));\n\nconst useRecords = (\n  record: DataRecord,\n  target: EventTarget | null,\n) => {\n  const [updatedRecord, setUpdatedRecord] = useState<DataRecord>({\n    displayName: record.displayName,\n    instrument: record.instrument,\n    sentiment: record.sentiment,\n  });\n  const [error, setError] = useState<LiveRatesErrorMessage | null>(null);\n\n  const { update, error: liveRatesError } = useLiveRatesMessage(\n    record.instrument,\n    target,\n  );\n\n  useEffect(() => {\n    setUpdatedRecord({\n      displayName: record.displayName,\n      instrument: record.instrument,\n      buy: update?.bid,\n      buyPriceMovement: update?.bidPriceMovement,\n      dailyPercentChange: update?.dailyPercentChangeFromOpen,\n      dailyPipsChange: update?.dailyPipsChangeFromOpen,\n      displayPrecision: update?.displayPrecision,\n    });\n    setError(liveRatesError);\n  }, [update, record, liveRatesError]);\n\n  return {\n    updatedRecord,\n    error,\n  };\n};\n\nexport {\n  getRecords,\n  useRecords,\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AAGA,MAAME,UAAU,GAAIC,IAA8B,IAAKA,IAAI,EAAEC,kBAAkB,EAAEC,GAAG,CAAEC,IAAI,KAAM;EAC9FC,UAAU,EAAED,IAAI,EAAEE,IAAI,IAAI,EAAE;EAC5BC,WAAW,EAAEH,IAAI,EAAEG,WAAW,IAAI;AACpC,CAAC,CAAC,CAAC;AAACC,OAAA,CAAAR,UAAA,GAAAA,UAAA;AAEJ,MAAMS,UAAU,GAAGA,CACjBC,MAAkB,EAClBC,MAA0B,KACvB;EACH,MAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAG,IAAAC,eAAQ,EAAa;IAC7DP,WAAW,EAAEG,MAAM,CAACH,WAAW;IAC/BF,UAAU,EAAEK,MAAM,CAACL,UAAU;IAC7BU,SAAS,EAAEL,MAAM,CAACK;EACpB,CAAC,CAAC;EACF,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAG,IAAAH,eAAQ,EAA+B,IAAI,CAAC;EAEtE,MAAM;IAAEI,MAAM;IAAEF,KAAK,EAAEG;EAAe,CAAC,GAAG,IAAAC,qCAAmB,EAC3DV,MAAM,CAACL,UAAU,EACjBM,MACF,CAAC;EAED,IAAAU,gBAAS,EAAC,MAAM;IACdR,gBAAgB,CAAC;MACfN,WAAW,EAAEG,MAAM,CAACH,WAAW;MAC/BF,UAAU,EAAEK,MAAM,CAACL,UAAU;MAC7BiB,GAAG,EAAEJ,MAAM,EAAEK,GAAG;MAChBC,gBAAgB,EAAEN,MAAM,EAAEO,gBAAgB;MAC1CC,kBAAkB,EAAER,MAAM,EAAES,0BAA0B;MACtDC,eAAe,EAAEV,MAAM,EAAEW,uBAAuB;MAChDC,gBAAgB,EAAEZ,MAAM,EAAEY;IAC5B,CAAC,CAAC;IACFb,QAAQ,CAACE,cAAc,CAAC;EAC1B,CAAC,EAAE,CAACD,MAAM,EAAER,MAAM,EAAES,cAAc,CAAC,CAAC;EAEpC,OAAO;IACLP,aAAa;IACbI;EACF,CAAC;AACH,CAAC;AAACR,OAAA,CAAAC,UAAA,GAAAA,UAAA","ignoreList":[]}