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

package/_esm/components/Card/CardButton.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardButton.style.js","sourceRoot":"","sources":["../../../components/Card/CardButton.style.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE5D,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC9D,UAAU,EAAE,MAAM;IAClB,KAAK,EAAE,SAAS;IAChB,MAAM,EAAE,MAAM;IACd,IAAI,EAAE,SAAS;IACf,MAAM,EAAE,SAAS;IACjB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,MAAM;IACf,KAAK,EAAE,MAAM;IACb,cAAc,EAAE,eAAe;IAC/B,UAAU,EAAE,QAAQ;IACpB,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IACzB,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,YAAY;CACvC,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC1D,OAAO,EAAE,MAAM;IACf,KAAK,EAAE,MAAM;IACb,cAAc,EAAE,eAAe;IAC/B,UAAU,EAAE,QAAQ;IACpB,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;CAC1B,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;IAC1C,UAAU,EAAE,MAAM;IAClB,UAAU,EAAE,GAAG;CAChB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC5D,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;CACxB,CAAC,CAAC,CAAC"}

package/_esm/components/Card/CardHeader.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const CardHeader: import("@emotion/styled").StyledComponent<import("@mui/material").CardHeaderOwnProps<"span", "span"> & 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;
+}, "title" | "sx" | "style" | "className" | "action" | "classes" | "disableTypography" | "avatar" | "subheader" | "subheaderTypographyProps" | "titleTypographyProps"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/_esm/components/Card/CardHeader.js

@@ -0,0 +1,22 @@
+import { CardHeader as MuiCardHeader } from '@mui/material';
+import { cardHeaderClasses } from '@mui/material/CardHeader';
+import { styled } from '@mui/material/styles';
+export const CardHeader = styled(MuiCardHeader)(({ theme }) => ({
+    [`.${cardHeaderClasses.action}`]: {
+        marginTop: -2,
+        alignSelf: 'center',
+    },
+    [`.${cardHeaderClasses.title}`]: {
+        fontWeight: 500,
+        fontSize: 18,
+        lineHeight: 1.3334,
+        color: theme.palette.text.primary,
+    },
+    [`.${cardHeaderClasses.subheader}`]: {
+        fontWeight: 500,
+        fontSize: 12,
+        lineHeight: 1.3334,
+        color: theme.palette.text.secondary,
+    },
+}));
+//# sourceMappingURL=CardHeader.js.map

package/_esm/components/Card/CardHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardHeader.js","sourceRoot":"","sources":["../../../components/Card/CardHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,IAAI,aAAa,EAAE,MAAM,eAAe,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC9D,CAAC,IAAI,iBAAiB,CAAC,MAAM,EAAE,CAAC,EAAE;QAChC,SAAS,EAAE,CAAC,CAAC;QACb,SAAS,EAAE,QAAQ;KACpB;IACD,CAAC,IAAI,iBAAiB,CAAC,KAAK,EAAE,CAAC,EAAE;QAC/B,UAAU,EAAE,GAAG;QACf,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,MAAM;QAClB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;KAClC;IACD,CAAC,IAAI,iBAAiB,CAAC,SAAS,EAAE,CAAC,EAAE;QACnC,UAAU,EAAE,GAAG;QACf,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,MAAM;QAClB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS;KACpC;CACF,CAAC,CAAC,CAAC"}

package/_esm/components/Card/CardIconButton.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const CardIconButton: 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>, {}, {}>;

package/_esm/components/Card/CardIconButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardIconButton.js","sourceRoot":"","sources":["../../../components/Card/CardIconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,IAAI,aAAa,EAAE,MAAM,eAAe,CAAC;AAC5D,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAErD,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IAChE,MAAM,eAAe,GACnB,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO;QAC5B,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;QAC5B,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC;IACjC,OAAO;QACL,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;QAC3B,eAAe,EAAE,KAAK,CAAC,eAAe,EAAE,IAAI,CAAC;QAC7C,SAAS,EAAE;YACT,eAAe,EAAE,KAAK,CAAC,eAAe,EAAE,IAAI,CAAC;SAC9C;KACF,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/_esm/components/Card/CardLabel.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export declare const CardLabel: 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> & {
+    type?: "insurance" | "active" | "insurance-icon" | undefined;
+}, {}, {}>;
+export declare const CardLabelTypography: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & 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;
+}, "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "color" | "zIndex" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform" | "children" | "sx" | "style" | "className" | "align" | "classes" | "gutterBottom" | "noWrap" | "paragraph" | "variant" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    type?: "icon" | undefined;
+}, {}, {}>;

