@mesob/auth-react 0.3.5 → 0.4.1

package/dist/index.js

@@ -1,3875 +1,155 @@
 "use client";
-
-// src/components/auth/auth-card.tsx
-import { Card } from "@mesob/ui/components";
-import { jsx } from "react/jsx-runtime";
-var AuthCard = ({ children }) => {
-  return /* @__PURE__ */ jsx("div", { className: "flex min-h-screen w-full p-4 items-center justify-center", children: /* @__PURE__ */ jsx("div", { className: "w-full min-w-[280px] max-w-[28rem] shrink-0", children: /* @__PURE__ */ jsx(Card, { padding: "lg", children }) }) });
-};
-
-// 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/types.ts
-var defaultAuthClientConfig = {
-  features: {
-    enableSignup: true,
-    enablePasswordReset: true,
-    enableEmailSignup: true,
-    enablePhoneSignup: true,
-    enableSocialSignup: false,
-    socialProviders: []
-  },
-  navigation: {
-    locale: "en"
-  },
-  cookiePrefix: "msb",
-  phoneRegex: /^(\+2519|\+2517|2519|2517|09|07)\d{8}$/
-};
-
-// src/utils/cookie.ts
-var isProduction = typeof process !== "undefined" && process.env.NODE_ENV === "production";
-var getSessionCookieName = (config) => {
-  const prefix = config.cookiePrefix || "";
-  const baseName = "session_token";
-  if (prefix) {
-    return `${prefix}_${baseName}`;
-  }
-  return isProduction ? "__Host-session_token" : baseName;
-};
-
-// src/utils/custom-fetch.ts
-var createCustomFetch = (_config) => {
-  return (input, init) => {
-    if (input instanceof Request) {
-      return fetch(input, { ...init, credentials: "include" });
-    }
-    return fetch(input, { ...init, credentials: "include" });
-  };
-};
-
-// src/provider.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
-function isServer() {
-  return typeof document === "undefined";
-}
-function hasAuthCookie(_cookieName) {
-  return false;
-}
-var SessionContext = createContext(null);
-var ApiContext = createContext(null);
-var ConfigContext = createContext(null);
-var queryClient = new QueryClient({
-  defaultOptions: {
-    queries: {
-      refetchOnWindowFocus: false
-    }
-  }
-});
-function useSession() {
-  const context = useContext(SessionContext);
-  if (!context) {
-    throw new Error("useSession must be used within MesobAuthProvider");
-  }
-  return context;
-}
-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;
-}
-function useHasAuthCookie() {
-  const { status } = useSession();
-  return status === "authenticated" || status === "loading";
-}
-function MesobAuthProvider({
-  config,
-  children
-}) {
-  const mergedConfig = useMemo(
-    () => deepmerge(
-      { ...defaultAuthClientConfig },
-      config
-    ),
-    [config]
-  );
-  const api = useMemo(
-    () => createFetchClient({
-      baseUrl: mergedConfig.baseURL,
-      fetch: createCustomFetch(mergedConfig)
-    }),
-    [mergedConfig]
-  );
-  const hooks = useMemo(() => createClient(api), [api]);
-  const cookieName = useMemo(
-    () => getSessionCookieName(mergedConfig),
-    [mergedConfig]
-  );
-  return /* @__PURE__ */ jsx2(QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsx2(
-    AuthStateProvider,
-    {
-      config: mergedConfig,
-      hooks,
-      cookieName,
-      children
-    }
-  ) });
-}
-function AuthStateProvider({
-  config,
-  hooks,
-  cookieName,
-  children
-}) {
-  const [override, setOverride] = useState(null);
-  const {
-    data: sessionData,
-    isLoading,
-    isFetched,
-    error: sessionError,
-    refetch
-  } = hooks.useQuery(
-    "get",
-    "/session",
-    {},
-    {
-      enabled: !(override || isServer()),
-      refetchOnMount: false,
-      refetchOnWindowFocus: false,
-      refetchOnReconnect: false,
-      retry: false,
-      gcTime: 0,
-      staleTime: 0
-    }
-  );
-  const user = override?.user ?? sessionData?.user ?? null;
-  const session = override?.session ?? sessionData?.session ?? null;
-  const error = override?.error ?? sessionError;
-  const errorStatus = (() => {
-    if (!sessionError) {
-      return null;
-    }
-    const err = sessionError;
-    return err.status ?? null;
-  })();
-  const isNetworkError = (() => {
-    if (!sessionError) {
-      return false;
-    }
-    const error2 = sessionError;
-    const errorMessage = error2.message || String(error2) || JSON.stringify(error2);
-    if (error2 instanceof TypeError || error2 instanceof DOMException || error2.name === "TypeError" || errorMessage.includes("Failed to fetch") || errorMessage.includes("ERR_CONNECTION_REFUSED") || errorMessage.includes("NetworkError") || errorMessage.includes("Network request failed") || errorMessage.includes("fetch failed")) {
-      return true;
-    }
-    if (error2.cause) {
-      const causeStr = String(error2.cause);
-      if (causeStr.includes("Failed to fetch") || causeStr.includes("ERR_CONNECTION_REFUSED") || causeStr.includes("NetworkError")) {
-        return true;
-      }
-    }
-    return false;
-  })();
-  const status = (() => {
-    if (override) {
-      return override.status;
-    }
-    if (isServer()) {
-      return "loading";
-    }
-    if (user && session) {
-      return "authenticated";
-    }
-    if (isNetworkError || errorStatus === 401) {
-      return "unauthenticated";
-    }
-    if (sessionError && !isNetworkError && errorStatus !== 401) {
-      if (errorStatus && errorStatus >= 500) {
-        return "authenticated";
-      }
-      if (isFetched) {
-        return "unauthenticated";
-      }
-    }
-    if (isLoading || !isFetched) {
-      return "loading";
-    }
-    if (isFetched && !user && !session) {
-      return "unauthenticated";
-    }
-    return "unauthenticated";
-  })();
-  const signOutMutation = hooks.useMutation("post", "/sign-out");
-  const t = createTranslator(config.messages || {});
-  const setAuth = (auth) => {
-    setOverride({
-      user: auth.user,
-      session: auth.session,
-      status: "authenticated",
-      error: null
-    });
-  };
-  const clearAuth = () => {
-    setOverride({
-      user: null,
-      session: null,
-      status: "unauthenticated",
-      error: null
-    });
-  };
-  const refresh = async () => {
-    setOverride(null);
-    await refetch();
-  };
-  const signOut = async () => {
-    try {
-      await signOutMutation.mutateAsync({});
-    } finally {
-      clearAuth();
-    }
-  };
-  return /* @__PURE__ */ jsx2(ConfigContext.Provider, { value: { config, cookieName, t }, children: /* @__PURE__ */ jsx2(ApiContext.Provider, { value: { hooks, setAuth, clearAuth, refresh }, children: /* @__PURE__ */ jsx2(
-    SessionContext.Provider,
-    {
-      value: {
-        user,
-        session,
-        status,
-        error,
-        isLoading: status === "loading",
-        isAuthenticated: status === "authenticated",
-        refresh,
-        signOut
-      },
-      children
-    }
-  ) }) });
-}
-
-// 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 set (e.g. social login). Please sign in with your provider or reset your password."
-  }
-};
-var validCodes = Object.keys(AUTH_ERROR_MAPPING);
-
-// src/utils/handle-error.ts
-function isAuthError(err) {
-  return typeof err === "object" && err !== null && "message" in err && typeof err.message === "string";
-}
-function extractErrorCode(err) {
-  if (err.code && validCodes.includes(err.code)) {
-    return err.code;
-  }
-  if (err.message) {
-    const messageUpper = err.message.toUpperCase().trim();
-    if (validCodes.includes(messageUpper)) {
-      return messageUpper;
-    }
-  }
-  return "";
-}
-function sanitizeErrorMessage(message) {
-  const lowerMessage = message.toLowerCase();
-  const isDatabaseError = lowerMessage.includes("failed query") || lowerMessage.includes("select") || lowerMessage.includes("insert") || lowerMessage.includes("update") || lowerMessage.includes("delete") || lowerMessage.includes("from") || lowerMessage.includes("where") || lowerMessage.includes("limit") || lowerMessage.includes("params:") || lowerMessage.includes("query") || message.includes('"iam".') || message.includes('"tenants"') || message.includes('"users"') || message.includes('"sessions"') || message.includes('"accounts"') || lowerMessage.includes("relation") || lowerMessage.includes("column") || lowerMessage.includes("syntax error") || lowerMessage.includes("database") || lowerMessage.includes("postgres") || lowerMessage.includes("sql");
-  if (isDatabaseError) {
-    return "An error occurred while processing your request";
-  }
-  return message;
-}
-function handleAuthError(err, setError, t) {
-  const errorCode = extractErrorCode(err);
-  if (errorCode && AUTH_ERROR_MAPPING[errorCode]) {
-    const mapping = AUTH_ERROR_MAPPING[errorCode];
-    setError({
-      title: mapping.title,
-      description: mapping.description
-    });
-    return;
-  }
-  const sanitizedMessage = sanitizeErrorMessage(
-    err.message || t("errors.fallback")
-  );
-  setError({
-    title: t("errors.fallback"),
-    description: sanitizedMessage
-  });
-}
-function handleGenericError(err, setError, t) {
-  const rawMessage = err instanceof Error ? err.message : t("errors.fallback");
-  const sanitizedMessage = sanitizeErrorMessage(rawMessage);
-  setError({
-    title: "Error",
-    description: sanitizedMessage
-  });
-}
-var handleError = (err, setError, t) => {
-  if (isAuthError(err)) {
-    handleAuthError(err, setError, t);
-  } else {
-    handleGenericError(err, setError, t);
-  }
-};
-
-// src/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";
-var forgotPasswordSchema = (t) => z.object({
-  account: z.string().min(1, t("errors.accountRequired"))
-});
-var ForgotPassword = () => {
-  const { hooks } = useApi();
-  const { config } = useConfig();
-  const mesob = useMesob2();
-  const t = useTranslator("Auth.forgotPassword");
-  const Link = mesob?.navigation?.Link;
-  const [isLoading, setIsLoading] = useState2(false);
-  const [error, setError] = useState2(null);
-  const forgotPasswordMutation = hooks.useMutation("post", "/password/forgot");
-  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 form = useForm({
-    resolver: zodResolver(forgotPasswordSchema(t)),
-    defaultValues: {
-      account: ""
-    }
-  });
-  useEffect(() => {
-    if (error) {
-      toast.error(error.title || "Error", {
-        description: error.description
-      });
-    }
-  }, [error]);
-  const handleSubmit = form.handleSubmit(async (values) => {
-    setIsLoading(true);
-    setError(null);
-    try {
-      const res = await forgotPasswordMutation.mutateAsync({
-        body: {
-          identifier: values.account
-        }
-      });
-      if ("verificationId" in res && res.verificationId) {
-        onNavigate(`/auth/reset-password?verificationId=${res.verificationId}`);
-      } else {
-        onNavigate(
-          `/auth/reset-password?identifier=${encodeURIComponent(values.account)}`
-        );
-      }
-    } catch (err) {
-      handleError(err, setError, t);
-    } finally {
-      setIsLoading(false);
-    }
-  });
-  let errorContent = null;
-  if (error) {
-    if (typeof error === "string") {
-      errorContent = { title: "Error", description: error };
-    } else {
-      errorContent = error;
-    }
-  }
-  return /* @__PURE__ */ jsxs2(
-    AuthLayout,
-    {
-      title: config.ui.name,
-      description: t("description"),
-      logoImage,
-      footer: Link ? /* @__PURE__ */ jsx4(Link, { href: signInLink, className: "text-primary hover:underline", children: t("footer.backToSignIn") }) : /* @__PURE__ */ jsx4(
-        "a",
-        {
-          href: signInLink,
-          onClick: (e) => {
-            e.preventDefault();
-            onNavigate(signInLink);
-          },
-          className: "text-primary hover:underline",
-          children: t("footer.backToSignIn")
-        }
-      ),
-      children: [
-        /* @__PURE__ */ jsx4(Form, { ...form, children: /* @__PURE__ */ jsxs2(
-          "form",
-          {
-            id: "forgot-password-form",
-            onSubmit: handleSubmit,
-            className: "space-y-4",
-            children: [
-              /* @__PURE__ */ jsx4(
-                FormField,
-                {
-                  control: form.control,
-                  name: "account",
-                  render: ({ field }) => /* @__PURE__ */ jsxs2(FormItem, { children: [
-                    /* @__PURE__ */ jsx4(FormLabel, { children: t("form.accountLabel") }),
-                    /* @__PURE__ */ jsx4(FormControl, { children: /* @__PURE__ */ jsx4(Input, { ...field, type: "text" }) }),
-                    /* @__PURE__ */ jsx4(FormMessage, {})
-                  ] })
-                }
-              ),
-              /* @__PURE__ */ jsx4(
-                Button,
-                {
-                  type: "submit",
-                  form: "forgot-password-form",
-                  className: "w-full",
-                  disabled: isLoading || forgotPasswordMutation.isPending,
-                  loading: isLoading || forgotPasswordMutation.isPending,
-                  children: isLoading || forgotPasswordMutation.isPending ? t("form.submitting") : t("form.submit")
-                }
-              )
-            ]
-          }
-        ) }),
-        errorContent && /* @__PURE__ */ jsxs2(Alert, { variant: "destructive", className: "mt-4", children: [
-          /* @__PURE__ */ jsx4(IconAlertCircle, { className: "h-4 w-4" }),
-          /* @__PURE__ */ jsx4(AlertTitle, { children: errorContent.title }),
-          /* @__PURE__ */ jsx4(AlertDescription, { children: errorContent.description })
-        ] })
-      ]
-    }
-  );
-};
-
-// src/components/auth/reset-password-form.tsx
-import { zodResolver as zodResolver2 } from "@hookform/resolvers/zod";
+  TenantDetailPageContent
+} from "./chunk-OFLSINVU.js";
 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";
