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

React component library with shared providers for 0xFutbol ID

'use strict';var jsxRuntime=require('react/jsx-runtime'),index=require('./index-gEYw6hWC.js');require('react'),require('@0xfutbol/id-sign'),require('react-use'),require('@0xfutbol/constants'),require('thirdweb'),require('@matchain/matchid-sdk-react'),require('@tanstack/react-query'),require('@matchain/matchid-sdk-react/index.css'),require('react-dom');/**
 *
 * @internal
 */
function InAppWalletSelectionUI(props) {
    const { screen } = index.ch();
    const setData = index.cn();
    const locale = index.co(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 !== index.cI.main && props.size === "compact")) {
        return (jsxRuntime.jsx(index.cJ, { 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 jsxRuntime.jsx(index.aT, { height: "195px" });
    }
    return (jsxRuntime.jsx(index.cj, { 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 }));
}exports.default=InAppWalletSelectionUI;//# sourceMappingURL=InAppWalletSelectionUI--zxePeXe.js.map