@greatapps/common 1.1.257 → 1.1.258

package/src/components/widgets/notifications/NotificationCard.tsx

@@ -1,68 +1,68 @@
-import { IconClock } from '@tabler/icons-react';
-import { ReactNode } from 'react';
-import { cn } from '../../../infra/utils/clsx';
-
-type NotificationCardProps = {
-  icon: ReactNode;
-  iconBgColor?: string;
-  title: string;
-  description?: string;
-  time: string;
-  actions?: ReactNode;
-  isUnread?: boolean;
-  showBorder?: boolean;
-  className?: string;
-  gapPx: number;
-};
-
-export default function NotificationCard({
-  icon,
-  iconBgColor,
-  title,
-  description,
-  time,
-  actions,
-  isUnread = false,
-  showBorder = true,
-  className,
-  gapPx = 16
-}: NotificationCardProps) {
-  return (
-    <div
-      className={cn(
-        'flex flex-col lg:flex-row items-start p-4 lg:p-5 gap-3 lg:gap-4 relative',
-        showBorder && 'border-b border-gray-200',
-        className
-      )}
-    >
-      <div
-        className={cn(
-          'flex items-center justify-center size-10 rounded-full shrink-0',
-          iconBgColor
-        )}
-      >
-        {icon}
-      </div>
-
-      <div className="flex flex-col flex-1" style={{ gap: `${gapPx}px` }}>
-        <div className="flex flex-col gap-1">
-          <span className="paragraph-small-semibold text-gray-950">{title}</span>
-          {description && (
-            <span className="paragraph-small-regular text-gray-600">{description}</span>
-          )}
-        </div>
-
-        <div className="flex items-center gap-1.5">
-          <IconClock size={14} className="text-gray-400" />
-          <span className="paragraph-xsmall-medium text-gray-600">{time}</span>
-        </div>
-
-        {actions && <div className="flex items-center gap-2">{actions}</div>}
-      </div>
-
-      {isUnread && <div className="size-2 bg-pages-400 rounded-full shrink-0 mt-1" />}
-    </div>
-  );
-}
-
-export type { NotificationCardProps };
+import { IconClock } from '@tabler/icons-react';
+import { ReactNode } from 'react';
+import { cn } from '../../../infra/utils/clsx';
+
+type NotificationCardProps = {
+  icon: ReactNode;
+  iconBgColor?: string;
+  title: string;
+  description?: string;
+  time: string;
+  actions?: ReactNode;
+  isUnread?: boolean;
+  showBorder?: boolean;
+  className?: string;
+  gapPx: number;
+};
+
+export default function NotificationCard({
+  icon,
+  iconBgColor,
+  title,
+  description,
+  time,
+  actions,
+  isUnread = false,
+  showBorder = true,
+  className,
+  gapPx = 16
+}: NotificationCardProps) {
+  return (
+    <div
+      className={cn(
+        'flex flex-col lg:flex-row items-start p-4 lg:p-5 gap-3 lg:gap-4 relative',
+        showBorder && 'border-b border-gray-200',
+        className
+      )}
+    >
+      <div
+        className={cn(
+          'flex items-center justify-center size-10 rounded-full shrink-0',
+          iconBgColor
+        )}
+      >
+        {icon}
+      </div>
+
+      <div className="flex flex-col flex-1" style={{ gap: `${gapPx}px` }}>
+        <div className="flex flex-col gap-1">
+          <span className="paragraph-small-semibold text-gray-950">{title}</span>
+          {description && (
+            <span className="paragraph-small-regular text-gray-600">{description}</span>
+          )}
+        </div>
+
+        <div className="flex items-center gap-1.5">
+          <IconClock size={14} className="text-gray-400" />
+          <span className="paragraph-xsmall-medium text-gray-600">{time}</span>
+        </div>
+
+        {actions && <div className="flex items-center gap-2">{actions}</div>}
+      </div>
+
+      {isUnread && <div className="size-2 bg-pages-400 rounded-full shrink-0 mt-1" />}
+    </div>
+  );
+}
+
+export type { NotificationCardProps };

