@lifi/widget 2.9.4 → 3.0.0-alpha.1

package/stores/chains/createChainOrderStore.js

@@ -1,49 +0,0 @@
-import { persist } from 'zustand/middleware';
-import { createWithEqualityFn } from 'zustand/traditional';
-export const maxChainToOrder = 9;
-export const createChainOrderStore = ({ namePrefix }) => createWithEqualityFn(persist((set, get) => ({
-    chainOrder: [],
-    availableChains: [],
-    initializeChains: (chainIds) => {
-        set((state) => {
-            const chainOrder = state.chainOrder.filter((chainId) => chainIds.includes(chainId));
-            const chainsToAdd = chainIds.filter((chainId) => !chainOrder.includes(chainId));
-            if (chainOrder.length === maxChainToOrder || !chainsToAdd.length) {
-                return {
-                    availableChains: chainIds,
-                    chainOrder,
-                };
-            }
-            const chainsToAddLength = maxChainToOrder - chainOrder.length;
-            for (let index = 0; index < chainsToAddLength; index++) {
-                chainOrder.push(chainsToAdd[index]);
-            }
-            return {
-                availableChains: chainIds,
-                chainOrder,
-            };
-        });
-        return get().chainOrder;
-    },
-    setChain: (chainId) => {
-        const state = get();
-        if (state.chainOrder.includes(chainId) ||
-            !state.availableChains.includes(chainId)) {
-            return;
-        }
-        set((state) => {
-            const chainOrder = state.chainOrder.slice();
-            chainOrder.unshift(chainId);
-            if (chainOrder.length > maxChainToOrder) {
-                chainOrder.pop();
-            }
-            return {
-                chainOrder,
-            };
-        });
-    },
-}), {
-    name: `${namePrefix || 'li.fi'}-widget-chains-order`,
-    version: 0,
-    partialize: (state) => ({ chainOrder: state.chainOrder }),
-}), Object.is);

package/stores/chains/index.js

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

package/stores/chains/types.d.ts

@@ -1,8 +0,0 @@
-export interface ChainOrderProps {
-    chainOrder: number[];
-    availableChains: number[];
-}
-export interface ChainOrderState extends ChainOrderProps {
-    initializeChains(chainIds: number[]): number[];
-    setChain(chainId: number): void;
-}

package/stores/chains/types.js

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

package/stores/chains/useChainOrder.d.ts

@@ -1 +0,0 @@
-export declare const useChainOrder: () => [number[], (chainId: number) => void];

package/stores/chains/useChainOrder.js

@@ -1,5 +0,0 @@
-import { shallow } from 'zustand/shallow';
-import { useChainOrderStore } from './ChainOrderStore';
-export const useChainOrder = () => {
-    return useChainOrderStore((state) => [state.chainOrder, state.setChain], shallow);
-};

package/stores/header/index.js

@@ -1 +0,0 @@
-export * from './useHeaderStore';

package/stores/header/types.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-import type { StoreApi } from 'zustand';
-import type { UseBoundStoreWithEqualityFn } from 'zustand/traditional';
-export type HeaderStore = UseBoundStoreWithEqualityFn<StoreApi<HeaderState>>;
-export interface HeaderStateBase {
-    element?: React.ReactNode | null;
-    title?: string;
-}
-export interface HeaderState extends HeaderStateBase {
-    setAction(element?: React.ReactNode | null): () => void;
-    setTitle(title?: string): () => void;
-    removeAction(): void;
-    removeTitle(): void;
-}

package/stores/header/types.js

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

package/stores/header/useHeaderStore.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import type { PersistStoreProps, PersistStoreProviderProps } from '../types';
-import type { HeaderState, HeaderStore } from './types';
-export declare const HeaderStoreContext: import("react").Context<HeaderStore | null>;
-export declare function HeaderStoreProvider({ children, ...props }: PersistStoreProviderProps): import("react/jsx-runtime").JSX.Element;
-export declare function useHeaderStore<T>(selector: (state: HeaderState) => T, equalityFn?: (left: T, right: T) => boolean): T;
-export declare function useHeaderStoreContext(): HeaderStore;
-export declare const createHeaderStore: ({ namePrefix }: PersistStoreProps) => import("zustand/traditional").UseBoundStoreWithEqualityFn<import("zustand").StoreApi<HeaderState>>;

package/stores/header/useHeaderStore.js

