@mesob/auth-react 0.4.6 → 0.5.0

package/dist/chunk-MWMSZVH3.js

@@ -0,0 +1,601 @@
+import {
+  authApi$
+} from "./chunk-W3D4HG5W.js";
+import {
+  defaultEntityQueryOptions
+} from "./chunk-NPW7D2HZ.js";
+import {
+  IAMGuard
+} from "./chunk-V6ZHX4LT.js";
+import {
+  useApi,
+  useConfig
+} from "./chunk-AWSAC7RT.js";
+
+// src/components/iam/domains-page.tsx
+import {
+  EntityDrawerTrigger,
+  EntityHeader,
+  EntitySearch,
+  EntitySort,
+  EntityViewToggle,
+  PageBody,
+  PageContainer,
+  Select as Select2,
+  SelectContent as SelectContent2,
+  SelectItem as SelectItem2,
+  SelectTrigger as SelectTrigger2,
+  useBreadcrumbs,
+  useEntityPagination,
+  useEntityParams
+} from "@mesob/ui/components";
+import { IconWorld as IconWorld2 } from "@tabler/icons-react";
+import { useMemo, useState as useState3 } from "react";
+
+// src/pages/iam/domains/_components/domain-form.tsx
+import { zodResolver } from "@hookform/resolvers/zod";
+import {
+  Checkbox,
+  EntityDrawer,
+  EntityFormActions,
+  Form,
+  FormControl,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+  Input,
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  Skeleton,
+  Stack
+} 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 statusOptions = [
+  { value: "pending", label: "Pending" },
+  { value: "active", label: "Active" },
+  { value: "disabled", label: "Disabled" },
+  { value: "deleted", label: "Deleted" }
+];
+var schema = z.object({
+  domain: z.string().min(1, "Domain is required").regex(
+    /^[a-zA-Z0-9]([a-zA-Z0-9-]*[a-zA-Z0-9])?(\.[a-zA-Z0-9]([a-zA-Z0-9-]*[a-zA-Z0-9])?)+$/,
+    "Invalid domain format (e.g. example.com)"
+  ),
+  status: z.enum(["pending", "active", "disabled", "deleted"]),
+  isPrimary: z.boolean()
+});
+var defaults = {
+  domain: "",
+  status: "pending",
+  isPrimary: false
+};
+function DomainForm({
+  mode,
+  domainId,
+  open,
+  onClose,
+  onSuccess
+}) {
+  const qc = useQueryClient();
+  const { data, isLoading } = authApi$.useQuery(
+    "get",
+    "/domains/{id}",
+    { params: { path: { id: domainId ?? "" } } },
+    { enabled: mode === "edit" && !!domainId && open }
+  );
+  const domain = data?.domain;
+  const form = useForm({
+    resolver: zodResolver(schema),
+    defaultValues: defaults
+  });
+  const { control, formState, reset } = form;
+  useEffect(() => {
+    if (!open) {
+      return;
+    }
+    if (mode === "edit" && domain && !isLoading) {
+      reset({
+        domain: domain.domain,
+        status: domain.status?.toLowerCase() ?? "pending",
+        isPrimary: domain.isPrimary ?? false
+      });
+    } else {
+      reset(defaults);
+    }
+  }, [mode, domain, open, isLoading, reset]);
+  const create = authApi$.useMutation("post", "/domains", {
+    onSuccess: () => {
+      qc.invalidateQueries({ queryKey: ["get", "/domains"] });
+    }
+  });
+  const update = authApi$.useMutation("put", "/domains/{id}", {
+    onSuccess: () => {
+      qc.invalidateQueries({ queryKey: ["get", "/domains"] });
+      if (domainId) {
+        qc.invalidateQueries({ queryKey: ["get", "/domains/{id}"] });
+      }
+    }
+  });
+  const del = authApi$.useMutation("delete", "/domains/{id}", {
+    onSuccess: () => {
+      qc.invalidateQueries({ queryKey: ["get", "/domains"] });
+    }
+  });
+  const onSubmit = form.handleSubmit(async (d) => {
+    if (mode === "new") {
+      await create.mutateAsync({
+        body: {
+          domain: d.domain,
+          status: d.status,
+          isPrimary: d.isPrimary
+        }
+      });
+    } else if (domainId) {
+      await update.mutateAsync({
+        params: { path: { id: domainId } },
+        body: {
+          domain: d.domain,
+          status: d.status,
+          isPrimary: d.isPrimary
+        }
+      });
+    }
+    onSuccess?.();
+    onClose();
+  });
+  const onDelete = async () => {
+    if (!domainId) {
+      return;
+    }
+    await del.mutateAsync({ params: { path: { id: domainId } } });
+    onSuccess?.();
+    onClose();
+  };
+  const isSubmitting = create.isPending || update.isPending;
+  return /* @__PURE__ */ jsx(
+    EntityDrawer,
+    {
+      title: mode === "new" ? "New domain" : "Edit domain",
+      open,
+      onClose,
+      isDirty: formState.isDirty,
+      form: isLoading && mode === "edit" ? /* @__PURE__ */ jsx(FormSkeleton, {}) : /* @__PURE__ */ jsx(Form, { ...form, children: /* @__PURE__ */ jsx("form", { onSubmit, className: "space-y-6", children: /* @__PURE__ */ jsxs(Stack, { children: [
+        /* @__PURE__ */ jsx(
+          FormField,
+          {
+            control,
+            name: "domain",
+            render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
+              /* @__PURE__ */ jsxs(FormLabel, { children: [
+                "Domain ",
+                /* @__PURE__ */ jsx("span", { className: "text-destructive", children: "*" })
+              ] }),
+              /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(
+                Input,
+                {
+                  placeholder: "example.com",
+                  ...field,
+                  disabled: mode === "edit"
+                }
+              ) }),
+              /* @__PURE__ */ jsx(FormMessage, {})
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          FormField,
+          {
+            control,
+            name: "status",
+            render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
+              /* @__PURE__ */ jsx(FormLabel, { children: "Status" }),
+              /* @__PURE__ */ jsxs(
+                Select,
+                {
+                  value: field.value,
+                  onValueChange: (v) => field.onChange(v),
+                  children: [
+                    /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(SelectTrigger, { children: statusOptions.find((o) => o.value === field.value)?.label ?? field.value }) }),
+                    /* @__PURE__ */ jsx(SelectContent, { children: statusOptions.map((o) => /* @__PURE__ */ jsx(SelectItem, { value: o.value, children: o.label }, o.value)) })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsx(FormMessage, {})
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          FormField,
+          {
+            control,
+            name: "isPrimary",
+            render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { className: "flex flex-row items-center gap-2 space-y-0", children: [
+              /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(
+                Checkbox,
+                {
+                  size: "lg",
+                  checked: field.value,
+                  onCheckedChange: (c) => field.onChange(c === true)
+                }
+              ) }),
+              /* @__PURE__ */ jsx(FormLabel, { className: "cursor-pointer font-normal", children: "Primary domain" }),
+              /* @__PURE__ */ jsx(FormMessage, {})
+            ] })
+          }
+        )
+      ] }) }) }),
+      actions: /* @__PURE__ */ jsx(
+        EntityFormActions,
+        {
+          mode,
+          onSubmit,
+          onReset: mode === "new" ? () => reset(defaults) : void 0,
+          onDelete: mode === "edit" ? onDelete : void 0,
+          isSubmitting,
+          isDeleting: del.isPending,
+          disabled: isLoading && mode === "edit",
+          itemName: "domain"
+        }
+      )
+    }
+  );
+}
+function FormSkeleton() {
+  return /* @__PURE__ */ jsx("div", { className: "space-y-4", children: [1, 2, 3].map((i) => /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-20" }),
+    /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-full" })
+  ] }, i)) });
+}
+
+// src/pages/iam/domains/_components/domains-list.tsx
+import {
+  Badge as Badge2,
+  DataTableAction,
+  DataTablePagination,
+  DisplayTable,
+  EntityEmptyState,
+  EntityLoadingState,
+  Tbody,
+  Td,
+  Th,
+  Thead,
+  Tr
+} from "@mesob/ui/components";
+import { IconWorld } from "@tabler/icons-react";
+import { useState as useState2 } from "react";
+
+// src/pages/iam/domains/_components/domain-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 statusVariant(s) {
+  const v = s?.toLowerCase();
+  if (v === "active") {
+    return "default";
+  }
+  if (v === "pending") {
+    return "secondary";
+  }
+  if (v === "disabled" || v === "deleted") {
+    return "destructive";
+  }
+  return "outline";
+}
+function DomainCard({ domain }) {
+  const [editOpen, setEditOpen] = useState(false);
+  return /* @__PURE__ */ jsxs2(Fragment, { children: [
+    /* @__PURE__ */ jsxs2(Card, { className: "group hover:shadow-md transition-shadow", children: [
+      /* @__PURE__ */ jsx2(CardHeader, { className: "pb-2", children: /* @__PURE__ */ jsxs2("div", { className: "flex items-start justify-between gap-2", children: [
+        /* @__PURE__ */ jsx2("span", { className: "font-semibold truncate", children: domain.domain }),
+        /* @__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__ */ jsxs2(CardContent, { className: "space-y-2", children: [
+        /* @__PURE__ */ jsxs2("div", { className: "flex flex-wrap gap-1", children: [
+          /* @__PURE__ */ jsx2(Badge, { variant: statusVariant(domain.status), className: "text-xs", children: domain.status }),
+          domain.isPrimary && /* @__PURE__ */ jsx2(Badge, { variant: "outline", className: "text-xs", children: "Primary" })
+        ] }),
+        /* @__PURE__ */ jsxs2("p", { className: "text-xs text-muted-foreground", children: [
+          "Updated",
+          " ",
+          domain.updatedAt ? new Date(domain.updatedAt).toLocaleDateString() : "\u2014"
+        ] })
+      ] })
+    ] }),
+    editOpen && /* @__PURE__ */ jsx2(
+      DomainForm,
+      {
+        mode: "edit",
+        domainId: domain.id,
+        open: editOpen,
+        onClose: () => setEditOpen(false)
+      }
+    )
+  ] });
+}
+
+// src/pages/iam/domains/_components/domains-list.tsx
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var TABLE_COLUMN_COUNT = 5;
+function statusVariant2(s) {
+  const v = s?.toLowerCase();
+  if (v === "active") {
+    return "default";
+  }
+  if (v === "pending") {
+    return "secondary";
+  }
+  if (v === "disabled" || v === "deleted") {
+    return "destructive";
+  }
+  return "outline";
+}
+function DomainTableRow({
+  domain,
+  onEdit
+}) {
+  return /* @__PURE__ */ jsxs3(Tr, { className: "group", children: [
+    /* @__PURE__ */ jsx3(Td, { className: "font-medium", children: domain.domain }),
+    /* @__PURE__ */ jsx3(Td, { children: /* @__PURE__ */ jsx3(Badge2, { variant: statusVariant2(domain.status), className: "text-xs", children: domain.status }) }),
+    /* @__PURE__ */ jsx3(Td, { children: domain.isPrimary ? "Yes" : "No" }),
+    /* @__PURE__ */ jsx3(Td, { className: "text-muted-foreground text-sm", children: domain.updatedAt ? new Date(domain.updatedAt).toLocaleDateString() : "\u2014" }),
+    /* @__PURE__ */ jsx3(Td, { children: /* @__PURE__ */ jsx3(DataTableAction, { onClick: () => onEdit(domain.id) }) })
+  ] });
+}
+function DomainsList({
+  data,
+  isLoading,
+  view,
+  pageIndex,
+  pageSize,
+  pageCount,
+  totalRows,
+  onPageChange,
+  onPageSizeChange,
+  onCreateNew
+}) {
+  const [editingId, setEditingId] = 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: IconWorld,
+        entityName: "domain",
+        title: "No domains yet",
+        description: "Add your first domain to get started.",
+        actionLabel: "Add domain",
+        onAction: onCreateNew
+      }
+    );
+  }
+  if (view === "table") {
+    return /* @__PURE__ */ jsxs3("div", { className: "space-y-4", children: [
+      editingId && /* @__PURE__ */ jsx3(
+        DomainForm,
+        {
+          mode: "edit",
+          domainId: editingId,
+          open: true,
+          onClose: () => setEditingId(null)
+        }
+      ),
+      /* @__PURE__ */ jsxs3(DisplayTable, { withTableBorder: true, children: [
+        /* @__PURE__ */ jsx3(Thead, { children: /* @__PURE__ */ jsxs3(Tr, { children: [
+          /* @__PURE__ */ jsx3(Th, { children: "Domain" }),
+          /* @__PURE__ */ jsx3(Th, { children: "Status" }),
+          /* @__PURE__ */ jsx3(Th, { children: "Primary" }),
+          /* @__PURE__ */ jsx3(Th, { children: "Updated" }),
+          /* @__PURE__ */ jsx3(Th, { className: "w-[50px]" })
+        ] }) }),
+        /* @__PURE__ */ jsx3(Tbody, { children: data.map((d) => /* @__PURE__ */ jsx3(DomainTableRow, { domain: d, onEdit: setEditingId }, d.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((d) => /* @__PURE__ */ jsx3(DomainCard, { domain: d }, d.id)) }),
+    /* @__PURE__ */ jsx3(
+      DataTablePagination,
+      {
+        pageIndex,
+        pageSize,
+        pageCount,
+        totalRows,
+        onPageChange,
+        onPageSizeChange
+      }
+    )
+  ] });
+}
+
+// src/components/iam/domains-page.tsx
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+function DomainsPage() {
+  return /* @__PURE__ */ jsx4(IAMGuard, { children: /* @__PURE__ */ jsx4(DomainsPageContent, {}) });
+}
+function DomainsPageContent() {
+  const { hooks } = useApi();
+  const { config } = useConfig();
+  const homeHref = config.navigation?.defaultRedirectUrl || "/";
+  useBreadcrumbs({
+    items: [
+      { label: "Home", href: homeHref },
+      { label: "IAM", href: "/iam/users" },
+      { label: "Domains" }
+    ]
+  });
+  const [createOpen, setCreateOpen] = useState3(false);
+  const { params, setParams } = useEntityParams({
+    searchKey: "search",
+    searchParamName: "search"
+  });
+  const [statusFilter, setStatusFilter] = useState3("");
+  const domainsQuery = useMemo(
+    () => ({
+      params: {
+        query: {
+          page: params.page,
+          limit: params.pageSize,
+          ...statusFilter ? {
+            status: statusFilter
+          } : {}
+        }
+      }
+    }),
+    [params.page, params.pageSize, statusFilter]
+  );
+  const { data, isPending, isFetching } = hooks.useQuery(
+    "get",
+    "/domains",
+    domainsQuery,
+    defaultEntityQueryOptions
+  );
+  const isLoading = isPending || isFetching;
+  const domains = data?.domains ?? [];
+  const { total, pageCount } = useEntityPagination({
+    items: domains,
+    total: data?.total,
+    pageSize: params.pageSize
+  });
+  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(IconWorld2, { className: "h-5 w-5" }),
+        title: "Domains",
+        actions: /* @__PURE__ */ jsx4(
+          EntityDrawerTrigger,
+          {
+            mode: "new",
+            entity: "Domain",
+            label: "Add domain",
+            open: createOpen,
+            onOpenChange: setCreateOpen,
+            children: (open, onClose) => /* @__PURE__ */ jsx4(
+              DomainForm,
+              {
+                open,
+                onClose,
+                mode: "new",
+                onSuccess: () => setCreateOpen(false)
+              }
+            )
+          }
+        ),
+        search: /* @__PURE__ */ jsx4(EntitySearch, { paramKey: "search", placeholder: "Search domains..." }),
+        filter: /* @__PURE__ */ jsxs4(
+          Select2,
+          {
+            value: statusFilter || "all",
+            onValueChange: (v) => {
+              setStatusFilter(v === "all" || v == null ? "" : v);
+              setParams({ page: 1 });
+            },
+            children: [
+              /* @__PURE__ */ jsx4(SelectTrigger2, { className: "h-9 min-w-[120px] w-[120px]", children: /* @__PURE__ */ jsx4("span", { className: statusFilter ? "" : "text-muted-foreground", children: statusFilter ? statusFilter : "Status" }) }),
+              /* @__PURE__ */ jsxs4(SelectContent2, { children: [
+                /* @__PURE__ */ jsx4(SelectItem2, { value: "all", children: "All" }),
+                /* @__PURE__ */ jsx4(SelectItem2, { value: "pending", children: "Pending" }),
+                /* @__PURE__ */ jsx4(SelectItem2, { value: "active", children: "Active" }),
+                /* @__PURE__ */ jsx4(SelectItem2, { value: "disabled", children: "Disabled" }),
+                /* @__PURE__ */ jsx4(SelectItem2, { value: "deleted", children: "Deleted" })
+              ] })
+            ]
+          }
+        ),
+        sort: /* @__PURE__ */ jsx4(
+          EntitySort,
+          {
+            defaultSort: "updatedAt",
+            defaultOrder: "desc",
+            options: [
+              { label: "Domain", value: "domain" },
+              { label: "Status", value: "status" },
+              { label: "Updated", value: "updatedAt" },
+              { label: "Created", value: "createdAt" }
+            ]
+          }
+        ),
+        view: /* @__PURE__ */ jsx4(EntityViewToggle, { views: ["table", "card"] })
+      }
+    ),
+    /* @__PURE__ */ jsx4(
+      DomainsList,
+      {
+        data: domains,
+        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 {
+  DomainsPage
+};
+//# sourceMappingURL=chunk-MWMSZVH3.js.map

package/dist/chunk-MWMSZVH3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/iam/domains-page.tsx","../src/pages/iam/domains/_components/domain-form.tsx","../src/pages/iam/domains/_components/domains-list.tsx","../src/pages/iam/domains/_components/domain-card.tsx"],"sourcesContent":["'use client';\n\nimport {\n  EntityDrawerTrigger,\n  EntityHeader,\n  EntitySearch,\n  EntitySort,\n  EntityViewToggle,\n  PageBody,\n  PageContainer,\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  useBreadcrumbs,\n  useEntityPagination,\n  useEntityParams,\n} from '@mesob/ui/components';\nimport { IconWorld } from '@tabler/icons-react';\nimport { useMemo, useState } from 'react';\nimport type { paths } from '../../data/openapi';\nimport { defaultEntityQueryOptions } from '../../lib/query-options';\nimport { DomainForm } from '../../pages/iam/domains/_components/domain-form';\nimport { DomainsList } from '../../pages/iam/domains/_components/domains-list';\nimport { useApi, useConfig } from '../../provider';\nimport { IAMGuard } from './iam-guard';\n\nexport function DomainsPage() {\n  return (\n    <IAMGuard>\n      <DomainsPageContent />\n    </IAMGuard>\n  );\n}\n\nfunction DomainsPageContent() {\n  const { hooks } = useApi();\n  const { config } = useConfig();\n  const homeHref = config.navigation?.defaultRedirectUrl || '/';\n  useBreadcrumbs({\n    items: [\n      { label: 'Home', href: homeHref },\n      { label: 'IAM', href: '/iam/users' },\n      { label: 'Domains' },\n    ],\n  });\n  const [createOpen, setCreateOpen] = useState(false);\n\n  const { params, setParams } = useEntityParams({\n    searchKey: 'search',\n    searchParamName: 'search',\n  });\n  const [statusFilter, setStatusFilter] = useState<string>('');\n\n  const domainsQuery = useMemo(\n    () =>\n      ({\n        params: {\n          query: {\n            page: params.page,\n            limit: params.pageSize,\n            ...(statusFilter\n              ? {\n                  status: statusFilter as\n                    | 'pending'\n                    | 'active'\n                    | 'disabled'\n                    | 'deleted',\n                }\n              : {}),\n          },\n        },\n      }) as {\n        params: {\n          query: NonNullable<paths['/domains']['get']['parameters']['query']>;\n        };\n      },\n    [params.page, params.pageSize, statusFilter],\n  );\n\n  const { data, isPending, isFetching } = hooks.useQuery(\n    'get',\n    '/domains',\n    domainsQuery,\n    defaultEntityQueryOptions,\n  );\n\n  const isLoading = isPending || isFetching;\n  const domains = data?.domains ?? [];\n  const { total, pageCount } = useEntityPagination({\n    items: domains,\n    total: data?.total,\n    pageSize: params.pageSize,\n  });\n\n  return (\n    <PageContainer className=\"flex flex-1 flex-col gap-4 p-4 pt-0\">\n      <PageBody className=\"px-0\">\n        <EntityHeader\n          icon={<IconWorld className=\"h-5 w-5\" />}\n          title=\"Domains\"\n          actions={\n            <EntityDrawerTrigger\n              mode=\"new\"\n              entity=\"Domain\"\n              label=\"Add domain\"\n              open={createOpen}\n              onOpenChange={setCreateOpen}\n            >\n              {(open, onClose) => (\n                <DomainForm\n                  open={open}\n                  onClose={onClose}\n                  mode=\"new\"\n                  onSuccess={() => setCreateOpen(false)}\n                />\n              )}\n            </EntityDrawerTrigger>\n          }\n          search={\n            <EntitySearch paramKey=\"search\" placeholder=\"Search domains...\" />\n          }\n          filter={\n            <Select\n              value={statusFilter || 'all'}\n              onValueChange={(v) => {\n                setStatusFilter(v === 'all' || v == null ? '' : v);\n                setParams({ page: 1 });\n              }}\n            >\n              <SelectTrigger className=\"h-9 min-w-[120px] w-[120px]\">\n                <span className={statusFilter ? '' : 'text-muted-foreground'}>\n                  {statusFilter ? statusFilter : 'Status'}\n                </span>\n              </SelectTrigger>\n              <SelectContent>\n                <SelectItem value=\"all\">All</SelectItem>\n                <SelectItem value=\"pending\">Pending</SelectItem>\n                <SelectItem value=\"active\">Active</SelectItem>\n                <SelectItem value=\"disabled\">Disabled</SelectItem>\n                <SelectItem value=\"deleted\">Deleted</SelectItem>\n              </SelectContent>\n            </Select>\n          }\n          sort={\n            <EntitySort\n              defaultSort=\"updatedAt\"\n              defaultOrder=\"desc\"\n              options={[\n                { label: 'Domain', value: 'domain' },\n                { label: 'Status', value: 'status' },\n                { label: 'Updated', value: 'updatedAt' },\n                { label: 'Created', value: 'createdAt' },\n              ]}\n            />\n          }\n          view={<EntityViewToggle views={['table', 'card']} />}\n        />\n        <DomainsList\n          data={domains}\n          isLoading={isLoading}\n          view={(params.view || 'table') as 'table' | 'card'}\n          pageIndex={params.page - 1}\n          pageSize={params.pageSize}\n          pageCount={pageCount}\n          totalRows={total}\n          onCreateNew={() => setCreateOpen(true)}\n          onPageChange={(p) => setParams({ page: p + 1 })}\n          onPageSizeChange={(size) => setParams({ pageSize: size, page: 1 })}\n        />\n      </PageBody>\n    </PageContainer>\n  );\n}\n","'use client';\n\nimport { zodResolver } from '@hookform/resolvers/zod';\nimport {\n  Checkbox,\n  EntityDrawer,\n  EntityFormActions,\n  Form,\n  FormControl,\n  FormField,\n  FormItem,\n  FormLabel,\n  FormMessage,\n  Input,\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  Skeleton,\n  Stack,\n} from '@mesob/ui/components';\nimport { useQueryClient } from '@tanstack/react-query';\nimport { useEffect } from 'react';\nimport { useForm } from 'react-hook-form';\nimport { z } from 'zod';\nimport { authApi$ } from '../../shared/page-helpers';\n\nconst statusOptions = [\n  { value: 'pending', label: 'Pending' },\n  { value: 'active', label: 'Active' },\n  { value: 'disabled', label: 'Disabled' },\n  { value: 'deleted', label: 'Deleted' },\n] as const;\n\nconst schema = z.object({\n  domain: z\n    .string()\n    .min(1, 'Domain is required')\n    .regex(\n      /^[a-zA-Z0-9]([a-zA-Z0-9-]*[a-zA-Z0-9])?(\\.[a-zA-Z0-9]([a-zA-Z0-9-]*[a-zA-Z0-9])?)+$/,\n      'Invalid domain format (e.g. example.com)',\n    ),\n  status: z.enum(['pending', 'active', 'disabled', 'deleted']),\n  isPrimary: z.boolean(),\n});\n\ntype FormData = z.infer<typeof schema>;\n\nconst defaults: FormData = {\n  domain: '',\n  status: 'pending',\n  isPrimary: false,\n};\n\ntype DomainFormProps = {\n  mode: 'new' | 'edit';\n  domainId?: string;\n  open: boolean;\n  onClose: () => void;\n  onSuccess?: () => void;\n};\n\nexport function DomainForm({\n  mode,\n  domainId,\n  open,\n  onClose,\n  onSuccess,\n}: DomainFormProps) {\n  const qc = useQueryClient();\n  const { data, isLoading } = authApi$.useQuery(\n    'get',\n    '/domains/{id}',\n    { params: { path: { id: domainId ?? '' } } },\n    { enabled: mode === 'edit' && !!domainId && open },\n  );\n  const domain = data?.domain;\n\n  const form = useForm<FormData>({\n    resolver: zodResolver(schema),\n    defaultValues: defaults,\n  });\n  const { control, formState, reset } = form;\n\n  useEffect(() => {\n    if (!open) {\n      return;\n    }\n    if (mode === 'edit' && domain && !isLoading) {\n      reset({\n        domain: domain.domain,\n        status: (domain.status?.toLowerCase() ??\n          'pending') as FormData['status'],\n        isPrimary: domain.isPrimary ?? false,\n      });\n    } else {\n      reset(defaults);\n    }\n  }, [mode, domain, open, isLoading, reset]);\n\n  const create = authApi$.useMutation('post', '/domains', {\n    onSuccess: () => {\n      qc.invalidateQueries({ queryKey: ['get', '/domains'] });\n    },\n  });\n  const update = authApi$.useMutation('put', '/domains/{id}', {\n    onSuccess: () => {\n      qc.invalidateQueries({ queryKey: ['get', '/domains'] });\n      if (domainId) {\n        qc.invalidateQueries({ queryKey: ['get', '/domains/{id}'] });\n      }\n    },\n  });\n  const del = authApi$.useMutation('delete', '/domains/{id}', {\n    onSuccess: () => {\n      qc.invalidateQueries({ queryKey: ['get', '/domains'] });\n    },\n  });\n\n  const onSubmit = form.handleSubmit(async (d) => {\n    if (mode === 'new') {\n      await create.mutateAsync({\n        body: {\n          domain: d.domain,\n          status: d.status,\n          isPrimary: d.isPrimary,\n        },\n      });\n    } else if (domainId) {\n      await update.mutateAsync({\n        params: { path: { id: domainId } },\n        body: {\n          domain: d.domain,\n          status: d.status,\n          isPrimary: d.isPrimary,\n        },\n      });\n    }\n    onSuccess?.();\n    onClose();\n  });\n\n  const onDelete = async () => {\n    if (!domainId) {\n      return;\n    }\n    await del.mutateAsync({ params: { path: { id: domainId } } });\n    onSuccess?.();\n    onClose();\n  };\n\n  const isSubmitting = create.isPending || update.isPending;\n\n  return (\n    <EntityDrawer\n      title={mode === 'new' ? 'New domain' : 'Edit domain'}\n      open={open}\n      onClose={onClose}\n      isDirty={formState.isDirty}\n      form={\n        isLoading && mode === 'edit' ? (\n          <FormSkeleton />\n        ) : (\n          <Form {...form}>\n            <form onSubmit={onSubmit} className=\"space-y-6\">\n              <Stack>\n                <FormField\n                  control={control}\n                  name=\"domain\"\n                  render={({ field }) => (\n                    <FormItem>\n                      <FormLabel>\n                        Domain <span className=\"text-destructive\">*</span>\n                      </FormLabel>\n                      <FormControl>\n                        <Input\n                          placeholder=\"example.com\"\n                          {...field}\n                          disabled={mode === 'edit'}\n                        />\n                      </FormControl>\n                      <FormMessage />\n                    </FormItem>\n                  )}\n                />\n                <FormField\n                  control={control}\n                  name=\"status\"\n                  render={({ field }) => (\n                    <FormItem>\n                      <FormLabel>Status</FormLabel>\n                      <Select\n                        value={field.value}\n                        onValueChange={(v) =>\n                          field.onChange(v as FormData['status'])\n                        }\n                      >\n                        <FormControl>\n                          <SelectTrigger>\n                            {statusOptions.find((o) => o.value === field.value)\n                              ?.label ?? field.value}\n                          </SelectTrigger>\n                        </FormControl>\n                        <SelectContent>\n                          {statusOptions.map((o) => (\n                            <SelectItem key={o.value} value={o.value}>\n                              {o.label}\n                            </SelectItem>\n                          ))}\n                        </SelectContent>\n                      </Select>\n                      <FormMessage />\n                    </FormItem>\n                  )}\n                />\n                <FormField\n                  control={control}\n                  name=\"isPrimary\"\n                  render={({ field }) => (\n                    <FormItem className=\"flex flex-row items-center gap-2 space-y-0\">\n                      <FormControl>\n                        <Checkbox\n                          size=\"lg\"\n                          checked={field.value}\n                          onCheckedChange={(c) => field.onChange(c === true)}\n                        />\n                      </FormControl>\n                      <FormLabel className=\"cursor-pointer font-normal\">\n                        Primary domain\n                      </FormLabel>\n                      <FormMessage />\n                    </FormItem>\n                  )}\n                />\n              </Stack>\n            </form>\n          </Form>\n        )\n      }\n      actions={\n        <EntityFormActions\n          mode={mode}\n          onSubmit={onSubmit}\n          onReset={mode === 'new' ? () => reset(defaults) : undefined}\n          onDelete={mode === 'edit' ? onDelete : undefined}\n          isSubmitting={isSubmitting}\n          isDeleting={del.isPending}\n          disabled={isLoading && mode === 'edit'}\n          itemName=\"domain\"\n        />\n      }\n    />\n  );\n}\n\nfunction FormSkeleton() {\n  return (\n    <div className=\"space-y-4\">\n      {[1, 2, 3].map((i) => (\n        <div key={i} className=\"space-y-2\">\n          <Skeleton className=\"h-4 w-20\" />\n          <Skeleton className=\"h-10 w-full\" />\n        </div>\n      ))}\n    </div>\n  );\n}\n","'use client';\n\nimport {\n  Badge,\n  DataTableAction,\n  DataTablePagination,\n  DisplayTable,\n  EntityEmptyState,\n  EntityLoadingState,\n  Tbody,\n  Td,\n  Th,\n  Thead,\n  Tr,\n} from '@mesob/ui/components';\nimport { IconWorld } from '@tabler/icons-react';\nimport { useState } from 'react';\nimport { DomainCard } from './domain-card';\nimport { DomainForm } from './domain-form';\nimport type { Domain } from './domains-data';\n\nconst TABLE_COLUMN_COUNT = 5;\n\nfunction statusVariant(\n  s: string,\n): 'default' | 'secondary' | 'destructive' | 'outline' {\n  const v = s?.toLowerCase();\n  if (v === 'active') {\n    return 'default';\n  }\n  if (v === 'pending') {\n    return 'secondary';\n  }\n  if (v === 'disabled' || v === 'deleted') {\n    return 'destructive';\n  }\n  return 'outline';\n}\n\nfunction DomainTableRow({\n  domain,\n  onEdit,\n}: {\n  domain: Domain;\n  onEdit: (id: string) => void;\n}) {\n  return (\n    <Tr className=\"group\">\n      <Td className=\"font-medium\">{domain.domain}</Td>\n      <Td>\n        <Badge variant={statusVariant(domain.status)} className=\"text-xs\">\n          {domain.status}\n        </Badge>\n      </Td>\n      <Td>{domain.isPrimary ? 'Yes' : 'No'}</Td>\n      <Td className=\"text-muted-foreground text-sm\">\n        {domain.updatedAt\n          ? new Date(domain.updatedAt).toLocaleDateString()\n          : '—'}\n      </Td>\n      <Td>\n        <DataTableAction onClick={() => onEdit(domain.id)} />\n      </Td>\n    </Tr>\n  );\n}\n\ntype DomainsListProps = {\n  data: Domain[];\n  isLoading?: boolean;\n  view: 'table' | 'card';\n  pageIndex: number;\n  pageSize: number;\n  pageCount: number;\n  totalRows: number;\n  onPageChange: (page: number) => void;\n  onPageSizeChange: (size: number) => void;\n  onCreateNew?: () => void;\n};\n\nexport function DomainsList({\n  data,\n  isLoading,\n  view,\n  pageIndex,\n  pageSize,\n  pageCount,\n  totalRows,\n  onPageChange,\n  onPageSizeChange,\n  onCreateNew,\n}: DomainsListProps) {\n  const [editingId, setEditingId] = useState<string | null>(null);\n\n  if (isLoading) {\n    return (\n      <EntityLoadingState\n        view={view}\n        rowCount={pageSize}\n        columnCount={TABLE_COLUMN_COUNT}\n        cardCount={pageSize}\n      />\n    );\n  }\n  if (totalRows === 0) {\n    return (\n      <EntityEmptyState\n        icon={IconWorld}\n        entityName=\"domain\"\n        title=\"No domains yet\"\n        description=\"Add your first domain to get started.\"\n        actionLabel=\"Add domain\"\n        onAction={onCreateNew}\n      />\n    );\n  }\n  if (view === 'table') {\n    return (\n      <div className=\"space-y-4\">\n        {editingId && (\n          <DomainForm\n            mode=\"edit\"\n            domainId={editingId}\n            open\n            onClose={() => setEditingId(null)}\n          />\n        )}\n        <DisplayTable withTableBorder>\n          <Thead>\n            <Tr>\n              <Th>Domain</Th>\n              <Th>Status</Th>\n              <Th>Primary</Th>\n              <Th>Updated</Th>\n              <Th className=\"w-[50px]\" />\n            </Tr>\n          </Thead>\n          <Tbody>\n            {data.map((d) => (\n              <DomainTableRow key={d.id} domain={d} onEdit={setEditingId} />\n            ))}\n          </Tbody>\n        </DisplayTable>\n        <DataTablePagination\n          pageIndex={pageIndex}\n          pageSize={pageSize}\n          pageCount={pageCount}\n          totalRows={totalRows}\n          onPageChange={onPageChange}\n          onPageSizeChange={onPageSizeChange}\n        />\n      </div>\n    );\n  }\n  return (\n    <div className=\"space-y-4\">\n      <div className=\"grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4\">\n        {data.map((d) => (\n          <DomainCard key={d.id} domain={d} />\n        ))}\n      </div>\n      <DataTablePagination\n        pageIndex={pageIndex}\n        pageSize={pageSize}\n        pageCount={pageCount}\n        totalRows={totalRows}\n        onPageChange={onPageChange}\n        onPageSizeChange={onPageSizeChange}\n      />\n    </div>\n  );\n}\n","'use client';\n\nimport {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardHeader,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuPortal,\n  DropdownMenuTrigger,\n} from '@mesob/ui/components';\nimport { IconDots, IconPencil } from '@tabler/icons-react';\nimport { useState } from 'react';\nimport { DomainForm } from './domain-form';\nimport type { Domain } from './domains-data';\n\ntype DomainCardProps = { domain: Domain };\n\nfunction statusVariant(\n  s: string,\n): 'default' | 'secondary' | 'destructive' | 'outline' {\n  const v = s?.toLowerCase();\n  if (v === 'active') {\n    return 'default';\n  }\n  if (v === 'pending') {\n    return 'secondary';\n  }\n  if (v === 'disabled' || v === 'deleted') {\n    return 'destructive';\n  }\n  return 'outline';\n}\n\nexport function DomainCard({ domain }: DomainCardProps) {\n  const [editOpen, setEditOpen] = useState(false);\n  return (\n    <>\n      <Card className=\"group hover:shadow-md transition-shadow\">\n        <CardHeader className=\"pb-2\">\n          <div className=\"flex items-start justify-between gap-2\">\n            <span className=\"font-semibold truncate\">{domain.domain}</span>\n            <DropdownMenu>\n              <DropdownMenuTrigger\n                render={\n                  <Button\n                    variant=\"ghost\"\n                    size=\"icon\"\n                    className=\"h-8 w-8 opacity-0 group-hover:opacity-100 transition-opacity\"\n                  />\n                }\n              >\n                <IconDots className=\"h-4 w-4\" />\n              </DropdownMenuTrigger>\n              <DropdownMenuPortal>\n                <DropdownMenuContent>\n                  <DropdownMenuItem onClick={() => setEditOpen(true)}>\n                    <IconPencil className=\"mr-2 h-4 w-4\" />\n                    Edit\n                  </DropdownMenuItem>\n                </DropdownMenuContent>\n              </DropdownMenuPortal>\n            </DropdownMenu>\n          </div>\n        </CardHeader>\n        <CardContent className=\"space-y-2\">\n          <div className=\"flex flex-wrap gap-1\">\n            <Badge variant={statusVariant(domain.status)} className=\"text-xs\">\n              {domain.status}\n            </Badge>\n            {domain.isPrimary && (\n              <Badge variant=\"outline\" className=\"text-xs\">\n                Primary\n              </Badge>\n            )}\n          </div>\n          <p className=\"text-xs text-muted-foreground\">\n            Updated{' '}\n            {domain.updatedAt\n              ? new Date(domain.updatedAt).toLocaleDateString()\n              : '—'}\n          </p>\n        </CardContent>\n      </Card>\n      {editOpen && (\n        <DomainForm\n          mode=\"edit\"\n          domainId={domain.id}\n          open={editOpen}\n          onClose={() => setEditOpen(false)}\n        />\n      )}\n    </>\n  );\n}\n"],"mappings":"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","names":["Select","SelectContent","SelectItem","SelectTrigger","IconWorld","useState","Badge","useState","jsx","jsxs","jsx","jsxs","statusVariant","Badge","useState","jsx","jsxs","useState","IconWorld","Select","SelectTrigger","SelectContent","SelectItem"]}