@liedsonc/core-auth-kit 2.1.4 → 2.1.7

package/pages/reset-password/index.tsx

@@ -1,133 +0,0 @@
-"use client";
-
-import Link from "next/link";
-import { useAuth } from "../../hooks/use-auth";
-import { useSearchParams } from "next/navigation";
-import { AuthCard } from "../../components/auth-card";
-import { AuthForm } from "../../components/auth-form";
-import { FormField } from "../../components/form-field";
-import { PasswordInput } from "../../components/password-input";
-import { Button } from "../../components/ui/button";
-import { useState, Suspense } from "react";
-
-const genericError = "Something went wrong. Please request a new reset link.";
-
-function ResetPasswordForm() {
-  const searchParams = useSearchParams();
-  const token = searchParams.get("token") ?? "";
-  const { resetPassword, loading, error, clearError } = useAuth();
-  const [password, setPassword] = useState("");
-  const [confirmPassword, setConfirmPassword] = useState("");
-  const [fieldErrors, setFieldErrors] = useState<{ password?: string; confirm?: string }>({});
-
-  const handleSubmit = async (e: React.FormEvent<HTMLFormElement>) => {
-    e.preventDefault();
-    clearError();
-    setFieldErrors({});
-    const err: { password?: string; confirm?: string } = {};
-    if (!token) err.password = "Invalid or missing reset link.";
-    if (!password) err.password = "Password is required.";
-    if (password.length < 8) err.password = "Password must be at least 8 characters.";
-    if (password !== confirmPassword) err.confirm = "Passwords do not match.";
-    if (Object.keys(err).length) {
-      setFieldErrors(err);
-      return;
-    }
-    const result = await resetPassword(token, password);
-    if (!result.success) setFieldErrors({ password: genericError });
-  };
-
-  if (!token) {
-    return (
-      <div className="flex min-h-screen flex-col items-center justify-center p-4">
-        <AuthCard
-          title="Reset password"
-          subtitle="Invalid or expired link"
-          footer={
-            <Link
-              href="/forgot-password"
-              className="text-sm text-muted-foreground underline underline-offset-4 hover:text-foreground"
-            >
-              Request a new reset link
-            </Link>
-          }
-        >
-          <p className="text-sm text-muted-foreground">
-            This reset link is invalid or has expired. Please request a new one.
-          </p>
-        </AuthCard>
-      </div>
-    );
-  }
-
-  return (
-    <div className="flex min-h-screen flex-col items-center justify-center p-4">
-      <AuthCard
-        title="Reset password"
-        subtitle="Enter your new password"
-        footer={
-          <div className="flex w-full justify-center text-sm text-muted-foreground">
-            <Link
-              href="/login"
-              className="underline underline-offset-4 hover:text-foreground"
-            >
-              Back to sign in
-            </Link>
-          </div>
-        }
-      >
-        <AuthForm onSubmit={handleSubmit} loading={loading} error={error ? genericError : undefined}>
-          <FormField label="New password" htmlFor="reset-password" error={fieldErrors.password} required>
-            <PasswordInput
-              id="reset-password"
-              placeholder="••••••••"
-              autoComplete="new-password"
-              value={password}
-              onChange={(e) => setPassword(e.target.value)}
-              disabled={loading}
-              showStrength
-              aria-invalid={!!fieldErrors.password}
-            />
-          </FormField>
-          <FormField
-            label="Confirm password"
-            htmlFor="reset-confirm"
-            error={fieldErrors.confirm}
-            required
-          >
-            <PasswordInput
-              id="reset-confirm"
-              placeholder="••••••••"
-              autoComplete="new-password"
-              value={confirmPassword}
-              onChange={(e) => setConfirmPassword(e.target.value)}
-              disabled={loading}
-              aria-invalid={!!fieldErrors.confirm}
-            />
-          </FormField>
-          <Button type="submit" className="w-full" disabled={loading}>
-            {loading ? (
-              <span className="inline-block size-4 animate-spin rounded-full border-2 border-current border-t-transparent" />
-            ) : (
-              "Reset password"
-            )}
-          </Button>
-        </AuthForm>
-      </AuthCard>
-    </div>
-  );
-}
-
-export function ResetPasswordPage() {
-  return (
-    <Suspense
-      fallback={
-        <div className="flex min-h-screen items-center justify-center">
-          <span className="inline-block size-8 animate-spin rounded-full border-2 border-current border-t-transparent" />
-        </div>
-      }
-    >
-      <ResetPasswordForm />
-    </Suspense>
-  );
-}

package/pages/verify-email/index.tsx

