@nextsparkjs/core 0.1.0-beta.13 → 0.1.0-beta.131

package/dist/components/auth/forms/SignupForm.js

@@ -5,20 +5,21 @@ import Link from "next/link";
 import { useSearchParams, useRouter } from "next/navigation";
 import { useForm } from "react-hook-form";
 import { zodResolver } from "@hookform/resolvers/zod";
-import { useAuth } from "../../../hooks/useAuth";
-import { Button } from "../../ui/button";
-import { Input } from "../../ui/input";
-import { Label } from "../../ui/label";
-import { Alert, AlertDescription } from "../../ui/alert";
-import { Checkbox } from "../../ui/checkbox";
-import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "../../ui/card";
-import { Separator } from "../../ui/separator";
-import { PasswordInput } from "../../ui/password-input";
+import { useAuth } from "../../../hooks/useAuth.js";
+import { Button } from "../../ui/button.js";
+import { Input } from "../../ui/input.js";
+import { Label } from "../../ui/label.js";
+import { Alert, AlertDescription } from "../../ui/alert.js";
+import { Checkbox } from "../../ui/checkbox.js";
+import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "../../ui/card.js";
+import { Separator } from "../../ui/separator.js";
+import { PasswordInput } from "../../ui/password-input.js";
 import { Mail, User, Loader2, AlertCircle, ArrowRight, MailCheck, CheckCircle2, Users } from "lucide-react";
-import { signupSchema } from "../../../lib/validation";
-import { createTestId, sel } from "../../../lib/test";
+import { signupSchema } from "../../../lib/validation.js";
+import { sel } from "../../../lib/test/index.js";
 import { useTranslations } from "next-intl";
