@lifi/widget 2.9.4 → 3.0.0-alpha.1

package/src/_esm/components/AppContainer.js

@@ -0,0 +1,53 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box, Container, ScopedCssBaseline } from '@mui/material';
+import { styled } from '@mui/material/styles';
+import { useWidgetConfig } from '../providers';
+import { ElementId, createElementId } from '../utils';
+export const maxHeight = 680;
+export const AppExpandedContainer = styled(Box, {
+    shouldForwardProp: (prop) => prop !== 'variant',
+})(({ variant }) => ({
+    display: 'flex',
+    justifyContent: 'center',
+    alignItems: 'start',
+    flex: 1,
+    height: variant === 'drawer' ? 'none' : maxHeight,
+}));
+const RelativeContainer = styled(Box, {
+    shouldForwardProp: (prop) => prop !== 'variant',
+})(({ theme, variant }) => ({
+    position: 'relative',
+    boxSizing: 'content-box',
+    width: '100%',
+    minWidth: 360,
+    maxWidth: 392,
+    maxHeight: variant === 'drawer' ? 'none' : maxHeight,
+    background: theme.palette.background.default,
+    overflow: 'auto',
+    flex: 1,
+    zIndex: 0,
+}));
+const CssBaselineContainer = styled(ScopedCssBaseline, {
+    shouldForwardProp: (prop) => prop !== 'variant',
+})(({ variant }) => ({
+    display: 'flex',
+    flex: 1,
+    flexDirection: 'column',
+    overflowX: 'clip',
+    margin: 0,
+    width: '100%',
+    maxHeight: variant === 'drawer' ? 'none' : maxHeight,
+    overflowY: 'auto',
+    height: '100%',
+}));
+export const FlexContainer = styled(Container)({
+    display: 'flex',
+    flexDirection: 'column',
+    flex: 1,
+});
+export const AppContainer = ({ children }) => {
+    // const ref = useRef<HTMLDivElement>(null);
+    const { containerStyle, variant, elementId } = useWidgetConfig();
+    return (_jsx(RelativeContainer, { sx: containerStyle, variant: variant, id: createElementId(ElementId.RelativeContainer, elementId), children: _jsx(CssBaselineContainer, { id: createElementId(ElementId.ScrollableContainer, elementId), variant: variant, enableColorScheme: true, children: _jsx(FlexContainer, { disableGutters: true, children: children }) }) }));
+};
+//# sourceMappingURL=AppContainer.js.map

package/src/_esm/components/AppContainer.js.map

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

package/src/_esm/components/BaseTransactionButton/BaseTransactionButton.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { LoadingButton } from '@mui/lab';
+import { useTranslation } from 'react-i18next';
+import { useNavigate } from 'react-router-dom';
+import { useAccount } from '../../hooks';
+import { useWidgetConfig } from '../../providers';
+import { navigationRoutes } from '../../utils';
+export const BaseTransactionButton = ({ onClick, text, disabled, loading, }) => {
+    const { t } = useTranslation();
+    const navigate = useNavigate();
+    const { walletManagement } = useWidgetConfig();
+    const { account } = useAccount();
+    const handleClick = async () => {
+        if (account.isConnected) {
+            onClick?.();
+        }
+        else if (walletManagement) {
+            await walletManagement.connect();
+        }
+        else {
+            navigate(navigationRoutes.selectWallet);
+        }
+    };
+    const getButtonText = () => {
+        if (account.isConnected) {
+            if (text) {
+                return text;
+            }
+        }
+        return t(`button.connectWallet`);
+    };
+    return (_jsx(LoadingButton, { variant: "contained", color: "primary", onClick: handleClick, disabled: disabled, loading: loading, loadingPosition: "center", fullWidth: true, children: getButtonText() }));
+};
+//# sourceMappingURL=BaseTransactionButton.js.map