package/src/hooks/useDebounce.ts

@@ -1,26 +1,26 @@
-'use client';
-
-import { useEffect, useState } from 'react';
-
-/**
- * Hook para aplicar debounce em valores
- * @param value - Valor a ser debounced
- * @param delay - Delay em milissegundos (padrão: 400ms)
- * @returns Valor debounced
- */
-export function useDebounce<T>(value: T, delay: number = 400, onDebounce?: () => void): T {
-  const [debouncedValue, setDebouncedValue] = useState<T>(value);
-
-  useEffect(() => {
-    const handler = setTimeout(() => {
-      setDebouncedValue(value);
-      onDebounce?.();
-    }, delay);
-
-    return () => {
-      clearTimeout(handler);
-    };
-  }, [value, delay, onDebounce]);
-
-  return debouncedValue;
-}
+'use client';
+
+import { useEffect, useState } from 'react';
+
+/**
+ * Hook para aplicar debounce em valores
+ * @param value - Valor a ser debounced
+ * @param delay - Delay em milissegundos (padrão: 400ms)
+ * @returns Valor debounced
+ */
+export function useDebounce<T>(value: T, delay: number = 400, onDebounce?: () => void): T {
+  const [debouncedValue, setDebouncedValue] = useState<T>(value);
+
+  useEffect(() => {
+    const handler = setTimeout(() => {
+      setDebouncedValue(value);
+      onDebounce?.();
+    }, delay);
+
+    return () => {
+      clearTimeout(handler);
+    };
+  }, [value, delay, onDebounce]);
+
+  return debouncedValue;
+}

package/src/hooks/useDebounceState.ts

@@ -1,11 +1,11 @@
-'use client';
-
-import { useState } from 'react';
-import type React from 'react';
-import { useDebounce } from './useDebounce';
-
-export function useDebounceState<T>(initialValue: T, delay: number = 400): [T, React.Dispatch<React.SetStateAction<T>>] {
-  const [rawValue, setRawValue] = useState<T>(initialValue);
-  const debouncedValue = useDebounce(rawValue, delay);
-  return [debouncedValue, setRawValue];
-}
+'use client';
+
+import { useState } from 'react';
+import type React from 'react';
+import { useDebounce } from './useDebounce';
+
+export function useDebounceState<T>(initialValue: T, delay: number = 400): [T, React.Dispatch<React.SetStateAction<T>>] {
+  const [rawValue, setRawValue] = useState<T>(initialValue);
+  const debouncedValue = useDebounce(rawValue, delay);
+  return [debouncedValue, setRawValue];
+}

package/src/hooks/useDebouncedEffect.ts

