@microcosmmoney/portal-react 3.12.7 → 3.13.0

package/dist/main-portal/components/resources/public-mining-modal.js

@@ -0,0 +1,239 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = PublicMiningModal;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const lucide_react_1 = require("lucide-react");
+const qrcode_react_1 = require("qrcode.react");
+const terminal_1 = require("../ui/terminal");
+const api_1 = require("../../lib/api");
+const wallet_adapter_react_1 = require("@solana/wallet-adapter-react");
+const web3_js_1 = require("@solana/web3.js");
+const spl_token_1 = require("@solana/spl-token");
+const solana_pay_1 = require("../../lib/solana/solana-pay");
+const next_intl_1 = require("next-intl");
+const STABLECOIN_MINTS = { usdc: new web3_js_1.PublicKey("EPjFWdd5AufqSSqeM2qN1xzybapC8G4wEGGkZwyTDt1v"), usdt: new web3_js_1.PublicKey("Es9vMFrzaCERmJfrF4H2FYD4KCoNkY11McCe8BenwNYB") };
+const STABLECOIN_VAULTS = { usdc: new web3_js_1.PublicKey("5L8vPTvGH14keLq4R6CGGvSFksZFjb7bRPXarCwZbmUA"), usdt: new web3_js_1.PublicKey("BnHA9jSm88wzQS4c2nCgTXch1Byzc3FWn2G7Wgrvazy3") };
+const SOLANA_RPC = process.env.NEXT_PUBLIC_HELIUS_RPC_URL || process.env.NEXT_PUBLIC_SOLANA_RPC_URL || "";
+const COIN_INFO = { usdc: { symbol: 'USDC', name: 'USD Coin', icon: '💵' }, usdt: { symbol: 'USDT', name: 'Tether', icon: '💴' } };
+function PublicMiningModal({ isOpen, onClose, onSuccess }) {
+    const t = (0, next_intl_1.useTranslations)("miningModal");
+    const { publicKey, sendTransaction, connected } = (0, wallet_adapter_react_1.useWallet)();
+    const [amount, setAmount] = (0, react_1.useState)("");
+    const [stablecoin, setStablecoin] = (0, react_1.useState)("usdc");
+    const [showDropdown, setShowDropdown] = (0, react_1.useState)(false);
+    const [step, setStep] = (0, react_1.useState)("input");
+    const [miningReq, setMiningReq] = (0, react_1.useState)(null);
+    const [ratioInfo, setRatioInfo] = (0, react_1.useState)(null);
+    const [txSig, setTxSig] = (0, react_1.useState)("");
+    const [error, setError] = (0, react_1.useState)("");
+    const [loading, setLoading] = (0, react_1.useState)(false);
+    const [result, setResult] = (0, react_1.useState)(null);
+    const [balance, setBalance] = (0, react_1.useState)(null);
+    const [loadingBal, setLoadingBal] = (0, react_1.useState)(false);
+    const [qrPayer, setQrPayer] = (0, react_1.useState)("");
+    const [payUrl, setPayUrl] = (0, react_1.useState)("");
+    const [payRef, setPayRef] = (0, react_1.useState)(null);
+    const [monitoring, setMonitoring] = (0, react_1.useState)(false);
+    const abortRef = (0, react_1.useRef)(false);
+    const isMobile = typeof window !== "undefined" ? (0, solana_pay_1.isMobileDevice)() : false;
+    const ci = COIN_INFO[stablecoin];
+    const loadBalance = (0, react_1.useCallback)(async () => {
+        if (!publicKey || !connected) {
+            setBalance(null);
+            return;
+        }
+        setLoadingBal(true);
+        try {
+            const conn = new web3_js_1.Connection(SOLANA_RPC, "confirmed");
+            const ata = (0, spl_token_1.getAssociatedTokenAddressSync)(STABLECOIN_MINTS[stablecoin], publicKey);
+            const info = await conn.getAccountInfo(ata);
+            setBalance(info ? Number(info.data.readBigUInt64LE(64)) / 1000000 : 0);
+        }
+        catch {
+            setBalance(null);
+        }
+        finally {
+            setLoadingBal(false);
+        }
+    }, [publicKey, connected, stablecoin]);
+    (0, react_1.useEffect)(() => { if (isOpen) {
+        loadRatio();
+        loadBalance();
+    } }, [isOpen, loadBalance]);
+    (0, react_1.useEffect)(() => { if (isOpen && connected)
+        loadBalance(); }, [stablecoin, isOpen, connected, loadBalance]);
+    (0, react_1.useEffect)(() => { if (isOpen) {
+        setStep("input");
+        setAmount("");
+        setMiningReq(null);
+        setTxSig("");
+        setError("");
+        setResult(null);
+        setPayUrl("");
+        setPayRef(null);
+        setQrPayer("");
+    } }, [isOpen]);
+    (0, react_1.useEffect)(() => () => { abortRef.current = true; }, []);
+    const loadRatio = async () => { try {
+        const r = await (0, api_1.getMiningRatio)();
+        if (r.success && r.data)
+            setRatioInfo(r.data);
+    }
+    catch { } };
+    const pricing = (() => {
+        const qty = parseFloat(amount);
+        if (!qty || qty <= 0 || !ratioInfo)
+            return null;
+        const full = qty * ratioInfo.usdc_per_mcc * 4;
+        return { full, discounted: full, discount: 0 };
+    })();
+    const payAmt = miningReq ? ((miningReq.usd_amount_with_discount || miningReq.usdc_amount_with_discount) / 1000000).toFixed(2) : "0";
+    const resetState = () => { setStep("input"); setAmount(""); setMiningReq(null); setTxSig(""); setError(""); setResult(null); setPayUrl(""); setPayRef(null); setMonitoring(false); setQrPayer(""); };
+    const handleClose = () => { abortRef.current = true; const wasSuccess = step === "success"; resetState(); if (wasSuccess && onSuccess)
+        onSuccess(); onClose(); };
+    const confirmPayment = async (req, sig, wallet) => {
+        setLoading(true);
+        try {
+            const res = await (0, api_1.confirmPublicMiningPayment)({ wallet_address: wallet, tx_signature: sig, request_id: req.request_id, mcc_amount: req.mcc_amount, usd_amount: req.usd_amount_with_discount || req.usdc_amount_with_discount, stablecoin_type: stablecoin, token_type: 'mcc' });
+            if (!res.success || !res.data)
+                throw new Error(res.error || t("errorConfirmPayment"));
+            setResult(res.data);
+            setStep("success");
+        }
+        catch (e) {
+            setError(e instanceof Error ? e.message : t("errorConfirmPayment"));
+            setStep("error");
+        }
+        finally {
+            setLoading(false);
+        }
+    };
+    const startMonitor = async (ref, req) => {
+        setMonitoring(true);
+        abortRef.current = false;
+        try {
+            const conn = new web3_js_1.Connection(SOLANA_RPC, "confirmed");
+            const sig = await (0, solana_pay_1.findTransactionByReference)(conn, ref, { interval: 2500, timeout: 300000, commitment: "confirmed" });
+            if (abortRef.current)
+                return;
+            if (!sig) {
+                setError(t("errorPaymentTimeout"));
+                setStep("error");
+                return;
+            }
+            setTxSig(sig);
+            const sender = await (0, solana_pay_1.extractSenderFromTransaction)(conn, sig);
+            if (!sender) {
+                setError(t("errorExtractPayerContact"));
+                setStep("error");
+                return;
+            }
+            setQrPayer(sender);
+            setStep("confirming");
+            await confirmPayment(req, sig, sender);
+        }
+        catch (e) {
+            if (!abortRef.current) {
+                setError(e instanceof Error ? e.message : t("errorMonitorFailed"));
+                setStep("error");
+            }
+        }
+        finally {
+            setMonitoring(false);
+        }
+    };
+    const handleSubmit = async () => {
+        const qty = parseFloat(amount);
+        if (!amount || qty <= 0) {
+            setError(t("errorInvalidAmountSymbol", { symbol: "MCC" }));
+            return;
+        }
+        setLoading(true);
+        setError("");
+        try {
+            try {
+                const pf = await (0, api_1.getPublicMiningPreflight)();
+                if (pf.success && pf.data && !pf.data.ready) {
+                    setError(pf.data.reason || "Mining system temporarily unavailable.");
+                    setStep("error");
+                    setLoading(false);
+                    return;
+                }
+            }
+            catch { }
+            const res = await (0, api_1.createPublicMiningRequest)({ wallet_address: connected && publicKey ? publicKey.toBase58() : undefined, mcc_amount: qty * 1000000000, stablecoin_type: stablecoin, token_type: 'mcc' });
+            if (!res.success || !res.data)
+                throw new Error(res.error || t("errorCreateRequest"));
+            setMiningReq(res.data);
+            const { reference } = (0, solana_pay_1.createPaymentReference)();
+            setPayRef(reference);
+            const url = (0, solana_pay_1.createSolanaPayUrl)({ recipient: STABLECOIN_VAULTS[stablecoin], amount: res.data.usdc_amount_with_discount / 1000000, splToken: STABLECOIN_MINTS[stablecoin], reference, label: "Microcosm Mining", message: `Mine ${amount} MCC` });
+            setPayUrl(url);
+            if (isMobile) {
+                setStep("qrPayment");
+                startMonitor(reference, res.data);
+            }
+            else {
+                setStep("paymentMethod");
+            }
+        }
+        catch (e) {
+            setError(e instanceof Error ? e.message : t("errorMintRequest"));
+            setStep("error");
+        }
+        finally {
+            setLoading(false);
+        }
+    };
+    const handleBrowserPay = () => {
+        if (!connected || !publicKey) {
+            setError(t("errorConnectWalletShort"));
+            return;
+        }
+        if (pricing && balance !== null && balance < pricing.discounted) {
+            setError(t("errorBalanceInsufficient", { symbol: ci.symbol, required: pricing.discounted.toFixed(2), current: balance.toFixed(2), otherCoin: stablecoin === 'usdc' ? 'USDT' : 'USDC' }));
+            return;
+        }
+        setStep("payment");
+        if (miningReq)
+            execTransfer(miningReq);
+    };
+    const execTransfer = async (req) => {
+        if (!publicKey || !sendTransaction)
+            throw new Error(t("errorWalletNotConnected"));
+        setLoading(true);
+        try {
+            const conn = new web3_js_1.Connection(SOLANA_RPC, "confirmed");
+            const tx = new web3_js_1.Transaction();
+            const raw = req.usd_amount_with_discount || req.usdc_amount_with_discount;
+            tx.add((0, spl_token_1.createTransferInstruction)((0, spl_token_1.getAssociatedTokenAddressSync)(STABLECOIN_MINTS[stablecoin], publicKey), STABLECOIN_VAULTS[stablecoin], publicKey, raw));
+            const { blockhash, lastValidBlockHeight } = await conn.getLatestBlockhash();
+            tx.recentBlockhash = blockhash;
+            tx.feePayer = publicKey;
+            const sig = await sendTransaction(tx, conn);
+            setTxSig(sig);
+            setStep("confirming");
+            await conn.confirmTransaction({ signature: sig, blockhash, lastValidBlockHeight }, 'finalized');
+            await confirmPayment(req, sig, publicKey.toBase58());
+        }
+        catch (e) {
+            setError(e instanceof Error ? e.message : t("errorTransferFailed", { symbol: ci.symbol }));
+            setStep("error");
+            throw e;
+        }
+        finally {
+            setLoading(false);
+        }
+    };
+    if (!isOpen)
+        return null;
+    const TxLink = ({ sig, label }) => ((0, jsx_runtime_1.jsxs)("a", { href: `https://solscan.io/tx/${sig}`, target: "_blank", rel: "noopener noreferrer", className: "inline-flex items-center gap-1 text-xs text-cyan-400 hover:underline", children: [label || `${sig.slice(0, 16)}...${sig.slice(-16)}`, " ", (0, jsx_runtime_1.jsx)(lucide_react_1.ExternalLink, { className: "w-3 h-3" })] }));
+    const ErrBox = () => error ? (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2 p-3 rounded bg-red-500/20 border border-red-500/50 text-red-500 text-sm", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.AlertCircle, { className: "w-4 h-4" }), error] }) : null;
+    const OrderSummary = () => miningReq ? ((0, jsx_runtime_1.jsxs)("div", { className: "p-3 rounded bg-neutral-800 border border-neutral-700 space-y-2 text-sm", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-neutral-400", children: t("mintLabel") }), (0, jsx_runtime_1.jsxs)("span", { className: "font-bold text-white", children: [miningReq.mcc_amount / 1000000000, " MCC"] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-neutral-400", children: t("payLabel") }), (0, jsx_runtime_1.jsxs)("span", { className: "text-cyan-400 font-bold font-mono", children: [payAmt, " ", ci.symbol] })] })] })) : null;
+    return ((0, jsx_runtime_1.jsx)("div", { className: "fixed inset-0 z-50 flex items-end 2xs:items-center justify-center bg-black/50 backdrop-blur-sm font-mono", children: (0, jsx_runtime_1.jsx)("div", { className: "relative w-full max-w-2xl mx-0 2xs:mx-3 xs:mx-4 max-h-[95vh] 2xs:max-h-[90vh] overflow-y-auto rounded-t-2xl 2xs:rounded-xl", children: (0, jsx_runtime_1.jsxs)(terminal_1.TerminalCard, { filename: "mcc_minting.json", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between mb-4 2xs:mb-5 xs:mb-6", children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h2", { className: "text-base 2xs:text-lg xs:text-xl font-bold text-white mb-1", children: t("publicTitle", { symbol: "MCC" }) }), (0, jsx_runtime_1.jsx)("p", { className: "text-[10px] 2xs:text-xs text-neutral-400 tracking-wider", children: t("publicSubtitleMcc") })] }), (0, jsx_runtime_1.jsx)("button", { onClick: handleClose, disabled: loading, className: "text-neutral-400 hover:text-white transition-colors p-1 min-w-[44px] min-h-[44px] flex items-center justify-center", children: (0, jsx_runtime_1.jsx)(lucide_react_1.X, { className: "w-5 h-5" }) })] }), step === "input" && ((0, jsx_runtime_1.jsxs)("div", { className: "space-y-3 2xs:space-y-4", children: [ratioInfo && ((0, jsx_runtime_1.jsx)("div", { className: "p-2 2xs:p-3 rounded bg-neutral-800 border border-neutral-700", children: (0, jsx_runtime_1.jsxs)("div", { className: "grid grid-cols-3 gap-2 2xs:gap-4 text-xs 2xs:text-sm", children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { className: "text-[10px] 2xs:text-xs text-neutral-400 tracking-wider mb-1", children: t("currentPhase") }), (0, jsx_runtime_1.jsxs)("div", { className: "text-white font-bold font-mono", children: ["Phase ", ratioInfo.current_stage] })] }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", { className: "text-[10px] 2xs:text-xs text-neutral-400 tracking-wider mb-1 flex items-center gap-1", children: [t("techBonus"), (0, jsx_runtime_1.jsx)("span", { className: "cursor-help text-neutral-500 hover:text-cyan-400", title: t("techBonusTooltip"), children: "?" })] }), (0, jsx_runtime_1.jsx)("div", { className: "text-cyan-400 font-bold font-mono", children: "0%" })] }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { className: "text-[10px] 2xs:text-xs text-neutral-400 tracking-wider mb-1", children: t("usdPerMcc") }), (0, jsx_runtime_1.jsx)("div", { className: "text-cyan-400 font-bold font-mono", children: (ratioInfo.usdc_per_mcc * 4).toFixed(4) })] })] }) })), (0, jsx_runtime_1.jsx)("div", { className: "p-3 2xs:p-4 rounded bg-cyan-400/20 border border-cyan-400/50", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-start gap-2 2xs:gap-3", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.AlertCircle, { className: "w-4 h-4 2xs:w-5 2xs:h-5 text-cyan-400 flex-shrink-0 mt-0.5" }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { className: "text-cyan-400 font-bold text-xs 2xs:text-sm mb-1", children: t("solanaOnly") }), (0, jsx_runtime_1.jsx)("p", { className: "text-neutral-300 text-[10px] 2xs:text-xs leading-relaxed", children: t("solanaOnlyDescPublic") })] })] }) }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("label", { className: "block text-xs text-neutral-400 tracking-wider mb-2", children: [t("paymentMethod"), " ", (0, jsx_runtime_1.jsxs)("span", { className: "text-neutral-500", children: ["(", t("paymentMethodHintPublic"), ")"] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "relative", children: [(0, jsx_runtime_1.jsxs)("button", { type: "button", onClick: () => setShowDropdown(!showDropdown), className: "w-full px-4 py-3 bg-neutral-800 border border-neutral-600 rounded text-white flex items-center justify-between hover:border-neutral-500 transition-colors", children: [(0, jsx_runtime_1.jsxs)("span", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)("span", { children: ci.icon }), (0, jsx_runtime_1.jsx)("span", { children: ci.symbol }), (0, jsx_runtime_1.jsxs)("span", { className: "text-neutral-400 text-sm", children: ["(", ci.name, ")"] })] }), (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronDown, { className: `w-4 h-4 transition-transform ${showDropdown ? 'rotate-180' : ''}` })] }), showDropdown && ((0, jsx_runtime_1.jsx)("div", { className: "absolute z-10 w-full mt-1 bg-neutral-900 border border-neutral-700 rounded shadow-lg", children: Object.keys(COIN_INFO).map((t2) => ((0, jsx_runtime_1.jsxs)("button", { type: "button", onClick: () => { setStablecoin(t2); setShowDropdown(false); }, className: `w-full px-4 py-3 text-left flex items-center gap-2 hover:bg-neutral-800 transition-colors ${stablecoin === t2 ? 'bg-neutral-800 text-cyan-400' : 'text-white'}`, children: [(0, jsx_runtime_1.jsx)("span", { children: COIN_INFO[t2].icon }), (0, jsx_runtime_1.jsx)("span", { children: COIN_INFO[t2].symbol }), (0, jsx_runtime_1.jsxs)("span", { className: "text-neutral-400 text-sm", children: ["(", COIN_INFO[t2].name, ")"] })] }, t2))) }))] }), connected && (0, jsx_runtime_1.jsxs)("div", { className: "mt-2 flex items-center justify-between text-xs", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-neutral-400", children: t("stablecoinSettlement", { symbol: ci.symbol }) }), (0, jsx_runtime_1.jsx)("span", { className: `font-medium ${balance === null ? 'text-neutral-400' : balance === 0 ? 'text-red-400' : 'text-white'}`, children: loadingBal ? t("loading") : balance === null ? t("balanceUnknown") : t("balance", { amount: balance.toFixed(2), symbol: ci.symbol }) })] })] }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("label", { className: "block text-xs text-neutral-400 tracking-wider mb-2", children: t("mintAmountLabel", { symbol: "MCC" }) }), (0, jsx_runtime_1.jsx)("input", { type: "number", inputMode: "decimal", value: amount, onChange: (e) => setAmount(e.target.value), placeholder: t("inputPlaceholder", { symbol: "MCC" }), className: "w-full px-3 2xs:px-4 py-3 bg-neutral-800 border border-neutral-600 rounded text-white placeholder-neutral-400 focus:outline-none focus:border-cyan-400 text-base", min: "0", step: "0.01" })] }), pricing && ((0, jsx_runtime_1.jsxs)("div", { className: "p-4 rounded bg-white/10 border-neutral-700 border space-y-3", children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { className: "text-xs text-neutral-400 tracking-wider mb-2", children: t("estimatedPayment") }), (0, jsx_runtime_1.jsxs)("div", { className: "text-2xl font-bold text-cyan-400 font-mono", children: [pricing.discounted.toFixed(2), " USD"] }), pricing.discount > 0 && (0, jsx_runtime_1.jsx)("div", { className: "text-xs text-neutral-400 mt-2", children: t("originalPricePublic", { amount: pricing.full.toFixed(2), bonus: String(pricing.discount) }) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "pt-3 border-t border-neutral-700", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between items-center", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-xs text-neutral-400 tracking-wider", children: t("youWillReceive") }), (0, jsx_runtime_1.jsxs)("span", { className: "text-lg font-bold font-mono text-white", children: [parseFloat(amount).toFixed(4), " MCC"] })] }), (0, jsx_runtime_1.jsx)("div", { className: "text-xs text-neutral-400 mt-1", children: t("tokenToPayerWallet", { symbol: "MCC" }) })] })] })), (0, jsx_runtime_1.jsx)(ErrBox, {}), (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-2 2xs:gap-3", children: [(0, jsx_runtime_1.jsx)("button", { onClick: handleClose, className: "flex-1 px-3 2xs:px-4 py-3 border border-neutral-700 text-neutral-400 hover:bg-neutral-800 hover:text-neutral-300 bg-transparent rounded transition-colors text-sm 2xs:text-base min-h-[44px]", children: t("cancel") }), (0, jsx_runtime_1.jsxs)("button", { onClick: handleSubmit, disabled: loading || !amount || parseFloat(amount) <= 0, className: "flex-1 px-3 2xs:px-4 py-3 bg-cyan-700 hover:bg-cyan-600 text-white rounded transition-colors disabled:opacity-50 disabled:cursor-not-allowed flex items-center justify-center gap-2 text-sm 2xs:text-base min-h-[44px]", children: [loading && (0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "w-4 h-4 animate-spin" }), loading ? t("processing") : t("confirmMintSymbol", { symbol: "MCC" })] })] })] })), step === "paymentMethod" && miningReq && ((0, jsx_runtime_1.jsxs)("div", { className: "space-y-4", children: [(0, jsx_runtime_1.jsx)(OrderSummary, {}), (0, jsx_runtime_1.jsx)("div", { className: "p-3 rounded bg-cyan-500/10 border border-cyan-500/30 text-xs text-cyan-300", children: t("stablecoinReminder", { symbol: ci.symbol }) }), (0, jsx_runtime_1.jsx)("div", { className: "text-xs text-neutral-400 tracking-wider uppercase mb-1", children: t("selectPaymentMethod") }), (0, jsx_runtime_1.jsx)("button", { onClick: () => { if (payRef && miningReq) {
+                                    setStep("qrPayment");
+                                    startMonitor(payRef, miningReq);
+                                } }, className: "w-full p-4 rounded border-2 border-cyan-400/50 bg-cyan-400/5 hover:bg-cyan-400/10 hover:border-cyan-400/70 transition-all text-left group", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-4", children: [(0, jsx_runtime_1.jsx)("div", { className: "w-12 h-12 rounded-lg bg-cyan-400/20 flex items-center justify-center flex-shrink-0", children: (0, jsx_runtime_1.jsx)(lucide_react_1.QrCode, { className: "w-6 h-6 text-cyan-400" }) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex-1", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-white font-bold text-sm", children: t("mobileQrScan") }), (0, jsx_runtime_1.jsx)("span", { className: "px-1.5 py-0.5 rounded text-[10px] font-bold bg-cyan-400/20 text-cyan-400 tracking-wider", children: t("recommended") })] }), (0, jsx_runtime_1.jsx)("p", { className: "text-neutral-400 text-xs mt-1", children: t("mobileQrDesc") })] }), (0, jsx_runtime_1.jsx)(lucide_react_1.Smartphone, { className: "w-5 h-5 text-neutral-500 group-hover:text-cyan-400 transition-colors flex-shrink-0" })] }) }), (0, jsx_runtime_1.jsx)("button", { onClick: handleBrowserPay, disabled: !connected, className: "w-full p-4 rounded border border-neutral-700 bg-neutral-800/50 hover:bg-neutral-800 hover:border-neutral-600 transition-all text-left group disabled:opacity-40 disabled:cursor-not-allowed", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-4", children: [(0, jsx_runtime_1.jsx)("div", { className: "w-12 h-12 rounded-lg bg-neutral-700/50 flex items-center justify-center flex-shrink-0", children: (0, jsx_runtime_1.jsx)(lucide_react_1.Monitor, { className: "w-6 h-6 text-neutral-400" }) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex-1", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-neutral-300 font-bold text-sm", children: t("browserExtension") }), (0, jsx_runtime_1.jsx)("p", { className: "text-neutral-500 text-xs mt-1", children: connected ? t("browserExtConnectedPublic") : t("browserExtNotConnectedPublic") })] })] }) }), (0, jsx_runtime_1.jsx)(ErrBox, {}), (0, jsx_runtime_1.jsxs)("button", { onClick: () => { setStep("input"); setError(""); }, className: "w-full px-4 py-2 text-neutral-400 hover:text-neutral-300 text-sm transition-colors", children: ["\u2190 ", t("goBack")] })] })), step === "qrPayment" && miningReq && payUrl && ((0, jsx_runtime_1.jsxs)("div", { className: "space-y-3 2xs:space-y-4", children: [(0, jsx_runtime_1.jsx)(terminal_1.TerminalBadge, { variant: "info", children: t("waitingQrPayment") }), (0, jsx_runtime_1.jsx)(OrderSummary, {}), (0, jsx_runtime_1.jsxs)("div", { className: "p-2 2xs:p-3 rounded bg-amber-500/10 border border-amber-500/30", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2 text-xs 2xs:text-sm", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Shield, { className: "w-4 h-4 text-amber-400 flex-shrink-0" }), (0, jsx_runtime_1.jsx)("span", { className: "text-amber-400 font-bold", children: t("confirmPayWithSymbol", { symbol: ci.symbol }) })] }), (0, jsx_runtime_1.jsxs)("p", { className: "text-neutral-400 text-[10px] 2xs:text-xs mt-1 ml-6", children: [t("insufficientBalance", { symbol: ci.symbol }), (0, jsx_runtime_1.jsx)("button", { onClick: () => { abortRef.current = true; setStep("input"); setMonitoring(false); }, className: "text-cyan-400 hover:underline ml-1", children: t("switchToken") })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-center space-y-3 2xs:space-y-4", children: [(0, jsx_runtime_1.jsx)("p", { className: "text-neutral-400 text-xs 2xs:text-sm text-center", children: t("scanQrToPayDesktop") }), (0, jsx_runtime_1.jsx)("div", { className: "bg-white p-3 2xs:p-4 xs:p-5 rounded-xl", children: (0, jsx_runtime_1.jsx)(qrcode_react_1.QRCodeSVG, { value: payUrl, size: 200, level: "H", includeMargin: false, className: "w-[160px] h-[160px] 2xs:w-[180px] 2xs:h-[180px] xs:w-[220px] xs:h-[220px] sm:w-[280px] sm:h-[280px]", imageSettings: { src: "/mcc-logo-40.png", x: undefined, y: undefined, height: 40, width: 40, excavate: true } }) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2 text-neutral-400 text-[10px] 2xs:text-xs", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "w-3 h-3 animate-spin" }), t("waitingQrScan")] })] }), monitoring && (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-center gap-2 text-cyan-400 text-xs 2xs:text-sm py-2", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "w-4 h-4 animate-spin" }), t("monitoringOnchain")] }), (0, jsx_runtime_1.jsxs)("button", { onClick: () => { abortRef.current = true; setStep(isMobile ? "input" : "paymentMethod"); setMonitoring(false); setError(""); }, className: "w-full px-4 py-2 text-neutral-400 hover:text-neutral-300 text-xs 2xs:text-sm transition-colors min-h-[44px]", children: ["\u2190 ", t("goBack")] })] })), step === "payment" && miningReq && ((0, jsx_runtime_1.jsxs)("div", { className: "space-y-4", children: [(0, jsx_runtime_1.jsx)(terminal_1.TerminalBadge, { variant: "info", children: t("waitingPayment") }), (0, jsx_runtime_1.jsx)("div", { className: "p-3 rounded bg-neutral-800 border border-neutral-700 text-sm", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-neutral-400", children: t("payLabel") }), (0, jsx_runtime_1.jsxs)("span", { className: "text-cyan-400 font-bold font-mono", children: [payAmt, " ", ci.symbol] })] }) }), (0, jsx_runtime_1.jsx)("div", { className: "flex items-center justify-center py-8", children: (0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "w-8 h-8 animate-spin text-cyan-400" }) }), (0, jsx_runtime_1.jsx)("p", { className: "text-center text-neutral-400 text-sm", children: t("processingTransferGeneric") })] })), step === "confirming" && txSig && ((0, jsx_runtime_1.jsxs)("div", { className: "space-y-4", children: [(0, jsx_runtime_1.jsx)(terminal_1.TerminalBadge, { variant: "warning", children: t("verifying") }), (0, jsx_runtime_1.jsx)("div", { className: "flex items-center justify-center py-8", children: (0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "w-8 h-8 animate-spin text-cyan-400" }) }), (0, jsx_runtime_1.jsx)("p", { className: "text-center text-neutral-400 text-sm mb-2", children: t("verifyingTransaction") }), (0, jsx_runtime_1.jsxs)("div", { className: "p-3 rounded bg-neutral-800 border border-neutral-700", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-xs text-neutral-400 tracking-wider mb-1", children: t("txSignature") }), (0, jsx_runtime_1.jsxs)("div", { className: "font-mono text-xs text-cyan-400 break-all", children: [txSig.slice(0, 16), "...", txSig.slice(-16)] }), (0, jsx_runtime_1.jsx)(TxLink, { sig: txSig, label: t("viewOnExplorer") })] })] })), step === "success" && result && ((0, jsx_runtime_1.jsxs)("div", { className: "space-y-4", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex items-center justify-center py-8", children: (0, jsx_runtime_1.jsx)("div", { className: "w-16 h-16 rounded-full bg-white/10 flex items-center justify-center", children: (0, jsx_runtime_1.jsx)(lucide_react_1.CheckCircle2, { className: "w-8 h-8 text-white" }) }) }), (0, jsx_runtime_1.jsx)("h3", { className: "text-xl font-bold text-center text-white", children: t("mintSuccess") }), (0, jsx_runtime_1.jsxs)("div", { className: "p-4 rounded bg-white/10 border-neutral-700 border space-y-3", children: [(0, jsx_runtime_1.jsxs)("div", { className: "text-center", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-xs text-neutral-400 tracking-wider mb-1", children: t("youReceived") }), (0, jsx_runtime_1.jsxs)("div", { className: "text-3xl font-bold font-mono text-white", children: ["+", (result.mcc_distributed.user / 1000000000).toLocaleString(), " MCC"] }), qrPayer && (0, jsx_runtime_1.jsx)("div", { className: "text-xs text-neutral-400 mt-2", children: t("sentToAddress", { address: `${qrPayer.slice(0, 8)}...${qrPayer.slice(-6)}` }) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "pt-3 border-t border-neutral-700", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-xs text-neutral-400 tracking-wider mb-1", children: t("paymentTxGeneric") }), (0, jsx_runtime_1.jsx)(TxLink, { sig: txSig })] })] }), result.onchain_tx_signature && (0, jsx_runtime_1.jsxs)("div", { className: "p-4 rounded bg-neutral-800 border border-neutral-700 space-y-2", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-xs text-neutral-400 tracking-wider", children: t("onchainDistribution") }), (0, jsx_runtime_1.jsx)(TxLink, { sig: result.onchain_tx_signature })] }), (0, jsx_runtime_1.jsx)("div", { className: "p-3 rounded bg-cyan-400/20 border border-cyan-400/50 text-center", children: (0, jsx_runtime_1.jsx)("p", { className: "text-xs text-cyan-400", children: t("registerHint") }) }), (0, jsx_runtime_1.jsx)("button", { onClick: handleClose, className: "w-full px-4 py-3 bg-cyan-700 hover:bg-cyan-600 text-white rounded transition-colors", children: t("done") })] })), step === "error" && ((0, jsx_runtime_1.jsxs)("div", { className: "space-y-4", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex items-center justify-center py-8", children: (0, jsx_runtime_1.jsx)("div", { className: "w-16 h-16 rounded-full bg-red-500/20 flex items-center justify-center", children: (0, jsx_runtime_1.jsx)(lucide_react_1.AlertCircle, { className: "w-8 h-8 text-red-500" }) }) }), (0, jsx_runtime_1.jsx)("h3", { className: "text-xl font-bold text-center text-red-500", children: t("mintFailed") }), (0, jsx_runtime_1.jsx)("div", { className: "p-4 rounded bg-red-500/20 border border-red-500/50", children: (0, jsx_runtime_1.jsx)("p", { className: "text-red-500 text-sm whitespace-pre-line", children: error }) }), (0, jsx_runtime_1.jsx)("button", { onClick: handleClose, className: "w-full px-4 py-3 border border-neutral-700 text-neutral-400 hover:bg-neutral-800 hover:text-neutral-300 bg-transparent rounded transition-colors", children: t("close") })] }))] }) }) }));
+}

package/dist/main-portal/components/resources/recycle-pool-section.d.ts

@@ -0,0 +1 @@
+export declare function RecyclePoolSection(): import("react/jsx-runtime").JSX.Element;

package/dist/main-portal/components/resources/recycle-pool-section.js

@@ -0,0 +1,82 @@
+"use strict";
+// AI-generated · AI-managed · AI-maintained
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RecyclePoolSection = RecyclePoolSection;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const card_1 = require("../ui/card");
+const lucide_react_1 = require("lucide-react");
+const next_intl_1 = require("next-intl");
+const MCCPriceContext_1 = require("../../contexts/MCCPriceContext");
+const POOL_ADDRESS = "REDEh89TzpwCtoWQuuNPtxskrVoUDQgowR7e7sZpWj9";
+function RecyclePoolSection() {
+    const t = (0, next_intl_1.useTranslations)("resources");
+    const ticker = (0, MCCPriceContext_1.useMCCPrice)();
+    const [stats, setStats] = (0, react_1.useState)({
+        poolBalance: 0,
+        totalInflow: 0,
+        totalMarketMade: 0,
+        marketMadeMcc: 0,
+        avgPrice30d: 0,
+    });
+    const [loadingStats, setLoadingStats] = (0, react_1.useState)(true);
+    const loadStats = async () => {
+        setLoadingStats(true);
+        try {
+            const [priceRes, poolRes] = await Promise.all([
+                fetch("/api/buyback/price").then(r => r.json()).catch(() => null),
+                fetch("/api/buyback/pool").then(r => r.json()).catch(() => null),
+            ]);
+            const basePrice = Number(priceRes?.data?.base_price) || ticker.price || 0;
+            const usdcBal = Number(poolRes?.data?.usdc_balance) || 0;
+            const usdtBal = Number(poolRes?.data?.usdt_balance) || 0;
+            const totalBuyback = Number(poolRes?.data?.total_buyback) || 0;
+            const totalMccBought = Number(poolRes?.data?.total_mcc_bought) || 0;
+            setStats({
+                poolBalance: usdcBal + usdtBal,
+                totalInflow: (usdcBal + usdtBal) + totalBuyback,
+                totalMarketMade: totalBuyback,
+                marketMadeMcc: totalMccBought > 0 ? Math.round(totalMccBought) : 0,
+                avgPrice30d: basePrice,
+            });
+        }
+        catch { }
+        finally {
+            setLoadingStats(false);
+        }
+    };
+    (0, react_1.useEffect)(() => {
+        loadStats();
+    }, []);
+    const formatValue = (num) => {
+        if (num >= 1000000)
+            return `${(num / 1000000).toFixed(2)}M`;
+        if (num >= 1000)
+            return `${(num / 1000).toFixed(1)}K`;
+        return num.toFixed(2);
+    };
+    return ((0, jsx_runtime_1.jsx)("section", { id: "recycle", "aria-labelledby": "recycle-title", className: "bg-muted/30 py-20 md:py-24 px-4 sm:px-6", children: (0, jsx_runtime_1.jsxs)("div", { className: "max-w-[1400px] mx-auto", children: [(0, jsx_runtime_1.jsxs)("header", { className: "text-center mb-12 md:mb-16", children: [(0, jsx_runtime_1.jsx)("p", { className: "font-mono text-xs sm:text-sm uppercase tracking-widest text-[#5EEAD4] mb-3 md:mb-4", children: "MARKET MAKING" }), (0, jsx_runtime_1.jsx)("h2", { id: "recycle-title", className: "font-sans font-bold text-3xl sm:text-4xl md:text-5xl text-foreground mb-4 md:mb-5 text-balance", children: t("recycleTitle") }), (0, jsx_runtime_1.jsxs)("div", { className: "max-w-3xl mx-auto space-y-2", children: [(0, jsx_runtime_1.jsx)("p", { className: "font-mono text-sm sm:text-base text-foreground/60 text-balance", children: t("recycleDesc1") }), (0, jsx_runtime_1.jsx)("p", { className: "font-mono text-xs sm:text-sm text-foreground/40 text-balance", children: t("recycleDesc2") })] })] }), (0, jsx_runtime_1.jsx)("div", { className: "grid grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-3 md:gap-4 mb-8", role: "list", "aria-label": t("recycleAriaLabel"), children: loadingStats ? ((0, jsx_runtime_1.jsx)("div", { className: "col-span-full flex items-center justify-center py-8", children: (0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "w-6 h-6 animate-spin text-[#5EEAD4]" }) })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(PoolStatCard, { label: t("stablecoinPool"), value: formatValue(stats.poolBalance), sub: "USDC+USDT", highlight: true }), (0, jsx_runtime_1.jsx)(PoolStatCard, { label: t("totalInflow"), value: formatValue(stats.totalInflow), sub: t("mintInjection") }), (0, jsx_runtime_1.jsx)(PoolStatCard, { label: t("totalMarketMade"), value: formatValue(stats.totalMarketMade), sub: t("stablecoinSpent"), highlightColor: "blue" }), (0, jsx_runtime_1.jsx)(PoolStatCard, { label: t("marketMadeMcc"), value: formatValue(stats.marketMadeMcc), sub: t("historicalTotal") }), (0, jsx_runtime_1.jsx)(PoolStatCard, { label: t("avg30dPrice"), value: stats.avgPrice30d.toFixed(2), sub: t("marketPriceLabel"), highlightColor: "blue" })] })) }), (0, jsx_runtime_1.jsx)("div", { className: "grid grid-cols-1 md:grid-cols-1 gap-4 md:gap-6 mb-8", children: (0, jsx_runtime_1.jsxs)(card_1.Card, { className: "bg-background/50 border-border/30 rounded-lg blockchain-card", children: [(0, jsx_runtime_1.jsxs)(card_1.CardHeader, { className: "p-4 sm:p-6", children: [(0, jsx_runtime_1.jsxs)(card_1.CardTitle, { className: "text-foreground flex items-center gap-2 text-lg", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Shield, { className: "w-5 h-5 text-[#5EEAD4]", "aria-hidden": "true" }), t("poolContractAddress")] }), (0, jsx_runtime_1.jsx)(card_1.CardDescription, { className: "text-foreground/60 text-sm", children: t("poolContractDesc") }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-wrap gap-2 mt-3", children: [(0, jsx_runtime_1.jsx)("span", { className: "inline-flex items-center gap-1.5 px-2.5 py-1 rounded-md bg-[#5EEAD4]/10 border border-[#5EEAD4]/20 font-mono text-[10px] text-[#5EEAD4]", children: t("x402Protocol") }), (0, jsx_runtime_1.jsx)("span", { className: "inline-flex items-center gap-1.5 px-2.5 py-1 rounded-md bg-[#5EBCD4]/10 border border-[#5EBCD4]/20 font-mono text-[10px] text-[#5EBCD4]", children: t("pdaSelfGoverning") }), (0, jsx_runtime_1.jsx)("span", { className: "inline-flex items-center gap-1.5 px-2.5 py-1 rounded-md bg-foreground/5 border border-foreground/10 font-mono text-[10px] text-foreground/50", children: t("onchainVerifiable") })] })] }), (0, jsx_runtime_1.jsxs)(card_1.CardContent, { className: "space-y-4 p-4 sm:p-6 pt-0", children: [(0, jsx_runtime_1.jsx)("div", { className: "bg-muted/50 p-3 sm:p-4 rounded-lg", children: (0, jsx_runtime_1.jsx)("p", { className: "font-mono text-xs sm:text-sm text-foreground break-all select-all", children: POOL_ADDRESS }) }), (0, jsx_runtime_1.jsxs)("a", { href: `https://solscan.io/account/${POOL_ADDRESS}`, target: "_blank", rel: "noopener noreferrer", className: "inline-flex items-center gap-2 font-mono text-sm text-[#5EEAD4] hover:text-[#99F6E4] transition-colors duration-200 min-h-[44px] py-2", children: [t("viewOnSolana"), (0, jsx_runtime_1.jsx)(lucide_react_1.ExternalLink, { className: "w-4 h-4", "aria-hidden": "true" })] })] })] }) }), (0, jsx_runtime_1.jsxs)("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4 md:gap-5", children: [(0, jsx_runtime_1.jsx)(FlowCard, { step: 1, icon: (0, jsx_runtime_1.jsx)(lucide_react_1.Ban, { className: "w-5 h-5" }), title: t("zeroAllocationGenesis"), description: t("zeroAllocationDesc"), color: "green" }), (0, jsx_runtime_1.jsx)(FlowCard, { step: 2, icon: (0, jsx_runtime_1.jsx)(lucide_react_1.ArrowDownRight, { className: "w-5 h-5" }), title: t("mintInjectionTitle"), description: t("mintInjectionDesc"), color: "blue" }), (0, jsx_runtime_1.jsx)(FlowCard, { step: 3, icon: (0, jsx_runtime_1.jsx)(lucide_react_1.ArrowUpRight, { className: "w-5 h-5" }), title: t("marketMakingSupport"), description: t("marketMakingSupportDesc"), color: "blue" }), (0, jsx_runtime_1.jsx)(FlowCard, { step: 4, icon: (0, jsx_runtime_1.jsx)(lucide_react_1.RotateCcw, { className: "w-5 h-5" }), title: t("cyclicalRecurrence"), description: t("cyclicalRecurrenceDesc"), color: "green" })] })] }) }));
+}
+function PoolStatCard({ label, value, sub, highlight = false, highlightColor, }) {
+    const colorClass = highlightColor === "blue"
+        ? "text-[#5EBCD4]"
+        : highlight
+            ? "text-[#5EEAD4]"
+            : "text-foreground";
+    return ((0, jsx_runtime_1.jsxs)("div", { role: "listitem", className: "border border-border/30 bg-background/50 rounded-lg p-4 transition-colors duration-200 hover:bg-background/70 hover:border-border/50", children: [(0, jsx_runtime_1.jsx)("p", { className: "font-mono text-[10px] sm:text-xs uppercase tracking-widest text-foreground/50 mb-1", children: label }), (0, jsx_runtime_1.jsx)("p", { className: `font-sans font-bold text-xl sm:text-2xl tabular-nums ${colorClass}`, children: value }), (0, jsx_runtime_1.jsx)("p", { className: "font-mono text-[10px] sm:text-xs text-foreground/40 mt-0.5 tabular-nums", children: sub })] }));
+}
+function FlowCard({ step, icon, title, description, color, }) {
+    const colorClasses = {
+        green: {
+            badge: "bg-[#5EEAD4]/15 text-[#5EEAD4] border-[#5EEAD4]/25",
+            icon: "text-[#5EEAD4]",
+        },
+        blue: {
+            badge: "bg-[#5EBCD4]/15 text-[#5EBCD4] border-[#5EBCD4]/25",
+            icon: "text-[#5EBCD4]",
+        },
+    };
+    const c = colorClasses[color];
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "border border-border/30 bg-background/50 rounded-lg p-5 blockchain-card", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-3 mb-3", children: [(0, jsx_runtime_1.jsx)("div", { className: `w-8 h-8 rounded-full flex items-center justify-center border ${c.badge}`, children: (0, jsx_runtime_1.jsx)("span", { className: "font-mono text-sm font-bold", children: step }) }), (0, jsx_runtime_1.jsx)("span", { className: c.icon, "aria-hidden": "true", children: icon })] }), (0, jsx_runtime_1.jsx)("p", { className: "font-sans font-medium text-sm sm:text-base text-foreground mb-1.5", children: title }), (0, jsx_runtime_1.jsx)("p", { className: "font-mono text-[10px] sm:text-xs text-foreground/50 leading-relaxed", children: description })] }));
+}

package/dist/main-portal/components/resources/registration-prompt.d.ts

@@ -0,0 +1,8 @@
+interface RegistrationPromptProps {
+    isOpen: boolean;
+    onClose: () => void;
+    onRegister: () => void;
+    onSkip: () => void;
+}
+export default function RegistrationPrompt({ isOpen, onClose, onRegister, onSkip, }: RegistrationPromptProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/main-portal/components/resources/registration-prompt.js

@@ -0,0 +1,13 @@
+"use strict";
+// AI-generated · AI-managed · AI-maintained
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = RegistrationPrompt;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const lucide_react_1 = require("lucide-react");
+const terminal_1 = require("../ui/terminal");
+function RegistrationPrompt({ isOpen, onClose, onRegister, onSkip, }) {
+    if (!isOpen)
+        return null;
+    return ((0, jsx_runtime_1.jsx)("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 backdrop-blur-sm font-mono", children: (0, jsx_runtime_1.jsx)("div", { className: "relative w-full max-w-lg mx-4", children: (0, jsx_runtime_1.jsxs)(terminal_1.TerminalCard, { filename: "registration_prompt.json", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between mb-6", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-3", children: [(0, jsx_runtime_1.jsx)("div", { className: "w-10 h-10 rounded-full flex items-center justify-center bg-cyan-400/20 border border-cyan-400/50", children: (0, jsx_runtime_1.jsx)(lucide_react_1.UserPlus, { className: "w-5 h-5 text-cyan-400" }) }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h2", { className: "text-lg font-bold text-white", children: "\u5EFA\u8BAE\u6CE8\u518C\u5E73\u53F0\u8D26\u53F7" }), (0, jsx_runtime_1.jsx)("p", { className: "text-xs text-neutral-400 tracking-wider", children: "\u6CE8\u518C\u540E\u53EF\u89E3\u9501\u66F4\u591A\u529F\u80FD" })] })] }), (0, jsx_runtime_1.jsx)("button", { onClick: onClose, className: "text-neutral-400 hover:text-white transition-colors", children: (0, jsx_runtime_1.jsx)(lucide_react_1.X, { className: "w-5 h-5" }) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "space-y-3 mb-6", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-start gap-3 p-3 rounded bg-neutral-800 border border-neutral-700", children: [(0, jsx_runtime_1.jsx)(terminal_1.TerminalBadge, { variant: "success", children: "1" }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { className: "text-sm text-white font-medium", children: "\u5B8C\u6574\u94F8\u9020\u8BB0\u5F55\u4E0E\u7B49\u7EA7\u5347\u7EA7" }), (0, jsx_runtime_1.jsx)("div", { className: "text-xs text-neutral-400 mt-0.5", children: "\u94F8\u9020 21 \u5929\u81EA\u52A8\u5347\u7EA7\u4E3A\u77FF\u5DE5\uFF0C\u89E3\u9501\u9886\u5730\u5F52\u5C5E" })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-start gap-3 p-3 rounded bg-neutral-800 border border-neutral-700", children: [(0, jsx_runtime_1.jsx)(terminal_1.TerminalBadge, { variant: "success", children: "2" }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { className: "text-sm text-white font-medium", children: "\u79D1\u6280\u52A0\u6210" }), (0, jsx_runtime_1.jsx)("div", { className: "text-xs text-neutral-400 mt-0.5", children: "\u6700\u9AD8 100% \u4EA7\u51FA\u52A0\u6210\uFF0C\u5927\u5E45\u63D0\u5347\u6316\u77FF\u6536\u76CA" })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-start gap-3 p-3 rounded bg-neutral-800 border border-neutral-700", children: [(0, jsx_runtime_1.jsx)(terminal_1.TerminalBadge, { variant: "success", children: "3" }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { className: "text-sm text-white font-medium", children: "\u9886\u5730\u5F52\u5C5E\u4E0E\u751F\u6001\u6743\u76CA" }), (0, jsx_runtime_1.jsx)("div", { className: "text-xs text-neutral-400 mt-0.5", children: "\u52A0\u5165\u7A7A\u95F4\u7AD9\uFF0C\u53C2\u4E0E\u91D1\u5E93\u5206\u914D\uFF0C\u83B7\u5F97 MCD \u6BCF\u65E5\u6536\u76CA" })] })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-3 mb-4", children: [(0, jsx_runtime_1.jsx)("button", { onClick: onSkip, className: "flex-1 px-4 py-3 border border-neutral-700 text-neutral-400 hover:bg-neutral-800 hover:text-neutral-300 bg-transparent rounded transition-colors text-sm", children: "\u8DF3\u8FC7\uFF0C\u76F4\u63A5\u94F8\u9020" }), (0, jsx_runtime_1.jsxs)("button", { onClick: onRegister, className: "flex-1 px-4 py-3 bg-cyan-700 hover:bg-cyan-600 text-white rounded transition-colors text-sm flex items-center justify-center gap-2", children: ["\u53BB\u6CE8\u518C/\u767B\u5F55 ", (0, jsx_runtime_1.jsx)(lucide_react_1.ArrowRight, { className: "w-4 h-4" })] })] }), (0, jsx_runtime_1.jsx)("div", { className: "text-center", children: (0, jsx_runtime_1.jsx)("p", { className: "text-[10px] text-neutral-500", children: "\u6570\u636E\u4E0D\u4F1A\u4E22\u5931 \u2014 \u6CE8\u518C\u540E\u7ED1\u5B9A\u540C\u4E00\u94B1\u5305\u5373\u53EF\u7EE7\u627F\u6240\u6709\u94F8\u9020\u8BB0\u5F55" }) })] }) }) }));
+}

package/dist/main-portal/components/rewards/RewardsPage.d.ts

@@ -0,0 +1 @@
+export default function RewardsPage(): import("react/jsx-runtime").JSX.Element;

package/dist/main-portal/components/rewards/RewardsPage.js

@@ -0,0 +1,149 @@
+"use strict";
+// AI-generated · AI-managed · AI-maintained
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = RewardsPage;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const card_1 = require("../ui/card");
+const button_1 = require("../ui/button");
+const badge_1 = require("../ui/badge");
+const input_1 = require("../ui/input");
+const textarea_1 = require("../ui/textarea");
+const dialog_1 = require("../ui/dialog");
+const tabs_1 = require("../ui/tabs");
+const table_1 = require("../ui/table");
+const lucide_react_1 = require("lucide-react");
+const sonner_1 = require("sonner");
+const api_service_1 = require("../../lib/api-service");
+const next_intl_1 = require("next-intl");
+function RewardsPage() {
+    const t = (0, next_intl_1.useTranslations)('rewardsDash');
+    const [history, setHistory] = (0, react_1.useState)([]);
+    const [stats, setStats] = (0, react_1.useState)(null);
+    const [topRecipients, setTopRecipients] = (0, react_1.useState)([]);
+    const [topSenders, setTopSenders] = (0, react_1.useState)([]);
+    const [loading, setLoading] = (0, react_1.useState)(true);
+    const [activeTab, setActiveTab] = (0, react_1.useState)('history');
+    const [showSendDialog, setShowSendDialog] = (0, react_1.useState)(false);
+    const [showBatchDialog, setShowBatchDialog] = (0, react_1.useState)(false);
+    const [singleReward, setSingleReward] = (0, react_1.useState)({
+        recipient_id: '',
+        amount: '',
+        reason: ''
+    });
+    const [batchRewards, setBatchRewards] = (0, react_1.useState)([
+        { user_id: '', amount: '', reason: '' }
+    ]);
+    (0, react_1.useEffect)(() => {
+        fetchData();
+    }, []);
+    const fetchData = async () => {
+        setLoading(true);
+        try {
+            try {
+                const historyRes = await api_service_1.apiService.get('/organization/rewards/history?limit=50');
+                if (historyRes.success) {
+                    setHistory(Array.isArray(historyRes.rewards) ? historyRes.rewards : []);
+                    setStats(historyRes.stats || null);
+                }
+            }
+            catch (e) {
+                console.warn('[Rewards] Failed to fetch reward history:', e);
+                setHistory([]);
+            }
+            try {
+                const leaderboardRes = await api_service_1.apiService.get('/organization/rewards/leaderboard?period=month&limit=10');
+                if (leaderboardRes.success) {
+                    setTopRecipients(Array.isArray(leaderboardRes.top_recipients) ? leaderboardRes.top_recipients : []);
+                    setTopSenders(Array.isArray(leaderboardRes.top_senders) ? leaderboardRes.top_senders : []);
+                }
+            }
+            catch (e) {
+                console.warn('[Rewards] Failed to fetch leaderboard:', e);
+                setTopRecipients([]);
+                setTopSenders([]);
+            }
+        }
+        catch (error) {
+            console.error('Failed to fetch rewards data:', error);
+        }
+        finally {
+            setLoading(false);
+        }
+    };
+    const handleSendReward = async () => {
+        if (!singleReward.recipient_id || !singleReward.amount) {
+            sonner_1.toast.error(t('fillRequired'));
+            return;
+        }
+        try {
+            const res = await api_service_1.apiService.post('/organization/rewards/send', {
+                recipient_id: singleReward.recipient_id,
+                amount: parseFloat(singleReward.amount),
+                reason: singleReward.reason
+            });
+            if (res.success) {
+                sonner_1.toast.success(t('sent', { amount: res.amount }));
+                setShowSendDialog(false);
+                setSingleReward({ recipient_id: '', amount: '', reason: '' });
+                fetchData();
+            }
+            else {
+                sonner_1.toast.error(res.error || t('sendFailed'));
+            }
+        }
+        catch (error) {
+            sonner_1.toast.error(t('networkError'));
+        }
+    };
+    const handleBatchReward = async () => {
+        const validRewards = batchRewards.filter(r => r.user_id && r.amount);
+        if (validRewards.length === 0) {
+            sonner_1.toast.error(t('addValidReward'));
+            return;
+        }
+        try {
+            const res = await api_service_1.apiService.post('/organization/rewards/batch', {
+                rewards: validRewards.map(r => ({
+                    user_id: r.user_id,
+                    amount: parseFloat(r.amount),
+                    reason: r.reason
+                }))
+            });
+            if (res.success) {
+                sonner_1.toast.success(t('batchComplete', { success: res.total_sent, failed: res.total_failed }));
+                setShowBatchDialog(false);
+                setBatchRewards([{ user_id: '', amount: '', reason: '' }]);
+                fetchData();
+            }
+            else {
+                sonner_1.toast.error(res.error || t('sendFailed'));
+            }
+        }
+        catch (error) {
+            sonner_1.toast.error(t('networkError'));
+        }
+    };
+    const addBatchRow = () => {
+        setBatchRewards([...batchRewards, { user_id: '', amount: '', reason: '' }]);
+    };
+    const removeBatchRow = (index) => {
+        setBatchRewards(batchRewards.filter((_, i) => i !== index));
+    };
+    const updateBatchRow = (index, field, value) => {
+        const updated = [...batchRewards];
+        updated[index] = { ...updated[index], [field]: value };
+        setBatchRewards(updated);
+    };
+    const formatDate = (dateStr) => {
+        return new Date(dateStr).toLocaleString('zh-CN', {
+            year: 'numeric',
+            month: '2-digit',
+            day: '2-digit',
+            hour: '2-digit',
+            minute: '2-digit'
+        });
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "max-w-7xl mx-auto font-mono space-y-6", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between items-center", children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("h1", { className: "text-2xl font-bold flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Gift, { className: "h-6 w-6" }), t('title')] }), (0, jsx_runtime_1.jsx)("p", { className: "text-muted-foreground", children: t('subtitle') })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-2", children: [(0, jsx_runtime_1.jsxs)(dialog_1.Dialog, { open: showSendDialog, onOpenChange: setShowSendDialog, children: [(0, jsx_runtime_1.jsx)(dialog_1.DialogTrigger, { asChild: true, children: (0, jsx_runtime_1.jsxs)(button_1.Button, { children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Send, { className: "h-4 w-4 mr-2" }), t('sendReward')] }) }), (0, jsx_runtime_1.jsxs)(dialog_1.DialogContent, { children: [(0, jsx_runtime_1.jsx)(dialog_1.DialogHeader, { children: (0, jsx_runtime_1.jsx)(dialog_1.DialogTitle, { children: t('sendSingleTitle') }) }), (0, jsx_runtime_1.jsxs)("div", { className: "space-y-4", children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("label", { className: "text-sm font-medium", children: t('recipientId') }), (0, jsx_runtime_1.jsx)(input_1.Input, { value: singleReward.recipient_id, onChange: (e) => setSingleReward({ ...singleReward, recipient_id: e.target.value }), placeholder: t('recipientPlaceholder') })] }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("label", { className: "text-sm font-medium", children: t('rewardAmount') }), (0, jsx_runtime_1.jsx)(input_1.Input, { type: "number", value: singleReward.amount, onChange: (e) => setSingleReward({ ...singleReward, amount: e.target.value }), placeholder: t('amountPlaceholder'), min: 1, max: 10000 })] }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("label", { className: "text-sm font-medium", children: t('reasonLabel') }), (0, jsx_runtime_1.jsx)(textarea_1.Textarea, { value: singleReward.reason, onChange: (e) => setSingleReward({ ...singleReward, reason: e.target.value }), placeholder: t('reasonPlaceholder'), rows: 2 })] })] }), (0, jsx_runtime_1.jsxs)(dialog_1.DialogFooter, { children: [(0, jsx_runtime_1.jsx)(button_1.Button, { variant: "outline", onClick: () => setShowSendDialog(false), children: t('cancel') }), (0, jsx_runtime_1.jsx)(button_1.Button, { onClick: handleSendReward, children: t('send') })] })] })] }), (0, jsx_runtime_1.jsxs)(dialog_1.Dialog, { open: showBatchDialog, onOpenChange: setShowBatchDialog, children: [(0, jsx_runtime_1.jsx)(dialog_1.DialogTrigger, { asChild: true, children: (0, jsx_runtime_1.jsxs)(button_1.Button, { variant: "outline", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Users, { className: "h-4 w-4 mr-2" }), t('batchReward')] }) }), (0, jsx_runtime_1.jsxs)(dialog_1.DialogContent, { className: "max-w-2xl", children: [(0, jsx_runtime_1.jsx)(dialog_1.DialogHeader, { children: (0, jsx_runtime_1.jsx)(dialog_1.DialogTitle, { children: t('batchTitle') }) }), (0, jsx_runtime_1.jsxs)("div", { className: "space-y-4 max-h-96 overflow-y-auto", children: [batchRewards.map((reward, index) => ((0, jsx_runtime_1.jsxs)("div", { className: "flex gap-2 items-start", children: [(0, jsx_runtime_1.jsx)(input_1.Input, { value: reward.user_id, onChange: (e) => updateBatchRow(index, 'user_id', e.target.value), placeholder: t('userId'), className: "flex-1" }), (0, jsx_runtime_1.jsx)(input_1.Input, { type: "number", value: reward.amount, onChange: (e) => updateBatchRow(index, 'amount', e.target.value), placeholder: "MCC", className: "w-24" }), (0, jsx_runtime_1.jsx)(input_1.Input, { value: reward.reason, onChange: (e) => updateBatchRow(index, 'reason', e.target.value), placeholder: t('reason'), className: "flex-1" }), batchRewards.length > 1 && ((0, jsx_runtime_1.jsx)(button_1.Button, { variant: "ghost", size: "icon", onClick: () => removeBatchRow(index), children: (0, jsx_runtime_1.jsx)(lucide_react_1.X, { className: "h-4 w-4" }) }))] }, index))), (0, jsx_runtime_1.jsxs)(button_1.Button, { variant: "outline", onClick: addBatchRow, className: "w-full", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Plus, { className: "h-4 w-4 mr-2" }), t('addRow')] })] }), (0, jsx_runtime_1.jsxs)(dialog_1.DialogFooter, { children: [(0, jsx_runtime_1.jsx)(button_1.Button, { variant: "outline", onClick: () => setShowBatchDialog(false), children: t('cancel') }), (0, jsx_runtime_1.jsx)(button_1.Button, { onClick: handleBatchReward, children: t('batchSend') })] })] })] })] })] }), stats && ((0, jsx_runtime_1.jsxs)("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-4", children: [(0, jsx_runtime_1.jsx)(card_1.Card, { children: (0, jsx_runtime_1.jsxs)(card_1.CardContent, { className: "pt-6 text-center", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-2xl font-bold text-white", children: Number(stats.total_received || 0).toFixed(2) }), (0, jsx_runtime_1.jsx)("div", { className: "text-sm text-muted-foreground", children: t('mccReceived') })] }) }), (0, jsx_runtime_1.jsx)(card_1.Card, { children: (0, jsx_runtime_1.jsxs)(card_1.CardContent, { className: "pt-6 text-center", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-2xl font-bold text-cyan-400", children: Number(stats.total_sent || 0).toFixed(2) }), (0, jsx_runtime_1.jsx)("div", { className: "text-sm text-muted-foreground", children: t('mccSent') })] }) }), (0, jsx_runtime_1.jsx)(card_1.Card, { children: (0, jsx_runtime_1.jsxs)(card_1.CardContent, { className: "pt-6 text-center", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-2xl font-bold", children: stats.receive_count }), (0, jsx_runtime_1.jsx)("div", { className: "text-sm text-muted-foreground", children: t('receiveCount') })] }) }), (0, jsx_runtime_1.jsx)(card_1.Card, { children: (0, jsx_runtime_1.jsxs)(card_1.CardContent, { className: "pt-6 text-center", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-2xl font-bold", children: stats.send_count }), (0, jsx_runtime_1.jsx)("div", { className: "text-sm text-muted-foreground", children: t('sendCount') })] }) })] })), (0, jsx_runtime_1.jsxs)(tabs_1.Tabs, { value: activeTab, onValueChange: setActiveTab, children: [(0, jsx_runtime_1.jsxs)(tabs_1.TabsList, { children: [(0, jsx_runtime_1.jsxs)(tabs_1.TabsTrigger, { value: "history", className: "flex items-center gap-1", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.History, { className: "h-4 w-4" }), t('historyTab')] }), (0, jsx_runtime_1.jsxs)(tabs_1.TabsTrigger, { value: "leaderboard", className: "flex items-center gap-1", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Trophy, { className: "h-4 w-4" }), t('leaderboardTab')] })] }), (0, jsx_runtime_1.jsx)(tabs_1.TabsContent, { value: "history", children: (0, jsx_runtime_1.jsxs)(card_1.Card, { children: [(0, jsx_runtime_1.jsxs)(card_1.CardHeader, { children: [(0, jsx_runtime_1.jsx)(card_1.CardTitle, { children: t('rewardHistory') }), (0, jsx_runtime_1.jsx)(card_1.CardDescription, { children: t('rewardHistoryDesc') })] }), (0, jsx_runtime_1.jsx)(card_1.CardContent, { children: loading ? ((0, jsx_runtime_1.jsx)("div", { className: "text-center py-8", children: t('loadingText') })) : history.length === 0 ? ((0, jsx_runtime_1.jsx)("div", { className: "text-center py-8 text-muted-foreground", children: t('noRecords') })) : ((0, jsx_runtime_1.jsxs)(table_1.Table, { children: [(0, jsx_runtime_1.jsx)(table_1.TableHeader, { children: (0, jsx_runtime_1.jsxs)(table_1.TableRow, { children: [(0, jsx_runtime_1.jsx)(table_1.TableHead, { children: t('time') }), (0, jsx_runtime_1.jsx)(table_1.TableHead, { children: t('sender') }), (0, jsx_runtime_1.jsx)(table_1.TableHead, { children: t('recipient') }), (0, jsx_runtime_1.jsx)(table_1.TableHead, { className: "text-right", children: t('amount') }), (0, jsx_runtime_1.jsx)(table_1.TableHead, { children: t('reason') })] }) }), (0, jsx_runtime_1.jsx)(table_1.TableBody, { children: history.map((record) => ((0, jsx_runtime_1.jsxs)(table_1.TableRow, { children: [(0, jsx_runtime_1.jsx)(table_1.TableCell, { className: "text-sm text-muted-foreground", children: formatDate(record.created_at) }), (0, jsx_runtime_1.jsx)(table_1.TableCell, { children: record.manager_email || record.manager_id }), (0, jsx_runtime_1.jsx)(table_1.TableCell, { children: record.recipient_email || record.recipient_id }), (0, jsx_runtime_1.jsx)(table_1.TableCell, { className: "text-right font-medium", children: (0, jsx_runtime_1.jsxs)("span", { className: "text-white", children: ["+", Number(record.amount || 0).toFixed(2), " MCC"] }) }), (0, jsx_runtime_1.jsx)(table_1.TableCell, { className: "text-sm text-muted-foreground", children: record.reason || '-' })] }, record.id))) })] })) })] }) }), (0, jsx_runtime_1.jsx)(tabs_1.TabsContent, { value: "leaderboard", children: (0, jsx_runtime_1.jsxs)("div", { className: "grid md:grid-cols-2 gap-6", children: [(0, jsx_runtime_1.jsxs)(card_1.Card, { children: [(0, jsx_runtime_1.jsx)(card_1.CardHeader, { children: (0, jsx_runtime_1.jsxs)(card_1.CardTitle, { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Trophy, { className: "h-5 w-5 text-cyan-400" }), t('topReceived')] }) }), (0, jsx_runtime_1.jsx)(card_1.CardContent, { children: topRecipients.length === 0 ? ((0, jsx_runtime_1.jsx)("div", { className: "text-center py-4 text-muted-foreground", children: t('noData') })) : ((0, jsx_runtime_1.jsx)("div", { className: "space-y-3", children: topRecipients.map((entry, index) => ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-3", children: [(0, jsx_runtime_1.jsx)(badge_1.Badge, { variant: index < 3 ? 'default' : 'outline', children: index + 1 }), (0, jsx_runtime_1.jsx)("span", { className: "font-medium", children: entry.email || entry.user_id })] }), (0, jsx_runtime_1.jsxs)("span", { className: "text-white font-medium", children: [Number(entry.total_received || 0).toFixed(2), " MCC"] })] }, entry.user_id))) })) })] }), (0, jsx_runtime_1.jsxs)(card_1.Card, { children: [(0, jsx_runtime_1.jsx)(card_1.CardHeader, { children: (0, jsx_runtime_1.jsxs)(card_1.CardTitle, { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Gift, { className: "h-5 w-5 text-cyan-400" }), t('topSent')] }) }), (0, jsx_runtime_1.jsx)(card_1.CardContent, { children: topSenders.length === 0 ? ((0, jsx_runtime_1.jsx)("div", { className: "text-center py-4 text-muted-foreground", children: t('noData') })) : ((0, jsx_runtime_1.jsx)("div", { className: "space-y-3", children: topSenders.map((entry, index) => ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-3", children: [(0, jsx_runtime_1.jsx)(badge_1.Badge, { variant: index < 3 ? 'default' : 'outline', children: index + 1 }), (0, jsx_runtime_1.jsx)("span", { className: "font-medium", children: entry.email || entry.user_id })] }), (0, jsx_runtime_1.jsxs)("span", { className: "text-cyan-400 font-medium", children: [Number(entry.total_sent || 0).toFixed(2), " MCC"] })] }, entry.user_id))) })) })] })] }) })] })] }));
+}

package/dist/main-portal/components/security/domain-verification-bar.d.ts

@@ -0,0 +1 @@
+export declare function DomainVerificationBar(): import("react/jsx-runtime").JSX.Element | null;

package/dist/main-portal/components/security/domain-verification-bar.js

@@ -0,0 +1,32 @@
+"use strict";
+// AI-generated · AI-managed · AI-maintained
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DomainVerificationBar = DomainVerificationBar;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const lucide_react_1 = require("lucide-react");
+const next_intl_1 = require("next-intl");
+const TRUSTED_DOMAINS = [
+    "microcosm.money",
+    "m.microcosm.money",
+    "www.microcosm.money",
+    "localhost",
+    "127.0.0.1",
+];
+function DomainVerificationBar() {
+    const t = (0, next_intl_1.useTranslations)("security");
+    const [hostname, setHostname] = (0, react_1.useState)("");
+    const [isTrusted, setIsTrusted] = (0, react_1.useState)(true);
+    (0, react_1.useEffect)(() => {
+        const host = window.location.hostname;
+        setHostname(host);
+        setIsTrusted(TRUSTED_DOMAINS.some(d => host === d || host.endsWith("." + d)));
+    }, []);
+    if (!hostname)
+        return null;
+    if (!isTrusted) {
+        return ((0, jsx_runtime_1.jsxs)("div", { className: "w-full bg-red-900/80 border-b border-red-500 px-4 py-2.5 flex items-center justify-center gap-2 z-50", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.ShieldAlert, { className: "w-4 h-4 text-red-300 shrink-0" }), (0, jsx_runtime_1.jsx)("span", { className: "text-red-100 text-xs sm:text-sm font-medium", children: t("dangerDomain", { domain: hostname }) })] }));
+    }
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "w-full bg-green-900/30 border-b border-green-500/30 px-4 py-1.5 flex items-center justify-center gap-2", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.ShieldCheck, { className: "w-3.5 h-3.5 text-green-400 shrink-0" }), (0, jsx_runtime_1.jsxs)("span", { className: "text-green-300/80 text-[11px] sm:text-xs", children: [t("secureConnection"), " ", (0, jsx_runtime_1.jsx)("code", { className: "bg-green-900/40 px-1 rounded text-green-300 font-mono", children: hostname })] })] }));
+}

package/dist/main-portal/components/stations/StationDetailPage.d.ts

@@ -0,0 +1,5 @@
+interface StationDetailPageProps {
+    stationId: string;
+}
+export default function StationDetailPage({ stationId }: StationDetailPageProps): import("react/jsx-runtime").JSX.Element | null;
+export {};