@lifi/widget 3.0.0-alpha.1 → 3.0.0-alpha.10

package/_cjs/components/GasMessage/GasMessage.style.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+export declare const WarningMessageCard: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const WarningMessageCardTitle: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const InfoMessageCard: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const InfoMessageCardTitle: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const InfoMessageSwitch: import("@emotion/styled").StyledComponent<import("@mui/material").SwitchProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/_cjs/components/GasMessage/GasMessage.style.js

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InfoMessageSwitch = exports.InfoMessageCardTitle = exports.InfoMessageCard = exports.WarningMessageCardTitle = exports.WarningMessageCard = void 0;
+const material_1 = require("@mui/material");
+const Switch_1 = require("@mui/material/Switch");
+const styles_1 = require("@mui/material/styles");
+const Switch_2 = require("../Switch");
+const utils_1 = require("../../utils");
+const MessageCard = (0, styles_1.styled)(material_1.Box)(({ theme }) => ({
+    borderRadius: theme.shape.borderRadius,
+    position: 'relative',
+    whiteSpace: 'pre-line',
+}));
+exports.WarningMessageCard = (0, styles_1.styled)(MessageCard)(({ theme }) => ({
+    backgroundColor: (0, utils_1.getWarningBackgroundColor)(theme),
+}));
+exports.WarningMessageCardTitle = (0, styles_1.styled)(material_1.Box)(({ theme }) => ({
+    color: theme.palette.mode === 'light'
+        ? (0, styles_1.darken)(theme.palette.warning.main, 0.36)
+        : (0, styles_1.alpha)(theme.palette.warning.main, 1),
+}));
+exports.InfoMessageCard = (0, styles_1.styled)(MessageCard)(({ theme }) => ({
+    backgroundColor: (0, utils_1.getInfoBackgroundColor)(theme),
+}));
+exports.InfoMessageCardTitle = (0, styles_1.styled)(material_1.Box)(({ theme }) => ({
+    color: theme.palette.mode === 'light'
+        ? theme.palette.info.main
+        : (0, styles_1.lighten)(theme.palette.info.main, 0.24),
+}));
+exports.InfoMessageSwitch = (0, styles_1.styled)(Switch_2.Switch)(({ theme }) => ({
+    [`.${Switch_1.switchClasses.switchBase}`]: {
+        [`&.${Switch_1.switchClasses.checked}`]: {
+            [`& + .${Switch_1.switchClasses.track}`]: {
+                backgroundColor: theme.palette.mode === 'light'
+                    ? theme.palette.info.main
+                    : (0, styles_1.alpha)(theme.palette.info.main, 0.84),
+            },
+        },
+        [`&.Mui-focusVisible .${Switch_1.switchClasses.thumb}`]: {
+            color: theme.palette.mode === 'light'
+                ? theme.palette.info.main
+                : (0, styles_1.alpha)(theme.palette.info.main, 0.84),
+        },
+    },
+}));
+//# sourceMappingURL=GasMessage.style.js.map

