@oanda/labs-ticker-tape-widget 1.0.33 → 1.0.35

package/CHANGELOG.md

@@ -3,6 +3,290 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 1.0.35 (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.34 (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.33 (2025-01-10)
 
 

package/dist/main/TickerTapeWidget/Main.js

@@ -38,7 +38,7 @@ const Main = _ref => {
     }
   }, [records]);
   return _react.default.createElement("div", {
-    className: "lw-flex",
+    className: "lw-z-10 lw-flex",
     "data-testid": "ticker-tape-wrapper"
   }, _react.default.createElement(_MarqueeWrapper.MarqueeWrapper, {
     isStatic: motion === 'none',

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

@@ -1 +1 @@
-{"version":3,"file":"Main.js","names":["_labsWidgetCommon","require","_classnames","_interopRequireDefault","_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","target","setQuery","useLiveRatesQuery","instrumentsNames","map","_ref2","instrument","instrumentName","useEffect","instruments","createElement","className","MarqueeWrapper","isStatic","shouldPlay","length","record","key","classnames","InstrumentRateWithData","Tooltip","id","INSTRUMENT_TOOLTIP_ID","exports"],"sources":["../../../src/TickerTapeWidget/Main.tsx"],"sourcesContent":["import { Tooltip, useLiveRatesQuery } from '@oanda/labs-widget-common';\nimport classnames from 'classnames';\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}: 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 className=\"lw-flex\" data-testid=\"ticker-tape-wrapper\">\n      <MarqueeWrapper\n        isStatic={motion === 'none'}\n        shouldPlay={records.length > 0}\n      >\n        {records.map((record) => (\n          <div\n            key={record.instrument}\n            className={classnames(\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-h-[82px]': widgetSize !== 'compact',\n                'lw-h-[54px]': widgetSize === 'compact',\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              target={target}\n            />\n          </div>\n        ))}\n      </MarqueeWrapper>\n      <Tooltip id={INSTRUMENT_TOOLTIP_ID} />\n    </div>\n  );\n};\n\nexport { Main };\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,MAAA,GAAAC,uBAAA,CAAAJ,OAAA;AAEA,IAAAK,uBAAA,GAAAL,OAAA;AACA,IAAAM,eAAA,GAAAN,OAAA;AACA,IAAAO,SAAA,GAAAP,OAAA;AAAmD,SAAAQ,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAL,wBAAAK,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAf,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAI,UAAA,GAAAJ,CAAA,KAAAK,OAAA,EAAAL,CAAA;AAGnD,MAAMmB,IAAI,GAAGC,IAAA,IAKI;EAAA,IALH;IACZC,OAAO;IACPC,QAAQ;IACRC,IAAI,EAAEC,UAAU,GAAG,eAAe;IAClCC,MAAM,GAAG;EACA,CAAC,GAAAL,IAAA;EACV,MAAM;IAAEM,MAAM;IAAEC;EAAS,CAAC,GAAG,IAAAC,mCAAiB,EAAC,CAAC;EAEhD,MAAMC,gBAAgB,GAAGR,OAAO,CAACS,GAAG,CAClCC,KAAA;IAAA,IAAC;MAAEC,UAAU,EAAEC;IAAe,CAAC,GAAAF,KAAA;IAAA,OAAKE,cAAc;EAAA,CACpD,CAAC;EAED,IAAAC,gBAAS,EAAC,MAAM;IACd,IAAIL,gBAAgB,CAAC,CAAC,CAAC,EAAE;MACvBF,QAAQ,CAAC;QAAEQ,WAAW,EAAEN;MAAiB,CAAC,CAAC;IAC7C;EAEF,CAAC,EAAE,CAACR,OAAO,CAAC,CAAC;EAEb,OACE3B,MAAA,CAAAW,OAAA,CAAA+B,aAAA;IAAKC,SAAS,EAAC,SAAS;IAAC,eAAY;EAAqB,GACxD3C,MAAA,CAAAW,OAAA,CAAA+B,aAAA,CAACvC,eAAA,CAAAyC,cAAc;IACbC,QAAQ,EAAEd,MAAM,KAAK,MAAO;IAC5Be,UAAU,EAAEnB,OAAO,CAACoB,MAAM,GAAG;EAAE,GAE9BpB,OAAO,CAACS,GAAG,CAAEY,MAAM,IAClBhD,MAAA,CAAAW,OAAA,CAAA+B,aAAA;IACEO,GAAG,EAAED,MAAM,CAACV,UAAW;IACvBK,SAAS,EAAE,IAAAO,mBAAU,EACnB,qIAAqI,EACrI;MACE,aAAa,EAAEpB,UAAU,KAAK,SAAS;MACvC,aAAa,EAAEA,UAAU,KAAK,SAAS;MACvC,2BAA2B,EAAEC,MAAM,KAAK;IAC1C,CACF;EAAE,GAEF/B,MAAA,CAAAW,OAAA,CAAA+B,aAAA,CAACxC,uBAAA,CAAAiD,sBAAsB;IACrBvB,QAAQ,EAAEA,QAAS;IACnBoB,MAAM,EAAEA,MAAO;IACfnB,IAAI,EAAEC,UAAW;IACjBE,MAAM,EAAEA;EAAO,CAChB,CACE,CACN,CACa,CAAC,EACjBhC,MAAA,CAAAW,OAAA,CAAA+B,aAAA,CAAC9C,iBAAA,CAAAwD,OAAO;IAACC,EAAE,EAAEC;EAAsB,CAAE,CAClC,CAAC;AAEV,CAAC;AAACC,OAAA,CAAA9B,IAAA,GAAAA,IAAA","ignoreList":[]}
+{"version":3,"file":"Main.js","names":["_labsWidgetCommon","require","_classnames","_interopRequireDefault","_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","target","setQuery","useLiveRatesQuery","instrumentsNames","map","_ref2","instrument","instrumentName","useEffect","instruments","createElement","className","MarqueeWrapper","isStatic","shouldPlay","length","record","key","classnames","InstrumentRateWithData","Tooltip","id","INSTRUMENT_TOOLTIP_ID","exports"],"sources":["../../../src/TickerTapeWidget/Main.tsx"],"sourcesContent":["import { Tooltip, useLiveRatesQuery } from '@oanda/labs-widget-common';\nimport classnames from 'classnames';\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}: 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 className=\"lw-z-10 lw-flex\" data-testid=\"ticker-tape-wrapper\">\n      <MarqueeWrapper\n        isStatic={motion === 'none'}\n        shouldPlay={records.length > 0}\n      >\n        {records.map((record) => (\n          <div\n            key={record.instrument}\n            className={classnames(\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-h-[82px]': widgetSize !== 'compact',\n                'lw-h-[54px]': widgetSize === 'compact',\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              target={target}\n            />\n          </div>\n        ))}\n      </MarqueeWrapper>\n      <Tooltip id={INSTRUMENT_TOOLTIP_ID} />\n    </div>\n  );\n};\n\nexport { Main };\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,MAAA,GAAAC,uBAAA,CAAAJ,OAAA;AAEA,IAAAK,uBAAA,GAAAL,OAAA;AACA,IAAAM,eAAA,GAAAN,OAAA;AACA,IAAAO,SAAA,GAAAP,OAAA;AAAmD,SAAAQ,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAL,wBAAAK,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAf,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAI,UAAA,GAAAJ,CAAA,KAAAK,OAAA,EAAAL,CAAA;AAGnD,MAAMmB,IAAI,GAAGC,IAAA,IAKI;EAAA,IALH;IACZC,OAAO;IACPC,QAAQ;IACRC,IAAI,EAAEC,UAAU,GAAG,eAAe;IAClCC,MAAM,GAAG;EACA,CAAC,GAAAL,IAAA;EACV,MAAM;IAAEM,MAAM;IAAEC;EAAS,CAAC,GAAG,IAAAC,mCAAiB,EAAC,CAAC;EAEhD,MAAMC,gBAAgB,GAAGR,OAAO,CAACS,GAAG,CAClCC,KAAA;IAAA,IAAC;MAAEC,UAAU,EAAEC;IAAe,CAAC,GAAAF,KAAA;IAAA,OAAKE,cAAc;EAAA,CACpD,CAAC;EAED,IAAAC,gBAAS,EAAC,MAAM;IACd,IAAIL,gBAAgB,CAAC,CAAC,CAAC,EAAE;MACvBF,QAAQ,CAAC;QAAEQ,WAAW,EAAEN;MAAiB,CAAC,CAAC;IAC7C;EAEF,CAAC,EAAE,CAACR,OAAO,CAAC,CAAC;EAEb,OACE3B,MAAA,CAAAW,OAAA,CAAA+B,aAAA;IAAKC,SAAS,EAAC,iBAAiB;IAAC,eAAY;EAAqB,GAChE3C,MAAA,CAAAW,OAAA,CAAA+B,aAAA,CAACvC,eAAA,CAAAyC,cAAc;IACbC,QAAQ,EAAEd,MAAM,KAAK,MAAO;IAC5Be,UAAU,EAAEnB,OAAO,CAACoB,MAAM,GAAG;EAAE,GAE9BpB,OAAO,CAACS,GAAG,CAAEY,MAAM,IAClBhD,MAAA,CAAAW,OAAA,CAAA+B,aAAA;IACEO,GAAG,EAAED,MAAM,CAACV,UAAW;IACvBK,SAAS,EAAE,IAAAO,mBAAU,EACnB,qIAAqI,EACrI;MACE,aAAa,EAAEpB,UAAU,KAAK,SAAS;MACvC,aAAa,EAAEA,UAAU,KAAK,SAAS;MACvC,2BAA2B,EAAEC,MAAM,KAAK;IAC1C,CACF;EAAE,GAEF/B,MAAA,CAAAW,OAAA,CAAA+B,aAAA,CAACxC,uBAAA,CAAAiD,sBAAsB;IACrBvB,QAAQ,EAAEA,QAAS;IACnBoB,MAAM,EAAEA,MAAO;IACfnB,IAAI,EAAEC,UAAW;IACjBE,MAAM,EAAEA;EAAO,CAChB,CACE,CACN,CACa,CAAC,EACjBhC,MAAA,CAAAW,OAAA,CAAA+B,aAAA,CAAC9C,iBAAA,CAAAwD,OAAO;IAACC,EAAE,EAAEC;EAAsB,CAAE,CAClC,CAAC;AAEV,CAAC;AAACC,OAAA,CAAA9B,IAAA,GAAAA,IAAA","ignoreList":[]}

package/dist/main/TickerTapeWidget/TickerTapeWidget.js

@@ -23,7 +23,8 @@ const TickerTapeWidget = _ref => {
     removePadding,
     size,
     motion,
-    logoLink
+    logoLink,
+    brandingSpace
   } = _ref;
   const client = new _client.ApolloClient({
     uri: graphqlUrl,
@@ -49,6 +50,8 @@ const TickerTapeWidget = _ref => {
     theme: theme,
     translations: _translations.translations
   }, _react.default.createElement(_labsWidgetCommon.WidgetWrapper, {
+    brandingSpace: brandingSpace,
+    fitContent: motion === 'none',
     isParamError: isParamError,
     linkArea: "full",
     logoLink: logoLink

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

@@ -1 +1 @@
-{"version":3,"file":"TickerTapeWidget.js","names":["_client","require","_labsWidgetCommon","_react","_interopRequireDefault","_translations","_types","_ValidationWrapper","e","__esModule","default","TickerTapeWidget","_ref","graphqlUrl","liveRatesUrl","instruments","division","locale","theme","isParamError","removePadding","size","motion","logoLink","client","ApolloClient","uri","cache","InMemoryCache","divisionCode","Division","Opt","Ogm","dataSource","createElement","WidgetProvider","withSuspense","liveRates","url","options","styling","fitContent","translations","WidgetWrapper","linkArea","ValidationWrapper","exports"],"sources":["../../../src/TickerTapeWidget/TickerTapeWidget.tsx"],"sourcesContent":["import { ApolloClient, InMemoryCache } from '@apollo/client';\nimport { WidgetProvider, WidgetWrapper } from '@oanda/labs-widget-common';\nimport React from 'react';\n\nimport { translations } from '../translations';\nimport type { TickerTapeConfig } from './types';\nimport { Division } from './types';\nimport { ValidationWrapper } from './ValidationWrapper';\n\nconst TickerTapeWidget = ({\n  graphqlUrl,\n  liveRatesUrl,\n  instruments,\n  division,\n  locale,\n  theme,\n  isParamError,\n  removePadding,\n  size,\n  motion,\n  logoLink,\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    <WidgetProvider\n      withSuspense\n      client={client}\n      liveRates={{\n        url: liveRatesUrl,\n        options: { divisionCode, dataSource },\n      }}\n      locale={locale}\n      styling={{\n        removePadding,\n        fitContent: motion === 'none',\n      }}\n      theme={theme}\n      translations={translations}\n    >\n      <WidgetWrapper\n        isParamError={isParamError}\n        linkArea=\"full\"\n        logoLink={logoLink}\n      >\n        <ValidationWrapper\n          division={division}\n          instruments={instruments}\n          isParamError={isParamError}\n          motion={motion}\n          size={size}\n        />\n      </WidgetWrapper>\n    </WidgetProvider>\n  );\n};\n\nexport { TickerTapeWidget };\n"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AAEA,IAAAI,aAAA,GAAAJ,OAAA;AAEA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,kBAAA,GAAAN,OAAA;AAAwD,SAAAG,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAExD,MAAMG,gBAAgB,GAAGC,IAAA,IAYD;EAAA,IAZE;IACxBC,UAAU;IACVC,YAAY;IACZC,WAAW;IACXC,QAAQ;IACRC,MAAM;IACNC,KAAK;IACLC,YAAY;IACZC,aAAa;IACbC,IAAI;IACJC,MAAM;IACNC;EACgB,CAAC,GAAAX,IAAA;EACjB,MAAMY,MAAM,GAAG,IAAIC,oBAAY,CAAC;IAC9BC,GAAG,EAAEb,UAAU;IACfc,KAAK,EAAE,IAAIC,qBAAa,CAAC;EAC3B,CAAC,CAAC;EAEF,MAAMC,YAAY,GAAGb,QAAQ,KAAKc,eAAQ,CAACC,GAAG,GAAGD,eAAQ,CAACE,GAAG,GAAGhB,QAAQ;EACxE,MAAMiB,UAAU,GAAGJ,YAAY,KAAKC,eAAQ,CAACE,GAAG,GAAG,KAAK,GAAG,KAAK;EAEhE,OACE7B,MAAA,CAAAO,OAAA,CAAAwB,aAAA,CAAChC,iBAAA,CAAAiC,cAAc;IACbC,YAAY;IACZZ,MAAM,EAAEA,MAAO;IACfa,SAAS,EAAE;MACTC,GAAG,EAAExB,YAAY;MACjByB,OAAO,EAAE;QAAEV,YAAY;QAAEI;MAAW;IACtC,CAAE;IACFhB,MAAM,EAAEA,MAAO;IACfuB,OAAO,EAAE;MACPpB,aAAa;MACbqB,UAAU,EAAEnB,MAAM,KAAK;IACzB,CAAE;IACFJ,KAAK,EAAEA,KAAM;IACbwB,YAAY,EAAEA;EAAa,GAE3BvC,MAAA,CAAAO,OAAA,CAAAwB,aAAA,CAAChC,iBAAA,CAAAyC,aAAa;IACZxB,YAAY,EAAEA,YAAa;IAC3ByB,QAAQ,EAAC,MAAM;IACfrB,QAAQ,EAAEA;EAAS,GAEnBpB,MAAA,CAAAO,OAAA,CAAAwB,aAAA,CAAC3B,kBAAA,CAAAsC,iBAAiB;IAChB7B,QAAQ,EAAEA,QAAS;IACnBD,WAAW,EAAEA,WAAY;IACzBI,YAAY,EAAEA,YAAa;IAC3BG,MAAM,EAAEA,MAAO;IACfD,IAAI,EAAEA;EAAK,CACZ,CACY,CACD,CAAC;AAErB,CAAC;AAACyB,OAAA,CAAAnC,gBAAA,GAAAA,gBAAA","ignoreList":[]}
+{"version":3,"file":"TickerTapeWidget.js","names":["_client","require","_labsWidgetCommon","_react","_interopRequireDefault","_translations","_types","_ValidationWrapper","e","__esModule","default","TickerTapeWidget","_ref","graphqlUrl","liveRatesUrl","instruments","division","locale","theme","isParamError","removePadding","size","motion","logoLink","brandingSpace","client","ApolloClient","uri","cache","InMemoryCache","divisionCode","Division","Opt","Ogm","dataSource","createElement","WidgetProvider","withSuspense","liveRates","url","options","styling","fitContent","translations","WidgetWrapper","linkArea","ValidationWrapper","exports"],"sources":["../../../src/TickerTapeWidget/TickerTapeWidget.tsx"],"sourcesContent":["import { ApolloClient, InMemoryCache } from '@apollo/client';\nimport { WidgetProvider, WidgetWrapper } from '@oanda/labs-widget-common';\nimport React from 'react';\n\nimport { translations } from '../translations';\nimport type { TickerTapeConfig } from './types';\nimport { Division } from './types';\nimport { ValidationWrapper } from './ValidationWrapper';\n\nconst TickerTapeWidget = ({\n  graphqlUrl,\n  liveRatesUrl,\n  instruments,\n  division,\n  locale,\n  theme,\n  isParamError,\n  removePadding,\n  size,\n  motion,\n  logoLink,\n  brandingSpace,\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    <WidgetProvider\n      withSuspense\n      client={client}\n      liveRates={{\n        url: liveRatesUrl,\n        options: { divisionCode, dataSource },\n      }}\n      locale={locale}\n      styling={{\n        removePadding,\n        fitContent: motion === 'none',\n      }}\n      theme={theme}\n      translations={translations}\n    >\n      <WidgetWrapper\n        brandingSpace={brandingSpace}\n        fitContent={motion === 'none'}\n        isParamError={isParamError}\n        linkArea=\"full\"\n        logoLink={logoLink}\n      >\n        <ValidationWrapper\n          division={division}\n          instruments={instruments}\n          isParamError={isParamError}\n          motion={motion}\n          size={size}\n        />\n      </WidgetWrapper>\n    </WidgetProvider>\n  );\n};\n\nexport { TickerTapeWidget };\n"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AAEA,IAAAI,aAAA,GAAAJ,OAAA;AAEA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,kBAAA,GAAAN,OAAA;AAAwD,SAAAG,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAExD,MAAMG,gBAAgB,GAAGC,IAAA,IAaD;EAAA,IAbE;IACxBC,UAAU;IACVC,YAAY;IACZC,WAAW;IACXC,QAAQ;IACRC,MAAM;IACNC,KAAK;IACLC,YAAY;IACZC,aAAa;IACbC,IAAI;IACJC,MAAM;IACNC,QAAQ;IACRC;EACgB,CAAC,GAAAZ,IAAA;EACjB,MAAMa,MAAM,GAAG,IAAIC,oBAAY,CAAC;IAC9BC,GAAG,EAAEd,UAAU;IACfe,KAAK,EAAE,IAAIC,qBAAa,CAAC;EAC3B,CAAC,CAAC;EAEF,MAAMC,YAAY,GAAGd,QAAQ,KAAKe,eAAQ,CAACC,GAAG,GAAGD,eAAQ,CAACE,GAAG,GAAGjB,QAAQ;EACxE,MAAMkB,UAAU,GAAGJ,YAAY,KAAKC,eAAQ,CAACE,GAAG,GAAG,KAAK,GAAG,KAAK;EAEhE,OACE9B,MAAA,CAAAO,OAAA,CAAAyB,aAAA,CAACjC,iBAAA,CAAAkC,cAAc;IACbC,YAAY;IACZZ,MAAM,EAAEA,MAAO;IACfa,SAAS,EAAE;MACTC,GAAG,EAAEzB,YAAY;MACjB0B,OAAO,EAAE;QAAEV,YAAY;QAAEI;MAAW;IACtC,CAAE;IACFjB,MAAM,EAAEA,MAAO;IACfwB,OAAO,EAAE;MACPrB,aAAa;MACbsB,UAAU,EAAEpB,MAAM,KAAK;IACzB,CAAE;IACFJ,KAAK,EAAEA,KAAM;IACbyB,YAAY,EAAEA;EAAa,GAE3BxC,MAAA,CAAAO,OAAA,CAAAyB,aAAA,CAACjC,iBAAA,CAAA0C,aAAa;IACZpB,aAAa,EAAEA,aAAc;IAC7BkB,UAAU,EAAEpB,MAAM,KAAK,MAAO;IAC9BH,YAAY,EAAEA,YAAa;IAC3B0B,QAAQ,EAAC,MAAM;IACftB,QAAQ,EAAEA;EAAS,GAEnBpB,MAAA,CAAAO,OAAA,CAAAyB,aAAA,CAAC5B,kBAAA,CAAAuC,iBAAiB;IAChB9B,QAAQ,EAAEA,QAAS;IACnBD,WAAW,EAAEA,WAAY;IACzBI,YAAY,EAAEA,YAAa;IAC3BG,MAAM,EAAEA,MAAO;IACfD,IAAI,EAAEA;EAAK,CACZ,CACY,CACD,CAAC;AAErB,CAAC;AAAC0B,OAAA,CAAApC,gBAAA,GAAAA,gBAAA","ignoreList":[]}

package/dist/main/TickerTapeWidget/render.js

@@ -20,7 +20,8 @@ dataTickerTapeParamsElements.forEach(element => {
     division,
     locale,
     size,
-    motion
+    motion,
+    logoLink
   } = JSON.parse(params);
   const isParamError = (0, _labsWidgetCommon.validateToolParams)({
     division,
@@ -49,6 +50,7 @@ dataTickerTapeParamsElements.forEach(element => {
     isParamError: isParamError,
     liveRatesUrl: liveRatesUrl,
     locale: locale,
+    logoLink: logoLink,
     motion: motion,
     size: size,
     theme: mode

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

@@ -1 +1 @@
-{"version":3,"file":"render.js","names":["_labsWidgetCommon","require","_react","_interopRequireDefault","_client","_graphql","_TickerTapeWidget","e","__esModule","default","graphqlUrl","liveRatesUrl","window","widgetsConfig","dataTickerTapeParamsElements","document","querySelectorAll","forEach","element","root","createRoot","params","getAttribute","mode","instruments","division","locale","size","motion","JSON","parse","isParamError","validateToolParams","name","valueCheck","value","validateLocale","Object","values","Division","includes","length","render","createElement","TickerTapeWidget","theme"],"sources":["../../../src/TickerTapeWidget/render.tsx"],"sourcesContent":["import type { Theme } from '@oanda/labs-widget-common';\nimport { validateLocale, validateToolParams } from '@oanda/labs-widget-common';\nimport React from 'react';\nimport { createRoot } from 'react-dom/client';\n\nimport { Division } from '../gql/types/graphql';\nimport { TickerTapeWidget } from './TickerTapeWidget';\n\nconst { graphqlUrl, liveRatesUrl } = window.widgetsConfig || {};\n\nconst dataTickerTapeParamsElements = document.querySelectorAll(\n  'div[data-ticker-tape-params]'\n);\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 { instruments, division, locale, size, motion } = JSON.parse(\n    params as string\n  );\n\n  const isParamError = validateToolParams(\n    {\n      division,\n      locale,\n      graphqlUrl,\n      liveRatesUrl,\n      instruments,\n    },\n    [\n      {\n        name: 'locale',\n        valueCheck: (value: string | undefined) => validateLocale(value),\n      },\n      {\n        name: 'division',\n        valueCheck: (value: Division) =>\n          Object.values(Division).includes(value),\n      },\n      {\n        name: 'instruments',\n        valueCheck: (value) => value.length > 0 && value.length <= 10,\n      },\n      {\n        name: 'graphqlUrl',\n      },\n      {\n        name: 'liveRatesUrl',\n      },\n    ]\n  );\n\n  root.render(\n    <TickerTapeWidget\n      division={division}\n      graphqlUrl={graphqlUrl}\n      instruments={instruments}\n      isParamError={isParamError}\n      liveRatesUrl={liveRatesUrl}\n      locale={locale}\n      motion={motion}\n      size={size}\n      theme={mode as Theme}\n    />\n  );\n});\n"],"mappings":";;AACA,IAAAA,iBAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAEA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,iBAAA,GAAAL,OAAA;AAAsD,SAAAE,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEtD,MAAM;EAAEG,UAAU;EAAEC;AAAa,CAAC,GAAGC,MAAM,CAACC,aAAa,IAAI,CAAC,CAAC;AAE/D,MAAMC,4BAA4B,GAAGC,QAAQ,CAACC,gBAAgB,CAC5D,8BACF,CAAC;AAEDF,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;IAAEE,WAAW;IAAEC,QAAQ;IAAEC,MAAM;IAAEC,IAAI;IAAEC;EAAO,CAAC,GAAGC,IAAI,CAACC,KAAK,CAChET,MACF,CAAC;EAED,MAAMU,YAAY,GAAG,IAAAC,oCAAkB,EACrC;IACEP,QAAQ;IACRC,MAAM;IACNhB,UAAU;IACVC,YAAY;IACZa;EACF,CAAC,EACD,CACE;IACES,IAAI,EAAE,QAAQ;IACdC,UAAU,EAAGC,KAAyB,IAAK,IAAAC,gCAAc,EAACD,KAAK;EACjE,CAAC,EACD;IACEF,IAAI,EAAE,UAAU;IAChBC,UAAU,EAAGC,KAAe,IAC1BE,MAAM,CAACC,MAAM,CAACC,iBAAQ,CAAC,CAACC,QAAQ,CAACL,KAAK;EAC1C,CAAC,EACD;IACEF,IAAI,EAAE,aAAa;IACnBC,UAAU,EAAGC,KAAK,IAAKA,KAAK,CAACM,MAAM,GAAG,CAAC,IAAIN,KAAK,CAACM,MAAM,IAAI;EAC7D,CAAC,EACD;IACER,IAAI,EAAE;EACR,CAAC,EACD;IACEA,IAAI,EAAE;EACR,CAAC,CAEL,CAAC;EAEDd,IAAI,CAACuB,MAAM,CACTxC,MAAA,CAAAO,OAAA,CAAAkC,aAAA,CAACrC,iBAAA,CAAAsC,gBAAgB;IACfnB,QAAQ,EAAEA,QAAS;IACnBf,UAAU,EAAEA,UAAW;IACvBc,WAAW,EAAEA,WAAY;IACzBO,YAAY,EAAEA,YAAa;IAC3BpB,YAAY,EAAEA,YAAa;IAC3Be,MAAM,EAAEA,MAAO;IACfE,MAAM,EAAEA,MAAO;IACfD,IAAI,EAAEA,IAAK;IACXkB,KAAK,EAAEtB;EAAc,CACtB,CACH,CAAC;AACH,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"render.js","names":["_labsWidgetCommon","require","_react","_interopRequireDefault","_client","_graphql","_TickerTapeWidget","e","__esModule","default","graphqlUrl","liveRatesUrl","window","widgetsConfig","dataTickerTapeParamsElements","document","querySelectorAll","forEach","element","root","createRoot","params","getAttribute","mode","instruments","division","locale","size","motion","logoLink","JSON","parse","isParamError","validateToolParams","name","valueCheck","value","validateLocale","Object","values","Division","includes","length","render","createElement","TickerTapeWidget","theme"],"sources":["../../../src/TickerTapeWidget/render.tsx"],"sourcesContent":["import type { Theme } from '@oanda/labs-widget-common';\nimport { validateLocale, validateToolParams } from '@oanda/labs-widget-common';\nimport React from 'react';\nimport { createRoot } from 'react-dom/client';\n\nimport { Division } from '../gql/types/graphql';\nimport { TickerTapeWidget } from './TickerTapeWidget';\n\nconst { graphqlUrl, liveRatesUrl } = window.widgetsConfig || {};\n\nconst dataTickerTapeParamsElements = document.querySelectorAll(\n  'div[data-ticker-tape-params]'\n);\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 { instruments, division, locale, size, motion, logoLink } = JSON.parse(\n    params as string\n  );\n\n  const isParamError = validateToolParams(\n    {\n      division,\n      locale,\n      graphqlUrl,\n      liveRatesUrl,\n      instruments,\n    },\n    [\n      {\n        name: 'locale',\n        valueCheck: (value: string | undefined) => validateLocale(value),\n      },\n      {\n        name: 'division',\n        valueCheck: (value: Division) =>\n          Object.values(Division).includes(value),\n      },\n      {\n        name: 'instruments',\n        valueCheck: (value) => value.length > 0 && value.length <= 10,\n      },\n      {\n        name: 'graphqlUrl',\n      },\n      {\n        name: 'liveRatesUrl',\n      },\n    ]\n  );\n\n  root.render(\n    <TickerTapeWidget\n      division={division}\n      graphqlUrl={graphqlUrl}\n      instruments={instruments}\n      isParamError={isParamError}\n      liveRatesUrl={liveRatesUrl}\n      locale={locale}\n      logoLink={logoLink}\n      motion={motion}\n      size={size}\n      theme={mode as Theme}\n    />\n  );\n});\n"],"mappings":";;AACA,IAAAA,iBAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAEA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,iBAAA,GAAAL,OAAA;AAAsD,SAAAE,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEtD,MAAM;EAAEG,UAAU;EAAEC;AAAa,CAAC,GAAGC,MAAM,CAACC,aAAa,IAAI,CAAC,CAAC;AAE/D,MAAMC,4BAA4B,GAAGC,QAAQ,CAACC,gBAAgB,CAC5D,8BACF,CAAC;AAEDF,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;IAAEE,WAAW;IAAEC,QAAQ;IAAEC,MAAM;IAAEC,IAAI;IAAEC,MAAM;IAAEC;EAAS,CAAC,GAAGC,IAAI,CAACC,KAAK,CAC1EV,MACF,CAAC;EAED,MAAMW,YAAY,GAAG,IAAAC,oCAAkB,EACrC;IACER,QAAQ;IACRC,MAAM;IACNhB,UAAU;IACVC,YAAY;IACZa;EACF,CAAC,EACD,CACE;IACEU,IAAI,EAAE,QAAQ;IACdC,UAAU,EAAGC,KAAyB,IAAK,IAAAC,gCAAc,EAACD,KAAK;EACjE,CAAC,EACD;IACEF,IAAI,EAAE,UAAU;IAChBC,UAAU,EAAGC,KAAe,IAC1BE,MAAM,CAACC,MAAM,CAACC,iBAAQ,CAAC,CAACC,QAAQ,CAACL,KAAK;EAC1C,CAAC,EACD;IACEF,IAAI,EAAE,aAAa;IACnBC,UAAU,EAAGC,KAAK,IAAKA,KAAK,CAACM,MAAM,GAAG,CAAC,IAAIN,KAAK,CAACM,MAAM,IAAI;EAC7D,CAAC,EACD;IACER,IAAI,EAAE;EACR,CAAC,EACD;IACEA,IAAI,EAAE;EACR,CAAC,CAEL,CAAC;EAEDf,IAAI,CAACwB,MAAM,CACTzC,MAAA,CAAAO,OAAA,CAAAmC,aAAA,CAACtC,iBAAA,CAAAuC,gBAAgB;IACfpB,QAAQ,EAAEA,QAAS;IACnBf,UAAU,EAAEA,UAAW;IACvBc,WAAW,EAAEA,WAAY;IACzBQ,YAAY,EAAEA,YAAa;IAC3BrB,YAAY,EAAEA,YAAa;IAC3Be,MAAM,EAAEA,MAAO;IACfG,QAAQ,EAAEA,QAAS;IACnBD,MAAM,EAAEA,MAAO;IACfD,IAAI,EAAEA,IAAK;IACXmB,KAAK,EAAEvB;EAAc,CACtB,CACH,CAAC;AACH,CAAC,CAAC","ignoreList":[]}

package/dist/module/TickerTapeWidget/Main.js

@@ -29,7 +29,7 @@ const Main = _ref => {
     }
   }, [records]);
   return React.createElement("div", {
-    className: "lw-flex",
+    className: "lw-z-10 lw-flex",
     "data-testid": "ticker-tape-wrapper"
   }, React.createElement(MarqueeWrapper, {
     isStatic: motion === 'none',

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

@@ -1 +1 @@
-{"version":3,"file":"Main.js","names":["Tooltip","useLiveRatesQuery","classnames","React","useEffect","InstrumentRateWithData","MarqueeWrapper","INSTRUMENT_TOOLTIP_ID","Main","_ref","records","division","size","widgetSize","motion","target","setQuery","instrumentsNames","map","_ref2","instrument","instrumentName","instruments","createElement","className","isStatic","shouldPlay","length","record","key","id"],"sources":["../../../src/TickerTapeWidget/Main.tsx"],"sourcesContent":["import { Tooltip, useLiveRatesQuery } from '@oanda/labs-widget-common';\nimport classnames from 'classnames';\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}: 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 className=\"lw-flex\" data-testid=\"ticker-tape-wrapper\">\n      <MarqueeWrapper\n        isStatic={motion === 'none'}\n        shouldPlay={records.length > 0}\n      >\n        {records.map((record) => (\n          <div\n            key={record.instrument}\n            className={classnames(\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-h-[82px]': widgetSize !== 'compact',\n                'lw-h-[54px]': widgetSize === 'compact',\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              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,OAAO,EAAEC,iBAAiB,QAAQ,2BAA2B;AACtE,OAAOC,UAAU,MAAM,YAAY;AACnC,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,IAKI;EAAA,IALH;IACZC,OAAO;IACPC,QAAQ;IACRC,IAAI,EAAEC,UAAU,GAAG,eAAe;IAClCC,MAAM,GAAG;EACA,CAAC,GAAAL,IAAA;EACV,MAAM;IAAEM,MAAM;IAAEC;EAAS,CAAC,GAAGf,iBAAiB,CAAC,CAAC;EAEhD,MAAMgB,gBAAgB,GAAGP,OAAO,CAACQ,GAAG,CAClCC,KAAA;IAAA,IAAC;MAAEC,UAAU,EAAEC;IAAe,CAAC,GAAAF,KAAA;IAAA,OAAKE,cAAc;EAAA,CACpD,CAAC;EAEDjB,SAAS,CAAC,MAAM;IACd,IAAIa,gBAAgB,CAAC,CAAC,CAAC,EAAE;MACvBD,QAAQ,CAAC;QAAEM,WAAW,EAAEL;MAAiB,CAAC,CAAC;IAC7C;EAEF,CAAC,EAAE,CAACP,OAAO,CAAC,CAAC;EAEb,OACEP,KAAA,CAAAoB,aAAA;IAAKC,SAAS,EAAC,SAAS;IAAC,eAAY;EAAqB,GACxDrB,KAAA,CAAAoB,aAAA,CAACjB,cAAc;IACbmB,QAAQ,EAAEX,MAAM,KAAK,MAAO;IAC5BY,UAAU,EAAEhB,OAAO,CAACiB,MAAM,GAAG;EAAE,GAE9BjB,OAAO,CAACQ,GAAG,CAAEU,MAAM,IAClBzB,KAAA,CAAAoB,aAAA;IACEM,GAAG,EAAED,MAAM,CAACR,UAAW;IACvBI,SAAS,EAAEtB,UAAU,CACnB,qIAAqI,EACrI;MACE,aAAa,EAAEW,UAAU,KAAK,SAAS;MACvC,aAAa,EAAEA,UAAU,KAAK,SAAS;MACvC,2BAA2B,EAAEC,MAAM,KAAK;IAC1C,CACF;EAAE,GAEFX,KAAA,CAAAoB,aAAA,CAAClB,sBAAsB;IACrBM,QAAQ,EAAEA,QAAS;IACnBiB,MAAM,EAAEA,MAAO;IACfhB,IAAI,EAAEC,UAAW;IACjBE,MAAM,EAAEA;EAAO,CAChB,CACE,CACN,CACa,CAAC,EACjBZ,KAAA,CAAAoB,aAAA,CAACvB,OAAO;IAAC8B,EAAE,EAAEvB;EAAsB,CAAE,CAClC,CAAC;AAEV,CAAC;AAED,SAASC,IAAI","ignoreList":[]}
+{"version":3,"file":"Main.js","names":["Tooltip","useLiveRatesQuery","classnames","React","useEffect","InstrumentRateWithData","MarqueeWrapper","INSTRUMENT_TOOLTIP_ID","Main","_ref","records","division","size","widgetSize","motion","target","setQuery","instrumentsNames","map","_ref2","instrument","instrumentName","instruments","createElement","className","isStatic","shouldPlay","length","record","key","id"],"sources":["../../../src/TickerTapeWidget/Main.tsx"],"sourcesContent":["import { Tooltip, useLiveRatesQuery } from '@oanda/labs-widget-common';\nimport classnames from 'classnames';\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}: 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 className=\"lw-z-10 lw-flex\" data-testid=\"ticker-tape-wrapper\">\n      <MarqueeWrapper\n        isStatic={motion === 'none'}\n        shouldPlay={records.length > 0}\n      >\n        {records.map((record) => (\n          <div\n            key={record.instrument}\n            className={classnames(\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-h-[82px]': widgetSize !== 'compact',\n                'lw-h-[54px]': widgetSize === 'compact',\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              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,OAAO,EAAEC,iBAAiB,QAAQ,2BAA2B;AACtE,OAAOC,UAAU,MAAM,YAAY;AACnC,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,IAKI;EAAA,IALH;IACZC,OAAO;IACPC,QAAQ;IACRC,IAAI,EAAEC,UAAU,GAAG,eAAe;IAClCC,MAAM,GAAG;EACA,CAAC,GAAAL,IAAA;EACV,MAAM;IAAEM,MAAM;IAAEC;EAAS,CAAC,GAAGf,iBAAiB,CAAC,CAAC;EAEhD,MAAMgB,gBAAgB,GAAGP,OAAO,CAACQ,GAAG,CAClCC,KAAA;IAAA,IAAC;MAAEC,UAAU,EAAEC;IAAe,CAAC,GAAAF,KAAA;IAAA,OAAKE,cAAc;EAAA,CACpD,CAAC;EAEDjB,SAAS,CAAC,MAAM;IACd,IAAIa,gBAAgB,CAAC,CAAC,CAAC,EAAE;MACvBD,QAAQ,CAAC;QAAEM,WAAW,EAAEL;MAAiB,CAAC,CAAC;IAC7C;EAEF,CAAC,EAAE,CAACP,OAAO,CAAC,CAAC;EAEb,OACEP,KAAA,CAAAoB,aAAA;IAAKC,SAAS,EAAC,iBAAiB;IAAC,eAAY;EAAqB,GAChErB,KAAA,CAAAoB,aAAA,CAACjB,cAAc;IACbmB,QAAQ,EAAEX,MAAM,KAAK,MAAO;IAC5BY,UAAU,EAAEhB,OAAO,CAACiB,MAAM,GAAG;EAAE,GAE9BjB,OAAO,CAACQ,GAAG,CAAEU,MAAM,IAClBzB,KAAA,CAAAoB,aAAA;IACEM,GAAG,EAAED,MAAM,CAACR,UAAW;IACvBI,SAAS,EAAEtB,UAAU,CACnB,qIAAqI,EACrI;MACE,aAAa,EAAEW,UAAU,KAAK,SAAS;MACvC,aAAa,EAAEA,UAAU,KAAK,SAAS;MACvC,2BAA2B,EAAEC,MAAM,KAAK;IAC1C,CACF;EAAE,GAEFX,KAAA,CAAAoB,aAAA,CAAClB,sBAAsB;IACrBM,QAAQ,EAAEA,QAAS;IACnBiB,MAAM,EAAEA,MAAO;IACfhB,IAAI,EAAEC,UAAW;IACjBE,MAAM,EAAEA;EAAO,CAChB,CACE,CACN,CACa,CAAC,EACjBZ,KAAA,CAAAoB,aAAA,CAACvB,OAAO;IAAC8B,EAAE,EAAEvB;EAAsB,CAAE,CAClC,CAAC;AAEV,CAAC;AAED,SAASC,IAAI","ignoreList":[]}

package/dist/module/TickerTapeWidget/TickerTapeWidget.js

@@ -16,7 +16,8 @@ const TickerTapeWidget = _ref => {
     removePadding,
     size,
     motion,
-    logoLink
+    logoLink,
+    brandingSpace
   } = _ref;
   const client = new ApolloClient({
     uri: graphqlUrl,
@@ -42,6 +43,8 @@ const TickerTapeWidget = _ref => {
     theme: theme,
     translations: translations
   }, React.createElement(WidgetWrapper, {
+    brandingSpace: brandingSpace,
+    fitContent: motion === 'none',
     isParamError: isParamError,
     linkArea: "full",
     logoLink: logoLink

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

@@ -1 +1 @@
-{"version":3,"file":"TickerTapeWidget.js","names":["ApolloClient","InMemoryCache","WidgetProvider","WidgetWrapper","React","translations","Division","ValidationWrapper","TickerTapeWidget","_ref","graphqlUrl","liveRatesUrl","instruments","division","locale","theme","isParamError","removePadding","size","motion","logoLink","client","uri","cache","divisionCode","Opt","Ogm","dataSource","createElement","withSuspense","liveRates","url","options","styling","fitContent","linkArea"],"sources":["../../../src/TickerTapeWidget/TickerTapeWidget.tsx"],"sourcesContent":["import { ApolloClient, InMemoryCache } from '@apollo/client';\nimport { WidgetProvider, WidgetWrapper } from '@oanda/labs-widget-common';\nimport React from 'react';\n\nimport { translations } from '../translations';\nimport type { TickerTapeConfig } from './types';\nimport { Division } from './types';\nimport { ValidationWrapper } from './ValidationWrapper';\n\nconst TickerTapeWidget = ({\n  graphqlUrl,\n  liveRatesUrl,\n  instruments,\n  division,\n  locale,\n  theme,\n  isParamError,\n  removePadding,\n  size,\n  motion,\n  logoLink,\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    <WidgetProvider\n      withSuspense\n      client={client}\n      liveRates={{\n        url: liveRatesUrl,\n        options: { divisionCode, dataSource },\n      }}\n      locale={locale}\n      styling={{\n        removePadding,\n        fitContent: motion === 'none',\n      }}\n      theme={theme}\n      translations={translations}\n    >\n      <WidgetWrapper\n        isParamError={isParamError}\n        linkArea=\"full\"\n        logoLink={logoLink}\n      >\n        <ValidationWrapper\n          division={division}\n          instruments={instruments}\n          isParamError={isParamError}\n          motion={motion}\n          size={size}\n        />\n      </WidgetWrapper>\n    </WidgetProvider>\n  );\n};\n\nexport { TickerTapeWidget };\n"],"mappings":"AAAA,SAASA,YAAY,EAAEC,aAAa,QAAQ,gBAAgB;AAC5D,SAASC,cAAc,EAAEC,aAAa,QAAQ,2BAA2B;AACzE,OAAOC,KAAK,MAAM,OAAO;AAEzB,SAASC,YAAY,QAAQ,iBAAiB;AAE9C,SAASC,QAAQ,QAAQ,SAAS;AAClC,SAASC,iBAAiB,QAAQ,qBAAqB;AAEvD,MAAMC,gBAAgB,GAAGC,IAAA,IAYD;EAAA,IAZE;IACxBC,UAAU;IACVC,YAAY;IACZC,WAAW;IACXC,QAAQ;IACRC,MAAM;IACNC,KAAK;IACLC,YAAY;IACZC,aAAa;IACbC,IAAI;IACJC,MAAM;IACNC;EACgB,CAAC,GAAAX,IAAA;EACjB,MAAMY,MAAM,GAAG,IAAIrB,YAAY,CAAC;IAC9BsB,GAAG,EAAEZ,UAAU;IACfa,KAAK,EAAE,IAAItB,aAAa,CAAC;EAC3B,CAAC,CAAC;EAEF,MAAMuB,YAAY,GAAGX,QAAQ,KAAKP,QAAQ,CAACmB,GAAG,GAAGnB,QAAQ,CAACoB,GAAG,GAAGb,QAAQ;EACxE,MAAMc,UAAU,GAAGH,YAAY,KAAKlB,QAAQ,CAACoB,GAAG,GAAG,KAAK,GAAG,KAAK;EAEhE,OACEtB,KAAA,CAAAwB,aAAA,CAAC1B,cAAc;IACb2B,YAAY;IACZR,MAAM,EAAEA,MAAO;IACfS,SAAS,EAAE;MACTC,GAAG,EAAEpB,YAAY;MACjBqB,OAAO,EAAE;QAAER,YAAY;QAAEG;MAAW;IACtC,CAAE;IACFb,MAAM,EAAEA,MAAO;IACfmB,OAAO,EAAE;MACPhB,aAAa;MACbiB,UAAU,EAAEf,MAAM,KAAK;IACzB,CAAE;IACFJ,KAAK,EAAEA,KAAM;IACbV,YAAY,EAAEA;EAAa,GAE3BD,KAAA,CAAAwB,aAAA,CAACzB,aAAa;IACZa,YAAY,EAAEA,YAAa;IAC3BmB,QAAQ,EAAC,MAAM;IACff,QAAQ,EAAEA;EAAS,GAEnBhB,KAAA,CAAAwB,aAAA,CAACrB,iBAAiB;IAChBM,QAAQ,EAAEA,QAAS;IACnBD,WAAW,EAAEA,WAAY;IACzBI,YAAY,EAAEA,YAAa;IAC3BG,MAAM,EAAEA,MAAO;IACfD,IAAI,EAAEA;EAAK,CACZ,CACY,CACD,CAAC;AAErB,CAAC;AAED,SAASV,gBAAgB","ignoreList":[]}
+{"version":3,"file":"TickerTapeWidget.js","names":["ApolloClient","InMemoryCache","WidgetProvider","WidgetWrapper","React","translations","Division","ValidationWrapper","TickerTapeWidget","_ref","graphqlUrl","liveRatesUrl","instruments","division","locale","theme","isParamError","removePadding","size","motion","logoLink","brandingSpace","client","uri","cache","divisionCode","Opt","Ogm","dataSource","createElement","withSuspense","liveRates","url","options","styling","fitContent","linkArea"],"sources":["../../../src/TickerTapeWidget/TickerTapeWidget.tsx"],"sourcesContent":["import { ApolloClient, InMemoryCache } from '@apollo/client';\nimport { WidgetProvider, WidgetWrapper } from '@oanda/labs-widget-common';\nimport React from 'react';\n\nimport { translations } from '../translations';\nimport type { TickerTapeConfig } from './types';\nimport { Division } from './types';\nimport { ValidationWrapper } from './ValidationWrapper';\n\nconst TickerTapeWidget = ({\n  graphqlUrl,\n  liveRatesUrl,\n  instruments,\n  division,\n  locale,\n  theme,\n  isParamError,\n  removePadding,\n  size,\n  motion,\n  logoLink,\n  brandingSpace,\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    <WidgetProvider\n      withSuspense\n      client={client}\n      liveRates={{\n        url: liveRatesUrl,\n        options: { divisionCode, dataSource },\n      }}\n      locale={locale}\n      styling={{\n        removePadding,\n        fitContent: motion === 'none',\n      }}\n      theme={theme}\n      translations={translations}\n    >\n      <WidgetWrapper\n        brandingSpace={brandingSpace}\n        fitContent={motion === 'none'}\n        isParamError={isParamError}\n        linkArea=\"full\"\n        logoLink={logoLink}\n      >\n        <ValidationWrapper\n          division={division}\n          instruments={instruments}\n          isParamError={isParamError}\n          motion={motion}\n          size={size}\n        />\n      </WidgetWrapper>\n    </WidgetProvider>\n  );\n};\n\nexport { TickerTapeWidget };\n"],"mappings":"AAAA,SAASA,YAAY,EAAEC,aAAa,QAAQ,gBAAgB;AAC5D,SAASC,cAAc,EAAEC,aAAa,QAAQ,2BAA2B;AACzE,OAAOC,KAAK,MAAM,OAAO;AAEzB,SAASC,YAAY,QAAQ,iBAAiB;AAE9C,SAASC,QAAQ,QAAQ,SAAS;AAClC,SAASC,iBAAiB,QAAQ,qBAAqB;AAEvD,MAAMC,gBAAgB,GAAGC,IAAA,IAaD;EAAA,IAbE;IACxBC,UAAU;IACVC,YAAY;IACZC,WAAW;IACXC,QAAQ;IACRC,MAAM;IACNC,KAAK;IACLC,YAAY;IACZC,aAAa;IACbC,IAAI;IACJC,MAAM;IACNC,QAAQ;IACRC;EACgB,CAAC,GAAAZ,IAAA;EACjB,MAAMa,MAAM,GAAG,IAAItB,YAAY,CAAC;IAC9BuB,GAAG,EAAEb,UAAU;IACfc,KAAK,EAAE,IAAIvB,aAAa,CAAC;EAC3B,CAAC,CAAC;EAEF,MAAMwB,YAAY,GAAGZ,QAAQ,KAAKP,QAAQ,CAACoB,GAAG,GAAGpB,QAAQ,CAACqB,GAAG,GAAGd,QAAQ;EACxE,MAAMe,UAAU,GAAGH,YAAY,KAAKnB,QAAQ,CAACqB,GAAG,GAAG,KAAK,GAAG,KAAK;EAEhE,OACEvB,KAAA,CAAAyB,aAAA,CAAC3B,cAAc;IACb4B,YAAY;IACZR,MAAM,EAAEA,MAAO;IACfS,SAAS,EAAE;MACTC,GAAG,EAAErB,YAAY;MACjBsB,OAAO,EAAE;QAAER,YAAY;QAAEG;MAAW;IACtC,CAAE;IACFd,MAAM,EAAEA,MAAO;IACfoB,OAAO,EAAE;MACPjB,aAAa;MACbkB,UAAU,EAAEhB,MAAM,KAAK;IACzB,CAAE;IACFJ,KAAK,EAAEA,KAAM;IACbV,YAAY,EAAEA;EAAa,GAE3BD,KAAA,CAAAyB,aAAA,CAAC1B,aAAa;IACZkB,aAAa,EAAEA,aAAc;IAC7Bc,UAAU,EAAEhB,MAAM,KAAK,MAAO;IAC9BH,YAAY,EAAEA,YAAa;IAC3BoB,QAAQ,EAAC,MAAM;IACfhB,QAAQ,EAAEA;EAAS,GAEnBhB,KAAA,CAAAyB,aAAA,CAACtB,iBAAiB;IAChBM,QAAQ,EAAEA,QAAS;IACnBD,WAAW,EAAEA,WAAY;IACzBI,YAAY,EAAEA,YAAa;IAC3BG,MAAM,EAAEA,MAAO;IACfD,IAAI,EAAEA;EAAK,CACZ,CACY,CACD,CAAC;AAErB,CAAC;AAED,SAASV,gBAAgB","ignoreList":[]}

package/dist/module/TickerTapeWidget/render.js

@@ -17,7 +17,8 @@ dataTickerTapeParamsElements.forEach(element => {
     division,
     locale,
     size,
-    motion
+    motion,
+    logoLink
   } = JSON.parse(params);
   const isParamError = validateToolParams({
     division,
@@ -46,6 +47,7 @@ dataTickerTapeParamsElements.forEach(element => {
     isParamError: isParamError,
     liveRatesUrl: liveRatesUrl,
     locale: locale,
+    logoLink: logoLink,
     motion: motion,
     size: size,
     theme: mode

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

@@ -1 +1 @@
-{"version":3,"file":"render.js","names":["validateLocale","validateToolParams","React","createRoot","Division","TickerTapeWidget","graphqlUrl","liveRatesUrl","window","widgetsConfig","dataTickerTapeParamsElements","document","querySelectorAll","forEach","element","root","params","getAttribute","mode","instruments","division","locale","size","motion","JSON","parse","isParamError","name","valueCheck","value","Object","values","includes","length","render","createElement","theme"],"sources":["../../../src/TickerTapeWidget/render.tsx"],"sourcesContent":["import type { Theme } from '@oanda/labs-widget-common';\nimport { validateLocale, validateToolParams } from '@oanda/labs-widget-common';\nimport React from 'react';\nimport { createRoot } from 'react-dom/client';\n\nimport { Division } from '../gql/types/graphql';\nimport { TickerTapeWidget } from './TickerTapeWidget';\n\nconst { graphqlUrl, liveRatesUrl } = window.widgetsConfig || {};\n\nconst dataTickerTapeParamsElements = document.querySelectorAll(\n  'div[data-ticker-tape-params]'\n);\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 { instruments, division, locale, size, motion } = JSON.parse(\n    params as string\n  );\n\n  const isParamError = validateToolParams(\n    {\n      division,\n      locale,\n      graphqlUrl,\n      liveRatesUrl,\n      instruments,\n    },\n    [\n      {\n        name: 'locale',\n        valueCheck: (value: string | undefined) => validateLocale(value),\n      },\n      {\n        name: 'division',\n        valueCheck: (value: Division) =>\n          Object.values(Division).includes(value),\n      },\n      {\n        name: 'instruments',\n        valueCheck: (value) => value.length > 0 && value.length <= 10,\n      },\n      {\n        name: 'graphqlUrl',\n      },\n      {\n        name: 'liveRatesUrl',\n      },\n    ]\n  );\n\n  root.render(\n    <TickerTapeWidget\n      division={division}\n      graphqlUrl={graphqlUrl}\n      instruments={instruments}\n      isParamError={isParamError}\n      liveRatesUrl={liveRatesUrl}\n      locale={locale}\n      motion={motion}\n      size={size}\n      theme={mode as Theme}\n    />\n  );\n});\n"],"mappings":"AACA,SAASA,cAAc,EAAEC,kBAAkB,QAAQ,2BAA2B;AAC9E,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,QAAQ,QAAQ,sBAAsB;AAC/C,SAASC,gBAAgB,QAAQ,oBAAoB;AAErD,MAAM;EAAEC,UAAU;EAAEC;AAAa,CAAC,GAAGC,MAAM,CAACC,aAAa,IAAI,CAAC,CAAC;AAE/D,MAAMC,4BAA4B,GAAGC,QAAQ,CAACC,gBAAgB,CAC5D,8BACF,CAAC;AAEDF,4BAA4B,CAACG,OAAO,CAAEC,OAAO,IAAK;EAChD,MAAMC,IAAI,GAAGZ,UAAU,CAACW,OAAO,CAAC;EAChC,MAAME,MAAM,GAAGF,OAAO,CAACG,YAAY,CAAC,yBAAyB,CAAC;EAC9D,MAAMC,IAAI,GAAGJ,OAAO,CAACG,YAAY,CAAC,WAAW,CAAC;EAC9C,MAAM;IAAEE,WAAW;IAAEC,QAAQ;IAAEC,MAAM;IAAEC,IAAI;IAAEC;EAAO,CAAC,GAAGC,IAAI,CAACC,KAAK,CAChET,MACF,CAAC;EAED,MAAMU,YAAY,GAAGzB,kBAAkB,CACrC;IACEmB,QAAQ;IACRC,MAAM;IACNf,UAAU;IACVC,YAAY;IACZY;EACF,CAAC,EACD,CACE;IACEQ,IAAI,EAAE,QAAQ;IACdC,UAAU,EAAGC,KAAyB,IAAK7B,cAAc,CAAC6B,KAAK;EACjE,CAAC,EACD;IACEF,IAAI,EAAE,UAAU;IAChBC,UAAU,EAAGC,KAAe,IAC1BC,MAAM,CAACC,MAAM,CAAC3B,QAAQ,CAAC,CAAC4B,QAAQ,CAACH,KAAK;EAC1C,CAAC,EACD;IACEF,IAAI,EAAE,aAAa;IACnBC,UAAU,EAAGC,KAAK,IAAKA,KAAK,CAACI,MAAM,GAAG,CAAC,IAAIJ,KAAK,CAACI,MAAM,IAAI;EAC7D,CAAC,EACD;IACEN,IAAI,EAAE;EACR,CAAC,EACD;IACEA,IAAI,EAAE;EACR,CAAC,CAEL,CAAC;EAEDZ,IAAI,CAACmB,MAAM,CACThC,KAAA,CAAAiC,aAAA,CAAC9B,gBAAgB;IACfe,QAAQ,EAAEA,QAAS;IACnBd,UAAU,EAAEA,UAAW;IACvBa,WAAW,EAAEA,WAAY;IACzBO,YAAY,EAAEA,YAAa;IAC3BnB,YAAY,EAAEA,YAAa;IAC3Bc,MAAM,EAAEA,MAAO;IACfE,MAAM,EAAEA,MAAO;IACfD,IAAI,EAAEA,IAAK;IACXc,KAAK,EAAElB;EAAc,CACtB,CACH,CAAC;AACH,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"render.js","names":["validateLocale","validateToolParams","React","createRoot","Division","TickerTapeWidget","graphqlUrl","liveRatesUrl","window","widgetsConfig","dataTickerTapeParamsElements","document","querySelectorAll","forEach","element","root","params","getAttribute","mode","instruments","division","locale","size","motion","logoLink","JSON","parse","isParamError","name","valueCheck","value","Object","values","includes","length","render","createElement","theme"],"sources":["../../../src/TickerTapeWidget/render.tsx"],"sourcesContent":["import type { Theme } from '@oanda/labs-widget-common';\nimport { validateLocale, validateToolParams } from '@oanda/labs-widget-common';\nimport React from 'react';\nimport { createRoot } from 'react-dom/client';\n\nimport { Division } from '../gql/types/graphql';\nimport { TickerTapeWidget } from './TickerTapeWidget';\n\nconst { graphqlUrl, liveRatesUrl } = window.widgetsConfig || {};\n\nconst dataTickerTapeParamsElements = document.querySelectorAll(\n  'div[data-ticker-tape-params]'\n);\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 { instruments, division, locale, size, motion, logoLink } = JSON.parse(\n    params as string\n  );\n\n  const isParamError = validateToolParams(\n    {\n      division,\n      locale,\n      graphqlUrl,\n      liveRatesUrl,\n      instruments,\n    },\n    [\n      {\n        name: 'locale',\n        valueCheck: (value: string | undefined) => validateLocale(value),\n      },\n      {\n        name: 'division',\n        valueCheck: (value: Division) =>\n          Object.values(Division).includes(value),\n      },\n      {\n        name: 'instruments',\n        valueCheck: (value) => value.length > 0 && value.length <= 10,\n      },\n      {\n        name: 'graphqlUrl',\n      },\n      {\n        name: 'liveRatesUrl',\n      },\n    ]\n  );\n\n  root.render(\n    <TickerTapeWidget\n      division={division}\n      graphqlUrl={graphqlUrl}\n      instruments={instruments}\n      isParamError={isParamError}\n      liveRatesUrl={liveRatesUrl}\n      locale={locale}\n      logoLink={logoLink}\n      motion={motion}\n      size={size}\n      theme={mode as Theme}\n    />\n  );\n});\n"],"mappings":"AACA,SAASA,cAAc,EAAEC,kBAAkB,QAAQ,2BAA2B;AAC9E,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,QAAQ,QAAQ,sBAAsB;AAC/C,SAASC,gBAAgB,QAAQ,oBAAoB;AAErD,MAAM;EAAEC,UAAU;EAAEC;AAAa,CAAC,GAAGC,MAAM,CAACC,aAAa,IAAI,CAAC,CAAC;AAE/D,MAAMC,4BAA4B,GAAGC,QAAQ,CAACC,gBAAgB,CAC5D,8BACF,CAAC;AAEDF,4BAA4B,CAACG,OAAO,CAAEC,OAAO,IAAK;EAChD,MAAMC,IAAI,GAAGZ,UAAU,CAACW,OAAO,CAAC;EAChC,MAAME,MAAM,GAAGF,OAAO,CAACG,YAAY,CAAC,yBAAyB,CAAC;EAC9D,MAAMC,IAAI,GAAGJ,OAAO,CAACG,YAAY,CAAC,WAAW,CAAC;EAC9C,MAAM;IAAEE,WAAW;IAAEC,QAAQ;IAAEC,MAAM;IAAEC,IAAI;IAAEC,MAAM;IAAEC;EAAS,CAAC,GAAGC,IAAI,CAACC,KAAK,CAC1EV,MACF,CAAC;EAED,MAAMW,YAAY,GAAG1B,kBAAkB,CACrC;IACEmB,QAAQ;IACRC,MAAM;IACNf,UAAU;IACVC,YAAY;IACZY;EACF,CAAC,EACD,CACE;IACES,IAAI,EAAE,QAAQ;IACdC,UAAU,EAAGC,KAAyB,IAAK9B,cAAc,CAAC8B,KAAK;EACjE,CAAC,EACD;IACEF,IAAI,EAAE,UAAU;IAChBC,UAAU,EAAGC,KAAe,IAC1BC,MAAM,CAACC,MAAM,CAAC5B,QAAQ,CAAC,CAAC6B,QAAQ,CAACH,KAAK;EAC1C,CAAC,EACD;IACEF,IAAI,EAAE,aAAa;IACnBC,UAAU,EAAGC,KAAK,IAAKA,KAAK,CAACI,MAAM,GAAG,CAAC,IAAIJ,KAAK,CAACI,MAAM,IAAI;EAC7D,CAAC,EACD;IACEN,IAAI,EAAE;EACR,CAAC,EACD;IACEA,IAAI,EAAE;EACR,CAAC,CAEL,CAAC;EAEDb,IAAI,CAACoB,MAAM,CACTjC,KAAA,CAAAkC,aAAA,CAAC/B,gBAAgB;IACfe,QAAQ,EAAEA,QAAS;IACnBd,UAAU,EAAEA,UAAW;IACvBa,WAAW,EAAEA,WAAY;IACzBQ,YAAY,EAAEA,YAAa;IAC3BpB,YAAY,EAAEA,YAAa;IAC3Bc,MAAM,EAAEA,MAAO;IACfG,QAAQ,EAAEA,QAAS;IACnBD,MAAM,EAAEA,MAAO;IACfD,IAAI,EAAEA,IAAK;IACXe,KAAK,EAAEnB;EAAc,CACtB,CACH,CAAC;AACH,CAAC,CAAC","ignoreList":[]}

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

@@ -1,4 +1,4 @@
 import React from 'react';
 import type { TickerTapeConfig } from './types';
-declare const TickerTapeWidget: ({ graphqlUrl, liveRatesUrl, instruments, division, locale, theme, isParamError, removePadding, size, motion, logoLink, }: TickerTapeConfig) => React.JSX.Element;
+declare const TickerTapeWidget: ({ graphqlUrl, liveRatesUrl, instruments, division, locale, theme, isParamError, removePadding, size, motion, logoLink, brandingSpace, }: TickerTapeConfig) => React.JSX.Element;
 export { TickerTapeWidget };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oanda/labs-ticker-tape-widget",
-  "version": "1.0.33",
+  "version": "1.0.35",
   "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.177",
+    "@oanda/labs-widget-common": "^1.0.179",
     "@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": "e1568a944573675226db214bea0022af67a3ca2f"
+  "gitHead": "3a1843166935a46ac099a9807d381f0db743b4b3"
 }

package/src/TickerTapeWidget/Main.tsx

@@ -27,7 +27,7 @@ const Main = ({
   }, [records]);
 
   return (
-    <div className="lw-flex" data-testid="ticker-tape-wrapper">
+    <div className="lw-z-10 lw-flex" data-testid="ticker-tape-wrapper">
       <MarqueeWrapper
         isStatic={motion === 'none'}
         shouldPlay={records.length > 0}

package/src/TickerTapeWidget/TickerTapeWidget.tsx

@@ -19,6 +19,7 @@ const TickerTapeWidget = ({
   size,
   motion,
   logoLink,
+  brandingSpace,
 }: TickerTapeConfig) => {
   const client = new ApolloClient({
     uri: graphqlUrl,
@@ -45,6 +46,8 @@ const TickerTapeWidget = ({
       translations={translations}
     >
       <WidgetWrapper
+        brandingSpace={brandingSpace}
+        fitContent={motion === 'none'}
         isParamError={isParamError}
         linkArea="full"
         logoLink={logoLink}

package/src/TickerTapeWidget/render.tsx

@@ -16,7 +16,7 @@ dataTickerTapeParamsElements.forEach((element) => {
   const root = createRoot(element);
   const params = element.getAttribute('data-ticker-tape-params');
   const mode = element.getAttribute('data-mode');
-  const { instruments, division, locale, size, motion } = JSON.parse(
+  const { instruments, division, locale, size, motion, logoLink } = JSON.parse(
     params as string
   );
 
@@ -59,6 +59,7 @@ dataTickerTapeParamsElements.forEach((element) => {
       isParamError={isParamError}
       liveRatesUrl={liveRatesUrl}
       locale={locale}
+      logoLink={logoLink}
       motion={motion}
       size={size}
       theme={mode as Theme}