@lifi/widget 3.20.4 → 3.21.0

package/src/providers/WalletProvider/SVMBaseProvider.tsx

@@ -1,5 +1,6 @@
 import type { Adapter } from '@solana/wallet-adapter-base'
 import { WalletAdapterNetwork } from '@solana/wallet-adapter-base'
+import { CoinbaseWalletAdapter } from '@solana/wallet-adapter-coinbase'
 import {
   ConnectionProvider,
   WalletProvider,
@@ -20,7 +21,7 @@ const endpoint = clusterApiUrl(WalletAdapterNetwork.Mainnet)
  * instantiate its legacy wallet adapter here. Common legacy adapters can be found
  * in the npm package `@solana/wallet-adapter-wallets`.
  */
-const wallets: Adapter[] = []
+const wallets: Adapter[] = [new CoinbaseWalletAdapter()]
 
 export const SVMBaseProvider: FC<PropsWithChildren> = ({ children }) => {
   return (

package/src/providers/WalletProvider/SuiBaseProvider.tsx

@@ -0,0 +1,37 @@
+import { ChainId } from '@lifi/sdk'
+import {
+  SuiClientProvider,
+  WalletProvider,
+  createNetworkConfig,
+} from '@mysten/dapp-kit'
+import { getFullnodeUrl } from '@mysten/sui/client'
+import { type FC, type PropsWithChildren, useMemo } from 'react'
+import { useAvailableChains } from '../../hooks/useAvailableChains.js'
+
+export const SuiBaseProvider: FC<PropsWithChildren> = ({ children }) => {
+  const { chains } = useAvailableChains()
+
+  const config = useMemo(() => {
+    const sui = chains?.find((chain) => chain.id === ChainId.SUI)
+    if (sui) {
+      return createNetworkConfig({
+        mainnet: { url: sui.metamask?.rpcUrls[0] ?? getFullnodeUrl('mainnet') },
+      })
+    }
+  }, [chains])
+
+  if (!config?.networkConfig) {
+    return null
+  }
+
+  return (
+    <SuiClientProvider networks={config.networkConfig} defaultNetwork="mainnet">
+      <WalletProvider
+        storageKey="li.fi-widget-sui-wallet-connection"
+        autoConnect
+      >
+        {children}
+      </WalletProvider>
+    </SuiClientProvider>
+  )
+}

package/src/providers/WalletProvider/SuiExternalContext.ts

@@ -0,0 +1,3 @@
+import { createContext } from 'react'
+
+export const SuiExternalContext = createContext<boolean>(false)

package/src/providers/WalletProvider/SuiProvider.tsx

@@ -0,0 +1,26 @@
+import { ChainType } from '@lifi/sdk'
+import { SuiClientContext } from '@mysten/dapp-kit'
+import { type FC, type PropsWithChildren, useContext } from 'react'
+import { isItemAllowed } from '../../utils/item.js'
+import { useWidgetConfig } from '../WidgetProvider/WidgetProvider.js'
+import { SuiBaseProvider } from './SuiBaseProvider.js'
+import { SuiExternalContext } from './SuiExternalContext.js'
+
+export function useInSuiContext(): boolean {
+  const { chains } = useWidgetConfig()
+  const context = useContext(SuiClientContext)
+
+  return Boolean(context) && isItemAllowed(ChainType.MVM, chains?.types)
+}
+
+export const SuiProvider: FC<PropsWithChildren> = ({ children }) => {
+  const inSuiContext = useInSuiContext()
+
+  return inSuiContext ? (
+    <SuiExternalContext.Provider value={inSuiContext}>
+      {children}
+    </SuiExternalContext.Provider>
+  ) : (
+    <SuiBaseProvider>{children}</SuiBaseProvider>
+  )
+}

package/src/providers/WalletProvider/UTXOBaseProvider.tsx

@@ -1,10 +1,11 @@
+import type { Config } from '@bigmi/client'
 import { BigmiProvider, useReconnect } from '@bigmi/react'
-import type { DefaultWagmiConfigResult } from '@lifi/wallet-management'
+import type { DefaultBigmiConfigResult } from '@lifi/wallet-management'
 import { createDefaultBigmiConfig } from '@lifi/wallet-management'
 import { type FC, type PropsWithChildren, useRef } from 'react'
 
 export const UTXOBaseProvider: FC<PropsWithChildren> = ({ children }) => {
-  const bigmi = useRef<DefaultWagmiConfigResult>(null)
+  const bigmi = useRef<DefaultBigmiConfigResult>(null)
 
   if (!bigmi.current) {
     bigmi.current = createDefaultBigmiConfig({
@@ -15,10 +16,13 @@ export const UTXOBaseProvider: FC<PropsWithChildren> = ({ children }) => {
     })
   }
 
-  useReconnect(bigmi.current.config)
+  useReconnect(bigmi.current.config as Config)
 
   return (
-    <BigmiProvider config={bigmi.current.config} reconnectOnMount={false}>
+    <BigmiProvider
+      config={bigmi.current.config as Config}
+      reconnectOnMount={false}
+    >
       {children}
     </BigmiProvider>
   )

package/src/providers/WalletProvider/WalletProvider.tsx

@@ -6,6 +6,7 @@ import { useWidgetConfig } from '../WidgetProvider/WidgetProvider.js'
 import { EVMProvider } from './EVMProvider.js'
 import { SDKProviders } from './SDKProviders.js'
 import { SVMProvider } from './SVMProvider.js'
+import { SuiProvider } from './SuiProvider.js'
 import { UTXOProvider } from './UTXOProvider.js'
 import { useExternalWalletProvider } from './useExternalWalletProvider.js'
 
@@ -14,8 +15,10 @@ export const WalletProvider: FC<PropsWithChildren> = ({ children }) => {
     <EVMProvider>
       <SVMProvider>
         <UTXOProvider>
-          <SDKProviders />
-          <WalletMenuProvider>{children}</WalletMenuProvider>
+          <SuiProvider>
+            <SDKProviders />
+            <WalletMenuProvider>{children}</WalletMenuProvider>
+          </SuiProvider>
         </UTXOProvider>
       </SVMProvider>
     </EVMProvider>

package/src/providers/WalletProvider/useExternalWalletProvider.ts

@@ -3,6 +3,7 @@ import { useContext, useMemo } from 'react'
 import { useWidgetConfig } from '../WidgetProvider/WidgetProvider.js'
 import { EVMExternalContext } from './EVMExternalContext.js'
 import { SVMExternalContext } from './SVMExternalContext.js'
+import { SuiExternalContext } from './SuiExternalContext.js'
 import { UTXOExternalContext } from './UTXOExternalContext.js'
 
 interface ExternalWalletProvider {
@@ -11,14 +12,19 @@ interface ExternalWalletProvider {
   internalChainTypes: ChainType[]
 }
 
-const internalChainTypes = [ChainType.EVM, ChainType.SVM, ChainType.UTXO]
+const internalChainTypes = [
+  ChainType.EVM,
+  ChainType.SVM,
+  ChainType.UTXO,
+  ChainType.MVM,
+]
 
 export function useExternalWalletProvider(): ExternalWalletProvider {
   const { walletConfig } = useWidgetConfig()
   const hasExternalEVMContext = useContext(EVMExternalContext)
   const hasExternalSVMContext = useContext(SVMExternalContext)
   const hasExternalUTXOContext = useContext(UTXOExternalContext)
-
+  const hasExternalSuiContext = useContext(SuiExternalContext)
   const data = useMemo(() => {
     const providers: ChainType[] = []
     if (hasExternalEVMContext) {
@@ -30,8 +36,14 @@ export function useExternalWalletProvider(): ExternalWalletProvider {
     if (hasExternalUTXOContext) {
       providers.push(ChainType.UTXO)
     }
+    if (hasExternalSuiContext) {
+      providers.push(ChainType.MVM)
+    }
     const hasExternalProvider =
-      hasExternalEVMContext || hasExternalSVMContext || hasExternalUTXOContext
+      hasExternalEVMContext ||
+      hasExternalSVMContext ||
+      hasExternalUTXOContext ||
+      hasExternalSuiContext
 
     const useExternalWalletProvidersOnly =
       hasExternalProvider && !walletConfig?.usePartialWalletManagement
@@ -46,6 +58,7 @@ export function useExternalWalletProvider(): ExternalWalletProvider {
     hasExternalEVMContext,
     hasExternalSVMContext,
     hasExternalUTXOContext,
+    hasExternalSuiContext,
     walletConfig?.usePartialWalletManagement,
   ])
 

package/src/providers/WidgetProvider/WidgetProvider.tsx

@@ -52,7 +52,7 @@ export const WidgetProvider: React.FC<
         },
         disableVersionCheck: true,
         widgetVersion: version,
-        // preloadChains: false,
+        preloadChains: false,
         // debug: true,
       }
       if (!sdkInitialized) {

package/src/utils/chainType.ts

@@ -1,12 +1,13 @@
 import { isUTXOAddress } from '@bigmi/core'
 import { ChainId, ChainType, isSVMAddress } from '@lifi/sdk'
+import { isValidSuiAddress } from '@mysten/sui/utils'
 import { isAddress as isEVMAddress } from 'viem'
 
 const chainTypeAddressValidation = {
   [ChainType.EVM]: isEVMAddress,
   [ChainType.SVM]: isSVMAddress,
+  [ChainType.MVM]: isValidSuiAddress,
   [ChainType.UTXO]: isUTXOAddress,
-  [ChainType.MVM]: () => false,
 }
 
 export const getChainTypeFromAddress = (

package/tsconfig.json

@@ -6,8 +6,8 @@
     "sourceMap": true,
     "outDir": "dist/esm",
     "rootDir": "./src",
-    "module": "NodeNext",
-    "moduleResolution": "NodeNext",
+    "module": "ESNext",
+    "moduleResolution": "Bundler",
     "skipLibCheck": true
   },
   "include": ["./src/**/*", "./src/**/*.json"],

package/dist/esm/hooks/useIsCompatibleDestinationAccount.d.ts

@@ -1,8 +0,0 @@
-import type { RouteExtended } from '@lifi/sdk';
-export declare const useIsCompatibleDestinationAccount: (route?: RouteExtended) => {
-    isCompatibleDestinationAccount: boolean;
-    isFromContractAddress: boolean;
-    isToContractAddress: boolean;
-    isLoading: boolean;
-    isFetched: boolean;
-};

package/dist/esm/hooks/useIsCompatibleDestinationAccount.js

@@ -1,37 +0,0 @@
-import { useAccount } from '@lifi/wallet-management';
-import { useFieldValues } from '../stores/form/useFieldValues.js';
-import { isDelegationDesignatorCode } from '../utils/eip7702.js';
-import { useChain } from './useChain.js';
-import { useIsContractAddress } from './useIsContractAddress.js';
-export const useIsCompatibleDestinationAccount = (route) => {
-    const [formFromChainId, formToChainId, formToAddress] = useFieldValues('fromChain', 'toChain', 'toAddress');
-    const fromChainId = route?.fromChainId ?? formFromChainId;
-    const toChainId = route?.toChainId ?? formToChainId;
-    const { chain: fromChain } = useChain(fromChainId);
-    const { chain: toChain } = useChain(toChainId);
-    const { account } = useAccount({
-        chainType: fromChain?.chainType,
-    });
-    const fromAddress = route?.fromAddress ?? account.address;
-    const toAddress = route
-        ? route.fromAddress !== route.toAddress
-            ? route.toAddress
-            : formToAddress
-        : formToAddress;
-    const { isContractAddress: isFromContractAddress, contractCode: fromContractCode, isLoading: isFromContractLoading, isFetched: isFromContractFetched, } = useIsContractAddress(fromAddress, fromChainId, fromChain?.chainType);
-    const { isContractAddress: isToContractAddress, isLoading: isToContractLoading, isFetched: isToContractFetched, } = useIsContractAddress(toAddress, toChainId, toChain?.chainType);
-    const accountNotDeployedAtDestination = isFromContractAddress &&
-        // We don't want to block transfers for EIP-7702 accounts since they are designed
-        // to maintain EOA-like properties while delegating execution.
-        !isDelegationDesignatorCode(fromContractCode) &&
-        !isToContractAddress &&
-        fromAddress?.toLowerCase() === toAddress?.toLowerCase();
-    return {
-        isCompatibleDestinationAccount: !accountNotDeployedAtDestination,
-        isFromContractAddress,
-        isToContractAddress,
-        isLoading: isFromContractLoading || isToContractLoading,
-        isFetched: isFromContractFetched && isToContractFetched,
-    };
-};
-//# sourceMappingURL=useIsCompatibleDestinationAccount.js.map

package/dist/esm/hooks/useIsCompatibleDestinationAccount.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useIsCompatibleDestinationAccount.js","sourceRoot":"","sources":["../../../src/hooks/useIsCompatibleDestinationAccount.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAA;AACjE,OAAO,EAAE,0BAA0B,EAAE,MAAM,qBAAqB,CAAA;AAChE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAA;AAEhE,MAAM,CAAC,MAAM,iCAAiC,GAAG,CAAC,KAAqB,EAAE,EAAE;IACzE,MAAM,CAAC,eAAe,EAAE,aAAa,EAAE,aAAa,CAAC,GAAG,cAAc,CACpE,WAAW,EACX,SAAS,EACT,WAAW,CACZ,CAAA;IAED,MAAM,WAAW,GAAG,KAAK,EAAE,WAAW,IAAI,eAAe,CAAA;IACzD,MAAM,SAAS,GAAG,KAAK,EAAE,SAAS,IAAI,aAAa,CAAA;IAEnD,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,QAAQ,CAAC,WAAW,CAAC,CAAA;IAClD,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAA;IAC9C,MAAM,EAAE,OAAO,EAAE,GAAG,UAAU,CAAC;QAC7B,SAAS,EAAE,SAAS,EAAE,SAAS;KAChC,CAAC,CAAA;IAEF,MAAM,WAAW,GAAG,KAAK,EAAE,WAAW,IAAI,OAAO,CAAC,OAAO,CAAA;IACzD,MAAM,SAAS,GAAG,KAAK;QACrB,CAAC,CAAC,KAAK,CAAC,WAAW,KAAK,KAAK,CAAC,SAAS;YACrC,CAAC,CAAC,KAAK,CAAC,SAAS;YACjB,CAAC,CAAC,aAAa;QACjB,CAAC,CAAC,aAAa,CAAA;IAEjB,MAAM,EACJ,iBAAiB,EAAE,qBAAqB,EACxC,YAAY,EAAE,gBAAgB,EAC9B,SAAS,EAAE,qBAAqB,EAChC,SAAS,EAAE,qBAAqB,GACjC,GAAG,oBAAoB,CAAC,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,CAAC,CAAA;IACxE,MAAM,EACJ,iBAAiB,EAAE,mBAAmB,EACtC,SAAS,EAAE,mBAAmB,EAC9B,SAAS,EAAE,mBAAmB,GAC/B,GAAG,oBAAoB,CAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,CAAC,CAAA;IAElE,MAAM,+BAA+B,GACnC,qBAAqB;QACrB,iFAAiF;QACjF,8DAA8D;QAC9D,CAAC,0BAA0B,CAAC,gBAAgB,CAAC;QAC7C,CAAC,mBAAmB;QACpB,WAAW,EAAE,WAAW,EAAE,KAAK,SAAS,EAAE,WAAW,EAAE,CAAA;IAEzD,OAAO;QACL,8BAA8B,EAAE,CAAC,+BAA+B;QAChE,qBAAqB;QACrB,mBAAmB;QACnB,SAAS,EAAE,qBAAqB,IAAI,mBAAmB;QACvD,SAAS,EAAE,qBAAqB,IAAI,mBAAmB;KACxD,CAAA;AACH,CAAC,CAAA"}

package/src/hooks/useIsCompatibleDestinationAccount.ts

@@ -1,58 +0,0 @@
-import type { RouteExtended } from '@lifi/sdk'
-import { useAccount } from '@lifi/wallet-management'
-import { useFieldValues } from '../stores/form/useFieldValues.js'
-import { isDelegationDesignatorCode } from '../utils/eip7702.js'
-import { useChain } from './useChain.js'
-import { useIsContractAddress } from './useIsContractAddress.js'
-
-export const useIsCompatibleDestinationAccount = (route?: RouteExtended) => {
-  const [formFromChainId, formToChainId, formToAddress] = useFieldValues(
-    'fromChain',
-    'toChain',
-    'toAddress'
-  )
-
-  const fromChainId = route?.fromChainId ?? formFromChainId
-  const toChainId = route?.toChainId ?? formToChainId
-
-  const { chain: fromChain } = useChain(fromChainId)
-  const { chain: toChain } = useChain(toChainId)
-  const { account } = useAccount({
-    chainType: fromChain?.chainType,
-  })
-
-  const fromAddress = route?.fromAddress ?? account.address
-  const toAddress = route
-    ? route.fromAddress !== route.toAddress
-      ? route.toAddress
-      : formToAddress
-    : formToAddress
-
-  const {
-    isContractAddress: isFromContractAddress,
-    contractCode: fromContractCode,
-    isLoading: isFromContractLoading,
-    isFetched: isFromContractFetched,
-  } = useIsContractAddress(fromAddress, fromChainId, fromChain?.chainType)
-  const {
-    isContractAddress: isToContractAddress,
-    isLoading: isToContractLoading,
-    isFetched: isToContractFetched,
-  } = useIsContractAddress(toAddress, toChainId, toChain?.chainType)
-
-  const accountNotDeployedAtDestination =
-    isFromContractAddress &&
-    // We don't want to block transfers for EIP-7702 accounts since they are designed
-    // to maintain EOA-like properties while delegating execution.
-    !isDelegationDesignatorCode(fromContractCode) &&
-    !isToContractAddress &&
-    fromAddress?.toLowerCase() === toAddress?.toLowerCase()
-
-  return {
-    isCompatibleDestinationAccount: !accountNotDeployedAtDestination,
-    isFromContractAddress,
-    isToContractAddress,
-    isLoading: isFromContractLoading || isToContractLoading,
-    isFetched: isFromContractFetched && isToContractFetched,
-  }
-}