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

package/src/_cjs/components/Header/NavigationHeader.js

@@ -0,0 +1,97 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NavigationHeader = exports.TransactionHistoryButton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ArrowBack_1 = require("@mui/icons-material/ArrowBack");
+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 react_router_dom_1 = require("react-router-dom");
+const hooks_1 = require("../../hooks");
+const providers_1 = require("../../providers");
+const stores_1 = require("../../stores");
+const types_1 = require("../../types");
+const utils_1 = require("../../utils");
+const Header_style_1 = require("./Header.style");
+const NavigationTabs_1 = require("./NavigationTabs");
+const SettingsButton_1 = require("./SettingsButton");
+const WalletHeader_1 = require("./WalletHeader");
+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;
+const NavigationHeader = () => {
+    const { t } = (0, react_i18next_1.useTranslation)();
+    const { subvariant, hiddenUI, variant } = (0, providers_1.useWidgetConfig)();
+    const { navigateBack } = (0, hooks_1.useNavigateBack)();
+    const { account } = (0, hooks_1.useAccount)();
+    const { element, title } = (0, stores_1.useHeaderStore)((state) => state);
+    const { pathname } = (0, react_router_dom_1.useLocation)();
+    const cleanedPathname = pathname.endsWith('/')
+        ? pathname.slice(0, -1)
+        : pathname;
+    const path = cleanedPathname.substring(cleanedPathname.lastIndexOf('/') + 1);
+    const hasPath = utils_1.navigationRoutesValues.includes(path);
+    const splitSubvariant = subvariant === 'split' && !hasPath;
+    const handleHeaderTitle = () => {
+        switch (path) {
+            case utils_1.navigationRoutes.selectWallet:
+                return t(`header.selectWallet`);
+            case utils_1.navigationRoutes.settings:
+                return t(`header.settings`);
+            case utils_1.navigationRoutes.bridges:
+                return t(`settings.enabledBridges`);
+            case utils_1.navigationRoutes.exchanges:
+                return t(`settings.enabledExchanges`);
+            case utils_1.navigationRoutes.languages:
+                return t(`language.title`);
+            case utils_1.navigationRoutes.transactionHistory:
+                return t(`header.transactionHistory`);
+            case utils_1.navigationRoutes.fromToken: {
+                if (subvariant === 'nft') {
+                    return t(`header.payWith`);
+                }
+                return t(`header.from`);
+            }
+            case utils_1.navigationRoutes.toToken:
+                return t(`header.to`);
+            case utils_1.navigationRoutes.fromChain:
+            case utils_1.navigationRoutes.toChain:
+            case utils_1.navigationRoutes.toTokenNative:
+                return t(`header.selectChain`);
+            case utils_1.navigationRoutes.routes:
+                return t(`header.youGet`);
+            case utils_1.navigationRoutes.activeTransactions:
+                return t(`header.activeTransactions`);
+            case utils_1.navigationRoutes.transactionExecution: {
+                if (subvariant === 'nft') {
+                    return t(`header.purchase`);
+                }
+                return t(`header.exchange`);
+            }
+            case utils_1.navigationRoutes.transactionDetails: {
+                if (subvariant === 'nft') {
+                    return t(`header.purchaseDetails`);
+                }
+                return t(`header.transactionDetails`);
+            }
+            default: {
+                switch (subvariant) {
+                    case 'nft':
+                        return t(`header.checkout`);
+                    case 'refuel':
+                        return t(`header.gas`);
+                    default:
+                        return t(`header.exchange`);
+                }
+            }
+        }
+    };
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(Header_style_1.HeaderAppBar, { elevation: 0, children: [utils_1.backButtonRoutes.includes(path) ? ((0, jsx_runtime_1.jsx)(IconButton_1.default, { size: "medium", edge: "start", onClick: navigateBack, children: (0, jsx_runtime_1.jsx)(ArrowBack_1.default, {}) })) : null, splitSubvariant ? ((0, jsx_runtime_1.jsx)(material_1.Box, { flex: 1, children: !hiddenUI?.includes(types_1.HiddenUI.WalletMenu) ? ((0, jsx_runtime_1.jsx)(WalletHeader_1.WalletMenuButton, {})) : null })) : ((0, jsx_runtime_1.jsx)(material_1.Typography, { fontSize: hasPath ? 18 : 24, align: hasPath ? 'center' : 'left', fontWeight: "700", flex: 1, noWrap: true, children: title || handleHeaderTitle() })), (0, jsx_runtime_1.jsxs)(react_router_dom_1.Routes, { children: [(0, jsx_runtime_1.jsx)(react_router_dom_1.Route, { path: utils_1.navigationRoutes.home, element: (0, jsx_runtime_1.jsxs)(Header_style_1.HeaderControlsContainer, { paddingRight: variant === 'drawer' && subvariant === 'split' ? 5 : 0, children: [account.isConnected &&
+                                            !hiddenUI?.includes(types_1.HiddenUI.History) ? ((0, jsx_runtime_1.jsx)(exports.TransactionHistoryButton, {})) : null, (0, jsx_runtime_1.jsx)(SettingsButton_1.SettingsButton, {})] }) }), (0, jsx_runtime_1.jsx)(react_router_dom_1.Route, { path: "*", element: element || (0, jsx_runtime_1.jsx)(material_1.Box, { width: 28, height: 40 }) })] })] }), splitSubvariant ? (0, jsx_runtime_1.jsx)(NavigationTabs_1.NavigationTabs, {}) : null] }));
+};
+exports.NavigationHeader = NavigationHeader;
+//# sourceMappingURL=NavigationHeader.js.map

