@lifi/widget 3.14.2 → 3.15.1

package/src/components/Messages/AccountNotDeployedMessage.tsx

@@ -0,0 +1,22 @@
+import { WarningRounded } from '@mui/icons-material'
+import { type BoxProps, Typography } from '@mui/material'
+import { useTranslation } from 'react-i18next'
+import { AlertMessage } from './AlertMessage.js'
+
+export const AccountNotDeployedMessage: React.FC<BoxProps> = (props) => {
+  const { t } = useTranslation()
+
+  return (
+    <AlertMessage
+      title={
+        <Typography variant="body2" sx={{ color: 'text.primary' }}>
+          {t('warning.message.accountNotDeployedMessage')}
+        </Typography>
+      }
+      icon={<WarningRounded />}
+      severity="warning"
+      multiline
+      {...props}
+    />
+  )
+}

package/src/components/{GasMessage → Messages}/FundsSufficiencyMessage.tsx

@@ -1,9 +1,9 @@
 import { WarningRounded } from '@mui/icons-material'
-import { Typography } from '@mui/material'
+import { type BoxProps, Typography } from '@mui/material'
 import { useTranslation } from 'react-i18next'
-import { AlertMessage } from '../AlertMessage/AlertMessage.js'
+import { AlertMessage } from './AlertMessage.js'
 
