function MainComponent() { const { data: user } = useUser(); const [step, setStep] = useState(1); const [focusGroups, setFocusGroups] = useState([]); const [view, setView] = useState("create"); const [loading, setLoading] = useState(false); const [selectedGroup, setSelectedGroup] = useState(null); const [expandedParticipants, setExpandedParticipants] = useState({}); const [refreshingParticipant, setRefreshingParticipant] = useState(null); const [refreshingAll, setRefreshingAll] = useState(false); const [selectedQuestions, setSelectedQuestions] = useState([]); const [customQuestions, setCustomQuestions] = useState([]); const [newQuestion, setNewQuestion] = useState(""); const [editingQuestion, setEditingQuestion] = useState(null); const [editedQuestion, setEditedQuestion] = useState(""); const [productImages, setProductImages] = useState([]); const [documents, setDocuments] = useState([]); const [richText, setRichText] = useState(""); const [startingGroup, setStartingGroup] = useState(false); const [upload, { loading: uploading }] = useUpload(); const [formData, setFormData] = useState({ projectName: "Mobile App User Experience Study", industry: "tech", productDescription: "A new mobile app for task management and productivity", mission: "To understand how users interact with mobile productivity tools and identify key features for improvement", targetAudience: { ageRange: "25-34", gender: "all", location: "United States", interests: [], income: "50k-75k", education: "bachelors", occupation: "Professional" }, incentiveAmount: 50, participantCount: 10, requirements: "", isPublic: false, questions: [], productImages: [], documents: [], richText: "" }); const handleInputChange = useCallback((e)=>{ const { name, value } = e.target; if (name.includes(".")) { const [parent, child] = name.split("."); setFormData((prev)=>({ ...prev, [parent]: { ...prev[parent], [child]: value } })); } else { setFormData((prev)=>({ ...prev, [name]: value })); } }, []); const handleImageUpload = useCallback(async (file)=>{ const { url, error } = await upload({ file }); if (error) { return; } setProductImages((prev)=>[ ...prev, url ]); setFormData((prev)=>({ ...prev, productImages: [ ...prev.productImages, url ] })); }, [ upload ]); const handleDocumentUpload = useCallback(async (file)=>{ const { url, error } = await upload({ file }); if (error) { return; } const doc = { name: file.name, url }; setDocuments((prev)=>[ ...prev, doc ]); setFormData((prev)=>({ ...prev, documents: [ ...prev.documents, doc ] })); }, [ upload ]); const handleRichTextChange = useCallback((value)=>{ setRichText(value); setFormData((prev)=>({ ...prev, richText: value })); }, []); const handleSubmit = useCallback(async ()=>{ setLoading(true); try { await fetch("/api/generate-participants", { method: "POST" }); await fetch("/api/setup-focus-group-db", { method: "POST" }); setView("dashboard"); } catch (error) { console.error(error); } setLoading(false); }, []); const handleStartFocusGroup = useCallback(async (groupId)=>{ setStartingGroup(true); try { // Start focus group logic here } catch (error) { console.error(error); } setStartingGroup(false); }, []); const handleRefreshParticipant = useCallback(async (groupId, participantIdx)=>{ setRefreshingParticipant(participantIdx); try { // Refresh participant logic here } catch (error) { console.error(error); } setRefreshingParticipant(null); }, []); const handleRefreshAll = useCallback(async (groupId)=>{ setRefreshingAll(true); try { // Refresh all participants logic here } catch (error) { console.error(error); } setRefreshingAll(false); }, []); const calculateMatchScore = useCallback((participant, targetAudience)=>{ return 85; // Example score }, []); const currentIndustryQuestions = useMemo(()=>[ "What features would you find most valuable in this product?", "How does this compare to similar products you've used?", "What improvements would make this more useful for you?", "How likely are you to recommend this to others?", "What challenges does this help you solve?" ], []); useEffect(()=>{ if (!user) { window.location.href = "/account/signin?callbackUrl=/dashboard"; return; } if (!user.isModerator) { window.location.href = "/"; } }, [ user ]); if (view === "dashboard" && focusGroups.length > 0) { return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("header", { className: "bg-white/5 backdrop-blur-xl border-b border-white/10", __source: { fileName: "", lineNumber: 178, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-6 py-4", __source: { fileName: "", lineNumber: 179, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 180, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-8", __source: { fileName: "", lineNumber: 181, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-poppins font-bold text-white", __source: { fileName: "", lineNumber: 182, columnNumber: 17 }, __self: this }, "FocusLens", /*#__PURE__*/ React.createElement("span", { className: "text-[#00b894]", __source: { fileName: "", lineNumber: 183, columnNumber: 28 }, __self: this }, "Pro")), /*#__PURE__*/ React.createElement("nav", { className: "flex gap-6", __source: { fileName: "", lineNumber: 185, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "text-white/60 hover:text-white", __source: { fileName: "", lineNumber: 186, columnNumber: 19 }, __self: this }, "Home"), /*#__PURE__*/ React.createElement("a", { href: "/focus-group-master", className: "text-white", __source: { fileName: "", lineNumber: 189, columnNumber: 19 }, __self: this }, "Dashboard"), /*#__PURE__*/ React.createElement("a", { href: "/focus-group-analysis", className: "text-white/60 hover:text-white", __source: { fileName: "", lineNumber: 192, columnNumber: 19 }, __self: this }, "Analysis"))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-4", __source: { fileName: "", lineNumber: 200, columnNumber: 15 }, __self: this }, user ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("span", { className: "text-white/60", __source: { fileName: "", lineNumber: 203, columnNumber: 21 }, __self: this }, user.email), /*#__PURE__*/ React.createElement("a", { href: "/account/logout", className: "text-white/60 hover:text-white", __source: { fileName: "", lineNumber: 204, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-sign-out-alt", __source: { fileName: "", lineNumber: 208, columnNumber: 23 }, __self: this }))) : /*#__PURE__*/ React.createElement("a", { href: "/account/signin", className: "text-white/60 hover:text-white", __source: { fileName: "", lineNumber: 212, columnNumber: 19 }, __self: this }, "Sign In"))))), /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-br from-[#1a1c2e] to-[#2d3748] p-6", __source: { fileName: "", lineNumber: 224, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto", __source: { fileName: "", lineNumber: 225, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white/5 backdrop-blur-xl rounded-3xl shadow-2xl p-8", __source: { fileName: "", lineNumber: 226, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-8", __source: { fileName: "", lineNumber: 227, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-poppins font-bold text-white", __source: { fileName: "", lineNumber: 228, columnNumber: 17 }, __self: this }, "Focus Groups Dashboard"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setView("create"), className: "bg-gradient-to-r from-[#00b894] to-[#00a88a] text-white px-6 py-3 rounded-xl hover:shadow-lg hover:scale-105 transition-all duration-300", __source: { fileName: "", lineNumber: 231, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-plus-circle mr-2", __source: { fileName: "", lineNumber: 235, columnNumber: 19 }, __self: this }), "New Group")), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 gap-8", __source: { fileName: "", lineNumber: 240, columnNumber: 15 }, __self: this }, focusGroups.map((group)=>/*#__PURE__*/ React.createElement("div", { key: group.id, className: `bg-white/10 backdrop-blur rounded-2xl p-6 hover:shadow-xl transition-all duration-300 ${group.status === "in-progress" ? "border-2 border-green-400" : ""}`, __source: { fileName: "", lineNumber: 242, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between mb-6", __source: { fileName: "", lineNumber: 250, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 251, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-semibold text-white mb-2", __source: { fileName: "", lineNumber: 252, columnNumber: 25 }, __self: this }, group.projectName), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-3", __source: { fileName: "", lineNumber: 255, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: `px-3 py-1 rounded-full text-sm font-medium ${group.status === "in-progress" ? "bg-green-500/20 text-green-400" : "bg-yellow-500/20 text-yellow-400"}`, __source: { fileName: "", lineNumber: 256, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas fa-${group.status === "in-progress" ? "circle-play" : "clock"} mr-2`, __source: { fileName: "", lineNumber: 263, columnNumber: 29 }, __self: this }), group.status === "in-progress" ? /*#__PURE__*/ React.createElement("span", { className: "flex items-center", __source: { fileName: "", lineNumber: 271, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "w-2 h-2 bg-green-400 rounded-full mr-2 animate-pulse", __source: { fileName: "", lineNumber: 272, columnNumber: 33 }, __self: this }), "Live") : "Pending"), /*#__PURE__*/ React.createElement("span", { className: "px-3 py-1 rounded-full text-sm font-medium bg-blue-500/20 text-blue-400", __source: { fileName: "", lineNumber: 279, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-industry mr-2", __source: { fileName: "", lineNumber: 280, columnNumber: 29 }, __self: this }), group.industry))), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleStartFocusGroup(group.id), disabled: group.status === "in-progress" || startingGroup, className: "bg-gradient-to-r from-[#00b894] to-[#00a88a] text-white px-6 py-3 rounded-xl hover:shadow-lg hover:scale-105 transition-all duration-300 disabled:opacity-50 disabled:hover:scale-100", __source: { fileName: "", lineNumber: 285, columnNumber: 23 }, __self: this }, startingGroup ? /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 293, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin mr-2", __source: { fileName: "", lineNumber: 294, columnNumber: 29 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 295, columnNumber: 29 }, __self: this }, "Starting...")) : group.status === "in-progress" ? /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 298, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-circle-check mr-2", __source: { fileName: "", lineNumber: 299, columnNumber: 29 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 300, columnNumber: 29 }, __self: this }, "Join Room")) : /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 303, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-play mr-2", __source: { fileName: "", lineNumber: 304, columnNumber: 29 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 305, columnNumber: 29 }, __self: this }, "Start Group")))), group.productImages?.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 312, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-white/80 text-sm font-medium mb-3", __source: { fileName: "", lineNumber: 313, columnNumber: 25 }, __self: this }, "Product Gallery"), /*#__PURE__*/ React.createElement("div", { className: "flex gap-4 overflow-x-auto pb-4 scrollbar-thin scrollbar-thumb-gray-600 scrollbar-track-transparent", __source: { fileName: "", lineNumber: 316, columnNumber: 25 }, __self: this }, group.productImages.map((image, idx)=>/*#__PURE__*/ React.createElement("img", { key: idx, src: image, alt: `Product image ${idx + 1}`, className: "w-40 h-40 object-cover rounded-xl hover:scale-105 transition-transform duration-300", __source: { fileName: "", lineNumber: 318, columnNumber: 29 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "mb-6 bg-white/5 rounded-xl p-4", __source: { fileName: "", lineNumber: 329, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "prose prose-invert max-w-none", dangerouslySetInnerHTML: { __html: group.richText }, __source: { fileName: "", lineNumber: 330, columnNumber: 23 }, __self: this })), group.documents?.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "mb-6 bg-white/5 rounded-xl p-4", __source: { fileName: "", lineNumber: 337, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-white/80 text-sm font-medium mb-3", __source: { fileName: "", lineNumber: 338, columnNumber: 25 }, __self: this }, "Documents"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-3", __source: { fileName: "", lineNumber: 341, columnNumber: 25 }, __self: this }, group.documents.map((doc, idx)=>/*#__PURE__*/ React.createElement("a", { key: idx, href: doc.url, target: "_blank", rel: "noopener noreferrer", className: "flex items-center p-3 bg-white/5 rounded-lg hover:bg-white/10 transition-colors", __source: { fileName: "", lineNumber: 343, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-file-pdf text-2xl text-[#00b894] mr-3", __source: { fileName: "", lineNumber: 350, columnNumber: 31 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-white/80 hover:text-white transition-colors", __source: { fileName: "", lineNumber: 351, columnNumber: 31 }, __self: this }, doc.name))))), /*#__PURE__*/ React.createElement("div", { className: "border-t border-white/10 pt-6 mt-6", __source: { fileName: "", lineNumber: 360, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between mb-4", __source: { fileName: "", lineNumber: 361, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-white/80 text-sm font-medium", __source: { fileName: "", lineNumber: 362, columnNumber: 25 }, __self: this }, "Participants"), /*#__PURE__*/ React.createElement("div", { className: "flex gap-4", __source: { fileName: "", lineNumber: 365, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/focus-group-analysis", className: "text-[#00b894] hover:text-[#00a88a] transition-colors", __source: { fileName: "", lineNumber: 366, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-chart-line mr-2", __source: { fileName: "", lineNumber: 370, columnNumber: 29 }, __self: this }), "Analysis Dashboard"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleRefreshAll(group.id), disabled: refreshingAll, className: "text-[#00b894] hover:text-[#00a88a] transition-colors", __source: { fileName: "", lineNumber: 373, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas fa-${refreshingAll ? "spinner fa-spin" : "arrows-rotate"} mr-2`, __source: { fileName: "", lineNumber: 378, columnNumber: 29 }, __self: this }), "Refresh All"))), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 389, columnNumber: 23 }, __self: this }, group.participants.map((participant, idx)=>/*#__PURE__*/ React.createElement("div", { key: idx, className: "bg-white/5 rounded-xl p-4 hover:bg-white/10 transition-colors duration-300", __source: { fileName: "", lineNumber: 391, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between cursor-pointer", onClick: ()=>setExpandedParticipants((prev)=>({ ...prev, [group.id + idx]: !prev[group.id + idx] })), __source: { fileName: "", lineNumber: 395, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 404, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-10 h-10 rounded-full bg-gradient-to-r from-[#00b894] to-[#00a88a] flex items-center justify-center text-white text-lg mr-4", __source: { fileName: "", lineNumber: 405, columnNumber: 33 }, __self: this }, participant.name.charAt(0)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 408, columnNumber: 33 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-medium text-white", __source: { fileName: "", lineNumber: 409, columnNumber: 35 }, __self: this }, participant.name), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-white/60", __source: { fileName: "", lineNumber: 412, columnNumber: 35 }, __self: this }, participant.occupation), /*#__PURE__*/ React.createElement("div", { className: "flex gap-2 mt-1", __source: { fileName: "", lineNumber: 415, columnNumber: 35 }, __self: this }, participant.expertise?.map((skill, i)=>/*#__PURE__*/ React.createElement("span", { key: i, className: "text-xs bg-[#00b894]/10 text-[#00b894] px-2 py-0.5 rounded", __source: { fileName: "", lineNumber: 417, columnNumber: 39 }, __self: this }, skill))))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-4", __source: { fileName: "", lineNumber: 427, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 428, columnNumber: 33 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-12 h-12 relative", __source: { fileName: "", lineNumber: 429, columnNumber: 35 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { className: "w-12 h-12 transform -rotate-90", __source: { fileName: "", lineNumber: 430, columnNumber: 37 }, __self: this }, /*#__PURE__*/ React.createElement("circle", { className: "text-white/10", strokeWidth: "2", stroke: "currentColor", fill: "transparent", r: "20", cx: "24", cy: "24", __source: { fileName: "", lineNumber: 431, columnNumber: 39 }, __self: this }), /*#__PURE__*/ React.createElement("circle", { className: "text-[#00b894]", strokeWidth: "2", strokeDasharray: 125.6, strokeDashoffset: 125.6 * (1 - calculateMatchScore(participant, group.targetAudience) / 100), strokeLinecap: "round", stroke: "currentColor", fill: "transparent", r: "20", cx: "24", cy: "24", __source: { fileName: "", lineNumber: 440, columnNumber: 39 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 text-sm font-medium text-white", __source: { fileName: "", lineNumber: 461, columnNumber: 37 }, __self: this }, calculateMatchScore(participant, group.targetAudience), "%"))), /*#__PURE__*/ React.createElement("button", { onClick: (e)=>{ e.stopPropagation(); handleRefreshParticipant(group.id, idx); }, disabled: refreshingParticipant === idx, className: "text-white/60 hover:text-[#00b894] transition-colors", __source: { fileName: "", lineNumber: 470, columnNumber: 33 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas fa-${refreshingParticipant === idx ? "spinner fa-spin" : "sync"}`, __source: { fileName: "", lineNumber: 478, columnNumber: 35 }, __self: this })), /*#__PURE__*/ React.createElement("i", { className: `fas fa-chevron-${expandedParticipants[group.id + idx] ? "up" : "down"} text-white/60`, __source: { fileName: "", lineNumber: 486, columnNumber: 33 }, __self: this }))), expandedParticipants[group.id + idx] && /*#__PURE__*/ React.createElement("div", { className: "mt-4 pt-4 border-t border-white/10", __source: { fileName: "", lineNumber: 497, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 gap-4 mb-4", __source: { fileName: "", lineNumber: 498, columnNumber: 33 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 499, columnNumber: 35 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-sm text-white/60", __source: { fileName: "", lineNumber: 500, columnNumber: 37 }, __self: this }, "Age"), /*#__PURE__*/ React.createElement("div", { className: "text-white", __source: { fileName: "", lineNumber: 503, columnNumber: 37 }, __self: this }, participant.age, " years")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 507, columnNumber: 35 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-sm text-white/60", __source: { fileName: "", lineNumber: 508, columnNumber: 37 }, __self: this }, "Location"), /*#__PURE__*/ React.createElement("div", { className: "text-white", __source: { fileName: "", lineNumber: 511, columnNumber: 37 }, __self: this }, participant.location)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 515, columnNumber: 35 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-sm text-white/60", __source: { fileName: "", lineNumber: 516, columnNumber: 37 }, __self: this }, "Email"), /*#__PURE__*/ React.createElement("div", { className: "text-white truncate", __source: { fileName: "", lineNumber: 519, columnNumber: 37 }, __self: this }, participant.email)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 523, columnNumber: 35 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-sm text-white/60", __source: { fileName: "", lineNumber: 524, columnNumber: 37 }, __self: this }, "Phone"), /*#__PURE__*/ React.createElement("div", { className: "text-white", __source: { fileName: "", lineNumber: 527, columnNumber: 37 }, __self: this }, participant.phone))), /*#__PURE__*/ React.createElement("div", { className: "bg-white/5 rounded-lg p-4 space-y-4", __source: { fileName: "", lineNumber: 532, columnNumber: 33 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 533, columnNumber: 35 }, __self: this }, /*#__PURE__*/ React.createElement("h5", { className: "text-white font-medium mb-2", __source: { fileName: "", lineNumber: 534, columnNumber: 37 }, __self: this }, "Expertise Level"), /*#__PURE__*/ React.createElement("div", { className: "flex gap-2", __source: { fileName: "", lineNumber: 537, columnNumber: 37 }, __self: this }, [ 1, 2, 3, 4, 5 ].map((level)=>/*#__PURE__*/ React.createElement("div", { key: level, className: `w-8 h-2 rounded ${level <= participant.expertiseLevel ? "bg-[#00b894]" : "bg-white/10"}`, __source: { fileName: "", lineNumber: 539, columnNumber: 41 }, __self: this })), /*#__PURE__*/ React.createElement("span", { className: "text-white/60 text-sm ml-2", __source: { fileName: "", lineNumber: 548, columnNumber: 39 }, __self: this }, participant.experience))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 553, columnNumber: 35 }, __self: this }, /*#__PURE__*/ React.createElement("h5", { className: "text-white font-medium mb-2", __source: { fileName: "", lineNumber: 554, columnNumber: 37 }, __self: this }, "Communication Style"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-2", __source: { fileName: "", lineNumber: 557, columnNumber: 37 }, __self: this }, participant.communicationStyle?.map((style, i)=>/*#__PURE__*/ React.createElement("span", { key: i, className: "bg-white/10 text-white/80 px-3 py-1 rounded-full text-sm", __source: { fileName: "", lineNumber: 560, columnNumber: 43 }, __self: this }, style)))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 570, columnNumber: 35 }, __self: this }, /*#__PURE__*/ React.createElement("h5", { className: "text-white font-medium mb-2", __source: { fileName: "", lineNumber: 571, columnNumber: 37 }, __self: this }, "Response Pattern"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-4", __source: { fileName: "", lineNumber: 574, columnNumber: 37 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-1 h-2 bg-white/10 rounded-full overflow-hidden", __source: { fileName: "", lineNumber: 575, columnNumber: 39 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "h-full bg-[#00b894]", style: { width: `${participant.responseRate || 0}%` }, __source: { fileName: "", lineNumber: 576, columnNumber: 41 }, __self: this })), /*#__PURE__*/ React.createElement("span", { className: "text-white/60 text-sm", __source: { fileName: "", lineNumber: 585, columnNumber: 39 }, __self: this }, participant.responseRate, "% Response Rate"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 591, columnNumber: 35 }, __self: this }, /*#__PURE__*/ React.createElement("h5", { className: "text-white font-medium mb-2", __source: { fileName: "", lineNumber: 592, columnNumber: 37 }, __self: this }, "Background"), /*#__PURE__*/ React.createElement("div", { className: "space-y-2 text-sm text-white/80", __source: { fileName: "", lineNumber: 595, columnNumber: 37 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 596, columnNumber: 39 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-white/60", __source: { fileName: "", lineNumber: 597, columnNumber: 41 }, __self: this }, "Education:"), " ", participant.education), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 602, columnNumber: 39 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-white/60", __source: { fileName: "", lineNumber: 603, columnNumber: 41 }, __self: this }, "Industry Experience:"), " ", participant.relevantExperience), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 608, columnNumber: 39 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-white/60", __source: { fileName: "", lineNumber: 609, columnNumber: 41 }, __self: this }, "Specializations:"), " ", participant.expertise?.join(", ")))))))))))))))), /*#__PURE__*/ React.createElement("footer", { className: "bg-white/5 backdrop-blur-xl border-t border-white/10", __source: { fileName: "", lineNumber: 629, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-6 py-4", __source: { fileName: "", lineNumber: 630, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 631, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-white/60", __source: { fileName: "", lineNumber: 632, columnNumber: 15 }, __self: this }, "© 2023 FocusLensPro. All rights reserved."), /*#__PURE__*/ React.createElement("nav", { className: "flex gap-6", __source: { fileName: "", lineNumber: 635, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/privacy", className: "text-white/60 hover:text-white", __source: { fileName: "", lineNumber: 636, columnNumber: 17 }, __self: this }, "Privacy Policy"), /*#__PURE__*/ React.createElement("a", { href: "/terms", className: "text-white/60 hover:text-white", __source: { fileName: "", lineNumber: 639, columnNumber: 17 }, __self: this }, "Terms of Service")))))); } return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-br from-[#f8f9fa] to-[#e9ecef] p-6", __source: { fileName: "", lineNumber: 651, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto", __source: { fileName: "", lineNumber: 652, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-2xl shadow-xl p-8", __source: { fileName: "", lineNumber: 653, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-6", __source: { fileName: "", lineNumber: 654, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-poppins font-bold text-[#2d3436]", __source: { fileName: "", lineNumber: 655, columnNumber: 13 }, __self: this }, "FocusLens", /*#__PURE__*/ React.createElement("span", { className: "text-[#00b894]", __source: { fileName: "", lineNumber: 657, columnNumber: 15 }, __self: this }, "Pro")), focusGroups?.length > 0 && /*#__PURE__*/ React.createElement("button", { onClick: ()=>setView("dashboard"), className: "text-[#00b894] hover:text-[#00a88a] transition", __source: { fileName: "", lineNumber: 660, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-th-large mr-2", __source: { fileName: "", lineNumber: 664, columnNumber: 17 }, __self: this }), "View Dashboard")), /*#__PURE__*/ React.createElement("div", { className: "flex gap-4 mb-8", __source: { fileName: "", lineNumber: 669, columnNumber: 11 }, __self: this }, [ 1, 2, 3 ].map((num)=>/*#__PURE__*/ React.createElement("div", { key: num, className: `h-2 flex-1 rounded-full ${step >= num ? "bg-[#00b894]" : "bg-gray-200"}`, __source: { fileName: "", lineNumber: 671, columnNumber: 15 }, __self: this }))), step === 1 && /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 681, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-poppins font-semibold text-[#2d3436]", __source: { fileName: "", lineNumber: 682, columnNumber: 15 }, __self: this }, "Project Details"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 686, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "projectName", placeholder: "Project Name", className: "w-full px-4 py-3 rounded-lg border border-gray-200 focus:border-[#00b894] focus:ring-2 focus:ring-[#00b894] focus:ring-opacity-20 outline-none transition", value: formData.projectName, onChange: handleInputChange, __source: { fileName: "", lineNumber: 687, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("select", { name: "industry", className: "w-full px-4 py-3 rounded-lg border border-gray-200 focus:border-[#00b894] focus:ring-2 focus:ring-[#00b894] focus:ring-opacity-20 outline-none transition", value: formData.industry, onChange: handleInputChange, __source: { fileName: "", lineNumber: 696, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 702, columnNumber: 19 }, __self: this }, "Select Industry"), /*#__PURE__*/ React.createElement("option", { value: "tech", __source: { fileName: "", lineNumber: 703, columnNumber: 19 }, __self: this }, "Technology"), /*#__PURE__*/ React.createElement("option", { value: "retail", __source: { fileName: "", lineNumber: 704, columnNumber: 19 }, __self: this }, "Retail"), /*#__PURE__*/ React.createElement("option", { value: "healthcare", __source: { fileName: "", lineNumber: 705, columnNumber: 19 }, __self: this }, "Healthcare"), /*#__PURE__*/ React.createElement("option", { value: "finance", __source: { fileName: "", lineNumber: 706, columnNumber: 19 }, __self: this }, "Finance"), /*#__PURE__*/ React.createElement("option", { value: "education", __source: { fileName: "", lineNumber: 707, columnNumber: 19 }, __self: this }, "Education")), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 710, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 711, columnNumber: 19 }, __self: this }, "Product Images"), /*#__PURE__*/ React.createElement("div", { className: "flex gap-4 flex-wrap", __source: { fileName: "", lineNumber: 714, columnNumber: 19 }, __self: this }, productImages.map((url, idx)=>/*#__PURE__*/ React.createElement("div", { key: idx, className: "relative", __source: { fileName: "", lineNumber: 716, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: url, alt: `Product ${idx + 1}`, className: "w-24 h-24 object-cover rounded-lg", __source: { fileName: "", lineNumber: 717, columnNumber: 25 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ setProductImages((prev)=>prev.filter((_, i)=>i !== idx)); setFormData((prev)=>({ ...prev, productImages: prev.productImages.filter((_, i)=>i !== idx) })); }, className: "absolute -top-2 -right-2 bg-red-500 text-white rounded-full w-6 h-6 flex items-center justify-center", __source: { fileName: "", lineNumber: 722, columnNumber: 25 }, __self: this }, "×"))), /*#__PURE__*/ React.createElement("label", { className: "w-24 h-24 border-2 border-dashed border-gray-300 rounded-lg flex items-center justify-center cursor-pointer hover:border-[#00b894]", __source: { fileName: "", lineNumber: 740, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "file", accept: "image/*", className: "hidden", onChange: (e)=>e.target.files && handleImageUpload(e.target.files[0]), __source: { fileName: "", lineNumber: 741, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fas fa-plus text-gray-400", __source: { fileName: "", lineNumber: 749, columnNumber: 23 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 754, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 755, columnNumber: 19 }, __self: this }, "Documents"), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 758, columnNumber: 19 }, __self: this }, documents.map((doc, idx)=>/*#__PURE__*/ React.createElement("div", { key: idx, className: "flex items-center justify-between bg-gray-50 p-2 rounded", __source: { fileName: "", lineNumber: 760, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 764, columnNumber: 25 }, __self: this }, doc.name), /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ setDocuments((prev)=>prev.filter((_, i)=>i !== idx)); setFormData((prev)=>({ ...prev, documents: prev.documents.filter((_, i)=>i !== idx) })); }, className: "text-red-500", __source: { fileName: "", lineNumber: 765, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-trash", __source: { fileName: "", lineNumber: 779, columnNumber: 27 }, __self: this })))), /*#__PURE__*/ React.createElement("label", { className: "block", __source: { fileName: "", lineNumber: 783, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "file", className: "block w-full text-sm text-gray-500 file:mr-4 file:py-2 file:px-4 file:rounded-full file:border-0 file:text-sm file:font-semibold file:bg-[#00b894] file:text-white hover:file:bg-[#00a88a]", onChange: (e)=>e.target.files && handleDocumentUpload(e.target.files[0]), __source: { fileName: "", lineNumber: 784, columnNumber: 23 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 801, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 802, columnNumber: 19 }, __self: this }, "Detailed Product Information"), /*#__PURE__*/ React.createElement("div", { className: "border rounded-lg", __source: { fileName: "", lineNumber: 805, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { value: richText, onChange: (e)=>handleRichTextChange(e.target.value), className: "w-full px-4 py-3 rounded-lg border border-gray-200 focus:border-[#00b894] focus:ring-2 focus:ring-[#00b894] focus:ring-opacity-20 outline-none transition min-h-[200px]", placeholder: "Enter detailed product information...", __source: { fileName: "", lineNumber: 806, columnNumber: 21 }, __self: this }))), /*#__PURE__*/ React.createElement("textarea", { name: "productDescription", placeholder: "Describe your product or service", className: "w-full px-4 py-3 rounded-lg border border-gray-200 focus:border-[#00b894] focus:ring-2 focus:ring-[#00b894] focus:ring-opacity-20 outline-none transition h-32", value: formData.productDescription, onChange: handleInputChange, __source: { fileName: "", lineNumber: 815, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("textarea", { name: "mission", placeholder: "What's your mission?", className: "w-full px-4 py-3 rounded-lg border border-gray-200 focus:border-[#00b894] focus:ring-2 focus:ring-[#00b894] focus:ring-opacity-20 outline-none transition h-32", value: formData.mission, onChange: handleInputChange, __source: { fileName: "", lineNumber: 823, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setStep(2), className: "w-full bg-[#00b894] text-white font-semibold py-3 rounded-lg hover:bg-[#00a88a] transition", __source: { fileName: "", lineNumber: 832, columnNumber: 15 }, __self: this }, "Next Step", /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-right ml-2", __source: { fileName: "", lineNumber: 837, columnNumber: 17 }, __self: this }))), step === 2 && /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 843, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-poppins font-semibold text-[#2d3436]", __source: { fileName: "", lineNumber: 844, columnNumber: 15 }, __self: this }, "Target Audience"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 847, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 848, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("select", { name: "targetAudience.ageRange", className: "px-4 py-3 rounded-lg border border-gray-200 focus:border-[#00b894] focus:ring-2 focus:ring-[#00b894] focus:ring-opacity-20 outline-none transition", value: formData.targetAudience.ageRange, onChange: handleInputChange, __source: { fileName: "", lineNumber: 849, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 855, columnNumber: 21 }, __self: this }, "Age Range"), /*#__PURE__*/ React.createElement("option", { value: "18-24", __source: { fileName: "", lineNumber: 856, columnNumber: 21 }, __self: this }, "18-24"), /*#__PURE__*/ React.createElement("option", { value: "25-34", __source: { fileName: "", lineNumber: 857, columnNumber: 21 }, __self: this }, "25-34"), /*#__PURE__*/ React.createElement("option", { value: "35-44", __source: { fileName: "", lineNumber: 858, columnNumber: 21 }, __self: this }, "35-44"), /*#__PURE__*/ React.createElement("option", { value: "45-54", __source: { fileName: "", lineNumber: 859, columnNumber: 21 }, __self: this }, "45-54"), /*#__PURE__*/ React.createElement("option", { value: "55+", __source: { fileName: "", lineNumber: 860, columnNumber: 21 }, __self: this }, "55+")), /*#__PURE__*/ React.createElement("select", { name: "targetAudience.gender", className: "px-4 py-3 rounded-lg border border-gray-200 focus:border-[#00b894] focus:ring-2 focus:ring-[#00b894] focus:ring-opacity-20 outline-none transition", value: formData.targetAudience.gender, onChange: handleInputChange, __source: { fileName: "", lineNumber: 863, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 869, columnNumber: 21 }, __self: this }, "Gender"), /*#__PURE__*/ React.createElement("option", { value: "all", __source: { fileName: "", lineNumber: 870, columnNumber: 21 }, __self: this }, "All"), /*#__PURE__*/ React.createElement("option", { value: "male", __source: { fileName: "", lineNumber: 871, columnNumber: 21 }, __self: this }, "Male"), /*#__PURE__*/ React.createElement("option", { value: "female", __source: { fileName: "", lineNumber: 872, columnNumber: 21 }, __self: this }, "Female"), /*#__PURE__*/ React.createElement("option", { value: "non-binary", __source: { fileName: "", lineNumber: 873, columnNumber: 21 }, __self: this }, "Non-binary"))), /*#__PURE__*/ React.createElement("input", { type: "text", name: "targetAudience.location", placeholder: "Location", className: "w-full px-4 py-3 rounded-lg border border-gray-200 focus:border-[#00b894] focus:ring-2 focus:ring-[#00b894] focus:ring-opacity-20 outline-none transition", value: formData.targetAudience.location, onChange: handleInputChange, __source: { fileName: "", lineNumber: 876, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("select", { name: "targetAudience.income", className: "w-full px-4 py-3 rounded-lg border border-gray-200 focus:border-[#00b894] focus:ring-2 focus:ring-[#00b894] focus:ring-opacity-20 outline-none transition", value: formData.targetAudience.income, onChange: handleInputChange, __source: { fileName: "", lineNumber: 884, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 890, columnNumber: 19 }, __self: this }, "Income Level"), /*#__PURE__*/ React.createElement("option", { value: "0-25k", __source: { fileName: "", lineNumber: 891, columnNumber: 19 }, __self: this }, "$0-$25,000"), /*#__PURE__*/ React.createElement("option", { value: "25k-50k", __source: { fileName: "", lineNumber: 892, columnNumber: 19 }, __self: this }, "$25,000-$50,000"), /*#__PURE__*/ React.createElement("option", { value: "50k-75k", __source: { fileName: "", lineNumber: 893, columnNumber: 19 }, __self: this }, "$50,000-$75,000"), /*#__PURE__*/ React.createElement("option", { value: "75k-100k", __source: { fileName: "", lineNumber: 894, columnNumber: 19 }, __self: this }, "$75,000-$100,000"), /*#__PURE__*/ React.createElement("option", { value: "100k+", __source: { fileName: "", lineNumber: 895, columnNumber: 19 }, __self: this }, "$100,000+")), /*#__PURE__*/ React.createElement("select", { name: "targetAudience.education", className: "w-full px-4 py-3 rounded-lg border border-gray-200 focus:border-[#00b894] focus:ring-2 focus:ring-[#00b894] focus:ring-opacity-20 outline-none transition", value: formData.targetAudience.education, onChange: handleInputChange, __source: { fileName: "", lineNumber: 897, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 903, columnNumber: 19 }, __self: this }, "Education Level"), /*#__PURE__*/ React.createElement("option", { value: "high-school", __source: { fileName: "", lineNumber: 904, columnNumber: 19 }, __self: this }, "High School"), /*#__PURE__*/ React.createElement("option", { value: "bachelors", __source: { fileName: "", lineNumber: 905, columnNumber: 19 }, __self: this }, "Bachelor's Degree"), /*#__PURE__*/ React.createElement("option", { value: "masters", __source: { fileName: "", lineNumber: 906, columnNumber: 19 }, __self: this }, "Master's Degree"), /*#__PURE__*/ React.createElement("option", { value: "phd", __source: { fileName: "", lineNumber: 907, columnNumber: 19 }, __self: this }, "Ph.D.")), /*#__PURE__*/ React.createElement("input", { type: "text", name: "targetAudience.occupation", placeholder: "Occupation", className: "w-full px-4 py-3 rounded-lg border border-gray-200 focus:border-[#00b894] focus:ring-2 focus:ring-[#00b894] focus:ring-opacity-20 outline-none transition", value: formData.targetAudience.occupation, onChange: handleInputChange, __source: { fileName: "", lineNumber: 909, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex gap-4", __source: { fileName: "", lineNumber: 918, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setStep(1), className: "flex-1 bg-gray-100 text-gray-600 font-semibold py-3 rounded-lg hover:bg-gray-200 transition", __source: { fileName: "", lineNumber: 919, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-left mr-2", __source: { fileName: "", lineNumber: 923, columnNumber: 19 }, __self: this }), "Back"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setStep(3), className: "flex-1 bg-[#00b894] text-white font-semibold py-3 rounded-lg hover:bg-[#00a88a] transition", __source: { fileName: "", lineNumber: 926, columnNumber: 17 }, __self: this }, "Next Step", /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-right ml-2", __source: { fileName: "", lineNumber: 931, columnNumber: 19 }, __self: this })))), step === 3 && /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 938, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-poppins font-semibold text-[#2d3436]", __source: { fileName: "", lineNumber: 939, columnNumber: 15 }, __self: this }, "Focus Group Questions"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 943, columnNumber: 15 }, __self: this }, "You can use our recommended questions or add your own. Select at least 3 questions to continue."), /*#__PURE__*/ React.createElement("div", { className: "p-6 bg-[#f8f9fa] rounded-xl", __source: { fileName: "", lineNumber: 948, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-[#2d3436] font-medium mb-4", __source: { fileName: "", lineNumber: 949, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-lightbulb text-[#00b894] mr-2", __source: { fileName: "", lineNumber: 950, columnNumber: 19 }, __self: this }), "Recommended Questions:"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-3", __source: { fileName: "", lineNumber: 953, columnNumber: 17 }, __self: this }, currentIndustryQuestions.map((question, index)=>/*#__PURE__*/ React.createElement("li", { key: index, className: "flex items-center justify-between group", __source: { fileName: "", lineNumber: 955, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 959, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", checked: selectedQuestions.includes(question), onChange: ()=>{ if (selectedQuestions.includes(question)) { setSelectedQuestions((prev)=>prev.filter((q)=>q !== question)); } else { setSelectedQuestions((prev)=>[ ...prev, question ]); } }, className: "mr-3 h-4 w-4 text-[#00b894] rounded border-gray-300 focus:ring-[#00b894]", __source: { fileName: "", lineNumber: 960, columnNumber: 25 }, __self: this }), editingQuestion === index ? /*#__PURE__*/ React.createElement("input", { type: "text", value: editedQuestion, onChange: (e)=>setEditedQuestion(e.target.value), onBlur: ()=>{ const updatedQuestions = [ ...selectedQuestions ]; const idx = updatedQuestions.indexOf(question); if (idx !== -1) { updatedQuestions[idx] = editedQuestion; setSelectedQuestions(updatedQuestions); } setEditingQuestion(null); }, className: "flex-1 px-2 py-1 border rounded", autoFocus: true, __source: { fileName: "", lineNumber: 978, columnNumber: 27 }, __self: this }) : /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 995, columnNumber: 27 }, __self: this }, question)), /*#__PURE__*/ React.createElement("div", { className: "opacity-0 group-hover:opacity-100 transition-opacity", __source: { fileName: "", lineNumber: 998, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ setEditingQuestion(index); setEditedQuestion(question); }, className: "text-gray-400 hover:text-[#00b894] mr-2", __source: { fileName: "", lineNumber: 999, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-edit", __source: { fileName: "", lineNumber: 1006, columnNumber: 27 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setSelectedQuestions((prev)=>prev.filter((q)=>q !== question)), className: "text-gray-400 hover:text-red-500", __source: { fileName: "", lineNumber: 1008, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-trash", __source: { fileName: "", lineNumber: 1016, columnNumber: 27 }, __self: this }))))))), /*#__PURE__*/ React.createElement("div", { className: "p-6 bg-[#f8f9fa] rounded-xl", __source: { fileName: "", lineNumber: 1024, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between mb-4", __source: { fileName: "", lineNumber: 1025, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-[#2d3436] font-medium", __source: { fileName: "", lineNumber: 1026, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-plus-circle text-[#00b894] mr-2", __source: { fileName: "", lineNumber: 1027, columnNumber: 21 }, __self: this }), "Custom Questions:")), /*#__PURE__*/ React.createElement("div", { className: "flex gap-2 mb-4", __source: { fileName: "", lineNumber: 1031, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", value: newQuestion, onChange: (e)=>setNewQuestion(e.target.value), placeholder: "Type your question here...", className: "flex-1 px-4 py-2 rounded-lg border border-gray-200 focus:border-[#00b894] focus:ring-2 focus:ring-[#00b894] focus:ring-opacity-20 outline-none transition", __source: { fileName: "", lineNumber: 1032, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ if (newQuestion.trim()) { setSelectedQuestions((prev)=>[ ...prev, newQuestion.trim() ]); setNewQuestion(""); } }, className: "bg-[#00b894] text-white px-4 py-2 rounded-lg hover:bg-[#00a88a] transition", __source: { fileName: "", lineNumber: 1039, columnNumber: 19 }, __self: this }, "Add")), /*#__PURE__*/ React.createElement("ul", { className: "space-y-3", __source: { fileName: "", lineNumber: 1054, columnNumber: 17 }, __self: this }, customQuestions.map((question, index)=>/*#__PURE__*/ React.createElement("li", { key: index, className: "flex items-center justify-between group", __source: { fileName: "", lineNumber: 1056, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 1060, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", checked: selectedQuestions.includes(question), onChange: ()=>{ if (selectedQuestions.includes(question)) { setSelectedQuestions((prev)=>prev.filter((q)=>q !== question)); } else { setSelectedQuestions((prev)=>[ ...prev, question ]); } }, className: "mr-3 h-4 w-4 text-[#00b894] rounded border-gray-300 focus:ring-[#00b894]", __source: { fileName: "", lineNumber: 1061, columnNumber: 25 }, __self: this }), question), /*#__PURE__*/ React.createElement("div", { className: "opacity-0 group-hover:opacity-100 transition-opacity", __source: { fileName: "", lineNumber: 1080, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCustomQuestions((prev)=>prev.filter((q)=>q !== question)), className: "text-gray-400 hover:text-red-500", __source: { fileName: "", lineNumber: 1081, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-trash", __source: { fileName: "", lineNumber: 1089, columnNumber: 27 }, __self: this }))))))), /*#__PURE__*/ React.createElement("button", { onClick: handleSubmit, disabled: loading || selectedQuestions.length < 3, className: "w-full bg-[#00b894] text-white font-semibold py-3 rounded-lg hover:bg-[#00a88a] transition disabled:opacity-50 disabled:cursor-not-allowed", __source: { fileName: "", lineNumber: 1097, columnNumber: 15 }, __self: this }, loading ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin mr-2", __source: { fileName: "", lineNumber: 1104, columnNumber: 21 }, __self: this }), "Generating Participants...") : /*#__PURE__*/ React.createElement(React.Fragment, null, "Launch Focus Group", /*#__PURE__*/ React.createElement("i", { className: "fas fa-rocket ml-2", __source: { fileName: "", lineNumber: 1110, columnNumber: 21 }, __self: this }))), selectedQuestions.length < 3 && /*#__PURE__*/ React.createElement("p", { className: "text-sm text-red-500 text-center", __source: { fileName: "", lineNumber: 1115, columnNumber: 17 }, __self: this }, "Please select at least 3 questions to continue")), step === 4 && /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 1123, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-poppins font-semibold text-[#2d3436]", __source: { fileName: "", lineNumber: 1124, columnNumber: 15 }, __self: this }, "Incentives & Requirements"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 1128, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 1129, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1130, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 1131, columnNumber: 21 }, __self: this }, "Incentive Amount (per participant)"), /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 1134, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "absolute left-3 top-3 text-gray-500", __source: { fileName: "", lineNumber: 1135, columnNumber: 23 }, __self: this }, "$"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "incentiveAmount", min: "0", step: "5", className: "w-full pl-8 px-4 py-3 rounded-lg border border-gray-200 focus:border-[#00b894] focus:ring-2 focus:ring-[#00b894] focus:ring-opacity-20 outline-none transition", value: formData.incentiveAmount || "", onChange: handleInputChange, __source: { fileName: "", lineNumber: 1138, columnNumber: 23 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1149, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 1150, columnNumber: 21 }, __self: this }, "Participant Count"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "participantCount", min: "5", max: "50", className: "w-full px-4 py-3 rounded-lg border border-gray-200 focus:border-[#00b894] focus:ring-2 focus:ring-[#00b894] focus:ring-opacity-20 outline-none transition", value: formData.participantCount || "", onChange: handleInputChange, __source: { fileName: "", lineNumber: 1153, columnNumber: 21 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "bg-[#f8f9fa] rounded-xl p-4", __source: { fileName: "", lineNumber: 1165, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center text-[#2d3436]", __source: { fileName: "", lineNumber: 1166, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 1167, columnNumber: 21 }, __self: this }, "Estimated Total Cost:"), /*#__PURE__*/ React.createElement("span", { className: "text-xl font-semibold", __source: { fileName: "", lineNumber: 1168, columnNumber: 21 }, __self: this }, "$", ((formData.incentiveAmount || 0) * (formData.participantCount || 0)).toFixed(2)))), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 1178, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 1179, columnNumber: 19 }, __self: this }, "Participant Requirements"), /*#__PURE__*/ React.createElement("textarea", { name: "requirements", placeholder: "List any specific requirements for participants...", className: "w-full px-4 py-3 rounded-lg border border-gray-200 focus:border-[#00b894] focus:ring-2 focus:ring-[#00b894] focus:ring-opacity-20 outline-none transition h-32", value: formData.requirements || "", onChange: handleInputChange, __source: { fileName: "", lineNumber: 1182, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-2", __source: { fileName: "", lineNumber: 1191, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", id: "isPublic", name: "isPublic", checked: formData.isPublic || false, onChange: (e)=>handleInputChange({ target: { name: "isPublic", value: e.target.checked } }), className: "h-4 w-4 text-[#00b894] rounded border-gray-300 focus:ring-[#00b894]", __source: { fileName: "", lineNumber: 1192, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("label", { htmlFor: "isPublic", className: "text-sm text-gray-700", __source: { fileName: "", lineNumber: 1207, columnNumber: 19 }, __self: this }, "Make this focus group public"))), /*#__PURE__*/ React.createElement("div", { className: "flex gap-4", __source: { fileName: "", lineNumber: 1213, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setStep(3), className: "flex-1 bg-gray-100 text-gray-600 font-semibold py-3 rounded-lg hover:bg-gray-200 transition", __source: { fileName: "", lineNumber: 1214, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-left mr-2", __source: { fileName: "", lineNumber: 1218, columnNumber: 19 }, __self: this }), "Back"), /*#__PURE__*/ React.createElement("button", { onClick: handleSubmit, disabled: loading, className: "flex-1 bg-[#00b894] text-white font-semibold py-3 rounded-lg hover:bg-[#00a88a] transition", __source: { fileName: "", lineNumber: 1221, columnNumber: 17 }, __self: this }, loading ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin mr-2", __source: { fileName: "", lineNumber: 1228, columnNumber: 23 }, __self: this }), "Creating Focus Group...") : /*#__PURE__*/ React.createElement(React.Fragment, null, "Create Focus Group", /*#__PURE__*/ React.createElement("i", { className: "fas fa-check ml-2", __source: { fileName: "", lineNumber: 1234, columnNumber: 23 }, __self: this })))))))); }