@mesob/auth-react 0.0.8 → 0.1.0

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

@@ -4,21 +4,85 @@
 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 { Spinner } from "@mesob/ui/components/spinner";
 import { IconEye, IconEyeOff } from "@tabler/icons-react";
-import { useTranslations } from "next-intl";
-import { 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";
 
+// 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 useApi() {
+  const context = useContext(ApiContext);
+  if (!context) {
+    throw new Error("useApi must be used within MesobAuthProvider");
+  }
+  return context;
+}
+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/utils/normalize-phone.ts
 function normalizePhone(phone) {
   const cleaned = phone.trim().replace(/\s/g, "");
@@ -38,126 +102,181 @@ function normalizePhone(phone) {
 }
 
 // src/components/auth/sign-in.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
+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(
+    (val) => {
+      const isEmail = z.email().safeParse(val).success;
+      const phoneRegex = /^(\+2519|2519|09)\d{8}$/;
+      const isPhone = phoneRegex.test(val);
+      return isEmail || isPhone;
+    },
+    {
+      message: t("errors.invalidEmailOrPhone")
+    }
+  )
+});
+var passwordSchema = (t) => z.object({
+  password: z.string().min(8, t("errors.passwordLength")).max(128, t("errors.longPasswordError"))
+});
 var SignIn = ({
   onSubmit,
   isLoading = false,
-  identifier = "",
+  identifier: initialIdentifier = "",
   step = "identifier",
   onBack: _onBack
 }) => {
-  const t = useTranslations("Auth.signIn");
-  const [showPassword, setShowPassword] = useState(false);
-  const identifierSchema = useMemo(
-    () => z.object({
-      account: z.string().trim().min(1, { message: t("errors.requiredField") }).refine(
-        (val) => {
-          const isEmail = z.string().email().safeParse(val).success;
-          const phoneRegex = /^(\+2519|2519|09)\d{8}$/;
-          const isPhone = phoneRegex.test(val);
-          return isEmail || isPhone;
-        },
-        {
-          message: t("errors.invalidEmailOrPhone")
-        }
-      )
-    }),
-    [t]
-  );
-  const passwordSchema = useMemo(
-    () => z.object({
-      password: z.string().min(8, t("errors.passwordLength")).max(128, t("errors.longPasswordError"))
-    }),
-    [t]
-  );
+  const { hooks } = useApi();
+  const t = useTranslator("Auth.signIn");
+  const [showPassword, setShowPassword] = useState2(false);
+  const [currentIdentifier, setCurrentIdentifier] = useState2(initialIdentifier);
   const identifierForm = useForm({
-    resolver: zodResolver(identifierSchema),
+    resolver: zodResolver(identifierSchema(t)),
     defaultValues: {
-      account: identifier
-    }
+      identifier: initialIdentifier
+    },
+    mode: "onChange"
   });
   const passwordForm = useForm({
-    resolver: zodResolver(passwordSchema),
+    resolver: zodResolver(passwordSchema(t)),
     defaultValues: {
       password: ""
-    }
+    },
+    mode: "onChange"
   });