package/src/_esm/components/BaseTransactionButton/BaseTransactionButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseTransactionButton.js","sourceRoot":"","sources":["../../../../../src/components/BaseTransactionButton/BaseTransactionButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAG/C,MAAM,CAAC,MAAM,qBAAqB,GAAyC,CAAC,EAC1E,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,OAAO,GACR,EAAE,EAAE;IACH,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,EAAE,gBAAgB,EAAE,GAAG,eAAe,EAAE,CAAC;IAC/C,MAAM,EAAE,OAAO,EAAE,GAAG,UAAU,EAAE,CAAC;IAEjC,MAAM,WAAW,GAAG,KAAK,IAAI,EAAE;QAC7B,IAAI,OAAO,CAAC,WAAW,EAAE,CAAC;YACxB,OAAO,EAAE,EAAE,CAAC;QACd,CAAC;aAAM,IAAI,gBAAgB,EAAE,CAAC;YAC5B,MAAM,gBAAgB,CAAC,OAAO,EAAE,CAAC;QACnC,CAAC;aAAM,CAAC;YACN,QAAQ,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAC;QAC1C,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,IAAI,OAAO,CAAC,WAAW,EAAE,CAAC;YACxB,IAAI,IAAI,EAAE,CAAC;gBACT,OAAO,IAAI,CAAC;YACd,CAAC;QACH,CAAC;QACD,OAAO,CAAC,CAAC,sBAAsB,CAAC,CAAC;IACnC,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,aAAa,IACZ,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,eAAe,EAAC,QAAQ,EACxB,SAAS,kBAER,aAAa,EAAE,GACF,CACjB,CAAC;AACJ,CAAC,CAAC"}

package/src/_esm/components/BaseTransactionButton/index.js

@@ -0,0 +1,3 @@
+export { BaseTransactionButton } from './BaseTransactionButton';
+export * from './types';
+//# sourceMappingURL=index.js.map

package/src/_esm/components/BaseTransactionButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/BaseTransactionButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,cAAc,SAAS,CAAC"}

package/src/_esm/components/BaseTransactionButton/types.js

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

package/src/_esm/components/BaseTransactionButton/types.js.map

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

package/src/_esm/components/BottomSheet/BottomSheet.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Drawer } from '@mui/material';
+import { forwardRef, useCallback, useImperativeHandle, useRef, useState, } from 'react';
+import { useGetScrollableContainer } from '../../hooks';
+import { backdropProps, modalProps, paperProps } from '../Dialog';
+export const BottomSheet = forwardRef(({ elementRef, children, open, onClose }, ref) => {
+    const getContainer = useGetScrollableContainer();
+    const openRef = useRef(open);
+    const [drawerOpen, setDrawerOpen] = useState(open);
+    const close = useCallback(() => {
+        setDrawerOpen(false);
+        openRef.current = false;
+        onClose?.();
+    }, [onClose]);
+    useImperativeHandle(ref, () => ({
+        isOpen: () => openRef.current,
+        open: () => {
+            setDrawerOpen(true);
+            openRef.current = true;
+        },
+        close,
+    }), [close]);
+    return (_jsx(Drawer, { container: getContainer, ref: elementRef, anchor: "bottom", open: drawerOpen, onClose: close, ModalProps: modalProps, PaperProps: paperProps, BackdropProps: backdropProps, disableAutoFocus: true, children: children }));
+});
+//# sourceMappingURL=BottomSheet.js.map

