@mesob/auth-react 0.3.4 → 0.4.0

package/dist/pages/auth/verify-email.js

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