@mesob/auth-react 0.0.7 → 0.1.0

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

@@ -4,54 +4,110 @@
 import { zodResolver } from "@hookform/resolvers/zod";
 import { Button } from "@mesob/ui/components/button";
 import {
-  Form,
-  FormControl,
-  FormField,
-  FormItem,
-  FormLabel,
-  FormMessage
-} from "@mesob/ui/components/form";
+  Field,
+  FieldError,
+  FieldGroup,
+  FieldLabel
+} from "@mesob/ui/components/field";
 import { Input } from "@mesob/ui/components/input";
 import { IconEye, IconEyeOff } from "@tabler/icons-react";
-import { useTranslations } from "next-intl";
-import { useEffect, useMemo, useState } from "react";
-import { useForm } from "react-hook-form";
+import { useEffect as useEffect2, useState as useState2 } from "react";
+import { Controller, useForm } from "react-hook-form";
 import { z } from "zod";
-import { jsx, jsxs } from "react/jsx-runtime";
+
+// src/lib/translations.ts
+function createTranslator(messages, namespace) {
+  return (key, params) => {
+    const fullKey = namespace ? `${namespace}.${key}` : key;
+    const keys = fullKey.split(".");
+    let value = messages;
+    for (const k of keys) {
+      if (value && typeof value === "object" && value !== null) {
+        value = value[k];
+      } else {
+        return fullKey;
+      }
+    }
+    if (typeof value !== "string") {
+      return fullKey;
+    }
+    if (params) {
+      return value.replace(
+        /\{(\w+)\}/g,
+        (_, param) => String(params[param] ?? `{${param}}`)
+      );
+    }
+    return value;
+  };
+}
+
+// src/provider.tsx
+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 { jsx } from "react/jsx-runtime";
+var SessionContext = createContext(null);
+var ApiContext = createContext(null);
+var ConfigContext = createContext(null);
+var queryClient = new QueryClient({
+  defaultOptions: {
+    queries: {
+      staleTime: 1e3 * 60 * 5,
+      gcTime: 1e3 * 60 * 10,
+      retry: 1,
+      refetchOnWindowFocus: false
+    }
+  }
+});
+function useConfig() {
+  const context = useContext(ConfigContext);
+  if (!context) {
+    throw new Error("useConfig must be used within MesobAuthProvider");
+  }
+  return context;
+}
+
+// src/hooks/use-translator.ts
+function useTranslator(namespace) {
+  const { config } = useConfig();
+  return createTranslator(config.messages || {}, namespace);
+}
+
+// src/components/auth/sign-up.tsx
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
 var isPhone = (s) => /^\+?[0-9()[\]\s-]{6,}$/.test(s);