package/src/_cjs/components/Header/NavigationHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationHeader.js","sourceRoot":"","sources":["../../../../../src/components/Header/NavigationHeader.tsx"],"names":[],"mappings":";;;;AAAA,6DAA0D;AAC1D,iEAA8D;AAC9D,4CAAyD;AACzD,yDAAkD;AAClD,iDAA+C;AAC/C,uDAA8D;AAC9D,uCAA0D;AAC1D,+CAAkD;AAClD,yCAA8C;AAC9C,uCAAuC;AACvC,uCAIqB;AACrB,iDAAuE;AACvE,qDAAkD;AAClD,qDAAkD;AAClD,iDAAkD;AAE3C,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;AACK,MAAM,gBAAgB,GAAa,GAAG,EAAE;IAC7C,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,IAAA,2BAAe,GAAE,CAAC;IAC5D,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,uBAAe,GAAE,CAAC;IAC3C,MAAM,EAAE,OAAO,EAAE,GAAG,IAAA,kBAAU,GAAE,CAAC;IACjC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAc,EAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC;IAC5D,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,8BAAW,GAAE,CAAC;IAEnC,MAAM,eAAe,GAAG,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC;QAC5C,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QACvB,CAAC,CAAC,QAAQ,CAAC;IACb,MAAM,IAAI,GAAG,eAAe,CAAC,SAAS,CAAC,eAAe,CAAC,WAAW,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;IAC7E,MAAM,OAAO,GAAG,8BAAsB,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAEtD,MAAM,eAAe,GAAG,UAAU,KAAK,OAAO,IAAI,CAAC,OAAO,CAAC;IAE3D,MAAM,iBAAiB,GAAG,GAAG,EAAE;QAC7B,QAAQ,IAAI,EAAE,CAAC;YACb,KAAK,wBAAgB,CAAC,YAAY;gBAChC,OAAO,CAAC,CAAC,qBAAqB,CAAC,CAAC;YAClC,KAAK,wBAAgB,CAAC,QAAQ;gBAC5B,OAAO,CAAC,CAAC,iBAAiB,CAAC,CAAC;YAC9B,KAAK,wBAAgB,CAAC,OAAO;gBAC3B,OAAO,CAAC,CAAC,yBAAyB,CAAC,CAAC;YACtC,KAAK,wBAAgB,CAAC,SAAS;gBAC7B,OAAO,CAAC,CAAC,2BAA2B,CAAC,CAAC;YACxC,KAAK,wBAAgB,CAAC,SAAS;gBAC7B,OAAO,CAAC,CAAC,gBAAgB,CAAC,CAAC;YAC7B,KAAK,wBAAgB,CAAC,kBAAkB;gBACtC,OAAO,CAAC,CAAC,2BAA2B,CAAC,CAAC;YACxC,KAAK,wBAAgB,CAAC,SAAS,CAAC,CAAC,CAAC;gBAChC,IAAI,UAAU,KAAK,KAAK,EAAE,CAAC;oBACzB,OAAO,CAAC,CAAC,gBAAgB,CAAC,CAAC;gBAC7B,CAAC;gBACD,OAAO,CAAC,CAAC,aAAa,CAAC,CAAC;YAC1B,CAAC;YACD,KAAK,wBAAgB,CAAC,OAAO;gBAC3B,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC;YACxB,KAAK,wBAAgB,CAAC,SAAS,CAAC;YAChC,KAAK,wBAAgB,CAAC,OAAO,CAAC;YAC9B,KAAK,wBAAgB,CAAC,aAAa;gBACjC,OAAO,CAAC,CAAC,oBAAoB,CAAC,CAAC;YACjC,KAAK,wBAAgB,CAAC,MAAM;gBAC1B,OAAO,CAAC,CAAC,eAAe,CAAC,CAAC;YAC5B,KAAK,wBAAgB,CAAC,kBAAkB;gBACtC,OAAO,CAAC,CAAC,2BAA2B,CAAC,CAAC;YACxC,KAAK,wBAAgB,CAAC,oBAAoB,CAAC,CAAC,CAAC;gBAC3C,IAAI,UAAU,KAAK,KAAK,EAAE,CAAC;oBACzB,OAAO,CAAC,CAAC,iBAAiB,CAAC,CAAC;gBAC9B,CAAC;gBACD,OAAO,CAAC,CAAC,iBAAiB,CAAC,CAAC;YAC9B,CAAC;YACD,KAAK,wBAAgB,CAAC,kBAAkB,CAAC,CAAC,CAAC;gBACzC,IAAI,UAAU,KAAK,KAAK,EAAE,CAAC;oBACzB,OAAO,CAAC,CAAC,wBAAwB,CAAC,CAAC;gBACrC,CAAC;gBACD,OAAO,CAAC,CAAC,2BAA2B,CAAC,CAAC;YACxC,CAAC;YACD,OAAO,CAAC,CAAC,CAAC;gBACR,QAAQ,UAAU,EAAE,CAAC;oBACnB,KAAK,KAAK;wBACR,OAAO,CAAC,CAAC,iBAAiB,CAAC,CAAC;oBAC9B,KAAK,QAAQ;wBACX,OAAO,CAAC,CAAC,YAAY,CAAC,CAAC;oBACzB;wBACE,OAAO,CAAC,CAAC,iBAAiB,CAAC,CAAC;gBAChC,CAAC;YACH,CAAC;QACH,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,6DACE,wBAAC,2BAAY,IAAC,SAAS,EAAE,CAAC,aACvB,wBAAgB,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CACjC,uBAAC,oBAAU,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,YAAY,YAC1D,uBAAC,mBAAa,KAAG,GACN,CACd,CAAC,CAAC,CAAC,IAAI,EACP,eAAe,CAAC,CAAC,CAAC,CACjB,uBAAC,cAAG,IAAC,IAAI,EAAE,CAAC,YACT,CAAC,QAAQ,EAAE,QAAQ,CAAC,gBAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAC1C,uBAAC,+BAAgB,KAAG,CACrB,CAAC,CAAC,CAAC,IAAI,GACJ,CACP,CAAC,CAAC,CAAC,CACF,uBAAC,qBAAU,IACT,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EAC3B,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,EAClC,UAAU,EAAC,KAAK,EAChB,IAAI,EAAE,CAAC,EACP,MAAM,kBAEL,KAAK,IAAI,iBAAiB,EAAE,GAClB,CACd,EACD,wBAAC,yBAAM,eACL,uBAAC,wBAAK,IACJ,IAAI,EAAE,wBAAgB,CAAC,IAAI,EAC3B,OAAO,EACL,wBAAC,sCAAuB,IACtB,YAAY,EACV,OAAO,KAAK,QAAQ,IAAI,UAAU,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,aAGvD,OAAO,CAAC,WAAW;4CACpB,CAAC,QAAQ,EAAE,QAAQ,CAAC,gBAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CACtC,uBAAC,gCAAwB,KAAG,CAC7B,CAAC,CAAC,CAAC,IAAI,EACR,uBAAC,+BAAc,KAAG,IACM,GAE5B,EACF,uBAAC,wBAAK,IAAC,IAAI,EAAC,GAAG,EAAC,OAAO,EAAE,OAAO,IAAI,uBAAC,cAAG,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,GAAI,IAC/D,IACI,EACd,eAAe,CAAC,CAAC,CAAC,uBAAC,+BAAc,KAAG,CAAC,CAAC,CAAC,IAAI,IAC3C,CACJ,CAAC;AACJ,CAAC,CAAC;AAvHW,QAAA,gBAAgB,oBAuH3B"}