@@ -1,69 +1,69 @@
-'use client';
-
-import { useEffect, useRef, useState, useCallback } from 'react';
-
-interface UseDebouncedEffectOptions {
-  effect: () => void;
-  debouncedDeps: React.DependencyList;
-  immediateDeps?: React.DependencyList;
-  delay?: number;
-}
-
-/**
- * Executes an effect with two trigger modes:
- * - `debouncedDeps`: triggers the effect after a delay (resets on each change)
- * - `immediateDeps`: triggers the effect immediately (also cancels any pending debounce)
- *
- * On mount, the effect fires once immediately via `immediateDeps`.
- * The effect callback always uses the latest closure values via a ref.
- *
- * @returns `{ isDebouncing }` — true while waiting for a debounced trigger to fire
- */
-export function useDebouncedEffect({
-  effect,
-  debouncedDeps,
-  immediateDeps = [],
-  delay = 500,
-}: UseDebouncedEffectOptions) {
-  const [isDebouncing, setIsDebouncing] = useState(false);
-  const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null);
-  const effectRef = useRef(effect);
-  effectRef.current = effect;
-  const hasMounted = useRef(false);
-
-  const clearTimer = useCallback(() => {
-    if (timerRef.current) {
-      clearTimeout(timerRef.current);
-      timerRef.current = null;
-    }
-  }, []);
-
-  useEffect(() => {
-    clearTimer();
-    setIsDebouncing(false);
-    effectRef.current();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, immediateDeps);
-
-  useEffect(() => {
-    if (!hasMounted.current) {
-      hasMounted.current = true;
-      return;
-    }
-
-    clearTimer();
-    setIsDebouncing(true);
-
-    timerRef.current = setTimeout(() => {
-      setIsDebouncing(false);
-      effectRef.current();
-    }, delay);
-
-    return clearTimer;
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [...debouncedDeps, delay]);
-
-  useEffect(() => clearTimer, [clearTimer]);
-
-  return { isDebouncing };
-}
+'use client';
+
+import { useEffect, useRef, useState, useCallback } from 'react';
+
+interface UseDebouncedEffectOptions {
+  effect: () => void;
+  debouncedDeps: React.DependencyList;
+  immediateDeps?: React.DependencyList;
+  delay?: number;
+}
+
+/**
+ * Executes an effect with two trigger modes:
+ * - `debouncedDeps`: triggers the effect after a delay (resets on each change)
+ * - `immediateDeps`: triggers the effect immediately (also cancels any pending debounce)
+ *
+ * On mount, the effect fires once immediately via `immediateDeps`.
+ * The effect callback always uses the latest closure values via a ref.
+ *
+ * @returns `{ isDebouncing }` — true while waiting for a debounced trigger to fire
+ */
+export function useDebouncedEffect({
+  effect,
+  debouncedDeps,
+  immediateDeps = [],
+  delay = 500,
+}: UseDebouncedEffectOptions) {
+  const [isDebouncing, setIsDebouncing] = useState(false);
+  const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null);
+  const effectRef = useRef(effect);
+  effectRef.current = effect;
+  const hasMounted = useRef(false);
+
+  const clearTimer = useCallback(() => {
+    if (timerRef.current) {
+      clearTimeout(timerRef.current);
+      timerRef.current = null;
+    }
+  }, []);
+
+  useEffect(() => {
+    clearTimer();
+    setIsDebouncing(false);
+    effectRef.current();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, immediateDeps);
+
+  useEffect(() => {
+    if (!hasMounted.current) {
+      hasMounted.current = true;
+      return;
+    }
+
+    clearTimer();
+    setIsDebouncing(true);
+
+    timerRef.current = setTimeout(() => {
+      setIsDebouncing(false);
+      effectRef.current();
+    }, delay);
+
+    return clearTimer;
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [...debouncedDeps, delay]);
+
+  useEffect(() => clearTimer, [clearTimer]);
+
+  return { isDebouncing };
+}

package/src/infra/utils/clsx.ts

@@ -1,6 +1,6 @@
-import { clsx, type ClassValue } from "clsx"
-import { twMerge } from "tailwind-merge"
-
-export function cn(...inputs: ClassValue[]) {
-  return twMerge(clsx(inputs))
-}
+import { clsx, type ClassValue } from "clsx"
+import { twMerge } from "tailwind-merge"
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs))
+}

package/src/infra/utils/parser.ts

