@lifi/widget 3.0.0-alpha.2 → 3.0.0-alpha.21

package/_cjs/components/Header/SettingsButton.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SettingsButton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Settings_1 = require("@mui/icons-material/Settings");
+const material_1 = require("@mui/material");
+const react_i18next_1 = require("react-i18next");
+const hooks_1 = require("../../hooks");
+const utils_1 = require("../../utils");
+const SettingsButton_style_1 = require("./SettingsButton.style");
+const SettingsButton = () => {
+    const { t } = (0, react_i18next_1.useTranslation)();
+    const { navigate } = (0, hooks_1.useNavigateBack)();
+    const { isCustomRouteSettings, isRouteSettingsWithWarnings } = (0, hooks_1.useSettingMonitor)();
+    const variant = isRouteSettingsWithWarnings
+        ? 'warning'
+        : isCustomRouteSettings
+            ? 'info'
+            : undefined;
+    const tooltipMessage = variant
+        ? t(`tooltip.settingsModified`)
+        : t(`header.settings`);
+    return ((0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: tooltipMessage, enterDelay: 400, arrow: true, children: (0, jsx_runtime_1.jsx)(SettingsButton_style_1.SettingsIconButton, { size: "medium", onClick: () => navigate(utils_1.navigationRoutes.settings), variant: variant, children: variant ? ((0, jsx_runtime_1.jsx)(SettingsButton_style_1.SettingsIconBadge, { variant: "dot", color: variant, children: (0, jsx_runtime_1.jsx)(Settings_1.default, {}) })) : ((0, jsx_runtime_1.jsx)(Settings_1.default, {})) }) }));
+};
+exports.SettingsButton = SettingsButton;
+//# sourceMappingURL=SettingsButton.js.map

package/_cjs/components/Header/SettingsButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsButton.js","sourceRoot":"","sources":["../../../components/Header/SettingsButton.tsx"],"names":[],"mappings":";;;;AAAA,2DAAwD;AACxD,4CAAwC;AACxC,iDAA+C;AAC/C,uCAAiE;AACjE,uCAA+C;AAC/C,iEAA+E;AAExE,MAAM,cAAc,GAAG,GAAG,EAAE;IACjC,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,uBAAe,GAAE,CAAC;IAEvC,MAAM,EAAE,qBAAqB,EAAE,2BAA2B,EAAE,GAC1D,IAAA,yBAAiB,GAAE,CAAC;IAEtB,MAAM,OAAO,GAAG,2BAA2B;QACzC,CAAC,CAAC,SAAS;QACX,CAAC,CAAC,qBAAqB;YACrB,CAAC,CAAC,MAAM;YACR,CAAC,CAAC,SAAS,CAAC;IAEhB,MAAM,cAAc,GAAG,OAAO;QAC5B,CAAC,CAAC,CAAC,CAAC,0BAA0B,CAAC;QAC/B,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC;IAEzB,OAAO,CACL,uBAAC,kBAAO,IAAC,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,GAAG,EAAE,KAAK,kBACpD,uBAAC,yCAAkB,IACjB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,wBAAgB,CAAC,QAAQ,CAAC,EAClD,OAAO,EAAE,OAAO,YAEf,OAAO,CAAC,CAAC,CAAC,CACT,uBAAC,wCAAiB,IAAC,OAAO,EAAC,KAAK,EAAC,KAAK,EAAE,OAAO,YAC7C,uBAAC,kBAAY,KAAG,GACE,CACrB,CAAC,CAAC,CAAC,CACF,uBAAC,kBAAY,KAAG,CACjB,GACkB,GACb,CACX,CAAC;AACJ,CAAC,CAAC;AAlCW,QAAA,cAAc,kBAkCzB"}

package/_cjs/components/Header/SettingsButton.style.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export declare const SettingsIconBadge: import("@emotion/styled").StyledComponent<import("@mui/material").BadgeOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}, "max" | "color" | "children" | "sx" | "style" | "className" | "classes" | "variant" | "components" | "componentsProps" | "slotProps" | "anchorOrigin" | "badgeContent" | "invisible" | "overlap" | "slots" | "showZero"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+interface SettingsIconButtonProps {
+    variant?: 'info' | 'warning';
+}
+export declare const SettingsIconButton: import("@emotion/styled").StyledComponent<import("@mui/material").IconButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, "color" | "children" | "sx" | "style" | "className" | "tabIndex" | "disabled" | "action" | "size" | "classes" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & SettingsIconButtonProps, {}, {}>;
+export {};

package/_cjs/components/Header/SettingsButton.style.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SettingsIconButton = exports.SettingsIconBadge = void 0;
+const material_1 = require("@mui/material");
+const Badge_1 = require("@mui/material/Badge");
+const IconButton_1 = require("@mui/material/IconButton");
+const styles_1 = require("@mui/material/styles");
+const utils_1 = require("../../utils");
+exports.SettingsIconBadge = (0, styles_1.styled)(material_1.Badge)(({ theme }) => ({
+    display: 'flex',
+    alignItems: 'center',
+    gap: theme.spacing(1.25),
+    [`.${Badge_1.badgeClasses.badge}`]: {
+        width: 10,
+        height: 10,
+        borderRadius: '50%',
+        transform: 'translate(70%, -70%)',
+    },
+}));
+exports.SettingsIconButton = (0, styles_1.styled)(IconButton_1.default, {
+    shouldForwardProp: (props) => props !== 'variant',
+})(({ theme, variant }) => {
+    switch (variant) {
+        case 'info':
+            return {
+                backgroundColor: (0, utils_1.getInfoBackgroundColor)(theme),
+                '&:hover': {
+                    backgroundColor: (0, styles_1.darken)((0, utils_1.getInfoBackgroundColor)(theme), 0.2),
+                },
+            };
+        case 'warning':
+            return {
+                backgroundColor: (0, utils_1.getWarningBackgroundColor)(theme),
+                '&:hover': {
+                    backgroundColor: (0, styles_1.darken)((0, utils_1.getWarningBackgroundColor)(theme), 0.2),
+                },
+            };
+        default:
+            break;
+    }
+});
+//# sourceMappingURL=SettingsButton.style.js.map

