@lifi/widget 3.0.0-alpha.3 → 3.0.0-alpha.30

package/_esm/components/Select.js

@@ -0,0 +1,24 @@
+import { Select as MuiSelect, inputBaseClasses, listItemIconClasses, outlinedInputClasses, selectClasses, styled, } from '@mui/material';
+export const Select = styled(MuiSelect, {
+    shouldForwardProp: (prop) => prop !== 'dense',
+})(({ theme, dense }) => ({
+    backgroundColor: theme.palette.mode === 'light'
+        ? theme.palette.common.white
+        : theme.palette.background.paper,
+    [`.${inputBaseClasses.input}`]: {
+        padding: dense ? theme.spacing(1.625, 2, 1.5, 2) : theme.spacing(2),
+        display: 'flex',
+        alignItems: 'center',
+    },
+    [`.${selectClasses.icon}`]: {
+        right: 10,
+        color: theme.palette.text.primary,
+    },
+    [`.${listItemIconClasses.root}`]: {
+        minWidth: 38,
+    },
+    [`.${outlinedInputClasses.notchedOutline}`]: {
+        display: 'none',
+    },
+}));
+//# sourceMappingURL=Select.js.map

package/_esm/components/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../components/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,IAAI,SAAS,EACnB,gBAAgB,EAChB,mBAAmB,EACnB,oBAAoB,EACpB,aAAa,EACb,MAAM,GACP,MAAM,eAAe,CAAC;AAEvB,MAAM,CAAC,MAAM,MAAM,GAAG,MAAM,CAAC,SAAS,EAAE;IACtC,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,OAAO;CAC9C,CAAC,CAAsB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC7C,eAAe,EACb,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO;QAC5B,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;QAC5B,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK;IACpC,CAAC,IAAI,gBAAgB,CAAC,KAAK,EAAE,CAAC,EAAE;QAC9B,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QACnE,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;KACrB;IACD,CAAC,IAAI,aAAa,CAAC,IAAI,EAAE,CAAC,EAAE;QAC1B,KAAK,EAAE,EAAE;QACT,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;KAClC;IACD,CAAC,IAAI,mBAAmB,CAAC,IAAI,EAAE,CAAC,EAAE;QAChC,QAAQ,EAAE,EAAE;KACb;IACD,CAAC,IAAI,oBAAoB,CAAC,cAAc,EAAE,CAAC,EAAE;QAC3C,OAAO,EAAE,MAAM;KAChB;CACF,CAAC,CAAC,CAAC"}

package/_esm/components/SelectChainAndToken.d.ts

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

