@lifi/widget 1.31.1 → 1.32.1

package/cjs/pages/SwapPage/TokenValueBottomSheet.js

@@ -12,30 +12,29 @@ const hooks_1 = require("../../hooks");
 const StatusBottomSheet_style_1 = require("./StatusBottomSheet.style");
 exports.TokenValueBottomSheet = (0, react_1.forwardRef)(({ route, onContinue, onCancel }, ref) => {
     const handleCancel = () => {
-        var _a;
-        (_a = ref.current) === null || _a === void 0 ? void 0 : _a.close();
-        onCancel === null || onCancel === void 0 ? void 0 : onCancel();
+        ref.current?.close();
+        onCancel?.();
     };
-    return ((0, jsx_runtime_1.jsx)(BottomSheet_1.BottomSheet, Object.assign({ ref: ref, onClose: onCancel }, { children: (0, jsx_runtime_1.jsx)(TokenValueBottomSheetContent, { route: route, onContinue: onContinue, onCancel: handleCancel }) })));
+    return ((0, jsx_runtime_1.jsx)(BottomSheet_1.BottomSheet, { ref: ref, onClose: onCancel, children: (0, jsx_runtime_1.jsx)(TokenValueBottomSheetContent, { route: route, onContinue: onContinue, onCancel: handleCancel }) }));
 });
 const TokenValueBottomSheetContent = ({ route, onCancel, onContinue, }) => {
     const { t } = (0, react_i18next_1.useTranslation)();
     const ref = (0, react_1.useRef)();
     (0, hooks_1.useSetContentHeight)(ref);
-    return ((0, jsx_runtime_1.jsxs)(material_1.Box, Object.assign({ p: 3, ref: ref }, { children: [(0, jsx_runtime_1.jsxs)(StatusBottomSheet_style_1.IconContainer, { children: [(0, jsx_runtime_1.jsx)(StatusBottomSheet_style_1.IconCircle, Object.assign({ status: "warning", mb: 1 }, { children: (0, jsx_runtime_1.jsx)(icons_material_1.WarningRounded, { color: "warning" }) })), (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ py: 1, fontSize: 18, fontWeight: 700 }, { children: t('swap.warning.title.highValueLoss') }))] }), (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ py: 1 }, { children: t('swap.warning.message.highValueLoss') })), (0, jsx_runtime_1.jsxs)(material_1.Box, Object.assign({ display: "flex", justifyContent: "space-between", mt: 1 }, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { children: t('swap.swapping') }), (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ fontWeight: 600 }, { children: t('format.currency', { value: route.fromAmountUSD }) }))] })), (0, jsx_runtime_1.jsxs)(material_1.Box, Object.assign({ display: "flex", justifyContent: "space-between", mt: 0.25 }, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { children: t('swap.gasCost') }), (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ fontWeight: 600 }, { children: t('format.currency', { value: route.gasCostUSD }) }))] })), (0, jsx_runtime_1.jsxs)(material_1.Box, Object.assign({ display: "flex", justifyContent: "space-between", mt: 0.25 }, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { children: t('swap.receiving') }), (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ fontWeight: 600 }, { children: t('format.currency', { value: route.toAmountUSD }) }))] })), (0, jsx_runtime_1.jsxs)(material_1.Box, Object.assign({ display: "flex", justifyContent: "space-between", mt: 0.25 }, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { children: t('swap.valueLoss') }), (0, jsx_runtime_1.jsxs)(material_1.Typography, Object.assign({ fontWeight: 600 }, { children: [(0, big_js_1.default)(route.toAmountUSD || 0)
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { p: 3, ref: ref, children: [(0, jsx_runtime_1.jsxs)(StatusBottomSheet_style_1.IconContainer, { children: [(0, jsx_runtime_1.jsx)(StatusBottomSheet_style_1.IconCircle, { status: "warning", mb: 1, children: (0, jsx_runtime_1.jsx)(icons_material_1.WarningRounded, { color: "warning" }) }), (0, jsx_runtime_1.jsx)(material_1.Typography, { py: 1, fontSize: 18, fontWeight: 700, children: t('swap.warning.title.highValueLoss') })] }), (0, jsx_runtime_1.jsx)(material_1.Typography, { py: 1, children: t('swap.warning.message.highValueLoss') }), (0, jsx_runtime_1.jsxs)(material_1.Box, { display: "flex", justifyContent: "space-between", mt: 1, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { children: t('swap.swapping') }), (0, jsx_runtime_1.jsx)(material_1.Typography, { fontWeight: 600, children: t('format.currency', { value: route.fromAmountUSD }) })] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { display: "flex", justifyContent: "space-between", mt: 0.25, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { children: t('swap.gasCost') }), (0, jsx_runtime_1.jsx)(material_1.Typography, { fontWeight: 600, children: t('format.currency', { value: route.gasCostUSD }) })] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { display: "flex", justifyContent: "space-between", mt: 0.25, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { children: t('swap.receiving') }), (0, jsx_runtime_1.jsx)(material_1.Typography, { fontWeight: 600, children: t('format.currency', { value: route.toAmountUSD }) })] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { display: "flex", justifyContent: "space-between", mt: 0.25, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { children: t('swap.valueLoss') }), (0, jsx_runtime_1.jsxs)(material_1.Typography, { fontWeight: 600, children: [(0, big_js_1.default)(route.toAmountUSD || 0)
                                 .div((0, big_js_1.default)(route.fromAmountUSD || 0).plus((0, big_js_1.default)(route.gasCostUSD || 0)))
                                 .minus(1)
                                 .mul(100)
                                 .round(2, big_js_1.default.roundUp)
-                                .toString(), "%"] }))] })), (0, jsx_runtime_1.jsxs)(material_1.Box, Object.assign({ display: "flex", mt: 3 }, { children: [(0, jsx_runtime_1.jsx)(material_1.Button, Object.assign({ variant: "text", onClick: onCancel, fullWidth: true }, { children: t('button.cancel') })), (0, jsx_runtime_1.jsx)(material_1.Box, { display: "flex", p: 1 }), (0, jsx_runtime_1.jsx)(material_1.Button, Object.assign({ variant: "contained", onClick: onContinue, fullWidth: true }, { children: t('button.continue') }))] }))] })));
+                                .toString(), "%"] })] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { display: "flex", mt: 3, children: [(0, jsx_runtime_1.jsx)(material_1.Button, { variant: "text", onClick: onCancel, fullWidth: true, children: t('button.cancel') }), (0, jsx_runtime_1.jsx)(material_1.Box, { display: "flex", p: 1 }), (0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", onClick: onContinue, fullWidth: true, children: t('button.continue') })] })] }));
 };
 const getTokenValueLossThreshold = (route) => {
     if (!route) {
         return false;
     }
-    const fromAmountUSD = (0, big_js_1.default)((route === null || route === void 0 ? void 0 : route.fromAmountUSD) || 0);
-    const toAmountUSD = (0, big_js_1.default)((route === null || route === void 0 ? void 0 : route.toAmountUSD) || 0);
-    const gasCostUSD = (0, big_js_1.default)((route === null || route === void 0 ? void 0 : route.gasCostUSD) || 0);
+    const fromAmountUSD = (0, big_js_1.default)(route?.fromAmountUSD || 0);
+    const toAmountUSD = (0, big_js_1.default)(route?.toAmountUSD || 0);
+    const gasCostUSD = (0, big_js_1.default)(route?.gasCostUSD || 0);
     if (fromAmountUSD.eq(0) && toAmountUSD.eq(0)) {
         return false;
     }

package/cjs/pages/SwapRoutesPage/SwapRoutesPage.js

@@ -21,7 +21,7 @@ const SwapRoutesPage = () => {
         });
     };
     (0, react_1.useEffect)(() => {
-        if (!(swapRoutes === null || swapRoutes === void 0 ? void 0 : swapRoutes.length) && !isLoading && !isFetching) {
+        if (!swapRoutes?.length && !isLoading && !isFetching) {
             navigateBack();
         }
         // redirect to the home page if no routes are found on page reload
@@ -32,7 +32,7 @@ const SwapRoutesPage = () => {
             .getState()
             .setAction((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]);
-    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 ? (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, index) => ((0, jsx_runtime_1.jsx)(SwapRouteCard_1.SwapRouteCard, { route: route, onClick: () => handleRouteClick(route), active: index === 0 }, route.id)))) })));
+    const routeNotFound = !swapRoutes?.length && !isLoading && !isFetching;
+    return ((0, jsx_runtime_1.jsx)(SwapRoutesPage_style_1.Stack, { direction: "column", spacing: 2, flex: 1, children: routeNotFound ? ((0, jsx_runtime_1.jsx)(SwapRouteCard_1.SwapRouteNotFoundCard, {})) : isLoading ? (Array.from({ length: 3 }).map((_, index) => ((0, jsx_runtime_1.jsx)(SwapRouteCard_1.SwapRouteCardSkeleton, {}, index)))) : (swapRoutes?.map((route, index) => ((0, jsx_runtime_1.jsx)(SwapRouteCard_1.SwapRouteCard, { route: route, onClick: () => handleRouteClick(route), active: index === 0 }, route.id)))) }));
 };
 exports.SwapRoutesPage = SwapRoutesPage;

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