@@ -1,49 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useContext, useRef } from 'react';
-import { createWithEqualityFn } from 'zustand/traditional';
-export const HeaderStoreContext = createContext(null);
-export function HeaderStoreProvider({ children, ...props }) {
-    const storeRef = useRef();
-    if (!storeRef.current) {
-        storeRef.current = createHeaderStore(props);
-    }
-    return (_jsx(HeaderStoreContext.Provider, { value: storeRef.current, children: children }));
-}
-export function useHeaderStore(selector, equalityFn) {
-    const useStore = useContext(HeaderStoreContext);
-    if (!useStore) {
-        throw new Error(`You forgot to wrap your component in <${HeaderStoreProvider.name}>.`);
-    }
-    return useStore(selector, equalityFn);
-}
-export function useHeaderStoreContext() {
-    const useStore = useContext(HeaderStoreContext);
-    if (!useStore) {
-        throw new Error(`You forgot to wrap your component in <${HeaderStoreProvider.name}>.`);
-    }
-    return useStore;
-}
-export const createHeaderStore = ({ namePrefix }) => createWithEqualityFn((set, get) => ({
-    setAction: (element) => {
-        set(() => ({
-            element,
-        }));
-        return get().removeAction;
-    },
-    setTitle: (title) => {
-        set(() => ({
-            title,
-        }));
-        return get().removeTitle;
-    },
-    removeAction: () => {
-        set(() => ({
-            element: null,
-        }));
-    },
-    removeTitle: () => {
-        set(() => ({
-            title: undefined,
-        }));
-    },
-}), Object.is);

package/stores/index.js

@@ -1,5 +0,0 @@
-export * from './StoreProvider';
-export * from './chains';
-export * from './header';
-export * from './routes';
-export * from './settings';

package/stores/routes/RouteExecutionStore.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-import type { StoreApi } from 'zustand';
-import type { UseBoundStoreWithEqualityFn } from 'zustand/traditional';
-import type { PersistStoreProviderProps } from '../types';
-import type { RouteExecutionState } from './types';
-export type RouteExecutionStore = UseBoundStoreWithEqualityFn<StoreApi<RouteExecutionState>>;
-export declare const RouteExecutionStoreContext: import("react").Context<RouteExecutionStore | null>;
-export declare function RouteExecutionStoreProvider({ children, ...props }: PersistStoreProviderProps): import("react/jsx-runtime").JSX.Element;
-export declare function useRouteExecutionStore<T>(selector: (state: RouteExecutionState) => T, equalityFn?: (left: T, right: T) => boolean): T;
-export declare function useRouteExecutionStoreContext(): RouteExecutionStore;

package/stores/routes/RouteExecutionStore.js

@@ -1,25 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useContext, useRef } from 'react';
-import { createRouteExecutionStore } from './createRouteExecutionStore';
-export const RouteExecutionStoreContext = createContext(null);
-export function RouteExecutionStoreProvider({ children, ...props }) {
-    const storeRef = useRef();
-    if (!storeRef.current) {
-        storeRef.current = createRouteExecutionStore(props);
-    }
-    return (_jsx(RouteExecutionStoreContext.Provider, { value: storeRef.current, children: children }));
-}
-export function useRouteExecutionStore(selector, equalityFn) {
-    const useStore = useContext(RouteExecutionStoreContext);
-    if (!useStore) {
-        throw new Error(`You forgot to wrap your component in <${RouteExecutionStoreProvider.name}>.`);
-    }
-    return useStore(selector, equalityFn);
-}
-export function useRouteExecutionStoreContext() {
-    const useStore = useContext(RouteExecutionStoreContext);
-    if (!useStore) {
-        throw new Error(`You forgot to wrap your component in <${RouteExecutionStoreProvider.name}>.`);
-    }
-    return useStore;
-}

package/stores/routes/createRouteExecutionStore.d.ts

@@ -1,3 +0,0 @@
-import type { PersistStoreProps } from '../types';
-import type { RouteExecutionState } from './types';
-export declare const createRouteExecutionStore: ({ namePrefix }: PersistStoreProps) => import("zustand/traditional").UseBoundStoreWithEqualityFn<import("zustand").StoreApi<RouteExecutionState>>;

package/stores/routes/createRouteExecutionStore.js

