@hed-hog/lms 0.0.331 → 0.0.338

package/hedhog/frontend/app/enterprise/_components/enterprise-mocks.ts.ejs

@@ -0,0 +1,277 @@
+import type {
+  EnterpriseAccount,
+  EnterpriseClass,
+  EnterpriseCourse,
+  EnterpriseUser,
+} from './enterprise-types';
+
+// ── CRM Accounts (picker options) ─────────────────────────────────────────────
+
+export const MOCK_CRM_ACCOUNTS = [
+  { id: 101, name: 'Techcorp Brasil Ltda' },
+  { id: 102, name: 'Grupo Atlas S.A.' },
+  { id: 103, name: 'Horizonte Engenharia Ltda' },
+  { id: 104, name: 'MedPlus Saúde S.A.' },
+  { id: 105, name: 'Agro Prime Comércio Ltda' },
+  { id: 106, name: 'LogTech Transportes Ltda' },
+  { id: 107, name: 'Inova Tech S.A.' },
+  { id: 108, name: 'Dinâmica Consultoria Ltda' },
+];
+
+// ── Accounts ───────────────────────────────────────────────────────────────────
+
+export const MOCK_ENTERPRISE_ACCOUNTS: EnterpriseAccount[] = [
+  {
+    id: 1,
+    name: 'Techcorp Brasil',
+    slug: 'techcorp-brasil',
+    status: 'active',
+    crmAccountId: 101,
+    crmAccountName: 'Techcorp Brasil Ltda',
+    portalEnabled: true,
+    usersCount: 120,
+    studentsCount: 104,
+    managersCount: 14,
+    adminsCount: 2,
+    coursesCount: 8,
+    classesCount: 3,
+    licenseLimit: 150,
+    notes: null,
+    createdAt: '2026-01-01T10:00:00Z',
+    updatedAt: '2026-04-10T08:30:00Z',
+  },
+  {
+    id: 2,
+    name: 'Grupo Financeiro Atlas',
+    slug: 'grupo-financeiro-atlas',
+    status: 'active',
+    crmAccountId: 102,
+    crmAccountName: 'Grupo Atlas S.A.',
+    portalEnabled: true,
+    usersCount: 250,
+    studentsCount: 220,
+    managersCount: 28,
+    adminsCount: 2,
+    coursesCount: 14,
+    classesCount: 5,
+    licenseLimit: 300,
+    notes: null,
+    createdAt: '2026-02-01T09:00:00Z',
+    updatedAt: '2026-04-15T11:00:00Z',
+  },
+  {
+    id: 3,
+    name: 'Construtora Horizonte',
+    slug: 'construtora-horizonte',
+    status: 'active',
+    crmAccountId: null,
+    crmAccountName: null,
+    portalEnabled: false,
+    usersCount: 60,
+    studentsCount: 52,
+    managersCount: 6,
+    adminsCount: 1,
+    coursesCount: 4,
+    classesCount: 2,
+    licenseLimit: 80,
+    notes: null,
+    createdAt: '2026-03-01T08:00:00Z',
+    updatedAt: '2026-04-01T09:00:00Z',
+  },
+  {
+    id: 4,
+    name: 'MedPlus Saúde',
+    slug: 'medplus-saude',
+    status: 'trial',
+    crmAccountId: 104,
+    crmAccountName: 'MedPlus Saúde S.A.',
+    portalEnabled: true,
+    usersCount: 30,
+    studentsCount: 28,
+    managersCount: 2,
+    adminsCount: 1,
+    coursesCount: 3,
+    classesCount: 1,
+    licenseLimit: 50,
+    notes: null,
+    createdAt: '2026-04-01T11:00:00Z',
+    updatedAt: '2026-04-18T14:00:00Z',
+  },
+  {
+    id: 5,
+    name: 'Agro Prime',
+    slug: 'agro-prime',
+    status: 'inactive',
+    crmAccountId: null,
+    crmAccountName: null,
+    portalEnabled: false,
+    usersCount: 0,
+    studentsCount: 0,
+    managersCount: 0,
+    adminsCount: 0,
+    coursesCount: 0,
+    classesCount: 0,
+    licenseLimit: null,
+    notes: null,
+    createdAt: '2025-09-01T14:00:00Z',
+    updatedAt: '2026-02-28T18:00:00Z',
+  },
+  {
+    id: 6,
+    name: 'LogTech Transportes',
+    slug: 'logtech-transportes',
+    status: 'active',
+    crmAccountId: 106,
+    crmAccountName: 'LogTech Transportes Ltda',
+    portalEnabled: true,
+    usersCount: 100,
+    studentsCount: 88,
+    managersCount: 10,
+    adminsCount: 2,
+    coursesCount: 6,
+    classesCount: 2,
+    licenseLimit: 120,
+    notes: null,
+    createdAt: '2026-01-15T09:30:00Z',
+    updatedAt: '2026-04-12T10:00:00Z',
+  },
+];
+
+// ── Users (linked to account id=1) ─────────────────────────────────────────────
+
+export const MOCK_ENTERPRISE_USERS: EnterpriseUser[] = [
+  {
+    id: 1,
+    userId: 201,
+    name: 'Ana Beatriz Souza',
+    email: 'ana.souza@techcorp.com.br',
+    role: 'enterprise_admin',
+    status: 'active',
+    lastAccessAt: '2026-04-20T14:32:00Z',
+  },
+  {
+    id: 2,
+    userId: 202,
+    name: 'Carlos Eduardo Lima',
+    email: 'carlos.lima@techcorp.com.br',
+    role: 'hr_manager',
+    status: 'active',
+    lastAccessAt: '2026-04-19T09:15:00Z',
+  },
+  {
+    id: 3,
+    userId: 203,
+    name: 'Fernanda Oliveira',
+    email: 'fernanda.oliveira@techcorp.com.br',
+    role: 'student',
+    status: 'active',
+    lastAccessAt: '2026-04-18T16:00:00Z',
+  },
+  {
+    id: 4,
+    userId: 204,
+    name: 'Ricardo Mendes',
+    email: 'ricardo.mendes@techcorp.com.br',
+    role: 'student',
+    status: 'active',
+    lastAccessAt: '2026-04-17T11:45:00Z',
+  },
+  {
+    id: 5,
+    userId: 205,
+    name: 'Juliana Castro',
+    email: 'juliana.castro@techcorp.com.br',
+    role: 'viewer',
+    status: 'inactive',
+    lastAccessAt: null,
+  },
+  {
+    id: 6,
+    userId: 206,
+    name: 'Marcos Vinicius Santos',
+    email: 'marcos.santos@techcorp.com.br',
+    role: 'student',
+    status: 'pending',
+    lastAccessAt: null,
+  },
+];
+
+// ── Courses (linked to account id=1) ──────────────────────────────────────────
+
+export const MOCK_ENTERPRISE_COURSES: EnterpriseCourse[] = [
+  {
+    id: 10,
+    title: 'Liderança e Gestão de Equipes',
+    slug: 'lideranca-gestao-equipes',
+    status: 'published',
+    modality: 'Online',
+    enrolledCount: 45,
+    completionRate: 72,
+    contractedAt: '2026-01-05T00:00:00Z',
+  },
+  {
+    id: 11,
+    title: 'Compliance e Ética Corporativa',
+    slug: 'compliance-etica-corporativa',
+    status: 'published',
+    modality: 'Híbrido',
+    enrolledCount: 104,
+    completionRate: 88,
+    contractedAt: '2026-01-05T00:00:00Z',
+  },
+  {
+    id: 12,
+    title: 'Segurança da Informação',
+    slug: 'seguranca-informacao',
+    status: 'published',
+    modality: 'Online',
+    enrolledCount: 98,
+    completionRate: 61,
+    contractedAt: '2026-02-01T00:00:00Z',
+  },
+  {
+    id: 13,
+    title: 'Agile & Scrum na Prática',
+    slug: 'agile-scrum-pratica',
+    status: 'draft',
+    modality: 'Presencial',
+    enrolledCount: 0,
+    completionRate: 0,
+    contractedAt: '2026-03-10T00:00:00Z',
+  },
+];
+
+// ── Classes / Turmas (linked to account id=1) ──────────────────────────────────
+
+export const MOCK_ENTERPRISE_CLASSES: EnterpriseClass[] = [
+  {
+    id: 20,
+    code: 'T2026-LG-01',
+    courseTitle: 'Liderança e Gestão de Equipes',
+    startDate: '2026-03-01',
+    endDate: '2026-06-30',
+    enrolledCount: 45,
+    capacity: 50,
+    status: 'ongoing',
+  },
+  {
+    id: 21,
+    code: 'T2026-CE-01',
+    courseTitle: 'Compliance e Ética Corporativa',
+    startDate: '2026-01-10',
+    endDate: '2026-04-10',
+    enrolledCount: 104,
+    capacity: 120,
+    status: 'completed',
+  },
+  {
+    id: 22,
+    code: 'T2026-SI-01',
+    courseTitle: 'Segurança da Informação',
+    startDate: '2026-04-15',
+    endDate: null,
+    enrolledCount: 98,
+    capacity: 100,
+    status: 'open',
+  },
+];

