@oanda/labs-ticker-tape-widget 1.0.37 → 1.0.38

package/CHANGELOG.md

@@ -3,6 +3,162 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 1.0.38 (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.37 (2025-03-13)
 
 

package/dist/main/TickerTapeWidget/Main.js

@@ -5,20 +5,20 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Main = void 0;
 var _labsWidgetCommon = require("@oanda/labs-widget-common");
-var _classnames = _interopRequireDefault(require("classnames"));
 var _react = _interopRequireWildcard(require("react"));
 var _InstrumentRateWithData = require("./components/InstrumentRateWithData");
 var _MarqueeWrapper = require("./components/MarqueeWrapper");
 var _constant = require("./constant");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const Main = _ref => {
   let {
     records,
     division,
     size: widgetSize = 'fullWithChart',
-    motion = 'linear'
+    motion = 'linear',
+    removeTopBorder,
+    slim
   } = _ref;
   const {
     target,
@@ -45,15 +45,15 @@ const Main = _ref => {
     shouldPlay: records.length > 0
   }, records.map(record => _react.default.createElement("div", {
     key: record.instrument,
-    className: (0, _classnames.default)('lw-flex lw-border lw-border-r-0 lw-border-solid lw-border-border-primary lw-px-4 lw-text-sm lw-tracking-normal lw-text-text-primary', {
-      'lw-h-[82px]': widgetSize !== 'compact',
-      'lw-h-[54px]': widgetSize === 'compact',
+    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","_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\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={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;IACEC,SAAS,EAAC,kCAAkC;IAC5C,eAAY;EAAqB,GAEjC3C,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","_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":[]}

package/dist/main/TickerTapeWidget/TickerTapeWidget.js

@@ -22,9 +22,11 @@ const TickerTapeWidget = _ref => {
     isParamError,
     removePadding,
     size,
+    removeTopBorder,
     motion,
     logoLink,
-    brandingSpace
+    brandingSpace,
+    slim
   } = _ref;
   const client = new _client.ApolloClient({
     uri: graphqlUrl,
@@ -60,7 +62,9 @@ const TickerTapeWidget = _ref => {
     instruments: instruments,
     isParamError: isParamError,
     motion: motion,
-    size: size
+    removeTopBorder: removeTopBorder,
+    size: size,
+    slim: slim
   })));
 };
 exports.TickerTapeWidget = TickerTapeWidget;

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","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":[]}
+{"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","removeTopBorder","motion","logoLink","brandingSpace","slim","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  removeTopBorder,\n  motion,\n  logoLink,\n  brandingSpace,\n  slim,\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          removeTopBorder={removeTopBorder}\n          size={size}\n          slim={slim}\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,IAeD;EAAA,IAfE;IACxBC,UAAU;IACVC,YAAY;IACZC,WAAW;IACXC,QAAQ;IACRC,MAAM;IACNC,KAAK;IACLC,YAAY;IACZC,aAAa;IACbC,IAAI;IACJC,eAAe;IACfC,MAAM;IACNC,QAAQ;IACRC,aAAa;IACbC;EACgB,CAAC,GAAAd,IAAA;EACjB,MAAMe,MAAM,GAAG,IAAIC,oBAAY,CAAC;IAC9BC,GAAG,EAAEhB,UAAU;IACfiB,KAAK,EAAE,IAAIC,qBAAa,CAAC;EAC3B,CAAC,CAAC;EAEF,MAAMC,YAAY,GAAGhB,QAAQ,KAAKiB,eAAQ,CAACC,GAAG,GAAGD,eAAQ,CAACE,GAAG,GAAGnB,QAAQ;EACxE,MAAMoB,UAAU,GAAGJ,YAAY,KAAKC,eAAQ,CAACE,GAAG,GAAG,KAAK,GAAG,KAAK;EAEhE,OACEhC,MAAA,CAAAO,OAAA,CAAA2B,aAAA,CAACnC,iBAAA,CAAAoC,cAAc;IACbC,YAAY;IACZZ,MAAM,EAAEA,MAAO;IACfa,SAAS,EAAE;MACTC,GAAG,EAAE3B,YAAY;MACjB4B,OAAO,EAAE;QAAEV,YAAY;QAAEI;MAAW;IACtC,CAAE;IACFnB,MAAM,EAAEA,MAAO;IACf0B,OAAO,EAAE;MACPvB,aAAa;MACbwB,UAAU,EAAErB,MAAM,KAAK;IACzB,CAAE;IACFL,KAAK,EAAEA,KAAM;IACb2B,YAAY,EAAEA;EAAa,GAE3B1C,MAAA,CAAAO,OAAA,CAAA2B,aAAA,CAACnC,iBAAA,CAAA4C,aAAa;IACZrB,aAAa,EAAEA,aAAc;IAC7BmB,UAAU,EAAErB,MAAM,KAAK,MAAO;IAC9BJ,YAAY,EAAEA,YAAa;IAC3B4B,QAAQ,EAAC,MAAM;IACfvB,QAAQ,EAAEA;EAAS,GAEnBrB,MAAA,CAAAO,OAAA,CAAA2B,aAAA,CAAC9B,kBAAA,CAAAyC,iBAAiB;IAChBhC,QAAQ,EAAEA,QAAS;IACnBD,WAAW,EAAEA,WAAY;IACzBI,YAAY,EAAEA,YAAa;IAC3BI,MAAM,EAAEA,MAAO;IACfD,eAAe,EAAEA,eAAgB;IACjCD,IAAI,EAAEA,IAAK;IACXK,IAAI,EAAEA;EAAK,CACZ,CACY,CACD,CAAC;AAErB,CAAC;AAACuB,OAAA,CAAAtC,gBAAA,GAAAA,gBAAA","ignoreList":[]}

package/dist/main/TickerTapeWidget/ValidationWrapper.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.ValidationWrapper = void 0;
 var _client = require("@apollo/client");
 var _labsWidgetCommon = require("@oanda/labs-widget-common");
-var _classnames = _interopRequireDefault(require("classnames"));
 var _react = _interopRequireDefault(require("react"));
 var _validateInstruments = require("../gql/validateInstruments");
 var _Main = require("./Main");
@@ -18,7 +17,9 @@ const ValidationWrapper = _ref => {
     division,
     size: widgetSize,
     motion,
-    isParamError
+    isParamError,
+    removeTopBorder,
+    slim
   } = _ref;
   const {
     size
@@ -39,12 +40,11 @@ const ValidationWrapper = _ref => {
     division: division,
     motion: motion,
     records: (0, _utils.getRecords)(data),
-    size: widgetSize
+    removeTopBorder: removeTopBorder,
+    size: widgetSize,
+    slim: slim
   }), showError && _react.default.createElement("div", {
-    className: (0, _classnames.default)('lw-flex lw-border lw-border-solid lw-border-border-primary lw-px-4 lw-text-sm lw-tracking-normal lw-text-text-primary', {
-      'lw-h-[82px]': widgetSize !== 'compact',
-      'lw-h-[54px]': widgetSize === 'compact'
-    })
+    className: (0, _labsWidgetCommon.cn)('flex border border-solid border-border-primary px-4 text-sm tracking-normal text-text-primary')
   }, _react.default.createElement(_labsWidgetCommon.Error, null)));
 };
 exports.ValidationWrapper = ValidationWrapper;

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

@@ -1 +1 @@
-{"version":3,"file":"ValidationWrapper.js","names":["_client","require","_labsWidgetCommon","_classnames","_interopRequireDefault","_react","_validateInstruments","_Main","_utils","e","__esModule","default","ValidationWrapper","_ref","instruments","division","size","widgetSize","motion","isParamError","useLayoutProvider","data","error","useSuspenseQuery","validateInstruments","variables","fetchPolicy","errorPolicy","showError","createElement","Fragment","Main","records","getRecords","className","classnames","Error","exports"],"sources":["../../../src/TickerTapeWidget/ValidationWrapper.tsx"],"sourcesContent":["import { useSuspenseQuery } from '@apollo/client';\nimport { Error, useLayoutProvider } from '@oanda/labs-widget-common';\nimport classnames from 'classnames';\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}: 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          size={widgetSize}\n        />\n      )}\n      {showError && (\n        <div\n          className={classnames(\n            'lw-flex lw-border 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            }\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,WAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,MAAA,GAAAD,sBAAA,CAAAH,OAAA;AAMA,IAAAK,oBAAA,GAAAL,OAAA;AACA,IAAAM,KAAA,GAAAN,OAAA;AAEA,IAAAO,MAAA,GAAAP,OAAA;AAAqC,SAAAG,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAErC,MAAMG,iBAAiB,GAAGC,IAAA,IAMI;EAAA,IANH;IACzBC,WAAW;IACXC,QAAQ;IACRC,IAAI,EAAEC,UAAU;IAChBC,MAAM;IACNC;EACsB,CAAC,GAAAN,IAAA;EACvB,MAAM;IAAEG;EAAK,CAAC,GAAG,IAAAI,mCAAiB,EAAC,CAAC;EACpC,MAAM;IAAEC,IAAI;IAAEC;EAAM,CAAC,GAAG,IAAAC,wBAAgB,EAGtCC,wCAAmB,EAAE;IACrBC,SAAS,EAAE;MACTX,WAAW;MACXC;IACF,CAAC;IACDW,WAAW,EAAE,cAAc;IAC3BC,WAAW,EAAE;EACf,CAAC,CAAC;EAEF,MAAMC,SAAS,GAAG,CAAC,CAACN,KAAK,IAAIH,YAAY;EAEzC,OACEd,MAAA,CAAAM,OAAA,CAAAkB,aAAA,CAAAxB,MAAA,CAAAM,OAAA,CAAAmB,QAAA,QACG,CAACF,SAAS,IAAIZ,IAAI,IACjBX,MAAA,CAAAM,OAAA,CAAAkB,aAAA,CAACtB,KAAA,CAAAwB,IAAI;IACHhB,QAAQ,EAAEA,QAAS;IACnBG,MAAM,EAAEA,MAAO;IACfc,OAAO,EAAE,IAAAC,iBAAU,EAACZ,IAAK,CAAG;IAC5BL,IAAI,EAAEC;EAAW,CAClB,CACF,EACAW,SAAS,IACRvB,MAAA,CAAAM,OAAA,CAAAkB,aAAA;IACEK,SAAS,EAAE,IAAAC,mBAAU,EACnB,uHAAuH,EACvH;MACE,aAAa,EAAElB,UAAU,KAAK,SAAS;MACvC,aAAa,EAAEA,UAAU,KAAK;IAChC,CACF;EAAE,GAEFZ,MAAA,CAAAM,OAAA,CAAAkB,aAAA,CAAC3B,iBAAA,CAAAkC,KAAK,MAAE,CACL,CAEP,CAAC;AAEP,CAAC;AAACC,OAAA,CAAAzB,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","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":[]}

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

@@ -15,7 +15,8 @@ const InstrumentRateWithData = _ref => {
     record,
     division,
     target,
-    size
+    size,
+    slim
   } = _ref;
   const hasInstrument = !!record.instrument;
   const [queryRef] = (0, _client.useBackgroundQuery)(_getInstrumentsChart.getInstrumentsChart, {
@@ -30,6 +31,7 @@ const InstrumentRateWithData = _ref => {
     queryRef: queryRef,
     record: record,
     size: size,
+    slim: slim,
     target: target,
     tooltipId: _constant.INSTRUMENT_TOOLTIP_ID
   });

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

@@ -1 +1 @@
-{"version":3,"file":"InstrumentRateWithData.js","names":["_client","require","_labsWidgetCommon","_react","_interopRequireDefault","_getInstrumentsChart","_constant","e","__esModule","default","InstrumentRateWithData","_ref","record","division","target","size","hasInstrument","instrument","queryRef","useBackgroundQuery","getInstrumentsChart","variables","instruments","fetchPolicy","skip","createElement","InstrumentRateWithChart","tooltipId","INSTRUMENT_TOOLTIP_ID","exports"],"sources":["../../../../../src/TickerTapeWidget/components/InstrumentRateWithData/InstrumentRateWithData.tsx"],"sourcesContent":["import { useBackgroundQuery } from '@apollo/client';\nimport { InstrumentRateWithChart } from '@oanda/labs-widget-common';\nimport React from 'react';\n\nimport { getInstrumentsChart } from '../../../gql/getInstrumentsChart';\nimport type {\n  GetInstrumentsChartQuery,\n  GetInstrumentsChartQueryVariables,\n} from '../../../gql/types/graphql';\nimport { INSTRUMENT_TOOLTIP_ID } from '../../constant';\nimport type { InstrumentRateWithDataProps } from './types';\n\nconst InstrumentRateWithData = ({\n  record,\n  division,\n  target,\n  size,\n}: InstrumentRateWithDataProps) => {\n  const hasInstrument = !!record.instrument;\n\n  const [queryRef] = useBackgroundQuery<\n    GetInstrumentsChartQuery,\n    GetInstrumentsChartQueryVariables\n  >(getInstrumentsChart, {\n    variables: {\n      instruments: [record.instrument],\n      division,\n    },\n    fetchPolicy: 'network-only',\n    skip: !hasInstrument,\n  });\n\n  return (\n    <InstrumentRateWithChart<GetInstrumentsChartQuery>\n      queryRef={queryRef}\n      record={record}\n      size={size}\n      target={target}\n      tooltipId={INSTRUMENT_TOOLTIP_ID}\n    />\n  );\n};\n\nexport { InstrumentRateWithData };\n"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AAEA,IAAAI,oBAAA,GAAAJ,OAAA;AAKA,IAAAK,SAAA,GAAAL,OAAA;AAAuD,SAAAG,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAGvD,MAAMG,sBAAsB,GAAGC,IAAA,IAKI;EAAA,IALH;IAC9BC,MAAM;IACNC,QAAQ;IACRC,MAAM;IACNC;EAC2B,CAAC,GAAAJ,IAAA;EAC5B,MAAMK,aAAa,GAAG,CAAC,CAACJ,MAAM,CAACK,UAAU;EAEzC,MAAM,CAACC,QAAQ,CAAC,GAAG,IAAAC,0BAAkB,EAGnCC,wCAAmB,EAAE;IACrBC,SAAS,EAAE;MACTC,WAAW,EAAE,CAACV,MAAM,CAACK,UAAU,CAAC;MAChCJ;IACF,CAAC;IACDU,WAAW,EAAE,cAAc;IAC3BC,IAAI,EAAE,CAACR;EACT,CAAC,CAAC;EAEF,OACEb,MAAA,CAAAM,OAAA,CAAAgB,aAAA,CAACvB,iBAAA,CAAAwB,uBAAuB;IACtBR,QAAQ,EAAEA,QAAS;IACnBN,MAAM,EAAEA,MAAO;IACfG,IAAI,EAAEA,IAAK;IACXD,MAAM,EAAEA,MAAO;IACfa,SAAS,EAAEC;EAAsB,CAClC,CAAC;AAEN,CAAC;AAACC,OAAA,CAAAnB,sBAAA,GAAAA,sBAAA","ignoreList":[]}
+{"version":3,"file":"InstrumentRateWithData.js","names":["_client","require","_labsWidgetCommon","_react","_interopRequireDefault","_getInstrumentsChart","_constant","e","__esModule","default","InstrumentRateWithData","_ref","record","division","target","size","slim","hasInstrument","instrument","queryRef","useBackgroundQuery","getInstrumentsChart","variables","instruments","fetchPolicy","skip","createElement","InstrumentRateWithChart","tooltipId","INSTRUMENT_TOOLTIP_ID","exports"],"sources":["../../../../../src/TickerTapeWidget/components/InstrumentRateWithData/InstrumentRateWithData.tsx"],"sourcesContent":["import { useBackgroundQuery } from '@apollo/client';\nimport { InstrumentRateWithChart } from '@oanda/labs-widget-common';\nimport React from 'react';\n\nimport { getInstrumentsChart } from '../../../gql/getInstrumentsChart';\nimport type {\n  GetInstrumentsChartQuery,\n  GetInstrumentsChartQueryVariables,\n} from '../../../gql/types/graphql';\nimport { INSTRUMENT_TOOLTIP_ID } from '../../constant';\nimport type { InstrumentRateWithDataProps } from './types';\n\nconst InstrumentRateWithData = ({\n  record,\n  division,\n  target,\n  size,\n  slim,\n}: InstrumentRateWithDataProps) => {\n  const hasInstrument = !!record.instrument;\n\n  const [queryRef] = useBackgroundQuery<\n    GetInstrumentsChartQuery,\n    GetInstrumentsChartQueryVariables\n  >(getInstrumentsChart, {\n    variables: {\n      instruments: [record.instrument],\n      division,\n    },\n    fetchPolicy: 'network-only',\n    skip: !hasInstrument,\n  });\n\n  return (\n    <InstrumentRateWithChart<GetInstrumentsChartQuery>\n      queryRef={queryRef}\n      record={record}\n      size={size}\n      slim={slim}\n      target={target}\n      tooltipId={INSTRUMENT_TOOLTIP_ID}\n    />\n  );\n};\n\nexport { InstrumentRateWithData };\n"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AAEA,IAAAI,oBAAA,GAAAJ,OAAA;AAKA,IAAAK,SAAA,GAAAL,OAAA;AAAuD,SAAAG,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAGvD,MAAMG,sBAAsB,GAAGC,IAAA,IAMI;EAAA,IANH;IAC9BC,MAAM;IACNC,QAAQ;IACRC,MAAM;IACNC,IAAI;IACJC;EAC2B,CAAC,GAAAL,IAAA;EAC5B,MAAMM,aAAa,GAAG,CAAC,CAACL,MAAM,CAACM,UAAU;EAEzC,MAAM,CAACC,QAAQ,CAAC,GAAG,IAAAC,0BAAkB,EAGnCC,wCAAmB,EAAE;IACrBC,SAAS,EAAE;MACTC,WAAW,EAAE,CAACX,MAAM,CAACM,UAAU,CAAC;MAChCL;IACF,CAAC;IACDW,WAAW,EAAE,cAAc;IAC3BC,IAAI,EAAE,CAACR;EACT,CAAC,CAAC;EAEF,OACEd,MAAA,CAAAM,OAAA,CAAAiB,aAAA,CAACxB,iBAAA,CAAAyB,uBAAuB;IACtBR,QAAQ,EAAEA,QAAS;IACnBP,MAAM,EAAEA,MAAO;IACfG,IAAI,EAAEA,IAAK;IACXC,IAAI,EAAEA,IAAK;IACXF,MAAM,EAAEA,MAAO;IACfc,SAAS,EAAEC;EAAsB,CAClC,CAAC;AAEN,CAAC;AAACC,OAAA,CAAApB,sBAAA,GAAAA,sBAAA","ignoreList":[]}

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

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

package/dist/main/TickerTapeWidget/render.js

@@ -21,7 +21,10 @@ dataTickerTapeParamsElements.forEach(element => {
     locale,
     size,
     motion,
-    logoLink
+    logoLink,
+    removePadding,
+    removeTopBorder,
+    slim
   } = JSON.parse(params);
   const isParamError = (0, _labsWidgetCommon.validateToolParams)({
     division,
@@ -52,7 +55,10 @@ dataTickerTapeParamsElements.forEach(element => {
     locale: locale,
     logoLink: logoLink,
     motion: motion,
+    removePadding: removePadding,
+    removeTopBorder: removeTopBorder,
     size: size,
+    slim: slim,
     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","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":[]}
+{"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","removePadding","removeTopBorder","slim","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 {\n    instruments,\n    division,\n    locale,\n    size,\n    motion,\n    logoLink,\n    removePadding,\n    removeTopBorder,\n    slim,\n  } = JSON.parse(params as string);\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      removePadding={removePadding}\n      removeTopBorder={removeTopBorder}\n      size={size}\n      slim={slim}\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;IACJE,WAAW;IACXC,QAAQ;IACRC,MAAM;IACNC,IAAI;IACJC,MAAM;IACNC,QAAQ;IACRC,aAAa;IACbC,eAAe;IACfC;EACF,CAAC,GAAGC,IAAI,CAACC,KAAK,CAACb,MAAgB,CAAC;EAEhC,MAAMc,YAAY,GAAG,IAAAC,oCAAkB,EACrC;IACEX,QAAQ;IACRC,MAAM;IACNhB,UAAU;IACVC,YAAY;IACZa;EACF,CAAC,EACD,CACE;IACEa,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;EAEDlB,IAAI,CAAC2B,MAAM,CACT5C,MAAA,CAAAO,OAAA,CAAAsC,aAAA,CAACzC,iBAAA,CAAA0C,gBAAgB;IACfvB,QAAQ,EAAEA,QAAS;IACnBf,UAAU,EAAEA,UAAW;IACvBc,WAAW,EAAEA,WAAY;IACzBW,YAAY,EAAEA,YAAa;IAC3BxB,YAAY,EAAEA,YAAa;IAC3Be,MAAM,EAAEA,MAAO;IACfG,QAAQ,EAAEA,QAAS;IACnBD,MAAM,EAAEA,MAAO;IACfE,aAAa,EAAEA,aAAc;IAC7BC,eAAe,EAAEA,eAAgB;IACjCJ,IAAI,EAAEA,IAAK;IACXK,IAAI,EAAEA,IAAK;IACXiB,KAAK,EAAE1B;EAAc,CACtB,CACH,CAAC;AACH,CAAC,CAAC","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}\n\nexport interface ValidationWrapperProps {\n  instruments: string[];\n  division: Division;\n  size?: WidgetSize;\n  motion?: Motion;\n  isParamError?: boolean;\n}\n\nexport interface MainProps {\n  records: DataRecord[];\n  division: Division;\n  size?: WidgetSize;\n  motion?: Motion;\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\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":[]}

package/dist/module/TickerTapeWidget/Main.js

@@ -1,5 +1,4 @@
-import { Tooltip, useLiveRatesQuery } from '@oanda/labs-widget-common';
-import classnames from 'classnames';
+import { cn, Tooltip, useLiveRatesQuery } from '@oanda/labs-widget-common';
 import React, { useEffect } from 'react';
 import { InstrumentRateWithData } from './components/InstrumentRateWithData';
 import { MarqueeWrapper } from './components/MarqueeWrapper';
@@ -9,7 +8,9 @@ const Main = _ref => {
     records,
     division,
     size: widgetSize = 'fullWithChart',
-    motion = 'linear'
+    motion = 'linear',
+    removeTopBorder,
+    slim
   } = _ref;
   const {
     target,
@@ -36,15 +37,15 @@ const Main = _ref => {
     shouldPlay: records.length > 0
   }, records.map(record => React.createElement("div", {
     key: record.instrument,
-    className: classnames('lw-flex lw-border lw-border-r-0 lw-border-solid lw-border-border-primary lw-px-4 lw-text-sm lw-tracking-normal lw-text-text-primary', {
-      'lw-h-[82px]': widgetSize !== 'compact',
-      'lw-h-[54px]': widgetSize === 'compact',
+    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":["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\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={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;IACEC,SAAS,EAAC,kCAAkC;IAC5C,eAAY;EAAqB,GAEjCrB,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":["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":[]}

package/dist/module/TickerTapeWidget/TickerTapeWidget.js

@@ -15,9 +15,11 @@ const TickerTapeWidget = _ref => {
     isParamError,
     removePadding,
     size,
+    removeTopBorder,
     motion,
     logoLink,
-    brandingSpace
+    brandingSpace,
+    slim
   } = _ref;
   const client = new ApolloClient({
     uri: graphqlUrl,
@@ -53,7 +55,9 @@ const TickerTapeWidget = _ref => {
     instruments: instruments,
     isParamError: isParamError,
     motion: motion,
-    size: size
+    removeTopBorder: removeTopBorder,
+    size: size,
+    slim: slim
   })));
 };
 export { TickerTapeWidget };

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","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":[]}
+{"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","removeTopBorder","motion","logoLink","brandingSpace","slim","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  removeTopBorder,\n  motion,\n  logoLink,\n  brandingSpace,\n  slim,\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          removeTopBorder={removeTopBorder}\n          size={size}\n          slim={slim}\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,IAeD;EAAA,IAfE;IACxBC,UAAU;IACVC,YAAY;IACZC,WAAW;IACXC,QAAQ;IACRC,MAAM;IACNC,KAAK;IACLC,YAAY;IACZC,aAAa;IACbC,IAAI;IACJC,eAAe;IACfC,MAAM;IACNC,QAAQ;IACRC,aAAa;IACbC;EACgB,CAAC,GAAAd,IAAA;EACjB,MAAMe,MAAM,GAAG,IAAIxB,YAAY,CAAC;IAC9ByB,GAAG,EAAEf,UAAU;IACfgB,KAAK,EAAE,IAAIzB,aAAa,CAAC;EAC3B,CAAC,CAAC;EAEF,MAAM0B,YAAY,GAAGd,QAAQ,KAAKP,QAAQ,CAACsB,GAAG,GAAGtB,QAAQ,CAACuB,GAAG,GAAGhB,QAAQ;EACxE,MAAMiB,UAAU,GAAGH,YAAY,KAAKrB,QAAQ,CAACuB,GAAG,GAAG,KAAK,GAAG,KAAK;EAEhE,OACEzB,KAAA,CAAA2B,aAAA,CAAC7B,cAAc;IACb8B,YAAY;IACZR,MAAM,EAAEA,MAAO;IACfS,SAAS,EAAE;MACTC,GAAG,EAAEvB,YAAY;MACjBwB,OAAO,EAAE;QAAER,YAAY;QAAEG;MAAW;IACtC,CAAE;IACFhB,MAAM,EAAEA,MAAO;IACfsB,OAAO,EAAE;MACPnB,aAAa;MACboB,UAAU,EAAEjB,MAAM,KAAK;IACzB,CAAE;IACFL,KAAK,EAAEA,KAAM;IACbV,YAAY,EAAEA;EAAa,GAE3BD,KAAA,CAAA2B,aAAA,CAAC5B,aAAa;IACZmB,aAAa,EAAEA,aAAc;IAC7Be,UAAU,EAAEjB,MAAM,KAAK,MAAO;IAC9BJ,YAAY,EAAEA,YAAa;IAC3BsB,QAAQ,EAAC,MAAM;IACfjB,QAAQ,EAAEA;EAAS,GAEnBjB,KAAA,CAAA2B,aAAA,CAACxB,iBAAiB;IAChBM,QAAQ,EAAEA,QAAS;IACnBD,WAAW,EAAEA,WAAY;IACzBI,YAAY,EAAEA,YAAa;IAC3BI,MAAM,EAAEA,MAAO;IACfD,eAAe,EAAEA,eAAgB;IACjCD,IAAI,EAAEA,IAAK;IACXK,IAAI,EAAEA;EAAK,CACZ,CACY,CACD,CAAC;AAErB,CAAC;AAED,SAASf,gBAAgB","ignoreList":[]}

package/dist/module/TickerTapeWidget/ValidationWrapper.js

@@ -1,6 +1,5 @@
 import { useSuspenseQuery } from '@apollo/client';
-import { Error, useLayoutProvider } from '@oanda/labs-widget-common';
-import classnames from 'classnames';
+import { cn, Error, useLayoutProvider } from '@oanda/labs-widget-common';
 import React from 'react';
 import { validateInstruments } from '../gql/validateInstruments';
 import { Main } from './Main';
@@ -11,7 +10,9 @@ const ValidationWrapper = _ref => {
     division,
     size: widgetSize,
     motion,
-    isParamError
+    isParamError,
+    removeTopBorder,
+    slim
   } = _ref;
   const {
     size
@@ -32,12 +33,11 @@ const ValidationWrapper = _ref => {
     division: division,
     motion: motion,
     records: getRecords(data),
-    size: widgetSize
+    removeTopBorder: removeTopBorder,
+    size: widgetSize,
+    slim: slim
   }), showError && React.createElement("div", {
-    className: classnames('lw-flex lw-border lw-border-solid lw-border-border-primary lw-px-4 lw-text-sm lw-tracking-normal lw-text-text-primary', {
-      'lw-h-[82px]': widgetSize !== 'compact',
-      'lw-h-[54px]': widgetSize === 'compact'
-    })
+    className: cn('flex border border-solid border-border-primary px-4 text-sm tracking-normal text-text-primary')
   }, React.createElement(Error, null)));
 };
 export { ValidationWrapper };

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

@@ -1 +1 @@
-{"version":3,"file":"ValidationWrapper.js","names":["useSuspenseQuery","Error","useLayoutProvider","classnames","React","validateInstruments","Main","getRecords","ValidationWrapper","_ref","instruments","division","size","widgetSize","motion","isParamError","data","error","variables","fetchPolicy","errorPolicy","showError","createElement","Fragment","records","className"],"sources":["../../../src/TickerTapeWidget/ValidationWrapper.tsx"],"sourcesContent":["import { useSuspenseQuery } from '@apollo/client';\nimport { Error, useLayoutProvider } from '@oanda/labs-widget-common';\nimport classnames from 'classnames';\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}: 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          size={widgetSize}\n        />\n      )}\n      {showError && (\n        <div\n          className={classnames(\n            'lw-flex lw-border 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            }\n          )}\n        >\n          <Error />\n        </div>\n      )}\n    </>\n  );\n};\n\nexport { ValidationWrapper };\n"],"mappings":"AAAA,SAASA,gBAAgB,QAAQ,gBAAgB;AACjD,SAASC,KAAK,EAAEC,iBAAiB,QAAQ,2BAA2B;AACpE,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,MAAM,OAAO;AAMzB,SAASC,mBAAmB,QAAQ,4BAA4B;AAChE,SAASC,IAAI,QAAQ,QAAQ;AAE7B,SAASC,UAAU,QAAQ,SAAS;AAEpC,MAAMC,iBAAiB,GAAGC,IAAA,IAMI;EAAA,IANH;IACzBC,WAAW;IACXC,QAAQ;IACRC,IAAI,EAAEC,UAAU;IAChBC,MAAM;IACNC;EACsB,CAAC,GAAAN,IAAA;EACvB,MAAM;IAAEG;EAAK,CAAC,GAAGV,iBAAiB,CAAC,CAAC;EACpC,MAAM;IAAEc,IAAI;IAAEC;EAAM,CAAC,GAAGjB,gBAAgB,CAGtCK,mBAAmB,EAAE;IACrBa,SAAS,EAAE;MACTR,WAAW;MACXC;IACF,CAAC;IACDQ,WAAW,EAAE,cAAc;IAC3BC,WAAW,EAAE;EACf,CAAC,CAAC;EAEF,MAAMC,SAAS,GAAG,CAAC,CAACJ,KAAK,IAAIF,YAAY;EAEzC,OACEX,KAAA,CAAAkB,aAAA,CAAAlB,KAAA,CAAAmB,QAAA,QACG,CAACF,SAAS,IAAIT,IAAI,IACjBR,KAAA,CAAAkB,aAAA,CAAChB,IAAI;IACHK,QAAQ,EAAEA,QAAS;IACnBG,MAAM,EAAEA,MAAO;IACfU,OAAO,EAAEjB,UAAU,CAACS,IAAK,CAAG;IAC5BJ,IAAI,EAAEC;EAAW,CAClB,CACF,EACAQ,SAAS,IACRjB,KAAA,CAAAkB,aAAA;IACEG,SAAS,EAAEtB,UAAU,CACnB,uHAAuH,EACvH;MACE,aAAa,EAAEU,UAAU,KAAK,SAAS;MACvC,aAAa,EAAEA,UAAU,KAAK;IAChC,CACF;EAAE,GAEFT,KAAA,CAAAkB,aAAA,CAACrB,KAAK,MAAE,CACL,CAEP,CAAC;AAEP,CAAC;AAED,SAASO,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","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":[]}

package/dist/module/TickerTapeWidget/components/InstrumentRateWithData/InstrumentRateWithData.js

@@ -8,7 +8,8 @@ const InstrumentRateWithData = _ref => {
     record,
     division,
     target,
-    size
+    size,
+    slim
   } = _ref;
   const hasInstrument = !!record.instrument;
   const [queryRef] = useBackgroundQuery(getInstrumentsChart, {
@@ -23,6 +24,7 @@ const InstrumentRateWithData = _ref => {
     queryRef: queryRef,
     record: record,
     size: size,
+    slim: slim,
     target: target,
     tooltipId: INSTRUMENT_TOOLTIP_ID
   });

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

@@ -1 +1 @@
-{"version":3,"file":"InstrumentRateWithData.js","names":["useBackgroundQuery","InstrumentRateWithChart","React","getInstrumentsChart","INSTRUMENT_TOOLTIP_ID","InstrumentRateWithData","_ref","record","division","target","size","hasInstrument","instrument","queryRef","variables","instruments","fetchPolicy","skip","createElement","tooltipId"],"sources":["../../../../../src/TickerTapeWidget/components/InstrumentRateWithData/InstrumentRateWithData.tsx"],"sourcesContent":["import { useBackgroundQuery } from '@apollo/client';\nimport { InstrumentRateWithChart } from '@oanda/labs-widget-common';\nimport React from 'react';\n\nimport { getInstrumentsChart } from '../../../gql/getInstrumentsChart';\nimport type {\n  GetInstrumentsChartQuery,\n  GetInstrumentsChartQueryVariables,\n} from '../../../gql/types/graphql';\nimport { INSTRUMENT_TOOLTIP_ID } from '../../constant';\nimport type { InstrumentRateWithDataProps } from './types';\n\nconst InstrumentRateWithData = ({\n  record,\n  division,\n  target,\n  size,\n}: InstrumentRateWithDataProps) => {\n  const hasInstrument = !!record.instrument;\n\n  const [queryRef] = useBackgroundQuery<\n    GetInstrumentsChartQuery,\n    GetInstrumentsChartQueryVariables\n  >(getInstrumentsChart, {\n    variables: {\n      instruments: [record.instrument],\n      division,\n    },\n    fetchPolicy: 'network-only',\n    skip: !hasInstrument,\n  });\n\n  return (\n    <InstrumentRateWithChart<GetInstrumentsChartQuery>\n      queryRef={queryRef}\n      record={record}\n      size={size}\n      target={target}\n      tooltipId={INSTRUMENT_TOOLTIP_ID}\n    />\n  );\n};\n\nexport { InstrumentRateWithData };\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,gBAAgB;AACnD,SAASC,uBAAuB,QAAQ,2BAA2B;AACnE,OAAOC,KAAK,MAAM,OAAO;AAEzB,SAASC,mBAAmB,QAAQ,kCAAkC;AAKtE,SAASC,qBAAqB,QAAQ,gBAAgB;AAGtD,MAAMC,sBAAsB,GAAGC,IAAA,IAKI;EAAA,IALH;IAC9BC,MAAM;IACNC,QAAQ;IACRC,MAAM;IACNC;EAC2B,CAAC,GAAAJ,IAAA;EAC5B,MAAMK,aAAa,GAAG,CAAC,CAACJ,MAAM,CAACK,UAAU;EAEzC,MAAM,CAACC,QAAQ,CAAC,GAAGb,kBAAkB,CAGnCG,mBAAmB,EAAE;IACrBW,SAAS,EAAE;MACTC,WAAW,EAAE,CAACR,MAAM,CAACK,UAAU,CAAC;MAChCJ;IACF,CAAC;IACDQ,WAAW,EAAE,cAAc;IAC3BC,IAAI,EAAE,CAACN;EACT,CAAC,CAAC;EAEF,OACET,KAAA,CAAAgB,aAAA,CAACjB,uBAAuB;IACtBY,QAAQ,EAAEA,QAAS;IACnBN,MAAM,EAAEA,MAAO;IACfG,IAAI,EAAEA,IAAK;IACXD,MAAM,EAAEA,MAAO;IACfU,SAAS,EAAEf;EAAsB,CAClC,CAAC;AAEN,CAAC;AAED,SAASC,sBAAsB","ignoreList":[]}
+{"version":3,"file":"InstrumentRateWithData.js","names":["useBackgroundQuery","InstrumentRateWithChart","React","getInstrumentsChart","INSTRUMENT_TOOLTIP_ID","InstrumentRateWithData","_ref","record","division","target","size","slim","hasInstrument","instrument","queryRef","variables","instruments","fetchPolicy","skip","createElement","tooltipId"],"sources":["../../../../../src/TickerTapeWidget/components/InstrumentRateWithData/InstrumentRateWithData.tsx"],"sourcesContent":["import { useBackgroundQuery } from '@apollo/client';\nimport { InstrumentRateWithChart } from '@oanda/labs-widget-common';\nimport React from 'react';\n\nimport { getInstrumentsChart } from '../../../gql/getInstrumentsChart';\nimport type {\n  GetInstrumentsChartQuery,\n  GetInstrumentsChartQueryVariables,\n} from '../../../gql/types/graphql';\nimport { INSTRUMENT_TOOLTIP_ID } from '../../constant';\nimport type { InstrumentRateWithDataProps } from './types';\n\nconst InstrumentRateWithData = ({\n  record,\n  division,\n  target,\n  size,\n  slim,\n}: InstrumentRateWithDataProps) => {\n  const hasInstrument = !!record.instrument;\n\n  const [queryRef] = useBackgroundQuery<\n    GetInstrumentsChartQuery,\n    GetInstrumentsChartQueryVariables\n  >(getInstrumentsChart, {\n    variables: {\n      instruments: [record.instrument],\n      division,\n    },\n    fetchPolicy: 'network-only',\n    skip: !hasInstrument,\n  });\n\n  return (\n    <InstrumentRateWithChart<GetInstrumentsChartQuery>\n      queryRef={queryRef}\n      record={record}\n      size={size}\n      slim={slim}\n      target={target}\n      tooltipId={INSTRUMENT_TOOLTIP_ID}\n    />\n  );\n};\n\nexport { InstrumentRateWithData };\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,gBAAgB;AACnD,SAASC,uBAAuB,QAAQ,2BAA2B;AACnE,OAAOC,KAAK,MAAM,OAAO;AAEzB,SAASC,mBAAmB,QAAQ,kCAAkC;AAKtE,SAASC,qBAAqB,QAAQ,gBAAgB;AAGtD,MAAMC,sBAAsB,GAAGC,IAAA,IAMI;EAAA,IANH;IAC9BC,MAAM;IACNC,QAAQ;IACRC,MAAM;IACNC,IAAI;IACJC;EAC2B,CAAC,GAAAL,IAAA;EAC5B,MAAMM,aAAa,GAAG,CAAC,CAACL,MAAM,CAACM,UAAU;EAEzC,MAAM,CAACC,QAAQ,CAAC,GAAGd,kBAAkB,CAGnCG,mBAAmB,EAAE;IACrBY,SAAS,EAAE;MACTC,WAAW,EAAE,CAACT,MAAM,CAACM,UAAU,CAAC;MAChCL;IACF,CAAC;IACDS,WAAW,EAAE,cAAc;IAC3BC,IAAI,EAAE,CAACN;EACT,CAAC,CAAC;EAEF,OACEV,KAAA,CAAAiB,aAAA,CAAClB,uBAAuB;IACtBa,QAAQ,EAAEA,QAAS;IACnBP,MAAM,EAAEA,MAAO;IACfG,IAAI,EAAEA,IAAK;IACXC,IAAI,EAAEA,IAAK;IACXF,MAAM,EAAEA,MAAO;IACfW,SAAS,EAAEhB;EAAsB,CAClC,CAAC;AAEN,CAAC;AAED,SAASC,sBAAsB","ignoreList":[]}

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

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

package/dist/module/TickerTapeWidget/render.js

@@ -18,7 +18,10 @@ dataTickerTapeParamsElements.forEach(element => {
     locale,
     size,
     motion,
-    logoLink
+    logoLink,
+    removePadding,
+    removeTopBorder,
+    slim
   } = JSON.parse(params);
   const isParamError = validateToolParams({
     division,
@@ -49,7 +52,10 @@ dataTickerTapeParamsElements.forEach(element => {
     locale: locale,
     logoLink: logoLink,
     motion: motion,
+    removePadding: removePadding,
+    removeTopBorder: removeTopBorder,
     size: size,
+    slim: slim,
     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","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":[]}
+{"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","removePadding","removeTopBorder","slim","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 {\n    instruments,\n    division,\n    locale,\n    size,\n    motion,\n    logoLink,\n    removePadding,\n    removeTopBorder,\n    slim,\n  } = JSON.parse(params as string);\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      removePadding={removePadding}\n      removeTopBorder={removeTopBorder}\n      size={size}\n      slim={slim}\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;IACJE,WAAW;IACXC,QAAQ;IACRC,MAAM;IACNC,IAAI;IACJC,MAAM;IACNC,QAAQ;IACRC,aAAa;IACbC,eAAe;IACfC;EACF,CAAC,GAAGC,IAAI,CAACC,KAAK,CAACb,MAAgB,CAAC;EAEhC,MAAMc,YAAY,GAAG7B,kBAAkB,CACrC;IACEmB,QAAQ;IACRC,MAAM;IACNf,UAAU;IACVC,YAAY;IACZY;EACF,CAAC,EACD,CACE;IACEY,IAAI,EAAE,QAAQ;IACdC,UAAU,EAAGC,KAAyB,IAAKjC,cAAc,CAACiC,KAAK;EACjE,CAAC,EACD;IACEF,IAAI,EAAE,UAAU;IAChBC,UAAU,EAAGC,KAAe,IAC1BC,MAAM,CAACC,MAAM,CAAC/B,QAAQ,CAAC,CAACgC,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;EAEDhB,IAAI,CAACuB,MAAM,CACTpC,KAAA,CAAAqC,aAAA,CAAClC,gBAAgB;IACfe,QAAQ,EAAEA,QAAS;IACnBd,UAAU,EAAEA,UAAW;IACvBa,WAAW,EAAEA,WAAY;IACzBW,YAAY,EAAEA,YAAa;IAC3BvB,YAAY,EAAEA,YAAa;IAC3Bc,MAAM,EAAEA,MAAO;IACfG,QAAQ,EAAEA,QAAS;IACnBD,MAAM,EAAEA,MAAO;IACfE,aAAa,EAAEA,aAAc;IAC7BC,eAAe,EAAEA,eAAgB;IACjCJ,IAAI,EAAEA,IAAK;IACXK,IAAI,EAAEA,IAAK;IACXa,KAAK,EAAEtB;EAAc,CACtB,CACH,CAAC;AACH,CAAC,CAAC","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}\n\nexport interface ValidationWrapperProps {\n  instruments: string[];\n  division: Division;\n  size?: WidgetSize;\n  motion?: Motion;\n  isParamError?: boolean;\n}\n\nexport interface MainProps {\n  records: DataRecord[];\n  division: Division;\n  size?: WidgetSize;\n  motion?: Motion;\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\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":[]}

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, }: MainProps) => React.JSX.Element;
+declare const Main: ({ records, division, size: widgetSize, motion, removeTopBorder, slim, }: MainProps) => React.JSX.Element;
 export { Main };

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, brandingSpace, }: TickerTapeConfig) => React.JSX.Element;
+declare const TickerTapeWidget: ({ graphqlUrl, liveRatesUrl, instruments, division, locale, theme, isParamError, removePadding, size, removeTopBorder, motion, logoLink, brandingSpace, slim, }: TickerTapeConfig) => React.JSX.Element;
 export { TickerTapeWidget };

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

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

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

@@ -1,4 +1,4 @@
 import React from 'react';
 import type { InstrumentRateWithDataProps } from './types';
-declare const InstrumentRateWithData: ({ record, division, target, size, }: InstrumentRateWithDataProps) => React.JSX.Element;
+declare const InstrumentRateWithData: ({ record, division, target, size, slim, }: InstrumentRateWithDataProps) => React.JSX.Element;
 export { InstrumentRateWithData };

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

@@ -5,4 +5,5 @@ export interface InstrumentRateWithDataProps {
     target: EventTarget | null;
     division: Division;
     size?: WidgetSize;
+    slim?: boolean;
 }

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

@@ -9,6 +9,8 @@ export interface TickerTapeConfig extends WidgetConfig {
     removePadding?: boolean;
     size?: WidgetSize;
     motion?: Motion;
+    removeTopBorder?: boolean;
+    slim?: boolean;
 }
 export interface ValidationWrapperProps {
     instruments: string[];
@@ -16,11 +18,15 @@ export interface ValidationWrapperProps {
     size?: WidgetSize;
     motion?: Motion;
     isParamError?: boolean;
+    removeTopBorder?: boolean;
+    slim?: boolean;
 }
 export interface MainProps {
     records: DataRecord[];
     division: Division;
     size?: WidgetSize;
+    removeTopBorder?: boolean;
     motion?: Motion;
+    slim?: boolean;
 }
 type Motion = 'linear' | 'none';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oanda/labs-ticker-tape-widget",
-  "version": "1.0.37",
+  "version": "1.0.38",
   "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.181",
+    "@oanda/labs-widget-common": "^1.0.182",
     "@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": "5a53d53681ebe28693b45d5fcf326df4927b4782"
+  "gitHead": "ffd7ce8696e2fbf13c54a47fd21d5b6f6badc4b3"
 }

package/src/TickerTapeWidget/Main.tsx

@@ -1,5 +1,4 @@
-import { Tooltip, useLiveRatesQuery } from '@oanda/labs-widget-common';
-import classnames from 'classnames';
+import { cn, Tooltip, useLiveRatesQuery } from '@oanda/labs-widget-common';
 import React, { useEffect } from 'react';
 
 import { InstrumentRateWithData } from './components/InstrumentRateWithData';
@@ -12,6 +11,8 @@ const Main = ({
   division,
   size: widgetSize = 'fullWithChart',
   motion = 'linear',
+  removeTopBorder,
+  slim,
 }: MainProps) => {
   const { target, setQuery } = useLiveRatesQuery();
 
@@ -38,11 +39,10 @@ const Main = ({
         {records.map((record) => (
           <div
             key={record.instrument}
-            className={classnames(
+            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-h-[82px]': widgetSize !== 'compact',
-                'lw-h-[54px]': widgetSize === 'compact',
+                'lw-border-t-0': removeTopBorder,
                 'lw-w-fit last:lw-border-r': motion === 'none',
               }
             )}
@@ -51,6 +51,7 @@ const Main = ({
               division={division}
               record={record}
               size={widgetSize}
+              slim={slim}
               target={target}
             />
           </div>

package/src/TickerTapeWidget/TickerTapeWidget.tsx

@@ -17,9 +17,11 @@ const TickerTapeWidget = ({
   isParamError,
   removePadding,
   size,
+  removeTopBorder,
   motion,
   logoLink,
   brandingSpace,
+  slim,
 }: TickerTapeConfig) => {
   const client = new ApolloClient({
     uri: graphqlUrl,
@@ -57,7 +59,9 @@ const TickerTapeWidget = ({
           instruments={instruments}
           isParamError={isParamError}
           motion={motion}
+          removeTopBorder={removeTopBorder}
           size={size}
+          slim={slim}
         />
       </WidgetWrapper>
     </WidgetProvider>

package/src/TickerTapeWidget/ValidationWrapper.tsx

@@ -1,6 +1,5 @@
 import { useSuspenseQuery } from '@apollo/client';
-import { Error, useLayoutProvider } from '@oanda/labs-widget-common';
-import classnames from 'classnames';
+import { cn, Error, useLayoutProvider } from '@oanda/labs-widget-common';
 import React from 'react';
 
 import type {
@@ -18,6 +17,8 @@ const ValidationWrapper = ({
   size: widgetSize,
   motion,
   isParamError,
+  removeTopBorder,
+  slim,
 }: ValidationWrapperProps) => {
   const { size } = useLayoutProvider();
   const { data, error } = useSuspenseQuery<
@@ -41,17 +42,15 @@ const ValidationWrapper = ({
           division={division}
           motion={motion}
           records={getRecords(data!)!}
+          removeTopBorder={removeTopBorder}
           size={widgetSize}
+          slim={slim}
         />
       )}
       {showError && (
         <div
-          className={classnames(
-            'lw-flex lw-border lw-border-solid lw-border-border-primary lw-px-4 lw-text-sm lw-tracking-normal lw-text-text-primary',
-            {
-              'lw-h-[82px]': widgetSize !== 'compact',
-              'lw-h-[54px]': widgetSize === 'compact',
-            }
+          className={cn(
+            'flex border border-solid border-border-primary px-4 text-sm tracking-normal text-text-primary'
           )}
         >
           <Error />

package/src/TickerTapeWidget/components/InstrumentRateWithData/InstrumentRateWithData.tsx

@@ -15,6 +15,7 @@ const InstrumentRateWithData = ({
   division,
   target,
   size,
+  slim,
 }: InstrumentRateWithDataProps) => {
   const hasInstrument = !!record.instrument;
 
@@ -35,6 +36,7 @@ const InstrumentRateWithData = ({
       queryRef={queryRef}
       record={record}
       size={size}
+      slim={slim}
       target={target}
       tooltipId={INSTRUMENT_TOOLTIP_ID}
     />

package/src/TickerTapeWidget/components/InstrumentRateWithData/types.ts

@@ -7,4 +7,5 @@ export interface InstrumentRateWithDataProps {
   target: EventTarget | null;
   division: Division;
   size?: WidgetSize;
+  slim?: boolean;
 }

package/src/TickerTapeWidget/render.tsx

@@ -16,9 +16,17 @@ 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, logoLink } = JSON.parse(
-    params as string
-  );
+  const {
+    instruments,
+    division,
+    locale,
+    size,
+    motion,
+    logoLink,
+    removePadding,
+    removeTopBorder,
+    slim,
+  } = JSON.parse(params as string);
 
   const isParamError = validateToolParams(
     {
@@ -61,7 +69,10 @@ dataTickerTapeParamsElements.forEach((element) => {
       locale={locale}
       logoLink={logoLink}
       motion={motion}
+      removePadding={removePadding}
+      removeTopBorder={removeTopBorder}
       size={size}
+      slim={slim}
       theme={mode as Theme}
     />
   );

package/src/TickerTapeWidget/types.ts

@@ -16,6 +16,8 @@ export interface TickerTapeConfig extends WidgetConfig {
   removePadding?: boolean;
   size?: WidgetSize;
   motion?: Motion;
+  removeTopBorder?: boolean;
+  slim?: boolean;
 }
 
 export interface ValidationWrapperProps {
@@ -24,13 +26,17 @@ export interface ValidationWrapperProps {
   size?: WidgetSize;
   motion?: Motion;
   isParamError?: boolean;
+  removeTopBorder?: boolean;
+  slim?: boolean;
 }
 
 export interface MainProps {
   records: DataRecord[];
   division: Division;
   size?: WidgetSize;
+  removeTopBorder?: boolean;
   motion?: Motion;
+  slim?: boolean;
 }
 
 type Motion = 'linear' | 'none';