fix: widget providers improvements

lerna-debug.log

@@ -0,0 +1,128 @@
+0 silly argv {
+0 silly argv   _: [ 'version' ],
+0 silly argv   changelog: false,
+0 silly argv   push: false,
+0 silly argv   'git-tag-version': false,
+0 silly argv   gitTagVersion: false,
+0 silly argv   private: false,
+0 silly argv   preid: 'beta',
+0 silly argv   lernaVersion: '9.0.7',
+0 silly argv   '$0': 'node_modules/lerna/dist/cli.js'
+0 silly argv }
+1 notice cli v9.0.7
+2 verbose packageConfigs Explicit "packages" configuration found in lerna.json. Resolving packages using the configured glob(s): ["packages/*"]
+3 verbose rootPath /Users/eugene/Projects/widget
+4 info versioning independent
+5 notice FYI git repository validation has been skipped, please ensure your version bumps are correct
+6 silly hasTags
+7 verbose hasTags true
+8 silly git-describe.sync "v4.0.0-beta.2-2-gaf88109e-dirty" => {"lastTagName":"v4.0.0-beta.2","lastVersion":"v4.0.0-beta.2","refCount":"2","sha":"af88109e","isDirty":true}
+9 info Looking for changed packages since v4.0.0-beta.2
+10 info ignoring diff in paths matching [ '**/*.md' ]
+11 silly checking diff packages/wallet-management
+12 silly found diff in packages/wallet-management/package.json
+12 silly found diff in packages/wallet-management/src/providers/WalletManagementProviders.tsx
+12 silly found diff in packages/wallet-management/src/providers/WalletMenuProvider/WalletMenuContext.ts
+12 silly found diff in packages/wallet-management/src/providers/WalletMenuProvider/types.ts
+13 verbose filtered diff [
+13 verbose filtered diff   'packages/wallet-management/package.json',
+13 verbose filtered diff   'packages/wallet-management/src/providers/WalletManagementProviders.tsx',
+13 verbose filtered diff   'packages/wallet-management/src/providers/WalletMenuProvider/WalletMenuContext.ts',
+13 verbose filtered diff   'packages/wallet-management/src/providers/WalletMenuProvider/types.ts'
+13 verbose filtered diff ]
+14 silly checking diff packages/widget
+15 silly found diff in packages/widget/package.json
+15 silly found diff in packages/widget/src/AppProvider.tsx
+15 silly found diff in packages/widget/src/providers/SDKClientProvider.tsx
+15 silly found diff in packages/widget/src/providers/WalletProvider/WalletProvider.tsx
+16 verbose filtered diff [
+16 verbose filtered diff   'packages/widget/package.json',
+16 verbose filtered diff   'packages/widget/src/AppProvider.tsx',
+16 verbose filtered diff   'packages/widget/src/providers/SDKClientProvider.tsx',
+16 verbose filtered diff   'packages/widget/src/providers/WalletProvider/WalletProvider.tsx'
+16 verbose filtered diff ]
+17 silly checking diff packages/widget-embedded
+18 silly found diff in packages/widget-embedded/package.json
+19 verbose filtered diff [ 'packages/widget-embedded/package.json' ]
+20 silly checking diff packages/widget-light
+21 silly found diff in packages/widget-light/package.json
+22 verbose filtered diff [ 'packages/widget-light/package.json' ]
+23 silly checking diff packages/widget-playground
+24 silly found diff in packages/widget-playground/package.json
+25 verbose filtered diff [ 'packages/widget-playground/package.json' ]
+26 silly checking diff packages/widget-playground-next
+27 silly found diff in packages/widget-playground-next/package.json
+28 verbose filtered diff [ 'packages/widget-playground-next/package.json' ]
+29 silly checking diff packages/widget-playground-vite
+30 silly found diff in packages/widget-playground-vite/package.json
+31 verbose filtered diff [ 'packages/widget-playground-vite/package.json' ]
+32 silly checking diff packages/widget-provider
+33 silly found diff in packages/widget-provider/package.json
+33 silly found diff in packages/widget-provider/src/hooks/useSDKProviders.ts
+33 silly found diff in packages/widget-provider/src/types.ts
+34 verbose filtered diff [
+34 verbose filtered diff   'packages/widget-provider/package.json',
+34 verbose filtered diff   'packages/widget-provider/src/hooks/useSDKProviders.ts',
+34 verbose filtered diff   'packages/widget-provider/src/types.ts'
+34 verbose filtered diff ]
+35 silly checking diff packages/widget-provider-bitcoin
+36 silly found diff in packages/widget-provider-bitcoin/package.json
+36 silly found diff in packages/widget-provider-bitcoin/src/providers/BitcoinProvider.tsx
+36 silly found diff in packages/widget-provider-bitcoin/src/providers/BitcoinProviderValues.tsx
+37 verbose filtered diff [
+37 verbose filtered diff   'packages/widget-provider-bitcoin/package.json',
+37 verbose filtered diff   'packages/widget-provider-bitcoin/src/providers/BitcoinProvider.tsx',
+37 verbose filtered diff   'packages/widget-provider-bitcoin/src/providers/BitcoinProviderValues.tsx'
+37 verbose filtered diff ]
+38 silly checking diff packages/widget-provider-ethereum
+39 silly found diff in packages/widget-provider-ethereum/package.json
+39 silly found diff in packages/widget-provider-ethereum/src/providers/EthereumProvider.tsx
+39 silly found diff in packages/widget-provider-ethereum/src/providers/EthereumProviderValues.tsx
+40 verbose filtered diff [
+40 verbose filtered diff   'packages/widget-provider-ethereum/package.json',
+40 verbose filtered diff   'packages/widget-provider-ethereum/src/providers/EthereumProvider.tsx',
+40 verbose filtered diff   'packages/widget-provider-ethereum/src/providers/EthereumProviderValues.tsx'
+40 verbose filtered diff ]
+41 silly checking diff packages/widget-provider-solana
+42 silly found diff in packages/widget-provider-solana/package.json
+42 silly found diff in packages/widget-provider-solana/src/providers/SolanaProvider.tsx
+42 silly found diff in packages/widget-provider-solana/src/providers/SolanaProviderValues.tsx
+43 verbose filtered diff [
+43 verbose filtered diff   'packages/widget-provider-solana/package.json',
+43 verbose filtered diff   'packages/widget-provider-solana/src/providers/SolanaProvider.tsx',
+43 verbose filtered diff   'packages/widget-provider-solana/src/providers/SolanaProviderValues.tsx'
+43 verbose filtered diff ]
+44 silly checking diff packages/widget-provider-sui
+45 silly found diff in packages/widget-provider-sui/package.json
+45 silly found diff in packages/widget-provider-sui/src/providers/SuiBaseProvider.tsx
+45 silly found diff in packages/widget-provider-sui/src/providers/SuiProvider.tsx
+45 silly found diff in packages/widget-provider-sui/src/providers/SuiProviderValues.tsx
+46 verbose filtered diff [
+46 verbose filtered diff   'packages/widget-provider-sui/package.json',
+46 verbose filtered diff   'packages/widget-provider-sui/src/providers/SuiBaseProvider.tsx',
+46 verbose filtered diff   'packages/widget-provider-sui/src/providers/SuiProvider.tsx',
+46 verbose filtered diff   'packages/widget-provider-sui/src/providers/SuiProviderValues.tsx'
+46 verbose filtered diff ]
+47 verbose updated @lifi/wallet-management
+48 verbose updated @lifi/widget
+49 verbose updated @lifi/widget-embedded
+50 verbose updated @lifi/widget-light
+51 verbose updated @lifi/widget-playground
+52 verbose updated @lifi/widget-playground-next
+53 verbose updated @lifi/widget-playground-vite
+54 verbose updated @lifi/widget-provider
+55 verbose updated @lifi/widget-provider-bitcoin
+56 verbose updated @lifi/widget-provider-ethereum
+57 verbose updated @lifi/widget-provider-solana
+58 verbose updated @lifi/widget-provider-sui
+59 warn version Skipping working tree validation, proceed at your own risk
+60 error ExitPromptError: User force closed the prompt with SIGINT
+60 error     at Interface.sigint (/Users/eugene/Projects/widget/node_modules/.pnpm/@inquirer+core@10.3.2_@types+node@25.5.0/node_modules/@inquirer/core/dist/commonjs/lib/create-prompt.js:101:37)
+60 error     at Interface.emit (node:events:508:28)
+60 error     at [_ttyWrite] [as _ttyWrite] (node:internal/readline/interface:1327:18)
+60 error     at ReadStream.onkeypress (node:internal/readline/interface:284:20)
+60 error     at ReadStream.emit (node:events:520:35)
+60 error     at emitKeys (node:internal/readline/utils:371:14)
+60 error     at emitKeys.next (<anonymous>)
+60 error     at ReadStream.onData (node:internal/readline/emitKeypressEvents:64:36)
+60 error     at ReadStream.emit (node:events:508:28)

