@kendevelops/auth-flow-kit 1.2.7 → 1.2.9

package/dist/index.js

@@ -9,25 +9,19 @@ import {
 
 // src/http.ts
 function makeURL(baseURL, path) {
-  const cleanBase = baseURL.replace(/\/$/, "");
-  const cleanPath = path.startsWith("/") ? path : `/${path}`;
-  return `${cleanBase}${cleanPath}`;
+  return `${baseURL.replace(/\/$/, "")}${path.startsWith("/") ? path : `/${path}`}`;
 }
 function getStoredAccessToken() {
   try {
-    const token = localStorage.getItem("afk_access_token");
-    return token;
+    return localStorage.getItem("afk_access_token");
   } catch {
     return null;
   }
 }
 function setStoredAccessToken(token) {
   try {
-    if (token !== null) {
-      localStorage.setItem("afk_access_token", token);
-    } else {
-      localStorage.removeItem("afk_access_token");
-    }
+    if (token) localStorage.setItem("afk_access_token", token);
+    else localStorage.removeItem("afk_access_token");
   } catch {
   }
 }
@@ -35,35 +29,26 @@ async function httpJSON(url, opts = {}, withAuth = false) {
   const headers = {
     "Content-Type": "application/json"
   };
-  if (withAuth === true) {
-    const token = getStoredAccessToken();
-    if (token) {
-      headers.Authorization = `Bearer ${token}`;
-    }
+  if (withAuth) {
+    const tok = getStoredAccessToken();
+    if (tok) headers["Authorization"] = `Bearer ${tok}`;
   }
-  const requestInit = {
+  const res = await fetch(url, {
     ...opts,
-    headers: {
-      ...headers,
-      ...opts.headers || {}
-    }
-  };
-  const res = await fetch(url, requestInit);
-  if (res.ok !== true) {
+    headers: { ...headers, ...opts.headers || {} }
+  });
+  if (!res.ok) {
     let message = `Request failed (${res.status})`;
-    const contentType = res.headers.get("content-type") ?? "";
+    const contentType = res.headers.get("content-type") || "";
     if (contentType.includes("application/json")) {
       try {
         const data = await res.json();
-        if (data?.message) {
-          message = data.message;
-        }
+        if (data?.message) message = data.message;
       } catch {
       }
     }
     if (contentType.includes("text/html")) {
-      const isForgot = res.status === 404 && url.includes("forgot");
-      if (isForgot) {
+      if (res.status === 404 && url.includes("forgot")) {
         message = "The forgot password endpoint you added in config.endpoints.forgot does not exist in your server. Please check and update your config.endpoints.forgot";
       } else {
         message = "Unexpected server error";
@@ -178,29 +163,18 @@ function PasswordResetScreen() {
   const [email, setEmail] = useState2("");
   const [sent, setSent] = useState2(false);
   const [error, setError] = useState2(null);
-  const isValidEmail = (value) => /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(value);
   const requestReset = async (e) => {
     e.preventDefault();
     setError(null);
-    const trimmedEmail = email.trim();
-    if (!trimmedEmail) {
-      setError("Email is required.");
-      return;
-    }
-    if (!isValidEmail(trimmedEmail)) {
-      setError("Enter a valid email address.");
-      return;
-    }
     try {
       const url = makeURL(config.baseURL, config.endpoints.forgot);
       await httpJSON(url, {
         method: "POST",
-        body: JSON.stringify({ email: trimmedEmail })
+        body: JSON.stringify({ email })
       });
       setSent(true);
     } catch (err) {
-      const message = err instanceof Error ? err.message : "Failed to request reset";
-      setError(message);
+      setError(err?.message || "Failed to request reset");
     }
   };
   return /* @__PURE__ */ jsxs(
@@ -240,7 +214,6 @@ function PasswordResetScreen() {
           /* @__PURE__ */ jsx3(
             "label",
             {
-              htmlFor: "afk-reset-email",
               style: {
                 position: "absolute",
                 top: sent ? "-18px" : "-10px",
@@ -257,7 +230,6 @@ function PasswordResetScreen() {
           /* @__PURE__ */ jsx3(
             "input",
             {
-              id: "afk-reset-email",
               value: email,
               onChange: (e) => setEmail(e.target.value),
               type: "email",
@@ -320,8 +292,6 @@ function PasswordResetScreen() {
         error && /* @__PURE__ */ jsx3(
           "p",
           {
-            role: "alert",
-            "aria-live": "polite",
             style: {
               marginTop: 20,
               color: "crimson",
@@ -372,26 +342,15 @@ function LoginScreen() {
     setError(null);
     const trimmedEmail = email.trim();
     const trimmedPassword = password.trim();
-    if (!trimmedEmail) {
-      setError("Email is required.");
-      setSubmitting(false);
-      return;
-    }
-    if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(trimmedEmail)) {
-      setError("Enter a valid email address.");
-      setSubmitting(false);
-      return;
-    }
-    if (!trimmedPassword) {
-      setError("Password is required.");
+    if (!trimmedEmail || !trimmedPassword) {
+      setError("Email and password cannot be empty.");
       setSubmitting(false);
       return;
     }
     try {
       await login(trimmedEmail, trimmedPassword);
     } catch (err) {
-      const message = err instanceof Error ? err.message : "Login failed";
-      setError(message);
+      setError(err?.message || "Login failed");
     } finally {
       setSubmitting(false);
     }
@@ -432,7 +391,6 @@ function LoginScreen() {
           /* @__PURE__ */ jsx4(
             "label",
             {
-              htmlFor: "afk-login-email",
               style: {
                 position: "absolute",
                 top: "-10px",
@@ -449,7 +407,6 @@ function LoginScreen() {
           /* @__PURE__ */ jsx4(
             "input",
             {
-              id: "afk-login-email",
               value: email,
               onChange: (e) => setEmail(e.target.value),
               type: "email",
@@ -479,7 +436,6 @@ function LoginScreen() {
           /* @__PURE__ */ jsx4(
             "label",
             {
-              htmlFor: "afk-login-password",
               style: {
                 position: "absolute",
                 top: "-10px",
@@ -496,7 +452,6 @@ function LoginScreen() {
           /* @__PURE__ */ jsx4(
             "input",
             {
-              id: "afk-login-password",
               value: password,
               onChange: (e) => setPassword(e.target.value),
               type: "password",
@@ -561,8 +516,6 @@ function LoginScreen() {
         error && /* @__PURE__ */ jsx4(
           "p",
           {
-            role: "alert",
-            "aria-live": "polite",
             style: {
               marginTop: 18,
               color: "crimson",
@@ -586,21 +539,8 @@ function SignupScreen() {
   const [name, setName] = useState4("");
   const [email, setEmail] = useState4("");
   const [password, setPassword] = useState4("");
-  const [confirmPassword, setConfirmPassword] = useState4("");
   const [submitting, setSubmitting] = useState4(false);
   const [error, setError] = useState4(null);
-  const isValidEmail = (value) => /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(value);
-  const getPasswordStrength = (value) => {
-    let score = 0;
-    if (value.length >= 8) score++;
-    if (/[A-Z]/.test(value)) score++;
-    if (/[0-9]/.test(value)) score++;
-    if (/[^A-Za-z0-9]/.test(value)) score++;
-    if (!value) return { label: "", color: "" };
-    if (score <= 1) return { label: "Weak", color: "crimson" };
-    if (score === 2) return { label: "Medium", color: "#f39c12" };
-    return { label: "Strong", color: "#2ecc71" };
-  };
   const onSubmit = async (e) => {
     e.preventDefault();
     setSubmitting(true);
@@ -608,47 +548,15 @@ function SignupScreen() {
     const trimmedEmail = email.trim();
     const trimmedPassword = password.trim();
     const trimmedName = name.trim();
-    const trimmedConfirm = confirmPassword.trim();
-    if (!trimmedName) {
-      setError("Name is required.");
-      setSubmitting(false);
-      return;
-    }
-    if (!trimmedEmail) {
-      setError("Email is required.");
-      setSubmitting(false);
-      return;
-    }
-    if (!isValidEmail(trimmedEmail)) {
-      setError("Enter a valid email address.");
-      setSubmitting(false);
-      return;
-    }
-    if (!trimmedPassword) {
-      setError("Password is required.");
-      setSubmitting(false);
-      return;
-    }
-    if (trimmedPassword.length < 8) {
-      setError("Password must be at least 8 characters long.");
-      setSubmitting(false);
-      return;
-    }
-    if (!trimmedConfirm) {
-      setError("Please confirm your password.");
-      setSubmitting(false);
-      return;
-    }
-    if (trimmedPassword !== trimmedConfirm) {
-      setError("Passwords do not match.");
+    if (!trimmedEmail || !trimmedPassword || !trimmedName) {
+      setError("Email and password cannot be empty.");
       setSubmitting(false);
       return;
     }
     try {
-      await signup({ name: trimmedName, email: trimmedEmail, password: trimmedPassword });
+      await signup({ name, email, password });
     } catch (err) {
-      const message = err instanceof Error ? err.message : "Signup failed";
-      setError(message);
+      setError(err?.message || "Signup failed");
     } finally {
       setSubmitting(false);
     }
@@ -690,7 +598,6 @@ function SignupScreen() {
           /* @__PURE__ */ jsx5(
             "label",
             {
-              htmlFor: "afk-signup-name",
               style: {
                 position: "absolute",
                 top: "-10px",
@@ -707,7 +614,6 @@ function SignupScreen() {
           /* @__PURE__ */ jsx5(
             "input",
             {
-              id: "afk-signup-name",
               value: name,
               onChange: (e) => setName(e.target.value),
               placeholder: "Your name",
@@ -736,7 +642,6 @@ function SignupScreen() {
           /* @__PURE__ */ jsx5(
             "label",
             {
-              htmlFor: "afk-signup-email",
               style: {
                 position: "absolute",
                 top: "-10px",
@@ -753,7 +658,6 @@ function SignupScreen() {
           /* @__PURE__ */ jsx5(
             "input",
             {
-              id: "afk-signup-email",
               value: email,
               onChange: (e) => setEmail(e.target.value),
               type: "email",
@@ -783,7 +687,6 @@ function SignupScreen() {
           /* @__PURE__ */ jsx5(
             "label",
             {
-              htmlFor: "afk-signup-password",
               style: {
                 position: "absolute",
                 top: "-10px",
@@ -800,7 +703,6 @@ function SignupScreen() {
           /* @__PURE__ */ jsx5(
             "input",
             {
-              id: "afk-signup-password",
               value: password,
               onChange: (e) => setPassword(e.target.value),
               type: "password",
@@ -826,95 +728,6 @@ function SignupScreen() {
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs3("div", { style: { position: "relative", marginBottom: 18 }, children: [
-          /* @__PURE__ */ jsx5(
-            "label",
-            {
-              htmlFor: "afk-signup-confirm-password",
-              style: {
-                position: "absolute",
-                top: "-10px",
-                left: "14px",
-                background: "rgba(255,255,255,0.85)",
-                padding: "0 6px",
-                fontSize: 13,
-                color: "#444",
-                borderRadius: 6
-              },
-              children: "Confirm password"
-            }
-          ),
-          /* @__PURE__ */ jsx5(
-            "input",
-            {
-              id: "afk-signup-confirm-password",
-              value: confirmPassword,
-              onChange: (e) => setConfirmPassword(e.target.value),
-              type: "password",
-              placeholder: "Repeat your password",
-              style: {
-                width: "80%",
-                padding: "14px 16px",
-                borderRadius: 12,
-                border: "1px solid #d2d2d2",
-                fontSize: 15,
-                outline: "none",
-                transition: "0.25s",
-                background: "rgba(255,255,255,0.85)"
-              },
-              onFocus: (e) => {
-                e.currentTarget.style.border = "1px solid #4b4bff";
-                e.currentTarget.style.boxShadow = "0 0 0 3px rgba(75,75,255,0.25)";
-              },
-              onBlur: (e) => {
-                e.currentTarget.style.border = "1px solid #d2d2d2";
-                e.currentTarget.style.boxShadow = "0 0 0 transparent";
-              }
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs3(
-          "div",
-          {
-            style: {
-              marginBottom: 20,
-              fontSize: 12,
-              color: "#555"
-            },
-            children: [
-              /* @__PURE__ */ jsx5("p", { style: { marginBottom: 6 }, children: "Use at least 8 characters, including letters, numbers, and symbols." }),
-              password && /* @__PURE__ */ jsxs3(
-                "p",
-                {
-                  style: {
-                    fontWeight: 600,
-                    color: getPasswordStrength(password).color
-                  },
-                  children: [
-                    "Password strength: ",
-                    getPasswordStrength(password).label
-                  ]
-                }
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx5(
-          "p",
-          {
-            style: {
-              textAlign: "center",
-              fontSize: 13,
-              color: "#4b4bff",
-              cursor: "pointer",
-              marginBottom: 24
-            },
-            onClick: () => {
-              window.dispatchEvent(new CustomEvent("auth-flow-kit:navigate-to-login"));
-            },
-            children: "Already have an account? Sign in"
-          }
-        ),
         /* @__PURE__ */ jsx5(
           "button",
           {
@@ -940,8 +753,6 @@ function SignupScreen() {
         error && /* @__PURE__ */ jsx5(
           "p",
           {
-            role: "alert",
-            "aria-live": "polite",
             style: {
               marginTop: 18,
               color: "crimson",

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/AuthContext.tsx","../src/http.ts","../src/Protected.tsx","../src/screens/LoginScreen.tsx","../src/screens/PasswordResetScreen.tsx","../src/screens/SignupScreen.tsx"],"sourcesContent":["/* \r\nDevelopers using this library should wrap their app with:\r\n  <AuthProvider config={...}>\r\n    <App />\r\n  </AuthProvider>\r\n \r\n  When they do this, then can be able to access auth anywhere with:\r\n  const { user, login, logout, getToken } = useAuth();\r\n*/\r\n\r\nimport React, {\r\n  createContext,\r\n  useContext,\r\n  useEffect,\r\n  useMemo,\r\n  useState,\r\n} from \"react\";\r\n\r\nimport {\r\n  AuthContextType,\r\n  AuthProviderConfig,\r\n  StandardAuthResponse,\r\n  User,\r\n} from \"./types\";\r\n\r\nimport {\r\n  httpJSON,\r\n  makeURL,\r\n  setStoredAccessToken,\r\n  getStoredAccessToken,\r\n} from \"./http\";\r\n\r\nconst AuthContext = createContext<AuthContextType | undefined>(undefined);\r\n\r\nexport function useAuth(): AuthContextType {\r\n  const ctx = useContext(AuthContext);\r\n  if (!ctx) throw new Error(\"useAuth must be used inside AuthProvider\");\r\n  return ctx;\r\n}\r\n\r\nexport function AuthProvider({\r\n  config,\r\n  children,\r\n}: React.PropsWithChildren<{ config: AuthProviderConfig }>) {\r\n  const { baseURL, endpoints, onLoginSuccess, onLogout } = config;\r\n\r\n  const [user, setUser] = useState<User | null>(null);\r\n  const [loading, setLoading] = useState(true);\r\n\r\n  const getToken = () => getStoredAccessToken();\r\n\r\n  // Restore user from localStorage on app load\r\n  useEffect(() => {\r\n    const savedUser = localStorage.getItem(\"afk_user\");\r\n    if (savedUser) {\r\n      setUser(JSON.parse(savedUser));\r\n    }\r\n    setLoading(false);\r\n  }, []);\r\n\r\n  // LOGIN\r\n  const login: AuthContextType[\"login\"] = async (email, password) => {\r\n    const url = makeURL(baseURL, endpoints.login);\r\n\r\n    const res = await httpJSON<StandardAuthResponse>(url, {\r\n      method: \"POST\",\r\n      body: JSON.stringify({ email, password }),\r\n    });\r\n\r\n    // store token + user\r\n    setStoredAccessToken(res.accessToken);\r\n    localStorage.setItem(\"afk_user\", JSON.stringify(res.user));\r\n\r\n    setUser(res.user);\r\n\r\n    if (onLoginSuccess) onLoginSuccess();\r\n  };\r\n\r\n  // SIGNUP\r\n  const signup: AuthContextType[\"signup\"] = async (payload) => {\r\n    const url = makeURL(baseURL, endpoints.signup);\r\n\r\n    const res = await httpJSON<StandardAuthResponse>(url, {\r\n      method: \"POST\",\r\n      body: JSON.stringify(payload),\r\n    });\r\n\r\n    setStoredAccessToken(res.accessToken);\r\n    localStorage.setItem(\"afk_user\", JSON.stringify(res.user));\r\n\r\n    setUser(res.user);\r\n\r\n    if (onLoginSuccess) onLoginSuccess();\r\n  };\r\n\r\n  // LOGOUT\r\n  const logout = () => {\r\n    setStoredAccessToken(null);\r\n    localStorage.removeItem(\"afk_user\");\r\n    setUser(null);\r\n\r\n    if (onLogout) onLogout();\r\n  };\r\n\r\n  const value = useMemo<AuthContextType>(\r\n    () => ({\r\n      user,\r\n      loading,\r\n      login,\r\n      signup,\r\n      logout,\r\n      getToken,\r\n      config,\r\n    }),\r\n    [user, loading, config],\r\n  );\r\n\r\n  return <AuthContext.Provider value={value}>{children}</AuthContext.Provider>;\r\n}\r\n","/*\r\n This file contains the low-level HTTP utilities used internally by\r\n auth-flow-kit to communicate with the backend.\r\n\r\n It provides:\r\n  - makeURL: safely joins baseURL + endpoint path\r\n  - getStoredAccessToken: reads the JWT from localStorage\r\n  - setStoredAccessToken: stores/removes the JWT\r\n  - httpJSON: wrapper around fetch with JSON + optional auth header\r\n\r\n NOTES FOR DEVELOPERS USING THE LIBRARY:\r\n You do NOT need to import or modify anything in this file.\r\n It is an internal helper used by the AuthProvider and auth screens.\r\n\r\n This keeps the library lightweight, predictable,\r\n and familiar to developers used to Redux Toolkit-style authentication.\r\n*/\r\n\r\nexport function makeURL(baseURL: string, path: string) {\r\n  const cleanBase = baseURL.replace(/\\/$/, \"\");\r\n  const cleanPath = path.startsWith(\"/\") ? path : `/${path}`;\r\n\r\n  return `${cleanBase}${cleanPath}`;\r\n}\r\n\r\nexport function getStoredAccessToken(): string | null {\r\n  try {\r\n    const token = localStorage.getItem(\"afk_access_token\");\r\n    return token;\r\n  } catch {\r\n    return null;\r\n  }\r\n}\r\n\r\nexport function setStoredAccessToken(token: string | null) {\r\n  try {\r\n    if (token !== null) {\r\n      localStorage.setItem(\"afk_access_token\", token);\r\n    } else {\r\n      localStorage.removeItem(\"afk_access_token\");\r\n    }\r\n  } catch {\r\n    // Ignore storage failures (private mode, disabled storage, etc.)\r\n  }\r\n}\r\n\r\nexport async function httpJSON<T>(\r\n  url: string,\r\n  opts: RequestInit = {},\r\n  withAuth = false,\r\n): Promise<T> {\r\n  const headers: Record<string, string> = {\r\n    \"Content-Type\": \"application/json\",\r\n  };\r\n\r\n  if (withAuth === true) {\r\n    const token = getStoredAccessToken();\r\n    if (token) {\r\n      headers.Authorization = `Bearer ${token}`;\r\n    }\r\n  }\r\n\r\n  const requestInit: RequestInit = {\r\n    ...opts,\r\n    headers: {\r\n      ...headers,\r\n      ...(opts.headers || {}),\r\n    },\r\n  };\r\n\r\n  const res = await fetch(url, requestInit);\r\n\r\n  if (res.ok !== true) {\r\n    let message = `Request failed (${res.status})`;\r\n    const contentType = res.headers.get(\"content-type\") ?? \"\";\r\n\r\n    if (contentType.includes(\"application/json\")) {\r\n      try {\r\n        const data = await res.json();\r\n        if (data?.message) {\r\n          message = data.message;\r\n        }\r\n      } catch {\r\n        // swallow JSON parsing errors\r\n      }\r\n    }\r\n\r\n    if (contentType.includes(\"text/html\")) {\r\n      const isForgot = res.status === 404 && url.includes(\"forgot\");\r\n\r\n      if (isForgot) {\r\n        message =\r\n          \"The forgot password endpoint you added in config.endpoints.forgot does not exist in your server. Please check and update your config.endpoints.forgot\";\r\n      } else {\r\n        message = \"Unexpected server error\";\r\n      }\r\n    }\r\n\r\n    if (res.status === 404 && url.includes(\"forgot\")) {\r\n      console.error(\r\n        `[auth-flow-kit] Password reset endpoint not found.\r\n\r\n        Expected a POST route matching:\r\n          ${url}\r\n\r\n        Fix this by either:\r\n        - Adding the route on your backend, or\r\n        - Updating config.endpoints.forgot`,\r\n      );\r\n    }\r\n\r\n    throw new Error(message);\r\n  }\r\n\r\n  return res.json() as Promise<T>;\r\n}\r\n","\"use client\";\r\n\r\n/*\r\nProtected component\r\n\r\nWraps authenticated content and prevents rendering when unauthenticated.\r\n\r\nIMPORTANT:\r\nThis component does NOT hard-redirect by default.\r\nNavigation should be handled by the host application (router or state).\r\n\r\nIf redirectTo is provided AND the host app supports routing,\r\na redirect will occur.\r\n*/\r\n\r\nimport React, { useEffect } from \"react\";\r\nimport { useAuth } from \"./AuthContext\";\r\n\r\ntype ProtectedProps = {\r\n  children: React.ReactNode;\r\n  redirectTo?: string;\r\n};\r\n\r\nexport default function Protected({ children, redirectTo }: ProtectedProps) {\r\n  const { user, loading } = useAuth();\r\n\r\n  useEffect(() => {\r\n    if (!loading && !user && redirectTo) {\r\n      window.location.href = redirectTo;\r\n    }\r\n  }, [loading, user, redirectTo]);\r\n\r\n  if (loading) return <div>Loading...</div>;\r\n  if (!user) return null;\r\n\r\n  return <>{children}</>;\r\n}\r\n","\"use client\";\r\nimport React, { useState } from \"react\";\r\nimport { useAuth } from \"../AuthContext\";\r\nimport PasswordResetScreen from \"./PasswordResetScreen\";\r\n\r\nexport default function LoginScreen() {\r\n  const { login } = useAuth();\r\n  const [email, setEmail] = useState(\"\");\r\n  const [password, setPassword] = useState(\"\");\r\n  const [submitting, setSubmitting] = useState(false);\r\n  const [error, setError] = useState<string | null>(null);\r\n  const [showReset, setShowReset] = useState(false);\r\n\r\n  if (showReset) {\r\n    return (\r\n      <div style={{ animation: \"fade .2s\" }}>\r\n        <PasswordResetScreen />\r\n        <p\r\n          onClick={() => setShowReset(false)}\r\n          style={{\r\n            marginTop: 16,\r\n            textAlign: \"center\",\r\n            fontSize: 14,\r\n            color: \"#4b4bff\",\r\n            cursor: \"pointer\",\r\n            textDecoration: \"underline\",\r\n          }}\r\n        >\r\n          Back to login\r\n        </p>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  // Submit\r\n  const onSubmit = async (e: React.FormEvent) => {\r\n    e.preventDefault();\r\n    setSubmitting(true);\r\n    setError(null);\r\n\r\n    const trimmedEmail = email.trim();\r\n    const trimmedPassword = password.trim();\r\n\r\n    if (!trimmedEmail) {\r\n      setError(\"Email is required.\");\r\n      setSubmitting(false);\r\n      return;\r\n    }\r\n\r\n    if (!/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/.test(trimmedEmail)) {\r\n      setError(\"Enter a valid email address.\");\r\n      setSubmitting(false);\r\n      return;\r\n    }\r\n\r\n    if (!trimmedPassword) {\r\n      setError(\"Password is required.\");\r\n      setSubmitting(false);\r\n      return;\r\n    }\r\n\r\n    try {\r\n      await login(trimmedEmail, trimmedPassword);\r\n    } catch (err: unknown) {\r\n      const message = err instanceof Error ? err.message : \"Login failed\";\r\n      setError(message);\r\n    } finally {\r\n      setSubmitting(false);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <form\r\n      onSubmit={onSubmit}\r\n      style={{\r\n        maxWidth: 400,\r\n        margin: \"60px auto\",\r\n        padding: 32,\r\n        borderRadius: 20,\r\n        fontFamily: \"Inter, sans-serif\",\r\n\r\n        background: \"rgba(255, 255, 255, 0.25)\",\r\n        backdropFilter: \"blur(14px)\",\r\n        WebkitBackdropFilter: \"blur(14px)\",\r\n\r\n        boxShadow: \"0 20px 40px rgba(0,0,0,0.15)\",\r\n        border: \"1px solid rgba(255,255,255,0.4)\",\r\n        animation: \"fadeIn 0.3s ease\",\r\n      }}\r\n    >\r\n      <h2\r\n        style={{\r\n          marginBottom: 30,\r\n          color: \"#060f22\",\r\n          fontWeight: 700,\r\n          fontSize: 30,\r\n          textAlign: \"center\",\r\n          letterSpacing: \"-0.5px\",\r\n        }}\r\n      >\r\n        Welcome Back 👋\r\n      </h2>\r\n\r\n      <div style={{ position: \"relative\", marginBottom: 26 }}>\r\n        <label\r\n          htmlFor=\"afk-login-email\"\r\n          style={{\r\n            position: \"absolute\",\r\n            top: \"-10px\",\r\n            left: \"14px\",\r\n            background: \"rgba(255,255,255,0.8)\",\r\n            padding: \"0 6px\",\r\n            fontSize: 13,\r\n            color: \"#444\",\r\n            borderRadius: 6,\r\n          }}\r\n        >\r\n          Email\r\n        </label>\r\n\r\n        <input\r\n          id=\"afk-login-email\"\r\n          value={email}\r\n          onChange={(e) => setEmail(e.target.value)}\r\n          type=\"email\"\r\n          placeholder=\"you@example.com\"\r\n          style={{\r\n            width: \"80%\",\r\n            padding: \"14px 16px\",\r\n            borderRadius: 12,\r\n            border: \"1px solid #d2d2d2\",\r\n            fontSize: 15,\r\n            outline: \"none\",\r\n            transition: \"0.25s\",\r\n            background: \"rgba(255,255,255,0.85)\",\r\n          }}\r\n          onFocus={(e) => {\r\n            e.currentTarget.style.border = \"1px solid #4b4bff\";\r\n            e.currentTarget.style.boxShadow = \"0 0 0 3px rgba(75,75,255,0.25)\";\r\n          }}\r\n          onBlur={(e) => {\r\n            e.currentTarget.style.border = \"1px solid #d2d2d2\";\r\n            e.currentTarget.style.boxShadow = \"0 0 0 transparent\";\r\n          }}\r\n        />\r\n      </div>\r\n\r\n      <div style={{ position: \"relative\", marginBottom: 10 }}>\r\n        <label\r\n          htmlFor=\"afk-login-password\"\r\n          style={{\r\n            position: \"absolute\",\r\n            top: \"-10px\",\r\n            left: \"14px\",\r\n            background: \"rgba(255,255,255,0.8)\",\r\n            padding: \"0 6px\",\r\n            fontSize: 13,\r\n            color: \"#444\",\r\n            borderRadius: 6,\r\n          }}\r\n        >\r\n          Password\r\n        </label>\r\n\r\n        <input\r\n          id=\"afk-login-password\"\r\n          value={password}\r\n          onChange={(e) => setPassword(e.target.value)}\r\n          type=\"password\"\r\n          placeholder=\"••••••••\"\r\n          style={{\r\n            width: \"80%\",\r\n            padding: \"14px 16px\",\r\n            borderRadius: 12,\r\n            border: \"1px solid #d2d2d2\",\r\n            fontSize: 15,\r\n            outline: \"none\",\r\n            transition: \"0.25s\",\r\n            background: \"rgba(255,255,255,0.85)\",\r\n          }}\r\n          onFocus={(e) => {\r\n            e.currentTarget.style.border = \"1px solid #4b4bff\";\r\n            e.currentTarget.style.boxShadow = \"0 0 0 3px rgba(75,75,255,0.25)\";\r\n          }}\r\n          onBlur={(e) => {\r\n            e.currentTarget.style.border = \"1px solid #d2d2d2\";\r\n            e.currentTarget.style.boxShadow = \"0 0 0 transparent\";\r\n          }}\r\n        />\r\n      </div>\r\n\r\n      <p\r\n        onClick={() => setShowReset(true)}\r\n        style={{\r\n          textAlign: \"right\",\r\n          fontSize: 13,\r\n          color: \"#4b4bff\",\r\n          cursor: \"pointer\",\r\n          marginBottom: 24,\r\n        }}\r\n      >\r\n        Forgot password?\r\n      </p>\r\n\r\n      <button\r\n        disabled={submitting}\r\n        type=\"submit\"\r\n        style={{\r\n          width: \"100%\",\r\n          padding: \"14px 20px\",\r\n          borderRadius: 12,\r\n\r\n          background: submitting\r\n            ? \"linear-gradient(90deg, #b2bdfd, #8da0ff)\"\r\n            : \"linear-gradient(90deg, #5353aaff, #060f22ff)\",\r\n\r\n          color: \"white\",\r\n          border: \"none\",\r\n          fontSize: 16,\r\n          fontWeight: 700,\r\n          letterSpacing: \"0.3px\",\r\n          cursor: \"pointer\",\r\n          transition: \"0.25s\",\r\n          boxShadow: \"0 8px 20px rgba(75,75,255,0.25)\",\r\n        }}\r\n      >\r\n        {submitting ? \"Signing in...\" : \"Sign in\"}\r\n      </button>\r\n\r\n      {error && (\r\n        <p\r\n          role=\"alert\"\r\n          aria-live=\"polite\"\r\n          style={{\r\n            marginTop: 18,\r\n            color: \"crimson\",\r\n            textAlign: \"center\",\r\n            fontSize: 14,\r\n            fontWeight: 500,\r\n          }}\r\n        >\r\n          {error}\r\n        </p>\r\n      )}\r\n    </form>\r\n  );\r\n}\r\n","\"use client\";\r\nimport React, { useState } from \"react\";\r\nimport { useAuth } from \"../AuthContext\";\r\nimport { httpJSON, makeURL } from \"../http\";\r\n\r\nexport default function PasswordResetScreen() {\r\n  const { config } = useAuth();\r\n\r\n  const [email, setEmail] = useState(\"\");\r\n  const [sent, setSent] = useState(false);\r\n  const [error, setError] = useState<string | null>(null);\r\n\r\n  const isValidEmail = (value: string) =>\r\n    /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/.test(value);\r\n\r\n  const requestReset = async (e: React.FormEvent) => {\r\n    e.preventDefault();\r\n    setError(null);\r\n\r\n    const trimmedEmail = email.trim();\r\n\r\n    if (!trimmedEmail) {\r\n      setError(\"Email is required.\");\r\n      return;\r\n    }\r\n\r\n    if (!isValidEmail(trimmedEmail)) {\r\n      setError(\"Enter a valid email address.\");\r\n      return;\r\n    }\r\n\r\n    try {\r\n      const url = makeURL(config.baseURL, config.endpoints.forgot);\r\n\r\n      await httpJSON(url, {\r\n        method: \"POST\",\r\n        body: JSON.stringify({ email: trimmedEmail }),\r\n      });\r\n\r\n      setSent(true);\r\n    } catch (err: unknown) {\r\n      const message =\r\n        err instanceof Error ? err.message : \"Failed to request reset\";\r\n      setError(message);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <form\r\n      onSubmit={requestReset}\r\n      style={{\r\n        maxWidth: 400,\r\n        margin: \"60px auto\",\r\n        padding: 32,\r\n        borderRadius: 20,\r\n        fontFamily: \"Inter, sans-serif\",\r\n\r\n        // GLASS EFFECT\r\n        background: \"rgba(255, 255, 255, 0.25)\",\r\n        backdropFilter: \"blur(14px)\",\r\n        WebkitBackdropFilter: \"blur(14px)\",\r\n\r\n        boxShadow: \"0 20px 40px rgba(0,0,0,0.15)\",\r\n        border: \"1px solid rgba(255,255,255,0.4)\",\r\n        animation: \"fadeIn 0.25s ease\",\r\n      }}\r\n    >\r\n      <h2\r\n        style={{\r\n          marginBottom: 30,\r\n          color: \"#060f22\",\r\n          fontWeight: 700,\r\n          fontSize: 30,\r\n          textAlign: \"center\",\r\n          letterSpacing: \"-0.5px\",\r\n        }}\r\n      >\r\n        Reset Password 🔑\r\n      </h2>\r\n\r\n      <div style={{ position: \"relative\", marginBottom: 26 }}>\r\n        <label\r\n          htmlFor=\"afk-reset-email\"\r\n          style={{\r\n            position: \"absolute\",\r\n            top: sent ? \"-18px\" : \"-10px\",\r\n            left: \"14px\",\r\n            background: \"rgba(255,255,255,0.85)\",\r\n            padding: \"0 6px\",\r\n            fontSize: 13,\r\n            color: \"#444\",\r\n            borderRadius: 6,\r\n          }}\r\n        >\r\n          Email\r\n        </label>\r\n\r\n        <input\r\n          id=\"afk-reset-email\"\r\n          value={email}\r\n          onChange={(e) => setEmail(e.target.value)}\r\n          type=\"email\"\r\n          placeholder=\"you@example.com\"\r\n          style={{\r\n            width: \"90%\",\r\n            padding: \"14px 16px\",\r\n            borderRadius: 12,\r\n            border: \"1px solid #d2d2d2\",\r\n            fontSize: 15,\r\n            outline: \"none\",\r\n            transition: \"0.25s\",\r\n            background: \"rgba(255,255,255,0.85)\",\r\n          }}\r\n          onFocus={(e) => {\r\n            e.currentTarget.style.border = \"1px solid #4b4bff\";\r\n            e.currentTarget.style.boxShadow = \"0 0 0 3px rgba(75,75,255,0.25)\";\r\n          }}\r\n          onBlur={(e) => {\r\n            e.currentTarget.style.border = \"1px solid #d2d2d2\";\r\n            e.currentTarget.style.boxShadow = \"0 0 0 transparent\";\r\n          }}\r\n        />\r\n      </div>\r\n\r\n      <button\r\n        type=\"submit\"\r\n        style={{\r\n          width: \"100%\",\r\n          padding: \"14px 20px\",\r\n          borderRadius: 12,\r\n\r\n          background: sent\r\n            ? \"linear-gradient(90deg, #7aff9d, #34c759)\"\r\n            : \"linear-gradient(90deg, #5353aaff, #060f22ff)\",\r\n\r\n          color: \"white\",\r\n          border: \"none\",\r\n          fontSize: 16,\r\n          fontWeight: 700,\r\n          letterSpacing: \"0.3px\",\r\n          cursor: \"pointer\",\r\n          transition: \"0.3s\",\r\n          boxShadow: \"0 8px 20px rgba(75,75,255,0.25)\",\r\n        }}\r\n      >\r\n        {sent ? \"Link Sent ✔\" : \"Send reset link\"}\r\n      </button>\r\n\r\n      {sent && (\r\n        <p\r\n          style={{\r\n            marginTop: 20,\r\n            color: \"#2ecc71\",\r\n            textAlign: \"center\",\r\n            fontSize: 15,\r\n            fontWeight: 600,\r\n          }}\r\n        >\r\n          Check your email for reset instructions.\r\n        </p>\r\n      )}\r\n\r\n      {error && (\r\n        <p\r\n          role=\"alert\"\r\n          aria-live=\"polite\"\r\n          style={{\r\n            marginTop: 20,\r\n            color: \"crimson\",\r\n            textAlign: \"center\",\r\n            fontSize: 14,\r\n            fontWeight: 500,\r\n          }}\r\n        >\r\n          {error}\r\n        </p>\r\n      )}\r\n    </form>\r\n  );\r\n}\r\n","\"use client\";\r\nimport React, { useState } from \"react\";\r\nimport { useAuth } from \"../AuthContext\";\r\n\r\nexport default function SignupScreen() {\r\n  const { signup } = useAuth();\r\n  const [name, setName] = useState(\"\");\r\n  const [email, setEmail] = useState(\"\");\r\n  const [password, setPassword] = useState(\"\");\r\n  const [confirmPassword, setConfirmPassword] = useState(\"\");\r\n  const [submitting, setSubmitting] = useState(false);\r\n  const [error, setError] = useState<string | null>(null);\r\n\r\n  const isValidEmail = (value: string) =>\r\n    /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/.test(value);\r\n\r\n  const getPasswordStrength = (value: string) => {\r\n    let score = 0;\r\n    if (value.length >= 8) score++;\r\n    if (/[A-Z]/.test(value)) score++;\r\n    if (/[0-9]/.test(value)) score++;\r\n    if (/[^A-Za-z0-9]/.test(value)) score++;\r\n\r\n    if (!value) return { label: \"\", color: \"\" };\r\n    if (score <= 1) return { label: \"Weak\", color: \"crimson\" };\r\n    if (score === 2) return { label: \"Medium\", color: \"#f39c12\" };\r\n    return { label: \"Strong\", color: \"#2ecc71\" };\r\n  };\r\n\r\n  const onSubmit = async (e: React.FormEvent) => {\r\n    e.preventDefault();\r\n    setSubmitting(true);\r\n    setError(null);\r\n\r\n    const trimmedEmail = email.trim();\r\n    const trimmedPassword = password.trim();\r\n    const trimmedName = name.trim();\r\n    const trimmedConfirm = confirmPassword.trim();\r\n\r\n    if (!trimmedName) {\r\n      setError(\"Name is required.\");\r\n      setSubmitting(false);\r\n      return;\r\n    }\r\n\r\n    if (!trimmedEmail) {\r\n      setError(\"Email is required.\");\r\n      setSubmitting(false);\r\n      return;\r\n    }\r\n\r\n    if (!isValidEmail(trimmedEmail)) {\r\n      setError(\"Enter a valid email address.\");\r\n      setSubmitting(false);\r\n      return;\r\n    }\r\n\r\n    if (!trimmedPassword) {\r\n      setError(\"Password is required.\");\r\n      setSubmitting(false);\r\n      return;\r\n    }\r\n\r\n    if (trimmedPassword.length < 8) {\r\n      setError(\"Password must be at least 8 characters long.\");\r\n      setSubmitting(false);\r\n      return;\r\n    }\r\n\r\n    if (!trimmedConfirm) {\r\n      setError(\"Please confirm your password.\");\r\n      setSubmitting(false);\r\n      return;\r\n    }\r\n\r\n    if (trimmedPassword !== trimmedConfirm) {\r\n      setError(\"Passwords do not match.\");\r\n      setSubmitting(false);\r\n      return;\r\n    }\r\n\r\n    try {\r\n      await signup({ name: trimmedName, email: trimmedEmail, password: trimmedPassword });\r\n    } catch (err: unknown) {\r\n      const message = err instanceof Error ? err.message : \"Signup failed\";\r\n      setError(message);\r\n    } finally {\r\n      setSubmitting(false);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <form\r\n      onSubmit={onSubmit}\r\n      style={{\r\n        maxWidth: 400,\r\n        margin: \"60px auto\",\r\n        padding: 32,\r\n        borderRadius: 20,\r\n        fontFamily: \"Inter, sans-serif\",\r\n\r\n        // GLASS EFFECT\r\n        background: \"rgba(255, 255, 255, 0.25)\",\r\n        backdropFilter: \"blur(14px)\",\r\n        WebkitBackdropFilter: \"blur(14px)\",\r\n\r\n        boxShadow: \"0 20px 40px rgba(0,0,0,0.15)\",\r\n        border: \"1px solid rgba(255,255,255,0.4)\",\r\n        animation: \"fadeIn 0.3s ease\",\r\n      }}\r\n    >\r\n      <h2\r\n        style={{\r\n          marginBottom: 30,\r\n          color: \"#060f22\",\r\n          fontWeight: 700,\r\n          fontSize: 30,\r\n          textAlign: \"center\",\r\n          letterSpacing: \"-0.5px\",\r\n        }}\r\n      >\r\n        Create Account ✨\r\n      </h2>\r\n\r\n      <div style={{ position: \"relative\", marginBottom: 26 }}>\r\n        <label\r\n          htmlFor=\"afk-signup-name\"\r\n          style={{\r\n            position: \"absolute\",\r\n            top: \"-10px\",\r\n            left: \"14px\",\r\n            background: \"rgba(255,255,255,0.85)\",\r\n            padding: \"0 6px\",\r\n            fontSize: 13,\r\n            color: \"#444\",\r\n            borderRadius: 6,\r\n          }}\r\n        >\r\n          Name\r\n        </label>\r\n\r\n        <input\r\n          id=\"afk-signup-name\"\r\n          value={name}\r\n          onChange={(e) => setName(e.target.value)}\r\n          placeholder=\"Your name\"\r\n          style={{\r\n            width: \"80%\",\r\n            padding: \"14px 16px\",\r\n            borderRadius: 12,\r\n            border: \"1px solid #d2d2d2\",\r\n            fontSize: 15,\r\n            outline: \"none\",\r\n            transition: \"0.25s\",\r\n            background: \"rgba(255,255,255,0.85)\",\r\n          }}\r\n          onFocus={(e) => {\r\n            e.currentTarget.style.border = \"1px solid #4b4bff\";\r\n            e.currentTarget.style.boxShadow = \"0 0 0 3px rgba(75,75,255,0.25)\";\r\n          }}\r\n          onBlur={(e) => {\r\n            e.currentTarget.style.border = \"1px solid #d2d2d2\";\r\n            e.currentTarget.style.boxShadow = \"0 0 0 transparent\";\r\n          }}\r\n        />\r\n      </div>\r\n\r\n      <div style={{ position: \"relative\", marginBottom: 26 }}>\r\n        <label\r\n          htmlFor=\"afk-signup-email\"\r\n          style={{\r\n            position: \"absolute\",\r\n            top: \"-10px\",\r\n            left: \"14px\",\r\n            background: \"rgba(255,255,255,0.85)\",\r\n            padding: \"0 6px\",\r\n            fontSize: 13,\r\n            color: \"#444\",\r\n            borderRadius: 6,\r\n          }}\r\n        >\r\n          Email\r\n        </label>\r\n\r\n        <input\r\n          id=\"afk-signup-email\"\r\n          value={email}\r\n          onChange={(e) => setEmail(e.target.value)}\r\n          type=\"email\"\r\n          placeholder=\"you@example.com\"\r\n          style={{\r\n            width: \"80%\",\r\n            padding: \"14px 16px\",\r\n            borderRadius: 12,\r\n            border: \"1px solid #d2d2d2\",\r\n            fontSize: 15,\r\n            outline: \"none\",\r\n            transition: \"0.25s\",\r\n            background: \"rgba(255,255,255,0.85)\",\r\n          }}\r\n          onFocus={(e) => {\r\n            e.currentTarget.style.border = \"1px solid #4b4bff\";\r\n            e.currentTarget.style.boxShadow = \"0 0 0 3px rgba(75,75,255,0.25)\";\r\n          }}\r\n          onBlur={(e) => {\r\n            e.currentTarget.style.border = \"1px solid #d2d2d2\";\r\n            e.currentTarget.style.boxShadow = \"0 0 0 transparent\";\r\n          }}\r\n        />\r\n      </div>\r\n\r\n      <div style={{ position: \"relative\", marginBottom: 26 }}>\r\n        <label\r\n          htmlFor=\"afk-signup-password\"\r\n          style={{\r\n            position: \"absolute\",\r\n            top: \"-10px\",\r\n            left: \"14px\",\r\n            background: \"rgba(255,255,255,0.85)\",\r\n            padding: \"0 6px\",\r\n            fontSize: 13,\r\n            color: \"#444\",\r\n            borderRadius: 6,\r\n          }}\r\n        >\r\n          Password\r\n        </label>\r\n\r\n        <input\r\n          id=\"afk-signup-password\"\r\n          value={password}\r\n          onChange={(e) => setPassword(e.target.value)}\r\n          type=\"password\"\r\n          placeholder=\"••••••••\"\r\n          style={{\r\n            width: \"80%\",\r\n            padding: \"14px 16px\",\r\n            borderRadius: 12,\r\n            border: \"1px solid #d2d2d2\",\r\n            fontSize: 15,\r\n            outline: \"none\",\r\n            transition: \"0.25s\",\r\n            background: \"rgba(255,255,255,0.85)\",\r\n          }}\r\n          onFocus={(e) => {\r\n            e.currentTarget.style.border = \"1px solid #4b4bff\";\r\n            e.currentTarget.style.boxShadow = \"0 0 0 3px rgba(75,75,255,0.25)\";\r\n          }}\r\n          onBlur={(e) => {\r\n            e.currentTarget.style.border = \"1px solid #d2d2d2\";\r\n            e.currentTarget.style.boxShadow = \"0 0 0 transparent\";\r\n          }}\r\n        />\r\n      </div>\r\n\r\n      <div style={{ position: \"relative\", marginBottom: 18 }}>\r\n        <label\r\n          htmlFor=\"afk-signup-confirm-password\"\r\n          style={{\r\n            position: \"absolute\",\r\n            top: \"-10px\",\r\n            left: \"14px\",\r\n            background: \"rgba(255,255,255,0.85)\",\r\n            padding: \"0 6px\",\r\n            fontSize: 13,\r\n            color: \"#444\",\r\n            borderRadius: 6,\r\n          }}\r\n        >\r\n          Confirm password\r\n        </label>\r\n\r\n        <input\r\n          id=\"afk-signup-confirm-password\"\r\n          value={confirmPassword}\r\n          onChange={(e) => setConfirmPassword(e.target.value)}\r\n          type=\"password\"\r\n          placeholder=\"Repeat your password\"\r\n          style={{\r\n            width: \"80%\",\r\n            padding: \"14px 16px\",\r\n            borderRadius: 12,\r\n            border: \"1px solid #d2d2d2\",\r\n            fontSize: 15,\r\n            outline: \"none\",\r\n            transition: \"0.25s\",\r\n            background: \"rgba(255,255,255,0.85)\",\r\n          }}\r\n          onFocus={(e) => {\r\n            e.currentTarget.style.border = \"1px solid #4b4bff\";\r\n            e.currentTarget.style.boxShadow = \"0 0 0 3px rgba(75,75,255,0.25)\";\r\n          }}\r\n          onBlur={(e) => {\r\n            e.currentTarget.style.border = \"1px solid #d2d2d2\";\r\n            e.currentTarget.style.boxShadow = \"0 0 0 transparent\";\r\n          }}\r\n        />\r\n      </div>\r\n\r\n      <div\r\n        style={{\r\n          marginBottom: 20,\r\n          fontSize: 12,\r\n          color: \"#555\",\r\n        }}\r\n      >\r\n        <p style={{ marginBottom: 6 }}>\r\n          Use at least 8 characters, including letters, numbers, and symbols.\r\n        </p>\r\n        {password && (\r\n          <p\r\n            style={{\r\n              fontWeight: 600,\r\n              color: getPasswordStrength(password).color,\r\n            }}\r\n          >\r\n            Password strength: {getPasswordStrength(password).label}\r\n          </p>\r\n        )}\r\n      </div>\r\n\r\n      <p\r\n        style={{\r\n          textAlign: \"center\",\r\n          fontSize: 13,\r\n          color: \"#4b4bff\",\r\n          cursor: \"pointer\",\r\n          marginBottom: 24,\r\n        }}\r\n        onClick={() => {\r\n          // This allows parent components to handle navigation\r\n          // Developers can override this behavior in their app\r\n          window.dispatchEvent(new CustomEvent(\"auth-flow-kit:navigate-to-login\"));\r\n        }}\r\n      >\r\n        Already have an account? Sign in\r\n      </p>\r\n\r\n      <button\r\n        disabled={submitting}\r\n        type=\"submit\"\r\n        style={{\r\n          width: \"100%\",\r\n          padding: \"14px 20px\",\r\n          borderRadius: 12,\r\n          background: submitting\r\n            ? \"linear-gradient(90deg, #b2bdfd, #8da0ff)\"\r\n            : \"linear-gradient(90deg, #5353aaff, #060f22ff)\",\r\n\r\n          color: \"white\",\r\n          border: \"none\",\r\n          fontSize: 16,\r\n          fontWeight: 700,\r\n          letterSpacing: \"0.3px\",\r\n          cursor: \"pointer\",\r\n          transition: \"0.25s\",\r\n          boxShadow: \"0 8px 20px rgba(75,75,255,0.25)\",\r\n        }}\r\n      >\r\n        {submitting ? \"Creating...\" : \"Create account\"}\r\n      </button>\r\n\r\n      {error && (\r\n        <p\r\n          role=\"alert\"\r\n          aria-live=\"polite\"\r\n          style={{\r\n            marginTop: 18,\r\n            color: \"crimson\",\r\n            textAlign: \"center\",\r\n            fontSize: 14,\r\n            fontWeight: 500,\r\n          }}\r\n        >\r\n          {error}\r\n        </p>\r\n      )}\r\n    </form>\r\n  );\r\n}\r\n"],"mappings":"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","names":["useEffect","jsx","useEffect","useState","useState","jsx","useState","jsx","jsxs","useState","useState","jsx","jsxs","useState"]}
+{"version":3,"sources":["../src/AuthContext.tsx","../src/http.ts","../src/Protected.tsx","../src/screens/LoginScreen.tsx","../src/screens/PasswordResetScreen.tsx","../src/screens/SignupScreen.tsx"],"sourcesContent":["/* \r\nDevelopers using this library should wrap their app with:\r\n  <AuthProvider config={...}>\r\n    <App />\r\n  </AuthProvider>\r\n \r\n  Then they can access auth anywhere with:\r\n  const { user, login, logout, getToken } = useAuth();\r\n*/\r\n\r\nimport React, {\r\n  createContext,\r\n  useContext,\r\n  useEffect,\r\n  useMemo,\r\n  useState,\r\n} from \"react\";\r\n\r\nimport {\r\n  AuthContextType,\r\n  AuthProviderConfig,\r\n  StandardAuthResponse,\r\n  User,\r\n} from \"./types\";\r\n\r\nimport {\r\n  httpJSON,\r\n  makeURL,\r\n  setStoredAccessToken,\r\n  getStoredAccessToken,\r\n} from \"./http\";\r\n\r\nconst AuthContext = createContext<AuthContextType | undefined>(undefined);\r\n\r\nexport function useAuth(): AuthContextType {\r\n  const ctx = useContext(AuthContext);\r\n  if (!ctx) throw new Error(\"useAuth must be used inside AuthProvider\");\r\n  return ctx;\r\n}\r\n\r\nexport function AuthProvider({\r\n  config,\r\n  children,\r\n}: React.PropsWithChildren<{ config: AuthProviderConfig }>) {\r\n  const { baseURL, endpoints, onLoginSuccess, onLogout } = config;\r\n\r\n  const [user, setUser] = useState<User | null>(null);\r\n  const [loading, setLoading] = useState(true);\r\n\r\n  const getToken = () => getStoredAccessToken();\r\n\r\n  // Restore user from localStorage on app load\r\n  useEffect(() => {\r\n    const savedUser = localStorage.getItem(\"afk_user\");\r\n    if (savedUser) {\r\n      setUser(JSON.parse(savedUser));\r\n    }\r\n    setLoading(false);\r\n  }, []);\r\n\r\n  // LOGIN\r\n  const login: AuthContextType[\"login\"] = async (email, password) => {\r\n    const url = makeURL(baseURL, endpoints.login);\r\n\r\n    const res = await httpJSON<StandardAuthResponse>(url, {\r\n      method: \"POST\",\r\n      body: JSON.stringify({ email, password }),\r\n    });\r\n\r\n    // store token + user\r\n    setStoredAccessToken(res.accessToken);\r\n    localStorage.setItem(\"afk_user\", JSON.stringify(res.user));\r\n\r\n    setUser(res.user);\r\n\r\n    if (onLoginSuccess) onLoginSuccess();\r\n  };\r\n\r\n  // SIGNUP\r\n  const signup: AuthContextType[\"signup\"] = async (payload) => {\r\n    const url = makeURL(baseURL, endpoints.signup);\r\n\r\n    const res = await httpJSON<StandardAuthResponse>(url, {\r\n      method: \"POST\",\r\n      body: JSON.stringify(payload),\r\n    });\r\n\r\n    setStoredAccessToken(res.accessToken);\r\n    localStorage.setItem(\"afk_user\", JSON.stringify(res.user));\r\n\r\n    setUser(res.user);\r\n\r\n    if (onLoginSuccess) onLoginSuccess();\r\n  };\r\n\r\n  // LOGOUT\r\n  const logout = () => {\r\n    setStoredAccessToken(null);\r\n    localStorage.removeItem(\"afk_user\");\r\n    setUser(null);\r\n\r\n    if (onLogout) onLogout();\r\n  };\r\n\r\n  const value = useMemo<AuthContextType>(\r\n    () => ({\r\n      user,\r\n      loading,\r\n      login,\r\n      signup,\r\n      logout,\r\n      getToken,\r\n      config,\r\n    }),\r\n    [user, loading, config]\r\n  );\r\n\r\n  return <AuthContext.Provider value={value}>{children}</AuthContext.Provider>;\r\n}\r\n","/*\r\n This file contains the low-level HTTP utilities used internally by\r\n auth-flow-kit to communicate with the backend.\r\n\r\n It provides:\r\n  - makeURL: safely joins baseURL + endpoint path\r\n  - getStoredAccessToken: reads the JWT from localStorage\r\n  - setStoredAccessToken: stores/removes the JWT\r\n  - httpJSON: wrapper around fetch with JSON + optional auth header\r\n\r\n NOTES FOR DEVELOPERS USING THE LIBRARY:\r\n You do NOT need to import or modify anything in this file.\r\n It is an internal helper used by the AuthProvider and auth screens.\r\n\r\n This keeps the library lightweight, predictable,\r\n and familiar to developers used to Redux Toolkit-style authentication.\r\n*/\r\n\r\nexport function makeURL(baseURL: string, path: string) {\r\n  return `${baseURL.replace(/\\/$/, \"\")}${\r\n    path.startsWith(\"/\") ? path : `/${path}`\r\n  }`;\r\n}\r\n\r\nexport function getStoredAccessToken(): string | null {\r\n  try {\r\n    return localStorage.getItem(\"afk_access_token\");\r\n  } catch {\r\n    return null;\r\n  }\r\n}\r\n\r\nexport function setStoredAccessToken(token: string | null) {\r\n  try {\r\n    if (token) localStorage.setItem(\"afk_access_token\", token);\r\n    else localStorage.removeItem(\"afk_access_token\");\r\n  } catch {\r\n    // Gonna ignore storage errors (Safari private mode, etc.) for now, not exactly needed.\r\n  }\r\n}\r\n\r\nexport async function httpJSON<T>(\r\n  url: string,\r\n  opts: RequestInit = {},\r\n  withAuth = false,\r\n): Promise<T> {\r\n  const headers: Record<string, string> = {\r\n    \"Content-Type\": \"application/json\",\r\n  };\r\n\r\n  if (withAuth) {\r\n    const tok = getStoredAccessToken();\r\n    if (tok) headers[\"Authorization\"] = `Bearer ${tok}`;\r\n  }\r\n\r\n  const res = await fetch(url, {\r\n    ...opts,\r\n    headers: { ...headers, ...(opts.headers || {}) },\r\n  });\r\n\r\n  if (!res.ok) {\r\n    let message = `Request failed (${res.status})`;\r\n    const contentType = res.headers.get(\"content-type\") || \"\";\r\n\r\n    // Backend returned JSON error\r\n    if (contentType.includes(\"application/json\")) {\r\n      try {\r\n        const data = await res.json();\r\n        if (data?.message) message = data.message;\r\n      } catch {\r\n        // ignore JSON parse errors, cos not important to me now\r\n      }\r\n    }\r\n\r\n    // Backend returned HTML (Express default error pages)\r\n    if (contentType.includes(\"text/html\")) {\r\n      if (res.status === 404 && url.includes(\"forgot\")) {\r\n        message =\r\n          \"The forgot password endpoint you added in config.endpoints.forgot does not exist in your server. Please check and update your config.endpoints.forgot\";\r\n      } else {\r\n        message = \"Unexpected server error\";\r\n      }\r\n    }\r\n\r\n    // Developer-only guidance\r\n    if (res.status === 404 && url.includes(\"forgot\")) {\r\n      console.error(\r\n        `[auth-flow-kit] Password reset endpoint not found.\r\n\r\n        Expected a POST route matching:\r\n          ${url}\r\n\r\n        Fix this by either:\r\n        - Adding the route on your backend, or\r\n        - Updating config.endpoints.forgot`,\r\n      );\r\n    }\r\n\r\n    throw new Error(message);\r\n  }\r\n\r\n  return res.json() as Promise<T>;\r\n}\r\n","\"use client\";\r\n\r\n/*\r\nProtected component\r\n\r\nWraps authenticated content and prevents rendering when unauthenticated.\r\n\r\nIMPORTANT:\r\nThis component does NOT hard-redirect by default.\r\nNavigation should be handled by the host application (router or state).\r\n\r\nIf redirectTo is provided AND the host app supports routing,\r\na redirect will occur.\r\n*/\r\n\r\nimport React, { useEffect } from \"react\";\r\nimport { useAuth } from \"./AuthContext\";\r\n\r\ntype ProtectedProps = {\r\n  children: React.ReactNode;\r\n  redirectTo?: string;\r\n};\r\n\r\nexport default function Protected({ children, redirectTo }: ProtectedProps) {\r\n  const { user, loading } = useAuth();\r\n\r\n  useEffect(() => {\r\n    if (!loading && !user && redirectTo) {\r\n      window.location.href = redirectTo;\r\n    }\r\n  }, [loading, user, redirectTo]);\r\n\r\n  if (loading) return <div>Loading...</div>;\r\n  if (!user) return null;\r\n\r\n  return <>{children}</>;\r\n}\r\n","\"use client\";\r\nimport React, { useState } from \"react\";\r\nimport { useAuth } from \"../AuthContext\";\r\nimport PasswordResetScreen from \"./PasswordResetScreen\";\r\n\r\nexport default function LoginScreen() {\r\n  const { login } = useAuth();\r\n  const [email, setEmail] = useState(\"\");\r\n  const [password, setPassword] = useState(\"\");\r\n  const [submitting, setSubmitting] = useState(false);\r\n  const [error, setError] = useState<string | null>(null);\r\n  const [showReset, setShowReset] = useState(false);\r\n\r\n  if (showReset) {\r\n    return (\r\n      <div style={{ animation: \"fade .2s\" }}>\r\n        <PasswordResetScreen />\r\n        <p\r\n          onClick={() => setShowReset(false)}\r\n          style={{\r\n            marginTop: 16,\r\n            textAlign: \"center\",\r\n            fontSize: 14,\r\n            color: \"#4b4bff\",\r\n            cursor: \"pointer\",\r\n            textDecoration: \"underline\",\r\n          }}\r\n        >\r\n          Back to login\r\n        </p>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  // Submit\r\n  const onSubmit = async (e: React.FormEvent) => {\r\n    e.preventDefault();\r\n    setSubmitting(true);\r\n    setError(null);\r\n\r\n    const trimmedEmail = email.trim();\r\n    const trimmedPassword = password.trim();\r\n\r\n    if (!trimmedEmail || !trimmedPassword) {\r\n      setError(\"Email and password cannot be empty.\");\r\n      setSubmitting(false);\r\n      return;\r\n    }\r\n\r\n    try {\r\n      await login(trimmedEmail, trimmedPassword);\r\n    } catch (err: any) {\r\n      setError(err?.message || \"Login failed\");\r\n    } finally {\r\n      setSubmitting(false);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <form\r\n      onSubmit={onSubmit}\r\n      style={{\r\n        maxWidth: 400,\r\n        margin: \"60px auto\",\r\n        padding: 32,\r\n        borderRadius: 20,\r\n        fontFamily: \"Inter, sans-serif\",\r\n\r\n        background: \"rgba(255, 255, 255, 0.25)\",\r\n        backdropFilter: \"blur(14px)\",\r\n        WebkitBackdropFilter: \"blur(14px)\",\r\n\r\n        boxShadow: \"0 20px 40px rgba(0,0,0,0.15)\",\r\n        border: \"1px solid rgba(255,255,255,0.4)\",\r\n        animation: \"fadeIn 0.3s ease\",\r\n      }}\r\n    >\r\n      <h2\r\n        style={{\r\n          marginBottom: 30,\r\n          color: \"#060f22\",\r\n          fontWeight: 700,\r\n          fontSize: 30,\r\n          textAlign: \"center\",\r\n          letterSpacing: \"-0.5px\",\r\n        }}\r\n      >\r\n        Welcome Back 👋\r\n      </h2>\r\n\r\n      <div style={{ position: \"relative\", marginBottom: 26 }}>\r\n        <label\r\n          style={{\r\n            position: \"absolute\",\r\n            top: \"-10px\",\r\n            left: \"14px\",\r\n            background: \"rgba(255,255,255,0.8)\",\r\n            padding: \"0 6px\",\r\n            fontSize: 13,\r\n            color: \"#444\",\r\n            borderRadius: 6,\r\n          }}\r\n        >\r\n          Email\r\n        </label>\r\n\r\n        <input\r\n          value={email}\r\n          onChange={(e) => setEmail(e.target.value)}\r\n          type=\"email\"\r\n          placeholder=\"you@example.com\"\r\n          style={{\r\n            width: \"80%\",\r\n            padding: \"14px 16px\",\r\n            borderRadius: 12,\r\n            border: \"1px solid #d2d2d2\",\r\n            fontSize: 15,\r\n            outline: \"none\",\r\n            transition: \"0.25s\",\r\n            background: \"rgba(255,255,255,0.85)\",\r\n          }}\r\n          onFocus={(e) => {\r\n            e.currentTarget.style.border = \"1px solid #4b4bff\";\r\n            e.currentTarget.style.boxShadow = \"0 0 0 3px rgba(75,75,255,0.25)\";\r\n          }}\r\n          onBlur={(e) => {\r\n            e.currentTarget.style.border = \"1px solid #d2d2d2\";\r\n            e.currentTarget.style.boxShadow = \"0 0 0 transparent\";\r\n          }}\r\n        />\r\n      </div>\r\n\r\n      <div style={{ position: \"relative\", marginBottom: 10 }}>\r\n        <label\r\n          style={{\r\n            position: \"absolute\",\r\n            top: \"-10px\",\r\n            left: \"14px\",\r\n            background: \"rgba(255,255,255,0.8)\",\r\n            padding: \"0 6px\",\r\n            fontSize: 13,\r\n            color: \"#444\",\r\n            borderRadius: 6,\r\n          }}\r\n        >\r\n          Password\r\n        </label>\r\n\r\n        <input\r\n          value={password}\r\n          onChange={(e) => setPassword(e.target.value)}\r\n          type=\"password\"\r\n          placeholder=\"••••••••\"\r\n          style={{\r\n            width: \"80%\",\r\n            padding: \"14px 16px\",\r\n            borderRadius: 12,\r\n            border: \"1px solid #d2d2d2\",\r\n            fontSize: 15,\r\n            outline: \"none\",\r\n            transition: \"0.25s\",\r\n            background: \"rgba(255,255,255,0.85)\",\r\n          }}\r\n          onFocus={(e) => {\r\n            e.currentTarget.style.border = \"1px solid #4b4bff\";\r\n            e.currentTarget.style.boxShadow = \"0 0 0 3px rgba(75,75,255,0.25)\";\r\n          }}\r\n          onBlur={(e) => {\r\n            e.currentTarget.style.border = \"1px solid #d2d2d2\";\r\n            e.currentTarget.style.boxShadow = \"0 0 0 transparent\";\r\n          }}\r\n        />\r\n      </div>\r\n\r\n      <p\r\n        onClick={() => setShowReset(true)}\r\n        style={{\r\n          textAlign: \"right\",\r\n          fontSize: 13,\r\n          color: \"#4b4bff\",\r\n          cursor: \"pointer\",\r\n          marginBottom: 24,\r\n        }}\r\n      >\r\n        Forgot password?\r\n      </p>\r\n\r\n      <button\r\n        disabled={submitting}\r\n        type=\"submit\"\r\n        style={{\r\n          width: \"100%\",\r\n          padding: \"14px 20px\",\r\n          borderRadius: 12,\r\n\r\n          background: submitting\r\n            ? \"linear-gradient(90deg, #b2bdfd, #8da0ff)\"\r\n            : \"linear-gradient(90deg, #5353aaff, #060f22ff)\",\r\n\r\n          color: \"white\",\r\n          border: \"none\",\r\n          fontSize: 16,\r\n          fontWeight: 700,\r\n          letterSpacing: \"0.3px\",\r\n          cursor: \"pointer\",\r\n          transition: \"0.25s\",\r\n          boxShadow: \"0 8px 20px rgba(75,75,255,0.25)\",\r\n        }}\r\n      >\r\n        {submitting ? \"Signing in...\" : \"Sign in\"}\r\n      </button>\r\n\r\n      {error && (\r\n        <p\r\n          style={{\r\n            marginTop: 18,\r\n            color: \"crimson\",\r\n            textAlign: \"center\",\r\n            fontSize: 14,\r\n            fontWeight: 500,\r\n          }}\r\n        >\r\n          {error}\r\n        </p>\r\n      )}\r\n    </form>\r\n  );\r\n}\r\n","\"use client\";\r\nimport React, { useState } from \"react\";\r\nimport { useAuth } from \"../AuthContext\";\r\nimport { httpJSON, makeURL } from \"../http\";\r\n\r\nexport default function PasswordResetScreen() {\r\n  const { config } = useAuth();\r\n\r\n  const [email, setEmail] = useState(\"\");\r\n  const [sent, setSent] = useState(false);\r\n  const [error, setError] = useState<string | null>(null);\r\n\r\n  const requestReset = async (e: React.FormEvent) => {\r\n    e.preventDefault();\r\n    setError(null);\r\n\r\n    try {\r\n      const url = makeURL(config.baseURL, config.endpoints.forgot);\r\n\r\n      await httpJSON(url, {\r\n        method: \"POST\",\r\n        body: JSON.stringify({ email }),\r\n      });\r\n\r\n      setSent(true);\r\n    } catch (err: any) {\r\n      setError(err?.message || \"Failed to request reset\");\r\n    }\r\n  };\r\n\r\n  return (\r\n    <form\r\n      onSubmit={requestReset}\r\n      style={{\r\n        maxWidth: 400,\r\n        margin: \"60px auto\",\r\n        padding: 32,\r\n        borderRadius: 20,\r\n        fontFamily: \"Inter, sans-serif\",\r\n\r\n        // GLASS EFFECT\r\n        background: \"rgba(255, 255, 255, 0.25)\",\r\n        backdropFilter: \"blur(14px)\",\r\n        WebkitBackdropFilter: \"blur(14px)\",\r\n\r\n        boxShadow: \"0 20px 40px rgba(0,0,0,0.15)\",\r\n        border: \"1px solid rgba(255,255,255,0.4)\",\r\n        animation: \"fadeIn 0.25s ease\",\r\n      }}\r\n    >\r\n      <h2\r\n        style={{\r\n          marginBottom: 30,\r\n          color: \"#060f22\",\r\n          fontWeight: 700,\r\n          fontSize: 30,\r\n          textAlign: \"center\",\r\n          letterSpacing: \"-0.5px\",\r\n        }}\r\n      >\r\n        Reset Password 🔑\r\n      </h2>\r\n\r\n      <div style={{ position: \"relative\", marginBottom: 26 }}>\r\n        <label\r\n          style={{\r\n            position: \"absolute\",\r\n            top: sent ? \"-18px\" : \"-10px\",\r\n            left: \"14px\",\r\n            background: \"rgba(255,255,255,0.85)\",\r\n            padding: \"0 6px\",\r\n            fontSize: 13,\r\n            color: \"#444\",\r\n            borderRadius: 6,\r\n          }}\r\n        >\r\n          Email\r\n        </label>\r\n\r\n        <input\r\n          value={email}\r\n          onChange={(e) => setEmail(e.target.value)}\r\n          type=\"email\"\r\n          placeholder=\"you@example.com\"\r\n          style={{\r\n            width: \"90%\",\r\n            padding: \"14px 16px\",\r\n            borderRadius: 12,\r\n            border: \"1px solid #d2d2d2\",\r\n            fontSize: 15,\r\n            outline: \"none\",\r\n            transition: \"0.25s\",\r\n            background: \"rgba(255,255,255,0.85)\",\r\n          }}\r\n          onFocus={(e) => {\r\n            e.currentTarget.style.border = \"1px solid #4b4bff\";\r\n            e.currentTarget.style.boxShadow = \"0 0 0 3px rgba(75,75,255,0.25)\";\r\n          }}\r\n          onBlur={(e) => {\r\n            e.currentTarget.style.border = \"1px solid #d2d2d2\";\r\n            e.currentTarget.style.boxShadow = \"0 0 0 transparent\";\r\n          }}\r\n        />\r\n      </div>\r\n\r\n      <button\r\n        type=\"submit\"\r\n        style={{\r\n          width: \"100%\",\r\n          padding: \"14px 20px\",\r\n          borderRadius: 12,\r\n\r\n          background: sent\r\n            ? \"linear-gradient(90deg, #7aff9d, #34c759)\"\r\n            : \"linear-gradient(90deg, #5353aaff, #060f22ff)\",\r\n\r\n          color: \"white\",\r\n          border: \"none\",\r\n          fontSize: 16,\r\n          fontWeight: 700,\r\n          letterSpacing: \"0.3px\",\r\n          cursor: \"pointer\",\r\n          transition: \"0.3s\",\r\n          boxShadow: \"0 8px 20px rgba(75,75,255,0.25)\",\r\n        }}\r\n      >\r\n        {sent ? \"Link Sent ✔\" : \"Send reset link\"}\r\n      </button>\r\n\r\n      {sent && (\r\n        <p\r\n          style={{\r\n            marginTop: 20,\r\n            color: \"#2ecc71\",\r\n            textAlign: \"center\",\r\n            fontSize: 15,\r\n            fontWeight: 600,\r\n          }}\r\n        >\r\n          Check your email for reset instructions.\r\n        </p>\r\n      )}\r\n\r\n      {error && (\r\n        <p\r\n          style={{\r\n            marginTop: 20,\r\n            color: \"crimson\",\r\n            textAlign: \"center\",\r\n            fontSize: 14,\r\n            fontWeight: 500,\r\n          }}\r\n        >\r\n          {error}\r\n        </p>\r\n      )}\r\n    </form>\r\n  );\r\n}\r\n","\"use client\";\r\nimport React, { useState } from \"react\";\r\nimport { useAuth } from \"../AuthContext\";\r\n\r\nexport default function SignupScreen() {\r\n  const { signup } = useAuth();\r\n  const [name, setName] = useState(\"\");\r\n  const [email, setEmail] = useState(\"\");\r\n  const [password, setPassword] = useState(\"\");\r\n  const [submitting, setSubmitting] = useState(false);\r\n  const [error, setError] = useState<string | null>(null);\r\n\r\n  const onSubmit = async (e: React.FormEvent) => {\r\n    e.preventDefault();\r\n    setSubmitting(true);\r\n    setError(null);\r\n\r\n    const trimmedEmail = email.trim();\r\n    const trimmedPassword = password.trim();\r\n    const trimmedName = name.trim();\r\n\r\n    if (!trimmedEmail || !trimmedPassword || !trimmedName) {\r\n      setError(\"Email and password cannot be empty.\");\r\n      setSubmitting(false);\r\n      return;\r\n    }\r\n\r\n    try {\r\n      await signup({ name, email, password });\r\n    } catch (err: any) {\r\n      setError(err?.message || \"Signup failed\");\r\n    } finally {\r\n      setSubmitting(false);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <form\r\n      onSubmit={onSubmit}\r\n      style={{\r\n        maxWidth: 400,\r\n        margin: \"60px auto\",\r\n        padding: 32,\r\n        borderRadius: 20,\r\n        fontFamily: \"Inter, sans-serif\",\r\n\r\n        // GLASS EFFECT\r\n        background: \"rgba(255, 255, 255, 0.25)\",\r\n        backdropFilter: \"blur(14px)\",\r\n        WebkitBackdropFilter: \"blur(14px)\",\r\n\r\n        boxShadow: \"0 20px 40px rgba(0,0,0,0.15)\",\r\n        border: \"1px solid rgba(255,255,255,0.4)\",\r\n        animation: \"fadeIn 0.3s ease\",\r\n      }}\r\n    >\r\n      <h2\r\n        style={{\r\n          marginBottom: 30,\r\n          color: \"#060f22\",\r\n          fontWeight: 700,\r\n          fontSize: 30,\r\n          textAlign: \"center\",\r\n          letterSpacing: \"-0.5px\",\r\n        }}\r\n      >\r\n        Create Account ✨\r\n      </h2>\r\n\r\n      <div style={{ position: \"relative\", marginBottom: 26 }}>\r\n        <label\r\n          style={{\r\n            position: \"absolute\",\r\n            top: \"-10px\",\r\n            left: \"14px\",\r\n            background: \"rgba(255,255,255,0.85)\",\r\n            padding: \"0 6px\",\r\n            fontSize: 13,\r\n            color: \"#444\",\r\n            borderRadius: 6,\r\n          }}\r\n        >\r\n          Name\r\n        </label>\r\n\r\n        <input\r\n          value={name}\r\n          onChange={(e) => setName(e.target.value)}\r\n          placeholder=\"Your name\"\r\n          style={{\r\n            width: \"80%\",\r\n            padding: \"14px 16px\",\r\n            borderRadius: 12,\r\n            border: \"1px solid #d2d2d2\",\r\n            fontSize: 15,\r\n            outline: \"none\",\r\n            transition: \"0.25s\",\r\n            background: \"rgba(255,255,255,0.85)\",\r\n          }}\r\n          onFocus={(e) => {\r\n            e.currentTarget.style.border = \"1px solid #4b4bff\";\r\n            e.currentTarget.style.boxShadow = \"0 0 0 3px rgba(75,75,255,0.25)\";\r\n          }}\r\n          onBlur={(e) => {\r\n            e.currentTarget.style.border = \"1px solid #d2d2d2\";\r\n            e.currentTarget.style.boxShadow = \"0 0 0 transparent\";\r\n          }}\r\n        />\r\n      </div>\r\n\r\n      <div style={{ position: \"relative\", marginBottom: 26 }}>\r\n        <label\r\n          style={{\r\n            position: \"absolute\",\r\n            top: \"-10px\",\r\n            left: \"14px\",\r\n            background: \"rgba(255,255,255,0.85)\",\r\n            padding: \"0 6px\",\r\n            fontSize: 13,\r\n            color: \"#444\",\r\n            borderRadius: 6,\r\n          }}\r\n        >\r\n          Email\r\n        </label>\r\n\r\n        <input\r\n          value={email}\r\n          onChange={(e) => setEmail(e.target.value)}\r\n          type=\"email\"\r\n          placeholder=\"you@example.com\"\r\n          style={{\r\n            width: \"80%\",\r\n            padding: \"14px 16px\",\r\n            borderRadius: 12,\r\n            border: \"1px solid #d2d2d2\",\r\n            fontSize: 15,\r\n            outline: \"none\",\r\n            transition: \"0.25s\",\r\n            background: \"rgba(255,255,255,0.85)\",\r\n          }}\r\n          onFocus={(e) => {\r\n            e.currentTarget.style.border = \"1px solid #4b4bff\";\r\n            e.currentTarget.style.boxShadow = \"0 0 0 3px rgba(75,75,255,0.25)\";\r\n          }}\r\n          onBlur={(e) => {\r\n            e.currentTarget.style.border = \"1px solid #d2d2d2\";\r\n            e.currentTarget.style.boxShadow = \"0 0 0 transparent\";\r\n          }}\r\n        />\r\n      </div>\r\n\r\n      <div style={{ position: \"relative\", marginBottom: 26 }}>\r\n        <label\r\n          style={{\r\n            position: \"absolute\",\r\n            top: \"-10px\",\r\n            left: \"14px\",\r\n            background: \"rgba(255,255,255,0.85)\",\r\n            padding: \"0 6px\",\r\n            fontSize: 13,\r\n            color: \"#444\",\r\n            borderRadius: 6,\r\n          }}\r\n        >\r\n          Password\r\n        </label>\r\n\r\n        <input\r\n          value={password}\r\n          onChange={(e) => setPassword(e.target.value)}\r\n          type=\"password\"\r\n          placeholder=\"••••••••\"\r\n          style={{\r\n            width: \"80%\",\r\n            padding: \"14px 16px\",\r\n            borderRadius: 12,\r\n            border: \"1px solid #d2d2d2\",\r\n            fontSize: 15,\r\n            outline: \"none\",\r\n            transition: \"0.25s\",\r\n            background: \"rgba(255,255,255,0.85)\",\r\n          }}\r\n          onFocus={(e) => {\r\n            e.currentTarget.style.border = \"1px solid #4b4bff\";\r\n            e.currentTarget.style.boxShadow = \"0 0 0 3px rgba(75,75,255,0.25)\";\r\n          }}\r\n          onBlur={(e) => {\r\n            e.currentTarget.style.border = \"1px solid #d2d2d2\";\r\n            e.currentTarget.style.boxShadow = \"0 0 0 transparent\";\r\n          }}\r\n        />\r\n      </div>\r\n\r\n      <button\r\n        disabled={submitting}\r\n        type=\"submit\"\r\n        style={{\r\n          width: \"100%\",\r\n          padding: \"14px 20px\",\r\n          borderRadius: 12,\r\n          background: submitting\r\n            ? \"linear-gradient(90deg, #b2bdfd, #8da0ff)\"\r\n            : \"linear-gradient(90deg, #5353aaff, #060f22ff)\",\r\n\r\n          color: \"white\",\r\n          border: \"none\",\r\n          fontSize: 16,\r\n          fontWeight: 700,\r\n          letterSpacing: \"0.3px\",\r\n          cursor: \"pointer\",\r\n          transition: \"0.25s\",\r\n          boxShadow: \"0 8px 20px rgba(75,75,255,0.25)\",\r\n        }}\r\n      >\r\n        {submitting ? \"Creating...\" : \"Create account\"}\r\n      </button>\r\n\r\n      {error && (\r\n        <p\r\n          style={{\r\n            marginTop: 18,\r\n            color: \"crimson\",\r\n            textAlign: \"center\",\r\n            fontSize: 14,\r\n            fontWeight: 500,\r\n          }}\r\n        >\r\n          {error}\r\n        </p>\r\n      )}\r\n    </form>\r\n  );\r\n}\r\n"],"mappings":"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","names":["useEffect","jsx","useEffect","useState","useState","jsx","useState","jsx","jsxs","useState","useState","jsx","jsxs","useState"]}