package/_esm/components/SelectChainAndToken.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, useMediaQuery } from '@mui/material';
+import { ReverseTokensButton } from '../components/ReverseTokensButton/ReverseTokensButton.js';
+import { SelectTokenButton } from '../components/SelectTokenButton/SelectTokenButton.js';
+import { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js';
+import { useFieldValues } from '../stores/form/useFieldValues.js';
+import { DisabledUI, HiddenUI } from '../types/widget.js';
+export const SelectChainAndToken = (props) => {
+    const prefersNarrowView = useMediaQuery((theme) => theme.breakpoints.down('sm'));
+    const { disabledUI, hiddenUI, subvariant } = useWidgetConfig();
+    const [fromChain, toChain, fromToken, toToken] = useFieldValues('fromChain', 'toChain', 'fromToken', 'toToken');
+    const hiddenReverse = subvariant === 'refuel' ||
+        disabledUI?.includes(DisabledUI.FromToken) ||
+        disabledUI?.includes(DisabledUI.ToToken) ||
+        hiddenUI?.includes(HiddenUI.ToToken);
+    const hiddenToToken = subvariant === 'nft' || hiddenUI?.includes(HiddenUI.ToToken);
+    const isCompact = !!fromChain &&
+        !!toChain &&
+        !!fromToken &&
+        !!toToken &&
+        !prefersNarrowView &&
+        !hiddenToToken;
+    return (_jsxs(Box, { sx: { display: 'flex', flexDirection: isCompact ? 'row' : 'column' }, ...props, children: [_jsx(SelectTokenButton, { formType: "from", compact: isCompact }), !hiddenToToken ? (_jsx(Box, { sx: {
+                    display: 'flex',
+                    justifyContent: 'center',
+                    alignItems: 'center',
+                }, m: !hiddenReverse ? -1 : 1, children: !hiddenReverse ? (_jsx(ReverseTokensButton, { vertical: !isCompact })) : null })) : null, !hiddenToToken ? (_jsx(SelectTokenButton, { formType: "to", compact: isCompact })) : null] }));
+};
+//# sourceMappingURL=SelectChainAndToken.js.map

package/_esm/components/SelectChainAndToken.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectChainAndToken.js","sourceRoot":"","sources":["../../components/SelectChainAndToken.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,0DAA0D,CAAC;AAC/F,OAAO,EAAE,iBAAiB,EAAE,MAAM,sDAAsD,CAAC;AACzF,OAAO,EAAE,eAAe,EAAE,MAAM,+CAA+C,CAAC;AAChF,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAClE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAE1D,MAAM,CAAC,MAAM,mBAAmB,GAAuB,CAAC,KAAK,EAAE,EAAE;IAC/D,MAAM,iBAAiB,GAAG,aAAa,CAAC,CAAC,KAAY,EAAE,EAAE,CACvD,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAC7B,CAAC;IACF,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,eAAe,EAAE,CAAC;IAE/D,MAAM,CAAC,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,CAAC,GAAG,cAAc,CAC7D,WAAW,EACX,SAAS,EACT,WAAW,EACX,SAAS,CACV,CAAC;IAEF,MAAM,aAAa,GACjB,UAAU,KAAK,QAAQ;QACvB,UAAU,EAAE,QAAQ,CAAC,UAAU,CAAC,SAAS,CAAC;QAC1C,UAAU,EAAE,QAAQ,CAAC,UAAU,CAAC,OAAO,CAAC;QACxC,QAAQ,EAAE,QAAQ,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;IAEvC,MAAM,aAAa,GACjB,UAAU,KAAK,KAAK,IAAI,QAAQ,EAAE,QAAQ,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;IAE/D,MAAM,SAAS,GACb,CAAC,CAAC,SAAS;QACX,CAAC,CAAC,OAAO;QACT,CAAC,CAAC,SAAS;QACX,CAAC,CAAC,OAAO;QACT,CAAC,iBAAiB;QAClB,CAAC,aAAa,CAAC;IAEjB,OAAO,CACL,MAAC,GAAG,IACF,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,EAAE,KAChE,KAAK,aAET,KAAC,iBAAiB,IAAC,QAAQ,EAAC,MAAM,EAAC,OAAO,EAAE,SAAS,GAAI,EACxD,CAAC,aAAa,CAAC,CAAC,CAAC,CAChB,KAAC,GAAG,IACF,EAAE,EAAE;oBACF,OAAO,EAAE,MAAM;oBACf,cAAc,EAAE,QAAQ;oBACxB,UAAU,EAAE,QAAQ;iBACrB,EACD,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,YAEzB,CAAC,aAAa,CAAC,CAAC,CAAC,CAChB,KAAC,mBAAmB,IAAC,QAAQ,EAAE,CAAC,SAAS,GAAI,CAC9C,CAAC,CAAC,CAAC,IAAI,GACJ,CACP,CAAC,CAAC,CAAC,IAAI,EACP,CAAC,aAAa,CAAC,CAAC,CAAC,CAChB,KAAC,iBAAiB,IAAC,QAAQ,EAAC,IAAI,EAAC,OAAO,EAAE,SAAS,GAAI,CACxD,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC,CAAC"}

package/_esm/components/SelectTokenButton/SelectTokenButton.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" resolution-mode="require"/>
+import type { FormTypeProps } from '../../stores/form/types.js';
+export declare const SelectTokenButton: React.FC<FormTypeProps & {
+    compact: boolean;
+}>;

package/_esm/components/SelectTokenButton/SelectTokenButton.js

@@ -0,0 +1,51 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Skeleton } from '@mui/material';
+import { useTranslation } from 'react-i18next';
+import { useNavigate } from 'react-router-dom';
+import { useChain } from '../../hooks/useChain.js';
+import { useSwapOnly } from '../../hooks/useSwapOnly.js';
+import { useToken } from '../../hooks/useToken.js';
+import { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js';
+import { FormKeyHelper } from '../../stores/form/types.js';
+import { useFieldValues } from '../../stores/form/useFieldValues.js';
+import { navigationRoutes } from '../../utils/navigationRoutes.js';
+import { AvatarBadgedDefault, AvatarBadgedSkeleton } from '../Avatar/Avatar.js';
+import { TokenAvatar } from '../Avatar/TokenAvatar.js';
+import { Card } from '../Card/Card.js';
+import { CardTitle } from '../Card/CardTitle.js';
+import { SelectTokenCardHeader } from './SelectTokenButton.style.js';
+export const SelectTokenButton = ({ formType, compact }) => {
+    const { t } = useTranslation();
+    const navigate = useNavigate();
+    const { disabledUI, subvariant } = useWidgetConfig();
+    const swapOnly = useSwapOnly();
+    const tokenKey = FormKeyHelper.getTokenKey(formType);
+    const [chainId, tokenAddress] = useFieldValues(FormKeyHelper.getChainKey(formType), tokenKey);
+    const { chain, isLoading: isChainLoading } = useChain(chainId);
+    const { token, isLoading: isTokenLoading } = useToken(chainId, tokenAddress);
+    const handleClick = () => {
+        navigate(formType === 'from'
+            ? navigationRoutes.fromToken
+            : subvariant === 'refuel'
+                ? navigationRoutes.toTokenNative
+                : navigationRoutes.toToken);
+    };
+    const isSelected = !!(chain && token);
+    const onClick = !disabledUI?.includes(tokenKey) ? handleClick : undefined;
+    const defaultPlaceholder = formType === 'to' && subvariant === 'refuel'
+        ? t('main.selectChain')
+        : formType === 'to' && swapOnly
+            ? t('main.selectToken')
+            : t('main.selectChainAndToken');
+    const cardTitle = formType === 'from' && subvariant === 'nft'
+        ? t(`header.payWith`)
+        : t(`main.${formType}`);
+    return (_jsxs(Card, { flex: 1, onClick: onClick, children: [_jsx(CardTitle, { children: cardTitle }), chainId && tokenAddress && (isChainLoading || isTokenLoading) ? (_jsx(SelectTokenCardHeader, { avatar: _jsx(AvatarBadgedSkeleton, {}), title: _jsx(Skeleton, { variant: "text", width: 64, height: 24 }), subheader: _jsx(Skeleton, { variant: "text", width: 72, height: 16 }), compact: compact })) : (_jsx(SelectTokenCardHeader, { avatar: isSelected ? (_jsx(TokenAvatar, { token: token, chain: chain })) : (_jsx(AvatarBadgedDefault, {})), title: isSelected ? token.symbol : defaultPlaceholder, titleTypographyProps: {
+                    title: isSelected ? token.symbol : defaultPlaceholder,
+                }, subheader: isSelected ? chain.name : null, subheaderTypographyProps: isSelected
+                    ? {
+                        title: chain.name,
+                    }
+                    : undefined, selected: isSelected, compact: compact }))] }));
+};
+//# sourceMappingURL=SelectTokenButton.js.map

package/_esm/components/SelectTokenButton/SelectTokenButton.js.map

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

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

@@ -0,0 +1,7 @@
+/// <reference types="react" resolution-mode="require"/>
+export declare const SelectTokenCardHeader: import("@emotion/styled").StyledComponent<import("@mui/material").CardHeaderOwnProps<"span", "span"> & import("@mui/material/OverridableComponent.js").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" | "subheader" | "avatar" | "subheaderTypographyProps" | "titleTypographyProps"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    selected?: boolean | undefined;
+    compact?: boolean | undefined;
+}, {}, {}>;

