@lifi/widget 1.32.0 → 1.32.1

package/AppDrawer.style.d.ts

@@ -2,7 +2,7 @@
 export declare const DrawerButton: import("@emotion/styled").StyledComponent<{
     children?: import("react").ReactNode;
     classes?: Partial<import("@mui/material").ButtonClasses> | undefined;
-    color?: "inherit" | "success" | "warning" | "error" | "info" | "primary" | "secondary" | undefined;
+    color?: "inherit" | "success" | "warning" | "error" | "primary" | "secondary" | "info" | undefined;
     disabled?: boolean | undefined;
     disableElevation?: boolean | undefined;
     disableFocusRipple?: boolean | undefined;

package/cjs/AppDrawer.style.d.ts

@@ -2,7 +2,7 @@
 export declare const DrawerButton: import("@emotion/styled").StyledComponent<{
     children?: import("react").ReactNode;
     classes?: Partial<import("@mui/material").ButtonClasses> | undefined;
-    color?: "inherit" | "success" | "warning" | "error" | "info" | "primary" | "secondary" | undefined;
+    color?: "inherit" | "success" | "warning" | "error" | "primary" | "secondary" | "info" | undefined;
     disabled?: boolean | undefined;
     disableElevation?: boolean | undefined;
     disableFocusRipple?: boolean | undefined;

package/cjs/components/ActiveSwaps/ActiveSwaps.style.d.ts

@@ -35,11 +35,11 @@ export declare const ListItem: import("@emotion/styled").StyledComponent<{
     } | undefined;
 } & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
     ref?: ((instance: HTMLLIElement | null) => void) | import("react").RefObject<HTMLLIElement> | null | undefined;
-}, "button" | "className" | "style" | "classes" | "children" | "disabled" | "sx" | "alignItems" | "autoFocus" | "dense" | "divider" | "components" | "componentsProps" | "slotProps" | "slots" | "selected" | "disableGutters" | "ContainerComponent" | "ContainerProps" | "disablePadding" | "secondaryAction"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+}, "button" | "className" | "style" | "classes" | "children" | "disabled" | "sx" | "alignItems" | "autoFocus" | "dense" | "divider" | "components" | "slotProps" | "slots" | "componentsProps" | "selected" | "disableGutters" | "ContainerComponent" | "ContainerProps" | "disablePadding" | "secondaryAction"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 export declare const ShowAllButton: import("@emotion/styled").StyledComponent<{
     children?: import("react").ReactNode;
     classes?: Partial<import("@mui/material").ButtonClasses> | undefined;
-    color?: "inherit" | "success" | "warning" | "error" | "info" | "primary" | "secondary" | undefined;
+    color?: "inherit" | "success" | "warning" | "error" | "primary" | "secondary" | "info" | undefined;
     disabled?: boolean | undefined;
     disableElevation?: boolean | undefined;
     disableFocusRipple?: boolean | undefined;

package/cjs/components/Header/Header.style.d.ts

@@ -21,7 +21,7 @@ export declare const Container: import("@emotion/styled").StyledComponent<import
 export declare const WalletButton: import("@emotion/styled").StyledComponent<{
     children?: import("react").ReactNode;
     classes?: Partial<import("@mui/material").ButtonClasses> | undefined;
-    color?: "inherit" | "success" | "warning" | "error" | "info" | "primary" | "secondary" | undefined;
+    color?: "inherit" | "success" | "warning" | "error" | "primary" | "secondary" | "info" | undefined;
     disabled?: boolean | undefined;
     disableElevation?: boolean | undefined;
     disableFocusRipple?: boolean | undefined;

package/cjs/components/ReverseTokensButton/ReverseTokensButton.style.d.ts

@@ -2,7 +2,7 @@
 export declare const IconButton: import("@emotion/styled").StyledComponent<{
     children?: import("react").ReactNode;
     classes?: Partial<import("@mui/material").IconButtonClasses> | undefined;
-    color?: "inherit" | "default" | "success" | "warning" | "error" | "info" | "primary" | "secondary" | undefined;
+    color?: "inherit" | "default" | "success" | "warning" | "error" | "primary" | "secondary" | "info" | undefined;
     disabled?: boolean | undefined;
     disableFocusRipple?: boolean | undefined;
     edge?: false | "end" | "start" | undefined;

package/cjs/components/SendToWallet/SendToWallet.style.d.ts

@@ -2,7 +2,7 @@
 export declare const FormControl: import("@emotion/styled").StyledComponent<{
     children?: import("react").ReactNode;
     classes?: Partial<import("@mui/material").FormControlClasses> | undefined;
-    color?: "success" | "warning" | "error" | "info" | "primary" | "secondary" | undefined;
+    color?: "success" | "warning" | "error" | "primary" | "secondary" | "info" | undefined;
     disabled?: boolean | undefined;
     error?: boolean | undefined;
     fullWidth?: boolean | undefined;

package/cjs/components/Step/StepProcess.style.d.ts

@@ -2,7 +2,7 @@
 export declare const LinkButton: import("@emotion/styled").StyledComponent<{
     children?: import("react").ReactNode;
     classes?: Partial<import("@mui/material").IconButtonClasses> | undefined;
-    color?: "inherit" | "default" | "success" | "warning" | "error" | "info" | "primary" | "secondary" | undefined;
+    color?: "inherit" | "default" | "success" | "warning" | "error" | "primary" | "secondary" | "info" | undefined;
     disabled?: boolean | undefined;
     disableFocusRipple?: boolean | undefined;
     edge?: false | "end" | "start" | undefined;

package/cjs/components/SwapInput/SwapInput.style.d.ts

@@ -4,7 +4,7 @@ export declare const minInputFontSize = 14;
 export declare const FormControl: import("@emotion/styled").StyledComponent<{
     children?: import("react").ReactNode;
     classes?: Partial<import("@mui/material").FormControlClasses> | undefined;
-    color?: "success" | "warning" | "error" | "info" | "primary" | "secondary" | undefined;
+    color?: "success" | "warning" | "error" | "primary" | "secondary" | "info" | undefined;
     disabled?: boolean | undefined;
     error?: boolean | undefined;
     fullWidth?: boolean | undefined;

package/cjs/components/SwapInput/SwapInputAdornment.style.d.ts

@@ -2,7 +2,7 @@
 export declare const Button: import("@emotion/styled").StyledComponent<{
     children?: import("react").ReactNode;
     classes?: Partial<import("@mui/material").ButtonClasses> | undefined;
-    color?: "inherit" | "success" | "warning" | "error" | "info" | "primary" | "secondary" | undefined;
+    color?: "inherit" | "success" | "warning" | "error" | "primary" | "secondary" | "info" | undefined;
     disabled?: boolean | undefined;
     disableElevation?: boolean | undefined;
     disableFocusRipple?: boolean | undefined;

package/cjs/components/SwapRouteCard/SwapRouteCard.style.d.ts

@@ -17,7 +17,7 @@ export declare const Label: import("@emotion/styled").StyledComponent<import("@m
 export declare const IconButton: import("@emotion/styled").StyledComponent<{
     children?: import("react").ReactNode;
     classes?: Partial<import("@mui/material").IconButtonClasses> | undefined;
-    color?: "inherit" | "default" | "success" | "warning" | "error" | "info" | "primary" | "secondary" | undefined;
+    color?: "inherit" | "default" | "success" | "warning" | "error" | "primary" | "secondary" | "info" | undefined;
     disabled?: boolean | undefined;
     disableFocusRipple?: boolean | undefined;
     edge?: false | "end" | "start" | undefined;

package/cjs/components/TokenList/TokenList.style.d.ts

@@ -35,4 +35,4 @@ export declare const ListItem: import("@emotion/styled").StyledComponent<{
     } | undefined;
 } & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
     ref?: ((instance: HTMLLIElement | null) => void) | import("react").RefObject<HTMLLIElement> | null | undefined;
-}, "button" | "className" | "style" | "classes" | "children" | "disabled" | "sx" | "alignItems" | "autoFocus" | "dense" | "divider" | "components" | "componentsProps" | "slotProps" | "slots" | "selected" | "disableGutters" | "ContainerComponent" | "ContainerProps" | "disablePadding" | "secondaryAction"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+}, "button" | "className" | "style" | "classes" | "children" | "disabled" | "sx" | "alignItems" | "autoFocus" | "dense" | "divider" | "components" | "slotProps" | "slots" | "componentsProps" | "selected" | "disableGutters" | "ContainerComponent" | "ContainerProps" | "disablePadding" | "secondaryAction"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/cjs/config/version.d.ts

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

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 = '1.32.0';
+exports.version = '1.32.1';

package/cjs/hooks/useTools.js

@@ -7,7 +7,6 @@ const stores_1 = require("../stores");
 const useTools = () => {
     const lifi = (0, providers_1.useLiFi)();
     const { bridges, exchanges } = (0, providers_1.useWidgetConfig)();
-    const settingsStoreContext = (0, stores_1.useSettingsStoreContext)();
     const { data } = (0, react_query_1.useQuery)(['tools'], async () => {
         const tools = await lifi.getTools();
         return {
@@ -16,7 +15,7 @@ const useTools = () => {
         };
     }, {
         onSuccess(data) {
-            const { initializeTools } = settingsStoreContext.getState();
+            const { initializeTools } = stores_1.useSettingsStore.getState();
             initializeTools('Bridges', data.bridges.map((bridge) => bridge.key));
             initializeTools('Exchanges', data.exchanges.map((exchange) => exchange.key));
         },

package/cjs/i18n/en.json

@@ -56,7 +56,6 @@
     "title": "Language"
   },
   "settings": {
-    "advancedPreferences": "Advanced preferences",
     "enabledBridges": "Enabled bridges",
     "enabledExchanges": "Enabled exchanges",
     "gasPrice": {
@@ -65,10 +64,7 @@
       "slow": "Slow",
       "title": "Gas price"
     },
-    "resetToDefault": "Reset to default",
     "routePriority": "Route priority",
-    "selectEnabledBridges": "Select enabled bridges",
-    "selectEnabledExchanges": "Select enabled exchanges",
     "showDestinationWallet": "Show destination wallet",
     "slippage": "Slippage"
   },

package/cjs/i18n/uk.json

@@ -6,7 +6,6 @@
     "contactSupport": "Служба підтримки",
     "continue": "Продовжити",
     "copyAddress": "Скопіювати адресу",
-    "viewOnExplorer": "Переглянути в оглядачі",
     "dark": "Темна",
     "delete": "Видалити",
     "disconnect": "Від'єднатись",
@@ -19,6 +18,8 @@
     "ok": "Ок",
     "okay": "Добре",
     "removeSwap": "Видалити своп",
+    "reset": "Скинути",
+    "resetSettings": "Скинути налаштування",
     "restartSwap": "Перезапустити своп",
     "reviewGasSwap": "Переглянути своп газу",
     "reviewSwap": "Переглянути своп",
@@ -27,7 +28,8 @@
     "startGasSwap": "Почати своп газу",
     "startSwap": "Почати своп",
     "swap": "Своп",
-    "tryAgain": "Спробувати ще раз"
+    "tryAgain": "Спробувати ще раз",
+    "viewOnExplorer": "Переглянути в оглядачі"
   },
   "format": {
     "currency": "{{value, currency(currency: USD)}}",
@@ -54,7 +56,6 @@
     "title": "Мова"
   },
   "settings": {
-    "advancedPreferences": "Розширені параметри",
     "enabledBridges": "Увімкнені мости",
     "enabledExchanges": "Увімкнені обмінники",
     "gasPrice": {
@@ -63,10 +64,7 @@
       "slow": "Повільно",
       "title": "Ціна на газ"
     },
-    "resetToDefault": "Скинути налаштування",
     "routePriority": "Пріоритет маршруту",
-    "selectEnabledBridges": "Виберіть увімкнені мости",
-    "selectEnabledExchanges": "Виберіть увімкнені обмінники",
     "showDestinationWallet": "Показати цільовий гаманець",
     "slippage": "Прослизання"
   },
@@ -201,7 +199,8 @@
         "highValueLoss": "Вартість отриманих токенів значно нижча, ніж обмінені токени та вартість транзакції.",
         "insufficientFunds": "У вас недостатньо коштів для здійснення свопу.",
         "insufficientGas": "Потрібно додати хоча б:",
-        "rateChanged": "Курс обміну змінився. Продовжуючи своп, ви приймете новий курс."
+        "rateChanged": "Курс обміну змінився. Продовжуючи своп, ви приймете новий курс.",
+        "resetSettings": "Це скине пріоритет вашого маршруту, прослизання, ціну газу, увімкнені мости та обмінники."
       },
       "title": {
         "deleteActiveSwaps": "Видалити всі активні свопи?",
@@ -209,7 +208,8 @@
         "deleteSwapHistory": "Видалити історію свопів?",
         "highValueLoss": "Висока втрата вартості",
         "insufficientGas": "Недостатня кількість газу",
-        "rateChanged": "Курс змінився"
+        "rateChanged": "Курс змінився",
+        "resetSettings": "Скинути налаштування?"
       }
     }
   },

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

@@ -2,7 +2,7 @@
 export declare const ToggleButton: import("@emotion/styled").StyledComponent<{
     children?: import("react").ReactNode;
     classes?: Partial<import("@mui/material").ToggleButtonClasses> | undefined;
-    color?: "success" | "warning" | "error" | "info" | "primary" | "secondary" | "standard" | undefined;
+    color?: "success" | "warning" | "error" | "primary" | "secondary" | "info" | "standard" | undefined;
     disabled?: boolean | undefined;
     disableFocusRipple?: boolean | undefined;
     fullWidth?: boolean | undefined;

package/cjs/providers/WidgetProvider/WidgetProvider.js

@@ -14,7 +14,6 @@ const WidgetContext = (0, react_1.createContext)(initialContext);
 const useWidgetConfig = () => (0, react_1.useContext)(WidgetContext);
 exports.useWidgetConfig = useWidgetConfig;
 const WidgetProvider = ({ children, config: { fromChain, fromToken, toChain, toToken, fromAmount, ...config } = {}, }) => {
-    const settingsStoreContext = (0, stores_1.useSettingsStoreContext)();
     const elementId = (0, react_1.useId)();
     const value = (0, react_1.useMemo)(() => {
         try {
@@ -25,7 +24,7 @@ const WidgetProvider = ({ children, config: { fromChain, fromToken, toChain, toT
                     delete searchParams[`${key}Token`];
                 }
             });
-            return {
+            const value = {
                 ...config,
                 fromChain: (searchParams.fromChain &&
                     isNaN(parseInt(searchParams.fromChain, 10))) ||
@@ -52,15 +51,14 @@ const WidgetProvider = ({ children, config: { fromChain, fromToken, toChain, toT
                     : fromAmount,
                 elementId,
             };
+            (0, stores_1.setDefaultSettings)(value);
+            return value;
         }
         catch (e) {
             console.warn(e);
             return { ...config, elementId };
         }
     }, [config, elementId, fromAmount, fromChain, fromToken, toChain, toToken]);
-    (0, react_1.useEffect)(() => {
-        (0, stores_1.setDefaultSettings)(settingsStoreContext, value);
-    }, [settingsStoreContext, value]);
     return ((0, jsx_runtime_1.jsx)(WidgetContext.Provider, { value: value, children: children }));
 };
 exports.WidgetProvider = WidgetProvider;

package/cjs/stores/StoreProvider.js

@@ -2,14 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StoreProvider = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const chains_1 = require("./chains");
 const routes_1 = require("./routes");
-const settings_1 = require("./settings");
 const StoreProvider = ({ children, namePrefix }) => {
-    return ((0, jsx_runtime_1.jsx)(routes_1.RouteExecutionStoreProvider, { namePrefix: namePrefix, children: (0, jsx_runtime_1.jsx)(settings_1.SettingsStoreProvider
-        // namePrefix={namePrefix}
-        , { children: (0, jsx_runtime_1.jsx)(chains_1.ChainOrderStoreProvider
-            // namePrefix={namePrefix}
-            , { children: children }) }) }));
+    return ((0, jsx_runtime_1.jsx)(routes_1.RouteExecutionStoreProvider, { namePrefix: namePrefix, children: (0, jsx_runtime_1.jsx)(routes_1.RecommendedRouteStoreProvider, { children: children }) }));
 };
 exports.StoreProvider = StoreProvider;

package/cjs/stores/chains/index.d.ts

@@ -1,4 +1,3 @@
-export * from './ChainOrderStore';
-export * from './createChainOrderStore';
 export * from './types';
 export * from './useChainOrder';
+export * from './useChainOrderStore';

package/cjs/stores/chains/index.js

@@ -14,7 +14,6 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./ChainOrderStore"), exports);
-__exportStar(require("./createChainOrderStore"), exports);
 __exportStar(require("./types"), exports);
 __exportStar(require("./useChainOrder"), exports);
+__exportStar(require("./useChainOrderStore"), exports);

package/cjs/stores/chains/useChainOrder.js

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useChainOrder = void 0;
 const shallow_1 = require("zustand/shallow");
-const ChainOrderStore_1 = require("./ChainOrderStore");
+const _1 = require(".");
 const useChainOrder = () => {
-    return (0, ChainOrderStore_1.useChainOrderStore)((state) => [state.chainOrder, state.setChain], shallow_1.shallow);
+    return (0, _1.useChainOrderStore)((state) => [state.chainOrder, state.setChain], shallow_1.shallow);
 };
 exports.useChainOrder = useChainOrder;

package/cjs/stores/chains/useChainOrderStore.d.ts

@@ -0,0 +1,3 @@
+import type { ChainOrderState } from './types';
+export declare const maxChainToOrder = 9;
+export declare const useChainOrderStore: import("zustand").UseBoundStore<import("zustand").StoreApi<ChainOrderState>>;

package/cjs/stores/chains/{createChainOrderStore.js → useChainOrderStore.js}

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createChainOrderStore = exports.maxChainToOrder = void 0;
+exports.useChainOrderStore = exports.maxChainToOrder = void 0;
 const zustand_1 = require("zustand");
 const middleware_1 = require("zustand/middleware");
 exports.maxChainToOrder = 9;
-const createChainOrderStore = ({ namePrefix }) => (0, zustand_1.create)((0, middleware_1.persist)((set, get) => ({
+exports.useChainOrderStore = (0, zustand_1.create)((0, middleware_1.persist)((set, get) => ({
     chainOrder: [],
     availableChains: [],
     initializeChains: (chainIds) => {
@@ -46,8 +46,7 @@ const createChainOrderStore = ({ namePrefix }) => (0, zustand_1.create)((0, midd
         });
     },
 }), {
-    name: `${namePrefix || 'li.fi'}-widget-chains-order`,
+    name: `li.fi-widget-chains-order`,
     version: 0,
     partialize: (state) => ({ chainOrder: state.chainOrder }),
 }));
-exports.createChainOrderStore = createChainOrderStore;

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

@@ -19,7 +19,7 @@ export declare enum RouteExecutionStatus {
     Partial = 8,
     Refunded = 16
 }
-export interface RecommendedRouteStore {
+export interface RecommendedRouteState {
     recommendedRoute?: Route;
     setRecommendedRoute: (route?: Route) => void;
 }

package/cjs/stores/routes/useRecommendedRouteStore.d.ts

@@ -1,2 +1,10 @@
-import type { RecommendedRouteStore } from './types';
-export declare const useRecommendedRouteStore: import("zustand").UseBoundStore<import("zustand").StoreApi<RecommendedRouteStore>>;
+/// <reference types="react" />
+import type { StoreApi, UseBoundStore } from 'zustand';
+import type { PersistStoreProviderProps } from '../types';
+import type { RecommendedRouteState } from './types';
+export declare const createRecommendedRouteStore: () => UseBoundStore<StoreApi<RecommendedRouteState>>;
+export type RecommendedRouteStore = UseBoundStore<StoreApi<RecommendedRouteState>>;
+export declare const RecommendedRouteStoreContext: import("react").Context<RecommendedRouteStore | null>;
+export declare function RecommendedRouteStoreProvider({ children, ...props }: PersistStoreProviderProps): JSX.Element;
+export declare function useRecommendedRouteStore<T>(selector: (state: RecommendedRouteState) => T, equalityFn?: (left: T, right: T) => boolean): T;
+export declare function useRecommendedRouteStoreContext(): RecommendedRouteStore;

package/cjs/stores/routes/useRecommendedRouteStore.js

@@ -1,11 +1,39 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useRecommendedRouteStore = void 0;
+exports.useRecommendedRouteStoreContext = exports.useRecommendedRouteStore = exports.RecommendedRouteStoreProvider = exports.RecommendedRouteStoreContext = exports.createRecommendedRouteStore = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const zustand_1 = require("zustand");
-exports.useRecommendedRouteStore = (0, zustand_1.create)((set) => ({
+const createRecommendedRouteStore = () => (0, zustand_1.create)((set) => ({
     setRecommendedRoute: (recommendedRoute) => {
         set(() => ({
             recommendedRoute,
         }));
     },
 }));
+exports.createRecommendedRouteStore = createRecommendedRouteStore;
+exports.RecommendedRouteStoreContext = (0, react_1.createContext)(null);
+function RecommendedRouteStoreProvider({ children, ...props }) {
+    const storeRef = (0, react_1.useRef)();
+    if (!storeRef.current) {
+        storeRef.current = (0, exports.createRecommendedRouteStore)();
+    }
+    return ((0, jsx_runtime_1.jsx)(exports.RecommendedRouteStoreContext.Provider, { value: storeRef.current, children: children }));
+}
+exports.RecommendedRouteStoreProvider = RecommendedRouteStoreProvider;
+function useRecommendedRouteStore(selector, equalityFn) {
+    const useStore = (0, react_1.useContext)(exports.RecommendedRouteStoreContext);
+    if (!useStore) {
+        throw new Error(`You forgot to wrap your component in <${RecommendedRouteStoreProvider.name}>.`);
+    }
+    return useStore(selector, equalityFn);
+}
+exports.useRecommendedRouteStore = useRecommendedRouteStore;
+function useRecommendedRouteStoreContext() {
+    const useStore = (0, react_1.useContext)(exports.RecommendedRouteStoreContext);
+    if (!useStore) {
+        throw new Error(`You forgot to wrap your component in <${RecommendedRouteStoreProvider.name}>.`);
+    }
+    return useStore;
+}
+exports.useRecommendedRouteStoreContext = useRecommendedRouteStoreContext;

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

@@ -1,5 +1,5 @@
-export * from './SettingsStore';
 export * from './types';
 export * from './useAppearance';
 export * from './useSendToWalletStore';
 export * from './useSettings';
+export * from './useSettingsStore';

package/cjs/stores/settings/index.js

@@ -14,8 +14,8 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./SettingsStore"), exports);
 __exportStar(require("./types"), exports);
 __exportStar(require("./useAppearance"), exports);
 __exportStar(require("./useSendToWalletStore"), exports);
 __exportStar(require("./useSettings"), exports);
+__exportStar(require("./useSettingsStore"), exports);

package/cjs/stores/settings/useAppearance.js

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useAppearance = void 0;
 const shallow_1 = require("zustand/shallow");
-const SettingsStore_1 = require("./SettingsStore");
+const useSettingsStore_1 = require("./useSettingsStore");
 const useAppearance = () => {
-    const [appearance, setValue] = (0, SettingsStore_1.useSettingsStore)((state) => [state.appearance, state.setValue], shallow_1.shallow);
+    const [appearance, setValue] = (0, useSettingsStore_1.useSettingsStore)((state) => [state.appearance, state.setValue], shallow_1.shallow);
     const setAppearance = (appearance) => {
         setValue('appearance', appearance);
     };

package/cjs/stores/settings/useSettings.js

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useSettings = void 0;
 const shallow_1 = require("zustand/shallow");
-const SettingsStore_1 = require("./SettingsStore");
+const useSettingsStore_1 = require("./useSettingsStore");
 const useSettings = (keys) => {
-    return (0, SettingsStore_1.useSettingsStore)((state) => keys.reduce((values, key) => {
+    return (0, useSettingsStore_1.useSettingsStore)((state) => keys.reduce((values, key) => {
         values[key] = state[key];
         return values;
     }, {}), shallow_1.shallow);

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

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

package/cjs/stores/settings/{createSettingsStore.js → useSettingsStore.js}

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createSettingsStore = exports.defaultSettings = exports.defaultConfigurableSettings = void 0;
+exports.setDefaultSettings = exports.useSettingsStore = exports.defaultSettings = exports.defaultConfigurableSettings = void 0;
 const zustand_1 = require("zustand");
 const middleware_1 = require("zustand/middleware");
 const types_1 = require("./types");
@@ -15,7 +15,7 @@ exports.defaultSettings = {
     enabledBridges: [],
     enabledExchanges: [],
 };
-const createSettingsStore = ({ namePrefix }) => (0, zustand_1.create)((0, middleware_1.persist)((set, get) => ({
+exports.useSettingsStore = (0, zustand_1.create)((0, middleware_1.persist)((set, get) => ({
     ...exports.defaultSettings,
     setValue: (key, value) => set(() => ({
         [key]: value,
@@ -74,7 +74,7 @@ const createSettingsStore = ({ namePrefix }) => (0, zustand_1.create)((0, middle
         get().initializeTools('Exchanges', exchanges, true);
     },
 }), {
-    name: `${namePrefix || 'li.fi'}-widget-settings`,
+    name: `li.fi-widget-settings`,
     version: 2,
     partialize: (state) => {
         const { enabledBridges, enabledExchanges, ...partializedState } = state;
@@ -99,4 +99,20 @@ const createSettingsStore = ({ namePrefix }) => (0, zustand_1.create)((0, middle
         return persistedState;
     },
 }));
-exports.createSettingsStore = createSettingsStore;
+const setDefaultSettings = (config) => {
+    const { slippage, routePriority, setValue } = exports.useSettingsStore.getState();
+    const defaultSlippage = (config?.slippage ||
+        config?.sdkConfig?.defaultRouteOptions?.slippage ||
+        0) * 100;
+    const defaultRoutePriority = config?.routePriority || config?.sdkConfig?.defaultRouteOptions?.order;
+    exports.defaultConfigurableSettings.slippage = (defaultSlippage || exports.defaultConfigurableSettings.slippage)?.toString();
+    exports.defaultConfigurableSettings.routePriority =
+        defaultRoutePriority || exports.defaultConfigurableSettings.routePriority;
+    if (!slippage) {
+        setValue('slippage', exports.defaultConfigurableSettings.slippage);
+    }
+    if (!routePriority) {
+        setValue('routePriority', exports.defaultConfigurableSettings.routePriority);
+    }
+};
+exports.setDefaultSettings = setDefaultSettings;

package/components/ActiveSwaps/ActiveSwaps.style.d.ts

@@ -35,11 +35,11 @@ export declare const ListItem: import("@emotion/styled").StyledComponent<{
     } | undefined;
 } & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
     ref?: ((instance: HTMLLIElement | null) => void) | import("react").RefObject<HTMLLIElement> | null | undefined;
-}, "button" | "className" | "style" | "classes" | "children" | "disabled" | "sx" | "alignItems" | "autoFocus" | "dense" | "divider" | "components" | "componentsProps" | "slotProps" | "slots" | "selected" | "disableGutters" | "ContainerComponent" | "ContainerProps" | "disablePadding" | "secondaryAction"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+}, "button" | "className" | "style" | "classes" | "children" | "disabled" | "sx" | "alignItems" | "autoFocus" | "dense" | "divider" | "components" | "slotProps" | "slots" | "componentsProps" | "selected" | "disableGutters" | "ContainerComponent" | "ContainerProps" | "disablePadding" | "secondaryAction"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 export declare const ShowAllButton: import("@emotion/styled").StyledComponent<{
     children?: import("react").ReactNode;
     classes?: Partial<import("@mui/material").ButtonClasses> | undefined;
-    color?: "inherit" | "success" | "warning" | "error" | "info" | "primary" | "secondary" | undefined;
+    color?: "inherit" | "success" | "warning" | "error" | "primary" | "secondary" | "info" | undefined;
     disabled?: boolean | undefined;
     disableElevation?: boolean | undefined;
     disableFocusRipple?: boolean | undefined;

package/components/Header/Header.style.d.ts

@@ -21,7 +21,7 @@ export declare const Container: import("@emotion/styled").StyledComponent<import
 export declare const WalletButton: import("@emotion/styled").StyledComponent<{
     children?: import("react").ReactNode;
     classes?: Partial<import("@mui/material").ButtonClasses> | undefined;
-    color?: "inherit" | "success" | "warning" | "error" | "info" | "primary" | "secondary" | undefined;
+    color?: "inherit" | "success" | "warning" | "error" | "primary" | "secondary" | "info" | undefined;
     disabled?: boolean | undefined;
     disableElevation?: boolean | undefined;
     disableFocusRipple?: boolean | undefined;

package/components/ReverseTokensButton/ReverseTokensButton.style.d.ts

@@ -2,7 +2,7 @@
 export declare const IconButton: import("@emotion/styled").StyledComponent<{
     children?: import("react").ReactNode;
     classes?: Partial<import("@mui/material").IconButtonClasses> | undefined;
-    color?: "inherit" | "default" | "success" | "warning" | "error" | "info" | "primary" | "secondary" | undefined;
+    color?: "inherit" | "default" | "success" | "warning" | "error" | "primary" | "secondary" | "info" | undefined;
     disabled?: boolean | undefined;
     disableFocusRipple?: boolean | undefined;
     edge?: false | "end" | "start" | undefined;

package/components/SendToWallet/SendToWallet.style.d.ts

@@ -2,7 +2,7 @@
 export declare const FormControl: import("@emotion/styled").StyledComponent<{
     children?: import("react").ReactNode;
     classes?: Partial<import("@mui/material").FormControlClasses> | undefined;
-    color?: "success" | "warning" | "error" | "info" | "primary" | "secondary" | undefined;
+    color?: "success" | "warning" | "error" | "primary" | "secondary" | "info" | undefined;
     disabled?: boolean | undefined;
     error?: boolean | undefined;
     fullWidth?: boolean | undefined;

package/components/Step/StepProcess.style.d.ts

@@ -2,7 +2,7 @@
 export declare const LinkButton: import("@emotion/styled").StyledComponent<{
     children?: import("react").ReactNode;
     classes?: Partial<import("@mui/material").IconButtonClasses> | undefined;
-    color?: "inherit" | "default" | "success" | "warning" | "error" | "info" | "primary" | "secondary" | undefined;
+    color?: "inherit" | "default" | "success" | "warning" | "error" | "primary" | "secondary" | "info" | undefined;
     disabled?: boolean | undefined;
     disableFocusRipple?: boolean | undefined;
     edge?: false | "end" | "start" | undefined;

package/components/SwapInput/SwapInput.style.d.ts

@@ -4,7 +4,7 @@ export declare const minInputFontSize = 14;
 export declare const FormControl: import("@emotion/styled").StyledComponent<{
     children?: import("react").ReactNode;
     classes?: Partial<import("@mui/material").FormControlClasses> | undefined;
-    color?: "success" | "warning" | "error" | "info" | "primary" | "secondary" | undefined;
+    color?: "success" | "warning" | "error" | "primary" | "secondary" | "info" | undefined;
     disabled?: boolean | undefined;
     error?: boolean | undefined;
     fullWidth?: boolean | undefined;

package/components/SwapInput/SwapInputAdornment.style.d.ts

@@ -2,7 +2,7 @@
 export declare const Button: import("@emotion/styled").StyledComponent<{
     children?: import("react").ReactNode;
     classes?: Partial<import("@mui/material").ButtonClasses> | undefined;
-    color?: "inherit" | "success" | "warning" | "error" | "info" | "primary" | "secondary" | undefined;
+    color?: "inherit" | "success" | "warning" | "error" | "primary" | "secondary" | "info" | undefined;
     disabled?: boolean | undefined;
     disableElevation?: boolean | undefined;
     disableFocusRipple?: boolean | undefined;