@oanda/labs-widget-common 1.0.224 → 1.0.226

package/dist/module/providers/Widget/WidgetProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"WidgetProvider.js","names":["ApolloProvider","LocaleProvider","React","Suspense","Theme","getLocale","ConditionalProvider","LayoutProvider","LiveRatesProvider","defaultStyling","fitContent","removePadding","size","undefined","WidgetProvider","_ref","children","locale","translations","client","theme","Light","withSuspense","styling","liveRates","url","options","_objectSpread","createElement","Provider","render","shouldFitContent","shouldRemovePadding"],"sources":["../../../../src/providers/Widget/WidgetProvider.tsx"],"sourcesContent":["import type { ApolloClient, NormalizedCacheObject } from '@apollo/client';\nimport { ApolloProvider } from '@apollo/client';\nimport type { Locale, Translations } from '@oanda/mono-i18n';\nimport { LocaleProvider } from '@oanda/mono-i18n';\nimport type { PropsWithChildren } from 'react';\nimport React, { Suspense } from 'react';\n\nimport type { LiveRatesConfig, Size, WidgetStyling } from '../../types';\nimport { Theme } from '../../types';\nimport { getLocale } from '../../utils';\nimport { ConditionalProvider } from '../ConditionalProvider';\nimport { LayoutProvider } from '../Layout';\nimport { LiveRatesProvider } from '../LiveRates';\n\ninterface WidgetLayout {\n  size?: Size;\n}\n\ntype WidgetProviderProps = PropsWithChildren & {\n  locale: Locale;\n  translations: Translations;\n  client: ApolloClient<NormalizedCacheObject>;\n  withSuspense?: boolean;\n  theme?: Theme;\n  styling?: Partial<WidgetStyling> & WidgetLayout;\n  liveRates?: LiveRatesConfig;\n};\n\nconst defaultStyling: WidgetStyling & WidgetLayout = {\n  fitContent: false,\n  removePadding: false,\n  size: undefined,\n};\n\nexport const WidgetProvider: React.FC<WidgetProviderProps> = ({\n  children,\n  locale,\n  translations,\n  client,\n  theme = Theme.Light,\n  withSuspense = false,\n  styling,\n  liveRates: { url, options } = { url: '' },\n}) => {\n  const { fitContent, removePadding, size } = {\n    ...defaultStyling,\n    ...styling,\n  };\n\n  return (\n    <LocaleProvider locale={getLocale(locale)} translations={translations}>\n      <ConditionalProvider\n        Provider={<LiveRatesProvider options={options} url={url} />}\n        render={!!url}\n      >\n        <ApolloProvider client={client}>\n          <ConditionalProvider Provider={<Suspense />} render={withSuspense}>\n            <LayoutProvider\n              shouldFitContent={fitContent}\n              shouldRemovePadding={removePadding}\n              size={size}\n              theme={theme}\n            >\n              {children}\n            </LayoutProvider>\n          </ConditionalProvider>\n        </ApolloProvider>\n      </ConditionalProvider>\n    </LocaleProvider>\n  );\n};\n"],"mappings":";;;;;AACA,SAASA,cAAc,QAAQ,gBAAgB;AAE/C,SAASC,cAAc,QAAQ,kBAAkB;AAEjD,OAAOC,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AAGvC,SAASC,KAAK,QAAQ,aAAa;AACnC,SAASC,SAAS,QAAQ,aAAa;AACvC,SAASC,mBAAmB,QAAQ,wBAAwB;AAC5D,SAASC,cAAc,QAAQ,WAAW;AAC1C,SAASC,iBAAiB,QAAQ,cAAc;AAgBhD,MAAMC,cAA4C,GAAG;EACnDC,UAAU,EAAE,KAAK;EACjBC,aAAa,EAAE,KAAK;EACpBC,IAAI,EAAEC;AACR,CAAC;AAED,OAAO,MAAMC,cAA6C,GAAGC,IAAA,IASvD;EAAA,IATwD;IAC5DC,QAAQ;IACRC,MAAM;IACNC,YAAY;IACZC,MAAM;IACNC,KAAK,GAAGhB,KAAK,CAACiB,KAAK;IACnBC,YAAY,GAAG,KAAK;IACpBC,OAAO;IACPC,SAAS,EAAE;MAAEC,GAAG;MAAEC;IAAQ,CAAC,GAAG;MAAED,GAAG,EAAE;IAAG;EAC1C,CAAC,GAAAV,IAAA;EACC,MAAM;IAAEL,UAAU;IAAEC,aAAa;IAAEC;EAAK,CAAC,GAAAe,aAAA,CAAAA,aAAA,KACpClB,cAAc,GACdc,OAAO,CACX;EAED,OACErB,KAAA,CAAA0B,aAAA,CAAC3B,cAAc;IAACgB,MAAM,EAAEZ,SAAS,CAACY,MAAM,CAAE;IAACC,YAAY,EAAEA;EAAa,GACpEhB,KAAA,CAAA0B,aAAA,CAACtB,mBAAmB;IAClBuB,QAAQ,EAAE3B,KAAA,CAAA0B,aAAA,CAACpB,iBAAiB;MAACkB,OAAO,EAAEA,OAAQ;MAACD,GAAG,EAAEA;IAAI,CAAE,CAAE;IAC5DK,MAAM,EAAE,CAAC,CAACL;EAAI,GAEdvB,KAAA,CAAA0B,aAAA,CAAC5B,cAAc;IAACmB,MAAM,EAAEA;EAAO,GAC7BjB,KAAA,CAAA0B,aAAA,CAACtB,mBAAmB;IAACuB,QAAQ,EAAE3B,KAAA,CAAA0B,aAAA,CAACzB,QAAQ,MAAE,CAAE;IAAC2B,MAAM,EAAER;EAAa,GAChEpB,KAAA,CAAA0B,aAAA,CAACrB,cAAc;IACbwB,gBAAgB,EAAErB,UAAW;IAC7BsB,mBAAmB,EAAErB,aAAc;IACnCC,IAAI,EAAEA,IAAK;IACXQ,KAAK,EAAEA;EAAM,GAEZJ,QACa,CACG,CACP,CACG,CACP,CAAC;AAErB,CAAC","ignoreList":[]}
+{"version":3,"file":"WidgetProvider.js","names":["ApolloProvider","LocaleProvider","React","Suspense","Theme","getLocale","ConditionalProvider","LayoutProvider","LiveRatesProvider","defaultStyling","fitContent","removePadding","size","undefined","WidgetProvider","_ref","children","locale","translations","client","theme","Light","withSuspense","styling","liveRates","url","options","multipleDataSources","_objectSpread","createElement","Provider","render","shouldFitContent","shouldRemovePadding"],"sources":["../../../../src/providers/Widget/WidgetProvider.tsx"],"sourcesContent":["import type { ApolloClient, NormalizedCacheObject } from '@apollo/client';\nimport { ApolloProvider } from '@apollo/client';\nimport type { Locale, Translations } from '@oanda/mono-i18n';\nimport { LocaleProvider } from '@oanda/mono-i18n';\nimport type { PropsWithChildren } from 'react';\nimport React, { Suspense } from 'react';\n\nimport type { LiveRatesConfig, Size, WidgetStyling } from '../../types';\nimport { Theme } from '../../types';\nimport { getLocale } from '../../utils';\nimport { ConditionalProvider } from '../ConditionalProvider';\nimport { LayoutProvider } from '../Layout';\nimport { LiveRatesProvider } from '../LiveRates';\n\ninterface WidgetLayout {\n  size?: Size;\n}\n\ntype WidgetProviderProps = PropsWithChildren & {\n  locale: Locale;\n  translations: Translations;\n  client: ApolloClient<NormalizedCacheObject>;\n  withSuspense?: boolean;\n  theme?: Theme;\n  styling?: Partial<WidgetStyling> & WidgetLayout;\n  liveRates?: LiveRatesConfig;\n};\n\nconst defaultStyling: WidgetStyling & WidgetLayout = {\n  fitContent: false,\n  removePadding: false,\n  size: undefined,\n};\n\nexport const WidgetProvider: React.FC<WidgetProviderProps> = ({\n  children,\n  locale,\n  translations,\n  client,\n  theme = Theme.Light,\n  withSuspense = false,\n  styling,\n  liveRates: { url, options, multipleDataSources } = { url: '' },\n}) => {\n  const { fitContent, removePadding, size } = {\n    ...defaultStyling,\n    ...styling,\n  };\n\n  return (\n    <LocaleProvider locale={getLocale(locale)} translations={translations}>\n      <ConditionalProvider\n        Provider={\n          <LiveRatesProvider\n            multipleDataSources={multipleDataSources}\n            options={options}\n            url={url}\n          />\n        }\n        render={!!url}\n      >\n        <ApolloProvider client={client}>\n          <ConditionalProvider Provider={<Suspense />} render={withSuspense}>\n            <LayoutProvider\n              shouldFitContent={fitContent}\n              shouldRemovePadding={removePadding}\n              size={size}\n              theme={theme}\n            >\n              {children}\n            </LayoutProvider>\n          </ConditionalProvider>\n        </ApolloProvider>\n      </ConditionalProvider>\n    </LocaleProvider>\n  );\n};\n"],"mappings":";;;;;AACA,SAASA,cAAc,QAAQ,gBAAgB;AAE/C,SAASC,cAAc,QAAQ,kBAAkB;AAEjD,OAAOC,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AAGvC,SAASC,KAAK,QAAQ,aAAa;AACnC,SAASC,SAAS,QAAQ,aAAa;AACvC,SAASC,mBAAmB,QAAQ,wBAAwB;AAC5D,SAASC,cAAc,QAAQ,WAAW;AAC1C,SAASC,iBAAiB,QAAQ,cAAc;AAgBhD,MAAMC,cAA4C,GAAG;EACnDC,UAAU,EAAE,KAAK;EACjBC,aAAa,EAAE,KAAK;EACpBC,IAAI,EAAEC;AACR,CAAC;AAED,OAAO,MAAMC,cAA6C,GAAGC,IAAA,IASvD;EAAA,IATwD;IAC5DC,QAAQ;IACRC,MAAM;IACNC,YAAY;IACZC,MAAM;IACNC,KAAK,GAAGhB,KAAK,CAACiB,KAAK;IACnBC,YAAY,GAAG,KAAK;IACpBC,OAAO;IACPC,SAAS,EAAE;MAAEC,GAAG;MAAEC,OAAO;MAAEC;IAAoB,CAAC,GAAG;MAAEF,GAAG,EAAE;IAAG;EAC/D,CAAC,GAAAV,IAAA;EACC,MAAM;IAAEL,UAAU;IAAEC,aAAa;IAAEC;EAAK,CAAC,GAAAgB,aAAA,CAAAA,aAAA,KACpCnB,cAAc,GACdc,OAAO,CACX;EAED,OACErB,KAAA,CAAA2B,aAAA,CAAC5B,cAAc;IAACgB,MAAM,EAAEZ,SAAS,CAACY,MAAM,CAAE;IAACC,YAAY,EAAEA;EAAa,GACpEhB,KAAA,CAAA2B,aAAA,CAACvB,mBAAmB;IAClBwB,QAAQ,EACN5B,KAAA,CAAA2B,aAAA,CAACrB,iBAAiB;MAChBmB,mBAAmB,EAAEA,mBAAoB;MACzCD,OAAO,EAAEA,OAAQ;MACjBD,GAAG,EAAEA;IAAI,CACV,CACF;IACDM,MAAM,EAAE,CAAC,CAACN;EAAI,GAEdvB,KAAA,CAAA2B,aAAA,CAAC7B,cAAc;IAACmB,MAAM,EAAEA;EAAO,GAC7BjB,KAAA,CAAA2B,aAAA,CAACvB,mBAAmB;IAACwB,QAAQ,EAAE5B,KAAA,CAAA2B,aAAA,CAAC1B,QAAQ,MAAE,CAAE;IAAC4B,MAAM,EAAET;EAAa,GAChEpB,KAAA,CAAA2B,aAAA,CAACtB,cAAc;IACbyB,gBAAgB,EAAEtB,UAAW;IAC7BuB,mBAAmB,EAAEtB,aAAc;IACnCC,IAAI,EAAEA,IAAK;IACXQ,KAAK,EAAEA;EAAM,GAEZJ,QACa,CACG,CACP,CACG,CACP,CAAC;AAErB,CAAC","ignoreList":[]}

