@lifi/widget 1.25.0 → 1.25.1

package/cjs/components/TokenList/useTokenSelect.js

@@ -12,6 +12,12 @@ const useTokenSelect = (formType, onClick) => {
         onChange(tokenAddress);
         onBlur();
         const selectedChainId = chainId !== null && chainId !== void 0 ? chainId : getValues(providers_1.SwapFormKeyHelper.getChainKey(formType));
+        // Set chain again to trigger URL builder update
+        setValue(providers_1.SwapFormKeyHelper.getChainKey(formType), selectedChainId, {
+            shouldDirty: true,
+            shouldTouch: true,
+        });
+        setValue(providers_1.SwapFormKeyHelper.getAmountKey(formType), '');
         const oppositeFormType = formType === 'from' ? 'to' : 'from';
         const [selectedOppositeToken, selectedOppositeChainId] = getValues([
             providers_1.SwapFormKeyHelper.getTokenKey(oppositeFormType),
@@ -24,12 +30,6 @@ const useTokenSelect = (formType, onClick) => {
                 shouldTouch: true,
             });
         }
-        // Set chain again to trigger URL builder update
-        setValue(providers_1.SwapFormKeyHelper.getChainKey(formType), selectedChainId, {
-            shouldDirty: true,
-            shouldTouch: true,
-        });
-        setValue(providers_1.SwapFormKeyHelper.getAmountKey(formType), '');
         onClick === null || onClick === void 0 ? void 0 : onClick();
     }, [formType, getValues, onBlur, onChange, onClick, setValue]);
 };

package/cjs/config/version.d.ts

@@ -1,2 +1,2 @@
 export declare const name = "@lifi/widget";
-export declare const version = "1.25.0";
+export declare const version = "1.25.1";

package/cjs/config/version.js

@@ -2,4 +2,4 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.version = exports.name = void 0;
 exports.name = '@lifi/widget';
-exports.version = '1.25.0';
+exports.version = '1.25.1';

package/cjs/providers/SDKProvider/SDKProvider.js

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

package/cjs/types/widget.d.ts

@@ -36,6 +36,7 @@ export interface WidgetConfig {
     toToken?: string;
     toAddress?: string;
     fromAmount?: number | string;
+    fee?: number;
     integrator?: string;
     slippage?: number;
     routePriority?: Order;

package/components/TokenList/useTokenSelect.js

@@ -9,6 +9,12 @@ export const useTokenSelect = (formType, onClick) => {
         onChange(tokenAddress);
         onBlur();
         const selectedChainId = chainId !== null && chainId !== void 0 ? chainId : getValues(SwapFormKeyHelper.getChainKey(formType));
+        // Set chain again to trigger URL builder update
+        setValue(SwapFormKeyHelper.getChainKey(formType), selectedChainId, {
+            shouldDirty: true,
+            shouldTouch: true,
+        });
+        setValue(SwapFormKeyHelper.getAmountKey(formType), '');
         const oppositeFormType = formType === 'from' ? 'to' : 'from';
         const [selectedOppositeToken, selectedOppositeChainId] = getValues([
             SwapFormKeyHelper.getTokenKey(oppositeFormType),
@@ -21,12 +27,6 @@ export const useTokenSelect = (formType, onClick) => {
                 shouldTouch: true,
             });
         }
-        // Set chain again to trigger URL builder update
-        setValue(SwapFormKeyHelper.getChainKey(formType), selectedChainId, {
-            shouldDirty: true,
-            shouldTouch: true,
-        });
-        setValue(SwapFormKeyHelper.getAmountKey(formType), '');
         onClick === null || onClick === void 0 ? void 0 : onClick();
     }, [formType, getValues, onBlur, onChange, onClick, setValue]);
 };

package/config/version.d.ts

@@ -1,2 +1,2 @@
 export declare const name = "@lifi/widget";
-export declare const version = "1.25.0";
+export declare const version = "1.25.1";

package/config/version.js

@@ -1,2 +1,2 @@
 export const name = '@lifi/widget';
-export const version = '1.25.0';
+export const version = '1.25.1';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lifi/widget",
-  "version": "1.25.0",
+  "version": "1.25.1",
   "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",
@@ -47,9 +47,9 @@
     "@mui/icons-material": "^5.10.14",
     "@mui/lab": "^5.0.0-alpha.108",
     "@mui/material": "^5.10.14",
-    "@sentry/integrations": "^7.19.0",
-    "@sentry/react": "^7.19.0",
-    "@sentry/tracing": "^7.19.0",
+    "@sentry/integrations": "^7.20.0",
+    "@sentry/react": "^7.20.0",
+    "@sentry/tracing": "^7.20.0",
     "@tanstack/react-query": "^4.16.1",
     "@tanstack/react-virtual": "^3.0.0-beta.23",
     "big.js": "^6.2.1",

package/providers/SDKProvider/SDKProvider.js

@@ -6,14 +6,15 @@ let lifi;
 const SDKContext = createContext(null);
 export const useLiFi = () => useContext(SDKContext);
 export const SDKProvider = ({ children, }) => {
-    const { sdkConfig, integrator } = useWidgetConfig();
+    const { sdkConfig, fee, integrator, routePriority, slippage } = useWidgetConfig();
     const value = useMemo(() => {
-        const config = Object.assign(Object.assign({}, sdkConfig), { defaultRouteOptions: Object.assign({ integrator: integrator !== null && integrator !== void 0 ? integrator : window.location.hostname }, sdkConfig === null || sdkConfig === void 0 ? void 0 : sdkConfig.defaultRouteOptions) });
+        const config = Object.assign(Object.assign({}, sdkConfig), { defaultRouteOptions: Object.assign({ fee, integrator: integrator !== null && integrator !== void 0 ? integrator : window.location.hostname, routePriority,
+                slippage }, sdkConfig === null || sdkConfig === void 0 ? void 0 : sdkConfig.defaultRouteOptions) });
         if (!lifi) {
             lifi = new LIFI(Object.assign({ disableVersionCheck: true }, config));
         }
         lifi.setConfig(config);
         return lifi;
-    }, [integrator, sdkConfig]);
+    }, [fee, integrator, routePriority, sdkConfig, slippage]);
     return _jsx(SDKContext.Provider, Object.assign({ value: value }, { children: children }));
 };