package/src/_esm/components/BottomSheet/BottomSheet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheet.js","sourceRoot":"","sources":["../../../../../src/components/BottomSheet/BottomSheet.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EACL,UAAU,EACV,WAAW,EACX,mBAAmB,EACnB,MAAM,EACN,QAAQ,GACT,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAGlE,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CACnC,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,GAAG,EAAE,EAAE;IAC/C,MAAM,YAAY,GAAG,yBAAyB,EAAE,CAAC;IACjD,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAC7B,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAEnD,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE;QAC7B,aAAa,CAAC,KAAK,CAAC,CAAC;QACrB,OAAO,CAAC,OAAO,GAAG,KAAK,CAAC;QACxB,OAAO,EAAE,EAAE,CAAC;IACd,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,mBAAmB,CACjB,GAAG,EACH,GAAG,EAAE,CAAC,CAAC;QACL,MAAM,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,OAAO;QAC7B,IAAI,EAAE,GAAG,EAAE;YACT,aAAa,CAAC,IAAI,CAAC,CAAC;YACpB,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;QACzB,CAAC;QACD,KAAK;KACN,CAAC,EACF,CAAC,KAAK,CAAC,CACR,CAAC;IAEF,OAAO,CACL,KAAC,MAAM,IACL,SAAS,EAAE,YAAY,EACvB,GAAG,EAAE,UAAU,EACf,MAAM,EAAC,QAAQ,EACf,IAAI,EAAE,UAAU,EAChB,OAAO,EAAE,KAAK,EACd,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,EAC5B,gBAAgB,kBAEf,QAAQ,GACF,CACV,CAAC;AACJ,CAAC,CACF,CAAC"}

package/src/_esm/components/BottomSheet/index.js

@@ -0,0 +1,3 @@
+export * from './BottomSheet';
+export * from './types';
+//# sourceMappingURL=index.js.map

package/src/_esm/components/BottomSheet/index.js.map

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

package/src/_esm/components/BottomSheet/types.js

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

package/src/_esm/components/BottomSheet/types.js.map

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

package/src/_esm/components/Card/Card.js

@@ -0,0 +1,51 @@
+import { Box } from '@mui/material';
+import { badgeClasses } from '@mui/material/Badge';
+import { alpha, darken, lighten, styled } from '@mui/material/styles';
+const getBackgroundColor = (theme, variant, selectionColor) => variant === 'selected'
+    ? selectionColor === 'primary'
+        ? theme.palette.mode === 'light'
+            ? alpha(theme.palette.primary.main, 0.04)
+            : alpha(theme.palette.primary.main, 0.42)
+        : alpha(theme.palette.secondary.main, theme.palette.mode === 'light' ? 0.08 : 0.12)
+    : theme.palette.background.paper;
+export const Card = styled(Box, {
+    shouldForwardProp: (prop) => !['variant', 'indented', 'selectionColor', 'pointerEvents'].includes(prop),
+})(({ theme, variant, selectionColor = 'primary', indented, pointerEvents, onClick, }) => {
+    const backgroundColor = getBackgroundColor(theme, variant, selectionColor);
+    const backgroundHoverColor = onClick
+        ? theme.palette.mode === 'light'
+            ? darken(backgroundColor, 0.02)
+            : lighten(backgroundColor, 0.02)
+        : backgroundColor;
+    return {
+        backgroundColor,
+        border: `1px solid`,
+        borderColor: variant === 'error'
+            ? theme.palette.error.main
+            : variant === 'selected'
+                ? selectionColor === 'primary'
+                    ? theme.palette.primary.main
+                    : alpha(theme.palette.secondary.main, 0.48)
+                : theme.palette.mode === 'light'
+                    ? theme.palette.grey[300]
+                    : theme.palette.grey[800],
+        borderRadius: theme.shape.borderRadius,
+        overflow: 'hidden',
+        position: 'relative',
+        padding: indented ? theme.spacing(2) : 0,
+        boxSizing: 'border-box',
+        '&:hover': {
+            cursor: onClick ? 'pointer' : 'default',
+            backgroundColor: backgroundHoverColor,
+        },
+        [`&:hover .${badgeClasses.badge} > div`]: {
+            borderColor: backgroundHoverColor,
+        },
+        transition: theme.transitions.create(['background-color'], {
+            duration: theme.transitions.duration.enteringScreen,
+            easing: theme.transitions.easing.easeOut,
+        }),
+        pointerEvents,
+    };
+});
+//# sourceMappingURL=Card.js.map

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

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

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

