@greatapps/common 1.1.694 → 1.1.697

package/src/modules/images/utils/crop-image.ts

@@ -1,51 +1,68 @@
-import type { Crop } from 'react-image-crop'
-
-export async function cropImageToCanvas(
-  image: HTMLImageElement,
-  crop: Crop,
-  targetWidth: number,
-  targetHeight: number
-): Promise<string> {
-  const canvas = document.createElement('canvas')
-  const ctx = canvas.getContext('2d')
-
-  if (!ctx) throw new Error('Canvas não suportado')
-
-  // Escala entre tamanho renderizado e natural (imagem pode estar reduzida com CSS)
-  const scaleX = image.naturalWidth / image.width
-  const scaleY = image.naturalHeight / image.height
-
-  // Converte coordenadas do crop para pixels naturais da imagem
-  const pixelCrop = {
-    x: crop.unit === '%'
-      ? (crop.x / 100) * image.naturalWidth
-      : crop.x * scaleX,
-    y: crop.unit === '%'
-      ? (crop.y / 100) * image.naturalHeight
-      : crop.y * scaleY,
-    width: crop.unit === '%'
-      ? (crop.width / 100) * image.naturalWidth
-      : crop.width * scaleX,
-    height: crop.unit === '%'
-      ? (crop.height / 100) * image.naturalHeight
-      : crop.height * scaleY,
-  }
-
-  canvas.width = targetWidth
-  canvas.height = targetHeight
-
-  ctx.drawImage(
-    image,
-    pixelCrop.x,
-    pixelCrop.y,
-    pixelCrop.width,
-    pixelCrop.height,
-    0,
-    0,
-    targetWidth,
-    targetHeight
-  )
-
-  // Usa JPEG para compatibilidade universal (Safari tem problemas com WebP)
-  return canvas.toDataURL('image/jpeg', 0.92)
-}
+import type { Crop } from 'react-image-crop'
+
+export async function cropImageToCanvas(
+  image: HTMLImageElement,
+  crop: Crop,
+  targetWidth: number,
+  targetHeight: number,
+  /**
+   * MIME de saída. Use 'image/png' para preservar transparência (PNG/WebP/GIF
+   * de origem). JPEG não tem canal alpha — pixels transparentes viram preto.
+   */
+  outputType: 'image/jpeg' | 'image/png' = 'image/jpeg'
+): Promise<string> {
+  const canvas = document.createElement('canvas')
+  const ctx = canvas.getContext('2d')
+
+  if (!ctx) throw new Error('Canvas não suportado')
+
+  // Escala entre tamanho renderizado e natural (imagem pode estar reduzida com CSS)
+  const scaleX = image.naturalWidth / image.width
+  const scaleY = image.naturalHeight / image.height
+
+  // Converte coordenadas do crop para pixels naturais da imagem
+  const pixelCrop = {
+    x: crop.unit === '%'
+      ? (crop.x / 100) * image.naturalWidth
+      : crop.x * scaleX,
+    y: crop.unit === '%'
+      ? (crop.y / 100) * image.naturalHeight
+      : crop.y * scaleY,
+    width: crop.unit === '%'
+      ? (crop.width / 100) * image.naturalWidth
+      : crop.width * scaleX,
+    height: crop.unit === '%'
+      ? (crop.height / 100) * image.naturalHeight
+      : crop.height * scaleY,
+  }
+
+  canvas.width = targetWidth
+  canvas.height = targetHeight
+
+  // JPEG não tem canal alpha: sem fundo, pixels transparentes da origem viram
+  // PRETO no encode. Preenchemos com branco antes de desenhar para que a
+  // transparência degrade para branco (neutro), nunca preto. No caminho PNG
+  // não pintamos nada — o canvas fica transparente e a transparência é mantida.
+  if (outputType === 'image/jpeg') {
+    ctx.fillStyle = '#ffffff'
+    ctx.fillRect(0, 0, targetWidth, targetHeight)
+  }
+
+  ctx.drawImage(
+    image,
+    pixelCrop.x,
+    pixelCrop.y,
+    pixelCrop.width,
+    pixelCrop.height,
+    0,
+    0,
+    targetWidth,
+    targetHeight
+  )
+
+  // PNG preserva transparência; JPEG (0.92) para fotos opacas, mais leve.
+  // Safari tem problemas com WebP, por isso não é usado aqui.
+  return outputType === 'image/png'
+    ? canvas.toDataURL('image/png')
+    : canvas.toDataURL('image/jpeg', 0.92)
+}