-function PasswordInput({ field, show, onToggle }) {
-  const { formItemId, error } = useFormField();
-  return /* @__PURE__ */ jsxs3("div", { className: "relative", children: [
-    /* @__PURE__ */ jsx5(
-      Input2,
-      {
-        ...field,
-        id: formItemId,
-        type: show ? "text" : "password",
-        "aria-invalid": !!error,
-        className: "pr-10"
-      }
-    ),
-    /* @__PURE__ */ jsx5(
-      Button2,
-      {
-        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__ */ jsx5(IconEyeOff, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx5(IconEye, { className: "h-4 w-4" })
-      }
-    )
-  ] });
-}
-var resetPasswordSchema = (t) => z2.object({
-  code: z2.string().length(6, t("errors.codeLength")),
-  password: z2.string().min(8, t("errors.passwordLength")),
-  confirmPassword: z2.string()
-}).refine((data) => data.password === data.confirmPassword, {
-  message: t("errors.passwordsMismatch"),
-  path: ["confirmPassword"]
-});
-var ResetPasswordForm = ({
-  verificationId,
-  redirectUrl
-}) => {
-  const { hooks, refresh } = useApi();
-  const { config } = useConfig();
-  const mesob = useMesob3();
-  const Link = mesob?.navigation?.Link;
-  const t = useTranslator("Auth.resetPassword");
-  const common = useTranslator("Common");
-  const [isLoading, setIsLoading] = useState3(false);
-  const [error, setError] = useState3(null);
-  const [showPassword, setShowPassword] = useState3(false);
-  const resetPasswordMutation = hooks.useMutation("post", "/password/reset");
-  const signInLink = config.navigation?.links?.signIn || "/auth/sign-in";
-  const forgotPasswordLink = config.navigation?.links?.forgotPassword || "/auth/forgot-password";
-  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 || "/";
-  const form = useForm2({
-    resolver: zodResolver2(resetPasswordSchema(t)),
-    defaultValues: {
-      code: "",
-      password: "",
-      confirmPassword: ""
-    }
-  });
-  useEffect2(() => {
-    if (error) {
-      toast2.error(error.title || "Error", {
-        description: error.description
-      });
-    }
-  }, [error]);
-  const handleSubmit = form.handleSubmit(async (values) => {
-    if (!verificationId) {
-      setError({
-        title: t("errors.fallback"),
-        description: t("errors.missingVerificationId")
-      });
-      return;
-    }
-    setIsLoading(true);
-    setError(null);
-    try {
-      await resetPasswordMutation.mutateAsync({
-        body: {
-          verificationId,
-          code: values.code,
-          password: values.password
-        }
-      });
-      await refresh();
-      onNavigate(defaultRedirect);
-    } catch (err) {
-      handleError(err, setError, t);
-    } finally {
-      setIsLoading(false);
-    }
-  });
-  if (!verificationId) {
-    return /* @__PURE__ */ jsx5(
-      AuthLayout,
-      {
-        title: common("invalidLinkTitle"),
-        description: common("invalidLinkDescription"),
-        logoImage,
-        footer: /* @__PURE__ */ jsx5(
-          Link,
-          {
-            href: forgotPasswordLink,
-            className: "text-primary hover:underline",
-            children: t("footer.requestNew")
-          }
-        ),
-        children: /* @__PURE__ */ jsx5("div", {})
-      }
-    );
-  }
-  let errorContent = null;
-  if (error) {
-    if (typeof error === "string") {
-      errorContent = { title: "Error", description: error };
-    } else {
-      errorContent = error;
-    }
-  }
-  return /* @__PURE__ */ jsxs3(
-    AuthLayout,
-    {
-      title: config.ui.name,
-      description: t("description"),
-      logoImage,
-      footer: /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-between w-full gap-2", children: [
-        /* @__PURE__ */ jsx5(Link, { href: signInLink, className: "text-primary hover:underline", children: t("footer.backToSignIn") }),
-        /* @__PURE__ */ jsx5(
-          Link,
-          {
-            href: forgotPasswordLink,
-            className: "text-primary hover:underline",
-            children: t("footer.changeAccount")
-          }
-        )
-      ] }),
-      children: [
-        /* @__PURE__ */ jsx5(Form2, { ...form, children: /* @__PURE__ */ jsxs3(
-          "form",
-          {
-            id: "reset-password-form",
-            onSubmit: handleSubmit,
-            className: "space-y-4",
-            children: [
-              /* @__PURE__ */ jsx5(
-                FormField2,
-                {
-                  control: form.control,
-                  name: "code",
-                  render: ({ field }) => /* @__PURE__ */ jsxs3(FormItem2, { children: [
-                    /* @__PURE__ */ jsx5("div", { className: "flex justify-center", children: /* @__PURE__ */ jsx5(FormLabel2, { children: t("form.codeLabel") }) }),
-                    /* @__PURE__ */ jsx5(FormControl2, { children: /* @__PURE__ */ jsx5(
-                      InputOTP,
-                      {
-                        maxLength: 6,
-                        value: field.value,
-                        onChange: field.onChange,
-                        onBlur: field.onBlur,
-                        containerClassName: "gap-4 flex justify-center mt-2",
-                        children: /* @__PURE__ */ jsxs3(InputOTPGroup, { className: "gap-3 *:data-[slot=input-otp-slot]:h-12 *:data-[slot=input-otp-slot]:w-12 *:data-[slot=input-otp-slot]:rounded-md *:data-[slot=input-otp-slot]:border *:data-[slot=input-otp-slot]:text-xl", children: [
-                          /* @__PURE__ */ jsx5(InputOTPSlot, { className: "h-12", index: 0 }),
-                          /* @__PURE__ */ jsx5(InputOTPSlot, { className: "h-12", index: 1 }),
-                          /* @__PURE__ */ jsx5(InputOTPSlot, { className: "h-12", index: 2 }),
-                          /* @__PURE__ */ jsx5(InputOTPSlot, { className: "h-12", index: 3 }),
-                          /* @__PURE__ */ jsx5(InputOTPSlot, { className: "h-12", index: 4 }),
-                          /* @__PURE__ */ jsx5(InputOTPSlot, { className: "h-12", index: 5 })
-                        ] })
-                      }
-                    ) }),
-                    /* @__PURE__ */ jsx5(FormMessage2, {})
-                  ] })
-                }
-              ),
-              /* @__PURE__ */ jsx5(
-                FormField2,
-                {
-                  control: form.control,
-                  name: "password",
-                  render: ({ field }) => /* @__PURE__ */ jsxs3(FormItem2, { children: [
-                    /* @__PURE__ */ jsx5(FormLabel2, { children: t("form.passwordLabel") }),
-                    /* @__PURE__ */ jsx5(
-                      PasswordInput,
-                      {
-                        field,
-                        show: showPassword,
-                        onToggle: () => setShowPassword(!showPassword)
-                      }
-                    ),
-                    /* @__PURE__ */ jsx5(FormMessage2, {})
-                  ] })
-                }
-              ),
-              /* @__PURE__ */ jsx5(
-                FormField2,
-                {
-                  control: form.control,
-                  name: "confirmPassword",
-                  render: ({ field }) => /* @__PURE__ */ jsxs3(FormItem2, { children: [
-                    /* @__PURE__ */ jsx5(FormLabel2, { children: t("form.confirmPasswordLabel") }),
-                    /* @__PURE__ */ jsx5(
-                      PasswordInput,
-                      {
-                        field,
-                        show: showPassword,
-                        onToggle: () => setShowPassword(!showPassword)
-                      }
-                    ),
-                    /* @__PURE__ */ jsx5(FormMessage2, {})
-                  ] })
-                }
-              ),
-              /* @__PURE__ */ jsx5(
-                Button2,
-                {
-                  type: "submit",
-                  form: "reset-password-form",
-                  className: "w-full",
-                  disabled: isLoading || resetPasswordMutation.isPending,
-                  loading: isLoading || resetPasswordMutation.isPending,
-                  children: isLoading || resetPasswordMutation.isPending ? t("form.submitting") : t("form.submit")
-                }
-              )
-            ]
-          }
-        ) }),
-        errorContent && /* @__PURE__ */ jsxs3(Alert2, { variant: "destructive", className: "mt-4", children: [
-          /* @__PURE__ */ jsx5(IconAlertCircle2, { className: "h-4 w-4" }),
-          /* @__PURE__ */ jsx5(AlertTitle2, { children: errorContent.title }),
-          /* @__PURE__ */ jsx5(AlertDescription2, { children: errorContent.description })
-        ] })
-      ]
-    }
-  );
-};
-
-// src/components/auth/sign-in.tsx
-import { zodResolver as zodResolver3 } from "@hookform/resolvers/zod";
+  UserDetailLayoutContent
+} from "./chunk-SOCZK4CV.js";
 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, 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/sign-in.tsx
