@b3dotfun/sdk 0.0.9-alpha.5 → 0.0.9-alpha.7

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");
@@ -177,7 +179,12 @@ exports.OrderDetails = (0, react_4.memo)(function OrderDetails({ isMainnet, mode
     // 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);
-        await switchChainAndExecute(order.srcChain, handlePaymentProcess);
+        if (order.srcChain === anyspend_1.RELAY_SOLANA_MAINNET_CHAIN_ID) {
+            await initiatePhantomTransfer(order.srcAmount, order.srcTokenAddress, order.globalAddress);
+        }
+        else {
+            await switchChainAndExecute(order.srcChain, handlePaymentProcess);
+        }
     };
     // When waitingForDeposit is true, we show a message to the user to wait for the deposit to be processed.
     const setWaitingForDeposit = (0, react_4.useCallback)(() => {
@@ -212,6 +219,16 @@ exports.OrderDetails = (0, react_4.memo)(function OrderDetails({ isMainnet, mode
         }
     }, [setWaitingForDeposit, txSuccess]);
     const [showOrderDetails, setShowOrderDetails] = (0, react_4.useState)(false);
+    const isPhantomMobile = (0, react_4.useMemo)(() => navigator.userAgent.includes("Phantom"), []);
+    const isPhantomBrowser = (0, react_4.useMemo)(() => window.phantom?.solana?.isPhantom, []);
+    // Get connected Phantom wallet address if available
+    const phantomWalletAddress = (0, react_4.useMemo)(() => {
+        const phantom = window.phantom?.solana;
+        if (phantom?.isConnected && phantom?.publicKey) {
+            return phantom.publicKey.toString();
+        }
+        return null;
+    }, []);
     if (!srcToken || !dstToken) {
         return (0, jsx_runtime_1.jsx)("div", { children: "Loading..." });
     }
@@ -245,9 +262,136 @@ 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 {
+            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;
+            // 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 +475,9 @@ 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 || phantomWalletAddress) && !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:", " ", order.srcChain === anyspend_1.RELAY_SOLANA_MAINNET_CHAIN_ID && phantomWalletAddress
+                                                        ? (0, centerTruncate_1.default)(phantomWalletAddress, 6)
+                                                        : (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/esm/anyspend/react/components/common/OrderDetails.js

@@ -1,12 +1,14 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { ALL_CHAINS, capitalizeFirstLetter, EVM_CHAINS, getChainName, getErrorDisplay, getExplorerTxUrl, getPaymentUrl, getStatusDisplay, isNativeToken, RELAY_ETH_ADDRESS, } from "../../../../anyspend/index.js";
+import { ALL_CHAINS, capitalizeFirstLetter, EVM_CHAINS, getChainName, getErrorDisplay, getExplorerTxUrl, getPaymentUrl, getStatusDisplay, isNativeToken, RELAY_ETH_ADDRESS, RELAY_SOLANA_MAINNET_CHAIN_ID, } from "../../../../anyspend/index.js";
 import { Badge, Button, CopyToClipboard, ShinyButton, Skeleton, TextLoop, TextShimmer, useAccountWallet, useChainSwitchWithAction, useModalStore, useOnchainName, } from "../../../../global-account/react/index.js";
 import { useRouter, useSearchParams } from "../../../../shared/react/hooks/index.js";
 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";
@@ -171,7 +173,12 @@ export const OrderDetails = memo(function OrderDetails({ isMainnet, mode = "moda
     // 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);
-        await switchChainAndExecute(order.srcChain, handlePaymentProcess);
+        if (order.srcChain === RELAY_SOLANA_MAINNET_CHAIN_ID) {
+            await initiatePhantomTransfer(order.srcAmount, order.srcTokenAddress, order.globalAddress);
+        }
+        else {
+            await switchChainAndExecute(order.srcChain, handlePaymentProcess);
+        }
     };
     // When waitingForDeposit is true, we show a message to the user to wait for the deposit to be processed.
     const setWaitingForDeposit = useCallback(() => {
@@ -206,6 +213,16 @@ export const OrderDetails = memo(function OrderDetails({ isMainnet, mode = "moda
         }
     }, [setWaitingForDeposit, txSuccess]);
     const [showOrderDetails, setShowOrderDetails] = useState(false);
+    const isPhantomMobile = useMemo(() => navigator.userAgent.includes("Phantom"), []);
+    const isPhantomBrowser = useMemo(() => window.phantom?.solana?.isPhantom, []);
+    // Get connected Phantom wallet address if available
+    const phantomWalletAddress = useMemo(() => {
+        const phantom = window.phantom?.solana;
+        if (phantom?.isConnected && phantom?.publicKey) {
+            return phantom.publicKey.toString();
+        }
+        return null;
+    }, []);
     if (!srcToken || !dstToken) {
         return _jsx("div", { children: "Loading..." });
     }
@@ -239,9 +256,136 @@ 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 {
+            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;
+            // 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 +469,9 @@ 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 || phantomWalletAddress) && !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:", " ", order.srcChain === RELAY_SOLANA_MAINNET_CHAIN_ID && phantomWalletAddress
+                                                        ? centerTruncate(phantomWalletAddress, 6)
+                                                        : 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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@b3dotfun/sdk",
-  "version": "0.0.9-alpha.5",
+  "version": "0.0.9-alpha.7",
   "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,8 +202,8 @@
     "@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",
@@ -211,6 +211,8 @@
     "@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

@@ -11,6 +11,7 @@ import {
   getStatusDisplay,
   isNativeToken,
   RELAY_ETH_ADDRESS,
+  RELAY_SOLANA_MAINNET_CHAIN_ID,
 } from "@b3dotfun/sdk/anyspend";
 import { components } from "@b3dotfun/sdk/anyspend/types/api";
 import {
@@ -31,6 +32,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 {
@@ -272,7 +279,11 @@ export const OrderDetails = memo(function OrderDetails({
   // 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);
-    await switchChainAndExecute(order.srcChain, handlePaymentProcess);
+    if (order.srcChain === RELAY_SOLANA_MAINNET_CHAIN_ID) {
+      await initiatePhantomTransfer(order.srcAmount, order.srcTokenAddress, order.globalAddress);
+    } else {
+      await switchChainAndExecute(order.srcChain, handlePaymentProcess);
+    }
   };
 
   // When waitingForDeposit is true, we show a message to the user to wait for the deposit to be processed.
@@ -315,6 +326,18 @@ export const OrderDetails = memo(function OrderDetails({
 
   const [showOrderDetails, setShowOrderDetails] = useState(false);
 
+  const isPhantomMobile = useMemo(() => navigator.userAgent.includes("Phantom"), []);
+  const isPhantomBrowser = useMemo(() => (window as any).phantom?.solana?.isPhantom, []);
+
+  // Get connected Phantom wallet address if available
+  const phantomWalletAddress = useMemo(() => {
+    const phantom = (window as any).phantom?.solana;
+    if (phantom?.isConnected && phantom?.publicKey) {
+      return phantom.publicKey.toString();
+    }
+    return null;
+  }, []);
+
   if (!srcToken || !dstToken) {
     return <div>Loading...</div>;
   }
@@ -358,9 +381,171 @@ 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 {
+      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;
+
+      // 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) {
@@ -790,7 +975,7 @@ export const OrderDetails = memo(function OrderDetails({
                 </div>
               </CopyToClipboard>
 
-              {account?.address && !showQRCode ? (
+              {(account?.address || phantomWalletAddress) && !showQRCode ? (
                 <div className="mb-4 mt-8 flex w-full flex-col items-center gap-4">
                   <div className="relative flex w-full flex-col items-center gap-2">
                     <ShinyButton
@@ -813,7 +998,10 @@ export const OrderDetails = memo(function OrderDetails({
                       )}
                     </ShinyButton>
                     <span className="label-style text-as-primary/50 text-xs">
-                      Connected to: {centerTruncate(account?.address || "", 6)}
+                      Connected to:{" "}
+                      {order.srcChain === RELAY_SOLANA_MAINNET_CHAIN_ID && phantomWalletAddress
+                        ? centerTruncate(phantomWalletAddress, 6)
+                        : centerTruncate(account?.address || "", 6)}
                     </span>
                   </div>
 
@@ -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/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 {};