@hed-hog/contact 0.0.306 → 0.0.310

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

@@ -63,13 +63,30 @@ type ImportResult = {
 
 type ColumnMapping = Record<string, string>;
 
-type CompanyOption = {
-  id: number;
-  name: string;
-  trade_name?: string | null;
-};
-
-type WizardStep = 'upload' | 'preview' | 'mapping' | 'confirm' | 'result';
+type CompanyOption = {
+  id: number;
+  name: string;
+  trade_name?: string | null;
+};
+
+type WizardStep = 'upload' | 'preview' | 'mapping' | 'confirm' | 'result';
+
+function getImportErrorMessage(error: unknown, fallback: string) {
+  if (typeof error === 'object' && error !== null) {
+    const response = 'response' in error ? error.response : undefined;
+    if (typeof response === 'object' && response !== null && 'data' in response) {
+      const data = response.data;
+      if (typeof data === 'object' && data !== null && 'message' in data) {
+        const message = data.message;
+        if (typeof message === 'string') return message;
+      }
+    }
+    if ('message' in error && typeof error.message === 'string') {
+      return error.message;
+    }
+  }
+  return fallback;
+}
 
 // ─── CRM Field Definitions ───────────────────────────────────────────────────
 
@@ -147,7 +164,7 @@ function StepIndicator({ current }: { current: WizardStep }) {
               <Icon className="size-3.5" />
             )}
             <span className="text-[10px] font-medium leading-tight hidden sm:block">
-              {t(step.labelKey as any)}
+              {t(step.labelKey as never)}
             </span>
           </div>
         );
