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

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.1";

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.1';
 //# sourceMappingURL=version.js.map

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

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

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

@@ -1,6 +1,5 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { WalletManagementProvider } from '@lifi/wallet-management';
-import { useMemo, useRef, } from 'react';
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { WalletManagementProviders } from '@lifi/wallet-management';
 import { useTranslation } from 'react-i18next';
 import { useAvailableChains } from '../../hooks/useAvailableChains.js';
 import { useInitializeSDKProviders } from '../../hooks/useInitializeSDKProviders.js';
@@ -9,36 +8,19 @@ 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 {
+    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.
+    const effectiveProviders = useExternalWalletProvidersOnly ? [] : providers;
+    return (_jsx(WalletManagementProviders, { config: {
             locale: i18n.resolvedLanguage,
             enabledChainTypes: internalChainTypes,
             walletEcosystemsOrder: walletConfig?.walletEcosystemsOrder,
-        };
-    }, [
-        i18n.resolvedLanguage,
-        internalChainTypes,
-        walletConfig?.walletEcosystemsOrder,
-    ]);
-    return (_jsx(WalletManagementProvider, { config: config, children: children }));
+        }, providers: effectiveProviders, chains: chains, forceInternalWalletManagement: walletConfig?.forceInternalWalletManagement, children: _jsx(SDKProviderInitializer, { children: children }) }));
+};
+const SDKProviderInitializer = ({ children }) => {
+    useInitializeSDKProviders();
+    return _jsx(_Fragment, { children: 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;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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lifi/widget",
-  "version": "4.0.0-beta.0",
+  "version": "4.0.0-beta.1",
   "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",
@@ -47,8 +47,8 @@
     "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.1",
+    "@lifi/widget-provider": "4.0.0-beta.1"
   },
   "peerDependencies": {
     "@tanstack/react-query": ">=5.90.0",

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.1'

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, PropsWithChildren, ReactNode } from 'react'
 import { useTranslation } from 'react-i18next'
 import { useAvailableChains } from '../../hooks/useAvailableChains.js'
 import { useInitializeSDKProviders } from '../../hooks/useInitializeSDKProviders.js'
@@ -24,64 +17,33 @@ export const WalletProvider = ({
 }: PropsWithChildren<WalletProviderProps>) => {
   const { walletConfig } = useWidgetConfig()
   const { chains } = useAvailableChains()
+  const { i18n } = useTranslation()
+  const { useExternalWalletProvidersOnly, internalChainTypes } =
+    useExternalWalletProvider()
 
-  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>
+  // If all chain types are already managed externally (host app set up providers),
+  // skip re-composing — the contexts are already populated above us.
+  const effectiveProviders = useExternalWalletProvidersOnly ? [] : providers
 
-  return memoizedProviders.reduceRight(
-    (acc, ProviderComponent) => (
-      <ProviderComponent
-        key={ProviderComponent.name}
-        forceInternalWalletManagement={
-          walletConfig?.forceInternalWalletManagement
-        }
-        chains={chains ?? []}
-      >
-        {acc}
-      </ProviderComponent>
-    ),
-    baseContent
+  return (
+    <WalletManagementProviders
+      config={{
+        locale: i18n.resolvedLanguage as never,
+        enabledChainTypes: internalChainTypes,
+        walletEcosystemsOrder: walletConfig?.walletEcosystemsOrder,
+      }}
+      providers={effectiveProviders}
+      chains={chains}
+      forceInternalWalletManagement={
+        walletConfig?.forceInternalWalletManagement
+      }
+    >
+      <SDKProviderInitializer>{children}</SDKProviderInitializer>
+    </WalletManagementProviders>
   )
 }
 
-const WalletMenuProvider: FC<PropsWithChildren> = ({ children }) => {
-  const { walletConfig } = useWidgetConfig()
-  const { i18n } = useTranslation()
-  const { internalChainTypes } = useExternalWalletProvider()
-
-  // Initialize SDK client with providers wrapping the wallet menu provider
+const SDKProviderInitializer: FC<PropsWithChildren> = ({ children }) => {
   useInitializeSDKProviders()
-
-  const config: WalletManagementConfig = useMemo(() => {
-    return {
-      locale: i18n.resolvedLanguage as never,
-      enabledChainTypes: internalChainTypes,
-      walletEcosystemsOrder: walletConfig?.walletEcosystemsOrder,
-    }
-  }, [
-    i18n.resolvedLanguage,
-    internalChainTypes,
-    walletConfig?.walletEcosystemsOrder,
-  ])
-
-  return (
-    <WalletManagementProvider config={config}>
-      {children}
-    </WalletManagementProvider>
-  )
+  return <>{children}</>
 }