@lifi/widget 4.0.0-beta.1 → 4.0.0-beta.3

package/dist/esm/AppProvider.js

@@ -8,9 +8,6 @@ import { WidgetProvider } from './providers/WidgetProvider/WidgetProvider.js';
 import { StoreProvider } from './stores/StoreProvider.js';
 import { SettingsStoreProvider } from './stores/settings/SettingsStore.js';
 export const AppProvider = ({ children, config, formRef, }) => {
-    if (!config.providers?.length && process.env.NODE_ENV === 'development') {
-        console.warn('No widget providers specified');
-    }
     return (_jsx(QueryClientProvider, { children: _jsx(SettingsStoreProvider, { config: config, children: _jsx(WidgetProvider, { config: config, children: _jsx(I18nProvider, { children: _jsx(ThemeProvider, { children: _jsx(SDKClientProvider, { children: _jsx(WalletProvider, { providers: config.providers ?? [], children: _jsx(StoreProvider, { config: config, formRef: formRef, children: children }) }) }) }) }) }) }) }));
 };
 //# sourceMappingURL=AppProvider.js.map

package/dist/esm/AppProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppProvider.js","sourceRoot":"","sources":["../../src/AppProvider.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,MAAM,0CAA0C,CAAA;AACvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAA;AACxE,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAA;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,4CAA4C,CAAA;AAC1E,OAAO,EAAE,cAAc,EAAE,MAAM,8CAA8C,CAAA;AAC7E,OAAO,EAAE,cAAc,EAAE,MAAM,8CAA8C,CAAA;AAC7E,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AACzD,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAA;AAG1E,MAAM,CAAC,MAAM,WAAW,GAAmD,CAAC,EAC1E,QAAQ,EACR,MAAM,EACN,OAAO,GACR,EAAE,EAAE;IACH,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE,MAAM,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,aAAa,EAAE,CAAC;QACxE,OAAO,CAAC,IAAI,CAAC,+BAA+B,CAAC,CAAA;IAC/C,CAAC;IACD,OAAO,CACL,KAAC,mBAAmB,cAClB,KAAC,qBAAqB,IAAC,MAAM,EAAE,MAAM,YACnC,KAAC,cAAc,IAAC,MAAM,EAAE,MAAM,YAC5B,KAAC,YAAY,cACX,KAAC,aAAa,cACZ,KAAC,iBAAiB,cAChB,KAAC,cAAc,IAAC,SAAS,EAAE,MAAM,CAAC,SAAS,IAAI,EAAE,YAC/C,KAAC,aAAa,IAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,YAC5C,QAAQ,GACK,GACD,GACC,GACN,GACH,GACA,GACK,GACJ,CACvB,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"AppProvider.js","sourceRoot":"","sources":["../../src/AppProvider.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,MAAM,0CAA0C,CAAA;AACvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAA;AACxE,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAA;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,4CAA4C,CAAA;AAC1E,OAAO,EAAE,cAAc,EAAE,MAAM,8CAA8C,CAAA;AAC7E,OAAO,EAAE,cAAc,EAAE,MAAM,8CAA8C,CAAA;AAC7E,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AACzD,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAA;AAG1E,MAAM,CAAC,MAAM,WAAW,GAAmD,CAAC,EAC1E,QAAQ,EACR,MAAM,EACN,OAAO,GACR,EAAE,EAAE;IACH,OAAO,CACL,KAAC,mBAAmB,cAClB,KAAC,qBAAqB,IAAC,MAAM,EAAE,MAAM,YACnC,KAAC,cAAc,IAAC,MAAM,EAAE,MAAM,YAC5B,KAAC,YAAY,cACX,KAAC,aAAa,cACZ,KAAC,iBAAiB,cAChB,KAAC,cAAc,IAAC,SAAS,EAAE,MAAM,CAAC,SAAS,IAAI,EAAE,YAC/C,KAAC,aAAa,IAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,YAC5C,QAAQ,GACK,GACD,GACC,GACN,GACH,GACA,GACK,GACJ,CACvB,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/config/version.d.ts

@@ -1,2 +1,2 @@
 export declare const name = "@lifi/widget";
-export declare const version = "4.0.0-beta.1";
+export declare const version = "4.0.0-beta.3";

package/dist/esm/config/version.js

@@ -1,3 +1,3 @@
 export const name = '@lifi/widget';
-export const version = '4.0.0-beta.1';
+export const version = '4.0.0-beta.3';
 //# sourceMappingURL=version.js.map

package/dist/esm/providers/SDKClientProvider.js

@@ -6,24 +6,32 @@ import { useWidgetConfig } from './WidgetProvider/WidgetProvider.js';
 const SDKClientContext = createContext({});
 export const useSDKClient = () => useContext(SDKClientContext);
 export const SDKClientProvider = ({ children }) => {
-    const widgetConfig = useWidgetConfig();
+    const { sdkConfig, apiKey, integrator, feeConfig, fee, referrer, routePriority, slippage, } = useWidgetConfig();
     const client = useMemo(() => {
         return createClient({
-            ...widgetConfig.sdkConfig,
-            apiKey: widgetConfig.apiKey,
-            integrator: widgetConfig.integrator ?? window?.location.hostname,
+            ...sdkConfig,
+            apiKey,
+            integrator: integrator ?? window?.location.hostname,
             routeOptions: {
-                fee: widgetConfig.feeConfig?.fee || widgetConfig.fee,
-                referrer: widgetConfig.referrer,
-                order: widgetConfig.routePriority,
-                slippage: widgetConfig.slippage,
-                ...widgetConfig.sdkConfig?.routeOptions,
+                fee: feeConfig?.fee || fee,
+                referrer,
+                order: routePriority,
+                slippage,
+                ...sdkConfig?.routeOptions,
             },
             disableVersionCheck: true,
             widgetVersion: version,
-            // debug: true,
         });
-    }, [widgetConfig]);
+    }, [
+        sdkConfig,
+        apiKey,
+        integrator,
+        feeConfig,
+        fee,
+        referrer,
+        routePriority,
+        slippage,
+    ]);
     return (_jsx(SDKClientContext.Provider, { value: client, children: children }));
 };
 //# sourceMappingURL=SDKClientProvider.js.map

