function MainComponent() { const [email, setEmail] = React.useState(''); const [error, setError] = React.useState(''); const [results, setResults] = React.useState([]); const handleSearch = async (event)=>{ event.preventDefault(); try { const response = await fetch(`/integrations/google-search/search?q=${encodeURIComponent(email)}`, { method: 'GET' }); const data = await response.json(); if (data.status === 'success') { setResults(data.items); } else { setError('Failed to fetch results'); } } catch { setError('An error occurred during the search'); } }; const handleChange = (event)=>{ setEmail(event.target.value); }; const listItems = results.map((item, index)=>/*#__PURE__*/ React.createElement("li", { key: index, className: "text-xs font-roboto leading-tight", __source: { fileName: "", lineNumber: 28, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: item.link, target: "_blank", rel: "noopener noreferrer", className: "text-blue-600 hover:underline", __source: { fileName: "", lineNumber: 29, columnNumber: 7 }, __self: this }, item.title))); return /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-[#00000060] flex justify-center items-center", __source: { fileName: "", lineNumber: 36, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg w-full max-w-[400px] shadow-md", __source: { fileName: "", lineNumber: 37, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "absolute top-0 right-0 p-4", __source: { fileName: "", lineNumber: 38, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-times text-lg text-[#121212]", __source: { fileName: "", lineNumber: 39, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("img", { src: "/logo.png", alt: "Company Logo", className: "w-12 h-12 rounded-full", __source: { fileName: "", lineNumber: 41, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "mt-4 font-roboto text-sm text-[#121212]", __source: { fileName: "", lineNumber: 43, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 44, columnNumber: 11 }, __self: this }, "To confirm you work with Mobio Solutions we’ll need to send a verification code to your company email address. Enter your company email address to continue."), /*#__PURE__*/ React.createElement("form", { className: "mt-4", onSubmit: handleSearch, __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "email", className: "font-roboto text-[#121212] block mb-1", __source: { fileName: "", lineNumber: 46, columnNumber: 13 }, __self: this }, "Email address*"), /*#__PURE__*/ React.createElement("input", { type: "email", id: "email", name: "email", value: email, onChange: handleChange, className: `border rounded w-full p-2 mb-2 ${error ? 'border-red-500' : 'border-[#ced4da]'}`, placeholder: "career@mobiosolutions.com", __source: { fileName: "", lineNumber: 47, columnNumber: 13 }, __self: this }), error && /*#__PURE__*/ React.createElement("p", { className: "text-red-600 text-xs", __source: { fileName: "", lineNumber: 48, columnNumber: 23 }, __self: this }, error), /*#__PURE__*/ React.createElement("ul", { className: "list-disc pl-5 mt-2 text-xs", __source: { fileName: "", lineNumber: 49, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 50, columnNumber: 15 }, __self: this }, "This email address will be added to your account"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 51, columnNumber: 15 }, __self: this }, "Your organization will see your email is confirmed"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 52, columnNumber: 15 }, __self: this }, "We’ll ask permission before sharing any other information with your organization")), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mt-4", __source: { fileName: "", lineNumber: 54, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-blue-600 text-xs hover:underline", __source: { fileName: "", lineNumber: 55, columnNumber: 15 }, __self: this }, "Read more about how we’ll use your email address"), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-[#007bff] text-white font-roboto py-2 px-4 rounded", __source: { fileName: "", lineNumber: 56, columnNumber: 15 }, __self: this }, "Send code"))))), listItems.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "mt-4 p-4 bg-gray-100 rounded-b-lg", __source: { fileName: "", lineNumber: 62, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-roboto text-[#121212] mb-2", __source: { fileName: "", lineNumber: 63, columnNumber: 11 }, __self: this }, "Search Results:"), /*#__PURE__*/ React.createElement("ul", { className: "font-roboto text-sm text-[#121212]", __source: { fileName: "", lineNumber: 64, columnNumber: 11 }, __self: this }, listItems))); }