@openocean.finance/widget 1.0.16 → 1.0.17

package/dist/esm/components/SelectTokenButton/SelectTokenButton.js

@@ -0,0 +1,51 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Skeleton, Box } 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 { CardTitle } from '../Card/CardTitle.js';
+import { AmountInput } from '../AmountInput/AmountInput.js';
+import { CardContent, SelectTokenCard, 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 === 'custom'
+        ? t('header.payWith')
+        : t(`main.${formType}`);
+    return (_jsx(SelectTokenCard, { component: "div", children: _jsxs(CardContent, { formType: formType, compact: compact, children: [_jsx(CardTitle, { children: cardTitle }), _jsxs(Box, { sx: { display: 'flex', flexDirection: 'row' }, children: [_jsx(Box, { flex: 1, display: "flex", alignItems: "center", justifyContent: "start", children: chainId && tokenAddress && (isChainLoading || isTokenLoading) ? (_jsx(SelectTokenCardHeader, { sx: { width: '50%' }, onClick: onClick, 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, { sx: { width: '50%' }, onClick: onClick, 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 })) }), _jsx(Box, { flex: 1, display: "flex", alignItems: "center", justifyContent: "end", children: _jsx(AmountInput, { sx: { width: '50%' }, formType: formType }) })] })] }) }));
+};
+//# sourceMappingURL=SelectTokenButton.js.map

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

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

package/dist/esm/components/SelectTokenButton/SelectTokenButton.style.d.ts

@@ -0,0 +1,10 @@
+import type { FormType } from '../../stores/form/types.js';
+export declare const SelectTokenCardHeader: import("@emotion/styled").StyledComponent<import("@mui/material").CardHeaderOwnProps<"span", "span"> & import("@mui/material").CardHeaderSlotsAndSlotProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "title" | "sx" | "style" | "className" | "classes" | "action" | "slots" | "slotProps" | "disableTypography" | "subheader" | "avatar" | "subheaderTypographyProps" | "titleTypographyProps"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    selected?: boolean;
+    compact?: boolean;
+}, {}, {}>;
+export declare const SelectTokenCard: import("@emotion/styled").StyledComponent<import("@mui/material").CardOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "children" | "sx" | "style" | "className" | "square" | "classes" | "variant" | "elevation" | "raised"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & import("../Card/Card.js").CardProps, {}, {}>;
+export declare const CardContent: import("@emotion/styled").StyledComponent<import("@mui/material").CardContentOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "children" | "sx" | "style" | "className" | "classes"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    formType: FormType;
+    compact: boolean;
+}, {}, {}>;

package/dist/esm/components/SelectTokenButton/SelectTokenButton.style.js