package/_esm/components/Card/CardLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardLabel.js","sourceRoot":"","sources":["../../../components/Card/CardLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9D,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,EAAE;IACnC,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,MAAM;CAC7C,CAAC,CAAuD,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC;IAC7E,eAAe,EACb,IAAI,KAAK,QAAQ;QACf,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO;YAC9B,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI;YAC9B,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC;QAC7C,CAAC,CAAC,IAAI,EAAE,QAAQ,CAAC,WAAW,CAAC;YAC3B,CAAC,CAAC,KAAK,CACH,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAC1B,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAC7C;YACH,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO;gBAC9B,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC;gBACzC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC;IACjD,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,YAAY;IACtC,KAAK,EAAE,IAAI,EAAE,QAAQ,CAAC,WAAW,CAAC;QAChC,CAAC,CAAC,OAAO,CACL,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAC1B,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAC1C;QACH,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;IAC9B,OAAO,EAAE,IAAI,KAAK,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IACzD,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;IACxB,MAAM,EAAE,EAAE;IACV,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE,MAAM;IAClB,QAAQ,EAAE,MAAM;IAChB,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;CAC9B,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,mBAAmB,GAAG,MAAM,CAAC,UAAU,EAAE;IACpD,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,MAAM;CAC7C,CAAC,CAAoB,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC;IAC1C,OAAO,EACL,IAAI,KAAK,MAAM;QACb,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC;QACpC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC;IAC9B,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE,CAAC;IACb,UAAU,EAAE,KAAK;IACjB,aAAa,EAAE,WAAW;IAC1B,iBAAiB,EAAE;QACjB,aAAa,EAAE,WAAW;KAC3B;CACF,CAAC,CAAC,CAAC"}

package/_esm/components/Card/CardTitle.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const CardTitle: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & 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;
+}, "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "color" | "zIndex" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform" | "children" | "sx" | "style" | "className" | "align" | "classes" | "gutterBottom" | "noWrap" | "paragraph" | "variant" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    required?: boolean | undefined;
+}, {}, {}>;

package/_esm/components/Card/CardTitle.js

@@ -0,0 +1,15 @@
+import { Typography } from '@mui/material';
+import { styled } from '@mui/material/styles';
+export const CardTitle = styled(Typography, {
+    shouldForwardProp: (prop) => !['required'].includes(prop),
+})(({ theme, required }) => ({
+    fontSize: 14,
+    lineHeight: 1,
+    fontWeight: 700,
+    padding: theme.spacing(2, 2, 0, 2),
+    '&:after': {
+        content: required ? '" *"' : 'none',
+        color: theme.palette.error.main,
+    },
+}));
+//# sourceMappingURL=CardTitle.js.map

package/_esm/components/Card/CardTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardTitle.js","sourceRoot":"","sources":["../../../components/Card/CardTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,UAAU,EAAE;IAC1C,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,QAAQ,CAAC,IAAc,CAAC;CACpE,CAAC,CAAyB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC;IACnD,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE,CAAC;IACb,UAAU,EAAE,GAAG;IACf,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IAClC,SAAS,EAAE;QACT,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;QACnC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI;KAChC;CACF,CAAC,CAAC,CAAC"}

package/_esm/components/Card/index.d.ts

@@ -0,0 +1,7 @@
+export * from './Card';
+export * from './CardHeader';
+export * from './CardIconButton';
+export * from './CardLabel';
+export * from './CardTitle';
+export * from './CardButton';
+export * from './CardButton.style';

package/_esm/components/Card/index.js

@@ -0,0 +1,8 @@
+export * from './Card';
+export * from './CardHeader';
+export * from './CardIconButton';
+export * from './CardLabel';
+export * from './CardTitle';
+export * from './CardButton';
+export * from './CardButton.style';
+//# sourceMappingURL=index.js.map

package/_esm/components/Card/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/Card/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC"}

package/_esm/components/ChainSelect/ChainSelect.d.ts

@@ -0,0 +1,2 @@
+import type { FormTypeProps } from '../../stores';
+export declare const ChainSelect: ({ formType }: FormTypeProps) => import("react/jsx-runtime").JSX.Element;

