@oanda/labs-currency-power-balance-widget 1.0.19 → 1.0.20

package/CHANGELOG.md

@@ -3,6 +3,90 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 1.0.20 (2024-02-05)
+
+
+
+## 1.0.80 (2024-02-05)
+
+
+
+## 1.0.79 (2024-02-05)
+
+
+
+## 1.0.78 (2024-01-30)
+
+
+
+## 1.0.77 (2024-01-25)
+
+
+
+## 1.0.76 (2024-01-25)
+
+
+
+## 1.0.75 (2024-01-22)
+
+
+
+## 1.0.74 (2024-01-22)
+
+
+
+## 1.0.73 (2024-01-22)
+
+
+
+## 1.0.72 (2024-01-19)
+
+
+
+## 1.0.71 (2024-01-18)
+
+
+
+## 1.0.70 (2024-01-17)
+
+
+
+## 1.0.69 (2024-01-17)
+
+
+
+## 1.0.68 (2024-01-15)
+
+
+
+## 1.0.67 (2024-01-15)
+
+
+
+## 1.0.66 (2024-01-12)
+
+
+
+## 1.0.65 (2024-01-11)
+
+
+
+## 1.0.64 (2024-01-11)
+
+
+
+## 1.0.63 (2024-01-11)
+
+
+
+## 1.0.62 (2024-01-10)
+
+**Note:** Version bump only for package @oanda/labs-currency-power-balance-widget
+
+
+
+
+
 ## 1.0.19 (2024-02-05)
 
 

package/dist/main/CurrencyPowerBalanceWidget/CurrencyPowerBalance.js

@@ -15,7 +15,8 @@ const CurrencyPowerBalance = _ref => {
   let {
     graphqlUrl,
     theme,
-    locale
+    locale,
+    isParamError
   } = _ref;
   const client = new _client.ApolloClient({
     uri: graphqlUrl,
@@ -28,7 +29,9 @@ const CurrencyPowerBalance = _ref => {
     translations: _translations.translations
   }, _react.default.createElement(_client.ApolloProvider, {
     client: client
-  }, _react.default.createElement(_Main.Main, null))));
+  }, isParamError ? _react.default.createElement("div", {
+    className: "lw-flex lw-h-[425px] lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary"
+  }, _react.default.createElement(_labsWidgetCommon.ChartError, null)) : _react.default.createElement(_Main.Main, null))));
 };
 exports.CurrencyPowerBalance = CurrencyPowerBalance;
 //# sourceMappingURL=CurrencyPowerBalance.js.map

package/dist/main/CurrencyPowerBalanceWidget/CurrencyPowerBalance.js.map

