function MainComponent() { const [properties, setProperties] = useState([]); const [selectedProperty, setSelectedProperty] = useState(null); const [error, setError] = useState(null); const { data: user } = useUser(); const [isVerifiedPartner, setIsVerifiedPartner] = useState(false); const [partnerId, setPartnerId] = useState(null); const [partnerCredits, setPartnerCredits] = useState(0); const [claimStatus, setClaimStatus] = useState({ loading: false, error: null }); const [unlockStatus, setUnlockStatus] = useState({ loading: false, error: null }); const [showCreditModal, setShowCreditModal] = useState(false); useEffect(()=>{ const fetchProperties = async ()=>{ try { const response = await fetch("/api/properties", { method: "POST" }); if (!response.ok) { throw new Error("Failed to fetch properties"); } const data = await response.json(); setProperties(data); } catch (error) { console.error("Error:", error); setError("Failed to load properties"); } }; fetchProperties(); }, []); useEffect(()=>{ const checkPartnerStatus = async ()=>{ if (user?.email) { try { const response = await fetch("/api/get-partner-properties", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ email: user.email }) }); if (response.ok) { const data = await response.json(); setIsVerifiedPartner(data.isVerifiedPartner); setPartnerId(data.partnerId); if (data.partnerId) { const creditsResponse = await fetch("/api/manage-credits", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ action: "check_balance", partnerId: data.partnerId }) }); if (creditsResponse.ok) { const { credits } = await creditsResponse.json(); setPartnerCredits(credits); } } } } catch (error) { console.error("Error checking partner status:", error); } } }; checkPartnerStatus(); }, [ user ]); const handleUnlockProperty = async (propertyId)=>{ setUnlockStatus({ loading: true, error: null }); try { const response = await fetch("/api/unlock-property", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ propertyId, partnerId }) }); if (!response.ok) { const data = await response.json(); if (data.error === "Insufficient credits") { setShowCreditModal(true); } throw new Error(data.error || "Failed to unlock property"); } const { property, creditsRemaining } = await response.json(); setPartnerCredits(creditsRemaining); // Update the selected property with full details setSelectedProperty(property); setUnlockStatus({ loading: false, error: null }); } catch (error) { console.error("Error:", error); setUnlockStatus({ loading: false, error: error.message }); } }; const handleClaimProperty = async (propertyId)=>{ setClaimStatus({ loading: true, error: null }); try { const response = await fetch("/api/claim-property", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ propertyId, partnerId, action: "claim" }) }); if (!response.ok) { const data = await response.json(); throw new Error(data.error || "Failed to claim property"); } // Refresh properties to get updated status const propertiesResponse = await fetch("/api/properties", { method: "POST" }); const updatedProperties = await propertiesResponse.json(); setProperties(updatedProperties); // Update selected property if it's the one being claimed if (selectedProperty?.id === propertyId) { setSelectedProperty(updatedProperties.find((p)=>p.id === propertyId)); } setClaimStatus({ loading: false, error: null }); } catch (error) { console.error("Error:", error); setClaimStatus({ loading: false, error: error.message }); } }; const formatTimeRemaining = (expiresAt)=>{ const now = new Date(); const expires = new Date(expiresAt); const hoursRemaining = Math.max(0, Math.ceil((expires - now) / (1000 * 60 * 60))); return hoursRemaining > 0 ? `${hoursRemaining} hours` : "Expired"; }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#0a0a0a]", __source: { fileName: "", lineNumber: 158, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative h-[calc(100vh-4rem)]", __source: { fileName: "", lineNumber: 159, columnNumber: 7 }, __self: this }, !isVerifiedPartner && /*#__PURE__*/ React.createElement("div", { className: "absolute top-0 left-0 right-0 z-10 bg-[#00ff9d] text-[#0a0a0a] p-4 text-center", __source: { fileName: "", lineNumber: 162, columnNumber: 11 }, __self: this }, !user ? /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 164, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/account/signin", className: "underline font-bold", __source: { fileName: "", lineNumber: 165, columnNumber: 17 }, __self: this }, "Sign in"), " ", "to view full property details. Partner accounts get complete access to all information.") : /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 172, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/partner", className: "underline font-bold", __source: { fileName: "", lineNumber: 173, columnNumber: 17 }, __self: this }, "Become a verified partner"), " ", "to access complete property information and exact locations.")), isVerifiedPartner && /*#__PURE__*/ React.createElement("div", { className: "absolute top-4 right-4 z-10 bg-[#111111] text-white px-4 py-2 rounded-full border border-[#00ff9d]", __source: { fileName: "", lineNumber: 184, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-[#00ff9d] font-bold", __source: { fileName: "", lineNumber: 185, columnNumber: 13 }, __self: this }, partnerCredits), " ", "credits available"), /*#__PURE__*/ React.createElement("div", { className: "h-full", __source: { fileName: "", lineNumber: 191, columnNumber: 9 }, __self: this }, properties.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "h-full", __source: { fileName: "", lineNumber: 193, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement(React.Fragment, null))), selectedProperty && /*#__PURE__*/ React.createElement("div", { className: "absolute top-0 right-0 h-full w-96 bg-[#111111] text-white p-6 overflow-y-auto", __source: { fileName: "", lineNumber: 201, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setSelectedProperty(null), className: "absolute top-4 right-4 text-[#888888] hover:text-white", __source: { fileName: "", lineNumber: 202, columnNumber: 13 }, __self: this }, "✕"), selectedProperty.is_locked && /*#__PURE__*/ React.createElement("div", { className: "bg-[#2a2a2a] text-[#888888] p-3 rounded-lg mb-4 text-sm", __source: { fileName: "", lineNumber: 211, columnNumber: 15 }, __self: this }, selectedProperty.lock_expires_at && /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 213, columnNumber: 19 }, __self: this }, "This property is locked for review", /*#__PURE__*/ React.createElement("br", { __source: { fileName: "", lineNumber: 215, columnNumber: 21 }, __self: this }), "Time remaining:", " ", formatTimeRemaining(selectedProperty.lock_expires_at))), selectedProperty.photo_url && /*#__PURE__*/ React.createElement("div", { className: "relative mb-4", __source: { fileName: "", lineNumber: 224, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: selectedProperty.photo_url, alt: "Property", className: "w-full h-48 object-cover rounded-lg", __source: { fileName: "", lineNumber: 225, columnNumber: 17 }, __self: this }), (!isVerifiedPartner || selectedProperty.is_locked || !selectedProperty.is_unlocked) && /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-black bg-opacity-50 flex items-center justify-center rounded-lg", __source: { fileName: "", lineNumber: 233, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-white text-sm", __source: { fileName: "", lineNumber: 234, columnNumber: 21 }, __self: this }, !user ? "Sign in to view clear images" : !isVerifiedPartner ? "Become a partner to view clear images" : selectedProperty.is_locked ? "Property is locked for review" : "Unlock with credits to view"))), /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-2", __source: { fileName: "", lineNumber: 248, columnNumber: 13 }, __self: this }, isVerifiedPartner && selectedProperty.is_unlocked ? selectedProperty.address_line1 : `${selectedProperty.address_line1} Area`), /*#__PURE__*/ React.createElement("div", { className: "text-[#888888] mb-4", __source: { fileName: "", lineNumber: 254, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 255, columnNumber: 15 }, __self: this }, selectedProperty.city, ", ", selectedProperty.state, " ", selectedProperty.zip), /*#__PURE__*/ React.createElement("p", { className: "mt-1", __source: { fileName: "", lineNumber: 259, columnNumber: 15 }, __self: this }, "Type: ", selectedProperty.property_type), /*#__PURE__*/ React.createElement("p", { className: "mt-1", __source: { fileName: "", lineNumber: 260, columnNumber: 15 }, __self: this }, "Status: ", selectedProperty.status), selectedProperty.blight_score && /*#__PURE__*/ React.createElement("p", { className: "mt-1", __source: { fileName: "", lineNumber: 262, columnNumber: 17 }, __self: this }, "Blight Score: ", selectedProperty.blight_score)), /*#__PURE__*/ React.createElement("p", { className: "text-white mb-6", __source: { fileName: "", lineNumber: 268, columnNumber: 13 }, __self: this }, isVerifiedPartner && selectedProperty.is_unlocked ? selectedProperty.description : selectedProperty.description.substring(0, 100) + "... (Unlock to view more)"), unlockStatus.error && /*#__PURE__*/ React.createElement("div", { className: "bg-red-500 text-white p-3 rounded-lg mb-4", __source: { fileName: "", lineNumber: 276, columnNumber: 15 }, __self: this }, unlockStatus.error), claimStatus.error && /*#__PURE__*/ React.createElement("div", { className: "bg-red-500 text-white p-3 rounded-lg mb-4", __source: { fileName: "", lineNumber: 282, columnNumber: 15 }, __self: this }, claimStatus.error), !user ? /*#__PURE__*/ React.createElement("a", { href: "/account/signin", className: "block w-full py-2 px-4 bg-[#00ff9d] text-[#0a0a0a] text-center rounded-full font-bold hover:bg-[#ffd700] transition-colors duration-300", __source: { fileName: "", lineNumber: 288, columnNumber: 15 }, __self: this }, "Sign in to Learn More") : !isVerifiedPartner ? /*#__PURE__*/ React.createElement("a", { href: "/partner", className: "block w-full py-2 px-4 bg-[#00ff9d] text-[#0a0a0a] text-center rounded-full font-bold hover:bg-[#ffd700] transition-colors duration-300", __source: { fileName: "", lineNumber: 295, columnNumber: 15 }, __self: this }, "Become a Partner") : !selectedProperty.is_unlocked ? /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleUnlockProperty(selectedProperty.id), disabled: unlockStatus.loading, className: "w-full py-2 px-4 bg-[#00ff9d] text-[#0a0a0a] text-center rounded-full font-bold hover:bg-[#ffd700] transition-colors duration-300 disabled:opacity-50", __source: { fileName: "", lineNumber: 302, columnNumber: 15 }, __self: this }, unlockStatus.loading ? "Processing..." : "Unlock Details (10 credits)") : !selectedProperty.is_locked ? /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleClaimProperty(selectedProperty.id), disabled: claimStatus.loading, className: "w-full py-2 px-4 bg-[#00ff9d] text-[#0a0a0a] text-center rounded-full font-bold hover:bg-[#ffd700] transition-colors duration-300 disabled:opacity-50", __source: { fileName: "", lineNumber: 312, columnNumber: 15 }, __self: this }, claimStatus.loading ? "Processing..." : "Claim Property (48hr Lock)") : null), showCreditModal && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50", __source: { fileName: "", lineNumber: 327, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#111111] p-6 rounded-lg max-w-md w-full mx-4", __source: { fileName: "", lineNumber: 328, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold text-white mb-4", __source: { fileName: "", lineNumber: 329, columnNumber: 15 }, __self: this }, "Need More Credits?"), /*#__PURE__*/ React.createElement("p", { className: "text-[#888888] mb-6", __source: { fileName: "", lineNumber: 332, columnNumber: 15 }, __self: this }, "You need credits to unlock property details. Get credits by:"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4 mb-6", __source: { fileName: "", lineNumber: 335, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-start", __source: { fileName: "", lineNumber: 336, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-shrink-0 h-6 w-6 text-[#00ff9d] mr-4", __source: { fileName: "", lineNumber: 337, columnNumber: 19 }, __self: this }, "✓"), /*#__PURE__*/ React.createElement("p", { className: "text-white", __source: { fileName: "", lineNumber: 340, columnNumber: 19 }, __self: this }, "Purchase credits directly")), /*#__PURE__*/ React.createElement("div", { className: "flex items-start", __source: { fileName: "", lineNumber: 342, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-shrink-0 h-6 w-6 text-[#00ff9d] mr-4", __source: { fileName: "", lineNumber: 343, columnNumber: 19 }, __self: this }, "✓"), /*#__PURE__*/ React.createElement("p", { className: "text-white", __source: { fileName: "", lineNumber: 346, columnNumber: 19 }, __self: this }, "Use an invite code")), /*#__PURE__*/ React.createElement("div", { className: "flex items-start", __source: { fileName: "", lineNumber: 348, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-shrink-0 h-6 w-6 text-[#00ff9d] mr-4", __source: { fileName: "", lineNumber: 349, columnNumber: 19 }, __self: this }, "✓"), /*#__PURE__*/ React.createElement("p", { className: "text-white", __source: { fileName: "", lineNumber: 352, columnNumber: 19 }, __self: this }, "Earn through successful property claims"))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-end space-x-4", __source: { fileName: "", lineNumber: 357, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowCreditModal(false), className: "px-4 py-2 text-[#888888] hover:text-white", __source: { fileName: "", lineNumber: 358, columnNumber: 17 }, __self: this }, "Close"), /*#__PURE__*/ React.createElement("a", { href: "/partner/credits", className: "px-4 py-2 bg-[#00ff9d] text-[#0a0a0a] rounded-full font-bold hover:bg-[#ffd700] transition-colors duration-300", __source: { fileName: "", lineNumber: 364, columnNumber: 17 }, __self: this }, "Get Credits")))), error && /*#__PURE__*/ React.createElement("div", { className: "absolute bottom-4 left-4 bg-red-500 text-white px-4 py-2 rounded", __source: { fileName: "", lineNumber: 376, columnNumber: 11 }, __self: this }, error))); }