@mesob/auth-react 0.4.0 → 0.4.2

package/dist/pages/auth/layout.js

@@ -1,544 +1,21 @@
 "use client";
-
-// src/pages/auth/layout.tsx
-import { Spinner as Spinner5 } from "@mesob/ui/components";
-import { useEffect as useEffect12, useRef } from "react";
-
-// 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/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 useSession() {
-  const context = useContext(SessionContext);
-  if (!context) {
-    throw new Error("useSession 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/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/components/auth/auth-layout.tsx
-import { jsx as jsx3, jsxs } from "react/jsx-runtime";
-
-// 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";
-
-// 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
+  AuthCard
+} from "../../chunk-G2AW2H36.js";
 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";
+  useConfig,
+  useSession
+} from "../../chunk-72YRO3A7.js";
 
 // src/pages/auth/layout.tsx
-import { jsx as jsx40 } from "react/jsx-runtime";
-function AuthLayout2({ children }) {
+import { Spinner } from "@mesob/ui/components";
+import { useEffect, useRef } from "react";
+import { jsx } from "react/jsx-runtime";
+function AuthLayout({ children }) {
   const { isLoading, isAuthenticated } = useSession();
   const { config } = useConfig();
   const hasRedirected = useRef(false);
-  useEffect12(() => {
+  useEffect(() => {
     if (isAuthenticated && !hasRedirected.current) {
       hasRedirected.current = true;
       if (config.navigation?.onNavigate) {
@@ -549,14 +26,14 @@ function AuthLayout2({ children }) {
     }
   }, [config.navigation, isAuthenticated]);
   if (isLoading) {
-    return /* @__PURE__ */ jsx40("div", { className: "flex min-h-svh items-center justify-center", children: /* @__PURE__ */ jsx40(Spinner5, { className: "size-8" }) });
+    return /* @__PURE__ */ jsx("div", { className: "flex min-h-svh items-center justify-center", children: /* @__PURE__ */ jsx(Spinner, { className: "size-8" }) });
   }
   if (isAuthenticated) {
     return null;
   }
-  return /* @__PURE__ */ jsx40("div", { className: "bg-primary/5", children: /* @__PURE__ */ jsx40(AuthCard, { children }) });
+  return /* @__PURE__ */ jsx("div", { className: "bg-primary/5", children: /* @__PURE__ */ jsx(AuthCard, { children }) });
 }
 export {
-  AuthLayout2 as default
+  AuthLayout as default
 };
 //# sourceMappingURL=layout.js.map