package/dist/module/types/dataTypes.js

@@ -10,6 +10,7 @@ export let DataRecordType = function (DataRecordType) {
   DataRecordType["HIGH"] = "high";
   DataRecordType["SYMBOL"] = "symbol";
   DataRecordType["TRADE_MODE"] = "tradeMode";
+  DataRecordType["DATA_SOURCE"] = "dataSource";
   return DataRecordType;
 }({});
 //# sourceMappingURL=dataTypes.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"dataTypes.js","names":["DataRecordType"],"sources":["../../../src/types/dataTypes.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nexport interface DataRecord {\n  [key: string]: string | number | SentimentValue | undefined | number[];\n  instrument: string;\n  displayName: string;\n  buy?: number;\n  sell?: number;\n  spread?: number;\n  sentiment?: SentimentValue;\n  sellPriceMovement?: number;\n  buyPriceMovement?: number;\n  dailyPercentChange?: string;\n  displayPrecision?: number;\n  chart?: number[];\n  high?: number;\n  low?: number;\n  tradeMode?: string;\n}\n\nexport interface SentimentValue {\n  shortPercent: number;\n  longPercent: number;\n}\n\nexport type EmptyRecord = Record<string, never>;\n\nexport interface QueryVariables {\n  [key: string]: any;\n}\n\nexport enum DataRecordType {\n  INSTRUMENT = 'instrument',\n  SELL = 'sell',\n  BUY = 'buy',\n  DAILY_CHANGE = 'dailyChange',\n  CHART = 'chart',\n  SPREAD = 'spread',\n  SENTIMENT = 'sentiment',\n  LOW = 'low',\n  HIGH = 'high',\n  SYMBOL = 'symbol',\n  TRADE_MODE = 'tradeMode',\n}\n"],"mappings":"AA8BA,WAAYA,cAAc,aAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAA,OAAdA,cAAc;AAAA","ignoreList":[]}
