@mesob/auth-react 0.4.0 → 0.4.2

package/dist/pages/auth/set-password.js

@@ -1,932 +1,14 @@
-// src/components/auth/auth-card.tsx
-import { Card } from "@mesob/ui/components";
-import { jsx } from "react/jsx-runtime";
-
-// src/components/auth/forgot-password.tsx
-import { zodResolver } from "@hookform/resolvers/zod";
-import {
-  Alert,
-  AlertDescription,
-  AlertTitle,
-  Button,
-  Form,
-  FormControl,
-  FormField,
-  FormItem,
-  FormLabel,
-  FormMessage,
-  Input
-} from "@mesob/ui/components";
-import { useMesob as useMesob2 } from "@mesob/ui/providers";
-import { IconAlertCircle } from "@tabler/icons-react";
-import { useEffect, useState as useState2 } from "react";
-import { useForm } from "react-hook-form";
-import { toast } from "sonner";
-import { z } from "zod";
-
-// src/hooks/use-translator.ts
-import { useMesob } from "@mesob/ui/providers";
-
-// src/lib/translations.ts
-function createTranslator(messages, namespace) {
-  return (key, params) => {
-    const fullKey = namespace ? `${namespace}.${key}` : key;
-    const keys = fullKey.split(".");
-    let value = messages;
-    for (const k of keys) {
-      if (value && typeof value === "object" && value !== null) {
-        value = value[k];
-      } else {
-        return fullKey;
-      }
-    }
-    if (typeof value !== "string") {
-      return fullKey;
-    }
-    if (params) {
-      return value.replace(
-        /\{(\w+)\}/g,
-        (_, param) => String(params[param] ?? `{${param}}`)
-      );
-    }
-    return value;
-  };
-}
-
-// src/provider.tsx
-import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
-import { deepmerge } from "deepmerge-ts";
-import createFetchClient from "openapi-fetch";
-import createClient from "openapi-react-query";
-import { createContext, useContext, useMemo, useState } from "react";
-
-// src/utils/cookie.ts
-var isProduction = typeof process !== "undefined" && process.env.NODE_ENV === "production";
-
-// src/provider.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
-var SessionContext = createContext(null);
-var ApiContext = createContext(null);
-var ConfigContext = createContext(null);
-var queryClient = new QueryClient({
-  defaultOptions: {
-    queries: {
-      refetchOnWindowFocus: false
-    }
-  }
-});
-function useApi() {
-  const context = useContext(ApiContext);
-  if (!context) {
-    throw new Error("useApi must be used within MesobAuthProvider");
-  }
-  return context;
-}
-function useConfig() {
-  const context = useContext(ConfigContext);
-  if (!context) {
-    throw new Error("useConfig must be used within MesobAuthProvider");
-  }
-  return context;
-}
-
-// src/hooks/use-translator.ts
-function useTranslator(namespace) {
-  const mesob = useMesob();
-  const { config } = useConfig();
-  if (mesob?.t) {
-    return (key, params) => {
-      const fullKey = namespace ? `${namespace}.${key}` : key;
-      return mesob.t?.(fullKey, params) ?? fullKey;
-    };
-  }
-  return createTranslator(config.messages || {}, namespace);
-}
-
-// src/constants/auth.error.codes.ts
-var AUTH_ERROR_MAPPING = {
-  USER_NOT_FOUND: {
-    title: "Account Not Found",
-    description: "We could not find an account with that identifier. Please check your spelling or sign up."
-  },
-  INVALID_PASSWORD: {
-    title: "Invalid Password",
-    description: "The password you entered is incorrect. Please try again."
-  },
-  USER_EXISTS: {
-    title: "Account Already Exists",
-    description: "An account with this identifier already exists. Please sign in instead."
-  },
-  VERIFICATION_EXPIRED: {
-    title: "Verification Expired",
-    description: "The verification code or link has expired. Please request a new one."
-  },
-  VERIFICATION_MISMATCH: {
-    title: "Invalid Code",
-    description: "The verification code you entered is invalid. Please double-check and try again."
-  },
-  VERIFICATION_NOT_FOUND: {
-    title: "Verification Not Found",
-    description: "We could not find a pending verification request. Please restart the process."
-  },
-  TOO_MANY_ATTEMPTS: {
-    title: "Too Many Attempts",
-    description: "You have made too many requests recently. Please wait a moment before trying again."
-  },
-  REQUIRES_VERIFICATION: {
-    title: "Verification Required",
-    description: "You need to verify your account before you can continue. Please check your email or phone."
-  },
-  UNAUTHORIZED: {
-    title: "Unauthorized",
-    description: "You are not authorized to perform this action. Please sign in again."
-  },
-  ACCESS_DENIED: {
-    title: "Access Denied",
-    description: "You do not have permission to access this resource. Please contact support if you believe this is an error."
-  },
-  HAS_NO_PASSWORD: {
-    title: "No Password Set",
-    description: "Your account does not have a password yet. Continue to set a password before signing in."
-  },
-  PASSWORD_ALREADY_SET: {
-    title: "Password Already Set",
-    description: "This account already has a password. Use the normal sign-in form instead."
-  }
-};
-var validCodes = Object.keys(AUTH_ERROR_MAPPING);
-
-// src/utils/handle-error.ts
-function isAuthError(err) {
-  return typeof err === "object" && err !== null && "message" in err && typeof err.message === "string";
-}
-function extractErrorCode(err) {
-  if (err.code && validCodes.includes(err.code)) {
-    return err.code;
-  }
-  if (err.message) {
-    const messageUpper = err.message.toUpperCase().trim();
-    if (validCodes.includes(messageUpper)) {
-      return messageUpper;
-    }
-  }
-  return "";
-}
-function sanitizeErrorMessage(message) {
-  const lowerMessage = message.toLowerCase();
-  const isDatabaseError = lowerMessage.includes("failed query") || lowerMessage.includes("select") || lowerMessage.includes("insert") || lowerMessage.includes("update") || lowerMessage.includes("delete") || lowerMessage.includes("from") || lowerMessage.includes("where") || lowerMessage.includes("limit") || lowerMessage.includes("params:") || lowerMessage.includes("query") || message.includes('"iam".') || message.includes('"tenants"') || message.includes('"users"') || message.includes('"sessions"') || message.includes('"accounts"') || lowerMessage.includes("relation") || lowerMessage.includes("column") || lowerMessage.includes("syntax error") || lowerMessage.includes("database") || lowerMessage.includes("postgres") || lowerMessage.includes("sql");
-  if (isDatabaseError) {
-    return "An error occurred while processing your request";
-  }
-  return message;
-}
-function handleAuthError(err, setError, t) {
-  const errorCode = extractErrorCode(err);
-  if (errorCode && AUTH_ERROR_MAPPING[errorCode]) {
-    const mapping = AUTH_ERROR_MAPPING[errorCode];
-    setError({
-      title: mapping.title,
-      description: mapping.description
-    });
-    return;
-  }
-  const sanitizedMessage = sanitizeErrorMessage(
-    err.message || t("errors.fallback")
-  );
-  setError({
-    title: t("errors.fallback"),
-    description: sanitizedMessage
-  });
-}
-function handleGenericError(err, setError, t) {
-  const rawMessage = err instanceof Error ? err.message : t("errors.fallback");
-  const sanitizedMessage = sanitizeErrorMessage(rawMessage);
-  setError({
-    title: "Error",
-    description: sanitizedMessage
-  });
-}
-var handleError = (err, setError, t) => {
-  if (isAuthError(err)) {
-    handleAuthError(err, setError, t);
-  } else {
-    handleGenericError(err, setError, t);
-  }
-};
-
-// src/components/auth/auth-layout.tsx
-import { jsx as jsx3, jsxs } from "react/jsx-runtime";
-var AuthLayout = ({
-  title,
-  description,
-  children,
-  footer,
-  logoImage
-}) => {
-  return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ jsx3("div", { className: "flex size-8 mb-6 w-full items-center justify-center rounded-md", children: /* @__PURE__ */ jsx3(
-      "img",
-      {
-        src: logoImage || "",
-        alt: title,
-        width: 42,
-        height: 42
-      }
-    ) }),
-    /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
-      /* @__PURE__ */ jsx3("h1", { className: "text-2xl font-bold tracking-tight", children: title }),
-      description && /* @__PURE__ */ jsx3("p", { className: "mt-2 text-sm text-muted-foreground", children: description })
-    ] }),
-    children,
-    footer && /* @__PURE__ */ jsx3("div", { className: "mt-2 w-full", children: /* @__PURE__ */ jsx3("div", { className: "w-full text-center text-sm text-muted-foreground", children: footer }) })
-  ] });
-};
-
-// src/components/auth/forgot-password.tsx
-import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
-
-// src/components/auth/reset-password-form.tsx
-import { zodResolver as zodResolver2 } from "@hookform/resolvers/zod";
-import {
-  Alert as Alert2,
-  AlertDescription as AlertDescription2,
-  AlertTitle as AlertTitle2,
-  Button as Button2,
-  Form as Form2,
-  FormControl as FormControl2,
-  FormField as FormField2,
-  FormItem as FormItem2,
-  FormLabel as FormLabel2,
-  FormMessage as FormMessage2,
-  Input as Input2,
-  InputOTP,
-  InputOTPGroup,
-  InputOTPSlot,
-  useFormField
-} from "@mesob/ui/components";
-import { useMesob as useMesob3 } from "@mesob/ui/providers";
-import { IconAlertCircle as IconAlertCircle2, IconEye, IconEyeOff } from "@tabler/icons-react";
-import { useEffect as useEffect2, useState as useState3 } from "react";
-import { useForm as useForm2 } from "react-hook-form";
-import { toast as toast2 } from "sonner";
-import { z as z2 } from "zod";
-import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
-
-// src/components/auth/set-password.tsx
-import { zodResolver as zodResolver3 } from "@hookform/resolvers/zod";
-import {
-  Alert as Alert3,
-  AlertDescription as AlertDescription3,
-  AlertTitle as AlertTitle3,
-  Button as Button3,
-  Form as Form3,
-  FormControl as FormControl3,
-  FormField as FormField3,
-  FormItem as FormItem3,
-  FormLabel as FormLabel3,
-  FormMessage as FormMessage3,
-  Input as Input3,
-  useFormField as useFormField2
-} from "@mesob/ui/components";
-import { useMesob as useMesob4 } from "@mesob/ui/providers";
-import { IconAlertCircle as IconAlertCircle3, IconEye as IconEye2, IconEyeOff as IconEyeOff2 } from "@tabler/icons-react";
-import { useEffect as useEffect3, useEffectEvent, useState as useState4 } from "react";
-import { useForm as useForm3 } from "react-hook-form";
-import { toast as toast3 } from "sonner";
-import { z as z3 } from "zod";
-
-// src/utils/normalize-phone.ts
-function normalizePhone(phone) {
-  const cleaned = phone.trim().replace(/\s/g, "");
-  if (cleaned.startsWith("+2519") || cleaned.startsWith("+2517")) {
-    return cleaned;
-  }
-  if (cleaned.startsWith("2519") || cleaned.startsWith("2517")) {
-    return `+${cleaned}`;
-  }
-  if (cleaned.startsWith("09") || cleaned.startsWith("07")) {
-    return `+251${cleaned.slice(1)}`;
-  }
-  if ((cleaned.startsWith("9") || cleaned.startsWith("7")) && cleaned.length === 9) {
-    return `+251${cleaned}`;
-  }
-  return cleaned;
-}
-
-// src/components/auth/set-password.tsx
-import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
-function PasswordInput({ field, show, onToggle }) {
-  const { formItemId, error } = useFormField2();
-  return /* @__PURE__ */ jsxs4("div", { className: "relative", children: [
-    /* @__PURE__ */ jsx6(
-      Input3,
-      {
-        ...field,
-        id: formItemId,
-        type: show ? "text" : "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 setPasswordSchema = (t) => z3.object({
-  password: z3.string().min(8, t("errors.passwordLength")).max(128, t("errors.longPasswordError")),
-  confirmPassword: z3.string()
-}).refine((data) => data.password === data.confirmPassword, {
-  message: t("errors.passwordsMismatch"),
-  path: ["confirmPassword"]
-});
-var getPhoneRegex = (phoneRegex) => {
-  if (typeof phoneRegex === "string") {
-    return new RegExp(phoneRegex);
-  }
-  return phoneRegex || /^(\+2519|\+2517|2519|2517|09|07)\d{8}$/;
-};
-var normalizeIdentifier = (identifier, phoneRegex) => {
-  const resolvedPhoneRegex = getPhoneRegex(phoneRegex);
-  return resolvedPhoneRegex.test(identifier) ? normalizePhone(identifier) : identifier;
-};
-var SetPassword = function SetPassword2({
-  identifier,
-  redirectUrl
-} = {}) {
-  const { hooks, setAuth } = useApi();
-  const { config } = useConfig();
-  const mesob = useMesob4();
-  const t = useTranslator("Auth.setPassword");
-  const Link = mesob?.navigation?.Link;
-  const [error, setError] = useState4(null);
-  const [isLoading, setIsLoading] = useState4(false);
-  const [isChecking, setIsChecking] = useState4(true);
-  const [showPassword, setShowPassword] = useState4(false);
-  const [showConfirmPassword, setShowConfirmPassword] = useState4(false);
-  const [account, setAccount] = useState4(null);
-  const checkAccountMutation = hooks.useMutation("post", "/check-account");
-  const setPasswordMutation = hooks.useMutation("post", "/password/set");
-  const onNavigate = config.navigation?.onNavigate || ((path) => {
-    if (typeof window !== "undefined") {
-      window.location.href = path;
-    }
-  });
-  const signInLink = config.navigation?.links?.signIn || "/auth/sign-in";
-  const logoImage = config.ui.logoImage;
-  const defaultRedirect = redirectUrl || config.navigation?.defaultRedirectUrl || "/";
-  const form = useForm3({
-    resolver: zodResolver3(setPasswordSchema(t)),
-    defaultValues: {
-      password: "",
-      confirmPassword: ""
-    }
-  });
-  useEffect3(() => {
-    if (error) {
-      toast3.error(error.title || "Error", {
-        description: error.description
-      });
-    }
-  }, [error]);
-  const loadAccount = useEffectEvent(async () => {
-    if (!identifier) {
-      setError({
-        title: t("errors.fallback"),
-        description: t("errors.missingIdentifier")
-      });
-      setIsChecking(false);
-      return;
-    }
-    try {
-      const normalizedIdentifier = normalizeIdentifier(
-        identifier,
-        config.phoneRegex
-      );
-      const res = await checkAccountMutation.mutateAsync({
-        body: { username: normalizedIdentifier }
-      });
-      if (!(res.exists && res.account && res.requiresPasswordSetup)) {
-        setError({
-          title: t("errors.fallback"),
-          description: t("errors.accountNotEligible")
-        });
-        setIsChecking(false);
-        return;
-      }
-      setAccount({
-        fullName: res.account.fullName,
-        email: res.account.email,
-        phone: res.account.phone
-      });
-    } catch {
-      setError({
-        title: t("errors.fallback"),
-        description: t("errors.accountLookupFailed")
-      });
-    } finally {
-      setIsChecking(false);
-    }
-  });
-  useEffect3(() => {
-    loadAccount().catch(() => {
-      setIsChecking(false);
-    });
-  }, [identifier]);
-  const handleSubmit = form.handleSubmit(async (values) => {
-    if (!identifier) {
-      return;
-    }
-    setIsLoading(true);
-    setError(null);
-    try {
-      const normalizedIdentifier = normalizeIdentifier(
-        identifier,
-        config.phoneRegex
-      );
-      const res = await setPasswordMutation.mutateAsync({
-        body: {
-          identifier: normalizedIdentifier,
-          password: values.password
-        }
-      });
-      if ("user" in res && "session" in res) {
-        setAuth(res);
-      }
-      onNavigate(defaultRedirect);
-    } catch (err) {
-      handleError(err, setError, t);
-    } finally {
-      setIsLoading(false);
-    }
-  });
-  const accountLabel = account?.email ? t("form.emailLabel") : t("form.phoneLabel");
-  const accountValue = account?.email || account?.phone || identifier || "";
-  let errorContent = null;
-  if (error) {
-    errorContent = typeof error === "string" ? { title: "Error", description: error } : error;
-  }
-  const showError = !isChecking && !!errorContent;
-  const errorAlert = showError && errorContent && /* @__PURE__ */ 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 })
-  ] });
-  return /* @__PURE__ */ jsxs4(
-    AuthLayout,
-    {
-      title: config.ui.name,
-      description: t("description"),
-      logoImage,
-      footer: /* @__PURE__ */ jsxs4("p", { children: [
-        t("footer.hasPassword"),
-        " ",
-        Link ? /* @__PURE__ */ jsx6(Link, { href: signInLink, className: "text-primary hover:underline", children: t("footer.signInCta") }) : /* @__PURE__ */ jsx6(
-          "a",
-          {
-            href: signInLink,
-            onClick: (e) => {
-              e.preventDefault();
-              onNavigate(signInLink);
-            },
-            className: "text-primary hover:underline",
-            children: t("footer.signInCta")
-          }
-        )
-      ] }),
-      children: [
-        /* @__PURE__ */ jsx6(Form3, { ...form, children: /* @__PURE__ */ jsxs4(
-          "form",
-          {
-            id: "set-password-form",
-            onSubmit: handleSubmit,
-            className: "space-y-4",
-            children: [
-              /* @__PURE__ */ jsxs4(FormItem3, { children: [
-                /* @__PURE__ */ jsx6(FormLabel3, { children: t("form.fullNameLabel") }),
-                /* @__PURE__ */ jsx6(FormControl3, { children: /* @__PURE__ */ jsx6(Input3, { value: account?.fullName || "", disabled: true }) })
-              ] }),
-              /* @__PURE__ */ jsxs4(FormItem3, { children: [
-                /* @__PURE__ */ jsx6(FormLabel3, { children: accountLabel }),
-                /* @__PURE__ */ jsx6(FormControl3, { children: /* @__PURE__ */ jsx6(Input3, { value: accountValue, 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(
-                      PasswordInput,
-                      {
-                        field,
-                        show: showPassword,
-                        onToggle: () => setShowPassword(!showPassword)
-                      }
-                    ),
-                    /* @__PURE__ */ jsx6(FormMessage3, {})
-                  ] })
-                }
-              ),
-              /* @__PURE__ */ jsx6(
-                FormField3,
-                {
-                  control: form.control,
-                  name: "confirmPassword",
-                  render: ({ field }) => /* @__PURE__ */ jsxs4(FormItem3, { children: [
-                    /* @__PURE__ */ jsx6(FormLabel3, { children: t("form.confirmPasswordLabel") }),
-                    /* @__PURE__ */ jsx6(
-                      PasswordInput,
-                      {
-                        field,
-                        show: showConfirmPassword,
-                        onToggle: () => setShowConfirmPassword(!showConfirmPassword)
-                      }
-                    ),
-                    /* @__PURE__ */ jsx6(FormMessage3, {})
-                  ] })
-                }
-              ),
-              /* @__PURE__ */ jsx6(
-                Button3,
-                {
-                  type: "submit",
-                  form: "set-password-form",
-                  className: "w-full",
-                  disabled: isChecking || !account || isLoading || setPasswordMutation.isPending,
-                  children: isLoading || setPasswordMutation.isPending ? t("form.submitting") : t("form.submit")
-                }
-              )
-            ]
-          }
-        ) }),
-        errorAlert
-      ]
-    }
-  );
-};
-
-// 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";
-
-// src/components/auth/verification-form.tsx
-import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
-
-// src/components/auth/verify-email.tsx
-import { Alert as Alert6, AlertDescription as AlertDescription6, AlertTitle as AlertTitle6 } from "@mesob/ui/components";
-import { useMesob as useMesob7 } from "@mesob/ui/providers";
-import { IconAlertCircle as IconAlertCircle6 } from "@tabler/icons-react";
-import { useEffect as useEffect7, useState as useState8 } from "react";
-import { toast as toast6 } from "sonner";
-import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
-
-// src/components/auth/verify-phone.tsx
-import { Alert as Alert7, AlertDescription as AlertDescription7, AlertTitle as AlertTitle7 } from "@mesob/ui/components";
-import { useMesob as useMesob8 } from "@mesob/ui/providers";
-import { IconAlertCircle as IconAlertCircle7 } from "@tabler/icons-react";
-import { useEffect as useEffect8, useState as useState9 } from "react";
-import { toast as toast7 } from "sonner";
-import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
-
-// src/components/authorization/deny.tsx
-import { deny as canDeny } from "@mesob/common";
-import { Fragment as Fragment2, jsx as jsx13 } from "react/jsx-runtime";
-
-// src/components/authorization/grant.tsx
-import { grant as canGrant } from "@mesob/common";
-import { Fragment as Fragment3, jsx as jsx14 } from "react/jsx-runtime";
-
-// src/components/error-boundary.tsx
-import { Button as Button7 } from "@mesob/ui/components";
-import { Component } from "react";
-import { jsx as jsx15, jsxs as jsxs11 } from "react/jsx-runtime";
-
-// src/components/iam/permission-selector.tsx
-import {
-  Badge,
-  EntitySelector,
-  useEntitySectionState
-} from "@mesob/ui/components";
-import { IconKey } from "@tabler/icons-react";
-import { jsx as jsx16, jsxs as jsxs12 } from "react/jsx-runtime";
-
-// src/components/iam/permissions.tsx
-import { Badge as Badge2, Button as Button8 } from "@mesob/ui/components";
-import { useState as useState10 } from "react";
-
-// src/components/shared/data-table.tsx
 import {
-  Table,
-  TableBody,
-  TableCell,
-  TableHead,
-  TableHeader,
-  TableRow
-} from "@mesob/ui/components";
-
-// src/components/skeletons/table-skeleton.tsx
-import { Skeleton } from "@mesob/ui/components";
-import { jsx as jsx17, jsxs as jsxs13 } from "react/jsx-runtime";
-
-// src/components/shared/data-table.tsx
-import { jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
-
-// src/components/iam/permissions.tsx
-import { jsx as jsx19, jsxs as jsxs15 } from "react/jsx-runtime";
-
-// src/components/iam/role-detail-layout.tsx
-import {
-  EntityDetailHeader,
-  EntityEmptyState,
-  PageContainer,
-  useBreadcrumbs
-} from "@mesob/ui/components";
-import { IconShield } from "@tabler/icons-react";
-import { useMemo as useMemo2 } from "react";
-import { jsx as jsx20, jsxs as jsxs16 } from "react/jsx-runtime";
-
-// src/components/iam/role-detail-page.tsx
-import { zodResolver as zodResolver7 } from "@hookform/resolvers/zod";
-import {
-  EntityFormActions,
-  Form as Form7,
-  FormControl as FormControl7,
-  FormField as FormField7,
-  FormItem as FormItem7,
-  FormLabel as FormLabel7,
-  FormMessage as FormMessage7,
-  Input as Input6,
-  LocaleInputText,
-  LocaleInputTextarea,
-  Section,
-  Skeleton as Skeleton2
-} from "@mesob/ui/components";
-import { useLocaleSchemas } from "@mesob/ui/providers";
-import { useQueryClient } from "@tanstack/react-query";
-import { useEffect as useEffect9, useMemo as useMemo3 } from "react";
-import { useForm as useForm7 } from "react-hook-form";
-import { toast as toast8 } from "sonner";
-import { z as z7 } from "zod";
-import { jsx as jsx21, jsxs as jsxs17 } from "react/jsx-runtime";
-
-// src/components/iam/role-permissions-page.tsx
-import {
-  Badge as Badge3,
-  Button as Button9,
-  DataTablePagination,
-  DeleteConfirmButton,
-  DisplayTable,
-  EntityEmptyState as EntityEmptyState2,
-  EntityFilter,
-  EntityHeader,
-  EntityLoadingState,
-  EntitySearch,
-  EntitySort,
-  EntityViewToggle,
-  PageBody,
-  Tbody,
-  Td,
-  Th,
-  Thead,
-  Tr,
-  useEntityPagination,
-  useEntityParams
-} from "@mesob/ui/components";
-import { IconKey as IconKey2, IconPlus, IconTrash } from "@tabler/icons-react";
-import { useQueryClient as useQueryClient2 } from "@tanstack/react-query";
-import { useMemo as useMemo4 } from "react";
-import { toast as toast9 } from "sonner";
-import { jsx as jsx22, jsxs as jsxs18 } from "react/jsx-runtime";
-
-// src/components/iam/roles.tsx
-import { Badge as Badge4, Button as Button10 } from "@mesob/ui/components";
-import { useLocale } from "next-intl";
-import { useState as useState11 } from "react";
-import { jsx as jsx23, jsxs as jsxs19 } from "react/jsx-runtime";
-
-// src/components/iam/sessions.tsx
-import { Button as Button11 } from "@mesob/ui/components";
-import { useState as useState12 } from "react";
-import { jsx as jsx24, jsxs as jsxs20 } from "react/jsx-runtime";
-
-// src/components/iam/tenants.tsx
-import { Badge as Badge5, Button as Button12 } from "@mesob/ui/components";
-import { useState as useState13 } from "react";
-import { jsx as jsx25, jsxs as jsxs21 } from "react/jsx-runtime";
-
-// src/components/iam/users.tsx
-import { Badge as Badge6, Button as Button13 } from "@mesob/ui/components";
-import { useState as useState14 } from "react";
-import { jsx as jsx26, jsxs as jsxs22 } from "react/jsx-runtime";
-
-// src/components/profile/account.tsx
-import { Badge as Badge8, Card as Card2, CardContent, Separator } from "@mesob/ui/components";
-
-// src/components/profile/change-profile.tsx
-import {
-  Avatar,
-  AvatarFallback,
-  AvatarImage,
-  Badge as Badge7,
-  Button as Button14
-} from "@mesob/ui/components";
-import { useState as useState15 } from "react";
-import { jsx as jsx27, jsxs as jsxs23 } from "react/jsx-runtime";
-
-// src/components/profile/account.tsx
-import { jsx as jsx28, jsxs as jsxs24 } from "react/jsx-runtime";
-
-// src/components/profile/security.tsx
-import { Badge as Badge9, Card as Card3, CardContent as CardContent2, Separator as Separator2 } from "@mesob/ui/components";
-
-// src/components/profile/change-email-form.tsx
-import {
-  Button as Button16,
-  Collapsible,
-  CollapsibleContent,
-  CollapsibleTrigger
-} from "@mesob/ui/components";
-import { IconChevronDown } from "@tabler/icons-react";
-import { useState as useState18 } from "react";
-
-// src/components/profile/request-change-email-form.tsx
-import { zodResolver as zodResolver8 } from "@hookform/resolvers/zod";
-import { Button as Button15, Input as Input7, Label, Spinner as Spinner2 } from "@mesob/ui/components";
-import { IconEye as IconEye5, IconEyeOff as IconEyeOff5 } from "@tabler/icons-react";
-import { useEffect as useEffect10, useState as useState16 } from "react";
-import { useForm as useForm8 } from "react-hook-form";
-import { toast as toast10 } from "sonner";
-import { z as z8 } from "zod";
-import { jsx as jsx29, jsxs as jsxs25 } from "react/jsx-runtime";
-var emailPasswordSchema = z8.object({
-  email: z8.string().email("Invalid email address"),
-  password: z8.string().min(8, "Password must be at least 8 characters").max(128, "Password too long")
-});
-
-// src/components/profile/verify-change-email-form.tsx
-import { useState as useState17 } from "react";
-import { toast as toast11 } from "sonner";
-
-// src/components/profile/otp-verification-modal.tsx
-import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogHeader,
-  DialogTitle
-} from "@mesob/ui/components";
-import { jsx as jsx30, jsxs as jsxs26 } from "react/jsx-runtime";
-
-// src/components/profile/verify-change-email-form.tsx
-import { jsx as jsx31 } from "react/jsx-runtime";
-
-// src/components/profile/change-email-form.tsx
-import { jsx as jsx32, jsxs as jsxs27 } from "react/jsx-runtime";
-
-// src/components/profile/change-password-form.tsx
-import { zodResolver as zodResolver9 } from "@hookform/resolvers/zod";
-import {
-  Button as Button17,
-  Collapsible as Collapsible2,
-  CollapsibleContent as CollapsibleContent2,
-  CollapsibleTrigger as CollapsibleTrigger2,
-  Input as Input8,
-  Label as Label2,
-  Spinner as Spinner3
-} from "@mesob/ui/components";
-import { IconChevronDown as IconChevronDown2, IconEye as IconEye6, IconEyeOff as IconEyeOff6 } from "@tabler/icons-react";
-import { useState as useState19 } from "react";
-import { useForm as useForm9 } from "react-hook-form";
-import { toast as toast12 } from "sonner";
-import { z as z9 } from "zod";
-import { jsx as jsx33, jsxs as jsxs28 } from "react/jsx-runtime";
-var changePasswordSchema = z9.object({
-  currentPassword: z9.string().min(8, "Password must be at least 8 characters"),
-  newPassword: z9.string().min(8, "Password must be at least 8 characters"),
-  confirmPassword: z9.string().min(8, "Password must be at least 8 characters")
-}).refine((data) => data.newPassword === data.confirmPassword, {
-  message: "Passwords don't match",
-  path: ["confirmPassword"]
-});
-
-// src/components/profile/change-phone-form.tsx
-import {
-  Button as Button19,
-  Collapsible as Collapsible3,
-  CollapsibleContent as CollapsibleContent3,
-  CollapsibleTrigger as CollapsibleTrigger3
-} from "@mesob/ui/components";
-import { IconChevronDown as IconChevronDown3 } from "@tabler/icons-react";
-import { useState as useState22 } from "react";
-
-// src/components/profile/request-change-phone-form.tsx
-import { zodResolver as zodResolver10 } from "@hookform/resolvers/zod";
-import { Button as Button18, Input as Input9, Label as Label3, Spinner as Spinner4 } from "@mesob/ui/components";
-import { IconEye as IconEye7, IconEyeOff as IconEyeOff7 } from "@tabler/icons-react";
-import { useEffect as useEffect11, useState as useState20 } from "react";
-import { useForm as useForm10 } from "react-hook-form";
-import { toast as toast13 } from "sonner";
-import { z as z10 } from "zod";
-import { jsx as jsx34, jsxs as jsxs29 } from "react/jsx-runtime";
-
-// src/components/profile/verify-change-phone-form.tsx
-import { useState as useState21 } from "react";
-import { toast as toast14 } from "sonner";
-import { jsx as jsx35 } from "react/jsx-runtime";
-
-// src/components/profile/change-phone-form.tsx
-import { jsx as jsx36, jsxs as jsxs30 } from "react/jsx-runtime";
-
-// src/components/profile/security.tsx
-import { jsx as jsx37, jsxs as jsxs31 } from "react/jsx-runtime";
-
-// src/components/skeletons/auth-form-skeleton.tsx
-import { Skeleton as Skeleton3 } from "@mesob/ui/components";
-import { jsx as jsx38, jsxs as jsxs32 } from "react/jsx-runtime";
-
-// src/components/skeletons/profile-skeleton.tsx
-import { Skeleton as Skeleton4 } from "@mesob/ui/components";
-import { jsx as jsx39, jsxs as jsxs33 } from "react/jsx-runtime";
+  SetPassword
+} from "../../chunk-HOO2VLNM.js";
+import "../../chunk-V2W3WPCZ.js";
+import "../../chunk-55BMNC4S.js";
+import "../../chunk-DPH2PHK3.js";
+import "../../chunk-QNCE2B5O.js";
+import "../../chunk-72YRO3A7.js";
 
 // src/pages/auth/set-password.tsx
-import { jsx as jsx40 } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 var metadata = {
   title: "Set password",
   description: "Set a password for your account."
@@ -937,7 +19,7 @@ async function SetPasswordPage({ searchParams }) {
   const redirectParam = params.redirect;
   const identifier = typeof identifierParam === "string" ? identifierParam : void 0;
   const redirectUrl = typeof redirectParam === "string" ? redirectParam : void 0;
-  return /* @__PURE__ */ jsx40(SetPassword, { identifier, redirectUrl });
+  return /* @__PURE__ */ jsx(SetPassword, { identifier, redirectUrl });
 }
 export {
   SetPasswordPage as default,