@openocean.finance/widget 1.0.4 → 1.0.8

package/dist/esm/stores/settings/useSettingsStore.js

@@ -0,0 +1,134 @@
+import { persist } from 'zustand/middleware';
+import { createWithEqualityFn } from 'zustand/traditional';
+import { SettingsToolTypes } from './types.js';
+import { getStateValues } from './utils/getStateValues.js';
+export const defaultSlippage = '1';
+export const defaultConfigurableSettings = {
+    routePriority: 'CHEAPEST',
+    slippage: defaultSlippage,
+    gasPrice: 'normal',
+    dynamicSlippage: false,
+};
+export const defaultSettings = {
+    appearance: 'auto',
+    gasPrice: 'normal',
+    enabledAutoRefuel: true,
+    dynamicSlippage: false,
+    disabledBridges: [],
+    disabledExchanges: [],
+    enabledBridges: [],
+    enabledExchanges: [],
+    _enabledBridges: {},
+    _enabledExchanges: {},
+};
+export const useSettingsStore = createWithEqualityFn(persist((set, get) => ({
+    ...defaultSettings,
+    setValue: (key, value) => set(() => ({
+        [key]: value,
+    })),
+    getSettings: () => getStateValues(get()),
+    getValue: (key) => get()[key],
+    initializeTools: (toolType, tools, reset) => {
+        if (!tools.length) {
+            return;
+        }
+        set((state) => {
+            const updatedState = { ...state };
+            if (!reset) {
+                // Add new tools
+                tools.forEach((tool) => {
+                    if (!Object.hasOwn(updatedState[`_enabled${toolType}`], tool)) {
+                        updatedState[`_enabled${toolType}`][tool] = true;
+                    }
+                });
+                // Filter tools we no longer have
+                updatedState[`_enabled${toolType}`] = Object.fromEntries(Object.entries(updatedState[`_enabled${toolType}`]).filter(([key]) => tools.includes(key)));
+            }
+            else {
+                tools.forEach((tool) => {
+                    updatedState[`_enabled${toolType}`][tool] = true;
+                });
+            }
+            const enabledToolKeys = Object.keys(updatedState[`_enabled${toolType}`]);
+            updatedState[`enabled${toolType}`] = enabledToolKeys.filter((key) => updatedState[`_enabled${toolType}`][key]);
+            updatedState[`disabled${toolType}`] = enabledToolKeys.filter((key) => !updatedState[`_enabled${toolType}`][key]);
+            return updatedState;
+        });
+    },
+    setToolValue: (toolType, tool, value) => set((state) => {
+        const enabledTools = {
+            ...state[`_enabled${toolType}`],
+            [tool]: value,
+        };
+        const enabledToolKeys = Object.keys(enabledTools);
+        return {
+            [`_enabled${toolType}`]: enabledTools,
+            [`enabled${toolType}`]: enabledToolKeys.filter((key) => enabledTools[key]),
+            [`disabled${toolType}`]: enabledToolKeys.filter((key) => !enabledTools[key]),
+        };
+    }),
+    toggleToolKeys: (toolType, toolKeys) => set((state) => {
+        const allKeysInCollectionEnabled = toolKeys.every((toolKey) => state[`_enabled${toolType}`][toolKey]);
+        // then toggle those keys to false
+        const updatedTools = toolKeys.reduce((accum, toolKey) => {
+            accum[toolKey] = !allKeysInCollectionEnabled;
+            return accum;
+        }, {
+            ...state[`_enabled${toolType}`],
+        });
+        const enableKeys = [];
+        const disabledKeys = [];
+        Object.entries(updatedTools).forEach(([key, value]) => {
+            if (value) {
+                enableKeys.push(key);
+            }
+            else {
+                disabledKeys.push(key);
+            }
+        });
+        return {
+            [`_enabled${toolType}`]: updatedTools,
+            [`enabled${toolType}`]: enableKeys,
+            [`disabled${toolType}`]: disabledKeys,
+        };
+    }),
+    reset: (bridges, exchanges) => {
+        const { appearance, ...restDefaultSettings } = defaultSettings;
+        set(() => ({
+            ...restDefaultSettings,
+            ...defaultConfigurableSettings,
+        }));
+        get().initializeTools('Bridges', bridges, true);
+        get().initializeTools('Exchanges', exchanges, true);
+        return { ...get() };
+    },
+}), {
+    name: 'openocean-widget-settings',
+    version: 4,
+    partialize: (state) => {
+        const { disabledBridges, disabledExchanges, enabledBridges, enabledExchanges, ...partializedState } = state;
+        return partializedState;
+    },
+    merge: (persistedState, currentState) => {
+        const state = { ...currentState, ...persistedState };
+        SettingsToolTypes.forEach((toolType) => {
+            const enabledToolKeys = Object.keys(persistedState[`_enabled${toolType}`]);
+            state[`enabled${toolType}`] = enabledToolKeys.filter((key) => persistedState[`_enabled${toolType}`][key]);
+            state[`disabled${toolType}`] = enabledToolKeys.filter((key) => !persistedState[`_enabled${toolType}`][key]);
+        });
+        return state;
+    },
+    migrate: (persistedState, version) => {
+        if (version === 0 && persistedState.appearance === 'system') {
+            persistedState.appearance = defaultSettings.appearance;
+        }
+        if (version === 1) {
+            persistedState.slippage = defaultConfigurableSettings.slippage;
+        }
+        if (version <= 3) {
+            persistedState.routePriority = 'CHEAPEST';
+        }
+        return persistedState;
+    },
+}), Object.is);
+//# sourceMappingURL=useSettingsStore.js.map