@@ -1,53 +1,53 @@
-import z, { ZodTypeAny } from "zod";
-import { PaginatedSuccessResult, SuccessResult } from "../api/types";
-
-/* Overloads */
-export function parseSchema<T extends ZodTypeAny>(
-    schema: T,
-    data: unknown[]
-): z.infer<T>[];
-
-export function parseSchema<T extends ZodTypeAny>(
-    schema: T,
-    data: unknown
-): z.infer<T>;
-
-export function parseSchema<T extends ZodTypeAny>(
-    schema: T,
-    data: unknown | unknown[]
-) {
-    if (Array.isArray(data)) {
-        return data.map(item => schema.parse(item));
-    }
-
-    return schema.parse(data);
-}
-
-export function parseResult<T extends ZodTypeAny>(
-    schema: T,
-    result: PaginatedSuccessResult<unknown>
-): PaginatedSuccessResult<z.infer<T>>;
-
-export function parseResult<T extends ZodTypeAny>(
-    schema: T,
-    result: SuccessResult<unknown>
-): SuccessResult<z.infer<T>>;
-
-export function parseResult<T extends ZodTypeAny>(
-    schema: T,
-    result: SuccessResult<unknown> | PaginatedSuccessResult<unknown>
-) {
-    if (!result.data) return result;
-
-    if (Array.isArray(result.data)) {
-        return {
-            ...result,
-            data: result.data.map(item => schema.parse(item)),
-        };
-    }
-
-    return {
-        ...result,
-        data: schema.parse(result.data),
-    };
+import z, { ZodTypeAny } from "zod";
+import { PaginatedSuccessResult, SuccessResult } from "../api/types";
+
+/* Overloads */
+export function parseSchema<T extends ZodTypeAny>(
+    schema: T,
+    data: unknown[]
+): z.infer<T>[];
+
+export function parseSchema<T extends ZodTypeAny>(
+    schema: T,
+    data: unknown
+): z.infer<T>;
+
+export function parseSchema<T extends ZodTypeAny>(
+    schema: T,
+    data: unknown | unknown[]
+) {
+    if (Array.isArray(data)) {
+        return data.map(item => schema.parse(item));
+    }
+
+    return schema.parse(data);
+}
+
+export function parseResult<T extends ZodTypeAny>(
+    schema: T,
+    result: PaginatedSuccessResult<unknown>
+): PaginatedSuccessResult<z.infer<T>>;
+
+export function parseResult<T extends ZodTypeAny>(
+    schema: T,
+    result: SuccessResult<unknown>
+): SuccessResult<z.infer<T>>;
+
+export function parseResult<T extends ZodTypeAny>(
+    schema: T,
+    result: SuccessResult<unknown> | PaginatedSuccessResult<unknown>
+) {
+    if (!result.data) return result;
+
+    if (Array.isArray(result.data)) {
+        return {
+            ...result,
+            data: result.data.map(item => schema.parse(item)),
+        };
+    }
+
+    return {
+        ...result,
+        data: schema.parse(result.data),
+    };
 }

package/src/infra/utils/percentage.ts

@@ -1,42 +1,42 @@
-/**
- * Calcula percentual de um valor em relação ao total
- * @param current - Valor atual
- * @param total - Valor total
- * @returns Percentual (0-100)
- */
-export const calculatePercentage = (current: number, total: number): number => {
-  if (total === 0) return 0;
-  return (current / total) * 100;
-};
-
-/**
- * Calcula a circunferência de um círculo
- * @param radius - Raio do círculo
- * @returns Circunferência
- */
-export const calculateCircumference = (radius: number): number => {
-  return 2 * Math.PI * radius;
-};
-
-/**
- * Calcula o offset para circular progress
- * @param percentage - Percentual de progresso (0-100)
- * @param circumference - Circunferência do círculo
- * @returns Valor do offset
- */
-export const calculateCircularProgressOffset = (
-  percentage: number,
-  circumference: number
-): number => {
-  return circumference - (percentage / 100) * circumference;
-};
-
-/**
- * Calcula raio de círculo baseado no tamanho e stroke
- * @param size - Tamanho total
- * @param strokeWidth - Largura do stroke
- * @returns Raio calculado
- */
-export const calculateRadius = (size: number, strokeWidth: number): number => {
-  return (size - strokeWidth) / 2;
-};
+/**
+ * Calcula percentual de um valor em relação ao total
+ * @param current - Valor atual
+ * @param total - Valor total
+ * @returns Percentual (0-100)
+ */
+export const calculatePercentage = (current: number, total: number): number => {
+  if (total === 0) return 0;
+  return (current / total) * 100;
+};
+
+/**
+ * Calcula a circunferência de um círculo
+ * @param radius - Raio do círculo
+ * @returns Circunferência
+ */
+export const calculateCircumference = (radius: number): number => {
+  return 2 * Math.PI * radius;
+};
+
+/**
+ * Calcula o offset para circular progress
+ * @param percentage - Percentual de progresso (0-100)
+ * @param circumference - Circunferência do círculo
+ * @returns Valor do offset
+ */
+export const calculateCircularProgressOffset = (
+  percentage: number,
+  circumference: number
+): number => {
+  return circumference - (percentage / 100) * circumference;
+};
+
+/**
+ * Calcula raio de círculo baseado no tamanho e stroke
+ * @param size - Tamanho total
+ * @param strokeWidth - Largura do stroke
+ * @returns Raio calculado
+ */
+export const calculateRadius = (size: number, strokeWidth: number): number => {
+  return (size - strokeWidth) / 2;
+};

package/src/modules/users/services/messages.service.ts

@@ -1,48 +1,48 @@
-import 'server-only';
-
-import { api } from '../../../infra/api/client';
-import { buildQueryParams } from '../../../infra/utils/params';
-import { getUserContext } from '../../auth/utils/get-user-context';
-import {
-  FindMessagesParams,
-  ListMessagesApiResponse,
-  MarkAsReadApiResponse,
-  MarkAllAsReadApiResponse,
-} from '../schema/messages.schema';
-
-class MessagesService {
-  async listMessages(
-    params?: Partial<FindMessagesParams>
-  ): Promise<ListMessagesApiResponse> {
-    const { id_account, id_user } = await getUserContext();
-
-    const query = buildQueryParams({
-      id_account,
-      id_user,
-      type: 'notification',
-      limit: 20,
-      page: 1,
-      order: 'desc',
-      ...params,
-    });
-
-    const url = `/accounts/${id_account}/messages${query ? `?${query}` : ''}`;
-    return api.apps.get<ListMessagesApiResponse>(url);
-  }
-
-  async markAsRead(messageId: string): Promise<MarkAsReadApiResponse> {
-    const { id_account } = await getUserContext();
-
-    const url = `/accounts/${id_account}/messages/${messageId}/action/markAsRead`;
-    return api.apps.put<MarkAsReadApiResponse>(url);
-  }
-
-  async markAllAsRead(): Promise<MarkAllAsReadApiResponse> {
-    const { id_account, id_user } = await getUserContext();
-
-    const url = `/accounts/${id_account}/messages/action/markAllAsRead`;
-    return api.apps.put<MarkAllAsReadApiResponse>(url, { id_user });
-  }
-}
-
-export const messagesService = new MessagesService();
+import 'server-only';
+
+import { api } from '../../../infra/api/client';
+import { buildQueryParams } from '../../../infra/utils/params';
+import { getUserContext } from '../../auth/utils/get-user-context';
+import {
+  FindMessagesParams,
+  ListMessagesApiResponse,
+  MarkAsReadApiResponse,
+  MarkAllAsReadApiResponse,
+} from '../schema/messages.schema';
+
+class MessagesService {
+  async listMessages(
+    params?: Partial<FindMessagesParams>
+  ): Promise<ListMessagesApiResponse> {
+    const { id_account, id_user } = await getUserContext();
+
+    const query = buildQueryParams({
+      id_account,
+      id_user,
+      type: 'notification',
+      limit: 20,
+      page: 1,
+      order: 'desc',
+      ...params,
+    });
+
+    const url = `/accounts/${id_account}/messages${query ? `?${query}` : ''}`;
+    return api.apps.get<ListMessagesApiResponse>(url);
+  }
+
+  async markAsRead(messageId: string): Promise<MarkAsReadApiResponse> {
+    const { id_account } = await getUserContext();
+
+    const url = `/accounts/${id_account}/messages/${messageId}/action/markAsRead`;
+    return api.apps.put<MarkAsReadApiResponse>(url);
+  }
+
+  async markAllAsRead(): Promise<MarkAllAsReadApiResponse> {
+    const { id_account, id_user } = await getUserContext();
+
+    const url = `/accounts/${id_account}/messages/action/markAllAsRead`;
+    return api.apps.put<MarkAllAsReadApiResponse>(url, { id_user });
+  }
+}
+
+export const messagesService = new MessagesService();