@lifi/widget 1.13.0 → 1.13.3

package/cjs/pages/SwapRoutesPage/SwapRoutesPage.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SwapRoutesPage = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_router_dom_1 = require("react-router-dom");
+const Header_1 = require("../../components/Header");
+const ProgressToNextUpdate_1 = require("../../components/ProgressToNextUpdate");
+const SwapRouteCard_1 = require("../../components/SwapRouteCard");
+const hooks_1 = require("../../hooks");
+const stores_1 = require("../../stores");
+const utils_1 = require("../../utils");
+const SwapRoutesPage_style_1 = require("./SwapRoutesPage.style");
+const SwapRoutesPage = () => {
+    const navigate = (0, react_router_dom_1.useNavigate)();
+    const { pathname } = (0, react_router_dom_1.useLocation)();
+    const setHeaderAction = (0, Header_1.useSetHeaderAction)();
+    const { routes: swapRoutes, isLoading, isFetching, isFetched, dataUpdatedAt, refetchTime, refetch, } = (0, hooks_1.useSwapRoutes)();
+    const setExecutableRoute = (0, stores_1.useSetExecutableRoute)();
+    const handleRouteClick = (route) => {
+        setExecutableRoute(route);
+        navigate(utils_1.navigationRoutes.swapExecution, {
+            state: { routeId: route.id },
+        });
+    };
+    (0, react_1.useEffect)(() => {
+        if (!(swapRoutes === null || swapRoutes === void 0 ? void 0 : swapRoutes.length) && !isLoading && !isFetching) {
+            navigate(pathname.substring(0, pathname.lastIndexOf('/')));
+        }
+        // redirect to the home page if no routes are found on page reload
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    (0, react_1.useEffect)(() => {
+        return setHeaderAction((0, jsx_runtime_1.jsx)(ProgressToNextUpdate_1.ProgressToNextUpdate, { updatedAt: dataUpdatedAt || new Date().getTime(), timeToUpdate: refetchTime, isLoading: isFetching, onClick: () => refetch(), sx: { marginRight: -1 }, size: "medium", edge: "end" }));
+    }, [dataUpdatedAt, isFetching, refetch, refetchTime, setHeaderAction]);
+    const routeNotFound = !(swapRoutes === null || swapRoutes === void 0 ? void 0 : swapRoutes.length) && !isLoading && !isFetching;
+    return ((0, jsx_runtime_1.jsx)(SwapRoutesPage_style_1.Stack, Object.assign({ direction: "column", spacing: 2, flex: 1 }, { children: routeNotFound ? ((0, jsx_runtime_1.jsx)(SwapRouteCard_1.SwapRouteNotFoundCard, {})) : isLoading || isFetching ? (Array.from({ length: 3 }).map((_, index) => ((0, jsx_runtime_1.jsx)(SwapRouteCard_1.SwapRouteCardSkeleton, {}, index)))) : (swapRoutes === null || swapRoutes === void 0 ? void 0 : swapRoutes.map((route) => ((0, jsx_runtime_1.jsx)(SwapRouteCard_1.SwapRouteCard, { route: route, onClick: () => handleRouteClick(route) }, route.id)))) })));
+};
+exports.SwapRoutesPage = SwapRoutesPage;

package/cjs/pages/SwapRoutesPage/SwapRoutesPage.style.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export declare const Stack: import("@emotion/styled").StyledComponent<import("@mui/system").SystemProps<import("@mui/material").Theme> & {
+    ref?: import("react").Ref<unknown> | undefined;
+    children?: import("react").ReactNode;
+    direction?: import("@mui/system").ResponsiveStyleValue<"row" | "column" | "column-reverse" | "row-reverse"> | undefined;
+    spacing?: import("@mui/system").ResponsiveStyleValue<string | number> | undefined;
+    divider?: import("react").ReactNode;
+    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
+} & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
+    ref?: import("react").RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+}, keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "sx" | "ref" | "direction" | ("p" | "color" | "border" | "boxShadow" | "fontWeight" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint") | "divider" | "spacing"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/cjs/pages/SwapRoutesPage/SwapRoutesPage.style.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Stack = void 0;
+const material_1 = require("@mui/material");
+const styles_1 = require("@mui/material/styles");
+exports.Stack = (0, styles_1.styled)(material_1.Stack)(({ theme }) => ({
+    position: 'relative',
+    padding: theme.spacing(1, 3),
+}));

package/cjs/pages/SwapRoutesPage/index.d.ts

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

package/cjs/pages/SwapRoutesPage/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./SwapRoutesPage"), exports);

package/cjs/providers/SwapFormProvider/SwapFormProvider.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const formDefaultValues: {
+    fromAmount: string;
+    tokenSearchFilter: string;
+};
+export declare const SwapFormProvider: React.FC<React.PropsWithChildren<{}>>;

package/cjs/providers/SwapFormProvider/SwapFormProvider.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SwapFormProvider = exports.formDefaultValues = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const sdk_1 = require("@lifi/sdk");
+const react_1 = require("react");
+const react_hook_form_1 = require("react-hook-form");
+const WalletProvider_1 = require("../WalletProvider");
+const WidgetProvider_1 = require("../WidgetProvider");
+const types_1 = require("./types");
+exports.formDefaultValues = {
+    [types_1.SwapFormKey.FromAmount]: '',
+    [types_1.SwapFormKey.TokenSearchFilter]: '',
+};
+const SwapFormProvider = ({ children, }) => {
+    const { account } = (0, WalletProvider_1.useWallet)();
+    const { fromChain, fromToken, fromAmount, toChain, toToken } = (0, WidgetProvider_1.useWidgetConfig)();
+    const methods = (0, react_hook_form_1.useForm)({
+        defaultValues: Object.assign(Object.assign({}, exports.formDefaultValues), { fromChain: fromChain !== null && fromChain !== void 0 ? fromChain : sdk_1.ChainId.ETH, fromToken, fromAmount: (typeof fromAmount === 'number'
+                ? fromAmount === null || fromAmount === void 0 ? void 0 : fromAmount.toPrecision()
+                : fromAmount) || exports.formDefaultValues.fromAmount, toChain: toChain !== null && toChain !== void 0 ? toChain : sdk_1.ChainId.ETH, toToken }),
+    });
+    // Set wallet chain as default if no chains are provided by config and if they were not changed during widget usage
+    (0, react_1.useEffect)(() => {
+        if (!account.isActive || !account.chainId) {
+            return;
+        }
+        const { isDirty: isFromChainDirty, isTouched: isFromChainTouched } = methods.getFieldState(types_1.SwapFormKey.FromChain, methods.formState);
+        if (!fromChain && !isFromChainDirty && !isFromChainTouched) {
+            methods.setValue(types_1.SwapFormKey.FromChain, account.chainId, {
+                shouldDirty: false,
+                shouldTouch: false,
+            });
+        }
+        const { isDirty: isToChainDirty, isTouched: isToChainTouched } = methods.getFieldState(types_1.SwapFormKey.ToChain, methods.formState);
+        if (!toChain && !isToChainDirty && !isToChainTouched) {
+            methods.setValue(types_1.SwapFormKey.ToChain, account.chainId, {
+                shouldDirty: false,
+                shouldTouch: false,
+            });
+        }
+    }, [account.chainId, account.isActive, fromChain, methods, toChain]);
+    return (0, jsx_runtime_1.jsx)(react_hook_form_1.FormProvider, Object.assign({}, methods, { children: children }));
+};
+exports.SwapFormProvider = SwapFormProvider;

package/cjs/providers/SwapFormProvider/index.d.ts

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

package/cjs/providers/SwapFormProvider/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./SwapFormProvider"), exports);
+__exportStar(require("./types"), exports);

package/cjs/providers/SwapFormProvider/types.d.ts

@@ -0,0 +1,25 @@
+export declare enum SwapFormKey {
+    FromAmount = "fromAmount",
+    FromChain = "fromChain",
+    FromToken = "fromToken",
+    TokenSearchFilter = "tokenSearchFilter",
+    ToChain = "toChain",
+    ToToken = "toToken"
+}
+export declare type SwapFormValues = {
+    [SwapFormKey.FromAmount]: string;
+    [SwapFormKey.FromChain]: number;
+    [SwapFormKey.FromToken]: string;
+    [SwapFormKey.TokenSearchFilter]: string;
+    [SwapFormKey.ToChain]: number;
+    [SwapFormKey.ToToken]: string;
+};
+export declare type SwapFormDirection = 'from' | 'to';
+export declare const SwapFormKeyHelper: {
+    getChainKey: (formType: SwapFormDirection) => 'fromChain' | 'toChain';
+    getTokenKey: (formType: SwapFormDirection) => 'fromToken' | 'toToken';
+    getAmountKey: (formType: SwapFormDirection) => 'fromAmount' | 'toAmount';
+};
+export interface SwapFormTypeProps {
+    formType: SwapFormDirection;
+}

package/cjs/providers/SwapFormProvider/types.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SwapFormKeyHelper = exports.SwapFormKey = void 0;
+var SwapFormKey;
+(function (SwapFormKey) {
+    SwapFormKey["FromAmount"] = "fromAmount";
+    SwapFormKey["FromChain"] = "fromChain";
+    SwapFormKey["FromToken"] = "fromToken";
+    SwapFormKey["TokenSearchFilter"] = "tokenSearchFilter";
+    SwapFormKey["ToChain"] = "toChain";
+    SwapFormKey["ToToken"] = "toToken";
+})(SwapFormKey = exports.SwapFormKey || (exports.SwapFormKey = {}));
+exports.SwapFormKeyHelper = {
+    getChainKey: (formType) => `${formType}Chain`,
+    getTokenKey: (formType) => `${formType}Token`,
+    getAmountKey: (formType) => `${formType}Amount`,
+};

package/cjs/providers/ThemeProvider/ThemeProvider.d.ts

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

package/cjs/providers/ThemeProvider/ThemeProvider.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ThemeProvider = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const styles_1 = require("@mui/material/styles");
+const react_1 = require("react");
+const theme_1 = require("../../config/theme");
+const stores_1 = require("../../stores");
+const WidgetProvider_1 = require("../WidgetProvider");
+const ThemeProvider = ({ children, }) => {
+    const { appearance: colorSchemeMode, theme: themeConfig } = (0, WidgetProvider_1.useWidgetConfig)();
+    const prefersDarkMode = (0, material_1.useMediaQuery)('(prefers-color-scheme: dark)');
+    const [appearance, setAppearance] = (0, stores_1.useAppearance)();
+    const [mode, setMode] = (0, react_1.useState)((colorSchemeMode !== null && colorSchemeMode !== void 0 ? colorSchemeMode : appearance === 'auto')
+        ? prefersDarkMode
+            ? 'dark'
+            : 'light'
+        : appearance);
+    (0, react_1.useEffect)(() => {
+        if (appearance === 'auto') {
+            setMode(prefersDarkMode ? 'dark' : 'light');
+        }
+        else {
+            setMode(appearance);
+        }
+    }, [appearance, prefersDarkMode]);
+    (0, react_1.useEffect)(() => {
+        if (colorSchemeMode) {
+            setAppearance(colorSchemeMode);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [colorSchemeMode]);
+    const theme = (0, react_1.useMemo)(() => (0, theme_1.createTheme)(mode, themeConfig), [mode, themeConfig]);
+    return (0, jsx_runtime_1.jsx)(styles_1.ThemeProvider, Object.assign({ theme: theme }, { children: children }));
+};
+exports.ThemeProvider = ThemeProvider;

package/cjs/providers/ThemeProvider/index.d.ts

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

package/cjs/providers/ThemeProvider/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./ThemeProvider"), exports);

package/cjs/providers/WalletProvider/WalletProvider.d.ts

@@ -0,0 +1,19 @@
+import { Signer } from 'ethers';
+import { FC, PropsWithChildren } from 'react';
+import { WidgetWalletManagement } from '../../types';
+import type { WalletContextProps } from './types';
+export declare const useWallet: () => WalletContextProps;
+export declare const WalletProvider: FC<PropsWithChildren<{
+    walletManagement?: WidgetWalletManagement;
+}>>;
+export declare const extractAccountFromSigner: (signer?: Signer) => Promise<{
+    address: string | undefined;
+    isActive: boolean;
+    signer: Signer | undefined;
+    chainId: number | undefined;
+} | {
+    address?: undefined;
+    isActive?: undefined;
+    signer?: undefined;
+    chainId?: undefined;
+}>;

package/cjs/providers/WalletProvider/WalletProvider.js

@@ -0,0 +1,106 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.extractAccountFromSigner = exports.WalletProvider = exports.useWallet = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const wallet_management_1 = require("@lifi/wallet-management");
+const react_1 = require("react");
+const stub = () => {
+    throw new Error('You forgot to wrap your component in <WalletProvider>.');
+};
+const initialContext = {
+    connect: stub,
+    disconnect: stub,
+    switchChain: stub,
+    addChain: stub,
+    addToken: stub,
+    account: {},
+};
+const WalletContext = (0, react_1.createContext)(initialContext);
+const useWallet = () => (0, react_1.useContext)(WalletContext);
+exports.useWallet = useWallet;
+const WalletProvider = ({ children, walletManagement }) => {
+    const { connect: walletManagementConnect, disconnect: walletManagementDisconnect, signer, } = (0, wallet_management_1.useLiFiWalletManagement)();
+    const [account, setAccount] = (0, react_1.useState)({});
+    const connect = (0, react_1.useCallback)((wallet) => __awaiter(void 0, void 0, void 0, function* () {
+        if (walletManagement) {
+            const signer = yield walletManagement.connect();
+            const account = yield (0, exports.extractAccountFromSigner)(signer);
+            setAccount(account);
+            return;
+        }
+        yield walletManagementConnect(wallet);
+    }), [walletManagement, walletManagementConnect]);
+    const disconnect = (0, react_1.useCallback)(() => __awaiter(void 0, void 0, void 0, function* () {
+        if (walletManagement) {
+            yield walletManagement.disconnect();
+            setAccount({});
+            return;
+        }
+        yield walletManagementDisconnect();
+    }), [walletManagement, walletManagementDisconnect]);
+    // only for injected wallets
+    const switchChain = (0, react_1.useCallback)((chainId) => __awaiter(void 0, void 0, void 0, function* () {
+        if (walletManagement === null || walletManagement === void 0 ? void 0 : walletManagement.switchChain) {
+            const signer = yield walletManagement.switchChain(chainId);
+            const account = yield (0, exports.extractAccountFromSigner)(signer);
+            setAccount(account);
+            return true;
+        }
+        return (0, wallet_management_1.switchChain)(chainId);
+    }), [walletManagement]);
+    const addChain = (0, react_1.useCallback)((chainId) => __awaiter(void 0, void 0, void 0, function* () {
+        if (walletManagement === null || walletManagement === void 0 ? void 0 : walletManagement.addChain) {
+            return walletManagement.addChain(chainId);
+        }
+        return (0, wallet_management_1.addChain)(chainId);
+    }), [walletManagement]);
+    const addToken = (0, react_1.useCallback)((chainId, token) => __awaiter(void 0, void 0, void 0, function* () {
+        if (walletManagement === null || walletManagement === void 0 ? void 0 : walletManagement.addToken) {
+            return walletManagement.addToken(token, chainId);
+        }
+        return (0, wallet_management_1.switchChainAndAddToken)(chainId, token);
+    }), [walletManagement]);
+    // keep account information up to date
+    (0, react_1.useEffect)(() => {
+        const updateAccount = () => __awaiter(void 0, void 0, void 0, function* () {
+            var _a;
+            const account = yield (0, exports.extractAccountFromSigner)((_a = walletManagement === null || walletManagement === void 0 ? void 0 : walletManagement.signer) !== null && _a !== void 0 ? _a : signer);
+            setAccount(account);
+        });
+        updateAccount();
+    }, [signer, walletManagement]);
+    const value = (0, react_1.useMemo)(() => ({
+        connect,
+        disconnect,
+        switchChain,
+        addChain,
+        addToken,
+        account,
+    }), [account, addChain, addToken, connect, disconnect, switchChain]);
+    return ((0, jsx_runtime_1.jsx)(WalletContext.Provider, Object.assign({ value: value }, { children: children })));
+};
+exports.WalletProvider = WalletProvider;
+const extractAccountFromSigner = (signer) => __awaiter(void 0, void 0, void 0, function* () {
+    try {
+        return {
+            address: (yield (signer === null || signer === void 0 ? void 0 : signer.getAddress())) || undefined,
+            isActive: (signer && !!(yield signer.getAddress()) === null) || !!signer,
+            signer,
+            chainId: (yield (signer === null || signer === void 0 ? void 0 : signer.getChainId())) || undefined,
+        };
+    }
+    catch (error) {
+        console.log(error);
+        return {};
+    }
+});
+exports.extractAccountFromSigner = extractAccountFromSigner;

package/cjs/providers/WalletProvider/index.d.ts

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

package/cjs/providers/WalletProvider/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./types"), exports);
+__exportStar(require("./WalletProvider"), exports);

package/cjs/providers/WalletProvider/types.d.ts

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

package/cjs/providers/WalletProvider/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/cjs/providers/WidgetProvider/WidgetProvider.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { WidgetContextProps, WidgetProviderProps } from './types';
+export declare const useWidgetConfig: () => WidgetContextProps;
+export declare const WidgetProvider: React.FC<React.PropsWithChildren<WidgetProviderProps>>;

package/cjs/providers/WidgetProvider/WidgetProvider.js

@@ -0,0 +1,68 @@
+"use strict";
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WidgetProvider = exports.useWidgetConfig = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const sdk_1 = require("@lifi/sdk");
+const react_1 = require("react");
+const lifi_1 = require("../../config/lifi");
+const stub = () => {
+    throw new Error('You forgot to wrap your component in <WidgetProvider>.');
+};
+const initialContext = {
+    disabledChains: [],
+};
+const WidgetContext = (0, react_1.createContext)(initialContext);
+const useWidgetConfig = () => (0, react_1.useContext)(WidgetContext);
+exports.useWidgetConfig = useWidgetConfig;
+const WidgetProvider = (_a) => {
+    var { children } = _a, _b = _a.config, _c = _b === void 0 ? {} : _b, { fromChain, fromToken, toChain, toToken, fromAmount, integrator } = _c, config = __rest(_c, ["fromChain", "fromToken", "toChain", "toToken", "fromAmount", "integrator"]);
+    const value = (0, react_1.useMemo)(() => {
+        var _a, _b, _c, _d;
+        try {
+            const searchParams = Object.fromEntries(new URLSearchParams(window === null || window === void 0 ? void 0 : window.location.search));
+            return Object.assign(Object.assign({}, config), { fromChain: (searchParams.fromChain &&
+                    isNaN(parseInt(searchParams.fromChain, 10))) ||
+                    typeof fromChain === 'string'
+                    ? (0, sdk_1.getChainByKey)((_a = (searchParams.fromChain || fromChain)) === null || _a === void 0 ? void 0 : _a.toLowerCase()).id
+                    : (searchParams.fromChain &&
+                        !isNaN(parseInt(searchParams.fromChain, 10))) ||
+                        typeof fromChain === 'number'
+                        ? parseInt(searchParams.fromChain, 10) || fromChain
+                        : undefined, toChain: (searchParams.toChain && isNaN(parseInt(searchParams.toChain, 10))) ||
+                    typeof toChain === 'string'
+                    ? (0, sdk_1.getChainByKey)((_b = (searchParams.toChain || toChain)) === null || _b === void 0 ? void 0 : _b.toLowerCase()).id
+                    : (searchParams.toChain &&
+                        !isNaN(parseInt(searchParams.toChain, 10))) ||
+                        typeof toChain === 'number'
+                        ? parseInt(searchParams.toChain, 10) || toChain
+                        : undefined, fromToken: ((_c = searchParams.fromToken) === null || _c === void 0 ? void 0 : _c.toLowerCase()) || (fromToken === null || fromToken === void 0 ? void 0 : fromToken.toLowerCase()), toToken: ((_d = searchParams.toToken) === null || _d === void 0 ? void 0 : _d.toLowerCase()) || (toToken === null || toToken === void 0 ? void 0 : toToken.toLowerCase()), fromAmount: typeof searchParams.fromAmount === 'string' &&
+                    !isNaN(parseFloat(searchParams.fromAmount))
+                    ? searchParams.fromAmount
+                    : fromAmount });
+        }
+        catch (e) {
+            console.warn(e);
+            return config;
+        }
+    }, [config, fromAmount, fromChain, fromToken, toChain, toToken]);
+    (0, react_1.useEffect)(() => {
+        (0, lifi_1.updateLiFiConfig)({
+            defaultRouteOptions: {
+                integrator: integrator !== null && integrator !== void 0 ? integrator : window.location.hostname,
+            },
+        });
+    }, [integrator]);
+    return ((0, jsx_runtime_1.jsx)(WidgetContext.Provider, Object.assign({ value: value }, { children: children })));
+};
+exports.WidgetProvider = WidgetProvider;

package/cjs/providers/WidgetProvider/index.d.ts

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

package/cjs/providers/WidgetProvider/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./types"), exports);
+__exportStar(require("./WidgetProvider"), exports);

package/cjs/providers/WidgetProvider/types.d.ts

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

package/cjs/providers/WidgetProvider/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/cjs/stores/index.d.ts

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

package/cjs/stores/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./route"), exports);
+__exportStar(require("./settings"), exports);

package/cjs/stores/route/index.d.ts

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

package/cjs/stores/route/index.js

@@ -0,0 +1,21 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./types"), exports);
+__exportStar(require("./useExecutingRoutes"), exports);
+__exportStar(require("./useRouteStore"), exports);
+__exportStar(require("./useSetExecutableRoute"), exports);
+__exportStar(require("./useSwapHistory"), exports);

package/cjs/stores/route/types.d.ts

@@ -0,0 +1,14 @@
+import { Route } from '@lifi/sdk';
+export interface RouteExecutionStore {
+    routes: Partial<Record<string, RouteExecution>>;
+    setExecutableRoute: (route: Route) => void;
+    updateRoute: (route: Route) => void;
+    restartRoute: (routeId: string) => void;
+    deleteRoute: (routeId: string) => void;
+    deleteRoutes: () => void;
+}
+export declare type RouteExecutionStatus = 'error' | 'idle' | 'loading' | 'success';
+export interface RouteExecution {
+    route: Route;
+    status: RouteExecutionStatus;
+}

package/cjs/stores/route/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/cjs/stores/route/useExecutingRoutes.d.ts

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