@openocean.finance/widget 1.0.16 → 1.0.17

package/dist/esm/components/ListItem/ListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItem.js","sourceRoot":"","sources":["../../../../src/components/ListItem/ListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,IAAI,WAAW,EACvB,8BAA8B,EAC9B,mBAAmB,EACnB,MAAM,GACP,MAAM,eAAe,CAAA;AAEtB,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC1D,MAAM,EAAE,EAAE;IACV,aAAa,EAAE,QAAQ;IACvB,UAAU,EAAE,YAAY;IACxB,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,GAAG,CAAC;IAC9B,CAAC,IAAI,8BAA8B,CAAC,IAAI,EAAE,CAAC,EAAE;QAC3C,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;KACxB;IACD,CAAC,MAAM,mBAAmB,CAAC,SAAS,EAAE,CAAC,EAAE;QACvC,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,GAAG;KAChB;IACD,CAAC,MAAM,mBAAmB,CAAC,OAAO,QAAQ,mBAAmB,CAAC,SAAS,EAAE,CAAC,EAAE;QAC1E,UAAU,EAAE,MAAM;QAClB,YAAY,EAAE,UAAU;QACxB,QAAQ,EAAE,QAAQ;QAClB,UAAU,EAAE,QAAQ;KACrB;CACF,CAAC,CAAC,CAAA"}

package/dist/esm/components/ListItem/ListItemButton.d.ts

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

package/dist/esm/components/ListItem/ListItemButton.js

@@ -0,0 +1,9 @@
+import { styled } from '@mui/material';
+import { ListItemButton as ListItemButtonBase } from '../ListItemButton.js';
+export const ListItemButton = styled(ListItemButtonBase)(({ theme }) => ({
+    paddingLeft: theme.spacing(1.5),
+    paddingRight: theme.spacing(1.5),
+    height: 64,
+    width: '100%',
+}));
+//# sourceMappingURL=ListItemButton.js.map

package/dist/esm/components/ListItem/ListItemButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItemButton.js","sourceRoot":"","sources":["../../../../src/components/ListItem/ListItemButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AACtC,OAAO,EAAE,cAAc,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAE3E,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACvE,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;IAC/B,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;IAChC,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,MAAM;CACd,CAAC,CAAC,CAAA"}

package/dist/esm/components/ListItemButton.d.ts

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

package/dist/esm/components/ListItemButton.js

@@ -0,0 +1,26 @@
+import { ListItemButton as MuiListItemButton, styled } from '@mui/material';
+import { getContrastAlphaColor } from '../utils/colors.js';
+export const ListItemButton = styled(MuiListItemButton)(({ theme }) => {
+    const backgroundHoverColor = getContrastAlphaColor(theme, 0.04);
+    return {
+        borderRadius: theme.shape.borderRadius,
+        paddingLeft: theme.spacing(1.5),
+        height: 56,
+        '&:hover': {
+            backgroundColor: backgroundHoverColor,
+        },
+        variants: [
+            {
+                props: ({ disabled }) => disabled,
+                style: {
+                    opacity: 0.5,
+                    cursor: 'auto',
+                    '&:hover': {
+                        backgroundColor: 'none',
+                    },
+                },
+            },
+        ],
+    };
+});
+//# sourceMappingURL=ListItemButton.js.map

package/dist/esm/components/ListItemButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItemButton.js","sourceRoot":"","sources":["../../../src/components/ListItemButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,IAAI,iBAAiB,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAC3E,OAAO,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAA;AAE1D,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACpE,MAAM,oBAAoB,GAAG,qBAAqB,CAAC,KAAK,EAAE,IAAI,CAAC,CAAA;IAC/D,OAAO;QACL,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,YAAY;QACtC,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;QAC/B,MAAM,EAAE,EAAE;QACV,SAAS,EAAE;YACT,eAAe,EAAE,oBAAoB;SACtC;QACD,QAAQ,EAAE;YACR;gBACE,KAAK,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,QAAQ;gBACjC,KAAK,EAAE;oBACL,OAAO,EAAE,GAAG;oBACZ,MAAM,EAAE,MAAM;oBACd,SAAS,EAAE;wBACT,eAAe,EAAE,MAAM;qBACxB;iBACF;aACF;SACF;KACF,CAAA;AACH,CAAC,CAAC,CAAA"}

package/dist/esm/components/ListItemText.d.ts

@@ -0,0 +1 @@
+export declare const ListItemText: import("@emotion/styled").StyledComponent<import("@mui/material").ListItemTextProps<import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>, import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/dist/esm/components/ListItemText.js

@@ -0,0 +1,7 @@
+import { ListItemText as MuiListItemText, listItemTextClasses, styled, } from '@mui/material';
+export const ListItemText = styled(MuiListItemText)(() => ({
+    [`.${listItemTextClasses.primary}`]: {
+        fontWeight: 500,
+    },
+}));
+//# sourceMappingURL=ListItemText.js.map

package/dist/esm/components/ListItemText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItemText.js","sourceRoot":"","sources":["../../../src/components/ListItemText.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,IAAI,eAAe,EAC/B,mBAAmB,EACnB,MAAM,GACP,MAAM,eAAe,CAAA;AAEtB,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,eAAe,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;IACzD,CAAC,IAAI,mBAAmB,CAAC,OAAO,EAAE,CAAC,EAAE;QACnC,UAAU,EAAE,GAAG;KAChB;CACF,CAAC,CAAC,CAAA"}

