@b3dotfun/sdk 0.0.1-alpha.1

package/dist/esm/anyspend/react/components/AnySpendBuySpin.d.ts

@@ -0,0 +1,9 @@
+export default function AnySpendBuySpin({ isMainnet, loadOrder, mode, spinwheelContractAddress, chainId, recipientAddress, onSuccess }: {
+    isMainnet?: boolean;
+    loadOrder?: string;
+    mode?: "modal" | "page";
+    spinwheelContractAddress: string;
+    chainId: number;
+    recipientAddress: string;
+    onSuccess?: (txHash?: string) => void;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/esm/anyspend/react/components/AnySpendBuySpin.js

@@ -0,0 +1,327 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { B3_TOKEN, OrderType } from "../../../anyspend";
+import { EthIcon } from "../../../anyspend/react/components/icons/EthIcon";
+import { SolIcon } from "../../../anyspend/react/components/icons/SolIcon";
+import { UsdcIcon } from "../../../anyspend/react/components/icons/USDCIcon";
+import StyleRoot from "../../../global-account/react/components/StyleRoot";
+import { Button } from "../../../global-account/react/components/ui/button";
+import { GlareCardRounded } from "../../../global-account/react/components/ui/glare-card-rounded";
+import { Input } from "../../../global-account/react/components/ui/input";
+import { TextLoop } from "../../../global-account/react/components/ui/text-loop";
+import { useChainSwitchWithAction } from "../../../global-account/react/hooks/useChainSwitchWithAction";
+import { useHasMounted } from "../../../global-account/react/hooks/useHasMounted";
+import { useTokenBalance } from "../../../global-account/react/hooks/useTokenBalance";
+import { useModalStore } from "../../../global-account/react/stores/useModalStore";
+import { motion } from "framer-motion";
+import invariant from "invariant";
+import { ArrowRight, Loader2 } from "lucide-react";
+import { useCallback, useEffect, useState } from "react";
+import { toast } from "sonner";
+import { createPublicClient, encodeFunctionData, erc20Abi, formatUnits, http } from "viem";
+import { base } from "viem/chains";
+import { useAccount, useWaitForTransactionReceipt, useWriteContract } from "wagmi";
+import AnySpendCustom from "./AnySpendCustom";
+const SPIN_WHEEL_ABI = [
+    {
+        inputs: [],
+        name: "getPaymentConfig",
+        outputs: [
+            { internalType: "address", name: "paymentToken", type: "address" },
+            { internalType: "uint256", name: "pricePerEntry", type: "uint256" },
+            { internalType: "uint256", name: "maxEntriesPerUser", type: "uint256" },
+            { internalType: "address", name: "paymentRecipient", type: "address" }
+        ],
+        stateMutability: "view",
+        type: "function"
+    },
+    {
+        inputs: [],
+        name: "entryModule",
+        outputs: [{ internalType: "contract IEntryModuleV2", name: "", type: "address" }],
+        stateMutability: "view",
+        type: "function"
+    },
+    {
+        inputs: [
+            { internalType: "address", name: "user", type: "address" },
+            { internalType: "uint256", name: "quantity", type: "uint256" }
+        ],
+        name: "buyEntriesAndSpin",
+        outputs: [],
+        stateMutability: "payable",
+        type: "function"
+    }
+];
+function generateEncodedDataForBuyEntriesAndSpin(user, quantity) {
+    invariant(BigInt(quantity) > 0, "Quantity must be greater than zero");
+    console.log("@@anyspend-buy-spin:encoded-data:", { user, quantity });
+    const encodedData = encodeFunctionData({
+        abi: SPIN_WHEEL_ABI,
+        functionName: "buyEntriesAndSpin",
+        args: [user, BigInt(quantity)]
+    });
+    return encodedData;
+}
+const basePublicClient = createPublicClient({
+    chain: base,
+    transport: http()
+});
+export default function AnySpendBuySpin({ isMainnet = true, loadOrder, mode = "modal", spinwheelContractAddress, chainId, recipientAddress, onSuccess }) {
+    const hasMounted = useHasMounted();
+    const { setB3ModalOpen } = useModalStore();
+    // Payment config state
+    const [paymentConfig, setPaymentConfig] = useState(null);
+    const [isLoadingConfig, setIsLoadingConfig] = useState(true);
+    const [configError, setConfigError] = useState("");
+    // Fetch B3 token balance
+    const { formattedBalance: b3Balance, isLoading: isBalanceLoading, rawBalance: b3RawBalance } = useTokenBalance({
+        token: B3_TOKEN
+    });
+    // Wagmi hooks
+    const { address } = useAccount();
+    const { writeContractAsync } = useWriteContract();
+    const { switchChainAndExecute } = useChainSwitchWithAction();
+    // State for direct buying flow (when user has B3 tokens)
+    const [isBuying, setIsBuying] = useState(false);
+    const [buyingTxHash, setBuyingTxHash] = useState("");
+    const [showSuccessModal, setShowSuccessModal] = useState(false);
+    // Wait for transaction confirmation
+    const { isLoading: isTxPending, isSuccess: isTxSuccess } = useWaitForTransactionReceipt({
+        hash: buyingTxHash,
+        query: {
+            structuralSharing: false
+        }
+    });
+    // Show success modal when transaction is confirmed
+    useEffect(() => {
+        if (isTxSuccess && buyingTxHash) {
+            setShowAmountPrompt(false);
+            setShowSuccessModal(true);
+            setIsBuying(false);
+        }
+    }, [isTxSuccess, buyingTxHash]);
+    // Spin quantity state
+    const [userSpinQuantity, setUserSpinQuantity] = useState("");
+    const [showAmountPrompt, setShowAmountPrompt] = useState(true);
+    const [isQuantityValid, setIsQuantityValid] = useState(false);
+    const [validationError, setValidationError] = useState("");
+    const [displayQuantity, setDisplayQuantity] = useState("");
+    const [debouncedQuantity, setDebouncedQuantity] = useState("");
+    // Calculate total cost
+    const totalCost = paymentConfig && userSpinQuantity ? paymentConfig.pricePerEntry * BigInt(userSpinQuantity) : BigInt(0);
+    // Fetch payment configuration
+    const fetchPaymentConfig = useCallback(async () => {
+        if (!basePublicClient || !spinwheelContractAddress)
+            return;
+        try {
+            setIsLoadingConfig(true);
+            setConfigError("");
+            console.log("@@anyspend-buy-spin:fetch-config:", { spinwheelContractAddress, chainId });
+            const [config, entryModuleAddress] = await Promise.all([
+                basePublicClient.readContract({
+                    address: spinwheelContractAddress,
+                    abi: SPIN_WHEEL_ABI,
+                    functionName: "getPaymentConfig"
+                }),
+                basePublicClient.readContract({
+                    address: spinwheelContractAddress,
+                    abi: SPIN_WHEEL_ABI,
+                    functionName: "entryModule"
+                })
+            ]);
+            const paymentConfig = {
+                pricePerEntry: config[1],
+                maxEntriesPerUser: config[2],
+                paymentRecipient: config[3],
+                entryModule: entryModuleAddress
+            };
+            console.log("@@anyspend-buy-spin:config-fetched:", {
+                pricePerEntry: paymentConfig.pricePerEntry.toString(),
+                maxEntriesPerUser: paymentConfig.maxEntriesPerUser.toString(),
+                paymentRecipient: paymentConfig.paymentRecipient,
+                entryModule: paymentConfig.entryModule
+            });
+            setPaymentConfig(paymentConfig);
+        }
+        catch (error) {
+            console.error("@@anyspend-buy-spin:config-error:", error);
+            setConfigError("Failed to load spin wheel configuration");
+            toast.error("Failed to load spin wheel configuration");
+        }
+        finally {
+            setIsLoadingConfig(false);
+        }
+    }, [spinwheelContractAddress, chainId]);
+    // Fetch config on mount and when dependencies change
+    useEffect(() => {
+        fetchPaymentConfig();
+    }, [fetchPaymentConfig]);
+    // Debounce the quantity for balance checks
+    useEffect(() => {
+        const timer = setTimeout(() => {
+            setDebouncedQuantity(displayQuantity);
+        }, 500);
+        return () => clearTimeout(timer);
+    }, [displayQuantity, userSpinQuantity]);
+    const validateAndSetQuantity = (value) => {
+        // Only allow positive integers
+        const isValidFormat = /^\d+$/.test(value) || value === "";
+        if (!isValidFormat && value !== "") {
+            return;
+        }
+        setDisplayQuantity(value);
+        try {
+            if (value === "") {
+                setUserSpinQuantity("");
+                setIsQuantityValid(false);
+                setValidationError("");
+                return;
+            }
+            const numValue = parseInt(value);
+            if (isNaN(numValue) || numValue <= 0) {
+                setIsQuantityValid(false);
+                setUserSpinQuantity("");
+                setValidationError("Please enter a valid positive number");
+                return;
+            }
+            // Check maximum entries per user (0 means no limit)
+            if (paymentConfig && paymentConfig.maxEntriesPerUser > 0n && BigInt(numValue) > paymentConfig.maxEntriesPerUser) {
+                setIsQuantityValid(false);
+                setUserSpinQuantity("");
+                setValidationError(`Maximum ${paymentConfig.maxEntriesPerUser.toString()} spins allowed`);
+                return;
+            }
+            setUserSpinQuantity(value);
+            setIsQuantityValid(true);
+            setValidationError("");
+        }
+        catch (error) {
+            setIsQuantityValid(false);
+            setUserSpinQuantity("");
+            setValidationError("Please enter a valid quantity");
+        }
+    };
+    const handleDirectBuying = async () => {
+        if (!address || !basePublicClient || !userSpinQuantity || !paymentConfig)
+            return;
+        try {
+            setIsBuying(true);
+            await switchChainAndExecute(chainId, async () => {
+                // Check current allowance for B3 token to entryModule
+                const allowance = await basePublicClient.readContract({
+                    address: B3_TOKEN.address,
+                    abi: erc20Abi,
+                    functionName: "allowance",
+                    args: [address, paymentConfig.entryModule]
+                });
+                // If allowance is insufficient, request approval
+                if (allowance < totalCost) {
+                    toast.info("Approving B3 spending...");
+                    await writeContractAsync({
+                        address: B3_TOKEN.address,
+                        abi: erc20Abi,
+                        functionName: "approve",
+                        args: [paymentConfig.entryModule, totalCost]
+                    });
+                    toast.info("Approval confirmed. Proceeding with spin purchase...");
+                }
+                // Execute the buy entries and spin
+                toast.info("Buying spins...");
+                const buyHash = await writeContractAsync({
+                    address: spinwheelContractAddress,
+                    abi: SPIN_WHEEL_ABI,
+                    functionName: "buyEntriesAndSpin",
+                    args: [address, BigInt(userSpinQuantity)]
+                });
+                setBuyingTxHash(buyHash);
+                toast.success("Spin purchase transaction submitted!");
+            });
+        }
+        catch (error) {
+            console.error("@@anyspend-buy-spin:error:", error);
+            toast.error("Spin purchase failed. Please try again.");
+            setShowSuccessModal(false);
+        }
+        finally {
+            setIsBuying(false);
+        }
+    };
+    const confirmQuantity = () => {
+        if (!isQuantityValid || !paymentConfig) {
+            toast.error("Please enter a valid quantity to buy");
+            return;
+        }
+        // Check if user has sufficient B3 balance for direct buying
+        const hasEnoughBalance = b3RawBalance && totalCost <= b3RawBalance;
+        if (hasEnoughBalance) {
+            // User has enough B3, proceed with direct buying
+            handleDirectBuying();
+        }
+        else {
+            // User needs more B3, proceed to AnySpend conversion flow
+            setShowAmountPrompt(false);
+        }
+    };
+    const header = () => (_jsxs(_Fragment, { children: [_jsxs("div", { className: "relative mx-auto size-32", children: [_jsx("div", { className: "absolute inset-0 scale-95 rounded-[50%] bg-gradient-to-br from-blue-500/20 to-purple-600/20 blur-xl" }), _jsxs(GlareCardRounded, { className: "overflow-hidden rounded-full border-none bg-gradient-to-br from-blue-500/10 to-purple-600/10 backdrop-blur-sm", children: [_jsx("img", { alt: "B3 Token", className: "size-full", src: "https://cdn.b3.fun/b3-coin-3d.png" }), _jsx("div", { className: "absolute inset-0 rounded-[50%] border border-white/20" })] })] }), _jsxs("div", { className: "from-b3-react-background to-as-on-surface-1 mt-[-60px] w-full rounded-t-lg bg-gradient-to-t", children: [_jsx("div", { className: "h-[60px] w-full" }), _jsxs("div", { className: "mb-1 flex w-full flex-col items-center gap-2 p-5", children: [_jsxs("span", { className: "font-sf-rounded text-2xl font-semibold", children: ["Buy ", userSpinQuantity || "", " Spin", userSpinQuantity !== "1" ? "s" : ""] }), _jsx("p", { className: "text-as-primary/70 text-sm", children: "Pay with B3 \u2022 Get spin wheel entries" })] })] })] }));
+    const onFocusQuantityInput = () => {
+        window.scrollTo(0, 0);
+        document.body.scrollTop = 0;
+    };
+    // Loading state
+    if (isLoadingConfig) {
+        return (_jsx(StyleRoot, { children: _jsxs("div", { className: "bg-b3-react-background flex w-full flex-col items-center justify-center p-8", children: [_jsx(Loader2, { className: "text-as-primary/70 h-8 w-8 animate-spin" }), _jsx("p", { className: "text-as-primary/70 mt-2 text-sm", children: "Loading spin wheel configuration..." })] }) }));
+    }
+    // Error state
+    if (configError || !paymentConfig) {
+        return (_jsx(StyleRoot, { children: _jsxs("div", { className: "bg-b3-react-background flex w-full flex-col items-center justify-center p-8", children: [_jsx("p", { className: "text-as-red mb-4 text-center", children: configError || "Failed to load configuration" }), _jsx(Button, { onClick: fetchPaymentConfig, variant: "outline", children: "Retry" })] }) }));
+    }
+    // Render quantity input prompt
+    if (showAmountPrompt) {
+        const pricePerEntry = formatUnits(paymentConfig.pricePerEntry, 18);
+        return (_jsx(StyleRoot, { children: _jsxs("div", { className: "bg-b3-react-background flex w-full flex-col items-center", children: [_jsxs("div", { className: "w-full px-4 pb-2 pt-4", children: [_jsx(motion.div, { initial: false, animate: {
+                                    opacity: hasMounted ? 1 : 0,
+                                    y: hasMounted ? 0 : 20,
+                                    filter: hasMounted ? "blur(0px)" : "blur(10px)"
+                                }, transition: { duration: 0.3, delay: 0, ease: "easeInOut" }, className: "mb-4 flex justify-center", children: _jsx("img", { alt: "B3 Token", loading: "lazy", width: "64", height: "64", decoding: "async", className: "rounded-full", src: "https://cdn.b3.fun/b3-coin-3d.png" }) }), _jsxs(motion.div, { initial: false, animate: {
+                                    opacity: hasMounted ? 1 : 0,
+                                    y: hasMounted ? 0 : 20,
+                                    filter: hasMounted ? "blur(0px)" : "blur(10px)"
+                                }, transition: { duration: 0.3, delay: 0.1, ease: "easeInOut" }, className: "text-center", children: [_jsx("h2", { className: "font-sf-rounded text-as-primary mb-2 text-2xl font-bold", children: (() => {
+                                            const hasEnoughBalance = b3RawBalance && totalCost <= b3RawBalance;
+                                            return hasEnoughBalance || !debouncedQuantity ? "Buy Spins" : `Swap & Buy Spins`;
+                                        })() }), _jsx("div", { className: "bg-as-on-surface-2/50 inline-flex items-center gap-2 rounded-full border border-white/10 px-3 py-1 backdrop-blur-sm", children: _jsxs("p", { className: "text-as-primary/80 text-sm", children: [pricePerEntry, " $B3 per spin"] }) })] })] }), _jsxs(motion.div, { initial: false, animate: {
+                            opacity: hasMounted ? 1 : 0,
+                            y: hasMounted ? 0 : 20,
+                            filter: hasMounted ? "blur(0px)" : "blur(10px)"
+                        }, transition: { duration: 0.3, delay: 0.2, ease: "easeInOut" }, className: "bg-b3-react-background w-full p-6", children: [_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("p", { className: "text-as-primary/70 text-sm font-medium", children: "Number of spins" }), _jsxs("span", { className: "text-as-primary/50 flex items-center gap-1 text-sm", children: ["Available: ", isBalanceLoading ? _jsx(Loader2, { className: "h-3 w-3 animate-spin" }) : `${b3Balance} B3`] })] }), _jsxs("div", { className: "relative", children: [_jsx(Input, { onFocus: onFocusQuantityInput, type: "text", placeholder: "1", value: displayQuantity, onChange: e => validateAndSetQuantity(e.target.value), className: `h-14 px-4 pr-20 text-lg ${!isQuantityValid && displayQuantity ? "border-as-red" : "border-b3-react-border"}` }), _jsx("div", { className: "font-pack absolute right-4 top-1/2 -translate-y-1/2 text-lg font-medium text-blue-500/70", children: displayQuantity === "1" ? "Spin" : "Spins" })] }), !isQuantityValid && displayQuantity && _jsx("p", { className: "text-as-red text-sm", children: validationError }), _jsx("div", { className: "bg-as-on-surface-2/30 rounded-lg border border-white/10 p-4 backdrop-blur-sm", children: _jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { className: "text-as-primary/70 text-sm font-medium", children: "Total Cost:" }), _jsx("div", { className: "flex items-center gap-2", children: _jsxs("span", { className: "text-as-primary text-lg font-bold", children: [displayQuantity && isQuantityValid ? formatUnits(totalCost, 18) : "0", " B3"] }) })] }) })] }), _jsx("div", { className: "mt-4", children: (() => {
+                                    const hasEnoughBalance = b3RawBalance && totalCost <= b3RawBalance;
+                                    if (!hasEnoughBalance && debouncedQuantity) {
+                                        return (_jsxs("div", { className: "bg-as-brand/10 flex flex-col items-center gap-2 rounded-lg p-4 pb-5", children: [_jsxs("div", { className: "flex items-center justify-center gap-2", children: [_jsx("span", { className: "text-as-primary text-sm font-semibold", children: "Swap & buy from any token" }), _jsxs(TextLoop, { children: [_jsx(EthIcon, { className: "h-8 w-8" }), _jsx(SolIcon, { className: "h-8 w-8" }), _jsx(UsdcIcon, { className: "h-8 w-8" })] }), _jsx(ArrowRight, { className: "text-as-primary h-4 w-4" }), _jsx("img", { src: "https://cdn.b3.fun/b3-coin-3d.png", className: "h-7 w-7", alt: "B3 Token" })] }), _jsx("p", { className: "text-as-primary/50 text-sm font-medium", children: "No problem, we'll help you swap to B3 for your spins!" })] }));
+                                    }
+                                })() }), _jsx(Button, { onClick: confirmQuantity, disabled: !isQuantityValid || !displayQuantity || isBuying || isTxPending, className: "bg-as-brand hover:bg-as-brand/90 text-as-primary mt-4 h-14 w-full rounded-xl text-lg font-medium", children: isBuying ? "Buying..." : isTxPending ? "Confirming..." : "Continue" })] })] }) }));
+    }
+    // Success Modal for Direct Buying
+    if (showSuccessModal) {
+        return (_jsx(StyleRoot, { children: _jsxs("div", { className: "bg-b3-react-background flex w-full flex-col items-center", children: [_jsxs("div", { className: "w-full p-4", children: [_jsxs(motion.div, { initial: false, animate: {
+                                    opacity: hasMounted ? 1 : 0,
+                                    y: hasMounted ? 0 : 20,
+                                    filter: hasMounted ? "blur(0px)" : "blur(10px)"
+                                }, transition: { duration: 0.3, delay: 0, ease: "easeInOut" }, className: "relative mx-auto mb-4 size-[120px]", children: [_jsx("div", { className: "absolute inset-0 scale-95 rounded-[50%] bg-gradient-to-br from-green-500/30 to-blue-500/30 blur-xl" }), _jsxs(GlareCardRounded, { className: "overflow-hidden rounded-full border-none bg-gradient-to-br from-green-500/10 to-blue-500/10 backdrop-blur-sm", children: [_jsx("img", { alt: "B3 Token", loading: "lazy", width: "120", height: "120", decoding: "async", "data-nimg": "1", className: "size-full shrink-0 bg-transparent text-transparent", src: "https://cdn.b3.fun/b3-coin-3d.png" }), _jsx("div", { className: "absolute inset-0 rounded-[50%] border border-white/20" })] })] }), _jsxs(motion.div, { initial: false, animate: {
+                                    opacity: hasMounted ? 1 : 0,
+                                    y: hasMounted ? 0 : 20,
+                                    filter: hasMounted ? "blur(0px)" : "blur(10px)"
+                                }, transition: { duration: 0.3, delay: 0.1, ease: "easeInOut" }, className: "text-center", children: [_jsx("h2", { className: "font-sf-rounded mb-3 bg-gradient-to-r from-green-400 to-blue-500 bg-clip-text text-3xl font-bold text-transparent", children: "\uD83C\uDF89 Purchase Complete!" }), _jsx("div", { className: "bg-as-on-surface-2/50 inline-flex items-center gap-2 rounded-full border border-white/10 px-4 py-2 backdrop-blur-sm", children: _jsxs("span", { className: "text-as-primary/80 text-sm font-medium", children: [userSpinQuantity, " Spin", userSpinQuantity !== "1" ? "s" : "", " \u2022 ", formatUnits(totalCost, 18), " B3"] }) })] })] }), _jsxs(motion.div, { initial: false, animate: {
+                            opacity: hasMounted ? 1 : 0,
+                            y: hasMounted ? 0 : 20,
+                            filter: hasMounted ? "blur(0px)" : "blur(10px)"
+                        }, transition: { duration: 0.3, delay: 0.2, ease: "easeInOut" }, className: "bg-b3-react-background w-full p-6", children: [_jsx("div", { className: "mb-6", children: _jsx("a", { href: `https://basescan.org/tx/${buyingTxHash}`, target: "_blank", rel: "noopener noreferrer", className: "text-as-primary/70 hover:text-as-primary block break-all text-center font-mono text-sm underline transition-colors", children: "View transaction" }) }), _jsx(Button, { onClick: () => {
+                                    setB3ModalOpen(false);
+                                    onSuccess?.(buyingTxHash);
+                                }, className: "bg-as-brand hover:bg-as-brand/90 text-as-primary h-14 w-full rounded-xl text-lg font-medium", children: "Done" })] })] }) }));
+    }
+    // AnySpend flow for when user needs to swap to B3
+    const encodedData = generateEncodedDataForBuyEntriesAndSpin(address || "", userSpinQuantity);
+    return (_jsx(AnySpendCustom, { isMainnet: isMainnet, loadOrder: loadOrder, mode: mode, recipientAddress: recipientAddress, orderType: OrderType.Custom, dstChainId: chainId, dstToken: B3_TOKEN, dstAmount: totalCost.toString(), contractAddress: spinwheelContractAddress, spenderAddress: paymentConfig.entryModule, encodedData: encodedData, metadata: {
+            action: `buy ${userSpinQuantity} spin${userSpinQuantity !== "1" ? "s" : ""}`
+        }, header: header, onSuccess: txHash => onSuccess?.(txHash), showRecipient: false }));
+}

package/dist/esm/anyspend/react/components/AnySpendCustom.d.ts

@@ -0,0 +1,22 @@
+import { GetQuoteResponse, OrderType, Token } from "../../../anyspend";
+import React from "react";
+export default function AnySpendCustom({ isMainnet, loadOrder, mode, recipientAddress: recipientAddressProps, spenderAddress, orderType, dstChainId, dstToken, dstAmount, contractAddress, encodedData, metadata, header, onSuccess, showRecipient }: {
+    isMainnet?: boolean;
+    loadOrder?: string;
+    mode?: "modal" | "page";
+    recipientAddress?: string;
+    spenderAddress?: string;
+    orderType: OrderType;
+    dstChainId: number;
+    dstToken: Token;
+    dstAmount: string;
+    contractAddress: string;
+    encodedData: string;
+    metadata: any;
+    header: ({ anyspendPrice, isLoadingAnyspendPrice }: {
+        anyspendPrice: GetQuoteResponse | undefined;
+        isLoadingAnyspendPrice: boolean;
+    }) => React.JSX.Element;
+    onSuccess?: (txHash?: string) => void;
+    showRecipient?: boolean;
+}): import("react/jsx-runtime").JSX.Element;