package/_esm/components/ChainSelect/ChainSelect.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Avatar, Box, Skeleton, Tooltip, Typography } from '@mui/material';
+import { useEffect } from 'react';
+import { useNavigate } from 'react-router-dom';
+import { FormKeyHelper, maxChainToOrder, useFieldValues } from '../../stores';
+import { navigationRoutes } from '../../utils';
+import { ChainCard, ChainContainer } from './ChainSelect.style';
+import { useChainSelect } from './useChainSelect';
+export const ChainSelect = ({ formType }) => {
+    const navigate = useNavigate();
+    const { chainOrder, chains, getChains, isLoading, setChainOrder, setCurrentChain, } = useChainSelect(formType);
+    const [chainId] = useFieldValues(FormKeyHelper.getChainKey(formType));
+    useEffect(() => {
+        if (chainId) {
+            const hasChainInOrderedList = chainOrder.includes(chainId);
+            // If we don't have a chain in the ordered chain list we should add it.
+            if (!hasChainInOrderedList) {
+                setChainOrder(chainId, formType);
+            }
+        }
+    }, [chainId, chainOrder, formType, setChainOrder]);
+    const showAllChains = () => {
+        navigate(navigationRoutes[`${formType}Chain`]);
+    };
+    const chainsToHide = (chains?.length ?? 0) - maxChainToOrder;
+    return (_jsxs(ChainContainer, { children: [isLoading
+                ? Array.from({ length: maxChainToOrder + 1 }).map((_, index) => (_jsx(Skeleton, { variant: "rectangular", width: 56, height: 56, sx: { borderRadius: 1 } }, index)))
+                : getChains().map((chain) => (_jsx(Tooltip, { title: chain.name, placement: "top", enterDelay: 400, arrow: true, children: _jsx(ChainCard, { onClick: () => setCurrentChain(chain.id), variant: chainId === chain.id ? 'selected' : 'default', children: _jsx(Avatar, { src: chain.logoURI, alt: chain.key, sx: { width: 40, height: 40 }, children: chain.name[0] }) }) }, chain.id))), chainsToHide > 0 ? (_jsx(ChainCard, { onClick: showAllChains, children: _jsx(Box, { sx: {
+                        width: 40,
+                        height: 40,
+                        display: 'grid',
+                        placeItems: 'center',
+                    }, children: _jsxs(Typography, { fontWeight: 500, children: ["+", chainsToHide] }) }) })) : null] }));
+};
+//# sourceMappingURL=ChainSelect.js.map

package/_esm/components/ChainSelect/ChainSelect.js.map

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

package/_esm/components/ChainSelect/ChainSelect.style.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+export declare const ChainCard: 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> & {
+    variant?: ("error" | "selected" | "default") | undefined;
+    selectionColor?: "primary" | "secondary" | undefined;
+    indented?: boolean | undefined;
+    onClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    pointerEvents?: "auto" | "none" | undefined;
+} & 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;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme> | keyof import("@mui/material/OverridableComponent").CommonProps>, {}, {}>;
+export declare const ChainContainer: 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>, {}, {}>;

package/_esm/components/ChainSelect/ChainSelect.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChainSelect.style.js","sourceRoot":"","sources":["../../../components/ChainSelect/ChainSelect.style.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAE7C,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IACpC,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,QAAQ,EAAE,EAAE;IACZ,MAAM,EAAE,EAAE;CACX,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACxD,OAAO,EAAE,MAAM;IACf,mBAAmB,EAAE,qCAAqC;IAC1D,YAAY,EAAE,MAAM;IACpB,cAAc,EAAE,eAAe;IAC/B,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;CACxB,CAAC,CAAC,CAAC"}

package/_esm/components/ChainSelect/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/ChainSelect/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC"}

package/_esm/components/ChainSelect/useChainSelect.d.ts

@@ -0,0 +1,10 @@
+import type { EVMChain } from '@lifi/sdk';
+import type { FormType } from '../../stores';
+export declare const useChainSelect: (formType: FormType) => {
+    chainOrder: number[];
+    chains: import("@lifi/sdk").ExtendedChain[] | undefined;
+    getChains: () => EVMChain[];
+    isLoading: boolean;
+    setChainOrder: (chainId: number, type: FormType) => void;
+    setCurrentChain: (chainId: number) => void;
+};

package/_esm/components/ChainSelect/useChainSelect.js

