@open-mercato/core 0.5.1-develop.2975.ccbadc8198 → 0.5.1-develop.2996.ce62fd491c

package/src/modules/portal/frontend/[orgSlug]/portal/reset-password/page.tsx

@@ -0,0 +1,168 @@
+"use client"
+import { useCallback, useMemo, useState, useEffect } from 'react'
+import { useSearchParams } from 'next/navigation'
+import Link from 'next/link'
+import { useT } from '@open-mercato/shared/lib/i18n/context'
+import { Input } from '@open-mercato/ui/primitives/input'
+import { Label } from '@open-mercato/ui/primitives/label'
+import { Button } from '@open-mercato/ui/primitives/button'
+import { Alert, AlertDescription } from '@open-mercato/ui/primitives/alert'
+import { Spinner } from '@open-mercato/ui/primitives/spinner'
+import { apiCall } from '@open-mercato/ui/backend/utils/apiCall'
+import { usePortalContext } from '@open-mercato/ui/portal/PortalContext'
+import { InjectionSpot } from '@open-mercato/ui/backend/injection/InjectionSpot'
+import { PortalInjectionSpots } from '@open-mercato/ui/backend/injection/spotIds'
+
+type Props = { params: { orgSlug: string } }
+
+export default function PortalResetPasswordPage({ params }: Props) {
+  const t = useT()
+  const orgSlug = params.orgSlug
+  const { tenant } = usePortalContext()
+  const searchParams = useSearchParams()
+
+  const [password, setPassword] = useState('')
+  const [confirmPassword, setConfirmPassword] = useState('')
+  const [error, setError] = useState<string | null>(null)
+  const [success, setSuccess] = useState(false)
+  const [submitting, setSubmitting] = useState(false)
+  const [token, setToken] = useState<string | null>(null)
+
+  useEffect(() => {
+    const tokenParam = searchParams.get('token')
+    if (!tokenParam) {
+      setError(t('portal.resetPassword.error.noToken', 'Invalid or missing reset token.'))
+    } else {
+      setToken(tokenParam)
+    }
+  }, [searchParams, t])
+
+  const handleSubmit = useCallback(
+    async (event: React.FormEvent) => {
+      event.preventDefault()
+      setError(null)
+
+      if (!token) {
+        setError(t('portal.resetPassword.error.noToken', 'Invalid or missing reset token.'))
+        return
+      }
+
+      if (password !== confirmPassword) {
+        setError(t('portal.resetPassword.error.passwordMismatch', 'Passwords do not match.'))
+        return
+      }
+
+      if (password.length < 8) {
+        setError(t('portal.resetPassword.error.passwordTooShort', 'Password must be at least 8 characters long.'))
+        return
+      }
+
+      setSubmitting(true)
+      try {
+        const result = await apiCall<{ ok: boolean; error?: string }>('/api/customer_accounts/password/reset-confirm', {
+          method: 'POST',
+          headers: { 'Content-Type': 'application/json' },
+          body: JSON.stringify({ token, password }),
+        })
+
+        if (result.ok && result.result?.ok) {
+          setSuccess(true)
+          return
+        }
+
+        if (result.status === 400) {
+          setError(t('portal.resetPassword.error.invalidToken', 'Invalid or expired reset token.'))
+        } else {
+          setError(result.result?.error || t('portal.resetPassword.error.generic', 'Password reset failed. Please try again.'))
+        }
+      } catch {
+        setError(t('portal.resetPassword.error.generic', 'Password reset failed. Please try again.'))
+      } finally {
+        setSubmitting(false)
+      }
+    },
+    [token, password, confirmPassword, t],
+  )
+
+  const injectionContext = useMemo(
+    () => ({ orgSlug }),
+    [orgSlug],
+  )
+
+  if (tenant.loading) {
+    return <div className="flex items-center justify-center py-20"><Spinner /></div>
+  }
+
+  if (tenant.error) {
+    return (
+      <div className="mx-auto w-full max-w-md py-12">
+        <Alert variant="destructive">
+          <AlertDescription>{t('portal.org.invalid', 'Organization not found.')}</AlertDescription>
+        </Alert>
+      </div>
+    )
+  }
+
+  if (success) {
+    return (
+      <div className="mx-auto w-full max-w-sm">
+        <div className="mb-8 text-center">
+          <h1 className="text-2xl font-bold tracking-tight">{t('portal.resetPassword.success.title', 'Password Reset Complete')}</h1>
+          <p className="mt-1.5 text-sm text-muted-foreground">{t('portal.resetPassword.success.description', 'Your password has been successfully reset.')}</p>
+        </div>
+
+        <Alert>
+          <AlertDescription>{t('portal.resetPassword.success.message', 'You can now sign in with your new password.')}</AlertDescription>
+        </Alert>
+
+        <div className="mt-6 text-center">
+          <Link href={`/${orgSlug}/portal/login`} className="font-medium text-foreground underline underline-offset-4 hover:opacity-80">
+            {t('portal.resetPassword.success.loginLink', 'Go to Sign In')}
+          </Link>
+        </div>
+      </div>
+    )
+  }
+
+  return (
+    <div className="mx-auto w-full max-w-sm">
+      <div className="mb-8 text-center">
+        <h1 className="text-2xl font-bold tracking-tight">{t('portal.resetPassword.title', 'Reset Password')}</h1>
+        <p className="mt-1.5 text-sm text-muted-foreground">{t('portal.resetPassword.description', 'Enter your new password below.')}</p>
+      </div>
+
+      <InjectionSpot spotId={PortalInjectionSpots.pageBefore('reset-password')} context={injectionContext} />
+
+      <form onSubmit={handleSubmit} className="flex flex-col gap-4">
+        {error ? (
+          <Alert variant="destructive">
+            <AlertDescription>{error}</AlertDescription>
+          </Alert>
+        ) : null}
+
+        <div className="flex flex-col gap-1.5">
+          <Label htmlFor="reset-password" className="text-overline font-semibold uppercase tracking-wider text-muted-foreground/70">{t('portal.resetPassword.password', 'New Password')}</Label>
+          <Input id="reset-password" type="password" autoComplete="new-password" required placeholder={t('portal.resetPassword.password.placeholder', '••••••••')} value={password} onChange={(e) => setPassword(e.target.value)} disabled={submitting || !token} className="rounded-lg" />
+        </div>
+
+        <div className="flex flex-col gap-1.5">
+          <Label htmlFor="confirm-password" className="text-overline font-semibold uppercase tracking-wider text-muted-foreground/70">{t('portal.resetPassword.confirmPassword', 'Confirm New Password')}</Label>
+          <Input id="confirm-password" type="password" autoComplete="new-password" required placeholder={t('portal.resetPassword.confirmPassword.placeholder', '••••••••')} value={confirmPassword} onChange={(e) => setConfirmPassword(e.target.value)} disabled={submitting || !token} className="rounded-lg" />
+        </div>
+
+        <Button type="submit" disabled={submitting || !token} className="mt-1 w-full rounded-lg">
+          {submitting ? t('portal.resetPassword.submitting', 'Resetting password...') : t('portal.resetPassword.submit', 'Reset Password')}
+        </Button>
+
+        <p className="text-center text-sm text-muted-foreground">
+          {t('portal.resetPassword.backToLogin', 'Remember your password?')}{' '}
+          <Link href={`/${orgSlug}/portal/login`} className="font-medium text-foreground underline underline-offset-4 hover:opacity-80">
+            {t('portal.resetPassword.loginLink', 'Sign in')}
+          </Link>
+        </p>
+      </form>
+
+      <InjectionSpot spotId={PortalInjectionSpots.pageAfter('reset-password')} context={injectionContext} />
+    </div>
+  )
+}

