@arthur2079/internal-profile 0.1.2-next.3 → 0.1.2-next.5

package/dist/components/ConnectWalletModal/ConnectWalletModal.styles.js

@@ -1,101 +0,0 @@
-import { darkTheme, styled } from '@rango-dev/ui';
-export const TextLink = styled('a', {
-    color: '$info',
-    marginRight: '$5',
-    marginLeft: '$5',
-});
-export const ModalContent = styled('div', {
-    display: 'flex',
-    flexDirection: 'column',
-    padding: '$20',
-    height: '100%',
-    overflow: 'clip',
-    '@md': {
-        padding: '$24',
-    },
-    '& .social-wallet-description': {
-        paddingTop: '$20',
-        textAlign: 'left',
-        [`.${darkTheme} &`]: {
-            color: '$neutral900',
-        },
-    },
-    '& .social-wallet-banner-separator': {
-        display: 'flex',
-        justifyContent: 'center',
-        alignItems: 'center',
-        padding: '$8 0',
-        '@sm': {
-            padding: '$16 0 $24 0',
-        },
-        '& .separator': {
-            flex: 1,
-            borderBottom: '0.5px solid $neutral500',
-            [`.${darkTheme} &`]: {
-                borderBottomColor: '$neutral600',
-            },
-        },
-    },
-});
-export const SocialWalletBanner = styled('img', {
-    width: '100%',
-    cursor: 'pointer',
-});
-export const WalletListContainer = styled('div', {
-    flex: 1,
-    overflow: 'auto',
-});
-export const WalletListContent = styled('div', {
-    width: '100%',
-    display: 'grid',
-    gap: '$8',
-    gridTemplateColumns: 'repeat(3, minmax(0, 1fr))',
-    gridTemplateRows: 'repeat(3, 1fr)',
-    alignItems: 'stretch',
-    variants: {
-        isEmpty: {
-            true: {
-                height: '100%',
-            },
-        },
-    },
-});
-export const SearchWalletContainer = styled('div', {
-    backgroundColor: '$neutral100',
-    [`.${darkTheme} &`]: {
-        backgroundColor: '$neutral300',
-    },
-    borderRadius: '$md',
-    flex: 1,
-});
-export const searchWalletTextFieldStyles = {
-    height: '100%',
-    '& input': {
-        width: '100%',
-    },
-};
-export const NoWalletFoundContainer = styled('div', {
-    display: 'flex',
-    height: '100%',
-    flexDirection: 'column',
-    alignItems: 'center',
-    justifyContent: 'center',
-});
-export const NoResultImage = styled('img', {
-    width: '135px',
-    '@md': {
-        width: '190px',
-    },
-});
-export const ConnectWalletFooterTypographyStyles = {
-    padding: '0 7px',
-};
-export const FiltersContainer = styled('div', {
-    display: 'flex',
-    gap: '10px',
-});
-export const SearchIconContainer = styled('div', {
-    height: '24px',
-    width: '24px',
-    padding: '4px',
-});

package/dist/components/ConnectWalletModal/ConnectWalletModal.types.d.ts

@@ -1,44 +0,0 @@
-import type { ModalPropTypes } from '@rango-dev/ui';
-import type { BlockchainMeta } from 'rango-types';
-import type { PropsWithChildren, ReactNode } from 'react';
-import { type WalletInfo } from '@rango-dev/widget-embedded';
-export type WalletMessage = {
-    open: boolean;
-    message: string;
-};
-type HeaderProps = {
-    showBackButton: boolean;
-    handleClose: () => void;
-    title?: string;
-    walletName?: string;
-};
-type NotificationProps = {
-    message: WalletMessage;
-    setOpen: () => void;
-    autoHideDuration: number;
-};
-export type WalletCategory = Pick<WalletInfo, 'supportedChains'>;
-export type ConnectWalletModalProps = {
-    indexInStack?: number;
-    detachedConfirmText?: string;
-    forceConnectToNamespaces?: string[];
-    afterConnect?: () => void;
-    onDetachedConfirm?: () => void;
-    shouldExcludeWallet?: (wallet: WalletInfo | WalletCategory) => boolean;
-    renderHeader: (props: HeaderProps) => ReactNode;
-    renderNotification: (props: NotificationProps) => ReactNode;
-    renderModal: (props: PropsWithChildren<ModalPropTypes>) => ReactNode;
-    allBlockchains: BlockchainMeta[];
-    isMobile: boolean;
-    isDarkMode: boolean;
-    options?: {
-        hideSocialWalletPromotionBanner?: boolean;
-        skipSocialWalletIntroModal?: boolean;
-    };
-};
-export type SocialNetwork = 'google' | 'twitter';
-export type SocialUser = {
-    google?: unknown;
-    twitter?: unknown;
-} | null;
-export {};

