@lifi/widget 4.0.0-beta.0 → 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.0";
+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.0';
+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.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { WalletManagementProvider } from '@lifi/wallet-management';
-import { useMemo, useRef, } from 'react';
+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';
@@ -9,36 +9,27 @@ import { useExternalWalletProvider } from './useExternalWalletProvider.js';
 export const WalletProvider = ({ children, providers, }) => {
     const { walletConfig } = useWidgetConfig();
     const { chains } = useAvailableChains();
-    const prevProvidersRef = useRef(providers);
-    // Memoize providers to maintain referential stability and prevent remounts
-    const memoizedProviders = useMemo(() => {
-        if (prevProvidersRef.current.length === providers.length &&
-            prevProvidersRef.current.every((provider, index) => provider === providers[index])) {
-            return prevProvidersRef.current;
-        }
-        prevProvidersRef.current = providers;
-        return providers;
-    }, [providers]);
-    const baseContent = _jsx(WalletMenuProvider, { children: children });
-    return memoizedProviders.reduceRight((acc, ProviderComponent) => (_jsx(ProviderComponent, { forceInternalWalletManagement: walletConfig?.forceInternalWalletManagement, chains: chains ?? [], children: acc }, ProviderComponent.name)), baseContent);
-};
-const WalletMenuProvider = ({ children }) => {
-    const { walletConfig } = useWidgetConfig();
     const { i18n } = useTranslation();
-    const { internalChainTypes } = useExternalWalletProvider();
-    // Initialize SDK client with providers wrapping the wallet menu provider
-    useInitializeSDKProviders();
-    const config = useMemo(() => {
-        return {
-            locale: i18n.resolvedLanguage,
-            enabledChainTypes: internalChainTypes,
-            walletEcosystemsOrder: walletConfig?.walletEcosystemsOrder,
-        };
-    }, [
+    const { useExternalWalletProvidersOnly, internalChainTypes } = useExternalWalletProvider();
+    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,
+        enabledChainTypes: internalChainTypes,
+        walletEcosystemsOrder: walletConfig?.walletEcosystemsOrder,
+    }), [
         i18n.resolvedLanguage,
         internalChainTypes,
         walletConfig?.walletEcosystemsOrder,
     ]);
