@lifi/widget 4.3.0 → 4.4.0

package/dist/esm/i18n/en.json

@@ -31,7 +31,11 @@
     "dark": "Dark",
     "delete": "Delete",
     "deposit": "Deposit",
+    "depositWithCash": "Deposit with cash",
+    "pay": "Pay",
     "depositReview": "Review deposit",
+    "connectExchange": "Connect exchange",
+    "transferCrypto": "Transfer crypto",
     "disconnect": "Disconnect",
     "done": "Done",
     "exchange": "Exchange",
@@ -41,10 +45,16 @@
     "max": "MAX",
     "ok": "Ok",
     "options": "Options",
+    "requestRefund": "Request refund",
     "reset": "Reset",
     "resetSettings": "Reset settings",
+    "resumeTransaction": "Resume transaction",
     "review": "Review",
     "seeDetails": "See details",
+    "topUp": "Top up",
+    "viewRefund": "View refund",
+    "viewRefundStatus": "View refund status",
+    "viewTransferDetails": "View transfer details",
     "showAll": "Show all",
     "startBridging": "Start bridging",
     "startSwapping": "Start swapping",
@@ -63,8 +73,13 @@
     "checkout": "Checkout",
     "checkoutDetails": "Checkout details",
     "deposit": "Deposit",
+    "depositWithCash": "Deposit with cash",
+    "depositAddress": "Deposit address",
     "depositDetails": "Deposit details",
     "depositTo": "Deposit to",
+    "connectExchange": "Connect exchange",
+    "transferCrypto": "Transfer crypto",
+    "currency": "Currency",
     "exchange": "Exchange",
     "from": "Exchange from",
     "gas": "Gas",
@@ -330,6 +345,7 @@
     "tokenSearch": "Search by token or address",
     "valueLoss": "Value loss",
     "searchBridges": "Search by bridge name",
+    "searchCurrency": "Search currency",
     "searchExchanges": "Search by exchange name",
     "searchNetwork": "Search network"
   },
@@ -381,5 +397,310 @@
     "contractAddress": "Contract address",
     "marketCap": "Market cap",
     "volume24h": "Volume 24h"
