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

package/_cjs/components/Dialog.d.ts

@@ -0,0 +1,26 @@
+import type { DialogProps, Theme } from '@mui/material';
+import type { PropsWithChildren } from 'react';
+export declare const modalProps: {
+    sx: {
+        position: string;
+        overflow: string;
+    };
+};
+export declare const paperProps: {
+    sx: (theme: Theme) => {
+        position: string;
+        backgroundImage: string;
+        borderTopLeftRadius: number;
+        borderTopRightRadius: number;
+    };
+};
+export declare const slotProps: {
+    backdrop: {
+        sx: {
+            position: string;
+            backgroundColor: string;
+            backdropFilter: string;
+        };
+    };
+};
+export declare const Dialog: React.FC<PropsWithChildren<DialogProps>>;

package/_cjs/components/Dialog.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Dialog = exports.slotProps = exports.paperProps = exports.modalProps = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const hooks_1 = require("../hooks");
+exports.modalProps = {
+    sx: {
+        position: 'absolute',
+        overflow: 'hidden',
+    },
+};
+exports.paperProps = {
+    sx: (theme) => ({
+        position: 'absolute',
+        backgroundImage: 'none',
+        borderTopLeftRadius: theme.shape.borderRadius,
+        borderTopRightRadius: theme.shape.borderRadius,
+    }),
+};
+exports.slotProps = {
+    backdrop: {
+        sx: {
+            position: 'absolute',
+            backgroundColor: 'rgb(0 0 0 / 32%)',
+            backdropFilter: 'blur(3px)',
+        },
+    },
+};
+const Dialog = ({ children, open, onClose, }) => {
+    const getContainer = (0, hooks_1.useGetScrollableContainer)();
+    return ((0, jsx_runtime_1.jsx)(material_1.Dialog, { container: getContainer, open: open, onClose: onClose, sx: exports.modalProps.sx, PaperProps: exports.paperProps, slotProps: exports.slotProps, children: children }));
+};
+exports.Dialog = Dialog;
+//# sourceMappingURL=Dialog.js.map

package/_cjs/components/Dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../components/Dialog.tsx"],"names":[],"mappings":";;;;AACA,4CAAoD;AAEpD,oCAAqD;AAExC,QAAA,UAAU,GAAG;IACxB,EAAE,EAAE;QACF,QAAQ,EAAE,UAAU;QACpB,QAAQ,EAAE,QAAQ;KACnB;CACF,CAAC;AAEW,QAAA,UAAU,GAAG;IACxB,EAAE,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,CAAC;QACrB,QAAQ,EAAE,UAAU;QACpB,eAAe,EAAE,MAAM;QACvB,mBAAmB,EAAE,KAAK,CAAC,KAAK,CAAC,YAAY;QAC7C,oBAAoB,EAAE,KAAK,CAAC,KAAK,CAAC,YAAY;KAC/C,CAAC;CACH,CAAC;AAEW,QAAA,SAAS,GAAG;IACvB,QAAQ,EAAE;QACR,EAAE,EAAE;YACF,QAAQ,EAAE,UAAU;YACpB,eAAe,EAAE,kBAAkB;YACnC,cAAc,EAAE,WAAW;SAC5B;KACF;CACF,CAAC;AAEK,MAAM,MAAM,GAA6C,CAAC,EAC/D,QAAQ,EACR,IAAI,EACJ,OAAO,GACR,EAAE,EAAE;IACH,MAAM,YAAY,GAAG,IAAA,iCAAyB,GAAE,CAAC;IACjD,OAAO,CACL,uBAAC,iBAAS,IACR,SAAS,EAAE,YAAY,EACvB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,EAAE,EAAE,kBAAU,CAAC,EAAE,EACjB,UAAU,EAAE,kBAAU,EACtB,SAAS,EAAE,iBAAS,YAEnB,QAAQ,GACC,CACb,CAAC;AACJ,CAAC,CAAC;AAlBW,QAAA,MAAM,UAkBjB"}

