simple-module-users 0.0.1__py3-none-any.whl

users/pages/AcceptInvite.tsx

@@ -0,0 +1,106 @@
+import { router, usePage } from '@inertiajs/react';
+import { Button } from '@simple-module-py/ui/components/ui/button';
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+} from '@simple-module-py/ui/components/ui/card';
+import { Input } from '@simple-module-py/ui/components/ui/input';
+import { Label } from '@simple-module-py/ui/components/ui/label';
+import { AuthCardShell } from '@simple-module-py/ui/layouts/AuthCardShell';
+import { useState } from 'react';
+
+interface Props {
+  token: string;
+}
+
+function AcceptInvite() {
+  const { token: initialToken } = usePage<{ props: Props }>().props as unknown as Props;
+  const urlToken =
+    typeof window !== 'undefined'
+      ? (new URLSearchParams(window.location.search).get('token') ?? '')
+      : '';
+  const token = urlToken || initialToken;
+
+  const [password, setPassword] = useState('');
+  const [confirm, setConfirm] = useState('');
+  const [error, setError] = useState<string | null>(null);
+  const [loading, setLoading] = useState(false);
+
+  const handleSubmit = (e: React.FormEvent) => {
+    e.preventDefault();
+    setError(null);
+    if (password !== confirm) {
+      setError('Passwords do not match.');
+      return;
+    }
+    setLoading(true);
+    fetch('/api/users/auth/accept-invite', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ token, password }),
+    })
+      .then(async (res) => {
+        if (res.status === 204 || res.status === 200) {
+          router.visit('/dashboard/');
+        } else {
+          const data = await res.json().catch(() => ({}));
+          const detail = typeof data?.detail === 'string' ? data.detail : '';
+          if (detail === 'INVITE_BAD_TOKEN') {
+            setError('Invite link has expired or is invalid. Please request a new invitation.');
+          } else {
+            setError(detail || 'Failed to accept invite. Please try again.');
+          }
+        }
+      })
+      .catch(() => setError('An error occurred. Please try again.'))
+      .finally(() => setLoading(false));
+  };
+
+  return (
+    <AuthCardShell>
+      <Card className="w-full max-w-sm">
+        <CardHeader className="space-y-1">
+          <CardTitle className="text-2xl">Accept invitation</CardTitle>
+          <CardDescription>Set a password to activate your account</CardDescription>
+        </CardHeader>
+        <CardContent>
+          <form onSubmit={handleSubmit} className="space-y-4">
+            <div className="space-y-2">
+              <Label htmlFor="password">Password</Label>
+              <Input
+                id="password"
+                type="password"
+                value={password}
+                onChange={(e) => setPassword(e.target.value)}
+                required
+                autoComplete="new-password"
+              />
+            </div>
+            <div className="space-y-2">
+              <Label htmlFor="confirm">Confirm password</Label>
+              <Input
+                id="confirm"
+                type="password"
+                value={confirm}
+                onChange={(e) => setConfirm(e.target.value)}
+                required
+                autoComplete="new-password"
+              />
+            </div>
+
+            {error && <p className="text-sm text-destructive">{error}</p>}
+
+            <Button type="submit" className="w-full" disabled={loading || !token}>
+              {loading ? 'Activating…' : 'Activate account'}
+            </Button>
+          </form>
+        </CardContent>
+      </Card>
+    </AuthCardShell>
+  );
+}
+
+export default AcceptInvite;

users/pages/ForgotPassword.tsx

