@lifi/widget 3.0.0-alpha.4 → 3.0.0-alpha.5

package/_esm/stores/StoreProvider.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ChainOrderStoreProvider } from './chains';
+import { HeaderStoreProvider } from './header';
+import { RouteExecutionStoreProvider } from './routes';
+import { SplitSubvariantStoreProvider } from './settings';
+export const StoreProvider = ({ children, config, }) => {
+    return (_jsx(SplitSubvariantStoreProvider, { state: config.subvariant === 'split'
+            ? config.subvariantOptions || 'swap'
+            : undefined, children: _jsx(HeaderStoreProvider, { namePrefix: config?.keyPrefix, children: _jsx(ChainOrderStoreProvider, { namePrefix: config?.keyPrefix, children: _jsx(RouteExecutionStoreProvider, { namePrefix: config?.keyPrefix, children: children }) }) }) }));
+};

package/_esm/stores/chains/ChainOrderStore.js

@@ -0,0 +1,49 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext, useEffect, useRef } from 'react';
+import { useFormContext } from 'react-hook-form';
+import { useChains } from '../../hooks';
+import { FormKey } from '../../providers';
+import { createChainOrderStore } from './createChainOrderStore';
+export const ChainOrderStoreContext = createContext(null);
+export function ChainOrderStoreProvider({ children, ...props }) {
+    const storeRef = useRef();
+    const { chains: filteredChains } = useChains();
+    const { setValue, getValues } = useFormContext();
+    if (!storeRef.current) {
+        storeRef.current = createChainOrderStore(props);
+    }
+    useEffect(() => {
+        if (filteredChains) {
+            const chainOrder = storeRef.current
+                ?.getState()
+                .initializeChains(filteredChains.map((chain) => chain.id));
+            if (chainOrder) {
+                const [fromChainValue, toChainValue] = getValues([
+                    FormKey.FromChain,
+                    FormKey.ToChain,
+                ]);
+                if (!fromChainValue) {
+                    setValue(FormKey.FromChain, chainOrder[0]);
+                }
+                if (!toChainValue) {
+                    setValue(FormKey.ToChain, chainOrder[0]);
+                }
+            }
+        }
+    }, [filteredChains, getValues, setValue]);
+    return (_jsx(ChainOrderStoreContext.Provider, { value: storeRef.current, children: children }));
+}
+export function useChainOrderStore(selector, equalityFn) {
+    const useStore = useContext(ChainOrderStoreContext);
+    if (!useStore) {
+        throw new Error(`You forgot to wrap your component in <${ChainOrderStoreProvider.name}>.`);
+    }
+    return useStore(selector, equalityFn);
+}
+export function useChainOrderStoreContext() {
+    const useStore = useContext(ChainOrderStoreContext);
+    if (!useStore) {
+        throw new Error(`You forgot to wrap your component in <${ChainOrderStoreProvider.name}>.`);
+    }
+    return useStore;
+}

package/_esm/stores/chains/createChainOrderStore.js

@@ -0,0 +1,49 @@
+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/_esm/stores/chains/types.js

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

package/_esm/stores/chains/useChainOrder.js

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

package/_esm/stores/header/types.js

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

package/_esm/stores/header/useHeaderStore.js

@@ -0,0 +1,49 @@
+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) {
+    const useStore = useContext(HeaderStoreContext);
+    if (!useStore) {
+        throw new Error(`You forgot to wrap your component in <${HeaderStoreProvider.name}>.`);
+    }
+    return useStore(selector);
+}
+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/_esm/stores/routes/RouteExecutionStore.js

@@ -0,0 +1,25 @@
+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/_esm/stores/routes/createRouteExecutionStore.js

@@ -0,0 +1,130 @@
+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 and done routes
+                Object.keys(routes)
+                    .filter((routeId) => (routeId !== insurableRouteId &&
+                    hasEnumFlag(routes[routeId].status, RouteExecutionStatus.Idle)) ||
+                    hasEnumFlag(routes[routeId].status, RouteExecutionStatus.Done))
+                    .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 {
+            // Remove failed transactions from 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) {
+                    delete state.routes[routeExecution.route.id];
+                }
+            });
+        }
+        catch (error) {
+            console.error(error);
+        }
+        return state;
+    },
+}), Object.is);

package/_esm/stores/routes/types.js

@@ -0,0 +1,9 @@
+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/_esm/stores/routes/useExecutingRoutesIds.js

@@ -0,0 +1,12 @@
+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/_esm/stores/routes/useSetExecutableRoute.js

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

package/_esm/stores/routes/utils.js

@@ -0,0 +1,38 @@
+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 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;
+};
+export const getSourceTxHash = (route) => {
+    return route?.steps[0].execution?.process
+        .filter((process) => process.type !== 'TOKEN_ALLOWANCE')
+        .find((process) => process.txHash)?.txHash;
+};