@@ -0,0 +1,101 @@
+import { CardContent as MuiCardContent, cardHeaderClasses, darken, lighten, styled, } from '@mui/material';
+import { Card } from '../Card/Card.js';
+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: theme.palette.text.secondary,
+        textOverflow: 'ellipsis',
+        whiteSpace: 'nowrap',
+        overflow: 'hidden',
+        // width: 256,
+        fontSize: compact && !selected ? 16 : 18,
+        fontWeight: 500,
+        [theme.breakpoints.down(theme.breakpoints.values.sm)]: {
+        // width: 224,
+        },
+    },
+    [`.${cardHeaderClasses.subheader}`]: {
+        textOverflow: 'ellipsis',
+        whiteSpace: 'nowrap',
+        overflow: 'hidden',
+        // width: 256,
+        [theme.breakpoints.down(theme.breakpoints.values.sm)]: {
+        // width: 224,
+        },
+    },
+    variants: [
+        {
+            props: ({ selected }) => selected,
+            style: {
+                [`.${cardHeaderClasses.title}`]: {
+                    color: theme.palette.text.primary,
+                    fontWeight: 600,
+                },
+            },
+        },
+        {
+            props: ({ compact }) => compact,
+            style: {
+                [`.${cardHeaderClasses.title}`]: {
+                    width: 96,
+                    [theme.breakpoints.down(theme.breakpoints.values.sm)]: {
+                        width: 96,
+                    },
+                },
+                [`.${cardHeaderClasses.subheader}`]: {
+                    width: 96,
+                    [theme.breakpoints.down(theme.breakpoints.values.sm)]: {
+                        width: 96,
+                    },
+                },
+            },
+        },
+    ],
+}));
+export const SelectTokenCard = styled(Card)(({ theme }) => {
+    const cardVariant = theme.components?.MuiCard?.defaultProps?.variant;
+    return {
+        flex: 1,
+        ...(cardVariant !== 'outlined' && {
+            background: 'none',
+            '&:hover': {
+                cursor: 'pointer',
+                background: 'none',
+            },
+        }),
+    };
+});
+export const CardContent = styled(MuiCardContent, {
+    shouldForwardProp: (prop) => prop !== 'formType' && prop !== 'compact',
+})(({ theme, formType, compact }) => {
+    const cardVariant = theme.components?.MuiCard?.defaultProps?.variant;
+    const direction = formType === 'to' ? '-8px' : 'calc(100% + 8px)';
+    const horizontal = compact ? direction : '50%';
+    const vertical = compact ? '50%' : direction;
+    return {
+        padding: 0,
+        transition: theme.transitions.create(['background-color'], {
+            duration: theme.transitions.duration.enteringScreen,
+            easing: theme.transitions.easing.easeOut,
+        }),
+        '&:last-child': {
+            paddingBottom: 0,
+        },
+        ...(cardVariant !== 'outlined' && {
+            backgroundColor: theme.palette.background.paper,
+            mask: `radial-gradient(circle 20px at ${horizontal} ${vertical}, #fff0 96%, #fff) 100% 100% / 100% 100% no-repeat`,
+        }),
+        ...(cardVariant === 'filled' && {
+            '&:hover': {
+                cursor: 'pointer',
+                backgroundColor: theme.palette.mode === 'light'
+                    ? darken(theme.palette.background.paper, 0.02)
+                    : lighten(theme.palette.background.paper, 0.02),
+            },
+        }),
+    };
+});
+//# sourceMappingURL=SelectTokenButton.style.js.map

package/dist/esm/components/SelectTokenButton/SelectTokenButton.style.js.map

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

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

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+interface SelectTokenButtonProps {
+    children: ReactNode;
+    [key: string]: any;
+}
+export declare const SelectTokenButton: ({ children, ...props }: SelectTokenButtonProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/components/SelectTokenButton.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { styled } from '@mui/material/styles';
+import { Card } from './Card/Card.js';
+const StyledCard = styled(Card) `
+  // ... existing styles ...
+`;
+export const SelectTokenButton = ({ children, ...props }) => {
+    return (_jsx(StyledCard, { as: "div", ...props, children: children }));
+};
+//# sourceMappingURL=SelectTokenButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectTokenButton.js","sourceRoot":"","sources":["../../../src/components/SelectTokenButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAA;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAA;AAGrC,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;;CAE9B,CAAA;AAOD,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAA0B,EAAE,EAAE;IAClF,OAAO,CACL,KAAC,UAAU,IAAC,EAAE,EAAC,KAAK,KAAK,KAAK,YAC3B,QAAQ,GACE,CACd,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/SendToWallet/SendToWallet.style.d.ts

@@ -0,0 +1,3 @@
+export declare const SendToWalletCardHeader: import("@emotion/styled").StyledComponent<import("@mui/material").CardHeaderOwnProps<"span", "span"> & import("@mui/material").CardHeaderSlotsAndSlotProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "title" | "sx" | "style" | "className" | "classes" | "action" | "slots" | "slotProps" | "disableTypography" | "subheader" | "avatar" | "subheaderTypographyProps" | "titleTypographyProps"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    selected?: boolean;
+}, {}, {}>;

package/dist/esm/components/SendToWallet/SendToWallet.style.js