package/dist/components/ConnectWalletModal/ConnectWalletModal.types.js

@@ -1 +0,0 @@
-export {};

package/dist/components/ConnectWalletModal/EmptyWalletList.d.ts

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

package/dist/components/ConnectWalletModal/EmptyWalletList.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Divider, Typography } from '@rango-dev/ui';
-import { useTranslation } from 'react-i18next';
-import { NoResultImage, NoWalletFoundContainer } from './ConnectWalletModal.styles';
-const EmptyWalletList = () => {
-    const { t } = useTranslation();
-    return (_jsxs(NoWalletFoundContainer, { children: [_jsx(NoResultImage, { src: "/imgs/general/no-result-found.svg", width: "190px", alt: "No Wallet Found" }), _jsx(Divider, { size: "10" }), _jsx(Typography, { variant: "title", size: "medium", color: "info500", children: t('No Wallet Found') }), _jsx(Divider, { size: "10" }), _jsx(Typography, { variant: "body", size: "medium", style: { maxWidth: '350px' }, children: t('There is no wallet found based on selected chain or search text, please try another chain or search query.') })] }));
-};
-export default EmptyWalletList;

package/dist/components/ConnectWalletModal/StatefulConnectContainer.d.ts

@@ -1,3 +0,0 @@
-import type { StatefulConnectContainerProps } from './StatefulConnectContainer.types';
-declare const StatefulConnectContainer: ({ selectedWallet, catchErrorsWhileConnect, indexInStack, onClose, onDetachedConfirm, detachedConfirmText, renderHeader, forceConnectToNamespaces, }: StatefulConnectContainerProps) => import("react/jsx-runtime").JSX.Element;
-export default StatefulConnectContainer;

package/dist/components/ConnectWalletModal/StatefulConnectContainer.js

@@ -1,37 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Divider } from '@rango-dev/ui';
-import { StatefulConnect } from '@rango-dev/widget-embedded';
-import { useTranslation } from 'react-i18next';
-import { useStatefulConnect } from '../../hooks/useStatefulConnect';
-import { Container } from './StatefulConnectContainer.styles';
-const { DerivationPath, isOnDerivationPath, isOnNamespace, Namespaces, Detached, isOnDetached } = StatefulConnect;
-const StatefulConnectContainer = ({ selectedWallet, catchErrorsWhileConnect, indexInStack, onClose, onDetachedConfirm, detachedConfirmText, renderHeader, forceConnectToNamespaces, }) => {
-    const { t } = useTranslation();
-    const { getState, handleDisconnect, handleNamespace, handleDerivationPath } = useStatefulConnect();
-    const handleConfirmNamespaces = (selectedNamespaces) => {
-        if (selectedWallet) {
-            handleNamespace(selectedWallet, selectedNamespaces).catch(catchErrorsWhileConnect);
-        }
-    };
-    const handleConfirmDerivationPath = (derivationPath) => {
-        if (!derivationPath) {
-            throw new Error("Derivation path is empty. Please make sure you've filled the field correctly.");
-        }
-        handleDerivationPath(selectedWallet, derivationPath, {
-            forceConnectToNamespaces,
-        }).catch(catchErrorsWhileConnect);
-    };
-    const handleNavigateToDerivationPath = (selectedNamespace) => {
-        if (!selectedWallet) {
-            return;
-        }
-        void handleNamespace(selectedWallet, [selectedNamespace]).catch(catchErrorsWhileConnect);
-    };
-    return (_jsxs(Container, { children: [renderHeader({
-                handleClose: onClose,
-                showBackButton: indexInStack > 0,
-                title: t('Connect {{walletName}}', { walletName: selectedWallet.title }),
-                walletName: selectedWallet.title, // TODO: This prop is added here as a workaround for resolve the problem related to texts from this package not being translated. Should remove this prop when the problem is resolved.
-            }), _jsx(Divider, { size: "8" }), isOnNamespace(getState) && (_jsx(Namespaces, { onConfirm: handleConfirmNamespaces, value: getState().namespace })), isOnDerivationPath(getState) && (_jsx(DerivationPath, { onConfirm: handleConfirmDerivationPath, value: getState().derivationPath })), isOnDetached(getState) && (_jsx(Detached, { value: getState().namespace, selectedNamespaces: getState().selectedNamespaces, navigateToDerivationPath: handleNavigateToDerivationPath, onConfirm: onDetachedConfirm, onDisconnectWallet: () => void handleDisconnect(getState().namespace.targetWallet), confirmText: detachedConfirmText }))] }));
-};
-export default StatefulConnectContainer;

