@lifi/widget 1.29.5 → 1.30.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lifi/widget",
-  "version": "1.29.5",
+  "version": "1.30.0",
   "description": "LI.FI Widget for cross-chain bridging and swapping. It will drive your multi-chain strategy and attract new users from everywhere.",
   "main": "./cjs/index.js",
   "module": "./index.js",
@@ -44,15 +44,15 @@
     "@ethersproject/experimental": "^5.7.0",
     "@ethersproject/providers": "^5.7.2",
     "@lifi/sdk": "^1.7.2",
-    "@lifi/wallet-management": "^1.2.4",
+    "@lifi/wallet-management": "^1.2.6",
     "@mui/icons-material": "^5.11.0",
-    "@mui/lab": "^5.0.0-alpha.117",
-    "@mui/material": "^5.11.6",
-    "@sentry/integrations": "^7.33.0",
-    "@sentry/react": "^7.33.0",
-    "@sentry/tracing": "^7.33.0",
-    "@tanstack/react-query": "^4.23.0",
-    "@tanstack/react-virtual": "^3.0.0-beta.39",
+    "@mui/lab": "^5.0.0-alpha.118",
+    "@mui/material": "^5.11.7",
+    "@sentry/integrations": "^7.35.0",
+    "@sentry/react": "^7.35.0",
+    "@sentry/tracing": "^7.35.0",
+    "@tanstack/react-query": "^4.24.4",
+    "@tanstack/react-virtual": "^3.0.0-beta.41",
     "big.js": "^6.2.1",
     "i18next": "^22.4.9",
     "i18next-browser-languagedetector": "^7.0.1",
@@ -60,9 +60,9 @@
     "mitt": "^3.0.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-hook-form": "^7.42.1",
+    "react-hook-form": "^7.43.0",
     "react-i18next": "^12.1.4",
-    "react-router-dom": "^6.7.0",
+    "react-router-dom": "^6.8.0",
     "react-timer-hook": "^3.0.5",
     "uuid": "^9.0.0",
     "zustand": "^4.3.2"

package/pages/ActiveSwapsPage/ActiveSwapsPage.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const ActiveSwapsPage: () => JSX.Element;

package/pages/MainPage/MainSwapButton.js

@@ -28,5 +28,5 @@ export const MainSwapButton = () => {
             });
         }
     });
-    return (_jsx(SwapButton, { onClick: handleClick, currentRoute: currentRoute, disabled: isLoading || isFetching || isValidating || !isValid }));
+    return (_jsx(SwapButton, { onClick: handleClick, currentRoute: currentRoute, disabled: currentRoute && (isLoading || isFetching || isValidating || !isValid) }));
 };

package/pages/SelectTokenPage/SearchTokenInput.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const SearchTokenInput: () => JSX.Element;

package/pages/SelectWalletPage/SelectWalletPage.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const SelectWalletPage: () => JSX.Element;

package/pages/SettingsPage/AdvancedPreferences.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const AdvancedPreferences: () => JSX.Element;

package/pages/SettingsPage/GasPriceSelect.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const GasPriceSelect: () => JSX.Element;

package/pages/SettingsPage/SettingsPage.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const SettingsPage: () => JSX.Element;

package/pages/SettingsPage/ShowDestinationWallet.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const ShowDestinationWallet: () => JSX.Element | null;

package/pages/SettingsPage/SlippageInput.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const SlippageInput: () => JSX.Element;

package/pages/SwapPage/ExchangeRateBottomSheet.js

