@oanda/labs-ticker-tape-widget 1.0.69 → 1.0.71

package/CHANGELOG.md

@@ -3,6 +3,578 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 1.0.71 (2025-08-18)
+
+
+
+## 1.0.214 (2025-08-14)
+
+
+
+## 1.0.213 (2025-08-12)
+
+
+
+## 1.0.212 (2025-08-05)
+
+
+
+## 1.0.211 (2025-08-05)
+
+
+
+## 1.0.210 (2025-07-31)
+
+
+
+## 1.0.209 (2025-07-31)
+
+
+
+## 1.0.208 (2025-07-24)
+
+
+
+## 1.0.207 (2025-07-18)
+
+
+
+## 1.0.206 (2025-07-18)
+
+
+
+## 1.0.205 (2025-07-17)
+
+
+
+## 1.0.204 (2025-07-09)
+
+
+
+## 1.0.203 (2025-06-16)
+
+
+
+## 1.0.202 (2025-06-04)
+
+
+
+## 1.0.201 (2025-06-02)
+
+
+
+## 1.0.200 (2025-05-30)
+
+
+
+## 1.0.199 (2025-05-29)
+
+
+
+## 1.0.198 (2025-05-26)
+
+
+
+## 1.0.197 (2025-05-23)
+
+
+
+## 1.0.196 (2025-05-22)
+
+
+
+## 1.0.195 (2025-05-21)
+
+
+
+## 1.0.194 (2025-05-21)
+
+
+
+## 1.0.193 (2025-05-15)
+
+
+
+## 1.0.192 (2025-05-14)
+
+
+
+## 1.0.191 (2025-04-30)
+
+
+
+## 1.0.190 (2025-04-28)
+
+
+
+## 1.0.189 (2025-04-23)
+
+
+
+## 1.0.188 (2025-04-22)
+
+
+
+## 1.0.187 (2025-04-18)
+
+
+
+## 1.0.186 (2025-04-10)
+
+
+
+## 1.0.185 (2025-04-09)
+
+
+
+## 1.0.184 (2025-04-08)
+
+
+
+## 1.0.183 (2025-04-04)
+
+
+
+## 1.0.182 (2025-03-21)
+
+
+
+## 1.0.181 (2025-03-13)
+
+
+
+## 1.0.180 (2025-01-30)
+
+
+
+## 1.0.179 (2025-01-29)
+
+
+
+## 1.0.178 (2025-01-12)
+
+
+
+## 1.0.177 (2025-01-10)
+
+
+
+## 1.0.176 (2025-01-10)
+
+
+
+## 1.0.175 (2025-01-08)
+
+
+
+## 1.0.174 (2024-12-16)
+
+
+
+## 1.0.173 (2024-12-11)
+
+
+
+## 1.0.172 (2024-11-29)
+
+
+
+## 1.0.171 (2024-11-28)
+
+
+
+## 1.0.170 (2024-11-28)
+
+
+
+## 1.0.169 (2024-11-20)
+
+
+
+## 1.0.168 (2024-11-19)
+
+
+
+## 1.0.167 (2024-10-14)
+
+
+
+## 1.0.166 (2024-10-07)
+
+
+
+## 1.0.165 (2024-10-03)
+
+
+
+## 1.0.164 (2024-09-26)
+
+
+
+## 1.0.163 (2024-09-18)
+
+
+
+## 1.0.162 (2024-09-12)
+
+
+
+## 1.0.161 (2024-09-11)
+
+
+
+## 1.0.160 (2024-09-10)
+
+
+
+## 1.0.159 (2024-09-09)
+
+
+
+## 1.0.158 (2024-09-04)
+
+
+
+## 1.0.157 (2024-09-04)
+
+
+
+## 1.0.156 (2024-09-02)
+
+
+
+## 1.0.155 (2024-08-29)
+
+
+
+## 1.0.154 (2024-08-29)
+
+
+
+## 1.0.153 (2024-08-23)
+
+
+
+## 1.0.152 (2024-08-23)
+
+
+
+## 1.0.151 (2024-08-20)
+
+
+
+## 1.0.150 (2024-08-19)
+
+
+
+## 1.0.149 (2024-08-07)
+
+
+
+## 1.0.148 (2024-08-01)
+
+
+
+## 1.0.147 (2024-08-01)
+
+
+
+## 1.0.146 (2024-07-26)
+
+
+
+## 1.0.145 (2024-07-25)
+
+**Note:** Version bump only for package @oanda/labs-ticker-tape-widget
+
+
+
+
+
+## 1.0.70 (2025-08-14)
+
+
+
+## 1.0.213 (2025-08-12)
+
+
+
+## 1.0.212 (2025-08-05)
+
+
+
+## 1.0.211 (2025-08-05)
+
+
+
+## 1.0.210 (2025-07-31)
+
+
+
+## 1.0.209 (2025-07-31)
+
+
+
+## 1.0.208 (2025-07-24)
+
+
+
+## 1.0.207 (2025-07-18)
+
+
+
+## 1.0.206 (2025-07-18)
+
+
+
+## 1.0.205 (2025-07-17)
+
+
+
+## 1.0.204 (2025-07-09)
+
+
+
+## 1.0.203 (2025-06-16)
+
+
+
+## 1.0.202 (2025-06-04)
+
+
+
+## 1.0.201 (2025-06-02)
+
+
+
+## 1.0.200 (2025-05-30)
+
+
+
+## 1.0.199 (2025-05-29)
+
+
+
+## 1.0.198 (2025-05-26)
+
+
+
+## 1.0.197 (2025-05-23)
+
+
+
+## 1.0.196 (2025-05-22)
+
+
+
+## 1.0.195 (2025-05-21)
+
+
+
+## 1.0.194 (2025-05-21)
+
+
+
+## 1.0.193 (2025-05-15)
+
+
+
+## 1.0.192 (2025-05-14)
+
+
+
+## 1.0.191 (2025-04-30)
+
+
+
+## 1.0.190 (2025-04-28)
+
+
+
+## 1.0.189 (2025-04-23)
+
+
+
+## 1.0.188 (2025-04-22)
+
+
+
+## 1.0.187 (2025-04-18)
+
+
+
+## 1.0.186 (2025-04-10)
+
+
+
+## 1.0.185 (2025-04-09)
+
+
+
+## 1.0.184 (2025-04-08)
+
+
+
+## 1.0.183 (2025-04-04)
+
+
+
+## 1.0.182 (2025-03-21)
+
+
+
+## 1.0.181 (2025-03-13)
+
+
+
+## 1.0.180 (2025-01-30)
+
+
+
+## 1.0.179 (2025-01-29)
+
+
+
+## 1.0.178 (2025-01-12)
+
+
+
+## 1.0.177 (2025-01-10)
+
+
+
+## 1.0.176 (2025-01-10)
+
+
+
+## 1.0.175 (2025-01-08)
+
+
+
+## 1.0.174 (2024-12-16)
+
+
+
+## 1.0.173 (2024-12-11)
+
+
+
+## 1.0.172 (2024-11-29)
+
+
+
+## 1.0.171 (2024-11-28)
+
+
+
+## 1.0.170 (2024-11-28)
+
+
+
+## 1.0.169 (2024-11-20)
+
+
+
+## 1.0.168 (2024-11-19)
+
+
+
+## 1.0.167 (2024-10-14)
+
+
+
+## 1.0.166 (2024-10-07)
+
+
+
+## 1.0.165 (2024-10-03)
+
+
+
+## 1.0.164 (2024-09-26)
+
+
+
+## 1.0.163 (2024-09-18)
+
+
+
+## 1.0.162 (2024-09-12)
+
+
+
+## 1.0.161 (2024-09-11)
+
+
+
+## 1.0.160 (2024-09-10)
+
+
+
+## 1.0.159 (2024-09-09)
+
+
+
+## 1.0.158 (2024-09-04)
+
+
+
+## 1.0.157 (2024-09-04)
+
+
+
+## 1.0.156 (2024-09-02)
+
+
+
+## 1.0.155 (2024-08-29)
+
+
+
+## 1.0.154 (2024-08-29)
+
+
+
+## 1.0.153 (2024-08-23)
+
+
+
+## 1.0.152 (2024-08-23)
+
+
+
+## 1.0.151 (2024-08-20)
+
+
+
+## 1.0.150 (2024-08-19)
+
+
+
+## 1.0.149 (2024-08-07)
+
+
+
+## 1.0.148 (2024-08-01)
+
+
+
+## 1.0.147 (2024-08-01)
+
+
+
+## 1.0.146 (2024-07-26)
+
+
+
+## 1.0.145 (2024-07-25)
+
+**Note:** Version bump only for package @oanda/labs-ticker-tape-widget
+
+
+
+
+
 ## 1.0.69 (2025-08-12)
 
 

