@greatapps/greatauth-ui 0.3.7 → 0.3.8

package/src/hooks/use-users.ts

@@ -0,0 +1,82 @@
+"use client";
+
+import { useQuery, useMutation, useQueryClient } from "@tanstack/react-query";
+import type { GauthUser, GauthUserHookConfig, ApiResponse } from "../types/users";
+
+function buildUrl(config: GauthUserHookConfig, path: string): string {
+  const lang = config.language || "pt-br";
+  const idWl = config.idWl || "1";
+  return `${config.gauthApiUrl}/v1/${lang}/${idWl}/accounts/${config.accountId}/${path}`;
+}
+
+async function request<T>(url: string, token: string, options?: RequestInit): Promise<ApiResponse<T>> {
+  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ção falhou");
+  return json;
+}
+
+export function useUsers(config: GauthUserHookConfig, params?: Record<string, string>) {
+  return useQuery({
+    queryKey: ["greatauth", "users", config.accountId, params],
+    queryFn: () => {
+      const qs = params ? "?" + new URLSearchParams(params).toString() : "";
+      return request<GauthUser[]>(buildUrl(config, `users${qs}`), config.token!);
+    },
+    enabled: !!config.token && !!config.accountId,
+    select: (res) => ({ data: res.data || [], total: res.total || 0 }),
+  });
+}
+
+export function useCreateUser(config: GauthUserHookConfig) {
+  const qc = useQueryClient();
+  return useMutation({
+    mutationFn: (data: { name: string; last_name?: string; email: string; password?: string; profile?: string; photo?: string | null }) =>
+      request<GauthUser>(buildUrl(config, "users"), config.token!, {
+        method: "POST",
+        body: JSON.stringify(data),
+      }),
+    onSuccess: () => qc.invalidateQueries({ queryKey: ["greatauth", "users"] }),
+  });
+}
+
+export function useUpdateUser(config: GauthUserHookConfig) {
+  const qc = useQueryClient();
+  return useMutation({
+    mutationFn: ({ id, body }: { id: number; body: Record<string, unknown> }) =>
+      request<GauthUser>(buildUrl(config, `users/${id}`), config.token!, {
+        method: "PUT",
+        body: JSON.stringify(body),
+      }),
+    onSuccess: () => qc.invalidateQueries({ queryKey: ["greatauth", "users"] }),
+  });
+}
+
+export function useDeleteUser(config: GauthUserHookConfig) {
+  const qc = useQueryClient();
+  return useMutation({
+    mutationFn: (id: number) =>
+      request<void>(buildUrl(config, `users/${id}`), config.token!, { method: "DELETE" }),
+    onSuccess: () => qc.invalidateQueries({ queryKey: ["greatauth", "users"] }),
+  });
+}
+
+export function useResetPassword(config: GauthUserHookConfig) {
+  const qc = useQueryClient();
+  return useMutation({
+    mutationFn: (id: number) =>
+      request<{ message: string }>(buildUrl(config, `users/${id}/reset-password`), config.token!, { method: "POST" }),
+    onSuccess: () => qc.invalidateQueries({ queryKey: ["greatauth", "users"] }),
+  });
+}

package/src/index.ts

@@ -24,5 +24,21 @@ export type { ImageCropUploadProps } from "./components";
 export { SidebarProvider, SidebarInset, SidebarTrigger, useSidebar } from "./components/ui/sidebar";
 export { TooltipProvider } from "./components/ui/tooltip";
 
+// User Types
+export type { GauthUser, UserProfile, UserPhone, PhoneLabel, GauthUserHookConfig } from "./types/users";
+
+// User Hooks
+export { useUsers, useCreateUser, useUpdateUser, useDeleteUser, useResetPassword } from "./hooks/use-users";
+
+// User Components
+export { UsersPage } from "./components/users/users-page";
+export type { UsersPageProps } from "./components/users/users-page";
+export { UserFormDialog } from "./components/users/user-form-dialog";
+export type { UserFormDialogProps } from "./components/users/user-form-dialog";
+export { UserProfileBadge } from "./components/users/user-profile-badge";
+export type { UserProfileBadgeProps } from "./components/users/user-profile-badge";
+export { DataTable } from "./components/users/data-table";
+export type { DataTableProps } from "./components/users/data-table";
+
 // Utils
 export { cn } from "./lib/utils";

package/src/types/users.ts

@@ -0,0 +1,46 @@
+export type UserProfile = "viewer" | "collaborator" | "admin" | "owner" | "attendant";
+
+export type PhoneLabel = "celular" | "comercial" | "residencial" | "outro";
+
+export interface GauthUser {
+  id: number;
+  id_account: number;
+  name: string;
+  last_name: string;
+  email: string;
+  profile: UserProfile;
+  photo: string | null;
+  last_login: string | null;
+  deleted: number;
+  datetime_add: string;
+  datetime_alt: string | null;
+  datetime_del: string | null;
+}
+
+export interface UserPhone {
+  id: number;
+  id_account: number;
+  id_user: number;
+  phone_number: string;
+  label: PhoneLabel;
+  is_primary: number;
+  deleted: number;
+  datetime_add: string;
+  datetime_alt: string | null;
+  datetime_del: string | null;
+}
+
+export interface GauthUserHookConfig {
+  token: string | null;
+  accountId: number | string | null;
+  gauthApiUrl: string;
+  language?: string;
+  idWl?: string | number;
+}
+
+export interface ApiResponse<T = unknown> {
+  status: 0 | 1;
+  message: string;
+  data: T;
+  total?: number;
+}