@hed-hog/core 0.0.299 → 0.0.300

package/hedhog/frontend/app/dashboard/components/widgets/finance.receivable-30d-kpi.tsx.ejs

@@ -1,73 +0,0 @@
-'use client';
-
-import { Card, CardContent } from '@/components/ui/card';
-import { useWidgetData } from '@/hooks/use-widget-data';
-import { TrendingUp } from 'lucide-react';
-import { useTranslations } from 'next-intl';
-import { WidgetWrapper } from '../widget-wrapper';
-
-interface Receivable30dKpiProps {
-  widget?: { name?: string };
-  onRemove?: () => void;
-}
-
-interface FinanceData {
-  kpis?: {
-    aReceber30dias: number;
-    aReceber7dias: number;
-  };
-}
-
-export default function Receivable30dKpi({
-  widget,
-  onRemove,
-}: Receivable30dKpiProps) {
-  const t = useTranslations('finance.DashboardPage');
-
-  const { data, isLoading, isAccessDenied, isError } =
-    useWidgetData<FinanceData>({
-      endpoint: '/finance/data',
-      queryKey: 'finance-kpi-receivable-30d',
-    });
-
-  const value = data?.kpis?.aReceber30dias ?? 0;
-  const sevenDays = data?.kpis?.aReceber7dias ?? 0;
-  const formatted = new Intl.NumberFormat('pt-BR', {
-    style: 'currency',
-    currency: 'BRL',
-  }).format(value);
-
-  return (
-    <WidgetWrapper
-      isLoading={isLoading}
-      isAccessDenied={isAccessDenied}
-      isError={isError}
-      widgetName={widget?.name || t('kpis.receivable30.title')}
-      onRemove={onRemove}
-    >
-      <Card className="h-full overflow-hidden transition-all duration-300 hover:shadow-md">
-        <CardContent className="flex h-full items-center gap-3 p-4">
-          <div className="flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-green-50">
-            <TrendingUp className="h-5 w-5 text-green-600" />
-          </div>
-          <div className="flex min-w-0 flex-col">
-            <span className="text-[10px] font-medium uppercase tracking-wider text-muted-foreground">
-              {t('kpis.receivable30.title')}
-            </span>
-            <span className="truncate text-lg font-bold tracking-tight text-foreground">
-              {formatted}
-            </span>
-            <span className="text-[10px] text-muted-foreground">
-              {t('kpis.receivable30.sevenDays', {
-                value: new Intl.NumberFormat('pt-BR', {
-                  style: 'currency',
-                  currency: 'BRL',
-                }).format(sevenDays),
-              })}
-            </span>
-          </div>
-        </CardContent>
-      </Card>
-    </WidgetWrapper>
-  );
-}

package/hedhog/frontend/app/dashboard/components/widgets/finance.upcoming-payable.tsx.ejs

@@ -1,123 +0,0 @@
-'use client';
-
-import {
-  Card,
-  CardContent,
-  CardDescription,
-  CardHeader,
-  CardTitle,
-} from '@/components/ui/card';
-import { Money } from '@/components/ui/money';
-import { StatusBadge } from '@/components/ui/status-badge';
-import { useWidgetData } from '@/hooks/use-widget-data';
-import { ArrowDownRight } from 'lucide-react';
-import { useTranslations } from 'next-intl';
-import Link from 'next/link';
-import { WidgetWrapper } from '../widget-wrapper';
-
-interface FinanceData {
-  titulosPagar?: Array<{
-    id: string;
-    status: string;
-    documento: string;
-    fornecedorId?: string;
-    parcelas: Array<{
-      status: string;
-      vencimento: string;
-      valor: number;
-    }>;
-  }>;
-  pessoas?: Array<{
-    id: string;
-    nome: string;
-  }>;
-}
-
-interface UpcomingPayableProps {
-  widget?: { name?: string };
-  onRemove?: () => void;
-}
-
-function formatDate(value: string) {
-  return new Date(value).toLocaleDateString('pt-BR');
-}
-
-export default function UpcomingPayable({
-  widget,
-  onRemove,
-}: UpcomingPayableProps) {
-  const t = useTranslations('finance.DashboardPage');
-
-  const { data, isLoading, isAccessDenied, isError } =
-    useWidgetData<FinanceData>({
-      endpoint: '/finance/data',
-      queryKey: 'finance-upcoming-payable',
-    });
-
-  const getPersonById = (id?: string) =>
-    (data?.pessoas || []).find((p) => p.id === id);
-
-  const approvedPayables = (data?.titulosPagar || []).filter(
-    (titulo) => titulo.status !== 'rascunho' && titulo.status !== 'cancelado'
-  );
-
-  const rows = approvedPayables
-    .flatMap((titulo) =>
-      titulo.parcelas
-        .filter((p) => p.status === 'aberto' || p.status === 'vencido')
-        .map((parcela) => ({
-          tituloId: titulo.id,
-          documento: titulo.documento,
-          person: getPersonById(titulo.fornecedorId)?.nome || '',
-          dueDate: parcela.vencimento,
-          value: parcela.valor,
-          status: parcela.status,
-        }))
-    )
-    .slice(0, 3);
-
-  return (
-    <WidgetWrapper
-      isLoading={isLoading}
-      isAccessDenied={isAccessDenied}
-      isError={isError}
-      widgetName={widget?.name || t('upcoming.payable')}
-      onRemove={onRemove}
-    >
-      <Card className="h-full">
-        <CardHeader>
-          <CardTitle className="flex items-center gap-2 text-base">
-            <ArrowDownRight className="h-4 w-4 text-red-500" />
-            {t('upcoming.payable')}
-          </CardTitle>
-          <CardDescription>{t('upcoming.nextDueDates')}</CardDescription>
-        </CardHeader>
-        <CardContent>
-          <div className="space-y-4">
-            {rows.map((item, index) => (
-              <Link
-                key={index}
-                href={`/finance/accounts-payable/installments/${item.tituloId}`}
-                className="-m-2 flex cursor-pointer items-center justify-between rounded-md p-2 transition-colors hover:bg-muted/50 active:bg-muted"
-              >
-                <div className="space-y-1">
-                  <p className="text-sm font-medium">{item.documento}</p>
-                  <p className="text-xs text-muted-foreground">{item.person}</p>
-                </div>
-                <div className="text-right">
-                  <p className="text-sm font-medium">
-                    <Money value={item.value} />
-                  </p>
-                  <p className="text-xs text-muted-foreground">
-                    {formatDate(item.dueDate)}
-                  </p>
-                </div>
-                <StatusBadge status={item.status as any} />
-              </Link>
-            ))}
-          </div>
-        </CardContent>
-      </Card>
-    </WidgetWrapper>
-  );
-}