@@ -0,0 +1,21 @@
+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: '1.125rem',
+        lineHeight: '1.2778',
+        color: theme.palette.text.primary,
+    },
+    [`.${cardHeaderClasses.subheader}`]: {
+        fontWeight: '400',
+        fontSize: '0.75rem',
+        color: theme.palette.text.secondary,
+    },
+}));
+//# sourceMappingURL=CardHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CardHeader.js","sourceRoot":"","sources":["../../../../../src/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,KAAK;QACjB,QAAQ,EAAE,UAAU;QACpB,UAAU,EAAE,QAAQ;QACpB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;KAClC;IACD,CAAC,IAAI,iBAAiB,CAAC,SAAS,EAAE,CAAC,EAAE;QACnC,UAAU,EAAE,KAAK;QACjB,QAAQ,EAAE,SAAS;QACnB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS;KACpC;CACF,CAAC,CAAC,CAAC"}

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

@@ -0,0 +1,15 @@
+import { IconButton as MuiIconButton } from '@mui/material';
+import { alpha, styled } from '@mui/material/styles';
+export const CardIconButton = styled(MuiIconButton)(({ theme }) => {
+    const backgroundColor = theme.palette.mode === 'light'
+        ? theme.palette.common.black
+        : theme.palette.common.white;
+    return {
+        padding: theme.spacing(0.5),
+        backgroundColor: alpha(backgroundColor, 0.04),
+        '&:hover': {
+            backgroundColor: alpha(backgroundColor, 0.08),
+        },
+    };
+});
+//# sourceMappingURL=CardIconButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CardIconButton.js","sourceRoot":"","sources":["../../../../../src/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/src/_esm/components/Card/CardLabel.js

@@ -0,0 +1,43 @@
+import { Box, Typography } from '@mui/material';
+import { alpha, lighten, styled } from '@mui/material/styles';
+export const CardLabel = styled(Box, {
+    shouldForwardProp: (prop) => prop !== 'type',
+})(({ theme, type }) => ({
+    backgroundColor: type === 'active'
+        ? theme.palette.mode === 'light'
+            ? theme.palette.secondary.main
+            : alpha(theme.palette.secondary.main, 0.32)
+        : type?.includes('insurance')
+            ? alpha(theme.palette.success.main, theme.palette.mode === 'light' ? 0.12 : 0.24)
+            : theme.palette.mode === 'light'
+                ? alpha(theme.palette.common.black, 0.12)
+                : alpha(theme.palette.common.white, 0.16),
+    borderRadius: theme.shape.borderRadius,
+    color: type?.includes('insurance')
+        ? lighten(theme.palette.success.main, theme.palette.mode === 'light' ? 0 : 0.24)
+        : theme.palette.text.primary,
+    padding: type === 'insurance' ? theme.spacing(0, 1.5) : 0,
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    height: 24,
+    minWidth: 24,
+    userSelect: 'none',
+    fontSize: '1rem',
+    marginRight: theme.spacing(1),
+}));
+export const CardLabelTypography = styled(Typography, {
+    shouldForwardProp: (prop) => prop !== 'type',
+})(({ theme, type }) => ({
+    padding: type === 'icon'
+        ? theme.spacing(0.75, 0, 0.75, 0.75)
+        : theme.spacing(0.75, 1.5),
+    fontSize: 12,
+    lineHeight: 1,
+    fontWeight: '600',
+    textTransform: 'lowercase',
+    '&::first-letter': {
+        textTransform: 'uppercase',
+    },
+}));
+//# sourceMappingURL=CardLabel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CardLabel.js","sourceRoot":"","sources":["../../../../../src/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/src/_esm/components/Card/CardTitle.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"CardTitle.js","sourceRoot":"","sources":["../../../../../src/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,UAAU;IACpB,UAAU,EAAE,OAAO;IACnB,aAAa,EAAE,WAAW;IAC1B,UAAU,EAAE,GAAG;IACf,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IACrC,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/src/_esm/components/Card/index.js

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

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

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

