@oanda/labs-spread-cost-calculator-widget 1.0.10 → 1.0.12

package/CHANGELOG.md

@@ -3,6 +3,106 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 1.0.12 (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)
+
+**Note:** Version bump only for package @oanda/labs-spread-cost-calculator-widget
+
+
+
+
+
+## 1.0.11 (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)
+
+**Note:** Version bump only for package @oanda/labs-spread-cost-calculator-widget
+
+
+
+
+
 ## 1.0.10 (2025-01-10)
 
 

package/dist/main/SpreadCostCalculatorWidget/SpreadCostCalculatorWidget.js

@@ -21,7 +21,8 @@ const SpreadCostCalculatorWidget = _ref => {
     removePadding,
     division,
     instruments,
-    logoLink
+    logoLink,
+    brandingSpace
   } = _ref;
   const client = new _client.ApolloClient({
     uri: graphqlUrl,
@@ -46,6 +47,7 @@ const SpreadCostCalculatorWidget = _ref => {
     theme: theme,
     translations: _translations.translations
   }, _react.default.createElement(_labsWidgetCommon.WidgetWrapper, {
+    brandingSpace: brandingSpace,
     linkArea: "logo",
     logoLink: logoLink
   }, _react.default.createElement(_ValidationWrapper.ValidationWrapper, {

package/dist/main/SpreadCostCalculatorWidget/SpreadCostCalculatorWidget.js.map

@@ -1 +1 @@
-{"version":3,"file":"SpreadCostCalculatorWidget.js","names":["_client","require","_labsLiveRatesTableWidget","_labsWidgetCommon","_react","_interopRequireDefault","_translations","_ValidationWrapper","e","__esModule","default","SpreadCostCalculatorWidget","_ref","graphqlUrl","liveRatesUrl","theme","locale","isParamError","removePadding","division","instruments","logoLink","client","ApolloClient","uri","cache","InMemoryCache","divisionCode","Division","Opt","Ogm","dataSource","createElement","WidgetProvider","withSuspense","liveRates","url","options","styling","translations","WidgetWrapper","linkArea","ValidationWrapper","exports"],"sources":["../../../src/SpreadCostCalculatorWidget/SpreadCostCalculatorWidget.tsx"],"sourcesContent":["import { ApolloClient, InMemoryCache } from '@apollo/client';\nimport { Division } from '@oanda/labs-live-rates-table-widget';\nimport { WidgetProvider, WidgetWrapper } from '@oanda/labs-widget-common';\nimport type { FC } from 'react';\nimport React from 'react';\n\nimport { translations } from '../translations';\nimport type { SpreadCostCalculatorWidgetConfig } from './types';\nimport { ValidationWrapper } from './ValidationWrapper';\n\nconst SpreadCostCalculatorWidget: FC<SpreadCostCalculatorWidgetConfig> = ({\n  graphqlUrl,\n  liveRatesUrl,\n  theme,\n  locale,\n  isParamError,\n  removePadding,\n  division,\n  instruments,\n  logoLink,\n}) => {\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      }}\n      theme={theme}\n      translations={translations}\n    >\n      <WidgetWrapper linkArea=\"logo\" logoLink={logoLink}>\n        <ValidationWrapper\n          division={division}\n          instruments={instruments}\n          isParamError={isParamError}\n        />\n      </WidgetWrapper>\n    </WidgetProvider>\n  );\n};\n\nexport { SpreadCostCalculatorWidget };\n"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,yBAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AAEA,IAAAG,MAAA,GAAAC,sBAAA,CAAAJ,OAAA;AAEA,IAAAK,aAAA,GAAAL,OAAA;AAEA,IAAAM,kBAAA,GAAAN,OAAA;AAAwD,SAAAI,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAExD,MAAMG,0BAAgE,GAAGC,IAAA,IAUnE;EAAA,IAVoE;IACxEC,UAAU;IACVC,YAAY;IACZC,KAAK;IACLC,MAAM;IACNC,YAAY;IACZC,aAAa;IACbC,QAAQ;IACRC,WAAW;IACXC;EACF,CAAC,GAAAT,IAAA;EACC,MAAMU,MAAM,GAAG,IAAIC,oBAAY,CAAC;IAC9BC,GAAG,EAAEX,UAAU;IACfY,KAAK,EAAE,IAAIC,qBAAa,CAAC;EAC3B,CAAC,CAAC;EAEF,MAAMC,YAAY,GAAGR,QAAQ,KAAKS,kCAAQ,CAACC,GAAG,GAAGD,kCAAQ,CAACE,GAAG,GAAGX,QAAQ;EACxE,MAAMY,UAAU,GAAGJ,YAAY,KAAKC,kCAAQ,CAACE,GAAG,GAAG,KAAK,GAAG,KAAK;EAEhE,OACE1B,MAAA,CAAAM,OAAA,CAAAsB,aAAA,CAAC7B,iBAAA,CAAA8B,cAAc;IACbC,YAAY;IACZZ,MAAM,EAAEA,MAAO;IACfa,SAAS,EAAE;MACTC,GAAG,EAAEtB,YAAY;MACjBuB,OAAO,EAAE;QAAEV,YAAY;QAAEI;MAAW;IACtC,CAAE;IACFf,MAAM,EAAEA,MAAO;IACfsB,OAAO,EAAE;MACPpB;IACF,CAAE;IACFH,KAAK,EAAEA,KAAM;IACbwB,YAAY,EAAEA;EAAa,GAE3BnC,MAAA,CAAAM,OAAA,CAAAsB,aAAA,CAAC7B,iBAAA,CAAAqC,aAAa;IAACC,QAAQ,EAAC,MAAM;IAACpB,QAAQ,EAAEA;EAAS,GAChDjB,MAAA,CAAAM,OAAA,CAAAsB,aAAA,CAACzB,kBAAA,CAAAmC,iBAAiB;IAChBvB,QAAQ,EAAEA,QAAS;IACnBC,WAAW,EAAEA,WAAY;IACzBH,YAAY,EAAEA;EAAa,CAC5B,CACY,CACD,CAAC;AAErB,CAAC;AAAC0B,OAAA,CAAAhC,0BAAA,GAAAA,0BAAA","ignoreList":[]}
+{"version":3,"file":"SpreadCostCalculatorWidget.js","names":["_client","require","_labsLiveRatesTableWidget","_labsWidgetCommon","_react","_interopRequireDefault","_translations","_ValidationWrapper","e","__esModule","default","SpreadCostCalculatorWidget","_ref","graphqlUrl","liveRatesUrl","theme","locale","isParamError","removePadding","division","instruments","logoLink","brandingSpace","client","ApolloClient","uri","cache","InMemoryCache","divisionCode","Division","Opt","Ogm","dataSource","createElement","WidgetProvider","withSuspense","liveRates","url","options","styling","translations","WidgetWrapper","linkArea","ValidationWrapper","exports"],"sources":["../../../src/SpreadCostCalculatorWidget/SpreadCostCalculatorWidget.tsx"],"sourcesContent":["import { ApolloClient, InMemoryCache } from '@apollo/client';\nimport { Division } from '@oanda/labs-live-rates-table-widget';\nimport { WidgetProvider, WidgetWrapper } from '@oanda/labs-widget-common';\nimport type { FC } from 'react';\nimport React from 'react';\n\nimport { translations } from '../translations';\nimport type { SpreadCostCalculatorWidgetConfig } from './types';\nimport { ValidationWrapper } from './ValidationWrapper';\n\nconst SpreadCostCalculatorWidget: FC<SpreadCostCalculatorWidgetConfig> = ({\n  graphqlUrl,\n  liveRatesUrl,\n  theme,\n  locale,\n  isParamError,\n  removePadding,\n  division,\n  instruments,\n  logoLink,\n  brandingSpace,\n}) => {\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      }}\n      theme={theme}\n      translations={translations}\n    >\n      <WidgetWrapper\n        brandingSpace={brandingSpace}\n        linkArea=\"logo\"\n        logoLink={logoLink}\n      >\n        <ValidationWrapper\n          division={division}\n          instruments={instruments}\n          isParamError={isParamError}\n        />\n      </WidgetWrapper>\n    </WidgetProvider>\n  );\n};\n\nexport { SpreadCostCalculatorWidget };\n"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,yBAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AAEA,IAAAG,MAAA,GAAAC,sBAAA,CAAAJ,OAAA;AAEA,IAAAK,aAAA,GAAAL,OAAA;AAEA,IAAAM,kBAAA,GAAAN,OAAA;AAAwD,SAAAI,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAExD,MAAMG,0BAAgE,GAAGC,IAAA,IAWnE;EAAA,IAXoE;IACxEC,UAAU;IACVC,YAAY;IACZC,KAAK;IACLC,MAAM;IACNC,YAAY;IACZC,aAAa;IACbC,QAAQ;IACRC,WAAW;IACXC,QAAQ;IACRC;EACF,CAAC,GAAAV,IAAA;EACC,MAAMW,MAAM,GAAG,IAAIC,oBAAY,CAAC;IAC9BC,GAAG,EAAEZ,UAAU;IACfa,KAAK,EAAE,IAAIC,qBAAa,CAAC;EAC3B,CAAC,CAAC;EAEF,MAAMC,YAAY,GAAGT,QAAQ,KAAKU,kCAAQ,CAACC,GAAG,GAAGD,kCAAQ,CAACE,GAAG,GAAGZ,QAAQ;EACxE,MAAMa,UAAU,GAAGJ,YAAY,KAAKC,kCAAQ,CAACE,GAAG,GAAG,KAAK,GAAG,KAAK;EAEhE,OACE3B,MAAA,CAAAM,OAAA,CAAAuB,aAAA,CAAC9B,iBAAA,CAAA+B,cAAc;IACbC,YAAY;IACZZ,MAAM,EAAEA,MAAO;IACfa,SAAS,EAAE;MACTC,GAAG,EAAEvB,YAAY;MACjBwB,OAAO,EAAE;QAAEV,YAAY;QAAEI;MAAW;IACtC,CAAE;IACFhB,MAAM,EAAEA,MAAO;IACfuB,OAAO,EAAE;MACPrB;IACF,CAAE;IACFH,KAAK,EAAEA,KAAM;IACbyB,YAAY,EAAEA;EAAa,GAE3BpC,MAAA,CAAAM,OAAA,CAAAuB,aAAA,CAAC9B,iBAAA,CAAAsC,aAAa;IACZnB,aAAa,EAAEA,aAAc;IAC7BoB,QAAQ,EAAC,MAAM;IACfrB,QAAQ,EAAEA;EAAS,GAEnBjB,MAAA,CAAAM,OAAA,CAAAuB,aAAA,CAAC1B,kBAAA,CAAAoC,iBAAiB;IAChBxB,QAAQ,EAAEA,QAAS;IACnBC,WAAW,EAAEA,WAAY;IACzBH,YAAY,EAAEA;EAAa,CAC5B,CACY,CACD,CAAC;AAErB,CAAC;AAAC2B,OAAA,CAAAjC,0BAAA,GAAAA,0BAAA","ignoreList":[]}

package/dist/main/SpreadCostCalculatorWidget/render.js

@@ -17,7 +17,8 @@ spreadCostCalculatorParamsElements.forEach(element => {
   const {
     locale,
     instruments,
-    division
+    division,
+    logoLink
   } = JSON.parse(params);
   const isParamError = (0, _labsWidgetCommon.validateToolParams)({
     locale,
@@ -45,6 +46,7 @@ spreadCostCalculatorParamsElements.forEach(element => {
     isParamError: isParamError,
     liveRatesUrl: liveRatesUrl,
     locale: locale,
+    logoLink: logoLink,
     theme: mode
   }));
 });

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

@@ -1 +1 @@
-{"version":3,"file":"render.js","names":["_labsWidgetCommon","require","_react","_interopRequireDefault","_client","_SpreadCostCalculatorWidget","e","__esModule","default","graphqlUrl","liveRatesUrl","window","widgetsConfig","spreadCostCalculatorParamsElements","document","querySelectorAll","forEach","element","root","createRoot","params","getAttribute","mode","locale","instruments","division","JSON","parse","isParamError","validateToolParams","name","valueCheck","value","validateLocale","length","render","createElement","SpreadCostCalculatorWidget","theme"],"sources":["../../../src/SpreadCostCalculatorWidget/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 { SpreadCostCalculatorWidget } from './SpreadCostCalculatorWidget';\n\nconst { graphqlUrl, liveRatesUrl } = window.widgetsConfig || {};\nconst spreadCostCalculatorParamsElements = document.querySelectorAll(\n  'div[data-spread-cost-calculator-params]'\n);\n\nspreadCostCalculatorParamsElements.forEach((element) => {\n  const root = createRoot(element);\n  const params = element.getAttribute('data-spread-cost-calculator-params');\n  const mode = element.getAttribute('data-mode');\n  const { locale, instruments, division } = JSON.parse(params as string);\n\n  const isParamError = validateToolParams(\n    {\n      locale,\n      graphqlUrl,\n      instruments,\n      division,\n      liveRatesUrl,\n    },\n    [\n      {\n        name: 'locale',\n        valueCheck: (value: string | undefined) => validateLocale(value),\n      },\n      {\n        name: 'graphqlUrl',\n      },\n      {\n        name: 'liveRatesUrl',\n      },\n      {\n        name: 'division',\n      },\n      {\n        name: 'instruments',\n        valueCheck: (value) =>\n          (value as string[]).length > 0 && (value as string[]).length <= 10,\n      },\n    ]\n  );\n\n  root.render(\n    <SpreadCostCalculatorWidget\n      division={division}\n      graphqlUrl={graphqlUrl}\n      instruments={instruments}\n      isParamError={isParamError}\n      liveRatesUrl={liveRatesUrl}\n      locale={locale}\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,2BAAA,GAAAJ,OAAA;AAA0E,SAAAE,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE1E,MAAM;EAAEG,UAAU;EAAEC;AAAa,CAAC,GAAGC,MAAM,CAACC,aAAa,IAAI,CAAC,CAAC;AAC/D,MAAMC,kCAAkC,GAAGC,QAAQ,CAACC,gBAAgB,CAClE,yCACF,CAAC;AAEDF,kCAAkC,CAACG,OAAO,CAAEC,OAAO,IAAK;EACtD,MAAMC,IAAI,GAAG,IAAAC,kBAAU,EAACF,OAAO,CAAC;EAChC,MAAMG,MAAM,GAAGH,OAAO,CAACI,YAAY,CAAC,oCAAoC,CAAC;EACzE,MAAMC,IAAI,GAAGL,OAAO,CAACI,YAAY,CAAC,WAAW,CAAC;EAC9C,MAAM;IAAEE,MAAM;IAAEC,WAAW;IAAEC;EAAS,CAAC,GAAGC,IAAI,CAACC,KAAK,CAACP,MAAgB,CAAC;EAEtE,MAAMQ,YAAY,GAAG,IAAAC,oCAAkB,EACrC;IACEN,MAAM;IACNd,UAAU;IACVe,WAAW;IACXC,QAAQ;IACRf;EACF,CAAC,EACD,CACE;IACEoB,IAAI,EAAE,QAAQ;IACdC,UAAU,EAAGC,KAAyB,IAAK,IAAAC,gCAAc,EAACD,KAAK;EACjE,CAAC,EACD;IACEF,IAAI,EAAE;EACR,CAAC,EACD;IACEA,IAAI,EAAE;EACR,CAAC,EACD;IACEA,IAAI,EAAE;EACR,CAAC,EACD;IACEA,IAAI,EAAE,aAAa;IACnBC,UAAU,EAAGC,KAAK,IACfA,KAAK,CAAcE,MAAM,GAAG,CAAC,IAAKF,KAAK,CAAcE,MAAM,IAAI;EACpE,CAAC,CAEL,CAAC;EAEDhB,IAAI,CAACiB,MAAM,CACTjC,MAAA,CAAAM,OAAA,CAAA4B,aAAA,CAAC/B,2BAAA,CAAAgC,0BAA0B;IACzBZ,QAAQ,EAAEA,QAAS;IACnBhB,UAAU,EAAEA,UAAW;IACvBe,WAAW,EAAEA,WAAY;IACzBI,YAAY,EAAEA,YAAa;IAC3BlB,YAAY,EAAEA,YAAa;IAC3Ba,MAAM,EAAEA,MAAO;IACfe,KAAK,EAAEhB;EAAc,CACtB,CACH,CAAC;AACH,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"render.js","names":["_labsWidgetCommon","require","_react","_interopRequireDefault","_client","_SpreadCostCalculatorWidget","e","__esModule","default","graphqlUrl","liveRatesUrl","window","widgetsConfig","spreadCostCalculatorParamsElements","document","querySelectorAll","forEach","element","root","createRoot","params","getAttribute","mode","locale","instruments","division","logoLink","JSON","parse","isParamError","validateToolParams","name","valueCheck","value","validateLocale","length","render","createElement","SpreadCostCalculatorWidget","theme"],"sources":["../../../src/SpreadCostCalculatorWidget/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 { SpreadCostCalculatorWidget } from './SpreadCostCalculatorWidget';\n\nconst { graphqlUrl, liveRatesUrl } = window.widgetsConfig || {};\nconst spreadCostCalculatorParamsElements = document.querySelectorAll(\n  'div[data-spread-cost-calculator-params]'\n);\n\nspreadCostCalculatorParamsElements.forEach((element) => {\n  const root = createRoot(element);\n  const params = element.getAttribute('data-spread-cost-calculator-params');\n  const mode = element.getAttribute('data-mode');\n  const { locale, instruments, division, logoLink } = JSON.parse(\n    params as string\n  );\n\n  const isParamError = validateToolParams(\n    {\n      locale,\n      graphqlUrl,\n      instruments,\n      division,\n      liveRatesUrl,\n    },\n    [\n      {\n        name: 'locale',\n        valueCheck: (value: string | undefined) => validateLocale(value),\n      },\n      {\n        name: 'graphqlUrl',\n      },\n      {\n        name: 'liveRatesUrl',\n      },\n      {\n        name: 'division',\n      },\n      {\n        name: 'instruments',\n        valueCheck: (value) =>\n          (value as string[]).length > 0 && (value as string[]).length <= 10,\n      },\n    ]\n  );\n\n  root.render(\n    <SpreadCostCalculatorWidget\n      division={division}\n      graphqlUrl={graphqlUrl}\n      instruments={instruments}\n      isParamError={isParamError}\n      liveRatesUrl={liveRatesUrl}\n      locale={locale}\n      logoLink={logoLink}\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,2BAAA,GAAAJ,OAAA;AAA0E,SAAAE,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE1E,MAAM;EAAEG,UAAU;EAAEC;AAAa,CAAC,GAAGC,MAAM,CAACC,aAAa,IAAI,CAAC,CAAC;AAC/D,MAAMC,kCAAkC,GAAGC,QAAQ,CAACC,gBAAgB,CAClE,yCACF,CAAC;AAEDF,kCAAkC,CAACG,OAAO,CAAEC,OAAO,IAAK;EACtD,MAAMC,IAAI,GAAG,IAAAC,kBAAU,EAACF,OAAO,CAAC;EAChC,MAAMG,MAAM,GAAGH,OAAO,CAACI,YAAY,CAAC,oCAAoC,CAAC;EACzE,MAAMC,IAAI,GAAGL,OAAO,CAACI,YAAY,CAAC,WAAW,CAAC;EAC9C,MAAM;IAAEE,MAAM;IAAEC,WAAW;IAAEC,QAAQ;IAAEC;EAAS,CAAC,GAAGC,IAAI,CAACC,KAAK,CAC5DR,MACF,CAAC;EAED,MAAMS,YAAY,GAAG,IAAAC,oCAAkB,EACrC;IACEP,MAAM;IACNd,UAAU;IACVe,WAAW;IACXC,QAAQ;IACRf;EACF,CAAC,EACD,CACE;IACEqB,IAAI,EAAE,QAAQ;IACdC,UAAU,EAAGC,KAAyB,IAAK,IAAAC,gCAAc,EAACD,KAAK;EACjE,CAAC,EACD;IACEF,IAAI,EAAE;EACR,CAAC,EACD;IACEA,IAAI,EAAE;EACR,CAAC,EACD;IACEA,IAAI,EAAE;EACR,CAAC,EACD;IACEA,IAAI,EAAE,aAAa;IACnBC,UAAU,EAAGC,KAAK,IACfA,KAAK,CAAcE,MAAM,GAAG,CAAC,IAAKF,KAAK,CAAcE,MAAM,IAAI;EACpE,CAAC,CAEL,CAAC;EAEDjB,IAAI,CAACkB,MAAM,CACTlC,MAAA,CAAAM,OAAA,CAAA6B,aAAA,CAAChC,2BAAA,CAAAiC,0BAA0B;IACzBb,QAAQ,EAAEA,QAAS;IACnBhB,UAAU,EAAEA,UAAW;IACvBe,WAAW,EAAEA,WAAY;IACzBK,YAAY,EAAEA,YAAa;IAC3BnB,YAAY,EAAEA,YAAa;IAC3Ba,MAAM,EAAEA,MAAO;IACfG,QAAQ,EAAEA,QAAS;IACnBa,KAAK,EAAEjB;EAAc,CACtB,CACH,CAAC;AACH,CAAC,CAAC","ignoreList":[]}

package/dist/module/SpreadCostCalculatorWidget/SpreadCostCalculatorWidget.js

@@ -14,7 +14,8 @@ const SpreadCostCalculatorWidget = _ref => {
     removePadding,
     division,
     instruments,
-    logoLink
+    logoLink,
+    brandingSpace
   } = _ref;
   const client = new ApolloClient({
     uri: graphqlUrl,
@@ -39,6 +40,7 @@ const SpreadCostCalculatorWidget = _ref => {
     theme: theme,
     translations: translations
   }, React.createElement(WidgetWrapper, {
+    brandingSpace: brandingSpace,
     linkArea: "logo",
     logoLink: logoLink
   }, React.createElement(ValidationWrapper, {

package/dist/module/SpreadCostCalculatorWidget/SpreadCostCalculatorWidget.js.map

@@ -1 +1 @@
-{"version":3,"file":"SpreadCostCalculatorWidget.js","names":["ApolloClient","InMemoryCache","Division","WidgetProvider","WidgetWrapper","React","translations","ValidationWrapper","SpreadCostCalculatorWidget","_ref","graphqlUrl","liveRatesUrl","theme","locale","isParamError","removePadding","division","instruments","logoLink","client","uri","cache","divisionCode","Opt","Ogm","dataSource","createElement","withSuspense","liveRates","url","options","styling","linkArea"],"sources":["../../../src/SpreadCostCalculatorWidget/SpreadCostCalculatorWidget.tsx"],"sourcesContent":["import { ApolloClient, InMemoryCache } from '@apollo/client';\nimport { Division } from '@oanda/labs-live-rates-table-widget';\nimport { WidgetProvider, WidgetWrapper } from '@oanda/labs-widget-common';\nimport type { FC } from 'react';\nimport React from 'react';\n\nimport { translations } from '../translations';\nimport type { SpreadCostCalculatorWidgetConfig } from './types';\nimport { ValidationWrapper } from './ValidationWrapper';\n\nconst SpreadCostCalculatorWidget: FC<SpreadCostCalculatorWidgetConfig> = ({\n  graphqlUrl,\n  liveRatesUrl,\n  theme,\n  locale,\n  isParamError,\n  removePadding,\n  division,\n  instruments,\n  logoLink,\n}) => {\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      }}\n      theme={theme}\n      translations={translations}\n    >\n      <WidgetWrapper linkArea=\"logo\" logoLink={logoLink}>\n        <ValidationWrapper\n          division={division}\n          instruments={instruments}\n          isParamError={isParamError}\n        />\n      </WidgetWrapper>\n    </WidgetProvider>\n  );\n};\n\nexport { SpreadCostCalculatorWidget };\n"],"mappings":"AAAA,SAASA,YAAY,EAAEC,aAAa,QAAQ,gBAAgB;AAC5D,SAASC,QAAQ,QAAQ,qCAAqC;AAC9D,SAASC,cAAc,EAAEC,aAAa,QAAQ,2BAA2B;AAEzE,OAAOC,KAAK,MAAM,OAAO;AAEzB,SAASC,YAAY,QAAQ,iBAAiB;AAE9C,SAASC,iBAAiB,QAAQ,qBAAqB;AAEvD,MAAMC,0BAAgE,GAAGC,IAAA,IAUnE;EAAA,IAVoE;IACxEC,UAAU;IACVC,YAAY;IACZC,KAAK;IACLC,MAAM;IACNC,YAAY;IACZC,aAAa;IACbC,QAAQ;IACRC,WAAW;IACXC;EACF,CAAC,GAAAT,IAAA;EACC,MAAMU,MAAM,GAAG,IAAInB,YAAY,CAAC;IAC9BoB,GAAG,EAAEV,UAAU;IACfW,KAAK,EAAE,IAAIpB,aAAa,CAAC;EAC3B,CAAC,CAAC;EAEF,MAAMqB,YAAY,GAAGN,QAAQ,KAAKd,QAAQ,CAACqB,GAAG,GAAGrB,QAAQ,CAACsB,GAAG,GAAGR,QAAQ;EACxE,MAAMS,UAAU,GAAGH,YAAY,KAAKpB,QAAQ,CAACsB,GAAG,GAAG,KAAK,GAAG,KAAK;EAEhE,OACEnB,KAAA,CAAAqB,aAAA,CAACvB,cAAc;IACbwB,YAAY;IACZR,MAAM,EAAEA,MAAO;IACfS,SAAS,EAAE;MACTC,GAAG,EAAElB,YAAY;MACjBmB,OAAO,EAAE;QAAER,YAAY;QAAEG;MAAW;IACtC,CAAE;IACFZ,MAAM,EAAEA,MAAO;IACfkB,OAAO,EAAE;MACPhB;IACF,CAAE;IACFH,KAAK,EAAEA,KAAM;IACbN,YAAY,EAAEA;EAAa,GAE3BD,KAAA,CAAAqB,aAAA,CAACtB,aAAa;IAAC4B,QAAQ,EAAC,MAAM;IAACd,QAAQ,EAAEA;EAAS,GAChDb,KAAA,CAAAqB,aAAA,CAACnB,iBAAiB;IAChBS,QAAQ,EAAEA,QAAS;IACnBC,WAAW,EAAEA,WAAY;IACzBH,YAAY,EAAEA;EAAa,CAC5B,CACY,CACD,CAAC;AAErB,CAAC;AAED,SAASN,0BAA0B","ignoreList":[]}
+{"version":3,"file":"SpreadCostCalculatorWidget.js","names":["ApolloClient","InMemoryCache","Division","WidgetProvider","WidgetWrapper","React","translations","ValidationWrapper","SpreadCostCalculatorWidget","_ref","graphqlUrl","liveRatesUrl","theme","locale","isParamError","removePadding","division","instruments","logoLink","brandingSpace","client","uri","cache","divisionCode","Opt","Ogm","dataSource","createElement","withSuspense","liveRates","url","options","styling","linkArea"],"sources":["../../../src/SpreadCostCalculatorWidget/SpreadCostCalculatorWidget.tsx"],"sourcesContent":["import { ApolloClient, InMemoryCache } from '@apollo/client';\nimport { Division } from '@oanda/labs-live-rates-table-widget';\nimport { WidgetProvider, WidgetWrapper } from '@oanda/labs-widget-common';\nimport type { FC } from 'react';\nimport React from 'react';\n\nimport { translations } from '../translations';\nimport type { SpreadCostCalculatorWidgetConfig } from './types';\nimport { ValidationWrapper } from './ValidationWrapper';\n\nconst SpreadCostCalculatorWidget: FC<SpreadCostCalculatorWidgetConfig> = ({\n  graphqlUrl,\n  liveRatesUrl,\n  theme,\n  locale,\n  isParamError,\n  removePadding,\n  division,\n  instruments,\n  logoLink,\n  brandingSpace,\n}) => {\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      }}\n      theme={theme}\n      translations={translations}\n    >\n      <WidgetWrapper\n        brandingSpace={brandingSpace}\n        linkArea=\"logo\"\n        logoLink={logoLink}\n      >\n        <ValidationWrapper\n          division={division}\n          instruments={instruments}\n          isParamError={isParamError}\n        />\n      </WidgetWrapper>\n    </WidgetProvider>\n  );\n};\n\nexport { SpreadCostCalculatorWidget };\n"],"mappings":"AAAA,SAASA,YAAY,EAAEC,aAAa,QAAQ,gBAAgB;AAC5D,SAASC,QAAQ,QAAQ,qCAAqC;AAC9D,SAASC,cAAc,EAAEC,aAAa,QAAQ,2BAA2B;AAEzE,OAAOC,KAAK,MAAM,OAAO;AAEzB,SAASC,YAAY,QAAQ,iBAAiB;AAE9C,SAASC,iBAAiB,QAAQ,qBAAqB;AAEvD,MAAMC,0BAAgE,GAAGC,IAAA,IAWnE;EAAA,IAXoE;IACxEC,UAAU;IACVC,YAAY;IACZC,KAAK;IACLC,MAAM;IACNC,YAAY;IACZC,aAAa;IACbC,QAAQ;IACRC,WAAW;IACXC,QAAQ;IACRC;EACF,CAAC,GAAAV,IAAA;EACC,MAAMW,MAAM,GAAG,IAAIpB,YAAY,CAAC;IAC9BqB,GAAG,EAAEX,UAAU;IACfY,KAAK,EAAE,IAAIrB,aAAa,CAAC;EAC3B,CAAC,CAAC;EAEF,MAAMsB,YAAY,GAAGP,QAAQ,KAAKd,QAAQ,CAACsB,GAAG,GAAGtB,QAAQ,CAACuB,GAAG,GAAGT,QAAQ;EACxE,MAAMU,UAAU,GAAGH,YAAY,KAAKrB,QAAQ,CAACuB,GAAG,GAAG,KAAK,GAAG,KAAK;EAEhE,OACEpB,KAAA,CAAAsB,aAAA,CAACxB,cAAc;IACbyB,YAAY;IACZR,MAAM,EAAEA,MAAO;IACfS,SAAS,EAAE;MACTC,GAAG,EAAEnB,YAAY;MACjBoB,OAAO,EAAE;QAAER,YAAY;QAAEG;MAAW;IACtC,CAAE;IACFb,MAAM,EAAEA,MAAO;IACfmB,OAAO,EAAE;MACPjB;IACF,CAAE;IACFH,KAAK,EAAEA,KAAM;IACbN,YAAY,EAAEA;EAAa,GAE3BD,KAAA,CAAAsB,aAAA,CAACvB,aAAa;IACZe,aAAa,EAAEA,aAAc;IAC7Bc,QAAQ,EAAC,MAAM;IACff,QAAQ,EAAEA;EAAS,GAEnBb,KAAA,CAAAsB,aAAA,CAACpB,iBAAiB;IAChBS,QAAQ,EAAEA,QAAS;IACnBC,WAAW,EAAEA,WAAY;IACzBH,YAAY,EAAEA;EAAa,CAC5B,CACY,CACD,CAAC;AAErB,CAAC;AAED,SAASN,0BAA0B","ignoreList":[]}

package/dist/module/SpreadCostCalculatorWidget/render.js

@@ -14,7 +14,8 @@ spreadCostCalculatorParamsElements.forEach(element => {
   const {
     locale,
     instruments,
-    division
+    division,
+    logoLink
   } = JSON.parse(params);
   const isParamError = validateToolParams({
     locale,
@@ -42,6 +43,7 @@ spreadCostCalculatorParamsElements.forEach(element => {
     isParamError: isParamError,
     liveRatesUrl: liveRatesUrl,
     locale: locale,
+    logoLink: logoLink,
     theme: mode
   }));
 });

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

@@ -1 +1 @@
-{"version":3,"file":"render.js","names":["validateLocale","validateToolParams","React","createRoot","SpreadCostCalculatorWidget","graphqlUrl","liveRatesUrl","window","widgetsConfig","spreadCostCalculatorParamsElements","document","querySelectorAll","forEach","element","root","params","getAttribute","mode","locale","instruments","division","JSON","parse","isParamError","name","valueCheck","value","length","render","createElement","theme"],"sources":["../../../src/SpreadCostCalculatorWidget/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 { SpreadCostCalculatorWidget } from './SpreadCostCalculatorWidget';\n\nconst { graphqlUrl, liveRatesUrl } = window.widgetsConfig || {};\nconst spreadCostCalculatorParamsElements = document.querySelectorAll(\n  'div[data-spread-cost-calculator-params]'\n);\n\nspreadCostCalculatorParamsElements.forEach((element) => {\n  const root = createRoot(element);\n  const params = element.getAttribute('data-spread-cost-calculator-params');\n  const mode = element.getAttribute('data-mode');\n  const { locale, instruments, division } = JSON.parse(params as string);\n\n  const isParamError = validateToolParams(\n    {\n      locale,\n      graphqlUrl,\n      instruments,\n      division,\n      liveRatesUrl,\n    },\n    [\n      {\n        name: 'locale',\n        valueCheck: (value: string | undefined) => validateLocale(value),\n      },\n      {\n        name: 'graphqlUrl',\n      },\n      {\n        name: 'liveRatesUrl',\n      },\n      {\n        name: 'division',\n      },\n      {\n        name: 'instruments',\n        valueCheck: (value) =>\n          (value as string[]).length > 0 && (value as string[]).length <= 10,\n      },\n    ]\n  );\n\n  root.render(\n    <SpreadCostCalculatorWidget\n      division={division}\n      graphqlUrl={graphqlUrl}\n      instruments={instruments}\n      isParamError={isParamError}\n      liveRatesUrl={liveRatesUrl}\n      locale={locale}\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,0BAA0B,QAAQ,8BAA8B;AAEzE,MAAM;EAAEC,UAAU;EAAEC;AAAa,CAAC,GAAGC,MAAM,CAACC,aAAa,IAAI,CAAC,CAAC;AAC/D,MAAMC,kCAAkC,GAAGC,QAAQ,CAACC,gBAAgB,CAClE,yCACF,CAAC;AAEDF,kCAAkC,CAACG,OAAO,CAAEC,OAAO,IAAK;EACtD,MAAMC,IAAI,GAAGX,UAAU,CAACU,OAAO,CAAC;EAChC,MAAME,MAAM,GAAGF,OAAO,CAACG,YAAY,CAAC,oCAAoC,CAAC;EACzE,MAAMC,IAAI,GAAGJ,OAAO,CAACG,YAAY,CAAC,WAAW,CAAC;EAC9C,MAAM;IAAEE,MAAM;IAAEC,WAAW;IAAEC;EAAS,CAAC,GAAGC,IAAI,CAACC,KAAK,CAACP,MAAgB,CAAC;EAEtE,MAAMQ,YAAY,GAAGtB,kBAAkB,CACrC;IACEiB,MAAM;IACNb,UAAU;IACVc,WAAW;IACXC,QAAQ;IACRd;EACF,CAAC,EACD,CACE;IACEkB,IAAI,EAAE,QAAQ;IACdC,UAAU,EAAGC,KAAyB,IAAK1B,cAAc,CAAC0B,KAAK;EACjE,CAAC,EACD;IACEF,IAAI,EAAE;EACR,CAAC,EACD;IACEA,IAAI,EAAE;EACR,CAAC,EACD;IACEA,IAAI,EAAE;EACR,CAAC,EACD;IACEA,IAAI,EAAE,aAAa;IACnBC,UAAU,EAAGC,KAAK,IACfA,KAAK,CAAcC,MAAM,GAAG,CAAC,IAAKD,KAAK,CAAcC,MAAM,IAAI;EACpE,CAAC,CAEL,CAAC;EAEDb,IAAI,CAACc,MAAM,CACT1B,KAAA,CAAA2B,aAAA,CAACzB,0BAA0B;IACzBgB,QAAQ,EAAEA,QAAS;IACnBf,UAAU,EAAEA,UAAW;IACvBc,WAAW,EAAEA,WAAY;IACzBI,YAAY,EAAEA,YAAa;IAC3BjB,YAAY,EAAEA,YAAa;IAC3BY,MAAM,EAAEA,MAAO;IACfY,KAAK,EAAEb;EAAc,CACtB,CACH,CAAC;AACH,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"render.js","names":["validateLocale","validateToolParams","React","createRoot","SpreadCostCalculatorWidget","graphqlUrl","liveRatesUrl","window","widgetsConfig","spreadCostCalculatorParamsElements","document","querySelectorAll","forEach","element","root","params","getAttribute","mode","locale","instruments","division","logoLink","JSON","parse","isParamError","name","valueCheck","value","length","render","createElement","theme"],"sources":["../../../src/SpreadCostCalculatorWidget/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 { SpreadCostCalculatorWidget } from './SpreadCostCalculatorWidget';\n\nconst { graphqlUrl, liveRatesUrl } = window.widgetsConfig || {};\nconst spreadCostCalculatorParamsElements = document.querySelectorAll(\n  'div[data-spread-cost-calculator-params]'\n);\n\nspreadCostCalculatorParamsElements.forEach((element) => {\n  const root = createRoot(element);\n  const params = element.getAttribute('data-spread-cost-calculator-params');\n  const mode = element.getAttribute('data-mode');\n  const { locale, instruments, division, logoLink } = JSON.parse(\n    params as string\n  );\n\n  const isParamError = validateToolParams(\n    {\n      locale,\n      graphqlUrl,\n      instruments,\n      division,\n      liveRatesUrl,\n    },\n    [\n      {\n        name: 'locale',\n        valueCheck: (value: string | undefined) => validateLocale(value),\n      },\n      {\n        name: 'graphqlUrl',\n      },\n      {\n        name: 'liveRatesUrl',\n      },\n      {\n        name: 'division',\n      },\n      {\n        name: 'instruments',\n        valueCheck: (value) =>\n          (value as string[]).length > 0 && (value as string[]).length <= 10,\n      },\n    ]\n  );\n\n  root.render(\n    <SpreadCostCalculatorWidget\n      division={division}\n      graphqlUrl={graphqlUrl}\n      instruments={instruments}\n      isParamError={isParamError}\n      liveRatesUrl={liveRatesUrl}\n      locale={locale}\n      logoLink={logoLink}\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,0BAA0B,QAAQ,8BAA8B;AAEzE,MAAM;EAAEC,UAAU;EAAEC;AAAa,CAAC,GAAGC,MAAM,CAACC,aAAa,IAAI,CAAC,CAAC;AAC/D,MAAMC,kCAAkC,GAAGC,QAAQ,CAACC,gBAAgB,CAClE,yCACF,CAAC;AAEDF,kCAAkC,CAACG,OAAO,CAAEC,OAAO,IAAK;EACtD,MAAMC,IAAI,GAAGX,UAAU,CAACU,OAAO,CAAC;EAChC,MAAME,MAAM,GAAGF,OAAO,CAACG,YAAY,CAAC,oCAAoC,CAAC;EACzE,MAAMC,IAAI,GAAGJ,OAAO,CAACG,YAAY,CAAC,WAAW,CAAC;EAC9C,MAAM;IAAEE,MAAM;IAAEC,WAAW;IAAEC,QAAQ;IAAEC;EAAS,CAAC,GAAGC,IAAI,CAACC,KAAK,CAC5DR,MACF,CAAC;EAED,MAAMS,YAAY,GAAGvB,kBAAkB,CACrC;IACEiB,MAAM;IACNb,UAAU;IACVc,WAAW;IACXC,QAAQ;IACRd;EACF,CAAC,EACD,CACE;IACEmB,IAAI,EAAE,QAAQ;IACdC,UAAU,EAAGC,KAAyB,IAAK3B,cAAc,CAAC2B,KAAK;EACjE,CAAC,EACD;IACEF,IAAI,EAAE;EACR,CAAC,EACD;IACEA,IAAI,EAAE;EACR,CAAC,EACD;IACEA,IAAI,EAAE;EACR,CAAC,EACD;IACEA,IAAI,EAAE,aAAa;IACnBC,UAAU,EAAGC,KAAK,IACfA,KAAK,CAAcC,MAAM,GAAG,CAAC,IAAKD,KAAK,CAAcC,MAAM,IAAI;EACpE,CAAC,CAEL,CAAC;EAEDd,IAAI,CAACe,MAAM,CACT3B,KAAA,CAAA4B,aAAA,CAAC1B,0BAA0B;IACzBgB,QAAQ,EAAEA,QAAS;IACnBf,UAAU,EAAEA,UAAW;IACvBc,WAAW,EAAEA,WAAY;IACzBK,YAAY,EAAEA,YAAa;IAC3BlB,YAAY,EAAEA,YAAa;IAC3BY,MAAM,EAAEA,MAAO;IACfG,QAAQ,EAAEA,QAAS;IACnBU,KAAK,EAAEd;EAAc,CACtB,CACH,CAAC;AACH,CAAC,CAAC","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oanda/labs-spread-cost-calculator-widget",
-  "version": "1.0.10",
+  "version": "1.0.12",
   "description": "Labs Spread Cost Calculator Widget",
   "main": "dist/main/index.js",
   "module": "dist/module/index.js",
@@ -12,7 +12,7 @@
   "author": "OANDA",
   "license": "UNLICENSED",
   "dependencies": {
-    "@oanda/labs-widget-common": "^1.0.177",
+    "@oanda/labs-widget-common": "^1.0.179",
     "@oanda/mono-i18n": "10.0.1",
     "echarts": "5.5.0",
     "echarts-for-react": "3.0.2",
@@ -22,5 +22,5 @@
     "@graphql-codegen/cli": "5.0.0",
     "@graphql-codegen/client-preset": "4.1.0"
   },
-  "gitHead": "e1568a944573675226db214bea0022af67a3ca2f"
+  "gitHead": "3a1843166935a46ac099a9807d381f0db743b4b3"
 }

package/src/SpreadCostCalculatorWidget/SpreadCostCalculatorWidget.tsx

@@ -18,6 +18,7 @@ const SpreadCostCalculatorWidget: FC<SpreadCostCalculatorWidgetConfig> = ({
   division,
   instruments,
   logoLink,
+  brandingSpace,
 }) => {
   const client = new ApolloClient({
     uri: graphqlUrl,
@@ -42,7 +43,11 @@ const SpreadCostCalculatorWidget: FC<SpreadCostCalculatorWidgetConfig> = ({
       theme={theme}
       translations={translations}
     >
-      <WidgetWrapper linkArea="logo" logoLink={logoLink}>
+      <WidgetWrapper
+        brandingSpace={brandingSpace}
+        linkArea="logo"
+        logoLink={logoLink}
+      >
         <ValidationWrapper
           division={division}
           instruments={instruments}

package/src/SpreadCostCalculatorWidget/render.tsx

@@ -14,7 +14,9 @@ spreadCostCalculatorParamsElements.forEach((element) => {
   const root = createRoot(element);
   const params = element.getAttribute('data-spread-cost-calculator-params');
   const mode = element.getAttribute('data-mode');
-  const { locale, instruments, division } = JSON.parse(params as string);
+  const { locale, instruments, division, logoLink } = JSON.parse(
+    params as string
+  );
 
   const isParamError = validateToolParams(
     {
@@ -54,6 +56,7 @@ spreadCostCalculatorParamsElements.forEach((element) => {
       isParamError={isParamError}
       liveRatesUrl={liveRatesUrl}
       locale={locale}
+      logoLink={logoLink}
       theme={mode as Theme}
     />
   );