package/_cjs/components/GasMessage/FundsSufficiencyMessage.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FundsSufficiencyMessage = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const WarningRounded_1 = require("@mui/icons-material/WarningRounded");
+const material_1 = require("@mui/material");
+const react_i18next_1 = require("react-i18next");
+const AlertMessage_1 = require("../AlertMessage");
+const styles_1 = require("@mui/material/styles");
+// TODO: some of the styling currently used here doesn't align with usage in other places
+//  We might want to consider removing the padding and color here?
+const AlertTitle = (0, styles_1.styled)(material_1.Typography)(({ theme }) => {
+    return {
+        ...theme.typography.body2,
+        paddingRight: theme.spacing(1),
+        paddingLeft: theme.spacing(1),
+        color: theme.palette.text.primary,
+    };
+});
+const FundsSufficiencyMessage = () => {
+    const { t } = (0, react_i18next_1.useTranslation)();
+    return ((0, jsx_runtime_1.jsx)(AlertMessage_1.AlertMessage, { severity: "warning", icon: (0, jsx_runtime_1.jsx)(WarningRounded_1.default, {}), title: (0, jsx_runtime_1.jsx)(AlertTitle, { children: t(`warning.message.insufficientFunds`) }), isMultilineTitle: true }));
+};
+exports.FundsSufficiencyMessage = FundsSufficiencyMessage;
+//# sourceMappingURL=FundsSufficiencyMessage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FundsSufficiencyMessage.js","sourceRoot":"","sources":["../../../components/GasMessage/FundsSufficiencyMessage.tsx"],"names":[],"mappings":";;;;AAAA,uEAAoE;AACpE,4CAA2C;AAC3C,iDAA+C;AAC/C,kDAA+C;AAC/C,iDAA8C;AAE9C,yFAAyF;AACzF,kEAAkE;AAClE,MAAM,UAAU,GAAG,IAAA,eAAM,EAAC,qBAAU,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IAClD,OAAO;QACL,GAAG,KAAK,CAAC,UAAU,CAAC,KAAK;QACzB,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC9B,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC7B,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;KAClC,CAAC;AACJ,CAAC,CAAC,CAAC;AACI,MAAM,uBAAuB,GAAG,GAAG,EAAE;IAC1C,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,OAAO,CACL,uBAAC,2BAAY,IACX,QAAQ,EAAC,SAAS,EAClB,IAAI,EAAE,uBAAC,wBAAkB,KAAG,EAC5B,KAAK,EAAE,uBAAC,UAAU,cAAE,CAAC,CAAC,mCAAmC,CAAC,GAAc,EACxE,gBAAgB,SAChB,CACH,CAAC;AACJ,CAAC,CAAC;AAVW,QAAA,uBAAuB,2BAUlC"}

