@lifi/widget 4.0.0-beta.8 → 4.0.0

package/dist/esm/pages/TransactionDetailsPage/TransferIdCard.js

@@ -1,32 +1,65 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import ContentCopyRounded from '@mui/icons-material/ContentCopyRounded';
-import OpenInNew from '@mui/icons-material/OpenInNew';
-import { Box, Typography } from '@mui/material';
-import { useTranslation } from 'react-i18next';
-import { Card } from '../../components/Card/Card.js';
-import { CardIconButton } from '../../components/Card/CardIconButton.js';
-import { CardTitle } from '../../components/Card/CardTitle.js';
-export const TransferIdCard = ({ transferId, txLink }) => {
-    const { t } = useTranslation();
-    const copyTransferId = async () => {
-        await navigator.clipboard.writeText(transferId);
-    };
-    const openTransferIdInExplorer = () => {
-        window.open(txLink, '_blank');
-    };
-    return (_jsxs(Card, { sx: { marginTop: 2 }, children: [_jsxs(Box, { sx: {
-                    display: 'flex',
-                    flex: 1,
-                }, children: [_jsx(CardTitle, { flex: 1, children: t('main.transferId') }), _jsxs(Box, { sx: {
-                            gap: 1,
-                            display: 'flex',
-                            marginRight: 2,
-                            marginTop: 1,
-                        }, children: [_jsx(CardIconButton, { size: "small", onClick: copyTransferId, children: _jsx(ContentCopyRounded, { fontSize: "inherit" }) }), txLink ? (_jsx(CardIconButton, { size: "small", onClick: openTransferIdInExplorer, children: _jsx(OpenInNew, { fontSize: "inherit" }) })) : null] })] }), _jsx(Typography, { variant: "body2", sx: {
-                    pt: 1,
-                    pb: 2,
-                    px: 2,
-                    wordBreak: 'break-all',
-                }, children: transferId })] }));
+import { useWidgetConfig } from "../../providers/WidgetProvider/WidgetProvider.js";
+import { Card as Card$1 } from "../../components/Card/Card.js";
+import { CardIconButton } from "../../components/Card/CardIconButton.js";
+import { CardTitle } from "../../components/Card/CardTitle.js";
+import { ContactSupportButton } from "./ContactSupportButton.js";
+import { Box, Typography } from "@mui/material";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import ContentCopyRounded from "@mui/icons-material/ContentCopyRounded";
+import OpenInNew from "@mui/icons-material/OpenInNew";
+//#region src/pages/TransactionDetailsPage/TransferIdCard.tsx
+const TransferIdCard = ({ transferId, txLink }) => {
+	const { t } = useTranslation();
+	const { hiddenUI } = useWidgetConfig();
+	const copyTransferId = async () => {
+		await navigator.clipboard.writeText(transferId);
+	};
+	const openTransferIdInExplorer = () => {
+		window.open(txLink, "_blank");
+	};
+	return /* @__PURE__ */ jsxs(Card$1, {
+		type: "default",
+		indented: true,
+		children: [/* @__PURE__ */ jsxs(Box, {
+			sx: {
+				display: "flex",
+				alignItems: "center",
+				justifyContent: "space-between"
+			},
+			children: [/* @__PURE__ */ jsx(CardTitle, {
+				sx: { p: 0 },
+				children: t("main.transferId")
+			}), /* @__PURE__ */ jsxs(Box, {
+				sx: {
+					gap: 1,
+					display: "flex"
+				},
+				children: [
+					/* @__PURE__ */ jsx(CardIconButton, {
+						size: "small",
+						onClick: copyTransferId,
+						children: /* @__PURE__ */ jsx(ContentCopyRounded, { fontSize: "inherit" })
+					}),
+					txLink ? /* @__PURE__ */ jsx(CardIconButton, {
+						size: "small",
+						onClick: openTransferIdInExplorer,
+						children: /* @__PURE__ */ jsx(OpenInNew, { fontSize: "inherit" })
+					}) : null,
+					!hiddenUI?.contactSupport ? /* @__PURE__ */ jsx(ContactSupportButton, { supportId: transferId }) : null
+				]
+			})]
+		}), /* @__PURE__ */ jsx(Typography, {
+			variant: "body2",
+			sx: {
+				pt: 2,
+				wordBreak: "break-all"
+			},
+			children: transferId
+		})]
+	});
 };
+//#endregion
+export { TransferIdCard };
+
 //# sourceMappingURL=TransferIdCard.js.map

package/dist/esm/pages/TransactionDetailsPage/TransferIdCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"TransferIdCard.js","sourceRoot":"","sources":["../../../../src/pages/TransactionDetailsPage/TransferIdCard.tsx"],"names":[],"mappings":";AAAA,OAAO,kBAAkB,MAAM,wCAAwC,CAAA;AACvE,OAAO,SAAS,MAAM,+BAA+B,CAAA;AACrD,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,+BAA+B,CAAA;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAA;AACxE,OAAO,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAA;AAO9D,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,UAAU,EAAE,MAAM,EAAuB,EAAE,EAAE;IAC5E,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAE9B,MAAM,cAAc,GAAG,KAAK,IAAI,EAAE;QAChC,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,UAAU,CAAC,CAAA;IACjD,CAAC,CAAA;IAED,MAAM,wBAAwB,GAAG,GAAG,EAAE;QACpC,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAA;IAC/B,CAAC,CAAA;IAED,OAAO,CACL,MAAC,IAAI,IAAC,EAAE,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,aACxB,MAAC,GAAG,IACF,EAAE,EAAE;oBACF,OAAO,EAAE,MAAM;oBACf,IAAI,EAAE,CAAC;iBACR,aAED,KAAC,SAAS,IAAC,IAAI,EAAE,CAAC,YAAG,CAAC,CAAC,iBAAiB,CAAC,GAAa,EACtD,MAAC,GAAG,IACF,EAAE,EAAE;4BACF,GAAG,EAAE,CAAC;4BACN,OAAO,EAAE,MAAM;4BACf,WAAW,EAAE,CAAC;4BACd,SAAS,EAAE,CAAC;yBACb,aAED,KAAC,cAAc,IAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,cAAc,YAClD,KAAC,kBAAkB,IAAC,QAAQ,EAAC,SAAS,GAAG,GAC1B,EAChB,MAAM,CAAC,CAAC,CAAC,CACR,KAAC,cAAc,IAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,wBAAwB,YAC5D,KAAC,SAAS,IAAC,QAAQ,EAAC,SAAS,GAAG,GACjB,CAClB,CAAC,CAAC,CAAC,IAAI,IACJ,IACF,EACN,KAAC,UAAU,IACT,OAAO,EAAC,OAAO,EACf,EAAE,EAAE;oBACF,EAAE,EAAE,CAAC;oBACL,EAAE,EAAE,CAAC;oBACL,EAAE,EAAE,CAAC;oBACL,SAAS,EAAE,WAAW;iBACvB,YAEA,UAAU,GACA,IACR,CACR,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"TransferIdCard.js","names":["Card"],"sources":["../../../../src/pages/TransactionDetailsPage/TransferIdCard.tsx"],"sourcesContent":["import ContentCopyRounded from '@mui/icons-material/ContentCopyRounded'\nimport OpenInNew from '@mui/icons-material/OpenInNew'\nimport { Box, Typography } from '@mui/material'\nimport type { JSX } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { Card } from '../../components/Card/Card.js'\nimport { CardIconButton } from '../../components/Card/CardIconButton.js'\nimport { CardTitle } from '../../components/Card/CardTitle.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport { ContactSupportButton } from './ContactSupportButton.js'\n\ninterface TransferIdCardProps {\n  transferId: string\n  txLink?: string\n}\n\nexport const TransferIdCard = ({\n  transferId,\n  txLink,\n}: TransferIdCardProps): JSX.Element => {\n  const { t } = useTranslation()\n  const { hiddenUI } = useWidgetConfig()\n\n  const copyTransferId = async () => {\n    await navigator.clipboard.writeText(transferId)\n  }\n\n  const openTransferIdInExplorer = () => {\n    window.open(txLink, '_blank')\n  }\n\n  return (\n    <Card type=\"default\" indented>\n      <Box\n        sx={{\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'space-between',\n        }}\n      >\n        <CardTitle sx={{ p: 0 }}>{t('main.transferId')}</CardTitle>\n        <Box\n          sx={{\n            gap: 1,\n            display: 'flex',\n          }}\n        >\n          <CardIconButton size=\"small\" onClick={copyTransferId}>\n            <ContentCopyRounded fontSize=\"inherit\" />\n          </CardIconButton>\n          {txLink ? (\n            <CardIconButton size=\"small\" onClick={openTransferIdInExplorer}>\n              <OpenInNew fontSize=\"inherit\" />\n            </CardIconButton>\n          ) : null}\n          {!hiddenUI?.contactSupport ? (\n            <ContactSupportButton supportId={transferId} />\n          ) : null}\n        </Box>\n      </Box>\n      <Typography\n        variant=\"body2\"\n        sx={{\n          pt: 2,\n          wordBreak: 'break-all',\n        }}\n      >\n        {transferId}\n      </Typography>\n    </Card>\n  )\n}\n"],"mappings":";;;;;;;;;;;AAgBA,MAAa,kBAAkB,EAC7B,YACA,aACsC;CACtC,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,EAAE,aAAa,gBAAgB;CAErC,MAAM,iBAAiB,YAAY;EACjC,MAAM,UAAU,UAAU,UAAU,UAAU;CAChD;CAEA,MAAM,iCAAiC;EACrC,OAAO,KAAK,QAAQ,QAAQ;CAC9B;CAEA,OACE,qBAACA,QAAD;EAAM,MAAK;EAAU,UAAA;YAArB,CACE,qBAAC,KAAD;GACE,IAAI;IACF,SAAS;IACT,YAAY;IACZ,gBAAgB;GAClB;aALF,CAOE,oBAAC,WAAD;IAAW,IAAI,EAAE,GAAG,EAAE;cAAI,EAAE,iBAAiB;GAAa,CAAA,GAC1D,qBAAC,KAAD;IACE,IAAI;KACF,KAAK;KACL,SAAS;IACX;cAJF;KAME,oBAAC,gBAAD;MAAgB,MAAK;MAAQ,SAAS;gBACpC,oBAAC,oBAAD,EAAoB,UAAS,UAAW,CAAA;KAC1B,CAAA;KACf,SACC,oBAAC,gBAAD;MAAgB,MAAK;MAAQ,SAAS;gBACpC,oBAAC,WAAD,EAAW,UAAS,UAAW,CAAA;KACjB,CAAA,IACd;KACH,CAAC,UAAU,iBACV,oBAAC,sBAAD,EAAsB,WAAW,WAAa,CAAA,IAC5C;IACD;KACF;MACL,oBAAC,YAAD;GACE,SAAQ;GACR,IAAI;IACF,IAAI;IACJ,WAAW;GACb;aAEC;EACS,CAAA,CACR;;AAEV"}

package/dist/esm/pages/TransactionPage/ConfirmToAddressSheet.js

@@ -1,39 +1,81 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Wallet from '@mui/icons-material/Wallet';
-import WarningRounded from '@mui/icons-material/WarningRounded';
-import { Button, Typography } from '@mui/material';
-import { forwardRef, useRef } from 'react';
-import { useTranslation } from 'react-i18next';
-import { BottomSheet } from '../../components/BottomSheet/BottomSheet.js';
-import { AlertMessage } from '../../components/Messages/AlertMessage.js';
-import { useChain } from '../../hooks/useChain.js';
-import { useSetContentHeight } from '../../hooks/useSetContentHeight.js';
-import { useWidgetEvents } from '../../hooks/useWidgetEvents.js';
-import { WidgetEvent } from '../../types/events.js';
-import { IconContainer, SendToWalletButtonRow, SendToWalletSheetContainer, SheetAddressContainer, } from '../SendToWallet/SendToWalletPage.style.js';
-export const ConfirmToAddressSheet = forwardRef((props, ref) => {
-    const handleClose = () => {
-        ;
-        ref.current?.close();
-    };
-    return (_jsx(BottomSheet, { ref: ref, children: _jsx(ConfirmToAddressSheetContent, { ...props, onClose: handleClose }) }));
+import { useWidgetEvents } from "../../hooks/useWidgetEvents.js";
+import "../../types/events.js";
+import { useChain } from "../../hooks/useChain.js";
+import { AlertMessage } from "../../components/Messages/AlertMessage.js";
+import { BottomSheet } from "../../components/BottomSheet/BottomSheet.js";
+import { IconContainer, SendToWalletButtonRow, SendToWalletSheetContainer, SheetAddressContainer } from "../SendToWallet/SendToWalletPage.style.js";
+import { useSetContentHeight } from "../../hooks/useSetContentHeight.js";
+import { forwardRef, useRef } from "react";
+import { Button, Typography } from "@mui/material";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import Wallet from "@mui/icons-material/Wallet";
+import WarningRounded from "@mui/icons-material/WarningRounded";
+//#region src/pages/TransactionPage/ConfirmToAddressSheet.tsx
+const ConfirmToAddressSheet = forwardRef((props, ref) => {
+	const handleClose = () => {
+		ref.current?.close();
+	};
+	return /* @__PURE__ */ jsx(BottomSheet, {
+		ref,
+		children: /* @__PURE__ */ jsx(ConfirmToAddressSheetContent, {
+			...props,
+			onClose: handleClose
+		})
+	});
 });
 const ConfirmToAddressSheetContent = ({ onContinue, onClose, toAddress, toChainId }) => {
-    const { t } = useTranslation();
-    const { chain } = useChain(toChainId);
-    const emitter = useWidgetEvents();
-    const ref = useRef(null);
-    useSetContentHeight(ref);
-    const handleContinue = () => {
-        emitter.emit(WidgetEvent.LowAddressActivityConfirmed, {
-            address: toAddress,
-            chainId: toChainId,
-        });
-        onClose();
-        onContinue();
-    };
-    return (_jsxs(SendToWalletSheetContainer, { ref: ref, children: [_jsx(IconContainer, { children: _jsx(Wallet, { sx: { fontSize: 40 } }) }), _jsx(Typography, { variant: "h6", sx: { textAlign: 'center', mb: 2 }, children: t('warning.title.lowAddressActivity') }), _jsx(SheetAddressContainer, { children: _jsx(Typography, { children: toAddress }) }), _jsx(AlertMessage, { severity: "warning", title: _jsx(Typography, { variant: "body2", sx: { color: 'text.primary' }, children: t('warning.message.lowAddressActivity', {
-                        chainName: chain?.name,
-                    }) }), icon: _jsx(WarningRounded, {}), multiline: true }), _jsxs(SendToWalletButtonRow, { children: [_jsx(Button, { variant: "text", onClick: onClose, fullWidth: true, children: t('button.cancel') }), _jsx(Button, { variant: "contained", onClick: handleContinue, fullWidth: true, children: t('button.continue') })] })] }));
+	const { t } = useTranslation();
+	const { chain } = useChain(toChainId);
+	const emitter = useWidgetEvents();
+	const ref = useRef(null);
+	useSetContentHeight(ref);
+	const handleContinue = () => {
+		emitter.emit("lowAddressActivityConfirmed", {
+			address: toAddress,
+			chainId: toChainId
+		});
+		onClose();
+		onContinue();
+	};
+	return /* @__PURE__ */ jsxs(SendToWalletSheetContainer, {
+		ref,
+		children: [
+			/* @__PURE__ */ jsx(IconContainer, { children: /* @__PURE__ */ jsx(Wallet, { sx: { fontSize: 40 } }) }),
+			/* @__PURE__ */ jsx(Typography, {
+				variant: "h6",
+				sx: {
+					textAlign: "center",
+					mb: 2
+				},
+				children: t("warning.title.lowAddressActivity")
+			}),
+			/* @__PURE__ */ jsx(SheetAddressContainer, { children: /* @__PURE__ */ jsx(Typography, { children: toAddress }) }),
+			/* @__PURE__ */ jsx(AlertMessage, {
+				severity: "warning",
+				title: /* @__PURE__ */ jsx(Typography, {
+					variant: "body2",
+					sx: { color: "text.primary" },
+					children: t("warning.message.lowAddressActivity", { chainName: chain?.name })
+				}),
+				icon: /* @__PURE__ */ jsx(WarningRounded, {}),
+				multiline: true
+			}),
+			/* @__PURE__ */ jsxs(SendToWalletButtonRow, { children: [/* @__PURE__ */ jsx(Button, {
+				variant: "text",
+				onClick: onClose,
+				fullWidth: true,
+				children: t("button.cancel")
+			}), /* @__PURE__ */ jsx(Button, {
+				variant: "contained",
+				onClick: handleContinue,
+				fullWidth: true,
+				children: t("button.continue")
+			})] })
+		]
+	});
 };
+//#endregion
+export { ConfirmToAddressSheet };
+
 //# sourceMappingURL=ConfirmToAddressSheet.js.map

package/dist/esm/pages/TransactionPage/ConfirmToAddressSheet.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfirmToAddressSheet.js","sourceRoot":"","sources":["../../../../src/pages/TransactionPage/ConfirmToAddressSheet.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ConfirmToAddressSheet.js","names":[],"sources":["../../../../src/pages/TransactionPage/ConfirmToAddressSheet.tsx"],"sourcesContent":["import Wallet from '@mui/icons-material/Wallet'\nimport WarningRounded from '@mui/icons-material/WarningRounded'\nimport { Button, Typography } from '@mui/material'\nimport type { ForwardRefExoticComponent, RefAttributes, RefObject } from 'react'\nimport { forwardRef, useRef } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { BottomSheet } from '../../components/BottomSheet/BottomSheet.js'\nimport type { BottomSheetBase } from '../../components/BottomSheet/types.js'\nimport { AlertMessage } from '../../components/Messages/AlertMessage.js'\nimport { useChain } from '../../hooks/useChain.js'\nimport { useSetContentHeight } from '../../hooks/useSetContentHeight.js'\nimport { useWidgetEvents } from '../../hooks/useWidgetEvents.js'\nimport { WidgetEvent } from '../../types/events.js'\nimport {\n  IconContainer,\n  SendToWalletButtonRow,\n  SendToWalletSheetContainer,\n  SheetAddressContainer,\n} from '../SendToWallet/SendToWalletPage.style.js'\n\ninterface ConfirmToAddressSheetProps {\n  onContinue: () => void\n  toAddress: string\n  toChainId: number\n}\n\ninterface ConfirmToAddressSheetContentProps extends ConfirmToAddressSheetProps {\n  onClose: () => void\n}\n\nexport const ConfirmToAddressSheet: ForwardRefExoticComponent<\n  ConfirmToAddressSheetProps & RefAttributes<BottomSheetBase>\n> = forwardRef<BottomSheetBase, ConfirmToAddressSheetProps>((props, ref) => {\n  const handleClose = () => {\n    ;(ref as RefObject<BottomSheetBase>).current?.close()\n  }\n\n  return (\n    <BottomSheet ref={ref}>\n      <ConfirmToAddressSheetContent {...props} onClose={handleClose} />\n    </BottomSheet>\n  )\n})\n\nconst ConfirmToAddressSheetContent: React.FC<\n  ConfirmToAddressSheetContentProps\n> = ({ onContinue, onClose, toAddress, toChainId }) => {\n  const { t } = useTranslation()\n  const { chain } = useChain(toChainId)\n  const emitter = useWidgetEvents()\n  const ref = useRef<HTMLElement>(null)\n  useSetContentHeight(ref)\n\n  const handleContinue = () => {\n    emitter.emit(WidgetEvent.LowAddressActivityConfirmed, {\n      address: toAddress,\n      chainId: toChainId,\n    })\n    onClose()\n    onContinue()\n  }\n\n  return (\n    <SendToWalletSheetContainer ref={ref}>\n      <IconContainer>\n        <Wallet sx={{ fontSize: 40 }} />\n      </IconContainer>\n      <Typography variant=\"h6\" sx={{ textAlign: 'center', mb: 2 }}>\n        {t('warning.title.lowAddressActivity')}\n      </Typography>\n      <SheetAddressContainer>\n        <Typography>{toAddress}</Typography>\n      </SheetAddressContainer>\n      <AlertMessage\n        severity=\"warning\"\n        title={\n          <Typography variant=\"body2\" sx={{ color: 'text.primary' }}>\n            {t('warning.message.lowAddressActivity', {\n              chainName: chain?.name,\n            })}\n          </Typography>\n        }\n        icon={<WarningRounded />}\n        multiline\n      />\n      <SendToWalletButtonRow>\n        <Button variant=\"text\" onClick={onClose} fullWidth>\n          {t('button.cancel')}\n        </Button>\n        <Button variant=\"contained\" onClick={handleContinue} fullWidth>\n          {t('button.continue')}\n        </Button>\n      </SendToWalletButtonRow>\n    </SendToWalletSheetContainer>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;AA8BA,MAAa,wBAET,YAAyD,OAAO,QAAQ;CAC1E,MAAM,oBAAoB;EACvB,IAAoC,SAAS,MAAM;CACtD;CAEA,OACE,oBAAC,aAAD;EAAkB;YAChB,oBAAC,8BAAD;GAA8B,GAAI;GAAO,SAAS;EAAc,CAAA;CACrD,CAAA;AAEjB,CAAC;AAED,MAAM,gCAED,EAAE,YAAY,SAAS,WAAW,gBAAgB;CACrD,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,EAAE,UAAU,SAAS,SAAS;CACpC,MAAM,UAAU,gBAAgB;CAChC,MAAM,MAAM,OAAoB,IAAI;CACpC,oBAAoB,GAAG;CAEvB,MAAM,uBAAuB;EAC3B,QAAQ,KAAA,+BAA8C;GACpD,SAAS;GACT,SAAS;EACX,CAAC;EACD,QAAQ;EACR,WAAW;CACb;CAEA,OACE,qBAAC,4BAAD;EAAiC;YAAjC;GACE,oBAAC,eAAD,EAAA,UACE,oBAAC,QAAD,EAAQ,IAAI,EAAE,UAAU,GAAG,EAAI,CAAA,EAClB,CAAA;GACf,oBAAC,YAAD;IAAY,SAAQ;IAAK,IAAI;KAAE,WAAW;KAAU,IAAI;IAAE;cACvD,EAAE,kCAAkC;GAC3B,CAAA;GACZ,oBAAC,uBAAD,EAAA,UACE,oBAAC,YAAD,EAAA,UAAa,UAAsB,CAAA,EACd,CAAA;GACvB,oBAAC,cAAD;IACE,UAAS;IACT,OACE,oBAAC,YAAD;KAAY,SAAQ;KAAQ,IAAI,EAAE,OAAO,eAAe;eACrD,EAAE,sCAAsC,EACvC,WAAW,OAAO,KACpB,CAAC;IACS,CAAA;IAEd,MAAM,oBAAC,gBAAD,CAAiB,CAAA;IACvB,WAAA;GACD,CAAA;GACD,qBAAC,uBAAD,EAAA,UAAA,CACE,oBAAC,QAAD;IAAQ,SAAQ;IAAO,SAAS;IAAS,WAAA;cACtC,EAAE,eAAe;GACZ,CAAA,GACR,oBAAC,QAAD;IAAQ,SAAQ;IAAY,SAAS;IAAgB,WAAA;cAClD,EAAE,iBAAiB;GACd,CAAA,CACa,EAAA,CAAA;EACG;;AAEhC"}

package/dist/esm/pages/TransactionPage/ExchangeRateBottomSheet.js

@@ -1,95 +1,146 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import WarningRounded from '@mui/icons-material/WarningRounded';
-import { Box, Button, Typography } from '@mui/material';
-import { forwardRef, useCallback, useImperativeHandle, useRef, useState, } from 'react';
-import { useTranslation } from 'react-i18next';
-import { BottomSheet } from '../../components/BottomSheet/BottomSheet.js';
-import { useSetContentHeight } from '../../hooks/useSetContentHeight.js';
-import { formatTokenAmount } from '../../utils/format.js';
-import { CenterContainer, IconCircle } from './StatusBottomSheet.style.js';
-export const ExchangeRateBottomSheet = forwardRef(({ onContinue, onCancel }, ref) => {
-    const [data, setData] = useState();
-    const bottomSheetRef = useRef(null);
-    const resolverRef = useRef(null);
-    const handleContinue = () => {
-        ;
-        ref.current?.close(true);
-        onContinue?.();
-    };
-    const handleCancel = useCallback(() => {
-        ;
-        ref.current?.close(false);
-        onCancel?.();
-    }, [onCancel, ref]);
-    const handleClose = useCallback(() => {
-        ;
-        ref.current?.close(false, false);
-        onCancel?.();
-    }, [onCancel, ref]);
-    useImperativeHandle(ref, () => ({
-        isOpen: () => bottomSheetRef.current?.isOpen(),
-        open: (resolver, data) => {
-            setData(data);
-            resolverRef.current = resolver;
-            bottomSheetRef.current?.open();
-        },
-        close: (value = false, bottomSheetClose = true) => {
-            resolverRef.current?.(value);
-            if (bottomSheetClose) {
-                bottomSheetRef.current?.close();
-            }
-        },
-    }), []);
-    return (_jsx(BottomSheet, { ref: bottomSheetRef, onClose: handleClose, children: _jsx(ExchangeRateBottomSheetContent, { data: data, onContinue: handleContinue, onCancel: handleCancel }) }));
+import { formatTokenAmount } from "../../utils/format.js";
+import { IconCircle } from "../../components/IconCircle/IconCircle.js";
+import { BottomSheet } from "../../components/BottomSheet/BottomSheet.js";
+import { useSetContentHeight } from "../../hooks/useSetContentHeight.js";
+import { CenterContainer } from "./ExchangeRateBottomSheet.style.js";
+import { forwardRef, useCallback, useImperativeHandle, useRef, useState } from "react";
+import { Box, Button, Typography } from "@mui/material";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+//#region src/pages/TransactionPage/ExchangeRateBottomSheet.tsx
+const ExchangeRateBottomSheet = forwardRef(({ onContinue, onCancel }, ref) => {
+	const [data, setData] = useState();
+	const bottomSheetRef = useRef(null);
+	const resolverRef = useRef(null);
+	const handleContinue = () => {
+		ref.current?.close(true);
+		onContinue?.();
+	};
+	const handleCancel = useCallback(() => {
+		ref.current?.close(false);
+		onCancel?.();
+	}, [onCancel, ref]);
+	const handleClose = useCallback(() => {
+		ref.current?.close(false, false);
+		onCancel?.();
+	}, [onCancel, ref]);
+	useImperativeHandle(ref, () => ({
+		isOpen: () => bottomSheetRef.current?.isOpen(),
+		open: (resolver, data) => {
+			setData(data);
+			resolverRef.current = resolver;
+			bottomSheetRef.current?.open();
+		},
+		close: (value = false, bottomSheetClose = true) => {
+			resolverRef.current?.(value);
+			if (bottomSheetClose) bottomSheetRef.current?.close();
+		}
+	}), []);
+	return /* @__PURE__ */ jsx(BottomSheet, {
+		ref: bottomSheetRef,
+		onClose: handleClose,
+		children: /* @__PURE__ */ jsx(ExchangeRateBottomSheetContent, {
+			data,
+			onContinue: handleContinue,
+			onCancel: handleCancel
+		})
+	});
 });
 const ExchangeRateBottomSheetContent = ({ data, onCancel, onContinue }) => {
-    const { t } = useTranslation();
-    const ref = useRef(null);
-    useSetContentHeight(ref);
-    if (!data) {
-        return;
-    }
-    const oldAmount = BigInt(data.oldToAmount || 1);
-    const rateChange = ((Number((BigInt(data.newToAmount || 0) * 1000000n) / oldAmount) /
-        1000000) *
-        100 -
-        100).toFixed(2);
-    return (_jsxs(Box, { ref: ref, sx: {
-            p: 3,
-        }, children: [_jsxs(CenterContainer, { children: [_jsx(IconCircle, { status: "warning", mb: 1, children: _jsx(WarningRounded, { color: "warning" }) }), _jsx(Typography, { sx: {
-                            py: 1,
-                            fontSize: 18,
-                            fontWeight: 700,
-                        }, children: t('warning.title.rateChanged') })] }), _jsx(Typography, { sx: {
-                    py: 1,
-                }, children: t('warning.message.rateChanged') }), _jsxs(Box, { sx: {
-                    display: 'flex',
-                    justifyContent: 'space-between',
-                    mt: 1,
-                }, children: [_jsx(Typography, { children: t('main.quotedAmount') }), _jsxs(Typography, { sx: {
-                            fontWeight: 600,
-                        }, children: [t('format.tokenAmount', {
-                                value: formatTokenAmount(BigInt(data.oldToAmount), data.toToken.decimals),
-                            }), ' ', data?.toToken.symbol] })] }), _jsxs(Box, { sx: {
-                    display: 'flex',
-                    justifyContent: 'space-between',
-                    mt: 0.25,
-                }, children: [_jsx(Typography, { children: t('main.currentAmount') }), _jsxs(Typography, { sx: {
-                            fontWeight: 600,
-                        }, children: [t('format.tokenAmount', {
-                                value: formatTokenAmount(BigInt(data?.newToAmount), data?.toToken.decimals),
-                            }), ' ', data?.toToken.symbol] })] }), _jsxs(Box, { sx: {
-                    display: 'flex',
-                    justifyContent: 'space-between',
-                    mt: 0.25,
-                }, children: [_jsx(Typography, { children: t('main.rateChange') }), _jsxs(Typography, { sx: {
-                            fontWeight: 600,
-                        }, children: [rateChange, "%"] })] }), _jsxs(Box, { sx: {
-                    display: 'flex',
-                    mt: 3,
-                }, children: [_jsx(Button, { variant: "text", onClick: onCancel, fullWidth: true, children: t('button.cancel') }), _jsx(Box, { sx: {
-                            display: 'flex',
-                            p: 1,
-                        } }), _jsx(Button, { variant: "contained", onClick: onContinue, fullWidth: true, children: t('button.continue') })] })] }));
+	const { t } = useTranslation();
+	const ref = useRef(null);
+	useSetContentHeight(ref);
+	if (!data) return;
+	const oldAmount = BigInt(data.oldToAmount || 1);
+	const rateChange = (Number(BigInt(data.newToAmount || 0) * 1000000n / oldAmount) / 1e6 * 100 - 100).toFixed(2);
+	return /* @__PURE__ */ jsxs(Box, {
+		ref,
+		sx: { p: 3 },
+		children: [
+			/* @__PURE__ */ jsxs(CenterContainer, { children: [/* @__PURE__ */ jsx(IconCircle, {
+				status: "warning",
+				sx: { mb: 1 }
+			}), /* @__PURE__ */ jsx(Typography, {
+				sx: {
+					py: 1,
+					fontSize: 18,
+					fontWeight: 700
+				},
+				children: t("warning.title.rateChanged")
+			})] }),
+			/* @__PURE__ */ jsx(Typography, {
+				sx: { py: 1 },
+				children: t("warning.message.rateChanged")
+			}),
+			/* @__PURE__ */ jsxs(Box, {
+				sx: {
+					display: "flex",
+					justifyContent: "space-between",
+					mt: 1
+				},
+				children: [/* @__PURE__ */ jsx(Typography, { children: t("main.quotedAmount") }), /* @__PURE__ */ jsxs(Typography, {
+					sx: { fontWeight: 600 },
+					children: [
+						t("format.tokenAmount", { value: formatTokenAmount(BigInt(data.oldToAmount), data.toToken.decimals) }),
+						" ",
+						data?.toToken.symbol
+					]
+				})]
+			}),
+			/* @__PURE__ */ jsxs(Box, {
+				sx: {
+					display: "flex",
+					justifyContent: "space-between",
+					mt: .25
+				},
+				children: [/* @__PURE__ */ jsx(Typography, { children: t("main.currentAmount") }), /* @__PURE__ */ jsxs(Typography, {
+					sx: { fontWeight: 600 },
+					children: [
+						t("format.tokenAmount", { value: formatTokenAmount(BigInt(data?.newToAmount), data?.toToken.decimals) }),
+						" ",
+						data?.toToken.symbol
+					]
+				})]
+			}),
+			/* @__PURE__ */ jsxs(Box, {
+				sx: {
+					display: "flex",
+					justifyContent: "space-between",
+					mt: .25
+				},
+				children: [/* @__PURE__ */ jsx(Typography, { children: t("main.rateChange") }), /* @__PURE__ */ jsxs(Typography, {
+					sx: { fontWeight: 600 },
+					children: [rateChange, "%"]
+				})]
+			}),
+			/* @__PURE__ */ jsxs(Box, {
+				sx: {
+					display: "flex",
+					mt: 3
+				},
+				children: [
+					/* @__PURE__ */ jsx(Button, {
+						variant: "text",
+						onClick: onCancel,
+						fullWidth: true,
+						children: t("button.cancel")
+					}),
+					/* @__PURE__ */ jsx(Box, { sx: {
+						display: "flex",
+						p: 1
+					} }),
+					/* @__PURE__ */ jsx(Button, {
+						variant: "contained",
+						onClick: onContinue,
+						fullWidth: true,
+						children: t("button.continue")
+					})
+				]
+			})
+		]
+	});
 };
+//#endregion
+export { ExchangeRateBottomSheet };
+
 //# sourceMappingURL=ExchangeRateBottomSheet.js.map

package/dist/esm/pages/TransactionPage/ExchangeRateBottomSheet.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExchangeRateBottomSheet.js","sourceRoot":"","sources":["../../../../src/pages/TransactionPage/ExchangeRateBottomSheet.tsx"],"names":[],"mappings":";AACA,OAAO,cAAc,MAAM,oCAAoC,CAAA;AAC/D,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAEvD,OAAO,EACL,UAAU,EACV,WAAW,EACX,mBAAmB,EACnB,MAAM,EACN,QAAQ,GACT,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,6CAA6C,CAAA;AAEzE,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAA;AACxE,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AACzD,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAA;AAc1E,MAAM,CAAC,MAAM,uBAAuB,GAAG,UAAU,CAG/C,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,GAAG,EAAE,EAAE;IAClC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,EAA4B,CAAA;IAC5D,MAAM,cAAc,GAAG,MAAM,CAAkB,IAAI,CAAC,CAAA;IACpD,MAAM,WAAW,GAAG,MAAM,CAA2B,IAAI,CAAC,CAAA;IAE1D,MAAM,cAAc,GAAG,GAAG,EAAE;QAC1B,CAAC;QAAC,GAA8C,CAAC,OAAO,EAAE,KAAK,CAAC,IAAI,CAAC,CAAA;QACrE,UAAU,EAAE,EAAE,CAAA;IAChB,CAAC,CAAA;IAED,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QACpC,CAAC;QAAC,GAA8C,CAAC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,CAAA;QACtE,QAAQ,EAAE,EAAE,CAAA;IACd,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC,CAAA;IAEnB,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,CAAC;QAAC,GAA8C,CAAC,OAAO,EAAE,KAAK,CAC7D,KAAK,EACL,KAAK,CACN,CAAA;QACD,QAAQ,EAAE,EAAE,CAAA;IACd,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC,CAAA;IAEnB,mBAAmB,CACjB,GAAG,EACH,GAAG,EAAE,CAAC,CAAC;QACL,MAAM,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,OAAO,EAAE,MAAM,EAAE;QAC9C,IAAI,EAAE,CAAC,QAAQ,EAAE,IAAI,EAAE,EAAE;YACvB,OAAO,CAAC,IAAI,CAAC,CAAA;YACb,WAAW,CAAC,OAAO,GAAG,QAAQ,CAAA;YAC9B,cAAc,CAAC,OAAO,EAAE,IAAI,EAAE,CAAA;QAChC,CAAC;QACD,KAAK,EAAE,CAAC,KAAK,GAAG,KAAK,EAAE,gBAAgB,GAAG,IAAI,EAAE,EAAE;YAChD,WAAW,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,CAAA;YAC5B,IAAI,gBAAgB,EAAE,CAAC;gBACrB,cAAc,CAAC,OAAO,EAAE,KAAK,EAAE,CAAA;YACjC,CAAC;QACH,CAAC;KACF,CAAC,EACF,EAAE,CACH,CAAA;IAED,OAAO,CACL,KAAC,WAAW,IAAC,GAAG,EAAE,cAAc,EAAE,OAAO,EAAE,WAAW,YACpD,KAAC,8BAA8B,IAC7B,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,cAAc,EAC1B,QAAQ,EAAE,YAAY,GACtB,GACU,CACf,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,8BAA8B,GAEhC,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAE,EAAE;IACrC,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAC9B,MAAM,GAAG,GAAG,MAAM,CAAc,IAAI,CAAC,CAAA;IACrC,mBAAmB,CAAC,GAAG,CAAC,CAAA;IAExB,IAAI,CAAC,IAAI,EAAE,CAAC;QACV,OAAM;IACR,CAAC;IAED,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,IAAI,CAAC,CAAC,CAAA;IAC/C,MAAM,UAAU,GAAG,CACjB,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,WAAW,IAAI,CAAC,CAAC,GAAG,QAAU,CAAC,GAAG,SAAS,CAAC;QAC/D,OAAS,CAAC;QACV,GAAG;QACL,GAAG,CACJ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;IAEZ,OAAO,CACL,MAAC,GAAG,IACF,GAAG,EAAE,GAAG,EACR,EAAE,EAAE;YACF,CAAC,EAAE,CAAC;SACL,aAED,MAAC,eAAe,eACd,KAAC,UAAU,IAAC,MAAM,EAAC,SAAS,EAAC,EAAE,EAAE,CAAC,YAChC,KAAC,cAAc,IAAC,KAAK,EAAC,SAAS,GAAG,GACvB,EACb,KAAC,UAAU,IACT,EAAE,EAAE;4BACF,EAAE,EAAE,CAAC;4BACL,QAAQ,EAAE,EAAE;4BACZ,UAAU,EAAE,GAAG;yBAChB,YAEA,CAAC,CAAC,2BAA2B,CAAC,GACpB,IACG,EAClB,KAAC,UAAU,IACT,EAAE,EAAE;oBACF,EAAE,EAAE,CAAC;iBACN,YAEA,CAAC,CAAC,6BAA6B,CAAC,GACtB,EACb,MAAC,GAAG,IACF,EAAE,EAAE;oBACF,OAAO,EAAE,MAAM;oBACf,cAAc,EAAE,eAAe;oBAC/B,EAAE,EAAE,CAAC;iBACN,aAED,KAAC,UAAU,cAAE,CAAC,CAAC,mBAAmB,CAAC,GAAc,EACjD,MAAC,UAAU,IACT,EAAE,EAAE;4BACF,UAAU,EAAE,GAAG;yBAChB,aAEA,CAAC,CAAC,oBAAoB,EAAE;gCACvB,KAAK,EAAE,iBAAiB,CACtB,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,EACxB,IAAI,CAAC,OAAO,CAAC,QAAQ,CACtB;6BACF,CAAC,EAAE,GAAG,EACN,IAAI,EAAE,OAAO,CAAC,MAAM,IACV,IACT,EACN,MAAC,GAAG,IACF,EAAE,EAAE;oBACF,OAAO,EAAE,MAAM;oBACf,cAAc,EAAE,eAAe;oBAC/B,EAAE,EAAE,IAAI;iBACT,aAED,KAAC,UAAU,cAAE,CAAC,CAAC,oBAAoB,CAAC,GAAc,EAClD,MAAC,UAAU,IACT,EAAE,EAAE;4BACF,UAAU,EAAE,GAAG;yBAChB,aAEA,CAAC,CAAC,oBAAoB,EAAE;gCACvB,KAAK,EAAE,iBAAiB,CACtB,MAAM,CAAC,IAAI,EAAE,WAAW,CAAC,EACzB,IAAI,EAAE,OAAO,CAAC,QAAQ,CACvB;6BACF,CAAC,EAAE,GAAG,EACN,IAAI,EAAE,OAAO,CAAC,MAAM,IACV,IACT,EACN,MAAC,GAAG,IACF,EAAE,EAAE;oBACF,OAAO,EAAE,MAAM;oBACf,cAAc,EAAE,eAAe;oBAC/B,EAAE,EAAE,IAAI;iBACT,aAED,KAAC,UAAU,cAAE,CAAC,CAAC,iBAAiB,CAAC,GAAc,EAC/C,MAAC,UAAU,IACT,EAAE,EAAE;4BACF,UAAU,EAAE,GAAG;yBAChB,aAEA,UAAU,SACA,IACT,EACN,MAAC,GAAG,IACF,EAAE,EAAE;oBACF,OAAO,EAAE,MAAM;oBACf,EAAE,EAAE,CAAC;iBACN,aAED,KAAC,MAAM,IAAC,OAAO,EAAC,MAAM,EAAC,OAAO,EAAE,QAAQ,EAAE,SAAS,kBAChD,CAAC,CAAC,eAAe,CAAC,GACZ,EACT,KAAC,GAAG,IACF,EAAE,EAAE;4BACF,OAAO,EAAE,MAAM;4BACf,CAAC,EAAE,CAAC;yBACL,GACD,EACF,KAAC,MAAM,IAAC,OAAO,EAAC,WAAW,EAAC,OAAO,EAAE,UAAU,EAAE,SAAS,kBACvD,CAAC,CAAC,iBAAiB,CAAC,GACd,IACL,IACF,CACP,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"ExchangeRateBottomSheet.js","names":[],"sources":["../../../../src/pages/TransactionPage/ExchangeRateBottomSheet.tsx"],"sourcesContent":["import type { ExchangeRateUpdateParams } from '@lifi/sdk'\nimport { Box, Button, Typography } from '@mui/material'\nimport type { ForwardRefExoticComponent, RefAttributes, RefObject } from 'react'\nimport {\n  forwardRef,\n  useCallback,\n  useImperativeHandle,\n  useRef,\n  useState,\n} from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { BottomSheet } from '../../components/BottomSheet/BottomSheet.js'\nimport type { BottomSheetBase } from '../../components/BottomSheet/types.js'\nimport { IconCircle } from '../../components/IconCircle/IconCircle.js'\nimport { useSetContentHeight } from '../../hooks/useSetContentHeight.js'\nimport { formatTokenAmount } from '../../utils/format.js'\nimport { CenterContainer } from './ExchangeRateBottomSheet.style.js'\n\nexport interface ExchangeRateBottomSheetBase {\n  isOpen(): void\n  open(resolver: (value: boolean) => void, data: ExchangeRateUpdateParams): void\n  close(value?: boolean, bottomSheetClose?: boolean): void\n}\n\ninterface ExchangeRateBottomSheetProps {\n  data?: ExchangeRateUpdateParams\n  onContinue?(): void\n  onCancel?(): void\n}\n\nexport const ExchangeRateBottomSheet: ForwardRefExoticComponent<\n  ExchangeRateBottomSheetProps & RefAttributes<ExchangeRateBottomSheetBase>\n> = forwardRef<ExchangeRateBottomSheetBase, ExchangeRateBottomSheetProps>(\n  ({ onContinue, onCancel }, ref) => {\n    const [data, setData] = useState<ExchangeRateUpdateParams>()\n    const bottomSheetRef = useRef<BottomSheetBase>(null)\n    const resolverRef = useRef<(value: boolean) => void>(null)\n\n    const handleContinue = () => {\n      ;(ref as RefObject<ExchangeRateBottomSheetBase>).current?.close(true)\n      onContinue?.()\n    }\n\n    const handleCancel = useCallback(() => {\n      ;(ref as RefObject<ExchangeRateBottomSheetBase>).current?.close(false)\n      onCancel?.()\n    }, [onCancel, ref])\n\n    const handleClose = useCallback(() => {\n      ;(ref as RefObject<ExchangeRateBottomSheetBase>).current?.close(\n        false,\n        false\n      )\n      onCancel?.()\n    }, [onCancel, ref])\n\n    useImperativeHandle(\n      ref,\n      () => ({\n        isOpen: () => bottomSheetRef.current?.isOpen(),\n        open: (resolver, data) => {\n          setData(data)\n          resolverRef.current = resolver\n          bottomSheetRef.current?.open()\n        },\n        close: (value = false, bottomSheetClose = true) => {\n          resolverRef.current?.(value)\n          if (bottomSheetClose) {\n            bottomSheetRef.current?.close()\n          }\n        },\n      }),\n      []\n    )\n\n    return (\n      <BottomSheet ref={bottomSheetRef} onClose={handleClose}>\n        <ExchangeRateBottomSheetContent\n          data={data}\n          onContinue={handleContinue}\n          onCancel={handleCancel}\n        />\n      </BottomSheet>\n    )\n  }\n)\n\nconst ExchangeRateBottomSheetContent: React.FC<\n  ExchangeRateBottomSheetProps\n> = ({ data, onCancel, onContinue }) => {\n  const { t } = useTranslation()\n  const ref = useRef<HTMLElement>(null)\n  useSetContentHeight(ref)\n\n  if (!data) {\n    return\n  }\n\n  const oldAmount = BigInt(data.oldToAmount || 1)\n  const rateChange = (\n    (Number((BigInt(data.newToAmount || 0) * 1_000_000n) / oldAmount) /\n      1_000_000) *\n      100 -\n    100\n  ).toFixed(2)\n\n  return (\n    <Box\n      ref={ref}\n      sx={{\n        p: 3,\n      }}\n    >\n      <CenterContainer>\n        <IconCircle status=\"warning\" sx={{ mb: 1 }} />\n        <Typography\n          sx={{\n            py: 1,\n            fontSize: 18,\n            fontWeight: 700,\n          }}\n        >\n          {t('warning.title.rateChanged')}\n        </Typography>\n      </CenterContainer>\n      <Typography\n        sx={{\n          py: 1,\n        }}\n      >\n        {t('warning.message.rateChanged')}\n      </Typography>\n      <Box\n        sx={{\n          display: 'flex',\n          justifyContent: 'space-between',\n          mt: 1,\n        }}\n      >\n        <Typography>{t('main.quotedAmount')}</Typography>\n        <Typography\n          sx={{\n            fontWeight: 600,\n          }}\n        >\n          {t('format.tokenAmount', {\n            value: formatTokenAmount(\n              BigInt(data.oldToAmount),\n              data.toToken.decimals\n            ),\n          })}{' '}\n          {data?.toToken.symbol}\n        </Typography>\n      </Box>\n      <Box\n        sx={{\n          display: 'flex',\n          justifyContent: 'space-between',\n          mt: 0.25,\n        }}\n      >\n        <Typography>{t('main.currentAmount')}</Typography>\n        <Typography\n          sx={{\n            fontWeight: 600,\n          }}\n        >\n          {t('format.tokenAmount', {\n            value: formatTokenAmount(\n              BigInt(data?.newToAmount),\n              data?.toToken.decimals\n            ),\n          })}{' '}\n          {data?.toToken.symbol}\n        </Typography>\n      </Box>\n      <Box\n        sx={{\n          display: 'flex',\n          justifyContent: 'space-between',\n          mt: 0.25,\n        }}\n      >\n        <Typography>{t('main.rateChange')}</Typography>\n        <Typography\n          sx={{\n            fontWeight: 600,\n          }}\n        >\n          {rateChange}%\n        </Typography>\n      </Box>\n      <Box\n        sx={{\n          display: 'flex',\n          mt: 3,\n        }}\n      >\n        <Button variant=\"text\" onClick={onCancel} fullWidth>\n          {t('button.cancel')}\n        </Button>\n        <Box\n          sx={{\n            display: 'flex',\n            p: 1,\n          }}\n        />\n        <Button variant=\"contained\" onClick={onContinue} fullWidth>\n          {t('button.continue')}\n        </Button>\n      </Box>\n    </Box>\n  )\n}\n"],"mappings":"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"}

package/dist/esm/pages/TransactionPage/ExchangeRateBottomSheet.style.js

@@ -0,0 +1,11 @@
+import { Box, styled } from "@mui/material";
+//#region src/pages/TransactionPage/ExchangeRateBottomSheet.style.tsx
+const CenterContainer = styled(Box)(() => ({
+	display: "grid",
+	placeItems: "center",
+	position: "relative"
+}));
+//#endregion
+export { CenterContainer };
+
+//# sourceMappingURL=ExchangeRateBottomSheet.style.js.map

package/dist/esm/pages/TransactionPage/ExchangeRateBottomSheet.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExchangeRateBottomSheet.style.js","names":[],"sources":["../../../../src/pages/TransactionPage/ExchangeRateBottomSheet.style.tsx"],"sourcesContent":["import { Box, styled } from '@mui/material'\nimport type React from 'react'\n\nexport const CenterContainer: React.FC<React.ComponentProps<typeof Box>> =\n  styled(Box)(() => ({\n    display: 'grid',\n    placeItems: 'center',\n    position: 'relative',\n  }))\n"],"mappings":";;AAGA,MAAa,kBACX,OAAO,GAAG,SAAS;CACjB,SAAS;CACT,YAAY;CACZ,UAAU;AACZ,EAAE"}

package/dist/esm/pages/TransactionPage/ExecutionDoneCard.js

@@ -0,0 +1,38 @@
+import { Card as Card$1 } from "../../components/Card/Card.js";
+import { hasEnumFlag } from "../../utils/enum.js";
+import { getExecutionToToken } from "../../utils/token.js";
+import { Token } from "../../components/Token/Token.js";
+import { CardTitle } from "../../components/Card/CardTitle.js";
+import { Box } from "@mui/material";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+//#region src/pages/TransactionPage/ExecutionDoneCard.tsx
+const ExecutionDoneCard = ({ route, status }) => {
+	const { t } = useTranslation();
+	const toToken = getExecutionToToken(route);
+	return /* @__PURE__ */ jsxs(Card$1, {
+		type: "default",
+		indented: true,
+		children: [/* @__PURE__ */ jsx(Box, {
+			sx: {
+				display: "flex",
+				justifyContent: "space-between",
+				alignItems: "center"
+			},
+			children: /* @__PURE__ */ jsx(CardTitle, {
+				sx: {
+					padding: 0,
+					mb: 2
+				},
+				children: hasEnumFlag(status, 32) ? t("header.refunded") : t("header.received")
+			})
+		}), /* @__PURE__ */ jsx(Token, {
+			token: toToken,
+			disableDescription: false
+		})]
+	});
+};
+//#endregion
+export { ExecutionDoneCard };
+
+//# sourceMappingURL=ExecutionDoneCard.js.map

package/dist/esm/pages/TransactionPage/ExecutionDoneCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExecutionDoneCard.js","names":["Card"],"sources":["../../../../src/pages/TransactionPage/ExecutionDoneCard.tsx"],"sourcesContent":["import type { RouteExtended } from '@lifi/sdk'\nimport { Box } from '@mui/material'\nimport type React from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { Card } from '../../components/Card/Card.js'\nimport { CardTitle } from '../../components/Card/CardTitle.js'\nimport { Token } from '../../components/Token/Token.js'\nimport { RouteExecutionStatus } from '../../stores/routes/types.js'\nimport { hasEnumFlag } from '../../utils/enum.js'\nimport { getExecutionToToken } from '../../utils/token.js'\n\ninterface ExecutionDoneCardProps {\n  route: RouteExtended\n  status: RouteExecutionStatus\n}\n\nexport const ExecutionDoneCard: React.FC<ExecutionDoneCardProps> = ({\n  route,\n  status,\n}) => {\n  const { t } = useTranslation()\n\n  const toToken = getExecutionToToken(route)\n\n  return (\n    <Card type=\"default\" indented>\n      <Box\n        sx={{\n          display: 'flex',\n          justifyContent: 'space-between',\n          alignItems: 'center',\n        }}\n      >\n        <CardTitle sx={{ padding: 0, mb: 2 }}>\n          {hasEnumFlag(status, RouteExecutionStatus.Refunded)\n            ? t('header.refunded')\n            : t('header.received')}\n        </CardTitle>\n      </Box>\n      <Token token={toToken} disableDescription={false} />\n    </Card>\n  )\n}\n"],"mappings":";;;;;;;;;AAgBA,MAAa,qBAAuD,EAClE,OACA,aACI;CACJ,MAAM,EAAE,MAAM,eAAe;CAE7B,MAAM,UAAU,oBAAoB,KAAK;CAEzC,OACE,qBAACA,QAAD;EAAM,MAAK;EAAU,UAAA;YAArB,CACE,oBAAC,KAAD;GACE,IAAI;IACF,SAAS;IACT,gBAAgB;IAChB,YAAY;GACd;aAEA,oBAAC,WAAD;IAAW,IAAI;KAAE,SAAS;KAAG,IAAI;IAAE;cAChC,YAAY,QAAA,EAAqC,IAC9C,EAAE,iBAAiB,IACnB,EAAE,iBAAiB;GACd,CAAA;EACR,CAAA,GACL,oBAAC,OAAD;GAAO,OAAO;GAAS,oBAAoB;EAAQ,CAAA,CAC/C;;AAEV"}