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 validatePhoneNumber = (phone)=>{ // Remove all spaces and special characters const cleanPhone = phone.replace(/[\s\-\(\)]/g, ""); // Accept any 11-digit number starting with 03 if (/^03\d{9}$/.test(cleanPhone)) { return true; } // Accept numbers starting with +92 or 92 if (/^(\+92|92)3\d{9}$/.test(cleanPhone)) { return true; } return false; }; const formatPhoneNumber = (value)=>{ // Remove all non-digits let number = value.replace(/\D/g, ""); // Handle different Pakistani number formats if (number.startsWith("92")) { number = "0" + number.slice(2); } else if (!number.startsWith("0") && number.length > 0) { number = "0" + number; } // Add spaces for readability: 0343 6432604 if (number.length > 4) { number = number.slice(0, 4) + " " + number.slice(4); } return number; }; const handlePhoneChange = (e)=>{ const formatted = formatPhoneNumber(e.target.value); setPhoneNumber(formatted); // Clear any existing errors when user types if (error) setError(null); }; const onSubmit = async (e)=>{ e.preventDefault(); setLoading(true); setError(null); try { // Clean and normalize the phone number - just remove spaces and special characters const cleanPhone = phoneNumber.replace(/[\s\-\(\)]/g, ""); if (!cleanPhone || !password) { throw new Error("Please fill in all fields"); } // Convert any format to 03XXXXXXXXX let normalizedPhone = cleanPhone; if (normalizedPhone.startsWith("+92")) { normalizedPhone = "0" + normalizedPhone.slice(3); } else if (normalizedPhone.startsWith("92")) { normalizedPhone = "0" + normalizedPhone.slice(2); } if (!validatePhoneNumber(cleanPhone)) { throw new Error("Please enter a valid Pakistani phone number (e.g., 0343 6432604)"); } const result = await signInWithCredentials({ email: normalizedPhone, password: password, callbackUrl: callbackUrl, redirect: false }); if (result?.error) { throw new Error(result.error); } // If we get here, sign in was successful window.location.href = callbackUrl; } catch (err) { console.error("Sign in error:", err); setError(err.message || "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: 115, 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: 116, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "mb-8 text-center text-3xl font-bold text-gray-800", __source: { fileName: "", lineNumber: 121, columnNumber: 9 }, __self: this }, "Welcome Back"), /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 125, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 126, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 127, 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: 130, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { required: true, name: "phoneNumber", type: "tel", value: phoneNumber, onChange: handlePhoneChange, placeholder: "Enter your phone number (03XX XXXXXXX)", className: "w-full bg-transparent text-lg outline-none", maxLength: "12", __source: { fileName: "", lineNumber: 131, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("p", { className: "text-xs text-gray-500", __source: { fileName: "", lineNumber: 142, columnNumber: 13 }, __self: this }, "Enter your phone number starting with 03 (e.g., 0300 1234567)")), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 147, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 148, 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: 151, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { required: true, name: "password", type: showPassword ? "text" : "password", value: password, onChange: (e)=>{ setPassword(e.target.value); if (error) setError(null); }, className: "w-full rounded-lg bg-transparent text-lg outline-none pr-10", placeholder: "Enter your password", __source: { fileName: "", lineNumber: 152, 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: 164, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${showPassword ? "fa-eye-slash" : "fa-eye"}`, __source: { fileName: "", lineNumber: 169, 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: 177, 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: 182, columnNumber: 11 }, __self: this }, loading ? /*#__PURE__*/ React.createElement("span", { className: "flex items-center justify-center", __source: { fileName: "", lineNumber: 188, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin mr-2", __source: { fileName: "", lineNumber: 189, columnNumber: 17 }, __self: this }), "Signing in...") : "Sign In"), /*#__PURE__*/ React.createElement("p", { className: "text-center text-sm text-gray-600", __source: { fileName: "", lineNumber: 197, 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: 199, columnNumber: 13 }, __self: this }, "Sign up"))))); }