Lovable sync 1780254909

.tsc-baseline.json

@@ -1,13 +1,19 @@
 {
-  "generatedAt": "2026-05-31T13:23:04.590Z",
-  "totalErrors": 62,
+  "generatedAt": "2026-05-31T21:30:44.376Z",
+  "totalErrors": 96,
   "counts": {
     "src/components/mockup/approval/OffscreenLayoutCapture.tsx": {
       "TS2345": 1
     },
     "src/components/search/AdvancedSearch.tsx": {
       "TS2345": 1
     },
+    "src/hooks/admin/useAllowedIPs.ts": {
+      "TS2322": 5,
+      "TS2345": 3,
+      "TS2352": 1,
+      "TS2769": 4
+    },
     "src/hooks/admin/useDeviceDetection.ts": {
       "TS2353": 1
     },
@@ -20,6 +26,12 @@
     "src/hooks/auth/useAccessSecurity.ts": {
       "TS2345": 1
     },
+    "src/hooks/intelligence/useSalesGoals.ts": {
+      "TS2322": 10,
+      "TS2345": 5,
+      "TS2353": 1,
+      "TS2769": 6
+    },
     "src/hooks/mockup/mockupGenerationService.ts": {
       "TS2322": 1
     },
@@ -41,6 +53,10 @@
       "TS2589": 4,
       "TS2769": 5
     },
+    "src/hooks/simulation/useSimulation.ts": {
+      "TS2345": 1,
+      "TS2769": 3
+    },
     "src/hooks/simulation/useTechniquePricing.ts": {
       "TS2339": 16,
       "TS2345": 1,
@@ -60,9 +76,6 @@
       "TS2322": 1,
       "TS2339": 1
     },
-    "src/lib/theme-presets.ts": {
-      "TS2322": 5
-    },
     "src/pages/products/FavoritesPage.tsx": {
       "TS2322": 2
     },

src/components/novelties/NoveltyProductGrid.tsx

@@ -613,14 +613,26 @@ export function NoveltyProductGrid() {
               <PaginationItem>
                 <PaginationPrevious
                   onClick={() => setCurrentPage((p) => Math.max(1, p - 1))}
-                  className={cn(currentPage === 1 && 'pointer-events-none opacity-50', 'cursor-pointer')}
+                  className={cn(
+                    currentPage === 1 && 'pointer-events-none opacity-50',
+                    'cursor-pointer',
+                  )}
                 />
               </PaginationItem>
 
               {Array.from({ length: totalPages }, (_, i) => i + 1).map((page) => {
-                if (totalPages > 7 && page !== 1 && page !== totalPages && Math.abs(page - currentPage) > 1) {
+                if (
+                  totalPages > 7 &&
+                  page !== 1 &&
+                  page !== totalPages &&
+                  Math.abs(page - currentPage) > 1
+                ) {
                   if (page === currentPage - 2 || page === currentPage + 2) {
-                    return <PaginationItem key={page}><PaginationEllipsis /></PaginationItem>;
+                    return (
+                      <PaginationItem key={page}>
+                        <PaginationEllipsis />
+                      </PaginationItem>
+                    );
                   }
                   return null;
                 }
@@ -640,7 +652,10 @@ export function NoveltyProductGrid() {
               <PaginationItem>
                 <PaginationNext
                   onClick={() => setCurrentPage((p) => Math.min(totalPages, p + 1))}
-                  className={cn(currentPage === totalPages && 'pointer-events-none opacity-50', 'cursor-pointer')}
+                  className={cn(
+                    currentPage === totalPages && 'pointer-events-none opacity-50',
+                    'cursor-pointer',
+                  )}
                 />
               </PaginationItem>
             </PaginationContent>

src/components/products/__tests__/ColorVariationsStyle.test.tsx

@@ -6,14 +6,20 @@ import { TooltipProvider } from '@/components/ui/tooltip';
 
 // Mock color data
 const mockColors = [
-  { id: '1', name: 'Vermelho', hex: '#FF0000', variationName: 'Vermelho', groupName: 'Cores Quentes' },
+  {
+    id: '1',
+    name: 'Vermelho',
+    hex: '#FF0000',
+    variationName: 'Vermelho',
+    groupName: 'Cores Quentes',
+  },
   { id: '2', name: 'Azul', hex: '#0000FF', variationName: 'Azul', groupName: 'Cores Frias' },
 ];
 
 describe('Color Variation Layout Consistency', () => {
   it('ColorTooltipContent renders with correct structure and styles', () => {
     const { getByTestId, getByText } = render(
-      <ColorTooltipContent colorName="Branco" colorHex="#FFFFFF" />
+      <ColorTooltipContent colorName="Branco" colorHex="#FFFFFF" />,
     );
 
     const swatch = getByTestId('color-tooltip-swatch');
@@ -33,7 +39,7 @@ describe('Color Variation Layout Consistency', () => {
     render(
       <TooltipProvider>
         <ProductColorSelector colors={mockColors} />
-      </TooltipProvider>
+      </TooltipProvider>,
     );
 
     const swatches = screen.getAllByRole('button');
@@ -43,11 +49,14 @@ describe('Color Variation Layout Consistency', () => {
     fireEvent.mouseEnter(firstSwatch);
 
     // Wait for the tooltip to appear in the DOM (searching globally since it might be in a portal)
-    await waitFor(() => {
-      // Check for the text inside the tooltip
-      const tooltipText = document.body.textContent || '';
-      expect(tooltipText).toContain('Vermelho');
-    }, { timeout: 2000 });
+    await waitFor(
+      () => {
+        // Check for the text inside the tooltip
+        const tooltipText = document.body.textContent || '';
+        expect(tooltipText).toContain('Vermelho');
+      },
+      { timeout: 2000 },
+    );
 
     // Verify it's not a native title
     expect(firstSwatch.getAttribute('title')).toBeNull();
@@ -59,23 +68,26 @@ describe('No Native Title Attributes', () => {
     render(
       <TooltipProvider>
         <ProductColorSelector colors={mockColors} />
-      </TooltipProvider>
+      </TooltipProvider>,
     );
     const swatches = screen.getAllByRole('button');
-    swatches.forEach(s => expect(s.getAttribute('title')).toBeNull());
+    expect(swatches).not.toHaveLength(0);
+    for (const s of swatches) {
+      expect(s.getAttribute('title')).toBeNull();
+    }
   });
 
   it('CompactColorDots elements have no title attribute', () => {
     const { container } = render(
       <TooltipProvider>
         <CompactColorDots colors={mockColors} />
-      </TooltipProvider>
+      </TooltipProvider>,
     );
     const dots = container.querySelectorAll('span');
-    dots.forEach(d => {
-       if (d.style.backgroundColor) {
-         expect(d.getAttribute('title')).toBeNull();
-       }
-    });
+    for (const d of Array.from(dots)) {
+      if (d.style.backgroundColor) {
+        expect(d.getAttribute('title')).toBeNull();
+      }
+    }
   });
 });

src/components/products/__tests__/GalleryTitleAudit.test.tsx

@@ -1,75 +1,89 @@
 import { describe, it, expect } from 'vitest';
-import { render, screen } from '@testing-library/react';
+import { render } from '@testing-library/react';
 import { ProductGallery } from '../ProductGallery';
 import { QuickViewGallery } from '../quick-view/QuickViewGallery';
 import { ZoomableGallery } from '../ZoomableGallery';
 import { TooltipProvider } from '@/components/ui/tooltip';
+import type { ProductImageMeta } from '@/utils/image-utils';
 
 describe('Gallery Components - Tooltip Regression Audit', () => {
   const mockImages = ['https://example.com/image1.jpg', 'https://example.com/image2.jpg'];
   const productName = 'Produto Teste';
 
   const renderWithProviders = (ui: React.ReactElement) => {
-    return render(
-      <TooltipProvider>
-        {ui}
-      </TooltipProvider>
-    );
+    return render(<TooltipProvider>{ui}</TooltipProvider>);
   };
 
   const auditNoTooltip = (container: HTMLElement) => {
     // 1. Check native title attribute on all images
     const allImages = container.querySelectorAll('img');
-    allImages.forEach(img => {
+    expect(allImages.length).toBeGreaterThan(0);
+    for (const img of Array.from(allImages)) {
       expect(img.getAttribute('title')).toBeFalsy();
-    });
+    }
 
     // 2. Check for Radix Tooltip wrappers (TooltipTrigger/TooltipContent)
     // TooltipTrigger usually adds data-state or aria-describedby
     const tooltipTriggers = container.querySelectorAll('[data-state], [aria-describedby]');
-    tooltipTriggers.forEach(trigger => {
+    for (const trigger of Array.from(tooltipTriggers)) {
       // If it's a trigger, it shouldn't be the image itself or wrap the image directly for title purposes
       const isImageRelated = trigger.tagName === 'IMG' || trigger.querySelector('img');
       if (isImageRelated) {
         // We allow some triggers (like color variations), but not on the main gallery images
-        const isMainImageContainer = trigger.classList.contains('aspect-[4/3]') || 
-                                     trigger.classList.contains('aspect-square') ||
-                                     trigger.tagName === 'IMG';
+        const isMainImageContainer =
+          trigger.classList.contains('aspect-[4/3]') ||
+          trigger.classList.contains('aspect-square') ||
+          trigger.tagName === 'IMG';
         if (isMainImageContainer) {
-           // Radix tooltips for non-interactive elements are usually discouraged anyway
-           // But here we specifically want to ensure the main images are clean
-           expect(trigger.getAttribute('data-state')).not.toBe('closed'); 
-           expect(trigger.getAttribute('data-state')).not.toBe('delayed-open');
+          // Radix tooltips for non-interactive elements are usually discouraged anyway
+          // But here we specifically want to ensure the main images are clean
+          expect(trigger.getAttribute('data-state')).not.toBe('closed');
+          expect(trigger.getAttribute('data-state')).not.toBe('delayed-open');
         }
       }
-    });
+    }
   };
 
   it('ProductGallery should be free of tooltips on main images', () => {
-    const { container } = renderWithProviders(<ProductGallery images={mockImages} productName={productName} />);
+    const { container } = renderWithProviders(
+      <ProductGallery images={mockImages} productName={productName} />,
+    );
     auditNoTooltip(container);
   });
 
   it('QuickViewGallery should be free of tooltips on main images', () => {
-    const displayImages = [
-      { url_cdn: mockImages[0], alt_text: 'Alt 1' },
-      { url_cdn: mockImages[1], alt_text: 'Alt 2' }
+    const displayImages: ProductImageMeta[] = [
+      {
+        url_cdn: mockImages[0],
+        alt_text: 'Alt 1',
+        image_type: 'main',
+        is_primary: true,
+        display_order: 0,
+      },
+      {
+        url_cdn: mockImages[1],
+        alt_text: 'Alt 2',
+        image_type: 'main',
+        is_primary: false,
+        display_order: 1,
+      },
     ];
     const { container } = renderWithProviders(
-      <QuickViewGallery 
-        productName={productName} 
-        images={mockImages} 
+      <QuickViewGallery
+        productName={productName}
+        images={mockImages}
         displayImages={displayImages}
         currentImageIndex={0}
         onIndexChange={() => {}}
-      />
+      />,
     );
     auditNoTooltip(container);
   });
 
   it('ZoomableGallery should be free of tooltips on main images', () => {
-    const { container } = renderWithProviders(<ZoomableGallery images={mockImages} productName={productName} />);
+    const { container } = renderWithProviders(
+      <ZoomableGallery images={mockImages} productName={productName} />,
+    );
     auditNoTooltip(container);
   });
 });
-

src/components/products/__tests__/ProductColorSelector.test.tsx

@@ -5,7 +5,13 @@ import { TooltipProvider } from '@/components/ui/tooltip';
 
 // Mock color data
 const mockColors = [
-  { id: '1', name: 'Vermelho', hex: '#FF0000', variationName: 'Vermelho', groupName: 'Cores Quentes' },
+  {
+    id: '1',
+    name: 'Vermelho',
+    hex: '#FF0000',
+    variationName: 'Vermelho',
+    groupName: 'Cores Quentes',
+  },
   { id: '2', name: 'Azul', hex: '#0000FF', variationName: 'Azul', groupName: 'Cores Frias' },
 ];
 
@@ -14,29 +20,30 @@ describe('ProductColorSelector Tooltip Requirements', () => {
     const { getAllByRole } = render(
       <TooltipProvider>
         <ProductColorSelector colors={mockColors} />
-      </TooltipProvider>
+      </TooltipProvider>,
     );
 
     const swatches = getAllByRole('button');
-    swatches.forEach(swatch => {
+    expect(swatches).not.toHaveLength(0);
+    for (const swatch of swatches) {
       expect(swatch.getAttribute('title')).toBeNull();
-    });
+    }
   });
 
   it('does not have a native title attribute on dots in CompactColorDots', () => {
     const { container } = render(
       <TooltipProvider>
         <CompactColorDots colors={mockColors} />
-      </TooltipProvider>
+      </TooltipProvider>,
     );
 
     // CompactColorDots renders spans that act as triggers
     const dots = container.querySelectorAll('span');
-    dots.forEach(dot => {
+    for (const dot of Array.from(dots)) {
       // Check if it's one of our color dots (they have a background color set)
       if (dot.style.backgroundColor) {
         expect(dot.getAttribute('title')).toBeNull();
       }
-    });
+    }
   });
 });