package/dist/esm/stores/settings/useSettingsStore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSettingsStore.js","sourceRoot":"","sources":["../../../../src/stores/settings/useSettingsStore.ts"],"names":[],"mappings":"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"}

package/dist/esm/stores/settings/useSplitSubvariantStore.d.ts

@@ -0,0 +1,6 @@
+import type { SplitSubvariantProps, SplitSubvariantProviderProps, SplitSubvariantState, SplitSubvariantStore } from './types.js';
+export declare const SplitSubvariantStoreContext: import("react").Context<SplitSubvariantStore>;
+export declare function SplitSubvariantStoreProvider({ children, ...props }: SplitSubvariantProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function useSplitSubvariantStoreContext(): SplitSubvariantStore;
+export declare function useSplitSubvariantStore<T>(selector: (state: SplitSubvariantState) => T): T;
+export declare const createSplitSubvariantStore: ({ state }: SplitSubvariantProps) => import("zustand/traditional").UseBoundStoreWithEqualityFn<import("zustand").StoreApi<SplitSubvariantState>>;

package/dist/esm/stores/settings/useSplitSubvariantStore.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext, useRef } from 'react';
+import { createWithEqualityFn } from 'zustand/traditional';
+export const SplitSubvariantStoreContext = createContext(null);
+const shouldRecreateStore = (store, props) => {
+    const { state } = store.getState();
+    return state !== props.state;
+};
+export function SplitSubvariantStoreProvider({ children, ...props }) {
+    const storeRef = useRef(null);
+    if (!storeRef.current || shouldRecreateStore(storeRef.current, props)) {
+        storeRef.current = createSplitSubvariantStore(props);
+    }
+    return (_jsx(SplitSubvariantStoreContext.Provider, { value: storeRef.current, children: children }));
+}
+export function useSplitSubvariantStoreContext() {
+    const useStore = useContext(SplitSubvariantStoreContext);
+    if (!useStore) {
+        throw new Error(`You forgot to wrap your component in <${SplitSubvariantStoreProvider.name}>.`);
+    }
+    return useStore;
+}
+export function useSplitSubvariantStore(selector) {
+    const useStore = useSplitSubvariantStoreContext();
+    return useStore(selector);
+}
+export const createSplitSubvariantStore = ({ state }) => createWithEqualityFn((set) => ({
+    state,
+    setState(state) {
+        set(() => ({
+            state,
+        }));
+    },
+}), Object.is);
+//# sourceMappingURL=useSplitSubvariantStore.js.map