package/dist/esm/providers/SDKClientProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"SDKClientProvider.js","sourceRoot":"","sources":["../../../src/providers/SDKClientProvider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAkB,MAAM,WAAW,CAAA;AACxD,OAAO,EACL,aAAa,EAEb,UAAU,EACV,OAAO,GACR,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAA;AAEpE,MAAM,gBAAgB,GAAG,aAAa,CAAY,EAAe,CAAC,CAAA;AAElE,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAA;AAE9D,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAAE,QAAQ,EAAqB,EAAE,EAAE;IACnE,MAAM,YAAY,GAAG,eAAe,EAAE,CAAA;IAEtC,MAAM,MAAM,GAAc,OAAO,CAAC,GAAG,EAAE;QACrC,OAAO,YAAY,CAAC;YAClB,GAAG,YAAY,CAAC,SAAS;YACzB,MAAM,EAAE,YAAY,CAAC,MAAM;YAC3B,UAAU,EAAE,YAAY,CAAC,UAAU,IAAI,MAAM,EAAE,QAAQ,CAAC,QAAQ;YAChE,YAAY,EAAE;gBACZ,GAAG,EAAE,YAAY,CAAC,SAAS,EAAE,GAAG,IAAI,YAAY,CAAC,GAAG;gBACpD,QAAQ,EAAE,YAAY,CAAC,QAAQ;gBAC/B,KAAK,EAAE,YAAY,CAAC,aAAa;gBACjC,QAAQ,EAAE,YAAY,CAAC,QAAQ;gBAC/B,GAAG,YAAY,CAAC,SAAS,EAAE,YAAY;aACxC;YACD,mBAAmB,EAAE,IAAI;YACzB,aAAa,EAAE,OAAO;YACtB,eAAe;SAChB,CAAC,CAAA;IACJ,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAA;IAElB,OAAO,CACL,KAAC,gBAAgB,CAAC,QAAQ,IAAC,KAAK,EAAE,MAAM,YACrC,QAAQ,GACiB,CAC7B,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"SDKClientProvider.js","sourceRoot":"","sources":["../../../src/providers/SDKClientProvider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAkB,MAAM,WAAW,CAAA;AACxD,OAAO,EACL,aAAa,EAEb,UAAU,EACV,OAAO,GACR,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAA;AAEpE,MAAM,gBAAgB,GAAG,aAAa,CAAY,EAAe,CAAC,CAAA;AAElE,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAA;AAE9D,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAAE,QAAQ,EAAqB,EAAE,EAAE;IACnE,MAAM,EACJ,SAAS,EACT,MAAM,EACN,UAAU,EACV,SAAS,EACT,GAAG,EACH,QAAQ,EACR,aAAa,EACb,QAAQ,GACT,GAAG,eAAe,EAAE,CAAA;IAErB,MAAM,MAAM,GAAc,OAAO,CAAC,GAAG,EAAE;QACrC,OAAO,YAAY,CAAC;YAClB,GAAG,SAAS;YACZ,MAAM;YACN,UAAU,EAAE,UAAU,IAAI,MAAM,EAAE,QAAQ,CAAC,QAAQ;YACnD,YAAY,EAAE;gBACZ,GAAG,EAAE,SAAS,EAAE,GAAG,IAAI,GAAG;gBAC1B,QAAQ;gBACR,KAAK,EAAE,aAAa;gBACpB,QAAQ;gBACR,GAAG,SAAS,EAAE,YAAY;aAC3B;YACD,mBAAmB,EAAE,IAAI;YACzB,aAAa,EAAE,OAAO;SACvB,CAAC,CAAA;IACJ,CAAC,EAAE;QACD,SAAS;QACT,MAAM;QACN,UAAU;QACV,SAAS;QACT,GAAG;QACH,QAAQ;QACR,aAAa;QACb,QAAQ;KACT,CAAC,CAAA;IAEF,OAAO,CACL,KAAC,gBAAgB,CAAC,QAAQ,IAAC,KAAK,EAAE,MAAM,YACrC,QAAQ,GACiB,CAC7B,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/providers/WalletProvider/WalletProvider.d.ts

@@ -1,5 +1,5 @@
 import type { WidgetProviderProps } from '@lifi/widget-provider';
-import type { PropsWithChildren, ReactNode } from 'react';
+import { type PropsWithChildren, type ReactNode } from 'react';
 interface WalletProviderProps extends PropsWithChildren {
     providers: ((props: PropsWithChildren<WidgetProviderProps>) => ReactNode)[];
 }

package/dist/esm/providers/WalletProvider/WalletProvider.js

@@ -1,5 +1,6 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { WalletManagementProviders } from '@lifi/wallet-management';
+import { useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useAvailableChains } from '../../hooks/useAvailableChains.js';
 import { useInitializeSDKProviders } from '../../hooks/useInitializeSDKProviders.js';
@@ -10,17 +11,25 @@ export const WalletProvider = ({ children, providers, }) => {
     const { chains } = useAvailableChains();
     const { i18n } = useTranslation();
     const { useExternalWalletProvidersOnly, internalChainTypes } = useExternalWalletProvider();
-    // If all chain types are already managed externally (host app set up providers),
-    // skip re-composing — the contexts are already populated above us.
+    if (!providers.length &&
+        !useExternalWalletProvidersOnly &&
+        process.env.NODE_ENV === 'development') {
+        console.warn('No widget providers specified');
+    }
     const effectiveProviders = useExternalWalletProvidersOnly ? [] : providers;
-    return (_jsx(WalletManagementProviders, { config: {
-            locale: i18n.resolvedLanguage,
-            enabledChainTypes: internalChainTypes,
-            walletEcosystemsOrder: walletConfig?.walletEcosystemsOrder,
-        }, providers: effectiveProviders, chains: chains, forceInternalWalletManagement: walletConfig?.forceInternalWalletManagement, children: _jsx(SDKProviderInitializer, { children: children }) }));
+    const walletManagementConfig = useMemo(() => ({
+        locale: i18n.resolvedLanguage,
+        enabledChainTypes: internalChainTypes,
+        walletEcosystemsOrder: walletConfig?.walletEcosystemsOrder,
+    }), [
+        i18n.resolvedLanguage,
+        internalChainTypes,
+        walletConfig?.walletEcosystemsOrder,
+    ]);
+    return (_jsx(WalletManagementProviders, { config: walletManagementConfig, providers: effectiveProviders, chains: chains, forceInternalWalletManagement: walletConfig?.forceInternalWalletManagement, children: _jsx(SDKProviderInitializer, { children: children }) }));
 };
 const SDKProviderInitializer = ({ children }) => {
     useInitializeSDKProviders();
-    return _jsx(_Fragment, { children: children });
+    return children;
 };
 //# sourceMappingURL=WalletProvider.js.map

package/dist/esm/providers/WalletProvider/WalletProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"WalletProvider.js","sourceRoot":"","sources":["../../../../src/providers/WalletProvider/WalletProvider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,yBAAyB,CAAA;AAGnE,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAA;AACtE,OAAO,EAAE,yBAAyB,EAAE,MAAM,0CAA0C,CAAA;AACpF,OAAO,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAA;AACrE,OAAO,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAA;AAM1E,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,QAAQ,EACR,SAAS,GAC8B,EAAE,EAAE;IAC3C,MAAM,EAAE,YAAY,EAAE,GAAG,eAAe,EAAE,CAAA;IAC1C,MAAM,EAAE,MAAM,EAAE,GAAG,kBAAkB,EAAE,CAAA;IACvC,MAAM,EAAE,IAAI,EAAE,GAAG,cAAc,EAAE,CAAA;IACjC,MAAM,EAAE,8BAA8B,EAAE,kBAAkB,EAAE,GAC1D,yBAAyB,EAAE,CAAA;IAE7B,iFAAiF;IACjF,mEAAmE;IACnE,MAAM,kBAAkB,GAAG,8BAA8B,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAA;IAE1E,OAAO,CACL,KAAC,yBAAyB,IACxB,MAAM,EAAE;YACN,MAAM,EAAE,IAAI,CAAC,gBAAyB;YACtC,iBAAiB,EAAE,kBAAkB;YACrC,qBAAqB,EAAE,YAAY,EAAE,qBAAqB;SAC3D,EACD,SAAS,EAAE,kBAAkB,EAC7B,MAAM,EAAE,MAAM,EACd,6BAA6B,EAC3B,YAAY,EAAE,6BAA6B,YAG7C,KAAC,sBAAsB,cAAE,QAAQ,GAA0B,GACjC,CAC7B,CAAA;AACH,CAAC,CAAA;AAED,MAAM,sBAAsB,GAA0B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACrE,yBAAyB,EAAE,CAAA;IAC3B,OAAO,4BAAG,QAAQ,GAAI,CAAA;AACxB,CAAC,CAAA"}
+{"version":3,"file":"WalletProvider.js","sourceRoot":"","sources":["../../../../src/providers/WalletProvider/WalletProvider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,yBAAyB,CAAA;AAEnE,OAAO,EAAmD,OAAO,EAAE,MAAM,OAAO,CAAA;AAChF,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAA;AACtE,OAAO,EAAE,yBAAyB,EAAE,MAAM,0CAA0C,CAAA;AACpF,OAAO,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAA;AACrE,OAAO,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAA;AAM1E,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,QAAQ,EACR,SAAS,GAC8B,EAAE,EAAE;IAC3C,MAAM,EAAE,YAAY,EAAE,GAAG,eAAe,EAAE,CAAA;IAC1C,MAAM,EAAE,MAAM,EAAE,GAAG,kBAAkB,EAAE,CAAA;IACvC,MAAM,EAAE,IAAI,EAAE,GAAG,cAAc,EAAE,CAAA;IACjC,MAAM,EAAE,8BAA8B,EAAE,kBAAkB,EAAE,GAC1D,yBAAyB,EAAE,CAAA;IAE7B,IACE,CAAC,SAAS,CAAC,MAAM;QACjB,CAAC,8BAA8B;QAC/B,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,aAAa,EACtC,CAAC;QACD,OAAO,CAAC,IAAI,CAAC,+BAA+B,CAAC,CAAA;IAC/C,CAAC;IAED,MAAM,kBAAkB,GAAG,8BAA8B,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAA;IAE1E,MAAM,sBAAsB,GAAG,OAAO,CACpC,GAAG,EAAE,CAAC,CAAC;QACL,MAAM,EAAE,IAAI,CAAC,gBAAyB;QACtC,iBAAiB,EAAE,kBAAkB;QACrC,qBAAqB,EAAE,YAAY,EAAE,qBAAqB;KAC3D,CAAC,EACF;QACE,IAAI,CAAC,gBAAgB;QACrB,kBAAkB;QAClB,YAAY,EAAE,qBAAqB;KACpC,CACF,CAAA;IAED,OAAO,CACL,KAAC,yBAAyB,IACxB,MAAM,EAAE,sBAAsB,EAC9B,SAAS,EAAE,kBAAkB,EAC7B,MAAM,EAAE,MAAM,EACd,6BAA6B,EAC3B,YAAY,EAAE,6BAA6B,YAG7C,KAAC,sBAAsB,cAAE,QAAQ,GAA0B,GACjC,CAC7B,CAAA;AACH,CAAC,CAAA;AAED,MAAM,sBAAsB,GAA0B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACrE,yBAAyB,EAAE,CAAA;IAC3B,OAAO,QAAQ,CAAA;AACjB,CAAC,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lifi/widget",
-  "version": "4.0.0-beta.1",
+  "version": "4.0.0-beta.3",
   "description": "LI.FI Widget for cross-chain bridging and swapping. It will drive your multi-chain strategy and attract new users from everywhere.",
   "type": "module",
   "main": "./dist/esm/index.js",
@@ -34,21 +34,21 @@
   "dependencies": {
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",
-    "@lifi/sdk": "4.0.0-beta.1",
+    "@lifi/sdk": "^4.0.0-beta.3",
     "@mui/icons-material": "^7.3.6",
     "@mui/material": "^7.3.6",
     "@mui/system": "^7.3.6",
-    "@tanstack/react-router": "^1.167.4",
+    "@tanstack/react-router": "^1.168.3",
     "@tanstack/react-virtual": "^3.13.23",
-    "i18next": "^25.8.18",
+    "i18next": "^25.10.9",
     "microdiff": "^1.5.0",
     "mitt": "^3.0.1",
-    "react-i18next": "^16.5.8",
+    "react-i18next": "^16.6.5",
     "react-intersection-observer": "^9.16.0",
     "react-transition-group": "^4.4.5",
     "zustand": "^5.0.12",
-    "@lifi/wallet-management": "4.0.0-beta.1",
-    "@lifi/widget-provider": "4.0.0-beta.1"
+    "@lifi/wallet-management": "4.0.0-beta.3",
+    "@lifi/widget-provider": "4.0.0-beta.3"
   },
   "peerDependencies": {
     "@tanstack/react-query": ">=5.90.0",

package/src/AppProvider.tsx

@@ -14,9 +14,6 @@ export const AppProvider: React.FC<PropsWithChildren<WidgetConfigProps>> = ({
   config,
   formRef,
 }) => {
-  if (!config.providers?.length && process.env.NODE_ENV === 'development') {
-    console.warn('No widget providers specified')
-  }
   return (
     <QueryClientProvider>
       <SettingsStoreProvider config={config}>

package/src/config/version.ts

@@ -1,2 +1,2 @@
 export const name = '@lifi/widget'
-export const version = '4.0.0-beta.1'
+export const version = '4.0.0-beta.3'

package/src/providers/SDKClientProvider.tsx

@@ -13,25 +13,42 @@ const SDKClientContext = createContext<SDKClient>({} as SDKClient)
 export const useSDKClient = () => useContext(SDKClientContext)
 
 export const SDKClientProvider = ({ children }: PropsWithChildren) => {
-  const widgetConfig = useWidgetConfig()
+  const {
+    sdkConfig,
+    apiKey,
+    integrator,
+    feeConfig,
+    fee,
+    referrer,
+    routePriority,
+    slippage,
+  } = useWidgetConfig()
 
   const client: SDKClient = useMemo(() => {
     return createClient({
-      ...widgetConfig.sdkConfig,
-      apiKey: widgetConfig.apiKey,
-      integrator: widgetConfig.integrator ?? window?.location.hostname,
+      ...sdkConfig,
+      apiKey,
+      integrator: integrator ?? window?.location.hostname,
       routeOptions: {
-        fee: widgetConfig.feeConfig?.fee || widgetConfig.fee,
-        referrer: widgetConfig.referrer,
-        order: widgetConfig.routePriority,
-        slippage: widgetConfig.slippage,
-        ...widgetConfig.sdkConfig?.routeOptions,
+        fee: feeConfig?.fee || fee,
+        referrer,
+        order: routePriority,
+        slippage,
+        ...sdkConfig?.routeOptions,
       },
       disableVersionCheck: true,
       widgetVersion: version,
-      // debug: true,
     })
-  }, [widgetConfig])
+  }, [
+    sdkConfig,
+    apiKey,
+    integrator,
+    feeConfig,
+    fee,
+    referrer,
+    routePriority,
+    slippage,
+  ])
 
   return (
     <SDKClientContext.Provider value={client}>

package/src/providers/WalletProvider/WalletProvider.tsx

@@ -1,6 +1,6 @@
 import { WalletManagementProviders } from '@lifi/wallet-management'
 import type { WidgetProviderProps } from '@lifi/widget-provider'
-import type { FC, PropsWithChildren, ReactNode } from 'react'
+import { type FC, type PropsWithChildren, type ReactNode, useMemo } from 'react'
 import { useTranslation } from 'react-i18next'
 import { useAvailableChains } from '../../hooks/useAvailableChains.js'
 import { useInitializeSDKProviders } from '../../hooks/useInitializeSDKProviders.js'
@@ -21,17 +21,32 @@ export const WalletProvider = ({
   const { useExternalWalletProvidersOnly, internalChainTypes } =
     useExternalWalletProvider()
 
-  // If all chain types are already managed externally (host app set up providers),
-  // skip re-composing — the contexts are already populated above us.
+  if (
+    !providers.length &&
+    !useExternalWalletProvidersOnly &&
+    process.env.NODE_ENV === 'development'
+  ) {
+    console.warn('No widget providers specified')
+  }
+
   const effectiveProviders = useExternalWalletProvidersOnly ? [] : providers
 
+  const walletManagementConfig = useMemo(
+    () => ({
+      locale: i18n.resolvedLanguage as never,
+      enabledChainTypes: internalChainTypes,
+      walletEcosystemsOrder: walletConfig?.walletEcosystemsOrder,
+    }),
+    [
+      i18n.resolvedLanguage,
+      internalChainTypes,
+      walletConfig?.walletEcosystemsOrder,
+    ]
+  )
+
   return (
     <WalletManagementProviders
-      config={{
-        locale: i18n.resolvedLanguage as never,
-        enabledChainTypes: internalChainTypes,
-        walletEcosystemsOrder: walletConfig?.walletEcosystemsOrder,
-      }}
+      config={walletManagementConfig}
       providers={effectiveProviders}
       chains={chains}
       forceInternalWalletManagement={
@@ -45,5 +60,5 @@ export const WalletProvider = ({
 
 const SDKProviderInitializer: FC<PropsWithChildren> = ({ children }) => {
   useInitializeSDKProviders()
-  return <>{children}</>
+  return children
 }