@lifi/widget 1.29.6 → 1.30.0

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