package/src/modules/images/utils/validate-image.ts

@@ -1,86 +1,86 @@
-import {
-  ACCEPTED_IMAGE_FORMATS,
-  MAX_FILE_SIZE_MB,
-} from '../constants/image.constants'
-
-type TranslateFn = (key: any, values?: Record<string, string | number>) => string;
-
-export interface ImageValidationResult {
-  valid: boolean
-  error?: string
-}
-
-export function validateImageFormat(
-  file: File,
-  translate?: TranslateFn
-): ImageValidationResult {
-  // Bloqueia SVG explicitamente (segurança + não funciona com crop)
-  if (file.type === 'image/svg+xml' || file.name.toLowerCase().endsWith('.svg')) {
-    return {
-      valid: false,
-      error: translate
-        ? translate('common.imageUpload.errorSvg')
-        : 'Formato SVG não é suportado. Use PNG, JPEG, WebP ou GIF.',
-    }
-  }
-
-  if (
-    !ACCEPTED_IMAGE_FORMATS.includes(
-      file.type as (typeof ACCEPTED_IMAGE_FORMATS)[number]
-    )
-  ) {
-    return {
-      valid: false,
-      error: translate
-        ? translate('common.imageUpload.errorFormat')
-        : 'Formato não suportado. Use PNG, JPEG, WebP ou GIF.',
-    }
-  }
-  return { valid: true }
-}
-
-export function validateImageSize(
-  file: File,
-  maxSizeMB: number = MAX_FILE_SIZE_MB,
-  translate?: TranslateFn
-): ImageValidationResult {
-  if (file.size > maxSizeMB * 1024 * 1024) {
-    return {
-      valid: false,
-      error: translate
-        ? translate('common.imageUpload.errorTooLarge', { maxSize: maxSizeMB })
-        : `Arquivo muito grande. Máximo ${maxSizeMB}MB.`,
-    }
-  }
-  return { valid: true }
-}
-
-export function validateImage(
-  file: File,
-  translate?: TranslateFn
-): ImageValidationResult {
-  const formatValidation = validateImageFormat(file, translate)
-  if (!formatValidation.valid) return formatValidation
-
-  const sizeValidation = validateImageSize(file, MAX_FILE_SIZE_MB, translate)
-  if (!sizeValidation.valid) return sizeValidation
-
-  return { valid: true }
-}
-
-export async function getImageDimensions(
-  file: File
-): Promise<{ width: number; height: number }> {
-  return new Promise((resolve, reject) => {
-    const img = new Image()
-    img.onload = () => {
-      resolve({ width: img.naturalWidth, height: img.naturalHeight })
-      URL.revokeObjectURL(img.src)
-    }
-    img.onerror = () => {
-      reject(new Error('Falha ao carregar imagem'))
-      URL.revokeObjectURL(img.src)
-    }
-    img.src = URL.createObjectURL(file)
-  })
-}
+import {
+  ACCEPTED_IMAGE_FORMATS,
+  MAX_FILE_SIZE_MB,
+} from '../constants/image.constants'
+
+type TranslateFn = (key: any, values?: Record<string, string | number>) => string;
+
+export interface ImageValidationResult {
+  valid: boolean
+  error?: string
+}
+
+export function validateImageFormat(
+  file: File,
+  translate?: TranslateFn
+): ImageValidationResult {
+  // Bloqueia SVG explicitamente (segurança + não funciona com crop)
+  if (file.type === 'image/svg+xml' || file.name.toLowerCase().endsWith('.svg')) {
+    return {
+      valid: false,
+      error: translate
+        ? translate('common.imageUpload.errorSvg')
+        : 'Formato SVG não é suportado. Use PNG, JPEG, WebP ou GIF.',
+    }
+  }
+
+  if (
+    !ACCEPTED_IMAGE_FORMATS.includes(
+      file.type as (typeof ACCEPTED_IMAGE_FORMATS)[number]
+    )
+  ) {
+    return {
+      valid: false,
+      error: translate
+        ? translate('common.imageUpload.errorFormat')
+        : 'Formato não suportado. Use PNG, JPEG, WebP ou GIF.',
+    }
+  }
+  return { valid: true }
+}
+
+export function validateImageSize(
+  file: File,
+  maxSizeMB: number = MAX_FILE_SIZE_MB,
+  translate?: TranslateFn
+): ImageValidationResult {
+  if (file.size > maxSizeMB * 1024 * 1024) {
+    return {
+      valid: false,
+      error: translate
+        ? translate('common.imageUpload.errorTooLarge', { maxSize: maxSizeMB })
+        : `Arquivo muito grande. Máximo ${maxSizeMB}MB.`,
+    }
+  }
+  return { valid: true }
+}
+
+export function validateImage(
+  file: File,
+  translate?: TranslateFn
+): ImageValidationResult {
+  const formatValidation = validateImageFormat(file, translate)
+  if (!formatValidation.valid) return formatValidation
+
+  const sizeValidation = validateImageSize(file, MAX_FILE_SIZE_MB, translate)
+  if (!sizeValidation.valid) return sizeValidation
+
+  return { valid: true }
+}
+
+export async function getImageDimensions(
+  file: File
+): Promise<{ width: number; height: number }> {
+  return new Promise((resolve, reject) => {
+    const img = new Image()
+    img.onload = () => {
+      resolve({ width: img.naturalWidth, height: img.naturalHeight })
+      URL.revokeObjectURL(img.src)
+    }
+    img.onerror = () => {
+      reject(new Error('Falha ao carregar imagem'))
+      URL.revokeObjectURL(img.src)
+    }
+    img.src = URL.createObjectURL(file)
+  })
+}