+{"version":3,"file":"dataTypes.js","names":["DataRecordType"],"sources":["../../../src/types/dataTypes.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nexport interface DataRecord {\n  [key: string]: string | number | SentimentValue | undefined | number[];\n  instrument: string;\n  displayName: string;\n  buy?: number;\n  sell?: number;\n  spread?: number;\n  sentiment?: SentimentValue;\n  sellPriceMovement?: number;\n  buyPriceMovement?: number;\n  dailyPercentChange?: string;\n  displayPrecision?: number;\n  chart?: number[];\n  high?: number;\n  low?: number;\n  tradeMode?: string;\n  dataSource?: string;\n}\n\nexport interface SentimentValue {\n  shortPercent: number;\n  longPercent: number;\n}\n\nexport type EmptyRecord = Record<string, never>;\n\nexport interface QueryVariables {\n  [key: string]: any;\n}\n\nexport enum DataRecordType {\n  INSTRUMENT = 'instrument',\n  SELL = 'sell',\n  BUY = 'buy',\n  DAILY_CHANGE = 'dailyChange',\n  CHART = 'chart',\n  SPREAD = 'spread',\n  SENTIMENT = 'sentiment',\n  LOW = 'low',\n  HIGH = 'high',\n  SYMBOL = 'symbol',\n  TRADE_MODE = 'tradeMode',\n  DATA_SOURCE = 'dataSource',\n}\n"],"mappings":"AA+BA,WAAYA,cAAc,aAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAA,OAAdA,cAAc;AAAA","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"liveRatesTypes.js","names":[],"sources":["../../../src/types/liveRatesTypes.ts"],"sourcesContent":["export type LiveRatesDataSource = 'V20' | 'MT5';\n\nexport interface LiveRatesProviderQuery {\n  instruments: string[];\n  division?: string;\n  dataSource?: LiveRatesDataSource;\n}\n\nexport interface LiveRatesProviderOptions {\n  divisionCode?: string;\n  dataSource?: LiveRatesDataSource;\n}\n\nexport interface LiveRatesConfig {\n  url: string;\n  query?: LiveRatesProviderQuery;\n  options?: LiveRatesProviderOptions;\n  eventSource?: EventSource;\n  eventTarget?: EventTarget;\n  eventName?: string;\n}\n\nexport interface LiveRatesHookMessage\n  extends Omit<\n    LiveRatesUpdateMessage,\n    'closingAsk' | 'closingBid' | 'openingAsk' | 'openingBid' | 'extraPrecision'\n  > {\n  spread: number;\n  priceMovement: number;\n  askPriceMovement: number;\n  bidPriceMovement: number;\n  dailyPriceMovement: number;\n  dailyPipsChange: number;\n  dailyPercentChange: number;\n  dailyPercentChangeFromOpen: string;\n  dailyPipsChangeFromOpen: number;\n  displayPrecision: number;\n  high: number;\n  low: number;\n}\n\nexport interface LiveRatesHookReturnObject {\n  update: LiveRatesHookMessage | null;\n  error: LiveRatesErrorMessage | null;\n  connectionError: boolean;\n  setQuery: (query: LiveRatesProviderQuery) => void;\n}\n\nexport interface LiveRatesConnectionErrorMessage {\n  messageType?: string;\n  symbol: string;\n}\n\nexport interface LiveRatesTargetHookReturnObject {\n  closeQuery: () => void;\n  setQuery: (query: LiveRatesProviderQuery) => void;\n  target: EventTarget | null;\n}\n\nexport interface LiveRatesMessageReturnObject {\n  update: LiveRatesHookMessage | null;\n  error: LiveRatesErrorMessage | null;\n  connectionError: boolean;\n}\n\ninterface LiveRatesBaseMessage {\n  messageType?: string;\n  symbol: string;\n  timestamp: string;\n}\nexport interface LiveRatesUpdateMessage extends LiveRatesBaseMessage {\n  ask: number;\n  bid: number;\n  closingAsk: number;\n  closingBid: number;\n  openingAsk: number;\n  openingBid: number;\n  pipLocation: number;\n  extraPrecision: number;\n  low: number;\n  high: number;\n}\n\nexport interface LiveRatesErrorMessage extends LiveRatesBaseMessage {\n  error: string;\n}\n\nexport interface PriceChange {\n  pipsChange: number;\n  percentChange: number;\n  priceMovement: number;\n  askPriceMovement: number;\n  bidPriceMovement: number;\n}\n\nexport interface PriceChangeFromOpen {\n  percentChangeFromOpen: string;\n}\n\nexport interface PipsChangeFromOpen {\n  pipsChangeFromOpen: number;\n}\n\nexport type Base64Decoder = (data: string) => string;\n\nexport type JsonParser = (data: string) => LiveRatesUpdateMessage;\n\nexport interface CalculatePriceChangeInput {\n  pipLocation: number;\n  extraPrecision: number;\n  currentAsk: number;\n  currentBid: number;\n  prevAsk?: number;\n  prevBid?: number;\n}\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"liveRatesTypes.js","names":[],"sources":["../../../src/types/liveRatesTypes.ts"],"sourcesContent":["export type LiveRatesDataSource = 'V20' | 'MT5' | 'All';\n\nexport interface LiveRatesProviderQuery {\n  instruments: string[];\n  division?: string;\n  dataSource?: LiveRatesDataSource;\n}\n\nexport interface LiveRatesProviderOptions {\n  divisionCode?: string;\n  dataSource?: LiveRatesDataSource;\n}\n\nexport interface LiveRatesConfig {\n  url: string;\n  query?: LiveRatesProviderQuery;\n  options?: LiveRatesProviderOptions;\n  eventSource?: EventSource;\n  eventTarget?: EventTarget;\n  eventName?: string;\n  multipleDataSources?: boolean;\n}\n\nexport interface LiveRatesHookMessage\n  extends Omit<\n    LiveRatesUpdateMessage,\n    'closingAsk' | 'closingBid' | 'openingAsk' | 'openingBid' | 'extraPrecision'\n  > {\n  spread: number;\n  priceMovement: number;\n  askPriceMovement: number;\n  bidPriceMovement: number;\n  dailyPriceMovement: number;\n  dailyPipsChange: number;\n  dailyPercentChange: number;\n  dailyPercentChangeFromOpen: string;\n  dailyPipsChangeFromOpen: number;\n  displayPrecision: number;\n  high: number;\n  low: number;\n}\n\nexport interface LiveRatesHookReturnObject {\n  update: LiveRatesHookMessage | null;\n  error: LiveRatesErrorMessage | null;\n  connectionError: boolean;\n  setQuery: (query: LiveRatesProviderQuery) => void;\n}\n\nexport interface LiveRatesConnectionErrorMessage {\n  messageType?: string;\n  symbol: string;\n}\n\nexport interface LiveRatesTargetHookReturnObject {\n  closeQuery: () => void;\n  setQuery: (query: LiveRatesProviderQuery) => void;\n  target: EventTarget | null;\n}\n\nexport interface LiveRatesMessageReturnObject {\n  update: LiveRatesHookMessage | null;\n  error: LiveRatesErrorMessage | null;\n  connectionError: boolean;\n}\n\ninterface LiveRatesBaseMessage {\n  messageType?: string;\n  symbol: string;\n  timestamp: string;\n}\nexport interface LiveRatesUpdateMessage extends LiveRatesBaseMessage {\n  ask: number;\n  bid: number;\n  closingAsk: number;\n  closingBid: number;\n  openingAsk: number;\n  openingBid: number;\n  pipLocation: number;\n  extraPrecision: number;\n  low: number;\n  high: number;\n}\n\nexport interface LiveRatesErrorMessage extends LiveRatesBaseMessage {\n  error: string;\n}\n\nexport interface PriceChange {\n  pipsChange: number;\n  percentChange: number;\n  priceMovement: number;\n  askPriceMovement: number;\n  bidPriceMovement: number;\n}\n\nexport interface PriceChangeFromOpen {\n  percentChangeFromOpen: string;\n}\n\nexport interface PipsChangeFromOpen {\n  pipsChangeFromOpen: number;\n}\n\nexport type Base64Decoder = (data: string) => string;\n\nexport type JsonParser = (data: string) => LiveRatesUpdateMessage;\n\nexport interface CalculatePriceChangeInput {\n  pipLocation: number;\n  extraPrecision: number;\n  currentAsk: number;\n  currentBid: number;\n  prevAsk?: number;\n  prevBid?: number;\n}\n"],"mappings":"","ignoreList":[]}