package/_esm/components/SelectTokenButton/SelectTokenButton.style.js

@@ -0,0 +1,30 @@
+import { cardHeaderClasses, styled } from '@mui/material';
+import { CardHeader } from '../Card/CardHeader.js';
+export const SelectTokenCardHeader = styled(CardHeader, {
+    shouldForwardProp: (prop) => !['selected', 'compact'].includes(prop),
+})(({ theme, selected, compact }) => ({
+    padding: theme.spacing(2),
+    [`.${cardHeaderClasses.title}`]: {
+        color: selected
+            ? theme.palette.text.primary
+            : theme.palette.text.secondary,
+        textOverflow: 'ellipsis',
+        whiteSpace: 'nowrap',
+        overflow: 'hidden',
+        width: compact ? 88 : 256,
+        fontSize: compact && !selected ? 16 : 18,
+        [theme.breakpoints.down(392)]: {
+            width: compact ? 88 : 224,
+        },
+    },
+    [`.${cardHeaderClasses.subheader}`]: {
+        textOverflow: 'ellipsis',
+        whiteSpace: 'nowrap',
+        overflow: 'hidden',
+        width: compact ? 88 : 256,
+        [theme.breakpoints.down(392)]: {
+            width: compact ? 88 : 224,
+        },
+    },
+}));
+//# sourceMappingURL=SelectTokenButton.style.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectTokenButton.style.js","sourceRoot":"","sources":["../../../components/SelectTokenButton/SelectTokenButton.style.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,MAAM,CAAC,MAAM,qBAAqB,GAAG,MAAM,CAAC,UAAU,EAAE;IACtD,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAC1B,CAAC,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,IAAc,CAAC;CACpD,CAAC,CACA,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC;IACjC,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IACzB,CAAC,IAAI,iBAAiB,CAAC,KAAK,EAAE,CAAC,EAAE;QAC/B,KAAK,EAAE,QAAQ;YACb,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;YAC5B,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS;QAChC,YAAY,EAAE,UAAU;QACxB,UAAU,EAAE,QAAQ;QACpB,QAAQ,EAAE,QAAQ;QAClB,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG;QACzB,QAAQ,EAAE,OAAO,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE;QACxC,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE;YAC7B,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG;SAC1B;KACF;IACD,CAAC,IAAI,iBAAiB,CAAC,SAAS,EAAE,CAAC,EAAE;QACnC,YAAY,EAAE,UAAU;QACxB,UAAU,EAAE,QAAQ;QACpB,QAAQ,EAAE,QAAQ;QAClB,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG;QACzB,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE;YAC7B,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG;SAC1B;KACF;CACF,CAAC,CACH,CAAC"}

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

@@ -0,0 +1,6 @@
+/// <reference types="react" resolution-mode="require"/>
+export declare const SendToWalletCardHeader: import("@emotion/styled").StyledComponent<import("@mui/material").CardHeaderOwnProps<"span", "span"> & import("@mui/material/OverridableComponent.js").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" | "subheader" | "avatar" | "subheaderTypographyProps" | "titleTypographyProps"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    selected?: boolean | undefined;
+}, {}, {}>;

package/_esm/components/SendToWallet/SendToWallet.style.js

@@ -0,0 +1,29 @@
+import { cardHeaderClasses, styled } from '@mui/material';
+import { CardHeader } from '../Card/CardHeader.js';
+export const SendToWalletCardHeader = styled(CardHeader, {
+    shouldForwardProp: (prop) => !['selected'].includes(prop),
+})(({ theme, selected }) => ({
+    height: 64,
+    [`.${cardHeaderClasses.title}`]: {
+        color: selected ? theme.palette.text.primary : theme.palette.text.secondary,
+        textOverflow: 'ellipsis',
+        whiteSpace: 'nowrap',
+        overflow: 'hidden',
+        width: 256,
+        textAlign: 'left',
+        [theme.breakpoints.down(392)]: {
+            width: 224,
+        },
+    },
+    [`.${cardHeaderClasses.subheader}`]: {
+        textOverflow: 'ellipsis',
+        whiteSpace: 'nowrap',
+        overflow: 'hidden',
+        width: 256,
+        textAlign: 'left',
+        [theme.breakpoints.down(392)]: {
+            width: 224,
+        },
+    },
+}));
+//# sourceMappingURL=SendToWallet.style.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SendToWallet.style.js","sourceRoot":"","sources":["../../../components/SendToWallet/SendToWallet.style.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC,UAAU,EAAE;IACvD,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,MAAM,EAAE,EAAE;IACV,CAAC,IAAI,iBAAiB,CAAC,KAAK,EAAE,CAAC,EAAE;QAC/B,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS;QAC3E,YAAY,EAAE,UAAU;QACxB,UAAU,EAAE,QAAQ;QACpB,QAAQ,EAAE,QAAQ;QAClB,KAAK,EAAE,GAAG;QACV,SAAS,EAAE,MAAM;QACjB,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE;YAC7B,KAAK,EAAE,GAAG;SACX;KACF;IACD,CAAC,IAAI,iBAAiB,CAAC,SAAS,EAAE,CAAC,EAAE;QACnC,YAAY,EAAE,UAAU;QACxB,UAAU,EAAE,QAAQ;QACpB,QAAQ,EAAE,QAAQ;QAClB,KAAK,EAAE,GAAG;QACV,SAAS,EAAE,MAAM;QACjB,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE;YAC7B,KAAK,EAAE,GAAG;SACX;KACF;CACF,CAAC,CAAC,CAAC"}