package/src/_cjs/components/Header/NavigationTabs.d.ts

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

package/src/_cjs/components/Header/NavigationTabs.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NavigationTabs = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_hook_form_1 = require("react-hook-form");
+const react_i18next_1 = require("react-i18next");
+const providers_1 = require("../../providers");
+const stores_1 = require("../../stores");
+const Header_style_1 = require("./Header.style");
+const Tabs_1 = require("../Tabs");
+const NavigationTabs = () => {
+    const { t } = (0, react_i18next_1.useTranslation)();
+    const [state, setState] = (0, stores_1.useSplitSubvariantStore)((state) => [
+        state.state,
+        state.setState,
+    ]);
+    const { setValue } = (0, react_hook_form_1.useFormContext)();
+    const handleChange = (_, value) => {
+        setValue(providers_1.FormKey.FromAmount, '');
+        setValue(providers_1.FormKey.FromToken, '');
+        setValue(providers_1.FormKey.ToToken, '');
+        setState(value === 0 ? 'swap' : 'bridge');
+    };
+    return ((0, jsx_runtime_1.jsx)(Header_style_1.HeaderAppBar, { elevation: 0, sx: { py: 1 }, children: (0, jsx_runtime_1.jsxs)(Header_style_1.SplitTabs, { value: state === 'swap' ? 0 : 1, onChange: handleChange, "aria-label": "tabs", indicatorColor: "primary", children: [(0, jsx_runtime_1.jsx)(Tabs_1.Tab, { label: t('header.swap'), disableRipple: true }), (0, jsx_runtime_1.jsx)(Tabs_1.Tab, { label: t('header.bridge'), disableRipple: true })] }) }));
+};
+exports.NavigationTabs = NavigationTabs;
+//# sourceMappingURL=NavigationTabs.js.map