package/src/modules/pages/constants/query-keys.constants.ts

@@ -1 +1 @@
-export const PAGES_QUERY_KEY = ['pages'] as const;
+export const PAGES_QUERY_KEY = ['pages'] as const;

package/src/modules/pages/handlers/count-pages.handler.ts

@@ -1,12 +1,12 @@
-import 'server-only';
-
-import { safeRouteHandler } from '../../../infra/route/safe-route-handler';
-import { pagesService } from '../services/pages.service';
-
-export function createCountPagesHandler() {
-  return async function GET() {
-    return safeRouteHandler(async () => ({
-      total: await pagesService.countPages(),
-    }));
-  };
-}
+import 'server-only';
+
+import { safeRouteHandler } from '../../../infra/route/safe-route-handler';
+import { pagesService } from '../services/pages.service';
+
+export function createCountPagesHandler() {
+  return async function GET() {
+    return safeRouteHandler(async () => ({
+      total: await pagesService.countPages(),
+    }));
+  };
+}

package/src/modules/pages/hooks/count-pages.hook.ts

@@ -1,21 +1,21 @@
-'use client';
-
-import { useQuery } from '@tanstack/react-query';
-import { apiFetch } from '../../../infra/http/api-fetch';
-import { PAGES_QUERY_KEY } from '../constants/query-keys.constants';
-import { useAuthQueryKey } from '../../../hooks/useAuthQueryKey';
-
-export const COUNT_PAGES_QUERY_KEY = [...PAGES_QUERY_KEY, 'count'] as const;
-
-export function useCountPages() {
-  const queryKey = useAuthQueryKey([...COUNT_PAGES_QUERY_KEY]);
-
-  return useQuery({
-    queryKey,
-    queryFn: async ({ signal }) => {
-      const result = await apiFetch<{ total: number }>('/api/pages/count', { signal });
-      return result.total;
-    },
-    staleTime: 30_000,
-  });
-}
+'use client';
+
+import { useQuery } from '@tanstack/react-query';
+import { apiFetch } from '../../../infra/http/api-fetch';
+import { PAGES_QUERY_KEY } from '../constants/query-keys.constants';
+import { useAuthQueryKey } from '../../../hooks/useAuthQueryKey';
+
+export const COUNT_PAGES_QUERY_KEY = [...PAGES_QUERY_KEY, 'count'] as const;
+
+export function useCountPages() {
+  const queryKey = useAuthQueryKey([...COUNT_PAGES_QUERY_KEY]);
+
+  return useQuery({
+    queryKey,
+    queryFn: async ({ signal }) => {
+      const result = await apiFetch<{ total: number }>('/api/pages/count', { signal });
+      return result.total;
+    },
+    staleTime: 30_000,
+  });
+}