package/dist/esm/stores/settings/useSplitSubvariantStore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSplitSubvariantStore.js","sourceRoot":"","sources":["../../../../src/stores/settings/useSplitSubvariantStore.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACzD,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAA;AAQ1D,MAAM,CAAC,MAAM,2BAA2B,GACtC,aAAa,CAA8B,IAAI,CAAC,CAAA;AAElD,MAAM,mBAAmB,GAAG,CAC1B,KAA2B,EAC3B,KAA2B,EAC3B,EAAE;IACF,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC,QAAQ,EAAE,CAAA;IAClC,OAAO,KAAK,KAAK,KAAK,CAAC,KAAK,CAAA;AAC9B,CAAC,CAAA;AAED,MAAM,UAAU,4BAA4B,CAAC,EAC3C,QAAQ,EACR,GAAG,KAAK,EACqB;IAC7B,MAAM,QAAQ,GAAG,MAAM,CAAuB,IAAI,CAAC,CAAA;IACnD,IAAI,CAAC,QAAQ,CAAC,OAAO,IAAI,mBAAmB,CAAC,QAAQ,CAAC,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC;QACtE,QAAQ,CAAC,OAAO,GAAG,0BAA0B,CAAC,KAAK,CAAC,CAAA;IACtD,CAAC;IACD,OAAO,CACL,KAAC,2BAA2B,CAAC,QAAQ,IAAC,KAAK,EAAE,QAAQ,CAAC,OAAO,YAC1D,QAAQ,GAC4B,CACxC,CAAA;AACH,CAAC;AAED,MAAM,UAAU,8BAA8B;IAC5C,MAAM,QAAQ,GAAG,UAAU,CAAC,2BAA2B,CAAC,CAAA;IACxD,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,MAAM,IAAI,KAAK,CACb,yCAAyC,4BAA4B,CAAC,IAAI,IAAI,CAC/E,CAAA;IACH,CAAC;IACD,OAAO,QAAQ,CAAA;AACjB,CAAC;AAED,MAAM,UAAU,uBAAuB,CACrC,QAA4C;IAE5C,MAAM,QAAQ,GAAG,8BAA8B,EAAE,CAAA;IACjD,OAAO,QAAQ,CAAC,QAAQ,CAAC,CAAA;AAC3B,CAAC;AAED,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAAC,EAAE,KAAK,EAAwB,EAAE,EAAE,CAC5E,oBAAoB,CAClB,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;IACR,KAAK;IACL,QAAQ,CAAC,KAAK;QACZ,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC;YACT,KAAK;SACN,CAAC,CAAC,CAAA;IACL,CAAC;CACF,CAAC,EACF,MAAM,CAAC,EAAE,CACV,CAAA"}

package/dist/esm/stores/settings/utils/getStateValues.d.ts

@@ -0,0 +1,2 @@
+import type { SettingsProps, SettingsState } from '../types.js';
+export declare const getStateValues: (state: SettingsState) => SettingsProps;

package/dist/esm/stores/settings/utils/getStateValues.js

@@ -0,0 +1,15 @@
+export const getStateValues = (state) => ({
+    appearance: state.appearance,
+    gasPrice: state.gasPrice,
+    language: state.language,
+    routePriority: state.routePriority,
+    enabledAutoRefuel: state.enabledAutoRefuel,
+    slippage: state.slippage,
+    disabledBridges: [...state.disabledBridges],
+    enabledBridges: [...state.enabledBridges],
+    _enabledBridges: { ...state._enabledBridges },
+    disabledExchanges: [...state.disabledExchanges],
+    enabledExchanges: [...state.enabledExchanges],
+    _enabledExchanges: { ...state._enabledExchanges },
+});
+//# sourceMappingURL=getStateValues.js.map

package/dist/esm/stores/settings/utils/getStateValues.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getStateValues.js","sourceRoot":"","sources":["../../../../../src/stores/settings/utils/getStateValues.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAoB,EAAiB,EAAE,CAAC,CAAC;IACtE,UAAU,EAAE,KAAK,CAAC,UAAU;IAC5B,QAAQ,EAAE,KAAK,CAAC,QAAQ;IACxB,QAAQ,EAAE,KAAK,CAAC,QAAQ;IACxB,aAAa,EAAE,KAAK,CAAC,aAAa;IAClC,iBAAiB,EAAE,KAAK,CAAC,iBAAiB;IAC1C,QAAQ,EAAE,KAAK,CAAC,QAAQ;IACxB,eAAe,EAAE,CAAC,GAAG,KAAK,CAAC,eAAe,CAAC;IAC3C,cAAc,EAAE,CAAC,GAAG,KAAK,CAAC,cAAc,CAAC;IACzC,eAAe,EAAE,EAAE,GAAG,KAAK,CAAC,eAAe,EAAE;IAC7C,iBAAiB,EAAE,CAAC,GAAG,KAAK,CAAC,iBAAiB,CAAC;IAC/C,gBAAgB,EAAE,CAAC,GAAG,KAAK,CAAC,gBAAgB,CAAC;IAC7C,iBAAiB,EAAE,EAAE,GAAG,KAAK,CAAC,iBAAiB,EAAE;CAClD,CAAC,CAAA"}