-    return (_jsx(WalletManagementProvider, { config: config, children: children }));
+    return (_jsx(WalletManagementProviders, { config: walletManagementConfig, providers: effectiveProviders, chains: chains, forceInternalWalletManagement: walletConfig?.forceInternalWalletManagement, children: _jsx(SDKProviderInitializer, { children: children }) }));
+};
+const SDKProviderInitializer = ({ children }) => {
+    useInitializeSDKProviders();
+    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":";AACA,OAAO,EAAE,wBAAwB,EAAE,MAAM,yBAAyB,CAAA;AAElE,OAAO,EAIL,OAAO,EACP,MAAM,GACP,MAAM,OAAO,CAAA;AACd,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;IAEvC,MAAM,gBAAgB,GAAG,MAAM,CAAC,SAAS,CAAC,CAAA;IAE1C,2EAA2E;IAC3E,MAAM,iBAAiB,GAAG,OAAO,CAAC,GAAG,EAAE;QACrC,IACE,gBAAgB,CAAC,OAAO,CAAC,MAAM,KAAK,SAAS,CAAC,MAAM;YACpD,gBAAgB,CAAC,OAAO,CAAC,KAAK,CAC5B,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,CAAC,QAAQ,KAAK,SAAS,CAAC,KAAK,CAAC,CACnD,EACD,CAAC;YACD,OAAO,gBAAgB,CAAC,OAAO,CAAA;QACjC,CAAC;QACD,gBAAgB,CAAC,OAAO,GAAG,SAAS,CAAA;QACpC,OAAO,SAAS,CAAA;IAClB,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAEf,MAAM,WAAW,GAAG,KAAC,kBAAkB,cAAE,QAAQ,GAAsB,CAAA;IAEvE,OAAO,iBAAiB,CAAC,WAAW,CAClC,CAAC,GAAG,EAAE,iBAAiB,EAAE,EAAE,CAAC,CAC1B,KAAC,iBAAiB,IAEhB,6BAA6B,EAC3B,YAAY,EAAE,6BAA6B,EAE7C,MAAM,EAAE,MAAM,IAAI,EAAE,YAEnB,GAAG,IANC,iBAAiB,CAAC,IAAI,CAOT,CACrB,EACD,WAAW,CACZ,CAAA;AACH,CAAC,CAAA;AAED,MAAM,kBAAkB,GAA0B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACjE,MAAM,EAAE,YAAY,EAAE,GAAG,eAAe,EAAE,CAAA;IAC1C,MAAM,EAAE,IAAI,EAAE,GAAG,cAAc,EAAE,CAAA;IACjC,MAAM,EAAE,kBAAkB,EAAE,GAAG,yBAAyB,EAAE,CAAA;IAE1D,yEAAyE;IACzE,yBAAyB,EAAE,CAAA;IAE3B,MAAM,MAAM,GAA2B,OAAO,CAAC,GAAG,EAAE;QAClD,OAAO;YACL,MAAM,EAAE,IAAI,CAAC,gBAAyB;YACtC,iBAAiB,EAAE,kBAAkB;YACrC,qBAAqB,EAAE,YAAY,EAAE,qBAAqB;SAC3D,CAAA;IACH,CAAC,EAAE;QACD,IAAI,CAAC,gBAAgB;QACrB,kBAAkB;QAClB,YAAY,EAAE,qBAAqB;KACpC,CAAC,CAAA;IAEF,OAAO,CACL,KAAC,wBAAwB,IAAC,MAAM,EAAE,MAAM,YACrC,QAAQ,GACgB,CAC5B,CAAA;AACH,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.0",
+  "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.0",
-    "@lifi/widget-provider": "4.0.0-beta.0"
+    "@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.0'
+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,13 +1,6 @@
-import type { WalletManagementConfig } from '@lifi/wallet-management'
-import { WalletManagementProvider } from '@lifi/wallet-management'
+import { WalletManagementProviders } from '@lifi/wallet-management'
 import type { WidgetProviderProps } from '@lifi/widget-provider'
-import {
-  type FC,
-  type PropsWithChildren,
-  type ReactNode,
-  useMemo,
-  useRef,
-} 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'
@@ -24,64 +17,48 @@ export const WalletProvider = ({
 }: PropsWithChildren<WalletProviderProps>) => {
   const { walletConfig } = useWidgetConfig()
   const { chains } = useAvailableChains()
-
-  const prevProvidersRef = useRef(providers)
-
-  // Memoize providers to maintain referential stability and prevent remounts
-  const memoizedProviders = useMemo(() => {
-    if (
-      prevProvidersRef.current.length === providers.length &&
-      prevProvidersRef.current.every(
-        (provider, index) => provider === providers[index]
-      )
-    ) {
-      return prevProvidersRef.current
-    }
-    prevProvidersRef.current = providers
-    return providers
-  }, [providers])
-
-  const baseContent = <WalletMenuProvider>{children}</WalletMenuProvider>
-
-  return memoizedProviders.reduceRight(
-    (acc, ProviderComponent) => (
-      <ProviderComponent
-        key={ProviderComponent.name}
-        forceInternalWalletManagement={
-          walletConfig?.forceInternalWalletManagement
-        }
-        chains={chains ?? []}
-      >
-        {acc}
-      </ProviderComponent>
-    ),
-    baseContent
-  )
-}
-
-const WalletMenuProvider: FC<PropsWithChildren> = ({ children }) => {
-  const { walletConfig } = useWidgetConfig()
   const { i18n } = useTranslation()
-  const { internalChainTypes } = useExternalWalletProvider()
+  const { useExternalWalletProvidersOnly, internalChainTypes } =
+    useExternalWalletProvider()
 
-  // Initialize SDK client with providers wrapping the wallet menu provider
-  useInitializeSDKProviders()
+  if (
+    !providers.length &&
+    !useExternalWalletProvidersOnly &&
+    process.env.NODE_ENV === 'development'
+  ) {
+    console.warn('No widget providers specified')
+  }
 
-  const config: WalletManagementConfig = useMemo(() => {
-    return {
+  const effectiveProviders = useExternalWalletProvidersOnly ? [] : providers
+
+  const walletManagementConfig = useMemo(
+    () => ({
       locale: i18n.resolvedLanguage as never,
       enabledChainTypes: internalChainTypes,
       walletEcosystemsOrder: walletConfig?.walletEcosystemsOrder,
-    }
-  }, [
-    i18n.resolvedLanguage,
-    internalChainTypes,
-    walletConfig?.walletEcosystemsOrder,
-  ])
+    }),
+    [
+      i18n.resolvedLanguage,
+      internalChainTypes,
+      walletConfig?.walletEcosystemsOrder,
+    ]
+  )
 
   return (
-    <WalletManagementProvider config={config}>
-      {children}
-    </WalletManagementProvider>
+    <WalletManagementProviders
+      config={walletManagementConfig}
+      providers={effectiveProviders}
+      chains={chains}
+      forceInternalWalletManagement={
+        walletConfig?.forceInternalWalletManagement
+      }
+    >
+      <SDKProviderInitializer>{children}</SDKProviderInitializer>
+    </WalletManagementProviders>
   )
 }
+
+const SDKProviderInitializer: FC<PropsWithChildren> = ({ children }) => {
+  useInitializeSDKProviders()
+  return children
+}