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

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

@@ -13,6 +13,8 @@ const utils_1 = require("../../../../shared/utils");
 const centerTruncate_1 = __importDefault(require("../../../../shared/utils/centerTruncate"));
 const number_1 = require("../../../../shared/utils/number");
 const react_2 = require("@chakra-ui/react");
+const spl_token_1 = require("@solana/spl-token");
+const web3_js_1 = require("@solana/web3.js");
 const react_3 = require("@web3icons/react");
 const framer_motion_1 = require("framer-motion");
 const lucide_react_1 = require("lucide-react");
@@ -245,9 +247,155 @@ exports.OrderDetails = (0, react_4.memo)(function OrderDetails({ isMainnet, mode
         const coinbaseUrl = `https://go.cb-w.com/dapp?cb_url=${encodeURIComponent(permalink)}`;
         return coinbaseUrl;
     };
-    const handlePhantomRedirect = () => {
-        const phantomDeepLink = `https://phantom.app/ul/browse/${encodeURIComponent(permalink)}`;
-        return phantomDeepLink;
+    const initiatePhantomTransfer = async (amountLamports, tokenAddress, recipientAddress) => {
+        try {
+            // Step 1: Check if Phantom is available
+            const isPhantomMobile = navigator.userAgent.includes("Phantom");
+            const isPhantomBrowser = window.phantom?.solana?.isPhantom;
+            if (!isPhantomBrowser && !isPhantomMobile) {
+                sonner_1.toast.error("Phantom wallet not installed. Please install Phantom wallet to continue.");
+                return;
+            }
+            // Step 2: Ensure Phantom is connected/unlocked
+            const phantom = window.phantom?.solana;
+            if (!phantom) {
+                sonner_1.toast.error("Phantom wallet not accessible");
+                return;
+            }
+            // Connect and unlock wallet if needed
+            let publicKey;
+            try {
+                const connection = await phantom.connect();
+                publicKey = connection.publicKey;
+            }
+            catch (connectError) {
+                sonner_1.toast.error("Failed to connect to Phantom wallet");
+                return;
+            }
+            // Step 3: Create transaction with priority fees
+            const connection = new web3_js_1.Connection("https://mainnet.helius-rpc.com/?api-key=efafd9b3-1807-4cf8-8aa4-3d984f56d8fb");
+            const fromPubkey = new web3_js_1.PublicKey(publicKey.toString());
+            const toPubkey = new web3_js_1.PublicKey(recipientAddress);
+            const amount = BigInt(amountLamports);
+            // Step 4: Get recent priority fees to determine optimal pricing
+            let priorityFee = 10000; // Default fallback (10,000 micro-lamports)
+            try {
+                const recentFees = await connection.getRecentPrioritizationFees({
+                    lockedWritableAccounts: [fromPubkey],
+                });
+                if (recentFees && recentFees.length > 0) {
+                    // Use 75th percentile of recent fees for good priority
+                    const sortedFees = recentFees.map(fee => fee.prioritizationFee).sort((a, b) => a - b);
+                    const percentile75Index = Math.floor(sortedFees.length * 0.75);
+                    priorityFee = Math.max(sortedFees[percentile75Index] || 10000, 10000);
+                }
+            }
+            catch (feeError) {
+                console.warn("Failed to fetch recent priority fees, using default:", feeError);
+            }
+            let transaction;
+            // Check if this is native SOL transfer
+            if (tokenAddress === "11111111111111111111111111111111") {
+                // Native SOL transfer with priority fees
+                const computeUnitLimit = 1000; // SOL transfer + compute budget instructions need ~600-800 CU
+                const computeUnitPrice = Math.min(priorityFee, 100000); // Cap at 100k micro-lamports for safety
+                transaction = new web3_js_1.Transaction()
+                    .add(
+                // Set compute unit limit first (must come before other instructions)
+                web3_js_1.ComputeBudgetProgram.setComputeUnitLimit({
+                    units: computeUnitLimit,
+                }))
+                    .add(
+                // Set priority fee
+                web3_js_1.ComputeBudgetProgram.setComputeUnitPrice({
+                    microLamports: computeUnitPrice,
+                }))
+                    .add(
+                // Actual transfer instruction
+                web3_js_1.SystemProgram.transfer({
+                    fromPubkey,
+                    toPubkey,
+                    lamports: Number(amount),
+                }));
+                console.log(`Using priority fee: ${computeUnitPrice} micro-lamports per CU, limit: ${computeUnitLimit} CU`);
+            }
+            else {
+                // SPL Token transfer with priority fees
+                const mintPubkey = new web3_js_1.PublicKey(tokenAddress);
+                // Get associated token accounts
+                const fromTokenAccount = (0, spl_token_1.getAssociatedTokenAddressSync)(mintPubkey, fromPubkey);
+                const toTokenAccount = (0, spl_token_1.getAssociatedTokenAddressSync)(mintPubkey, toPubkey);
+                // Check if destination token account exists
+                const toTokenAccountInfo = await connection.getAccountInfo(toTokenAccount);
+                const needsDestinationAccount = !toTokenAccountInfo;
+                // Get mint info to determine decimals
+                const mintInfo = await connection.getParsedAccountInfo(mintPubkey);
+                const decimals = mintInfo.value?.data?.parsed?.info?.decimals || 9;
+                // SPL transfers need more compute units than SOL transfers
+                // Add extra CU if we need to create destination account
+                const computeUnitLimit = needsDestinationAccount ? 40000 : 20000;
+                const computeUnitPrice = Math.min(priorityFee, 100000);
+                // Create transfer instruction
+                const transferInstruction = (0, spl_token_1.createTransferCheckedInstruction)(fromTokenAccount, mintPubkey, toTokenAccount, fromPubkey, Number(amount), decimals);
+                transaction = new web3_js_1.Transaction()
+                    .add(web3_js_1.ComputeBudgetProgram.setComputeUnitLimit({
+                    units: computeUnitLimit,
+                }))
+                    .add(web3_js_1.ComputeBudgetProgram.setComputeUnitPrice({
+                    microLamports: computeUnitPrice,
+                }));
+                // Add create destination account instruction if needed
+                if (needsDestinationAccount) {
+                    transaction.add((0, spl_token_1.createAssociatedTokenAccountInstruction)(fromPubkey, // payer
+                    toTokenAccount, // ata
+                    toPubkey, // owner
+                    mintPubkey));
+                }
+                // Add the transfer instruction
+                transaction.add(transferInstruction);
+                console.log(`SPL Token transfer: ${computeUnitPrice} micro-lamports per CU, limit: ${computeUnitLimit} CU, creating destination: ${needsDestinationAccount}`);
+            }
+            // Step 5: Get latest blockhash and simulate transaction to verify
+            const { blockhash } = await connection.getLatestBlockhash("confirmed");
+            transaction.recentBlockhash = blockhash;
+            transaction.feePayer = fromPubkey;
+            // Optional: Simulate transaction to catch issues early
+            try {
+                const simulation = await connection.simulateTransaction(transaction, {
+                    sigVerify: false,
+                    replaceRecentBlockhash: true,
+                });
+                if (simulation.value.err) {
+                    console.error("Transaction simulation failed:", simulation.value.err);
+                    sonner_1.toast.error("Transaction simulation failed. Please check your balance and try again.");
+                    return;
+                }
+                console.log("Transaction simulation successful. Compute units used:", simulation.value.unitsConsumed);
+            }
+            catch (simError) {
+                console.warn("Transaction simulation failed, proceeding anyway:", simError);
+            }
+            // Step 6: Sign and send transaction with priority fees
+            const signedTransaction = await phantom.signAndSendTransaction(transaction);
+            sonner_1.toast.success(`Transaction successful! Signature: ${signedTransaction.signature}`);
+            console.log("Transaction sent with priority fees. Signature:", signedTransaction.signature);
+        }
+        catch (error) {
+            console.error("Transfer error:", error);
+            const errorMessage = error instanceof Error ? error.message : String(error);
+            if (errorMessage.includes("User rejected")) {
+                sonner_1.toast.error("Transaction was cancelled by user");
+            }
+            else if (errorMessage.includes("insufficient")) {
+                sonner_1.toast.error("Insufficient balance for this transaction");
+            }
+            else if (errorMessage.includes("blockhash not found")) {
+                sonner_1.toast.error("Network congestion detected. Please try again in a moment.");
+            }
+            else {
+                sonner_1.toast.error(`Transfer failed: ${errorMessage}`);
+            }
+        }
     };
     if (refundTxs) {
         return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "relative mt-4 flex w-full flex-col gap-4", children: [(0, jsx_runtime_1.jsx)("div", { className: "bg-b3-react-background absolute bottom-2 left-4 top-2 z-[5] w-2", children: (0, jsx_runtime_1.jsx)(framer_motion_1.motion.div, { className: "from-as-brand/50 absolute left-[2px] top-0 z-10 w-[3px] bg-gradient-to-b from-20% via-purple-500/50 via-80% to-transparent", initial: { height: "0%" }, animate: { height: "100%" }, transition: { duration: 1.5, ease: "easeInOut" } }) }), depositTxs
@@ -331,7 +479,7 @@ exports.OrderDetails = (0, react_4.memo)(function OrderDetails({ isMainnet, mode
                                                     sonner_1.toast.success("Copied to clipboard");
                                                 }, children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsxs)("strong", { className: "border-as-brand text-as-primary border-b-2 pb-1 text-2xl font-semibold sm:text-xl", children: [roundedUpSrcAmount, " ", srcToken.symbol] }), (0, jsx_runtime_1.jsx)(lucide_react_1.Copy, { className: "text-as-primary/50 hover:text-as-primary h-5 w-5 cursor-pointer transition-all duration-200" })] }) }), (0, jsx_runtime_1.jsxs)(react_1.Badge, { variant: "outline", className: "flex h-10 items-center gap-2 px-3 py-1 pr-2 text-sm", children: ["on ", (0, anyspend_1.getChainName)(order.srcChain), (0, jsx_runtime_1.jsx)("img", { src: anyspend_1.ALL_CHAINS[order.srcChain].logoUrl, alt: (0, anyspend_1.getChainName)(order.srcChain), className: (0, utils_1.cn)("h-6 rounded-full", order.srcChain === chains_1.b3.id && "h-5 rounded-none") })] })] }), (0, jsx_runtime_1.jsx)("span", { className: "text-as-primary/50 mb-1 mt-2", children: " to the address:" })] }), (0, jsx_runtime_1.jsx)(react_1.CopyToClipboard, { text: order.globalAddress, onCopy: () => {
                                     sonner_1.toast.success("Copied to clipboard");
-                                }, children: (0, jsx_runtime_1.jsxs)("div", { className: "bg-b3-react-background border-b3-react-border hover:border-as-brand group flex cursor-pointer items-center justify-between gap-4 rounded-lg border p-3 px-4 shadow-md transition-all duration-200", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-as-primary overflow-hidden text-ellipsis whitespace-nowrap text-sm", children: order.globalAddress }), (0, jsx_runtime_1.jsx)(lucide_react_1.Copy, { className: "group-hover:text-as-brand text-as-primary/50 h-5 w-5 cursor-pointer transition-all duration-200" })] }) }), account?.address && !showQRCode ? ((0, jsx_runtime_1.jsxs)("div", { className: "mb-4 mt-8 flex w-full flex-col items-center gap-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "relative flex w-full flex-col items-center gap-2", children: [(0, jsx_runtime_1.jsx)(react_1.ShinyButton, { accentColor: "hsl(var(--as-brand))", textColor: "text-white", className: "flex w-5/6 items-center gap-2 sm:px-0", disabled: txLoading || isSwitchingOrExecuting, onClick: handlePayment, children: txLoading ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["Transaction Pending", (0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "ml-2 h-5 w-5 animate-spin" })] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", { className: "pl-4 text-lg md:text-sm", children: "Pay from Connected Wallet" }), (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronRight, { className: "h-4 w-4" })] })) }), (0, jsx_runtime_1.jsxs)("span", { className: "label-style text-as-primary/50 text-xs", children: ["Connected to: ", (0, centerTruncate_1.default)(account?.address || "", 6)] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex w-full flex-col items-center gap-2", children: [(0, jsx_runtime_1.jsxs)(react_1.ShinyButton, { accentColor: colorMode === "dark" ? "#ffffff" : "#000000", className: "flex w-5/6 items-center gap-2 sm:px-0", onClick: () => setShowQRCode(true), children: [(0, jsx_runtime_1.jsx)("span", { className: "pl-4 text-lg md:text-sm", children: "Pay from a different wallet" }), (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronRight, { className: "h-4 w-4" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)(react_3.WalletMetamask, { className: "h-5 w-5", variant: "branded" }), (0, jsx_runtime_1.jsx)(react_3.WalletCoinbase, { className: "h-5 w-5", variant: "branded" }), (0, jsx_runtime_1.jsx)(react_3.WalletPhantom, { className: "h-5 w-5", variant: "branded" }), (0, jsx_runtime_1.jsx)(react_3.WalletTrust, { className: "h-5 w-5", variant: "branded" }), (0, jsx_runtime_1.jsx)(react_3.WalletWalletConnect, { className: "h-5 w-5", variant: "branded" }), (0, jsx_runtime_1.jsx)("span", { className: "label-style text-as-primary/30 text-xs", children: "& more" })] })] })] })) : ((0, jsx_runtime_1.jsxs)(framer_motion_1.motion.div, { initial: { opacity: 0, filter: "blur(10px)" }, animate: { opacity: 1, filter: "blur(0px)" }, transition: { duration: 0.5, ease: "easeInOut" }, className: "flex w-full items-center justify-evenly gap-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "mt-8 flex flex-col items-center rounded-lg bg-white p-6 pb-3", children: [(0, jsx_runtime_1.jsx)(qrcode_react_1.QRCodeSVG, { value: (0, anyspend_1.getPaymentUrl)(order.globalAddress, BigInt(order.srcAmount), order.srcTokenAddress === anyspend_1.RELAY_ETH_ADDRESS ? "ETH" : order.srcTokenAddress), className: "max-w-[200px]" }), (0, jsx_runtime_1.jsxs)("div", { className: "mt-3 flex items-center justify-center gap-2 text-sm", children: [(0, jsx_runtime_1.jsx)("span", { className: "label-style text-as-brand/70 text-sm", children: "Scan with" }), (0, jsx_runtime_1.jsxs)(react_1.TextLoop, { interval: 3, children: [(0, jsx_runtime_1.jsx)(react_3.WalletMetamask, { className: "h-5 w-5", variant: "branded" }), (0, jsx_runtime_1.jsx)(react_3.WalletCoinbase, { className: "h-5 w-5", variant: "branded" }), (0, jsx_runtime_1.jsx)(react_3.WalletPhantom, { className: "h-5 w-5", variant: "branded" }), (0, jsx_runtime_1.jsx)(react_3.WalletTrust, { className: "h-5 w-5", variant: "branded" }), (0, jsx_runtime_1.jsx)(react_3.WalletWalletConnect, { className: "h-5 w-5", variant: "branded" })] })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-2", children: [account && ((0, jsx_runtime_1.jsxs)(react_1.Button, { variant: "ghost", className: "text-as-primary w-full", onClick: handlePayment, children: ["Send Transaction ", (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronRight, { className: "ml-2 h-4 w-4" })] })), anyspend_1.EVM_CHAINS[order.srcChain] ? ((0, jsx_runtime_1.jsxs)(react_1.Button, { variant: "outline", className: "w-full", onClick: handlePayment, children: ["Open Metamask", (0, jsx_runtime_1.jsx)(react_3.WalletMetamask, { className: "ml-2 h-5 w-5", variant: "branded" })] })) : null, (0, jsx_runtime_1.jsx)("a", { href: handleCoinbaseRedirect(), children: (0, jsx_runtime_1.jsxs)(react_1.Button, { variant: "outline", className: "w-full", children: ["Open Coinbase", (0, jsx_runtime_1.jsx)(react_3.WalletCoinbase, { className: "ml-2 h-5 w-5", variant: "branded" })] }) }), (0, jsx_runtime_1.jsx)("a", { href: handlePhantomRedirect(), children: (0, jsx_runtime_1.jsxs)(react_1.Button, { variant: "outline", className: "w-full", children: ["Open Phantom", (0, jsx_runtime_1.jsx)(react_3.WalletPhantom, { className: "ml-2 h-5 w-5", variant: "branded" })] }) })] })] }))] })), (0, jsx_runtime_1.jsxs)("div", { className: "bg-as-light-brand/30 w-full rounded-lg p-4 sm:p-2 sm:px-4", children: [(0, jsx_runtime_1.jsx)("p", { className: "text-as-secondary mb-3 text-sm", children: "Continue on another device?" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-4", children: [(0, jsx_runtime_1.jsx)(react_1.CopyToClipboard, { text: permalink, onCopy: () => {
+                                }, children: (0, jsx_runtime_1.jsxs)("div", { className: "bg-b3-react-background border-b3-react-border hover:border-as-brand group flex cursor-pointer items-center justify-between gap-4 rounded-lg border p-3 px-4 shadow-md transition-all duration-200", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-as-primary overflow-hidden text-ellipsis whitespace-nowrap text-sm", children: order.globalAddress }), (0, jsx_runtime_1.jsx)(lucide_react_1.Copy, { className: "group-hover:text-as-brand text-as-primary/50 h-5 w-5 cursor-pointer transition-all duration-200" })] }) }), account?.address && !showQRCode ? ((0, jsx_runtime_1.jsxs)("div", { className: "mb-4 mt-8 flex w-full flex-col items-center gap-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "relative flex w-full flex-col items-center gap-2", children: [(0, jsx_runtime_1.jsx)(react_1.ShinyButton, { accentColor: "hsl(var(--as-brand))", textColor: "text-white", className: "flex w-5/6 items-center gap-2 sm:px-0", disabled: txLoading || isSwitchingOrExecuting, onClick: handlePayment, children: txLoading ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["Transaction Pending", (0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "ml-2 h-5 w-5 animate-spin" })] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", { className: "pl-4 text-lg md:text-sm", children: "Pay from Connected Wallet" }), (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronRight, { className: "h-4 w-4" })] })) }), (0, jsx_runtime_1.jsxs)("span", { className: "label-style text-as-primary/50 text-xs", children: ["Connected to: ", (0, centerTruncate_1.default)(account?.address || "", 6)] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex w-full flex-col items-center gap-2", children: [(0, jsx_runtime_1.jsxs)(react_1.ShinyButton, { accentColor: colorMode === "dark" ? "#ffffff" : "#000000", className: "flex w-5/6 items-center gap-2 sm:px-0", onClick: () => setShowQRCode(true), children: [(0, jsx_runtime_1.jsx)("span", { className: "pl-4 text-lg md:text-sm", children: "Pay from a different wallet" }), (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronRight, { className: "h-4 w-4" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)(react_3.WalletMetamask, { className: "h-5 w-5", variant: "branded" }), (0, jsx_runtime_1.jsx)(react_3.WalletCoinbase, { className: "h-5 w-5", variant: "branded" }), (0, jsx_runtime_1.jsx)(react_3.WalletPhantom, { className: "h-5 w-5", variant: "branded" }), (0, jsx_runtime_1.jsx)(react_3.WalletTrust, { className: "h-5 w-5", variant: "branded" }), (0, jsx_runtime_1.jsx)(react_3.WalletWalletConnect, { className: "h-5 w-5", variant: "branded" }), (0, jsx_runtime_1.jsx)("span", { className: "label-style text-as-primary/30 text-xs", children: "& more" })] })] })] })) : ((0, jsx_runtime_1.jsxs)(framer_motion_1.motion.div, { initial: { opacity: 0, filter: "blur(10px)" }, animate: { opacity: 1, filter: "blur(0px)" }, transition: { duration: 0.5, ease: "easeInOut" }, className: "flex w-full items-center justify-evenly gap-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "mt-8 flex flex-col items-center rounded-lg bg-white p-6 pb-3", children: [(0, jsx_runtime_1.jsx)(qrcode_react_1.QRCodeSVG, { value: (0, anyspend_1.getPaymentUrl)(order.globalAddress, BigInt(order.srcAmount), order.srcTokenAddress === anyspend_1.RELAY_ETH_ADDRESS ? "ETH" : order.srcTokenAddress), className: "max-w-[200px]" }), (0, jsx_runtime_1.jsxs)("div", { className: "mt-3 flex items-center justify-center gap-2 text-sm", children: [(0, jsx_runtime_1.jsx)("span", { className: "label-style text-as-brand/70 text-sm", children: "Scan with" }), (0, jsx_runtime_1.jsxs)(react_1.TextLoop, { interval: 3, children: [(0, jsx_runtime_1.jsx)(react_3.WalletMetamask, { className: "h-5 w-5", variant: "branded" }), (0, jsx_runtime_1.jsx)(react_3.WalletCoinbase, { className: "h-5 w-5", variant: "branded" }), (0, jsx_runtime_1.jsx)(react_3.WalletPhantom, { className: "h-5 w-5", variant: "branded" }), (0, jsx_runtime_1.jsx)(react_3.WalletTrust, { className: "h-5 w-5", variant: "branded" }), (0, jsx_runtime_1.jsx)(react_3.WalletWalletConnect, { className: "h-5 w-5", variant: "branded" })] })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-2", children: [account && ((0, jsx_runtime_1.jsxs)(react_1.Button, { variant: "ghost", className: "text-as-primary w-full", onClick: handlePayment, children: ["Send Transaction ", (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronRight, { className: "ml-2 h-4 w-4" })] })), anyspend_1.EVM_CHAINS[order.srcChain] ? ((0, jsx_runtime_1.jsxs)(react_1.Button, { variant: "outline", className: "w-full", onClick: handlePayment, children: ["Open Metamask", (0, jsx_runtime_1.jsx)(react_3.WalletMetamask, { className: "ml-2 h-5 w-5", variant: "branded" })] })) : null, (0, jsx_runtime_1.jsx)("a", { href: handleCoinbaseRedirect(), children: (0, jsx_runtime_1.jsxs)(react_1.Button, { variant: "outline", className: "w-full", children: ["Open Coinbase", (0, jsx_runtime_1.jsx)(react_3.WalletCoinbase, { className: "ml-2 h-5 w-5", variant: "branded" })] }) }), (0, jsx_runtime_1.jsxs)(react_1.Button, { variant: "outline", className: "w-full", onClick: () => initiatePhantomTransfer(order.srcAmount, order.srcTokenAddress, order.globalAddress), children: ["Open Phantom", (0, jsx_runtime_1.jsx)(react_3.WalletPhantom, { className: "ml-2 h-5 w-5", variant: "branded" })] })] })] }))] })), (0, jsx_runtime_1.jsxs)("div", { className: "bg-as-light-brand/30 w-full rounded-lg p-4 sm:p-2 sm:px-4", children: [(0, jsx_runtime_1.jsx)("p", { className: "text-as-secondary mb-3 text-sm", children: "Continue on another device?" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-4", children: [(0, jsx_runtime_1.jsx)(react_1.CopyToClipboard, { text: permalink, onCopy: () => {
                                             sonner_1.toast.success("Copied to clipboard");
                                         }, children: (0, jsx_runtime_1.jsxs)(react_1.Button, { variant: "outline", className: "w-full", children: ["Copy Link", (0, jsx_runtime_1.jsx)(lucide_react_1.Copy, { className: "ml-2 h-3 w-3" })] }) }), (0, jsx_runtime_1.jsxs)(react_1.Button, { variant: "outline", className: "w-full", onClick: () => {
                                             if (navigator.share) {

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

@@ -43,7 +43,7 @@ function OrderToken({ context, address, chainId, setChainId, token, setToken, re
             hasEnoughBalance,
         };
     }, [chainId, fungibleTokens, nativeTokens, requiredAmount, token, wallet?.address]);
-    return ((0, jsx_runtime_1.jsx)(relay_kit_ui_1.TokenSelector, { address: address, chainIdsFilter: Object.values(anyspend_1.ALL_CHAINS).map(chain => chain.id), context: context, fromChainWalletVMSupported: true, isValidAddress: true, lockedChainIds: Object.values(anyspend_1.ALL_CHAINS).map(chain => chain.id), multiWalletSupportEnabled: true, onAnalyticEvent: undefined, popularChainIds: [1, 8453, anyspend_1.RELAY_SOLANA_MAINNET_CHAIN_ID], restrictedToken: undefined, setToken: token => {
+    return ((0, jsx_runtime_1.jsx)(relay_kit_ui_1.TokenSelector, { address: address, chainIdsFilter: Object.values(anyspend_1.ALL_CHAINS).map(chain => chain.id), context: context, fromChainWalletVMSupported: true, isValidAddress: true, lockedChainIds: Object.values(anyspend_1.ALL_CHAINS).map(chain => chain.id), multiWalletSupportEnabled: true, onAnalyticEvent: undefined, popularChainIds: [1, 8453, anyspend_1.RELAY_SOLANA_MAINNET_CHAIN_ID], setToken: token => {
             setChainId(token.chainId);
             setToken({
                 address: token.address,

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

@@ -46,5 +46,5 @@ function OrderTokenAmount({ disabled, inputValue, onChangeInput, context, addres
             onChangeInput("0.01");
         }
     };
-    return ((0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)("border-as-stroke flex w-full flex-col gap-2 rounded-xl", className), children: (0, jsx_runtime_1.jsxs)("div", { className: (0, utils_1.cn)("flex items-center justify-between gap-3", innerClassName), children: [!canEditAmount ? ((0, jsx_runtime_1.jsx)("h2", { className: (0, utils_1.cn)("text-3xl font-medium text-white", amountClassName), children: inputValue || "--" })) : ((0, jsx_runtime_1.jsx)(react_number_format_1.NumericFormat, { decimalSeparator: ".", allowedDecimalSeparators: [","], thousandSeparator: true, inputMode: "decimal", autoComplete: "off", autoCorrect: "off", type: "text", placeholder: "0.00", minLength: 1, maxLength: 30, spellCheck: "false", className: (0, utils_1.cn)("placeholder:text-as-primary/70 disabled:text-as-primary/70 text-as-primary w-full bg-transparent text-4xl font-semibold leading-[42px] outline-none sm:text-[30px]", amountClassName), pattern: "^[0-9]*[.,]?[0-9]*$", disabled: disabled, value: inputValue, allowNegative: false, onChange: e => onChangeInput(e.currentTarget.value) }, `input-${token.address}-${chainId}`)), !hideTokenSelect && ((0, jsx_runtime_1.jsx)(relay_kit_ui_1.TokenSelector, { address: address, chainIdsFilter: Object.values(anyspend_1.ALL_CHAINS).map(chain => chain.id), context: context, fromChainWalletVMSupported: true, isValidAddress: true, lockedChainIds: Object.values(anyspend_1.ALL_CHAINS).map(chain => chain.id), multiWalletSupportEnabled: true, onAnalyticEvent: undefined, popularChainIds: [1, 8453, anyspend_1.RELAY_SOLANA_MAINNET_CHAIN_ID], restrictedToken: undefined, setToken: handleTokenSelect, supportedWalletVMs: ["evm", "svm"], token: undefined, trigger: (0, jsx_runtime_1.jsxs)(react_2.Button, { variant: "outline", role: "combobox", className: (0, utils_1.cn)("bg-b3-react-background border-as-stroke flex h-auto w-fit shrink-0 items-center justify-center gap-2 rounded-xl border-2 px-2 py-1 pr-2 text-center", tokenSelectClassName), children: [token.metadata.logoURI ? ((0, jsx_runtime_1.jsx)(ChainTokenIcon_1.ChainTokenIcon, { chainUrl: anyspend_1.ALL_CHAINS[chainId].logoUrl, tokenUrl: token.metadata.logoURI, className: "h-8 min-h-8 w-8 min-w-8" })) : ((0, jsx_runtime_1.jsx)("div", { className: "h-8 w-8 rounded-full bg-gray-700" })), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-start gap-0", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-as-primary font-semibold", children: token.symbol }), (0, jsx_runtime_1.jsx)("div", { className: "text-as-primary/70 text-xs", children: anyspend_1.ALL_CHAINS[chainId].name })] }), (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronsUpDown, { className: "h-4 w-4 shrink-0 opacity-70" })] }) }, `selector-${context}-${token.address}-${chainId}`))] }) }, `${context}-${token.address}-${chainId}`));
+    return ((0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)("border-as-stroke flex w-full flex-col gap-2 rounded-xl", className), children: (0, jsx_runtime_1.jsxs)("div", { className: (0, utils_1.cn)("flex items-center justify-between gap-3", innerClassName), children: [!canEditAmount ? ((0, jsx_runtime_1.jsx)("h2", { className: (0, utils_1.cn)("text-3xl font-medium text-white", amountClassName), children: inputValue || "--" })) : ((0, jsx_runtime_1.jsx)(react_number_format_1.NumericFormat, { decimalSeparator: ".", allowedDecimalSeparators: [","], thousandSeparator: true, inputMode: "decimal", autoComplete: "off", autoCorrect: "off", type: "text", placeholder: "0.00", minLength: 1, maxLength: 30, spellCheck: "false", className: (0, utils_1.cn)("placeholder:text-as-primary/70 disabled:text-as-primary/70 text-as-primary w-full bg-transparent text-4xl font-semibold leading-[42px] outline-none sm:text-[30px]", amountClassName), pattern: "^[0-9]*[.,]?[0-9]*$", disabled: disabled, value: inputValue, allowNegative: false, onChange: e => onChangeInput(e.currentTarget.value) }, `input-${token.address}-${chainId}`)), !hideTokenSelect && ((0, jsx_runtime_1.jsx)(relay_kit_ui_1.TokenSelector, { address: address, chainIdsFilter: Object.values(anyspend_1.ALL_CHAINS).map(chain => chain.id), context: context, fromChainWalletVMSupported: true, isValidAddress: true, lockedChainIds: Object.values(anyspend_1.ALL_CHAINS).map(chain => chain.id), multiWalletSupportEnabled: true, onAnalyticEvent: undefined, popularChainIds: [1, 8453, anyspend_1.RELAY_SOLANA_MAINNET_CHAIN_ID], setToken: handleTokenSelect, supportedWalletVMs: ["evm", "svm"], token: undefined, trigger: (0, jsx_runtime_1.jsxs)(react_2.Button, { variant: "outline", role: "combobox", className: (0, utils_1.cn)("bg-b3-react-background border-as-stroke flex h-auto w-fit shrink-0 items-center justify-center gap-2 rounded-xl border-2 px-2 py-1 pr-2 text-center", tokenSelectClassName), children: [token.metadata.logoURI ? ((0, jsx_runtime_1.jsx)(ChainTokenIcon_1.ChainTokenIcon, { chainUrl: anyspend_1.ALL_CHAINS[chainId].logoUrl, tokenUrl: token.metadata.logoURI, className: "h-8 min-h-8 w-8 min-w-8" })) : ((0, jsx_runtime_1.jsx)("div", { className: "h-8 w-8 rounded-full bg-gray-700" })), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-start gap-0", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-as-primary font-semibold", children: token.symbol }), (0, jsx_runtime_1.jsx)("div", { className: "text-as-primary/70 text-xs", children: anyspend_1.ALL_CHAINS[chainId].name })] }), (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronsUpDown, { className: "h-4 w-4 shrink-0 opacity-70" })] }) }, `selector-${context}-${token.address}-${chainId}`))] }) }, `${context}-${token.address}-${chainId}`));
 }

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