package/_cjs/components/GasMessage/GasMessage.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GasMessage = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const hooks_1 = require("../../hooks");
+const FundsSufficiencyMessage_1 = require("./FundsSufficiencyMessage");
+const GasSufficiencyMessage_1 = require("./GasSufficiencyMessage");
+const GasMessage = ({ route, ...props }) => {
+    const { insufficientGas } = (0, hooks_1.useGasSufficiency)(route);
+    const { insufficientFromToken } = (0, hooks_1.useFromTokenSufficiency)(route);
+    const validInsufficientGas = insufficientGas?.length;
+    return ((0, jsx_runtime_1.jsx)(material_1.Collapse, { timeout: 225, in: Boolean(insufficientFromToken || validInsufficientGas), unmountOnExit: true, mountOnEnter: true, children: (0, jsx_runtime_1.jsx)(material_1.Box, { ...props, children: insufficientFromToken ? ((0, jsx_runtime_1.jsx)(FundsSufficiencyMessage_1.FundsSufficiencyMessage, {})) : validInsufficientGas ? ((0, jsx_runtime_1.jsx)(GasSufficiencyMessage_1.GasSufficiencyMessage, { insufficientGas: insufficientGas })) : null }) }));
+};
+exports.GasMessage = GasMessage;
+//# sourceMappingURL=GasMessage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GasMessage.js","sourceRoot":"","sources":["../../../components/GasMessage/GasMessage.tsx"],"names":[],"mappings":";;;;AAEA,4CAA8C;AAC9C,uCAAyE;AACzE,uEAAoE;AACpE,mEAAgE;AAMzD,MAAM,UAAU,GAA8B,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC3E,MAAM,EAAE,eAAe,EAAE,GAAG,IAAA,yBAAiB,EAAC,KAAK,CAAC,CAAC;IACrD,MAAM,EAAE,qBAAqB,EAAE,GAAG,IAAA,+BAAuB,EAAC,KAAK,CAAC,CAAC;IAEjE,MAAM,oBAAoB,GAAG,eAAe,EAAE,MAAM,CAAC;IAErD,OAAO,CACL,uBAAC,mBAAQ,IACP,OAAO,EAAE,GAAG,EACZ,EAAE,EAAE,OAAO,CAAC,qBAAqB,IAAI,oBAAoB,CAAC,EAC1D,aAAa,QACb,YAAY,kBAEZ,uBAAC,cAAG,OAAK,KAAK,YACX,qBAAqB,CAAC,CAAC,CAAC,CACvB,uBAAC,iDAAuB,KAAG,CAC5B,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,CACzB,uBAAC,6CAAqB,IAAC,eAAe,EAAE,eAAe,GAAI,CAC5D,CAAC,CAAC,CAAC,IAAI,GACJ,GACG,CACZ,CAAC;AACJ,CAAC,CAAC;AAtBW,QAAA,UAAU,cAsBrB"}

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

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

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

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InfoMessageSwitch = void 0;
+const Switch_1 = require("@mui/material/Switch");
+const styles_1 = require("@mui/material/styles");
+const Switch_2 = require("../Switch");
+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,iDAAqD;AACrD,iDAAqD;AACrD,sCAAmC;AAEtB,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,26 @@
+"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 AlertMessage_1 = require("../AlertMessage");
+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.jsx)(AlertMessage_1.AlertMessage, { icon: (0, jsx_runtime_1.jsx)(EvStation_1.default, {}), title: (0, jsx_runtime_1.jsxs)(material_1.Box, { display: "flex", alignItems: "center", justifyContent: "space-between", flexGrow: 1, children: [(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 })] }), ...props, children: (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, pt: 1, 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,kDAA+C;AAC/C,yDAAuD;AAEhD,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;IAElE,OAAO,CACL,uBAAC,mBAAQ,IACP,OAAO,EAAE,GAAG,EACZ,EAAE,EAAE,oBAAoB,EACxB,aAAa,QACb,YAAY,kBAEZ,uBAAC,2BAAY,IACX,IAAI,EAAE,uBAAC,mBAAa,KAAG,EACvB,KAAK,EACH,wBAAC,cAAG,IACF,OAAO,EAAC,MAAM,EACd,UAAU,EAAC,QAAQ,EACnB,cAAc,EAAC,eAAe,EAC9B,QAAQ,EAAE,CAAC,aAEX,uBAAC,qBAAU,IAAC,OAAO,EAAC,OAAO,EAAC,UAAU,EAAE,GAAG,YACxC,CAAC,CAAC,uBAAuB,CAAC,GAChB,EACb,uBAAC,oCAAiB,IAChB,OAAO,EAAE,iBAAiB,EAC1B,QAAQ,EAAE,QAAQ,GAClB,IACE,KAEJ,KAAK,YAET,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;wBAC5B,SAAS,EAAE,KAAK,EAAE,IAAI;qBACvB,CAAC,GACS,GACJ,GACE,GACN,CACZ,CAAC;AACJ,CAAC,CAAC;AAvDW,QAAA,gBAAgB,oBAuD3B"}

package/_cjs/components/GasMessage/GasSufficiencyMessage.js

@@ -0,0 +1,19 @@
+"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 AlertMessage_1 = require("../AlertMessage");
+const GasSufficiencyMessage = ({ insufficientGas, }) => {
+    const { t } = (0, react_i18next_1.useTranslation)();
+    return ((0, jsx_runtime_1.jsxs)(AlertMessage_1.AlertMessage, { severity: "warning", icon: (0, jsx_runtime_1.jsx)(EvStation_1.default, {}), title: (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body2", fontWeight: 700, children: t(`warning.title.insufficientGas`) }), children: [(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, { variant: "body2", px: 2, 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,kDAA+C;AAMxC,MAAM,qBAAqB,GAAyC,CAAC,EAC1E,eAAe,GAChB,EAAE,EAAE;IACH,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,OAAO,CACL,wBAAC,2BAAY,IACX,QAAQ,EAAC,SAAS,EAClB,IAAI,EAAE,uBAAC,mBAAa,KAAG,EACvB,KAAK,EACH,uBAAC,qBAAU,IAAC,OAAO,EAAC,OAAO,EAAC,UAAU,EAAE,GAAG,YACxC,CAAC,CAAC,+BAA+B,CAAC,GACxB,aAGf,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,IAAa,OAAO,EAAC,OAAO,EAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,GAAG,YACnD,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,IARa,KAAK,CAST,CACd,CAAC,IACW,CAChB,CAAC;AACJ,CAAC,CAAC;AA/BW,QAAA,qBAAqB,yBA+BhC"}

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/CloseDrawerButton.d.ts

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

package/_cjs/components/Header/CloseDrawerButton.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CloseDrawerButton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const CloseRounded_1 = require("@mui/icons-material/CloseRounded");
+const material_1 = require("@mui/material");
+const IconButton_1 = require("@mui/material/IconButton");
+const react_i18next_1 = require("react-i18next");
+const AppDrawerContext_1 = require("../../AppDrawerContext");
+const CloseDrawerButton = () => {
+    const { t } = (0, react_i18next_1.useTranslation)();
+    const { closeDrawer } = (0, AppDrawerContext_1.useDrawer)();
+    return ((0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: t('button.close'), enterDelay: 400, arrow: true, children: (0, jsx_runtime_1.jsx)(IconButton_1.default, { size: "medium", onClick: closeDrawer, children: (0, jsx_runtime_1.jsx)(CloseRounded_1.default, {}) }) }));
+};
+exports.CloseDrawerButton = CloseDrawerButton;
+//# sourceMappingURL=CloseDrawerButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CloseDrawerButton.js","sourceRoot":"","sources":["../../../components/Header/CloseDrawerButton.tsx"],"names":[],"mappings":";;;;AAAA,mEAAyD;AACzD,4CAAwC;AACxC,yDAAkD;AAClD,iDAA+C;AAC/C,6DAAmD;AAE5C,MAAM,iBAAiB,GAAG,GAAG,EAAE;IACpC,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,4BAAS,GAAE,CAAC;IAEpC,OAAO,CACL,uBAAC,kBAAO,IAAC,KAAK,EAAE,CAAC,CAAC,cAAc,CAAC,EAAE,UAAU,EAAE,GAAG,EAAE,KAAK,kBACvD,uBAAC,oBAAU,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,WAAW,YAC5C,uBAAC,sBAAS,KAAG,GACF,GACL,CACX,CAAC;AACJ,CAAC,CAAC;AAXW,QAAA,iBAAiB,qBAW5B"}

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

@@ -0,0 +1,4 @@
+import type { Connector } from 'wagmi';
+export declare const EVMDisconnectIconButton: ({ connector, }: {
+    connector?: Connector | undefined;
+}) => import("react/jsx-runtime").JSX.Element;

package/_cjs/components/Header/EVMDisconnectIconButton.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EVMDisconnectIconButton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const PowerSettingsNewRounded_1 = require("@mui/icons-material/PowerSettingsNewRounded");
+const material_1 = require("@mui/material");
+const wagmi_1 = require("wagmi");
+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, {}) }));
+};
+exports.EVMDisconnectIconButton = EVMDisconnectIconButton;
+//# sourceMappingURL=EVMDisconnectIconButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EVMDisconnectIconButton.js","sourceRoot":"","sources":["../../../components/Header/EVMDisconnectIconButton.tsx"],"names":[],"mappings":";;;;AAAA,yFAA+E;AAC/E,4CAA2C;AAE3C,iCAAsC;AAE/B,MAAM,uBAAuB,GAAG,CAAC,EACtC,SAAS,GAGV,EAAE,EAAE;IACH,MAAM,EAAE,UAAU,EAAE,GAAG,IAAA,qBAAa,GAAE,CAAC;IAEvC,OAAO,CACL,uBAAC,qBAAU,IACT,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACb,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,UAAU,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC;QAC5B,CAAC,YAED,uBAAC,iCAAoB,KAAG,GACb,CACd,CAAC;AACJ,CAAC,CAAC;AAlBW,QAAA,uBAAuB,2BAkBlC"}