@@ -419,7 +436,7 @@ function MappingStep({
             {duplicateFields
               .map((field) => {
                 const fieldDef = CRM_FIELDS.find((f) => f.value === field);
-                const label = fieldDef ? t(fieldDef.labelKey as any) : field;
+                const label = fieldDef ? t(fieldDef.labelKey as never) : field;
                 return t('importMappingDuplicateWarning', { field: label });
               })
               .join(' ')}
@@ -481,7 +498,7 @@ function MappingStep({
                         value={field.value}
                         className="text-xs"
                       >
-                        {t(field.labelKey as any)}
+                        {t(field.labelKey as never)}
                       </SelectItem>
                     ))}
                   </SelectContent>
@@ -564,7 +581,7 @@ function ConfirmStep({
                   variant="outline"
                   className="text-[10px] border-primary/30 bg-primary/5 text-primary px-1.5 py-0"
                 >
-                  {fieldDef ? t(fieldDef.labelKey as any) : field}
+                  {fieldDef ? t(fieldDef.labelKey as never) : field}
                 </Badge>
               </div>
             );
@@ -588,9 +605,11 @@ function ConfirmStep({
           onChange={(val) => {
             onCompanyChange(val ? Number(val) : null);
           }}
-          getOptionValue={(opt) => (opt as any).id}
-          getOptionLabel={(opt) => (opt as any).name ?? ''}
-          getOptionDescription={(opt) => (opt as any).trade_name ?? undefined}
+          getOptionValue={(opt) => (opt as CompanyOption).id}
+          getOptionLabel={(opt) => (opt as CompanyOption).name ?? ''}
+          getOptionDescription={(opt) =>
+            (opt as CompanyOption).trade_name ?? undefined
+          }
           loadOptions={async ({ page, pageSize, search }) => {
             const params = new URLSearchParams({
               page: String(page),
@@ -797,19 +816,29 @@ function ResultStep({
 
 // ─── Main Sheet ──────────────────────────────────────────────────────────────
 
-export type PersonImportSheetProps = {
-  open: boolean;
-  onOpenChange: (open: boolean) => void;
-  onSuccess: () => void;
-  initialCompanyId?: number | null;
-};
-
-export function PersonImportSheet({
-  open,
-  onOpenChange,
-  onSuccess,
-  initialCompanyId = null,
-}: PersonImportSheetProps) {
+export type PersonImportSheetProps = {
+  open: boolean;
+  onOpenChange: (open: boolean) => void;
+  onSuccess: (result?: ImportResult) => void;
+  initialCompanyId?: number | null;
+  previewUrl?: string;
+  importUrl?: string;
+  title?: string;
+  description?: string;
+  nameRequired?: boolean;
+};
+
+export function PersonImportSheet({
+  open,
+  onOpenChange,
+  onSuccess,
+  initialCompanyId = null,
+  previewUrl = '/person/import/preview',
+  importUrl = '/person/import',
+  title,
+  description,
+  nameRequired = true,
+}: PersonImportSheetProps) {
   const t = useTranslations('contact.ContactPage');
   const { request } = useApp();
 
@@ -857,8 +886,8 @@ export function PersonImportSheet({
       }
       onOpenChange(nextOpen);
     },
-    [onOpenChange]
-  );
+    [initialCompanyId, onOpenChange]
+  );
 
   // ── Auto-initialise mapping from columns ──
   const initMapping = useCallback((columns: string[]) => {
@@ -870,15 +899,16 @@ export function PersonImportSheet({
   }, []);
 
   // ── Navigation ──
-  const canGoNext = (): boolean => {
-    if (step === 'upload') return !!file;
-    if (step === 'preview') return !!preview && !previewError;
-    if (step === 'mapping') {
-      const hasName = Object.values(mapping).includes('name');
-      return hasName;
-    }
-    if (step === 'confirm') return true;
-    return false;
+  const canGoNext = (): boolean => {
+    if (step === 'upload') return !!file;
+    if (step === 'preview') return !!preview && !previewError;
+    if (step === 'mapping') {
+      const hasName = Object.values(mapping).includes('name');
+      const hasEmail = Object.values(mapping).includes('email');
+      return nameRequired ? hasName : hasEmail;
+    }
+    if (step === 'confirm') return true;
+    return false;
   };
 
   const handleNext = async () => {
@@ -896,14 +926,19 @@ export function PersonImportSheet({
       await fetchPreview();
     } else if (step === 'preview') {
       setStep('mapping');
-    } else if (step === 'mapping') {
-      const hasName = Object.values(mapping).includes('name');
-      if (!hasName) {
-        setMappingError(t('importMappingNameRequired'));
-        return;
-      }
-      setMappingError(null);
-      setStep('confirm');
+    } else if (step === 'mapping') {
+      const hasName = Object.values(mapping).includes('name');
+      const hasEmail = Object.values(mapping).includes('email');
+      if (nameRequired && !hasName) {
+        setMappingError(t('importMappingNameRequired'));
+        return;
+      }
+      if (!nameRequired && !hasEmail) {
+        setMappingError('Mapeie uma coluna para Email.');
+        return;
+      }
+      setMappingError(null);
+      setStep('confirm');
     } else if (step === 'confirm') {
       await runImport();
     }
@@ -926,19 +961,17 @@ export function PersonImportSheet({
       const formData = new FormData();
       formData.append('file', file);
 
-      const res = await request<ImportPreview>({
-        url: '/person/import/preview',
-        method: 'POST',
-        data: formData,
+      const res = await request<ImportPreview>({
+        url: previewUrl,
+        method: 'POST',
+        data: formData,
         headers: { 'Content-Type': 'multipart/form-data' },
       });
 
       setPreview(res.data);
       initMapping(res.data.columns);
-    } catch (err: any) {
-      const msg =
-        err?.response?.data?.message ?? err?.message ?? t('importErrorGeneric');
-      setPreviewError(msg);
+    } catch (err: unknown) {
+      setPreviewError(getImportErrorMessage(err, t('importErrorGeneric')));
     } finally {
       setPreviewLoading(false);
     }
@@ -957,19 +990,17 @@ export function PersonImportSheet({
       formData.append('mapping', JSON.stringify(mapping));
       if (companyId) formData.append('company_id', String(companyId));
 
-      const res = await request<ImportResult>({
-        url: '/person/import',
-        method: 'POST',
-        data: formData,
+      const res = await request<ImportResult>({
+        url: importUrl,
+        method: 'POST',
+        data: formData,
         headers: { 'Content-Type': 'multipart/form-data' },
       });
-
-      setResult(res.data);
-      onSuccess();
-    } catch (err: any) {
-      const msg =
-        err?.response?.data?.message ?? err?.message ?? t('importErrorGeneric');
-      setImportError(msg);
+
+      setResult(res.data);
+      onSuccess(res.data);
+    } catch (err: unknown) {
+      setImportError(getImportErrorMessage(err, t('importErrorGeneric')));
     } finally {
       setImportLoading(false);
     }
@@ -988,12 +1019,12 @@ export function PersonImportSheet({
               <Upload className="h-4 w-4 text-primary" />
             </div>
             <div>
-              <SheetTitle className="text-base">
-                {t('importSheetTitle')}
-              </SheetTitle>
-              <SheetDescription className="text-xs">
-                {t('importSheetDescription')}
-              </SheetDescription>
+              <SheetTitle className="text-base">
+                {title ?? t('importSheetTitle')}
+              </SheetTitle>
+              <SheetDescription className="text-xs">
+                {description ?? t('importSheetDescription')}
+              </SheetDescription>
             </div>
           </div>
         </SheetHeader>

package/hedhog/frontend/app/person/_components/person-types.ts.ejs

@@ -91,6 +91,7 @@ export type PersonInteractionType =
 export type UserOption = {
   id: number;
   name: string;
+  photo_id?: number | null;
 };
 
 export type PersonStats = {

package/hedhog/frontend/app/pipeline/_components/lead-detail-sheet.tsx.ejs

@@ -1,5 +1,6 @@
 'use client';
 
+import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar';
 import { Badge } from '@/components/ui/badge';
 import { Button } from '@/components/ui/button';
 import { Separator } from '@/components/ui/separator';
@@ -309,13 +310,22 @@ export function LeadDetailSheet({
       <SheetContent className="flex h-full w-full max-w-[95vw] flex-col overflow-hidden p-0 sm:max-w-4xl xl:max-w-5xl">
         <SheetHeader className="shrink-0 border-b px-5 py-4 text-left">
           <div className="flex items-start gap-3 pr-6">
-            <div className="flex size-11 shrink-0 items-center justify-center rounded-2xl bg-muted text-muted-foreground">
-              {lead.type === 'company' ? (
-                <Building2 className="size-5" />
-              ) : (
-                <User className="size-5" />
-              )}
-            </div>
+            <Avatar className="size-11 shrink-0 rounded-2xl">
+              {lead.avatar_id ? (
+                <AvatarImage
+                  src={`${process.env.NEXT_PUBLIC_API_BASE_URL}/person/avatar/${lead.avatar_id}`}
+                  alt={lead.name}
+                  className="object-cover"
+                />
+              ) : null}
+              <AvatarFallback className="rounded-2xl bg-muted text-muted-foreground">
+                {lead.type === 'company' ? (
+                  <Building2 className="size-5" />
+                ) : (
+                  <User className="size-5" />
+                )}
+              </AvatarFallback>
+            </Avatar>
 
             <div className="min-w-0 flex-1 space-y-2">
               <div className="space-y-1">

package/hedhog/frontend/app/pipeline/page.tsx.ejs

@@ -6,6 +6,7 @@ import {
   SearchBar,
   type SearchBarControl,
 } from '@/components/entity-list';
+import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar';
 import { Badge } from '@/components/ui/badge';
 import {
   Card,
@@ -27,6 +28,7 @@ import {
   TooltipTrigger,
 } from '@/components/ui/tooltip';
 import { useDebounce } from '@/hooks/use-debounce';
+import { getPhotoUrl } from '@/lib/get-photo-url';
 import { cn } from '@/lib/utils';
 import {
   closestCenter,
@@ -231,6 +233,7 @@ function mapPersonToCrmLead(person: Person): CrmLead {
         ? person.trade_name || null
         : person.employer_company?.name || null,
     tags: Array.isArray(person.tags) ? person.tags.filter(Boolean) : [],
+    avatar_id: person.avatar_id ?? null,
   };
 }
 
@@ -808,7 +811,23 @@ export default function CrmPipelinePage() {
                                             <Tooltip>
                                               <TooltipTrigger asChild>
                                                 <div className="flex min-w-0 cursor-default items-center gap-1 rounded-md bg-muted/60 px-1.5 py-0.5">
-                                                  <CircleUser className="size-3 shrink-0 text-muted-foreground" />
+                                                  <Avatar className="size-3 shrink-0">
+                                                    {lead.owner_user
+                                                      ?.photo_id && (
+                                                      <AvatarImage
+                                                        src={getPhotoUrl(
+                                                          lead.owner_user
+                                                            .photo_id
+                                                        )}
+                                                        alt={
+                                                          lead.owner_user.name
+                                                        }
+                                                      />
+                                                    )}
+                                                    <AvatarFallback className="rounded-full bg-transparent p-0">
+                                                      <CircleUser className="size-3 text-muted-foreground" />
+                                                    </AvatarFallback>
+                                                  </Avatar>
                                                   <span className="truncate text-[11px] text-muted-foreground">
                                                     {lead.owner_user?.name ||
                                                       dashboardT(
@@ -1031,7 +1050,7 @@ export default function CrmPipelinePage() {
 
           <DragOverlay>
             {activeDragLead ? (
-              <div className="w-[210px] rounded-xl border border-primary/30 bg-card p-3 shadow-lg">
+              <div className="w-52.5 rounded-xl border border-primary/30 bg-card p-3 shadow-lg">
                 <p className="line-clamp-2 text-xs font-semibold leading-4">
                   {activeDragLead.name}
                 </p>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hed-hog/contact",
-  "version": "0.0.306",
+  "version": "0.0.310",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "dependencies": {
@@ -9,13 +9,13 @@
     "@nestjs/core": "^11",
     "@nestjs/jwt": "^11",
     "@nestjs/mapped-types": "*",
-    "@hed-hog/core": "0.0.306",
-    "@hed-hog/address": "0.0.306",
+    "@hed-hog/core": "0.0.310",
     "@hed-hog/api-prisma": "0.0.6",
-    "@hed-hog/api": "0.0.6",
-    "@hed-hog/api-locale": "0.0.14",
     "@hed-hog/api-mail": "0.0.9",
-    "@hed-hog/api-pagination": "0.0.7"
+    "@hed-hog/api-pagination": "0.0.7",
+    "@hed-hog/api-locale": "0.0.14",
+    "@hed-hog/address": "0.0.310",
+    "@hed-hog/api": "0.0.6"
   },
   "exports": {
     ".": {

package/src/person/dto/account.dto.ts

@@ -1,20 +1,20 @@
 import { Type } from 'class-transformer';
 import {
-  IsArray,
-  IsEmail,
-  IsIn,
-  IsInt,
-  IsNumber,
-  IsOptional,
-  IsString,
-  MaxLength,
-  ValidateNested,
+    IsArray,
+    IsEmail,
+    IsIn,
+    IsInt,
+    IsNumber,
+    IsOptional,
+    IsString,
+    MaxLength,
+    ValidateNested,
 } from 'class-validator';
 import { PersonStatus } from './create.dto';
 import {
-  UpdateAllAddressDTO,
-  UpdateAllContactDTO,
-  UpdateAllDocumentDTO,
+    UpdateAllAddressDTO,
+    UpdateAllContactDTO,
+    UpdateAllDocumentDTO,
 } from './update.dto';
 
 export const ACCOUNT_LIFECYCLE_STAGES = [
@@ -126,6 +126,10 @@ export class CreateAccountDTO {
   @ValidateNested({ each: true })
   @Type(() => UpdateAllDocumentDTO)
   documents?: UpdateAllDocumentDTO[];
+
+  @IsOptional()
+  @IsInt()
+  avatar_id?: number | null;
 }
 
 export class UpdateAccountDTO extends CreateAccountDTO {}

package/src/person/person.service.ts

@@ -126,6 +126,7 @@ type AccountListItem = {
   state: string | null;
   created_at: string;
   last_interaction_at: string | null;
+  avatar_id: number | null;
 };
 
 type CrmActivityListParams = Omit<PaginationDTO, 'sortField' | 'sortOrder'> &
@@ -1348,6 +1349,7 @@ export class PersonService {
           name: normalizedName,
           type: 'company',
           status: data.status,
+          avatar_id: data.avatar_id ?? null,
         },
       });
 
@@ -1391,6 +1393,7 @@ export class PersonService {
           name: nextName,
           type: 'company',
           status: data.status ?? person.status,
+          avatar_id: data.avatar_id === undefined ? person.avatar_id : data.avatar_id,
         },
       });
 
@@ -4365,6 +4368,7 @@ export class PersonService {
         name: true,
         status: true,
         type: true,
+        avatar_id: true,
       },
     });
 
@@ -4426,6 +4430,7 @@ export class PersonService {
       created_at: person.created_at?.toISOString?.() ?? String(person.created_at),
       last_interaction_at:
         this.normalizeDateTimeOrNull(person.last_interaction_at) ?? null,
+      avatar_id: person.avatar_id ?? null,
     };
   }