-  const handleIdentifierSubmit = identifierForm.handleSubmit(async (values) => {
+  const signInMutation = hooks.useMutation("post", "/sign-in");
+  useEffect2(() => {
+    if (initialIdentifier) {
+      identifierForm.setValue("identifier", initialIdentifier);
+      setCurrentIdentifier(initialIdentifier);
+    }
+  }, [initialIdentifier, identifierForm]);
+  const handleIdentifierSubmit = async (values) => {
     const phoneRegex = /^(\+2519|2519|09)\d{8}$/;
-    const normalizedAccount = phoneRegex.test(values.account) ? normalizePhone(values.account) : values.account;
-    await onSubmit({ account: normalizedAccount, password: "" }, "identifier");
-  });
-  const handlePasswordSubmit = passwordForm.handleSubmit(async (values) => {
+    const normalizedIdentifier = phoneRegex.test(values.identifier) ? normalizePhone(values.identifier) : values.identifier;
+    setCurrentIdentifier(normalizedIdentifier);
+    identifierForm.setValue("identifier", normalizedIdentifier);
     await onSubmit(
-      { account: identifier, password: values.password },
-      "password"
+      { identifier: normalizedIdentifier, password: "" },
+      "identifier"
     );
-  });
-  if (step === "password") {
-    return /* @__PURE__ */ jsx(Form, { ...passwordForm, children: /* @__PURE__ */ jsxs("form", { onSubmit: handlePasswordSubmit, className: "space-y-4", children: [
-      /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
-        /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mb-2", children: t("form.enterPasswordFor") }),
-        /* @__PURE__ */ jsx("p", { className: "font-bold", children: identifier })
-      ] }),
-      /* @__PURE__ */ jsx(
-        FormField,
+  };
+  const handlePasswordSubmit = async (values) => {
+    try {
+      await signInMutation.mutateAsync({
+        body: {
+          identifier: currentIdentifier || identifierForm.getValues("identifier"),
+          password: values.password
+        }
+      });
+      await onSubmit(
         {
-          control: passwordForm.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(
+          identifier: currentIdentifier || identifierForm.getValues("identifier"),
+          password: values.password
+        },
+        "password"
+      );
+    } catch {
+      await onSubmit(
+        {
+          identifier: currentIdentifier || identifierForm.getValues("identifier"),
+          password: values.password
+        },
+        "password"
+      );
+    }
+  };
+  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,
+              {
+                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] })
+                ] })
+              }
+            )
+          ] }),
+          /* @__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(
+    "form",
+    {
+      id: "sign-in-identifier-form",
+      onSubmit: identifierForm.handleSubmit(handleIdentifierSubmit),
+      children: [
+        /* @__PURE__ */ jsx2(FieldGroup, { children: /* @__PURE__ */ jsx2(
+          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(
                 Input,
                 {
-                  type: showPassword ? "text" : "password",
-                  placeholder: t("form.passwordPlaceholder"),
-                  autoComplete: "current-password",
-                  ...field
+                  ...field,
+                  id: "sign-in-identifier",
+                  type: "text",
+                  placeholder: t("form.accountPlaceholder"),
+                  autoComplete: "username",
+                  "aria-invalid": fieldState.invalid
                 }
               ),
-              /* @__PURE__ */ jsx(
-                "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__ */ jsx(IconEyeOff, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(IconEye, { className: "h-4 w-4" })
-                }
-              )
-            ] }) }),
-            /* @__PURE__ */ jsx(FormMessage, {})
-          ] })
-        }
-      ),
-      /* @__PURE__ */ jsx(Button, { type: "submit", className: "w-full", disabled: isLoading, children: isLoading ? t("form.submitting") : t("form.submit") })
-    ] }) });
-  }
-  return /* @__PURE__ */ jsx(Form, { ...identifierForm, children: /* @__PURE__ */ jsxs("form", { onSubmit: handleIdentifierSubmit, className: "space-y-4", children: [
-    /* @__PURE__ */ jsx(
-      FormField,
-      {
-        control: identifierForm.control,
-        name: "account",
-        render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
-          /* @__PURE__ */ jsx(FormLabel, { children: t("form.accountLabel") }),
-          /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(
-            Input,
-            {
-              type: "text",
-              placeholder: t("form.accountPlaceholder"),
-              ...field
-            }
-          ) }),
-          /* @__PURE__ */ jsx(FormMessage, {})
-        ] })
-      }
-    ),
-    /* @__PURE__ */ jsxs(Button, { type: "submit", className: "w-full", disabled: isLoading, children: [
-      isLoading && /* @__PURE__ */ jsx(Spinner, {}),
-      isLoading ? t("form.submitting") : t("form.continue")
-    ] })
-  ] }) });
+              fieldState.invalid && /* @__PURE__ */ jsx2(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, {}),
+          isSubmitting ? t("form.submitting") : t("form.continue")
+        ] }) })
+      ]
+    }
+  );
 };
 export {
   SignIn

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/auth/sign-in.tsx","../../../src/utils/normalize-phone.ts"],"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 { Spinner } from '@mesob/ui/components/spinner';\nimport { IconEye, IconEyeOff } from '@tabler/icons-react';\nimport { useTranslations } from 'next-intl';\nimport { useMemo, useState } from 'react';\nimport { useForm } from 'react-hook-form';\nimport { z } from 'zod';\nimport { normalizePhone } from '../../utils/normalize-phone';\n\ntype SignInFormValues = {\n  account: string;\n  password: string;\n};\n\ntype SignInProps = {\n  onSubmit: (\n    values: SignInFormValues,\n    step: 'identifier' | 'password',\n  ) => Promise<void> | void;\n  isLoading?: boolean;\n  identifier?: string;\n  step?: 'identifier' | 'password';\n  onBack?: () => void;\n};\n\nexport const SignIn = ({\n  onSubmit,\n  isLoading = false,\n  identifier = '',\n  step = 'identifier',\n  onBack: _onBack,\n}: SignInProps) => {\n  const t = useTranslations('Auth.signIn');\n  const [showPassword, setShowPassword] = useState(false);\n\n  const identifierSchema = useMemo(\n    () =>\n      z.object({\n        account: z\n          .string()\n          .trim()\n          .min(1, { message: t('errors.requiredField') })\n          .refine(\n            (val) => {\n              const isEmail = z.string().email().safeParse(val).success;\n              const phoneRegex = /^(\\+2519|2519|09)\\d{8}$/;\n              const isPhone = phoneRegex.test(val);\n              return isEmail || isPhone;\n            },\n            {\n              message: t('errors.invalidEmailOrPhone'),\n            },\n          ),\n      }),\n    [t],\n  );\n\n  const passwordSchema = useMemo(\n    () =>\n      z.object({\n        password: z\n          .string()\n          .min(8, t('errors.passwordLength'))\n          .max(128, t('errors.longPasswordError')),\n      }),\n    [t],\n  );\n\n  const identifierForm = useForm<{ account: string }>({\n    resolver: zodResolver(identifierSchema),\n    defaultValues: {\n      account: identifier,\n    },\n  });\n\n  const passwordForm = useForm<{ password: string }>({\n    resolver: zodResolver(passwordSchema),\n    defaultValues: {\n      password: '',\n    },\n  });\n\n  const handleIdentifierSubmit = identifierForm.handleSubmit(async (values) => {\n    const phoneRegex = /^(\\+2519|2519|09)\\d{8}$/;\n    const normalizedAccount = phoneRegex.test(values.account)\n      ? normalizePhone(values.account)\n      : values.account;\n    await onSubmit({ account: normalizedAccount, password: '' }, 'identifier');\n  });\n\n  const handlePasswordSubmit = passwordForm.handleSubmit(async (values) => {\n    await onSubmit(\n      { account: identifier, password: values.password },\n      'password',\n    );\n  });\n\n  if (step === 'password') {\n    return (\n      <Form {...passwordForm}>\n        <form onSubmit={handlePasswordSubmit} className=\"space-y-4\">\n          <div className=\"text-center\">\n            <p className=\"text-sm text-muted-foreground mb-2\">\n              {t('form.enterPasswordFor')}\n            </p>\n            <p className=\"font-bold\">{identifier}</p>\n          </div>\n          <FormField\n            control={passwordForm.control}\n            name=\"password\"\n            render={({ field }) => (\n              <FormItem>\n                <FormLabel>{t('form.passwordLabel')}</FormLabel>\n                <FormControl>\n                  <div className=\"relative\">\n                    <Input\n                      type={showPassword ? 'text' : 'password'}\n                      placeholder={t('form.passwordPlaceholder')}\n                      autoComplete=\"current-password\"\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          <Button type=\"submit\" className=\"w-full\" disabled={isLoading}>\n            {isLoading ? t('form.submitting') : t('form.submit')}\n          </Button>\n        </form>\n      </Form>\n    );\n  }\n\n  return (\n    <Form {...identifierForm}>\n      <form onSubmit={handleIdentifierSubmit} className=\"space-y-4\">\n        <FormField\n          control={identifierForm.control}\n          name=\"account\"\n          render={({ field }) => (\n            <FormItem>\n              <FormLabel>{t('form.accountLabel')}</FormLabel>\n              <FormControl>\n                <Input\n                  type=\"text\"\n                  placeholder={t('form.accountPlaceholder')}\n                  {...field}\n                />\n              </FormControl>\n              <FormMessage />\n            </FormItem>\n          )}\n        />\n        <Button type=\"submit\" className=\"w-full\" disabled={isLoading}>\n          {isLoading && <Spinner />}\n          {isLoading ? t('form.submitting') : t('form.continue')}\n        </Button>\n      </form>\n    </Form>\n  );\n};\n","export function normalizePhone(phone: string): string {\n  const cleaned = phone.trim().replace(/\\s/g, '');\n  if (cleaned.startsWith('+2519')) {\n    return cleaned;\n  }\n  if (cleaned.startsWith('2519')) {\n    return `+${cleaned}`;\n  }\n  if (cleaned.startsWith('09')) {\n    return `+251${cleaned.slice(1)}`;\n  }\n  if (cleaned.startsWith('9') && cleaned.length === 9) {\n    return `+251${cleaned}`;\n  }\n  return cleaned;\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/components/auth/sign-in.tsx","../../../src/lib/translations.ts","../../../src/provider.tsx","../../../src/hooks/use-translator.ts","../../../src/utils/normalize-phone.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 { Spinner } from '@mesob/ui/components/spinner';\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';\nimport { useApi } from '../../provider';\nimport { normalizePhone } from '../../utils/normalize-phone';\n\ntype SignInFormValues = {\n  identifier: string;\n  password?: string;\n};\n\ntype SignInProps = {\n  onSubmit: (\n    values: SignInFormValues,\n    step: 'identifier' | 'password',\n  ) => Promise<void> | void;\n  isLoading?: boolean;\n  identifier?: string;\n  step?: 'identifier' | 'password';\n  onBack?: () => void;\n};\n\nconst identifierSchema = (t: (key: string) => string) =>\n  z.object({\n    identifier: z\n      .string()\n      .trim()\n      .min(1, { message: t('errors.requiredField') })\n      .refine(\n        (val) => {\n          const isEmail = z.email().safeParse(val).success;\n          const phoneRegex = /^(\\+2519|2519|09)\\d{8}$/;\n          const isPhone = phoneRegex.test(val);\n          return isEmail || isPhone;\n        },\n        {\n          message: t('errors.invalidEmailOrPhone'),\n        },\n      ),\n  });\n\nconst passwordSchema = (t: (key: string) => string) =>\n  z.object({\n    password: z\n      .string()\n      .min(8, t('errors.passwordLength'))\n      .max(128, t('errors.longPasswordError')),\n  });\n\nexport const SignIn = ({\n  onSubmit,\n  isLoading = false,\n  identifier: initialIdentifier = '',\n  step = 'identifier',\n  onBack: _onBack,\n}: SignInProps) => {\n  const { hooks } = useApi();\n  const t = useTranslator('Auth.signIn');\n  const [showPassword, setShowPassword] = useState(false);\n  const [currentIdentifier, setCurrentIdentifier] = useState(initialIdentifier);\n\n  const identifierForm = useForm<{ identifier: string }>({\n    resolver: zodResolver(identifierSchema(t)),\n    defaultValues: {\n      identifier: initialIdentifier,\n    },\n    mode: 'onChange',\n  });\n\n  const passwordForm = useForm<{ password: string }>({\n    resolver: zodResolver(passwordSchema(t)),\n    defaultValues: {\n      password: '',\n    },\n    mode: 'onChange',\n  });\n\n  const signInMutation = hooks.useMutation('post', '/sign-in');\n\n  useEffect(() => {\n    if (initialIdentifier) {\n      identifierForm.setValue('identifier', initialIdentifier);\n      setCurrentIdentifier(initialIdentifier);\n    }\n  }, [initialIdentifier, identifierForm]);\n\n  const handleIdentifierSubmit = async (values: { identifier: string }) => {\n    const phoneRegex = /^(\\+2519|2519|09)\\d{8}$/;\n    const normalizedIdentifier = phoneRegex.test(values.identifier)\n      ? normalizePhone(values.identifier)\n      : values.identifier;\n\n    setCurrentIdentifier(normalizedIdentifier);\n    identifierForm.setValue('identifier', normalizedIdentifier);\n    await onSubmit(\n      { identifier: normalizedIdentifier, password: '' },\n      'identifier',\n    );\n  };\n\n  const handlePasswordSubmit = async (values: { password: string }) => {\n    try {\n      await signInMutation.mutateAsync({\n        body: {\n          identifier:\n            currentIdentifier || identifierForm.getValues('identifier'),\n          password: values.password,\n        },\n      });\n\n      await onSubmit(\n        {\n          identifier:\n            currentIdentifier || identifierForm.getValues('identifier'),\n          password: values.password,\n        },\n        'password',\n      );\n    } catch {\n      await onSubmit(\n        {\n          identifier:\n            currentIdentifier || identifierForm.getValues('identifier'),\n          password: values.password,\n        },\n        'password',\n      );\n    }\n  };\n\n  const isPasswordStep = step === 'password';\n  const isSubmitting = isLoading || signInMutation.isPending;\n\n  if (isPasswordStep) {\n    return (\n      <form\n        id=\"sign-in-password-form\"\n        onSubmit={passwordForm.handleSubmit(handlePasswordSubmit)}\n      >\n        <FieldGroup>\n          <div className=\"text-center\">\n            <p className=\"text-sm text-muted-foreground mb-2\">\n              {t('form.enterPasswordFor')}\n            </p>\n            <p className=\"font-bold\">\n              {currentIdentifier || identifierForm.getValues('identifier')}\n            </p>\n          </div>\n          <Controller\n            name=\"password\"\n            control={passwordForm.control}\n            render={({ field, fieldState }) => (\n              <Field data-invalid={fieldState.invalid}>\n                <FieldLabel htmlFor=\"sign-in-password\">\n                  {t('form.passwordLabel')}\n                </FieldLabel>\n                <div className=\"relative\">\n                  <Input\n                    {...field}\n                    id=\"sign-in-password\"\n                    type={showPassword ? 'text' : 'password'}\n                    placeholder={t('form.passwordPlaceholder')}\n                    autoComplete=\"current-password\"\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 && (\n                  <FieldError errors={[fieldState.error]} />\n                )}\n              </Field>\n            )}\n          />\n        </FieldGroup>\n        <div className=\"mt-4\">\n          <Button type=\"submit\" className=\"w-full\" disabled={isSubmitting}>\n            {isSubmitting && <Spinner />}\n            {isSubmitting ? t('form.submitting') : t('form.submit')}\n          </Button>\n        </div>\n      </form>\n    );\n  }\n\n  return (\n    <form\n      id=\"sign-in-identifier-form\"\n      onSubmit={identifierForm.handleSubmit(handleIdentifierSubmit)}\n    >\n      <FieldGroup>\n        <Controller\n          name=\"identifier\"\n          control={identifierForm.control}\n          render={({ field, fieldState }) => (\n            <Field data-invalid={fieldState.invalid}>\n              <FieldLabel htmlFor=\"sign-in-identifier\">\n                {t('form.accountLabel')}\n              </FieldLabel>\n              <Input\n                {...field}\n                id=\"sign-in-identifier\"\n                type=\"text\"\n                placeholder={t('form.accountPlaceholder')}\n                autoComplete=\"username\"\n                aria-invalid={fieldState.invalid}\n              />\n              {fieldState.invalid && <FieldError errors={[fieldState.error]} />}\n            </Field>\n          )}\n        />\n      </FieldGroup>\n      <div className=\"mt-4\">\n        <Button type=\"submit\" className=\"w-full\" disabled={isSubmitting}>\n          {isSubmitting && <Spinner />}\n          {isSubmitting ? t('form.submitting') : t('form.continue')}\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","export function normalizePhone(phone: string): string {\n  const cleaned = phone.trim().replace(/\\s/g, '');\n  if (cleaned.startsWith('+2519')) {\n    return cleaned;\n  }\n  if (cleaned.startsWith('2519')) {\n    return `+${cleaned}`;\n  }\n  if (cleaned.startsWith('09')) {\n    return `+251${cleaned.slice(1)}`;\n  }\n  if (cleaned.startsWith('9') && cleaned.length === 9) {\n    return `+251${cleaned}`;\n  }\n  return cleaned;\n}\n"],"mappings":"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","names":["useEffect","useState","jsx","useState","useEffect"]}