@b3dotfun/sdk 0.0.8-alpha.4 → 0.0.8-alpha.6

package/dist/cjs/anyspend/react/components/AnySpendBondKit.d.ts

@@ -1,2 +1,2 @@
 import { AnySpendBondKitProps } from "../../../global-account/react/stores/useModalStore";
-export declare function AnySpendBondKit({ mode, recipientAddress, contractAddress, minTokensOut, imageUrl, onSuccess, }: AnySpendBondKitProps): import("react/jsx-runtime").JSX.Element;
+export declare function AnySpendBondKit({ mode, recipientAddress, contractAddress, minTokensOut, imageUrl, ethAmount: initialEthAmount, onSuccess, }: AnySpendBondKitProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/anyspend/react/components/AnySpendBondKit.js

@@ -25,11 +25,11 @@ function formatNumberWithCommas(x) {
     parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ",");
     return parts.join(".");
 }
-function AnySpendBondKit({ mode = "modal", recipientAddress, contractAddress, minTokensOut = "0", imageUrl, onSuccess, }) {
+function AnySpendBondKit({ mode = "modal", recipientAddress, contractAddress, minTokensOut = "0", imageUrl, ethAmount: initialEthAmount, onSuccess, }) {
     const hasMounted = (0, react_1.useHasMounted)();
-    const [showAmountPrompt, setShowAmountPrompt] = (0, react_2.useState)(true);
-    const [ethAmount, setEthAmount] = (0, react_2.useState)("");
-    const [isAmountValid, setIsAmountValid] = (0, react_2.useState)(false);
+    const [showAmountPrompt, setShowAmountPrompt] = (0, react_2.useState)(!initialEthAmount);
+    const [ethAmount, setEthAmount] = (0, react_2.useState)(initialEthAmount || "");
+    const [isAmountValid, setIsAmountValid] = (0, react_2.useState)(!!initialEthAmount);
     const [validationError, setValidationError] = (0, react_2.useState)("");
     const [tokenName, setTokenName] = (0, react_2.useState)("");
     const [tokenSymbol, setTokenSymbol] = (0, react_2.useState)("");
@@ -120,6 +120,12 @@ function AnySpendBondKit({ mode = "modal", recipientAddress, contractAddress, mi
             setIsLoadingQuote(false);
         }
     }, 500), [bondkitTokenClient]);
+    // Fetch initial quote if ethAmount is provided
+    (0, react_2.useEffect)(() => {
+        if (initialEthAmount && bondkitTokenClient) {
+            debouncedGetQuote(initialEthAmount);
+        }
+    }, [initialEthAmount, bondkitTokenClient, debouncedGetQuote]);
     const validateAndSetAmount = (value) => {
         // Allow empty input
         if (value === "") {

package/dist/cjs/anyspend/react/components/AnySpendCustom.js

@@ -158,7 +158,7 @@ function AnySpendCustom({ isMainnet = true, loadOrder, mode = "modal", recipient
             }
         }
     }, [srcChainId, tokenList, getTokenWithBalance, nativeTokens, fungibleTokens, dirtySelectSrcToken, dstToken.address]);