package/_esm/components/SendToWallet/SendToWalletButton.d.ts

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

package/_esm/components/SendToWallet/SendToWalletButton.js

@@ -0,0 +1,70 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Collapse } from '@mui/material';
+import { useTranslation } from 'react-i18next';
+import { useNavigate } from 'react-router-dom';
+import { useAccount } from '../../hooks/useAccount.js';
+import { useToAddressRequirements } from '../../hooks/useToAddressRequirements.js';
+import { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js';
+import { useBookmarks } from '../../stores/bookmarks/useBookmarks.js';
+import { useFieldValues } from '../../stores/form/useFieldValues.js';
+import { useSendToWalletStore } from '../../stores/settings/useSendToWalletStore.js';
+import { DisabledUI, HiddenUI } from '../../types/widget.js';
+import { defaultChainIdsByType, getChainTypeFromAddress, } from '../../utils/chainType.js';
+import { navigationRoutes } from '../../utils/navigationRoutes.js';
+import { shortenAddress } from '../../utils/wallet.js';
+import { AccountAvatar } from '../Avatar/AccountAvatar.js';
+import { Card } from '../Card/Card.js';
+import { CardRowContainer } from '../Card/CardButton.style.js';
+import { CardTitle } from '../Card/CardTitle.js';
+import { SendToWalletCardHeader } from './SendToWallet.style.js';
+export const SendToWalletButton = () => {
+    const { t } = useTranslation();
+    const navigate = useNavigate();
+    const { disabledUI, hiddenUI, toAddress, toAddresses } = useWidgetConfig();
+    const { showSendToWallet, showSendToWalletDirty } = useSendToWalletStore();
+    const [toAddressFieldValue, toChainId, toTokenAddress] = useFieldValues('toAddress', 'toChain', 'toToken');
+    const { selectedBookmark } = useBookmarks();
+    const { accounts } = useAccount();
+    const { requiredToAddress } = useToAddressRequirements();
+    const disabledToAddress = disabledUI?.includes(DisabledUI.ToAddress);
+    const hiddenToAddress = hiddenUI?.includes(HiddenUI.ToAddress);
+    const showInstantly = Boolean(!showSendToWalletDirty && toAddress && !hiddenToAddress) ||
+        requiredToAddress;
+    const address = toAddressFieldValue
+        ? shortenAddress(toAddressFieldValue)
+        : t('sendToWallet.enterAddress', {
+            context: 'short',
+        });
+    const matchingConnectedAccount = accounts.find((account) => account.address === toAddressFieldValue);
+    const chainType = !matchingConnectedAccount
+        ? selectedBookmark?.chainType ||
+            (toAddressFieldValue
+                ? getChainTypeFromAddress(toAddressFieldValue)
+                : undefined)
+        : undefined;
+    const chainId = toChainId && toTokenAddress
+        ? toChainId
+        : matchingConnectedAccount
+            ? matchingConnectedAccount.chainId
+            : chainType
+                ? defaultChainIdsByType[chainType]
+                : undefined;
+    const isConnectedAccount = selectedBookmark?.isConnectedAccount;
+    const connectedAccountName = matchingConnectedAccount?.connector?.name;
+    const bookmarkName = selectedBookmark?.name;
+    const headerTitle = isConnectedAccount
+        ? connectedAccountName || address
+        : bookmarkName || connectedAccountName || address;
+    const headerSubheader = isConnectedAccount || bookmarkName || connectedAccountName ? address : null;
+    const handleOnClick = () => {
+        navigate(toAddresses?.length
+            ? navigationRoutes.configuredWallets
+            : navigationRoutes.sendToWallet);
+    };
+    return (_jsx(Collapse, { timeout: showInstantly ? 0 : 225, in: showSendToWallet || showInstantly, mountOnEnter: true, unmountOnExit: true, children: _jsx(Card, { component: "button", onClick: !!toAddress && disabledToAddress ? undefined : handleOnClick, sx: { mb: 2 }, children: _jsxs(CardRowContainer, { sx: {
+                    flexDirection: 'column',
+                    padding: 0,
+                    alignItems: 'flex-start',
+                }, children: [_jsx(CardTitle, { required: requiredToAddress, children: t('header.sendToWallet') }), _jsx(SendToWalletCardHeader, { avatar: _jsx(AccountAvatar, { chainId: chainId, account: matchingConnectedAccount, empty: !toAddressFieldValue }), title: headerTitle, subheader: headerSubheader, selected: !!toAddressFieldValue && !(toAddress && disabledToAddress) })] }) }) }));
+};
+//# sourceMappingURL=SendToWalletButton.js.map

package/_esm/components/SendToWallet/SendToWalletButton.js.map

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

package/_esm/components/SendToWallet/SendToWalletExpandButton.d.ts

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

package/_esm/components/SendToWallet/SendToWalletExpandButton.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Wallet } from '@mui/icons-material';
+import { Button, Tooltip } from '@mui/material';
+import { useTranslation } from 'react-i18next';
+import { useToAddressRequirements } from '../../hooks/useToAddressRequirements.js';
+import { useWidgetEvents } from '../../hooks/useWidgetEvents.js';
+import { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js';
+import { useBookmarkActions } from '../../stores/bookmarks/useBookmarkActions.js';
+import { useFieldActions } from '../../stores/form/useFieldActions.js';
+import { useSendToWalletStore } from '../../stores/settings/useSendToWalletStore.js';
+import { WidgetEvent } from '../../types/events.js';
+import { DisabledUI, HiddenUI } from '../../types/widget.js';
+export const SendToWalletExpandButton = () => {
+    const { t } = useTranslation();
+    const { disabledUI, hiddenUI, toAddress } = useWidgetConfig();
+    const { setFieldValue } = useFieldActions();
+    const { setSelectedBookmark } = useBookmarkActions();
+    const emitter = useWidgetEvents();
+    const { showSendToWallet, showSendToWalletDirty, setSendToWallet } = useSendToWalletStore();
+    const { requiredToAddress } = useToAddressRequirements();
+    if (requiredToAddress || hiddenUI?.includes(HiddenUI.ToAddress)) {
+        return null;
+    }
+    const isActive = showSendToWallet || Boolean(!showSendToWalletDirty && toAddress);
+    const handleClick = () => {
+        if (isActive && !disabledUI?.includes(DisabledUI.ToAddress)) {
+            setFieldValue('toAddress', '', { isTouched: true });
+            setSelectedBookmark();
+        }
+        setSendToWallet(!isActive);
+        emitter.emit(WidgetEvent.SendToWalletToggled, useSendToWalletStore.getState().showSendToWallet);
+    };
+    return (_jsx(Tooltip, { title: t('main.sendToWallet'), placement: "bottom-end", enterDelay: 400, arrow: true, children: _jsx(Button, { variant: isActive ? 'contained' : 'text', onClick: handleClick, sx: {
+                minWidth: 48,
+                marginLeft: 1,
+            }, children: _jsx(Wallet, {}) }) }));
+};
+//# sourceMappingURL=SendToWalletExpandButton.js.map

package/_esm/components/SendToWallet/SendToWalletExpandButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SendToWalletExpandButton.js","sourceRoot":"","sources":["../../../components/SendToWallet/SendToWalletExpandButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,wBAAwB,EAAE,MAAM,yCAAyC,CAAC;AACnF,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAC;AACnF,OAAO,EAAE,kBAAkB,EAAE,MAAM,8CAA8C,CAAC;AAClF,OAAO,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAC;AACvE,OAAO,EAAE,oBAAoB,EAAE,MAAM,+CAA+C,CAAC;AACrF,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE7D,MAAM,CAAC,MAAM,wBAAwB,GAAa,GAAG,EAAE;IACrD,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,eAAe,EAAE,CAAC;IAC9D,MAAM,EAAE,aAAa,EAAE,GAAG,eAAe,EAAE,CAAC;IAC5C,MAAM,EAAE,mBAAmB,EAAE,GAAG,kBAAkB,EAAE,CAAC;IACrD,MAAM,OAAO,GAAG,eAAe,EAAE,CAAC;IAClC,MAAM,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,eAAe,EAAE,GAChE,oBAAoB,EAAE,CAAC;IAEzB,MAAM,EAAE,iBAAiB,EAAE,GAAG,wBAAwB,EAAE,CAAC;IAEzD,IAAI,iBAAiB,IAAI,QAAQ,EAAE,QAAQ,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC;QAChE,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,QAAQ,GACZ,gBAAgB,IAAI,OAAO,CAAC,CAAC,qBAAqB,IAAI,SAAS,CAAC,CAAC;IAEnE,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,QAAQ,IAAI,CAAC,UAAU,EAAE,QAAQ,CAAC,UAAU,CAAC,SAAS,CAAC,EAAE,CAAC;YAC5D,aAAa,CAAC,WAAW,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;YACpD,mBAAmB,EAAE,CAAC;QACxB,CAAC;QACD,eAAe,CAAC,CAAC,QAAQ,CAAC,CAAC;QAC3B,OAAO,CAAC,IAAI,CACV,WAAW,CAAC,mBAAmB,EAC/B,oBAAoB,CAAC,QAAQ,EAAE,CAAC,gBAAgB,CACjD,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,OAAO,IACN,KAAK,EAAE,CAAC,CAAC,mBAAmB,CAAC,EAC7B,SAAS,EAAC,YAAY,EACtB,UAAU,EAAE,GAAG,EACf,KAAK,kBAEL,KAAC,MAAM,IACL,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,EACxC,OAAO,EAAE,WAAW,EACpB,EAAE,EAAE;gBACF,QAAQ,EAAE,EAAE;gBACZ,UAAU,EAAE,CAAC;aACd,YAED,KAAC,MAAM,KAAG,GACH,GACD,CACX,CAAC;AACJ,CAAC,CAAC"}

package/_esm/components/SettingsListItemButton.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" resolution-mode="require"/>
+export declare const SettingsListItemButton: import("@emotion/styled").StyledComponent<import("@mui/material").ListItemButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent.js").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, "alignItems" | "children" | "sx" | "style" | "autoFocus" | "className" | "tabIndex" | "disabled" | "action" | "selected" | "classes" | "divider" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "dense" | "disableGutters"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/_esm/components/SettingsListItemButton.js

@@ -0,0 +1,6 @@
+import { styled } from '@mui/material';
+import { ListItemButton as ListItemButtonBase } from './ListItemButton.js';
+export const SettingsListItemButton = styled(ListItemButtonBase)(({ theme }) => ({
+    paddingRight: theme.spacing(1),
+}));
+//# sourceMappingURL=SettingsListItemButton.js.map

package/_esm/components/SettingsListItemButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsListItemButton.js","sourceRoot":"","sources":["../../components/SettingsListItemButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,cAAc,IAAI,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAE3E,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC,kBAAkB,CAAC,CAC9D,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACd,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;CAC/B,CAAC,CACH,CAAC"}

package/_esm/components/SmallAvatar.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" resolution-mode="require"/>
+export declare const SmallAvatar: import("@emotion/styled").StyledComponent<import("@mui/material").AvatarOwnProps & import("@mui/material").AvatarSlotsAndSlotProps & import("@mui/material/OverridableComponent.js").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, "children" | "sx" | "style" | "className" | "sizes" | "alt" | "src" | "srcSet" | "classes" | "variant" | "slotProps" | "imgProps" | "slots"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const SmallAvatarSkeletonBase: import("@emotion/styled").StyledComponent<import("@mui/material").SkeletonOwnProps & import("@mui/material/OverridableComponent.js").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}, "width" | "height" | "animation" | "children" | "sx" | "style" | "className" | "classes" | "variant"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const SmallAvatarSkeletonContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const SmallAvatarSkeleton: () => import("react/jsx-runtime").JSX.Element;