@@ -1,184 +0,0 @@
-import { persist } from 'zustand/middleware';
-import { createWithEqualityFn } from 'zustand/traditional';
-import { hasEnumFlag } from '../../utils';
-import { RouteExecutionStatus } from './types';
-import { isRouteDone, isRouteFailed, isRoutePartiallyDone, isRouteRefunded, } from './utils';
-export const createRouteExecutionStore = ({ namePrefix }) => createWithEqualityFn(persist((set, get) => ({
-    routes: {},
-    setExecutableRoute: (route, insurableRouteId) => {
-        if (!get().routes[route.id]) {
-            set((state) => {
-                const routes = { ...state.routes };
-                // clean previous idle routes that were not executed
-                Object.keys(routes)
-                    .filter((routeId) => routeId !== insurableRouteId &&
-                    routes[routeId]?.status === RouteExecutionStatus.Idle)
-                    .forEach((routeId) => delete routes[routeId]);
-                routes[route.id] = {
-                    route,
-                    status: RouteExecutionStatus.Idle,
-                };
-                return {
-                    routes,
-                };
-            });
-        }
-    },
-    updateRoute: (route) => {
-        if (get().routes[route.id]) {
-            set((state) => {
-                const updatedState = {
-                    routes: {
-                        ...state.routes,
-                        [route.id]: { ...state.routes[route.id], route },
-                    },
-                };
-                const isFailed = isRouteFailed(route);
-                if (isFailed) {
-                    updatedState.routes[route.id].status =
-                        RouteExecutionStatus.Failed;
-                    return updatedState;
-                }
-                const isDone = isRouteDone(route);
-                if (isDone) {
-                    updatedState.routes[route.id].status =
-                        RouteExecutionStatus.Done;
-                    if (isRoutePartiallyDone(route)) {
-                        updatedState.routes[route.id].status |=
-                            RouteExecutionStatus.Partial;
-                    }
-                    else if (isRouteRefunded(route)) {
-                        updatedState.routes[route.id].status |=
-                            RouteExecutionStatus.Refunded;
-                    }
-                    return updatedState;
-                }
-                const isLoading = route.steps.some((step) => step.execution);
-                if (isLoading) {
-                    updatedState.routes[route.id].status =
-                        RouteExecutionStatus.Pending;
-                }
-                return updatedState;
-            });
-        }
-    },
-    restartRoute: (routeId) => {
-        if (get().routes[routeId]) {
-            set((state) => ({
-                routes: {
-                    ...state.routes,
-                    [routeId]: {
-                        ...state.routes[routeId],
-                        status: RouteExecutionStatus.Pending,
-                    },
-                },
-            }));
-        }
-    },
-    deleteRoute: (routeId) => {
-        if (get().routes[routeId]) {
-            set((state) => {
-                const routes = { ...state.routes };
-                delete routes[routeId];
-                return {
-                    routes,
-                };
-            });
-        }
-    },
-    deleteRoutes: (type) => set((state) => {
-        const routes = { ...state.routes };
-        Object.keys(routes)
-            .filter((routeId) => type === 'completed'
-            ? hasEnumFlag(routes[routeId]?.status ?? 0, RouteExecutionStatus.Done)
-            : !hasEnumFlag(routes[routeId]?.status ?? 0, RouteExecutionStatus.Done))
-            .forEach((routeId) => delete routes[routeId]);
-        return {
-            routes,
-        };
-    }),
-}), {
-    name: `${namePrefix || 'li.fi'}-widget-routes`,
-    version: 1,
-    partialize: (state) => ({ routes: state.routes }),
-    merge: (persistedState, currentState) => {
-        const state = {
-            ...currentState,
-            ...persistedState,
-        };
-        try {
-            // Move transactions to history after 1 day
-            const currentTime = new Date().getTime();
-            const oneDay = 1000 * 60 * 60 * 24;
-            Object.values(state.routes).forEach((routeExecution) => {
-                const startedAt = routeExecution?.route.steps
-                    ?.find((step) => step.execution?.status === 'FAILED')
-                    ?.execution?.process.find((process) => process.startedAt)
-                    ?.startedAt ?? 0;
-                const outdated = startedAt > 0 && currentTime - startedAt > oneDay;
-                if (routeExecution?.route && outdated) {
-                    routeExecution.status |= RouteExecutionStatus.Done;
-                }
-            });
-            // migrate old routes
-            const routeString = localStorage.getItem('routes');
-            if (routeString) {
-                const routes = JSON.parse(routeString);
-                routes.forEach((route) => {
-                    if (state.routes[route.id]) {
-                        return;
-                    }
-                    state.routes[route.id] = {
-                        route,
-                        status: RouteExecutionStatus.Idle,
-                    };
-                    const isFailed = isRouteFailed(route);
-                    if (isFailed) {
-                        state.routes[route.id].status = RouteExecutionStatus.Failed;
-                        return;
-                    }
-                    const isDone = isRouteDone(route);
-                    if (isDone) {
-                        state.routes[route.id].status = RouteExecutionStatus.Done;
-                        return;
-                    }
-                    const isLoading = route.steps.some((step) => step.execution);
-                    if (isLoading) {
-                        state.routes[route.id].status = RouteExecutionStatus.Pending;
-                    }
-                });
-                localStorage.removeItem('routes');
-            }
-        }
-        catch (error) {
-            console.error(error);
-        }
-        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;
-    },
-}), Object.is);