package/src/modules/pages/services/pages.service.ts

@@ -1,27 +1,27 @@
-import 'server-only';
-
-import { api } from '../../../infra/api/client';
-import { ApiError, ApiPaginatedActionResult } from '../../../infra/api/types';
-import { getUserContext } from '../../auth/utils/get-user-context';
-
-class PagesService {
-  async countPages(): Promise<number> {
-    const { id_account } = await getUserContext();
-
-    const url = `/account/${id_account}/pages?limit=1`;
-
-    const response = await api.pages.get<ApiPaginatedActionResult<unknown>>(url);
-
-    if (response.status === 0) {
-      throw new ApiError(
-        response.message || 'Erro ao contar páginas',
-        'COUNT_PAGES_FAILED',
-        400,
-      );
-    }
-
-    return response.total;
-  }
-}
-
-export const pagesService = new PagesService();
+import 'server-only';
+
+import { api } from '../../../infra/api/client';
+import { ApiError, ApiPaginatedActionResult } from '../../../infra/api/types';
+import { getUserContext } from '../../auth/utils/get-user-context';
+
+class PagesService {
+  async countPages(): Promise<number> {
+    const { id_account } = await getUserContext();
+
+    const url = `/account/${id_account}/pages?limit=1`;
+
+    const response = await api.pages.get<ApiPaginatedActionResult<unknown>>(url);
+
+    if (response.status === 0) {
+      throw new ApiError(
+        response.message || 'Erro ao contar páginas',
+        'COUNT_PAGES_FAILED',
+        400,
+      );
+    }
+
+    return response.total;
+  }
+}
+
+export const pagesService = new PagesService();

package/src/modules/plans/handlers/find-plan-by-id.handler.ts

@@ -1,14 +1,14 @@
-import 'server-only';
-
-import type { NextRequest } from 'next/server';
-import { safeRouteHandler } from '../../../infra/route/safe-route-handler';
-import { plansService } from '../services/plans.service';
-
-export function createFindPlanByIdHandler() {
-  return async function GET(_req: NextRequest, { params }: { params: Promise<{ id: string }> }) {
-    return safeRouteHandler(async () => {
-      const { id } = await params;
-      return plansService.findById(id);
-    });
-  };
-}
+import 'server-only';
+
+import type { NextRequest } from 'next/server';
+import { safeRouteHandler } from '../../../infra/route/safe-route-handler';
+import { plansService } from '../services/plans.service';
+
+export function createFindPlanByIdHandler() {
+  return async function GET(_req: NextRequest, { params }: { params: Promise<{ id: string }> }) {
+    return safeRouteHandler(async () => {
+      const { id } = await params;
+      return plansService.findById(id);
+    });
+  };
+}

package/src/modules/plans/handlers/list-plans.handler.ts