package/dist/esm/stores/types.d.ts

@@ -0,0 +1,5 @@
+import type { PropsWithChildren } from 'react';
+export interface PersistStoreProps {
+    namePrefix?: string;
+}
+export type PersistStoreProviderProps = PropsWithChildren<PersistStoreProps>;

package/dist/esm/stores/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/esm/stores/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/stores/types.ts"],"names":[],"mappings":""}

package/dist/esm/themes/azureLight.d.ts

@@ -0,0 +1,2 @@
+import type { WidgetTheme } from '../types/widget.js';
+export declare const azureLightTheme: WidgetTheme;

package/dist/esm/themes/azureLight.js

@@ -0,0 +1,57 @@
+import { tabsClasses } from '@mui/material';
+export const azureLightTheme = {
+    palette: {
+        primary: {
+            main: '#006Eff',
+        },
+        secondary: {
+            main: '#FFC800',
+        },
+        background: {
+            default: '#ffffff',
+            paper: '#f8f8fa',
+        },
+        text: {
+            primary: '#00070F',
+            secondary: '#6A7481',
+        },
+        grey: {
+            200: '#EEEFF2',
+            300: '#D5DAE1',
+            700: '#555B62',
+            800: '#373F48',
+        },
+    },
+    shape: {
+        borderRadius: 12,
+        borderRadiusSecondary: 12,
+        borderRadiusTertiary: 24,
+    },
+    typography: {
+        fontFamily: 'Inter, sans-serif',
+    },
+    container: {
+        boxShadow: '0px 8px 32px rgba(0, 0, 0, 0.08)',
+        borderRadius: '16px',
+    },
+    playground: {
+        background: '#f3f5f8',
+    },
+    components: {
+        MuiCard: {
+            defaultProps: { variant: 'filled' },
+        },
+        // Used only for 'split' subvariant and can be safely removed if not used
+        MuiTabs: {
+            styleOverrides: {
+                root: {
+                    backgroundColor: '#f8f8fa',
+                    [`.${tabsClasses.indicator}`]: {
+                        backgroundColor: '#ffffff',
+                    },
+                },
+            },
+        },
+    },
+};
+//# sourceMappingURL=azureLight.js.map

package/dist/esm/themes/azureLight.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"azureLight.js","sourceRoot":"","sources":["../../../src/themes/azureLight.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAG3C,MAAM,CAAC,MAAM,eAAe,GAAgB;IAC1C,OAAO,EAAE;QACP,OAAO,EAAE;YACP,IAAI,EAAE,SAAS;SAChB;QACD,SAAS,EAAE;YACT,IAAI,EAAE,SAAS;SAChB;QACD,UAAU,EAAE;YACV,OAAO,EAAE,SAAS;YAClB,KAAK,EAAE,SAAS;SACjB;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,SAAS;YAClB,SAAS,EAAE,SAAS;SACrB;QACD,IAAI,EAAE;YACJ,GAAG,EAAE,SAAS;YACd,GAAG,EAAE,SAAS;YACd,GAAG,EAAE,SAAS;YACd,GAAG,EAAE,SAAS;SACf;KACF;IACD,KAAK,EAAE;QACL,YAAY,EAAE,EAAE;QAChB,qBAAqB,EAAE,EAAE;QACzB,oBAAoB,EAAE,EAAE;KACzB;IACD,UAAU,EAAE;QACV,UAAU,EAAE,mBAAmB;KAChC;IACD,SAAS,EAAE;QACT,SAAS,EAAE,kCAAkC;QAC7C,YAAY,EAAE,MAAM;KACrB;IACD,UAAU,EAAE;QACV,UAAU,EAAE,SAAS;KACtB;IACD,UAAU,EAAE;QACV,OAAO,EAAE;YACP,YAAY,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;SACpC;QACD,yEAAyE;QACzE,OAAO,EAAE;YACP,cAAc,EAAE;gBACd,IAAI,EAAE;oBACJ,eAAe,EAAE,SAAS;oBAC1B,CAAC,IAAI,WAAW,CAAC,SAAS,EAAE,CAAC,EAAE;wBAC7B,eAAe,EAAE,SAAS;qBAC3B;iBACF;aACF;SACF;KACF;CACF,CAAA"}

