@mesob/auth-react 0.3.5 → 0.4.0

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

@@ -0,0 +1,984 @@
+// src/components/auth/auth-card.tsx
+import { Card } from "@mesob/ui/components";
+import { jsx } from "react/jsx-runtime";
+
+// src/components/auth/forgot-password.tsx
+import { zodResolver } from "@hookform/resolvers/zod";
+import {
+  Alert,
+  AlertDescription,
+  AlertTitle,
+  Button,
+  Form,
+  FormControl,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+  Input
+} from "@mesob/ui/components";
+import { useMesob as useMesob2 } from "@mesob/ui/providers";
+import { IconAlertCircle } from "@tabler/icons-react";
+import { useEffect, useState as useState2 } from "react";
+import { useForm } from "react-hook-form";
+import { toast } from "sonner";
+import { z } from "zod";
+
+// src/hooks/use-translator.ts
+import { useMesob } from "@mesob/ui/providers";
+
+// 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, useMemo, useState } from "react";
+
+// src/utils/cookie.ts
+var isProduction = typeof process !== "undefined" && process.env.NODE_ENV === "production";
+
+// src/provider.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var SessionContext = createContext(null);
+var ApiContext = createContext(null);
+var ConfigContext = createContext(null);
+var queryClient = new QueryClient({
+  defaultOptions: {
+    queries: {
+      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 mesob = useMesob();
+  const { config } = useConfig();
+  if (mesob?.t) {
+    return (key, params) => {
+      const fullKey = namespace ? `${namespace}.${key}` : key;
+      return mesob.t?.(fullKey, params) ?? fullKey;
+    };
+  }
+  return createTranslator(config.messages || {}, namespace);
+}
+
+// src/constants/auth.error.codes.ts
+var AUTH_ERROR_MAPPING = {
+  USER_NOT_FOUND: {
+    title: "Account Not Found",
+    description: "We could not find an account with that identifier. Please check your spelling or sign up."
+  },
+  INVALID_PASSWORD: {
+    title: "Invalid Password",
+    description: "The password you entered is incorrect. Please try again."
+  },
+  USER_EXISTS: {
+    title: "Account Already Exists",
+    description: "An account with this identifier already exists. Please sign in instead."
+  },
+  VERIFICATION_EXPIRED: {
+    title: "Verification Expired",
+    description: "The verification code or link has expired. Please request a new one."
+  },
+  VERIFICATION_MISMATCH: {
+    title: "Invalid Code",
+    description: "The verification code you entered is invalid. Please double-check and try again."
+  },
+  VERIFICATION_NOT_FOUND: {
+    title: "Verification Not Found",
+    description: "We could not find a pending verification request. Please restart the process."
+  },
+  TOO_MANY_ATTEMPTS: {
+    title: "Too Many Attempts",
+    description: "You have made too many requests recently. Please wait a moment before trying again."
+  },
+  REQUIRES_VERIFICATION: {
+    title: "Verification Required",
+    description: "You need to verify your account before you can continue. Please check your email or phone."
+  },
+  UNAUTHORIZED: {
+    title: "Unauthorized",
+    description: "You are not authorized to perform this action. Please sign in again."
+  },
+  ACCESS_DENIED: {
+    title: "Access Denied",
+    description: "You do not have permission to access this resource. Please contact support if you believe this is an error."
+  },
+  HAS_NO_PASSWORD: {
+    title: "No Password Set",
+    description: "Your account does not have a password yet. Continue to set a password before signing in."
+  },
+  PASSWORD_ALREADY_SET: {
+    title: "Password Already Set",
+    description: "This account already has a password. Use the normal sign-in form instead."
+  }
+};
+var validCodes = Object.keys(AUTH_ERROR_MAPPING);
+
+// src/utils/handle-error.ts
+function isAuthError(err) {
+  return typeof err === "object" && err !== null && "message" in err && typeof err.message === "string";
+}
+function extractErrorCode(err) {
+  if (err.code && validCodes.includes(err.code)) {
+    return err.code;
+  }
+  if (err.message) {
+    const messageUpper = err.message.toUpperCase().trim();
+    if (validCodes.includes(messageUpper)) {
+      return messageUpper;
+    }
+  }
+  return "";
+}
+function sanitizeErrorMessage(message) {
+  const lowerMessage = message.toLowerCase();
+  const isDatabaseError = lowerMessage.includes("failed query") || lowerMessage.includes("select") || lowerMessage.includes("insert") || lowerMessage.includes("update") || lowerMessage.includes("delete") || lowerMessage.includes("from") || lowerMessage.includes("where") || lowerMessage.includes("limit") || lowerMessage.includes("params:") || lowerMessage.includes("query") || message.includes('"iam".') || message.includes('"tenants"') || message.includes('"users"') || message.includes('"sessions"') || message.includes('"accounts"') || lowerMessage.includes("relation") || lowerMessage.includes("column") || lowerMessage.includes("syntax error") || lowerMessage.includes("database") || lowerMessage.includes("postgres") || lowerMessage.includes("sql");
+  if (isDatabaseError) {
+    return "An error occurred while processing your request";
+  }
+  return message;
+}
+function handleAuthError(err, setError, t) {
+  const errorCode = extractErrorCode(err);
+  if (errorCode && AUTH_ERROR_MAPPING[errorCode]) {
+    const mapping = AUTH_ERROR_MAPPING[errorCode];
+    setError({
+      title: mapping.title,
+      description: mapping.description
+    });
+    return;
+  }
+  const sanitizedMessage = sanitizeErrorMessage(
+    err.message || t("errors.fallback")
+  );
+  setError({
+    title: t("errors.fallback"),
+    description: sanitizedMessage
+  });
+}
+function handleGenericError(err, setError, t) {
+  const rawMessage = err instanceof Error ? err.message : t("errors.fallback");
+  const sanitizedMessage = sanitizeErrorMessage(rawMessage);
+  setError({
+    title: "Error",
+    description: sanitizedMessage
+  });
+}
+var handleError = (err, setError, t) => {
+  if (isAuthError(err)) {
+    handleAuthError(err, setError, t);
+  } else {
+    handleGenericError(err, setError, t);
+  }
+};
+
+// src/components/auth/auth-layout.tsx
+import { jsx as jsx3, jsxs } from "react/jsx-runtime";
+var AuthLayout = ({
+  title,
+  description,
+  children,
+  footer,
+  logoImage
+}) => {
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsx3("div", { className: "flex size-8 mb-6 w-full items-center justify-center rounded-md", children: /* @__PURE__ */ jsx3(
+      "img",
+      {
+        src: logoImage || "",
+        alt: title,
+        width: 42,
+        height: 42
+      }
+    ) }),
+    /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
+      /* @__PURE__ */ jsx3("h1", { className: "text-2xl font-bold tracking-tight", children: title }),
+      description && /* @__PURE__ */ jsx3("p", { className: "mt-2 text-sm text-muted-foreground", children: description })
+    ] }),
+    children,
+    footer && /* @__PURE__ */ jsx3("div", { className: "mt-2 w-full", children: /* @__PURE__ */ jsx3("div", { className: "w-full text-center text-sm text-muted-foreground", children: footer }) })
+  ] });
+};
+
+// src/components/auth/forgot-password.tsx
+import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
+
+// src/components/auth/reset-password-form.tsx
+import { zodResolver as zodResolver2 } from "@hookform/resolvers/zod";
+import {
+  Alert as Alert2,
+  AlertDescription as AlertDescription2,
+  AlertTitle as AlertTitle2,
+  Button as Button2,
+  Form as Form2,
+  FormControl as FormControl2,
+  FormField as FormField2,
+  FormItem as FormItem2,
+  FormLabel as FormLabel2,
+  FormMessage as FormMessage2,
+  Input as Input2,
+  InputOTP,
+  InputOTPGroup,
+  InputOTPSlot,
+  useFormField
+} from "@mesob/ui/components";
+import { useMesob as useMesob3 } from "@mesob/ui/providers";
+import { IconAlertCircle as IconAlertCircle2, IconEye, IconEyeOff } from "@tabler/icons-react";
+import { useEffect as useEffect2, useState as useState3 } from "react";
+import { useForm as useForm2 } from "react-hook-form";
+import { toast as toast2 } from "sonner";
+import { z as z2 } from "zod";
+import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+
+// src/components/auth/set-password.tsx
+import { zodResolver as zodResolver3 } from "@hookform/resolvers/zod";
+import {
+  Alert as Alert3,
+  AlertDescription as AlertDescription3,
+  AlertTitle as AlertTitle3,
+  Button as Button3,
+  Form as Form3,
+  FormControl as FormControl3,
+  FormField as FormField3,
+  FormItem as FormItem3,
+  FormLabel as FormLabel3,
+  FormMessage as FormMessage3,
+  Input as Input3,
+  useFormField as useFormField2
+} from "@mesob/ui/components";
+import { useMesob as useMesob4 } from "@mesob/ui/providers";
+import { IconAlertCircle as IconAlertCircle3, IconEye as IconEye2, IconEyeOff as IconEyeOff2 } from "@tabler/icons-react";
+import { useEffect as useEffect3, useEffectEvent, useState as useState4 } from "react";
+import { useForm as useForm3 } from "react-hook-form";
+import { toast as toast3 } from "sonner";
+import { z as z3 } from "zod";
+
+// src/utils/normalize-phone.ts
+function normalizePhone(phone) {
+  const cleaned = phone.trim().replace(/\s/g, "");
+  if (cleaned.startsWith("+2519") || cleaned.startsWith("+2517")) {
+    return cleaned;
+  }
+  if (cleaned.startsWith("2519") || cleaned.startsWith("2517")) {
+    return `+${cleaned}`;
+  }
+  if (cleaned.startsWith("09") || cleaned.startsWith("07")) {
+    return `+251${cleaned.slice(1)}`;
+  }
+  if ((cleaned.startsWith("9") || cleaned.startsWith("7")) && cleaned.length === 9) {
+    return `+251${cleaned}`;
+  }
+  return cleaned;
+}
+
+// src/components/auth/set-password.tsx
+import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+
+// src/components/auth/sign-in.tsx
+import { zodResolver as zodResolver4 } from "@hookform/resolvers/zod";
+import {
+  Alert as Alert4,
+  AlertDescription as AlertDescription4,
+  AlertTitle as AlertTitle4,
+  Button as Button4,
+  Form as Form4,
+  FormControl as FormControl4,
+  FormField as FormField4,
+  FormItem as FormItem4,
+  FormLabel as FormLabel4,
+  FormMessage as FormMessage4,
+  Input as Input4,
+  useFormField as useFormField3
+} from "@mesob/ui/components";
+import { useMesob as useMesob5 } from "@mesob/ui/providers";
+import { IconAlertCircle as IconAlertCircle4, IconEye as IconEye3, IconEyeOff as IconEyeOff3 } from "@tabler/icons-react";
+import { useEffect as useEffect4, useState as useState5 } from "react";
+import { useForm as useForm4 } from "react-hook-form";
+import { toast as toast4 } from "sonner";
+import { z as z4 } from "zod";
+import { Fragment, jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+var isPhone = (s) => /^\+?[0-9()[\]\s-]{6,}$/.test(s);
+function PasswordInput({ field, show, onToggle }) {
+  const { formItemId, error } = useFormField3();
+  return /* @__PURE__ */ jsxs5("div", { className: "relative", children: [
+    /* @__PURE__ */ jsx7(
+      Input4,
+      {
+        ...field,
+        id: formItemId,
+        type: show ? "text" : "password",
+        autoComplete: "current-password",
+        "aria-invalid": !!error,
+        className: "pr-10"
+      }
+    ),
+    /* @__PURE__ */ jsx7(
+      Button4,
+      {
+        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__ */ jsx7(IconEyeOff3, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx7(IconEye3, { className: "h-4 w-4" })
+      }
+    )
+  ] });
+}
+var signInSchema = (t, phoneRegex) => z4.object({
+  username: z4.string().trim().min(1, { message: t("errors.requiredField") }).refine(
+    (val) => {
+      const isEmail = z4.email().safeParse(val).success;
+      const isPhone2 = phoneRegex.test(val);
+      return isEmail || isPhone2;
+    },
+    { message: t("errors.invalidEmailOrPhone") }
+  ),
+  password: z4.union([
+    z4.literal(""),
+    z4.string().min(8, t("errors.passwordLength")).max(128, t("errors.longPasswordError"))
+  ]).optional()
+});
+var SignIn = ({ redirectUrl } = {}) => {
+  const { hooks, setAuth } = useApi();
+  const { config } = useConfig();
+  const mesob = useMesob5();
+  const t = useTranslator("Auth.signIn");
+  const Link = mesob?.navigation?.Link;
+  const [isLoading, setIsLoading] = useState5(false);
+  const [error, setError] = useState5(null);
+  const [showPasswordField, setShowPasswordField] = useState5(false);
+  const [showPassword, setShowPassword] = useState5(false);
+  const [username, setUsername] = useState5("");
+  const [isChecking, setIsChecking] = useState5(false);
+  const checkUserMutation = hooks.useMutation("post", "/check-account");
+  const signInMutation = hooks.useMutation("post", "/sign-in");
+  const phoneRegex = typeof config.phoneRegex === "string" ? new RegExp(config.phoneRegex) : config.phoneRegex || /^(\+2519|\+2517|2519|2517|09|07)\d{8}$/;
+  const defaultRedirect = redirectUrl || config.navigation?.defaultRedirectUrl || "/dashboard";
+  const forgotPasswordLink = config.navigation?.links?.forgotPassword || "/auth/forgot-password";
+  const signUpLink = config.navigation?.links?.signUp || "/auth/sign-up";
+  const setPasswordLink = config.navigation?.links?.setPassword || "/auth/set-password";
+  const onNavigate = config.navigation?.onNavigate || ((path) => {
+    if (typeof window !== "undefined") {
+      window.location.href = path;
+    }
+  });
+  const logoImage = config.ui.logoImage;
+  const form = useForm4({
+    resolver: zodResolver4(signInSchema(t, phoneRegex)),
+    defaultValues: { username: "", password: "" },
+    mode: "onBlur"
+  });
+  useEffect4(() => {
+    if (error) {
+      toast4.error(error.title || "Error", {
+        description: error.description
+      });
+    }
+  }, [error]);
+  const handleCheckAccount = async (usernameValue) => {
+    setIsChecking(true);
+    try {
+      const normalizedUsername = phoneRegex.test(usernameValue) ? normalizePhone(usernameValue) : usernameValue;
+      const result = await checkUserMutation.mutateAsync({
+        body: {
+          username: normalizedUsername
+        }
+      });
+      if (result.exists) {
+        if (result.requiresPasswordSetup) {
+          const redirectParam = defaultRedirect ? `&redirect=${encodeURIComponent(defaultRedirect)}` : "";
+          onNavigate(
+            `${setPasswordLink}?identifier=${encodeURIComponent(normalizedUsername)}${redirectParam}`
+          );
+          return;
+        }
+        setUsername(normalizedUsername);
+        form.setValue("username", normalizedUsername);
+        setShowPasswordField(true);
+      } else {
+        const email = isPhone(normalizedUsername) ? "" : normalizedUsername;
+        const redirectParam = defaultRedirect ? `&redirect=${encodeURIComponent(defaultRedirect)}` : "";
+        if (email) {
+          onNavigate(
+            `${signUpLink}?email=${encodeURIComponent(email)}${redirectParam}`
+          );
+        } else {
+          onNavigate(
+            `${signUpLink}?phone=${encodeURIComponent(normalizedUsername)}${redirectParam}`
+          );
+        }
+      }
+    } catch {
+      form.setError("username", { message: t("errors.checkAccountFailed") });
+    } finally {
+      setIsChecking(false);
+    }
+  };
+  const onSubmit = async (values) => {
+    if (showPasswordField) {
+      const pwd = values.password;
+      if (!pwd || pwd.length < 8) {
+        form.setError("password", { message: t("errors.passwordLength") });
+        return;
+      }
+      await handlePasswordSubmit({ password: pwd });
+    } else {
+      await handleCheckAccount(values.username);
+    }
+  };
+  const handlePasswordSubmit = async (values) => {
+    setIsLoading(true);
+    setError(null);
+    try {
+      const res = await signInMutation.mutateAsync({
+        body: {
+          identifier: username,
+          password: values.password
+        }
+      });
+      if ("verificationId" in res && res.verificationId) {
+        const redirectParam = defaultRedirect ? `&redirect=${encodeURIComponent(defaultRedirect)}` : "";
+        const verifyPath = isPhone(username) ? `/auth/verify-phone?context=sign-in&verificationId=${res.verificationId}&identifier=${encodeURIComponent(username)}${redirectParam}` : `/auth/verify-email?verificationId=${res.verificationId}${redirectParam}`;
+        onNavigate(verifyPath);
+        return;
+      }
+      if ("user" in res && "session" in res) {
+        setAuth(res);
+      }
+      onNavigate(defaultRedirect);
+    } catch (err) {
+      const authError = err;
+      const errorCode = authError.code || authError.message;
+      if (errorCode === "HAS_NO_PASSWORD") {
+        const redirectParam = defaultRedirect ? `&redirect=${encodeURIComponent(defaultRedirect)}` : "";
+        onNavigate(
+          `${setPasswordLink}?identifier=${encodeURIComponent(username)}${redirectParam}`
+        );
+        return;
+      }
+      handleError(err, setError, t);
+    } finally {
+      setIsLoading(false);
+    }
+  };
+  const handleBack = () => {
+    setShowPasswordField(false);
+    setUsername("");
+    form.setValue("password", "");
+  };
+  const isSubmitting = isLoading || checkUserMutation.isPending || signInMutation.isPending || isChecking;
+  let submitLabel = t("form.continue");
+  if (isSubmitting) {
+    submitLabel = showPasswordField ? t("form.submitting") : t("form.checking");
+  } else if (showPasswordField) {
+    submitLabel = t("form.submit");
+  }
+  let errorContent = null;
+  if (error) {
+    if (typeof error === "string") {
+      errorContent = { title: "Error", description: error };
+    } else {
+      errorContent = error;
+    }
+  }
+  const formContent = /* @__PURE__ */ jsx7(Form4, { ...form, children: /* @__PURE__ */ jsxs5(
+    "form",
+    {
+      id: "sign-in-form",
+      onSubmit: form.handleSubmit(onSubmit),
+      className: "space-y-4",
+      children: [
+        showPasswordField ? /* @__PURE__ */ jsxs5(Fragment, { children: [
+          /* @__PURE__ */ jsxs5(FormItem4, { children: [
+            /* @__PURE__ */ jsxs5(FormLabel4, { className: "flex justify-between items-center", children: [
+              t("form.accountLabel"),
+              /* @__PURE__ */ jsx7(
+                Button4,
+                {
+                  type: "button",
+                  variant: "link",
+                  size: "sm",
+                  className: "p-0 m-0 h-auto",
+                  onClick: handleBack,
+                  children: t("changeAccount")
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx7(
+              Input4,
+              {
+                id: "sign-in-username",
+                type: "text",
+                value: username,
+                autoComplete: "username",
+                disabled: true
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx7(
+            FormField4,
+            {
+              control: form.control,
+              name: "password",
+              render: ({ field }) => /* @__PURE__ */ jsxs5(FormItem4, { children: [
+                /* @__PURE__ */ jsx7(FormLabel4, { children: t("form.passwordLabel") }),
+                /* @__PURE__ */ jsx7(
+                  PasswordInput,
+                  {
+                    field: { ...field, value: field.value ?? "" },
+                    show: showPassword,
+                    onToggle: () => setShowPassword(!showPassword)
+                  }
+                ),
+                /* @__PURE__ */ jsx7(FormMessage4, {})
+              ] })
+            }
+          )
+        ] }) : /* @__PURE__ */ jsx7(
+          FormField4,
+          {
+            control: form.control,
+            name: "username",
+            render: ({ field }) => /* @__PURE__ */ jsxs5(FormItem4, { children: [
+              /* @__PURE__ */ jsx7(FormLabel4, { children: t("form.accountLabel") }),
+              /* @__PURE__ */ jsx7(FormControl4, { children: /* @__PURE__ */ jsx7(Input4, { ...field, type: "text", autoComplete: "username" }) }),
+              /* @__PURE__ */ jsx7(FormMessage4, {})
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsx7(
+          Button4,
+          {
+            type: "submit",
+            className: "w-full",
+            disabled: isSubmitting,
+            loading: isSubmitting,
+            children: submitLabel
+          }
+        )
+      ]
+    }
+  ) });
+  return /* @__PURE__ */ jsx7("div", { className: "space-y-4", children: /* @__PURE__ */ jsxs5(
+    AuthLayout,
+    {
+      title: config.ui.name,
+      description: t("description"),
+      logoImage,
+      footer: showPasswordField ? /* @__PURE__ */ jsx7("div", { className: "flex items-center justify-center w-full", children: Link ? /* @__PURE__ */ jsx7(
+        Link,
+        {
+          href: forgotPasswordLink,
+          className: "text-primary inline-block hover:underline",
+          children: t("footer.forgotPassword")
+        }
+      ) : /* @__PURE__ */ jsx7(
+        "a",
+        {
+          href: forgotPasswordLink,
+          onClick: (e) => {
+            e.preventDefault();
+            onNavigate(forgotPasswordLink);
+          },
+          className: "text-primary inline-block hover:underline",
+          children: t("footer.forgotPassword")
+        }
+      ) }) : void 0,
+      children: [
+        formContent,
+        errorContent && /* @__PURE__ */ jsxs5(Alert4, { variant: "destructive", className: "mt-4", children: [
+          /* @__PURE__ */ jsx7(IconAlertCircle4, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx7(AlertTitle4, { children: errorContent.title }),
+          /* @__PURE__ */ jsx7(AlertDescription4, { children: errorContent.description })
+        ] })
+      ]
+    }
+  ) });
+};
+
+// src/components/auth/sign-up.tsx
+import { zodResolver as zodResolver5 } from "@hookform/resolvers/zod";
+import {
+  Alert as Alert5,
+  AlertDescription as AlertDescription5,
+  AlertTitle as AlertTitle5,
+  Button as Button5,
+  Form as Form5,
+  FormControl as FormControl5,
+  FormField as FormField5,
+  FormItem as FormItem5,
+  FormLabel as FormLabel5,
+  FormMessage as FormMessage5,
+  Input as Input5,
+  useFormField as useFormField4
+} from "@mesob/ui/components";
+import { useMesob as useMesob6 } from "@mesob/ui/providers";
+import { IconAlertCircle as IconAlertCircle5, IconEye as IconEye4, IconEyeOff as IconEyeOff4 } from "@tabler/icons-react";
+import { useEffect as useEffect5, useState as useState6 } from "react";
+import { useForm as useForm5 } from "react-hook-form";
+import { toast as toast5 } from "sonner";
+import { z as z5 } from "zod";
+import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+
+// src/components/auth/verification-form.tsx
+import { zodResolver as zodResolver6 } from "@hookform/resolvers/zod";
+import {
+  Button as Button6,
+  Form as Form6,
+  FormControl as FormControl6,
+  FormField as FormField6,
+  FormItem as FormItem6,
+  FormLabel as FormLabel6,
+  FormMessage as FormMessage6,
+  InputOTP as InputOTP2,
+  InputOTPGroup as InputOTPGroup2,
+  InputOTPSlot as InputOTPSlot2
+} from "@mesob/ui/components";
+import { useForm as useForm6 } from "react-hook-form";
+import { z as z6 } from "zod";
+
+// src/components/auth/countdown.tsx
+import { Spinner } from "@mesob/ui/components";
+import { useEffect as useEffect6, useState as useState7 } from "react";
+import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+
+// src/components/auth/verification-form.tsx
+import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
+
+// src/components/auth/verify-email.tsx
+import { Alert as Alert6, AlertDescription as AlertDescription6, AlertTitle as AlertTitle6 } from "@mesob/ui/components";
+import { useMesob as useMesob7 } from "@mesob/ui/providers";
+import { IconAlertCircle as IconAlertCircle6 } from "@tabler/icons-react";
+import { useEffect as useEffect7, useState as useState8 } from "react";
+import { toast as toast6 } from "sonner";
+import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+
+// src/components/auth/verify-phone.tsx
+import { Alert as Alert7, AlertDescription as AlertDescription7, AlertTitle as AlertTitle7 } from "@mesob/ui/components";
+import { useMesob as useMesob8 } from "@mesob/ui/providers";
+import { IconAlertCircle as IconAlertCircle7 } from "@tabler/icons-react";
+import { useEffect as useEffect8, useState as useState9 } from "react";
+import { toast as toast7 } from "sonner";
+import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
+
+// src/components/authorization/deny.tsx
+import { deny as canDeny } from "@mesob/common";
+import { Fragment as Fragment2, jsx as jsx13 } from "react/jsx-runtime";
+
+// src/components/authorization/grant.tsx
+import { grant as canGrant } from "@mesob/common";
+import { Fragment as Fragment3, jsx as jsx14 } from "react/jsx-runtime";
+
+// src/components/error-boundary.tsx
+import { Button as Button7 } from "@mesob/ui/components";
+import { Component } from "react";
+import { jsx as jsx15, jsxs as jsxs11 } from "react/jsx-runtime";
+
+// src/components/iam/permission-selector.tsx
+import {
+  Badge,
+  EntitySelector,
+  useEntitySectionState
+} from "@mesob/ui/components";
+import { IconKey } from "@tabler/icons-react";
+import { jsx as jsx16, jsxs as jsxs12 } from "react/jsx-runtime";
+
+// src/components/iam/permissions.tsx
+import { Badge as Badge2, Button as Button8 } from "@mesob/ui/components";
+import { useState as useState10 } from "react";
+
+// src/components/shared/data-table.tsx
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow
+} from "@mesob/ui/components";
+
+// src/components/skeletons/table-skeleton.tsx
+import { Skeleton } from "@mesob/ui/components";
+import { jsx as jsx17, jsxs as jsxs13 } from "react/jsx-runtime";
+
+// src/components/shared/data-table.tsx
+import { jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
+
+// src/components/iam/permissions.tsx
+import { jsx as jsx19, jsxs as jsxs15 } from "react/jsx-runtime";
+
+// src/components/iam/role-detail-layout.tsx
+import {
+  EntityDetailHeader,
+  EntityEmptyState,
+  PageContainer,
+  useBreadcrumbs
+} from "@mesob/ui/components";
+import { IconShield } from "@tabler/icons-react";
+import { useMemo as useMemo2 } from "react";
+import { jsx as jsx20, jsxs as jsxs16 } from "react/jsx-runtime";
+
+// src/components/iam/role-detail-page.tsx
+import { zodResolver as zodResolver7 } from "@hookform/resolvers/zod";
+import {
+  EntityFormActions,
+  Form as Form7,
+  FormControl as FormControl7,
+  FormField as FormField7,
+  FormItem as FormItem7,
+  FormLabel as FormLabel7,
+  FormMessage as FormMessage7,
+  Input as Input6,
+  LocaleInputText,
+  LocaleInputTextarea,
+  Section,
+  Skeleton as Skeleton2
+} from "@mesob/ui/components";
+import { useLocaleSchemas } from "@mesob/ui/providers";
+import { useQueryClient } from "@tanstack/react-query";
+import { useEffect as useEffect9, useMemo as useMemo3 } from "react";
+import { useForm as useForm7 } from "react-hook-form";
+import { toast as toast8 } from "sonner";
+import { z as z7 } from "zod";
+import { jsx as jsx21, jsxs as jsxs17 } from "react/jsx-runtime";
+
+// src/components/iam/role-permissions-page.tsx
+import {
+  Badge as Badge3,
+  Button as Button9,
+  DataTablePagination,
+  DeleteConfirmButton,
+  DisplayTable,
+  EntityEmptyState as EntityEmptyState2,
+  EntityFilter,
+  EntityHeader,
+  EntityLoadingState,
+  EntitySearch,
+  EntitySort,
+  EntityViewToggle,
+  PageBody,
+  Tbody,
+  Td,
+  Th,
+  Thead,
+  Tr,
+  useEntityPagination,
+  useEntityParams
+} from "@mesob/ui/components";
+import { IconKey as IconKey2, IconPlus, IconTrash } from "@tabler/icons-react";
+import { useQueryClient as useQueryClient2 } from "@tanstack/react-query";
+import { useMemo as useMemo4 } from "react";
+import { toast as toast9 } from "sonner";
+import { jsx as jsx22, jsxs as jsxs18 } from "react/jsx-runtime";
+
+// src/components/iam/roles.tsx
+import { Badge as Badge4, Button as Button10 } from "@mesob/ui/components";
+import { useLocale } from "next-intl";
+import { useState as useState11 } from "react";
+import { jsx as jsx23, jsxs as jsxs19 } from "react/jsx-runtime";
+
+// src/components/iam/sessions.tsx
+import { Button as Button11 } from "@mesob/ui/components";
+import { useState as useState12 } from "react";
+import { jsx as jsx24, jsxs as jsxs20 } from "react/jsx-runtime";
+
+// src/components/iam/tenants.tsx
+import { Badge as Badge5, Button as Button12 } from "@mesob/ui/components";
+import { useState as useState13 } from "react";
+import { jsx as jsx25, jsxs as jsxs21 } from "react/jsx-runtime";
+
+// src/components/iam/users.tsx
+import { Badge as Badge6, Button as Button13 } from "@mesob/ui/components";
+import { useState as useState14 } from "react";
+import { jsx as jsx26, jsxs as jsxs22 } from "react/jsx-runtime";
+
+// src/components/profile/account.tsx
+import { Badge as Badge8, Card as Card2, CardContent, Separator } from "@mesob/ui/components";
+
+// src/components/profile/change-profile.tsx
+import {
+  Avatar,
+  AvatarFallback,
+  AvatarImage,
+  Badge as Badge7,
+  Button as Button14
+} from "@mesob/ui/components";
+import { useState as useState15 } from "react";
+import { jsx as jsx27, jsxs as jsxs23 } from "react/jsx-runtime";
+
+// src/components/profile/account.tsx
+import { jsx as jsx28, jsxs as jsxs24 } from "react/jsx-runtime";
+
+// src/components/profile/security.tsx
+import { Badge as Badge9, Card as Card3, CardContent as CardContent2, Separator as Separator2 } from "@mesob/ui/components";
+
+// src/components/profile/change-email-form.tsx
+import {
+  Button as Button16,
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger
+} from "@mesob/ui/components";
+import { IconChevronDown } from "@tabler/icons-react";
+import { useState as useState18 } from "react";
+
+// src/components/profile/request-change-email-form.tsx
+import { zodResolver as zodResolver8 } from "@hookform/resolvers/zod";
+import { Button as Button15, Input as Input7, Label, Spinner as Spinner2 } from "@mesob/ui/components";
+import { IconEye as IconEye5, IconEyeOff as IconEyeOff5 } from "@tabler/icons-react";
+import { useEffect as useEffect10, useState as useState16 } from "react";
+import { useForm as useForm8 } from "react-hook-form";
+import { toast as toast10 } from "sonner";
+import { z as z8 } from "zod";
+import { jsx as jsx29, jsxs as jsxs25 } from "react/jsx-runtime";
+var emailPasswordSchema = z8.object({
+  email: z8.string().email("Invalid email address"),
+  password: z8.string().min(8, "Password must be at least 8 characters").max(128, "Password too long")
+});
+
+// src/components/profile/verify-change-email-form.tsx
+import { useState as useState17 } from "react";
+import { toast as toast11 } from "sonner";
+
+// src/components/profile/otp-verification-modal.tsx
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogHeader,
+  DialogTitle
+} from "@mesob/ui/components";
+import { jsx as jsx30, jsxs as jsxs26 } from "react/jsx-runtime";
+
+// src/components/profile/verify-change-email-form.tsx
+import { jsx as jsx31 } from "react/jsx-runtime";
+
+// src/components/profile/change-email-form.tsx
+import { jsx as jsx32, jsxs as jsxs27 } from "react/jsx-runtime";
+
+// src/components/profile/change-password-form.tsx
+import { zodResolver as zodResolver9 } from "@hookform/resolvers/zod";
+import {
+  Button as Button17,
+  Collapsible as Collapsible2,
+  CollapsibleContent as CollapsibleContent2,
+  CollapsibleTrigger as CollapsibleTrigger2,
+  Input as Input8,
+  Label as Label2,
+  Spinner as Spinner3
+} from "@mesob/ui/components";
+import { IconChevronDown as IconChevronDown2, IconEye as IconEye6, IconEyeOff as IconEyeOff6 } from "@tabler/icons-react";
+import { useState as useState19 } from "react";
+import { useForm as useForm9 } from "react-hook-form";
+import { toast as toast12 } from "sonner";
+import { z as z9 } from "zod";
+import { jsx as jsx33, jsxs as jsxs28 } from "react/jsx-runtime";
+var changePasswordSchema = z9.object({
+  currentPassword: z9.string().min(8, "Password must be at least 8 characters"),
+  newPassword: z9.string().min(8, "Password must be at least 8 characters"),
+  confirmPassword: z9.string().min(8, "Password must be at least 8 characters")
+}).refine((data) => data.newPassword === data.confirmPassword, {
+  message: "Passwords don't match",
+  path: ["confirmPassword"]
+});
+
+// src/components/profile/change-phone-form.tsx
+import {
+  Button as Button19,
+  Collapsible as Collapsible3,
+  CollapsibleContent as CollapsibleContent3,
+  CollapsibleTrigger as CollapsibleTrigger3
+} from "@mesob/ui/components";
+import { IconChevronDown as IconChevronDown3 } from "@tabler/icons-react";
+import { useState as useState22 } from "react";
+
+// src/components/profile/request-change-phone-form.tsx
+import { zodResolver as zodResolver10 } from "@hookform/resolvers/zod";
+import { Button as Button18, Input as Input9, Label as Label3, Spinner as Spinner4 } from "@mesob/ui/components";
+import { IconEye as IconEye7, IconEyeOff as IconEyeOff7 } from "@tabler/icons-react";
+import { useEffect as useEffect11, useState as useState20 } from "react";
+import { useForm as useForm10 } from "react-hook-form";
+import { toast as toast13 } from "sonner";
+import { z as z10 } from "zod";
+import { jsx as jsx34, jsxs as jsxs29 } from "react/jsx-runtime";
+
+// src/components/profile/verify-change-phone-form.tsx
+import { useState as useState21 } from "react";
+import { toast as toast14 } from "sonner";
+import { jsx as jsx35 } from "react/jsx-runtime";
+
+// src/components/profile/change-phone-form.tsx
+import { jsx as jsx36, jsxs as jsxs30 } from "react/jsx-runtime";
+
+// src/components/profile/security.tsx
+import { jsx as jsx37, jsxs as jsxs31 } from "react/jsx-runtime";
+
+// src/components/skeletons/auth-form-skeleton.tsx
+import { Skeleton as Skeleton3 } from "@mesob/ui/components";
+import { jsx as jsx38, jsxs as jsxs32 } from "react/jsx-runtime";
+
+// src/components/skeletons/profile-skeleton.tsx
+import { Skeleton as Skeleton4 } from "@mesob/ui/components";
+import { jsx as jsx39, jsxs as jsxs33 } from "react/jsx-runtime";
+
+// src/pages/auth/sign-in.tsx
+import { jsx as jsx40 } from "react/jsx-runtime";
+var metadata = {
+  title: "Sign in",
+  description: "Sign in to your account."
+};
+async function SignInPage({ searchParams }) {
+  const params = searchParams ? await searchParams : {};
+  const redirectParam = params.redirect;
+  const redirectUrl = typeof redirectParam === "string" ? redirectParam : void 0;
+  return /* @__PURE__ */ jsx40(SignIn, { redirectUrl });
+}
+export {
+  SignInPage as default,
+  metadata
+};
+//# sourceMappingURL=sign-in.js.map