@lifi/widget 1.1.3 → 1.2.0

package/providers/SwapFormProvider/types.d.ts

@@ -1,35 +1,16 @@
-import { Order } from '@lifinance/sdk';
 export declare enum SwapFormKey {
-    BridgePrioritization = "bridgePrioritization",
-    EnabledBridges = "enabledBridges",
-    EnabledExchanges = "enabledExchanges",
     FromAmount = "fromAmount",
     FromChain = "fromChain",
     FromToken = "fromToken",
-    GasPrice = "gasPrice",
-    IsAddressConfirmed = "isAddressConfirmed",
-    IsSendToRecipient = "isSendToRecipient",
-    RecipientsAddress = "recipientsAddress",
-    RoutePriority = "routePriority",
     SearchTokensFilter = "searchTokensFilter",
-    Slippage = "slippage",
     ToChain = "toChain",
     ToToken = "toToken"
 }
 export declare type SwapFormValues = {
-    [SwapFormKey.BridgePrioritization]: string;
-    [SwapFormKey.EnabledBridges]: string[];
-    [SwapFormKey.EnabledExchanges]: string[];
     [SwapFormKey.FromAmount]: string;
     [SwapFormKey.FromChain]: number;
     [SwapFormKey.FromToken]: string;
-    [SwapFormKey.GasPrice]: string;
-    [SwapFormKey.IsAddressConfirmed]: boolean;
-    [SwapFormKey.IsSendToRecipient]: boolean;
-    [SwapFormKey.RecipientsAddress]: string;
-    [SwapFormKey.RoutePriority]: Order;
     [SwapFormKey.SearchTokensFilter]: string;
-    [SwapFormKey.Slippage]: string;
     [SwapFormKey.ToChain]: number;
     [SwapFormKey.ToToken]: string;
 };

package/providers/SwapFormProvider/types.js

@@ -1,18 +1,9 @@
 export var SwapFormKey;
 (function (SwapFormKey) {
-    SwapFormKey["BridgePrioritization"] = "bridgePrioritization";
-    SwapFormKey["EnabledBridges"] = "enabledBridges";
-    SwapFormKey["EnabledExchanges"] = "enabledExchanges";
     SwapFormKey["FromAmount"] = "fromAmount";
     SwapFormKey["FromChain"] = "fromChain";
     SwapFormKey["FromToken"] = "fromToken";
-    SwapFormKey["GasPrice"] = "gasPrice";
-    SwapFormKey["IsAddressConfirmed"] = "isAddressConfirmed";
-    SwapFormKey["IsSendToRecipient"] = "isSendToRecipient";
-    SwapFormKey["RecipientsAddress"] = "recipientsAddress";
-    SwapFormKey["RoutePriority"] = "routePriority";
     SwapFormKey["SearchTokensFilter"] = "searchTokensFilter";
-    SwapFormKey["Slippage"] = "slippage";
     SwapFormKey["ToChain"] = "toChain";
     SwapFormKey["ToToken"] = "toToken";
 })(SwapFormKey || (SwapFormKey = {}));

package/providers/ThemeProvider/ThemeProvider.js

@@ -3,7 +3,7 @@ import { useMediaQuery } from '@mui/material';
 import { ThemeProvider as MuiThemeProvider } from '@mui/material/styles';
 import { useEffect, useMemo, useState } from 'react';
 import { createTheme } from '../../config/theme';
