@lifi/widget 2.4.3 → 2.4.5

package/pages/TransactionPage/TransactionPage.style.d.ts

@@ -1,11 +1,4 @@
 /// <reference types="react" />
-export declare const Container: import("@emotion/styled").StyledComponent<{
-    children?: import("react").ReactNode;
-    classes?: Partial<import("@mui/material").ContainerClasses> | undefined;
-    disableGutters?: boolean | undefined;
-    fixed?: boolean | undefined;
-    maxWidth?: false | import("@mui/material").Breakpoint | undefined;
-    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
-} & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+export declare const Container: import("@emotion/styled").StyledComponent<import("@mui/material").ContainerOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: import("react").RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-}, keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "sx" | "maxWidth" | "fixed" | "disableGutters"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+}, "className" | "style" | "classes" | "children" | "sx" | "maxWidth" | "fixed" | "disableGutters"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/stores/chains/ChainOrderStore.d.ts

@@ -1,8 +1,9 @@
 /// <reference types="react" />
-import type { StoreApi, UseBoundStore } from 'zustand';
+import type { StoreApi } from 'zustand';
+import type { UseBoundStoreWithEqualityFn } from 'zustand/traditional';
 import type { PersistStoreProviderProps } from '../types';
 import type { ChainOrderState } from './types';
-export type ChainOrderStore = UseBoundStore<StoreApi<ChainOrderState>>;
+export type ChainOrderStore = UseBoundStoreWithEqualityFn<StoreApi<ChainOrderState>>;
 export declare const ChainOrderStoreContext: import("react").Context<ChainOrderStore | null>;
 export declare function ChainOrderStoreProvider({ children, ...props }: PersistStoreProviderProps): import("react/jsx-runtime").JSX.Element;
 export declare function useChainOrderStore<T>(selector: (state: ChainOrderState) => T, equalityFn?: (left: T, right: T) => boolean): T;

package/stores/chains/createChainOrderStore.d.ts

@@ -1,4 +1,4 @@
 import type { PersistStoreProps } from '../types';
 import type { ChainOrderState } from './types';
 export declare const maxChainToOrder = 9;
-export declare const createChainOrderStore: ({ namePrefix }: PersistStoreProps) => import("zustand").UseBoundStore<import("zustand").StoreApi<ChainOrderState>>;
+export declare const createChainOrderStore: ({ namePrefix }: PersistStoreProps) => import("zustand/traditional").UseBoundStoreWithEqualityFn<import("zustand").StoreApi<ChainOrderState>>;

package/stores/chains/createChainOrderStore.js

@@ -1,7 +1,7 @@
-import { create } from 'zustand';
 import { persist } from 'zustand/middleware';
+import { createWithEqualityFn } from 'zustand/traditional';
 export const maxChainToOrder = 9;