-import { AuthTranslationPreloader } from "../../../lib/i18n/AuthTranslationPreloader";
+import { AuthTranslationPreloader } from "../../../lib/i18n/AuthTranslationPreloader.js";
+import { PUBLIC_AUTH_CONFIG } from "../../../lib/config/config-sync.js";
 import { toast } from "sonner";
 function SignupForm() {
   const router = useRouter();
@@ -76,21 +77,21 @@ function SignupForm() {
         const result = await response.json();
         if (!response.ok) {
           if (result.code === "USER_ALREADY_EXISTS") {
-            setError("An account with this email already exists. Please sign in instead.");
+            setError(t("signup.errors.userAlreadyExists"));
           } else if (result.code === "EMAIL_MISMATCH") {
-            setError("This invitation was sent to a different email address.");
+            setError(t("signup.errors.emailMismatch"));
           } else if (result.code === "INVITATION_EXPIRED") {
-            setError("This invitation has expired. Please request a new one.");
+            setError(t("signup.errors.invitationExpired"));
           } else if (result.code === "INVITATION_NOT_FOUND") {
-            setError("Invalid invitation. Please request a new one.");
+            setError(t("signup.errors.invitationNotFound"));
           } else {
-            setError(result.error || "Failed to create account");
+            setError(result.error || t("signup.errors.failedToCreate"));
           }
           setStatusMessage(t("signup.messages.createError", { error: result.error || "Unknown error" }));
           return;
         }
-        toast.success("Account created successfully!", {
-          description: "You have joined the team."
+        toast.success(t("signup.messages.inviteSuccess"), {
+          description: t("signup.messages.inviteJoinedTeam")
         });
         router.push(((_a = result.data) == null ? void 0 : _a.redirectTo) || "/dashboard/settings/teams");
         return;
@@ -105,7 +106,7 @@ function SignupForm() {
       setEmailSent(true);
       setStatusMessage(t("signup.messages.accountCreated"));
     } catch (err) {
-      const errorMessage = err instanceof Error ? err.message : "Failed to create account";
+      const errorMessage = err instanceof Error ? err.message : t("signup.errors.failedToCreate");
       setError(errorMessage);
       setStatusMessage(t("signup.messages.createError", { error: errorMessage }));
     } finally {
@@ -118,7 +119,7 @@ function SignupForm() {
     try {
       await googleSignIn(callbackUrl || void 0);
     } catch (err) {
-      setError(err instanceof Error ? err.message : "Google sign up failed");
+      setError(err instanceof Error ? err.message : t("signup.errors.googleFailed"));
     } finally {
       setLoadingProvider(null);
     }
@@ -131,10 +132,10 @@ function SignupForm() {
       if (result.success) {
         setEmailSent(true);
       } else {
-        setError(result.error || "Failed to resend verification email");
+        setError(result.error || t("signup.errors.failedToResend"));
       }
     } catch (err) {
-      setError(err instanceof Error ? err.message : "Failed to resend verification email");
+      setError(err instanceof Error ? err.message : t("signup.errors.failedToResend"));
     } finally {
       setResendingEmail(false);
     }
@@ -147,7 +148,6 @@ function SignupForm() {
           "aria-live": "polite",
           "aria-atomic": "true",
           className: "sr-only",
-          ...createTestId("signup", "status", "message") && { "data-testid": createTestId("signup", "status", "message") },
           children: statusMessage
         }
       ),
@@ -157,21 +157,19 @@ function SignupForm() {
           className: "w-full max-w-md",
           role: "main",
           "aria-labelledby": "email-sent-heading",
-          ...createTestId("signup", "email-sent", "card") && { "data-testid": createTestId("signup", "email-sent", "card") },
           "data-cy": sel("auth.verifyEmail.container"),
           children: [
             /* @__PURE__ */ jsxs(
               CardHeader,
               {
                 className: "space-y-1",
-                ...createTestId("signup", "email-sent", "header") && { "data-testid": createTestId("signup", "email-sent", "header") },
                 children: [
                   /* @__PURE__ */ jsx(
                     "div",
                     {
                       className: "mx-auto w-12 h-12 bg-green-100 rounded-full flex items-center justify-center mb-4",
                       role: "img",
-                      "aria-label": "Email enviado exitosamente",
+                      "aria-label": t("signup.emailVerification.emailSentAria"),
                       children: /* @__PURE__ */ jsx(MailCheck, { className: "w-6 h-6 text-green-600", "aria-hidden": "true" })
                     }
                   ),
@@ -180,7 +178,6 @@ function SignupForm() {
                     {
                       id: "email-sent-heading",
                       className: "text-2xl font-bold text-center",
-                      ...createTestId("signup", "email-sent", "title") && { "data-testid": createTestId("signup", "email-sent", "title") },
                       children: t("signup.emailVerification.title")
                     }
                   ),
@@ -188,7 +185,6 @@ function SignupForm() {
                     CardDescription,
                     {
                       className: "text-center",
-                      ...createTestId("signup", "email-sent", "description") && { "data-testid": createTestId("signup", "email-sent", "description") },
                       children: t("signup.emailVerification.description")
                     }
                   )
@@ -199,20 +195,20 @@ function SignupForm() {
               /* @__PURE__ */ jsx("div", { className: "p-3 bg-muted rounded-lg", children: /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-center break-all", children: registeredEmail }) }),
               /* @__PURE__ */ jsxs(Alert, { "data-cy": sel("auth.verifyEmail.successMessage"), children: [
                 /* @__PURE__ */ jsx(CheckCircle2, { className: "h-4 w-4" }),
-                /* @__PURE__ */ jsx(AlertDescription, { children: "Please check your inbox and click the verification link to activate your account. The link will expire in 24 hours." })
+                /* @__PURE__ */ jsx(AlertDescription, { children: t("signup.emailVerification.checkInbox") })
               ] }),
               /* @__PURE__ */ jsxs("div", { className: "space-y-2 text-sm text-muted-foreground", children: [
                 /* @__PURE__ */ jsxs("p", { className: "flex items-start gap-2", children: [
                   /* @__PURE__ */ jsx("span", { className: "text-primary font-medium", children: "1." }),
-                  "Open your email inbox"
+                  t("signup.emailVerification.step1")
                 ] }),
                 /* @__PURE__ */ jsxs("p", { className: "flex items-start gap-2", children: [
                   /* @__PURE__ */ jsx("span", { className: "text-primary font-medium", children: "2." }),
-                  "Find the email from us (check spam if needed)"
+                  t("signup.emailVerification.step2")
                 ] }),
                 /* @__PURE__ */ jsxs("p", { className: "flex items-start gap-2", children: [
                   /* @__PURE__ */ jsx("span", { className: "text-primary font-medium", children: "3." }),
-                  "Click the verification button"
+                  t("signup.emailVerification.step3")
                 ] })
               ] }),
               error && /* @__PURE__ */ jsxs(Alert, { variant: "destructive", children: [
@@ -221,7 +217,7 @@ function SignupForm() {
               ] }),
               /* @__PURE__ */ jsx(Separator, {}),
               /* @__PURE__ */ jsxs("div", { className: "text-center space-y-2", children: [
-                /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "Didn't receive the email?" }),
+                /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t("signup.emailVerification.didntReceive") }),
                 /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
                   /* @__PURE__ */ jsxs(
                     Button,
@@ -234,7 +230,7 @@ function SignupForm() {
                       className: "flex-1",
                       children: [
                         /* @__PURE__ */ jsx(ArrowRight, { className: "mr-2 h-4 w-4 rotate-180" }),
-                        "Back"
+                        t("signup.emailVerification.back")
                       ]
                     }
                   ),
@@ -247,10 +243,10 @@ function SignupForm() {
                       className: "flex-1",
                       children: resendingEmail ? /* @__PURE__ */ jsxs(Fragment, { children: [
                         /* @__PURE__ */ jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }),
-                        "Sending..."
+                        t("signup.emailVerification.sending")
                       ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
                         /* @__PURE__ */ jsx(Mail, { className: "mr-2 h-4 w-4" }),
-                        "Resend Email"
+                        t("signup.emailVerification.resendEmail")
                       ] })
                     }
                   )
@@ -258,9 +254,9 @@ function SignupForm() {
               ] })
             ] }),
             /* @__PURE__ */ jsx(CardFooter, { children: /* @__PURE__ */ jsxs("p", { className: "text-sm text-muted-foreground text-center w-full", children: [
-              "Already verified?",
+              t("signup.emailVerification.alreadyVerified"),
               " ",
-              /* @__PURE__ */ jsx(Link, { href: "/login", className: "text-primary hover:underline font-medium", children: "Sign in" })
+              /* @__PURE__ */ jsx(Link, { href: "/login", className: "text-primary hover:underline font-medium", children: t("signup.emailVerification.signIn") })
             ] }) })
           ]
         }
@@ -275,7 +271,6 @@ function SignupForm() {
         "aria-live": "polite",
         "aria-atomic": "true",
         className: "sr-only",
-        ...createTestId("signup", "status", "message") && { "data-testid": createTestId("signup", "status", "message") },
         children: statusMessage
       }
     ),
@@ -283,28 +278,24 @@ function SignupForm() {
       Card,
       {
         className: "w-full max-w-md",
-        "data-testid": createTestId("signup", "card"),
         "data-cy": sel("auth.signup.form"),
         children: [
           /* @__PURE__ */ jsxs(
             CardHeader,
             {
               className: "space-y-1",
-              ...createTestId("signup", "header") && { "data-testid": createTestId("signup", "header") },
               children: [
                 /* @__PURE__ */ jsx(
                   CardTitle,
                   {
                     className: "text-2xl font-bold",
                     id: "signup-heading",
-                    ...createTestId("signup", "title") && { "data-testid": createTestId("signup", "title") },
                     children: t("signup.title")
                   }
                 ),
                 /* @__PURE__ */ jsx(
                   CardDescription,
                   {
-                    ...createTestId("signup", "description") && { "data-testid": createTestId("signup", "description") },
                     children: t("signup.description")
                   }
                 )
@@ -312,14 +303,14 @@ function SignupForm() {
             }
           ),
           /* @__PURE__ */ jsxs(CardContent, { children: [
-            fromInvite && /* @__PURE__ */ jsxs(Alert, { className: "mb-4", "data-cy": "signup-invite-banner", children: [
+            fromInvite && /* @__PURE__ */ jsxs(Alert, { className: "mb-4", "data-cy": sel("auth.signup.inviteBanner"), children: [
               /* @__PURE__ */ jsx(Users, { className: "h-4 w-4" }),
               /* @__PURE__ */ jsx(AlertDescription, { children: t("signup.inviteBanner") })
             ] }),
             /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit(onSubmit), className: "space-y-4", children: [
               /* @__PURE__ */ jsxs("div", { className: "grid gap-4 sm:grid-cols-2", children: [
                 /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-                  /* @__PURE__ */ jsx(Label, { htmlFor: "firstName", children: "First name" }),
+                  /* @__PURE__ */ jsx(Label, { htmlFor: "firstName", children: t("signup.form.firstName") }),
                   /* @__PURE__ */ jsxs("div", { className: "relative", children: [
                     /* @__PURE__ */ jsx(User, { className: "absolute left-3 top-3 h-4 w-4 text-muted-foreground" }),
                     /* @__PURE__ */ jsx(
@@ -329,7 +320,7 @@ function SignupForm() {
                         id: "firstName",
                         type: "text",
                         autoComplete: "given-name",
-                        placeholder: "John",
+                        placeholder: t("signup.form.firstNamePlaceholder"),
                         className: "pl-9",
                         "data-cy": sel("auth.signup.firstName")
                       }
@@ -338,7 +329,7 @@ function SignupForm() {
                   errors.firstName && /* @__PURE__ */ jsx("p", { className: "text-sm text-destructive", children: errors.firstName.message })
                 ] }),
                 /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-                  /* @__PURE__ */ jsx(Label, { htmlFor: "lastName", children: "Last name" }),
+                  /* @__PURE__ */ jsx(Label, { htmlFor: "lastName", children: t("signup.form.lastName") }),
                   /* @__PURE__ */ jsxs("div", { className: "relative", children: [
                     /* @__PURE__ */ jsx(User, { className: "absolute left-3 top-3 h-4 w-4 text-muted-foreground" }),
                     /* @__PURE__ */ jsx(
@@ -348,7 +339,7 @@ function SignupForm() {
                         id: "lastName",
                         type: "text",
                         autoComplete: "family-name",
-                        placeholder: "Doe",
+                        placeholder: t("signup.form.lastNamePlaceholder"),
                         className: "pl-9",
                         "data-cy": sel("auth.signup.lastName")
                       }
@@ -358,7 +349,7 @@ function SignupForm() {
                 ] })
               ] }),
               /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-                /* @__PURE__ */ jsx(Label, { htmlFor: "email", children: "Email" }),
+                /* @__PURE__ */ jsx(Label, { htmlFor: "email", children: t("signup.form.email") }),
                 /* @__PURE__ */ jsxs("div", { className: "relative", children: [
                   /* @__PURE__ */ jsx(Mail, { className: "absolute left-3 top-3 h-4 w-4 text-muted-foreground" }),
                   /* @__PURE__ */ jsx(
@@ -368,7 +359,7 @@ function SignupForm() {
                       id: "email",
                       type: "email",
                       autoComplete: "email",
-                      placeholder: "email@example.com",
+                      placeholder: t("signup.form.emailPlaceholder"),
                       className: `pl-9 ${fromInvite ? "bg-muted cursor-not-allowed" : ""}`,
                       readOnly: fromInvite,
                       "data-cy": sel("auth.signup.email")
@@ -378,7 +369,7 @@ function SignupForm() {
                 errors.email && /* @__PURE__ */ jsx("p", { className: "text-sm text-destructive", children: errors.email.message })
               ] }),
               /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-                /* @__PURE__ */ jsx(Label, { htmlFor: "password", children: "Password" }),
+                /* @__PURE__ */ jsx(Label, { htmlFor: "password", children: t("signup.form.password") }),
                 /* @__PURE__ */ jsx(
                   PasswordInput,
                   {
@@ -388,13 +379,19 @@ function SignupForm() {
                     placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022",
                     showRequirements: true,
                     password,
+                    requirementLabels: {
+                      minChars: t("signup.form.passwordRequirements.minChars"),
+                      uppercase: t("signup.form.passwordRequirements.uppercase"),
+                      lowercase: t("signup.form.passwordRequirements.lowercase"),
+                      number: t("signup.form.passwordRequirements.number")
+                    },
                     "data-cy": sel("auth.signup.password")
                   }
                 ),
                 errors.password && /* @__PURE__ */ jsx("p", { className: "text-sm text-destructive", children: errors.password.message })
               ] }),
               /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-                /* @__PURE__ */ jsx(Label, { htmlFor: "confirmPassword", children: "Confirm password" }),
+                /* @__PURE__ */ jsx(Label, { htmlFor: "confirmPassword", children: t("signup.form.confirmPassword") }),
                 /* @__PURE__ */ jsx(
                   PasswordInput,
                   {
@@ -407,7 +404,7 @@ function SignupForm() {
                 ),
                 errors.confirmPassword && /* @__PURE__ */ jsx("p", { className: "text-sm text-destructive", children: errors.confirmPassword.message })
               ] }),
-              error && /* @__PURE__ */ jsxs(Alert, { variant: "destructive", children: [
+              error && /* @__PURE__ */ jsxs(Alert, { variant: "destructive", "data-cy": sel("auth.signup.error"), children: [
                 /* @__PURE__ */ jsx(AlertCircle, { className: "h-4 w-4" }),
                 /* @__PURE__ */ jsx(AlertDescription, { children: error })
               ] }),
@@ -418,7 +415,7 @@ function SignupForm() {
                     id: "terms",
                     checked: agreedToTerms,
                     onCheckedChange: (checked) => setAgreedToTerms(checked),
-                    "data-cy": "signup-terms-checkbox"
+                    "data-cy": sel("auth.signup.termsCheckbox")
                   }
                 ),
                 /* @__PURE__ */ jsxs(
@@ -427,9 +424,9 @@ function SignupForm() {
                     htmlFor: "terms",
                     className: "text-sm font-normal cursor-pointer",
                     children: [
-                      "I agree to the",
+                      t("signup.form.agreeToThe"),
                       " ",
-                      /* @__PURE__ */ jsx(Link, { href: "/terms", className: "text-primary hover:underline", children: "terms and conditions" })
+                      /* @__PURE__ */ jsx(Link, { href: "/terms", className: "text-primary hover:underline", children: t("signup.form.termsAndConditions") })
                     ]
                   }
                 )
@@ -443,52 +440,53 @@ function SignupForm() {
                   "data-cy": sel("auth.signup.submitButton"),
                   children: loadingProvider === "email" ? /* @__PURE__ */ jsxs(Fragment, { children: [
                     /* @__PURE__ */ jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }),
-                    "Creating account..."
-                  ] }) : "Create account"
+                    t("signup.form.creatingAccount")
+                  ] }) : t("signup.form.createAccount")
                 }
               )
             ] }),
-            /* @__PURE__ */ jsxs("div", { className: "relative my-4", children: [
-              /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center", children: /* @__PURE__ */ jsx(Separator, { className: "w-full" }) }),
-              /* @__PURE__ */ jsx("div", { className: "relative flex justify-center text-xs uppercase", children: /* @__PURE__ */ jsx("span", { className: "bg-background px-2 text-muted-foreground", children: "Or continue with" }) })
-            ] }),
-            /* @__PURE__ */ jsxs(
-              Button,
-              {
-                type: "button",
-                variant: "outline",
-                onClick: handleGoogleSignUp,
-                disabled: !!loadingProvider,
-                className: "w-full",
-                children: [
-                  loadingProvider === "google" ? /* @__PURE__ */ jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsxs("svg", { className: "mr-2 h-4 w-4", viewBox: "0 0 24 24", children: [
-                    /* @__PURE__ */ jsx("path", { fill: "#4285F4", d: "M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z" }),
-                    /* @__PURE__ */ jsx("path", { fill: "#34A853", d: "M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z" }),
-                    /* @__PURE__ */ jsx("path", { fill: "#FBBC05", d: "M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z" }),
-                    /* @__PURE__ */ jsx("path", { fill: "#EA4335", d: "M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z" })
-                  ] }),
-                  "Continue with Google"
-                ]
-              }
-            )
+            PUBLIC_AUTH_CONFIG.providers.google.enabled && /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsxs("div", { className: "relative my-4", children: [
+                /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center", children: /* @__PURE__ */ jsx(Separator, { className: "w-full" }) }),
+                /* @__PURE__ */ jsx("div", { className: "relative flex justify-center text-xs uppercase", children: /* @__PURE__ */ jsx("span", { className: "bg-background px-2 text-muted-foreground", children: t("signup.form.orContinueWith") }) })
+              ] }),
+              /* @__PURE__ */ jsxs(
+                Button,
+                {
+                  type: "button",
+                  variant: "outline",
+                  onClick: handleGoogleSignUp,
+                  disabled: !!loadingProvider,
+                  className: "w-full",
+                  "data-cy": sel("auth.signup.googleButton"),
+                  children: [
+                    loadingProvider === "google" ? /* @__PURE__ */ jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsxs("svg", { className: "mr-2 h-4 w-4", viewBox: "0 0 24 24", children: [
+                      /* @__PURE__ */ jsx("path", { fill: "#4285F4", d: "M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z" }),
+                      /* @__PURE__ */ jsx("path", { fill: "#34A853", d: "M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z" }),
+                      /* @__PURE__ */ jsx("path", { fill: "#FBBC05", d: "M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z" }),
+                      /* @__PURE__ */ jsx("path", { fill: "#EA4335", d: "M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z" })
+                    ] }),
+                    t("signup.form.continueWithGoogle")
+                  ]
+                }
+              )
+            ] })
           ] }),
           /* @__PURE__ */ jsx(
             CardFooter,
             {
-              "data-testid": createTestId("signup", "footer"),
-              "data-cy": "signup-footer",
+              "data-cy": sel("auth.signup.footer"),
               children: /* @__PURE__ */ jsxs("p", { className: "text-sm text-muted-foreground text-center w-full", children: [
-                "Already have an account?",
+                t("signup.footer.alreadyHaveAccount"),
                 " ",
                 /* @__PURE__ */ jsx(
                   Link,
                   {
                     href: "/login",
                     className: "text-primary hover:underline font-medium focus:outline-none focus:ring-2 focus:ring-accent",
-                    "aria-label": "Ir a p\xE1gina de inicio de sesi\xF3n",
-                    "data-testid": createTestId("signup", "login", "link"),
+                    "aria-label": t("signup.footer.signInAria"),
                     "data-cy": sel("auth.signup.loginLink"),
-                    children: "Sign in"
+                    children: t("signup.footer.signIn")
                   }
                 )
               ] })

package/dist/components/auth/forms/index.js

@@ -1,5 +1,5 @@
-import { LoginForm } from "./LoginForm";
-import { SignupForm } from "./SignupForm";
+import { LoginForm } from "./LoginForm.js";
+import { SignupForm } from "./SignupForm.js";
 export {
   LoginForm,
   SignupForm

package/dist/components/auth/index.js

@@ -1,8 +1,8 @@
-import { LoginForm } from "./forms/LoginForm";
-import { SignupForm } from "./forms/SignupForm";
-import { AuthWrapper } from "./layouts/AuthWrapper";
-import { AuthWrapperWithPreload } from "./layouts/AuthWrapperWithPreload";
-import { DevKeyring } from "./DevKeyring";
+import { LoginForm } from "./forms/LoginForm.js";
+import { SignupForm } from "./forms/SignupForm.js";
+import { AuthWrapper } from "./layouts/AuthWrapper.js";
+import { AuthWrapperWithPreload } from "./layouts/AuthWrapperWithPreload.js";
+import { DevKeyring } from "./DevKeyring.js";
 export {
   AuthWrapper,
   AuthWrapperWithPreload,

package/dist/components/auth/layouts/AuthWrapperWithPreload.js

@@ -1,6 +1,6 @@
 "use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { AuthTranslationPreloader } from "../../../lib/i18n/AuthTranslationPreloader";
+import { AuthTranslationPreloader } from "../../../lib/i18n/AuthTranslationPreloader.js";
 function AuthWrapperWithPreload({ children }) {
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(AuthTranslationPreloader, {}),

package/dist/components/auth/layouts/index.js

@@ -1,5 +1,5 @@
-import { AuthWrapper } from "./AuthWrapper";
-import { AuthWrapperWithPreload } from "./AuthWrapperWithPreload";
+import { AuthWrapper } from "./AuthWrapper.js";
+import { AuthWrapperWithPreload } from "./AuthWrapperWithPreload.js";
 export {
   AuthWrapper,
   AuthWrapperWithPreload

package/dist/components/auth/pages/AuthErrorPage.d.ts

@@ -0,0 +1,2 @@
+export declare function AuthErrorPage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AuthErrorPage.d.ts.map

package/dist/components/auth/pages/AuthErrorPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuthErrorPage.d.ts","sourceRoot":"","sources":["../../../../src/components/auth/pages/AuthErrorPage.tsx"],"names":[],"mappings":"AAOA,wBAAgB,aAAa,4CAiD5B"}

package/dist/components/auth/pages/AuthErrorPage.js

@@ -0,0 +1,44 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useSearchParams } from "next/navigation";
+import { useTranslations } from "next-intl";
+import { ShieldAlert, ArrowLeft } from "lucide-react";
+import { Button } from "../../ui/button.js";
+function AuthErrorPage() {
+  const searchParams = useSearchParams();
+  const t = useTranslations("auth.error");
+  const error = searchParams.get("error");
+  const code = (error == null ? void 0 : error.toLowerCase()) ?? "";
+  const isAccountError = code === "unable_to_create_user" || code === "unable_to_create_session" || code === "user_not_found";
+  const titleKey = isAccountError ? "unable_to_create.title" : "generic.title";
+  const descriptionKey = isAccountError ? "unable_to_create.description" : "generic.description";
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-6", "data-cy": "auth-error-page", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsx("div", { className: "rounded-full p-4 bg-destructive/10", children: /* @__PURE__ */ jsx(ShieldAlert, { className: "h-8 w-8 text-destructive", strokeWidth: 1.5 }) }) }),
+    /* @__PURE__ */ jsxs("div", { className: "text-center space-y-2", children: [
+      /* @__PURE__ */ jsx(
+        "h1",
+        {
+          className: "text-xl font-semibold text-foreground",
+          "data-cy": "auth-error-title",
+          children: t(titleKey)
+        }
+      ),
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground leading-relaxed", children: t(descriptionKey) })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2 pt-2", children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        asChild: true,
+        className: "w-full",
+        "data-cy": "auth-error-back-to-login",
+        children: /* @__PURE__ */ jsxs("a", { href: "/login", children: [
+          /* @__PURE__ */ jsx(ArrowLeft, { className: "mr-2 h-4 w-4" }),
+          t("backToLogin")
+        ] })
+      }
+    ) })
+  ] });
+}
+export {
+  AuthErrorPage
+};

package/dist/components/billing/ConfirmPlanChangeModal.d.ts

@@ -0,0 +1,29 @@
+interface ConfirmPlanChangeModalProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    currentPlanSlug: string;
+    targetPlanSlug: string;
+    onConfirm: () => void;
+    loading?: boolean;
+}
+/**
+ * ConfirmPlanChangeModal - Confirmation dialog for plan upgrades/downgrades
+ *
+ * Detects whether the change is an upgrade or downgrade based on plan price,
+ * and shows an appropriate message to the user before confirming.
+ *
+ * @example
+ * ```tsx
+ * <ConfirmPlanChangeModal
+ *   open={isOpen}
+ *   onOpenChange={setIsOpen}
+ *   currentPlanSlug="starter"
+ *   targetPlanSlug="pro"
+ *   onConfirm={() => handlePlanChange('pro')}
+ *   loading={isChanging}
+ * />
+ * ```
+ */
+export declare function ConfirmPlanChangeModal({ open, onOpenChange, currentPlanSlug, targetPlanSlug, onConfirm, loading }: ConfirmPlanChangeModalProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ConfirmPlanChangeModal.d.ts.map

package/dist/components/billing/ConfirmPlanChangeModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmPlanChangeModal.d.ts","sourceRoot":"","sources":["../../../src/components/billing/ConfirmPlanChangeModal.tsx"],"names":[],"mappings":"AAiBA,UAAU,2BAA2B;IACnC,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,eAAe,EAAE,MAAM,CAAA;IACvB,cAAc,EAAE,MAAM,CAAA;IACtB,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,IAAI,EACJ,YAAY,EACZ,eAAe,EACf,cAAc,EACd,SAAS,EACT,OAAe,EAChB,EAAE,2BAA2B,2CA4F7B"}