package/src/_esm/components/ChainSelect/ChainSelect.js

@@ -0,0 +1,37 @@
+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 { useWatch } from 'react-hook-form';
+import { useNavigate } from 'react-router-dom';
+import { FormKeyHelper } from '../../providers';
+import { maxChainToOrder } 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] = useWatch({
+        name: [FormKeyHelper.getChainKey(formType)],
+    });
+    useEffect(() => {
+        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);
+        }
+    }, [chainId, chainOrder, 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/src/_esm/components/ChainSelect/ChainSelect.js.map

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

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

@@ -0,0 +1,17 @@
+import { Box } from '@mui/material';
+import { styled } from '@mui/material/styles';
+import { Card } from '../../components/Card';
+export const ChainCard = styled(Card)({
+    display: 'grid',
+    placeItems: 'center',
+    minWidth: 52,
+    height: 56,
+});
+export const ChainContainer = styled(Box)(({ theme }) => ({
+    display: 'grid',
+    gridTemplateColumns: 'repeat(auto-fit, minmax(52px, 1fr))',
+    gridAutoRows: '56px',
+    justifyContent: 'space-between',
+    gap: theme.spacing(1.5),
+}));
+//# sourceMappingURL=ChainSelect.style.js.map

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

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

@@ -0,0 +1,3 @@
+export * from './ChainSelect';
+export * from './useChainSelect';
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,62 @@
+import { useController, useFormContext } from 'react-hook-form';
+import { useChains, useSwapOnly } from '../../hooks';
+import { FormKey, FormKeyHelper, useWidgetConfig } from '../../providers';
+import { useChainOrder } from '../../stores';
+import { RequiredUI } from '../../types';
+export const useChainSelect = (formType) => {
+    const { requiredUI } = useWidgetConfig();
+    const chainKey = FormKeyHelper.getChainKey(formType);
+    const { field: { onChange, onBlur }, } = useController({ name: chainKey });
+    const { setValue, getValues } = useFormContext();
+    const { chains, isLoading, getChainById } = useChains();
+    const [chainOrder, setChainOrder] = useChainOrder();
+    const swapOnly = useSwapOnly();
+    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) {
+            setValue(FormKeyHelper.getChainKey('to'), chainId, {
+                shouldTouch: true,
+            });
+        }
+        setValue(FormKeyHelper.getTokenKey(formType), '');
+        setValue(FormKeyHelper.getAmountKey(formType), '');
+        setValue(FormKey.TokenSearchFilter, '');
+        const [fromChainId, toChainId] = getValues([
+            FormKey.FromChain,
+            FormKey.ToChain,
+        ]);
+        const fromChain = getChainById(fromChainId);
+        const toChain = getChainById(toChainId);
+        const differentChainType = fromChain && toChain && fromChain.chainType !== toChain.chainType;
+        const requiredToAddress = requiredUI?.includes(RequiredUI.ToAddress) || differentChainType;
+        // toAddress field is required (always visible) when bridging between
+        // two ecosystems (fromChain and toChain have different chain types).
+        // We clean up toAddress on every chain change if toAddress is not required.
+        // This is used when we switch between different chain ecosystems (chain types) and
+        // prevents cases when after we switch the chain from one type to another "Send to wallet" field hides,
+        // but it keeps toAddress value set for the previous chain pair.
+        if (!requiredToAddress) {
+            setValue(FormKey.ToAddress, '');
+        }
+        setChainOrder(chainId);
+    };
+    return {
+        chainOrder,
+        chains,
+        getChains,
+        isLoading,
+        setChainOrder,
+        setCurrentChain,
+    };
+};
+//# sourceMappingURL=useChainSelect.js.map

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

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