package/dist/esm/components/Menu.d.ts

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

package/dist/esm/components/Menu.js

@@ -0,0 +1,21 @@
+import { Menu as MuiMenu, menuClasses, menuItemClasses, styled, svgIconClasses, } from '@mui/material';
+export const Menu = styled(MuiMenu)(({ theme }) => ({
+    [`& .${menuClasses.paper}`]: {
+        borderRadius: theme.shape.borderRadius,
+        boxShadow: '0px 2px 4px rgb(0 0 0 / 8%), 0px 8px 16px rgb(0 0 0 / 8%)',
+        padding: theme.spacing(2),
+        [`& .${menuClasses.list}`]: {
+            padding: 0,
+        },
+        [`& .${menuItemClasses.root}`]: {
+            borderRadius: theme.shape.borderRadiusSecondary,
+            padding: theme.spacing(1, 2, 1, 1),
+            [`& .${svgIconClasses.root}`]: {
+                fontSize: 20,
+                color: theme.palette.text.primary,
+                marginRight: theme.spacing(1.5),
+            },
+        },
+    },
+}));
+//# sourceMappingURL=Menu.js.map

package/dist/esm/components/Menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.js","sourceRoot":"","sources":["../../../src/components/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,IAAI,OAAO,EACf,WAAW,EACX,eAAe,EACf,MAAM,EACN,cAAc,GACf,MAAM,eAAe,CAAA;AAEtB,MAAM,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAClD,CAAC,MAAM,WAAW,CAAC,KAAK,EAAE,CAAC,EAAE;QAC3B,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,YAAY;QACtC,SAAS,EAAE,2DAA2D;QACtE,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QACzB,CAAC,MAAM,WAAW,CAAC,IAAI,EAAE,CAAC,EAAE;YAC1B,OAAO,EAAE,CAAC;SACX;QACD,CAAC,MAAM,eAAe,CAAC,IAAI,EAAE,CAAC,EAAE;YAC9B,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,qBAAqB;YAC/C,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;YAClC,CAAC,MAAM,cAAc,CAAC,IAAI,EAAE,CAAC,EAAE;gBAC7B,QAAQ,EAAE,EAAE;gBACZ,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;gBACjC,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;aAChC;SACF;KACF;CACF,CAAC,CAAC,CAAA"}

package/dist/esm/components/Messages/AccountNotDeployedMessage.d.ts

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

package/dist/esm/components/Messages/AccountNotDeployedMessage.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { WarningRounded } from '@mui/icons-material';
+import { Typography } from '@mui/material';
+import { useTranslation } from 'react-i18next';
+import { AlertMessage } from './AlertMessage.js';
+export const AccountNotDeployedMessage = (props) => {
+    const { t } = useTranslation();
+    return (_jsx(AlertMessage, { title: _jsx(Typography, { variant: "body2", sx: { color: 'text.primary' }, children: t('warning.message.accountNotDeployedMessage') }), icon: _jsx(WarningRounded, {}), severity: "warning", multiline: true, ...props }));
+};
+//# sourceMappingURL=AccountNotDeployedMessage.js.map

package/dist/esm/components/Messages/AccountNotDeployedMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccountNotDeployedMessage.js","sourceRoot":"","sources":["../../../../src/components/Messages/AccountNotDeployedMessage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AACpD,OAAO,EAAiB,UAAU,EAAE,MAAM,eAAe,CAAA;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAEhD,MAAM,CAAC,MAAM,yBAAyB,GAAuB,CAAC,KAAK,EAAE,EAAE;IACrE,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAE9B,OAAO,CACL,KAAC,YAAY,IACX,KAAK,EACH,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,EAAC,EAAE,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE,YACtD,CAAC,CAAC,2CAA2C,CAAC,GACpC,EAEf,IAAI,EAAE,KAAC,cAAc,KAAG,EACxB,QAAQ,EAAC,SAAS,EAClB,SAAS,WACL,KAAK,GACT,CACH,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/Messages/AlertMessage.d.ts