package/_cjs/components/GasMessage/GasMessage.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GasMessage.style.js","sourceRoot":"","sources":["../../../components/GasMessage/GasMessage.style.ts"],"names":[],"mappings":";;;AAAA,4CAAoC;AACpC,iDAAqD;AACrD,iDAAsE;AACtE,sCAAmC;AACnC,uCAAgF;AAEhF,MAAM,WAAW,GAAG,IAAA,eAAM,EAAC,cAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC9C,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,YAAY;IACtC,QAAQ,EAAE,UAAU;IACpB,UAAU,EAAE,UAAU;CACvB,CAAC,CAAC,CAAC;AAES,QAAA,kBAAkB,GAAG,IAAA,eAAM,EAAC,WAAW,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACpE,eAAe,EAAE,IAAA,iCAAyB,EAAC,KAAK,CAAC;CAClD,CAAC,CAAC,CAAC;AAES,QAAA,uBAAuB,GAAG,IAAA,eAAM,EAAC,cAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACjE,KAAK,EACH,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO;QAC5B,CAAC,CAAC,IAAA,eAAM,EAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC;QAC1C,CAAC,CAAC,IAAA,cAAK,EAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC;CAC3C,CAAC,CAAC,CAAC;AAES,QAAA,eAAe,GAAG,IAAA,eAAM,EAAC,WAAW,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACjE,eAAe,EAAE,IAAA,8BAAsB,EAAC,KAAK,CAAC;CAC/C,CAAC,CAAC,CAAC;AAES,QAAA,oBAAoB,GAAG,IAAA,eAAM,EAAC,cAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC9D,KAAK,EACH,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO;QAC5B,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;QACzB,CAAC,CAAC,IAAA,gBAAO,EAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC;CAC7C,CAAC,CAAC,CAAC;AAES,QAAA,iBAAiB,GAAG,IAAA,eAAM,EAAC,eAAM,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC9D,CAAC,IAAI,sBAAa,CAAC,UAAU,EAAE,CAAC,EAAE;QAChC,CAAC,KAAK,sBAAa,CAAC,OAAO,EAAE,CAAC,EAAE;YAC9B,CAAC,QAAQ,sBAAa,CAAC,KAAK,EAAE,CAAC,EAAE;gBAC/B,eAAe,EACb,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO;oBAC5B,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;oBACzB,CAAC,CAAC,IAAA,cAAK,EAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC;aAC3C;SACF;QACD,CAAC,uBAAuB,sBAAa,CAAC,KAAK,EAAE,CAAC,EAAE;YAC9C,KAAK,EACH,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO;gBAC5B,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;gBACzB,CAAC,CAAC,IAAA,cAAK,EAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC;SAC3C;KACF;CACF,CAAC,CAAC,CAAC"}