@@ -0,0 +1,90 @@
+import { Button } from '@simple-module-py/ui/components/ui/button';
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+} from '@simple-module-py/ui/components/ui/card';
+import { Input } from '@simple-module-py/ui/components/ui/input';
+import { Label } from '@simple-module-py/ui/components/ui/label';
+import { AuthCardShell } from '@simple-module-py/ui/layouts/AuthCardShell';
+import { useState } from 'react';
+
+function ForgotPassword() {
+  const [email, setEmail] = useState('');
+  const [submitted, setSubmitted] = useState(false);
+  const [loading, setLoading] = useState(false);
+
+  const handleSubmit = (e: React.FormEvent) => {
+    e.preventDefault();
+    setLoading(true);
+    fetch('/api/users/auth/forgot-password', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ email }),
+    }).finally(() => {
+      // Always show the same message regardless of whether the email exists
+      // (anti-enumeration: fastapi-users returns 202 regardless)
+      setLoading(false);
+      setSubmitted(true);
+    });
+  };
+
+  if (submitted) {
+    return (
+      <AuthCardShell>
+        <Card className="w-full max-w-sm">
+          <CardHeader>
+            <CardTitle>Check your email</CardTitle>
+            <CardDescription>
+              If an account with that email exists, we've sent a password reset link.
+            </CardDescription>
+          </CardHeader>
+          <CardContent>
+            <a href="/users/login" className="text-sm text-primary hover:underline">
+              Back to sign in
+            </a>
+          </CardContent>
+        </Card>
+      </AuthCardShell>
+    );
+  }
+
+  return (
+    <AuthCardShell>
+      <Card className="w-full max-w-sm">
+        <CardHeader className="space-y-1">
+          <CardTitle className="text-2xl">Forgot password</CardTitle>
+          <CardDescription>Enter your email to receive a reset link</CardDescription>
+        </CardHeader>
+        <CardContent>
+          <form onSubmit={handleSubmit} className="space-y-4">
+            <div className="space-y-2">
+              <Label htmlFor="email">Email</Label>
+              <Input
+                id="email"
+                type="email"
+                value={email}
+                onChange={(e) => setEmail(e.target.value)}
+                placeholder="you@example.com"
+                required
+                autoComplete="email"
+              />
+            </div>
+            <Button type="submit" className="w-full" disabled={loading}>
+              {loading ? 'Sending…' : 'Send reset link'}
+            </Button>
+          </form>
+          <p className="mt-4 text-center text-sm text-muted-foreground">
+            <a href="/users/login" className="text-primary hover:underline">
+              Back to sign in
+            </a>
+          </p>
+        </CardContent>
+      </Card>
+    </AuthCardShell>
+  );
+}
+
+export default ForgotPassword;

users/pages/Login.tsx