package/dist/esm/themes/createTheme.d.ts

@@ -0,0 +1,3 @@
+import type { PaletteMode } from '@mui/material';
+import type { WidgetTheme } from '../types/widget.js';
+export declare const createTheme: (mode: PaletteMode, widgetTheme?: WidgetTheme) => import("@mui/material").Theme;

package/dist/esm/themes/createTheme.js

@@ -0,0 +1,352 @@
+import { alpha, buttonClasses, createTheme as createMuiTheme, css, darken, dialogActionsClasses, getContrastRatio, keyframes, lighten, tabsClasses, touchRippleClasses, } from '@mui/material';
+import { palette, paletteDark, paletteLight } from './palettes.js';
+import { getStyleOverrides } from './utils.js';
+const shape = {
+    borderRadius: 12,
+    borderRadiusSecondary: 12,
+    borderRadiusTertiary: 24,
+};
+const enterKeyframe = keyframes `
+  0% {
+    transform: scale(0);
+    opacity: 0.05;
+  }
+  100% {
+    transform: scale(1);
+    opacity: 0.1;
+  }
+`;
+export const createTheme = (mode, widgetTheme = {}) => {
+    const primaryMainColor = widgetTheme.palette?.primary?.main ??
+        palette.primary.main;
+    const primaryLightColor = lighten(primaryMainColor, 0.84);
+    const primaryDarkColor = darken(primaryMainColor, 0.2);
+    const secondaryMainColor = widgetTheme.palette?.secondary?.main ??
+        palette.secondary.main;
+    const contrastButtonColor = getContrastRatio(palette.common.white, primaryMainColor) >= 3
+        ? palette.common.white
+        : palette.common.black;
+    const contrastTextButtonColor = getContrastRatio(palette.common.white, alpha(primaryMainColor, 0.08)) >= 3
+        ? palette.common.white
+        : palette.common.black;
+    const borderRadiusSecondary = widgetTheme.shape?.borderRadiusSecondary ?? shape.borderRadiusSecondary;
+    const theme = createMuiTheme({
+        container: widgetTheme.container,
+        header: widgetTheme.header,
+        navigation: {
+            edge: true,
+            ...widgetTheme.navigation,
+        },
+        typography: {
+            fontFamily: 'Inter var, Inter, sans-serif',
+            ...widgetTheme.typography,
+        },
+        palette: {
+            mode,
+            ...palette,
+            ...(mode === 'light' ? paletteLight : paletteDark),
+            ...widgetTheme.palette,
+            primary: {
+                main: primaryMainColor,
+                light: primaryLightColor,
+                dark: primaryDarkColor,
+            },
+            secondary: {
+                main: secondaryMainColor,
+                light: lighten(secondaryMainColor, 0.84),
+                dark: darken(secondaryMainColor, 0.2),
+            },
+        },
+        shape: {
+            ...shape,
+            ...widgetTheme.shape,
+        },
+        breakpoints: {
+            values: {
+                xs: 360,
+                sm: 416,
+                md: 900,
+                lg: 1200,
+                xl: 1536,
+            },
+        },
+        components: {
+            MuiScopedCssBaseline: {
+                styleOverrides: {
+                    root: {
+                        fontFamily: 'Inter, sans-serif',
+                        ...widgetTheme.typography,
+                        '@supports (font-variation-settings: normal)': {
+                            fontFamily: 'Inter var, sans-serif',
+                            ...widgetTheme.typography,
+                        },
+                    },
+                },
+            },
+            MuiAppBar: {
+                styleOverrides: {
+                    root: ({ ownerState }) => ({
+                        minHeight: 40,
+                        padding: 0,
+                        ...getStyleOverrides('MuiAppBar', 'root', widgetTheme, ownerState),
+                    }),
+                },
+            },
+            MuiCard: {
+                defaultProps: {
+                    variant: 'outlined',
+                    ...widgetTheme.components?.MuiCard?.defaultProps,
+                },
+                styleOverrides: {
+                    root: ({ ownerState, theme }) => {
+                        const root = widgetTheme.components?.MuiCard?.styleOverrides
+                            ?.root;
+                        const rootHover = root?.['&:hover'];
+                        return {
+                            backgroundColor: theme.palette.background.paper,
+                            borderRadius: theme.shape.borderRadius,
+                            overflow: 'hidden',
+                            position: 'relative',
+                            boxSizing: 'border-box',
+                            transition: theme.transitions.create(['background-color', 'filter'], {
+                                duration: theme.transitions.duration.enteringScreen,
+                                easing: theme.transitions.easing.easeOut,
+                            }),
+                            ...(!!ownerState.onClick && {
+                                '&:hover': {
+                                    cursor: 'pointer',
+                                },
+                            }),
+                            ...(!!ownerState.onClick &&
+                                (ownerState.variant === 'outlined' ||
+                                    ownerState.variant === 'filled') && {
+                                '&:hover': {
+                                    cursor: 'pointer',
+                                    backgroundColor: theme.palette.mode === 'light'
+                                        ? darken(theme.palette.background.paper, 0.02)
+                                        : lighten(theme.palette.background.paper, 0.02),
+                                },
+                            }),
+                            ...(!!ownerState.onClick &&
+                                ownerState.variant === 'elevation' && {
+                                '&:hover': {
+                                    cursor: 'pointer',
+                                    filter: `drop-shadow(0 1px 4px ${alpha(theme.palette.common.black, 0.08)})`,
+                                },
+                            }),
+                            ...(typeof root === 'object' && root),
+                            ...(!!ownerState.onClick &&
+                                !!rootHover && {
+                                '&:hover': {
+                                    ...rootHover,
+                                },
+                            }),
+                            ...(!ownerState.onClick && {
+                                '&:hover': {},
+                            }),
+                        };
+                    },
+                },
+                variants: widgetTheme.components?.MuiCard?.variants ?? [
+                    {
+                        props: { variant: 'outlined' },
+                        style: ({ theme }) => ({
+                            borderWidth: 1,
+                            borderStyle: 'solid',
+                            borderColor: theme.palette.mode === 'light'
+                                ? theme.palette.grey[300]
+                                : theme.palette.grey[800],
+                        }),
+                    },
+                    {
+                        props: { variant: 'elevation' },
+                        style: ({ theme }) => ({
+                            border: 'none',
+                            boxShadow: 'none',
+                            filter: `drop-shadow(0 1px 4px ${alpha(theme.palette.common.black, 0.04)})`,
+                        }),
+                    },
+                    {
+                        props: { variant: 'filled' },
+                        style: {
+                            border: 'none',
+                        },
+                    },
+                ],
+            },
+            MuiInputCard: {
+                ...widgetTheme.components?.MuiInputCard,
+            },
+            MuiButtonBase: {
+                styleOverrides: {
+                    // This `css()` function invokes keyframes. `styled-components` only supports keyframes
+                    // in string templates. Do not convert these styles in JS object as it will break.
+                    root: css `
+            &
+              .${touchRippleClasses.ripple}.${touchRippleClasses.rippleVisible} {
+              opacity: 0.1;
+              animation-name: ${enterKeyframe};
+            }
+          `,
+                },
+            },
+            MuiButton: {
+                defaultProps: {
+                    disableElevation: true,
+                    ...widgetTheme.components?.MuiButton?.defaultProps,
+                },
+                styleOverrides: {
+                    root: ({ ownerState }) => ({
+                        borderRadius: borderRadiusSecondary,
+                        textTransform: 'none',
+                        fontSize: 16,
+                        fontWeight: 600,
+                        '&.Mui-disabled, &.Mui-disabled:hover': {
+                            color: alpha(mode === 'light' ? palette.common.black : palette.common.white, 0.56),
+                            cursor: 'not-allowed',
+                            pointerEvents: 'auto',
+                        },
+                        [`&.${buttonClasses.loading}.Mui-disabled`]: {
+                            backgroundColor: primaryMainColor,
+                            color: contrastButtonColor,
+                            cursor: 'auto',
+                            pointerEvents: 'auto',
+                        },
+                        [`.${buttonClasses.loadingIndicator}`]: {
+                            color: contrastButtonColor,
+                        },
+                        [`&.${buttonClasses.root}.${buttonClasses.loading}`]: {
+                            color: 'transparent',
+                        },
+                        ...getStyleOverrides('MuiButton', 'root', widgetTheme, ownerState),
+                    }),
+                    text: ({ ownerState }) => ({
+                        backgroundColor: mode === 'light'
+                            ? alpha(primaryMainColor, 0.08)
+                            : alpha(primaryMainColor, 0.42),
+                        '&:hover': {
+                            backgroundColor: mode === 'light'
+                                ? alpha(primaryMainColor, 0.12)
+                                : alpha(primaryMainColor, 0.56),
+                        },
+                        color: mode === 'light' ? primaryMainColor : contrastTextButtonColor,
+                        ...getStyleOverrides('MuiButton', 'text', widgetTheme, ownerState),
+                    }),
+                    contained: ({ ownerState }) => ({
+                        '&:hover': {
+                            color: contrastButtonColor,
+                        },
+                        ...getStyleOverrides('MuiButton', 'contained', widgetTheme, ownerState),
+                    }),
+                    sizeMedium: ({ ownerState }) => ({
+                        padding: '10px 14px',
+                        [`.${dialogActionsClasses.root} &`]: {
+                            padding: '6px 12px',
+                        },
+                        ...getStyleOverrides('MuiButton', 'sizeMedium', widgetTheme, ownerState),
+                    }),
+                },
+            },
+            MuiIconButton: {
+                ...widgetTheme.components?.MuiIconButton,
+                styleOverrides: {
+                    ...widgetTheme.components?.MuiIconButton?.styleOverrides,
+                    root: ({ ownerState }) => ({
+                        color: 'inherit',
+                        '&:hover': {
+                            color: 'inherit',
+                        },
+                        ...getStyleOverrides('MuiIconButton', 'root', widgetTheme, ownerState),
+                    }),
+                },
+            },
+            MuiAvatar: {
+                styleOverrides: {
+                    root: {
+                        height: 40,
+                        width: 40,
+                    },
+                    img: {
+                        objectFit: 'contain',
+                    },
+                },
+                ...widgetTheme.components?.MuiAvatar,
+            },
+            MuiListItemText: {
+                styleOverrides: {
+                    primary: ({ theme }) => ({
+                        fontWeight: 600,
+                        fontSize: '1.125rem',
+                        lineHeight: '1.2778',
+                        color: theme.palette.text.primary,
+                    }),
+                    secondary: ({ theme }) => ({
+                        fontWeight: 500,
+                        fontSize: '0.75rem',
+                        color: theme.palette.text.secondary,
+                    }),
+                },
+            },
+            MuiTooltip: {
+                defaultProps: {
+                    enterDelay: 400,
+                    disableInteractive: true,
+                    arrow: true,
+                    placement: 'top',
+                },
+                styleOverrides: {
+                    tooltip: ({ theme }) => ({
+                        backgroundColor: 'rgb(0 0 0 / 64%)',
+                        backdropFilter: 'blur(3px)',
+                        fontSize: '0.75rem',
+                        padding: theme.spacing(1, 1.5),
+                    }),
+                    arrow: {
+                        color: 'rgb(0 0 0 / 64%)',
+                    },
+                },
+            },
+            MuiMenu: {
+                styleOverrides: {
+                    paper: ({ theme }) => ({
+                        backgroundColor: theme.palette.background.default,
+                    }),
+                },
+            },
+            MuiTabs: {
+                ...widgetTheme.components?.MuiTabs,
+                styleOverrides: {
+                    ...widgetTheme.components?.MuiTabs?.styleOverrides,
+                    root: ({ theme, ownerState }) => {
+                        const rootStyleOverrides = getStyleOverrides('MuiTabs', 'root', widgetTheme, ownerState);
+                        return {
+                            backgroundColor: theme.palette.mode === 'light'
+                                ? alpha(theme.palette.common.black, 0.04)
+                                : alpha(theme.palette.common.white, 0.08),
+                            borderRadius: theme.shape.borderRadius,
+                            ...rootStyleOverrides,
+                            [`.${tabsClasses.indicator}`]: {
+                                backgroundColor: theme.palette.mode === 'light'
+                                    ? theme.palette.background.paper
+                                    : alpha(theme.palette.common.black, 0.56),
+                                borderRadius: theme.shape.borderRadius > 0
+                                    ? theme.shape.borderRadius - 4
+                                    : theme.shape.borderRadius,
+                                boxShadow: `0px 2px 4px ${alpha(theme.palette.common.black, 0.04)}`,
+                                ...rootStyleOverrides?.[`.${tabsClasses.indicator}`],
+                            },
+                        };
+                    },
+                },
+            },
+            MuiTypography: {
+                defaultProps: {
+                    component: 'div',
+                    ...widgetTheme.components?.MuiTypography?.defaultProps,
+                },
+            },
+        },
+    });
+    return theme;
+};
+//# sourceMappingURL=createTheme.js.map