@@ -1 +1 @@
-{"version":3,"file":"CurrencyPowerBalance.js","names":["_react","_interopRequireDefault","require","_client","_labsWidgetCommon","_monoI18n","_Main","_translations","obj","__esModule","default","CurrencyPowerBalance","_ref","graphqlUrl","theme","locale","client","ApolloClient","uri","cache","InMemoryCache","createElement","ThemeProvider","LocaleProvider","getLocale","translations","ApolloProvider","Main","exports"],"sources":["../../../src/CurrencyPowerBalanceWidget/CurrencyPowerBalance.tsx"],"sourcesContent":["import React from 'react';\nimport { ApolloClient, InMemoryCache, ApolloProvider } from '@apollo/client';\nimport { ThemeProvider, getLocale } from '@oanda/labs-widget-common';\nimport { LocaleProvider } from '@oanda/mono-i18n';\nimport { Main } from './Main';\nimport { CurrencyPowerBalanceConfig } from './types';\nimport { translations } from '../translations';\n\nconst CurrencyPowerBalance = ({\n  graphqlUrl, theme, locale,\n}: CurrencyPowerBalanceConfig) => {\n  const client = new ApolloClient({\n    uri: graphqlUrl,\n    cache: new InMemoryCache(),\n  });\n\n  return (\n    <ThemeProvider theme={theme}>\n      <LocaleProvider locale={getLocale(locale)} translations={translations}>\n        <ApolloProvider client={client}>\n          <Main />\n        </ApolloProvider>\n      </LocaleProvider>\n    </ThemeProvider>\n  );\n};\n\nexport { CurrencyPowerBalance };\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AAEA,IAAAK,aAAA,GAAAL,OAAA;AAA+C,SAAAD,uBAAAO,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAE/C,MAAMG,oBAAoB,GAAGC,IAAA,IAEK;EAAA,IAFJ;IAC5BC,UAAU;IAAEC,KAAK;IAAEC;EACO,CAAC,GAAAH,IAAA;EAC3B,MAAMI,MAAM,GAAG,IAAIC,oBAAY,CAAC;IAC9BC,GAAG,EAAEL,UAAU;IACfM,KAAK,EAAE,IAAIC,qBAAa,CAAC;EAC3B,CAAC,CAAC;EAEF,OACEpB,MAAA,CAAAU,OAAA,CAAAW,aAAA,CAACjB,iBAAA,CAAAkB,aAAa;IAACR,KAAK,EAAEA;EAAM,GAC1Bd,MAAA,CAAAU,OAAA,CAAAW,aAAA,CAAChB,SAAA,CAAAkB,cAAc;IAACR,MAAM,EAAE,IAAAS,2BAAS,EAACT,MAAM,CAAE;IAACU,YAAY,EAAEA;EAAa,GACpEzB,MAAA,CAAAU,OAAA,CAAAW,aAAA,CAAClB,OAAA,CAAAuB,cAAc;IAACV,MAAM,EAAEA;EAAO,GAC7BhB,MAAA,CAAAU,OAAA,CAAAW,aAAA,CAACf,KAAA,CAAAqB,IAAI,MAAE,CACO,CACF,CACH,CAAC;AAEpB,CAAC;AAACC,OAAA,CAAAjB,oBAAA,GAAAA,oBAAA"}
+{"version":3,"file":"CurrencyPowerBalance.js","names":["_react","_interopRequireDefault","require","_client","_labsWidgetCommon","_monoI18n","_Main","_translations","obj","__esModule","default","CurrencyPowerBalance","_ref","graphqlUrl","theme","locale","isParamError","client","ApolloClient","uri","cache","InMemoryCache","createElement","ThemeProvider","LocaleProvider","getLocale","translations","ApolloProvider","className","ChartError","Main","exports"],"sources":["../../../src/CurrencyPowerBalanceWidget/CurrencyPowerBalance.tsx"],"sourcesContent":["import React from 'react';\nimport { ApolloClient, InMemoryCache, ApolloProvider } from '@apollo/client';\nimport { ChartError, ThemeProvider, getLocale } from '@oanda/labs-widget-common';\nimport { LocaleProvider } from '@oanda/mono-i18n';\nimport { Main } from './Main';\nimport { CurrencyPowerBalanceConfig } from './types';\nimport { translations } from '../translations';\n\nconst CurrencyPowerBalance = ({\n  graphqlUrl, theme, locale, isParamError,\n}: CurrencyPowerBalanceConfig) => {\n  const client = new ApolloClient({\n    uri: graphqlUrl,\n    cache: new InMemoryCache(),\n  });\n\n  return (\n    <ThemeProvider theme={theme}>\n      <LocaleProvider locale={getLocale(locale)} translations={translations}>\n        <ApolloProvider client={client}>\n          {isParamError ? (\n            <div className=\"lw-flex lw-h-[425px] lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary\">\n              <ChartError />\n            </div>\n          ) : <Main />}\n        </ApolloProvider>\n      </LocaleProvider>\n    </ThemeProvider>\n  );\n};\n\nexport { CurrencyPowerBalance };\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AAEA,IAAAK,aAAA,GAAAL,OAAA;AAA+C,SAAAD,uBAAAO,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAE/C,MAAMG,oBAAoB,GAAGC,IAAA,IAEK;EAAA,IAFJ;IAC5BC,UAAU;IAAEC,KAAK;IAAEC,MAAM;IAAEC;EACD,CAAC,GAAAJ,IAAA;EAC3B,MAAMK,MAAM,GAAG,IAAIC,oBAAY,CAAC;IAC9BC,GAAG,EAAEN,UAAU;IACfO,KAAK,EAAE,IAAIC,qBAAa,CAAC;EAC3B,CAAC,CAAC;EAEF,OACErB,MAAA,CAAAU,OAAA,CAAAY,aAAA,CAAClB,iBAAA,CAAAmB,aAAa;IAACT,KAAK,EAAEA;EAAM,GAC1Bd,MAAA,CAAAU,OAAA,CAAAY,aAAA,CAACjB,SAAA,CAAAmB,cAAc;IAACT,MAAM,EAAE,IAAAU,2BAAS,EAACV,MAAM,CAAE;IAACW,YAAY,EAAEA;EAAa,GACpE1B,MAAA,CAAAU,OAAA,CAAAY,aAAA,CAACnB,OAAA,CAAAwB,cAAc;IAACV,MAAM,EAAEA;EAAO,GAC5BD,YAAY,GACXhB,MAAA,CAAAU,OAAA,CAAAY,aAAA;IAAKM,SAAS,EAAC;EAAmG,GAChH5B,MAAA,CAAAU,OAAA,CAAAY,aAAA,CAAClB,iBAAA,CAAAyB,UAAU,MAAE,CACV,CAAC,GACJ7B,MAAA,CAAAU,OAAA,CAAAY,aAAA,CAAChB,KAAA,CAAAwB,IAAI,MAAE,CACG,CACF,CACH,CAAC;AAEpB,CAAC;AAACC,OAAA,CAAApB,oBAAA,GAAAA,oBAAA"}

package/dist/main/CurrencyPowerBalanceWidget/render.js

@@ -2,6 +2,7 @@
 
 var _react = _interopRequireDefault(require("react"));
 var _reactDom = require("react-dom");
+var _labsWidgetCommon = require("@oanda/labs-widget-common");
 var _CurrencyPowerBalance = require("./CurrencyPowerBalance");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const {
@@ -20,10 +21,20 @@ if (currencyPowerBalanceParamsElements.length > 0) {
     const {
       locale
     } = JSON.parse(params);
+    const isParamError = (0, _labsWidgetCommon.validateToolParams)({
+      locale
+    }, [{
+      name: 'locale',
+      valueCheck: value => value.split('-')[0] === 'en' || value.split('-')[0] === 'zh'
+    }, {
+      name: 'graphqlUrl',
+      valueCheck: value => !!value
+    }]);
     (0, _reactDom.render)(_react.default.createElement(_CurrencyPowerBalance.CurrencyPowerBalance, {
       graphqlUrl: graphqlUrl,
       locale: locale,
-      theme: mode
+      theme: mode,
+      isParamError: isParamError
     }), element);
   });
 } else {

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

@@ -1 +1 @@
-{"version":3,"file":"render.js","names":["_react","_interopRequireDefault","require","_reactDom","_CurrencyPowerBalance","obj","__esModule","default","graphqlUrl","configGraphQl","renderElementId","configRenderElementId","locale","configLocale","window","currencyPowerBalanceWidgetConfig","widgetsConfig","currencyPowerBalanceParamsElements","document","querySelectorAll","length","forEach","element","params","getAttribute","mode","JSON","parse","render","createElement","CurrencyPowerBalance","theme","getElementById"],"sources":["../../../src/CurrencyPowerBalanceWidget/render.tsx"],"sourcesContent":["import React from 'react';\nimport { render } from 'react-dom';\nimport { Theme } from '@oanda/labs-widget-common';\nimport { CurrencyPowerBalance } from './CurrencyPowerBalance';\n\nconst {\n  graphqlUrl: configGraphQl,\n  renderElementId: configRenderElementId,\n  locale: configLocale,\n} = window.currencyPowerBalanceWidgetConfig || {};\n\nconst {\n  graphqlUrl,\n} = window.widgetsConfig || {};\n\nconst currencyPowerBalanceParamsElements = document.querySelectorAll('div[data-currency-power-balance-params]');\n\nif (currencyPowerBalanceParamsElements.length > 0) {\n  currencyPowerBalanceParamsElements.forEach((element) => {\n    const params = element.getAttribute('data-currency-power-balance-params');\n    const mode = element.getAttribute('data-mode');\n    const { locale } = JSON.parse(params as string);\n\n    render(\n      <CurrencyPowerBalance\n        graphqlUrl={graphqlUrl}\n        locale={locale}\n        theme={mode as Theme}\n      />,\n      element,\n    );\n  });\n} else {\n  render(\n    <CurrencyPowerBalance\n      locale={configLocale}\n      graphqlUrl={configGraphQl}\n    />,\n    document.getElementById(configRenderElementId),\n  );\n}\n"],"mappings":";;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AAEA,IAAAE,qBAAA,GAAAF,OAAA;AAA8D,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAE9D,MAAM;EACJG,UAAU,EAAEC,aAAa;EACzBC,eAAe,EAAEC,qBAAqB;EACtCC,MAAM,EAAEC;AACV,CAAC,GAAGC,MAAM,CAACC,gCAAgC,IAAI,CAAC,CAAC;AAEjD,MAAM;EACJP;AACF,CAAC,GAAGM,MAAM,CAACE,aAAa,IAAI,CAAC,CAAC;AAE9B,MAAMC,kCAAkC,GAAGC,QAAQ,CAACC,gBAAgB,CAAC,yCAAyC,CAAC;AAE/G,IAAIF,kCAAkC,CAACG,MAAM,GAAG,CAAC,EAAE;EACjDH,kCAAkC,CAACI,OAAO,CAAEC,OAAO,IAAK;IACtD,MAAMC,MAAM,GAAGD,OAAO,CAACE,YAAY,CAAC,oCAAoC,CAAC;IACzE,MAAMC,IAAI,GAAGH,OAAO,CAACE,YAAY,CAAC,WAAW,CAAC;IAC9C,MAAM;MAAEZ;IAAO,CAAC,GAAGc,IAAI,CAACC,KAAK,CAACJ,MAAgB,CAAC;IAE/C,IAAAK,gBAAM,EACJ5B,MAAA,CAAAO,OAAA,CAAAsB,aAAA,CAACzB,qBAAA,CAAA0B,oBAAoB;MACnBtB,UAAU,EAAEA,UAAW;MACvBI,MAAM,EAAEA,MAAO;MACfmB,KAAK,EAAEN;IAAc,CACtB,CAAC,EACFH,OACF,CAAC;EACH,CAAC,CAAC;AACJ,CAAC,MAAM;EACL,IAAAM,gBAAM,EACJ5B,MAAA,CAAAO,OAAA,CAAAsB,aAAA,CAACzB,qBAAA,CAAA0B,oBAAoB;IACnBlB,MAAM,EAAEC,YAAa;IACrBL,UAAU,EAAEC;EAAc,CAC3B,CAAC,EACFS,QAAQ,CAACc,cAAc,CAACrB,qBAAqB,CAC/C,CAAC;AACH"}
+{"version":3,"file":"render.js","names":["_react","_interopRequireDefault","require","_reactDom","_labsWidgetCommon","_CurrencyPowerBalance","obj","__esModule","default","graphqlUrl","configGraphQl","renderElementId","configRenderElementId","locale","configLocale","window","currencyPowerBalanceWidgetConfig","widgetsConfig","currencyPowerBalanceParamsElements","document","querySelectorAll","length","forEach","element","params","getAttribute","mode","JSON","parse","isParamError","validateToolParams","name","valueCheck","value","split","render","createElement","CurrencyPowerBalance","theme","getElementById"],"sources":["../../../src/CurrencyPowerBalanceWidget/render.tsx"],"sourcesContent":["import React from 'react';\nimport { render } from 'react-dom';\nimport { Theme, validateToolParams } from '@oanda/labs-widget-common';\nimport { CurrencyPowerBalance } from './CurrencyPowerBalance';\n\nconst {\n  graphqlUrl: configGraphQl,\n  renderElementId: configRenderElementId,\n  locale: configLocale,\n} = window.currencyPowerBalanceWidgetConfig || {};\n\nconst {\n  graphqlUrl,\n} = window.widgetsConfig || {};\n\nconst currencyPowerBalanceParamsElements = document.querySelectorAll('div[data-currency-power-balance-params]');\n\nif (currencyPowerBalanceParamsElements.length > 0) {\n  currencyPowerBalanceParamsElements.forEach((element) => {\n    const params = element.getAttribute('data-currency-power-balance-params');\n    const mode = element.getAttribute('data-mode');\n    const { locale } = JSON.parse(params as string);\n\n    const isParamError = validateToolParams({ locale }, [\n      {\n        name: 'locale',\n        valueCheck: (value) => value.split('-')[0] === 'en' || value.split('-')[0] === 'zh',\n      }, {\n        name: 'graphqlUrl',\n        valueCheck: (value) => !!value,\n      }]);\n    render(\n      <CurrencyPowerBalance\n        graphqlUrl={graphqlUrl}\n        locale={locale}\n        theme={mode as Theme}\n        isParamError={isParamError}\n      />,\n      element,\n    );\n  });\n} else {\n  render(\n    <CurrencyPowerBalance\n      locale={configLocale}\n      graphqlUrl={configGraphQl}\n    />,\n    document.getElementById(configRenderElementId),\n  );\n}\n"],"mappings":";;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,qBAAA,GAAAH,OAAA;AAA8D,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAE9D,MAAM;EACJG,UAAU,EAAEC,aAAa;EACzBC,eAAe,EAAEC,qBAAqB;EACtCC,MAAM,EAAEC;AACV,CAAC,GAAGC,MAAM,CAACC,gCAAgC,IAAI,CAAC,CAAC;AAEjD,MAAM;EACJP;AACF,CAAC,GAAGM,MAAM,CAACE,aAAa,IAAI,CAAC,CAAC;AAE9B,MAAMC,kCAAkC,GAAGC,QAAQ,CAACC,gBAAgB,CAAC,yCAAyC,CAAC;AAE/G,IAAIF,kCAAkC,CAACG,MAAM,GAAG,CAAC,EAAE;EACjDH,kCAAkC,CAACI,OAAO,CAAEC,OAAO,IAAK;IACtD,MAAMC,MAAM,GAAGD,OAAO,CAACE,YAAY,CAAC,oCAAoC,CAAC;IACzE,MAAMC,IAAI,GAAGH,OAAO,CAACE,YAAY,CAAC,WAAW,CAAC;IAC9C,MAAM;MAAEZ;IAAO,CAAC,GAAGc,IAAI,CAACC,KAAK,CAACJ,MAAgB,CAAC;IAE/C,MAAMK,YAAY,GAAG,IAAAC,oCAAkB,EAAC;MAAEjB;IAAO,CAAC,EAAE,CAClD;MACEkB,IAAI,EAAE,QAAQ;MACdC,UAAU,EAAGC,KAAK,IAAKA,KAAK,CAACC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,IAAID,KAAK,CAACC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK;IACjF,CAAC,EAAE;MACDH,IAAI,EAAE,YAAY;MAClBC,UAAU,EAAGC,KAAK,IAAK,CAAC,CAACA;IAC3B,CAAC,CAAC,CAAC;IACL,IAAAE,gBAAM,EACJnC,MAAA,CAAAQ,OAAA,CAAA4B,aAAA,CAAC/B,qBAAA,CAAAgC,oBAAoB;MACnB5B,UAAU,EAAEA,UAAW;MACvBI,MAAM,EAAEA,MAAO;MACfyB,KAAK,EAAEZ,IAAc;MACrBG,YAAY,EAAEA;IAAa,CAC5B,CAAC,EACFN,OACF,CAAC;EACH,CAAC,CAAC;AACJ,CAAC,MAAM;EACL,IAAAY,gBAAM,EACJnC,MAAA,CAAAQ,OAAA,CAAA4B,aAAA,CAAC/B,qBAAA,CAAAgC,oBAAoB;IACnBxB,MAAM,EAAEC,YAAa;IACrBL,UAAU,EAAEC;EAAc,CAC3B,CAAC,EACFS,QAAQ,CAACoB,cAAc,CAAC3B,qBAAqB,CAC/C,CAAC;AACH"}

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../src/CurrencyPowerBalanceWidget/types.ts"],"sourcesContent":["import { Locale } from '@oanda/mono-i18n';\nimport { Theme } from '@oanda/labs-widget-common';\nimport { CurrencyPowerBalanceTimeUnit } from '../gql/types/graphql';\n\nexport interface CurrencyPowerBalanceConfig {\n  graphqlUrl: string;\n  locale: Locale;\n  theme?: Theme;\n}\n\nexport interface CurrencyPowerBalanceWrapperConfig extends CurrencyPowerBalanceConfig {\n  renderElementId: string;\n  locale: Locale;\n}\n\nexport interface ChartWithDataProps {\n  timeUnit: CurrencyPowerBalanceTimeUnit;\n}\n"],"mappings":""}
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/CurrencyPowerBalanceWidget/types.ts"],"sourcesContent":["import { Locale } from '@oanda/mono-i18n';\nimport { Theme } from '@oanda/labs-widget-common';\nimport { CurrencyPowerBalanceTimeUnit } from '../gql/types/graphql';\n\nexport interface CurrencyPowerBalanceConfig {\n  graphqlUrl: string;\n  locale: Locale;\n  theme?: Theme;\n  isParamError?: boolean;\n}\n\nexport interface CurrencyPowerBalanceWrapperConfig extends CurrencyPowerBalanceConfig {\n  renderElementId: string;\n  locale: Locale;\n}\n\nexport interface ChartWithDataProps {\n  timeUnit: CurrencyPowerBalanceTimeUnit;\n}\n"],"mappings":""}

package/dist/module/CurrencyPowerBalanceWidget/CurrencyPowerBalance.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ApolloClient, InMemoryCache, ApolloProvider } from '@apollo/client';
-import { ThemeProvider, getLocale } from '@oanda/labs-widget-common';
+import { ChartError, ThemeProvider, getLocale } from '@oanda/labs-widget-common';
 import { LocaleProvider } from '@oanda/mono-i18n';
 import { Main } from './Main';
 import { translations } from '../translations';
@@ -8,7 +8,8 @@ const CurrencyPowerBalance = _ref => {
   let {
     graphqlUrl,
     theme,
-    locale
+    locale,
+    isParamError
   } = _ref;
   const client = new ApolloClient({
     uri: graphqlUrl,
@@ -21,7 +22,9 @@ const CurrencyPowerBalance = _ref => {
     translations: translations
   }, React.createElement(ApolloProvider, {
     client: client
-  }, React.createElement(Main, null))));
+  }, isParamError ? React.createElement("div", {
+    className: "lw-flex lw-h-[425px] lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary"
+  }, React.createElement(ChartError, null)) : React.createElement(Main, null))));
 };
 export { CurrencyPowerBalance };
 //# sourceMappingURL=CurrencyPowerBalance.js.map