@@ -0,0 +1,181 @@
+import { router, usePage } from '@inertiajs/react';
+import { Button } from '@simple-module-py/ui/components/ui/button';
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+} from '@simple-module-py/ui/components/ui/card';
+import { Input } from '@simple-module-py/ui/components/ui/input';
+import { Label } from '@simple-module-py/ui/components/ui/label';
+import { AuthCardShell } from '@simple-module-py/ui/layouts/AuthCardShell';
+import { useState } from 'react';
+
+interface DevAccount {
+  label: string;
+  email: string;
+  password: string;
+}
+
+interface Props {
+  allow_signup: boolean;
+  dev_accounts: DevAccount[];
+}
+
+function Login() {
+  const { allow_signup, dev_accounts } = usePage<{ props: Props }>().props as unknown as Props;
+
+  const [email, setEmail] = useState('');
+  const [password, setPassword] = useState('');
+  const [error, setError] = useState<string | null>(null);
+  const [needsVerification, setNeedsVerification] = useState(false);
+  const [loading, setLoading] = useState(false);
+
+  const nextUrl =
+    typeof window !== 'undefined'
+      ? new URLSearchParams(window.location.search).get('next') || '/dashboard/'
+      : '/dashboard/';
+
+  const submitLogin = (username: string, pwd: string) => {
+    setError(null);
+    setNeedsVerification(false);
+    setLoading(true);
+    const body = new URLSearchParams({ username, password: pwd });
+    fetch('/api/users/auth/login', {
+      method: 'POST',
+      body,
+      headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
+    })
+      .then(async (res) => {
+        if (res.status === 204) {
+          router.visit(nextUrl);
+        } else if (res.status === 429) {
+          setError('Too many attempts. Please try again in a few minutes.');
+        } else {
+          const data = await res.json().catch(() => ({}));
+          const detail = typeof data?.detail === 'string' ? data.detail : '';
+          if (detail === 'LOGIN_USER_NOT_VERIFIED') {
+            setNeedsVerification(true);
+          } else {
+            setError('Invalid email or password.');
+          }
+        }
+      })
+      .catch(() => setError('An error occurred. Please try again.'))
+      .finally(() => setLoading(false));
+  };
+
+  const handleSubmit = (e: React.FormEvent) => {
+    e.preventDefault();
+    submitLogin(email, password);
+  };
+
+  const handleResendVerification = () => {
+    fetch('/api/users/auth/request-verify-token', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ email }),
+    }).then(() => {
+      setError('Verification email resent. Please check your inbox.');
+      setNeedsVerification(false);
+    });
+  };
+
+  return (
+    <AuthCardShell>
+      <Card className="w-full max-w-sm">
+        <CardHeader className="space-y-1">
+          <CardTitle className="text-2xl">Sign in</CardTitle>
+          <CardDescription>Enter your email and password to continue</CardDescription>
+        </CardHeader>
+        <CardContent>
+          <form onSubmit={handleSubmit} className="space-y-4">
+            <div className="space-y-2">
+              <Label htmlFor="email">Email</Label>
+              <Input
+                id="email"
+                type="email"
+                value={email}
+                onChange={(e) => setEmail(e.target.value)}
+                placeholder="you@example.com"
+                required
+                autoComplete="email"
+              />
+            </div>
+            <div className="space-y-2">
+              <div className="flex items-center justify-between">
+                <Label htmlFor="password">Password</Label>
+                <a href="/users/forgot-password" className="text-sm text-primary hover:underline">
+                  Forgot password?
+                </a>
+              </div>
+              <Input
+                id="password"
+                type="password"
+                value={password}
+                onChange={(e) => setPassword(e.target.value)}
+                required
+                autoComplete="current-password"
+              />
+            </div>
+
+            {error && <p className="text-sm text-destructive">{error}</p>}
+
+            {needsVerification && (
+              <div className="rounded-md border border-amber-200 bg-amber-50 p-3 text-sm text-amber-800">
+                <p>Please verify your email before signing in.</p>
+                <button
+                  type="button"
+                  onClick={handleResendVerification}
+                  className="mt-1 underline hover:no-underline"
+                >
+                  Resend verification email
+                </button>
+              </div>
+            )}
+
+            <Button type="submit" className="w-full" disabled={loading}>
+              {loading ? 'Signing in…' : 'Sign in'}
+            </Button>
+          </form>
+
+          {allow_signup && (
+            <p className="mt-4 text-center text-sm text-muted-foreground">
+              Don't have an account?{' '}
+              <a href="/users/register" className="text-primary hover:underline">
+                Create account
+              </a>
+            </p>
+          )}
+
+          {dev_accounts && dev_accounts.length > 0 && (
+            <div className="mt-6 border-t pt-4">
+              <p className="mb-2 text-center text-xs text-muted-foreground">Dev quick-login</p>
+              <div className="flex flex-wrap justify-center gap-2">
+                {dev_accounts.map((acct) => (
+                  <Button
+                    key={acct.email}
+                    type="button"
+                    variant="outline"
+                    size="sm"
+                    disabled={loading}
+                    onClick={() => {
+                      setEmail(acct.email);
+                      setPassword(acct.password);
+                      submitLogin(acct.email, acct.password);
+                    }}
+                  >
+                    {acct.label}
+                  </Button>
+                ))}
+              </div>
+            </div>
+          )}
+        </CardContent>
+      </Card>
+    </AuthCardShell>
+  );
+}
+
+export default Login;

users/pages/Profile.tsx