@@ -0,0 +1,55 @@
+import { cardHeaderClasses, styled } from '@mui/material';
+import { CardHeader } from '../Card/CardHeader.js';
+export const SendToWalletCardHeader = styled(CardHeader, {
+    shouldForwardProp: (prop) => !['selected'].includes(prop),
+})(({ theme }) => ({
+    width: '100%',
+    [`.${cardHeaderClasses.title}`]: {
+        color: theme.palette.text.secondary,
+        textOverflow: 'ellipsis',
+        whiteSpace: 'nowrap',
+        overflow: 'hidden',
+        fontWeight: 500,
+        width: 254,
+        [theme.breakpoints.down(theme.breakpoints.values.sm)]: {
+            width: 224,
+        },
+    },
+    [`.${cardHeaderClasses.subheader}`]: {
+        textOverflow: 'ellipsis',
+        whiteSpace: 'nowrap',
+        overflow: 'hidden',
+        width: 254,
+        [theme.breakpoints.down(theme.breakpoints.values.sm)]: {
+            width: 224,
+        },
+    },
+    [`.${cardHeaderClasses.action}`]: {
+        marginRight: 0,
+    },
+    [`.${cardHeaderClasses.action} > button`]: {
+        fontSize: 16,
+    },
+    variants: [
+        {
+            props: ({ selected }) => selected,
+            style: {
+                [`.${cardHeaderClasses.title}`]: {
+                    color: theme.palette.text.primary,
+                    fontWeight: 600,
+                    width: 224,
+                    [theme.breakpoints.down(theme.breakpoints.values.sm)]: {
+                        width: 192,
+                    },
+                },
+                [`.${cardHeaderClasses.subheader}`]: {
+                    width: 224,
+                    [theme.breakpoints.down(theme.breakpoints.values.sm)]: {
+                        width: 192,
+                    },
+                },
+            },
+        },
+    ],
+}));
+//# sourceMappingURL=SendToWallet.style.js.map

package/dist/esm/components/SendToWallet/SendToWallet.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SendToWallet.style.js","sourceRoot":"","sources":["../../../../src/components/SendToWallet/SendToWallet.style.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAElD,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,EAAE,EAAE,CAAC,CAAC;IACzC,KAAK,EAAE,MAAM;IACb,CAAC,IAAI,iBAAiB,CAAC,KAAK,EAAE,CAAC,EAAE;QAC/B,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS;QACnC,YAAY,EAAE,UAAU;QACxB,UAAU,EAAE,QAAQ;QACpB,QAAQ,EAAE,QAAQ;QAClB,UAAU,EAAE,GAAG;QACf,KAAK,EAAE,GAAG;QACV,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE;YACrD,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,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE;YACrD,KAAK,EAAE,GAAG;SACX;KACF;IACD,CAAC,IAAI,iBAAiB,CAAC,MAAM,EAAE,CAAC,EAAE;QAChC,WAAW,EAAE,CAAC;KACf;IACD,CAAC,IAAI,iBAAiB,CAAC,MAAM,WAAW,CAAC,EAAE;QACzC,QAAQ,EAAE,EAAE;KACb;IACD,QAAQ,EAAE;QACR;YACE,KAAK,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,QAAQ;YACjC,KAAK,EAAE;gBACL,CAAC,IAAI,iBAAiB,CAAC,KAAK,EAAE,CAAC,EAAE;oBAC/B,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;oBACjC,UAAU,EAAE,GAAG;oBACf,KAAK,EAAE,GAAG;oBACV,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE;wBACrD,KAAK,EAAE,GAAG;qBACX;iBACF;gBACD,CAAC,IAAI,iBAAiB,CAAC,SAAS,EAAE,CAAC,EAAE;oBACnC,KAAK,EAAE,GAAG;oBACV,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE;wBACrD,KAAK,EAAE,GAAG;qBACX;iBACF;aACF;SACF;KACF;CACF,CAAC,CAAC,CAAA"}

package/dist/esm/components/SendToWallet/SendToWalletButton.d.ts

@@ -0,0 +1,2 @@
+import type { CardProps } from '../Card/Card.js';
+export declare const SendToWalletButton: React.FC<CardProps>;

package/dist/esm/components/SendToWallet/SendToWalletButton.js