package/_esm/components/SmallAvatar.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Avatar, Box, Skeleton, styled } from '@mui/material';
+export const SmallAvatar = styled(Avatar)(({ theme }) => ({
+    background: theme.palette.background.paper,
+    width: 20,
+    height: 20,
+    border: `2px solid ${theme.palette.background.paper}`,
+}));
+export const SmallAvatarSkeletonBase = styled(Skeleton)(({ theme }) => ({
+    border: `2px solid ${theme.palette.background.paper}`,
+    width: 20,
+    height: 20,
+}));
+export const SmallAvatarSkeletonContainer = styled(Box)(({ theme }) => ({
+    background: theme.palette.background.paper,
+    borderRadius: '50%',
+}));
+export const SmallAvatarSkeleton = () => {
+    return (_jsx(SmallAvatarSkeletonContainer, { children: _jsx(SmallAvatarSkeletonBase, { variant: "circular" }) }));
+};
+//# sourceMappingURL=SmallAvatar.js.map

package/_esm/components/SmallAvatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SmallAvatar.js","sourceRoot":"","sources":["../../components/SmallAvatar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAE9D,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACxD,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK;IAC1C,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,MAAM,EAAE,aAAa,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK,EAAE;CACtD,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,uBAAuB,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACtE,MAAM,EAAE,aAAa,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK,EAAE;IACrD,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;CACX,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,4BAA4B,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACtE,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK;IAC1C,YAAY,EAAE,KAAK;CACpB,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,EAAE;IACtC,OAAO,CACL,KAAC,4BAA4B,cAC3B,KAAC,uBAAuB,IAAC,OAAO,EAAC,UAAU,GAAG,GACjB,CAChC,CAAC;AACJ,CAAC,CAAC"}

