@lifi/widget 2.4.5 → 2.4.6

package/cjs/components/Card/CardLabel.d.ts

@@ -2,7 +2,7 @@
 export declare const CardLabel: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: import("react").RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
 }, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
-    type?: "insurance" | "active" | "insurance-icon" | undefined;
+    type?: "active" | "insurance" | "insurance-icon" | undefined;
 }, {}, {}>;
 export declare const CardLabelTypography: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
     ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;

package/cjs/config/version.d.ts

@@ -1,2 +1,2 @@
 export declare const name = "@lifi/widget";
-export declare const version = "2.4.5";
+export declare const version = "2.4.6";

package/cjs/config/version.js

@@ -2,4 +2,4 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.version = exports.name = void 0;
 exports.name = '@lifi/widget';
-exports.version = '2.4.5';
+exports.version = '2.4.6';

package/cjs/i18n/en.json

@@ -255,7 +255,8 @@
     },
     "routePriority": "Route priority",
     "showDestinationWallet": "Show destination wallet",
-    "slippage": "Slippage"
+    "slippage": "Slippage",
+    "resetSettings": "You're using custom setting limiting the number of available routes."
   },
   "wallet": {
     "extensionNotFound": "Please make sure that only the {{name}} browser extension is active before choosing this wallet."

package/cjs/pages/SettingsPage/ResetSettingsButton.js

@@ -9,7 +9,17 @@ const Dialog_1 = require("../../components/Dialog");
 const hooks_1 = require("../../hooks");
 const providers_1 = require("../../providers");
 const stores_1 = require("../../stores");
+const ResetSettingsButton_style_1 = require("./ResetSettingsButton.style");
+const icons_material_1 = require("@mui/icons-material");
+const shallow_1 = require("zustand/shallow");
 const ResetSettingsButton = () => {
+    const [enabledBridges, enabledExchanges, routePriority, slippage, gasPrice] = (0, stores_1.useSettingsStore)((state) => [
+        state.enabledBridges,
+        state.enabledExchanges,
+        state.routePriority,
+        state.slippage,
+        state.gasPrice,
+    ], shallow_1.shallow);
     const { t } = (0, react_i18next_1.useTranslation)();
     const { tools } = (0, hooks_1.useTools)();
     const config = (0, providers_1.useWidgetConfig)();
@@ -21,9 +31,27 @@ const ResetSettingsButton = () => {
     const handleReset = () => {
         if (tools) {
             resetSettings(config, tools.bridges.map((tool) => tool.key), tools.exchanges.map((tool) => tool.key));
+            (0, stores_1.setDefaultSettings)(config);
         }
         toggleDialog();
     };
-    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { px: 3, mt: 1.5, mb: 1, children: [(0, jsx_runtime_1.jsx)(material_1.Button, { onClick: toggleDialog, fullWidth: true, children: t('button.resetSettings') }), (0, jsx_runtime_1.jsxs)(Dialog_1.Dialog, { open: open, onClose: toggleDialog, children: [(0, jsx_runtime_1.jsx)(material_1.DialogTitle, { children: t('warning.title.resetSettings') }), (0, jsx_runtime_1.jsx)(material_1.DialogContent, { children: (0, jsx_runtime_1.jsx)(material_1.DialogContentText, { children: t('warning.message.resetSettings') }) }), (0, jsx_runtime_1.jsxs)(material_1.DialogActions, { children: [(0, jsx_runtime_1.jsx)(material_1.Button, { onClick: toggleDialog, children: t('button.cancel') }), (0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", onClick: handleReset, autoFocus: true, children: t('button.reset') })] })] })] }));
+    const isSlippageChanged = config.slippage
+        ? Number(slippage) !== config.slippage * 100
+        : slippage !== stores_1.defaultConfigurableSettings.slippage;
+    const isRoutePriorityChanged = config.routePriority
+        ? routePriority !== config.routePriority
+        : routePriority !== stores_1.defaultConfigurableSettings.routePriority;
+    const isGasPriceChanged = gasPrice !== stores_1.defaultConfigurableSettings.gasPrice;
+    const isCustomRouteSettings = tools?.bridges?.length !== enabledBridges?.length ||
+        tools?.exchanges?.length !== enabledExchanges?.length ||
+        isSlippageChanged ||
+        isRoutePriorityChanged ||
+        isGasPriceChanged;
+    if (!isCustomRouteSettings) {
+        return null;
+    }
+    return ((0, jsx_runtime_1.jsx)(material_1.Box, { px: 3, mt: 1.5, mb: 1, children: (0, jsx_runtime_1.jsxs)(ResetSettingsButton_style_1.ResetButtonContainer, { children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { display: "flex", marginBottom: "12px", children: [(0, jsx_runtime_1.jsx)(icons_material_1.InfoRounded, { sx: {
+                                marginRight: '8px',
+                            } }), (0, jsx_runtime_1.jsx)(material_1.Box, { fontSize: 14, children: t(`settings.resetSettings`) })] }), (0, jsx_runtime_1.jsx)(material_1.Button, { onClick: toggleDialog, fullWidth: true, children: t('button.resetSettings') }), (0, jsx_runtime_1.jsxs)(Dialog_1.Dialog, { open: open, onClose: toggleDialog, children: [(0, jsx_runtime_1.jsx)(material_1.DialogTitle, { children: t('warning.title.resetSettings') }), (0, jsx_runtime_1.jsx)(material_1.DialogContent, { children: (0, jsx_runtime_1.jsx)(material_1.DialogContentText, { children: t('warning.message.resetSettings') }) }), (0, jsx_runtime_1.jsxs)(material_1.DialogActions, { children: [(0, jsx_runtime_1.jsx)(material_1.Button, { onClick: toggleDialog, children: t('button.cancel') }), (0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", onClick: handleReset, autoFocus: true, children: t('button.reset') })] })] })] }) }));
 };
 exports.ResetSettingsButton = ResetSettingsButton;

package/cjs/pages/SettingsPage/ResetSettingsButton.style.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const ResetButtonContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: import("react").RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/cjs/pages/SettingsPage/ResetSettingsButton.style.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ResetButtonContainer = void 0;
+const utils_1 = require("../../utils");
+const material_1 = require("@mui/material");
+exports.ResetButtonContainer = (0, material_1.styled)(material_1.Box)(({ theme }) => ({
+    background: (0, utils_1.getContrastAlphaColor)(theme.palette.mode, '4%'),
+    borderRadius: '16px',
+    padding: '16px',
+    [`svg`]: {
+        fill: (0, utils_1.getContrastAlphaColor)(theme.palette.mode, '40%'),
+    },
+}));

package/cjs/stores/StoreProvider.js

@@ -7,6 +7,8 @@ const header_1 = require("./header");
 const routes_1 = require("./routes");
 const settings_1 = require("./settings");
 const StoreProvider = ({ children, config, }) => {
-    return ((0, jsx_runtime_1.jsx)(settings_1.SplitSubvariantStoreProvider, { state: config.subvariant === 'split' ? 'swap' : undefined, children: (0, jsx_runtime_1.jsx)(header_1.HeaderStoreProvider, { namePrefix: config?.keyPrefix, children: (0, jsx_runtime_1.jsx)(chains_1.ChainOrderStoreProvider, { namePrefix: config?.keyPrefix, children: (0, jsx_runtime_1.jsx)(routes_1.RouteExecutionStoreProvider, { namePrefix: config?.keyPrefix, children: children }) }) }) }));
+    return ((0, jsx_runtime_1.jsx)(settings_1.SplitSubvariantStoreProvider, { state: config.subvariant === 'split'
+            ? config.subvariantOptions || 'swap'
+            : undefined, children: (0, jsx_runtime_1.jsx)(header_1.HeaderStoreProvider, { namePrefix: config?.keyPrefix, children: (0, jsx_runtime_1.jsx)(chains_1.ChainOrderStoreProvider, { namePrefix: config?.keyPrefix, children: (0, jsx_runtime_1.jsx)(routes_1.RouteExecutionStoreProvider, { namePrefix: config?.keyPrefix, children: children }) }) }) }));
 };
 exports.StoreProvider = StoreProvider;

package/cjs/stores/routes/createRouteExecutionStore.js

@@ -154,7 +154,7 @@ const createRouteExecutionStore = ({ namePrefix }) => (0, traditional_1.createWi
             }
         }
         catch (error) {
-            console.log(error);
+            console.error(error);
         }
         return state;
     },

package/cjs/stores/settings/types.d.ts

@@ -35,12 +35,13 @@ export interface SendToWalletStore extends SendToWalletState {
     toggleSendToWallet(): void;
     setSendToWallet(value: boolean): void;
 }
+export type SplitSubvariantOptions = 'bridge' | 'swap';
 export interface SplitSubvariantState {
-    state?: 'swap' | 'bridge';
-    setState(state: 'swap' | 'bridge'): void;
+    state?: SplitSubvariantOptions;
+    setState(state: SplitSubvariantOptions): void;
 }
 export type SplitSubvariantStore = UseBoundStoreWithEqualityFn<StoreApi<SplitSubvariantState>>;
 export interface SplitSubvariantProps {
-    state?: 'swap' | 'bridge';
+    state?: SplitSubvariantOptions;
 }
 export type SplitSubvariantProviderProps = PropsWithChildren<SplitSubvariantProps>;

package/cjs/stores/settings/useSettingsStore.d.ts

@@ -1,6 +1,6 @@
 import type { WidgetConfig } from '../../types';
 import type { SettingsProps, SettingsState } from './types';
-export declare const defaultConfigurableSettings: Pick<SettingsState, 'routePriority' | 'slippage'>;
+export declare const defaultConfigurableSettings: Pick<SettingsState, 'routePriority' | 'slippage' | 'gasPrice'>;
 export declare const defaultSettings: SettingsProps;
 export declare const useSettingsStore: import("zustand/traditional").UseBoundStoreWithEqualityFn<import("zustand").StoreApi<SettingsState>>;
 export declare const setDefaultSettings: (config?: WidgetConfig) => void;

package/cjs/stores/settings/useSettingsStore.js

@@ -7,6 +7,7 @@ const types_1 = require("./types");
 exports.defaultConfigurableSettings = {
     routePriority: 'RECOMMENDED',
     slippage: '0.5',
+    gasPrice: 'normal',
 };
 exports.defaultSettings = {
     appearance: 'auto',
@@ -67,10 +68,10 @@ exports.useSettingsStore = (0, traditional_1.createWithEqualityFn)((0, middlewar
         }, {}),
     })),
     reset: (config, bridges, exchanges) => {
+        const { appearance, ...restDefaultSettings } = exports.defaultSettings;
         set(() => ({
-            ...exports.defaultSettings,
+            ...restDefaultSettings,
             ...exports.defaultConfigurableSettings,
-            appearance: config.appearance ?? exports.defaultSettings.appearance,
         }));
         get().initializeTools('Bridges', bridges, true);
         get().initializeTools('Exchanges', exchanges, true);
@@ -102,7 +103,7 @@ exports.useSettingsStore = (0, traditional_1.createWithEqualityFn)((0, middlewar
     },
 }), Object.is);
 const setDefaultSettings = (config) => {
-    const { slippage, routePriority, setValue } = exports.useSettingsStore.getState();
+    const { slippage, routePriority, setValue, gasPrice } = exports.useSettingsStore.getState();
     const defaultSlippage = (config?.slippage ||
         config?.sdkConfig?.defaultRouteOptions?.slippage ||
         0) * 100;
@@ -116,5 +117,8 @@ const setDefaultSettings = (config) => {
     if (!routePriority) {
         setValue('routePriority', exports.defaultConfigurableSettings.routePriority);
     }
+    if (!gasPrice) {
+        setValue('gasPrice', exports.defaultConfigurableSettings.gasPrice);
+    }
 };
 exports.setDefaultSettings = setDefaultSettings;

package/cjs/stores/settings/useSplitSubvariantStore.js

@@ -7,7 +7,7 @@ const traditional_1 = require("zustand/traditional");
 exports.SplitSubvariantStoreContext = (0, react_1.createContext)(null);
 const shouldRecreateStore = (store, props) => {
     const { state } = store.getState();
-    return (!state && props.state) || (state && !props.state);
+    return state !== props.state;
 };
 function SplitSubvariantStoreProvider({ children, ...props }) {
     const storeRef = (0, react_1.useRef)();

package/cjs/types/widget.d.ts

@@ -4,6 +4,7 @@ import type { Components, PaletteMode, PaletteOptions, Shape, Theme } from '@mui
 import type { TypographyOptions } from '@mui/material/styles/createTypography';
 import type { CSSProperties, ReactNode, RefObject } from 'react';
 import type { LanguageKey, LanguageResources } from '../providers';
+import type { SplitSubvariantOptions } from '../stores';
 export type WidgetVariant = 'default' | 'expandable' | 'drawer';
 export type WidgetSubvariant = 'default' | 'split' | 'nft' | 'refuel';
 export declare enum DisabledUI {
@@ -79,6 +80,7 @@ export interface WidgetConfig {
     insurance?: boolean;
     variant?: WidgetVariant;
     subvariant?: WidgetSubvariant;
+    subvariantOptions?: SplitSubvariantOptions;
     appearance?: Appearance;
     theme?: ThemeConfig;
     containerStyle?: CSSProperties;

package/components/Card/CardLabel.d.ts

@@ -2,7 +2,7 @@
 export declare const CardLabel: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: import("react").RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
 }, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
-    type?: "insurance" | "active" | "insurance-icon" | undefined;
+    type?: "active" | "insurance" | "insurance-icon" | undefined;
 }, {}, {}>;
 export declare const CardLabelTypography: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
     ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;

package/config/version.d.ts

@@ -1,2 +1,2 @@
 export declare const name = "@lifi/widget";
-export declare const version = "2.4.5";
+export declare const version = "2.4.6";

package/config/version.js

@@ -1,2 +1,2 @@
 export const name = '@lifi/widget';
-export const version = '2.4.5';
+export const version = '2.4.6';

package/i18n/en.json

@@ -255,7 +255,8 @@
     },
     "routePriority": "Route priority",
     "showDestinationWallet": "Show destination wallet",
-    "slippage": "Slippage"
+    "slippage": "Slippage",
+    "resetSettings": "You're using custom setting limiting the number of available routes."
   },
   "wallet": {
     "extensionNotFound": "Please make sure that only the {{name}} browser extension is active before choosing this wallet."

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lifi/widget",
-  "version": "2.4.5",
+  "version": "2.4.6",
   "description": "LI.FI Widget for cross-chain bridging and swapping. It will drive your multi-chain strategy and attract new users from everywhere.",
   "main": "./cjs/index.js",
   "module": "./index.js",

package/pages/SettingsPage/ResetSettingsButton.js

@@ -5,8 +5,18 @@ import { useTranslation } from 'react-i18next';
 import { Dialog } from '../../components/Dialog';
 import { useTools } from '../../hooks';
 import { useWidgetConfig } from '../../providers';
-import { useSettingsStore } from '../../stores';
+import { defaultConfigurableSettings, setDefaultSettings, useSettingsStore, } from '../../stores';
+import { ResetButtonContainer } from './ResetSettingsButton.style';
+import { InfoRounded } from '@mui/icons-material';
+import { shallow } from 'zustand/shallow';
 export const ResetSettingsButton = () => {
+    const [enabledBridges, enabledExchanges, routePriority, slippage, gasPrice] = useSettingsStore((state) => [
+        state.enabledBridges,
+        state.enabledExchanges,
+        state.routePriority,
+        state.slippage,
+        state.gasPrice,
+    ], shallow);
     const { t } = useTranslation();
     const { tools } = useTools();
     const config = useWidgetConfig();
@@ -18,8 +28,26 @@ export const ResetSettingsButton = () => {
     const handleReset = () => {
         if (tools) {
             resetSettings(config, tools.bridges.map((tool) => tool.key), tools.exchanges.map((tool) => tool.key));
+            setDefaultSettings(config);
         }
         toggleDialog();
     };
-    return (_jsxs(Box, { px: 3, mt: 1.5, mb: 1, children: [_jsx(Button, { onClick: toggleDialog, fullWidth: true, children: t('button.resetSettings') }), _jsxs(Dialog, { open: open, onClose: toggleDialog, children: [_jsx(DialogTitle, { children: t('warning.title.resetSettings') }), _jsx(DialogContent, { children: _jsx(DialogContentText, { children: t('warning.message.resetSettings') }) }), _jsxs(DialogActions, { children: [_jsx(Button, { onClick: toggleDialog, children: t('button.cancel') }), _jsx(Button, { variant: "contained", onClick: handleReset, autoFocus: true, children: t('button.reset') })] })] })] }));
+    const isSlippageChanged = config.slippage
+        ? Number(slippage) !== config.slippage * 100
+        : slippage !== defaultConfigurableSettings.slippage;
+    const isRoutePriorityChanged = config.routePriority
+        ? routePriority !== config.routePriority
+        : routePriority !== defaultConfigurableSettings.routePriority;
+    const isGasPriceChanged = gasPrice !== defaultConfigurableSettings.gasPrice;
+    const isCustomRouteSettings = tools?.bridges?.length !== enabledBridges?.length ||
+        tools?.exchanges?.length !== enabledExchanges?.length ||
+        isSlippageChanged ||
+        isRoutePriorityChanged ||
+        isGasPriceChanged;
+    if (!isCustomRouteSettings) {
+        return null;
+    }
+    return (_jsx(Box, { px: 3, mt: 1.5, mb: 1, children: _jsxs(ResetButtonContainer, { children: [_jsxs(Box, { display: "flex", marginBottom: "12px", children: [_jsx(InfoRounded, { sx: {
+                                marginRight: '8px',
+                            } }), _jsx(Box, { fontSize: 14, children: t(`settings.resetSettings`) })] }), _jsx(Button, { onClick: toggleDialog, fullWidth: true, children: t('button.resetSettings') }), _jsxs(Dialog, { open: open, onClose: toggleDialog, children: [_jsx(DialogTitle, { children: t('warning.title.resetSettings') }), _jsx(DialogContent, { children: _jsx(DialogContentText, { children: t('warning.message.resetSettings') }) }), _jsxs(DialogActions, { children: [_jsx(Button, { onClick: toggleDialog, children: t('button.cancel') }), _jsx(Button, { variant: "contained", onClick: handleReset, autoFocus: true, children: t('button.reset') })] })] })] }) }));
 };

package/pages/SettingsPage/ResetSettingsButton.style.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const ResetButtonContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: import("react").RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/pages/SettingsPage/ResetSettingsButton.style.js

@@ -0,0 +1,10 @@
+import { getContrastAlphaColor } from '../../utils';
+import { Box, styled } from '@mui/material';
+export const ResetButtonContainer = styled(Box)(({ theme }) => ({
+    background: getContrastAlphaColor(theme.palette.mode, '4%'),
+    borderRadius: '16px',
+    padding: '16px',
+    [`svg`]: {
+        fill: getContrastAlphaColor(theme.palette.mode, '40%'),
+    },
+}));

package/stores/StoreProvider.js

@@ -4,5 +4,7 @@ import { HeaderStoreProvider } from './header';
 import { RouteExecutionStoreProvider } from './routes';
 import { SplitSubvariantStoreProvider } from './settings';
 export const StoreProvider = ({ children, config, }) => {
-    return (_jsx(SplitSubvariantStoreProvider, { state: config.subvariant === 'split' ? 'swap' : undefined, children: _jsx(HeaderStoreProvider, { namePrefix: config?.keyPrefix, children: _jsx(ChainOrderStoreProvider, { namePrefix: config?.keyPrefix, children: _jsx(RouteExecutionStoreProvider, { namePrefix: config?.keyPrefix, children: children }) }) }) }));
+    return (_jsx(SplitSubvariantStoreProvider, { state: config.subvariant === 'split'
+            ? config.subvariantOptions || 'swap'
+            : undefined, children: _jsx(HeaderStoreProvider, { namePrefix: config?.keyPrefix, children: _jsx(ChainOrderStoreProvider, { namePrefix: config?.keyPrefix, children: _jsx(RouteExecutionStoreProvider, { namePrefix: config?.keyPrefix, children: children }) }) }) }));
 };

package/stores/routes/createRouteExecutionStore.js

@@ -151,7 +151,7 @@ export const createRouteExecutionStore = ({ namePrefix }) => createWithEqualityF
             }
         }
         catch (error) {
-            console.log(error);
+            console.error(error);
         }
         return state;
     },

package/stores/settings/types.d.ts

@@ -35,12 +35,13 @@ export interface SendToWalletStore extends SendToWalletState {
     toggleSendToWallet(): void;
     setSendToWallet(value: boolean): void;
 }
+export type SplitSubvariantOptions = 'bridge' | 'swap';
 export interface SplitSubvariantState {
-    state?: 'swap' | 'bridge';
-    setState(state: 'swap' | 'bridge'): void;
+    state?: SplitSubvariantOptions;
+    setState(state: SplitSubvariantOptions): void;
 }
 export type SplitSubvariantStore = UseBoundStoreWithEqualityFn<StoreApi<SplitSubvariantState>>;
 export interface SplitSubvariantProps {
-    state?: 'swap' | 'bridge';
+    state?: SplitSubvariantOptions;
 }
 export type SplitSubvariantProviderProps = PropsWithChildren<SplitSubvariantProps>;

package/stores/settings/useSettingsStore.d.ts

@@ -1,6 +1,6 @@
 import type { WidgetConfig } from '../../types';
 import type { SettingsProps, SettingsState } from './types';
-export declare const defaultConfigurableSettings: Pick<SettingsState, 'routePriority' | 'slippage'>;
+export declare const defaultConfigurableSettings: Pick<SettingsState, 'routePriority' | 'slippage' | 'gasPrice'>;
 export declare const defaultSettings: SettingsProps;
 export declare const useSettingsStore: import("zustand/traditional").UseBoundStoreWithEqualityFn<import("zustand").StoreApi<SettingsState>>;
 export declare const setDefaultSettings: (config?: WidgetConfig) => void;

package/stores/settings/useSettingsStore.js

@@ -4,6 +4,7 @@ import { SettingsToolTypes } from './types';
 export const defaultConfigurableSettings = {
     routePriority: 'RECOMMENDED',
     slippage: '0.5',
+    gasPrice: 'normal',
 };
 export const defaultSettings = {
     appearance: 'auto',
@@ -64,10 +65,10 @@ export const useSettingsStore = createWithEqualityFn(persist((set, get) => ({
         }, {}),
     })),
     reset: (config, bridges, exchanges) => {
+        const { appearance, ...restDefaultSettings } = defaultSettings;
         set(() => ({
-            ...defaultSettings,
+            ...restDefaultSettings,
             ...defaultConfigurableSettings,
-            appearance: config.appearance ?? defaultSettings.appearance,
         }));
         get().initializeTools('Bridges', bridges, true);
         get().initializeTools('Exchanges', exchanges, true);
@@ -99,7 +100,7 @@ export const useSettingsStore = createWithEqualityFn(persist((set, get) => ({
     },
 }), Object.is);
 export const setDefaultSettings = (config) => {
-    const { slippage, routePriority, setValue } = useSettingsStore.getState();
+    const { slippage, routePriority, setValue, gasPrice } = useSettingsStore.getState();
     const defaultSlippage = (config?.slippage ||
         config?.sdkConfig?.defaultRouteOptions?.slippage ||
         0) * 100;
@@ -113,4 +114,7 @@ export const setDefaultSettings = (config) => {
     if (!routePriority) {
         setValue('routePriority', defaultConfigurableSettings.routePriority);
     }
+    if (!gasPrice) {
+        setValue('gasPrice', defaultConfigurableSettings.gasPrice);
+    }
 };

package/stores/settings/useSplitSubvariantStore.js

@@ -4,7 +4,7 @@ import { createWithEqualityFn } from 'zustand/traditional';
 export const SplitSubvariantStoreContext = createContext(null);
 const shouldRecreateStore = (store, props) => {
     const { state } = store.getState();
-    return (!state && props.state) || (state && !props.state);
+    return state !== props.state;
 };
 export function SplitSubvariantStoreProvider({ children, ...props }) {
     const storeRef = useRef();