@@ -0,0 +1,100 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CloseRounded } from '@mui/icons-material';
+import { Box, Collapse } from '@mui/material';
+import { useAccount } from '@openocean.finance/wallet-management';
+import { useEffect, useRef } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useNavigate } from 'react-router-dom';
+import { useToAddressRequirements } from '../../hooks/useToAddressRequirements.js';
+import { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js';
+import { useBookmarkActions } from '../../stores/bookmarks/useBookmarkActions.js';
+import { useBookmarks } from '../../stores/bookmarks/useBookmarks.js';
+import { useFieldActions } from '../../stores/form/useFieldActions.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 { CardIconButton } from '../Card/CardIconButton.js';
+import { CardTitle } from '../Card/CardTitle.js';
+import { SendToWalletCardHeader } from './SendToWallet.style.js';
+export const SendToWalletButton = (props) => {
+    const { t } = useTranslation();
+    const navigate = useNavigate();
+    const { disabledUI, hiddenUI, toAddress, toAddresses, subvariant, subvariantOptions, } = useWidgetConfig();
+    const { showSendToWallet } = useSendToWalletStore();
+    const [toAddressFieldValue, toChainId, toTokenAddress] = useFieldValues('toAddress', 'toChain', 'toToken');
+    const { setFieldValue } = useFieldActions();
+    const { selectedBookmark } = useBookmarks();
+    const { setSelectedBookmark } = useBookmarkActions();
+    const { accounts } = useAccount();
+    const { requiredToAddress } = useToAddressRequirements();
+    const disabledToAddress = disabledUI?.includes(DisabledUI.ToAddress);
+    const hiddenToAddress = hiddenUI?.includes(HiddenUI.ToAddress);
+    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 &&
+        matchingConnectedAccount?.isConnected;
+    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 disabledForChanges = Boolean(toAddressFieldValue) && disabledToAddress;
+    const handleOnClick = () => {
+        navigate(toAddresses?.length
+            ? navigationRoutes.configuredWallets
+            : navigationRoutes.sendToWallet);
+    };
+    const clearSelectedBookmark = (e) => {
+        e.stopPropagation();
+        setFieldValue('toAddress', '', { isTouched: true });
+        setSelectedBookmark();
+    };
+    // The collapse opens instantly on first page load/component mount when there is an address to display
+    // After which it needs an animated transition for open and closing.
+    // collapseTransitionTime is used specify the transition time for opening and closing
+    const collapseTransitionTime = useRef(0);
+    // Timeout is needed here to push the collapseTransitionTime update to the back of the event loop so that it doesn't fired too quickly
+    // biome-ignore lint/correctness/useExhaustiveDependencies:
+    useEffect(() => {
+        setTimeout(() => {
+            collapseTransitionTime.current = 225;
+        }, 0);
+    }, [collapseTransitionTime]);
+    const isOpenCollapse = requiredToAddress || (showSendToWallet && !hiddenToAddress);
+    const title = subvariant === 'custom' && subvariantOptions?.custom === 'deposit'
+        ? t('header.depositTo')
+        : t('header.sendToWallet');
+    return (_jsx(Collapse, { timeout: collapseTransitionTime.current, in: isOpenCollapse, mountOnEnter: true, unmountOnExit: true, children: _jsxs(Card
+        // biome-ignore lint/a11y/useSemanticElements:
+        , { 
+            // biome-ignore lint/a11y/useSemanticElements:
+            role: "button", onClick: disabledForChanges ? undefined : handleOnClick, sx: { width: '100%', ...props.sx }, children: [_jsx(CardTitle, { required: requiredToAddress, children: title }), _jsx(Box, { sx: {
+                        display: 'flex',
+                        justifyContent: 'center',
+                        alignItems: 'center',
+                    }, children: _jsx(SendToWalletCardHeader, { avatar: _jsx(AccountAvatar, { chainId: chainId, account: matchingConnectedAccount, toAddress: toAddress, empty: !toAddressFieldValue }), title: headerTitle, subheader: headerSubheader, selected: !!toAddressFieldValue || disabledToAddress, action: !!toAddressFieldValue && !disabledForChanges ? (_jsx(CardIconButton, { onClick: clearSelectedBookmark, size: "small", children: _jsx(CloseRounded, { fontSize: "inherit" }) })) : null }) })] }) }));
+};
+//# sourceMappingURL=SendToWalletButton.js.map

package/dist/esm/components/SendToWallet/SendToWalletButton.js.map

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

package/dist/esm/components/SendToWallet/SendToWalletExpandButton.d.ts

@@ -0,0 +1 @@
+export declare const SendToWalletExpandButton: React.FC;

package/dist/esm/components/SendToWallet/SendToWalletExpandButton.js

@@ -0,0 +1,41 @@
+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 { useFieldValues } from '../../stores/form/useFieldValues.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 } = useWidgetConfig();
+    const { setFieldValue } = useFieldActions();
+    const { setSelectedBookmark } = useBookmarkActions();
+    const emitter = useWidgetEvents();
+    const { showSendToWallet, setSendToWallet } = useSendToWalletStore();
+    const [toAddressFieldValue] = useFieldValues('toAddress');
+    const { requiredToAddress } = useToAddressRequirements();
+    if (requiredToAddress || hiddenUI?.includes(HiddenUI.ToAddress)) {
+        return null;
+    }
+    const handleClick = () => {
+        if (showSendToWallet && !disabledUI?.includes(DisabledUI.ToAddress)) {
+            setFieldValue('toAddress', '', { isTouched: true });
+            setSelectedBookmark();
+        }
+        setSendToWallet(!showSendToWallet);
+        emitter.emit(WidgetEvent.SendToWalletToggled, useSendToWalletStore.getState().showSendToWallet);
+    };
+    const buttonVariant = showSendToWallet || Boolean(toAddressFieldValue) ? 'contained' : 'text';
+    return (_jsx(Tooltip, { title: t('main.sendToWallet'), placement: "bottom-end", children: _jsx(Button, { variant: buttonVariant, onClick: handleClick, sx: {
+                minWidth: 48,
+                width: 48,
+                height: 48,
+            }, children: _jsx(Wallet, {}) }) }));
+};
+//# sourceMappingURL=SendToWalletExpandButton.js.map

