@lifi/widget 1.26.3 → 1.26.5

package/AppDrawer.style.d.ts

@@ -39,7 +39,7 @@ export declare const DrawerButton: import("@emotion/styled").StyledComponent<{
     } | undefined;
 }, {}, {}>;
 export declare const DrawerButtonTypography: import("@emotion/styled").StyledComponent<import("@mui/system").SystemProps<import("@mui/material").Theme> & {
-    align?: "left" | "right" | "inherit" | "center" | "justify" | undefined;
+    align?: "center" | "left" | "right" | "inherit" | "justify" | undefined;
     children?: import("react").ReactNode;
     classes?: Partial<import("@mui/material").TypographyClasses> | undefined;
     gutterBottom?: boolean | undefined;

package/cjs/AppDrawer.style.d.ts

@@ -39,7 +39,7 @@ export declare const DrawerButton: import("@emotion/styled").StyledComponent<{
     } | undefined;
 }, {}, {}>;
 export declare const DrawerButtonTypography: import("@emotion/styled").StyledComponent<import("@mui/system").SystemProps<import("@mui/material").Theme> & {
-    align?: "left" | "right" | "inherit" | "center" | "justify" | undefined;
+    align?: "center" | "left" | "right" | "inherit" | "justify" | undefined;
     children?: import("react").ReactNode;
     classes?: Partial<import("@mui/material").TypographyClasses> | undefined;
     gutterBottom?: boolean | undefined;

package/cjs/components/Card/CardTitle.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 export declare const CardTitle: import("@emotion/styled").StyledComponent<import("@mui/system").SystemProps<import("@mui/material").Theme> & {
-    align?: "left" | "right" | "inherit" | "center" | "justify" | undefined;
+    align?: "center" | "left" | "right" | "inherit" | "justify" | undefined;
     children?: import("react").ReactNode;
     classes?: Partial<import("@mui/material").TypographyClasses> | undefined;
     gutterBottom?: boolean | undefined;

package/cjs/components/ChainSelect/ChainSelect.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import type { SwapFormTypeProps } from '../../providers';
 export declare const ChainSelect: ({ formType }: SwapFormTypeProps) => JSX.Element;

package/cjs/components/ChainSelect/ChainSelect.style.js

@@ -12,7 +12,7 @@ exports.ChainCard = (0, styles_1.styled)(Card_1.Card)({
 });
 exports.ChainContainer = (0, styles_1.styled)(material_1.Box)(({ theme }) => ({
     display: 'grid',
-    gridTemplateColumns: 'repeat(auto-fit, minmax(52px, 1fr))',
+    gridTemplateColumns: 'repeat(5, 1fr)',
     gridAutoRows: '56px',
     justifyContent: 'space-between',
     gap: theme.spacing(1.5),

package/cjs/components/Step/CircularProgress.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { Process } from '@lifi/sdk';
 export declare function CircularProgress({ process }: {
     process: Process;

package/cjs/components/Step/StepList.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { Route } from '@lifi/sdk';
 export declare const getStepList: (route?: Route) => JSX.Element[] | undefined;

package/cjs/components/SwapInput/SwapInputEndAdornment.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import type { SwapFormTypeProps } from '../../providers';
 export declare const SwapInputEndAdornment: ({ formType }: SwapFormTypeProps) => JSX.Element;

package/cjs/components/SwapRouteCard/SwapRouteCard.style.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 export declare const Label: import("@emotion/styled").StyledComponent<import("@mui/system").SystemProps<import("@mui/material").Theme> & {
-    align?: "left" | "right" | "inherit" | "center" | "justify" | undefined;
+    align?: "center" | "left" | "right" | "inherit" | "justify" | undefined;
     children?: import("react").ReactNode;
     classes?: Partial<import("@mui/material").TypographyClasses> | undefined;
     gutterBottom?: boolean | undefined;

package/cjs/components/SwapRoutes/SwapRoutesExpanded.d.ts

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

package/cjs/components/Token/Token.style.d.ts

@@ -10,7 +10,7 @@ export declare const TextSecondaryContainer: import("@emotion/styled").StyledCom
     connected?: boolean | undefined;
 }, {}, {}>;
 export declare const TextSecondary: import("@emotion/styled").StyledComponent<import("@mui/system").SystemProps<import("@mui/material").Theme> & {
-    align?: "left" | "right" | "inherit" | "center" | "justify" | undefined;
+    align?: "center" | "left" | "right" | "inherit" | "justify" | undefined;
     children?: import("react").ReactNode;
     classes?: Partial<import("@mui/material").TypographyClasses> | undefined;
     gutterBottom?: boolean | undefined;

package/cjs/components/TokenList/VirtualizedTokenList.js

@@ -39,7 +39,7 @@ const VirtualizedTokenList = ({ tokens, featuredTokensLength, scrollElementRef,
         getItemKey: (index) => { var _a; return (_a = tokens[index].address) !== null && _a !== void 0 ? _a : index; },
     });
     (0, react_1.useEffect)(() => {
-        scrollToIndex(0, { align: 'start', smoothScroll: false });
+        scrollToIndex(0, { align: 'start' });
     }, [scrollToIndex, chainId]);
     if (isLoading) {
         return ((0, jsx_runtime_1.jsx)(material_1.List, Object.assign({ disablePadding: true }, { children: Array.from({ length: 3 }).map((_, index) => (

package/cjs/config/version.d.ts

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

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.26.3';
+exports.version = '1.26.5';

package/cjs/pages/ActiveSwapsPage/ActiveSwapsPage.d.ts

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

package/cjs/pages/SelectTokenPage/SearchTokenInput.d.ts

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

package/cjs/pages/SelectWalletPage/SelectWalletPage.d.ts

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

package/cjs/pages/SettingsPage/AdvancedPreferences.d.ts

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

package/cjs/pages/SettingsPage/GasPriceSelect.d.ts

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

package/cjs/pages/SettingsPage/SettingsPage.d.ts

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

package/cjs/pages/SettingsPage/ShowDestinationWallet.d.ts

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

package/cjs/pages/SettingsPage/SlippageInput.d.ts

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

package/cjs/providers/SDKProvider/SDKProvider.js

@@ -10,16 +10,17 @@ const SDKContext = (0, react_1.createContext)(null);
 const useLiFi = () => (0, react_1.useContext)(SDKContext);
 exports.useLiFi = useLiFi;
 const SDKProvider = ({ children, }) => {
-    const { sdkConfig, fee, integrator, routePriority, slippage } = (0, WidgetProvider_1.useWidgetConfig)();
+    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, routePriority,
+        const config = Object.assign(Object.assign({}, sdkConfig), { defaultRouteOptions: Object.assign({ fee, integrator: integrator !== null && integrator !== void 0 ? integrator : window.location.hostname, referrer,
+                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;
-    }, [fee, integrator, routePriority, sdkConfig, slippage]);
+    }, [fee, integrator, referrer, routePriority, sdkConfig, slippage]);
     return (0, jsx_runtime_1.jsx)(SDKContext.Provider, Object.assign({ value: value }, { children: children }));
 };
 exports.SDKProvider = SDKProvider;

package/cjs/stores/settings/useSettingsStore.js

@@ -31,7 +31,7 @@ exports.useSettingsStore = (0, zustand_1.default)()((0, middleware_1.persist)((s
     })), setValues: (values) => set((state) => {
         const updatedState = Object.assign({}, state);
         for (const key in values) {
-            if (Object.prototype.hasOwnProperty.call(state, key)) {
+            if (Object.hasOwn(state, key)) {
                 updatedState[key] = values[key];
             }
         }
@@ -45,7 +45,7 @@ exports.useSettingsStore = (0, zustand_1.default)()((0, middleware_1.persist)((s
             if (updatedState[`_enabled${toolType}`]) {
                 // Add a new tools
                 const enabledTools = tools
-                    .filter((tool) => !Object.prototype.hasOwnProperty.call(updatedState[`_enabled${toolType}`], tool))
+                    .filter((tool) => !Object.hasOwn(updatedState[`_enabled${toolType}`], tool))
                     .reduce((values, tool) => {
                     values[tool] = true;
                     return values;

package/cjs/types/widget.d.ts

@@ -38,6 +38,7 @@ export interface WidgetConfig {
     fromAmount?: number | string;
     fee?: number;
     integrator?: string;
+    referrer?: string;
     slippage?: number;
     routePriority?: Order;
     variant?: WidgetVariant;

package/components/Card/CardTitle.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 export declare const CardTitle: import("@emotion/styled").StyledComponent<import("@mui/system").SystemProps<import("@mui/material").Theme> & {
-    align?: "left" | "right" | "inherit" | "center" | "justify" | undefined;
+    align?: "center" | "left" | "right" | "inherit" | "justify" | undefined;
     children?: import("react").ReactNode;
     classes?: Partial<import("@mui/material").TypographyClasses> | undefined;
     gutterBottom?: boolean | undefined;

package/components/ChainSelect/ChainSelect.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import type { SwapFormTypeProps } from '../../providers';
 export declare const ChainSelect: ({ formType }: SwapFormTypeProps) => JSX.Element;

package/components/ChainSelect/ChainSelect.style.js

@@ -9,7 +9,7 @@ export const ChainCard = styled(Card)({
 });
 export const ChainContainer = styled(Box)(({ theme }) => ({
     display: 'grid',
-    gridTemplateColumns: 'repeat(auto-fit, minmax(52px, 1fr))',
+    gridTemplateColumns: 'repeat(5, 1fr)',
     gridAutoRows: '56px',
     justifyContent: 'space-between',
     gap: theme.spacing(1.5),

package/components/Step/CircularProgress.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { Process } from '@lifi/sdk';
 export declare function CircularProgress({ process }: {
     process: Process;

package/components/Step/StepList.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { Route } from '@lifi/sdk';
 export declare const getStepList: (route?: Route) => JSX.Element[] | undefined;

package/components/SwapInput/SwapInputEndAdornment.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import type { SwapFormTypeProps } from '../../providers';
 export declare const SwapInputEndAdornment: ({ formType }: SwapFormTypeProps) => JSX.Element;

package/components/SwapRouteCard/SwapRouteCard.style.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 export declare const Label: import("@emotion/styled").StyledComponent<import("@mui/system").SystemProps<import("@mui/material").Theme> & {
-    align?: "left" | "right" | "inherit" | "center" | "justify" | undefined;
+    align?: "center" | "left" | "right" | "inherit" | "justify" | undefined;
     children?: import("react").ReactNode;
     classes?: Partial<import("@mui/material").TypographyClasses> | undefined;
     gutterBottom?: boolean | undefined;

package/components/SwapRoutes/SwapRoutesExpanded.d.ts

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

package/components/Token/Token.style.d.ts

@@ -10,7 +10,7 @@ export declare const TextSecondaryContainer: import("@emotion/styled").StyledCom
     connected?: boolean | undefined;
 }, {}, {}>;
 export declare const TextSecondary: import("@emotion/styled").StyledComponent<import("@mui/system").SystemProps<import("@mui/material").Theme> & {
-    align?: "left" | "right" | "inherit" | "center" | "justify" | undefined;
+    align?: "center" | "left" | "right" | "inherit" | "justify" | undefined;
     children?: import("react").ReactNode;
     classes?: Partial<import("@mui/material").TypographyClasses> | undefined;
     gutterBottom?: boolean | undefined;

package/components/TokenList/VirtualizedTokenList.js

@@ -36,7 +36,7 @@ export const VirtualizedTokenList = ({ tokens, featuredTokensLength, scrollEleme
         getItemKey: (index) => { var _a; return (_a = tokens[index].address) !== null && _a !== void 0 ? _a : index; },
     });
     useEffect(() => {
-        scrollToIndex(0, { align: 'start', smoothScroll: false });
+        scrollToIndex(0, { align: 'start' });
     }, [scrollToIndex, chainId]);
     if (isLoading) {
         return (_jsx(List, Object.assign({ disablePadding: true }, { children: Array.from({ length: 3 }).map((_, index) => (

package/config/version.d.ts

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

package/config/version.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lifi/widget",
-  "version": "1.26.3",
+  "version": "1.26.5",
   "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",
@@ -43,15 +43,15 @@
     "@ethersproject/experimental": "^5.7.0",
     "@ethersproject/providers": "^5.7.2",
     "@lifi/sdk": "^1.7.0",
-    "@lifi/wallet-management": "^1.2.1",
+    "@lifi/wallet-management": "^1.2.2",
     "@mui/icons-material": "^5.10.16",
     "@mui/lab": "^5.0.0-alpha.110",
     "@mui/material": "^5.10.16",
-    "@sentry/integrations": "^7.22.0",
-    "@sentry/react": "^7.22.0",
-    "@sentry/tracing": "^7.22.0",
-    "@tanstack/react-query": "^4.18.0",
-    "@tanstack/react-virtual": "^3.0.0-beta.23",
+    "@sentry/integrations": "^7.23.0",
+    "@sentry/react": "^7.23.0",
+    "@sentry/tracing": "^7.23.0",
+    "@tanstack/react-query": "^4.19.1",
+    "@tanstack/react-virtual": "^3.0.0-beta.29",
     "big.js": "^6.2.1",
     "i18next": "22.0.4",
     "i18next-browser-languagedetector": "^7.0.1",
@@ -59,11 +59,11 @@
     "mitt": "^3.0.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-hook-form": "^7.39.7",
+    "react-hook-form": "^7.40.0",
     "react-i18next": "^12.0.0",
-    "react-router-dom": "^6.4.3",
+    "react-router-dom": "^6.4.4",
     "react-timer-hook": "^3.0.5",
-    "zustand": "^4.1.4"
+    "zustand": "^4.1.5"
   },
   "peerDependencies": {
     "@types/react": "^18.0.0",

package/pages/ActiveSwapsPage/ActiveSwapsPage.d.ts

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

package/pages/SelectTokenPage/SearchTokenInput.d.ts

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

package/pages/SelectWalletPage/SelectWalletPage.d.ts

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

package/pages/SettingsPage/AdvancedPreferences.d.ts

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

package/pages/SettingsPage/GasPriceSelect.d.ts

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

package/pages/SettingsPage/SettingsPage.d.ts

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

package/pages/SettingsPage/ShowDestinationWallet.d.ts

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

package/pages/SettingsPage/SlippageInput.d.ts

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

package/providers/SDKProvider/SDKProvider.js

@@ -6,15 +6,16 @@ let lifi;
 const SDKContext = createContext(null);
 export const useLiFi = () => useContext(SDKContext);
 export const SDKProvider = ({ children, }) => {
-    const { sdkConfig, fee, integrator, routePriority, slippage } = useWidgetConfig();
+    const { sdkConfig, fee, integrator, referrer, routePriority, slippage } = useWidgetConfig();
     const value = useMemo(() => {
-        const config = Object.assign(Object.assign({}, sdkConfig), { defaultRouteOptions: Object.assign({ fee, integrator: integrator !== null && integrator !== void 0 ? integrator : window.location.hostname, routePriority,
+        const config = Object.assign(Object.assign({}, sdkConfig), { defaultRouteOptions: Object.assign({ fee, integrator: integrator !== null && integrator !== void 0 ? integrator : window.location.hostname, referrer,
+                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;
-    }, [fee, integrator, routePriority, sdkConfig, slippage]);
+    }, [fee, integrator, referrer, routePriority, sdkConfig, slippage]);
     return _jsx(SDKContext.Provider, Object.assign({ value: value }, { children: children }));
 };

package/stores/settings/useSettingsStore.js

@@ -28,7 +28,7 @@ export const useSettingsStore = create()(persist((set) => (Object.assign(Object.
     })), setValues: (values) => set((state) => {
         const updatedState = Object.assign({}, state);
         for (const key in values) {
-            if (Object.prototype.hasOwnProperty.call(state, key)) {
+            if (Object.hasOwn(state, key)) {
                 updatedState[key] = values[key];
             }
         }
@@ -42,7 +42,7 @@ export const useSettingsStore = create()(persist((set) => (Object.assign(Object.
             if (updatedState[`_enabled${toolType}`]) {
                 // Add a new tools
                 const enabledTools = tools
-                    .filter((tool) => !Object.prototype.hasOwnProperty.call(updatedState[`_enabled${toolType}`], tool))
+                    .filter((tool) => !Object.hasOwn(updatedState[`_enabled${toolType}`], tool))
                     .reduce((values, tool) => {
                     values[tool] = true;
                     return values;