package/src/_cjs/components/Header/NavigationTabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationTabs.js","sourceRoot":"","sources":["../../../../../src/components/Header/NavigationTabs.tsx"],"names":[],"mappings":";;;;AAAA,qDAAiD;AACjD,iDAA+C;AAC/C,+CAA0C;AAC1C,yCAAuD;AACvD,iDAAyD;AACzD,kCAA8B;AAEvB,MAAM,cAAc,GAAG,GAAG,EAAE;IACjC,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gCAAuB,EAAC,CAAC,KAAK,EAAE,EAAE,CAAC;QAC3D,KAAK,CAAC,KAAK;QACX,KAAK,CAAC,QAAQ;KACf,CAAC,CAAC;IACH,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,gCAAc,GAAE,CAAC;IACtC,MAAM,YAAY,GAAG,CAAC,CAAuB,EAAE,KAAa,EAAE,EAAE;QAC9D,QAAQ,CAAC,mBAAO,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;QACjC,QAAQ,CAAC,mBAAO,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;QAChC,QAAQ,CAAC,mBAAO,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;QAC9B,QAAQ,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;IAC5C,CAAC,CAAC;IAEF,OAAO,CACL,uBAAC,2BAAY,IAAC,SAAS,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,YACvC,wBAAC,wBAAS,IACR,KAAK,EAAE,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC/B,QAAQ,EAAE,YAAY,gBACX,MAAM,EACjB,cAAc,EAAC,SAAS,aAExB,uBAAC,UAAG,IAAC,KAAK,EAAE,CAAC,CAAC,aAAa,CAAC,EAAE,aAAa,SAAG,EAC9C,uBAAC,UAAG,IAAC,KAAK,EAAE,CAAC,CAAC,eAAe,CAAC,EAAE,aAAa,SAAG,IACtC,GACC,CAChB,CAAC;AACJ,CAAC,CAAC;AA3BW,QAAA,cAAc,kBA2BzB"}

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

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

package/src/_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/src/_cjs/components/Header/SettingsButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsButton.js","sourceRoot":"","sources":["../../../../../src/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/src/_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/src/_cjs/components/Header/SettingsButton.style.js

