@lifi/widget 0.0.0-preview-6cc63bac

package/dist/esm/components/TransactionCard/TransactionCard.style.js

@@ -0,0 +1,14 @@
+import { Box, Typography, styled } from "@mui/material";
+//#region src/components/TransactionCard/TransactionCard.style.tsx
+const DateLabelContainer = styled(Box)({
+	display: "flex",
+	justifyContent: "space-between"
+});
+const DateLabelText = styled(Typography)({
+	fontSize: 12,
+	fontWeight: 500
+});
+//#endregion
+export { DateLabelContainer, DateLabelText };
+
+//# sourceMappingURL=TransactionCard.style.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TransactionCard.style.js","names":[],"sources":["../../../../src/components/TransactionCard/TransactionCard.style.tsx"],"sourcesContent":["import { Box, styled, Typography } from '@mui/material'\nimport type React from 'react'\n\nexport const DateLabelContainer: React.FC<React.ComponentProps<typeof Box>> =\n  styled(Box)({\n    display: 'flex',\n    justifyContent: 'space-between',\n  })\n\nexport const DateLabelText: React.FC<React.ComponentProps<typeof Typography>> =\n  styled(Typography)({\n    fontSize: 12,\n    fontWeight: 500,\n  })\n"],"mappings":";;AAGA,MAAa,qBACX,OAAO,GAAG,EAAE;CACV,SAAS;CACT,gBAAgB;AAClB,CAAC;AAEH,MAAa,gBACX,OAAO,UAAU,EAAE;CACjB,UAAU;CACV,YAAY;AACd,CAAC"}

package/dist/esm/components/TransactionCard/TransactionCardSkeleton.js

@@ -0,0 +1,63 @@
+import { Card as Card$1 } from "../Card/Card.js";
+import { TokenSkeleton } from "../Token/Token.js";
+import { Box, Skeleton } from "@mui/material";
+import { jsx, jsxs } from "react/jsx-runtime";
+import ArrowDownwardIcon from "@mui/icons-material/ArrowDownward";
+//#region src/components/TransactionCard/TransactionCardSkeleton.tsx
+const TransactionCardSkeleton = ({ active }) => {
+	return /* @__PURE__ */ jsxs(Card$1, {
+		indented: true,
+		children: [active ? /* @__PURE__ */ jsx(Skeleton, {
+			variant: "rectangular",
+			height: 40,
+			sx: (theme) => ({
+				borderRadius: theme.vars.shape.borderRadiusTertiary,
+				mb: 1.5
+			})
+		}) : /* @__PURE__ */ jsxs(Box, {
+			sx: {
+				display: "flex",
+				justifyContent: "space-between",
+				pb: 1.5
+			},
+			children: [/* @__PURE__ */ jsx(Skeleton, {
+				variant: "rectangular",
+				width: 96,
+				height: 18,
+				sx: (theme) => ({ borderRadius: theme.vars.shape.borderRadius })
+			}), /* @__PURE__ */ jsx(Skeleton, {
+				variant: "rectangular",
+				width: 64,
+				height: 18,
+				sx: (theme) => ({ borderRadius: theme.vars.shape.borderRadius })
+			})]
+		}), /* @__PURE__ */ jsxs(Box, {
+			sx: {
+				display: "flex",
+				flexDirection: "column",
+				gap: 1.5
+			},
+			children: [
+				/* @__PURE__ */ jsx(TokenSkeleton, {}),
+				/* @__PURE__ */ jsx(Box, {
+					sx: {
+						width: 40,
+						height: 20,
+						display: "flex",
+						alignItems: "center",
+						justifyContent: "center"
+					},
+					children: /* @__PURE__ */ jsx(ArrowDownwardIcon, { sx: {
+						fontSize: 16,
+						color: "text.secondary"
+					} })
+				}),
+				/* @__PURE__ */ jsx(TokenSkeleton, {})
+			]
+		})]
+	});
+};
+//#endregion
+export { TransactionCardSkeleton };
+
+//# sourceMappingURL=TransactionCardSkeleton.js.map