-    const { account: isAuthenticated } = (0, react_2.useB3)();
+    // const { account: isAuthenticated } = useB3();
     const getRelayQuoteRequest = (0, react_3.useMemo)(() => {
         return generateGetRelayQuoteRequest({
             orderType: orderType,
@@ -329,22 +329,22 @@ function AnySpendCustom({ isMainnet = true, loadOrder, mode = "modal", recipient
         }
     };
     const handleConfirmOrder = async (onramp) => {
-        if (!isAuthenticated) {
-            // Copied from https://github.com/b3-fun/b3-mono/blob/main/apps/anyspend-web/components/User/index.tsx#L85
-            setB3ModalContentType({
-                chain: {
-                    ...chains_1.b3,
-                    rpc: "https://mainnet-rpc.b3.fun",
-                    blockExplorers: [{ name: "B3 Explorer", url: "https://explorer.b3.fun/" }],
-                    testnet: undefined,
-                },
-                partnerId: String(process.env.NEXT_PUBLIC_THIRDWEB_PARTNER_ID),
-                type: "signInWithB3",
-                showBackButton: false,
-            });
-            setB3ModalOpen(true);
-            return;
-        }
+        // if (!isAuthenticated) {
+        //   // Copied from https://github.com/b3-fun/b3-mono/blob/main/apps/anyspend-web/components/User/index.tsx#L85
+        //   setB3ModalContentType({
+        //     chain: {
+        //       ...b3,
+        //       rpc: "https://mainnet-rpc.b3.fun",
+        //       blockExplorers: [{ name: "B3 Explorer", url: "https://explorer.b3.fun/" }],
+        //       testnet: undefined,
+        //     },
+        //     partnerId: String(process.env.NEXT_PUBLIC_THIRDWEB_PARTNER_ID),
+        //     type: "signInWithB3",
+        //     showBackButton: false,
+        //   });
+        //   setB3ModalOpen(true);
+        //   return;
+        // }
         if (recipientAddress) {
             try {
                 await handleCreateOrder(recipientAddress, onramp);
@@ -355,7 +355,7 @@ function AnySpendCustom({ isMainnet = true, loadOrder, mode = "modal", recipient
             }
         }
     };
-    const recipientSection = showRecipient && isAuthenticated && recipientAddress ? ((0, jsx_runtime_1.jsxs)(framer_motion_1.motion.div, { initial: false, animate: {
+    const recipientSection = showRecipient && recipientAddress ? ((0, jsx_runtime_1.jsxs)(framer_motion_1.motion.div, { initial: false, animate: {
             opacity: hasMounted ? 1 : 0,
             y: hasMounted ? 0 : 20,
             filter: hasMounted ? "blur(0px)" : "blur(10px)",
@@ -394,7 +394,7 @@ function AnySpendCustom({ isMainnet = true, loadOrder, mode = "modal", recipient
                                             opacity: hasMounted ? 1 : 0,
                                             y: hasMounted ? 0 : 20,
                                             filter: hasMounted ? "blur(0px)" : "blur(10px)",
-                                        }, transition: { duration: 0.3, delay: 0.3, ease: "easeInOut" }, className: "flex w-full flex-col gap-2", children: (0, jsx_runtime_1.jsx)(react_2.ShinyButton, { accentColor: "hsl(var(--as-brand))", textColor: "text-white", disabled: isCreatingOrder || isLoadingAnyspendQuote || !anyspendQuote, onClick: () => handleConfirmOrder(), className: "relative w-full", children: !isAuthenticated ? ("Sign in with B3") : isCreatingOrder ? ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "size-4 animate-spin" }), (0, jsx_runtime_1.jsx)("span", { children: "Creating order..." })] })) : isLoadingAnyspendQuote ? ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "size-4 animate-spin" }), (0, jsx_runtime_1.jsx)("span", { children: "Loading quote..." })] })) : anyspendQuote ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", { children: "Checkout" }), (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronRightCircle, { className: "absolute right-0 top-1/2 size-6 -translate-y-1/2 opacity-70" })] })) : ("No quote found") }) }) })] }) }), (0, jsx_runtime_1.jsx)(react_2.TabsContent, { value: "fiat", children: (0, jsx_runtime_1.jsx)("div", { className: "mt-6 flex w-full flex-col gap-6", children: (0, jsx_runtime_1.jsx)(PanelOnrampPayment_1.PanelOnrampPayment, { srcAmountOnRamp: anyspendQuote?.data?.currencyIn?.amountUsd || "0", recipientName: recipientEnsName, recipientAddress: recipientAddress, isMainnet: isMainnet, isBuyMode: false, selectedDstChainId: dstChainId, selectedDstToken: dstToken, anyspendQuote: anyspendQuote, globalAddress: currentWallet?.wallet?.address, onOrderCreated: (orderId) => setOrderId(orderId), onBack: () => setActiveTab("crypto"), orderType: orderType, nft: (0, anyspend_1.isNftMetadata)(metadata)
+                                        }, transition: { duration: 0.3, delay: 0.3, ease: "easeInOut" }, className: "flex w-full flex-col gap-2", children: (0, jsx_runtime_1.jsx)(react_2.ShinyButton, { accentColor: "hsl(var(--as-brand))", textColor: "text-white", disabled: isCreatingOrder || isLoadingAnyspendQuote || !anyspendQuote, onClick: () => handleConfirmOrder(), className: "relative w-full", children: isCreatingOrder ? ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "size-4 animate-spin" }), (0, jsx_runtime_1.jsx)("span", { children: "Creating order..." })] })) : isLoadingAnyspendQuote ? ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "size-4 animate-spin" }), (0, jsx_runtime_1.jsx)("span", { children: "Loading quote..." })] })) : anyspendQuote ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", { children: "Checkout" }), (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronRightCircle, { className: "absolute right-0 top-1/2 size-6 -translate-y-1/2 opacity-70" })] })) : ("No quote found") }) }) })] }) }), (0, jsx_runtime_1.jsx)(react_2.TabsContent, { value: "fiat", children: (0, jsx_runtime_1.jsx)("div", { className: "mt-6 flex w-full flex-col gap-6", children: (0, jsx_runtime_1.jsx)(PanelOnrampPayment_1.PanelOnrampPayment, { srcAmountOnRamp: anyspendQuote?.data?.currencyIn?.amountUsd || "0", recipientName: recipientEnsName, recipientAddress: recipientAddress, isMainnet: isMainnet, isBuyMode: false, selectedDstChainId: dstChainId, selectedDstToken: dstToken, anyspendQuote: anyspendQuote, globalAddress: currentWallet?.wallet?.address, onOrderCreated: (orderId) => setOrderId(orderId), onBack: () => setActiveTab("crypto"), orderType: orderType, nft: (0, anyspend_1.isNftMetadata)(metadata)
                                     ? metadata.nftContract.type === anyspend_1.NftType.ERC1155
                                         ? {
                                             type: anyspend_1.NftType.ERC1155,

package/dist/cjs/global-account/react/stores/useModalStore.d.ts

@@ -270,6 +270,8 @@ export interface AnySpendBondKitProps extends BaseModalProps {
     imageUrl?: string;
     /** Token name to display */
     tokenName?: string;
+    /** Optional pre-filled ETH amount */
+    ethAmount?: string;
     /** Callback function called when purchase is successful */
     onSuccess?: (txHash?: string) => void;
 }

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

@@ -1,2 +1,2 @@
 import { AnySpendBondKitProps } from "../../../global-account/react/stores/useModalStore";
-export declare function AnySpendBondKit({ mode, recipientAddress, contractAddress, minTokensOut, imageUrl, onSuccess, }: AnySpendBondKitProps): import("react/jsx-runtime").JSX.Element;
+export declare function AnySpendBondKit({ mode, recipientAddress, contractAddress, minTokensOut, imageUrl, ethAmount: initialEthAmount, onSuccess, }: AnySpendBondKitProps): import("react/jsx-runtime").JSX.Element;

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

@@ -22,11 +22,11 @@ function formatNumberWithCommas(x) {
     parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ",");
     return parts.join(".");
 }