package/hedhog/frontend/app/dashboard/components/widgets/finance.upcoming-receivable.tsx.ejs

@@ -1,118 +0,0 @@
-'use client';
-
-import {
-  Card,
-  CardContent,
-  CardDescription,
-  CardHeader,
-  CardTitle,
-} from '@/components/ui/card';
-import { Money } from '@/components/ui/money';
-import { StatusBadge } from '@/components/ui/status-badge';
-import { useWidgetData } from '@/hooks/use-widget-data';
-import { ArrowUpRight } from 'lucide-react';
-import { useTranslations } from 'next-intl';
-import Link from 'next/link';
-import { WidgetWrapper } from '../widget-wrapper';
-
-interface FinanceData {
-  titulosReceber?: Array<{
-    id: string;
-    documento: string;
-    clienteId?: string;
-    parcelas: Array<{
-      status: string;
-      vencimento: string;
-      valor: number;
-    }>;
-  }>;
-  pessoas?: Array<{
-    id: string;
-    nome: string;
-  }>;
-}
-
-interface UpcomingReceivableProps {
-  widget?: { name?: string };
-  onRemove?: () => void;
-}
-
-function formatDate(value: string) {
-  return new Date(value).toLocaleDateString('pt-BR');
-}
-
-export default function UpcomingReceivable({
-  widget,
-  onRemove,
-}: UpcomingReceivableProps) {
-  const t = useTranslations('finance.DashboardPage');
-
-  const { data, isLoading, isAccessDenied, isError } =
-    useWidgetData<FinanceData>({
-      endpoint: '/finance/data',
-      queryKey: 'finance-upcoming-receivable',
-    });
-
-  const getPersonById = (id?: string) =>
-    (data?.pessoas || []).find((p) => p.id === id);
-
-  const rows = (data?.titulosReceber || [])
-    .flatMap((titulo) =>
-      titulo.parcelas
-        .filter((p) => p.status === 'aberto' || p.status === 'vencido')
-        .map((parcela) => ({
-          tituloId: titulo.id,
-          documento: titulo.documento,
-          person: getPersonById(titulo.clienteId)?.nome || '',
-          dueDate: parcela.vencimento,
-          value: parcela.valor,
-          status: parcela.status,
-        }))
-    )
-    .slice(0, 3);
-
-  return (
-    <WidgetWrapper
-      isLoading={isLoading}
-      isAccessDenied={isAccessDenied}
-      isError={isError}
-      widgetName={widget?.name || t('upcoming.receivable')}
-      onRemove={onRemove}
-    >
-      <Card className="h-full">
-        <CardHeader>
-          <CardTitle className="flex items-center gap-2 text-base">
-            <ArrowUpRight className="h-4 w-4 text-green-500" />
-            {t('upcoming.receivable')}
-          </CardTitle>
-          <CardDescription>{t('upcoming.nextDueDates')}</CardDescription>
-        </CardHeader>
-        <CardContent>
-          <div className="space-y-4">
-            {rows.map((item, index) => (
-              <Link
-                key={index}
-                href={`/finance/accounts-receivable/installments/${item.tituloId}`}
-                className="-m-2 flex cursor-pointer items-center justify-between rounded-md p-2 transition-colors hover:bg-muted/50 active:bg-muted"
-              >
-                <div className="space-y-1">
-                  <p className="text-sm font-medium">{item.documento}</p>
-                  <p className="text-xs text-muted-foreground">{item.person}</p>
-                </div>
-                <div className="text-right">
-                  <p className="text-sm font-medium">
-                    <Money value={item.value} />
-                  </p>
-                  <p className="text-xs text-muted-foreground">
-                    {formatDate(item.dueDate)}
-                  </p>
-                </div>
-                <StatusBadge status={item.status as any} />
-              </Link>
-            ))}
-          </div>
-        </CardContent>
-      </Card>
-    </WidgetWrapper>
-  );
-}