package.json

@@ -1,5 +1,5 @@
 {
-  "version": "4.0.0-beta.2",
+  "version": "4.0.0-beta.4",
   "private": true,
   "sideEffects": false,
   "type": "module",

packages/wallet-management/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lifi/wallet-management",
-  "version": "4.0.0-beta.1",
+  "version": "4.0.0-beta.4",
   "description": "LI.FI Wallet Management solution.",
   "type": "module",
   "main": "./src/index.ts",

packages/wallet-management/src/providers/WalletManagementProviders.tsx

@@ -1,6 +1,9 @@
 import type { ExtendedChain } from '@lifi/sdk'
 import type { WidgetProviderProps } from '@lifi/widget-provider'
 import { type PropsWithChildren, type ReactNode, useMemo, useRef } from 'react'
+
+const EMPTY_CHAINS: ExtendedChain[] = []
+
 import type { WalletManagementProviderProps } from './WalletManagementProvider/types.js'
 import { WalletManagementProvider } from './WalletManagementProvider/WalletManagementProvider.js'
 
@@ -13,13 +16,15 @@ export interface WalletManagementProvidersProps
   providers?: WidgetProvider[]
   chains?: ExtendedChain[]
   forceInternalWalletManagement?: boolean
+  isExternalContext?: boolean
 }
 
 export const WalletManagementProviders = ({
   config,
   providers,
   chains,
   forceInternalWalletManagement,
+  isExternalContext,
   children,
 }: PropsWithChildren<WalletManagementProvidersProps>) => {
   const prevProvidersRef = useRef(providers)
@@ -49,11 +54,12 @@ export const WalletManagementProviders = ({
   }
 
   return memoizedProviders.reduceRight(
-    (acc, ProviderComponent) => (
+    (acc, ProviderComponent, index) => (
       <ProviderComponent
-        key={ProviderComponent.name}
+        key={ProviderComponent.name || index}
         forceInternalWalletManagement={forceInternalWalletManagement}
-        chains={chains ?? []}
+        isExternalContext={isExternalContext}
+        chains={chains ?? EMPTY_CHAINS}
       >
         {acc}
       </ProviderComponent>

packages/wallet-management/src/providers/WalletMenuProvider/WalletMenuContext.ts

@@ -5,7 +5,7 @@ import type {
 } from './types.js'
 
 export const WalletMenuContext = createContext<_WalletMenuContext>({
-  isWalletMenuOpen: () => {},
+  isWalletMenuOpen: () => false,
   toggleWalletMenu: () => {},
   openWalletMenu: (_?: WalletMenuOpenArgs) => {},
   closeWalletMenu: () => {},

packages/wallet-management/src/providers/WalletMenuProvider/types.ts

@@ -6,7 +6,7 @@ export interface WalletMenuOpenArgs {
 }
 
 export interface WalletMenuContext {
-  isWalletMenuOpen(): void
+  isWalletMenuOpen(): boolean
   toggleWalletMenu(): void
   openWalletMenu(args?: WalletMenuOpenArgs): void
   closeWalletMenu(): void

packages/widget-light/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lifi/widget-light",
-  "version": "4.0.0-beta.1",
+  "version": "4.0.0-beta.3",
   "description": "LI.FI Widget Light - a lightweight version of the LI.FI Widget for cross-chain bridging and swapping.",
   "type": "module",
   "main": "./src/index.ts",

packages/widget-light/src/config/version.ts

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

packages/widget-provider-bitcoin/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lifi/widget-provider-bitcoin",
-  "version": "4.0.0-beta.2",
+  "version": "4.0.0-beta.4",
   "description": "LI.FI Widget Provider for Bitcoin blockchain integration.",
   "type": "module",
   "main": "./src/index.ts",

packages/widget-provider-bitcoin/src/providers/BitcoinProvider.tsx

@@ -12,21 +12,23 @@ function useInBitcoinContext(): boolean {
 
 const BitcoinWidgetProvider = ({
   forceInternalWalletManagement,
+  isExternalContext = false,
   children,
 }: PropsWithChildren<WidgetProviderProps>) => {
   const inBitcoinContext = useInBitcoinContext()
+  const effectiveIsExternal = isExternalContext || inBitcoinContext
 
   if (inBitcoinContext && !forceInternalWalletManagement) {
     return (
-      <BitcoinProviderValues isExternalContext={inBitcoinContext}>
+      <BitcoinProviderValues isExternalContext={effectiveIsExternal}>
         {children}
       </BitcoinProviderValues>
     )
   }
 
   return (
     <BitcoinBaseProvider>
-      <BitcoinProviderValues isExternalContext={inBitcoinContext}>
+      <BitcoinProviderValues isExternalContext={effectiveIsExternal}>
         {children}
       </BitcoinProviderValues>
     </BitcoinBaseProvider>

packages/widget-provider-bitcoin/src/providers/BitcoinProviderValues.tsx

@@ -22,13 +22,16 @@ export const BitcoinProviderValues: FC<
   const { connectors } = useConnect()
   const currentWallet = useAccount()
 
-  const account = {
-    ...currentWallet,
-    chainType: ChainType.UTXO,
-    chainId: ChainId.BTC,
-    address: currentWallet.account?.address,
-    addresses: currentWallet.accounts?.map((account) => account.address),
-  }
+  const account = useMemo(
+    () => ({
+      ...currentWallet,
+      chainType: ChainType.UTXO,
+      chainId: ChainId.BTC,
+      address: currentWallet.account?.address,
+      addresses: currentWallet.accounts?.map((account) => account.address),
+    }),
+    [currentWallet]
+  )
 
   const isConnected = account.isConnected
 
@@ -60,7 +63,9 @@ export const BitcoinProviderValues: FC<
         const data = await connect(bigmiConfig, {
           connector: connector as Connector,
         })
-        onSuccess?.(data.accounts[0].address, ChainId.BTC)
+        if (data.accounts.length > 0) {
+          onSuccess?.(data.accounts[0].address, ChainId.BTC)
+        }
       }
     },
     [bigmiConfig, connectors]
@@ -75,19 +80,30 @@ export const BitcoinProviderValues: FC<
     }
   }, [bigmiConfig])
 
+  const contextValue = useMemo(
+    () => ({
+      isEnabled: true,
+      account,
+      sdkProvider,
+      installedWallets,
+      isConnected,
+      isExternalContext,
+      connect: handleConnect,
+      disconnect: handleDisconnect,
+    }),
+    [
+      account,
+      sdkProvider,
+      installedWallets,
+      isConnected,
+      isExternalContext,
+      handleConnect,
+      handleDisconnect,
+    ]
+  )
+
   return (
-    <BitcoinContext.Provider
-      value={{
-        isEnabled: true,
-        account,
-        sdkProvider,
-        installedWallets,
-        isConnected,
-        isExternalContext,
-        connect: handleConnect,
-        disconnect: handleDisconnect,
-      }}
-    >
+    <BitcoinContext.Provider value={contextValue}>
       {children}
     </BitcoinContext.Provider>
   )

packages/widget-provider-ethereum/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lifi/widget-provider-ethereum",
-  "version": "4.0.0-beta.2",
+  "version": "4.0.0-beta.4",
   "description": "LI.FI Widget Provider for Ethereum blockchain integration.",
   "type": "module",
   "main": "./src/index.ts",

packages/widget-provider-ethereum/src/providers/EthereumProvider.tsx

@@ -16,16 +16,18 @@ function useInEthereumContext(): boolean {
 
 const EthereumWidgetProvider = ({
   forceInternalWalletManagement,
+  isExternalContext = false,
   chains,
   config,
   children,
 }: PropsWithChildren<EthereumWidgetProviderProps>) => {
   const inEthereumContext = useInEthereumContext()
+  const effectiveIsExternal = isExternalContext || inEthereumContext
 
   if (inEthereumContext && !forceInternalWalletManagement) {
     return (
       <EthereumProviderValues
-        isExternalContext={inEthereumContext}
+        isExternalContext={effectiveIsExternal}
         config={config}
       >
         {children}
@@ -36,7 +38,7 @@ const EthereumWidgetProvider = ({
   return (
     <EthereumBaseProvider config={config} chains={chains}>
       <EthereumProviderValues
-        isExternalContext={inEthereumContext}
+        isExternalContext={effectiveIsExternal}
         config={config}
       >
         {children}