@lifi/widget 3.20.5 → 3.21.1

package/dist/esm/providers/WidgetProvider/WidgetProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"WidgetProvider.js","sourceRoot":"","sources":["../../../../src/providers/WidgetProvider/WidgetProvider.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAChD,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACjE,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAA;AACjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,6CAA6C,CAAA;AAGhF,MAAM,cAAc,GAAuB;IACzC,SAAS,EAAE,EAAE;IACb,UAAU,EAAE,EAAE;CACf,CAAA;AAED,MAAM,aAAa,GAAG,aAAa,CAAqB,cAAc,CAAC,CAAA;AAEvE,MAAM,CAAC,MAAM,eAAe,GAAG,GAAuB,EAAE,CACtD,UAAU,CAAC,aAAa,CAAC,CAAA;AAE3B,IAAI,cAAc,GAAG,KAAK,CAAA;AAE1B,MAAM,CAAC,MAAM,cAAc,GAEvB,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,YAAY,EAAE,EAAE,EAAE;IACzC,MAAM,SAAS,GAAG,KAAK,EAAE,CAAA;IACzB,MAAM,EAAE,kBAAkB,EAAE,GAAG,kBAAkB,EAAE,CAAA;IAEnD,IAAI,CAAC,YAAY,EAAE,UAAU,EAAE,CAAC;QAC9B,MAAM,IAAI,KAAK,CAAC,4CAA4C,CAAC,CAAA;IAC/D,CAAC;IAED,MAAM,KAAK,GAAG,OAAO,CAAC,GAAuB,EAAE;QAC7C,IAAI,CAAC;YACH,qCAAqC;YACrC,MAAM,KAAK,GAAG;gBACZ,GAAG,YAAY;gBACf,SAAS;aACY,CAAA;YAEvB,iDAAiD;YACjD,kBAAkB,CAAC,KAAK,CAAC,CAAA;YAEzB,gBAAgB;YAChB,MAAM,OAAO,GAAc;gBACzB,GAAG,YAAY,CAAC,SAAS;gBACzB,MAAM,EAAE,YAAY,CAAC,MAAM;gBAC3B,UAAU,EAAE,YAAY,CAAC,UAAU,IAAI,MAAM,EAAE,QAAQ,CAAC,QAAQ;gBAChE,YAAY,EAAE;oBACZ,GAAG,EAAE,YAAY,CAAC,SAAS,EAAE,GAAG,IAAI,YAAY,CAAC,GAAG;oBACpD,QAAQ,EAAE,YAAY,CAAC,QAAQ;oBAC/B,KAAK,EAAE,YAAY,CAAC,aAAa;oBACjC,QAAQ,EAAE,YAAY,CAAC,QAAQ;oBAC/B,GAAG,YAAY,CAAC,SAAS,EAAE,YAAY;iBACxC;gBACD,mBAAmB,EAAE,IAAI;gBACzB,aAAa,EAAE,OAAO;gBACtB,wBAAwB;gBACxB,eAAe;aAChB,CAAA;YACD,IAAI,CAAC,cAAc,EAAE,CAAC;gBACpB,YAAY,CAAC,OAAO,CAAC,CAAA;gBACrB,cAAc,GAAG,IAAI,CAAA;YACvB,CAAC;iBAAM,CAAC;gBACN,MAAM,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA;YACrB,CAAC;YAED,OAAO,KAAK,CAAA;QACd,CAAC;QAAC,OAAO,CAAC,EAAE,CAAC;YACX,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;YACf,OAAO;gBACL,GAAG,YAAY;gBACf,SAAS;gBACT,UAAU,EAAE,YAAY,CAAC,UAAU;aACpC,CAAA;QACH,CAAC;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,YAAY,EAAE,kBAAkB,CAAC,CAAC,CAAA;IACjD,OAAO,CACL,KAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YAAG,QAAQ,GAA0B,CAC1E,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"WidgetProvider.js","sourceRoot":"","sources":["../../../../src/providers/WidgetProvider/WidgetProvider.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAChD,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACjE,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAA;AACjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,6CAA6C,CAAA;AAGhF,MAAM,cAAc,GAAuB;IACzC,SAAS,EAAE,EAAE;IACb,UAAU,EAAE,EAAE;CACf,CAAA;AAED,MAAM,aAAa,GAAG,aAAa,CAAqB,cAAc,CAAC,CAAA;AAEvE,MAAM,CAAC,MAAM,eAAe,GAAG,GAAuB,EAAE,CACtD,UAAU,CAAC,aAAa,CAAC,CAAA;AAE3B,IAAI,cAAc,GAAG,KAAK,CAAA;AAE1B,MAAM,CAAC,MAAM,cAAc,GAEvB,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,YAAY,EAAE,EAAE,EAAE;IACzC,MAAM,SAAS,GAAG,KAAK,EAAE,CAAA;IACzB,MAAM,EAAE,kBAAkB,EAAE,GAAG,kBAAkB,EAAE,CAAA;IAEnD,IAAI,CAAC,YAAY,EAAE,UAAU,EAAE,CAAC;QAC9B,MAAM,IAAI,KAAK,CAAC,4CAA4C,CAAC,CAAA;IAC/D,CAAC;IAED,MAAM,KAAK,GAAG,OAAO,CAAC,GAAuB,EAAE;QAC7C,IAAI,CAAC;YACH,qCAAqC;YACrC,MAAM,KAAK,GAAG;gBACZ,GAAG,YAAY;gBACf,SAAS;aACY,CAAA;YAEvB,iDAAiD;YACjD,kBAAkB,CAAC,KAAK,CAAC,CAAA;YAEzB,gBAAgB;YAChB,MAAM,OAAO,GAAc;gBACzB,GAAG,YAAY,CAAC,SAAS;gBACzB,MAAM,EAAE,YAAY,CAAC,MAAM;gBAC3B,UAAU,EAAE,YAAY,CAAC,UAAU,IAAI,MAAM,EAAE,QAAQ,CAAC,QAAQ;gBAChE,YAAY,EAAE;oBACZ,GAAG,EAAE,YAAY,CAAC,SAAS,EAAE,GAAG,IAAI,YAAY,CAAC,GAAG;oBACpD,QAAQ,EAAE,YAAY,CAAC,QAAQ;oBAC/B,KAAK,EAAE,YAAY,CAAC,aAAa;oBACjC,QAAQ,EAAE,YAAY,CAAC,QAAQ;oBAC/B,GAAG,YAAY,CAAC,SAAS,EAAE,YAAY;iBACxC;gBACD,mBAAmB,EAAE,IAAI;gBACzB,aAAa,EAAE,OAAO;gBACtB,aAAa,EAAE,KAAK;gBACpB,eAAe;aAChB,CAAA;YACD,IAAI,CAAC,cAAc,EAAE,CAAC;gBACpB,YAAY,CAAC,OAAO,CAAC,CAAA;gBACrB,cAAc,GAAG,IAAI,CAAA;YACvB,CAAC;iBAAM,CAAC;gBACN,MAAM,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA;YACrB,CAAC;YAED,OAAO,KAAK,CAAA;QACd,CAAC;QAAC,OAAO,CAAC,EAAE,CAAC;YACX,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;YACf,OAAO;gBACL,GAAG,YAAY;gBACf,SAAS;gBACT,UAAU,EAAE,YAAY,CAAC,UAAU;aACpC,CAAA;QACH,CAAC;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,YAAY,EAAE,kBAAkB,CAAC,CAAC,CAAA;IACjD,OAAO,CACL,KAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YAAG,QAAQ,GAA0B,CAC1E,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/providers/WidgetProvider/utils.d.ts

@@ -1,5 +1,5 @@
 import type { WidgetConfig } from '../../types/widget.js';
-export declare const attemptToFindMatchingToAddressInConfig: (address: string, config: WidgetConfig) => import("../../types/widget.js").ToAddress | {
+export declare const attemptToFindMatchingToAddressInConfig: (address: string, config: WidgetConfig) => import("../../index.js").ToAddress | {
     address: string;
     chainType: import("@lifi/sdk").ChainType | undefined;
 };

package/dist/esm/utils/chainType.js

@@ -1,11 +1,12 @@
 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 = (address) => {
     for (const chainType in chainTypeAddressValidation) {

package/dist/esm/utils/chainType.js.map

@@ -1 +1 @@
-{"version":3,"file":"chainType.js","sourceRoot":"","sources":["../../../src/utils/chainType.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAC3C,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAC5D,OAAO,EAAE,SAAS,IAAI,YAAY,EAAE,MAAM,MAAM,CAAA;AAEhD,MAAM,0BAA0B,GAAG;IACjC,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,YAAY;IAC7B,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,YAAY;IAC7B,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,aAAa;IAC/B,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,CAAC,KAAK;CAC7B,CAAA;AAED,MAAM,CAAC,MAAM,uBAAuB,GAAG,CACrC,OAAe,EACQ,EAAE;IACzB,KAAK,MAAM,SAAS,IAAI,0BAA0B,EAAE,CAAC;QACnD,MAAM,WAAW,GACf,0BAA0B,CAAC,SAAsB,CAAC,CAAC,OAAO,CAAC,CAAA;QAC7D,IAAI,WAAW,EAAE,CAAC;YAChB,OAAO,SAAsB,CAAA;QAC/B,CAAC;IACH,CAAC;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACnC,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,OAAO,CAAC,GAAG;IAC5B,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,OAAO,CAAC,GAAG;IAC5B,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC,GAAG;IAC7B,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,OAAO,CAAC,GAAG;CAC7B,CAAA"}
+{"version":3,"file":"chainType.js","sourceRoot":"","sources":["../../../src/utils/chainType.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAC3C,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAA;AACrD,OAAO,EAAE,SAAS,IAAI,YAAY,EAAE,MAAM,MAAM,CAAA;AAEhD,MAAM,0BAA0B,GAAG;IACjC,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,YAAY;IAC7B,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,YAAY;IAC7B,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,iBAAiB;IAClC,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,aAAa;CAChC,CAAA;AAED,MAAM,CAAC,MAAM,uBAAuB,GAAG,CACrC,OAAe,EACQ,EAAE;IACzB,KAAK,MAAM,SAAS,IAAI,0BAA0B,EAAE,CAAC;QACnD,MAAM,WAAW,GACf,0BAA0B,CAAC,SAAsB,CAAC,CAAC,OAAO,CAAC,CAAA;QAC7D,IAAI,WAAW,EAAE,CAAC;YAChB,OAAO,SAAsB,CAAA;QAC/B,CAAC;IACH,CAAC;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACnC,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,OAAO,CAAC,GAAG;IAC5B,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,OAAO,CAAC,GAAG;IAC5B,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC,GAAG;IAC7B,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,OAAO,CAAC,GAAG;CAC7B,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lifi/widget",
-  "version": "3.20.5",
+  "version": "3.21.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",
@@ -30,29 +30,32 @@
     "lifi"
   ],
   "dependencies": {
-    "@bigmi/client": "^0.1.1",
-    "@bigmi/core": "^0.1.1",
+    "@bigmi/client": "^0.2.1",
+    "@bigmi/core": "^0.2.1",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.0",
-    "@lifi/sdk": "^3.6.14",
+    "@lifi/sdk": "^3.7.1",
     "@mui/icons-material": "^7.1.0",
     "@mui/material": "^7.1.0",
     "@mui/system": "^7.1.0",
-    "@solana/wallet-adapter-base": "^0.9.24",
-    "@solana/web3.js": "^1.98.0",
-    "@tanstack/react-virtual": "^3.13.8",
-    "i18next": "^25.1.2",
+    "@mysten/sui": "^1.29.1",
+    "@solana/wallet-adapter-base": "^0.9.26",
+    "@solana/wallet-adapter-coinbase": "^0.1.22",
+    "@solana/web3.js": "^1.98.2",
+    "@tanstack/react-virtual": "^3.13.9",
+    "i18next": "^25.2.0",
     "microdiff": "^1.5.0",
     "mitt": "^3.0.1",
     "react-i18next": "^15.5.1",
     "react-intersection-observer": "^9.16.0",
     "react-router-dom": "^6.30.0",
-    "viem": "^2.29.2",
+    "viem": "^2.30.0",
     "zustand": "^5.0.4",
-    "@lifi/wallet-management": "^3.8.2"
+    "@lifi/wallet-management": "^3.9.1"
   },
   "peerDependencies": {
-    "@bigmi/react": ">=0.1.0",
+    "@bigmi/react": ">=0.2.1",
+    "@mysten/dapp-kit": ">=0.16.0",
     "@solana/wallet-adapter-react": ">=0.15.35",
     "@tanstack/react-query": ">=5.68.0",
     "react": ">=18",

package/package.json.tmp

@@ -1,6 +1,6 @@
 {
   "name": "@lifi/widget",
-  "version": "3.20.5",
+  "version": "3.21.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": "./src/index.ts",
@@ -49,25 +49,27 @@
     "lifi"
   ],
   "dependencies": {
-    "@bigmi/client": "^0.1.1",
-    "@bigmi/core": "^0.1.1",
+    "@bigmi/client": "^0.2.1",
+    "@bigmi/core": "^0.2.1",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.0",
-    "@lifi/sdk": "^3.6.14",
+    "@lifi/sdk": "^3.7.1",
     "@lifi/wallet-management": "workspace:^",
     "@mui/icons-material": "^7.1.0",
     "@mui/material": "^7.1.0",
     "@mui/system": "^7.1.0",
-    "@solana/wallet-adapter-base": "^0.9.24",
-    "@solana/web3.js": "^1.98.0",
-    "@tanstack/react-virtual": "^3.13.8",
-    "i18next": "^25.1.2",
+    "@mysten/sui": "^1.29.1",
+    "@solana/wallet-adapter-base": "^0.9.26",
+    "@solana/wallet-adapter-coinbase": "^0.1.22",
+    "@solana/web3.js": "^1.98.2",
+    "@tanstack/react-virtual": "^3.13.9",
+    "i18next": "^25.2.0",
     "microdiff": "^1.5.0",
     "mitt": "^3.0.1",
     "react-i18next": "^15.5.1",
     "react-intersection-observer": "^9.16.0",
     "react-router-dom": "^6.30.0",
-    "viem": "^2.29.2",
+    "viem": "^2.30.0",
     "zustand": "^5.0.4"
   },
   "devDependencies": {
@@ -76,10 +78,11 @@
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "typescript": "^5.8.3",
-    "vitest": "^3.1.3"
+    "vitest": "^3.1.4"
   },
   "peerDependencies": {
-    "@bigmi/react": ">=0.1.0",
+    "@bigmi/react": ">=0.2.1",
+    "@mysten/dapp-kit": ">=0.16.0",
     "@solana/wallet-adapter-react": ">=0.15.35",
     "@tanstack/react-query": ">=5.68.0",
     "react": ">=18",

package/src/components/Card/Card.tsx

@@ -38,6 +38,7 @@ export const Card = styled(MuiCard, {
             '&:hover': {
               backgroundColor: `color-mix(in srgb, ${theme.vars.palette.primary.main} 40%, black)`,
             },
+            borderColor: theme.vars.palette.primary.main,
           }),
         },
       },

package/src/components/TokenList/TokenListItem.tsx

@@ -85,7 +85,7 @@ export const TokenListItemButton: React.FC<TokenListItemButtonProps> = ({
   isBalanceLoading,
 }) => {
   const { t } = useTranslation()
-  const { getAddressLink } = useExplorer()
+  const { getTokenAddressLink } = useExplorer()
 
   const container = useRef(null)
   const timeoutId = useRef<ReturnType<typeof setTimeout>>(undefined)
@@ -184,7 +184,7 @@ export const TokenListItemButton: React.FC<TokenListItemButtonProps> = ({
                 <IconButton
                   size="small"
                   LinkComponent={Link}
-                  href={getAddressLink(tokenAddress!, chain)}
+                  href={getTokenAddressLink(tokenAddress!, chain)}
                   target="_blank"
                   rel="nofollow noreferrer"
                   onClick={(e) => e.stopPropagation()}

package/src/config/version.ts

@@ -1,2 +1,2 @@
 export const name = '@lifi/widget'
-export const version = '3.20.5'
+export const version = '3.21.1'

package/src/hooks/useAvailableChains.ts

@@ -10,7 +10,12 @@ export type GetChainById = (
   chains?: ExtendedChain[]
 ) => ExtendedChain | undefined
 
-const supportedChainTypes = [ChainType.EVM, ChainType.SVM, ChainType.UTXO]
+const supportedChainTypes = [
+  ChainType.EVM,
+  ChainType.SVM,
+  ChainType.UTXO,
+  ChainType.MVM,
+]
 
 export const useAvailableChains = (chainTypes?: ChainType[]) => {
   const { chains } = useWidgetConfig()

package/src/hooks/useExplorer.ts

@@ -1,4 +1,5 @@
-import type { Chain } from '@lifi/sdk'
+import type { Chain, EVMChain } from '@lifi/sdk'
+import { ChainId } from '@lifi/sdk'
 import { lifiExplorerUrl } from '../config/constants.js'
 import { useAvailableChains } from '../hooks/useAvailableChains.js'
 import { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'
@@ -46,7 +47,8 @@ export const useExplorer = () => {
       return `${baseUrl}/tx/${txHash}`
     }
     const resolvedChain = resolveChain(chain)
-    return `${resolvedChain ? getBaseUrl(resolvedChain) : lifiExplorerUrl}/tx/${txHash}`
+    const txPathSegment = resolvedChain?.id === ChainId.SUI ? 'txblock' : 'tx'
+    return `${resolvedChain ? getBaseUrl(resolvedChain) : lifiExplorerUrl}/${txPathSegment}/${txHash}`
   }
 
   const getAddressLink = (address: string, chain?: Chain | number) => {
@@ -61,8 +63,17 @@ export const useExplorer = () => {
     return `${resolvedChain ? getBaseUrl(resolvedChain) : lifiExplorerUrl}/address/${address}`
   }
 
+  const getTokenAddressLink = (address: string, chain?: Chain | number) => {
+    const link = getAddressLink(address, chain)
+    if (chain === ChainId.SUI || (chain as EVMChain)?.id === ChainId.SUI) {
+      return link.replace('address', 'coin')
+    }
+    return link
+  }
+
   return {
     getTransactionLink,
     getAddressLink,
+    getTokenAddressLink,
   }
 }

package/src/hooks/useIsContractAddress.ts

@@ -6,7 +6,12 @@ export const useIsContractAddress = (
   address?: string,
   chainId?: number,
   chainType?: ChainType
-) => {
+): {
+  isContractAddress: boolean
+  contractCode?: string
+  isLoading: boolean
+  isFetched: boolean
+} => {
   const {
     data: contractCode,
     isLoading,

package/src/hooks/useTokens.ts

@@ -10,7 +10,14 @@ export const useTokens = (selectedChainId?: number) => {
   const { data, isLoading } = useQuery({
     queryKey: ['tokens'],
     queryFn: () =>
-      getTokens({ chainTypes: [ChainType.EVM, ChainType.SVM, ChainType.UTXO] }),
+      getTokens({
+        chainTypes: [
+          ChainType.EVM,
+          ChainType.SVM,
+          ChainType.UTXO,
+          ChainType.MVM,
+        ],
+      }),
     refetchInterval: 3_600_000,
     staleTime: 3_600_000,
   })

package/src/pages/TransactionPage/StartTransactionButton.tsx

@@ -1,3 +1,4 @@
+import { useMemo } from 'react'
 import { BaseTransactionButton } from '../../components/BaseTransactionButton/BaseTransactionButton.js'
 import { useMessageQueue } from '../../components/Messages/useMessageQueue.js'
 import type { StartTransactionButtonProps } from './types.js'
@@ -8,13 +9,17 @@ export const StartTransactionButton: React.FC<StartTransactionButtonProps> = ({
   text,
   loading,
 }) => {
-  const { hasMessages, isLoading } = useMessageQueue(route, true)
+  const { messages, isLoading } = useMessageQueue(route, true)
+
+  const hasNonGasMessages = useMemo(() => {
+    return messages.some((message) => message.id !== 'INSUFFICIENT_GAS')
+  }, [messages])
 
   return (
     <BaseTransactionButton
       onClick={onClick}
       text={text}
-      disabled={hasMessages}
+      disabled={hasNonGasMessages}
       loading={isLoading || loading}
     />
   )

package/src/providers/WalletProvider/SDKProviders.tsx

@@ -1,7 +1,8 @@
 import { getConnectorClient as getBigmiConnectorClient } from '@bigmi/client'
 import { useConfig as useBigmiConfig } from '@bigmi/react'
 import type { SDKProvider } from '@lifi/sdk'
-import { ChainType, EVM, Solana, UTXO, config } from '@lifi/sdk'
+import { ChainType, EVM, Solana, Sui, UTXO, config } from '@lifi/sdk'
+import { useCurrentWallet } from '@mysten/dapp-kit'
 import type { SignerWalletAdapter } from '@solana/wallet-adapter-base'
 import { useWallet } from '@solana/wallet-adapter-react'
 import { useEffect } from 'react'
@@ -17,6 +18,7 @@ export const SDKProviders = () => {
   const { wallet } = useWallet()
   const wagmiConfig = useWagmiConfig()
   const bigmiConfig = useBigmiConfig()
+  const { currentWallet } = useCurrentWallet()
 
   useEffect(() => {
     // Configure SDK Providers
@@ -30,6 +32,9 @@ export const SDKProviders = () => {
     const hasConfiguredUTXOProvider = sdkConfig?.providers?.some(
       (provider) => provider.type === ChainType.UTXO
     )
+    const hasConfiguredSuiProvider = sdkConfig?.providers?.some(
+      (provider) => provider.type === ChainType.MVM
+    )
     if (!hasConfiguredEVMProvider) {
       providers.push(
         EVM({
@@ -57,11 +62,24 @@ export const SDKProviders = () => {
         })
       )
     }
+    if (!hasConfiguredSuiProvider) {
+      providers.push(
+        Sui({
+          getWallet: async () => currentWallet!,
+        })
+      )
+    }
     if (sdkConfig?.providers?.length) {
       providers.push(...sdkConfig.providers)
     }
     config.setProviders(providers)
-  }, [bigmiConfig, sdkConfig?.providers, wagmiConfig, wallet?.adapter])
+  }, [
+    bigmiConfig,
+    currentWallet,
+    sdkConfig?.providers,
+    wagmiConfig,
+    wallet?.adapter,
+  ])
 
   return null
 }

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"],