+var signUpSchema = (t) => z.object({
+  fullName: z.string().min(1, t("errors.fullNameRequired")),
+  identifier: z.string().min(1, t("errors.contactRequired")).refine(
+    (val) => {
+      if (!val) {
+        return false;
+      }
+      return val.includes("@") || isPhone(val);
+    },
+    {
+      message: t("errors.invalidEmailOrPhone")
+    }
+  ),
+  password: z.string().min(8, t("errors.passwordLength")).max(128, t("errors.longPasswordError")),
+  confirmPassword: z.string()
+}).refine((data) => data.password === data.confirmPassword, {
+  message: t("errors.passwordsMismatch"),
+  path: ["confirmPassword"]
+});
 var SignUp = ({
   onSubmit,
   isLoading = false,
   initialIdentifier
 }) => {
-  const t = useTranslations("Auth.signUp");
+  const t = useTranslator("Auth.signUp");
   const hasInitialIdentifier = !!initialIdentifier;
-  const [showPassword, setShowPassword] = useState(false);
-  const [showConfirmPassword, setShowConfirmPassword] = useState(false);
-  const signUpSchema = useMemo(
-    () => z.object({
-      fullName: z.string().min(1, t("errors.fullNameRequired")),
-      identifier: z.string().min(1, t("errors.contactRequired")).refine(
-        (val) => {
-          if (!val) {
-            return false;
-          }
-          return val.includes("@") || isPhone(val);
-        },
-        {
-          message: t("errors.invalidEmailOrPhone")
-        }
-      ),
-      password: z.string().min(8, t("errors.passwordLength")).max(128, t("errors.longPasswordError")),
-      confirmPassword: z.string()
-    }).refine((data) => data.password === data.confirmPassword, {
-      message: t("errors.passwordsMismatch"),
-      path: ["confirmPassword"]
-    }),
-    [t]
-  );
+  const [showPassword, setShowPassword] = useState2(false);
+  const [showConfirmPassword, setShowConfirmPassword] = useState2(false);
   const form = useForm({
-    resolver: zodResolver(signUpSchema),
+    resolver: zodResolver(signUpSchema(t)),
     defaultValues: {
       fullName: "",
       identifier: initialIdentifier || "",
@@ -59,7 +115,7 @@ var SignUp = ({
       confirmPassword: ""
     }
   });
-  useEffect(() => {
+  useEffect2(() => {
     if (initialIdentifier) {
       form.setValue("identifier", initialIdentifier);
     }
@@ -77,101 +133,133 @@ var SignUp = ({
     return t("form.phoneLabel");
   };
   const identifierLabel = getIdentifierLabel();
-  return /* @__PURE__ */ jsx(Form, { ...form, children: /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
-    /* @__PURE__ */ jsx(
-      FormField,
-      {
-        control: form.control,
-        name: "fullName",
-        render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
-          /* @__PURE__ */ jsx(FormLabel, { children: t("form.fullNameLabel") }),
-          /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(Input, { placeholder: t("form.fullNamePlaceholder"), ...field }) }),
-          /* @__PURE__ */ jsx(FormMessage, {})
-        ] })
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      FormField,
-      {
-        control: form.control,
-        name: "identifier",
-        render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
-          /* @__PURE__ */ jsx(FormLabel, { className: hasInitialIdentifier ? "block" : void 0, children: identifierLabel }),
-          /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(
-            Input,
-            {
-              type: field.value.includes("@") ? "email" : "tel",
-              placeholder: hasInitialIdentifier ? void 0 : t("form.accountPlaceholder") || "Email or phone number",
-              ...field,
-              disabled: hasInitialIdentifier
-            }
-          ) }),
-          /* @__PURE__ */ jsx(FormMessage, {})
-        ] })
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      FormField,
-      {
-        control: form.control,
-        name: "password",
-        render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
-          /* @__PURE__ */ jsx(FormLabel, { children: t("form.passwordLabel") }),
-          /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-            /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs("form", { id: "sign-up-form", onSubmit: handleSubmit, children: [
+    /* @__PURE__ */ jsxs(FieldGroup, { children: [
+      /* @__PURE__ */ jsx2(
+        Controller,
+        {
+          name: "fullName",
+          control: form.control,
+          render: ({ field, fieldState }) => /* @__PURE__ */ jsxs(Field, { "data-invalid": fieldState.invalid, children: [
+            /* @__PURE__ */ jsx2(FieldLabel, { htmlFor: "sign-up-fullName", children: t("form.fullNameLabel") }),
+            /* @__PURE__ */ jsx2(
               Input,
               {
-                type: showPassword ? "text" : "password",
-                placeholder: t("form.passwordPlaceholder"),
-                ...field
+                ...field,
+                id: "sign-up-fullName",
+                placeholder: t("form.fullNamePlaceholder"),
+                "aria-invalid": fieldState.invalid
               }
             ),
-            /* @__PURE__ */ jsx(
-              "button",
+            fieldState.invalid && /* @__PURE__ */ jsx2(FieldError, { errors: [fieldState.error] })
+          ] })
+        }
+      ),
+      /* @__PURE__ */ jsx2(
+        Controller,
+        {
+          name: "identifier",
+          control: form.control,
+          render: ({ field, fieldState }) => /* @__PURE__ */ jsxs(Field, { "data-invalid": fieldState.invalid, children: [
+            /* @__PURE__ */ jsx2(
+              FieldLabel,
               {
-                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__ */ jsx(IconEyeOff, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(IconEye, { className: "h-4 w-4" })
+                htmlFor: "sign-up-identifier",
+                className: hasInitialIdentifier ? "block" : void 0,
+                children: identifierLabel
               }
-            )
-          ] }) }),
-          /* @__PURE__ */ jsx(FormMessage, {})
-        ] })
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      FormField,
-      {
-        control: form.control,
-        name: "confirmPassword",
-        render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
-          /* @__PURE__ */ jsx(FormLabel, { children: t("form.confirmPasswordLabel") }),
-          /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-            /* @__PURE__ */ jsx(
+            ),
+            /* @__PURE__ */ jsx2(
               Input,
               {
-                type: showConfirmPassword ? "text" : "password",
-                placeholder: t("form.passwordPlaceholder"),
-                ...field
+                ...field,
+                id: "sign-up-identifier",
+                type: field.value.includes("@") ? "email" : "tel",
+                placeholder: hasInitialIdentifier ? void 0 : t("form.accountPlaceholder") || "Email or phone number",
+                disabled: hasInitialIdentifier,
+                "aria-invalid": fieldState.invalid
               }
             ),
-            /* @__PURE__ */ jsx(
-              "button",
-              {
-                type: "button",
-                onClick: () => setShowConfirmPassword(!showConfirmPassword),
-                className: "absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground",
-                children: showConfirmPassword ? /* @__PURE__ */ jsx(IconEyeOff, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(IconEye, { className: "h-4 w-4" })
-              }
-            )
-          ] }) }),
-          /* @__PURE__ */ jsx(FormMessage, {})
-        ] })
+            fieldState.invalid && /* @__PURE__ */ jsx2(FieldError, { errors: [fieldState.error] })
+          ] })
+        }
+      ),
+      /* @__PURE__ */ jsx2(
+        Controller,
+        {
+          name: "password",
+          control: form.control,
+          render: ({ field, fieldState }) => /* @__PURE__ */ jsxs(Field, { "data-invalid": fieldState.invalid, children: [
+            /* @__PURE__ */ jsx2(FieldLabel, { htmlFor: "sign-up-password", children: t("form.passwordLabel") }),
+            /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+              /* @__PURE__ */ jsx2(
+                Input,
+                {
+                  ...field,
+                  id: "sign-up-password",
+                  type: showPassword ? "text" : "password",
+                  placeholder: t("form.passwordPlaceholder"),
+                  "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] })
+          ] })
+        }
+      ),
+      /* @__PURE__ */ jsx2(
+        Controller,
+        {
+          name: "confirmPassword",
+          control: form.control,
+          render: ({ field, fieldState }) => /* @__PURE__ */ jsxs(Field, { "data-invalid": fieldState.invalid, children: [
+            /* @__PURE__ */ jsx2(FieldLabel, { htmlFor: "sign-up-confirmPassword", children: t("form.confirmPasswordLabel") }),
+            /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+              /* @__PURE__ */ jsx2(
+                Input,
+                {
+                  ...field,
+                  id: "sign-up-confirmPassword",
+                  type: showConfirmPassword ? "text" : "password",
+                  placeholder: t("form.passwordPlaceholder"),
+                  "aria-invalid": fieldState.invalid
+                }
+              ),
+              /* @__PURE__ */ jsx2(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => setShowConfirmPassword(!showConfirmPassword),
+                  className: "absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground",
+                  children: showConfirmPassword ? /* @__PURE__ */ jsx2(IconEyeOff, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx2(IconEye, { className: "h-4 w-4" })
+                }
+              )
+            ] }),
+            fieldState.invalid && /* @__PURE__ */ jsx2(FieldError, { errors: [fieldState.error] })
+          ] })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx2("div", { className: "mt-4", children: /* @__PURE__ */ jsx2(
+      Button,
+      {
+        type: "submit",
+        form: "sign-up-form",
+        className: "w-full",
+        disabled: isLoading,
+        children: isLoading ? t("form.submitting") : t("form.submit")
       }
-    ),
-    /* @__PURE__ */ jsx(Button, { type: "submit", className: "w-full", disabled: isLoading, children: isLoading ? t("form.submitting") : t("form.submit") })
-  ] }) });
+    ) })
+  ] });
 };
 export {
   SignUp

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/auth/sign-up.tsx"],"sourcesContent":["'use client';\n\nimport { zodResolver } from '@hookform/resolvers/zod';\nimport { Button } from '@mesob/ui/components/button';\nimport {\n  Form,\n  FormControl,\n  FormField,\n  FormItem,\n  FormLabel,\n  FormMessage,\n} from '@mesob/ui/components/form';\nimport { Input } from '@mesob/ui/components/input';\nimport { IconEye, IconEyeOff } from '@tabler/icons-react';\nimport { useTranslations } from 'next-intl';\nimport { useEffect, useMemo, useState } from 'react';\nimport { useForm } from 'react-hook-form';\nimport { z } from 'zod';\n\nconst isPhone = (s: string) => /^\\+?[0-9()[\\]\\s-]{6,}$/.test(s);\n\ntype SignUpFormValues = {\n  fullName: string;\n  identifier: string;\n  handle?: string;\n  password: string;\n  confirmPassword: string;\n};\n\ntype SignUpProps = {\n  onSubmit: (values: SignUpFormValues) => Promise<void> | void;\n  isLoading?: boolean;\n  initialIdentifier?: string;\n};\n\nexport const SignUp = ({\n  onSubmit,\n  isLoading = false,\n  initialIdentifier,\n}: SignUpProps) => {\n  const t = useTranslations('Auth.signUp');\n  const hasInitialIdentifier = !!initialIdentifier;\n  const [showPassword, setShowPassword] = useState(false);\n  const [showConfirmPassword, setShowConfirmPassword] = useState(false);\n\n  const signUpSchema = useMemo(\n    () =>\n      z\n        .object({\n          fullName: z.string().min(1, t('errors.fullNameRequired')),\n          identifier: z\n            .string()\n            .min(1, t('errors.contactRequired'))\n            .refine(\n              (val) => {\n                if (!val) {\n                  return false;\n                }\n                return val.includes('@') || isPhone(val);\n              },\n              {\n                message: t('errors.invalidEmailOrPhone'),\n              },\n            ),\n          password: z\n            .string()\n            .min(8, t('errors.passwordLength'))\n            .max(128, t('errors.longPasswordError')),\n          confirmPassword: z.string(),\n        })\n        .refine((data) => data.password === data.confirmPassword, {\n          message: t('errors.passwordsMismatch'),\n          path: ['confirmPassword'],\n        }),\n    [t],\n  );\n\n  const form = useForm<SignUpFormValues>({\n    resolver: zodResolver(signUpSchema),\n    defaultValues: {\n      fullName: '',\n      identifier: initialIdentifier || '',\n      password: '',\n      confirmPassword: '',\n    },\n  });\n\n  useEffect(() => {\n    if (initialIdentifier) {\n      form.setValue('identifier', initialIdentifier);\n    }\n  }, [initialIdentifier, form]);\n\n  const handleSubmit = form.handleSubmit(async (values) => {\n    await onSubmit(values);\n  });\n\n  const getIdentifierLabel = () => {\n    if (!hasInitialIdentifier) {\n      return t('form.accountLabel') || 'Email/Phone';\n    }\n    if (initialIdentifier?.includes('@')) {\n      return t('form.emailLabel');\n    }\n    return t('form.phoneLabel');\n  };\n  const identifierLabel = getIdentifierLabel();\n\n  return (\n    <Form {...form}>\n      <form onSubmit={handleSubmit} className=\"space-y-4\">\n        <FormField\n          control={form.control}\n          name=\"fullName\"\n          render={({ field }) => (\n            <FormItem>\n              <FormLabel>{t('form.fullNameLabel')}</FormLabel>\n              <FormControl>\n                <Input placeholder={t('form.fullNamePlaceholder')} {...field} />\n              </FormControl>\n              <FormMessage />\n            </FormItem>\n          )}\n        />\n        <FormField\n          control={form.control}\n          name=\"identifier\"\n          render={({ field }) => (\n            <FormItem>\n              <FormLabel className={hasInitialIdentifier ? 'block' : undefined}>\n                {identifierLabel}\n              </FormLabel>\n              <FormControl>\n                <Input\n                  type={field.value.includes('@') ? 'email' : 'tel'}\n                  placeholder={\n                    hasInitialIdentifier\n                      ? undefined\n                      : t('form.accountPlaceholder') || 'Email or phone number'\n                  }\n                  {...field}\n                  disabled={hasInitialIdentifier}\n                />\n              </FormControl>\n              <FormMessage />\n            </FormItem>\n          )}\n        />\n        <FormField\n          control={form.control}\n          name=\"password\"\n          render={({ field }) => (\n            <FormItem>\n              <FormLabel>{t('form.passwordLabel')}</FormLabel>\n              <FormControl>\n                <div className=\"relative\">\n                  <Input\n                    type={showPassword ? 'text' : 'password'}\n                    placeholder={t('form.passwordPlaceholder')}\n                    {...field}\n                  />\n                  <button\n                    type=\"button\"\n                    onClick={() => setShowPassword(!showPassword)}\n                    className=\"absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground\"\n                  >\n                    {showPassword ? (\n                      <IconEyeOff className=\"h-4 w-4\" />\n                    ) : (\n                      <IconEye className=\"h-4 w-4\" />\n                    )}\n                  </button>\n                </div>\n              </FormControl>\n              <FormMessage />\n            </FormItem>\n          )}\n        />\n        <FormField\n          control={form.control}\n          name=\"confirmPassword\"\n          render={({ field }) => (\n            <FormItem>\n              <FormLabel>{t('form.confirmPasswordLabel')}</FormLabel>\n              <FormControl>\n                <div className=\"relative\">\n                  <Input\n                    type={showConfirmPassword ? 'text' : 'password'}\n                    placeholder={t('form.passwordPlaceholder')}\n                    {...field}\n                  />\n                  <button\n                    type=\"button\"\n                    onClick={() => setShowConfirmPassword(!showConfirmPassword)}\n                    className=\"absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground\"\n                  >\n                    {showConfirmPassword ? (\n                      <IconEyeOff className=\"h-4 w-4\" />\n                    ) : (\n                      <IconEye className=\"h-4 w-4\" />\n                    )}\n                  </button>\n                </div>\n              </FormControl>\n              <FormMessage />\n            </FormItem>\n          )}\n        />\n        <Button type=\"submit\" className=\"w-full\" disabled={isLoading}>\n          {isLoading ? t('form.submitting') : t('form.submit')}\n        </Button>\n      </form>\n    </Form>\n  );\n};\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/components/auth/sign-up.tsx","../../../src/lib/translations.ts","../../../src/provider.tsx","../../../src/hooks/use-translator.ts"],"sourcesContent":["'use client';\n\nimport { zodResolver } from '@hookform/resolvers/zod';\nimport { Button } from '@mesob/ui/components/button';\nimport {\n  Field,\n  FieldError,\n  FieldGroup,\n  FieldLabel,\n} from '@mesob/ui/components/field';\nimport { Input } from '@mesob/ui/components/input';\nimport { IconEye, IconEyeOff } from '@tabler/icons-react';\nimport { useEffect, useState } from 'react';\nimport { Controller, useForm } from 'react-hook-form';\nimport { z } from 'zod';\nimport { useTranslator } from '../../hooks/use-translator';\n\nconst isPhone = (s: string) => /^\\+?[0-9()[\\]\\s-]{6,}$/.test(s);\n\ntype SignUpFormValues = {\n  fullName: string;\n  identifier: string;\n  handle?: string;\n  password: string;\n  confirmPassword: string;\n};\n\ntype SignUpProps = {\n  onSubmit: (values: SignUpFormValues) => Promise<void> | void;\n  isLoading?: boolean;\n  initialIdentifier?: string;\n};\n\nconst signUpSchema = (t: (key: string) => string) =>\n  z\n    .object({\n      fullName: z.string().min(1, t('errors.fullNameRequired')),\n      identifier: z\n        .string()\n        .min(1, t('errors.contactRequired'))\n        .refine(\n          (val) => {\n            if (!val) {\n              return false;\n            }\n            return val.includes('@') || isPhone(val);\n          },\n          {\n            message: t('errors.invalidEmailOrPhone'),\n          },\n        ),\n      password: z\n        .string()\n        .min(8, t('errors.passwordLength'))\n        .max(128, t('errors.longPasswordError')),\n      confirmPassword: z.string(),\n    })\n    .refine((data) => data.password === data.confirmPassword, {\n      message: t('errors.passwordsMismatch'),\n      path: ['confirmPassword'],\n    });\n\nexport const SignUp = ({\n  onSubmit,\n  isLoading = false,\n  initialIdentifier,\n}: SignUpProps) => {\n  const t = useTranslator('Auth.signUp');\n  const hasInitialIdentifier = !!initialIdentifier;\n  const [showPassword, setShowPassword] = useState(false);\n  const [showConfirmPassword, setShowConfirmPassword] = useState(false);\n\n  const form = useForm<SignUpFormValues>({\n    resolver: zodResolver(signUpSchema(t)),\n    defaultValues: {\n      fullName: '',\n      identifier: initialIdentifier || '',\n      password: '',\n      confirmPassword: '',\n    },\n  });\n\n  useEffect(() => {\n    if (initialIdentifier) {\n      form.setValue('identifier', initialIdentifier);\n    }\n  }, [initialIdentifier, form]);\n\n  const handleSubmit = form.handleSubmit(async (values) => {\n    await onSubmit(values);\n  });\n\n  const getIdentifierLabel = () => {\n    if (!hasInitialIdentifier) {\n      return t('form.accountLabel') || 'Email/Phone';\n    }\n    if (initialIdentifier?.includes('@')) {\n      return t('form.emailLabel');\n    }\n    return t('form.phoneLabel');\n  };\n  const identifierLabel = getIdentifierLabel();\n\n  return (\n    <form id=\"sign-up-form\" onSubmit={handleSubmit}>\n      <FieldGroup>\n        <Controller\n          name=\"fullName\"\n          control={form.control}\n          render={({ field, fieldState }) => (\n            <Field data-invalid={fieldState.invalid}>\n              <FieldLabel htmlFor=\"sign-up-fullName\">\n                {t('form.fullNameLabel')}\n              </FieldLabel>\n              <Input\n                {...field}\n                id=\"sign-up-fullName\"\n                placeholder={t('form.fullNamePlaceholder')}\n                aria-invalid={fieldState.invalid}\n              />\n              {fieldState.invalid && <FieldError errors={[fieldState.error]} />}\n            </Field>\n          )}\n        />\n        <Controller\n          name=\"identifier\"\n          control={form.control}\n          render={({ field, fieldState }) => (\n            <Field data-invalid={fieldState.invalid}>\n              <FieldLabel\n                htmlFor=\"sign-up-identifier\"\n                className={hasInitialIdentifier ? 'block' : undefined}\n              >\n                {identifierLabel}\n              </FieldLabel>\n              <Input\n                {...field}\n                id=\"sign-up-identifier\"\n                type={field.value.includes('@') ? 'email' : 'tel'}\n                placeholder={\n                  hasInitialIdentifier\n                    ? undefined\n                    : t('form.accountPlaceholder') || 'Email or phone number'\n                }\n                disabled={hasInitialIdentifier}\n                aria-invalid={fieldState.invalid}\n              />\n              {fieldState.invalid && <FieldError errors={[fieldState.error]} />}\n            </Field>\n          )}\n        />\n        <Controller\n          name=\"password\"\n          control={form.control}\n          render={({ field, fieldState }) => (\n            <Field data-invalid={fieldState.invalid}>\n              <FieldLabel htmlFor=\"sign-up-password\">\n                {t('form.passwordLabel')}\n              </FieldLabel>\n              <div className=\"relative\">\n                <Input\n                  {...field}\n                  id=\"sign-up-password\"\n                  type={showPassword ? 'text' : 'password'}\n                  placeholder={t('form.passwordPlaceholder')}\n                  aria-invalid={fieldState.invalid}\n                />\n                <button\n                  type=\"button\"\n                  onClick={() => setShowPassword(!showPassword)}\n                  className=\"absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground\"\n                >\n                  {showPassword ? (\n                    <IconEyeOff className=\"h-4 w-4\" />\n                  ) : (\n                    <IconEye className=\"h-4 w-4\" />\n                  )}\n                </button>\n              </div>\n              {fieldState.invalid && <FieldError errors={[fieldState.error]} />}\n            </Field>\n          )}\n        />\n        <Controller\n          name=\"confirmPassword\"\n          control={form.control}\n          render={({ field, fieldState }) => (\n            <Field data-invalid={fieldState.invalid}>\n              <FieldLabel htmlFor=\"sign-up-confirmPassword\">\n                {t('form.confirmPasswordLabel')}\n              </FieldLabel>\n              <div className=\"relative\">\n                <Input\n                  {...field}\n                  id=\"sign-up-confirmPassword\"\n                  type={showConfirmPassword ? 'text' : 'password'}\n                  placeholder={t('form.passwordPlaceholder')}\n                  aria-invalid={fieldState.invalid}\n                />\n                <button\n                  type=\"button\"\n                  onClick={() => setShowConfirmPassword(!showConfirmPassword)}\n                  className=\"absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground\"\n                >\n                  {showConfirmPassword ? (\n                    <IconEyeOff className=\"h-4 w-4\" />\n                  ) : (\n                    <IconEye className=\"h-4 w-4\" />\n                  )}\n                </button>\n              </div>\n              {fieldState.invalid && <FieldError errors={[fieldState.error]} />}\n            </Field>\n          )}\n        />\n      </FieldGroup>\n      <div className=\"mt-4\">\n        <Button\n          type=\"submit\"\n          form=\"sign-up-form\"\n          className=\"w-full\"\n          disabled={isLoading}\n        >\n          {isLoading ? t('form.submitting') : t('form.submit')}\n        </Button>\n      </div>\n    </form>\n  );\n};\n","type Messages = Record<string, unknown>;\n\nexport function createTranslator(messages: Messages, namespace?: string) {\n  return (key: string, params?: Record<string, string | number>): string => {\n    const fullKey = namespace ? `${namespace}.${key}` : key;\n    const keys = fullKey.split('.');\n\n    let value: unknown = messages;\n    for (const k of keys) {\n      if (value && typeof value === 'object' && value !== null) {\n        value = (value as Record<string, unknown>)[k];\n      } else {\n        return fullKey;\n      }\n    }\n\n    if (typeof value !== 'string') {\n      return fullKey;\n    }\n\n    // Simple parameter replacement\n    if (params) {\n      return value.replace(/\\{(\\w+)\\}/g, (_, param) =>\n        String(params[param] ?? `{${param}}`),\n      );\n    }\n\n    return value;\n  };\n}\n","'use client';\n\nimport { QueryClient, QueryClientProvider } from '@tanstack/react-query';\nimport { deepmerge } from 'deepmerge-ts';\nimport createFetchClient from 'openapi-fetch';\nimport createClient from 'openapi-react-query';\nimport type { ReactNode } from 'react';\nimport { createContext, useContext, useEffect, useState } from 'react';\nimport type { paths } from './data/openapi';\nimport { createTranslator } from './lib/translations';\nimport {\n  type AuthClientConfig,\n  type AuthResponse,\n  defaultAuthClientConfig,\n  type Session,\n  type User,\n} from './types';\nimport { createCustomFetch } from './utils/custom-fetch';\n\ntype OpenApiHooks = any;\n\ntype SessionState = {\n  user: User | null;\n  session: Session | null;\n  isLoading: boolean;\n  isAuthenticated: boolean;\n  error: Error | null;\n};\n\ntype SessionContextValue = SessionState & {\n  refresh: () => Promise<void>;\n  signOut: () => Promise<void>;\n};\n\ntype ApiContextValue = {\n  hooks: OpenApiHooks;\n  setAuth: (auth: AuthResponse) => void;\n  clearAuth: () => void;\n  refresh: () => Promise<void>;\n};\n\ntype ConfigContextValue = {\n  config: AuthClientConfig;\n  t: (key: string, params?: Record<string, string | number>) => string;\n};\n\nconst SessionContext = createContext<SessionContextValue | null>(null);\nconst ApiContext = createContext<ApiContextValue | null>(null);\nconst ConfigContext = createContext<ConfigContextValue | null>(null);\n\nconst queryClient = new QueryClient({\n  defaultOptions: {\n    queries: {\n      staleTime: 1000 * 60 * 5,\n      gcTime: 1000 * 60 * 10,\n      retry: 1,\n      refetchOnWindowFocus: false,\n    },\n  },\n});\n\nexport function useSession() {\n  const context = useContext(SessionContext);\n  if (!context) {\n    throw new Error('useSession must be used within MesobAuthProvider');\n  }\n  return context;\n}\n\nexport function useApi() {\n  const context = useContext(ApiContext);\n  if (!context) {\n    throw new Error('useApi must be used within MesobAuthProvider');\n  }\n  return context;\n}\n\nexport function useConfig() {\n  const context = useContext(ConfigContext);\n  if (!context) {\n    throw new Error('useConfig must be used within MesobAuthProvider');\n  }\n  return context;\n}\n\ntype MesobAuthProviderProps = {\n  config: AuthClientConfig;\n  children: ReactNode;\n};\n\nexport function MesobAuthProvider({\n  config,\n  children,\n}: MesobAuthProviderProps) {\n  const mergedConfig = deepmerge(\n    { ...defaultAuthClientConfig } as Partial<AuthClientConfig>,\n    config,\n  ) as AuthClientConfig;\n\n  const api = createFetchClient<paths>({\n    baseUrl: mergedConfig.baseURL,\n    fetch: createCustomFetch(mergedConfig),\n  });\n\n  const hooks = createClient(api);\n\n  return (\n    <QueryClientProvider client={queryClient}>\n      <AuthStateProvider config={mergedConfig} hooks={hooks}>\n        {children}\n      </AuthStateProvider>\n    </QueryClientProvider>\n  );\n}\n\ntype AuthStateProviderProps = {\n  config: AuthClientConfig;\n  hooks: OpenApiHooks;\n  children: ReactNode;\n};\n\nfunction AuthStateProvider({\n  config,\n  hooks,\n  children,\n}: AuthStateProviderProps) {\n  const [authState, setAuthState] = useState<{\n    user: User | null;\n    session: Session | null;\n    isLoading: boolean;\n    error: Error | null;\n  }>({\n    user: null,\n    session: null,\n    isLoading: false,\n    error: null,\n  });\n\n  const {\n    data: sessionData,\n    isLoading: sessionLoading,\n    error: sessionError,\n    refetch,\n  } = hooks.useQuery(\n    'get',\n    '/session',\n    {},\n    {\n      enabled: true,\n      refetchOnMount: true,\n      refetchOnWindowFocus: false,\n      refetchOnReconnect: false,\n      retry: false,\n    },\n  );\n\n  useEffect(() => {\n    if (sessionLoading) {\n      setAuthState((prev) => ({ ...prev, isLoading: true }));\n      return;\n    }\n\n    if (sessionError) {\n      setAuthState({\n        user: null,\n        session: null,\n        isLoading: false,\n        error: sessionError as Error,\n      });\n      return;\n    }\n\n    if (sessionData) {\n      setAuthState({\n        user: sessionData.user,\n        session: sessionData.session,\n        isLoading: false,\n        error: null,\n      });\n      return;\n    }\n\n    setAuthState({\n      user: null,\n      session: null,\n      isLoading: false,\n      error: null,\n    });\n  }, [sessionData, sessionLoading, sessionError]);\n\n  const refresh = async () => {\n    await refetch();\n  };\n\n  const setAuth = (auth: AuthResponse) => {\n    setAuthState({\n      user: auth.user,\n      session: auth.session,\n      isLoading: false,\n      error: null,\n    });\n  };\n\n  const clearAuth = () => {\n    setAuthState({\n      user: null,\n      session: null,\n      isLoading: false,\n      error: null,\n    });\n  };\n\n  const signOutMutation = hooks.useMutation('post', '/sign-out');\n\n  const signOut = async () => {\n    try {\n      await signOutMutation.mutateAsync({});\n    } finally {\n      clearAuth();\n    }\n  };\n\n  const t = createTranslator(config.messages || {});\n\n  return (\n    <ConfigContext.Provider value={{ config, t }}>\n      <ApiContext.Provider value={{ hooks, setAuth, clearAuth, refresh }}>\n        <SessionContext.Provider\n          value={{\n            user: authState.user,\n            session: authState.session,\n            isLoading: authState.isLoading,\n            isAuthenticated: !!authState.user && !!authState.session,\n            error: authState.error,\n            refresh,\n            signOut,\n          }}\n        >\n          {children}\n        </SessionContext.Provider>\n      </ApiContext.Provider>\n    </ConfigContext.Provider>\n  );\n}\n","import { createTranslator } from '../lib/translations';\nimport { useConfig } from '../provider';\n\nexport function useTranslator(namespace?: string) {\n  const { config } = useConfig();\n  return createTranslator(config.messages || {}, namespace);\n}\n"],"mappings":"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","names":["useEffect","useState","jsx","useState","useEffect"]}

package/dist/components/auth/verification-form.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { A as AuthErrorContent } from '../../handle-error-H0iqQxJ5.js';
+import { A as AuthErrorContent } from '../../handle-error-BqDMxnQZ.js';
 
 type VerificationFormValues = {
     code: string;