@@ -1,22 +1,22 @@
-import 'server-only';
-
-import { safeRouteHandler } from '../../../infra/route/safe-route-handler';
-import { plansService } from '../services/plans.service';
-
-export function createListPlansHandler() {
-  return async function GET() {
-    return safeRouteHandler(async () => {
-      const { data: apiPlans } = await plansService.listPlans({
-        active: true,
-        search: 'client',
-        sort: 'id:ASC',
-      });
-
-      if (!apiPlans?.length) return [];
-
-      // null/undefined (USD price não configurado) ordena por último — evita aparecer como "o mais barato"
-      const sortValue = (v: number | null | undefined) => (v == null ? Number.POSITIVE_INFINITY : v);
-      return [...apiPlans].sort((a, b) => sortValue(a.value) - sortValue(b.value));
-    });
-  };
-}
+import 'server-only';
+
+import { safeRouteHandler } from '../../../infra/route/safe-route-handler';
+import { plansService } from '../services/plans.service';
+
+export function createListPlansHandler() {
+  return async function GET() {
+    return safeRouteHandler(async () => {
+      const { data: apiPlans } = await plansService.listPlans({
+        active: true,
+        search: 'client',
+        sort: 'id:ASC',
+      });
+
+      if (!apiPlans?.length) return [];
+
+      // null/undefined (USD price não configurado) ordena por último — evita aparecer como "o mais barato"
+      const sortValue = (v: number | null | undefined) => (v == null ? Number.POSITIVE_INFINITY : v);
+      return [...apiPlans].sort((a, b) => sortValue(a.value) - sortValue(b.value));
+    });
+  };
+}

package/src/modules/plans/hooks/list-plans.hook.ts

@@ -1,23 +1,23 @@
-'use client';
-
-import { useQuery } from '@tanstack/react-query';
-import { apiFetch } from '../../../infra/http/api-fetch';
-import type { Plan } from '../types/plan.type';
-import { useAuthQueryKey } from '../../../hooks/useAuthQueryKey';
-
-export const PLANS_QUERY_KEY = ['plans'] as const;
-
-export function usePlans() {
-  const queryKey = useAuthQueryKey([...PLANS_QUERY_KEY]);
-
-  return useQuery<Plan[]>({
-    queryKey,
-    queryFn: ({ signal }) => apiFetch<Plan[]>('/api/plans', { signal }),
-    staleTime: 60 * 1000,
-    gcTime: Infinity,
-    refetchOnWindowFocus: false,
-    refetchOnReconnect: false,
-    refetchOnMount: true,
-    retry: 1,
-  });
-}
+'use client';
+
+import { useQuery } from '@tanstack/react-query';
+import { apiFetch } from '../../../infra/http/api-fetch';
+import type { Plan } from '../types/plan.type';
+import { useAuthQueryKey } from '../../../hooks/useAuthQueryKey';
+
+export const PLANS_QUERY_KEY = ['plans'] as const;
+
+export function usePlans() {
+  const queryKey = useAuthQueryKey([...PLANS_QUERY_KEY]);
+
+  return useQuery<Plan[]>({
+    queryKey,
+    queryFn: ({ signal }) => apiFetch<Plan[]>('/api/plans', { signal }),
+    staleTime: 60 * 1000,
+    gcTime: Infinity,
+    refetchOnWindowFocus: false,
+    refetchOnReconnect: false,
+    refetchOnMount: true,
+    retry: 1,
+  });
+}

package/src/modules/plans/hooks/use-has-plan-addon.hook.ts