package/_cjs/components/Header/SettingsButton.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsButton.style.js","sourceRoot":"","sources":["../../../components/Header/SettingsButton.style.tsx"],"names":[],"mappings":";;;AAAA,4CAAkD;AAClD,+CAAmD;AACnD,yDAAkD;AAClD,iDAAsD;AACtD,uCAAgF;AAEnE,QAAA,iBAAiB,GAAG,IAAA,eAAM,EAAC,gBAAQ,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAChE,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;IACxB,CAAC,IAAI,oBAAY,CAAC,KAAK,EAAE,CAAC,EAAE;QAC1B,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;QACV,YAAY,EAAE,KAAK;QACnB,SAAS,EAAE,sBAAsB;KAClC;CACF,CAAC,CAAC,CAAC;AAMS,QAAA,kBAAkB,GAAG,IAAA,eAAM,EAAC,oBAAU,EAAE;IACnD,iBAAiB,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,KAAK,SAAS;CAClD,CAAC,CAA0B,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE;IACjD,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,MAAM;YACT,OAAO;gBACL,eAAe,EAAE,IAAA,8BAAsB,EAAC,KAAK,CAAC;gBAC9C,SAAS,EAAE;oBACT,eAAe,EAAE,IAAA,eAAM,EAAC,IAAA,8BAAsB,EAAC,KAAK,CAAC,EAAE,GAAG,CAAC;iBAC5D;aACF,CAAC;QACJ,KAAK,SAAS;YACZ,OAAO;gBACL,eAAe,EAAE,IAAA,iCAAyB,EAAC,KAAK,CAAC;gBACjD,SAAS,EAAE;oBACT,eAAe,EAAE,IAAA,eAAM,EAAC,IAAA,iCAAyB,EAAC,KAAK,CAAC,EAAE,GAAG,CAAC;iBAC/D;aACF,CAAC;QACJ;YACE,MAAM;IACV,CAAC;AACH,CAAC,CAAC,CAAC"}

package/_cjs/components/Header/TransactionHistoryButton.d.ts

@@ -0,0 +1 @@
+export declare const TransactionHistoryButton: () => import("react/jsx-runtime").JSX.Element;

package/_cjs/components/Header/TransactionHistoryButton.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TransactionHistoryButton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ReceiptLong_1 = require("@mui/icons-material/ReceiptLong");
+const material_1 = require("@mui/material");
+const IconButton_1 = require("@mui/material/IconButton");
+const react_i18next_1 = require("react-i18next");
+const hooks_1 = require("../../hooks");
+const utils_1 = require("../../utils");
+const TransactionHistoryButton = () => {
+    const { t } = (0, react_i18next_1.useTranslation)();
+    const { navigate } = (0, hooks_1.useNavigateBack)();
+    return ((0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: t(`header.transactionHistory`), enterDelay: 400, arrow: true, children: (0, jsx_runtime_1.jsx)(IconButton_1.default, { size: "medium", edge: "start", onClick: () => navigate(utils_1.navigationRoutes.transactionHistory), children: (0, jsx_runtime_1.jsx)(ReceiptLong_1.default, {}) }) }));
+};
+exports.TransactionHistoryButton = TransactionHistoryButton;
+//# sourceMappingURL=TransactionHistoryButton.js.map

package/_cjs/components/Header/TransactionHistoryButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TransactionHistoryButton.js","sourceRoot":"","sources":["../../../components/Header/TransactionHistoryButton.tsx"],"names":[],"mappings":";;;;AAAA,iEAA8D;AAC9D,4CAAwC;AACxC,yDAAkD;AAClD,iDAA+C;AAC/C,uCAA8C;AAC9C,uCAA+C;AAExC,MAAM,wBAAwB,GAAG,GAAG,EAAE;IAC3C,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,uBAAe,GAAE,CAAC;IAEvC,OAAO,CACL,uBAAC,kBAAO,IAAC,KAAK,EAAE,CAAC,CAAC,2BAA2B,CAAC,EAAE,UAAU,EAAE,GAAG,EAAE,KAAK,kBACpE,uBAAC,oBAAU,IACT,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,wBAAgB,CAAC,kBAAkB,CAAC,YAE5D,uBAAC,qBAAe,KAAG,GACR,GACL,CACX,CAAC;AACJ,CAAC,CAAC;AAfW,QAAA,wBAAwB,4BAenC"}

package/_cjs/components/Header/WalletHeader.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const WalletHeader: React.FC;
+export declare const SplitWalletMenuButton: React.FC;
+export declare const WalletMenuButton: React.FC;

package/_cjs/components/Header/WalletHeader.js

