@0xfutbol/id/dist/InAppWalletSelectionUI-B57VATSH.js

React component library with shared providers for 0xFutbol ID

import {jsx}from'react/jsx-runtime';import {ch as useScreenContext,cn as useSetSelectionData,co as useInAppWalletLocale,cI as reservedScreens,cJ as WalletEntryButton,aT as LoadingScreen,cj as ConnectWalletSocialOptions}from'./index-DNoa140s.js';import'react';import'@0xfutbol/id-sign';import'react-use';import'@0xfutbol/constants';import'thirdweb';import'@matchain/matchid-sdk-react';import'@tanstack/react-query';import'@matchain/matchid-sdk-react/index.css';import'react-dom';/**
 *
 * @internal
 */
function InAppWalletSelectionUI(props) {
    const { screen } = useScreenContext();
    const setData = useSetSelectionData();
    const locale = useInAppWalletLocale(props.connectLocale.id);
    // do not show the "selectUI" if
    // modal is compact or
    // it is being rendered in Safe wallet
    if (props.size === "wide" ||
        (screen !== reservedScreens.main && props.size === "compact")) {
        return (jsx(WalletEntryButton, { walletId: props.wallet.id, selectWallet: () => {
                setData({});
                props.select();
            }, client: props.client, connectLocale: props.connectLocale, recommendedWallets: props.recommendedWallets, isActive: screen === props.wallet, badge: undefined }));
    }
    if (!locale) {
        return jsx(LoadingScreen, { height: "195px" });
    }
    return (jsx(ConnectWalletSocialOptions, { disabled: props.disabled, locale: locale, wallet: props.wallet, done: props.done, select: props.select, goBack: props.goBack, chain: props.chain, client: props.client, size: props.size }));
}export{InAppWalletSelectionUI as default};//# sourceMappingURL=InAppWalletSelectionUI-B57VATSH.js.map