@@ -0,0 +1,45 @@
+"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 }) => {
+    const variantStyles = {
+        info: {
+            backgroundColor: (0, utils_1.getInfoBackgroundColor)(theme),
+            '&:hover': {
+                backgroundColor: (0, styles_1.darken)((0, utils_1.getInfoBackgroundColor)(theme), 0.2),
+            },
+        },
+        warning: {
+            backgroundColor: (0, utils_1.getWarningBackgroundColor)(theme),
+            '&:hover': {
+                backgroundColor: (0, styles_1.darken)((0, utils_1.getWarningBackgroundColor)(theme), 0.2),
+            },
+        },
+        default: {
+            marginRight: theme.spacing(-1.25),
+        },
+    };
+    return {
+        borderRadius: 20,
+        ...variantStyles[variant ?? 'default'],
+    };
+});
+//# sourceMappingURL=SettingsButton.style.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsButton.style.js","sourceRoot":"","sources":["../../../../../src/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,MAAM,aAAa,GAAG;QACpB,IAAI,EAAE;YACJ,eAAe,EAAE,IAAA,8BAAsB,EAAC,KAAK,CAAC;YAC9C,SAAS,EAAE;gBACT,eAAe,EAAE,IAAA,eAAM,EAAC,IAAA,8BAAsB,EAAC,KAAK,CAAC,EAAE,GAAG,CAAC;aAC5D;SACF;QACD,OAAO,EAAE;YACP,eAAe,EAAE,IAAA,iCAAyB,EAAC,KAAK,CAAC;YACjD,SAAS,EAAE;gBACT,eAAe,EAAE,IAAA,eAAM,EAAC,IAAA,iCAAyB,EAAC,KAAK,CAAC,EAAE,GAAG,CAAC;aAC/D;SACF;QACD,OAAO,EAAE;YACP,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC;SAClC;KACF,CAAC;IAEF,OAAO;QACL,YAAY,EAAE,EAAE;QAChB,GAAG,aAAa,CAAC,OAAO,IAAI,SAAS,CAAC;KACvC,CAAC;AACJ,CAAC,CAAC,CAAC"}

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

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

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

@@ -0,0 +1,65 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WalletMenuButton = exports.WalletHeader = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+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 utils_1 = require("../../utils");
+const SmallAvatar_1 = require("../SmallAvatar");
+const Header_style_1 = require("./Header.style");
+const WalletMenu_1 = require("./WalletMenu");
+const WalletMenu_style_1 = require("./WalletMenu.style");
+const WalletHeader = () => {
+    return ((0, jsx_runtime_1.jsx)(Header_style_1.HeaderAppBar, { elevation: 0, sx: { justifyContent: 'flex-end' }, children: (0, jsx_runtime_1.jsx)(exports.WalletMenuButton, {}) }));
+};
+exports.WalletHeader = WalletHeader;
+const WalletMenuButton = () => {
+    const { account } = (0, hooks_1.useAccount)();
+    const { variant } = (0, providers_1.useWidgetConfig)();
+    if (variant === 'drawer') {
+        return ((0, jsx_runtime_1.jsx)(Header_style_1.DrawerWalletContainer, { children: account.isConnected ? ((0, jsx_runtime_1.jsx)(ConnectedButton, { account: account })) : ((0, jsx_runtime_1.jsx)(ConnectButton, {})) }));
+    }
+    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 { walletManagement, subvariant, variant } = (0, providers_1.useWidgetConfig)();
+    const navigate = (0, react_router_dom_1.useNavigate)();
+    const connect = async () => {
+        if (walletManagement) {
+            await walletManagement.connect();
+            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: account.connector?.icon, 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, 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/src/_cjs/components/Header/WalletHeader.js.map

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

package/src/_cjs/components/Header/WalletMenu.d.ts

@@ -0,0 +1,3 @@
+export declare const WalletMenu: ({ onClose }: {
+    onClose: () => void;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,63 @@
+"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 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 wallet_adapter_react_1 = require("@solana/wallet-adapter-react");
+const react_i18next_1 = require("react-i18next");
+const react_router_dom_1 = require("react-router-dom");
+const wagmi_1 = require("wagmi");
+const hooks_1 = require("../../hooks");
+const utils_1 = require("../../utils");
+const SmallAvatar_1 = require("../SmallAvatar");
+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
+                    .filter((account) => account.isConnected)
+                    .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: account.connector?.icon, alt: account.connector?.name, sx: {
+                            width: 32,
+                            height: 32,
+                            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, { connector: account.connector })) : account.chainType === sdk_1.ChainType.SVM ? ((0, jsx_runtime_1.jsx)(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.filter((account) => account.isConnected).length > 1
+                    ? t(`button.changeWallet`)
+                    : t(`button.connectWallet`) })) : null] }));
+};
+exports.WalletMenu = WalletMenu;
+const EVMDisconnectIconButton = ({ connector }) => {
+    const { disconnect } = (0, wagmi_1.useDisconnect)();
+    return ((0, jsx_runtime_1.jsx)(material_1.IconButton, { size: "medium", onClick: (e) => {
+            e.stopPropagation();
+            disconnect({ connector });
+        }, children: (0, jsx_runtime_1.jsx)(PowerSettingsNewRounded_1.default, {}) }));
+};
+const SVMDisconnectIconButton = () => {
+    const { disconnect } = (0, wallet_adapter_react_1.useWallet)();
+    return ((0, jsx_runtime_1.jsx)(material_1.IconButton, { size: "medium", onClick: (e) => {
+            e.stopPropagation();
+            disconnect();
+        }, children: (0, jsx_runtime_1.jsx)(PowerSettingsNewRounded_1.default, {}) }));
+};
+//# sourceMappingURL=WalletMenu.js.map

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

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