@@ -0,0 +1,80 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WalletMenuButton = exports.SplitWalletMenuButton = exports.WalletHeader = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const wallet_management_1 = require("@lifi/wallet-management");
+const ExpandMore_1 = require("@mui/icons-material/ExpandMore");
+const Wallet_1 = require("@mui/icons-material/Wallet");
+const material_1 = require("@mui/material");
+const react_1 = require("react");
+const react_i18next_1 = require("react-i18next");
+const react_router_dom_1 = require("react-router-dom");
+const hooks_1 = require("../../hooks");
+const providers_1 = require("../../providers");
+const WalletProvider_1 = require("../../providers/WalletProvider");
+const types_1 = require("../../types");
+const utils_1 = require("../../utils");
+const SmallAvatar_1 = require("../SmallAvatar");
+const CloseDrawerButton_1 = require("./CloseDrawerButton");
+const Header_style_1 = require("./Header.style");
+const WalletMenu_1 = require("./WalletMenu");
+const WalletMenu_style_1 = require("./WalletMenu.style");
+const WalletHeader = () => {
+    const { subvariant, hiddenUI } = (0, providers_1.useWidgetConfig)();
+    const { hasExternalProvider } = (0, WalletProvider_1.useHasExternalWalletProvider)();
+    return !hasExternalProvider &&
+        subvariant !== 'split' &&
+        !hiddenUI?.includes(types_1.HiddenUI.WalletMenu) ? ((0, jsx_runtime_1.jsx)(Header_style_1.HeaderAppBar, { elevation: 0, sx: { justifyContent: 'flex-end' }, children: (0, jsx_runtime_1.jsx)(exports.WalletMenuButton, {}) })) : null;
+};
+exports.WalletHeader = WalletHeader;
+const SplitWalletMenuButton = () => {
+    const { hiddenUI } = (0, providers_1.useWidgetConfig)();
+    const { hasExternalProvider } = (0, WalletProvider_1.useHasExternalWalletProvider)();
+    return !hasExternalProvider && !hiddenUI?.includes(types_1.HiddenUI.WalletMenu) ? ((0, jsx_runtime_1.jsx)(exports.WalletMenuButton, {})) : null;
+};
+exports.SplitWalletMenuButton = SplitWalletMenuButton;
+const WalletMenuButton = () => {
+    const { account } = (0, hooks_1.useAccount)();
+    const { variant, subvariant, hiddenUI } = (0, providers_1.useWidgetConfig)();
+    if (variant === 'drawer') {
+        return ((0, jsx_runtime_1.jsxs)(Header_style_1.DrawerWalletContainer, { children: [account.isConnected ? ((0, jsx_runtime_1.jsx)(ConnectedButton, { account: account })) : ((0, jsx_runtime_1.jsx)(ConnectButton, {})), subvariant !== 'split' &&
+                    !hiddenUI?.includes(types_1.HiddenUI.DrawerCloseButton) ? ((0, jsx_runtime_1.jsx)(CloseDrawerButton_1.CloseDrawerButton, {})) : null] }));
+    }
+    return account.isConnected ? ((0, jsx_runtime_1.jsx)(ConnectedButton, { account: account })) : ((0, jsx_runtime_1.jsx)(ConnectButton, {}));
+};
+exports.WalletMenuButton = WalletMenuButton;
+const ConnectButton = () => {
+    const { t } = (0, react_i18next_1.useTranslation)();
+    const { pathname } = (0, react_router_dom_1.useLocation)();
+    const { walletConfig, subvariant, variant } = (0, providers_1.useWidgetConfig)();
+    const navigate = (0, react_router_dom_1.useNavigate)();
+    const connect = async () => {
+        if (walletConfig?.onConnect) {
+            walletConfig.onConnect();
+            return;
+        }
+        navigate(utils_1.navigationRoutes.selectWallet);
+    };
+    return ((0, jsx_runtime_1.jsx)(Header_style_1.WalletButton, { endIcon: variant !== 'drawer' && subvariant !== 'split' ? ((0, jsx_runtime_1.jsx)(Wallet_1.default, {})) : undefined, startIcon: variant === 'drawer' || subvariant === 'split' ? ((0, jsx_runtime_1.jsx)(Wallet_1.default, { sx: { marginLeft: -0.25 } })) : undefined, onClick: !pathname.includes(utils_1.navigationRoutes.selectWallet) ? connect : undefined, sx: {
+            marginRight: subvariant === 'split' ? 0 : -1.25,
+            marginLeft: subvariant === 'split' ? -1.25 : 0,
+        }, children: t(`button.connectWallet`) }));
+};
+const ConnectedButton = ({ account }) => {
+    const { subvariant } = (0, providers_1.useWidgetConfig)();
+    const { chain } = (0, hooks_1.useChain)(account.chainId);
+    const [anchorEl, setAnchorEl] = (0, react_1.useState)(null);
+    const walletAddress = (0, utils_1.shortenAddress)(account.address);
+    const handleClick = (event) => {
+        setAnchorEl(event.currentTarget);
+    };
+    const handleClose = () => {
+        setAnchorEl(null);
+    };
+    const avatar = ((0, jsx_runtime_1.jsx)(material_1.Avatar, { src: (0, wallet_management_1.getConnectorIcon)(account.connector), alt: account.connector?.name, sx: { width: 24, height: 24 }, children: account.connector?.name[0] }));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Header_style_1.WalletButton, { endIcon: (0, jsx_runtime_1.jsx)(ExpandMore_1.default, {}), startIcon: chain?.logoURI ? ((0, jsx_runtime_1.jsx)(material_1.Badge, { overlap: "circular", anchorOrigin: { vertical: 'bottom', horizontal: 'right' }, badgeContent: (0, jsx_runtime_1.jsx)(SmallAvatar_1.SmallAvatar, { src: chain?.logoURI, alt: chain?.name, sx: { width: 16, height: 16 }, children: chain?.name[0] }), children: avatar })) : (avatar), sx: {
+                    marginRight: subvariant === 'split' ? 0 : -1.25,
+                    marginLeft: subvariant === 'split' ? -1 : 0,
+                }, onClick: handleClick, children: walletAddress }), (0, jsx_runtime_1.jsx)(WalletMenu_style_1.WalletMenuContainer, { anchorEl: anchorEl, open: Boolean(anchorEl), onClose: handleClose, children: (0, jsx_runtime_1.jsx)(WalletMenu_1.WalletMenu, { onClose: handleClose }) })] }));
+};
+//# sourceMappingURL=WalletHeader.js.map