+  },
+  "tags": {
+    "connected": "Connected",
+    "getStarted": "Get Started",
+    "installed": "Installed",
+    "multichain": "Multichain",
+    "qrCode": "QR Code"
+  },
+  "checkout": {
+    "closeConfirmation": {
+      "title": "Leave checkout?",
+      "body": "Closing won't cancel your deposit. You can come back to check on it here anytime.",
+      "confirm": "Close checkout",
+      "cancel": "Cancel"
+    },
+    "abandonConfirmation": {
+      "title": "Cancel this transfer?",
+      "body": "Your deposit details will be discarded. Don't send funds to this address after cancelling.",
+      "confirm": "Cancel transfer",
+      "cancel": "Keep transfer"
+    },
+    "activity": {
+      "title": "Activity",
+      "deposit": "Deposit",
+      "amountOnChain": "{{amount}} {{symbol}} on {{chain}}",
+      "depositInProgress": "Deposit in progress",
+      "refundInProgress": "Refund in progress",
+      "couldNotComplete": "Couldn't complete",
+      "singleFailed": "Deposit failed. Please resolve",
+      "dismiss": "Dismiss"
+    },
+    "transak": {
+      "forceClose": {
+        "tooltip": "Close (transaction won't resume)"
+      }
+    },
+    "legal": {
+      "termsDisclaimer": "By continuing, you agree to LI.FI's <terms>Terms of Service</terms>."
+    },
+    "resume": {
+      "notFoundToast": "We couldn't find your transaction. Start over or contact support if you think this is a mistake."
+    },
+    "transferDeposit": {
+      "warning": "Send at least <b>{{amount}} {{symbol}}</b> on <b>{{chain}}</b>. Wrong token or chain may be unrecoverable.",
+      "expiresIn": "Deposit address expires in {{minutes}}:{{seconds}}",
+      "addressLabel": "Deposit address",
+      "copyAddress": "Copy address",
+      "addressCopied": "Copied!",
+      "regenerate": "Generate new deposit address",
+      "expired": "This deposit window expired. Generate a new one to continue.",
+      "polling": "Watching for your deposit…",
+      "detailsTitle": "Deposit details",
+      "table": {
+        "required": "Required",
+        "received": "Received",
+        "minRefundable": "Min. refundable",
+        "remaining": "Remaining",
+        "excess": "Excess",
+        "timeRemaining": "Time remaining"
+      },
+      "errors": {
+        "unexpected": {
+          "title": "Unexpected deposit",
+          "description": "We received a deposit that doesn't match a supported route. Contact support for next steps."
+        },
+        "amountLowThreshold": {
+          "title": "Deposit incomplete",
+          "description": "Top up to complete your order, or to enable a refund."
+        },
+        "amountLowTopUp": {
+          "title": "Deposit incomplete",
+          "description": "Send the remaining before the deposit window closes."
+        },
+        "amountLowExpired": {
+          "title": "Deposit incomplete",
+          "description": "The deposit window has expired. You can request a refund for the amount received."
+        },
+        "excessHeld": {
+          "title": "Excess held",
+          "description": "Your order is processing. The excess is held — request a refund to retrieve it."
+        },
+        "lateArrival": {
+          "title": "Deposit arrived late",
+          "description": "Your funds reached us after the deposit window closed. You can reactivate to continue, or request a refund."
+        },
+        "addressExpired": {
+          "title": "Deposit address expired",
+          "description": "The deposit address has expired without receiving funds. You can try again with a new deposit address."
+        },
+        "marketMoved": {
+          "title": "Transaction failed",
+          "description": "The exchange rate moved before your order could complete. Your funds are safe — a refund has been started."
+        },
+        "refunding": {
+          "title": "Transaction failed — refunding",
+          "description": "We couldn't complete the transfer after several attempts. Your funds are being refunded to the wallet that sent them."
+        }
+      }
+    },
+    "fiatCurrency": {
+      "label": "Pay with"
+    },
+    "cashCurrency": {
+      "error": "Unable to load currencies right now. Try again."
+    },
+    "cashQuote": {
+      "totalFeesLabel": "Total fees",
+      "feeFallback": "Fee {{index}}",
+      "guaranteedMinimum": "Guaranteed minimum",
+      "refundNote": "You'll receive at least {{value}}, or a full refund.",
+      "error": "Unable to refresh the quote right now. Try again."
+    },
+    "cashHandoff": {
+      "title": "You'll finish paying in Transak",
+      "body": "Your payment passes through a temporary deposit address we created for this purchase, not your personal wallet. That's expected, and it happens automatically.",
+      "addressLabel": "Deposit address",
+      "addressHint": "You'll see this same address in Transak.",
+      "continue": "Continue to Transak",
+      "goBack": "Go back"
+    },
+    "paymentMethod": {
+      "label": "Payment method"
+    },
+    "flowSummary": {
+      "wallet": "From your wallet",
+      "transfer": "Transfer crypto",
+      "exchange": "From an exchange",
+      "cash": "Buy with cash"
+    },
+    "transactionStatus": {
+      "detailsTitle": "Transaction details",
+      "watching": "Watching for transaction",
+      "executing": "Processing transaction",
+      "success": "Transaction successful",
+      "seeDetails": "See details",
+      "steps": {
+        "transferInitiated": "Transfer initiated",
+        "receive": {
+          "upcoming": "Receive {{symbol}}",
+          "loading": "Receiving {{symbol}}",
+          "done": "{{symbol}} received"
+        },
+        "swap": {
+          "upcoming": "Swap to {{symbol}}",
+          "loading": "Swapping to {{symbol}}",
+          "done": "Swapped to {{symbol}}"
+        },
+        "bridge": {
+          "upcoming": "Bridge to {{chain}}",
+          "loading": "Bridging to {{chain}}",
+          "done": "Bridged to {{chain}}"
+        }
+      }
+    },
+    "chooseFundingSource": "Choose funding source",
+    "whereToSendIt": "Where to send it",
+    "sendingTo": "Sending to",
+    "required": "Required",
+    "addWalletToReceive": "Add a wallet to receive your {{token}}",
+    "walletAddressOrEns": "Wallet address or ENS name",
+    "insufficientFunds": "Insufficient funds — You don't have enough {{symbol}} on {{chain}}. Select a different token to try again.",
+    "routeNotFound": {
+      "title": "Can't buy this token here",
+      "description": "This token isn't available through the payment method you selected. Try a different token, or pay from a connected wallet."
+    },
+    "useYourTokens": "Use your tokens",
+    "buyTokens": "Buy tokens",
+    "or": "or",
+    "payFromWallet": "Pay from Wallet",
+    "payFromWalletSubtitle": "Connect a browser wallet",
+    "payFromWalletConnectedSubtitle": "Select token & amount",
+    "transferCrypto": "Transfer Crypto",
+    "transferCryptoSubtitle": "From any wallet",
+    "connectExchange": "Connect Exchange",
+    "connectExchangeSubtitle": "Link your exchange account",
+    "payWithExchange": "Pay with {{exchange}}",
+    "reuseExchangeSubtitle": "Continue with your linked account",
+    "depositWithCash": "Deposit with Cash",
+    "depositWithCashSubtitle": "Debit or credit card",
+    "connectWallet": "Connect wallet",
+    "useAnotherWallet": "Use another wallet",
+    "moreWallets": "More",
+    "progress": {
+      "title": "Purchase in progress",
+      "description": "We're processing your purchase. This may take a few minutes."
+    },
+    "onramp": {
+      "dialogTitle": "Deposit with {{providerName}}",
+      "close": "Close",
+      "errors": {
+        "MISSING_API_URL": "{{providerName}} is not configured: set sdkConfig.apiUrl on the checkout.",
+        "MISSING_API_KEY": "{{providerName}} is not configured: set widget apiKey to call checkout sessions.",
+        "TARGET_NOT_CONFIGURED": "{{providerName}} destination is not configured: set widget.toChain and widget.toToken.",
+        "INVALID_RESPONSE": "Invalid response from {{providerName}} session API.",
+        "NETWORK_ERROR": "Network error starting {{providerName}} session.",
+        "SESSION_HTTP": "Could not start {{providerName}} session ({{status}}). Try again later.",
+        "generic": "Something went wrong. Try again later."
+      },
+      "failure": {
+        "connectionTitle": "Connection failed",
+        "connectionDescription": "We couldn't connect to {{providerName}}. Try again or contact support.",
+        "withdrawalTitle": "Withdrawal failed",
+        "withdrawalDescription": "{{providerName}} couldn't process your withdrawal. Your funds remain in your account.",
+        "transferTitle": "Transaction failed - refunding",
+        "transferDescription": "We couldn't complete the transfer after several attempts. Your funds are being refunded to the wallet that sent them."
+      }
+    },
+    "status": {
+      "successCompleted": {
+        "title": "Transaction successful",
+        "description": "Your transaction has been completed successfully."
+      },
+      "successPartial": {
+        "title": "Partially completed",
+        "description": "Your transaction completed, but some of the received tokens are not the requested destination tokens. Open the details to see what you received."
+      },
+      "successRefund": {
+        "title": "Refund complete",
+        "description": "Your transaction could not be completed and your funds have been refunded."
+      },
+      "pendingDefault": {
+        "title": "Processing transaction",
+        "description": "Your transaction is being processed. This may take a few minutes."
+      },
+      "pendingRefund": {
+        "title": "Refund in progress",
+        "description": "We're sending your funds back. This usually takes a few minutes.",
+        "sentTo": "Sent to:"
+      },
+      "pendingRetrying": {
+        "title": "Retrying transaction",
+        "description": "We encountered an issue and are automatically retrying your transaction."
+      },
+      "errorExpired": {
+        "title": "Transaction expired",
+        "description": "The transaction window has expired. Please try again."
+      },
+      "errorFailed": {
+        "title": "Transaction failed",
+        "description": "We couldn't complete your transaction. Try again or contact support."
+      },
+      "errorConnection": {
+        "title": "Connection failed",
+        "description": "We couldn't connect to the payment provider. Try again or contact support.",
+        "exchange": {
+          "title": "Exchange connection failed",
+          "description": "We couldn't connect to your exchange account. Try again or contact support."
+        }
+      },
+      "errorWithdrawal": {
+        "title": "Withdrawal failed",
+        "description": "The payment provider couldn't process your withdrawal. Your funds remain in your account.",
+        "cash": {
+          "title": "Payment didn't complete",
+          "description": "Your payment didn't go through. No funds were taken."
+        },
+        "exchange": {
+          "title": "Exchange withdrawal failed",
+          "description": "Your exchange couldn't process the withdrawal. Your funds remain in your exchange account."
+        }
+      },
+      "errorCancelled": {
+        "title": "Transaction cancelled",
+        "description": "Your transaction was cancelled. You can try again whenever you're ready.",
+        "cash": {
+          "title": "Payment cancelled",
+          "description": "You closed the payment window. Your order wasn't placed."
+        }
+      },
+      "errorUnavailable": {
+        "title": "Service unavailable",
+        "description": "The payment provider is temporarily unavailable. Please try again later or contact support.",
+        "cash": {
+          "title": "Card payment unavailable",
+          "description": "Card payments are temporarily unavailable. Try again later or use a different method."
+        }
+      },
+      "walletDisconnected": {
+        "title": "Wallet disconnected",
+        "description": "Your wallet was disconnected during the transaction. Reconnect and try again."
+      },
+      "walletErrorFailed": {
+        "title": "Transaction failed",
+        "description": "We couldn't complete your transaction. View the details or try again."
+      },
+      "walletErrorExpired": {
+        "title": "Order expired",
+        "description": "The transaction window expired before your order could be processed. Please try again."
+      },
+      "walletPendingRefund": {
+        "title": "Refund in progress",
+        "description": "We're sending your funds back to the wallet you paid from. This usually takes a few minutes.",
+        "sentToWallet": "Sent to wallet:"
+      },
+      "walletSuccessRefund": {
+        "title": "Refund complete",
+        "description": "Your transaction could not be completed and your funds have been refunded to your wallet."
+      }
+    },
+    "refund": {
+      "title": "Refund",
+      "inProgressDescription": "Your {{amount}} {{symbol}} on {{chain}} is being returned to your wallet. This usually takes a few minutes.",
+      "completeDescription": "Your {{amount}} {{symbol}} on {{chain}} was returned to your wallet.",
+      "viewTransaction": "View transaction"
+    }
   }
 }

package/dist/esm/index.d.ts

@@ -21,6 +21,7 @@ import { azureLightTheme } from "./themes/azureLight.js";
 import { createTheme } from "./themes/createTheme.js";
 import { jumperTheme } from "./themes/jumper.js";
 import { palette, paletteDark, paletteLight } from "./themes/palettes.js";
+import "./themes/types.js";
 import { watermelonLightTheme } from "./themes/watermelonLight.js";
 import { windows95Theme } from "./themes/windows95.js";
 import { compactNumberFormatter } from "./utils/compactNumberFormatter.js";

package/dist/esm/pages/ActivitiesPage/ActivitiesPage.js

@@ -1,4 +1,5 @@
 import { PageContainer } from "../../components/PageContainer.js";
+import "../../stores/routes/types.js";
 import { useRouteExecutionStore } from "../../stores/routes/RouteExecutionStore.js";
 import { TransactionCardSkeleton } from "../../components/TransactionCard/TransactionCardSkeleton.js";
 import { useHeader } from "../../hooks/useHeader.js";