package/_esm/components/Step/CircularProgress.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Done, ErrorRounded, InfoRounded, WarningRounded, } from '@mui/icons-material';
+import { darken } from '@mui/material';
+import { CircularIcon, CircularProgressPending, } from './CircularProgress.style.js';
+export function CircularProgress({ process }) {
+    return (_jsxs(CircularIcon, { status: process.status, substatus: process.substatus, children: [process.status === 'STARTED' || process.status === 'PENDING' ? (_jsx(CircularProgressPending, { size: 40 })) : null, process.status === 'ACTION_REQUIRED' ? (_jsx(InfoRounded, { color: "info", sx: {
+                    position: 'absolute',
+                    fontSize: '1.5rem',
+                } })) : null, process.status === 'DONE' &&
+                (process.substatus === 'PARTIAL' || process.substatus === 'REFUNDED') ? (_jsx(WarningRounded, { sx: (theme) => ({
+                    position: 'absolute',
+                    fontSize: '1.5rem',
+                    color: darken(theme.palette.warning.main, 0.32),
+                }) })) : process.status === 'DONE' ? (_jsx(Done, { color: "success", sx: {
+                    position: 'absolute',
+                    fontSize: '1.5rem',
+                } })) : null, process.status === 'FAILED' ? (_jsx(ErrorRounded, { color: "error", sx: {
+                    position: 'absolute',
+                    fontSize: '1.5rem',
+                } })) : null] }));
+}
+//# sourceMappingURL=CircularProgress.js.map

