@mesob/auth-react 0.0.3 → 0.0.4

package/dist/components/pages/forgot-password-page.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/pages/forgot-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-page-layout.tsx","../../../src/components/forgot-password.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 { handleError } from '../../utils/handle-error';\nimport { AuthPageLayout } from '../auth-page-layout';\nimport { ForgotPassword } from '../forgot-password';\n\ntype ForgotPasswordPageProps = {\n  locale?: string;\n  onNavigate: (path: string) => void;\n  linkComponent?: React.ComponentType<ComponentProps<'a'> & { href: string }>;\n  links?: {\n    signIn?: string;\n  };\n  logoImage?: string;\n};\n\nexport const ForgotPasswordPage = ({\n  onNavigate,\n  linkComponent: Link,\n  links,\n  logoImage,\n}: ForgotPasswordPageProps) => {\n  const t = useTranslations('Auth.forgotPassword');\n  const { client } = useAuth();\n  const [isLoading, setIsLoading] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n\n  const signInLink = links?.signIn || '/auth/sign-in';\n\n  const handleSubmit = async (values: { account: string }) => {\n    setIsLoading(true);\n    setError(null);\n\n    try {\n      const res = await client.forgotPassword({ identifier: values.account });\n\n      if ('verificationId' in res && res.verificationId) {\n        onNavigate(`/auth/reset-password?verificationId=${res.verificationId}`);\n      } else {\n        onNavigate(\n          `/auth/reset-password?identifier=${encodeURIComponent(values.account)}`,\n        );\n      }\n    } catch (err) {\n      handleError(err, setError, t);\n    } finally {\n      setIsLoading(false);\n    }\n  };\n\n  const handleBack = () => {\n    onNavigate(signInLink);\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          <Link href={signInLink} className=\"text-primary hover:underline\">\n            {t('footer.backToSignIn')}\n          </Link>\n        ) : (\n          <a\n            href={signInLink}\n            onClick={(e) => {\n              e.preventDefault();\n              onNavigate(signInLink);\n            }}\n            className=\"text-primary hover:underline\"\n          >\n            {t('footer.backToSignIn')}\n          </a>\n        )\n      }\n    >\n      <ForgotPassword\n        onSubmit={handleSubmit}\n        isLoading={isLoading}\n        onBack={handleBack}\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  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  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","export const validCodes = [\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];\n","import type { _Translator } from 'next-intl';\nimport { AuthError } from '../client';\nimport { validCodes } from '../constants/auth.error.codes';\n\nexport const handleError = (\n  err: any,\n  setError: (error: string | null) => void,\n  t: _Translator<Record<string, any>, string>,\n) => {\n  if (err instanceof AuthError) {\n    let errorKey = 'errors.fallback';\n    if (err.code) {\n      errorKey = `errors.${err.code.toLowerCase()}`;\n    } else if (err.message) {\n      // Fallback: try to extract error code from message\n      const messageUpper = err.message.toUpperCase().trim();\n\n      if (validCodes.includes(messageUpper)) {\n        errorKey = `errors.${messageUpper.toLowerCase()}`;\n      }\n    }\n    setError(t(errorKey, { defaultValue: err.message }));\n  } else {\n    setError(err instanceof Error ? err.message : t('errors.fallback'));\n  }\n};\n","'use client';\n\nimport { Alert, AlertDescription } from '@mesob/ui/components/alert';\nimport type { ReactNode } from 'react';\n\ntype AuthPageLayoutProps = {\n  title: string;\n  description?: string;\n  children: ReactNode;\n  error?: 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  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      {error && (\n        <Alert variant=\"destructive\">\n          <AlertDescription>{error}</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 { useTranslations } from 'next-intl';\nimport { useMemo } from 'react';\nimport { useForm } from 'react-hook-form';\nimport { z } from 'zod';\n\ntype ForgotPasswordFormValues = {\n  account: string;\n};\n\ntype ForgotPasswordProps = {\n  onSubmit: (values: ForgotPasswordFormValues) => Promise<void> | void;\n  isLoading?: boolean;\n  onBack?: () => void;\n};\n\nexport const ForgotPassword = ({\n  onSubmit,\n  isLoading = false,\n  onBack,\n}: ForgotPasswordProps) => {\n  const t = useTranslations('Auth.forgotPassword');\n  const forgotPasswordSchema = useMemo(\n    () =>\n      z.object({\n        account: z.string().min(1, t('errors.accountRequired')),\n      }),\n    [t],\n  );\n\n  const form = useForm<ForgotPasswordFormValues>({\n    resolver: zodResolver(forgotPasswordSchema),\n    defaultValues: {\n      account: '',\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-5\">\n        <FormField\n          control={form.control}\n          name=\"account\"\n          render={({ field }) => (\n            <FormItem>\n              <FormLabel>{t('form.accountLabel')}</FormLabel>\n              <FormControl>\n                <Input\n                  type=\"text\"\n                  placeholder={t('form.accountPlaceholder')}\n                  {...field}\n                />\n              </FormControl>\n              <FormMessage />\n            </FormItem>\n          )}\n        />\n        <Button type=\"submit\" className=\"w-full\" disabled={isLoading}>\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","jsx","jsxs","jsx","useTranslations","useState"]}

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/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-page-layout.tsx","../../../src/components/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 { handleError } from '../../utils/handle-error';\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};\n\nexport const ResetPasswordPage = ({\n  verificationId,\n  onNavigate,\n  linkComponent: Link,\n  links,\n  logoImage,\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<string | 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(t('errors.missingVerificationId'));\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('/dashboard');\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  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  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","export const validCodes = [\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];\n","import type { _Translator } from 'next-intl';\nimport { AuthError } from '../client';\nimport { validCodes } from '../constants/auth.error.codes';\n\nexport const handleError = (\n  err: any,\n  setError: (error: string | null) => void,\n  t: _Translator<Record<string, any>, string>,\n) => {\n  if (err instanceof AuthError) {\n    let errorKey = 'errors.fallback';\n    if (err.code) {\n      errorKey = `errors.${err.code.toLowerCase()}`;\n    } else if (err.message) {\n      // Fallback: try to extract error code from message\n      const messageUpper = err.message.toUpperCase().trim();\n\n      if (validCodes.includes(messageUpper)) {\n        errorKey = `errors.${messageUpper.toLowerCase()}`;\n      }\n    }\n    setError(t(errorKey, { defaultValue: err.message }));\n  } else {\n    setError(err instanceof Error ? err.message : t('errors.fallback'));\n  }\n};\n","'use client';\n\nimport { Alert, AlertDescription } from '@mesob/ui/components/alert';\nimport type { ReactNode } from 'react';\n\ntype AuthPageLayoutProps = {\n  title: string;\n  description?: string;\n  children: ReactNode;\n  error?: 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  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      {error && (\n        <Alert variant=\"destructive\">\n          <AlertDescription>{error}</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 { Eye, EyeOff } from 'lucide-react';\nimport { useTranslations } from 'next-intl';\nimport { useMemo, useState } from 'react';\nimport { useForm } from 'react-hook-form';\nimport { z } from 'zod';\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?: string | null;\n};\n\nexport const ResetPasswordForm = ({\n  verificationId,\n  onSubmit,\n  isLoading = false,\n  error,\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 justify-center\">\n                  <InputOTP maxLength={6} {...field}>\n                    <InputOTPGroup>\n                      <InputOTPSlot index={0} />\n                      <InputOTPSlot index={1} />\n                      <InputOTPSlot index={2} />\n                      <InputOTPSlot index={3} />\n                      <InputOTPSlot index={4} />\n                      <InputOTPSlot 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                      <EyeOff className=\"h-4 w-4\" />\n                    ) : (\n                      <Eye 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                      <EyeOff className=\"h-4 w-4\" />\n                    ) : (\n                      <Eye 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 ? 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"]}

package/dist/components/pages/sign-in-page.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/pages/sign-in-page.tsx","../../../src/context/auth-provider.tsx","../../../src/client.ts","../../../src/constants/auth.error.codes.ts","../../../src/utils/handle-error.ts","../../../src/components/auth-page-layout.tsx","../../../src/components/sign-in.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 { handleError } from '../../utils/handle-error';\nimport { AuthPageLayout } from '../auth-page-layout';\nimport { SignIn } from '../sign-in';\n\nconst isPhone = (s: string) => /^\\+?[0-9()[\\]\\s-]{6,}$/.test(s);\n\ntype SignInPageProps = {\n  locale?: string;\n  redirectUrl?: string;\n  onNavigate: (path: string) => void;\n  linkComponent?: React.ComponentType<ComponentProps<'a'> & { href: string }>;\n  links?: {\n    forgotPassword?: string;\n    signUp?: string;\n  };\n  logoImage?: string;\n};\n\nexport const SignInPage = ({\n  redirectUrl,\n  onNavigate,\n  linkComponent: Link,\n  links,\n  logoImage,\n}: SignInPageProps) => {\n  const t = useTranslations('Auth.signIn');\n  const { client, setAuth } = useAuth();\n  const [isLoading, setIsLoading] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const [step, setStep] = useState<'identifier' | 'password'>('identifier');\n  const [identifier, setIdentifier] = useState<string>('');\n\n  const defaultRedirect = redirectUrl || '/dashboard';\n  const forgotPasswordLink = links?.forgotPassword || '/auth/forgot-password';\n  const signUpLink = links?.signUp || '/auth/sign-up';\n\n  const handleSubmit = async (\n    values: { account: string; password: string },\n    currentStep: 'identifier' | 'password',\n  ) => {\n    setIsLoading(true);\n    setError(null);\n\n    try {\n      if (currentStep === 'identifier') {\n        const checkResult = await client.checkUser({\n          identifier: values.account,\n        });\n\n        if (checkResult.exists) {\n          setIdentifier(values.account);\n          setStep('password');\n        } else {\n          const email = isPhone(values.account) ? '' : values.account;\n          if (email) {\n            onNavigate(`${signUpLink}?email=${encodeURIComponent(email)}`);\n          } else {\n            onNavigate(\n              `${signUpLink}?phone=${encodeURIComponent(values.account)}`,\n            );\n          }\n          return;\n        }\n      } else {\n        const res = await client.signInWithPassword({\n          identifier,\n          password: values.password,\n        });\n\n        if ('verificationId' in res && res.verificationId) {\n          const verifyPath = isPhone(identifier)\n            ? `/auth/verify-phone?context=sign-in&verificationId=${res.verificationId}&identifier=${encodeURIComponent(identifier)}`\n            : `/auth/verify-email?verificationId=${res.verificationId}`;\n          onNavigate(verifyPath);\n          return;\n        }\n\n        if ('user' in res && 'session' in res) {\n          setAuth(res);\n        }\n        onNavigate(defaultRedirect);\n      }\n    } catch (err) {\n      handleError(err, setError, t);\n    } finally {\n      setIsLoading(false);\n    }\n  };\n\n  const handleBack = () => {\n    setStep('identifier');\n    setIdentifier('');\n    setError(null);\n  };\n\n  const isStepPassword = step === 'password';\n\n  return (\n    <div className=\"space-y-4\">\n      <AuthPageLayout\n        title={t('title')}\n        description={isStepPassword ? undefined : t('description')}\n        error={error}\n        logoImage={logoImage}\n        footer={\n          <div\n            className=\"flex items-center justify-center w-full gap-2\"\n            style={{\n              justifyContent: isStepPassword ? 'space-between' : 'center',\n            }}\n          >\n            {isStepPassword && (\n              // biome-ignore lint/a11y/useKeyWithClickEvents: change account\n              <p\n                className=\"text-primary inline-block cursor-pointer hover:underline\"\n                onClick={handleBack}\n              >\n                {t('changeAccount')}\n              </p>\n            )}\n\n            {Link ? (\n              <Link\n                href={forgotPasswordLink}\n                className=\"text-primary inline-block hover:underline\"\n              >\n                {t('footer.forgotPassword')}\n              </Link>\n            ) : (\n              <a\n                href={forgotPasswordLink}\n                className=\"text-primary inline-block hover:underline\"\n              >\n                {t('footer.forgotPassword')}\n              </a>\n            )}\n          </div>\n        }\n      >\n        <SignIn\n          onSubmit={handleSubmit}\n          isLoading={isLoading}\n          identifier={identifier}\n          step={step}\n        />\n      </AuthPageLayout>\n    </div>\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  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  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","export const validCodes = [\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];\n","import type { _Translator } from 'next-intl';\nimport { AuthError } from '../client';\nimport { validCodes } from '../constants/auth.error.codes';\n\nexport const handleError = (\n  err: any,\n  setError: (error: string | null) => void,\n  t: _Translator<Record<string, any>, string>,\n) => {\n  if (err instanceof AuthError) {\n    let errorKey = 'errors.fallback';\n    if (err.code) {\n      errorKey = `errors.${err.code.toLowerCase()}`;\n    } else if (err.message) {\n      // Fallback: try to extract error code from message\n      const messageUpper = err.message.toUpperCase().trim();\n\n      if (validCodes.includes(messageUpper)) {\n        errorKey = `errors.${messageUpper.toLowerCase()}`;\n      }\n    }\n    setError(t(errorKey, { defaultValue: err.message }));\n  } else {\n    setError(err instanceof Error ? err.message : t('errors.fallback'));\n  }\n};\n","'use client';\n\nimport { Alert, AlertDescription } from '@mesob/ui/components/alert';\nimport type { ReactNode } from 'react';\n\ntype AuthPageLayoutProps = {\n  title: string;\n  description?: string;\n  children: ReactNode;\n  error?: 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  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      {error && (\n        <Alert variant=\"destructive\">\n          <AlertDescription>{error}</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 { Eye, EyeOff } from 'lucide-react';\nimport { useTranslations } from 'next-intl';\nimport { useMemo, useState } from 'react';\nimport { useForm } from 'react-hook-form';\nimport { z } from 'zod';\n\ntype SignInFormValues = {\n  account: string;\n  password: string;\n};\n\ntype SignInProps = {\n  onSubmit: (\n    values: SignInFormValues,\n    step: 'identifier' | 'password',\n  ) => Promise<void> | void;\n  isLoading?: boolean;\n  identifier?: string;\n  step?: 'identifier' | 'password';\n  onBack?: () => void;\n};\n\nexport const SignIn = ({\n  onSubmit,\n  isLoading = false,\n  identifier = '',\n  step = 'identifier',\n  onBack: _onBack,\n}: SignInProps) => {\n  const t = useTranslations('Auth.signIn');\n  const [showPassword, setShowPassword] = useState(false);\n\n  const identifierSchema = useMemo(\n    () =>\n      z.object({\n        account: z\n          .string()\n          .min(1, t('errors.accountRequired'))\n          .email(t('errors.invalidEmail')),\n      }),\n    [t],\n  );\n\n  const passwordSchema = useMemo(\n    () =>\n      z.object({\n        password: z\n          .string()\n          .min(8, t('errors.passwordLength'))\n          .max(128, t('errors.longPasswordError')),\n      }),\n    [t],\n  );\n\n  const identifierForm = useForm<{ account: string }>({\n    resolver: zodResolver(identifierSchema),\n    defaultValues: {\n      account: identifier,\n    },\n  });\n\n  const passwordForm = useForm<{ password: string }>({\n    resolver: zodResolver(passwordSchema),\n    defaultValues: {\n      password: '',\n    },\n  });\n\n  const handleIdentifierSubmit = identifierForm.handleSubmit(async (values) => {\n    await onSubmit({ account: values.account, password: '' }, 'identifier');\n  });\n\n  const handlePasswordSubmit = passwordForm.handleSubmit(async (values) => {\n    await onSubmit(\n      { account: identifier, password: values.password },\n      'password',\n    );\n  });\n\n  if (step === 'password') {\n    return (\n      <Form {...passwordForm}>\n        <form onSubmit={handlePasswordSubmit} className=\"space-y-4\">\n          <div className=\"text-center\">\n            <p className=\"text-sm text-muted-foreground mb-2\">\n              {t('form.enterPasswordFor')}\n            </p>\n            <p className=\"font-bold\">{identifier}</p>\n          </div>\n          <FormField\n            control={passwordForm.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                        <EyeOff className=\"h-4 w-4\" />\n                      ) : (\n                        <Eye className=\"h-4 w-4\" />\n                      )}\n                    </button>\n                  </div>\n                </FormControl>\n                <FormMessage />\n              </FormItem>\n            )}\n          />\n          <Button type=\"submit\" className=\"w-full\" disabled={isLoading}>\n            {isLoading ? t('form.submitting') : t('form.submit')}\n          </Button>\n        </form>\n      </Form>\n    );\n  }\n\n  return (\n    <Form {...identifierForm}>\n      <form onSubmit={handleIdentifierSubmit} className=\"space-y-4\">\n        <FormField\n          control={identifierForm.control}\n          name=\"account\"\n          render={({ field }) => (\n            <FormItem>\n              <FormLabel>{t('form.accountLabel')}</FormLabel>\n              <FormControl>\n                <Input\n                  type=\"text\"\n                  placeholder={t('form.accountPlaceholder')}\n                  {...field}\n                />\n              </FormControl>\n              <FormMessage />\n            </FormItem>\n          )}\n        />\n        <Button type=\"submit\" className=\"w-full\" disabled={isLoading}>\n          {isLoading ? t('form.submitting') : t('form.continue')}\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"]}

package/dist/components/pages/sign-up-page.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/pages/sign-up-page.tsx","../../../src/context/auth-provider.tsx","../../../src/client.ts","../../../src/constants/auth.error.codes.ts","../../../src/utils/handle-error.ts","../../../src/components/auth-page-layout.tsx","../../../src/components/sign-up.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 { handleError } from '../../utils/handle-error';\nimport { AuthPageLayout } from '../auth-page-layout';\nimport { SignUp } from '../sign-up';\n\nconst isPhone = (s: string) => /^\\+?[0-9()[\\]\\s-]{6,}$/.test(s);\n\ntype SignUpFormValues = {\n  fullName: string;\n  identifier: string;\n  handle?: string;\n  password: string;\n  confirmPassword: string;\n};\n\ntype SignUpPageProps = {\n  locale?: string;\n  onNavigate: (path: string) => void;\n  linkComponent?: React.ComponentType<ComponentProps<'a'> & { href: string }>;\n  links?: {\n    signIn?: string;\n  };\n  initialIdentifier?: string;\n  logoImage?: string;\n};\n\nexport const SignUpPage = ({\n  onNavigate,\n  linkComponent: Link,\n  links,\n  initialIdentifier,\n  logoImage,\n}: SignUpPageProps) => {\n  const t = useTranslations('Auth.signUp');\n  const { client, setAuth } = useAuth();\n  const [isLoading, setIsLoading] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n\n  const signInLink = links?.signIn || '/auth/sign-in';\n\n  const handleSubmit = async (values: SignUpFormValues) => {\n    setIsLoading(true);\n    setError(null);\n\n    try {\n      const identifier = values.identifier;\n      const usingPhone = isPhone(identifier);\n\n      const res = usingPhone\n        ? await client.signUpWithPhone({\n            phone: identifier,\n            password: values.password,\n            fullName: values.fullName,\n            handle: values.handle,\n          })\n        : await client.signUpWithEmail({\n            email: identifier,\n            password: values.password,\n            fullName: values.fullName,\n            handle: values.handle,\n          });\n\n      if ('verificationId' in res && res.verificationId) {\n        if (usingPhone) {\n          onNavigate(\n            `/auth/verify-phone?context=sign-up&verificationId=${res.verificationId}&phone=${encodeURIComponent(identifier)}`,\n          );\n        } else {\n          onNavigate(\n            `/auth/verify-email?verificationId=${res.verificationId}&email=${encodeURIComponent(identifier)}`,\n          );\n        }\n        return;\n      }\n\n      if ('user' in res && 'session' in res) {\n        setAuth(res);\n      }\n      onNavigate('/dashboard');\n    } catch (err) {\n      handleError(err, setError, t);\n    } finally {\n      setIsLoading(false);\n    }\n  };\n\n  return (\n    <AuthPageLayout\n      title={t('title')}\n      description={t('description')}\n      error={error}\n      logoImage={logoImage}\n      footer={\n        <p>\n          {t('footer.hasAccount')}{' '}\n          {Link ? (\n            <Link href={signInLink} className=\"text-primary hover:underline\">\n              {t('footer.signInCta')}\n            </Link>\n          ) : (\n            <a\n              href={signInLink}\n              onClick={(e) => {\n                e.preventDefault();\n                onNavigate(signInLink);\n              }}\n              className=\"text-primary hover:underline\"\n            >\n              {t('footer.signInCta')}\n            </a>\n          )}\n        </p>\n      }\n    >\n      <SignUp\n        onSubmit={handleSubmit}\n        isLoading={isLoading}\n        initialIdentifier={initialIdentifier}\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  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  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","export const validCodes = [\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];\n","import type { _Translator } from 'next-intl';\nimport { AuthError } from '../client';\nimport { validCodes } from '../constants/auth.error.codes';\n\nexport const handleError = (\n  err: any,\n  setError: (error: string | null) => void,\n  t: _Translator<Record<string, any>, string>,\n) => {\n  if (err instanceof AuthError) {\n    let errorKey = 'errors.fallback';\n    if (err.code) {\n      errorKey = `errors.${err.code.toLowerCase()}`;\n    } else if (err.message) {\n      // Fallback: try to extract error code from message\n      const messageUpper = err.message.toUpperCase().trim();\n\n      if (validCodes.includes(messageUpper)) {\n        errorKey = `errors.${messageUpper.toLowerCase()}`;\n      }\n    }\n    setError(t(errorKey, { defaultValue: err.message }));\n  } else {\n    setError(err instanceof Error ? err.message : t('errors.fallback'));\n  }\n};\n","'use client';\n\nimport { Alert, AlertDescription } from '@mesob/ui/components/alert';\nimport type { ReactNode } from 'react';\n\ntype AuthPageLayoutProps = {\n  title: string;\n  description?: string;\n  children: ReactNode;\n  error?: 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  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      {error && (\n        <Alert variant=\"destructive\">\n          <AlertDescription>{error}</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 { Eye, EyeOff } from 'lucide-react';\nimport { useTranslations } from 'next-intl';\nimport { useEffect, useMemo, useState } from 'react';\nimport { useForm } from 'react-hook-form';\nimport { z } from 'zod';\n\nconst isPhone = (s: string) => /^\\+?[0-9()[\\]\\s-]{6,}$/.test(s);\n\ntype SignUpFormValues = {\n  fullName: string;\n  identifier: string;\n  handle?: string;\n  password: string;\n  confirmPassword: string;\n};\n\ntype SignUpProps = {\n  onSubmit: (values: SignUpFormValues) => Promise<void> | void;\n  isLoading?: boolean;\n  initialIdentifier?: string;\n};\n\nexport const SignUp = ({\n  onSubmit,\n  isLoading = false,\n  initialIdentifier,\n}: SignUpProps) => {\n  const t = useTranslations('Auth.signUp');\n  const hasInitialIdentifier = !!initialIdentifier;\n  const [showPassword, setShowPassword] = useState(false);\n  const [showConfirmPassword, setShowConfirmPassword] = useState(false);\n\n  const signUpSchema = useMemo(\n    () =>\n      z\n        .object({\n          fullName: z.string().min(1, t('errors.fullNameRequired')),\n          identifier: z\n            .string()\n            .min(1, t('errors.contactRequired'))\n            .refine(\n              (val) => {\n                if (!val) {\n                  return false;\n                }\n                return val.includes('@') || isPhone(val);\n              },\n              {\n                message: t('errors.invalidEmailOrPhone'),\n              },\n            ),\n          password: z\n            .string()\n            .min(8, t('errors.passwordLength'))\n            .max(128, t('errors.longPasswordError')),\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<SignUpFormValues>({\n    resolver: zodResolver(signUpSchema),\n    defaultValues: {\n      fullName: '',\n      identifier: initialIdentifier || '',\n      password: '',\n      confirmPassword: '',\n    },\n  });\n\n  useEffect(() => {\n    if (initialIdentifier) {\n      form.setValue('identifier', initialIdentifier);\n    }\n  }, [initialIdentifier, form]);\n\n  const handleSubmit = form.handleSubmit(async (values) => {\n    await onSubmit(values);\n  });\n\n  const getIdentifierLabel = () => {\n    if (!hasInitialIdentifier) {\n      return t('form.accountLabel') || 'Email/Phone';\n    }\n    if (initialIdentifier?.includes('@')) {\n      return t('form.emailLabel');\n    }\n    return t('form.phoneLabel');\n  };\n  const identifierLabel = getIdentifierLabel();\n\n  return (\n    <Form {...form}>\n      <form onSubmit={handleSubmit} className=\"space-y-4\">\n        <FormField\n          control={form.control}\n          name=\"fullName\"\n          render={({ field }) => (\n            <FormItem>\n              <FormLabel>{t('form.fullNameLabel')}</FormLabel>\n              <FormControl>\n                <Input placeholder={t('form.fullNamePlaceholder')} {...field} />\n              </FormControl>\n              <FormMessage />\n            </FormItem>\n          )}\n        />\n        <FormField\n          control={form.control}\n          name=\"identifier\"\n          render={({ field }) => (\n            <FormItem>\n              <FormLabel className={hasInitialIdentifier ? 'block' : undefined}>\n                {identifierLabel}\n              </FormLabel>\n              <FormControl>\n                <Input\n                  type={field.value.includes('@') ? 'email' : 'tel'}\n                  placeholder={\n                    hasInitialIdentifier\n                      ? undefined\n                      : t('form.accountPlaceholder') || 'Email or phone number'\n                  }\n                  {...field}\n                  disabled={hasInitialIdentifier}\n                />\n              </FormControl>\n              <FormMessage />\n            </FormItem>\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                      <EyeOff className=\"h-4 w-4\" />\n                    ) : (\n                      <Eye className=\"h-4 w-4\" />\n                    )}\n                  </button>\n                </div>\n              </FormControl>\n              <FormMessage />\n            </FormItem>\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={showConfirmPassword ? 'text' : 'password'}\n                    placeholder={t('form.passwordPlaceholder')}\n                    {...field}\n                  />\n                  <button\n                    type=\"button\"\n                    onClick={() => setShowConfirmPassword(!showConfirmPassword)}\n                    className=\"absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground\"\n                  >\n                    {showConfirmPassword ? (\n                      <EyeOff className=\"h-4 w-4\" />\n                    ) : (\n                      <Eye className=\"h-4 w-4\" />\n                    )}\n                  </button>\n                </div>\n              </FormControl>\n              <FormMessage />\n            </FormItem>\n          )}\n        />\n        <Button type=\"submit\" className=\"w-full\" disabled={isLoading}>\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","useEffect","useState","jsx","jsxs","jsx","jsxs","isPhone","useTranslations","useState"]}

package/dist/components/pages/verify-email-page.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/pages/verify-email-page.tsx","../../../src/context/auth-provider.tsx","../../../src/client.ts","../../../src/constants/auth.error.codes.ts","../../../src/utils/handle-error.ts","../../../src/components/auth-page-layout.tsx","../../../src/components/verification-form.tsx","../../../src/components/countdown.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 { handleError } from '../../utils/handle-error';\nimport { AuthPageLayout } from '../auth-page-layout';\nimport { VerificationForm } from '../verification-form';\n\ntype VerifyEmailPageProps = {\n  locale?: string;\n  verificationId: string;\n  email: string;\n  onNavigate: (path: string) => void;\n  linkComponent?: React.ComponentType<ComponentProps<'a'> & { href: string }>;\n  links?: {\n    signIn?: string;\n  };\n  logoImage?: string;\n};\n\nexport const VerifyEmailPage = ({\n  verificationId,\n  onNavigate,\n  linkComponent: Link,\n  links,\n  email,\n  logoImage,\n}: VerifyEmailPageProps) => {\n  const t = useTranslations('Auth.verification');\n  const common = useTranslations('Common');\n  const footer = useTranslations('Auth.forgotPassword.footer');\n  const { client, setAuth } = useAuth();\n  const [isLoading, setIsLoading] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n\n  const signInLink = links?.signIn || '/auth/sign-in';\n\n  const handleSubmit = async (values: { code: string }) => {\n    if (!verificationId) {\n      setError(t('errors.missingVerificationId'));\n      return;\n    }\n\n    setIsLoading(true);\n    setError(null);\n\n    try {\n      const res = await client.verifyEmail({\n        verificationId,\n        code: values.code,\n      });\n      if ('user' in res && 'session' in res) {\n        setAuth(res);\n      }\n      onNavigate('/dashboard');\n    } catch (err) {\n      handleError(err, setError, t);\n    } finally {\n      setIsLoading(false);\n    }\n  };\n\n  const handleResend = async () => {\n    setError(null);\n    try {\n      const res = await client.requestEmailVerification({ email });\n      if (res.verificationId) {\n        onNavigate(\n          `/auth/verify-email?verificationId=${res.verificationId}&email=${encodeURIComponent(email)}`,\n        );\n      } else {\n        setError(t('errors.resendFailed'));\n      }\n    } catch (err) {\n      handleError(err, setError, t);\n    }\n  };\n\n  if (!verificationId) {\n    return (\n      <AuthPageLayout\n        title={common('invalidLinkTitle')}\n        description={common('invalidLinkDescription')}\n        footer={\n          Link ? (\n            <Link href={signInLink} className=\"text-primary hover:underline\">\n              {footer('backToSignIn')}\n            </Link>\n          ) : (\n            <a\n              href={signInLink}\n              onClick={(e) => {\n                e.preventDefault();\n                onNavigate(signInLink);\n              }}\n              className=\"text-primary hover:underline\"\n            >\n              {footer('backToSignIn')}\n            </a>\n          )\n        }\n      >\n        <div />\n      </AuthPageLayout>\n    );\n  }\n\n  return (\n    <AuthPageLayout\n      title={t('email.title')}\n      description={t('email.description')}\n      error={error}\n      logoImage={logoImage}\n      footer={\n        Link ? (\n          <Link href={signInLink} className=\"text-primary hover:underline\">\n            {footer('backToSignIn')}\n          </Link>\n        ) : (\n          <a\n            href={signInLink}\n            onClick={(e) => {\n              e.preventDefault();\n              onNavigate(signInLink);\n            }}\n            className=\"text-primary hover:underline\"\n          >\n            {footer('backToSignIn')}\n          </a>\n        )\n      }\n    >\n      <VerificationForm\n        verificationId={verificationId}\n        onSubmit={handleSubmit}\n        onResend={handleResend}\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  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  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","export const validCodes = [\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];\n","import type { _Translator } from 'next-intl';\nimport { AuthError } from '../client';\nimport { validCodes } from '../constants/auth.error.codes';\n\nexport const handleError = (\n  err: any,\n  setError: (error: string | null) => void,\n  t: _Translator<Record<string, any>, string>,\n) => {\n  if (err instanceof AuthError) {\n    let errorKey = 'errors.fallback';\n    if (err.code) {\n      errorKey = `errors.${err.code.toLowerCase()}`;\n    } else if (err.message) {\n      // Fallback: try to extract error code from message\n      const messageUpper = err.message.toUpperCase().trim();\n\n      if (validCodes.includes(messageUpper)) {\n        errorKey = `errors.${messageUpper.toLowerCase()}`;\n      }\n    }\n    setError(t(errorKey, { defaultValue: err.message }));\n  } else {\n    setError(err instanceof Error ? err.message : t('errors.fallback'));\n  }\n};\n","'use client';\n\nimport { Alert, AlertDescription } from '@mesob/ui/components/alert';\nimport type { ReactNode } from 'react';\n\ntype AuthPageLayoutProps = {\n  title: string;\n  description?: string;\n  children: ReactNode;\n  error?: 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  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      {error && (\n        <Alert variant=\"destructive\">\n          <AlertDescription>{error}</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  FormMessage,\n} from '@mesob/ui/components/form';\nimport {\n  InputOTP,\n  InputOTPGroup,\n  InputOTPSlot,\n} from '@mesob/ui/components/input-otp';\nimport { useTranslations } from 'next-intl';\nimport { useMemo } from 'react';\nimport { useForm } from 'react-hook-form';\nimport { z } from 'zod';\nimport { Countdown } from './countdown';\n\ntype VerificationFormValues = {\n  code: string;\n};\n\ntype VerificationFormProps = {\n  verificationId: string;\n  onSubmit: (values: VerificationFormValues) => Promise<void> | void;\n  onResend: () => Promise<void> | void;\n  isLoading?: boolean;\n  error?: string | null;\n};\n\nexport const VerificationForm = ({\n  onSubmit,\n  onResend,\n  isLoading = false,\n}: VerificationFormProps) => {\n  const t = useTranslations('Auth.verification');\n  const verificationSchema = useMemo(\n    () =>\n      z.object({\n        code: z.string().length(6, t('form.codeLength')),\n      }),\n    [t],\n  );\n  const form = useForm<VerificationFormValues>({\n    resolver: zodResolver(verificationSchema),\n    defaultValues: {\n      code: '',\n    },\n  });\n  const handleComplete = async (value: string) => {\n    const valid = await form.trigger('code');\n    if (valid) {\n      await onSubmit({ code: value });\n    }\n  };\n\n  return (\n    <Form {...form}>\n      <form className=\"space-y-4\">\n        <FormField\n          control={form.control}\n          name=\"code\"\n          render={({ field }) => (\n            <FormItem>\n              <FormControl>\n                <div className=\"flex justify-center\">\n                  <InputOTP\n                    maxLength={6}\n                    value={field.value}\n                    onChange={(value) => {\n                      field.onChange(value);\n                      if (value.length === 6) {\n                        handleComplete(value);\n                      }\n                    }}\n                    disabled={isLoading}\n                  >\n                    <InputOTPGroup>\n                      <InputOTPSlot index={0} />\n                      <InputOTPSlot index={1} />\n                      <InputOTPSlot index={2} />\n                      <InputOTPSlot index={3} />\n                      <InputOTPSlot index={4} />\n                      <InputOTPSlot index={5} />\n                    </InputOTPGroup>\n                  </InputOTP>\n                </div>\n              </FormControl>\n              <FormMessage />\n            </FormItem>\n          )}\n        />\n\n        <div className=\"flex justify-between items-center\">\n          <Countdown onResend={onResend} resending={isLoading} />\n          <Button\n            type=\"button\"\n            onClick={() => {\n              form.handleSubmit(async (values) => {\n                await onSubmit(values);\n              })();\n            }}\n            disabled={isLoading || form.watch('code').length !== 6}\n          >\n            {t('form.confirm')}\n          </Button>\n        </div>\n      </form>\n    </Form>\n  );\n};\n","'use client';\n\nimport { Button } from '@mesob/ui/components/button';\nimport { useTranslations } from 'next-intl';\nimport { useEffect, useState } from 'react';\n\ntype CountdownProps = {\n  initialSeconds?: number;\n  onResend: () => Promise<void> | void;\n  resending?: boolean;\n};\n\nexport const Countdown = ({\n  initialSeconds = 60,\n  onResend,\n  resending = false,\n}: CountdownProps) => {\n  const t = useTranslations('Common');\n  const [seconds, setSeconds] = useState(initialSeconds);\n  const [isResending, setIsResending] = useState(false);\n\n  useEffect(() => {\n    if (seconds <= 0) {\n      return;\n    }\n\n    const timer = setInterval(() => {\n      setSeconds((prev) => {\n        if (prev <= 1) {\n          clearInterval(timer);\n          return 0;\n        }\n        return prev - 1;\n      });\n    }, 1000);\n\n    return () => clearInterval(timer);\n  }, [seconds]);\n\n  const handleResend = async () => {\n    setIsResending(true);\n    try {\n      await onResend();\n      setSeconds(initialSeconds);\n    } catch (_error) {\n      // Error handling is done by parent\n    } finally {\n      setIsResending(false);\n    }\n  };\n\n  if (seconds > 0) {\n    return (\n      <Button variant=\"ghost\" disabled>\n        {t('resendIn', { seconds })}\n      </Button>\n    );\n  }\n\n  return (\n    <Button\n      variant=\"ghost\"\n      onClick={handleResend}\n      disabled={isResending || resending}\n    >\n      {isResending || resending ? t('resending') : t('resend')}\n    </Button>\n  );\n};\n"],"mappings":"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","names":["useTranslations","useState","jsx","Button","useTranslations","useEffect","useState","jsx","jsx","jsxs","useTranslations","Button","jsx","useTranslations","useState"]}

package/dist/components/pages/verify-phone-page.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/pages/verify-phone-page.tsx","../../../src/context/auth-provider.tsx","../../../src/client.ts","../../../src/constants/auth.error.codes.ts","../../../src/utils/handle-error.ts","../../../src/components/auth-page-layout.tsx","../../../src/components/verification-form.tsx","../../../src/components/countdown.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 { AuthResponse } from '../../types';\nimport { handleError } from '../../utils/handle-error';\nimport { AuthPageLayout } from '../auth-page-layout';\nimport { VerificationForm } from '../verification-form';\n\ntype VerifyPhonePageProps = {\n  locale?: string;\n  verificationId: string;\n  context: 'sign-in' | 'sign-up';\n  phone?: string;\n  onNavigate: (path: string) => void;\n  linkComponent?: React.ComponentType<ComponentProps<'a'> & { href: string }>;\n  links?: {\n    signIn?: string;\n  };\n  logoImage?: string;\n};\nexport const VerifyPhonePage = ({\n  verificationId,\n  context,\n  phone = '',\n  onNavigate,\n  linkComponent: Link,\n  links,\n  logoImage,\n}: VerifyPhonePageProps) => {\n  const t = useTranslations('Auth.verification');\n  const common = useTranslations('Common');\n  const footer = useTranslations('Auth.forgotPassword.footer');\n  const { client, refresh, setAuth } = useAuth();\n  const [isLoading, setIsLoading] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n\n  const signInLink = links?.signIn || '/auth/sign-in';\n\n  const handleSubmit = async (values: { code: string }) => {\n    if (!verificationId) {\n      setError(t('errors.fallback'));\n      return;\n    }\n\n    setIsLoading(true);\n    setError(null);\n\n    try {\n      const res = await client.verifyPhoneOtp({\n        verificationId,\n        code: values.code,\n        context,\n      });\n      if (res && 'user' in res && 'session' in res && res.session) {\n        setAuth(res as AuthResponse);\n        onNavigate('/dashboard');\n        return;\n      }\n      await refresh();\n      onNavigate('/dashboard');\n    } catch (err) {\n      handleError(err, setError, t);\n    } finally {\n      setIsLoading(false);\n    }\n  };\n\n  const handleResend = async () => {\n    setError(null);\n    try {\n      const targetPhone = context === 'sign-up' ? phone : null;\n      if (!targetPhone) {\n        setError(t('phone.missingPhone'));\n        return;\n      }\n      const res = await client.requestPhoneOtp({ phone: targetPhone, context });\n      if (res && 'verificationId' in res && res.verificationId) {\n        onNavigate(\n          `/auth/verify-phone?context=${context}&verificationId=${res.verificationId}&phone=${targetPhone}`,\n        );\n        return;\n      }\n      setError(t('phone.resendFailed'));\n    } catch (err) {\n      handleError(err, setError, t);\n    }\n  };\n\n  if (!verificationId) {\n    return (\n      <AuthPageLayout\n        title={common('invalidLinkTitle')}\n        description={common('invalidLinkDescription')}\n        footer={\n          Link ? (\n            <Link href={signInLink} className=\"text-primary hover:underline\">\n              {footer('backToSignIn')}\n            </Link>\n          ) : (\n            <a\n              href={signInLink}\n              onClick={(e) => {\n                e.preventDefault();\n                onNavigate(signInLink);\n              }}\n              className=\"text-primary hover:underline\"\n            >\n              {footer('backToSignIn')}\n            </a>\n          )\n        }\n      >\n        <div />\n      </AuthPageLayout>\n    );\n  }\n\n  return (\n    <AuthPageLayout\n      title={t('phone.title')}\n      description={t('phone.description', {\n        target: phone || t('phone.missingPhone'),\n      })}\n      error={error}\n      logoImage={logoImage}\n      footer={\n        Link ? (\n          <Link href={signInLink} className=\"text-primary hover:underline\">\n            {footer('backToSignIn')}\n          </Link>\n        ) : (\n          <a\n            href={signInLink}\n            onClick={(e) => {\n              e.preventDefault();\n              onNavigate(signInLink);\n            }}\n            className=\"text-primary hover:underline\"\n          >\n            {footer('backToSignIn')}\n          </a>\n        )\n      }\n    >\n      <VerificationForm\n        verificationId={verificationId}\n        onSubmit={handleSubmit}\n        onResend={handleResend}\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  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  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","export const validCodes = [\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];\n","import type { _Translator } from 'next-intl';\nimport { AuthError } from '../client';\nimport { validCodes } from '../constants/auth.error.codes';\n\nexport const handleError = (\n  err: any,\n  setError: (error: string | null) => void,\n  t: _Translator<Record<string, any>, string>,\n) => {\n  if (err instanceof AuthError) {\n    let errorKey = 'errors.fallback';\n    if (err.code) {\n      errorKey = `errors.${err.code.toLowerCase()}`;\n    } else if (err.message) {\n      // Fallback: try to extract error code from message\n      const messageUpper = err.message.toUpperCase().trim();\n\n      if (validCodes.includes(messageUpper)) {\n        errorKey = `errors.${messageUpper.toLowerCase()}`;\n      }\n    }\n    setError(t(errorKey, { defaultValue: err.message }));\n  } else {\n    setError(err instanceof Error ? err.message : t('errors.fallback'));\n  }\n};\n","'use client';\n\nimport { Alert, AlertDescription } from '@mesob/ui/components/alert';\nimport type { ReactNode } from 'react';\n\ntype AuthPageLayoutProps = {\n  title: string;\n  description?: string;\n  children: ReactNode;\n  error?: 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  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      {error && (\n        <Alert variant=\"destructive\">\n          <AlertDescription>{error}</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  FormMessage,\n} from '@mesob/ui/components/form';\nimport {\n  InputOTP,\n  InputOTPGroup,\n  InputOTPSlot,\n} from '@mesob/ui/components/input-otp';\nimport { useTranslations } from 'next-intl';\nimport { useMemo } from 'react';\nimport { useForm } from 'react-hook-form';\nimport { z } from 'zod';\nimport { Countdown } from './countdown';\n\ntype VerificationFormValues = {\n  code: string;\n};\n\ntype VerificationFormProps = {\n  verificationId: string;\n  onSubmit: (values: VerificationFormValues) => Promise<void> | void;\n  onResend: () => Promise<void> | void;\n  isLoading?: boolean;\n  error?: string | null;\n};\n\nexport const VerificationForm = ({\n  onSubmit,\n  onResend,\n  isLoading = false,\n}: VerificationFormProps) => {\n  const t = useTranslations('Auth.verification');\n  const verificationSchema = useMemo(\n    () =>\n      z.object({\n        code: z.string().length(6, t('form.codeLength')),\n      }),\n    [t],\n  );\n  const form = useForm<VerificationFormValues>({\n    resolver: zodResolver(verificationSchema),\n    defaultValues: {\n      code: '',\n    },\n  });\n  const handleComplete = async (value: string) => {\n    const valid = await form.trigger('code');\n    if (valid) {\n      await onSubmit({ code: value });\n    }\n  };\n\n  return (\n    <Form {...form}>\n      <form className=\"space-y-4\">\n        <FormField\n          control={form.control}\n          name=\"code\"\n          render={({ field }) => (\n            <FormItem>\n              <FormControl>\n                <div className=\"flex justify-center\">\n                  <InputOTP\n                    maxLength={6}\n                    value={field.value}\n                    onChange={(value) => {\n                      field.onChange(value);\n                      if (value.length === 6) {\n                        handleComplete(value);\n                      }\n                    }}\n                    disabled={isLoading}\n                  >\n                    <InputOTPGroup>\n                      <InputOTPSlot index={0} />\n                      <InputOTPSlot index={1} />\n                      <InputOTPSlot index={2} />\n                      <InputOTPSlot index={3} />\n                      <InputOTPSlot index={4} />\n                      <InputOTPSlot index={5} />\n                    </InputOTPGroup>\n                  </InputOTP>\n                </div>\n              </FormControl>\n              <FormMessage />\n            </FormItem>\n          )}\n        />\n\n        <div className=\"flex justify-between items-center\">\n          <Countdown onResend={onResend} resending={isLoading} />\n          <Button\n            type=\"button\"\n            onClick={() => {\n              form.handleSubmit(async (values) => {\n                await onSubmit(values);\n              })();\n            }}\n            disabled={isLoading || form.watch('code').length !== 6}\n          >\n            {t('form.confirm')}\n          </Button>\n        </div>\n      </form>\n    </Form>\n  );\n};\n","'use client';\n\nimport { Button } from '@mesob/ui/components/button';\nimport { useTranslations } from 'next-intl';\nimport { useEffect, useState } from 'react';\n\ntype CountdownProps = {\n  initialSeconds?: number;\n  onResend: () => Promise<void> | void;\n  resending?: boolean;\n};\n\nexport const Countdown = ({\n  initialSeconds = 60,\n  onResend,\n  resending = false,\n}: CountdownProps) => {\n  const t = useTranslations('Common');\n  const [seconds, setSeconds] = useState(initialSeconds);\n  const [isResending, setIsResending] = useState(false);\n\n  useEffect(() => {\n    if (seconds <= 0) {\n      return;\n    }\n\n    const timer = setInterval(() => {\n      setSeconds((prev) => {\n        if (prev <= 1) {\n          clearInterval(timer);\n          return 0;\n        }\n        return prev - 1;\n      });\n    }, 1000);\n\n    return () => clearInterval(timer);\n  }, [seconds]);\n\n  const handleResend = async () => {\n    setIsResending(true);\n    try {\n      await onResend();\n      setSeconds(initialSeconds);\n    } catch (_error) {\n      // Error handling is done by parent\n    } finally {\n      setIsResending(false);\n    }\n  };\n\n  if (seconds > 0) {\n    return (\n      <Button variant=\"ghost\" disabled>\n        {t('resendIn', { seconds })}\n      </Button>\n    );\n  }\n\n  return (\n    <Button\n      variant=\"ghost\"\n      onClick={handleResend}\n      disabled={isResending || resending}\n    >\n      {isResending || resending ? t('resending') : t('resend')}\n    </Button>\n  );\n};\n"],"mappings":"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","names":["useTranslations","useState","jsx","Button","useTranslations","useEffect","useState","jsx","jsx","jsxs","useTranslations","Button","jsx","useTranslations","useState"]}

package/dist/components/reset-password-form.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/reset-password-form.tsx"],"sourcesContent":["'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 { Eye, EyeOff } from 'lucide-react';\nimport { useTranslations } from 'next-intl';\nimport { useMemo, useState } from 'react';\nimport { useForm } from 'react-hook-form';\nimport { z } from 'zod';\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?: string | null;\n};\n\nexport const ResetPasswordForm = ({\n  verificationId,\n  onSubmit,\n  isLoading = false,\n  error,\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 justify-center\">\n                  <InputOTP maxLength={6} {...field}>\n                    <InputOTPGroup>\n                      <InputOTPSlot index={0} />\n                      <InputOTPSlot index={1} />\n                      <InputOTPSlot index={2} />\n                      <InputOTPSlot index={3} />\n                      <InputOTPSlot index={4} />\n                      <InputOTPSlot 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                      <EyeOff className=\"h-4 w-4\" />\n                    ) : (\n                      <Eye 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                      <EyeOff className=\"h-4 w-4\" />\n                    ) : (\n                      <Eye 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 ? t('form.submitting') : t('form.submit')}\n        </Button>\n      </form>\n    </Form>\n  );\n};\n"],"mappings":"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","names":[]}

package/dist/components/sign-in.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/sign-in.tsx"],"sourcesContent":["'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 { Eye, EyeOff } from 'lucide-react';\nimport { useTranslations } from 'next-intl';\nimport { useMemo, useState } from 'react';\nimport { useForm } from 'react-hook-form';\nimport { z } from 'zod';\n\ntype SignInFormValues = {\n  account: string;\n  password: string;\n};\n\ntype SignInProps = {\n  onSubmit: (\n    values: SignInFormValues,\n    step: 'identifier' | 'password',\n  ) => Promise<void> | void;\n  isLoading?: boolean;\n  identifier?: string;\n  step?: 'identifier' | 'password';\n  onBack?: () => void;\n};\n\nexport const SignIn = ({\n  onSubmit,\n  isLoading = false,\n  identifier = '',\n  step = 'identifier',\n  onBack: _onBack,\n}: SignInProps) => {\n  const t = useTranslations('Auth.signIn');\n  const [showPassword, setShowPassword] = useState(false);\n\n  const identifierSchema = useMemo(\n    () =>\n      z.object({\n        account: z\n          .string()\n          .min(1, t('errors.accountRequired'))\n          .email(t('errors.invalidEmail')),\n      }),\n    [t],\n  );\n\n  const passwordSchema = useMemo(\n    () =>\n      z.object({\n        password: z\n          .string()\n          .min(8, t('errors.passwordLength'))\n          .max(128, t('errors.longPasswordError')),\n      }),\n    [t],\n  );\n\n  const identifierForm = useForm<{ account: string }>({\n    resolver: zodResolver(identifierSchema),\n    defaultValues: {\n      account: identifier,\n    },\n  });\n\n  const passwordForm = useForm<{ password: string }>({\n    resolver: zodResolver(passwordSchema),\n    defaultValues: {\n      password: '',\n    },\n  });\n\n  const handleIdentifierSubmit = identifierForm.handleSubmit(async (values) => {\n    await onSubmit({ account: values.account, password: '' }, 'identifier');\n  });\n\n  const handlePasswordSubmit = passwordForm.handleSubmit(async (values) => {\n    await onSubmit(\n      { account: identifier, password: values.password },\n      'password',\n    );\n  });\n\n  if (step === 'password') {\n    return (\n      <Form {...passwordForm}>\n        <form onSubmit={handlePasswordSubmit} className=\"space-y-4\">\n          <div className=\"text-center\">\n            <p className=\"text-sm text-muted-foreground mb-2\">\n              {t('form.enterPasswordFor')}\n            </p>\n            <p className=\"font-bold\">{identifier}</p>\n          </div>\n          <FormField\n            control={passwordForm.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                        <EyeOff className=\"h-4 w-4\" />\n                      ) : (\n                        <Eye className=\"h-4 w-4\" />\n                      )}\n                    </button>\n                  </div>\n                </FormControl>\n                <FormMessage />\n              </FormItem>\n            )}\n          />\n          <Button type=\"submit\" className=\"w-full\" disabled={isLoading}>\n            {isLoading ? t('form.submitting') : t('form.submit')}\n          </Button>\n        </form>\n      </Form>\n    );\n  }\n\n  return (\n    <Form {...identifierForm}>\n      <form onSubmit={handleIdentifierSubmit} className=\"space-y-4\">\n        <FormField\n          control={identifierForm.control}\n          name=\"account\"\n          render={({ field }) => (\n            <FormItem>\n              <FormLabel>{t('form.accountLabel')}</FormLabel>\n              <FormControl>\n                <Input\n                  type=\"text\"\n                  placeholder={t('form.accountPlaceholder')}\n                  {...field}\n                />\n              </FormControl>\n              <FormMessage />\n            </FormItem>\n          )}\n        />\n        <Button type=\"submit\" className=\"w-full\" disabled={isLoading}>\n          {isLoading ? t('form.submitting') : t('form.continue')}\n        </Button>\n      </form>\n    </Form>\n  );\n};\n"],"mappings":"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","names":[]}

package/dist/components/sign-up.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/sign-up.tsx"],"sourcesContent":["'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 { Eye, EyeOff } from 'lucide-react';\nimport { useTranslations } from 'next-intl';\nimport { useEffect, useMemo, useState } from 'react';\nimport { useForm } from 'react-hook-form';\nimport { z } from 'zod';\n\nconst isPhone = (s: string) => /^\\+?[0-9()[\\]\\s-]{6,}$/.test(s);\n\ntype SignUpFormValues = {\n  fullName: string;\n  identifier: string;\n  handle?: string;\n  password: string;\n  confirmPassword: string;\n};\n\ntype SignUpProps = {\n  onSubmit: (values: SignUpFormValues) => Promise<void> | void;\n  isLoading?: boolean;\n  initialIdentifier?: string;\n};\n\nexport const SignUp = ({\n  onSubmit,\n  isLoading = false,\n  initialIdentifier,\n}: SignUpProps) => {\n  const t = useTranslations('Auth.signUp');\n  const hasInitialIdentifier = !!initialIdentifier;\n  const [showPassword, setShowPassword] = useState(false);\n  const [showConfirmPassword, setShowConfirmPassword] = useState(false);\n\n  const signUpSchema = useMemo(\n    () =>\n      z\n        .object({\n          fullName: z.string().min(1, t('errors.fullNameRequired')),\n          identifier: z\n            .string()\n            .min(1, t('errors.contactRequired'))\n            .refine(\n              (val) => {\n                if (!val) {\n                  return false;\n                }\n                return val.includes('@') || isPhone(val);\n              },\n              {\n                message: t('errors.invalidEmailOrPhone'),\n              },\n            ),\n          password: z\n            .string()\n            .min(8, t('errors.passwordLength'))\n            .max(128, t('errors.longPasswordError')),\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<SignUpFormValues>({\n    resolver: zodResolver(signUpSchema),\n    defaultValues: {\n      fullName: '',\n      identifier: initialIdentifier || '',\n      password: '',\n      confirmPassword: '',\n    },\n  });\n\n  useEffect(() => {\n    if (initialIdentifier) {\n      form.setValue('identifier', initialIdentifier);\n    }\n  }, [initialIdentifier, form]);\n\n  const handleSubmit = form.handleSubmit(async (values) => {\n    await onSubmit(values);\n  });\n\n  const getIdentifierLabel = () => {\n    if (!hasInitialIdentifier) {\n      return t('form.accountLabel') || 'Email/Phone';\n    }\n    if (initialIdentifier?.includes('@')) {\n      return t('form.emailLabel');\n    }\n    return t('form.phoneLabel');\n  };\n  const identifierLabel = getIdentifierLabel();\n\n  return (\n    <Form {...form}>\n      <form onSubmit={handleSubmit} className=\"space-y-4\">\n        <FormField\n          control={form.control}\n          name=\"fullName\"\n          render={({ field }) => (\n            <FormItem>\n              <FormLabel>{t('form.fullNameLabel')}</FormLabel>\n              <FormControl>\n                <Input placeholder={t('form.fullNamePlaceholder')} {...field} />\n              </FormControl>\n              <FormMessage />\n            </FormItem>\n          )}\n        />\n        <FormField\n          control={form.control}\n          name=\"identifier\"\n          render={({ field }) => (\n            <FormItem>\n              <FormLabel className={hasInitialIdentifier ? 'block' : undefined}>\n                {identifierLabel}\n              </FormLabel>\n              <FormControl>\n                <Input\n                  type={field.value.includes('@') ? 'email' : 'tel'}\n                  placeholder={\n                    hasInitialIdentifier\n                      ? undefined\n                      : t('form.accountPlaceholder') || 'Email or phone number'\n                  }\n                  {...field}\n                  disabled={hasInitialIdentifier}\n                />\n              </FormControl>\n              <FormMessage />\n            </FormItem>\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                      <EyeOff className=\"h-4 w-4\" />\n                    ) : (\n                      <Eye className=\"h-4 w-4\" />\n                    )}\n                  </button>\n                </div>\n              </FormControl>\n              <FormMessage />\n            </FormItem>\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={showConfirmPassword ? 'text' : 'password'}\n                    placeholder={t('form.passwordPlaceholder')}\n                    {...field}\n                  />\n                  <button\n                    type=\"button\"\n                    onClick={() => setShowConfirmPassword(!showConfirmPassword)}\n                    className=\"absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground\"\n                  >\n                    {showConfirmPassword ? (\n                      <EyeOff className=\"h-4 w-4\" />\n                    ) : (\n                      <Eye className=\"h-4 w-4\" />\n                    )}\n                  </button>\n                </div>\n              </FormControl>\n              <FormMessage />\n            </FormItem>\n          )}\n        />\n        <Button type=\"submit\" className=\"w-full\" disabled={isLoading}>\n          {isLoading ? t('form.submitting') : t('form.submit')}\n        </Button>\n      </form>\n    </Form>\n  );\n};\n"],"mappings":"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","names":[]}

package/dist/components/verification-form.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/verification-form.tsx","../../src/components/countdown.tsx"],"sourcesContent":["'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  FormMessage,\n} from '@mesob/ui/components/form';\nimport {\n  InputOTP,\n  InputOTPGroup,\n  InputOTPSlot,\n} from '@mesob/ui/components/input-otp';\nimport { useTranslations } from 'next-intl';\nimport { useMemo } from 'react';\nimport { useForm } from 'react-hook-form';\nimport { z } from 'zod';\nimport { Countdown } from './countdown';\n\ntype VerificationFormValues = {\n  code: string;\n};\n\ntype VerificationFormProps = {\n  verificationId: string;\n  onSubmit: (values: VerificationFormValues) => Promise<void> | void;\n  onResend: () => Promise<void> | void;\n  isLoading?: boolean;\n  error?: string | null;\n};\n\nexport const VerificationForm = ({\n  onSubmit,\n  onResend,\n  isLoading = false,\n}: VerificationFormProps) => {\n  const t = useTranslations('Auth.verification');\n  const verificationSchema = useMemo(\n    () =>\n      z.object({\n        code: z.string().length(6, t('form.codeLength')),\n      }),\n    [t],\n  );\n  const form = useForm<VerificationFormValues>({\n    resolver: zodResolver(verificationSchema),\n    defaultValues: {\n      code: '',\n    },\n  });\n  const handleComplete = async (value: string) => {\n    const valid = await form.trigger('code');\n    if (valid) {\n      await onSubmit({ code: value });\n    }\n  };\n\n  return (\n    <Form {...form}>\n      <form className=\"space-y-4\">\n        <FormField\n          control={form.control}\n          name=\"code\"\n          render={({ field }) => (\n            <FormItem>\n              <FormControl>\n                <div className=\"flex justify-center\">\n                  <InputOTP\n                    maxLength={6}\n                    value={field.value}\n                    onChange={(value) => {\n                      field.onChange(value);\n                      if (value.length === 6) {\n                        handleComplete(value);\n                      }\n                    }}\n                    disabled={isLoading}\n                  >\n                    <InputOTPGroup>\n                      <InputOTPSlot index={0} />\n                      <InputOTPSlot index={1} />\n                      <InputOTPSlot index={2} />\n                      <InputOTPSlot index={3} />\n                      <InputOTPSlot index={4} />\n                      <InputOTPSlot index={5} />\n                    </InputOTPGroup>\n                  </InputOTP>\n                </div>\n              </FormControl>\n              <FormMessage />\n            </FormItem>\n          )}\n        />\n\n        <div className=\"flex justify-between items-center\">\n          <Countdown onResend={onResend} resending={isLoading} />\n          <Button\n            type=\"button\"\n            onClick={() => {\n              form.handleSubmit(async (values) => {\n                await onSubmit(values);\n              })();\n            }}\n            disabled={isLoading || form.watch('code').length !== 6}\n          >\n            {t('form.confirm')}\n          </Button>\n        </div>\n      </form>\n    </Form>\n  );\n};\n","'use client';\n\nimport { Button } from '@mesob/ui/components/button';\nimport { useTranslations } from 'next-intl';\nimport { useEffect, useState } from 'react';\n\ntype CountdownProps = {\n  initialSeconds?: number;\n  onResend: () => Promise<void> | void;\n  resending?: boolean;\n};\n\nexport const Countdown = ({\n  initialSeconds = 60,\n  onResend,\n  resending = false,\n}: CountdownProps) => {\n  const t = useTranslations('Common');\n  const [seconds, setSeconds] = useState(initialSeconds);\n  const [isResending, setIsResending] = useState(false);\n\n  useEffect(() => {\n    if (seconds <= 0) {\n      return;\n    }\n\n    const timer = setInterval(() => {\n      setSeconds((prev) => {\n        if (prev <= 1) {\n          clearInterval(timer);\n          return 0;\n        }\n        return prev - 1;\n      });\n    }, 1000);\n\n    return () => clearInterval(timer);\n  }, [seconds]);\n\n  const handleResend = async () => {\n    setIsResending(true);\n    try {\n      await onResend();\n      setSeconds(initialSeconds);\n    } catch (_error) {\n      // Error handling is done by parent\n    } finally {\n      setIsResending(false);\n    }\n  };\n\n  if (seconds > 0) {\n    return (\n      <Button variant=\"ghost\" disabled>\n        {t('resendIn', { seconds })}\n      </Button>\n    );\n  }\n\n  return (\n    <Button\n      variant=\"ghost\"\n      onClick={handleResend}\n      disabled={isResending || resending}\n    >\n      {isResending || resending ? t('resending') : t('resend')}\n    </Button>\n  );\n};\n"],"mappings":"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","names":["Button","useTranslations","jsx","useTranslations","Button"]}