package/dist/esm/components/TransactionCard/TransactionCardSkeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TransactionCardSkeleton.js","names":["Card"],"sources":["../../../../src/components/TransactionCard/TransactionCardSkeleton.tsx"],"sourcesContent":["import ArrowDownwardIcon from '@mui/icons-material/ArrowDownward'\nimport { Box, Skeleton } from '@mui/material'\nimport type { JSX } from 'react'\nimport { Card } from '../Card/Card.js'\nimport { TokenSkeleton } from '../Token/Token.js'\n\ninterface TransactionCardSkeletonProps {\n  active?: boolean\n}\n\nexport const TransactionCardSkeleton = ({\n  active,\n}: TransactionCardSkeletonProps): JSX.Element => {\n  return (\n    <Card indented>\n      {active ? (\n        <Skeleton\n          variant=\"rectangular\"\n          height={40}\n          sx={(theme) => ({\n            borderRadius: theme.vars.shape.borderRadiusTertiary,\n            mb: 1.5,\n          })}\n        />\n      ) : (\n        <Box\n          sx={{\n            display: 'flex',\n            justifyContent: 'space-between',\n            pb: 1.5,\n          }}\n        >\n          <Skeleton\n            variant=\"rectangular\"\n            width={96}\n            height={18}\n            sx={(theme) => ({\n              borderRadius: theme.vars.shape.borderRadius,\n            })}\n          />\n          <Skeleton\n            variant=\"rectangular\"\n            width={64}\n            height={18}\n            sx={(theme) => ({\n              borderRadius: theme.vars.shape.borderRadius,\n            })}\n          />\n        </Box>\n      )}\n      <Box sx={{ display: 'flex', flexDirection: 'column', gap: 1.5 }}>\n        <TokenSkeleton />\n        <Box\n          sx={{\n            width: 40,\n            height: 20,\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'center',\n          }}\n        >\n          <ArrowDownwardIcon sx={{ fontSize: 16, color: 'text.secondary' }} />\n        </Box>\n        <TokenSkeleton />\n      </Box>\n    </Card>\n  )\n}\n"],"mappings":";;;;;;AAUA,MAAa,2BAA2B,EACtC,aAC+C;CAC/C,OACE,qBAACA,QAAD;EAAM,UAAA;YAAN,CACG,SACC,oBAAC,UAAD;GACE,SAAQ;GACR,QAAQ;GACR,KAAK,WAAW;IACd,cAAc,MAAM,KAAK,MAAM;IAC/B,IAAI;GACN;EACD,CAAA,IAED,qBAAC,KAAD;GACE,IAAI;IACF,SAAS;IACT,gBAAgB;IAChB,IAAI;GACN;aALF,CAOE,oBAAC,UAAD;IACE,SAAQ;IACR,OAAO;IACP,QAAQ;IACR,KAAK,WAAW,EACd,cAAc,MAAM,KAAK,MAAM,aACjC;GACD,CAAA,GACD,oBAAC,UAAD;IACE,SAAQ;IACR,OAAO;IACP,QAAQ;IACR,KAAK,WAAW,EACd,cAAc,MAAM,KAAK,MAAM,aACjC;GACD,CAAA,CACE;MAEP,qBAAC,KAAD;GAAK,IAAI;IAAE,SAAS;IAAQ,eAAe;IAAU,KAAK;GAAI;aAA9D;IACE,oBAAC,eAAD,CAAgB,CAAA;IAChB,oBAAC,KAAD;KACE,IAAI;MACF,OAAO;MACP,QAAQ;MACR,SAAS;MACT,YAAY;MACZ,gBAAgB;KAClB;eAEA,oBAAC,mBAAD,EAAmB,IAAI;MAAE,UAAU;MAAI,OAAO;KAAiB,EAAI,CAAA;IAChE,CAAA;IACL,oBAAC,eAAD,CAAgB,CAAA;GACb;IACD;;AAEV"}

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

@@ -0,0 +1,5 @@
+//#region src/config/constants.d.ts
+declare const defaultMaxHeight = 686;
+//#endregion
+export { defaultMaxHeight };
+//# sourceMappingURL=constants.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","names":[],"sources":["../../../src/config/constants.ts"],"mappings":";cAAa,gBAAA"}

package/dist/esm/config/constants.js

@@ -0,0 +1,7 @@
+//#region src/config/constants.ts
+const defaultMaxHeight = 686;
+const internalExplorerUrl = "https://scan.li.fi";
+//#endregion
+export { defaultMaxHeight, internalExplorerUrl };
+
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","names":[],"sources":["../../../src/config/constants.ts"],"sourcesContent":["export const defaultMaxHeight = 686\n\nexport const internalExplorerUrl = 'https://scan.li.fi'\n"],"mappings":";AAAA,MAAa,mBAAmB;AAEhC,MAAa,sBAAsB"}

package/dist/esm/config/queryClient.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"queryClient.js","names":[],"sources":["../../../src/config/queryClient.ts"],"sourcesContent":["import { QueryClient } from '@tanstack/react-query'\n\nexport const queryClient: QueryClient = new QueryClient({\n  defaultOptions: {\n    queries: {\n      enabled: true,\n      refetchInterval: false,\n      refetchIntervalInBackground: false,\n      refetchOnWindowFocus: true,\n      refetchOnReconnect: true,\n      refetchOnMount: true,\n      retryOnMount: true,\n      // suspense: true,\n    },\n    mutations: {\n      onError: (_error) => {\n        //\n      },\n    },\n  },\n})\n"],"mappings":";;AAEA,MAAa,cAA2B,IAAI,YAAY,EACtD,gBAAgB;CACd,SAAS;EACP,SAAS;EACT,iBAAiB;EACjB,6BAA6B;EAC7B,sBAAsB;EACtB,oBAAoB;EACpB,gBAAgB;EAChB,cAAc;CAEhB;CACA,WAAW,EACT,UAAU,WAAW,CAErB,EACF;AACF,EACF,CAAC"}

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

@@ -0,0 +1,6 @@
+//#region src/config/version.d.ts
+declare const name = "@lifi/widget";
+declare const version = "0.0.0-preview-6cc63bac";
+//#endregion
+export { name, version };
+//# sourceMappingURL=version.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"version.d.ts","names":[],"sources":["../../../src/config/version.ts"],"mappings":";cAAa,IAAA;AAAA,cACA,OAAA"}

package/dist/esm/config/version.js

@@ -0,0 +1,7 @@
+//#region src/config/version.ts
+const name = "@lifi/widget";
+const version = "0.0.0-preview-6cc63bac";
+//#endregion
+export { name, version };
+
+//# sourceMappingURL=version.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"version.js","names":[],"sources":["../../../src/config/version.ts"],"sourcesContent":["export const name = '@lifi/widget'\nexport const version = '0.0.0-preview-6cc63bac'\n"],"mappings":";AAAA,MAAa,OAAO;AACpB,MAAa,UAAU"}

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

@@ -0,0 +1,26 @@
+//#region src/hooks/timer/time.ts
+function getTimeFromMilliseconds(millisecs, isCountDown = true) {
+	const totalSeconds = isCountDown ? Math.ceil(millisecs / 1e3) : Math.floor(millisecs / 1e3);
+	const days = Math.floor(totalSeconds / (3600 * 24));
+	const hours = Math.floor(totalSeconds % (3600 * 24) / 3600);
+	const minutes = Math.floor(totalSeconds % 3600 / 60);
+	const seconds = Math.floor(totalSeconds % 60);
+	return {
+		totalMilliseconds: millisecs,
+		totalSeconds,
+		milliseconds: Math.floor(millisecs % 1e3),
+		seconds,
+		minutes,
+		hours,
+		days
+	};
+}
+function getMillisecondsFromExpiry(expiry) {
+	const now = Date.now();
+	const milliSecondsDistance = expiry?.getTime() - now;
+	return milliSecondsDistance > 0 ? milliSecondsDistance : 0;
+}
+//#endregion
+export { getMillisecondsFromExpiry, getTimeFromMilliseconds };
+
+//# sourceMappingURL=time.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"time.js","names":[],"sources":["../../../../src/hooks/timer/time.ts"],"sourcesContent":["export type TimeFromMillisecondsType = {\n  totalMilliseconds: number\n  totalSeconds: number\n  milliseconds: number\n  seconds: number\n  minutes: number\n  hours: number\n  days: number\n}\n\nexport function getTimeFromMilliseconds(\n  millisecs: number,\n  isCountDown = true\n): TimeFromMillisecondsType {\n  const totalSeconds = isCountDown\n    ? Math.ceil(millisecs / 1000)\n    : Math.floor(millisecs / 1000)\n  const days = Math.floor(totalSeconds / (60 * 60 * 24))\n  const hours = Math.floor((totalSeconds % (60 * 60 * 24)) / (60 * 60))\n  const minutes = Math.floor((totalSeconds % (60 * 60)) / 60)\n  const seconds = Math.floor(totalSeconds % 60)\n  const milliseconds = Math.floor(millisecs % 1000)\n\n  return {\n    totalMilliseconds: millisecs,\n    totalSeconds,\n    milliseconds,\n    seconds,\n    minutes,\n    hours,\n    days,\n  }\n}\n\nexport function getMillisecondsFromExpiry(expiry: Date): number {\n  const now = Date.now()\n  const milliSecondsDistance = expiry?.getTime() - now\n  return milliSecondsDistance > 0 ? milliSecondsDistance : 0\n}\n"],"mappings":";AAUA,SAAgB,wBACd,WACA,cAAc,MACY;CAC1B,MAAM,eAAe,cACjB,KAAK,KAAK,YAAY,GAAI,IAC1B,KAAK,MAAM,YAAY,GAAI;CAC/B,MAAM,OAAO,KAAK,MAAM,gBAAgB,OAAU,GAAG;CACrD,MAAM,QAAQ,KAAK,MAAO,gBAAgB,OAAU,MAAQ,IAAQ;CACpE,MAAM,UAAU,KAAK,MAAO,eAAgB,OAAY,EAAE;CAC1D,MAAM,UAAU,KAAK,MAAM,eAAe,EAAE;CAG5C,OAAO;EACL,mBAAmB;EACnB;EACA,cALmB,KAAK,MAAM,YAAY,GAK/B;EACX;EACA;EACA;EACA;CACF;AACF;AAEA,SAAgB,0BAA0B,QAAsB;CAC9D,MAAM,MAAM,KAAK,IAAI;CACrB,MAAM,uBAAuB,QAAQ,QAAQ,IAAI;CACjD,OAAO,uBAAuB,IAAI,uBAAuB;AAC3D"}

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

@@ -0,0 +1,29 @@
+import { formatTimer } from "../../utils/timer.js";
+import { useTimer } from "./useTimer.js";
+import { useState } from "react";
+import { useTranslation } from "react-i18next";
+//#region src/hooks/timer/useExecutionTimer.ts
+const useExecutionTimer = (expiryTimestamp) => {
+	const { i18n } = useTranslation();
+	const [isExpired, setExpired] = useState(false);
+	const { days, hours, minutes, seconds } = useTimer({
+		autoStart: true,
+		expiryTimestamp,
+		onExpire: () => setExpired(true)
+	});
+	const isTimerExpired = isExpired || !minutes && !seconds;
+	return {
+		formatted: isTimerExpired ? null : formatTimer({
+			locale: i18n.language,
+			days,
+			hours,
+			minutes,
+			seconds
+		}),
+		isTimerExpired
+	};
+};
+//#endregion
+export { useExecutionTimer };
+
+//# sourceMappingURL=useExecutionTimer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useExecutionTimer.js","names":[],"sources":["../../../../src/hooks/timer/useExecutionTimer.ts"],"sourcesContent":["import { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { formatTimer } from '../../utils/timer.js'\nimport { useTimer } from './useTimer.js'\n\nexport const useExecutionTimer = (\n  expiryTimestamp: Date\n): { formatted: string | null; isTimerExpired: boolean } => {\n  const { i18n } = useTranslation()\n  const [isExpired, setExpired] = useState(false)\n  const { days, hours, minutes, seconds } = useTimer({\n    autoStart: true,\n    expiryTimestamp,\n    onExpire: () => setExpired(true),\n  })\n  const isTimerExpired = isExpired || (!minutes && !seconds)\n  const formatted = isTimerExpired\n    ? null\n    : formatTimer({ locale: i18n.language, days, hours, minutes, seconds })\n  return { formatted, isTimerExpired }\n}\n"],"mappings":";;;;;AAKA,MAAa,qBACX,oBAC0D;CAC1D,MAAM,EAAE,SAAS,eAAe;CAChC,MAAM,CAAC,WAAW,cAAc,SAAS,KAAK;CAC9C,MAAM,EAAE,MAAM,OAAO,SAAS,YAAY,SAAS;EACjD,WAAW;EACX;EACA,gBAAgB,WAAW,IAAI;CACjC,CAAC;CACD,MAAM,iBAAiB,aAAc,CAAC,WAAW,CAAC;CAIlD,OAAO;EAAE,WAHS,iBACd,OACA,YAAY;GAAE,QAAQ,KAAK;GAAU;GAAM;GAAO;GAAS;EAAQ,CAAC;EACpD;CAAe;AACrC"}

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

@@ -0,0 +1,19 @@
+import { useEffect, useRef } from "react";
+//#region src/hooks/timer/useInterval.ts
+function useInterval(callback, delay) {
+	const callbackRef = useRef(callback);
+	useEffect(() => {
+		callbackRef.current = callback;
+	});
+	useEffect(() => {
+		if (!delay) return () => {};
+		const interval = setInterval(() => {
+			callbackRef?.current?.();
+		}, delay);
+		return () => clearInterval(interval);
+	}, [delay]);
+}
+//#endregion
+export { useInterval };
+
+//# sourceMappingURL=useInterval.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useInterval.js","names":[],"sources":["../../../../src/hooks/timer/useInterval.ts"],"sourcesContent":["import { useEffect, useRef } from 'react'\n\nexport function useInterval(callback: () => void, delay: number | null): void {\n  const callbackRef = useRef(callback)\n\n  // update callback function with current render callback that has access to latest props and state\n  useEffect(() => {\n    callbackRef.current = callback\n  })\n\n  useEffect(() => {\n    if (!delay) {\n      return () => {}\n    }\n\n    const interval = setInterval(() => {\n      callbackRef?.current?.()\n    }, delay)\n    return () => clearInterval(interval)\n  }, [delay])\n}\n"],"mappings":";;AAEA,SAAgB,YAAY,UAAsB,OAA4B;CAC5E,MAAM,cAAc,OAAO,QAAQ;CAGnC,gBAAgB;EACd,YAAY,UAAU;CACxB,CAAC;CAED,gBAAgB;EACd,IAAI,CAAC,OACH,aAAa,CAAC;EAGhB,MAAM,WAAW,kBAAkB;GACjC,aAAa,UAAU;EACzB,GAAG,KAAK;EACR,aAAa,cAAc,QAAQ;CACrC,GAAG,CAAC,KAAK,CAAC;AACZ"}

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

@@ -0,0 +1,67 @@
+import { getMillisecondsFromExpiry, getTimeFromMilliseconds } from "./time.js";
+import { useInterval } from "./useInterval.js";
+import { validateExpiryTimestamp, validateOnExpire } from "./validate.js";
+import { useCallback, useEffect, useState } from "react";
+//#region src/hooks/timer/useTimer.ts
+const SECOND_INTERVAL = 1e3;
+/**
+* `useTimer` from https://github.com/amrlabib/react-timer-hook
+*/
+function useTimer({ expiryTimestamp: expiry, onExpire = () => {}, autoStart = true, interval: customInterval = SECOND_INTERVAL }) {
+	const [expiryTimestamp, setExpiryTimestamp] = useState(expiry);
+	const [milliseconds, setMilliseconds] = useState(getMillisecondsFromExpiry(expiryTimestamp));
+	const [isRunning, setIsRunning] = useState(autoStart);
+	const [didStart, setDidStart] = useState(autoStart);
+	const [interval, setInterval] = useState(customInterval);
+	const handleExpire = useCallback(() => {
+		if (validateOnExpire(onExpire)) onExpire();
+		setIsRunning(false);
+		setInterval(null);
+	}, [onExpire]);
+	const pause = useCallback(() => {
+		setIsRunning(false);
+	}, []);
+	const restart = useCallback((newExpiryTimestamp, newAutoStart = true) => {
+		setInterval(customInterval);
+		setDidStart(newAutoStart);
+		setIsRunning(newAutoStart);
+		setExpiryTimestamp(newExpiryTimestamp);
+		setMilliseconds(getMillisecondsFromExpiry(newExpiryTimestamp));
+	}, [customInterval]);
+	const resume = useCallback(() => {
+		const time = /* @__PURE__ */ new Date();
+		time.setMilliseconds(time.getMilliseconds() + milliseconds);
+		restart(time);
+	}, [milliseconds, restart]);
+	const start = useCallback(() => {
+		if (didStart) {
+			setMilliseconds(getMillisecondsFromExpiry(expiryTimestamp));
+			setIsRunning(true);
+		} else resume();
+	}, [
+		expiryTimestamp,
+		didStart,
+		resume
+	]);
+	useInterval(() => {
+		const millisecondsValue = getMillisecondsFromExpiry(expiryTimestamp);
+		setMilliseconds(millisecondsValue);
+		if (millisecondsValue <= 0) handleExpire();
+		else if (interval && millisecondsValue < interval) setInterval(millisecondsValue);
+	}, isRunning ? interval : null);
+	useEffect(() => {
+		validateExpiryTimestamp(expiryTimestamp);
+	}, [expiryTimestamp]);
+	return {
+		...getTimeFromMilliseconds(milliseconds),
+		start,
+		pause,
+		resume,
+		restart,
+		isRunning
+	};
+}
+//#endregion
+export { useTimer };
+
+//# sourceMappingURL=useTimer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTimer.js","names":[],"sources":["../../../../src/hooks/timer/useTimer.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react'\nimport {\n  getMillisecondsFromExpiry,\n  getTimeFromMilliseconds,\n  type TimeFromMillisecondsType,\n} from './time.js'\nimport { useInterval } from './useInterval.js'\nimport { validateExpiryTimestamp, validateOnExpire } from './validate.js'\n\nconst SECOND_INTERVAL = 1000\n\ntype useTimerSettingsType = {\n  expiryTimestamp: Date\n  onExpire?: () => void\n  autoStart?: boolean\n  interval?: number\n}\n\ntype useTimerResultType = TimeFromMillisecondsType & {\n  start: () => void\n  pause: () => void\n  resume: () => void\n  restart: (newExpiryTimestamp: Date, newAutoStart?: boolean) => void\n  isRunning: boolean\n}\n\n/**\n * `useTimer` from https://github.com/amrlabib/react-timer-hook\n */\nexport function useTimer({\n  expiryTimestamp: expiry,\n  onExpire = () => {},\n  autoStart = true,\n  interval: customInterval = SECOND_INTERVAL,\n}: useTimerSettingsType): useTimerResultType {\n  const [expiryTimestamp, setExpiryTimestamp] = useState(expiry)\n  const [milliseconds, setMilliseconds] = useState(\n    getMillisecondsFromExpiry(expiryTimestamp)\n  )\n  const [isRunning, setIsRunning] = useState(autoStart)\n  const [didStart, setDidStart] = useState(autoStart)\n  const [interval, setInterval] = useState<number | null>(customInterval)\n\n  const handleExpire = useCallback(() => {\n    if (validateOnExpire(onExpire)) {\n      onExpire()\n    }\n    setIsRunning(false)\n    setInterval(null)\n  }, [onExpire])\n\n  const pause = useCallback(() => {\n    setIsRunning(false)\n  }, [])\n\n  const restart = useCallback(\n    (newExpiryTimestamp: Date, newAutoStart = true) => {\n      setInterval(customInterval)\n      setDidStart(newAutoStart)\n      setIsRunning(newAutoStart)\n      setExpiryTimestamp(newExpiryTimestamp)\n      setMilliseconds(getMillisecondsFromExpiry(newExpiryTimestamp))\n    },\n    [customInterval]\n  )\n\n  const resume = useCallback(() => {\n    const time = new Date()\n    time.setMilliseconds(time.getMilliseconds() + milliseconds)\n    restart(time)\n  }, [milliseconds, restart])\n\n  const start = useCallback(() => {\n    if (didStart) {\n      setMilliseconds(getMillisecondsFromExpiry(expiryTimestamp))\n      setIsRunning(true)\n    } else {\n      resume()\n    }\n  }, [expiryTimestamp, didStart, resume])\n\n  useInterval(\n    () => {\n      const millisecondsValue = getMillisecondsFromExpiry(expiryTimestamp)\n      setMilliseconds(millisecondsValue)\n      if (millisecondsValue <= 0) {\n        handleExpire()\n      } else if (interval && millisecondsValue < interval) {\n        setInterval(millisecondsValue)\n      }\n    },\n    isRunning ? interval : null\n  )\n\n  useEffect(() => {\n    validateExpiryTimestamp(expiryTimestamp)\n  }, [expiryTimestamp])\n\n  return {\n    ...getTimeFromMilliseconds(milliseconds),\n    start,\n    pause,\n    resume,\n    restart,\n    isRunning,\n  }\n}\n"],"mappings":";;;;;AASA,MAAM,kBAAkB;;;;AAoBxB,SAAgB,SAAS,EACvB,iBAAiB,QACjB,iBAAiB,CAAC,GAClB,YAAY,MACZ,UAAU,iBAAiB,mBACgB;CAC3C,MAAM,CAAC,iBAAiB,sBAAsB,SAAS,MAAM;CAC7D,MAAM,CAAC,cAAc,mBAAmB,SACtC,0BAA0B,eAAe,CAC3C;CACA,MAAM,CAAC,WAAW,gBAAgB,SAAS,SAAS;CACpD,MAAM,CAAC,UAAU,eAAe,SAAS,SAAS;CAClD,MAAM,CAAC,UAAU,eAAe,SAAwB,cAAc;CAEtE,MAAM,eAAe,kBAAkB;EACrC,IAAI,iBAAiB,QAAQ,GAC3B,SAAS;EAEX,aAAa,KAAK;EAClB,YAAY,IAAI;CAClB,GAAG,CAAC,QAAQ,CAAC;CAEb,MAAM,QAAQ,kBAAkB;EAC9B,aAAa,KAAK;CACpB,GAAG,CAAC,CAAC;CAEL,MAAM,UAAU,aACb,oBAA0B,eAAe,SAAS;EACjD,YAAY,cAAc;EAC1B,YAAY,YAAY;EACxB,aAAa,YAAY;EACzB,mBAAmB,kBAAkB;EACrC,gBAAgB,0BAA0B,kBAAkB,CAAC;CAC/D,GACA,CAAC,cAAc,CACjB;CAEA,MAAM,SAAS,kBAAkB;EAC/B,MAAM,uBAAO,IAAI,KAAK;EACtB,KAAK,gBAAgB,KAAK,gBAAgB,IAAI,YAAY;EAC1D,QAAQ,IAAI;CACd,GAAG,CAAC,cAAc,OAAO,CAAC;CAE1B,MAAM,QAAQ,kBAAkB;EAC9B,IAAI,UAAU;GACZ,gBAAgB,0BAA0B,eAAe,CAAC;GAC1D,aAAa,IAAI;EACnB,OACE,OAAO;CAEX,GAAG;EAAC;EAAiB;EAAU;CAAM,CAAC;CAEtC,kBACQ;EACJ,MAAM,oBAAoB,0BAA0B,eAAe;EACnE,gBAAgB,iBAAiB;EACjC,IAAI,qBAAqB,GACvB,aAAa;OACR,IAAI,YAAY,oBAAoB,UACzC,YAAY,iBAAiB;CAEjC,GACA,YAAY,WAAW,IACzB;CAEA,gBAAgB;EACd,wBAAwB,eAAe;CACzC,GAAG,CAAC,eAAe,CAAC;CAEpB,OAAO;EACL,GAAG,wBAAwB,YAAY;EACvC;EACA;EACA;EACA;EACA;CACF;AACF"}

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

@@ -0,0 +1,15 @@
+//#region src/hooks/timer/validate.ts
+function validateExpiryTimestamp(expiryTimestamp) {
+	const isValid = new Date(expiryTimestamp).getTime() > 0;
+	if (!isValid) console.warn("useTimer Invalid expiryTimestamp settings", expiryTimestamp);
+	return isValid;
+}
+function validateOnExpire(onExpire) {
+	const isValid = onExpire && typeof onExpire === "function";
+	if (onExpire && !isValid) console.warn("useTimer Invalid onExpire settings function", onExpire);
+	return isValid;
+}
+//#endregion
+export { validateExpiryTimestamp, validateOnExpire };
+
+//# sourceMappingURL=validate.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"validate.js","names":[],"sources":["../../../../src/hooks/timer/validate.ts"],"sourcesContent":["export function validateExpiryTimestamp(expiryTimestamp: Date): boolean {\n  const isValid = new Date(expiryTimestamp).getTime() > 0\n  if (!isValid) {\n    console.warn('useTimer Invalid expiryTimestamp settings', expiryTimestamp)\n  }\n  return isValid\n}\n\nexport function validateOnExpire(onExpire: () => void): boolean {\n  const isValid = onExpire && typeof onExpire === 'function'\n  if (onExpire && !isValid) {\n    console.warn('useTimer Invalid onExpire settings function', onExpire)\n  }\n  return isValid\n}\n"],"mappings":";AAAA,SAAgB,wBAAwB,iBAAgC;CACtE,MAAM,UAAU,IAAI,KAAK,eAAe,EAAE,QAAQ,IAAI;CACtD,IAAI,CAAC,SACH,QAAQ,KAAK,6CAA6C,eAAe;CAE3E,OAAO;AACT;AAEA,SAAgB,iBAAiB,UAA+B;CAC9D,MAAM,UAAU,YAAY,OAAO,aAAa;CAChD,IAAI,YAAY,CAAC,SACf,QAAQ,KAAK,+CAA+C,QAAQ;CAEtE,OAAO;AACT"}

package/dist/esm/hooks/useAccountsBalancesData.js

@@ -0,0 +1,70 @@
+import { useChains } from "./useChains.js";
+import { useFilteredTokensByBalance } from "./useFilteredByTokenBalances.js";
+import { useMemo } from "react";
+import { useAccount } from "@lifi/wallet-management";
+//#region src/hooks/useAccountsBalancesData.ts
+const useAccountsBalancesData = (selectedChainId, formType, isAllNetworks, allTokens) => {
+	const { data: accountsWithTokens, isLoading: isAccountsLoading } = useAccountsData(selectedChainId, formType, isAllNetworks, allTokens);
+	const { data: filteredTokens, isLoading: isCachedBalancesLoading } = useFilteredTokensByBalance(accountsWithTokens, formType);
+	return {
+		data: filteredTokens,
+		isLoading: isAccountsLoading || isCachedBalancesLoading
+	};
+};
+const useAccountsData = (selectedChainId, formType, isAllNetworks, allTokens) => {
+	const { chains: allChains, isLoading: isChainsLoading, getChainById } = useChains(formType);
+	const currentChain = useMemo(() => {
+		return selectedChainId ? getChainById(selectedChainId, allChains) : void 0;
+	}, [
+		selectedChainId,
+		allChains,
+		getChainById
+	]);
+	const chains = useMemo(() => {
+		return isAllNetworks ? allChains : currentChain ? [currentChain] : void 0;
+	}, [
+		allChains,
+		isAllNetworks,
+		currentChain
+	]);
+	const { accounts: allAccounts, account: currentAccount } = useAccount(isAllNetworks ? void 0 : { chainType: currentChain?.chainType });
+	const accounts = useMemo(() => {
+		return isAllNetworks ? allAccounts : currentAccount ? [currentAccount] : void 0;
+	}, [
+		allAccounts,
+		currentAccount,
+		isAllNetworks
+	]);
+	return {
+		data: useMemo(() => {
+			if (!chains || !allTokens || !accounts?.length) return;
+			return accounts?.filter((account) => account.address).reduce((acc, account) => {
+				if (account.address) {
+					const accountChains = chains?.filter((chain) => account.chainType === chain?.chainType);
+					if (accountChains) {
+						const chainIdSet = new Set(accountChains.map((chain) => chain.id));
+						const filteredTokens = Object.entries(allTokens).reduce((tokenAcc, [chainIdStr, tokens]) => {
+							const chainId = Number(chainIdStr);
+							if (chainIdSet.has(chainId)) tokenAcc[chainId] = tokens;
+							return tokenAcc;
+						}, {});
+						acc[account.address] = {
+							chainType: account.chainType,
+							tokens: filteredTokens
+						};
+					}
+				}
+				return acc;
+			}, {});
+		}, [
+			accounts,
+			chains,
+			allTokens
+		]),
+		isLoading: isChainsLoading
+	};
+};
+//#endregion
+export { useAccountsBalancesData };
+
+//# sourceMappingURL=useAccountsBalancesData.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useAccountsBalancesData.js","names":[],"sources":["../../../src/hooks/useAccountsBalancesData.ts"],"sourcesContent":["import type { ChainType, TokenExtended } from '@lifi/sdk'\nimport { useAccount } from '@lifi/wallet-management'\nimport { useMemo } from 'react'\nimport type { FormType } from '../stores/form/types.js'\nimport { useChains } from './useChains.js'\nimport { useFilteredTokensByBalance } from './useFilteredByTokenBalances.js'\n\nexport const useAccountsBalancesData = (\n  selectedChainId?: number,\n  formType?: FormType,\n  isAllNetworks?: boolean,\n  allTokens?: Record<number, TokenExtended[]>\n): {\n  data: Record<string, Record<number, TokenExtended[]>> | undefined\n  isLoading: boolean\n} => {\n  const { data: accountsWithTokens, isLoading: isAccountsLoading } =\n    useAccountsData(selectedChainId, formType, isAllNetworks, allTokens)\n\n  // Filter out EVM tokens that do not have balances\n  const { data: filteredTokens, isLoading: isCachedBalancesLoading } =\n    useFilteredTokensByBalance(accountsWithTokens, formType)\n\n  return {\n    data: filteredTokens,\n    isLoading: isAccountsLoading || isCachedBalancesLoading,\n  }\n}\n\nconst useAccountsData = (\n  selectedChainId?: number,\n  formType?: FormType,\n  isAllNetworks?: boolean,\n  allTokens?: Record<number, TokenExtended[]>\n) => {\n  const {\n    chains: allChains,\n    isLoading: isChainsLoading,\n    getChainById,\n  } = useChains(formType)\n  const currentChain = useMemo(() => {\n    return selectedChainId\n      ? getChainById(selectedChainId, allChains)\n      : undefined\n  }, [selectedChainId, allChains, getChainById])\n  const chains = useMemo(() => {\n    return isAllNetworks ? allChains : currentChain ? [currentChain] : undefined\n  }, [allChains, isAllNetworks, currentChain])\n\n  const { accounts: allAccounts, account: currentAccount } = useAccount(\n    isAllNetworks ? undefined : { chainType: currentChain?.chainType }\n  )\n  const accounts = useMemo(() => {\n    return isAllNetworks\n      ? allAccounts\n      : currentAccount\n        ? [currentAccount]\n        : undefined\n  }, [allAccounts, currentAccount, isAllNetworks])\n\n  const accountsWithTokens = useMemo(() => {\n    if (!chains || !allTokens || !accounts?.length) {\n      return undefined\n    }\n    return accounts\n      ?.filter((account) => account.address)\n      .reduce(\n        (acc, account) => {\n          if (account.address) {\n            const accountChains = chains?.filter(\n              (chain) => account.chainType === chain?.chainType\n            )\n            if (accountChains) {\n              const chainIdSet = new Set(accountChains.map((chain) => chain.id))\n              const filteredTokens = Object.entries(allTokens).reduce(\n                (tokenAcc, [chainIdStr, tokens]) => {\n                  const chainId = Number(chainIdStr)\n                  if (chainIdSet.has(chainId)) {\n                    tokenAcc[chainId] = tokens\n                  }\n                  return tokenAcc\n                },\n                {} as { [chainId: number]: TokenExtended[] }\n              )\n              acc[account.address] = {\n                chainType: account.chainType,\n                tokens: filteredTokens,\n              }\n            }\n          }\n          return acc\n        },\n        {} as Record<\n          string,\n          { chainType: ChainType; tokens: Record<number, TokenExtended[]> }\n        >\n      )\n  }, [accounts, chains, allTokens])\n\n  return {\n    data: accountsWithTokens,\n    isLoading: isChainsLoading,\n  }\n}\n"],"mappings":";;;;;AAOA,MAAa,2BACX,iBACA,UACA,eACA,cAIG;CACH,MAAM,EAAE,MAAM,oBAAoB,WAAW,sBAC3C,gBAAgB,iBAAiB,UAAU,eAAe,SAAS;CAGrE,MAAM,EAAE,MAAM,gBAAgB,WAAW,4BACvC,2BAA2B,oBAAoB,QAAQ;CAEzD,OAAO;EACL,MAAM;EACN,WAAW,qBAAqB;CAClC;AACF;AAEA,MAAM,mBACJ,iBACA,UACA,eACA,cACG;CACH,MAAM,EACJ,QAAQ,WACR,WAAW,iBACX,iBACE,UAAU,QAAQ;CACtB,MAAM,eAAe,cAAc;EACjC,OAAO,kBACH,aAAa,iBAAiB,SAAS,IACvC,KAAA;CACN,GAAG;EAAC;EAAiB;EAAW;CAAY,CAAC;CAC7C,MAAM,SAAS,cAAc;EAC3B,OAAO,gBAAgB,YAAY,eAAe,CAAC,YAAY,IAAI,KAAA;CACrE,GAAG;EAAC;EAAW;EAAe;CAAY,CAAC;CAE3C,MAAM,EAAE,UAAU,aAAa,SAAS,mBAAmB,WACzD,gBAAgB,KAAA,IAAY,EAAE,WAAW,cAAc,UAAU,CACnE;CACA,MAAM,WAAW,cAAc;EAC7B,OAAO,gBACH,cACA,iBACE,CAAC,cAAc,IACf,KAAA;CACR,GAAG;EAAC;EAAa;EAAgB;CAAa,CAAC;CAyC/C,OAAO;EACL,MAxCyB,cAAc;GACvC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,UAAU,QACtC;GAEF,OAAO,UACH,QAAQ,YAAY,QAAQ,OAAO,EACpC,QACE,KAAK,YAAY;IAChB,IAAI,QAAQ,SAAS;KACnB,MAAM,gBAAgB,QAAQ,QAC3B,UAAU,QAAQ,cAAc,OAAO,SAC1C;KACA,IAAI,eAAe;MACjB,MAAM,aAAa,IAAI,IAAI,cAAc,KAAK,UAAU,MAAM,EAAE,CAAC;MACjE,MAAM,iBAAiB,OAAO,QAAQ,SAAS,EAAE,QAC9C,UAAU,CAAC,YAAY,YAAY;OAClC,MAAM,UAAU,OAAO,UAAU;OACjC,IAAI,WAAW,IAAI,OAAO,GACxB,SAAS,WAAW;OAEtB,OAAO;MACT,GACA,CAAC,CACH;MACA,IAAI,QAAQ,WAAW;OACrB,WAAW,QAAQ;OACnB,QAAQ;MACV;KACF;IACF;IACA,OAAO;GACT,GACA,CAAC,CAIH;EACJ,GAAG;GAAC;GAAU;GAAQ;EAAS,CAGN;EACvB,WAAW;CACb;AACF"}

package/dist/esm/hooks/useActionMessage.js

@@ -0,0 +1,18 @@
+import { useWidgetConfig } from "../providers/WidgetProvider/WidgetProvider.js";
+import { useAvailableChains } from "./useAvailableChains.js";
+import { getActionMessage } from "../utils/getActionMessage.js";
+import { getErrorMessage } from "../utils/getErrorMessage.js";
+import { useTranslation } from "react-i18next";
+//#region src/hooks/useActionMessage.ts
+const useActionMessage = (step, action, defaultLabelsOnly) => {
+	const { mode, modeOptions } = useWidgetConfig();
+	const { t } = useTranslation();
+	const { getChainById } = useAvailableChains();
+	if (!step || !action) return {};
+	if (action.status === "FAILED") return getErrorMessage(t, getChainById, step, action);
+	return getActionMessage(t, step, action.type, action.status, action.substatus, defaultLabelsOnly ? void 0 : mode, defaultLabelsOnly ? void 0 : modeOptions);
+};
+//#endregion
+export { useActionMessage };
+
+//# sourceMappingURL=useActionMessage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useActionMessage.js","names":[],"sources":["../../../src/hooks/useActionMessage.ts"],"sourcesContent":["import type { ExecutionAction, LiFiStepExtended } from '@lifi/sdk'\nimport { useTranslation } from 'react-i18next'\nimport { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\nimport { getActionMessage } from '../utils/getActionMessage.js'\nimport { getErrorMessage } from '../utils/getErrorMessage.js'\nimport { useAvailableChains } from './useAvailableChains.js'\n\nexport const useActionMessage = (\n  step?: LiFiStepExtended,\n  action?: ExecutionAction,\n  defaultLabelsOnly?: boolean\n): { title?: string; message?: string } => {\n  const { mode, modeOptions } = useWidgetConfig()\n  const { t } = useTranslation()\n  const { getChainById } = useAvailableChains()\n\n  if (!step || !action) {\n    return {}\n  }\n\n  if (action.status === 'FAILED') {\n    return getErrorMessage(t, getChainById, step, action)\n  }\n\n  return getActionMessage(\n    t,\n    step,\n    action.type,\n    action.status,\n    action.substatus,\n    defaultLabelsOnly ? undefined : mode,\n    defaultLabelsOnly ? undefined : modeOptions\n  )\n}\n"],"mappings":";;;;;;AAOA,MAAa,oBACX,MACA,QACA,sBACyC;CACzC,MAAM,EAAE,MAAM,gBAAgB,gBAAgB;CAC9C,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,EAAE,iBAAiB,mBAAmB;CAE5C,IAAI,CAAC,QAAQ,CAAC,QACZ,OAAO,CAAC;CAGV,IAAI,OAAO,WAAW,UACpB,OAAO,gBAAgB,GAAG,cAAc,MAAM,MAAM;CAGtD,OAAO,iBACL,GACA,MACA,OAAO,MACP,OAAO,QACP,OAAO,WACP,oBAAoB,KAAA,IAAY,MAChC,oBAAoB,KAAA,IAAY,WAClC;AACF"}

package/dist/esm/hooks/useAddressActivity.js

@@ -0,0 +1,36 @@
+import { useAvailableChains } from "./useAvailableChains.js";
+import { useFieldValues } from "../stores/form/useFieldValues.js";
+import { ChainType } from "@lifi/sdk";
+import { useQuery } from "@tanstack/react-query";
+import { useEthereumContext } from "@lifi/widget-provider";
+//#region src/hooks/useAddressActivity.ts
+const useAddressActivity = (chainId) => {
+	const { getChainById } = useAvailableChains();
+	const [toAddress, toChainId] = useFieldValues("toAddress", "toChain");
+	const { getTransactionCount } = useEthereumContext();
+	const destinationChainId = chainId ?? toChainId;
+	const toChain = getChainById(destinationChainId);
+	const { data: transactionCount, isLoading, isFetched, error } = useQuery({
+		queryKey: [
+			"getTransactionCount",
+			toAddress,
+			destinationChainId
+		],
+		queryFn: async () => {
+			return await getTransactionCount?.(destinationChainId, toAddress) ?? null;
+		},
+		refetchInterval: 3e5,
+		staleTime: 3e5,
+		enabled: toChain?.chainType === ChainType.EVM && !!destinationChainId && !!toAddress && !!getTransactionCount
+	});
+	return {
+		toAddress,
+		hasActivity: Boolean(transactionCount && transactionCount > 0),
+		isLoading,
+		isFetched: isFetched && !error
+	};
+};
+//#endregion
+export { useAddressActivity };
+
+//# sourceMappingURL=useAddressActivity.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useAddressActivity.js","names":[],"sources":["../../../src/hooks/useAddressActivity.ts"],"sourcesContent":["import { ChainType } from '@lifi/sdk'\nimport { useEthereumContext } from '@lifi/widget-provider'\nimport { useQuery } from '@tanstack/react-query'\nimport { useFieldValues } from '../stores/form/useFieldValues.js'\nimport { useAvailableChains } from './useAvailableChains.js'\n\ninterface AddressActivity {\n  hasActivity: boolean\n  isLoading: boolean\n  isFetched: boolean\n  toAddress: string | undefined\n}\nexport const useAddressActivity = (chainId?: number): AddressActivity => {\n  const { getChainById } = useAvailableChains()\n  const [toAddress, toChainId] = useFieldValues('toAddress', 'toChain')\n  const { getTransactionCount } = useEthereumContext()\n\n  const destinationChainId = chainId ?? toChainId\n  const toChain = getChainById(destinationChainId)\n\n  const {\n    data: transactionCount,\n    isLoading,\n    isFetched,\n    error,\n  } = useQuery({\n    queryKey: ['getTransactionCount', toAddress, destinationChainId],\n    queryFn: async () => {\n      const count = await getTransactionCount?.(destinationChainId!, toAddress!)\n      return count ?? null\n    },\n    refetchInterval: 300_000,\n    staleTime: 300_000,\n    enabled:\n      toChain?.chainType === ChainType.EVM &&\n      !!destinationChainId &&\n      !!toAddress &&\n      !!getTransactionCount,\n  })\n\n  return {\n    toAddress,\n    hasActivity: Boolean(transactionCount && transactionCount > 0),\n    isLoading,\n    isFetched: isFetched && !error,\n  }\n}\n"],"mappings":";;;;;;AAYA,MAAa,sBAAsB,YAAsC;CACvE,MAAM,EAAE,iBAAiB,mBAAmB;CAC5C,MAAM,CAAC,WAAW,aAAa,eAAe,aAAa,SAAS;CACpE,MAAM,EAAE,wBAAwB,mBAAmB;CAEnD,MAAM,qBAAqB,WAAW;CACtC,MAAM,UAAU,aAAa,kBAAkB;CAE/C,MAAM,EACJ,MAAM,kBACN,WACA,WACA,UACE,SAAS;EACX,UAAU;GAAC;GAAuB;GAAW;EAAkB;EAC/D,SAAS,YAAY;GAEnB,OAAO,MADa,sBAAsB,oBAAqB,SAAU,KACzD;EAClB;EACA,iBAAiB;EACjB,WAAW;EACX,SACE,SAAS,cAAc,UAAU,OACjC,CAAC,CAAC,sBACF,CAAC,CAAC,aACF,CAAC,CAAC;CACN,CAAC;CAED,OAAO;EACL;EACA,aAAa,QAAQ,oBAAoB,mBAAmB,CAAC;EAC7D;EACA,WAAW,aAAa,CAAC;CAC3B;AACF"}

package/dist/esm/hooks/useAddressValidation.js

@@ -0,0 +1,50 @@
+import { useSDKClient } from "../providers/SDKClientProvider.js";
+import { getNameServiceAddress } from "@lifi/sdk";
+import { useTranslation } from "react-i18next";
+import { useMutation } from "@tanstack/react-query";
+import { useChainTypeFromAddress } from "@lifi/widget-provider";
+//#region src/hooks/useAddressValidation.ts
+const useAddressValidation = () => {
+	const { t } = useTranslation();
+	const { getChainTypeFromAddress } = useChainTypeFromAddress();
+	const sdkClient = useSDKClient();
+	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: 0,
+				chainType: _chainType,
+				isValid: true
+			};
+			const address = await getNameServiceAddress(sdkClient, value, chainType);
+			if (address) {
+				const _chainType = getChainTypeFromAddress(address);
+				if (_chainType) return {
+					address,
+					addressType: 1,
+					chainType: _chainType,
+					isValid: true
+				};
+			}
+			throw new Error();
+		} catch (_) {
+			return {
+				isValid: false,
+				error: t("error.title.walletAddressInvalid", chain?.name ? {
+					context: "chain",
+					chainName: chain.name
+				} : void 0)
+			};
+		}
+	} });
+	return {
+		validateAddress,
+		isValidating
+	};
+};
+//#endregion
+export { useAddressValidation };
+
+//# sourceMappingURL=useAddressValidation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useAddressValidation.js","names":[],"sources":["../../../src/hooks/useAddressValidation.ts"],"sourcesContent":["import type { Chain, ChainType } from '@lifi/sdk'\nimport { getNameServiceAddress } from '@lifi/sdk'\nimport { useChainTypeFromAddress } from '@lifi/widget-provider'\nimport { useMutation } from '@tanstack/react-query'\nimport { useTranslation } from 'react-i18next'\nimport { useSDKClient } from '../providers/SDKClientProvider.js'\n\nexport enum AddressType {\n  Address = 0,\n  NameService = 1,\n}\n\ntype ValidationArgs = {\n  value: string\n  chainType?: ChainType\n  chain?: Chain\n}\n\ntype ValidResponse = {\n  address: string\n  addressType: AddressType\n  chainType: ChainType\n  isValid: true\n}\n\ntype InvalidResponse = {\n  error: string\n  isValid: false\n}\n\nexport const useAddressValidation = (): {\n  validateAddress: (\n    args: ValidationArgs\n  ) => Promise<ValidResponse | InvalidResponse>\n  isValidating: boolean\n} => {\n  const { t } = useTranslation()\n  const { getChainTypeFromAddress } = useChainTypeFromAddress()\n  const sdkClient = useSDKClient()\n\n  const { mutateAsync: validateAddress, isPending: isValidating } = useMutation(\n    {\n      mutationFn: async ({\n        value,\n        chainType,\n        chain,\n      }: ValidationArgs): Promise<ValidResponse | InvalidResponse> => {\n        try {\n          if (!value) {\n            throw new Error()\n          }\n\n          const _chainType = getChainTypeFromAddress(value)\n          if (_chainType) {\n            return {\n              address: value,\n              addressType: AddressType.Address,\n              chainType: _chainType,\n              isValid: true,\n            }\n          }\n\n          const address = await getNameServiceAddress(\n            sdkClient,\n            value,\n            chainType\n          )\n\n          if (address) {\n            const _chainType = getChainTypeFromAddress(address)\n            if (_chainType) {\n              return {\n                address: address,\n                addressType: AddressType.NameService,\n                chainType: _chainType,\n                isValid: true,\n              }\n            }\n          }\n\n          throw new Error()\n        } catch (_) {\n          return {\n            isValid: false,\n            error: t(\n              'error.title.walletAddressInvalid',\n              chain?.name\n                ? { context: 'chain', chainName: chain.name }\n                : undefined\n            ),\n          }\n        }\n      },\n    }\n  )\n\n  return {\n    validateAddress,\n    isValidating,\n  }\n}\n"],"mappings":";;;;;;AA8BA,MAAa,6BAKR;CACH,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,EAAE,4BAA4B,wBAAwB;CAC5D,MAAM,YAAY,aAAa;CAE/B,MAAM,EAAE,aAAa,iBAAiB,WAAW,iBAAiB,YAChE,EACE,YAAY,OAAO,EACjB,OACA,WACA,YAC8D;EAC9D,IAAI;GACF,IAAI,CAAC,OACH,MAAM,IAAI,MAAM;GAGlB,MAAM,aAAa,wBAAwB,KAAK;GAChD,IAAI,YACF,OAAO;IACL,SAAS;IACT,aAAA;IACA,WAAW;IACX,SAAS;GACX;GAGF,MAAM,UAAU,MAAM,sBACpB,WACA,OACA,SACF;GAEA,IAAI,SAAS;IACX,MAAM,aAAa,wBAAwB,OAAO;IAClD,IAAI,YACF,OAAO;KACI;KACT,aAAA;KACA,WAAW;KACX,SAAS;IACX;GAEJ;GAEA,MAAM,IAAI,MAAM;EAClB,SAAS,GAAG;GACV,OAAO;IACL,SAAS;IACT,OAAO,EACL,oCACA,OAAO,OACH;KAAE,SAAS;KAAS,WAAW,MAAM;IAAK,IAC1C,KAAA,CACN;GACF;EACF;CACF,EACF,CACF;CAEA,OAAO;EACL;EACA;CACF;AACF"}