package/_cjs/components/Header/WalletHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WalletHeader.js","sourceRoot":"","sources":["../../../components/Header/WalletHeader.tsx"],"names":[],"mappings":";;;;AAAA,+DAA2D;AAC3D,+DAA4D;AAC5D,uDAAoD;AACpD,4CAA8C;AAC9C,iCAAiC;AACjC,iDAA+C;AAC/C,uDAA4D;AAE5D,uCAAmD;AACnD,+CAAkD;AAClD,mEAA8E;AAC9E,uCAAuC;AACvC,uCAA+D;AAC/D,gDAA6C;AAC7C,2DAAwD;AACxD,iDAIwB;AACxB,6CAA0C;AAC1C,yDAAyD;AAElD,MAAM,YAAY,GAAa,GAAG,EAAE;IACzC,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,IAAA,2BAAe,GAAE,CAAC;IACnD,MAAM,EAAE,mBAAmB,EAAE,GAAG,IAAA,6CAA4B,GAAE,CAAC;IAC/D,OAAO,CAAC,mBAAmB;QACzB,UAAU,KAAK,OAAO;QACtB,CAAC,QAAQ,EAAE,QAAQ,CAAC,gBAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAC3C,uBAAC,2BAAY,IAAC,SAAS,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,cAAc,EAAE,UAAU,EAAE,YAC5D,uBAAC,wBAAgB,KAAG,GACP,CAChB,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CAAC;AAVW,QAAA,YAAY,gBAUvB;AAEK,MAAM,qBAAqB,GAAa,GAAG,EAAE;IAClD,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,2BAAe,GAAE,CAAC;IACvC,MAAM,EAAE,mBAAmB,EAAE,GAAG,IAAA,6CAA4B,GAAE,CAAC;IAC/D,OAAO,CAAC,mBAAmB,IAAI,CAAC,QAAQ,EAAE,QAAQ,CAAC,gBAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CACxE,uBAAC,wBAAgB,KAAG,CACrB,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CAAC;AANW,QAAA,qBAAqB,yBAMhC;AAEK,MAAM,gBAAgB,GAAa,GAAG,EAAE;IAC7C,MAAM,EAAE,OAAO,EAAE,GAAG,IAAA,kBAAU,GAAE,CAAC;IACjC,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,IAAA,2BAAe,GAAE,CAAC;IAE5D,IAAI,OAAO,KAAK,QAAQ,EAAE,CAAC;QACzB,OAAO,CACL,wBAAC,oCAAqB,eACnB,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,CACrB,uBAAC,eAAe,IAAC,OAAO,EAAE,OAAO,GAAI,CACtC,CAAC,CAAC,CAAC,CACF,uBAAC,aAAa,KAAG,CAClB,EACA,UAAU,KAAK,OAAO;oBACvB,CAAC,QAAQ,EAAE,QAAQ,CAAC,gBAAQ,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAChD,uBAAC,qCAAiB,KAAG,CACtB,CAAC,CAAC,CAAC,IAAI,IACc,CACzB,CAAC;IACJ,CAAC;IACD,OAAO,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,CAC3B,uBAAC,eAAe,IAAC,OAAO,EAAE,OAAO,GAAI,CACtC,CAAC,CAAC,CAAC,CACF,uBAAC,aAAa,KAAG,CAClB,CAAC;AACJ,CAAC,CAAC;AAxBW,QAAA,gBAAgB,oBAwB3B;AAEF,MAAM,aAAa,GAAG,GAAG,EAAE;IACzB,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,8BAAW,GAAE,CAAC;IACnC,MAAM,EAAE,YAAY,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,IAAA,2BAAe,GAAE,CAAC;IAChE,MAAM,QAAQ,GAAG,IAAA,8BAAW,GAAE,CAAC;IAC/B,MAAM,OAAO,GAAG,KAAK,IAAI,EAAE;QACzB,IAAI,YAAY,EAAE,SAAS,EAAE,CAAC;YAC5B,YAAY,CAAC,SAAS,EAAE,CAAC;YACzB,OAAO;QACT,CAAC;QACD,QAAQ,CAAC,wBAAgB,CAAC,YAAY,CAAC,CAAC;IAC1C,CAAC,CAAC;IACF,OAAO,CACL,uBAAC,2BAAY,IACX,OAAO,EACL,OAAO,KAAK,QAAQ,IAAI,UAAU,KAAK,OAAO,CAAC,CAAC,CAAC,CAC/C,uBAAC,gBAAU,KAAG,CACf,CAAC,CAAC,CAAC,SAAS,EAEf,SAAS,EACP,OAAO,KAAK,QAAQ,IAAI,UAAU,KAAK,OAAO,CAAC,CAAC,CAAC,CAC/C,uBAAC,gBAAU,IAAC,EAAE,EAAE,EAAE,UAAU,EAAE,CAAC,IAAI,EAAE,GAAI,CAC1C,CAAC,CAAC,CAAC,SAAS,EAEf,OAAO,EACL,CAAC,QAAQ,CAAC,QAAQ,CAAC,wBAAgB,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAEzE,EAAE,EAAE;YACF,WAAW,EAAE,UAAU,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI;YAC/C,UAAU,EAAE,UAAU,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;SAC/C,YAEA,CAAC,CAAC,sBAAsB,CAAC,GACb,CAChB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,eAAe,GAAG,CAAC,EAAE,OAAO,EAAwB,EAAE,EAAE;IAC5D,MAAM,EAAE,UAAU,EAAE,GAAG,IAAA,2BAAe,GAAE,CAAC;IACzC,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,gBAAQ,EAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IAC5C,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAqB,IAAI,CAAC,CAAC;IACnE,MAAM,aAAa,GAAG,IAAA,sBAAc,EAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IAEtD,MAAM,WAAW,GAAG,CAAC,KAAoC,EAAE,EAAE;QAC3D,WAAW,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;IACnC,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,WAAW,CAAC,IAAI,CAAC,CAAC;IACpB,CAAC,CAAC;IAEF,MAAM,MAAM,GAAG,CACb,uBAAC,iBAAM,IACL,GAAG,EAAE,IAAA,oCAAgB,EAAC,OAAO,CAAC,SAAS,CAAC,EACxC,GAAG,EAAE,OAAO,CAAC,SAAS,EAAE,IAAI,EAC5B,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,YAE5B,OAAO,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC,GACpB,CACV,CAAC;IAEF,OAAO,CACL,6DACE,uBAAC,2BAAY,IACX,OAAO,EAAE,uBAAC,oBAAc,KAAG,EAC3B,SAAS,EACP,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,CACf,uBAAC,gBAAK,IACJ,OAAO,EAAC,UAAU,EAClB,YAAY,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,EACzD,YAAY,EACV,uBAAC,yBAAW,IACV,GAAG,EAAE,KAAK,EAAE,OAAO,EACnB,GAAG,EAAE,KAAK,EAAE,IAAI,EAChB,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,YAE5B,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,GACH,YAGf,MAAM,GACD,CACT,CAAC,CAAC,CAAC,CACF,MAAM,CACP,EAEH,EAAE,EAAE;oBACF,WAAW,EAAE,UAAU,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI;oBAC/C,UAAU,EAAE,UAAU,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;iBAC5C,EACD,OAAO,EAAE,WAAW,YAEnB,aAAa,GACD,EACf,uBAAC,sCAAmB,IAClB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,OAAO,CAAC,QAAQ,CAAC,EACvB,OAAO,EAAE,WAAW,YAEpB,uBAAC,uBAAU,IAAC,OAAO,EAAE,WAAW,GAAI,GAChB,IACrB,CACJ,CAAC;AACJ,CAAC,CAAC"}

