@greatapps/greatauth-ui 0.3.7 → 0.3.9

package/dist/index.js

@@ -7,15 +7,15 @@ var { useSession, signIn, signUp, signOut } = authClient;
 import { NextResponse } from "next/server";
 function createAuthMiddleware(config) {
   const { publicPaths, preserveSearchParams = false } = config;
-  return function middleware(request) {
-    const { pathname, search } = request.nextUrl;
+  return function middleware(request2) {
+    const { pathname, search } = request2.nextUrl;
     if (publicPaths.some((path) => pathname.startsWith(path))) {
       return NextResponse.next();
     }
-    const sessionToken = request.cookies.get("better-auth.session_token")?.value || request.cookies.get("__Secure-better-auth.session_token")?.value;
+    const sessionToken = request2.cookies.get("better-auth.session_token")?.value || request2.cookies.get("__Secure-better-auth.session_token")?.value;
     if (!sessionToken) {
       const callbackUrl = preserveSearchParams ? pathname + search : pathname;
-      const loginUrl = new URL("/login", request.url);
+      const loginUrl = new URL("/login", request2.url);
       loginUrl.searchParams.set("callbackUrl", callbackUrl);
       return NextResponse.redirect(loginUrl);
     }
@@ -346,6 +346,16 @@ function SheetDescription({
 
 // src/components/ui/skeleton.tsx
 import { jsx as jsx6 } from "react/jsx-runtime";
+function Skeleton({ className, ...props }) {
+  return /* @__PURE__ */ jsx6(
+    "div",
+    {
+      "data-slot": "skeleton",
+      className: cn("bg-muted rounded-md animate-pulse", className),
+      ...props
+    }
+  );
+}
 
 // src/components/ui/sidebar.tsx
 import { jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
@@ -1797,10 +1807,927 @@ function ImageCropUpload({
     ] }) })
   ] });
 }
