function MainComponent() { const [searchQuery, setSearchQuery] = useState(""); const [maxItems, setMaxItems] = useState(10); const [loading, setLoading] = useState(false); const [error, setError] = useState(""); const [products, setProducts] = useState([]); const [selectedTikToks, setSelectedTikToks] = useState([]); const [showTikTokModal, setShowTikTokModal] = useState(false); const [loadingTikToks, setLoadingTikToks] = useState(false); const handleSearch = async (e)=>{ e.preventDefault(); if (!searchQuery.trim()) return; setLoading(true); setError(""); try { const response = await fetch("/api/amazon-product-scraper", { method: "POST", body: JSON.stringify({ searchQuery, maxItems }) }); const data = await response.json(); if (!data.success) { throw new Error(data.error || "Failed to fetch products"); } setProducts(data.data || []); } catch (error) { setError(error.message); } finally{ setLoading(false); } }; const handleTikTokSearch = async (product)=>{ setLoadingTikToks(true); setError(""); try { const response = await fetch("https://www.trycreatorconnect.com/api/copy-of-tik-tok-hashtag-search-tool", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ hashtags: [ searchQuery ], resultsPerPage: 3, shouldDownloadCovers: true, shouldDownloadVideos: false, shouldDownloadSubtitles: true, shouldDownloadSlideshowImages: false }) }); const data = await response.json(); if (!data.success) { throw new Error(data.error || "Failed to fetch TikToks"); } setSelectedTikToks(data.data || []); setShowTikTokModal(true); } catch (error) { setError(error.message); } finally{ setLoadingTikToks(false); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-white px-4", __source: { fileName: "", lineNumber: 74, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "flex justify-between items-center py-6 max-w-6xl mx-auto", __source: { fileName: "", lineNumber: 75, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "font-bold text-2xl bg-[#00ff00] px-4 py-1 rounded-lg", __source: { fileName: "", lineNumber: 76, columnNumber: 9 }, __self: this }, "CreatorConnect"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-4", __source: { fileName: "", lineNumber: 82, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { target: "_self", href: "https://trycreatorconnect.com/contract-management", className: "text-lg font-bold text-gray-600 hover:text-gray-900", __source: { fileName: "", lineNumber: 83, columnNumber: 11 }, __self: this }, "Contract Management"), /*#__PURE__*/ React.createElement("a", { target: "_self", href: "https://trycreatorconnect.com/google-maps-extractor-tool", className: "text-lg font-bold text-gray-600 hover:text-gray-900", __source: { fileName: "", lineNumber: 90, columnNumber: 11 }, __self: this }, "Business Lead Finder"), /*#__PURE__*/ React.createElement("a", { target: "_self", href: "https://trycreatorconnect.com/tiktok-search", className: "text-lg font-bold text-gray-600 hover:text-gray-900", __source: { fileName: "", lineNumber: 97, columnNumber: 11 }, __self: this }, "TikTok Data Search"), /*#__PURE__*/ React.createElement("a", { target: "_self", href: "https://trycreatorconnect.com/job-listings", className: "text-lg font-bold text-gray-600 hover:text-gray-900", __source: { fileName: "", lineNumber: 104, columnNumber: 11 }, __self: this }, "Job Listings"))), /*#__PURE__*/ React.createElement("main", { className: "max-w-6xl mx-auto py-12", __source: { fileName: "", lineNumber: 114, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold text-center mb-8", __source: { fileName: "", lineNumber: 115, columnNumber: 9 }, __self: this }, "Amazon Product Search"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSearch, className: "max-w-2xl mx-auto mb-12", __source: { fileName: "", lineNumber: 118, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row gap-4", __source: { fileName: "", lineNumber: 119, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-1", __source: { fileName: "", lineNumber: 120, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", value: searchQuery, onChange: (e)=>setSearchQuery(e.target.value), placeholder: "Search for products...", className: "w-full px-4 py-3 rounded-lg border border-gray-300 focus:outline-none focus:border-[#00ff00]", required: true, __source: { fileName: "", lineNumber: 121, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("input", { type: "number", min: "1", max: "100", value: maxItems, onChange: (e)=>setMaxItems(Number(e.target.value)), placeholder: "Max items", className: "px-4 py-3 rounded-lg border border-gray-300 focus:outline-none focus:border-[#00ff00] w-32", __source: { fileName: "", lineNumber: 130, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: loading, className: "bg-[#00ff00] text-black px-8 py-3 rounded-lg font-bold hover:opacity-90 disabled:opacity-50", __source: { fileName: "", lineNumber: 139, columnNumber: 13 }, __self: this }, loading ? /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin", __source: { fileName: "", lineNumber: 144, columnNumber: 26 }, __self: this }) : "Search")), /*#__PURE__*/ React.createElement("p", { className: "text-red-500 text-sm mt-2 text-center", __source: { fileName: "", lineNumber: 147, columnNumber: 11 }, __self: this }, "Please give the search about 1 minute to conduct a deep scan")), error && /*#__PURE__*/ React.createElement("div", { className: "bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded-lg mb-8 text-center", __source: { fileName: "", lineNumber: 153, columnNumber: 11 }, __self: this }, error), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8", __source: { fileName: "", lineNumber: 158, columnNumber: 9 }, __self: this }, products.map((product, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "bg-white rounded-xl shadow-lg overflow-hidden hover:shadow-xl transition-shadow border border-gray-100", __source: { fileName: "", lineNumber: 160, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-6", __source: { fileName: "", lineNumber: 164, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold text-lg mb-2 line-clamp-2", __source: { fileName: "", lineNumber: 165, columnNumber: 17 }, __self: this }, product.title), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2 mb-4", __source: { fileName: "", lineNumber: 168, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center text-yellow-400", __source: { fileName: "", lineNumber: 169, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-star", __source: { fileName: "", lineNumber: 170, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "ml-1 text-black", __source: { fileName: "", lineNumber: 171, columnNumber: 21 }, __self: this }, product.stars)), /*#__PURE__*/ React.createElement("span", { className: "text-gray-500", __source: { fileName: "", lineNumber: 173, columnNumber: 19 }, __self: this }, "(", product.reviewsCount.toLocaleString(), " reviews)")), /*#__PURE__*/ React.createElement("div", { className: "flex items-baseline gap-2 mb-4", __source: { fileName: "", lineNumber: 177, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-2xl font-bold", __source: { fileName: "", lineNumber: 178, columnNumber: 19 }, __self: this }, product.price?.currency, product.price?.value), product.listPrice && /*#__PURE__*/ React.createElement("span", { className: "text-gray-500 line-through", __source: { fileName: "", lineNumber: 183, columnNumber: 21 }, __self: this }, product.listPrice.currency, product.listPrice.value)), product.features && /*#__PURE__*/ React.createElement("ul", { className: "text-sm text-gray-600 mb-4 list-disc pl-4 space-y-1", __source: { fileName: "", lineNumber: 190, columnNumber: 19 }, __self: this }, product.features.slice(0, 3).map((feature, i)=>/*#__PURE__*/ React.createElement("li", { key: i, className: "line-clamp-2", __source: { fileName: "", lineNumber: 192, columnNumber: 23 }, __self: this }, feature))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between flex-col gap-2", __source: { fileName: "", lineNumber: 198, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 199, columnNumber: 19 }, __self: this }, product.brand), /*#__PURE__*/ React.createElement("div", { className: "flex gap-2 w-full", __source: { fileName: "", lineNumber: 200, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: product.url, target: "_blank", rel: "noopener noreferrer", className: "bg-[#00ff00] text-black px-4 py-2 rounded-lg hover:opacity-90 flex-1 text-center", __source: { fileName: "", lineNumber: 201, columnNumber: 21 }, __self: this }, "View on Amazon"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleTikTokSearch(product), disabled: loadingTikToks, className: "bg-black text-white px-4 py-2 rounded-lg hover:opacity-90 flex-1", __source: { fileName: "", lineNumber: 209, columnNumber: 21 }, __self: this }, loadingTikToks ? /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin", __source: { fileName: "", lineNumber: 215, columnNumber: 25 }, __self: this }) : "TikTok Examples"))))))), loading && /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center min-h-[200px]", __source: { fileName: "", lineNumber: 228, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin text-3xl text-[#00ff00]", __source: { fileName: "", lineNumber: 229, columnNumber: 13 }, __self: this })), !loading && products.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "text-center mt-8 text-gray-600", __source: { fileName: "", lineNumber: 234, columnNumber: 11 }, __self: this }, "Showing ", products.length, " products"), showTikTokModal && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center p-4 z-50", __source: { fileName: "", lineNumber: 240, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-xl p-6 max-w-2xl w-full max-h-[90vh] overflow-y-auto", __source: { fileName: "", lineNumber: 241, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-4", __source: { fileName: "", lineNumber: 242, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold", __source: { fileName: "", lineNumber: 243, columnNumber: 17 }, __self: this }, "TikTok Examples"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowTikTokModal(false), className: "text-gray-500 hover:text-gray-700", __source: { fileName: "", lineNumber: 244, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times text-xl", __source: { fileName: "", lineNumber: 248, columnNumber: 19 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 252, columnNumber: 15 }, __self: this }, selectedTikToks.map((tiktok, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "border rounded-lg p-4", __source: { fileName: "", lineNumber: 254, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-3 mb-4", __source: { fileName: "", lineNumber: 255, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: tiktok.author.avatar, alt: "Creator avatar", className: "w-12 h-12 rounded-full", __source: { fileName: "", lineNumber: 256, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 261, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold", __source: { fileName: "", lineNumber: 262, columnNumber: 25 }, __self: this }, tiktok.author.name))), /*#__PURE__*/ React.createElement("p", { className: "mb-4", __source: { fileName: "", lineNumber: 265, columnNumber: 21 }, __self: this }, tiktok.content.text), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 266, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 267, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-heart text-pink-500", __source: { fileName: "", lineNumber: 268, columnNumber: 25 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 269, columnNumber: 25 }, __self: this }, tiktok.stats.likes.toLocaleString(), " likes")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 271, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-comment text-blue-500", __source: { fileName: "", lineNumber: 272, columnNumber: 25 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 273, columnNumber: 25 }, __self: this }, tiktok.stats.comments.toLocaleString(), " comments")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 277, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-share text-green-500", __source: { fileName: "", lineNumber: 278, columnNumber: 25 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 279, columnNumber: 25 }, __self: this }, tiktok.stats.shares.toLocaleString(), " shares")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 283, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-play text-purple-500", __source: { fileName: "", lineNumber: 284, columnNumber: 25 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 285, columnNumber: 25 }, __self: this }, tiktok.stats.views.toLocaleString(), " views"))), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 288, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: tiktok.content.videoUrl, target: "_blank", rel: "noopener noreferrer", className: "bg-[#00ff00] text-black px-4 py-2 rounded-lg hover:opacity-90 inline-block", __source: { fileName: "", lineNumber: 289, columnNumber: 23 }, __self: this }, "Watch on TikTok"))))))))); }