package/_cjs/components/Header/WalletMenu.js

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WalletMenu = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const sdk_1 = require("@lifi/sdk");
+const wallet_management_1 = require("@lifi/wallet-management");
+const ContentCopyRounded_1 = require("@mui/icons-material/ContentCopyRounded");
+const OpenInNewRounded_1 = require("@mui/icons-material/OpenInNewRounded");
+const PowerSettingsNewRounded_1 = require("@mui/icons-material/PowerSettingsNewRounded");
+const material_1 = require("@mui/material");
+const react_i18next_1 = require("react-i18next");
+const react_router_dom_1 = require("react-router-dom");
+const hooks_1 = require("../../hooks");
+const utils_1 = require("../../utils");
+const SmallAvatar_1 = require("../SmallAvatar");
+const EVMDisconnectIconButton_1 = require("./EVMDisconnectIconButton");
+const SVMDisconnectIconButton_1 = require("./SVMDisconnectIconButton");
+const WalletMenu = ({ onClose }) => {
+    const { t } = (0, react_i18next_1.useTranslation)();
+    const navigate = (0, react_router_dom_1.useNavigate)();
+    const { pathname } = (0, react_router_dom_1.useLocation)();
+    const { accounts } = (0, hooks_1.useAccount)();
+    const { getChainById } = (0, hooks_1.useAvailableChains)();
+    const connect = async () => {
+        navigate(utils_1.navigationRoutes.selectWallet);
+        onClose();
+    };
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { children: [(0, jsx_runtime_1.jsx)(material_1.Box, { display: "flex", flexDirection: "column", children: accounts.map((account) => {
+                    const chain = getChainById(account.chainId);
+                    const walletAddress = (0, utils_1.shortenAddress)(account.address);
+                    const handleCopyAddress = async () => {
+                        await navigator.clipboard.writeText(account.address ?? '');
+                        onClose();
+                    };
+                    const avatar = ((0, jsx_runtime_1.jsx)(material_1.Avatar, { src: (0, wallet_management_1.getConnectorIcon)(account.connector), alt: account.connector?.name, sx: {
+                            marginRight: chain?.logoURI ? 0 : 1.5,
+                        }, children: account.connector?.name[0] }));
+                    return ((0, jsx_runtime_1.jsxs)(material_1.MenuItem, { children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { flex: 1, display: "flex", alignItems: "center", children: [chain?.logoURI ? ((0, jsx_runtime_1.jsx)(material_1.Badge, { overlap: "circular", anchorOrigin: { vertical: 'bottom', horizontal: 'right' }, badgeContent: (0, jsx_runtime_1.jsx)(SmallAvatar_1.SmallAvatar, { src: chain?.logoURI, alt: chain?.name, children: chain?.name[0] }), sx: { marginRight: 1.5 }, children: avatar })) : (avatar), walletAddress] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { ml: 1, children: [(0, jsx_runtime_1.jsx)(material_1.IconButton, { size: "medium", onClick: handleCopyAddress, children: (0, jsx_runtime_1.jsx)(ContentCopyRounded_1.default, {}) }), (0, jsx_runtime_1.jsx)(material_1.IconButton, { size: "medium", component: "a", onClick: onClose, href: `${chain?.metamask.blockExplorerUrls[0]}address/${account.address}`, target: "_blank", children: (0, jsx_runtime_1.jsx)(OpenInNewRounded_1.default, {}) }), account.chainType === sdk_1.ChainType.EVM ? ((0, jsx_runtime_1.jsx)(EVMDisconnectIconButton_1.EVMDisconnectIconButton, { connector: account.connector })) : account.chainType === sdk_1.ChainType.SVM ? ((0, jsx_runtime_1.jsx)(SVMDisconnectIconButton_1.SVMDisconnectIconButton, {})) : null] })] }, account.address));
+                }) }), !pathname.includes(utils_1.navigationRoutes.selectWallet) ? ((0, jsx_runtime_1.jsx)(material_1.Button, { onClick: connect, fullWidth: true, startIcon: (0, jsx_runtime_1.jsx)(PowerSettingsNewRounded_1.default, {}), sx: {
+                    marginTop: 1,
+                }, children: accounts.length > 1
+                    ? t(`button.changeWallet`)
+                    : t(`button.connectWallet`) })) : null] }));
+};
+exports.WalletMenu = WalletMenu;
+//# sourceMappingURL=WalletMenu.js.map

package/_cjs/components/Header/WalletMenu.js.map

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

package/_cjs/components/Header/WalletMenu.style.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WalletMenuContainer = void 0;
+const material_1 = require("@mui/material");
+const Menu_1 = require("@mui/material/Menu");
+const MenuItem_1 = require("@mui/material/MenuItem");
+const styles_1 = require("@mui/material/styles");
+const SvgIcon_1 = require("@mui/material/SvgIcon");
+exports.WalletMenuContainer = (0, styles_1.styled)(material_1.Menu)(({ theme }) => ({
+    [`& .${Menu_1.menuClasses.paper}`]: {
+        borderRadius: theme.shape.borderRadius,
+        color: theme.palette.text.primary,
+        boxShadow: '0px 2px 4px rgb(0 0 0 / 8%), 0px 8px 16px rgb(0 0 0 / 8%)',
+        padding: theme.spacing(2),
+        [`& .${Menu_1.menuClasses.list}`]: {
+            padding: 0,
+        },
+        [`& .${MenuItem_1.menuItemClasses.root}`]: {
+            borderRadius: theme.shape.borderRadiusSecondary,
+            padding: theme.spacing(1, 2, 1, 1),
+            [`& .${SvgIcon_1.svgIconClasses.root}`]: {
+                fontSize: 20,
+                color: theme.palette.text.primary,
+            },
+        },
+    },
+}));
+//# sourceMappingURL=WalletMenu.style.js.map