package/dist/esm/pages/ActivitiesPage/ActivitiesPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActivitiesPage.js","names":[],"sources":["../../../../src/pages/ActivitiesPage/ActivitiesPage.tsx"],"sourcesContent":["import { useAccount } from '@lifi/wallet-management'\nimport { Box, List } from '@mui/material'\nimport { useVirtualizer } from '@tanstack/react-virtual'\nimport { type JSX, useCallback, useMemo, useRef } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { PageContainer } from '../../components/PageContainer.js'\nimport { TransactionCardSkeleton } from '../../components/TransactionCard/TransactionCardSkeleton.js'\nimport { useHeader } from '../../hooks/useHeader.js'\nimport { useListHeight } from '../../hooks/useListHeight.js'\nimport { useTransactionList } from '../../hooks/useTransactionList.js'\nimport { useRouteExecutionStore } from '../../stores/routes/RouteExecutionStore.js'\nimport { RouteExecutionStatus } from '../../stores/routes/types.js'\nimport { ActiveTransactionItem } from './ActiveTransactionItem.js'\nimport { ActivitiesPageMenuButton } from './ActivitiesPageMenuButton.js'\nimport { TransactionHistoryEmpty } from './TransactionHistoryEmpty.js'\nimport { TransactionHistoryItem } from './TransactionHistoryItem.js'\n\nconst SKELETON_COUNT = 2\n\nexport const ActivitiesPage = (): JSX.Element => {\n  // Parent ref and useVirtualizer should be in one file to avoid blank page (0 virtual items) issue\n  const parentRef = useRef<HTMLDivElement | null>(null)\n  const { items, isLoading } = useTransactionList()\n\n  const { t } = useTranslation()\n  const { accounts } = useAccount()\n  const accountAddresses = useMemo(\n    () => accounts.map((account) => account.address),\n    [accounts]\n  )\n  const hasFailedItems = useRouteExecutionStore(\n    useCallback(\n      (state) =>\n        Object.values(state.routes).some(\n          (r) =>\n            r?.status === RouteExecutionStatus.Failed &&\n            accountAddresses.includes(r.route.fromAddress)\n        ),\n      [accountAddresses]\n    )\n  )\n\n  useHeader(\n    t('header.activities'),\n    hasFailedItems ? <ActivitiesPageMenuButton /> : null\n  )\n\n  const { listHeight } = useListHeight({\n    listParentRef: parentRef,\n  })\n\n  const hasStoreItems = items.length > 0\n  const skeletonCount = isLoading && hasStoreItems ? SKELETON_COUNT : 0\n  const totalCount = items.length + skeletonCount\n\n  const getItemKey = useCallback(\n    (index: number) => {\n      if (index >= items.length) {\n        return `skeleton-${index}`\n      }\n      const item = items[index]\n      if (item.type === 'active') {\n        return `active-${item.routeId}`\n      }\n      return `${item.type}-${item.txHash || item.routeExecution.route.id}`\n    },\n    [items]\n  )\n\n  const { getVirtualItems, getTotalSize, measureElement } = useVirtualizer({\n    count: hasStoreItems ? totalCount : 0,\n    overscan: 3,\n    paddingEnd: 12,\n    getScrollElement: () => parentRef.current,\n    estimateSize: (index) => (items[index]?.type === 'active' ? 218 : 196),\n    getItemKey,\n  })\n\n  const isEmpty = !items.length && !isLoading\n\n  return (\n    <PageContainer disableGutters>\n      <Box\n        className=\"long-list\"\n        ref={parentRef}\n        style={{ height: listHeight }}\n        sx={{ overflow: 'auto', paddingX: 3, paddingTop: 1.5 }}\n      >\n        {isEmpty ? (\n          <TransactionHistoryEmpty />\n        ) : isLoading && !hasStoreItems ? (\n          <List\n            disablePadding\n            sx={{\n              display: 'flex',\n              flexDirection: 'column',\n              gap: 2,\n              marginBottom: 2,\n            }}\n          >\n            {Array.from({ length: SKELETON_COUNT }).map((_, index) => (\n              <TransactionCardSkeleton key={index} />\n            ))}\n          </List>\n        ) : (\n          <List\n            style={{ height: getTotalSize(), position: 'relative' }}\n            disablePadding\n          >\n            {getVirtualItems().map((item) => {\n              const listItem =\n                item.index < items.length ? items[item.index] : null\n              return (\n                <li\n                  key={item.key}\n                  ref={measureElement}\n                  data-index={item.index}\n                  style={{\n                    position: 'absolute',\n                    top: 0,\n                    left: 0,\n                    width: '100%',\n                    paddingBottom: 16,\n                    transform: `translateY(${item.start}px)`,\n                    listStyle: 'none',\n                  }}\n                >\n                  {!listItem ? (\n                    <TransactionCardSkeleton />\n                  ) : listItem.type === 'active' ? (\n                    <ActiveTransactionItem routeId={listItem.routeId} />\n                  ) : (\n                    <TransactionHistoryItem\n                      route={listItem.routeExecution.route}\n                      type={listItem.type}\n                      transactionHash={listItem.txHash}\n                      startedAt={listItem.startedAt}\n                    />\n                  )}\n                </li>\n              )\n            })}\n          </List>\n        )}\n      </Box>\n    </PageContainer>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAiBA,MAAM,iBAAiB;AAEvB,MAAa,uBAAoC;CAE/C,MAAM,YAAY,OAA8B,IAAI;CACpD,MAAM,EAAE,OAAO,cAAc,mBAAmB;CAEhD,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,EAAE,aAAa,WAAW;CAChC,MAAM,mBAAmB,cACjB,SAAS,KAAK,YAAY,QAAQ,OAAO,GAC/C,CAAC,QAAQ,CACX;CACA,MAAM,iBAAiB,uBACrB,aACG,UACC,OAAO,OAAO,MAAM,MAAM,CAAC,CAAC,MACzB,MACC,GAAG,WAAA,KACH,iBAAiB,SAAS,EAAE,MAAM,WAAW,CACjD,GACF,CAAC,gBAAgB,CACnB,CACF;CAEA,UACE,EAAE,mBAAmB,GACrB,iBAAiB,oBAAC,0BAAD,CAA2B,CAAA,IAAI,IAClD;CAEA,MAAM,EAAE,eAAe,cAAc,EACnC,eAAe,UACjB,CAAC;CAED,MAAM,gBAAgB,MAAM,SAAS;CACrC,MAAM,gBAAgB,aAAa,gBAAgB,iBAAiB;CACpE,MAAM,aAAa,MAAM,SAAS;CAElC,MAAM,aAAa,aAChB,UAAkB;EACjB,IAAI,SAAS,MAAM,QACjB,OAAO,YAAY;EAErB,MAAM,OAAO,MAAM;EACnB,IAAI,KAAK,SAAS,UAChB,OAAO,UAAU,KAAK;EAExB,OAAO,GAAG,KAAK,KAAK,GAAG,KAAK,UAAU,KAAK,eAAe,MAAM;CAClE,GACA,CAAC,KAAK,CACR;CAEA,MAAM,EAAE,iBAAiB,cAAc,mBAAmB,eAAe;EACvE,OAAO,gBAAgB,aAAa;EACpC,UAAU;EACV,YAAY;EACZ,wBAAwB,UAAU;EAClC,eAAe,UAAW,MAAM,MAAM,EAAE,SAAS,WAAW,MAAM;EAClE;CACF,CAAC;CAED,MAAM,UAAU,CAAC,MAAM,UAAU,CAAC;CAElC,OACE,oBAAC,eAAD;EAAe,gBAAA;YACb,oBAAC,KAAD;GACE,WAAU;GACV,KAAK;GACL,OAAO,EAAE,QAAQ,WAAW;GAC5B,IAAI;IAAE,UAAU;IAAQ,UAAU;IAAG,YAAY;GAAI;aAEpD,UACC,oBAAC,yBAAD,CAA0B,CAAA,IACxB,aAAa,CAAC,gBAChB,oBAAC,MAAD;IACE,gBAAA;IACA,IAAI;KACF,SAAS;KACT,eAAe;KACf,KAAK;KACL,cAAc;IAChB;cAEC,MAAM,KAAK,EAAE,QAAQ,eAAe,CAAC,CAAC,CAAC,KAAK,GAAG,UAC9C,oBAAC,yBAAD,CAAsC,GAAR,KAAQ,CACvC;GACG,CAAA,IAEN,oBAAC,MAAD;IACE,OAAO;KAAE,QAAQ,aAAa;KAAG,UAAU;IAAW;IACtD,gBAAA;cAEC,gBAAgB,CAAC,CAAC,KAAK,SAAS;KAC/B,MAAM,WACJ,KAAK,QAAQ,MAAM,SAAS,MAAM,KAAK,SAAS;KAClD,OACE,oBAAC,MAAD;MAEE,KAAK;MACL,cAAY,KAAK;MACjB,OAAO;OACL,UAAU;OACV,KAAK;OACL,MAAM;OACN,OAAO;OACP,eAAe;OACf,WAAW,cAAc,KAAK,MAAM;OACpC,WAAW;MACb;gBAEC,CAAC,WACA,oBAAC,yBAAD,CAA0B,CAAA,IACxB,SAAS,SAAS,WACpB,oBAAC,uBAAD,EAAuB,SAAS,SAAS,QAAU,CAAA,IAEnD,oBAAC,wBAAD;OACE,OAAO,SAAS,eAAe;OAC/B,MAAM,SAAS;OACf,iBAAiB,SAAS;OAC1B,WAAW,SAAS;MACrB,CAAA;KAED,GAzBG,KAAK,GAyBR;IAER,CAAC;GACG,CAAA;EAEL,CAAA;CACQ,CAAA;AAEnB"}
+{"version":3,"file":"ActivitiesPage.js","names":[],"sources":["../../../../src/pages/ActivitiesPage/ActivitiesPage.tsx"],"sourcesContent":["import { useAccount } from '@lifi/wallet-management'\nimport { Box, List } from '@mui/material'\nimport { useVirtualizer } from '@tanstack/react-virtual'\nimport { type JSX, useCallback, useMemo, useRef } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { PageContainer } from '../../components/PageContainer.js'\nimport { TransactionCardSkeleton } from '../../components/TransactionCard/TransactionCardSkeleton.js'\nimport { useHeader } from '../../hooks/useHeader.js'\nimport { useListHeight } from '../../hooks/useListHeight.js'\nimport { useTransactionList } from '../../hooks/useTransactionList.js'\nimport { useRouteExecutionStore } from '../../stores/routes/RouteExecutionStore.js'\nimport { RouteExecutionStatus } from '../../stores/routes/types.js'\nimport { ActiveTransactionItem } from './ActiveTransactionItem.js'\nimport { ActivitiesPageMenuButton } from './ActivitiesPageMenuButton.js'\nimport { TransactionHistoryEmpty } from './TransactionHistoryEmpty.js'\nimport { TransactionHistoryItem } from './TransactionHistoryItem.js'\n\nconst SKELETON_COUNT = 2\n\nexport const ActivitiesPage = (): JSX.Element => {\n  // Parent ref and useVirtualizer should be in one file to avoid blank page (0 virtual items) issue\n  const parentRef = useRef<HTMLDivElement | null>(null)\n  const { items, isLoading } = useTransactionList()\n\n  const { t } = useTranslation()\n  const { accounts } = useAccount()\n  const accountAddresses = useMemo(\n    () => accounts.map((account) => account.address),\n    [accounts]\n  )\n  const hasFailedItems = useRouteExecutionStore(\n    useCallback(\n      (state) =>\n        Object.values(state.routes).some(\n          (r) =>\n            r?.status === RouteExecutionStatus.Failed &&\n            accountAddresses.includes(r.route.fromAddress)\n        ),\n      [accountAddresses]\n    )\n  )\n\n  useHeader(\n    t('header.activities'),\n    hasFailedItems ? <ActivitiesPageMenuButton /> : null\n  )\n\n  const { listHeight } = useListHeight({\n    listParentRef: parentRef,\n  })\n\n  const hasStoreItems = items.length > 0\n  const skeletonCount = isLoading && hasStoreItems ? SKELETON_COUNT : 0\n  const totalCount = items.length + skeletonCount\n\n  const getItemKey = useCallback(\n    (index: number) => {\n      if (index >= items.length) {\n        return `skeleton-${index}`\n      }\n      const item = items[index]\n      if (item.type === 'active') {\n        return `active-${item.routeId}`\n      }\n      return `${item.type}-${item.txHash || item.routeExecution.route.id}`\n    },\n    [items]\n  )\n\n  const { getVirtualItems, getTotalSize, measureElement } = useVirtualizer({\n    count: hasStoreItems ? totalCount : 0,\n    overscan: 3,\n    paddingEnd: 12,\n    getScrollElement: () => parentRef.current,\n    estimateSize: (index) => (items[index]?.type === 'active' ? 218 : 196),\n    getItemKey,\n  })\n\n  const isEmpty = !items.length && !isLoading\n\n  return (\n    <PageContainer disableGutters>\n      <Box\n        className=\"long-list\"\n        ref={parentRef}\n        style={{ height: listHeight }}\n        sx={{ overflow: 'auto', paddingX: 3, paddingTop: 1.5 }}\n      >\n        {isEmpty ? (\n          <TransactionHistoryEmpty />\n        ) : isLoading && !hasStoreItems ? (\n          <List\n            disablePadding\n            sx={{\n              display: 'flex',\n              flexDirection: 'column',\n              gap: 2,\n              marginBottom: 2,\n            }}\n          >\n            {Array.from({ length: SKELETON_COUNT }).map((_, index) => (\n              <TransactionCardSkeleton key={index} />\n            ))}\n          </List>\n        ) : (\n          <List\n            style={{ height: getTotalSize(), position: 'relative' }}\n            disablePadding\n          >\n            {getVirtualItems().map((item) => {\n              const listItem =\n                item.index < items.length ? items[item.index] : null\n              return (\n                <li\n                  key={item.key}\n                  ref={measureElement}\n                  data-index={item.index}\n                  style={{\n                    position: 'absolute',\n                    top: 0,\n                    left: 0,\n                    width: '100%',\n                    paddingBottom: 16,\n                    transform: `translateY(${item.start}px)`,\n                    listStyle: 'none',\n                  }}\n                >\n                  {!listItem ? (\n                    <TransactionCardSkeleton />\n                  ) : listItem.type === 'active' ? (\n                    <ActiveTransactionItem routeId={listItem.routeId} />\n                  ) : (\n                    <TransactionHistoryItem\n                      route={listItem.routeExecution.route}\n                      type={listItem.type}\n                      transactionHash={listItem.txHash}\n                      startedAt={listItem.startedAt}\n                    />\n                  )}\n                </li>\n              )\n            })}\n          </List>\n        )}\n      </Box>\n    </PageContainer>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAiBA,MAAM,iBAAiB;AAEvB,MAAa,uBAAoC;CAE/C,MAAM,YAAY,OAA8B,IAAI;CACpD,MAAM,EAAE,OAAO,cAAc,mBAAmB;CAEhD,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,EAAE,aAAa,WAAW;CAChC,MAAM,mBAAmB,cACjB,SAAS,KAAK,YAAY,QAAQ,OAAO,GAC/C,CAAC,QAAQ,CACX;CACA,MAAM,iBAAiB,uBACrB,aACG,UACC,OAAO,OAAO,MAAM,MAAM,CAAC,CAAC,MACzB,MACC,GAAG,WAAA,KACH,iBAAiB,SAAS,EAAE,MAAM,WAAW,CACjD,GACF,CAAC,gBAAgB,CACnB,CACF;CAEA,UACE,EAAE,mBAAmB,GACrB,iBAAiB,oBAAC,0BAAD,CAA2B,CAAA,IAAI,IAClD;CAEA,MAAM,EAAE,eAAe,cAAc,EACnC,eAAe,UACjB,CAAC;CAED,MAAM,gBAAgB,MAAM,SAAS;CACrC,MAAM,gBAAgB,aAAa,gBAAgB,iBAAiB;CACpE,MAAM,aAAa,MAAM,SAAS;CAElC,MAAM,aAAa,aAChB,UAAkB;EACjB,IAAI,SAAS,MAAM,QACjB,OAAO,YAAY;EAErB,MAAM,OAAO,MAAM;EACnB,IAAI,KAAK,SAAS,UAChB,OAAO,UAAU,KAAK;EAExB,OAAO,GAAG,KAAK,KAAK,GAAG,KAAK,UAAU,KAAK,eAAe,MAAM;CAClE,GACA,CAAC,KAAK,CACR;CAEA,MAAM,EAAE,iBAAiB,cAAc,mBAAmB,eAAe;EACvE,OAAO,gBAAgB,aAAa;EACpC,UAAU;EACV,YAAY;EACZ,wBAAwB,UAAU;EAClC,eAAe,UAAW,MAAM,MAAM,EAAE,SAAS,WAAW,MAAM;EAClE;CACF,CAAC;CAED,MAAM,UAAU,CAAC,MAAM,UAAU,CAAC;CAElC,OACE,oBAAC,eAAD;EAAe,gBAAA;YACb,oBAAC,KAAD;GACE,WAAU;GACV,KAAK;GACL,OAAO,EAAE,QAAQ,WAAW;GAC5B,IAAI;IAAE,UAAU;IAAQ,UAAU;IAAG,YAAY;GAAI;aAEpD,UACC,oBAAC,yBAAD,CAA0B,CAAA,IACxB,aAAa,CAAC,gBAChB,oBAAC,MAAD;IACE,gBAAA;IACA,IAAI;KACF,SAAS;KACT,eAAe;KACf,KAAK;KACL,cAAc;IAChB;cAEC,MAAM,KAAK,EAAE,QAAQ,eAAe,CAAC,CAAC,CAAC,KAAK,GAAG,UAC9C,oBAAC,yBAAD,CAAsC,GAAR,KAAQ,CACvC;GACG,CAAA,IAEN,oBAAC,MAAD;IACE,OAAO;KAAE,QAAQ,aAAa;KAAG,UAAU;IAAW;IACtD,gBAAA;cAEC,gBAAgB,CAAC,CAAC,KAAK,SAAS;KAC/B,MAAM,WACJ,KAAK,QAAQ,MAAM,SAAS,MAAM,KAAK,SAAS;KAClD,OACE,oBAAC,MAAD;MAEE,KAAK;MACL,cAAY,KAAK;MACjB,OAAO;OACL,UAAU;OACV,KAAK;OACL,MAAM;OACN,OAAO;OACP,eAAe;OACf,WAAW,cAAc,KAAK,MAAM;OACpC,WAAW;MACb;gBAEC,CAAC,WACA,oBAAC,yBAAD,CAA0B,CAAA,IACxB,SAAS,SAAS,WACpB,oBAAC,uBAAD,EAAuB,SAAS,SAAS,QAAU,CAAA,IAEnD,oBAAC,wBAAD;OACE,OAAO,SAAS,eAAe;OAC/B,MAAM,SAAS;OACf,iBAAiB,SAAS;OAC1B,WAAW,SAAS;MACrB,CAAA;KAED,GAzBG,KAAK,GAyBR;IAER,CAAC;GACG,CAAA;EAEL,CAAA;CACQ,CAAA;AAEnB"}

package/dist/esm/pages/LanguagesPage.js

@@ -1,27 +1,39 @@
 import { languageNames } from "../providers/I18nProvider/constants.js";
 import { PageContainer } from "../components/PageContainer.js";
 import { useHeader } from "../hooks/useHeader.js";
+import { useListHeight } from "../hooks/useListHeight.js";
 import { ListItemText as ListItemText$1 } from "../components/ListItemText.js";
 import { SettingsListItemButton } from "../components/SettingsListItemButton.js";
 import { useLanguages } from "../hooks/useLanguages.js";
-import { List } from "@mui/material";
+import { useRef } from "react";
+import { Box, List } from "@mui/material";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
 import Check from "@mui/icons-material/Check";
 //#region src/pages/LanguagesPage.tsx
 const LanguagesPage = () => {
 	const { t } = useTranslation();
+	const listParentRef = useRef(null);
 	const { selectedLanguageCode, availableLanguages, setLanguageWithCode } = useLanguages();
 	useHeader(t("language.title"));
+	const { listHeight } = useListHeight({ listParentRef });
 	if (availableLanguages.length < 1) return null;
 	return /* @__PURE__ */ jsx(PageContainer, {
 		disableGutters: true,
-		children: /* @__PURE__ */ jsx(List, {
-			sx: { padding: 1.5 },
-			children: availableLanguages.map((language) => /* @__PURE__ */ jsxs(SettingsListItemButton, {
-				onClick: () => setLanguageWithCode(language),
-				children: [/* @__PURE__ */ jsx(ListItemText$1, { primary: languageNames[language] || t("language.name", { lng: language }) || language }), selectedLanguageCode === language && /* @__PURE__ */ jsx(Check, { color: "primary" })]
-			}, language))
+		children: /* @__PURE__ */ jsx(Box, {
+			className: "long-list",
+			ref: listParentRef,
+			style: {
+				height: listHeight,
+				overflow: "auto"
+			},
+			children: /* @__PURE__ */ jsx(List, {
+				sx: { padding: 1.5 },
+				children: availableLanguages.map((language) => /* @__PURE__ */ jsxs(SettingsListItemButton, {
+					onClick: () => setLanguageWithCode(language),
+					children: [/* @__PURE__ */ jsx(ListItemText$1, { primary: languageNames[language] || t("language.name", { lng: language }) || language }), selectedLanguageCode === language && /* @__PURE__ */ jsx(Check, { color: "primary" })]
+				}, language))
+			})
 		})
 	});
 };

package/dist/esm/pages/LanguagesPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"LanguagesPage.js","names":["ListItemText"],"sources":["../../../src/pages/LanguagesPage.tsx"],"sourcesContent":["import Check from '@mui/icons-material/Check'\nimport { List } from '@mui/material'\nimport { useTranslation } from 'react-i18next'\nimport { ListItemText } from '../components/ListItemText.js'\nimport { PageContainer } from '../components/PageContainer.js'\nimport { SettingsListItemButton } from '../components/SettingsListItemButton.js'\nimport { useHeader } from '../hooks/useHeader.js'\nimport { useLanguages } from '../hooks/useLanguages.js'\nimport { languageNames } from '../providers/I18nProvider/constants.js'\n\nexport const LanguagesPage: React.FC = () => {\n  const { t } = useTranslation()\n  const { selectedLanguageCode, availableLanguages, setLanguageWithCode } =\n    useLanguages()\n\n  useHeader(t('language.title'))\n\n  if (availableLanguages.length < 1) {\n    return null\n  }\n\n  return (\n    <PageContainer disableGutters>\n      <List\n        sx={{\n          padding: 1.5,\n        }}\n      >\n        {availableLanguages.map((language) => (\n          <SettingsListItemButton\n            key={language}\n            onClick={() => setLanguageWithCode(language)}\n          >\n            <ListItemText\n              primary={\n                languageNames[language as keyof typeof languageNames] ||\n                t('language.name', {\n                  lng: language,\n                }) ||\n                language\n              }\n            />\n            {selectedLanguageCode === language && <Check color=\"primary\" />}\n          </SettingsListItemButton>\n        ))}\n      </List>\n    </PageContainer>\n  )\n}\n"],"mappings":";;;;;;;;;;;AAUA,MAAa,sBAAgC;CAC3C,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,EAAE,sBAAsB,oBAAoB,wBAChD,aAAa;CAEf,UAAU,EAAE,gBAAgB,CAAC;CAE7B,IAAI,mBAAmB,SAAS,GAC9B,OAAO;CAGT,OACE,oBAAC,eAAD;EAAe,gBAAA;YACb,oBAAC,MAAD;GACE,IAAI,EACF,SAAS,IACX;aAEC,mBAAmB,KAAK,aACvB,qBAAC,wBAAD;IAEE,eAAe,oBAAoB,QAAQ;cAF7C,CAIE,oBAACA,gBAAD,EACE,SACE,cAAc,aACd,EAAE,iBAAiB,EACjB,KAAK,SACP,CAAC,KACD,SAEH,CAAA,GACA,yBAAyB,YAAY,oBAAC,OAAD,EAAO,OAAM,UAAW,CAAA,CACxC;MAbjB,QAaiB,CACzB;EACG,CAAA;CACO,CAAA;AAEnB"}
+{"version":3,"file":"LanguagesPage.js","names":["ListItemText"],"sources":["../../../src/pages/LanguagesPage.tsx"],"sourcesContent":["import Check from '@mui/icons-material/Check'\nimport { Box, List } from '@mui/material'\nimport { useRef } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { ListItemText } from '../components/ListItemText.js'\nimport { PageContainer } from '../components/PageContainer.js'\nimport { SettingsListItemButton } from '../components/SettingsListItemButton.js'\nimport { useHeader } from '../hooks/useHeader.js'\nimport { useLanguages } from '../hooks/useLanguages.js'\nimport { useListHeight } from '../hooks/useListHeight.js'\nimport { languageNames } from '../providers/I18nProvider/constants.js'\n\nexport const LanguagesPage: React.FC = () => {\n  const { t } = useTranslation()\n  const listParentRef = useRef<HTMLDivElement>(null)\n  const { selectedLanguageCode, availableLanguages, setLanguageWithCode } =\n    useLanguages()\n\n  useHeader(t('language.title'))\n\n  const { listHeight } = useListHeight({\n    listParentRef,\n  })\n\n  if (availableLanguages.length < 1) {\n    return null\n  }\n\n  return (\n    <PageContainer disableGutters>\n      <Box\n        className=\"long-list\"\n        ref={listParentRef}\n        style={{ height: listHeight, overflow: 'auto' }}\n      >\n        <List\n          sx={{\n            padding: 1.5,\n          }}\n        >\n          {availableLanguages.map((language) => (\n            <SettingsListItemButton\n              key={language}\n              onClick={() => setLanguageWithCode(language)}\n            >\n              <ListItemText\n                primary={\n                  languageNames[language as keyof typeof languageNames] ||\n                  t('language.name', {\n                    lng: language,\n                  }) ||\n                  language\n                }\n              />\n              {selectedLanguageCode === language && <Check color=\"primary\" />}\n            </SettingsListItemButton>\n          ))}\n        </List>\n      </Box>\n    </PageContainer>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;AAYA,MAAa,sBAAgC;CAC3C,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,gBAAgB,OAAuB,IAAI;CACjD,MAAM,EAAE,sBAAsB,oBAAoB,wBAChD,aAAa;CAEf,UAAU,EAAE,gBAAgB,CAAC;CAE7B,MAAM,EAAE,eAAe,cAAc,EACnC,cACF,CAAC;CAED,IAAI,mBAAmB,SAAS,GAC9B,OAAO;CAGT,OACE,oBAAC,eAAD;EAAe,gBAAA;YACb,oBAAC,KAAD;GACE,WAAU;GACV,KAAK;GACL,OAAO;IAAE,QAAQ;IAAY,UAAU;GAAO;aAE9C,oBAAC,MAAD;IACE,IAAI,EACF,SAAS,IACX;cAEC,mBAAmB,KAAK,aACvB,qBAAC,wBAAD;KAEE,eAAe,oBAAoB,QAAQ;eAF7C,CAIE,oBAACA,gBAAD,EACE,SACE,cAAc,aACd,EAAE,iBAAiB,EACjB,KAAK,SACP,CAAC,KACD,SAEH,CAAA,GACA,yBAAyB,YAAY,oBAAC,OAAD,EAAO,OAAM,UAAW,CAAA,CACxC;OAbjB,QAaiB,CACzB;GACG,CAAA;EACH,CAAA;CACQ,CAAA;AAEnB"}

package/dist/esm/pages/MainPage/MainWarningMessages.d.ts

@@ -0,0 +1,10 @@
+import { Route } from "@lifi/sdk";
+import { BoxProps } from "@mui/material";
+//#region src/pages/MainPage/MainWarningMessages.d.ts
+interface MainWarningMessagesProps extends BoxProps {
+  route?: Route;
+}
+declare const MainWarningMessages: React.FC<MainWarningMessagesProps>;
+//#endregion
+export { MainWarningMessages };
+//# sourceMappingURL=MainWarningMessages.d.ts.map

package/dist/esm/pages/MainPage/MainWarningMessages.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MainWarningMessages.d.ts","names":[],"sources":["../../../../src/pages/MainPage/MainWarningMessages.tsx"],"mappings":";;;UAKU,iCAAiC;EACzC,QAAQ;;cAGG,qBAAqB,MAAM,GAAG"}

package/dist/esm/pages/RoutesPage/RoutesPage.js

@@ -2,6 +2,7 @@ import { useWidgetEvents } from "../../hooks/useWidgetEvents.js";
 import "../../types/events.js";
 import { navigationRoutes } from "../../utils/navigationRoutes.js";
 import { useFieldValues } from "../../stores/form/useFieldValues.js";
+import { PageContainer } from "../../components/PageContainer.js";
 import { useRoutes } from "../../hooks/useRoutes.js";
 import { useToAddressRequirements } from "../../hooks/useToAddressRequirements.js";
 import { ProgressToNextUpdate } from "../../components/ProgressToNextUpdate.js";
@@ -9,9 +10,11 @@ import { RouteCard } from "../../components/RouteCard/RouteCard.js";
 import { RouteCardSkeleton } from "../../components/RouteCard/RouteCardSkeleton.js";
 import { RouteNotFoundCard } from "../../components/RouteCard/RouteNotFoundCard.js";
 import { useHeader } from "../../hooks/useHeader.js";
-import { Stack } from "./RoutesPage.style.js";
-import { useMemo } from "react";
+import { useListHeight } from "../../hooks/useListHeight.js";
+import { Stack as Stack$1 } from "./RoutesPage.style.js";
+import { useMemo, useRef } from "react";
 import { useNavigate } from "@tanstack/react-router";
+import { Box } from "@mui/material";
 import { jsx } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
 import { useAccount } from "@lifi/wallet-management";
@@ -20,6 +23,7 @@ const RoutesPage = () => {
 	const { t } = useTranslation();
 	const navigate = useNavigate();
 	const emitter = useWidgetEvents();
+	const listParentRef = useRef(null);
 	const { routes, isLoading, isFetching, dataUpdatedAt, refetchTime, fromChain, refetch, setReviewableRoute } = useRoutes();
 	const { account } = useAccount({ chainType: fromChain?.chainType });
 	const [toAddress] = useFieldValues("toAddress");
@@ -38,6 +42,7 @@ const RoutesPage = () => {
 		refetchTime
 	]);
 	useHeader(t("header.receive"), headerAction);
+	const { listHeight } = useListHeight({ listParentRef });
 	const handleRouteClick = (route) => {
 		setReviewableRoute(route);
 		navigate({
@@ -52,20 +57,27 @@ const RoutesPage = () => {
 	const routeNotFound = !routes?.length && !isLoading && !isFetching;
 	const toAddressUnsatisfied = routes?.[0] && requiredToAddress && !toAddress;
 	const allowInteraction = account.isConnected && !toAddressUnsatisfied;
-	return /* @__PURE__ */ jsx(Stack, {
-		className: "long-list",
-		direction: "column",
-		spacing: 2,
-		sx: {
-			flex: 1,
-			pt: 1.5
-		},
-		children: routeNotFound ? /* @__PURE__ */ jsx(RouteNotFoundCard, {}) : isLoading && !routes?.length ? Array.from({ length: 3 }).map((_, index) => /* @__PURE__ */ jsx(RouteCardSkeleton, {}, index)) : routes?.map((route, index) => /* @__PURE__ */ jsx(RouteCard, {
-			route,
-			onClick: allowInteraction ? () => handleRouteClick(route) : void 0,
-			active: index === 0,
-			expanded: routes?.length === 1
-		}, index))
+	return /* @__PURE__ */ jsx(PageContainer, {
+		disableGutters: true,
+		children: /* @__PURE__ */ jsx(Box, {
+			className: "long-list",
+			ref: listParentRef,
+			style: {
+				height: listHeight,
+				overflow: "auto"
+			},
+			children: /* @__PURE__ */ jsx(Stack$1, {
+				direction: "column",
+				spacing: 2,
+				sx: { pt: 1.5 },
+				children: routeNotFound ? /* @__PURE__ */ jsx(RouteNotFoundCard, {}) : isLoading && !routes?.length ? Array.from({ length: 3 }).map((_, index) => /* @__PURE__ */ jsx(RouteCardSkeleton, {}, index)) : routes?.map((route, index) => /* @__PURE__ */ jsx(RouteCard, {
+					route,
+					onClick: allowInteraction ? () => handleRouteClick(route) : void 0,
+					active: index === 0,
+					expanded: routes?.length === 1
+				}, index))
+			})
+		})
 	});
 };
 //#endregion

package/dist/esm/pages/RoutesPage/RoutesPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"RoutesPage.js","names":[],"sources":["../../../../src/pages/RoutesPage/RoutesPage.tsx"],"sourcesContent":["import type { Route } from '@lifi/sdk'\nimport { useAccount } from '@lifi/wallet-management'\nimport { useNavigate } from '@tanstack/react-router'\nimport { type JSX, useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { ProgressToNextUpdate } from '../../components/ProgressToNextUpdate.js'\nimport { RouteCard } from '../../components/RouteCard/RouteCard.js'\nimport { RouteCardSkeleton } from '../../components/RouteCard/RouteCardSkeleton.js'\nimport { RouteNotFoundCard } from '../../components/RouteCard/RouteNotFoundCard.js'\nimport { useHeader } from '../../hooks/useHeader.js'\nimport { useRoutes } from '../../hooks/useRoutes.js'\nimport { useToAddressRequirements } from '../../hooks/useToAddressRequirements.js'\nimport { useWidgetEvents } from '../../hooks/useWidgetEvents.js'\nimport { useFieldValues } from '../../stores/form/useFieldValues.js'\nimport { WidgetEvent } from '../../types/events.js'\nimport { navigationRoutes } from '../../utils/navigationRoutes.js'\nimport { Stack } from './RoutesPage.style.js'\n\nexport const RoutesPage = (): JSX.Element => {\n  const { t } = useTranslation()\n  const navigate = useNavigate()\n  const emitter = useWidgetEvents()\n  const {\n    routes,\n    isLoading,\n    isFetching,\n    dataUpdatedAt,\n    refetchTime,\n    fromChain,\n    refetch,\n    setReviewableRoute,\n  } = useRoutes()\n  const { account } = useAccount({ chainType: fromChain?.chainType })\n  const [toAddress] = useFieldValues('toAddress')\n  const { requiredToAddress } = useToAddressRequirements()\n\n  const headerAction = useMemo(\n    () => (\n      <ProgressToNextUpdate\n        updatedAt={dataUpdatedAt || Date.now()}\n        timeToUpdate={refetchTime}\n        isLoading={isFetching}\n        onClick={() => refetch()}\n        sx={{ marginRight: -1 }}\n        size=\"medium\"\n      />\n    ),\n    [dataUpdatedAt, isFetching, refetch, refetchTime]\n  )\n\n  useHeader(t('header.receive'), headerAction)\n\n  const handleRouteClick = (route: Route) => {\n    setReviewableRoute(route)\n    navigate({\n      to: navigationRoutes.transactionExecution,\n      search: { routeId: route.id },\n    })\n    emitter.emit(WidgetEvent.RouteSelected, {\n      route,\n      routes: routes!,\n    })\n  }\n\n  const routeNotFound = !routes?.length && !isLoading && !isFetching\n\n  const toAddressUnsatisfied = routes?.[0] && requiredToAddress && !toAddress\n\n  const allowInteraction = account.isConnected && !toAddressUnsatisfied\n\n  return (\n    <Stack\n      className=\"long-list\"\n      direction=\"column\"\n      spacing={2}\n      sx={{ flex: 1, pt: 1.5 }}\n    >\n      {routeNotFound ? (\n        <RouteNotFoundCard />\n      ) : isLoading && !routes?.length ? (\n        Array.from({ length: 3 }).map((_, index) => (\n          <RouteCardSkeleton key={index} />\n        ))\n      ) : (\n        routes?.map((route: Route, index: number) => (\n          <RouteCard\n            key={index}\n            route={route}\n            onClick={\n              allowInteraction ? () => handleRouteClick(route) : undefined\n            }\n            active={index === 0}\n            expanded={routes?.length === 1}\n          />\n        ))\n      )}\n    </Stack>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAkBA,MAAa,mBAAgC;CAC3C,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,WAAW,YAAY;CAC7B,MAAM,UAAU,gBAAgB;CAChC,MAAM,EACJ,QACA,WACA,YACA,eACA,aACA,WACA,SACA,uBACE,UAAU;CACd,MAAM,EAAE,YAAY,WAAW,EAAE,WAAW,WAAW,UAAU,CAAC;CAClE,MAAM,CAAC,aAAa,eAAe,WAAW;CAC9C,MAAM,EAAE,sBAAsB,yBAAyB;CAEvD,MAAM,eAAe,cAEjB,oBAAC,sBAAD;EACE,WAAW,iBAAiB,KAAK,IAAI;EACrC,cAAc;EACd,WAAW;EACX,eAAe,QAAQ;EACvB,IAAI,EAAE,aAAa,GAAG;EACtB,MAAK;CACN,CAAA,GAEH;EAAC;EAAe;EAAY;EAAS;CAAW,CAClD;CAEA,UAAU,EAAE,gBAAgB,GAAG,YAAY;CAE3C,MAAM,oBAAoB,UAAiB;EACzC,mBAAmB,KAAK;EACxB,SAAS;GACP,IAAI,iBAAiB;GACrB,QAAQ,EAAE,SAAS,MAAM,GAAG;EAC9B,CAAC;EACD,QAAQ,KAAA,iBAAgC;GACtC;GACQ;EACV,CAAC;CACH;CAEA,MAAM,gBAAgB,CAAC,QAAQ,UAAU,CAAC,aAAa,CAAC;CAExD,MAAM,uBAAuB,SAAS,MAAM,qBAAqB,CAAC;CAElE,MAAM,mBAAmB,QAAQ,eAAe,CAAC;CAEjD,OACE,oBAAC,OAAD;EACE,WAAU;EACV,WAAU;EACV,SAAS;EACT,IAAI;GAAE,MAAM;GAAG,IAAI;EAAI;YAEtB,gBACC,oBAAC,mBAAD,CAAoB,CAAA,IAClB,aAAa,CAAC,QAAQ,SACxB,MAAM,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,KAAK,GAAG,UAChC,oBAAC,mBAAD,CAAgC,GAAR,KAAQ,CACjC,IAED,QAAQ,KAAK,OAAc,UACzB,oBAAC,WAAD;GAES;GACP,SACE,yBAAyB,iBAAiB,KAAK,IAAI,KAAA;GAErD,QAAQ,UAAU;GAClB,UAAU,QAAQ,WAAW;EAC9B,GAPM,KAON,CACF;CAEE,CAAA;AAEX"}
+{"version":3,"file":"RoutesPage.js","names":["Stack"],"sources":["../../../../src/pages/RoutesPage/RoutesPage.tsx"],"sourcesContent":["import type { Route } from '@lifi/sdk'\nimport { useAccount } from '@lifi/wallet-management'\nimport { Box } from '@mui/material'\nimport { useNavigate } from '@tanstack/react-router'\nimport { type JSX, useMemo, useRef } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { PageContainer } from '../../components/PageContainer.js'\nimport { ProgressToNextUpdate } from '../../components/ProgressToNextUpdate.js'\nimport { RouteCard } from '../../components/RouteCard/RouteCard.js'\nimport { RouteCardSkeleton } from '../../components/RouteCard/RouteCardSkeleton.js'\nimport { RouteNotFoundCard } from '../../components/RouteCard/RouteNotFoundCard.js'\nimport { useHeader } from '../../hooks/useHeader.js'\nimport { useListHeight } from '../../hooks/useListHeight.js'\nimport { useRoutes } from '../../hooks/useRoutes.js'\nimport { useToAddressRequirements } from '../../hooks/useToAddressRequirements.js'\nimport { useWidgetEvents } from '../../hooks/useWidgetEvents.js'\nimport { useFieldValues } from '../../stores/form/useFieldValues.js'\nimport { WidgetEvent } from '../../types/events.js'\nimport { navigationRoutes } from '../../utils/navigationRoutes.js'\nimport { Stack } from './RoutesPage.style.js'\n\nexport const RoutesPage = (): JSX.Element => {\n  const { t } = useTranslation()\n  const navigate = useNavigate()\n  const emitter = useWidgetEvents()\n  const listParentRef = useRef<HTMLDivElement>(null)\n  const {\n    routes,\n    isLoading,\n    isFetching,\n    dataUpdatedAt,\n    refetchTime,\n    fromChain,\n    refetch,\n    setReviewableRoute,\n  } = useRoutes()\n  const { account } = useAccount({ chainType: fromChain?.chainType })\n  const [toAddress] = useFieldValues('toAddress')\n  const { requiredToAddress } = useToAddressRequirements()\n\n  const headerAction = useMemo(\n    () => (\n      <ProgressToNextUpdate\n        updatedAt={dataUpdatedAt || Date.now()}\n        timeToUpdate={refetchTime}\n        isLoading={isFetching}\n        onClick={() => refetch()}\n        sx={{ marginRight: -1 }}\n        size=\"medium\"\n      />\n    ),\n    [dataUpdatedAt, isFetching, refetch, refetchTime]\n  )\n\n  useHeader(t('header.receive'), headerAction)\n\n  const { listHeight } = useListHeight({\n    listParentRef,\n  })\n\n  const handleRouteClick = (route: Route) => {\n    setReviewableRoute(route)\n    navigate({\n      to: navigationRoutes.transactionExecution,\n      search: { routeId: route.id },\n    })\n    emitter.emit(WidgetEvent.RouteSelected, {\n      route,\n      routes: routes!,\n    })\n  }\n\n  const routeNotFound = !routes?.length && !isLoading && !isFetching\n\n  const toAddressUnsatisfied = routes?.[0] && requiredToAddress && !toAddress\n\n  const allowInteraction = account.isConnected && !toAddressUnsatisfied\n\n  return (\n    <PageContainer disableGutters>\n      <Box\n        className=\"long-list\"\n        ref={listParentRef}\n        style={{ height: listHeight, overflow: 'auto' }}\n      >\n        <Stack direction=\"column\" spacing={2} sx={{ pt: 1.5 }}>\n          {routeNotFound ? (\n            <RouteNotFoundCard />\n          ) : isLoading && !routes?.length ? (\n            Array.from({ length: 3 }).map((_, index) => (\n              <RouteCardSkeleton key={index} />\n            ))\n          ) : (\n            routes?.map((route: Route, index: number) => (\n              <RouteCard\n                key={index}\n                route={route}\n                onClick={\n                  allowInteraction ? () => handleRouteClick(route) : undefined\n                }\n                active={index === 0}\n                expanded={routes?.length === 1}\n              />\n            ))\n          )}\n        </Stack>\n      </Box>\n    </PageContainer>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAqBA,MAAa,mBAAgC;CAC3C,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,WAAW,YAAY;CAC7B,MAAM,UAAU,gBAAgB;CAChC,MAAM,gBAAgB,OAAuB,IAAI;CACjD,MAAM,EACJ,QACA,WACA,YACA,eACA,aACA,WACA,SACA,uBACE,UAAU;CACd,MAAM,EAAE,YAAY,WAAW,EAAE,WAAW,WAAW,UAAU,CAAC;CAClE,MAAM,CAAC,aAAa,eAAe,WAAW;CAC9C,MAAM,EAAE,sBAAsB,yBAAyB;CAEvD,MAAM,eAAe,cAEjB,oBAAC,sBAAD;EACE,WAAW,iBAAiB,KAAK,IAAI;EACrC,cAAc;EACd,WAAW;EACX,eAAe,QAAQ;EACvB,IAAI,EAAE,aAAa,GAAG;EACtB,MAAK;CACN,CAAA,GAEH;EAAC;EAAe;EAAY;EAAS;CAAW,CAClD;CAEA,UAAU,EAAE,gBAAgB,GAAG,YAAY;CAE3C,MAAM,EAAE,eAAe,cAAc,EACnC,cACF,CAAC;CAED,MAAM,oBAAoB,UAAiB;EACzC,mBAAmB,KAAK;EACxB,SAAS;GACP,IAAI,iBAAiB;GACrB,QAAQ,EAAE,SAAS,MAAM,GAAG;EAC9B,CAAC;EACD,QAAQ,KAAA,iBAAgC;GACtC;GACQ;EACV,CAAC;CACH;CAEA,MAAM,gBAAgB,CAAC,QAAQ,UAAU,CAAC,aAAa,CAAC;CAExD,MAAM,uBAAuB,SAAS,MAAM,qBAAqB,CAAC;CAElE,MAAM,mBAAmB,QAAQ,eAAe,CAAC;CAEjD,OACE,oBAAC,eAAD;EAAe,gBAAA;YACb,oBAAC,KAAD;GACE,WAAU;GACV,KAAK;GACL,OAAO;IAAE,QAAQ;IAAY,UAAU;GAAO;aAE9C,oBAACA,SAAD;IAAO,WAAU;IAAS,SAAS;IAAG,IAAI,EAAE,IAAI,IAAI;cACjD,gBACC,oBAAC,mBAAD,CAAoB,CAAA,IAClB,aAAa,CAAC,QAAQ,SACxB,MAAM,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,KAAK,GAAG,UAChC,oBAAC,mBAAD,CAAgC,GAAR,KAAQ,CACjC,IAED,QAAQ,KAAK,OAAc,UACzB,oBAAC,WAAD;KAES;KACP,SACE,yBAAyB,iBAAiB,KAAK,IAAI,KAAA;KAErD,QAAQ,UAAU;KAClB,UAAU,QAAQ,WAAW;IAC9B,GAPM,KAON,CACF;GAEE,CAAA;EACJ,CAAA;CACQ,CAAA;AAEnB"}

package/dist/esm/pages/RoutesPage/RoutesPage.style.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { Stack } from "@mui/material";
+//#region src/pages/RoutesPage/RoutesPage.style.d.ts
+declare const Stack$1: React.FC<React.ComponentProps<typeof Stack>>;
+//#endregion
+export { Stack$1 as Stack };
+//# sourceMappingURL=RoutesPage.style.d.ts.map

package/dist/esm/pages/RoutesPage/RoutesPage.style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RoutesPage.style.d.ts","names":[],"sources":["../../../../src/pages/RoutesPage/RoutesPage.style.ts"],"mappings":";;;cAGa,SAAO,MAAM,GAAG,MAAM,sBAAsB"}

package/dist/esm/pages/SelectChainPage/SelectChainPage.d.ts

@@ -0,0 +1,6 @@
+import { SelectChainPageProps } from "./types.js";
+//#region src/pages/SelectChainPage/SelectChainPage.d.ts
+declare const SelectChainPage: React.FC<SelectChainPageProps>;
+//#endregion
+export { SelectChainPage };
+//# sourceMappingURL=SelectChainPage.d.ts.map

package/dist/esm/pages/SelectChainPage/SelectChainPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectChainPage.d.ts","names":[],"sources":["../../../../src/pages/SelectChainPage/SelectChainPage.tsx"],"mappings":";;cAUa,iBAAiB,MAAM,GAAG"}

package/dist/esm/pages/SelectChainPage/types.d.ts

@@ -0,0 +1,8 @@
+import { FormTypeProps } from "../../stores/form/types.js";
+//#region src/pages/SelectChainPage/types.d.ts
+interface SelectChainPageProps extends FormTypeProps {
+  selectNativeToken?: boolean;
+}
+//#endregion
+export { SelectChainPageProps };
+//# sourceMappingURL=types.d.ts.map