package/dist/main/TickerTapeWidget/Main.js

@@ -18,7 +18,8 @@ const Main = _ref => {
     size: widgetSize = 'fullWithChart',
     motion = 'linear',
     removeTopBorder,
-    slim
+    slim,
+    instrumentsWithLink
   } = _ref;
   const {
     target,
@@ -43,19 +44,37 @@ const Main = _ref => {
   }, _react.default.createElement(_MarqueeWrapper.MarqueeWrapper, {
     isStatic: motion === 'none',
     shouldPlay: records.length > 0
-  }, records.map(record => _react.default.createElement("div", {
-    key: record.instrument,
-    className: (0, _labsWidgetCommon.cn)('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-border-t-0': removeTopBorder,
-      'lw-w-fit last:lw-border-r': motion === 'none'
-    })
-  }, _react.default.createElement(_InstrumentRateWithData.InstrumentRateWithData, {
-    division: division,
-    record: record,
-    size: widgetSize,
-    slim: slim,
-    target: target
-  })))), _react.default.createElement(_labsWidgetCommon.Tooltip, {
+  }, records.map(record => {
+    const link = instrumentsWithLink.find(instrumentWithLink => instrumentWithLink.instrument === record.instrument)?.link;
+    return link ? _react.default.createElement("a", {
+      key: record.instrument,
+      className: (0, _labsWidgetCommon.cn)('lw-flex lw-h-full 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-border-t-0': removeTopBorder,
+        'lw-w-fit last:lw-border-r': motion === 'none'
+      }),
+      href: link,
+      rel: "noopener noreferrer",
+      target: "_blank"
+    }, _react.default.createElement(_InstrumentRateWithData.InstrumentRateWithData, {
+      division: division,
+      record: record,
+      size: widgetSize,
+      slim: slim,
+      target: target
+    })) : _react.default.createElement("div", {
+      key: record.instrument,
+      className: (0, _labsWidgetCommon.cn)('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-border-t-0': removeTopBorder,
+        'lw-w-fit last:lw-border-r': motion === 'none'
+      })
+    }, _react.default.createElement(_InstrumentRateWithData.InstrumentRateWithData, {
+      division: division,
+      record: record,
+      size: widgetSize,
+      slim: slim,
+      target: target
+    }));
+  })), _react.default.createElement(_labsWidgetCommon.Tooltip, {
     id: _constant.INSTRUMENT_TOOLTIP_ID
   }));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Main.js","names":["_labsWidgetCommon","require","_react","_interopRequireWildcard","_InstrumentRateWithData","_MarqueeWrapper","_constant","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Main","_ref","records","division","size","widgetSize","motion","removeTopBorder","slim","target","setQuery","useLiveRatesQuery","instrumentsNames","map","_ref2","instrument","instrumentName","useEffect","instruments","createElement","className","MarqueeWrapper","isStatic","shouldPlay","length","record","key","cn","InstrumentRateWithData","Tooltip","id","INSTRUMENT_TOOLTIP_ID","exports"],"sources":["../../../src/TickerTapeWidget/Main.tsx"],"sourcesContent":["import { cn, Tooltip, useLiveRatesQuery } from '@oanda/labs-widget-common';\nimport React, { useEffect } from 'react';\n\nimport { InstrumentRateWithData } from './components/InstrumentRateWithData';\nimport { MarqueeWrapper } from './components/MarqueeWrapper';\nimport { INSTRUMENT_TOOLTIP_ID } from './constant';\nimport type { MainProps } from './types';\n\nconst Main = ({\n  records,\n  division,\n  size: widgetSize = 'fullWithChart',\n  motion = 'linear',\n  removeTopBorder,\n  slim,\n}: MainProps) => {\n  const { target, setQuery } = useLiveRatesQuery();\n\n  const instrumentsNames = records.map(\n    ({ instrument: instrumentName }) => instrumentName\n  );\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  return (\n    <div\n      className=\"lw-z-10 lw-flex lw-max-w-[100vw]\"\n      data-testid=\"ticker-tape-wrapper\"\n    >\n      <MarqueeWrapper\n        isStatic={motion === 'none'}\n        shouldPlay={records.length > 0}\n      >\n        {records.map((record) => (\n          <div\n            key={record.instrument}\n            className={cn(\n              '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              {\n                'lw-border-t-0': removeTopBorder,\n                'lw-w-fit last:lw-border-r': motion === 'none',\n              }\n            )}\n          >\n            <InstrumentRateWithData\n              division={division}\n              record={record}\n              size={widgetSize}\n              slim={slim}\n              target={target}\n            />\n          </div>\n        ))}\n      </MarqueeWrapper>\n      <Tooltip id={INSTRUMENT_TOOLTIP_ID} />\n    </div>\n  );\n};\n\nexport { Main };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Main.js","names":["_labsWidgetCommon","require","_react","_interopRequireWildcard","_InstrumentRateWithData","_MarqueeWrapper","_constant","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Main","_ref","records","division","size","widgetSize","motion","removeTopBorder","slim","instrumentsWithLink","target","setQuery","useLiveRatesQuery","instrumentsNames","map","_ref2","instrument","instrumentName","useEffect","instruments","createElement","className","MarqueeWrapper","isStatic","shouldPlay","length","record","link","find","instrumentWithLink","key","cn","href","rel","InstrumentRateWithData","Tooltip","id","INSTRUMENT_TOOLTIP_ID","exports"],"sources":["../../../src/TickerTapeWidget/Main.tsx"],"sourcesContent":["import { cn, Tooltip, useLiveRatesQuery } from '@oanda/labs-widget-common';\nimport React, { useEffect } from 'react';\n\nimport { InstrumentRateWithData } from './components/InstrumentRateWithData';\nimport { MarqueeWrapper } from './components/MarqueeWrapper';\nimport { INSTRUMENT_TOOLTIP_ID } from './constant';\nimport type { MainProps } from './types';\n\nconst Main = ({\n  records,\n  division,\n  size: widgetSize = 'fullWithChart',\n  motion = 'linear',\n  removeTopBorder,\n  slim,\n  instrumentsWithLink,\n}: MainProps) => {\n  const { target, setQuery } = useLiveRatesQuery();\n\n  const instrumentsNames = records.map(\n    ({ instrument: instrumentName }) => instrumentName\n  );\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  return (\n    <div\n      className=\"lw-z-10 lw-flex lw-max-w-[100vw]\"\n      data-testid=\"ticker-tape-wrapper\"\n    >\n      <MarqueeWrapper\n        isStatic={motion === 'none'}\n        shouldPlay={records.length > 0}\n      >\n        {records.map((record) => {\n          const link = instrumentsWithLink.find(\n            (instrumentWithLink) =>\n              instrumentWithLink.instrument === record.instrument\n          )?.link;\n          return link ? (\n            <a\n              key={record.instrument}\n              className={cn(\n                'lw-flex lw-h-full 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                {\n                  'lw-border-t-0': removeTopBorder,\n                  'lw-w-fit last:lw-border-r': motion === 'none',\n                }\n              )}\n              href={link}\n              rel=\"noopener noreferrer\"\n              target=\"_blank\"\n            >\n              <InstrumentRateWithData\n                division={division}\n                record={record}\n                size={widgetSize}\n                slim={slim}\n                target={target}\n              />\n            </a>\n          ) : (\n            <div\n              key={record.instrument}\n              className={cn(\n                '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                {\n                  'lw-border-t-0': removeTopBorder,\n                  'lw-w-fit last:lw-border-r': motion === 'none',\n                }\n              )}\n            >\n              <InstrumentRateWithData\n                division={division}\n                record={record}\n                size={widgetSize}\n                slim={slim}\n                target={target}\n              />\n            </div>\n          );\n        })}\n      </MarqueeWrapper>\n      <Tooltip id={INSTRUMENT_TOOLTIP_ID} />\n    </div>\n  );\n};\n\nexport { Main };\n"],"mappings":"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","ignoreList":[]}

package/dist/main/TickerTapeWidget/ValidationWrapper.js

@@ -21,6 +21,8 @@ const ValidationWrapper = _ref => {
     removeTopBorder,
     slim
   } = _ref;
+  const instrumentsWithoutLink = instruments.map(instrument => typeof instrument === 'string' ? instrument : instrument.instrument);
+  const instrumentsWithLink = instruments.filter(instrument => typeof instrument === 'object');
   const {
     size
   } = (0, _labsWidgetCommon.useLayoutProvider)();
@@ -29,7 +31,7 @@ const ValidationWrapper = _ref => {
     error
   } = (0, _client.useSuspenseQuery)(_validateInstruments.validateInstruments, {
     variables: {
-      instruments,
+      instruments: instrumentsWithoutLink,
       division
     },
     fetchPolicy: 'network-only',
@@ -38,6 +40,7 @@ const ValidationWrapper = _ref => {
   const showError = !!error || isParamError;
   return _react.default.createElement(_react.default.Fragment, null, !showError && size && _react.default.createElement(_Main.Main, {
     division: division,
+    instrumentsWithLink: instrumentsWithLink,
     motion: motion,
     records: (0, _utils.getRecords)(data),
     removeTopBorder: removeTopBorder,

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

@@ -1 +1 @@
-{"version":3,"file":"ValidationWrapper.js","names":["_client","require","_labsWidgetCommon","_react","_interopRequireDefault","_validateInstruments","_Main","_utils","e","__esModule","default","ValidationWrapper","_ref","instruments","division","size","widgetSize","motion","isParamError","removeTopBorder","slim","useLayoutProvider","data","error","useSuspenseQuery","validateInstruments","variables","fetchPolicy","errorPolicy","showError","createElement","Fragment","Main","records","getRecords","className","cn","Error","exports"],"sources":["../../../src/TickerTapeWidget/ValidationWrapper.tsx"],"sourcesContent":["import { useSuspenseQuery } from '@apollo/client';\nimport { cn, Error, useLayoutProvider } from '@oanda/labs-widget-common';\nimport React from 'react';\n\nimport type {\n  ValidateInstrumentsQuery,\n  ValidateInstrumentsQueryVariables,\n} from '../gql/types/graphql';\nimport { validateInstruments } from '../gql/validateInstruments';\nimport { Main } from './Main';\nimport type { ValidationWrapperProps } from './types';\nimport { getRecords } from './utils';\n\nconst ValidationWrapper = ({\n  instruments,\n  division,\n  size: widgetSize,\n  motion,\n  isParamError,\n  removeTopBorder,\n  slim,\n}: ValidationWrapperProps) => {\n  const { size } = useLayoutProvider();\n  const { data, error } = useSuspenseQuery<\n    ValidateInstrumentsQuery,\n    ValidateInstrumentsQueryVariables\n  >(validateInstruments, {\n    variables: {\n      instruments,\n      division,\n    },\n    fetchPolicy: 'network-only',\n    errorPolicy: 'all',\n  });\n\n  const showError = !!error || isParamError;\n\n  return (\n    <>\n      {!showError && size && (\n        <Main\n          division={division}\n          motion={motion}\n          records={getRecords(data!)!}\n          removeTopBorder={removeTopBorder}\n          size={widgetSize}\n          slim={slim}\n        />\n      )}\n      {showError && (\n        <div\n          className={cn(\n            'flex border border-solid border-border-primary px-4 text-sm tracking-normal text-text-primary'\n          )}\n        >\n          <Error />\n        </div>\n      )}\n    </>\n  );\n};\n\nexport { ValidationWrapper };\n"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AAMA,IAAAI,oBAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AAEA,IAAAM,MAAA,GAAAN,OAAA;AAAqC,SAAAG,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAErC,MAAMG,iBAAiB,GAAGC,IAAA,IAQI;EAAA,IARH;IACzBC,WAAW;IACXC,QAAQ;IACRC,IAAI,EAAEC,UAAU;IAChBC,MAAM;IACNC,YAAY;IACZC,eAAe;IACfC;EACsB,CAAC,GAAAR,IAAA;EACvB,MAAM;IAAEG;EAAK,CAAC,GAAG,IAAAM,mCAAiB,EAAC,CAAC;EACpC,MAAM;IAAEC,IAAI;IAAEC;EAAM,CAAC,GAAG,IAAAC,wBAAgB,EAGtCC,wCAAmB,EAAE;IACrBC,SAAS,EAAE;MACTb,WAAW;MACXC;IACF,CAAC;IACDa,WAAW,EAAE,cAAc;IAC3BC,WAAW,EAAE;EACf,CAAC,CAAC;EAEF,MAAMC,SAAS,GAAG,CAAC,CAACN,KAAK,IAAIL,YAAY;EAEzC,OACEf,MAAA,CAAAO,OAAA,CAAAoB,aAAA,CAAA3B,MAAA,CAAAO,OAAA,CAAAqB,QAAA,QACG,CAACF,SAAS,IAAId,IAAI,IACjBZ,MAAA,CAAAO,OAAA,CAAAoB,aAAA,CAACxB,KAAA,CAAA0B,IAAI;IACHlB,QAAQ,EAAEA,QAAS;IACnBG,MAAM,EAAEA,MAAO;IACfgB,OAAO,EAAE,IAAAC,iBAAU,EAACZ,IAAK,CAAG;IAC5BH,eAAe,EAAEA,eAAgB;IACjCJ,IAAI,EAAEC,UAAW;IACjBI,IAAI,EAAEA;EAAK,CACZ,CACF,EACAS,SAAS,IACR1B,MAAA,CAAAO,OAAA,CAAAoB,aAAA;IACEK,SAAS,EAAE,IAAAC,oBAAE,EACX,+FACF;EAAE,GAEFjC,MAAA,CAAAO,OAAA,CAAAoB,aAAA,CAAC5B,iBAAA,CAAAmC,KAAK,MAAE,CACL,CAEP,CAAC;AAEP,CAAC;AAACC,OAAA,CAAA3B,iBAAA,GAAAA,iBAAA","ignoreList":[]}
+{"version":3,"file":"ValidationWrapper.js","names":["_client","require","_labsWidgetCommon","_react","_interopRequireDefault","_validateInstruments","_Main","_utils","e","__esModule","default","ValidationWrapper","_ref","instruments","division","size","widgetSize","motion","isParamError","removeTopBorder","slim","instrumentsWithoutLink","map","instrument","instrumentsWithLink","filter","useLayoutProvider","data","error","useSuspenseQuery","validateInstruments","variables","fetchPolicy","errorPolicy","showError","createElement","Fragment","Main","records","getRecords","className","cn","Error","exports"],"sources":["../../../src/TickerTapeWidget/ValidationWrapper.tsx"],"sourcesContent":["import { useSuspenseQuery } from '@apollo/client';\nimport { cn, Error, useLayoutProvider } from '@oanda/labs-widget-common';\nimport React from 'react';\n\nimport type {\n  ValidateInstrumentsQuery,\n  ValidateInstrumentsQueryVariables,\n} from '../gql/types/graphql';\nimport { validateInstruments } from '../gql/validateInstruments';\nimport { Main } from './Main';\nimport type { ValidationWrapperProps } from './types';\nimport { getRecords } from './utils';\n\nconst ValidationWrapper = ({\n  instruments,\n  division,\n  size: widgetSize,\n  motion,\n  isParamError,\n  removeTopBorder,\n  slim,\n}: ValidationWrapperProps) => {\n  const instrumentsWithoutLink = instruments.map((instrument) =>\n    typeof instrument === 'string' ? instrument : instrument.instrument\n  );\n  const instrumentsWithLink = instruments.filter(\n    (instrument) => typeof instrument === 'object'\n  );\n\n  const { size } = useLayoutProvider();\n  const { data, error } = useSuspenseQuery<\n    ValidateInstrumentsQuery,\n    ValidateInstrumentsQueryVariables\n  >(validateInstruments, {\n    variables: {\n      instruments: instrumentsWithoutLink,\n      division,\n    },\n    fetchPolicy: 'network-only',\n    errorPolicy: 'all',\n  });\n\n  const showError = !!error || isParamError;\n\n  return (\n    <>\n      {!showError && size && (\n        <Main\n          division={division}\n          instrumentsWithLink={instrumentsWithLink}\n          motion={motion}\n          records={getRecords(data!)!}\n          removeTopBorder={removeTopBorder}\n          size={widgetSize}\n          slim={slim}\n        />\n      )}\n      {showError && (\n        <div\n          className={cn(\n            'flex border border-solid border-border-primary px-4 text-sm tracking-normal text-text-primary'\n          )}\n        >\n          <Error />\n        </div>\n      )}\n    </>\n  );\n};\n\nexport { ValidationWrapper };\n"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AAMA,IAAAI,oBAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AAEA,IAAAM,MAAA,GAAAN,OAAA;AAAqC,SAAAG,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAErC,MAAMG,iBAAiB,GAAGC,IAAA,IAQI;EAAA,IARH;IACzBC,WAAW;IACXC,QAAQ;IACRC,IAAI,EAAEC,UAAU;IAChBC,MAAM;IACNC,YAAY;IACZC,eAAe;IACfC;EACsB,CAAC,GAAAR,IAAA;EACvB,MAAMS,sBAAsB,GAAGR,WAAW,CAACS,GAAG,CAAEC,UAAU,IACxD,OAAOA,UAAU,KAAK,QAAQ,GAAGA,UAAU,GAAGA,UAAU,CAACA,UAC3D,CAAC;EACD,MAAMC,mBAAmB,GAAGX,WAAW,CAACY,MAAM,CAC3CF,UAAU,IAAK,OAAOA,UAAU,KAAK,QACxC,CAAC;EAED,MAAM;IAAER;EAAK,CAAC,GAAG,IAAAW,mCAAiB,EAAC,CAAC;EACpC,MAAM;IAAEC,IAAI;IAAEC;EAAM,CAAC,GAAG,IAAAC,wBAAgB,EAGtCC,wCAAmB,EAAE;IACrBC,SAAS,EAAE;MACTlB,WAAW,EAAEQ,sBAAsB;MACnCP;IACF,CAAC;IACDkB,WAAW,EAAE,cAAc;IAC3BC,WAAW,EAAE;EACf,CAAC,CAAC;EAEF,MAAMC,SAAS,GAAG,CAAC,CAACN,KAAK,IAAIV,YAAY;EAEzC,OACEf,MAAA,CAAAO,OAAA,CAAAyB,aAAA,CAAAhC,MAAA,CAAAO,OAAA,CAAA0B,QAAA,QACG,CAACF,SAAS,IAAInB,IAAI,IACjBZ,MAAA,CAAAO,OAAA,CAAAyB,aAAA,CAAC7B,KAAA,CAAA+B,IAAI;IACHvB,QAAQ,EAAEA,QAAS;IACnBU,mBAAmB,EAAEA,mBAAoB;IACzCP,MAAM,EAAEA,MAAO;IACfqB,OAAO,EAAE,IAAAC,iBAAU,EAACZ,IAAK,CAAG;IAC5BR,eAAe,EAAEA,eAAgB;IACjCJ,IAAI,EAAEC,UAAW;IACjBI,IAAI,EAAEA;EAAK,CACZ,CACF,EACAc,SAAS,IACR/B,MAAA,CAAAO,OAAA,CAAAyB,aAAA;IACEK,SAAS,EAAE,IAAAC,oBAAE,EACX,+FACF;EAAE,GAEFtC,MAAA,CAAAO,OAAA,CAAAyB,aAAA,CAACjC,iBAAA,CAAAwC,KAAK,MAAE,CACL,CAEP,CAAC;AAEP,CAAC;AAACC,OAAA,CAAAhC,iBAAA,GAAAA,iBAAA","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["_graphql","require","_monoI18n"],"sources":["../../../src/TickerTapeWidget/types.ts"],"sourcesContent":["import type {\n  DataRecord,\n  WidgetConfig,\n  WidgetSize,\n} from '@oanda/labs-widget-common';\n\nimport type { Division } from '../gql/types/graphql';\n\nexport { Division } from '../gql/types/graphql';\nexport { Locale } from '@oanda/mono-i18n';\n\nexport interface TickerTapeConfig extends WidgetConfig {\n  division: Division;\n  liveRatesUrl: string;\n  instruments: string[];\n  removePadding?: boolean;\n  size?: WidgetSize;\n  motion?: Motion;\n  removeTopBorder?: boolean;\n  slim?: boolean;\n}\n\nexport interface ValidationWrapperProps {\n  instruments: string[];\n  division: Division;\n  size?: WidgetSize;\n  motion?: Motion;\n  isParamError?: boolean;\n  removeTopBorder?: boolean;\n  slim?: boolean;\n}\n\nexport interface MainProps {\n  records: DataRecord[];\n  division: Division;\n  size?: WidgetSize;\n  removeTopBorder?: boolean;\n  motion?: Motion;\n  slim?: boolean;\n}\n\ntype Motion = 'linear' | 'none';\n"],"mappings":";;;;;;;;;;;;;;;;;AAQA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA","ignoreList":[]}
+{"version":3,"file":"types.js","names":["_graphql","require","_monoI18n"],"sources":["../../../src/TickerTapeWidget/types.ts"],"sourcesContent":["import type {\n  DataRecord,\n  WidgetConfig,\n  WidgetSize,\n} from '@oanda/labs-widget-common';\n\nimport type { Division } from '../gql/types/graphql';\n\nexport { Division } from '../gql/types/graphql';\nexport { Locale } from '@oanda/mono-i18n';\n\ninterface InstrumentsLink {\n  instrument: string;\n  link?: string;\n}\n\nexport interface TickerTapeConfig extends WidgetConfig {\n  division: Division;\n  liveRatesUrl: string;\n  instruments: (InstrumentsLink | string)[];\n  removePadding?: boolean;\n  size?: WidgetSize;\n  motion?: Motion;\n  removeTopBorder?: boolean;\n  slim?: boolean;\n}\n\nexport interface ValidationWrapperProps {\n  instruments: (InstrumentsLink | string)[];\n  division: Division;\n  size?: WidgetSize;\n  motion?: Motion;\n  isParamError?: boolean;\n  removeTopBorder?: boolean;\n  slim?: boolean;\n}\n\nexport interface MainProps {\n  instrumentsWithLink: InstrumentsLink[];\n  records: DataRecord[];\n  division: Division;\n  size?: WidgetSize;\n  removeTopBorder?: boolean;\n  motion?: Motion;\n  slim?: boolean;\n}\n\ntype Motion = 'linear' | 'none';\n"],"mappings":";;;;;;;;;;;;;;;;;AAQA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA","ignoreList":[]}

package/dist/module/TickerTapeWidget/Main.js

@@ -10,7 +10,8 @@ const Main = _ref => {
     size: widgetSize = 'fullWithChart',
     motion = 'linear',
     removeTopBorder,
-    slim
+    slim,
+    instrumentsWithLink
   } = _ref;
   const {
     target,
@@ -35,19 +36,37 @@ const Main = _ref => {
   }, React.createElement(MarqueeWrapper, {
     isStatic: motion === 'none',
     shouldPlay: records.length > 0
-  }, records.map(record => React.createElement("div", {
-    key: record.instrument,
-    className: cn('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-border-t-0': removeTopBorder,
-      'lw-w-fit last:lw-border-r': motion === 'none'
-    })
-  }, React.createElement(InstrumentRateWithData, {
-    division: division,
-    record: record,
-    size: widgetSize,
-    slim: slim,
-    target: target
-  })))), React.createElement(Tooltip, {
+  }, records.map(record => {
+    const link = instrumentsWithLink.find(instrumentWithLink => instrumentWithLink.instrument === record.instrument)?.link;
+    return link ? React.createElement("a", {
+      key: record.instrument,
+      className: cn('lw-flex lw-h-full 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-border-t-0': removeTopBorder,
+        'lw-w-fit last:lw-border-r': motion === 'none'
+      }),
+      href: link,
+      rel: "noopener noreferrer",
+      target: "_blank"
+    }, React.createElement(InstrumentRateWithData, {
+      division: division,
+      record: record,
+      size: widgetSize,
+      slim: slim,
+      target: target
+    })) : React.createElement("div", {
+      key: record.instrument,
+      className: cn('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-border-t-0': removeTopBorder,
+        'lw-w-fit last:lw-border-r': motion === 'none'
+      })
+    }, React.createElement(InstrumentRateWithData, {
+      division: division,
+      record: record,
+      size: widgetSize,
+      slim: slim,
+      target: target
+    }));
+  })), React.createElement(Tooltip, {
     id: INSTRUMENT_TOOLTIP_ID
   }));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Main.js","names":["cn","Tooltip","useLiveRatesQuery","React","useEffect","InstrumentRateWithData","MarqueeWrapper","INSTRUMENT_TOOLTIP_ID","Main","_ref","records","division","size","widgetSize","motion","removeTopBorder","slim","target","setQuery","instrumentsNames","map","_ref2","instrument","instrumentName","instruments","createElement","className","isStatic","shouldPlay","length","record","key","id"],"sources":["../../../src/TickerTapeWidget/Main.tsx"],"sourcesContent":["import { cn, Tooltip, useLiveRatesQuery } from '@oanda/labs-widget-common';\nimport React, { useEffect } from 'react';\n\nimport { InstrumentRateWithData } from './components/InstrumentRateWithData';\nimport { MarqueeWrapper } from './components/MarqueeWrapper';\nimport { INSTRUMENT_TOOLTIP_ID } from './constant';\nimport type { MainProps } from './types';\n\nconst Main = ({\n  records,\n  division,\n  size: widgetSize = 'fullWithChart',\n  motion = 'linear',\n  removeTopBorder,\n  slim,\n}: MainProps) => {\n  const { target, setQuery } = useLiveRatesQuery();\n\n  const instrumentsNames = records.map(\n    ({ instrument: instrumentName }) => instrumentName\n  );\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  return (\n    <div\n      className=\"lw-z-10 lw-flex lw-max-w-[100vw]\"\n      data-testid=\"ticker-tape-wrapper\"\n    >\n      <MarqueeWrapper\n        isStatic={motion === 'none'}\n        shouldPlay={records.length > 0}\n      >\n        {records.map((record) => (\n          <div\n            key={record.instrument}\n            className={cn(\n              '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              {\n                'lw-border-t-0': removeTopBorder,\n                'lw-w-fit last:lw-border-r': motion === 'none',\n              }\n            )}\n          >\n            <InstrumentRateWithData\n              division={division}\n              record={record}\n              size={widgetSize}\n              slim={slim}\n              target={target}\n            />\n          </div>\n        ))}\n      </MarqueeWrapper>\n      <Tooltip id={INSTRUMENT_TOOLTIP_ID} />\n    </div>\n  );\n};\n\nexport { Main };\n"],"mappings":"AAAA,SAASA,EAAE,EAAEC,OAAO,EAAEC,iBAAiB,QAAQ,2BAA2B;AAC1E,OAAOC,KAAK,IAAIC,SAAS,QAAQ,OAAO;AAExC,SAASC,sBAAsB,QAAQ,qCAAqC;AAC5E,SAASC,cAAc,QAAQ,6BAA6B;AAC5D,SAASC,qBAAqB,QAAQ,YAAY;AAGlD,MAAMC,IAAI,GAAGC,IAAA,IAOI;EAAA,IAPH;IACZC,OAAO;IACPC,QAAQ;IACRC,IAAI,EAAEC,UAAU,GAAG,eAAe;IAClCC,MAAM,GAAG,QAAQ;IACjBC,eAAe;IACfC;EACS,CAAC,GAAAP,IAAA;EACV,MAAM;IAAEQ,MAAM;IAAEC;EAAS,CAAC,GAAGhB,iBAAiB,CAAC,CAAC;EAEhD,MAAMiB,gBAAgB,GAAGT,OAAO,CAACU,GAAG,CAClCC,KAAA;IAAA,IAAC;MAAEC,UAAU,EAAEC;IAAe,CAAC,GAAAF,KAAA;IAAA,OAAKE,cAAc;EAAA,CACpD,CAAC;EAEDnB,SAAS,CAAC,MAAM;IACd,IAAIe,gBAAgB,CAAC,CAAC,CAAC,EAAE;MACvBD,QAAQ,CAAC;QAAEM,WAAW,EAAEL;MAAiB,CAAC,CAAC;IAC7C;EAEF,CAAC,EAAE,CAACT,OAAO,CAAC,CAAC;EAEb,OACEP,KAAA,CAAAsB,aAAA;IACEC,SAAS,EAAC,kCAAkC;IAC5C,eAAY;EAAqB,GAEjCvB,KAAA,CAAAsB,aAAA,CAACnB,cAAc;IACbqB,QAAQ,EAAEb,MAAM,KAAK,MAAO;IAC5Bc,UAAU,EAAElB,OAAO,CAACmB,MAAM,GAAG;EAAE,GAE9BnB,OAAO,CAACU,GAAG,CAAEU,MAAM,IAClB3B,KAAA,CAAAsB,aAAA;IACEM,GAAG,EAAED,MAAM,CAACR,UAAW;IACvBI,SAAS,EAAE1B,EAAE,CACX,qIAAqI,EACrI;MACE,eAAe,EAAEe,eAAe;MAChC,2BAA2B,EAAED,MAAM,KAAK;IAC1C,CACF;EAAE,GAEFX,KAAA,CAAAsB,aAAA,CAACpB,sBAAsB;IACrBM,QAAQ,EAAEA,QAAS;IACnBmB,MAAM,EAAEA,MAAO;IACflB,IAAI,EAAEC,UAAW;IACjBG,IAAI,EAAEA,IAAK;IACXC,MAAM,EAAEA;EAAO,CAChB,CACE,CACN,CACa,CAAC,EACjBd,KAAA,CAAAsB,aAAA,CAACxB,OAAO;IAAC+B,EAAE,EAAEzB;EAAsB,CAAE,CAClC,CAAC;AAEV,CAAC;AAED,SAASC,IAAI","ignoreList":[]}
+{"version":3,"file":"Main.js","names":["cn","Tooltip","useLiveRatesQuery","React","useEffect","InstrumentRateWithData","MarqueeWrapper","INSTRUMENT_TOOLTIP_ID","Main","_ref","records","division","size","widgetSize","motion","removeTopBorder","slim","instrumentsWithLink","target","setQuery","instrumentsNames","map","_ref2","instrument","instrumentName","instruments","createElement","className","isStatic","shouldPlay","length","record","link","find","instrumentWithLink","key","href","rel","id"],"sources":["../../../src/TickerTapeWidget/Main.tsx"],"sourcesContent":["import { cn, Tooltip, useLiveRatesQuery } from '@oanda/labs-widget-common';\nimport React, { useEffect } from 'react';\n\nimport { InstrumentRateWithData } from './components/InstrumentRateWithData';\nimport { MarqueeWrapper } from './components/MarqueeWrapper';\nimport { INSTRUMENT_TOOLTIP_ID } from './constant';\nimport type { MainProps } from './types';\n\nconst Main = ({\n  records,\n  division,\n  size: widgetSize = 'fullWithChart',\n  motion = 'linear',\n  removeTopBorder,\n  slim,\n  instrumentsWithLink,\n}: MainProps) => {\n  const { target, setQuery } = useLiveRatesQuery();\n\n  const instrumentsNames = records.map(\n    ({ instrument: instrumentName }) => instrumentName\n  );\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  return (\n    <div\n      className=\"lw-z-10 lw-flex lw-max-w-[100vw]\"\n      data-testid=\"ticker-tape-wrapper\"\n    >\n      <MarqueeWrapper\n        isStatic={motion === 'none'}\n        shouldPlay={records.length > 0}\n      >\n        {records.map((record) => {\n          const link = instrumentsWithLink.find(\n            (instrumentWithLink) =>\n              instrumentWithLink.instrument === record.instrument\n          )?.link;\n          return link ? (\n            <a\n              key={record.instrument}\n              className={cn(\n                'lw-flex lw-h-full 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                {\n                  'lw-border-t-0': removeTopBorder,\n                  'lw-w-fit last:lw-border-r': motion === 'none',\n                }\n              )}\n              href={link}\n              rel=\"noopener noreferrer\"\n              target=\"_blank\"\n            >\n              <InstrumentRateWithData\n                division={division}\n                record={record}\n                size={widgetSize}\n                slim={slim}\n                target={target}\n              />\n            </a>\n          ) : (\n            <div\n              key={record.instrument}\n              className={cn(\n                '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                {\n                  'lw-border-t-0': removeTopBorder,\n                  'lw-w-fit last:lw-border-r': motion === 'none',\n                }\n              )}\n            >\n              <InstrumentRateWithData\n                division={division}\n                record={record}\n                size={widgetSize}\n                slim={slim}\n                target={target}\n              />\n            </div>\n          );\n        })}\n      </MarqueeWrapper>\n      <Tooltip id={INSTRUMENT_TOOLTIP_ID} />\n    </div>\n  );\n};\n\nexport { Main };\n"],"mappings":"AAAA,SAASA,EAAE,EAAEC,OAAO,EAAEC,iBAAiB,QAAQ,2BAA2B;AAC1E,OAAOC,KAAK,IAAIC,SAAS,QAAQ,OAAO;AAExC,SAASC,sBAAsB,QAAQ,qCAAqC;AAC5E,SAASC,cAAc,QAAQ,6BAA6B;AAC5D,SAASC,qBAAqB,QAAQ,YAAY;AAGlD,MAAMC,IAAI,GAAGC,IAAA,IAQI;EAAA,IARH;IACZC,OAAO;IACPC,QAAQ;IACRC,IAAI,EAAEC,UAAU,GAAG,eAAe;IAClCC,MAAM,GAAG,QAAQ;IACjBC,eAAe;IACfC,IAAI;IACJC;EACS,CAAC,GAAAR,IAAA;EACV,MAAM;IAAES,MAAM;IAAEC;EAAS,CAAC,GAAGjB,iBAAiB,CAAC,CAAC;EAEhD,MAAMkB,gBAAgB,GAAGV,OAAO,CAACW,GAAG,CAClCC,KAAA;IAAA,IAAC;MAAEC,UAAU,EAAEC;IAAe,CAAC,GAAAF,KAAA;IAAA,OAAKE,cAAc;EAAA,CACpD,CAAC;EAEDpB,SAAS,CAAC,MAAM;IACd,IAAIgB,gBAAgB,CAAC,CAAC,CAAC,EAAE;MACvBD,QAAQ,CAAC;QAAEM,WAAW,EAAEL;MAAiB,CAAC,CAAC;IAC7C;EAEF,CAAC,EAAE,CAACV,OAAO,CAAC,CAAC;EAEb,OACEP,KAAA,CAAAuB,aAAA;IACEC,SAAS,EAAC,kCAAkC;IAC5C,eAAY;EAAqB,GAEjCxB,KAAA,CAAAuB,aAAA,CAACpB,cAAc;IACbsB,QAAQ,EAAEd,MAAM,KAAK,MAAO;IAC5Be,UAAU,EAAEnB,OAAO,CAACoB,MAAM,GAAG;EAAE,GAE9BpB,OAAO,CAACW,GAAG,CAAEU,MAAM,IAAK;IACvB,MAAMC,IAAI,GAAGf,mBAAmB,CAACgB,IAAI,CAClCC,kBAAkB,IACjBA,kBAAkB,CAACX,UAAU,KAAKQ,MAAM,CAACR,UAC7C,CAAC,EAAES,IAAI;IACP,OAAOA,IAAI,GACT7B,KAAA,CAAAuB,aAAA;MACES,GAAG,EAAEJ,MAAM,CAACR,UAAW;MACvBI,SAAS,EAAE3B,EAAE,CACX,+IAA+I,EAC/I;QACE,eAAe,EAAEe,eAAe;QAChC,2BAA2B,EAAED,MAAM,KAAK;MAC1C,CACF,CAAE;MACFsB,IAAI,EAAEJ,IAAK;MACXK,GAAG,EAAC,qBAAqB;MACzBnB,MAAM,EAAC;IAAQ,GAEff,KAAA,CAAAuB,aAAA,CAACrB,sBAAsB;MACrBM,QAAQ,EAAEA,QAAS;MACnBoB,MAAM,EAAEA,MAAO;MACfnB,IAAI,EAAEC,UAAW;MACjBG,IAAI,EAAEA,IAAK;MACXE,MAAM,EAAEA;IAAO,CAChB,CACA,CAAC,GAEJf,KAAA,CAAAuB,aAAA;MACES,GAAG,EAAEJ,MAAM,CAACR,UAAW;MACvBI,SAAS,EAAE3B,EAAE,CACX,qIAAqI,EACrI;QACE,eAAe,EAAEe,eAAe;QAChC,2BAA2B,EAAED,MAAM,KAAK;MAC1C,CACF;IAAE,GAEFX,KAAA,CAAAuB,aAAA,CAACrB,sBAAsB;MACrBM,QAAQ,EAAEA,QAAS;MACnBoB,MAAM,EAAEA,MAAO;MACfnB,IAAI,EAAEC,UAAW;MACjBG,IAAI,EAAEA,IAAK;MACXE,MAAM,EAAEA;IAAO,CAChB,CACE,CACN;EACH,CAAC,CACa,CAAC,EACjBf,KAAA,CAAAuB,aAAA,CAACzB,OAAO;IAACqC,EAAE,EAAE/B;EAAsB,CAAE,CAClC,CAAC;AAEV,CAAC;AAED,SAASC,IAAI","ignoreList":[]}

package/dist/module/TickerTapeWidget/ValidationWrapper.js

@@ -14,6 +14,8 @@ const ValidationWrapper = _ref => {
     removeTopBorder,
     slim
   } = _ref;
+  const instrumentsWithoutLink = instruments.map(instrument => typeof instrument === 'string' ? instrument : instrument.instrument);
+  const instrumentsWithLink = instruments.filter(instrument => typeof instrument === 'object');
   const {
     size
   } = useLayoutProvider();
@@ -22,7 +24,7 @@ const ValidationWrapper = _ref => {
     error
   } = useSuspenseQuery(validateInstruments, {
     variables: {
-      instruments,
+      instruments: instrumentsWithoutLink,
       division
     },
     fetchPolicy: 'network-only',
@@ -31,6 +33,7 @@ const ValidationWrapper = _ref => {
   const showError = !!error || isParamError;
   return React.createElement(React.Fragment, null, !showError && size && React.createElement(Main, {
     division: division,
+    instrumentsWithLink: instrumentsWithLink,
     motion: motion,
     records: getRecords(data),
     removeTopBorder: removeTopBorder,

package/dist/module/TickerTapeWidget/ValidationWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"ValidationWrapper.js","names":["useSuspenseQuery","cn","Error","useLayoutProvider","React","validateInstruments","Main","getRecords","ValidationWrapper","_ref","instruments","division","size","widgetSize","motion","isParamError","removeTopBorder","slim","data","error","variables","fetchPolicy","errorPolicy","showError","createElement","Fragment","records","className"],"sources":["../../../src/TickerTapeWidget/ValidationWrapper.tsx"],"sourcesContent":["import { useSuspenseQuery } from '@apollo/client';\nimport { cn, Error, useLayoutProvider } from '@oanda/labs-widget-common';\nimport React from 'react';\n\nimport type {\n  ValidateInstrumentsQuery,\n  ValidateInstrumentsQueryVariables,\n} from '../gql/types/graphql';\nimport { validateInstruments } from '../gql/validateInstruments';\nimport { Main } from './Main';\nimport type { ValidationWrapperProps } from './types';\nimport { getRecords } from './utils';\n\nconst ValidationWrapper = ({\n  instruments,\n  division,\n  size: widgetSize,\n  motion,\n  isParamError,\n  removeTopBorder,\n  slim,\n}: ValidationWrapperProps) => {\n  const { size } = useLayoutProvider();\n  const { data, error } = useSuspenseQuery<\n    ValidateInstrumentsQuery,\n    ValidateInstrumentsQueryVariables\n  >(validateInstruments, {\n    variables: {\n      instruments,\n      division,\n    },\n    fetchPolicy: 'network-only',\n    errorPolicy: 'all',\n  });\n\n  const showError = !!error || isParamError;\n\n  return (\n    <>\n      {!showError && size && (\n        <Main\n          division={division}\n          motion={motion}\n          records={getRecords(data!)!}\n          removeTopBorder={removeTopBorder}\n          size={widgetSize}\n          slim={slim}\n        />\n      )}\n      {showError && (\n        <div\n          className={cn(\n            'flex border border-solid border-border-primary px-4 text-sm tracking-normal text-text-primary'\n          )}\n        >\n          <Error />\n        </div>\n      )}\n    </>\n  );\n};\n\nexport { ValidationWrapper };\n"],"mappings":"AAAA,SAASA,gBAAgB,QAAQ,gBAAgB;AACjD,SAASC,EAAE,EAAEC,KAAK,EAAEC,iBAAiB,QAAQ,2BAA2B;AACxE,OAAOC,KAAK,MAAM,OAAO;AAMzB,SAASC,mBAAmB,QAAQ,4BAA4B;AAChE,SAASC,IAAI,QAAQ,QAAQ;AAE7B,SAASC,UAAU,QAAQ,SAAS;AAEpC,MAAMC,iBAAiB,GAAGC,IAAA,IAQI;EAAA,IARH;IACzBC,WAAW;IACXC,QAAQ;IACRC,IAAI,EAAEC,UAAU;IAChBC,MAAM;IACNC,YAAY;IACZC,eAAe;IACfC;EACsB,CAAC,GAAAR,IAAA;EACvB,MAAM;IAAEG;EAAK,CAAC,GAAGT,iBAAiB,CAAC,CAAC;EACpC,MAAM;IAAEe,IAAI;IAAEC;EAAM,CAAC,GAAGnB,gBAAgB,CAGtCK,mBAAmB,EAAE;IACrBe,SAAS,EAAE;MACTV,WAAW;MACXC;IACF,CAAC;IACDU,WAAW,EAAE,cAAc;IAC3BC,WAAW,EAAE;EACf,CAAC,CAAC;EAEF,MAAMC,SAAS,GAAG,CAAC,CAACJ,KAAK,IAAIJ,YAAY;EAEzC,OACEX,KAAA,CAAAoB,aAAA,CAAApB,KAAA,CAAAqB,QAAA,QACG,CAACF,SAAS,IAAIX,IAAI,IACjBR,KAAA,CAAAoB,aAAA,CAAClB,IAAI;IACHK,QAAQ,EAAEA,QAAS;IACnBG,MAAM,EAAEA,MAAO;IACfY,OAAO,EAAEnB,UAAU,CAACW,IAAK,CAAG;IAC5BF,eAAe,EAAEA,eAAgB;IACjCJ,IAAI,EAAEC,UAAW;IACjBI,IAAI,EAAEA;EAAK,CACZ,CACF,EACAM,SAAS,IACRnB,KAAA,CAAAoB,aAAA;IACEG,SAAS,EAAE1B,EAAE,CACX,+FACF;EAAE,GAEFG,KAAA,CAAAoB,aAAA,CAACtB,KAAK,MAAE,CACL,CAEP,CAAC;AAEP,CAAC;AAED,SAASM,iBAAiB","ignoreList":[]}
+{"version":3,"file":"ValidationWrapper.js","names":["useSuspenseQuery","cn","Error","useLayoutProvider","React","validateInstruments","Main","getRecords","ValidationWrapper","_ref","instruments","division","size","widgetSize","motion","isParamError","removeTopBorder","slim","instrumentsWithoutLink","map","instrument","instrumentsWithLink","filter","data","error","variables","fetchPolicy","errorPolicy","showError","createElement","Fragment","records","className"],"sources":["../../../src/TickerTapeWidget/ValidationWrapper.tsx"],"sourcesContent":["import { useSuspenseQuery } from '@apollo/client';\nimport { cn, Error, useLayoutProvider } from '@oanda/labs-widget-common';\nimport React from 'react';\n\nimport type {\n  ValidateInstrumentsQuery,\n  ValidateInstrumentsQueryVariables,\n} from '../gql/types/graphql';\nimport { validateInstruments } from '../gql/validateInstruments';\nimport { Main } from './Main';\nimport type { ValidationWrapperProps } from './types';\nimport { getRecords } from './utils';\n\nconst ValidationWrapper = ({\n  instruments,\n  division,\n  size: widgetSize,\n  motion,\n  isParamError,\n  removeTopBorder,\n  slim,\n}: ValidationWrapperProps) => {\n  const instrumentsWithoutLink = instruments.map((instrument) =>\n    typeof instrument === 'string' ? instrument : instrument.instrument\n  );\n  const instrumentsWithLink = instruments.filter(\n    (instrument) => typeof instrument === 'object'\n  );\n\n  const { size } = useLayoutProvider();\n  const { data, error } = useSuspenseQuery<\n    ValidateInstrumentsQuery,\n    ValidateInstrumentsQueryVariables\n  >(validateInstruments, {\n    variables: {\n      instruments: instrumentsWithoutLink,\n      division,\n    },\n    fetchPolicy: 'network-only',\n    errorPolicy: 'all',\n  });\n\n  const showError = !!error || isParamError;\n\n  return (\n    <>\n      {!showError && size && (\n        <Main\n          division={division}\n          instrumentsWithLink={instrumentsWithLink}\n          motion={motion}\n          records={getRecords(data!)!}\n          removeTopBorder={removeTopBorder}\n          size={widgetSize}\n          slim={slim}\n        />\n      )}\n      {showError && (\n        <div\n          className={cn(\n            'flex border border-solid border-border-primary px-4 text-sm tracking-normal text-text-primary'\n          )}\n        >\n          <Error />\n        </div>\n      )}\n    </>\n  );\n};\n\nexport { ValidationWrapper };\n"],"mappings":"AAAA,SAASA,gBAAgB,QAAQ,gBAAgB;AACjD,SAASC,EAAE,EAAEC,KAAK,EAAEC,iBAAiB,QAAQ,2BAA2B;AACxE,OAAOC,KAAK,MAAM,OAAO;AAMzB,SAASC,mBAAmB,QAAQ,4BAA4B;AAChE,SAASC,IAAI,QAAQ,QAAQ;AAE7B,SAASC,UAAU,QAAQ,SAAS;AAEpC,MAAMC,iBAAiB,GAAGC,IAAA,IAQI;EAAA,IARH;IACzBC,WAAW;IACXC,QAAQ;IACRC,IAAI,EAAEC,UAAU;IAChBC,MAAM;IACNC,YAAY;IACZC,eAAe;IACfC;EACsB,CAAC,GAAAR,IAAA;EACvB,MAAMS,sBAAsB,GAAGR,WAAW,CAACS,GAAG,CAAEC,UAAU,IACxD,OAAOA,UAAU,KAAK,QAAQ,GAAGA,UAAU,GAAGA,UAAU,CAACA,UAC3D,CAAC;EACD,MAAMC,mBAAmB,GAAGX,WAAW,CAACY,MAAM,CAC3CF,UAAU,IAAK,OAAOA,UAAU,KAAK,QACxC,CAAC;EAED,MAAM;IAAER;EAAK,CAAC,GAAGT,iBAAiB,CAAC,CAAC;EACpC,MAAM;IAAEoB,IAAI;IAAEC;EAAM,CAAC,GAAGxB,gBAAgB,CAGtCK,mBAAmB,EAAE;IACrBoB,SAAS,EAAE;MACTf,WAAW,EAAEQ,sBAAsB;MACnCP;IACF,CAAC;IACDe,WAAW,EAAE,cAAc;IAC3BC,WAAW,EAAE;EACf,CAAC,CAAC;EAEF,MAAMC,SAAS,GAAG,CAAC,CAACJ,KAAK,IAAIT,YAAY;EAEzC,OACEX,KAAA,CAAAyB,aAAA,CAAAzB,KAAA,CAAA0B,QAAA,QACG,CAACF,SAAS,IAAIhB,IAAI,IACjBR,KAAA,CAAAyB,aAAA,CAACvB,IAAI;IACHK,QAAQ,EAAEA,QAAS;IACnBU,mBAAmB,EAAEA,mBAAoB;IACzCP,MAAM,EAAEA,MAAO;IACfiB,OAAO,EAAExB,UAAU,CAACgB,IAAK,CAAG;IAC5BP,eAAe,EAAEA,eAAgB;IACjCJ,IAAI,EAAEC,UAAW;IACjBI,IAAI,EAAEA;EAAK,CACZ,CACF,EACAW,SAAS,IACRxB,KAAA,CAAAyB,aAAA;IACEG,SAAS,EAAE/B,EAAE,CACX,+FACF;EAAE,GAEFG,KAAA,CAAAyB,aAAA,CAAC3B,KAAK,MAAE,CACL,CAEP,CAAC;AAEP,CAAC;AAED,SAASM,iBAAiB","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["Division","Locale"],"sources":["../../../src/TickerTapeWidget/types.ts"],"sourcesContent":["import type {\n  DataRecord,\n  WidgetConfig,\n  WidgetSize,\n} from '@oanda/labs-widget-common';\n\nimport type { Division } from '../gql/types/graphql';\n\nexport { Division } from '../gql/types/graphql';\nexport { Locale } from '@oanda/mono-i18n';\n\nexport interface TickerTapeConfig extends WidgetConfig {\n  division: Division;\n  liveRatesUrl: string;\n  instruments: string[];\n  removePadding?: boolean;\n  size?: WidgetSize;\n  motion?: Motion;\n  removeTopBorder?: boolean;\n  slim?: boolean;\n}\n\nexport interface ValidationWrapperProps {\n  instruments: string[];\n  division: Division;\n  size?: WidgetSize;\n  motion?: Motion;\n  isParamError?: boolean;\n  removeTopBorder?: boolean;\n  slim?: boolean;\n}\n\nexport interface MainProps {\n  records: DataRecord[];\n  division: Division;\n  size?: WidgetSize;\n  removeTopBorder?: boolean;\n  motion?: Motion;\n  slim?: boolean;\n}\n\ntype Motion = 'linear' | 'none';\n"],"mappings":"AAQA,SAASA,QAAQ,QAAQ,sBAAsB;AAC/C,SAASC,MAAM,QAAQ,kBAAkB","ignoreList":[]}
+{"version":3,"file":"types.js","names":["Division","Locale"],"sources":["../../../src/TickerTapeWidget/types.ts"],"sourcesContent":["import type {\n  DataRecord,\n  WidgetConfig,\n  WidgetSize,\n} from '@oanda/labs-widget-common';\n\nimport type { Division } from '../gql/types/graphql';\n\nexport { Division } from '../gql/types/graphql';\nexport { Locale } from '@oanda/mono-i18n';\n\ninterface InstrumentsLink {\n  instrument: string;\n  link?: string;\n}\n\nexport interface TickerTapeConfig extends WidgetConfig {\n  division: Division;\n  liveRatesUrl: string;\n  instruments: (InstrumentsLink | string)[];\n  removePadding?: boolean;\n  size?: WidgetSize;\n  motion?: Motion;\n  removeTopBorder?: boolean;\n  slim?: boolean;\n}\n\nexport interface ValidationWrapperProps {\n  instruments: (InstrumentsLink | string)[];\n  division: Division;\n  size?: WidgetSize;\n  motion?: Motion;\n  isParamError?: boolean;\n  removeTopBorder?: boolean;\n  slim?: boolean;\n}\n\nexport interface MainProps {\n  instrumentsWithLink: InstrumentsLink[];\n  records: DataRecord[];\n  division: Division;\n  size?: WidgetSize;\n  removeTopBorder?: boolean;\n  motion?: Motion;\n  slim?: boolean;\n}\n\ntype Motion = 'linear' | 'none';\n"],"mappings":"AAQA,SAASA,QAAQ,QAAQ,sBAAsB;AAC/C,SAASC,MAAM,QAAQ,kBAAkB","ignoreList":[]}

package/dist/types/TickerTapeWidget/Main.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import type { MainProps } from './types';
-declare const Main: ({ records, division, size: widgetSize, motion, removeTopBorder, slim, }: MainProps) => React.JSX.Element;
+declare const Main: ({ records, division, size: widgetSize, motion, removeTopBorder, slim, instrumentsWithLink, }: MainProps) => React.JSX.Element;
 export { Main };

package/dist/types/TickerTapeWidget/types.d.ts

@@ -2,10 +2,14 @@ import type { DataRecord, WidgetConfig, WidgetSize } from '@oanda/labs-widget-co
 import type { Division } from '../gql/types/graphql';
 export { Division } from '../gql/types/graphql';
 export { Locale } from '@oanda/mono-i18n';
+interface InstrumentsLink {
+    instrument: string;
+    link?: string;
+}
 export interface TickerTapeConfig extends WidgetConfig {
     division: Division;
     liveRatesUrl: string;
-    instruments: string[];
+    instruments: (InstrumentsLink | string)[];
     removePadding?: boolean;
     size?: WidgetSize;
     motion?: Motion;
@@ -13,7 +17,7 @@ export interface TickerTapeConfig extends WidgetConfig {
     slim?: boolean;
 }
 export interface ValidationWrapperProps {
-    instruments: string[];
+    instruments: (InstrumentsLink | string)[];
     division: Division;
     size?: WidgetSize;
     motion?: Motion;
@@ -22,6 +26,7 @@ export interface ValidationWrapperProps {
     slim?: boolean;
 }
 export interface MainProps {
+    instrumentsWithLink: InstrumentsLink[];
     records: DataRecord[];
     division: Division;
     size?: WidgetSize;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oanda/labs-ticker-tape-widget",
-  "version": "1.0.69",
+  "version": "1.0.71",
   "description": "Labs Ticker Tape Widget",
   "main": "dist/main/index.js",
   "module": "dist/module/index.js",
@@ -12,7 +12,7 @@
   "author": "OANDA",
   "license": "UNLICENSED",
   "dependencies": {
-    "@oanda/labs-widget-common": "^1.0.213",
+    "@oanda/labs-widget-common": "^1.0.215",
     "@oanda/mono-i18n": "10.0.1",
     "graphql": "16.8.1",
     "react-fast-marquee": "1.6.5"
@@ -21,5 +21,5 @@
     "@graphql-codegen/cli": "5.0.0",
     "@graphql-codegen/client-preset": "4.1.0"
   },
-  "gitHead": "1853da87eb42d5ffb0c4f9c2ecdc98450c068f9c"
+  "gitHead": "fe66bb5a199db202fa18133426a3b6d368897363"
 }

package/src/TickerTapeWidget/Main.tsx

@@ -13,6 +13,7 @@ const Main = ({
   motion = 'linear',
   removeTopBorder,
   slim,
+  instrumentsWithLink,
 }: MainProps) => {
   const { target, setQuery } = useLiveRatesQuery();
 
@@ -36,26 +37,54 @@ const Main = ({
         isStatic={motion === 'none'}
         shouldPlay={records.length > 0}
       >
-        {records.map((record) => (
-          <div
-            key={record.instrument}
-            className={cn(
-              '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-border-t-0': removeTopBorder,
-                'lw-w-fit last:lw-border-r': motion === 'none',
-              }
-            )}
-          >
-            <InstrumentRateWithData
-              division={division}
-              record={record}
-              size={widgetSize}
-              slim={slim}
-              target={target}
-            />
-          </div>
-        ))}
+        {records.map((record) => {
+          const link = instrumentsWithLink.find(
+            (instrumentWithLink) =>
+              instrumentWithLink.instrument === record.instrument
+          )?.link;
+          return link ? (
+            <a
+              key={record.instrument}
+              className={cn(
+                'lw-flex lw-h-full 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-border-t-0': removeTopBorder,
+                  'lw-w-fit last:lw-border-r': motion === 'none',
+                }
+              )}
+              href={link}
+              rel="noopener noreferrer"
+              target="_blank"
+            >
+              <InstrumentRateWithData
+                division={division}
+                record={record}
+                size={widgetSize}
+                slim={slim}
+                target={target}
+              />
+            </a>
+          ) : (
+            <div
+              key={record.instrument}
+              className={cn(
+                '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-border-t-0': removeTopBorder,
+                  'lw-w-fit last:lw-border-r': motion === 'none',
+                }
+              )}
+            >
+              <InstrumentRateWithData
+                division={division}
+                record={record}
+                size={widgetSize}
+                slim={slim}
+                target={target}
+              />
+            </div>
+          );
+        })}
       </MarqueeWrapper>
       <Tooltip id={INSTRUMENT_TOOLTIP_ID} />
     </div>

package/src/TickerTapeWidget/ValidationWrapper.tsx

@@ -20,13 +20,20 @@ const ValidationWrapper = ({
   removeTopBorder,
   slim,
 }: ValidationWrapperProps) => {
+  const instrumentsWithoutLink = instruments.map((instrument) =>
+    typeof instrument === 'string' ? instrument : instrument.instrument
+  );
+  const instrumentsWithLink = instruments.filter(
+    (instrument) => typeof instrument === 'object'
+  );
+
   const { size } = useLayoutProvider();
   const { data, error } = useSuspenseQuery<
     ValidateInstrumentsQuery,
     ValidateInstrumentsQueryVariables
   >(validateInstruments, {
     variables: {
-      instruments,
+      instruments: instrumentsWithoutLink,
       division,
     },
     fetchPolicy: 'network-only',
@@ -40,6 +47,7 @@ const ValidationWrapper = ({
       {!showError && size && (
         <Main
           division={division}
+          instrumentsWithLink={instrumentsWithLink}
           motion={motion}
           records={getRecords(data!)!}
           removeTopBorder={removeTopBorder}

package/src/TickerTapeWidget/types.ts

@@ -9,10 +9,15 @@ import type { Division } from '../gql/types/graphql';
 export { Division } from '../gql/types/graphql';
 export { Locale } from '@oanda/mono-i18n';
 
+interface InstrumentsLink {
+  instrument: string;
+  link?: string;
+}
+
 export interface TickerTapeConfig extends WidgetConfig {
   division: Division;
   liveRatesUrl: string;
-  instruments: string[];
+  instruments: (InstrumentsLink | string)[];
   removePadding?: boolean;
   size?: WidgetSize;
   motion?: Motion;
@@ -21,7 +26,7 @@ export interface TickerTapeConfig extends WidgetConfig {
 }
 
 export interface ValidationWrapperProps {
-  instruments: string[];
+  instruments: (InstrumentsLink | string)[];
   division: Division;
   size?: WidgetSize;
   motion?: Motion;
@@ -31,6 +36,7 @@ export interface ValidationWrapperProps {
 }
 
 export interface MainProps {
+  instrumentsWithLink: InstrumentsLink[];
   records: DataRecord[];
   division: Division;
   size?: WidgetSize;

package/test/Main.test.tsx

@@ -25,6 +25,7 @@ describe('Main component', () => {
           <MockLayoutProvider>
             <Main
               division={Division.Oc}
+              instrumentsWithLink={[]}
               records={[
                 {
                   instrument: 'EUR_USD',