release: v1.3.1

Author: Celio Maximiano

backend/routes/students/create_student.py

@@ -30,6 +30,7 @@ def create_student():
     name = data.get('name', '').strip()
     email = data.get('email', '').strip().lower()
     password = data.get('password', '').strip()
+    phone = data.get('phone', '').strip()
     course_ids = data.get('courseIds', [])
 
     if not name or not email or not password:
@@ -43,7 +44,7 @@ def create_student():
     hashed_password = generate_password_hash(password)
 
     try:
-        new_student = Student(email=email, password=hashed_password, name=name)
+        new_student = Student(email=email, password=hashed_password, name=name, phone=phone)
         db.session.add(new_student)
         db.session.flush()
 
@@ -62,10 +63,12 @@ def create_student():
                 'id': new_student.id,
                 'name': new_student.name,
                 'email': new_student.email,
+                'phone': new_student.phone or '',
                 'status': 'active' if new_student.courses else 'inactive',
                 'courses': [{'id': c.id, 'name': c.name} for c in new_student.courses],
                 'createdAt': new_student.created_at.isoformat() if new_student.created_at else None,
                 'quickAccessToken': new_student.uuid,
+                'extra_data': new_student.extra_data or {},
             }
         })
 

backend/routes/students/list_students.py

@@ -42,7 +42,12 @@ def list_students():
     if search:
         like = f'%{search}%'
         query = query.filter(
-            or_(Student.name.ilike(like), Student.email.ilike(like))
+            or_(
+                Student.name.ilike(like),
+                Student.email.ilike(like),
+                Student.phone.ilike(like),
+                Student.extra_data.cast(db.Text).ilike(like)
+            )
         )
 
     if course_id:
@@ -84,6 +89,7 @@ def _serialize(s: Student) -> dict:
         'courses': [{'id': c.id, 'name': c.name} for c in s.courses],
         'createdAt': s.created_at.isoformat() if s.created_at else None,
         'quickAccessToken': s.uuid,
+        'extra_data': s.extra_data or {},
     }
 
 

backend/routes/students/update_student.py

@@ -38,6 +38,8 @@ def update_student(student_id):
 
         student.name = data.get('name', student.name).strip()
         student.email = new_email
+        if 'phone' in data:
+            student.phone = data.get('phone', '').strip()
 
         new_password = data.get('password', '').strip()
         if new_password:
@@ -52,9 +54,11 @@ def update_student(student_id):
                 'id': student.id,
                 'name': student.name,
                 'email': student.email,
+                'phone': student.phone or '',
                 'status': 'active' if student.courses else 'inactive',
                 'courses': [{'id': c.id, 'name': c.name} for c in student.courses],
                 'quickAccessToken': student.uuid,
+                'extra_data': student.extra_data or {},
             }
         })
 

backend/webhook/platforms/payt.py

@@ -8,6 +8,7 @@ def _extract_extra_data(data: dict) -> dict:
         'seller_id': data.get('seller_id'),
         'customer_code': data.get('customer', {}).get('code'),
         'payment_method': data.get('transaction', {}).get('payment_method'),
+        'customer': data.get('customer', {}),
     }
 
     # UTMs e source

frontend/src/components/modals/students/AddStudentModal.tsx

@@ -24,6 +24,7 @@ export interface AddStudentFormData {
     name: string;
     email: string;
     password: string;
+    phone?: string;
     courseIds: number[];
 }
 
