@xylabs/sdk-react 2.9.20 → 2.9.24

package/dist/components/InvertableThemeProvider/InvertableThemeProvider.d.ts

@@ -1,4 +1,12 @@
+import { ThemeOptions } from '@mui/material/styles';
 import React from 'react';
 import { InvertableThemeProviderProps } from './InvertableThemeProviderProps';
-declare const InvertableThemeProvider: React.FC<InvertableThemeProviderProps>;
-export { InvertableThemeProvider };
+export declare const resolveThemeColors: (options: ThemeOptions) => ThemeOptions & {
+    palette: {
+        text: {
+            primary: string;
+            secondary: string;
+        };
+    };
+};
+export declare const InvertableThemeProvider: React.FC<InvertableThemeProviderProps>;

package/dist/components/InvertableThemeProvider/InvertableThemeProvider.js

@@ -2,10 +2,24 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { responsiveFontSizes, ScopedCssBaseline, ThemeProvider } from '@mui/material';
 import { createTheme } from '@mui/material/styles';
 import clone from 'lodash/clone';
+import merge from 'lodash/merge';
 import { useContext } from 'react';
 import { InvertableThemeContext } from './InvertableThemeContext';
-const InvertableThemeProvider = ({ options, children, dark, scoped = false, invert = false, noResponsiveFonts, darkTheme, }) => {
+export const resolveThemeColors = (options) => {
     var _a, _b;
+    const theme = createTheme(options);
+    return merge({}, options, {
+        palette: {
+            text: {
+                primary: (_a = theme.palette) === null || _a === void 0 ? void 0 : _a.getContrastText(theme.palette.primary.main),
+                secondary: (_b = theme.palette) === null || _b === void 0 ? void 0 : _b.getContrastText(theme.palette.secondary.main),
+            },
+        },
+    });
+};
+export const InvertableThemeProvider = ({ options, children, dark, resolve = false, scoped = false, invert = false, noResponsiveFonts, darkTheme, }) => {
+    var _a, _b;
+    let internalDarkTheme = {};
     const contextInvertableTheme = useContext(InvertableThemeContext);
     const clonedOptions = clone((_a = options !== null && options !== void 0 ? options : contextInvertableTheme.options) !== null && _a !== void 0 ? _a : {});
     clonedOptions.palette = (_b = clonedOptions.palette) !== null && _b !== void 0 ? _b : {};
@@ -16,13 +30,13 @@ const InvertableThemeProvider = ({ options, children, dark, scoped = false, inve
         clonedOptions.palette.mode = dark ? 'dark' : 'light';
     }
     if (clonedOptions.palette.mode === 'dark' && (darkTheme === null || darkTheme === void 0 ? void 0 : darkTheme.palette)) {
-        clonedOptions.palette = darkTheme.palette;
+        internalDarkTheme = darkTheme;
     }
-    let theme = createTheme(clonedOptions);
-    if (!noResponsiveFonts) {
-        theme = responsiveFontSizes(theme);
+    let themeOptions = merge(clonedOptions, internalDarkTheme);
+    if (resolve) {
+        themeOptions = resolveThemeColors(themeOptions);
     }
+    const theme = noResponsiveFonts ? createTheme(themeOptions) : responsiveFontSizes(createTheme(themeOptions));
     return scoped ? (_jsx(ScopedCssBaseline, { children: _jsx(InvertableThemeContext.Provider, Object.assign({ value: { options: clonedOptions } }, { children: _jsx(ThemeProvider, Object.assign({ theme: theme }, { children: children }), void 0) }), void 0) }, void 0)) : (_jsx(InvertableThemeContext.Provider, Object.assign({ value: { options: clonedOptions } }, { children: _jsx(ThemeProvider, Object.assign({ theme: theme }, { children: children }), void 0) }), void 0));
 };
-export { InvertableThemeProvider };
 //# sourceMappingURL=InvertableThemeProvider.js.map

package/dist/components/InvertableThemeProvider/InvertableThemeProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"InvertableThemeProvider.js","sourceRoot":"","sources":["../../../src/components/InvertableThemeProvider/InvertableThemeProvider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AACrF,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAClD,OAAO,KAAK,MAAM,cAAc,CAAA;AAChC,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAA;AAGjE,MAAM,uBAAuB,GAA2C,CAAC,EACvE,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,MAAM,GAAG,KAAK,EACd,MAAM,GAAG,KAAK,EACd,iBAAiB,EACjB,SAAS,GACV,EAAE,EAAE;;IACH,MAAM,sBAAsB,GAAG,UAAU,CAAC,sBAAsB,CAAC,CAAA;IACjE,MAAM,aAAa,GAAG,KAAK,CAAC,MAAA,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,sBAAsB,CAAC,OAAO,mCAAI,EAAE,CAAC,CAAA;IAE5E,aAAa,CAAC,OAAO,GAAG,MAAA,aAAa,CAAC,OAAO,mCAAI,EAAE,CAAA;IAEnD,IAAI,MAAM,EAAE;QACV,aAAa,CAAC,OAAO,CAAC,IAAI,GAAG,aAAa,CAAC,OAAO,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAA;KACtF;IAED,IAAI,IAAI,KAAK,SAAS,EAAE;QACtB,aAAa,CAAC,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAA;KACrD;IAED,IAAI,aAAa,CAAC,OAAO,CAAC,IAAI,KAAK,MAAM,KAAI,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,CAAA,EAAE;QAC/D,aAAa,CAAC,OAAO,GAAG,SAAS,CAAC,OAAO,CAAA;KAC1C;IAED,IAAI,KAAK,GAAG,WAAW,CAAC,aAAa,CAAC,CAAA;IAEtC,IAAI,CAAC,iBAAiB,EAAE;QACtB,KAAK,GAAG,mBAAmB,CAAC,KAAK,CAAC,CAAA;KACnC;IAED,OAAO,MAAM,CAAC,CAAC,CAAC,CACd,KAAC,iBAAiB,cAChB,KAAC,sBAAsB,CAAC,QAAQ,kBAAC,KAAK,EAAE,EAAE,OAAO,EAAE,aAAa,EAAE,gBAChE,KAAC,aAAa,kBAAC,KAAK,EAAE,KAAK,gBAAG,QAAQ,YAAiB,YACvB,WAChB,CACrB,CAAC,CAAC,CAAC,CACF,KAAC,sBAAsB,CAAC,QAAQ,kBAAC,KAAK,EAAE,EAAE,OAAO,EAAE,aAAa,EAAE,gBAChE,KAAC,aAAa,kBAAC,KAAK,EAAE,KAAK,gBAAG,QAAQ,YAAiB,YACvB,CACnC,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,uBAAuB,EAAE,CAAA"}
+{"version":3,"file":"InvertableThemeProvider.js","sourceRoot":"","sources":["../../../src/components/InvertableThemeProvider/InvertableThemeProvider.tsx"],"names":[],"mappings":"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"}

package/dist/components/InvertableThemeProvider/InvertableThemeProvider.stories.js

@@ -14,7 +14,7 @@ const StorybookEntry = {
 const Template = (args) => (_jsx(InvertableThemeProvider, Object.assign({}, args), void 0));
 const ThemeEnabledComponent = () => {
     const theme = useTheme();
-    return (_jsxs(_Fragment, { children: [_jsx(CssBaseline, {}, void 0), _jsxs(Box, Object.assign({ sx: { backgroundColor: theme.palette.background.default } }, { children: [_jsxs(Typography, Object.assign({ variant: "h3" }, { children: ["marginBottom of ", theme.spacing(4)] }), void 0), _jsxs(Typography, Object.assign({ variant: "h4", color: theme.palette.primary.main }, { children: ["Color: ", theme.palette.primary.main] }), void 0), _jsxs(Typography, Object.assign({ variant: "h4", color: theme.palette.secondary.main }, { children: ["Color: ", theme.palette.secondary.main] }), void 0)] }), void 0)] }, void 0));
+    return (_jsxs(_Fragment, { children: [_jsx(CssBaseline, {}, void 0), _jsx(Box, Object.assign({ sx: { backgroundColor: theme.palette.background.default } }, { children: _jsxs(Box, Object.assign({ padding: 3, border: `1px dotted ${theme.palette.divider}` }, { children: [_jsxs(Typography, Object.assign({ variant: "h3" }, { children: ["marginBottom of ", theme.spacing(4)] }), void 0), _jsxs(Typography, Object.assign({ variant: "h4", color: theme.palette.primary.main }, { children: ["Color: ", theme.palette.primary.main] }), void 0), _jsxs(Typography, Object.assign({ variant: "h4", color: theme.palette.secondary.main }, { children: ["Color: ", theme.palette.secondary.main] }), void 0)] }), void 0) }), void 0)] }, void 0));
 };
 const Default = Template.bind({});
 Default.args = {

package/dist/components/InvertableThemeProvider/InvertableThemeProvider.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"InvertableThemeProvider.stories.js","sourceRoot":"","sources":["../../../src/components/InvertableThemeProvider/InvertableThemeProvider.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,WAAW,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAGtE,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAA;AAEnE,MAAM,cAAc,GAAG;IACrB,QAAQ,EAAE,EAAE;IACZ,SAAS,EAAE,uBAAuB;IAClC,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,IAAI,EAAE,IAAI;SACX;KACF;IACD,KAAK,EAAE,oCAAoC;CACK,CAAA;AAElD,MAAM,QAAQ,GAAmD,CAAC,IAAI,EAAE,EAAE,CAAC,CACzE,KAAC,uBAAuB,oBAAK,IAAI,UAA4B,CAC9D,CAAA;AAED,MAAM,qBAAqB,GAAG,GAAG,EAAE;IACjC,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,OAAO,CACL,8BACE,KAAC,WAAW,aAAG,EACf,MAAC,GAAG,kBAAC,EAAE,EAAE,EAAE,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO,EAAE,iBAC5D,MAAC,UAAU,kBAAC,OAAO,EAAC,IAAI,qCAAkB,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,aAAc,EACxE,MAAC,UAAU,kBAAC,OAAO,EAAC,IAAI,EAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,4BAChD,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,aACvB,EACb,MAAC,UAAU,kBAAC,OAAO,EAAC,IAAI,EAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,4BAClD,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,aACzB,aACT,YACL,CACJ,CAAA;AACH,CAAC,CAAA;AAED,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACjC,OAAO,CAAC,IAAI,GAAG;IACb,QAAQ,EAAE,KAAC,qBAAqB,aAAG;CACpC,CAAA;AAED,MAAM,gBAAgB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC1C,gBAAgB,CAAC,IAAI,GAAG;IACtB,QAAQ,EAAE,KAAC,qBAAqB,aAAG;IACnC,IAAI,EAAE,IAAI;IACV,SAAS,EAAE;QACT,OAAO,EAAE;YACP,UAAU,EAAE;gBACV,OAAO,EAAE,SAAS;gBAClB,KAAK,EAAE,SAAS;aACjB;YACD,IAAI,EAAE,MAAM;YACZ,OAAO,EAAE;gBACP,IAAI,EAAE,SAAS;aAChB;YACD,SAAS,EAAE;gBACT,IAAI,EAAE,SAAS;aAChB;YACD,IAAI,EAAE;gBACJ,OAAO,EAAE,SAAS;aACnB;SACF;KACF;CACF,CAAA;AAED,OAAO,EAAE,gBAAgB,EAAE,OAAO,EAAE,CAAA;AAEpC,oDAAoD;AACpD,eAAe,cAAc,CAAA"}
+{"version":3,"file":"InvertableThemeProvider.stories.js","sourceRoot":"","sources":["../../../src/components/InvertableThemeProvider/InvertableThemeProvider.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,WAAW,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAGtE,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAA;AAEnE,MAAM,cAAc,GAAG;IACrB,QAAQ,EAAE,EAAE;IACZ,SAAS,EAAE,uBAAuB;IAClC,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,IAAI,EAAE,IAAI;SACX;KACF;IACD,KAAK,EAAE,oCAAoC;CACK,CAAA;AAElD,MAAM,QAAQ,GAAmD,CAAC,IAAI,EAAE,EAAE,CAAC,CACzE,KAAC,uBAAuB,oBAAK,IAAI,UAA4B,CAC9D,CAAA;AAED,MAAM,qBAAqB,GAAG,GAAG,EAAE;IACjC,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,OAAO,CACL,8BACE,KAAC,WAAW,aAAG,EACf,KAAC,GAAG,kBAAC,EAAE,EAAE,EAAE,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO,EAAE,gBAC5D,MAAC,GAAG,kBAAC,OAAO,EAAE,CAAC,EAAE,MAAM,EAAE,cAAc,KAAK,CAAC,OAAO,CAAC,OAAO,EAAE,iBAC5D,MAAC,UAAU,kBAAC,OAAO,EAAC,IAAI,qCAAkB,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,aAAc,EACxE,MAAC,UAAU,kBAAC,OAAO,EAAC,IAAI,EAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,4BAChD,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,aACvB,EACb,MAAC,UAAU,kBAAC,OAAO,EAAC,IAAI,EAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,4BAClD,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,aACzB,aACT,YACF,YACL,CACJ,CAAA;AACH,CAAC,CAAA;AAED,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACjC,OAAO,CAAC,IAAI,GAAG;IACb,QAAQ,EAAE,KAAC,qBAAqB,aAAG;CACpC,CAAA;AAED,MAAM,gBAAgB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC1C,gBAAgB,CAAC,IAAI,GAAG;IACtB,QAAQ,EAAE,KAAC,qBAAqB,aAAG;IACnC,IAAI,EAAE,IAAI;IACV,SAAS,EAAE;QACT,OAAO,EAAE;YACP,UAAU,EAAE;gBACV,OAAO,EAAE,SAAS;gBAClB,KAAK,EAAE,SAAS;aACjB;YACD,IAAI,EAAE,MAAM;YACZ,OAAO,EAAE;gBACP,IAAI,EAAE,SAAS;aAChB;YACD,SAAS,EAAE;gBACT,IAAI,EAAE,SAAS;aAChB;YACD,IAAI,EAAE;gBACJ,OAAO,EAAE,SAAS;aACnB;SACF;KACF;CACF,CAAA;AAED,OAAO,EAAE,gBAAgB,EAAE,OAAO,EAAE,CAAA;AAEpC,oDAAoD;AACpD,eAAe,cAAc,CAAA"}

package/dist/components/InvertableThemeProvider/InvertableThemeProviderProps.d.ts

@@ -6,5 +6,6 @@ interface InvertableThemeProviderProps {
     noResponsiveFonts?: boolean;
     options?: ThemeOptions;
     darkTheme?: ThemeOptions;
+    resolve?: boolean;
 }
 export type { InvertableThemeProviderProps };

package/dist/components/InvertableThemeProvider/index.d.ts

@@ -1,4 +1,2 @@
-import { InvertableThemeProvider } from './InvertableThemeProvider';
-import { InvertableThemeProviderProps } from './InvertableThemeProviderProps';
-export { InvertableThemeProvider };
-export type { InvertableThemeProviderProps };
+export * from './InvertableThemeProvider';
+export * from './InvertableThemeProviderProps';

package/dist/components/InvertableThemeProvider/index.js

@@ -1,3 +1,3 @@
-import { InvertableThemeProvider } from './InvertableThemeProvider';
-export { InvertableThemeProvider };
+export * from './InvertableThemeProvider';
+export * from './InvertableThemeProviderProps';
 //# sourceMappingURL=index.js.map

package/dist/components/InvertableThemeProvider/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/InvertableThemeProvider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAA;AAGnE,OAAO,EAAE,uBAAuB,EAAE,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/InvertableThemeProvider/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAA;AACzC,cAAc,gCAAgC,CAAA"}

package/dist/esm2015/components/InvertableThemeProvider/InvertableThemeProvider.d.ts

@@ -1,4 +1,12 @@
+import { ThemeOptions } from '@mui/material/styles';
 import React from 'react';
 import { InvertableThemeProviderProps } from './InvertableThemeProviderProps';
-declare const InvertableThemeProvider: React.FC<InvertableThemeProviderProps>;
-export { InvertableThemeProvider };
+export declare const resolveThemeColors: (options: ThemeOptions) => ThemeOptions & {
+    palette: {
+        text: {
+            primary: string;
+            secondary: string;
+        };
+    };
+};
+export declare const InvertableThemeProvider: React.FC<InvertableThemeProviderProps>;

package/dist/esm2015/components/InvertableThemeProvider/InvertableThemeProviderProps.d.ts

@@ -6,5 +6,6 @@ interface InvertableThemeProviderProps {
     noResponsiveFonts?: boolean;
     options?: ThemeOptions;
     darkTheme?: ThemeOptions;
+    resolve?: boolean;
 }
 export type { InvertableThemeProviderProps };

package/dist/esm2015/components/InvertableThemeProvider/index.d.ts

@@ -1,4 +1,2 @@
-import { InvertableThemeProvider } from './InvertableThemeProvider';
-import { InvertableThemeProviderProps } from './InvertableThemeProviderProps';
-export { InvertableThemeProvider };
-export type { InvertableThemeProviderProps };
+export * from './InvertableThemeProvider';
+export * from './InvertableThemeProviderProps';

package/dist/esm2015/index.js

@@ -14,6 +14,7 @@ import { UserEventHandler, XyPixel } from '@xylabs/pixel';
 import { parse, stringify } from 'query-string';
 import { createTheme } from '@mui/material/styles';
 import clone from 'lodash/clone';
+import merge from 'lodash/merge';
 import numeral from 'numeral';
 import { createPortal } from 'react-dom';
 
@@ -1659,8 +1660,21 @@ const InvertableThemeContext = createContext({
     options: {},
 });
 
-const InvertableThemeProvider = ({ options, children, dark, scoped = false, invert = false, noResponsiveFonts, darkTheme, }) => {
+const resolveThemeColors = (options) => {
     var _a, _b;
+    const theme = createTheme(options);
+    return merge({}, options, {
+        palette: {
+            text: {
+                primary: (_a = theme.palette) === null || _a === void 0 ? void 0 : _a.getContrastText(theme.palette.primary.main),
+                secondary: (_b = theme.palette) === null || _b === void 0 ? void 0 : _b.getContrastText(theme.palette.secondary.main),
+            },
+        },
+    });
+};
+const InvertableThemeProvider = ({ options, children, dark, resolve = false, scoped = false, invert = false, noResponsiveFonts, darkTheme, }) => {
+    var _a, _b;
+    let internalDarkTheme = {};
     const contextInvertableTheme = useContext(InvertableThemeContext);
     const clonedOptions = clone((_a = options !== null && options !== void 0 ? options : contextInvertableTheme.options) !== null && _a !== void 0 ? _a : {});
     clonedOptions.palette = (_b = clonedOptions.palette) !== null && _b !== void 0 ? _b : {};
@@ -1671,12 +1685,13 @@ const InvertableThemeProvider = ({ options, children, dark, scoped = false, inve
         clonedOptions.palette.mode = dark ? 'dark' : 'light';
     }
     if (clonedOptions.palette.mode === 'dark' && (darkTheme === null || darkTheme === void 0 ? void 0 : darkTheme.palette)) {
-        clonedOptions.palette = darkTheme.palette;
+        internalDarkTheme = darkTheme;
     }
-    let theme = createTheme(clonedOptions);
-    if (!noResponsiveFonts) {
-        theme = responsiveFontSizes(theme);
+    let themeOptions = merge(clonedOptions, internalDarkTheme);
+    if (resolve) {
+        themeOptions = resolveThemeColors(themeOptions);
     }
+    const theme = noResponsiveFonts ? createTheme(themeOptions) : responsiveFontSizes(createTheme(themeOptions));
     return scoped ? (jsx(ScopedCssBaseline, { children: jsx(InvertableThemeContext.Provider, Object.assign({ value: { options: clonedOptions } }, { children: jsx(ThemeProvider, Object.assign({ theme: theme }, { children: children }), void 0) }), void 0) }, void 0)) : (jsx(InvertableThemeContext.Provider, Object.assign({ value: { options: clonedOptions } }, { children: jsx(ThemeProvider, Object.assign({ theme: theme }, { children: children }), void 0) }), void 0));
 };
 
@@ -1777,7 +1792,23 @@ const useLocalStorage = (key, defaultValue) => {
     const [storedValue, setStoredValue] = useState(() => {
         try {
             const item = getLocalStorageObject(key);
-            return Object.keys(item).length ? item : defaultValue;
+            if (typeof defaultValue === 'boolean') {
+                if (typeof item === 'boolean') {
+                    return item;
+                }
+                else {
+                    return defaultValue;
+                }
+            }
+            else if (Array.isArray(item)) {
+                return item;
+            }
+            else if (Object.keys(item).length) {
+                return item;
+            }
+            else {
+                return defaultValue;
+            }
         }
         catch (ex) {
             //Error is already logged
@@ -2195,5 +2226,5 @@ const TokenAmount = (_a) => {
     return (jsx(ButtonEx, Object.assign({ style: Object.assign({ backgroundColor: statusColor }, style), variant: "outlined", onClick: onButtonClick }, props, { children: jsxs(FlexRow, Object.assign({ justifyContent: "space-between", width: "100%", busy: amount === undefined, busySize: 16 }, { children: [jsxs(FlexRow, { children: [logo ? jsx("img", { src: img, height: 24 }, void 0) : null, label ? (jsx(Typography, Object.assign({ marginRight: 1, marginLeft: logo ? 1 : 0, noWrap: true, fontFamily: textFontFamily, variant: "caption" }, { children: label }), void 0)) : null] }, void 0), jsx(Typography, Object.assign({ color: textColor, noWrap: true, fontFamily: textFontFamily, variant: "body1", style: { textTransform: 'none' } }, { children: amountString }), void 0)] }), void 0) }), void 0));
 };
 
-export { ActionStatusType, AppBarEx, Background, BasePage, BreadcrumbsEx, BusyBox, ButtonEx, ContactPointOption, CookieConsent, CookieConsentBody, CookieConsentContext, CookieConsentLoader, CoverProgress, DebugUserEventsContext, DripCustomEvent, DripStandardEvents, ErrorDialog, EthAccount, EthersContext, EthersLoader, Experiment, Experiments, ExperimentsDebugger, FacebookCustomEvent, FacebookStandardEvents, Fbq, FlexCol, FlexGrowCol, FlexGrowRow, FlexRow, GoogleBaseEvent, GoogleCustomEvent, GoogleStandardEvents, GoogleUserEventHandler, Gtag, Gtm, HoverScale, Identicon, InvertableThemeProvider, ItemAvailability, LinkToEx, MapCategoryType, MessageDialog, NetworkSettingsContext, NetworkSettingsLoader, NumberStatus, PixelDebugger, PixelDebuggerProvider, PixelDebuggerToggle, Portal, QuickTipButton, Rdt, RedditCustomEvent, RedditStandardEvents, RedirectWithQuery, Referrer, RichResult, ScrollToTop, ScrollToTopButton, SnapTr, SnapchatStandardEvents, TiktokCustomEvent, TiktokStandardEvents, TokenAmount, Ttq, UserEventsContext, UserEventsLoader, XyBaseEvent, XyCustomEvent, XyUserEventHandler, XyoUserEventHandler, enableProfileLogging, getApiStage, getLocalStorageObject, getSessionStorageObject, isLocalhost, profileBlock, profileResults, setLocalStorageObject, setSessionStorageObject, useAsyncEffect, useBreakpoint, useCookieConsent, useLocalStorage, useMounted, useNavigateToEthAddress, useSpacing, useUserEvents, useWebP, useWindowSize };
+export { ActionStatusType, AppBarEx, Background, BasePage, BreadcrumbsEx, BusyBox, ButtonEx, ContactPointOption, CookieConsent, CookieConsentBody, CookieConsentContext, CookieConsentLoader, CoverProgress, DebugUserEventsContext, DripCustomEvent, DripStandardEvents, ErrorDialog, EthAccount, EthersContext, EthersLoader, Experiment, Experiments, ExperimentsDebugger, FacebookCustomEvent, FacebookStandardEvents, Fbq, FlexCol, FlexGrowCol, FlexGrowRow, FlexRow, GoogleBaseEvent, GoogleCustomEvent, GoogleStandardEvents, GoogleUserEventHandler, Gtag, Gtm, HoverScale, Identicon, InvertableThemeProvider, ItemAvailability, LinkToEx, MapCategoryType, MessageDialog, NetworkSettingsContext, NetworkSettingsLoader, NumberStatus, PixelDebugger, PixelDebuggerProvider, PixelDebuggerToggle, Portal, QuickTipButton, Rdt, RedditCustomEvent, RedditStandardEvents, RedirectWithQuery, Referrer, RichResult, ScrollToTop, ScrollToTopButton, SnapTr, SnapchatStandardEvents, TiktokCustomEvent, TiktokStandardEvents, TokenAmount, Ttq, UserEventsContext, UserEventsLoader, XyBaseEvent, XyCustomEvent, XyUserEventHandler, XyoUserEventHandler, enableProfileLogging, getApiStage, getLocalStorageObject, getSessionStorageObject, isLocalhost, profileBlock, profileResults, resolveThemeColors, setLocalStorageObject, setSessionStorageObject, useAsyncEffect, useBreakpoint, useCookieConsent, useLocalStorage, useMounted, useNavigateToEthAddress, useSpacing, useUserEvents, useWebP, useWindowSize };
 //# sourceMappingURL=index.js.map