@@ -0,0 +1,11 @@
+import type { BoxProps } from '@mui/material';
+import type { PropsWithChildren, ReactNode } from 'react';
+import type { Severity } from './types.js';
+interface AlertMessageProps extends PropsWithChildren<Omit<BoxProps, 'title'>> {
+    icon: ReactNode;
+    title: ReactNode;
+    multiline?: boolean;
+    severity?: Severity;
+}
+export declare const AlertMessage: ({ title, icon, children, multiline, severity, ...rest }: AlertMessageProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/components/Messages/AlertMessage.js

@@ -0,0 +1,4 @@
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { AlertMessageCard, AlertMessageCardTitle, } from './AlertMessage.style.js';
+export const AlertMessage = ({ title, icon, children, multiline, severity = 'info', ...rest }) => (_jsxs(AlertMessageCard, { severity: severity, ...rest, children: [_jsxs(AlertMessageCardTitle, { severity: severity, alignItems: multiline ? 'start' : 'center', children: [icon, title] }), children] }));
+//# sourceMappingURL=AlertMessage.js.map

package/dist/esm/components/Messages/AlertMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertMessage.js","sourceRoot":"","sources":["../../../../src/components/Messages/AlertMessage.tsx"],"names":[],"mappings":";AAEA,OAAO,EACL,gBAAgB,EAChB,qBAAqB,GACtB,MAAM,yBAAyB,CAAA;AAUhC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC3B,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,QAAQ,GAAG,MAAM,EACjB,GAAG,IAAI,EACW,EAAE,EAAE,CAAC,CACvB,MAAC,gBAAgB,IAAC,QAAQ,EAAE,QAAQ,KAAM,IAAI,aAC5C,MAAC,qBAAqB,IACpB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,aAEzC,IAAI,EACJ,KAAK,IACgB,EACvB,QAAQ,IACQ,CACpB,CAAA"}

package/dist/esm/components/Messages/AlertMessage.style.d.ts

@@ -0,0 +1,7 @@
+import type { Severity } from './types.js';
+interface AlertSeverityProps {
+    severity: Severity;
+}
+export declare const AlertMessageCard: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & AlertSeverityProps, {}, {}>;
+export declare const AlertMessageCardTitle: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & AlertSeverityProps, {}, {}>;
+export {};

package/dist/esm/components/Messages/AlertMessage.style.js

@@ -0,0 +1,48 @@
+import { Box, alpha, darken, lighten, styled } from '@mui/material';
+import { getInfoBackgroundColor, getWarningBackgroundColor, } from '../../utils/colors.js';
+export const AlertMessageCard = styled(Box, {
+    shouldForwardProp: (prop) => prop !== 'severity',
+})(({ theme }) => ({
+    borderRadius: theme.shape.borderRadius,
+    position: 'relative',
+    whiteSpace: 'pre-line',
+    width: '100%',
+    paddingBottom: theme.spacing(2),
+    backgroundColor: getInfoBackgroundColor(theme),
+    variants: [
+        {
+            props: {
+                severity: 'warning',
+            },
+            style: {
+                backgroundColor: getWarningBackgroundColor(theme),
+            },
+        },
+    ],
+}));
+export const AlertMessageCardTitle = styled(Box, {
+    shouldForwardProp: (prop) => prop !== 'severity',
+})(({ theme }) => ({
+    display: 'flex',
+    paddingLeft: theme.spacing(2),
+    paddingRight: theme.spacing(2),
+    paddingTop: theme.spacing(2),
+    gap: theme.spacing(1),
+    color: lighten(theme.palette.info.main, 0.24),
+    variants: [
+        {
+            props: {
+                severity: 'warning',
+            },
+            style: {
+                color: theme.palette.mode === 'light'
+                    ? darken(theme.palette.warning.main, 0.36)
+                    : alpha(theme.palette.warning.main, 1),
+            },
+        },
+    ],
+    ...theme.applyStyles('light', {
+        color: theme.palette.info.main,
+    }),
+}));
+//# sourceMappingURL=AlertMessage.style.js.map

package/dist/esm/components/Messages/AlertMessage.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertMessage.style.js","sourceRoot":"","sources":["../../../../src/components/Messages/AlertMessage.style.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AACnE,OAAO,EACL,sBAAsB,EACtB,yBAAyB,GAC1B,MAAM,uBAAuB,CAAA;AAO9B,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,EAAE;IAC1C,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,UAAU;CACjD,CAAC,CAAqB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACrC,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,YAAY;IACtC,QAAQ,EAAE,UAAU;IACpB,UAAU,EAAE,UAAU;IACtB,KAAK,EAAE,MAAM;IACb,aAAa,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAC/B,eAAe,EAAE,sBAAsB,CAAC,KAAK,CAAC;IAC9C,QAAQ,EAAE;QACR;YACE,KAAK,EAAE;gBACL,QAAQ,EAAE,SAAS;aACpB;YACD,KAAK,EAAE;gBACL,eAAe,EAAE,yBAAyB,CAAC,KAAK,CAAC;aAClD;SACF;KACF;CACF,CAAC,CAAC,CAAA;AAEH,MAAM,CAAC,MAAM,qBAAqB,GAAG,MAAM,CAAC,GAAG,EAAE;IAC/C,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,UAAU;CACjD,CAAC,CAAqB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACrC,OAAO,EAAE,MAAM;IACf,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAC7B,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAC9B,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAC5B,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IACrB,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC;IAC7C,QAAQ,EAAE;QACR;YACE,KAAK,EAAE;gBACL,QAAQ,EAAE,SAAS;aACpB;YACD,KAAK,EAAE;gBACL,KAAK,EACH,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO;oBAC5B,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC;oBAC1C,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC;aAC3C;SACF;KACF;IACD,GAAG,KAAK,CAAC,WAAW,CAAC,OAAO,EAAE;QAC5B,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;KAC/B,CAAC;CACH,CAAC,CAAC,CAAA"}

package/dist/esm/components/Messages/FundsSufficiencyMessage.d.ts

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

package/dist/esm/components/Messages/FundsSufficiencyMessage.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { WarningRounded } from '@mui/icons-material';
+import { Typography } from '@mui/material';
+import { useTranslation } from 'react-i18next';
+import { AlertMessage } from './AlertMessage.js';
+export const FundsSufficiencyMessage = (props) => {
+    const { t } = useTranslation();
+    return (_jsx(AlertMessage, { severity: "warning", icon: _jsx(WarningRounded, {}), title: _jsx(Typography, { variant: "body2", sx: {
+                color: 'text.primary',
+            }, children: t('warning.message.insufficientFunds') }), multiline: true, ...props }));
+};
+//# sourceMappingURL=FundsSufficiencyMessage.js.map

package/dist/esm/components/Messages/FundsSufficiencyMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FundsSufficiencyMessage.js","sourceRoot":"","sources":["../../../../src/components/Messages/FundsSufficiencyMessage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AACpD,OAAO,EAAiB,UAAU,EAAE,MAAM,eAAe,CAAA;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAEhD,MAAM,CAAC,MAAM,uBAAuB,GAAuB,CAAC,KAAK,EAAE,EAAE;IACnE,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAC9B,OAAO,CACL,KAAC,YAAY,IACX,QAAQ,EAAC,SAAS,EAClB,IAAI,EAAE,KAAC,cAAc,KAAG,EACxB,KAAK,EACH,KAAC,UAAU,IACT,OAAO,EAAC,OAAO,EACf,EAAE,EAAE;gBACF,KAAK,EAAE,cAAc;aACtB,YAEA,CAAC,CAAC,mCAAmC,CAAC,GAC5B,EAEf,SAAS,WACL,KAAK,GACT,CACH,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/Messages/GasRefuelMessage.d.ts

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

package/dist/esm/components/Messages/GasRefuelMessage.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { EvStation } from '@mui/icons-material';
+import { Box, Collapse, Typography } from '@mui/material';
+import { useTranslation } from 'react-i18next';
+import { useGasRefuel } from '../../hooks/useGasRefuel.js';
+import { useSettings } from '../../stores/settings/useSettings.js';
+import { useSettingsActions } from '../../stores/settings/useSettingsActions.js';
+import { AlertMessage } from './AlertMessage.js';
+import { InfoMessageSwitch } from './GasRefuelMessage.style.js';
+export const GasRefuelMessage = (props) => {
+    const { t } = useTranslation();
+    const { setValue } = useSettingsActions();
+    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(EvStation, {}), title: _jsxs(Box, { sx: {
+                    display: 'flex',
+                    alignItems: 'center',
+                    justifyContent: 'space-between',
+                    flexGrow: 1,
+                }, children: [_jsx(Typography, { variant: "body2", sx: {
+                            fontWeight: 700,
+                        }, children: t('info.title.autoRefuel', { chainName: chain?.name ?? '' }) }), _jsx(InfoMessageSwitch, { checked: enabledAutoRefuel, onChange: onChange })] }), ...props, children: _jsx(Collapse, { timeout: 225, in: enabledAutoRefuel, unmountOnExit: true, mountOnEnter: true, children: _jsx(Typography, { variant: "body2", sx: {
+                        px: 2,
+                        pt: 1,
+                    }, children: t('info.message.autoRefuel', {
+                        chainName: chain?.name,
+                    }) }) }) }) }));
+};
+//# sourceMappingURL=GasRefuelMessage.js.map

