@mesob/auth-react 0.5.10 → 0.6.0

package/dist/{chunk-25DJGLNU.js → chunk-FWYDZVFS.js}

@@ -8,19 +8,19 @@ import {
   handleError,
   normalizeOpenapiErrorBody
 } from "./chunk-W7UHDTBI.js";
+import {
+  createNavigate
+} from "./chunk-6YHUCPJ4.js";
 import {
   AuthLayout
 } from "./chunk-DPH2PHK3.js";
 import {
   useTranslator
-} from "./chunk-NPA7L57G.js";
-import {
-  useApi,
-  useConfig
-} from "./chunk-M2K6O5CN.js";
+} from "./chunk-WG5H5PTL.js";
 
 // src/components/auth/sign-in.tsx
 import { zodResolver } from "@hookform/resolvers/zod";
+import { useApi, useConfig } from "@mesob/auth-react";
 import {
   Alert,
   AlertDescription,
@@ -126,10 +126,9 @@ var SignIn = ({ redirectUrl } = {}) => {
   const forgotPasswordLink = config.navigation?.links?.forgotPassword || "/auth/forgot-password";
   const signUpLink = config.navigation?.links?.signUp || "/auth/sign-up";
   const setPasswordLink = config.navigation?.links?.setPassword || "/auth/set-password";
-  const onNavigate = config.navigation?.onNavigate || ((path) => {
-    if (typeof window !== "undefined") {
-      window.location.href = path;
-    }
+  const onNavigate = createNavigate({
+    onNavigate: config.navigation?.onNavigate,
+    mesobNavigate: mesob?.navigate
   });
   const logoImage = config.ui.logoImage;
   const form = useForm({
@@ -429,4 +428,4 @@ var SignIn = ({ redirectUrl } = {}) => {
 export {
   SignIn
 };
-//# sourceMappingURL=chunk-25DJGLNU.js.map
+//# sourceMappingURL=chunk-FWYDZVFS.js.map

package/dist/chunk-FWYDZVFS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/auth/sign-in.tsx"],"sourcesContent":["'use client';\n\nimport { zodResolver } from '@hookform/resolvers/zod';\nimport { useApi, useConfig } from '@mesob/auth-react';\nimport {\n  Alert,\n  AlertDescription,\n  AlertTitle,\n  Button,\n  Form,\n  FormControl,\n  FormField,\n  FormItem,\n  FormLabel,\n  FormMessage,\n  Input,\n  useFormField,\n} from '@mesob/ui/components';\nimport { useMesob } from '@mesob/ui/providers';\nimport { IconAlertCircle, IconEye, IconEyeOff } from '@tabler/icons-react';\nimport type { ChangeEvent, ComponentProps } from 'react';\nimport { useEffect, useState } from 'react';\nimport { useForm } from 'react-hook-form';\nimport { toast } from 'sonner';\nimport { z } from 'zod';\nimport { useTranslator } from '../../hooks/use-translator';\nimport type { AuthErrorContent } from '../../utils/handle-error';\nimport {\n  handleError,\n  normalizeOpenapiErrorBody,\n} from '../../utils/handle-error';\nimport { createNavigate } from '../../utils/navigation';\nimport { normalizeEmail } from '../../utils/normalize-email';\nimport { normalizePhone } from '../../utils/normalize-phone';\nimport { AuthLayout } from './auth-layout';\n\nconst isPhone = (s: string) => /^\\+?[0-9()[\\]\\s-]{6,}$/.test(s);\n\ntype PasswordInputProps = {\n  field: ComponentProps<'input'> & {\n    value: string;\n    onChange: (e: ChangeEvent<HTMLInputElement>) => void;\n    onBlur: () => void;\n  };\n  show: boolean;\n  onToggle: () => void;\n};\n\nfunction PasswordInput({ field, show, onToggle }: PasswordInputProps) {\n  const { formItemId, error } = useFormField();\n  return (\n    <div className=\"relative\">\n      <Input\n        {...field}\n        id={formItemId}\n        type={show ? 'text' : 'password'}\n        autoComplete=\"current-password\"\n        aria-invalid={!!error}\n        className=\"pr-10\"\n      />\n      <Button\n        type=\"button\"\n        variant=\"ghost\"\n        size=\"icon\"\n        className=\"absolute right-0 top-0 h-full px-3 text-muted-foreground hover:text-foreground\"\n        onClick={onToggle}\n        aria-label={show ? 'Hide password' : 'Show password'}\n      >\n        {show ? (\n          <IconEyeOff className=\"h-4 w-4\" />\n        ) : (\n          <IconEye className=\"h-4 w-4\" />\n        )}\n      </Button>\n    </div>\n  );\n}\n\ntype SignInProps = {\n  redirectUrl?: string;\n};\n\ntype SignInValidationOptions = {\n  phoneRegex: RegExp;\n  allowEmailSignIn: boolean;\n  allowPhoneSignIn: boolean;\n};\n\nconst signInSchema = (\n  t: (key: string) => string,\n  options: SignInValidationOptions,\n) =>\n  z.object({\n    username: z\n      .string()\n      .trim()\n      .min(1, { message: t('errors.requiredField') })\n      .superRefine((value, ctx) => {\n        const emailInput = z.email().safeParse(normalizeEmail(value)).success;\n        const phoneInput =\n          !emailInput && options.phoneRegex.test(normalizePhone(value));\n        if (!(emailInput || phoneInput)) {\n          ctx.addIssue({\n            code: z.ZodIssueCode.custom,\n            message: t('errors.invalidEmailOrPhone'),\n          });\n          return;\n        }\n        if (emailInput && !options.allowEmailSignIn) {\n          ctx.addIssue({\n            code: z.ZodIssueCode.custom,\n            message: 'Email sign in is disabled',\n          });\n          return;\n        }\n        if (phoneInput && !options.allowPhoneSignIn) {\n          ctx.addIssue({\n            code: z.ZodIssueCode.custom,\n            message: 'Phone sign in is disabled',\n          });\n        }\n      }),\n    password: z\n      .union([\n        z.literal(''),\n        z\n          .string()\n          .min(8, t('errors.passwordLength'))\n          .max(128, t('errors.longPasswordError')),\n      ])\n      .optional(),\n  });\n\ntype SignInFormValues = z.infer<ReturnType<typeof signInSchema>>;\n\nexport const SignIn = ({ redirectUrl }: SignInProps = {}) => {\n  const { hooks, setAuth } = useApi();\n  const { config } = useConfig();\n  const mesob = useMesob();\n  const t = useTranslator('Auth.signIn');\n  const Link = mesob?.navigation?.Link;\n  const [isLoading, setIsLoading] = useState(false);\n  const [error, setError] = useState<AuthErrorContent | null>(null);\n  const [showPasswordField, setShowPasswordField] = useState(false);\n  const [showPassword, setShowPassword] = useState(false);\n  const [username, setUsername] = useState('');\n  const [isChecking, setIsChecking] = useState(false);\n\n  const checkUserMutation = hooks.useMutation('post', '/check-account');\n  const signInMutation = hooks.useMutation('post', '/sign-in');\n\n  const phoneRegex =\n    typeof config.phoneRegex === 'string'\n      ? new RegExp(config.phoneRegex)\n      : config.phoneRegex || /^\\+251[79]\\d{8}$/;\n  const allowEmailSignIn = config.features?.enableEmailSignIn !== false;\n  const allowPhoneSignIn = config.features?.enablePhoneSignIn !== false;\n  const enableSignup = config.features?.enableSignup !== false;\n  const allowEmailSignup = config.features?.enableEmailSignup !== false;\n  const allowPhoneSignup = config.features?.enablePhoneSignup !== false;\n  const hasSignInIdentifierChannel = allowEmailSignIn || allowPhoneSignIn;\n\n  const defaultRedirect =\n    redirectUrl || config.navigation?.defaultRedirectUrl || '/';\n  const forgotPasswordLink =\n    config.navigation?.links?.forgotPassword || '/auth/forgot-password';\n  const signUpLink = config.navigation?.links?.signUp || '/auth/sign-up';\n  const setPasswordLink =\n    config.navigation?.links?.setPassword || '/auth/set-password';\n  const onNavigate = createNavigate({\n    onNavigate: config.navigation?.onNavigate,\n    mesobNavigate: mesob?.navigate,\n  });\n  const logoImage = config.ui.logoImage;\n\n  const form = useForm<SignInFormValues>({\n    resolver: zodResolver(\n      signInSchema(t, {\n        phoneRegex,\n        allowEmailSignIn,\n        allowPhoneSignIn,\n      }),\n    ),\n    defaultValues: { username: '', password: '' },\n    mode: 'onSubmit',\n    reValidateMode: 'onSubmit',\n  });\n\n  useEffect(() => {\n    if (error) {\n      toast.error(error.title || 'Error', {\n        description: error.description,\n      });\n    }\n  }, [error]);\n\n  const handleCheckAccount = async (usernameValue: string) => {\n    if (!hasSignInIdentifierChannel) {\n      form.setError('username', {\n        message: 'Sign in is unavailable for email and phone',\n      });\n      return;\n    }\n    setIsChecking(true);\n    try {\n      const asPhone = normalizePhone(usernameValue);\n      const normalizedUsername = phoneRegex.test(asPhone)\n        ? asPhone\n        : normalizeEmail(usernameValue);\n      const emailInput = z.email().safeParse(normalizedUsername).success;\n      if (emailInput) {\n        if (!allowEmailSignIn) {\n          form.setError('username', { message: 'Email sign in is disabled' });\n          return;\n        }\n      } else if (!allowPhoneSignIn) {\n        form.setError('username', { message: 'Phone sign in is disabled' });\n        return;\n      }\n\n      const result = await checkUserMutation.mutateAsync({\n        body: {\n          username: normalizedUsername,\n        },\n      });\n\n      if (result.exists) {\n        if (result.requiresPasswordSetup) {\n          const redirectParam = defaultRedirect\n            ? `&redirect=${encodeURIComponent(defaultRedirect)}`\n            : '';\n          onNavigate(\n            `${setPasswordLink}?identifier=${encodeURIComponent(normalizedUsername)}${redirectParam}`,\n          );\n          return;\n        }\n\n        if (\n          !result.verified &&\n          result.needsVerification &&\n          result.verificationId\n        ) {\n          const redirectParam = defaultRedirect\n            ? `&redirect=${encodeURIComponent(defaultRedirect)}`\n            : '';\n          const verifyPath = isPhone(normalizedUsername)\n            ? `/auth/verify-phone?context=sign-in&verificationId=${result.verificationId}&identifier=${encodeURIComponent(normalizedUsername)}${redirectParam}`\n            : `/auth/verify-email?verificationId=${result.verificationId}&email=${encodeURIComponent(normalizedUsername)}${redirectParam}`;\n          onNavigate(verifyPath);\n          return;\n        }\n\n        setUsername(normalizedUsername);\n        form.setValue('username', normalizedUsername);\n        setShowPasswordField(true);\n      } else {\n        if (!enableSignup) {\n          form.setError('username', { message: 'Sign up is disabled' });\n          return;\n        }\n        const email = isPhone(normalizedUsername) ? '' : normalizedUsername;\n        if (email) {\n          if (!allowEmailSignup) {\n            form.setError('username', { message: 'Email sign up is disabled' });\n            return;\n          }\n        } else if (!allowPhoneSignup) {\n          form.setError('username', { message: 'Phone sign up is disabled' });\n          return;\n        }\n        const redirectParam = defaultRedirect\n          ? `&redirect=${encodeURIComponent(defaultRedirect)}`\n          : '';\n        if (email) {\n          onNavigate(\n            `${signUpLink}?email=${encodeURIComponent(email)}${redirectParam}`,\n          );\n        } else {\n          onNavigate(\n            `${signUpLink}?phone=${encodeURIComponent(normalizedUsername)}${redirectParam}`,\n          );\n        }\n      }\n    } catch (err) {\n      if (normalizeOpenapiErrorBody(err)) {\n        handleError(err, setError, t);\n      } else {\n        form.setError('username', { message: t('errors.checkAccountFailed') });\n      }\n    } finally {\n      setIsChecking(false);\n    }\n  };\n\n  const onSubmit = async (values: SignInFormValues) => {\n    if (showPasswordField) {\n      const pwd = values.password;\n      if (!pwd || pwd.length < 8) {\n        form.setError('password', { message: t('errors.passwordLength') });\n        return;\n      }\n      await handlePasswordSubmit({ password: pwd });\n    } else {\n      await handleCheckAccount(values.username);\n    }\n  };\n\n  const handlePasswordSubmit = async (values: { password: string }) => {\n    setIsLoading(true);\n    setError(null);\n\n    try {\n      const res = await signInMutation.mutateAsync({\n        body: {\n          identifier: username,\n          password: values.password,\n        },\n      });\n\n      if ('verificationId' in res && res.verificationId) {\n        const redirectParam = defaultRedirect\n          ? `&redirect=${encodeURIComponent(defaultRedirect)}`\n          : '';\n        const verifyPath = isPhone(username)\n          ? `/auth/verify-phone?context=sign-in&verificationId=${res.verificationId}&identifier=${encodeURIComponent(username)}${redirectParam}`\n          : `/auth/verify-email?verificationId=${res.verificationId}${redirectParam}`;\n        onNavigate(verifyPath);\n        return;\n      }\n\n      if ('user' in res && 'session' in res) {\n        setAuth(res);\n      }\n      onNavigate(defaultRedirect);\n    } catch (err) {\n      const authError = err as { code?: string; message?: string };\n      const errorCode = authError.code || authError.message;\n      if (errorCode === 'HAS_NO_PASSWORD') {\n        const redirectParam = defaultRedirect\n          ? `&redirect=${encodeURIComponent(defaultRedirect)}`\n          : '';\n        onNavigate(\n          `${setPasswordLink}?identifier=${encodeURIComponent(username)}${redirectParam}`,\n        );\n        return;\n      }\n      handleError(err, setError, t, { signIn: true });\n    } finally {\n      setIsLoading(false);\n    }\n  };\n\n  const handleBack = () => {\n    setShowPasswordField(false);\n    setUsername('');\n    form.setValue('password', '');\n  };\n\n  const isSubmitting =\n    isLoading ||\n    checkUserMutation.isPending ||\n    signInMutation.isPending ||\n    isChecking;\n\n  let submitLabel = t('form.continue');\n  if (isSubmitting) {\n    submitLabel = showPasswordField ? t('form.submitting') : t('form.checking');\n  } else if (showPasswordField) {\n    submitLabel = t('form.submit');\n  }\n\n  let accountLabel = t('form.accountLabel');\n  if (allowEmailSignIn && !allowPhoneSignIn) {\n    accountLabel = 'Email';\n  } else if (!allowEmailSignIn && allowPhoneSignIn) {\n    accountLabel = 'Phone';\n  }\n\n  let errorContent: AuthErrorContent | null = null;\n  if (error) {\n    if (typeof error === 'string') {\n      errorContent = { title: 'Error', description: error };\n    } else {\n      errorContent = error;\n    }\n  }\n\n  const formContent = (\n    <Form {...form}>\n      <form\n        id=\"sign-in-form\"\n        autoComplete=\"on\"\n        onSubmit={form.handleSubmit(onSubmit)}\n        className=\"space-y-4\"\n      >\n        {showPasswordField ? (\n          <>\n            <FormItem>\n              <FormLabel className=\"flex justify-between items-center\">\n                {accountLabel}\n                <Button\n                  type=\"button\"\n                  variant=\"link\"\n                  size=\"sm\"\n                  className=\"p-0 m-0 h-auto\"\n                  onClick={handleBack}\n                >\n                  {t('changeAccount')}\n                </Button>\n              </FormLabel>\n              <Input\n                id=\"sign-in-username\"\n                type=\"text\"\n                value={username}\n                autoComplete=\"username\"\n                disabled\n              />\n            </FormItem>\n            <FormField\n              control={form.control}\n              name=\"password\"\n              render={({ field }) => (\n                <FormItem>\n                  <FormLabel>{t('form.passwordLabel')}</FormLabel>\n                  <PasswordInput\n                    field={{ ...field, value: field.value ?? '' }}\n                    show={showPassword}\n                    onToggle={() => setShowPassword(!showPassword)}\n                  />\n                  <FormMessage />\n                </FormItem>\n              )}\n            />\n          </>\n        ) : (\n          <FormField\n            control={form.control}\n            name=\"username\"\n            render={({ field }) => (\n              <FormItem>\n                <FormLabel>{accountLabel}</FormLabel>\n                <FormControl>\n                  <Input\n                    {...field}\n                    type={\n                      allowEmailSignIn && !allowPhoneSignIn ? 'email' : 'text'\n                    }\n                    autoComplete={\n                      allowEmailSignIn && !allowPhoneSignIn\n                        ? 'email'\n                        : 'username'\n                    }\n                  />\n                </FormControl>\n                <FormMessage />\n              </FormItem>\n            )}\n          />\n        )}\n        <Button\n          type=\"submit\"\n          className=\"w-full\"\n          disabled={isSubmitting}\n          loading={isSubmitting}\n        >\n          {submitLabel}\n        </Button>\n      </form>\n    </Form>\n  );\n\n  return (\n    <div className=\"space-y-4\">\n      <AuthLayout\n        title={config.ui.name}\n        description={t('description')}\n        logoImage={logoImage}\n        footer={\n          showPasswordField ? (\n            <div className=\"flex items-center justify-center w-full\">\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                  onClick={(e) => {\n                    e.preventDefault();\n                    onNavigate(forgotPasswordLink);\n                  }}\n                  className=\"text-primary inline-block hover:underline\"\n                >\n                  {t('footer.forgotPassword')}\n                </a>\n              )}\n            </div>\n          ) : undefined\n        }\n      >\n        {formContent}\n        {errorContent && (\n          <Alert variant=\"destructive\" className=\"mt-4\">\n            <IconAlertCircle className=\"h-4 w-4\" />\n            <AlertTitle>{errorContent.title}</AlertTitle>\n            <AlertDescription>{errorContent.description}</AlertDescription>\n          </Alert>\n        )}\n      </AuthLayout>\n    </div>\n  );\n};\n"],"mappings":"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","names":[]}

package/dist/{chunk-75K2SCNC.js → chunk-HXAIYFI4.js}

@@ -1,12 +1,9 @@
 import {
   OtpVerificationModal
-} from "./chunk-UIXR5GF3.js";
-import {
-  useApi,
-  useSession
-} from "./chunk-M2K6O5CN.js";
+} from "./chunk-ITKSPHYO.js";
 
 // src/components/profile/verify-change-email-form.tsx
+import { useApi, useSession } from "@mesob/auth-react";
 import { useState } from "react";
 import { toast } from "sonner";
 import { jsx } from "react/jsx-runtime";
@@ -136,4 +133,4 @@ function VerifyChangeEmailForm({
 export {
   VerifyChangeEmailForm
 };
-//# sourceMappingURL=chunk-75K2SCNC.js.map
+//# sourceMappingURL=chunk-HXAIYFI4.js.map

package/dist/chunk-HXAIYFI4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/profile/verify-change-email-form.tsx"],"sourcesContent":["'use client';\n\nimport { useApi, useSession } from '@mesob/auth-react';\nimport { useState } from 'react';\nimport { toast } from 'sonner';\nimport { OtpVerificationModal } from './otp-verification-modal';\n\ntype AuthErrorLike = {\n  code?: string;\n  message?: string;\n  name?: string;\n};\n\nfunction isAuthError(error: unknown): error is AuthErrorLike {\n  return (\n    typeof error === 'object' &&\n    error !== null &&\n    ('code' in error || 'message' in error || 'name' in error)\n  );\n}\n\nfunction getErrorCode(error: AuthErrorLike): string | undefined {\n  if (error.code) {\n    return error.code;\n  }\n  if (error.message) {\n    const upperMessage = error.message.toUpperCase().trim();\n    const validCodes = [\n      'USER_NOT_FOUND',\n      'USER_EXISTS',\n      'INVALID_PASSWORD',\n      'VERIFICATION_EXPIRED',\n      'VERIFICATION_MISMATCH',\n      'VERIFICATION_NOT_FOUND',\n      'TOO_MANY_ATTEMPTS',\n      'UNAUTHORIZED',\n    ];\n    if (validCodes.includes(upperMessage)) {\n      return upperMessage;\n    }\n  }\n  return undefined;\n}\n\nfunction getErrorMessage(error: unknown): string {\n  if (isAuthError(error)) {\n    const errorCode = getErrorCode(error);\n    switch (errorCode) {\n      case 'USER_EXISTS':\n        return 'This email is already taken. Please use a different email.';\n      case 'VERIFICATION_EXPIRED':\n        return 'Verification code has expired. Please request a new one.';\n      case 'VERIFICATION_MISMATCH':\n        return 'Invalid verification code. Please try again.';\n      case 'VERIFICATION_NOT_FOUND':\n        return 'Verification not found. Please request a new code.';\n      default:\n        return error.message || 'An error occurred. Please try again.';\n    }\n  }\n  if (error instanceof Error) {\n    return error.message;\n  }\n  return 'An error occurred. Please try again.';\n}\n\ntype VerifyChangeEmailFormProps = {\n  email: string;\n  verificationId: string | null;\n  onSuccess: () => void;\n  onCancel: () => void;\n};\n\nexport function VerifyChangeEmailForm({\n  email,\n  verificationId,\n  onSuccess,\n  onCancel,\n}: VerifyChangeEmailFormProps) {\n  const { refresh } = useSession();\n  const { hooks } = useApi();\n  const [isSubmitting, setIsSubmitting] = useState(false);\n  const [currentVerificationId, setCurrentVerificationId] =\n    useState(verificationId);\n\n  const verifyEmailMutation = hooks.useMutation(\n    'post',\n    '/email/verification/confirm',\n  );\n  const updateEmailMutation = hooks.useMutation('put', '/profile/email');\n  const requestEmailVerificationMutation = hooks.useMutation(\n    'post',\n    '/email/verification/request',\n  );\n\n  const onOtpSubmit = async (code: string) => {\n    if (!currentVerificationId) {\n      toast.error('Verification not found. Please request a new code.');\n      return;\n    }\n    try {\n      setIsSubmitting(true);\n\n      // Verify email\n      await verifyEmailMutation.mutateAsync({\n        body: {\n          verificationId: currentVerificationId,\n          code,\n        },\n      });\n\n      // Update email via auth client\n      await updateEmailMutation.mutateAsync({\n        body: { email },\n      });\n\n      toast.success('Email updated successfully');\n      await refresh();\n      onSuccess();\n    } catch (error) {\n      const errorMessage = getErrorMessage(error);\n      toast.error(errorMessage);\n    } finally {\n      setIsSubmitting(false);\n    }\n  };\n\n  if (!currentVerificationId) {\n    toast.error('Verification not found. Please request a new code.');\n    return null;\n  }\n\n  return (\n    <OtpVerificationModal\n      open\n      title=\"Verify email\"\n      description={`Enter the verification code sent to ${email}`}\n      verificationId={currentVerificationId}\n      isLoading={isSubmitting}\n      onSubmit={onOtpSubmit}\n      onResend={async () => {\n        try {\n          setIsSubmitting(true);\n          const next = await requestEmailVerificationMutation.mutateAsync({\n            body: { email },\n          });\n          setCurrentVerificationId(next.data?.verificationId ?? null);\n          toast.success('Verification code resent');\n        } catch (error) {\n          toast.error(getErrorMessage(error));\n        } finally {\n          setIsSubmitting(false);\n        }\n      }}\n      onCancel={onCancel}\n    />\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-7QJBDRTL.js → chunk-IFXBZY6Q.js}

@@ -1,13 +1,10 @@
 import {
   IAMGuard
-} from "./chunk-ZIUAYN37.js";
-import {
-  useApi,
-  useConfig
-} from "./chunk-M2K6O5CN.js";
+} from "./chunk-ZHRM4QOO.js";
 
 // src/components/iam/role-detail-page.tsx
 import { zodResolver } from "@hookform/resolvers/zod";
+import { useApi, useConfig } from "@mesob/auth-react";
 import {
   EntityFormActions,
   Form,
@@ -201,4 +198,4 @@ function RoleDetailSkeleton() {
 export {
   RoleDetailPage
 };
-//# sourceMappingURL=chunk-7QJBDRTL.js.map
+//# sourceMappingURL=chunk-IFXBZY6Q.js.map

package/dist/chunk-IFXBZY6Q.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/iam/role-detail-page.tsx"],"sourcesContent":["'use client';\n\nimport { zodResolver } from '@hookform/resolvers/zod';\nimport { useApi, useConfig } from '@mesob/auth-react';\nimport {\n  EntityFormActions,\n  Form,\n  FormControl,\n  FormField,\n  FormItem,\n  FormLabel,\n  FormMessage,\n  Input,\n  LocaleInputText,\n  LocaleInputTextarea,\n  Section,\n  Skeleton,\n} from '@mesob/ui/components';\nimport { useLocaleSchemas } from '@mesob/ui/providers';\nimport { useQueryClient } from '@tanstack/react-query';\nimport { useEffect, useMemo } from 'react';\nimport type { FieldValues, Resolver, UseFormRegister } from 'react-hook-form';\nimport { useForm } from 'react-hook-form';\nimport { toast } from 'sonner';\nimport { z } from 'zod';\nimport { IAMGuard } from './iam-guard';\n\ntype RoleFormData = {\n  name: Record<string, string>;\n  code: string;\n  description: Record<string, string>;\n};\n\ntype RoleDetailPageProps = {\n  roleId: string;\n  basePath?: string;\n};\n\nexport function RoleDetailPage({\n  roleId,\n  basePath = '/iam/roles',\n}: RoleDetailPageProps) {\n  return (\n    <IAMGuard>\n      <RoleDetailPageContent roleId={roleId} basePath={basePath} />\n    </IAMGuard>\n  );\n}\n\nfunction RoleDetailPageContent({\n  roleId,\n  basePath = '/iam/roles',\n}: RoleDetailPageProps) {\n  const { hooks } = useApi();\n  const { config } = useConfig();\n  const qc = useQueryClient();\n  const { localeInputDefault, requiredSchema, optionalSchema } =\n    useLocaleSchemas();\n  const schema = useMemo(\n    () =>\n      z.object({\n        name: requiredSchema,\n        code: z.string().min(1, 'Code is required'),\n        description: optionalSchema,\n      }),\n    [requiredSchema, optionalSchema],\n  );\n  const defaults: RoleFormData = useMemo(\n    () => ({\n      name: { ...localeInputDefault },\n      code: '',\n      description: { ...localeInputDefault },\n    }),\n    [localeInputDefault],\n  );\n\n  const { data, isLoading } = hooks.useQuery(\n    'get',\n    '/roles/{id}',\n    { params: { path: { id: roleId } } },\n    { enabled: !!roleId },\n  );\n\n  const update = hooks.useMutation('put', '/roles/{id}', {\n    onSuccess: () => {\n      qc.invalidateQueries({ queryKey: ['get', '/roles'] });\n      qc.invalidateQueries({ queryKey: ['get', '/roles/{id}'] });\n      toast.success('Role updated');\n    },\n    onError: () => {\n      toast.error('Failed to update role');\n    },\n  });\n  const remove = hooks.useMutation('delete', '/roles/{id}', {\n    onSuccess: () => {\n      qc.invalidateQueries({ queryKey: ['get', '/roles'] });\n      toast.success('Role deleted');\n      config.navigation?.onNavigate?.(basePath);\n    },\n    onError: () => {\n      toast.error('Failed to delete role');\n    },\n  });\n\n  const form = useForm<RoleFormData>({\n    resolver: zodResolver(schema) as Resolver<RoleFormData>,\n    defaultValues: defaults,\n  });\n\n  const { reset, formState, control, register } = form;\n  /** Locale inputs are typed with `FieldValues`; narrow cast avoids RHF `deps` mismatch. */\n  const registerForLocaleFields =\n    register as unknown as UseFormRegister<FieldValues>;\n\n  useEffect(() => {\n    if (!data?.role) {\n      return;\n    }\n    const r = data.role;\n    reset({\n      name: (r.name ?? {}) as RoleFormData['name'],\n      code: r.code,\n      description: (r.description ?? {}) as RoleFormData['description'],\n    });\n  }, [data?.role, reset]);\n\n  if (!roleId) {\n    return null;\n  }\n\n  const role = data?.role;\n  const editable = role?.isEditable !== false;\n  const deletable = role?.isDeletable !== false;\n  const onSubmit = form.handleSubmit(async (d) => {\n    await update.mutateAsync({\n      params: { path: { id: roleId } },\n      body: {\n        name: d.name,\n        code: d.code,\n        description: d.description ?? undefined,\n      },\n    });\n  });\n\n  const footer = role ? (\n    <EntityFormActions\n      mode=\"edit\"\n      onSubmit={onSubmit}\n      onDelete={\n        deletable\n          ? () =>\n              remove.mutate({\n                params: { path: { id: roleId } },\n              })\n          : undefined\n      }\n      isSubmitting={update.isPending}\n      isDeleting={remove.isPending}\n      disabled={!editable}\n      itemName=\"role\"\n    />\n  ) : null;\n\n  return (\n    <Section title=\"Role details\" footer={footer} defaultOpen>\n      {isLoading || !role ? (\n        <RoleDetailSkeleton />\n      ) : (\n        <Form {...form}>\n          <form onSubmit={onSubmit} className=\"space-y-4\">\n            <LocaleInputText\n              label=\"Name\"\n              field=\"name\"\n              required\n              register={registerForLocaleFields}\n              errors={formState.errors}\n              placeholder=\"e.g. Administrator\"\n              disabled={!editable}\n            />\n            <FormField\n              control={control}\n              name=\"code\"\n              render={({ field }) => (\n                <FormItem>\n                  <FormLabel>\n                    Code <span className=\"text-destructive\">*</span>\n                  </FormLabel>\n                  <FormControl>\n                    <Input\n                      placeholder=\"e.g. admin\"\n                      disabled={!editable}\n                      {...field}\n                    />\n                  </FormControl>\n                  <FormMessage />\n                </FormItem>\n              )}\n            />\n            <LocaleInputTextarea\n              label=\"Description\"\n              field=\"description\"\n              register={registerForLocaleFields}\n              errors={formState.errors}\n              placeholder=\"Description\"\n              rows={3}\n              disabled={!editable}\n            />\n          </form>\n        </Form>\n      )}\n    </Section>\n  );\n}\n\nfunction RoleDetailSkeleton() {\n  return (\n    <div className=\"space-y-4\">\n      <div className=\"space-y-2\">\n        <Skeleton className=\"h-4 w-16\" />\n        <Skeleton className=\"h-10 w-full\" />\n      </div>\n      <div className=\"space-y-2\">\n        <Skeleton className=\"h-4 w-14\" />\n        <Skeleton className=\"h-10 w-full\" />\n      </div>\n      <div className=\"space-y-2\">\n        <Skeleton className=\"h-4 w-24\" />\n        <Skeleton className=\"h-20 w-full\" />\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-UIXR5GF3.js → chunk-ITKSPHYO.js}

@@ -1,6 +1,6 @@
 import {
   VerificationForm
-} from "./chunk-GP4XI5KB.js";
+} from "./chunk-L5UKZAA4.js";
 
 // src/components/profile/otp-verification-modal.tsx
 import {
@@ -52,4 +52,4 @@ function OtpVerificationModal({
 export {
   OtpVerificationModal
 };
-//# sourceMappingURL=chunk-UIXR5GF3.js.map
+//# sourceMappingURL=chunk-ITKSPHYO.js.map

package/dist/{chunk-HOROLWBY.js → chunk-J4X3CA3V.js}

@@ -1,11 +1,9 @@
 import {
   DataTable
 } from "./chunk-TFVBER3Y.js";
-import {
-  useApi
-} from "./chunk-M2K6O5CN.js";
 
 // src/components/iam/sessions.tsx
+import { useApi } from "@mesob/auth-react";
 import { Button } from "@mesob/ui/components";
 import { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -95,4 +93,4 @@ function Sessions() {
 export {
   Sessions
 };
-//# sourceMappingURL=chunk-HOROLWBY.js.map
+//# sourceMappingURL=chunk-J4X3CA3V.js.map

package/dist/chunk-J4X3CA3V.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/iam/sessions.tsx"],"sourcesContent":["'use client';\n\nimport { useApi } from '@mesob/auth-react';\nimport { Button } from '@mesob/ui/components';\nimport { useState } from 'react';\nimport { DataTable, type DataTableColumn } from '../shared/data-table';\n\n// Session type from OpenAPI schema\ntype Session = {\n  id: string;\n  userId: string;\n  expiresAt: string;\n  createdAt: string;\n  userAgent: string | null;\n  ip: string | null;\n};\n\nexport function Sessions() {\n  const { hooks } = useApi();\n  const [selectedSessionId] = useState<string | null>(null);\n\n  // Fetch sessions\n  const { data, isLoading, error, refetch } = hooks.useQuery(\n    'get',\n    '/sessions',\n  );\n\n  // Delete session mutation\n  const deleteMutation = hooks.useMutation('delete', '/sessions/{id}', {\n    onSuccess: () => {\n      // Refetch sessions after deletion\n      refetch();\n    },\n  });\n\n  const handleDeleteSession = async (sessionId: string) => {\n    if (confirm('Are you sure you want to revoke this session?')) {\n      try {\n        await deleteMutation.mutateAsync({\n          params: {\n            path: { id: sessionId },\n          },\n        });\n      } catch (_err) {\n        // Error handled by mutation error state\n      }\n    }\n  };\n\n  const columns: DataTableColumn<Session>[] = [\n    {\n      key: 'createdAt',\n      header: 'Created',\n      cell: (session) => (\n        <div>\n          <p className=\"text-sm font-medium\">\n            {new Date(session.createdAt).toLocaleDateString()}\n          </p>\n          <p className=\"text-xs text-muted-foreground\">\n            {new Date(session.createdAt).toLocaleTimeString()}\n          </p>\n        </div>\n      ),\n    },\n    {\n      key: 'expiresAt',\n      header: 'Expires',\n      cell: (session) => (\n        <p className=\"text-sm\">\n          {new Date(session.expiresAt).toLocaleDateString()}\n        </p>\n      ),\n    },\n    {\n      key: 'userAgent',\n      header: 'Device',\n      cell: (session) => (\n        <p className=\"text-sm truncate max-w-xs\">\n          {session.userAgent || 'Unknown'}\n        </p>\n      ),\n    },\n    {\n      key: 'ip',\n      header: 'IP Address',\n      cell: (session) => (\n        <p className=\"text-sm font-mono\">{session.ip || 'Unknown'}</p>\n      ),\n    },\n    {\n      key: 'actions',\n      header: 'Actions',\n      cell: (session) => (\n        <Button\n          variant=\"destructive\"\n          size=\"sm\"\n          onClick={() => handleDeleteSession(session.id)}\n          disabled={\n            deleteMutation.isPending && selectedSessionId === session.id\n          }\n        >\n          {deleteMutation.isPending && selectedSessionId === session.id\n            ? 'Revoking...'\n            : 'Revoke'}\n        </Button>\n      ),\n    },\n  ];\n\n  if (error) {\n    return (\n      <div className=\"p-6 text-center\">\n        <p className=\"text-destructive\">Error loading sessions</p>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"w-full p-6 space-y-4\">\n      <div>\n        <h1 className=\"text-3xl font-bold\">Sessions</h1>\n        <p className=\"text-muted-foreground\">View and manage active sessions</p>\n      </div>\n\n      <DataTable\n        data={(data as { sessions: Session[] })?.sessions || []}\n        columns={columns}\n        isLoading={isLoading}\n        emptyMessage=\"No active sessions\"\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;;AAEA,SAAS,cAAc;AACvB,SAAS,cAAc;AACvB,SAAS,gBAAgB;AAkDjB,SACE,KADF;AArCD,SAAS,WAAW;AACzB,QAAM,EAAE,MAAM,IAAI,OAAO;AACzB,QAAM,CAAC,iBAAiB,IAAI,SAAwB,IAAI;AAGxD,QAAM,EAAE,MAAM,WAAW,OAAO,QAAQ,IAAI,MAAM;AAAA,IAChD;AAAA,IACA;AAAA,EACF;AAGA,QAAM,iBAAiB,MAAM,YAAY,UAAU,kBAAkB;AAAA,IACnE,WAAW,MAAM;AAEf,cAAQ;AAAA,IACV;AAAA,EACF,CAAC;AAED,QAAM,sBAAsB,OAAO,cAAsB;AACvD,QAAI,QAAQ,+CAA+C,GAAG;AAC5D,UAAI;AACF,cAAM,eAAe,YAAY;AAAA,UAC/B,QAAQ;AAAA,YACN,MAAM,EAAE,IAAI,UAAU;AAAA,UACxB;AAAA,QACF,CAAC;AAAA,MACH,SAAS,MAAM;AAAA,MAEf;AAAA,IACF;AAAA,EACF;AAEA,QAAM,UAAsC;AAAA,IAC1C;AAAA,MACE,KAAK;AAAA,MACL,QAAQ;AAAA,MACR,MAAM,CAAC,YACL,qBAAC,SACC;AAAA,4BAAC,OAAE,WAAU,uBACV,cAAI,KAAK,QAAQ,SAAS,EAAE,mBAAmB,GAClD;AAAA,QACA,oBAAC,OAAE,WAAU,iCACV,cAAI,KAAK,QAAQ,SAAS,EAAE,mBAAmB,GAClD;AAAA,SACF;AAAA,IAEJ;AAAA,IACA;AAAA,MACE,KAAK;AAAA,MACL,QAAQ;AAAA,MACR,MAAM,CAAC,YACL,oBAAC,OAAE,WAAU,WACV,cAAI,KAAK,QAAQ,SAAS,EAAE,mBAAmB,GAClD;AAAA,IAEJ;AAAA,IACA;AAAA,MACE,KAAK;AAAA,MACL,QAAQ;AAAA,MACR,MAAM,CAAC,YACL,oBAAC,OAAE,WAAU,6BACV,kBAAQ,aAAa,WACxB;AAAA,IAEJ;AAAA,IACA;AAAA,MACE,KAAK;AAAA,MACL,QAAQ;AAAA,MACR,MAAM,CAAC,YACL,oBAAC,OAAE,WAAU,qBAAqB,kBAAQ,MAAM,WAAU;AAAA,IAE9D;AAAA,IACA;AAAA,MACE,KAAK;AAAA,MACL,QAAQ;AAAA,MACR,MAAM,CAAC,YACL;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,SAAS,MAAM,oBAAoB,QAAQ,EAAE;AAAA,UAC7C,UACE,eAAe,aAAa,sBAAsB,QAAQ;AAAA,UAG3D,yBAAe,aAAa,sBAAsB,QAAQ,KACvD,gBACA;AAAA;AAAA,MACN;AAAA,IAEJ;AAAA,EACF;AAEA,MAAI,OAAO;AACT,WACE,oBAAC,SAAI,WAAU,mBACb,8BAAC,OAAE,WAAU,oBAAmB,oCAAsB,GACxD;AAAA,EAEJ;AAEA,SACE,qBAAC,SAAI,WAAU,wBACb;AAAA,yBAAC,SACC;AAAA,0BAAC,QAAG,WAAU,sBAAqB,sBAAQ;AAAA,MAC3C,oBAAC,OAAE,WAAU,yBAAwB,6CAA+B;AAAA,OACtE;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,MAAO,MAAkC,YAAY,CAAC;AAAA,QACtD;AAAA,QACA;AAAA,QACA,cAAa;AAAA;AAAA,IACf;AAAA,KACF;AAEJ;","names":[]}

package/dist/{chunk-GP4XI5KB.js → chunk-L5UKZAA4.js}

@@ -1,9 +1,9 @@
 import {
   Countdown
-} from "./chunk-J7NROVB4.js";
+} from "./chunk-CY3MODZU.js";
 import {
   useTranslator
-} from "./chunk-NPA7L57G.js";
+} from "./chunk-WG5H5PTL.js";
 
 // src/components/auth/verification-form.tsx
 import { zodResolver } from "@hookform/resolvers/zod";
@@ -96,4 +96,4 @@ var VerificationForm = ({
 export {
   VerificationForm
 };
-//# sourceMappingURL=chunk-GP4XI5KB.js.map
+//# sourceMappingURL=chunk-L5UKZAA4.js.map

package/dist/{chunk-VTANFZKG.js → chunk-LGAHTK5V.js}

@@ -1,17 +1,15 @@
 import {
   ChangeEmailForm
-} from "./chunk-DQB4WY5T.js";
+} from "./chunk-LVA77T4L.js";
 import {
   ChangePasswordForm
-} from "./chunk-IUCTHMVY.js";
+} from "./chunk-5YAYZDKX.js";
 import {
   ChangePhoneForm
-} from "./chunk-MPZAPUVR.js";
-import {
-  useSession
-} from "./chunk-M2K6O5CN.js";
+} from "./chunk-WTWZOQTD.js";
 
 // src/components/profile/security.tsx
+import { useSession } from "@mesob/auth-react";
 import { Badge, Card, CardContent, Separator } from "@mesob/ui/components";
 import { jsx, jsxs } from "react/jsx-runtime";
 function Security() {
@@ -62,4 +60,4 @@ function Security() {
 export {
   Security
 };
-//# sourceMappingURL=chunk-VTANFZKG.js.map
+//# sourceMappingURL=chunk-LGAHTK5V.js.map

package/dist/chunk-LGAHTK5V.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/profile/security.tsx"],"sourcesContent":["'use client';\n\nimport { useSession } from '@mesob/auth-react';\nimport { Badge, Card, CardContent, Separator } from '@mesob/ui/components';\nimport { ChangeEmailForm } from './change-email-form';\nimport { ChangePasswordForm } from './change-password-form';\nimport { ChangePhoneForm } from './change-phone-form';\n\nexport function Security() {\n  const { user } = useSession();\n\n  return (\n    <div className=\"mx-auto flex w-full max-w-6xl flex-col gap-6\">\n      <div className=\"relative overflow-hidden rounded-[2rem] border border-border/60 bg-gradient-to-br from-background via-background to-amber-500/5 p-6 shadow-sm\">\n        <div className=\"absolute left-0 top-0 h-32 w-32 rounded-full bg-primary/10 blur-3xl\" />\n        <div className=\"relative flex flex-col gap-4\">\n          <div className=\"flex flex-wrap gap-2\">\n            <Badge variant=\"outline\">Security center</Badge>\n            <Badge variant=\"secondary\">\n              {user?.emailVerified || user?.phoneVerified\n                ? 'Recovery methods available'\n                : 'Add a recovery method'}\n            </Badge>\n          </div>\n          <div className=\"space-y-2\">\n            <h1 className=\"text-2xl font-semibold tracking-tight\">Security</h1>\n            <p className=\"max-w-2xl text-sm text-muted-foreground\">\n              Password, email, and phone updates all live here. Keep recovery\n              channels current so account recovery stays predictable.\n            </p>\n          </div>\n        </div>\n      </div>\n\n      <div className=\"grid gap-4 lg:grid-cols-[0.85fr_1.4fr]\">\n        <Card className=\"rounded-[1.75rem] border-border/60 shadow-sm\">\n          <CardContent className=\"space-y-5 p-6\">\n            <div className=\"space-y-1\">\n              <div className=\"text-sm font-medium text-muted-foreground\">\n                Verification state\n              </div>\n              <div className=\"text-lg font-semibold\">Recovery readiness</div>\n            </div>\n            <Separator />\n            <div className=\"space-y-3\">\n              <div className=\"rounded-2xl border border-border/60 bg-muted/20 p-4\">\n                <div className=\"text-sm font-medium\">Email</div>\n                <div className=\"mt-1 text-sm text-muted-foreground\">\n                  {user?.email ?? 'No email added'}\n                </div>\n                <div className=\"mt-3\">\n                  <Badge variant=\"outline\">\n                    {user?.emailVerified ? 'Verified' : 'Unverified'}\n                  </Badge>\n                </div>\n              </div>\n              <div className=\"rounded-2xl border border-border/60 bg-muted/20 p-4\">\n                <div className=\"text-sm font-medium\">Phone</div>\n                <div className=\"mt-1 text-sm text-muted-foreground\">\n                  {user?.phone ?? 'No phone added'}\n                </div>\n                <div className=\"mt-3\">\n                  <Badge variant=\"outline\">\n                    {user?.phoneVerified ? 'Verified' : 'Unverified'}\n                  </Badge>\n                </div>\n              </div>\n            </div>\n          </CardContent>\n        </Card>\n\n        <div className=\"space-y-4\">\n          <ChangePasswordForm />\n          <ChangeEmailForm />\n          <ChangePhoneForm />\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAEA,SAAS,kBAAkB;AAC3B,SAAS,OAAO,MAAM,aAAa,iBAAiB;AAW5C,cAEE,YAFF;AAND,SAAS,WAAW;AACzB,QAAM,EAAE,KAAK,IAAI,WAAW;AAE5B,SACE,qBAAC,SAAI,WAAU,gDACb;AAAA,yBAAC,SAAI,WAAU,iJACb;AAAA,0BAAC,SAAI,WAAU,uEAAsE;AAAA,MACrF,qBAAC,SAAI,WAAU,gCACb;AAAA,6BAAC,SAAI,WAAU,wBACb;AAAA,8BAAC,SAAM,SAAQ,WAAU,6BAAe;AAAA,UACxC,oBAAC,SAAM,SAAQ,aACZ,gBAAM,iBAAiB,MAAM,gBAC1B,+BACA,yBACN;AAAA,WACF;AAAA,QACA,qBAAC,SAAI,WAAU,aACb;AAAA,8BAAC,QAAG,WAAU,yCAAwC,sBAAQ;AAAA,UAC9D,oBAAC,OAAE,WAAU,2CAA0C,qIAGvD;AAAA,WACF;AAAA,SACF;AAAA,OACF;AAAA,IAEA,qBAAC,SAAI,WAAU,0CACb;AAAA,0BAAC,QAAK,WAAU,gDACd,+BAAC,eAAY,WAAU,iBACrB;AAAA,6BAAC,SAAI,WAAU,aACb;AAAA,8BAAC,SAAI,WAAU,6CAA4C,gCAE3D;AAAA,UACA,oBAAC,SAAI,WAAU,yBAAwB,gCAAkB;AAAA,WAC3D;AAAA,QACA,oBAAC,aAAU;AAAA,QACX,qBAAC,SAAI,WAAU,aACb;AAAA,+BAAC,SAAI,WAAU,uDACb;AAAA,gCAAC,SAAI,WAAU,uBAAsB,mBAAK;AAAA,YAC1C,oBAAC,SAAI,WAAU,sCACZ,gBAAM,SAAS,kBAClB;AAAA,YACA,oBAAC,SAAI,WAAU,QACb,8BAAC,SAAM,SAAQ,WACZ,gBAAM,gBAAgB,aAAa,cACtC,GACF;AAAA,aACF;AAAA,UACA,qBAAC,SAAI,WAAU,uDACb;AAAA,gCAAC,SAAI,WAAU,uBAAsB,mBAAK;AAAA,YAC1C,oBAAC,SAAI,WAAU,sCACZ,gBAAM,SAAS,kBAClB;AAAA,YACA,oBAAC,SAAI,WAAU,QACb,8BAAC,SAAM,SAAQ,WACZ,gBAAM,gBAAgB,aAAa,cACtC,GACF;AAAA,aACF;AAAA,WACF;AAAA,SACF,GACF;AAAA,MAEA,qBAAC,SAAI,WAAU,aACb;AAAA,4BAAC,sBAAmB;AAAA,QACpB,oBAAC,mBAAgB;AAAA,QACjB,oBAAC,mBAAgB;AAAA,SACnB;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/{chunk-EWXK56WQ.js → chunk-LNG736CV.js}

@@ -16,4 +16,4 @@ function str(v) {
 export {
   str
 };
-//# sourceMappingURL=chunk-EWXK56WQ.js.map
+//# sourceMappingURL=chunk-LNG736CV.js.map

package/dist/{chunk-DQB4WY5T.js → chunk-LVA77T4L.js}

@@ -1,14 +1,12 @@
 import {
   VerifyChangeEmailForm
-} from "./chunk-75K2SCNC.js";
+} from "./chunk-HXAIYFI4.js";
 import {
   RequestChangeEmailForm
-} from "./chunk-M677DPBR.js";
-import {
-  useSession
-} from "./chunk-M2K6O5CN.js";
+} from "./chunk-AKJ3EHND.js";
 
 // src/components/profile/change-email-form.tsx
+import { useSession } from "@mesob/auth-react";
 import {
   Button,
   Collapsible,
@@ -91,4 +89,4 @@ function ChangeEmailForm() {
 export {
   ChangeEmailForm
 };
-//# sourceMappingURL=chunk-DQB4WY5T.js.map
+//# sourceMappingURL=chunk-LVA77T4L.js.map

package/dist/chunk-LVA77T4L.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/profile/change-email-form.tsx"],"sourcesContent":["'use client';\n\nimport { useSession } from '@mesob/auth-react';\nimport {\n  Button,\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from '@mesob/ui/components';\nimport { IconChevronDown } from '@tabler/icons-react';\nimport { useState } from 'react';\nimport { RequestChangeEmailForm } from './request-change-email-form';\nimport { VerifyChangeEmailForm } from './verify-change-email-form';\n\nexport function ChangeEmailForm() {\n  const { user } = useSession();\n  const [isOpen, setIsOpen] = useState(false);\n  const [showOtp, setShowOtp] = useState(false);\n  const [verificationId, setVerificationId] = useState<string | null>(null);\n  const [newEmail, setNewEmail] = useState<string>('');\n\n  const resetForms = () => {\n    setShowOtp(false);\n    setVerificationId(null);\n    setNewEmail('');\n  };\n\n  const handleRequestSuccess = (id: string, email: string) => {\n    setVerificationId(id);\n    setNewEmail(email);\n    setShowOtp(true);\n  };\n\n  const handleVerifySuccess = () => {\n    resetForms();\n    setIsOpen(false);\n  };\n\n  const handleCancel = () => {\n    resetForms();\n    setIsOpen(false);\n  };\n\n  const title = user?.email ? 'Change Email' : 'Add Email';\n  const description = user?.email\n    ? 'Update your email address'\n    : 'Add an email address to your account';\n  return (\n    <Collapsible open={isOpen} onOpenChange={setIsOpen}>\n      <div className=\"border rounded-lg\">\n        <CollapsibleTrigger\n          render={\n            <Button\n              variant=\"ghost\"\n              className=\"w-full justify-between p-4 h-auto\"\n            />\n          }\n        >\n          <div className=\"flex flex-col items-start\">\n            <span className=\"font-medium\">{title}</span>\n            <span className=\"text-sm text-muted-foreground\">{description}</span>\n          </div>\n          <IconChevronDown\n            className={`h-4 w-4 transition-transform ${\n              isOpen ? 'rotate-180' : ''\n            }`}\n          />\n        </CollapsibleTrigger>\n\n        <CollapsibleContent>\n          {showOtp ? (\n            <VerifyChangeEmailForm\n              email={newEmail}\n              verificationId={verificationId}\n              onSuccess={handleVerifySuccess}\n              onCancel={handleCancel}\n            />\n          ) : (\n            <RequestChangeEmailForm\n              onSuccess={handleRequestSuccess}\n              onCancel={handleCancel}\n              buttonText={title}\n            />\n          )}\n        </CollapsibleContent>\n      </div>\n    </Collapsible>\n  );\n}\n"],"mappings":";;;;;;;;AAEA,SAAS,kBAAkB;AAC3B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,uBAAuB;AAChC,SAAS,gBAAgB;AA0Cb,cAMF,YANE;AAtCL,SAAS,kBAAkB;AAChC,QAAM,EAAE,KAAK,IAAI,WAAW;AAC5B,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,KAAK;AAC1C,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAC5C,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAwB,IAAI;AACxE,QAAM,CAAC,UAAU,WAAW,IAAI,SAAiB,EAAE;AAEnD,QAAM,aAAa,MAAM;AACvB,eAAW,KAAK;AAChB,sBAAkB,IAAI;AACtB,gBAAY,EAAE;AAAA,EAChB;AAEA,QAAM,uBAAuB,CAAC,IAAY,UAAkB;AAC1D,sBAAkB,EAAE;AACpB,gBAAY,KAAK;AACjB,eAAW,IAAI;AAAA,EACjB;AAEA,QAAM,sBAAsB,MAAM;AAChC,eAAW;AACX,cAAU,KAAK;AAAA,EACjB;AAEA,QAAM,eAAe,MAAM;AACzB,eAAW;AACX,cAAU,KAAK;AAAA,EACjB;AAEA,QAAM,QAAQ,MAAM,QAAQ,iBAAiB;AAC7C,QAAM,cAAc,MAAM,QACtB,8BACA;AACJ,SACE,oBAAC,eAAY,MAAM,QAAQ,cAAc,WACvC,+BAAC,SAAI,WAAU,qBACb;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,QACE;AAAA,UAAC;AAAA;AAAA,YACC,SAAQ;AAAA,YACR,WAAU;AAAA;AAAA,QACZ;AAAA,QAGF;AAAA,+BAAC,SAAI,WAAU,6BACb;AAAA,gCAAC,UAAK,WAAU,eAAe,iBAAM;AAAA,YACrC,oBAAC,UAAK,WAAU,iCAAiC,uBAAY;AAAA,aAC/D;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,WAAW,gCACT,SAAS,eAAe,EAC1B;AAAA;AAAA,UACF;AAAA;AAAA;AAAA,IACF;AAAA,IAEA,oBAAC,sBACE,oBACC;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,QACP;AAAA,QACA,WAAW;AAAA,QACX,UAAU;AAAA;AAAA,IACZ,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,QACX,UAAU;AAAA,QACV,YAAY;AAAA;AAAA,IACd,GAEJ;AAAA,KACF,GACF;AAEJ;","names":[]}

package/dist/{chunk-WY2F7475.js → chunk-NNYLSQ2X.js}

@@ -7,19 +7,19 @@ import {
 import {
   handleError
 } from "./chunk-W7UHDTBI.js";
+import {
+  createNavigate
+} from "./chunk-6YHUCPJ4.js";
 import {
   AuthLayout
 } from "./chunk-DPH2PHK3.js";
 import {
   useTranslator
-} from "./chunk-NPA7L57G.js";
-import {
-  useApi,
-  useConfig
-} from "./chunk-M2K6O5CN.js";
+} from "./chunk-WG5H5PTL.js";
 
 // src/components/auth/sign-up.tsx
 import { zodResolver } from "@hookform/resolvers/zod";
+import { useApi, useConfig } from "@mesob/auth-react";
 import {
   Alert,
   AlertDescription,
@@ -139,10 +139,9 @@ var SignUp = ({
   const isSignupAvailable = signupEnabled && hasSignupIdentifierChannel;
   const signUpMutation = hooks.useMutation("post", "/sign-up");
   const signInLink = config.navigation?.links?.signIn || "/auth/sign-in";
-  const onNavigate = config.navigation?.onNavigate || ((path) => {
-    if (typeof window !== "undefined") {
-      window.location.href = path;
-    }
+  const onNavigate = createNavigate({
+    onNavigate: config.navigation?.onNavigate,
+    mesobNavigate: mesob?.navigate
   });
   const logoImage = config.ui.logoImage;
   const defaultRedirect = redirectUrl || config.navigation?.defaultRedirectUrl || "/";
@@ -402,4 +401,4 @@ var SignUp = ({
 export {
   SignUp
 };
-//# sourceMappingURL=chunk-WY2F7475.js.map
+//# sourceMappingURL=chunk-NNYLSQ2X.js.map

package/dist/chunk-NNYLSQ2X.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/auth/sign-up.tsx"],"sourcesContent":["'use client';\n\nimport { zodResolver } from '@hookform/resolvers/zod';\nimport { useApi, useConfig } from '@mesob/auth-react';\nimport {\n  Alert,\n  AlertDescription,\n  AlertTitle,\n  Button,\n  Form,\n  FormControl,\n  FormField,\n  FormItem,\n  FormLabel,\n  FormMessage,\n  Input,\n  useFormField,\n} from '@mesob/ui/components';\nimport { useMesob } from '@mesob/ui/providers';\nimport { IconAlertCircle, IconEye, IconEyeOff } from '@tabler/icons-react';\nimport type { ChangeEvent, ComponentProps } from 'react';\nimport { useEffect, useState } from 'react';\nimport { useForm } from 'react-hook-form';\nimport { toast } from 'sonner';\nimport { z } from 'zod';\nimport { useTranslator } from '../../hooks/use-translator';\nimport type { AuthErrorContent } from '../../utils/handle-error';\nimport { handleError } from '../../utils/handle-error';\nimport { createNavigate } from '../../utils/navigation';\nimport { normalizeEmail } from '../../utils/normalize-email';\nimport { normalizePhone } from '../../utils/normalize-phone';\nimport { AuthLayout } from './auth-layout';\n\nconst isPhone = (s: string) => /^\\+?[0-9()[\\]\\s-]{6,}$/.test(s);\nconst isEmail = (s: string) => z.email().safeParse(s).success;\nconst normalizeDomain = (value: string) =>\n  value.trim().toLowerCase().replace(/^@/, '');\n\ntype SignUpValidationOptions = {\n  allowEmailSignup: boolean;\n  allowPhoneSignup: boolean;\n  allowedSignupEmailDomains: string[];\n};\n\ntype PasswordInputProps = {\n  field: ComponentProps<'input'> & {\n    value: string;\n    onChange: (e: ChangeEvent<HTMLInputElement>) => void;\n    onBlur: () => void;\n  };\n  show: boolean;\n  onToggle: () => void;\n  autoComplete?: 'current-password' | 'new-password';\n};\n\nfunction PasswordInput({\n  field,\n  show,\n  onToggle,\n  autoComplete = 'current-password',\n}: PasswordInputProps) {\n  const { formItemId, error } = useFormField();\n  return (\n    <div className=\"relative\">\n      <Input\n        {...field}\n        id={formItemId}\n        type={show ? 'text' : 'password'}\n        autoComplete={autoComplete}\n        aria-invalid={!!error}\n        className=\"pr-10\"\n      />\n      <Button\n        type=\"button\"\n        variant=\"ghost\"\n        size=\"icon\"\n        className=\"absolute right-0 top-0 h-full px-3 text-muted-foreground hover:text-foreground\"\n        onClick={onToggle}\n        aria-label={show ? 'Hide password' : 'Show password'}\n      >\n        {show ? (\n          <IconEyeOff className=\"h-4 w-4\" />\n        ) : (\n          <IconEye className=\"h-4 w-4\" />\n        )}\n      </Button>\n    </div>\n  );\n}\n\ntype SignUpFormValues = {\n  fullName: string;\n  identifier: string;\n  password: string;\n  confirmPassword: string;\n};\n\ntype SignUpProps = {\n  redirectUrl?: string;\n  initialIdentifier?: string;\n};\n\nconst signUpSchema = (\n  t: (key: string) => string,\n  options: SignUpValidationOptions,\n) =>\n  z\n    .object({\n      fullName: z.string().min(1, t('errors.fullNameRequired')),\n      identifier: z\n        .string()\n        .trim()\n        .min(1, t('errors.contactRequired'))\n        .superRefine((value, ctx) => {\n          const emailInput = isEmail(value);\n          const phoneInput = isPhone(value);\n          if (!(emailInput || phoneInput)) {\n            ctx.addIssue({\n              code: z.ZodIssueCode.custom,\n              message: t('errors.invalidEmailOrPhone'),\n            });\n            return;\n          }\n          if (emailInput && !options.allowEmailSignup) {\n            ctx.addIssue({\n              code: z.ZodIssueCode.custom,\n              message: 'Email sign up is disabled',\n            });\n            return;\n          }\n          if (phoneInput && !options.allowPhoneSignup) {\n            ctx.addIssue({\n              code: z.ZodIssueCode.custom,\n              message: 'Phone sign up is disabled',\n            });\n            return;\n          }\n          if (\n            emailInput &&\n            options.allowedSignupEmailDomains.length > 0 &&\n            !options.allowedSignupEmailDomains.includes(\n              normalizeDomain(normalizeEmail(value).split('@')[1] || ''),\n            )\n          ) {\n            ctx.addIssue({\n              code: z.ZodIssueCode.custom,\n              message: 'Email domain is not allowed for sign up',\n            });\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\nexport const SignUp = ({\n  redirectUrl,\n  initialIdentifier,\n}: SignUpProps = {}) => {\n  const { hooks, setAuth } = useApi();\n  const { config } = useConfig();\n  const mesob = useMesob();\n  const t = useTranslator('Auth.signUp');\n  const Link = mesob?.navigation?.Link;\n  const [isLoading, setIsLoading] = useState(false);\n  const [error, setError] = useState<AuthErrorContent | null>(null);\n  const [showPassword, setShowPassword] = useState(false);\n  const [showConfirmPassword, setShowConfirmPassword] = useState(false);\n  const signupEnabled = config.features?.enableSignup !== false;\n  const allowEmailSignup = config.features?.enableEmailSignup !== false;\n  const allowPhoneSignup = config.features?.enablePhoneSignup !== false;\n  const allowedSignupEmailDomains = (\n    config.features?.allowedSignupEmailDomains || []\n  )\n    .map(normalizeDomain)\n    .filter(Boolean);\n  const hasSignupIdentifierChannel = allowEmailSignup || allowPhoneSignup;\n  const isSignupAvailable = signupEnabled && hasSignupIdentifierChannel;\n\n  const signUpMutation = hooks.useMutation('post', '/sign-up');\n\n  const signInLink = config.navigation?.links?.signIn || '/auth/sign-in';\n  const onNavigate = createNavigate({\n    onNavigate: config.navigation?.onNavigate,\n    mesobNavigate: mesob?.navigate,\n  });\n  const logoImage = config.ui.logoImage;\n  const defaultRedirect =\n    redirectUrl || config.navigation?.defaultRedirectUrl || '/';\n\n  const hasInitialIdentifier = !!initialIdentifier;\n\n  const form = useForm<SignUpFormValues>({\n    resolver: zodResolver(\n      signUpSchema(t, {\n        allowEmailSignup,\n        allowPhoneSignup,\n        allowedSignupEmailDomains,\n      }),\n    ),\n    defaultValues: {\n      fullName: '',\n      identifier: initialIdentifier || '',\n      password: '',\n      confirmPassword: '',\n    },\n    mode: 'onSubmit',\n    reValidateMode: 'onSubmit',\n  });\n\n  useEffect(() => {\n    if (initialIdentifier) {\n      form.setValue('identifier', initialIdentifier);\n    }\n  }, [initialIdentifier, form]);\n\n  useEffect(() => {\n    if (error) {\n      toast.error(error.title || 'Error', {\n        description: error.description,\n      });\n    }\n  }, [error]);\n\n  const handleSubmit = form.handleSubmit(async (values) => {\n    if (!signupEnabled) {\n      form.setError('identifier', { message: 'Sign up is disabled' });\n      return;\n    }\n    if (!hasSignupIdentifierChannel) {\n      form.setError('identifier', {\n        message: 'Sign up is unavailable for email and phone',\n      });\n      return;\n    }\n    setIsLoading(true);\n    setError(null);\n\n    try {\n      const raw = values.identifier.trim();\n      const usingPhone =\n        allowPhoneSignup && (isPhone(raw) || !allowEmailSignup);\n      const emailNorm = usingPhone ? undefined : normalizeEmail(raw);\n      const phoneNorm = usingPhone ? normalizePhone(raw) : undefined;\n\n      const res = await signUpMutation.mutateAsync({\n        body: usingPhone\n          ? {\n              phone: phoneNorm ?? raw,\n              password: values.password,\n              fullName: values.fullName,\n            }\n          : {\n              email: emailNorm ?? raw,\n              password: values.password,\n              fullName: values.fullName,\n            },\n      });\n\n      if ('verificationId' in res && res.verificationId) {\n        const redirectParam = defaultRedirect\n          ? `&redirect=${encodeURIComponent(defaultRedirect)}`\n          : '';\n        if (usingPhone) {\n          onNavigate(\n            `/auth/verify-phone?context=sign-up&verificationId=${res.verificationId}&phone=${encodeURIComponent(phoneNorm ?? raw)}${redirectParam}`,\n          );\n        } else {\n          onNavigate(\n            `/auth/verify-email?verificationId=${res.verificationId}&email=${encodeURIComponent(emailNorm ?? raw)}${redirectParam}`,\n          );\n        }\n        return;\n      }\n\n      if ('user' in res && 'session' in res) {\n        setAuth(res);\n      }\n      onNavigate(defaultRedirect);\n    } catch (err) {\n      handleError(err, setError, t);\n    } finally {\n      setIsLoading(false);\n    }\n  });\n\n  const getIdentifierLabel = () => {\n    if (allowEmailSignup && !allowPhoneSignup) {\n      return t('form.emailLabel');\n    }\n    if (!allowEmailSignup && allowPhoneSignup) {\n      return t('form.phoneLabel');\n    }\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  let signupUnavailableDescription = 'No sign up channel is enabled.';\n  if (!signupEnabled) {\n    signupUnavailableDescription = 'Sign up is disabled.';\n  }\n\n  let identifierInputType: 'email' | 'tel' = 'email';\n  if (!allowEmailSignup && allowPhoneSignup) {\n    identifierInputType = 'tel';\n  } else if (allowEmailSignup && allowPhoneSignup) {\n    identifierInputType = isPhone(form.watch('identifier')) ? 'tel' : 'email';\n  }\n\n  let errorContent: AuthErrorContent | null = null;\n  if (error) {\n    if (typeof error === 'string') {\n      errorContent = { title: 'Error', description: error };\n    } else {\n      errorContent = error;\n    }\n  }\n\n  return (\n    <AuthLayout\n      title={config.ui.name}\n      description={t('description')}\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      {isSignupAvailable ? null : (\n        <Alert variant=\"destructive\">\n          <IconAlertCircle className=\"h-4 w-4\" />\n          <AlertTitle>Sign up unavailable</AlertTitle>\n          <AlertDescription>{signupUnavailableDescription}</AlertDescription>\n        </Alert>\n      )}\n      <Form {...form}>\n        <form\n          id=\"sign-up-form\"\n          autoComplete=\"on\"\n          onSubmit={handleSubmit}\n          className=\"space-y-4\"\n        >\n          <FormField\n            control={form.control}\n            name=\"fullName\"\n            render={({ field }) => (\n              <FormItem>\n                <FormLabel>{t('form.fullNameLabel')}</FormLabel>\n                <FormControl>\n                  <Input {...field} autoComplete=\"name\" />\n                </FormControl>\n                <FormMessage />\n              </FormItem>\n            )}\n          />\n          <FormField\n            control={form.control}\n            name=\"identifier\"\n            render={({ field }) => (\n              <FormItem>\n                <FormLabel\n                  className={hasInitialIdentifier ? 'block' : undefined}\n                >\n                  {identifierLabel}\n                </FormLabel>\n                <FormControl>\n                  <Input\n                    {...field}\n                    type={identifierInputType}\n                    autoComplete={identifierInputType}\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                <PasswordInput\n                  field={field}\n                  show={showPassword}\n                  onToggle={() => setShowPassword(!showPassword)}\n                  autoComplete=\"new-password\"\n                />\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                <PasswordInput\n                  field={field}\n                  show={showConfirmPassword}\n                  onToggle={() => setShowConfirmPassword(!showConfirmPassword)}\n                  autoComplete=\"new-password\"\n                />\n                <FormMessage />\n              </FormItem>\n            )}\n          />\n          <Button\n            type=\"submit\"\n            form=\"sign-up-form\"\n            className=\"w-full\"\n            disabled={\n              isLoading ||\n              signUpMutation.isPending ||\n              !signupEnabled ||\n              !hasSignupIdentifierChannel\n            }\n          >\n            {isLoading || signUpMutation.isPending\n              ? t('form.submitting')\n              : t('form.submit')}\n          </Button>\n        </form>\n      </Form>\n      {errorContent && (\n        <Alert variant=\"destructive\" className=\"mt-4\">\n          <IconAlertCircle className=\"h-4 w-4\" />\n          <AlertTitle>{errorContent.title}</AlertTitle>\n          <AlertDescription>{errorContent.description}</AlertDescription>\n        </Alert>\n      )}\n    </AuthLayout>\n  );\n};\n"],"mappings":"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","names":[]}

package/dist/{chunk-CBR5NTFM.js → chunk-OCFX4MBQ.js}

@@ -1,21 +1,21 @@
 import {
   VerificationForm
-} from "./chunk-GP4XI5KB.js";
+} from "./chunk-L5UKZAA4.js";
 import {
   handleError
 } from "./chunk-W7UHDTBI.js";
+import {
+  createNavigate
+} from "./chunk-6YHUCPJ4.js";
 import {
   AuthLayout
 } from "./chunk-DPH2PHK3.js";
 import {
   useTranslator
-} from "./chunk-NPA7L57G.js";
-import {
-  useApi,
-  useConfig
-} from "./chunk-M2K6O5CN.js";
+} from "./chunk-WG5H5PTL.js";
 
 // src/components/auth/verify-email.tsx
+import { useApi, useConfig } from "@mesob/auth-react";
 import { Alert, AlertDescription, AlertTitle } from "@mesob/ui/components";
 import { useMesob } from "@mesob/ui/providers";
 import { IconAlertCircle } from "@tabler/icons-react";
@@ -45,10 +45,9 @@ var VerifyEmail = ({
     "/email/verification/request"
   );
   const signInLink = config.navigation?.links?.signIn || "/auth/sign-in";
-  const onNavigate = config.navigation?.onNavigate || ((path) => {
-    if (typeof window !== "undefined") {
-      window.location.href = path;
-    }
+  const onNavigate = createNavigate({
+    onNavigate: config.navigation?.onNavigate,
+    mesobNavigate: mesob?.navigate
   });
   const logoImage = config.ui.logoImage;
   const defaultRedirect = redirectUrl || config.navigation?.defaultRedirectUrl || "/";
@@ -186,4 +185,4 @@ var VerifyEmail = ({
 export {
   VerifyEmail
 };
-//# sourceMappingURL=chunk-CBR5NTFM.js.map
+//# sourceMappingURL=chunk-OCFX4MBQ.js.map

package/dist/chunk-OCFX4MBQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/auth/verify-email.tsx"],"sourcesContent":["'use client';\n\nimport { useApi, useConfig } from '@mesob/auth-react';\nimport { Alert, AlertDescription, AlertTitle } from '@mesob/ui/components';\nimport { useMesob } from '@mesob/ui/providers';\nimport { IconAlertCircle } from '@tabler/icons-react';\nimport { useEffect, useState } from 'react';\nimport { toast } from 'sonner';\nimport { useTranslator } from '../../hooks/use-translator';\nimport type { AuthErrorContent } from '../../utils/handle-error';\nimport { handleError } from '../../utils/handle-error';\nimport { createNavigate } from '../../utils/navigation';\nimport { AuthLayout } from './auth-layout';\nimport { VerificationForm } from './verification-form';\n\ntype VerifyEmailProps = {\n  verificationId: string;\n  email: string;\n  redirectUrl?: string;\n};\n\nexport const VerifyEmail = ({\n  verificationId,\n  email,\n  redirectUrl,\n}: VerifyEmailProps) => {\n  const { hooks, setAuth } = useApi();\n  const { config } = useConfig();\n  const mesob = useMesob();\n  const t = useTranslator('Auth.verification');\n  const common = useTranslator('Common');\n  const footer = useTranslator('Auth.forgotPassword.footer');\n  const Link = mesob?.navigation?.Link;\n  const [isLoading, setIsLoading] = useState(false);\n  const [error, setError] = useState<AuthErrorContent | null>(null);\n\n  const verifyEmailMutation = hooks.useMutation(\n    'post',\n    '/email/verification/confirm',\n  );\n  const requestEmailMutation = hooks.useMutation(\n    'post',\n    '/email/verification/request',\n  );\n\n  const signInLink = config.navigation?.links?.signIn || '/auth/sign-in';\n  const onNavigate = createNavigate({\n    onNavigate: config.navigation?.onNavigate,\n    mesobNavigate: mesob?.navigate,\n  });\n  const logoImage = config.ui.logoImage;\n  const defaultRedirect =\n    redirectUrl || config.navigation?.defaultRedirectUrl || '/';\n\n  useEffect(() => {\n    if (error) {\n      toast.error(error.title || 'Error', {\n        description: error.description,\n      });\n    }\n  }, [error]);\n\n  const handleSubmit = async (values: { code: string }) => {\n    if (!verificationId) {\n      setError({\n        title: t('errors.fallback'),\n        description: t('errors.missingVerificationId'),\n      });\n      return;\n    }\n\n    setIsLoading(true);\n    setError(null);\n\n    try {\n      const res = await verifyEmailMutation.mutateAsync({\n        body: {\n          verificationId,\n          code: values.code,\n        },\n      });\n      if ('user' in res && 'session' in res) {\n        setAuth(res);\n      }\n      onNavigate(defaultRedirect);\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 requestEmailMutation.mutateAsync({\n        body: {\n          email,\n        },\n      });\n      if (res.verificationId) {\n        onNavigate(\n          `/auth/verify-email?verificationId=${res.verificationId}&email=${encodeURIComponent(email)}`,\n        );\n        return;\n      }\n      if (res.message) {\n        toast.info(t('errors.resendAmbiguousTitle'), {\n          description: t('errors.resendAmbiguousDescription'),\n        });\n        return;\n      }\n      setError({\n        title: t('errors.fallback'),\n        description: t('errors.resendFailed'),\n      });\n    } catch (err) {\n      handleError(err, setError, t);\n    }\n  };\n\n  if (!verificationId) {\n    return (\n      <AuthLayout\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      </AuthLayout>\n    );\n  }\n\n  let errorContent: AuthErrorContent | null = null;\n  if (error) {\n    if (typeof error === 'string') {\n      errorContent = { title: 'Error', description: error };\n    } else {\n      errorContent = error;\n    }\n  }\n\n  return (\n    <AuthLayout\n      title={config.ui.name}\n      description={t('email.description')}\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={\n          isLoading ||\n          verifyEmailMutation.isPending ||\n          requestEmailMutation.isPending\n        }\n        error={error}\n      />\n      {errorContent && (\n        <Alert variant=\"destructive\" className=\"mt-4\">\n          <IconAlertCircle className=\"h-4 w-4\" />\n          <AlertTitle>{errorContent.title}</AlertTitle>\n          <AlertDescription>{errorContent.description}</AlertDescription>\n        </Alert>\n      )}\n    </AuthLayout>\n  );\n};\n"],"mappings":"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","names":[]}

package/dist/{chunk-XTLFZ77E.js → chunk-OMAJKLVW.js}

@@ -4,25 +4,7 @@ import {
 import {
   Link,
   authApi$
-} from "./chunk-QNPK2H5A.js";
-
-// src/pages/iam/users/_components/user-card.tsx
-import {
-  Button as Button2,
-  Card,
-  CardContent,
-  CardHeader,
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuPortal,
-  DropdownMenuTrigger,
-  Tooltip,
-  TooltipContent,
-  TooltipTrigger
-} from "@mesob/ui/components";
-import { IconCircleCheck, IconDots, IconPencil } from "@tabler/icons-react";
-import { useState } from "react";
+} from "./chunk-F5SAYP67.js";
 
 // src/pages/iam/users/_components/user-form.tsx
 import { zodResolver } from "@hookform/resolvers/zod";
@@ -416,6 +398,22 @@ function FormSkeleton() {
 }
 
 // src/pages/iam/users/_components/user-card.tsx
+import {
+  Button as Button2,
+  Card,
+  CardContent,
+  CardHeader,
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuPortal,
+  DropdownMenuTrigger,
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger
+} from "@mesob/ui/components";
+import { IconCircleCheck, IconDots, IconPencil } from "@tabler/icons-react";
+import { useState } from "react";
 import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 function UserCard({ user }) {
   const [editOpen, setEditOpen] = useState(false);
@@ -482,4 +480,4 @@ export {
   UserForm,
   UserCard
 };
-//# sourceMappingURL=chunk-XTLFZ77E.js.map
+//# sourceMappingURL=chunk-OMAJKLVW.js.map