-export const createChainOrderStore = ({ namePrefix }) => create(persist((set, get) => ({
+export const createChainOrderStore = ({ namePrefix }) => createWithEqualityFn(persist((set, get) => ({
     chainOrder: [],
     availableChains: [],
     initializeChains: (chainIds) => {
@@ -46,4 +46,4 @@ export const createChainOrderStore = ({ namePrefix }) => create(persist((set, ge
     name: `${namePrefix || 'li.fi'}-widget-chains-order`,
     version: 0,
     partialize: (state) => ({ chainOrder: state.chainOrder }),
-}));
+}), Object.is);

package/stores/header/types.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
-import type { StoreApi, UseBoundStore } from 'zustand';
-export type HeaderStore = UseBoundStore<StoreApi<HeaderState>>;
+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;

package/stores/header/useHeaderStore.d.ts

@@ -5,4 +5,4 @@ export declare const HeaderStoreContext: import("react").Context<HeaderStore | n
 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").UseBoundStore<import("zustand").StoreApi<HeaderState>>;
+export declare const createHeaderStore: ({ namePrefix }: PersistStoreProps) => import("zustand/traditional").UseBoundStoreWithEqualityFn<import("zustand").StoreApi<HeaderState>>;

package/stores/header/useHeaderStore.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createContext, useContext, useRef } from 'react';
-import { create } from 'zustand';
+import { createWithEqualityFn } from 'zustand/traditional';
 export const HeaderStoreContext = createContext(null);
 export function HeaderStoreProvider({ children, ...props }) {
     const storeRef = useRef();
@@ -23,7 +23,7 @@ export function useHeaderStoreContext() {
     }
     return useStore;
 }
-export const createHeaderStore = ({ namePrefix }) => create((set, get) => ({
+export const createHeaderStore = ({ namePrefix }) => createWithEqualityFn((set, get) => ({
     setAction: (element) => {
         set(() => ({
             element,
@@ -46,4 +46,4 @@ export const createHeaderStore = ({ namePrefix }) => create((set, get) => ({
             title: undefined,
         }));
     },
-}));
+}), Object.is);

package/stores/routes/RouteExecutionStore.d.ts

@@ -1,8 +1,9 @@
 /// <reference types="react" />
-import type { StoreApi, UseBoundStore } from 'zustand';
+import type { StoreApi } from 'zustand';
+import type { UseBoundStoreWithEqualityFn } from 'zustand/traditional';
 import type { PersistStoreProviderProps } from '../types';
 import type { RouteExecutionState } from './types';
-export type RouteExecutionStore = UseBoundStore<StoreApi<RouteExecutionState>>;
+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;

package/stores/routes/createRouteExecutionStore.d.ts

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

package/stores/routes/createRouteExecutionStore.js

@@ -1,9 +1,9 @@
-import { create } from 'zustand';
 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 }) => create(persist((set, get) => ({
+export const createRouteExecutionStore = ({ namePrefix }) => createWithEqualityFn(persist((set, get) => ({
     routes: {},
     setExecutableRoute: (route, insurableRouteId) => {
         if (!get().routes[route.id]) {
@@ -181,4 +181,4 @@ export const createRouteExecutionStore = ({ namePrefix }) => create(persist((set
         }
         return persistedState;
     },
-}));
+}), Object.is);

package/stores/settings/types.d.ts

@@ -1,6 +1,7 @@
 import type { Order } from '@lifi/sdk';
 import type { PropsWithChildren } from 'react';
-import type { StoreApi, UseBoundStore } from 'zustand';
+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;
@@ -38,7 +39,7 @@ export interface SplitSubvariantState {
     state?: 'swap' | 'bridge';
     setState(state: 'swap' | 'bridge'): void;
 }
-export type SplitSubvariantStore = UseBoundStore<StoreApi<SplitSubvariantState>>;
+export type SplitSubvariantStore = UseBoundStoreWithEqualityFn<StoreApi<SplitSubvariantState>>;
 export interface SplitSubvariantProps {
     state?: 'swap' | 'bridge';
 }

package/stores/settings/useSendToWalletStore.d.ts

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

package/stores/settings/useSendToWalletStore.js

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

package/stores/settings/useSettingsStore.d.ts

@@ -2,5 +2,5 @@ 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 useSettingsStore: import("zustand/traditional").UseBoundStoreWithEqualityFn<import("zustand").StoreApi<SettingsState>>;
 export declare const setDefaultSettings: (config?: WidgetConfig) => void;

package/stores/settings/useSettingsStore.js

@@ -1,5 +1,5 @@
-import { create } from 'zustand';
 import { persist } from 'zustand/middleware';
+import { createWithEqualityFn } from 'zustand/traditional';
 import { SettingsToolTypes } from './types';
 export const defaultConfigurableSettings = {
     routePriority: 'RECOMMENDED',
@@ -13,7 +13,7 @@ export const defaultSettings = {
     enabledBridges: [],
     enabledExchanges: [],
 };
-export const useSettingsStore = create(persist((set, get) => ({
+export const useSettingsStore = createWithEqualityFn(persist((set, get) => ({
     ...defaultSettings,
     setValue: (key, value) => set(() => ({
         [key]: value,
@@ -97,7 +97,7 @@ export const useSettingsStore = create(persist((set, get) => ({
         }
         return persistedState;
     },
-}));
+}), Object.is);
 export const setDefaultSettings = (config) => {
     const { slippage, routePriority, setValue } = useSettingsStore.getState();
     const defaultSlippage = (config?.slippage ||

package/stores/settings/useSplitSubvariantStore.d.ts

@@ -4,4 +4,4 @@ export declare const SplitSubvariantStoreContext: import("react").Context<SplitS
 export declare function SplitSubvariantStoreProvider({ children, ...props }: SplitSubvariantProviderProps): import("react/jsx-runtime").JSX.Element;
 export declare function useSplitSubvariantStore<T>(selector: (state: SplitSubvariantState) => T, equalityFn?: (left: T, right: T) => boolean): T;
 export declare function useSplitSubvariantStoreContext(): SplitSubvariantStore;
-export declare const createSplitSubvariantStore: ({ state }: SplitSubvariantProps) => import("zustand").UseBoundStore<import("zustand").StoreApi<SplitSubvariantState>>;
+export declare const createSplitSubvariantStore: ({ state }: SplitSubvariantProps) => import("zustand/traditional").UseBoundStoreWithEqualityFn<import("zustand").StoreApi<SplitSubvariantState>>;

package/stores/settings/useSplitSubvariantStore.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createContext, useContext, useRef } from 'react';
-import { create } from 'zustand';
+import { createWithEqualityFn } from 'zustand/traditional';
 export const SplitSubvariantStoreContext = createContext(null);
 const shouldRecreateStore = (store, props) => {
     const { state } = store.getState();
@@ -27,11 +27,11 @@ export function useSplitSubvariantStoreContext() {
     }
     return useStore;
 }
-export const createSplitSubvariantStore = ({ state }) => create((set) => ({
+export const createSplitSubvariantStore = ({ state }) => createWithEqualityFn((set) => ({
     state,
     setState(state) {
         set(() => ({
             state,
         }));
     },
-}));
+}), Object.is);