package/_esm/stores/settings/types.js

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

package/_esm/stores/settings/useAppearance.js

@@ -0,0 +1,9 @@
+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/_esm/stores/settings/useSendToWalletStore.js

@@ -0,0 +1,13 @@
+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/_esm/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/_esm/stores/settings/useSettingsStore.js

@@ -0,0 +1,118 @@
+import { persist } from 'zustand/middleware';
+import { createWithEqualityFn } from 'zustand/traditional';
+import { SettingsToolTypes } from './types';
+export const defaultConfigurableSettings = {
+    routePriority: 'RECOMMENDED',
+    slippage: '0.5',
+    gasPrice: 'normal',
+};
+export const defaultSettings = {
+    appearance: 'auto',
+    gasPrice: 'normal',
+    enabledAutoRefuel: true,
+    showDestinationWallet: true,
+    enabledBridges: [],
+    enabledExchanges: [],
+};
+export const useSettingsStore = createWithEqualityFn(persist((set, get) => ({
+    ...defaultSettings,
+    setValue: (key, value) => set(() => ({
+        [key]: value,
+    })),
+    setValues: (values) => set((state) => {
+        const updatedState = { ...state };
+        for (const key in values) {
+            if (Object.hasOwn(state, key)) {
+                updatedState[key] = values[key];
+            }
+        }
+        return updatedState;
+    }),
+    initializeTools: (toolType, tools, reset) => {
+        if (!tools.length) {
+            return;
+        }
+        set((state) => {
+            const updatedState = { ...state };
+            if (updatedState[`_enabled${toolType}`] && !reset) {
+                // Add new tools
+                const enabledTools = tools
+                    .filter((tool) => !Object.hasOwn(updatedState[`_enabled${toolType}`], tool))
+                    .reduce((values, tool) => {
+                    values[tool] = true;
+                    return values;
+                }, updatedState[`_enabled${toolType}`]);
+                // Filter tools we no longer have
+                updatedState[`_enabled${toolType}`] = Object.fromEntries(Object.entries(enabledTools).filter(([key]) => tools.includes(key)));
+            }
+            else {
+                updatedState[`_enabled${toolType}`] = tools.reduce((values, tool) => {
+                    values[tool] = true;
+                    return values;
+                }, {});
+            }
+            updatedState[`enabled${toolType}`] = Object.entries(updatedState[`_enabled${toolType}`])
+                .filter(([_, value]) => value)
+                .map(([key]) => key);
+            return updatedState;
+        });
+    },
+    setTools: (toolType, tools, availableTools) => set(() => ({
+        [`enabled${toolType}`]: tools,
+        [`_enabled${toolType}`]: availableTools.reduce((values, toolKey) => {
+            values[toolKey] = tools.includes(toolKey);
+            return values;
+        }, {}),
+    })),
+    reset: (config, bridges, exchanges) => {
+        const { appearance, ...restDefaultSettings } = defaultSettings;
+        set(() => ({
+            ...restDefaultSettings,
+            ...defaultConfigurableSettings,
+        }));
+        get().initializeTools('Bridges', bridges, true);
+        get().initializeTools('Exchanges', exchanges, true);
+    },
+}), {
+    name: `li.fi-widget-settings`,
+    version: 2,
+    partialize: (state) => {
+        const { enabledBridges, enabledExchanges, ...partializedState } = state;
+        return partializedState;
+    },
+    merge: (persistedState, currentState) => {
+        const state = { ...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 = defaultSettings.appearance;
+        }
+        if (version === 1) {
+            persistedState.slippage = defaultConfigurableSettings.slippage;
+        }
+        return persistedState;
+    },
+}), Object.is);
+export const setDefaultSettings = (config) => {
+    const { slippage, routePriority, setValue, gasPrice } = useSettingsStore.getState();
+    const defaultSlippage = (config?.slippage || config?.sdkConfig?.routeOptions?.slippage || 0) * 100;
+    const defaultRoutePriority = config?.routePriority || config?.sdkConfig?.routeOptions?.order;
+    defaultConfigurableSettings.slippage = (defaultSlippage || defaultConfigurableSettings.slippage)?.toString();
+    defaultConfigurableSettings.routePriority =
+        defaultRoutePriority || defaultConfigurableSettings.routePriority;
+    if (!slippage) {
+        setValue('slippage', defaultConfigurableSettings.slippage);
+    }
+    if (!routePriority) {
+        setValue('routePriority', defaultConfigurableSettings.routePriority);
+    }
+    if (!gasPrice) {
+        setValue('gasPrice', defaultConfigurableSettings.gasPrice);
+    }
+};