-import { useAppearance } from '../../hooks';
+import { useAppearance } from '../../stores';
 import { useWidgetConfig } from '../WidgetProvider';
 export const ThemeProvider = ({ children, }) => {
     const { appearance: colorSchemeMode, theme: themeConfig } = useWidgetConfig();

package/providers/WidgetProvider/types.d.ts

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

package/stores/index.d.ts

@@ -0,0 +1,2 @@
+export * from './route';
+export * from './settings';

package/stores/index.js

@@ -0,0 +1,2 @@
+export * from './route';
+export * from './settings';

package/stores/route/index.d.ts

@@ -0,0 +1,5 @@
+export * from './types';
+export * from './useCurrentRoute';
+export * from './useExecutingRoutes';
+export * from './useRouteStore';
+export * from './useSetExecutableRoute';

package/stores/route/index.js

@@ -0,0 +1,5 @@
+export * from './types';
+export * from './useCurrentRoute';
+export * from './useExecutingRoutes';
+export * from './useRouteStore';
+export * from './useSetExecutableRoute';

package/stores/route/useCurrentRoute.d.ts

@@ -0,0 +1,2 @@
+import { Route } from '@lifinance/sdk';
+export declare const useCurrentRoute: () => [Route | undefined, (route?: Route) => void];

package/stores/route/useCurrentRoute.js

@@ -0,0 +1,5 @@
+import shallow from 'zustand/shallow';
+import { useRouteStore } from './useRouteStore';
+export const useCurrentRoute = () => {
+    return useRouteStore((state) => [state.currentRoute, state.setCurrentRoute], shallow);
+};

package/stores/route/useExecutingRoutes.d.ts

@@ -0,0 +1 @@
+export declare const useExecutingRoutes: () => import("./types").RouteExecution[];

package/stores/route/useExecutingRoutes.js

@@ -0,0 +1,4 @@
+import { useRouteStore } from './useRouteStore';
+export const useExecutingRoutes = () => {
+    return useRouteStore((state) => Object.values(state.routes).filter((route) => route.status === 'loading' || route.status === 'error'));
+};

package/{hooks/useRouteExecution → stores/route}/useRouteStore.d.ts

@@ -1,6 +1,5 @@
-import { Route } from '@lifinance/sdk';
 import type { RouteExecutionStore } from './types';
-export declare const useRouteStore: import("zustand").UseBoundStore<Omit<import("zustand").StoreApi<RouteExecutionStore>, "persist"> & {
+export declare const useRouteStore: import("zustand").UseBoundStore<Omit<Omit<import("zustand").StoreApi<RouteExecutionStore>, "persist"> & {
     persist: {
         setOptions: (options: Partial<import("zustand/middleware").PersistOptions<RouteExecutionStore, {
             routes: Record<string, import("./types").RouteExecution>;
@@ -11,7 +10,6 @@ export declare const useRouteStore: import("zustand").UseBoundStore<Omit<import(
         onHydrate: (fn: (state: RouteExecutionStore) => void) => () => void;
         onFinishHydration: (fn: (state: RouteExecutionStore) => void) => () => void;
     };
+}, "setState"> & {
+    setState(nextStateOrUpdater: RouteExecutionStore | Partial<RouteExecutionStore> | ((state: import("immer/dist/internal").WritableDraft<RouteExecutionStore>) => void), shouldReplace?: boolean | undefined): void;
 }>;
-export declare const useSetExecutableRoute: () => (route: Route) => void;
-export declare const useExecutingRoutes: () => import("./types").RouteExecution[];
-export declare const useCurrentRoute: () => [Route | undefined, (route?: Route) => void];

package/{hooks/useRouteExecution → stores/route}/useRouteStore.js

@@ -1,13 +1,12 @@
-import produce from 'immer';
 import create from 'zustand';
 import { persist } from 'zustand/middleware';
-import shallow from 'zustand/shallow';
-export const useRouteStore = create()(persist((set) => ({
+import { immer } from 'zustand/middleware/immer';
+export const useRouteStore = create()(persist(immer((set) => ({
     routes: {},
-    setCurrentRoute: (route) => set(produce((state) => {
+    setCurrentRoute: (route) => set((state) => {
         state.currentRoute = route;
-    })),
-    setExecutableRoute: (route) => set(produce((state) => {
+    }),
+    setExecutableRoute: (route) => set((state) => {
         if (!state.routes[route.id]) {
             // clean previous idle routes that were not executed
             Object.keys(state.routes)
@@ -19,8 +18,8 @@ export const useRouteStore = create()(persist((set) => ({
             };
             state.currentRoute = route;
         }
-    })),
-    updateRoute: (route) => set(produce((state) => {
+    }),
+    updateRoute: (route) => set((state) => {
         state.routes[route.id].route = route;
         const isFailed = route.steps.some((step) => { var _a; return ((_a = step.execution) === null || _a === void 0 ? void 0 : _a.status) === 'FAILED'; });
         if (isFailed) {
@@ -36,8 +35,8 @@ export const useRouteStore = create()(persist((set) => ({
         if (isLoading) {
             state.routes[route.id].status = 'loading';
         }
-    })),
-    restartRoute: (routeId) => set(produce((state) => {
+    }),
+    restartRoute: (routeId) => set((state) => {
         state.routes[routeId].route.steps.forEach((step) => {
             var _a, _b;
             const stepHasFailed = ((_a = step.execution) === null || _a === void 0 ? void 0 : _a.status) === 'FAILED';
@@ -50,22 +49,13 @@ export const useRouteStore = create()(persist((set) => ({
             }
         });
         state.routes[routeId].status = 'loading';
-    })),
-    removeRoute: (routeId) => set(produce((state) => {
-        if (state.routes[routeId]) {
-            delete state.routes[routeId];
-        }
-    })),
-}), {
+    }),
+    removeRoute: (routeId) => set((state) => {
+        // TODO: handle immediate removal
+        // delete state.routes[routeId];
+        state.routes[routeId].status = 'idle';
+    }),
+})), {
     name: 'li.fi-widget-executable-routes',
     partialize: (state) => ({ routes: state.routes }),
 }));
-export const useSetExecutableRoute = () => {
-    return useRouteStore((state) => state.setExecutableRoute);
-};
-export const useExecutingRoutes = () => {
-    return useRouteStore((state) => Object.values(state.routes).filter((route) => route.status === 'loading' || route.status === 'error'));
-};
-export const useCurrentRoute = () => {
-    return useRouteStore((state) => [state.currentRoute, state.setCurrentRoute], shallow);
-};

package/stores/route/useSetExecutableRoute.d.ts

@@ -0,0 +1 @@
+export declare const useSetExecutableRoute: () => (route: import("@lifinance/types").Route) => void;

package/stores/route/useSetExecutableRoute.js

@@ -0,0 +1,4 @@
+import { useRouteStore } from './useRouteStore';
+export const useSetExecutableRoute = () => {
+    return useRouteStore((state) => state.setExecutableRoute);
+};

package/stores/settings/index.d.ts

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

package/stores/settings/index.js

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

package/stores/settings/types.d.ts

@@ -0,0 +1,23 @@
+import { Bridge, Exchange, Order } from '@lifinance/sdk';
+import { 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 declare const SettingsToolTypes: SettingsToolType[];
+export interface SettingsState {
+    advancedPreferences: boolean;
+    appearance: Appearance;
+    routePriority: Order;
+    slippage: string;
+    gasPrice: string;
+    enabledBridges?: string[];
+    _enabledBridges?: Record<string, boolean>;
+    enabledExchanges?: string[];
+    _enabledExchanges?: Record<string, boolean>;
+}
+export interface SettingsStore extends SettingsState {
+    setValue: ValueSetter<SettingsState>;
+    setValues: ValuesSetter<SettingsState>;
+    initializeTools(toolType: SettingsToolType, tools: string[]): void;
+    setTools(toolType: SettingsToolType, tools: string[], availableTools: (Pick<Bridge, 'key'> | Pick<Exchange, 'key'>)[]): void;
+}

package/stores/settings/types.js

@@ -0,0 +1 @@
+export const SettingsToolTypes = ['Bridges', 'Exchanges'];

package/stores/settings/useAppearance.d.ts

@@ -0,0 +1,2 @@
+import { Appearance } from '../../types';
+export declare const useAppearance: () => [Appearance, (appearance: Appearance) => void];

package/stores/settings/useAppearance.js

@@ -0,0 +1,7 @@
+import shallow from 'zustand/shallow';
+import { useSettingsStore } from './useSettingsStore';
+export const useAppearance = () => {
+    const [appearance, setValue] = useSettingsStore((state) => [state.appearance, state.setValue], shallow);
+    const setAppearance = (appearance) => setValue('appearance', appearance);
+    return [appearance, setAppearance];
+};

package/stores/settings/useSetSettings.d.ts

@@ -0,0 +1,5 @@
+import { SettingsState, ValueSetter, ValuesSetter } from './types';
+export declare const useSetSettings: () => [
+    ValueSetter<SettingsState>,
+    ValuesSetter<SettingsState>
+];

package/stores/settings/useSetSettings.js

@@ -0,0 +1,5 @@
+import shallow from 'zustand/shallow';
+import { useSettingsStore } from './useSettingsStore';
+export const useSetSettings = () => {
+    return useSettingsStore((state) => [state.setValue, state.setValues], shallow);
+};

package/stores/settings/useSettings.d.ts

@@ -0,0 +1,2 @@
+import { SettingsState } from '.';
+export declare const useSettings: <K extends keyof SettingsState>(keys: K[]) => Pick<SettingsState, K>;

package/stores/settings/useSettings.js

@@ -0,0 +1,8 @@
+import shallow from 'zustand/shallow';
+import { useSettingsStore } from './useSettingsStore';
+export const useSettings = (keys) => {
+    return useSettingsStore((state) => keys.reduce((values, key) => {
+        values[key] = state[key];
+        return values;
+    }, {}), shallow);
+};

package/stores/settings/useSettingsStore.d.ts

@@ -0,0 +1,25 @@
+import { SettingsState, SettingsStore } from './types';
+export declare const useSettingsStore: import("zustand").UseBoundStore<Omit<Omit<import("zustand").StoreApi<SettingsStore>, "persist"> & {
+    persist: {
+        setOptions: (options: Partial<import("zustand/middleware").PersistOptions<SettingsStore, {
+            setValue: import("./types").ValueSetter<SettingsState>;
+            setValues: import("./types").ValuesSetter<SettingsState>;
+            initializeTools(toolType: import("./types").SettingsToolType, tools: string[]): void;
+            setTools(toolType: import("./types").SettingsToolType, tools: string[], availableTools: (Pick<import("@lifinance/types").Bridge, "key"> | Pick<import("@lifinance/types").Exchange, "key">)[]): void;
+            advancedPreferences: boolean;
+            appearance: import("../..").Appearance;
+            routePriority: "RECOMMENDED" | "FASTEST" | "CHEAPEST" | "SAFEST";
+            slippage: string;
+            gasPrice: string;
+            _enabledBridges?: Record<string, boolean> | undefined;
+            _enabledExchanges?: Record<string, boolean> | undefined;
+        }>>) => void;
+        clearStorage: () => void;
+        rehydrate: () => Promise<void>;
+        hasHydrated: () => boolean;
+        onHydrate: (fn: (state: SettingsStore) => void) => () => void;
+        onFinishHydration: (fn: (state: SettingsStore) => void) => () => void;
+    };
+}, "setState"> & {
+    setState(nextStateOrUpdater: SettingsStore | Partial<SettingsStore> | ((state: import("immer/dist/internal").WritableDraft<SettingsStore>) => void), shouldReplace?: boolean | undefined): void;
+}>;

package/stores/settings/useSettingsStore.js

@@ -0,0 +1,84 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+/* eslint-disable no-underscore-dangle */
+import create from 'zustand';
+import { persist } from 'zustand/middleware';
+import { immer } from 'zustand/middleware/immer';
+import { SettingsToolTypes } from './types';
+export const useSettingsStore = create()(persist(immer((set) => ({
+    advancedPreferences: false,
+    appearance: 'auto',
+    gasPrice: 'normal',
+    routePriority: 'RECOMMENDED',
+    slippage: '3',
+    setValue: (key, value) => set((state) => {
+        state[key] = value;
+    }),
+    setValues: (values) => set((state) => {
+        for (const key in values) {
+            if (Object.prototype.hasOwnProperty.call(state, key)) {
+                state[key] = values[key];
+            }
+        }
+    }),
+    initializeTools: (toolType, tools) => set((state) => {
+        if (!tools.length) {
+            return;
+        }
+        if (state[`_enabled${toolType}`]) {
+            state[`_enabled${toolType}`] = tools
+                .filter((tool) => !Object.prototype.hasOwnProperty.call(state._enabledBridges, tool))
+                .reduce((values, tool) => {
+                values[tool] = true;
+                return values;
+            }, state[`_enabled${toolType}`]);
+        }
+        else {
+            state[`_enabled${toolType}`] = tools.reduce((values, tool) => {
+                values[tool] = true;
+                return values;
+            }, {});
+        }
+        state[`enabled${toolType}`] = Object.entries(state[`_enabled${toolType}`])
+            .filter(([_, value]) => value)
+            .map(([key]) => key);
+    }),
+    setTools: (toolType, tools, availableTools) => set((state) => {
+        state[`enabled${toolType}`] = tools;
+        state[`_enabled${toolType}`] = availableTools.reduce((values, tool) => {
+            values[tool.key] = tools.includes(tool.key);
+            return values;
+        }, {});
+    }),
+})), {
+    name: 'li.fi-widget-settings',
+    version: 1,
+    partialize: (state) => {
+        const { enabledBridges, enabledExchanges } = state, partializedState = __rest(state, ["enabledBridges", "enabledExchanges"]);
+        return partializedState;
+    },
+    merge: (persistedState, currentState) => {
+        const state = Object.assign(Object.assign({}, currentState), persistedState);
+        SettingsToolTypes.forEach((toolType) => {
+            state[`enabled${toolType}`] = Object.entries(persistedState[`_enabled${toolType}`])
+                .filter(([_, value]) => value)
+                .map(([key]) => key);
+        });
+        return state;
+    },
+    migrate: (persistedState, version) => {
+        if (version === 0 && persistedState.appearance === 'system') {
+            persistedState.appearance = 'auto';
+        }
+        return persistedState;
+    },
+}));

package/types/widget.d.ts

@@ -9,33 +9,41 @@ export declare type ThemeConfig = {
     shape?: Shape;
     typography?: TypographyOptions;
 };
-export interface WidgetConfig {
+export interface WidgetWalletCallbacks {
+    connect(): Signer;
+    disconnect(): void;
+    provideSigner(): Signer;
+    switchChain(): Signer;
+    addToken(): void;
+}
+interface WidgetConfigBase {
     fromAmount?: number;
-    fromChain?: `${ChainKey}` | number;
-    fromToken?: string;
-    toChain?: `${ChainKey}` | number;
-    toToken?: string;
     disabledChains?: number[];
-    disableInternalWalletManagement?: boolean;
-    walletCallbacks?: {
-        connect: {
-            (): Signer;
-        };
-        disconnect: {
-            (): void;
-        };
-        provideSigner: {
-            (): Signer;
-        };
-        switchChain: {
-            (): Signer;
-        };
-        addToken: {
-            (): void;
-        };
-    };
     containerStyle?: CSSProperties;
     theme?: ThemeConfig;
     appearance?: Appearance;
     disableAppearance?: boolean;
 }
+declare type WidgetFromTokenConfig = {
+    fromChain: `${ChainKey}` | number;
+    fromToken?: string;
+} | {
+    fromChain?: never;
+    fromToken?: never;
+};
+declare type WidgetToTokenConfig = {
+    toChain: `${ChainKey}` | number;
+    toToken?: string;
+} | {
+    toChain?: never;
+    toToken?: never;
+};
+declare type WidgetWalletManagementConfig = {
+    disableInternalWalletManagement: true;
+    walletCallbacks: WidgetWalletCallbacks;
+} | {
+    disableInternalWalletManagement?: false;
+    walletCallbacks?: never;
+};
+export declare type WidgetConfig = WidgetConfigBase & WidgetFromTokenConfig & WidgetToTokenConfig & WidgetWalletManagementConfig;
+export {};

package/utils/format.d.ts

@@ -4,6 +4,6 @@
  * @returns formatted amount.
  */
 export declare const formatTokenAmount: (amount?: string, decimals?: number) => string;
-export declare const formatSlippage: (slippage?: string, defaultValue?: string, returnInitial?: boolean) => string | number;
+export declare const formatSlippage: (slippage?: string, defaultValue?: string, returnInitial?: boolean) => string;
 export declare const formatAmount: (amount?: string, returnInitial?: boolean) => string;
 export declare const formatTokenPrice: (amount?: string, price?: string) => number;

package/utils/format.js

@@ -30,7 +30,7 @@ export const formatSlippage = (slippage = '', defaultValue = '', returnInitial =
     }
     const parsedSlippage = parseFloat(slippage);
     if (isNaN(Number(slippage)) && !isNaN(parsedSlippage)) {
-        return parsedSlippage;
+        return parsedSlippage.toString();
     }
     if (isNaN(parsedSlippage)) {
         return defaultValue;

package/hooks/useBridges.d.ts

@@ -1 +0,0 @@
-export declare const useBridges: () => string[];

package/hooks/useBridges.js

@@ -1,12 +0,0 @@
-import { useMemo } from 'react';
-import { useQuery } from 'react-query';
-import { LiFi } from '../lifi';
-export const useBridges = () => {
-    const { data } = useQuery(['bridges'], ({ signal }) => LiFi.getPossibilities({ include: ['bridges'] }, { signal }));
-    const bridges = useMemo(() => {
-        var _a;
-        const bridges = (_a = data === null || data === void 0 ? void 0 : data.bridges) === null || _a === void 0 ? void 0 : _a.map((bridge) => bridge.tool).map((bridegTool) => bridegTool.split('-')[0]);
-        return Array.from(new Set(bridges));
-    }, [data === null || data === void 0 ? void 0 : data.bridges]);
-    return bridges;
-};

package/hooks/useExchanges.d.ts

@@ -1 +0,0 @@
-export declare const useExchanges: () => string[];

package/hooks/useExchanges.js

@@ -1,12 +0,0 @@
-import { useMemo } from 'react';
-import { useQuery } from 'react-query';
-import { LiFi } from '../lifi';
-export const useExchanges = () => {
-    const { data } = useQuery(['exchanges'], ({ signal }) => LiFi.getPossibilities({ include: ['exchanges'] }, { signal }));
-    const exchanges = useMemo(() => {
-        var _a;
-        const exchanges = (_a = data === null || data === void 0 ? void 0 : data.exchanges) === null || _a === void 0 ? void 0 : _a.map((exchange) => exchange.tool).map((exchangeTool) => exchangeTool.split('-')[0]);
-        return Array.from(new Set(exchanges));
-    }, [data === null || data === void 0 ? void 0 : data.exchanges]);
-    return exchanges;
-};

package/hooks/useRouteExecution/index.d.ts

@@ -1,3 +0,0 @@
-export * from './types';
-export * from './useRouteExecution';
-export * from './useRouteStore';

package/hooks/useRouteExecution/index.js

@@ -1,3 +0,0 @@
-export * from './types';
-export * from './useRouteExecution';
-export * from './useRouteStore';

package/hooks/useSettings/index.d.ts

@@ -1,2 +0,0 @@
-export * from './types';
-export * from './useSettingsStore';

package/hooks/useSettings/index.js

@@ -1,2 +0,0 @@
-export * from './types';
-export * from './useSettingsStore';

package/hooks/useSettings/types.d.ts

@@ -1,5 +0,0 @@
-import { Appearance } from '../../types';
-export interface SettingsStore {
-    appearance: Appearance;
-    setAppearance(appearance: Appearance): void;
-}

package/hooks/useSettings/types.js

@@ -1 +0,0 @@
-export {};

package/hooks/useSettings/useSettingsStore.d.ts

@@ -1,13 +0,0 @@
-import { Appearance } from '../../types';
-import { SettingsStore } from './types';
-export declare const useSettingsStore: import("zustand").UseBoundStore<Omit<import("zustand").StoreApi<SettingsStore>, "persist"> & {
-    persist: {
-        setOptions: (options: Partial<import("zustand/middleware").PersistOptions<SettingsStore, Partial<SettingsStore>>>) => void;
-        clearStorage: () => void;
-        rehydrate: () => Promise<void>;
-        hasHydrated: () => boolean;
-        onHydrate: (fn: (state: SettingsStore) => void) => () => void;
-        onFinishHydration: (fn: (state: SettingsStore) => void) => () => void;
-    };
-}>;
-export declare const useAppearance: () => [Appearance, (appearance: Appearance) => void];

package/hooks/useSettings/useSettingsStore.js

@@ -1,22 +0,0 @@
-import produce from 'immer';
-import create from 'zustand';
-import { persist } from 'zustand/middleware';
-import shallow from 'zustand/shallow';
-export const useSettingsStore = create()(persist((set) => ({
-    appearance: 'auto',
-    setAppearance: (appearance) => set(produce((state) => {
-        state.appearance = appearance;
-    })),
-}), {
-    name: 'li.fi-widget-settings',
-    version: 1,
-    migrate: (persistedState, version) => {
-        if (version === 0 && persistedState.appearance === 'system') {
-            persistedState.appearance = 'auto';
-        }
-        return persistedState;
-    },
-}));
-export const useAppearance = () => {
-    return useSettingsStore((state) => [state.appearance, state.setAppearance], shallow);
-};

package/pages/MainPage/SendToRecipientForm.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const SendToRecipientForm: React.FC;

package/pages/MainPage/SendToRecipientForm.js

@@ -1,20 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { HelpOutline as HelpOutlineIcon } from '@mui/icons-material';
-import { Box, Checkbox, FormControl, FormControlLabel, Typography, } from '@mui/material';
-import { useFormContext, useWatch } from 'react-hook-form';
-import { useTranslation } from 'react-i18next';
-import { Input } from '../../components/Input';
-import { Switch } from '../../components/Switch';
-import { SwapFormKey } from '../../providers/SwapFormProvider';
-export const SendToRecipientForm = () => {
-    const { t } = useTranslation();
-    const { register } = useFormContext();
-    const sendToRecipientChecked = useWatch({
-        name: SwapFormKey.IsSendToRecipient,
-    });
-    return (_jsxs(_Fragment, { children: [_jsxs(Box, Object.assign({ mb: 2, sx: {
-                    display: 'flex',
-                    justifyContent: 'space-between',
-                    alignItems: 'center',
-                } }, { children: [_jsxs(Box, Object.assign({ sx: { display: 'flex', alignItems: 'center' } }, { children: [_jsx(HelpOutlineIcon, { sx: { color: 'grey.500' } }), _jsx(Typography, Object.assign({ lineHeight: "normal", variant: "subtitle1", color: "text.primary", ml: 1 }, { children: t(`swap.sendToRecipient`) }))] })), _jsx(Switch, Object.assign({}, register(SwapFormKey.IsSendToRecipient)))] })), sendToRecipientChecked ? (_jsxs(_Fragment, { children: [_jsx(FormControl, Object.assign({ variant: "standard", fullWidth: true }, { children: _jsx(Input, { size: "small", placeholder: t(`swap.recipientsAddress`, { chain: 'ETH' }), required: true, inputProps: Object.assign({}, register(SwapFormKey.RecipientsAddress)) }) })), _jsx(Box, Object.assign({ mt: 0.5, mb: 1 }, { children: _jsx(FormControlLabel, { control: _jsx(Checkbox, Object.assign({ required: true }, register(SwapFormKey.IsAddressConfirmed))), label: t(`swap.addressConfirmation`), componentsProps: { typography: { variant: 'body2' } } }) }))] })) : null] }));
-};