package/_cjs/components/Header/Header.js

@@ -0,0 +1,21 @@
+"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 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 = () => {
+    return ((0, jsx_runtime_1.jsxs)(exports.HeaderContainer, { children: [(0, jsx_runtime_1.jsx)(WalletHeader_1.WalletHeader, {}), (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,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,OAAO,CACL,wBAAC,uBAAe,eACd,uBAAC,2BAAY,KAAG,EAChB,uBAAC,mCAAgB,KAAG,IACJ,CACnB,CAAC;AACJ,CAAC,CAAC;AAPW,QAAA,MAAM,UAOjB"}

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,78 @@
+"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)(({ theme }) => ({
+    width: '100%',
+    display: 'flex',
+    justifyContent: 'space-between',
+    '& button:first-of-type': {
+        marginLeft: theme.spacing(-1),
+    },
+    '& button:last-of-type': {
+        marginRight: theme.spacing(-1.25),
+    },
+}));
+exports.HeaderControlsContainer = (0, styles_1.styled)(material_1.Box)(({ theme }) => ({
+    display: 'flex',
+    gap: theme.spacing(0.5),
+    '& button:last-of-type': {
+        marginRight: theme.spacing(-1.25),
+    },
+}));
+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.d.ts

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

package/_cjs/components/Header/NavigationHeader.js

@@ -0,0 +1,103 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NavigationHeader = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ArrowBack_1 = require("@mui/icons-material/ArrowBack");
+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 CloseDrawerButton_1 = require("./CloseDrawerButton");
+const Header_style_1 = require("./Header.style");
+const NavigationTabs_1 = require("./NavigationTabs");
+const SettingsButton_1 = require("./SettingsButton");
+const TransactionHistoryButton_1 = require("./TransactionHistoryButton");
+const WalletHeader_1 = require("./WalletHeader");
+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.sendToWallet:
+            case utils_1.navigationRoutes.configuredWallets:
+                return t(`header.sendToWallet`);
+            case utils_1.navigationRoutes.bookmarks:
+                return t(`header.bookmarkedWallets`);
+            case utils_1.navigationRoutes.recentWallets:
+                return t(`header.recentWallets`);
+            case utils_1.navigationRoutes.connectedWallets:
+                return t(`sendToWallet.connectedWallets`);
+            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: (0, jsx_runtime_1.jsx)(WalletHeader_1.SplitWalletMenuButton, {}) })) : ((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, { children: [account.isConnected &&
+                                            !hiddenUI?.includes(types_1.HiddenUI.History) ? ((0, jsx_runtime_1.jsx)(TransactionHistoryButton_1.TransactionHistoryButton, {})) : null, (0, jsx_runtime_1.jsx)(SettingsButton_1.SettingsButton, {}), variant === 'drawer' &&
+                                            subvariant === 'split' &&
+                                            !hiddenUI?.includes(types_1.HiddenUI.DrawerCloseButton) ? ((0, jsx_runtime_1.jsx)(CloseDrawerButton_1.CloseDrawerButton, {})) : null] }) }), (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":";;;;AAAA,6DAA0D;AAC1D,4CAAgD;AAChD,yDAAkD;AAClD,iDAA+C;AAC/C,uDAA8D;AAC9D,uCAA0D;AAC1D,+CAAkD;AAClD,yCAA8C;AAC9C,uCAAuC;AACvC,uCAIqB;AACrB,2DAAwD;AACxD,iDAAuE;AACvE,qDAAkD;AAClD,qDAAkD;AAClD,yEAAsE;AACtE,iDAAuD;AAEhD,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,YAAY,CAAC;YACnC,KAAK,wBAAgB,CAAC,iBAAiB;gBACrC,OAAO,CAAC,CAAC,qBAAqB,CAAC,CAAC;YAClC,KAAK,wBAAgB,CAAC,SAAS;gBAC7B,OAAO,CAAC,CAAC,0BAA0B,CAAC,CAAC;YACvC,KAAK,wBAAgB,CAAC,aAAa;gBACjC,OAAO,CAAC,CAAC,sBAAsB,CAAC,CAAC;YACnC,KAAK,wBAAgB,CAAC,gBAAgB;gBACpC,OAAO,CAAC,CAAC,+BAA+B,CAAC,CAAC;YAC5C,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,YACV,uBAAC,oCAAqB,KAAG,GACrB,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,eACrB,OAAO,CAAC,WAAW;4CACpB,CAAC,QAAQ,EAAE,QAAQ,CAAC,gBAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CACtC,uBAAC,mDAAwB,KAAG,CAC7B,CAAC,CAAC,CAAC,IAAI,EACR,uBAAC,+BAAc,KAAG,EACjB,OAAO,KAAK,QAAQ;4CACrB,UAAU,KAAK,OAAO;4CACtB,CAAC,QAAQ,EAAE,QAAQ,CAAC,gBAAQ,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAChD,uBAAC,qCAAiB,KAAG,CACtB,CAAC,CAAC,CAAC,IAAI,IACgB,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;AA/HW,QAAA,gBAAgB,oBA+H3B"}

package/_cjs/components/Header/NavigationTabs.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NavigationTabs = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_i18next_1 = require("react-i18next");
+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 { setFieldValue } = (0, stores_1.useFieldActions)();
+    const handleChange = (_, value) => {
+        setFieldValue('fromAmount', '');
+        setFieldValue('fromToken', '');
+        setFieldValue('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,iDAA+C;AAC/C,yCAAwE;AACxE,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;IAEH,MAAM,EAAE,aAAa,EAAE,GAAG,IAAA,wBAAe,GAAE,CAAC;IAC5C,MAAM,YAAY,GAAG,CAAC,CAAuB,EAAE,KAAa,EAAE,EAAE;QAC9D,aAAa,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC;QAChC,aAAa,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC;QAC/B,aAAa,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;QAC7B,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;AA5BW,QAAA,cAAc,kBA4BzB"}

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

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

package/_cjs/components/Header/SVMDisconnectIconButton.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SVMDisconnectIconButton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+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 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, {}) }));
+};
+exports.SVMDisconnectIconButton = SVMDisconnectIconButton;
+//# sourceMappingURL=SVMDisconnectIconButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SVMDisconnectIconButton.js","sourceRoot":"","sources":["../../../components/Header/SVMDisconnectIconButton.tsx"],"names":[],"mappings":";;;;AAAA,yFAA+E;AAC/E,4CAA2C;AAC3C,uEAAyD;AAElD,MAAM,uBAAuB,GAAG,GAAG,EAAE;IAC1C,MAAM,EAAE,UAAU,EAAE,GAAG,IAAA,gCAAS,GAAE,CAAC;IAEnC,OAAO,CACL,uBAAC,qBAAU,IACT,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACb,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,UAAU,EAAE,CAAC;QACf,CAAC,YAED,uBAAC,iCAAoB,KAAG,GACb,CACd,CAAC;AACJ,CAAC,CAAC;AAdW,QAAA,uBAAuB,2BAclC"}