@openocean.finance/widget 1.0.19 → 1.0.21

package/src/components/TransactionDetails.tsx

@@ -34,7 +34,7 @@ export const TransactionDetails: React.FC<TransactionDetailsProps> = ({
   const { chain } = useChain(fromChainId)
   const [state] = useSplitSubvariantStore((storeState) => [storeState.state])
   const isBradge = route ? fromChainId !== toChainId : state === 'bridge'
-  const { token } = useToken(fromChainId, chain?.nativeToken.address)
+  const { token } = useToken(fromChainId, chain?.nativeToken?.address)
   const { gasPrice } = useGasPrice(fromChainId?.toString() || '')
 
   if (!route) {
@@ -61,7 +61,7 @@ export const TransactionDetails: React.FC<TransactionDetailsProps> = ({
       fromAmountMin: 0,
       estimatedGas: 0,
       steps: [],
-    }
+    } as unknown as RouteExtended
   }
   const toggleCard = () => {
     setCardExpanded((cardExpanded) => !cardExpanded)
@@ -69,16 +69,18 @@ export const TransactionDetails: React.FC<TransactionDetailsProps> = ({
 
   let gasCostUSD = 0
   const feeCosts = []
-  const estimatedGas = route?.estimatedGas || route?.data?.estimatedGas
+  const combinedFeesUSD = gasCostUSD + feeCosts.reduce((sum, fee) => sum + fee.costUSD, 0)
+  const feeCostUSD = feeCosts.reduce((sum, fee) => sum + fee.costUSD, 0)
+  const estimatedGas = (route as any)?.estimatedGas || (route as any)?.data?.estimatedGas
   if (token && gasPrice && estimatedGas) {
     const d = 10 ** token.decimals
     gasCostUSD =
       Number(token.priceUSD) * ((Number(gasPrice) * Number(estimatedGas)) / d)
   }
-  if (isBradge && route?.data?.prependedOperatingExpenseCost) {
+  if (isBradge && (route as any)?.data?.prependedOperatingExpenseCost) {
     const decimals = 10 ** route.fromToken.decimals
     gasCostUSD =
-      (route.data.prependedOperatingExpenseCost / decimals) *
+      ((route as any).data.prependedOperatingExpenseCost / decimals) *
       Number(route.fromToken.priceUSD)
   }
 
@@ -225,13 +227,11 @@ export const TransactionDetails: React.FC<TransactionDetailsProps> = ({
               <Typography variant="body2" color="text.secondary">
                 {t('main.fees.provider')}
               </Typography>
-              <Typography variant="body2" sx={{ fontWeight: 600 }}>
-                {feeCostUSD
+              {feeCostUSD
                   ? t('format.currency', {
                       value: feeCostUSD,
                     })
                   : '--'}
-              </Typography>
             </Box>
           ) : null}
           {showIntegratorFeeCollectionDetails ? (
@@ -336,7 +336,7 @@ export const TransactionDetails: React.FC<TransactionDetailsProps> = ({
                         value: formatTokenAmount(
                           typeof route.toAmountMin === 'string' &&
                             !route.toAmountMin.includes('e')
-                            ? BigInt(Math.floor(route.toAmountMin))
+                            ? BigInt(Math.floor(Number(route.toAmountMin)))
                             : BigInt(0),
                           route.toToken.decimals
                         ),

package/src/config/defaultChainIds.ts

@@ -0,0 +1,38 @@
+export const DEFAULT_CHAIN_IDS = [
+  1,        // Ethereum Mainnet
+  56,       // BNB Chain
+  42161,    // Arbitrum
+  10,       // Optimism
+  324,      // zkSync Era
+  137,      // Polygon Mainnet
+  43114,    // Avalanche
+  250,      // Fantom
+  146,      // Sonic
+  80094,    // Berachain
+  8453,     // Base
+  59144,    // Linea Mainnet
+  534352,   // Scroll
+  81457,    // Blast
+  34443,    // Mode
+  5000,     // Mantle
+  130,      // UniChain
+  14,       // Flare
+  1923,     // Swellchain
+  169,      // Manta Pacific
+  1101,     // Polygon zkEVM
+  40,       // Telos
+  100,      // Gnosis Mainnet
+  30,       // Rootstock
+  2222,     // Kava
+  1329,     // Sei
+  1088,     // Metis
+  204,      // opBNB
+  42220,    // Celo
+  1625,     // Gravity
+  33139,    // ApeChain
+  25,       // Cronos Mainnet
+  1313161554, // Aurora Mainnet
+  1285,     // Moonriver
+  1666600000, // Harmony Mainnet
+  10143,    // Monad Testnet
+]; 

package/src/config/version.ts

@@ -1,2 +1,2 @@
 export const name = '@openocean.finance/widget'
-export const version = '1.0.19'
+export const version = '1.0.21'

package/src/hooks/useAvailableChains.ts

@@ -4,13 +4,15 @@ import { useQuery } from '@tanstack/react-query'
 import { useCallback } from 'react'
 import { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'
 import { isItemAllowed } from '../utils/item.js'
+import { CoinKey } from '../index.js'
+import { DEFAULT_CHAIN_IDS } from '../config/defaultChainIds.js';
 
 export type GetChainById = (
   chainId?: number,
   chains?: ExtendedChain[]
 ) => ExtendedChain | undefined
 
-const supportedChainTypes = [ChainType.EVM, ChainType.SVM, ChainType.UTXO]
+const supportedChainTypes: ChainType[] = [ChainType.EVM, ChainType.SVM, ChainType.UTXO]
 
 export const useAvailableChains = (chainTypes?: ChainType[]) => {
   const { chains } = useWidgetConfig()
@@ -30,11 +32,57 @@ export const useAvailableChains = (chainTypes?: ChainType[]) => {
         // providers.length > 0 ? providers : supportedChainTypes
         .filter((chainType) => isItemAllowed(chainType, chainTypesConfig))
 
-      const availableChains = await getChains({
-        chainTypes: chainTypes || chainTypesRequest,
+      let availableChains = await getChains()
+      // allow chains "starknet","aptos","near","ont","sui",
+      const allowedChainsIds = chains?.allow?.length ? chains.allow : DEFAULT_CHAIN_IDS;
+      const allowedChains = availableChains.filter((chain) => {
+        if (allowedChainsIds.indexOf(chain.id) >= 0) {
+          return true
+        }
+        return false
       })
-      config.setChains(availableChains)
-      return availableChains
+      /*
+      allowedChains.push({
+        "key":"eth",
+        "chainType":ChainType.EVM,
+        "name":"Ethereum",
+        "coin":CoinKey.WETH,
+        "id":1,
+        "mainnet":true,
+        "logoURI":"https://raw.githubusercontent.com/lifinance/types/main/src/assets/icons/chains/ethereum.svg",
+        "tokenlistUrl":"https://gateway.ipfs.io/ipns/tokens.uniswap.org",
+        "multicallAddress":"0xcA11bde05977b3631167028862bE2a173976CA11",
+        "relayerSupported":false,
+        "metamask":{
+          "chainId":"0x1",
+          "blockExplorerUrls":["https://etherscan.io/"],
+          "chainName":"Ethereum Mainnet",
+          "nativeCurrency":{
+            "name":"ETH",
+            "symbol":"ETH",
+            "decimals":18
+          },
+          "rpcUrls":[
+            "https://ethereum-rpc.publicnode.com",
+            "https://eth.drpc.org"
+          ]
+        },
+        "nativeToken":{
+          "address":"0x0000000000000000000000000000000000000000",
+          "chainId":1,"symbol":
+          "ETH","decimals":18,
+          "name":"ETH",
+          "coinKey":"ETH",
+          "logoURI":"https://raw.githubusercontent.com/trustwallet/assets/master/blockchains/ethereum/assets/0xC02aaA39b223FE8D0A0e5C4F27eAD9083C756Cc2/logo.png",
+          "priceUSD":"3804.11"
+        },
+        "diamondAddress":"0x1231DEB6f5749EF6cE6943a275A1D3E7486F4EaE",
+        "permit2":"0x000000000022D473030F116dDEE9F6B43aC78BA3",
+        "permit2Proxy":"0x89c6340B1a1f4b25D36cd8B063D49045caF3f818"
+      })
+      */
+      config.setChains(allowedChains)
+      return allowedChains
     },
     refetchInterval: 300_000,
     staleTime: 300_000,
@@ -46,9 +94,6 @@ export const useAvailableChains = (chainTypes?: ChainType[]) => {
         return
       }
       const chain = chains?.find((chain) => chain.id === chainId)
-      // if (!chain) {
-      //   throw new Error('Chain not found or chainId is invalid.');
-      // }
       return chain
     },
     [data]

package/src/hooks/useGasPrice.ts

@@ -13,8 +13,9 @@ export const useGasPrice = (chainName: string) => {
     queryKey: ['gasPrice'],
     queryFn: () => OpenOceanService.getGasPrice(chainName.toLowerCase()),
   })
+  const _gasPrice = data?.[gasKey[gasPrice || 'Normal']]
   return {
-    gasPrice: data?.[gasKey[gasPrice || 'Normal']],
+    gasPrice: _gasPrice && _gasPrice.maxFeePerGas,
     isLoading,
   }
 }

package/src/hooks/useGasSufficiencyBridge.ts

@@ -49,13 +49,13 @@ export const useGasSufficiencyBridge = (route?: RouteExtended) => {
 
       if (route.fromChainId !== route.toChainId) {
         const prependedOperatingExpenseCost =
-          route.data.prependedOperatingExpenseCost || 0n
+          (route as any).data.prependedOperatingExpenseCost || 0n
         let gas = BigInt(
           Number.parseInt(
             (1.1 * Number(prependedOperatingExpenseCost)).toString()
           )
         )
-        if (chain?.nativeToken.address === fromTokenAddress) {
+        if (chain?.nativeToken?.address === fromTokenAddress) {
           if (fromChainId === 1151111081099710) {
             gas += 15000000n + (8157120n + 4000000n + 890880n)
           } else if (fromChainId === 8453) {

package/src/hooks/useRoutes.ts

@@ -20,6 +20,7 @@ import { useIsBatchingSupported } from './useIsBatchingSupported.js'
 import { useSwapOnly } from './useSwapOnly.js'
 import { useToken } from './useToken.js'
 import { useWidgetEvents } from './useWidgetEvents.js'
+import { useServerErrorStore } from '../stores/useServerErrorStore.js'
 
 const refetchTime = 60_000
 
@@ -178,6 +179,7 @@ export const useRoutes = ({ observableRoute }: RoutesProps = {}) => {
         signal,
       }) => {
         try {
+          useServerErrorStore.getState().setError(null)
           const fromAmount = parseUnits(fromTokenAmount, fromToken!.decimals)
           const formattedSlippage = slippage
             ? (Number.parseFloat(slippage) / 100).toString()
@@ -355,7 +357,7 @@ export const useRoutes = ({ observableRoute }: RoutesProps = {}) => {
                 includedSteps: [],
               },
             ],
-            data: data,
+            ...(data as any),
           }
           const routes = [route]
           emitter.emit(WidgetEvent.AvailableRoutes, routes)

package/src/hooks/useTokenSearch.ts

@@ -1,4 +1,4 @@
-import type { TokensRee } from '@openocean.finance/widget-sdk'
+import type { TokensResponse } from '@openocean.finance/widget-sdk'
 import { useQuery, useQueryClient } from '@tanstack/react-query'
 import { OpenOceanService } from '../services/OpenOceanService.js'
 import type { TokenAmount } from '../types/token.js'

package/src/hooks/useTokens.ts

@@ -86,11 +86,11 @@ export const useTokens = (selectedChainId?: number) => {
         token[tokenType] = true
         // Check if this token exists in the filteredTokensMap and add priceUSD if it does
         const matchingFilteredToken = filteredTokensMap.get(token.address)
-        if (matchingFilteredToken?.priceUSD) {
-          token.priceUSD = matchingFilteredToken.priceUSD
+        if ((matchingFilteredToken as any)?.priceUSD) {
+          (token as any).priceUSD = (matchingFilteredToken as any).priceUSD
         }
         if (!token.logoURI && matchingFilteredToken) {
-          token.logoURI = matchingFilteredToken.logoURI
+          (token as any).logoURI = (matchingFilteredToken as any).logoURI
         }
         return token as TokenAmount
       })

package/src/i18n/en.json

@@ -61,8 +61,8 @@
     "deposit": "Deposit",
     "depositDetails": "Deposit details",
     "depositTo": "Deposit to",
-    "exchange": "Exchange",
-    "from": "Exchange from",
+    "exchange": "Swap",
+    "from": "Swap from",
     "gas": "Gas",
     "payWith": "Pay with",
     "receive": "Receive",
@@ -73,7 +73,7 @@
     "sendToWallet": "Send to wallet",
     "settings": "Settings",
     "swap": "Swap",
-    "to": "Exchange to",
+    "to": "Swap to",
     "transactionDetails": "Transaction details",
     "transactionHistory": "Transaction history",
     "walletConnected": "Wallet connected",

package/src/i18n/i18next.d.ts

@@ -1,10 +1,40 @@
+import 'i18next'
+import 'react-i18next'
 import en from './en.json' with { type: 'json' }
 
 const defaultResource = { translation: en }
 
+// Completely override i18next module
 declare module 'i18next' {
   interface CustomTypeOptions {
     defaultNS: 'translation'
     resources: typeof defaultResource
+    keySeparator?: false
+  }
+  
+  // Override the t function to accept any string
+  function t(key: string, options?: any): string;
+  
+  // Override TFunction type
+  type TFunction = (key: string, options?: any) => string;
+}
+
+// Completely override react-i18next module
+declare module 'react-i18next' {
+  // Override useTranslation hook
+  function useTranslation(): {
+    t: (key: string, options?: any) => string
+    i18n: any
+    ready: boolean
+    // ...other hooks
+  }
+  
+  // Override TFunction type
+  type TFunction = (key: string, options?: any) => string;
+  
+  // Override other related types
+  interface UseTranslationOptions {
+    keyPrefix?: string
+    ns?: string | string[]
   }
 }

package/src/index.ts

@@ -28,4 +28,4 @@ export { getPriceImpact } from './utils/getPriceImpact.js'
 export { percentFormatter } from './utils/percentFormatter.js'
 export { compactNumberFormatter } from './utils/compactNumberFormatter.js'
 export { currencyExtendedFormatter } from './utils/currencyExtendedFormatter.js'
-export { navigationRoutes } from './utils/navigationRoutes.js'
+export { navigationRoutes } from './utils/navigationRoutes.js'

package/src/pages/MainPage/ReviewButton.tsx

@@ -26,7 +26,7 @@ export const ReviewButton: React.FC = () => {
 
   const { messages } = useMessageQueue(currentRoute)
   const priceImpactAcknowledged = useStorePriceImpactAcknowledged(
-    (state) => state.priceImpactAcknowledged
+    (state) => (state as any).priceImpactAcknowledged
   )
 
   let hasMessages = messages.length > 0

package/src/pages/SendToWallet/BookmarkAddressSheet.tsx

@@ -54,7 +54,7 @@ export const BookmarkAddressSheet = forwardRef<
   const validateWithAddressFromInput = async () => {
     const validationResult = await validateAddress({ value: address })
     if (!validationResult.isValid) {
-      setError({ type: 'address', message: validationResult.error })
+      setError({ type: 'address', message: (validationResult as any).error })
       return
     }
 

package/src/pages/SendToWallet/SendToWalletPage.tsx

@@ -97,7 +97,7 @@ export const SendToWalletPage = () => {
     })
     setIsDoneButtonLoading(false)
     if (!validationResult.isValid) {
-      setErrorMessage(validationResult.error)
+      setErrorMessage((validationResult as any).error)
       return
     }
 
@@ -159,7 +159,7 @@ export const SendToWalletPage = () => {
       })
       bookmarkAddressSheetRef.current?.open()
     } else {
-      setErrorMessage(validationResult.error)
+      setErrorMessage((validationResult as any).error)
     }
   }
 

package/src/pages/TransactionPage/StartTransactionButton.tsx

@@ -13,7 +13,7 @@ export const StartTransactionButton: React.FC<StartTransactionButtonProps> = ({
 }) => {
   const { messages, isLoading } = useMessageQueue(route)
   const priceImpactAcknowledged = useStorePriceImpactAcknowledged(
-    (state) => state.priceImpactAcknowledged
+    (state) => (state as any).priceImpactAcknowledged
   )
 
   let hasMessages = messages.length > 0

package/src/pages/TransactionPage/StatusBottomSheet.tsx

@@ -56,7 +56,7 @@ export const StatusBottomSheet: React.FC<RouteExecution> = ({
   useEffect(() => {
     const hasSuccessFlag = hasEnumFlag(status, RouteExecutionStatus.Done)
     const hasFailedFlag = hasEnumFlag(status, RouteExecutionStatus.Failed)
-    if ((hasSuccessFlag || hasFailedFlag) && !ref.current?.isOpen()) {
+    if ((hasSuccessFlag || hasFailedFlag) && !(ref.current?.isOpen?.() as unknown as boolean)) {
       ref.current?.open()
     }
   }, [status])

package/src/pages/TransactionPage/TokenValueBottomSheet.tsx

@@ -58,10 +58,10 @@ const TokenValueBottomSheetContent: React.FC<TokenValueBottomSheetProps> = ({
   const toAmountUSD = Number.parseFloat(route.toAmountUSD)
   const hasGaslessSupport = route.steps.some(isGaslessStep)
 
-  if (isBradge && route?.data?.prependedOperatingExpenseCost) {
+  if (isBradge && (route as any)?.data?.prependedOperatingExpenseCost) {
     const decimals = 10 ** route.fromToken.decimals
     gasCostUSD =
-      (route.data.prependedOperatingExpenseCost / decimals) *
+      ((route as any).data.prependedOperatingExpenseCost / decimals) *
       Number(route.fromToken.priceUSD)
   }
 

package/src/pages/TransactionPage/TransactionPage.tsx

@@ -109,7 +109,7 @@ export const TransactionPage: React.FC = () => {
   }
 
   const handleExecuteRoute = () => {
-    if (tokenValueBottomSheetRef.current?.isOpen()) {
+    if (tokenValueBottomSheetRef.current?.isOpen?.() as unknown as boolean) {
       const { gasCostUSD, feeCostUSD } = getAccumulatedFeeCostsBreakdown(route)
       const fromAmountUSD = Number.parseFloat(route.fromAmountUSD)
       const toAmountUSD = Number.parseFloat(route.toAmountUSD)

package/src/providers/WidgetProvider/WidgetProvider.tsx

@@ -45,7 +45,7 @@ export const WidgetProvider: React.FC<
         integrator: widgetConfig.integrator ?? window?.location.hostname,
         routeOptions: {
           fee: widgetConfig.feeConfig?.fee || widgetConfig.fee,
-          referrer: widgetConfig.referrer,
+          referrer: widgetConfig.referrer?.address,
           order: widgetConfig.routePriority,
           slippage: widgetConfig.slippage,
           ...widgetConfig.sdkConfig?.routeOptions,

package/src/services/DebridgeService.ts

@@ -1,4 +1,5 @@
 import { encodeAbiParameters, parseAbiParameters } from 'viem'
+import { useServerErrorStore } from '../stores/useServerErrorStore.js'
 
 // Type definitions (can be moved to a separate types file if needed)
 interface Asset {
@@ -508,6 +509,7 @@ export class DebridgeService {
       }
       return { data };
     } catch (error: any) {
+      useServerErrorStore.getState().setError(error.response?.data?.errorMessage || error.message);
       console.error(
         'Error getting Debridge quote:',
         error.response?.data || error.message
@@ -758,6 +760,7 @@ export class DebridgeService {
         'Error fetching Debridge Solana transaction:',
         error.response?.data || error.message
       )
+      useServerErrorStore.getState().setError(error.response?.data?.errorMessage || error.message);
       return null
     }
   }

package/src/services/ExecuteRoute.ts

@@ -130,7 +130,7 @@ interface ExecuteRouteOptions {
   infiniteApproval?: boolean
   executeInBackground?: boolean
   account: Account
-  wagmiConfig: Config
+  wagmiConfig: any // Use any to avoid deep type instantiation
   onDisconnect?: (account: Account) => Promise<void>
   onOpenWalletMenu?: () => void
 }
@@ -276,7 +276,7 @@ async function executeEvmSwap(
         await walletClient.switchChain({ id: targetChainId })
         
         // Get updated walletClient after chain switch
-        walletClient = await getWalletClient(options.wagmiConfig)
+        walletClient = await getWalletClient(options.wagmiConfig) as any
         if (!walletClient || walletClient.chain.id !== targetChainId) {
           throw new Error('Failed to switch chain')
         }

package/src/stores/bookmarks/createBookmarkStore.ts

@@ -21,7 +21,7 @@ export const createBookmarksStore = ({
         bookmarks: [],
         recentWallets: [],
         getBookmark: (address) =>
-          get().bookmarks.find((bookmark) => bookmark.address === address),
+          (get() as any).bookmarks.find((bookmark) => bookmark.address === address),
         addBookmark: (bookmark) => {
           set((state) => ({
             bookmarks: [bookmark, ...state.bookmarks],
@@ -34,7 +34,7 @@ export const createBookmarksStore = ({
             ),
           }))
         },
-        getSelectedBookmark: () => get().selectedBookmark,
+        getSelectedBookmark: () => (get() as any).selectedBookmark,
         setSelectedBookmark: (bookmark) => {
           set((_state) => ({
             selectedBookmark: bookmark,
@@ -62,20 +62,20 @@ export const createBookmarksStore = ({
         name: `${namePrefix || 'openocean'}-bookmarks`,
         version: 0,
         partialize: (state) => ({
-          bookmarks: state.bookmarks,
-          recentWallets: state.recentWallets,
+          bookmarks: (state as any).bookmarks,
+          recentWallets: (state as any).recentWallets,
         }),
         onRehydrateStorage: () => {
           return (state) => {
             if (state && toAddress && !toAddress.name) {
-              const existingBookmark = state.getBookmark(toAddress.address)
+              const existingBookmark = (state as any).getBookmark(toAddress.address)
               if (existingBookmark) {
-                state.setSelectedBookmark(existingBookmark)
+                (state as any).setSelectedBookmark(existingBookmark)
               }
             }
           }
         },
       }
-    ) as StateCreator<BookmarkState, [], [], BookmarkState>,
+    ) as unknown as StateCreator<BookmarkState, [], [], BookmarkState>,
     Object.is
   )

package/src/stores/chains/createChainOrderStore.ts

@@ -80,8 +80,8 @@ export const createChainOrderStore = ({ namePrefix }: PersistStoreProps) =>
       {
         name: `${namePrefix || 'openocean'}-widget-chains-order`,
         version: 2,
-        partialize: (state) => ({ chainOrder: state.chainOrder }),
+        partialize: (state: ChainOrderState) => ({ chainOrder: state?.chainOrder }),
       }
-    ) as StateCreator<ChainOrderState, [], [], ChainOrderState>,
+    ) as unknown as StateCreator<ChainOrderState, [], [], ChainOrderState>,
     Object.is
   )

package/src/stores/routes/createRouteExecutionStore.ts

@@ -184,6 +184,6 @@ export const createRouteExecutionStore = ({ namePrefix }: PersistStoreProps) =>
           return state
         },
       }
-    ) as StateCreator<RouteExecutionState, [], [], RouteExecutionState>,
+    ) as unknown as StateCreator<RouteExecutionState, [], [], RouteExecutionState>,
     Object.is
   )

package/src/stores/settings/useSettingsStore.ts

@@ -179,6 +179,6 @@ export const useSettingsStore = createWithEqualityFn<SettingsState>(
         return persistedState as SettingsState
       },
     }
-  ) as StateCreator<SettingsState, [], [], SettingsState>,
+  ) as unknown as StateCreator<SettingsState, [], [], SettingsState>,
   Object.is
 )

package/src/stores/useServerErrorStore.ts

@@ -0,0 +1,9 @@
+import { create } from 'zustand'
+
+export const useServerErrorStore = create<{
+  error: string | null
+  setError: (msg: string | null) => void
+}>((set) => ({
+  error: null,
+  setError: (msg) => set({ error: msg }),
+}))

package/src/themes/createTheme.ts

@@ -174,7 +174,7 @@ export const createTheme = (
               ...(!!ownerState.onClick &&
                 !!rootHover && {
                   '&:hover': {
-                    ...rootHover,
+                    ...(rootHover && typeof rootHover === 'object' ? rootHover : {}),
                   },
                 }),
               ...(!ownerState.onClick && {

package/src/types/widget.ts

@@ -221,6 +221,9 @@ export interface WidgetConfig {
   toChain?: number
   fromToken?: string
   toToken?: string
+  defaultChain?: number
+  defaultFromToken?: string
+  defaultToToken?: string
   toAddress?: ToAddress
   toAddresses?: ToAddress[]
   fromAmount?: number | string
@@ -272,7 +275,7 @@ export interface WidgetConfig {
   explorerUrls?: Record<number, string[]> &
     Partial<Record<'internal', string[]>>
   poweredBy?: PoweredByType
-
+  isDefaultValueEnabled?: boolean
   /**
    * Custom labels/badges to show on routes based on specified rules
    */