package/stores/routes/index.d.ts

@@ -1,6 +0,0 @@
-export * from './RouteExecutionStore';
-export * from './types';
-export * from './useExecutingRoutesIds';
-export * from './useSetExecutableRoute';
-export * from './useTransactionHistory';
-export * from './utils';

package/stores/routes/index.js

@@ -1,6 +0,0 @@
-export * from './RouteExecutionStore';
-export * from './types';
-export * from './useExecutingRoutesIds';
-export * from './useSetExecutableRoute';
-export * from './useTransactionHistory';
-export * from './utils';

package/stores/routes/types.d.ts

@@ -1,21 +0,0 @@
-import type { Route } from '@lifi/sdk';
-export interface RouteExecution {
-    route: Route;
-    status: RouteExecutionStatus;
-}
-export interface RouteExecutionState {
-    routes: Partial<Record<string, RouteExecution>>;
-    setExecutableRoute: (route: Route, insurableRouteId?: string) => void;
-    updateRoute: (route: Route) => void;
-    restartRoute: (routeId: string) => void;
-    deleteRoute: (routeId: string) => void;
-    deleteRoutes: (type: 'completed' | 'active') => void;
-}
-export declare enum RouteExecutionStatus {
-    Idle = 0,
-    Pending = 1,
-    Done = 2,
-    Failed = 4,
-    Partial = 8,
-    Refunded = 16
-}

package/stores/routes/types.js

@@ -1,9 +0,0 @@
-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.d.ts

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

package/stores/routes/useExecutingRoutesIds.js

@@ -1,12 +0,0 @@
-import { shallow } from 'zustand/shallow';
-import { useRouteExecutionStore } from './RouteExecutionStore';
-import { RouteExecutionStatus } from './types';
-export const useExecutingRoutesIds = (address) => {
-    return useRouteExecutionStore((state) => Object.values(state.routes)
-        .filter((item) => item.route.fromAddress === address &&
-        (item.status === RouteExecutionStatus.Pending ||
-            item.status === RouteExecutionStatus.Failed))
-        .sort((a, b) => (b?.route.steps[0].execution?.process[0].startedAt ?? 0) -
-        (a?.route.steps[0].execution?.process[0].startedAt ?? 0))
-        .map(({ route }) => route.id), shallow);
-};

package/stores/routes/useSetExecutableRoute.d.ts

@@ -1 +0,0 @@
-export declare const useSetExecutableRoute: () => (route: import("@lifi/types").Route, insurableRouteId?: string | undefined) => void;

package/stores/routes/useSetExecutableRoute.js

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

package/stores/routes/useTransactionHistory.d.ts

@@ -1,2 +0,0 @@
-import type { RouteExecution } from './types';
-export declare const useTransactionHistory: (address?: string) => RouteExecution[];

package/stores/routes/useTransactionHistory.js

@@ -1,11 +0,0 @@
-import { shallow } from 'zustand/shallow';
-import { hasEnumFlag } from '../../utils';
-import { useRouteExecutionStore } from './RouteExecutionStore';
-import { RouteExecutionStatus } from './types';
-export const useTransactionHistory = (address) => {
-    return useRouteExecutionStore((state) => Object.values(state.routes)
-        .filter((item) => item?.route.fromAddress === address &&
-        hasEnumFlag(item.status, RouteExecutionStatus.Done))
-        .sort((a, b) => (b?.route.steps[0].execution?.process[0].startedAt ?? 0) -
-        (a?.route.steps[0].execution?.process[0].startedAt ?? 0)), shallow);
-};

package/stores/routes/utils.d.ts

@@ -1,8 +0,0 @@
-import type { Process, Route } from '@lifi/sdk';
-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 doesRouteHaveCustomTool: (route: Route) => boolean;
-export declare const getUpdatedProcess: (currentRoute: Route, updatedRoute: Route) => Process | undefined;

package/stores/routes/utils.js