package/_cjs/components/Header/WalletMenu.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WalletMenu.style.js","sourceRoot":"","sources":["../../../components/Header/WalletMenu.style.tsx"],"names":[],"mappings":";;;AAAA,4CAAgD;AAChD,6CAAiD;AACjD,qDAAyD;AACzD,iDAA8C;AAC9C,mDAAuD;AAE1C,QAAA,mBAAmB,GAAG,IAAA,eAAM,EAAC,eAAO,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACjE,CAAC,MAAM,kBAAW,CAAC,KAAK,EAAE,CAAC,EAAE;QAC3B,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,YAAY;QACtC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;QACjC,SAAS,EAAE,2DAA2D;QACtE,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QACzB,CAAC,MAAM,kBAAW,CAAC,IAAI,EAAE,CAAC,EAAE;YAC1B,OAAO,EAAE,CAAC;SACX;QACD,CAAC,MAAM,0BAAe,CAAC,IAAI,EAAE,CAAC,EAAE;YAC9B,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,qBAAqB;YAC/C,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;YAClC,CAAC,MAAM,wBAAc,CAAC,IAAI,EAAE,CAAC,EAAE;gBAC7B,QAAQ,EAAE,EAAE;gBACZ,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;aAClC;SACF;KACF;CACF,CAAC,CAAC,CAAC"}

package/_cjs/components/Header/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Header"), exports);
+//# sourceMappingURL=index.js.map

package/_cjs/components/Header/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/Header/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2CAAyB"}

package/_cjs/components/Initializer.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Initializer = void 0;
+const hooks_1 = require("../hooks");
+const Initializer = () => {
+    (0, hooks_1.useInitializer)();
+    return null;
+};
+exports.Initializer = Initializer;
+//# sourceMappingURL=Initializer.js.map

package/_cjs/components/Initializer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Initializer.js","sourceRoot":"","sources":["../../components/Initializer.tsx"],"names":[],"mappings":";;;AAAA,oCAA0C;AAEnC,MAAM,WAAW,GAAa,GAAG,EAAE;IACxC,IAAA,sBAAc,GAAE,CAAC;IACjB,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAHW,QAAA,WAAW,eAGtB"}

package/_cjs/components/Input.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Input = void 0;
+const material_1 = require("@mui/material");
+const InputBase_1 = require("@mui/material/InputBase");
+const styles_1 = require("@mui/material/styles");
+exports.Input = (0, styles_1.styled)(material_1.InputBase)(({ theme }) => ({
+    backgroundColor: theme.palette.mode === 'light'
+        ? theme.palette.common.white
+        : theme.palette.background.paper,
+    paddingRight: theme.spacing(2),
+    [`.${InputBase_1.inputBaseClasses.input}`]: {
+        padding: theme.spacing(1.5, 1, 1.5, 2),
+        height: '2.875em',
+        boxSizing: 'inherit',
+    },
+}));
+//# sourceMappingURL=Input.js.map

package/_cjs/components/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../components/Input.tsx"],"names":[],"mappings":";;;AAAA,4CAA0C;AAC1C,uDAA2D;AAC3D,iDAA8C;AAEjC,QAAA,KAAK,GAAG,IAAA,eAAM,EAAC,oBAAS,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACrD,eAAe,EACb,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO;QAC5B,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;QAC5B,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK;IACpC,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAC9B,CAAC,IAAI,4BAAgB,CAAC,KAAK,EAAE,CAAC,EAAE;QAC9B,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC;QACtC,MAAM,EAAE,SAAS;QACjB,SAAS,EAAE,SAAS;KACrB;CACF,CAAC,CAAC,CAAC"}

package/_cjs/components/Insurance/Insurance.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Insurance = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const stores_1 = require("../../stores");
+const InsuranceCard_1 = require("./InsuranceCard");
+const InsuranceCollapsed_1 = require("./InsuranceCollapsed");
+const Insurance = ({ status, insurableRouteId, onChange, ...props }) => {
+    return status === stores_1.RouteExecutionStatus.Idle ? ((0, jsx_runtime_1.jsx)(InsuranceCollapsed_1.InsuranceCollapsed, { status: status, insurableRouteId: insurableRouteId, onChange: onChange, ...props })) : ((0, jsx_runtime_1.jsx)(InsuranceCard_1.InsuranceCard, { status: status, ...props }));
+};
+exports.Insurance = Insurance;
+//# sourceMappingURL=Insurance.js.map

package/_cjs/components/Insurance/Insurance.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Insurance.js","sourceRoot":"","sources":["../../../components/Insurance/Insurance.tsx"],"names":[],"mappings":";;;;AAAA,yCAAoD;AACpD,mDAAgD;AAChD,6DAA0D;AAGnD,MAAM,SAAS,GAA6B,CAAC,EAClD,MAAM,EACN,gBAAgB,EAChB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,MAAM,KAAK,6BAAoB,CAAC,IAAI,CAAC,CAAC,CAAC,CAC5C,uBAAC,uCAAkB,IACjB,MAAM,EAAE,MAAM,EACd,gBAAgB,EAAE,gBAAgB,EAClC,QAAQ,EAAE,QAAQ,KACd,KAAK,GACT,CACH,CAAC,CAAC,CAAC,CACF,uBAAC,6BAAa,IAAC,MAAM,EAAE,MAAM,KAAM,KAAK,GAAI,CAC7C,CAAC;AACJ,CAAC,CAAC;AAhBW,QAAA,SAAS,aAgBpB"}

