@mesob/auth-react 0.4.0 → 0.4.2

package/dist/chunk-EQ4346FE.js

@@ -0,0 +1,139 @@
+import {
+  OtpVerificationModal
+} from "./chunk-KWG4DSB5.js";
+import {
+  useApi,
+  useSession
+} from "./chunk-72YRO3A7.js";
+
+// src/components/profile/verify-change-email-form.tsx
+import { useState } from "react";
+import { toast } from "sonner";
+import { jsx } from "react/jsx-runtime";
+function isAuthError(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 validCodes = [
+      "USER_NOT_FOUND",
+      "USER_EXISTS",
+      "INVALID_PASSWORD",
+      "VERIFICATION_EXPIRED",
+      "VERIFICATION_MISMATCH",
+      "VERIFICATION_NOT_FOUND",
+      "TOO_MANY_ATTEMPTS",
+      "UNAUTHORIZED"
+    ];
+    if (validCodes.includes(upperMessage)) {
+      return upperMessage;
+    }
+  }
+  return void 0;
+}
+function getErrorMessage(error) {
+  if (isAuthError(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 VerifyChangeEmailForm({
+  email,
+  verificationId,
+  onSuccess,
+  onCancel
+}) {
+  const { refresh } = useSession();
+  const { hooks } = useApi();
+  const [isSubmitting, setIsSubmitting] = useState(false);
+  const [currentVerificationId, setCurrentVerificationId] = useState(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) {
+      toast.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 }
+      });
+      toast.success("Email updated successfully");
+      await refresh();
+      onSuccess();
+    } catch (error) {
+      const errorMessage = getErrorMessage(error);
+      toast.error(errorMessage);
+    } finally {
+      setIsSubmitting(false);
+    }
+  };
+  if (!currentVerificationId) {
+    toast.error("Verification not found. Please request a new code.");
+    return null;
+  }
+  return /* @__PURE__ */ jsx(
+    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);
+          toast.success("Verification code resent");
+        } catch (error) {
+          toast.error(getErrorMessage(error));
+        } finally {
+          setIsSubmitting(false);
+        }
+      },
+      onCancel
+    }
+  );
+}
+
+export {
+  VerifyChangeEmailForm
+};
+//# sourceMappingURL=chunk-EQ4346FE.js.map