package/src/modules/portal/i18n/de.json

@@ -52,6 +52,7 @@
   "portal.nav.login": "Anmelden",
   "portal.nav.logout": "Abmelden",
   "portal.nav.profile": "Profil",
+  "portal.nav.resetPassword": "Passwort zurücksetzen",
   "portal.nav.signup": "Registrieren",
   "portal.notifications.badge": "{count} ungelesen",
   "portal.notifications.daysAgo": "vor {d} Tagen",
@@ -73,6 +74,25 @@
   "portal.org.noOrganization": "Kein Organisationskontext verfügbar.",
   "portal.profile.label": "Konto",
   "portal.profile.title": "Profil",
+  "portal.resetPassword.backToLogin": "Erinnern Sie sich an Ihr Passwort?",
+  "portal.resetPassword.confirmPassword": "Neues Passwort bestätigen",
+  "portal.resetPassword.confirmPassword.placeholder": "••••••••",
+  "portal.resetPassword.description": "Geben Sie unten Ihr neues Passwort ein.",
+  "portal.resetPassword.error.generic": "Passwort-Zurücksetzung fehlgeschlagen. Bitte versuchen Sie es erneut.",
+  "portal.resetPassword.error.invalidToken": "Ungültiges oder abgelaufenes Zurücksetzungs-Token.",
+  "portal.resetPassword.error.noToken": "Ungültiges oder fehlendes Zurücksetzungs-Token.",
+  "portal.resetPassword.error.passwordMismatch": "Passwörter stimmen nicht überein.",
+  "portal.resetPassword.error.passwordTooShort": "Das Passwort muss mindestens 8 Zeichen lang sein.",
+  "portal.resetPassword.loginLink": "Anmelden",
+  "portal.resetPassword.password": "Neues Passwort",
+  "portal.resetPassword.password.placeholder": "••••••••",
+  "portal.resetPassword.submit": "Passwort zurücksetzen",
+  "portal.resetPassword.submitting": "Passwort wird zurückgesetzt…",
+  "portal.resetPassword.success.description": "Ihr Passwort wurde erfolgreich zurückgesetzt.",
+  "portal.resetPassword.success.loginLink": "Zur Anmeldung",
+  "portal.resetPassword.success.message": "Sie können sich jetzt mit Ihrem neuen Passwort anmelden.",
+  "portal.resetPassword.success.title": "Passwort zurückgesetzt",
+  "portal.resetPassword.title": "Passwort zurücksetzen",
   "portal.signup.description": "Registrieren Sie ein neues Kundenkonto.",
   "portal.signup.displayName": "Anzeigename",
   "portal.signup.displayName.placeholder": "Ihr Name",

