function MainComponent() { const [domain, setDomain] = React.useState(''); const [results, setResults] = React.useState([]); const [whoisInfo, setWhoisInfo] = React.useState(null); const [loading, setLoading] = React.useState(false); const [assistantMessage, setAssistantMessage] = React.useState(''); const handleDomainChange = (e)=>{ setDomain(e.target.value); }; const handleSearch = async ()=>{ setLoading(true); const seoResponse = await fetch(`/integrations/seo-keyword-research/keynew.php?keyword=${domain}&country=us`); const seoData = await seoResponse.json(); const domainWhoisResponse = await fetch(`/integrations/domain-whois/whois?domain=${domain}`); const whoisData = await domainWhoisResponse.json(); setWhoisInfo(whoisData); const chatGptResponse = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', body: JSON.stringify({ messages: [ { "role": "user", "content": `Give me suggestions and info about the domain ${domain}` } ] }), headers: { 'Content-Type': 'application/json' } }); const chatGptData = await chatGptResponse.json(); setAssistantMessage(chatGptData.choices[0].message.content); setResults(seoData); setLoading(false); }; return /*#__PURE__*/ React.createElement("div", { className: "container mx-auto p-4", __source: { fileName: "", lineNumber: 39, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 40, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold mb-4 font-crimson-text", __source: { fileName: "", lineNumber: 41, columnNumber: 9 }, __self: this }, "Domain Search & Analysis"), /*#__PURE__*/ React.createElement("input", { type: "text", className: "border p-2 w-[300px] mb-4", placeholder: "Enter domain", value: domain, onChange: handleDomainChange, name: "domain", __source: { fileName: "", lineNumber: 42, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "bg-blue-500 text-white font-bold py-2 px-4 rounded", onClick: handleSearch, __source: { fileName: "", lineNumber: 50, columnNumber: 9 }, __self: this }, "Search")), loading ? /*#__PURE__*/ React.createElement("div", { className: "text-center text-2xl font-bold mt-4", __source: { fileName: "", lineNumber: 58, columnNumber: 9 }, __self: this }, "Loading...") : /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 60, columnNumber: 9 }, __self: this }, whoisInfo && /*#__PURE__*/ React.createElement("div", { className: "mt-8 border p-4 rounded", __source: { fileName: "", lineNumber: 62, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold font-roboto", __source: { fileName: "", lineNumber: 63, columnNumber: 15 }, __self: this }, "WHOIS Information"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 64, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 64, columnNumber: 18 }, __self: this }, "Domain:"), " ", whoisInfo.domain), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 65, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 65, columnNumber: 18 }, __self: this }, "Registrar:"), " ", whoisInfo.registrar), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 66, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 66, columnNumber: 18 }, __self: this }, "Created At:"), " ", whoisInfo.created_at), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 67, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 67, columnNumber: 18 }, __self: this }, "Updated At:"), " ", whoisInfo.updated_at), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 68, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 68, columnNumber: 18 }, __self: this }, "Expires At:"), " ", whoisInfo.expires_at)), assistantMessage && /*#__PURE__*/ React.createElement("div", { className: "mt-8 border p-4 rounded", __source: { fileName: "", lineNumber: 72, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold font-roboto", __source: { fileName: "", lineNumber: 73, columnNumber: 15 }, __self: this }, "Assistant Message"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 74, columnNumber: 15 }, __self: this }, assistantMessage)), results.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "mt-8", __source: { fileName: "", lineNumber: 78, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold font-roboto", __source: { fileName: "", lineNumber: 79, columnNumber: 15 }, __self: this }, "SEO Keyword Research"), /*#__PURE__*/ React.createElement("table", { className: "min-w-full mt-4", __source: { fileName: "", lineNumber: 80, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { __source: { fileName: "", lineNumber: 81, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 82, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "border px-4 py-2", __source: { fileName: "", lineNumber: 83, columnNumber: 21 }, __self: this }, "Keyword"), /*#__PURE__*/ React.createElement("th", { className: "border px-4 py-2", __source: { fileName: "", lineNumber: 84, columnNumber: 21 }, __self: this }, "CPC"), /*#__PURE__*/ React.createElement("th", { className: "border px-4 py-2", __source: { fileName: "", lineNumber: 85, columnNumber: 21 }, __self: this }, "Volume"), /*#__PURE__*/ React.createElement("th", { className: "border px-4 py-2", __source: { fileName: "", lineNumber: 86, columnNumber: 21 }, __self: this }, "Competition"), /*#__PURE__*/ React.createElement("th", { className: "border px-4 py-2", __source: { fileName: "", lineNumber: 87, columnNumber: 21 }, __self: this }, "Score"))), /*#__PURE__*/ React.createElement("tbody", { __source: { fileName: "", lineNumber: 90, columnNumber: 17 }, __self: this }, results.map((item, index)=>/*#__PURE__*/ React.createElement("tr", { key: index, __source: { fileName: "", lineNumber: 92, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "border px-4 py-2", __source: { fileName: "", lineNumber: 93, columnNumber: 23 }, __self: this }, item.text), /*#__PURE__*/ React.createElement("td", { className: "border px-4 py-2", __source: { fileName: "", lineNumber: 94, columnNumber: 23 }, __self: this }, "$", item.cpc), /*#__PURE__*/ React.createElement("td", { className: "border px-4 py-2", __source: { fileName: "", lineNumber: 95, columnNumber: 23 }, __self: this }, item.vol), /*#__PURE__*/ React.createElement("td", { className: "border px-4 py-2", __source: { fileName: "", lineNumber: 96, columnNumber: 23 }, __self: this }, item.competition), /*#__PURE__*/ React.createElement("td", { className: "border px-4 py-2", __source: { fileName: "", lineNumber: 97, columnNumber: 23 }, __self: this }, item.score.toFixed(2)))))))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 106, columnNumber: 7 }, __self: this }, ` @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .container { animation: fadeIn 1s ease-in; } `)); }