@@ -1,14 +1,14 @@
-'use client';
-
-import type { AddonKindEnum } from '../../subscriptions/constants/addons.constants';
-import { useActiveSubscription } from '../../subscriptions/hooks/find-active-subscription.hook';
-
-export function useHasPlanAddon(addonId: AddonKindEnum) {
-  const { data: subscriptionData, isLoading: isLoadingSubscription } = useActiveSubscription();
-  const activeSubscription = subscriptionData?.data?.[0] ?? null;
-
-  const hasAddon = !!activeSubscription?.items?.find((i) => i.id_addon === addonId);
-  const isLoading = isLoadingSubscription;
-
-  return { hasAddon, isLoading };
-}
+'use client';
+
+import type { AddonKindEnum } from '../../subscriptions/constants/addons.constants';
+import { useActiveSubscription } from '../../subscriptions/hooks/find-active-subscription.hook';
+
+export function useHasPlanAddon(addonId: AddonKindEnum) {
+  const { data: subscriptionData, isLoading: isLoadingSubscription } = useActiveSubscription();
+  const activeSubscription = subscriptionData?.data?.[0] ?? null;
+
+  const hasAddon = !!activeSubscription?.items?.find((i) => i.id_addon === addonId);
+  const isLoading = isLoadingSubscription;
+
+  return { hasAddon, isLoading };
+}

package/src/modules/plans/hooks/use-plan-by-id.hook.ts

@@ -1,39 +1,39 @@
-"use client";
-
-import { useQuery, useQueryClient } from "@tanstack/react-query";
-import { apiFetch } from "../../../infra/http/api-fetch";
-import type { SuccessResult } from "../../../infra/api/types";
-import type { Plan } from "../types/plan.type";
-import { PLANS_QUERY_KEY } from "./list-plans.hook";
-import { useAuthQueryKey } from "../../../hooks/useAuthQueryKey";
-
-export function usePlanById(idPlan?: number | string | null) {
-  const queryClient = useQueryClient();
-  const plansKey = useAuthQueryKey([...PLANS_QUERY_KEY]);
-
-  return useQuery({
-    queryKey: [...plansKey, idPlan],
-    queryFn: ({ signal }) =>
-      apiFetch<SuccessResult<Plan>>(`/api/plans/${idPlan}`, { signal }),
-    initialData: () => {
-      const queries = queryClient.getQueriesData<Plan[]>({
-        queryKey: plansKey,
-      });
-
-      for (const [, data] of queries) {
-        if (!data || !Array.isArray(data)) continue;
-        const numericId = Number(idPlan);
-        const plan = data.find(
-          (p) => p.id === numericId || p.id_plan === numericId
-        );
-        if (plan) {
-          return { success: true as const, data: plan };
-        }
-      }
-
-      return undefined;
-    },
-    initialDataUpdatedAt: 0,
-    enabled: !!idPlan,
-  });
-}
+"use client";
+
+import { useQuery, useQueryClient } from "@tanstack/react-query";
+import { apiFetch } from "../../../infra/http/api-fetch";
+import type { SuccessResult } from "../../../infra/api/types";
+import type { Plan } from "../types/plan.type";
+import { PLANS_QUERY_KEY } from "./list-plans.hook";
+import { useAuthQueryKey } from "../../../hooks/useAuthQueryKey";
+
+export function usePlanById(idPlan?: number | string | null) {
+  const queryClient = useQueryClient();
+  const plansKey = useAuthQueryKey([...PLANS_QUERY_KEY]);
+
+  return useQuery({
+    queryKey: [...plansKey, idPlan],
+    queryFn: ({ signal }) =>
+      apiFetch<SuccessResult<Plan>>(`/api/plans/${idPlan}`, { signal }),
+    initialData: () => {
+      const queries = queryClient.getQueriesData<Plan[]>({
+        queryKey: plansKey,
+      });
+
+      for (const [, data] of queries) {
+        if (!data || !Array.isArray(data)) continue;
+        const numericId = Number(idPlan);
+        const plan = data.find(
+          (p) => p.id === numericId || p.id_plan === numericId
+        );
+        if (plan) {
+          return { success: true as const, data: plan };
+        }
+      }
+
+      return undefined;
+    },
+    initialDataUpdatedAt: 0,
+    enabled: !!idPlan,
+  });
+}