package/dist/esm/components/Messages/GasRefuelMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GasRefuelMessage.js","sourceRoot":"","sources":["../../../../src/components/Messages/GasRefuelMessage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAE/C,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAEzD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAA;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAA;AAClE,OAAO,EAAE,kBAAkB,EAAE,MAAM,6CAA6C,CAAA;AAChF,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAA;AAE/D,MAAM,CAAC,MAAM,gBAAgB,GAAuB,CAAC,KAAK,EAAE,EAAE;IAC5D,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAE9B,MAAM,EAAE,QAAQ,EAAE,GAAG,kBAAkB,EAAE,CAAA;IACzC,MAAM,EAAE,iBAAiB,EAAE,GAAG,WAAW,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAA;IAEhE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,eAAe,EAAE,GAAG,YAAY,EAAE,CAAA;IAErE,MAAM,QAAQ,GAAG,CAAC,CAAgC,EAAE,OAAgB,EAAE,EAAE;QACtE,QAAQ,CAAC,mBAAmB,EAAE,OAAO,CAAC,CAAA;IACxC,CAAC,CAAA;IAED,MAAM,oBAAoB,GAAG,KAAK,IAAI,OAAO,IAAI,CAAC,eAAe,CAAA;IAEjE,OAAO,CACL,KAAC,QAAQ,IACP,OAAO,EAAE,GAAG,EACZ,EAAE,EAAE,oBAAoB,EACxB,aAAa,QACb,YAAY,kBAEZ,KAAC,YAAY,IACX,IAAI,EAAE,KAAC,SAAS,KAAG,EACnB,KAAK,EACH,MAAC,GAAG,IACF,EAAE,EAAE;oBACF,OAAO,EAAE,MAAM;oBACf,UAAU,EAAE,QAAQ;oBACpB,cAAc,EAAE,eAAe;oBAC/B,QAAQ,EAAE,CAAC;iBACZ,aAED,KAAC,UAAU,IACT,OAAO,EAAC,OAAO,EACf,EAAE,EAAE;4BACF,UAAU,EAAE,GAAG;yBAChB,YAEA,CAAC,CAAC,uBAAuB,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,IAAI,EAAE,EAAE,CAAC,GAClD,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,IACT,OAAO,EAAC,OAAO,EACf,EAAE,EAAE;wBACF,EAAE,EAAE,CAAC;wBACL,EAAE,EAAE,CAAC;qBACN,YAEA,CAAC,CAAC,yBAAyB,EAAE;wBAC5B,SAAS,EAAE,KAAK,EAAE,IAAI;qBACvB,CAAC,GACS,GACJ,GACE,GACN,CACZ,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/Messages/GasRefuelMessage.style.d.ts

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

package/dist/esm/components/Messages/GasRefuelMessage.style.js

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