package/src/_cjs/components/Header/WalletMenu.style.d.ts

@@ -0,0 +1 @@
+export declare const WalletMenuContainer: import("@emotion/styled").StyledComponent<import("@mui/material").MenuProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/src/_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/src/_cjs/components/Header/WalletMenu.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WalletMenu.style.js","sourceRoot":"","sources":["../../../../../src/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/src/_cjs/components/Header/index.d.ts

@@ -0,0 +1 @@
+export * from './Header';

package/src/_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/src/_cjs/components/Header/index.js.map

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

package/src/_cjs/components/Initializer.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const Initializer: React.FC;

package/src/_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/src/_cjs/components/Initializer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Initializer.js","sourceRoot":"","sources":["../../../../src/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/src/_cjs/components/Input.d.ts

@@ -0,0 +1 @@
+export declare const Input: import("@emotion/styled").StyledComponent<import("@mui/material").InputBaseProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/src/_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/src/_cjs/components/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/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/src/_cjs/components/Insurance/Insurance.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { InsuranceProps } from './types';
+export declare const Insurance: React.FC<InsuranceProps>;

package/src/_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/src/_cjs/components/Insurance/Insurance.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Insurance.js","sourceRoot":"","sources":["../../../../../src/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/src/_cjs/components/Insurance/InsuranceCard.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { InsuranceCardProps } from './types';
+export declare const InsuranceCard: React.FC<InsuranceCardProps>;

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

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InsuranceCard = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ExpandLess_1 = require("@mui/icons-material/ExpandLess");
+const ExpandMore_1 = require("@mui/icons-material/ExpandMore");
+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 [cardExpanded, setCardExpanded] = (0, react_1.useState)(status === stores_1.RouteExecutionStatus.Idle);
+    const handleExpand = (e) => {
+        e.stopPropagation();
+        setCardExpanded((expanded) => !expanded);
+    };
+    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') })] }), status === stores_1.RouteExecutionStatus.Idle ? ((0, jsx_runtime_1.jsx)(Switch_1.Switch, { onChange: handleSwitch, value: enabled })) : ((0, jsx_runtime_1.jsx)(material_1.Box, { my: -0.5, children: (0, jsx_runtime_1.jsx)(Card_1.CardIconButton, { onClick: handleExpand, size: "small", children: cardExpanded ? (0, jsx_runtime_1.jsx)(ExpandLess_1.default, {}) : (0, jsx_runtime_1.jsx)(ExpandMore_1.default, {}) }) }))] }), (0, jsx_runtime_1.jsx)(material_1.Collapse, { timeout: 225, in: cardExpanded, 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/src/_cjs/components/Insurance/InsuranceCard.js.map

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