package/src/modules/portal/i18n/en.json

@@ -52,6 +52,7 @@
   "portal.nav.login": "Log In",
   "portal.nav.logout": "Log Out",
   "portal.nav.profile": "Profile",
+  "portal.nav.resetPassword": "Reset Password",
   "portal.nav.signup": "Sign Up",
   "portal.notifications.badge": "{count} unread",
   "portal.notifications.daysAgo": "{d}d ago",
@@ -73,6 +74,25 @@
   "portal.org.noOrganization": "No organization context available.",
   "portal.profile.label": "Account",
   "portal.profile.title": "Profile",
+  "portal.resetPassword.backToLogin": "Remember your password?",
+  "portal.resetPassword.confirmPassword": "Confirm New Password",
+  "portal.resetPassword.confirmPassword.placeholder": "••••••••",
+  "portal.resetPassword.description": "Enter your new password below.",
+  "portal.resetPassword.error.generic": "Password reset failed. Please try again.",
+  "portal.resetPassword.error.invalidToken": "Invalid or expired reset token.",
+  "portal.resetPassword.error.noToken": "Invalid or missing reset token.",
+  "portal.resetPassword.error.passwordMismatch": "Passwords do not match.",
+  "portal.resetPassword.error.passwordTooShort": "Password must be at least 8 characters long.",
+  "portal.resetPassword.loginLink": "Sign in",
+  "portal.resetPassword.password": "New Password",
+  "portal.resetPassword.password.placeholder": "••••••••",
+  "portal.resetPassword.submit": "Reset Password",
+  "portal.resetPassword.submitting": "Resetting password…",
+  "portal.resetPassword.success.description": "Your password has been successfully reset.",
+  "portal.resetPassword.success.loginLink": "Go to Sign In",
+  "portal.resetPassword.success.message": "You can now sign in with your new password.",
+  "portal.resetPassword.success.title": "Password Reset Complete",
+  "portal.resetPassword.title": "Reset Password",
   "portal.signup.description": "Register for a new customer account.",
   "portal.signup.displayName": "Display Name",
   "portal.signup.displayName.placeholder": "Your name",

package/src/modules/portal/i18n/es.json

@@ -52,6 +52,7 @@
   "portal.nav.login": "Iniciar sesión",
   "portal.nav.logout": "Cerrar sesión",
   "portal.nav.profile": "Perfil",
+  "portal.nav.resetPassword": "Restablecer contraseña",
   "portal.nav.signup": "Registrarse",
   "portal.notifications.badge": "{count} sin leer",
   "portal.notifications.daysAgo": "hace {d} días",
@@ -73,6 +74,25 @@
   "portal.org.noOrganization": "No hay contexto de organización disponible.",
   "portal.profile.label": "Cuenta",
   "portal.profile.title": "Perfil",