package/dist/esm/components/SendToWallet/SendToWalletExpandButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SendToWalletExpandButton.js","sourceRoot":"","sources":["../../../../src/components/SendToWallet/SendToWalletExpandButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,wBAAwB,EAAE,MAAM,yCAAyC,CAAA;AAClF,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAA;AAClF,OAAO,EAAE,kBAAkB,EAAE,MAAM,8CAA8C,CAAA;AACjF,OAAO,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAA;AACtE,OAAO,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAA;AACpE,OAAO,EAAE,oBAAoB,EAAE,MAAM,+CAA+C,CAAA;AACpF,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAE5D,MAAM,CAAC,MAAM,wBAAwB,GAAa,GAAG,EAAE;IACrD,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAC9B,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,eAAe,EAAE,CAAA;IAClD,MAAM,EAAE,aAAa,EAAE,GAAG,eAAe,EAAE,CAAA;IAC3C,MAAM,EAAE,mBAAmB,EAAE,GAAG,kBAAkB,EAAE,CAAA;IACpD,MAAM,OAAO,GAAG,eAAe,EAAE,CAAA;IACjC,MAAM,EAAE,gBAAgB,EAAE,eAAe,EAAE,GAAG,oBAAoB,EAAE,CAAA;IACpE,MAAM,CAAC,mBAAmB,CAAC,GAAG,cAAc,CAAC,WAAW,CAAC,CAAA;IACzD,MAAM,EAAE,iBAAiB,EAAE,GAAG,wBAAwB,EAAE,CAAA;IAExD,IAAI,iBAAiB,IAAI,QAAQ,EAAE,QAAQ,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC;QAChE,OAAO,IAAI,CAAA;IACb,CAAC;IAED,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,gBAAgB,IAAI,CAAC,UAAU,EAAE,QAAQ,CAAC,UAAU,CAAC,SAAS,CAAC,EAAE,CAAC;YACpE,aAAa,CAAC,WAAW,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAA;YACnD,mBAAmB,EAAE,CAAA;QACvB,CAAC;QACD,eAAe,CAAC,CAAC,gBAAgB,CAAC,CAAA;QAClC,OAAO,CAAC,IAAI,CACV,WAAW,CAAC,mBAAmB,EAC/B,oBAAoB,CAAC,QAAQ,EAAE,CAAC,gBAAgB,CACjD,CAAA;IACH,CAAC,CAAA;IAED,MAAM,aAAa,GACjB,gBAAgB,IAAI,OAAO,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAA;IAEzE,OAAO,CACL,KAAC,OAAO,IAAC,KAAK,EAAE,CAAC,CAAC,mBAAmB,CAAC,EAAE,SAAS,EAAC,YAAY,YAC5D,KAAC,MAAM,IACL,OAAO,EAAE,aAAa,EACtB,OAAO,EAAE,WAAW,EACpB,EAAE,EAAE;gBACF,QAAQ,EAAE,EAAE;gBACZ,KAAK,EAAE,EAAE;gBACT,MAAM,EAAE,EAAE;aACX,YAED,KAAC,MAAM,KAAG,GACH,GACD,CACX,CAAA;AACH,CAAC,CAAA"}

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