package/_esm/components/Step/CircularProgress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CircularProgress.js","sourceRoot":"","sources":["../../../components/Step/CircularProgress.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,IAAI,EACJ,YAAY,EACZ,WAAW,EACX,cAAc,GACf,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EACL,YAAY,EACZ,uBAAuB,GACxB,MAAM,6BAA6B,CAAC;AAErC,MAAM,UAAU,gBAAgB,CAAC,EAAE,OAAO,EAAwB;IAChE,OAAO,CACL,MAAC,YAAY,IAAC,MAAM,EAAE,OAAO,CAAC,MAAM,EAAE,SAAS,EAAE,OAAO,CAAC,SAAS,aAC/D,OAAO,CAAC,MAAM,KAAK,SAAS,IAAI,OAAO,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,CAC9D,KAAC,uBAAuB,IAAC,IAAI,EAAE,EAAE,GAAI,CACtC,CAAC,CAAC,CAAC,IAAI,EACP,OAAO,CAAC,MAAM,KAAK,iBAAiB,CAAC,CAAC,CAAC,CACtC,KAAC,WAAW,IACV,KAAK,EAAC,MAAM,EACZ,EAAE,EAAE;oBACF,QAAQ,EAAE,UAAU;oBACpB,QAAQ,EAAE,QAAQ;iBACnB,GACD,CACH,CAAC,CAAC,CAAC,IAAI,EACP,OAAO,CAAC,MAAM,KAAK,MAAM;gBAC1B,CAAC,OAAO,CAAC,SAAS,KAAK,SAAS,IAAI,OAAO,CAAC,SAAS,KAAK,UAAU,CAAC,CAAC,CAAC,CAAC,CACtE,KAAC,cAAc,IACb,EAAE,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;oBACd,QAAQ,EAAE,UAAU;oBACpB,QAAQ,EAAE,QAAQ;oBAClB,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC;iBAChD,CAAC,GACF,CACH,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,CAC9B,KAAC,IAAI,IACH,KAAK,EAAC,SAAS,EACf,EAAE,EAAE;oBACF,QAAQ,EAAE,UAAU;oBACpB,QAAQ,EAAE,QAAQ;iBACnB,GACD,CACH,CAAC,CAAC,CAAC,IAAI,EACP,OAAO,CAAC,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC7B,KAAC,YAAY,IACX,KAAK,EAAC,OAAO,EACb,EAAE,EAAE;oBACF,QAAQ,EAAE,UAAU;oBACpB,QAAQ,EAAE,QAAQ;iBACnB,GACD,CACH,CAAC,CAAC,CAAC,IAAI,IACK,CAChB,CAAC;AACJ,CAAC"}

package/_esm/components/Step/CircularProgress.style.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" resolution-mode="require"/>
+import type { Status, Substatus } from '@lifi/sdk';
+import type { Theme } from '@mui/material';
+export declare const CircularIcon: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<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<Theme>> & import("@mui/system").MUIStyledCommonProps<Theme> & {
+    status: Status;
+    substatus?: Substatus | undefined;
+}, {}, {}>;
+export declare const CircularProgressPending: import("@emotion/styled").StyledComponent<import("@mui/material").CircularProgressProps & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;

package/_esm/components/Step/CircularProgress.style.js

@@ -0,0 +1,67 @@
+import { Box, CircularProgress as MuiCircularProgress, alpha, circularProgressClasses, keyframes, styled, } from '@mui/material';
+const getStatusColor = (theme, status, substatus) => {
+    switch (status) {
+        case 'ACTION_REQUIRED':
+            return alpha(theme.palette.info.main, 0.12);
+        case 'DONE':
+            if (substatus === 'PARTIAL' || substatus === 'REFUNDED') {
+                return alpha(theme.palette.warning.main, 0.48);
+            }
+            return alpha(theme.palette.success.main, 0.12);
+        case 'FAILED':
+            return alpha(theme.palette.error.main, 0.12);
+        default:
+            return theme.palette.grey[theme.palette.mode === 'light' ? 300 : 800];
+    }
+};
+export const CircularIcon = styled(Box, {
+    shouldForwardProp: (prop) => !['status', 'substatus'].includes(prop),
+})(({ theme, status, substatus }) => ({
+    backgroundColor: ['ACTION_REQUIRED', 'DONE', 'FAILED'].includes(status)
+        ? getStatusColor(theme, status, substatus)
+        : theme.palette.background.paper,
+    borderStyle: 'solid',
+    borderColor: getStatusColor(theme, status, substatus),
+    borderWidth: !['ACTION_REQUIRED', 'DONE', 'FAILED'].includes(status)
+        ? 3
+        : 0,
+    display: 'grid',
+    position: 'relative',
+    placeItems: 'center',
+    width: 40,
+    height: 40,
+    borderRadius: '50%',
+}));
+const circleAnimation = keyframes `
+  0% {
+    stroke-dashoffset: 129;
+    transform: rotate(0);
+  }
+  50% {
+    stroke-dashoffset: 56;
+    transform: rotate(45deg);
+  };
+  100% {
+    stroke-dashoffset: 129;
+    transform: rotate(360deg);
+  }
+`;
+// This `styled()` function invokes keyframes. `styled-components` only supports keyframes
+// in string templates. Do not convert these styles in JS object as it will break.
+export const CircularProgressPending = styled(MuiCircularProgress) `
+  color: ${({ theme }) => theme.palette.mode === 'light'
+    ? theme.palette.primary.main
+    : theme.palette.primary.light};
+  animation-duration: 3s;
+  position: absolute;
+  .${circularProgressClasses.circle} {
+    animation-duration: 2s;
+    animation-timing-function: linear;
+    animation-name: ${circleAnimation};
+    stroke-dasharray: 129;
+    stroke-dashoffset: 129;
+    stroke-linecap: round;
+    transform-origin: 100% 100%;
+  }
+`;
+//# sourceMappingURL=CircularProgress.style.js.map

