+ {!depositId ? (
+ <>
+ {/* Amount Input */}
+
+
+
+
+ setAmount(e.target.value)}
+ placeholder="0.00"
+ className="w-full pl-12 pr-4 py-4 bg-slate-800/50 border border-slate-700 rounded-xl text-white text-lg focus:outline-none focus:ring-2 focus:ring-cyan-500"
+ min="0"
+ step="0.01"
+ />
+
+
+
+ {/* Wallet Address */}
+
+
+
+ {walletAddress || "Not connected"}
+
+
+
+ {/* Info Box */}
+
+
+
+
+
Powered by MoneyGram Access
+
+ You'll be redirected to complete your deposit securely through our anchor partner.
+ The process typically takes 5-15 minutes.
+
+
+
+
+
+ {/* Error Message */}
+ {error && (
+
+ {error}
+
+ )}
+
+ {/* Submit Button */}
+
+ >
+ ) : (
+ <>
+ {/* Status Display */}
+
+ {status?.status === "completed" ? (
+
+ ) : status?.status === "error" ? (
+
+ ) : (
+
+ )}
+
+
+ {statusInfo?.label || "Processing"}
+
+
+ {statusInfo?.description || "Please wait..."}
+
+
+
+ {/* Status Details */}
+ {status && (
+
+
+ Deposit ID
+ {depositId}
+
+ {status.amount && (
+
+ Amount
+ {status.amount} {status.assetCode}
+
+ )}
+ {status.stellarTransactionId && (
+
+ )}
+
+ )}
+
+ {/* Interactive URL */}
+ {interactiveUrl && status?.status !== "completed" && (
+
+ )}
+
+ {/* Reset Button */}
+ {(status?.status === "completed" || status?.status === "error") && (
+
+ )}
+ >
+ )}
+
+
+ {/* Features */}
+
+ {[
+ { icon: CheckCircle2, title: "Fast", desc: "5-15 minutes" },
+ { icon: DollarSign, title: "Low Fees", desc: "Competitive rates" },
+ { icon: CheckCircle2, title: "Secure", desc: "SEP-24 compliant" },
+ ].map((feature, i) => (
+
+
+
{feature.title}
+
{feature.desc}
+
+ ))}
+
+