@@ -0,0 +1 @@
+export declare const SettingsListItemButton: 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/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/dist/esm/components/SettingsListItemButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsListItemButton.js","sourceRoot":"","sources":["../../../src/components/SettingsListItemButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AACtC,OAAO,EAAE,cAAc,IAAI,kBAAkB,EAAE,MAAM,qBAAqB,CAAA;AAE1E,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,CAAA"}

package/dist/esm/components/Skeleton/WidgetSkeleton.d.ts

@@ -0,0 +1,2 @@
+import type { WidgetConfigPartialProps } from '../../types/widget.js';
+export declare const WidgetSkeleton: ({ config }: WidgetConfigPartialProps) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/Skeleton/WidgetSkeleton.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Skeleton, ThemeProvider, useMediaQuery } from '@mui/material';
+import { useMemo } from 'react';
+import { createTheme } from '../../themes/createTheme.js';
+import { AppExpandedContainer, FlexContainer, RelativeContainer, } from '../AppContainer.js';
+import { SkeletonAmountContainer, SkeletonCard, SkeletonCardRow, SkeletonHeaderAppBar, SkeletonHeaderContainer, SkeletonInputCard, SkeletonPoweredByContainer, SkeletonReviewButton, SkeletonReviewButtonContainer, SkeletonSendToWalletButton, SkeletonWalletMenuButtonContainer, } from './WidgetSkeleton.style.js';
+const SkeletonIcon = () => _jsx(Skeleton, { width: 24, height: 24, variant: "rounded" });
+const SkeletonWalletMenuButton = () => (_jsxs(SkeletonWalletMenuButtonContainer, { children: [_jsx(Skeleton, { width: 98, height: 19, variant: "text" }), _jsx(SkeletonIcon, {})] }));
+const SkeletonSelectCard = ({ titleWidth = 36, placeholderWidth = 195, }) => (_jsxs(SkeletonCard, { elevation: 0, children: [_jsx(Skeleton, { width: titleWidth, height: 22, variant: "text" }), _jsxs(SkeletonCardRow, { children: [_jsx(Skeleton, { width: 40, height: 40, variant: "circular" }), _jsx(Skeleton, { width: placeholderWidth, height: 27, variant: "text" })] })] }));
+const SkeletonYouPayCard = () => (_jsxs(SkeletonInputCard, { elevation: 0, children: [_jsx(Skeleton, { width: 55, height: 22, variant: "text" }), _jsxs(SkeletonCardRow, { children: [_jsx(Skeleton, { width: 40, height: 40, variant: "circular" }), _jsxs(SkeletonAmountContainer, { children: [_jsx(Skeleton, { width: 48, height: 37, variant: "text", sx: { marginTop: -0.75 } }), _jsx(Skeleton, { width: 48, height: 12, variant: "text" })] })] })] }));
+export const WidgetSkeleton = ({ config }) => {
+    const appearance = config?.appearance;
+    const hiddenUI = config?.hiddenUI || [];
+    const requiredUI = config?.requiredUI || [];
+    const configTheme = config?.theme;
+    const prefersDarkMode = useMediaQuery('(prefers-color-scheme: dark)');
+    const appearanceMode = !appearance || appearance === 'auto'
+        ? prefersDarkMode
+            ? 'dark'
+            : 'light'
+        : appearance;
+    const theme = useMemo(() => createTheme(appearanceMode, configTheme), [appearanceMode, configTheme]);
+    return (_jsx(ThemeProvider, { theme: theme, children: _jsx(AppExpandedContainer, { children: _jsxs(RelativeContainer, { sx: { display: 'flex', flexDirection: 'column' }, children: [_jsxs(SkeletonHeaderContainer, { children: [!hiddenUI.includes('walletMenu') ? (_jsx(SkeletonHeaderAppBar, { children: _jsx(SkeletonWalletMenuButton, {}) })) : null, _jsxs(SkeletonHeaderAppBar, { sx: { justifyContent: 'space-between', height: 40 }, children: [_jsx(Skeleton, { width: 126, height: 34, variant: "text" }), _jsx(SkeletonIcon, {})] })] }), _jsxs(FlexContainer, { sx: {
+                            gap: 2,
+                            paddingBottom: hiddenUI.includes('poweredBy') ? 3 : 2,
+                        }, children: [_jsx(SkeletonSelectCard, {}), _jsx(SkeletonSelectCard, {}), _jsx(SkeletonYouPayCard, {}), requiredUI.includes('toAddress') ? (_jsx(SkeletonSelectCard, { titleWidth: 104, placeholderWidth: 175 })) : null, _jsxs(SkeletonReviewButtonContainer, { children: [_jsx(SkeletonReviewButton, { variant: "contained", fullWidth: true, children: "\u00A0" }), !requiredUI.includes('toAddress') ? (_jsx(SkeletonSendToWalletButton, { variant: "text", fullWidth: true, children: "\u00A0" })) : null] })] }), !hiddenUI.includes('poweredBy') ? (_jsx(SkeletonPoweredByContainer, { children: _jsx(Skeleton, { width: 96, height: 18, variant: "text" }) })) : null] }) }) }));
+};
+//# sourceMappingURL=WidgetSkeleton.js.map

