@lifi/widget 4.0.0-beta.1 → 4.0.0-beta.11

package/dist/esm/hooks/useTransactionHistory.js

@@ -1,61 +1,68 @@
-import { getTransactionHistory } from '@lifi/sdk';
-import { useAccount } from '@lifi/wallet-management';
-import { useQueries } from '@tanstack/react-query';
-import { useSDKClient } from '../providers/SDKClientProvider.js';
-import { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js';
-import { getQueryKey } from '../utils/queries.js';
-export const useTransactionHistory = () => {
-    const { accounts } = useAccount();
-    const { keyPrefix } = useWidgetConfig();
-    const sdkClient = useSDKClient();
-    const { data, isLoading } = useQueries({
-        queries: accounts.map((account) => ({
-            queryKey: [
-                getQueryKey('transaction-history', keyPrefix),
-                account.address,
-            ],
-            queryFn: (async ({ queryKey: [, accountAddress], signal }) => {
-                if (!accountAddress) {
-                    return [];
-                }
-                const date = new Date();
-                date.setFullYear(date.getFullYear() - 10);
-                const response = await getTransactionHistory(sdkClient, {
-                    wallet: accountAddress,
-                    fromTimestamp: Math.floor(date.getTime() / 1000),
-                    toTimestamp: Math.floor(Date.now() / 1000),
-                }, { signal });
-                return response.transfers;
-            }),
-            refetchInterval: 300000,
-            enabled: Boolean(account.address),
-        })),
-        combine: (results) => {
-            const uniqueTransactions = new Map();
-            results.forEach((result) => {
-                if (result.data) {
-                    result.data.forEach((transaction) => {
-                        if (transaction?.transactionId &&
-                            transaction?.receiving?.chainId &&
-                            transaction?.sending.chainId) {
-                            uniqueTransactions.set(transaction.transactionId, transaction);
-                        }
-                    });
-                }
-            });
-            const data = Array.from(uniqueTransactions.values()).sort((a, b) => {
-                return ((b?.sending?.timestamp ?? 0) -
-                    (a?.sending?.timestamp ?? 0));
-            });
-            return {
-                data: data,
-                isLoading: results.some((result) => result.isLoading),
-            };
-        },
-    });
-    return {
-        data,
-        isLoading,
-    };
+import { useWidgetConfig } from "../providers/WidgetProvider/WidgetProvider.js";
+import { useSDKClient } from "../providers/SDKClientProvider.js";
+import { getQueryKey } from "../utils/queries.js";
+import { getSourceTxHash } from "../stores/routes/utils.js";
+import { useRouteExecutionStoreContext } from "../stores/routes/RouteExecutionStore.js";
+import { useTools } from "./useTools.js";
+import { buildRouteFromTxHistory } from "../utils/converters.js";
+import { getTransactionHistory } from "@lifi/sdk";
+import { useEffect, useMemo } from "react";
+import { useQueries } from "@tanstack/react-query";
+import { useAccount } from "@lifi/wallet-management";
+//#region src/hooks/useTransactionHistory.ts
+const useTransactionHistory = () => {
+	const store = useRouteExecutionStoreContext();
+	const { accounts } = useAccount();
+	const { keyPrefix } = useWidgetConfig();
+	const sdkClient = useSDKClient();
+	const { tools } = useTools();
+	const { data: routeExecutions, isLoading } = useQueries({
+		queries: accounts.map((account) => ({
+			queryKey: [getQueryKey("transaction-history", keyPrefix), account.address],
+			queryFn: (async ({ queryKey: [, accountAddress], signal }) => {
+				if (!accountAddress) return [];
+				const date = /* @__PURE__ */ new Date();
+				date.setFullYear(date.getFullYear() - 10);
+				return (await getTransactionHistory(sdkClient, {
+					wallet: accountAddress,
+					fromTimestamp: Math.floor(date.getTime() / 1e3),
+					toTimestamp: Math.floor(Date.now() / 1e3)
+				}, { signal })).transfers;
+			}),
+			refetchInterval: 3e5,
+			enabled: Boolean(account.address)
+		})),
+		combine: (results) => {
+			const uniqueTransactions = /* @__PURE__ */ new Map();
+			results.forEach((result) => {
+				if (result.data) result.data.forEach((transaction) => {
+					if (transaction?.transactionId && transaction?.receiving?.chainId && transaction?.sending.chainId) uniqueTransactions.set(transaction.transactionId, transaction);
+				});
+			});
+			return {
+				data: Array.from(uniqueTransactions.values()).flatMap((transaction) => {
+					const routeExecution = buildRouteFromTxHistory(transaction, tools);
+					return routeExecution ? [routeExecution] : [];
+				}),
+				isLoading: results.some((result) => result.isLoading)
+			};
+		}
+	});
+	const apiTxHashes = useMemo(() => new Set(routeExecutions.map((r) => getSourceTxHash(r.route))), [routeExecutions]);
+	useEffect(() => {
+		if (!apiTxHashes.size) return;
+		const { routes, deleteRoute } = store.getState();
+		for (const [id, routeExecution] of Object.entries(routes)) {
+			const txHash = getSourceTxHash(routeExecution?.route);
+			if (txHash && apiTxHashes.has(txHash)) deleteRoute(id);
+		}
+	}, [apiTxHashes, store]);
+	return {
+		data: routeExecutions,
+		isLoading
+	};
 };
+//#endregion
+export { useTransactionHistory };
+
 //# sourceMappingURL=useTransactionHistory.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useTransactionHistory.js","sourceRoot":"","sources":["../../../src/hooks/useTransactionHistory.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"useTransactionHistory.js","names":[],"sources":["../../../src/hooks/useTransactionHistory.ts"],"sourcesContent":["import type { FullStatusData, StatusResponse } from '@lifi/sdk'\nimport { getTransactionHistory } from '@lifi/sdk'\nimport { useAccount } from '@lifi/wallet-management'\nimport type { QueryFunction } from '@tanstack/react-query'\nimport { useQueries } from '@tanstack/react-query'\nimport { useEffect, useMemo } from 'react'\nimport { useSDKClient } from '../providers/SDKClientProvider.js'\nimport { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\nimport { useRouteExecutionStoreContext } from '../stores/routes/RouteExecutionStore.js'\nimport type {\n  RouteExecution,\n  RouteExecutionState,\n} from '../stores/routes/types.js'\nimport { getSourceTxHash } from '../stores/routes/utils.js'\nimport { buildRouteFromTxHistory } from '../utils/converters.js'\nimport { getQueryKey } from '../utils/queries.js'\nimport { useTools } from './useTools.js'\n\nexport const useTransactionHistory = (): {\n  data: RouteExecution[]\n  isLoading: boolean\n} => {\n  const store = useRouteExecutionStoreContext()\n  const { accounts } = useAccount()\n  const { keyPrefix } = useWidgetConfig()\n  const sdkClient = useSDKClient()\n  const { tools } = useTools()\n\n  const { data: routeExecutions, isLoading } = useQueries({\n    queries: accounts.map((account) => ({\n      queryKey: [\n        getQueryKey('transaction-history', keyPrefix),\n        account.address,\n      ],\n      queryFn: (async ({ queryKey: [, accountAddress], signal }) => {\n        if (!accountAddress) {\n          return []\n        }\n        const date = new Date()\n        date.setFullYear(date.getFullYear() - 10)\n\n        const response = await getTransactionHistory(\n          sdkClient,\n          {\n            wallet: accountAddress,\n            fromTimestamp: Math.floor(date.getTime() / 1000),\n            toTimestamp: Math.floor(Date.now() / 1000),\n          },\n          { signal }\n        )\n\n        return response.transfers\n      }) as QueryFunction<StatusResponse[], (string | undefined)[], never>,\n      refetchInterval: 300_000,\n      enabled: Boolean(account.address),\n    })),\n    combine: (results) => {\n      const uniqueTransactions = new Map<string, StatusResponse>()\n      results.forEach((result) => {\n        if (result.data) {\n          result.data.forEach((transaction) => {\n            if (\n              (transaction as FullStatusData)?.transactionId &&\n              (transaction as FullStatusData)?.receiving?.chainId &&\n              transaction?.sending.chainId\n            ) {\n              uniqueTransactions.set(\n                (transaction as FullStatusData).transactionId,\n                transaction\n              )\n            }\n          })\n        }\n      })\n      // Convert raw API transactions into RouteExecution objects.\n      const data = Array.from(uniqueTransactions.values()).flatMap(\n        (transaction) => {\n          const routeExecution = buildRouteFromTxHistory(\n            transaction as FullStatusData,\n            tools\n          )\n          return routeExecution ? [routeExecution] : []\n        }\n      )\n      return {\n        data,\n        isLoading: results.some((result) => result.isLoading),\n      }\n    },\n  })\n\n  // Stable Set — only recreated when data actually changes (TanStack Query structural sharing).\n  const apiTxHashes = useMemo(\n    () => new Set(routeExecutions.map((r) => getSourceTxHash(r.route))),\n    [routeExecutions]\n  )\n\n  // Remove local store routes already indexed by the API to avoid duplicates.\n  // Must be in an effect — combine runs during render, so store mutations there\n  // would trigger \"Cannot update a component while rendering\" in concurrent mode.\n  useEffect(() => {\n    if (!apiTxHashes.size) {\n      return\n    }\n    const { routes, deleteRoute } = store.getState() as RouteExecutionState\n    for (const [id, routeExecution] of Object.entries(routes)) {\n      const txHash = getSourceTxHash(\n        (routeExecution as RouteExecution | undefined)?.route\n      )\n      if (txHash && apiTxHashes.has(txHash)) {\n        deleteRoute(id)\n      }\n    }\n  }, [apiTxHashes, store])\n\n  return {\n    data: routeExecutions,\n    isLoading,\n  }\n}\n"],"mappings":";;;;;;;;;;;;AAkBA,MAAa,8BAGR;CACH,MAAM,QAAQ,+BAA+B;CAC7C,MAAM,EAAE,aAAa,YAAY;CACjC,MAAM,EAAE,cAAc,iBAAiB;CACvC,MAAM,YAAY,cAAc;CAChC,MAAM,EAAE,UAAU,UAAU;CAE5B,MAAM,EAAE,MAAM,iBAAiB,cAAc,WAAW;EACtD,SAAS,SAAS,KAAK,aAAa;GAClC,UAAU,CACR,YAAY,uBAAuB,UAAU,EAC7C,QAAQ,QACT;GACD,UAAU,OAAO,EAAE,UAAU,GAAG,iBAAiB,aAAa;AAC5D,QAAI,CAAC,eACH,QAAO,EAAE;IAEX,MAAM,uBAAO,IAAI,MAAM;AACvB,SAAK,YAAY,KAAK,aAAa,GAAG,GAAG;AAYzC,YAViB,MAAM,sBACrB,WACA;KACE,QAAQ;KACR,eAAe,KAAK,MAAM,KAAK,SAAS,GAAG,IAAK;KAChD,aAAa,KAAK,MAAM,KAAK,KAAK,GAAG,IAAK;KAC3C,EACD,EAAE,QAAQ,CACX,EAEe;;GAElB,iBAAiB;GACjB,SAAS,QAAQ,QAAQ,QAAQ;GAClC,EAAE;EACH,UAAU,YAAY;GACpB,MAAM,qCAAqB,IAAI,KAA6B;AAC5D,WAAQ,SAAS,WAAW;AAC1B,QAAI,OAAO,KACT,QAAO,KAAK,SAAS,gBAAgB;AACnC,SACG,aAAgC,iBAChC,aAAgC,WAAW,WAC5C,aAAa,QAAQ,QAErB,oBAAmB,IAChB,YAA+B,eAChC,YACD;MAEH;KAEJ;AAWF,UAAO;IACL,MAVW,MAAM,KAAK,mBAAmB,QAAQ,CAAC,CAAC,SAClD,gBAAgB;KACf,MAAM,iBAAiB,wBACrB,aACA,MACD;AACD,YAAO,iBAAiB,CAAC,eAAe,GAAG,EAAE;MAEhD;IAGC,WAAW,QAAQ,MAAM,WAAW,OAAO,UAAU;IACtD;;EAEJ,CAAC;CAGF,MAAM,cAAc,cACZ,IAAI,IAAI,gBAAgB,KAAK,MAAM,gBAAgB,EAAE,MAAM,CAAC,CAAC,EACnE,CAAC,gBAAgB,CAClB;AAKD,iBAAgB;AACd,MAAI,CAAC,YAAY,KACf;EAEF,MAAM,EAAE,QAAQ,gBAAgB,MAAM,UAAU;AAChD,OAAK,MAAM,CAAC,IAAI,mBAAmB,OAAO,QAAQ,OAAO,EAAE;GACzD,MAAM,SAAS,gBACZ,gBAA+C,MACjD;AACD,OAAI,UAAU,YAAY,IAAI,OAAO,CACnC,aAAY,GAAG;;IAGlB,CAAC,aAAa,MAAM,CAAC;AAExB,QAAO;EACL,MAAM;EACN;EACD"}

package/dist/esm/hooks/useTransactionList.js

@@ -0,0 +1,58 @@
+import { hasEnumFlag } from "../utils/enum.js";
+import { RouteExecutionStatus } from "../stores/routes/types.js";
+import { getSourceTxHash } from "../stores/routes/utils.js";
+import { useRouteExecutionStore } from "../stores/routes/RouteExecutionStore.js";
+import { useTransactionHistory } from "./useTransactionHistory.js";
+import { useMemo } from "react";
+import { useAccount } from "@lifi/wallet-management";
+//#region src/hooks/useTransactionList.ts
+const routesSelector = (state) => state.routes;
+const useTransactionList = () => {
+	const { accounts } = useAccount();
+	const accountAddresses = useMemo(() => accounts.map((account) => account.address), [accounts]);
+	const { data: apiRouteExecutions, isLoading } = useTransactionHistory();
+	const routes = useRouteExecutionStore(routesSelector);
+	return {
+		items: useMemo(() => {
+			const apiTxHashes = new Set(apiRouteExecutions.map((r) => getSourceTxHash(r.route)));
+			const activeItems = [];
+			const localItems = [];
+			for (const r of Object.values(routes)) {
+				if (!accountAddresses.includes(r.route.fromAddress)) continue;
+				if (apiTxHashes.has(getSourceTxHash(r.route))) continue;
+				const startedAt = r.route.steps[0]?.execution?.startedAt ?? 0;
+				if (r.status === RouteExecutionStatus.Pending || r.status === RouteExecutionStatus.Failed) activeItems.push({
+					type: "active",
+					routeId: r.route.id,
+					startedAt
+				});
+				else if (hasEnumFlag(r.status, RouteExecutionStatus.Done)) localItems.push({
+					type: "local",
+					routeExecution: r,
+					txHash: getSourceTxHash(r.route) ?? "",
+					startedAt
+				});
+			}
+			const historyItems = apiRouteExecutions.map((routeExecution) => ({
+				type: "history",
+				routeExecution,
+				txHash: getSourceTxHash(routeExecution.route) ?? "",
+				startedAt: routeExecution.route.steps[0]?.execution?.startedAt ?? 0
+			}));
+			return [
+				...activeItems,
+				...localItems,
+				...historyItems
+			].sort((a, b) => b.startedAt - a.startedAt);
+		}, [
+			accountAddresses,
+			apiRouteExecutions,
+			routes
+		]),
+		isLoading
+	};
+};
+//#endregion
+export { useTransactionList };
+
+//# sourceMappingURL=useTransactionList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTransactionList.js","names":[],"sources":["../../../src/hooks/useTransactionList.ts"],"sourcesContent":["import { useAccount } from '@lifi/wallet-management'\nimport { useMemo } from 'react'\nimport type {\n  ActiveItem,\n  HistoryItem,\n  LocalItem,\n  TransactionListItem,\n} from '../pages/ActivitiesPage/types.js'\nimport { useRouteExecutionStore } from '../stores/routes/RouteExecutionStore.js'\nimport type {\n  RouteExecution,\n  RouteExecutionState,\n} from '../stores/routes/types.js'\nimport { RouteExecutionStatus } from '../stores/routes/types.js'\nimport { getSourceTxHash } from '../stores/routes/utils.js'\nimport { hasEnumFlag } from '../utils/enum.js'\nimport { useTransactionHistory } from './useTransactionHistory.js'\n\nconst routesSelector = (state: RouteExecutionState) => state.routes\n\nexport const useTransactionList = (): {\n  items: TransactionListItem[]\n  isLoading: boolean\n} => {\n  const { accounts } = useAccount()\n  const accountAddresses = useMemo(\n    () => accounts.map((account) => account.address),\n    [accounts]\n  )\n\n  const { data: apiRouteExecutions, isLoading } = useTransactionHistory()\n  const routes = useRouteExecutionStore(routesSelector)\n\n  const items = useMemo<TransactionListItem[]>(() => {\n    const apiTxHashes = new Set(\n      apiRouteExecutions.map((r) => getSourceTxHash(r.route))\n    )\n\n    const activeItems: ActiveItem[] = []\n    const localItems: LocalItem[] = []\n\n    for (const r of Object.values(routes) as RouteExecution[]) {\n      if (!accountAddresses.includes(r.route.fromAddress)) {\n        continue\n      }\n      // Guard against duplicates on the render before the store deletion\n      // from useTransactionHistory's combine propagates.\n      if (apiTxHashes.has(getSourceTxHash(r.route))) {\n        continue\n      }\n      const startedAt = r.route.steps[0]?.execution?.startedAt ?? 0\n      if (\n        r.status === RouteExecutionStatus.Pending ||\n        r.status === RouteExecutionStatus.Failed\n      ) {\n        activeItems.push({ type: 'active', routeId: r.route.id, startedAt })\n      } else if (hasEnumFlag(r.status, RouteExecutionStatus.Done)) {\n        localItems.push({\n          type: 'local',\n          routeExecution: r,\n          txHash: getSourceTxHash(r.route) ?? '',\n          // store startedAt is already in ms\n          startedAt,\n        })\n      }\n    }\n\n    const historyItems: HistoryItem[] = apiRouteExecutions.map(\n      (routeExecution) => ({\n        type: 'history',\n        routeExecution,\n        txHash: getSourceTxHash(routeExecution.route) ?? '',\n        startedAt: routeExecution.route.steps[0]?.execution?.startedAt ?? 0,\n      })\n    )\n\n    return [...activeItems, ...localItems, ...historyItems].sort(\n      (a, b) => b.startedAt - a.startedAt\n    )\n  }, [accountAddresses, apiRouteExecutions, routes])\n\n  return { items, isLoading }\n}\n"],"mappings":";;;;;;;;AAkBA,MAAM,kBAAkB,UAA+B,MAAM;AAE7D,MAAa,2BAGR;CACH,MAAM,EAAE,aAAa,YAAY;CACjC,MAAM,mBAAmB,cACjB,SAAS,KAAK,YAAY,QAAQ,QAAQ,EAChD,CAAC,SAAS,CACX;CAED,MAAM,EAAE,MAAM,oBAAoB,cAAc,uBAAuB;CACvE,MAAM,SAAS,uBAAuB,eAAe;AAkDrD,QAAO;EAAE,OAhDK,cAAqC;GACjD,MAAM,cAAc,IAAI,IACtB,mBAAmB,KAAK,MAAM,gBAAgB,EAAE,MAAM,CAAC,CACxD;GAED,MAAM,cAA4B,EAAE;GACpC,MAAM,aAA0B,EAAE;AAElC,QAAK,MAAM,KAAK,OAAO,OAAO,OAAO,EAAsB;AACzD,QAAI,CAAC,iBAAiB,SAAS,EAAE,MAAM,YAAY,CACjD;AAIF,QAAI,YAAY,IAAI,gBAAgB,EAAE,MAAM,CAAC,CAC3C;IAEF,MAAM,YAAY,EAAE,MAAM,MAAM,IAAI,WAAW,aAAa;AAC5D,QACE,EAAE,WAAW,qBAAqB,WAClC,EAAE,WAAW,qBAAqB,OAElC,aAAY,KAAK;KAAE,MAAM;KAAU,SAAS,EAAE,MAAM;KAAI;KAAW,CAAC;aAC3D,YAAY,EAAE,QAAQ,qBAAqB,KAAK,CACzD,YAAW,KAAK;KACd,MAAM;KACN,gBAAgB;KAChB,QAAQ,gBAAgB,EAAE,MAAM,IAAI;KAEpC;KACD,CAAC;;GAIN,MAAM,eAA8B,mBAAmB,KACpD,oBAAoB;IACnB,MAAM;IACN;IACA,QAAQ,gBAAgB,eAAe,MAAM,IAAI;IACjD,WAAW,eAAe,MAAM,MAAM,IAAI,WAAW,aAAa;IACnE,EACF;AAED,UAAO;IAAC,GAAG;IAAa,GAAG;IAAY,GAAG;IAAa,CAAC,MACrD,GAAG,MAAM,EAAE,YAAY,EAAE,UAC3B;KACA;GAAC;GAAkB;GAAoB;GAAO,CAAC;EAElC;EAAW"}

package/dist/esm/hooks/useWideVariant.js

@@ -1,9 +1,13 @@
-import { useMediaQuery } from '@mui/material';
-import { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js';
+import { useWidgetConfig } from "../providers/WidgetProvider/WidgetProvider.js";
+import { useMediaQuery } from "@mui/material";
+//#region src/hooks/useWideVariant.ts
 const defaultExpandableWidth = 852;
-export const useWideVariant = () => {
-    const { variant, useRecommendedRoute } = useWidgetConfig();
-    const expandableAllowed = useMediaQuery((theme) => theme.breakpoints.up(defaultExpandableWidth));
-    return variant === 'wide' && expandableAllowed && !useRecommendedRoute;
+const useWideVariant = () => {
+	const { variant, useRecommendedRoute } = useWidgetConfig();
+	const expandableAllowed = useMediaQuery((theme) => theme.breakpoints.up(defaultExpandableWidth));
+	return variant === "wide" && expandableAllowed && !useRecommendedRoute;
 };
+//#endregion
+export { useWideVariant };
+
 //# sourceMappingURL=useWideVariant.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useWideVariant.js","sourceRoot":"","sources":["../../../src/hooks/useWideVariant.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,+CAA+C,CAAA;AAE/E,MAAM,sBAAsB,GAAG,GAAG,CAAA;AAElC,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,EAAE;IACjC,MAAM,EAAE,OAAO,EAAE,mBAAmB,EAAE,GAAG,eAAe,EAAE,CAAA;IAC1D,MAAM,iBAAiB,GAAG,aAAa,CAAC,CAAC,KAAY,EAAE,EAAE,CACvD,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,sBAAsB,CAAC,CAC7C,CAAA;IACD,OAAO,OAAO,KAAK,MAAM,IAAI,iBAAiB,IAAI,CAAC,mBAAmB,CAAA;AACxE,CAAC,CAAA"}
+{"version":3,"file":"useWideVariant.js","names":[],"sources":["../../../src/hooks/useWideVariant.ts"],"sourcesContent":["import type { Theme } from '@mui/material'\nimport { useMediaQuery } from '@mui/material'\nimport { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\n\nconst defaultExpandableWidth = 852\n\nexport const useWideVariant = (): boolean => {\n  const { variant, useRecommendedRoute } = useWidgetConfig()\n  const expandableAllowed = useMediaQuery((theme: Theme) =>\n    theme.breakpoints.up(defaultExpandableWidth)\n  )\n  return variant === 'wide' && expandableAllowed && !useRecommendedRoute\n}\n"],"mappings":";;;AAIA,MAAM,yBAAyB;AAE/B,MAAa,uBAAgC;CAC3C,MAAM,EAAE,SAAS,wBAAwB,iBAAiB;CAC1D,MAAM,oBAAoB,eAAe,UACvC,MAAM,YAAY,GAAG,uBAAuB,CAC7C;AACD,QAAO,YAAY,UAAU,qBAAqB,CAAC"}

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

@@ -1,6 +1,12 @@
-import type { WidgetConfig } from '../types/widget.js';
-export declare const useWidgetChains: (widgetConfig: WidgetConfig) => {
-    chains: import("@lifi/sdk").ExtendedChain[] | undefined;
-    getChainById: (chainId?: number, chains?: import("@lifi/sdk").ExtendedChain[]) => import("@lifi/sdk").ExtendedChain | undefined;
-    isLoading: boolean;
+import { WidgetConfig } from "../types/widget.js";
+import { ExtendedChain } from "@lifi/sdk";
+
+//#region src/hooks/useWidgetChains.d.ts
+declare const useWidgetChains: (widgetConfig: WidgetConfig) => {
+  chains: ExtendedChain[] | undefined;
+  getChainById: (chainId?: number, chains?: ExtendedChain[]) => ExtendedChain | undefined;
+  isLoading: boolean;
 };
+//#endregion
+export { useWidgetChains };
+//# sourceMappingURL=useWidgetChains.d.ts.map

package/dist/esm/hooks/useWidgetChains.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWidgetChains.d.ts","names":[],"sources":["../../../src/hooks/useWidgetChains.ts"],"mappings":";;;;cAIa,eAAA,GACX,YAAA,EAAc,YAAA;EAEd,MAAA,EAAQ,aAAA;EACR,YAAA,GACE,OAAA,WACA,MAAA,GAAS,aAAA,OACN,aAAA;EACL,SAAA;AAAA"}

package/dist/esm/hooks/useWidgetChains.js

@@ -1,5 +1,9 @@
-import { useAvailableChains } from './useAvailableChains.js';
-export const useWidgetChains = (widgetConfig) => {
-    return useAvailableChains(undefined, widgetConfig);
+import { useAvailableChains } from "./useAvailableChains.js";
+//#region src/hooks/useWidgetChains.ts
+const useWidgetChains = (widgetConfig) => {
+	return useAvailableChains(void 0, widgetConfig);
 };
+//#endregion
+export { useWidgetChains };
+
 //# sourceMappingURL=useWidgetChains.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useWidgetChains.js","sourceRoot":"","sources":["../../../src/hooks/useWidgetChains.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAA;AAE5D,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,YAA0B,EAAE,EAAE;IAC5D,OAAO,kBAAkB,CAAC,SAAS,EAAE,YAAY,CAAC,CAAA;AACpD,CAAC,CAAA"}
+{"version":3,"file":"useWidgetChains.js","names":[],"sources":["../../../src/hooks/useWidgetChains.ts"],"sourcesContent":["import type { ExtendedChain } from '@lifi/sdk'\nimport type { WidgetConfig } from '../types/widget.js'\nimport { useAvailableChains } from './useAvailableChains.js'\n\nexport const useWidgetChains = (\n  widgetConfig: WidgetConfig\n): {\n  chains: ExtendedChain[] | undefined\n  getChainById: (\n    chainId?: number,\n    chains?: ExtendedChain[]\n  ) => ExtendedChain | undefined\n  isLoading: boolean\n} => {\n  return useAvailableChains(undefined, widgetConfig)\n}\n"],"mappings":";;AAIA,MAAa,mBACX,iBAQG;AACH,QAAO,mBAAmB,KAAA,GAAW,aAAa"}

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

@@ -1,4 +1,9 @@
-import { type Emitter } from 'mitt';
-import type { WidgetEvents } from '../types/events.js';
-export declare const widgetEvents: Emitter<WidgetEvents>;
-export declare const useWidgetEvents: () => Emitter<WidgetEvents>;
+import { WidgetEvents } from "../types/events.js";
+import { Emitter } from "mitt";
+
+//#region src/hooks/useWidgetEvents.d.ts
+declare const widgetEvents: Emitter<WidgetEvents>;
+declare const useWidgetEvents: () => Emitter<WidgetEvents>;
+//#endregion
+export { useWidgetEvents, widgetEvents };
+//# sourceMappingURL=useWidgetEvents.d.ts.map

package/dist/esm/hooks/useWidgetEvents.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWidgetEvents.d.ts","names":[],"sources":["../../../src/hooks/useWidgetEvents.ts"],"mappings":";;;;cAQa,YAAA,EAAc,OAAA,CAAQ,YAAA;AAAA,cAEtB,eAAA,QAAsB,OAAA,CAAQ,YAAA"}

package/dist/esm/hooks/useWidgetEvents.js

@@ -1,8 +1,9 @@
-import _mitt from 'mitt';
-// https://github.com/developit/mitt/issues/191
-const mitt = _mitt;
-export const widgetEvents = mitt();
-export const useWidgetEvents = () => {
-    return widgetEvents;
+import _mitt from "mitt";
+const widgetEvents = _mitt();
+const useWidgetEvents = () => {
+	return widgetEvents;
 };
+//#endregion
+export { useWidgetEvents, widgetEvents };
+
 //# sourceMappingURL=useWidgetEvents.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useWidgetEvents.js","sourceRoot":"","sources":["../../../src/hooks/useWidgetEvents.ts"],"names":[],"mappings":"AAAA,OAAO,KAA6D,MAAM,MAAM,CAAA;AAGhF,+CAA+C;AAC/C,MAAM,IAAI,GAAG,KAEO,CAAA;AAEpB,MAAM,CAAC,MAAM,YAAY,GAAG,IAAI,EAAgB,CAAA;AAEhD,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,EAAE;IAClC,OAAO,YAAY,CAAA;AACrB,CAAC,CAAA"}
+{"version":3,"file":"useWidgetEvents.js","names":[],"sources":["../../../src/hooks/useWidgetEvents.ts"],"sourcesContent":["import _mitt, { type Emitter, type EventHandlerMap, type EventType } from 'mitt'\nimport type { WidgetEvents } from '../types/events.js'\n\n// https://github.com/developit/mitt/issues/191\nconst mitt = _mitt as unknown as <Events extends Record<EventType, unknown>>(\n  all?: EventHandlerMap<Events>\n) => Emitter<Events>\n\nexport const widgetEvents: Emitter<WidgetEvents> = mitt<WidgetEvents>()\n\nexport const useWidgetEvents = (): Emitter<WidgetEvents> => {\n  return widgetEvents\n}\n"],"mappings":";AAQA,MAAa,eAJA,OAI0D;AAEvE,MAAa,wBAA+C;AAC1D,QAAO"}