+  "portal.resetPassword.backToLogin": "¿Recuerdas tu contraseña?",
+  "portal.resetPassword.confirmPassword": "Confirmar nueva contraseña",
+  "portal.resetPassword.confirmPassword.placeholder": "••••••••",
+  "portal.resetPassword.description": "Introduce tu nueva contraseña a continuación.",
+  "portal.resetPassword.error.generic": "El restablecimiento de la contraseña falló. Inténtalo de nuevo.",
+  "portal.resetPassword.error.invalidToken": "Token de restablecimiento no válido o expirado.",
+  "portal.resetPassword.error.noToken": "Token de restablecimiento no válido o faltante.",
+  "portal.resetPassword.error.passwordMismatch": "Las contraseñas no coinciden.",
+  "portal.resetPassword.error.passwordTooShort": "La contraseña debe tener al menos 8 caracteres.",
+  "portal.resetPassword.loginLink": "Iniciar sesión",
+  "portal.resetPassword.password": "Nueva contraseña",
+  "portal.resetPassword.password.placeholder": "••••••••",
+  "portal.resetPassword.submit": "Restablecer contraseña",
+  "portal.resetPassword.submitting": "Restableciendo contraseña…",
+  "portal.resetPassword.success.description": "Tu contraseña se ha restablecido correctamente.",
+  "portal.resetPassword.success.loginLink": "Ir a Iniciar sesión",
+  "portal.resetPassword.success.message": "Ahora puedes iniciar sesión con tu nueva contraseña.",
+  "portal.resetPassword.success.title": "Contraseña restablecida",
+  "portal.resetPassword.title": "Restablecer contraseña",
   "portal.signup.description": "Regístrate para una nueva cuenta de cliente.",
   "portal.signup.displayName": "Nombre para mostrar",
   "portal.signup.displayName.placeholder": "Tu nombre",

package/src/modules/portal/i18n/pl.json

@@ -52,6 +52,7 @@
   "portal.nav.login": "Zaloguj się",
   "portal.nav.logout": "Wyloguj się",
   "portal.nav.profile": "Profil",
+  "portal.nav.resetPassword": "Reset hasła",
   "portal.nav.signup": "Rejestracja",
   "portal.notifications.badge": "{count} nieprzeczytanych",
   "portal.notifications.daysAgo": "{d} dni temu",
@@ -73,6 +74,25 @@
   "portal.org.noOrganization": "Brak kontekstu organizacji.",
   "portal.profile.label": "Konto",
   "portal.profile.title": "Profil",
+  "portal.resetPassword.backToLogin": "Pamiętasz hasło?",
+  "portal.resetPassword.confirmPassword": "Potwierdź nowe hasło",
+  "portal.resetPassword.confirmPassword.placeholder": "••••••••",
+  "portal.resetPassword.description": "Wprowadź nowe hasło poniżej.",
+  "portal.resetPassword.error.generic": "Reset hasła nie powiódł się. Spróbuj ponownie.",
+  "portal.resetPassword.error.invalidToken": "Nieprawidłowy lub wygasły token resetowania.",
+  "portal.resetPassword.error.noToken": "Nieprawidłowy lub brakujący token resetowania.",
+  "portal.resetPassword.error.passwordMismatch": "Hasła nie pasują do siebie.",
+  "portal.resetPassword.error.passwordTooShort": "Hasło musi mieć co najmniej 8 znaków.",
+  "portal.resetPassword.loginLink": "Zaloguj się",
+  "portal.resetPassword.password": "Nowe hasło",
+  "portal.resetPassword.password.placeholder": "••••••••",
+  "portal.resetPassword.submit": "Zresetuj hasło",
+  "portal.resetPassword.submitting": "Resetowanie hasła…",
+  "portal.resetPassword.success.description": "Twoje hasło zostało pomyślnie zresetowane.",
+  "portal.resetPassword.success.loginLink": "Przejdź do logowania",
+  "portal.resetPassword.success.message": "Możesz teraz zalogować się przy użyciu nowego hasła.",
+  "portal.resetPassword.success.title": "Hasło zresetowane",
+  "portal.resetPassword.title": "Zresetuj hasło",
   "portal.signup.description": "Zarejestruj nowe konto klienta.",
   "portal.signup.displayName": "Nazwa wyświetlana",
   "portal.signup.displayName.placeholder": "Twoje imię",