package/dist/module/utils/liveRates/buildUrl.js

@@ -10,7 +10,7 @@ export const buildUrl = (url, query, options) => {
   }
   const queryParams = query && _objectSpread(_objectSpread({}, query), !query.division && options !== null && options !== void 0 && options.divisionCode ? {
     division: options.divisionCode,
-    dataSource: options.dataSource
+    dataSource: options.dataSource || query.dataSource
   } : {});
   const queryString = queryParams ? Object.entries(queryParams).map(_ref => {
     let [key, value] = _ref;

package/dist/module/utils/liveRates/buildUrl.js.map

@@ -1 +1 @@
-{"version":3,"file":"buildUrl.js","names":["buildUrl","url","query","options","baseUrl","baseQueryString","split","Error","queryParams","_objectSpread","division","divisionCode","dataSource","queryString","Object","entries","map","_ref","key","value","Array","isArray","concat","join","filter","Boolean"],"sources":["../../../../src/utils/liveRates/buildUrl.ts"],"sourcesContent":["import type {\n  LiveRatesProviderOptions,\n  LiveRatesProviderQuery,\n} from '../../types';\n\nexport const buildUrl = (\n  url: string,\n  query?: LiveRatesProviderQuery,\n  options?: LiveRatesProviderOptions\n): string => {\n  const [baseUrl, baseQueryString] = url.split('?');\n\n  if (!query && !baseQueryString) {\n    throw new Error('Instruments query is not provided!');\n  }\n\n  const queryParams = query && {\n    ...query,\n    ...(!query.division && options?.divisionCode\n      ? {\n          division: options.divisionCode,\n          dataSource: options.dataSource,\n        }\n      : {}),\n  };\n\n  const queryString = queryParams\n    ? Object.entries(queryParams)\n        .map(([key, value]) =>\n          Array.isArray(value)\n            ? value && `${key}=${value.join(',')}`\n            : value && `${key}=${value}`\n        )\n        .filter(Boolean)\n        .join('&')\n    : baseQueryString;\n\n  return `${baseUrl}?${queryString}`;\n};\n"],"mappings":";;;;;AAKA,OAAO,MAAMA,QAAQ,GAAGA,CACtBC,GAAW,EACXC,KAA8B,EAC9BC,OAAkC,KACvB;EACX,MAAM,CAACC,OAAO,EAAEC,eAAe,CAAC,GAAGJ,GAAG,CAACK,KAAK,CAAC,GAAG,CAAC;EAEjD,IAAI,CAACJ,KAAK,IAAI,CAACG,eAAe,EAAE;IAC9B,MAAM,IAAIE,KAAK,CAAC,oCAAoC,CAAC;EACvD;EAEA,MAAMC,WAAW,GAAGN,KAAK,IAAAO,aAAA,CAAAA,aAAA,KACpBP,KAAK,GACJ,CAACA,KAAK,CAACQ,QAAQ,IAAIP,OAAO,aAAPA,OAAO,eAAPA,OAAO,CAAEQ,YAAY,GACxC;IACED,QAAQ,EAAEP,OAAO,CAACQ,YAAY;IAC9BC,UAAU,EAAET,OAAO,CAACS;EACtB,CAAC,GACD,CAAC,CAAC,CACP;EAED,MAAMC,WAAW,GAAGL,WAAW,GAC3BM,MAAM,CAACC,OAAO,CAACP,WAAW,CAAC,CACxBQ,GAAG,CAACC,IAAA;IAAA,IAAC,CAACC,GAAG,EAAEC,KAAK,CAAC,GAAAF,IAAA;IAAA,OAChBG,KAAK,CAACC,OAAO,CAACF,KAAK,CAAC,GAChBA,KAAK,OAAAG,MAAA,CAAOJ,GAAG,OAAAI,MAAA,CAAIH,KAAK,CAACI,IAAI,CAAC,GAAG,CAAC,CAAE,GACpCJ,KAAK,OAAAG,MAAA,CAAOJ,GAAG,OAAAI,MAAA,CAAIH,KAAK,CAAE;EAAA,CAChC,CAAC,CACAK,MAAM,CAACC,OAAO,CAAC,CACfF,IAAI,CAAC,GAAG,CAAC,GACZlB,eAAe;EAEnB,UAAAiB,MAAA,CAAUlB,OAAO,OAAAkB,MAAA,CAAIT,WAAW;AAClC,CAAC","ignoreList":[]}
+{"version":3,"file":"buildUrl.js","names":["buildUrl","url","query","options","baseUrl","baseQueryString","split","Error","queryParams","_objectSpread","division","divisionCode","dataSource","queryString","Object","entries","map","_ref","key","value","Array","isArray","concat","join","filter","Boolean"],"sources":["../../../../src/utils/liveRates/buildUrl.ts"],"sourcesContent":["import type {\n  LiveRatesProviderOptions,\n  LiveRatesProviderQuery,\n} from '../../types';\n\nexport const buildUrl = (\n  url: string,\n  query?: LiveRatesProviderQuery,\n  options?: LiveRatesProviderOptions\n): string => {\n  const [baseUrl, baseQueryString] = url.split('?');\n\n  if (!query && !baseQueryString) {\n    throw new Error('Instruments query is not provided!');\n  }\n\n  const queryParams = query && {\n    ...query,\n    ...(!query.division && options?.divisionCode\n      ? {\n          division: options.divisionCode,\n          dataSource: options.dataSource || query.dataSource,\n        }\n      : {}),\n  };\n\n  const queryString = queryParams\n    ? Object.entries(queryParams)\n        .map(([key, value]) =>\n          Array.isArray(value)\n            ? value && `${key}=${value.join(',')}`\n            : value && `${key}=${value}`\n        )\n        .filter(Boolean)\n        .join('&')\n    : baseQueryString;\n\n  return `${baseUrl}?${queryString}`;\n};\n"],"mappings":";;;;;AAKA,OAAO,MAAMA,QAAQ,GAAGA,CACtBC,GAAW,EACXC,KAA8B,EAC9BC,OAAkC,KACvB;EACX,MAAM,CAACC,OAAO,EAAEC,eAAe,CAAC,GAAGJ,GAAG,CAACK,KAAK,CAAC,GAAG,CAAC;EAEjD,IAAI,CAACJ,KAAK,IAAI,CAACG,eAAe,EAAE;IAC9B,MAAM,IAAIE,KAAK,CAAC,oCAAoC,CAAC;EACvD;EAEA,MAAMC,WAAW,GAAGN,KAAK,IAAAO,aAAA,CAAAA,aAAA,KACpBP,KAAK,GACJ,CAACA,KAAK,CAACQ,QAAQ,IAAIP,OAAO,aAAPA,OAAO,eAAPA,OAAO,CAAEQ,YAAY,GACxC;IACED,QAAQ,EAAEP,OAAO,CAACQ,YAAY;IAC9BC,UAAU,EAAET,OAAO,CAACS,UAAU,IAAIV,KAAK,CAACU;EAC1C,CAAC,GACD,CAAC,CAAC,CACP;EAED,MAAMC,WAAW,GAAGL,WAAW,GAC3BM,MAAM,CAACC,OAAO,CAACP,WAAW,CAAC,CACxBQ,GAAG,CAACC,IAAA;IAAA,IAAC,CAACC,GAAG,EAAEC,KAAK,CAAC,GAAAF,IAAA;IAAA,OAChBG,KAAK,CAACC,OAAO,CAACF,KAAK,CAAC,GAChBA,KAAK,OAAAG,MAAA,CAAOJ,GAAG,OAAAI,MAAA,CAAIH,KAAK,CAACI,IAAI,CAAC,GAAG,CAAC,CAAE,GACpCJ,KAAK,OAAAG,MAAA,CAAOJ,GAAG,OAAAI,MAAA,CAAIH,KAAK,CAAE;EAAA,CAChC,CAAC,CACAK,MAAM,CAACC,OAAO,CAAC,CACfF,IAAI,CAAC,GAAG,CAAC,GACZlB,eAAe;EAEnB,UAAAiB,MAAA,CAAUlB,OAAO,OAAAkB,MAAA,CAAIT,WAAW;AAClC,CAAC","ignoreList":[]}

package/dist/types/types/dataTypes.d.ts

@@ -14,6 +14,7 @@ export interface DataRecord {
     high?: number;
     low?: number;
     tradeMode?: string;
+    dataSource?: string;
 }
 export interface SentimentValue {
     shortPercent: number;
@@ -34,5 +35,6 @@ export declare enum DataRecordType {
     LOW = "low",
     HIGH = "high",
     SYMBOL = "symbol",
-    TRADE_MODE = "tradeMode"
+    TRADE_MODE = "tradeMode",
+    DATA_SOURCE = "dataSource"
 }

package/dist/types/types/liveRatesTypes.d.ts

@@ -1,4 +1,4 @@
-export type LiveRatesDataSource = 'V20' | 'MT5';
+export type LiveRatesDataSource = 'V20' | 'MT5' | 'All';
 export interface LiveRatesProviderQuery {
     instruments: string[];
     division?: string;
@@ -15,6 +15,7 @@ export interface LiveRatesConfig {
     eventSource?: EventSource;
     eventTarget?: EventTarget;
     eventName?: string;
+    multipleDataSources?: boolean;
 }
 export interface LiveRatesHookMessage extends Omit<LiveRatesUpdateMessage, 'closingAsk' | 'closingBid' | 'openingAsk' | 'openingBid' | 'extraPrecision'> {
     spread: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oanda/labs-widget-common",
-  "version": "1.0.224",
+  "version": "1.0.226",
   "description": "Labs Widget Common",
   "main": "dist/main/index.js",
   "module": "dist/module/index.js",
@@ -21,5 +21,5 @@
     "tailwind-merge": "2.2.2",
     "usehooks-ts": "3.0.2"
   },
-  "gitHead": "b03e9304ac39928b92878bab83628b07214c3c6f"
+  "gitHead": "4709e181ae37de87e1c5d5569391c5f6cfeeca33"
 }

package/src/components/TableWidget/ColumnRenderer.tsx

@@ -115,6 +115,16 @@ export const ColumnRenderer = ({
         <span>{record.tradeMode}</span>
       </TableCell>
     ),
+    [DataRecordType.DATA_SOURCE]: () => (
+      <TableCell
+        key={DataRecordType.TRADE_MODE}
+        isError={!record.dataSource}
+        isLoading={isLoading}
+        loaderSize={LoaderSize.sm}
+      >
+        <span>{record.dataSource}</span>
+      </TableCell>
+    ),
   };
 
   return activeColumns.map((item) => (

package/src/hooks/useLiveRatesQuery.ts

@@ -20,5 +20,9 @@ export const useLiveRatesQuery = (
     liveRates?.source?.close();
   };
 
-  return { target: liveRates?.target || null, setQuery, closeQuery };
+  return {
+    target: liveRates?.target || null,
+    setQuery,
+    closeQuery,
+  };
 };

package/src/hooks/useVisibleLiveDataRecord.ts

@@ -40,6 +40,7 @@ export const useVisibleLiveDataRecord = (
         displayPrecision: update?.displayPrecision,
         high: update?.high,
         low: update?.low,
+        dataSource: record.dataSource,
       });
       setError(liveRatesError);
     }

package/src/providers/LiveRates/LiveRatesProvider.tsx

@@ -1,3 +1,4 @@
+import { DataSource } from '@oanda/labs-instruments-table-widget/src/gql/types/graphql';
 import type { PropsWithChildren, ReactElement } from 'react';
 import React, { useEffect, useState } from 'react';
 
@@ -11,6 +12,7 @@ import type {
   LiveRatesConfig,
   LiveRatesConnectionErrorMessage,
   LiveRatesErrorMessage,
+  LiveRatesProviderQuery,
   LiveRatesUpdateMessage,
 } from '../../types';
 import { buildUrl, decodeLiveRateMessage } from '../../utils/liveRates';
@@ -26,15 +28,29 @@ export const LiveRatesProvider: React.FC<LiveRatesProviderProps> = ({
   eventSource,
   eventTarget,
   eventName = LIVE_RATES_EVENT_NAME,
+  multipleDataSources = false,
 }): ReactElement => {
   const [source, setSource] = useState(
     eventSource || (query && new EventSource(buildUrl(url, query, options)))
   );
+  const [secondSource, setSecondSource] = useState<EventSource | undefined>(
+    undefined
+  );
   const target = eventTarget || new EventTarget();
 
-  const setQueryListener: EventListener = ({ detail }: CustomEventInit) => {
-    // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
-    setSource(new EventSource(buildUrl(url, detail, options)));
+  const setQueryListener: EventListener = ({
+    detail,
+  }: CustomEventInit<LiveRatesProviderQuery>) => {
+    if (multipleDataSources) {
+      if (detail?.dataSource === DataSource.Mt5) {
+        setSecondSource(new EventSource(buildUrl(url, detail, options)));
+      }
+      if (detail?.dataSource === DataSource.V20) {
+        setSource(new EventSource(buildUrl(url, detail, options)));
+      }
+    } else {
+      setSource(new EventSource(buildUrl(url, detail, options)));
+    }
   };
 
   target.addEventListener(SET_QUERY_EVENT_NAME, setQueryListener);
@@ -69,6 +85,18 @@ export const LiveRatesProvider: React.FC<LiveRatesProviderProps> = ({
       );
       source?.addEventListener('error', listener(LIVE_RATES_CONNECTION_ERROR));
 
+      if (multipleDataSources && secondSource) {
+        secondSource?.addEventListener(eventName, listener(eventName));
+        secondSource?.addEventListener(
+          LIVE_RATES_RATE_ERROR,
+          listener(LIVE_RATES_RATE_ERROR)
+        );
+        secondSource?.addEventListener(
+          'error',
+          listener(LIVE_RATES_CONNECTION_ERROR)
+        );
+      }
+
       return () => {
         target.removeEventListener(SET_QUERY_EVENT_NAME, setQueryListener);
         source?.removeEventListener(eventName, listener(eventName));
@@ -81,6 +109,19 @@ export const LiveRatesProvider: React.FC<LiveRatesProviderProps> = ({
           listener(LIVE_RATES_CONNECTION_ERROR)
         );
         source?.close();
+
+        if (multipleDataSources && secondSource) {
+          secondSource?.removeEventListener(eventName, listener(eventName));
+          secondSource?.removeEventListener(
+            LIVE_RATES_RATE_ERROR,
+            listener(LIVE_RATES_RATE_ERROR)
+          );
+          secondSource?.removeEventListener(
+            'error',
+            listener(LIVE_RATES_CONNECTION_ERROR)
+          );
+          secondSource?.close();
+        }
       };
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps

package/src/providers/Widget/WidgetProvider.tsx

@@ -40,7 +40,7 @@ export const WidgetProvider: React.FC<WidgetProviderProps> = ({
   theme = Theme.Light,
   withSuspense = false,
   styling,
-  liveRates: { url, options } = { url: '' },
+  liveRates: { url, options, multipleDataSources } = { url: '' },
 }) => {
   const { fitContent, removePadding, size } = {
     ...defaultStyling,
@@ -50,7 +50,13 @@ export const WidgetProvider: React.FC<WidgetProviderProps> = ({
   return (
     <LocaleProvider locale={getLocale(locale)} translations={translations}>
       <ConditionalProvider
-        Provider={<LiveRatesProvider options={options} url={url} />}
+        Provider={
+          <LiveRatesProvider
+            multipleDataSources={multipleDataSources}
+            options={options}
+            url={url}
+          />
+        }
         render={!!url}
       >
         <ApolloProvider client={client}>

package/src/types/dataTypes.ts

@@ -15,6 +15,7 @@ export interface DataRecord {
   high?: number;
   low?: number;
   tradeMode?: string;
+  dataSource?: string;
 }
 
 export interface SentimentValue {
@@ -40,4 +41,5 @@ export enum DataRecordType {
   HIGH = 'high',
   SYMBOL = 'symbol',
   TRADE_MODE = 'tradeMode',
+  DATA_SOURCE = 'dataSource',
 }

package/src/types/liveRatesTypes.ts

@@ -1,4 +1,4 @@
-export type LiveRatesDataSource = 'V20' | 'MT5';
+export type LiveRatesDataSource = 'V20' | 'MT5' | 'All';
 
 export interface LiveRatesProviderQuery {
   instruments: string[];
@@ -18,6 +18,7 @@ export interface LiveRatesConfig {
   eventSource?: EventSource;
   eventTarget?: EventTarget;
   eventName?: string;
+  multipleDataSources?: boolean;
 }
 
 export interface LiveRatesHookMessage

package/src/utils/liveRates/buildUrl.ts

@@ -19,7 +19,7 @@ export const buildUrl = (
     ...(!query.division && options?.divisionCode
       ? {
           division: options.divisionCode,
-          dataSource: options.dataSource,
+          dataSource: options.dataSource || query.dataSource,
         }
       : {}),
   };

package/test/components/TableWidget/Cards.test.tsx

@@ -71,29 +71,5 @@ describe('Table widget component', () => {
       expect(getAllByTestId('card-header').length).toEqual(2);
       expect(getAllByTestId('card-row').length).toEqual(10);
     });
-
-    it('should render error', () => {
-      const { getAllByTestId } = render(
-        <MockLayoutProvider>
-          <Cards
-            isError
-            records={records}
-            renderCard={({ record, idx, isLast }) => (
-              <CardRecordRow
-                activeColumns={columns}
-                index={idx}
-                isLast={isLast}
-                isLoading={false}
-                record={record}
-                target={null}
-                tooltipId="toolTipId"
-              />
-            )}
-          />
-        </MockLayoutProvider>
-      );
-      expect(getAllByTestId('card').length).toEqual(1);
-      expect(getAllByTestId('chart-error').length).toEqual(1);
-    });
   });
 });