@lifi/widget 1.24.0 → 1.25.1

package/providers/I18nProvider/types.d.ts

@@ -1,16 +1,16 @@
 import type * as languages from '../../i18n';
-export declare type PartialResource<T> = T extends object ? {
+export type PartialResource<T> = T extends object ? {
     [P in keyof T]?: PartialResource<T[P]>;
 } : T;
-export declare type LanguageKey = keyof typeof languages;
-export declare type LanguageResources = {
+export type LanguageKey = keyof typeof languages;
+export type LanguageResources = {
     [language in LanguageKey]?: PartialResource<typeof languages.en>;
 } | {
     [language: string]: PartialResource<typeof languages.en>;
 };
-export declare type LanguageTranslationResource = {
+export type LanguageTranslationResource = {
     [namespace in 'translation']: PartialResource<typeof languages.en>;
 };
-export declare type LanguageTranslationResources = {
+export type LanguageTranslationResources = {
     [language: string]: LanguageTranslationResource;
 };

package/providers/SDKProvider/SDKProvider.js

@@ -6,14 +6,15 @@ let lifi;
 const SDKContext = createContext(null);
 export const useLiFi = () => useContext(SDKContext);
 export const SDKProvider = ({ children, }) => {
-    const { sdkConfig, integrator } = useWidgetConfig();
+    const { sdkConfig, fee, integrator, routePriority, slippage } = useWidgetConfig();
     const value = useMemo(() => {
-        const config = Object.assign(Object.assign({}, sdkConfig), { defaultRouteOptions: Object.assign({ integrator: integrator !== null && integrator !== void 0 ? integrator : window.location.hostname }, sdkConfig === null || sdkConfig === void 0 ? void 0 : sdkConfig.defaultRouteOptions) });
+        const config = Object.assign(Object.assign({}, sdkConfig), { defaultRouteOptions: Object.assign({ fee, integrator: integrator !== null && integrator !== void 0 ? integrator : window.location.hostname, routePriority,
+                slippage }, sdkConfig === null || sdkConfig === void 0 ? void 0 : sdkConfig.defaultRouteOptions) });
         if (!lifi) {
             lifi = new LIFI(Object.assign({ disableVersionCheck: true }, config));
         }
         lifi.setConfig(config);
         return lifi;
-    }, [integrator, sdkConfig]);
+    }, [fee, integrator, routePriority, sdkConfig, slippage]);
     return _jsx(SDKContext.Provider, Object.assign({ value: value }, { children: children }));
 };

package/providers/SwapFormProvider/FormUpdater.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import type { SwapFormValues } from '../SwapFormProvider';
+export declare const FormUpdater: React.FC<{
+    defaultValues: Partial<SwapFormValues>;
+}>;

package/providers/{WalletProvider/WalletFormUpdate.js → SwapFormProvider/FormUpdater.js}

@@ -1,47 +1,35 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
-import { useEffect } from 'react';
+import { useEffect, useRef } from 'react';
 import { useFormContext } from 'react-hook-form';
-import { useChainOrderStore } from '../../stores';
 import { SwapFormKey } from '../SwapFormProvider';
+import { useWallet } from '../WalletProvider';
 import { isItemAllowed, useWidgetConfig } from '../WidgetProvider';
-export const WalletFormUpdate = ({ account, }) => {
+export const FormUpdater = ({ defaultValues }) => {
     const { fromChain, toChain, chains, disabledChains } = useWidgetConfig();
-    const { setValue, getValues, getFieldState, 
+    const { account } = useWallet();
+    const { setValue, getValues, getFieldState, resetField, 
     // Subscription to touchedFields is required by getFieldState to work
     formState: { touchedFields }, } = useFormContext();
+    const previousDefaultValues = useRef(defaultValues);
     // Set wallet chain as default if no chains are provided by config and if they were not changed during widget usage
     useEffect(() => {
         const chainAllowed = account.chainId && isItemAllowed(account.chainId, chains, disabledChains);
         if (!account.isActive || !account.chainId || !chainAllowed) {
             return;
         }
-        const [fromChainValue, toChainValue] = getValues([
-            SwapFormKey.FromChain,
-            SwapFormKey.ToChain,
-        ]);
         const { isTouched: isFromChainTouched } = getFieldState(SwapFormKey.FromChain);
         const { isTouched: isToChainTouched } = getFieldState(SwapFormKey.ToChain);
         const { isTouched: isFromTokenTouched } = getFieldState(SwapFormKey.FromToken);
         const { isTouched: isToTokenTouched } = getFieldState(SwapFormKey.ToToken);
         const { isTouched: isFromAmountTouched } = getFieldState(SwapFormKey.FromAmount);
-        const { chainOrder, setChain } = useChainOrderStore.getState();
-        // Users can switch chains in the wallet.
-        // If we don't have a chain in the ordered chain list we should add it.
-        setChain(account.chainId);
-        // If we ran out of slots for the ordered chain list and the current chain isn't there
-        // we should make a recently switched chain as current.
-        const hasFromChainInOrderedList = chainOrder.includes(fromChainValue);
-        const hasToChainInOrderedList = chainOrder.includes(toChainValue);
-        if ((!fromChain && !isFromChainTouched && !isFromTokenTouched) ||
-            !hasFromChainInOrderedList) {
+        if (!fromChain && !isFromChainTouched && !isFromTokenTouched) {
             setValue(SwapFormKey.FromChain, account.chainId);
             setValue(SwapFormKey.FromToken, '');
             if (isFromAmountTouched) {
                 setValue(SwapFormKey.FromAmount, '');
             }
         }
-        if ((!toChain && !isToChainTouched && !isToTokenTouched) ||
-            !hasToChainInOrderedList) {
+        if (!toChain && !isToChainTouched && !isToTokenTouched) {
             setValue(SwapFormKey.ToChain, account.chainId);
             setValue(SwapFormKey.ToToken, '');
         }
@@ -56,5 +44,20 @@ export const WalletFormUpdate = ({ account, }) => {
         setValue,
         toChain,
     ]);
+    useEffect(() => {
+        Object.keys(defaultValues).forEach((key) => {
+            if (previousDefaultValues.current[key] !== defaultValues[key]) {
+                const value = defaultValues[key] ||
+                    // set the chain to the current user one if it is not present in the config
+                    (key === SwapFormKey.FromChain || key === SwapFormKey.ToChain
+                        ? account.chainId || ''
+                        : '');
+                setValue(key, value);
+                resetField(key, { defaultValue: value });
+            }
+        });
+        previousDefaultValues.current = defaultValues;
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [defaultValues, getValues, resetField, setValue]);
     return null;
 };

package/providers/SwapFormProvider/SwapFormProvider.js

@@ -1,6 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from 'react';
 import { FormProvider, useForm } from 'react-hook-form';
 import { useWidgetConfig } from '../WidgetProvider';
+import { FormUpdater } from './FormUpdater';
 import { SwapFormKey } from './types';
 import { URLSearchParamsBuilder } from './URLSearchParamsBuilder';
 export const formDefaultValues = {
@@ -10,13 +12,16 @@ export const formDefaultValues = {
 };
 export const SwapFormProvider = ({ children, }) => {
     const { fromChain, fromToken, fromAmount, toChain, toToken, toAddress, buildSwapUrl, } = useWidgetConfig();
+    const defaultValues = useMemo(() => (Object.assign(Object.assign({}, formDefaultValues), { fromChain,
+        fromToken, fromAmount: (typeof fromAmount === 'number'
+            ? fromAmount === null || fromAmount === void 0 ? void 0 : fromAmount.toPrecision()
+            : fromAmount) || formDefaultValues.fromAmount, toChain,
+        toToken,
+        toAddress })), [fromAmount, fromChain, fromToken, toAddress, toChain, toToken]);
     const methods = useForm({
-        defaultValues: Object.assign(Object.assign({}, formDefaultValues), { fromChain,
-            fromToken, fromAmount: (typeof fromAmount === 'number'
-                ? fromAmount === null || fromAmount === void 0 ? void 0 : fromAmount.toPrecision()
-                : fromAmount) || formDefaultValues.fromAmount, toChain,
-            toToken,
-            toAddress }),
+        // TODO: revisit after RHF release values support
+        // values,
+        defaultValues,
     });
-    return (_jsxs(FormProvider, Object.assign({}, methods, { children: [buildSwapUrl ? _jsx(URLSearchParamsBuilder, {}) : null, children] })));
+    return (_jsxs(FormProvider, Object.assign({}, methods, { children: [_jsx(FormUpdater, { defaultValues: defaultValues }), buildSwapUrl ? _jsx(URLSearchParamsBuilder, {}) : null, children] })));
 };

package/providers/SwapFormProvider/types.d.ts

@@ -7,7 +7,7 @@ export declare enum SwapFormKey {
     ToToken = "toToken",
     TokenSearchFilter = "tokenSearchFilter"
 }
-export declare type SwapFormValues = {
+export type SwapFormValues = {
     [SwapFormKey.FromAmount]: string;
     [SwapFormKey.FromChain]: number;
     [SwapFormKey.FromToken]: string;
@@ -16,7 +16,7 @@ export declare type SwapFormValues = {
     [SwapFormKey.ToToken]: string;
     [SwapFormKey.TokenSearchFilter]: string;
 };
-export declare type SwapFormType = 'from' | 'to';
+export type SwapFormType = 'from' | 'to';
 export declare const SwapFormKeyHelper: {
     getChainKey: (formType: SwapFormType) => 'fromChain' | 'toChain';
     getTokenKey: (formType: SwapFormType) => 'fromToken' | 'toToken';

package/providers/WalletProvider/WalletProvider.d.ts

@@ -1,4 +1,4 @@
-import type { Signer } from 'ethers';
+import type { Signer } from '@ethersproject/abstract-signer';
 import type { FC, PropsWithChildren } from 'react';
 import type { WalletContextProps } from './types';
 export declare const useWallet: () => WalletContextProps;

package/providers/WalletProvider/WalletProvider.js

@@ -7,11 +7,10 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { addChain as walletAddChain, switchChain as walletSwitchChain, switchChainAndAddToken, useLiFiWalletManagement, } from '@lifi/wallet-management';
 import { createContext, useCallback, useContext, useEffect, useMemo, useState, } from 'react';
 import { useWidgetConfig } from '../WidgetProvider';
-import { WalletFormUpdate } from './WalletFormUpdate';
 const stub = () => {
     throw new Error('You forgot to wrap your component in <WalletProvider>.');
 };
@@ -91,7 +90,7 @@ export const WalletProvider = ({ children }) => {
         account,
         provider,
     }), [account, addChain, addToken, connect, disconnect, provider, switchChain]);
-    return (_jsxs(WalletContext.Provider, Object.assign({ value: value }, { children: [_jsx(WalletFormUpdate, { account: account }), children] })));
+    return (_jsx(WalletContext.Provider, Object.assign({ value: value }, { children: children })));
 };
 export const extractAccountFromSigner = (signer) => __awaiter(void 0, void 0, void 0, function* () {
     try {

package/providers/WalletProvider/types.d.ts

@@ -1,10 +1,10 @@
-import type { Web3Provider } from '@ethersproject/providers';
+import type { Signer } from '@ethersproject/abstract-signer';
+import type { Provider } from '@ethersproject/providers';
 import type { Token } from '@lifi/sdk';
 import type { Wallet } from '@lifi/wallet-management';
-import type { Signer } from 'ethers';
 export interface WalletContextProps {
     account: WalletAccount;
-    provider?: Web3Provider;
+    provider?: Provider;
     addChain(chainId: number): Promise<boolean>;
     addToken(chainId: number, token: Token): Promise<void>;
     disconnect(): void;

package/providers/WidgetProvider/WidgetProvider.js

@@ -11,7 +11,8 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { jsx as _jsx } from "react/jsx-runtime";
 import { getChainByKey } from '@lifi/sdk';
-import { createContext, useContext, useMemo } from 'react';
+import { createContext, useContext, useEffect, useMemo } from 'react';
+import { setDefaultSettings } from '../../stores';
 import { formatAmount } from '../../utils';
 const initialContext = {
     disabledChains: [],
@@ -55,5 +56,8 @@ export const WidgetProvider = (_a) => {
             return config;
         }
     }, [config, fromAmount, fromChain, fromToken, toChain, toToken]);
+    useEffect(() => {
+        setDefaultSettings(value);
+    }, [value]);
     return (_jsx(WidgetContext.Provider, Object.assign({ value: value }, { children: children })));
 };

package/providers/WidgetProvider/types.d.ts

@@ -1,5 +1,5 @@
 import type { WidgetConfig } from '../../types';
-export declare type WidgetContextProps = WidgetConfig & {
+export type WidgetContextProps = WidgetConfig & {
     fromChain?: number;
     toChain?: number;
 };

package/stores/routes/types.d.ts

@@ -7,7 +7,14 @@ export interface RouteExecutionStore {
     deleteRoute: (routeId: string) => void;
     deleteRoutes: (type: 'completed' | 'active') => void;
 }
-export declare type RouteExecutionStatus = 'error' | 'idle' | 'loading' | 'success' | 'warning';
+export declare enum RouteExecutionStatus {
+    Idle = 0,
+    Pending = 1,
+    Done = 2,
+    Failed = 4,
+    Partial = 8,
+    Refunded = 16
+}
 export interface RouteExecution {
     route: Route;
     status: RouteExecutionStatus;

package/stores/routes/types.js

@@ -1 +1,9 @@
-export {};
+export var RouteExecutionStatus;
+(function (RouteExecutionStatus) {
+    RouteExecutionStatus[RouteExecutionStatus["Idle"] = 0] = "Idle";
+    RouteExecutionStatus[RouteExecutionStatus["Pending"] = 1] = "Pending";
+    RouteExecutionStatus[RouteExecutionStatus["Done"] = 2] = "Done";
+    RouteExecutionStatus[RouteExecutionStatus["Failed"] = 4] = "Failed";
+    RouteExecutionStatus[RouteExecutionStatus["Partial"] = 8] = "Partial";
+    RouteExecutionStatus[RouteExecutionStatus["Refunded"] = 16] = "Refunded";
+})(RouteExecutionStatus || (RouteExecutionStatus = {}));

package/stores/routes/useExecutingRoutesIds.js

@@ -1,9 +1,11 @@
 import shallow from 'zustand/shallow';
+import { RouteExecutionStatus } from './types';
 import { useRouteExecutionStore } from './useRouteExecutionStore';
 export const useExecutingRoutesIds = (address) => {
     return useRouteExecutionStore((state) => Object.values(state.routes)
         .filter((item) => item.route.fromAddress === address &&
-        (item.status === 'loading' || item.status === 'error'))
+        (item.status === RouteExecutionStatus.Pending ||
+            item.status === RouteExecutionStatus.Failed))
         .sort((a, b) => {
         var _a, _b, _c, _d;
         return ((_b = (_a = b === null || b === void 0 ? void 0 : b.route.steps[0].execution) === null || _a === void 0 ? void 0 : _a.process[0].startedAt) !== null && _b !== void 0 ? _b : 0) -

package/stores/routes/useRouteExecutionStore.js

@@ -1,18 +1,20 @@
 import create from 'zustand';
 import { persist } from 'zustand/middleware';
 import { immer } from 'zustand/middleware/immer';
-import { isRouteCompleted, isRouteFailed } from './utils';
+import { hasEnumFlag } from '../../utils';
+import { RouteExecutionStatus } from './types';
+import { isRouteDone, isRouteFailed, isRoutePartiallyDone, isRouteRefunded, } from './utils';
 export const useRouteExecutionStore = create()(persist(immer((set) => ({
     routes: {},
     setExecutableRoute: (route) => set((state) => {
         if (!state.routes[route.id]) {
             // clean previous idle routes that were not executed
             Object.keys(state.routes)
-                .filter((routeId) => { var _a; return ((_a = state.routes[routeId]) === null || _a === void 0 ? void 0 : _a.status) === 'idle'; })
+                .filter((routeId) => { var _a; return ((_a = state.routes[routeId]) === null || _a === void 0 ? void 0 : _a.status) === RouteExecutionStatus.Idle; })
                 .forEach((routeId) => delete state.routes[routeId]);
             state.routes[route.id] = {
                 route,
-                status: 'idle',
+                status: RouteExecutionStatus.Idle,
             };
         }
     }),
@@ -21,22 +23,28 @@ export const useRouteExecutionStore = create()(persist(immer((set) => ({
             state.routes[route.id].route = route;
             const isFailed = isRouteFailed(route);
             if (isFailed) {
-                state.routes[route.id].status = 'error';
+                state.routes[route.id].status = RouteExecutionStatus.Failed;
                 return;
             }
-            const isDone = isRouteCompleted(route);
+            const isDone = isRouteDone(route);
             if (isDone) {
-                state.routes[route.id].status = 'success';
+                state.routes[route.id].status = RouteExecutionStatus.Done;
+                if (isRoutePartiallyDone(route)) {
+                    state.routes[route.id].status |= RouteExecutionStatus.Partial;
+                }
+                else if (isRouteRefunded(route)) {
+                    state.routes[route.id].status |= RouteExecutionStatus.Refunded;
+                }
                 return;
             }
             const isLoading = route.steps.some((step) => step.execution);
             if (isLoading) {
-                state.routes[route.id].status = 'loading';
+                state.routes[route.id].status = RouteExecutionStatus.Pending;
             }
         }
     }),
     restartRoute: (routeId) => set((state) => {
-        state.routes[routeId].status = 'loading';
+        state.routes[routeId].status = RouteExecutionStatus.Pending;
     }),
     deleteRoute: (routeId) => set((state) => {
         if (state.routes[routeId]) {
@@ -46,15 +54,16 @@ export const useRouteExecutionStore = create()(persist(immer((set) => ({
     deleteRoutes: (type) => set((state) => {
         Object.keys(state.routes)
             .filter((routeId) => {
-            var _a, _b;
+            var _a, _b, _c, _d;
             return type === 'completed'
-                ? ((_a = state.routes[routeId]) === null || _a === void 0 ? void 0 : _a.status) === 'success'
-                : ((_b = state.routes[routeId]) === null || _b === void 0 ? void 0 : _b.status) !== 'success';
+                ? hasEnumFlag((_b = (_a = state.routes[routeId]) === null || _a === void 0 ? void 0 : _a.status) !== null && _b !== void 0 ? _b : 0, RouteExecutionStatus.Done)
+                : !hasEnumFlag((_d = (_c = state.routes[routeId]) === null || _c === void 0 ? void 0 : _c.status) !== null && _d !== void 0 ? _d : 0, RouteExecutionStatus.Done);
         })
             .forEach((routeId) => delete state.routes[routeId]);
     }),
 })), {
     name: 'li.fi-widget-routes',
+    version: 1,
     partialize: (state) => ({ routes: state.routes }),
     merge: (persistedState, currentState) => {
         const state = Object.assign(Object.assign({}, currentState), persistedState);
@@ -68,21 +77,21 @@ export const useRouteExecutionStore = create()(persist(immer((set) => ({
                     }
                     state.routes[route.id] = {
                         route,
-                        status: 'idle',
+                        status: RouteExecutionStatus.Idle,
                     };
                     const isFailed = isRouteFailed(route);
                     if (isFailed) {
-                        state.routes[route.id].status = 'error';
+                        state.routes[route.id].status = RouteExecutionStatus.Failed;
                         return;
                     }
-                    const isDone = isRouteCompleted(route);
+                    const isDone = isRouteDone(route);
                     if (isDone) {
-                        state.routes[route.id].status = 'success';
+                        state.routes[route.id].status = RouteExecutionStatus.Done;
                         return;
                     }
                     const isLoading = route.steps.some((step) => step.execution);
                     if (isLoading) {
-                        state.routes[route.id].status = 'loading';
+                        state.routes[route.id].status = RouteExecutionStatus.Pending;
                     }
                 });
             }
@@ -93,4 +102,30 @@ export const useRouteExecutionStore = create()(persist(immer((set) => ({
         }
         return state;
     },
+    migrate: (persistedState, version) => {
+        if (version === 0) {
+            Object.values(persistedState.routes).forEach((route) => {
+                if (route) {
+                    switch (route.status) {
+                        case 'idle':
+                            route.status = RouteExecutionStatus.Idle;
+                            break;
+                        case 'loading':
+                            route.status = RouteExecutionStatus.Pending;
+                            break;
+                        case 'success':
+                        case 'warning':
+                            route.status = RouteExecutionStatus.Done;
+                            break;
+                        case 'error':
+                            route.status = RouteExecutionStatus.Failed;
+                            break;
+                        default:
+                            break;
+                    }
+                }
+            });
+        }
+        return persistedState;
+    },
 }));

package/stores/routes/useSwapHistory.js

@@ -1,8 +1,11 @@
 import shallow from 'zustand/shallow';
+import { hasEnumFlag } from '../../utils';
+import { RouteExecutionStatus } from './types';
 import { useRouteExecutionStore } from './useRouteExecutionStore';
 export const useSwapHistory = (address) => {
     return useRouteExecutionStore((state) => Object.values(state.routes)
-        .filter((item) => (item === null || item === void 0 ? void 0 : item.route.fromAddress) === address && (item === null || item === void 0 ? void 0 : item.status) === 'success')
+        .filter((item) => (item === null || item === void 0 ? void 0 : item.route.fromAddress) === address &&
+        hasEnumFlag(item.status, RouteExecutionStatus.Done))
         .sort((a, b) => {
         var _a, _b, _c, _d;
         return ((_b = (_a = b === null || b === void 0 ? void 0 : b.route.steps[0].execution) === null || _a === void 0 ? void 0 : _a.process[0].startedAt) !== null && _b !== void 0 ? _b : 0) -

package/stores/routes/utils.d.ts

@@ -1,5 +1,7 @@
 import type { Process, Route } from '@lifi/sdk';
-export declare const isRouteCompleted: (route: Route) => boolean;
+export declare const isRouteDone: (route: Route) => boolean;
+export declare const isRoutePartiallyDone: (route: Route) => boolean;
+export declare const isRouteRefunded: (route: Route) => boolean;
 export declare const isRouteFailed: (route: Route) => boolean;
 export declare const isRouteActive: (route?: Route) => boolean;
 export declare const getUpdatedProcess: (currentRoute: Route, updatedRoute: Route) => Process | undefined;

package/stores/routes/utils.js

@@ -1,7 +1,13 @@
 import microdiff from 'microdiff';
-export const isRouteCompleted = (route) => {
+export const isRouteDone = (route) => {
     return route.steps.every((step) => { var _a; return ((_a = step.execution) === null || _a === void 0 ? void 0 : _a.status) === 'DONE'; });
 };
+export const isRoutePartiallyDone = (route) => {
+    return route.steps.some((step) => { var _a; return (_a = step.execution) === null || _a === void 0 ? void 0 : _a.process.some((process) => process.substatus === 'PARTIAL'); });
+};
+export const isRouteRefunded = (route) => {
+    return route.steps.some((step) => { var _a; return (_a = step.execution) === null || _a === void 0 ? void 0 : _a.process.some((process) => process.substatus === 'REFUNDED'); });
+};
 export const isRouteFailed = (route) => {
     return route.steps.some((step) => { var _a; return ((_a = step.execution) === null || _a === void 0 ? void 0 : _a.status) === 'FAILED'; });
 };
@@ -9,7 +15,7 @@ export const isRouteActive = (route) => {
     if (!route) {
         return false;
     }
-    const isDone = isRouteCompleted(route);
+    const isDone = isRouteDone(route);
     const isFailed = isRouteFailed(route);
     const alreadyStarted = route.steps.some((step) => step.execution);
     return !isDone && !isFailed && alreadyStarted;

package/stores/settings/types.d.ts

@@ -1,17 +1,17 @@
 import type { Bridge, Exchange, Order } from '@lifi/sdk';
 import type { Appearance } from '../../types';
-export declare type ValueSetter<S> = <K extends keyof S>(key: K, value: S[Extract<K, string>]) => void;
-export declare type ValuesSetter<S> = <K extends keyof S>(values: Record<K, S[Extract<K, string>]>) => void;
-export declare type SettingsToolType = 'Bridges' | 'Exchanges';
+export type ValueSetter<S> = <K extends keyof S>(key: K, value: S[Extract<K, string>]) => void;
+export type ValuesSetter<S> = <K extends keyof S>(values: Record<K, S[Extract<K, string>]>) => void;
+export type SettingsToolType = 'Bridges' | 'Exchanges';
 export declare const SettingsToolTypes: SettingsToolType[];
 export interface SettingsState {
     advancedPreferences: boolean;
     appearance: Appearance;
-    gasPrice: string;
+    gasPrice?: string;
     language?: string;
-    routePriority: Order;
+    routePriority?: Order;
     showDestinationWallet: boolean;
-    slippage: string;
+    slippage?: string;
     enabledBridges?: string[];
     _enabledBridges?: Record<string, boolean>;
     enabledExchanges?: string[];

package/stores/settings/useSettingsStore.d.ts

@@ -1,5 +1,7 @@
+import type { WidgetConfig } from '../../types';
 import type { SettingsState, SettingsStore } from './types';
-export declare const defaultSettings: Omit<SettingsState, 'enabledBridges' | 'enabledExchanges' | '_enabledBridges' | '_enabledExchanges'>;
+export declare const defaultConfigurableSettings: Pick<SettingsState, 'routePriority' | 'slippage'>;
+export declare const defaultSettings: SettingsState;
 export declare const useSettingsStore: import("zustand").UseBoundStore<Omit<Omit<import("zustand").StoreApi<SettingsStore>, "persist"> & {
     persist: {
         setOptions: (options: Partial<import("zustand/middleware").PersistOptions<SettingsStore, {
@@ -8,12 +10,12 @@ export declare const useSettingsStore: import("zustand").UseBoundStore<Omit<Omit
             initializeTools(toolType: import("./types").SettingsToolType, tools: string[]): void;
             setTools(toolType: import("./types").SettingsToolType, tools: string[], availableTools: (Pick<import("@lifi/types").Bridge, "key"> | Pick<import("@lifi/types").Exchange, "key">)[]): void;
             advancedPreferences: boolean;
-            appearance: import("../..").Appearance;
-            gasPrice: string;
+            appearance: import("../../types").Appearance;
+            gasPrice?: string | undefined;
             language?: string | undefined;
-            routePriority: "RECOMMENDED" | "FASTEST" | "CHEAPEST" | "SAFEST";
+            routePriority?: "RECOMMENDED" | "FASTEST" | "CHEAPEST" | "SAFEST" | undefined;
             showDestinationWallet: boolean;
-            slippage: string;
+            slippage?: string | undefined;
             _enabledBridges?: Record<string, boolean> | undefined;
             _enabledExchanges?: Record<string, boolean> | undefined;
         }>>) => void;
@@ -28,12 +30,12 @@ export declare const useSettingsStore: import("zustand").UseBoundStore<Omit<Omit
             initializeTools(toolType: import("./types").SettingsToolType, tools: string[]): void;
             setTools(toolType: import("./types").SettingsToolType, tools: string[], availableTools: (Pick<import("@lifi/types").Bridge, "key"> | Pick<import("@lifi/types").Exchange, "key">)[]): void;
             advancedPreferences: boolean;
-            appearance: import("../..").Appearance;
-            gasPrice: string;
+            appearance: import("../../types").Appearance;
+            gasPrice?: string | undefined;
             language?: string | undefined;
-            routePriority: "RECOMMENDED" | "FASTEST" | "CHEAPEST" | "SAFEST";
+            routePriority?: "RECOMMENDED" | "FASTEST" | "CHEAPEST" | "SAFEST" | undefined;
             showDestinationWallet: boolean;
-            slippage: string;
+            slippage?: string | undefined;
             _enabledBridges?: Record<string, boolean> | undefined;
             _enabledExchanges?: Record<string, boolean> | undefined;
         }>>;
@@ -41,3 +43,4 @@ export declare const useSettingsStore: import("zustand").UseBoundStore<Omit<Omit
 }, "setState"> & {
     setState(nextStateOrUpdater: SettingsStore | Partial<SettingsStore> | ((state: import("immer/dist/internal").WritableDraft<SettingsStore>) => void), shouldReplace?: boolean | undefined): void;
 }>;
+export declare const setDefaultSettings: (config?: WidgetConfig) => void;

package/stores/settings/useSettingsStore.js

@@ -14,11 +14,13 @@ import create from 'zustand';
 import { persist } from 'zustand/middleware';
 import { immer } from 'zustand/middleware/immer';
 import { SettingsToolTypes } from './types';
+export const defaultConfigurableSettings = {
+    routePriority: 'RECOMMENDED',
+    slippage: '0.5',
+};
 export const defaultSettings = {
     appearance: 'auto',
     gasPrice: 'normal',
-    routePriority: 'RECOMMENDED',
-    slippage: '0.5',
     advancedPreferences: false,
     showDestinationWallet: true,
 };
@@ -78,11 +80,25 @@ export const useSettingsStore = create()(persist(immer((set) => (Object.assign(O
     },
     migrate: (persistedState, version) => {
         if (version === 0 && persistedState.appearance === 'system') {
-            persistedState.appearance = 'auto';
+            persistedState.appearance = defaultSettings.appearance;
         }
         if (version === 1) {
-            persistedState.slippage = '0.5';
+            persistedState.slippage = defaultConfigurableSettings.slippage;
         }
         return persistedState;
     },
 }));
+export const setDefaultSettings = (config) => {
+    var _a, _b, _c, _d, _e;
+    const { slippage, routePriority, setValue } = useSettingsStore.getState();
+    const defaultSlippage = ((config === null || config === void 0 ? void 0 : config.slippage) ||
+        ((_b = (_a = config === null || config === void 0 ? void 0 : config.sdkConfig) === null || _a === void 0 ? void 0 : _a.defaultRouteOptions) === null || _b === void 0 ? void 0 : _b.slippage) ||
+        0) * 100;
+    const defaultRoutePriority = (config === null || config === void 0 ? void 0 : config.routePriority) || ((_d = (_c = config === null || config === void 0 ? void 0 : config.sdkConfig) === null || _c === void 0 ? void 0 : _c.defaultRouteOptions) === null || _d === void 0 ? void 0 : _d.order);
+    if (!slippage) {
+        setValue('slippage', (_e = (defaultSlippage || defaultConfigurableSettings.slippage)) === null || _e === void 0 ? void 0 : _e.toString());
+    }
+    if (!routePriority) {
+        setValue('routePriority', defaultRoutePriority || defaultConfigurableSettings.routePriority);
+    }
+};