-export const FundsSufficiencyMessage = () => {
+export const FundsSufficiencyMessage: React.FC<BoxProps> = (props) => {
   const { t } = useTranslation()
   return (
     <AlertMessage
@@ -13,7 +13,6 @@ export const FundsSufficiencyMessage = () => {
         <Typography
           variant="body2"
           sx={{
-            px: 1,
             color: 'text.primary',
           }}
         >
@@ -21,6 +20,7 @@ export const FundsSufficiencyMessage = () => {
         </Typography>
       }
       multiline
+      {...props}
     />
   )
 }

package/src/components/{GasMessage → Messages}/GasRefuelMessage.tsx

@@ -6,8 +6,8 @@ import { useTranslation } from 'react-i18next'
 import { useGasRefuel } from '../../hooks/useGasRefuel.js'
 import { useSettings } from '../../stores/settings/useSettings.js'
 import { useSettingsActions } from '../../stores/settings/useSettingsActions.js'
-import { AlertMessage } from '../AlertMessage/AlertMessage.js'
-import { InfoMessageSwitch } from './GasMessage.style.js'
+import { AlertMessage } from './AlertMessage.js'
+import { InfoMessageSwitch } from './GasRefuelMessage.style.js'
 
 export const GasRefuelMessage: React.FC<BoxProps> = (props) => {
   const { t } = useTranslation()

package/src/components/{GasMessage → Messages}/GasSufficiencyMessage.tsx

@@ -1,16 +1,17 @@
 import { EvStation } from '@mui/icons-material'
-import { Typography } from '@mui/material'
+import { type BoxProps, Typography } from '@mui/material'
 import { useTranslation } from 'react-i18next'
 import { formatUnits } from 'viem'
 import type { GasSufficiency } from '../../hooks/useGasSufficiency.js'
-import { AlertMessage } from '../AlertMessage/AlertMessage.js'
+import { AlertMessage } from './AlertMessage.js'
 
-interface GasSufficiencyMessageProps {
+interface GasSufficiencyMessageProps extends BoxProps {
   insufficientGas?: GasSufficiency[]
 }
 
 export const GasSufficiencyMessage: React.FC<GasSufficiencyMessageProps> = ({
   insufficientGas,
+  ...props
 }) => {
   const { t } = useTranslation()
   return (
@@ -27,6 +28,7 @@ export const GasSufficiencyMessage: React.FC<GasSufficiencyMessageProps> = ({
           {t('warning.title.insufficientGas')}
         </Typography>
       }
+      {...props}
     >
       <Typography
         variant="body2"

package/src/components/Messages/MainMessages.tsx

@@ -0,0 +1,40 @@
+import type { BoxProps } from '@mui/material'
+import { Collapse } from '@mui/material'
+import { useRoutes } from '../../hooks/useRoutes.js'
+import { AccountNotDeployedMessage } from './AccountNotDeployedMessage.js'
+import { FundsSufficiencyMessage } from './FundsSufficiencyMessage.js'
+import { GasSufficiencyMessage } from './GasSufficiencyMessage.js'
+import { ToAddressRequiredMessage } from './ToAddressRequiredMessage.js'
+import { useMessageQueue } from './useMessageQueue.js'
+
+export const MainMessages: React.FC<BoxProps> = (props) => {
+  const { routes } = useRoutes()
+  const currentRoute = routes?.[0]
+  const { currentMessage, hasMessages } = useMessageQueue(currentRoute)
+
+  const getMessage = () => {
+    switch (currentMessage?.id) {
+      case 'INSUFFICIENT_FUNDS':
+        return <FundsSufficiencyMessage {...props} />
+      case 'INSUFFICIENT_GAS':
+        return (
+          <GasSufficiencyMessage
+            insufficientGas={currentMessage.props?.insufficientGas}
+            {...props}
+          />
+        )
+      case 'ACCOUNT_NOT_DEPLOYED':
+        return <AccountNotDeployedMessage {...props} />
+      case 'TO_ADDRESS_REQUIRED':
+        return <ToAddressRequiredMessage {...props} />
+      default:
+        return null
+    }
+  }
+
+  return (
+    <Collapse in={hasMessages} timeout={225} unmountOnExit mountOnEnter>
+      {getMessage()}
+    </Collapse>
+  )
+}

package/src/components/Messages/ToAddressRequiredMessage.tsx

@@ -0,0 +1,27 @@
+import { Wallet } from '@mui/icons-material'
+import type { BoxProps } from '@mui/material'
+import { Typography } from '@mui/material'
+import { useTranslation } from 'react-i18next'
+import { AlertMessage } from './AlertMessage.js'
+
+export const ToAddressRequiredMessage: React.FC<BoxProps> = ({ ...props }) => {
+  const { t } = useTranslation()
+  return (
+    <AlertMessage
+      title={
+        <Typography
+          variant="body2"
+          sx={{
+            px: 1,
+            color: 'text.primary',
+          }}
+        >
+          {t('info.message.toAddressIsRequired')}
+        </Typography>
+      }
+      icon={<Wallet />}
+      multiline
+      {...props}
+    />
+  )
+}

package/src/components/Messages/useMessageQueue.ts

@@ -0,0 +1,63 @@
+import type { Route } from '@lifi/sdk'
+import { useMemo } from 'react'
+import { useFromTokenSufficiency } from '../../hooks/useFromTokenSufficiency.js'
+import { useGasSufficiency } from '../../hooks/useGasSufficiency.js'
+import { useToAddressRequirements } from '../../hooks/useToAddressRequirements.js'
+
+interface QueuedMessage {
+  id: string
+  priority: number
+  props?: Record<string, any>
+}
+
+export const useMessageQueue = (route?: Route) => {
+  const { requiredToAddress, accountNotDeployedAtDestination } =
+    useToAddressRequirements()
+  const { insufficientFromToken } = useFromTokenSufficiency(route)
+  const { insufficientGas } = useGasSufficiency(route)
+
+  const messageQueue = useMemo(() => {
+    const queue: QueuedMessage[] = []
+
+    if (insufficientFromToken) {
+      queue.push({
+        id: 'INSUFFICIENT_FUNDS',
+        priority: 1,
+      })
+    }
+
+    if (insufficientGas?.length) {
+      queue.push({
+        id: 'INSUFFICIENT_GAS',
+        priority: 2,
+        props: { insufficientGas },
+      })
+    }
+
+    if (accountNotDeployedAtDestination) {
+      queue.push({
+        id: 'ACCOUNT_NOT_DEPLOYED',
+        priority: 3,
+      })
+    }
+
+    if (requiredToAddress) {
+      queue.push({
+        id: 'TO_ADDRESS_REQUIRED',
+        priority: 4,
+      })
+    }
+
+    return queue.sort((a, b) => a.priority - b.priority)
+  }, [
+    insufficientFromToken,
+    insufficientGas,
+    accountNotDeployedAtDestination,
+    requiredToAddress,
+  ])
+
+  return {
+    currentMessage: messageQueue[0],
+    hasMessages: messageQueue.length > 0,
+  }
+}

package/src/config/version.ts

@@ -1,2 +1,2 @@
 export const name = '@lifi/widget'
-export const version = '3.14.2'
+export const version = '3.15.1'

package/src/hooks/useGasRefuel.ts

@@ -23,7 +23,7 @@ export const useGasRefuel = () => {
 
   const effectiveToAddress = toAddress || toAccount?.address
 
-  const isToContractAddress = useIsContractAddress(
+  const { isContractAddress: isToContractAddress } = useIsContractAddress(
     effectiveToAddress,
     toChainId,
     toChain?.chainType

package/src/hooks/useGasSufficiency.ts

@@ -22,7 +22,7 @@ export const useGasSufficiency = (route?: RouteExtended) => {
     chainType: getChainById(route?.fromChainId)?.chainType,
   })
 
-  const isContractAddress = useIsContractAddress(
+  const { isContractAddress } = useIsContractAddress(
     account.address,
     route?.fromChainId,
     account.chainType

package/src/hooks/useIsContractAddress.ts

@@ -17,6 +17,5 @@ export const useIsContractAddress = (
     },
   })
 
-  const isContractAddress = !!contractCode
-  return isContractAddress
+  return { isContractAddress: !!contractCode, contractCode }
 }

package/src/hooks/useToAddressRequirements.ts

@@ -3,20 +3,29 @@ import { useChain } from '../hooks/useChain.js'
 import { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'
 import { useFieldValues } from '../stores/form/useFieldValues.js'
 import { RequiredUI } from '../types/widget.js'
+import { isDelegationDesignatorCode } from '../utils/eip7702.js'
 import { useIsContractAddress } from './useIsContractAddress.js'
 
 export const useToAddressRequirements = () => {
   const { requiredUI } = useWidgetConfig()
-  const [fromChainId, toChainId] = useFieldValues('fromChain', 'toChain')
+  const [fromChainId, toChainId, toAddress] = useFieldValues(
+    'fromChain',
+    'toChain',
+    'toAddress'
+  )
   const { chain: fromChain } = useChain(fromChainId)
   const { chain: toChain } = useChain(toChainId)
   const { account } = useAccount({
     chainType: fromChain?.chainType,
   })
-  const isFromContractAddress = useIsContractAddress(
-    account.address,
-    fromChainId,
-    account.chainType
+  const {
+    isContractAddress: isFromContractAddress,
+    contractCode: fromContractCode,
+  } = useIsContractAddress(account.address, fromChainId, account.chainType)
+  const { isContractAddress: isToContractAddress } = useIsContractAddress(
+    toAddress,
+    toChainId,
+    toChain?.chainType
   )
 
   const isDifferentChainType =
@@ -25,6 +34,14 @@ export const useToAddressRequirements = () => {
   const isCrossChainContractAddress =
     isFromContractAddress && fromChainId !== toChainId
 
+  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 &&
+    account.address?.toLowerCase() === toAddress?.toLowerCase()
+
   const requiredToAddress =
     requiredUI?.includes(RequiredUI.ToAddress) ||
     isDifferentChainType ||
@@ -33,5 +50,6 @@ export const useToAddressRequirements = () => {
   return {
     requiredToAddress,
     requiredToChainType: toChain?.chainType,
+    accountNotDeployedAtDestination,
   }
 }

package/src/i18n/en.json

@@ -84,15 +84,13 @@
     "message": {
       "autoRefuel": "You're low on {{chainName}} gas. By continuing, you'll get enough gas to complete the transaction.",
       "emptyActiveTransactions": "Transactions in progress will appear here. Once completed, find them in transaction history.",
-      "emptyTokenList": "We couldn't find tokens on {{chainName}} chain or you don't have any. Please search by contract address if your token doesn't appear or choose another chain.",
-      "emptyChainList": "We couldn't find any chains that match your search",
       "emptyBridgesList": "We couldn't find any bridges that match your search",
+      "emptyChainList": "We couldn't find any chains that match your search",
       "emptyExchangesList": "We couldn't find any exchanges that match your search",
+      "emptyTokenList": "We couldn't find tokens on {{chainName}} chain or you don't have any. Please search by contract address if your token doesn't appear or choose another chain.",
       "emptyTransactionHistory": "Transaction history is only stored locally and will be deleted if you clear your browser data.",
-      "smartContractAccount": "Always ensure your smart contract account is set up on the destination chain to avoid potential fund loss.",
-      "fundsToExchange": "Funds sent directly to exchanges might not be recoverable.",
-      "toAddressIsRequired": "Please provide the destination wallet address to which the funds will be transferred.",
-      "routeNotFound": "Reasons for that could be: low liquidity, amount selected is too low, gas costs are too high or there are no routes for the selected combination."
+      "routeNotFound": "Reasons for that could be: low liquidity, amount selected is too low, gas costs are too high or there are no routes for the selected combination.",
+      "toAddressIsRequired": "Please provide the destination wallet address to which the funds will be transferred."
     },
     "title": {
       "autoRefuel": "Get {{chainName}} gas",
@@ -119,8 +117,10 @@
   },
   "warning": {
     "message": {
+      "accountNotDeployedMessage": "Smart contract account is not deployed on the destination chain. Sending funds to a non-existent contract would result in permanent loss.",
       "deleteActiveTransactions": "Active transactions are only stored locally and can't be recovered if you delete them.",
       "deleteTransactionHistory": "Transaction history is only stored locally and can't be recovered if you delete it.",
+      "fundsLossPrevention": "Always ensure smart contract accounts are properly set up on the destination chain and avoid direct transfers to exchanges to prevent fund loss.",
       "highValueLoss": "The value of the received tokens is significantly lower than the exchanged tokens and transaction cost.",
       "insufficientFunds": "You don't have enough funds to complete the transaction.",
       "insufficientGas": "You don't have enough gas to complete the transaction. You need to add at least:",

package/src/pages/MainPage/MainPage.tsx

@@ -3,7 +3,8 @@ import { useTranslation } from 'react-i18next'
 import { ActiveTransactions } from '../../components/ActiveTransactions/ActiveTransactions.js'
 import { AmountInput } from '../../components/AmountInput/AmountInput.js'
 import { ContractComponent } from '../../components/ContractComponent/ContractComponent.js'
-import { GasRefuelMessage } from '../../components/GasMessage/GasRefuelMessage.js'
+import { GasRefuelMessage } from '../../components/Messages/GasRefuelMessage.js'
+import { MainMessages } from '../../components/Messages/MainMessages.js'
 import { PageContainer } from '../../components/PageContainer.js'
 import { PoweredBy } from '../../components/PoweredBy/PoweredBy.js'
 import { Routes } from '../../components/Routes/Routes.js'
@@ -14,7 +15,6 @@ import { useHeader } from '../../hooks/useHeader.js'
 import { useWideVariant } from '../../hooks/useWideVariant.js'
 import { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'
 import { HiddenUI } from '../../types/widget.js'
-import { MainMessages } from './MainMessages.js'
 import { ReviewButton } from './ReviewButton.js'
 
 export const MainPage: React.FC = () => {

package/src/pages/MainPage/ReviewButton.tsx

@@ -17,7 +17,8 @@ export const ReviewButton: React.FC = () => {
   const { subvariant, subvariantOptions } = useWidgetConfig()
   const splitState = useSplitSubvariantStore((state) => state.state)
   const [toAddress] = useFieldValues('toAddress')
-  const { requiredToAddress } = useToAddressRequirements()
+  const { requiredToAddress, accountNotDeployedAtDestination } =
+    useToAddressRequirements()
   const { routes, setReviewableRoute } = useRoutes()
 
   const currentRoute = routes?.[0]
@@ -72,7 +73,10 @@ export const ReviewButton: React.FC = () => {
     <BaseTransactionButton
       text={getButtonText()}
       onClick={handleClick}
-      disabled={currentRoute && requiredToAddress && !toAddress}
+      disabled={
+        (currentRoute && requiredToAddress && !toAddress) ||
+        accountNotDeployedAtDestination
+      }
     />
   )
 }

package/src/pages/SendToWallet/BookmarkAddressSheet.tsx

@@ -1,12 +1,16 @@
-import { Error as ErrorIcon, Info, TurnedIn } from '@mui/icons-material'
+import {
+  Error as ErrorIcon,
+  TurnedIn,
+  WarningRounded,
+} from '@mui/icons-material'
 import { Button, Typography } from '@mui/material'
 import type { ChangeEvent, MutableRefObject } from 'react'
 import { forwardRef, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import { AlertMessage } from '../../components/AlertMessage/AlertMessage.js'
 import { BottomSheet } from '../../components/BottomSheet/BottomSheet.js'
 import type { BottomSheetBase } from '../../components/BottomSheet/types.js'
 import { Input } from '../../components/Input.js'
+import { AlertMessage } from '../../components/Messages/AlertMessage.js'
 import { useAddressValidation } from '../../hooks/useAddressValidation.js'
 import type { Bookmark } from '../../stores/bookmarks/types.js'
 import { useBookmarkActions } from '../../stores/bookmarks/useBookmarkActions.js'
@@ -206,11 +210,11 @@ export const BookmarkAddressSheet = forwardRef<
         </BookmarkInputFields>
         <AlertMessage
           title={
-            <Typography variant="body2">
-              {t('info.message.fundsToExchange')}
+            <Typography variant="body2" sx={{ color: 'text.primary' }}>
+              {t('warning.message.fundsLossPrevention')}
             </Typography>
           }
-          icon={<Info />}
+          icon={<WarningRounded />}
         />
         <SendToWalletButtonRow>
           <Button variant="text" onClick={handleCancel} fullWidth>

package/src/pages/SendToWallet/ConfirmAddressSheet.tsx

@@ -1,12 +1,11 @@
-import { Info, Wallet, Warning } from '@mui/icons-material'
-import { Box, Button, Typography } from '@mui/material'
+import { Wallet, WarningRounded } from '@mui/icons-material'
+import { Button, Typography } from '@mui/material'
 import type { MutableRefObject } from 'react'
 import { forwardRef, useRef } from 'react'
 import { useTranslation } from 'react-i18next'
-import { AlertMessage } from '../../components/AlertMessage/AlertMessage.js'
 import { BottomSheet } from '../../components/BottomSheet/BottomSheet.js'
 import type { BottomSheetBase } from '../../components/BottomSheet/types.js'
-import { useIsContractAddress } from '../../hooks/useIsContractAddress.js'
+import { AlertMessage } from '../../components/Messages/AlertMessage.js'
 import { useNavigateBack } from '../../hooks/useNavigateBack.js'
 import { useSetContentHeight } from '../../hooks/useSetContentHeight.js'
 import type { Bookmark } from '../../stores/bookmarks/types.js'
@@ -23,7 +22,6 @@ import {
 interface ConfirmAddressSheetProps {
   onConfirm: (wallet: Bookmark) => void
   validatedBookmark?: Bookmark
-  chainId?: number
 }
 
 interface ConfirmAddressSheetContentProps extends ConfirmAddressSheetProps {
@@ -48,21 +46,15 @@ export const ConfirmAddressSheet = forwardRef<
 const ConfirmAddressSheetContent: React.FC<ConfirmAddressSheetContentProps> = ({
   validatedBookmark,
   onConfirm,
-  chainId,
   onClose,
 }) => {
   const { t } = useTranslation()
   const { navigateBack } = useNavigateBack()
   const { setFieldValue } = useFieldActions()
   const { setSendToWallet } = useSendToWalletActions()
-  const isContractAddress = useIsContractAddress(
-    validatedBookmark?.address,
-    chainId,
-    validatedBookmark?.chainType
-  )
 
   const containerRef = useRef<HTMLElement>(null)
-  useSetContentHeight(containerRef, isContractAddress)
+  useSetContentHeight(containerRef)
 
   const handleConfirm = () => {
     if (validatedBookmark) {
@@ -97,28 +89,15 @@ const ConfirmAddressSheetContent: React.FC<ConfirmAddressSheetContentProps> = ({
         <Typography>{validatedBookmark?.address}</Typography>
       </SheetAddressContainer>
       <AlertMessage
+        severity="warning"
         title={
-          <Box sx={{ display: 'grid', gap: 1 }}>
-            <Typography variant="body2" fontWeight={500}>
-              {t('info.message.fundsToExchange')}
-            </Typography>
-          </Box>
+          <Typography variant="body2" sx={{ color: 'text.primary' }}>
+            {t('warning.message.fundsLossPrevention')}
+          </Typography>
         }
-        icon={<Info />}
+        icon={<WarningRounded />}
         multiline
       />
-      {isContractAddress ? (
-        <AlertMessage
-          title={
-            <Typography variant="body2" fontWeight={500}>
-              {t('info.message.smartContractAccount')}
-            </Typography>
-          }
-          icon={<Warning />}
-          severity="warning"
-          multiline
-        />
-      ) : null}
       <SendToWalletButtonRow>
         <Button variant="text" onClick={onClose} fullWidth>
           {t('button.cancel')}

package/src/pages/SendToWallet/SendToWalletPage.tsx

@@ -1,4 +1,3 @@
-import { ChainType } from '@lifi/sdk'
 import { useAccount } from '@lifi/wallet-management'
 import {
   Error as ErrorIcon,
@@ -68,9 +67,6 @@ export const SendToWalletPage = () => {
 
   const { accounts } = useAccount()
   const connectedWallets = accounts.filter((account) => account.isConnected)
-  const connectedEVMChainId = connectedWallets.find(
-    (account) => account.chainType === ChainType.EVM
-  )?.chainId
 
   useHeader(t('header.sendToWallet'))
 
@@ -246,7 +242,6 @@ export const SendToWalletPage = () => {
           ref={confirmAddressSheetRef}
           validatedBookmark={validatedWallet}
           onConfirm={handleOnConfirm}
-          chainId={connectedEVMChainId || toChainId}
         />
         <BookmarkAddressSheet
           ref={bookmarkAddressSheetRef}

package/src/pages/TransactionPage/TransactionPage.tsx

@@ -6,7 +6,7 @@ import { useTranslation } from 'react-i18next'
 import { useLocation } from 'react-router-dom'
 import type { BottomSheetBase } from '../../components/BottomSheet/types.js'
 import { ContractComponent } from '../../components/ContractComponent/ContractComponent.js'
-import { GasMessage } from '../../components/GasMessage/GasMessage.js'
+import { GasMessage } from '../../components/Messages/GasMessage.js'
 import { PageContainer } from '../../components/PageContainer.js'
 import { getStepList } from '../../components/Step/StepList.js'
 import { TransactionDetails } from '../../components/TransactionDetails.js'

package/src/utils/eip7702.ts

@@ -0,0 +1,23 @@
+/**
+ * EIP-7702 introduces delegation designators that allow EOAs to delegate execution to other contracts.
+ * A delegation designator starts with 0xef0100 followed by the target contract address.
+ *
+ * When an EOA has this code, it means:
+ * - The EOA can still send transactions (unlike other contract accounts)
+ * - All contract calls are delegated to the target address
+ * - The code itself remains as the delegation designator (0xef0100 || address)
+ *
+ * Delegation Designator Structure:
+ *
+ * ─────┬───┬──┬───────────────────────────────────────┐
+ *      │   │  │                                       │
+ *  0x ef 0100 a94f5374fce5edbc8e2a8697c15331677e6ebf0b
+ *      │   │  └───────────────────────────────────────┘
+ *      │   │                         Target Address
+ *      │   └── 7702
+ *      └── 3541
+ *
+ * @see https://eips.ethereum.org/EIPS/eip-7702
+ */
+export const isDelegationDesignatorCode = (code?: string) =>
+  code?.startsWith('0xef0100')

package/dist/esm/components/AlertMessage/AlertMessage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AlertMessage.js","sourceRoot":"","sources":["../../../../src/components/AlertMessage/AlertMessage.tsx"],"names":[],"mappings":";AAEA,OAAO,EACL,gBAAgB,EAChB,qBAAqB,GACtB,MAAM,yBAAyB,CAAA;AAUhC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC3B,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,QAAQ,GAAG,MAAM,EACjB,GAAG,IAAI,EACW,EAAE,EAAE,CAAC,CACvB,MAAC,gBAAgB,IAAC,QAAQ,EAAE,QAAQ,KAAM,IAAI,aAC5C,MAAC,qBAAqB,IACpB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,aAEzC,IAAI,EACJ,KAAK,IACgB,EACvB,QAAQ,IACQ,CACpB,CAAA"}

package/dist/esm/components/AlertMessage/AlertMessage.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AlertMessage.style.js","sourceRoot":"","sources":["../../../../src/components/AlertMessage/AlertMessage.style.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AACnE,OAAO,EACL,sBAAsB,EACtB,yBAAyB,GAC1B,MAAM,uBAAuB,CAAA;AAO9B,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,EAAE;IAC1C,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,UAAU;CACjD,CAAC,CAAqB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACrC,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,YAAY;IACtC,QAAQ,EAAE,UAAU;IACpB,UAAU,EAAE,UAAU;IACtB,KAAK,EAAE,MAAM;IACb,aAAa,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAC/B,eAAe,EAAE,sBAAsB,CAAC,KAAK,CAAC;IAC9C,QAAQ,EAAE;QACR;YACE,KAAK,EAAE;gBACL,QAAQ,EAAE,SAAS;aACpB;YACD,KAAK,EAAE;gBACL,eAAe,EAAE,yBAAyB,CAAC,KAAK,CAAC;aAClD;SACF;KACF;CACF,CAAC,CAAC,CAAA;AAEH,MAAM,CAAC,MAAM,qBAAqB,GAAG,MAAM,CAAC,GAAG,EAAE;IAC/C,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,UAAU;CACjD,CAAC,CAAqB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACrC,OAAO,EAAE,MAAM;IACf,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAC7B,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAC9B,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAC5B,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IACrB,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC;IAC7C,QAAQ,EAAE;QACR;YACE,KAAK,EAAE;gBACL,QAAQ,EAAE,SAAS;aACpB;YACD,KAAK,EAAE;gBACL,KAAK,EACH,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO;oBAC5B,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC;oBAC1C,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC;aAC3C;SACF;KACF;IACD,GAAG,KAAK,CAAC,WAAW,CAAC,OAAO,EAAE;QAC5B,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;KAC/B,CAAC;CACH,CAAC,CAAC,CAAA"}

package/dist/esm/components/AlertMessage/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/AlertMessage/types.ts"],"names":[],"mappings":""}

package/dist/esm/components/GasMessage/FundsSufficiencyMessage.d.ts

@@ -1 +0,0 @@
-export declare const FundsSufficiencyMessage: () => import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/GasMessage/FundsSufficiencyMessage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FundsSufficiencyMessage.js","sourceRoot":"","sources":["../../../../src/components/GasMessage/FundsSufficiencyMessage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAA;AAE9D,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAG,EAAE;IAC1C,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAC9B,OAAO,CACL,KAAC,YAAY,IACX,QAAQ,EAAC,SAAS,EAClB,IAAI,EAAE,KAAC,cAAc,KAAG,EACxB,KAAK,EACH,KAAC,UAAU,IACT,OAAO,EAAC,OAAO,EACf,EAAE,EAAE;gBACF,EAAE,EAAE,CAAC;gBACL,KAAK,EAAE,cAAc;aACtB,YAEA,CAAC,CAAC,mCAAmC,CAAC,GAC5B,EAEf,SAAS,SACT,CACH,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/GasMessage/GasMessage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GasMessage.js","sourceRoot":"","sources":["../../../../src/components/GasMessage/GasMessage.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAC7C,OAAO,EAAE,uBAAuB,EAAE,MAAM,wCAAwC,CAAA;AAChF,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAA;AACpE,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAA;AACtE,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAA;AAMlE,MAAM,CAAC,MAAM,UAAU,GAA8B,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC3E,MAAM,EAAE,eAAe,EAAE,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAA;IACpD,MAAM,EAAE,qBAAqB,EAAE,GAAG,uBAAuB,CAAC,KAAK,CAAC,CAAA;IAEhE,MAAM,oBAAoB,GAAG,eAAe,EAAE,MAAM,CAAA;IAEpD,OAAO,CACL,KAAC,QAAQ,IACP,OAAO,EAAE,GAAG,EACZ,EAAE,EAAE,OAAO,CAAC,qBAAqB,IAAI,oBAAoB,CAAC,EAC1D,aAAa,QACb,YAAY,kBAEZ,KAAC,GAAG,OAAK,KAAK,YACX,qBAAqB,CAAC,CAAC,CAAC,CACvB,KAAC,uBAAuB,KAAG,CAC5B,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,CACzB,KAAC,qBAAqB,IAAC,eAAe,EAAE,eAAe,GAAI,CAC5D,CAAC,CAAC,CAAC,IAAI,GACJ,GACG,CACZ,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/GasMessage/GasMessage.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GasMessage.style.js","sourceRoot":"","sources":["../../../../src/components/GasMessage/GasMessage.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AAErC,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC9D,CAAC,IAAI,aAAa,CAAC,UAAU,EAAE,CAAC,EAAE;QAChC,CAAC,KAAK,aAAa,CAAC,OAAO,EAAE,CAAC,EAAE;YAC9B,CAAC,QAAQ,aAAa,CAAC,KAAK,EAAE,CAAC,EAAE;gBAC/B,eAAe,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC;gBACrD,GAAG,KAAK,CAAC,WAAW,CAAC,OAAO,EAAE;oBAC5B,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;iBACzC,CAAC;aACH;SACF;QACD,CAAC,uBAAuB,aAAa,CAAC,KAAK,EAAE,CAAC,EAAE;YAC9C,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC;YAC3C,GAAG,KAAK,CAAC,WAAW,CAAC,OAAO,EAAE;gBAC5B,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;aAC/B,CAAC;SACH;KACF;CACF,CAAC,CAAC,CAAA"}

package/dist/esm/components/GasMessage/GasRefuelMessage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GasRefuelMessage.js","sourceRoot":"","sources":["../../../../src/components/GasMessage/GasRefuelMessage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAE/C,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAEzD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAA;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAA;AAClE,OAAO,EAAE,kBAAkB,EAAE,MAAM,6CAA6C,CAAA;AAChF,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAA;AAC9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AAEzD,MAAM,CAAC,MAAM,gBAAgB,GAAuB,CAAC,KAAK,EAAE,EAAE;IAC5D,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAE9B,MAAM,EAAE,QAAQ,EAAE,GAAG,kBAAkB,EAAE,CAAA;IACzC,MAAM,EAAE,iBAAiB,EAAE,GAAG,WAAW,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAA;IAEhE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,eAAe,EAAE,GAAG,YAAY,EAAE,CAAA;IAErE,MAAM,QAAQ,GAAG,CAAC,CAAgC,EAAE,OAAgB,EAAE,EAAE;QACtE,QAAQ,CAAC,mBAAmB,EAAE,OAAO,CAAC,CAAA;IACxC,CAAC,CAAA;IAED,MAAM,oBAAoB,GAAG,KAAK,IAAI,OAAO,IAAI,CAAC,eAAe,CAAA;IAEjE,OAAO,CACL,KAAC,QAAQ,IACP,OAAO,EAAE,GAAG,EACZ,EAAE,EAAE,oBAAoB,EACxB,aAAa,QACb,YAAY,kBAEZ,KAAC,YAAY,IACX,IAAI,EAAE,KAAC,SAAS,KAAG,EACnB,KAAK,EACH,MAAC,GAAG,IACF,EAAE,EAAE;oBACF,OAAO,EAAE,MAAM;oBACf,UAAU,EAAE,QAAQ;oBACpB,cAAc,EAAE,eAAe;oBAC/B,QAAQ,EAAE,CAAC;iBACZ,aAED,KAAC,UAAU,IACT,OAAO,EAAC,OAAO,EACf,EAAE,EAAE;4BACF,UAAU,EAAE,GAAG;yBAChB,YAEA,CAAC,CAAC,uBAAuB,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,IAAI,EAAE,EAAE,CAAC,GAClD,EACb,KAAC,iBAAiB,IAChB,OAAO,EAAE,iBAAiB,EAC1B,QAAQ,EAAE,QAAQ,GAClB,IACE,KAEJ,KAAK,YAET,KAAC,QAAQ,IACP,OAAO,EAAE,GAAG,EACZ,EAAE,EAAE,iBAAiB,EACrB,aAAa,QACb,YAAY,kBAEZ,KAAC,UAAU,IACT,OAAO,EAAC,OAAO,EACf,EAAE,EAAE;wBACF,EAAE,EAAE,CAAC;wBACL,EAAE,EAAE,CAAC;qBACN,YAEA,CAAC,CAAC,yBAAyB,EAAE;wBAC5B,SAAS,EAAE,KAAK,EAAE,IAAI;qBACvB,CAAC,GACS,GACJ,GACE,GACN,CACZ,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/GasMessage/GasSufficiencyMessage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GasSufficiencyMessage.js","sourceRoot":"","sources":["../../../../src/components/GasMessage/GasSufficiencyMessage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,MAAM,CAAA;AAElC,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAA;AAM9D,MAAM,CAAC,MAAM,qBAAqB,GAAyC,CAAC,EAC1E,eAAe,GAChB,EAAE,EAAE;IACH,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAC9B,OAAO,CACL,MAAC,YAAY,IACX,QAAQ,EAAC,SAAS,EAClB,IAAI,EAAE,KAAC,SAAS,KAAG,EACnB,KAAK,EACH,KAAC,UAAU,IACT,OAAO,EAAC,OAAO,EACf,EAAE,EAAE;gBACF,UAAU,EAAE,GAAG;aAChB,YAEA,CAAC,CAAC,+BAA+B,CAAC,GACxB,aAGf,KAAC,UAAU,IACT,OAAO,EAAC,OAAO,EACf,EAAE,EAAE;oBACF,EAAE,EAAE,CAAC;oBACL,EAAE,EAAE,CAAC;iBACN,YAEA,CAAC,CAAC,iCAAiC,CAAC,GAC1B,EACZ,eAAe,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACrC,KAAC,UAAU,IAET,OAAO,EAAC,OAAO,EACf,EAAE,EAAE;oBACF,EAAE,EAAE,CAAC;oBACL,EAAE,EAAE,GAAG;iBACR,YAEA,CAAC,CAAC,yBAAyB,EAAE;oBAC5B,MAAM,EAAE,WAAW,CACjB,IAAI,CAAC,kBAAkB,IAAI,EAAE,EAC7B,IAAI,CAAC,KAAK,CAAC,QAAQ,CACpB;oBACD,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM;oBAC9B,SAAS,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI;iBAC5B,CAAC,IAdG,KAAK,CAeC,CACd,CAAC,IACW,CAChB,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/ToAddressRequiredMessage.d.ts

@@ -1,7 +0,0 @@
-import type { Route } from '@lifi/sdk';
-import type { BoxProps } from '@mui/material';
-interface ToAddressRequiredMessageProps extends BoxProps {
-    route?: Route;
-}
-export declare const ToAddressRequiredMessage: React.FC<ToAddressRequiredMessageProps>;
-export {};

package/dist/esm/components/ToAddressRequiredMessage.js

@@ -1,18 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Wallet } from '@mui/icons-material';
-import { Box, Collapse, Typography } from '@mui/material';
-import { useTranslation } from 'react-i18next';
-import { useToAddressRequirements } from '../hooks/useToAddressRequirements.js';
-import { useFieldValues } from '../stores/form/useFieldValues.js';
-import { AlertMessage } from './AlertMessage/AlertMessage.js';
-export const ToAddressRequiredMessage = ({ route, ...props }) => {
-    const { t } = useTranslation();
-    const [toAddress] = useFieldValues('toAddress');
-    const { requiredToAddress } = useToAddressRequirements();
-    const showMessage = route && requiredToAddress && !toAddress;
-    return (_jsx(Collapse, { timeout: 225, in: showMessage, unmountOnExit: true, mountOnEnter: true, children: _jsx(Box, { ...props, children: _jsx(AlertMessage, { title: _jsx(Typography, { variant: "body2", sx: {
-                        px: 1,
-                        color: 'text.primary',
-                    }, children: t('info.message.toAddressIsRequired') }), icon: _jsx(Wallet, {}), multiline: true }) }) }));
-};
-//# sourceMappingURL=ToAddressRequiredMessage.js.map