function MainComponent() { const [error, setError] = useState(null); const [loading, setLoading] = useState(false); const [phoneNumber, setPhoneNumber] = useState(""); const [password, setPassword] = useState(""); const [showPassword, setShowPassword] = useState(false); const [callbackUrl, setCallbackUrl] = useState("/home-page"); const { signInWithCredentials } = useAuth(); useEffect(()=>{ // Get callback URL from query parameters if (typeof window !== "undefined") { const params = new URLSearchParams(window.location.search); const callback = params.get("callbackUrl"); if (callback) { setCallbackUrl(callback); } } }, []); const handlePhoneChange = (e)=>{ // Allow any input for phone number setPhoneNumber(e.target.value); }; const onSubmit = async (e)=>{ e.preventDefault(); setLoading(true); setError(null); if (!phoneNumber || !password) { setError("Please fill in all fields"); setLoading(false); return; } try { const result = await signInWithCredentials({ email: phoneNumber + "@mobile.user", password: password, callbackUrl: callbackUrl, redirect: true }); if (result?.error) { throw new Error(result.error); } } catch (err) { console.error("Sign in error:", err); setError("Incorrect phone number or password. Please try again."); setLoading(false); } }; return /*#__PURE__*/ React.createElement("div", { className: "flex min-h-screen w-full items-center justify-center bg-[#357AFF] bg-opacity-10 p-4", __source: { fileName: "", lineNumber: 57, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("form", { noValidate: true, onSubmit: onSubmit, className: "w-full max-w-md rounded-2xl bg-white p-8 shadow-xl", __source: { fileName: "", lineNumber: 58, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "mb-8 text-center text-3xl font-bold text-gray-800", __source: { fileName: "", lineNumber: 63, columnNumber: 9 }, __self: this }, "Welcome Back"), /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 67, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 68, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 69, columnNumber: 13 }, __self: this }, "Phone Number"), /*#__PURE__*/ React.createElement("div", { className: "overflow-hidden rounded-lg border border-gray-200 bg-white px-4 py-3 focus-within:border-[#357AFF] focus-within:ring-1 focus-within:ring-[#357AFF]", __source: { fileName: "", lineNumber: 72, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { required: true, name: "phoneNumber", type: "text", value: phoneNumber, onChange: handlePhoneChange, placeholder: "Enter your phone number", className: "w-full bg-transparent text-lg outline-none", __source: { fileName: "", lineNumber: 73, columnNumber: 15 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 85, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 86, columnNumber: 13 }, __self: this }, "Password"), /*#__PURE__*/ React.createElement("div", { className: "relative overflow-hidden rounded-lg border border-gray-200 bg-white px-4 py-3 focus-within:border-[#357AFF] focus-within:ring-1 focus-within:ring-[#357AFF]", __source: { fileName: "", lineNumber: 89, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { required: true, name: "password", type: showPassword ? "text" : "password", value: password, onChange: (e)=>setPassword(e.target.value), className: "w-full rounded-lg bg-transparent text-lg outline-none pr-10", placeholder: "Enter your password", __source: { fileName: "", lineNumber: 90, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "button", onClick: ()=>setShowPassword(!showPassword), className: "absolute right-3 top-1/2 transform -translate-y-1/2 text-gray-600 hover:text-gray-800", __source: { fileName: "", lineNumber: 99, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${showPassword ? "fa-eye-slash" : "fa-eye"}`, __source: { fileName: "", lineNumber: 104, columnNumber: 17 }, __self: this })))), error && /*#__PURE__*/ React.createElement("div", { className: "rounded-lg bg-red-50 p-3 text-sm text-red-500", __source: { fileName: "", lineNumber: 112, columnNumber: 13 }, __self: this }, error), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: loading, className: "w-full rounded-lg bg-[#357AFF] px-4 py-3 text-base font-medium text-white transition-colors hover:bg-[#2E69DE] focus:outline-none focus:ring-2 focus:ring-[#357AFF] focus:ring-offset-2 disabled:opacity-50", __source: { fileName: "", lineNumber: 117, columnNumber: 11 }, __self: this }, loading ? "Signing in..." : "Sign In"), /*#__PURE__*/ React.createElement("p", { className: "text-center text-sm text-gray-600", __source: { fileName: "", lineNumber: 125, columnNumber: 11 }, __self: this }, "Don't have an account?", " ", /*#__PURE__*/ React.createElement("a", { href: "/account/signup", className: "text-[#357AFF] hover:text-[#2E69DE]", __source: { fileName: "", lineNumber: 127, columnNumber: 13 }, __self: this }, "Sign up"))))); }