@@ -1,36 +0,0 @@
-import microdiff from 'microdiff';
-export const isRouteDone = (route) => {
-    return route.steps.every((step) => step.execution?.status === 'DONE');
-};
-export const isRoutePartiallyDone = (route) => {
-    return route.steps.some((step) => step.execution?.process.some((process) => process.substatus === 'PARTIAL'));
-};
-export const isRouteRefunded = (route) => {
-    return route.steps.some((step) => step.execution?.process.some((process) => process.substatus === 'REFUNDED'));
-};
-export const isRouteFailed = (route) => {
-    return route.steps.some((step) => step.execution?.status === 'FAILED');
-};
-export const isRouteActive = (route) => {
-    if (!route) {
-        return false;
-    }
-    const isDone = isRouteDone(route);
-    const isFailed = isRouteFailed(route);
-    const alreadyStarted = route.steps.some((step) => step.execution);
-    return !isDone && !isFailed && alreadyStarted;
-};
-export const doesRouteHaveCustomTool = (route) => {
-    return route.steps.some((step) => step.tool === 'custom' || step.toolDetails.key === 'custom');
-};
-export const getUpdatedProcess = (currentRoute, updatedRoute) => {
-    const processDiff = microdiff(currentRoute, updatedRoute).find((diff) => diff.path.includes('process'));
-    if (!processDiff) {
-        return undefined;
-    }
-    // e.g. ['steps', 0, 'execution', 'process', 0]
-    const process = processDiff.path
-        .slice(0, processDiff.path.findIndex((path) => path === 'process') + 2)
-        .reduce((obj, path) => obj[path], updatedRoute);
-    return process;
-};

package/stores/settings/index.js

@@ -1,6 +0,0 @@
-export * from './types';
-export * from './useAppearance';
-export * from './useSendToWalletStore';
-export * from './useSettings';
-export * from './useSettingsStore';
-export * from './useSplitSubvariantStore';

package/stores/settings/types.d.ts

@@ -1,47 +0,0 @@
-import type { Order } from '@lifi/sdk';
-import type { PropsWithChildren } from 'react';
-import type { StoreApi } from 'zustand';
-import type { UseBoundStoreWithEqualityFn } from 'zustand/traditional';
-import type { Appearance, WidgetConfig } from '../../types';
-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 SettingsProps {
-    appearance: Appearance;
-    gasPrice?: string;
-    language?: string;
-    routePriority?: Order;
-    enabledAutoRefuel: boolean;
-    showDestinationWallet: boolean;
-    slippage?: string;
-    enabledBridges: string[];
-    _enabledBridges?: Record<string, boolean>;
-    enabledExchanges: string[];
-    _enabledExchanges?: Record<string, boolean>;
-}
-export interface SettingsState extends SettingsProps {
-    setValue: ValueSetter<SettingsProps>;
-    setValues: ValuesSetter<SettingsProps>;
-    initializeTools(toolType: SettingsToolType, tools: string[], reset?: boolean): void;
-    setTools(toolType: SettingsToolType, tools: string[], availableTools: string[]): void;
-    reset(config: WidgetConfig, bridges: string[], exchanges: string[]): void;
-}
-export interface SendToWalletState {
-    showSendToWallet: boolean;
-    showSendToWalletDirty: boolean;
-}
-export interface SendToWalletStore extends SendToWalletState {
-    toggleSendToWallet(): void;
-    setSendToWallet(value: boolean): void;
-}
-export type SplitSubvariantOptions = 'bridge' | 'swap';
-export interface SplitSubvariantState {
-    state?: SplitSubvariantOptions;
-    setState(state: SplitSubvariantOptions): void;
-}
-export type SplitSubvariantStore = UseBoundStoreWithEqualityFn<StoreApi<SplitSubvariantState>>;
-export interface SplitSubvariantProps {
-    state?: SplitSubvariantOptions;
-}
-export type SplitSubvariantProviderProps = PropsWithChildren<SplitSubvariantProps>;

package/stores/settings/types.js

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

package/stores/settings/useAppearance.d.ts

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

package/stores/settings/useAppearance.js

@@ -1,9 +0,0 @@
-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/useSendToWalletStore.d.ts

@@ -1,2 +0,0 @@
-import type { SendToWalletStore } from './types';
-export declare const useSendToWalletStore: import("zustand/traditional").UseBoundStoreWithEqualityFn<import("zustand").StoreApi<SendToWalletStore>>;

package/stores/settings/useSendToWalletStore.js

@@ -1,13 +0,0 @@
-import { createWithEqualityFn } from 'zustand/traditional';
-export const useSendToWalletStore = createWithEqualityFn((set) => ({
-    showSendToWallet: false,
-    showSendToWalletDirty: false,
-    toggleSendToWallet: () => set((state) => ({
-        showSendToWallet: !state.showSendToWallet,
-        showSendToWalletDirty: true,
-    })),
-    setSendToWallet: (value) => set({
-        showSendToWallet: value,
-        showSendToWalletDirty: true,
-    }),
-}), Object.is);

package/stores/settings/useSettings.d.ts

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

package/stores/settings/useSettings.js

@@ -1,8 +0,0 @@
-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

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