@@ -0,0 +1,47 @@
+import { useChains, useSwapOnly, useToAddressReset } from '../../hooks';
+import { FormKeyHelper, useChainOrder, useFieldActions, useFieldController, } from '../../stores';
+export const useChainSelect = (formType) => {
+    const chainKey = FormKeyHelper.getChainKey(formType);
+    const { onChange, onBlur } = useFieldController({ name: chainKey });
+    const { setFieldValue, getFieldValues } = useFieldActions();
+    const { chains, isLoading, getChainById } = useChains(formType);
+    const [chainOrder, setChainOrder] = useChainOrder(formType);
+    const swapOnly = useSwapOnly();
+    const { tryResetToAddress } = useToAddressReset();
+    const getChains = () => {
+        if (!chains) {
+            return [];
+        }
+        const selectedChains = chainOrder
+            .map((chainId) => chains.find((chain) => chain.id === chainId))
+            .filter(Boolean);
+        return selectedChains;
+    };
+    const setCurrentChain = (chainId) => {
+        onChange(chainId);
+        onBlur();
+        if (swapOnly) {
+            setFieldValue(FormKeyHelper.getChainKey('to'), chainId, {
+                isTouched: true,
+            });
+        }
+        setFieldValue(FormKeyHelper.getTokenKey(formType), '');
+        setFieldValue(FormKeyHelper.getAmountKey(formType), '');
+        setFieldValue('tokenSearchFilter', '');
+        const [toChainId] = getFieldValues('toChain');
+        const toChain = getChainById(toChainId);
+        if (toChain) {
+            tryResetToAddress(toChain);
+        }
+        setChainOrder(chainId, formType);
+    };
+    return {
+        chainOrder,
+        chains,
+        getChains,
+        isLoading,
+        setChainOrder,
+        setCurrentChain,
+    };
+};
+//# sourceMappingURL=useChainSelect.js.map

package/_esm/components/ChainSelect/useChainSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useChainSelect.js","sourceRoot":"","sources":["../../../components/ChainSelect/useChainSelect.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAExE,OAAO,EACL,aAAa,EACb,aAAa,EACb,eAAe,EACf,kBAAkB,GACnB,MAAM,cAAc,CAAC;AAEtB,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,QAAkB,EAAE,EAAE;IACnD,MAAM,QAAQ,GAAG,aAAa,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;IACrD,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,kBAAkB,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC;IAEpE,MAAM,EAAE,aAAa,EAAE,cAAc,EAAE,GAAG,eAAe,EAAE,CAAC;IAC5D,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,SAAS,CAAC,QAAQ,CAAC,CAAC;IAChE,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,aAAa,CAAC,QAAQ,CAAC,CAAC;IAC5D,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,EAAE,iBAAiB,EAAE,GAAG,iBAAiB,EAAE,CAAC;IAElD,MAAM,SAAS,GAAG,GAAG,EAAE;QACrB,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,OAAO,EAAE,CAAC;QACZ,CAAC;QACD,MAAM,cAAc,GAAG,UAAU;aAC9B,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,OAAO,CAAC,CAAC;aAC9D,MAAM,CAAC,OAAO,CAAe,CAAC;QACjC,OAAO,cAAc,CAAC;IACxB,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,CAAC,OAAe,EAAE,EAAE;QAC1C,QAAQ,CAAC,OAAO,CAAC,CAAC;QAClB,MAAM,EAAE,CAAC;QACT,IAAI,QAAQ,EAAE,CAAC;YACb,aAAa,CAAC,aAAa,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE;gBACtD,SAAS,EAAE,IAAI;aAChB,CAAC,CAAC;QACL,CAAC;QACD,aAAa,CAAC,aAAa,CAAC,WAAW,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC,CAAC;QACvD,aAAa,CAAC,aAAa,CAAC,YAAY,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC,CAAC;QACxD,aAAa,CAAC,mBAAmB,EAAE,EAAE,CAAC,CAAC;QAEvC,MAAM,CAAC,SAAS,CAAC,GAAG,cAAc,CAAC,SAAS,CAAC,CAAC;QAC9C,MAAM,OAAO,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC;QACxC,IAAI,OAAO,EAAE,CAAC;YACZ,iBAAiB,CAAC,OAAO,CAAC,CAAC;QAC7B,CAAC;QACD,aAAa,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;IACnC,CAAC,CAAC;IAEF,OAAO;QACL,UAAU;QACV,MAAM;QACN,SAAS;QACT,SAAS;QACT,aAAa;QACb,eAAe;KAChB,CAAC;AACJ,CAAC,CAAC"}

package/_esm/components/ContractComponent/ContractComponent.d.ts

@@ -0,0 +1,3 @@
+import type { BoxProps } from '@mui/material';
+import type { PropsWithChildren } from 'react';
+export declare const ContractComponent: React.FC<PropsWithChildren<BoxProps>>;

package/_esm/components/ContractComponent/ContractComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContractComponent.js","sourceRoot":"","sources":["../../../components/ContractComponent/ContractComponent.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,MAAM,CAAC,MAAM,iBAAiB,GAA0C,CAAC,EACvE,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE;IACH,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,KAAC,IAAI,OAAK,KAAK,YAAG,QAAQ,GAAQ,CAAC;AAC5C,CAAC,CAAC"}

package/_esm/components/ContractComponent/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/ContractComponent/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC"}