package/_cjs/components/Insurance/InsuranceCard.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InsuranceCard = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const VerifiedUser_1 = require("@mui/icons-material/VerifiedUser");
+const material_1 = require("@mui/material");
+const react_1 = require("react");
+const react_i18next_1 = require("react-i18next");
+const icons_1 = require("../../icons");
+const stores_1 = require("../../stores");
+const Card_1 = require("../Card");
+const Switch_1 = require("../Switch");
+const InsuranceCard = ({ status, feeAmountUsd, insuredAmount, insuredTokenSymbol, insuranceCoverageId, onChange, ...props }) => {
+    const { t } = (0, react_i18next_1.useTranslation)();
+    const [enabled, setEnabled] = (0, react_1.useState)(false);
+    const handleSwitch = (_, checked) => {
+        setEnabled(checked);
+        onChange?.(checked);
+    };
+    return ((0, jsx_runtime_1.jsxs)(Card_1.Card, { selectionColor: "secondary", indented: true, ...props, children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { display: "flex", alignItems: "center", justifyContent: "space-between", children: [(0, jsx_runtime_1.jsxs)(Card_1.CardLabel, { type: 'insurance', children: [(0, jsx_runtime_1.jsx)(VerifiedUser_1.default, { fontSize: "inherit" }), (0, jsx_runtime_1.jsx)(Card_1.CardLabelTypography, { type: "icon", children: status === stores_1.RouteExecutionStatus.Idle
+                                    ? t('main.tags.insurance')
+                                    : t('main.tags.insured') })] }), (0, jsx_runtime_1.jsx)(Switch_1.Switch, { onChange: handleSwitch, value: enabled })] }), (0, jsx_runtime_1.jsx)(material_1.Collapse, { timeout: 225, in: enabled, mountOnEnter: true, unmountOnExit: true, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { mt: 2, children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { display: "flex", alignItems: "center", justifyContent: "space-between", mb: 2, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { fontSize: 24, fontWeight: 700, lineHeight: 1, children: t('format.currency', {
+                                        value: feeAmountUsd,
+                                    }) }), (0, jsx_runtime_1.jsx)(icons_1.InsuraceLogo, {})] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { fontSize: 14, children: (0, jsx_runtime_1.jsx)(react_i18next_1.Trans, { i18nKey: status === stores_1.RouteExecutionStatus.Idle
+                                            ? 'insurance.insure'
+                                            : 'insurance.insured', values: {
+                                            amount: insuredAmount,
+                                            tokenSymbol: insuredTokenSymbol,
+                                        }, components: [(0, jsx_runtime_1.jsx)("strong", {})] }) }), (0, jsx_runtime_1.jsx)(material_1.Collapse, { timeout: 225, in: enabled || status !== stores_1.RouteExecutionStatus.Idle, mountOnEnter: true, unmountOnExit: true, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
+                                            listStyleType: 'disc',
+                                            pl: 2,
+                                        }, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { fontSize: 14, display: "list-item", children: t('insurance.bridgeExploits') }), (0, jsx_runtime_1.jsx)(material_1.Typography, { fontSize: 14, display: "list-item", children: t('insurance.slippageError') })] }) }), (0, jsx_runtime_1.jsx)(material_1.Link, { href: status === stores_1.RouteExecutionStatus.Idle
+                                        ? 'https://docs.insurace.io/landing-page/documentation/cover-products/bridge-cover/li.fi'
+                                        : `https://app.insurace.io/bridge-cover?search=${insuranceCoverageId}`, target: "_blank", underline: "none", color: "text.primary", children: (0, jsx_runtime_1.jsx)(material_1.Typography, { pt: 0.5, color: "primary", fontSize: 14, fontWeight: 600, children: status === stores_1.RouteExecutionStatus.Idle
+                                            ? t('button.learnMore')
+                                            : t('button.viewCoverage') }) })] })] }) })] }));
+};
+exports.InsuranceCard = InsuranceCard;
+//# sourceMappingURL=InsuranceCard.js.map

package/_cjs/components/Insurance/InsuranceCard.js.map

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

package/_cjs/components/Insurance/InsuranceCollapsed.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InsuranceCollapsed = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const hooks_1 = require("../../hooks");
+const stores_1 = require("../../stores");
+const utils_1 = require("../../utils");
+const InsuranceCard_1 = require("./InsuranceCard");
+const InsuranceCollapsed = ({ status, insurableRouteId, onChange, ...props }) => {
+    const setExecutableRoute = (0, stores_1.useSetExecutableRoute)();
+    const routeExecution = (0, stores_1.useRouteExecutionStore)((state) => state.routes[insurableRouteId]);
+    const { routes } = (0, hooks_1.useRoutes)({
+        insurableRoute: routeExecution?.route,
+    });
+    const insuredRoute = routes?.[0];
+    const toggleInsurance = (checked) => {
+        if (insuredRoute) {
+            if (checked) {
+                setExecutableRoute(insuredRoute, insurableRouteId);
+            }
+            onChange?.(checked ? insuredRoute.id : insurableRouteId);
+        }
+    };
+    if (!insuredRoute) {
+        return null;
+    }
+    return ((0, jsx_runtime_1.jsx)(material_1.Collapse, { timeout: 225, in: insuredRoute.insurance.state === 'INSURED', unmountOnExit: true, mountOnEnter: true, appear: status === stores_1.RouteExecutionStatus.Idle, children: (0, jsx_runtime_1.jsx)(InsuranceCard_1.InsuranceCard, { ...props, status: status, insuredAmount: (0, utils_1.formatTokenAmount)(BigInt(insuredRoute.toAmountMin), insuredRoute.toToken.decimals), insuredTokenSymbol: insuredRoute.toToken.symbol, onChange: toggleInsurance }) }));
+};
+exports.InsuranceCollapsed = InsuranceCollapsed;
+//# sourceMappingURL=InsuranceCollapsed.js.map

package/_cjs/components/Insurance/InsuranceCollapsed.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InsuranceCollapsed.js","sourceRoot":"","sources":["../../../components/Insurance/InsuranceCollapsed.tsx"],"names":[],"mappings":";;;;AAAA,4CAAyC;AACzC,uCAAwC;AACxC,yCAIsB;AACtB,uCAAgD;AAChD,mDAAgD;AAGzC,MAAM,kBAAkB,GAA6B,CAAC,EAC3D,MAAM,EACN,gBAAgB,EAChB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,kBAAkB,GAAG,IAAA,8BAAqB,GAAE,CAAC;IACnD,MAAM,cAAc,GAAG,IAAA,+BAAsB,EAC3C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAC1C,CAAC;IACF,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,iBAAS,EAAC;QAC3B,cAAc,EAAE,cAAc,EAAE,KAAK;KACtC,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC;IAEjC,MAAM,eAAe,GAAG,CAAC,OAAgB,EAAE,EAAE;QAC3C,IAAI,YAAY,EAAE,CAAC;YACjB,IAAI,OAAO,EAAE,CAAC;gBACZ,kBAAkB,CAAC,YAAY,EAAE,gBAAgB,CAAC,CAAC;YACrD,CAAC;YACD,QAAQ,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC;QAC3D,CAAC;IACH,CAAC,CAAC;IAEF,IAAI,CAAC,YAAY,EAAE,CAAC;QAClB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,uBAAC,mBAAQ,IACP,OAAO,EAAE,GAAG,EACZ,EAAE,EAAE,YAAY,CAAC,SAAS,CAAC,KAAK,KAAK,SAAS,EAC9C,aAAa,QACb,YAAY,QACZ,MAAM,EAAE,MAAM,KAAK,6BAAoB,CAAC,IAAI,YAE5C,uBAAC,6BAAa,OACR,KAAK,EACT,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,IAAA,yBAAiB,EAC9B,MAAM,CAAC,YAAY,CAAC,WAAW,CAAC,EAChC,YAAY,CAAC,OAAO,CAAC,QAAQ,CAC9B,EACD,kBAAkB,EAAE,YAAY,CAAC,OAAO,CAAC,MAAM,EAC/C,QAAQ,EAAE,eAAe,GACzB,GACO,CACZ,CAAC;AACJ,CAAC,CAAC;AAjDW,QAAA,kBAAkB,sBAiD7B"}