package/dist/esm/components/Skeleton/WidgetSkeleton.js.map

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

package/dist/esm/components/Skeleton/WidgetSkeleton.style.d.ts

@@ -0,0 +1,11 @@
+export declare const SkeletonHeaderAppBar: 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>, {}, {}>;
+export declare const SkeletonWalletMenuButtonContainer: 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>, {}, {}>;
+export declare const SkeletonCardRow: 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>, {}, {}>;
+export declare const SkeletonAmountContainer: 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>, {}, {}>;
+export declare const SkeletonCard: import("@emotion/styled").StyledComponent<import("@mui/material").CardOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "children" | "sx" | "style" | "className" | "square" | "classes" | "variant" | "elevation" | "raised"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const SkeletonInputCard: import("@emotion/styled").StyledComponent<Pick<import("@mui/material").CardOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "children" | "sx" | "style" | "className" | "square" | "classes" | "variant" | "elevation" | "raised"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & import("../Card/Card.js").CardProps, "title" | "theme" | "color" | "content" | "translate" | "children" | "ref" | "sx" | "slot" | "style" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "square" | "type" | "classes" | "variant" | "elevation" | "component" | "as" | "raised" | "selectionColor" | "indented"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const SkeletonReviewButtonContainer: 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>, {}, {}>;
+export declare const SkeletonReviewButton: import("@emotion/styled").StyledComponent<import("@mui/material").ButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "color" | "children" | "sx" | "style" | "className" | "tabIndex" | "size" | "disabled" | "classes" | "variant" | "href" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "loading" | "loadingIndicator" | "loadingPosition" | "startIcon"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const SkeletonSendToWalletButton: import("@emotion/styled").StyledComponent<import("@mui/material").ButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "color" | "children" | "sx" | "style" | "className" | "tabIndex" | "size" | "disabled" | "classes" | "variant" | "href" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "loading" | "loadingIndicator" | "loadingPosition" | "startIcon"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const SkeletonPoweredByContainer: 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>, {}, {}>;
+export declare const SkeletonHeaderContainer: 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>, {}, {}>;