package/_esm/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/_esm/components/Dialog.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Dialog as MuiDialog } from '@mui/material';
+import { useGetScrollableContainer } from '../hooks';
+export const modalProps = {
+    sx: {
+        position: 'absolute',
+        overflow: 'hidden',
+    },
+};
+export const paperProps = {
+    sx: (theme) => ({
+        position: 'absolute',
+        backgroundImage: 'none',
+        borderTopLeftRadius: theme.shape.borderRadius,
+        borderTopRightRadius: theme.shape.borderRadius,
+    }),
+};
+export const slotProps = {
+    backdrop: {
+        sx: {
+            position: 'absolute',
+            backgroundColor: 'rgb(0 0 0 / 32%)',
+            backdropFilter: 'blur(3px)',
+        },
+    },
+};
+export const Dialog = ({ children, open, onClose, }) => {
+    const getContainer = useGetScrollableContainer();
+    return (_jsx(MuiDialog, { container: getContainer, open: open, onClose: onClose, sx: modalProps.sx, PaperProps: paperProps, slotProps: slotProps, children: children }));
+};
+//# sourceMappingURL=Dialog.js.map

package/_esm/components/Dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../components/Dialog.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,eAAe,CAAC;AAEpD,OAAO,EAAE,yBAAyB,EAAE,MAAM,UAAU,CAAC;AAErD,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,EAAE,EAAE;QACF,QAAQ,EAAE,UAAU;QACpB,QAAQ,EAAE,QAAQ;KACnB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,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;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,QAAQ,EAAE;QACR,EAAE,EAAE;YACF,QAAQ,EAAE,UAAU;YACpB,eAAe,EAAE,kBAAkB;YACnC,cAAc,EAAE,WAAW;SAC5B;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAA6C,CAAC,EAC/D,QAAQ,EACR,IAAI,EACJ,OAAO,GACR,EAAE,EAAE;IACH,MAAM,YAAY,GAAG,yBAAyB,EAAE,CAAC;IACjD,OAAO,CACL,KAAC,SAAS,IACR,SAAS,EAAE,YAAY,EACvB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,EAAE,EAAE,UAAU,CAAC,EAAE,EACjB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,YAEnB,QAAQ,GACC,CACb,CAAC;AACJ,CAAC,CAAC"}

package/_esm/components/GasMessage/FundsSufficiencyMessage.d.ts

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

package/_esm/components/GasMessage/FundsSufficiencyMessage.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import WarningRoundedIcon from '@mui/icons-material/esm/WarningRounded';
+import { Typography } from '@mui/material';
+import { useTranslation } from 'react-i18next';
+import { AlertMessage } from '../AlertMessage';
+import { styled } from '@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 = styled(Typography)(({ theme }) => {
+    return {
+        ...theme.typography.body2,
+        paddingRight: theme.spacing(1),
+        paddingLeft: theme.spacing(1),
+        color: theme.palette.text.primary,
+    };
+});
+export const FundsSufficiencyMessage = () => {
+    const { t } = useTranslation();
+    return (_jsx(AlertMessage, { severity: "warning", icon: _jsx(WarningRoundedIcon, {}), title: _jsx(AlertTitle, { children: t(`warning.message.insufficientFunds`) }), isMultilineTitle: true }));
+};
+//# sourceMappingURL=FundsSufficiencyMessage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FundsSufficiencyMessage.js","sourceRoot":"","sources":["../../../components/GasMessage/FundsSufficiencyMessage.tsx"],"names":[],"mappings":";AAAA,OAAO,kBAAkB,MAAM,oCAAoC,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,yFAAyF;AACzF,kEAAkE;AAClE,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU,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;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAG,EAAE;IAC1C,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,OAAO,CACL,KAAC,YAAY,IACX,QAAQ,EAAC,SAAS,EAClB,IAAI,EAAE,KAAC,kBAAkB,KAAG,EAC5B,KAAK,EAAE,KAAC,UAAU,cAAE,CAAC,CAAC,mCAAmC,CAAC,GAAc,EACxE,gBAAgB,SAChB,CACH,CAAC;AACJ,CAAC,CAAC"}

package/_esm/components/GasMessage/GasMessage.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import type { Route } from '@lifi/sdk';
+import type { BoxProps } from '@mui/material';
+interface GasMessageProps extends BoxProps {
+    route?: Route;
+}
+export declare const GasMessage: React.FC<GasMessageProps>;
+export {};

