@lifi/widget 2.9.3 → 3.0.0-alpha.0

package/pages/SettingsPage/RoutePrioritySelect.d.ts

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

package/pages/SettingsPage/RoutePrioritySelect.js

@@ -1,19 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Orders } from '@lifi/sdk';
-import KeyboardArrowDownIcon from '@mui/icons-material/KeyboardArrowDown';
-import { FormControl, MenuItem } from '@mui/material';
-import { useTranslation } from 'react-i18next';
-import { Card, CardTitle } from '../../components/Card';
-import { Select } from '../../components/Select';
-import { useSettings, useSettingsStore } from '../../stores';
-export const RoutePrioritySelect = () => {
-    const { t } = useTranslation();
-    const setValue = useSettingsStore((state) => state.setValue);
-    const { routePriority } = useSettings(['routePriority']);
-    const value = routePriority ?? '';
-    return (_jsxs(Card, { children: [_jsx(CardTitle, { children: t(`settings.routePriority`) }), _jsx(FormControl, { fullWidth: true, children: _jsx(Select, { MenuProps: { elevation: 2 }, value: value, onChange: (event) => setValue('routePriority', event.target.value), IconComponent: KeyboardArrowDownIcon, dense: true, children: Orders.map((order) => {
-                        const tag = t(`main.tags.${order.toLowerCase()}`);
-                        const tagName = `${tag[0]}${tag.slice(1).toLowerCase()}`;
-                        return (_jsx(MenuItem, { value: order, children: tagName }, order));
-                    }) }) })] }));
-};

package/pages/SettingsPage/ShowDestinationWallet.d.ts

@@ -1 +0,0 @@
-export declare const ShowDestinationWallet: () => import("react/jsx-runtime").JSX.Element | null;

package/pages/SettingsPage/SlippageInput.d.ts

@@ -1 +0,0 @@
-export declare const SlippageInput: () => import("react/jsx-runtime").JSX.Element;

package/pages/SettingsPage/SlippageInput.js

@@ -1,26 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { FormControl, InputAdornment } from '@mui/material';
-import { useRef } from 'react';
-import { useTranslation } from 'react-i18next';
-import { Card, CardTitle } from '../../components/Card';
-import { Input } from '../../components/Input';
-import { useSettings, useSettingsStore } from '../../stores';
-import { formatSlippage } from '../../utils';
-export const SlippageInput = () => {
-    const { t } = useTranslation();
-    const { slippage } = useSettings(['slippage']);
-    const setValue = useSettingsStore((state) => state.setValue);
-    const defaultValue = useRef(slippage);
-    const handleChange = (event) => {
-        const { value } = event.target;
-        setValue('slippage', formatSlippage(value, defaultValue.current, true));
-    };
-    const handleBlur = (event) => {
-        const { value } = event.target;
-        setValue('slippage', formatSlippage(value, defaultValue.current));
-    };
-    const value = slippage ?? '';
-    return (_jsxs(Card, { children: [_jsx(CardTitle, { children: t(`settings.slippage`) }), _jsx(FormControl, { fullWidth: true, children: _jsx(Input, { size: "small", placeholder: t(`settings.slippage`), endAdornment: _jsx(InputAdornment, { position: "end", children: "%" }), autoComplete: "off", inputProps: {
-                        inputMode: 'decimal',
-                    }, onChange: handleChange, onBlur: handleBlur, value: value }) })] }));
-};

package/providers/SDKProvider/SDKProvider.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import { LiFi } from '@lifi/sdk';
-export declare const useLiFi: () => LiFi;
-export declare const SDKProvider: React.FC<React.PropsWithChildren>;

package/providers/SDKProvider/SDKProvider.js

@@ -1,36 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { LiFi } from '@lifi/sdk';
-import { createContext, useContext, useMemo } from 'react';
-import { version } from '../../config/version';
-import { useWidgetConfig } from '../WidgetProvider';
-let lifi;
-const SDKContext = createContext(null);
-export const useLiFi = () => useContext(SDKContext);
-export const SDKProvider = ({ children, }) => {
-    const { sdkConfig, integrator, apiKey, fee, referrer, routePriority, slippage, } = useWidgetConfig();
-    const value = useMemo(() => {
-        const config = {
-            ...sdkConfig,
-            apiKey,
-            integrator: integrator ?? window.location.hostname,
-            defaultRouteOptions: {
-                integrator: integrator ?? window.location.hostname,
-                fee,
-                referrer,
-                order: routePriority,
-                slippage,
-                ...sdkConfig?.defaultRouteOptions,
-            },
-        };
-        if (!lifi) {
-            lifi = new LiFi({
-                disableVersionCheck: true,
-                widgetVersion: version,
-                ...config,
-            });
-        }
-        lifi.setConfig(config);
-        return lifi;
-    }, [apiKey, fee, integrator, referrer, routePriority, sdkConfig, slippage]);
-    return _jsx(SDKContext.Provider, { value: value, children: children });
-};

package/providers/SDKProvider/index.d.ts

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

package/providers/SDKProvider/index.js

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

package/providers/WalletProvider/types.d.ts

@@ -1,17 +0,0 @@
-import type { Signer } from '@ethersproject/abstract-signer';
-import type { StaticToken } from '@lifi/sdk';
-import type { Wallet } from '@lifi/wallet-management';
-export interface WalletContextProps {
-    account: WalletAccount;
-    addChain(chainId: number): Promise<boolean>;
-    addToken(chainId: number, token: StaticToken): Promise<void>;
-    disconnect(wallet?: Wallet): void;
-    switchChain(chainId: number): Promise<Signer | undefined>;
-    connect(wallet?: Wallet | undefined): Promise<void>;
-}
-export interface WalletAccount {
-    isActive?: boolean;
-    chainId?: number;
-    address?: string;
-    signer?: Signer;
-}

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);
-};