@lifi/widget 3.14.1 → 3.15.0

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

@@ -3,7 +3,7 @@ import { 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 {
   insufficientGas?: GasSufficiency[]

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.1'
+export const version = '3.15.0'

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

@@ -126,7 +126,8 @@
       "insufficientGas": "You don't have enough gas to complete the transaction. You need to add at least:",
       "rateChanged": "The exchange rate has changed. By continuing the transaction, you'll accept the new rate.",
       "resetSettings": "This will reset your route priority, slippage, gas price, enabled bridges and exchanges.",
-      "slippageOutsideRecommendedLimits": "High slippage tolerance may result in unfavorable trade caused by front-running."
+      "slippageOutsideRecommendedLimits": "High slippage tolerance may result in unfavorable trade caused by front-running.",
+      "accountNotDeployedMessage": "Smart contract account is not deployed on the destination chain. Sending funds to a non-existent contract would result in permanent loss."
     },
     "title": {
       "deleteActiveTransactions": "Delete all active transactions?",

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

@@ -3,10 +3,10 @@ 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'

package/src/pages/SendToWallet/ConfirmAddressSheet.tsx

@@ -3,9 +3,9 @@ import { Box, 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 { AlertMessage } from '../../components/Messages/AlertMessage.js'
 import { useIsContractAddress } from '../../hooks/useIsContractAddress.js'
 import { useNavigateBack } from '../../hooks/useNavigateBack.js'
 import { useSetContentHeight } from '../../hooks/useSetContentHeight.js'
@@ -55,7 +55,7 @@ const ConfirmAddressSheetContent: React.FC<ConfirmAddressSheetContentProps> = ({
   const { navigateBack } = useNavigateBack()
   const { setFieldValue } = useFieldActions()
   const { setSendToWallet } = useSendToWalletActions()
-  const isContractAddress = useIsContractAddress(
+  const { isContractAddress } = useIsContractAddress(
     validatedBookmark?.address,
     chainId,
     validatedBookmark?.chainType

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/stores/form/FormUpdater.tsx

@@ -56,8 +56,9 @@ export const FormUpdater: React.FC<{
     if (reactiveFormValues.toAddress) {
       setSendToWallet(true)
     }
-
-    setSelectedBookmark(toAddress)
+    if (toAddress) {
+      setSelectedBookmark(toAddress)
+    }
 
     setUserAndDefaultValues(
       accountForChainId(reactiveFormValues, account.chainId)

package/src/stores/form/URLSearchParamsBuilder.tsx

@@ -1,7 +1,9 @@
 import { useEffect } from 'react'
 import { useLocation } from 'react-router-dom'
+import { useAddressValidation } from '../../hooks/useAddressValidation.js'
 import { useSendToWalletActions } from '../../stores/settings/useSendToWalletStore.js'
 import { formatInputAmount } from '../../utils/format.js'
+import { useBookmarkActions } from '../bookmarks/useBookmarkActions.js'
 import type { DefaultValues, FormFieldNames } from '../form/types.js'
 import { useFieldActions } from '../form/useFieldActions.js'
 import { useFieldValues } from '../form/useFieldValues.js'
@@ -49,6 +51,8 @@ export const URLSearchParamsBuilder = () => {
   const touchedFields = useTouchedFields()
   const values = useFieldValues(...formValueKeys)
   const { setSendToWallet } = useSendToWalletActions()
+  const { setSelectedBookmark, addRecentWallet } = useBookmarkActions()
+  const { validateAddress } = useAddressValidation()
 
   // Using these methods as trying to use the touchedFields and values above
   // often has a lag that can effect the widgets initialisation sequence
@@ -57,15 +61,45 @@ export const URLSearchParamsBuilder = () => {
     useFieldActions()
 
   useEffect(() => {
-    // get the  initial values from the querysting
+    // get the initial values from the querystring
     const formValues = getDefaultValuesFromQueryString()
 
-    if (formValues.toAddress) {
-      setSendToWallet(true)
+    /**
+     * When URL builder is enabled and user opens a page with toAddress parameter,
+     * validate the address and set it up as a bookmark. This allows direct linking
+     * to the widget with a pre-filled destination address that will be treated the
+     * same way as a manually entered and validated address.
+     */
+    const initializeFromAddress = async () => {
+      if (formValues.toAddress) {
+        try {
+          const validationResult = await validateAddress({
+            value: formValues.toAddress,
+          })
+          if (validationResult.isValid) {
+            const bookmark = {
+              address: validationResult.address,
+              chainType: validationResult.chainType,
+            }
+            setSelectedBookmark(bookmark)
+            addRecentWallet(bookmark)
+            setSendToWallet(true)
+          }
+        } catch (_) {
+          // Address validation failed
+        }
+      }
     }
 
+    initializeFromAddress()
     setUserAndDefaultValues(formValues)
-  }, [setUserAndDefaultValues, setSendToWallet])
+  }, [
+    setUserAndDefaultValues,
+    setSendToWallet,
+    validateAddress,
+    setSelectedBookmark,
+    addRecentWallet,
+  ])
 
   // biome-ignore lint/correctness/useExhaustiveDependencies:
   useEffect(() => {

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"ToAddressRequiredMessage.js","sourceRoot":"","sources":["../../../src/components/ToAddressRequiredMessage.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAE5C,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,wBAAwB,EAAE,MAAM,sCAAsC,CAAA;AAC/E,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAA;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAA;AAM7D,MAAM,CAAC,MAAM,wBAAwB,GAEjC,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC1B,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAC9B,MAAM,CAAC,SAAS,CAAC,GAAG,cAAc,CAAC,WAAW,CAAC,CAAA;IAC/C,MAAM,EAAE,iBAAiB,EAAE,GAAG,wBAAwB,EAAE,CAAA;IAExD,MAAM,WAAW,GAAG,KAAK,IAAI,iBAAiB,IAAI,CAAC,SAAS,CAAA;IAE5D,OAAO,CACL,KAAC,QAAQ,IAAC,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,WAAW,EAAE,aAAa,QAAC,YAAY,kBACjE,KAAC,GAAG,OAAK,KAAK,YACZ,KAAC,YAAY,IACX,KAAK,EACH,KAAC,UAAU,IACT,OAAO,EAAC,OAAO,EACf,EAAE,EAAE;wBACF,EAAE,EAAE,CAAC;wBACL,KAAK,EAAE,cAAc;qBACtB,YAEA,CAAC,CAAC,kCAAkC,CAAC,GAC3B,EAEf,IAAI,EAAE,KAAC,MAAM,KAAG,EAChB,SAAS,SACT,GACE,GACG,CACZ,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/pages/MainPage/MainMessages.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { GasMessage } from '../../components/GasMessage/GasMessage.js';
-import { ToAddressRequiredMessage } from '../../components/ToAddressRequiredMessage.js';
-import { useRoutes } from '../../hooks/useRoutes.js';
-export const MainMessages = (props) => {
-    const { routes } = useRoutes();
-    const currentRoute = routes?.[0];
-    return (_jsxs(_Fragment, { children: [_jsx(ToAddressRequiredMessage, { route: currentRoute, ...props }), _jsx(GasMessage, { route: currentRoute, ...props })] }));
-};
-//# sourceMappingURL=MainMessages.js.map

package/dist/esm/pages/MainPage/MainMessages.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MainMessages.js","sourceRoot":"","sources":["../../../../src/pages/MainPage/MainMessages.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,2CAA2C,CAAA;AACtE,OAAO,EAAE,wBAAwB,EAAE,MAAM,8CAA8C,CAAA;AACvF,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAA;AAEpD,MAAM,CAAC,MAAM,YAAY,GAAuB,CAAC,KAAK,EAAE,EAAE;IACxD,MAAM,EAAE,MAAM,EAAE,GAAG,SAAS,EAAE,CAAA;IAE9B,MAAM,YAAY,GAAG,MAAM,EAAE,CAAC,CAAC,CAAC,CAAA;IAEhC,OAAO,CACL,8BACE,KAAC,wBAAwB,IAAC,KAAK,EAAE,YAAY,KAAM,KAAK,GAAI,EAC5D,KAAC,UAAU,IAAC,KAAK,EAAE,YAAY,KAAM,KAAK,GAAI,IAC7C,CACJ,CAAA;AACH,CAAC,CAAA"}

package/src/components/ToAddressRequiredMessage.tsx

@@ -1,44 +0,0 @@
-import type { Route } from '@lifi/sdk'
-import { Wallet } from '@mui/icons-material'
-import type { BoxProps } from '@mui/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'
-
-interface ToAddressRequiredMessageProps extends BoxProps {
-  route?: Route
-}
-
-export const ToAddressRequiredMessage: React.FC<
-  ToAddressRequiredMessageProps
-> = ({ route, ...props }) => {
-  const { t } = useTranslation()
-  const [toAddress] = useFieldValues('toAddress')
-  const { requiredToAddress } = useToAddressRequirements()
-
-  const showMessage = route && requiredToAddress && !toAddress
-
-  return (
-    <Collapse timeout={225} in={showMessage} unmountOnExit mountOnEnter>
-      <Box {...props}>
-        <AlertMessage
-          title={
-            <Typography
-              variant="body2"
-              sx={{
-                px: 1,
-                color: 'text.primary',
-              }}
-            >
-              {t('info.message.toAddressIsRequired')}
-            </Typography>
-          }
-          icon={<Wallet />}
-          multiline
-        />
-      </Box>
-    </Collapse>
-  )
-}

package/src/pages/MainPage/MainMessages.tsx

@@ -1,17 +0,0 @@
-import type { BoxProps } from '@mui/material'
-import { GasMessage } from '../../components/GasMessage/GasMessage.js'
-import { ToAddressRequiredMessage } from '../../components/ToAddressRequiredMessage.js'
-import { useRoutes } from '../../hooks/useRoutes.js'
-
-export const MainMessages: React.FC<BoxProps> = (props) => {
-  const { routes } = useRoutes()
-
-  const currentRoute = routes?.[0]
-
-  return (
-    <>
-      <ToAddressRequiredMessage route={currentRoute} {...props} />
-      <GasMessage route={currentRoute} {...props} />
-    </>
-  )
-}