function MainComponent() { const [formData, setFormData] = useState({ title: "", description: "", video: null }); const [preview, setPreview] = useState(false); const [error, setError] = useState(null); const [loading, setLoading] = useState(false); const [upload, { loading: uploading }] = useUpload(); const { data: user } = useUser(); const handleVideoUpload = async (file)=>{ try { const { url, error } = await upload({ file }); if (error) throw new Error(error); setFormData((prev)=>({ ...prev, video: url })); } catch (err) { console.error(err); setError("Failed to upload video"); } }; const handleSubmit = async ()=>{ setError(null); setLoading(true); try { const response = await fetch("/api/spotlight-promotions", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ ...formData, userId: user?.id, amount: 1000 }) }); if (!response.ok) throw new Error("Failed to create spotlight"); const data = await response.json(); window.location.href = data.checkoutUrl; } catch (err) { console.error(err); setError("Failed to create spotlight promotion"); } finally{ setLoading(false); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-br from-[#001428] to-[#003366] p-8", __source: { fileName: "", lineNumber: 51, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto", __source: { fileName: "", lineNumber: 52, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#002B59] rounded-xl p-8 shadow-xl", __source: { fileName: "", lineNumber: 53, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-8", __source: { fileName: "", lineNumber: 54, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold text-white", __source: { fileName: "", lineNumber: 55, columnNumber: 13 }, __self: this }, "Create Spotlight"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setPreview(!preview), className: "bg-[#1A3A5F] hover:bg-[#234876] px-6 py-2 rounded-lg text-white", __source: { fileName: "", lineNumber: 56, columnNumber: 13 }, __self: this }, preview ? "Edit" : "Preview")), /*#__PURE__*/ React.createElement("div", { className: "mb-8 bg-[#001F3F] rounded-lg p-6 border border-[#1A3A5F]", __source: { fileName: "", lineNumber: 64, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold text-white mb-4", __source: { fileName: "", lineNumber: 65, columnNumber: 13 }, __self: this }, "About Spotlight"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-300 mb-4", __source: { fileName: "", lineNumber: 66, columnNumber: 13 }, __self: this }, "Spotlight promotions showcase your talent at the top of search results for 7 days. Stand out to casting directors and increase your chances of landing roles."), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2 text-sm text-gray-300", __source: { fileName: "", lineNumber: 70, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-star text-yellow-400", __source: { fileName: "", lineNumber: 71, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 72, columnNumber: 15 }, __self: this }, "Featured placement for 7 days")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2 text-sm text-gray-300 mt-2", __source: { fileName: "", lineNumber: 74, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-eye text-yellow-400", __source: { fileName: "", lineNumber: 75, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 76, columnNumber: 15 }, __self: this }, "Increased visibility to casting directors")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2 text-sm text-gray-300 mt-2", __source: { fileName: "", lineNumber: 78, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-dollar-sign text-yellow-400", __source: { fileName: "", lineNumber: 79, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 80, columnNumber: 15 }, __self: this }, "One-time payment of $10.00"))), !preview ? /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 85, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 86, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-white mb-2", __source: { fileName: "", lineNumber: 87, columnNumber: 17 }, __self: this }, "Spotlight Title"), /*#__PURE__*/ React.createElement("input", { type: "text", value: formData.title, onChange: (e)=>setFormData((prev)=>({ ...prev, title: e.target.value })), placeholder: "Enter a catchy title for your spotlight", className: "w-full bg-[#001F3F] border border-[#1A3A5F] rounded-lg px-4 py-2 text-white", __source: { fileName: "", lineNumber: 88, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 97, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-white mb-2", __source: { fileName: "", lineNumber: 98, columnNumber: 17 }, __self: this }, "Description"), /*#__PURE__*/ React.createElement("textarea", { value: formData.description, onChange: (e)=>setFormData((prev)=>({ ...prev, description: e.target.value })), placeholder: "Describe what makes you unique", className: "w-full bg-[#001F3F] border border-[#1A3A5F] rounded-lg px-4 py-2 text-white", rows: "4", __source: { fileName: "", lineNumber: 99, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 108, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-white mb-2", __source: { fileName: "", lineNumber: 109, columnNumber: 17 }, __self: this }, "Upload Showreel"), /*#__PURE__*/ React.createElement("div", { className: "bg-[#001F3F] border border-[#1A3A5F] rounded-lg p-4", __source: { fileName: "", lineNumber: 110, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "file", accept: "video/*", onChange: (e)=>{ if (e.target.files) handleVideoUpload(e.target.files[0]); }, className: "text-white", __source: { fileName: "", lineNumber: 111, columnNumber: 19 }, __self: this }), uploading && /*#__PURE__*/ React.createElement("div", { className: "mt-2 text-yellow-400", __source: { fileName: "", lineNumber: 120, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin mr-2", __source: { fileName: "", lineNumber: 121, columnNumber: 23 }, __self: this }), "Uploading video..."), formData.video && /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 126, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("video", { src: formData.video, controls: true, className: "w-full rounded-lg", __source: { fileName: "", lineNumber: 127, columnNumber: 23 }, __self: this }))))) : /*#__PURE__*/ React.createElement("div", { className: "bg-[#001F3F] rounded-lg p-6", __source: { fileName: "", lineNumber: 134, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-4 mb-4", __source: { fileName: "", lineNumber: 135, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-16 h-16 bg-yellow-400 rounded-full flex items-center justify-center", __source: { fileName: "", lineNumber: 136, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-star text-2xl text-[#001F3F]", __source: { fileName: "", lineNumber: 137, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 139, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold text-white", __source: { fileName: "", lineNumber: 140, columnNumber: 19 }, __self: this }, formData.title), /*#__PURE__*/ React.createElement("p", { className: "text-yellow-400", __source: { fileName: "", lineNumber: 141, columnNumber: 19 }, __self: this }, "Featured Spotlight"))), /*#__PURE__*/ React.createElement("p", { className: "text-gray-300 mb-4", __source: { fileName: "", lineNumber: 144, columnNumber: 15 }, __self: this }, formData.description), formData.video && /*#__PURE__*/ React.createElement("video", { src: formData.video, controls: true, className: "w-full rounded-lg mb-4", __source: { fileName: "", lineNumber: 146, columnNumber: 17 }, __self: this })), error && /*#__PURE__*/ React.createElement("div", { className: "mt-6 bg-red-900/50 border border-red-500/50 p-4 rounded-lg text-white", __source: { fileName: "", lineNumber: 152, columnNumber: 13 }, __self: this }, error), /*#__PURE__*/ React.createElement("div", { className: "mt-8 flex items-center justify-between border-t border-[#1A3A5F] pt-6", __source: { fileName: "", lineNumber: 157, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-white", __source: { fileName: "", lineNumber: 158, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-bold", __source: { fileName: "", lineNumber: 159, columnNumber: 15 }, __self: this }, "Total: $10.00"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-400", __source: { fileName: "", lineNumber: 160, columnNumber: 15 }, __self: this }, "7 days of featured placement")), /*#__PURE__*/ React.createElement("button", { onClick: handleSubmit, disabled: loading || uploading || !formData.title || !formData.description || !formData.video, className: "bg-[#2563EB] hover:bg-[#1D4ED8] px-8 py-3 rounded-lg text-white disabled:opacity-50", __source: { fileName: "", lineNumber: 162, columnNumber: 13 }, __self: this }, loading ? /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin", __source: { fileName: "", lineNumber: 168, columnNumber: 17 }, __self: this }) : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("i", { className: "fas fa-credit-card mr-2", __source: { fileName: "", lineNumber: 171, columnNumber: 19 }, __self: this }), "Purchase Spotlight")))))); }