@b3dotfun/sdk 0.0.29 → 0.0.30-alpha.0

package/dist/cjs/anyspend/react/components/common/OrderDetails.js

@@ -49,6 +49,9 @@ function getOrderSuccessText({ order, tournament, formattedActualDstAmount, dstT
             actionText = `funded ${tournament?.name}`;
             return `Successfully ${actionText}`;
         case "custom":
+            if (order.metadata.action === anyspend_1.DEPOSIT_HYPE_ACTION) {
+                return `Successfully deposited ${(0, number_1.formatTokenAmount)(BigInt(order.payload?.amount || "0"), 18)} HYPE to ${recipient}`;
+            }
             actionText = order.metadata.action || `executed contract`;
             return `Successfully ${actionText}`;
         default:
@@ -145,7 +148,7 @@ exports.OrderDetails = (0, react_5.memo)(function OrderDetails({ mode = "modal",
     const [txHash, setTxHash] = (0, react_5.useState)();
     const [showQRCode, setShowQRCode] = (0, react_5.useState)(false);
     const { isLoading: txLoading, isSuccess: txSuccess } = (0, wagmi_1.useWaitForTransactionReceipt)({ hash: txHash });
-    const { switchChainAndExecute, isSwitchingOrExecuting } = (0, react_1.useUnifiedChainSwitchAndExecute)();
+    const { switchChainAndExecuteWithEOA, isSwitchingOrExecuting } = (0, react_1.useUnifiedChainSwitchAndExecute)();
     const { colorMode } = (0, react_2.useColorMode)();
     const roundedUpSrcAmount = (0, react_5.useMemo)(() => {
         // Display the full transfer amount without rounding since users need to see the exact value they're transferring.
@@ -175,11 +178,11 @@ exports.OrderDetails = (0, react_5.memo)(function OrderDetails({ mode = "modal",
             to = order.srcTokenAddress;
             value = BigInt(0);
         }
-        const txHash = await switchChainAndExecute(order.srcChain, { to, data: txData, value });
+        const txHash = await switchChainAndExecuteWithEOA(order.srcChain, { to, data: txData, value });
         if (txHash) {
             setTxHash(txHash);
         }
-    }, [order, switchChainAndExecute]);
+    }, [order, switchChainAndExecuteWithEOA]);
     // Main payment handler that triggers chain switch and payment
     const handlePayment = async () => {
         console.log("Initiating payment process. Target chain:", order.srcChain, "Current chain:", walletClient?.chain?.id);

package/dist/cjs/anyspend/react/components/common/OrderDetailsCollapsible.js

@@ -35,8 +35,10 @@ exports.OrderDetailsCollapsible = (0, react_3.memo)(function OrderDetailsCollaps
                                         : order.type === "fund_tournament"
                                             ? "Fund tournament"
                                             : order.type === "custom"
-                                                ? order.metadata.action
-                                                    ? (0, anyspend_1.capitalizeFirstLetter)(order.metadata.action)
-                                                    : "Contract execution"
-                                                : "" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-end gap-2", children: [order.type === "swap" ? (`~${finalFormattedExpectedDstAmount} ${dstToken.symbol}`) : order.type === "mint_nft" ? ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)("img", { src: nft?.imageUrl, alt: nft?.name || "NFT", className: "h-5 w-5" }), (0, jsx_runtime_1.jsx)("div", { children: nft?.name || "NFT" })] })) : order.type === "join_tournament" || order.type === "fund_tournament" ? ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)("img", { src: tournament?.imageUrl, alt: tournament?.name || "Tournament", className: "h-5 w-5" }), (0, jsx_runtime_1.jsx)("div", { children: tournament?.name || "Tournament" })] })) : null, (0, jsx_runtime_1.jsxs)("div", { className: "text-as-primary/50 flex items-center gap-2", children: [(0, jsx_runtime_1.jsxs)("span", { children: ["on ", order.dstChain !== chains_1.b3.id && (0, anyspend_1.getChainName)(order.dstChain)] }), (0, jsx_runtime_1.jsx)("img", { src: anyspend_1.ALL_CHAINS[order.dstChain].logoUrl, alt: (0, anyspend_1.getChainName)(order.dstChain), className: (0, utils_1.cn)("h-3", order.dstChain !== chains_1.b3.id && "w-3 rounded-full", order.dstChain === chains_1.b3.id && "h-4") })] })] })] }), (0, jsx_runtime_1.jsx)("div", { className: "divider w-full" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex w-full justify-between gap-4", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-as-tertiarry", children: showTotal ? "Total (included fee)" : "Order ID" }), (0, jsx_runtime_1.jsx)("div", { className: "text-as-primary overflow-hidden text-ellipsis whitespace-nowrap", children: showTotal && totalAmount ? totalAmount : order.id })] })] }) })) : ((0, jsx_runtime_1.jsxs)("div", { className: "flex w-full items-center", children: [(0, jsx_runtime_1.jsx)("div", { className: "divider w-full" }), (0, jsx_runtime_1.jsx)("button", { className: "whitespace-nowrap text-sm", onClick: () => setShowOrderDetails(true), children: "Order Details" }), (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronDown, { className: "text-as-primary mx-1 h-4 min-h-4 w-4 min-w-4" }), (0, jsx_runtime_1.jsx)("div", { className: "divider w-full" })] })) }));
+                                                ? order.metadata.action === anyspend_1.DEPOSIT_HYPE_ACTION
+                                                    ? "Deposit HYPE"
+                                                    : order.metadata.action
+                                                        ? (0, anyspend_1.capitalizeFirstLetter)(order.metadata.action)
+                                                        : "Contract execution"
+                                                : "" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-end gap-2", children: [order.type === "swap" ? (`~${finalFormattedExpectedDstAmount} ${dstToken.symbol}`) : order.type === "mint_nft" ? ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)("img", { src: nft?.imageUrl, alt: nft?.name || "NFT", className: "h-5 w-5" }), (0, jsx_runtime_1.jsx)("div", { children: nft?.name || "NFT" })] })) : order.type === "join_tournament" || order.type === "fund_tournament" ? ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)("img", { src: tournament?.imageUrl, alt: tournament?.name || "Tournament", className: "h-5 w-5" }), (0, jsx_runtime_1.jsx)("div", { children: tournament?.name || "Tournament" })] })) : order.type === "custom" && order.metadata.action === anyspend_1.DEPOSIT_HYPE_ACTION ? ((0, jsx_runtime_1.jsx)("div", { className: "flex items-center gap-2", children: (0, jsx_runtime_1.jsxs)("div", { children: [(0, number_1.formatTokenAmount)(BigInt(order.payload.amount), dstToken.decimals), " HYPE"] }) })) : null, (0, jsx_runtime_1.jsxs)("div", { className: "text-as-primary/50 flex items-center gap-2", children: [(0, jsx_runtime_1.jsxs)("span", { children: ["on ", order.dstChain !== chains_1.b3.id && (0, anyspend_1.getChainName)(order.dstChain)] }), (0, jsx_runtime_1.jsx)("img", { src: anyspend_1.ALL_CHAINS[order.dstChain].logoUrl, alt: (0, anyspend_1.getChainName)(order.dstChain), className: (0, utils_1.cn)("h-3", order.dstChain !== chains_1.b3.id && "w-3 rounded-full", order.dstChain === chains_1.b3.id && "h-4") })] })] })] }), (0, jsx_runtime_1.jsx)("div", { className: "divider w-full" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex w-full justify-between gap-4", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-as-tertiarry", children: showTotal ? "Total (included fee)" : "Order ID" }), (0, jsx_runtime_1.jsx)("div", { className: "text-as-primary overflow-hidden text-ellipsis whitespace-nowrap", children: showTotal && totalAmount ? totalAmount : order.id })] })] }) })) : ((0, jsx_runtime_1.jsxs)("div", { className: "flex w-full items-center", children: [(0, jsx_runtime_1.jsx)("div", { className: "divider w-full" }), (0, jsx_runtime_1.jsx)("button", { className: "whitespace-nowrap text-sm", onClick: () => setShowOrderDetails(true), children: "Order Details" }), (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronDown, { className: "text-as-primary mx-1 h-4 min-h-4 w-4 min-w-4" }), (0, jsx_runtime_1.jsx)("div", { className: "divider w-full" })] })) }));
 });

package/dist/cjs/anyspend/react/components/common/OrderStatus.d.ts

@@ -1,4 +1,6 @@
 import { components } from "../../../../anyspend/types/api";
+import { CryptoPaymentMethodType } from "./CryptoPaymentMethod";
 export declare const OrderStatus: import("react").NamedExoticComponent<{
     order: components["schemas"]["Order"];
+    selectedCryptoPaymentMethod?: CryptoPaymentMethodType;
 }>;

package/dist/cjs/anyspend/react/components/common/OrderStatus.js

@@ -7,11 +7,11 @@ const react_1 = require("../../../../shared/react");
 const lucide_react_1 = require("lucide-react");
 const react_2 = require("react");
 const StepProgress_1 = require("./StepProgress");
-exports.OrderStatus = (0, react_2.memo)(function OrderStatus({ order }) {
+exports.OrderStatus = (0, react_2.memo)(function OrderStatus({ order, selectedCryptoPaymentMethod, }) {
     const isComplete = order.status === "executed";
     const { text, status: displayStatus, description } = (0, anyspend_1.getStatusDisplay)(order);
     const searchParams = (0, react_1.useSearchParams)();
-    const cryptoPaymentMethod = searchParams.get("cryptoPaymentMethod");
+    const cryptoPaymentMethod = selectedCryptoPaymentMethod || searchParams.get("cryptoPaymentMethod");
     console.log("OrderStatus", displayStatus);
     console.log("OrderStatus", order);
     const paymentSteps = [

package/dist/cjs/anyspend/react/components/common/PaySection.js

@@ -9,13 +9,15 @@ const number_1 = require("../../../../shared/utils/number");
 const lucide_react_1 = require("lucide-react");
 const react_2 = require("motion/react");
 const react_3 = require("react");
+const wagmi_1 = require("wagmi");
 const CryptoPaymentMethod_1 = require("./CryptoPaymentMethod");
 const FiatPaymentMethod_1 = require("./FiatPaymentMethod");
 const OrderTokenAmount_1 = require("./OrderTokenAmount");
 const TokenBalance_1 = require("./TokenBalance");
 function PaySection({ paymentType, selectedSrcChainId, setSelectedSrcChainId, selectedSrcToken, setSelectedSrcToken, srcAmount, setSrcAmount, setIsSrcInputDirty, selectedCryptoPaymentMethod, selectedFiatPaymentMethod, onSelectCryptoPaymentMethod, onSelectFiatPaymentMethod, anyspendQuote, }) {
-    const { address: globalAddress, wallet: globalWallet, ensName: connectedName } = (0, react_1.useAccountWallet)();
-    const connectedAddress = globalWallet?.address;
+    const { address: connectedAddress, isConnected } = (0, wagmi_1.useAccount)();
+    const { data: profileData } = (0, react_1.useProfile)({ address: connectedAddress });
+    const connectedName = profileData?.displayName;
     const { data: srcTokenMetadata } = (0, react_1.useTokenData)(selectedSrcToken?.chainId, selectedSrcToken?.address);
     // Add ref to track if we've applied metadata
     const appliedSrcMetadataRef = (0, react_3.useRef)(false);
@@ -41,13 +43,13 @@ function PaySection({ paymentType, selectedSrcChainId, setSelectedSrcChainId, se
     (0, react_3.useEffect)(() => {
         appliedSrcMetadataRef.current = false;
     }, [selectedSrcToken.address, selectedSrcToken.chainId]);
-    return ((0, jsx_runtime_1.jsxs)(react_2.motion.div, { initial: { opacity: 0, y: 20, filter: "blur(10px)" }, animate: { opacity: 1, y: 0, filter: "blur(0px)" }, transition: { duration: 0.3, delay: 0, ease: "easeInOut" }, className: "bg-as-surface-secondary border-as-border-secondary relative flex w-full flex-col gap-2 rounded-2xl border p-4 sm:p-6", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-as-primary/50 flex h-7 items-center text-sm", children: "Pay" }), paymentType === "crypto" ? ((0, jsx_runtime_1.jsx)("button", { className: "text-as-tertiarry flex h-7 items-center gap-2 text-sm transition-colors", onClick: onSelectCryptoPaymentMethod, children: selectedCryptoPaymentMethod === CryptoPaymentMethod_1.CryptoPaymentMethodType.CONNECT_WALLET ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [globalAddress ? ((0, jsx_runtime_1.jsx)("div", { className: "flex items-center gap-1", children: connectedName ? (0, utils_1.formatUsername)(connectedName) : (0, formatAddress_1.shortenAddress)(connectedAddress || "") })) : ("Connect wallet"), (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronRight, { className: "h-4 w-4" })] })) : selectedCryptoPaymentMethod === CryptoPaymentMethod_1.CryptoPaymentMethodType.TRANSFER_CRYPTO ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["Transfer crypto", (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronRight, { className: "h-4 w-4" })] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["Select payment method", (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronRight, { className: "h-4 w-4" })] })) })) : ((0, jsx_runtime_1.jsx)("button", { className: "text-as-tertiarry flex h-7 items-center gap-2 text-sm transition-colors", onClick: onSelectFiatPaymentMethod, children: selectedFiatPaymentMethod === FiatPaymentMethod_1.FiatPaymentMethod.COINBASE_PAY ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex h-5 w-5 items-center justify-center rounded-full bg-blue-600", children: (0, jsx_runtime_1.jsx)("span", { className: "text-xs font-bold text-white", children: "C" }) }), "Coinbase Pay"] }), (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronRight, { className: "h-4 w-4" })] })) : selectedFiatPaymentMethod === FiatPaymentMethod_1.FiatPaymentMethod.STRIPE ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex h-5 w-5 items-center justify-center rounded-full bg-blue-600", children: (0, jsx_runtime_1.jsx)("span", { className: "text-xs font-bold text-white", children: "S" }) }), "Credit/Debit Card"] }), (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronRight, { className: "h-4 w-4" })] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["Select payment method", (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronRight, { className: "h-4 w-4" })] })) }))] }), paymentType === "crypto" ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(OrderTokenAmount_1.OrderTokenAmount, { address: globalAddress, context: "from", inputValue: srcAmount, onChangeInput: value => {
+    return ((0, jsx_runtime_1.jsxs)(react_2.motion.div, { initial: { opacity: 0, y: 20, filter: "blur(10px)" }, animate: { opacity: 1, y: 0, filter: "blur(0px)" }, transition: { duration: 0.3, delay: 0, ease: "easeInOut" }, className: "bg-as-surface-secondary border-as-border-secondary relative flex w-full flex-col gap-2 rounded-2xl border p-4 sm:p-6", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-as-primary/50 flex h-7 items-center text-sm", children: "Pay" }), paymentType === "crypto" ? ((0, jsx_runtime_1.jsx)("button", { className: "text-as-tertiarry flex h-7 items-center gap-2 text-sm transition-colors focus:!outline-none", onClick: onSelectCryptoPaymentMethod, children: selectedCryptoPaymentMethod === CryptoPaymentMethod_1.CryptoPaymentMethodType.CONNECT_WALLET ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isConnected ? ((0, jsx_runtime_1.jsx)("div", { className: "flex items-center gap-1", children: connectedName ? (0, utils_1.formatUsername)(connectedName) : (0, formatAddress_1.shortenAddress)(connectedAddress || "") })) : ("Connect wallet"), (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronRight, { className: "h-4 w-4" })] })) : selectedCryptoPaymentMethod === CryptoPaymentMethod_1.CryptoPaymentMethodType.TRANSFER_CRYPTO ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["Transfer crypto", (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronRight, { className: "h-4 w-4" })] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["Select payment method", (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronRight, { className: "h-4 w-4" })] })) })) : ((0, jsx_runtime_1.jsx)("button", { className: "text-as-tertiarry flex h-7 items-center gap-2 text-sm transition-colors", onClick: onSelectFiatPaymentMethod, children: selectedFiatPaymentMethod === FiatPaymentMethod_1.FiatPaymentMethod.COINBASE_PAY ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex h-5 w-5 items-center justify-center rounded-full bg-blue-600", children: (0, jsx_runtime_1.jsx)("span", { className: "text-xs font-bold text-white", children: "C" }) }), "Coinbase Pay"] }), (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronRight, { className: "h-4 w-4" })] })) : selectedFiatPaymentMethod === FiatPaymentMethod_1.FiatPaymentMethod.STRIPE ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex h-5 w-5 items-center justify-center rounded-full bg-blue-600", children: (0, jsx_runtime_1.jsx)("span", { className: "text-xs font-bold text-white", children: "S" }) }), "Credit/Debit Card"] }), (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronRight, { className: "h-4 w-4" })] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["Select payment method", (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronRight, { className: "h-4 w-4" })] })) }))] }), paymentType === "crypto" ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(OrderTokenAmount_1.OrderTokenAmount, { address: connectedAddress, context: "from", inputValue: srcAmount, onChangeInput: value => {
                             setIsSrcInputDirty(true);
                             setSrcAmount(value);
                         }, chainId: selectedSrcChainId, setChainId: setSelectedSrcChainId, token: selectedSrcToken, setToken: setSelectedSrcToken }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-as-primary/50 flex h-5 items-center text-sm", children: (0, number_1.formatDisplayNumber)(anyspendQuote?.data?.currencyIn?.amountUsd, {
                                     style: "currency",
                                     fallback: "",