package/dist/module/CurrencyPowerBalanceWidget/CurrencyPowerBalance.js.map

@@ -1 +1 @@
-{"version":3,"file":"CurrencyPowerBalance.js","names":["React","ApolloClient","InMemoryCache","ApolloProvider","ThemeProvider","getLocale","LocaleProvider","Main","translations","CurrencyPowerBalance","_ref","graphqlUrl","theme","locale","client","uri","cache","createElement"],"sources":["../../../src/CurrencyPowerBalanceWidget/CurrencyPowerBalance.tsx"],"sourcesContent":["import React from 'react';\nimport { ApolloClient, InMemoryCache, ApolloProvider } from '@apollo/client';\nimport { ThemeProvider, getLocale } from '@oanda/labs-widget-common';\nimport { LocaleProvider } from '@oanda/mono-i18n';\nimport { Main } from './Main';\nimport { CurrencyPowerBalanceConfig } from './types';\nimport { translations } from '../translations';\n\nconst CurrencyPowerBalance = ({\n  graphqlUrl, theme, locale,\n}: CurrencyPowerBalanceConfig) => {\n  const client = new ApolloClient({\n    uri: graphqlUrl,\n    cache: new InMemoryCache(),\n  });\n\n  return (\n    <ThemeProvider theme={theme}>\n      <LocaleProvider locale={getLocale(locale)} translations={translations}>\n        <ApolloProvider client={client}>\n          <Main />\n        </ApolloProvider>\n      </LocaleProvider>\n    </ThemeProvider>\n  );\n};\n\nexport { CurrencyPowerBalance };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,YAAY,EAAEC,aAAa,EAAEC,cAAc,QAAQ,gBAAgB;AAC5E,SAASC,aAAa,EAAEC,SAAS,QAAQ,2BAA2B;AACpE,SAASC,cAAc,QAAQ,kBAAkB;AACjD,SAASC,IAAI,QAAQ,QAAQ;AAE7B,SAASC,YAAY,QAAQ,iBAAiB;AAE9C,MAAMC,oBAAoB,GAAGC,IAAA,IAEK;EAAA,IAFJ;IAC5BC,UAAU;IAAEC,KAAK;IAAEC;EACO,CAAC,GAAAH,IAAA;EAC3B,MAAMI,MAAM,GAAG,IAAIb,YAAY,CAAC;IAC9Bc,GAAG,EAAEJ,UAAU;IACfK,KAAK,EAAE,IAAId,aAAa,CAAC;EAC3B,CAAC,CAAC;EAEF,OACEF,KAAA,CAAAiB,aAAA,CAACb,aAAa;IAACQ,KAAK,EAAEA;EAAM,GAC1BZ,KAAA,CAAAiB,aAAA,CAACX,cAAc;IAACO,MAAM,EAAER,SAAS,CAACQ,MAAM,CAAE;IAACL,YAAY,EAAEA;EAAa,GACpER,KAAA,CAAAiB,aAAA,CAACd,cAAc;IAACW,MAAM,EAAEA;EAAO,GAC7Bd,KAAA,CAAAiB,aAAA,CAACV,IAAI,MAAE,CACO,CACF,CACH,CAAC;AAEpB,CAAC;AAED,SAASE,oBAAoB"}
+{"version":3,"file":"CurrencyPowerBalance.js","names":["React","ApolloClient","InMemoryCache","ApolloProvider","ChartError","ThemeProvider","getLocale","LocaleProvider","Main","translations","CurrencyPowerBalance","_ref","graphqlUrl","theme","locale","isParamError","client","uri","cache","createElement","className"],"sources":["../../../src/CurrencyPowerBalanceWidget/CurrencyPowerBalance.tsx"],"sourcesContent":["import React from 'react';\nimport { ApolloClient, InMemoryCache, ApolloProvider } from '@apollo/client';\nimport { ChartError, ThemeProvider, getLocale } from '@oanda/labs-widget-common';\nimport { LocaleProvider } from '@oanda/mono-i18n';\nimport { Main } from './Main';\nimport { CurrencyPowerBalanceConfig } from './types';\nimport { translations } from '../translations';\n\nconst CurrencyPowerBalance = ({\n  graphqlUrl, theme, locale, isParamError,\n}: CurrencyPowerBalanceConfig) => {\n  const client = new ApolloClient({\n    uri: graphqlUrl,\n    cache: new InMemoryCache(),\n  });\n\n  return (\n    <ThemeProvider theme={theme}>\n      <LocaleProvider locale={getLocale(locale)} translations={translations}>\n        <ApolloProvider client={client}>\n          {isParamError ? (\n            <div className=\"lw-flex lw-h-[425px] lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary\">\n              <ChartError />\n            </div>\n          ) : <Main />}\n        </ApolloProvider>\n      </LocaleProvider>\n    </ThemeProvider>\n  );\n};\n\nexport { CurrencyPowerBalance };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,YAAY,EAAEC,aAAa,EAAEC,cAAc,QAAQ,gBAAgB;AAC5E,SAASC,UAAU,EAAEC,aAAa,EAAEC,SAAS,QAAQ,2BAA2B;AAChF,SAASC,cAAc,QAAQ,kBAAkB;AACjD,SAASC,IAAI,QAAQ,QAAQ;AAE7B,SAASC,YAAY,QAAQ,iBAAiB;AAE9C,MAAMC,oBAAoB,GAAGC,IAAA,IAEK;EAAA,IAFJ;IAC5BC,UAAU;IAAEC,KAAK;IAAEC,MAAM;IAAEC;EACD,CAAC,GAAAJ,IAAA;EAC3B,MAAMK,MAAM,GAAG,IAAIf,YAAY,CAAC;IAC9BgB,GAAG,EAAEL,UAAU;IACfM,KAAK,EAAE,IAAIhB,aAAa,CAAC;EAC3B,CAAC,CAAC;EAEF,OACEF,KAAA,CAAAmB,aAAA,CAACd,aAAa;IAACQ,KAAK,EAAEA;EAAM,GAC1Bb,KAAA,CAAAmB,aAAA,CAACZ,cAAc;IAACO,MAAM,EAAER,SAAS,CAACQ,MAAM,CAAE;IAACL,YAAY,EAAEA;EAAa,GACpET,KAAA,CAAAmB,aAAA,CAAChB,cAAc;IAACa,MAAM,EAAEA;EAAO,GAC5BD,YAAY,GACXf,KAAA,CAAAmB,aAAA;IAAKC,SAAS,EAAC;EAAmG,GAChHpB,KAAA,CAAAmB,aAAA,CAACf,UAAU,MAAE,CACV,CAAC,GACJJ,KAAA,CAAAmB,aAAA,CAACX,IAAI,MAAE,CACG,CACF,CACH,CAAC;AAEpB,CAAC;AAED,SAASE,oBAAoB"}

package/dist/module/CurrencyPowerBalanceWidget/render.js

@@ -1,5 +1,6 @@
 import React from 'react';
 import { render } from 'react-dom';
+import { validateToolParams } from '@oanda/labs-widget-common';
 import { CurrencyPowerBalance } from './CurrencyPowerBalance';
 const {
   graphqlUrl: configGraphQl,
@@ -17,10 +18,20 @@ if (currencyPowerBalanceParamsElements.length > 0) {
     const {
       locale
     } = JSON.parse(params);
+    const isParamError = validateToolParams({
+      locale
+    }, [{
+      name: 'locale',
+      valueCheck: value => value.split('-')[0] === 'en' || value.split('-')[0] === 'zh'
+    }, {
+      name: 'graphqlUrl',
+      valueCheck: value => !!value
+    }]);
     render(React.createElement(CurrencyPowerBalance, {
       graphqlUrl: graphqlUrl,
       locale: locale,
-      theme: mode
+      theme: mode,
+      isParamError: isParamError
     }), element);
   });
 } else {

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

@@ -1 +1 @@
-{"version":3,"file":"render.js","names":["React","render","CurrencyPowerBalance","graphqlUrl","configGraphQl","renderElementId","configRenderElementId","locale","configLocale","window","currencyPowerBalanceWidgetConfig","widgetsConfig","currencyPowerBalanceParamsElements","document","querySelectorAll","length","forEach","element","params","getAttribute","mode","JSON","parse","createElement","theme","getElementById"],"sources":["../../../src/CurrencyPowerBalanceWidget/render.tsx"],"sourcesContent":["import React from 'react';\nimport { render } from 'react-dom';\nimport { Theme } from '@oanda/labs-widget-common';\nimport { CurrencyPowerBalance } from './CurrencyPowerBalance';\n\nconst {\n  graphqlUrl: configGraphQl,\n  renderElementId: configRenderElementId,\n  locale: configLocale,\n} = window.currencyPowerBalanceWidgetConfig || {};\n\nconst {\n  graphqlUrl,\n} = window.widgetsConfig || {};\n\nconst currencyPowerBalanceParamsElements = document.querySelectorAll('div[data-currency-power-balance-params]');\n\nif (currencyPowerBalanceParamsElements.length > 0) {\n  currencyPowerBalanceParamsElements.forEach((element) => {\n    const params = element.getAttribute('data-currency-power-balance-params');\n    const mode = element.getAttribute('data-mode');\n    const { locale } = JSON.parse(params as string);\n\n    render(\n      <CurrencyPowerBalance\n        graphqlUrl={graphqlUrl}\n        locale={locale}\n        theme={mode as Theme}\n      />,\n      element,\n    );\n  });\n} else {\n  render(\n    <CurrencyPowerBalance\n      locale={configLocale}\n      graphqlUrl={configGraphQl}\n    />,\n    document.getElementById(configRenderElementId),\n  );\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,QAAQ,WAAW;AAElC,SAASC,oBAAoB,QAAQ,wBAAwB;AAE7D,MAAM;EACJC,UAAU,EAAEC,aAAa;EACzBC,eAAe,EAAEC,qBAAqB;EACtCC,MAAM,EAAEC;AACV,CAAC,GAAGC,MAAM,CAACC,gCAAgC,IAAI,CAAC,CAAC;AAEjD,MAAM;EACJP;AACF,CAAC,GAAGM,MAAM,CAACE,aAAa,IAAI,CAAC,CAAC;AAE9B,MAAMC,kCAAkC,GAAGC,QAAQ,CAACC,gBAAgB,CAAC,yCAAyC,CAAC;AAE/G,IAAIF,kCAAkC,CAACG,MAAM,GAAG,CAAC,EAAE;EACjDH,kCAAkC,CAACI,OAAO,CAAEC,OAAO,IAAK;IACtD,MAAMC,MAAM,GAAGD,OAAO,CAACE,YAAY,CAAC,oCAAoC,CAAC;IACzE,MAAMC,IAAI,GAAGH,OAAO,CAACE,YAAY,CAAC,WAAW,CAAC;IAC9C,MAAM;MAAEZ;IAAO,CAAC,GAAGc,IAAI,CAACC,KAAK,CAACJ,MAAgB,CAAC;IAE/CjB,MAAM,CACJD,KAAA,CAAAuB,aAAA,CAACrB,oBAAoB;MACnBC,UAAU,EAAEA,UAAW;MACvBI,MAAM,EAAEA,MAAO;MACfiB,KAAK,EAAEJ;IAAc,CACtB,CAAC,EACFH,OACF,CAAC;EACH,CAAC,CAAC;AACJ,CAAC,MAAM;EACLhB,MAAM,CACJD,KAAA,CAAAuB,aAAA,CAACrB,oBAAoB;IACnBK,MAAM,EAAEC,YAAa;IACrBL,UAAU,EAAEC;EAAc,CAC3B,CAAC,EACFS,QAAQ,CAACY,cAAc,CAACnB,qBAAqB,CAC/C,CAAC;AACH"}
+{"version":3,"file":"render.js","names":["React","render","validateToolParams","CurrencyPowerBalance","graphqlUrl","configGraphQl","renderElementId","configRenderElementId","locale","configLocale","window","currencyPowerBalanceWidgetConfig","widgetsConfig","currencyPowerBalanceParamsElements","document","querySelectorAll","length","forEach","element","params","getAttribute","mode","JSON","parse","isParamError","name","valueCheck","value","split","createElement","theme","getElementById"],"sources":["../../../src/CurrencyPowerBalanceWidget/render.tsx"],"sourcesContent":["import React from 'react';\nimport { render } from 'react-dom';\nimport { Theme, validateToolParams } from '@oanda/labs-widget-common';\nimport { CurrencyPowerBalance } from './CurrencyPowerBalance';\n\nconst {\n  graphqlUrl: configGraphQl,\n  renderElementId: configRenderElementId,\n  locale: configLocale,\n} = window.currencyPowerBalanceWidgetConfig || {};\n\nconst {\n  graphqlUrl,\n} = window.widgetsConfig || {};\n\nconst currencyPowerBalanceParamsElements = document.querySelectorAll('div[data-currency-power-balance-params]');\n\nif (currencyPowerBalanceParamsElements.length > 0) {\n  currencyPowerBalanceParamsElements.forEach((element) => {\n    const params = element.getAttribute('data-currency-power-balance-params');\n    const mode = element.getAttribute('data-mode');\n    const { locale } = JSON.parse(params as string);\n\n    const isParamError = validateToolParams({ locale }, [\n      {\n        name: 'locale',\n        valueCheck: (value) => value.split('-')[0] === 'en' || value.split('-')[0] === 'zh',\n      }, {\n        name: 'graphqlUrl',\n        valueCheck: (value) => !!value,\n      }]);\n    render(\n      <CurrencyPowerBalance\n        graphqlUrl={graphqlUrl}\n        locale={locale}\n        theme={mode as Theme}\n        isParamError={isParamError}\n      />,\n      element,\n    );\n  });\n} else {\n  render(\n    <CurrencyPowerBalance\n      locale={configLocale}\n      graphqlUrl={configGraphQl}\n    />,\n    document.getElementById(configRenderElementId),\n  );\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,QAAQ,WAAW;AAClC,SAAgBC,kBAAkB,QAAQ,2BAA2B;AACrE,SAASC,oBAAoB,QAAQ,wBAAwB;AAE7D,MAAM;EACJC,UAAU,EAAEC,aAAa;EACzBC,eAAe,EAAEC,qBAAqB;EACtCC,MAAM,EAAEC;AACV,CAAC,GAAGC,MAAM,CAACC,gCAAgC,IAAI,CAAC,CAAC;AAEjD,MAAM;EACJP;AACF,CAAC,GAAGM,MAAM,CAACE,aAAa,IAAI,CAAC,CAAC;AAE9B,MAAMC,kCAAkC,GAAGC,QAAQ,CAACC,gBAAgB,CAAC,yCAAyC,CAAC;AAE/G,IAAIF,kCAAkC,CAACG,MAAM,GAAG,CAAC,EAAE;EACjDH,kCAAkC,CAACI,OAAO,CAAEC,OAAO,IAAK;IACtD,MAAMC,MAAM,GAAGD,OAAO,CAACE,YAAY,CAAC,oCAAoC,CAAC;IACzE,MAAMC,IAAI,GAAGH,OAAO,CAACE,YAAY,CAAC,WAAW,CAAC;IAC9C,MAAM;MAAEZ;IAAO,CAAC,GAAGc,IAAI,CAACC,KAAK,CAACJ,MAAgB,CAAC;IAE/C,MAAMK,YAAY,GAAGtB,kBAAkB,CAAC;MAAEM;IAAO,CAAC,EAAE,CAClD;MACEiB,IAAI,EAAE,QAAQ;MACdC,UAAU,EAAGC,KAAK,IAAKA,KAAK,CAACC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,IAAID,KAAK,CAACC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK;IACjF,CAAC,EAAE;MACDH,IAAI,EAAE,YAAY;MAClBC,UAAU,EAAGC,KAAK,IAAK,CAAC,CAACA;IAC3B,CAAC,CAAC,CAAC;IACL1B,MAAM,CACJD,KAAA,CAAA6B,aAAA,CAAC1B,oBAAoB;MACnBC,UAAU,EAAEA,UAAW;MACvBI,MAAM,EAAEA,MAAO;MACfsB,KAAK,EAAET,IAAc;MACrBG,YAAY,EAAEA;IAAa,CAC5B,CAAC,EACFN,OACF,CAAC;EACH,CAAC,CAAC;AACJ,CAAC,MAAM;EACLjB,MAAM,CACJD,KAAA,CAAA6B,aAAA,CAAC1B,oBAAoB;IACnBK,MAAM,EAAEC,YAAa;IACrBL,UAAU,EAAEC;EAAc,CAC3B,CAAC,EACFS,QAAQ,CAACiB,cAAc,CAACxB,qBAAqB,CAC/C,CAAC;AACH"}

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../src/CurrencyPowerBalanceWidget/types.ts"],"sourcesContent":["import { Locale } from '@oanda/mono-i18n';\nimport { Theme } from '@oanda/labs-widget-common';\nimport { CurrencyPowerBalanceTimeUnit } from '../gql/types/graphql';\n\nexport interface CurrencyPowerBalanceConfig {\n  graphqlUrl: string;\n  locale: Locale;\n  theme?: Theme;\n}\n\nexport interface CurrencyPowerBalanceWrapperConfig extends CurrencyPowerBalanceConfig {\n  renderElementId: string;\n  locale: Locale;\n}\n\nexport interface ChartWithDataProps {\n  timeUnit: CurrencyPowerBalanceTimeUnit;\n}\n"],"mappings":""}
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/CurrencyPowerBalanceWidget/types.ts"],"sourcesContent":["import { Locale } from '@oanda/mono-i18n';\nimport { Theme } from '@oanda/labs-widget-common';\nimport { CurrencyPowerBalanceTimeUnit } from '../gql/types/graphql';\n\nexport interface CurrencyPowerBalanceConfig {\n  graphqlUrl: string;\n  locale: Locale;\n  theme?: Theme;\n  isParamError?: boolean;\n}\n\nexport interface CurrencyPowerBalanceWrapperConfig extends CurrencyPowerBalanceConfig {\n  renderElementId: string;\n  locale: Locale;\n}\n\nexport interface ChartWithDataProps {\n  timeUnit: CurrencyPowerBalanceTimeUnit;\n}\n"],"mappings":""}

package/dist/types/CurrencyPowerBalanceWidget/CurrencyPowerBalance.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { CurrencyPowerBalanceConfig } from './types';
-declare const CurrencyPowerBalance: ({ graphqlUrl, theme, locale, }: CurrencyPowerBalanceConfig) => JSX.Element;
+declare const CurrencyPowerBalance: ({ graphqlUrl, theme, locale, isParamError, }: CurrencyPowerBalanceConfig) => JSX.Element;
 export { CurrencyPowerBalance };

package/dist/types/CurrencyPowerBalanceWidget/types.d.ts

@@ -5,6 +5,7 @@ export interface CurrencyPowerBalanceConfig {
     graphqlUrl: string;
     locale: Locale;
     theme?: Theme;
+    isParamError?: boolean;
 }
 export interface CurrencyPowerBalanceWrapperConfig extends CurrencyPowerBalanceConfig {
     renderElementId: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oanda/labs-currency-power-balance-widget",
-  "version": "1.0.19",
+  "version": "1.0.20",
   "description": "Labs Currency Power Balance Widget",
   "main": "dist/main/index.js",
   "module": "dist/module/index.js",
@@ -13,7 +13,7 @@
   "license": "UNLICENSED",
   "dependencies": {
     "@apollo/client": "3.7.17",
-    "@oanda/labs-widget-common": "^1.0.80",
+    "@oanda/labs-widget-common": "^1.0.81",
     "@oanda/mono-i18n": "9.0.0",
     "echarts": "5.4.3",
     "echarts-for-react": "3.0.2",
@@ -24,5 +24,5 @@
     "@graphql-codegen/cli": "5.0.0",
     "@graphql-codegen/client-preset": "4.1.0"
   },
-  "gitHead": "100e58167e14b5a864c62f895ac00f8dd7e8cdc2"
+  "gitHead": "58765ade5f8cd4e5aa4150c54ea45b7e8d772bd3"
 }

package/src/CurrencyPowerBalanceWidget/CurrencyPowerBalance.tsx

@@ -1,13 +1,13 @@
 import React from 'react';
 import { ApolloClient, InMemoryCache, ApolloProvider } from '@apollo/client';
-import { ThemeProvider, getLocale } from '@oanda/labs-widget-common';
+import { ChartError, ThemeProvider, getLocale } from '@oanda/labs-widget-common';
 import { LocaleProvider } from '@oanda/mono-i18n';
 import { Main } from './Main';
 import { CurrencyPowerBalanceConfig } from './types';
 import { translations } from '../translations';
 
 const CurrencyPowerBalance = ({
-  graphqlUrl, theme, locale,
+  graphqlUrl, theme, locale, isParamError,
 }: CurrencyPowerBalanceConfig) => {
   const client = new ApolloClient({
     uri: graphqlUrl,
@@ -18,7 +18,11 @@ const CurrencyPowerBalance = ({
     <ThemeProvider theme={theme}>
       <LocaleProvider locale={getLocale(locale)} translations={translations}>
         <ApolloProvider client={client}>
-          <Main />
+          {isParamError ? (
+            <div className="lw-flex lw-h-[425px] lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary">
+              <ChartError />
+            </div>
+          ) : <Main />}
         </ApolloProvider>
       </LocaleProvider>
     </ThemeProvider>

package/src/CurrencyPowerBalanceWidget/render.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from 'react-dom';
-import { Theme } from '@oanda/labs-widget-common';
+import { Theme, validateToolParams } from '@oanda/labs-widget-common';
 import { CurrencyPowerBalance } from './CurrencyPowerBalance';
 
 const {
@@ -21,11 +21,20 @@ if (currencyPowerBalanceParamsElements.length > 0) {
     const mode = element.getAttribute('data-mode');
     const { locale } = JSON.parse(params as string);
 
+    const isParamError = validateToolParams({ locale }, [
+      {
+        name: 'locale',
+        valueCheck: (value) => value.split('-')[0] === 'en' || value.split('-')[0] === 'zh',
+      }, {
+        name: 'graphqlUrl',
+        valueCheck: (value) => !!value,
+      }]);
     render(
       <CurrencyPowerBalance
         graphqlUrl={graphqlUrl}
         locale={locale}
         theme={mode as Theme}
+        isParamError={isParamError}
       />,
       element,
     );

package/src/CurrencyPowerBalanceWidget/types.ts

@@ -6,6 +6,7 @@ export interface CurrencyPowerBalanceConfig {
   graphqlUrl: string;
   locale: Locale;
   theme?: Theme;
+  isParamError?: boolean;
 }
 
 export interface CurrencyPowerBalanceWrapperConfig extends CurrencyPowerBalanceConfig {