package/dist/components/ConnectWalletModal/StatefulConnectContainer.styles.d.ts

@@ -1 +0,0 @@
-export declare const Container: any;

package/dist/components/ConnectWalletModal/StatefulConnectContainer.styles.js

@@ -1,51 +0,0 @@
-import { styled } from '@rango-dev/ui';
-export const Container = styled('div', {
-    display: 'flex',
-    flexDirection: 'column',
-    gap: '$8',
-    height: '100%',
-    textAlign: 'left',
-    padding: '$20',
-    '@md': {
-        padding: '$24',
-    },
-    '& ._message_box_description': {
-        textAlign: 'left',
-    },
-    '& ._message_box_title': {
-        display: 'none',
-    },
-    '& ul': {
-        flexGrow: 1,
-    },
-    '& ._derivation_path_inputs_container': {
-        flexGrow: 1,
-    },
-    '& ._message_box_icon_container': {
-        display: 'none',
-    },
-    '& ._initial_namespace_list_header_alert_top_divider': {
-        display: 'none',
-    },
-    '& ._initial_namespace_list_header_alert_bottom_divider': {
-        height: 0,
-    },
-    '& ._initial_namespace_list_header_button_top_divider': {
-        height: 0,
-    },
-    '& ._initial_namespace_list_header_button_bottom_divider': {
-        height: 0,
-    },
-    '& ._detached_namespace_list_header_alert_top_divider': {
-        display: 'none',
-    },
-    '& ._detached_namespace_list_header_alert_bottom_divider': {
-        height: 0,
-    },
-    '& ._detached_namespace_list_header_button_top_divider': {
-        height: 0,
-    },
-    '& ._detached_namespace_list_header_button_bottom_divider': {
-        height: 0,
-    },
-});

package/dist/components/ConnectWalletModal/StatefulConnectContainer.types.d.ts

@@ -1,12 +0,0 @@
-import type { ConnectWalletModalProps } from './ConnectWalletModal.types';
-import type { WalletInfoWithExtra } from '@rango-dev/widget-embedded';
-export type StatefulConnectContainerProps = {
-    selectedWallet: WalletInfoWithExtra;
-    catchErrorsWhileConnect: (error: Error, wallet?: WalletInfoWithExtra) => void;
-    indexInStack: number;
-    onClose: () => void;
-    onDetachedConfirm: () => void;
-    detachedConfirmText?: string;
-    forceConnectToNamespaces?: string[];
-    renderHeader: ConnectWalletModalProps['renderHeader'];
-};

package/dist/components/ConnectWalletModal/StatefulConnectContainer.types.js

@@ -1 +0,0 @@
-export {};

package/dist/components/ConnectWalletModal/WalletsChainSelect.d.ts