+
+// src/hooks/use-users.ts
+import { useQuery, useMutation, useQueryClient } from "@tanstack/react-query";
+function buildUrl(config, path) {
+  const lang = config.language || "pt-br";
+  const idWl = config.idWl || "1";
+  return `${config.gauthApiUrl}/v1/${lang}/${idWl}/accounts/${config.accountId}/${path}`;
+}
+async function request(url, token, options) {
+  const res = await fetch(url, {
+    headers: {
+      "Content-Type": "application/json",
+      Authorization: `Bearer ${token}`
+    },
+    ...options
+  });
+  if (!res.ok) {
+    let message = `HTTP ${res.status}`;
+    try {
+      const b = await res.json();
+      message = b.message || message;
+    } catch {
+    }
+    throw new Error(message);
+  }
+  const json = await res.json();
+  if (json.status === 0) throw new Error(json.message || "Opera\xE7\xE3o falhou");
+  return json;
+}
+function useUsers(config, params) {
+  return useQuery({
+    queryKey: ["greatauth", "users", config.accountId, params],
+    queryFn: () => {
+      const qs = params ? "?" + new URLSearchParams(params).toString() : "";
+      return request(buildUrl(config, `users${qs}`), config.token);
+    },
+    enabled: !!config.token && !!config.accountId,
+    select: (res) => ({ data: res.data || [], total: res.total || 0 })
+  });
+}
+function useCreateUser(config) {
+  const qc = useQueryClient();
+  return useMutation({
+    mutationFn: (data) => request(buildUrl(config, "users"), config.token, {
+      method: "POST",
+      body: JSON.stringify(data)
+    }),
+    onSuccess: () => qc.invalidateQueries({ queryKey: ["greatauth", "users"] })
+  });
+}
+function useUpdateUser(config) {
+  const qc = useQueryClient();
+  return useMutation({
+    mutationFn: ({ id, body }) => request(buildUrl(config, `users/${id}`), config.token, {
+      method: "PUT",
+      body: JSON.stringify(body)
+    }),
+    onSuccess: () => qc.invalidateQueries({ queryKey: ["greatauth", "users"] })
+  });
+}
+function useDeleteUser(config) {
+  const qc = useQueryClient();
+  return useMutation({
+    mutationFn: (id) => request(buildUrl(config, `users/${id}`), config.token, { method: "DELETE" }),
+    onSuccess: () => qc.invalidateQueries({ queryKey: ["greatauth", "users"] })
+  });
+}
+function useResetPassword(config) {
+  const qc = useQueryClient();
+  return useMutation({
+    mutationFn: (id) => request(buildUrl(config, `users/${id}/reset-password`), config.token, { method: "POST" }),
+    onSuccess: () => qc.invalidateQueries({ queryKey: ["greatauth", "users"] })
+  });
+}
+
+// src/components/users/users-page.tsx
+import { useMemo as useMemo3, useState as useState7 } from "react";
+
+// src/components/users/user-form-dialog.tsx
+import { useEffect as useEffect3, useState as useState5 } from "react";
+
+// src/components/ui/select.tsx
+import { Select as SelectPrimitive } from "radix-ui";
+import { ChevronsUpDown, Check as Check2, ChevronUp as ChevronUp2, ChevronDown } from "lucide-react";
+import { jsx as jsx23, jsxs as jsxs15 } from "react/jsx-runtime";
+function Select({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx23(SelectPrimitive.Root, { "data-slot": "select", ...props });
+}
+function SelectValue({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx23(SelectPrimitive.Value, { "data-slot": "select-value", ...props });
+}
+function SelectTrigger({
+  className,
+  size = "default",
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs15(
+    SelectPrimitive.Trigger,
+    {
+      "data-slot": "select-trigger",
+      "data-size": size,
+      className: cn(
+        "border-input data-placeholder:text-muted-foreground dark:bg-input/30 dark:hover:bg-input/50 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 gap-1.5 rounded-md border bg-transparent py-2 pr-2 pl-2.5 text-sm shadow-xs transition-[color,box-shadow] focus-visible:ring-3 aria-invalid:ring-3 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:gap-1.5 [&_svg:not([class*='size-'])]:size-4 flex w-fit items-center justify-between whitespace-nowrap outline-none disabled:cursor-not-allowed disabled:opacity-50 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center [&_svg]:pointer-events-none [&_svg]:shrink-0",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx23(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx23(ChevronsUpDown, { className: "text-muted-foreground size-4 pointer-events-none" }) })
+      ]
+    }
+  );
+}
+function SelectContent({
+  className,
+  children,
+  position = "item-aligned",
+  align = "center",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx23(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs15(
+    SelectPrimitive.Content,
+    {
+      "data-slot": "select-content",
+      "data-align-trigger": position === "item-aligned",
+      className: cn("bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 min-w-36 rounded-md shadow-md ring-1 duration-100 relative z-50 max-h-(--radix-select-content-available-height) origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto data-[align-trigger=true]:animate-none", position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", className),
+      position,
+      align,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx23(SelectScrollUpButton, {}),
+        /* @__PURE__ */ jsx23(
+          SelectPrimitive.Viewport,
+          {
+            "data-position": position,
+            className: cn(
+              "data-[position=popper]:h-(--radix-select-trigger-height) data-[position=popper]:w-full data-[position=popper]:min-w-(--radix-select-trigger-width)",
+              position === "popper" && ""
+            ),
+            children
+          }
+        ),
+        /* @__PURE__ */ jsx23(SelectScrollDownButton, {})
+      ]
+    }
+  ) });
+}
+function SelectItem({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs15(
+    SelectPrimitive.Item,
+    {
+      "data-slot": "select-item",
+      className: cn(
+        "focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2 relative flex w-full cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx23("span", { className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center", children: /* @__PURE__ */ jsx23(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx23(Check2, { className: "pointer-events-none" }) }) }),
+        /* @__PURE__ */ jsx23(SelectPrimitive.ItemText, { children })
+      ]
+    }
+  );
+}
+function SelectScrollUpButton({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx23(
+    SelectPrimitive.ScrollUpButton,
+    {
+      "data-slot": "select-scroll-up-button",
+      className: cn("bg-popover z-10 flex cursor-default items-center justify-center py-1 [&_svg:not([class*='size-'])]:size-4", className),
+      ...props,
+      children: /* @__PURE__ */ jsx23(ChevronUp2, {})
+    }
+  );
+}
+function SelectScrollDownButton({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx23(
+    SelectPrimitive.ScrollDownButton,
+    {
+      "data-slot": "select-scroll-down-button",
+      className: cn("bg-popover z-10 flex cursor-default items-center justify-center py-1 [&_svg:not([class*='size-'])]:size-4", className),
+      ...props,
+      children: /* @__PURE__ */ jsx23(ChevronDown, {})
+    }
+  );
+}
+
+// src/components/users/user-form-dialog.tsx
+import { Loader2 as Loader22 } from "lucide-react";
+import { toast as toast2 } from "sonner";
+import { jsx as jsx24, jsxs as jsxs16 } from "react/jsx-runtime";
+var PROFILE_OPTIONS = [
+  { value: "owner", label: "Propriet\xE1rio" },
+  { value: "admin", label: "Administrador" },
+  { value: "collaborator", label: "Colaborador" },
+  { value: "attendant", label: "Atendente" },
+  { value: "viewer", label: "Visualizador" }
+];
+function UserFormDialog({
+  open,
+  onOpenChange,
+  user,
+  config,
+  renderPhones
+}) {
+  const isEditing = !!user;
+  const createUser = useCreateUser(config);
+  const updateUser = useUpdateUser(config);
+  const [name, setName] = useState5("");
+  const [lastName, setLastName] = useState5("");
+  const [email, setEmail] = useState5("");
+  const [profile, setProfile] = useState5("collaborator");
+  const [password, setPassword] = useState5("");
+  const [photo, setPhoto] = useState5("");
+  useEffect3(() => {
+    if (user) {
+      setName(user.name || "");
+      setLastName(user.last_name || "");
+      setEmail(user.email || "");
+      setProfile(user.profile || "collaborator");
+      setPhoto(user.photo || "");
+    } else {
+      setName("");
+      setLastName("");
+      setEmail("");
+      setProfile("collaborator");
+      setPhoto("");
+    }
+    setPassword("");
+  }, [user, open]);
+  const isPending = createUser.isPending || updateUser.isPending;
+  async function handleSubmit(e) {
+    e.preventDefault();
+    if (!name.trim() || !email.trim()) return;
+    try {
+      if (isEditing) {
+        await updateUser.mutateAsync({
+          id: user.id,
+          body: {
+            name: name.trim(),
+            last_name: lastName.trim() || void 0,
+            email: email.trim(),
+            profile,
+            photo: photo || null
+          }
+        });
+        toast2.success("Usu\xE1rio atualizado");
+      } else {
+        await createUser.mutateAsync({
+          name: name.trim(),
+          last_name: lastName.trim() || void 0,
+          email: email.trim(),
+          profile,
+          password: password || void 0,
+          photo: photo || null
+        });
+        toast2.success("Usu\xE1rio criado");
+      }
+      onOpenChange(false);
+    } catch {
+      toast2.error(isEditing ? "Erro ao atualizar usu\xE1rio" : "Erro ao criar usu\xE1rio");
+    }
+  }
+  return /* @__PURE__ */ jsx24(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs16(DialogContent, { children: [
+    /* @__PURE__ */ jsx24(DialogHeader, { children: /* @__PURE__ */ jsx24(DialogTitle, { children: isEditing ? "Editar Usu\xE1rio" : "Novo Usu\xE1rio" }) }),
+    /* @__PURE__ */ jsxs16("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
+      /* @__PURE__ */ jsx24("div", { className: "flex justify-center", children: /* @__PURE__ */ jsx24(
+        ImageCropUpload,
+        {
+          value: photo || null,
+          onChange: setPhoto,
+          onRemove: () => setPhoto(""),
+          entityType: "users",
+          entityId: user?.id,
+          idAccount: Number(config.accountId) || 0,
+          name: `${name} ${lastName}`.trim() || null,
+          disabled: isPending
+        }
+      ) }),
+      /* @__PURE__ */ jsxs16("div", { className: "grid grid-cols-2 gap-4", children: [
+        /* @__PURE__ */ jsxs16("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx24(Label, { htmlFor: "user-name", children: "Nome *" }),
+          /* @__PURE__ */ jsx24(Input, { id: "user-name", value: name, onChange: (e) => setName(e.target.value), placeholder: "Nome", required: true, disabled: isPending })
+        ] }),
+        /* @__PURE__ */ jsxs16("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx24(Label, { htmlFor: "user-lastname", children: "Sobrenome" }),
+          /* @__PURE__ */ jsx24(Input, { id: "user-lastname", value: lastName, onChange: (e) => setLastName(e.target.value), placeholder: "Sobrenome", disabled: isPending })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs16("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx24(Label, { htmlFor: "user-email", children: "E-mail *" }),
+        /* @__PURE__ */ jsx24(Input, { id: "user-email", type: "email", value: email, onChange: (e) => setEmail(e.target.value), placeholder: "email@exemplo.com", required: true, disabled: isPending })
+      ] }),
+      !isEditing && /* @__PURE__ */ jsxs16("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx24(Label, { htmlFor: "user-password", children: "Senha" }),
+        /* @__PURE__ */ jsx24(Input, { id: "user-password", type: "password", value: password, onChange: (e) => setPassword(e.target.value), placeholder: "Senha inicial (opcional)", disabled: isPending })
+      ] }),
+      /* @__PURE__ */ jsxs16("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx24(Label, { children: "Perfil de acesso" }),
+        /* @__PURE__ */ jsxs16(Select, { value: profile, onValueChange: setProfile, disabled: isPending, children: [
+          /* @__PURE__ */ jsx24(SelectTrigger, { className: "w-full", children: /* @__PURE__ */ jsx24(SelectValue, {}) }),
+          /* @__PURE__ */ jsx24(SelectContent, { children: PROFILE_OPTIONS.map((opt) => /* @__PURE__ */ jsx24(SelectItem, { value: opt.value, children: opt.label }, opt.value)) })
+        ] })
+      ] }),
+      isEditing && renderPhones && /* @__PURE__ */ jsx24("div", { className: "border-t pt-4", children: renderPhones(user.id) }),
+      /* @__PURE__ */ jsxs16(DialogFooter, { children: [
+        /* @__PURE__ */ jsx24(Button, { type: "button", variant: "outline", onClick: () => onOpenChange(false), disabled: isPending, children: "Cancelar" }),
+        /* @__PURE__ */ jsxs16(Button, { type: "submit", disabled: isPending || !name.trim() || !email.trim(), children: [
+          isPending && /* @__PURE__ */ jsx24(Loader22, { className: "mr-2 h-4 w-4 animate-spin" }),
+          isEditing ? "Salvar" : "Criar"
+        ] })
+      ] })
+    ] })
+  ] }) });
+}
+
+// src/components/users/user-profile-badge.tsx
+import { jsx as jsx25 } from "react/jsx-runtime";
+var profileConfig = {
+  owner: { label: "Propriet\xE1rio", className: "bg-purple-100 text-purple-800 dark:bg-purple-900 dark:text-purple-200" },
+  proprietario: { label: "Propriet\xE1rio", className: "bg-purple-100 text-purple-800 dark:bg-purple-900 dark:text-purple-200" },
+  admin: { label: "Administrador", className: "bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-200" },
+  administrador: { label: "Administrador", className: "bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-200" },
+  manager: { label: "Gerente", className: "bg-teal-100 text-teal-800 dark:bg-teal-900 dark:text-teal-200" },
+  gerente: { label: "Gerente", className: "bg-teal-100 text-teal-800 dark:bg-teal-900 dark:text-teal-200" },
+  supervisor: { label: "Supervisor", className: "bg-orange-100 text-orange-800 dark:bg-orange-900 dark:text-orange-200" },
+  collaborator: { label: "Colaborador", className: "bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-200" },
+  colaborador: { label: "Colaborador", className: "bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-200" },
+  attendant: { label: "Atendente", className: "bg-amber-100 text-amber-800 dark:bg-amber-900 dark:text-amber-200" },
+  viewer: { label: "Visualizador", className: "bg-gray-100 text-gray-800 dark:bg-gray-800 dark:text-gray-200" }
+};
+function UserProfileBadge({ profile }) {
+  const config = profileConfig[profile] || { label: profile, className: "" };
+  return /* @__PURE__ */ jsx25(Badge, { variant: "secondary", className: config.className, children: config.label });
+}
+
+// src/components/users/data-table.tsx
+import {
+  flexRender,
+  getCoreRowModel,
+  getSortedRowModel,
+  useReactTable
+} from "@tanstack/react-table";
+import { useState as useState6 } from "react";
+
+// src/components/ui/table.tsx
+import { jsx as jsx26 } from "react/jsx-runtime";
+function Table({ className, ...props }) {
+  return /* @__PURE__ */ jsx26("div", { "data-slot": "table-container", className: "relative w-full overflow-x-auto", children: /* @__PURE__ */ jsx26(
+    "table",
+    {
+      "data-slot": "table",
+      className: cn("w-full caption-bottom text-sm", className),
+      ...props
+    }
+  ) });
+}
+function TableHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx26(
+    "thead",
+    {
+      "data-slot": "table-header",
+      className: cn("[&_tr]:border-b", className),
+      ...props
+    }
+  );
+}
+function TableBody({ className, ...props }) {
+  return /* @__PURE__ */ jsx26(
+    "tbody",
+    {
+      "data-slot": "table-body",
+      className: cn("[&_tr:last-child]:border-0", className),
+      ...props
+    }
+  );
+}
+function TableRow({ className, ...props }) {
+  return /* @__PURE__ */ jsx26(
+    "tr",
+    {
+      "data-slot": "table-row",
+      className: cn("hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors", className),
+      ...props
+    }
+  );
+}
+function TableHead({ className, ...props }) {
+  return /* @__PURE__ */ jsx26(
+    "th",
+    {
+      "data-slot": "table-head",
+      className: cn("text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0", className),
+      ...props
+    }
+  );
+}
+function TableCell({ className, ...props }) {
+  return /* @__PURE__ */ jsx26(
+    "td",
+    {
+      "data-slot": "table-cell",
+      className: cn("p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0", className),
+      ...props
+    }
+  );
+}
+
+// src/components/users/data-table.tsx
+import { ChevronLeft, ChevronRight as ChevronRight4, ArrowUp, ArrowDown, ArrowUpDown } from "lucide-react";
+import { jsx as jsx27, jsxs as jsxs17 } from "react/jsx-runtime";
+function DataTable({
+  columns,
+  data,
+  isLoading,
+  emptyMessage = "Nenhum registro encontrado",
+  total,
+  page = 1,
+  onPageChange,
+  pageSize = 15,
+  onRowClick,
+  selectedRowId,
+  getRowId,
+  compact
+}) {
+  const [sorting, setSorting] = useState6([]);
+  const table = useReactTable({
+    data,
+    columns,
+    getCoreRowModel: getCoreRowModel(),
+    getSortedRowModel: getSortedRowModel(),
+    onSortingChange: setSorting,
+    state: { sorting }
+  });
+  const totalPages = total ? Math.ceil(total / pageSize) : 1;
+  const showPagination = onPageChange && total && total > pageSize;
+  return /* @__PURE__ */ jsxs17("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsx27("div", { className: "rounded-md border", children: /* @__PURE__ */ jsxs17(Table, { children: [
+      /* @__PURE__ */ jsx27(TableHeader, { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx27(TableRow, { children: headerGroup.headers.map((header) => /* @__PURE__ */ jsx27(
+        TableHead,
+        {
+          className: cn(compact && "py-1.5 text-xs"),
+          style: { width: header.getSize() !== 150 ? header.getSize() : void 0 },
+          children: header.isPlaceholder ? null : header.column.getCanSort() ? /* @__PURE__ */ jsxs17(
+            "button",
+            {
+              type: "button",
+              className: "flex items-center gap-1 hover:text-foreground -ml-1 px-1 py-0.5 rounded cursor-pointer select-none",
+              onClick: header.column.getToggleSortingHandler(),
+              children: [
+                flexRender(header.column.columnDef.header, header.getContext()),
+                {
+                  asc: /* @__PURE__ */ jsx27(ArrowUp, { className: "h-3.5 w-3.5" }),
+                  desc: /* @__PURE__ */ jsx27(ArrowDown, { className: "h-3.5 w-3.5" })
+                }[header.column.getIsSorted()] ?? /* @__PURE__ */ jsx27(ArrowUpDown, { className: "h-3.5 w-3.5 text-muted-foreground/50" })
+              ]
+            }
+          ) : flexRender(header.column.columnDef.header, header.getContext())
+        },
+        header.id
+      )) }, headerGroup.id)) }),
+      /* @__PURE__ */ jsx27(TableBody, { children: isLoading ? Array.from({ length: compact ? 3 : 5 }).map((_, i) => /* @__PURE__ */ jsx27(TableRow, { children: columns.map((_2, j) => /* @__PURE__ */ jsx27(TableCell, { className: cn(compact && "py-1.5"), children: /* @__PURE__ */ jsx27(Skeleton, { className: "h-4 w-full max-w-[120px]" }) }, j)) }, i)) : table.getRowModel().rows.length === 0 ? /* @__PURE__ */ jsx27(TableRow, { children: /* @__PURE__ */ jsx27(
+        TableCell,
+        {
+          colSpan: columns.length,
+          className: cn(
+            "text-center text-muted-foreground",
+            compact ? "py-4" : "py-8"
+          ),
+          children: emptyMessage
+        }
+      ) }) : table.getRowModel().rows.map((row) => {
+        const rowId = getRowId ? getRowId(row.original) : void 0;
+        const isSelected = selectedRowId != null && rowId != null && rowId === selectedRowId;
+        return /* @__PURE__ */ jsx27(
+          TableRow,
+          {
+            className: cn(
+              onRowClick && "cursor-pointer",
+              isSelected && "bg-accent"
+            ),
+            onClick: () => onRowClick?.(row.original),
+            children: row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx27(TableCell, { className: cn(compact && "py-1.5"), children: flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id))
+          },
+          row.id
+        );
+      }) })
+    ] }) }),
+    showPagination && /* @__PURE__ */ jsxs17("div", { className: "flex items-center justify-between px-2", children: [
+      /* @__PURE__ */ jsxs17("p", { className: "text-sm text-muted-foreground", children: [
+        total,
+        " registro",
+        total !== 1 ? "s" : ""
+      ] }),
+      /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxs17(
+          Button,
+          {
+            variant: "outline",
+            size: "sm",
+            onClick: () => onPageChange(page - 1),
+            disabled: page <= 1,
+            children: [
+              /* @__PURE__ */ jsx27(ChevronLeft, { className: "h-4 w-4" }),
+              "Anterior"
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs17("span", { className: "text-sm text-muted-foreground", children: [
+          page,
+          " de ",
+          totalPages
+        ] }),
+        /* @__PURE__ */ jsxs17(
+          Button,
+          {
+            variant: "outline",
+            size: "sm",
+            onClick: () => onPageChange(page + 1),
+            disabled: page >= totalPages,
+            children: [
+              "Pr\xF3ximo",
+              /* @__PURE__ */ jsx27(ChevronRight4, { className: "h-4 w-4" })
+            ]
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+
+// src/components/ui/alert-dialog.tsx
+import { AlertDialog as AlertDialogPrimitive } from "radix-ui";
+import { jsx as jsx28, jsxs as jsxs18 } from "react/jsx-runtime";
+function AlertDialog({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx28(AlertDialogPrimitive.Root, { "data-slot": "alert-dialog", ...props });
+}
+function AlertDialogPortal({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx28(AlertDialogPrimitive.Portal, { "data-slot": "alert-dialog-portal", ...props });
+}
+function AlertDialogOverlay({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx28(
+    AlertDialogPrimitive.Overlay,
+    {
+      "data-slot": "alert-dialog-overlay",
+      className: cn("data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs fixed inset-0 z-50", className),
+      ...props
+    }
+  );
+}
+function AlertDialogContent({
+  className,
+  size = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs18(AlertDialogPortal, { children: [
+    /* @__PURE__ */ jsx28(AlertDialogOverlay, {}),
+    /* @__PURE__ */ jsx28(
+      AlertDialogPrimitive.Content,
+      {
+        "data-slot": "alert-dialog-content",
+        "data-size": size,
+        className: cn(
+          "data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 bg-background ring-foreground/10 gap-6 rounded-xl p-6 ring-1 duration-100 data-[size=default]:max-w-xs data-[size=sm]:max-w-xs data-[size=default]:sm:max-w-lg group/alert-dialog-content fixed top-1/2 left-1/2 z-50 grid w-full -translate-x-1/2 -translate-y-1/2 outline-none",
+          className
+        ),
+        ...props
+      }
+    )
+  ] });
+}
+function AlertDialogHeader({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx28(
+    "div",
+    {
+      "data-slot": "alert-dialog-header",
+      className: cn("grid grid-rows-[auto_1fr] place-items-center gap-1.5 text-center has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-data-[slot=alert-dialog-media]:gap-x-6 sm:group-data-[size=default]/alert-dialog-content:place-items-start sm:group-data-[size=default]/alert-dialog-content:text-left sm:group-data-[size=default]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]", className),
+      ...props
+    }
+  );
+}
+function AlertDialogFooter({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx28(
+    "div",
+    {
+      "data-slot": "alert-dialog-footer",
+      className: cn(
+        "flex flex-col-reverse gap-2 group-data-[size=sm]/alert-dialog-content:grid group-data-[size=sm]/alert-dialog-content:grid-cols-2 sm:flex-row sm:justify-end",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AlertDialogTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx28(
+    AlertDialogPrimitive.Title,
+    {
+      "data-slot": "alert-dialog-title",
+      className: cn("text-lg font-medium sm:group-data-[size=default]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2", className),
+      ...props
+    }
+  );
+}
+function AlertDialogDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx28(
+    AlertDialogPrimitive.Description,
+    {
+      "data-slot": "alert-dialog-description",
+      className: cn("text-muted-foreground *:[a]:hover:text-foreground text-sm text-balance md:text-pretty *:[a]:underline *:[a]:underline-offset-3", className),
+      ...props
+    }
+  );
+}
+function AlertDialogAction({
+  className,
+  variant = "default",
+  size = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx28(Button, { variant, size, asChild: true, children: /* @__PURE__ */ jsx28(
+    AlertDialogPrimitive.Action,
+    {
+      "data-slot": "alert-dialog-action",
+      className: cn(className),
+      ...props
+    }
+  ) });
+}
+function AlertDialogCancel({
+  className,
+  variant = "outline",
+  size = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx28(Button, { variant, size, asChild: true, children: /* @__PURE__ */ jsx28(
+    AlertDialogPrimitive.Cancel,
+    {
+      "data-slot": "alert-dialog-cancel",
+      className: cn(className),
+      ...props
+    }
+  ) });
+}
+
+// src/components/users/users-page.tsx
+import { Pencil, Trash2 as Trash22, Search, Forward, Plus } from "lucide-react";
+import { format } from "date-fns";
+import { ptBR } from "date-fns/locale";
+import { toast as toast3 } from "sonner";
+import { jsx as jsx29, jsxs as jsxs19 } from "react/jsx-runtime";
+var PAGE_SIZE = 15;
+var PROFILE_FILTER_OPTIONS = [
+  { value: "all", label: "Todos os perfis" },
+  { value: "owner", label: "Propriet\xE1rio" },
+  { value: "admin", label: "Administrador" },
+  { value: "collaborator", label: "Colaborador" },
+  { value: "attendant", label: "Atendente" },
+  { value: "viewer", label: "Visualizador" }
+];
+function useColumns(onEdit, onDelete, onResetPassword) {
+  return [
+    {
+      accessorKey: "name",
+      header: "Nome",
+      cell: ({ row }) => /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx29(
+          EntityAvatar,
+          {
+            photo: row.original.photo,
+            name: `${row.original.name} ${row.original.last_name}`.trim(),
+            size: "sm"
+          }
+        ),
+        /* @__PURE__ */ jsxs19("span", { className: "font-medium", children: [
+          row.original.name,
+          " ",
+          row.original.last_name
+        ] })
+      ] }),
+      sortingFn: (rowA, rowB) => {
+        const a = `${rowA.original.name} ${rowA.original.last_name}`.toLowerCase();
+        const b = `${rowB.original.name} ${rowB.original.last_name}`.toLowerCase();
+        return a.localeCompare(b);
+      }
+    },
+    {
+      accessorKey: "email",
+      header: "E-mail"
+    },
+    {
+      accessorKey: "profile",
+      header: "Perfil",
+      cell: ({ row }) => /* @__PURE__ */ jsx29(UserProfileBadge, { profile: row.original.profile }),
+      sortingFn: (rowA, rowB) => rowA.original.profile.localeCompare(rowB.original.profile)
+    },
+    {
+      accessorKey: "last_login",
+      header: "\xDAltimo acesso",
+      cell: ({ row }) => /* @__PURE__ */ jsx29("span", { className: "text-muted-foreground text-sm", children: row.original.last_login ? format(new Date(row.original.last_login), "dd/MM/yyyy HH:mm", { locale: ptBR }) : "\u2014" })
+    },
+    {
+      accessorKey: "datetime_add",
+      header: "Criado em",
+      cell: ({ row }) => /* @__PURE__ */ jsx29("span", { className: "text-muted-foreground text-sm", children: format(new Date(row.original.datetime_add), "dd/MM/yyyy", { locale: ptBR }) })
+    },
+    {
+      id: "actions",
+      size: 120,
+      enableSorting: false,
+      cell: ({ row }) => /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ jsxs19(Tooltip, { children: [
+          /* @__PURE__ */ jsx29(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx29(Button, { variant: "ghost", size: "icon", className: "h-8 w-8", onClick: () => onResetPassword(row.original), children: /* @__PURE__ */ jsx29(Forward, { className: "h-4 w-4" }) }) }),
+          /* @__PURE__ */ jsx29(TooltipContent, { children: "Resetar senha" })
+        ] }),
+        /* @__PURE__ */ jsxs19(Tooltip, { children: [
+          /* @__PURE__ */ jsx29(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx29(Button, { variant: "ghost", size: "icon", className: "h-8 w-8", onClick: () => onEdit(row.original), children: /* @__PURE__ */ jsx29(Pencil, { className: "h-4 w-4" }) }) }),
+          /* @__PURE__ */ jsx29(TooltipContent, { children: "Editar" })
+        ] }),
+        /* @__PURE__ */ jsxs19(Tooltip, { children: [
+          /* @__PURE__ */ jsx29(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx29(Button, { variant: "ghost", size: "icon", className: "h-8 w-8 text-destructive hover:text-destructive", onClick: () => onDelete(row.original.id), children: /* @__PURE__ */ jsx29(Trash22, { className: "h-4 w-4" }) }) }),
+          /* @__PURE__ */ jsx29(TooltipContent, { children: "Excluir" })
+        ] })
+      ] })
+    }
+  ];
+}
+function UsersPage({ config, renderPhones }) {
+  const [search, setSearch] = useState7("");
+  const [profileFilter, setProfileFilter] = useState7("all");
+  const [page, setPage] = useState7(1);
+  const queryParams = useMemo3(() => {
+    const params = {
+      limit: String(PAGE_SIZE),
+      page: String(page)
+    };
+    if (profileFilter !== "all") params.profile = profileFilter;
+    return params;
+  }, [profileFilter, page]);
+  const { data, isLoading } = useUsers(config, queryParams);
+  const deleteUser = useDeleteUser(config);
+  const resetPassword = useResetPassword(config);
+  const [editUser, setEditUser] = useState7(null);
+  const [formOpen, setFormOpen] = useState7(false);
+  const [deleteId, setDeleteId] = useState7(null);
+  const [resetUser, setResetUser] = useState7(null);
+  const users = data?.data || [];
+  const total = data?.total || 0;
+  const filtered = useMemo3(() => {
+    if (!search) return users;
+    const term = search.toLowerCase();
+    return users.filter(
+      (u) => `${u.name} ${u.last_name}`.toLowerCase().includes(term) || u.email.toLowerCase().includes(term)
+    );
+  }, [users, search]);
+  const columns = useColumns(
+    (u) => {
+      setEditUser(u);
+      setFormOpen(true);
+    },
+    (id) => setDeleteId(id),
+    (u) => setResetUser(u)
+  );
+  function handleDelete() {
+    if (!deleteId) return;
+    deleteUser.mutate(deleteId, {
+      onSuccess: () => {
+        toast3.success("Usu\xE1rio exclu\xEDdo");
+        setDeleteId(null);
+      },
+      onError: () => toast3.error("Erro ao excluir usu\xE1rio")
+    });
+  }
+  function handleResetPassword() {
+    if (!resetUser) return;
+    resetPassword.mutate(resetUser.id, {
+      onSuccess: () => {
+        toast3.success("Senha resetada e email enviado");
+        setResetUser(null);
+      },
+      onError: () => {
+        toast3.error("Erro ao resetar senha");
+        setResetUser(null);
+      }
+    });
+  }
+  return /* @__PURE__ */ jsxs19("div", { className: "flex flex-col gap-4 p-4", children: [
+    /* @__PURE__ */ jsxs19("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs19("div", { children: [
+        /* @__PURE__ */ jsx29("h1", { className: "text-xl font-semibold", children: "Usu\xE1rios" }),
+        /* @__PURE__ */ jsx29("p", { className: "text-sm text-muted-foreground", children: "Gest\xE3o de usu\xE1rios da conta" })
+      ] }),
+      /* @__PURE__ */ jsxs19(Button, { onClick: () => {
+        setEditUser(null);
+        setFormOpen(true);
+      }, size: "sm", children: [
+        /* @__PURE__ */ jsx29(Plus, { className: "mr-2 h-4 w-4" }),
+        "Novo Usu\xE1rio"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ jsxs19("div", { className: "relative flex-1 max-w-md", children: [
+        /* @__PURE__ */ jsx29(Search, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
+        /* @__PURE__ */ jsx29(
+          Input,
+          {
+            placeholder: "Buscar por nome ou e-mail...",
+            value: search,
+            onChange: (e) => {
+              setSearch(e.target.value);
+              setPage(1);
+            },
+            className: "pl-9"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs19(Select, { value: profileFilter, onValueChange: (v) => {
+        setProfileFilter(v);
+        setPage(1);
+      }, children: [
+        /* @__PURE__ */ jsx29(SelectTrigger, { className: "w-[180px]", children: /* @__PURE__ */ jsx29(SelectValue, {}) }),
+        /* @__PURE__ */ jsx29(SelectContent, { children: PROFILE_FILTER_OPTIONS.map((opt) => /* @__PURE__ */ jsx29(SelectItem, { value: opt.value, children: opt.label }, opt.value)) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx29(
+      DataTable,
+      {
+        columns,
+        data: search ? filtered : users,
+        isLoading,
+        emptyMessage: "Nenhum usu\xE1rio encontrado",
+        total: search ? filtered.length : total,
+        page,
+        onPageChange: setPage,
+        pageSize: PAGE_SIZE
+      }
+    ),
+    /* @__PURE__ */ jsx29(
+      UserFormDialog,
+      {
+        open: formOpen,
+        onOpenChange: (open) => {
+          setFormOpen(open);
+          if (!open) setEditUser(null);
+        },
+        user: editUser ?? void 0,
+        config,
+        renderPhones
+      }
+    ),
+    /* @__PURE__ */ jsx29(AlertDialog, { open: !!deleteId, onOpenChange: (open) => !open && setDeleteId(null), children: /* @__PURE__ */ jsxs19(AlertDialogContent, { children: [
+      /* @__PURE__ */ jsxs19(AlertDialogHeader, { children: [
+        /* @__PURE__ */ jsx29(AlertDialogTitle, { children: "Excluir usu\xE1rio?" }),
+        /* @__PURE__ */ jsx29(AlertDialogDescription, { children: "Esta a\xE7\xE3o n\xE3o pode ser desfeita. O usu\xE1rio ser\xE1 removido permanentemente." })
+      ] }),
+      /* @__PURE__ */ jsxs19(AlertDialogFooter, { children: [
+        /* @__PURE__ */ jsx29(AlertDialogCancel, { children: "Cancelar" }),
+        /* @__PURE__ */ jsx29(AlertDialogAction, { onClick: handleDelete, className: "bg-destructive text-destructive-foreground hover:bg-destructive/90", children: "Excluir" })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsx29(AlertDialog, { open: !!resetUser, onOpenChange: (open) => !open && setResetUser(null), children: /* @__PURE__ */ jsxs19(AlertDialogContent, { children: [
+      /* @__PURE__ */ jsxs19(AlertDialogHeader, { children: [
+        /* @__PURE__ */ jsx29(AlertDialogTitle, { children: "Resetar senha?" }),
+        /* @__PURE__ */ jsxs19(AlertDialogDescription, { children: [
+          "A senha de ",
+          /* @__PURE__ */ jsxs19("strong", { children: [
+            resetUser?.name,
+            " ",
+            resetUser?.last_name
+          ] }),
+          " (",
+          resetUser?.email,
+          ") ser\xE1 removida e um email com link para definir nova senha ser\xE1 enviado."
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs19(AlertDialogFooter, { children: [
+        /* @__PURE__ */ jsx29(AlertDialogCancel, { children: "Cancelar" }),
+        /* @__PURE__ */ jsx29(AlertDialogAction, { onClick: handleResetPassword, children: "Resetar e enviar" })
+      ] })
+    ] }) })
+  ] });
+}
 export {
   AppHeader,
   AppShell,
   AppSidebar,
+  DataTable,
   EntityAvatar,
   ImageCropUpload,
   LoginForm,
@@ -1809,6 +2736,9 @@ export {
   SidebarTrigger,
   ThemeToggle,
   TooltipProvider,
+  UserFormDialog,
+  UserProfileBadge,
+  UsersPage,
   authClient,
   authMiddlewareConfig,
   cn,
@@ -1817,7 +2747,12 @@ export {
   signIn,
   signOut,
   signUp,
+  useCreateUser,
+  useDeleteUser,
+  useResetPassword,
   useSession,
-  useSidebar
+  useSidebar,
+  useUpdateUser,
+  useUsers
 };
 //# sourceMappingURL=index.js.map