-                                }) }), (0, jsx_runtime_1.jsx)(TokenBalance_1.TokenBalance, { token: selectedSrcToken, walletAddress: globalAddress, onChangeInput: value => {
+                                }) }), (0, jsx_runtime_1.jsx)(TokenBalance_1.TokenBalance, { token: selectedSrcToken, walletAddress: connectedAddress, onChangeInput: value => {
                                     setIsSrcInputDirty(true);
                                     setSrcAmount(value);
                                 } })] })] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: "flex items-center justify-center pb-2 pt-8", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-1", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-as-tertiarry text-2xl font-bold", children: "$" }), (0, jsx_runtime_1.jsx)(react_1.Input, { type: "text", value: srcAmount, onChange: e => setSrcAmount(e.target.value.replace(/[^0-9.]/g, "")), placeholder: "5", className: "text-as-primary placeholder:text-as-primary/50 h-auto min-w-[70px] border-0 bg-transparent p-0 px-3 pt-1 text-4xl font-bold focus-visible:ring-0 focus-visible:ring-offset-0", style: {

package/dist/cjs/anyspend/react/hooks/useAnyspendFlow.d.ts

@@ -18,8 +18,9 @@ interface UseAnyspendFlowProps {
     onTransactionSuccess?: () => void;
     sourceTokenAddress?: string;
     sourceTokenChainId?: number;
+    slippage?: number;
 }
-export declare function useAnyspendFlow({ paymentType, recipientAddress, loadOrder, isDepositMode, onOrderSuccess, onTransactionSuccess, sourceTokenAddress, sourceTokenChainId, }: UseAnyspendFlowProps): {
+export declare function useAnyspendFlow({ paymentType, recipientAddress, loadOrder, isDepositMode, onOrderSuccess, onTransactionSuccess, sourceTokenAddress, sourceTokenChainId, slippage, }: UseAnyspendFlowProps): {
     activePanel: PanelView;
     setActivePanel: import("react").Dispatch<import("react").SetStateAction<PanelView>>;
     orderId: string | undefined;

package/dist/cjs/anyspend/react/hooks/useAnyspendFlow.js

@@ -22,7 +22,9 @@ var PanelView;
     PanelView[PanelView["ORDER_DETAILS"] = 4] = "ORDER_DETAILS";
     PanelView[PanelView["LOADING"] = 5] = "LOADING";
 })(PanelView || (exports.PanelView = PanelView = {}));
-function useAnyspendFlow({ paymentType = "crypto", recipientAddress, loadOrder, isDepositMode = false, onOrderSuccess, onTransactionSuccess, sourceTokenAddress, sourceTokenChainId, }) {
+function useAnyspendFlow({ paymentType = "crypto", recipientAddress, loadOrder, isDepositMode = false, onOrderSuccess, onTransactionSuccess, sourceTokenAddress, sourceTokenChainId, slippage = 0, }) {
+    const searchParams = (0, react_2.useSearchParamsSSR)();
+    const router = (0, react_2.useRouter)();
     // Panel and order state
     const [activePanel, setActivePanel] = (0, react_3.useState)(loadOrder ? PanelView.ORDER_DETAILS : PanelView.MAIN);
     const [orderId, setOrderId] = (0, react_3.useState)(loadOrder);
@@ -49,6 +51,11 @@ function useAnyspendFlow({ paymentType = "crypto", recipientAddress, loadOrder,
             setSelectedRecipientAddress(globalAddress);
         }
     }, [selectedRecipientAddress, globalAddress]);
+    (0, react_3.useEffect)(() => {
+        if (paymentType === "crypto") {
+            setSelectedCryptoPaymentMethod(CryptoPaymentMethod_1.CryptoPaymentMethodType.CONNECT_WALLET);
+        }
+    }, [paymentType]);
     // Fetch specific token when sourceTokenAddress and sourceTokenChainId are provided
     (0, react_3.useEffect)(() => {
         const fetchSourceToken = async () => {
@@ -96,13 +103,25 @@ function useAnyspendFlow({ paymentType = "crypto", recipientAddress, loadOrder,
         if (anyspendQuote?.data?.currencyOut?.amount && anyspendQuote.data.currencyOut.currency?.decimals) {
             const amount = anyspendQuote.data.currencyOut.amount;
             const decimals = anyspendQuote.data.currencyOut.currency.decimals;
-            const formattedAmount = (0, number_1.formatTokenAmount)(BigInt(amount), decimals, 6, false);
+            // Apply slippage (0-100) - reduce amount by slippage percentageFixed slippage value
+            const amountWithSlippage = (BigInt(amount) * BigInt(100 - slippage)) / BigInt(100);
+            const formattedAmount = (0, number_1.formatTokenAmount)(amountWithSlippage, decimals, 6, false);
             setDstAmount(formattedAmount);
         }
         else {
             setDstAmount("");
         }
-    }, [anyspendQuote]);
+    }, [anyspendQuote, slippage]);
+    // Update useEffect for URL parameter to not override loadOrder
+    (0, react_3.useEffect)(() => {
+        if (loadOrder)
+            return; // Skip if we have a loadOrder
+        const orderIdParam = searchParams.get("orderId");
+        if (orderIdParam) {
+            setOrderId(orderIdParam);
+            setActivePanel(PanelView.ORDER_DETAILS);
+        }
+    }, [searchParams, loadOrder]);
     // Order creation hooks
     const { createOrder, isCreatingOrder } = (0, react_1.useAnyspendCreateOrder)({
         onSuccess: data => {
@@ -110,6 +129,18 @@ function useAnyspendFlow({ paymentType = "crypto", recipientAddress, loadOrder,
             setOrderId(newOrderId);
             setActivePanel(PanelView.ORDER_DETAILS);
             onOrderSuccess?.(newOrderId);
+            // Add orderId and payment method to URL for persistence
+            const params = new URLSearchParams(searchParams.toString()); // Preserve existing params
+            params.set("orderId", newOrderId);
+            if (selectedCryptoPaymentMethod !== CryptoPaymentMethod_1.CryptoPaymentMethodType.NONE) {
+                console.log("Setting cryptoPaymentMethod in URL:", selectedCryptoPaymentMethod);
+                params.set("cryptoPaymentMethod", selectedCryptoPaymentMethod);
+            }
+            else {
+                console.log("Payment method is NONE, not setting in URL");
+            }
+            console.log("Final URL params:", params.toString());
+            router.push(`${window.location.pathname}?${params.toString()}`);
         },
         onError: error => {
             console.error(error);

package/dist/cjs/anyspend/react/hooks/useSigMint.d.ts

@@ -48,8 +48,8 @@ export declare const useGenerateSigMintData: ({ recipientAddress, contractAddres
             creatorMap?: {} | undefined;
             chainId: number;
             address: string;
-            _id: string | {};
             title: string;
+            _id: string | {};
         };
     } | null;
     error: Error | null;

package/dist/cjs/bondkit/abis/BondkitTokenABI.d.ts

@@ -286,14 +286,6 @@ export declare const BondkitTokenABI: readonly [{
     }];
     readonly name: "ValidationInvalidLPSplitRatio";
     readonly type: "error";
-}, {
-    readonly inputs: readonly [{
-        readonly internalType: "address";
-        readonly name: "providedAddress";
-        readonly type: "address";
-    }];
-    readonly name: "ValidationInvalidMigrationAdminAddress";
-    readonly type: "error";
 }, {
     readonly inputs: readonly [{
         readonly internalType: "uint24";
@@ -330,6 +322,21 @@ export declare const BondkitTokenABI: readonly [{
     }];
     readonly name: "Approval";
     readonly type: "event";
+}, {
+    readonly anonymous: false;
+    readonly inputs: readonly [{
+        readonly indexed: true;
+        readonly internalType: "address";
+        readonly name: "previousAdmin";
+        readonly type: "address";
+    }, {
+        readonly indexed: true;
+        readonly internalType: "address";
+        readonly name: "newAdmin";
+        readonly type: "address";
+    }];
+    readonly name: "B3AdminUpdated";
+    readonly type: "event";
 }, {
     readonly anonymous: false;
     readonly inputs: readonly [{
@@ -465,6 +472,21 @@ export declare const BondkitTokenABI: readonly [{
     }];
     readonly name: "BondkitTokenMigrated";
     readonly type: "event";
+}, {
+    readonly anonymous: false;
+    readonly inputs: readonly [{
+        readonly indexed: false;
+        readonly internalType: "uint256";
+        readonly name: "totalRaisedBonding";
+        readonly type: "uint256";
+    }, {
+        readonly indexed: false;
+        readonly internalType: "uint256";
+        readonly name: "targetAmount";
+        readonly type: "uint256";
+    }];
+    readonly name: "DexTriggerThresholdMet";
+    readonly type: "event";
 }, {
     readonly anonymous: false;
     readonly inputs: readonly [{
@@ -591,6 +613,16 @@ export declare const BondkitTokenABI: readonly [{
     }];
     readonly stateMutability: "nonpayable";
     readonly type: "function";
+}, {
+    readonly inputs: readonly [];
+    readonly name: "b3Admin";
+    readonly outputs: readonly [{
+        readonly internalType: "address";
+        readonly name: "";
+        readonly type: "address";
+    }];
+    readonly stateMutability: "view";
+    readonly type: "function";
 }, {
     readonly inputs: readonly [{
         readonly internalType: "address";
@@ -627,7 +659,7 @@ export declare const BondkitTokenABI: readonly [{
     }];
     readonly name: "buy";
     readonly outputs: readonly [];
-    readonly stateMutability: "payable";
+    readonly stateMutability: "nonpayable";
     readonly type: "function";
 }, {
     readonly inputs: readonly [{
@@ -645,7 +677,7 @@ export declare const BondkitTokenABI: readonly [{
     }];
     readonly name: "buyFor";
     readonly outputs: readonly [];
-    readonly stateMutability: "payable";
+    readonly stateMutability: "nonpayable";
     readonly type: "function";
 }, {
     readonly inputs: readonly [];
@@ -743,6 +775,16 @@ export declare const BondkitTokenABI: readonly [{
     }];
     readonly stateMutability: "view";
     readonly type: "function";
+}, {
+    readonly inputs: readonly [];
+    readonly name: "getB3Admin";
+    readonly outputs: readonly [{
+        readonly internalType: "address";
+        readonly name: "";
+        readonly type: "address";
+    }];
+    readonly stateMutability: "view";
+    readonly type: "function";
 }, {
     readonly inputs: readonly [];
     readonly name: "getBondingCurveConfig";
@@ -979,10 +1021,6 @@ export declare const BondkitTokenABI: readonly [{
             readonly internalType: "address";
             readonly name: "tradingToken";
             readonly type: "address";
-        }, {
-            readonly internalType: "address";
-            readonly name: "migrationAdminAddress";
-            readonly type: "address";
         }, {
             readonly internalType: "address";
             readonly name: "bondingPhaseSplitter";
@@ -1182,6 +1220,16 @@ export declare const BondkitTokenABI: readonly [{
     readonly outputs: readonly [];
     readonly stateMutability: "nonpayable";
     readonly type: "function";
+}, {
+    readonly inputs: readonly [{
+        readonly internalType: "address";
+        readonly name: "_newAdmin";
+        readonly type: "address";
+    }];
+    readonly name: "updateB3Admin";
+    readonly outputs: readonly [];
+    readonly stateMutability: "nonpayable";
+    readonly type: "function";
 }, {
     readonly inputs: readonly [{
         readonly internalType: "address";
@@ -1242,7 +1290,4 @@ export declare const BondkitTokenABI: readonly [{
     }];
     readonly stateMutability: "view";
     readonly type: "function";
-}, {
-    readonly stateMutability: "payable";
-    readonly type: "receive";
 }];

package/dist/cjs/bondkit/abis/BondkitTokenABI.js

@@ -161,11 +161,6 @@ exports.BondkitTokenABI = [
         name: "ValidationInvalidLPSplitRatio",
         type: "error",
     },
-    {
-        inputs: [{ internalType: "address", name: "providedAddress", type: "address" }],
-        name: "ValidationInvalidMigrationAdminAddress",
-        type: "error",
-    },
     {
         inputs: [{ internalType: "uint24", name: "value", type: "uint24" }],
         name: "ValidationInvalidV4PoolFee",
@@ -186,6 +181,15 @@ exports.BondkitTokenABI = [
         name: "Approval",
         type: "event",
     },
+    {
+        anonymous: false,
+        inputs: [
+            { indexed: true, internalType: "address", name: "previousAdmin", type: "address" },
+            { indexed: true, internalType: "address", name: "newAdmin", type: "address" },
+        ],
+        name: "B3AdminUpdated",
+        type: "event",
+    },
     {
         anonymous: false,
         inputs: [
@@ -237,6 +241,15 @@ exports.BondkitTokenABI = [
         name: "BondkitTokenMigrated",
         type: "event",
     },
+    {
+        anonymous: false,
+        inputs: [
+            { indexed: false, internalType: "uint256", name: "totalRaisedBonding", type: "uint256" },
+            { indexed: false, internalType: "uint256", name: "targetAmount", type: "uint256" },
+        ],
+        name: "DexTriggerThresholdMet",
+        type: "event",
+    },
     {
         anonymous: false,
         inputs: [
@@ -305,6 +318,13 @@ exports.BondkitTokenABI = [
         stateMutability: "nonpayable",
         type: "function",
     },
+    {
+        inputs: [],
+        name: "b3Admin",
+        outputs: [{ internalType: "address", name: "", type: "address" }],
+        stateMutability: "view",
+        type: "function",
+    },
     {
         inputs: [{ internalType: "address", name: "account", type: "address" }],
         name: "balanceOf",
@@ -326,7 +346,7 @@ exports.BondkitTokenABI = [
         ],
         name: "buy",
         outputs: [],
-        stateMutability: "payable",
+        stateMutability: "nonpayable",
         type: "function",
     },
     {
@@ -337,7 +357,7 @@ exports.BondkitTokenABI = [
         ],
         name: "buyFor",
         outputs: [],
-        stateMutability: "payable",
+        stateMutability: "nonpayable",
         type: "function",
     },
     {
@@ -400,6 +420,13 @@ exports.BondkitTokenABI = [
         stateMutability: "view",
         type: "function",
     },
+    {
+        inputs: [],
+        name: "getB3Admin",
+        outputs: [{ internalType: "address", name: "", type: "address" }],
+        stateMutability: "view",
+        type: "function",
+    },
     {
         inputs: [],
         name: "getBondingCurveConfig",
@@ -542,7 +569,6 @@ exports.BondkitTokenABI = [
                     { internalType: "uint256", name: "lpSplitRatioFeeRecipientBps", type: "uint256" },
                     { internalType: "uint256", name: "targetAmount", type: "uint256" },
                     { internalType: "address", name: "tradingToken", type: "address" },
-                    { internalType: "address", name: "migrationAdminAddress", type: "address" },
                     { internalType: "address", name: "bondingPhaseSplitter", type: "address" },
                     { internalType: "address", name: "v4PoolManager", type: "address" },
                     { internalType: "address", name: "v4Hook", type: "address" },
@@ -662,6 +688,13 @@ exports.BondkitTokenABI = [
         stateMutability: "nonpayable",
         type: "function",
     },
+    {
+        inputs: [{ internalType: "address", name: "_newAdmin", type: "address" }],
+        name: "updateB3Admin",
+        outputs: [],
+        stateMutability: "nonpayable",
+        type: "function",
+    },
     {
         inputs: [{ internalType: "address", name: "_bondingPhaseSplitter", type: "address" }],
         name: "updateSplitter",
@@ -704,5 +737,4 @@ exports.BondkitTokenABI = [
         stateMutability: "view",
         type: "function",
     },
-    { stateMutability: "payable", type: "receive" },
 ];

package/dist/cjs/bondkit/abis/BondkitTokenFactoryABI.d.ts

@@ -106,14 +106,6 @@ export declare const BondkitTokenFactoryABI: readonly [{
     }];
     readonly name: "ValidationInvalidLPSplitRatio";
     readonly type: "error";
-}, {
-    readonly inputs: readonly [{
-        readonly internalType: "address";
-        readonly name: "providedAddress";
-        readonly type: "address";
-    }];
-    readonly name: "ValidationInvalidMigrationAdminAddress";
-    readonly type: "error";
 }, {
     readonly inputs: readonly [{
         readonly internalType: "uint24";
@@ -157,11 +149,6 @@ export declare const BondkitTokenFactoryABI: readonly [{
         readonly internalType: "address";
         readonly name: "feeRecipient";
         readonly type: "address";
-    }, {
-        readonly indexed: false;
-        readonly internalType: "address";
-        readonly name: "migrationAdmin";
-        readonly type: "address";
     }];
     readonly name: "BondkitTokenCreated";
     readonly type: "event";
@@ -259,10 +246,6 @@ export declare const BondkitTokenFactoryABI: readonly [{
         readonly internalType: "address";
         readonly name: "tradingToken";
         readonly type: "address";
-    }, {
-        readonly internalType: "address";
-        readonly name: "migrationAdminAddress";
-        readonly type: "address";
     }, {
         readonly internalType: "address";
         readonly name: "bondingPhaseSplitter";
@@ -350,10 +333,6 @@ export declare const BondkitTokenFactoryABI: readonly [{
             readonly internalType: "address";
             readonly name: "tradingToken";
             readonly type: "address";
-        }, {
-            readonly internalType: "address";
-            readonly name: "migrationAdminAddress";
-            readonly type: "address";
         }, {
             readonly internalType: "address";
             readonly name: "bondingPhaseSplitter";
@@ -461,10 +440,6 @@ export declare const BondkitTokenFactoryABI: readonly [{
             readonly internalType: "address";
             readonly name: "tradingToken";
             readonly type: "address";
-        }, {
-            readonly internalType: "address";
-            readonly name: "migrationAdminAddress";
-            readonly type: "address";
         }, {
             readonly internalType: "address";
             readonly name: "bondingPhaseSplitter";

package/dist/cjs/bondkit/abis/BondkitTokenFactoryABI.js

@@ -60,11 +60,6 @@ exports.BondkitTokenFactoryABI = [
         name: "ValidationInvalidLPSplitRatio",
         type: "error",
     },
-    {
-        inputs: [{ internalType: "address", name: "providedAddress", type: "address" }],
-        name: "ValidationInvalidMigrationAdminAddress",
-        type: "error",
-    },
     {
         inputs: [{ internalType: "uint24", name: "value", type: "uint24" }],
         name: "ValidationInvalidV4PoolFee",
@@ -83,7 +78,6 @@ exports.BondkitTokenFactoryABI = [
             { indexed: false, internalType: "string", name: "name", type: "string" },
             { indexed: false, internalType: "string", name: "symbol", type: "string" },
             { indexed: true, internalType: "address", name: "feeRecipient", type: "address" },
-            { indexed: false, internalType: "address", name: "migrationAdmin", type: "address" },
         ],
         name: "BondkitTokenCreated",
         type: "event",
@@ -135,7 +129,6 @@ exports.BondkitTokenFactoryABI = [
             { internalType: "uint256", name: "lpSplitRatioFeeRecipientBps", type: "uint256" },
             { internalType: "uint256", name: "targetAmount", type: "uint256" },
             { internalType: "address", name: "tradingToken", type: "address" },
-            { internalType: "address", name: "migrationAdminAddress", type: "address" },
             { internalType: "address", name: "bondingPhaseSplitter", type: "address" },
             { internalType: "address", name: "v4PoolManager", type: "address" },
             { internalType: "address", name: "v4Hook", type: "address" },
@@ -178,7 +171,6 @@ exports.BondkitTokenFactoryABI = [
                     { internalType: "uint256", name: "lpSplitRatioFeeRecipientBps", type: "uint256" },
                     { internalType: "uint256", name: "targetAmount", type: "uint256" },
                     { internalType: "address", name: "tradingToken", type: "address" },
-                    { internalType: "address", name: "migrationAdminAddress", type: "address" },
                     { internalType: "address", name: "bondingPhaseSplitter", type: "address" },
                     { internalType: "address", name: "v4PoolManager", type: "address" },
                     { internalType: "address", name: "v4Hook", type: "address" },
@@ -230,7 +222,6 @@ exports.BondkitTokenFactoryABI = [
                     { internalType: "uint256", name: "lpSplitRatioFeeRecipientBps", type: "uint256" },
                     { internalType: "uint256", name: "targetAmount", type: "uint256" },
                     { internalType: "address", name: "tradingToken", type: "address" },
-                    { internalType: "address", name: "migrationAdminAddress", type: "address" },
                     { internalType: "address", name: "bondingPhaseSplitter", type: "address" },
                     { internalType: "address", name: "v4PoolManager", type: "address" },
                     { internalType: "address", name: "v4Hook", type: "address" },

package/dist/cjs/bondkit/constants.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BaseMainnetRpcUrl = exports.BaseBondkitTokenFactoryContractAddress = void 0;
-exports.BaseBondkitTokenFactoryContractAddress = "0x0ccA36e9BE8Fdf456dE4BC20b378B1560Aeb6653";
+exports.BaseBondkitTokenFactoryContractAddress = "0x5d641bbB206d4B5585eCCd919F36270200A9A2Ad";
 exports.BaseMainnetRpcUrl = "https://base-rpc.publicnode.com";