package/dist/esm/hooks/useAvailableChains.js

@@ -0,0 +1,69 @@
+import { useWidgetConfig } from "../providers/WidgetProvider/WidgetProvider.js";
+import { getConfigItemSets, isItemAllowedForSets } from "../utils/item.js";
+import { useSDKClient } from "../providers/SDKClientProvider.js";
+import { getQueryKey } from "../utils/queries.js";
+import { ChainType, createClient, getChains } from "@lifi/sdk";
+import { useCallback, useEffect, useMemo } from "react";
+import { useQuery } from "@tanstack/react-query";
+//#region src/hooks/useAvailableChains.ts
+const supportedChainTypes = [
+	ChainType.EVM,
+	ChainType.SVM,
+	ChainType.UTXO,
+	ChainType.MVM,
+	ChainType.TVM
+];
+const useAvailableChains = (chainTypes, widgetConfig) => {
+	const { chains: internalChains, keyPrefix: internalKeyPrefix } = useWidgetConfig();
+	const internalClient = useSDKClient();
+	const externalClient = useMemo(() => {
+		if (!widgetConfig) return;
+		return createClient({
+			...widgetConfig.sdkConfig,
+			apiKey: widgetConfig.apiKey,
+			integrator: widgetConfig.integrator ?? window?.location.hostname
+		});
+	}, [widgetConfig]);
+	const keyPrefix = widgetConfig?.keyPrefix ?? internalKeyPrefix;
+	const chains = widgetConfig?.chains ?? internalChains;
+	const { data, isLoading } = useQuery({
+		queryKey: [
+			getQueryKey("chains", keyPrefix),
+			chains?.types,
+			chains?.allow,
+			chains?.deny,
+			chains?.from,
+			chains?.to,
+			!!externalClient
+		],
+		queryFn: async ({ queryKey: [, chainTypesConfig] }) => {
+			const chainsConfigSets = getConfigItemSets(chainTypesConfig, (chains) => new Set(chains));
+			const chainTypesRequest = supportedChainTypes.filter((chainType) => isItemAllowedForSets(chainType, chainsConfigSets));
+			const client = externalClient ?? internalClient;
+			const availableChains = await getChains(client, { chainTypes: chainTypes || chainTypesRequest });
+			client.setChains(availableChains);
+			return availableChains;
+		},
+		refetchInterval: 3e5,
+		staleTime: 3e5
+	});
+	useEffect(() => {
+		if (data && !externalClient) internalClient.setChains(data);
+	}, [
+		data,
+		externalClient,
+		internalClient
+	]);
+	return {
+		chains: data,
+		getChainById: useCallback((chainId, chains = data) => {
+			if (!chainId) return;
+			return chains?.find((chain) => chain.id === chainId);
+		}, [data]),
+		isLoading
+	};
+};
+//#endregion
+export { useAvailableChains };
+
+//# sourceMappingURL=useAvailableChains.js.map