package/dist/esm/components/Messages/GasRefuelMessage.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GasRefuelMessage.style.js","sourceRoot":"","sources":["../../../../src/components/Messages/GasRefuelMessage.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AAErC,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,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC;gBACrD,GAAG,KAAK,CAAC,WAAW,CAAC,OAAO,EAAE;oBAC5B,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;iBACzC,CAAC;aACH;SACF;QACD,CAAC,uBAAuB,aAAa,CAAC,KAAK,EAAE,CAAC,EAAE;YAC9C,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC;YAC3C,GAAG,KAAK,CAAC,WAAW,CAAC,OAAO,EAAE;gBAC5B,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;aAC/B,CAAC;SACH;KACF;CACF,CAAC,CAAC,CAAA"}

package/dist/esm/components/Messages/GasSufficiencyMessage.d.ts

@@ -0,0 +1,7 @@
+import { type BoxProps } from '@mui/material';
+import type { GasSufficiency } from '../../hooks/useGasSufficiency.js';
+interface GasSufficiencyMessageProps extends BoxProps {
+    insufficientGas?: GasSufficiency[];
+}
+export declare const GasSufficiencyMessage: React.FC<GasSufficiencyMessageProps>;
+export {};

package/dist/esm/components/Messages/GasSufficiencyMessage.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { EvStation } from '@mui/icons-material';
+import { Typography } from '@mui/material';
+import { useTranslation } from 'react-i18next';
+import { formatUnits } from 'viem';
+import { AlertMessage } from './AlertMessage.js';
+export const GasSufficiencyMessage = ({ insufficientGas, ...props }) => {
+    const { t } = useTranslation();
+    return (_jsxs(AlertMessage, { severity: "warning", icon: _jsx(EvStation, {}), title: _jsx(Typography, { variant: "body2", sx: {
+                fontWeight: 700,
+            }, children: t('warning.title.insufficientGas') }), ...props, children: [_jsx(Typography, { variant: "body2", sx: {
+                    px: 2,
+                    pt: 1,
+                }, children: t('warning.message.insufficientGas') }), insufficientGas?.map((item, index) => (_jsx(Typography, { variant: "body2", sx: {
+                    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/dist/esm/components/Messages/GasSufficiencyMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GasSufficiencyMessage.js","sourceRoot":"","sources":["../../../../src/components/Messages/GasSufficiencyMessage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAC/C,OAAO,EAAiB,UAAU,EAAE,MAAM,eAAe,CAAA;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,MAAM,CAAA;AAElC,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAMhD,MAAM,CAAC,MAAM,qBAAqB,GAAyC,CAAC,EAC1E,eAAe,EACf,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAC9B,OAAO,CACL,MAAC,YAAY,IACX,QAAQ,EAAC,SAAS,EAClB,IAAI,EAAE,KAAC,SAAS,KAAG,EACnB,KAAK,EACH,KAAC,UAAU,IACT,OAAO,EAAC,OAAO,EACf,EAAE,EAAE;gBACF,UAAU,EAAE,GAAG;aAChB,YAEA,CAAC,CAAC,+BAA+B,CAAC,GACxB,KAEX,KAAK,aAET,KAAC,UAAU,IACT,OAAO,EAAC,OAAO,EACf,EAAE,EAAE;oBACF,EAAE,EAAE,CAAC;oBACL,EAAE,EAAE,CAAC;iBACN,YAEA,CAAC,CAAC,iCAAiC,CAAC,GAC1B,EACZ,eAAe,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACrC,KAAC,UAAU,IAET,OAAO,EAAC,OAAO,EACf,EAAE,EAAE;oBACF,EAAE,EAAE,CAAC;oBACL,EAAE,EAAE,GAAG;iBACR,YAEA,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,IAdG,KAAK,CAeC,CACd,CAAC,IACW,CAChB,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/Messages/GasSufficiencyMessageBridge.d.ts

@@ -0,0 +1,5 @@
+import { type BoxProps } from '@mui/material';
+interface GasSufficiencyMessageProps extends BoxProps {
+}
+export declare const GasSufficiencyMessageBridge: React.FC<GasSufficiencyMessageProps>;
+export {};

package/dist/esm/components/Messages/GasSufficiencyMessageBridge.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Typography } from '@mui/material';
+import { useTranslation } from 'react-i18next';
+import { AlertMessage } from './AlertMessage.js';
+export const GasSufficiencyMessageBridge = ({ ...props }) => {
+    const { t } = useTranslation();
+    return (_jsx(AlertMessage, { severity: "warning", title: _jsx(Typography, { variant: "body2", sx: {
+                fontWeight: 700,
+            }, children: "Not enough balance" }), ...props, children: _jsx(Typography, { variant: "body2", sx: {
+                px: 2,
+                pt: 1,
+            }, children: "Included gas is paid on top of the amount and covers solvers gas costs to fulfill your trade" }) }));
+};
+//# sourceMappingURL=GasSufficiencyMessageBridge.js.map

package/dist/esm/components/Messages/GasSufficiencyMessageBridge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GasSufficiencyMessageBridge.js","sourceRoot":"","sources":["../../../../src/components/Messages/GasSufficiencyMessageBridge.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAiB,UAAU,EAAE,MAAM,eAAe,CAAA;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAMhD,MAAM,CAAC,MAAM,2BAA2B,GAEpC,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACnB,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAC9B,OAAO,CACL,KAAC,YAAY,IACX,QAAQ,EAAC,SAAS,EAClB,KAAK,EACH,KAAC,UAAU,IACT,OAAO,EAAC,OAAO,EACf,EAAE,EAAE;gBACF,UAAU,EAAE,GAAG;aAChB,mCAGU,KAEX,KAAK,YAET,KAAC,UAAU,IACT,OAAO,EAAC,OAAO,EACf,EAAE,EAAE;gBACF,EAAE,EAAE,CAAC;gBACL,EAAE,EAAE,CAAC;aACN,6GAIU,GACA,CAChB,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/Messages/PriceImpactHighMessage.d.ts

@@ -0,0 +1,6 @@
+import { type BoxProps } from '@mui/material';
+interface PriceImpactHighMessageProps extends BoxProps {
+    onAcknowledge?: (acknowledged: boolean) => void;
+}
+export declare const PriceImpactHighMessage: React.FC<PriceImpactHighMessageProps>;
+export {};

package/dist/esm/components/Messages/PriceImpactHighMessage.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { WarningRounded } from '@mui/icons-material';
+import { Checkbox, FormControlLabel, Typography, } from '@mui/material';
+import { AlertMessage } from './AlertMessage.js';
+import { useStorePriceImpactAcknowledged } from './useMessageQueue.js';
+export const PriceImpactHighMessage = ({ onAcknowledge, ...props }) => {
+    const acknowledged = useStorePriceImpactAcknowledged((state) => state.priceImpactAcknowledged);
+    const setAcknowledged = useStorePriceImpactAcknowledged((state) => state.setPriceImpactAcknowledged);
+    const handleChange = (event) => {
+        const newValue = event.target.checked;
+        setAcknowledged(newValue);
+        onAcknowledge?.(newValue);
+    };
+    return (_jsxs(AlertMessage, { severity: "warning", icon: _jsx(WarningRounded, {}), title: _jsx(Typography, { variant: "body2", sx: { color: 'text.primary' }, children: "Price impact is too high" }), ...props, children: [_jsx(Typography, { variant: "body2", sx: {
+                    px: 2,
+                    pt: 1,
+                }, children: "I acknowledge the risk and confirm to continue the trade despite loss of funds" }), _jsx(FormControlLabel, { control: _jsx(Checkbox, { checked: acknowledged, onChange: handleChange }), label: "I understand and accept the risk", sx: { alignItems: 'center', px: 2, pt: 1 } })] }));
+};
+//# sourceMappingURL=PriceImpactHighMessage.js.map

package/dist/esm/components/Messages/PriceImpactHighMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PriceImpactHighMessage.js","sourceRoot":"","sources":["../../../../src/components/Messages/PriceImpactHighMessage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AACpD,OAAO,EAEL,QAAQ,EACR,gBAAgB,EAChB,UAAU,GACX,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAChD,OAAO,EAAE,+BAA+B,EAAE,MAAM,sBAAsB,CAAA;AAKtE,MAAM,CAAC,MAAM,sBAAsB,GAA0C,CAAC,EAC5E,aAAa,EACb,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,YAAY,GAAG,+BAA+B,CAClD,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,uBAAuB,CACzC,CAAA;IACD,MAAM,eAAe,GAAG,+BAA+B,CACrD,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,0BAA0B,CAC5C,CAAA;IAED,MAAM,YAAY,GAAG,CAAC,KAA0C,EAAE,EAAE;QAClE,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,OAAO,CAAA;QACrC,eAAe,CAAC,QAAQ,CAAC,CAAA;QACzB,aAAa,EAAE,CAAC,QAAQ,CAAC,CAAA;IAC3B,CAAC,CAAA;IAED,OAAO,CACL,MAAC,YAAY,IACX,QAAQ,EAAC,SAAS,EAClB,IAAI,EAAE,KAAC,cAAc,KAAG,EACxB,KAAK,EACH,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,EAAC,EAAE,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE,yCAE5C,KAEX,KAAK,aAET,KAAC,UAAU,IACT,OAAO,EAAC,OAAO,EACf,EAAE,EAAE;oBACF,EAAE,EAAE,CAAC;oBACL,EAAE,EAAE,CAAC;iBACN,+FAIU,EACb,KAAC,gBAAgB,IACf,OAAO,EAAE,KAAC,QAAQ,IAAC,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,YAAY,GAAI,EACpE,KAAK,EAAC,kCAAkC,EACxC,EAAE,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,GAC1C,IACW,CAChB,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/Messages/ToAddressRequiredMessage.d.ts

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

package/dist/esm/components/Messages/ToAddressRequiredMessage.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Wallet } from '@mui/icons-material';
+import { Typography } from '@mui/material';
+import { useTranslation } from 'react-i18next';
+import { AlertMessage } from './AlertMessage.js';
+export const ToAddressRequiredMessage = ({ ...props }) => {
+    const { t } = useTranslation();
+    return (_jsx(AlertMessage, { title: _jsx(Typography, { variant: "body2", sx: {
+                px: 1,
+                color: 'text.primary',
+            }, children: t('info.message.toAddressIsRequired') }), icon: _jsx(Wallet, {}), multiline: true, ...props }));
+};
+//# sourceMappingURL=ToAddressRequiredMessage.js.map

package/dist/esm/components/Messages/ToAddressRequiredMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToAddressRequiredMessage.js","sourceRoot":"","sources":["../../../../src/components/Messages/ToAddressRequiredMessage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAE5C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAEhD,MAAM,CAAC,MAAM,wBAAwB,GAAuB,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC3E,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAC9B,OAAO,CACL,KAAC,YAAY,IACX,KAAK,EACH,KAAC,UAAU,IACT,OAAO,EAAC,OAAO,EACf,EAAE,EAAE;gBACF,EAAE,EAAE,CAAC;gBACL,KAAK,EAAE,cAAc;aACtB,YAEA,CAAC,CAAC,kCAAkC,CAAC,GAC3B,EAEf,IAAI,EAAE,KAAC,MAAM,KAAG,EAChB,SAAS,WACL,KAAK,GACT,CACH,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/Messages/WarningMessages.d.ts

@@ -0,0 +1,8 @@
+import type { BoxProps } from '@mui/material';
+import type { Route } from '@openocean.finance/widget-sdk';
+type WarningMessagesProps = BoxProps & {
+    route?: Route;
+    allowInteraction?: boolean;
+};
+export declare const WarningMessages: React.FC<WarningMessagesProps>;
+export {};

package/dist/esm/components/Messages/WarningMessages.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Collapse } from '@mui/material';
+import { AccountNotDeployedMessage } from './AccountNotDeployedMessage.js';
+import { FundsSufficiencyMessage } from './FundsSufficiencyMessage.js';
+import { GasSufficiencyMessage } from './GasSufficiencyMessage.js';
+import { GasSufficiencyMessageBridge } from './GasSufficiencyMessageBridge.js';
+import { PriceImpactHighMessage } from './PriceImpactHighMessage.js';
+import { ToAddressRequiredMessage } from './ToAddressRequiredMessage.js';
+import { useMessageQueue, useStorePriceImpactAcknowledged, } from './useMessageQueue.js';
+export const WarningMessages = ({ route, allowInteraction, ...props }) => {
+    const { messages, hasMessages } = useMessageQueue(route, allowInteraction);
+    const setPriceImpactAcknowledged = useStorePriceImpactAcknowledged((state) => state.setPriceImpactAcknowledged);
+    const getMessage = () => {
+        switch (messages[0]?.id) {
+            case 'INSUFFICIENT_FUNDS':
+                return _jsx(FundsSufficiencyMessage, { ...props });
+            case 'INSUFFICIENT_GAS':
+                return (_jsx(GasSufficiencyMessage, { insufficientGas: messages[0].props?.insufficientGas, ...props }));
+            case 'INSUFFICIENT_BRIDGE':
+                return _jsx(GasSufficiencyMessageBridge, { ...props });
+            case 'ACCOUNT_NOT_DEPLOYED':
+                return _jsx(AccountNotDeployedMessage, { ...props });
+            case 'PRICE_IMPACT_HIGH':
+                return (_jsx(PriceImpactHighMessage, { onAcknowledge: (e) => {
+                        setPriceImpactAcknowledged(e);
+                    }, ...props }));
+            case 'TO_ADDRESS_REQUIRED':
+                const fromChainId = route?.fromChainId;
+                const toChainId = route?.toChainId;
+                if (fromChainId && toChainId && fromChainId !== toChainId) {
+                    return _jsx(ToAddressRequiredMessage, { ...props });
+                }
+                return null;
+            default:
+                return null;
+        }
+    };
+    return (_jsx(Collapse, { in: hasMessages, timeout: 225, unmountOnExit: true, mountOnEnter: true, children: getMessage() }));
+};
+//# sourceMappingURL=WarningMessages.js.map

package/dist/esm/components/Messages/WarningMessages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WarningMessages.js","sourceRoot":"","sources":["../../../../src/components/Messages/WarningMessages.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAExC,OAAO,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAA;AAC1E,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAA;AACtE,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAA;AAClE,OAAO,EAAE,2BAA2B,EAAE,MAAM,kCAAkC,CAAA;AAC9E,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAA;AACpE,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAA;AACxE,OAAO,EACL,eAAe,EACf,+BAA+B,GAChC,MAAM,sBAAsB,CAAA;AAO7B,MAAM,CAAC,MAAM,eAAe,GAAmC,CAAC,EAC9D,KAAK,EACL,gBAAgB,EAChB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,eAAe,CAAC,KAAK,EAAE,gBAAgB,CAAC,CAAA;IAC1E,MAAM,0BAA0B,GAAG,+BAA+B,CAChE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,0BAA0B,CAC5C,CAAA;IACD,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,QAAQ,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC;YACxB,KAAK,oBAAoB;gBACvB,OAAO,KAAC,uBAAuB,OAAK,KAAK,GAAI,CAAA;YAC/C,KAAK,kBAAkB;gBACrB,OAAO,CACL,KAAC,qBAAqB,IACpB,eAAe,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,eAAe,KAC/C,KAAK,GACT,CACH,CAAA;YACH,KAAK,qBAAqB;gBACxB,OAAO,KAAC,2BAA2B,OAAK,KAAK,GAAI,CAAA;YACnD,KAAK,sBAAsB;gBACzB,OAAO,KAAC,yBAAyB,OAAK,KAAK,GAAI,CAAA;YACjD,KAAK,mBAAmB;gBACtB,OAAO,CACL,KAAC,sBAAsB,IACrB,aAAa,EAAE,CAAC,CAAC,EAAE,EAAE;wBACnB,0BAA0B,CAAC,CAAC,CAAC,CAAA;oBAC/B,CAAC,KACG,KAAK,GACT,CACH,CAAA;YACH,KAAK,qBAAqB;gBACxB,MAAM,WAAW,GAAG,KAAK,EAAE,WAAW,CAAA;gBACtC,MAAM,SAAS,GAAG,KAAK,EAAE,SAAS,CAAA;gBAClC,IAAI,WAAW,IAAI,SAAS,IAAI,WAAW,KAAK,SAAS,EAAE,CAAC;oBAC1D,OAAO,KAAC,wBAAwB,OAAK,KAAK,GAAI,CAAA;gBAChD,CAAC;gBACD,OAAO,IAAI,CAAA;YACb;gBACE,OAAO,IAAI,CAAA;QACf,CAAC;IACH,CAAC,CAAA;IAED,OAAO,CACL,KAAC,QAAQ,IAAC,EAAE,EAAE,WAAW,EAAE,OAAO,EAAE,GAAG,EAAE,aAAa,QAAC,YAAY,kBAChE,UAAU,EAAE,GACJ,CACZ,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/Messages/types.d.ts

@@ -0,0 +1 @@
+export type Severity = 'info' | 'warning';

package/dist/esm/components/Messages/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/esm/components/Messages/types.js.map

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

package/dist/esm/components/Messages/useMessageQueue.d.ts

@@ -0,0 +1,13 @@
+import type { Route } from '@openocean.finance/widget-sdk';
+export declare const useStorePriceImpactAcknowledged: import("zustand").UseBoundStore<import("zustand").StoreApi<unknown>>;
+interface QueuedMessage {
+    id: string;
+    priority: number;
+    props?: Record<string, any>;
+}
+export declare const useMessageQueue: (route?: Route, allowInteraction?: boolean) => {
+    messages: QueuedMessage[];
+    hasMessages: boolean;
+    isLoading: boolean;
+};
+export {};

package/dist/esm/components/Messages/useMessageQueue.js

@@ -0,0 +1,84 @@
+import { useMemo } from 'react';
+import { create } from 'zustand';
+import { useFromTokenSufficiency } from '../../hooks/useFromTokenSufficiency.js';
+import { useGasSufficiency } from '../../hooks/useGasSufficiency.js';
+import { useGasSufficiencyBridge } from '../../hooks/useGasSufficiencyBridge.js';
+import { useIsCompatibleDestinationAccount } from '../../hooks/useIsCompatibleDestinationAccount.js';
+import { usePriceImpact } from '../../hooks/usePriceImpact.js';
+import { useToAddressRequirements } from '../../hooks/useToAddressRequirements.js';
+export const useStorePriceImpactAcknowledged = create((set) => ({
+    priceImpactAcknowledged: false,
+    setPriceImpactAcknowledged: (v) => set((state) => {
+        return {
+            priceImpactAcknowledged: v,
+        };
+    }),
+}));
+export const useMessageQueue = (route, allowInteraction) => {
+    const { requiredToAddress, toAddress } = useToAddressRequirements(route);
+    const { isCompatibleDestinationAccount, isLoading: isCompatibleDestinationAccountLoading, } = useIsCompatibleDestinationAccount(route);
+    const { insufficientFromToken, isLoading: isFromTokenSufficiencyLoading } = useFromTokenSufficiency(route);
+    const { insufficientBridge, isLoading: isGasSufficiencyBridgeLoading } = useGasSufficiencyBridge(route);
+    const { insufficientGas, isLoading: isGasSufficiencyLoading } = useGasSufficiency(route);
+    const { priceImpact } = usePriceImpact(route);
+    const messageQueue = useMemo(() => {
+        const queue = [];
+        if (insufficientFromToken) {
+            queue.push({
+                id: 'INSUFFICIENT_FUNDS',
+                priority: 1,
+            });
+        }
+        if (priceImpact <= -0.3) {
+            queue.push({
+                id: 'PRICE_IMPACT_HIGH',
+                priority: 1,
+            });
+        }
+        if (insufficientGas?.length) {
+            queue.push({
+                id: 'INSUFFICIENT_GAS',
+                priority: 2,
+                props: { insufficientGas },
+            });
+        }
+        if (insufficientBridge) {
+            queue.push({
+                id: 'INSUFFICIENT_BRIDGE',
+                priority: 2,
+                props: { insufficientBridge },
+            });
+        }
+        if (!isCompatibleDestinationAccount && !allowInteraction) {
+            queue.push({
+                id: 'ACCOUNT_NOT_DEPLOYED',
+                priority: 3,
+            });
+        }
+        if (requiredToAddress && !toAddress) {
+            queue.push({
+                id: 'TO_ADDRESS_REQUIRED',
+                priority: 4,
+            });
+        }
+        return queue.sort((a, b) => a.priority - b.priority);
+    }, [
+        allowInteraction,
+        insufficientFromToken,
+        insufficientGas,
+        insufficientBridge,
+        isCompatibleDestinationAccount,
+        requiredToAddress,
+        toAddress,
+        priceImpact,
+    ]);
+    return {
+        messages: messageQueue,
+        hasMessages: messageQueue.length > 0,
+        isLoading: isGasSufficiencyLoading ||
+            isFromTokenSufficiencyLoading ||
+            isCompatibleDestinationAccountLoading ||
+            isGasSufficiencyBridgeLoading,
+    };
+};
+//# sourceMappingURL=useMessageQueue.js.map