package/_esm/components/GasMessage/GasMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GasMessage.js","sourceRoot":"","sources":["../../../components/GasMessage/GasMessage.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,uBAAuB,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AACzE,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAMhE,MAAM,CAAC,MAAM,UAAU,GAA8B,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC3E,MAAM,EAAE,eAAe,EAAE,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAC;IACrD,MAAM,EAAE,qBAAqB,EAAE,GAAG,uBAAuB,CAAC,KAAK,CAAC,CAAC;IAEjE,MAAM,oBAAoB,GAAG,eAAe,EAAE,MAAM,CAAC;IAErD,OAAO,CACL,KAAC,QAAQ,IACP,OAAO,EAAE,GAAG,EACZ,EAAE,EAAE,OAAO,CAAC,qBAAqB,IAAI,oBAAoB,CAAC,EAC1D,aAAa,QACb,YAAY,kBAEZ,KAAC,GAAG,OAAK,KAAK,YACX,qBAAqB,CAAC,CAAC,CAAC,CACvB,KAAC,uBAAuB,KAAG,CAC5B,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,CACzB,KAAC,qBAAqB,IAAC,eAAe,EAAE,eAAe,GAAI,CAC5D,CAAC,CAAC,CAAC,IAAI,GACJ,GACG,CACZ,CAAC;AACJ,CAAC,CAAC"}

package/_esm/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/_esm/components/GasMessage/GasMessage.style.js

@@ -0,0 +1,20 @@
+import { switchClasses } from '@mui/material/Switch';
+import { alpha, styled } from '@mui/material/styles';
+import { Switch } from '../Switch';
+export const InfoMessageSwitch = styled(Switch)(({ theme }) => ({
+    [`.${switchClasses.switchBase}`]: {
+        [`&.${switchClasses.checked}`]: {
+            [`& + .${switchClasses.track}`]: {
+                backgroundColor: theme.palette.mode === 'light'
+                    ? theme.palette.info.main
+                    : alpha(theme.palette.info.main, 0.84),
+            },
+        },
+        [`&.Mui-focusVisible .${switchClasses.thumb}`]: {
+            color: theme.palette.mode === 'light'
+                ? theme.palette.info.main
+                : alpha(theme.palette.info.main, 0.84),
+        },
+    },
+}));
+//# sourceMappingURL=GasMessage.style.js.map

package/_esm/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,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAEnC,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC9D,CAAC,IAAI,aAAa,CAAC,UAAU,EAAE,CAAC,EAAE;QAChC,CAAC,KAAK,aAAa,CAAC,OAAO,EAAE,CAAC,EAAE;YAC9B,CAAC,QAAQ,aAAa,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,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC;aAC3C;SACF;QACD,CAAC,uBAAuB,aAAa,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,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC;SAC3C;KACF;CACF,CAAC,CAAC,CAAC"}

package/_esm/components/GasMessage/GasRefuelMessage.d.ts

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

package/_esm/components/GasMessage/GasRefuelMessage.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import EvStationIcon from '@mui/icons-material/esm/EvStation';
+import { Box, Collapse, Typography } from '@mui/material';
+import { useTranslation } from 'react-i18next';
+import { useGasRefuel } from '../../hooks';
+import { useSettings, useSettingsStore } from '../../stores';
+import { AlertMessage } from '../AlertMessage';
+import { InfoMessageSwitch } from './GasMessage.style';
+export const GasRefuelMessage = (props) => {
+    const { t } = useTranslation();
+    const setValue = useSettingsStore((state) => state.setValue);
+    const { enabledAutoRefuel } = useSettings(['enabledAutoRefuel']);
+    const { enabled, chain, isLoading: isRefuelLoading } = useGasRefuel();
+    const onChange = (_, checked) => {
+        setValue('enabledAutoRefuel', checked);
+    };
+    const showGasRefuelMessage = chain && enabled && !isRefuelLoading;
+    return (_jsx(Collapse, { timeout: 225, in: showGasRefuelMessage, unmountOnExit: true, mountOnEnter: true, children: _jsx(AlertMessage, { icon: _jsx(EvStationIcon, {}), title: _jsxs(Box, { display: "flex", alignItems: "center", justifyContent: "space-between", flexGrow: 1, children: [_jsx(Typography, { variant: "body2", fontWeight: 700, children: t(`info.title.autoRefuel`) }), _jsx(InfoMessageSwitch, { checked: enabledAutoRefuel, onChange: onChange })] }), ...props, children: _jsx(Collapse, { timeout: 225, in: enabledAutoRefuel, unmountOnExit: true, mountOnEnter: true, children: _jsx(Typography, { variant: "body2", px: 2, pt: 1, children: t(`info.message.autoRefuel`, {
+                        chainName: chain?.name,
+                    }) }) }) }) }));
+};
+//# sourceMappingURL=GasRefuelMessage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GasRefuelMessage.js","sourceRoot":"","sources":["../../../components/GasMessage/GasRefuelMessage.tsx"],"names":[],"mappings":";AAAA,OAAO,aAAa,MAAM,+BAA+B,CAAC;AAE1D,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE1D,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAEvD,MAAM,CAAC,MAAM,gBAAgB,GAAuB,CAAC,KAAK,EAAE,EAAE;IAC5D,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,QAAQ,GAAG,gBAAgB,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC7D,MAAM,EAAE,iBAAiB,EAAE,GAAG,WAAW,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC;IAEjE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,eAAe,EAAE,GAAG,YAAY,EAAE,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,KAAC,QAAQ,IACP,OAAO,EAAE,GAAG,EACZ,EAAE,EAAE,oBAAoB,EACxB,aAAa,QACb,YAAY,kBAEZ,KAAC,YAAY,IACX,IAAI,EAAE,KAAC,aAAa,KAAG,EACvB,KAAK,EACH,MAAC,GAAG,IACF,OAAO,EAAC,MAAM,EACd,UAAU,EAAC,QAAQ,EACnB,cAAc,EAAC,eAAe,EAC9B,QAAQ,EAAE,CAAC,aAEX,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,EAAC,UAAU,EAAE,GAAG,YACxC,CAAC,CAAC,uBAAuB,CAAC,GAChB,EACb,KAAC,iBAAiB,IAChB,OAAO,EAAE,iBAAiB,EAC1B,QAAQ,EAAE,QAAQ,GAClB,IACE,KAEJ,KAAK,YAET,KAAC,QAAQ,IACP,OAAO,EAAE,GAAG,EACZ,EAAE,EAAE,iBAAiB,EACrB,aAAa,QACb,YAAY,kBAEZ,KAAC,UAAU,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"}