package/hedhog/frontend/app/enterprise/_components/enterprise-overview-analytics.tsx.ejs

@@ -0,0 +1,205 @@
+'use client';
+
+import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
+import { ChartContainer, type ChartConfig } from '@/components/ui/chart';
+import { Activity, Gauge, LineChart as LineChartIcon } from 'lucide-react';
+import {
+  Bar,
+  BarChart,
+  CartesianGrid,
+  Cell,
+  Line,
+  LineChart,
+  Pie,
+  PieChart,
+  XAxis,
+  YAxis,
+} from 'recharts';
+import type { EnterpriseOverview } from './enterprise-types';
+
+const timelineConfig = {
+  used: { label: 'Licencas em uso', color: 'hsl(var(--chart-1))' },
+  assigned: { label: 'Entradas', color: 'hsl(var(--chart-2))' },
+  revoked: { label: 'Saidas', color: 'hsl(var(--chart-5))' },
+} satisfies ChartConfig;
+
+const usageConfig = {
+  used: { label: 'Usadas', color: 'hsl(var(--chart-1))' },
+  available: { label: 'Disponiveis', color: 'hsl(var(--chart-2))' },
+} satisfies ChartConfig;
+
+const seatConfig = {
+  value: { label: 'Vagas', color: 'hsl(var(--chart-3))' },
+} satisfies ChartConfig;
+
+export function EnterpriseOverviewAnalytics({
+  overview,
+}: {
+  overview: EnterpriseOverview;
+}) {
+  const licenseLimit = overview.licenseUsage.limit;
+  const licensePie =
+    licenseLimit && licenseLimit > 0
+      ? [
+          {
+            key: 'used',
+            name: 'Usadas',
+            value: overview.licenseUsage.used,
+            color: 'hsl(var(--chart-1))',
+          },
+          {
+            key: 'available',
+            name: 'Disponiveis',
+            value: Math.max(licenseLimit - overview.licenseUsage.used, 0),
+            color: 'hsl(var(--chart-2))',
+          },
+        ]
+      : [
+          {
+            key: 'used',
+            name: 'Usadas',
+            value: overview.licenseUsage.used,
+            color: 'hsl(var(--chart-1))',
+          },
+        ];
+
+  const seatRows = [
+    { name: 'Usadas', value: overview.scheduledSeats.used },
+    { name: 'Abertas', value: overview.scheduledSeats.open },
+  ];
+
+  return (
+    <div className="grid gap-4 xl:grid-cols-[minmax(0,1.35fr)_minmax(280px,0.65fr)]">
+      <Card className="border-border/60">
+        <CardHeader className="pb-2">
+          <CardTitle className="flex items-center gap-2 text-sm font-medium">
+            <LineChartIcon className="h-4 w-4 text-muted-foreground" />
+            Uso de licencas no tempo
+          </CardTitle>
+        </CardHeader>
+        <CardContent>
+          {overview.licenseTimeline.length === 0 ? (
+            <div className="flex h-52 items-center justify-center text-xs text-muted-foreground">
+              Sem movimentacao de licencas.
+            </div>
+          ) : (
+            <ChartContainer config={timelineConfig} className="h-56 w-full">
+              <LineChart data={overview.licenseTimeline}>
+                <CartesianGrid vertical={false} strokeDasharray="3 3" />
+                <XAxis
+                  dataKey="label"
+                  tickLine={false}
+                  axisLine={false}
+                  tickMargin={8}
+                  fontSize={11}
+                />
+                <YAxis
+                  tickLine={false}
+                  axisLine={false}
+                  tickMargin={8}
+                  fontSize={11}
+                  allowDecimals={false}
+                />
+                <Line
+                  type="monotone"
+                  dataKey="used"
+                  stroke="var(--color-used)"
+                  strokeWidth={2}
+                  dot={false}
+                />
+              </LineChart>
+            </ChartContainer>
+          )}
+        </CardContent>
+      </Card>
+
+      <div className="grid gap-4 md:grid-cols-2 xl:grid-cols-1">
+        <Card className="border-border/60">
+          <CardHeader className="pb-2">
+            <CardTitle className="flex items-center gap-2 text-sm font-medium">
+              <Gauge className="h-4 w-4 text-muted-foreground" />
+              Licencas atuais
+            </CardTitle>
+          </CardHeader>
+          <CardContent className="flex items-center gap-4">
+            <div className="relative shrink-0">
+              <ChartContainer config={usageConfig} className="h-32 w-32">
+                <PieChart>
+                  <Pie
+                    data={licensePie}
+                    innerRadius={38}
+                    outerRadius={58}
+                    dataKey="value"
+                    strokeWidth={2}
+                    stroke="hsl(var(--background))"
+                  >
+                    {licensePie.map((item) => (
+                      <Cell key={item.key} fill={item.color} />
+                    ))}
+                  </Pie>
+                </PieChart>
+              </ChartContainer>
+              <div className="pointer-events-none absolute inset-0 flex flex-col items-center justify-center">
+                <span className="text-xl font-semibold tabular-nums">
+                  {overview.licenseUsage.used}
+                </span>
+                <span className="text-[10px] text-muted-foreground">
+                  usadas
+                </span>
+              </div>
+            </div>
+            <div className="min-w-0 text-sm">
+              <p className="font-medium">
+                {licenseLimit === null
+                  ? 'Sem limite definido'
+                  : `${overview.licenseUsage.used} / ${licenseLimit}`}
+              </p>
+              <p className="mt-1 text-xs text-muted-foreground">
+                {licenseLimit === null
+                  ? 'Defina um limite para acompanhar a ocupacao.'
+                  : `${overview.licenseUsage.percent}% do limite contratado`}
+              </p>
+              {overview.licenseUsage.available !== null && (
+                <p className="mt-2 text-xs font-medium text-emerald-600">
+                  {overview.licenseUsage.available} disponiveis
+                </p>
+              )}
+            </div>
+          </CardContent>
+        </Card>
+
+        <Card className="border-border/60">
+          <CardHeader className="pb-2">
+            <CardTitle className="flex items-center gap-2 text-sm font-medium">
+              <Activity className="h-4 w-4 text-muted-foreground" />
+              Vagas em turmas agendadas
+            </CardTitle>
+          </CardHeader>
+          <CardContent>
+            <ChartContainer config={seatConfig} className="h-32 w-full">
+              <BarChart data={seatRows} layout="vertical">
+                <XAxis type="number" hide />
+                <YAxis
+                  dataKey="name"
+                  type="category"
+                  tickLine={false}
+                  axisLine={false}
+                  fontSize={11}
+                  width={58}
+                />
+                <Bar dataKey="value" radius={4}>
+                  <Cell fill="hsl(var(--chart-1))" />
+                  <Cell fill="hsl(var(--chart-2))" />
+                </Bar>
+              </BarChart>
+            </ChartContainer>
+            <p className="mt-2 text-xs text-muted-foreground">
+              {overview.scheduledSeats.used} usadas, {overview.scheduledSeats.open}{' '}
+              abertas de {overview.scheduledSeats.capacity} vagas.
+            </p>
+          </CardContent>
+        </Card>
+      </div>
+    </div>
+  );
+}