@@ -6,6 +6,6 @@ export declare const Stack: import("@emotion/styled").StyledComponent<import("@m
     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>> & {
+} & 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" | "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/providers/I18nProvider/I18nProvider.js

@@ -14,12 +14,11 @@ const I18nProvider = ({ children, }) => {
     const { languageResources, languages, disableI18n } = (0, WidgetProvider_1.useWidgetConfig)();
     const { language } = (0, stores_1.useSettings)(['language']);
     const i18n = (0, react_1.useMemo)(() => {
-        var _a, _b;
         let resources = Object.keys(supportedLanguages)
             .filter((lng) => (0, WidgetProvider_1.isItemAllowed)(lng, languages))
             .reduce((resources, lng) => {
             resources[lng] = {
-                translation: (languageResources === null || languageResources === void 0 ? void 0 : languageResources[lng])
+                translation: languageResources?.[lng]
                     ? (0, utils_1.deepMerge)(supportedLanguages[lng], languageResources[lng])
                     : supportedLanguages[lng],
             };
@@ -36,12 +35,12 @@ const I18nProvider = ({ children, }) => {
             }, resources);
         }
         let i18n = i18next_1.default.createInstance({
-            lng: (languages === null || languages === void 0 ? void 0 : languages.default) || language,
+            lng: languages?.default || language,
             fallbackLng: resources.en
                 ? 'en'
-                : (languages === null || languages === void 0 ? void 0 : languages.default) ||
-                    ((_a = languages === null || languages === void 0 ? void 0 : languages.allow) === null || _a === void 0 ? void 0 : _a[0]) ||
-                    ((_b = Object.keys(resources)) === null || _b === void 0 ? void 0 : _b[0]),
+                : languages?.default ||
+                    languages?.allow?.[0] ||
+                    Object.keys(resources)?.[0],
             lowerCaseLng: true,
             interpolation: {
                 escapeValue: false,
@@ -51,12 +50,12 @@ const I18nProvider = ({ children, }) => {
                 caches: [],
             },
         });
-        if (!language && !(languages === null || languages === void 0 ? void 0 : languages.default) && !disableI18n) {
+        if (!language && !languages?.default && !disableI18n) {
             i18n = i18n.use(i18next_browser_languagedetector_1.default);
         }
         i18n.use(react_i18next_1.initReactI18next).init();
         return i18n;
     }, [disableI18n, language, languageResources, languages]);
-    return (0, jsx_runtime_1.jsx)(react_i18next_1.I18nextProvider, Object.assign({ i18n: i18n }, { children: children }));
+    return (0, jsx_runtime_1.jsx)(react_i18next_1.I18nextProvider, { i18n: i18n, children: children });
 };
 exports.I18nProvider = I18nProvider;

package/cjs/providers/SDKProvider/SDKProvider.js

@@ -12,15 +12,26 @@ exports.useLiFi = useLiFi;
 const SDKProvider = ({ children, }) => {
     const { sdkConfig, fee, integrator, referrer, routePriority, slippage } = (0, WidgetProvider_1.useWidgetConfig)();
     const value = (0, react_1.useMemo)(() => {
-        const config = Object.assign(Object.assign({}, sdkConfig), { defaultRouteOptions: Object.assign({ fee, integrator: integrator !== null && integrator !== void 0 ? integrator : window.location.hostname, referrer,
+        const config = {
+            ...sdkConfig,
+            defaultRouteOptions: {
+                fee,
+                integrator: integrator ?? window.location.hostname,
+                referrer,
                 routePriority,
-                slippage }, sdkConfig === null || sdkConfig === void 0 ? void 0 : sdkConfig.defaultRouteOptions) });
+                slippage,
+                ...sdkConfig?.defaultRouteOptions,
+            },
+        };
         if (!lifi) {
-            lifi = new sdk_1.default(Object.assign({ disableVersionCheck: true }, config));
+            lifi = new sdk_1.default({
+                disableVersionCheck: true,
+                ...config,
+            });
         }
         lifi.setConfig(config);
         return lifi;
     }, [fee, integrator, referrer, routePriority, sdkConfig, slippage]);
-    return (0, jsx_runtime_1.jsx)(SDKContext.Provider, Object.assign({ value: value }, { children: children }));
+    return (0, jsx_runtime_1.jsx)(SDKContext.Provider, { value: value, children: children });
 };
 exports.SDKProvider = SDKProvider;

package/cjs/providers/SwapFormProvider/SwapFormProvider.js

@@ -20,15 +20,21 @@ exports.formDefaultValues = {
 };
 const SwapFormProvider = ({ children, }) => {
     const { fromChain, fromToken, fromAmount, toChain, toToken, toAddress, buildSwapUrl, } = (0, WidgetProvider_1.useWidgetConfig)();
-    const defaultValues = (0, react_1.useMemo)(() => (Object.assign(Object.assign({}, exports.formDefaultValues), { fromChain,
-        fromToken, fromAmount: (typeof fromAmount === 'number'
-            ? fromAmount === null || fromAmount === void 0 ? void 0 : fromAmount.toPrecision()
-            : fromAmount) || exports.formDefaultValues.fromAmount, toChain,
-        toToken, toAddress: toAddress || exports.formDefaultValues.toAddress })), [fromAmount, fromChain, fromToken, toAddress, toChain, toToken]);
+    const defaultValues = (0, react_1.useMemo)(() => ({
+        ...exports.formDefaultValues,
+        fromChain,
+        fromToken,
+        fromAmount: (typeof fromAmount === 'number'
+            ? fromAmount?.toPrecision()
+            : fromAmount) || exports.formDefaultValues.fromAmount,
+        toChain,
+        toToken,
+        toAddress: toAddress || exports.formDefaultValues.toAddress,
+    }), [fromAmount, fromChain, fromToken, toAddress, toChain, toToken]);
     const methods = (0, react_hook_form_1.useForm)({
         // values,
         defaultValues,
     });
-    return ((0, jsx_runtime_1.jsxs)(react_hook_form_1.FormProvider, Object.assign({}, methods, { children: [(0, jsx_runtime_1.jsx)(FormUpdater_1.FormUpdater, { defaultValues: defaultValues }), buildSwapUrl ? (0, jsx_runtime_1.jsx)(URLSearchParamsBuilder_1.URLSearchParamsBuilder, {}) : null, children] })));
+    return ((0, jsx_runtime_1.jsxs)(react_hook_form_1.FormProvider, { ...methods, children: [(0, jsx_runtime_1.jsx)(FormUpdater_1.FormUpdater, { defaultValues: defaultValues }), buildSwapUrl ? (0, jsx_runtime_1.jsx)(URLSearchParamsBuilder_1.URLSearchParamsBuilder, {}) : null, children] }));
 };
 exports.SwapFormProvider = SwapFormProvider;

package/cjs/providers/SwapFormProvider/URLSearchParamsBuilder.js

@@ -1,15 +1,4 @@
 "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.URLSearchParamsBuilder = void 0;
 const react_1 = require("react");
@@ -26,7 +15,9 @@ const formValueKeys = [
 ];
 const URLSearchParamsBuilder = () => {
     const { pathname } = (0, react_router_dom_1.useLocation)();
-    const touchedFields = __rest((0, react_hook_form_1.useFormState)().touchedFields, []);
+    const { 
+    // Have to use touchedFields, because default values are not considered dirty
+    touchedFields: { ...touchedFields }, } = (0, react_hook_form_1.useFormState)();
     const values = (0, react_hook_form_1.useWatch)({ name: formValueKeys });
     (0, react_1.useEffect)(() => {
         const url = new URL(window.location);

package/cjs/providers/TelemetryProvider/TelemetryProvider.js

@@ -5,7 +5,7 @@ const __1 = require("..");
 const hooks_1 = require("../../hooks");
 const TelemetryProvider = ({ children }) => {
     const config = (0, __1.useWidgetConfig)();
-    (0, hooks_1.useTelemetry)(config === null || config === void 0 ? void 0 : config.disableTelemetry);
+    (0, hooks_1.useTelemetry)(config?.disableTelemetry);
     return children;
 };
 exports.TelemetryProvider = TelemetryProvider;

package/cjs/providers/ThemeProvider/ThemeProvider.js

@@ -12,7 +12,7 @@ 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')
+    const [mode, setMode] = (0, react_1.useState)(colorSchemeMode ?? appearance === 'auto'
         ? prefersDarkMode
             ? 'dark'
             : 'light'
@@ -32,6 +32,6 @@ const ThemeProvider = ({ children, }) => {
         // 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 }));
+    return (0, jsx_runtime_1.jsx)(styles_1.ThemeProvider, { theme: theme, children: children });
 };
 exports.ThemeProvider = ThemeProvider;

package/cjs/providers/WalletProvider/WalletProvider.js

@@ -1,13 +1,4 @@
 "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");
@@ -32,57 +23,57 @@ const WalletProvider = ({ children }) => {
     const { walletManagement } = (0, WidgetProvider_1.useWidgetConfig)();
     const { connect: walletManagementConnect, disconnect: walletManagementDisconnect, signer, provider, } = (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* () {
+    const connect = (0, react_1.useCallback)(async (wallet) => {
         if (walletManagement) {
-            const signer = yield walletManagement.connect();
-            const account = yield (0, exports.extractAccountFromSigner)(signer);
+            const signer = await walletManagement.connect();
+            const account = await (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* () {
+        await walletManagementConnect(wallet);
+    }, [walletManagement, walletManagementConnect]);
+    const disconnect = (0, react_1.useCallback)(async () => {
         if (walletManagement) {
-            yield walletManagement.disconnect();
+            await walletManagement.disconnect();
             setAccount({});
             return;
         }
-        yield walletManagementDisconnect();
-    }), [walletManagement, walletManagementDisconnect]);
+        await 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);
+    const switchChain = (0, react_1.useCallback)(async (chainId) => {
+        if (walletManagement?.switchChain) {
+            const signer = await walletManagement.switchChain(chainId);
+            const account = await (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) {
+    }, [walletManagement]);
+    const addChain = (0, react_1.useCallback)(async (chainId) => {
+        if (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) {
+    }, [walletManagement]);
+    const addToken = (0, react_1.useCallback)(async (chainId, token) => {
+        if (walletManagement?.addToken) {
             return walletManagement.addToken(token, chainId);
         }
         return (0, wallet_management_1.switchChainAndAddToken)(chainId, token);
-    }), [walletManagement]);
+    }, [walletManagement]);
     // keep account information up to date
     (0, react_1.useEffect)(() => {
-        const updateAccount = () => __awaiter(void 0, void 0, void 0, function* () {
+        const updateAccount = async () => {
             let account;
             if (walletManagement) {
-                account = yield (0, exports.extractAccountFromSigner)(walletManagement === null || walletManagement === void 0 ? void 0 : walletManagement.signer);
+                account = await (0, exports.extractAccountFromSigner)(walletManagement?.signer);
             }
             else {
-                account = yield (0, exports.extractAccountFromSigner)(signer);
+                account = await (0, exports.extractAccountFromSigner)(signer);
             }
             setAccount(account);
-        });
+        };
         updateAccount();
     }, [signer, walletManagement]);
     const value = (0, react_1.useMemo)(() => ({
@@ -94,21 +85,21 @@ const WalletProvider = ({ children }) => {
         account,
         provider,
     }), [account, addChain, addToken, connect, disconnect, provider, switchChain]);
-    return ((0, jsx_runtime_1.jsx)(WalletContext.Provider, Object.assign({ value: value }, { children: children })));
+    return ((0, jsx_runtime_1.jsx)(WalletContext.Provider, { value: value, children: children }));
 };
 exports.WalletProvider = WalletProvider;
-const extractAccountFromSigner = (signer) => __awaiter(void 0, void 0, void 0, function* () {
+const extractAccountFromSigner = async (signer) => {
     try {
         return {
-            address: yield (signer === null || signer === void 0 ? void 0 : signer.getAddress()),
-            isActive: (signer && !!(yield signer.getAddress()) === null) || !!signer,
+            address: await signer?.getAddress(),
+            isActive: (signer && !!(await signer.getAddress()) === null) || !!signer,
             signer,
-            chainId: yield (signer === null || signer === void 0 ? void 0 : signer.getChainId()),
+            chainId: await signer?.getChainId(),
         };
     }
     catch (error) {
         console.log(error);
         return {};
     }
-});
+};
 exports.extractAccountFromSigner = extractAccountFromSigner;

package/cjs/providers/WidgetProvider/WidgetProvider.js

@@ -1,15 +1,4 @@
 "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");
@@ -24,48 +13,52 @@ const initialContext = {
 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 } = _c, config = __rest(_c, ["fromChain", "fromToken", "toChain", "toToken", "fromAmount"]);
-    const settingsStoreContext = (0, stores_1.useSettingsStoreContext)();
+const WidgetProvider = ({ children, config: { fromChain, fromToken, toChain, toToken, fromAmount, ...config } = {}, }) => {
     const elementId = (0, react_1.useId)();
     const value = (0, react_1.useMemo)(() => {
-        var _a, _b, _c, _d, _e, _f;
         try {
-            const searchParams = Object.fromEntries(new URLSearchParams(window === null || window === void 0 ? void 0 : window.location.search));
+            const searchParams = Object.fromEntries(new URLSearchParams(window?.location.search));
             // Prevent using fromToken/toToken params if chain is not selected
             ['from', 'to'].forEach((key) => {
                 if (searchParams[`${key}Token`] && !searchParams[`${key}Chain`]) {
                     delete searchParams[`${key}Token`];
                 }
             });
-            return Object.assign(Object.assign({}, config), { fromChain: (searchParams.fromChain &&
+            const value = {
+                ...config,
+                fromChain: (searchParams.fromChain &&
                     isNaN(parseInt(searchParams.fromChain, 10))) ||
                     typeof fromChain === 'string'
-                    ? (_b = (0, sdk_1.getChainByKey)((_a = (searchParams.fromChain || fromChain)) === null || _a === void 0 ? void 0 : _a.toLowerCase())) === null || _b === void 0 ? void 0 : _b.id
+                    ? (0, sdk_1.getChainByKey)((searchParams.fromChain || fromChain)?.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))) ||
+                        : undefined,
+                toChain: (searchParams.toChain && isNaN(parseInt(searchParams.toChain, 10))) ||
                     typeof toChain === 'string'
-                    ? (_d = (0, sdk_1.getChainByKey)((_c = (searchParams.toChain || toChain)) === null || _c === void 0 ? void 0 : _c.toLowerCase())) === null || _d === void 0 ? void 0 : _d.id
+                    ? (0, sdk_1.getChainByKey)((searchParams.toChain || toChain)?.toLowerCase())?.id
                     : (searchParams.toChain &&
                         !isNaN(parseInt(searchParams.toChain, 10))) ||
                         typeof toChain === 'number'
                         ? parseInt(searchParams.toChain, 10) || toChain
-                        : undefined, fromToken: ((_e = searchParams.fromToken) === null || _e === void 0 ? void 0 : _e.toLowerCase()) || (fromToken === null || fromToken === void 0 ? void 0 : fromToken.toLowerCase()), toToken: ((_f = searchParams.toToken) === null || _f === void 0 ? void 0 : _f.toLowerCase()) || (toToken === null || toToken === void 0 ? void 0 : toToken.toLowerCase()), fromAmount: typeof searchParams.fromAmount === 'string' &&
+                        : undefined,
+                fromToken: searchParams.fromToken?.toLowerCase() || fromToken?.toLowerCase(),
+                toToken: searchParams.toToken?.toLowerCase() || toToken?.toLowerCase(),
+                fromAmount: typeof searchParams.fromAmount === 'string' &&
                     !isNaN(parseFloat(searchParams.fromAmount))
                     ? (0, utils_1.formatAmount)(searchParams.fromAmount)
-                    : fromAmount, elementId });
+                    : fromAmount,
+                elementId,
+            };
+            (0, stores_1.setDefaultSettings)(value);
+            return value;
         }
         catch (e) {
             console.warn(e);
-            return Object.assign(Object.assign({}, config), { elementId });
+            return { ...config, elementId };
         }
     }, [config, elementId, fromAmount, fromChain, fromToken, toChain, toToken]);
-    (0, react_1.useEffect)(() => {
-        (0, stores_1.setDefaultSettings)(settingsStoreContext, value);
-    }, [settingsStoreContext, value]);
-    return ((0, jsx_runtime_1.jsx)(WidgetContext.Provider, Object.assign({ value: value }, { children: children })));
+    return ((0, jsx_runtime_1.jsx)(WidgetContext.Provider, { value: value, children: children }));
 };
 exports.WidgetProvider = WidgetProvider;

package/cjs/providers/WidgetProvider/utils.js

@@ -4,10 +4,9 @@ exports.isItemAllowed = void 0;
 const isItemAllowed = (itemId, items, 
 /** @deprecated Remove in the next major release */
 disabledChains) => {
-    var _a, _b;
-    if ((_a = items === null || items === void 0 ? void 0 : items.allow) === null || _a === void 0 ? void 0 : _a.length) {
+    if (items?.allow?.length) {
         return items.allow.includes(itemId);
     }
-    return !((disabledChains === null || disabledChains === void 0 ? void 0 : disabledChains.includes(itemId)) || ((_b = items === null || items === void 0 ? void 0 : items.deny) === null || _b === void 0 ? void 0 : _b.includes(itemId)));
+    return !(disabledChains?.includes(itemId) || items?.deny?.includes(itemId));
 };
 exports.isItemAllowed = isItemAllowed;

package/cjs/stores/StoreProvider.js

@@ -2,14 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StoreProvider = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const chains_1 = require("./chains");
 const routes_1 = require("./routes");
-const settings_1 = require("./settings");
 const StoreProvider = ({ children, namePrefix }) => {
-    return ((0, jsx_runtime_1.jsx)(routes_1.RouteExecutionStoreProvider, Object.assign({ namePrefix: namePrefix }, { children: (0, jsx_runtime_1.jsx)(settings_1.SettingsStoreProvider
-        // namePrefix={namePrefix}
-        , { children: (0, jsx_runtime_1.jsx)(chains_1.ChainOrderStoreProvider
-            // namePrefix={namePrefix}
-            , { children: children }) }) })));
+    return ((0, jsx_runtime_1.jsx)(routes_1.RouteExecutionStoreProvider, { namePrefix: namePrefix, children: (0, jsx_runtime_1.jsx)(routes_1.RecommendedRouteStoreProvider, { children: children }) }));
 };
 exports.StoreProvider = StoreProvider;

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

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

package/cjs/stores/chains/index.js

@@ -14,7 +14,6 @@ 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("./ChainOrderStore"), exports);
-__exportStar(require("./createChainOrderStore"), exports);
 __exportStar(require("./types"), exports);
 __exportStar(require("./useChainOrder"), exports);
+__exportStar(require("./useChainOrderStore"), exports);

package/cjs/stores/chains/useChainOrder.js

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useChainOrder = void 0;
 const shallow_1 = require("zustand/shallow");
-const ChainOrderStore_1 = require("./ChainOrderStore");
+const _1 = require(".");
 const useChainOrder = () => {
-    return (0, ChainOrderStore_1.useChainOrderStore)((state) => [state.chainOrder, state.setChain], shallow_1.shallow);
+    return (0, _1.useChainOrderStore)((state) => [state.chainOrder, state.setChain], shallow_1.shallow);
 };
 exports.useChainOrder = useChainOrder;

package/cjs/stores/chains/useChainOrderStore.d.ts

@@ -0,0 +1,3 @@
+import type { ChainOrderState } from './types';
+export declare const maxChainToOrder = 9;
+export declare const useChainOrderStore: import("zustand").UseBoundStore<import("zustand").StoreApi<ChainOrderState>>;

package/cjs/stores/chains/{createChainOrderStore.js → useChainOrderStore.js}

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createChainOrderStore = exports.maxChainToOrder = void 0;
+exports.useChainOrderStore = exports.maxChainToOrder = void 0;
 const zustand_1 = require("zustand");
 const middleware_1 = require("zustand/middleware");
 exports.maxChainToOrder = 9;
-const createChainOrderStore = ({ namePrefix }) => (0, zustand_1.create)((0, middleware_1.persist)((set, get) => ({
+exports.useChainOrderStore = (0, zustand_1.create)((0, middleware_1.persist)((set, get) => ({
     chainOrder: [],
     availableChains: [],
     initializeChains: (chainIds) => {
@@ -46,8 +46,7 @@ const createChainOrderStore = ({ namePrefix }) => (0, zustand_1.create)((0, midd
         });
     },
 }), {
-    name: `${namePrefix || 'li.fi'}-widget-chains-order`,
+    name: `li.fi-widget-chains-order`,
     version: 0,
     partialize: (state) => ({ chainOrder: state.chainOrder }),
 }));
-exports.createChainOrderStore = createChainOrderStore;

package/cjs/stores/routes/RouteExecutionStore.js

@@ -1,15 +1,4 @@
 "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.useRouteExecutionStoreContext = exports.useRouteExecutionStore = exports.RouteExecutionStoreProvider = exports.RouteExecutionStoreContext = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
@@ -17,13 +6,12 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const createRouteExecutionStore_1 = require("./createRouteExecutionStore");
 exports.RouteExecutionStoreContext = (0, react_1.createContext)(null);
-function RouteExecutionStoreProvider(_a) {
-    var { children } = _a, props = __rest(_a, ["children"]);
+function RouteExecutionStoreProvider({ children, ...props }) {
     const storeRef = (0, react_1.useRef)();
     if (!storeRef.current) {
         storeRef.current = (0, createRouteExecutionStore_1.createRouteExecutionStore)(props);
     }
-    return ((0, jsx_runtime_1.jsx)(exports.RouteExecutionStoreContext.Provider, Object.assign({ value: storeRef.current }, { children: children })));
+    return ((0, jsx_runtime_1.jsx)(exports.RouteExecutionStoreContext.Provider, { value: storeRef.current, children: children }));
 }
 exports.RouteExecutionStoreProvider = RouteExecutionStoreProvider;
 function useRouteExecutionStore(selector, equalityFn) {