@@ -1,3 +0,0 @@
-import type { WalletsChainSelectProps } from './WalletsChainSelect.types';
-export declare const FILTERABLE_CHAIN_NAMES: string[];
-export declare function WalletsChainSelect(props: WalletsChainSelectProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/ConnectWalletModal/WalletsChainSelect.js

@@ -1,87 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ChevronDownIcon, ChevronUpIcon, Image, Radio, SearchIcon, TextField, Typography, } from '@rango-dev/ui';
-import { useEffect, useMemo, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import { SearchIconContainer } from './ConnectWalletModal.styles';
-import { ChainSelectRadioButton, chainSelectSearchInputStyles, ChainsListContainer, ChainsListHeader, ChainsRadioRoot, chainsSelectModalStyles, WalletChainSelectContainer, WalletChainSelectInput, WalletChainSelectInputIconContainer, WalletChainSelectInputTextContainer, } from './WalletsChainSelect.styles';
-export const FILTERABLE_CHAIN_NAMES = [
-    'ETH',
-    'COSMOS',
-    'TRON',
-    'STARKNET',
-    'SOLANA',
-    'BTC',
-    'LTC',
-    'DOGE',
-    'BCH',
-    'TON',
-    'SUI',
-    'XRPL',
-];
-export function WalletsChainSelect(props) {
-    const { t } = useTranslation();
-    const [searchValue, setSearchValue] = useState('');
-    const { isOpen, setIsOpen, selectedChain, handleSelectedChainChange, shouldExcludeWallet, allBlockchains, isMobile, renderHeader, renderModal, } = props;
-    // List of blockchain items displayed in the chain select
-    const filterableChains = useMemo(() => {
-        return allBlockchains.filter((blockchain) => {
-            // Drop blockchain if its name does not contain the search value
-            if (!blockchain.name.toLowerCase().includes(searchValue.toLowerCase())) {
-                return false;
-            }
-            // Drop blockchain if it is not in the FILTERABLE_CHAIN_NAMES
-            if (!FILTERABLE_CHAIN_NAMES.includes(blockchain.name)) {
-                return false;
-            }
-            // Drop blockchain if its related wallets are excluded
-            if (!!shouldExcludeWallet && shouldExcludeWallet({ supportedChains: [blockchain] })) {
-                return false;
-            }
-            return true;
-        });
-    }, [allBlockchains, searchValue]);
-    const clickEventHandler = (event) => {
-        const clickedElement = event.target;
-        const isInsideProtectedArea = clickedElement.closest('.chains_list_container') ||
-            clickedElement.closest('.chains_select_container') ||
-            clickedElement.closest('.chains_search_input_container');
-        if (!isInsideProtectedArea) {
-            handleClose();
-        }
-    };
-    useEffect(() => {
-        document.addEventListener('mousedown', clickEventHandler);
-        return () => {
-            document.removeEventListener('mousedown', clickEventHandler);
-        };
-    }, []);
-    function toggleOpen() {
-        setIsOpen(!isOpen);
-    }
-    function handleClose() {
-        setSearchValue('');
-        setIsOpen(false);
-    }
-    const selectedBlockchainItem = useMemo(() => !!selectedChain
-        ? filterableChains.find((blockchain) => blockchain.name === selectedChain)
-        : null, [selectedChain]);
-    const handleChainSelect = (blockchainName) => {
-        handleSelectedChainChange(blockchainName);
-        setIsOpen(false);
-    };
-    const renderChainsListContent = () => {
-        return (_jsxs(ChainsListContainer, { className: "chains_list_container", children: [_jsx(ChainsListHeader, { children: _jsx(Typography, { variant: "label", size: "medium", children: t('Filter by blockchain') }) }), _jsx("div", { className: "chains_search_input_container", children: _jsx(TextField, { id: "app-connect-wallet-modal-search-chain-input", variant: "ghost", value: searchValue, onChange: (e) => setSearchValue(e.target.value), placeholder: t('Search Wallet'), prefix: _jsx(SearchIconContainer, { children: _jsx(SearchIcon, { color: "black", size: 16 }) }), style: chainSelectSearchInputStyles }) }), _jsxs(ChainsRadioRoot, { value: selectedChain || 'all', children: [_jsx(ChainSelectRadioButton, { id: 'all', title: t('All'), onClick: () => handleChainSelect(null), end: _jsx(Radio, { value: 'all' }) }), filterableChains.map((blockchain) => (_jsx(ChainSelectRadioButton, { id: blockchain.name, title: blockchain.name, onClick: () => handleChainSelect(blockchain.name), start: _jsx(Image, { src: blockchain.logo, size: 22 }), end: _jsx(Radio, { value: blockchain.name }) }, blockchain.name)))] })] }));
-    };
-    return (_jsxs(WalletChainSelectContainer, { children: [_jsxs(WalletChainSelectInput, { onClick: toggleOpen, className: "chains_select_container", children: [_jsxs(WalletChainSelectInputTextContainer, { children: [!!selectedBlockchainItem && _jsx(Image, { src: selectedBlockchainItem.logo, size: 20 }), _jsx(Typography, { variant: "label", size: "medium", children: !!selectedBlockchainItem ? selectedBlockchainItem.displayName : t('All Chains') })] }), _jsx(WalletChainSelectInputIconContainer, { children: isOpen ? (_jsx(ChevronUpIcon, { color: "black", size: 10 })) : (_jsx(ChevronDownIcon, { color: "black", size: 10 })) })] }), isOpen && !isMobile && renderChainsListContent(), renderModal({
-                open: isOpen && isMobile,
-                onClose: handleClose,
-                anchor: 'bottom',
-                styles: chainsSelectModalStyles,
-                header: renderHeader({
-                    showBackButton: true,
-                    title: t('Filter by blockchain'),
-                    handleClose,
-                }),
-                children: renderChainsListContent(),
-            })] }));
-}

package/dist/components/ConnectWalletModal/WalletsChainSelect.styles.d.ts

@@ -1,21 +0,0 @@
-export declare const WalletChainSelectContainer: any;
-export declare const WalletChainSelectInput: any;
-export declare const WalletChainSelectInputTextContainer: any;
-export declare const WalletChainSelectInputIconContainer: any;
-export declare const ChainsListContainer: any;
-export declare const ChainsListHeader: any;
-export declare const ChainsRadioRoot: any;
-export declare const ChainSelectRadioButton: any;
-export declare const chainsSelectModalStyles: {
-    container: {
-        height: string;
-        padding: string;
-    };
-    content: {
-        padding: number;
-        paddingTop: string;
-    };
-};
-export declare const chainSelectSearchInputStyles: {
-    padding: number;
-};

package/dist/components/ConnectWalletModal/WalletsChainSelect.styles.js

@@ -1,83 +0,0 @@
-import { darkTheme, ListItemButton, RadioRoot, styled } from '@rango-dev/ui';
-export const WalletChainSelectContainer = styled('div', {
-    cursor: 'pointer',
-    userSelect: 'none',
-    flex: 1,
-    position: 'relative',
-});
-export const WalletChainSelectInput = styled('div', {
-    display: 'flex',
-    justifyContent: 'space-between',
-    padding: '$10',
-    backgroundColor: '$neutral100',
-    [`.${darkTheme} &`]: {
-        backgroundColor: '$neutral300',
-    },
-    borderRadius: '$md',
-});
-export const WalletChainSelectInputTextContainer = styled('div', {
-    display: 'flex',
-    alignItems: 'center',
-    gap: '$8',
-});
-export const WalletChainSelectInputIconContainer = styled('div', {
-    height: '16px',
-    width: '16px',
-    padding: '4px',
-});
-export const ChainsListContainer = styled('div', {
-    display: 'flex',
-    flexDirection: 'column',
-    gap: '$10',
-    backgroundColor: '$background',
-    textAlign: 'start',
-    width: '100%',
-    height: '100%',
-    overflowY: 'clip',
-    '@md': {
-        padding: '$15',
-        zIndex: 1,
-        position: 'absolute',
-        width: '240px',
-        height: 'max-content',
-        top: '$50',
-        right: '0',
-        borderRadius: '$sm',
-        boxShadow: '0px 5px 20px 0px #82828233',
-        [`.${darkTheme} &`]: {
-            boxShadow: '0px 5px 20px 0px #161C38',
-        },
-    },
-});
-export const ChainsListHeader = styled('div', {
-    display: 'none',
-    '@md': {
-        display: 'inline',
-    },
-});
-export const ChainsRadioRoot = styled(RadioRoot, {
-    overflowY: 'auto',
-    '@md': {
-        maxHeight: '370px',
-    },
-});
-export const ChainSelectRadioButton = styled(ListItemButton, {
-    height: '60px',
-    borderWidth: '5px',
-    border: 'none',
-    borderBottom: '0.5px solid $neutral300',
-    borderRadius: 0,
-    lineHeight: '26px',
-    fontSize: '18px',
-    '@md': {
-        height: '40px',
-        border: 'none',
-        lineHeight: '20px',
-        fontSize: '14px',
-    },
-});
-export const chainsSelectModalStyles = {
-    container: { height: '100%', padding: '20px' },
-    content: { padding: 0, paddingTop: '40px' },
-};
-export const chainSelectSearchInputStyles = { padding: 0 };

package/dist/components/ConnectWalletModal/WalletsChainSelect.types.d.ts

@@ -1,12 +0,0 @@
-import type { ConnectWalletModalProps } from './ConnectWalletModal.types';
-export type WalletsChainSelectProps = {
-    isOpen: boolean;
-    setIsOpen: (isOpen: boolean) => void;
-    selectedChain: string | null;
-    handleSelectedChainChange: (value: string | null) => void;
-    shouldExcludeWallet?: ConnectWalletModalProps['shouldExcludeWallet'];
-    allBlockchains: ConnectWalletModalProps['allBlockchains'];
-    isMobile: ConnectWalletModalProps['isMobile'];
-    renderHeader: ConnectWalletModalProps['renderHeader'];
-    renderModal: ConnectWalletModalProps['renderModal'];
-};

package/dist/components/ConnectWalletModal/WalletsChainSelect.types.js

@@ -1 +0,0 @@
-export {};

package/dist/components/ConnectWalletModal/index.d.ts

@@ -1,3 +0,0 @@
-import ConnectWalletModal from './ConnectWalletModal';
-export { ConnectWalletModal };
-export type { ConnectWalletModalProps } from './ConnectWalletModal.types';

package/dist/components/ConnectWalletModal/index.js

@@ -1,2 +0,0 @@
-import ConnectWalletModal from './ConnectWalletModal';
-export { ConnectWalletModal };

package/dist/components/ProfileWallet/ProfileWallet.d.ts

@@ -1,3 +0,0 @@
-import type { PropTypes } from './ProfileWallet.types';
-import type { ReactElement } from 'react';
-export declare function ProfileWallet(props: PropTypes): ReactElement;

package/dist/components/ProfileWallet/ProfileWallet.js

@@ -1,54 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { CompleteIcon, Divider, Image, Typography, WalletIcon } from '@rango-dev/ui';
-import { useWallets } from '@rango-dev/widget-embedded';
-import { useEffect, useRef } from 'react';
-import { useTranslation } from 'react-i18next';
-import { useDispatch } from 'react-redux';
-import { createSignMessage } from '../../store/thunks';
-import { getConciseAddress } from '../../utils/mod';
-import { supportedBlockchainsDisplayName } from '../ProfileWalletsModal/ProfileWalletsModal.constants';
-import { BlockchainDisplayName, Container, IconHighlight, StyledButton, TitleContainer, UnknownWallet, } from './ProfileWallet.styles';
-const ADDRESS_MAX_CHARS = 8;
-const signMessage = createSignMessage();
-export function ProfileWallet(props) {
-    const { account: { address, blockchain, walletType }, data: { isUserLoggedIn, selectedAccount }, onLogin, onMerge, onError, } = props;
-    const dispatch = useDispatch();
-    const { getWalletInfo, getSigners } = useWallets();
-    const signMessagePromise = useRef(null);
-    let image = null;
-    let name = null;
-    const { t } = useTranslation();
-    if (walletType) {
-        const walletInfo = getWalletInfo(walletType);
-        image = walletInfo.img;
-        name = walletInfo.name;
-    }
-    const conciseAddress = getConciseAddress(props.account.address, ADDRESS_MAX_CHARS);
-    const blockchainDisplayName = supportedBlockchainsDisplayName[props.account.blockchain];
-    const loading = selectedAccount?.address === address &&
-        selectedAccount?.blockchain === blockchain &&
-        selectedAccount?.walletType === walletType;
-    const disabled = !!selectedAccount && !loading;
-    const signMessageCallback = (profileSummary, meta) => {
-        if (meta.actionType === 'login') {
-            onLogin?.(profileSummary);
-        }
-        else {
-            onMerge?.(profileSummary);
-        }
-    };
-    useEffect(() => {
-        return () => signMessagePromise.current?.abort();
-    }, []);
-    return (_jsx(Container, { hasDivider: true, title: _jsxs(TitleContainer, { children: [name && (_jsxs(_Fragment, { children: [_jsx(Typography, { variant: "title", size: "xmedium", color: "foreground", children: name }), _jsx(Divider, { direction: "horizontal", size: "4" })] })), _jsx(BlockchainDisplayName, { variant: "body", size: "xsmall", color: "neutral600", children: blockchainDisplayName ?? props.account.blockchain })] }), description: conciseAddress ?? props.account.address, start: image ? (_jsx(Image, { src: image, size: 28, type: "circular" })) : (_jsx(UnknownWallet, { children: _jsx(WalletIcon, { size: 16, color: "gray" }) })), end: !walletType ? (_jsx(IconHighlight, { children: _jsx(CompleteIcon, { color: "success", size: 13 }) })) : (_jsx(StyledButton, { id: `profile-page-wallet-${isUserLoggedIn ? 'add-to-profile' : 'login'}-btn`, variant: "contained", size: "xxsmall", type: "primary", disabled: disabled, loading: loading, onClick: () => {
-                if (walletType) {
-                    // @ts-expect-error-next-line signMessage is Cancelable, but to be typed correctly we need to access store, which we don't have here.
-                    signMessagePromise.current = dispatch(signMessage({
-                        account: { address, blockchain, walletType },
-                        getSigners,
-                        callback: signMessageCallback,
-                        errorCallback: onError,
-                    }));
-                }
-            }, children: isUserLoggedIn ? t('Add To Profile') : t('Login') })) }));
-}

package/dist/components/ProfileWallet/ProfileWallet.styles.d.ts

@@ -1,6 +0,0 @@
-export declare const Container: any;
-export declare const TitleContainer: any;
-export declare const BlockchainDisplayName: any;
-export declare const StyledButton: any;
-export declare const IconHighlight: any;
-export declare const UnknownWallet: any;

package/dist/components/ProfileWallet/ProfileWallet.styles.js

@@ -1,54 +0,0 @@
-import { Button, darkTheme, ListItem, rangoDarkColors, styled, Typography } from '@rango-dev/ui';
-export const Container = styled(ListItem, {
-    height: '54px',
-    '& ._description': {
-        color: '$neutral700 !important',
-        [`.${darkTheme} &`]: {
-            color: '$neutral900 !important',
-        },
-    },
-});
-export const TitleContainer = styled('div', {
-    display: 'flex',
-    justifyContent: 'center',
-    alignItems: 'center',
-});
-export const BlockchainDisplayName = styled(Typography, {
-    [`.${darkTheme} &`]: {
-        color: '$neutral800 !important',
-    },
-});
-export const StyledButton = styled(Button, {
-    height: '28px',
-    paddingRight: '$32 !important',
-    paddingLeft: '$32 !important',
-    fontWeight: '$medium',
-});
-export const IconHighlight = styled('div', {
-    width: '$20',
-    height: '$20',
-    borderRadius: '$lg',
-    position: 'relative',
-    backgroundColor: '$success300',
-    '& svg': {
-        position: 'absolute',
-        left: '50%',
-        top: '50%',
-        transform: 'translate(-50%,-50%)',
-    },
-});
-export const UnknownWallet = styled('div', {
-    width: '$28',
-    height: '$28',
-    borderRadius: '100%',
-    display: 'flex',
-    justifyContent: 'center',
-    alignItems: 'center',
-    backgroundColor: '$neutral100',
-    [`.${darkTheme} &`]: {
-        backgroundColor: rangoDarkColors.neutral100,
-        '& svg': {
-            color: '$neutral800 !important',
-        },
-    },
-});

package/dist/components/ProfileWallet/ProfileWallet.types.d.ts

@@ -1,11 +0,0 @@
-import type { ProfileAccount } from '../../api/mod';
-import type { ProfileWalletsModalProps } from '../ProfileWalletsModal';
-export type PropTypes = {
-    account: Omit<ProfileAccount, 'walletType'> & {
-        walletType: string | null;
-    };
-    data: ProfileWalletsModalProps['data'];
-    onLogin: ProfileWalletsModalProps['onLogin'];
-    onMerge: ProfileWalletsModalProps['onMerge'];
-    onError?: ProfileWalletsModalProps['onError'];
-};

package/dist/components/ProfileWallet/ProfileWallet.types.js

@@ -1 +0,0 @@
-export {};

package/dist/components/ProfileWallet/index.d.ts

@@ -1 +0,0 @@
-export { ProfileWallet } from './ProfileWallet';

package/dist/components/ProfileWallet/index.js

@@ -1 +0,0 @@
-export { ProfileWallet } from './ProfileWallet';

package/dist/components/ProfileWallets/ConnectedWallets.d.ts

@@ -1,2 +0,0 @@
-import type { PropTypes } from './ProfileWallets.types';
-export declare function ConnectedWallets(props: PropTypes): import("react/jsx-runtime").JSX.Element;