@mesob/auth-react 0.1.1 → 0.2.1

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

@@ -2,6 +2,11 @@
 
 // src/components/auth/sign-in.tsx
 import { zodResolver } from "@hookform/resolvers/zod";
+import {
+  Alert,
+  AlertDescription,
+  AlertTitle
+} from "@mesob/ui/components/alert";
 import { Button } from "@mesob/ui/components/button";
 import {
   Field,
@@ -10,12 +15,17 @@ import {
   FieldLabel
 } from "@mesob/ui/components/field";
 import { Input } from "@mesob/ui/components/input";
+import { useMesob as useMesob2 } from "@mesob/ui/components/mesob-context";
 import { Spinner } from "@mesob/ui/components/spinner";
-import { IconEye, IconEyeOff } from "@tabler/icons-react";
-import { useEffect as useEffect2, useState as useState2 } from "react";
+import { IconAlertCircle, IconEye, IconEyeOff } from "@tabler/icons-react";
+import { useEffect, useState as useState2 } from "react";
 import { Controller, useForm } from "react-hook-form";
+import { toast } from "sonner";
 import { z } from "zod";
 
+// src/hooks/use-translator.ts
+import { useMesob } from "@mesob/ui/components/mesob-context";
+
 // src/lib/translations.ts
 function createTranslator(messages, namespace) {
   return (key, params) => {
@@ -47,7 +57,12 @@ import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { deepmerge } from "deepmerge-ts";
 import createFetchClient from "openapi-fetch";
 import createClient from "openapi-react-query";
-import { createContext, useContext, useEffect, useState } from "react";
+import { createContext, useContext, useMemo, useState } from "react";
+
+// src/utils/cookie.ts
+var isProduction = typeof process !== "undefined" && process.env.NODE_ENV === "production";
+
+// src/provider.tsx
 import { jsx } from "react/jsx-runtime";
 var SessionContext = createContext(null);
 var ApiContext = createContext(null);
@@ -55,9 +70,6 @@ var ConfigContext = createContext(null);
 var queryClient = new QueryClient({
   defaultOptions: {
     queries: {
-      staleTime: 1e3 * 60 * 5,
-      gcTime: 1e3 * 60 * 10,
-      retry: 1,
       refetchOnWindowFocus: false
     }
   }
@@ -79,37 +91,168 @@ function useConfig() {
 
 // src/hooks/use-translator.ts
 function useTranslator(namespace) {
+  const mesob = useMesob();
   const { config } = useConfig();
+  if (mesob?.t) {
+    return (key, params) => mesob.t(namespace ? `${namespace}.${key}` : key, params);
+  }
   return createTranslator(config.messages || {}, namespace);
 }
 
+// src/constants/auth.error.codes.ts
+var AUTH_ERROR_MAPPING = {
+  USER_NOT_FOUND: {
+    title: "Account Not Found",
+    description: "We could not find an account with that identifier. Please check your spelling or sign up."
+  },
+  INVALID_PASSWORD: {
+    title: "Invalid Password",
+    description: "The password you entered is incorrect. Please try again."
+  },
+  USER_EXISTS: {
+    title: "Account Already Exists",
+    description: "An account with this identifier already exists. Please sign in instead."
+  },
+  VERIFICATION_EXPIRED: {
+    title: "Verification Expired",
+    description: "The verification code or link has expired. Please request a new one."
+  },
+  VERIFICATION_MISMATCH: {
+    title: "Invalid Code",
+    description: "The verification code you entered is invalid. Please double-check and try again."
+  },
+  VERIFICATION_NOT_FOUND: {
+    title: "Verification Not Found",
+    description: "We could not find a pending verification request. Please restart the process."
+  },
+  TOO_MANY_ATTEMPTS: {
+    title: "Too Many Attempts",
+    description: "You have made too many requests recently. Please wait a moment before trying again."
+  },
+  REQUIRES_VERIFICATION: {
+    title: "Verification Required",
+    description: "You need to verify your account before you can continue. Please check your email or phone."
+  },
+  UNAUTHORIZED: {
+    title: "Unauthorized",
+    description: "You are not authorized to perform this action. Please sign in again."
+  },
+  ACCESS_DENIED: {
+    title: "Access Denied",
+    description: "You do not have permission to access this resource. Please contact support if you believe this is an error."
+  },
+  HAS_NO_PASSWORD: {
+    title: "No Password Set",
+    description: "Your account does not have a password set (e.g. social login). Please sign in with your provider or reset your password."
+  }
+};
+var validCodes = Object.keys(AUTH_ERROR_MAPPING);
+
+// src/utils/handle-error.ts
+function isAuthError(err) {
+  return typeof err === "object" && err !== null && "message" in err && typeof err.message === "string";
+}
+function extractErrorCode(err) {
+  if (err.code && validCodes.includes(err.code)) {
+    return err.code;
+  }
+  if (err.message) {
+    const messageUpper = err.message.toUpperCase().trim();
+    if (validCodes.includes(messageUpper)) {
+      return messageUpper;
+    }
+  }
+  return "";
+}
+function sanitizeErrorMessage(message) {
+  const lowerMessage = message.toLowerCase();
+  const isDatabaseError = lowerMessage.includes("failed query") || lowerMessage.includes("select") || lowerMessage.includes("insert") || lowerMessage.includes("update") || lowerMessage.includes("delete") || lowerMessage.includes("from") || lowerMessage.includes("where") || lowerMessage.includes("limit") || lowerMessage.includes("params:") || lowerMessage.includes("query") || message.includes('"iam".') || message.includes('"tenants"') || message.includes('"users"') || message.includes('"sessions"') || message.includes('"accounts"') || lowerMessage.includes("relation") || lowerMessage.includes("column") || lowerMessage.includes("syntax error") || lowerMessage.includes("database") || lowerMessage.includes("postgres") || lowerMessage.includes("sql");
+  if (isDatabaseError) {
+    return "An error occurred while processing your request";
+  }
+  return message;
+}
+function handleAuthError(err, setError, t) {
+  const errorCode = extractErrorCode(err);
+  if (errorCode && AUTH_ERROR_MAPPING[errorCode]) {
+    const mapping = AUTH_ERROR_MAPPING[errorCode];
+    setError({
+      title: mapping.title,
+      description: mapping.description
+    });
+    return;
+  }
+  const sanitizedMessage = sanitizeErrorMessage(
+    err.message || t("errors.fallback")
+  );
+  setError({
+    title: t("errors.fallback"),
+    description: sanitizedMessage
+  });
+}
+function handleGenericError(err, setError, t) {
+  const rawMessage = err instanceof Error ? err.message : t("errors.fallback");
+  const sanitizedMessage = sanitizeErrorMessage(rawMessage);
+  setError({
+    title: "Error",
+    description: sanitizedMessage
+  });
+}
+var handleError = (err, setError, t) => {
+  if (isAuthError(err)) {
+    handleAuthError(err, setError, t);
+  } else {
+    handleGenericError(err, setError, t);
+  }
+};
+
 // src/utils/normalize-phone.ts
 function normalizePhone(phone) {
   const cleaned = phone.trim().replace(/\s/g, "");
-  if (cleaned.startsWith("+2519")) {
+  if (cleaned.startsWith("+2519") || cleaned.startsWith("+2517")) {
     return cleaned;
   }
-  if (cleaned.startsWith("2519")) {
+  if (cleaned.startsWith("2519") || cleaned.startsWith("2517")) {
     return `+${cleaned}`;
   }
-  if (cleaned.startsWith("09")) {
+  if (cleaned.startsWith("09") || cleaned.startsWith("07")) {
     return `+251${cleaned.slice(1)}`;
   }
-  if (cleaned.startsWith("9") && cleaned.length === 9) {
+  if ((cleaned.startsWith("9") || cleaned.startsWith("7")) && cleaned.length === 9) {
     return `+251${cleaned}`;
   }
   return cleaned;
 }
 
-// src/components/auth/sign-in.tsx
+// src/components/auth/auth-layout.tsx
 import { jsx as jsx2, jsxs } from "react/jsx-runtime";
-var identifierSchema = (t) => z.object({
-  identifier: z.string().trim().min(1, { message: t("errors.requiredField") }).refine(
+var AuthLayout = ({
+  title,
+  description,
+  children,
+  footer,
+  logoImage
+}) => {
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsx2("div", { className: "flex size-8 mb-6 w-full items-center justify-center rounded-md", children: /* @__PURE__ */ jsx2("img", { src: logoImage || "", alt: "Mesob", width: 42, height: 42 }) }),
+    /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
+      /* @__PURE__ */ jsx2("h1", { className: "text-2xl font-bold tracking-tight", children: title }),
+      description && /* @__PURE__ */ jsx2("p", { className: "mt-2 text-sm text-muted-foreground", children: description })
+    ] }),
+    children,
+    /* @__PURE__ */ jsx2("div", { className: "mt-2 w-full", children: footer && /* @__PURE__ */ jsx2("div", { className: "w-full text-center text-sm text-muted-foreground", children: footer }) })
+  ] });
+};
+
+// src/components/auth/sign-in.tsx
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+var isPhone = (s) => /^\+?[0-9()[\]\s-]{6,}$/.test(s);
+var usernameSchema = (t, phoneRegex) => z.object({
+  username: z.string().trim().min(1, { message: t("errors.requiredField") }).refine(
     (val) => {
       const isEmail = z.email().safeParse(val).success;
-      const phoneRegex = /^(\+2519|2519|09)\d{8}$/;
-      const isPhone = phoneRegex.test(val);
-      return isEmail || isPhone;
+      const isPhone2 = phoneRegex.test(val);
+      return isEmail || isPhone2;
     },
     {
       message: t("errors.invalidEmailOrPhone")
@@ -119,164 +262,249 @@ var identifierSchema = (t) => z.object({
 var passwordSchema = (t) => z.object({
   password: z.string().min(8, t("errors.passwordLength")).max(128, t("errors.longPasswordError"))
 });
-var SignIn = ({
-  onSubmit,
-  isLoading = false,
-  identifier: initialIdentifier = "",
-  step = "identifier",
-  onBack: _onBack
-}) => {
-  const { hooks } = useApi();
+var SignIn = ({ redirectUrl } = {}) => {
+  const { hooks, setAuth } = useApi();
+  const { config } = useConfig();
+  const mesob = useMesob2();
   const t = useTranslator("Auth.signIn");
+  const Link = mesob?.linkComponent ?? config.navigation?.linkComponent;
+  const [isLoading, setIsLoading] = useState2(false);
+  const [error, setError] = useState2(null);
+  const [showPasswordField, setShowPasswordField] = useState2(false);
   const [showPassword, setShowPassword] = useState2(false);
-  const [currentIdentifier, setCurrentIdentifier] = useState2(initialIdentifier);
-  const identifierForm = useForm({
-    resolver: zodResolver(identifierSchema(t)),
-    defaultValues: {
-      identifier: initialIdentifier
-    },
+  const [username, setUsername] = useState2("");
+  const [isChecking, setIsChecking] = useState2(false);
+  const checkUserMutation = hooks.useMutation("post", "/check-account");
+  const signInMutation = hooks.useMutation("post", "/sign-in");
+  const phoneRegex = typeof config.phoneRegex === "string" ? new RegExp(config.phoneRegex) : config.phoneRegex || /^(\+2519|\+2517|2519|2517|09|07)\d{8}$/;
+  const defaultRedirect = redirectUrl || config.navigation?.defaultRedirectUrl || "/dashboard";
+  const forgotPasswordLink = config.navigation?.links?.forgotPassword || "/auth/forgot-password";
+  const signUpLink = config.navigation?.links?.signUp || "/auth/sign-up";
+  const onNavigate = config.navigation?.onNavigate || ((path) => {
+    if (typeof window !== "undefined") {
+      window.location.href = path;
+    }
+  });
+  const logoImage = config.ui.logoImage;
+  const usernameForm = useForm({
+    resolver: zodResolver(usernameSchema(t, phoneRegex)),
+    defaultValues: { username: "" },
     mode: "onChange"
   });
   const passwordForm = useForm({
     resolver: zodResolver(passwordSchema(t)),
-    defaultValues: {
-      password: ""
-    },
+    defaultValues: { password: "" },
     mode: "onChange"
   });
-  const signInMutation = hooks.useMutation("post", "/sign-in");
-  useEffect2(() => {
-    if (initialIdentifier) {
-      identifierForm.setValue("identifier", initialIdentifier);
-      setCurrentIdentifier(initialIdentifier);
+  useEffect(() => {
+    if (error) {
+      toast.error(error.title || "Error", {
+        description: error.description
+      });
+    }
+  }, [error]);
+  const handleCheckAccount = async (usernameValue) => {
+    setIsChecking(true);
+    try {
+      const normalizedUsername = phoneRegex.test(usernameValue) ? normalizePhone(usernameValue) : usernameValue;
+      const result = await checkUserMutation.mutateAsync({
+        body: {
+          username: normalizedUsername
+        }
+      });
+      if (result.exists) {
+        setUsername(normalizedUsername);
+        setShowPasswordField(true);
+      } else {
+        const email = isPhone(normalizedUsername) ? "" : normalizedUsername;
+        if (email) {
+          onNavigate(`${signUpLink}?email=${encodeURIComponent(email)}`);
+        } else {
+          onNavigate(
+            `${signUpLink}?phone=${encodeURIComponent(normalizedUsername)}`
+          );
+        }
+      }
+    } catch {
+      usernameForm.setError("username", {
+        message: t("errors.checkAccountFailed")
+      });
+    } finally {
+      setIsChecking(false);
     }
-  }, [initialIdentifier, identifierForm]);
-  const handleIdentifierSubmit = async (values) => {
-    const phoneRegex = /^(\+2519|2519|09)\d{8}$/;
-    const normalizedIdentifier = phoneRegex.test(values.identifier) ? normalizePhone(values.identifier) : values.identifier;
-    setCurrentIdentifier(normalizedIdentifier);
-    identifierForm.setValue("identifier", normalizedIdentifier);
-    await onSubmit(
-      { identifier: normalizedIdentifier, password: "" },
-      "identifier"
-    );
+  };
+  const handleUsernameSubmit = async (values) => {
+    await handleCheckAccount(values.username);
   };
   const handlePasswordSubmit = async (values) => {
+    setIsLoading(true);
+    setError(null);
     try {
-      await signInMutation.mutateAsync({
+      const res = await signInMutation.mutateAsync({
         body: {
-          identifier: currentIdentifier || identifierForm.getValues("identifier"),
+          identifier: username,
           password: values.password
         }
       });
-      await onSubmit(
-        {
-          identifier: currentIdentifier || identifierForm.getValues("identifier"),
-          password: values.password
-        },
-        "password"
-      );
-    } catch {
-      await onSubmit(
-        {
-          identifier: currentIdentifier || identifierForm.getValues("identifier"),
-          password: values.password
-        },
-        "password"
-      );
+      if ("verificationId" in res && res.verificationId) {
+        const verifyPath = isPhone(username) ? `/auth/verify-phone?context=sign-in&verificationId=${res.verificationId}&identifier=${encodeURIComponent(username)}` : `/auth/verify-email?verificationId=${res.verificationId}`;
+        onNavigate(verifyPath);
+        return;
+      }
+      if ("user" in res && "session" in res) {
+        setAuth(res);
+      }
+      onNavigate(defaultRedirect);
+    } catch (err) {
+      handleError(err, setError, t);
+    } finally {
+      setIsLoading(false);
     }
   };
-  const isPasswordStep = step === "password";
-  const isSubmitting = isLoading || signInMutation.isPending;
-  if (isPasswordStep) {
-    return /* @__PURE__ */ jsxs(
-      "form",
-      {
-        id: "sign-in-password-form",
-        onSubmit: passwordForm.handleSubmit(handlePasswordSubmit),
-        children: [
-          /* @__PURE__ */ jsxs(FieldGroup, { children: [
-            /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
-              /* @__PURE__ */ jsx2("p", { className: "text-sm text-muted-foreground mb-2", children: t("form.enterPasswordFor") }),
-              /* @__PURE__ */ jsx2("p", { className: "font-bold", children: currentIdentifier || identifierForm.getValues("identifier") })
-            ] }),
-            /* @__PURE__ */ jsx2(
-              Controller,
+  const handleBack = () => {
+    setShowPasswordField(false);
+    setUsername("");
+    passwordForm.reset();
+  };
+  const isSubmitting = isLoading || checkUserMutation.isPending || signInMutation.isPending || isChecking;
+  let errorContent = null;
+  if (error) {
+    if (typeof error === "string") {
+      errorContent = { title: "Error", description: error };
+    } else {
+      errorContent = error;
+    }
+  }
+  const formContent = showPasswordField ? /* @__PURE__ */ jsxs2(
+    "form",
+    {
+      id: "sign-in-form",
+      onSubmit: passwordForm.handleSubmit(handlePasswordSubmit),
+      children: [
+        /* @__PURE__ */ jsxs2(FieldGroup, { children: [
+          /* @__PURE__ */ jsxs2("div", { className: "text-center mb-4", children: [
+            /* @__PURE__ */ jsx3("p", { className: "text-sm text-muted-foreground mb-1", children: t("form.enterPasswordFor") }),
+            /* @__PURE__ */ jsx3("p", { className: "font-medium text-foreground", children: username }),
+            /* @__PURE__ */ jsx3(
+              "button",
               {
-                name: "password",
-                control: passwordForm.control,
-                render: ({ field, fieldState }) => /* @__PURE__ */ jsxs(Field, { "data-invalid": fieldState.invalid, children: [
-                  /* @__PURE__ */ jsx2(FieldLabel, { htmlFor: "sign-in-password", children: t("form.passwordLabel") }),
-                  /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-                    /* @__PURE__ */ jsx2(
-                      Input,
-                      {
-                        ...field,
-                        id: "sign-in-password",
-                        type: showPassword ? "text" : "password",
-                        placeholder: t("form.passwordPlaceholder"),
-                        autoComplete: "current-password",
-                        "aria-invalid": fieldState.invalid
-                      }
-                    ),
-                    /* @__PURE__ */ jsx2(
-                      "button",
-                      {
-                        type: "button",
-                        onClick: () => setShowPassword(!showPassword),
-                        className: "absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground",
-                        children: showPassword ? /* @__PURE__ */ jsx2(IconEyeOff, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx2(IconEye, { className: "h-4 w-4" })
-                      }
-                    )
-                  ] }),
-                  fieldState.invalid && /* @__PURE__ */ jsx2(FieldError, { errors: [fieldState.error] })
-                ] })
+                type: "button",
+                onClick: handleBack,
+                className: "text-sm text-primary hover:underline mt-2",
+                children: t("changeAccount")
               }
             )
           ] }),
-          /* @__PURE__ */ jsx2("div", { className: "mt-4", children: /* @__PURE__ */ jsxs(Button, { type: "submit", className: "w-full", disabled: isSubmitting, children: [
-            isSubmitting && /* @__PURE__ */ jsx2(Spinner, {}),
-            isSubmitting ? t("form.submitting") : t("form.submit")
-          ] }) })
-        ]
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxs(
+          /* @__PURE__ */ jsx3(
+            Controller,
+            {
+              name: "password",
+              control: passwordForm.control,
+              render: ({ field, fieldState }) => /* @__PURE__ */ jsxs2(Field, { "data-invalid": fieldState.invalid, children: [
+                /* @__PURE__ */ jsx3(FieldLabel, { htmlFor: "sign-in-password", children: t("form.passwordLabel") }),
+                /* @__PURE__ */ jsxs2("div", { className: "relative", children: [
+                  /* @__PURE__ */ jsx3(
+                    Input,
+                    {
+                      ...field,
+                      id: "sign-in-password",
+                      type: showPassword ? "text" : "password",
+                      placeholder: t("form.passwordPlaceholder"),
+                      autoComplete: "current-password",
+                      "aria-invalid": fieldState.invalid
+                    }
+                  ),
+                  /* @__PURE__ */ jsx3(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: () => setShowPassword(!showPassword),
+                      className: "absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground",
+                      children: showPassword ? /* @__PURE__ */ jsx3(IconEyeOff, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx3(IconEye, { className: "h-4 w-4" })
+                    }
+                  )
+                ] }),
+                fieldState.invalid && /* @__PURE__ */ jsx3(FieldError, { errors: [fieldState.error] })
+              ] })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx3("div", { className: "mt-4", children: /* @__PURE__ */ jsxs2(Button, { type: "submit", className: "w-full", disabled: isSubmitting, children: [
+          isSubmitting && /* @__PURE__ */ jsx3(Spinner, {}),
+          isSubmitting ? t("form.submitting") : t("form.submit")
+        ] }) })
+      ]
+    }
+  ) : /* @__PURE__ */ jsxs2(
     "form",
     {
-      id: "sign-in-identifier-form",
-      onSubmit: identifierForm.handleSubmit(handleIdentifierSubmit),
+      id: "sign-in-form",
+      onSubmit: usernameForm.handleSubmit(handleUsernameSubmit),
       children: [
-        /* @__PURE__ */ jsx2(FieldGroup, { children: /* @__PURE__ */ jsx2(
+        /* @__PURE__ */ jsx3(FieldGroup, { children: /* @__PURE__ */ jsx3(
           Controller,
           {
-            name: "identifier",
-            control: identifierForm.control,
-            render: ({ field, fieldState }) => /* @__PURE__ */ jsxs(Field, { "data-invalid": fieldState.invalid, children: [
-              /* @__PURE__ */ jsx2(FieldLabel, { htmlFor: "sign-in-identifier", children: t("form.accountLabel") }),
-              /* @__PURE__ */ jsx2(
+            name: "username",
+            control: usernameForm.control,
+            render: ({ field, fieldState }) => /* @__PURE__ */ jsxs2(Field, { "data-invalid": fieldState.invalid, children: [
+              /* @__PURE__ */ jsx3(FieldLabel, { htmlFor: "sign-in-username", children: t("form.accountLabel") }),
+              /* @__PURE__ */ jsx3(
                 Input,
                 {
                   ...field,
-                  id: "sign-in-identifier",
+                  id: "sign-in-username",
                   type: "text",
                   placeholder: t("form.accountPlaceholder"),
                   autoComplete: "username",
                   "aria-invalid": fieldState.invalid
                 }
               ),
-              fieldState.invalid && /* @__PURE__ */ jsx2(FieldError, { errors: [fieldState.error] })
+              fieldState.invalid && /* @__PURE__ */ jsx3(FieldError, { errors: [fieldState.error] })
             ] })
           }
         ) }),
-        /* @__PURE__ */ jsx2("div", { className: "mt-4", children: /* @__PURE__ */ jsxs(Button, { type: "submit", className: "w-full", disabled: isSubmitting, children: [
-          isSubmitting && /* @__PURE__ */ jsx2(Spinner, {}),
+        /* @__PURE__ */ jsx3("div", { className: "mt-4", children: /* @__PURE__ */ jsxs2(Button, { type: "submit", className: "w-full", disabled: isSubmitting, children: [
+          isSubmitting && /* @__PURE__ */ jsx3(Spinner, {}),
           isSubmitting ? t("form.submitting") : t("form.continue")
         ] }) })
       ]
     }
   );
+  return /* @__PURE__ */ jsx3("div", { className: "space-y-4", children: /* @__PURE__ */ jsxs2(
+    AuthLayout,
+    {
+      title: t("title"),
+      description: t("description"),
+      logoImage,
+      footer: showPasswordField ? /* @__PURE__ */ jsx3("div", { className: "flex items-center justify-center w-full", children: Link ? /* @__PURE__ */ jsx3(
+        Link,
+        {
+          href: forgotPasswordLink,
+          className: "text-primary inline-block hover:underline",
+          children: t("footer.forgotPassword")
+        }
+      ) : /* @__PURE__ */ jsx3(
+        "a",
+        {
+          href: forgotPasswordLink,
+          onClick: (e) => {
+            e.preventDefault();
+            onNavigate(forgotPasswordLink);
+          },
+          className: "text-primary inline-block hover:underline",
+          children: t("footer.forgotPassword")
+        }
+      ) }) : void 0,
+      children: [
+        formContent,
+        errorContent && /* @__PURE__ */ jsxs2(Alert, { variant: "destructive", className: "mt-4", children: [
+          /* @__PURE__ */ jsx3(IconAlertCircle, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx3(AlertTitle, { children: errorContent.title }),
+          /* @__PURE__ */ jsx3(AlertDescription, { children: errorContent.description })
+        ] })
+      ]
+    }
+  ) });
 };
 export {
   SignIn