@@ -0,0 +1,112 @@
+import { usePage } from '@inertiajs/react';
+import { PageShell } from '@simple-module-py/ui/components/PageShell';
+import { Badge } from '@simple-module-py/ui/components/ui/badge';
+import { Button } from '@simple-module-py/ui/components/ui/button';
+import { Card, CardContent } from '@simple-module-py/ui/components/ui/card';
+import { Input } from '@simple-module-py/ui/components/ui/input';
+import { Label } from '@simple-module-py/ui/components/ui/label';
+import { AuthenticatedLayout } from '@simple-module-py/ui/layouts/AuthenticatedLayout';
+import { useState } from 'react';
+import { toast } from 'sonner';
+
+interface AuthUser {
+  id: string;
+  email: string;
+  full_name: string | null;
+  is_verified: boolean;
+  roles: string[];
+}
+
+interface SharedProps {
+  auth: {
+    user: AuthUser | null;
+  };
+}
+
+function Profile() {
+  const { auth } = usePage<{ props: SharedProps }>().props as unknown as SharedProps;
+  const user = auth?.user;
+
+  const [fullName, setFullName] = useState(user?.full_name ?? '');
+  const [saving, setSaving] = useState(false);
+
+  const handleSubmit = (e: React.FormEvent) => {
+    e.preventDefault();
+    setSaving(true);
+    fetch('/api/users/me', {
+      method: 'PATCH',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ full_name: fullName }),
+    })
+      .then(async (res) => {
+        if (res.ok) {
+          toast.success('Profile updated');
+        } else {
+          const data = await res.json().catch(() => ({}));
+          toast.error(typeof data?.detail === 'string' ? data.detail : 'Failed to update profile');
+        }
+      })
+      .catch(() => toast.error('An error occurred'))
+      .finally(() => setSaving(false));
+  };
+
+  if (!user) {
+    return null;
+  }
+
+  return (
+    <PageShell title="My Profile" description="Manage your account details">
+      <Card className="max-w-xl">
+        <CardContent className="pt-6">
+          <form onSubmit={handleSubmit} className="space-y-5">
+            <div className="space-y-2">
+              <Label htmlFor="email">Email</Label>
+              <Input id="email" type="email" value={user.email} readOnly className="bg-muted" />
+              <div className="flex items-center gap-2">
+                {user.is_verified ? (
+                  <Badge variant="secondary">Verified</Badge>
+                ) : (
+                  <Badge variant="destructive">Unverified</Badge>
+                )}
+              </div>
+            </div>
+
+            <div className="space-y-2">
+              <Label htmlFor="full_name">Full name</Label>
+              <Input
+                id="full_name"
+                type="text"
+                value={fullName}
+                onChange={(e) => setFullName(e.target.value)}
+                placeholder="Your name"
+                maxLength={200}
+              />
+            </div>
+
+            {user.roles.length > 0 && (
+              <div className="space-y-2">
+                <Label>Roles</Label>
+                <div className="flex flex-wrap gap-2">
+                  {user.roles.map((role) => (
+                    <Badge key={role} variant="outline">
+                      {role}
+                    </Badge>
+                  ))}
+                </div>
+              </div>
+            )}
+
+            <div className="pt-2">
+              <Button type="submit" disabled={saving}>
+                {saving ? 'Saving…' : 'Save changes'}
+              </Button>
+            </div>
+          </form>
+        </CardContent>
+      </Card>
+    </PageShell>
+  );
+}
+
+Profile.layout = (page: React.ReactNode) => <AuthenticatedLayout>{page}</AuthenticatedLayout>;
+export default Profile;

users/pages/Register.tsx