@@ -1,143 +0,0 @@
-"use client";
-
-import Link from "next/link";
-import { useAuth } from "../../hooks/use-auth";
-import { useSearchParams } from "next/navigation";
-import { AuthCard } from "../../components/auth-card";
-import { SuccessMessage } from "../../components/success-message";
-import { ErrorMessage } from "../../components/error-message";
-import { Button } from "../../components/ui/button";
-import { useEffect, useState, Suspense } from "react";
-
-type VerifyState = "idle" | "loading" | "success" | "expired" | "invalid";
-
-function VerifyEmailContent() {
-  const searchParams = useSearchParams();
-  const token = searchParams.get("token") ?? "";
-  const { verifyEmail, loading } = useAuth();
-  const [state, setState] = useState<VerifyState>("idle");
-  const [checked, setChecked] = useState(false);
-
-  useEffect(() => {
-    if (!token || checked) return;
-    setChecked(true);
-    setState("loading");
-    verifyEmail(token).then((result) => {
-      if (result.success) setState("success");
-      else if (result.error.code === "EXPIRED" || result.error.code === "TOKEN_EXPIRED")
-        setState("expired");
-      else setState("invalid");
-    });
-  }, [token, checked, verifyEmail]);
-
-  if (!token) {
-    return (
-      <div className="flex min-h-screen flex-col items-center justify-center p-4">
-        <AuthCard
-          title="Verify email"
-          subtitle="Invalid verification link"
-          footer={
-            <Link
-              href="/login"
-              className="text-sm text-muted-foreground underline underline-offset-4 hover:text-foreground"
-            >
-              Go to sign in
-            </Link>
-          }
-        >
-          <ErrorMessage>This verification link is invalid.</ErrorMessage>
-        </AuthCard>
-      </div>
-    );
-  }
-
-  if (state === "loading" || (state === "idle" && loading)) {
-    return (
-      <div className="flex min-h-screen flex-col items-center justify-center p-4">
-        <AuthCard title="Verify email" subtitle="Verifying your email...">
-          <div className="flex justify-center py-4">
-            <span
-              role="status"
-              aria-label="Verifying"
-              className="inline-block size-8 animate-spin rounded-full border-2 border-current border-t-transparent"
-            />
-          </div>
-        </AuthCard>
-      </div>
-    );
-  }
-
-  if (state === "success") {
-    return (
-      <div className="flex min-h-screen flex-col items-center justify-center p-4">
-        <AuthCard
-          title="Email verified"
-          subtitle="Your account is ready"
-          footer={
-            <Button asChild className="w-full">
-              <Link href="/login">Sign in</Link>
-            </Button>
-          }
-        >
-          <SuccessMessage>Your email has been verified. You can now sign in.</SuccessMessage>
-        </AuthCard>
-      </div>
-    );
-  }
-
-  if (state === "expired") {
-    return (
-      <div className="flex min-h-screen flex-col items-center justify-center p-4">
-        <AuthCard
-          title="Link expired"
-          subtitle="This verification link has expired"
-          footer={
-            <Link
-              href="/login"
-              className="text-sm text-muted-foreground underline underline-offset-4 hover:text-foreground"
-            >
-              Go to sign in
-            </Link>
-          }
-        >
-          <ErrorMessage>
-            This verification link has expired. Please sign in to request a new one.
-          </ErrorMessage>
-        </AuthCard>
-      </div>
-    );
-  }
-
-  return (
-    <div className="flex min-h-screen flex-col items-center justify-center p-4">
-      <AuthCard
-        title="Verification failed"
-        subtitle="We couldn't verify your email"
-        footer={
-          <Link
-            href="/login"
-            className="text-sm text-muted-foreground underline underline-offset-4 hover:text-foreground"
-          >
-            Go to sign in
-          </Link>
-        }
-      >
-        <ErrorMessage>This verification link is invalid or has already been used.</ErrorMessage>
-      </AuthCard>
-    </div>
-  );
-}
-
-export function VerifyEmailPage() {
-  return (
-    <Suspense
-      fallback={
-        <div className="flex min-h-screen items-center justify-center">
-          <span className="inline-block size-8 animate-spin rounded-full border-2 border-current border-t-transparent" />
-        </div>
-      }
-    >
-      <VerifyEmailContent />
-    </Suspense>
-  );
-}

package/types/index.ts

@@ -1,34 +0,0 @@
-import type { ReactNode } from "react";
-
-export type OAuthProvider = "google" | "apple";
-
-export interface AuthError {
-  code: string;
-  message: string;
-}
-
-export interface AuthSession {
-  user: { id: string; email?: string };
-  expiresAt?: number;
-}
-
-export interface AuthClient {
-  login: (email: string, password: string) => Promise<{ success: true } | { success: false; error: AuthError }>;
-  register: (email: string, password: string) => Promise<{ success: true } | { success: false; error: AuthError }>;
-  logout: () => Promise<void>;
-  forgotPassword: (email: string) => Promise<{ success: true } | { success: false; error: AuthError }>;
-  resetPassword: (token: string, newPassword: string) => Promise<{ success: true } | { success: false; error: AuthError }>;
-  verifyEmail: (token: string) => Promise<{ success: true } | { success: false; error: AuthError }>;
-  getSession?: () => Promise<AuthSession | null>;
-}
-
-export type AuthFormState = "idle" | "loading" | "success" | "error";
-
-export interface AuthUIConfig {
-  authClient: AuthClient;
-  oauthProviders?: { provider: OAuthProvider; enabled: boolean }[];
-  logo?: ReactNode;
-  redirectAfterLogin?: string;
-  redirectAfterRegister?: string;
-  redirectAfterReset?: string;
-}

package/utils.ts

@@ -1,6 +0,0 @@
-import { clsx, type ClassValue } from "clsx";
-import { twMerge } from "tailwind-merge";
-
-export function cn(...inputs: ClassValue[]) {
-  return twMerge(clsx(inputs));
-}