package/_esm/components/GasMessage/GasSufficiencyMessage.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import type { GasSufficiency } from '../../hooks';
+interface GasSufficiencyMessageProps {
+    insufficientGas?: GasSufficiency[];
+}
+export declare const GasSufficiencyMessage: React.FC<GasSufficiencyMessageProps>;
+export {};

package/_esm/components/GasMessage/GasSufficiencyMessage.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import EvStationIcon from '@mui/icons-material/esm/EvStation';
+import { Typography } from '@mui/material';
+import { useTranslation } from 'react-i18next';
+import { formatUnits } from 'viem';
+import { AlertMessage } from '../AlertMessage';
+export const GasSufficiencyMessage = ({ insufficientGas, }) => {
+    const { t } = useTranslation();
+    return (_jsxs(AlertMessage, { severity: "warning", icon: _jsx(EvStationIcon, {}), title: _jsx(Typography, { variant: "body2", fontWeight: 700, children: t(`warning.title.insufficientGas`) }), children: [_jsx(Typography, { variant: "body2", px: 2, pt: 1, children: t(`warning.message.insufficientGas`) }), insufficientGas?.map((item, index) => (_jsx(Typography, { variant: "body2", px: 2, pt: 0.5, children: t(`main.tokenOnChainAmount`, {
+                    amount: formatUnits(item.insufficientAmount ?? 0n, item.token.decimals),
+                    tokenSymbol: item.token.symbol,
+                    chainName: item.chain?.name,
+                }) }, index)))] }));
+};
+//# sourceMappingURL=GasSufficiencyMessage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GasSufficiencyMessage.js","sourceRoot":"","sources":["../../../components/GasMessage/GasSufficiencyMessage.tsx"],"names":[],"mappings":";AAAA,OAAO,aAAa,MAAM,+BAA+B,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AAEnC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAM/C,MAAM,CAAC,MAAM,qBAAqB,GAAyC,CAAC,EAC1E,eAAe,GAChB,EAAE,EAAE;IACH,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,OAAO,CACL,MAAC,YAAY,IACX,QAAQ,EAAC,SAAS,EAClB,IAAI,EAAE,KAAC,aAAa,KAAG,EACvB,KAAK,EACH,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,EAAC,UAAU,EAAE,GAAG,YACxC,CAAC,CAAC,+BAA+B,CAAC,GACxB,aAGf,KAAC,UAAU,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,KAAC,UAAU,IAAa,OAAO,EAAC,OAAO,EAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,GAAG,YACnD,CAAC,CAAC,yBAAyB,EAAE;oBAC5B,MAAM,EAAE,WAAW,CACjB,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"}

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

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

package/_esm/components/Header/CloseDrawerButton.d.ts

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

