@lifi/widget 3.7.0-beta.10 → 3.7.0-beta.12

package/dist/esm/components/TransactionDetails.jsx

@@ -0,0 +1,137 @@
+import { ExpandLess, ExpandMore, LocalGasStationRounded, } from '@mui/icons-material';
+import { Box, Collapse, Tooltip, Typography } from '@mui/material';
+import { useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { formatUnits } from 'viem';
+import { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js';
+import { isRouteDone } from '../stores/routes/utils.js';
+import { getAccumulatedFeeCostsBreakdown } from '../utils/fees.js';
+import { formatTokenAmount, formatTokenPrice } from '../utils/format.js';
+import { Card } from './Card/Card.js';
+import { CardIconButton } from './Card/CardIconButton.js';
+import { FeeBreakdownTooltip } from './FeeBreakdownTooltip.js';
+import { IconTypography } from './IconTypography.js';
+import { TokenRate } from './TokenRate/TokenRate.js';
+export const TransactionDetails = ({ route, ...props }) => {
+    const { t } = useTranslation();
+    const { feeConfig } = useWidgetConfig();
+    const [cardExpanded, setCardExpanded] = useState(false);
+    const toggleCard = () => {
+        setCardExpanded((cardExpanded) => !cardExpanded);
+    };
+    const { gasCosts, feeCosts, gasCostUSD, feeCostUSD, combinedFeesUSD } = getAccumulatedFeeCostsBreakdown(route);
+    const fromTokenAmount = formatTokenAmount(BigInt(route.fromAmount), route.fromToken.decimals);
+    const fromTokenPrice = formatTokenPrice(fromTokenAmount, route.fromToken.priceUSD);
+    const toTokenAmount = formatTokenAmount(BigInt(route.toAmount), route.toToken.decimals);
+    const toTokenPrice = formatTokenPrice(toTokenAmount, route.toToken.priceUSD) || 0.01;
+    const priceImpact = toTokenPrice / fromTokenPrice - 1;
+    const feeCollectionStep = route.steps[0].includedSteps.find((includedStep) => includedStep.tool === 'feeCollection');
+    let feeAmountUSD = 0;
+    if (feeCollectionStep) {
+        const estimatedFromAmount = BigInt(feeCollectionStep.estimate.fromAmount) -
+            BigInt(feeCollectionStep.estimate.toAmount);
+        const feeAmount = formatUnits(estimatedFromAmount, feeCollectionStep.action.fromToken.decimals);
+        feeAmountUSD =
+            Number.parseFloat(feeAmount) *
+                Number.parseFloat(feeCollectionStep.action.fromToken.priceUSD);
+    }
+    const showIntegratorFeeCollectionDetails = feeAmountUSD || Number.isFinite(feeConfig?.fee);
+    return (<Card selectionColor="secondary" {...props}>
+      <Box display="flex" alignItems="center" px={2} py={1.75}>
+        <Box display="flex" flex={1} alignItems="center" justifyContent="left">
+          <TokenRate route={route}/>
+        </Box>
+        <Collapse timeout={100} in={!cardExpanded} mountOnEnter>
+          <FeeBreakdownTooltip gasCosts={gasCosts} feeCosts={feeCosts}>
+            <Box display="flex" alignItems="center" onClick={toggleCard} 
+    // biome-ignore lint/a11y/useSemanticElements:
+    role="button" sx={{ cursor: 'pointer' }} px={1}>
+              <IconTypography mr={0.5} fontSize={16}>
+                <LocalGasStationRounded fontSize="inherit"/>
+              </IconTypography>
+              <Typography fontSize={14} color="text.primary" fontWeight="600" lineHeight={1.429} data-value={combinedFeesUSD}>
+                {t('format.currency', { value: combinedFeesUSD })}
+              </Typography>
+            </Box>
+          </FeeBreakdownTooltip>
+        </Collapse>
+        <CardIconButton onClick={toggleCard} size="small">
+          {cardExpanded ? (<ExpandLess fontSize="inherit"/>) : (<ExpandMore fontSize="inherit"/>)}
+        </CardIconButton>
+      </Box>
+      <Collapse timeout={225} in={cardExpanded} mountOnEnter>
+        <Box px={2} pb={2}>
+          <Box display="flex" justifyContent="space-between" mb={0.5}>
+            <Typography variant="body2">{t('main.fees.network')}</Typography>
+            <FeeBreakdownTooltip gasCosts={gasCosts}>
+              <Typography variant="body2">
+                {t('format.currency', {
+            value: gasCostUSD,
+        })}
+              </Typography>
+            </FeeBreakdownTooltip>
+          </Box>
+          {feeCosts.length ? (<Box display="flex" justifyContent="space-between" mb={0.5}>
+              <Typography variant="body2">{t('main.fees.provider')}</Typography>
+              <FeeBreakdownTooltip feeCosts={feeCosts}>
+                <Typography variant="body2">
+                  {t('format.currency', {
+                value: feeCostUSD,
+            })}
+                </Typography>
+              </FeeBreakdownTooltip>
+            </Box>) : null}
+          {showIntegratorFeeCollectionDetails ? (<Box display="flex" justifyContent="space-between" mb={0.5}>
+              <Typography variant="body2">
+                {feeConfig?.name
+                ? t('main.fees.integrator', { tool: feeConfig.name })
+                : t('main.fees.defaultIntegrator')}
+              </Typography>
+              {feeConfig?.name ? (<Tooltip title={t('tooltip.feeCollection', { tool: feeConfig.name })} sx={{ cursor: 'help' }}>
+                  <Typography variant="body2">
+                    {t('format.currency', {
+                    value: feeAmountUSD,
+                })}
+                  </Typography>
+                </Tooltip>) : (<Typography variant="body2">
+                  {t('format.currency', {
+                    value: feeAmountUSD,
+                })}
+                </Typography>)}
+            </Box>) : null}
+          <Box display="flex" justifyContent="space-between" mb={0.5}>
+            <Typography variant="body2">{t('main.priceImpact')}</Typography>
+            <Tooltip title={t('tooltip.priceImpact')} sx={{ cursor: 'help' }}>
+              <Typography variant="body2">
+                {t('format.percent', { value: priceImpact })}
+              </Typography>
+            </Tooltip>
+          </Box>
+          {!isRouteDone(route) ? (<>
+              <Box display="flex" justifyContent="space-between" mb={0.5}>
+                <Typography variant="body2">{t('main.maxSlippage')}</Typography>
+                <Tooltip title={t('tooltip.slippage')} sx={{ cursor: 'help' }}>
+                  <Typography variant="body2">
+                    {t('format.percent', {
+                value: route.steps[0].action.slippage,
+            })}
+                  </Typography>
+                </Tooltip>
+              </Box>
+              <Box display="flex" justifyContent="space-between">
+                <Typography variant="body2">{t('main.minReceived')}</Typography>
+                <Tooltip title={t('tooltip.minReceived')} sx={{ cursor: 'help' }}>
+                  <Typography variant="body2">
+                    {t('format.number', {
+                value: formatTokenAmount(BigInt(route.toAmountMin), route.toToken.decimals),
+            })}{' '}
+                    {route.toToken.symbol}
+                  </Typography>
+                </Tooltip>
+              </Box>
+            </>) : null}
+        </Box>
+      </Collapse>
+    </Card>);
+};
+//# sourceMappingURL=TransactionDetails.jsx.map

package/dist/esm/components/TransactionDetails.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"TransactionDetails.jsx","sourceRoot":"","sources":["../../../src/components/TransactionDetails.tsx"],"names":[],"mappings":"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"}

package/dist/esm/config/coinbase.d.ts

@@ -0,0 +1,2 @@
+import type { CoinbaseWalletParameters } from 'wagmi/connectors';
+export declare const defaultCoinbaseConfig: CoinbaseWalletParameters;

package/dist/esm/config/coinbase.js

@@ -0,0 +1,6 @@
+import { LiFiToolLogo } from '../icons/lifi.js';
+export const defaultCoinbaseConfig = {
+    appName: 'LI.FI',
+    appLogoUrl: LiFiToolLogo,
+};
+//# sourceMappingURL=coinbase.js.map

package/dist/esm/config/coinbase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"coinbase.js","sourceRoot":"","sources":["../../../src/config/coinbase.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAE/C,MAAM,CAAC,MAAM,qBAAqB,GAA6B;IAC7D,OAAO,EAAE,OAAO;IAChB,UAAU,EAAE,YAAY;CACzB,CAAA"}

package/dist/esm/config/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const defaultMaxHeight = 686;
+export declare const lifiExplorerUrl = "https://scan.li.fi";

package/dist/esm/config/constants.js

@@ -0,0 +1,3 @@
+export const defaultMaxHeight = 686;
+export const lifiExplorerUrl = 'https://scan.li.fi';
+//# sourceMappingURL=constants.js.map

package/dist/esm/config/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/config/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;AAEnC,MAAM,CAAC,MAAM,eAAe,GAAG,oBAAoB,CAAA"}

package/dist/esm/config/metaMask.d.ts

@@ -0,0 +1,2 @@
+import type { MetaMaskParameters } from 'wagmi/connectors';
+export declare const defaultMetaMaskConfig: MetaMaskParameters;

package/dist/esm/config/metaMask.js

@@ -0,0 +1,11 @@
+import { LiFiToolLogo } from '../icons/lifi.js';
+export const defaultMetaMaskConfig = {
+    dappMetadata: {
+        name: 'LI.FI',
+        url: typeof window !== 'undefined'
+            ? window?.location.href
+            : 'https://li.fi/',
+        base64Icon: LiFiToolLogo,
+    },
+};
+//# sourceMappingURL=metaMask.js.map

package/dist/esm/config/metaMask.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"metaMask.js","sourceRoot":"","sources":["../../../src/config/metaMask.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAE/C,MAAM,CAAC,MAAM,qBAAqB,GAAuB;IACvD,YAAY,EAAE;QACZ,IAAI,EAAE,OAAO;QACb,GAAG,EACD,OAAO,MAAM,KAAK,WAAW;YAC3B,CAAC,CAAE,MAAc,EAAE,QAAQ,CAAC,IAAI;YAChC,CAAC,CAAC,gBAAgB;QACtB,UAAU,EAAE,YAAY;KACzB;CACF,CAAA"}

package/dist/esm/config/queryClient.d.ts

@@ -0,0 +1,2 @@
+import { QueryClient } from '@tanstack/react-query';
+export declare const queryClient: QueryClient;

package/dist/esm/config/queryClient.js

@@ -0,0 +1,21 @@
+import { QueryClient } from '@tanstack/react-query';
+export const queryClient = new QueryClient({
+    defaultOptions: {
+        queries: {
+            enabled: true,
+            refetchInterval: false,
+            refetchIntervalInBackground: false,
+            refetchOnWindowFocus: true,
+            refetchOnReconnect: true,
+            refetchOnMount: true,
+            retryOnMount: true,
+            // suspense: true,
+        },
+        mutations: {
+            onError: (_error) => {
+                //
+            },
+        },
+    },
+});
+//# sourceMappingURL=queryClient.js.map

package/dist/esm/config/queryClient.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"queryClient.js","sourceRoot":"","sources":["../../../src/config/queryClient.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AAEnD,MAAM,CAAC,MAAM,WAAW,GAAG,IAAI,WAAW,CAAC;IACzC,cAAc,EAAE;QACd,OAAO,EAAE;YACP,OAAO,EAAE,IAAI;YACb,eAAe,EAAE,KAAK;YACtB,2BAA2B,EAAE,KAAK;YAClC,oBAAoB,EAAE,IAAI;YAC1B,kBAAkB,EAAE,IAAI;YACxB,cAAc,EAAE,IAAI;YACpB,YAAY,EAAE,IAAI;YAClB,kBAAkB;SACnB;QACD,SAAS,EAAE;YACT,OAAO,EAAE,CAAC,MAAM,EAAE,EAAE;gBAClB,EAAE;YACJ,CAAC;SACF;KACF;CACF,CAAC,CAAA"}

package/dist/esm/config/version.d.ts

@@ -0,0 +1,2 @@
+export declare const name = "@lifi/widget";
+export declare const version = "3.7.0-beta.12";

package/dist/esm/config/version.js

@@ -0,0 +1,3 @@
+export const name = '@lifi/widget';
+export const version = '3.7.0-beta.12';
+//# sourceMappingURL=version.js.map

package/dist/esm/config/version.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"version.js","sourceRoot":"","sources":["../../../src/config/version.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,IAAI,GAAG,cAAc,CAAA;AAClC,MAAM,CAAC,MAAM,OAAO,GAAG,eAAe,CAAA"}

package/dist/esm/config/walletConnect.d.ts

@@ -0,0 +1,2 @@
+import type { WalletConnectParameters } from 'wagmi/connectors';
+export declare const defaultWalletConnectConfig: WalletConnectParameters;

package/dist/esm/config/walletConnect.js

@@ -0,0 +1,4 @@
+export const defaultWalletConnectConfig = {
+    projectId: '5432e3507d41270bee46b7b85bbc2ef8',
+};
+//# sourceMappingURL=walletConnect.js.map

package/dist/esm/config/walletConnect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"walletConnect.js","sourceRoot":"","sources":["../../../src/config/walletConnect.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,0BAA0B,GAA4B;IACjE,SAAS,EAAE,kCAAkC;CAC9C,CAAA"}

package/dist/esm/hooks/timer/useInterval.d.ts

@@ -0,0 +1 @@
+export declare function useInterval(callback: () => void, delay: number): void;

package/dist/esm/hooks/timer/useInterval.js

@@ -0,0 +1,18 @@
+import { useEffect, useRef } from 'react';
+export function useInterval(callback, delay) {
+    const callbacRef = useRef();
+    // update callback function with current render callback that has access to latest props and state
+    useEffect(() => {
+        callbacRef.current = callback;
+    });
+    useEffect(() => {
+        if (!delay) {
+            return () => { };
+        }
+        const interval = setInterval(() => {
+            callbacRef.current?.();
+        }, delay);
+        return () => clearInterval(interval);
+    }, [delay]);
+}
+//# sourceMappingURL=useInterval.js.map

package/dist/esm/hooks/timer/useInterval.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInterval.js","sourceRoot":"","sources":["../../../../src/hooks/timer/useInterval.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAEzC,MAAM,UAAU,WAAW,CAAC,QAAoB,EAAE,KAAa;IAC7D,MAAM,UAAU,GAAG,MAAM,EAAc,CAAA;IAEvC,kGAAkG;IAClG,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,OAAO,GAAG,QAAQ,CAAA;IAC/B,CAAC,CAAC,CAAA;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,KAAK,EAAE,CAAC;YACX,OAAO,GAAG,EAAE,GAAE,CAAC,CAAA;QACjB,CAAC;QAED,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE;YAChC,UAAU,CAAC,OAAO,EAAE,EAAE,CAAA;QACxB,CAAC,EAAE,KAAK,CAAC,CAAA;QACT,OAAO,GAAG,EAAE,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAA;IACtC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;AACb,CAAC"}

package/dist/esm/hooks/timer/useTimer.d.ts

@@ -0,0 +1,18 @@
+interface UseTimerProps {
+    expiryTimestamp: Date;
+    onExpire: () => void;
+    autoStart?: boolean;
+}
+export declare function useTimer({ expiryTimestamp: expiry, onExpire, autoStart, }: UseTimerProps): {
+    start: () => void;
+    pause: () => void;
+    resume: () => void;
+    restart: (newExpiryTimestamp: Date, newAutoStart?: boolean) => void;
+    isRunning: boolean;
+    totalSeconds: number;
+    seconds: number;
+    minutes: number;
+    hours: number;
+    days: number;
+};
+export {};

package/dist/esm/hooks/timer/useTimer.js

@@ -0,0 +1,61 @@
+import { useCallback, useState } from 'react';
+import { useInterval } from './useInterval.js';
+import { getDelayFromExpiryTimestamp, getSecondsFromExpiry, getTimeFromSeconds, validateOnExpire, } from './utils.js';
+const DEFAULT_DELAY = 1000;
+// This implementation was taken from the common js project - https://www.npmjs.com/package/react-timer-hook
+// modified to work in the Widget codebase with Typescript
+export function useTimer({ expiryTimestamp: expiry, onExpire, autoStart = true, }) {
+    const [expiryTimestamp, setExpiryTimestamp] = useState(expiry);
+    const [seconds, setSeconds] = useState(() => getSecondsFromExpiry(expiryTimestamp));
+    const [isRunning, setIsRunning] = useState(autoStart);
+    const [didStart, setDidStart] = useState(autoStart);
+    const [delay, setDelay] = useState(() => getDelayFromExpiryTimestamp(expiryTimestamp, DEFAULT_DELAY));
+    const handleExpire = useCallback(() => {
+        validateOnExpire(onExpire) && onExpire();
+        setIsRunning(false);
+        setDelay(0);
+    }, [onExpire]);
+    const pause = useCallback(() => {
+        setIsRunning(false);
+    }, []);
+    const restart = useCallback((newExpiryTimestamp, newAutoStart = true) => {
+        setDelay(getDelayFromExpiryTimestamp(newExpiryTimestamp, DEFAULT_DELAY));
+        setDidStart(newAutoStart);
+        setIsRunning(newAutoStart);
+        setExpiryTimestamp(newExpiryTimestamp);
+        setSeconds(getSecondsFromExpiry(newExpiryTimestamp));
+    }, []);
+    const resume = useCallback(() => {
+        const time = new Date();
+        time.setMilliseconds(time.getMilliseconds() + seconds * 1000);
+        restart(time);
+    }, [seconds, restart]);
+    const start = useCallback(() => {
+        if (didStart) {
+            setSeconds(getSecondsFromExpiry(expiryTimestamp));
+            setIsRunning(true);
+        }
+        else {
+            resume();
+        }
+    }, [expiryTimestamp, didStart, resume]);
+    useInterval(() => {
+        if (delay !== DEFAULT_DELAY) {
+            setDelay(DEFAULT_DELAY);
+        }
+        const secondsValue = getSecondsFromExpiry(expiryTimestamp);
+        setSeconds(secondsValue);
+        if (secondsValue <= 0) {
+            handleExpire();
+        }
+    }, isRunning ? delay : 0);
+    return {
+        ...getTimeFromSeconds(seconds),
+        start,
+        pause,
+        resume,
+        restart,
+        isRunning,
+    };
+}
+//# sourceMappingURL=useTimer.js.map

package/dist/esm/hooks/timer/useTimer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTimer.js","sourceRoot":"","sources":["../../../../src/hooks/timer/useTimer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAC9C,OAAO,EACL,2BAA2B,EAC3B,oBAAoB,EACpB,kBAAkB,EAClB,gBAAgB,GACjB,MAAM,YAAY,CAAA;AAEnB,MAAM,aAAa,GAAG,IAAI,CAAA;AAQ1B,4GAA4G;AAC5G,0DAA0D;AAC1D,MAAM,UAAU,QAAQ,CAAC,EACvB,eAAe,EAAE,MAAM,EACvB,QAAQ,EACR,SAAS,GAAG,IAAI,GACF;IACd,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAA;IAC9D,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAC1C,oBAAoB,CAAC,eAAe,CAAC,CACtC,CAAA;IACD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAA;IACrD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAA;IACnD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CACtC,2BAA2B,CAAC,eAAe,EAAE,aAAa,CAAC,CAC5D,CAAA;IAED,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QACpC,gBAAgB,CAAC,QAAQ,CAAC,IAAI,QAAQ,EAAE,CAAA;QACxC,YAAY,CAAC,KAAK,CAAC,CAAA;QACnB,QAAQ,CAAC,CAAC,CAAC,CAAA;IACb,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE;QAC7B,YAAY,CAAC,KAAK,CAAC,CAAA;IACrB,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,MAAM,OAAO,GAAG,WAAW,CACzB,CAAC,kBAAwB,EAAE,YAAY,GAAG,IAAI,EAAE,EAAE;QAChD,QAAQ,CAAC,2BAA2B,CAAC,kBAAkB,EAAE,aAAa,CAAC,CAAC,CAAA;QACxE,WAAW,CAAC,YAAY,CAAC,CAAA;QACzB,YAAY,CAAC,YAAY,CAAC,CAAA;QAC1B,kBAAkB,CAAC,kBAAkB,CAAC,CAAA;QACtC,UAAU,CAAC,oBAAoB,CAAC,kBAAkB,CAAC,CAAC,CAAA;IACtD,CAAC,EACD,EAAE,CACH,CAAA;IAED,MAAM,MAAM,GAAG,WAAW,CAAC,GAAG,EAAE;QAC9B,MAAM,IAAI,GAAG,IAAI,IAAI,EAAE,CAAA;QACvB,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,eAAe,EAAE,GAAG,OAAO,GAAG,IAAI,CAAC,CAAA;QAC7D,OAAO,CAAC,IAAI,CAAC,CAAA;IACf,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAA;IAEtB,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE;QAC7B,IAAI,QAAQ,EAAE,CAAC;YACb,UAAU,CAAC,oBAAoB,CAAC,eAAe,CAAC,CAAC,CAAA;YACjD,YAAY,CAAC,IAAI,CAAC,CAAA;QACpB,CAAC;aAAM,CAAC;YACN,MAAM,EAAE,CAAA;QACV,CAAC;IACH,CAAC,EAAE,CAAC,eAAe,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAA;IAEvC,WAAW,CACT,GAAG,EAAE;QACH,IAAI,KAAK,KAAK,aAAa,EAAE,CAAC;YAC5B,QAAQ,CAAC,aAAa,CAAC,CAAA;QACzB,CAAC;QACD,MAAM,YAAY,GAAG,oBAAoB,CAAC,eAAe,CAAC,CAAA;QAC1D,UAAU,CAAC,YAAY,CAAC,CAAA;QACxB,IAAI,YAAY,IAAI,CAAC,EAAE,CAAC;YACtB,YAAY,EAAE,CAAA;QAChB,CAAC;IACH,CAAC,EACD,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CACtB,CAAA;IAED,OAAO;QACL,GAAG,kBAAkB,CAAC,OAAO,CAAC;QAC9B,KAAK;QACL,KAAK;QACL,MAAM;QACN,OAAO;QACP,SAAS;KACV,CAAA;AACH,CAAC"}

package/dist/esm/hooks/timer/utils.d.ts

@@ -0,0 +1,11 @@
+export declare function getTimeFromSeconds(secs: number): {
+    totalSeconds: number;
+    seconds: number;
+    minutes: number;
+    hours: number;
+    days: number;
+};
+export declare function getSecondsFromExpiry(expiry: Date, shouldRound?: boolean): number;
+export declare function validateExpiryTimestamp(expiryTimestamp: Date): boolean;
+export declare function validateOnExpire(onExpire: () => void): boolean;
+export declare function getDelayFromExpiryTimestamp(expiryTimestamp: Date, defaultDelay: number): number;

package/dist/esm/hooks/timer/utils.js

@@ -0,0 +1,46 @@
+export function getTimeFromSeconds(secs) {
+    const totalSeconds = Math.ceil(secs);
+    const days = Math.floor(totalSeconds / (60 * 60 * 24));
+    const hours = Math.floor((totalSeconds % (60 * 60 * 24)) / (60 * 60));
+    const minutes = Math.floor((totalSeconds % (60 * 60)) / 60);
+    const seconds = Math.floor(totalSeconds % 60);
+    return {
+        totalSeconds,
+        seconds,
+        minutes,
+        hours,
+        days,
+    };
+}
+export function getSecondsFromExpiry(expiry, shouldRound) {
+    const now = new Date().getTime();
+    const milliSecondsDistance = expiry.getTime() - now;
+    if (milliSecondsDistance > 0) {
+        const val = milliSecondsDistance / 1000;
+        return shouldRound ? Math.round(val) : val;
+    }
+    return 0;
+}
+export function validateExpiryTimestamp(expiryTimestamp) {
+    const isValid = new Date(expiryTimestamp).getTime() > 0;
+    if (!isValid) {
+        console.warn('useTimer Invalid expiryTimestamp settings', expiryTimestamp);
+    }
+    return isValid;
+}
+export function validateOnExpire(onExpire) {
+    const isValid = onExpire && typeof onExpire === 'function';
+    if (onExpire && !isValid) {
+        console.warn('useTimer Invalid onExpire settings function', onExpire);
+    }
+    return isValid;
+}
+export function getDelayFromExpiryTimestamp(expiryTimestamp, defaultDelay) {
+    if (!validateExpiryTimestamp(expiryTimestamp)) {
+        return 0;
+    }
+    const seconds = getSecondsFromExpiry(expiryTimestamp);
+    const extraMilliSeconds = Math.floor((seconds - Math.floor(seconds)) * 1000);
+    return extraMilliSeconds > 0 ? extraMilliSeconds : defaultDelay;
+}
+//# sourceMappingURL=utils.js.map

package/dist/esm/hooks/timer/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/hooks/timer/utils.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,kBAAkB,CAAC,IAAY;IAC7C,MAAM,YAAY,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IACpC,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,GAAG,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC,CAAA;IACtD,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,YAAY,GAAG,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,CAAA;IACrE,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,YAAY,GAAG,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,CAAA;IAC3D,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,GAAG,EAAE,CAAC,CAAA;IAE7C,OAAO;QACL,YAAY;QACZ,OAAO;QACP,OAAO;QACP,KAAK;QACL,IAAI;KACL,CAAA;AACH,CAAC;AAED,MAAM,UAAU,oBAAoB,CAAC,MAAY,EAAE,WAAqB;IACtE,MAAM,GAAG,GAAG,IAAI,IAAI,EAAE,CAAC,OAAO,EAAE,CAAA;IAChC,MAAM,oBAAoB,GAAG,MAAM,CAAC,OAAO,EAAE,GAAG,GAAG,CAAA;IACnD,IAAI,oBAAoB,GAAG,CAAC,EAAE,CAAC;QAC7B,MAAM,GAAG,GAAG,oBAAoB,GAAG,IAAI,CAAA;QACvC,OAAO,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAA;IAC5C,CAAC;IACD,OAAO,CAAC,CAAA;AACV,CAAC;AAED,MAAM,UAAU,uBAAuB,CAAC,eAAqB;IAC3D,MAAM,OAAO,GAAG,IAAI,IAAI,CAAC,eAAe,CAAC,CAAC,OAAO,EAAE,GAAG,CAAC,CAAA;IACvD,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,OAAO,CAAC,IAAI,CAAC,2CAA2C,EAAE,eAAe,CAAC,CAAA;IAC5E,CAAC;IACD,OAAO,OAAO,CAAA;AAChB,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,QAAoB;IACnD,MAAM,OAAO,GAAG,QAAQ,IAAI,OAAO,QAAQ,KAAK,UAAU,CAAA;IAC1D,IAAI,QAAQ,IAAI,CAAC,OAAO,EAAE,CAAC;QACzB,OAAO,CAAC,IAAI,CAAC,6CAA6C,EAAE,QAAQ,CAAC,CAAA;IACvE,CAAC;IACD,OAAO,OAAO,CAAA;AAChB,CAAC;AAED,MAAM,UAAU,2BAA2B,CACzC,eAAqB,EACrB,YAAoB;IAEpB,IAAI,CAAC,uBAAuB,CAAC,eAAe,CAAC,EAAE,CAAC;QAC9C,OAAO,CAAC,CAAA;IACV,CAAC;IAED,MAAM,OAAO,GAAG,oBAAoB,CAAC,eAAe,CAAC,CAAA;IACrD,MAAM,iBAAiB,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,GAAG,IAAI,CAAC,CAAA;IAC5E,OAAO,iBAAiB,GAAG,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,YAAY,CAAA;AACjE,CAAC"}

package/dist/esm/hooks/useAddressValidation.d.ts

@@ -0,0 +1,25 @@
+import type { Chain, ChainType } from '@lifi/sdk';
+export declare enum AddressType {
+    Address = 0,
+    NameService = 1
+}
+type ValidationArgs = {
+    value: string;
+    chainType?: ChainType;
+    chain?: Chain;
+};
+type ValidResponse = {
+    address: string;
+    addressType: AddressType;
+    chainType: ChainType;
+    isValid: true;
+};
+type InvalidResponse = {
+    error: string;
+    isValid: false;
+};
+export declare const useAddressValidation: () => {
+    validateAddress: import("@tanstack/react-query").UseMutateAsyncFunction<ValidResponse | InvalidResponse, Error, ValidationArgs, unknown>;
+    isValidating: boolean;
+};
+export {};

package/dist/esm/hooks/useAddressValidation.js

@@ -0,0 +1,56 @@
+import { getNameServiceAddress } from '@lifi/sdk';
+import { useMutation } from '@tanstack/react-query';
+import { useTranslation } from 'react-i18next';
+import { getChainTypeFromAddress } from '../utils/chainType.js';
+export var AddressType;
+(function (AddressType) {
+    AddressType[AddressType["Address"] = 0] = "Address";
+    AddressType[AddressType["NameService"] = 1] = "NameService";
+})(AddressType || (AddressType = {}));
+export const useAddressValidation = () => {
+    const { t } = useTranslation();
+    const { mutateAsync: validateAddress, isPending: isValidating } = useMutation({
+        mutationFn: async ({ value, chainType, chain, }) => {
+            try {
+                if (!value) {
+                    throw new Error();
+                }
+                const _chainType = getChainTypeFromAddress(value);
+                if (_chainType) {
+                    return {
+                        address: value,
+                        addressType: AddressType.Address,
+                        chainType: _chainType,
+                        isValid: true,
+                    };
+                }
+                const address = await getNameServiceAddress(value, chainType);
+                if (address) {
+                    const _chainType = getChainTypeFromAddress(address);
+                    if (_chainType) {
+                        return {
+                            address: address,
+                            addressType: AddressType.NameService,
+                            chainType: _chainType,
+                            isValid: true,
+                        };
+                    }
+                }
+                throw new Error();
+            }
+            catch (_) {
+                return {
+                    isValid: false,
+                    error: t('error.title.walletAddressInvalid', chain?.name
+                        ? { context: 'chain', chainName: chain.name }
+                        : undefined),
+                };
+            }
+        },
+    });
+    return {
+        validateAddress,
+        isValidating,
+    };
+};
+//# sourceMappingURL=useAddressValidation.js.map

package/dist/esm/hooks/useAddressValidation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAddressValidation.js","sourceRoot":"","sources":["../../../src/hooks/useAddressValidation.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAA;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAA;AAE/D,MAAM,CAAN,IAAY,WAGX;AAHD,WAAY,WAAW;IACrB,mDAAW,CAAA;IACX,2DAAe,CAAA;AACjB,CAAC,EAHW,WAAW,KAAX,WAAW,QAGtB;AAoBD,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,EAAE;IACvC,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAE9B,MAAM,EAAE,WAAW,EAAE,eAAe,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,WAAW,CAC3E;QACE,UAAU,EAAE,KAAK,EAAE,EACjB,KAAK,EACL,SAAS,EACT,KAAK,GACU,EAA4C,EAAE;YAC7D,IAAI,CAAC;gBACH,IAAI,CAAC,KAAK,EAAE,CAAC;oBACX,MAAM,IAAI,KAAK,EAAE,CAAA;gBACnB,CAAC;gBAED,MAAM,UAAU,GAAG,uBAAuB,CAAC,KAAK,CAAC,CAAA;gBACjD,IAAI,UAAU,EAAE,CAAC;oBACf,OAAO;wBACL,OAAO,EAAE,KAAK;wBACd,WAAW,EAAE,WAAW,CAAC,OAAO;wBAChC,SAAS,EAAE,UAAU;wBACrB,OAAO,EAAE,IAAI;qBACd,CAAA;gBACH,CAAC;gBAED,MAAM,OAAO,GAAG,MAAM,qBAAqB,CAAC,KAAK,EAAE,SAAS,CAAC,CAAA;gBAE7D,IAAI,OAAO,EAAE,CAAC;oBACZ,MAAM,UAAU,GAAG,uBAAuB,CAAC,OAAO,CAAC,CAAA;oBACnD,IAAI,UAAU,EAAE,CAAC;wBACf,OAAO;4BACL,OAAO,EAAE,OAAO;4BAChB,WAAW,EAAE,WAAW,CAAC,WAAW;4BACpC,SAAS,EAAE,UAAU;4BACrB,OAAO,EAAE,IAAI;yBACd,CAAA;oBACH,CAAC;gBACH,CAAC;gBAED,MAAM,IAAI,KAAK,EAAE,CAAA;YACnB,CAAC;YAAC,OAAO,CAAC,EAAE,CAAC;gBACX,OAAO;oBACL,OAAO,EAAE,KAAK;oBACd,KAAK,EAAE,CAAC,CACN,kCAAkC,EAClC,KAAK,EAAE,IAAI;wBACT,CAAC,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,CAAC,IAAI,EAAE;wBAC7C,CAAC,CAAC,SAAS,CACd;iBACF,CAAA;YACH,CAAC;QACH,CAAC;KACF,CACF,CAAA;IAED,OAAO;QACL,eAAe;QACf,YAAY;KACb,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/hooks/useAvailableChains.d.ts

@@ -0,0 +1,7 @@
+import type { ExtendedChain } from '@lifi/sdk';
+import { ChainType } from '@lifi/sdk';
+export declare const useAvailableChains: (chainTypes?: ChainType[]) => {
+    chains: ExtendedChain[] | undefined;
+    getChainById: (chainId?: number, chains?: ExtendedChain[] | undefined) => ExtendedChain | undefined;
+    isLoading: boolean;
+};

package/dist/esm/hooks/useAvailableChains.js

@@ -0,0 +1,49 @@
+import { ChainType, config, getChains } from '@lifi/sdk';
+import { useQuery } from '@tanstack/react-query';
+import { useCallback } from 'react';
+import { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js';
+import { isItemAllowed } from '../utils/item.js';
+const supportedChainTypes = [ChainType.EVM, ChainType.SVM, ChainType.UTXO];
+export const useAvailableChains = (chainTypes) => {
+    const { chains } = useWidgetConfig();
+    // const { providers } = useHasExternalWalletProvider();
+    const { data, isLoading } = useQuery({
+        queryKey: [
+            'chains',
+            // providers,
+            chains?.types,
+            chains?.allow,
+            chains?.deny,
+            chains?.from,
+            chains?.to,
+        ],
+        queryFn: async ({ queryKey: [, chainTypesConfig] }) => {
+            const chainTypesRequest = supportedChainTypes
+                // providers.length > 0 ? providers : supportedChainTypes
+                .filter((chainType) => isItemAllowed(chainType, chainTypesConfig));
+            const availableChains = await getChains({
+                chainTypes: chainTypes || chainTypesRequest,
+            });
+            config.setChains(availableChains);
+            return availableChains;
+        },
+        refetchInterval: 300000,
+        staleTime: 300000,
+    });
+    const getChainById = useCallback((chainId, chains = data) => {
+        if (!chainId) {
+            return;
+        }
+        const chain = chains?.find((chain) => chain.id === chainId);
+        // if (!chain) {
+        //   throw new Error('Chain not found or chainId is invalid.');
+        // }
+        return chain;
+    }, [data]);
+    return {
+        chains: data,
+        getChainById,
+        isLoading,
+    };
+};
+//# sourceMappingURL=useAvailableChains.js.map

package/dist/esm/hooks/useAvailableChains.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAvailableChains.js","sourceRoot":"","sources":["../../../src/hooks/useAvailableChains.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,+CAA+C,CAAA;AAC/E,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAEhD,MAAM,mBAAmB,GAAG,CAAC,SAAS,CAAC,GAAG,EAAE,SAAS,CAAC,GAAG,EAAE,SAAS,CAAC,IAAI,CAAC,CAAA;AAE1E,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,UAAwB,EAAE,EAAE;IAC7D,MAAM,EAAE,MAAM,EAAE,GAAG,eAAe,EAAE,CAAA;IACpC,wDAAwD;IACxD,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,QAAQ,CAAC;QACnC,QAAQ,EAAE;YACR,QAAQ;YACR,aAAa;YACb,MAAM,EAAE,KAAK;YACb,MAAM,EAAE,KAAK;YACb,MAAM,EAAE,IAAI;YACZ,MAAM,EAAE,IAAI;YACZ,MAAM,EAAE,EAAE;SACF;QACV,OAAO,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,gBAAgB,CAAC,EAAE,EAAE,EAAE;YACpD,MAAM,iBAAiB,GAAG,mBAAmB;gBAC3C,yDAAyD;iBACxD,MAAM,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,SAAS,EAAE,gBAAgB,CAAC,CAAC,CAAA;YAEpE,MAAM,eAAe,GAAG,MAAM,SAAS,CAAC;gBACtC,UAAU,EAAE,UAAU,IAAI,iBAAiB;aAC5C,CAAC,CAAA;YACF,MAAM,CAAC,SAAS,CAAC,eAAe,CAAC,CAAA;YACjC,OAAO,eAAe,CAAA;QACxB,CAAC;QACD,eAAe,EAAE,MAAO;QACxB,SAAS,EAAE,MAAO;KACnB,CAAC,CAAA;IAEF,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,OAAgB,EAAE,SAAsC,IAAI,EAAE,EAAE;QAC/D,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,OAAM;QACR,CAAC;QACD,MAAM,KAAK,GAAG,MAAM,EAAE,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,OAAO,CAAC,CAAA;QAC3D,gBAAgB;QAChB,+DAA+D;QAC/D,IAAI;QACJ,OAAO,KAAK,CAAA;IACd,CAAC,EACD,CAAC,IAAI,CAAC,CACP,CAAA;IAED,OAAO;QACL,MAAM,EAAE,IAAI;QACZ,YAAY;QACZ,SAAS;KACV,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/hooks/useChain.d.ts

@@ -0,0 +1,4 @@
+export declare const useChain: (chainId?: number) => {
+    chain: import("@lifi/sdk").ExtendedChain | undefined;
+    isLoading: boolean;
+};

package/dist/esm/hooks/useChain.js

@@ -0,0 +1,11 @@
+import { useMemo } from 'react';
+import { useAvailableChains } from './useAvailableChains.js';
+export const useChain = (chainId) => {
+    const { isLoading, getChainById } = useAvailableChains();
+    const chain = useMemo(() => getChainById(chainId), [chainId, getChainById]);
+    return {
+        chain,
+        isLoading,
+    };
+};
+//# sourceMappingURL=useChain.js.map

package/dist/esm/hooks/useChain.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useChain.js","sourceRoot":"","sources":["../../../src/hooks/useChain.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC/B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAA;AAE5D,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,OAAgB,EAAE,EAAE;IAC3C,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,kBAAkB,EAAE,CAAA;IAExD,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC,CAAA;IAE3E,OAAO;QACL,KAAK;QACL,SAAS;KACV,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/hooks/useChains.d.ts

@@ -0,0 +1,7 @@
+import type { ChainType } from '@lifi/sdk';
+import type { FormType } from '../stores/form/types.js';
+export declare const useChains: (type?: FormType, chainTypes?: ChainType[]) => {
+    chains: import("@lifi/sdk").ExtendedChain[] | undefined;
+    getChainById: (chainId?: number, chains?: import("@lifi/sdk").ExtendedChain[] | undefined) => import("@lifi/sdk").ExtendedChain | undefined;
+    isLoading: boolean;
+};