@mesob/auth-react 0.0.8 → 0.1.1

package/dist/components/auth/pages/reset-password-page.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/auth/pages/reset-password-page.tsx","../../../../src/context/auth-provider.tsx","../../../../src/client.ts","../../../../src/constants/auth.error.codes.ts","../../../../src/utils/handle-error.ts","../../../../src/components/auth/auth-page-layout.tsx","../../../../src/components/auth/reset-password-form.tsx"],"sourcesContent":["'use client';\n\nimport { useTranslations } from 'next-intl';\nimport type { ComponentProps } from 'react';\nimport { useState } from 'react';\nimport { useAuth } from '../../../context/auth-provider';\nimport type { AuthErrorContent } from '../../../utils/handle-error';\nimport { handleError } from '../../../utils/handle-error';\n\nimport { AuthPageLayout } from '../auth-page-layout';\nimport { ResetPasswordForm } from '../reset-password-form';\n\ntype ResetPasswordPageProps = {\n  locale?: string;\n  verificationId: string;\n  onNavigate: (path: string) => void;\n  linkComponent?: React.ComponentType<ComponentProps<'a'> & { href: string }>;\n  links?: {\n    signIn?: string;\n    forgotPassword?: string;\n  };\n  logoImage?: string;\n  redirectUrl?: string;\n};\n\nexport const ResetPasswordPage = ({\n  verificationId,\n  onNavigate,\n  linkComponent: Link,\n  links,\n  logoImage,\n  redirectUrl,\n}: ResetPasswordPageProps) => {\n  const t = useTranslations('Auth.resetPassword');\n  const common = useTranslations('Common');\n  const { client, refresh } = useAuth();\n  const [isLoading, setIsLoading] = useState(false);\n  const [error, setError] = useState<AuthErrorContent | null>(null);\n\n  const signInLink = links?.signIn || '/auth/sign-in';\n  const forgotPasswordLink = links?.forgotPassword || '/auth/forgot-password';\n\n  const handleSubmit = async (values: {\n    code: string;\n    password: string;\n    confirmPassword: string;\n  }) => {\n    if (!verificationId) {\n      setError({\n        title: t('errors.fallback'),\n        description: t('errors.missingVerificationId'),\n      });\n      return;\n    }\n\n    setIsLoading(true);\n    setError(null);\n\n    try {\n      await client.resetPassword({\n        verificationId,\n        code: values.code,\n        password: values.password,\n      });\n      await refresh();\n      onNavigate(redirectUrl || '/');\n    } catch (err) {\n      handleError(err, setError, t);\n    } finally {\n      setIsLoading(false);\n    }\n  };\n\n  if (!verificationId) {\n    return (\n      <AuthPageLayout\n        title={common('invalidLinkTitle')}\n        description={common('invalidLinkDescription')}\n        logoImage={logoImage}\n        footer={\n          Link ? (\n            <Link\n              href={forgotPasswordLink}\n              className=\"text-primary hover:underline\"\n            >\n              {t('footer.requestNew')}\n            </Link>\n          ) : (\n            <a\n              href={forgotPasswordLink}\n              onClick={(e) => {\n                e.preventDefault();\n                onNavigate(forgotPasswordLink);\n              }}\n              className=\"text-primary hover:underline\"\n            >\n              {t('footer.requestNew')}\n            </a>\n          )\n        }\n      >\n        <div />\n      </AuthPageLayout>\n    );\n  }\n\n  return (\n    <AuthPageLayout\n      title={t('title')}\n      description={t('description')}\n      error={error}\n      logoImage={logoImage}\n      footer={\n        Link ? (\n          <div className=\"flex items-center justify-between w-full gap-2\">\n            <Link href={signInLink} className=\"text-primary hover:underline\">\n              {t('footer.backToSignIn')}\n            </Link>\n            <Link\n              href={forgotPasswordLink}\n              className=\"text-primary hover:underline\"\n            >\n              {t('footer.changeAccount')}\n            </Link>\n          </div>\n        ) : (\n          <div className=\"flex items-center justify-between w-full gap-2\">\n            <a\n              href={forgotPasswordLink}\n              onClick={(e) => {\n                e.preventDefault();\n                onNavigate(forgotPasswordLink);\n              }}\n              className=\"text-primary hover:underline\"\n            >\n              {t('footer.backToSignIn')}\n            </a>\n            <a\n              href={forgotPasswordLink}\n              onClick={(e) => {\n                e.preventDefault();\n                onNavigate(forgotPasswordLink);\n              }}\n              className=\"text-primary hover:underline\"\n            >\n              {t('footer.changeAccount')}\n            </a>\n          </div>\n        )\n      }\n    >\n      <ResetPasswordForm\n        verificationId={verificationId}\n        onSubmit={handleSubmit}\n        isLoading={isLoading}\n        error={error}\n      />\n    </AuthPageLayout>\n  );\n};\n","'use client';\n\nimport {\n  createContext,\n  type ReactNode,\n  useCallback,\n  useContext,\n  useEffect,\n  useState,\n} from 'react';\nimport type { AuthClient } from '../client';\nimport type { AuthResponse, Session, User } from '../types';\n\ntype AuthContextValue = {\n  user: User | null;\n  session: Session | null;\n  loading: boolean;\n  error: Error | null;\n  client: AuthClient;\n  refresh: () => Promise<void>;\n  setAuth: (data: AuthResponse) => void;\n};\n\nconst AuthContext = createContext<AuthContextValue | null>(null);\n\nexport const useAuth = () => {\n  const context = useContext(AuthContext);\n  if (!context) {\n    throw new Error('useAuth must be used within AuthProvider');\n  }\n  return context;\n};\n\ntype AuthProviderProps = {\n  client: AuthClient;\n  children: ReactNode;\n};\n\nexport const AuthProvider = ({ client, children }: AuthProviderProps) => {\n  const [user, setUser] = useState<User | null>(null);\n  const [session, setSession] = useState<Session | null>(null);\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState<Error | null>(null);\n\n  const refresh = useCallback(async () => {\n    try {\n      setLoading(true);\n      setError(null);\n      const data = await client.getSession();\n      setUser(data.user);\n      setSession(data.session);\n    } catch (err) {\n      setError(\n        err instanceof Error ? err : new Error('Failed to fetch session'),\n      );\n      setUser(null);\n      setSession(null);\n    } finally {\n      setLoading(false);\n    }\n  }, [client]);\n\n  const setAuth = useCallback((data: AuthResponse) => {\n    setUser(data.user);\n    setSession(data.session);\n    setError(null);\n    setLoading(false);\n  }, []);\n\n  useEffect(() => {\n    refresh();\n  }, [refresh]);\n\n  return (\n    <AuthContext.Provider\n      value={{\n        user,\n        session,\n        loading,\n        error,\n        client,\n        refresh,\n        setAuth,\n      }}\n    >\n      {children}\n    </AuthContext.Provider>\n  );\n};\n","import type {\n  AuthErrorCode,\n  AuthErrorResponse,\n  AuthResponse,\n  PendingAccountChangeResponse,\n  SessionResponse,\n  User,\n  VerificationResponse,\n} from './types';\n\n// Backend returns error code in 'error' field (AUTH_ERRORS values)\n// or in 'code' field, message in 'message' or 'error' field\nconst validErrorCodes: readonly AuthErrorCode[] = [\n  'USER_NOT_FOUND',\n  'INVALID_PASSWORD',\n  'USER_EXISTS',\n  'VERIFICATION_EXPIRED',\n  'VERIFICATION_MISMATCH',\n  'VERIFICATION_NOT_FOUND',\n  'TOO_MANY_ATTEMPTS',\n  'REQUIRES_VERIFICATION',\n  'UNAUTHORIZED',\n  'ACCESS_DENIED',\n  'HAS_NO_PASSWORD',\n] as const;\n\nexport class AuthError extends Error {\n  code?: AuthErrorCode;\n  status?: number;\n  details?: Record<string, unknown>;\n\n  constructor(\n    message: string,\n    code?: AuthErrorCode,\n    status?: number,\n    details?: Record<string, unknown>,\n  ) {\n    super(message);\n    this.name = 'AuthError';\n    this.code = code;\n    this.status = status;\n    this.details = details;\n  }\n}\n\nexport type AuthClientConfig = {\n  baseURL: string;\n};\n\nexport class AuthClient {\n  private baseURL: string;\n\n  constructor(config: AuthClientConfig) {\n    this.baseURL = config.baseURL.replace(/\\/$/, '');\n  }\n\n  private async request<T>(\n    endpoint: string,\n    options: RequestInit = {},\n  ): Promise<T> {\n    const url = `${this.baseURL}${endpoint}`;\n    const response = await fetch(url, {\n      ...options,\n      credentials: 'include',\n      headers: {\n        'Content-Type': 'application/json',\n        ...options.headers,\n      },\n    });\n    if (!response.ok) {\n      const text = await response.text();\n      let errorData: AuthErrorResponse;\n      try {\n        errorData = JSON.parse(text);\n      } catch {\n        errorData = { error: 'Unknown error', message: text };\n      }\n\n      // Extract error code from code, error, or message field\n      // Backend returns error codes in 'error' field (e.g., { error: 'INVALID_PASSWORD' })\n      const potentialCode =\n        errorData.code ||\n        (typeof errorData.error === 'string' ? errorData.error : null) ||\n        (typeof errorData.message === 'string' ? errorData.message : null);\n      const upperCode = potentialCode?.toUpperCase().trim();\n      const errorCode =\n        upperCode && validErrorCodes.includes(upperCode as AuthErrorCode)\n          ? (upperCode as AuthErrorCode)\n          : undefined;\n      const errorMessage =\n        errorData.message || errorData.error || 'Request failed';\n\n      throw new AuthError(\n        errorMessage,\n        errorCode as AuthErrorCode | undefined,\n        response.status,\n        errorData.details,\n      );\n    }\n\n    const data = await response.json();\n    return data;\n  }\n\n  signUpWithEmail(data: {\n    email: string;\n    password: string;\n    fullName: string;\n    handle?: string;\n  }): Promise<AuthResponse | VerificationResponse> {\n    return this.request<AuthResponse | VerificationResponse>('/sign-up', {\n      method: 'POST',\n      body: JSON.stringify({\n        email: data.email,\n        password: data.password,\n        fullName: data.fullName,\n        handle: data.handle,\n      }),\n    });\n  }\n\n  signUpWithPhone(data: {\n    phone: string;\n    password: string;\n    fullName: string;\n    handle?: string;\n  }): Promise<AuthResponse | VerificationResponse> {\n    return this.request<AuthResponse | VerificationResponse>('/sign-up', {\n      method: 'POST',\n      body: JSON.stringify({\n        phone: data.phone,\n        password: data.password,\n        fullName: data.fullName,\n        handle: data.handle,\n      }),\n    });\n  }\n\n  checkUser(data: { identifier: string }): Promise<{ exists: boolean }> {\n    return this.request<{ exists: boolean }>('/check-user', {\n      method: 'POST',\n      body: JSON.stringify(data),\n    });\n  }\n\n  signInWithPassword(data: {\n    identifier: string;\n    password: string;\n  }): Promise<AuthResponse | VerificationResponse> {\n    return this.request<AuthResponse | VerificationResponse>('/sign-in', {\n      method: 'POST',\n      body: JSON.stringify(data),\n    });\n  }\n\n  signOut(): Promise<{ message: string }> {\n    return this.request<{ message: string }>('/sign-out', {\n      method: 'POST',\n    });\n  }\n\n  requestEmailVerification(data?: {\n    email?: string;\n  }): Promise<{ verificationId: string }> {\n    return this.request<{ verificationId: string }>(\n      '/email/verification/request',\n      {\n        method: 'POST',\n        body: JSON.stringify(data || {}),\n      },\n    );\n  }\n\n  verifyEmail(data: {\n    verificationId: string;\n    code: string;\n  }): Promise<AuthResponse> {\n    return this.request<AuthResponse>('/email/verification/confirm', {\n      method: 'POST',\n      body: JSON.stringify(data),\n    });\n  }\n\n  resendVerification(_verificationId: string): Promise<{\n    verificationId: string;\n  }> {\n    // For email, request new verification\n    return this.requestEmailVerification();\n  }\n\n  requestPhoneOtp(data: {\n    phone: string;\n    context: 'sign-up' | 'sign-in' | 'change-phone';\n  }): Promise<{ verificationId: string }> {\n    return this.request<{ verificationId: string }>(\n      '/phone/verification/request',\n      {\n        method: 'POST',\n        body: JSON.stringify(data),\n      },\n    );\n  }\n\n  verifyPhoneOtp(data: {\n    verificationId: string;\n    code: string;\n    context: 'sign-up' | 'sign-in' | 'change-phone';\n  }): Promise<\n    AuthResponse | { user: User | null; session: null; verified: boolean }\n  > {\n    return this.request('/phone/verification/confirm', {\n      method: 'POST',\n      body: JSON.stringify(data),\n    });\n  }\n\n  forgotPassword(data: { identifier: string }): Promise<{\n    message: string;\n  }> {\n    return this.request<{ message: string }>('/password/forgot', {\n      method: 'POST',\n      body: JSON.stringify(data),\n    });\n  }\n\n  resetPassword(data: {\n    verificationId: string;\n    code: string;\n    password: string;\n  }): Promise<AuthResponse> {\n    return this.request<AuthResponse>('/password/reset', {\n      method: 'POST',\n      body: JSON.stringify(data),\n    });\n  }\n\n  verifyPassword(data: { password: string }): Promise<{ message: string }> {\n    return this.request<{ message: string }>('/password/verify', {\n      method: 'POST',\n      body: JSON.stringify(data),\n    });\n  }\n\n  changePassword(data: {\n    currentPassword: string;\n    newPassword: string;\n  }): Promise<{ message: string }> {\n    return this.request<{ message: string }>('/password/change', {\n      method: 'POST',\n      body: JSON.stringify(data),\n    });\n  }\n\n  getSession(): Promise<SessionResponse> {\n    return this.request<SessionResponse>('/session', {\n      method: 'GET',\n    });\n  }\n\n  getPendingAccountChange(): Promise<PendingAccountChangeResponse> {\n    return this.request<PendingAccountChangeResponse>(\n      '/account-change/pending',\n      {\n        method: 'GET',\n      },\n    );\n  }\n\n  updateProfile(data: { fullName?: string }): Promise<{ user: User }> {\n    return this.request<{ user: User }>('/profile', {\n      method: 'PUT',\n      body: JSON.stringify(data),\n    });\n  }\n\n  updateEmail(data: { email: string }): Promise<{ user: User }> {\n    return this.request<{ user: User }>('/profile/email', {\n      method: 'PUT',\n      body: JSON.stringify(data),\n    });\n  }\n\n  updatePhone(data: { phone: string }): Promise<{ user: User }> {\n    return this.request<{ user: User }>('/profile/phone', {\n      method: 'PUT',\n      body: JSON.stringify(data),\n    });\n  }\n}\n","export const AUTH_ERROR_MAPPING: Record<\n  string,\n  { title: string; description: string }\n> = {\n  USER_NOT_FOUND: {\n    title: 'Account Not Found',\n    description:\n      'We could not find an account with that identifier. Please check your spelling or sign up.',\n  },\n  INVALID_PASSWORD: {\n    title: 'Invalid Password',\n    description: 'The password you entered is incorrect. Please try again.',\n  },\n  USER_EXISTS: {\n    title: 'Account Already Exists',\n    description:\n      'An account with this identifier already exists. Please sign in instead.',\n  },\n  VERIFICATION_EXPIRED: {\n    title: 'Verification Expired',\n    description:\n      'The verification code or link has expired. Please request a new one.',\n  },\n  VERIFICATION_MISMATCH: {\n    title: 'Invalid Code',\n    description:\n      'The verification code you entered is invalid. Please double-check and try again.',\n  },\n  VERIFICATION_NOT_FOUND: {\n    title: 'Verification Not Found',\n    description:\n      'We could not find a pending verification request. Please restart the process.',\n  },\n  TOO_MANY_ATTEMPTS: {\n    title: 'Too Many Attempts',\n    description:\n      'You have made too many requests recently. Please wait a moment before trying again.',\n  },\n  REQUIRES_VERIFICATION: {\n    title: 'Verification Required',\n    description:\n      'You need to verify your account before you can continue. Please check your email or phone.',\n  },\n  UNAUTHORIZED: {\n    title: 'Unauthorized',\n    description:\n      'You are not authorized to perform this action. Please sign in again.',\n  },\n  ACCESS_DENIED: {\n    title: 'Access Denied',\n    description:\n      'You do not have permission to access this resource. Please contact support if you believe this is an error.',\n  },\n  HAS_NO_PASSWORD: {\n    title: 'No Password Set',\n    description:\n      'Your account does not have a password set (e.g. social login). Please sign in with your provider or reset your password.',\n  },\n};\n\nexport const validCodes = Object.keys(AUTH_ERROR_MAPPING);\n","import type { _Translator } from 'next-intl';\nimport { AuthError } from '../client';\nimport { AUTH_ERROR_MAPPING, validCodes } from '../constants/auth.error.codes';\n\nexport type AuthErrorContent = {\n  title: string;\n  description: string;\n};\n\nexport const handleError = (\n  err: any,\n  setError: (error: AuthErrorContent | null) => void,\n  t: _Translator<Record<string, any>, string>,\n) => {\n  if (err instanceof AuthError) {\n    let errorCode = '';\n\n    if (err.code && validCodes.includes(err.code)) {\n      errorCode = err.code;\n    } else if (err.message) {\n      const messageUpper = err.message.toUpperCase().trim();\n      if (validCodes.includes(messageUpper)) {\n        errorCode = messageUpper;\n      }\n    }\n\n    if (errorCode && AUTH_ERROR_MAPPING[errorCode]) {\n      const mapping = AUTH_ERROR_MAPPING[errorCode];\n      // Try to translate the description if a key exists, otherwise use English fallback\n      // Since mapping.description is English text, we might want to check if there is a translation key\n      // But for now, let's use the provided English mapping or try to find a translation if the key matches 'errors.code'\n\n      // We can try to lookup translation, if it returns the key (or fallback), we might prefer the mapping text (which is nice English).\n      // However, usually we prefer translation.\n      // Let's rely on the mapping text primarily as per the request to \"Generate a description and title...\".\n      // But if we want i18n support, we should probably add keys.\n      // Given the prompt \"Generate a description... for each error code... and display\",\n      // I will prioritize the static mapping I just created, but allows future i18n improvement.\n\n      setError({\n        title: mapping.title,\n        description: mapping.description,\n      });\n      return;\n    }\n\n    // Fallback for AuthError without known code\n    setError({\n      title: t('errors.fallback'), // or 'Error'\n      description: err.message || t('errors.fallback'),\n    });\n  } else {\n    // Generic error\n    const message = err instanceof Error ? err.message : t('errors.fallback');\n    setError({\n      title: 'Error',\n      description: message,\n    });\n  }\n};\n","'use client';\n\nimport {\n  Alert,\n  AlertDescription,\n  AlertTitle,\n} from '@mesob/ui/components/alert';\nimport { IconAlertCircle } from '@tabler/icons-react';\nimport type { ReactNode } from 'react';\nimport type { AuthErrorContent } from '../../utils/handle-error';\n\ntype AuthPageLayoutProps = {\n  title: string;\n  description?: string;\n  children: ReactNode;\n  error?: AuthErrorContent | string | null;\n  footer?: ReactNode;\n  logoImage?: string;\n};\n\nexport const AuthPageLayout = ({\n  title,\n  description,\n  children,\n  error,\n  footer,\n  logoImage,\n}: AuthPageLayoutProps) => {\n  const errorContent: AuthErrorContent | null = error\n    ? // biome-ignore lint/style/noNestedTernary: <explanation>\n      typeof error === 'string'\n      ? { title: 'Error', description: error }\n      : error\n    : null;\n\n  return (\n    <div className=\"space-y-4\">\n      <div className=\"flex size-8 mb-6 w-full items-center justify-center rounded-md\">\n        {/** biome-ignore lint/performance/noImgElement: logo image */}\n        <img src={logoImage || ''} alt=\"Jiret\" width={42} height={42} />\n      </div>\n      <div className=\"text-center\">\n        <h1 className=\"text-2xl font-bold tracking-tight\">{title}</h1>\n        {description && (\n          <p className=\"mt-2 text-sm text-muted-foreground\">{description}</p>\n        )}\n      </div>\n\n      {children}\n\n      {errorContent && (\n        <Alert variant=\"destructive\">\n          <IconAlertCircle className=\"h-4 w-4\" />\n          <AlertTitle>{errorContent.title}</AlertTitle>\n          <AlertDescription>{errorContent.description}</AlertDescription>\n        </Alert>\n      )}\n      <div className=\"mt-2 w-full\">\n        {footer && (\n          <div className=\"w-full text-center text-sm text-muted-foreground\">\n            {footer}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n","'use client';\n\nimport { zodResolver } from '@hookform/resolvers/zod';\nimport { Button } from '@mesob/ui/components/button';\nimport {\n  Form,\n  FormControl,\n  FormField,\n  FormItem,\n  FormLabel,\n  FormMessage,\n} from '@mesob/ui/components/form';\nimport { Input } from '@mesob/ui/components/input';\nimport {\n  InputOTP,\n  InputOTPGroup,\n  InputOTPSlot,\n} from '@mesob/ui/components/input-otp';\nimport { Spinner } from '@mesob/ui/components/spinner';\nimport { IconEye, IconEyeOff } from '@tabler/icons-react';\nimport { useTranslations } from 'next-intl';\nimport { useMemo, useState } from 'react';\nimport { useForm } from 'react-hook-form';\nimport { z } from 'zod';\nimport type { AuthErrorContent } from '../../utils/handle-error';\n\ntype ResetPasswordFormValues = {\n  code: string;\n  password: string;\n  confirmPassword: string;\n};\n\ntype ResetPasswordFormProps = {\n  verificationId: string;\n  onSubmit: (values: ResetPasswordFormValues) => Promise<void> | void;\n  isLoading?: boolean;\n  error?: AuthErrorContent | string | null;\n};\n\nexport const ResetPasswordForm = ({\n  onSubmit,\n  isLoading = false,\n}: ResetPasswordFormProps) => {\n  const t = useTranslations('Auth.resetPassword');\n  const [showPassword, setShowPassword] = useState(false);\n  const resetPasswordSchema = useMemo(\n    () =>\n      z\n        .object({\n          code: z.string().length(6, t('errors.codeLength')),\n          password: z.string().min(8, t('errors.passwordLength')),\n          confirmPassword: z.string(),\n        })\n        .refine((data) => data.password === data.confirmPassword, {\n          message: t('errors.passwordsMismatch'),\n          path: ['confirmPassword'],\n        }),\n    [t],\n  );\n\n  const form = useForm<ResetPasswordFormValues>({\n    resolver: zodResolver(resetPasswordSchema),\n    defaultValues: {\n      code: '',\n      password: '',\n      confirmPassword: '',\n    },\n  });\n\n  const handleSubmit = form.handleSubmit(async (values) => {\n    await onSubmit(values);\n  });\n\n  return (\n    <Form {...form}>\n      <form onSubmit={handleSubmit} className=\"space-y-4\">\n        <FormField\n          control={form.control}\n          name=\"code\"\n          render={({ field }) => (\n            <FormItem>\n              <div className=\"flex justify-center\">\n                <FormLabel>{t('form.codeLabel')}</FormLabel>\n              </div>\n              <FormControl>\n                <div className=\"flex mt-2 justify-center\">\n                  <InputOTP maxLength={6} {...field} containerClassName=\"gap-4\">\n                    <InputOTPGroup className=\"gap-3 *:data-[slot=input-otp-slot]:h-12 *:data-[slot=input-otp-slot]:w-12 *:data-[slot=input-otp-slot]:rounded-md *:data-[slot=input-otp-slot]:border *:data-[slot=input-otp-slot]:text-xl\">\n                      <InputOTPSlot className=\"h-12\" index={0} />\n                      <InputOTPSlot className=\"h-12\" index={1} />\n                      <InputOTPSlot className=\"h-12\" index={2} />\n                      <InputOTPSlot className=\"h-12\" index={3} />\n                      <InputOTPSlot className=\"h-12\" index={4} />\n                      <InputOTPSlot className=\"h-12\" index={5} />\n                    </InputOTPGroup>\n                  </InputOTP>\n                </div>\n              </FormControl>\n              <FormMessage />\n            </FormItem>\n          )}\n        />\n\n        <FormField\n          control={form.control}\n          name=\"password\"\n          render={({ field }) => (\n            <FormItem>\n              <FormLabel>{t('form.passwordLabel')}</FormLabel>\n              <FormControl>\n                <div className=\"relative\">\n                  <Input\n                    type={showPassword ? 'text' : 'password'}\n                    placeholder={t('form.passwordPlaceholder')}\n                    {...field}\n                  />\n                  <button\n                    type=\"button\"\n                    onClick={() => setShowPassword(!showPassword)}\n                    className=\"absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground\"\n                  >\n                    {showPassword ? (\n                      <IconEyeOff className=\"h-4 w-4\" />\n                    ) : (\n                      <IconEye className=\"h-4 w-4\" />\n                    )}\n                  </button>\n                </div>\n              </FormControl>\n              <FormMessage />\n            </FormItem>\n          )}\n        />\n\n        <FormField\n          control={form.control}\n          name=\"confirmPassword\"\n          render={({ field }) => (\n            <FormItem>\n              <FormLabel>{t('form.confirmPasswordLabel')}</FormLabel>\n              <FormControl>\n                <div className=\"relative\">\n                  <Input\n                    type={showPassword ? 'text' : 'password'}\n                    placeholder={t('form.passwordPlaceholder')}\n                    {...field}\n                  />\n                  <button\n                    type=\"button\"\n                    onClick={() => setShowPassword(!showPassword)}\n                    className=\"absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground\"\n                  >\n                    {showPassword ? (\n                      <IconEyeOff className=\"h-4 w-4\" />\n                    ) : (\n                      <IconEye className=\"h-4 w-4\" />\n                    )}\n                  </button>\n                </div>\n              </FormControl>\n              <FormMessage />\n            </FormItem>\n          )}\n        />\n\n        <Button type=\"submit\" className=\"w-full\" disabled={isLoading}>\n          {isLoading && <Spinner />}\n          {isLoading ? t('form.submitting') : t('form.submit')}\n        </Button>\n      </form>\n    </Form>\n  );\n};\n"],"mappings":"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","names":["useTranslations","useState","jsx","useState","jsx","jsxs","jsx","jsxs","useTranslations","useState"]}
+{"version":3,"sources":["../../../../src/components/auth/pages/reset-password-page.tsx","../../../../src/lib/translations.ts","../../../../src/provider.tsx","../../../../src/constants/auth.error.codes.ts","../../../../src/utils/handle-error.ts","../../../../src/components/auth/auth-page-layout.tsx","../../../../src/components/auth/reset-password-form.tsx","../../../../src/hooks/use-translator.ts"],"sourcesContent":["'use client';\n\nimport {\n  Alert,\n  AlertDescription,\n  AlertTitle,\n} from '@mesob/ui/components/alert';\nimport { toast } from '@mesob/ui/components/sonner';\nimport { IconAlertCircle } from '@tabler/icons-react';\nimport { useEffect, useState } from 'react';\nimport { createTranslator } from '../../../lib/translations';\nimport { useApi, useConfig } from '../../../provider';\nimport type { AuthErrorContent } from '../../../utils/handle-error';\nimport { handleError } from '../../../utils/handle-error';\n\nimport { AuthPageLayout } from '../auth-page-layout';\nimport { ResetPasswordForm } from '../reset-password-form';\n\ntype ResetPasswordPageProps = {\n  verificationId: string;\n  redirectUrl?: string; // Can override defaultRedirectUrl from config\n};\n\nexport const ResetPasswordPage = ({\n  verificationId,\n  redirectUrl,\n}: ResetPasswordPageProps) => {\n  const { hooks, refresh } = useApi();\n  const { config } = useConfig();\n  const t = createTranslator(config.messages || {}, 'Auth.resetPassword');\n  const common = createTranslator(config.messages || {}, 'Common');\n  const [isLoading, setIsLoading] = useState(false);\n  const [error, setError] = useState<AuthErrorContent | null>(null);\n\n  const resetPasswordMutation = hooks.useMutation('post', '/password/reset');\n\n  const signInLink = config.navigation?.links?.signIn || '/auth/sign-in';\n  const forgotPasswordLink =\n    config.navigation?.links?.forgotPassword || '/auth/forgot-password';\n  const Link = config.navigation?.linkComponent;\n  const onNavigate =\n    config.navigation?.onNavigate ||\n    ((path: string) => {\n      if (typeof window !== 'undefined') {\n        window.location.href = path;\n      }\n    });\n  const logoImage = config.ui.logoImage;\n  const defaultRedirect =\n    redirectUrl || config.navigation?.defaultRedirectUrl || '/';\n\n  useEffect(() => {\n    if (error) {\n      toast.error(error.title || 'Error', {\n        description: error.description,\n      });\n    }\n  }, [error]);\n\n  const handleSubmit = async (values: {\n    code: string;\n    password: string;\n    confirmPassword: string;\n  }) => {\n    if (!verificationId) {\n      setError({\n        title: t('errors.fallback'),\n        description: t('errors.missingVerificationId'),\n      });\n      return;\n    }\n\n    setIsLoading(true);\n    setError(null);\n\n    try {\n      await resetPasswordMutation.mutateAsync({\n        body: {\n          verificationId,\n          code: values.code,\n          password: values.password,\n        },\n      });\n      await refresh();\n      onNavigate(defaultRedirect);\n    } catch (err) {\n      handleError(err, setError, t);\n    } finally {\n      setIsLoading(false);\n    }\n  };\n\n  if (!verificationId) {\n    return (\n      <AuthPageLayout\n        title={common('invalidLinkTitle')}\n        description={common('invalidLinkDescription')}\n        logoImage={logoImage}\n        footer={\n          Link ? (\n            <Link\n              href={forgotPasswordLink}\n              className=\"text-primary hover:underline\"\n            >\n              {t('footer.requestNew')}\n            </Link>\n          ) : (\n            <a\n              href={forgotPasswordLink}\n              onClick={(e) => {\n                e.preventDefault();\n                onNavigate(forgotPasswordLink);\n              }}\n              className=\"text-primary hover:underline\"\n            >\n              {t('footer.requestNew')}\n            </a>\n          )\n        }\n      >\n        <div />\n      </AuthPageLayout>\n    );\n  }\n\n  let errorContent: AuthErrorContent | null = null;\n  if (error) {\n    if (typeof error === 'string') {\n      errorContent = { title: 'Error', description: error };\n    } else {\n      errorContent = error;\n    }\n  }\n\n  return (\n    <AuthPageLayout\n      title={t('title')}\n      description={t('description')}\n      logoImage={logoImage}\n      footer={\n        Link ? (\n          <div className=\"flex items-center justify-between w-full gap-2\">\n            <Link href={signInLink} className=\"text-primary hover:underline\">\n              {t('footer.backToSignIn')}\n            </Link>\n            <Link\n              href={forgotPasswordLink}\n              className=\"text-primary hover:underline\"\n            >\n              {t('footer.changeAccount')}\n            </Link>\n          </div>\n        ) : (\n          <div className=\"flex items-center justify-between w-full gap-2\">\n            <a\n              href={forgotPasswordLink}\n              onClick={(e) => {\n                e.preventDefault();\n                onNavigate(forgotPasswordLink);\n              }}\n              className=\"text-primary hover:underline\"\n            >\n              {t('footer.backToSignIn')}\n            </a>\n            <a\n              href={forgotPasswordLink}\n              onClick={(e) => {\n                e.preventDefault();\n                onNavigate(forgotPasswordLink);\n              }}\n              className=\"text-primary hover:underline\"\n            >\n              {t('footer.changeAccount')}\n            </a>\n          </div>\n        )\n      }\n    >\n      <ResetPasswordForm\n        verificationId={verificationId}\n        onSubmit={handleSubmit}\n        isLoading={isLoading || resetPasswordMutation.isPending}\n        error={error}\n      />\n      {errorContent && (\n        <Alert variant=\"destructive\" className=\"mt-4\">\n          <IconAlertCircle className=\"h-4 w-4\" />\n          <AlertTitle>{errorContent.title}</AlertTitle>\n          <AlertDescription>{errorContent.description}</AlertDescription>\n        </Alert>\n      )}\n    </AuthPageLayout>\n  );\n};\n","type Messages = Record<string, unknown>;\n\nexport function createTranslator(messages: Messages, namespace?: string) {\n  return (key: string, params?: Record<string, string | number>): string => {\n    const fullKey = namespace ? `${namespace}.${key}` : key;\n    const keys = fullKey.split('.');\n\n    let value: unknown = messages;\n    for (const k of keys) {\n      if (value && typeof value === 'object' && value !== null) {\n        value = (value as Record<string, unknown>)[k];\n      } else {\n        return fullKey;\n      }\n    }\n\n    if (typeof value !== 'string') {\n      return fullKey;\n    }\n\n    // Simple parameter replacement\n    if (params) {\n      return value.replace(/\\{(\\w+)\\}/g, (_, param) =>\n        String(params[param] ?? `{${param}}`),\n      );\n    }\n\n    return value;\n  };\n}\n","'use client';\n\nimport { QueryClient, QueryClientProvider } from '@tanstack/react-query';\nimport { deepmerge } from 'deepmerge-ts';\nimport createFetchClient from 'openapi-fetch';\nimport createClient from 'openapi-react-query';\nimport type { ReactNode } from 'react';\nimport { createContext, useContext, useEffect, useState } from 'react';\nimport type { paths } from './data/openapi';\nimport { createTranslator } from './lib/translations';\nimport {\n  type AuthClientConfig,\n  type AuthResponse,\n  defaultAuthClientConfig,\n  type Session,\n  type User,\n} from './types';\nimport { createCustomFetch } from './utils/custom-fetch';\n\ntype OpenApiHooks = any;\n\ntype SessionState = {\n  user: User | null;\n  session: Session | null;\n  isLoading: boolean;\n  isAuthenticated: boolean;\n  error: Error | null;\n};\n\ntype SessionContextValue = SessionState & {\n  refresh: () => Promise<void>;\n  signOut: () => Promise<void>;\n};\n\ntype ApiContextValue = {\n  hooks: OpenApiHooks;\n  setAuth: (auth: AuthResponse) => void;\n  clearAuth: () => void;\n  refresh: () => Promise<void>;\n};\n\ntype ConfigContextValue = {\n  config: AuthClientConfig;\n  t: (key: string, params?: Record<string, string | number>) => string;\n};\n\nconst SessionContext = createContext<SessionContextValue | null>(null);\nconst ApiContext = createContext<ApiContextValue | null>(null);\nconst ConfigContext = createContext<ConfigContextValue | null>(null);\n\nconst queryClient = new QueryClient({\n  defaultOptions: {\n    queries: {\n      staleTime: 1000 * 60 * 5,\n      gcTime: 1000 * 60 * 10,\n      retry: 1,\n      refetchOnWindowFocus: false,\n    },\n  },\n});\n\nexport function useSession() {\n  const context = useContext(SessionContext);\n  if (!context) {\n    throw new Error('useSession must be used within MesobAuthProvider');\n  }\n  return context;\n}\n\nexport function useApi() {\n  const context = useContext(ApiContext);\n  if (!context) {\n    throw new Error('useApi must be used within MesobAuthProvider');\n  }\n  return context;\n}\n\nexport function useConfig() {\n  const context = useContext(ConfigContext);\n  if (!context) {\n    throw new Error('useConfig must be used within MesobAuthProvider');\n  }\n  return context;\n}\n\ntype MesobAuthProviderProps = {\n  config: AuthClientConfig;\n  children: ReactNode;\n};\n\nexport function MesobAuthProvider({\n  config,\n  children,\n}: MesobAuthProviderProps) {\n  const mergedConfig = deepmerge(\n    { ...defaultAuthClientConfig } as Partial<AuthClientConfig>,\n    config,\n  ) as AuthClientConfig;\n\n  const api = createFetchClient<paths>({\n    baseUrl: mergedConfig.baseURL,\n    fetch: createCustomFetch(mergedConfig),\n  });\n\n  const hooks = createClient(api);\n\n  return (\n    <QueryClientProvider client={queryClient}>\n      <AuthStateProvider config={mergedConfig} hooks={hooks}>\n        {children}\n      </AuthStateProvider>\n    </QueryClientProvider>\n  );\n}\n\ntype AuthStateProviderProps = {\n  config: AuthClientConfig;\n  hooks: OpenApiHooks;\n  children: ReactNode;\n};\n\nfunction AuthStateProvider({\n  config,\n  hooks,\n  children,\n}: AuthStateProviderProps) {\n  const [authState, setAuthState] = useState<{\n    user: User | null;\n    session: Session | null;\n    isLoading: boolean;\n    error: Error | null;\n  }>({\n    user: null,\n    session: null,\n    isLoading: false,\n    error: null,\n  });\n\n  const {\n    data: sessionData,\n    isLoading: sessionLoading,\n    error: sessionError,\n    refetch,\n  } = hooks.useQuery(\n    'get',\n    '/session',\n    {},\n    {\n      enabled: true,\n      refetchOnMount: true,\n      refetchOnWindowFocus: false,\n      refetchOnReconnect: false,\n      retry: false,\n    },\n  );\n\n  useEffect(() => {\n    if (sessionLoading) {\n      setAuthState((prev) => ({ ...prev, isLoading: true }));\n      return;\n    }\n\n    if (sessionError) {\n      setAuthState({\n        user: null,\n        session: null,\n        isLoading: false,\n        error: sessionError as Error,\n      });\n      return;\n    }\n\n    if (sessionData) {\n      setAuthState({\n        user: sessionData.user,\n        session: sessionData.session,\n        isLoading: false,\n        error: null,\n      });\n      return;\n    }\n\n    setAuthState({\n      user: null,\n      session: null,\n      isLoading: false,\n      error: null,\n    });\n  }, [sessionData, sessionLoading, sessionError]);\n\n  const refresh = async () => {\n    await refetch();\n  };\n\n  const setAuth = (auth: AuthResponse) => {\n    setAuthState({\n      user: auth.user,\n      session: auth.session,\n      isLoading: false,\n      error: null,\n    });\n  };\n\n  const clearAuth = () => {\n    setAuthState({\n      user: null,\n      session: null,\n      isLoading: false,\n      error: null,\n    });\n  };\n\n  const signOutMutation = hooks.useMutation('post', '/sign-out');\n\n  const signOut = async () => {\n    try {\n      await signOutMutation.mutateAsync({});\n    } finally {\n      clearAuth();\n    }\n  };\n\n  const t = createTranslator(config.messages || {});\n\n  return (\n    <ConfigContext.Provider value={{ config, t }}>\n      <ApiContext.Provider value={{ hooks, setAuth, clearAuth, refresh }}>\n        <SessionContext.Provider\n          value={{\n            user: authState.user,\n            session: authState.session,\n            isLoading: authState.isLoading,\n            isAuthenticated: !!authState.user && !!authState.session,\n            error: authState.error,\n            refresh,\n            signOut,\n          }}\n        >\n          {children}\n        </SessionContext.Provider>\n      </ApiContext.Provider>\n    </ConfigContext.Provider>\n  );\n}\n","export const AUTH_ERROR_MAPPING: Record<\n  string,\n  { title: string; description: string }\n> = {\n  USER_NOT_FOUND: {\n    title: 'Account Not Found',\n    description:\n      'We could not find an account with that identifier. Please check your spelling or sign up.',\n  },\n  INVALID_PASSWORD: {\n    title: 'Invalid Password',\n    description: 'The password you entered is incorrect. Please try again.',\n  },\n  USER_EXISTS: {\n    title: 'Account Already Exists',\n    description:\n      'An account with this identifier already exists. Please sign in instead.',\n  },\n  VERIFICATION_EXPIRED: {\n    title: 'Verification Expired',\n    description:\n      'The verification code or link has expired. Please request a new one.',\n  },\n  VERIFICATION_MISMATCH: {\n    title: 'Invalid Code',\n    description:\n      'The verification code you entered is invalid. Please double-check and try again.',\n  },\n  VERIFICATION_NOT_FOUND: {\n    title: 'Verification Not Found',\n    description:\n      'We could not find a pending verification request. Please restart the process.',\n  },\n  TOO_MANY_ATTEMPTS: {\n    title: 'Too Many Attempts',\n    description:\n      'You have made too many requests recently. Please wait a moment before trying again.',\n  },\n  REQUIRES_VERIFICATION: {\n    title: 'Verification Required',\n    description:\n      'You need to verify your account before you can continue. Please check your email or phone.',\n  },\n  UNAUTHORIZED: {\n    title: 'Unauthorized',\n    description:\n      'You are not authorized to perform this action. Please sign in again.',\n  },\n  ACCESS_DENIED: {\n    title: 'Access Denied',\n    description:\n      'You do not have permission to access this resource. Please contact support if you believe this is an error.',\n  },\n  HAS_NO_PASSWORD: {\n    title: 'No Password Set',\n    description:\n      'Your account does not have a password set (e.g. social login). Please sign in with your provider or reset your password.',\n  },\n};\n\nexport const validCodes = Object.keys(AUTH_ERROR_MAPPING);\n","import { AUTH_ERROR_MAPPING, validCodes } from '../constants/auth.error.codes';\nimport type { AuthError } from '../types';\n\nexport type AuthErrorContent = {\n  title: string;\n  description: string;\n};\n\n// Translator function type\ntype TranslatorFunction = (\n  key: string,\n  params?: Record<string, string | number>,\n) => string;\n\n// Type guard to check if error is an AuthError\nfunction isAuthError(err: unknown): err is AuthError {\n  return (\n    typeof err === 'object' &&\n    err !== null &&\n    'message' in err &&\n    typeof (err as { message: unknown }).message === 'string'\n  );\n}\n\nfunction extractErrorCode(err: AuthError): string {\n  if (err.code && validCodes.includes(err.code)) {\n    return err.code;\n  }\n  if (err.message) {\n    const messageUpper = err.message.toUpperCase().trim();\n    if (validCodes.includes(messageUpper)) {\n      return messageUpper;\n    }\n  }\n  return '';\n}\n\nfunction handleAuthError(\n  err: AuthError,\n  setError: (error: AuthErrorContent | null) => void,\n  t: TranslatorFunction,\n) {\n  const errorCode = extractErrorCode(err);\n\n  if (errorCode && AUTH_ERROR_MAPPING[errorCode]) {\n    const mapping = AUTH_ERROR_MAPPING[errorCode];\n    setError({\n      title: mapping.title,\n      description: mapping.description,\n    });\n    return;\n  }\n\n  setError({\n    title: t('errors.fallback'),\n    description: err.message || t('errors.fallback'),\n  });\n}\n\nfunction handleGenericError(\n  err: unknown,\n  setError: (error: AuthErrorContent | null) => void,\n  t: TranslatorFunction,\n) {\n  const message = err instanceof Error ? err.message : t('errors.fallback');\n  setError({\n    title: 'Error',\n    description: message,\n  });\n}\n\nexport const handleError = (\n  err: unknown,\n  setError: (error: AuthErrorContent | null) => void,\n  t: TranslatorFunction,\n) => {\n  if (isAuthError(err)) {\n    handleAuthError(err, setError, t);\n  } else {\n    handleGenericError(err, setError, t);\n  }\n};\n","'use client';\n\nimport type { ReactNode } from 'react';\n\ntype AuthPageLayoutProps = {\n  title: string;\n  description?: string;\n  children: ReactNode;\n  footer?: ReactNode;\n  logoImage?: string;\n};\n\nexport const AuthPageLayout = ({\n  title,\n  description,\n  children,\n  footer,\n  logoImage,\n}: AuthPageLayoutProps) => {\n  return (\n    <div className=\"space-y-4\">\n      <div className=\"flex size-8 mb-6 w-full items-center justify-center rounded-md\">\n        {/** biome-ignore lint/performance/noImgElement: logo image */}\n        <img src={logoImage || ''} alt=\"Mesob\" width={42} height={42} />\n      </div>\n      <div className=\"text-center\">\n        <h1 className=\"text-2xl font-bold tracking-tight\">{title}</h1>\n        {description && (\n          <p className=\"mt-2 text-sm text-muted-foreground\">{description}</p>\n        )}\n      </div>\n\n      {children}\n\n      <div className=\"mt-2 w-full\">\n        {footer && (\n          <div className=\"w-full text-center text-sm text-muted-foreground\">\n            {footer}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n","'use client';\n\nimport { zodResolver } from '@hookform/resolvers/zod';\nimport { Button } from '@mesob/ui/components/button';\nimport {\n  Field,\n  FieldError,\n  FieldGroup,\n  FieldLabel,\n} from '@mesob/ui/components/field';\nimport { Input } from '@mesob/ui/components/input';\nimport {\n  InputOTP,\n  InputOTPGroup,\n  InputOTPSlot,\n} from '@mesob/ui/components/input-otp';\nimport { Spinner } from '@mesob/ui/components/spinner';\nimport { IconEye, IconEyeOff } from '@tabler/icons-react';\nimport { useState } from 'react';\nimport { Controller, useForm } from 'react-hook-form';\nimport { z } from 'zod';\nimport { useTranslator } from '../../hooks/use-translator';\nimport type { AuthErrorContent } from '../../utils/handle-error';\n\ntype ResetPasswordFormValues = {\n  code: string;\n  password: string;\n  confirmPassword: string;\n};\n\ntype ResetPasswordFormProps = {\n  verificationId: string;\n  onSubmit: (values: ResetPasswordFormValues) => Promise<void> | void;\n  isLoading?: boolean;\n  error?: AuthErrorContent | string | null;\n};\n\nconst resetPasswordSchema = (t: (key: string) => string) =>\n  z\n    .object({\n      code: z.string().length(6, t('errors.codeLength')),\n      password: z.string().min(8, t('errors.passwordLength')),\n      confirmPassword: z.string(),\n    })\n    .refine((data) => data.password === data.confirmPassword, {\n      message: t('errors.passwordsMismatch'),\n      path: ['confirmPassword'],\n    });\n\nexport const ResetPasswordForm = ({\n  onSubmit,\n  isLoading = false,\n}: ResetPasswordFormProps) => {\n  const t = useTranslator('Auth.resetPassword');\n  const [showPassword, setShowPassword] = useState(false);\n\n  const form = useForm<ResetPasswordFormValues>({\n    resolver: zodResolver(resetPasswordSchema(t)),\n    defaultValues: {\n      code: '',\n      password: '',\n      confirmPassword: '',\n    },\n  });\n\n  const handleSubmit = form.handleSubmit(async (values) => {\n    await onSubmit(values);\n  });\n\n  return (\n    <form id=\"reset-password-form\" onSubmit={handleSubmit}>\n      <FieldGroup>\n        <Controller\n          name=\"code\"\n          control={form.control}\n          render={({ field, fieldState }) => (\n            <Field data-invalid={fieldState.invalid}>\n              <div className=\"flex justify-center\">\n                <FieldLabel>{t('form.codeLabel')}</FieldLabel>\n              </div>\n              <div className=\"flex mt-2 justify-center\">\n                <InputOTP\n                  maxLength={6}\n                  value={field.value}\n                  onChange={field.onChange}\n                  onBlur={field.onBlur}\n                  containerClassName=\"gap-4\"\n                  aria-invalid={fieldState.invalid}\n                >\n                  <InputOTPGroup className=\"gap-3 *:data-[slot=input-otp-slot]:h-12 *:data-[slot=input-otp-slot]:w-12 *:data-[slot=input-otp-slot]:rounded-md *:data-[slot=input-otp-slot]:border *:data-[slot=input-otp-slot]:text-xl\">\n                    <InputOTPSlot className=\"h-12\" index={0} />\n                    <InputOTPSlot className=\"h-12\" index={1} />\n                    <InputOTPSlot className=\"h-12\" index={2} />\n                    <InputOTPSlot className=\"h-12\" index={3} />\n                    <InputOTPSlot className=\"h-12\" index={4} />\n                    <InputOTPSlot className=\"h-12\" index={5} />\n                  </InputOTPGroup>\n                </InputOTP>\n              </div>\n              {fieldState.invalid && <FieldError errors={[fieldState.error]} />}\n            </Field>\n          )}\n        />\n        <Controller\n          name=\"password\"\n          control={form.control}\n          render={({ field, fieldState }) => (\n            <Field data-invalid={fieldState.invalid}>\n              <FieldLabel htmlFor=\"reset-password-password\">\n                {t('form.passwordLabel')}\n              </FieldLabel>\n              <div className=\"relative\">\n                <Input\n                  {...field}\n                  id=\"reset-password-password\"\n                  type={showPassword ? 'text' : 'password'}\n                  placeholder={t('form.passwordPlaceholder')}\n                  aria-invalid={fieldState.invalid}\n                />\n                <button\n                  type=\"button\"\n                  onClick={() => setShowPassword(!showPassword)}\n                  className=\"absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground\"\n                >\n                  {showPassword ? (\n                    <IconEyeOff className=\"h-4 w-4\" />\n                  ) : (\n                    <IconEye className=\"h-4 w-4\" />\n                  )}\n                </button>\n              </div>\n              {fieldState.invalid && <FieldError errors={[fieldState.error]} />}\n            </Field>\n          )}\n        />\n        <Controller\n          name=\"confirmPassword\"\n          control={form.control}\n          render={({ field, fieldState }) => (\n            <Field data-invalid={fieldState.invalid}>\n              <FieldLabel htmlFor=\"reset-password-confirmPassword\">\n                {t('form.confirmPasswordLabel')}\n              </FieldLabel>\n              <div className=\"relative\">\n                <Input\n                  {...field}\n                  id=\"reset-password-confirmPassword\"\n                  type={showPassword ? 'text' : 'password'}\n                  placeholder={t('form.passwordPlaceholder')}\n                  aria-invalid={fieldState.invalid}\n                />\n                <button\n                  type=\"button\"\n                  onClick={() => setShowPassword(!showPassword)}\n                  className=\"absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground\"\n                >\n                  {showPassword ? (\n                    <IconEyeOff className=\"h-4 w-4\" />\n                  ) : (\n                    <IconEye className=\"h-4 w-4\" />\n                  )}\n                </button>\n              </div>\n              {fieldState.invalid && <FieldError errors={[fieldState.error]} />}\n            </Field>\n          )}\n        />\n      </FieldGroup>\n      <div className=\"mt-4\">\n        <Button\n          type=\"submit\"\n          form=\"reset-password-form\"\n          className=\"w-full\"\n          disabled={isLoading}\n        >\n          {isLoading && <Spinner />}\n          {isLoading ? t('form.submitting') : t('form.submit')}\n        </Button>\n      </div>\n    </form>\n  );\n};\n","import { createTranslator } from '../lib/translations';\nimport { useConfig } from '../provider';\n\nexport function useTranslator(namespace?: string) {\n  const { config } = useConfig();\n  return createTranslator(config.messages || {}, namespace);\n}\n"],"mappings":"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","names":["useEffect","useState","jsx","useState","jsx","jsxs","useState","jsx","jsxs","useState","useEffect"]}

package/dist/components/auth/pages/sign-in-page.d.ts

@@ -1,19 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ComponentProps } from 'react';
 
 type SignInPageProps = {
-    locale?: string;
     redirectUrl?: string;
-    onNavigate: (path: string) => void;
-    linkComponent?: React.ComponentType<ComponentProps<'a'> & {
-        href: string;
-    }>;
-    links?: {
-        forgotPassword?: string;
-        signUp?: string;
-    };
-    logoImage?: string;
 };
-declare const SignInPage: ({ redirectUrl, onNavigate, linkComponent: Link, links, logoImage, }: SignInPageProps) => react_jsx_runtime.JSX.Element;
+declare const SignInPage: ({ redirectUrl }?: SignInPageProps) => react_jsx_runtime.JSX.Element;
 
 export { SignInPage };