@lifi/widget 4.0.0-alpha.4 → 4.0.0-alpha.6

package/dist/esm/components/Messages/useMessageQueue.js

@@ -1,84 +1,68 @@
-import { useMemo } from 'react';
-import { useFromAmountThreshold } from '../../hooks/useFromAmountThreshold.js';
-import { useFromTokenSufficiency } from '../../hooks/useFromTokenSufficiency.js';
-import { useGasSufficiency } from '../../hooks/useGasSufficiency.js';
-import { useRouteRequiredAccountConnection } from '../../hooks/useRouteRequiredAccountConnection.js';
-import { useToAddressRequirements } from '../../hooks/useToAddressRequirements.js';
-export const useMessageQueue = (route, allowInteraction) => {
-    const { requiredToAddress, toAddress, accountNotDeployedAtDestination, accountDeployedAtDestination, isLoading: isToAddressRequirementsLoading, } = useToAddressRequirements(route);
-    const { insufficientFromToken, isLoading: isFromTokenSufficiencyLoading } = useFromTokenSufficiency(route);
-    const { insufficientGas, isLoading: isGasSufficiencyLoading } = useGasSufficiency(route);
-    const { missingChain, missingAccountAddress } = useRouteRequiredAccountConnection(route);
-    const { belowMinFromAmountUSD, minFromAmountUSD } = useFromAmountThreshold();
-    const messageQueue = useMemo(() => {
-        const queue = [];
-        if (missingChain) {
-            queue.push({
-                id: 'MISSING_ROUTE_REQUIRED_ACCOUNT',
-                priority: 1,
-                props: { chain: missingChain, address: missingAccountAddress },
-            });
-        }
-        if (insufficientFromToken) {
-            queue.push({
-                id: 'INSUFFICIENT_FUNDS',
-                priority: 2,
-            });
-        }
-        if (belowMinFromAmountUSD) {
-            queue.push({
-                id: 'MIN_FROM_AMOUNT_USD',
-                priority: 3,
-                props: { minFromAmountUSD },
-            });
-        }
-        if (insufficientGas?.length) {
-            queue.push({
-                id: 'INSUFFICIENT_GAS',
-                priority: 4,
-                props: { insufficientGas },
-            });
-        }
-        if (accountNotDeployedAtDestination && !allowInteraction) {
-            queue.push({
-                id: 'ACCOUNT_NOT_DEPLOYED',
-                priority: 5,
-            });
-        }
-        if (requiredToAddress && !toAddress) {
-            queue.push({
-                id: 'TO_ADDRESS_REQUIRED',
-                priority: 6,
-            });
-        }
-        if (requiredToAddress &&
-            accountDeployedAtDestination &&
-            !allowInteraction) {
-            queue.push({
-                id: 'ACCOUNT_DEPLOYED',
-                priority: 7,
-            });
-        }
-        return queue.sort((a, b) => a.priority - b.priority);
-    }, [
-        allowInteraction,
-        insufficientFromToken,
-        insufficientGas,
-        accountDeployedAtDestination,
-        accountNotDeployedAtDestination,
-        requiredToAddress,
-        toAddress,
-        missingChain,
-        missingAccountAddress,
-        belowMinFromAmountUSD,
-        minFromAmountUSD,
-    ]);
-    return {
-        messages: messageQueue,
-        hasMessages: messageQueue.length > 0,
-        isLoading: isGasSufficiencyLoading ||
-            isFromTokenSufficiencyLoading ||
-            isToAddressRequirementsLoading,
-    };
+import { useToAddressRequirements } from "../../hooks/useToAddressRequirements.js";
+import { useFromAmountThreshold } from "../../hooks/useFromAmountThreshold.js";
+import { useFromTokenSufficiency } from "../../hooks/useFromTokenSufficiency.js";
+import { useGasSufficiency } from "../../hooks/useGasSufficiency.js";
+import { useRouteRequiredAccountConnection } from "../../hooks/useRouteRequiredAccountConnection.js";
+import { useMemo } from "react";
+//#region src/components/Messages/useMessageQueue.ts
+const useMessageQueue = (route, allowInteraction) => {
+	const { requiredToAddress, accountNotDeployedAtDestination, accountDeployedAtDestination, isLoading: isToAddressRequirementsLoading } = useToAddressRequirements(route);
+	const { insufficientFromToken, isLoading: isFromTokenSufficiencyLoading } = useFromTokenSufficiency(route);
+	const { insufficientGas, isLoading: isGasSufficiencyLoading } = useGasSufficiency(route);
+	const { missingChain, missingAccountAddress } = useRouteRequiredAccountConnection(route);
+	const { belowMinFromAmountUSD, minFromAmountUSD } = useFromAmountThreshold();
+	const messageQueue = useMemo(() => {
+		const queue = [];
+		if (missingChain) queue.push({
+			id: "MISSING_ROUTE_REQUIRED_ACCOUNT",
+			priority: 1,
+			props: {
+				chain: missingChain,
+				address: missingAccountAddress
+			}
+		});
+		if (insufficientFromToken) queue.push({
+			id: "INSUFFICIENT_FUNDS",
+			priority: 2
+		});
+		if (belowMinFromAmountUSD) queue.push({
+			id: "MIN_FROM_AMOUNT_USD",
+			priority: 3,
+			props: { minFromAmountUSD }
+		});
+		if (insufficientGas?.length) queue.push({
+			id: "INSUFFICIENT_GAS",
+			priority: 4,
+			props: { insufficientGas }
+		});
+		if (accountNotDeployedAtDestination && !allowInteraction) queue.push({
+			id: "ACCOUNT_NOT_DEPLOYED",
+			priority: 5
+		});
+		if (requiredToAddress && accountDeployedAtDestination && !allowInteraction) queue.push({
+			id: "ACCOUNT_DEPLOYED",
+			priority: 6
+		});
+		return queue.sort((a, b) => a.priority - b.priority);
+	}, [
+		allowInteraction,
+		insufficientFromToken,
+		insufficientGas,
+		accountDeployedAtDestination,
+		accountNotDeployedAtDestination,
+		requiredToAddress,
+		missingChain,
+		missingAccountAddress,
+		belowMinFromAmountUSD,
+		minFromAmountUSD
+	]);
+	return {
+		messages: messageQueue,
+		hasMessages: messageQueue.length > 0,
+		isLoading: isGasSufficiencyLoading || isFromTokenSufficiencyLoading || isToAddressRequirementsLoading
+	};
 };
+//#endregion
+export { useMessageQueue };
+
 //# sourceMappingURL=useMessageQueue.js.map

package/dist/esm/components/Messages/useMessageQueue.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMessageQueue.js","sourceRoot":"","sources":["../../../../src/components/Messages/useMessageQueue.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"useMessageQueue.js","names":[],"sources":["../../../../src/components/Messages/useMessageQueue.ts"],"sourcesContent":["import type { Route } from '@lifi/sdk'\nimport { useMemo } from 'react'\nimport { useFromAmountThreshold } from '../../hooks/useFromAmountThreshold.js'\nimport { useFromTokenSufficiency } from '../../hooks/useFromTokenSufficiency.js'\nimport { useGasSufficiency } from '../../hooks/useGasSufficiency.js'\nimport { useRouteRequiredAccountConnection } from '../../hooks/useRouteRequiredAccountConnection.js'\nimport { useToAddressRequirements } from '../../hooks/useToAddressRequirements.js'\n\nexport interface QueuedMessage {\n  id: string\n  priority: number\n  props?: Record<string, any>\n}\n\nexport const useMessageQueue = (\n  route?: Route,\n  allowInteraction?: boolean\n): {\n  messages: QueuedMessage[]\n  hasMessages: boolean\n  isLoading: boolean\n} => {\n  const {\n    requiredToAddress,\n    accountNotDeployedAtDestination,\n    accountDeployedAtDestination,\n    isLoading: isToAddressRequirementsLoading,\n  } = useToAddressRequirements(route)\n  const { insufficientFromToken, isLoading: isFromTokenSufficiencyLoading } =\n    useFromTokenSufficiency(route)\n  const { insufficientGas, isLoading: isGasSufficiencyLoading } =\n    useGasSufficiency(route)\n  const { missingChain, missingAccountAddress } =\n    useRouteRequiredAccountConnection(route)\n  const { belowMinFromAmountUSD, minFromAmountUSD } = useFromAmountThreshold()\n\n  const messageQueue = useMemo(() => {\n    const queue: QueuedMessage[] = []\n\n    if (missingChain) {\n      queue.push({\n        id: 'MISSING_ROUTE_REQUIRED_ACCOUNT',\n        priority: 1,\n        props: { chain: missingChain, address: missingAccountAddress },\n      })\n    }\n\n    if (insufficientFromToken) {\n      queue.push({\n        id: 'INSUFFICIENT_FUNDS',\n        priority: 2,\n      })\n    }\n\n    if (belowMinFromAmountUSD) {\n      queue.push({\n        id: 'MIN_FROM_AMOUNT_USD',\n        priority: 3,\n        props: { minFromAmountUSD },\n      })\n    }\n\n    if (insufficientGas?.length) {\n      queue.push({\n        id: 'INSUFFICIENT_GAS',\n        priority: 4,\n        props: { insufficientGas },\n      })\n    }\n\n    if (accountNotDeployedAtDestination && !allowInteraction) {\n      queue.push({\n        id: 'ACCOUNT_NOT_DEPLOYED',\n        priority: 5,\n      })\n    }\n\n    if (\n      requiredToAddress &&\n      accountDeployedAtDestination &&\n      !allowInteraction\n    ) {\n      queue.push({\n        id: 'ACCOUNT_DEPLOYED',\n        priority: 6,\n      })\n    }\n\n    return queue.sort((a, b) => a.priority - b.priority)\n  }, [\n    allowInteraction,\n    insufficientFromToken,\n    insufficientGas,\n    accountDeployedAtDestination,\n    accountNotDeployedAtDestination,\n    requiredToAddress,\n    missingChain,\n    missingAccountAddress,\n    belowMinFromAmountUSD,\n    minFromAmountUSD,\n  ])\n\n  return {\n    messages: messageQueue,\n    hasMessages: messageQueue.length > 0,\n    isLoading:\n      isGasSufficiencyLoading ||\n      isFromTokenSufficiencyLoading ||\n      isToAddressRequirementsLoading,\n  }\n}\n"],"mappings":";;;;;;;AAcA,MAAa,mBACX,OACA,qBAKG;CACH,MAAM,EACJ,mBACA,iCACA,8BACA,WAAW,mCACT,yBAAyB,MAAM;CACnC,MAAM,EAAE,uBAAuB,WAAW,kCACxC,wBAAwB,MAAM;CAChC,MAAM,EAAE,iBAAiB,WAAW,4BAClC,kBAAkB,MAAM;CAC1B,MAAM,EAAE,cAAc,0BACpB,kCAAkC,MAAM;CAC1C,MAAM,EAAE,uBAAuB,qBAAqB,wBAAwB;CAE5E,MAAM,eAAe,cAAc;EACjC,MAAM,QAAyB,EAAE;AAEjC,MAAI,aACF,OAAM,KAAK;GACT,IAAI;GACJ,UAAU;GACV,OAAO;IAAE,OAAO;IAAc,SAAS;IAAuB;GAC/D,CAAC;AAGJ,MAAI,sBACF,OAAM,KAAK;GACT,IAAI;GACJ,UAAU;GACX,CAAC;AAGJ,MAAI,sBACF,OAAM,KAAK;GACT,IAAI;GACJ,UAAU;GACV,OAAO,EAAE,kBAAkB;GAC5B,CAAC;AAGJ,MAAI,iBAAiB,OACnB,OAAM,KAAK;GACT,IAAI;GACJ,UAAU;GACV,OAAO,EAAE,iBAAiB;GAC3B,CAAC;AAGJ,MAAI,mCAAmC,CAAC,iBACtC,OAAM,KAAK;GACT,IAAI;GACJ,UAAU;GACX,CAAC;AAGJ,MACE,qBACA,gCACA,CAAC,iBAED,OAAM,KAAK;GACT,IAAI;GACJ,UAAU;GACX,CAAC;AAGJ,SAAO,MAAM,MAAM,GAAG,MAAM,EAAE,WAAW,EAAE,SAAS;IACnD;EACD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;AAEF,QAAO;EACL,UAAU;EACV,aAAa,aAAa,SAAS;EACnC,WACE,2BACA,iCACA;EACH"}