@@ -7,6 +7,8 @@ import { cn } from "../../../../shared/utils/index.js";
 import centerTruncate from "../../../../shared/utils/centerTruncate.js";
 import { formatTokenAmount } from "../../../../shared/utils/number.js";
 import { useColorMode } from "@chakra-ui/react";
+import { createAssociatedTokenAccountInstruction, createTransferCheckedInstruction, getAssociatedTokenAddressSync, } from "@solana/spl-token";
+import { ComputeBudgetProgram, Connection, PublicKey, SystemProgram, Transaction } from "@solana/web3.js";
 import { WalletCoinbase, WalletMetamask, WalletPhantom, WalletTrust, WalletWalletConnect } from "@web3icons/react";
 import { motion } from "framer-motion";
 import { CheckIcon, ChevronDown, ChevronRight, Copy, ExternalLink, Home, Loader2, RefreshCcw, SquareArrowOutUpRight, } from "lucide-react";
@@ -239,9 +241,155 @@ export const OrderDetails = memo(function OrderDetails({ isMainnet, mode = "moda
         const coinbaseUrl = `https://go.cb-w.com/dapp?cb_url=${encodeURIComponent(permalink)}`;
         return coinbaseUrl;
     };
-    const handlePhantomRedirect = () => {
-        const phantomDeepLink = `https://phantom.app/ul/browse/${encodeURIComponent(permalink)}`;
-        return phantomDeepLink;
+    const initiatePhantomTransfer = async (amountLamports, tokenAddress, recipientAddress) => {
+        try {
+            // Step 1: Check if Phantom is available
+            const isPhantomMobile = navigator.userAgent.includes("Phantom");
+            const isPhantomBrowser = window.phantom?.solana?.isPhantom;
+            if (!isPhantomBrowser && !isPhantomMobile) {
+                toast.error("Phantom wallet not installed. Please install Phantom wallet to continue.");
+                return;
+            }
+            // Step 2: Ensure Phantom is connected/unlocked
+            const phantom = window.phantom?.solana;
+            if (!phantom) {
+                toast.error("Phantom wallet not accessible");
+                return;
+            }
+            // Connect and unlock wallet if needed
+            let publicKey;
+            try {
+                const connection = await phantom.connect();
+                publicKey = connection.publicKey;
+            }
+            catch (connectError) {
+                toast.error("Failed to connect to Phantom wallet");
+                return;
+            }
+            // Step 3: Create transaction with priority fees
+            const connection = new Connection("https://mainnet.helius-rpc.com/?api-key=efafd9b3-1807-4cf8-8aa4-3d984f56d8fb");
+            const fromPubkey = new PublicKey(publicKey.toString());
+            const toPubkey = new PublicKey(recipientAddress);
+            const amount = BigInt(amountLamports);
+            // Step 4: Get recent priority fees to determine optimal pricing
+            let priorityFee = 10000; // Default fallback (10,000 micro-lamports)
+            try {
+                const recentFees = await connection.getRecentPrioritizationFees({
+                    lockedWritableAccounts: [fromPubkey],
+                });
+                if (recentFees && recentFees.length > 0) {
+                    // Use 75th percentile of recent fees for good priority
+                    const sortedFees = recentFees.map(fee => fee.prioritizationFee).sort((a, b) => a - b);
+                    const percentile75Index = Math.floor(sortedFees.length * 0.75);
+                    priorityFee = Math.max(sortedFees[percentile75Index] || 10000, 10000);
+                }
+            }
+            catch (feeError) {
+                console.warn("Failed to fetch recent priority fees, using default:", feeError);
+            }
+            let transaction;
+            // Check if this is native SOL transfer
+            if (tokenAddress === "11111111111111111111111111111111") {
+                // Native SOL transfer with priority fees
+                const computeUnitLimit = 1000; // SOL transfer + compute budget instructions need ~600-800 CU
+                const computeUnitPrice = Math.min(priorityFee, 100000); // Cap at 100k micro-lamports for safety
+                transaction = new Transaction()
+                    .add(
+                // Set compute unit limit first (must come before other instructions)
+                ComputeBudgetProgram.setComputeUnitLimit({
+                    units: computeUnitLimit,
+                }))
+                    .add(
+                // Set priority fee
+                ComputeBudgetProgram.setComputeUnitPrice({
+                    microLamports: computeUnitPrice,
+                }))
+                    .add(
+                // Actual transfer instruction
+                SystemProgram.transfer({
+                    fromPubkey,
+                    toPubkey,
+                    lamports: Number(amount),
+                }));
+                console.log(`Using priority fee: ${computeUnitPrice} micro-lamports per CU, limit: ${computeUnitLimit} CU`);
+            }
+            else {
+                // SPL Token transfer with priority fees
+                const mintPubkey = new PublicKey(tokenAddress);
+                // Get associated token accounts
+                const fromTokenAccount = getAssociatedTokenAddressSync(mintPubkey, fromPubkey);
+                const toTokenAccount = getAssociatedTokenAddressSync(mintPubkey, toPubkey);
+                // Check if destination token account exists
+                const toTokenAccountInfo = await connection.getAccountInfo(toTokenAccount);
+                const needsDestinationAccount = !toTokenAccountInfo;
+                // Get mint info to determine decimals
+                const mintInfo = await connection.getParsedAccountInfo(mintPubkey);
+                const decimals = mintInfo.value?.data?.parsed?.info?.decimals || 9;
+                // SPL transfers need more compute units than SOL transfers
+                // Add extra CU if we need to create destination account
+                const computeUnitLimit = needsDestinationAccount ? 40000 : 20000;
+                const computeUnitPrice = Math.min(priorityFee, 100000);
+                // Create transfer instruction
+                const transferInstruction = createTransferCheckedInstruction(fromTokenAccount, mintPubkey, toTokenAccount, fromPubkey, Number(amount), decimals);
+                transaction = new Transaction()
+                    .add(ComputeBudgetProgram.setComputeUnitLimit({
+                    units: computeUnitLimit,
+                }))
+                    .add(ComputeBudgetProgram.setComputeUnitPrice({
+                    microLamports: computeUnitPrice,
+                }));
+                // Add create destination account instruction if needed
+                if (needsDestinationAccount) {
+                    transaction.add(createAssociatedTokenAccountInstruction(fromPubkey, // payer
+                    toTokenAccount, // ata
+                    toPubkey, // owner
+                    mintPubkey));
+                }
+                // Add the transfer instruction
+                transaction.add(transferInstruction);
+                console.log(`SPL Token transfer: ${computeUnitPrice} micro-lamports per CU, limit: ${computeUnitLimit} CU, creating destination: ${needsDestinationAccount}`);
+            }
+            // Step 5: Get latest blockhash and simulate transaction to verify
+            const { blockhash } = await connection.getLatestBlockhash("confirmed");
+            transaction.recentBlockhash = blockhash;
+            transaction.feePayer = fromPubkey;
+            // Optional: Simulate transaction to catch issues early
+            try {
+                const simulation = await connection.simulateTransaction(transaction, {
+                    sigVerify: false,
+                    replaceRecentBlockhash: true,
+                });
+                if (simulation.value.err) {
+                    console.error("Transaction simulation failed:", simulation.value.err);
+                    toast.error("Transaction simulation failed. Please check your balance and try again.");
+                    return;
+                }
+                console.log("Transaction simulation successful. Compute units used:", simulation.value.unitsConsumed);
+            }
+            catch (simError) {
+                console.warn("Transaction simulation failed, proceeding anyway:", simError);
+            }
+            // Step 6: Sign and send transaction with priority fees
+            const signedTransaction = await phantom.signAndSendTransaction(transaction);
+            toast.success(`Transaction successful! Signature: ${signedTransaction.signature}`);
+            console.log("Transaction sent with priority fees. Signature:", signedTransaction.signature);
+        }
+        catch (error) {
+            console.error("Transfer error:", error);
+            const errorMessage = error instanceof Error ? error.message : String(error);
+            if (errorMessage.includes("User rejected")) {
+                toast.error("Transaction was cancelled by user");
+            }
+            else if (errorMessage.includes("insufficient")) {
+                toast.error("Insufficient balance for this transaction");
+            }
+            else if (errorMessage.includes("blockhash not found")) {
+                toast.error("Network congestion detected. Please try again in a moment.");
+            }
+            else {
+                toast.error(`Transfer failed: ${errorMessage}`);
+            }
+        }
     };
     if (refundTxs) {
         return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "relative mt-4 flex w-full flex-col gap-4", children: [_jsx("div", { className: "bg-b3-react-background absolute bottom-2 left-4 top-2 z-[5] w-2", children: _jsx(motion.div, { className: "from-as-brand/50 absolute left-[2px] top-0 z-10 w-[3px] bg-gradient-to-b from-20% via-purple-500/50 via-80% to-transparent", initial: { height: "0%" }, animate: { height: "100%" }, transition: { duration: 1.5, ease: "easeInOut" } }) }), depositTxs
@@ -325,7 +473,7 @@ export const OrderDetails = memo(function OrderDetails({ isMainnet, mode = "moda
                                                     toast.success("Copied to clipboard");
                                                 }, children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsxs("strong", { className: "border-as-brand text-as-primary border-b-2 pb-1 text-2xl font-semibold sm:text-xl", children: [roundedUpSrcAmount, " ", srcToken.symbol] }), _jsx(Copy, { className: "text-as-primary/50 hover:text-as-primary h-5 w-5 cursor-pointer transition-all duration-200" })] }) }), _jsxs(Badge, { variant: "outline", className: "flex h-10 items-center gap-2 px-3 py-1 pr-2 text-sm", children: ["on ", getChainName(order.srcChain), _jsx("img", { src: ALL_CHAINS[order.srcChain].logoUrl, alt: getChainName(order.srcChain), className: cn("h-6 rounded-full", order.srcChain === b3.id && "h-5 rounded-none") })] })] }), _jsx("span", { className: "text-as-primary/50 mb-1 mt-2", children: " to the address:" })] }), _jsx(CopyToClipboard, { text: order.globalAddress, onCopy: () => {
                                     toast.success("Copied to clipboard");
-                                }, children: _jsxs("div", { className: "bg-b3-react-background border-b3-react-border hover:border-as-brand group flex cursor-pointer items-center justify-between gap-4 rounded-lg border p-3 px-4 shadow-md transition-all duration-200", children: [_jsx("div", { className: "text-as-primary overflow-hidden text-ellipsis whitespace-nowrap text-sm", children: order.globalAddress }), _jsx(Copy, { className: "group-hover:text-as-brand text-as-primary/50 h-5 w-5 cursor-pointer transition-all duration-200" })] }) }), account?.address && !showQRCode ? (_jsxs("div", { className: "mb-4 mt-8 flex w-full flex-col items-center gap-4", children: [_jsxs("div", { className: "relative flex w-full flex-col items-center gap-2", children: [_jsx(ShinyButton, { accentColor: "hsl(var(--as-brand))", textColor: "text-white", className: "flex w-5/6 items-center gap-2 sm:px-0", disabled: txLoading || isSwitchingOrExecuting, onClick: handlePayment, children: txLoading ? (_jsxs(_Fragment, { children: ["Transaction Pending", _jsx(Loader2, { className: "ml-2 h-5 w-5 animate-spin" })] })) : (_jsxs(_Fragment, { children: [_jsx("span", { className: "pl-4 text-lg md:text-sm", children: "Pay from Connected Wallet" }), _jsx(ChevronRight, { className: "h-4 w-4" })] })) }), _jsxs("span", { className: "label-style text-as-primary/50 text-xs", children: ["Connected to: ", centerTruncate(account?.address || "", 6)] })] }), _jsxs("div", { className: "flex w-full flex-col items-center gap-2", children: [_jsxs(ShinyButton, { accentColor: colorMode === "dark" ? "#ffffff" : "#000000", className: "flex w-5/6 items-center gap-2 sm:px-0", onClick: () => setShowQRCode(true), children: [_jsx("span", { className: "pl-4 text-lg md:text-sm", children: "Pay from a different wallet" }), _jsx(ChevronRight, { className: "h-4 w-4" })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(WalletMetamask, { className: "h-5 w-5", variant: "branded" }), _jsx(WalletCoinbase, { className: "h-5 w-5", variant: "branded" }), _jsx(WalletPhantom, { className: "h-5 w-5", variant: "branded" }), _jsx(WalletTrust, { className: "h-5 w-5", variant: "branded" }), _jsx(WalletWalletConnect, { className: "h-5 w-5", variant: "branded" }), _jsx("span", { className: "label-style text-as-primary/30 text-xs", children: "& more" })] })] })] })) : (_jsxs(motion.div, { initial: { opacity: 0, filter: "blur(10px)" }, animate: { opacity: 1, filter: "blur(0px)" }, transition: { duration: 0.5, ease: "easeInOut" }, className: "flex w-full items-center justify-evenly gap-4", children: [_jsxs("div", { className: "mt-8 flex flex-col items-center rounded-lg bg-white p-6 pb-3", children: [_jsx(QRCodeSVG, { value: getPaymentUrl(order.globalAddress, BigInt(order.srcAmount), order.srcTokenAddress === RELAY_ETH_ADDRESS ? "ETH" : order.srcTokenAddress), className: "max-w-[200px]" }), _jsxs("div", { className: "mt-3 flex items-center justify-center gap-2 text-sm", children: [_jsx("span", { className: "label-style text-as-brand/70 text-sm", children: "Scan with" }), _jsxs(TextLoop, { interval: 3, children: [_jsx(WalletMetamask, { className: "h-5 w-5", variant: "branded" }), _jsx(WalletCoinbase, { className: "h-5 w-5", variant: "branded" }), _jsx(WalletPhantom, { className: "h-5 w-5", variant: "branded" }), _jsx(WalletTrust, { className: "h-5 w-5", variant: "branded" }), _jsx(WalletWalletConnect, { className: "h-5 w-5", variant: "branded" })] })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [account && (_jsxs(Button, { variant: "ghost", className: "text-as-primary w-full", onClick: handlePayment, children: ["Send Transaction ", _jsx(ChevronRight, { className: "ml-2 h-4 w-4" })] })), EVM_CHAINS[order.srcChain] ? (_jsxs(Button, { variant: "outline", className: "w-full", onClick: handlePayment, children: ["Open Metamask", _jsx(WalletMetamask, { className: "ml-2 h-5 w-5", variant: "branded" })] })) : null, _jsx("a", { href: handleCoinbaseRedirect(), children: _jsxs(Button, { variant: "outline", className: "w-full", children: ["Open Coinbase", _jsx(WalletCoinbase, { className: "ml-2 h-5 w-5", variant: "branded" })] }) }), _jsx("a", { href: handlePhantomRedirect(), children: _jsxs(Button, { variant: "outline", className: "w-full", children: ["Open Phantom", _jsx(WalletPhantom, { className: "ml-2 h-5 w-5", variant: "branded" })] }) })] })] }))] })), _jsxs("div", { className: "bg-as-light-brand/30 w-full rounded-lg p-4 sm:p-2 sm:px-4", children: [_jsx("p", { className: "text-as-secondary mb-3 text-sm", children: "Continue on another device?" }), _jsxs("div", { className: "flex items-center gap-4", children: [_jsx(CopyToClipboard, { text: permalink, onCopy: () => {
+                                }, children: _jsxs("div", { className: "bg-b3-react-background border-b3-react-border hover:border-as-brand group flex cursor-pointer items-center justify-between gap-4 rounded-lg border p-3 px-4 shadow-md transition-all duration-200", children: [_jsx("div", { className: "text-as-primary overflow-hidden text-ellipsis whitespace-nowrap text-sm", children: order.globalAddress }), _jsx(Copy, { className: "group-hover:text-as-brand text-as-primary/50 h-5 w-5 cursor-pointer transition-all duration-200" })] }) }), account?.address && !showQRCode ? (_jsxs("div", { className: "mb-4 mt-8 flex w-full flex-col items-center gap-4", children: [_jsxs("div", { className: "relative flex w-full flex-col items-center gap-2", children: [_jsx(ShinyButton, { accentColor: "hsl(var(--as-brand))", textColor: "text-white", className: "flex w-5/6 items-center gap-2 sm:px-0", disabled: txLoading || isSwitchingOrExecuting, onClick: handlePayment, children: txLoading ? (_jsxs(_Fragment, { children: ["Transaction Pending", _jsx(Loader2, { className: "ml-2 h-5 w-5 animate-spin" })] })) : (_jsxs(_Fragment, { children: [_jsx("span", { className: "pl-4 text-lg md:text-sm", children: "Pay from Connected Wallet" }), _jsx(ChevronRight, { className: "h-4 w-4" })] })) }), _jsxs("span", { className: "label-style text-as-primary/50 text-xs", children: ["Connected to: ", centerTruncate(account?.address || "", 6)] })] }), _jsxs("div", { className: "flex w-full flex-col items-center gap-2", children: [_jsxs(ShinyButton, { accentColor: colorMode === "dark" ? "#ffffff" : "#000000", className: "flex w-5/6 items-center gap-2 sm:px-0", onClick: () => setShowQRCode(true), children: [_jsx("span", { className: "pl-4 text-lg md:text-sm", children: "Pay from a different wallet" }), _jsx(ChevronRight, { className: "h-4 w-4" })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(WalletMetamask, { className: "h-5 w-5", variant: "branded" }), _jsx(WalletCoinbase, { className: "h-5 w-5", variant: "branded" }), _jsx(WalletPhantom, { className: "h-5 w-5", variant: "branded" }), _jsx(WalletTrust, { className: "h-5 w-5", variant: "branded" }), _jsx(WalletWalletConnect, { className: "h-5 w-5", variant: "branded" }), _jsx("span", { className: "label-style text-as-primary/30 text-xs", children: "& more" })] })] })] })) : (_jsxs(motion.div, { initial: { opacity: 0, filter: "blur(10px)" }, animate: { opacity: 1, filter: "blur(0px)" }, transition: { duration: 0.5, ease: "easeInOut" }, className: "flex w-full items-center justify-evenly gap-4", children: [_jsxs("div", { className: "mt-8 flex flex-col items-center rounded-lg bg-white p-6 pb-3", children: [_jsx(QRCodeSVG, { value: getPaymentUrl(order.globalAddress, BigInt(order.srcAmount), order.srcTokenAddress === RELAY_ETH_ADDRESS ? "ETH" : order.srcTokenAddress), className: "max-w-[200px]" }), _jsxs("div", { className: "mt-3 flex items-center justify-center gap-2 text-sm", children: [_jsx("span", { className: "label-style text-as-brand/70 text-sm", children: "Scan with" }), _jsxs(TextLoop, { interval: 3, children: [_jsx(WalletMetamask, { className: "h-5 w-5", variant: "branded" }), _jsx(WalletCoinbase, { className: "h-5 w-5", variant: "branded" }), _jsx(WalletPhantom, { className: "h-5 w-5", variant: "branded" }), _jsx(WalletTrust, { className: "h-5 w-5", variant: "branded" }), _jsx(WalletWalletConnect, { className: "h-5 w-5", variant: "branded" })] })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [account && (_jsxs(Button, { variant: "ghost", className: "text-as-primary w-full", onClick: handlePayment, children: ["Send Transaction ", _jsx(ChevronRight, { className: "ml-2 h-4 w-4" })] })), EVM_CHAINS[order.srcChain] ? (_jsxs(Button, { variant: "outline", className: "w-full", onClick: handlePayment, children: ["Open Metamask", _jsx(WalletMetamask, { className: "ml-2 h-5 w-5", variant: "branded" })] })) : null, _jsx("a", { href: handleCoinbaseRedirect(), children: _jsxs(Button, { variant: "outline", className: "w-full", children: ["Open Coinbase", _jsx(WalletCoinbase, { className: "ml-2 h-5 w-5", variant: "branded" })] }) }), _jsxs(Button, { variant: "outline", className: "w-full", onClick: () => initiatePhantomTransfer(order.srcAmount, order.srcTokenAddress, order.globalAddress), children: ["Open Phantom", _jsx(WalletPhantom, { className: "ml-2 h-5 w-5", variant: "branded" })] })] })] }))] })), _jsxs("div", { className: "bg-as-light-brand/30 w-full rounded-lg p-4 sm:p-2 sm:px-4", children: [_jsx("p", { className: "text-as-secondary mb-3 text-sm", children: "Continue on another device?" }), _jsxs("div", { className: "flex items-center gap-4", children: [_jsx(CopyToClipboard, { text: permalink, onCopy: () => {
                                             toast.success("Copied to clipboard");
                                         }, children: _jsxs(Button, { variant: "outline", className: "w-full", children: ["Copy Link", _jsx(Copy, { className: "ml-2 h-3 w-3" })] }) }), _jsxs(Button, { variant: "outline", className: "w-full", onClick: () => {
                                             if (navigator.share) {

package/dist/esm/anyspend/react/components/common/OrderToken.js

@@ -40,7 +40,7 @@ export function OrderToken({ context, address, chainId, setChainId, token, setTo
             hasEnoughBalance,
         };
     }, [chainId, fungibleTokens, nativeTokens, requiredAmount, token, wallet?.address]);
-    return (_jsx(TokenSelector, { address: address, chainIdsFilter: Object.values(ALL_CHAINS).map(chain => chain.id), context: context, fromChainWalletVMSupported: true, isValidAddress: true, lockedChainIds: Object.values(ALL_CHAINS).map(chain => chain.id), multiWalletSupportEnabled: true, onAnalyticEvent: undefined, popularChainIds: [1, 8453, RELAY_SOLANA_MAINNET_CHAIN_ID], restrictedToken: undefined, setToken: token => {
+    return (_jsx(TokenSelector, { address: address, chainIdsFilter: Object.values(ALL_CHAINS).map(chain => chain.id), context: context, fromChainWalletVMSupported: true, isValidAddress: true, lockedChainIds: Object.values(ALL_CHAINS).map(chain => chain.id), multiWalletSupportEnabled: true, onAnalyticEvent: undefined, popularChainIds: [1, 8453, RELAY_SOLANA_MAINNET_CHAIN_ID], setToken: token => {
             setChainId(token.chainId);
             setToken({
                 address: token.address,

package/dist/esm/anyspend/react/components/common/OrderTokenAmount.js

@@ -43,5 +43,5 @@ export function OrderTokenAmount({ disabled, inputValue, onChangeInput, context,
             onChangeInput("0.01");
         }
     };
-    return (_jsx("div", { className: cn("border-as-stroke flex w-full flex-col gap-2 rounded-xl", className), children: _jsxs("div", { className: cn("flex items-center justify-between gap-3", innerClassName), children: [!canEditAmount ? (_jsx("h2", { className: cn("text-3xl font-medium text-white", amountClassName), children: inputValue || "--" })) : (_jsx(NumericFormat, { decimalSeparator: ".", allowedDecimalSeparators: [","], thousandSeparator: true, inputMode: "decimal", autoComplete: "off", autoCorrect: "off", type: "text", placeholder: "0.00", minLength: 1, maxLength: 30, spellCheck: "false", className: cn("placeholder:text-as-primary/70 disabled:text-as-primary/70 text-as-primary w-full bg-transparent text-4xl font-semibold leading-[42px] outline-none sm:text-[30px]", amountClassName), pattern: "^[0-9]*[.,]?[0-9]*$", disabled: disabled, value: inputValue, allowNegative: false, onChange: e => onChangeInput(e.currentTarget.value) }, `input-${token.address}-${chainId}`)), !hideTokenSelect && (_jsx(TokenSelector, { address: address, chainIdsFilter: Object.values(ALL_CHAINS).map(chain => chain.id), context: context, fromChainWalletVMSupported: true, isValidAddress: true, lockedChainIds: Object.values(ALL_CHAINS).map(chain => chain.id), multiWalletSupportEnabled: true, onAnalyticEvent: undefined, popularChainIds: [1, 8453, RELAY_SOLANA_MAINNET_CHAIN_ID], restrictedToken: undefined, setToken: handleTokenSelect, supportedWalletVMs: ["evm", "svm"], token: undefined, trigger: _jsxs(Button, { variant: "outline", role: "combobox", className: cn("bg-b3-react-background border-as-stroke flex h-auto w-fit shrink-0 items-center justify-center gap-2 rounded-xl border-2 px-2 py-1 pr-2 text-center", tokenSelectClassName), children: [token.metadata.logoURI ? (_jsx(ChainTokenIcon, { chainUrl: ALL_CHAINS[chainId].logoUrl, tokenUrl: token.metadata.logoURI, className: "h-8 min-h-8 w-8 min-w-8" })) : (_jsx("div", { className: "h-8 w-8 rounded-full bg-gray-700" })), _jsxs("div", { className: "flex flex-col items-start gap-0", children: [_jsx("div", { className: "text-as-primary font-semibold", children: token.symbol }), _jsx("div", { className: "text-as-primary/70 text-xs", children: ALL_CHAINS[chainId].name })] }), _jsx(ChevronsUpDown, { className: "h-4 w-4 shrink-0 opacity-70" })] }) }, `selector-${context}-${token.address}-${chainId}`))] }) }, `${context}-${token.address}-${chainId}`));
+    return (_jsx("div", { className: cn("border-as-stroke flex w-full flex-col gap-2 rounded-xl", className), children: _jsxs("div", { className: cn("flex items-center justify-between gap-3", innerClassName), children: [!canEditAmount ? (_jsx("h2", { className: cn("text-3xl font-medium text-white", amountClassName), children: inputValue || "--" })) : (_jsx(NumericFormat, { decimalSeparator: ".", allowedDecimalSeparators: [","], thousandSeparator: true, inputMode: "decimal", autoComplete: "off", autoCorrect: "off", type: "text", placeholder: "0.00", minLength: 1, maxLength: 30, spellCheck: "false", className: cn("placeholder:text-as-primary/70 disabled:text-as-primary/70 text-as-primary w-full bg-transparent text-4xl font-semibold leading-[42px] outline-none sm:text-[30px]", amountClassName), pattern: "^[0-9]*[.,]?[0-9]*$", disabled: disabled, value: inputValue, allowNegative: false, onChange: e => onChangeInput(e.currentTarget.value) }, `input-${token.address}-${chainId}`)), !hideTokenSelect && (_jsx(TokenSelector, { address: address, chainIdsFilter: Object.values(ALL_CHAINS).map(chain => chain.id), context: context, fromChainWalletVMSupported: true, isValidAddress: true, lockedChainIds: Object.values(ALL_CHAINS).map(chain => chain.id), multiWalletSupportEnabled: true, onAnalyticEvent: undefined, popularChainIds: [1, 8453, RELAY_SOLANA_MAINNET_CHAIN_ID], setToken: handleTokenSelect, supportedWalletVMs: ["evm", "svm"], token: undefined, trigger: _jsxs(Button, { variant: "outline", role: "combobox", className: cn("bg-b3-react-background border-as-stroke flex h-auto w-fit shrink-0 items-center justify-center gap-2 rounded-xl border-2 px-2 py-1 pr-2 text-center", tokenSelectClassName), children: [token.metadata.logoURI ? (_jsx(ChainTokenIcon, { chainUrl: ALL_CHAINS[chainId].logoUrl, tokenUrl: token.metadata.logoURI, className: "h-8 min-h-8 w-8 min-w-8" })) : (_jsx("div", { className: "h-8 w-8 rounded-full bg-gray-700" })), _jsxs("div", { className: "flex flex-col items-start gap-0", children: [_jsx("div", { className: "text-as-primary font-semibold", children: token.symbol }), _jsx("div", { className: "text-as-primary/70 text-xs", children: ALL_CHAINS[chainId].name })] }), _jsx(ChevronsUpDown, { className: "h-4 w-4 shrink-0 opacity-70" })] }) }, `selector-${context}-${token.address}-${chainId}`))] }) }, `${context}-${token.address}-${chainId}`));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@b3dotfun/sdk",
-  "version": "0.0.9-alpha.4",
+  "version": "0.0.9-alpha.6",
   "source": "src/index.ts",
   "main": "./dist/cjs/index.js",
   "react-native": "./dist/cjs/index.native.js",
@@ -190,10 +190,10 @@
     "constants"
   ],
   "dependencies": {
-    "@b3dotfun/bondkit": "^0.1.17",
     "@amplitude/analytics-browser": "2.14.0",
     "@b3dotfun/b3-api": "0.0.26",
     "@b3dotfun/basement-api": "0.0.11",
+    "@b3dotfun/bondkit": "^0.1.17",
     "@chakra-ui/react": "2.10.7",
     "@feathersjs/authentication-client": "5.0.33",
     "@feathersjs/feathers": "5.0.33",
@@ -202,15 +202,17 @@
     "@hey-api/client-fetch": "0.8.3",
     "@hey-api/openapi-ts": "0.64.13",
     "@lottiefiles/dotlottie-react": "0.7.2",
-    "@radix-ui/react-dialog": "1.1.6",
-    "@radix-ui/react-popover": "1.1.6",
+    "@radix-ui/react-dialog": "1.1.7",
+    "@radix-ui/react-popover": "1.1.7",
     "@radix-ui/react-scroll-area": "1.1.0",
     "@radix-ui/react-slot": "1.1.2",
     "@radix-ui/react-tabs": "1.1.3",
     "@radix-ui/react-tooltip": "1.1.8",
-    "@reservoir0x/relay-kit-ui": "2.9.13",
-    "@reservoir0x/relay-sdk": "1.7.3",
+    "@reservoir0x/relay-kit-ui": "2.15.4",
+    "@reservoir0x/relay-sdk": "2.3.0",
     "@reservoir0x/reservoir-kit-ui": "2.8.7",
+    "@solana/spl-token": "^0.4.13",
+    "@solana/web3.js": "^1.98.2",
     "@stripe/react-stripe-js": "^3.7.0",
     "@stripe/stripe-js": "^7.3.1",
     "@transak/transak-sdk": "3.1.3",

package/src/anyspend/react/components/common/OrderDetails.tsx

@@ -31,6 +31,12 @@ import { cn } from "@b3dotfun/sdk/shared/utils";
 import centerTruncate from "@b3dotfun/sdk/shared/utils/centerTruncate";
 import { formatTokenAmount } from "@b3dotfun/sdk/shared/utils/number";
 import { useColorMode } from "@chakra-ui/react";
+import {
+  createAssociatedTokenAccountInstruction,
+  createTransferCheckedInstruction,
+  getAssociatedTokenAddressSync,
+} from "@solana/spl-token";
+import { ComputeBudgetProgram, Connection, PublicKey, SystemProgram, Transaction } from "@solana/web3.js";
 import { WalletCoinbase, WalletMetamask, WalletPhantom, WalletTrust, WalletWalletConnect } from "@web3icons/react";
 import { motion } from "framer-motion";
 import {
@@ -358,9 +364,191 @@ export const OrderDetails = memo(function OrderDetails({
     return coinbaseUrl;
   };
 
-  const handlePhantomRedirect = () => {
-    const phantomDeepLink = `https://phantom.app/ul/browse/${encodeURIComponent(permalink)}`;
-    return phantomDeepLink;
+  const initiatePhantomTransfer = async (amountLamports: string, tokenAddress: string, recipientAddress: string) => {
+    try {
+      // Step 1: Check if Phantom is available
+      const isPhantomMobile = navigator.userAgent.includes("Phantom");
+      const isPhantomBrowser = (window as any).phantom?.solana?.isPhantom;
+
+      if (!isPhantomBrowser && !isPhantomMobile) {
+        toast.error("Phantom wallet not installed. Please install Phantom wallet to continue.");
+        return;
+      }
+
+      // Step 2: Ensure Phantom is connected/unlocked
+      const phantom = (window as any).phantom?.solana;
+      if (!phantom) {
+        toast.error("Phantom wallet not accessible");
+        return;
+      }
+
+      // Connect and unlock wallet if needed
+      let publicKey;
+      try {
+        const connection = await phantom.connect();
+        publicKey = connection.publicKey;
+      } catch (connectError) {
+        toast.error("Failed to connect to Phantom wallet");
+        return;
+      }
+
+      // Step 3: Create transaction with priority fees
+      const connection = new Connection("https://mainnet.helius-rpc.com/?api-key=efafd9b3-1807-4cf8-8aa4-3d984f56d8fb");
+
+      const fromPubkey = new PublicKey(publicKey.toString());
+      const toPubkey = new PublicKey(recipientAddress);
+      const amount = BigInt(amountLamports);
+
+      // Step 4: Get recent priority fees to determine optimal pricing
+      let priorityFee = 10000; // Default fallback (10,000 micro-lamports)
+      try {
+        const recentFees = await connection.getRecentPrioritizationFees({
+          lockedWritableAccounts: [fromPubkey],
+        });
+
+        if (recentFees && recentFees.length > 0) {
+          // Use 75th percentile of recent fees for good priority
+          const sortedFees = recentFees.map(fee => fee.prioritizationFee).sort((a, b) => a - b);
+          const percentile75Index = Math.floor(sortedFees.length * 0.75);
+          priorityFee = Math.max(sortedFees[percentile75Index] || 10000, 10000);
+        }
+      } catch (feeError) {
+        console.warn("Failed to fetch recent priority fees, using default:", feeError);
+      }
+
+      let transaction: any;
+
+      // Check if this is native SOL transfer
+      if (tokenAddress === "11111111111111111111111111111111") {
+        // Native SOL transfer with priority fees
+        const computeUnitLimit = 1000; // SOL transfer + compute budget instructions need ~600-800 CU
+        const computeUnitPrice = Math.min(priorityFee, 100000); // Cap at 100k micro-lamports for safety
+
+        transaction = new Transaction()
+          .add(
+            // Set compute unit limit first (must come before other instructions)
+            ComputeBudgetProgram.setComputeUnitLimit({
+              units: computeUnitLimit,
+            }),
+          )
+          .add(
+            // Set priority fee
+            ComputeBudgetProgram.setComputeUnitPrice({
+              microLamports: computeUnitPrice,
+            }),
+          )
+          .add(
+            // Actual transfer instruction
+            SystemProgram.transfer({
+              fromPubkey,
+              toPubkey,
+              lamports: Number(amount),
+            }),
+          );
+
+        console.log(`Using priority fee: ${computeUnitPrice} micro-lamports per CU, limit: ${computeUnitLimit} CU`);
+      } else {
+        // SPL Token transfer with priority fees
+        const mintPubkey = new PublicKey(tokenAddress);
+
+        // Get associated token accounts
+        const fromTokenAccount = getAssociatedTokenAddressSync(mintPubkey, fromPubkey);
+        const toTokenAccount = getAssociatedTokenAddressSync(mintPubkey, toPubkey);
+
+        // Check if destination token account exists
+        const toTokenAccountInfo = await connection.getAccountInfo(toTokenAccount);
+        const needsDestinationAccount = !toTokenAccountInfo;
+
+        // Get mint info to determine decimals
+        const mintInfo = await connection.getParsedAccountInfo(mintPubkey);
+        const decimals = (mintInfo.value?.data as any)?.parsed?.info?.decimals || 9;
+
+        // SPL transfers need more compute units than SOL transfers
+        // Add extra CU if we need to create destination account
+        const computeUnitLimit = needsDestinationAccount ? 40000 : 20000;
+        const computeUnitPrice = Math.min(priorityFee, 100000);
+
+        // Create transfer instruction
+        const transferInstruction = createTransferCheckedInstruction(
+          fromTokenAccount,
+          mintPubkey,
+          toTokenAccount,
+          fromPubkey,
+          Number(amount),
+          decimals,
+        );
+
+        transaction = new Transaction()
+          .add(
+            ComputeBudgetProgram.setComputeUnitLimit({
+              units: computeUnitLimit,
+            }),
+          )
+          .add(
+            ComputeBudgetProgram.setComputeUnitPrice({
+              microLamports: computeUnitPrice,
+            }),
+          );
+
+        // Add create destination account instruction if needed
+        if (needsDestinationAccount) {
+          transaction.add(
+            createAssociatedTokenAccountInstruction(
+              fromPubkey, // payer
+              toTokenAccount, // ata
+              toPubkey, // owner
+              mintPubkey, // mint
+            ),
+          );
+        }
+
+        // Add the transfer instruction
+        transaction.add(transferInstruction);
+
+        console.log(
+          `SPL Token transfer: ${computeUnitPrice} micro-lamports per CU, limit: ${computeUnitLimit} CU, creating destination: ${needsDestinationAccount}`,
+        );
+      }
+
+      // Step 5: Get latest blockhash and simulate transaction to verify
+      const { blockhash } = await connection.getLatestBlockhash("confirmed");
+      transaction.recentBlockhash = blockhash;
+      transaction.feePayer = fromPubkey;
+
+      // Optional: Simulate transaction to catch issues early
+      try {
+        const simulation = await connection.simulateTransaction(transaction, {
+          sigVerify: false,
+          replaceRecentBlockhash: true,
+        });
+        if (simulation.value.err) {
+          console.error("Transaction simulation failed:", simulation.value.err);
+          toast.error("Transaction simulation failed. Please check your balance and try again.");
+          return;
+        }
+        console.log("Transaction simulation successful. Compute units used:", simulation.value.unitsConsumed);
+      } catch (simError) {
+        console.warn("Transaction simulation failed, proceeding anyway:", simError);
+      }
+
+      // Step 6: Sign and send transaction with priority fees
+      const signedTransaction = await phantom.signAndSendTransaction(transaction);
+
+      toast.success(`Transaction successful! Signature: ${signedTransaction.signature}`);
+      console.log("Transaction sent with priority fees. Signature:", signedTransaction.signature);
+    } catch (error: unknown) {
+      console.error("Transfer error:", error);
+      const errorMessage = error instanceof Error ? error.message : String(error);
+      if (errorMessage.includes("User rejected")) {
+        toast.error("Transaction was cancelled by user");
+      } else if (errorMessage.includes("insufficient")) {
+        toast.error("Insufficient balance for this transaction");
+      } else if (errorMessage.includes("blockhash not found")) {
+        toast.error("Network congestion detected. Please try again in a moment.");
+      } else {
+        toast.error(`Transfer failed: ${errorMessage}`);
+      }
+    }
   };
 
   if (refundTxs) {
@@ -883,12 +1071,16 @@ export const OrderDetails = memo(function OrderDetails({
                         <WalletCoinbase className="ml-2 h-5 w-5" variant="branded" />
                       </Button>
                     </a>
-                    <a href={handlePhantomRedirect()}>
-                      <Button variant="outline" className="w-full">
-                        Open Phantom
-                        <WalletPhantom className="ml-2 h-5 w-5" variant="branded" />
-                      </Button>
-                    </a>
+                    <Button
+                      variant="outline"
+                      className="w-full"
+                      onClick={() =>
+                        initiatePhantomTransfer(order.srcAmount, order.srcTokenAddress, order.globalAddress)
+                      }
+                    >
+                      Open Phantom
+                      <WalletPhantom className="ml-2 h-5 w-5" variant="branded" />
+                    </Button>
                   </div>
                 </motion.div>
               )}

package/src/anyspend/react/components/common/OrderToken.tsx

@@ -78,7 +78,6 @@ export function OrderToken({
       multiWalletSupportEnabled={true}
       onAnalyticEvent={undefined}
       popularChainIds={[1, 8453, RELAY_SOLANA_MAINNET_CHAIN_ID]}
-      restrictedToken={undefined}
       setToken={token => {
         setChainId(token.chainId);
         setToken({

package/src/anyspend/react/components/common/OrderTokenAmount.tsx

@@ -132,7 +132,6 @@ export function OrderTokenAmount({
             multiWalletSupportEnabled={true}
             onAnalyticEvent={undefined}
             popularChainIds={[1, 8453, RELAY_SOLANA_MAINNET_CHAIN_ID]}
-            restrictedToken={undefined}
             setToken={handleTokenSelect}
             supportedWalletVMs={["evm", "svm"]}
             token={undefined}

package/src/anyspend/types/window.d.ts

@@ -0,0 +1,15 @@
+// Global window interface augmentations for AnySpend wallet providers
+
+declare global {
+  interface Window {
+    phantom?: {
+      solana?: {
+        isPhantom?: boolean;
+        connect: () => Promise<{ publicKey: { toString: () => string } }>;
+        signAndSendTransaction: (transaction: any) => Promise<{ signature: string }>;
+      };
+    };
+  }
+}
+
+export {};