package/_esm/components/Header/CloseDrawerButton.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import CloseIcon from '@mui/icons-material/esm/CloseRounded';
+import { Tooltip } from '@mui/material';
+import IconButton from '@mui/material/IconButton';
+import { useTranslation } from 'react-i18next';
+import { useDrawer } from '../../AppDrawerContext';
+export const CloseDrawerButton = () => {
+    const { t } = useTranslation();
+    const { closeDrawer } = useDrawer();
+    return (_jsx(Tooltip, { title: t('button.close'), enterDelay: 400, arrow: true, children: _jsx(IconButton, { size: "medium", onClick: closeDrawer, children: _jsx(CloseIcon, {}) }) }));
+};
+//# sourceMappingURL=CloseDrawerButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CloseDrawerButton.js","sourceRoot":"","sources":["../../../components/Header/CloseDrawerButton.tsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,kCAAkC,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAEnD,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,EAAE;IACpC,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,EAAE,WAAW,EAAE,GAAG,SAAS,EAAE,CAAC;IAEpC,OAAO,CACL,KAAC,OAAO,IAAC,KAAK,EAAE,CAAC,CAAC,cAAc,CAAC,EAAE,UAAU,EAAE,GAAG,EAAE,KAAK,kBACvD,KAAC,UAAU,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,WAAW,YAC5C,KAAC,SAAS,KAAG,GACF,GACL,CACX,CAAC;AACJ,CAAC,CAAC"}

package/_esm/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/_esm/components/Header/EVMDisconnectIconButton.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import PowerSettingsNewIcon from '@mui/icons-material/esm/PowerSettingsNewRounded';
+import { IconButton } from '@mui/material';
+import { useDisconnect } from 'wagmi';
+export const EVMDisconnectIconButton = ({ connector, }) => {
+    const { disconnect } = useDisconnect();
+    return (_jsx(IconButton, { size: "medium", onClick: (e) => {
+            e.stopPropagation();
+            disconnect({ connector });
+        }, children: _jsx(PowerSettingsNewIcon, {}) }));
+};
+//# sourceMappingURL=EVMDisconnectIconButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EVMDisconnectIconButton.js","sourceRoot":"","sources":["../../../components/Header/EVMDisconnectIconButton.tsx"],"names":[],"mappings":";AAAA,OAAO,oBAAoB,MAAM,6CAA6C,CAAC;AAC/E,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,EACtC,SAAS,GAGV,EAAE,EAAE;IACH,MAAM,EAAE,UAAU,EAAE,GAAG,aAAa,EAAE,CAAC;IAEvC,OAAO,CACL,KAAC,UAAU,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,KAAC,oBAAoB,KAAG,GACb,CACd,CAAC;AACJ,CAAC,CAAC"}

package/_esm/components/Header/Header.d.ts

@@ -0,0 +1,3 @@
+import type { FC, PropsWithChildren } from 'react';
+export declare const HeaderContainer: FC<PropsWithChildren<{}>>;
+export declare const Header: FC;

package/_esm/components/Header/Header.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useLocation } from 'react-router-dom';
+import { useDefaultElementId } from '../../hooks';
+import { ElementId, createElementId, stickyHeaderRoutes } from '../../utils';
+import { Container } from './Header.style';
+import { NavigationHeader } from './NavigationHeader';
+import { WalletHeader } from './WalletHeader';
+export const HeaderContainer = ({ children }) => {
+    const { pathname } = useLocation();
+    const elementId = useDefaultElementId();
+    return (_jsx(Container, { id: createElementId(ElementId.Header, elementId), sticky: stickyHeaderRoutes.some((route) => pathname.includes(route)), children: children }));
+};
+export const Header = () => {
+    return (_jsxs(HeaderContainer, { children: [_jsx(WalletHeader, {}), _jsx(NavigationHeader, {})] }));
+};
+//# sourceMappingURL=Header.js.map

package/_esm/components/Header/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../components/Header/Header.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAC7E,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,MAAM,CAAC,MAAM,eAAe,GAA8B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACzE,MAAM,EAAE,QAAQ,EAAE,GAAG,WAAW,EAAE,CAAC;IACnC,MAAM,SAAS,GAAG,mBAAmB,EAAE,CAAC;IACxC,OAAO,CACL,KAAC,SAAS,IACR,EAAE,EAAE,eAAe,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,EAChD,MAAM,EAAE,kBAAkB,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,YAEnE,QAAQ,GACC,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAO,GAAG,EAAE;IAC7B,OAAO,CACL,MAAC,eAAe,eACd,KAAC,YAAY,KAAG,EAChB,KAAC,gBAAgB,KAAG,IACJ,CACnB,CAAC;AACJ,CAAC,CAAC"}