-import { Fragment, jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
-var isPhone = (s) => /^\+?[0-9()[\]\s-]{6,}$/.test(s);
-function PasswordInput2({ field, show, onToggle }) {
-  const { formItemId, error } = useFormField2();
-  return /* @__PURE__ */ jsxs4("div", { className: "relative", children: [
-    /* @__PURE__ */ jsx6(
-      Input3,
-      {
-        ...field,
-        id: formItemId,
-        type: show ? "text" : "password",
-        autoComplete: "current-password",
-        "aria-invalid": !!error,
-        className: "pr-10"
-      }
-    ),
-    /* @__PURE__ */ jsx6(
-      Button3,
-      {
-        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__ */ jsx6(IconEyeOff2, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx6(IconEye2, { className: "h-4 w-4" })
-      }
-    )
-  ] });
-}
-var signInSchema = (t, phoneRegex) => z3.object({
-  username: z3.string().trim().min(1, { message: t("errors.requiredField") }).refine(
-    (val) => {
-      const isEmail = z3.email().safeParse(val).success;
-      const isPhone3 = phoneRegex.test(val);
-      return isEmail || isPhone3;
-    },
-    { message: t("errors.invalidEmailOrPhone") }
-  ),
-  password: z3.union([
-    z3.literal(""),
-    z3.string().min(8, t("errors.passwordLength")).max(128, t("errors.longPasswordError"))
-  ]).optional()
-});
-var SignIn = ({ redirectUrl } = {}) => {
-  const { hooks, setAuth } = useApi();
-  const { config } = useConfig();
-  const mesob = useMesob4();
-  const t = useTranslator("Auth.signIn");
-  const Link = mesob?.navigation?.Link;
-  const [isLoading, setIsLoading] = useState4(false);
-  const [error, setError] = useState4(null);
-  const [showPasswordField, setShowPasswordField] = useState4(false);
-  const [showPassword, setShowPassword] = useState4(false);
-  const [username, setUsername] = useState4("");
-  const [isChecking, setIsChecking] = useState4(false);
-  const checkUserMutation = hooks.useMutation("post", "/check-account");
-  const signInMutation = hooks.useMutation("post", "/sign-in");
-  const phoneRegex = typeof config.phoneRegex === "string" ? new RegExp(config.phoneRegex) : config.phoneRegex || /^(\+2519|\+2517|2519|2517|09|07)\d{8}$/;
-  const defaultRedirect = redirectUrl || config.navigation?.defaultRedirectUrl || "/dashboard";
-  const forgotPasswordLink = config.navigation?.links?.forgotPassword || "/auth/forgot-password";
-  const signUpLink = config.navigation?.links?.signUp || "/auth/sign-up";
-  const onNavigate = config.navigation?.onNavigate || ((path) => {
-    if (typeof window !== "undefined") {
-      window.location.href = path;
-    }
-  });
-  const logoImage = config.ui.logoImage;
-  const form = useForm3({
-    resolver: zodResolver3(signInSchema(t, phoneRegex)),
-    defaultValues: { username: "", password: "" },
-    mode: "onBlur"
-  });
-  useEffect3(() => {
-    if (error) {
-      toast3.error(error.title || "Error", {
-        description: error.description
-      });
-    }
-  }, [error]);
-  const handleCheckAccount = async (usernameValue) => {
-    setIsChecking(true);
-    try {
-      const normalizedUsername = phoneRegex.test(usernameValue) ? normalizePhone(usernameValue) : usernameValue;
-      const result = await checkUserMutation.mutateAsync({
-        body: {
-          username: normalizedUsername
-        }
-      });
-      if (result.exists) {
-        setUsername(normalizedUsername);
-        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) {
-      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__ */ jsx6(Form3, { ...form, children: /* @__PURE__ */ jsxs4(
-    "form",
-    {
-      id: "sign-in-form",
-      onSubmit: form.handleSubmit(onSubmit),
-      className: "space-y-4",
-      children: [
-        showPasswordField ? /* @__PURE__ */ jsxs4(Fragment, { children: [
-          /* @__PURE__ */ jsxs4(FormItem3, { children: [
-            /* @__PURE__ */ jsxs4(FormLabel3, { className: "flex justify-between items-center", children: [
-              t("form.accountLabel"),
-              /* @__PURE__ */ jsx6(
-                Button3,
-                {
-                  type: "button",
-                  variant: "link",
-                  size: "sm",
-                  className: "p-0 m-0 h-auto",
-                  onClick: handleBack,
-                  children: t("changeAccount")
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsx6(
-              Input3,
-              {
-                id: "sign-in-username",
-                type: "text",
-                value: username,
-                autoComplete: "username",
-                disabled: true
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsx6(
-            FormField3,
-            {
-              control: form.control,
-              name: "password",
-              render: ({ field }) => /* @__PURE__ */ jsxs4(FormItem3, { children: [
-                /* @__PURE__ */ jsx6(FormLabel3, { children: t("form.passwordLabel") }),
-                /* @__PURE__ */ jsx6(
-                  PasswordInput2,
-                  {
-                    field: { ...field, value: field.value ?? "" },
-                    show: showPassword,
-                    onToggle: () => setShowPassword(!showPassword)
-                  }
-                ),
-                /* @__PURE__ */ jsx6(FormMessage3, {})
-              ] })
-            }
-          )
-        ] }) : /* @__PURE__ */ jsx6(
-          FormField3,
-          {
-            control: form.control,
-            name: "username",
-            render: ({ field }) => /* @__PURE__ */ jsxs4(FormItem3, { children: [
-              /* @__PURE__ */ jsx6(FormLabel3, { children: t("form.accountLabel") }),
-              /* @__PURE__ */ jsx6(FormControl3, { children: /* @__PURE__ */ jsx6(Input3, { ...field, type: "text", autoComplete: "username" }) }),
-              /* @__PURE__ */ jsx6(FormMessage3, {})
-            ] })
-          }
-        ),
-        /* @__PURE__ */ jsx6(
-          Button3,
-          {
-            type: "submit",
-            className: "w-full",
-            disabled: isSubmitting,
-            loading: isSubmitting,
-            children: submitLabel
-          }
-        )
-      ]
-    }
-  ) });
-  return /* @__PURE__ */ jsx6("div", { className: "space-y-4", children: /* @__PURE__ */ jsxs4(
-    AuthLayout,
-    {
-      title: config.ui.name,
-      description: t("description"),
-      logoImage,
-      footer: showPasswordField ? /* @__PURE__ */ jsx6("div", { className: "flex items-center justify-center w-full", children: Link ? /* @__PURE__ */ jsx6(
-        Link,
-        {
-          href: forgotPasswordLink,
-          className: "text-primary inline-block hover:underline",
-          children: t("footer.forgotPassword")
-        }
-      ) : /* @__PURE__ */ jsx6(
-        "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__ */ jsxs4(Alert3, { variant: "destructive", className: "mt-4", children: [
-          /* @__PURE__ */ jsx6(IconAlertCircle3, { className: "h-4 w-4" }),
-          /* @__PURE__ */ jsx6(AlertTitle3, { children: errorContent.title }),
-          /* @__PURE__ */ jsx6(AlertDescription3, { children: errorContent.description })
-        ] })
-      ]
-    }
-  ) });
-};
-
-// src/components/auth/sign-up.tsx
-import { zodResolver as zodResolver4 } from "@hookform/resolvers/zod";
+  UserDetailPageContent
+} from "./chunk-NJPNTAAT.js";
 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 { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
-var isPhone2 = (s) => /^\+?[0-9()[\]\s-]{6,}$/.test(s);
-function PasswordInput3({ field, show, onToggle }) {
-  const { formItemId, error } = useFormField3();
-  return /* @__PURE__ */ jsxs5("div", { className: "relative", children: [
-    /* @__PURE__ */ jsx7(
-      Input4,
-      {
-        ...field,
-        id: formItemId,
-        type: show ? "text" : "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 signUpSchema = (t) => z4.object({
-  fullName: z4.string().min(1, t("errors.fullNameRequired")),
-  identifier: z4.string().min(1, t("errors.contactRequired")).refine(
-    (val) => {
-      if (!val) {
-        return false;
-      }
-      return val.includes("@") || isPhone2(val);
-    },
-    {
-      message: t("errors.invalidEmailOrPhone")
-    }
-  ),
-  password: z4.string().min(8, t("errors.passwordLength")).max(128, t("errors.longPasswordError")),
-  confirmPassword: z4.string()
-}).refine((data) => data.password === data.confirmPassword, {
-  message: t("errors.passwordsMismatch"),
-  path: ["confirmPassword"]
-});
-var SignUp = ({
-  redirectUrl,
-  initialIdentifier
-} = {}) => {
-  const { hooks, setAuth } = useApi();
-  const { config } = useConfig();
-  const mesob = useMesob5();
-  const t = useTranslator("Auth.signUp");
-  const Link = mesob?.navigation?.Link;
-  const [isLoading, setIsLoading] = useState5(false);
-  const [error, setError] = useState5(null);
-  const [showPassword, setShowPassword] = useState5(false);
-  const [showConfirmPassword, setShowConfirmPassword] = useState5(false);
-  const signUpMutation = hooks.useMutation("post", "/sign-up");
-  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 || "/";
-  const hasInitialIdentifier = !!initialIdentifier;
-  const form = useForm4({
-    resolver: zodResolver4(signUpSchema(t)),
-    defaultValues: {
-      fullName: "",
-      identifier: initialIdentifier || "",
-      password: "",
-      confirmPassword: ""
-    }
-  });
-  useEffect4(() => {
-    if (initialIdentifier) {
-      form.setValue("identifier", initialIdentifier);
-    }
-  }, [initialIdentifier, form]);
-  useEffect4(() => {
-    if (error) {
-      toast4.error(error.title || "Error", {
-        description: error.description
-      });
-    }
-  }, [error]);
-  const handleSubmit = form.handleSubmit(async (values) => {
-    setIsLoading(true);
-    setError(null);
-    try {
-      const identifier = values.identifier;
-      const usingPhone = isPhone2(identifier);
-      const res = await signUpMutation.mutateAsync({
-        body: usingPhone ? {
-          phone: identifier,
-          password: values.password,
-          fullName: values.fullName,
-          handle: values.handle
-        } : {
-          email: identifier,
-          password: values.password,
-          fullName: values.fullName,
-          handle: values.handle
-        }
-      });
-      if ("verificationId" in res && res.verificationId) {
-        const redirectParam = defaultRedirect ? `&redirect=${encodeURIComponent(defaultRedirect)}` : "";
-        if (usingPhone) {
-          onNavigate(
-            `/auth/verify-phone?context=sign-up&verificationId=${res.verificationId}&phone=${encodeURIComponent(identifier)}${redirectParam}`
-          );
-        } else {
-          onNavigate(
-            `/auth/verify-email?verificationId=${res.verificationId}&email=${encodeURIComponent(identifier)}${redirectParam}`
-          );
-        }
-        return;
-      }
-      if ("user" in res && "session" in res) {
-        setAuth(res);
-      }
-      onNavigate(defaultRedirect);
-    } catch (err) {
-      handleError(err, setError, t);
-    } finally {
-      setIsLoading(false);
-    }
-  });
-  const getIdentifierLabel = () => {
-    if (!hasInitialIdentifier) {
-      return t("form.accountLabel") || "Email/Phone";
-    }
-    if (initialIdentifier?.includes("@")) {
-      return t("form.emailLabel");
-    }
-    return t("form.phoneLabel");
-  };
-  const identifierLabel = getIdentifierLabel();
-  let errorContent = null;
-  if (error) {
-    if (typeof error === "string") {
-      errorContent = { title: "Error", description: error };
-    } else {
-      errorContent = error;
-    }
-  }
-  return /* @__PURE__ */ jsxs5(
-    AuthLayout,
-    {
-      title: config.ui.name,
-      description: t("description"),
-      logoImage,
-      footer: /* @__PURE__ */ jsxs5("p", { children: [
-        t("footer.hasAccount"),
-        " ",
-        Link ? /* @__PURE__ */ jsx7(Link, { href: signInLink, className: "text-primary hover:underline", children: t("footer.signInCta") }) : /* @__PURE__ */ jsx7(
-          "a",
-          {
-            href: signInLink,
-            onClick: (e) => {
-              e.preventDefault();
-              onNavigate(signInLink);
-            },
-            className: "text-primary hover:underline",
-            children: t("footer.signInCta")
-          }
-        )
-      ] }),
-      children: [
-        /* @__PURE__ */ jsx7(Form4, { ...form, children: /* @__PURE__ */ jsxs5("form", { id: "sign-up-form", onSubmit: handleSubmit, className: "space-y-4", children: [
-          /* @__PURE__ */ jsx7(
-            FormField4,
-            {
-              control: form.control,
-              name: "fullName",
-              render: ({ field }) => /* @__PURE__ */ jsxs5(FormItem4, { children: [
-                /* @__PURE__ */ jsx7(FormLabel4, { children: t("form.fullNameLabel") }),
-                /* @__PURE__ */ jsx7(FormControl4, { children: /* @__PURE__ */ jsx7(Input4, { ...field }) }),
-                /* @__PURE__ */ jsx7(FormMessage4, {})
-              ] })
-            }
-          ),
-          /* @__PURE__ */ jsx7(
-            FormField4,
-            {
-              control: form.control,
-              name: "identifier",
-              render: ({ field }) => /* @__PURE__ */ jsxs5(FormItem4, { children: [
-                /* @__PURE__ */ jsx7(
-                  FormLabel4,
-                  {
-                    className: hasInitialIdentifier ? "block" : void 0,
-                    children: identifierLabel
-                  }
-                ),
-                /* @__PURE__ */ jsx7(FormControl4, { children: /* @__PURE__ */ jsx7(
-                  Input4,
-                  {
-                    ...field,
-                    type: field.value.includes("@") ? "email" : "tel",
-                    disabled: hasInitialIdentifier
-                  }
-                ) }),
-                /* @__PURE__ */ jsx7(FormMessage4, {})
-              ] })
-            }
-          ),
-          /* @__PURE__ */ jsx7(
-            FormField4,
-            {
-              control: form.control,
-              name: "password",
-              render: ({ field }) => /* @__PURE__ */ jsxs5(FormItem4, { children: [
-                /* @__PURE__ */ jsx7(FormLabel4, { children: t("form.passwordLabel") }),
-                /* @__PURE__ */ jsx7(
-                  PasswordInput3,
-                  {
-                    field,
-                    show: showPassword,
-                    onToggle: () => setShowPassword(!showPassword)
-                  }
-                ),
-                /* @__PURE__ */ jsx7(FormMessage4, {})
-              ] })
-            }
-          ),
-          /* @__PURE__ */ jsx7(
-            FormField4,
-            {
-              control: form.control,
-              name: "confirmPassword",
-              render: ({ field }) => /* @__PURE__ */ jsxs5(FormItem4, { children: [
-                /* @__PURE__ */ jsx7(FormLabel4, { children: t("form.confirmPasswordLabel") }),
-                /* @__PURE__ */ jsx7(
-                  PasswordInput3,
-                  {
-                    field,
-                    show: showConfirmPassword,
-                    onToggle: () => setShowConfirmPassword(!showConfirmPassword)
-                  }
-                ),
-                /* @__PURE__ */ jsx7(FormMessage4, {})
-              ] })
-            }
-          ),
-          /* @__PURE__ */ jsx7(
-            Button4,
-            {
-              type: "submit",
-              form: "sign-up-form",
-              className: "w-full",
-              disabled: isLoading || signUpMutation.isPending,
-              children: isLoading || signUpMutation.isPending ? t("form.submitting") : t("form.submit")
-            }
-          )
-        ] }) }),
-        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/verification-form.tsx
-import { zodResolver as zodResolver5 } from "@hookform/resolvers/zod";
+  UserActivityPageContent
+} from "./chunk-JUHBVG5Q.js";
 import {
-  Button as Button5,
-  Form as Form5,
-  FormControl as FormControl5,
-  FormField as FormField5,
-  FormItem as FormItem5,
-  FormLabel as FormLabel5,
-  FormMessage as FormMessage5,
-  InputOTP as InputOTP2,
-  InputOTPGroup as InputOTPGroup2,
-  InputOTPSlot as InputOTPSlot2
-} from "@mesob/ui/components";
-import { useForm as useForm5 } from "react-hook-form";
-import { z as z5 } from "zod";
-
-// src/components/auth/countdown.tsx
-import { Spinner } from "@mesob/ui/components";
-import { useEffect as useEffect5, useState as useState6 } from "react";
-import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
-var Countdown = ({
-  initialSeconds = 60,
-  onResend,
-  resending = false
-}) => {
-  const t = useTranslator("Common");
-  const [seconds, setSeconds] = useState6(initialSeconds);
-  const [isResending, setIsResending] = useState6(false);
-  useEffect5(() => {
-    if (seconds <= 0) {
-      return;
-    }
-    const timer = setInterval(() => {
-      setSeconds((prev) => {
-        if (prev <= 1) {
-          clearInterval(timer);
-          return 0;
-        }
-        return prev - 1;
-      });
-    }, 1e3);
-    return () => clearInterval(timer);
-  }, [seconds]);
-  const handleResend = async () => {
-    setIsResending(true);
-    try {
-      await onResend();
-      setSeconds(initialSeconds);
-    } catch (_error) {
-    } finally {
-      setIsResending(false);
-    }
-  };
-  const busy = isResending || resending;
-  if (seconds > 0) {
-    return /* @__PURE__ */ jsx8("p", { className: "text-sm text-muted-foreground", children: t("resendIn", { seconds }) });
-  }
-  return /* @__PURE__ */ jsxs6(
-    "button",
-    {
-      type: "button",
-      onClick: handleResend,
-      disabled: busy,
-      className: "text-sm text-primary hover:underline disabled:opacity-50 flex items-center gap-1",
-      children: [
-        busy && /* @__PURE__ */ jsx8(Spinner, { className: "h-3 w-3" }),
-        t("resend")
-      ]
-    }
-  );
-};
-
-// src/components/auth/verification-form.tsx
-import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
-var verificationSchema = (t) => z5.object({
-  code: z5.string().length(6, t("form.codeLength"))
-});
-var VerificationForm = ({
-  onSubmit,
-  onResend,
-  isLoading = false
-}) => {
-  const t = useTranslator("Auth.verification");
-  const form = useForm5({
-    resolver: zodResolver5(verificationSchema(t)),
-    defaultValues: { code: "" }
-  });
-  const handleSubmit = form.handleSubmit(async (values) => {
-    await onSubmit(values);
-  });
-  const codeLength = form.watch("code").length;
-  return /* @__PURE__ */ jsx9(Form5, { ...form, children: /* @__PURE__ */ jsxs7(
-    "form",
-    {
-      id: "verification-form",
-      onSubmit: handleSubmit,
-      className: "space-y-4",
-      children: [
-        /* @__PURE__ */ jsx9(
-          FormField5,
-          {
-            control: form.control,
-            name: "code",
-            render: ({ field }) => /* @__PURE__ */ jsxs7(FormItem5, { children: [
-              /* @__PURE__ */ jsx9("div", { className: "flex justify-center", children: /* @__PURE__ */ jsx9(FormLabel5, { children: t("form.codeLabel") }) }),
-              /* @__PURE__ */ jsx9(FormControl5, { children: /* @__PURE__ */ jsx9(
-                InputOTP2,
-                {
-                  maxLength: 6,
-                  required: true,
-                  value: field.value ?? "",
-                  onChange: field.onChange,
-                  onBlur: field.onBlur,
-                  containerClassName: "gap-4 justify-center mb-2 flex items-center",
-                  children: /* @__PURE__ */ jsxs7(InputOTPGroup2, { className: "gap-3 *:data-[slot=input-otp-slot]:h-12 *:data-[slot=input-otp-slot]:w-12 *:data-[slot=input-otp-slot]:rounded-md *:data-[slot=input-otp-slot]:border *:data-[slot=input-otp-slot]:text-xl", children: [
-                    /* @__PURE__ */ jsx9(InputOTPSlot2, { className: "h-12", index: 0 }),
-                    /* @__PURE__ */ jsx9(InputOTPSlot2, { className: "h-12", index: 1 }),
-                    /* @__PURE__ */ jsx9(InputOTPSlot2, { className: "h-12", index: 2 }),
-                    /* @__PURE__ */ jsx9(InputOTPSlot2, { className: "h-12", index: 3 }),
-                    /* @__PURE__ */ jsx9(InputOTPSlot2, { className: "h-12", index: 4 }),
-                    /* @__PURE__ */ jsx9(InputOTPSlot2, { className: "h-12", index: 5 })
-                  ] })
-                }
-              ) }),
-              /* @__PURE__ */ jsx9(FormMessage5, {})
-            ] })
-          }
-        ),
-        /* @__PURE__ */ jsx9(
-          Button5,
-          {
-            type: "submit",
-            form: "verification-form",
-            className: "w-full",
-            disabled: isLoading || codeLength !== 6,
-            loading: isLoading,
-            children: t("form.confirm")
-          }
-        ),
-        /* @__PURE__ */ jsx9("div", { className: "flex justify-center", children: /* @__PURE__ */ jsx9(Countdown, { onResend, resending: isLoading }) })
-      ]
-    }
-  ) });
-};
-
-// src/components/auth/verify-email.tsx
-import { Alert as Alert5, AlertDescription as AlertDescription5, AlertTitle as AlertTitle5 } from "@mesob/ui/components";
-import { useMesob as useMesob6 } from "@mesob/ui/providers";
-import { IconAlertCircle as IconAlertCircle5 } from "@tabler/icons-react";
-import { useEffect as useEffect6, useState as useState7 } from "react";
-import { toast as toast5 } from "sonner";
-import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
-var VerifyEmail = ({
-  verificationId,
-  email,
-  redirectUrl
-}) => {
-  const { hooks, setAuth } = useApi();
-  const { config } = useConfig();
-  const mesob = useMesob6();
-  const t = useTranslator("Auth.verification");
-  const common = useTranslator("Common");
-  const footer = useTranslator("Auth.forgotPassword.footer");
-  const Link = mesob?.navigation?.Link;
-  const [isLoading, setIsLoading] = useState7(false);
-  const [error, setError] = useState7(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 || "/";
-  useEffect6(() => {
-    if (error) {
-      toast5.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__ */ jsx10(
-      AuthLayout,
-      {
-        title: common("invalidLinkTitle"),
-        description: common("invalidLinkDescription"),
-        footer: Link ? /* @__PURE__ */ jsx10(Link, { href: signInLink, className: "text-primary hover:underline", children: footer("backToSignIn") }) : /* @__PURE__ */ jsx10(
-          "a",
-          {
-            href: signInLink,
-            onClick: (e) => {
-              e.preventDefault();
-              onNavigate(signInLink);
-            },
-            className: "text-primary hover:underline",
-            children: footer("backToSignIn")
-          }
-        ),
-        children: /* @__PURE__ */ jsx10("div", {})
-      }
-    );
-  }
-  let errorContent = null;
-  if (error) {
-    if (typeof error === "string") {
-      errorContent = { title: "Error", description: error };
-    } else {
-      errorContent = error;
-    }
-  }
-  return /* @__PURE__ */ jsxs8(
-    AuthLayout,
-    {
-      title: config.ui.name,
-      description: t("email.description"),
-      logoImage,
-      footer: Link ? /* @__PURE__ */ jsx10(Link, { href: signInLink, className: "text-primary hover:underline", children: footer("backToSignIn") }) : /* @__PURE__ */ jsx10(
-        "a",
-        {
-          href: signInLink,
-          onClick: (e) => {
-            e.preventDefault();
-            onNavigate(signInLink);
-          },
-          className: "text-primary hover:underline",
-          children: footer("backToSignIn")
-        }
-      ),
-      children: [
-        /* @__PURE__ */ jsx10(
-          VerificationForm,
-          {
-            verificationId,
-            onSubmit: handleSubmit,
-            onResend: handleResend,
-            isLoading: isLoading || verifyEmailMutation.isPending || requestEmailMutation.isPending,
-            error
-          }
-        ),
-        errorContent && /* @__PURE__ */ jsxs8(Alert5, { variant: "destructive", className: "mt-4", children: [
-          /* @__PURE__ */ jsx10(IconAlertCircle5, { className: "h-4 w-4" }),
-          /* @__PURE__ */ jsx10(AlertTitle5, { children: errorContent.title }),
-          /* @__PURE__ */ jsx10(AlertDescription5, { children: errorContent.description })
-        ] })
-      ]
-    }
-  );
-};
-
-// src/components/auth/verify-phone.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";
-var VerifyPhone = ({
-  verificationId,
-  context,
-  phone = "",
-  redirectUrl
-}) => {
-  const { hooks, refresh, setAuth } = useApi();
-  const { config } = useConfig();
-  const mesob = useMesob7();
-  const Link = mesob?.navigation?.Link;
-  const t = useTranslator("Auth.verification");
-  const common = useTranslator("Common");
-  const footer = useTranslator("Auth.forgotPassword.footer");
-  const [isLoading, setIsLoading] = useState8(false);
-  const [error, setError] = useState8(null);
-  const verifyPhoneMutation = hooks.useMutation(
-    "post",
-    "/phone/verification/confirm"
-  );
-  const requestPhoneMutation = hooks.useMutation(
-    "post",
-    "/phone/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 || "/";
-  useEffect7(() => {
-    if (error) {
-      toast6.error(error.title || "Error", {
-        description: error.description
-      });
-    }
-  }, [error]);
-  const handleSubmit = async (values) => {
-    if (!verificationId) {
-      setError({
-        title: t("errors.fallback"),
-        description: t("errors.fallback")
-      });
-      return;
-    }
-    setIsLoading(true);
-    setError(null);
-    try {
-      const res = await verifyPhoneMutation.mutateAsync({
-        body: {
-          verificationId,
-          code: values.code,
-          context
-        }
-      });
-      if (res && "user" in res && "session" in res && res.session) {
-        setAuth(res);
-        onNavigate(defaultRedirect);
-        return;
-      }
-      await refresh();
-      onNavigate(defaultRedirect);
-    } catch (err) {
-      handleError(err, setError, t);
-    } finally {
-      setIsLoading(false);
-    }
-  };
-  const handleResend = async () => {
-    setError(null);
-    try {
-      const targetPhone = context === "sign-up" ? phone : null;
-      if (!targetPhone) {
-        setError({
-          title: t("errors.fallback"),
-          description: t("phone.missingPhone")
-        });
-        return;
-      }
-      const res = await requestPhoneMutation.mutateAsync({
-        body: {
-          phone: targetPhone,
-          context
-        }
-      });
-      if (res && "verificationId" in res && res.verificationId) {
-        onNavigate(
-          `/auth/verify-phone?context=${context}&verificationId=${res.verificationId}&phone=${targetPhone}`
-        );
-        return;
-      }
-      setError({
-        title: t("errors.fallback"),
-        description: t("phone.resendFailed")
-      });
-    } catch (err) {
-      handleError(err, setError, t);
-    }
-  };
-  if (!verificationId) {
-    return /* @__PURE__ */ jsx11(
-      AuthLayout,
-      {
-        title: common("invalidLinkTitle"),
-        description: common("invalidLinkDescription"),
-        footer: /* @__PURE__ */ jsx11(Link, { href: signInLink, className: "text-primary hover:underline", children: footer("backToSignIn") }),
-        children: /* @__PURE__ */ jsx11("div", {})
-      }
-    );
-  }
-  let errorContent = null;
-  if (error) {
-    if (typeof error === "string") {
-      errorContent = { title: "Error", description: error };
-    } else {
-      errorContent = error;
-    }
-  }
-  return /* @__PURE__ */ jsxs9(
-    AuthLayout,
-    {
-      title: config.ui.name,
-      description: t("phone.description", {
-        target: phone || t("phone.missingPhone")
-      }),
-      logoImage,
-      footer: Link ? /* @__PURE__ */ jsx11(Link, { href: signInLink, className: "text-primary hover:underline", children: footer("backToSignIn") }) : /* @__PURE__ */ jsx11(
-        "a",
-        {
-          href: signInLink,
-          onClick: (e) => {
-            e.preventDefault();
-            onNavigate(signInLink);
-          },
-          className: "text-primary hover:underline",
-          children: footer("backToSignIn")
-        }
-      ),
-      children: [
-        /* @__PURE__ */ jsx11(
-          VerificationForm,
-          {
-            verificationId,
-            onSubmit: handleSubmit,
-            onResend: handleResend,
-            isLoading: isLoading || verifyPhoneMutation.isPending || requestPhoneMutation.isPending,
-            error
-          }
-        ),
-        errorContent && /* @__PURE__ */ jsxs9(Alert6, { variant: "destructive", className: "mt-4", children: [
-          /* @__PURE__ */ jsx11(IconAlertCircle6, { className: "h-4 w-4" }),
-          /* @__PURE__ */ jsx11(AlertTitle6, { children: errorContent.title }),
-          /* @__PURE__ */ jsx11(AlertDescription6, { children: errorContent.description })
-        ] })
-      ]
-    }
-  );
-};
-
-// src/components/error-boundary.tsx
-import { Button as Button6 } from "@mesob/ui/components";
-import { Component } from "react";
-import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
-var ErrorBoundary = class extends Component {
-  constructor(props) {
-    super(props);
-    this.state = { hasError: false, error: null };
-  }
-  static getDerivedStateFromError(error) {
-    return { hasError: true, error };
-  }
-  componentDidCatch(_error, _errorInfo) {
-  }
-  reset = () => {
-    this.setState({ hasError: false, error: null });
-  };
-  render() {
-    if (this.state.hasError && this.state.error) {
-      if (this.props.fallback) {
-        return this.props.fallback({
-          error: this.state.error,
-          reset: this.reset
-        });
-      }
-      return /* @__PURE__ */ jsx12(ErrorFallback, { error: this.state.error, reset: this.reset });
-    }
-    return this.props.children;
-  }
-};
-function ErrorFallback({ error, reset }) {
-  return /* @__PURE__ */ jsx12("div", { className: "flex flex-col items-center justify-center min-h-[400px] p-6", children: /* @__PURE__ */ jsxs10("div", { className: "max-w-md w-full space-y-4 text-center", children: [
-    /* @__PURE__ */ jsxs10("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsx12("h2", { className: "text-2xl font-bold text-destructive", children: "Something went wrong" }),
-      /* @__PURE__ */ jsx12("p", { className: "text-muted-foreground", children: error.message || "An unexpected error occurred" })
-    ] }),
-    /* @__PURE__ */ jsx12(Button6, { onClick: reset, variant: "outline", children: "Try again" })
-  ] }) });
-}
-function AuthErrorBoundary({ children }) {
-  return /* @__PURE__ */ jsx12(ErrorBoundary, { children });
-}
-
-// src/components/iam/permissions.tsx
-import { Badge, Button as Button7 } from "@mesob/ui/components";
-import { useLocale } from "next-intl";
-import { useState as useState9 } from "react";
-
-// src/components/shared/data-table.tsx
+  RoleUsersPage
+} from "./chunk-PSRIZMWJ.js";
 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 jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
-function TableSkeleton({ columns = 5, rows = 10 }) {
-  const headerKeys = Array.from({ length: columns }, (_, i) => `header-${i}`);
-  const rowKeys = Array.from({ length: rows }, (_, i) => `row-${i}`);
-  const cellKeys = Array.from(
-    { length: rows },
-    (_, rowIdx) => Array.from({ length: columns }, (_2, colIdx) => `cell-${rowIdx}-${colIdx}`)
-  );
-  return /* @__PURE__ */ jsxs11("div", { className: "w-full space-y-4", children: [
-    /* @__PURE__ */ jsxs11("div", { className: "flex justify-between items-center", children: [
-      /* @__PURE__ */ jsx13(Skeleton, { className: "h-8 w-48" }),
-      /* @__PURE__ */ jsx13(Skeleton, { className: "h-10 w-32" })
-    ] }),
-    /* @__PURE__ */ jsxs11("div", { className: "flex gap-4", children: [
-      /* @__PURE__ */ jsx13(Skeleton, { className: "h-10 flex-1 max-w-sm" }),
-      /* @__PURE__ */ jsx13(Skeleton, { className: "h-10 w-24" }),
-      /* @__PURE__ */ jsx13(Skeleton, { className: "h-10 w-24" })
-    ] }),
-    /* @__PURE__ */ jsxs11("div", { className: "border rounded-lg overflow-hidden", children: [
-      /* @__PURE__ */ jsx13("div", { className: "flex gap-4 p-4 bg-muted", children: headerKeys.map((key) => /* @__PURE__ */ jsx13(Skeleton, { className: "h-4 flex-1" }, key)) }),
-      rowKeys.map((rowKey, rowIdx) => /* @__PURE__ */ jsx13("div", { className: "flex gap-4 p-4 border-t", children: cellKeys[rowIdx]?.map((cellKey) => /* @__PURE__ */ jsx13(Skeleton, { className: "h-4 flex-1" }, cellKey)) }, rowKey))
-    ] }),
-    /* @__PURE__ */ jsxs11("div", { className: "flex justify-between items-center", children: [
-      /* @__PURE__ */ jsx13(Skeleton, { className: "h-4 w-32" }),
-      /* @__PURE__ */ jsxs11("div", { className: "flex gap-2", children: [
-        /* @__PURE__ */ jsx13(Skeleton, { className: "h-10 w-20" }),
-        /* @__PURE__ */ jsx13(Skeleton, { className: "h-10 w-20" })
-      ] })
-    ] })
-  ] });
-}
-
-// src/components/shared/data-table.tsx
-import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
-function DataTable({
-  data,
-  columns,
-  isLoading,
-  onRowClick,
-  emptyMessage = "No data available",
-  actions
-}) {
-  if (isLoading) {
-    return /* @__PURE__ */ jsx14(TableSkeleton, { columns: columns.length, rows: 5 });
-  }
-  if (data.length === 0) {
-    return /* @__PURE__ */ jsxs12("div", { className: "flex flex-col items-center justify-center min-h-[400px] p-6", children: [
-      /* @__PURE__ */ jsx14("p", { className: "text-muted-foreground", children: emptyMessage }),
-      actions && /* @__PURE__ */ jsx14("div", { className: "mt-4", children: actions })
-    ] });
-  }
-  return /* @__PURE__ */ jsxs12("div", { className: "w-full space-y-4", children: [
-    actions && /* @__PURE__ */ jsx14("div", { className: "flex justify-end", children: actions }),
-    /* @__PURE__ */ jsx14("div", { className: "border rounded-lg overflow-hidden", children: /* @__PURE__ */ jsxs12(Table, { children: [
-      /* @__PURE__ */ jsx14(TableHeader, { children: /* @__PURE__ */ jsx14(TableRow, { children: columns.map((column) => /* @__PURE__ */ jsx14(TableHead, { children: column.header }, column.key)) }) }),
-      /* @__PURE__ */ jsx14(TableBody, { children: data.map((row) => /* @__PURE__ */ jsx14(
-        TableRow,
-        {
-          onClick: () => onRowClick?.(row),
-          className: onRowClick ? "cursor-pointer hover:bg-muted/50" : "",
-          children: columns.map((column) => /* @__PURE__ */ jsx14(TableCell, { children: column.cell(row) }, `${row.id}-${column.key}`))
-        },
-        row.id
-      )) })
-    ] }) })
-  ] });
-}
-
-// src/components/iam/permissions.tsx
-import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
-function getTranslation(value, locale) {
-  if (!value) {
-    return "";
-  }
-  if (typeof value === "string") {
-    return value;
-  }
-  if (typeof value === "object") {
-    return value[locale] ?? value.en ?? value.am ?? "";
-  }
-  return "";
-}
-function Permissions() {
-  const { hooks } = useApi();
-  const locale = useLocale();
-  const [page, setPage] = useState9(1);
-  const limit = 20;
-  const { data, isLoading, error } = hooks.useQuery("get", "/permissions", {
-    params: {
-      query: {
-        page: String(page),
-        limit: String(limit)
-      }
-    }
-  });
-  const columns = [
-    {
-      key: "name",
-      header: "Permission",
-      cell: (permission) => /* @__PURE__ */ jsxs13("div", { children: [
-        /* @__PURE__ */ jsx15("p", { className: "font-medium", children: getTranslation(permission.name, locale) }),
-        /* @__PURE__ */ jsx15(Badge, { variant: "outline", className: "mt-1 font-mono text-xs", children: permission.code })
-      ] })
-    },
-    {
-      key: "resource",
-      header: "Resource",
-      cell: (permission) => /* @__PURE__ */ jsx15(Badge, { variant: "secondary", children: permission.resource })
-    },
-    {
-      key: "action",
-      header: "Action",
-      cell: (permission) => /* @__PURE__ */ jsx15(Badge, { variant: "outline", children: permission.action })
-    },
-    {
-      key: "description",
-      header: "Description",
-      cell: (permission) => /* @__PURE__ */ jsx15("p", { className: "text-sm text-muted-foreground max-w-xs truncate", children: getTranslation(permission.description, locale) })
-    },
-    {
-      key: "actions",
-      header: "Actions",
-      cell: (_permission) => /* @__PURE__ */ jsx15(Button7, { variant: "outline", size: "sm", children: "Edit" })
-    }
-  ];
-  if (error) {
-    return /* @__PURE__ */ jsx15("div", { className: "p-6 text-center", children: /* @__PURE__ */ jsx15("p", { className: "text-destructive", children: "Error loading permissions" }) });
-  }
-  return /* @__PURE__ */ jsxs13("div", { className: "w-full p-6 space-y-4", children: [
-    /* @__PURE__ */ jsxs13("div", { className: "flex justify-between items-center", children: [
-      /* @__PURE__ */ jsxs13("div", { children: [
-        /* @__PURE__ */ jsx15("h1", { className: "text-3xl font-bold", children: "Permissions" }),
-        /* @__PURE__ */ jsx15("p", { className: "text-muted-foreground", children: "Manage system permissions" })
-      ] }),
-      /* @__PURE__ */ jsx15(Button7, { children: "Create Permission" })
-    ] }),
-    /* @__PURE__ */ jsx15(
-      DataTable,
-      {
-        data: data?.permissions || [],
-        columns,
-        isLoading,
-        emptyMessage: "No permissions found"
-      }
-    ),
-    data && "permissions" in data && data.permissions && data.permissions.length >= limit && /* @__PURE__ */ jsxs13("div", { className: "flex justify-between items-center", children: [
-      /* @__PURE__ */ jsx15(
-        Button7,
-        {
-          variant: "outline",
-          disabled: page === 1,
-          onClick: () => setPage((prev) => prev - 1),
-          children: "Previous"
-        }
-      ),
-      /* @__PURE__ */ jsxs13("span", { className: "text-sm text-muted-foreground", children: [
-        "Page ",
-        page
-      ] }),
-      /* @__PURE__ */ jsx15(
-        Button7,
-        {
-          variant: "outline",
-          onClick: () => setPage((prev) => prev + 1),
-          children: "Next"
-        }
-      )
-    ] })
-  ] });
-}
-
-// src/components/iam/roles.tsx
-import { Badge as Badge2, Button as Button8 } from "@mesob/ui/components";
-import { useLocale as useLocale2 } from "next-intl";
-import { useState as useState10 } from "react";
-import { jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
-function getTranslation2(value, locale) {
-  if (!value) {
-    return "";
-  }
-  if (typeof value === "string") {
-    return value;
-  }
-  if (typeof value === "object") {
-    return value[locale] ?? value.en ?? value.am ?? "";
-  }
-  return "";
-}
-function Roles() {
-  const { hooks } = useApi();
-  const locale = useLocale2();
-  const [page, setPage] = useState10(1);
-  const limit = 20;
-  const { data, isLoading, error } = hooks.useQuery("get", "/roles", {
-    params: {
-      query: {
-        page: String(page),
-        limit: String(limit)
-      }
-    }
-  });
-  const columns = [
-    {
-      key: "name",
-      header: "Role",
-      cell: (role) => /* @__PURE__ */ jsxs14("div", { children: [
-        /* @__PURE__ */ jsx16("p", { className: "font-medium", children: getTranslation2(role.name, locale) }),
-        /* @__PURE__ */ jsx16(Badge2, { variant: "outline", className: "mt-1", children: role.code })
-      ] })
-    },
-    {
-      key: "description",
-      header: "Description",
-      cell: (role) => /* @__PURE__ */ jsx16("p", { className: "text-sm text-muted-foreground", children: getTranslation2(role.description, locale) })
-    },
-    {
-      key: "createdAt",
-      header: "Created",
-      cell: (role) => /* @__PURE__ */ jsx16("p", { className: "text-sm", children: new Date(role.createdAt).toLocaleDateString() })
-    },
-    {
-      key: "actions",
-      header: "Actions",
-      cell: (_role) => /* @__PURE__ */ jsxs14("div", { className: "flex gap-2", children: [
-        /* @__PURE__ */ jsx16(Button8, { variant: "outline", size: "sm", children: "Permissions" }),
-        /* @__PURE__ */ jsx16(Button8, { variant: "outline", size: "sm", children: "Edit" })
-      ] })
-    }
-  ];
-  if (error) {
-    return /* @__PURE__ */ jsx16("div", { className: "p-6 text-center", children: /* @__PURE__ */ jsx16("p", { className: "text-destructive", children: "Error loading roles" }) });
-  }
-  return /* @__PURE__ */ jsxs14("div", { className: "w-full p-6 space-y-4", children: [
-    /* @__PURE__ */ jsxs14("div", { className: "flex justify-between items-center", children: [
-      /* @__PURE__ */ jsxs14("div", { children: [
-        /* @__PURE__ */ jsx16("h1", { className: "text-3xl font-bold", children: "Roles" }),
-        /* @__PURE__ */ jsx16("p", { className: "text-muted-foreground", children: "Manage user roles" })
-      ] }),
-      /* @__PURE__ */ jsx16(Button8, { children: "Create Role" })
-    ] }),
-    /* @__PURE__ */ jsx16(
-      DataTable,
-      {
-        data: data?.roles || [],
-        columns,
-        isLoading,
-        emptyMessage: "No roles found"
-      }
-    ),
-    data && "roles" in data && data.roles && data.roles.length >= limit && /* @__PURE__ */ jsxs14("div", { className: "flex justify-between items-center", children: [
-      /* @__PURE__ */ jsx16(
-        Button8,
-        {
-          variant: "outline",
-          disabled: page === 1,
-          onClick: () => setPage((prev) => prev - 1),
-          children: "Previous"
-        }
-      ),
-      /* @__PURE__ */ jsxs14("span", { className: "text-sm text-muted-foreground", children: [
-        "Page ",
-        page
-      ] }),
-      /* @__PURE__ */ jsx16(
-        Button8,
-        {
-          variant: "outline",
-          onClick: () => setPage((prev) => prev + 1),
-          children: "Next"
-        }
-      )
-    ] })
-  ] });
-}
-
-// src/components/iam/sessions.tsx
-import { Button as Button9 } from "@mesob/ui/components";
-import { useState as useState11 } from "react";
-import { jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
-function Sessions() {
-  const { hooks } = useApi();
-  const [selectedSessionId] = useState11(null);
-  const { data, isLoading, error, refetch } = hooks.useQuery(
-    "get",
-    "/sessions"
-  );
-  const deleteMutation = hooks.useMutation("delete", "/sessions/{id}", {
-    onSuccess: () => {
-      refetch();
-    }
-  });
-  const handleDeleteSession = async (sessionId) => {
-    if (confirm("Are you sure you want to revoke this session?")) {
-      try {
-        await deleteMutation.mutateAsync({
-          params: {
-            path: { id: sessionId }
-          }
-        });
-      } catch (_err) {
-      }
-    }
-  };
-  const columns = [
-    {
-      key: "createdAt",
-      header: "Created",
-      cell: (session) => /* @__PURE__ */ jsxs15("div", { children: [
-        /* @__PURE__ */ jsx17("p", { className: "text-sm font-medium", children: new Date(session.createdAt).toLocaleDateString() }),
-        /* @__PURE__ */ jsx17("p", { className: "text-xs text-muted-foreground", children: new Date(session.createdAt).toLocaleTimeString() })
-      ] })
-    },
-    {
-      key: "expiresAt",
-      header: "Expires",
-      cell: (session) => /* @__PURE__ */ jsx17("p", { className: "text-sm", children: new Date(session.expiresAt).toLocaleDateString() })
-    },
-    {
-      key: "userAgent",
-      header: "Device",
-      cell: (session) => /* @__PURE__ */ jsx17("p", { className: "text-sm truncate max-w-xs", children: session.userAgent || "Unknown" })
-    },
-    {
-      key: "ip",
-      header: "IP Address",
-      cell: (session) => /* @__PURE__ */ jsx17("p", { className: "text-sm font-mono", children: session.ip || "Unknown" })
-    },
-    {
-      key: "actions",
-      header: "Actions",
-      cell: (session) => /* @__PURE__ */ jsx17(
-        Button9,
-        {
-          variant: "destructive",
-          size: "sm",
-          onClick: () => handleDeleteSession(session.id),
-          disabled: deleteMutation.isPending && selectedSessionId === session.id,
-          children: deleteMutation.isPending && selectedSessionId === session.id ? "Revoking..." : "Revoke"
-        }
-      )
-    }
-  ];
-  if (error) {
-    return /* @__PURE__ */ jsx17("div", { className: "p-6 text-center", children: /* @__PURE__ */ jsx17("p", { className: "text-destructive", children: "Error loading sessions" }) });
-  }
-  return /* @__PURE__ */ jsxs15("div", { className: "w-full p-6 space-y-4", children: [
-    /* @__PURE__ */ jsxs15("div", { children: [
-      /* @__PURE__ */ jsx17("h1", { className: "text-3xl font-bold", children: "Sessions" }),
-      /* @__PURE__ */ jsx17("p", { className: "text-muted-foreground", children: "View and manage active sessions" })
-    ] }),
-    /* @__PURE__ */ jsx17(
-      DataTable,
-      {
-        data: data?.sessions || [],
-        columns,
-        isLoading,
-        emptyMessage: "No active sessions"
-      }
-    )
-  ] });
-}
-
-// src/components/iam/tenants.tsx
-import { Badge as Badge3, Button as Button10 } from "@mesob/ui/components";
-import { useState as useState12 } from "react";
-import { jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
-function Tenants() {
-  const { hooks } = useApi();
-  const [page, setPage] = useState12(1);
-  const limit = 20;
-  const { data, isLoading, error } = hooks.useQuery("get", "/tenants", {
-    params: {
-      query: {
-        page: String(page),
-        limit: String(limit)
-      }
-    }
-  });
-  const columns = [
-    {
-      key: "name",
-      header: "Tenant",
-      cell: (tenant) => /* @__PURE__ */ jsxs16("div", { children: [
-        /* @__PURE__ */ jsx18("p", { className: "font-medium", children: tenant.name }),
-        /* @__PURE__ */ jsxs16("p", { className: "text-sm text-muted-foreground", children: [
-          "/",
-          tenant.slug
-        ] })
-      ] })
-    },
-    {
-      key: "status",
-      header: "Status",
-      cell: (tenant) => /* @__PURE__ */ jsx18(Badge3, { variant: tenant.status === "active" ? "default" : "secondary", children: tenant.status })
-    },
-    {
-      key: "createdAt",
-      header: "Created",
-      cell: (tenant) => /* @__PURE__ */ jsx18("p", { className: "text-sm", children: new Date(tenant.createdAt).toLocaleDateString() })
-    },
-    {
-      key: "actions",
-      header: "Actions",
-      cell: (_tenant) => /* @__PURE__ */ jsxs16("div", { className: "flex gap-2", children: [
-        /* @__PURE__ */ jsx18(Button10, { variant: "outline", size: "sm", children: "Domains" }),
-        /* @__PURE__ */ jsx18(Button10, { variant: "outline", size: "sm", children: "Edit" })
-      ] })
-    }
-  ];
-  if (error) {
-    return /* @__PURE__ */ jsx18("div", { className: "p-6 text-center", children: /* @__PURE__ */ jsx18("p", { className: "text-destructive", children: "Error loading tenants" }) });
-  }
-  return /* @__PURE__ */ jsxs16("div", { className: "w-full p-6 space-y-4", children: [
-    /* @__PURE__ */ jsxs16("div", { className: "flex justify-between items-center", children: [
-      /* @__PURE__ */ jsxs16("div", { children: [
-        /* @__PURE__ */ jsx18("h1", { className: "text-3xl font-bold", children: "Tenants" }),
-        /* @__PURE__ */ jsx18("p", { className: "text-muted-foreground", children: "Manage tenant organizations" })
-      ] }),
-      /* @__PURE__ */ jsx18(Button10, { children: "Create Tenant" })
-    ] }),
-    /* @__PURE__ */ jsx18(
-      DataTable,
-      {
-        data: data?.tenants || [],
-        columns,
-        isLoading,
-        emptyMessage: "No tenants found"
-      }
-    ),
-    data && "tenants" in data && data.tenants && data.tenants.length >= limit && /* @__PURE__ */ jsxs16("div", { className: "flex justify-between items-center", children: [
-      /* @__PURE__ */ jsx18(
-        Button10,
-        {
-          variant: "outline",
-          disabled: page === 1,
-          onClick: () => setPage((prev) => prev - 1),
-          children: "Previous"
-        }
-      ),
-      /* @__PURE__ */ jsxs16("span", { className: "text-sm text-muted-foreground", children: [
-        "Page ",
-        page
-      ] }),
-      /* @__PURE__ */ jsx18(
-        Button10,
-        {
-          variant: "outline",
-          onClick: () => setPage((prev) => prev + 1),
-          children: "Next"
-        }
-      )
-    ] })
-  ] });
-}
-
-// src/components/iam/users.tsx
-import { Badge as Badge4, Button as Button11 } from "@mesob/ui/components";
-import { useState as useState13 } from "react";
-import { jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
-function Users() {
-  const { hooks } = useApi();
-  const [page, setPage] = useState13(1);
-  const limit = 20;
-  const { data, isLoading, error } = hooks.useQuery("get", "/users", {
-    params: {
-      query: {
-        page: String(page),
-        limit: String(limit)
-      }
-    }
-  });
-  const columns = [
-    {
-      key: "fullName",
-      header: "Name",
-      cell: (user) => /* @__PURE__ */ jsxs17("div", { children: [
-        /* @__PURE__ */ jsx19("p", { className: "font-medium", children: user.fullName }),
-        /* @__PURE__ */ jsxs17("p", { className: "text-sm text-muted-foreground", children: [
-          "@",
-          user.handle
-        ] })
-      ] })
-    },
-    {
-      key: "contact",
-      header: "Contact",
-      cell: (user) => /* @__PURE__ */ jsxs17("div", { className: "space-y-1", children: [
-        user.email && /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx19("p", { className: "text-sm", children: user.email }),
-          user.emailVerified && /* @__PURE__ */ jsx19(Badge4, { variant: "outline", className: "text-xs", children: "Verified" })
-        ] }),
-        user.phone && /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx19("p", { className: "text-sm", children: user.phone }),
-          user.phoneVerified && /* @__PURE__ */ jsx19(Badge4, { variant: "outline", className: "text-xs", children: "Verified" })
-        ] })
-      ] })
-    },
-    {
-      key: "lastSignIn",
-      header: "Last Sign In",
-      cell: (user) => /* @__PURE__ */ jsx19("p", { className: "text-sm", children: user.lastSignInAt ? new Date(user.lastSignInAt).toLocaleDateString() : "Never" })
-    },
-    {
-      key: "actions",
-      header: "Actions",
-      cell: (_user) => /* @__PURE__ */ jsxs17("div", { className: "flex gap-2", children: [
-        /* @__PURE__ */ jsx19(Button11, { variant: "outline", size: "sm", children: "View" }),
-        /* @__PURE__ */ jsx19(Button11, { variant: "outline", size: "sm", children: "Edit" })
-      ] })
-    }
-  ];
-  if (error) {
-    return /* @__PURE__ */ jsx19("div", { className: "p-6 text-center", children: /* @__PURE__ */ jsx19("p", { className: "text-destructive", children: "Error loading users" }) });
-  }
-  return /* @__PURE__ */ jsxs17("div", { className: "w-full p-6 space-y-4", children: [
-    /* @__PURE__ */ jsxs17("div", { className: "flex justify-between items-center", children: [
-      /* @__PURE__ */ jsxs17("div", { children: [
-        /* @__PURE__ */ jsx19("h1", { className: "text-3xl font-bold", children: "Users" }),
-        /* @__PURE__ */ jsx19("p", { className: "text-muted-foreground", children: "Manage user accounts" })
-      ] }),
-      /* @__PURE__ */ jsx19(Button11, { children: "Create User" })
-    ] }),
-    /* @__PURE__ */ jsx19(
-      DataTable,
-      {
-        data: data?.users || [],
-        columns,
-        isLoading,
-        emptyMessage: "No users found"
-      }
-    ),
-    data && "users" in data && data.users && data.users.length >= limit && /* @__PURE__ */ jsxs17("div", { className: "flex justify-between items-center", children: [
-      /* @__PURE__ */ jsx19(
-        Button11,
-        {
-          variant: "outline",
-          disabled: page === 1,
-          onClick: () => setPage((prev) => prev - 1),
-          children: "Previous"
-        }
-      ),
-      /* @__PURE__ */ jsxs17("span", { className: "text-sm text-muted-foreground", children: [
-        "Page ",
-        page
-      ] }),
-      /* @__PURE__ */ jsx19(
-        Button11,
-        {
-          variant: "outline",
-          onClick: () => setPage((prev) => prev + 1),
-          children: "Next"
-        }
-      )
-    ] })
-  ] });
-}
-
-// src/components/profile/account.tsx
-import { Separator } from "@mesob/ui/components";
-import { jsx as jsx20, jsxs as jsxs18 } from "react/jsx-runtime";
-function Account() {
-  const { user, isAuthenticated } = useSession();
-  if (!(isAuthenticated && user)) {
-    return /* @__PURE__ */ jsx20("div", { children: "Sign in required" });
-  }
-  return /* @__PURE__ */ jsxs18("div", { className: "p-6 max-w-4xl", children: [
-    /* @__PURE__ */ jsxs18("div", { className: "mb-6", children: [
-      /* @__PURE__ */ jsx20("h2", { className: "text-lg font-semibold mb-4", children: "Profile details" }),
-      /* @__PURE__ */ jsx20(Separator, {})
-    ] }),
-    /* @__PURE__ */ jsxs18("div", { className: "space-y-6 transition-all duration-300 ease-in-out", children: [
-      /* @__PURE__ */ jsx20("div", { className: "flex flex-col md:flex-row items-start gap-4 md:gap-12 min-h-[3rem]", children: /* @__PURE__ */ jsx20("div", { className: "w-full md:w-48 mt-4 shrink-0 h-fit", children: /* @__PURE__ */ jsx20("span", { className: "font-medium text-sm", children: "Profile" }) }) }),
-      /* @__PURE__ */ jsx20(Separator, {}),
-      /* @__PURE__ */ jsxs18("div", { className: "flex flex-col md:flex-row gap-4 md:gap-12 py-2", children: [
-        /* @__PURE__ */ jsx20("div", { className: "w-full md:w-48 shrink-0", children: /* @__PURE__ */ jsx20("span", { className: "font-medium text-sm", children: "Email addresses" }) }),
-        /* @__PURE__ */ jsx20("div", { className: "flex-1 space-y-4", children: /* @__PURE__ */ jsx20("div", { className: "flex items-center justify-between group", children: user.email ? /* @__PURE__ */ jsx20("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ jsx20("span", { className: "text-sm", children: user.email }) }) : /* @__PURE__ */ jsx20("span", { className: "text-sm text-muted-foreground", children: "No email address" }) }) })
-      ] }),
-      /* @__PURE__ */ jsx20(Separator, {}),
-      /* @__PURE__ */ jsxs18("div", { className: "flex flex-col md:flex-row gap-4 md:gap-12 py-2", children: [
-        /* @__PURE__ */ jsx20("div", { className: "w-full md:w-48 shrink-0", children: /* @__PURE__ */ jsx20("span", { className: "font-medium text-sm", children: "Phone numbers" }) }),
-        /* @__PURE__ */ jsx20("div", { className: "flex-1 space-y-4", children: user.phone ? /* @__PURE__ */ jsx20("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ jsx20("span", { className: "text-sm", children: user.phone }) }) : /* @__PURE__ */ jsx20("span", { className: "text-sm text-muted-foreground", children: "No phone number" }) })
-      ] })
-    ] })
-  ] });
-}
-
-// src/components/profile/change-email-form.tsx
+  AuthFormSkeleton
+} from "./chunk-5M7I7WNH.js";
 import {
-  Button as Button13,
-  Collapsible,
-  CollapsibleContent,
-  CollapsibleTrigger
-} from "@mesob/ui/components";
-import { IconChevronDown } from "@tabler/icons-react";
-import { useState as useState16 } from "react";
-
-// src/components/profile/request-change-email-form.tsx
-import { zodResolver as zodResolver6 } from "@hookform/resolvers/zod";
-import { Button as Button12, Input as Input5, Label, Spinner as Spinner2 } from "@mesob/ui/components";
-import { IconEye as IconEye4, IconEyeOff as IconEyeOff4 } from "@tabler/icons-react";
-import { useEffect as useEffect8, useState as useState14 } from "react";
-import { useForm as useForm6 } from "react-hook-form";
-import { toast as toast7 } from "sonner";
-import { z as z6 } from "zod";
-import { jsx as jsx21, jsxs as jsxs19 } from "react/jsx-runtime";
-var emailPasswordSchema = z6.object({
-  email: z6.string().email("Invalid email address"),
-  password: z6.string().min(8, "Password must be at least 8 characters").max(128, "Password too long")
-});
-function isAuthError2(error) {
-  return typeof error === "object" && error !== null && ("code" in error || "message" in error || "name" in error);
-}
-function getErrorCode(error) {
-  if (error.code) {
-    return error.code;
-  }
-  if (error.message) {
-    const upperMessage = error.message.toUpperCase().trim();
-    const validCodes2 = [
-      "USER_NOT_FOUND",
-      "USER_EXISTS",
-      "INVALID_PASSWORD",
-      "VERIFICATION_EXPIRED",
-      "VERIFICATION_MISMATCH",
-      "VERIFICATION_NOT_FOUND",
-      "TOO_MANY_ATTEMPTS",
-      "UNAUTHORIZED"
-    ];
-    if (validCodes2.includes(upperMessage)) {
-      return upperMessage;
-    }
-  }
-  return void 0;
-}
-function getErrorMessage(error) {
-  if (isAuthError2(error)) {
-    const errorCode = getErrorCode(error);
-    switch (errorCode) {
-      case "USER_EXISTS":
-        return "This email is already taken. Please use a different email.";
-      case "VERIFICATION_EXPIRED":
-        return "Verification code has expired. Please request a new one.";
-      case "VERIFICATION_MISMATCH":
-        return "Invalid verification code. Please try again.";
-      case "VERIFICATION_NOT_FOUND":
-        return "Verification not found. Please request a new code.";
-      default:
-        return error.message || "An error occurred. Please try again.";
-    }
-  }
-  if (error instanceof Error) {
-    return error.message;
-  }
-  return "An error occurred. Please try again.";
-}
-function RequestChangeEmailForm({
-  onSuccess,
-  onCancel,
-  buttonText
-}) {
-  const { user } = useSession();
-  const { hooks } = useApi();
-  const [isSubmitting, setIsSubmitting] = useState14(false);
-  const [isChecking, setIsChecking] = useState14(true);
-  const [showPassword, setShowPassword] = useState14(false);
-  const getPendingAccountChangeQuery = hooks.useQuery(
-    "get",
-    "/account-change/pending",
-    {},
-    { enabled: false }
-  );
-  const verifyPasswordMutation = hooks.useMutation("post", "/password/verify");
-  const checkUserMutation = hooks.useMutation("post", "/check-account");
-  const requestEmailVerificationMutation = hooks.useMutation(
-    "post",
-    "/email/verification/request"
-  );
-  const emailPasswordForm = useForm6({
-    resolver: zodResolver6(emailPasswordSchema),
-    defaultValues: {
-      email: "",
-      password: ""
-    }
-  });
-  const {
-    register,
-    handleSubmit,
-    getValues,
-    setValue,
-    formState: { errors }
-  } = emailPasswordForm;
-  useEffect8(() => {
-    let active = true;
-    const run = async () => {
-      try {
-        const data = await getPendingAccountChangeQuery.refetch();
-        if (!active) {
-          return;
-        }
-        const accountChange = data.data?.accountChange;
-        const verificationId = data.data?.verificationId;
-        if (accountChange?.changeType !== "email") {
-          setIsChecking(false);
-          return;
-        }
-        if (!accountChange.newEmail) {
-          setIsChecking(false);
-          return;
-        }
-        if (getValues("email")) {
-          setIsChecking(false);
-          return;
-        }
-        setValue("email", accountChange.newEmail, { shouldValidate: true });
-        if (verificationId) {
-          toast7.message("Resuming verification\u2026");
-          onSuccess(verificationId, accountChange.newEmail);
-          return;
-        }
-        setIsChecking(false);
-      } catch {
-        setIsChecking(false);
-      }
-    };
-    run().catch(() => void 0);
-    return () => {
-      active = false;
-    };
-  }, [getPendingAccountChangeQuery.refetch, getValues, onSuccess, setValue]);
-  const onEmailPasswordSubmit = async (data) => {
-    if (!user) {
-      toast7.error("User not found");
-      return;
-    }
-    try {
-      setIsSubmitting(true);
-      await verifyPasswordMutation.mutateAsync({
-        body: { password: data.password }
-      });
-      const checkResult = await checkUserMutation.mutateAsync({
-        body: { identifier: data.email }
-      });
-      if (checkResult.data?.exists) {
-        if (user?.email?.toLowerCase() === data.email.toLowerCase()) {
-          toast7.error("This is already your current email address.");
-          return;
-        }
-        toast7.error(
-          "This email is already taken. Please use a different email."
-        );
-        return;
-      }
-      const verification = await requestEmailVerificationMutation.mutateAsync({
-        body: { email: data.email }
-      });
-      toast7.success("Verification code sent to your email");
-      onSuccess(verification.data?.verificationId ?? "", data.email);
-    } catch (error) {
-      const errorMessage = getErrorMessage(error);
-      if (isAuthError2(error)) {
-        const errorCode = getErrorCode(error);
-        if (errorCode === "INVALID_PASSWORD" || errorCode === "USER_NOT_FOUND") {
-          toast7.error("Incorrect password. Please try again.");
-          return;
-        }
-      }
-      toast7.error(errorMessage);
-    } finally {
-      setIsSubmitting(false);
-    }
-  };
-  const isLoading = isSubmitting || isChecking;
-  return /* @__PURE__ */ jsxs19(
-    "form",
-    {
-      onSubmit: handleSubmit(onEmailPasswordSubmit),
-      className: "p-4 space-y-4 border-t",
-      children: [
-        /* @__PURE__ */ jsxs19("div", { className: "space-y-4 w-full md:w-1/2", children: [
-          /* @__PURE__ */ jsxs19("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsx21(Label, { htmlFor: "email", children: "New Email Address" }),
-            /* @__PURE__ */ jsx21(
-              Input5,
-              {
-                id: "email",
-                type: "email",
-                placeholder: "Enter your new email",
-                ...register("email"),
-                disabled: isLoading
-              }
-            ),
-            errors.email && /* @__PURE__ */ jsx21("p", { className: "text-sm text-destructive", children: errors.email.message })
-          ] }),
-          /* @__PURE__ */ jsxs19("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsx21(Label, { htmlFor: "password", children: "Password" }),
-            /* @__PURE__ */ jsxs19("div", { className: "relative", children: [
-              /* @__PURE__ */ jsx21(
-                Input5,
-                {
-                  id: "password",
-                  type: showPassword ? "text" : "password",
-                  autoComplete: "current-password",
-                  placeholder: "Enter your password",
-                  ...register("password"),
-                  disabled: isLoading
-                }
-              ),
-              /* @__PURE__ */ jsx21(
-                "button",
-                {
-                  type: "button",
-                  onClick: () => setShowPassword(!showPassword),
-                  className: "absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground",
-                  disabled: isLoading,
-                  children: showPassword ? /* @__PURE__ */ jsx21(IconEyeOff4, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx21(IconEye4, { className: "h-4 w-4" })
-                }
-              )
-            ] }),
-            errors.password && /* @__PURE__ */ jsx21("p", { className: "text-sm text-destructive", children: errors.password.message })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs19("div", { className: "flex justify-end gap-2", children: [
-          /* @__PURE__ */ jsx21(
-            Button12,
-            {
-              type: "button",
-              variant: "outline",
-              onClick: onCancel,
-              disabled: isLoading,
-              children: "Cancel"
-            }
-          ),
-          /* @__PURE__ */ jsxs19(Button12, { type: "submit", disabled: isLoading, children: [
-            isLoading && /* @__PURE__ */ jsx21(Spinner2, { className: "mr-2 h-4 w-4" }),
-            isChecking ? "Checking\u2026" : buttonText
-          ] })
-        ] })
-      ]
-    }
-  );
-}
-
-// src/components/profile/verify-change-email-form.tsx
-import { useState as useState15 } from "react";
-import { toast as toast8 } from "sonner";
-
-// src/components/profile/otp-verification-modal.tsx
+  ProfileSkeleton
+} from "./chunk-NEO72TMH.js";
 import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogHeader,
-  DialogTitle
-} from "@mesob/ui/components";
-import { jsx as jsx22, jsxs as jsxs20 } from "react/jsx-runtime";
-function OtpVerificationModal({
-  open,
-  title,
-  description,
-  verificationId,
-  isLoading,
-  onSubmit,
-  onResend,
-  onCancel
-}) {
-  return /* @__PURE__ */ jsx22(
-    Dialog,
-    {
-      open,
-      onOpenChange: (nextOpen) => {
-        if (!nextOpen) {
-          onCancel?.();
-        }
-      },
-      children: /* @__PURE__ */ jsxs20(DialogContent, { children: [
-        /* @__PURE__ */ jsxs20(DialogHeader, { children: [
-          /* @__PURE__ */ jsx22(DialogTitle, { children: title }),
-          description && /* @__PURE__ */ jsx22(DialogDescription, { children: description })
-        ] }),
-        /* @__PURE__ */ jsx22(
-          VerificationForm,
-          {
-            verificationId,
-            isLoading,
-            onSubmit: async ({ code }) => onSubmit(code),
-            onResend: onResend ?? (() => void 0)
-          }
-        )
-      ] })
-    }
-  );
-}
-
-// src/components/profile/verify-change-email-form.tsx
-import { jsx as jsx23 } from "react/jsx-runtime";
-function isAuthError3(error) {
-  return typeof error === "object" && error !== null && ("code" in error || "message" in error || "name" in error);
-}
-function getErrorCode2(error) {
-  if (error.code) {
-    return error.code;
-  }
-  if (error.message) {
-    const upperMessage = error.message.toUpperCase().trim();
-    const validCodes2 = [
-      "USER_NOT_FOUND",
-      "USER_EXISTS",
-      "INVALID_PASSWORD",
-      "VERIFICATION_EXPIRED",
-      "VERIFICATION_MISMATCH",
-      "VERIFICATION_NOT_FOUND",
-      "TOO_MANY_ATTEMPTS",
-      "UNAUTHORIZED"
-    ];
-    if (validCodes2.includes(upperMessage)) {
-      return upperMessage;
-    }
-  }
-  return void 0;
-}
-function getErrorMessage2(error) {
-  if (isAuthError3(error)) {
-    const errorCode = getErrorCode2(error);
-    switch (errorCode) {
-      case "USER_EXISTS":
-        return "This email is already taken. Please use a different email.";
-      case "VERIFICATION_EXPIRED":
-        return "Verification code has expired. Please request a new one.";
-      case "VERIFICATION_MISMATCH":
-        return "Invalid verification code. Please try again.";
-      case "VERIFICATION_NOT_FOUND":
-        return "Verification not found. Please request a new code.";
-      default:
-        return error.message || "An error occurred. Please try again.";
-    }
-  }
-  if (error instanceof Error) {
-    return error.message;
-  }
-  return "An error occurred. Please try again.";
-}
-function VerifyChangeEmailForm({
-  email,
-  verificationId,
-  onSuccess,
-  onCancel
-}) {
-  const { refresh } = useSession();
-  const { hooks } = useApi();
-  const [isSubmitting, setIsSubmitting] = useState15(false);
-  const [currentVerificationId, setCurrentVerificationId] = useState15(verificationId);
-  const verifyEmailMutation = hooks.useMutation(
-    "post",
-    "/email/verification/confirm"
-  );
-  const updateEmailMutation = hooks.useMutation("put", "/profile/email");
-  const requestEmailVerificationMutation = hooks.useMutation(
-    "post",
-    "/email/verification/request"
-  );
-  const onOtpSubmit = async (code) => {
-    if (!currentVerificationId) {
-      toast8.error("Verification not found. Please request a new code.");
-      return;
-    }
-    try {
-      setIsSubmitting(true);
-      await verifyEmailMutation.mutateAsync({
-        body: {
-          verificationId: currentVerificationId,
-          code
-        }
-      });
-      await updateEmailMutation.mutateAsync({
-        body: { email }
-      });
-      toast8.success("Email updated successfully");
-      await refresh();
-      onSuccess();
-    } catch (error) {
-      const errorMessage = getErrorMessage2(error);
-      toast8.error(errorMessage);
-    } finally {
-      setIsSubmitting(false);
-    }
-  };
-  if (!currentVerificationId) {
-    toast8.error("Verification not found. Please request a new code.");
-    return null;
-  }
-  return /* @__PURE__ */ jsx23(
-    OtpVerificationModal,
-    {
-      open: true,
-      title: "Verify email",
-      description: `Enter the verification code sent to ${email}`,
-      verificationId: currentVerificationId,
-      isLoading: isSubmitting,
-      onSubmit: onOtpSubmit,
-      onResend: async () => {
-        try {
-          setIsSubmitting(true);
-          const next = await requestEmailVerificationMutation.mutateAsync({
-            body: { email }
-          });
-          setCurrentVerificationId(next.data?.verificationId ?? null);
-          toast8.success("Verification code resent");
-        } catch (error) {
-          toast8.error(getErrorMessage2(error));
-        } finally {
-          setIsSubmitting(false);
-        }
-      },
-      onCancel
-    }
-  );
-}
-
-// src/components/profile/change-email-form.tsx
-import { jsx as jsx24, jsxs as jsxs21 } from "react/jsx-runtime";
-function ChangeEmailForm() {
-  const { user } = useSession();
-  const [isOpen, setIsOpen] = useState16(false);
-  const [showOtp, setShowOtp] = useState16(false);
-  const [verificationId, setVerificationId] = useState16(null);
-  const [newEmail, setNewEmail] = useState16("");
-  const resetForms = () => {
-    setShowOtp(false);
-    setVerificationId(null);
-    setNewEmail("");
-  };
-  const handleRequestSuccess = (id, email) => {
-    setVerificationId(id);
-    setNewEmail(email);
-    setShowOtp(true);
-  };
-  const handleVerifySuccess = () => {
-    resetForms();
-    setIsOpen(false);
-  };
-  const handleCancel = () => {
-    resetForms();
-    setIsOpen(false);
-  };
-  const title = user?.email ? "Change Email" : "Add Email";
-  const description = user?.email ? "Update your email address" : "Add an email address to your account";
-  return /* @__PURE__ */ jsx24(Collapsible, { open: isOpen, onOpenChange: setIsOpen, children: /* @__PURE__ */ jsxs21("div", { className: "border rounded-lg", children: [
-    /* @__PURE__ */ jsxs21(
-      CollapsibleTrigger,
-      {
-        render: /* @__PURE__ */ jsx24(
-          Button13,
-          {
-            variant: "ghost",
-            className: "w-full justify-between p-4 h-auto"
-          }
-        ),
-        children: [
-          /* @__PURE__ */ jsxs21("div", { className: "flex flex-col items-start", children: [
-            /* @__PURE__ */ jsx24("span", { className: "font-medium", children: title }),
-            /* @__PURE__ */ jsx24("span", { className: "text-sm text-muted-foreground", children: description })
-          ] }),
-          /* @__PURE__ */ jsx24(
-            IconChevronDown,
-            {
-              className: `h-4 w-4 transition-transform ${isOpen ? "rotate-180" : ""}`
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx24(CollapsibleContent, { children: showOtp ? /* @__PURE__ */ jsx24(
-      VerifyChangeEmailForm,
-      {
-        email: newEmail,
-        verificationId,
-        onSuccess: handleVerifySuccess,
-        onCancel: handleCancel
-      }
-    ) : /* @__PURE__ */ jsx24(
-      RequestChangeEmailForm,
-      {
-        onSuccess: handleRequestSuccess,
-        onCancel: handleCancel,
-        buttonText: title
-      }
-    ) })
-  ] }) });
-}
-
-// src/components/profile/change-password-form.tsx
-import { zodResolver as zodResolver7 } from "@hookform/resolvers/zod";
+  ProfileLayout,
+  ProfileSidebar
+} from "./chunk-ISNNPMF7.js";
 import {
-  Button as Button14,
-  Collapsible as Collapsible2,
-  CollapsibleContent as CollapsibleContent2,
-  CollapsibleTrigger as CollapsibleTrigger2,
-  Input as Input6,
-  Label as Label2,
-  Spinner as Spinner3
-} from "@mesob/ui/components";
-import { IconChevronDown as IconChevronDown2, IconEye as IconEye5, IconEyeOff as IconEyeOff5 } from "@tabler/icons-react";
-import { useState as useState17 } from "react";
-import { useForm as useForm7 } from "react-hook-form";
-import { toast as toast9 } from "sonner";
-import { z as z7 } from "zod";
-import { jsx as jsx25, jsxs as jsxs22 } from "react/jsx-runtime";
-var changePasswordSchema = z7.object({
-  currentPassword: z7.string().min(8, "Password must be at least 8 characters"),
-  newPassword: z7.string().min(8, "Password must be at least 8 characters"),
-  confirmPassword: z7.string().min(8, "Password must be at least 8 characters")
-}).refine((data) => data.newPassword === data.confirmPassword, {
-  message: "Passwords don't match",
-  path: ["confirmPassword"]
-});
-function isAuthError4(error) {
-  return typeof error === "object" && error !== null && ("code" in error || "message" in error || "name" in error);
-}
-function getErrorCode3(error) {
-  if (error.code) {
-    return error.code;
-  }
-  if (error.message) {
-    const upperMessage = error.message.toUpperCase().trim();
-    const validCodes2 = [
-      "INVALID_PASSWORD",
-      "UNAUTHORIZED",
-      "HAS_NO_PASSWORD",
-      "USER_NOT_FOUND",
-      "USER_EXISTS",
-      "VERIFICATION_EXPIRED",
-      "VERIFICATION_MISMATCH",
-      "VERIFICATION_NOT_FOUND",
-      "TOO_MANY_ATTEMPTS",
-      "REQUIRES_VERIFICATION",
-      "ACCESS_DENIED"
-    ];
-    if (validCodes2.includes(upperMessage)) {
-      return upperMessage;
-    }
-  }
-  return void 0;
-}
-function getPasswordChangeErrorMessage(error) {
-  if (isAuthError4(error)) {
-    const errorCode = getErrorCode3(error);
-    switch (errorCode) {
-      case "INVALID_PASSWORD":
-        return "The current password you entered is incorrect. Please try again.";
-      case "UNAUTHORIZED":
-        return "You are not authorized to perform this action. Please sign in again.";
-      case "HAS_NO_PASSWORD":
-        return "Your account does not have a password set. Please use password reset instead.";
-      default:
-        return error.message || "Failed to change password. Please try again.";
-    }
-  }
-  if (error instanceof Error) {
-    return error.message;
-  }
-  return "Failed to change password. Please try again.";
-}
-function ChangePasswordForm() {
-  const { user: _user } = useSession();
-  const [isOpen, setIsOpen] = useState17(false);
-  const [isSubmitting, setIsSubmitting] = useState17(false);
-  const [showPassword, setShowPassword] = useState17(false);
-  const [showNewPassword, setShowNewPassword] = useState17(false);
-  const [showConfirmPassword, setShowConfirmPassword] = useState17(false);
-  const form = useForm7({
-    resolver: zodResolver7(changePasswordSchema),
-    defaultValues: {
-      currentPassword: "",
-      newPassword: "",
-      confirmPassword: ""
-    }
-  });
-  const { register, handleSubmit, formState, reset } = form;
-  const onSubmit = (_data) => {
-    try {
-      setIsSubmitting(true);
-      toast9.error("Password change unavailable");
-      setIsOpen(false);
-    } catch (error) {
-      const errorMessage = getPasswordChangeErrorMessage(error);
-      toast9.error(errorMessage);
-    } finally {
-      setIsSubmitting(false);
-    }
-  };
-  return /* @__PURE__ */ jsx25(Collapsible2, { open: isOpen, onOpenChange: setIsOpen, children: /* @__PURE__ */ jsxs22("div", { className: "border rounded-lg", children: [
-    /* @__PURE__ */ jsxs22(
-      CollapsibleTrigger2,
-      {
-        render: /* @__PURE__ */ jsx25(
-          Button14,
-          {
-            variant: "ghost",
-            className: "w-full justify-between p-4 h-auto"
-          }
-        ),
-        children: [
-          /* @__PURE__ */ jsxs22("div", { className: "flex flex-col items-start", children: [
-            /* @__PURE__ */ jsx25("span", { className: "font-medium", children: "Change Password" }),
-            /* @__PURE__ */ jsx25("span", { className: "text-sm text-muted-foreground", children: "Update your account password" })
-          ] }),
-          /* @__PURE__ */ jsx25(
-            IconChevronDown2,
-            {
-              className: `h-4 w-4 transition-transform ${isOpen ? "rotate-180" : ""}`
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx25(CollapsibleContent2, { children: /* @__PURE__ */ jsxs22(
-      "form",
-      {
-        onSubmit: handleSubmit(onSubmit),
-        className: "p-4 space-y-4 border-t",
-        children: [
-          /* @__PURE__ */ jsxs22("div", { className: "space-y-2 w-full md:w-1/2", children: [
-            /* @__PURE__ */ jsx25(Label2, { htmlFor: "currentPassword", children: "Old Password" }),
-            /* @__PURE__ */ jsxs22("div", { className: "relative", children: [
-              /* @__PURE__ */ jsx25(
-                Input6,
-                {
-                  id: "currentPassword",
-                  type: showPassword ? "text" : "password",
-                  autoComplete: "current-password",
-                  placeholder: "Enter your current password",
-                  ...register("currentPassword")
-                }
-              ),
-              /* @__PURE__ */ jsx25(
-                "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__ */ jsx25(IconEyeOff5, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx25(IconEye5, { className: "h-4 w-4" })
-                }
-              )
-            ] }),
-            formState.errors.currentPassword && /* @__PURE__ */ jsx25("p", { className: "text-sm text-destructive", children: formState.errors.currentPassword.message })
-          ] }),
-          /* @__PURE__ */ jsxs22("div", { className: "space-y-2 w-full md:w-1/2", children: [
-            /* @__PURE__ */ jsx25(Label2, { htmlFor: "newPassword", children: "New Password" }),
-            /* @__PURE__ */ jsxs22("div", { className: "relative", children: [
-              /* @__PURE__ */ jsx25(
-                Input6,
-                {
-                  id: "newPassword",
-                  type: showNewPassword ? "text" : "password",
-                  placeholder: "Enter your new password",
-                  autoComplete: "new-password",
-                  ...register("newPassword")
-                }
-              ),
-              /* @__PURE__ */ jsx25(
-                "button",
-                {
-                  type: "button",
-                  onClick: () => setShowNewPassword(!showNewPassword),
-                  className: "absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground",
-                  children: showNewPassword ? /* @__PURE__ */ jsx25(IconEyeOff5, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx25(IconEye5, { className: "h-4 w-4" })
-                }
-              )
-            ] }),
-            formState.errors.newPassword && /* @__PURE__ */ jsx25("p", { className: "text-sm text-destructive", children: formState.errors.newPassword.message })
-          ] }),
-          /* @__PURE__ */ jsxs22("div", { className: "space-y-2 w-full md:w-1/2", children: [
-            /* @__PURE__ */ jsx25(Label2, { htmlFor: "confirmPassword", children: "Confirm New Password" }),
-            /* @__PURE__ */ jsxs22("div", { className: "relative", children: [
-              /* @__PURE__ */ jsx25(
-                Input6,
-                {
-                  id: "confirmPassword",
-                  type: showConfirmPassword ? "text" : "password",
-                  placeholder: "Confirm your new password",
-                  autoComplete: "new-password",
-                  ...register("confirmPassword")
-                }
-              ),
-              /* @__PURE__ */ jsx25(
-                "button",
-                {
-                  type: "button",
-                  onClick: () => setShowConfirmPassword(!showConfirmPassword),
-                  className: "absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground",
-                  children: showConfirmPassword ? /* @__PURE__ */ jsx25(IconEyeOff5, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx25(IconEye5, { className: "h-4 w-4" })
-                }
-              )
-            ] }),
-            formState.errors.confirmPassword && /* @__PURE__ */ jsx25("p", { className: "text-sm text-destructive", children: formState.errors.confirmPassword.message })
-          ] }),
-          /* @__PURE__ */ jsxs22("div", { className: "flex justify-end gap-2", children: [
-            /* @__PURE__ */ jsx25(
-              Button14,
-              {
-                type: "button",
-                variant: "outline",
-                onClick: () => {
-                  reset();
-                  setIsOpen(false);
-                },
-                disabled: isSubmitting,
-                children: "Cancel"
-              }
-            ),
-            /* @__PURE__ */ jsxs22(Button14, { type: "submit", disabled: isSubmitting, children: [
-              isSubmitting && /* @__PURE__ */ jsx25(Spinner3, { className: "mr-2 h-4 w-4" }),
-              "Change Password"
-            ] })
-          ] })
-        ]
-      }
-    ) })
-  ] }) });
-}
-
-// src/components/profile/change-phone-form.tsx
+  Security
+} from "./chunk-OYHH7HQG.js";
+import "./chunk-5F5FZMHE.js";
+import "./chunk-ZG6WFZHX.js";
+import "./chunk-C26NPUPI.js";
 import {
-  Button as Button16,
-  Collapsible as Collapsible3,
-  CollapsibleContent as CollapsibleContent3,
-  CollapsibleTrigger as CollapsibleTrigger3
-} from "@mesob/ui/components";
-import { IconChevronDown as IconChevronDown3 } from "@tabler/icons-react";
-import { useState as useState20 } from "react";
-
-// src/components/profile/request-change-phone-form.tsx
-import { zodResolver as zodResolver8 } from "@hookform/resolvers/zod";
-import { Button as Button15, Input as Input7, Label as Label3, Spinner as Spinner4 } from "@mesob/ui/components";
-import { IconEye as IconEye6, IconEyeOff as IconEyeOff6 } from "@tabler/icons-react";
-import { useEffect as useEffect9, useState as useState18 } 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 jsx26, jsxs as jsxs23 } from "react/jsx-runtime";
-var phonePasswordSchema = (phoneRegex) => z8.object({
-  phone: z8.string().trim().min(1, { message: "Phone number is required" }).refine(
-    (val) => {
-      const isPhone3 = phoneRegex.test(val);
-      return isPhone3;
-    },
-    {
-      message: "Invalid phone number"
-    }
-  ),
-  password: z8.string().min(8, "Password must be at least 8 characters").max(128, "Password too long")
-});
-function isAuthError5(error) {
-  return typeof error === "object" && error !== null && ("code" in error || "message" in error || "name" in error);
-}
-function getErrorCode4(error) {
-  if (error.code) {
-    return error.code;
-  }
-  if (error.message) {
-    const upperMessage = error.message.toUpperCase().trim();
-    const validCodes2 = [
-      "USER_NOT_FOUND",
-      "USER_EXISTS",
-      "INVALID_PASSWORD",
-      "VERIFICATION_EXPIRED",
-      "VERIFICATION_MISMATCH",
-      "VERIFICATION_NOT_FOUND",
-      "TOO_MANY_ATTEMPTS",
-      "UNAUTHORIZED"
-    ];
-    if (validCodes2.includes(upperMessage)) {
-      return upperMessage;
-    }
-  }
-  return void 0;
-}
-function getErrorMessage3(error) {
-  if (isAuthError5(error)) {
-    const errorCode = getErrorCode4(error);
-    switch (errorCode) {
-      case "USER_EXISTS":
-        return "This phone number is already taken. Please use a different number.";
-      case "VERIFICATION_EXPIRED":
-        return "Verification code has expired. Please request a new one.";
-      case "VERIFICATION_MISMATCH":
-        return "Invalid verification code. Please try again.";
-      case "VERIFICATION_NOT_FOUND":
-        return "Verification not found. Please request a new code.";
-      default:
-        return error.message || "An error occurred. Please try again.";
-    }
-  }
-  if (error instanceof Error) {
-    return error.message;
-  }
-  return "An error occurred. Please try again.";
-}
-function RequestChangePhoneForm({
-  onSuccess,
-  onCancel,
-  buttonText
-}) {
-  const { user } = useSession();
-  const { hooks } = useApi();
-  const { config } = useConfig();
-  const [isSubmitting, setIsSubmitting] = useState18(false);
-  const [isChecking, setIsChecking] = useState18(true);
-  const [showPassword, setShowPassword] = useState18(false);
-  const phoneRegex = typeof config.phoneRegex === "string" ? new RegExp(config.phoneRegex) : config.phoneRegex || /^(\+2519|\+2517|2519|2517|09|07)\d{8}$/;
-  const getPendingAccountChangeQuery = hooks.useQuery(
-    "get",
-    "/account-change/pending",
-    {},
-    { enabled: false }
-  );
-  const verifyPasswordMutation = hooks.useMutation("post", "/password/verify");
-  const checkUserMutation = hooks.useMutation("post", "/check-account");
-  const requestPhoneOtpMutation = hooks.useMutation(
-    "post",
-    "/phone/verification/request"
-  );
-  const phonePasswordForm = useForm8({
-    resolver: zodResolver8(phonePasswordSchema(phoneRegex)),
-    defaultValues: {
-      phone: "",
-      password: ""
-    }
-  });
-  const {
-    register,
-    handleSubmit,
-    getValues,
-    setValue,
-    formState: { errors }
-  } = phonePasswordForm;
-  useEffect9(() => {
-    let active = true;
-    const run = async () => {
-      try {
-        const data = await getPendingAccountChangeQuery.refetch();
-        if (!active) {
-          return;
-        }
-        const accountChange = data.data?.accountChange;
-        const verificationId = data.data?.verificationId;
-        if (accountChange?.changeType !== "phone") {
-          setIsChecking(false);
-          return;
-        }
-        if (!accountChange.newPhone) {
-          setIsChecking(false);
-          return;
-        }
-        if (getValues("phone")) {
-          setIsChecking(false);
-          return;
-        }
-        setValue("phone", accountChange.newPhone, { shouldValidate: true });
-        if (verificationId) {
-          toast10.message("Resuming verification\u2026");
-          onSuccess(verificationId, accountChange.newPhone);
-          return;
-        }
-        setIsChecking(false);
-      } catch {
-        setIsChecking(false);
-      }
-    };
-    run().catch(() => void 0);
-    return () => {
-      active = false;
-    };
-  }, [getPendingAccountChangeQuery.refetch, getValues, onSuccess, setValue]);
-  const onPhonePasswordSubmit = async (data) => {
-    if (!user) {
-      toast10.error("User not found");
-      return;
-    }
-    try {
-      setIsSubmitting(true);
-      const normalizedPhone = normalizePhone(data.phone);
-      await verifyPasswordMutation.mutateAsync({
-        body: { password: data.password }
-      });
-      const checkResult = await checkUserMutation.mutateAsync({
-        body: { identifier: normalizedPhone }
-      });
-      if (checkResult.data?.exists) {
-        if (user?.phone?.replace(/\s/g, "") === normalizedPhone.replace(/\s/g, "")) {
-          toast10.error("This is already your current phone number.");
-          return;
-        }
-        toast10.error(
-          "This phone number is already taken. Please use a different number."
-        );
-        return;
-      }
-      const verification = await requestPhoneOtpMutation.mutateAsync({
-        body: {
-          phone: normalizedPhone,
-          context: "change-phone"
-        }
-      });
-      toast10.success("Verification code sent to your phone");
-      onSuccess(verification.data?.verificationId ?? "", normalizedPhone);
-    } catch (error) {
-      const errorMessage = getErrorMessage3(error);
-      if (isAuthError5(error)) {
-        const errorCode = getErrorCode4(error);
-        if (errorCode === "INVALID_PASSWORD" || errorCode === "USER_NOT_FOUND") {
-          toast10.error("Incorrect password. Please try again.");
-          return;
-        }
-      }
-      toast10.error(errorMessage);
-    } finally {
-      setIsSubmitting(false);
-    }
-  };
-  const isLoading = isSubmitting || isChecking;
-  return /* @__PURE__ */ jsxs23(
-    "form",
-    {
-      onSubmit: handleSubmit(onPhonePasswordSubmit),
-      className: "p-4 space-y-4 border-t",
-      children: [
-        /* @__PURE__ */ jsxs23("div", { className: "space-y-4 w-full md:w-1/2", children: [
-          /* @__PURE__ */ jsxs23("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsx26(Label3, { htmlFor: "phone", children: "Phone Number" }),
-            /* @__PURE__ */ jsx26(
-              Input7,
-              {
-                id: "phone",
-                type: "tel",
-                placeholder: "Enter your new phone number",
-                ...register("phone"),
-                disabled: isLoading
-              }
-            ),
-            errors.phone && /* @__PURE__ */ jsx26("p", { className: "text-sm text-destructive", children: errors.phone.message })
-          ] }),
-          /* @__PURE__ */ jsxs23("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsx26(Label3, { htmlFor: "password", children: "Password" }),
-            /* @__PURE__ */ jsxs23("div", { className: "relative", children: [
-              /* @__PURE__ */ jsx26(
-                Input7,
-                {
-                  id: "password",
-                  type: showPassword ? "text" : "password",
-                  autoComplete: "current-password",
-                  placeholder: "Enter your password",
-                  ...register("password"),
-                  disabled: isLoading
-                }
-              ),
-              /* @__PURE__ */ jsx26(
-                "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__ */ jsx26(IconEyeOff6, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx26(IconEye6, { className: "h-4 w-4" })
-                }
-              )
-            ] }),
-            errors.password && /* @__PURE__ */ jsx26("p", { className: "text-sm text-destructive", children: errors.password.message })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs23("div", { className: "flex justify-end gap-2", children: [
-          /* @__PURE__ */ jsx26(
-            Button15,
-            {
-              type: "button",
-              variant: "outline",
-              onClick: onCancel,
-              disabled: isLoading,
-              children: "Cancel"
-            }
-          ),
-          /* @__PURE__ */ jsxs23(Button15, { type: "submit", disabled: isLoading, children: [
-            isLoading && /* @__PURE__ */ jsx26(Spinner4, { className: "mr-2 h-4 w-4" }),
-            isChecking ? "Checking\u2026" : buttonText
-          ] })
-        ] })
-      ]
-    }
-  );
-}
-
-// src/components/profile/verify-change-phone-form.tsx
-import { useState as useState19 } from "react";
-import { toast as toast11 } from "sonner";
-import { jsx as jsx27 } from "react/jsx-runtime";
-function isAuthError6(error) {
-  return typeof error === "object" && error !== null && ("code" in error || "message" in error || "name" in error);
-}
-function getErrorCode5(error) {
-  if (error.code) {
-    return error.code;
-  }
-  if (error.message) {
-    const upperMessage = error.message.toUpperCase().trim();
-    const validCodes2 = [
-      "USER_NOT_FOUND",
-      "USER_EXISTS",
-      "INVALID_PASSWORD",
-      "VERIFICATION_EXPIRED",
-      "VERIFICATION_MISMATCH",
-      "VERIFICATION_NOT_FOUND",
-      "TOO_MANY_ATTEMPTS",
-      "UNAUTHORIZED"
-    ];
-    if (validCodes2.includes(upperMessage)) {
-      return upperMessage;
-    }
-  }
-  return void 0;
-}
-function getErrorMessage4(error) {
-  if (isAuthError6(error)) {
-    const errorCode = getErrorCode5(error);
-    switch (errorCode) {
-      case "USER_EXISTS":
-        return "This phone number is already taken. Please use a different number.";
-      case "VERIFICATION_EXPIRED":
-        return "Verification code has expired. Please request a new one.";
-      case "VERIFICATION_MISMATCH":
-        return "Invalid verification code. Please try again.";
-      case "VERIFICATION_NOT_FOUND":
-        return "Verification not found. Please request a new code.";
-      default:
-        return error.message || "An error occurred. Please try again.";
-    }
-  }
-  if (error instanceof Error) {
-    return error.message;
-  }
-  return "An error occurred. Please try again.";
-}
-function VerifyChangePhoneForm({
-  phone,
-  verificationId,
-  onSuccess,
-  onCancel
-}) {
-  const { refresh } = useSession();
-  const { hooks } = useApi();
-  const [isSubmitting, setIsSubmitting] = useState19(false);
-  const [currentVerificationId, setCurrentVerificationId] = useState19(verificationId);
-  const verifyPhoneOtpMutation = hooks.useMutation(
-    "post",
-    "/phone/verification/confirm"
-  );
-  const updatePhoneMutation = hooks.useMutation("put", "/profile/phone");
-  const requestPhoneOtpMutation = hooks.useMutation(
-    "post",
-    "/phone/verification/request"
-  );
-  const onOtpSubmit = async (code) => {
-    if (!currentVerificationId) {
-      toast11.error("Verification not found. Please request a new code.");
-      return;
-    }
-    try {
-      setIsSubmitting(true);
-      await verifyPhoneOtpMutation.mutateAsync({
-        body: {
-          verificationId: currentVerificationId,
-          code,
-          context: "change-phone"
-        }
-      });
-      await updatePhoneMutation.mutateAsync({
-        body: { phone }
-      });
-      toast11.success("Phone number updated successfully");
-      await refresh();
-      onSuccess();
-    } catch (error) {
-      const errorMessage = getErrorMessage4(error);
-      toast11.error(errorMessage);
-    } finally {
-      setIsSubmitting(false);
-    }
-  };
-  if (!currentVerificationId) {
-    toast11.error("Verification not found. Please request a new code.");
-    return null;
-  }
-  return /* @__PURE__ */ jsx27(
-    OtpVerificationModal,
-    {
-      open: true,
-      title: "Verify phone",
-      description: `Enter the verification code sent to ${phone}`,
-      verificationId: currentVerificationId,
-      isLoading: isSubmitting,
-      onSubmit: onOtpSubmit,
-      onResend: async () => {
-        try {
-          setIsSubmitting(true);
-          const next = await requestPhoneOtpMutation.mutateAsync({
-            body: {
-              phone,
-              context: "change-phone"
-            }
-          });
-          setCurrentVerificationId(next.data?.verificationId ?? null);
-          toast11.success("Verification code resent");
-        } catch (error) {
-          toast11.error(getErrorMessage4(error));
-        } finally {
-          setIsSubmitting(false);
-        }
-      },
-      onCancel
-    }
-  );
-}
-
-// src/components/profile/change-phone-form.tsx
-import { jsx as jsx28, jsxs as jsxs24 } from "react/jsx-runtime";
-function ChangePhoneForm() {
-  const { user } = useSession();
-  const [isOpen, setIsOpen] = useState20(false);
-  const [showOtp, setShowOtp] = useState20(false);
-  const [verificationId, setVerificationId] = useState20(null);
-  const [newPhone, setNewPhone] = useState20("");
-  const resetForms = () => {
-    setShowOtp(false);
-    setVerificationId(null);
-    setNewPhone("");
-  };
-  const handleRequestSuccess = (id, phone) => {
-    setVerificationId(id);
-    setNewPhone(phone);
-    setShowOtp(true);
-  };
-  const handleVerifySuccess = () => {
-    resetForms();
-    setIsOpen(false);
-  };
-  const handleCancel = () => {
-    resetForms();
-    setIsOpen(false);
-  };
-  const title = user?.phone ? "Change Phone" : "Add Phone";
-  const description = user?.phone ? "Update your phone number" : "Add a phone number to your account";
-  return /* @__PURE__ */ jsx28(Collapsible3, { open: isOpen, onOpenChange: setIsOpen, children: /* @__PURE__ */ jsxs24("div", { className: "border rounded-lg", children: [
-    /* @__PURE__ */ jsxs24(
-      CollapsibleTrigger3,
-      {
-        render: /* @__PURE__ */ jsx28(
-          Button16,
-          {
-            variant: "ghost",
-            className: "w-full justify-between p-4 h-auto"
-          }
-        ),
-        children: [
-          /* @__PURE__ */ jsxs24("div", { className: "flex flex-col items-start", children: [
-            /* @__PURE__ */ jsx28("span", { className: "font-medium", children: title }),
-            /* @__PURE__ */ jsx28("span", { className: "text-sm text-muted-foreground", children: description })
-          ] }),
-          /* @__PURE__ */ jsx28(
-            IconChevronDown3,
-            {
-              className: `h-4 w-4 transition-transform ${isOpen ? "rotate-180" : ""}`
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx28(CollapsibleContent3, { children: showOtp ? /* @__PURE__ */ jsx28(
-      VerifyChangePhoneForm,
-      {
-        phone: newPhone,
-        verificationId,
-        onSuccess: handleVerifySuccess,
-        onCancel: handleCancel
-      }
-    ) : /* @__PURE__ */ jsx28(
-      RequestChangePhoneForm,
-      {
-        onSuccess: handleRequestSuccess,
-        onCancel: handleCancel,
-        buttonText: title
-      }
-    ) })
-  ] }) });
-}
-
-// src/components/profile/security.tsx
-import { jsx as jsx29, jsxs as jsxs25 } from "react/jsx-runtime";
-function Security() {
-  return /* @__PURE__ */ jsxs25("div", { className: "p-6 space-y-6", children: [
-    /* @__PURE__ */ jsxs25("div", { children: [
-      /* @__PURE__ */ jsx29("h1", { className: "text-2xl font-semibold", children: "Security" }),
-      /* @__PURE__ */ jsx29("p", { className: "text-muted-foreground", children: "Manage your security settings" })
-    ] }),
-    /* @__PURE__ */ jsxs25("div", { className: "space-y-4", children: [
-      /* @__PURE__ */ jsx29(ChangePasswordForm, {}),
-      /* @__PURE__ */ jsx29(ChangeEmailForm, {}),
-      /* @__PURE__ */ jsx29(ChangePhoneForm, {})
-    ] })
-  ] });
-}
-
-// src/components/skeletons/auth-form-skeleton.tsx
-import { Skeleton as Skeleton2 } from "@mesob/ui/components";
-import { jsx as jsx30, jsxs as jsxs26 } from "react/jsx-runtime";
-function AuthFormSkeleton() {
-  return /* @__PURE__ */ jsxs26("div", { className: "w-full max-w-md space-y-6 p-6", children: [
-    /* @__PURE__ */ jsxs26("div", { className: "space-y-2 text-center", children: [
-      /* @__PURE__ */ jsx30(Skeleton2, { className: "h-8 w-48 mx-auto" }),
-      /* @__PURE__ */ jsx30(Skeleton2, { className: "h-4 w-64 mx-auto" })
-    ] }),
-    /* @__PURE__ */ jsxs26("div", { className: "space-y-4", children: [
-      /* @__PURE__ */ jsxs26("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx30(Skeleton2, { className: "h-4 w-24" }),
-        /* @__PURE__ */ jsx30(Skeleton2, { className: "h-10 w-full" })
-      ] }),
-      /* @__PURE__ */ jsxs26("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx30(Skeleton2, { className: "h-4 w-24" }),
-        /* @__PURE__ */ jsx30(Skeleton2, { className: "h-10 w-full" })
-      ] }),
-      /* @__PURE__ */ jsx30(Skeleton2, { className: "h-10 w-full" })
-    ] }),
-    /* @__PURE__ */ jsxs26("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsx30(Skeleton2, { className: "h-px w-full" }),
-      /* @__PURE__ */ jsx30(Skeleton2, { className: "h-4 w-32 mx-auto" })
-    ] })
-  ] });
-}
-
-// src/components/skeletons/profile-skeleton.tsx
-import { Skeleton as Skeleton3 } from "@mesob/ui/components";
-import { jsx as jsx31, jsxs as jsxs27 } from "react/jsx-runtime";
-function ProfileSkeleton() {
-  return /* @__PURE__ */ jsxs27("div", { className: "w-full max-w-4xl space-y-8 p-6", children: [
-    /* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-6", children: [
-      /* @__PURE__ */ jsx31(Skeleton3, { className: "h-24 w-24 rounded-full" }),
-      /* @__PURE__ */ jsxs27("div", { className: "space-y-2 flex-1", children: [
-        /* @__PURE__ */ jsx31(Skeleton3, { className: "h-8 w-48" }),
-        /* @__PURE__ */ jsx31(Skeleton3, { className: "h-4 w-64" })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx31("div", { className: "space-y-6", children: [1, 2, 3].map((i) => /* @__PURE__ */ jsxs27("div", { className: "space-y-4", children: [
-      /* @__PURE__ */ jsx31(Skeleton3, { className: "h-6 w-32" }),
-      /* @__PURE__ */ jsxs27("div", { className: "space-y-3", children: [
-        /* @__PURE__ */ jsxs27("div", { className: "flex justify-between items-center", children: [
-          /* @__PURE__ */ jsx31(Skeleton3, { className: "h-4 w-24" }),
-          /* @__PURE__ */ jsx31(Skeleton3, { className: "h-4 w-32" })
-        ] }),
-        /* @__PURE__ */ jsxs27("div", { className: "flex justify-between items-center", children: [
-          /* @__PURE__ */ jsx31(Skeleton3, { className: "h-4 w-24" }),
-          /* @__PURE__ */ jsx31(Skeleton3, { className: "h-4 w-40" })
-        ] })
-      ] })
-    ] }, i)) })
-  ] });
-}
+  Sessions
+} from "./chunk-LSYKVFJA.js";
+import {
+  TenantsPage
+} from "./chunk-FAHN63DA.js";
+import "./chunk-LNG736CV.js";
+import {
+  Tenants
+} from "./chunk-UXOZ2TME.js";
+import {
+  UsersPage
+} from "./chunk-BGSHXIHI.js";
+import "./chunk-BZ42QPXE.js";
+import {
+  Users
+} from "./chunk-LZR4YUDV.js";
+import {
+  Account
+} from "./chunk-G7SCXCCM.js";
+import "./chunk-C5ZW7FD2.js";
+import "./chunk-MS2JUZ3N.js";
+import "./chunk-MELNS4QH.js";
+import "./chunk-EQ4346FE.js";
+import "./chunk-KWG4DSB5.js";
+import "./chunk-OQGJX37L.js";
+import {
+  PermissionsPage
+} from "./chunk-S3CXCCKL.js";
+import {
+  Permissions
+} from "./chunk-35TCGAW3.js";
+import {
+  RoleDetailLayout
+} from "./chunk-GXKBVCVS.js";
+import {
+  RoleDetailPage
+} from "./chunk-C2KFZ57H.js";
+import {
+  RolePermissionsPage
+} from "./chunk-YZ264S2L.js";
+import {
+  RolesPage
+} from "./chunk-JB6XVST4.js";
+import "./chunk-AIMD6R6U.js";
+import {
+  Roles
+} from "./chunk-JZZJCBAE.js";
+import {
+  DataTable
+} from "./chunk-TFVBER3Y.js";
+import {
+  TableSkeleton
+} from "./chunk-RT5C7IAE.js";
+import {
+  SessionsPage
+} from "./chunk-L4CGIO2I.js";
+import "./chunk-3BZC4VVD.js";
+import "./chunk-T6P7UHVP.js";
+import "./chunk-NPW7D2HZ.js";
+import {
+  SignUp
+} from "./chunk-OAN4EXU4.js";
+import {
+  VerifyEmail
+} from "./chunk-II5MLBSB.js";
+import {
+  VerifyPhone
+} from "./chunk-45UCLKH2.js";
+import {
+  VerificationForm
+} from "./chunk-FFR5UHTS.js";
+import {
+  Deny
+} from "./chunk-RLPZFLAS.js";
+import {
+  Grant
+} from "./chunk-ZESFGO3K.js";
+import {
+  AuthErrorBoundary,
+  ErrorBoundary
+} from "./chunk-7KXTL6NT.js";
+import {
+  PermissionSelector
+} from "./chunk-GRT6EBR6.js";
+import {
+  AuthCard
+} from "./chunk-G2AW2H36.js";
+import "./chunk-GP7GIUI3.js";
+import {
+  ForgotPassword
+} from "./chunk-FHOLUOOZ.js";
+import {
+  ResetPasswordForm
+} from "./chunk-OHIIMUQC.js";
+import {
+  SetPassword
+} from "./chunk-HOO2VLNM.js";
+import {
+  SignIn
+} from "./chunk-FBABIA5J.js";
+import {
+  normalizePhone
+} from "./chunk-V2W3WPCZ.js";
+import {
+  handleError
+} from "./chunk-55BMNC4S.js";
+import "./chunk-DPH2PHK3.js";
+import {
+  useTranslator
+} from "./chunk-QNCE2B5O.js";
+import {
+  MesobAuthProvider,
+  getSessionCookieName,
+  hasAuthCookie,
+  useApi,
+  useConfig,
+  useHasAuthCookie,
+  useSession
+} from "./chunk-72YRO3A7.js";
 
 // src/hooks/use-session-cookie-name.ts
 function useSessionCookieName() {
@@ -3882,20 +162,39 @@ export {
   AuthErrorBoundary,
   AuthFormSkeleton,
   DataTable,
+  Deny,
   ErrorBoundary,
   ForgotPassword,
+  Grant,
   MesobAuthProvider,
+  PermissionSelector,
   Permissions,
+  PermissionsPage,
+  ProfileLayout,
+  ProfileSidebar,
   ProfileSkeleton,
   ResetPasswordForm,
+  RoleDetailLayout,
+  RoleDetailPage,
+  RolePermissionsPage,
+  RoleUsersPage,
   Roles,
+  RolesPage,
   Security,
   Sessions,
+  SessionsPage,
+  SetPassword,
   SignIn,
   SignUp,
   TableSkeleton,
+  TenantDetailPageContent,
   Tenants,
+  TenantsPage,
+  UserActivityPageContent,
+  UserDetailLayoutContent,
+  UserDetailPageContent,
   Users,
+  UsersPage,
   VerificationForm,
   VerifyEmail,
   VerifyPhone,