package/_cjs/components/GasMessage/GasRefuelMessage.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GasRefuelMessage = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const EvStation_1 = require("@mui/icons-material/EvStation");
+const material_1 = require("@mui/material");
+const react_i18next_1 = require("react-i18next");
+const hooks_1 = require("../../hooks");
+const stores_1 = require("../../stores");
+const GasMessage_style_1 = require("./GasMessage.style");
+const GasRefuelMessage = (props) => {
+    const { t } = (0, react_i18next_1.useTranslation)();
+    const setValue = (0, stores_1.useSettingsStore)((state) => state.setValue);
+    const { enabledAutoRefuel } = (0, stores_1.useSettings)(['enabledAutoRefuel']);
+    const { enabled, chain, isLoading: isRefuelLoading } = (0, hooks_1.useGasRefuel)();
+    const onChange = (_, checked) => {
+        setValue('enabledAutoRefuel', checked);
+    };
+    const showGasRefuelMessage = chain && enabled && !isRefuelLoading;
+    return ((0, jsx_runtime_1.jsx)(material_1.Collapse, { timeout: 225, in: showGasRefuelMessage, unmountOnExit: true, mountOnEnter: true, children: (0, jsx_runtime_1.jsxs)(GasMessage_style_1.InfoMessageCard, { ...props, children: [(0, jsx_runtime_1.jsxs)(GasMessage_style_1.InfoMessageCardTitle, { display: "flex", alignItems: "center", justifyContent: "space-between", p: 2, children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { display: "flex", alignItems: "center", children: [(0, jsx_runtime_1.jsx)(EvStation_1.default, { sx: {
+                                        marginRight: 1,
+                                    } }), (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body2", fontWeight: 700, children: t(`info.title.autoRefuel`) })] }), (0, jsx_runtime_1.jsx)(GasMessage_style_1.InfoMessageSwitch, { checked: enabledAutoRefuel, onChange: onChange })] }), (0, jsx_runtime_1.jsx)(material_1.Collapse, { timeout: 225, in: enabledAutoRefuel, unmountOnExit: true, mountOnEnter: true, children: (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body2", px: 2, pb: 2, children: t(`info.message.autoRefuel`, {
+                            chainName: chain?.name,
+                        }) }) })] }) }));
+};
+exports.GasRefuelMessage = GasRefuelMessage;
+//# sourceMappingURL=GasRefuelMessage.js.map

package/_cjs/components/GasMessage/GasRefuelMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GasRefuelMessage.js","sourceRoot":"","sources":["../../../components/GasMessage/GasRefuelMessage.tsx"],"names":[],"mappings":";;;;AAAA,6DAA0D;AAE1D,4CAA0D;AAE1D,iDAA+C;AAC/C,uCAA2C;AAC3C,yCAA6D;AAC7D,yDAI4B;AAErB,MAAM,gBAAgB,GAAuB,CAAC,KAAK,EAAE,EAAE;IAC5D,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,QAAQ,GAAG,IAAA,yBAAgB,EAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC7D,MAAM,EAAE,iBAAiB,EAAE,GAAG,IAAA,oBAAW,EAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC;IAEjE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,eAAe,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAEtE,MAAM,QAAQ,GAAG,CAAC,CAAgC,EAAE,OAAgB,EAAE,EAAE;QACtE,QAAQ,CAAC,mBAAmB,EAAE,OAAO,CAAC,CAAC;IACzC,CAAC,CAAC;IAEF,MAAM,oBAAoB,GAAG,KAAK,IAAI,OAAO,IAAI,CAAC,eAAe,CAAC;IAClE,OAAO,CACL,uBAAC,mBAAQ,IACP,OAAO,EAAE,GAAG,EACZ,EAAE,EAAE,oBAAoB,EACxB,aAAa,QACb,YAAY,kBAEZ,wBAAC,kCAAe,OAAK,KAAK,aACxB,wBAAC,uCAAoB,IACnB,OAAO,EAAC,MAAM,EACd,UAAU,EAAC,QAAQ,EACnB,cAAc,EAAC,eAAe,EAC9B,CAAC,EAAE,CAAC,aAEJ,wBAAC,cAAG,IAAC,OAAO,EAAC,MAAM,EAAC,UAAU,EAAC,QAAQ,aACrC,uBAAC,mBAAa,IACZ,EAAE,EAAE;wCACF,WAAW,EAAE,CAAC;qCACf,GACD,EACF,uBAAC,qBAAU,IAAC,OAAO,EAAC,OAAO,EAAC,UAAU,EAAE,GAAG,YACxC,CAAC,CAAC,uBAAuB,CAAC,GAChB,IACT,EACN,uBAAC,oCAAiB,IAAC,OAAO,EAAE,iBAAiB,EAAE,QAAQ,EAAE,QAAQ,GAAI,IAChD,EACvB,uBAAC,mBAAQ,IACP,OAAO,EAAE,GAAG,EACZ,EAAE,EAAE,iBAAiB,EACrB,aAAa,QACb,YAAY,kBAEZ,uBAAC,qBAAU,IAAC,OAAO,EAAC,OAAO,EAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,YACrC,CAAC,CAAC,yBAAyB,EAAE;4BAC5B,SAAS,EAAE,KAAK,EAAE,IAAI;yBACvB,CAAC,GACS,GACJ,IACK,GACT,CACZ,CAAC;AACJ,CAAC,CAAC;AArDW,QAAA,gBAAgB,oBAqD3B"}

package/_cjs/components/GasMessage/GasSufficiencyMessage.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GasSufficiencyMessage = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const EvStation_1 = require("@mui/icons-material/EvStation");
+const material_1 = require("@mui/material");
+const react_i18next_1 = require("react-i18next");
+const viem_1 = require("viem");
+const GasMessage_style_1 = require("./GasMessage.style");
+const GasSufficiencyMessage = ({ insufficientGas, }) => {
+    const { t } = (0, react_i18next_1.useTranslation)();
+    return ((0, jsx_runtime_1.jsxs)(GasMessage_style_1.WarningMessageCard, { children: [(0, jsx_runtime_1.jsxs)(GasMessage_style_1.WarningMessageCardTitle, { display: "flex", alignItems: "center", px: 2, pt: 2, children: [(0, jsx_runtime_1.jsx)(EvStation_1.default, { sx: {
+                            marginRight: 1,
+                        } }), (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body2", fontWeight: 700, children: t(`warning.title.insufficientGas`) })] }), (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body2", px: 2, pt: 1, children: t(`warning.message.insufficientGas`) }), insufficientGas?.map((item, index) => ((0, jsx_runtime_1.jsx)(material_1.Typography
+            // eslint-disable-next-line react/no-array-index-key
+            , { variant: "body2", px: 2, pb: insufficientGas?.length - 1 === index ? 2 : 0, pt: 0.5, children: t(`main.tokenOnChainAmount`, {
+                    amount: (0, viem_1.formatUnits)(item.insufficientAmount ?? 0n, item.token.decimals),
+                    tokenSymbol: item.token.symbol,
+                    chainName: item.chain?.name,
+                }) }, index)))] }));
+};
+exports.GasSufficiencyMessage = GasSufficiencyMessage;
+//# sourceMappingURL=GasSufficiencyMessage.js.map

package/_cjs/components/GasMessage/GasSufficiencyMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GasSufficiencyMessage.js","sourceRoot":"","sources":["../../../components/GasMessage/GasSufficiencyMessage.tsx"],"names":[],"mappings":";;;;AAAA,6DAA0D;AAC1D,4CAA2C;AAC3C,iDAA+C;AAC/C,+BAAmC;AAEnC,yDAG4B;AAMrB,MAAM,qBAAqB,GAAyC,CAAC,EAC1E,eAAe,GAChB,EAAE,EAAE;IACH,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,OAAO,CACL,wBAAC,qCAAkB,eACjB,wBAAC,0CAAuB,IAAC,OAAO,EAAC,MAAM,EAAC,UAAU,EAAC,QAAQ,EAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,aACtE,uBAAC,mBAAa,IACZ,EAAE,EAAE;4BACF,WAAW,EAAE,CAAC;yBACf,GACD,EACF,uBAAC,qBAAU,IAAC,OAAO,EAAC,OAAO,EAAC,UAAU,EAAE,GAAG,YACxC,CAAC,CAAC,+BAA+B,CAAC,GACxB,IACW,EAC1B,uBAAC,qBAAU,IAAC,OAAO,EAAC,OAAO,EAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,YACrC,CAAC,CAAC,iCAAiC,CAAC,GAC1B,EACZ,eAAe,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACrC,uBAAC,qBAAU;YACT,oDAAoD;gBAEpD,OAAO,EAAC,OAAO,EACf,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,eAAe,EAAE,MAAM,GAAG,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EACjD,EAAE,EAAE,GAAG,YAEN,CAAC,CAAC,yBAAyB,EAAE;oBAC5B,MAAM,EAAE,IAAA,kBAAW,EACjB,IAAI,CAAC,kBAAkB,IAAI,EAAE,EAC7B,IAAI,CAAC,KAAK,CAAC,QAAQ,CACpB;oBACD,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM;oBAC9B,SAAS,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI;iBAC5B,CAAC,IAbG,KAAK,CAcC,CACd,CAAC,IACiB,CACtB,CAAC;AACJ,CAAC,CAAC;AAxCW,QAAA,qBAAqB,yBAwChC"}

package/_cjs/components/GasMessage/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("./GasMessage"), exports);
+__exportStar(require("./GasRefuelMessage"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/GasMessage/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,+CAA6B;AAC7B,qDAAmC"}

package/_cjs/components/Header/Header.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Header = exports.HeaderContainer = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_router_dom_1 = require("react-router-dom");
+const hooks_1 = require("../../hooks");
+const providers_1 = require("../../providers");
+const types_1 = require("../../types");
+const utils_1 = require("../../utils");
+const Header_style_1 = require("./Header.style");
+const NavigationHeader_1 = require("./NavigationHeader");
+const WalletHeader_1 = require("./WalletHeader");
+const HeaderContainer = ({ children }) => {
+    const { pathname } = (0, react_router_dom_1.useLocation)();
+    const elementId = (0, hooks_1.useDefaultElementId)();
+    return ((0, jsx_runtime_1.jsx)(Header_style_1.Container, { id: (0, utils_1.createElementId)(utils_1.ElementId.Header, elementId), sticky: utils_1.stickyHeaderRoutes.some((route) => pathname.includes(route)), children: children }));
+};
+exports.HeaderContainer = HeaderContainer;
+const Header = () => {
+    const { walletManagement, subvariant, hiddenUI } = (0, providers_1.useWidgetConfig)();
+    return ((0, jsx_runtime_1.jsxs)(exports.HeaderContainer, { children: [!walletManagement &&
+                subvariant !== 'split' &&
+                !hiddenUI?.includes(types_1.HiddenUI.WalletMenu) ? ((0, jsx_runtime_1.jsx)(WalletHeader_1.WalletHeader, {})) : null, (0, jsx_runtime_1.jsx)(NavigationHeader_1.NavigationHeader, {})] }));
+};
+exports.Header = Header;
+//# sourceMappingURL=Header.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../components/Header/Header.tsx"],"names":[],"mappings":";;;;AACA,uDAA+C;AAC/C,uCAAkD;AAClD,+CAAkD;AAClD,uCAAuC;AACvC,uCAA6E;AAC7E,iDAA2C;AAC3C,yDAAsD;AACtD,iDAA8C;AAEvC,MAAM,eAAe,GAA8B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACzE,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,8BAAW,GAAE,CAAC;IACnC,MAAM,SAAS,GAAG,IAAA,2BAAmB,GAAE,CAAC;IACxC,OAAO,CACL,uBAAC,wBAAS,IACR,EAAE,EAAE,IAAA,uBAAe,EAAC,iBAAS,CAAC,MAAM,EAAE,SAAS,CAAC,EAChD,MAAM,EAAE,0BAAkB,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,YAEnE,QAAQ,GACC,CACb,CAAC;AACJ,CAAC,CAAC;AAXW,QAAA,eAAe,mBAW1B;AAEK,MAAM,MAAM,GAAO,GAAG,EAAE;IAC7B,MAAM,EAAE,gBAAgB,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,IAAA,2BAAe,GAAE,CAAC;IACrE,OAAO,CACL,wBAAC,uBAAe,eACb,CAAC,gBAAgB;gBAClB,UAAU,KAAK,OAAO;gBACtB,CAAC,QAAQ,EAAE,QAAQ,CAAC,gBAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CACzC,uBAAC,2BAAY,KAAG,CACjB,CAAC,CAAC,CAAC,IAAI,EACR,uBAAC,mCAAgB,KAAG,IACJ,CACnB,CAAC;AACJ,CAAC,CAAC;AAZW,QAAA,MAAM,UAYjB"}

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

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+export declare const HeaderAppBar: import("@emotion/styled").StyledComponent<import("@mui/material").AppBarOwnProps & Omit<import("@mui/material").PaperOwnProps, "color" | "position" | "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
+    ref?: ((instance: HTMLElement | null) => void) | import("react").RefObject<HTMLElement> | null | undefined;
+}, "color" | "position" | "children" | "sx" | "style" | "className" | "elevation" | "classes" | "variant" | "square" | "enableColorOnDark"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const Container: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    sticky?: boolean | undefined;
+}, {}, {}>;
+export declare const WalletButton: import("@emotion/styled").StyledComponent<import("@mui/material").ButtonOwnProps & 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" | "href" | "disabled" | "action" | "size" | "classes" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "startIcon"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const DrawerWalletContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const HeaderControlsContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const SplitTabs: import("@emotion/styled").StyledComponent<import("@mui/material").TabsOwnProps & 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;
+}, "children" | "sx" | "style" | "className" | "aria-label" | "aria-labelledby" | "onChange" | "orientation" | "value" | "action" | "classes" | "variant" | "slotProps" | "slots" | "allowScrollButtonsMobile" | "centered" | "indicatorColor" | "ScrollButtonComponent" | "scrollButtons" | "selectionFollowsFocus" | "TabIndicatorProps" | "TabScrollButtonProps" | "textColor" | "visibleScrollbar"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

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

@@ -0,0 +1,72 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SplitTabs = exports.HeaderControlsContainer = exports.DrawerWalletContainer = exports.WalletButton = exports.Container = exports.HeaderAppBar = void 0;
+const material_1 = require("@mui/material");
+const Button_1 = require("@mui/material/Button");
+const styles_1 = require("@mui/material/styles");
+const Tabs_1 = require("../Tabs");
+exports.HeaderAppBar = (0, styles_1.styled)(material_1.AppBar)(({ theme }) => ({
+    backgroundColor: 'transparent',
+    color: theme.palette.text.primary,
+    flexDirection: 'row',
+    alignItems: 'center',
+    position: 'relative',
+    minHeight: 40,
+    padding: theme.spacing(0, 3, 0, 3),
+    ':first-of-type': {
+        paddingTop: theme.spacing(1.5),
+        paddingBottom: theme.spacing(0.5),
+    },
+}));
+exports.Container = (0, styles_1.styled)(material_1.Box, {
+    shouldForwardProp: (prop) => prop !== 'sticky',
+})(({ theme, sticky }) => ({
+    backgroundColor: theme.palette.background.default,
+    backdropFilter: 'blur(12px)',
+    position: sticky ? 'sticky' : 'relative',
+    top: 0,
+    zIndex: 1200,
+}));
+exports.WalletButton = (0, styles_1.styled)(material_1.Button)(({ theme }) => ({
+    color: theme.palette.text.primary,
+    backgroundColor: 'transparent',
+    padding: theme.spacing(1, 1.5),
+    maxHeight: 40,
+    fontSize: '0.875rem',
+    fontWeight: 600,
+    borderRadius: theme.shape.borderRadius * 2,
+    '&:hover': {
+        backgroundColor: theme.palette.mode === 'light'
+            ? (0, styles_1.alpha)(theme.palette.common.black, 0.04)
+            : (0, styles_1.alpha)(theme.palette.common.white, 0.08),
+    },
+    [`.${Button_1.buttonClasses.endIcon} > *:nth-of-type(1)`]: {
+        fontSize: '24px',
+    },
+    [`.${Button_1.buttonClasses.startIcon} > *:nth-of-type(1)`]: {
+        fontSize: '24px',
+    },
+    [`&:hover .${material_1.badgeClasses.badge} > div`]: {
+        borderColor: theme.palette.mode === 'light'
+            ? (0, styles_1.alpha)(theme.palette.common.black, 0.04)
+            : (0, styles_1.alpha)(theme.palette.common.white, 0.08),
+    },
+}));
+exports.DrawerWalletContainer = (0, styles_1.styled)(material_1.Box)(() => ({
+    width: '100%',
+    display: 'flex',
+    justifyItems: 'start',
+    '& > button': {
+        marginLeft: '-0.5rem',
+    },
+}));
+exports.HeaderControlsContainer = (0, styles_1.styled)(material_1.Box)(({ theme }) => ({
+    display: 'flex',
+    gap: theme.spacing(0.5),
+}));
+exports.SplitTabs = (0, styles_1.styled)(Tabs_1.Tabs)(({ theme }) => ({
+    backgroundColor: theme.palette.mode === 'dark'
+        ? theme.palette.background.paper
+        : (0, styles_1.alpha)(theme.palette.common.black, 0.04),
+}));
+//# sourceMappingURL=Header.style.js.map

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationTabs.js","sourceRoot":"","sources":["../../../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/_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,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/_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,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/_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