package/dist/chunk-EQ4346FE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/profile/verify-change-email-form.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { toast } from 'sonner';\nimport { useApi, useSession } from '../../provider';\nimport { OtpVerificationModal } from './otp-verification-modal';\n\ntype AuthErrorLike = {\n  code?: string;\n  message?: string;\n  name?: string;\n};\n\nfunction isAuthError(error: unknown): error is AuthErrorLike {\n  return (\n    typeof error === 'object' &&\n    error !== null &&\n    ('code' in error || 'message' in error || 'name' in error)\n  );\n}\n\nfunction getErrorCode(error: AuthErrorLike): string | undefined {\n  if (error.code) {\n    return error.code;\n  }\n  if (error.message) {\n    const upperMessage = error.message.toUpperCase().trim();\n    const validCodes = [\n      'USER_NOT_FOUND',\n      'USER_EXISTS',\n      'INVALID_PASSWORD',\n      'VERIFICATION_EXPIRED',\n      'VERIFICATION_MISMATCH',\n      'VERIFICATION_NOT_FOUND',\n      'TOO_MANY_ATTEMPTS',\n      'UNAUTHORIZED',\n    ];\n    if (validCodes.includes(upperMessage)) {\n      return upperMessage;\n    }\n  }\n  return undefined;\n}\n\nfunction getErrorMessage(error: unknown): string {\n  if (isAuthError(error)) {\n    const errorCode = getErrorCode(error);\n    switch (errorCode) {\n      case 'USER_EXISTS':\n        return 'This email is already taken. Please use a different email.';\n      case 'VERIFICATION_EXPIRED':\n        return 'Verification code has expired. Please request a new one.';\n      case 'VERIFICATION_MISMATCH':\n        return 'Invalid verification code. Please try again.';\n      case 'VERIFICATION_NOT_FOUND':\n        return 'Verification not found. Please request a new code.';\n      default:\n        return error.message || 'An error occurred. Please try again.';\n    }\n  }\n  if (error instanceof Error) {\n    return error.message;\n  }\n  return 'An error occurred. Please try again.';\n}\n\ntype VerifyChangeEmailFormProps = {\n  email: string;\n  verificationId: string | null;\n  onSuccess: () => void;\n  onCancel: () => void;\n};\n\nexport function VerifyChangeEmailForm({\n  email,\n  verificationId,\n  onSuccess,\n  onCancel,\n}: VerifyChangeEmailFormProps) {\n  const { refresh } = useSession();\n  const { hooks } = useApi();\n  const [isSubmitting, setIsSubmitting] = useState(false);\n  const [currentVerificationId, setCurrentVerificationId] =\n    useState(verificationId);\n\n  const verifyEmailMutation = hooks.useMutation(\n    'post',\n    '/email/verification/confirm',\n  );\n  const updateEmailMutation = hooks.useMutation('put', '/profile/email');\n  const requestEmailVerificationMutation = hooks.useMutation(\n    'post',\n    '/email/verification/request',\n  );\n\n  const onOtpSubmit = async (code: string) => {\n    if (!currentVerificationId) {\n      toast.error('Verification not found. Please request a new code.');\n      return;\n    }\n    try {\n      setIsSubmitting(true);\n\n      // Verify email\n      await verifyEmailMutation.mutateAsync({\n        body: {\n          verificationId: currentVerificationId,\n          code,\n        },\n      });\n\n      // Update email via auth client\n      await updateEmailMutation.mutateAsync({\n        body: { email },\n      });\n\n      toast.success('Email updated successfully');\n      await refresh();\n      onSuccess();\n    } catch (error) {\n      const errorMessage = getErrorMessage(error);\n      toast.error(errorMessage);\n    } finally {\n      setIsSubmitting(false);\n    }\n  };\n\n  if (!currentVerificationId) {\n    toast.error('Verification not found. Please request a new code.');\n    return null;\n  }\n\n  return (\n    <OtpVerificationModal\n      open\n      title=\"Verify email\"\n      description={`Enter the verification code sent to ${email}`}\n      verificationId={currentVerificationId}\n      isLoading={isSubmitting}\n      onSubmit={onOtpSubmit}\n      onResend={async () => {\n        try {\n          setIsSubmitting(true);\n          const next = await requestEmailVerificationMutation.mutateAsync({\n            body: { email },\n          });\n          setCurrentVerificationId(next.data?.verificationId ?? null);\n          toast.success('Verification code resent');\n        } catch (error) {\n          toast.error(getErrorMessage(error));\n        } finally {\n          setIsSubmitting(false);\n        }\n      }}\n      onCancel={onCancel}\n    />\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-FAHN63DA.js

@@ -0,0 +1,535 @@
+import {
+  str
+} from "./chunk-LNG736CV.js";
+import {
+  Link,
+  authApi$
+} from "./chunk-3BZC4VVD.js";
+import {
+  defaultEntityQueryOptions
+} from "./chunk-NPW7D2HZ.js";
+import {
+  useApi
+} from "./chunk-72YRO3A7.js";
+
+// src/components/iam/tenants-page.tsx
+import {
+  EntityDrawerTrigger,
+  EntityFilter,
+  EntityHeader,
+  EntitySearch,
+  EntitySort,
+  EntityViewToggle,
+  PageBody,
+  PageContainer,
+  useBreadcrumbs,
+  useEntityPagination,
+  useEntityParams
+} from "@mesob/ui/components";
+import { IconBuilding as IconBuilding2 } from "@tabler/icons-react";
+import { useState as useState3 } from "react";
+
+// src/pages/iam/tenants/_components/tenant-form.tsx
+import { zodResolver } from "@hookform/resolvers/zod";
+import {
+  EntityDrawer,
+  EntityFormActions,
+  Input,
+  Label,
+  Skeleton,
+  Textarea
+} from "@mesob/ui/components";
+import { useQueryClient } from "@tanstack/react-query";
+import { useEffect } from "react";
+import { useForm } from "react-hook-form";
+import { z } from "zod";
+import { jsx, jsxs } from "react/jsx-runtime";
+var schema = z.object({
+  id: z.string().min(1).max(30),
+  name: z.string().optional(),
+  description: z.string().optional(),
+  isActive: z.boolean()
+});
+var defaults = {
+  id: "",
+  name: "",
+  description: "",
+  isActive: true
+};
+function TenantForm({
+  mode,
+  tenantId,
+  open,
+  onClose,
+  onSuccess
+}) {
+  const qc = useQueryClient();
+  const { data, isLoading } = authApi$.useQuery(
+    "get",
+    "/tenants/{id}",
+    { params: { path: { id: tenantId ?? "" } } },
+    { enabled: mode === "edit" && !!tenantId }
+  );
+  const create = authApi$.useMutation("post", "/tenants", {
+    onSuccess: () => qc.invalidateQueries({ queryKey: ["get", "/tenants"] })
+  });
+  const update = authApi$.useMutation("put", "/tenants/{id}", {
+    onSuccess: () => {
+      qc.invalidateQueries({ queryKey: ["get", "/tenants"] });
+      if (tenantId) {
+        qc.invalidateQueries({ queryKey: ["get", "/tenants/{id}"] });
+      }
+    }
+  });
+  const del = authApi$.useMutation("delete", "/tenants/{id}", {
+    onSuccess: () => qc.invalidateQueries({ queryKey: ["get", "/tenants"] })
+  });
+  const form = useForm({
+    resolver: zodResolver(schema),
+    defaultValues: defaults
+  });
+  const { reset, formState, register } = form;
+  useEffect(() => {
+    if (!open) {
+      return;
+    }
+    if (mode === "edit" && data?.tenant && !isLoading) {
+      const t = data.tenant;
+      reset({
+        id: t.id,
+        name: str(t.name) || "",
+        description: str(t.description) || "",
+        isActive: t.isActive
+      });
+    } else {
+      reset(defaults);
+    }
+  }, [mode, data, open, isLoading, reset]);
+  const onSubmit = form.handleSubmit(async (d) => {
+    const body = {
+      id: d.id,
+      name: d.name || void 0,
+      description: d.description || void 0,
+      isActive: d.isActive
+    };
+    if (mode === "new") {
+      await create.mutateAsync({ body });
+    } else if (tenantId) {
+      await update.mutateAsync({
+        params: { path: { id: tenantId } },
+        body: {
+          name: d.name || void 0,
+          description: d.description || void 0,
+          isActive: d.isActive
+        }
+      });
+    }
+    onSuccess?.();
+    onClose();
+  });
+  const onDelete = async () => {
+    if (!tenantId) {
+      return;
+    }
+    await del.mutateAsync({ params: { path: { id: tenantId } } });
+    onSuccess?.();
+    onClose();
+  };
+  return /* @__PURE__ */ jsx(
+    EntityDrawer,
+    {
+      title: mode === "new" ? "New tenant" : "Edit tenant",
+      open,
+      onClose,
+      isDirty: formState.isDirty,
+      size: "md",
+      form: isLoading ? /* @__PURE__ */ jsx(FormSkeleton, {}) : /* @__PURE__ */ jsxs("form", { onSubmit, className: "space-y-4", children: [
+        /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsxs(Label, { htmlFor: "id", children: [
+            "ID ",
+            /* @__PURE__ */ jsx("span", { className: "text-destructive", children: "*" })
+          ] }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              id: "id",
+              placeholder: "e.g. acme",
+              ...register("id"),
+              disabled: mode === "edit"
+            }
+          ),
+          formState.errors.id && /* @__PURE__ */ jsx("p", { className: "text-sm text-destructive", children: formState.errors.id.message })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx(Label, { htmlFor: "name", children: "Name" }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              id: "name",
+              placeholder: "Display name",
+              ...register("name")
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx(Label, { htmlFor: "description", children: "Description" }),
+          /* @__PURE__ */ jsx(
+            Textarea,
+            {
+              id: "description",
+              placeholder: "Description",
+              rows: 3,
+              ...register("description")
+            }
+          )
+        ] }),
+        mode === "edit" && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "checkbox",
+              id: "isActive",
+              ...register("isActive", {
+                setValueAs: (v) => v === true || v === "on"
+              }),
+              className: "h-4 w-4"
+            }
+          ),
+          /* @__PURE__ */ jsx(Label, { htmlFor: "isActive", children: "Active" })
+        ] })
+      ] }),
+      actions: /* @__PURE__ */ jsx(
+        EntityFormActions,
+        {
+          mode,
+          onSubmit,
+          onReset: mode === "new" ? () => reset(defaults) : void 0,
+          onDelete: mode === "edit" ? onDelete : void 0,
+          isSubmitting: create.isPending || update.isPending,
+          isDeleting: del.isPending,
+          disabled: isLoading,
+          itemName: "tenant"
+        }
+      )
+    }
+  );
+}
+function FormSkeleton() {
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-12" }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-full" })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-16" }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-full" })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-24" }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-20 w-full" })
+    ] })
+  ] });
+}
+
+// src/pages/iam/tenants/_components/tenants-list.tsx
+import {
+  Badge as Badge2,
+  DataTableAction,
+  DataTablePagination,
+  DisplayTable,
+  EntityEmptyState,
+  EntityLoadingState,
+  Tbody,
+  Td,
+  Th,
+  Thead,
+  Tr
+} from "@mesob/ui/components";
+import { IconBuilding, IconCalendar } from "@tabler/icons-react";
+import { useState as useState2 } from "react";
+
+// src/pages/iam/tenants/_components/tenant-card.tsx
+import {
+  Badge,
+  Button,
+  Card,
+  CardContent,
+  CardHeader,
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuPortal,
+  DropdownMenuTrigger
+} from "@mesob/ui/components";
+import { IconDots, IconPencil } from "@tabler/icons-react";
+import { useState } from "react";
+import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function TenantCard({ tenant }) {
+  const [editOpen, setEditOpen] = useState(false);
+  return /* @__PURE__ */ jsxs2(Fragment, { children: [
+    /* @__PURE__ */ jsxs2(Card, { className: "group hover:shadow-md transition-shadow", children: [
+      /* @__PURE__ */ jsxs2(CardHeader, { className: "pb-2", children: [
+        /* @__PURE__ */ jsxs2("div", { className: "flex items-start justify-between", children: [
+          /* @__PURE__ */ jsx2(
+            Link,
+            {
+              href: `/iam/tenants/${tenant.id}`,
+              className: "text-left font-semibold hover:text-primary hover:underline",
+              children: str(tenant.name) || tenant.id
+            }
+          ),
+          /* @__PURE__ */ jsxs2(DropdownMenu, { children: [
+            /* @__PURE__ */ jsx2(
+              DropdownMenuTrigger,
+              {
+                render: /* @__PURE__ */ jsx2(
+                  Button,
+                  {
+                    variant: "ghost",
+                    size: "icon",
+                    className: "h-8 w-8 opacity-0 group-hover:opacity-100 transition-opacity"
+                  }
+                ),
+                children: /* @__PURE__ */ jsx2(IconDots, { className: "h-4 w-4" })
+              }
+            ),
+            /* @__PURE__ */ jsx2(DropdownMenuPortal, { children: /* @__PURE__ */ jsx2(DropdownMenuContent, { children: /* @__PURE__ */ jsxs2(DropdownMenuItem, { onClick: () => setEditOpen(true), children: [
+              /* @__PURE__ */ jsx2(IconPencil, { className: "mr-2 h-4 w-4" }),
+              "Edit"
+            ] }) }) })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx2("p", { className: "text-sm text-muted-foreground", children: tenant.id })
+      ] }),
+      /* @__PURE__ */ jsxs2(CardContent, { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx2(Badge, { variant: tenant.isActive ? "default" : "secondary", children: tenant.isActive ? "Active" : "Inactive" }),
+        str(tenant.description) ? /* @__PURE__ */ jsx2("p", { className: "text-sm text-muted-foreground line-clamp-2", children: str(tenant.description) }) : null,
+        /* @__PURE__ */ jsxs2("p", { className: "text-xs text-muted-foreground", children: [
+          "Created ",
+          new Date(tenant.createdAt).toLocaleDateString()
+        ] })
+      ] })
+    ] }),
+    editOpen ? /* @__PURE__ */ jsx2(
+      TenantForm,
+      {
+        mode: "edit",
+        tenantId: tenant.id,
+        open: editOpen,
+        onClose: () => setEditOpen(false)
+      }
+    ) : null
+  ] });
+}
+
+// src/pages/iam/tenants/_components/tenants-list.tsx
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var TABLE_COLUMN_COUNT = 5;
+function TenantsList({
+  data,
+  isLoading,
+  view,
+  pageIndex,
+  pageSize,
+  pageCount,
+  totalRows,
+  onPageChange,
+  onPageSizeChange,
+  onCreateNew
+}) {
+  const [editingTenantId, setEditingTenantId] = useState2(null);
+  if (isLoading) {
+    return /* @__PURE__ */ jsx3(
+      EntityLoadingState,
+      {
+        view,
+        rowCount: pageSize,
+        columnCount: TABLE_COLUMN_COUNT,
+        cardCount: pageSize
+      }
+    );
+  }
+  if (totalRows === 0) {
+    return /* @__PURE__ */ jsx3(
+      EntityEmptyState,
+      {
+        icon: IconBuilding,
+        entityName: "tenant",
+        title: "No tenants yet",
+        description: "Create your first tenant to get started.",
+        onAction: onCreateNew
+      }
+    );
+  }
+  if (view === "table") {
+    return /* @__PURE__ */ jsxs3("div", { className: "space-y-4", children: [
+      editingTenantId && /* @__PURE__ */ jsx3(
+        TenantForm,
+        {
+          mode: "edit",
+          tenantId: editingTenantId,
+          open: true,
+          onClose: () => setEditingTenantId(null)
+        }
+      ),
+      /* @__PURE__ */ jsxs3(DisplayTable, { withTableBorder: true, children: [
+        /* @__PURE__ */ jsx3(Thead, { children: /* @__PURE__ */ jsxs3(Tr, { children: [
+          /* @__PURE__ */ jsx3(Th, { children: "Tenant" }),
+          /* @__PURE__ */ jsx3(Th, { children: "Description" }),
+          /* @__PURE__ */ jsx3(Th, { children: "Status" }),
+          /* @__PURE__ */ jsx3(Th, { children: "Created" }),
+          /* @__PURE__ */ jsx3(Th, { className: "w-[50px]" })
+        ] }) }),
+        /* @__PURE__ */ jsx3(Tbody, { children: data.map((tenant) => /* @__PURE__ */ jsxs3(Tr, { className: "group", children: [
+          /* @__PURE__ */ jsx3(Td, { children: /* @__PURE__ */ jsxs3(
+            Link,
+            {
+              href: `/iam/tenants/${tenant.id}`,
+              className: "block text-left font-medium hover:text-primary hover:underline cursor-pointer",
+              children: [
+                /* @__PURE__ */ jsx3("p", { children: str(tenant.name) || tenant.id }),
+                /* @__PURE__ */ jsx3("p", { className: "text-sm text-muted-foreground", children: tenant.id })
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ jsx3(Td, { children: /* @__PURE__ */ jsx3("span", { className: "text-muted-foreground line-clamp-1 max-w-[200px]", children: str(tenant.description) || "\u2014" }) }),
+          /* @__PURE__ */ jsx3(Td, { children: /* @__PURE__ */ jsx3(Badge2, { variant: tenant.isActive ? "default" : "secondary", children: tenant.isActive ? "Active" : "Inactive" }) }),
+          /* @__PURE__ */ jsx3(Td, { children: /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-1 text-muted-foreground", children: [
+            /* @__PURE__ */ jsx3(IconCalendar, { className: "h-4 w-4" }),
+            new Date(tenant.createdAt).toLocaleDateString()
+          ] }) }),
+          /* @__PURE__ */ jsx3(Td, { children: /* @__PURE__ */ jsx3(
+            DataTableAction,
+            {
+              onClick: () => setEditingTenantId(tenant.id)
+            }
+          ) })
+        ] }, tenant.id)) })
+      ] }),
+      /* @__PURE__ */ jsx3(
+        DataTablePagination,
+        {
+          pageIndex,
+          pageSize,
+          pageCount,
+          totalRows,
+          onPageChange,
+          onPageSizeChange
+        }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ jsxs3("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsx3("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4", children: data.map((t) => /* @__PURE__ */ jsx3(TenantCard, { tenant: t }, t.id)) }),
+    /* @__PURE__ */ jsx3(
+      DataTablePagination,
+      {
+        pageIndex,
+        pageSize,
+        pageCount,
+        totalRows,
+        onPageChange,
+        onPageSizeChange
+      }
+    )
+  ] });
+}
+
+// src/components/iam/tenants-page.tsx
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+function TenantsPage() {
+  const { hooks } = useApi();
+  useBreadcrumbs({
+    items: [
+      { label: "Home", href: "/dashboard" },
+      { label: "IAM", href: "/iam/tenants" },
+      { label: "Tenants" }
+    ]
+  });
+  const [createOpen, setCreateOpen] = useState3(false);
+  const { queryConfig, params, setParams } = useEntityParams({
+    searchKey: "search"
+  });
+  const tenantsQuery = queryConfig;
+  const { data, error, isPending, isFetching } = hooks.useQuery(
+    "get",
+    "/tenants",
+    tenantsQuery,
+    defaultEntityQueryOptions
+  );
+  const isLoading = isPending || isFetching;
+  const tenants = data?.tenants ?? [];
+  const { total, pageCount } = useEntityPagination({
+    items: tenants,
+    total: data?.total,
+    pageSize: params.pageSize
+  });
+  const errorStatus = error?.status;
+  const hasAccessError = errorStatus === 401 || errorStatus === 403;
+  const hasError = Boolean(error) && !isLoading;
+  return /* @__PURE__ */ jsx4(PageContainer, { className: "flex flex-1 flex-col gap-4 p-4 pt-0", children: /* @__PURE__ */ jsxs4(PageBody, { className: "px-0", children: [
+    /* @__PURE__ */ jsx4(
+      EntityHeader,
+      {
+        icon: /* @__PURE__ */ jsx4(IconBuilding2, { className: "size-5" }),
+        title: "Tenants",
+        actions: hasAccessError ? null : /* @__PURE__ */ jsx4(
+          EntityDrawerTrigger,
+          {
+            mode: "new",
+            entity: "Tenant",
+            open: createOpen,
+            onOpenChange: setCreateOpen,
+            children: (open, onClose) => /* @__PURE__ */ jsx4(TenantForm, { mode: "new", open, onClose })
+          }
+        ),
+        search: hasAccessError ? null : /* @__PURE__ */ jsx4(EntitySearch, { paramKey: "search", placeholder: "Search tenants..." }),
+        filter: hasAccessError ? null : /* @__PURE__ */ jsx4(
+          EntityFilter,
+          {
+            options: [
+              { label: "All", value: "" },
+              { label: "Active", value: "isActive:true" },
+              { label: "Inactive", value: "isActive:false" }
+            ],
+            placeholder: "Filter"
+          }
+        ),
+        sort: hasAccessError ? null : /* @__PURE__ */ jsx4(
+          EntitySort,
+          {
+            options: [
+              { label: "Created", value: "createdAt" },
+              { label: "Updated", value: "updatedAt" },
+              { label: "Name", value: "name" }
+            ]
+          }
+        ),
+        view: hasAccessError ? null : /* @__PURE__ */ jsx4(EntityViewToggle, { views: ["table", "card"] })
+      }
+    ),
+    hasError ? /* @__PURE__ */ jsxs4("div", { className: "rounded-[1.75rem] border border-border/60 bg-muted/20 p-8", children: [
+      /* @__PURE__ */ jsx4("div", { className: "text-lg font-semibold", children: hasAccessError ? "Tenant access denied" : "Unable to load tenants" }),
+      /* @__PURE__ */ jsx4("p", { className: "mt-2 text-sm text-muted-foreground", children: hasAccessError ? "This account does not have permission to view or manage tenants." : "The tenants page returned an unexpected error. Retry after the API is healthy." })
+    ] }) : /* @__PURE__ */ jsx4(
+      TenantsList,
+      {
+        data: tenants,
+        isLoading,
+        view: params.view || "table",
+        pageIndex: params.page - 1,
+        pageSize: params.pageSize,
+        pageCount,
+        totalRows: total,
+        onCreateNew: () => setCreateOpen(true),
+        onPageChange: (p) => setParams({ page: p + 1 }),
+        onPageSizeChange: (size) => setParams({ pageSize: size, page: 1 })
+      }
+    )
+  ] }) });
+}
+
+export {
+  TenantsPage
+};
+//# sourceMappingURL=chunk-FAHN63DA.js.map