package/src/_esm/components/ContractComponent/ContractComponent.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Card } from '../Card';
+export const ContractComponent = ({ children, ...props }) => {
+    if (!children) {
+        return null;
+    }
+    return _jsx(Card, { ...props, children: children });
+};
+//# sourceMappingURL=ContractComponent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContractComponent.js","sourceRoot":"","sources":["../../../../../src/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/src/_esm/components/ContractComponent/index.js

@@ -0,0 +1,2 @@
+export * from './ContractComponent';
+//# sourceMappingURL=index.js.map

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

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

package/src/_esm/components/Dialog.js

@@ -0,0 +1,29 @@
+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 backdropProps = {
+    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, BackdropProps: backdropProps, children: children }));
+};
+//# sourceMappingURL=Dialog.js.map

package/src/_esm/components/Dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../../src/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,aAAa,GAAG;IAC3B,EAAE,EAAE;QACF,QAAQ,EAAE,UAAU;QACpB,eAAe,EAAE,kBAAkB;QACnC,cAAc,EAAE,WAAW;KAC5B;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,aAAa,EAAE,aAAa,YAE3B,QAAQ,GACC,CACb,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import WarningRoundedIcon from '@mui/icons-material/WarningRounded';
+import { Typography } from '@mui/material';
+import { useTranslation } from 'react-i18next';
+import { WarningMessageCard, WarningMessageCardTitle, } from './GasMessage.style';
+export const FundsSufficiencyMessage = () => {
+    const { t } = useTranslation();
+    return (_jsxs(WarningMessageCard, { display: "flex", children: [_jsx(WarningMessageCardTitle, { children: _jsx(WarningRoundedIcon, { sx: {
+                        marginTop: 2,
+                        marginLeft: 2,
+                    } }) }), _jsx(Typography, { variant: "body2", px: 2, pb: 2, pt: 2, children: t(`warning.message.insufficientFunds`) })] }));
+};
+//# sourceMappingURL=FundsSufficiencyMessage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FundsSufficiencyMessage.js","sourceRoot":"","sources":["../../../../../src/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,EACL,kBAAkB,EAClB,uBAAuB,GACxB,MAAM,oBAAoB,CAAC;AAE5B,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAG,EAAE;IAC1C,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,OAAO,CACL,MAAC,kBAAkB,IAAC,OAAO,EAAC,MAAM,aAChC,KAAC,uBAAuB,cACtB,KAAC,kBAAkB,IACjB,EAAE,EAAE;wBACF,SAAS,EAAE,CAAC;wBACZ,UAAU,EAAE,CAAC;qBACd,GACD,GACsB,EAC1B,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,EAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,YAC5C,CAAC,CAAC,mCAAmC,CAAC,GAC5B,IACM,CACtB,CAAC;AACJ,CAAC,CAAC"}

package/src/_esm/components/GasMessage/GasMessage.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box, Collapse } from '@mui/material';
+import { useFromTokenSufficiency, useGasSufficiency } from '../../hooks';
+import { FundsSufficiencyMessage } from './FundsSufficiencyMessage';
+import { GasSufficiencyMessage } from './GasSufficiencyMessage';
+export const GasMessage = ({ route, ...props }) => {
+    const { insufficientGas } = useGasSufficiency(route);
+    const { insufficientFromToken } = useFromTokenSufficiency(route);
+    const validInsufficientGas = insufficientGas?.length;
+    return (_jsx(Collapse, { timeout: 225, in: Boolean(insufficientFromToken || validInsufficientGas), unmountOnExit: true, mountOnEnter: true, children: _jsx(Box, { ...props, children: insufficientFromToken ? (_jsx(FundsSufficiencyMessage, {})) : validInsufficientGas ? (_jsx(GasSufficiencyMessage, { insufficientGas: insufficientGas })) : null }) }));
+};
+//# sourceMappingURL=GasMessage.js.map

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

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