package/_cjs/components/Insurance/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Insurance"), exports);
+__exportStar(require("./types"), exports);
+//# sourceMappingURL=index.js.map

package/_cjs/components/Insurance/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/Insurance/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,8CAA4B;AAC5B,0CAAwB"}

package/_cjs/components/Insurance/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/_cjs/components/Insurance/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../components/Insurance/types.ts"],"names":[],"mappings":""}

package/_cjs/components/ListItem/ListItem.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const ListItem: import("@emotion/styled").StyledComponent<{
+    button?: false | undefined;
+} & import("@mui/material").ListItemOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
+    ref?: ((instance: HTMLLIElement | null) => void) | import("react").RefObject<HTMLLIElement> | null | undefined;
+}, "button" | "alignItems" | "children" | "sx" | "style" | "autoFocus" | "className" | "disabled" | "selected" | "classes" | "components" | "dense" | "divider" | "componentsProps" | "slotProps" | "slots" | "disableGutters" | "ContainerComponent" | "ContainerProps" | "disablePadding" | "secondaryAction"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/_cjs/components/ListItem/ListItem.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ListItem = void 0;
+const styles_1 = require("@mui/material/styles");
+const material_1 = require("@mui/material");
+const ListItemSecondaryAction_1 = require("@mui/material/ListItemSecondaryAction");
+const ListItemText_1 = require("@mui/material/ListItemText");
+exports.ListItem = (0, styles_1.styled)(material_1.ListItem)(({ theme }) => ({
+    height: 64,
+    flexDirection: 'column',
+    alignItems: 'flex-start',
+    padding: theme.spacing(0, 1.5),
+    [`.${ListItemSecondaryAction_1.listItemSecondaryActionClasses.root}`]: {
+        right: theme.spacing(3),
+    },
+    [`& .${ListItemText_1.listItemTextClasses.secondary}`]: {
+        fontSize: 12,
+        fontWeight: 500,
+    },
+    [`& .${ListItemText_1.listItemTextClasses.primary}, & .${ListItemText_1.listItemTextClasses.secondary}`]: {
+        lineHeight: 1.3334,
+        textOverflow: 'ellipsis',
+        overflow: 'hidden',
+        whiteSpace: 'nowrap',
+    },
+}));
+//# sourceMappingURL=ListItem.js.map

package/_cjs/components/ListItem/ListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItem.js","sourceRoot":"","sources":["../../../components/ListItem/ListItem.tsx"],"names":[],"mappings":";;;AAAA,iDAA8C;AAC9C,4CAAwD;AACxD,mFAAuF;AACvF,6DAAiE;AAEpD,QAAA,QAAQ,GAAG,IAAA,eAAM,EAAC,mBAAW,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC1D,MAAM,EAAE,EAAE;IACV,aAAa,EAAE,QAAQ;IACvB,UAAU,EAAE,YAAY;IACxB,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,GAAG,CAAC;IAC9B,CAAC,IAAI,wDAA8B,CAAC,IAAI,EAAE,CAAC,EAAE;QAC3C,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;KACxB;IACD,CAAC,MAAM,kCAAmB,CAAC,SAAS,EAAE,CAAC,EAAE;QACvC,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,GAAG;KAChB;IACD,CAAC,MAAM,kCAAmB,CAAC,OAAO,QAAQ,kCAAmB,CAAC,SAAS,EAAE,CAAC,EAAE;QAC1E,UAAU,EAAE,MAAM;QAClB,YAAY,EAAE,UAAU;QACxB,QAAQ,EAAE,QAAQ;QAClB,UAAU,EAAE,QAAQ;KACrB;CACF,CAAC,CAAC,CAAC"}

package/_cjs/components/ListItem/ListItemButton.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const ListItemButton: import("@emotion/styled").StyledComponent<import("@mui/material").ListItemButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, "alignItems" | "children" | "sx" | "style" | "autoFocus" | "className" | "tabIndex" | "disabled" | "action" | "selected" | "classes" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "dense" | "divider" | "disableGutters"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;

package/_cjs/components/ListItem/ListItemButton.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ListItemButton = void 0;
+const styles_1 = require("@mui/material/styles");
+const ListItemButton_1 = require("../ListItemButton");
+exports.ListItemButton = (0, styles_1.styled)(ListItemButton_1.ListItemButton)(({ theme }) => ({
+    paddingLeft: theme.spacing(1.5),
+    paddingRight: theme.spacing(1.5),
+    height: 64,
+    width: '100%',
+}));
+//# sourceMappingURL=ListItemButton.js.map

package/_cjs/components/ListItem/ListItemButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItemButton.js","sourceRoot":"","sources":["../../../components/ListItem/ListItemButton.tsx"],"names":[],"mappings":";;;AAAA,iDAA8C;AAC9C,sDAAyE;AAE5D,QAAA,cAAc,GAAG,IAAA,eAAM,EAAC,+BAAkB,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACvE,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;IAC/B,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;IAChC,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,MAAM;CACd,CAAC,CAAC,CAAC"}

package/_cjs/components/ListItem/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ListItem';
+export * from './ListItemButton';

package/_cjs/components/ListItem/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./ListItem"), exports);
+__exportStar(require("./ListItemButton"), exports);
+//# sourceMappingURL=index.js.map