-export function AnySpendBondKit({ mode = "modal", recipientAddress, contractAddress, minTokensOut = "0", imageUrl, onSuccess, }) {
+export function AnySpendBondKit({ mode = "modal", recipientAddress, contractAddress, minTokensOut = "0", imageUrl, ethAmount: initialEthAmount, onSuccess, }) {
     const hasMounted = useHasMounted();
-    const [showAmountPrompt, setShowAmountPrompt] = useState(true);
-    const [ethAmount, setEthAmount] = useState("");
-    const [isAmountValid, setIsAmountValid] = useState(false);
+    const [showAmountPrompt, setShowAmountPrompt] = useState(!initialEthAmount);
+    const [ethAmount, setEthAmount] = useState(initialEthAmount || "");
+    const [isAmountValid, setIsAmountValid] = useState(!!initialEthAmount);
     const [validationError, setValidationError] = useState("");
     const [tokenName, setTokenName] = useState("");
     const [tokenSymbol, setTokenSymbol] = useState("");
@@ -117,6 +117,12 @@ export function AnySpendBondKit({ mode = "modal", recipientAddress, contractAddr
             setIsLoadingQuote(false);
         }
     }, 500), [bondkitTokenClient]);
+    // Fetch initial quote if ethAmount is provided
+    useEffect(() => {
+        if (initialEthAmount && bondkitTokenClient) {
+            debouncedGetQuote(initialEthAmount);
+        }
+    }, [initialEthAmount, bondkitTokenClient, debouncedGetQuote]);
     const validateAndSetAmount = (value) => {
         // Allow empty input
         if (value === "") {

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { eqci, getDefaultToken, isCustomTxMetadata, isNftMetadata, isTournamentMetadata, NftType, OrderStatus, OrderType, RELAY_ETH_ADDRESS, USDC_BASE, } from "../../../anyspend/index.js";
 import { useAnyspendCreateOnrampOrder, useAnyspendCreateOrder, useAnyspendOrderAndTransactions, useAnyspendQuote, useAnyspendTokenList, useGeoOnrampOptions, } from "../../../anyspend/react/index.js";
-import { Badge, Button, Dialog, DialogContent, Input, ShinyButton, Skeleton, StyleRoot, Tabs, TabsContent, TabsList, TabTrigger, TextShimmer, Tooltip, TooltipContent, TooltipTrigger, TransitionPanel, useAccountWallet, useB3, useBsmntProfile, useHasMounted, useModalStore, useRouter, useSearchParamsSSR, useTokenBalancesByChain, } from "../../../global-account/react/index.js";
+import { Badge, Button, Dialog, DialogContent, Input, ShinyButton, Skeleton, StyleRoot, Tabs, TabsContent, TabsList, TabTrigger, TextShimmer, Tooltip, TooltipContent, TooltipTrigger, TransitionPanel, useAccountWallet, useBsmntProfile, useHasMounted, useModalStore, useRouter, useSearchParamsSSR, useTokenBalancesByChain, } from "../../../global-account/react/index.js";
 import { cn } from "../../../shared/utils/index.js";
 import centerTruncate from "../../../shared/utils/centerTruncate.js";
 import { formatTokenAmount } from "../../../shared/utils/number.js";
@@ -11,7 +11,7 @@ import invariant from "invariant";
 import { ChevronRightCircle, Loader2 } from "lucide-react";
 import { useCallback, useEffect, useMemo, useState } from "react";
 import { toast } from "sonner";
-import { b3, base, baseSepolia } from "viem/chains";
+import { base, baseSepolia } from "viem/chains";
 import { OrderDetails } from "./common/OrderDetails.js";
 import { OrderHistory } from "./common/OrderHistory.js";
 import { OrderStatus as OrderStatusDisplay } from "./common/OrderStatus.js";
@@ -152,7 +152,7 @@ export function AnySpendCustom({ isMainnet = true, loadOrder, mode = "modal", re
             }
         }
     }, [srcChainId, tokenList, getTokenWithBalance, nativeTokens, fungibleTokens, dirtySelectSrcToken, dstToken.address]);