@@ -0,0 +1,152 @@
+import { Button } from '@simple-module-py/ui/components/ui/button';
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+} from '@simple-module-py/ui/components/ui/card';
+import { Input } from '@simple-module-py/ui/components/ui/input';
+import { Label } from '@simple-module-py/ui/components/ui/label';
+import { AuthCardShell } from '@simple-module-py/ui/layouts/AuthCardShell';
+import { useState } from 'react';
+
+function Register() {
+  const [email, setEmail] = useState('');
+  const [fullName, setFullName] = useState('');
+  const [password, setPassword] = useState('');
+  const [confirm, setConfirm] = useState('');
+  const [error, setError] = useState<string | null>(null);
+  const [success, setSuccess] = useState(false);
+  const [loading, setLoading] = useState(false);
+
+  const handleSubmit = (e: React.FormEvent) => {
+    e.preventDefault();
+    setError(null);
+    if (password !== confirm) {
+      setError('Passwords do not match.');
+      return;
+    }
+    setLoading(true);
+    fetch('/api/users/auth/register', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ email, password, full_name: fullName }),
+    })
+      .then(async (res) => {
+        if (res.status === 201) {
+          setSuccess(true);
+        } else {
+          const data = await res.json().catch(() => ({}));
+          const detail = data?.detail;
+          if (detail === 'REGISTER_USER_ALREADY_EXISTS') {
+            setError('An account with this email already exists.');
+          } else if (typeof detail === 'object' && detail?.code === 'REGISTER_INVALID_PASSWORD') {
+            setError(`Password not accepted: ${detail.reason ?? 'too weak'}`);
+          } else if (typeof detail === 'string') {
+            setError(detail);
+          } else {
+            setError('Registration failed. Please try again.');
+          }
+        }
+      })
+      .catch(() => setError('An error occurred. Please try again.'))
+      .finally(() => setLoading(false));
+  };
+
+  if (success) {
+    return (
+      <AuthCardShell>
+        <Card className="w-full max-w-sm">
+          <CardHeader>
+            <CardTitle>Check your email</CardTitle>
+            <CardDescription>
+              We've sent a verification link to <strong>{email}</strong>. Please verify your account
+              before signing in.
+            </CardDescription>
+          </CardHeader>
+          <CardContent>
+            <a href="/users/login" className="text-sm text-primary hover:underline">
+              Back to sign in
+            </a>
+          </CardContent>
+        </Card>
+      </AuthCardShell>
+    );
+  }
+
+  return (
+    <AuthCardShell>
+      <Card className="w-full max-w-sm">
+        <CardHeader className="space-y-1">
+          <CardTitle className="text-2xl">Create account</CardTitle>
+          <CardDescription>Fill in your details to get started</CardDescription>
+        </CardHeader>
+        <CardContent>
+          <form onSubmit={handleSubmit} className="space-y-4">
+            <div className="space-y-2">
+              <Label htmlFor="email">Email</Label>
+              <Input
+                id="email"
+                type="email"
+                value={email}
+                onChange={(e) => setEmail(e.target.value)}
+                placeholder="you@example.com"
+                required
+                autoComplete="email"
+              />
+            </div>
+            <div className="space-y-2">
+              <Label htmlFor="full_name">Full name</Label>
+              <Input
+                id="full_name"
+                type="text"
+                value={fullName}
+                onChange={(e) => setFullName(e.target.value)}
+                placeholder="Your name"
+                autoComplete="name"
+              />
+            </div>
+            <div className="space-y-2">
+              <Label htmlFor="password">Password</Label>
+              <Input
+                id="password"
+                type="password"
+                value={password}
+                onChange={(e) => setPassword(e.target.value)}
+                required
+                autoComplete="new-password"
+              />
+            </div>
+            <div className="space-y-2">
+              <Label htmlFor="confirm">Confirm password</Label>
+              <Input
+                id="confirm"
+                type="password"
+                value={confirm}
+                onChange={(e) => setConfirm(e.target.value)}
+                required
+                autoComplete="new-password"
+              />
+            </div>
+
+            {error && <p className="text-sm text-destructive">{error}</p>}
+
+            <Button type="submit" className="w-full" disabled={loading}>
+              {loading ? 'Creating account…' : 'Create account'}
+            </Button>
+          </form>
+
+          <p className="mt-4 text-center text-sm text-muted-foreground">
+            Already have an account?{' '}
+            <a href="/users/login" className="text-primary hover:underline">
+              Sign in
+            </a>
+          </p>
+        </CardContent>
+      </Card>
+    </AuthCardShell>
+  );
+}
+
+export default Register;