@lifi/widget 3.29.0-beta.0 → 3.29.0

package/src/providers/WalletProvider/SVMBaseProvider.tsx

@@ -6,24 +6,27 @@ import {
   WalletProvider,
 } from '@solana/wallet-adapter-react'
 import { clusterApiUrl } from '@solana/web3.js'
-import type { FC, PropsWithChildren } from 'react'
-
-const endpoint = clusterApiUrl(WalletAdapterNetwork.Mainnet)
-/**
- * Wallets that implement either of these standards will be available automatically.
- *
- *   - Solana Mobile Stack Mobile Wallet Adapter Protocol
- *     (https://github.com/solana-mobile/mobile-wallet-adapter)
- *   - Solana Wallet Standard
- *     (https://github.com/solana-labs/wallet-standard)
- *
- * If you wish to support a wallet that supports neither of those standards,
- * instantiate its legacy wallet adapter here. Common legacy adapters can be found
- * in the npm package `@solana/wallet-adapter-wallets`.
- */
-const wallets: Adapter[] = [new CoinbaseWalletAdapter()]
+import { type FC, type PropsWithChildren, useMemo } from 'react'
 
 export const SVMBaseProvider: FC<PropsWithChildren> = ({ children }) => {
+  const [endpoint, wallets] = useMemo(() => {
+    const endpoint = clusterApiUrl(WalletAdapterNetwork.Mainnet)
+    /**
+     * Wallets that implement either of these standards will be available automatically.
+     *
+     *   - Solana Mobile Stack Mobile Wallet Adapter Protocol
+     *     (https://github.com/solana-mobile/mobile-wallet-adapter)
+     *   - Solana Wallet Standard
+     *     (https://github.com/solana-labs/wallet-standard)
+     *
+     * If you wish to support a wallet that supports neither of those standards,
+     * instantiate its legacy wallet adapter here. Common legacy adapters can be found
+     * in the npm package `@solana/wallet-adapter-wallets`.
+     */
+    const wallets: Adapter[] = [new CoinbaseWalletAdapter()]
+    return [endpoint, wallets]
+  }, [])
+
   return (
     <ConnectionProvider endpoint={endpoint}>
       <WalletProvider wallets={wallets} autoConnect>

package/src/providers/WalletProvider/SVMProvider.tsx

@@ -1,6 +1,7 @@
 import { ChainType } from '@lifi/sdk'
 import { ConnectionContext } from '@solana/wallet-adapter-react'
 import { type FC, type PropsWithChildren, useContext } from 'react'
+import { useInternalWalletProvider } from '../../hooks/useInternalWalletProvider.js'
 import { isItemAllowed } from '../../utils/item.js'
 import { useWidgetConfig } from '../WidgetProvider/WidgetProvider.js'
 import { SVMBaseProvider } from './SVMBaseProvider.js'
@@ -16,12 +17,13 @@ export function useInSolanaContext(): boolean {
 
 export const SVMProvider: FC<PropsWithChildren> = ({ children }) => {
   const inSolanaContext = useInSolanaContext()
+  const useInternalWallet = useInternalWalletProvider(inSolanaContext)
 
-  return inSolanaContext ? (
+  return useInternalWallet ? (
+    <SVMBaseProvider>{children}</SVMBaseProvider>
+  ) : (
     <SVMExternalContext.Provider value={inSolanaContext}>
       {children}
     </SVMExternalContext.Provider>
-  ) : (
-    <SVMBaseProvider>{children}</SVMBaseProvider>
   )
 }

package/src/providers/WalletProvider/SuiProvider.tsx

@@ -1,6 +1,7 @@
 import { ChainType } from '@lifi/sdk'
 import { SuiClientContext } from '@mysten/dapp-kit'
 import { type FC, type PropsWithChildren, useContext } from 'react'
+import { useInternalWalletProvider } from '../../hooks/useInternalWalletProvider.js'
 import { isItemAllowed } from '../../utils/item.js'
 import { useWidgetConfig } from '../WidgetProvider/WidgetProvider.js'
 import { SuiBaseProvider } from './SuiBaseProvider.js'
@@ -15,12 +16,13 @@ export function useInSuiContext(): boolean {
 
 export const SuiProvider: FC<PropsWithChildren> = ({ children }) => {
   const inSuiContext = useInSuiContext()
+  const useInternalWallet = useInternalWalletProvider(inSuiContext)
 
-  return inSuiContext ? (
+  return useInternalWallet ? (
+    <SuiBaseProvider>{children}</SuiBaseProvider>
+  ) : (
     <SuiExternalContext.Provider value={inSuiContext}>
       {children}
     </SuiExternalContext.Provider>
-  ) : (
-    <SuiBaseProvider>{children}</SuiBaseProvider>
   )
 }

package/src/providers/WalletProvider/UTXOProvider.tsx

@@ -1,6 +1,7 @@
 import { BigmiContext } from '@bigmi/react'
 import { ChainType } from '@lifi/sdk'
 import { type FC, type PropsWithChildren, useContext } from 'react'
+import { useInternalWalletProvider } from '../../hooks/useInternalWalletProvider.js'
 import { isItemAllowed } from '../../utils/item.js'
 import { useWidgetConfig } from '../WidgetProvider/WidgetProvider.js'
 import { UTXOBaseProvider } from './UTXOBaseProvider.js'
@@ -15,12 +16,13 @@ export function useInBigmiContext(): boolean {
 
 export const UTXOProvider: FC<PropsWithChildren> = ({ children }) => {
   const inBigmiContext = useInBigmiContext()
+  const useInternalWallet = useInternalWalletProvider(inBigmiContext)
 
-  return inBigmiContext ? (
+  return useInternalWallet ? (
+    <UTXOBaseProvider>{children}</UTXOBaseProvider>
+  ) : (
     <UTXOExternalContext.Provider value={inBigmiContext}>
       {children}
     </UTXOExternalContext.Provider>
-  ) : (
-    <UTXOBaseProvider>{children}</UTXOBaseProvider>
   )
 }

package/src/providers/WalletProvider/useExternalWalletProvider.ts

@@ -46,7 +46,9 @@ export function useExternalWalletProvider(): ExternalWalletProvider {
       hasExternalSuiContext
 
     const useExternalWalletProvidersOnly =
-      hasExternalProvider && !walletConfig?.usePartialWalletManagement
+      hasExternalProvider &&
+      !walletConfig?.usePartialWalletManagement &&
+      !walletConfig?.forceInternalWalletManagement
     return {
       useExternalWalletProvidersOnly,
       externalChainTypes: providers,
@@ -60,6 +62,7 @@ export function useExternalWalletProvider(): ExternalWalletProvider {
     hasExternalUTXOContext,
     hasExternalSuiContext,
     walletConfig?.usePartialWalletManagement,
+    walletConfig?.forceInternalWalletManagement,
   ])
 
   return data

package/src/types/widget.ts

@@ -117,6 +117,7 @@ export enum HiddenUI {
   AddressBookConnectedWallets = 'addressBookConnectedWallets',
   LowAddressActivityConfirmation = 'lowAddressActivityConfirmation',
   GasRefuelMessage = 'gasRefuelMessage',
+  SearchTokenInput = 'searchTokenInput',
 }
 export type HiddenUIType = `${HiddenUI}`
 
@@ -145,6 +146,11 @@ export interface WidgetWalletConfig {
    * @default false
    */
   usePartialWalletManagement?: boolean
+  /**
+   * This option forces the widget to always use internal wallet management ignoring external wallet management contexts
+   * @default false
+   */
+  forceInternalWalletManagement?: boolean
 }
 
 export interface WidgetSDKConfig