-    const { account: isAuthenticated } = useB3();
+    // const { account: isAuthenticated } = useB3();
     const getRelayQuoteRequest = useMemo(() => {
         return generateGetRelayQuoteRequest({
             orderType: orderType,
@@ -323,22 +323,22 @@ export function AnySpendCustom({ isMainnet = true, loadOrder, mode = "modal", re
         }
     };
     const handleConfirmOrder = async (onramp) => {
-        if (!isAuthenticated) {
-            // Copied from https://github.com/b3-fun/b3-mono/blob/main/apps/anyspend-web/components/User/index.tsx#L85
-            setB3ModalContentType({
-                chain: {
-                    ...b3,
-                    rpc: "https://mainnet-rpc.b3.fun",
-                    blockExplorers: [{ name: "B3 Explorer", url: "https://explorer.b3.fun/" }],
-                    testnet: undefined,
-                },
-                partnerId: String(process.env.NEXT_PUBLIC_THIRDWEB_PARTNER_ID),
-                type: "signInWithB3",
-                showBackButton: false,
-            });
-            setB3ModalOpen(true);
-            return;
-        }
+        // if (!isAuthenticated) {
+        //   // Copied from https://github.com/b3-fun/b3-mono/blob/main/apps/anyspend-web/components/User/index.tsx#L85
+        //   setB3ModalContentType({
+        //     chain: {
+        //       ...b3,
+        //       rpc: "https://mainnet-rpc.b3.fun",
+        //       blockExplorers: [{ name: "B3 Explorer", url: "https://explorer.b3.fun/" }],
+        //       testnet: undefined,
+        //     },
+        //     partnerId: String(process.env.NEXT_PUBLIC_THIRDWEB_PARTNER_ID),
+        //     type: "signInWithB3",
+        //     showBackButton: false,
+        //   });
+        //   setB3ModalOpen(true);
+        //   return;
+        // }
         if (recipientAddress) {
             try {
                 await handleCreateOrder(recipientAddress, onramp);
@@ -349,7 +349,7 @@ export function AnySpendCustom({ isMainnet = true, loadOrder, mode = "modal", re
             }
         }
     };
-    const recipientSection = showRecipient && isAuthenticated && recipientAddress ? (_jsxs(motion.div, { initial: false, animate: {
+    const recipientSection = showRecipient && recipientAddress ? (_jsxs(motion.div, { initial: false, animate: {
             opacity: hasMounted ? 1 : 0,
             y: hasMounted ? 0 : 20,
             filter: hasMounted ? "blur(0px)" : "blur(10px)",
@@ -388,7 +388,7 @@ export function AnySpendCustom({ isMainnet = true, loadOrder, mode = "modal", re
                                             opacity: hasMounted ? 1 : 0,
                                             y: hasMounted ? 0 : 20,
                                             filter: hasMounted ? "blur(0px)" : "blur(10px)",
-                                        }, transition: { duration: 0.3, delay: 0.3, ease: "easeInOut" }, className: "flex w-full flex-col gap-2", children: _jsx(ShinyButton, { accentColor: "hsl(var(--as-brand))", textColor: "text-white", disabled: isCreatingOrder || isLoadingAnyspendQuote || !anyspendQuote, onClick: () => handleConfirmOrder(), className: "relative w-full", children: !isAuthenticated ? ("Sign in with B3") : isCreatingOrder ? (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Loader2, { className: "size-4 animate-spin" }), _jsx("span", { children: "Creating order..." })] })) : isLoadingAnyspendQuote ? (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Loader2, { className: "size-4 animate-spin" }), _jsx("span", { children: "Loading quote..." })] })) : anyspendQuote ? (_jsxs(_Fragment, { children: [_jsx("span", { children: "Checkout" }), _jsx(ChevronRightCircle, { className: "absolute right-0 top-1/2 size-6 -translate-y-1/2 opacity-70" })] })) : ("No quote found") }) }) })] }) }), _jsx(TabsContent, { value: "fiat", children: _jsx("div", { className: "mt-6 flex w-full flex-col gap-6", children: _jsx(PanelOnrampPayment, { srcAmountOnRamp: anyspendQuote?.data?.currencyIn?.amountUsd || "0", recipientName: recipientEnsName, recipientAddress: recipientAddress, isMainnet: isMainnet, isBuyMode: false, selectedDstChainId: dstChainId, selectedDstToken: dstToken, anyspendQuote: anyspendQuote, globalAddress: currentWallet?.wallet?.address, onOrderCreated: (orderId) => setOrderId(orderId), onBack: () => setActiveTab("crypto"), orderType: orderType, nft: isNftMetadata(metadata)
+                                        }, transition: { duration: 0.3, delay: 0.3, ease: "easeInOut" }, className: "flex w-full flex-col gap-2", children: _jsx(ShinyButton, { accentColor: "hsl(var(--as-brand))", textColor: "text-white", disabled: isCreatingOrder || isLoadingAnyspendQuote || !anyspendQuote, onClick: () => handleConfirmOrder(), className: "relative w-full", children: isCreatingOrder ? (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Loader2, { className: "size-4 animate-spin" }), _jsx("span", { children: "Creating order..." })] })) : isLoadingAnyspendQuote ? (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Loader2, { className: "size-4 animate-spin" }), _jsx("span", { children: "Loading quote..." })] })) : anyspendQuote ? (_jsxs(_Fragment, { children: [_jsx("span", { children: "Checkout" }), _jsx(ChevronRightCircle, { className: "absolute right-0 top-1/2 size-6 -translate-y-1/2 opacity-70" })] })) : ("No quote found") }) }) })] }) }), _jsx(TabsContent, { value: "fiat", children: _jsx("div", { className: "mt-6 flex w-full flex-col gap-6", children: _jsx(PanelOnrampPayment, { srcAmountOnRamp: anyspendQuote?.data?.currencyIn?.amountUsd || "0", recipientName: recipientEnsName, recipientAddress: recipientAddress, isMainnet: isMainnet, isBuyMode: false, selectedDstChainId: dstChainId, selectedDstToken: dstToken, anyspendQuote: anyspendQuote, globalAddress: currentWallet?.wallet?.address, onOrderCreated: (orderId) => setOrderId(orderId), onBack: () => setActiveTab("crypto"), orderType: orderType, nft: isNftMetadata(metadata)
                                     ? metadata.nftContract.type === NftType.ERC1155
                                         ? {
                                             type: NftType.ERC1155,

package/dist/esm/global-account/react/stores/useModalStore.d.ts

@@ -270,6 +270,8 @@ export interface AnySpendBondKitProps extends BaseModalProps {
     imageUrl?: string;
     /** Token name to display */
     tokenName?: string;
+    /** Optional pre-filled ETH amount */
+    ethAmount?: string;
     /** Callback function called when purchase is successful */
     onSuccess?: (txHash?: string) => void;
 }

package/dist/types/anyspend/react/components/AnySpendBondKit.d.ts

@@ -1,2 +1,2 @@
 import { AnySpendBondKitProps } from "@b3dotfun/sdk/global-account/react/stores/useModalStore";
-export declare function AnySpendBondKit({ mode, recipientAddress, contractAddress, minTokensOut, imageUrl, onSuccess, }: AnySpendBondKitProps): import("react/jsx-runtime").JSX.Element;
+export declare function AnySpendBondKit({ mode, recipientAddress, contractAddress, minTokensOut, imageUrl, ethAmount: initialEthAmount, onSuccess, }: AnySpendBondKitProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/global-account/react/stores/useModalStore.d.ts

@@ -270,6 +270,8 @@ export interface AnySpendBondKitProps extends BaseModalProps {
     imageUrl?: string;
     /** Token name to display */
     tokenName?: string;
+    /** Optional pre-filled ETH amount */
+    ethAmount?: string;
     /** Callback function called when purchase is successful */
     onSuccess?: (txHash?: string) => void;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@b3dotfun/sdk",
-  "version": "0.0.8-alpha.4",
+  "version": "0.0.8-alpha.6",
   "source": "src/index.ts",
   "main": "./dist/cjs/index.js",
   "react-native": "./dist/cjs/index.native.js",

package/src/anyspend/react/components/AnySpendBondKit.tsx

@@ -38,12 +38,13 @@ export function AnySpendBondKit({
   contractAddress,
   minTokensOut = "0",
   imageUrl,
+  ethAmount: initialEthAmount,
   onSuccess,
 }: AnySpendBondKitProps) {
   const hasMounted = useHasMounted();
-  const [showAmountPrompt, setShowAmountPrompt] = useState(true);
-  const [ethAmount, setEthAmount] = useState("");
-  const [isAmountValid, setIsAmountValid] = useState(false);
+  const [showAmountPrompt, setShowAmountPrompt] = useState(!initialEthAmount);
+  const [ethAmount, setEthAmount] = useState(initialEthAmount || "");
+  const [isAmountValid, setIsAmountValid] = useState(!!initialEthAmount);
   const [validationError, setValidationError] = useState("");
   const [tokenName, setTokenName] = useState<string>("");
   const [tokenSymbol, setTokenSymbol] = useState<string>("");
@@ -144,6 +145,12 @@ export function AnySpendBondKit({
       }, 500),
     [bondkitTokenClient],
   );
+  // Fetch initial quote if ethAmount is provided
+  useEffect(() => {
+    if (initialEthAmount && bondkitTokenClient) {
+      debouncedGetQuote(initialEthAmount);
+    }
+  }, [initialEthAmount, bondkitTokenClient, debouncedGetQuote]);
 
   const validateAndSetAmount = (value: string) => {
     // Allow empty input

package/src/anyspend/react/components/AnySpendCustom.tsx

@@ -44,7 +44,6 @@ import {
   TooltipTrigger,
   TransitionPanel,
   useAccountWallet,
-  useB3,
   useBsmntProfile,
   useHasMounted,
   useModalStore,
@@ -61,7 +60,7 @@ import invariant from "invariant";
 import { ChevronRightCircle, Loader2 } from "lucide-react";
 import React, { useCallback, useEffect, useMemo, useState } from "react";
 import { toast } from "sonner";
-import { b3, base, baseSepolia } from "viem/chains";
+import { base, baseSepolia } from "viem/chains";
 import { OrderDetails } from "./common/OrderDetails";
 import { OrderHistory } from "./common/OrderHistory";
 import { OrderStatus as OrderStatusDisplay } from "./common/OrderStatus";
@@ -287,7 +286,7 @@ export function AnySpendCustom({
     }
   }, [srcChainId, tokenList, getTokenWithBalance, nativeTokens, fungibleTokens, dirtySelectSrcToken, dstToken.address]);
 
-  const { account: isAuthenticated } = useB3();
+  // const { account: isAuthenticated } = useB3();
 
   const getRelayQuoteRequest = useMemo(() => {
     return generateGetRelayQuoteRequest({
@@ -479,22 +478,22 @@ export function AnySpendCustom({
   };
 
   const handleConfirmOrder = async (onramp?: { paymentMethod: string; vendor: OnrampVendor }) => {
-    if (!isAuthenticated) {
-      // Copied from https://github.com/b3-fun/b3-mono/blob/main/apps/anyspend-web/components/User/index.tsx#L85
-      setB3ModalContentType({
-        chain: {
-          ...b3,
-          rpc: "https://mainnet-rpc.b3.fun",
-          blockExplorers: [{ name: "B3 Explorer", url: "https://explorer.b3.fun/" }],
-          testnet: undefined,
-        },
-        partnerId: String(process.env.NEXT_PUBLIC_THIRDWEB_PARTNER_ID),
-        type: "signInWithB3",
-        showBackButton: false,
-      });
-      setB3ModalOpen(true);
-      return;
-    }
+    // if (!isAuthenticated) {
+    //   // Copied from https://github.com/b3-fun/b3-mono/blob/main/apps/anyspend-web/components/User/index.tsx#L85
+    //   setB3ModalContentType({
+    //     chain: {
+    //       ...b3,
+    //       rpc: "https://mainnet-rpc.b3.fun",
+    //       blockExplorers: [{ name: "B3 Explorer", url: "https://explorer.b3.fun/" }],
+    //       testnet: undefined,
+    //     },
+    //     partnerId: String(process.env.NEXT_PUBLIC_THIRDWEB_PARTNER_ID),
+    //     type: "signInWithB3",
+    //     showBackButton: false,
+    //   });
+    //   setB3ModalOpen(true);
+    //   return;
+    // }
 
     if (recipientAddress) {
       try {
@@ -507,7 +506,7 @@ export function AnySpendCustom({
   };
 
   const recipientSection =
-    showRecipient && isAuthenticated && recipientAddress ? (
+    showRecipient && recipientAddress ? (
       <motion.div
         initial={false}
         animate={{
@@ -792,9 +791,7 @@ export function AnySpendCustom({
                   onClick={() => handleConfirmOrder()}
                   className="relative w-full"
                 >
-                  {!isAuthenticated ? (
-                    "Sign in with B3"
-                  ) : isCreatingOrder ? (
+                  {isCreatingOrder ? (
                     <div className="flex items-center gap-2">
                       <Loader2 className="size-4 animate-spin" />
                       <span>Creating order...</span>

package/src/global-account/react/stores/useModalStore.ts

@@ -286,6 +286,8 @@ export interface AnySpendBondKitProps extends BaseModalProps {
   imageUrl?: string;
   /** Token name to display */
   tokenName?: string;
+  /** Optional pre-filled ETH amount */
+  ethAmount?: string;
   /** Callback function called when purchase is successful */
   onSuccess?: (txHash?: string) => void;
 }