@@ -50,9 +50,9 @@ const ExchangeRateBottomSheetContent = ({ data, onCancel, onContinue }) => {
     const ref = useRef();
     useSetContentHeight(ref);
     return (_jsxs(Box, Object.assign({ p: 3, ref: ref }, { children: [_jsxs(IconContainer, { children: [_jsx(IconCircle, Object.assign({ status: "warning", mb: 1 }, { children: _jsx(WarningIcon, { color: "warning" }) })), _jsx(Typography, Object.assign({ py: 1, fontSize: 18, fontWeight: 700 }, { children: t('swap.warning.title.rateChanged') }))] }), _jsx(Typography, Object.assign({ py: 1 }, { children: t('swap.warning.message.rateChanged') })), _jsxs(Box, Object.assign({ display: "flex", justifyContent: "space-between", mt: 1 }, { children: [_jsx(Typography, { children: t('swap.quotedAmount') }), _jsxs(Typography, Object.assign({ fontWeight: 600 }, { children: [t('format.number', {
-                                value: formatTokenAmount(data === null || data === void 0 ? void 0 : data.oldToAmount, data === null || data === void 0 ? void 0 : data.toToken.decimals),
+                                value: formatTokenAmount(data === null || data === void 0 ? void 0 : data.oldToAmount, data === null || data === void 0 ? void 0 : data.toToken.decimals, 5),
                             }), ' ', data === null || data === void 0 ? void 0 : data.toToken.symbol] }))] })), _jsxs(Box, Object.assign({ display: "flex", justifyContent: "space-between", mt: 0.25 }, { children: [_jsx(Typography, { children: t('swap.currentAmount') }), _jsxs(Typography, Object.assign({ fontWeight: 600 }, { children: [t('format.number', {
-                                value: formatTokenAmount(data === null || data === void 0 ? void 0 : data.newToAmount, data === null || data === void 0 ? void 0 : data.toToken.decimals),
+                                value: formatTokenAmount(data === null || data === void 0 ? void 0 : data.newToAmount, data === null || data === void 0 ? void 0 : data.toToken.decimals, 5),
                             }), ' ', data === null || data === void 0 ? void 0 : data.toToken.symbol] }))] })), _jsxs(Box, Object.assign({ display: "flex", justifyContent: "space-between", mt: 0.25 }, { children: [_jsx(Typography, { children: t('swap.rateChange') }), _jsxs(Typography, Object.assign({ fontWeight: 600 }, { children: [Big((data === null || data === void 0 ? void 0 : data.newToAmount) || 0)
                                 .div(Big((data === null || data === void 0 ? void 0 : data.oldToAmount) || 0))
                                 .minus(1)

package/pages/SwapRoutesPage/SwapRoutesPage.js

@@ -30,5 +30,5 @@ export const SwapRoutesPage = () => {
             .setAction(_jsx(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 (_jsx(Stack, Object.assign({ direction: "column", spacing: 2, flex: 1 }, { children: routeNotFound ? (_jsx(SwapRouteNotFoundCard, {})) : isLoading || isFetching ? (Array.from({ length: 3 }).map((_, index) => (_jsx(SwapRouteCardSkeleton, {}, index)))) : (swapRoutes === null || swapRoutes === void 0 ? void 0 : swapRoutes.map((route, index) => (_jsx(SwapRouteCard, { route: route, onClick: () => handleRouteClick(route), active: index === 0 }, route.id)))) })));
+    return (_jsx(Stack, Object.assign({ direction: "column", spacing: 2, flex: 1 }, { children: routeNotFound ? (_jsx(SwapRouteNotFoundCard, {})) : isLoading ? (Array.from({ length: 3 }).map((_, index) => (_jsx(SwapRouteCardSkeleton, {}, index)))) : (swapRoutes === null || swapRoutes === void 0 ? void 0 : swapRoutes.map((route, index) => (_jsx(SwapRouteCard, { route: route, onClick: () => handleRouteClick(route), active: index === 0 }, route.id)))) })));
 };

package/providers/SwapFormProvider/FormUpdater.js

@@ -44,6 +44,8 @@ export const FormUpdater = ({ defaultValues }) => {
         setValue,
         toChain,
     ]);
+    // Makes widget config options reactive to changes
+    // Acts similar to values property from useForm, but includes additional logic for chains
     useEffect(() => {
         Object.keys(defaultValues).forEach((key) => {
             if (previousDefaultValues.current[key] !== defaultValues[key]) {

package/providers/SwapFormProvider/SwapFormProvider.d.ts

@@ -3,5 +3,10 @@ export declare const formDefaultValues: {
     fromAmount: string;
     toAddress: string;
     tokenSearchFilter: string;
+    contractOutputsToken: string;
+    toContractAddress: string;
+    toContractCallData: string;
+    ToContractGasLimit: string;
+    toAmount: string;
 };
 export declare const SwapFormProvider: React.FC<React.PropsWithChildren<{}>>;

package/providers/SwapFormProvider/SwapFormProvider.js

@@ -9,6 +9,11 @@ export const formDefaultValues = {
     [SwapFormKey.FromAmount]: '',
     [SwapFormKey.ToAddress]: '',
     [SwapFormKey.TokenSearchFilter]: '',
+    [SwapFormKey.ContractOutputsToken]: '',
+    [SwapFormKey.ToContractAddress]: '',
+    [SwapFormKey.ToContractCallData]: '',
+    [SwapFormKey.ToContractGasLimit]: '',
+    [SwapFormKey.ToAmount]: '',
 };
 export const SwapFormProvider = ({ children, }) => {
     const { fromChain, fromToken, fromAmount, toChain, toToken, toAddress, buildSwapUrl, } = useWidgetConfig();
@@ -16,10 +21,8 @@ export const SwapFormProvider = ({ children, }) => {
         fromToken, fromAmount: (typeof fromAmount === 'number'
             ? fromAmount === null || fromAmount === void 0 ? void 0 : fromAmount.toPrecision()
             : fromAmount) || formDefaultValues.fromAmount, toChain,
-        toToken,
-        toAddress })), [fromAmount, fromChain, fromToken, toAddress, toChain, toToken]);
+        toToken, toAddress: toAddress || formDefaultValues.toAddress })), [fromAmount, fromChain, fromToken, toAddress, toChain, toToken]);
     const methods = useForm({
-        // TODO: revisit after RHF release values support
         // values,
         defaultValues,
     });