package/_esm/stores/settings/useSplitSubvariantStore.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext, useRef } from 'react';
+import { createWithEqualityFn } from 'zustand/traditional';
+export const SplitSubvariantStoreContext = createContext(null);
+const shouldRecreateStore = (store, props) => {
+    const { state } = store.getState();
+    return state !== props.state;
+};
+export function SplitSubvariantStoreProvider({ children, ...props }) {
+    const storeRef = useRef();
+    if (!storeRef.current || shouldRecreateStore(storeRef.current, props)) {
+        storeRef.current = createSplitSubvariantStore(props);
+    }
+    return (_jsx(SplitSubvariantStoreContext.Provider, { value: storeRef.current, children: children }));
+}
+export function useSplitSubvariantStore(selector) {
+    const useStore = useContext(SplitSubvariantStoreContext);
+    if (!useStore) {
+        throw new Error(`You forgot to wrap your component in <${SplitSubvariantStoreProvider.name}>.`);
+    }
+    return useStore(selector);
+}
+export function useSplitSubvariantStoreContext() {
+    const useStore = useContext(SplitSubvariantStoreContext);
+    if (!useStore) {
+        throw new Error(`You forgot to wrap your component in <${SplitSubvariantStoreProvider.name}>.`);
+    }
+    return useStore;
+}
+export const createSplitSubvariantStore = ({ state }) => createWithEqualityFn((set) => ({
+    state,
+    setState(state) {
+        set(() => ({
+            state,
+        }));
+    },
+}), Object.is);

package/_esm/stores/types.js

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

package/_esm/types/events.js

@@ -0,0 +1,14 @@
+export var WidgetEvent;
+(function (WidgetEvent) {
+    WidgetEvent["RouteExecutionStarted"] = "routeExecutionStarted";
+    WidgetEvent["RouteExecutionUpdated"] = "routeExecutionUpdated";
+    WidgetEvent["RouteExecutionCompleted"] = "routeExecutionCompleted";
+    WidgetEvent["RouteExecutionFailed"] = "routeExecutionFailed";
+    WidgetEvent["RouteHighValueLoss"] = "routeHighValueLoss";
+    WidgetEvent["ContactSupport"] = "contactSupport";
+    WidgetEvent["SourceChainTokenSelected"] = "sourceChainTokenSelected";
+    WidgetEvent["DestinationChainTokenSelected"] = "destinationChainTokenSelected";
+    WidgetEvent["SendToWalletToggled"] = "sendToWalletToggled";
+    WidgetEvent["ReviewTransactionPageEntered"] = "reviewTransactionPageEntered";
+    WidgetEvent["WalletConnected"] = "walletConnected";
+})(WidgetEvent || (WidgetEvent = {}));

package/_esm/types/token.js

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

package/_esm/types/widget.js

@@ -0,0 +1,22 @@
+export var DisabledUI;
+(function (DisabledUI) {
+    DisabledUI["FromAmount"] = "fromAmount";
+    DisabledUI["FromToken"] = "fromToken";
+    DisabledUI["ToAddress"] = "toAddress";
+    DisabledUI["ToToken"] = "toToken";
+})(DisabledUI || (DisabledUI = {}));
+export var HiddenUI;
+(function (HiddenUI) {
+    HiddenUI["Appearance"] = "appearance";
+    HiddenUI["DrawerButton"] = "drawerButton";
+    HiddenUI["History"] = "history";
+    HiddenUI["Language"] = "language";
+    HiddenUI["PoweredBy"] = "poweredBy";
+    HiddenUI["ToAddress"] = "toAddress";
+    HiddenUI["ToToken"] = "toToken";
+    HiddenUI["WalletMenu"] = "walletMenu";
+})(HiddenUI || (HiddenUI = {}));
+export var RequiredUI;
+(function (RequiredUI) {
+    RequiredUI["ToAddress"] = "toAddress";
+})(RequiredUI || (RequiredUI = {}));

package/_esm/utils/colors.js

@@ -0,0 +1,15 @@
+import { common } from '@mui/material/colors';
+import { alpha, getContrastRatio } from '@mui/material/styles';
+export const getContrastAlphaColor = (mode, alpha) => mode === 'light' ? `rgb(0 0 0 / ${alpha})` : `rgb(255 255 255 / ${alpha})`;
+export const getContrastTextColor = (theme, background) => getContrastRatio(common.white, background ?? theme.palette.primary.main) >= 3
+    ? common.white
+    : common.black;
+export const getWarningBackgroundColor = (theme) => theme.palette.mode === 'light'
+    ? alpha(theme.palette.warning.main, 0.32)
+    : alpha(theme.palette.warning.main, 0.16);
+export const getInfoBackgroundColor = (theme) => theme.palette.mode === 'light'
+    ? alpha(theme.palette.info.main, 0.12)
+    : alpha(theme.palette.info.main, 0.16);
+export const getCardFieldsetBackgroundColor = (theme) => theme.palette.mode === 'dark'
+    ? theme.palette.grey[800]
+    : alpha(theme.palette.common.black, 0.04);