package/_esm/components/Step/CircularProgress.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CircularProgress.style.js","sourceRoot":"","sources":["../../../components/Step/CircularProgress.style.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,GAAG,EACH,gBAAgB,IAAI,mBAAmB,EACvC,KAAK,EACL,uBAAuB,EACvB,SAAS,EACT,MAAM,GACP,MAAM,eAAe,CAAC;AAEvB,MAAM,cAAc,GAAG,CACrB,KAAY,EACZ,MAAc,EACd,SAAqB,EACrB,EAAE;IACF,QAAQ,MAAM,EAAE,CAAC;QACf,KAAK,iBAAiB;YACpB,OAAO,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;QAC9C,KAAK,MAAM;YACT,IAAI,SAAS,KAAK,SAAS,IAAI,SAAS,KAAK,UAAU,EAAE,CAAC;gBACxD,OAAO,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;YACjD,CAAC;YACD,OAAO,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;QACjD,KAAK,QAAQ;YACX,OAAO,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;QAC/C;YACE,OAAO,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;IAC1E,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,EAAE;IACtC,iBAAiB,EAAE,CAAC,IAAY,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC;CAC7E,CAAC,CACA,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAAC;IACjC,eAAe,EAAE,CAAC,iBAAiB,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC;QACrE,CAAC,CAAC,cAAc,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC;QAC1C,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK;IAClC,WAAW,EAAE,OAAO;IACpB,WAAW,EAAE,cAAc,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC;IACrD,WAAW,EAAE,CAAC,CAAC,iBAAiB,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC;QAClE,CAAC,CAAC,CAAC;QACH,CAAC,CAAC,CAAC;IACL,OAAO,EAAE,MAAM;IACf,QAAQ,EAAE,UAAU;IACpB,UAAU,EAAE,QAAQ;IACpB,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,YAAY,EAAE,KAAK;CACpB,CAAC,CACH,CAAC;AAEF,MAAM,eAAe,GAAG,SAAS,CAAA;;;;;;;;;;;;;CAahC,CAAC;AAEF,0FAA0F;AAC1F,kFAAkF;AAClF,MAAM,CAAC,MAAM,uBAAuB,GAAG,MAAM,CAAC,mBAAmB,CAAC,CAAA;WACvD,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACrB,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO;IAC5B,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;IAC5B,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK;;;KAG9B,uBAAuB,CAAC,MAAM;;;sBAGb,eAAe;;;;;;CAMpC,CAAC"}

package/_esm/components/Step/DestinationWalletAddress.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" resolution-mode="require"/>
+import type { LiFiStepExtended } from '@lifi/sdk';
+export declare const DestinationWalletAddress: React.FC<{
+    step: LiFiStepExtended;
+    toAddress: string;
+    toAddressLink: string;
+}>;

package/_esm/components/Step/DestinationWalletAddress.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { LinkRounded, Wallet } from '@mui/icons-material';
+import { Box, Link, Typography } from '@mui/material';
+import { useTranslation } from 'react-i18next';
+import { CircularIcon } from './CircularProgress.style.js';
+import { LinkButton } from './StepProcess.style.js';
+export const DestinationWalletAddress = ({ step, toAddress, toAddressLink }) => {
+    const { t } = useTranslation();
+    const isDone = step.execution?.status === 'DONE';
+    return (_jsx(Box, { px: 2, py: 1, children: _jsxs(Box, { sx: {
+                display: 'flex',
+                alignItems: 'center',
+            }, children: [_jsx(CircularIcon, { status: isDone ? 'DONE' : 'NOT_STARTED', children: _jsx(Wallet, { color: isDone ? 'success' : 'inherit', sx: {
+                            position: 'absolute',
+                            fontSize: '1.25rem',
+                        } }) }), _jsx(Typography, { mx: 2, flex: 1, fontSize: 14, fontWeight: 400, children: isDone
+                        ? t('main.sentToAddress', {
+                            address: toAddress,
+                        })
+                        : t('main.sendToAddress', {
+                            address: toAddress,
+                        }) }), _jsx(LinkButton, { size: "medium", LinkComponent: Link, href: toAddressLink, target: "_blank", rel: "nofollow noreferrer", children: _jsx(LinkRounded, {}) })] }) }));
+};
+//# sourceMappingURL=DestinationWalletAddress.js.map

package/_esm/components/Step/DestinationWalletAddress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DestinationWalletAddress.js","sourceRoot":"","sources":["../../../components/Step/DestinationWalletAddress.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEpD,MAAM,CAAC,MAAM,wBAAwB,GAIhC,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,aAAa,EAAE,EAAE,EAAE;IAC1C,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,EAAE,MAAM,KAAK,MAAM,CAAC;IACjD,OAAO,CACL,KAAC,GAAG,IAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,YACf,MAAC,GAAG,IACF,EAAE,EAAE;gBACF,OAAO,EAAE,MAAM;gBACf,UAAU,EAAE,QAAQ;aACrB,aAED,KAAC,YAAY,IAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa,YACnD,KAAC,MAAM,IACL,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACrC,EAAE,EAAE;4BACF,QAAQ,EAAE,UAAU;4BACpB,QAAQ,EAAE,SAAS;yBACpB,GACD,GACW,EACf,KAAC,UAAU,IAAC,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,YACtD,MAAM;wBACL,CAAC,CAAC,CAAC,CAAC,oBAAoB,EAAE;4BACtB,OAAO,EAAE,SAAS;yBACnB,CAAC;wBACJ,CAAC,CAAC,CAAC,CAAC,oBAAoB,EAAE;4BACtB,OAAO,EAAE,SAAS;yBACnB,CAAC,GACK,EACb,KAAC,UAAU,IACT,IAAI,EAAC,QAAQ,EACb,aAAa,EAAE,IAAI,EACnB,IAAI,EAAE,aAAa,EACnB,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,YAEzB,KAAC,WAAW,KAAG,GACJ,IACT,GACF,CACP,CAAC;AACJ,CAAC,CAAC"}

package/_esm/components/Step/Step.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" resolution-mode="require"/>
+import type { LiFiStepExtended, TokenAmount } from '@lifi/sdk';
+export declare const Step: React.FC<{
+    step: LiFiStepExtended;
+    fromToken?: TokenAmount;
+    toToken?: TokenAmount;
+    toAddress?: string;
+}>;