@@ -37,6 +38,7 @@ export function AddStudentModal({
 }: AddStudentModalProps) {
     const [name, setName] = useState("");
     const [email, setEmail] = useState("");
+    const [phone, setPhone] = useState("");
     const [password, setPassword] = useState("");
     const [showPassword, setShowPassword] = useState(false);
     const [selectedCourseIds, setSelectedCourseIds] = useState<number[]>([]);
@@ -53,6 +55,7 @@ export function AddStudentModal({
     function resetForm() {
         setName("");
         setEmail("");
+        setPhone("");
         setPassword("");
         setSelectedCourseIds([]);
         setCourseToAdd("");
@@ -108,7 +111,7 @@ export function AddStudentModal({
 
     function handleSubmit(e: React.FormEvent) {
         e.preventDefault();
-        onSubmit({ name, email, password, courseIds: selectedCourseIds });
+        onSubmit({ name, email, password, phone, courseIds: selectedCourseIds });
     }
 
     const canSubmit = name.trim() && email.trim() && password.trim() && !hasEmailError;
@@ -177,6 +180,19 @@ export function AddStudentModal({
                         )}
                     </div>
 
+                    {/* Phone */}
+                    <div className="space-y-2">
+                        <Label htmlFor="student-phone" className="text-sm font-medium">
+                            Telefone (opcional)
+                        </Label>
+                        <Input
+                            id="student-phone"
+                            value={phone}
+                            onChange={(e) => setPhone(e.target.value)}
+                            placeholder="Ex: +55 (11) 99999-9999"
+                        />
+                    </div>
+
                     {/* Password */}
                     <div className="space-y-2">
                         <Label htmlFor="student-password" className="text-sm font-medium">

frontend/src/components/modals/students/EditStudentModal.tsx

@@ -26,6 +26,7 @@ export interface EditStudentFormData {
     email: string;
     /** Empty string means keep current password */
     password: string;
+    phone?: string;
 }
 
 export function EditStudentModal({
@@ -38,6 +39,7 @@ export function EditStudentModal({
 }: EditStudentModalProps) {
     const [name, setName] = useState("");
     const [email, setEmail] = useState("");
+    const [phone, setPhone] = useState("");
     const [password, setPassword] = useState("");
     const [emailExists, setEmailExists] = useState(false);
     const [checkingEmail, setCheckingEmail] = useState(false);
@@ -47,6 +49,7 @@ export function EditStudentModal({
         if (student) {
             setName(student.name);
             setEmail(student.email);
+            setPhone(student.phone ?? "");
             setPassword("");
             setEmailExists(false);
         }
@@ -55,7 +58,7 @@ export function EditStudentModal({
     function handleSubmit(e: React.FormEvent) {
         e.preventDefault();
         if (!student) return;
-        onSubmit({ id: student.id, name, email, password });
+        onSubmit({ id: student.id, name, email, password, phone });
     }
 
     const isAdminEmail = adminEmail !== "" && email.trim().toLowerCase() === adminEmail;
@@ -149,6 +152,19 @@ export function EditStudentModal({
                         )}
                     </div>
 
+                    {/* Phone */}
+                    <div className="space-y-2">
+                        <Label htmlFor="edit-phone" className="text-sm font-medium">
+                            Telefone (opcional)
+                        </Label>
+                        <Input
+                            id="edit-phone"
+                            value={phone}
+                            onChange={(e) => setPhone(e.target.value)}
+                            placeholder="Ex: +55 (11) 99999-9999"
+                        />
+                    </div>
+
                     {/* Password */}
                     <div className="space-y-2">
                         <Label htmlFor="edit-password" className="text-sm font-medium">

frontend/src/components/modals/students/StudentInfoModal.tsx

@@ -0,0 +1,200 @@
+import type { ReactNode } from "react";
+import {
+    Dialog,
+    DialogContent,
+    DialogHeader,
+    DialogTitle,
+} from "@/components/ui/dialog";
+import { Badge } from "@/components/ui/badge";
+import { Button } from "@/components/ui/button";
+import type { Student } from "@/types/student";
+import { formatBrazilianDate } from "@/utils/formatDate";
+import { statusColors, statusLabels } from "@/types/student";
+
+interface StudentInfoModalProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    student: Student | null;
+}
+
+export function StudentInfoModal({ open, onOpenChange, student }: StudentInfoModalProps) {
+    if (!student) return null;
+
+    const extra = student.extra_data || {};
+    const source = extra.source || "Não identificado";
+    const paytData = extra.payt || {};
+    const utms = paytData.utms || {};
+    
+    // Customer details (from direct customer object, payt nested customer, or fallback fields)
+    const customer = extra.customer || paytData.customer || {};
+    const customerDoc = customer.doc || extra.doc || customer.cpf || customer.cnpj;
+    const customerUrl = customer.url;
+    const customerCode = customer.code || paytData.customer_code || extra.customer_code;
+
+    // Transaction details
+    const transactionId = paytData.transaction_id || extra.transaction_id;
+    const paymentMethod = paytData.payment_method || extra.payment_method;
+    const sellerId = paytData.seller_id;
+    const chatwootContact = extra.chatwoot_contact_id;
+    const chatwootConv = extra.chatwoot_conversation_id;
+
+    // Filter out common keys for the additional data section
+    const knownKeys = ["source", "full_name", "payt", "customer", "chatwoot_contact_id", "chatwoot_conversation_id", "transaction_id", "payment_method", "customer_code", "doc"];
+    const otherKeys = Object.keys(extra).filter(key => !knownKeys.includes(key));
+
+    return (
+        <Dialog open={open} onOpenChange={onOpenChange}>
+            <DialogContent className="sm:max-w-md max-h-[85vh] overflow-y-auto p-4 gap-3">
+                <DialogHeader className="pb-2 border-b">
+                    <DialogTitle className="flex items-center gap-1.5 text-base font-bold">
+                        <i className="ri-information-line text-primary text-lg" />
+                        Ficha do Aluno
+                    </DialogTitle>
+                </DialogHeader>
+
+                <div className="space-y-4 text-xs">
+                    {/* Aluno Header */}
+                    <div className="flex items-center justify-between bg-muted/30 p-2.5 rounded-lg border">
+                        <div className="min-w-0">
+                            <h3 className="font-bold text-sm truncate text-foreground">{student.name}</h3>
+                            <p className="text-muted-foreground text-xs truncate">{student.email}</p>
+                        </div>
+                        <Badge variant="secondary" className={`text-[10px] py-0 px-1.5 font-medium ${statusColors[student.status]}`}>
+                            {statusLabels[student.status]}
+                        </Badge>
+                    </div>
+
+                    {/* Dados Pessoais / Cadastro */}
+                    <div className="space-y-1.5">
+                        <h4 className="text-[10px] font-bold text-muted-foreground uppercase tracking-wider">Dados Pessoais & Contato</h4>
+                        <div className="grid grid-cols-2 gap-x-4 gap-y-1.5 bg-muted/10 p-2.5 rounded-lg border">
+                            <DataRow label="Telefone" value={student.phone || customer.phone || "Não informado"} />
+                            <DataRow label="CPF/CNPJ" value={customerDoc || "Não informado"} />
+                            <DataRow label="Cadastro" value={formatBrazilianDate(student.createdAt)} />
+                            <DataRow 
+                                label="Origem" 
+                                value={
+                                    <span className="capitalize font-semibold text-primary">
+                                        {source}
+                                    </span>
+                                } 
+                            />
+                        </div>
+                    </div>
+
+                    {/* Dados de Venda / Checkout */}
+                    {(transactionId || customerCode || sellerId || paymentMethod || customerUrl) && (
+                        <div className="space-y-1.5">
+                            <div className="flex justify-between items-center">
+                                <h4 className="text-[10px] font-bold text-muted-foreground uppercase tracking-wider">Informações da Venda</h4>
+                                {customerUrl && (
+                                    <a 
+                                        href={customerUrl} 
+                                        target="_blank" 
+                                        rel="noopener noreferrer" 
+                                        className="text-[10px] text-primary hover:underline flex items-center gap-0.5"
+                                    >
+                                        Ver na plataforma <i className="ri-external-link-line text-[9px]" />
+                                    </a>
+                                )}
+                            </div>
+                            <div className="grid grid-cols-1 gap-y-1.5 bg-muted/10 p-2.5 rounded-lg border">
+                                {transactionId && <DataRow label="ID Transação" value={transactionId} isMono />}
+                                {customerCode && <DataRow label="Cód. Cliente" value={customerCode} isMono />}
+                                {sellerId && <DataRow label="ID Seller" value={sellerId} isMono />}
+                                {paymentMethod && <DataRow label="Método Pgto" value={paymentMethod} className="capitalize" />}
+                            </div>
+                        </div>
+                    )}
+
+                    {/* UTMs */}
+                    {Object.values(utms).some(val => val) && (
+                        <div className="space-y-1.5">
+                            <h4 className="text-[10px] font-bold text-muted-foreground uppercase tracking-wider">Parâmetros de Campanha (UTM)</h4>
+                            <div className="grid grid-cols-2 gap-1 bg-muted/10 p-2 rounded-lg border">
+                                {Object.entries(utms).map(([key, val]) => {
+                                    if (!val) return null;
+                                    return (
+                                        <div key={key} className="flex justify-between items-center py-0.5 border-b border-dashed border-muted last:border-0">
+                                            <span className="text-muted-foreground text-[10px] uppercase font-mono">{key}:</span>
+                                            <span className="font-semibold text-foreground truncate max-w-[120px]" title={String(val)}>
+                                                {renderValue(val)}
+                                            </span>
+                                        </div>
+                                    );
+                                })}
+                            </div>
+                        </div>
+                    )}
+
+                    {/* Integrações */}
+                    {(chatwootContact || chatwootConv) && (
+                        <div className="space-y-1.5">
+                            <h4 className="text-[10px] font-bold text-muted-foreground uppercase tracking-wider">Integrações de Chat</h4>
+                            <div className="grid grid-cols-2 gap-x-4 gap-y-1.5 bg-muted/10 p-2.5 rounded-lg border">
+                                {chatwootContact && <DataRow label="Chatwoot Contato" value={chatwootContact} isMono />}
+                                {chatwootConv && <DataRow label="Chatwoot Conversa" value={chatwootConv} isMono />}
+                            </div>
+                        </div>
+                    )}
+
+                    {/* Dados Adicionais Raw JSON */}
+                    {otherKeys.length > 0 && (
+                        <div className="space-y-1">
+                            <h4 className="text-[10px] font-bold text-muted-foreground uppercase tracking-wider">Outros Metadados</h4>
+                            <pre className="text-[10px] font-mono bg-muted/40 p-2 rounded border overflow-x-auto max-h-[100px] leading-tight">
+                                {JSON.stringify(
+                                    otherKeys.reduce((acc, key) => ({ ...acc, [key]: extra[key] }), {}),
+                                    null,
+                                    2
+                                )}
+                            </pre>
+                        </div>
+                    )}
+
+                    {/* Close Action */}
+                    <div className="flex justify-end pt-1">
+                        <Button variant="outline" size="sm" onClick={() => onOpenChange(false)} className="w-full sm:w-auto h-8 text-xs">
+                            Fechar
+                        </Button>
+                    </div>
+                </div>
+            </DialogContent>
+        </Dialog>
+    );
+}
+
+function renderValue(val: any): ReactNode {
+    if (typeof val === "string" && (val.startsWith("http://") || val.startsWith("https://"))) {
+        return (
+            <a 
+                href={val} 
+                target="_blank" 
+                rel="noopener noreferrer" 
+                className="text-primary hover:underline inline-flex items-center gap-0.5 font-semibold"
+                title={val}
+            >
+                Link <i className="ri-external-link-line text-[10px]" />
+            </a>
+        );
+    }
+    return val;
+}
+
+interface DataRowProps {
+    label: string;
+    value: ReactNode;
+    isMono?: boolean;
+    className?: string;
+}
+
+function DataRow({ label, value, isMono = false, className = "" }: DataRowProps) {
+    return (
+        <div className="flex justify-between items-center py-0.5 border-b border-dashed border-muted last:border-0 min-w-0">
+            <span className="text-muted-foreground shrink-0 pr-2">{label}:</span>
+            <span className={`font-medium text-foreground truncate max-w-[200px] ${isMono ? "font-mono text-[11px]" : ""} ${className}`} title={typeof value === 'string' ? value : undefined}>
+                {renderValue(value)}
+            </span>
+        </div>
+    );
+}