@mesob/auth-react 0.4.0 → 0.4.2

package/dist/chunk-HOO2VLNM.js

@@ -0,0 +1,305 @@
+import {
+  normalizePhone
+} from "./chunk-V2W3WPCZ.js";
+import {
+  handleError
+} from "./chunk-55BMNC4S.js";
+import {
+  AuthLayout
+} from "./chunk-DPH2PHK3.js";
+import {
+  useTranslator
+} from "./chunk-QNCE2B5O.js";
+import {
+  useApi,
+  useConfig
+} from "./chunk-72YRO3A7.js";
+
+// src/components/auth/set-password.tsx
+import { zodResolver } from "@hookform/resolvers/zod";
+import {
+  Alert,
+  AlertDescription,
+  AlertTitle,
+  Button,
+  Form,
+  FormControl,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+  Input,
+  useFormField
+} from "@mesob/ui/components";
+import { useMesob } from "@mesob/ui/providers";
+import { IconAlertCircle, IconEye, IconEyeOff } from "@tabler/icons-react";
+import { useEffect, useEffectEvent, useState } from "react";
+import { useForm } from "react-hook-form";
+import { toast } from "sonner";
+import { z } from "zod";
+import { jsx, jsxs } from "react/jsx-runtime";
+function PasswordInput({ field, show, onToggle }) {
+  const { formItemId, error } = useFormField();
+  return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+    /* @__PURE__ */ jsx(
+      Input,
+      {
+        ...field,
+        id: formItemId,
+        type: show ? "text" : "password",
+        "aria-invalid": !!error,
+        className: "pr-10"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        type: "button",
+        variant: "ghost",
+        size: "icon",
+        className: "absolute right-0 top-0 h-full px-3 text-muted-foreground hover:text-foreground",
+        onClick: onToggle,
+        "aria-label": show ? "Hide password" : "Show password",
+        children: show ? /* @__PURE__ */ jsx(IconEyeOff, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(IconEye, { className: "h-4 w-4" })
+      }
+    )
+  ] });
+}
+var setPasswordSchema = (t) => z.object({
+  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 getPhoneRegex = (phoneRegex) => {
+  if (typeof phoneRegex === "string") {
+    return new RegExp(phoneRegex);
+  }
+  return phoneRegex || /^(\+2519|\+2517|2519|2517|09|07)\d{8}$/;
+};
+var normalizeIdentifier = (identifier, phoneRegex) => {
+  const resolvedPhoneRegex = getPhoneRegex(phoneRegex);
+  return resolvedPhoneRegex.test(identifier) ? normalizePhone(identifier) : identifier;
+};
+var SetPassword = function SetPassword2({
+  identifier,
+  redirectUrl
+} = {}) {
+  const { hooks, setAuth } = useApi();
+  const { config } = useConfig();
+  const mesob = useMesob();
+  const t = useTranslator("Auth.setPassword");
+  const Link = mesob?.navigation?.Link;
+  const [error, setError] = useState(null);
+  const [isLoading, setIsLoading] = useState(false);
+  const [isChecking, setIsChecking] = useState(true);
+  const [showPassword, setShowPassword] = useState(false);
+  const [showConfirmPassword, setShowConfirmPassword] = useState(false);
+  const [account, setAccount] = useState(null);
+  const checkAccountMutation = hooks.useMutation("post", "/check-account");
+  const setPasswordMutation = hooks.useMutation("post", "/password/set");
+  const onNavigate = config.navigation?.onNavigate || ((path) => {
+    if (typeof window !== "undefined") {
+      window.location.href = path;
+    }
+  });
+  const signInLink = config.navigation?.links?.signIn || "/auth/sign-in";
+  const logoImage = config.ui.logoImage;
+  const defaultRedirect = redirectUrl || config.navigation?.defaultRedirectUrl || "/";
+  const form = useForm({
+    resolver: zodResolver(setPasswordSchema(t)),
+    defaultValues: {
+      password: "",
+      confirmPassword: ""
+    }
+  });
+  useEffect(() => {
+    if (error) {
+      toast.error(error.title || "Error", {
+        description: error.description
+      });
+    }
+  }, [error]);
+  const loadAccount = useEffectEvent(async () => {
+    if (!identifier) {
+      setError({
+        title: t("errors.fallback"),
+        description: t("errors.missingIdentifier")
+      });
+      setIsChecking(false);
+      return;
+    }
+    try {
+      const normalizedIdentifier = normalizeIdentifier(
+        identifier,
+        config.phoneRegex
+      );
+      const res = await checkAccountMutation.mutateAsync({
+        body: { username: normalizedIdentifier }
+      });
+      if (!(res.exists && res.account && res.requiresPasswordSetup)) {
+        setError({
+          title: t("errors.fallback"),
+          description: t("errors.accountNotEligible")
+        });
+        setIsChecking(false);
+        return;
+      }
+      setAccount({
+        fullName: res.account.fullName,
+        email: res.account.email,
+        phone: res.account.phone
+      });
+    } catch {
+      setError({
+        title: t("errors.fallback"),
+        description: t("errors.accountLookupFailed")
+      });
+    } finally {
+      setIsChecking(false);
+    }
+  });
+  useEffect(() => {
+    loadAccount().catch(() => {
+      setIsChecking(false);
+    });
+  }, [identifier]);
+  const handleSubmit = form.handleSubmit(async (values) => {
+    if (!identifier) {
+      return;
+    }
+    setIsLoading(true);
+    setError(null);
+    try {
+      const normalizedIdentifier = normalizeIdentifier(
+        identifier,
+        config.phoneRegex
+      );
+      const res = await setPasswordMutation.mutateAsync({
+        body: {
+          identifier: normalizedIdentifier,
+          password: values.password
+        }
+      });
+      if ("user" in res && "session" in res) {
+        setAuth(res);
+      }
+      onNavigate(defaultRedirect);
+    } catch (err) {
+      handleError(err, setError, t);
+    } finally {
+      setIsLoading(false);
+    }
+  });
+  const accountLabel = account?.email ? t("form.emailLabel") : t("form.phoneLabel");
+  const accountValue = account?.email || account?.phone || identifier || "";
+  let errorContent = null;
+  if (error) {
+    errorContent = typeof error === "string" ? { title: "Error", description: error } : error;
+  }
+  const showError = !isChecking && !!errorContent;
+  const errorAlert = showError && errorContent && /* @__PURE__ */ jsxs(Alert, { variant: "destructive", className: "mt-4", children: [
+    /* @__PURE__ */ jsx(IconAlertCircle, { className: "h-4 w-4" }),
+    /* @__PURE__ */ jsx(AlertTitle, { children: errorContent.title }),
+    /* @__PURE__ */ jsx(AlertDescription, { children: errorContent.description })
+  ] });
+  return /* @__PURE__ */ jsxs(
+    AuthLayout,
+    {
+      title: config.ui.name,
+      description: t("description"),
+      logoImage,
+      footer: /* @__PURE__ */ jsxs("p", { children: [
+        t("footer.hasPassword"),
+        " ",
+        Link ? /* @__PURE__ */ jsx(Link, { href: signInLink, className: "text-primary hover:underline", children: t("footer.signInCta") }) : /* @__PURE__ */ jsx(
+          "a",
+          {
+            href: signInLink,
+            onClick: (e) => {
+              e.preventDefault();
+              onNavigate(signInLink);
+            },
+            className: "text-primary hover:underline",
+            children: t("footer.signInCta")
+          }
+        )
+      ] }),
+      children: [
+        /* @__PURE__ */ jsx(Form, { ...form, children: /* @__PURE__ */ jsxs(
+          "form",
+          {
+            id: "set-password-form",
+            onSubmit: handleSubmit,
+            className: "space-y-4",
+            children: [
+              /* @__PURE__ */ jsxs(FormItem, { children: [
+                /* @__PURE__ */ jsx(FormLabel, { children: t("form.fullNameLabel") }),
+                /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(Input, { value: account?.fullName || "", disabled: true }) })
+              ] }),
+              /* @__PURE__ */ jsxs(FormItem, { children: [
+                /* @__PURE__ */ jsx(FormLabel, { children: accountLabel }),
+                /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(Input, { value: accountValue, disabled: true }) })
+              ] }),
+              /* @__PURE__ */ jsx(
+                FormField,
+                {
+                  control: form.control,
+                  name: "password",
+                  render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
+                    /* @__PURE__ */ jsx(FormLabel, { children: t("form.passwordLabel") }),
+                    /* @__PURE__ */ jsx(
+                      PasswordInput,
+                      {
+                        field,
+                        show: showPassword,
+                        onToggle: () => setShowPassword(!showPassword)
+                      }
+                    ),
+                    /* @__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(
+                      PasswordInput,
+                      {
+                        field,
+                        show: showConfirmPassword,
+                        onToggle: () => setShowConfirmPassword(!showConfirmPassword)
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(FormMessage, {})
+                  ] })
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  type: "submit",
+                  form: "set-password-form",
+                  className: "w-full",
+                  disabled: isChecking || !account || isLoading || setPasswordMutation.isPending,
+                  children: isLoading || setPasswordMutation.isPending ? t("form.submitting") : t("form.submit")
+                }
+              )
+            ]
+          }
+        ) }),
+        errorAlert
+      ]
+    }
+  );
+};
+
+export {
+  SetPassword
+};
+//# sourceMappingURL=chunk-HOO2VLNM.js.map

package/dist/chunk-HOO2VLNM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/auth/set-password.tsx"],"sourcesContent":["'use client';\n\nimport { zodResolver } from '@hookform/resolvers/zod';\nimport {\n  Alert,\n  AlertDescription,\n  AlertTitle,\n  Button,\n  Form,\n  FormControl,\n  FormField,\n  FormItem,\n  FormLabel,\n  FormMessage,\n  Input,\n  useFormField,\n} from '@mesob/ui/components';\nimport { useMesob } from '@mesob/ui/providers';\nimport { IconAlertCircle, IconEye, IconEyeOff } from '@tabler/icons-react';\nimport type { ChangeEvent, ComponentProps } from 'react';\nimport { useEffect, useEffectEvent, useState } from 'react';\nimport { useForm } from 'react-hook-form';\nimport { toast } from 'sonner';\nimport { z } from 'zod';\nimport { useTranslator } from '../../hooks/use-translator';\nimport { useApi, useConfig } from '../../provider';\nimport type { AuthErrorContent } from '../../utils/handle-error';\nimport { handleError } from '../../utils/handle-error';\nimport { normalizePhone } from '../../utils/normalize-phone';\nimport { AuthLayout } from './auth-layout';\n\ntype PasswordInputProps = {\n  field: ComponentProps<'input'> & {\n    value: string;\n    onChange: (e: ChangeEvent<HTMLInputElement>) => void;\n    onBlur: () => void;\n  };\n  show: boolean;\n  onToggle: () => void;\n};\n\nfunction PasswordInput({ field, show, onToggle }: PasswordInputProps) {\n  const { formItemId, error } = useFormField();\n  return (\n    <div className=\"relative\">\n      <Input\n        {...field}\n        id={formItemId}\n        type={show ? 'text' : 'password'}\n        aria-invalid={!!error}\n        className=\"pr-10\"\n      />\n      <Button\n        type=\"button\"\n        variant=\"ghost\"\n        size=\"icon\"\n        className=\"absolute right-0 top-0 h-full px-3 text-muted-foreground hover:text-foreground\"\n        onClick={onToggle}\n        aria-label={show ? 'Hide password' : 'Show password'}\n      >\n        {show ? (\n          <IconEyeOff className=\"h-4 w-4\" />\n        ) : (\n          <IconEye className=\"h-4 w-4\" />\n        )}\n      </Button>\n    </div>\n  );\n}\n\nconst setPasswordSchema = (t: (key: string) => string) =>\n  z\n    .object({\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\ntype SetPasswordFormValues = z.infer<ReturnType<typeof setPasswordSchema>>;\n\ntype SetPasswordProps = {\n  identifier?: string;\n  redirectUrl?: string;\n};\n\ntype AccountState = {\n  fullName: string;\n  email: string | null;\n  phone: string | null;\n};\n\nconst getPhoneRegex = (phoneRegex: RegExp | string | undefined) => {\n  if (typeof phoneRegex === 'string') {\n    return new RegExp(phoneRegex);\n  }\n\n  return phoneRegex || /^(\\+2519|\\+2517|2519|2517|09|07)\\d{8}$/;\n};\n\nconst normalizeIdentifier = (\n  identifier: string,\n  phoneRegex: RegExp | string | undefined,\n) => {\n  const resolvedPhoneRegex = getPhoneRegex(phoneRegex);\n  return resolvedPhoneRegex.test(identifier)\n    ? normalizePhone(identifier)\n    : identifier;\n};\n\nexport const SetPassword = function SetPassword({\n  identifier,\n  redirectUrl,\n}: SetPasswordProps = {}) {\n  const { hooks, setAuth } = useApi();\n  const { config } = useConfig();\n  const mesob = useMesob();\n  const t = useTranslator('Auth.setPassword');\n  const Link = mesob?.navigation?.Link;\n  const [error, setError] = useState<AuthErrorContent | null>(null);\n  const [isLoading, setIsLoading] = useState(false);\n  const [isChecking, setIsChecking] = useState(true);\n  const [showPassword, setShowPassword] = useState(false);\n  const [showConfirmPassword, setShowConfirmPassword] = useState(false);\n  const [account, setAccount] = useState<AccountState | null>(null);\n\n  const checkAccountMutation = hooks.useMutation('post', '/check-account');\n  const setPasswordMutation = hooks.useMutation('post', '/password/set');\n\n  const onNavigate =\n    config.navigation?.onNavigate ||\n    ((path: string) => {\n      if (typeof window !== 'undefined') {\n        window.location.href = path;\n      }\n    });\n  const signInLink = config.navigation?.links?.signIn || '/auth/sign-in';\n  const logoImage = config.ui.logoImage;\n  const defaultRedirect =\n    redirectUrl || config.navigation?.defaultRedirectUrl || '/';\n  const form = useForm<SetPasswordFormValues>({\n    resolver: zodResolver(setPasswordSchema(t)),\n    defaultValues: {\n      password: '',\n      confirmPassword: '',\n    },\n  });\n\n  useEffect(() => {\n    if (error) {\n      toast.error(error.title || 'Error', {\n        description: error.description,\n      });\n    }\n  }, [error]);\n\n  const loadAccount = useEffectEvent(async () => {\n    if (!identifier) {\n      setError({\n        title: t('errors.fallback'),\n        description: t('errors.missingIdentifier'),\n      });\n      setIsChecking(false);\n      return;\n    }\n\n    try {\n      const normalizedIdentifier = normalizeIdentifier(\n        identifier,\n        config.phoneRegex,\n      );\n      const res = await checkAccountMutation.mutateAsync({\n        body: { username: normalizedIdentifier },\n      });\n\n      if (!(res.exists && res.account && res.requiresPasswordSetup)) {\n        setError({\n          title: t('errors.fallback'),\n          description: t('errors.accountNotEligible'),\n        });\n        setIsChecking(false);\n        return;\n      }\n\n      setAccount({\n        fullName: res.account.fullName,\n        email: res.account.email,\n        phone: res.account.phone,\n      });\n    } catch {\n      setError({\n        title: t('errors.fallback'),\n        description: t('errors.accountLookupFailed'),\n      });\n    } finally {\n      setIsChecking(false);\n    }\n  });\n\n  // biome-ignore lint/correctness/useExhaustiveDependencies: rerun only when route identifier changes\n  useEffect(() => {\n    loadAccount().catch(() => {\n      setIsChecking(false);\n    });\n  }, [identifier]);\n\n  const handleSubmit = form.handleSubmit(async (values) => {\n    if (!identifier) {\n      return;\n    }\n\n    setIsLoading(true);\n    setError(null);\n\n    try {\n      const normalizedIdentifier = normalizeIdentifier(\n        identifier,\n        config.phoneRegex,\n      );\n      const res = await setPasswordMutation.mutateAsync({\n        body: {\n          identifier: normalizedIdentifier,\n          password: values.password,\n        },\n      });\n\n      if ('user' in res && 'session' in res) {\n        setAuth(res);\n      }\n      onNavigate(defaultRedirect);\n    } catch (err) {\n      handleError(err, setError, t);\n    } finally {\n      setIsLoading(false);\n    }\n  });\n\n  const accountLabel = account?.email\n    ? t('form.emailLabel')\n    : t('form.phoneLabel');\n  const accountValue = account?.email || account?.phone || identifier || '';\n\n  let errorContent: AuthErrorContent | null = null;\n  if (error) {\n    errorContent =\n      typeof error === 'string'\n        ? { title: 'Error', description: error }\n        : error;\n  }\n  const showError = !isChecking && !!errorContent;\n  const errorAlert = showError && errorContent && (\n    <Alert variant=\"destructive\" className=\"mt-4\">\n      <IconAlertCircle className=\"h-4 w-4\" />\n      <AlertTitle>{errorContent.title}</AlertTitle>\n      <AlertDescription>{errorContent.description}</AlertDescription>\n    </Alert>\n  );\n\n  return (\n    <AuthLayout\n      title={config.ui.name}\n      description={t('description')}\n      logoImage={logoImage}\n      footer={\n        <p>\n          {t('footer.hasPassword')}{' '}\n          {Link ? (\n            <Link href={signInLink} className=\"text-primary hover:underline\">\n              {t('footer.signInCta')}\n            </Link>\n          ) : (\n            <a\n              href={signInLink}\n              onClick={(e) => {\n                e.preventDefault();\n                onNavigate(signInLink);\n              }}\n              className=\"text-primary hover:underline\"\n            >\n              {t('footer.signInCta')}\n            </a>\n          )}\n        </p>\n      }\n    >\n      <Form {...form}>\n        <form\n          id=\"set-password-form\"\n          onSubmit={handleSubmit}\n          className=\"space-y-4\"\n        >\n          <FormItem>\n            <FormLabel>{t('form.fullNameLabel')}</FormLabel>\n            <FormControl>\n              <Input value={account?.fullName || ''} disabled />\n            </FormControl>\n          </FormItem>\n          <FormItem>\n            <FormLabel>{accountLabel}</FormLabel>\n            <FormControl>\n              <Input value={accountValue} disabled />\n            </FormControl>\n          </FormItem>\n          <FormField\n            control={form.control}\n            name=\"password\"\n            render={({ field }) => (\n              <FormItem>\n                <FormLabel>{t('form.passwordLabel')}</FormLabel>\n                <PasswordInput\n                  field={field}\n                  show={showPassword}\n                  onToggle={() => setShowPassword(!showPassword)}\n                />\n                <FormMessage />\n              </FormItem>\n            )}\n          />\n          <FormField\n            control={form.control}\n            name=\"confirmPassword\"\n            render={({ field }) => (\n              <FormItem>\n                <FormLabel>{t('form.confirmPasswordLabel')}</FormLabel>\n                <PasswordInput\n                  field={field}\n                  show={showConfirmPassword}\n                  onToggle={() => setShowConfirmPassword(!showConfirmPassword)}\n                />\n                <FormMessage />\n              </FormItem>\n            )}\n          />\n          <Button\n            type=\"submit\"\n            form=\"set-password-form\"\n            className=\"w-full\"\n            disabled={\n              isChecking ||\n              !account ||\n              isLoading ||\n              setPasswordMutation.isPending\n            }\n          >\n            {isLoading || setPasswordMutation.isPending\n              ? t('form.submitting')\n              : t('form.submit')}\n          </Button>\n        </form>\n      </Form>\n      {errorAlert}\n    </AuthLayout>\n  );\n};\n"],"mappings":"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","names":["SetPassword"]}

package/dist/chunk-II5MLBSB.js

@@ -0,0 +1,183 @@
+import {
+  VerificationForm
+} from "./chunk-FFR5UHTS.js";
+import {
+  handleError
+} from "./chunk-55BMNC4S.js";
+import {
+  AuthLayout
+} from "./chunk-DPH2PHK3.js";
+import {
+  useTranslator
+} from "./chunk-QNCE2B5O.js";
+import {
+  useApi,
+  useConfig
+} from "./chunk-72YRO3A7.js";
+
+// src/components/auth/verify-email.tsx
+import { Alert, AlertDescription, AlertTitle } from "@mesob/ui/components";
+import { useMesob } from "@mesob/ui/providers";
+import { IconAlertCircle } from "@tabler/icons-react";
+import { useEffect, useState } from "react";
+import { toast } from "sonner";
+import { jsx, jsxs } from "react/jsx-runtime";
+var VerifyEmail = ({
+  verificationId,
+  email,
+  redirectUrl
+}) => {
+  const { hooks, setAuth } = useApi();
+  const { config } = useConfig();
+  const mesob = useMesob();
+  const t = useTranslator("Auth.verification");
+  const common = useTranslator("Common");
+  const footer = useTranslator("Auth.forgotPassword.footer");
+  const Link = mesob?.navigation?.Link;
+  const [isLoading, setIsLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const verifyEmailMutation = hooks.useMutation(
+    "post",
+    "/email/verification/confirm"
+  );
+  const requestEmailMutation = hooks.useMutation(
+    "post",
+    "/email/verification/request"
+  );
+  const signInLink = config.navigation?.links?.signIn || "/auth/sign-in";
+  const onNavigate = config.navigation?.onNavigate || ((path) => {
+    if (typeof window !== "undefined") {
+      window.location.href = path;
+    }
+  });
+  const logoImage = config.ui.logoImage;
+  const defaultRedirect = redirectUrl || config.navigation?.defaultRedirectUrl || "/";
+  useEffect(() => {
+    if (error) {
+      toast.error(error.title || "Error", {
+        description: error.description
+      });
+    }
+  }, [error]);
+  const handleSubmit = async (values) => {
+    if (!verificationId) {
+      setError({
+        title: t("errors.fallback"),
+        description: t("errors.missingVerificationId")
+      });
+      return;
+    }
+    setIsLoading(true);
+    setError(null);
+    try {
+      const res = await verifyEmailMutation.mutateAsync({
+        body: {
+          verificationId,
+          code: values.code
+        }
+      });
+      if ("user" in res && "session" in res) {
+        setAuth(res);
+      }
+      onNavigate(defaultRedirect);
+    } catch (err) {
+      handleError(err, setError, t);
+    } finally {
+      setIsLoading(false);
+    }
+  };
+  const handleResend = async () => {
+    setError(null);
+    try {
+      const res = await requestEmailMutation.mutateAsync({
+        body: {
+          email
+        }
+      });
+      if (res.verificationId) {
+        onNavigate(
+          `/auth/verify-email?verificationId=${res.verificationId}&email=${encodeURIComponent(email)}`
+        );
+      } else {
+        setError({
+          title: t("errors.fallback"),
+          description: t("errors.resendFailed")
+        });
+      }
+    } catch (err) {
+      handleError(err, setError, t);
+    }
+  };
+  if (!verificationId) {
+    return /* @__PURE__ */ jsx(
+      AuthLayout,
+      {
+        title: common("invalidLinkTitle"),
+        description: common("invalidLinkDescription"),
+        footer: Link ? /* @__PURE__ */ jsx(Link, { href: signInLink, className: "text-primary hover:underline", children: footer("backToSignIn") }) : /* @__PURE__ */ jsx(
+          "a",
+          {
+            href: signInLink,
+            onClick: (e) => {
+              e.preventDefault();
+              onNavigate(signInLink);
+            },
+            className: "text-primary hover:underline",
+            children: footer("backToSignIn")
+          }
+        ),
+        children: /* @__PURE__ */ jsx("div", {})
+      }
+    );
+  }
+  let errorContent = null;
+  if (error) {
+    if (typeof error === "string") {
+      errorContent = { title: "Error", description: error };
+    } else {
+      errorContent = error;
+    }
+  }
+  return /* @__PURE__ */ jsxs(
+    AuthLayout,
+    {
+      title: config.ui.name,
+      description: t("email.description"),
+      logoImage,
+      footer: Link ? /* @__PURE__ */ jsx(Link, { href: signInLink, className: "text-primary hover:underline", children: footer("backToSignIn") }) : /* @__PURE__ */ jsx(
+        "a",
+        {
+          href: signInLink,
+          onClick: (e) => {
+            e.preventDefault();
+            onNavigate(signInLink);
+          },
+          className: "text-primary hover:underline",
+          children: footer("backToSignIn")
+        }
+      ),
+      children: [
+        /* @__PURE__ */ jsx(
+          VerificationForm,
+          {
+            verificationId,
+            onSubmit: handleSubmit,
+            onResend: handleResend,
+            isLoading: isLoading || verifyEmailMutation.isPending || requestEmailMutation.isPending,
+            error
+          }
+        ),
+        errorContent && /* @__PURE__ */ jsxs(Alert, { variant: "destructive", className: "mt-4", children: [
+          /* @__PURE__ */ jsx(IconAlertCircle, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx(AlertTitle, { children: errorContent.title }),
+          /* @__PURE__ */ jsx(AlertDescription, { children: errorContent.description })
+        ] })
+      ]
+    }
+  );
+};
+
+export {
+  VerifyEmail
+};
+//# sourceMappingURL=chunk-II5MLBSB.js.map

package/dist/chunk-II5MLBSB.js.map

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

package/dist/chunk-ISNNPMF7.js

@@ -0,0 +1,95 @@
+import {
+  AppLink
+} from "./chunk-T6P7UHVP.js";
+import {
+  useSession
+} from "./chunk-72YRO3A7.js";
+
+// src/pages/profile/_components/profile-sidebar.tsx
+import { Avatar, AvatarFallback, AvatarImage } from "@mesob/ui/components";
+import { cn } from "@mesob/ui/lib/utils";
+import { IconLock, IconUser } from "@tabler/icons-react";
+import { useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var profileNavItems = [
+  {
+    title: "Account",
+    href: "/profile/account",
+    icon: IconUser,
+    caption: "Identity and contact"
+  },
+  {
+    title: "Security",
+    href: "/profile/security",
+    icon: IconLock,
+    caption: "Password and recovery"
+  }
+];
+function ProfileSidebar() {
+  const { user } = useSession();
+  const pathname = useMemo(() => {
+    if (typeof window === "undefined") {
+      return "";
+    }
+    return window.location.pathname;
+  }, []);
+  const initials = user?.fullName?.split(" ").map((part) => part[0]).join("").toUpperCase().slice(0, 2) || "U";
+  return /* @__PURE__ */ jsx("aside", { className: "w-full border-b border-border/60 bg-gradient-to-b from-muted/30 via-background to-background lg:w-80 lg:border-b-0 lg:border-r", children: /* @__PURE__ */ jsxs("div", { className: "flex h-full flex-col gap-6 p-4 lg:p-5", children: [
+    /* @__PURE__ */ jsx("div", { className: "rounded-[1.75rem] border border-border/60 bg-background/85 p-5 shadow-sm backdrop-blur", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
+      /* @__PURE__ */ jsxs(Avatar, { className: "h-12 w-12 ring-4 ring-primary/10", children: [
+        /* @__PURE__ */ jsx(AvatarImage, { src: user?.image || "", alt: user?.fullName || "" }),
+        /* @__PURE__ */ jsx(AvatarFallback, { children: initials })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ jsx("div", { className: "truncate text-sm font-medium text-muted-foreground", children: "Profile workspace" }),
+        /* @__PURE__ */ jsx("div", { className: "truncate text-base font-semibold", children: user?.fullName ?? "Account" })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsx("nav", { className: "grid gap-2", children: profileNavItems.map((item) => {
+      const Icon = item.icon;
+      const isActive = pathname === item.href;
+      return /* @__PURE__ */ jsx(
+        AppLink,
+        {
+          href: item.href,
+          className: cn(
+            "group rounded-[1.5rem] border px-4 py-4 transition-all",
+            isActive ? "border-primary/30 bg-primary/[0.08] shadow-sm" : "border-border/60 bg-background/70 hover:border-primary/20 hover:bg-muted/30"
+          ),
+          children: /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: cn(
+                  "rounded-2xl p-2 transition-colors",
+                  isActive ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground group-hover:bg-primary/10 group-hover:text-foreground"
+                ),
+                children: /* @__PURE__ */ jsx(Icon, { className: "size-4" })
+              }
+            ),
+            /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+              /* @__PURE__ */ jsx("div", { className: "font-medium", children: item.title }),
+              /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: item.caption })
+            ] })
+          ] })
+        },
+        item.href
+      );
+    }) })
+  ] }) });
+}
+
+// src/components/profile/profile-layout.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function ProfileLayout({ children }) {
+  return /* @__PURE__ */ jsxs2("div", { className: "flex flex-1 flex-col overflow-hidden lg:flex-row", children: [
+    /* @__PURE__ */ jsx2(ProfileSidebar, {}),
+    /* @__PURE__ */ jsx2("div", { className: "flex min-w-0 flex-1 flex-col overflow-hidden bg-[linear-gradient(180deg,hsl(var(--muted)/0.18),transparent_18rem)]", children })
+  ] });
+}
+
+export {
+  ProfileSidebar,
+  ProfileLayout
+};
+//# sourceMappingURL=chunk-ISNNPMF7.js.map

package/dist/chunk-ISNNPMF7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/pages/profile/_components/profile-sidebar.tsx","../src/components/profile/profile-layout.tsx"],"sourcesContent":["'use client';\n\nimport { Avatar, AvatarFallback, AvatarImage } from '@mesob/ui/components';\nimport { cn } from '@mesob/ui/lib/utils';\nimport { IconLock, IconUser } from '@tabler/icons-react';\nimport { useMemo } from 'react';\nimport { useSession } from '../../../provider';\nimport { AppLink } from '../../iam/shared/navigation';\n\nconst profileNavItems = [\n  {\n    title: 'Account',\n    href: '/profile/account',\n    icon: IconUser,\n    caption: 'Identity and contact',\n  },\n  {\n    title: 'Security',\n    href: '/profile/security',\n    icon: IconLock,\n    caption: 'Password and recovery',\n  },\n];\n\nexport function ProfileSidebar() {\n  const { user } = useSession();\n  const pathname = useMemo(() => {\n    if (typeof window === 'undefined') {\n      return '';\n    }\n    return window.location.pathname;\n  }, []);\n\n  const initials =\n    user?.fullName\n      ?.split(' ')\n      .map((part) => part[0])\n      .join('')\n      .toUpperCase()\n      .slice(0, 2) || 'U';\n\n  return (\n    <aside className=\"w-full border-b border-border/60 bg-gradient-to-b from-muted/30 via-background to-background lg:w-80 lg:border-b-0 lg:border-r\">\n      <div className=\"flex h-full flex-col gap-6 p-4 lg:p-5\">\n        <div className=\"rounded-[1.75rem] border border-border/60 bg-background/85 p-5 shadow-sm backdrop-blur\">\n          <div className=\"flex items-center gap-4\">\n            <Avatar className=\"h-12 w-12 ring-4 ring-primary/10\">\n              <AvatarImage src={user?.image || ''} alt={user?.fullName || ''} />\n              <AvatarFallback>{initials}</AvatarFallback>\n            </Avatar>\n            <div className=\"min-w-0\">\n              <div className=\"truncate text-sm font-medium text-muted-foreground\">\n                Profile workspace\n              </div>\n              <div className=\"truncate text-base font-semibold\">\n                {user?.fullName ?? 'Account'}\n              </div>\n            </div>\n          </div>\n        </div>\n\n        <nav className=\"grid gap-2\">\n          {profileNavItems.map((item) => {\n            const Icon = item.icon;\n            const isActive = pathname === item.href;\n\n            return (\n              <AppLink\n                key={item.href}\n                href={item.href}\n                className={cn(\n                  'group rounded-[1.5rem] border px-4 py-4 transition-all',\n                  isActive\n                    ? 'border-primary/30 bg-primary/[0.08] shadow-sm'\n                    : 'border-border/60 bg-background/70 hover:border-primary/20 hover:bg-muted/30',\n                )}\n              >\n                <div className=\"flex items-start gap-3\">\n                  <div\n                    className={cn(\n                      'rounded-2xl p-2 transition-colors',\n                      isActive\n                        ? 'bg-primary text-primary-foreground'\n                        : 'bg-muted text-muted-foreground group-hover:bg-primary/10 group-hover:text-foreground',\n                    )}\n                  >\n                    <Icon className=\"size-4\" />\n                  </div>\n                  <div className=\"min-w-0\">\n                    <div className=\"font-medium\">{item.title}</div>\n                    <div className=\"text-sm text-muted-foreground\">\n                      {item.caption}\n                    </div>\n                  </div>\n                </div>\n              </AppLink>\n            );\n          })}\n        </nav>\n      </div>\n    </aside>\n  );\n}\n","'use client';\n\nimport type { ReactNode } from 'react';\nimport { ProfileSidebar } from '../../pages/profile/_components/profile-sidebar';\n\nexport function ProfileLayout({ children }: { children: ReactNode }) {\n  return (\n    <div className=\"flex flex-1 flex-col overflow-hidden lg:flex-row\">\n      <ProfileSidebar />\n      <div className=\"flex min-w-0 flex-1 flex-col overflow-hidden bg-[linear-gradient(180deg,hsl(var(--muted)/0.18),transparent_18rem)]\">\n        {children}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;AAEA,SAAS,QAAQ,gBAAgB,mBAAmB;AACpD,SAAS,UAAU;AACnB,SAAS,UAAU,gBAAgB;AACnC,SAAS,eAAe;AAyCZ,SACE,KADF;AArCZ,IAAM,kBAAkB;AAAA,EACtB;AAAA,IACE,OAAO;AAAA,IACP,MAAM;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,MAAM;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF;AAEO,SAAS,iBAAiB;AAC/B,QAAM,EAAE,KAAK,IAAI,WAAW;AAC5B,QAAM,WAAW,QAAQ,MAAM;AAC7B,QAAI,OAAO,WAAW,aAAa;AACjC,aAAO;AAAA,IACT;AACA,WAAO,OAAO,SAAS;AAAA,EACzB,GAAG,CAAC,CAAC;AAEL,QAAM,WACJ,MAAM,UACF,MAAM,GAAG,EACV,IAAI,CAAC,SAAS,KAAK,CAAC,CAAC,EACrB,KAAK,EAAE,EACP,YAAY,EACZ,MAAM,GAAG,CAAC,KAAK;AAEpB,SACE,oBAAC,WAAM,WAAU,kIACf,+BAAC,SAAI,WAAU,yCACb;AAAA,wBAAC,SAAI,WAAU,0FACb,+BAAC,SAAI,WAAU,2BACb;AAAA,2BAAC,UAAO,WAAU,oCAChB;AAAA,4BAAC,eAAY,KAAK,MAAM,SAAS,IAAI,KAAK,MAAM,YAAY,IAAI;AAAA,QAChE,oBAAC,kBAAgB,oBAAS;AAAA,SAC5B;AAAA,MACA,qBAAC,SAAI,WAAU,WACb;AAAA,4BAAC,SAAI,WAAU,sDAAqD,+BAEpE;AAAA,QACA,oBAAC,SAAI,WAAU,oCACZ,gBAAM,YAAY,WACrB;AAAA,SACF;AAAA,OACF,GACF;AAAA,IAEA,oBAAC,SAAI,WAAU,cACZ,0BAAgB,IAAI,CAAC,SAAS;AAC7B,YAAM,OAAO,KAAK;AAClB,YAAM,WAAW,aAAa,KAAK;AAEnC,aACE;AAAA,QAAC;AAAA;AAAA,UAEC,MAAM,KAAK;AAAA,UACX,WAAW;AAAA,YACT;AAAA,YACA,WACI,kDACA;AAAA,UACN;AAAA,UAEA,+BAAC,SAAI,WAAU,0BACb;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC,WAAW;AAAA,kBACT;AAAA,kBACA,WACI,uCACA;AAAA,gBACN;AAAA,gBAEA,8BAAC,QAAK,WAAU,UAAS;AAAA;AAAA,YAC3B;AAAA,YACA,qBAAC,SAAI,WAAU,WACb;AAAA,kCAAC,SAAI,WAAU,eAAe,eAAK,OAAM;AAAA,cACzC,oBAAC,SAAI,WAAU,iCACZ,eAAK,SACR;AAAA,eACF;AAAA,aACF;AAAA;AAAA,QA1BK,KAAK;AAAA,MA2BZ;AAAA,IAEJ,CAAC,GACH;AAAA,KACF,GACF;AAEJ;;;AC/FI,SACE,OAAAA,MADF,QAAAC,aAAA;AAFG,SAAS,cAAc,EAAE,SAAS,GAA4B;AACnE,SACE,gBAAAA,MAAC,SAAI,WAAU,oDACb;AAAA,oBAAAD,KAAC,kBAAe;AAAA,IAChB,gBAAAA,KAAC,SAAI,WAAU,sHACZ,UACH;AAAA,KACF;AAEJ;","names":["jsx","jsxs"]}