@hed-hog/finance 0.0.350 → 0.0.351

package/hedhog/frontend/app/_lib/http-error.ts.ejs

@@ -0,0 +1,105 @@
+type ErrorMessageMap = Record<string, string | string[] | null | undefined>;
+
+type ApiErrorLike = {
+  response?: {
+    data?: {
+      message?: string | string[] | ErrorMessageMap;
+    };
+  };
+  message?: string;
+};
+
+const appendUniqueMessages = (
+  target: string[],
+  values: Array<string | null | undefined>
+) => {
+  values.forEach((value) => {
+    const normalizedValue = String(value || '').trim();
+
+    if (!normalizedValue || target.includes(normalizedValue)) {
+      return;
+    }
+
+    target.push(normalizedValue);
+  });
+};
+
+export function getApiErrorMessage(error: unknown, fallbackMessage: string) {
+  const normalizedError = error as ApiErrorLike;
+  const message = normalizedError.response?.data?.message;
+
+  if (typeof message === 'string' && message.trim()) {
+    return message;
+  }
+
+  if (Array.isArray(message)) {
+    const messages = message
+      .map((item) => String(item || '').trim())
+      .filter(Boolean);
+
+    return messages.length > 0 ? messages.join(', ') : fallbackMessage;
+  }
+
+  if (message && typeof message === 'object') {
+    const normalizedMessages: string[] = [];
+
+    Object.values(message as ErrorMessageMap).forEach((value) => {
+      if (Array.isArray(value)) {
+        appendUniqueMessages(normalizedMessages, value);
+        return;
+      }
+
+      appendUniqueMessages(normalizedMessages, [value]);
+    });
+
+    if (normalizedMessages.length > 0) {
+      return normalizedMessages.join(', ');
+    }
+  }
+
+  const genericMessage = normalizedError.message;
+
+  if (typeof genericMessage === 'string' && genericMessage.trim()) {
+    return genericMessage;
+  }
+
+  return fallbackMessage;
+}
+
+const isErrorContainer = (value: unknown): value is Record<string, unknown> =>
+  typeof value === 'object' && value !== null;
+
+export function getFirstFormErrorMessage(
+  errors: unknown,
+  fallbackMessage: string
+) {
+  const queue: unknown[] = [errors];
+
+  while (queue.length > 0) {
+    const current = queue.shift();
+
+    if (!isErrorContainer(current)) {
+      continue;
+    }
+
+    const message = current.message;
+    if (typeof message === 'string' && message.trim()) {
+      return message;
+    }
+
+    Object.entries(current).forEach(([key, value]) => {
+      if (key === 'message' || key === 'type' || key === 'ref') {
+        return;
+      }
+
+      if (Array.isArray(value)) {
+        value.forEach((item) => queue.push(item));
+        return;
+      }
+
+      queue.push(value);
+    });
+  }
+
+  return fallbackMessage;
+}

package/hedhog/frontend/app/_lib/use-finance-realtime-refresh.ts.ejs

@@ -0,0 +1,62 @@
+import { useQuery } from '@hed-hog/next-app-provider';
+import { useEffect, useRef } from 'react';
+
+export type RequestFn = (input: {
+  url: string;
+  method: string;
+  data?: unknown;
+}) => Promise<{ data: unknown }>;
+
+type FinanceRealtimeCursorResponse = {
+  cursor: number;
+  updatedAt: string | null;
+};
+
+async function fetchFinance<T>(request: RequestFn, url: string): Promise<T> {
+  const response = await request({ url, method: 'GET' });
+  return response.data as T;
+}
+
+export function useFinanceRealtimeRefresh({
+  request,
+  enabled = true,
+  pollIntervalMs = 5000,
+  onRefresh,
+}: {
+  request: RequestFn;
+  enabled?: boolean;
+  pollIntervalMs?: number;
+  onRefresh: () => unknown | Promise<unknown>;
+}) {
+  const lastCursorRef = useRef<number | null>(null);
+
+  const { data } = useQuery<FinanceRealtimeCursorResponse>({
+    queryKey: ['finance-realtime-cursor'],
+    queryFn: () =>
+      fetchFinance<FinanceRealtimeCursorResponse>(
+        request,
+        '/finance/realtime/cursor',
+      ),
+    enabled,
+    refetchInterval: enabled ? pollIntervalMs : false,
+    refetchIntervalInBackground: true,
+    placeholderData: (previous) => previous,
+  });
+
+  useEffect(() => {
+    if (!enabled) return;
+
+    const cursor = data?.cursor;
+    if (typeof cursor !== 'number') return;
+
+    if (lastCursorRef.current === null) {
+      lastCursorRef.current = cursor;
+      return;
+    }
+
+    if (cursor !== lastCursorRef.current) {
+      lastCursorRef.current = cursor;
+      void onRefresh();
+    }
+  }, [data?.cursor, enabled, onRefresh]);
+}

package/hedhog/frontend/app/accounts-payable/approvals/page.tsx.ejs

@@ -35,6 +35,7 @@ import { AlertTriangle, CheckCircle, Clock, XCircle } from 'lucide-react';
 import { useTranslations } from 'next-intl';
 import { useState } from 'react';
 import { formatarData } from '../../_lib/formatters';
+import { useFinanceRealtimeRefresh } from '../../_lib/use-finance-realtime-refresh';
 
 type ApprovalTitle = {
   id: string;
@@ -159,6 +160,8 @@ export default function AprovacoesPage() {
     placeholderData: (old) => old,
   });
 
+  useFinanceRealtimeRefresh({ request, onRefresh: refetch });
+
   const aprovacoes = approvalsResponse?.data ?? [];
   const totalAprovacoes = approvalsResponse?.total ?? 0;
 

package/hedhog/frontend/app/accounts-payable/installments/[id]/page.tsx.ejs

@@ -32,11 +32,11 @@ import {
 } from '@/components/ui/select';
 import {
   Sheet,
-  SheetContent,
   SheetDescription,
   SheetHeader,
   SheetTitle,
 } from '@/components/ui/sheet';
+import { ResizableSheetContent } from '@/components/ui/resizable-sheet-content';
 import { StatusBadge } from '@/components/ui/status-badge';
 import {
   Table,
@@ -653,7 +653,7 @@ export default function TituloDetalhePage() {
                 }
               }}
             >
-              <SheetContent className="w-full sm:max-w-lg overflow-y-auto">
+              <ResizableSheetContent sheetId="finance-payable-reverse-settlement" defaultWidth={512} className="overflow-y-auto">
                 <SheetHeader>
                   <SheetTitle>{t('dialogs.reverse.title')}</SheetTitle>
                   <SheetDescription>
@@ -708,14 +708,14 @@ export default function TituloDetalhePage() {
                     </Button>
                   </div>
                 </div>
-              </SheetContent>
+              </ResizableSheetContent>
             </Sheet>
 
             <Sheet
               open={isSettleDialogOpen}
               onOpenChange={setIsSettleDialogOpen}
             >
-              <SheetContent className="w-full sm:max-w-lg overflow-y-auto">
+              <ResizableSheetContent sheetId="finance-payable-settle-installment" defaultWidth={512} className="overflow-y-auto">
                 <SheetHeader>
                   <SheetTitle>{t('settleSheet.title')}</SheetTitle>
                   <SheetDescription>
@@ -828,7 +828,7 @@ export default function TituloDetalhePage() {
                     </div>
                   </form>
                 </Form>
-              </SheetContent>
+              </ResizableSheetContent>
             </Sheet>
           </div>
         }