package/hedhog/frontend/app/enterprise/_components/enterprise-person-edit-sheet.tsx.ejs

@@ -0,0 +1,97 @@
+'use client';
+
+import { useApp, useQuery } from '@hed-hog/next-app-provider';
+import { useMemo } from 'react';
+import { PersonFormSheet } from '../../../contact/person/_components/person-form-sheet';
+import type {
+  ContactTypeOption,
+  DocumentTypeOption,
+  Person,
+} from '../../../contact/person/_components/person-types';
+
+export interface EnterprisePersonEditSheetProps {
+  open: boolean;
+  onOpenChange: (open: boolean) => void;
+  personId: number | null;
+  onSaved?: (person?: Person) => void | Promise<void>;
+  title?: string;
+  description?: string;
+  allowedTypes?: Array<Person['type']>;
+}
+
+export function EnterprisePersonEditSheet({
+  open,
+  onOpenChange,
+  personId,
+  onSaved,
+  title,
+  description,
+  allowedTypes,
+}: EnterprisePersonEditSheetProps) {
+  const { request, currentLocaleCode } = useApp();
+
+  const { data: contactTypes = [] } = useQuery<ContactTypeOption[]>({
+    queryKey: ['enterprise-person-edit-contact-types', currentLocaleCode],
+    queryFn: async () => {
+      const response = await request<{ data: ContactTypeOption[] }>({
+        url: '/person-contact-type?pageSize=100',
+        method: 'GET',
+      });
+
+      return response.data.data ?? [];
+    },
+    placeholderData: (previous) => previous ?? [],
+  });
+
+  const { data: documentTypes = [] } = useQuery<DocumentTypeOption[]>({
+    queryKey: ['enterprise-person-edit-document-types', currentLocaleCode],
+    queryFn: async () => {
+      const response = await request<{ data: DocumentTypeOption[] }>({
+        url: '/person-document-type?pageSize=100',
+        method: 'GET',
+      });
+
+      return response.data.data ?? [];
+    },
+    placeholderData: (previous) => previous ?? [],
+  });
+
+  const { data: person } = useQuery<Person | null>({
+    queryKey: ['enterprise-person-edit-data', personId],
+    enabled: open && typeof personId === 'number',
+    queryFn: async () => {
+      if (typeof personId !== 'number') return null;
+
+      const response = await request<Person>({
+        url: `/person/${personId}`,
+        method: 'GET',
+      });
+
+      return ((response as unknown as { data?: Person }).data ??
+        (response as unknown as Person)) as Person;
+    },
+    placeholderData: (previous) => previous ?? null,
+  });
+
+  const canRenderSheet = useMemo(
+    () =>
+      open && (personId === null || (typeof personId === 'number' && person)),
+    [open, person, personId]
+  );
+
+  if (!canRenderSheet) return null;
+
+  return (
+    <PersonFormSheet
+      open={open}
+      person={personId === null ? null : (person ?? null)}
+      contactTypes={contactTypes}
+      documentTypes={documentTypes}
+      onOpenChange={onOpenChange}
+      onSuccess={(savedPerson) => onSaved?.(savedPerson)}
+      title={title}
+      description={description}
+      allowedTypes={allowedTypes}
+    />
+  );
+}