package/dist/esm/components/NotFound.js

@@ -1,26 +1,44 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Block from '@mui/icons-material/Block';
-import { Box, Typography } from '@mui/material';
-import { useTranslation } from 'react-i18next';
-export const NotFound = () => {
-    const { t } = useTranslation();
-    return (_jsxs(Box, { sx: {
-            display: 'flex',
-            justifyContent: 'center',
-            alignItems: 'center',
-            flexDirection: 'column',
-            flex: 1,
-            padding: 3,
-        }, children: [_jsx(Typography, { sx: {
-                    fontSize: 48,
-                }, children: _jsx(Block, { fontSize: "inherit" }) }), _jsx(Typography, { sx: {
-                    fontSize: 18,
-                    fontWeight: 700,
-                }, children: t('tooltip.notFound.title') }), _jsx(Typography, { sx: {
-                    fontSize: 14,
-                    color: 'text.secondary',
-                    textAlign: 'center',
-                    mt: 2,
-                }, children: t('tooltip.notFound.text') })] }));
+import { Box, Typography } from "@mui/material";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import Block from "@mui/icons-material/Block";
+//#region src/components/NotFound.tsx
+const NotFound = () => {
+	const { t } = useTranslation();
+	return /* @__PURE__ */ jsxs(Box, {
+		sx: {
+			display: "flex",
+			justifyContent: "center",
+			alignItems: "center",
+			flexDirection: "column",
+			flex: 1,
+			padding: 3
+		},
+		children: [
+			/* @__PURE__ */ jsx(Typography, {
+				sx: { fontSize: 48 },
+				children: /* @__PURE__ */ jsx(Block, { fontSize: "inherit" })
+			}),
+			/* @__PURE__ */ jsx(Typography, {
+				sx: {
+					fontSize: 18,
+					fontWeight: 700
+				},
+				children: t("tooltip.notFound.title")
+			}),
+			/* @__PURE__ */ jsx(Typography, {
+				sx: {
+					fontSize: 14,
+					color: "text.secondary",
+					textAlign: "center",
+					mt: 2
+				},
+				children: t("tooltip.notFound.text")
+			})
+		]
+	});
 };
+//#endregion
+export { NotFound };
+
 //# sourceMappingURL=NotFound.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"NotFound.js","sourceRoot":"","sources":["../../../src/components/NotFound.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,2BAA2B,CAAA;AAC7C,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAE9C,MAAM,CAAC,MAAM,QAAQ,GAAa,GAAG,EAAE;IACrC,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAC9B,OAAO,CACL,MAAC,GAAG,IACF,EAAE,EAAE;YACF,OAAO,EAAE,MAAM;YACf,cAAc,EAAE,QAAQ;YACxB,UAAU,EAAE,QAAQ;YACpB,aAAa,EAAE,QAAQ;YACvB,IAAI,EAAE,CAAC;YACP,OAAO,EAAE,CAAC;SACX,aAED,KAAC,UAAU,IACT,EAAE,EAAE;oBACF,QAAQ,EAAE,EAAE;iBACb,YAED,KAAC,KAAK,IAAC,QAAQ,EAAC,SAAS,GAAG,GACjB,EACb,KAAC,UAAU,IACT,EAAE,EAAE;oBACF,QAAQ,EAAE,EAAE;oBACZ,UAAU,EAAE,GAAG;iBAChB,YAEA,CAAC,CAAC,wBAAwB,CAAC,GACjB,EACb,KAAC,UAAU,IACT,EAAE,EAAE;oBACF,QAAQ,EAAE,EAAE;oBACZ,KAAK,EAAE,gBAAgB;oBACvB,SAAS,EAAE,QAAQ;oBACnB,EAAE,EAAE,CAAC;iBACN,YAEA,CAAC,CAAC,uBAAuB,CAAC,GAChB,IACT,CACP,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"NotFound.js","names":[],"sources":["../../../src/components/NotFound.tsx"],"sourcesContent":["import Block from '@mui/icons-material/Block'\nimport { Box, Typography } from '@mui/material'\nimport { useTranslation } from 'react-i18next'\n\nexport const NotFound: React.FC = () => {\n  const { t } = useTranslation()\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        justifyContent: 'center',\n        alignItems: 'center',\n        flexDirection: 'column',\n        flex: 1,\n        padding: 3,\n      }}\n    >\n      <Typography\n        sx={{\n          fontSize: 48,\n        }}\n      >\n        <Block fontSize=\"inherit\" />\n      </Typography>\n      <Typography\n        sx={{\n          fontSize: 18,\n          fontWeight: 700,\n        }}\n      >\n        {t('tooltip.notFound.title')}\n      </Typography>\n      <Typography\n        sx={{\n          fontSize: 14,\n          color: 'text.secondary',\n          textAlign: 'center',\n          mt: 2,\n        }}\n      >\n        {t('tooltip.notFound.text')}\n      </Typography>\n    </Box>\n  )\n}\n"],"mappings":";;;;;AAIA,MAAa,iBAA2B;CACtC,MAAM,EAAE,MAAM,gBAAgB;AAC9B,QACE,qBAAC,KAAD;EACE,IAAI;GACF,SAAS;GACT,gBAAgB;GAChB,YAAY;GACZ,eAAe;GACf,MAAM;GACN,SAAS;GACV;YARH;GAUE,oBAAC,YAAD;IACE,IAAI,EACF,UAAU,IACX;cAED,oBAAC,OAAD,EAAO,UAAS,WAAY,CAAA;IACjB,CAAA;GACb,oBAAC,YAAD;IACE,IAAI;KACF,UAAU;KACV,YAAY;KACb;cAEA,EAAE,yBAAyB;IACjB,CAAA;GACb,oBAAC,YAAD;IACE,IAAI;KACF,UAAU;KACV,OAAO;KACP,WAAW;KACX,IAAI;KACL;cAEA,EAAE,wBAAwB;IAChB,CAAA;GACT"}

package/dist/esm/components/PageContainer.js

@@ -1,18 +1,20 @@
-import { Container, styled } from '@mui/material';
-export const PageContainer = styled(Container, {
-    shouldForwardProp: (prop) => !['halfGutters', 'topGutters', 'bottomGutters'].includes(prop),
-})(({ theme, halfGutters, topGutters, bottomGutters }) => ({
-    display: 'flex',
-    flexDirection: 'column',
-    flex: 1,
-    padding: theme.spacing(topGutters ? 1 : 0, halfGutters ? 1.5 : 3, bottomGutters ? 3 : 0, halfGutters ? 1.5 : 3),
-    variants: [
-        {
-            props: ({ disableGutters }) => disableGutters,
-            style: {
-                padding: 0,
-            },
-        },
-    ],
+import { Container, styled } from "@mui/material";
+//#region src/components/PageContainer.ts
+const PageContainer = styled(Container, { shouldForwardProp: (prop) => ![
+	"halfGutters",
+	"topGutters",
+	"bottomGutters"
+].includes(prop) })(({ theme, halfGutters, topGutters, bottomGutters }) => ({
+	display: "flex",
+	flexDirection: "column",
+	flex: 1,
+	padding: theme.spacing(topGutters ? 1 : 0, halfGutters ? 1.5 : 3, bottomGutters ? 3 : 0, halfGutters ? 1.5 : 3),
+	variants: [{
+		props: ({ disableGutters }) => disableGutters,
+		style: { padding: 0 }
+	}]
 }));
+//#endregion
+export { PageContainer };
+
 //# sourceMappingURL=PageContainer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PageContainer.js","sourceRoot":"","sources":["../../../src/components/PageContainer.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAQjD,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,SAAS,EAAE;IAC7C,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAC1B,CAAC,CAAC,aAAa,EAAE,YAAY,EAAE,eAAe,CAAC,CAAC,QAAQ,CAAC,IAAc,CAAC;CAC3E,CAAC,CAAqB,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,CAAC;IAC7E,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,IAAI,EAAE,CAAC;IACP,OAAO,EAAE,KAAK,CAAC,OAAO,CACpB,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAClB,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EACrB,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EACrB,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CACtB;IACD,QAAQ,EAAE;QACR;YACE,KAAK,EAAE,CAAC,EAAE,cAAc,EAAE,EAAE,EAAE,CAAC,cAAc;YAC7C,KAAK,EAAE;gBACL,OAAO,EAAE,CAAC;aACX;SACF;KACF;CACF,CAAC,CAAC,CAAA"}
+{"version":3,"file":"PageContainer.js","names":[],"sources":["../../../src/components/PageContainer.ts"],"sourcesContent":["import type { ContainerProps } from '@mui/material'\nimport { Container, styled } from '@mui/material'\nimport type React from 'react'\n\nexport interface PageContainerProps extends ContainerProps {\n  halfGutters?: boolean\n  topGutters?: boolean\n  bottomGutters?: boolean\n}\n\nexport const PageContainer: React.FC<\n  React.ComponentProps<typeof Container> & PageContainerProps\n> = styled(Container, {\n  shouldForwardProp: (prop) =>\n    !['halfGutters', 'topGutters', 'bottomGutters'].includes(prop as string),\n})<PageContainerProps>(({ theme, halfGutters, topGutters, bottomGutters }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  flex: 1,\n  padding: theme.spacing(\n    topGutters ? 1 : 0,\n    halfGutters ? 1.5 : 3,\n    bottomGutters ? 3 : 0,\n    halfGutters ? 1.5 : 3\n  ),\n  variants: [\n    {\n      props: ({ disableGutters }) => disableGutters,\n      style: {\n        padding: 0,\n      },\n    },\n  ],\n}))\n"],"mappings":";;AAUA,MAAa,gBAET,OAAO,WAAW,EACpB,oBAAoB,SAClB,CAAC;CAAC;CAAe;CAAc;CAAgB,CAAC,SAAS,KAAe,EAC3E,CAAC,EAAsB,EAAE,OAAO,aAAa,YAAY,qBAAqB;CAC7E,SAAS;CACT,eAAe;CACf,MAAM;CACN,SAAS,MAAM,QACb,aAAa,IAAI,GACjB,cAAc,MAAM,GACpB,gBAAgB,IAAI,GACpB,cAAc,MAAM,EACrB;CACD,UAAU,CACR;EACE,QAAQ,EAAE,qBAAqB;EAC/B,OAAO,EACL,SAAS,GACV;EACF,CACF;CACF,EAAE"}

package/dist/esm/components/PageEntered.js

@@ -1,13 +1,17 @@
-import { useLocation } from '@tanstack/react-router';
-import { useEffect } from 'react';
-import { useWidgetEvents } from '../hooks/useWidgetEvents.js';
-import { WidgetEvent } from '../types/events.js';
-export function PageEntered() {
-    const location = useLocation();
-    const emitter = useWidgetEvents();
-    useEffect(() => {
-        emitter.emit(WidgetEvent.PageEntered, location.pathname);
-    }, [emitter, location.pathname]);
-    return null;
+import { useWidgetEvents } from "../hooks/useWidgetEvents.js";
+import { WidgetEvent } from "../types/events.js";
+import { useEffect } from "react";
+import { useLocation } from "@tanstack/react-router";
+//#region src/components/PageEntered.ts
+function PageEntered() {
+	const location = useLocation();
+	const emitter = useWidgetEvents();
+	useEffect(() => {
+		emitter.emit(WidgetEvent.PageEntered, location.pathname);
+	}, [emitter, location.pathname]);
+	return null;
 }
+//#endregion
+export { PageEntered };
+
 //# sourceMappingURL=PageEntered.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PageEntered.js","sourceRoot":"","sources":["../../../src/components/PageEntered.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAA;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAEhD,MAAM,UAAU,WAAW;IACzB,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAA;IAC9B,MAAM,OAAO,GAAG,eAAe,EAAE,CAAA;IAEjC,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,WAAW,EAAE,QAAQ,CAAC,QAAQ,CAAC,CAAA;IAC1D,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAA;IAChC,OAAO,IAAI,CAAA;AACb,CAAC"}
+{"version":3,"file":"PageEntered.js","names":[],"sources":["../../../src/components/PageEntered.ts"],"sourcesContent":["import { useLocation } from '@tanstack/react-router'\nimport { useEffect } from 'react'\nimport { useWidgetEvents } from '../hooks/useWidgetEvents.js'\nimport { WidgetEvent } from '../types/events.js'\n\nexport function PageEntered() {\n  const location = useLocation()\n  const emitter = useWidgetEvents()\n\n  useEffect(() => {\n    emitter.emit(WidgetEvent.PageEntered, location.pathname)\n  }, [emitter, location.pathname])\n  return null\n}\n"],"mappings":";;;;;AAKA,SAAgB,cAAc;CAC5B,MAAM,WAAW,aAAa;CAC9B,MAAM,UAAU,iBAAiB;AAEjC,iBAAgB;AACd,UAAQ,KAAK,YAAY,aAAa,SAAS,SAAS;IACvD,CAAC,SAAS,SAAS,SAAS,CAAC;AAChC,QAAO"}

package/dist/esm/components/PoweredBy/PoweredBy.js

@@ -1,36 +1,59 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Tooltip, Typography } from '@mui/material';
-import { version } from '../../config/version.js';
-import { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js';
-import { Link } from './PoweredBy.style.js';
+import { useWidgetConfig } from "../../providers/WidgetProvider/WidgetProvider.js";
+import { version } from "../../config/version.js";
+import { Link as Link$1 } from "./PoweredBy.style.js";
+import { Box, Tooltip, Typography } from "@mui/material";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/PoweredBy/PoweredBy.tsx
 const poweredByConfig = {
-    default: {
-        url: 'https://li.fi',
-        text: 'LI.FI',
-    },
-    jumper: {
-        url: 'https://jumper.exchange',
-        text: 'Jumper',
-    },
+	default: {
+		url: "https://li.fi",
+		text: "LI.FI"
+	},
+	jumper: {
+		url: "https://jumper.exchange",
+		text: "Jumper"
+	}
 };
-export const PoweredBy = () => {
-    const { poweredBy = 'default' } = useWidgetConfig();
-    return (_jsx(Box, { sx: {
-            pt: 1,
-            pb: 2,
-            flex: 1,
-            display: 'flex',
-            alignItems: 'flex-end',
-            justifyContent: 'flex-end',
-        }, children: _jsx(Tooltip, { title: `v${version}`, enterDelay: 1000, children: _jsxs(Link, { href: poweredByConfig[poweredBy].url, target: "_blank", underline: "none", color: "text.primary", children: [_jsx(Typography, { sx: {
-                            color: 'text.secondary',
-                            fontSize: 12,
-                            fontWeight: 500,
-                            px: 0.5,
-                        }, children: "Powered by" }), _jsx(Typography, { sx: {
-                            color: 'text.primary',
-                            fontSize: 12,
-                            fontWeight: 600,
-                        }, children: poweredByConfig[poweredBy].text })] }) }) }));
+const PoweredBy = () => {
+	const { poweredBy = "default" } = useWidgetConfig();
+	return /* @__PURE__ */ jsx(Box, {
+		sx: {
+			pt: 1,
+			pb: 2,
+			flex: 1,
+			display: "flex",
+			alignItems: "flex-end",
+			justifyContent: "flex-end"
+		},
+		children: /* @__PURE__ */ jsx(Tooltip, {
+			title: `v${version}`,
+			enterDelay: 1e3,
+			children: /* @__PURE__ */ jsxs(Link$1, {
+				href: poweredByConfig[poweredBy].url,
+				target: "_blank",
+				underline: "none",
+				color: "text.primary",
+				children: [/* @__PURE__ */ jsx(Typography, {
+					sx: {
+						color: "text.secondary",
+						fontSize: 12,
+						fontWeight: 500,
+						px: .5
+					},
+					children: "Powered by"
+				}), /* @__PURE__ */ jsx(Typography, {
+					sx: {
+						color: "text.primary",
+						fontSize: 12,
+						fontWeight: 600
+					},
+					children: poweredByConfig[poweredBy].text
+				})]
+			})
+		})
+	});
 };
+//#endregion
+export { PoweredBy };
+
 //# sourceMappingURL=PoweredBy.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PoweredBy.js","sourceRoot":"","sources":["../../../../src/components/PoweredBy/PoweredBy.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AACxD,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAA;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAA;AAClF,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAE3C,MAAM,eAAe,GAAG;IACtB,OAAO,EAAE;QACP,GAAG,EAAE,eAAe;QACpB,IAAI,EAAE,OAAO;KACd;IACD,MAAM,EAAE;QACN,GAAG,EAAE,yBAAyB;QAC9B,IAAI,EAAE,QAAQ;KACf;CACF,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAAa,GAAG,EAAE;IACtC,MAAM,EAAE,SAAS,GAAG,SAAS,EAAE,GAAG,eAAe,EAAE,CAAA;IAEnD,OAAO,CACL,KAAC,GAAG,IACF,EAAE,EAAE;YACF,EAAE,EAAE,CAAC;YACL,EAAE,EAAE,CAAC;YACL,IAAI,EAAE,CAAC;YACP,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,UAAU;YACtB,cAAc,EAAE,UAAU;SAC3B,YAED,KAAC,OAAO,IAAC,KAAK,EAAE,IAAI,OAAO,EAAE,EAAE,UAAU,EAAE,IAAI,YAC7C,MAAC,IAAI,IACH,IAAI,EAAE,eAAe,CAAC,SAAS,CAAC,CAAC,GAAG,EACpC,MAAM,EAAC,QAAQ,EACf,SAAS,EAAC,MAAM,EAChB,KAAK,EAAC,cAAc,aAEpB,KAAC,UAAU,IACT,EAAE,EAAE;4BACF,KAAK,EAAE,gBAAgB;4BACvB,QAAQ,EAAE,EAAE;4BACZ,UAAU,EAAE,GAAG;4BACf,EAAE,EAAE,GAAG;yBACR,2BAGU,EACb,KAAC,UAAU,IACT,EAAE,EAAE;4BACF,KAAK,EAAE,cAAc;4BACrB,QAAQ,EAAE,EAAE;4BACZ,UAAU,EAAE,GAAG;yBAChB,YAEA,eAAe,CAAC,SAAS,CAAC,CAAC,IAAI,GACrB,IACR,GACC,GACN,CACP,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"PoweredBy.js","names":["Link"],"sources":["../../../../src/components/PoweredBy/PoweredBy.tsx"],"sourcesContent":["import { Box, Tooltip, Typography } from '@mui/material'\nimport { version } from '../../config/version.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport { Link } from './PoweredBy.style.js'\n\nconst poweredByConfig = {\n  default: {\n    url: 'https://li.fi',\n    text: 'LI.FI',\n  },\n  jumper: {\n    url: 'https://jumper.exchange',\n    text: 'Jumper',\n  },\n}\n\nexport const PoweredBy: React.FC = () => {\n  const { poweredBy = 'default' } = useWidgetConfig()\n\n  return (\n    <Box\n      sx={{\n        pt: 1,\n        pb: 2,\n        flex: 1,\n        display: 'flex',\n        alignItems: 'flex-end',\n        justifyContent: 'flex-end',\n      }}\n    >\n      <Tooltip title={`v${version}`} enterDelay={1000}>\n        <Link\n          href={poweredByConfig[poweredBy].url}\n          target=\"_blank\"\n          underline=\"none\"\n          color=\"text.primary\"\n        >\n          <Typography\n            sx={{\n              color: 'text.secondary',\n              fontSize: 12,\n              fontWeight: 500,\n              px: 0.5,\n            }}\n          >\n            Powered by\n          </Typography>\n          <Typography\n            sx={{\n              color: 'text.primary',\n              fontSize: 12,\n              fontWeight: 600,\n            }}\n          >\n            {poweredByConfig[poweredBy].text}\n          </Typography>\n        </Link>\n      </Tooltip>\n    </Box>\n  )\n}\n"],"mappings":";;;;;;AAKA,MAAM,kBAAkB;CACtB,SAAS;EACP,KAAK;EACL,MAAM;EACP;CACD,QAAQ;EACN,KAAK;EACL,MAAM;EACP;CACF;AAED,MAAa,kBAA4B;CACvC,MAAM,EAAE,YAAY,cAAc,iBAAiB;AAEnD,QACE,oBAAC,KAAD;EACE,IAAI;GACF,IAAI;GACJ,IAAI;GACJ,MAAM;GACN,SAAS;GACT,YAAY;GACZ,gBAAgB;GACjB;YAED,oBAAC,SAAD;GAAS,OAAO,IAAI;GAAW,YAAY;aACzC,qBAACA,QAAD;IACE,MAAM,gBAAgB,WAAW;IACjC,QAAO;IACP,WAAU;IACV,OAAM;cAJR,CAME,oBAAC,YAAD;KACE,IAAI;MACF,OAAO;MACP,UAAU;MACV,YAAY;MACZ,IAAI;MACL;eACF;KAEY,CAAA,EACb,oBAAC,YAAD;KACE,IAAI;MACF,OAAO;MACP,UAAU;MACV,YAAY;MACb;eAEA,gBAAgB,WAAW;KACjB,CAAA,CACR;;GACC,CAAA;EACN,CAAA"}

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

@@ -1,10 +1,12 @@
-import { Link as MuiLink, styled } from '@mui/material';
-export const Link = styled(MuiLink)(({ theme }) => ({
-    display: 'flex',
-    alignItems: 'center',
-    border: 'none',
-    ':hover': {
-        color: theme.vars.palette.primary.main,
-    },
+import { Link, styled } from "@mui/material";
+//#region src/components/PoweredBy/PoweredBy.style.ts
+const Link$1 = styled(Link)(({ theme }) => ({
+	display: "flex",
+	alignItems: "center",
+	border: "none",
+	":hover": { color: theme.vars.palette.primary.main }
 }));
+//#endregion
+export { Link$1 as Link };
+
 //# sourceMappingURL=PoweredBy.style.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PoweredBy.style.js","sourceRoot":"","sources":["../../../../src/components/PoweredBy/PoweredBy.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,IAAI,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAEvD,MAAM,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAClD,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,MAAM,EAAE,MAAM;IACd,QAAQ,EAAE;QACR,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;KACvC;CACF,CAAC,CAAC,CAAA"}
+{"version":3,"file":"PoweredBy.style.js","names":["Link","MuiLink"],"sources":["../../../../src/components/PoweredBy/PoweredBy.style.ts"],"sourcesContent":["import { Link as MuiLink, styled } from '@mui/material'\nimport type React from 'react'\n\nexport const Link: React.FC<React.ComponentProps<typeof MuiLink>> = styled(\n  MuiLink\n)(({ theme }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  border: 'none',\n  ':hover': {\n    color: theme.vars.palette.primary.main,\n  },\n}))\n"],"mappings":";;AAGA,MAAaA,SAAuD,OAClEC,KACD,EAAE,EAAE,aAAa;CAChB,SAAS;CACT,YAAY;CACZ,QAAQ;CACR,UAAU,EACR,OAAO,MAAM,KAAK,QAAQ,QAAQ,MACnC;CACF,EAAE"}

package/dist/esm/components/ProgressToNextUpdate.js

@@ -1,49 +1,66 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, CircularProgress, IconButton, Tooltip } from '@mui/material';
-import { useEffect, useState } from 'react';
-import { Trans } from 'react-i18next';
-const getProgressValue = (updatedAt, timeToUpdate) => updatedAt ? Math.min(100, ((Date.now() - updatedAt) / timeToUpdate) * 100) : 0;
-const getSecondsToUpdate = (updatedAt, timeToUpdate) => Math.max(Math.round((timeToUpdate - (Date.now() - updatedAt)) / 1000), 0);
-export const ProgressToNextUpdate = ({ updatedAt, timeToUpdate, isLoading, onClick, ...other }) => {
-    const [value, setValue] = useState(() => getProgressValue(updatedAt, timeToUpdate));
-    useEffect(() => {
-        setValue(getProgressValue(updatedAt, timeToUpdate));
-        const id = setInterval(() => {
-            const time = getProgressValue(updatedAt, timeToUpdate);
-            setValue(time);
-            if (time >= 100) {
-                clearInterval(id);
-            }
-        }, 1000);
-        return () => clearInterval(id);
-    }, [timeToUpdate, updatedAt]);
-    useEffect(() => {
-        if (isLoading) {
-            setValue(0);
-        }
-    }, [isLoading]);
-    return (_jsx(IconButton, { onClick: onClick, disabled: isLoading, ...other, children: _jsx(Tooltip, { title: _jsx(Trans, { i18nKey: "tooltip.progressToNextUpdate", values: {
-                    value: getSecondsToUpdate(updatedAt, timeToUpdate),
-                }, 
-                // biome-ignore lint/correctness/useJsxKeyInIterable: allowed in react-i18next
-                components: [_jsx("br", {})] }), children: _jsxs(Box, { sx: {
-                    display: 'grid',
-                    position: 'relative',
-                    placeItems: 'center',
-                    width: 24,
-                    height: 24,
-                }, children: [_jsx(CircularProgress, { variant: "determinate", size: 24, value: 100, sx: (theme) => ({
-                            position: 'absolute',
-                            color: theme.vars.palette.grey[300],
-                            ...theme.applyStyles('dark', {
-                                color: theme.vars.palette.grey[800],
-                            }),
-                        }) }), _jsx(CircularProgress, { variant: isLoading ? 'indeterminate' : 'determinate', size: 24, value: value, sx: (theme) => ({
-                            opacity: value === 100 && !isLoading ? 0.5 : 1,
-                            color: theme.vars.palette.primary.main,
-                            ...theme.applyStyles('dark', {
-                                color: theme.vars.palette.primary.light,
-                            }),
-                        }) })] }) }) }));
+import { useEffect, useState } from "react";
+import { Box, CircularProgress, IconButton, Tooltip } from "@mui/material";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Trans } from "react-i18next";
+//#region src/components/ProgressToNextUpdate.tsx
+const getProgressValue = (updatedAt, timeToUpdate) => updatedAt ? Math.min(100, (Date.now() - updatedAt) / timeToUpdate * 100) : 0;
+const getSecondsToUpdate = (updatedAt, timeToUpdate) => Math.max(Math.round((timeToUpdate - (Date.now() - updatedAt)) / 1e3), 0);
+const ProgressToNextUpdate = ({ updatedAt, timeToUpdate, isLoading, onClick, ...other }) => {
+	const [value, setValue] = useState(() => getProgressValue(updatedAt, timeToUpdate));
+	useEffect(() => {
+		setValue(getProgressValue(updatedAt, timeToUpdate));
+		const id = setInterval(() => {
+			const time = getProgressValue(updatedAt, timeToUpdate);
+			setValue(time);
+			if (time >= 100) clearInterval(id);
+		}, 1e3);
+		return () => clearInterval(id);
+	}, [timeToUpdate, updatedAt]);
+	useEffect(() => {
+		if (isLoading) setValue(0);
+	}, [isLoading]);
+	return /* @__PURE__ */ jsx(IconButton, {
+		onClick,
+		disabled: isLoading,
+		...other,
+		children: /* @__PURE__ */ jsx(Tooltip, {
+			title: /* @__PURE__ */ jsx(Trans, {
+				i18nKey: "tooltip.progressToNextUpdate",
+				values: { value: getSecondsToUpdate(updatedAt, timeToUpdate) },
+				components: [/* @__PURE__ */ jsx("br", {})]
+			}),
+			children: /* @__PURE__ */ jsxs(Box, {
+				sx: {
+					display: "grid",
+					position: "relative",
+					placeItems: "center",
+					width: 24,
+					height: 24
+				},
+				children: [/* @__PURE__ */ jsx(CircularProgress, {
+					variant: "determinate",
+					size: 24,
+					value: 100,
+					sx: (theme) => ({
+						position: "absolute",
+						color: theme.vars.palette.grey[300],
+						...theme.applyStyles("dark", { color: theme.vars.palette.grey[800] })
+					})
+				}), /* @__PURE__ */ jsx(CircularProgress, {
+					variant: isLoading ? "indeterminate" : "determinate",
+					size: 24,
+					value,
+					sx: (theme) => ({
+						opacity: value === 100 && !isLoading ? .5 : 1,
+						color: theme.vars.palette.primary.main,
+						...theme.applyStyles("dark", { color: theme.vars.palette.primary.light })
+					})
+				})]
+			})
+		})
+	});
 };
+//#endregion
+export { ProgressToNextUpdate };
+
 //# sourceMappingURL=ProgressToNextUpdate.js.map